@fantastic.dev/better-stripe 0.7.0 → 0.8.0

package/dist/react/workflows/BillingPlans.d.ts

@@ -0,0 +1,45 @@
+import type { ReactNode } from "react";
+import type { CheckoutSessionResult } from "./Checkout.js";
+export type PlanBillingOptions<PlanId extends string = string> = {
+    scopeKey: string;
+    sessionId?: string | null;
+    confirm?: (sessionId: string) => Promise<unknown>;
+    createCheckout: (planId: PlanId) => Promise<CheckoutSessionResult>;
+    createPortal: () => Promise<string | {
+        url: string;
+    }>;
+    onNavigate?: (url: string) => void;
+};
+export declare function usePlanBilling<PlanId extends string = string>(props: PlanBillingOptions<PlanId>): {
+    clientSecret: string | undefined;
+    isPending: boolean;
+    error: string | null;
+    choose: (planId: PlanId) => Promise<{
+        type: "checkout";
+        clientSecret: string;
+        url?: undefined;
+    } | {
+        clientSecret?: undefined;
+        type: "portal";
+        url: string;
+    } | undefined>;
+    openPortal: () => Promise<void>;
+};
+export type BillingPlan<PlanId extends string = string> = {
+    id: PlanId;
+    name: string;
+    monthlyAmount: number;
+    currency: string;
+    description?: string;
+    feeDescription?: string;
+};
+export type BillingPlansProps<PlanId extends string = string> = PlanBillingOptions<PlanId> & {
+    plans: BillingPlan<PlanId>[];
+    publishableKey: string;
+    currentPlanId?: PlanId;
+    children?: (state: ReturnType<typeof usePlanBilling<PlanId>> & {
+        plans: BillingPlan<PlanId>[];
+    }) => ReactNode;
+};
+export declare function BillingPlans<PlanId extends string = string>(props: BillingPlansProps<PlanId>): import("react").JSX.Element;
+//# sourceMappingURL=BillingPlans.d.ts.map

package/dist/react/workflows/BillingPlans.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BillingPlans.d.ts","sourceRoot":"","sources":["../../../src/react/workflows/BillingPlans.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAKvC,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,eAAe,CAAC;AAC3D,MAAM,MAAM,kBAAkB,CAAC,MAAM,SAAS,MAAM,GAAG,MAAM,IAAI;IAC/D,QAAQ,EAAE,MAAM,CAAC;IACjB,SAAS,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC1B,OAAO,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,OAAO,CAAC,OAAO,CAAC,CAAC;IAClD,cAAc,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,OAAO,CAAC,qBAAqB,CAAC,CAAC;IACnE,YAAY,EAAE,MAAM,OAAO,CAAC,MAAM,GAAG;QAAE,GAAG,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IACtD,UAAU,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;CACpC,CAAC;AACF,wBAAgB,cAAc,CAAC,MAAM,SAAS,MAAM,GAAG,MAAM,EAC3D,KAAK,EAAE,kBAAkB,CAAC,MAAM,CAAC;IA8B/B,YAAY;IAIZ,SAAS;IACT,KAAK;IACL,MAAM,WAAW,MAAM;cAlBX,UAAU;;;;;cAOL,QAAQ;;;IAYzB,UAAU;EAQb;AACD,MAAM,MAAM,WAAW,CAAC,MAAM,SAAS,MAAM,GAAG,MAAM,IAAI;IACxD,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,aAAa,EAAE,MAAM,CAAC;IACtB,QAAQ,EAAE,MAAM,CAAC;IACjB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB,CAAC;AACF,MAAM,MAAM,iBAAiB,CAAC,MAAM,SAAS,MAAM,GAAG,MAAM,IAC1D,kBAAkB,CAAC,MAAM,CAAC,GAAG;IAC3B,KAAK,EAAE,WAAW,CAAC,MAAM,CAAC,EAAE,CAAC;IAC7B,cAAc,EAAE,MAAM,CAAC;IACvB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,EAAE,CACT,KAAK,EAAE,UAAU,CAAC,OAAO,cAAc,CAAC,MAAM,CAAC,CAAC,GAAG;QACjD,KAAK,EAAE,WAAW,CAAC,MAAM,CAAC,EAAE,CAAC;KAC9B,KACE,SAAS,CAAC;CAChB,CAAC;AACJ,wBAAgB,YAAY,CAAC,MAAM,SAAS,MAAM,GAAG,MAAM,EACzD,KAAK,EAAE,iBAAiB,CAAC,MAAM,CAAC,+BA+CjC"}

package/dist/react/workflows/BillingPlans.js

