@fantastic.dev/better-stripe 0.7.0 → 0.8.0

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

@@ -0,0 +1,43 @@
+import type { ReactNode } from "react";
+export type ChargeSummaryProps = {
+    gross: number;
+    fee: number;
+    net: number;
+    currency: string;
+    reconciles: boolean;
+    feeLabel?: string;
+    children?: (state: {
+        metrics: {
+            key: "gross" | "fee" | "net";
+            label: string;
+            amount: number;
+            formattedAmount: string;
+        }[];
+        reconciles: boolean;
+    }) => ReactNode;
+};
+/** Displays a server-calculated charge allocation, without applying a platform fee policy. */
+export declare function ChargeSummary(props: ChargeSummaryProps): import("react").JSX.Element;
+export type PaymentDetailsPayment = {
+    amount: number;
+    currency: string;
+    status: string;
+    refundedAmount?: number;
+    refundStatus?: string;
+};
+export type PaymentDetailsState = {
+    payment: PaymentDetailsPayment | null | undefined;
+    isLoading: boolean;
+    isEmpty: boolean;
+    metrics: {
+        key: "charged" | "refunded" | "status" | "refundStatus";
+        label: string;
+        value: string;
+    }[];
+};
+export type PaymentDetailsProps = {
+    payment: PaymentDetailsPayment | null | undefined;
+    children?: (state: PaymentDetailsState) => ReactNode;
+};
+export declare function PaymentDetails({ payment, children }: PaymentDetailsProps): import("react").JSX.Element;
+//# sourceMappingURL=Financials.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Financials.d.ts","sourceRoot":"","sources":["../../../src/react/workflows/Financials.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,MAAM,MAAM,kBAAkB,GAAG;IAC/B,KAAK,EAAE,MAAM,CAAC;IACd,GAAG,EAAE,MAAM,CAAC;IACZ,GAAG,EAAE,MAAM,CAAC;IACZ,QAAQ,EAAE,MAAM,CAAC;IACjB,UAAU,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE;QACjB,OAAO,EAAE;YACP,GAAG,EAAE,OAAO,GAAG,KAAK,GAAG,KAAK,CAAC;YAC7B,KAAK,EAAE,MAAM,CAAC;YACd,MAAM,EAAE,MAAM,CAAC;YACf,eAAe,EAAE,MAAM,CAAC;SACzB,EAAE,CAAC;QACJ,UAAU,EAAE,OAAO,CAAC;KACrB,KAAK,SAAS,CAAC;CACjB,CAAC;AACF,8FAA8F;AAC9F,wBAAgB,aAAa,CAAC,KAAK,EAAE,kBAAkB,+BAiCtD;AACD,MAAM,MAAM,qBAAqB,GAAG;IAClC,MAAM,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,MAAM,CAAC;IACjB,MAAM,EAAE,MAAM,CAAC;IACf,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB,CAAC;AACF,MAAM,MAAM,mBAAmB,GAAG;IAChC,OAAO,EAAE,qBAAqB,GAAG,IAAI,GAAG,SAAS,CAAC;IAClD,SAAS,EAAE,OAAO,CAAC;IACnB,OAAO,EAAE,OAAO,CAAC;IACjB,OAAO,EAAE;QACP,GAAG,EAAE,SAAS,GAAG,UAAU,GAAG,QAAQ,GAAG,cAAc,CAAC;QACxD,KAAK,EAAE,MAAM,CAAC;QACd,KAAK,EAAE,MAAM,CAAC;KACf,EAAE,CAAC;CACL,CAAC;AACF,MAAM,MAAM,mBAAmB,GAAG;IAChC,OAAO,EAAE,qBAAqB,GAAG,IAAI,GAAG,SAAS,CAAC;IAClD,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,mBAAmB,KAAK,SAAS,CAAC;CACtD,CAAC;AACF,wBAAgB,cAAc,CAAC,EAAE,OAAO,EAAE,QAAQ,EAAE,EAAE,mBAAmB,+BAwCxE"}

package/dist/react/workflows/Financials.js

@@ -0,0 +1,57 @@
+"use client";
+import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { formatPrice } from "../lib/price-helpers.js";
+/** Displays a server-calculated charge allocation, without applying a platform fee policy. */
+export function ChargeSummary(props) {
+    const metrics = [
+        ["gross", "Charged"],
+        ["fee", props.feeLabel ?? "Platform fee"],
+        ["net", "Seller payout"],
+    ].map(([key, label]) => ({
+        key,
+        label,
+        amount: props[key],
+        formattedAmount: formatPrice(props[key], props.currency),
+    }));
+    if (props.children)
+        return _jsx(_Fragment, { children: props.children({ metrics, reconciles: props.reconciles }) });
+    return (_jsxs("section", { "data-better-stripe": "charge-summary", children: [_jsx("h2", { children: "Charge breakdown" }), _jsx("dl", { children: metrics.map((metric) => (_jsxs("div", { children: [_jsx("dt", { children: metric.label }), _jsx("dd", { children: metric.formattedAmount })] }, metric.key))) }), _jsx("p", { role: props.reconciles ? "status" : "alert", children: props.reconciles
+                    ? "Fee and seller payout reconcile to the charge amount."
+                    : "Breakdown does not reconcile to the charge amount." })] }));
+}
+export function PaymentDetails({ payment, children }) {
+    const metrics = payment
+        ? [
+            {
+                key: "charged",
+                label: "Charged",
+                value: formatPrice(payment.amount, payment.currency),
+            },
+            {
+                key: "refunded",
+                label: "Refunded",
+                value: formatPrice(payment.refundedAmount ?? 0, payment.currency),
+            },
+            { key: "status", label: "Status", value: payment.status },
+            {
+                key: "refundStatus",
+                label: "Refund state",
+                value: payment.refundStatus ?? "none",
+            },
+        ]
+        : [];
+    const state = {
+        payment,
+        metrics,
+        isLoading: payment === undefined,
+        isEmpty: payment === null,
+    };
+    if (children)
+        return _jsx(_Fragment, { children: children(state) });
+    if (state.isLoading)
+        return _jsx("p", { role: "status", children: "Loading payment\u2026" });
+    if (state.isEmpty)
+        return _jsx("p", { children: "No payment found." });
+    return (_jsx("dl", { "data-better-stripe": "payment-details", children: metrics.map((metric) => (_jsxs("div", { children: [_jsx("dt", { children: metric.label }), _jsx("dd", { children: metric.value })] }, metric.key))) }));
+}
+//# sourceMappingURL=Financials.js.map

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

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

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

