@bunnyapp/components 1.6.0-beta.9.4 → 1.7.0-beta.2

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

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

package/dist/cjs/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/cjs/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/cjs/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/cjs/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/cjs/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 → 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;
@@ -13,9 +15,6 @@ export type QuoteContextValues = {
     onClearQuote: () => void;
     onChangeSelectedPriceList: (priceList: PriceList) => void;
     onChangeQuantity: (priceListChargeId: string, quantity: number) => void;
+    onRecalculateTaxes: (quoteId: string) => 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;

package/dist/cjs/types/src/components/QuoteProvider/fragments/quoteFieldsFragment.d.ts

@@ -0,0 +1,65 @@
+export declare const QuoteFields_QuoteFragment: import("gql.tada").TadaDocumentNode<{
+    accountId: string;
+    amount: number;
+    amountDue: number | null;
+    smallUnitAmountDue: number | null;
+    currencyId: string;
+    id: string | null;
+    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";
+    quoteChanges: {
+        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;
+}, {}, {
+    fragment: "QuoteFields_QuoteFragment";
+    on: "Quote";
+    masked: false;
+}>;

package/dist/cjs/types/src/components/QuoteProvider/fragments/quoteFragment.d.ts

@@ -0,0 +1,53 @@
+/**
+ * Central quote fragment for QuoteProvider context.
+ *
+ * This fragment aggregates all child component fragments to ensure the QuoteProvider
+ * fetches all required quote data upfront. When a component needs specific quote fields,
+ * add its fragment here to maintain type safety and avoid over-fetching.
+ *
+ * Pattern: Fragment Composition
+ * - Components define their data needs via fragments
+ * - Provider composes these fragments into a single query
+ * - Type safety ensures all required fields are fetched
+ */
+export declare const QuoteContext_QuoteFragment: import("gql.tada").TadaDocumentNode<{
+    id: string | null;
+    currencyId: string;
+    amountDue: number | null;
+    startDate: unknown;
+    quoteChanges: {
+        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;
+            } | null;
+            feature: {
+                id: string;
+            } | null;
+            quantity: number | null;
+            id: string | null;
+        }[];
+    }[] | null;
+    [$tada.fragmentRefs]: {
+        PlanPickerCheckoutBar_QuoteFragment: "Quote";
+    } & {
+        CheckoutBarSummarySection_QuoteFragment: "Quote";
+    } & {
+        AddonPlanRow_QuoteFragment: "Quote";
+    } & {
+        FeatureAddonRow_QuoteFragment: "Quote";
+    };
+}, {}, {
+    fragment: "QuoteContext_QuoteFragment";
+    on: "Quote";
+    masked: true;
+}>;

package/dist/cjs/types/src/components/QuoteProvider/hooks/useFeatureQuantities.d.ts

@@ -0,0 +1,12 @@
+export type FeatureQuantitiesDict = Record<string, number | undefined>;
+/**
+ * Hook to manage feature quantities using a dictionary keyed by feature ID
+ * This tracks quantities for each unique feature.
+ */
+export declare function useFeatureQuantities({ onFeatureQuantitiesChanged, }: {
+    onFeatureQuantitiesChanged?: (featureQuantities: FeatureQuantitiesDict) => void;
+}): {
+    featureQuantities: FeatureQuantitiesDict;
+    getFeatureQuantity: (featureId: string, featureQuantities: FeatureQuantitiesDict) => number | undefined;
+    onUpdateFeatureQuantity: (featureId: string, quantity: number) => void;
+};

package/dist/cjs/types/src/components/QuoteProvider/hooks/useQuoteCreate.d.ts

@@ -0,0 +1,19 @@
+import { PriceList, Subscription } from '@bunnyapp/common';
+export declare const useQuoteCreate: ({ upgradingSubscription, selectedPriceList, token, }: {
+    upgradingSubscription?: Subscription;
+    selectedPriceList?: PriceList;
+    token?: string;
+}) => {
+    quote: {
+        [$tada.fragmentRefs]: {
+            QuoteContext_QuoteFragment: "Quote";
+        };
+    } | {
+        [$tada.fragmentRefs]: {
+            QuoteContext_QuoteFragment: "Quote";
+        } & {
+            FormattedQuoteFields_QuoteFragment: "Quote";
+        };
+    } | null | undefined;
+    isQuotePending: boolean;
+};

