@bunnyapp/components 1.8.0-beta.4 → 1.8.0-beta.40

package/dist/cjs/types/src/UI/Tooltip.d.ts

@@ -1,2 +1,2 @@
 import { TooltipProps as AntdTooltipProps } from 'antd';
-export declare function Tooltip(props: AntdTooltipProps): import("react/jsx-runtime").JSX.Element;
+export declare function Tooltip(props: AntdTooltipProps): import("react").JSX.Element;

package/dist/cjs/types/src/UI/TruncatedText/TruncatedText.d.ts

@@ -1,4 +1,4 @@
 export declare const TruncatedText: ({ className, text }: {
     className?: string;
     text: string;
-}) => import("react/jsx-runtime").JSX.Element;
+}) => import("react").JSX.Element;

package/dist/cjs/types/src/ajax.d.ts

@@ -1 +1 @@
-export declare const useDownloadFile: (id?: string, onError?: (error: any) => void) => (url: string, token?: string) => Promise<any>;
+export declare const useDownloadFile: (id?: string | null | undefined, onError?: (error: any) => void) => (url: string, token?: string) => Promise<any>;

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

@@ -1,17 +1,14 @@
 import '../../styles/index.less';
-import { ShadowType } from '../../types/shadowType';
-declare const BillingDetails: ({ className, countryListFilter, hideBillingDetailsForm, hidePaymentMethodForm, isCardEnabled, isUpgradeFromTrial, shadow, onSavePaymentMethod, onPaymentMethodRemoved, }: {
-    className?: string;
+declare const BillingDetails: ({ countryListFilter, hideBillingDetailsForm, hidePaymentMethodForm, isUpgradeFromTrial, style, onSavePaymentMethod, onPaymentMethodRemoved, }: {
     countryListFilter?: (country: {
         value: string;
         label: string;
     }) => boolean;
     hideBillingDetailsForm?: boolean;
     hidePaymentMethodForm?: boolean;
-    isCardEnabled?: boolean;
     isUpgradeFromTrial?: boolean;
-    shadow?: ShadowType;
+    style?: React.CSSProperties;
     onSavePaymentMethod?: (paymentMethodId: string) => void;
     onPaymentMethodRemoved?: (paymentMethodId: string) => void;
-}) => import("react/jsx-runtime").JSX.Element;
+}) => import("react").JSX.Element;
 export default BillingDetails;

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

@@ -1,14 +1,12 @@
-import type { Meta, StoryObj } from "@storybook/react";
+import type { Meta, StoryObj } from "@storybook/react-vite";
 import BillingDetails from "./BillingDetails";
 declare const meta: Meta<typeof BillingDetails>;
 export default meta;
 type Story = StoryObj<typeof meta>;
 export declare const Default: Story;
-export declare const NoShadow: Story;
-export declare const CustomClassName: Story;
-export declare const NoCard: 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;

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

@@ -7,7 +7,7 @@ export type BunnyContextValues = {
     onTokenExpired?: () => void;
 };
 export declare const BunnyContext: import("react").Context<BunnyContextValues>;
-declare function BunnyProvider({ children, darkMode, queryClient, apiHost, token, onTokenExpired, onUserUnavailable, onInvalidOrMissingAuthorization, suppressUserUnavailableErrorNotification, configProviderProps, }: {
+declare function BunnyProvider({ children, darkMode, queryClient, apiHost, token, onTokenExpired, onUserUnavailable, onInvalidOrMissingAuthorization, suppressUserUnavailableErrorNotification, disableErrorNotifications, configProviderProps, }: {
     children: React.ReactNode;
     darkMode?: boolean;
     queryClient?: QueryClient;
@@ -17,6 +17,7 @@ declare function BunnyProvider({ children, darkMode, queryClient, apiHost, token
     onUserUnavailable?: () => void;
     onInvalidOrMissingAuthorization?: () => void;
     suppressUserUnavailableErrorNotification?: boolean;
+    disableErrorNotifications?: boolean;
     configProviderProps?: ThemeConfig | undefined;
-}): import("react/jsx-runtime").JSX.Element;
+}): import("react").JSX.Element;
 export default BunnyProvider;

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

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

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

@@ -2,5 +2,5 @@ declare const Card: ({ children, className, style, }: {
     children: React.ReactNode;
     className?: string;
     style?: React.CSSProperties;
-}) => import("react/jsx-runtime").JSX.Element;
+}) => import("react").JSX.Element;
 export default Card;

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

