@bunnyapp/components 1.8.6 → 2.0.0-beta.2

package/dist/esm/types/src/components/BillingDetails/BillingDetails.d.ts

@@ -1,5 +1,5 @@
-import '../../styles/index.less';
-declare const BillingDetails: ({ countryListFilter, hideBillingDetailsForm, hidePaymentMethodForm, isUpgradeFromTrial, style, onSavePaymentMethod, onPaymentMethodRemoved, }: {
+import { type Appearance } from '../../ui/appearance';
+declare const BillingDetails: ({ countryListFilter, hideBillingDetailsForm, hidePaymentMethodForm, isUpgradeFromTrial, style, className, appearance, onSavePaymentMethod, onPaymentMethodRemoved, }: {
     countryListFilter?: (country: {
         value: string;
         label: string;
@@ -8,7 +8,10 @@ declare const BillingDetails: ({ countryListFilter, hideBillingDetailsForm, hide
     hidePaymentMethodForm?: boolean;
     isUpgradeFromTrial?: boolean;
     style?: React.CSSProperties;
+    className?: string;
+    /** Restyles this component on top of `BunnyProvider`'s `appearance`. See "Styling components" in the package README. */
+    appearance?: Appearance;
     onSavePaymentMethod?: (paymentMethodId: string) => void;
     onPaymentMethodRemoved?: (paymentMethodId: string) => void;
-}) => import("react/jsx-runtime").JSX.Element;
+}) => import("react").JSX.Element;
 export default BillingDetails;

package/dist/esm/types/src/components/BillingDetails/BillingDetails.rules.d.ts

@@ -0,0 +1,85 @@
+import type { ResolvedVariables } from '../../ui/appearance/variables';
+export declare function billingDetailsRules(v: ResolvedVariables): {
+    internal: {
+        '.BillingDetailsBase': {
+            display: string;
+            flexDirection: string;
+        };
+        '.Link.ButtonLink.AddContactButton': {
+            padding: string;
+            borderRadius: string;
+            color: string;
+            transition: string;
+        };
+        '.Link.ButtonLink.AddContactButton:hover': {
+            backgroundColor: string;
+            color: string;
+        };
+        '.TaxIdHint': {
+            color: string;
+            cursor: string;
+        };
+        '.BillingDetails .Field': {
+            marginBottom: string;
+        };
+        '.BillingDetails .Label': {
+            fontWeight: string;
+            color: string;
+            paddingLeft: string;
+            marginBottom: string;
+        };
+        '.BillingDetails .Input': {
+            borderWidth: string;
+        };
+        '.BillingDetails .Input--compact': {
+            paddingTop: string;
+            paddingBottom: string;
+            paddingLeft: string;
+        };
+        '.BillingDetails .Divider': {
+            margin: string;
+        };
+        '.BillingDetails .Divider.Vertical': {
+            margin: string;
+        };
+        '.AddContactModal .Field': {
+            marginBottom: string;
+        };
+        '.AddContactModal .Label': {
+            fontWeight: string;
+            paddingTop: string;
+            paddingLeft: string;
+            marginBottom: string;
+        };
+        '.AddContactModal .Input': {
+            borderWidth: string;
+        };
+        '.AddContactModal .Input--compact': {
+            padding: string;
+        };
+        '.AddContactModal .ButtonSecondary': {
+            borderWidth: string;
+        };
+        '.AddContactModal .ButtonSecondary--compact': {
+            padding: string;
+        };
+        '.AddContactModal .Button--compact': {
+            padding: string;
+        };
+    };
+    public: {
+        '.BillingDetails .Heading': {
+            fontSize: string;
+            fontWeight: string;
+            lineHeight: string;
+        };
+        '.BillingDetails': {
+            color: string;
+            fontFamily: string;
+            fontSize: string;
+            backgroundColor: string;
+            borderRadius: string;
+            boxShadow: string;
+        };
+    };
+};

package/dist/esm/types/src/components/BillingDetails/BillingDetails.stories.d.ts

@@ -5,8 +5,8 @@ export default meta;
 type Story = StoryObj<typeof meta>;
 export declare const Default: Story;
 export declare const Mobile: Story;
-export declare const DarkMode: Story;
 export declare const HidePaymentMethodForm: Story;
 export declare const HideBillingDetailsForm: Story;
 export declare const HideBothForms: Story;
-export declare const PrideTheme: Story;
+export declare const Ledger: Story;
+export declare const Midnight: Story;

package/dist/esm/types/src/components/BillingDetails/BillingDetailsForm.d.ts

@@ -4,4 +4,4 @@ export default function BillingDetailsSection({ hidePaymentMethodForm, countryLi
         value: string;
         label: string;
     }) => boolean;
-}): import("react/jsx-runtime").JSX.Element;
+}): import("react").JSX.Element;

