@bunnyapp/components 1.7.0 → 1.8.0-beta.11

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

@@ -0,0 +1,9 @@
+import { FragmentOf } from 'gql.tada';
+import { CheckoutBarInput_PriceListChargeFragment } from './fragments/CheckoutBarInput_PriceListChargeFragment';
+declare const CheckoutBarInput: ({ disabled, priceListCharge: maskedPriceListCharge, quantity, onQuantityChanged, }: {
+    disabled?: boolean;
+    priceListCharge: FragmentOf<typeof CheckoutBarInput_PriceListChargeFragment>;
+    quantity: number | undefined;
+    onQuantityChanged: (quantity: number) => void;
+}) => import("react/jsx-runtime").JSX.Element;
+export default CheckoutBarInput;

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

@@ -0,0 +1,31 @@
+export declare const useChargeCRUD_SubscriptionFragment: import("gql.tada").TadaDocumentNode<{
+    currentCharges: {
+        quantity: number | null;
+        priceListCharge: {
+            id: string;
+        } | null;
+    }[] | null;
+}, {}, {
+    fragment: "useChargeCRUD_SubscriptionFragment";
+    on: "Subscription";
+    masked: true;
+}>;
+/**
+ * Hook used by a single `CheckoutBarInput` to manage CRUD for its own charge.
+ *
+ * Rules:
+ * 1) When quantity changes and there is an existing quote charge on the quote change,
+ *    update that quote charge's quantity.
+ * 2) When quantity changes, there are subscription charges but no quote charges,
+ *    create a new quote charge – but only if the input quantity differs from the
+ *    subscription charge quantity. If the quantity later returns to the subscription
+ *    quantity, delete the quote charge.
+ *
+ * All network operations are debounced.
+ */
+export declare const useChargeCRUD: ({ priceListChargeId, featureId, }: {
+    priceListChargeId: string;
+    featureId: string | undefined;
+}) => {
+    onQuantityChange: (nextQuantity: number) => void;
+};

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

