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

package/dist/esm/types/src/components/CheckoutShared/components/CheckoutSummary/CheckoutQuoteDocument.d.ts

@@ -0,0 +1,15 @@
+import { FragmentOf } from 'gql.tada';
+import { CheckoutQuoteDocument_QuoteFragment } from '../../graphql/fragments/CheckoutQuoteDocument_QuoteFragment';
+/**
+ * The quote PDF under the summary, when the quote was created with a document template (Checkout's
+ * `documentTemplateId` prop). Renders nothing otherwise. Fetched with the provider's token (Checkout's
+ * portal session). The PDF shows a spinner while it loads and
+ * nothing if it can't be fetched; Fullscreen and Download appear once it has rendered.
+ *
+ * `live` re-fetches the PDF whenever the quote changes (a coupon applied before paying); the receipt
+ * shows a checked-out quote, which no longer changes.
+ */
+export default function CheckoutQuoteDocument({ quote: maskedQuote, live, }: {
+    quote: FragmentOf<typeof CheckoutQuoteDocument_QuoteFragment>;
+    live?: boolean;
+}): import("react").JSX.Element | null;

package/dist/esm/types/src/components/CheckoutShared/components/CheckoutSummary/CheckoutReceipt.d.ts

@@ -0,0 +1,13 @@
+import { FragmentOf } from 'gql.tada';
+import type { ReactNode } from 'react';
+import { CheckoutReceipt_QuoteFragment } from '../../graphql/fragments/CheckoutReceipt_QuoteFragment';
+import { CheckoutSummary_PriceListFragment } from '../../graphql/fragments/CheckoutSummary_PriceListFragment';
+/** The left column after the checkout: a receipt of the quote that was checked out, with the API's totals. */
+export default function CheckoutReceipt({ priceList: maskedPriceList, quote: maskedQuote, collapsible, quoteDocument, }: {
+    priceList: FragmentOf<typeof CheckoutSummary_PriceListFragment>;
+    quote: FragmentOf<typeof CheckoutReceipt_QuoteFragment>;
+    /** Mobile: collapse everything below the header into a plan + amount row. */
+    collapsible: boolean;
+    /** The quote PDF, under the totals (inside the disclosure on mobile). */
+    quoteDocument?: ReactNode;
+}): import("react").JSX.Element;

package/dist/esm/types/src/components/CheckoutShared/components/CheckoutSummary/CheckoutSummary.d.ts

@@ -0,0 +1,12 @@
+import { FragmentOf } from 'gql.tada';
+import { ReactNode } from 'react';
+import { CheckoutSummary_PriceListFragment } from '../../graphql/fragments/CheckoutSummary_PriceListFragment';
+/** The left column before the checkout: what's due today, line items and the API's totals for the previewed quote. */
+export default function CheckoutSummary({ priceList: maskedPriceList, isTrial, collapsible, quoteDocument, }: {
+    priceList: FragmentOf<typeof CheckoutSummary_PriceListFragment>;
+    isTrial: boolean;
+    /** Mobile: collapse everything below the header into a plan + amount row. */
+    collapsible: boolean;
+    /** The quote PDF, under the totals (inside the disclosure on mobile). */
+    quoteDocument?: ReactNode;
+}): import("react").JSX.Element;

package/dist/esm/types/src/components/CheckoutShared/components/CheckoutSummary/components/CheckoutSummaryLineItem.d.ts

@@ -0,0 +1,10 @@
+import { PricingTooltip_PriceListChargeFragment } from '@/components/priceListPricing/PricingTooltip';
+import type { FragmentOf } from 'gql.tada';
+/** Name on the left; the amount on the right, underlined to show the charge's pricing on hover. */
+export default function CheckoutSummaryLineItem({ name, amount: value, priceListCharge, currencyId, }: {
+    name: string;
+    amount: number;
+    /** Describes the charge's pricing on hover. */
+    priceListCharge: FragmentOf<typeof PricingTooltip_PriceListChargeFragment> | null | undefined;
+    currencyId: string;
+}): import("react").JSX.Element;

package/dist/esm/types/src/components/CheckoutShared/components/CheckoutSummary/components/CheckoutSummaryLineItems.d.ts