@@ -0,0 +1,51 @@
+"use client";
+import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { EmbeddedCheckout } from "../components/EmbeddedCheckout.js";
+import { formatPrice } from "../lib/price-helpers.js";
+import { useWorkflowAction } from "./useWorkflowAction.js";
+import { useWorkflowResource } from "./useWorkflowResource.js";
+export function usePlanBilling(props) {
+    const confirmation = useWorkflowResource(() => props.sessionId && props.confirm
+        ? props.confirm(props.sessionId)
+        : Promise.resolve(null), `${props.scopeKey}:${props.sessionId ?? ""}`);
+    const action = useWorkflowAction(async (operation) => {
+        if (operation.type === "checkout") {
+            const session = await props.createCheckout(operation.planId);
+            if (!session.clientSecret)
+                throw new Error("Stripe did not return a checkout form.");
+            return {
+                type: "checkout",
+                clientSecret: session.clientSecret,
+            };
+        }
+        const result = await props.createPortal();
+        const url = typeof result === "string" ? result : result.url;
+        if (!url)
+            throw new Error("Stripe did not return a billing portal URL.");
+        return { type: "portal", url };
+    }, props.scopeKey);
+    return {
+        clientSecret: action.result?.type === "checkout"
+            ? action.result.clientSecret
+            : undefined,
+        isPending: action.isPending,
+        error: action.error ?? confirmation.error,
+        choose: (planId) => action.run({ type: "checkout", planId }),
+        openPortal: async () => {
+            const result = await action.run({ type: "portal" });
+            if (result?.type === "portal")
+                (props.onNavigate ?? ((url) => window.location.assign(url)))(result.url);
+        },
+    };
+}
+export function BillingPlans(props) {
+    const state = usePlanBilling(props);
+    if (props.children)
+        return _jsx(_Fragment, { children: props.children({ ...state, plans: props.plans }) });
+    return (_jsxs("section", { "data-better-stripe": "billing-plans", "aria-busy": state.isPending, children: [_jsx("h2", { children: "Billing" }), state.error && _jsx("p", { role: "alert", children: state.error }), _jsx("button", { type: "button", disabled: state.isPending, onClick: () => {
+                    void state.openPortal();
+                }, children: state.isPending ? "Loading…" : "Manage billing" }), props.plans.length ? (props.plans.map((plan) => (_jsxs("article", { children: [_jsx("h3", { children: plan.name }), _jsxs("p", { children: [formatPrice(plan.monthlyAmount, plan.currency), "/month"] }), plan.description && _jsx("p", { children: plan.description }), plan.feeDescription && _jsx("p", { children: plan.feeDescription }), _jsx("button", { type: "button", disabled: state.isPending || plan.id === props.currentPlanId, onClick: () => {
+                            void state.choose(plan.id);
+                        }, children: plan.id === props.currentPlanId ? "Current plan" : "Choose plan" })] }, plan.id)))) : (_jsx("p", { children: "No billing plans configured." })), state.clientSecret && (_jsx(EmbeddedCheckout, { publishableKey: props.publishableKey, clientSecret: state.clientSecret }))] }));
+}
+//# sourceMappingURL=BillingPlans.js.map

package/dist/react/workflows/BillingPlans.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BillingPlans.js","sourceRoot":"","sources":["../../../src/react/workflows/BillingPlans.tsx"],"names":[],"mappings":"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"}

package/dist/react/workflows/Checkout.d.ts

@@ -0,0 +1,46 @@
+import type { ReactNode } from "react";
+import { type CheckoutFormOptions } from "./CheckoutForms.js";
+export type CheckoutMode = "redirect" | "embedded" | "custom" | "form" | "payment-intent";
+export type CheckoutSessionResult = {
+    stripeSessionId: string;
+    clientSecret?: string;
+    url?: string;
+};
+export type CheckoutIntentResult = {
+    paymentIntentId: string;
+    clientSecret: string;
+};
+export type CheckoutRequest = {
+    mode: Exclude<CheckoutMode, "payment-intent">;
+    requestId: string;
+};
+export type CheckoutRenderProps = {
+    content: ReactNode;
+    isLoading: boolean;
+    error: string | null;
+    retry: () => void;
+    mode: CheckoutMode;
+    hostedUrl?: string;
+    continueToCheckout?: () => void;
+};
+type Common = CheckoutFormOptions & {
+    publishableKey: string;
+    /** Changes when the price, signed-in customer, or referral attribution changes. */
+    orderKey: string;
+    returnUrl: string;
+    onNavigate?: (url: string) => void;
+    children?: (state: CheckoutRenderProps) => ReactNode;
+};
+export type CheckoutProps = Common & ({
+    mode: Exclude<CheckoutMode, "payment-intent">;
+    createSession: (request: CheckoutRequest) => Promise<CheckoutSessionResult>;
+} | {
+    mode: "payment-intent";
+    createPaymentIntent: (request: {
+        requestId: string;
+    }) => Promise<CheckoutIntentResult>;
+});
+/** All checkout integrations share one unstyled lifecycle. Callbacks must authenticate and validate prices on the server. */
+export declare function Checkout(props: CheckoutProps): import("react").JSX.Element;
+export {};
+//# sourceMappingURL=Checkout.d.ts.map

package/dist/react/workflows/Checkout.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Checkout.d.ts","sourceRoot":"","sources":["../../../src/react/workflows/Checkout.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvC,OAAO,EAIL,KAAK,mBAAmB,EACzB,MAAM,oBAAoB,CAAC;AAC5B,MAAM,MAAM,YAAY,GACtB,UAAU,GAAG,UAAU,GAAG,QAAQ,GAAG,MAAM,GAAG,gBAAgB,CAAC;AACjE,MAAM,MAAM,qBAAqB,GAAG;IAClC,eAAe,EAAE,MAAM,CAAC;IACxB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,GAAG,CAAC,EAAE,MAAM,CAAC;CACd,CAAC;AACF,MAAM,MAAM,oBAAoB,GAAG;IACjC,eAAe,EAAE,MAAM,CAAC;IACxB,YAAY,EAAE,MAAM,CAAC;CACtB,CAAC;AACF,MAAM,MAAM,eAAe,GAAG;IAC5B,IAAI,EAAE,OAAO,CAAC,YAAY,EAAE,gBAAgB,CAAC,CAAC;IAC9C,SAAS,EAAE,MAAM,CAAC;CACnB,CAAC;AACF,MAAM,MAAM,mBAAmB,GAAG;IAChC,OAAO,EAAE,SAAS,CAAC;IACnB,SAAS,EAAE,OAAO,CAAC;IACnB,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,KAAK,EAAE,MAAM,IAAI,CAAC;IAClB,IAAI,EAAE,YAAY,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,kBAAkB,CAAC,EAAE,MAAM,IAAI,CAAC;CACjC,CAAC;AACF,KAAK,MAAM,GAAG,mBAAmB,GAAG;IAClC,cAAc,EAAE,MAAM,CAAC;IACvB,mFAAmF;IACnF,QAAQ,EAAE,MAAM,CAAC;IACjB,SAAS,EAAE,MAAM,CAAC;IAClB,UAAU,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,mBAAmB,KAAK,SAAS,CAAC;CACtD,CAAC;AACF,MAAM,MAAM,aAAa,GAAG,MAAM,GAChC,CACI;IACE,IAAI,EAAE,OAAO,CAAC,YAAY,EAAE,gBAAgB,CAAC,CAAC;IAC9C,aAAa,EAAE,CACb,OAAO,EAAE,eAAe,KACrB,OAAO,CAAC,qBAAqB,CAAC,CAAC;CACrC,GACD;IACE,IAAI,EAAE,gBAAgB,CAAC;IACvB,mBAAmB,EAAE,CAAC,OAAO,EAAE;QAC7B,SAAS,EAAE,MAAM,CAAC;KACnB,KAAK,OAAO,CAAC,oBAAoB,CAAC,CAAC;CACrC,CACJ,CAAC;AACJ,6HAA6H;AAC7H,wBAAgB,QAAQ,CAAC,KAAK,EAAE,aAAa,+BAE5C"}

