@bunnyapp/components 1.6.0-beta.9.3 → 1.6.0

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

@@ -1,9 +1,7 @@
 import { QueryClient } from '@tanstack/react-query';
 import { ThemeConfig } from 'antd';
-import { GraphQLClient } from 'graphql-request';
 export type BunnyContextValues = {
     apiHost: string;
-    graphQLClient: GraphQLClient;
     token?: string;
     darkMode?: boolean;
     onTokenExpired?: () => void;

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

@@ -1,13 +1,28 @@
-import { FormattedInvoice, Quote } from '@bunnyapp/common';
+import { FormattedInvoice } from '@bunnyapp/common';
+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;
     open: boolean;
-    quote?: Quote;
+    quote?: FragmentOf<typeof Checkout_QuoteFragment> | null;
     token?: string;
     isUpdatingQuote: boolean;
 };
-declare const Checkout: ({ onCancel, onSuccess, onFail, invoice, open, quote, isUpdatingQuote, }: CheckoutProps) => import("react/jsx-runtime").JSX.Element | null;
+declare const Checkout: ({ onCancel, onSuccess, onFail, invoice, open, quote: maskedQuote, isUpdatingQuote, }: CheckoutProps) => import("react/jsx-runtime").JSX.Element | null;
 export default Checkout;

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