@@ -0,0 +1,23 @@
+import { type ReactNode } from "react";
+export type IntegrationMode = "headless" | "components" | "embedded" | "hosted";
+export type IntegrationSwitchState = {
+    value: IntegrationMode;
+    select: (mode: IntegrationMode) => void;
+    options: {
+        value: IntegrationMode;
+        label: string;
+    }[];
+    content: ReactNode;
+};
+export type IntegrationSwitchProps = {
+    views: Partial<Record<IntegrationMode, ReactNode>> & {
+        headless: ReactNode;
+    };
+    value?: IntegrationMode;
+    defaultValue?: IntegrationMode;
+    onValueChange?: (mode: IntegrationMode) => void;
+    children?: (state: IntegrationSwitchState) => ReactNode;
+};
+/** Only the active integration is mounted. No router or styling dependencies. */
+export declare function IntegrationSwitch({ views, value, defaultValue, onValueChange, children, }: IntegrationSwitchProps): import("react").JSX.Element;
+//# sourceMappingURL=IntegrationSwitch.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"IntegrationSwitch.d.ts","sourceRoot":"","sources":["../../../src/react/workflows/IntegrationSwitch.tsx"],"names":[],"mappings":"AACA,OAAO,EAAY,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AACjD,MAAM,MAAM,eAAe,GAAG,UAAU,GAAG,YAAY,GAAG,UAAU,GAAG,QAAQ,CAAC;AAOhF,MAAM,MAAM,sBAAsB,GAAG;IACnC,KAAK,EAAE,eAAe,CAAC;IACvB,MAAM,EAAE,CAAC,IAAI,EAAE,eAAe,KAAK,IAAI,CAAC;IACxC,OAAO,EAAE;QAAE,KAAK,EAAE,eAAe,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,EAAE,CAAC;IACrD,OAAO,EAAE,SAAS,CAAC;CACpB,CAAC;AACF,MAAM,MAAM,sBAAsB,GAAG;IACnC,KAAK,EAAE,OAAO,CAAC,MAAM,CAAC,eAAe,EAAE,SAAS,CAAC,CAAC,GAAG;QAAE,QAAQ,EAAE,SAAS,CAAA;KAAE,CAAC;IAC7E,KAAK,CAAC,EAAE,eAAe,CAAC;IACxB,YAAY,CAAC,EAAE,eAAe,CAAC;IAC/B,aAAa,CAAC,EAAE,CAAC,IAAI,EAAE,eAAe,KAAK,IAAI,CAAC;IAChD,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,sBAAsB,KAAK,SAAS,CAAC;CACzD,CAAC;AACF,iFAAiF;AACjF,wBAAgB,iBAAiB,CAAC,EAChC,KAAK,EACL,KAAK,EACL,YAAyB,EACzB,aAAa,EACb,QAAQ,GACT,EAAE,sBAAsB,+BAiCxB"}

package/dist/react/workflows/IntegrationSwitch.js

@@ -0,0 +1,31 @@
+"use client";
+import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from "react";
+const labels = {
+    headless: "Headless",
+    components: "Components",
+    embedded: "Stripe embedded",
+    hosted: "Stripe hosted",
+};
+/** Only the active integration is mounted. No router or styling dependencies. */
+export function IntegrationSwitch({ views, value, defaultValue = "headless", onValueChange, children, }) {
+    const [internal, setInternal] = useState(defaultValue);
+    const options = Object.keys(labels)
+        .filter((mode) => views[mode] !== undefined && views[mode] !== null)
+        .map((value) => ({ value, label: labels[value] }));
+    const requested = value ?? internal;
+    const selected = options.some((option) => option.value === requested)
+        ? requested
+        : "headless";
+    const select = (mode) => {
+        if (!options.some((option) => option.value === mode))
+            return;
+        setInternal(mode);
+        onValueChange?.(mode);
+    };
+    const state = { value: selected, select, options, content: views[selected] };
+    if (children)
+        return _jsx(_Fragment, { children: children(state) });
+    return (_jsxs("div", { "data-better-stripe": "integration-switch", children: [_jsx("div", { role: "group", "aria-label": "Integration examples", children: options.map((option) => (_jsx("button", { type: "button", "aria-pressed": selected === option.value, onClick: () => select(option.value), children: option.label }, option.value))) }), state.content] }));
+}
+//# sourceMappingURL=IntegrationSwitch.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"IntegrationSwitch.js","sourceRoot":"","sources":["../../../src/react/workflows/IntegrationSwitch.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AACb,OAAO,EAAE,QAAQ,EAAkB,MAAM,OAAO,CAAC;AAEjD,MAAM,MAAM,GAAoC;IAC9C,QAAQ,EAAE,UAAU;IACpB,UAAU,EAAE,YAAY;IACxB,QAAQ,EAAE,iBAAiB;IAC3B,MAAM,EAAE,eAAe;CACxB,CAAC;AAcF,iFAAiF;AACjF,MAAM,UAAU,iBAAiB,CAAC,EAChC,KAAK,EACL,KAAK,EACL,YAAY,GAAG,UAAU,EACzB,aAAa,EACb,QAAQ,GACe;IACvB,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAC,YAAY,CAAC,CAAC;IACvD,MAAM,OAAO,GAAI,MAAM,CAAC,IAAI,CAAC,MAAM,CAAuB;SACvD,MAAM,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,KAAK,CAAC,IAAI,CAAC,KAAK,SAAS,IAAI,KAAK,CAAC,IAAI,CAAC,KAAK,IAAI,CAAC;SACnE,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC,CAAC;IACrD,MAAM,SAAS,GAAG,KAAK,IAAI,QAAQ,CAAC;IACpC,MAAM,QAAQ,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,MAAM,CAAC,KAAK,KAAK,SAAS,CAAC;QACnE,CAAC,CAAC,SAAS;QACX,CAAC,CAAC,UAAU,CAAC;IACf,MAAM,MAAM,GAAG,CAAC,IAAqB,EAAE,EAAE;QACvC,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,MAAM,CAAC,KAAK,KAAK,IAAI,CAAC;YAAE,OAAO;QAC7D,WAAW,CAAC,IAAI,CAAC,CAAC;QAClB,aAAa,EAAE,CAAC,IAAI,CAAC,CAAC;IACxB,CAAC,CAAC;IACF,MAAM,KAAK,GAAG,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO,EAAE,KAAK,CAAC,QAAQ,CAAC,EAAE,CAAC;IAC7E,IAAI,QAAQ;QAAE,OAAO,4BAAG,QAAQ,CAAC,KAAK,CAAC,GAAI,CAAC;IAC5C,OAAO,CACL,qCAAwB,oBAAoB,aAC1C,cAAK,IAAI,EAAC,OAAO,gBAAY,sBAAsB,YAChD,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,CACvB,iBAEE,IAAI,EAAC,QAAQ,kBACC,QAAQ,KAAK,MAAM,CAAC,KAAK,EACvC,OAAO,EAAE,GAAG,EAAE,CAAC,MAAM,CAAC,MAAM,CAAC,KAAK,CAAC,YAElC,MAAM,CAAC,KAAK,IALR,MAAM,CAAC,KAAK,CAMV,CACV,CAAC,GACE,EACL,KAAK,CAAC,OAAO,IACV,CACP,CAAC;AACJ,CAAC"}

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

