@bunnyapp/components 1.7.0-beta.8 → 1.8.0-beta.10

package/dist/cjs/types/node_modules/@reduxjs/toolkit/dist/uncheckedindexed.d.ts

@@ -0,0 +1,5 @@
+type IfMaybeUndefined<T, True, False> = [undefined] extends [T] ? True : False;
+declare const testAccess: 0;
+export type IfUncheckedIndexedAccess<True, False> = IfMaybeUndefined<typeof testAccess, True, False>;
+export type UncheckedIndexedAccess<T> = IfUncheckedIndexedAccess<T | undefined, T>;
+export {};

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

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

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

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

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

@@ -0,0 +1,3 @@
+import { RefObject } from 'react';
+declare const useIsTextTruncated: (textRef: RefObject<HTMLElement>, text?: string) => boolean;
+export default useIsTextTruncated;

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,6 +1,6 @@
 import '../../styles/index.less';
 import { ShadowType } from '../../types/shadowType';
-declare const BillingDetails: ({ className, countryListFilter, hideBillingDetailsForm, hidePaymentMethodForm, isCardEnabled, isUpgradeFromTrial, shadow, onSavePaymentMethod, }: {
+declare const BillingDetails: ({ className, countryListFilter, hideBillingDetailsForm, hidePaymentMethodForm, isCardEnabled, isUpgradeFromTrial, shadow, onSavePaymentMethod, onPaymentMethodRemoved, }: {
     className?: string;
     countryListFilter?: (country: {
         value: string;
@@ -11,6 +11,7 @@ declare const BillingDetails: ({ className, countryListFilter, hideBillingDetail
     isCardEnabled?: boolean;
     isUpgradeFromTrial?: boolean;
     shadow?: ShadowType;
-    onSavePaymentMethod?: (paymentMethodData?: any) => void;
+    onSavePaymentMethod?: (paymentMethodId: string) => void;
+    onPaymentMethodRemoved?: (paymentMethodId: string) => void;
 }) => import("react/jsx-runtime").JSX.Element;
 export default BillingDetails;

package/dist/cjs/types/src/components/{BunnyProvider.d.ts → BunnyProvider/BunnyProvider.d.ts}

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

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

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

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

@@ -24,6 +24,7 @@ type CheckoutProps = {
     quote?: FragmentOf<typeof Checkout_QuoteFragment> | null;
     token?: string;
     isUpdatingQuote: boolean;
+    isRecalculatingTaxes: boolean;
 };
-declare const Checkout: ({ onCancel, onSuccess, onFail, onRecalculateTaxes, invoice, open, quote: maskedQuote, isUpdatingQuote, }: CheckoutProps) => import("react/jsx-runtime").JSX.Element | null;
+declare const Checkout: ({ onCancel, onSuccess, onFail, onRecalculateTaxes, invoice, open, quote: maskedQuote, isUpdatingQuote, isRecalculatingTaxes, }: CheckoutProps) => import("react/jsx-runtime").JSX.Element | null;
 export default Checkout;

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

@@ -72,7 +72,7 @@ export declare const QuoteCheckout_QuoteFragment: import("gql.tada").TadaDocumen
     }[];
     kind: "SUBSCRIBE" | "UPDATE" | "RENEW" | "REINSTATE" | "UNSUBSCRIBE" | "ADJUSTMENT" | "COUPON" | "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";
@@ -100,6 +100,8 @@ interface QuoteCheckoutProps extends InvoiceQuoteParentProps {
     token?: string;
     storedPaymentMethod?: PaymentMethod;
     onRecalculateTaxes: () => void;
+    isUpdatingQuote: boolean;
+    isRecalculatingTaxes: boolean;
 }
-declare const QuoteCheckout: ({ account, onSuccess, onFail, quote: maskedQuote, taxationRequiredAccountFields, onRecalculateTaxes, }: QuoteCheckoutProps) => import("react/jsx-runtime").JSX.Element;
+declare const QuoteCheckout: ({ account, onSuccess, onFail, quote: maskedQuote, taxationRequiredAccountFields, isUpdatingQuote, onRecalculateTaxes, isRecalculatingTaxes, }: QuoteCheckoutProps) => import("react/jsx-runtime").JSX.Element;
 export default QuoteCheckout;

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

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

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

@@ -1,5 +1,7 @@
 import { InvoiceQuoteContextProps } from '../../contexts/InvoiceQuoteContext';
 export type InvoiceProps = InvoiceQuoteContextProps & {
     hidePaymentForm?: boolean;
+    onPaymentMethodSaved?: (paymentMethodId: string) => void;
+    onPaymentMethodRemoved?: (paymentMethodId: string) => void;
 };
-export default function Invoice({ id, invoiceQuoteViewComponent, backButtonName, onBackButtonClick, onInvoiceDownloadError, onPaymentSuccess, shadow, className, hideDownloadButton, hidePaymentForm, onInvoiceLoaded, }: 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-runtime").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;
 export default PandadocPollingModal;

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-runtime").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,6 +1,12 @@
-import FormattedInvoice from '@/types/FormattedInvoice';
-import Invoice from '@/types/Invoice';
-import { FragmentOf } from 'gql.tada';
+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';
+type PaymentMethodFragment = ResultOf<typeof PaymentForm_PaymentMethodsFragment>;
 export declare const PaymentForm_QuoteFragment: import("gql.tada").TadaDocumentNode<{
     id: string | null;
     currencyId: string;
@@ -12,19 +18,53 @@ export declare const PaymentForm_QuoteFragment: import("gql.tada").TadaDocumentN
     on: "Quote";
     masked: true;
 }>;
-export declare function PaymentForm({ invoice, quote: maskedQuote, onPaymentSuccess, onPaymentHoldSuccess, accountId, onSavePaymentMethod, onRemovePaymentMethod, onSetDefaultPaymentMethod, overrideToken, customCheckoutFunction, paymentHoldOptions, }: {
-    invoice?: FormattedInvoice | Invoice;
+export declare const PaymentForm_InvoiceFragment: import("gql.tada").TadaDocumentNode<{
+    id: string | null;
+    currencyId: string;
+    [$tada.fragmentRefs]: {
+        PaymentProvider_InvoiceFragment: "Invoice";
+    };
+}, {}, {
+    fragment: "PaymentForm_InvoiceFragment";
+    on: "Invoice";
+    masked: true;
+}>;
+declare function PaymentFormRoot({ currencyId: accountCurrencyId, invoice: maskedInvoice, quote: maskedQuote, paymentHold, onPaymentSuccess, onPaymentHoldSuccess, paymentHoldPrecondition, accountId, onSavePaymentMethod, onPaymentMethodRemoved, onSetDefaultPaymentMethod, overrideToken, customCheckoutFunction, children, }: {
+    currencyId?: string;
+    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>;
     onSavePaymentMethod?: (response: any) => void;
-    onRemovePaymentMethod?: () => 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-runtime").JSX.Element | null;
+type PaymentFormProps = ComponentProps<typeof PaymentFormRoot>;
+export type PaymentFormRenderState = {
+    hasPaymentMethods: boolean;
+    isPaymentMethodDetailsOpen: boolean;
+    isPayableAvailable: boolean;
+    amountDue: number | undefined;
+};
+declare function PaymentFormInternal(props: PaymentFormProps & {
+    disablePayButton?: boolean;
+}): import("react/jsx-runtime").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/StripeFormProvider.d.ts

@@ -0,0 +1,5 @@
+export declare function StripeFormProvider({ children, currencyId, accountId, }: {
+    children: React.ReactNode;
+    currencyId: string;
+    accountId?: string;
+}): import("react/jsx-runtime").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/components/CheckoutNoPayment.d.ts

@@ -0,0 +1,6 @@
+type Props = {
+    className?: string;
+    disabled?: boolean;
+};
+export declare function CheckoutNoPayment(props?: Props): import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -0,0 +1,5 @@
+type PayProps = {
+    disabled?: boolean;
+};
+export declare function Pay(props?: PayProps): import("react/jsx-runtime").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-runtime").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-runtime").JSX.Element;

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

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

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

@@ -0,0 +1,18 @@
+export declare const StoredPaymentMethods_PaymentMethodsFragment: import("gql.tada").TadaDocumentNode<{
+    [$tada.fragmentRefs]: {
+        MiniCreditCard_PaymentMethodFragment: "PaymentMethod";
+    };
+    id: string;
+    plugin: {
+        id: string;
+    } | null;
+}, {}, {
+    fragment: "StoredPaymentMethods_PaymentMethodsFragment";
+    on: "PaymentMethod";
+    masked: true;
+}>;
+type StoredPaymentMethodsProps = {
+    className?: string;
+};
+export declare function StoredPaymentMethods(props?: StoredPaymentMethodsProps): import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -0,0 +1,5 @@
+declare const AccountIdProvider: ({ value, children }: {
+    value: string | undefined;
+    children?: import("react").ReactNode;
+}) => import("react/jsx-runtime").JSX.Element, useAccountId: () => string | undefined;
+export { AccountIdProvider, useAccountId };

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

@@ -0,0 +1,14 @@
+import { PaymentMethodFragment } from './PaymentMethodFormVisibilityContext';
+export type PaymentCallbacksContextValue = {
+    onPaymentSuccess: ((response: any) => void) | undefined;
+    onSetDefaultPaymentMethod: (() => void) | undefined;
+    onPaymentMethodRemoved: ((paymentMethod: PaymentMethodFragment) => void) | undefined;
+    onSavePaymentMethod: ((response: any) => void) | undefined;
+    onPaymentHoldSuccess: ((response: any) => void) | undefined;
+    paymentHoldPrecondition: (() => boolean | Promise<boolean>) | undefined;
+};
+declare const PaymentFormCallbacksProvider: ({ value, children }: {
+    value: PaymentCallbacksContextValue;
+    children?: import("react").ReactNode;
+}) => import("react/jsx-runtime").JSX.Element, usePaymentFormCallbacks: () => PaymentCallbacksContextValue;
+export { PaymentFormCallbacksProvider, usePaymentFormCallbacks };

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

@@ -0,0 +1,12 @@
+import { ResultOf } from 'gql.tada';
+import { PaymentForm_PaymentMethodsFragment } from '../fragments/PaymentForm_PaymentMethodsFragment';
+export type PaymentMethodFragment = ResultOf<typeof PaymentForm_PaymentMethodsFragment>;
+export type PaymentMethodFormVisibilityContextValue = {
+    showPaymentMethodForm: boolean;
+    setShowPaymentMethodForm: (show: boolean) => void;
+};
+declare const PaymentMethodFormVisibilityProvider: ({ value, children }: {
+    value: PaymentMethodFormVisibilityContextValue;
+    children?: import("react").ReactNode;
+}) => import("react/jsx-runtime").JSX.Element, usePaymentMethodFormVisibility: () => PaymentMethodFormVisibilityContextValue;
+export { PaymentMethodFormVisibilityProvider, usePaymentMethodFormVisibility };

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

@@ -1,44 +1,60 @@
-import FormattedInvoice from '@/types/FormattedInvoice';
-import Invoice from '@/types/Invoice';
 import { FragmentOf } from 'gql.tada';
 import { PaymentType } from '../types/PaymentType';
-declare const useFormattedAmountDue: () => string | undefined;
-declare const usePaymentType: () => PaymentType | undefined;
-declare const useIsPaying: () => boolean | undefined;
-declare const useHandlePaymentFormSubmit: () => (demoPayCardDetails?: {
-    number: string;
-    expiry: string;
-    cvc: string;
-}) => Promise<void>;
-declare const useIsSaving: () => boolean | undefined;
-declare const useIsPaid: () => boolean | undefined;
-declare const useAccountId: () => string | undefined;
-export { useAccountId, useFormattedAmountDue, useHandlePaymentFormSubmit, useIsPaid, useIsPaying, useIsSaving, usePaymentType, };
+declare const PayableProvider: ({ value, children }: {
+    value: {
+        quoteId?: string;
+        invoiceId?: string;
+        paymentHold?: {
+            quoteId: string;
+            amountToHold: number;
+        };
+        paymentType: PaymentType;
+        amountDue: number | undefined;
+        formattedAmountDue: string | undefined;
+        isPaid: boolean;
+        setIsPaid: React.Dispatch<React.SetStateAction<boolean>>;
+    };
+    children?: import("react").ReactNode;
+}) => import("react/jsx-runtime").JSX.Element, usePayable: () => {
+    quoteId?: string;
+    invoiceId?: string;
+    paymentHold?: {
+        quoteId: string;
+        amountToHold: number;
+    };
+    paymentType: PaymentType;
+    amountDue: number | undefined;
+    formattedAmountDue: string | undefined;
+    isPaid: boolean;
+    setIsPaid: React.Dispatch<React.SetStateAction<boolean>>;
+};
+export { PayableProvider, usePayable, };
 export declare const PaymentProvider_QuoteFragment: import("gql.tada").TadaDocumentNode<{
     id: string | null;
+    currencyId: string;
     [$tada.fragmentRefs]: {
-        useHandlePayment_QuoteFragment: "Quote";
+        getQuoteAmountDue_QuoteFragment: "Quote";
     };
 }, {}, {
     fragment: "PaymentProvider_QuoteFragment";
     on: "Quote";
     masked: true;
 }>;
-export declare function PaymentProvider({ children, accountId, quote: maskedQuote, invoice, onPaymentSuccess, onPaymentHoldSuccess, paymentHoldOptions, onSavePaymentMethod, }: {
+export declare const PaymentProvider_InvoiceFragment: import("gql.tada").TadaDocumentNode<{
+    id: string | null;
+    currencyId: string;
+    amountDue: number | null;
+}, {}, {
+    fragment: "PaymentProvider_InvoiceFragment";
+    on: "Invoice";
+    masked: true;
+}>;
+export declare function PaymentProvider({ children, quote: maskedQuote, invoice: maskedInvoice, paymentHold, }: {
     children: React.ReactNode;
-    accountId?: string;
     quote: FragmentOf<typeof PaymentProvider_QuoteFragment> | undefined;
-    invoice: FormattedInvoice | Invoice | undefined;
-    onPaymentSuccess?: (response: any) => void;
-    onPaymentHoldSuccess?: (response: any) => void;
-    paymentHoldOptions: {
-        payToAccept?: boolean;
-        amountToHold?: number;
-    };
-    onSavePaymentMethod?: (response: any) => void;
-}): import("react/jsx-runtime").JSX.Element;
-export declare function StripeWrapper({ children, currencyId, accountId, }: {
-    children: React.ReactNode;
-    currencyId: string;
-    accountId?: string;
+    invoice: FragmentOf<typeof PaymentProvider_InvoiceFragment> | undefined;
+    paymentHold: {
+        quoteId: string;
+        amountToHold: number;
+    } | undefined;
 }): import("react/jsx-runtime").JSX.Element;

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

@@ -3,6 +3,9 @@ export declare const PaymentForm_PaymentMethodsFragment: import("gql.tada").Tada
         MiniCreditCard_PaymentMethodFragment: "PaymentMethod";
     };
     id: string;
+    plugin: {
+        id: string;
+    } | null;
 }, {}, {
     fragment: "PaymentForm_PaymentMethodsFragment";
     on: "PaymentMethod";

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

@@ -0,0 +1,14 @@
+import { PluginData } from '@/types/frontendTypes';
+type UsePayArgs = {
+    plugin: PluginData | undefined;
+    quoteId?: string | null;
+    invoiceId?: string | null;
+    onPaymentSuccess?: (response: any) => void;
+    onPaymentError?: (error: any) => void;
+};
+type UsePayResult = {
+    pay: (paymentMethodId: string) => Promise<void>;
+    isPaying: boolean;
+};
+export declare function usePay({ plugin, quoteId, invoiceId, onPaymentSuccess, onPaymentError, }: UsePayArgs): UsePayResult;
+export default usePay;

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

@@ -1,5 +1,6 @@
-export declare function usePayableCurrency({ payableCurrencyId }: {
+export declare function usePayableCurrency({ payableCurrencyId, accountCurrencyId }: {
     payableCurrencyId?: string;
+    accountCurrencyId?: string;
 }): {
     currencyId: string | undefined;
     isCurrencyIdLoading: boolean;

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

@@ -1 +1,7 @@
-export declare function usePaymentButtonText(): string;
+type usePaymentButtonTextProps = {
+    isSaving?: boolean;
+    isPaying?: boolean;
+    isApprovingHold?: boolean;
+};
+export declare function usePaymentButtonText(props?: usePaymentButtonTextProps): string;
+export {};

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

@@ -0,0 +1,18 @@
+import { PluginData } from '@/types/frontendTypes';
+type UsePaymentHoldArgs = {
+    plugin: PluginData | undefined;
+    onPaymentHoldSuccess?: (response: any) => void;
+    onPaymentHoldError?: (error: any) => void;
+};
+type UsePaymentHoldResult = {
+    approveHold: (args: {
+        quote: {
+            id: string;
+            amount: number;
+        };
+        paymentMethodId: string;
+    }) => Promise<void>;
+    isApprovingHold: boolean;
+};
+export declare function usePaymentHold({ plugin, onPaymentHoldSuccess, onPaymentHoldError, }: UsePaymentHoldArgs): UsePaymentHoldResult;
+export default usePaymentHold;

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

@@ -1,2 +1,5 @@
-declare function useRemovePaymentMethod(onRemovePaymentMethod?: () => void, onError?: (message: string) => void): (data: any) => Promise<void>;
+import { ResultOf } from 'gql.tada';
+import { PaymentForm_PaymentMethodsFragment } from '../fragments/PaymentForm_PaymentMethodsFragment';
+type PaymentMethodFragment = ResultOf<typeof PaymentForm_PaymentMethodsFragment>;
+declare function useRemovePaymentMethod(onPaymentMethodRemoved?: (paymentMethod: PaymentMethodFragment) => void, onError?: (message: string) => void): (data: PaymentMethodFragment) => Promise<void>;
 export default useRemovePaymentMethod;

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

@@ -0,0 +1,16 @@
+type SaveHookArgs = {
+    accountId: string | undefined;
+    onSaveSuccess?: (response: any) => void;
+    onSaveError?: (error: any) => void;
+    /**
+     * When true, invalidates the account payment methods query after a successful save.
+     * Defaults to true.
+     */
+    invalidatePaymentMethodsQuery?: boolean;
+};
+type SaveHookResult = {
+    save: () => Promise<string | undefined>;
+    isSaving: boolean;
+};
+export declare function useSave({ accountId, onSaveSuccess, onSaveError, invalidatePaymentMethodsQuery, }: SaveHookArgs): SaveHookResult;
+export default useSave;

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

@@ -1,5 +1,6 @@
 export declare enum PaymentType {
     PAY = "PAY",
     APPROVE_HOLD = "APPROVE_HOLD",
-    CHECKOUT_NO_PAYMENT = "CHECKOUT_NO_PAYMENT"
+    CHECKOUT_NO_PAYMENT = "CHECKOUT_NO_PAYMENT",
+    SAVE = "SAVE"
 }

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

@@ -1,7 +1,36 @@
+import { ResultOf } from 'gql.tada';
 import { InvoiceQuoteContextProps } from '../../contexts/InvoiceQuoteContext';
-export declare const MarkupContainer: any;
+export declare const Quote_PaymentHoldFragment: import("gql.tada").TadaDocumentNode<{
+    quote: {
+        currentPaymentHold: {
+            [$tada.fragmentRefs]: {
+                PaymentHoldDisplay_QuoteButtonsFragment: "PaymentHold";
+            };
+        } | null;
+        firstInvoice: {
+            id: string | null;
+        } | null;
+    };
+}, {}, {
+    fragment: "Quote_PaymentHoldFragment";
+    on: "FormattedQuote";
+    masked: true;
+}>;
+declare const OnQuoteLoadedFragment: import("gql.tada").TadaDocumentNode<{
+    vendorName: string | null;
+    quote: {
+        id: string | null;
+    };
+}, {}, {
+    fragment: "OnQuoteLoadedFragment";
+    on: "FormattedQuote";
+    masked: true;
+}>;
 type QuoteProps = InvoiceQuoteContextProps & {
     onQuoteAccepted?: () => void;
+    onQuoteUnavailableError?: () => void;
+    suppressQuoteUnavailableErrorNotification?: boolean;
+    onQuoteLoaded?: (formattedQuote: ResultOf<typeof OnQuoteLoadedFragment>) => void;
 };
-export default function Quote({ id, invoiceQuoteViewComponent, onInvoiceDownloadError, onPaymentSuccess, shadow, className, hideDownloadButton, onQuoteLoaded, onQuoteAccepted, }: QuoteProps): import("react/jsx-runtime").JSX.Element;
+export default function Quote({ id, invoiceQuoteViewComponent, onInvoiceDownloadError, onPaymentSuccess, shadow, className, hideDownloadButton, onQuoteLoaded, onQuoteAccepted, onQuoteUnavailableError, suppressQuoteUnavailableErrorNotification, }: QuoteProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/{esm/types/src/components/Quote → cjs/types/src/components/Quote/components}/AcceptQuoteModal.d.ts

@@ -1,8 +1,8 @@
 import { FragmentOf } from 'gql.tada';
 export declare const AcceptQuoteModal_FormattedQuoteFragment: import("gql.tada").TadaDocumentNode<{
-    poNumberRequired: boolean | null;
-    taxNumberRequired: boolean | null;
-    taxNumberLabel: string | null;
+    [$tada.fragmentRefs]: {
+        NoSigningPluginsForm_FormattedQuoteFragment: "FormattedQuote";
+    };
 }, {}, {
     fragment: "AcceptQuoteModal_FormattedQuoteFragment";
     on: "FormattedQuote";