@bunnyapp/components 1.7.0 → 1.8.0-beta.11

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

@@ -1,32 +1,60 @@
-import { FormattedInvoice, Invoice, Quote } from '@bunnyapp/common';
+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, 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;
+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>>;
     };
-    onSavePaymentMethod?: (response: any) => void;
-}): import("react/jsx-runtime").JSX.Element;
-export declare function StripeWrapper({ children, currencyId, accountId, }: {
-    children: React.ReactNode;
+    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;
-    accountId?: string;
+    [$tada.fragmentRefs]: {
+        getQuoteAmountDue_QuoteFragment: "Quote";
+    };
+}, {}, {
+    fragment: "PaymentProvider_QuoteFragment";
+    on: "Quote";
+    masked: true;
+}>;
+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;
+    quote: FragmentOf<typeof PaymentProvider_QuoteFragment> | undefined;
+    invoice: FragmentOf<typeof PaymentProvider_InvoiceFragment> | undefined;
+    paymentHold: {
+        quoteId: string;
+        amountToHold: number;
+    } | undefined;
 }): import("react/jsx-runtime").JSX.Element;

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

@@ -1,4 +1,4 @@
-import { PluginData } from '@bunnyapp/common';
+import { PluginData } from '@/types/frontendTypes';
 declare const SelectedPaymentPluginProvider: ({ initialValue, children, }: {
     initialValue?: PluginData | undefined;
     children?: import("react").ReactNode;

package/dist/esm/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/esm/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/esm/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/esm/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/esm/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/esm/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/esm/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/esm/types/src/components/PaymentForm/types/PaymentFormTypes.d.ts

@@ -1,4 +1,4 @@
-import { PluginData } from '@bunnyapp/common';
+import { PluginData } from '@/types/frontendTypes';
 export type SavedPaymentMethodResponse = {
     paymentMethodId: string;
 };

package/dist/esm/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/esm/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/components/AcceptQuoteModal.d.ts

@@ -0,0 +1,19 @@
+import { FragmentOf } from 'gql.tada';
+export declare const AcceptQuoteModal_FormattedQuoteFragment: import("gql.tada").TadaDocumentNode<{
+    [$tada.fragmentRefs]: {
+        NoSigningPluginsForm_FormattedQuoteFragment: "FormattedQuote";
+    };
+}, {}, {
+    fragment: "AcceptQuoteModal_FormattedQuoteFragment";
+    on: "FormattedQuote";
+    masked: true;
+}>;
+declare const AcceptQuoteModal: ({ acceptBoxVisible, formattedQuote: maskedFormattedQuote, sendAccept, setAcceptBoxVisible, setIsAccepting, isSendAcceptPending, }: {
+    acceptBoxVisible: boolean;
+    formattedQuote: FragmentOf<typeof AcceptQuoteModal_FormattedQuoteFragment>;
+    sendAccept: (changedFields: any) => void;
+    setAcceptBoxVisible: (visible: boolean) => void;
+    setIsAccepting: (accepting: boolean) => void;
+    isSendAcceptPending: boolean;
+}) => import("react/jsx-runtime").JSX.Element;
+export default AcceptQuoteModal;

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

@@ -0,0 +1,17 @@
+import { FormInstance } from 'antd';
+import { FragmentOf } from 'gql.tada';
+export declare const NoSigningPluginsForm_FormattedQuoteFragment: import("gql.tada").TadaDocumentNode<{
+    poNumberRequired: boolean | null;
+    taxNumberRequired: boolean | null;
+    taxNumberLabel: string | null;
+}, {}, {
+    fragment: "NoSigningPluginsForm_FormattedQuoteFragment";
+    on: "FormattedQuote";
+    masked: true;
+}>;
+declare function NoSigningPluginsForm({ isVisible, formattedQuote: maskedFormattedQuote, form, }: {
+    isVisible: boolean;
+    formattedQuote: FragmentOf<typeof NoSigningPluginsForm_FormattedQuoteFragment>;
+    form: FormInstance;
+}): import("react/jsx-runtime").JSX.Element;
+export default NoSigningPluginsForm;

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

@@ -0,0 +1,18 @@
+import { FragmentOf } from 'gql.tada';
+export declare const PaymentHoldDisplay_PaymentHoldFragment: import("gql.tada").TadaDocumentNode<{
+    expiresAt: unknown;
+    paymentMethod: {
+        metadata: {
+            identifier: string | null;
+        } | null;
+    } | null;
+}, {}, {
+    fragment: "PaymentHoldDisplay_PaymentHoldFragment";
+    on: "PaymentHold";
+    masked: true;
+}>;
+export declare function PaymentHoldDisplay({ paymentHold: maskedPaymentHold, currency, amount, }: {
+    paymentHold: FragmentOf<typeof PaymentHoldDisplay_PaymentHoldFragment>;
+    currency: string | null;
+    amount: number;
+}): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,25 @@
+import { FragmentOf } from 'gql.tada';
+export declare const PaymentHoldModal_FormattedQuoteFragment: import("gql.tada").TadaDocumentNode<{
+    quote: {
+        id: string | null;
+        [$tada.fragmentRefs]: {
+            PaymentForm_QuoteFragment: "Quote";
+        };
+    };
+    currency: string | null;
+    amount: number;
+    [$tada.fragmentRefs]: {
+        NoSigningPluginsForm_FormattedQuoteFragment: "FormattedQuote";
+    };
+}, {}, {
+    fragment: "PaymentHoldModal_FormattedQuoteFragment";
+    on: "FormattedQuote";
+    masked: true;
+}>;
+declare const PaymentHoldModal: ({ visible, setVisible, formattedQuote: maskedFormattedQuote, sendAccept, }: {
+    visible: boolean;
+    setVisible: (visible: boolean) => void;
+    formattedQuote: FragmentOf<typeof PaymentHoldModal_FormattedQuoteFragment>;
+    sendAccept: (changedFields: any) => void;
+}) => import("react/jsx-runtime").JSX.Element;
+export default PaymentHoldModal;

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

@@ -0,0 +1,35 @@
+import { FragmentOf } from 'gql.tada';
+export declare const QuoteButtons_FormattedQuoteFragment: import("gql.tada").TadaDocumentNode<{
+    acceptedAt: unknown;
+    acceptedByName: string | null;
+    currency: string | null;
+    amount: number;
+    expiresAt: unknown;
+}, {}, {
+    fragment: "QuoteButtons_FormattedQuoteFragment";
+    on: "FormattedQuote";
+    masked: true;
+}>;
+export declare const PaymentHoldDisplay_QuoteButtonsFragment: import("gql.tada").TadaDocumentNode<{
+    [$tada.fragmentRefs]: {
+        PaymentHoldDisplay_PaymentHoldFragment: "PaymentHold";
+    };
+}, {}, {
+    fragment: "PaymentHoldDisplay_QuoteButtonsFragment";
+    on: "PaymentHold";
+    masked: true;
+}>;
+export declare function QuoteButtons({ isAccepted, formattedQuote: maskedFormattedQuote, isMobile, hideDownloadButton, id, isAccepting, handleClickAccept, setPaymentHoldModalVisible, shouldDoPaymentHold, paymentHoldCompleted, paymentHold: maskedPaymentHold, isSendAcceptPending, }: {
+    isAccepted: boolean;
+    formattedQuote: FragmentOf<typeof QuoteButtons_FormattedQuoteFragment>;
+    isMobile: boolean;
+    hideDownloadButton?: boolean;
+    id?: string | null | undefined;
+    isAccepting: boolean;
+    handleClickAccept: () => void;
+    setPaymentHoldModalVisible: (visible: boolean) => void;
+    shouldDoPaymentHold: boolean;
+    paymentHoldCompleted: boolean;
+    paymentHold: FragmentOf<typeof PaymentHoldDisplay_QuoteButtonsFragment> | undefined | null;
+    isSendAcceptPending: boolean;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/esm/types/src/{hooks/quotes/useSendAcceptQuote.d.ts → components/Quote/hooks/useAcceptQuote.d.ts}

@@ -1,4 +1,4 @@
-declare const useSendAcceptQuote: ({ quoteId, apiHost, token, onQuoteAccepted, }: {
+export declare const useAcceptQuote: ({ quoteId, apiHost, token, onQuoteAccepted, }: {
     quoteId?: string;
     apiHost: string;
     token?: string;
@@ -6,7 +6,11 @@ declare const useSendAcceptQuote: ({ quoteId, apiHost, token, onQuoteAccepted, }
 }) => {
     acceptBoxVisible: boolean;
     isAccepting: boolean;
-    sendAccept: import("@tanstack/react-query").UseMutateFunction<any, Error, {
+    sendAccept: import("@tanstack/react-query").UseMutateFunction<{
+        quoteAccept: {
+            errors: string | null;
+        } | null;
+    }, Error, {
         [key: string]: string;
     }, unknown>;
     setAcceptBoxVisible: import("react").Dispatch<import("react").SetStateAction<boolean>>;
@@ -16,4 +20,3 @@ declare const useSendAcceptQuote: ({ quoteId, apiHost, token, onQuoteAccepted, }
     setPandadocPollingModalVisible: import("react").Dispatch<import("react").SetStateAction<boolean>>;
     isSendAcceptPending: boolean;
 };
-export default useSendAcceptQuote;

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

@@ -0,0 +1,20 @@
+import { FragmentOf } from 'gql.tada';
+export declare const useQuotePaymentHold_FormattedQuoteFragment: import("gql.tada").TadaDocumentNode<{
+    quote: {
+        payToAccept: boolean | null;
+        currentPaymentHold: {
+            id: string | null;
+        } | null;
+    };
+}, {}, {
+    fragment: "useQuotePaymentHold_FormattedQuoteFragment";
+    on: "FormattedQuote";
+    masked: true;
+}>;
+declare const useQuotePaymentHold: (maskedFormattedQuote?: FragmentOf<typeof useQuotePaymentHold_FormattedQuoteFragment>) => {
+    paymentHoldModalVisible: boolean;
+    setPaymentHoldModalVisible: import("react").Dispatch<import("react").SetStateAction<boolean>>;
+    shouldDoPaymentHold: boolean;
+    paymentHoldCompleted: boolean;
+};
+export default useQuotePaymentHold;

package/dist/esm/types/src/{graphql → components/Quote}/queries/getFormattedQuote.d.ts

@@ -1,7 +1,7 @@
 declare const getFormattedQuote: ({ token, apiHost, id, }: {
     apiHost: string;
     token?: string;
-    id?: string;
+    id?: string | null | undefined;
 }) => Promise<{
     quote: {
         documentTemplateId: string | null;
@@ -14,7 +14,7 @@ declare const getFormattedQuote: ({ token, apiHost, id, }: {
         }[] | null;
         firstInvoice: {
             id: string | null;
-            state: "FAILED" | "DRAFT" | "NOT_DUE" | "DUE" | "UNPAID" | "PAID" | "VOIDED" | "READY" | "PREPARING" | "PROCESSING_PAYMENT" | "MERGED" | "QUEUED" | "CONSOLIDATED";
+            state: "READY" | "NOT_DUE" | "DUE" | "UNPAID" | "DRAFT" | "PREPARING" | "PAID" | "VOIDED" | "FAILED" | "PROCESSING_PAYMENT" | "MERGED" | "QUEUED" | "CONSOLIDATED";
         } | null;
         payableId: string | null;
         id: string | null;
@@ -34,7 +34,7 @@ declare const getFormattedQuote: ({ token, apiHost, id, }: {
                 lastSuccess: unknown;
                 paymentType: "ach" | "card" | "other" | "wire" | null;
                 pluginId: string | null;
-                state: "UNKNOWN" | "SUCCESS" | "FAILED" | null;
+                state: "FAILED" | "UNKNOWN" | "SUCCESS" | null;
                 updatedAt: unknown;
                 metadata: {
                     description: string | null;
@@ -45,6 +45,9 @@ declare const getFormattedQuote: ({ token, apiHost, id, }: {
                     kind: string | null;
                 } | null;
             } | null;
+            [$tada.fragmentRefs]: {
+                PaymentHoldDisplay_QuoteButtonsFragment: "PaymentHold";
+            };
         } | null;
     };
     payableId: string | null;
@@ -134,11 +137,20 @@ declare const getFormattedQuote: ({ token, apiHost, id, }: {
     salesContactEmail: string | null;
     sharedAt: unknown;
     startDate: unknown;
-    state: "DRAFT" | "SHARED" | "VIEWED" | "ACCEPTED" | "IN_APPROVAL" | "APPROVED" | "REJECTED" | "UNDONE";
+    state: "APPROVED" | "REJECTED" | "DRAFT" | "SHARED" | "VIEWED" | "ACCEPTED" | "IN_APPROVAL" | "UNDONE";
     subtotal: number;
     taxAmount: number;
     taxNumberLabel: string | null;
     taxNumberRequired: boolean | null;
     vendorName: string | null;
+    [$tada.fragmentRefs]: {
+        useQuotePaymentHold_FormattedQuoteFragment: "FormattedQuote";
+    } & {
+        PaymentHoldModal_FormattedQuoteFragment: "FormattedQuote";
+    } & {
+        AcceptQuoteModal_FormattedQuoteFragment: "FormattedQuote";
+    } & {
+        QuoteButtons_FormattedQuoteFragment: "FormattedQuote";
+    };
 }>;
 export default getFormattedQuote;

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

@@ -0,0 +1,14 @@
+type QuoteAcceptProps = {
+    apiHost: string;
+    changedFormItems: {
+        [key: string]: string;
+    };
+    quoteId?: string;
+    token?: string;
+};
+declare const quoteAccept: ({ quoteId, apiHost, token, changedFormItems }: QuoteAcceptProps) => Promise<{
+    quoteAccept: {
+        errors: string | null;
+    } | null;
+}>;
+export default quoteAccept;

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

@@ -1,4 +1,4 @@
-import { PriceList } from '@bunnyapp/common';
+import PriceList from '@/types/PriceList';
 import { ResultOf } from 'gql.tada';
 import { QuoteContext_QuoteFragment } from '../fragments/quoteFragment';
 export type QuoteContextValues = {
@@ -8,6 +8,7 @@ export type QuoteContextValues = {
     isAddonPlanLoading: boolean;
     isFeatureAddonsLoading: boolean;
     isUpdatingQuote: boolean;
+    isRecalculatingTaxes: boolean;
     setIsAddonPlanLoading: React.Dispatch<React.SetStateAction<boolean>>;
     addFeatureAddonLoading: (featureAddonId: string) => void;
     removeFeatureAddonLoading: (featureAddonId: string) => void;

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

@@ -0,0 +1,26 @@
+export declare const QuantityEditableChargesProvider: ({ value, children }: {
+    value: {
+        deprecated: boolean | null;
+        id: string;
+        featureAddon: boolean | null;
+        [$tada.fragmentRefs]: {
+            CanEditChargeQuantity_PriceListChargeFragment: "PriceListCharge";
+        } & {
+            PlanPickerCheckoutBar_PriceListChargeFragment: "PriceListCharge";
+        } & {
+            useQuoteQuantities_PriceListChargeFragment: "PriceListCharge";
+        };
+    }[];
+    children?: import("react").ReactNode;
+}) => import("react/jsx-runtime").JSX.Element, useQuantityEditableChargesContext: () => {
+    deprecated: boolean | null;
+    id: string;
+    featureAddon: boolean | null;
+    [$tada.fragmentRefs]: {
+        CanEditChargeQuantity_PriceListChargeFragment: "PriceListCharge";
+    } & {
+        PlanPickerCheckoutBar_PriceListChargeFragment: "PriceListCharge";
+    } & {
+        useQuoteQuantities_PriceListChargeFragment: "PriceListCharge";
+    };
+}[];

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

@@ -29,7 +29,7 @@ export declare const QuoteFields_QuoteFragment: import("gql.tada").TadaDocumentN
                 startDate: unknown;
             }[] | null;
             amount: number | null;
-            billingPeriod: "ONCE" | "MONTHLY" | "QUARTERLY" | "SEMI_ANNUAL" | "ANNUAL" | null;
+            billingPeriod: "MONTHLY" | "QUARTERLY" | "SEMI_ANNUAL" | "ANNUAL" | "ONCE" | null;
             currencyId: string;
             feature: {
                 unitName: string | null;

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

@@ -29,6 +29,7 @@ export declare const QuoteContext_QuoteFragment: import("gql.tada").TadaDocument
                 quantityMin: number | null;
                 quantityMax: number | null;
                 selfServiceQuantity: boolean | null;
+                name: string;
             } | null;
             feature: {
                 id: string;
@@ -45,6 +46,12 @@ export declare const QuoteContext_QuoteFragment: import("gql.tada").TadaDocument
         AddonPlanRow_QuoteFragment: "Quote";
     } & {
         FeatureAddonRow_QuoteFragment: "Quote";
+    } & {
+        PaymentForms_QuoteFragment: "Quote";
+    } & {
+        useQuantityEditableCharges_QuoteFragment: "Quote";
+    } & {
+        useChargeCRUD_QuoteFragment: "Quote";
     };
 }, {}, {
     fragment: "QuoteContext_QuoteFragment";

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

@@ -0,0 +1,16 @@
+export declare const useQuantityEditableCharges_PriceListChargeFragment: import("gql.tada").TadaDocumentNode<{
+    deprecated: boolean | null;
+    id: string;
+    featureAddon: boolean | null;
+    [$tada.fragmentRefs]: {
+        CanEditChargeQuantity_PriceListChargeFragment: "PriceListCharge";
+    } & {
+        PlanPickerCheckoutBar_PriceListChargeFragment: "PriceListCharge";
+    } & {
+        useQuoteQuantities_PriceListChargeFragment: "PriceListCharge";
+    };
+}, {}, {
+    fragment: "useQuantityEditableCharges_PriceListChargeFragment";
+    on: "PriceListCharge";
+    masked: false;
+}>;

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

@@ -0,0 +1,26 @@
+export declare const useQuantityEditableCharges_QuoteFragment: import("gql.tada").TadaDocumentNode<{
+    quoteChanges: {
+        kind: "SUBSCRIBE" | "UPDATE" | "RENEW" | "REINSTATE" | "UNSUBSCRIBE" | "ADJUSTMENT" | "COUPON" | "DISCOUNT" | "CREDIT" | "PRICE_UPDATE" | "QUANTITY_UPDATE" | "FREE_PERIOD_DISCOUNT" | "ACTIVATE";
+        charges: {
+            priceListCharge: {
+                deprecated: boolean | null;
+                id: string;
+                featureAddon: boolean | null;
+                [$tada.fragmentRefs]: {
+                    CanEditChargeQuantity_PriceListChargeFragment: "PriceListCharge";
+                } & {
+                    PlanPickerCheckoutBar_PriceListChargeFragment: "PriceListCharge";
+                } & {
+                    useQuoteQuantities_PriceListChargeFragment: "PriceListCharge";
+                };
+            } | null;
+        }[];
+        [$tada.fragmentRefs]: {
+            useSelectedPriceListQuoteChange_QuoteChangeFragment: "QuoteChange";
+        };
+    }[] | null;
+}, {}, {
+    fragment: "useQuantityEditableCharges_QuoteFragment";
+    on: "Quote";
+    masked: true;
+}>;

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

@@ -0,0 +1,13 @@
+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;
+}>;

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

@@ -1,12 +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.
+ * Hook to manage feature quantities per (featureId, priceListChargeId) pair.
+ * Supports different quantities for different price list charges that share a 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;
+    getFeatureQuantity: (featureId: string, priceListChargeId: string, featureQuantitiesSnapshot?: FeatureQuantitiesDict) => number | undefined;
+    onUpdateFeatureQuantity: (featureId: string, priceListChargeId: string, quantity: number) => void;
 };

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

@@ -0,0 +1,4 @@
+/**
+ * Returns whether the editing quote query for the given quote ID is currently fetching.
+ */
+export declare function useIsFetchingQuote(quoteId: string | undefined): boolean;