@@ -14,6 +14,16 @@ export declare const Checkout_QuoteFragment: import("gql.tada").TadaDocumentNode
     on: "Quote";
     masked: true;
 }>;
+export declare const Checkout_SubscriptionFragment: import("gql.tada").TadaDocumentNode<{
+    id: string;
+    [$tada.fragmentRefs]: {
+        QuoteCheckout_SubscriptionFragment: "Subscription";
+    };
+}, {}, {
+    fragment: "Checkout_SubscriptionFragment";
+    on: "Subscription";
+    masked: true;
+}>;
 type CheckoutProps = {
     invoice?: FormattedInvoice;
     onCancel: () => void;
@@ -22,9 +32,10 @@ type CheckoutProps = {
     onRecalculateTaxes: (quoteId: string) => void;
     open: boolean;
     quote?: FragmentOf<typeof Checkout_QuoteFragment> | null;
+    upgradingSubscription?: FragmentOf<typeof Checkout_SubscriptionFragment> | null;
     token?: string;
     isUpdatingQuote: boolean;
     isRecalculatingTaxes: boolean;
 };
-declare const Checkout: ({ onCancel, onSuccess, onFail, onRecalculateTaxes, invoice, open, quote: maskedQuote, isUpdatingQuote, isRecalculatingTaxes, }: CheckoutProps) => import("react/jsx-runtime").JSX.Element | null;
+declare const Checkout: ({ onCancel, onSuccess, onFail, onRecalculateTaxes, invoice, open, quote: maskedQuote, upgradingSubscription: maskedUpgradingSubscription, isUpdatingQuote, isRecalculatingTaxes, }: CheckoutProps) => import("react").JSX.Element | null;
 export default Checkout;

package/dist/cjs/types/src/components/Checkout/QuoteCheckout.d.ts

@@ -11,7 +11,7 @@ export declare const QuoteCheckout_QuoteFragment: import("gql.tada").TadaDocumen
     quoteChanges: ({
         id: string | null;
         charges: {
-            kind: "SUBSCRIBE" | "UPDATE" | "RENEW" | "REINSTATE" | "UNSUBSCRIBE" | "ADJUSTMENT" | "COUPON" | "DISCOUNT" | "CREDIT" | "PRICE_UPDATE" | "QUANTITY_UPDATE" | "FREE_PERIOD_DISCOUNT" | "ACTIVATE" | null;
+            kind: "SUBSCRIBE" | "UPDATE" | "RENEW" | "REINSTATE" | "UNSUBSCRIBE" | "ADJUSTMENT" | "COUPON" | "DISCOUNT" | "PERCENTAGE_DISCOUNT" | "CREDIT" | "PRICE_UPDATE" | "QUANTITY_UPDATE" | "FREE_PERIOD_DISCOUNT" | "ACTIVATE" | null;
             coupon: {
                 couponCode: string;
             } | null;
@@ -19,7 +19,7 @@ export declare const QuoteCheckout_QuoteFragment: import("gql.tada").TadaDocumen
     }[] & {
         currencyId: string;
         id: string | null;
-        kind: "SUBSCRIBE" | "UPDATE" | "RENEW" | "REINSTATE" | "UNSUBSCRIBE" | "ADJUSTMENT" | "COUPON" | "DISCOUNT" | "CREDIT" | "PRICE_UPDATE" | "QUANTITY_UPDATE" | "FREE_PERIOD_DISCOUNT" | "ACTIVATE";
+        kind: "SUBSCRIBE" | "UPDATE" | "RENEW" | "REINSTATE" | "UNSUBSCRIBE" | "ADJUSTMENT" | "COUPON" | "DISCOUNT" | "PERCENTAGE_DISCOUNT" | "CREDIT" | "PRICE_UPDATE" | "QUANTITY_UPDATE" | "FREE_PERIOD_DISCOUNT" | "ACTIVATE";
         charges: {
             subtotal: number | null;
             amountsByPeriod: {
@@ -44,7 +44,7 @@ export declare const QuoteCheckout_QuoteFragment: import("gql.tada").TadaDocumen
                 couponCode: string;
             } | null;
             quantity: number | null;
-            kind: "SUBSCRIBE" | "UPDATE" | "RENEW" | "REINSTATE" | "UNSUBSCRIBE" | "ADJUSTMENT" | "COUPON" | "DISCOUNT" | "CREDIT" | "PRICE_UPDATE" | "QUANTITY_UPDATE" | "FREE_PERIOD_DISCOUNT" | "ACTIVATE" | null;
+            kind: "SUBSCRIBE" | "UPDATE" | "RENEW" | "REINSTATE" | "UNSUBSCRIBE" | "ADJUSTMENT" | "COUPON" | "DISCOUNT" | "PERCENTAGE_DISCOUNT" | "CREDIT" | "PRICE_UPDATE" | "QUANTITY_UPDATE" | "FREE_PERIOD_DISCOUNT" | "ACTIVATE" | null;
         }[];
         priceList: {
             id: string;
@@ -70,9 +70,9 @@ export declare const QuoteCheckout_QuoteFragment: import("gql.tada").TadaDocumen
         amount: number | null;
         startDate: unknown;
     }[];
-    kind: "SUBSCRIBE" | "UPDATE" | "RENEW" | "REINSTATE" | "UNSUBSCRIBE" | "ADJUSTMENT" | "COUPON" | "DISCOUNT" | "CREDIT" | "PRICE_UPDATE" | "QUANTITY_UPDATE" | "FREE_PERIOD_DISCOUNT" | "ACTIVATE";
+    kind: "SUBSCRIBE" | "UPDATE" | "RENEW" | "REINSTATE" | "UNSUBSCRIBE" | "ADJUSTMENT" | "COUPON" | "DISCOUNT" | "PERCENTAGE_DISCOUNT" | "CREDIT" | "PRICE_UPDATE" | "QUANTITY_UPDATE" | "FREE_PERIOD_DISCOUNT" | "ACTIVATE";
     [$tada.fragmentRefs]: {
-        shouldShowCouponEditor_QuoteFragment: "Quote";
+        canApplyCoupons_QuoteFragment: "Quote";
     } & {
         PaymentForm_QuoteFragment: "Quote";
     } & {
@@ -86,7 +86,7 @@ export declare const QuoteCheckout_QuoteFragment: import("gql.tada").TadaDocumen
 export declare const QuoteCheckout_SubscriptionFragment: import("gql.tada").TadaDocumentNode<{
     id: string;
     [$tada.fragmentRefs]: {
-        shouldShowCouponEditor_SubscriptionFragment: "Subscription";
+        canApplyCoupons_SubscriptionFragment: "Subscription";
     };
 }, {}, {
     fragment: "QuoteCheckout_SubscriptionFragment";
@@ -96,6 +96,7 @@ export declare const QuoteCheckout_SubscriptionFragment: import("gql.tada").Tada
 interface QuoteCheckoutProps extends InvoiceQuoteParentProps {
     account: Account;
     quote: FragmentOf<typeof QuoteCheckout_QuoteFragment>;
+    upgradingSubscription?: FragmentOf<typeof QuoteCheckout_SubscriptionFragment> | null;
     taxationRequiredAccountFields?: TaxationRequiredAccountFields | null;
     token?: string;
     storedPaymentMethod?: PaymentMethod;
@@ -103,5 +104,5 @@ interface QuoteCheckoutProps extends InvoiceQuoteParentProps {
     isUpdatingQuote: boolean;
     isRecalculatingTaxes: boolean;
 }
-declare const QuoteCheckout: ({ account, onSuccess, onFail, quote: maskedQuote, taxationRequiredAccountFields, isUpdatingQuote, onRecalculateTaxes, isRecalculatingTaxes, }: QuoteCheckoutProps) => import("react/jsx-runtime").JSX.Element;
+declare const QuoteCheckout: ({ account, onSuccess, onFail, quote: maskedQuote, upgradingSubscription: maskedUpgradingSubscription, taxationRequiredAccountFields, isUpdatingQuote, onRecalculateTaxes, isRecalculatingTaxes, }: QuoteCheckoutProps) => import("react").JSX.Element;
 export default QuoteCheckout;

package/dist/cjs/types/src/components/Checkout/QuoteIsLoadingIndicator.d.ts

@@ -1 +1 @@
-export declare function QuoteLoadingIndicator(): import("react/jsx-runtime").JSX.Element;
+export declare function QuoteLoadingIndicator(): import("react").JSX.Element;

package/dist/cjs/types/src/components/CustomizedAntdComponents/Tag.d.ts

@@ -33,5 +33,5 @@ declare const CustomizedTag: ({ children, color, className, style, }: {
     color?: keyof typeof tagStyleMap;
     className?: string;
     style?: React.CSSProperties;
-}) => import("react/jsx-runtime").JSX.Element;
+}) => import("react").JSX.Element;
 export default CustomizedTag;

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

@@ -1,4 +1,8 @@
-declare const DocumentTemplatePreview: ({ targetUrl }: {
+export type DocumentPreviewFullscreenApi = {
+    toggleFullScreen: () => void;
+};
+declare const DocumentTemplatePreview: ({ targetUrl, onFullscreenApiChange, }: {
     targetUrl: string;
-}) => import("react/jsx-runtime").JSX.Element;
+    onFullscreenApiChange?: (api: DocumentPreviewFullscreenApi | null) => void;
+}) => import("react").JSX.Element;
 export default DocumentTemplatePreview;

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

@@ -3,5 +3,5 @@ declare const DrawerHeader: ({ description, onClose, title, closeButtonClassName
     onClose?: () => void;
     title: string;
     closeButtonClassName?: string;
-}) => import("react/jsx-runtime").JSX.Element;
+}) => import("react").JSX.Element;
 export default DrawerHeader;

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

@@ -1,5 +1,5 @@
 declare const ErrorView: ({ children, message, }: {
     children?: React.ReactNode;
     message: string;
-}) => import("react/jsx-runtime").JSX.Element;
+}) => import("react").JSX.Element;
 export default ErrorView;

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

@@ -30,5 +30,5 @@ declare const FeatureUsageGraph: ({ charge: maskedCharge, featureUsage: maskedFe
     charge: FragmentOf<typeof FeatureUsageGraph_SubscriptionChargeFragment>;
     featureUsage: FragmentOf<typeof FeatureUsageGraph_HistogramFragment>;
     useAreaChart?: boolean;
-}) => import("react/jsx-runtime").JSX.Element | "no usage" | null;
+}) => import("react").JSX.Element | "no usage" | null;
 export default FeatureUsageGraph;

