@bunnyapp/components 1.8.6 → 2.0.0-beta.2

package/dist/cjs/types/src/components/CheckoutShared/components/CheckoutForm/PayButton.d.ts

@@ -0,0 +1,9 @@
+/**
+ * "Pay $50.00" with the amount due (or "Start trial" on a trial, "Complete order" when nothing is due), with the authorization text
+ * under it. Disabled only until the amount due first resolves and while a recalculation (e.g. taxes)
+ * is in flight; an incomplete form stays submittable so that submitting shows what is missing. Always disabled in a
+ * preview.
+ */
+export default function PayButton({ isProcessing }: {
+    isProcessing: boolean;
+}): import("react").JSX.Element;

package/dist/cjs/types/src/components/CheckoutShared/components/CheckoutForm/PaymentFields.d.ts

@@ -0,0 +1,8 @@
+/**
+ * Plugin tiles (when there is more than one to choose from), saved payment method tiles plus
+ * "New card" (when the account has any), then the form for a new payment method: the payer's name
+ * and Stripe's Payment Element, or DemoPay's card box. A selected saved method needs neither. The
+ * form collects the payer's name and email (and the country when taxation needs it) itself, and the
+ * Pay button carries the card authorization text, so the Payment Element asks for neither.
+ */
+export default function PaymentFields(): import("react").JSX.Element;

package/dist/cjs/types/src/components/CheckoutShared/components/CheckoutLoadingOverlay.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+/** Covers the page until the price list, plugins, branding and first amount due have all arrived. */
+export default function CheckoutLoadingOverlay({ visible, style }: {
+    visible: boolean;
+    style?: React.CSSProperties;
+}): React.JSX.Element | null;

package/dist/cjs/types/src/components/CheckoutShared/components/CheckoutRoot.d.ts

@@ -0,0 +1,30 @@
+import { ReactNode } from 'react';
+import { type Appearance } from '../../../ui/appearance';
+import { CheckoutCallbacks, CheckoutFormOptions } from '../contexts/CheckoutConfigContext';
+/** The props Signup and Checkout share. */
+export type CheckoutFlowProps = {
+    priceListCode: string;
+    /** If trial is allowed on the price list, enableTrial will enable the trial for this checkout */
+    enableTrial?: boolean;
+    /** A custom style to apply to the component */
+    style?: React.CSSProperties;
+    /**
+     * Restyles this screen on top of `BunnyProvider`'s `appearance`: `variables` (colors, font, radius) feed the
+     * default rules, `rules` override them per selector (`.Input`, `.Tab`, `.Button`, ...), and `fonts` are loaded
+     * by the payment fields. The payment provider's fields follow it too. Signup and Checkout take the same prop.
+     * See "Styling components" in the package README.
+     */
+    appearance?: Appearance;
+    /** Form configuration: default values, optional fields to show and disabled fields */
+    form?: CheckoutFormOptions;
+    /** A default coupon code to pre-apply to the checkout */
+    defaultCouponCode?: string;
+    /** Callbacks fired at key lifecycle events */
+    callbacks?: CheckoutCallbacks;
+    /** Renders the flow with pricing and fields working but never submits it, e.g. to preview it inside an admin screen */
+    preview?: boolean;
+};
+/** The providers both flows mount, in one order: config, form instance, result, then the appearance. */
+export default function CheckoutRoot({ priceListCode, enableTrial, form, defaultCouponCode, callbacks, appearance, preview, children, }: Omit<CheckoutFlowProps, 'style'> & {
+    children: ReactNode;
+}): import("react").JSX.Element;

package/dist/cjs/types/src/components/CheckoutShared/components/CheckoutScreen.d.ts

@@ -0,0 +1,27 @@
+import { FragmentOf } from 'gql.tada';
+import { ReactNode } from 'react';
+import { SavedPaymentMethod } from '../../PaymentMethods/contexts/PaymentMethodsContext';
+import { CheckoutQuoteDocument_QuoteFragment } from '../graphql/fragments/CheckoutQuoteDocument_QuoteFragment';
+/**
+ * The split-screen page: the summary (or the receipt once there is a result) on the left, the flow's
+ * form (or the success panel) on the right, under the loading overlay until everything the first
+ * paint needs has arrived. The flow renders the pricing provider above this and passes its form in;
+ * the payment methods, Stripe elements and DemoPay details the form's submit hook
+ * needs are all set up here.
+ *
+ * The quote PDF is Checkout-only for now (`showQuoteDocument`; Signup never renders it). When a
+ * document template is configured it goes under the summary: the composed quote before the checkout,
+ * and the checked-out quote under the receipt afterwards.
+ */
+export default function CheckoutScreen({ style, form, savedPaymentMethods, isFlowReady, showQuoteDocument, quote: pendingQuote, }: {
+    style?: React.CSSProperties;
+    form: ReactNode;
+    /** Payment methods already stored on the account, if the flow has one. */
+    savedPaymentMethods?: SavedPaymentMethod[];
+    /** Anything else the flow has to load before the first paint. */
+    isFlowReady?: boolean;
+    /** Render the quote PDF under the summary and receipt. Checkout-only for now. */
+    showQuoteDocument?: boolean;
+    /** The quote the flow will check out, if it exists before paying. Its PDF is shown under the summary. */
+    quote?: FragmentOf<typeof CheckoutQuoteDocument_QuoteFragment>;
+}): import("react").JSX.Element;

