Inline checkout

1"use client"
2 
3import * as React from "react"
4import { CheckoutSummary } from "@/registry/new-york/blocks/checkout-summary/components/checkout-summary"
5import { useCheckout } from "@/registry/new-york/blocks/paddle-client/lib/hooks/use-checkout"
6import { addPaddleEventListener } from "@/registry/new-york/blocks/paddle-client/lib/paddle-instance"
7import { mapCheckoutEventsToSummary } from "@/registry/new-york/blocks/checkout-summary/lib/checkout-summary-utils"
8import { cn } from "@/lib/utils"
9import {
10  CheckoutEventNames,
11  type Environments,
12  type CheckoutCustomer,
13  type CheckoutEventsData,
14  type PaddleEventData,
15  type CheckoutOpenLineItem,
16} from "@/registry/new-york/blocks/paddle-client/lib/paddle-sdk-types"
17import type {
18  CheckoutCompleteData,
19  CheckoutSummaryData,
20} from "@/registry/new-york/blocks/paddle-helpers/lib/paddle-types"
21 
22const INLINE_CHECKOUT_FRAME_TARGET = "paddle-inline-checkout-frame"
23 
24const SUMMARY_EVENT_NAMES = new Set([
25  CheckoutEventNames.CHECKOUT_LOADED,
26  CheckoutEventNames.CHECKOUT_UPDATED,
27  CheckoutEventNames.CHECKOUT_ITEMS_UPDATED,
28  CheckoutEventNames.CHECKOUT_CUSTOMER_CREATED,
29  CheckoutEventNames.CHECKOUT_CUSTOMER_UPDATED,
30  CheckoutEventNames.CHECKOUT_DISCOUNT_APPLIED,
31  CheckoutEventNames.CHECKOUT_DISCOUNT_REMOVED,
32])
33 
34/** Props for the `InlineCheckout` component. */
35export type InlineCheckoutProps = {
36  clientToken: string
37  environment?: Environments
38  items: CheckoutOpenLineItem[]
39 
40  variant?: "one-page" | "multi-page"
41  theme?: "light" | "dark"
42  locale?: string
43  /** Must be an absolute URL (starting with `https://` or `http://`) */
44  successUrl?: string
45  /** Controls where the order summary appears relative to the checkout frame. Defaults to "start" (summary on the left). */
46  summaryPosition?: "start" | "end" | "top" | "bottom"
47 
48  customer?: CheckoutCustomer
49  customerAuthToken?: string
50  discountCode?: string
51  discountId?: string
52  customData?: Record<string, unknown>
53 
54  policyUrl?: string
55  policyLabel?: string
56 
57  /** Called when the Paddle checkout completes successfully */
58  onComplete?: (data: CheckoutCompleteData) => void
59  /** Called for every Paddle.js event emitted during checkout */
60  onEvent?: (event: PaddleEventData) => void
61  /** Called when the Paddle checkout fails to initialize or encounters an error */
62  onError?: (error: Error) => void
63 
64  className?: string
65}
66 
67export function InlineCheckout({
68  clientToken,
69  environment = "production",
70  items,
71  variant = "one-page",
72  theme,
73  locale,
74// … truncated