@@ -0,0 +1,56 @@
+import { type ReactNode } from "react";
+import { type ConnectProps } from "./Connect.js";
+export declare const DEFAULT_CONNECT_COUNTRIES: {
+    code: string;
+    name: string;
+}[];
+export type OnboardingActions = {
+    scopeKey: string;
+    initialCountry?: string;
+    createAccount: (country: string) => Promise<{
+        onboardingUrl?: string;
+    }>;
+    continueOnboarding: () => Promise<{
+        url?: string;
+    }>;
+    closeAccount?: () => Promise<unknown>;
+    onNavigate?: (url: string) => void;
+};
+export declare function useOnboarding(props: OnboardingActions): {
+    selectedCountry: string;
+    setSelectedCountry: (country: string) => void;
+    isPending: boolean;
+    isCreating: boolean;
+    isLinking: boolean;
+    isRestarting: boolean;
+    error: string | null;
+    createError: string | null;
+    linkError: string | null;
+    restartError: string | null;
+    create: () => Promise<boolean | undefined>;
+    continue: () => Promise<boolean | undefined>;
+    close: () => Promise<boolean | undefined>;
+};
+export type OnboardingAccount = {
+    stripeAccountId: string;
+    onboardingStatus?: string;
+    missingRequirements?: string[];
+    email?: string;
+    country?: string;
+};
+export type OnboardingRenderProps = ReturnType<typeof useOnboarding> & {
+    account: OnboardingAccount | null | undefined;
+};
+export type OnboardingProps = (OnboardingActions & {
+    presentation?: "headless";
+    account: OnboardingAccount | null | undefined;
+    countries?: {
+        code: string;
+        name: string;
+    }[];
+    children?: (state: OnboardingRenderProps) => ReactNode;
+}) | (Omit<ConnectProps, "component"> & {
+    presentation: "embedded";
+});
+export declare function Onboarding(props: OnboardingProps): import("react").JSX.Element;
+//# sourceMappingURL=Onboarding.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Onboarding.d.ts","sourceRoot":"","sources":["../../../src/react/workflows/Onboarding.tsx"],"names":[],"mappings":"AACA,OAAO,EAAmB,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAExD,OAAO,EAAW,KAAK,YAAY,EAAE,MAAM,cAAc,CAAC;AAE1D,eAAO,MAAM,yBAAyB;;;GASrC,CAAC;AACF,MAAM,MAAM,iBAAiB,GAAG;IAC9B,QAAQ,EAAE,MAAM,CAAC;IACjB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,aAAa,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,OAAO,CAAC;QAAE,aAAa,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IACxE,kBAAkB,EAAE,MAAM,OAAO,CAAC;QAAE,GAAG,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IACpD,YAAY,CAAC,EAAE,MAAM,OAAO,CAAC,OAAO,CAAC,CAAC;IACtC,UAAU,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;CACpC,CAAC;AACF,wBAAgB,aAAa,CAAC,KAAK,EAAE,iBAAiB;IAqClD,eAAe;IACf,kBAAkB,YAAY,MAAM;IAEpC,SAAS;IACT,UAAU;IACV,SAAS;IACT,YAAY;IACZ,KAAK;IACL,WAAW;IACX,SAAS;IACT,YAAY;IACZ,MAAM;IACN,QAAQ;IACR,KAAK;EAER;AACD,MAAM,MAAM,iBAAiB,GAAG;IAC9B,eAAe,EAAE,MAAM,CAAC;IACxB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,mBAAmB,CAAC,EAAE,MAAM,EAAE,CAAC;IAC/B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB,CAAC;AACF,MAAM,MAAM,qBAAqB,GAAG,UAAU,CAAC,OAAO,aAAa,CAAC,GAAG;IACrE,OAAO,EAAE,iBAAiB,GAAG,IAAI,GAAG,SAAS,CAAC;CAC/C,CAAC;AACF,MAAM,MAAM,eAAe,GACvB,CAAC,iBAAiB,GAAG;IACnB,YAAY,CAAC,EAAE,UAAU,CAAC;IAC1B,OAAO,EAAE,iBAAiB,GAAG,IAAI,GAAG,SAAS,CAAC;IAC9C,SAAS,CAAC,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAA;KAAE,EAAE,CAAC;IAC7C,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,qBAAqB,KAAK,SAAS,CAAC;CACxD,CAAC,GACF,CAAC,IAAI,CAAC,YAAY,EAAE,WAAW,CAAC,GAAG;IAAE,YAAY,EAAE,UAAU,CAAA;CAAE,CAAC,CAAC;AACrE,wBAAgB,UAAU,CAAC,KAAK,EAAE,eAAe,+BAMhD"}