package/dist/react/workflows/Checkout.js

@@ -0,0 +1,61 @@
+"use client";
+import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { EmbeddedCheckout } from "../components/EmbeddedCheckout.js";
+import { useWorkflowResource } from "./useWorkflowResource.js";
+import { CheckoutElementsForm, PaymentIntentForm, CheckoutForm, } from "./CheckoutForms.js";
+/** All checkout integrations share one unstyled lifecycle. Callbacks must authenticate and validate prices on the server. */
+export function Checkout(props) {
+    return _jsx(CheckoutBody, { ...props }, `${props.orderKey}:${props.mode}`);
+}
+function CheckoutBody(props) {
+    const state = useWorkflowResource(async () => {
+        const requestId = crypto.randomUUID();
+        const result = props.mode === "payment-intent"
+            ? await props.createPaymentIntent({ requestId })
+            : await props.createSession({ mode: props.mode, requestId });
+        if (props.mode === "redirect") {
+            if (!("url" in result) || !result.url)
+                throw new Error("Stripe did not return a checkout URL.");
+        }
+        else if (!result.clientSecret)
+            throw new Error("Stripe did not return a checkout client secret.");
+        return result;
+    });
+    const navigate = props.onNavigate ?? ((url) => window.location.assign(url));
+    let content;
+    if (state.error)
+        content = (_jsxs("div", { role: "alert", children: [_jsx("p", { children: state.error }), _jsx("button", { type: "button", onClick: state.refresh, children: "Retry" })] }));
+    else if (!state.data || state.isLoading)
+        content = _jsx("p", { role: "status", children: "Creating checkout\u2026" });
+    else if (props.mode === "redirect" && "url" in state.data) {
+        const url = state.data.url;
+        content = (_jsx("button", { type: "button", onClick: () => navigate(url), children: "Continue to Stripe Checkout" }));
+    }
+    else {
+        const form = {
+            publishableKey: props.publishableKey,
+            clientSecret: state.data.clientSecret,
+            returnUrl: props.returnUrl,
+            email: props.email,
+            appearance: props.appearance,
+            renderForm: props.renderForm,
+            onNavigate: navigate,
+        };
+        content =
+            props.mode === "embedded" ? (_jsx(EmbeddedCheckout, { publishableKey: form.publishableKey, clientSecret: form.clientSecret })) : props.mode === "custom" ? (_jsx(CheckoutElementsForm, { ...form })) : props.mode === "form" ? (_jsx(CheckoutForm, { ...form })) : (_jsx(PaymentIntentForm, { ...form }));
+    }
+    const hostedUrl = props.mode === "redirect" && state.data && "url" in state.data
+        ? state.data.url
+        : undefined;
+    const result = {
+        content,
+        isLoading: state.isLoading,
+        error: state.error,
+        retry: state.refresh,
+        mode: props.mode,
+        hostedUrl,
+        continueToCheckout: hostedUrl ? () => navigate(hostedUrl) : undefined,
+    };
+    return _jsx(_Fragment, { children: props.children ? props.children(result) : content });
+}
+//# sourceMappingURL=Checkout.js.map

package/dist/react/workflows/Checkout.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Checkout.js","sourceRoot":"","sources":["../../../src/react/workflows/Checkout.tsx"],"names":[],"mappings":"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"}

package/dist/react/workflows/CheckoutChooser.d.ts

@@ -0,0 +1,20 @@
+import { type ReactNode } from "react";
+import { CHECKOUT_OPTIONS } from "./checkout-options.js";
+import type { CheckoutMode } from "./Checkout.js";
+export type CheckoutOption = (typeof CHECKOUT_OPTIONS)[number];
+export type CheckoutChooserState = {
+    options: typeof CHECKOUT_OPTIONS;
+    selected: CheckoutOption;
+    unsupported: boolean;
+    select: (mode: CheckoutMode) => void;
+};
+export type CheckoutChooserProps = {
+    value?: CheckoutMode;
+    defaultValue?: CheckoutMode;
+    onValueChange?: (mode: CheckoutMode) => void;
+    recurring?: boolean;
+    children?: (state: CheckoutChooserState) => ReactNode;
+};
+/** Checkout tradeoffs and mode selection, independent of routing and session creation. */
+export declare function CheckoutChooser({ value, defaultValue, onValueChange, recurring, children, }: CheckoutChooserProps): import("react").JSX.Element;
+//# sourceMappingURL=CheckoutChooser.d.ts.map