package/dist/cjs/types/src/components/CheckoutShared/components/CheckoutScreen.rules.d.ts

@@ -0,0 +1,98 @@
+import type { RuleContext } from '../../../ui/appearance/ruleGroups';
+import type { ResolvedVariables } from '../../../ui/appearance/variables';
+export declare function screenRules(v: ResolvedVariables, { isMobile }: RuleContext): {
+    internal: {
+        '.Screen': {
+            backgroundColor: string;
+            color: string;
+            fontFamily: string;
+            fontSize: string;
+            lineHeight: string;
+        };
+        '.FormPane': {
+            backgroundColor: string;
+            boxShadow: string;
+        };
+        '.Overlay': {
+            inset: string;
+            zIndex: string;
+            backgroundColor: string;
+        };
+        '.Overlay .Spinner': {
+            color: string;
+        };
+        '.Separator': {
+            color: string;
+        };
+        '.BackLink': {
+            width: string;
+            height: string;
+            marginLeft: string;
+            borderRadius: string;
+            color: string;
+            transition: string;
+        };
+        '.BackLink:hover': {
+            color: string;
+            backgroundColor: string;
+        };
+        '.BackLink:focus-visible': {
+            outline: string;
+            outlineOffset: string;
+        };
+        '.Disclosure': {
+            minHeight: string;
+            border: string;
+            borderRadius: string;
+            background: string;
+            color: string;
+            font: string;
+        };
+        '.Disclosure:focus-visible': {
+            outlineOffset: string;
+            outline: string;
+        };
+        '.Disclosure .TextSecondary': {
+            fontSize: string;
+        };
+        '.Details': {
+            border: string;
+            borderRadius: string;
+        };
+        '.Details > div + div': {
+            borderTop: string;
+        };
+        '.QuoteDownload .ButtonSecondary': {
+            borderWidth: string;
+        };
+        '.QuoteDownload .ButtonSecondary--compact': {
+            padding: string;
+        };
+        '.SuccessIcon': {
+            width: string;
+            height: string;
+            borderRadius: string;
+            backgroundColor: string;
+            color: string;
+        };
+    };
+    public: {
+        '.Summary .Divider': {
+            borderTop: string;
+        };
+        '.Form .Divider': {
+            borderTop: string;
+        };
+        '.Summary .Amount--display': {
+            fontSize: string;
+        };
+        '.Summary .Document': {
+            padding: string;
+            borderRadius: string;
+            backgroundColor: string;
+            boxShadow: string;
+        };
+        '.Summary': {};
+        '.Form': {};
+    };
+};

package/dist/cjs/types/src/components/CheckoutShared/components/CheckoutSplitScreenContainer.d.ts

@@ -0,0 +1,10 @@
+/**
+ * Desktop: the summary on the left (the screen's own background), the form on the right in its pane,
+ * separated by a soft shadow. Each column's content hugs the center line and both start at the top.
+ * Mobile: the columns stack.
+ */
+export default function CheckoutSplitScreenContainer({ left, right, isMobile, }: {
+    left: React.ReactNode;
+    right: React.ReactNode;
+    isMobile: boolean;
+}): import("react").JSX.Element;

package/dist/cjs/types/src/components/CheckoutShared/components/CheckoutSummary/CheckoutCouponEditor.d.ts

@@ -0,0 +1,8 @@
+/**
+ * The "Have a coupon code?" link and its inline input. Once the coupon is applied the summary shows
+ * a Discount row instead of this; an invalid code is dropped by the flow, which leaves the input open.
+ *
+ * Deliberately not PaymentForm's `CouponEditorView`: this screen is styled by its appearance, not by
+ * antd. The two share only the coupon logic the flows put behind `useCheckoutPricing`.
+ */
+export default function CheckoutCouponEditor(): import("react").JSX.Element;

package/dist/cjs/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/cjs/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/cjs/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/cjs/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/cjs/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/cjs/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/cjs/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/cjs/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/cjs/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/cjs/types/src/components/CheckoutShared/components/Logo.d.ts

@@ -0,0 +1,2 @@
+declare const Logo: () => import("react").JSX.Element | null;
+export default Logo;

package/dist/cjs/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/cjs/types/src/components/CheckoutShared/components/SuccessDisplay/components/SuccessIcon.d.ts

@@ -0,0 +1,2 @@
+declare const SuccessIcon: () => import("react").JSX.Element;
+export default SuccessIcon;

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

@@ -0,0 +1,71 @@
+/** 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;
+    /** The flow renders but never submits. */
+    preview: boolean;
+};
+export declare const CheckoutConfigProvider: ({ value, children }: {
+    value: CheckoutConfig;
+    children?: import("react").ReactNode;
+}) => import("react").JSX.Element, useCheckoutConfig: () => CheckoutConfig;

package/dist/cjs/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/cjs/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/cjs/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/cjs/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/cjs/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/cjs/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/cjs/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;
+}>;

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/{esm/types/src/components/Signup/components/CheckoutSummary → cjs/types/src/components/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/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;
+}>;