package/dist/cjs/types/src/components/Footer/BunnyFooterIcon.d.ts

@@ -1,4 +1,4 @@
 declare const BunnyFooterIcon: ({ color }: {
     color: string;
-}) => import("react/jsx-runtime").JSX.Element;
+}) => import("react").JSX.Element;
 export default BunnyFooterIcon;

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

@@ -1,4 +1,4 @@
 declare const Footer: ({ className }: {
     className?: string;
-}) => import("react/jsx-runtime").JSX.Element;
+}) => import("react").JSX.Element;
 export default Footer;

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

@@ -1,2 +1,2 @@
-declare const HeaderModalWrapper: (props: any) => import("react/jsx-runtime").JSX.Element;
+declare const HeaderModalWrapper: (props: any) => import("react").JSX.Element;
 export default HeaderModalWrapper;

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

@@ -4,4 +4,4 @@ export type InvoiceProps = InvoiceQuoteContextProps & {
     onPaymentMethodSaved?: (paymentMethodId: string) => void;
     onPaymentMethodRemoved?: (paymentMethodId: string) => void;
 };
-export default function Invoice({ id, invoiceQuoteViewComponent, backButtonName, onBackButtonClick, onInvoiceDownloadError, onPaymentSuccess, shadow, className, hideDownloadButton, hidePaymentForm, onInvoiceLoaded, onPaymentMethodSaved, onPaymentMethodRemoved, }: InvoiceProps): import("react/jsx-runtime").JSX.Element;
+export default function Invoice({ id, invoiceQuoteViewComponent, backButtonName, onBackButtonClick, onInvoiceDownloadError, onPaymentSuccess, shadow, className, hideDownloadButton, hidePaymentForm, onInvoiceLoaded, onPaymentMethodSaved, onPaymentMethodRemoved, }: InvoiceProps): import("react").JSX.Element;

