npm package: @spaire/sveltekit
Description: Spaire integration for SvelteKit
Latest version: 2.0.1

# @spaire/sveltekit

Payments and Checkouts made dead simple with Sveltekit.

`pnpm install @spaire/sveltekit zod`

## Checkout

Create a Checkout handler which takes care of redirections.

```typescript
// /api/checkout/+server.ts
import { Checkout } from "@spaire/sveltekit";

export const GET = Checkout({
  accessToken: process.env.SPAIRE_ACCESS_TOKEN,
  successUrl: process.env.SUCCESS_URL,
  returnUrl: "https://myapp.com", // Optional Return URL, which renders a Back-button in the Checkout
  server: "sandbox", // Use sandbox if you're testing Spaire - omit the parameter or pass 'production' otherwise
  theme: "dark" // Enforces the theme - System-preferred theme will be set if left omitted
});
```

### Query Params

Pass query params to this route.

- products `?products=123`
- customerId (optional) `?products=123&customerId=xxx`
- customerExternalId (optional) `?products=123&customerExternalId=xxx`
- customerEmail (optional) `?products=123&customerEmail=janedoe@gmail.com`
- customerName (optional) `?products=123&customerName=Jane`
- metadata (optional) `URL-Encoded JSON string`

## Customer Portal

Create a customer portal where your customer can view orders and subscriptions.

```typescript
// /api/portal/+server.ts
import { CustomerPortal } from "@spaire/sveltekit";

export const GET = CustomerPortal({
  accessToken: process.env.SPAIRE_ACCESS_TOKEN,
  getCustomerId: (event) => "", // Fuction to resolve a Spaire Customer ID
  getExternalCustomerId: (event) => "", // Alternatively, resolve the external customer ID
  returnUrl: "https://myapp.com", // Optional Return URL, which renders a Back-button in the Customer Portal
  server: "sandbox", // Use sandbox if you're testing Spaire - omit the parameter or pass 'production' otherwise
});
```

#### Resolving the customer
One can either resolve the Spaire Customer ID (by implementing `getCustomerId`) or the external customer ID (by implementing `getExternalCustomerId`). A common example is to resolve the customer by session cookie or JWT token.

## Webhooks

A simple utility which resolves incoming webhook payloads by signing the webhook secret properly.

```typescript
// api/webhook/spaire/route.ts
import { Webhooks } from "@spaire/sveltekit";

export const POST = Webhooks({
  webhookSecret: process.env.SPAIRE_WEBHOOK_SECRET!,
  onPayload: async (payload) => {
    // Handle the payload
    // No need to return an acknowledge response
  },
});
```

#### Payload Handlers

The Webhook handler also supports granular handlers for easy integration.

- onCheckoutCreated: (payload) =>
- onCheckoutUpdated: (payload) =>
- onOrderCreated: (payload) =>
- onOrderUpdated: (payload) =>
- onOrderPaid: (payload) =>
- onSubscriptionCreated: (payload) =>
- onSubscriptionUpdated: (payload) =>
- onSubscriptionActive: (payload) =>
- onSubscriptionCanceled: (payload) =>
- onSubscriptionRevoked: (payload) =>
- onProductCreated: (payload) =>
- onProductUpdated: (payload) =>
- onOrganizationUpdated: (payload) =>
- onBenefitCreated: (payload) =>
- onBenefitUpdated: (payload) =>
- onBenefitGrantCreated: (payload) =>
- onBenefitGrantUpdated: (payload) =>
- onBenefitGrantRevoked: (payload) =>
- onCustomerCreated: (payload) =>
- onCustomerUpdated: (payload) =>
- onCustomerDeleted: (payload) =>
- onCustomerStateChanged: (payload) =>