package/dist/react/workflows/Onboarding.js

@@ -0,0 +1,86 @@
+"use client";
+import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useId, useState } from "react";
+import { useWorkflowAction } from "./useWorkflowAction.js";
+import { Connect } from "./Connect.js";
+import { AccountOnboardingCard } from "../components/AccountOnboardingCard.js";
+export const DEFAULT_CONNECT_COUNTRIES = [
+    { code: "US", name: "United States" },
+    { code: "GB", name: "United Kingdom" },
+    { code: "AU", name: "Australia" },
+    { code: "CA", name: "Canada" },
+    { code: "DE", name: "Germany" },
+    { code: "FR", name: "France" },
+    { code: "JP", name: "Japan" },
+    { code: "SG", name: "Singapore" },
+];
+export function useOnboarding(props) {
+    const [fields, setFields] = useState({
+        scope: props.scopeKey,
+        country: props.initialCountry ?? "US",
+    });
+    if (fields.scope !== props.scopeKey)
+        setFields({ scope: props.scopeKey, country: props.initialCountry ?? "US" });
+    const [operation, setOperation] = useState("create");
+    const action = useWorkflowAction(async (type) => {
+        setOperation(type);
+        if (type === "close") {
+            if (!props.closeAccount)
+                throw new Error("Account closing is not configured.");
+            await props.closeAccount();
+            return true;
+        }
+        const result = type === "create"
+            ? await props.createAccount(fields.country)
+            : await props.continueOnboarding();
+        const url = "onboardingUrl" in result
+            ? result.onboardingUrl
+            : "url" in result
+                ? result.url
+                : undefined;
+        if (!url)
+            throw new Error("Stripe did not return an onboarding URL.");
+        (props.onNavigate ?? ((url) => window.location.assign(url)))(url);
+        return true;
+    }, props.scopeKey);
+    const run = action.run;
+    return {
+        selectedCountry: fields.country,
+        setSelectedCountry: (country) => setFields((previous) => ({ ...previous, country })),
+        isPending: action.isPending,
+        isCreating: action.isPending && operation === "create",
+        isLinking: action.isPending && operation === "link",
+        isRestarting: action.isPending && operation === "close",
+        error: action.error,
+        createError: operation === "create" ? action.error : null,
+        linkError: operation === "link" ? action.error : null,
+        restartError: operation === "close" ? action.error : null,
+        create: () => run("create"),
+        continue: () => run("link"),
+        close: () => run("close"),
+    };
+}
+export function Onboarding(props) {
+    return props.presentation === "embedded" ? (_jsx(Connect, { ...props, component: "onboarding" })) : (_jsx(OnboardingBody, { ...props }, props.scopeKey));
+}
+function OnboardingBody(props) {
+    const state = useOnboarding(props);
+    const id = useId();
+    if (props.children)
+        return _jsx(_Fragment, { children: props.children({ ...state, account: props.account }) });
+    if (props.account === undefined)
+        return _jsx("p", { role: "status", children: "Loading account\u2026" });
+    const status = props.account?.onboardingStatus;
+    const normalized = status === "complete" || status === "in_progress" || status === "restricted"
+        ? status
+        : "pending";
+    return (_jsxs("section", { "data-better-stripe": "onboarding", "aria-busy": state.isPending, children: [_jsx("h2", { children: "Account setup" }), state.error && _jsx("p", { role: "alert", children: state.error }), !props.account ? (_jsxs("form", { onSubmit: (event) => {
+                    event.preventDefault();
+                    void state.create();
+                }, children: [_jsx("label", { htmlFor: id, children: "Country" }), _jsx("select", { id: id, required: true, value: state.selectedCountry, onChange: (event) => state.setSelectedCountry(event.target.value), children: (props.countries ?? DEFAULT_CONNECT_COUNTRIES).map((country) => (_jsx("option", { value: country.code, children: country.name }, country.code))) }), _jsx("button", { type: "submit", disabled: state.isPending, children: state.isCreating ? "Creating account…" : "Create account" })] })) : (_jsxs(_Fragment, { children: [_jsx("p", { children: props.account.stripeAccountId }), _jsx(AccountOnboardingCard, { status: normalized, missingRequirements: props.account.missingRequirements, onContinue: () => {
+                            void state.continue();
+                        }, isLoading: state.isPending }), props.closeAccount && (_jsxs("details", { children: [_jsx("summary", { children: "Close account" }), _jsx("p", { children: "Closing a Stripe account is irreversible." }), _jsx("button", { type: "button", disabled: state.isPending, onClick: () => {
+                                    void state.close();
+                                }, children: state.isRestarting ? "Closing…" : "Close account" })] }))] }))] }));
+}
+//# sourceMappingURL=Onboarding.js.map

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

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

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