package/dist/react/workflows/CheckoutChooser.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CheckoutChooser.d.ts","sourceRoot":"","sources":["../../../src/react/workflows/CheckoutChooser.tsx"],"names":[],"mappings":"AACA,OAAO,EAAY,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AACjD,OAAO,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AACzD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAClD,MAAM,MAAM,cAAc,GAAG,CAAC,OAAO,gBAAgB,CAAC,CAAC,MAAM,CAAC,CAAC;AAC/D,MAAM,MAAM,oBAAoB,GAAG;IACjC,OAAO,EAAE,OAAO,gBAAgB,CAAC;IACjC,QAAQ,EAAE,cAAc,CAAC;IACzB,WAAW,EAAE,OAAO,CAAC;IACrB,MAAM,EAAE,CAAC,IAAI,EAAE,YAAY,KAAK,IAAI,CAAC;CACtC,CAAC;AACF,MAAM,MAAM,oBAAoB,GAAG;IACjC,KAAK,CAAC,EAAE,YAAY,CAAC;IACrB,YAAY,CAAC,EAAE,YAAY,CAAC;IAC5B,aAAa,CAAC,EAAE,CAAC,IAAI,EAAE,YAAY,KAAK,IAAI,CAAC;IAC7C,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,oBAAoB,KAAK,SAAS,CAAC;CACvD,CAAC;AACF,0FAA0F;AAC1F,wBAAgB,eAAe,CAAC,EAC9B,KAAK,EACL,YAAyB,EACzB,aAAa,EACb,SAAiB,EACjB,QAAQ,GACT,EAAE,oBAAoB,+BAmDtB"}

package/dist/react/workflows/CheckoutChooser.js

@@ -0,0 +1,24 @@
+"use client";
+import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from "react";
+import { CHECKOUT_OPTIONS } from "./checkout-options.js";
+/** Checkout tradeoffs and mode selection, independent of routing and session creation. */
+export function CheckoutChooser({ value, defaultValue = "embedded", onValueChange, recurring = false, children, }) {
+    const [internal, setInternal] = useState(defaultValue);
+    const selected = CHECKOUT_OPTIONS.find((option) => option.id === (value ?? internal)) ??
+        CHECKOUT_OPTIONS[1];
+    const select = (mode) => {
+        setInternal(mode);
+        onValueChange?.(mode);
+    };
+    const state = {
+        options: CHECKOUT_OPTIONS,
+        selected,
+        select,
+        unsupported: recurring && selected.id === "payment-intent",
+    };
+    if (children)
+        return _jsx(_Fragment, { children: children(state) });
+    return (_jsxs("section", { "data-better-stripe": "checkout-chooser", children: [_jsx("h2", { children: "Choose your checkout type" }), _jsx("div", { role: "group", "aria-label": "Checkout types", children: state.options.map((option) => (_jsx("button", { type: "button", "aria-pressed": selected.id === option.id, onClick: () => select(option.id), children: option.title }, option.id))) }), _jsx("h3", { children: selected.title }), _jsx("p", { children: selected.api }), _jsxs("dl", { children: [_jsx("dt", { children: "Pros" }), _jsx("dd", { children: selected.pros }), _jsx("dt", { children: "Cons" }), _jsx("dd", { children: selected.cons })] }), _jsx("a", { href: selected.docs, target: "_blank", rel: "noreferrer", children: "Stripe documentation" }), selected.id === "form" && _jsx("p", { children: "Preview" }), state.unsupported && (_jsx("p", { role: "status", children: "Payment Intents alone do not create subscriptions. Choose a Checkout Sessions integration for a recurring product." }))] }));
+}
+//# sourceMappingURL=CheckoutChooser.js.map

package/dist/react/workflows/CheckoutChooser.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CheckoutChooser.js","sourceRoot":"","sources":["../../../src/react/workflows/CheckoutChooser.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AACb,OAAO,EAAE,QAAQ,EAAkB,MAAM,OAAO,CAAC;AACjD,OAAO,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AAgBzD,0FAA0F;AAC1F,MAAM,UAAU,eAAe,CAAC,EAC9B,KAAK,EACL,YAAY,GAAG,UAAU,EACzB,aAAa,EACb,SAAS,GAAG,KAAK,EACjB,QAAQ,GACa;IACrB,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAC,YAAY,CAAC,CAAC;IACvD,MAAM,QAAQ,GACZ,gBAAgB,CAAC,IAAI,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,MAAM,CAAC,EAAE,KAAK,CAAC,KAAK,IAAI,QAAQ,CAAC,CAAC;QACpE,gBAAgB,CAAC,CAAC,CAAC,CAAC;IACtB,MAAM,MAAM,GAAG,CAAC,IAAkB,EAAE,EAAE;QACpC,WAAW,CAAC,IAAI,CAAC,CAAC;QAClB,aAAa,EAAE,CAAC,IAAI,CAAC,CAAC;IACxB,CAAC,CAAC;IACF,MAAM,KAAK,GAAG;QACZ,OAAO,EAAE,gBAAgB;QACzB,QAAQ;QACR,MAAM;QACN,WAAW,EAAE,SAAS,IAAI,QAAQ,CAAC,EAAE,KAAK,gBAAgB;KAC3D,CAAC;IACF,IAAI,QAAQ;QAAE,OAAO,4BAAG,QAAQ,CAAC,KAAK,CAAC,GAAI,CAAC;IAC5C,OAAO,CACL,yCAA4B,kBAAkB,aAC5C,qDAAkC,EAClC,cAAK,IAAI,EAAC,OAAO,gBAAY,gBAAgB,YAC1C,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,CAC7B,iBAEE,IAAI,EAAC,QAAQ,kBACC,QAAQ,CAAC,EAAE,KAAK,MAAM,CAAC,EAAE,EACvC,OAAO,EAAE,GAAG,EAAE,CAAC,MAAM,CAAC,MAAM,CAAC,EAAE,CAAC,YAE/B,MAAM,CAAC,KAAK,IALR,MAAM,CAAC,EAAE,CAMP,CACV,CAAC,GACE,EACN,uBAAK,QAAQ,CAAC,KAAK,GAAM,EACzB,sBAAI,QAAQ,CAAC,GAAG,GAAK,EACrB,yBACE,gCAAa,EACb,uBAAK,QAAQ,CAAC,IAAI,GAAM,EACxB,gCAAa,EACb,uBAAK,QAAQ,CAAC,IAAI,GAAM,IACrB,EACL,YAAG,IAAI,EAAE,QAAQ,CAAC,IAAI,EAAE,MAAM,EAAC,QAAQ,EAAC,GAAG,EAAC,YAAY,qCAEpD,EACH,QAAQ,CAAC,EAAE,KAAK,MAAM,IAAI,kCAAc,EACxC,KAAK,CAAC,WAAW,IAAI,CACpB,YAAG,IAAI,EAAC,QAAQ,mIAGZ,CACL,IACO,CACX,CAAC;AACJ,CAAC"}