package/dist/cjs/types/src/components/Invoice/Invoice.stories.d.ts

@@ -1,4 +1,4 @@
-import type { Meta, StoryObj } from '@storybook/react';
+import type { Meta, StoryObj } from '@storybook/react-vite';
 import Invoice from './Invoice';
 declare const meta: Meta<typeof Invoice>;
 export default meta;

package/dist/cjs/types/src/components/Invoice/InvoiceQuoteView/DownloadQuoteButton.d.ts

@@ -0,0 +1,5 @@
+type DownloadQuoteButtonProps = {
+    id?: string | null;
+};
+declare const DownloadQuoteButton: ({ id }: DownloadQuoteButtonProps) => import("react").JSX.Element;
+export default DownloadQuoteButton;

package/dist/cjs/types/src/components/Invoice/InvoiceQuoteView/InvoiceQuoteView.d.ts

@@ -0,0 +1,8 @@
+import { type DocumentPreviewFullscreenApi } from '../../DocumentTemplatePreview';
+type InvoiceQuoteViewOnlyProps = {
+    html: string | null | undefined;
+    targetUrl?: string;
+    onDocumentPreviewFullscreenApiChange?: (api: DocumentPreviewFullscreenApi | null) => void;
+};
+declare const InvoiceQuoteView: ({ html, targetUrl, onDocumentPreviewFullscreenApiChange, }: InvoiceQuoteViewOnlyProps) => import("react").JSX.Element;
+export default InvoiceQuoteView;