@@ -0,0 +1,51 @@
+import type { ReactNode } from "react";
+export type OverviewState = {
+    isLoading: boolean;
+    totalProducts: number;
+    totalSubscriptions: number;
+    activeSubscriptions: number;
+    metrics: {
+        label: string;
+        value: number | string;
+    }[];
+};
+export type OverviewProps = {
+    products: unknown[] | undefined;
+    subscriptions: {
+        status: string;
+    }[] | undefined;
+    children?: (state: OverviewState) => ReactNode;
+};
+export declare function Overview({ products, subscriptions, children }: OverviewProps): import("react").JSX.Element;
+/** Totals for one currency only. Upcoming payout amounts are not an account's available/pending Stripe balance. */
+export declare function getPayoutTotals<T extends {
+    amount?: number;
+    status: string;
+    currency: string;
+}>(payouts: T[] | undefined, currency: string): {
+    totalPayouts: number;
+    pendingBalance: number;
+    totalEarned: number;
+    recentPayouts: T[];
+};
+export type PayoutOverviewRow = {
+    stripePayoutId: string;
+    amount?: number;
+    currency: string;
+    status: string;
+    arrivalDate?: string | null;
+};
+export type PayoutOverviewProps<Row extends PayoutOverviewRow = PayoutOverviewRow> = {
+    payouts: Row[] | undefined;
+    currency: string;
+    children?: (state: ReturnType<typeof getPayoutTotals<Row>> & {
+        isLoading: boolean;
+        metrics: {
+            label: string;
+            value: string;
+        }[];
+    }) => ReactNode;
+};
+/** Payout activity totals. These amounts are not the available or pending account balance. */
+export declare function PayoutOverview<Row extends PayoutOverviewRow>({ payouts, currency, children, }: PayoutOverviewProps<Row>): import("react").JSX.Element;
+//# sourceMappingURL=Overview.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Overview.d.ts","sourceRoot":"","sources":["../../../src/react/workflows/Overview.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,MAAM,MAAM,aAAa,GAAG;IAC1B,SAAS,EAAE,OAAO,CAAC;IACnB,aAAa,EAAE,MAAM,CAAC;IACtB,kBAAkB,EAAE,MAAM,CAAC;IAC3B,mBAAmB,EAAE,MAAM,CAAC;IAC5B,OAAO,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAAA;KAAE,EAAE,CAAC;CACtD,CAAC;AACF,MAAM,MAAM,aAAa,GAAG;IAC1B,QAAQ,EAAE,OAAO,EAAE,GAAG,SAAS,CAAC;IAChC,aAAa,EAAE;QAAE,MAAM,EAAE,MAAM,CAAA;KAAE,EAAE,GAAG,SAAS,CAAC;IAChD,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,aAAa,KAAK,SAAS,CAAC;CAChD,CAAC;AACF,wBAAgB,QAAQ,CAAC,EAAE,QAAQ,EAAE,aAAa,EAAE,QAAQ,EAAE,EAAE,aAAa,+BAgC5E;AACD,mHAAmH;AACnH,wBAAgB,eAAe,CAC7B,CAAC,SAAS;IAAE,MAAM,CAAC,EAAE,MAAM,CAAC;IAAC,MAAM,EAAE,MAAM,CAAC;IAAC,QAAQ,EAAE,MAAM,CAAA;CAAE,EAC/D,OAAO,EAAE,CAAC,EAAE,GAAG,SAAS,EAAE,QAAQ,EAAE,MAAM;;;;;EAc3C;AAED,MAAM,MAAM,iBAAiB,GAAG;IAC9B,cAAc,EAAE,MAAM,CAAC;IACvB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,QAAQ,EAAE,MAAM,CAAC;IACjB,MAAM,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;CAC7B,CAAC;AACF,MAAM,MAAM,mBAAmB,CAC7B,GAAG,SAAS,iBAAiB,GAAG,iBAAiB,IAC/C;IACF,OAAO,EAAE,GAAG,EAAE,GAAG,SAAS,CAAC;IAC3B,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,CAAC,EAAE,CACT,KAAK,EAAE,UAAU,CAAC,OAAO,eAAe,CAAC,GAAG,CAAC,CAAC,GAAG;QAC/C,SAAS,EAAE,OAAO,CAAC;QACnB,OAAO,EAAE;YAAE,KAAK,EAAE,MAAM,CAAC;YAAC,KAAK,EAAE,MAAM,CAAA;SAAE,EAAE,CAAC;KAC7C,KACE,SAAS,CAAC;CAChB,CAAC;AACF,8FAA8F;AAC9F,wBAAgB,cAAc,CAAC,GAAG,SAAS,iBAAiB,EAAE,EAC5D,OAAO,EACP,QAAQ,EACR,QAAQ,GACT,EAAE,mBAAmB,CAAC,GAAG,CAAC,+BA+B1B"}

package/dist/react/workflows/Overview.js

@@ -0,0 +1,63 @@
+"use client";
+import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { formatPrice } from "../lib/price-helpers.js";
+export function Overview({ products, subscriptions, children }) {
+    const isLoading = products === undefined || subscriptions === undefined;
+    const totalProducts = products?.length ?? 0;
+    const totalSubscriptions = subscriptions?.length ?? 0;
+    const activeSubscriptions = subscriptions?.filter((row) => row.status === "active").length ?? 0;
+    const state = {
+        isLoading,
+        totalProducts,
+        totalSubscriptions,
+        activeSubscriptions,
+        metrics: [
+            { label: "Total Subscriptions", value: totalSubscriptions },
+            { label: "Active Subscriptions", value: activeSubscriptions },
+            { label: "Total Products", value: totalProducts },
+            { label: "Data Status", value: isLoading ? "Loading…" : "Live" },
+        ],
+    };
+    if (children)
+        return _jsx(_Fragment, { children: children(state) });
+    return (_jsxs("section", { "data-better-stripe": "overview", children: [_jsx("h2", { children: "Overview" }), _jsx("dl", { children: state.metrics.map((metric) => (_jsxs("div", { children: [_jsx("dt", { children: metric.label }), _jsx("dd", { children: isLoading ? "Loading…" : metric.value })] }, metric.label))) })] }));
+}
+/** Totals for one currency only. Upcoming payout amounts are not an account's available/pending Stripe balance. */
+export function getPayoutTotals(payouts, currency) {
+    const rows = payouts?.filter((row) => row.currency === currency) ?? [];
+    const totalPayouts = rows
+        .filter((row) => row.status === "paid")
+        .reduce((sum, row) => sum + (row.amount ?? 0), 0);
+    const pendingBalance = rows
+        .filter((row) => row.status === "pending" || row.status === "in_transit")
+        .reduce((sum, row) => sum + (row.amount ?? 0), 0);
+    return {
+        totalPayouts,
+        pendingBalance,
+        totalEarned: totalPayouts + pendingBalance,
+        recentPayouts: rows.slice(0, 3),
+    };
+}
+/** Payout activity totals. These amounts are not the available or pending account balance. */
+export function PayoutOverview({ payouts, currency, children, }) {
+    const totals = getPayoutTotals(payouts, currency);
+    const state = {
+        ...totals,
+        isLoading: payouts === undefined,
+        metrics: [
+            {
+                label: "Total payouts tracked",
+                value: formatPrice(totals.totalEarned, currency),
+            },
+            {
+                label: "Upcoming payouts",
+                value: formatPrice(totals.pendingBalance, currency),
+            },
+            { label: "Paid out", value: formatPrice(totals.totalPayouts, currency) },
+        ],
+    };
+    if (children)
+        return _jsx(_Fragment, { children: children(state) });
+    return (_jsxs("section", { "data-better-stripe": "payout-overview", children: [_jsx("h2", { children: "Payout activity" }), _jsx("dl", { children: state.metrics.map((metric) => (_jsxs("div", { children: [_jsx("dt", { children: metric.label }), _jsx("dd", { children: state.isLoading ? "Loading…" : metric.value })] }, metric.label))) })] }));
+}
+//# sourceMappingURL=Overview.js.map

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

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

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

