@bunnyapp/components 1.6.0-beta.1 → 1.6.0-beta.11

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>;
     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 { Account, PaymentMethod, TaxationRequiredAccountFields } from '@bunnyapp/common';
+import { FragmentOf } from 'gql.tada';
 import { InvoiceQuoteParentProps } from '../PaymentForm/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: "COUPON" | "SUBSCRIBE" | "UPDATE" | "RENEW" | "REINSTATE" | "UNSUBSCRIBE" | "ADJUSTMENT" | "DISCOUNT" | "CREDIT" | "PRICE_UPDATE" | "QUANTITY_UPDATE" | "FREE_PERIOD_DISCOUNT" | "ACTIVATE" | null;
+            coupon: {
+                couponCode: string;
+            } | null;
+        }[];
+    }[] & {
+        currencyId: string;
+        id: string | null;
+        kind: "COUPON" | "SUBSCRIBE" | "UPDATE" | "RENEW" | "REINSTATE" | "UNSUBSCRIBE" | "ADJUSTMENT" | "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: "COUPON" | "SUBSCRIBE" | "UPDATE" | "RENEW" | "REINSTATE" | "UNSUBSCRIBE" | "ADJUSTMENT" | "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: "COUPON" | "SUBSCRIBE" | "UPDATE" | "RENEW" | "REINSTATE" | "UNSUBSCRIBE" | "ADJUSTMENT" | "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/FeatureUsageGraph.d.ts

@@ -1,6 +1,7 @@
-import { FeatureUsage, SubscriptionCharge } from "@bunnyapp/common";
-declare const FeatureUsageGraph: ({ charge, featureUsage, }: {
+import { FeatureUsage, SubscriptionCharge } from '@bunnyapp/common';
+declare const FeatureUsageGraph: ({ charge, featureUsage, useAreaChart, }: {
     charge: SubscriptionCharge;
     featureUsage: FeatureUsage;
-}) => import("react/jsx-runtime").JSX.Element;
+    useAreaChart?: boolean;
+}) => import("react/jsx-runtime").JSX.Element | "no usage" | null;
 export default FeatureUsageGraph;

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/esm/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;
@@ -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;

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

@@ -0,0 +1,142 @@
+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: "COUPON" | "SUBSCRIBE" | "UPDATE" | "RENEW" | "REINSTATE" | "UNSUBSCRIBE" | "ADJUSTMENT" | "DISCOUNT" | "CREDIT" | "PRICE_UPDATE" | "QUANTITY_UPDATE" | "FREE_PERIOD_DISCOUNT" | "ACTIVATE";
+    quoteChanges: {
+        currencyId: string;
+        id: string | null;
+        kind: "COUPON" | "SUBSCRIBE" | "UPDATE" | "RENEW" | "REINSTATE" | "UNSUBSCRIBE" | "ADJUSTMENT" | "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: "COUPON" | "SUBSCRIBE" | "UPDATE" | "RENEW" | "REINSTATE" | "UNSUBSCRIBE" | "ADJUSTMENT" | "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;
+}>;
+/**
+ * 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<{
+    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: "COUPON" | "SUBSCRIBE" | "UPDATE" | "RENEW" | "REINSTATE" | "UNSUBSCRIBE" | "ADJUSTMENT" | "DISCOUNT" | "CREDIT" | "PRICE_UPDATE" | "QUANTITY_UPDATE" | "FREE_PERIOD_DISCOUNT" | "ACTIVATE";
+    quoteChanges: {
+        currencyId: string;
+        id: string | null;
+        kind: "COUPON" | "SUBSCRIBE" | "UPDATE" | "RENEW" | "REINSTATE" | "UNSUBSCRIBE" | "ADJUSTMENT" | "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: "COUPON" | "SUBSCRIBE" | "UPDATE" | "RENEW" | "REINSTATE" | "UNSUBSCRIBE" | "ADJUSTMENT" | "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: "QuoteContext_QuoteFragment";
+    on: "Quote";
+    masked: true;
+}>;

package/dist/esm/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/{cjs/types/src/hooks/quotes → esm/types/src/components/QuoteProvider/hooks}/useQuoteQuantities.d.ts

@@ -1,7 +1,9 @@
-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;

package/dist/esm/types/src/{graphql → components/QuoteProvider}/mutations/quoteChargeUpdate.d.ts

@@ -1,4 +1,3 @@
-import { QuoteCharge } from '@bunnyapp/common';
 declare const quoteChargeUpdate: ({ discount, name, price, quantity, quoteChargeId, startDate, subtotal, apiHost, token, }: {
     discount?: number;
     name?: string;
@@ -9,5 +8,16 @@ declare const quoteChargeUpdate: ({ discount, name, price, quantity, quoteCharge
     subtotal?: number;
     apiHost: string;
     token: string;
-}) => Promise<QuoteCharge>;
+}) => Promise<{
+    quoteChange: {
+        id: string | null;
+        quoteId: string;
+        quote: {
+            [$tada.fragmentRefs]: {
+                QuoteContext_QuoteFragment: "Quote";
+            };
+        };
+    };
+    id: string | null;
+} | null | undefined>;
 export default quoteChargeUpdate;

package/dist/esm/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/esm/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[];

package/dist/esm/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/esm/types/src/components/Subscriptions/Upgrade/PlanPicker/planPickerDesktop/BillingPeriodSelector.d.ts

@@ -1,5 +1,6 @@
-import { BillingPeriod, Product } from '@bunnyapp/common';
-import { PeriodMonths } from '../../../../../utils/pricePickerUtils';
+import { Product } from '@bunnyapp/common';
+import { BillingPeriod } from '@/graphql-codegen/exportedScalarTypes';
+type PeriodMonths = number;
 declare const BillingPeriodSelector: ({ availableBillingPeriods, onChangeBillingPeriod, products, selectedBillingPeriod, selectedProduct, onChangeProduct, }: {
     availableBillingPeriods?: PeriodMonths[];
     onChangeBillingPeriod: (billingPeriod: BillingPeriod) => void;

package/dist/esm/types/src/components/Subscriptions/Upgrade/PlanPicker/planPickerDesktop/PlanAddonsCard.d.ts

@@ -1,4 +1,5 @@
-import { BillingPeriod, Plan, PriceList, Subscription } from '@bunnyapp/common';
+import { Plan, PriceList, Subscription } from '@bunnyapp/common';
+import { BillingPeriod } from '@/graphql-codegen/exportedScalarTypes';
 type PlanAddonsCardProps = {
     selectedPriceList: PriceList;
     subscriptions: Subscription[];

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

@@ -1,5 +1,6 @@
-import { BillingPeriod, PriceList, PriceListChangeOptions, Product, Subscription } from '@bunnyapp/common';
+import { PriceList, PriceListChangeOptions, Product, Subscription } from '@bunnyapp/common';
 import { Dispatch, SetStateAction } from 'react';
+import { BillingPeriod } from '@/graphql-codegen/exportedScalarTypes';
 type PriceListGridDesktopProps = {
     availablePriceLists: PriceList[];
     priceListChangeOptions?: PriceListChangeOptions;
@@ -9,7 +10,7 @@ type PriceListGridDesktopProps = {
     setPriceListStart: Dispatch<SetStateAction<number>>;
     subscriptions: Subscription[];
     trialRemainingDays: number;
-    selectedBillingPeriod?: BillingPeriod | undefined;
+    selectedBillingPeriod?: BillingPeriod;
     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/esm/types/src/components/Subscriptions/Upgrade/PlanPicker/planPickerDesktop/util.d.ts

@@ -57,7 +57,7 @@ export declare const filterUniqueFeatures: ({ availablePriceLists, }: {
     showPriceAsMonthly?: boolean;
     sku?: string;
     trialAllowed: boolean;
-    trialExpirationAction?: "CANCEL" | "ACTIVATE";
+    trialExpirationAction?: "ACTIVATE" | "CANCEL";
     trialLengthDays?: number;
     updatedAt: string;
     addonPlans?: import("@bunnyapp/common").Plan[];

package/dist/esm/types/src/components/Subscriptions/Upgrade/PlanPicker/priceListCard/PriceDescription/PriceListCardPriceDescription.d.ts

@@ -0,0 +1,6 @@
+import { Feature, PriceList } from '@bunnyapp/common';
+declare const PriceListCardPriceDescription: ({ feature, priceList, }: {
+    feature?: Feature;
+    priceList: PriceList;
+}) => import("react/jsx-runtime").JSX.Element | null;
+export default PriceListCardPriceDescription;

package/dist/esm/types/src/components/Subscriptions/Upgrade/PlanPicker/priceListCard/PriceDescription/utils/hasMultipleRecurringCharges.d.ts

@@ -0,0 +1,2 @@
+import { PriceList } from '@bunnyapp/common';
+export declare const hasMultipleRecurringCharges: (priceList: PriceList) => number;

package/dist/esm/types/src/components/Subscriptions/quantityChangeDrawer/QuantityChangeGridRow.d.ts

@@ -39,10 +39,9 @@ export declare const QuantityChangeGridRow_SubscriptionFragment: import("gql.tad
     on: "Subscription";
     masked: true;
 }>;
-declare const QuantityChangeGridRow: ({ chargeIndex, editingQuote, subscriptionIndex, setEditingQuoteData, subscription: maskedSubscription, subscriptionCharge: maskedSubscriptionCharge, setUpdatingChargeQuantityId, updatingChargeQuantityId, setErrorUpdatingQuantity, }: {
-    chargeIndex: number;
+declare const QuantityChangeGridRow: ({ editingQuote, editingQuoteId, setEditingQuoteData, subscription: maskedSubscription, subscriptionCharge: maskedSubscriptionCharge, setUpdatingChargeQuantityId, updatingChargeQuantityId, setErrorUpdatingQuantity, }: {
     editingQuote?: Quote;
-    subscriptionIndex: number;
+    editingQuoteId?: string;
     setEditingQuoteData: (value: any) => void;
     subscription: FragmentOf<typeof QuantityChangeGridRow_SubscriptionFragment>;
     subscriptionCharge: FragmentOf<typeof QuantityChangeGridRow_SubscriptionChargeFragment>;

package/dist/{cjs/types/src/components/Subscriptions/QuantityDrawerContainer.d.ts → esm/types/src/components/Subscriptions/quantityChangeDrawer/QuantityDrawer.d.ts}

@@ -1,15 +1,15 @@
 import { FragmentOf } from 'gql.tada';
-import { QuantityDrawerDesktop_SubscriptionFragment } from './quantityChangeDrawer/quantityChangeDrawerDesktop/QuantityChangeDrawerDesktop';
+import { QuantityDrawerDesktop_SubscriptionFragment } from './quantityChangeDrawerDesktop/QuantityChangeDrawerDesktop';
 export type EditingQuoteDataType = {
     id: string;
     isTrial: boolean;
 };
-interface QuantityDrawerContainerProps {
+interface QuantityDrawerProps {
     subscriptions: (FragmentOf<typeof QuantityDrawerDesktop_SubscriptionFragment> | null)[];
     quantityDrawerOpen: boolean;
     setQuantityDrawerOpen: (open: boolean) => void;
     handlePortalErrors?: (errors: any) => void;
     setShowInactive: (showInactive: boolean) => void;
 }
-declare const QuantityDrawerContainer: ({ subscriptions, quantityDrawerOpen, setQuantityDrawerOpen, handlePortalErrors, setShowInactive, }: QuantityDrawerContainerProps) => import("react/jsx-runtime").JSX.Element;
-export default QuantityDrawerContainer;
+export declare const QuantityDrawer: ({ subscriptions, quantityDrawerOpen, setQuantityDrawerOpen, handlePortalErrors, setShowInactive, }: QuantityDrawerProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/esm/types/src/components/Subscriptions/quantityChangeDrawer/QuantityInput.d.ts

@@ -1,5 +1,5 @@
 import { Quote } from '@bunnyapp/common';
-import { FragmentOf, ResultOf } from 'gql.tada';
+import { FragmentOf } from 'gql.tada';
 export declare const QuantityInput_SubscriptionChargeFragment: import("gql.tada").TadaDocumentNode<{
     id: string | null;
     quantity: number | null;
@@ -31,23 +31,15 @@ export declare const QuantityInput_SubscriptionFragment: import("gql.tada").Tada
     on: "Subscription";
     masked: true;
 }>;
-export type EditingSubscriptionType = {
-    chargeId: string;
-    chargeIndex: number;
-    quantity: number | undefined;
-    subscription: ResultOf<typeof QuantityInput_SubscriptionFragment>;
-    subscriptionIndex: number;
-};
-declare const QuantityInput: ({ charge: maskedCharge, chargeIndex, editingQuote, setEditingQuoteData, subscription: maskedSubscription, subscriptionIndex, setUpdatingChargeQuantityId, updatingChargeQuantityId, setErrorUpdatingQuantity, }: {
+declare const QuantityInput: ({ charge: maskedCharge, editingQuote, editingQuoteId, setEditingQuoteData, subscription: maskedSubscription, setUpdatingChargeQuantityId, updatingChargeQuantityId, setErrorUpdatingQuantity, }: {
     charge: FragmentOf<typeof QuantityInput_SubscriptionChargeFragment>;
-    chargeIndex: number;
     editingQuote?: Quote;
+    editingQuoteId?: string;
     setEditingQuoteData: (editingQuoteData: {
         id: string;
         isTrial: boolean;
     } | undefined) => void;
     subscription: FragmentOf<typeof QuantityInput_SubscriptionFragment>;
-    subscriptionIndex: number;
     setUpdatingChargeQuantityId: (updatingChargeQuantityId: string | undefined) => void;
     updatingChargeQuantityId: string | undefined;
     setErrorUpdatingQuantity: (errorUpdatingQuantity: boolean) => void;

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

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

package/dist/esm/types/src/components/Subscriptions/quantityChangeDrawer/hooks/useQuoteQueryData.d.ts

@@ -0,0 +1,3 @@
+import { FragmentOf } from 'gql.tada';
+import { QuantityDrawer_QuoteFragment } from '../fragments/QuantityDrawerQuoteFragment';
+export declare const useQuoteQueryData: (quoteId: string | undefined) => FragmentOf<typeof QuantityDrawer_QuoteFragment> | undefined;

package/dist/esm/types/src/components/Subscriptions/quantityChangeDrawer/hooks/useSetQuoteQueryData.d.ts

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

package/dist/esm/types/src/components/Subscriptions/quantityChangeDrawer/quantityChangeDrawerDesktop/QuantityChangeDrawerDesktop.d.ts

@@ -2,10 +2,8 @@ import { Quote } from '@bunnyapp/common';
 import { FragmentOf } from 'gql.tada';
 import { EditingQuoteDataType } from '../../SubscriptionsListContainer';
 export declare const QuantityDrawerDesktop_SubscriptionFragment: import("gql.tada").TadaDocumentNode<{
-    state: "ACTIVE" | "TRIAL" | "CANCELED" | "EXPIRED" | "TRIAL_EXPIRED" | "PENDING";
     currentCharges: {
         chargeType: "ONE_TIME" | "RECURRING" | "USAGE" | null;
-        trial: boolean;
         [$tada.fragmentRefs]: {
             QuantityChangeGridRow_SubscriptionChargeFragment: "SubscriptionCharge";
         };

package/dist/esm/types/src/components/Subscriptions/quantityChangeDrawer/queries/quoteChargeCreate.d.ts

@@ -0,0 +1,23 @@
+type QuoteChangeCreateChargeProps = {
+    apiHost: string;
+    price?: number;
+    priceListChargeId?: string;
+    quantity?: number;
+    quoteChangeId: string;
+    startDate: string;
+    subscriptionChargeId?: string;
+    token?: string;
+};
+export declare const quoteChargeCreate: ({ price, priceListChargeId, quantity, quoteChangeId, startDate, subscriptionChargeId, token, apiHost, }: QuoteChangeCreateChargeProps) => Promise<{
+    quoteChange: {
+        id: string | null;
+        quoteId: string;
+        quote: {
+            [$tada.fragmentRefs]: {
+                QuantityDrawer_QuoteFragment: "Quote";
+            };
+        };
+    };
+    id: string | null;
+} | null | undefined>;
+export {};

package/dist/esm/types/src/components/Subscriptions/quantityChangeDrawer/queries/quoteChargeUpdate.d.ts

@@ -0,0 +1,12 @@
+export declare const quoteChargeUpdate: (quoteChargeId: string, quantity: number, apiHost: string, token?: string) => Promise<{
+    quoteChange: {
+        id: string | null;
+        quoteId: string;
+        quote: {
+            [$tada.fragmentRefs]: {
+                QuantityDrawer_QuoteFragment: "Quote";
+            };
+        };
+    };
+    id: string | null;
+} | null | undefined>;

package/dist/esm/types/src/components/Subscriptions/quantityChangeDrawer/queries/quoteSubscriptionUpdate.d.ts

@@ -0,0 +1,22 @@
+export declare const quoteSubscriptionUpdate: (subscriptionIds: string[], apiHost: string, token?: string) => Promise<{
+    id: string | null;
+    quoteChanges: {
+        id: string | null;
+        priceList: {
+            id: string;
+        } | null;
+        subscription: {
+            charges: {
+                startDate: unknown;
+                endDate: unknown;
+                id: string | null;
+                priceListCharge: {
+                    id: string;
+                } | null;
+            }[] | null;
+        } | null;
+    }[] | null;
+    [$tada.fragmentRefs]: {
+        QuantityDrawer_QuoteFragment: "Quote";
+    };
+} | null | undefined>;

package/dist/esm/types/src/components/Subscriptions/quantityChangeDrawer/utils/formatDateForApi.d.ts

@@ -0,0 +1,2 @@
+import { Dayjs } from 'dayjs';
+export declare const formatDateForApi: (date: Dayjs | string) => string;