package/dist/react/workflows/CheckoutForms.d.ts

@@ -0,0 +1,26 @@
+import { type FormEvent, type ReactNode } from "react";
+import { type Appearance } from "@stripe/stripe-js";
+export type CheckoutFormState = {
+    email: string;
+    setEmail: (email: string) => void;
+    emailInputId: string;
+    isPending: boolean;
+    error: string | null;
+    paymentElement: ReactNode;
+    submit: (event: FormEvent<HTMLFormElement>) => void;
+};
+export type CheckoutFormOptions = {
+    email?: string;
+    appearance?: Appearance;
+    renderForm?: (state: CheckoutFormState) => ReactNode;
+};
+export type CheckoutFormProps = CheckoutFormOptions & {
+    publishableKey: string;
+    clientSecret: string;
+    returnUrl: string;
+    onNavigate: (url: string) => void;
+};
+export declare function CheckoutElementsForm(props: CheckoutFormProps): import("react").JSX.Element;
+export declare function PaymentIntentForm(props: CheckoutFormProps): import("react").JSX.Element;
+export declare function CheckoutForm(props: CheckoutFormProps): import("react").JSX.Element;
+//# sourceMappingURL=CheckoutForms.d.ts.map

package/dist/react/workflows/CheckoutForms.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CheckoutForms.d.ts","sourceRoot":"","sources":["../../../src/react/workflows/CheckoutForms.tsx"],"names":[],"mappings":"AACA,OAAO,EAIL,KAAK,SAAS,EACd,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AACf,OAAO,EAAc,KAAK,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAgBhE,MAAM,MAAM,iBAAiB,GAAG;IAC9B,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,YAAY,EAAE,MAAM,CAAC;IACrB,SAAS,EAAE,OAAO,CAAC;IACnB,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,cAAc,EAAE,SAAS,CAAC;IAC1B,MAAM,EAAE,CAAC,KAAK,EAAE,SAAS,CAAC,eAAe,CAAC,KAAK,IAAI,CAAC;CACrD,CAAC;AACF,MAAM,MAAM,mBAAmB,GAAG;IAChC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,UAAU,CAAC,EAAE,CAAC,KAAK,EAAE,iBAAiB,KAAK,SAAS,CAAC;CACtD,CAAC;AACF,MAAM,MAAM,iBAAiB,GAAG,mBAAmB,GAAG;IACpD,cAAc,EAAE,MAAM,CAAC;IACvB,YAAY,EAAE,MAAM,CAAC;IACrB,SAAS,EAAE,MAAM,CAAC;IAClB,UAAU,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;CACnC,CAAC;AAkCF,wBAAgB,oBAAoB,CAAC,KAAK,EAAE,iBAAiB,+BAU5D;AAsCD,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,iBAAiB,+BAYzD;AAiDD,wBAAgB,YAAY,CAAC,KAAK,EAAE,iBAAiB,+BAkBpD"}

package/dist/react/workflows/CheckoutForms.js