@@ -0,0 +1,35 @@
+import { type ReactNode } from "react";
+import { type PaymentMethodItem } from "../components/PaymentMethodsList.js";
+export type PaymentMethodsActions = {
+    scopeKey: string;
+    load: () => Promise<PaymentMethodItem[]>;
+    attach: (paymentMethodId: string) => Promise<unknown>;
+    detach: (paymentMethodId: string) => Promise<unknown>;
+};
+export declare function usePaymentMethodsManager(props: PaymentMethodsActions): {
+    methods: PaymentMethodItem[];
+    isLoading: boolean;
+    isPending: boolean;
+    loadError: string | null;
+    attachError: string | null;
+    deleteError: string | null;
+    reload: () => void;
+    attach: (id: string) => Promise<void>;
+    detach: (id: string) => Promise<void>;
+};
+export declare function toPaymentMethodItem(method: {
+    id: string;
+    type: string;
+    card?: {
+        brand: string;
+        last4: string;
+        exp_month: number;
+        exp_year: number;
+    } | null;
+}, defaultId?: string): PaymentMethodItem;
+export type PaymentMethodsProps = PaymentMethodsActions & {
+    publishableKey: string;
+    children?: (state: ReturnType<typeof usePaymentMethodsManager>) => ReactNode;
+};
+export declare function PaymentMethods(props: PaymentMethodsProps): import("react").JSX.Element;
+//# sourceMappingURL=PaymentMethods.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PaymentMethods.d.ts","sourceRoot":"","sources":["../../../src/react/workflows/PaymentMethods.tsx"],"names":[],"mappings":"AACA,OAAO,EAAY,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AACjD,OAAO,EAEL,KAAK,iBAAiB,EACvB,MAAM,qCAAqC,CAAC;AAK7C,MAAM,MAAM,qBAAqB,GAAG;IAClC,QAAQ,EAAE,MAAM,CAAC;IACjB,IAAI,EAAE,MAAM,OAAO,CAAC,iBAAiB,EAAE,CAAC,CAAC;IACzC,MAAM,EAAE,CAAC,eAAe,EAAE,MAAM,KAAK,OAAO,CAAC,OAAO,CAAC,CAAC;IACtD,MAAM,EAAE,CAAC,eAAe,EAAE,MAAM,KAAK,OAAO,CAAC,OAAO,CAAC,CAAC;CACvD,CAAC;AACF,wBAAgB,wBAAwB,CAAC,KAAK,EAAE,qBAAqB;IAgBjE,OAAO;IACP,SAAS;IACT,SAAS;IACT,SAAS;IACT,WAAW;IACX,WAAW;IACX,MAAM;IACN,MAAM,OAAO,MAAM;IACnB,MAAM,OAAO,MAAM;EAEtB;AACD,wBAAgB,mBAAmB,CACjC,MAAM,EAAE;IACN,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE;QACL,KAAK,EAAE,MAAM,CAAC;QACd,KAAK,EAAE,MAAM,CAAC;QACd,SAAS,EAAE,MAAM,CAAC;QAClB,QAAQ,EAAE,MAAM,CAAC;KAClB,GAAG,IAAI,CAAC;CACV,EACD,SAAS,CAAC,EAAE,MAAM,GACjB,iBAAiB,CAcnB;AACD,MAAM,MAAM,mBAAmB,GAAG,qBAAqB,GAAG;IACxD,cAAc,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,CAAC,OAAO,wBAAwB,CAAC,KAAK,SAAS,CAAC;CAC9E,CAAC;AACF,wBAAgB,cAAc,CAAC,KAAK,EAAE,mBAAmB,+BAExD"}

package/dist/react/workflows/PaymentMethods.js