@@ -0,0 +1,7 @@
+import { FragmentOf } from 'gql.tada';
+import { CheckoutSummaryLineItems_QuoteFragment } from '../../../graphql/fragments/CheckoutSummaryLineItems_QuoteFragment';
+/** One row per charge on the quote; the coupon's own charge is shown in the totals instead. */
+export default function CheckoutSummaryLineItems({ quote: maskedQuote, currencyId, }: {
+    quote: FragmentOf<typeof CheckoutSummaryLineItems_QuoteFragment>;
+    currencyId: string;
+}): import("react").JSX.Element;

package/dist/esm/types/src/components/CheckoutShared/components/CheckoutSummary/components/CheckoutSummaryTotals.d.ts

@@ -0,0 +1,24 @@
+import type { ReactNode } from 'react';
+type Props = {
+    /** Sum of the line items. */
+    subtotal: number;
+    discountAmount: number;
+    /** Set when a coupon is applied; the Discount row is shown only then. */
+    couponCode: string | undefined;
+    /** The Tax row is hidden when undefined. */
+    taxAmount: number | undefined;
+    /** A taxation plugin needs more of the address before taxes can be calculated. */
+    taxNeedsAddress?: boolean;
+    /** subtotal - discountAmount + tax. */
+    total: number;
+    currencyId: string;
+    totalLabel: string;
+    /** Shown in the coupon slot while no coupon is applied (the "Have a coupon code?" editor). */
+    couponEditor?: ReactNode;
+    /** When set, the Discount row gets a remove button. */
+    onRemoveCoupon?: () => void;
+    isRemovingCoupon?: boolean;
+};
+/** Divider → Subtotal → Discount / coupon editor → Tax → Divider → Total. */
+export declare function CheckoutSummaryTotals({ subtotal, discountAmount, couponCode, taxAmount, taxNeedsAddress, total, currencyId, totalLabel, couponEditor, onRemoveCoupon, isRemovingCoupon, }: Props): import("react").JSX.Element;
+export {};

package/dist/esm/types/src/components/CheckoutShared/components/CheckoutSummary/components/SummaryDisclosure.d.ts

@@ -0,0 +1,10 @@
+import { ReactNode } from 'react';
+/**
+ * Mobile: the summary collapses to one row (plan name + amount) that expands to show the line
+ * items and totals.
+ */
+export default function SummaryDisclosure({ title, amount, children, }: {
+    title: ReactNode;
+    amount: ReactNode;
+    children: ReactNode;
+}): import("react").JSX.Element;

package/dist/esm/types/src/components/CheckoutShared/components/CheckoutSummary/components/SummaryHeader.d.ts

@@ -0,0 +1,4 @@
+/** Back arrow (to the merchant's return URL), merchant logo and merchant name. */
+export default function SummaryHeader({ showBack }: {
+    showBack: boolean;
+}): import("react").JSX.Element;

package/dist/esm/types/src/components/CheckoutShared/components/CheckoutSummary/components/SummaryLayout.d.ts

@@ -0,0 +1,16 @@
+import type { ReactNode } from 'react';
+/**
+ * The left column's shape, shared by the summary and the receipt: header, then either the headline
+ * block (title, amount, caption) over the details, or on mobile a disclosure row that expands to them.
+ */
+export default function SummaryLayout({ header, title, disclosureTitle, headline, headlineSuffix, caption, collapsible, children, }: {
+    header: ReactNode;
+    title: ReactNode;
+    /** The plain-text title for the collapsed mobile row. */
+    disclosureTitle: string;
+    headline: ReactNode;
+    headlineSuffix?: string;
+    caption?: string;
+    collapsible: boolean;
+    children: ReactNode;
+}): import("react").JSX.Element;

package/dist/esm/types/src/components/CheckoutShared/components/SuccessDisplay/SuccessDisplay.d.ts

@@ -0,0 +1,8 @@
+import { FragmentOf } from 'gql.tada';
+import { CheckoutResult } from '../../contexts/CheckoutResultContext';
+import { SuccessDisplay_PriceListFragment } from '../../graphql/fragments/SuccessDisplay_PriceListFragment';
+/** The right column after the checkout: confirmation, payment details and what to do next. */
+export default function SuccessDisplay({ result, priceList: maskedPriceList, }: {
+    result: CheckoutResult;
+    priceList: FragmentOf<typeof SuccessDisplay_PriceListFragment>;
+}): import("react").JSX.Element;

