@bunnyapp/components 1.8.0-beta.54 → 1.8.0-beta.56

package/dist/cjs/types/src/components/CheckoutShared/graphql/fragments/CheckoutSummaryLineItems_QuoteFragment.d.ts

@@ -0,0 +1,23 @@
+/** The charges listed as line items. A previewed (unsaved) quote has null ids. */
+export declare const CheckoutSummaryLineItems_QuoteFragment: import("gql.tada").TadaDocumentNode<{
+    quoteChanges: {
+        id: string | null;
+        charges: {
+            id: string | null;
+            name: string | null;
+            subtotal: number | null;
+            coupon: {
+                couponCode: string;
+            } | null;
+            priceListCharge: {
+                [$tada.fragmentRefs]: {
+                    PricingTooltip_PriceListChargeFragment: "PriceListCharge";
+                };
+            } | null;
+        }[];
+    }[] | null;
+}, {}, {
+    fragment: "CheckoutSummaryLineItems_QuoteFragment";
+    on: "Quote";
+    masked: true;
+}>;

package/dist/cjs/types/src/components/{Signup/components/CheckoutSummary → CheckoutShared/graphql}/fragments/CheckoutSummary_PriceListFragment.d.ts

@@ -1,19 +1,12 @@
 export declare const CheckoutSummary_PriceListFragment: import("gql.tada").TadaDocumentNode<{
-    product: {
-        name: string;
-    } | null;
     name: string;
-    basePrice: number | null;
     currencyId: string;
-    trialAllowed: boolean;
-    charges: {
-        id: string;
+    basePrice: number | null;
+    periodMonths: number | null;
+    trialLengthDays: number | null;
+    product: {
         name: string;
-        quantityMin: number | null;
-        basePrice: number;
-        featureAddon: boolean | null;
-        deprecated: boolean | null;
-    }[] | null;
+    } | null;
 }, {}, {
     fragment: "CheckoutSummary_PriceListFragment";
     on: "PriceList";

package/dist/cjs/types/src/components/CheckoutShared/graphql/fragments/CheckoutSummary_QuoteFragment.d.ts

@@ -0,0 +1,20 @@
+/** The previewed quote before the checkout: its line items, which coupon it carries and whether usage is billed on top. */
+export declare const CheckoutSummary_QuoteFragment: import("gql.tada").TadaDocumentNode<{
+    [$tada.fragmentRefs]: {
+        CheckoutSummaryLineItems_QuoteFragment: "Quote";
+    };
+    quoteChanges: {
+        id: string | null;
+        charges: {
+            id: string | null;
+            chargeType: "ONE_TIME" | "RECURRING" | "USAGE" | null;
+            coupon: {
+                couponCode: string;
+            } | null;
+        }[];
+    }[] | null;
+}, {}, {
+    fragment: "CheckoutSummary_QuoteFragment";
+    on: "Quote";
+    masked: true;
+}>;

package/dist/cjs/types/src/components/CheckoutShared/graphql/fragments/SavedPaymentMethodTiles_PaymentMethodFragment.d.ts

@@ -0,0 +1,16 @@
+export declare const SavedPaymentMethodTiles_PaymentMethodFragment: import("gql.tada").TadaDocumentNode<{
+    [$tada.fragmentRefs]: {
+        CardImage_PaymentMethodFragment: "PaymentMethod";
+    };
+    id: string;
+    pluginId: string | null;
+    isDefault: boolean | null;
+    metadata: {
+        issuer: string | null;
+        identifier: string | null;
+    } | null;
+}, {}, {
+    fragment: "SavedPaymentMethodTiles_PaymentMethodFragment";
+    on: "PaymentMethod";
+    masked: true;
+}>;

package/dist/cjs/types/src/components/CheckoutShared/graphql/fragments/SuccessDisplay_PaymentMethodFragment.d.ts

@@ -0,0 +1,14 @@
+export declare const SuccessDisplay_PaymentMethodFragment: import("gql.tada").TadaDocumentNode<{
+    [$tada.fragmentRefs]: {
+        CardImage_PaymentMethodFragment: "PaymentMethod";
+    };
+    id: string;
+    metadata: {
+        issuer: string | null;
+        identifier: string | null;
+    } | null;
+}, {}, {
+    fragment: "SuccessDisplay_PaymentMethodFragment";
+    on: "PaymentMethod";
+    masked: true;
+}>;

package/dist/cjs/types/src/components/CheckoutShared/graphql/fragments/SuccessDisplay_PriceListFragment.d.ts

@@ -0,0 +1,11 @@
+export declare const SuccessDisplay_PriceListFragment: import("gql.tada").TadaDocumentNode<{
+    name: string;
+    trialLengthDays: number | null;
+    product: {
+        name: string;
+    } | null;
+}, {}, {
+    fragment: "SuccessDisplay_PriceListFragment";
+    on: "PriceList";
+    masked: true;
+}>;

package/dist/cjs/types/src/components/CheckoutShared/graphql/fragments/SuccessDisplay_QuoteFragment.d.ts

@@ -0,0 +1,18 @@
+export declare const SuccessDisplay_QuoteFragment: import("gql.tada").TadaDocumentNode<{
+    amountDue: number | null;
+    currencyId: string;
+    invoiceUntil: unknown;
+    quoteChanges: {
+        id: string | null;
+        isTrial: boolean;
+        trialEndDate: unknown;
+    }[] | null;
+    invoices: {
+        id: string | null;
+        amount: number;
+    }[] | null;
+}, {}, {
+    fragment: "SuccessDisplay_QuoteFragment";
+    on: "Quote";
+    masked: true;
+}>;

package/dist/cjs/types/src/components/CheckoutShared/graphql/fragments/useCheckoutPriceList_PriceListFragment.d.ts

@@ -0,0 +1,15 @@
+/** The price list as the screen's units need it, plus what the flows key their quote and trial on. */
+export declare const useCheckoutPriceList_PriceListFragment: import("gql.tada").TadaDocumentNode<{
+    [$tada.fragmentRefs]: {
+        CheckoutSummary_PriceListFragment: "PriceList";
+    } & {
+        SuccessDisplay_PriceListFragment: "PriceList";
+    };
+    id: string;
+    code: string | null;
+    trialAllowed: boolean;
+}, {}, {
+    fragment: "useCheckoutPriceList_PriceListFragment";
+    on: "PriceList";
+    masked: true;
+}>;

package/dist/cjs/types/src/components/CheckoutShared/graphql/mutations/priceListAmountDuePreview.d.ts

@@ -0,0 +1,53 @@
+import { VariablesOf } from 'gql.tada';
+declare const mutation: import("gql.tada").TadaDocumentNode<{
+    priceListAmountDuePreview: {
+        amountDue: number | null;
+        subtotal: number | null;
+        discountAmount: number | null;
+        taxAmount: number | null;
+        taxesCalculated: boolean;
+        currencyId: string | null;
+        quote: {
+            [$tada.fragmentRefs]: {
+                CheckoutSummary_QuoteFragment: "Quote";
+            };
+        } | null;
+        errors: string[] | null;
+    } | null;
+}, {
+    trial?: boolean | null | undefined;
+    couponCode?: string | null | undefined;
+    billingDetails?: {
+        taxNumber?: string | null | undefined;
+        billingZip?: string | null | undefined;
+        billingStreet?: string | null | undefined;
+        billingState?: string | null | undefined;
+        billingCountry?: string | null | undefined;
+        billingContactEmail?: string | null | undefined;
+        billingCity?: string | null | undefined;
+    } | null | undefined;
+    priceListCode: string;
+}, void>;
+export type PriceListAmountDuePreviewVariables = VariablesOf<typeof mutation>;
+/**
+ * First-period amount due for a price list, priced by the API without touching any account. Taxes are
+ * calculated only once `billingDetails` holds every field the taxation plugin requires for the country (see `taxesCalculated`).
+ */
+declare const priceListAmountDuePreview: ({ token, apiHost, ...variables }: PriceListAmountDuePreviewVariables & {
+    token?: string;
+    apiHost: string;
+}) => Promise<{
+    amountDue: number | null;
+    subtotal: number | null;
+    discountAmount: number | null;
+    taxAmount: number | null;
+    taxesCalculated: boolean;
+    currencyId: string | null;
+    quote: {
+        [$tada.fragmentRefs]: {
+            CheckoutSummary_QuoteFragment: "Quote";
+        };
+    } | null;
+    errors: string[] | null;
+} | null>;
+export default priceListAmountDuePreview;

package/dist/cjs/types/src/components/CheckoutShared/graphql/mutations/taxationRequiredAccountFields.d.ts

@@ -0,0 +1,10 @@
+/** Account fields the tenant's taxation plugin needs for a billing country, before any account exists. */
+declare const taxationRequiredAccountFields: ({ token, apiHost, countryCode, }: {
+    token?: string;
+    apiHost: string;
+    countryCode?: string;
+}) => Promise<{
+    fields: string[] | null;
+    errors: string[] | null;
+} | null>;
+export default taxationRequiredAccountFields;

package/dist/{esm/types/src/components/Signup → cjs/types/src/components/CheckoutShared/graphql}/queries/getPriceList.d.ts

@@ -4,7 +4,7 @@ declare const getPriceList: ({ token, code, apiHost, }: {
     apiHost: string;
 }) => Promise<{
     [$tada.fragmentRefs]: {
-        Signup_PriceListFragment: "PriceList";
+        useCheckoutPriceList_PriceListFragment: "PriceList";
     };
 } | null>;
 export default getPriceList;

package/dist/cjs/types/src/components/CheckoutShared/hooks/useAmountDuePreview.d.ts

@@ -0,0 +1,33 @@
+import type { FragmentOf } from 'gql.tada';
+import { CheckoutSummary_QuoteFragment } from '../graphql/fragments/CheckoutSummary_QuoteFragment';
+import type { CheckoutBillingDetails } from '../utils/billingDetails';
+/** The API's first-period pricing: subtotal - discountAmount + taxAmount == amountDue. */
+export type AmountDuePreview = {
+    amountDue: number;
+    subtotal: number;
+    discountAmount: number;
+    taxAmount: number;
+    /** False until the billing details hold every field the taxation plugin needs (or when no plugin applies): the amounts are untaxed. */
+    taxesCalculated: boolean;
+    currencyId: string;
+    /** The unsaved quote behind the amounts; the summary's line items come from it. */
+    quote: FragmentOf<typeof CheckoutSummary_QuoteFragment>;
+};
+/**
+ * Keeps the amount due up to date without touching any account: previews on mount and again whenever
+ * the billing details, coupon or trial change. The previous answer stays on screen while the next one
+ * loads, and counts as pending while a typed field is still debouncing. A failed preview is reported by
+ * the query client's global error handler.
+ */
+export declare function useAmountDuePreview({ priceListCode, billingDetails, couponCode, trial, enabled, }: {
+    priceListCode: string;
+    billingDetails: Partial<CheckoutBillingDetails>;
+    couponCode?: string;
+    trial?: boolean;
+    enabled?: boolean;
+}): {
+    preview: NoInfer<AmountDuePreview> | undefined;
+    isPending: boolean;
+    hasResolvedOnce: boolean;
+    isError: boolean;
+};

package/dist/cjs/types/src/components/CheckoutShared/hooks/useCheckoutBillingDetails.d.ts

@@ -0,0 +1,3 @@
+import type { CheckoutDefaultValues } from '../contexts/CheckoutConfigContext';
+/** The live billing details in the form; `fallback` fills a field until it mounts. */
+export declare function useCheckoutBillingDetails(fallback?: CheckoutDefaultValues): Partial<import("../utils/billingDetails").CheckoutBillingDetails>;

package/dist/cjs/types/src/components/CheckoutShared/hooks/useCheckoutFieldValue.d.ts

@@ -0,0 +1,3 @@
+import type { CheckoutFormValues } from '../contexts/CheckoutConfigContext';
+/** The live value of one checkout form field. `undefined` until the field mounts; an empty string once cleared. */
+export declare function useCheckoutFieldValue<Name extends keyof CheckoutFormValues>(name: Name): CheckoutFormValues[Name] | undefined;

package/dist/cjs/types/src/components/CheckoutShared/hooks/useCheckoutFormSubmit.d.ts

@@ -0,0 +1,16 @@
+import { CheckoutFormValues } from '../contexts/CheckoutConfigContext';
+import { CheckoutResult } from '../contexts/CheckoutResultContext';
+/**
+ * What submitting the checkout form has in common across the flows, once antd has validated it:
+ * layer the consumer's defaults under the entered values (fields that aren't shown still describe
+ * the account), run the flow's checkout and publish its result. Errors are toasted by the query
+ * client's global handler.
+ */
+export declare function useCheckoutFormSubmit({ mutationKey, checkout, onError, }: {
+    mutationKey: readonly string[];
+    checkout: (values: CheckoutFormValues) => Promise<CheckoutResult>;
+    onError?: () => void;
+}): {
+    submit: (values: CheckoutFormValues) => void;
+    isProcessing: boolean;
+};

package/dist/cjs/types/src/components/CheckoutShared/hooks/useCheckoutPriceList.d.ts

@@ -0,0 +1,14 @@
+/** The price list being bought, and whether this checkout will start a trial on it. */
+export declare function useCheckoutPriceList(): {
+    priceList: {
+        [$tada.fragmentRefs]: {
+            CheckoutSummary_PriceListFragment: "PriceList";
+        } & {
+            SuccessDisplay_PriceListFragment: "PriceList";
+        };
+        id: string;
+        code: string | null;
+        trialAllowed: boolean;
+    } | null | undefined;
+    willBeTrial: boolean;
+};

package/dist/cjs/types/src/components/CheckoutShared/hooks/useFocusFirstField.d.ts

@@ -0,0 +1,2 @@
+/** Focuses the first editable input inside the returned element on mount, so the user can start typing right away. */
+export declare function useFocusFirstField<T extends HTMLElement>(): import("react").RefObject<T>;

package/dist/cjs/types/src/components/CheckoutShared/hooks/useNewPaymentMethod.d.ts

@@ -0,0 +1,10 @@
+import type { CheckoutFormValues } from '../contexts/CheckoutConfigContext';
+import type { CheckoutPaymentPlugin } from '../utils/asPluginData';
+/** A payment method entered in the form, ready for the plugin to store: a Stripe payment method token or DemoPay's card metadata. */
+export type CheckoutNewPaymentMethod = {
+    plugin: CheckoutPaymentPlugin;
+    token?: string;
+    metadata?: Record<string, string>;
+};
+/** Turns what was entered in the selected plugin's payment form into something the API can store. */
+export declare function useNewPaymentMethod(): (values: CheckoutFormValues, accountId?: string) => Promise<CheckoutNewPaymentMethod>;

package/dist/cjs/types/src/components/CheckoutShared/hooks/useStripePaymentMethodId.d.ts

@@ -0,0 +1,9 @@
+import type { CheckoutFormValues } from '../contexts/CheckoutConfigContext';
+type PayerValues = Pick<CheckoutFormValues, 'email' | 'nameOnCard' | 'billingCountry' | 'billingZip'>;
+/**
+ * Sets the payment method in the Payment Element up in the browser (SetupIntent + confirmSetup,
+ * which runs any 3DS challenge) and returns the Stripe payment method id. Without an account,
+ * Stripe's customer is provisioned from the email.
+ */
+export declare function useStripePaymentMethodId(): (values: PayerValues, accountId?: string) => Promise<string>;
+export {};

package/dist/cjs/types/src/components/CheckoutShared/hooks/useTaxRequiredFields.d.ts

@@ -0,0 +1,9 @@
+/**
+ * Resolves the checkout form's fields from the consumer's `requiredBillingDetails` and the fields the
+ * taxation plugin needs for the chosen country. Keeps the previous answer while a new country is
+ * fetched so fields don't flicker.
+ */
+export declare function useTaxRequiredFields(countryCode: string | undefined): {
+    fields: import("../utils/resolveCheckoutFields").CheckoutFields;
+    isFetched: boolean;
+};

package/dist/cjs/types/src/components/CheckoutShared/stories/themes.d.ts

@@ -0,0 +1,44 @@
+import type { Decorator } from '@storybook/react-vite';
+import type { Appearance } from '../appearance';
+/**
+ * For stories without a theme. The story page's font is Inter, which our text inherits; the payment
+ * iframe can't see the page's fonts, so Inter is declared for it here, as a customer would.
+ */
+export declare const pageFontAppearance: Appearance;
+/** Editorial, print-like: warm paper, ink hairlines, square corners, a serif face (the story page's font). */
+export declare const ledger: Appearance;
+/** Dark fintech: navy columns, filled inputs, a lime accent, a pill button, a monospace face (the story page's font). Needs `darkMode` on BunnyProvider. */
+export declare const midnight: Appearance;
+/** Spread into a story: the theme's `appearance` arg, its page font and, for Midnight, dark mode. */
+export declare const ledgerStory: {
+    args: {
+        appearance: Appearance;
+    };
+    decorators: Decorator[];
+};
+export declare const midnightStory: {
+    args: {
+        appearance: Appearance;
+    };
+    decorators: Decorator[];
+    parameters: {
+        darkMode: boolean;
+        backgrounds: {
+            default: string;
+            values: {
+                name: string;
+                value: string;
+            }[];
+        };
+    };
+};
+/**
+ * Story-level `globals` that render the story in a phone-sized iframe (320px, below the screen's
+ * 768px breakpoint). Storybook 10 ignores the older `parameters.viewport.defaultViewport`.
+ */
+export declare const mobileGlobals: {
+    viewport: {
+        value: string;
+        isRotated: boolean;
+    };
+};

package/dist/cjs/types/src/components/CheckoutShared/utils/amountPaid.d.ts

@@ -0,0 +1,7 @@
+/** What the checkout charged: the first invoice's amount, or the quote's amount due when no invoice was raised. */
+export declare const amountPaid: (quote: {
+    invoices?: readonly {
+        amount?: number | null;
+    }[] | null;
+    amountDue?: number | null;
+}) => number;

package/dist/cjs/types/src/components/CheckoutShared/utils/asPluginData.d.ts

@@ -0,0 +1,6 @@
+import usePaymentPlugins from '@/hooks/usePaymentPlugins';
+import { PluginData } from '@/types/frontendTypes';
+export type CheckoutPaymentPlugin = ReturnType<typeof usePaymentPlugins>['paymentPlugins'][number];
+/** The `paymentPlugins` GraphQL row doesn't share a type with the legacy `PluginData` the plugin helpers expect. */
+export declare const asPluginData: (plugin: CheckoutPaymentPlugin) => PluginData;
+export declare const pluginFrontendName: (plugin: CheckoutPaymentPlugin | undefined) => string | undefined;

package/dist/cjs/types/src/components/CheckoutShared/utils/billingDetails.d.ts

@@ -0,0 +1,8 @@
+import type { CheckoutFormValues } from '../contexts/CheckoutConfigContext';
+/** The form's address and tax fields, as the API's `BillingDetailsAttributes`. */
+export type CheckoutBillingDetails = Pick<CheckoutFormValues, 'billingCountry' | 'billingZip' | 'billingStreet' | 'billingCity' | 'billingState' | 'taxNumber'>;
+/**
+ * Maps form values to `billingDetails`. The amount due preview and the signup both send this, so taxes
+ * are previewed from exactly the address that is signed up with.
+ */
+export declare const billingDetailsFromValues: (values: Partial<CheckoutFormValues>) => Partial<CheckoutBillingDetails>;

package/dist/cjs/types/src/components/CheckoutShared/utils/compactValues.d.ts

@@ -0,0 +1,6 @@
+type Compacted<T> = {
+    [K in keyof T]?: Exclude<T[K], null | undefined>;
+};
+/** Drops the null, undefined and empty-string entries, so an unset field is neither sent nor prefilled. */
+export declare const compactValues: <T extends object>(values: T) => Compacted<T>;
+export {};

package/dist/cjs/types/src/components/CheckoutShared/utils/nextBillingDate.d.ts

@@ -0,0 +1,8 @@
+/** The day after the trial ends, or else the day after the quote's invoiced period ends (ISO8601Date scalars are untyped, hence `unknown`). */
+export declare const nextBillingDate: (quote: {
+    invoiceUntil?: unknown;
+    quoteChanges?: readonly {
+        isTrial?: boolean | null;
+        trialEndDate?: unknown;
+    }[] | null;
+}) => string | undefined;

package/dist/cjs/types/src/components/CheckoutShared/utils/planName.d.ts

@@ -0,0 +1,6 @@
+export declare const planName: (priceList: {
+    name: string;
+    product?: {
+        name: string;
+    } | null;
+}) => string;

package/dist/cjs/types/src/components/CheckoutShared/utils/quoteCharges.d.ts

@@ -0,0 +1,25 @@
+/** Every charge across the quote's changes. */
+export declare const quoteCharges: <Charge>(quote: {
+    quoteChanges?: readonly {
+        charges?: readonly Charge[] | null;
+    }[] | null;
+}) => Charge[];
+/** The code of the coupon the API applied to the quote, if any. */
+export declare const quoteCouponCode: (quote: {
+    quoteChanges?: readonly {
+        charges?: readonly {
+            coupon?: {
+                couponCode?: string | null;
+            } | null;
+        }[] | null;
+    }[] | null;
+}) => string | undefined;
+/** The total discount from the quote's coupon charges, which carry it as a positive subtotal. */
+export declare const quoteCouponDiscount: (quote: {
+    quoteChanges?: readonly {
+        charges?: readonly {
+            subtotal?: number | null;
+            coupon?: unknown;
+        }[] | null;
+    }[] | null;
+}) => number;

package/dist/cjs/types/src/components/CheckoutShared/utils/resolveCheckoutFields.d.ts

@@ -0,0 +1,16 @@
+import { RequiredBillingDetailsFlags, CheckoutFormValues } from '../contexts/CheckoutConfigContext';
+export type CheckoutFieldName = Exclude<keyof CheckoutFormValues, 'nameOnCard'>;
+export type CheckoutFieldRule = {
+    visible: boolean;
+    required: boolean;
+};
+export type CheckoutFields = Record<CheckoutFieldName, CheckoutFieldRule>;
+/**
+ * Which account fields the checkout form shows and requires. Email always; country only when taxation
+ * needs it; every other field when the consumer flags it in `requiredBillingDetails` or taxation
+ * needs it. A shown field is always required.
+ */
+export declare function resolveCheckoutFields({ requiredBillingDetails, taxRequiredFields, }: {
+    requiredBillingDetails?: RequiredBillingDetailsFlags;
+    taxRequiredFields: readonly string[];
+}): CheckoutFields;

package/dist/cjs/types/src/components/CheckoutShared/utils/validateDemoPayCard.d.ts

@@ -0,0 +1,5 @@
+/** Throws when the DemoPay card box can't be submitted. */
+export declare function validateDemoPayCard(card: {
+    expiry: string;
+    cvc: string;
+}): void;

package/dist/cjs/types/src/components/DocumentTemplatePreview.d.ts

@@ -1,8 +1,10 @@
 export type DocumentPreviewFullscreenApi = {
     toggleFullScreen: () => void;
 };
-declare const DocumentTemplatePreview: ({ targetUrl, onFullscreenApiChange, }: {
+declare const DocumentTemplatePreview: ({ targetUrl, version, onFullscreenApiChange, }: {
     targetUrl: string;
+    /** Anything that changes when the document does; a new value fetches the PDF again. */
+    version?: string;
     onFullscreenApiChange?: (api: DocumentPreviewFullscreenApi | null) => void;
 }) => import("react").JSX.Element;
 export default DocumentTemplatePreview;

package/dist/cjs/types/src/components/PaymentForm/DemoPay/DemoPayCardCvc.d.ts

@@ -1,4 +1,5 @@
-declare const DemoPayCardCvc: ({ autoFocus, onChange, placeholder, value, }: {
+declare const DemoPayCardCvc: ({ "aria-label": ariaLabel, autoFocus, onChange, placeholder, value, }: {
+    "aria-label"?: string;
     autoFocus?: boolean;
     onChange: (cvc: string) => void;
     placeholder?: string;

package/dist/cjs/types/src/components/PaymentForm/DemoPay/DemoPayCardNumber.d.ts

@@ -1,4 +1,5 @@
-declare const DemoPayCardNumber: ({ autoFocus, onChange, placeholder, value, }: {
+declare const DemoPayCardNumber: ({ "aria-label": ariaLabel, autoFocus, onChange, placeholder, value, }: {
+    "aria-label"?: string;
     autoFocus?: boolean;
     onChange: (number: string) => void;
     placeholder?: string;

package/dist/cjs/types/src/components/PaymentForm/DemoPay/DemoPayExpiry.d.ts

@@ -1,4 +1,5 @@
-declare const DemoPayExpiry: ({ autoFocus, onChange, placeholder, value, }: {
+declare const DemoPayExpiry: ({ "aria-label": ariaLabel, autoFocus, onChange, placeholder, value, }: {
+    "aria-label"?: string;
     autoFocus?: boolean;
     onChange: (cvc: string) => void;
     placeholder?: string;

package/dist/cjs/types/src/components/PaymentForm/Stripe/stripeLoader.d.ts

@@ -0,0 +1,12 @@
+import { PluginData } from '@/types/frontendTypes';
+import type { Stripe } from '@stripe/stripe-js';
+/** Fonts Stripe loads inside its iframes; pass as `fonts` in the Elements options. */
+export declare const STRIPE_FONTS: {
+    cssSrc: string;
+}[];
+/** Font family for the Appearance API (Payment Element), which resolves CSS variables on the host page. */
+export declare const getStripeFontFamily: (antdFontFamily: string) => string;
+export declare const isStripePlugin: (plugin: PluginData | undefined) => boolean;
+export declare const fetchStripePublishableKey: (plugin: PluginData, apiHost: string, token?: string) => Promise<string>;
+/** Loads Stripe.js for a Stripe payment plugin. Re-runs when the plugin or token changes. */
+export declare const useLoadStripe: (plugin: PluginData | undefined, token: string | undefined) => Stripe | null;

package/dist/cjs/types/src/components/PaymentForm/Stripe/stripeUtils.d.ts

@@ -1,6 +1,5 @@
 import { PluginData } from '@/types/frontendTypes';
 import Payable from '@/types/interfaces/Payable';
-import { Stripe } from '@stripe/stripe-js';
 export declare const createPaymentMethod: ({ paymentMethodId, plugin, token, apiHost, accountId, }: {
     paymentMethodId: string;
     plugin: PluginData;
@@ -8,7 +7,14 @@ export declare const createPaymentMethod: ({ paymentMethodId, plugin, token, api
     apiHost: string;
     accountId?: string;
 }) => Promise<any>;
-export declare const createSetupIntent: (plugin: PluginData, apiHost: string, token?: string, accountId?: string) => Promise<any>;
+/**
+ * Creates a SetupIntent for an account, or — before any account exists (signup) — for a Stripe
+ * customer provisioned from `customer.email` / `customer.name`.
+ */
+export declare const createSetupIntent: (plugin: PluginData, apiHost: string, token?: string, accountId?: string, customer?: {
+    email?: string;
+    name?: string;
+}) => Promise<any>;
 export declare const createPaymentIntent: ({ payable, savePaymentMethod, memo, plugin, token, apiHost, }: {
     payable: Payable;
     savePaymentMethod: boolean;
@@ -28,6 +34,6 @@ export declare const createPaymentHold: ({ quote, plugin, token, apiHost, paymen
     paymentMethodId: string;
 }) => Promise<any>;
 export declare const useStripePlugin: (plugin: PluginData | undefined, currencyId: string) => {
-    stripe: Stripe | null;
+    stripe: import("@stripe/stripe-js").Stripe | null;
     options: import("@stripe/stripe-js").StripeElementsOptionsMode;
 };

package/dist/cjs/types/src/components/PaymentForm/components/CouponEditor.d.ts

@@ -1,3 +1,10 @@
+/**
+ * Note: the Signup / Checkout screen (`CheckoutShared`) deliberately has its own coupon editor
+ * (`CheckoutCouponEditor`) instead of reusing this view. That keeps the two loosely coupled, since
+ * that screen is styled by its `appearance` rather than by antd; only the coupon hooks are shared,
+ * so expect the two views to diverge.
+ */
+/** Coupon editor bound to a quote: applies and removes coupons through the quote coupon mutations. */
 declare function CouponEditor({ className, apiHost, token, quoteId, appliedCoupons, onCouponAdded, onCouponRemoved, }: {
     className?: string;
     apiHost: string;
@@ -7,4 +14,13 @@ declare function CouponEditor({ className, apiHost, token, quoteId, appliedCoupo
     onCouponAdded?: () => void;
     onCouponRemoved?: () => void;
 }): import("react").JSX.Element;
+/** Presentational coupon editor: the caller decides what applying and removing a code does. */
+export declare function CouponEditorView({ className, appliedCoupons, onApply, onRemove, isApplying, isRemoving, }: {
+    className?: string;
+    appliedCoupons: string[];
+    onApply: (code: string) => void;
+    onRemove: (code: string) => void;
+    isApplying: boolean;
+    isRemoving: boolean;
+}): import("react").JSX.Element;
 export default CouponEditor;

package/dist/cjs/types/src/components/Quote/queries/getFormattedQuote.d.ts

@@ -14,7 +14,7 @@ declare const getFormattedQuote: ({ token, apiHost, id, }: {
         }[] | null;
         firstInvoice: {
             id: string | null;
-            state: "READY" | "NOT_DUE" | "DUE" | "UNPAID" | "DRAFT" | "PREPARING" | "PAID" | "VOIDED" | "FAILED" | "PROCESSING_PAYMENT" | "MERGED" | "QUEUED" | "CONSOLIDATED";
+            state: "READY" | "NOT_DUE" | "DUE" | "UNPAID" | "DRAFT" | "PREPARING" | "PAID" | "VOIDED" | "FAILED" | "CONSOLIDATED" | "MERGED" | "PROCESSING_PAYMENT" | "QUEUED";
         } | null;
         payableId: string | null;
         id: string | null;