@@ -0,0 +1,63 @@
+"use client";
+import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from "react";
+import { PaymentMethodsList, } from "../components/PaymentMethodsList.js";
+import { AddCardForm } from "../components/AddCardForm.js";
+import { StripeProvider } from "../components/StripeProvider.js";
+import { useWorkflowAction } from "./useWorkflowAction.js";
+import { useWorkflowResource } from "./useWorkflowResource.js";
+export function usePaymentMethodsManager(props) {
+    const resource = useWorkflowResource(props.load, props.scopeKey);
+    const [kind, setKind] = useState("attach");
+    const action = useWorkflowAction(async (kind, id) => {
+        setKind(kind);
+        if (!id.trim())
+            throw new Error("A payment method ID is required.");
+        await props[kind](id);
+        return true;
+    }, props.scopeKey);
+    const run = async (kind, id) => {
+        if (await action.run(kind, id))
+            resource.refresh();
+    };
+    return {
+        methods: resource.data ?? [],
+        isLoading: resource.isLoading,
+        isPending: action.isPending,
+        loadError: resource.error,
+        attachError: kind === "attach" ? action.error : null,
+        deleteError: kind === "detach" ? action.error : null,
+        reload: resource.refresh,
+        attach: (id) => run("attach", id),
+        detach: (id) => run("detach", id),
+    };
+}
+export function toPaymentMethodItem(method, defaultId) {
+    return {
+        id: method.id,
+        type: method.type,
+        card: method.card
+            ? {
+                brand: method.card.brand,
+                last4: method.card.last4,
+                expMonth: method.card.exp_month,
+                expYear: method.card.exp_year,
+            }
+            : undefined,
+        isDefault: method.id === defaultId,
+    };
+}
+export function PaymentMethods(props) {
+    return _jsx(PaymentMethodsBody, { ...props }, props.scopeKey);
+}
+function PaymentMethodsBody(props) {
+    const state = usePaymentMethodsManager(props);
+    if (props.children)
+        return _jsx(_Fragment, { children: props.children(state) });
+    return (_jsxs("section", { "data-better-stripe": "payment-methods", "aria-busy": state.isPending || state.isLoading, children: [_jsx("h2", { children: "Payment methods" }), _jsx(StripeProvider, { publishableKey: props.publishableKey, children: _jsxs("fieldset", { disabled: state.isPending, children: [_jsx("legend", { children: "Add a card" }), _jsx(AddCardForm, { onSuccess: (id) => {
+                                void state.attach(id);
+                            } })] }) }), (state.loadError || state.attachError || state.deleteError) && (_jsx("p", { role: "alert", children: state.loadError || state.attachError || state.deleteError })), _jsx("button", { type: "button", disabled: state.isLoading, onClick: state.reload, children: state.isLoading ? "Loading…" : "Refresh" }), state.isLoading ? (_jsx("p", { role: "status", children: "Loading payment methods\u2026" })) : (_jsx(PaymentMethodsList, { methods: state.methods, onDelete: (id) => {
+                    void state.detach(id);
+                } }))] }));
+}
+//# sourceMappingURL=PaymentMethods.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PaymentMethods.js","sourceRoot":"","sources":["../../../src/react/workflows/PaymentMethods.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AACb,OAAO,EAAE,QAAQ,EAAkB,MAAM,OAAO,CAAC;AACjD,OAAO,EACL,kBAAkB,GAEnB,MAAM,qCAAqC,CAAC;AAC7C,OAAO,EAAE,WAAW,EAAE,MAAM,8BAA8B,CAAC;AAC3D,OAAO,EAAE,cAAc,EAAE,MAAM,iCAAiC,CAAC;AACjE,OAAO,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAC;AAC3D,OAAO,EAAE,mBAAmB,EAAE,MAAM,0BAA0B,CAAC;AAO/D,MAAM,UAAU,wBAAwB,CAAC,KAA4B;IACnE,MAAM,QAAQ,GAAG,mBAAmB,CAAC,KAAK,CAAC,IAAI,EAAE,KAAK,CAAC,QAAQ,CAAC,CAAC;IACjE,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,CAAsB,QAAQ,CAAC,CAAC;IAChE,MAAM,MAAM,GAAG,iBAAiB,CAC9B,KAAK,EAAE,IAAyB,EAAE,EAAU,EAAE,EAAE;QAC9C,OAAO,CAAC,IAAI,CAAC,CAAC;QACd,IAAI,CAAC,EAAE,CAAC,IAAI,EAAE;YAAE,MAAM,IAAI,KAAK,CAAC,kCAAkC,CAAC,CAAC;QACpE,MAAM,KAAK,CAAC,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC;QACtB,OAAO,IAAI,CAAC;IACd,CAAC,EACD,KAAK,CAAC,QAAQ,CACf,CAAC;IACF,MAAM,GAAG,GAAG,KAAK,EAAE,IAAyB,EAAE,EAAU,EAAE,EAAE;QAC1D,IAAI,MAAM,MAAM,CAAC,GAAG,CAAC,IAAI,EAAE,EAAE,CAAC;YAAE,QAAQ,CAAC,OAAO,EAAE,CAAC;IACrD,CAAC,CAAC;IACF,OAAO;QACL,OAAO,EAAE,QAAQ,CAAC,IAAI,IAAI,EAAE;QAC5B,SAAS,EAAE,QAAQ,CAAC,SAAS;QAC7B,SAAS,EAAE,MAAM,CAAC,SAAS;QAC3B,SAAS,EAAE,QAAQ,CAAC,KAAK;QACzB,WAAW,EAAE,IAAI,KAAK,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI;QACpD,WAAW,EAAE,IAAI,KAAK,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI;QACpD,MAAM,EAAE,QAAQ,CAAC,OAAO;QACxB,MAAM,EAAE,CAAC,EAAU,EAAE,EAAE,CAAC,GAAG,CAAC,QAAQ,EAAE,EAAE,CAAC;QACzC,MAAM,EAAE,CAAC,EAAU,EAAE,EAAE,CAAC,GAAG,CAAC,QAAQ,EAAE,EAAE,CAAC;KAC1C,CAAC;AACJ,CAAC;AACD,MAAM,UAAU,mBAAmB,CACjC,MASC,EACD,SAAkB;IAElB,OAAO;QACL,EAAE,EAAE,MAAM,CAAC,EAAE;QACb,IAAI,EAAE,MAAM,CAAC,IAAI;QACjB,IAAI,EAAE,MAAM,CAAC,IAAI;YACf,CAAC,CAAC;gBACE,KAAK,EAAE,MAAM,CAAC,IAAI,CAAC,KAAK;gBACxB,KAAK,EAAE,MAAM,CAAC,IAAI,CAAC,KAAK;gBACxB,QAAQ,EAAE,MAAM,CAAC,IAAI,CAAC,SAAS;gBAC/B,OAAO,EAAE,MAAM,CAAC,IAAI,CAAC,QAAQ;aAC9B;YACH,CAAC,CAAC,SAAS;QACb,SAAS,EAAE,MAAM,CAAC,EAAE,KAAK,SAAS;KACnC,CAAC;AACJ,CAAC;AAKD,MAAM,UAAU,cAAc,CAAC,KAA0B;IACvD,OAAO,KAAC,kBAAkB,OAA0B,KAAK,IAAzB,KAAK,CAAC,QAAQ,CAAe,CAAC;AAChE,CAAC;AACD,SAAS,kBAAkB,CAAC,KAA0B;IACpD,MAAM,KAAK,GAAG,wBAAwB,CAAC,KAAK,CAAC,CAAC;IAC9C,IAAI,KAAK,CAAC,QAAQ;QAAE,OAAO,4BAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,GAAI,CAAC;IACxD,OAAO,CACL,yCACqB,iBAAiB,eACzB,KAAK,CAAC,SAAS,IAAI,KAAK,CAAC,SAAS,aAE7C,2CAAwB,EACxB,KAAC,cAAc,IAAC,cAAc,EAAE,KAAK,CAAC,cAAc,YAClD,oBAAU,QAAQ,EAAE,KAAK,CAAC,SAAS,aACjC,0CAA2B,EAC3B,KAAC,WAAW,IACV,SAAS,EAAE,CAAC,EAAE,EAAE,EAAE;gCAChB,KAAK,KAAK,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC;4BACxB,CAAC,GACD,IACO,GACI,EAChB,CAAC,KAAK,CAAC,SAAS,IAAI,KAAK,CAAC,WAAW,IAAI,KAAK,CAAC,WAAW,CAAC,IAAI,CAC9D,YAAG,IAAI,EAAC,OAAO,YACZ,KAAK,CAAC,SAAS,IAAI,KAAK,CAAC,WAAW,IAAI,KAAK,CAAC,WAAW,GACxD,CACL,EACD,iBAAQ,IAAI,EAAC,QAAQ,EAAC,QAAQ,EAAE,KAAK,CAAC,SAAS,EAAE,OAAO,EAAE,KAAK,CAAC,MAAM,YACnE,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,SAAS,GAClC,EACR,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,CACjB,YAAG,IAAI,EAAC,QAAQ,8CAA6B,CAC9C,CAAC,CAAC,CAAC,CACF,KAAC,kBAAkB,IACjB,OAAO,EAAE,KAAK,CAAC,OAAO,EACtB,QAAQ,EAAE,CAAC,EAAE,EAAE,EAAE;oBACf,KAAK,KAAK,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC;gBACxB,CAAC,GACD,CACH,IACO,CACX,CAAC;AACJ,CAAC"}

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