package/dist/esm/types/src/components/BillingDetails/components/AddContactButton.d.ts

@@ -1,3 +1,3 @@
 export declare const AddContactButton: ({ onClick }: {
     onClick: () => void;
-}) => import("react/jsx-runtime").JSX.Element;
+}) => import("react").JSX.Element;

package/dist/esm/types/src/components/BillingDetails/components/AddContactModal.d.ts

@@ -4,5 +4,5 @@ type AddContactModalProps = {
     accountId: string | undefined;
     onContactCreated?: (contactId: string) => void;
 };
-export declare const AddContactModal: ({ open, onClose, accountId, onContactCreated, }: AddContactModalProps) => import("react/jsx-runtime").JSX.Element;
+export declare const AddContactModal: ({ open, onClose, accountId, onContactCreated, }: AddContactModalProps) => import("react").JSX.Element;
 export {};

package/dist/esm/types/src/components/BunnyProvider/BunnyProvider.d.ts

@@ -1,15 +1,13 @@
 import { QueryClient } from '@tanstack/react-query';
-import { ThemeConfig } from 'antd';
+import type { Appearance } from '../../ui/appearance/types';
 export type BunnyContextValues = {
     apiHost: string;
     token?: string;
-    darkMode?: boolean;
     onTokenExpired?: () => void;
 };
 export declare const BunnyContext: import("react").Context<BunnyContextValues>;