package/dist/esm/types/src/components/CheckoutShared/components/controls/Button.d.ts

@@ -0,0 +1,24 @@
+import type { ButtonHTMLAttributes, ReactNode } from 'react';
+declare const VARIANT_CLASS: {
+    /** The filled main action, styled by the appearance's `.Button` rules. */
+    primary: string;
+    /** A bordered secondary action. */
+    plain: string;
+    /** Reads as a link in the text. */
+    link: string;
+    /** A small square holding only an icon; give it an `aria-label`. */
+    icon: string;
+};
+type Props = Pick<ButtonHTMLAttributes<HTMLButtonElement>, 'type' | 'disabled' | 'onClick' | 'aria-label'> & {
+    variant?: keyof typeof VARIANT_CLASS;
+    /** Shows a spinner in place of the icon and ignores clicks, without looking disabled. */
+    loading?: boolean;
+    icon?: ReactNode;
+    /** Renders a link that looks like the button. */
+    href?: string;
+    className?: string;
+    children?: ReactNode;
+};
+/** A native button (or a link, given `href`). */
+export default function Button({ variant, loading, icon, href, className, children, type, onClick, ...props }: Props): import("react").JSX.Element;
+export {};

package/dist/esm/types/src/components/CheckoutShared/components/controls/Button.rules.d.ts

@@ -0,0 +1,96 @@
+import type { ResolvedVariables } from '../../appearance/variables';
+export declare function buttonRules(v: ResolvedVariables): {
+    internal: {
+        '.ButtonBase': {
+            display: string;
+            alignItems: string;
+            justifyContent: string;
+            gap: string;
+            boxSizing: string;
+            margin: string;
+            padding: string;
+            fontFamily: string;
+            fontSize: string;
+            lineHeight: string;
+            textDecoration: string;
+            cursor: string;
+            transition: string;
+        };
+        '.ButtonBase:focus-visible': {
+            outline: string;
+            outlineOffset: string;
+        };
+        '.ButtonBase:disabled': {
+            cursor: string;
+        };
+        '.ButtonBase--loading': {
+            opacity: string;
+            cursor: string;
+            pointerEvents: string;
+        };
+        '.ButtonBase.Compact': {
+            padding: string;
+        };
+        '.ButtonPlain': {
+            border: string;
+            borderRadius: string;
+            backgroundColor: string;
+            color: string;
+        };
+        '.ButtonPlain:hover': {
+            borderColor: string;
+            color: string;
+        };
+        '.ButtonPlain:disabled': {
+            borderColor: string;
+            backgroundColor: string;
+            color: string;
+        };
+        '.ButtonLink': {
+            minHeight: string;
+            padding: string;
+            border: string;
+            background: string;
+            color: string;
+        };
+        '.ButtonIcon': {
+            width: string;
+            height: string;
+            marginRight: string;
+            padding: string;
+            border: string;
+            borderRadius: string;
+            background: string;
+            color: string;
+        };
+        '.ButtonIcon:hover': {
+            backgroundColor: string;
+        };
+    };
+    shared: {};
+    block: {
+        /**
+         * The primary action (the pay button). Bunny only. Sized like `.Input`: change its height through `padding`.
+         * @default filled with `colorPrimary`, `10px 16px` padding
+         */
+        '.Button': {
+            border: string;
+            borderRadius: string;
+            backgroundColor: string;
+            color: string;
+        };
+        /** The primary button under the pointer. @default `colorPrimary`'s hover shade */
+        '.Button:hover': {
+            backgroundColor: string;
+        };
+        /** The primary button while pressed. @default `colorPrimary`'s pressed shade */
+        '.Button:active': {
+            backgroundColor: string;
+        };
+        /** The primary button when disabled. @default `rgba(113, 125, 148, 0.1)` fill */
+        '.Button:disabled': {
+            backgroundColor: string;
+            color: string;
+        };
+    };
+};

package/dist/esm/types/src/components/CheckoutShared/components/controls/Select.d.ts