@@ -0,0 +1,20 @@
+import type { ReactNode } from "react";
+export type ReceiptPayment = {
+    status: string;
+    amount: number;
+    currency: string;
+};
+export type PaymentReceiptState = {
+    payment: ReceiptPayment | null | undefined;
+    isLoading: boolean;
+    isConfirmed: boolean;
+    title: string;
+    message: string;
+    amountLabel?: string;
+};
+export type PaymentReceiptProps = {
+    /** Supply authoritative server/webhook data, never a client-confirmation result. */ payment: ReceiptPayment | null | undefined;
+    children?: (state: PaymentReceiptState) => ReactNode;
+};
+export declare function PaymentReceipt({ payment, children }: PaymentReceiptProps): import("react").JSX.Element;
+//# sourceMappingURL=PaymentReceipt.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PaymentReceipt.d.ts","sourceRoot":"","sources":["../../../src/react/workflows/PaymentReceipt.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,MAAM,MAAM,cAAc,GAAG;IAC3B,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,MAAM,CAAC;CAClB,CAAC;AACF,MAAM,MAAM,mBAAmB,GAAG;IAChC,OAAO,EAAE,cAAc,GAAG,IAAI,GAAG,SAAS,CAAC;IAC3C,SAAS,EAAE,OAAO,CAAC;IACnB,WAAW,EAAE,OAAO,CAAC;IACrB,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,CAAC;IAChB,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB,CAAC;AACF,MAAM,MAAM,mBAAmB,GAAG;IAChC,oFAAoF,CAAC,OAAO,EAC1F,cAAc,GAAG,IAAI,GAAG,SAAS,CAAC;IACpC,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,mBAAmB,KAAK,SAAS,CAAC;CACtD,CAAC;AACF,wBAAgB,cAAc,CAAC,EAAE,OAAO,EAAE,QAAQ,EAAE,EAAE,mBAAmB,+BAwBxE"}

package/dist/react/workflows/PaymentReceipt.js

@@ -0,0 +1,24 @@
+"use client";
+import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { formatPrice } from "../lib/price-helpers.js";
+export function PaymentReceipt({ payment, children }) {
+    const isConfirmed = payment?.status === "succeeded";
+    const state = {
+        payment,
+        isLoading: !payment,
+        isConfirmed,
+        title: isConfirmed ? "Payment successful!" : "Payment status",
+        message: !payment
+            ? "Waiting for Stripe payment confirmation…"
+            : isConfirmed
+                ? "Your purchase is confirmed by Stripe."
+                : `Stripe payment status: ${payment.status}`,
+        amountLabel: payment
+            ? formatPrice(payment.amount, payment.currency)
+            : undefined,
+    };
+    if (children)
+        return _jsx(_Fragment, { children: children(state) });
+    return (_jsxs("section", { "data-better-stripe": "payment-receipt", children: [_jsx("h2", { children: state.title }), _jsx("p", { role: "status", children: state.message }), state.amountLabel && _jsx("p", { children: state.amountLabel })] }));
+}
+//# sourceMappingURL=PaymentReceipt.js.map