@bunnyapp/components 1.8.0-beta.7 → 1.8.0-beta.9

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

@@ -1,19 +1,5 @@
-import PriceList from '@/types/PriceList';
-import { FragmentOf, ResultOf } from 'gql.tada';
-import { QuoteContext_QuoteFragment } from '../fragments/quoteFragment';
-export declare const useQuoteQuantities_PriceListChargeFragment: import("gql.tada").TadaDocumentNode<{
-    feature: {
-        id: string;
-    } | null;
-    id: string;
-    quantityMax: number | null;
-    quantityMin: number | null;
-    selfServiceQuantity: boolean | null;
-}, {}, {
-    fragment: "useQuoteQuantities_PriceListChargeFragment";
-    on: "PriceListCharge";
-    masked: true;
-}>;
+import { FragmentOf } from 'gql.tada';
+import { useQuoteQuantities_PriceListChargeFragment } from '../fragments/useQuoteQuantities_PriceListChargeFragment';
 export declare const useQuoteQuantities_SubscriptionFragment: import("gql.tada").TadaDocumentNode<{
     currentCharges: {
         id: string | null;
@@ -24,9 +10,7 @@ export declare const useQuoteQuantities_SubscriptionFragment: import("gql.tada")
     on: "Subscription";
     masked: true;
 }>;
-export declare const useQuoteQuantities: ({ selectedPriceList, quote, quantityEditableCharges: maskedQuantityEditableCharges, }: {
-    selectedPriceList: PriceList;
-    quote: ResultOf<typeof QuoteContext_QuoteFragment> | null | undefined;
+export declare const useQuoteQuantities: ({ quantityEditableCharges: maskedQuantityEditableCharges, }: {
     quantityEditableCharges: FragmentOf<typeof useQuoteQuantities_PriceListChargeFragment>[] | undefined;
 }) => {
     onChangeQuantity: (priceListChargeId: string, quantity: number) => void;

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

@@ -1,37 +1,25 @@
-import { FragmentOf, ResultOf } from 'gql.tada';
-import { QuoteContext_QuoteFragment } from '../fragments/quoteFragment';
-export declare const useSelectedPriceListQuoteChange_PriceListFragment: import("gql.tada").TadaDocumentNode<{
-    id: string;
+import { FragmentOf } from 'gql.tada';
+export declare const useSelectedPriceListQuoteChange_QuoteFragment: import("gql.tada").TadaDocumentNode<{
+    quoteChanges: {
+        id: string | null;
+    }[] | null;
 }, {}, {
-    fragment: "useSelectedPriceListQuoteChange_PriceListFragment";
-    on: "PriceList";
+    fragment: "useSelectedPriceListQuoteChange_QuoteFragment";
+    on: "Quote";
     masked: true;
 }>;
-export declare function useSelectedPriceListQuoteChange({ quote, selectedPriceList: maskedSelectedPriceList, }: {
-    quote: ResultOf<typeof QuoteContext_QuoteFragment> | null | undefined;
-    selectedPriceList: FragmentOf<typeof useSelectedPriceListQuoteChange_PriceListFragment> | null;
-}): {
+export declare const useSelectedPriceListQuoteChange_QuoteChangeFragment: import("gql.tada").TadaDocumentNode<{
     id: string | null;
-    kind: "SUBSCRIBE" | "UPDATE" | "RENEW" | "REINSTATE" | "UNSUBSCRIBE" | "ADJUSTMENT" | "COUPON" | "DISCOUNT" | "CREDIT" | "PRICE_UPDATE" | "QUANTITY_UPDATE" | "FREE_PERIOD_DISCOUNT" | "ACTIVATE";
     priceList: {
         id: string;
     } | null;
-    charges: {
-        priceListCharge: {
-            id: string;
-            chargeType: "ONE_TIME" | "RECURRING" | "USAGE" | null;
-            pricingModel: "FLAT" | "TIERED" | "VOLUME" | "BANDS" | null;
-            quantityMin: number | null;
-            quantityMax: number | null;
-            selfServiceQuantity: boolean | null;
-            [$tada.fragmentRefs]: {
-                CanEditChargeQuantity_PriceListChargeFragment: "PriceListCharge";
-            };
-        } | null;
-        feature: {
-            id: string;
-        } | null;
-        quantity: number | null;
-        id: string | null;
-    }[];
-} | undefined;
+    kind: "SUBSCRIBE" | "UPDATE" | "RENEW" | "REINSTATE" | "UNSUBSCRIBE" | "ADJUSTMENT" | "COUPON" | "DISCOUNT" | "CREDIT" | "PRICE_UPDATE" | "QUANTITY_UPDATE" | "FREE_PERIOD_DISCOUNT" | "ACTIVATE";
+}, {}, {
+    fragment: "useSelectedPriceListQuoteChange_QuoteChangeFragment";
+    on: "QuoteChange";
+    masked: true;
+}>;
+export declare function useSelectedPriceListQuoteChange<T extends FragmentOf<typeof useSelectedPriceListQuoteChange_QuoteChangeFragment>>({ quoteChanges: maskedQuoteChanges, selectedPriceListId, }: {
+    quoteChanges: T[] | undefined | null;
+    selectedPriceListId: string | undefined;
+}): T | undefined;

package/dist/esm/types/src/components/Subscriptions/Upgrade/PlanPicker/checkoutBar/CheckoutBarInput/CheckoutBarInput.d.ts

@@ -1,17 +1,5 @@
 import { FragmentOf } from 'gql.tada';
-export declare const CheckoutBarInput_PriceListChargeFragment: import("gql.tada").TadaDocumentNode<{
-    name: string;
-    quantityMin: number | null;
-    quantityMax: number | null;
-    id: string;
-    feature: {
-        id: string;
-    } | null;
-}, {}, {
-    fragment: "CheckoutBarInput_PriceListChargeFragment";
-    on: "PriceListCharge";
-    masked: true;
-}>;
+import { CheckoutBarInput_PriceListChargeFragment } from './fragments/CheckoutBarInput_PriceListChargeFragment';
 declare const CheckoutBarInput: ({ disabled, priceListCharge: maskedPriceListCharge, quantity, onQuantityChanged, }: {
     disabled?: boolean;
     priceListCharge: FragmentOf<typeof CheckoutBarInput_PriceListChargeFragment>;

package/dist/esm/types/src/components/Subscriptions/Upgrade/PlanPicker/checkoutBar/CheckoutBarInput/fragments/CheckoutBarInput_PriceListChargeFragment.d.ts

@@ -0,0 +1,13 @@
+export declare const CheckoutBarInput_PriceListChargeFragment: import("gql.tada").TadaDocumentNode<{
+    name: string;
+    quantityMin: number | null;
+    quantityMax: number | null;
+    id: string;
+    feature: {
+        id: string;
+    } | null;
+}, {}, {
+    fragment: "CheckoutBarInput_PriceListChargeFragment";
+    on: "PriceListCharge";
+    masked: true;
+}>;

package/dist/esm/types/src/components/Subscriptions/Upgrade/PlanPicker/checkoutBar/CheckoutBarInput/fragments/useChargeCRUD_QuoteFragment.d.ts

@@ -0,0 +1,22 @@
+export declare const useChargeCRUD_QuoteFragment: import("gql.tada").TadaDocumentNode<{
+    id: string | null;
+    startDate: unknown;
+    quoteChanges: {
+        subscriptionId: string | null;
+        charges: {
+            id: string | null;
+            quantity: number | null;
+            priceListCharge: {
+                id: string;
+            } | null;
+        }[];
+        id: string | null;
+        [$tada.fragmentRefs]: {
+            useSelectedPriceListQuoteChange_QuoteChangeFragment: "QuoteChange";
+        };
+    }[] | null;
+}, {}, {
+    fragment: "useChargeCRUD_QuoteFragment";
+    on: "Quote";
+    masked: true;
+}>;

package/dist/esm/types/src/components/Subscriptions/Upgrade/PlanPicker/checkoutBar/CheckoutBarInput/hooks/useChargeCRUD.d.ts

@@ -23,7 +23,7 @@ export declare const useChargeCRUD_SubscriptionFragment: import("gql.tada").Tada
  *
  * All network operations are debounced.
  */
-export declare const useChargeCRUD: ({ priceListChargeId, featureId }: {
+export declare const useChargeCRUD: ({ priceListChargeId, featureId, }: {
     priceListChargeId: string;
     featureId: string | undefined;
 }) => {

package/dist/esm/types/src/components/Subscriptions/Upgrade/PlanPicker/checkoutBar/PlanPickerCheckoutBar.d.ts

@@ -1,18 +1,4 @@
 import PriceList from '@/types/PriceList';
-export declare const PlanPickerCheckoutBar_PriceListChargeFragment: import("gql.tada").TadaDocumentNode<{
-    [$tada.fragmentRefs]: {
-        CheckoutBarInput_PriceListChargeFragment: "PriceListCharge";
-    };
-    feature: {
-        id: string;
-    } | null;
-    featureAddon: boolean | null;
-    id: string;
-}, {}, {
-    fragment: "PlanPickerCheckoutBar_PriceListChargeFragment";
-    on: "PriceListCharge";
-    masked: true;
-}>;
 declare const PlanPickerCheckoutBar: ({ selectedPriceList, handlePortalErrors, onCheckoutSuccess, }: {
     selectedPriceList: PriceList;
     handlePortalErrors?: (errors: any) => void;

package/dist/esm/types/src/components/Subscriptions/Upgrade/PlanPicker/checkoutBar/fragments/PlanPickerCheckoutBar_PriceListChargeFragment.d.ts

@@ -0,0 +1,14 @@
+export declare const PlanPickerCheckoutBar_PriceListChargeFragment: import("gql.tada").TadaDocumentNode<{
+    [$tada.fragmentRefs]: {
+        CheckoutBarInput_PriceListChargeFragment: "PriceListCharge";
+    };
+    feature: {
+        id: string;
+    } | null;
+    featureAddon: boolean | null;
+    id: string;
+}, {}, {
+    fragment: "PlanPickerCheckoutBar_PriceListChargeFragment";
+    on: "PriceListCharge";
+    masked: true;
+}>;

package/dist/esm/types/src/components/Subscriptions/Upgrade/PlanPicker/priceListSelector/PriceListSelector.d.ts

@@ -9,6 +9,9 @@ export declare const PriceListSelectorUpgradingSubscription_SubscriptionFragment
             addon: boolean | null;
         } | null;
     } | null;
+    [$tada.fragmentRefs]: {
+        createAvailableBillingPeriods_SubscriptionFragment: "Subscription";
+    };
 }, {}, {
     fragment: "PriceListSelectorUpgradingSubscription_SubscriptionFragment";
     on: "Subscription";

package/dist/esm/types/src/components/Subscriptions/Upgrade/queries/getSubscriptions.d.ts

@@ -5,171 +5,10 @@ export declare const getSubscriptions: ({ apiHost, isInPreviewMode, token, }: {
 }) => Promise<{
     subscriptions: {
         nodes: ({
-            addonSubscriptions: {
-                id: string;
-                priceList: {
-                    id: string;
-                } | null;
-                plan: {
-                    id: string;
-                } | null;
-            }[] | null;
-            cancellationDate: unknown;
-            currencyId: string;
-            endDate: unknown;
-            evergreen: boolean;
             id: string;
-            period: string;
-            account: {
-                id: string;
+            [$tada.fragmentRefs]: {
+                UpgradingSubscriptionContext_SubscriptionFragment: "Subscription";
             };
-            daysLeftInTrial: number | null;
-            plan: {
-                id: string;
-                name: string;
-                selfServiceBuy: boolean | null;
-                selfServiceCancel: boolean | null;
-                selfServiceRenew: boolean | null;
-            } | null;
-            priceList: {
-                id: string;
-                periodMonths: number | null;
-                name: string;
-                plan: {
-                    id: string;
-                    addon: boolean | null;
-                    addonPlans: {
-                        id: string;
-                    }[] | null;
-                } | null;
-            } | null;
-            product: {
-                id: string;
-                name: string;
-                showProductNameOnLineItem: boolean | null;
-            } | null;
-            startDate: unknown;
-            state: "ACTIVE" | "TRIAL" | "CANCELED" | "EXPIRED" | "TRIAL_EXPIRED" | "PENDING";
-            trialEndDate: unknown;
-            trialPeriod: string;
-            trialStartDate: unknown;
-            trialExpirationAction: "ACTIVATE" | "CANCEL" | null;
-            charges: {
-                priceListCharge: {
-                    priceListChargeTiers: {
-                        price: number | null;
-                        starts: number | null;
-                    }[] | null;
-                    featureAddon: boolean | null;
-                    id: string;
-                } | null;
-                amount: number | null;
-                billingPeriod: "MONTHLY" | "QUARTERLY" | "SEMI_ANNUAL" | "ANNUAL" | "ONCE" | null;
-                chargeType: "ONE_TIME" | "RECURRING" | "USAGE" | null;
-                discount: number | null;
-                discountedPrice: string | null;
-                endDate: unknown;
-                expired: boolean;
-                feature: {
-                    name: string;
-                } | null;
-                id: string | null;
-                isAmendment: boolean;
-                isRamp: boolean;
-                kind: "SUBSCRIBE" | "UPDATE" | "RENEW" | "REINSTATE" | "UNSUBSCRIBE" | "ADJUSTMENT" | "COUPON" | "DISCOUNT" | "CREDIT" | "PRICE_UPDATE" | "QUANTITY_UPDATE" | "FREE_PERIOD_DISCOUNT" | "ACTIVATE" | null;
-                name: string | null;
-                periodPrice: number | null;
-                price: string | null;
-                priceDecimals: number | null;
-                priceListChargeId: string | null;
-                priceTiers: {
-                    starts: number | null;
-                    price: number | null;
-                }[] | null;
-                pricingModel: "FLAT" | "TIERED" | "VOLUME" | "BANDS" | null;
-                quantity: number | null;
-                selfServiceQuantity: boolean | null;
-                startDate: unknown;
-                trial: boolean;
-            }[] | null;
-            chargeReport: {
-                priceListCharge: {
-                    priceListChargeTiers: {
-                        price: number | null;
-                        starts: number | null;
-                    }[] | null;
-                    featureAddon: boolean | null;
-                    id: string;
-                    code: string | null;
-                } | null;
-                amount: number | null;
-                billingPeriod: "MONTHLY" | "QUARTERLY" | "SEMI_ANNUAL" | "ANNUAL" | "ONCE" | null;
-                chargeType: "ONE_TIME" | "RECURRING" | "USAGE" | null;
-                discount: number | null;
-                discountedPrice: string | null;
-                endDate: unknown;
-                expired: boolean;
-                feature: {
-                    name: string;
-                } | null;
-                id: string | null;
-                isAmendment: boolean;
-                isRamp: boolean;
-                kind: "SUBSCRIBE" | "UPDATE" | "RENEW" | "REINSTATE" | "UNSUBSCRIBE" | "ADJUSTMENT" | "COUPON" | "DISCOUNT" | "CREDIT" | "PRICE_UPDATE" | "QUANTITY_UPDATE" | "FREE_PERIOD_DISCOUNT" | "ACTIVATE" | null;
-                name: string | null;
-                periodPrice: number | null;
-                price: string | null;
-                priceDecimals: number | null;
-                priceListChargeId: string | null;
-                priceTiers: {
-                    starts: number | null;
-                    price: number | null;
-                }[] | null;
-                pricingModel: "FLAT" | "TIERED" | "VOLUME" | "BANDS" | null;
-                quantity: number | null;
-                selfServiceQuantity: boolean | null;
-                startDate: unknown;
-                trial: boolean;
-            }[] | null;
-            currentCharges: {
-                priceListCharge: {
-                    priceListChargeTiers: {
-                        price: number | null;
-                        starts: number | null;
-                    }[] | null;
-                    featureAddon: boolean | null;
-                    id: string;
-                    code: string | null;
-                } | null;
-                amount: number | null;
-                billingPeriod: "MONTHLY" | "QUARTERLY" | "SEMI_ANNUAL" | "ANNUAL" | "ONCE" | null;
-                chargeType: "ONE_TIME" | "RECURRING" | "USAGE" | null;
-                discount: number | null;
-                discountedPrice: string | null;
-                endDate: unknown;
-                expired: boolean;
-                feature: {
-                    name: string;
-                } | null;
-                id: string | null;
-                isAmendment: boolean;
-                isRamp: boolean;
-                kind: "SUBSCRIBE" | "UPDATE" | "RENEW" | "REINSTATE" | "UNSUBSCRIBE" | "ADJUSTMENT" | "COUPON" | "DISCOUNT" | "CREDIT" | "PRICE_UPDATE" | "QUANTITY_UPDATE" | "FREE_PERIOD_DISCOUNT" | "ACTIVATE" | null;
-                name: string | null;
-                periodPrice: number | null;
-                price: string | null;
-                priceDecimals: number | null;
-                priceListChargeId: string | null;
-                priceTiers: {
-                    starts: number | null;
-                    price: number | null;
-                }[] | null;
-                pricingModel: "FLAT" | "TIERED" | "VOLUME" | "BANDS" | null;
-                quantity: number | null;
-                selfServiceQuantity: boolean | null;
-                startDate: unknown;
-                trial: boolean;
-            }[] | null;
         } | null)[] | null;
     } | null;
 }>;

package/dist/esm/types/src/components/Subscriptions/context/upgradingSubscriptionContext.d.ts

@@ -25,8 +25,12 @@ export declare const UpgradingSubscriptionProvider: ({ value, children }: {
             useChargeCRUD_SubscriptionFragment: "Subscription";
         } & {
             useQuoteQuantities_SubscriptionFragment: "Subscription";
+        } & {
+            isAddonPurchased_SubscriptionChargeFragment: "Subscription";
+        } & {
+            useQuoteCreate_SubscriptionFragment: "Subscription";
         };
-    } | undefined;
+    } | null | undefined;
     children?: import("react").ReactNode;
 }) => import("react/jsx-runtime").JSX.Element, useUpgradingSubscription: () => {
     id: string;
@@ -54,5 +58,9 @@ export declare const UpgradingSubscriptionProvider: ({ value, children }: {
         useChargeCRUD_SubscriptionFragment: "Subscription";
     } & {
         useQuoteQuantities_SubscriptionFragment: "Subscription";
+    } & {
+        isAddonPurchased_SubscriptionChargeFragment: "Subscription";
+    } & {
+        useQuoteCreate_SubscriptionFragment: "Subscription";
     };
 } | undefined;

package/dist/esm/types/src/components/Subscriptions/fragments/UpgradingSubscriptionContext_SubscriptionFragment.d.ts

@@ -24,6 +24,10 @@ export declare const UpgradingSubscriptionContext_SubscriptionFragment: import("
         useChargeCRUD_SubscriptionFragment: "Subscription";
     } & {
         useQuoteQuantities_SubscriptionFragment: "Subscription";
+    } & {
+        isAddonPurchased_SubscriptionChargeFragment: "Subscription";
+    } & {
+        useQuoteCreate_SubscriptionFragment: "Subscription";
     };
 }, {}, {
     fragment: "UpgradingSubscriptionContext_SubscriptionFragment";

package/dist/esm/types/src/hooks/usePaymentMethod.d.ts

@@ -23,6 +23,8 @@ export declare const usePaymentMethod: ({ accountId, enabled, }: {
         isDefault: boolean | null;
         [$tada.fragmentRefs]: {
             PaymentForm_PaymentMethodsFragment: "PaymentMethod";
+        } & {
+            StoredPaymentMethods_PaymentMethodsFragment: "PaymentMethod";
         };
     }[] | undefined;
     defaultPaymentMethod: {
@@ -46,6 +48,8 @@ export declare const usePaymentMethod: ({ accountId, enabled, }: {
         isDefault: boolean | null;
         [$tada.fragmentRefs]: {
             PaymentForm_PaymentMethodsFragment: "PaymentMethod";
+        } & {
+            StoredPaymentMethods_PaymentMethodsFragment: "PaymentMethod";
         };
     } | undefined;
     isLoading: boolean;

package/dist/esm/types/src/utils/chargeUtils.d.ts

@@ -2,6 +2,7 @@ import { FragmentOf } from 'gql.tada';
 export declare const CanEditChargeQuantity_PriceListChargeFragment: import("gql.tada").TadaDocumentNode<{
     chargeType: "ONE_TIME" | "RECURRING" | "USAGE" | null;
     pricingModel: "FLAT" | "TIERED" | "VOLUME" | "BANDS" | null;
+    selfServiceQuantity: boolean | null;
 }, {}, {
     fragment: "CanEditChargeQuantity_PriceListChargeFragment";
     on: "PriceListCharge";

package/dist/esm/types/src/utils/featureAddonUtils/isAddonPurchased.d.ts

@@ -21,4 +21,4 @@ export declare const isAddonPurchased_SubscriptionChargeFragment: import("gql.ta
     on: "Subscription";
     masked: true;
 }>;
-export declare function isAddonPurchased(maskedFeatureAddon: FragmentOf<typeof isAddonPurchased_PriceListChargeFragment>, maskedCurrentSubscription: FragmentOf<typeof isAddonPurchased_SubscriptionChargeFragment>): boolean;
+export declare function isAddonPurchased(maskedFeatureAddon: FragmentOf<typeof isAddonPurchased_PriceListChargeFragment>, maskedCurrentSubscription: FragmentOf<typeof isAddonPurchased_SubscriptionChargeFragment> | undefined): boolean;

package/dist/index.d.ts

@@ -3,10 +3,9 @@ import * as gql_tada from 'gql.tada';
 import { ResultOf, FragmentOf } from 'gql.tada';
 import FormattedInvoice from '@/types/FormattedInvoice';
 import { Transaction, TransactionKind } from '@/types/Transaction';
-import Invoice$1 from '@/types/Invoice';
+import react, { ReactNode, ComponentProps } from 'react';
 import { QueryClient } from '@tanstack/react-query';
 import { ThemeConfig } from 'antd';
-import react from 'react';
 
 type ShadowType = "shadow-none" | "shadow-sm" | "shadow-md" | "shadow-lg" | "shadow-xl";
 
@@ -94,6 +93,35 @@ declare function Quotes({ className, columns, filter, filterQuotes, sort, noQuot
     noQuotesMessage?: string;
 }): react_jsx_runtime.JSX.Element;
 
+type Props = {
+    className?: string;
+    disabled?: boolean;
+};
+declare function CheckoutNoPayment(props?: Props): react_jsx_runtime.JSX.Element;
+
+type PayProps = {
+    disabled?: boolean;
+};
+declare function Pay(props?: PayProps): react_jsx_runtime.JSX.Element;
+
+declare function Cancel(): react_jsx_runtime.JSX.Element;
+
+declare function Save(): react_jsx_runtime.JSX.Element;
+
+type PaymentMethodDetailsProps = {
+    footer?: ReactNode;
+};
+declare function PaymentMethodDetailsRoot(props?: PaymentMethodDetailsProps): react_jsx_runtime.JSX.Element;
+declare const PaymentMethodDetails: typeof PaymentMethodDetailsRoot & {
+    Cancel: typeof Cancel;
+    Save: typeof Save;
+};
+
+type StoredPaymentMethodsProps = {
+    className?: string;
+};
+declare function StoredPaymentMethods(props?: StoredPaymentMethodsProps): react_jsx_runtime.JSX.Element;
+
 declare const PaymentForm_PaymentMethodsFragment: gql_tada.TadaDocumentNode<{
     [$tada.fragmentRefs]: {
         MiniCreditCard_PaymentMethodFragment: "PaymentMethod";
@@ -120,10 +148,25 @@ declare const PaymentForm_QuoteFragment: gql_tada.TadaDocumentNode<{
     on: "Quote";
     masked: true;
 }>;
-declare function PaymentForm({ currencyId: accountCurrencyId, invoice, quote: maskedQuote, onPaymentSuccess, onPaymentHoldSuccess, paymentHoldPrecondition, accountId, onSavePaymentMethod, onPaymentMethodRemoved, onSetDefaultPaymentMethod, overrideToken, customCheckoutFunction, paymentHoldOptions, disablePayButton, }: {
+declare const PaymentForm_InvoiceFragment: 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?: FormattedInvoice | Invoice$1;
+    invoice?: FragmentOf<typeof PaymentForm_InvoiceFragment>;
     quote?: FragmentOf<typeof PaymentForm_QuoteFragment>;
+    paymentHold?: {
+        quoteId: string;
+        amountToHold: number;
+    };
     onPaymentSuccess?: (response: any) => void;
     onPaymentHoldSuccess?: (response: any) => void;
     /**
@@ -136,12 +179,24 @@ declare function PaymentForm({ currencyId: accountCurrencyId, invoice, quote: ma
     accountId?: string;
     overrideToken?: string;
     customCheckoutFunction?: (pluginId: string, paymentMethodId: string) => Promise<any>;
-    paymentHoldOptions?: {
-        payToAccept?: boolean;
-        amountToHold?: number;
-    };
-    disablePayButton?: boolean;
+    children?: ReactNode | ((state: PaymentFormRenderState) => ReactNode);
 }): react_jsx_runtime.JSX.Element | null;
+type PaymentFormProps = ComponentProps<typeof PaymentFormRoot>;
+type PaymentFormRenderState = {
+    hasPaymentMethods: boolean;
+    isPaymentMethodDetailsOpen: boolean;
+    isPayableAvailable: boolean;
+    amountDue: number | undefined;
+};
+declare function PaymentFormInternal(props: PaymentFormProps & {
+    disablePayButton?: boolean;
+}): react_jsx_runtime.JSX.Element;
+declare const PaymentForm: typeof PaymentFormInternal & {
+    StoredPaymentMethods: typeof StoredPaymentMethods;
+    Pay: typeof Pay;
+    CheckoutNoPayment: typeof CheckoutNoPayment;
+    PaymentMethodDetails: typeof PaymentMethodDetails;
+};
 
 declare function Signup({ companyName, priceListCode, returnUrl, couponCode, className, shadow, style, defaultFirstName, defaultLastName, defaultEmail, defaultCompanyName, defaultBillingCountry, }: {
     /** The company name to display on the signup page */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bunnyapp/components",
-  "version": "1.8.0-beta.7",
+  "version": "1.8.0-beta.9",
   "description": "Components from the Bunny portal to embed Bunny UI functionality into your application.",
   "main": "dist/cjs/index.js",
   "module": "dist/esm/index.js",

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

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

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

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

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

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

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

@@ -1,41 +0,0 @@
-import FormattedInvoice from '@/types/FormattedInvoice';
-import Invoice from '@/types/Invoice';
-import { PluginData } from '@/types/frontendTypes';
-import { FragmentOf } from 'gql.tada';
-import { PaymentType } from '../types/PaymentType';
-export declare const useHandlePayment_QuoteFragment: import("gql.tada").TadaDocumentNode<{
-    id: string | null;
-    amount: number;
-    currencyId: string;
-    [$tada.fragmentRefs]: {
-        getQuoteAmountDue_QuoteFragment: "Quote";
-    };
-}, {}, {
-    fragment: "useHandlePayment_QuoteFragment";
-    on: "Quote";
-    masked: true;
-}>;
-declare const useHandlePayment: ({ quote: maskedQuote, invoice, onPaymentSuccess, onPaymentHoldSuccess, paymentHoldPrecondition, plugin, paymentHoldOptions, accountId, }: {
-    quote?: FragmentOf<typeof useHandlePayment_QuoteFragment>;
-    invoice?: FormattedInvoice | Invoice;
-    onPaymentSuccess?: (response: any) => void;
-    onPaymentHoldSuccess?: (response: any) => void;
-    paymentHoldPrecondition?: () => boolean | Promise<boolean>;
-    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/components/CheckoutFooter.d.ts

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

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

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

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

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