@@ -1,12 +1,86 @@
-import { Account, PaymentMethod, Quote, TaxationRequiredAccountFields } from '@bunnyapp/common';
-import { InvoiceQuoteParentProps } from '../PaymentForm/PaymentFormTypes';
+import { Account, PaymentMethod, TaxationRequiredAccountFields } from '@bunnyapp/common';
+import { FragmentOf } from 'gql.tada';
+import { InvoiceQuoteParentProps } from '../PaymentForm/types/PaymentFormTypes';
+export declare const QuoteCheckout_QuoteFragment: import("gql.tada").TadaDocumentNode<{
+    id: string | null;
+    accountId: string;
+    amountDue: number | null;
+    amount: number;
+    quoteChanges: ({
+        id: string | null;
+        charges: {
+            kind: "SUBSCRIBE" | "UPDATE" | "RENEW" | "REINSTATE" | "UNSUBSCRIBE" | "ADJUSTMENT" | "COUPON" | "DISCOUNT" | "CREDIT" | "PRICE_UPDATE" | "QUANTITY_UPDATE" | "FREE_PERIOD_DISCOUNT" | "ACTIVATE" | null;
+            coupon: {
+                couponCode: string;
+            } | null;
+        }[];
+    }[] & {
+        currencyId: string;
+        id: string | null;
+        kind: "SUBSCRIBE" | "UPDATE" | "RENEW" | "REINSTATE" | "UNSUBSCRIBE" | "ADJUSTMENT" | "COUPON" | "DISCOUNT" | "CREDIT" | "PRICE_UPDATE" | "QUANTITY_UPDATE" | "FREE_PERIOD_DISCOUNT" | "ACTIVATE";
+        charges: {
+            subtotal: number | null;
+            amountsByPeriod: {
+                amount: number | null;
+                startDate: unknown;
+            }[] | null;
+            amount: number | null;
+            billingPeriod: "ONCE" | "MONTHLY" | "QUARTERLY" | "SEMI_ANNUAL" | "ANNUAL" | null;
+            currencyId: string;
+            feature: {
+                unitName: string | null;
+            } | null;
+            id: string | null;
+            name: string | null;
+            priceListCharge: {
+                id: string;
+            } | null;
+            priceList: {
+                id: string;
+            } | null;
+            coupon: {
+                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;
+        }[];
+        priceList: {
+            id: string;
+            plan: {
+                name: string;
+            } | null;
+            product: {
+                name: string;
+            } | null;
+        } | null;
+    }[]) | null;
+    smallUnitAmountDue: number | null;
+    currencyId: string;
+    payableId: string | null;
+    periodAmount: number | null;
+    subtotal: number;
+    taxAmount: number;
+    startDate: unknown;
+    formattedQuote: {
+        html: string | null;
+    } | null;
+    amountsByPeriod: {
+        amount: number | null;
+        startDate: unknown;
+    }[];
+    kind: "SUBSCRIBE" | "UPDATE" | "RENEW" | "REINSTATE" | "UNSUBSCRIBE" | "ADJUSTMENT" | "COUPON" | "DISCOUNT" | "CREDIT" | "PRICE_UPDATE" | "QUANTITY_UPDATE" | "FREE_PERIOD_DISCOUNT" | "ACTIVATE";
+}, {}, {
+    fragment: "QuoteCheckout_QuoteFragment";
+    on: "Quote";
+    masked: true;
+}>;
 interface QuoteCheckoutProps extends InvoiceQuoteParentProps {
     account: Account;
-    quote: Quote;
+    quote: FragmentOf<typeof QuoteCheckout_QuoteFragment>;
     taxationRequiredAccountFields?: TaxationRequiredAccountFields | null;
     token?: string;
     storedPaymentMethod?: PaymentMethod;
     onRecalculateTaxes: () => void;
 }
-declare const QuoteCheckout: ({ account, onSuccess, onFail, quote, taxationRequiredAccountFields, onRecalculateTaxes, }: QuoteCheckoutProps) => import("react/jsx-runtime").JSX.Element;
+declare const QuoteCheckout: ({ account, onSuccess, onFail, quote: maskedQuote, taxationRequiredAccountFields, onRecalculateTaxes, }: QuoteCheckoutProps) => import("react/jsx-runtime").JSX.Element;
 export default QuoteCheckout;

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

@@ -1,2 +1,4 @@
-import { Quote } from '@bunnyapp/common';
-export declare const getQuoteAmountDue: (quote: Quote) => number;
+export declare const getQuoteAmountDue: (quote: {
+    amountDue: number | null;
+    amount: number;
+}) => number;

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

@@ -1,21 +1,25 @@
-import { PaymentMethod } from '@bunnyapp/common';
+import { FragmentOf } from 'gql.tada';
 import { ShadowType } from '../../../../types/shadowType';
+export declare const CreditCard_PaymentMethodFragment: import("gql.tada").TadaDocumentNode<{
+    [$tada.fragmentRefs]: {
+        CardImage_PaymentMethodFragment: "PaymentMethod";
+    };
+    id: string;
+    expirationDate: unknown;
+    metadata: {
+        identifier: string | null;
+    } | null;
+}, {}, {
+    fragment: "CreditCard_PaymentMethodFragment";
+    on: "PaymentMethod";
+    masked: true;
+}>;
 type CreditCardProps = {
     onClickRemove: () => void;
     onClickUpdate: () => void;
-    paymentMethodData: PaymentMethod;
+    paymentMethod: FragmentOf<typeof CreditCard_PaymentMethodFragment>;
     shadow?: ShadowType;
     cardEnabled?: boolean;
 };
-declare const CreditCard: ({ onClickRemove, onClickUpdate, paymentMethodData, shadow, cardEnabled, }: CreditCardProps) => import("react/jsx-runtime").JSX.Element;
-export declare const MiniCreditCard: ({ className, buttons, hideDropdownMenu, hideDefaultTag, onClickRemove, paymentMethodData, onClickSetDefault, id, }: {
-    className?: string;
-    buttons?: React.ReactNode;
-    hideDropdownMenu?: boolean;
-    hideDefaultTag?: boolean;
-    onClickRemove?: () => void;
-    paymentMethodData?: PaymentMethod;
-    onClickSetDefault?: () => void;
-    id?: string;
-}) => import("react/jsx-runtime").JSX.Element;
+declare const CreditCard: ({ onClickRemove, onClickUpdate, paymentMethod: maskedPaymentMethod, shadow, cardEnabled, }: CreditCardProps) => import("react/jsx-runtime").JSX.Element;
 export default CreditCard;

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

@@ -0,0 +1,27 @@
+import { FragmentOf } from 'gql.tada';
+export declare const MiniCreditCard_PaymentMethodFragment: import("gql.tada").TadaDocumentNode<{
+    [$tada.fragmentRefs]: {
+        CardImage_PaymentMethodFragment: "PaymentMethod";
+    };
+    isDefault: boolean | null;
+    metadata: {
+        issuer: string | null;
+        type: string | null;
+        identifier: string | null;
+    } | null;
+    id: string;
+}, {}, {
+    fragment: "MiniCreditCard_PaymentMethodFragment";
+    on: "PaymentMethod";
+    masked: true;
+}>;
+export declare function MiniCreditCard({ className, buttons, hideDropdownMenu, hideDefaultTag, onClickRemove, paymentMethod: maskedPaymentMethod, onClickSetDefault, id, }: {
+    className?: string;
+    buttons?: React.ReactNode;
+    hideDropdownMenu?: boolean;
+    hideDefaultTag?: boolean;
+    onClickRemove?: () => void;
+    paymentMethod?: FragmentOf<typeof MiniCreditCard_PaymentMethodFragment>;
+    onClickSetDefault?: () => void;
+    id?: string;
+}): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,14 @@
+import { FragmentOf } from 'gql.tada';
+export declare const CardImage_PaymentMethodFragment: import("gql.tada").TadaDocumentNode<{
+    metadata: {
+        issuer: string | null;
+        type: string | null;
+    } | null;
+}, {}, {
+    fragment: "CardImage_PaymentMethodFragment";
+    on: "PaymentMethod";
+    masked: true;
+}>;
+export declare function CardImage({ paymentMethod: maskedPaymentMethod, }: {
+    paymentMethod: FragmentOf<typeof CardImage_PaymentMethodFragment>;
+}): import("react/jsx-runtime").JSX.Element;

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

@@ -1 +1 @@
-export { MiniCreditCard } from './CreditCard';
+export { MiniCreditCard } from './MiniCreditCard';

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

@@ -1,7 +1,2 @@
-import { PluginData } from '@bunnyapp/common';
-declare const DemoPayForm: ({ onFail, onSavePaymentMethod, plugin, }: {
-    onFail: (error: any) => void;
-    onSavePaymentMethod: (response: any) => void;
-    plugin: PluginData;
-}) => import("react/jsx-runtime").JSX.Element;
+declare const DemoPayForm: () => import("react/jsx-runtime").JSX.Element;
 export default DemoPayForm;

package/dist/esm/types/src/components/PaymentForm/DemoPay/hooks/useApproveHold.d.ts

@@ -8,6 +8,6 @@ export declare function useApproveHold({ onApproveHoldSuccess, onApproveHoldErro
         quote: Quote;
         paymentMethodId: string;
     }) => Promise<void>;
-    isSaving: boolean;
+    isApprovingHold: boolean;
 };
 export default useApproveHold;

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