@@ -0,0 +1,17 @@
+import { InputHTMLAttributes } from 'react';
+type Option = {
+    value: string;
+    label: string;
+};
+/**
+ * A select with a menu of our own, so the open list is styled by the appearance too (a native
+ * select's list is drawn by the browser). The closed control is a text input under the same
+ * `.Input` rules as the others, with a chevron; typing in it filters the options by label or
+ * value. Works as the child of a `Form.Item`, like `TextInput`.
+ */
+declare const Select: import("react").ForwardRefExoticComponent<Omit<InputHTMLAttributes<HTMLInputElement>, "value" | "onChange"> & {
+    options: Option[];
+    value?: string;
+    onChange?: (value: string) => void;
+} & import("react").RefAttributes<HTMLInputElement>>;
+export default Select;

package/dist/esm/types/src/components/CheckoutShared/components/controls/Select.rules.d.ts

@@ -0,0 +1,55 @@
+import type { ResolvedVariables } from '../../appearance/variables';
+export declare function selectRules(v: ResolvedVariables): {
+    internal: {
+        '.Input.Select': {
+            paddingRight: string;
+            backgroundImage: string;
+            backgroundRepeat: string;
+            backgroundPosition: string;
+            cursor: string;
+        };
+        '.Menu': {
+            position: string;
+            zIndex: string;
+            top: string;
+            left: string;
+            right: string;
+            maxHeight: string;
+            overflowY: string;
+            margin: string;
+            padding: string;
+            listStyle: string;
+            border: string;
+            borderRadius: string;
+            backgroundColor: string;
+            boxShadow: string;
+        };
+        '.Menu[data-placement="top"]': {
+            top: string;
+            bottom: string;
+        };
+        '.Option': {
+            padding: string;
+            borderRadius: string;
+            lineHeight: string;
+            color: string;
+            overflow: string;
+            textOverflow: string;
+            whiteSpace: string;
+            cursor: string;
+        };
+        '.Option[data-active="true"]': {
+            backgroundColor: string;
+        };
+        '.Option[aria-selected="true"]': {
+            fontWeight: string;
+        };
+        '.MenuEmpty': {
+            padding: string;
+            lineHeight: string;
+            color: string;
+        };
+    };
+    shared: {};
+    block: {};
+};

package/dist/esm/types/src/components/CheckoutShared/components/controls/Spinner.d.ts

@@ -0,0 +1,4 @@
+/** A spinning arc in the current text color. Decorative: say what is loading next to it. */
+export default function Spinner({ size }: {
+    size?: number;
+}): import("react").JSX.Element;

package/dist/esm/types/src/components/CheckoutShared/components/controls/TextInput.d.ts

@@ -0,0 +1,7 @@
+import { InputHTMLAttributes } from 'react';
+/**
+ * A native text input styled by the appearance's `.Input` rules. Takes what `Form.Item` gives its
+ * child (`id`, `value`, `onChange`, `aria-invalid`, a ref to focus), so it works as one unchanged.
+ */
+declare const TextInput: import("react").ForwardRefExoticComponent<InputHTMLAttributes<HTMLInputElement> & import("react").RefAttributes<HTMLInputElement>>;
+export default TextInput;

package/dist/esm/types/src/components/CheckoutShared/components/controls/TextInput.rules.d.ts

@@ -0,0 +1,68 @@
+import type { RuleContext } from '../../appearance/ruleGroups';
+import type { ResolvedVariables } from '../../appearance/variables';
+export declare function textInputRules(v: ResolvedVariables, { isMobile }: RuleContext): {
+    internal: {
+        '.InputBase': {
+            display: string;
+            boxSizing: string;
+            width: string;
+            margin: string;
+            fontFamily: string;
+            outline: string;
+            appearance: string;
+        };
+        '.InputBase:disabled': {
+            cursor: string;
+        };
+        '.Input.Compact': {
+            padding: string;
+        };
+    };
+    shared: {
+        /**
+         * Text inputs and the country select, on Bunny's fields and the payment provider's alike. There is no
+         * `height`: vertical padding + `lineHeight` + borders make it (44px by default), so raise the padding to grow both.
+         * @default `10px 12px` padding, `20px` line, `borderWidth` solid `colorBorder`
+         */
+        '.Input': {
+            border: string;
+            borderRadius: string;
+            padding: string;
+            fontSize: string;
+            lineHeight: string;
+            color: string;
+            backgroundColor: string;
+            boxShadow: string;
+            transition: string;
+        };
+        /** A text input under the pointer. Forwarded to the payment provider. @default `colorPrimary`'s hover shade border */
+        '.Input:hover': {
+            borderColor: string;
+        };
+        /** A focused text input. Forwarded to the payment provider. @default `colorPrimary` border and `focusBoxShadow` */
+        '.Input:focus': {
+            borderColor: string;
+            boxShadow: string;
+        };
+        /**
+         * A text input that failed validation. Forwarded to the payment provider. The default clears the focus ring:
+         * set `boxShadow` to give it one.
+         * @default `colorDanger` border, no shadow
+         */
+        '.Input--invalid': {
+            borderColor: string;
+            boxShadow: string;
+        };
+        /** A disabled text input. Forwarded to the payment provider. */
+        '.Input:disabled': {
+            borderColor: string;
+            color: string;
+            backgroundColor: string;
+        };
+        /** Placeholder text. Forwarded to the payment provider. @default `colorTextPlaceholder` */
+        '.Input::placeholder': {
+            color: string;
+        };
+    };
+    block: {};
+};