package/dist/cjs/types/src/components/Invoice/InvoiceQuoteView/InvoiceQuoteViewWithButtons.d.ts

@@ -0,0 +1,14 @@
+import FormattedInvoice from '@/types/FormattedInvoice';
+import { ReactNode } from 'react';
+import { type DocumentPreviewFullscreenApi } from '../../DocumentTemplatePreview';
+declare const InvoiceQuoteViewWithButtons: ({ children, formattedInvoice, html, backButtonName, onBackButtonClick, onDownloadError, targetUrl, onDocumentPreviewFullscreenApiChange, }: {
+    html: string | null;
+    children?: ReactNode;
+    formattedInvoice?: FormattedInvoice;
+    backButtonName?: string;
+    onBackButtonClick?: () => void;
+    onDownloadError?: () => void;
+    targetUrl?: string;
+    onDocumentPreviewFullscreenApiChange?: (api: DocumentPreviewFullscreenApi | null) => void;
+}) => import("react").JSX.Element;
+export default InvoiceQuoteViewWithButtons;

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

@@ -1,4 +1,4 @@
 export default function LegacyDocument({ documentUuid, documentType, }: {
     documentUuid: string;
     documentType: string;
-}): import("react/jsx-runtime").JSX.Element;
+}): import("react").JSX.Element;

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

@@ -1,7 +1,7 @@
 interface PandadocPollingModalProps {
     isVisible: boolean;
     setVisible: (visible: boolean) => void;
-    id?: string;
+    id?: string | null | undefined;
 }
-declare const PandadocPollingModal: ({ isVisible, setVisible, id }: PandadocPollingModalProps) => import("react/jsx-runtime").JSX.Element;
+declare const PandadocPollingModal: ({ isVisible, setVisible, id }: PandadocPollingModalProps) => import("react").JSX.Element;
 export default PandadocPollingModal;

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

@@ -21,5 +21,5 @@ type CreditCardProps = {
     shadow?: ShadowType;
     cardEnabled?: boolean;
 };
-declare const CreditCard: ({ onClickRemove, onClickUpdate, paymentMethod: maskedPaymentMethod, shadow, cardEnabled, }: CreditCardProps) => import("react/jsx-runtime").JSX.Element;
+declare const CreditCard: ({ onClickRemove, onClickUpdate, paymentMethod: maskedPaymentMethod, shadow, cardEnabled, }: CreditCardProps) => import("react").JSX.Element;
 export default CreditCard;

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