package/dist/{esm/types/src/hooks/quotes → cjs/types/src/components/QuoteProvider/hooks}/useQuoteQuantities.d.ts

@@ -1,14 +1,11 @@
-import { PriceList, Quote } from '@bunnyapp/common';
+import { PriceList } from '@bunnyapp/common';
+import { ResultOf } from 'gql.tada';
+import { QuoteContext_QuoteFragment } from '../fragments/quoteFragment';
 export declare const useQuoteQuantities: ({ selectedPriceList, quote, }: {
     selectedPriceList: PriceList;
-    quote?: Quote;
+    quote: ResultOf<typeof QuoteContext_QuoteFragment> | null | undefined;
 }) => {
     onChangeQuantity: (priceListChargeId: string, quantity: number) => void;
     getFeatureQuantity: (featureId: string) => number | undefined;
     isUpdatingCharges: boolean;
 };
-/**
- * Hook to manage feature quantities using a dictionary keyed by feature ID
- * This tracks quantities for each unique feature.
- */
-export type FeatureQuantitiesDict = Record<string, number | undefined>;

package/dist/cjs/types/src/components/QuoteProvider/hooks/useQuoteRecalculateTaxes.d.ts

@@ -0,0 +1,11 @@
+export declare const useQuoteRecalculateTaxes: () => {
+    quoteRecalculateTaxesMutation: import("@tanstack/react-query").UseMutateFunction<{
+        [$tada.fragmentRefs]: {
+            QuoteContext_QuoteFragment: "Quote";
+        };
+        id: string | null;
+    } | null | undefined, Error, {
+        quoteId: string;
+    }, unknown>;
+    isRecalculatingTaxes: boolean;
+};

package/dist/cjs/types/src/components/QuoteProvider/hooks/useSetQuoteQueryData.d.ts

@@ -0,0 +1,5 @@
+import { FragmentOf } from 'gql.tada';
+import { QuoteContext_QuoteFragment } from '../fragments/quoteFragment';
+export declare const useSetQuoteQueryData: () => {
+    setQuoteQueryData: (quoteId: string, quote: FragmentOf<typeof QuoteContext_QuoteFragment> | null) => void;
+};

package/dist/cjs/types/src/components/QuoteProvider/mutations/quoteChangeUpdate.d.ts

@@ -0,0 +1,16 @@
+declare const quoteChangeUpdate: ({ quoteChangeId, charges, apiHost, token, }: {
+    quoteChangeId: string;
+    charges: {
+        id: string;
+        quantity: number;
+    }[];
+    apiHost: string;
+    token: string;
+}) => Promise<{
+    quote: {
+        [$tada.fragmentRefs]: {
+            QuoteContext_QuoteFragment: "Quote";
+        };
+    };
+} | null | undefined>;
+export default quoteChangeUpdate;

package/dist/cjs/types/src/components/QuoteProvider/mutations/quoteRecalculateTaxes.d.ts

@@ -0,0 +1,11 @@
+declare const quoteRecalculateTaxes: ({ quoteId, apiHost, token, }: {
+    quoteId: string;
+    apiHost: string;
+    token?: string;
+}) => Promise<{
+    [$tada.fragmentRefs]: {
+        QuoteContext_QuoteFragment: "Quote";
+    };
+    id: string | null;
+} | null | undefined>;
+export default quoteRecalculateTaxes;

package/dist/cjs/types/src/components/QuoteProvider/queries/getQuote.d.ts

@@ -0,0 +1,16 @@
+export declare const getQuote: ({ id, token, apiHost, includeHtmlField, }: {
+    id: string;
+    token?: string;
+    apiHost: string;
+    includeHtmlField?: boolean;
+}) => Promise<{
+    [$tada.fragmentRefs]: {
+        QuoteContext_QuoteFragment: "Quote";
+    };
+} | {
+    [$tada.fragmentRefs]: {
+        QuoteContext_QuoteFragment: "Quote";
+    } & {
+        FormattedQuoteFields_QuoteFragment: "Quote";
+    };
+} | null>;