@@ -0,0 +1,126 @@
+"use client";
+import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useId, useMemo, useState, } from "react";
+import { loadStripe } from "@stripe/stripe-js";
+import { PaymentElement as IntentElement, useElements, useStripe, } from "@stripe/react-stripe-js";
+import { PaymentElement, useCheckout, CheckoutFormProvider, CheckoutForm as StripeCheckoutForm, useCheckoutForm, } from "@stripe/react-stripe-js/checkout";
+import { CheckoutSessionProvider } from "../components/CheckoutSessionProvider.js";
+import { StripeProvider } from "../components/StripeProvider.js";
+import { useWorkflowAction } from "./useWorkflowAction.js";
+function NativeForm({ email, setEmail, emailInputId, paymentElement, submit, isPending, error, }) {
+    return (_jsxs("form", { onSubmit: submit, "data-better-stripe": "checkout-form", "aria-busy": isPending, children: [_jsx("label", { htmlFor: emailInputId, children: "Email for your receipt" }), _jsx("input", { id: emailInputId, type: "email", name: "email", required: true, autoComplete: "email", value: email, onChange: (event) => setEmail(event.target.value) }), paymentElement, error && _jsx("p", { role: "alert", children: error }), _jsx("button", { type: "submit", disabled: isPending, children: isPending ? "Processing…" : "Pay" })] }));
+}
+export function CheckoutElementsForm(props) {
+    return (_jsx(CheckoutSessionProvider, { publishableKey: props.publishableKey, clientSecret: props.clientSecret, appearance: props.appearance, children: _jsx(SessionForm, { ...props }) }));
+}
+function SessionForm({ email: initialEmail = "", returnUrl, onNavigate, renderForm, }) {
+    const checkout = useCheckout();
+    const [email, setEmail] = useState(initialEmail);
+    const emailInputId = useId();
+    const action = useWorkflowAction(async () => {
+        if (checkout.type !== "success")
+            throw new Error("Checkout is not ready.");
+        const updated = await checkout.checkout.updateEmail(email);
+        if (updated.type === "error")
+            throw new Error(updated.error.message);
+        const confirmed = await checkout.checkout.confirm();
+        if (confirmed.type === "error")
+            throw new Error(confirmed.error.message);
+        onNavigate(returnUrl.replace("{CHECKOUT_SESSION_ID}", checkout.checkout.id));
+    });
+    if (checkout.type === "loading")
+        return _jsx("p", { role: "status", children: "Loading checkout\u2026" });
+    if (checkout.type === "error")
+        return _jsx("p", { role: "alert", children: checkout.error.message });
+    const state = {
+        email,
+        setEmail,
+        emailInputId,
+        paymentElement: _jsx(PaymentElement, {}),
+        error: action.error,
+        isPending: action.isPending,
+        submit: (event) => {
+            event.preventDefault();
+            void action.run();
+        },
+    };
+    return _jsx(_Fragment, { children: renderForm ? renderForm(state) : _jsx(NativeForm, { ...state }) });
+}
+export function PaymentIntentForm(props) {
+    return (_jsx(StripeProvider, { publishableKey: props.publishableKey, elementsOptions: {
+            clientSecret: props.clientSecret,
+            ...(props.appearance ? { appearance: props.appearance } : {}),
+        }, children: _jsx(IntentForm, { ...props }) }));
+}
+function IntentForm({ email: initialEmail = "", returnUrl, onNavigate, renderForm, }) {
+    const stripe = useStripe();
+    const elements = useElements();
+    const emailInputId = useId();
+    const [email, setEmail] = useState(initialEmail);
+    const action = useWorkflowAction(async () => {
+        if (!stripe || !elements)
+            throw new Error("Payment details are still loading.");
+        const validation = await elements.submit();
+        if (validation.error)
+            throw new Error(validation.error.message ?? "Check your payment details.");
+        const result = await stripe.confirmPayment({
+            elements,
+            confirmParams: {
+                return_url: returnUrl,
+                payment_method_data: { billing_details: { email } },
+            },
+            redirect: "if_required",
+        });
+        if (result.error)
+            throw new Error(result.error.message ?? "Payment failed.");
+        if (result.paymentIntent) {
+            const url = new URL(returnUrl, window.location.origin);
+            url.searchParams.set("payment_intent", result.paymentIntent.id);
+            onNavigate(url.toString());
+        }
+    });
+    const state = {
+        email,
+        setEmail,
+        emailInputId,
+        paymentElement: _jsx(IntentElement, {}),
+        error: action.error,
+        isPending: action.isPending || !stripe || !elements,
+        submit: (event) => {
+            event.preventDefault();
+            void action.run();
+        },
+    };
+    return _jsx(_Fragment, { children: renderForm ? renderForm(state) : _jsx(NativeForm, { ...state }) });
+}
+export function CheckoutForm(props) {
+    const stripe = useMemo(() => loadStripe(props.publishableKey), [props.publishableKey]);
+    return (_jsx(CheckoutFormProvider, { stripe: stripe, options: {
+            clientSecret: props.clientSecret,
+            ...(props.appearance
+                ? { elementsOptions: { appearance: props.appearance } }
+                : {}),
+        }, children: _jsx(CompactForm, { ...props }) }));
+}
+function CompactForm({ returnUrl, onNavigate }) {
+    const checkout = useCheckoutForm();
+    const [loadError, setLoadError] = useState(null);
+    const action = useWorkflowAction(async (event) => {
+        if (checkout.type !== "success")
+            throw new Error("Checkout is not ready.");
+        const result = await checkout.checkout.confirm({
+            formConfirmEvent: event,
+        });
+        if (result.type === "error")
+            throw new Error(result.error.message);
+        onNavigate(returnUrl.replace("{CHECKOUT_SESSION_ID}", checkout.checkout.id));
+    });
+    if (checkout.type === "loading")
+        return _jsx("p", { role: "status", children: "Loading embedded form\u2026" });
+    if (checkout.type === "error")
+        return _jsx("p", { role: "alert", children: checkout.error.message });
+    return (_jsxs("div", { "data-better-stripe": "checkout-form", "aria-busy": action.isPending, children: [_jsx(StripeCheckoutForm, { onLoadError: ({ error }) => setLoadError(error.message ?? "Could not load checkout."), onConfirm: async (event) => {
+                    await action.run(event);
+                } }), (loadError || action.error) && (_jsx("p", { role: "alert", children: loadError || action.error }))] }));
+}
+//# sourceMappingURL=CheckoutForms.js.map

package/dist/react/workflows/CheckoutForms.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CheckoutForms.js","sourceRoot":"","sources":["../../../src/react/workflows/CheckoutForms.tsx"],"names":[],"mappings":"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"}

package/dist/react/workflows/ClipboardButton.d.ts

@@ -0,0 +1,17 @@
+import { type ReactNode } from "react";
+export type ClipboardButtonProps = {
+    text: string;
+    label?: string;
+    copiedLabel?: string;
+    resetAfterMs?: number;
+    writeText?: (text: string) => Promise<void>;
+    children?: (state: {
+        copy: () => Promise<void>;
+        copied: boolean;
+        isPending: boolean;
+        error: string | null;
+        label: string;
+    }) => ReactNode;
+};
+export declare function ClipboardButton({ text, label, copiedLabel, resetAfterMs, writeText, children, }: ClipboardButtonProps): import("react").JSX.Element;
+//# sourceMappingURL=ClipboardButton.d.ts.map

package/dist/react/workflows/ClipboardButton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ClipboardButton.d.ts","sourceRoot":"","sources":["../../../src/react/workflows/ClipboardButton.tsx"],"names":[],"mappings":"AACA,OAAO,EAAqB,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAE1D,MAAM,MAAM,oBAAoB,GAAG;IACjC,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,SAAS,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IAC5C,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE;QACjB,IAAI,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;QAC1B,MAAM,EAAE,OAAO,CAAC;QAChB,SAAS,EAAE,OAAO,CAAC;QACnB,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;QACrB,KAAK,EAAE,MAAM,CAAC;KACf,KAAK,SAAS,CAAC;CACjB,CAAC;AACF,wBAAgB,eAAe,CAAC,EAC9B,IAAI,EACJ,KAAc,EACd,WAAuB,EACvB,YAAmB,EACnB,SAAyD,EACzD,QAAQ,GACT,EAAE,oBAAoB,+BA0CtB"}