@@ -9,6 +9,8 @@ export declare const MiniCreditCard_PaymentMethodFragment: import("gql.tada").Ta
         type: string | null;
         identifier: string | null;
     } | null;
+    state: "FAILED" | "UNKNOWN" | "SUCCESS" | null;
+    failureReason: string | null;
     id: string;
 }, {}, {
     fragment: "MiniCreditCard_PaymentMethodFragment";
@@ -24,4 +26,4 @@ export declare function MiniCreditCard({ className, buttons, hideDropdownMenu, h
     paymentMethod?: FragmentOf<typeof MiniCreditCard_PaymentMethodFragment>;
     onClickSetDefault?: () => void;
     id?: string;
-}): import("react/jsx-runtime").JSX.Element;
+}): import("react").JSX.Element;

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

@@ -11,4 +11,4 @@ export declare const CardImage_PaymentMethodFragment: import("gql.tada").TadaDoc
 }>;
 export declare function CardImage({ paymentMethod: maskedPaymentMethod, }: {
     paymentMethod: FragmentOf<typeof CardImage_PaymentMethodFragment>;
-}): import("react/jsx-runtime").JSX.Element;
+}): import("react").JSX.Element;

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

@@ -3,5 +3,5 @@ declare const DemoPayCardCvc: ({ autoFocus, onChange, placeholder, value, }: {
     onChange: (cvc: string) => void;
     placeholder?: string;
     value: string;
-}) => import("react/jsx-runtime").JSX.Element;
+}) => import("react").JSX.Element;
 export default DemoPayCardCvc;

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

@@ -3,5 +3,5 @@ declare const DemoPayCardNumber: ({ autoFocus, onChange, placeholder, value, }:
     onChange: (number: string) => void;
     placeholder?: string;
     value: string;
-}) => import("react/jsx-runtime").JSX.Element;
+}) => import("react").JSX.Element;
 export default DemoPayCardNumber;

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

@@ -3,5 +3,5 @@ declare const DemoPayExpiry: ({ autoFocus, onChange, placeholder, value, }: {
     onChange: (cvc: string) => void;
     placeholder?: string;
     value: string;
-}) => import("react/jsx-runtime").JSX.Element;
+}) => import("react").JSX.Element;
 export default DemoPayExpiry;

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

@@ -1,2 +1,2 @@
-declare const DemoPayForm: () => import("react/jsx-runtime").JSX.Element;
+declare const DemoPayForm: () => import("react").JSX.Element;
 export default DemoPayForm;

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

@@ -0,0 +1,10 @@
+export type DemoPayCardDetails = {
+    number: string;
+    expiry: string;
+    cvc: string;
+};
+declare const DemoPayFormProvider: ({ initialValue, children, }: {
+    initialValue?: DemoPayCardDetails | undefined;
+    children?: import("react").ReactNode;
+}) => import("react").JSX.Element, useDemoPayCardDetails: () => [DemoPayCardDetails, import("react").Dispatch<import("react").SetStateAction<DemoPayCardDetails>>];
+export { DemoPayFormProvider, useDemoPayCardDetails };

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

@@ -1,11 +1,9 @@
-import FormattedInvoice from '@/types/FormattedInvoice';
-import Invoice from '@/types/Invoice';
 import { PluginData } from '@/types/frontendTypes';
