[!WARNING] This project is under active development and is not ready for production use. Please proceed with caution. Use at your own risk.

Checkout Module

📚 Documentation: 86d.app/docs/modules/checkout

Checkout session management for the 86d commerce platform. Handles the cart-to-order conversion flow: session creation, address collection, discount application, and order completion.

Installation

npm install @86d-app/checkout

Usage

import checkout from "@86d-app/checkout";
import { createModuleClient } from "@86d-app/core";

const client = createModuleClient([
  checkout({
    sessionTtl: 1800000, // 30 minutes
    currency: "USD",
  }),
]);

Configuration

| Option | Type | Default | Description | |---|---|---|---| | sessionTtl | number | 1800000 | Session time-to-live in milliseconds | | currency | string | "USD" | Default currency code for sessions |

Session Statuses

| Status | Description | |---|---| | pending | Session created, awaiting completion | | processing | Payment is being processed | | completed | Order placed successfully | | expired | Session TTL elapsed | | abandoned | Customer left without completing |

Flow: pending → processing → completed, pending → expired, pending/processing → abandoned

Store Endpoints

| Method | Path | Description | |---|---|---| | POST | /checkout/sessions | Create a new checkout session | | GET | /checkout/sessions/:id | Get a session by ID | | PUT | /checkout/sessions/:id/update | Update addresses, shipping amount, or payment method | | POST | /checkout/sessions/:id/discount | Apply a discount code |

Note: Checkout is customer-facing only. There are no admin endpoints.

Controller API

// Create a new checkout session
controller.create(params: {
  id?: string;
  cartId?: string;
  customerId?: string;
  guestEmail?: string;
  currency?: string;
  subtotal: number;
  taxAmount?: number;
  shippingAmount?: number;
  discountAmount?: number;
  total: number;
  lineItems: CheckoutLineItem[];
  shippingAddress?: CheckoutAddress;
  billingAddress?: CheckoutAddress;
  metadata?: Record<string, unknown>;
  ttl?: number; // per-session TTL override in ms
}): Promise<CheckoutSession>

// Get a session by ID
controller.getById(id: string): Promise<CheckoutSession | null>

// Update address info and recalculate total
controller.update(id: string, params: {
  guestEmail?: string;
  shippingAddress?: CheckoutAddress;
  billingAddress?: CheckoutAddress;
  shippingAmount?: number;
  paymentMethod?: string;
  metadata?: Record<string, unknown>;
}): Promise<CheckoutSession | null>

// Apply a promo code (discount amounts pre-validated by discounts module)
controller.applyDiscount(id: string, params: {
  code: string;
  discountAmount: number;
  freeShipping: boolean;
}): Promise<CheckoutSession | null>

// Remove the applied discount and restore original total
controller.removeDiscount(id: string): Promise<CheckoutSession | null>

// Mark session as completed and store the resulting order ID
controller.complete(id: string, orderId: string): Promise<CheckoutSession | null>

// Abandon a pending or processing session
controller.abandon(id: string): Promise<CheckoutSession | null>

// Retrieve line items stored for a session
controller.getLineItems(sessionId: string): Promise<CheckoutLineItem[]>

// Expire all sessions past their TTL — call periodically (e.g. cron)
controller.expireStale(): Promise<number>

Types

type CheckoutStatus = "pending" | "processing" | "completed" | "expired" | "abandoned";

interface CheckoutAddress {
  firstName: string;
  lastName: string;
  company?: string;
  line1: string;
  line2?: string;
  city: string;
  state: string;
  postalCode: string;
  country: string;
  phone?: string;
}

interface CheckoutLineItem {
  productId: string;
  variantId?: string;
  name: string;
  sku?: string;
  price: number;
  quantity: number;
}

interface CheckoutSession {
  id: string;
  cartId?: string;
  customerId?: string;
  guestEmail?: string;
  status: CheckoutStatus;
  subtotal: number;
  taxAmount: number;
  shippingAmount: number;
  discountAmount: number;
  total: number;
  currency: string;
  discountCode?: string;
  shippingAddress?: CheckoutAddress;
  billingAddress?: CheckoutAddress;
  paymentMethod?: string;
  orderId?: string;
  metadata?: Record<string, unknown>;
  expiresAt: Date;
  createdAt: Date;
  updatedAt: Date;
}

// Minimal interface for discount integration via runtime context
interface DiscountController {
  validateCode(params: {
    code: string;
    subtotal: number;
    productIds?: string[];
    categoryIds?: string[];
  }): Promise<{ valid: boolean; discountAmount: number; freeShipping: boolean; error?: string }>;

  applyCode(params: {
    code: string;
    subtotal: number;
    productIds?: string[];
    categoryIds?: string[];
  }): Promise<{ valid: boolean; discountAmount: number; freeShipping: boolean; error?: string }>;
}

Inter-module Integration

The checkout module accesses the discounts controller through the runtime context — there is no direct import dependency. The DiscountController interface uses structural typing, so any module that implements the same shape will work.

// Runtime context access (inside endpoint handlers)
const discount = ctx.context.controllers.discount as DiscountController;
const result = await discount.applyCode({ code, subtotal });

After completing a checkout session, call complete(sessionId, orderId) from your orders module integration to link the session to the created order.

Store Components

CheckoutForm

Multi-step checkout orchestrator. Renders the active step (information → shipping → payment → review) alongside an order summary sidebar. Includes a step indicator showing progress.

Props

None. Reads session ID from checkoutState. If no session is set, shows a "Return to cart" fallback.

Usage in MDX

<CheckoutForm />

Place on the checkout page (e.g. templates/brisa/checkout.mdx). Before rendering, set checkoutState.sessionId to a valid checkout session ID (typically created from the cart).

CheckoutInformation

Step 1: Collects the customer's email address. Advances to the shipping step on submit.

Props

None.

Usage in MDX

<CheckoutInformation />

Typically rendered automatically by CheckoutForm. Can be used standalone if building a custom checkout layout.

CheckoutShipping

Step 2: Collects the shipping address (name, address, city, state, ZIP, country, phone). Advances to the payment step on submit.

Props

None.

Usage in MDX

<CheckoutShipping />

CheckoutPayment

Step 3: Confirms the checkout session (validates fields, reserves inventory) and creates a payment intent. In demo mode (no payments module), auto-succeeds. With a payment provider, renders a placeholder for the provider's UI (e.g. Stripe PaymentElement).

Props

None.

Usage in MDX

<CheckoutPayment />

CheckoutReview

Step 4: Shows the final order summary — contact, shipping address, line items, and totals. The "Place order" button completes the checkout session and shows an order confirmation.

Props

None.

Usage in MDX

<CheckoutReview />

CheckoutSummary

Order summary sidebar. Displays line items, subtotal, shipping, tax, discount, gift card, and total. Includes forms for applying/removing promo codes and gift cards.

Props

None.

Usage in MDX

<CheckoutSummary />

Rendered automatically by CheckoutForm in the sidebar. Can also be used standalone in a custom layout.