@@ -1,12 +1,12 @@
-import { FormattedInvoice, Invoice, PaymentMethod, PluginData, Quote } from '@bunnyapp/common';
-export declare function usePay({ onPaymentSuccess, onPaymentError, quote, invoice, storedPaymentMethod, plugin, }: {
+import { FormattedInvoice, Invoice, PluginData, Quote } from '@bunnyapp/common';
+export declare function usePay({ onPaymentSuccess, onPaymentError, quote, invoice, plugin, }: {
     onPaymentSuccess?: (response: any) => void;
     onPaymentError?: (error: any) => void;
     quote?: Quote;
     invoice?: FormattedInvoice | Invoice;
-    storedPaymentMethod?: PaymentMethod;
     plugin: PluginData | undefined;
 }): {
-    pay: () => Promise<void>;
+    pay: (paymentMethodId: string) => Promise<void>;
+    isPaying: boolean;
 };
 export default usePay;

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

@@ -1,22 +1,13 @@
-import { FormattedInvoice, PluginData, Quote } from '@bunnyapp/common';
-export declare function useSave({ onSaveSuccess, onSaveError, token, apiHost, accountId, }: {
+export declare function useSave({ onSaveSuccess, onSaveError, accountId, }: {
     onSaveSuccess?: (response: any) => void;
     onSaveError?: (error: any) => void;
-    quote?: Quote;
-    invoice?: FormattedInvoice;
-    token?: string;
-    apiHost: string;
-    accountId?: string;
+    accountId: string | undefined;
 }): {
-    save: ({ cardDetails, plugin, savePaymentMethod, }: {
-        cardDetails: {
-            number: string;
-            expiry: string;
-            cvc: string;
-        };
-        plugin: PluginData;
-        savePaymentMethod: boolean;
-    }) => Promise<void>;
+    save: (cardDetails: {
+        number: string;
+        expiry: string;
+        cvc: string;
+    }) => Promise<string | undefined>;
     isSaving: boolean;
 };
 export default useSave;

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

@@ -1,18 +1,17 @@
-import { FormattedInvoice, Invoice, PluginData, Quote } from '@bunnyapp/common';
-export declare const PaymentForm: ({ invoice, onFail, onPaymentSuccess, onPaymentHoldSuccess, quote, accountId, onSavePaymentMethod, onRemovePaymentMethod, onSetDefaultPaymentMethod, overrideToken, customCheckoutFunction, paymentHoldOptions, }: {
+import { FormattedInvoice, Invoice, Quote } from '@bunnyapp/common';
+export declare function PaymentForm({ invoice, quote, onPaymentSuccess, onPaymentHoldSuccess, accountId, onSavePaymentMethod, onRemovePaymentMethod, onSetDefaultPaymentMethod, overrideToken, customCheckoutFunction, paymentHoldOptions, }: {
     invoice?: FormattedInvoice | Invoice;
     quote?: Quote;
-    onFail: (error: any) => void;
-    onPaymentSuccess?: () => void;
+    onPaymentSuccess?: (response: any) => void;
     onPaymentHoldSuccess?: (response: any) => void;
     onSavePaymentMethod?: (response: any) => void;
     onRemovePaymentMethod?: () => void;
     onSetDefaultPaymentMethod?: () => void;
     accountId?: string;
     overrideToken?: string;
-    customCheckoutFunction?: (plugin: PluginData | undefined) => Promise<any>;
+    customCheckoutFunction?: (pluginId: string, paymentMethodId: string) => Promise<any>;
     paymentHoldOptions?: {
         payToAccept?: boolean;
         amountToHold?: number;
     };
-}) => import("react/jsx-runtime").JSX.Element;
+}): import("react/jsx-runtime").JSX.Element | null;

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

@@ -1,7 +1,2 @@
-import { PluginData } from '@bunnyapp/common';
-declare const StripeForm: ({ plugin, onFail, onSavePaymentMethod, }: {
-    plugin: PluginData;
-    onFail: (error: any) => void;
-    onSavePaymentMethod: (response: any) => void;
-}) => import("react/jsx-runtime").JSX.Element;
+declare const StripeForm: () => import("react/jsx-runtime").JSX.Element;
 export default StripeForm;

package/dist/esm/types/src/components/PaymentForm/Stripe/hooks/useApproveHold.d.ts

@@ -8,6 +8,6 @@ export declare function useApproveHold({ onApproveHoldSuccess, onApproveHoldErro
         quote: Quote;
         paymentMethodId: string;
     }) => Promise<void>;
-    isSaving: boolean;
+    isApprovingHold: boolean;
 };
 export default useApproveHold;

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

@@ -1,12 +1,12 @@
-import { FormattedInvoice, Invoice, PaymentMethod, PluginData, Quote } from '@bunnyapp/common';
-export declare function usePay({ onPaymentSuccess, onPaymentError, quote, invoice, storedPaymentMethod, plugin, }: {
+import { FormattedInvoice, Invoice, PluginData, Quote } from '@bunnyapp/common';
+export declare function usePay({ onPaymentSuccess, onPaymentError, quote, invoice, plugin, }: {
     onPaymentSuccess?: (response: any) => void;
     onPaymentError?: (error: any) => void;
     quote?: Quote;
     invoice?: FormattedInvoice | Invoice;
-    storedPaymentMethod?: PaymentMethod;
     plugin: PluginData | undefined;
 }): {
-    pay: () => Promise<void>;
+    pay: (paymentMethodId: string) => Promise<void>;
+    isPaying: boolean;
 };
 export default usePay;

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

@@ -1,11 +1,10 @@
-import { PluginData } from '@bunnyapp/common';
-export declare function useSave({ onSaveSuccess, onSaveError, }: {
+export declare function useSave({ onSaveSuccess, onSaveError, accountId, }: {
     onSaveSuccess?: (response: any) => void;
     onSaveError?: (error: any) => void;
+    accountId: string | undefined;
 }): {
-    save: ({ plugin }: {
-        plugin: PluginData;
-    }) => Promise<void>;
+    save: () => Promise<string | undefined>;
+    createStripePaymentMethodId: () => Promise<string>;
     isSaving: boolean;
 };
 export default useSave;

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

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

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

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

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

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

package/dist/esm/types/src/components/PaymentForm/components/PaymentMethodFooter.d.ts

@@ -0,0 +1,4 @@
+export declare function PaymentMethodFooter({ onSubmit, noPadding, }: {
+    onSubmit: () => void;
+    noPadding?: boolean;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/esm/types/src/components/PaymentForm/components/PaymentMethodSelector.d.ts

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

package/dist/esm/types/src/components/PaymentForm/context/CustomCheckoutFunctionContext.d.ts

@@ -0,0 +1,5 @@
+declare const CustomCheckoutFunctionProvider: ({ value, children }: {
+    value: ((pluginId: string, paymentMethodId: string) => Promise<any>) | undefined;
+    children?: import("react").ReactNode;
+}) => import("react/jsx-runtime").JSX.Element, useCustomCheckoutFunction: () => ((pluginId: string, paymentMethodId: string) => Promise<any>) | undefined;
+export { CustomCheckoutFunctionProvider, useCustomCheckoutFunction };

package/dist/esm/types/src/components/PaymentForm/context/OverrideTokenContext.d.ts

@@ -0,0 +1,4 @@
+export type OverrideTokenContextValues = {
+    overrideToken?: string;
+};
+export declare const OverrideTokenContext: import("react").Context<OverrideTokenContextValues>;

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

@@ -0,0 +1,32 @@
+import { FormattedInvoice, Invoice, Quote } from '@bunnyapp/common';
+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, useIsPaying, useIsSaving, useIsPaid, usePaymentType, };
+export declare function PaymentProvider({ children, accountId, quote, invoice, onPaymentSuccess, onPaymentHoldSuccess, paymentHoldOptions, onSavePaymentMethod, }: {
+    children: React.ReactNode;
+    accountId?: string;
+    quote: Quote | 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;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/esm/types/src/components/PaymentForm/context/SelectedPaymentPluginContext.d.ts

@@ -0,0 +1,6 @@
+import { PluginData } from '@bunnyapp/common';
+declare const SelectedPaymentPluginProvider: ({ initialValue, children, }: {
+    initialValue?: PluginData | undefined;
+    children?: import("react").ReactNode;
+}) => import("react/jsx-runtime").JSX.Element, useSelectedPaymentPlugin: () => [PluginData | undefined, import("react").Dispatch<import("react").SetStateAction<PluginData | undefined>>];
+export { SelectedPaymentPluginProvider, useSelectedPaymentPlugin };

package/dist/esm/types/src/components/PaymentForm/context/SelectedPluginProvider.d.ts

@@ -0,0 +1,16 @@
+declare const useSelectedPluginId: () => [string | undefined, import("react").Dispatch<import("react").SetStateAction<string | undefined>>];
+declare const useSelectedPlugin: () => any;
+export { useSelectedPlugin, // Get the selected plugin data (derived from the id using useSelectedPluginId)
+useSelectedPluginId, };
+/**
+ * SelectedPluginProvider manages the selected payment plugin state.
+ *
+ * Data Flow Pattern:
+ * - Children components should set the plugin ID using `setSelectedPluginId` from `useSelectedPluginId`
+ * - This provider then derives the `selectedPlugin` from that ID and provides it via `useSelectedPlugin`
+ * - This ensures that data flows only downward: children control the ID, and the provider computes and provides the data
+ */
+export declare function SelectedPluginProvider({ children, accountId, }: {
+    children: React.ReactNode;
+    accountId?: string;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/esm/types/src/components/PaymentForm/context/ShowPaymentDetailsContext.d.ts

@@ -0,0 +1,5 @@
+declare const ShowPaymentDetailsProvider: ({ initialValue, children, }: {
+    initialValue?: boolean | undefined;
+    children?: import("react").ReactNode;
+}) => import("react/jsx-runtime").JSX.Element, useShowPaymentDetails: () => [boolean, import("react").Dispatch<import("react").SetStateAction<boolean>>];
+export { ShowPaymentDetailsProvider, useShowPaymentDetails };

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

@@ -0,0 +1,10 @@
+export declare const PaymentForm_PaymentMethodsFragment: import("gql.tada").TadaDocumentNode<{
+    [$tada.fragmentRefs]: {
+        MiniCreditCard_PaymentMethodFragment: "PaymentMethod";
+    };
+    id: string;
+}, {}, {
+    fragment: "PaymentForm_PaymentMethodsFragment";
+    on: "PaymentMethod";
+    masked: true;
+}>;

package/dist/esm/types/src/components/PaymentForm/hooks/useAutoSetDefaultPaymentMethod.d.ts

@@ -1,8 +1,5 @@
-import { PaymentMethod } from '@bunnyapp/common';
-declare const useAutoSetDefaultPaymentMethod: ({ accountId, token, handleSetDefault, setDefaultPaymentMethodLoading, enabled, }: {
-    accountId: string | undefined;
-    token?: string;
-    handleSetDefault: (paymentMethod: PaymentMethod) => void;
+declare const useAutoSetDefaultPaymentMethod: ({ handleSetDefault, setDefaultPaymentMethodLoading, enabled, }: {
+    handleSetDefault: (paymentMethodId: string) => void;
     setDefaultPaymentMethodLoading: boolean;
     enabled?: boolean;
 }) => void;

package/dist/esm/types/src/components/PaymentForm/hooks/useHandlePayment.d.ts

@@ -0,0 +1,25 @@
+import { FormattedInvoice, Invoice, PluginData, Quote } from '@bunnyapp/common';
+import { PaymentType } from '../types/PaymentType';
+declare const useHandlePayment: ({ quote, invoice, onPaymentSuccess, onPaymentHoldSuccess, plugin, paymentHoldOptions, accountId, }: {
+    quote?: Quote;
+    invoice?: FormattedInvoice | Invoice;
+    onPaymentSuccess?: (response: any) => void;
+    onPaymentHoldSuccess?: (response: any) => void;
+    plugin: PluginData | undefined;
+    paymentHoldOptions: {
+        payToAccept?: boolean;
+        amountToHold?: number;
+    };
+    accountId: string | undefined;
+}) => {
+    handleApproveHold: (overridePaymentMethodId?: string) => Promise<void>;
+    handlePayment: (overridePaymentMethodId: string) => Promise<void>;
+    handleCheckoutNoPayment: import("@tanstack/react-query").UseMutateFunction<{
+        savePaymentMethod: boolean | undefined;
+    }, Error, void, unknown>;
+    isPaying: boolean;
+    isPaid: boolean;
+    paymentType: PaymentType;
+    formattedAmountDue: string | undefined;
+};
+export default useHandlePayment;

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

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

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

@@ -0,0 +1 @@
+export declare function usePaymentButtonText(): string;

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

@@ -0,0 +1,2 @@
+declare function useRemovePaymentMethod(onRemovePaymentMethod?: () => void, onError?: (message: string) => void): (data: any) => Promise<void>;
+export default useRemovePaymentMethod;

package/dist/esm/types/src/components/PaymentForm/hooks/useSetDefaultPaymentMethod.d.ts

@@ -0,0 +1,5 @@
+declare function useSetDefaultPaymentMethod(onError?: (message: string) => void, onSuccess?: () => void): {
+    setDefaultPaymentMethod: (paymentMethodId: string) => Promise<void>;
+    loading: boolean;
+};
+export default useSetDefaultPaymentMethod;

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

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

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

@@ -1,3 +1,7 @@
 import { InvoiceQuoteContextProps } from '../../contexts/InvoiceQuoteContext';
 export declare const MarkupContainer: any;
-export default function Quote({ id, invoiceQuoteViewComponent, onInvoiceDownloadError, onPaymentSuccess, shadow, className, hideDownloadButton, onQuoteLoaded, }: InvoiceQuoteContextProps): import("react/jsx-runtime").JSX.Element;
+type QuoteProps = InvoiceQuoteContextProps & {
+    onQuoteAccepted?: () => void;
+};
+export default function Quote({ id, invoiceQuoteViewComponent, onInvoiceDownloadError, onPaymentSuccess, shadow, className, hideDownloadButton, onQuoteLoaded, onQuoteAccepted, }: QuoteProps): import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -0,0 +1,4 @@
+declare function QuoteProvider({ children }: {
+    children: React.ReactNode;
+}): import("react/jsx-runtime").JSX.Element;
+export default QuoteProvider;

package/dist/{cjs/types/src/components/QuoteProvider.d.ts → esm/types/src/components/QuoteProvider/context/QuoteContext.d.ts}

@@ -1,6 +1,8 @@
-import { PriceList, Quote } from '@bunnyapp/common';
+import { PriceList } from '@bunnyapp/common';
+import { ResultOf } from 'gql.tada';
+import { QuoteContext_QuoteFragment } from '../fragments/quoteFragment';
 export type QuoteContextValues = {
-    quote: Quote | undefined;
+    quote: ResultOf<typeof QuoteContext_QuoteFragment> | null | undefined;
     selectedPriceList: PriceList | undefined;
     isQuotePending: boolean;
     isAddonPlanLoading: boolean;
@@ -15,7 +17,3 @@ export type QuoteContextValues = {
     onChangeQuantity: (priceListChargeId: string, quantity: number) => void;
 };
 export declare const QuoteContext: import("react").Context<QuoteContextValues>;
-declare function QuoteProvider({ children }: {
-    children: React.ReactNode;
-}): import("react/jsx-runtime").JSX.Element;
-export default QuoteProvider;