-declare function BunnyProvider({ children, darkMode, queryClient, apiHost, token, onTokenExpired, onUserUnavailable, onInvalidOrMissingAuthorization, suppressUserUnavailableErrorNotification, disableErrorNotifications, configProviderProps, }: {
+declare function BunnyProvider({ children, queryClient, apiHost, token, onTokenExpired, onUserUnavailable, onInvalidOrMissingAuthorization, suppressUserUnavailableErrorNotification, disableErrorNotifications, appearance, }: {
     children: React.ReactNode;
-    darkMode?: boolean;
     queryClient?: QueryClient;
     apiHost: string;
     token?: string;
@@ -18,6 +16,7 @@ declare function BunnyProvider({ children, darkMode, queryClient, apiHost, token
     onInvalidOrMissingAuthorization?: () => void;
     suppressUserUnavailableErrorNotification?: boolean;
     disableErrorNotifications?: boolean;
-    configProviderProps?: ThemeConfig | undefined;
-}): import("react/jsx-runtime").JSX.Element;
+    /** Restyles every component rendered inside the provider; a component's own `appearance` is merged over it. See "Styling components" in the package README. */
+    appearance?: Appearance;
+}): import("react").JSX.Element;
 export default BunnyProvider;

package/dist/esm/types/src/components/BunnyProvider/contexts/BunnyProviderCallbacksProvider.d.ts

@@ -6,7 +6,7 @@ declare const BunnyProviderCallbacksProvider: ({ value, children }: {
         disableErrorNotifications?: boolean;
     };
     children?: import("react").ReactNode;
-}) => import("react/jsx-runtime").JSX.Element, useBunnyProviderCallbacks: () => {
+}) => import("react").JSX.Element, useBunnyProviderCallbacks: () => {
     onUserUnavailable?: () => void;
     onInvalidOrMissingAuthorization?: () => void;
     suppressUserUnavailableErrorNotification?: boolean;

package/dist/esm/types/src/components/Checkout/Checkout.d.ts

@@ -1,30 +1,7 @@
-import FormattedInvoice from '@/types/FormattedInvoice';
-import { FragmentOf } from 'gql.tada';
-export declare const Checkout_QuoteFragment: import("gql.tada").TadaDocumentNode<{
-    id: string | null;
-    accountId: string;
-    formattedQuote: {
-        html: string | null;
-    } | null;
-    [$tada.fragmentRefs]: {
-        QuoteCheckout_QuoteFragment: "Quote";
-    };
-}, {}, {
-    fragment: "Checkout_QuoteFragment";
-    on: "Quote";
-    masked: true;
-}>;
-type CheckoutProps = {
-    invoice?: FormattedInvoice;
-    onCancel: () => void;
-    onFail: (error: any) => void;
-    onSuccess: () => void;
-    onRecalculateTaxes: (quoteId: string) => void;
-    open: boolean;
-    quote?: FragmentOf<typeof Checkout_QuoteFragment> | null;
-    token?: string;
-    isUpdatingQuote: boolean;
-    isRecalculatingTaxes: boolean;
+import { CheckoutFlowProps } from '../CheckoutShared/components/CheckoutRoot';
+export type CheckoutProps = CheckoutFlowProps & {
+    /** ID of a document template to render the quote with. When set, the quote PDF is shown under the summary. */
+    documentTemplateId?: string;
 };
-declare const Checkout: ({ onCancel, onSuccess, onFail, onRecalculateTaxes, invoice, open, quote: maskedQuote, isUpdatingQuote, isRecalculatingTaxes, }: CheckoutProps) => import("react/jsx-runtime").JSX.Element | null;
-export default Checkout;
+/** Self-service checkout for an existing account: subscribes it to a price list in one click. Needs a portal session token. */
+export default function Checkout({ style, form, documentTemplateId, ...props }: CheckoutProps): import("react").JSX.Element;

package/dist/esm/types/src/components/Checkout/Checkout.stories.d.ts

@@ -0,0 +1,14 @@
+import type { Meta, StoryObj } from '@storybook/react-vite';
+import Checkout from './Checkout';
+declare const meta: Meta<typeof Checkout>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const Preview: Story;
+export declare const DisabledFields: Story;
+export declare const WithDocumentTemplate: Story;
+export declare const StoredPaymentMethod: Story;
+export declare const Mobile: Story;
+export declare const Ledger: Story;
+export declare const ProviderAppearance: Story;
+export declare const Midnight: Story;

package/dist/esm/types/src/components/Checkout/CheckoutContent.d.ts

@@ -0,0 +1,11 @@
+/**
+ * What makes the screen a checkout: the account already exists, so the form is prefilled from it and
+ * a real quote is composed up front to be checked out on submit. The coupon lives on that quote. The
+ * amount due is still previewed from the price list, so typing an address never touches the account;
+ * the entered billing details are saved, and the quote taxed with them, when the user pays.
+ */
+export declare function CheckoutContent({ style, documentTemplateId, }: {
+    style?: React.CSSProperties;
+    /** The document template the quote is rendered with; its PDF is shown under the summary. */
+    documentTemplateId?: string;
+}): import("react").JSX.Element;

package/dist/esm/types/src/components/Checkout/components/CheckoutFlowForm.d.ts

@@ -0,0 +1,4 @@
+/** The checkout form wired to the existing account: one click saves the billing details and pays. */
+export default function CheckoutFlowForm({ quoteId }: {
+    quoteId: string | undefined;
+}): import("react").JSX.Element;

package/dist/esm/types/src/components/Checkout/graphql/fragments/Checkout_QuoteFragment.d.ts

@@ -0,0 +1,22 @@
+/** The quote Checkout composes on mount and checks out on submit: which coupon it carries, its quote PDF, and what the shared screen needs once it is checked out. */
+export declare const Checkout_QuoteFragment: import("gql.tada").TadaDocumentNode<{
+    id: string | null;
+    quoteChanges: {
+        id: string | null;
+        charges: {
+            id: string | null;
+            coupon: {
+                couponCode: string;
+            } | null;
+        }[];
+    }[] | null;
+    [$tada.fragmentRefs]: {
+        CheckoutResult_QuoteFragment: "Quote";
+    } & {
+        CheckoutQuoteDocument_QuoteFragment: "Quote";
+    };
+}, {}, {
+    fragment: "Checkout_QuoteFragment";
+    on: "Quote";
+    masked: true;
+}>;

package/dist/{cjs/types/src/components/Signup/components/SignupForm/fragments/SignupForm_AccountFragment.d.ts → esm/types/src/components/Checkout/graphql/fragments/useCheckoutAccount_AccountFragment.d.ts}

@@ -1,24 +1,21 @@
-export declare const SignupForm_AccountFragment: import("gql.tada").TadaDocumentNode<{
-    [$tada.fragmentRefs]: {
-        ExistingAccountForm_AccountFragment: "Account";
-    };
+/** The account behind the portal session: what the form is prefilled with, and the contact its edits go to. */
+export declare const useCheckoutAccount_AccountFragment: import("gql.tada").TadaDocumentNode<{
     id: string;
-    code: string | null;
     name: string | null;
     billingCountry: string | null;
-    billingState: string | null;
-    billingCity: string | null;
     billingZip: string | null;
     billingStreet: string | null;
+    billingCity: string | null;
+    billingState: string | null;
     taxNumber: string | null;
     billingContact: {
         id: string;
+        email: string | null;
         firstName: string;
         lastName: string | null;
-        email: string | null;
     } | null;
 }, {}, {
-    fragment: "SignupForm_AccountFragment";
+    fragment: "useCheckoutAccount_AccountFragment";
     on: "Account";
     masked: true;
 }>;

package/dist/esm/types/src/components/Checkout/graphql/mutations/accountUpdate.d.ts

@@ -0,0 +1,84 @@
+import { VariablesOf } from 'gql.tada';
+declare const mutation: import("gql.tada").TadaDocumentNode<{
+    accountUpdate: {
+        errors: string[] | null;
+        account: {
+            id: string;
+        } | null;
+    } | null;
+}, {
+    attributes: {
+        website?: string | null | undefined;
+        timezone?: string | null | undefined;
+        taxNumber?: string | null | undefined;
+        shippingZip?: string | null | undefined;
+        shippingStreet?: string | null | undefined;
+        shippingState?: string | null | undefined;
+        shippingCountry?: string | null | undefined;
+        shippingCity?: string | null | undefined;
+        secondaryBillingContactIds?: string[] | null | undefined;
+        phone?: string | null | undefined;
+        payingAccountId?: string | null | undefined;
+        parentAccountId?: string | null | undefined;
+        ownerUserId?: string | null | undefined;
+        newQuoteBuilder?: boolean | null | undefined;
+        netPaymentDays?: number | null | undefined;
+        name?: string | null | undefined;
+        linkedinUrl?: string | null | undefined;
+        ipAddress?: string | null | undefined;
+        invoicedAccountId?: string | null | undefined;
+        invoiceTemplateId?: string | null | undefined;
+        industryId?: string | null | undefined;
+        groupId?: string | null | undefined;
+        fax?: string | null | undefined;
+        entityUseCode?: string | null | undefined;
+        entityId?: string | null | undefined;
+        employees?: number | null | undefined;
+        emailsEnabled?: boolean | null | undefined;
+        duns?: string | null | undefined;
+        draftInvoices?: boolean | null | undefined;
+        disableDunning?: boolean | null | undefined;
+        description?: string | null | undefined;
+        currencyId?: string | null | undefined;
+        consolidatedBilling?: boolean | null | undefined;
+        code?: string | null | undefined;
+        billingZip?: string | null | undefined;
+        billingStreet?: string | null | undefined;
+        billingState?: string | null | undefined;
+        billingCountry?: string | null | undefined;
+        billingContactId?: string | null | undefined;
+        billingContact?: {
+            title?: string | null | undefined;
+            salutation?: string | null | undefined;
+            portalAccess?: boolean | null | undefined;
+            phone?: string | null | undefined;
+            mobile?: string | null | undefined;
+            mailingZip?: string | null | undefined;
+            mailingStreet?: string | null | undefined;
+            mailingState?: string | null | undefined;
+            mailingCountry?: string | null | undefined;
+            mailingCity?: string | null | undefined;
+            linkedinUrl?: string | null | undefined;
+            lastName?: string | null | undefined;
+            firstName?: string | null | undefined;
+            email?: string | null | undefined;
+            description?: string | null | undefined;
+            code?: string | null | undefined;
+            campaignCode?: string | null | undefined;
+            accountId?: string | null | undefined;
+            accountCode?: string | null | undefined;
+        } | null | undefined;
+        billingCity?: string | null | undefined;
+        annualRevenue?: number | null | undefined;
+        accountTypeId?: string | null | undefined;
+    };
+    id: string;
+}, void>;
+export type CheckoutAccountAttributes = VariablesOf<typeof mutation>['attributes'];
+declare const accountUpdate: ({ token, apiHost, accountId, attributes, }: {
+    token?: string;
+    apiHost: string;
+    accountId: string;
+    attributes: CheckoutAccountAttributes;
+}) => Promise<void>;
+export default accountUpdate;

package/dist/esm/types/src/components/Checkout/graphql/mutations/contactUpdate.d.ts

@@ -0,0 +1,40 @@
+import { VariablesOf } from 'gql.tada';
+declare const mutation: import("gql.tada").TadaDocumentNode<{
+    contactUpdate: {
+        errors: string | null;
+        contact: {
+            id: string;
+        } | null;
+    } | null;
+}, {
+    attributes: {
+        title?: string | null | undefined;
+        salutation?: string | null | undefined;
+        portalAccess?: boolean | null | undefined;
+        phone?: string | null | undefined;
+        mobile?: string | null | undefined;
+        mailingZip?: string | null | undefined;
+        mailingStreet?: string | null | undefined;
+        mailingState?: string | null | undefined;
+        mailingCountry?: string | null | undefined;
+        mailingCity?: string | null | undefined;
+        linkedinUrl?: string | null | undefined;
+        lastName?: string | null | undefined;
+        firstName?: string | null | undefined;
+        email?: string | null | undefined;
+        description?: string | null | undefined;
+        code?: string | null | undefined;
+        campaignCode?: string | null | undefined;
+        accountId?: string | null | undefined;
+        accountCode?: string | null | undefined;
+    };
+    id: string;
+}, void>;
+export type CheckoutContactAttributes = VariablesOf<typeof mutation>['attributes'];
+declare const contactUpdate: ({ token, apiHost, contactId, attributes, }: {
+    token?: string;
+    apiHost: string;
+    contactId: string;
+    attributes: CheckoutContactAttributes;
+}) => Promise<void>;
+export default contactUpdate;

package/dist/esm/types/src/components/Checkout/graphql/mutations/quoteAddCoupon.d.ts

@@ -0,0 +1,11 @@
+declare const quoteAddCoupon: ({ token, apiHost, id, couponCode }: {
+    token?: string;
+    apiHost: string;
+    id: string;
+    couponCode: string;
+}) => Promise<{
+    [$tada.fragmentRefs]: {
+        Checkout_QuoteFragment: "Quote";
+    };
+}>;
+export default quoteAddCoupon;

package/dist/esm/types/src/components/Checkout/graphql/mutations/quoteChangeUpdate.d.ts

@@ -0,0 +1,7 @@
+declare const quoteChangeUpdate: ({ token, apiHost, id, trial }: {
+    token?: string;
+    apiHost: string;
+    id: string;
+    trial: boolean;
+}) => Promise<void>;
+export default quoteChangeUpdate;

package/dist/esm/types/src/components/Checkout/graphql/mutations/quoteCompose.d.ts

@@ -0,0 +1,9 @@
+declare const quoteCompose: ({ token, apiHost, priceListId }: {
+    token?: string;
+    apiHost: string;
+    priceListId: string;
+}) => Promise<{
+    id: string;
+    quoteChangeId: string | undefined;
+}>;
+export default quoteCompose;

package/dist/esm/types/src/components/Checkout/graphql/mutations/quoteRemoveCoupon.d.ts

@@ -0,0 +1,11 @@
+declare const quoteRemoveCoupon: ({ token, apiHost, id, couponCode }: {
+    token?: string;
+    apiHost: string;
+    id: string;
+    couponCode: string;
+}) => Promise<{
+    [$tada.fragmentRefs]: {
+        Checkout_QuoteFragment: "Quote";
+    };
+}>;
+export default quoteRemoveCoupon;

package/dist/esm/types/src/components/Checkout/graphql/mutations/quoteSetDocumentTemplate.d.ts

@@ -0,0 +1,8 @@
+/** Sets the document template the composed quote is rendered with. quoteCompose takes no template. */
+declare const quoteSetDocumentTemplate: ({ token, apiHost, id, documentTemplateId, }: {
+    token?: string;
+    apiHost: string;
+    id: string;
+    documentTemplateId: string;
+}) => Promise<void>;
+export default quoteSetDocumentTemplate;

package/dist/esm/types/src/components/Checkout/graphql/queries/getCheckoutAccount.d.ts

@@ -0,0 +1,10 @@
+declare const getCheckoutAccount: ({ token, apiHost, accountId }: {
+    token?: string;
+    apiHost: string;
+    accountId: string;
+}) => Promise<{
+    [$tada.fragmentRefs]: {
+        useCheckoutAccount_AccountFragment: "Account";
+    };
+} | null>;
+export default getCheckoutAccount;

package/dist/esm/types/src/components/Checkout/graphql/queries/getCheckoutQuote.d.ts

@@ -0,0 +1,10 @@
+declare const getCheckoutQuote: ({ token, apiHost, id }: {
+    token?: string;
+    apiHost: string;
+    id: string;
+}) => Promise<{
+    [$tada.fragmentRefs]: {
+        Checkout_QuoteFragment: "Quote";
+    };
+}>;
+export default getCheckoutQuote;

package/dist/esm/types/src/components/Checkout/hooks/useCheckoutAccount.d.ts

@@ -0,0 +1,21 @@
+/** The account behind the portal session, with the billing details the form is prefilled from. */
+export declare function useCheckoutAccount(): {
+    accountId: string | undefined;
+    account: {
+        id: string;
+        name: string | null;
+        billingCountry: string | null;
+        billingZip: string | null;
+        billingStreet: string | null;
+        billingCity: string | null;
+        billingState: string | null;
+        taxNumber: string | null;
+        billingContact: {
+            id: string;
+            email: string | null;
+            firstName: string;
+            lastName: string | null;
+        } | null;
+    } | null | undefined;
+    isFetched: boolean;
+};

package/dist/esm/types/src/components/Checkout/hooks/useCheckoutCoupon.d.ts

@@ -0,0 +1,20 @@
+import type { FragmentOf } from 'gql.tada';
+import { Checkout_QuoteFragment } from '../graphql/fragments/Checkout_QuoteFragment';
+/**
+ * The coupon on the composed quote. Applying or removing one goes to the API and the returned quote
+ * replaces the cached one; the preview then re-prices with the coupon the quote carries. An invalid
+ * code is reported by the global error handler and leaves the editor open.
+ */
+export declare function useCheckoutCoupon({ quoteId, quote: maskedQuote, }: {
+    quoteId: string | undefined;
+    quote: FragmentOf<typeof Checkout_QuoteFragment> | undefined;
+}): {
+    couponCode: string | undefined;
+    setCouponCode: import("@tanstack/react-query").UseMutateFunction<{
+        [$tada.fragmentRefs]: {
+            Checkout_QuoteFragment: "Quote";
+        };
+    } | undefined, Error, string | undefined, unknown>;
+    isApplying: boolean;
+    isRemoving: boolean;
+};

package/dist/esm/types/src/components/Checkout/hooks/useCheckoutQuote.d.ts

@@ -0,0 +1,22 @@
+/**
+ * Composes the quote for the price list on the session's account as soon as everything it depends
+ * on is known, then serves it from the cache. Coupon changes write the updated quote back through
+ * `useSetCheckoutQuoteQueryData`. Taxes are calculated by the API when the quote is checked out.
+ */
+export declare function useCheckoutQuote({ priceListId, trial, couponCode, documentTemplateId, enabled, }: {
+    priceListId: string | undefined;
+    trial: boolean;
+    /** Applied once, on creation. An invalid code is dropped rather than blocking the checkout. */
+    couponCode: string | undefined;
+    /** Set once, on creation. A failure only loses the quote PDF, so it doesn't block the checkout. */
+    documentTemplateId: string | undefined;
+    enabled: boolean;
+}): {
+    quote: NoInfer<{
+        [$tada.fragmentRefs]: {
+            Checkout_QuoteFragment: "Quote";
+        };
+    }> | undefined;
+    quoteId: string | undefined;
+    isCreating: boolean;
+};

package/dist/esm/types/src/components/Checkout/hooks/useCheckoutSubmit.d.ts

@@ -0,0 +1,13 @@
+import type { CheckoutFormValues } from '../../CheckoutShared/contexts/CheckoutConfigContext';
+/**
+ * Checks the composed quote out for the session's account: saves the edited billing details and
+ * contact, stores a new card on the account (or uses the chosen saved one) and pays. The API taxes
+ * the quote with the saved address as part of the checkout. Nothing is due for a trial, so that path
+ * checks out without a payment method.
+ */
+export declare function useCheckoutSubmit({ quoteId }: {
+    quoteId: string | undefined;
+}): {
+    submit: (values: CheckoutFormValues) => void;
+    isProcessing: boolean;
+};

package/dist/esm/types/src/components/Checkout/hooks/useSetCheckoutQuoteQueryData.d.ts

@@ -0,0 +1,4 @@
+import { FragmentOf } from 'gql.tada';
+import { Checkout_QuoteFragment } from '../graphql/fragments/Checkout_QuoteFragment';
+/** Writes a quote returned by a mutation into the cache `useCheckoutQuote` reads from. */
+export declare function useSetCheckoutQuoteQueryData(): (quote: FragmentOf<typeof Checkout_QuoteFragment>) => void;

package/dist/esm/types/src/components/Checkout/index.d.ts

@@ -0,0 +1,4 @@
+export { default as Checkout } from './Checkout';
+export type { CheckoutProps } from './Checkout';
+export type { CheckoutCallbacks, CheckoutDefaultValues, CheckoutDisabledFields, CheckoutFormOptions, RequiredBillingDetailsFlags, } from '../CheckoutShared/contexts/CheckoutConfigContext';
+export type * from '../../ui/appearance/types';

package/dist/esm/types/src/components/Checkout/utils/accountDefaultValues.d.ts

@@ -0,0 +1,7 @@
+import type { ResultOf } from 'gql.tada';
+import type { CheckoutDefaultValues } from '../../CheckoutShared/contexts/CheckoutConfigContext';
+import { useCheckoutAccount_AccountFragment } from '../graphql/fragments/useCheckoutAccount_AccountFragment';
+type Account = ResultOf<typeof useCheckoutAccount_AccountFragment>;
+/** The form values an existing account prefills. Empty account fields are left out so consumer defaults can fill them. */
+export declare function accountDefaultValues(account: Account | null | undefined): CheckoutDefaultValues;
+export {};

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

@@ -0,0 +1,4 @@
+/** "Powered by bunny. | Terms  Privacy", muted like the summary's line item details. */
+export default function CheckoutFooter({ className }: {
+    className?: string;
+}): import("react").JSX.Element;

package/dist/esm/types/src/components/CheckoutShared/components/CheckoutForm/CheckoutFields.d.ts

@@ -0,0 +1,9 @@
+export declare function EmailField(): import("react").JSX.Element;
+/** The name on the card or bank account being set up with Stripe. */
+export declare function PayerNameField(): import("react").JSX.Element;
+export declare function CountryField(): import("react").JSX.Element;
+/**
+ * The remaining account fields, each shown only when `useCheckoutFields` says so. Pairs share a
+ * row, so a lone field of a pair fills it.
+ */
+export declare function ExtraFields(): import("react").JSX.Element;

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

@@ -0,0 +1,10 @@
+import { CheckoutFormValues } from '../../contexts/CheckoutConfigContext';
+/**
+ * The whole right column: email → payment method / payer name / payment details (hidden when nothing is
+ * due) → country (only when taxation needs it) → opt-in fields → Pay. What submitting does is
+ * up to the flow.
+ */
+export default function CheckoutForm({ onSubmit, isProcessing, }: {
+    onSubmit: (values: CheckoutFormValues) => void;
+    isProcessing: boolean;
+}): import("react").JSX.Element;