package/dist/react/workflows/ClipboardButton.js

@@ -0,0 +1,35 @@
+"use client";
+import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useRef } from "react";
+import { useWorkflowAction } from "./useWorkflowAction.js";
+export function ClipboardButton({ text, label = "Copy", copiedLabel = "Copied!", resetAfterMs = 2000, writeText = (text) => navigator.clipboard.writeText(text), children, }) {
+    const action = useWorkflowAction(async () => {
+        await writeText(text);
+        return text;
+    });
+    const timer = useRef(undefined);
+    useEffect(() => () => {
+        clearTimeout(timer.current);
+    }, []);
+    const copied = action.result === text;
+    const copy = async () => {
+        const result = await action.run();
+        if (result !== undefined) {
+            clearTimeout(timer.current);
+            timer.current = setTimeout(action.reset, resetAfterMs);
+        }
+    };
+    const state = {
+        copy,
+        copied,
+        isPending: action.isPending,
+        error: action.error,
+        label: copied ? copiedLabel : label,
+    };
+    if (children)
+        return _jsx(_Fragment, { children: children(state) });
+    return (_jsxs("span", { "data-better-stripe": "clipboard", children: [_jsx("button", { type: "button", disabled: state.isPending, onClick: () => {
+                    void copy();
+                }, children: state.label }), state.error && _jsx("span", { role: "alert", children: state.error })] }));
+}
+//# sourceMappingURL=ClipboardButton.js.map

package/dist/react/workflows/ClipboardButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ClipboardButton.js","sourceRoot":"","sources":["../../../src/react/workflows/ClipboardButton.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AACb,OAAO,EAAE,SAAS,EAAE,MAAM,EAAkB,MAAM,OAAO,CAAC;AAC1D,OAAO,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAC;AAe3D,MAAM,UAAU,eAAe,CAAC,EAC9B,IAAI,EACJ,KAAK,GAAG,MAAM,EACd,WAAW,GAAG,SAAS,EACvB,YAAY,GAAG,IAAI,EACnB,SAAS,GAAG,CAAC,IAAI,EAAE,EAAE,CAAC,SAAS,CAAC,SAAS,CAAC,SAAS,CAAC,IAAI,CAAC,EACzD,QAAQ,GACa;IACrB,MAAM,MAAM,GAAG,iBAAiB,CAAC,KAAK,IAAI,EAAE;QAC1C,MAAM,SAAS,CAAC,IAAI,CAAC,CAAC;QACtB,OAAO,IAAI,CAAC;IACd,CAAC,CAAC,CAAC;IACH,MAAM,KAAK,GAAG,MAAM,CAA4C,SAAS,CAAC,CAAC;IAC3E,SAAS,CACP,GAAG,EAAE,CAAC,GAAG,EAAE;QACT,YAAY,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC;IAC9B,CAAC,EACD,EAAE,CACH,CAAC;IACF,MAAM,MAAM,GAAG,MAAM,CAAC,MAAM,KAAK,IAAI,CAAC;IACtC,MAAM,IAAI,GAAG,KAAK,IAAI,EAAE;QACtB,MAAM,MAAM,GAAG,MAAM,MAAM,CAAC,GAAG,EAAE,CAAC;QAClC,IAAI,MAAM,KAAK,SAAS,EAAE,CAAC;YACzB,YAAY,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC;YAC5B,KAAK,CAAC,OAAO,GAAG,UAAU,CAAC,MAAM,CAAC,KAAK,EAAE,YAAY,CAAC,CAAC;QACzD,CAAC;IACH,CAAC,CAAC;IACF,MAAM,KAAK,GAAG;QACZ,IAAI;QACJ,MAAM;QACN,SAAS,EAAE,MAAM,CAAC,SAAS;QAC3B,KAAK,EAAE,MAAM,CAAC,KAAK;QACnB,KAAK,EAAE,MAAM,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,KAAK;KACpC,CAAC;IACF,IAAI,QAAQ;QAAE,OAAO,4BAAG,QAAQ,CAAC,KAAK,CAAC,GAAI,CAAC;IAC5C,OAAO,CACL,sCAAyB,WAAW,aAClC,iBACE,IAAI,EAAC,QAAQ,EACb,QAAQ,EAAE,KAAK,CAAC,SAAS,EACzB,OAAO,EAAE,GAAG,EAAE;oBACZ,KAAK,IAAI,EAAE,CAAC;gBACd,CAAC,YAEA,KAAK,CAAC,KAAK,GACL,EACR,KAAK,CAAC,KAAK,IAAI,eAAM,IAAI,EAAC,OAAO,YAAE,KAAK,CAAC,KAAK,GAAQ,IAClD,CACR,CAAC;AACJ,CAAC"}

package/dist/react/workflows/Collection.d.ts

@@ -0,0 +1,30 @@
+import type { Key, ReactNode } from "react";
+export type WorkflowColumn<Row> = {
+    id: string;
+    label: string;
+    align?: "start" | "end";
+    cell: (row: Row) => ReactNode;
+};
+export type CollectionRenderProps<Row> = {
+    rows: Row[];
+    columns: WorkflowColumn<Row>[];
+    getKey: (row: Row) => Key;
+    isLoading: boolean;
+    isEmpty: boolean;
+    error: string | null;
+    emptyLabel: string;
+    loadingLabel: string;
+};
+export type CollectionProps<Row> = {
+    rows: Row[] | null | undefined;
+    columns: WorkflowColumn<Row>[];
+    getKey: (row: Row) => Key;
+    isLoading?: boolean;
+    error?: string | null;
+    emptyLabel?: string;
+    loadingLabel?: string;
+    children?: (state: CollectionRenderProps<Row>) => ReactNode;
+};
+/** Accessible native table by default. Render props let the application supply its design-system elements. */
+export declare function Collection<Row>({ rows, columns, getKey, isLoading, error, emptyLabel, loadingLabel, children, }: CollectionProps<Row>): import("react").JSX.Element;
+//# sourceMappingURL=Collection.d.ts.map