@@ -1,4 +1,4 @@
-import { PriceList } from '@bunnyapp/common';
+import PriceList from '@/types/PriceList';
 export declare const CheckoutBarSummarySection_QuoteFragment: import("gql.tada").TadaDocumentNode<{
     quoteChanges: {
         charges: {

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

@@ -1,16 +1,21 @@
-import { PriceList } from '@bunnyapp/common';
+import PriceList from '@/types/PriceList';
 import { FragmentOf } from 'gql.tada';
 export declare const CheckoutPrice_QuoteFragment: import("gql.tada").TadaDocumentNode<{
     periodAmount: number | null;
     amountDue: number | null;
+    quoteChanges: {
+        charges: {
+            kind: "SUBSCRIBE" | "UPDATE" | "RENEW" | "REINSTATE" | "UNSUBSCRIBE" | "ADJUSTMENT" | "COUPON" | "DISCOUNT" | "CREDIT" | "PRICE_UPDATE" | "QUANTITY_UPDATE" | "FREE_PERIOD_DISCOUNT" | "ACTIVATE" | null;
+            chargeType: "ONE_TIME" | "RECURRING" | "USAGE" | null;
+        }[];
+    }[] | null;
 }, {}, {
     fragment: "CheckoutPrice_QuoteFragment";
     on: "Quote";
     masked: true;
 }>;
-declare const CheckoutPrice: ({ isUsage, quote: maskedQuote, selectedPriceList, }: {
-    isUsage: boolean;
+declare const CheckoutPrice: ({ quote: maskedQuote, selectedPriceList, }: {
     quote?: FragmentOf<typeof CheckoutPrice_QuoteFragment>;
     selectedPriceList: PriceList;
-}) => import("react/jsx-runtime").JSX.Element | null;
+}) => import("react/jsx-runtime").JSX.Element;
 export default CheckoutPrice;

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

@@ -1,23 +1,4 @@
-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;
-}>;
+import PriceList from '@/types/PriceList';
 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/checkoutBar/fragments/PlanPickerCheckoutBar_QuoteFragment.d.ts

@@ -0,0 +1,20 @@
+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;
+    id: string | null;
+}, {}, {
+    fragment: "PlanPickerCheckoutBar_QuoteFragment";
+    on: "Quote";
+    masked: true;
+}>;

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

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

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

@@ -1,4 +1,5 @@
-import { PriceList, Product } from '@bunnyapp/common';
+import PriceList from '@/types/PriceList';
+import Product from '@/types/Product';
 declare const EverythingPlanFeatures: ({ displayPriceLists, selectedProduct, plansToDisplay, hideBorder, }: {
     displayPriceLists: PriceList[];
     plansToDisplay: number;

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

@@ -1,4 +1,5 @@
-import { Feature, PriceList } from '@bunnyapp/common';
+import PriceList from '@/types/PriceList';
+import Feature from '@/types/Feature';
 export declare const PlanFeatures: ({ displayPriceLists, features, plansToDisplay, }: {
     displayPriceLists: PriceList[];
     plansToDisplay: number;

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

@@ -1,5 +1,8 @@
 import { BillingPeriod } from '@/graphql-codegen/exportedScalarTypes';
-import { PriceList, PriceListChangeOptions, Product, Subscription } from '@bunnyapp/common';
+import PriceList from '@/types/PriceList';
+import PriceListChangeOptions from '@/types/PriceListChangeOptions';
+import Product from '@/types/Product';
+import Subscription from '@/types/Subscription';
 import { Dispatch, SetStateAction } from 'react';
 type PriceListGridDesktopProps = {
     availablePriceLists: PriceList[];

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

@@ -6,9 +6,6 @@ export declare const FeatureAddonRow_PriceListFragment: import("gql.tada").TadaD
         id: string;
         name: string;
     }[] | null;
-    [$tada.fragmentRefs]: {
-        PricingTooltip_PriceListFragment: "PriceList";
-    };
 }, {}, {
     fragment: "FeatureAddonRow_PriceListFragment";
     on: "PriceList";

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

@@ -6,6 +6,8 @@ export declare const FeatureAddonsList_PriceListFragment: import("gql.tada").Tad
         id: string;
         name: string;
         featureAddon: boolean | null;
+        deprecated: boolean | null;
+        removeOnRenewal: boolean | null;
         [$tada.fragmentRefs]: {
             PricingTooltip_PriceListChargeFragment: "PriceListCharge";
         } & {

package/dist/esm/types/src/components/Subscriptions/Upgrade/PlanPicker/planPickerDesktop/featureAddons/hooks/useQuoteUpdateFeatureAddon.d.ts

@@ -1,4 +1,4 @@
-import { PriceListCharge } from '@bunnyapp/common';
+import { PriceListCharge } from '@/types/PriceListCharge';
 import { FragmentOf } from 'gql.tada';
 import { useQuoteUpdateFeatureAddon_QuoteFragment } from '../fragments/useQuoteUpdateFeatureAddon_QuoteFragment';
 export declare const useQuoteUpdateFeatureAddon: (maskedQuote: FragmentOf<typeof useQuoteUpdateFeatureAddon_QuoteFragment> | null | undefined, featureAddon: PriceListCharge) => {

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

@@ -1,31 +1,19 @@
-import { PriceList as DeprecatedPriceList, Feature, Subscription } from '@bunnyapp/common';
+import DeprecatedPriceList from '@/types/PriceList';
+import Subscription from '@/types/Subscription';
 import { FragmentOf } from 'gql.tada';
 export declare const PriceListCardDesktop_PriceListFragment: import("gql.tada").TadaDocumentNode<{
     id: string;
+    deprecated: boolean | null;
     plan: {
         id: string;
         pricingStyle: "PRICED" | "FREE" | "CONTACT_US";
         contactUsUrl: string | null;
         name: string;
     } | null;
-    charges: {
-        id: string;
-        featureAddon: boolean | null;
-        priceListChargeTiers: {
-            starts: number | null;
-            price: number | null;
-        }[] | null;
-        [$tada.fragmentRefs]: {
-            PricingTooltip_PriceListChargeFragment: "PriceListCharge";
-        };
-    }[] | null;
-    currencyId: string;
     [$tada.fragmentRefs]: {
         PriceListCardButton_PriceListFragment: "PriceList";
     } & {
         PriceListHasPriceTiers_PriceListFragment: "PriceList";
-    } & {
-        PricingTooltip_PriceListFragment: "PriceList";
     } & {
         PriceListCardPrice_PriceListFragment: "PriceList";
     } & {
@@ -36,11 +24,10 @@ export declare const PriceListCardDesktop_PriceListFragment: import("gql.tada").
     on: "PriceList";
     masked: true;
 }>;
-declare const PriceListCardDesktop: ({ hideButton, description, disableSelectCurrentPlan, feature, isPriceListCurrentSubscription, isSelected, priceList: maskedPriceList, subscriptionPlan, trialRemainingDays, noBorder, onClickPriceListCard, }: {
+declare const PriceListCardDesktop: ({ hideButton, description, disableSelectCurrentPlan, isPriceListCurrentSubscription, isSelected, priceList: maskedPriceList, subscriptionPlan, trialRemainingDays, noBorder, onClickPriceListCard, }: {
     hideButton?: boolean;
     description: string;
     disableSelectCurrentPlan: boolean;
-    feature?: Feature;
     isPriceListCurrentSubscription: boolean;
     isSelected: boolean;
     priceList: FragmentOf<typeof PriceListCardDesktop_PriceListFragment>;

package/dist/esm/types/src/components/Subscriptions/Upgrade/PlanPicker/planPickerDesktop/priceListCardDesktop/addonPlans/AddonPlans.d.ts

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

package/dist/esm/types/src/components/Subscriptions/Upgrade/PlanPicker/planPickerDesktop/priceListCardDesktop/addonPlans/components/AddonPlanRow.d.ts

@@ -1,4 +1,4 @@
-import { PriceList as DeprecatedPriceList } from '@bunnyapp/common';
+import DeprecatedPriceList from '@/types/PriceList';
 import { FragmentOf } from 'gql.tada';
 export declare const AddonPlanRow_PriceListFragment: import("gql.tada").TadaDocumentNode<{
     id: string;

package/dist/esm/types/src/components/Subscriptions/Upgrade/PlanPicker/planPickerDesktop/priceListCardDesktop/addonPlans/hooks/useToggleAddonQuoteChange.d.ts

@@ -1,4 +1,4 @@
-import { PriceList } from '@bunnyapp/common';
+import PriceList from '@/types/PriceList';
 import { FragmentOf } from 'gql.tada';
 import { useToggleAddonPlan_QuoteFragment } from '../fragments/useToggleAddonPlan_QuoteFragment';
 export declare const useToggleAddonPlan: (maskedQuote: FragmentOf<typeof useToggleAddonPlan_QuoteFragment> | null | undefined, addonPriceListId: string, selectedPriceList: PriceList, setIsAddonPlanLoading: React.Dispatch<React.SetStateAction<boolean>>) => {

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

@@ -1,12 +1,13 @@
-import { PlanFeature, PriceList } from '@bunnyapp/common';
+import PriceList from '@/types/PriceList';
+import { PlanFeature } from '@/types/frontendTypes';
 export declare const filterUniqueFeatures: ({ availablePriceLists, }: {
     availablePriceLists: PriceList[];
 }) => {
     plan: {
         planFeatures: PlanFeature[] | undefined;
         addon?: boolean;
-        compatiblePlans?: import("@bunnyapp/common").Plan[];
-        addonPlans?: import("@bunnyapp/common").Plan[];
+        compatiblePlans?: import("../../../../../types/Plan").Plan[];
+        addonPlans?: import("../../../../../types/Plan").Plan[];
         availableFrom?: string;
         availableTo?: string;
         basePrice?: number;
@@ -15,7 +16,7 @@ export declare const filterUniqueFeatures: ({ availablePriceLists, }: {
         contactUsUrl?: string;
         createdAt: string;
         description?: string;
-        features?: import("@bunnyapp/common").Feature[];
+        features?: import("../../../../../types/Feature").default[];
         id: string;
         internalNotes?: string;
         isAvailableNow?: boolean;
@@ -24,8 +25,8 @@ export declare const filterUniqueFeatures: ({ availablePriceLists, }: {
         position: number;
         priceLists: PriceList[];
         pricingDescription?: string;
-        pricingStyle: import("@bunnyapp/common").PricingStyle;
-        product: import("@bunnyapp/common").Product;
+        pricingStyle: import("../../../../../types/Plan").PricingStyle;
+        product: import("../../../../../types/Product").default;
         productId: string;
         selfServiceBuy?: boolean;
         selfServiceCancel?: boolean;
@@ -34,10 +35,10 @@ export declare const filterUniqueFeatures: ({ availablePriceLists, }: {
         updatedAt: string;
     };
     basePrice: number;
-    charges: import("@bunnyapp/common").PriceListCharge[];
+    charges: import("../../../../../types/PriceListCharge").PriceListCharge[];
     code?: string;
     createdAt: string;
-    currency?: import("@bunnyapp/common").Currency;
+    currency?: import("../../../../../types/Currency").default;
     currencyId: string;
     id: string;
     isVisible?: boolean;
@@ -45,20 +46,21 @@ export declare const filterUniqueFeatures: ({ availablePriceLists, }: {
     name: string;
     periodMonths: 0 | 1 | 3 | 6 | 12;
     planId: string;
-    priceAdjustmentAction?: import("@bunnyapp/common").PriceAdjustmentAction;
+    priceAdjustmentAction?: import("../../../../../enums/PriceAdjustmentAction").default;
     priceAdjustmentActionOptions?: string[];
     priceAdjustmentPercentage?: number;
-    priceAdjustmentTiming?: import("@bunnyapp/common").PriceAdjustmentTiming;
+    priceAdjustmentTiming?: import("../../../../../enums/PriceAdjustmentTiming").default;
     priceAdjustmentTimingOptions?: string[];
     priceDescription?: string;
-    product: import("@bunnyapp/common").Product;
+    product: import("../../../../../types/Product").default;
     productId?: string;
     renewalTermMonths?: number;
     showPriceAsMonthly?: boolean;
     sku?: string;
     trialAllowed: boolean;
-    trialExpirationAction?: "ACTIVATE" | "CANCEL";
+    trialExpirationAction?: import("@/types/PriceList").TrialExpirationAction;
     trialLengthDays?: number;
     updatedAt: string;
-    addonPlans?: import("@bunnyapp/common").Plan[];
+    addonPlans?: import("../../../../../types/Plan").Plan[];
+    deprecated?: boolean;
 }[];

package/dist/esm/types/src/components/Subscriptions/Upgrade/PlanPicker/planPickerMobile/PriceListCardMobile.d.ts

@@ -1,4 +1,5 @@
-import { Feature, PriceList, Subscription } from '@bunnyapp/common';
+import PriceList from '@/types/PriceList';
+import Subscription from '@/types/Subscription';
 import { FragmentOf } from 'gql.tada';
 export declare const PriceListCardMobile_PriceListFragment: import("gql.tada").TadaDocumentNode<{
     plan: {
@@ -16,9 +17,8 @@ export declare const PriceListCardMobile_PriceListFragment: import("gql.tada").T
     on: "PriceList";
     masked: true;
 }>;
-declare const PriceListCardMobile: ({ description, feature, isPriceListCurrentSubscription, isSelected, priceList: maskedPriceList, subscriptionPlan, trialRemainingDays, disableOnClickPriceListCard, onClickPriceListCard, }: {
+declare const PriceListCardMobile: ({ description, isPriceListCurrentSubscription, isSelected, priceList: maskedPriceList, subscriptionPlan, trialRemainingDays, disableOnClickPriceListCard, onClickPriceListCard, }: {
     description: string;
-    feature?: Feature;
     isPriceListCurrentSubscription: boolean;
     isSelected: boolean;
     priceList: FragmentOf<typeof PriceListCardMobile_PriceListFragment>;

package/dist/esm/types/src/components/Subscriptions/Upgrade/PlanPicker/planPickerMobile/PriceListGridMobile.d.ts

@@ -1,4 +1,7 @@
-import { PriceList, PriceListChangeOptions, Product, Subscription } from '@bunnyapp/common';
+import PriceList from '@/types/PriceList';
+import PriceListChangeOptions from '@/types/PriceListChangeOptions';
+import Product from '@/types/Product';
+import Subscription from '@/types/Subscription';
 declare const PriceListGridMobile: ({ availablePriceLists, priceListChangeOptions, selectedPriceList, selectedProduct, subscriptions, trialRemainingDays, onClickPriceListCard, }: {
     availablePriceLists: PriceList[];
     priceListChangeOptions?: PriceListChangeOptions;

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

@@ -1,4 +1,5 @@
-import { PriceList, PriceListChangeOptions } from '@bunnyapp/common';
+import PriceList from '@/types/PriceList';
+import PriceListChangeOptions from '@/types/PriceListChangeOptions';
 export declare const getAvailablePlansAndPriceLists: ({ availablePriceLists, priceListChangeOptions, priceListStart, plansToDisplay, }: {
     availablePriceLists: PriceList[];
     priceListChangeOptions?: PriceListChangeOptions;

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

@@ -0,0 +1,12 @@
+import { FragmentOf } from 'gql.tada';
+export declare const BillingPeriodDescription_PriceListFragment: import("gql.tada").TadaDocumentNode<{
+    periodMonths: number | null;
+}, {}, {
+    fragment: "BillingPeriodDescription_PriceListFragment";
+    on: "PriceList";
+    masked: true;
+}>;
+declare const BillingPeriodDescription: ({ priceList: maskedPriceList, }: {
+    priceList: FragmentOf<typeof BillingPeriodDescription_PriceListFragment>;
+}) => import("react/jsx-runtime").JSX.Element;
+export default BillingPeriodDescription;

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

@@ -1,23 +1,30 @@
-import { Feature } from '@bunnyapp/common';
 import { FragmentOf } from 'gql.tada';
 export declare const PriceListCardPriceDescription_PriceListFragment: import("gql.tada").TadaDocumentNode<{
     plan: {
         pricingDescription: string | null;
     } | null;
-    showPriceAsMonthly: boolean | null;
+    charges: {
+        [$tada.fragmentRefs]: {
+            GetActiveCharges_PriceListChargeFragment: "PriceListCharge";
+        } & {
+            PricingTooltip_PriceListChargeFragment: "PriceListCharge";
+        };
+    }[] | null;
+    currencyId: string;
     periodMonths: number | null;
     [$tada.fragmentRefs]: {
-        DoesPriceListHaveFlatFeeCharges_PriceListFragment: "PriceList";
+        priceDescriptionString_PriceListFragment: "PriceList";
     } & {
-        HasMultipleRecurringCharges_PriceListFragment: "PriceList";
+        BillingPeriodDescription_PriceListFragment: "PriceList";
+    } & {
+        PriceListHasPriceTiers_PriceListFragment: "PriceList";
     };
 }, {}, {
     fragment: "PriceListCardPriceDescription_PriceListFragment";
     on: "PriceList";
     masked: true;
 }>;
-declare const PriceListCardPriceDescription: ({ feature, priceList: maskedPriceList, }: {
-    feature?: Feature;
+declare const PriceListCardPriceDescription: ({ priceList: maskedPriceList, }: {
     priceList: FragmentOf<typeof PriceListCardPriceDescription_PriceListFragment>;
 }) => import("react/jsx-runtime").JSX.Element | null;
 export default PriceListCardPriceDescription;

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

@@ -1,4 +1,5 @@
-import { PriceList as DeprecatedPriceList, Subscription } from '@bunnyapp/common';
+import DeprecatedPriceList from '@/types/PriceList';
+import Subscription from '@/types/Subscription';
 import { FragmentOf } from 'gql.tada';
 export declare const PriceListCard_PriceListFragment: import("gql.tada").TadaDocumentNode<{
     id: string;
@@ -25,5 +26,5 @@ declare const PriceListCard: ({ hideButton, isSelected, priceList: maskedPriceLi
     noBorder?: boolean;
     onClickPriceListCard?: (priceList: DeprecatedPriceList) => void;
     disableCurrentPlan?: boolean;
-}) => import("react/jsx-runtime").JSX.Element | null;
+}) => import("react/jsx-runtime").JSX.Element;
 export default PriceListCard;

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

@@ -1,4 +1,4 @@
-import { Subscription } from '@bunnyapp/common';
+import Subscription from '@/types/Subscription';
 import { FragmentOf } from 'gql.tada';
 export declare const PriceListCardButton_PriceListFragment: import("gql.tada").TadaDocumentNode<{
     id: string;
@@ -12,6 +12,20 @@ export declare const PriceListCardButton_PriceListFragment: import("gql.tada").T
     on: "PriceList";
     masked: true;
 }>;
+export declare const PriceListCardButtonUpgradingSubscription_SubscriptionFragment: import("gql.tada").TadaDocumentNode<{
+    plan: {
+        id: string;
+    } | null;
+    [$tada.fragmentRefs]: {
+        canSubscriptionUpgradeFromTrial_SubscriptionFragment: "Subscription";
+    } & {
+        canSubscriptionUpgradeFromTrialExpired_SubscriptionFragment: "Subscription";
+    };
+}, {}, {
+    fragment: "PriceListCardButtonUpgradingSubscription_SubscriptionFragment";
+    on: "Subscription";
+    masked: true;
+}>;
 declare const PriceListCardButton: ({ disableSelectCurrentPlan, isPriceListCurrentSubscription, isSelected, priceList: maskedPriceList, subscriptionPlan, }: {
     disableSelectCurrentPlan: boolean;
     isPriceListCurrentSubscription: boolean;

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

@@ -1,4 +1,5 @@
-declare const PriceListCardDescription: ({ description }: {
+declare const PriceListCardDescription: ({ description, className }: {
     description?: string;
-}) => import("react/jsx-runtime").JSX.Element;
+    className?: string;
+}) => import("react/jsx-runtime").JSX.Element | null;
 export default PriceListCardDescription;

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

@@ -1,4 +1,4 @@
-import { PlanFeature } from '@bunnyapp/common';
+import { PlanFeature } from '@/types/frontendTypes';
 declare const PriceListCardFeature: ({ index, planFeature, }: {
     index: number;
     planFeature: PlanFeature;

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

@@ -1,8 +1,6 @@
-import { PriceList, PriceListCharge, Subscription } from '@bunnyapp/common';
+import PriceList from '@/types/PriceList';
+import Subscription from '@/types/Subscription';
 export declare const createPlanDescription: (planDescription: string) => string;
-export declare const getActivePlanPriceData: (priceList?: PriceList, selectedPriceList?: PriceList) => {
-    activeCharge: PriceListCharge | undefined;
-} | undefined;
 export declare const isPriceListDisabled: ({ priceList, upgradingSubscription, }: {
     priceList?: PriceList;
     upgradingSubscription: Subscription | undefined;

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

@@ -1,4 +1,22 @@
-import { PriceListChangeOptions, Subscription } from '@bunnyapp/common';
+import PriceListChangeOptions from '@/types/PriceListChangeOptions';
+import Subscription from '@/types/Subscription';
+export declare const PriceListSelectorUpgradingSubscription_SubscriptionFragment: import("gql.tada").TadaDocumentNode<{
+    priceList: {
+        id: string;
+        periodMonths: number | null;
+        plan: {
+            id: string;
+            addon: boolean | null;
+        } | null;
+    } | null;
+    [$tada.fragmentRefs]: {
+        createAvailableBillingPeriods_SubscriptionFragment: "Subscription";
+    };
+}, {}, {
+    fragment: "PriceListSelectorUpgradingSubscription_SubscriptionFragment";
+    on: "Subscription";
+    masked: true;
+}>;
 declare const PriceListSelector: ({ arePlanChangeOptionsLoading, areSubscriptionsLoading, priceListChangeOptions, subscriptions, onGoBack, }: {
     arePlanChangeOptionsLoading: boolean;
     areSubscriptionsLoading: boolean;

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

@@ -0,0 +1,16 @@
+import PriceList from '@/types/PriceList';
+import Product from '@/types/Product';
+import { FragmentOf } from 'gql.tada';
+export declare const createAvailableBillingPeriods_SubscriptionFragment: import("gql.tada").TadaDocumentNode<{
+    priceList: {
+        plan: {
+            addon: boolean | null;
+        } | null;
+        periodMonths: number | null;
+    } | null;
+}, {}, {
+    fragment: "createAvailableBillingPeriods_SubscriptionFragment";
+    on: "Subscription";
+    masked: true;
+}>;
+export declare const createAvailableBillingPeriods: (priceLists: PriceList[] | undefined, selectedProduct: Product | undefined, maskedUpgradingSubscription: FragmentOf<typeof createAvailableBillingPeriods_SubscriptionFragment> | undefined) => number[] | undefined;

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

@@ -1,11 +1,16 @@
-import { Subscription } from '@bunnyapp/common';
-declare const UpgradeWrapper: ({ onChangePlanCancel, handlePortalErrors, upgradingSubscription, isInPreviewMode, productId, className, shadow, }: {
-    onChangePlanCancel: () => void;
+declare const UpgradeWrapper: ({ onChangePlanCancel, handlePortalErrors, onPaymentMethodSaved, onPaymentMethodRemoved, upgradingSubscriptionId, isInPreviewMode, productId, className, shadow, defaultBillingPeriod, }: {
+    onChangePlanCancel?: () => void;
     handlePortalErrors?: (error: any) => void;
-    upgradingSubscription?: Subscription;
-    isInPreviewMode: boolean;
-    productId: string | undefined;
+    onPaymentMethodSaved?: (paymentMethodId: string) => void;
+    onPaymentMethodRemoved?: (paymentMethodId: string) => void;
+    upgradingSubscriptionId?: string;
+    isInPreviewMode?: boolean;
+    productId?: string | undefined;
     className?: string;
     shadow?: "none" | "sm" | "md" | "lg";
-}) => import("react/jsx-runtime").JSX.Element;
+    /**
+     * If provided and the billing period is available, the billing period selector will default to this value.
+     */
+    defaultBillingPeriod?: "ONCE" | "MONTHLY" | "QUARTERLY" | "SEMI_ANNUAL" | "ANNUAL";
+}) => import("react/jsx-runtime").JSX.Element | null;
 export default UpgradeWrapper;

package/dist/esm/types/src/components/Subscriptions/Upgrade/contexts/DefaultBillingPeriodContext.d.ts

@@ -0,0 +1,4 @@
+export declare const DefaultBillingPeriodProvider: ({ value, children }: {
+    value: "MONTHLY" | "QUARTERLY" | "SEMI_ANNUAL" | "ANNUAL" | "ONCE" | undefined;
+    children?: import("react").ReactNode;
+}) => import("react/jsx-runtime").JSX.Element, useDefaultBillingPeriod: () => "MONTHLY" | "QUARTERLY" | "SEMI_ANNUAL" | "ANNUAL" | "ONCE" | undefined;