-export declare function usePay({ onPaymentSuccess, onPaymentError, quoteId, invoice, plugin, }: {
+export declare function usePay({ onPaymentSuccess, onPaymentError, quoteId, invoiceId, plugin, }: {
     onPaymentSuccess?: (response: any) => void;
     onPaymentError?: (error: any) => void;
     quoteId?: string | null;
-    invoice?: FormattedInvoice | Invoice;
+    invoiceId?: string | null;
     plugin: PluginData | undefined;
 }): {
     pay: (paymentMethodId: string) => Promise<void>;

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

@@ -3,11 +3,7 @@ export declare function useSave({ onSaveSuccess, onSaveError, accountId, }: {
     onSaveError?: (error: any) => void;
     accountId: string | undefined;
 }): {
-    save: (cardDetails: {
-        number: string;
-        expiry: string;
-        cvc: string;
-    }) => Promise<string | undefined>;
+    save: () => Promise<string | undefined>;
     isSaving: boolean;
 };
 export default useSave;

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

@@ -1,39 +1,58 @@
-import FormattedInvoice from '@/types/FormattedInvoice';
-import Invoice from '@/types/Invoice';
 import { FragmentOf, ResultOf } from 'gql.tada';
+import type { ComponentProps } from 'react';
+import { ReactNode } from 'react';
+import { CheckoutNoPayment } from './components/CheckoutNoPayment';
+import { Pay } from './components/Pay';
+import { PaymentMethodDetails } from './components/PaymentMethodDetails/PaymentMethodDetails';
+import { StoredPaymentMethods } from './components/StoredPaymentMethods';
 import { PaymentForm_PaymentMethodsFragment } from './fragments/PaymentForm_PaymentMethodsFragment';
+import { PaymentForm_QuoteFragment } from './fragments/PaymentForm_QuoteFragment';
 type PaymentMethodFragment = ResultOf<typeof PaymentForm_PaymentMethodsFragment>;
-export declare const PaymentForm_QuoteFragment: import("gql.tada").TadaDocumentNode<{
+export declare const PaymentForm_InvoiceFragment: import("gql.tada").TadaDocumentNode<{
     id: string | null;
     currencyId: string;
     [$tada.fragmentRefs]: {
-        PaymentProvider_QuoteFragment: "Quote";
+        PaymentProvider_InvoiceFragment: "Invoice";
     };
 }, {}, {
-    fragment: "PaymentForm_QuoteFragment";
-    on: "Quote";
+    fragment: "PaymentForm_InvoiceFragment";
+    on: "Invoice";
     masked: true;
 }>;
-export declare function PaymentForm({ currencyId: accountCurrencyId, invoice, quote: maskedQuote, onPaymentSuccess, onPaymentHoldSuccess, paymentHoldPrecondition, accountId, onSavePaymentMethod, onPaymentMethodRemoved, onSetDefaultPaymentMethod, overrideToken, customCheckoutFunction, paymentHoldOptions, disablePayButton, }: {
+declare function PaymentFormRoot({ currencyId: accountCurrencyId, invoice: maskedInvoice, quote: maskedQuote, paymentHold, onPaymentSuccess, onPaymentHoldSuccess, checkoutPrecondition, accountId, onSavePaymentMethod, onPaymentMethodRemoved, onSetDefaultPaymentMethod, customCheckoutFunction, children, }: {
     currencyId?: string;
-    invoice?: FormattedInvoice | Invoice;
+    invoice?: FragmentOf<typeof PaymentForm_InvoiceFragment>;
     quote?: FragmentOf<typeof PaymentForm_QuoteFragment>;
+    paymentHold?: {
+        quoteId: string;
+        amountToHold: number;
+    };
     onPaymentSuccess?: (response: any) => void;
     onPaymentHoldSuccess?: (response: any) => void;
-    /**
-     * If provided, the payment hold will only go through if this condition returns true.
-     */
-    paymentHoldPrecondition?: () => boolean | Promise<boolean>;
+    /** Precondition that must pass before checking out free/trial/paid/payment-hold quotes. */
+    checkoutPrecondition?: () => boolean | Promise<boolean>;
     onSavePaymentMethod?: (response: any) => void;
     onPaymentMethodRemoved?: (paymentMethod: PaymentMethodFragment) => void;
     onSetDefaultPaymentMethod?: () => void;
     accountId?: string;
-    overrideToken?: string;
     customCheckoutFunction?: (pluginId: string, paymentMethodId: string) => Promise<any>;
-    paymentHoldOptions?: {
-        payToAccept?: boolean;
-        amountToHold?: number;
-    };
+    children?: ReactNode | ((state: PaymentFormRenderState) => ReactNode);
+}): import("react").JSX.Element | null;
+type PaymentFormProps = ComponentProps<typeof PaymentFormRoot>;
+export type PaymentFormRenderState = {
+    hasPaymentMethods: boolean;
+    isPaymentMethodDetailsOpen: boolean;
+    isPayableAvailable: boolean;
+    amountDue: number | undefined;
+    paymentPluginsCount: number | undefined;
+};
+declare function PaymentFormInternal(props: PaymentFormProps & {
     disablePayButton?: boolean;
-}): import("react/jsx-runtime").JSX.Element | null;
+}): import("react").JSX.Element;
+export declare const PaymentForm: typeof PaymentFormInternal & {
+    StoredPaymentMethods: typeof StoredPaymentMethods;
+    Pay: typeof Pay;
+    CheckoutNoPayment: typeof CheckoutNoPayment;
+    PaymentMethodDetails: typeof PaymentMethodDetails;
+};
 export {};

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

@@ -1,2 +1,2 @@
-declare const StripeForm: () => import("react/jsx-runtime").JSX.Element;
+declare const StripeForm: () => import("react").JSX.Element;
 export default StripeForm;

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

@@ -0,0 +1,4 @@
+export declare function StripeFormProvider({ children, currencyId, }: {
+    children: React.ReactNode;
+    currencyId: string;
+}): import("react").JSX.Element;

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

@@ -1,11 +1,9 @@
-import FormattedInvoice from '@/types/FormattedInvoice';
-import Invoice from '@/types/Invoice';
 import { PluginData } from '@/types/frontendTypes';
-export declare function usePay({ onPaymentSuccess, onPaymentError, quoteId, invoice, plugin, }: {
+export declare function usePay({ onPaymentSuccess, onPaymentError, quoteId, invoiceId, plugin, }: {
     onPaymentSuccess?: (response: any) => void;
     onPaymentError?: (error: any) => void;
     quoteId?: string | null;
-    invoice?: FormattedInvoice | Invoice;
+    invoiceId?: string | null;
     plugin: PluginData | undefined;
 }): {
     pay: (paymentMethodId: string) => Promise<void>;

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

@@ -27,7 +27,7 @@ export declare const createPaymentHold: ({ quote, plugin, token, apiHost, paymen
     apiHost: string;
     paymentMethodId: string;
 }) => Promise<any>;
-export declare const useStripePlugin: (plugin: PluginData | undefined, currencyId: string, accountId?: string) => {
+export declare const useStripePlugin: (plugin: PluginData | undefined, currencyId: string) => {
     stripe: Stripe | null;
     options: import("@stripe/stripe-js").StripeElementsOptionsMode;
 };

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

@@ -0,0 +1,11 @@
+type Props = {
+    className?: string;
+    disabled?: boolean;
+    onClickPrecondition?: () => Promise<boolean>;
+    buttonTextOverride?: {
+        text: string;
+        isProcessingText: string;
+    };
+};
+export declare function CheckoutNoPayment(props?: Props): import("react").JSX.Element;
+export {};

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

@@ -4,5 +4,5 @@ declare function CouponEditor({ className, onAddCoupon, isAddingCoupon, couponCo
     isAddingCoupon: boolean;
     couponCode: string;
     setCouponCode: (couponCode: string) => void;
-}): import("react/jsx-runtime").JSX.Element;
+}): import("react").JSX.Element;
 export default CouponEditor;

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

@@ -0,0 +1,6 @@
+type PayProps = {
+    disabled?: boolean;
+    onClickPrecondition?: () => boolean | Promise<boolean>;
+};
+export declare function Pay(props?: PayProps): import("react").JSX.Element;
+export {};

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

@@ -0,0 +1,12 @@
+import { ReactNode } from 'react';
+import { Cancel } from './components/Cancel';
+import { Save } from './components/Save';
+type PaymentMethodDetailsProps = {
+    footer?: ReactNode;
+};
+declare function PaymentMethodDetailsRoot(props?: PaymentMethodDetailsProps): import("react").JSX.Element;
+export declare const PaymentMethodDetails: typeof PaymentMethodDetailsRoot & {
+    Cancel: typeof Cancel;
+    Save: typeof Save;
+};
+export {};

package/dist/cjs/types/src/components/PaymentForm/components/PaymentMethodDetails/components/Cancel.d.ts

@@ -0,0 +1 @@
+export declare function Cancel(): import("react").JSX.Element;