package/dist/react/workflows/Collection.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Collection.d.ts","sourceRoot":"","sources":["../../../src/react/workflows/Collection.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,GAAG,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAC5C,MAAM,MAAM,cAAc,CAAC,GAAG,IAAI;IAChC,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,OAAO,GAAG,KAAK,CAAC;IACxB,IAAI,EAAE,CAAC,GAAG,EAAE,GAAG,KAAK,SAAS,CAAC;CAC/B,CAAC;AACF,MAAM,MAAM,qBAAqB,CAAC,GAAG,IAAI;IACvC,IAAI,EAAE,GAAG,EAAE,CAAC;IACZ,OAAO,EAAE,cAAc,CAAC,GAAG,CAAC,EAAE,CAAC;IAC/B,MAAM,EAAE,CAAC,GAAG,EAAE,GAAG,KAAK,GAAG,CAAC;IAC1B,SAAS,EAAE,OAAO,CAAC;IACnB,OAAO,EAAE,OAAO,CAAC;IACjB,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,UAAU,EAAE,MAAM,CAAC;IACnB,YAAY,EAAE,MAAM,CAAC;CACtB,CAAC;AACF,MAAM,MAAM,eAAe,CAAC,GAAG,IAAI;IACjC,IAAI,EAAE,GAAG,EAAE,GAAG,IAAI,GAAG,SAAS,CAAC;IAC/B,OAAO,EAAE,cAAc,CAAC,GAAG,CAAC,EAAE,CAAC;IAC/B,MAAM,EAAE,CAAC,GAAG,EAAE,GAAG,KAAK,GAAG,CAAC;IAC1B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,qBAAqB,CAAC,GAAG,CAAC,KAAK,SAAS,CAAC;CAC7D,CAAC;AACF,8GAA8G;AAC9G,wBAAgB,UAAU,CAAC,GAAG,EAAE,EAC9B,IAAI,EACJ,OAAO,EACP,MAAM,EACN,SAA8B,EAC9B,KAAY,EACZ,UAA8B,EAC9B,YAAyB,EACzB,QAAQ,GACT,EAAE,eAAe,CAAC,GAAG,CAAC,+BAqCtB"}

package/dist/react/workflows/Collection.js

@@ -0,0 +1,25 @@
+"use client";
+import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/** Accessible native table by default. Render props let the application supply its design-system elements. */
+export function Collection({ rows, columns, getKey, isLoading = rows === undefined, error = null, emptyLabel = "No records yet.", loadingLabel = "Loading…", children, }) {
+    const state = {
+        rows: rows ?? [],
+        columns,
+        getKey,
+        isLoading,
+        isEmpty: !isLoading && !rows?.length,
+        error,
+        emptyLabel,
+        loadingLabel,
+    };
+    if (children)
+        return _jsx(_Fragment, { children: children(state) });
+    if (error)
+        return _jsx("p", { role: "alert", children: error });
+    if (isLoading)
+        return _jsx("p", { role: "status", children: loadingLabel });
+    if (state.isEmpty)
+        return _jsx("p", { children: emptyLabel });
+    return (_jsxs("table", { "data-better-stripe": "collection", children: [_jsx("thead", { children: _jsx("tr", { children: columns.map((column) => (_jsx("th", { scope: "col", children: column.label }, column.id))) }) }), _jsx("tbody", { children: state.rows.map((row) => (_jsx("tr", { children: columns.map((column) => (_jsx("td", { children: column.cell(row) }, column.id))) }, getKey(row)))) })] }));
+}
+//# sourceMappingURL=Collection.js.map

package/dist/react/workflows/Collection.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Collection.js","sourceRoot":"","sources":["../../../src/react/workflows/Collection.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AA4Bb,8GAA8G;AAC9G,MAAM,UAAU,UAAU,CAAM,EAC9B,IAAI,EACJ,OAAO,EACP,MAAM,EACN,SAAS,GAAG,IAAI,KAAK,SAAS,EAC9B,KAAK,GAAG,IAAI,EACZ,UAAU,GAAG,iBAAiB,EAC9B,YAAY,GAAG,UAAU,EACzB,QAAQ,GACa;IACrB,MAAM,KAAK,GAA+B;QACxC,IAAI,EAAE,IAAI,IAAI,EAAE;QAChB,OAAO;QACP,MAAM;QACN,SAAS;QACT,OAAO,EAAE,CAAC,SAAS,IAAI,CAAC,IAAI,EAAE,MAAM;QACpC,KAAK;QACL,UAAU;QACV,YAAY;KACb,CAAC;IACF,IAAI,QAAQ;QAAE,OAAO,4BAAG,QAAQ,CAAC,KAAK,CAAC,GAAI,CAAC;IAC5C,IAAI,KAAK;QAAE,OAAO,YAAG,IAAI,EAAC,OAAO,YAAE,KAAK,GAAK,CAAC;IAC9C,IAAI,SAAS;QAAE,OAAO,YAAG,IAAI,EAAC,QAAQ,YAAE,YAAY,GAAK,CAAC;IAC1D,IAAI,KAAK,CAAC,OAAO;QAAE,OAAO,sBAAI,UAAU,GAAK,CAAC;IAC9C,OAAO,CACL,uCAA0B,YAAY,aACpC,0BACE,uBACG,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,CACvB,aAAoB,KAAK,EAAC,KAAK,YAC5B,MAAM,CAAC,KAAK,IADN,MAAM,CAAC,EAAE,CAEb,CACN,CAAC,GACC,GACC,EACR,0BACG,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,CACvB,uBACG,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,CACvB,uBAAqB,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,IAA5B,MAAM,CAAC,EAAE,CAAyB,CAC5C,CAAC,IAHK,MAAM,CAAC,GAAG,CAAC,CAIf,CACN,CAAC,GACI,IACF,CACT,CAAC;AACJ,CAAC"}