package/dist/esm/types/src/components/CheckoutShared/contexts/CheckoutConfigContext.d.ts

@@ -0,0 +1,69 @@
+/** Every value the checkout form can hold. Only `email` is shown by default. */
+export type CheckoutFormValues = {
+    email: string;
+    billingCountry: string;
+    billingZip?: string;
+    /** The payer's name on the card or bank account, Stripe only. Never sent to the API. */
+    nameOnCard?: string;
+    firstName?: string;
+    lastName?: string;
+    accountName?: string;
+    billingStreet?: string;
+    billingCity?: string;
+    billingState?: string;
+    taxNumber?: string;
+};
+export type CheckoutDefaultValues = Partial<Omit<CheckoutFormValues, 'nameOnCard'>>;
+/**
+ * Optional fields to show and require. Email is always shown; the taxation plugin can add country,
+ * state or others on top of these (see `resolveCheckoutFields`).
+ */
+export type RequiredBillingDetailsFlags = {
+    firstName?: boolean;
+    lastName?: boolean;
+    accountName?: boolean;
+    billingStreet?: boolean;
+    billingCity?: boolean;
+    billingState?: boolean;
+    billingZip?: boolean;
+    taxNumber?: boolean;
+};
+/** Fields that can be disabled. Same keys as `CheckoutDefaultValues`. */
+export type CheckoutDisabledFields = Partial<Record<keyof CheckoutDefaultValues, boolean>>;
+/**
+ * Customer-facing form configuration for the Signup and Checkout components.
+ * All options are optional. Add new form options here rather than as new props on the components.
+ */
+export type CheckoutFormOptions = {
+    /** The default form values */
+    defaultValues?: CheckoutDefaultValues;
+    /** Which optional account fields to show and require */
+    requiredBillingDetails?: RequiredBillingDetailsFlags;
+    /**
+     * Fields the user cannot edit. Provide a default value for each disabled field:
+     * a required disabled field without a value blocks the checkout.
+     */
+    disabledFields?: CheckoutDisabledFields;
+};
+/**
+ * Customer-facing callbacks fired by the Signup and Checkout components during their lifecycle.
+ * All callbacks are optional. Add new events here rather than as new props on the components.
+ */
+export type CheckoutCallbacks = {
+    /** The subscription was checked out (paid, or free / trial). */
+    onPaymentSuccess?: () => void;
+};
+/** Everything the consumer configured, as given to the flow's root. Static for the life of the flow. */
+export type CheckoutConfig = {
+    priceListCode: string;
+    /** If trial is allowed on the price list, enables the trial for this checkout. */
+    enableTrial: boolean;
+    /** A coupon code to pre-apply. */
+    defaultCouponCode: string | undefined;
+    form: CheckoutFormOptions;
+    callbacks: CheckoutCallbacks;
+};
+export declare const CheckoutConfigProvider: ({ value, children }: {
+    value: CheckoutConfig;
+    children?: import("react").ReactNode;
+}) => import("react").JSX.Element, useCheckoutConfig: () => CheckoutConfig;

package/dist/esm/types/src/components/CheckoutShared/contexts/CheckoutFieldsContext.d.ts

@@ -0,0 +1,6 @@
+import type { CheckoutFields } from '../utils/resolveCheckoutFields';
+/** The resolved field rules from `useTaxRequiredFields`, for the form's field components. */
+export declare const CheckoutFieldsProvider: ({ value, children }: {
+    value: CheckoutFields;
+    children?: import("react").ReactNode;
+}) => import("react").JSX.Element, useCheckoutFields: () => CheckoutFields;