package/dist/cjs/types/src/components/QuoteProvider/utils/getQuantityFromQuoteChange.d.ts

@@ -0,0 +1,11 @@
+export declare function getQuantityFromQuoteChange(quoteChange: {
+    priceList: {
+        id: string;
+    } | null;
+    charges: {
+        feature: {
+            id: string;
+        } | null;
+        quantity: number | null;
+    }[];
+} | null, featureId: string): number | null | undefined;

package/dist/cjs/types/src/components/QuoteProvider/utils/quoteChangeCanBeEdited.d.ts

@@ -0,0 +1,4 @@
+import { QuoteChangeKind } from '@/graphql-codegen/exportedScalarTypes';
+export declare function isQuoteChangeEditable(quoteChange: {
+    kind: QuoteChangeKind;
+}): boolean;

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

@@ -1,9 +1,9 @@
 import { Transaction } from '@bunnyapp/common';
 import { ShadowType } from '../../types/shadowType';
 import { TransactionListColumnType } from '../Transactions/transactionsList/TransactionsListDesktop';
-declare function Quotes({ className, columns, filter, filterQuotes, sort, noQuotesMessage, onQuoteClick, quoteComponent, searchBarClassName, shadow, showSearchBar, showTitle, title, style, suppressQuoteDisplay, useModal, }: {
-    /** A custom component to render instead of the default invoice component */
-    quoteComponent?: React.ReactNode;
+declare function Quotes({ className, columns, filter, filterQuotes, sort, noQuotesMessage, onQuoteClick, renderQuote, searchBarClassName, shadow, showSearchBar, showTitle, title, style, suppressQuoteDisplay, useModal, }: {
+    /** Render a custom quote component. Receives the quoteId as a parameter. */
+    renderQuote?: (quote: Transaction) => React.ReactNode;
     /** Whether to show the search bar */
     showSearchBar?: boolean;
     /** Whether to show the title */

package/dist/cjs/types/src/components/Signup/PaymentForms.d.ts

@@ -1,13 +1,12 @@
-import { PluginData, Quote } from '@bunnyapp/common';
-export default function PaymentForms({ quote, handlePaymentSuccess, handlePaymentFail, handleSubmit, proceedingToPayment, accountId, overrideToken, customCheckoutFunction, defaultValues, }: {
+import { Quote } from '@bunnyapp/common';
+export default function PaymentForms({ quote, handlePaymentSuccess, handleSubmit, proceedingToPayment, accountId, overrideToken, customCheckoutFunction, defaultValues, }: {
     quote?: Quote;
     handlePaymentSuccess: () => void;
-    handlePaymentFail: (error: any) => void;
     handleSubmit: (formData: FormData) => void;
     proceedingToPayment: boolean;
     accountId?: string;
     overrideToken?: string;
-    customCheckoutFunction?: (plugin: PluginData | undefined) => Promise<any>;
+    customCheckoutFunction?: (pluginId: string, paymentMethodId: string) => Promise<any>;
     defaultValues?: DefaultSignupValues;
 }): import("react/jsx-runtime").JSX.Element;
 export type FormData = {

package/dist/cjs/types/src/components/Subscriptions/AddonSubscriptionCards.d.ts

@@ -1,6 +1,7 @@
 import { Subscription } from '@bunnyapp/common';
-export declare function AddonSubscriptionsCards({ onCancelSubscriptionClick, subscriptions, subscription, showInactive, }: {
-    onCancelSubscriptionClick?: (subscription: Subscription) => void;
+export declare function AddonSubscriptionsCards({ onCancelSubscriptionClick, onChangePlanClick, subscriptions, subscription, showInactive, }: {
+    onCancelSubscriptionClick: (subscription: Subscription) => void;
+    onChangePlanClick: (subscription: Subscription) => void;
     subscriptions: Subscription[];
     subscription: Subscription;
     showInactive: boolean;

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

@@ -1,14 +1,10 @@
 export declare const Subscriptions_SubscriptionFragment: import("gql.tada").TadaDocumentNode<{
-    state: "ACTIVE" | "TRIAL" | "CANCELED" | "EXPIRED" | "TRIAL_EXPIRED" | "PENDING";
+    state: "TRIAL" | "ACTIVE" | "CANCELED" | "EXPIRED" | "TRIAL_EXPIRED" | "PENDING";
 }, {}, {
     fragment: "Subscriptions_SubscriptionFragment";
     on: "Subscription";
     masked: true;
 }>;
-export type EditingQuoteDataType = {
-    id: string;
-    isTrial: boolean;
-};
 declare const SubscriptionsWrapper: ({ handlePortalErrors, companyName, isInPreviewMode, productId, className, styles: userStyles, noSubscriptionsComponent, showInactiveSubscriptions, showInactiveSubscriptionsToggle, }: {
     handlePortalErrors?: (errors: any) => void;
     companyName: string;

package/dist/cjs/types/src/components/Subscriptions/SubscriptionsListContainer.d.ts

@@ -1,14 +1,10 @@
 import { Subscription } from '@bunnyapp/common';
 import '../../styles/index.less';
-export type EditingQuoteDataType = {
-    id: string;
-    isTrial: boolean;
-};
 declare const SubscriptionsListContainer: ({ companyName, showInactive, onCancelSubscriptionClick, onChangePlanClick, noSubscriptionsComponent, subscriptions, subscriptionsAreLoading, }: {
     companyName: string;
     showInactive?: boolean;
-    onCancelSubscriptionClick?: (subscription: Subscription) => void;
-    onChangePlanClick?: (subscription: Subscription) => void;
+    onCancelSubscriptionClick: (subscription: Subscription) => void;
+    onChangePlanClick: (subscription: Subscription) => void;
     noSubscriptionsComponent?: React.ReactNode;
     subscriptions: Subscription[];
     subscriptionsAreLoading: boolean;

package/dist/cjs/types/src/components/Subscriptions/Upgrade/PlanPicker/PlanPicker.d.ts

@@ -1,6 +1,5 @@
 import { Subscription } from '@bunnyapp/common';
-declare const PlanPicker: ({ upgradingSubscription, onGoBack, areSubscriptionsLoading, subscriptions, }: {
-    upgradingSubscription?: Subscription;
+declare const PlanPicker: ({ onGoBack, areSubscriptionsLoading, subscriptions, }: {
     onGoBack?: () => void;
     areSubscriptionsLoading: boolean;
     subscriptions: Subscription[];

package/dist/cjs/types/src/components/Subscriptions/Upgrade/PlanPicker/PriceListGrid.d.ts

@@ -1,4 +1,5 @@
-import { BillingPeriod, PriceList, PriceListChangeOptions, Product, Subscription } from '@bunnyapp/common';
+import { BillingPeriod } from '@/graphql-codegen/exportedScalarTypes';
+import { PriceList, PriceListChangeOptions, Product, Subscription } from '@bunnyapp/common';
 import { Dispatch, SetStateAction } from 'react';
 type PriceListGridProps = {
     availablePriceLists: PriceList[];
@@ -8,7 +9,7 @@ type PriceListGridProps = {
     subscriptions: Subscription[];
     priceListStart: number;
     setPriceListStart: Dispatch<SetStateAction<number>>;
-    selectedBillingPeriod?: BillingPeriod | undefined;
+    selectedBillingPeriod: BillingPeriod | null;
     onClickPriceListCard: (priceList: PriceList) => void;
 };
 declare const PriceListGrid: ({ availablePriceLists, priceListChangeOptions, priceListStart, selectedPriceList, selectedProduct, setPriceListStart, subscriptions, selectedBillingPeriod, onClickPriceListCard, }: PriceListGridProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -1,7 +1,7 @@
 import { PriceListCharge } from '@bunnyapp/common';
-declare const CheckoutBarInput: ({ disabled, charge, quantity, onQuantityChanged, }: {
+declare const CheckoutBarInput: ({ disabled, priceListCharge, quantity, onQuantityChanged, }: {
     disabled?: boolean;
-    charge: PriceListCharge;
+    priceListCharge: PriceListCharge;
     quantity: number;
     onQuantityChanged: (quantity: number) => void;
 }) => import("react/jsx-runtime").JSX.Element;

package/dist/cjs/types/src/components/Subscriptions/Upgrade/PlanPicker/checkoutBar/CheckoutBarSummarySection.d.ts

@@ -1,6 +1,19 @@
 import { PriceList } from '@bunnyapp/common';
-declare const CheckoutBarSummarySection: ({ open, selectedPriceList, onClickCheckout, }: {
-    open: boolean;
+export declare const CheckoutBarSummarySection_QuoteFragment: import("gql.tada").TadaDocumentNode<{
+    quoteChanges: {
+        charges: {
+            id: string | null;
+        }[];
+    }[] | null;
+    [$tada.fragmentRefs]: {
+        CheckoutPrice_QuoteFragment: "Quote";
+    };
+}, {}, {
+    fragment: "CheckoutBarSummarySection_QuoteFragment";
+    on: "Quote";
+    masked: true;
+}>;
+declare const CheckoutBarSummarySection: ({ selectedPriceList, onClickCheckout, }: {
     selectedPriceList: PriceList;
     onClickCheckout: () => void;
 }) => import("react/jsx-runtime").JSX.Element;

package/dist/cjs/types/src/components/Subscriptions/Upgrade/PlanPicker/checkoutBar/CheckoutButton.d.ts

@@ -1,5 +1,5 @@
-declare const CheckoutButton: ({ checkoutButtonDisabled, onClickCheckout, loading, tooltipText, }: {
-    checkoutButtonDisabled: boolean;
+declare const CheckoutButton: ({ disabled, onClickCheckout, loading, tooltipText, }: {
+    disabled: boolean;
     onClickCheckout: () => void;
     loading: boolean;
     tooltipText?: string;

package/dist/cjs/types/src/components/Subscriptions/Upgrade/PlanPicker/checkoutBar/CheckoutPrice.d.ts

@@ -1,7 +1,16 @@
-import { PriceList, Quote } from "@bunnyapp/common";
-declare const CheckoutPrice: ({ isUsage, quote, selectedPriceList, }: {
+import { PriceList } from '@bunnyapp/common';
+import { FragmentOf } from 'gql.tada';
+export declare const CheckoutPrice_QuoteFragment: import("gql.tada").TadaDocumentNode<{
+    periodAmount: number | null;
+    amountDue: number | null;
+}, {}, {
+    fragment: "CheckoutPrice_QuoteFragment";
+    on: "Quote";
+    masked: true;
+}>;
+declare const CheckoutPrice: ({ isUsage, quote: maskedQuote, selectedPriceList, }: {
     isUsage: boolean;
-    quote?: Quote;
+    quote?: FragmentOf<typeof CheckoutPrice_QuoteFragment>;
     selectedPriceList: PriceList;
 }) => import("react/jsx-runtime").JSX.Element | null;
 export default CheckoutPrice;

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

@@ -1,4 +1,23 @@
 import { PriceList } from '@bunnyapp/common';
+export declare const PlanPickerCheckoutBar_QuoteFragment: import("gql.tada").TadaDocumentNode<{
+    [$tada.fragmentRefs]: {
+        Checkout_QuoteFragment: "Quote";
+    };
+    quoteChanges: {
+        priceList: {
+            id: string;
+        } | null;
+        charges: {
+            priceListCharge: {
+                id: string;
+            } | null;
+        }[];
+    }[] | null;
+}, {}, {
+    fragment: "PlanPickerCheckoutBar_QuoteFragment";
+    on: "Quote";
+    masked: true;
+}>;
 declare const PlanPickerCheckoutBar: ({ selectedPriceList, handlePortalErrors, onCheckoutSuccess, }: {
     selectedPriceList: PriceList;
     handlePortalErrors?: (errors: any) => void;

package/dist/cjs/types/src/components/Subscriptions/Upgrade/PlanPicker/planPickerDesktop/BillingPeriodSelector.d.ts

@@ -1,10 +1,11 @@
-import { BillingPeriod, Product } from '@bunnyapp/common';
-import { PeriodMonths } from '../../../../../utils/pricePickerUtils';
+import { BillingPeriod } from '@/graphql-codegen/exportedScalarTypes';
+import { Product } from '@bunnyapp/common';
+type PeriodMonths = number;
 declare const BillingPeriodSelector: ({ availableBillingPeriods, onChangeBillingPeriod, products, selectedBillingPeriod, selectedProduct, onChangeProduct, }: {
     availableBillingPeriods?: PeriodMonths[];
-    onChangeBillingPeriod: (billingPeriod: BillingPeriod) => void;
+    onChangeBillingPeriod: (billingPeriod: BillingPeriod | null) => void;
     products?: Product[];
-    selectedBillingPeriod?: BillingPeriod;
+    selectedBillingPeriod: BillingPeriod | null;
     selectedProduct?: Product;
     onChangeProduct: (product: Product) => void;
 }) => import("react/jsx-runtime").JSX.Element | null;

package/dist/cjs/types/src/components/Subscriptions/Upgrade/PlanPicker/planPickerDesktop/PriceListGridDesktop.d.ts

@@ -1,4 +1,5 @@
-import { BillingPeriod, PriceList, PriceListChangeOptions, Product, Subscription } from '@bunnyapp/common';
+import { BillingPeriod } from '@/graphql-codegen/exportedScalarTypes';
+import { PriceList, PriceListChangeOptions, Product, Subscription } from '@bunnyapp/common';
 import { Dispatch, SetStateAction } from 'react';
 type PriceListGridDesktopProps = {
     availablePriceLists: PriceList[];
@@ -9,7 +10,7 @@ type PriceListGridDesktopProps = {
     setPriceListStart: Dispatch<SetStateAction<number>>;
     subscriptions: Subscription[];
     trialRemainingDays: number;
-    selectedBillingPeriod?: BillingPeriod | undefined;
+    selectedBillingPeriod: BillingPeriod | null;
     onClickPriceListCard: (priceList: PriceList) => void;
 };
 declare const PriceListGridDesktop: ({ availablePriceLists, priceListChangeOptions, priceListStart, selectedPriceList, selectedProduct, setPriceListStart, subscriptions, trialRemainingDays, selectedBillingPeriod, onClickPriceListCard, }: PriceListGridDesktopProps) => import("react/jsx-runtime").JSX.Element;

package/dist/cjs/types/src/components/Subscriptions/Upgrade/PlanPicker/planPickerDesktop/featureAddons/FeatureAddonRow.d.ts

@@ -0,0 +1,33 @@
+import { FragmentOf } from 'gql.tada';
+export declare const FeatureAddonRow_PriceListFragment: import("gql.tada").TadaDocumentNode<{
+    id: string;
+    currencyId: string;
+    charges: {
+        id: string;
+        name: string;
+    }[] | null;
+    [$tada.fragmentRefs]: {
+        PricingTooltip_PriceListFragment: "PriceList";
+    };
+}, {}, {
+    fragment: "FeatureAddonRow_PriceListFragment";
+    on: "PriceList";
+    masked: true;
+}>;
+export declare const FeatureAddonRow_PriceListChargeFragment: import("gql.tada").TadaDocumentNode<{
+    id: string;
+    name: string;
+    [$tada.fragmentRefs]: {
+        isAddonPurchased_PriceListChargeFragment: "PriceListCharge";
+    } & {
+        PricingTooltip_PriceListChargeFragment: "PriceListCharge";
+    };
+}, {}, {
+    fragment: "FeatureAddonRow_PriceListChargeFragment";
+    on: "PriceListCharge";
+    masked: true;
+}>;
+export declare function FeatureAddonRow({ featureAddon: maskedFeatureAddon, priceList: maskedPriceList, }: {
+    featureAddon: FragmentOf<typeof FeatureAddonRow_PriceListChargeFragment>;
+    priceList: FragmentOf<typeof FeatureAddonRow_PriceListFragment>;
+}): import("react/jsx-runtime").JSX.Element;