package/dist/esm/types/src/components/CheckoutShared/contexts/CheckoutFormContext.d.ts

@@ -0,0 +1,7 @@
+import type { FormInstance } from 'antd/es/form';
+import type { CheckoutFormValues } from './CheckoutConfigContext';
+/** The antd form instance, so the summary and the flow's hooks can watch and validate the fields. */
+export declare const CheckoutFormProvider: ({ value, children }: {
+    value: FormInstance<CheckoutFormValues>;
+    children?: import("react").ReactNode;
+}) => import("react").JSX.Element, useCheckoutForm: () => FormInstance<CheckoutFormValues>;

package/dist/esm/types/src/components/CheckoutShared/contexts/CheckoutPaymentMethodsContext.d.ts

@@ -0,0 +1,37 @@
+import { FragmentOf } from 'gql.tada';
+import { ReactNode } from 'react';
+import { SavedPaymentMethodTiles_PaymentMethodFragment } from '../graphql/fragments/SavedPaymentMethodTiles_PaymentMethodFragment';
+import { CheckoutPaymentPlugin } from '../utils/asPluginData';
+export declare const STRIPE_FRONTEND = "StripePayment";
+export declare const DEMO_PAY_FRONTEND = "DemoPayPayment";
+export type CheckoutSavedPaymentMethod = FragmentOf<typeof SavedPaymentMethodTiles_PaymentMethodFragment> & {
+    id: string;
+};
+type CheckoutPaymentMethodsValue = {
+    plugins: CheckoutPaymentPlugin[];
+    stripePlugin: CheckoutPaymentPlugin | undefined;
+    /** The highlighted plugin: the one chosen, or the one owning the selected saved payment method. */
+    selectedPlugin: CheckoutPaymentPlugin | undefined;
+    selectedPluginName: string | undefined;
+    /** Choose a plugin and pay with a new card on it. */
+    setSelectedPluginId: (id: string) => void;
+    /** Payment methods already stored on the account, if the flow has one. */
+    savedPaymentMethods: CheckoutSavedPaymentMethod[];
+    selectedSavedPaymentMethod: CheckoutSavedPaymentMethod | undefined;
+    setSelectedSavedPaymentMethodId: (id: string) => void;
+    /** Drop the saved payment method and pay with a new card on the highlighted plugin. */
+    selectNewPaymentMethod: () => void;
+};
+declare const useCheckoutPaymentMethods: () => CheckoutPaymentMethodsValue;
+/**
+ * Payment plugins the checkout form has a payment form for, plus the account's saved payment methods
+ * when there is an account. The form shows them as two sections: which plugin, then which saved
+ * method (or a new card). By default the account's default (or first) saved method is selected,
+ * otherwise a new card on the first plugin. Selecting a saved method highlights the plugin it
+ * belongs to; selecting a plugin switches to a new card on it.
+ */
+export declare function CheckoutPaymentMethodsProvider({ savedPaymentMethods, children, }: {
+    savedPaymentMethods?: CheckoutSavedPaymentMethod[];
+    children: ReactNode;
+}): import("react").JSX.Element;
+export { useCheckoutPaymentMethods };

package/dist/esm/types/src/components/CheckoutShared/contexts/CheckoutPricingContext.d.ts

@@ -0,0 +1,23 @@
+import type { AmountDuePreview } from '../hooks/useAmountDuePreview';
+/**
+ * What is due before the checkout and the coupon on it, as the summary, the form and the Pay button
+ * need them. Each flow keeps the coupon its own way (Signup locally, Checkout on its quote); both
+ * price it through the same preview.
+ */
+export type CheckoutPricingState = {
+    /** The latest preview; its quote carries the line items. */
+    preview: AmountDuePreview | undefined;
+    /** Something is due today, so a payment method is needed. */
+    needsPayment: boolean;
+    /** A recalculation (billing details, coupon, trial) is in flight or still debouncing. */
+    isPending: boolean;
+    hasResolvedOnce: boolean;
+    couponCode: string | undefined;
+    setCouponCode: (code: string | undefined) => void;
+    isApplyingCoupon: boolean;
+    isRemovingCoupon: boolean;
+};
+export declare const CheckoutPricingProvider: ({ value, children }: {
+    value: CheckoutPricingState;
+    children?: import("react").ReactNode;
+}) => import("react").JSX.Element, useCheckoutPricing: () => CheckoutPricingState;

package/dist/esm/types/src/components/CheckoutShared/contexts/CheckoutResultContext.d.ts

@@ -0,0 +1,20 @@
+import type { FragmentOf } from 'gql.tada';
+import { CheckoutResult_QuoteFragment } from '../graphql/fragments/CheckoutResult_QuoteFragment';
+import { SuccessDisplay_PaymentMethodFragment } from '../graphql/fragments/SuccessDisplay_PaymentMethodFragment';
+export type CheckoutResult = {
+    portalSessionToken: string;
+    quote: FragmentOf<typeof CheckoutResult_QuoteFragment>;
+    /** The email the account was created with; the invoice is sent there. */
+    email: string;
+    /**
+     * The payment method that was charged, when the flow can read it (Checkout, from the account's
+     * stored methods); null when nothing was charged (trial, free, 100% coupon). Signup leaves it out:
+     * its token can't read payment methods.
+     */
+    paymentMethod?: FragmentOf<typeof SuccessDisplay_PaymentMethodFragment> | null;
+};
+/** Set once the flow has checked out; drives the success screen. */
+export declare const CheckoutResultProvider: ({ initialValue, children, }: {
+    initialValue?: unknown;
+    children?: import("react").ReactNode;
+}) => import("react").JSX.Element, useCheckoutResult: () => [CheckoutResult | null, import("react").Dispatch<import("react").SetStateAction<CheckoutResult | null>>];

package/dist/esm/types/src/components/CheckoutShared/graphql/fragments/CheckoutQuoteDocument_QuoteFragment.d.ts

@@ -0,0 +1,14 @@
+/**
+ * What the quote PDF under the summary needs: which quote, whether it has a document template, and
+ * what changes when the quote does (so the PDF is fetched again after a coupon is applied).
+ */
+export declare const CheckoutQuoteDocument_QuoteFragment: import("gql.tada").TadaDocumentNode<{
+    id: string | null;
+    documentTemplateId: string | null;
+    updatedAt: unknown;
+    amount: number;
+}, {}, {
+    fragment: "CheckoutQuoteDocument_QuoteFragment";
+    on: "Quote";
+    masked: true;
+}>;

package/dist/esm/types/src/components/CheckoutShared/graphql/fragments/CheckoutReceipt_QuoteFragment.d.ts

@@ -0,0 +1,31 @@
+/** The checked-out quote as the receipt shows it: line items and the API's totals. */
+export declare const CheckoutReceipt_QuoteFragment: import("gql.tada").TadaDocumentNode<{
+    [$tada.fragmentRefs]: {
+        CheckoutSummaryLineItems_QuoteFragment: "Quote";
+    };
+    subtotal: number;
+    taxAmount: number;
+    amountDue: number | null;
+    currencyId: string;
+    invoiceUntil: unknown;
+    quoteChanges: {
+        id: string | null;
+        isTrial: boolean;
+        trialEndDate: unknown;
+        charges: {
+            id: string | null;
+            subtotal: number | null;
+            coupon: {
+                couponCode: string;
+            } | null;
+        }[];
+    }[] | null;
+    invoices: {
+        id: string | null;
+        amount: number;
+    }[] | null;
+}, {}, {
+    fragment: "CheckoutReceipt_QuoteFragment";
+    on: "Quote";
+    masked: true;
+}>;

package/dist/esm/types/src/components/CheckoutShared/graphql/fragments/CheckoutResult_QuoteFragment.d.ts

@@ -0,0 +1,15 @@
+/** The checked-out quote, as the receipt, its quote PDF and the success panel need it. */
+export declare const CheckoutResult_QuoteFragment: import("gql.tada").TadaDocumentNode<{
+    [$tada.fragmentRefs]: {
+        CheckoutReceipt_QuoteFragment: "Quote";
+    } & {
+        SuccessDisplay_QuoteFragment: "Quote";
+    } & {
+        CheckoutQuoteDocument_QuoteFragment: "Quote";
+    };
+    id: string | null;
+}, {}, {
+    fragment: "CheckoutResult_QuoteFragment";
+    on: "Quote";
+    masked: true;
+}>;