@bunnyapp/components 1.7.0-beta.8 → 1.8.0-beta.2

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

@@ -1,12 +1,48 @@
-import PriceList from '@/types/PriceList';
-import { Quote } from '@/types/Quote';
-export default function CheckoutSummary({ quote, className, onAddCoupon, onRemoveCoupon, isRemovingCoupon, priceListData, isAddingCoupon, couponCode, setCouponCode, activeCouponsExist, }: {
-    quote: Quote;
+import { FragmentOf } from 'gql.tada';
+export declare const CheckoutSummary_PriceListFragment: import("gql.tada").TadaDocumentNode<{
+    product: {
+        name: string;
+    } | null;
+    name: string;
+}, {}, {
+    fragment: "CheckoutSummary_PriceListFragment";
+    on: "PriceList";
+    masked: true;
+}>;
+export declare const CheckoutSummary_QuoteFragment: import("gql.tada").TadaDocumentNode<{
+    id: string | null;
+    amountDue: number | null;
+    subtotal: number;
+    taxAmount: number;
+    currencyId: string;
+    quoteChanges: {
+        charges: {
+            id: string | null;
+            kind: "SUBSCRIBE" | "UPDATE" | "RENEW" | "REINSTATE" | "UNSUBSCRIBE" | "ADJUSTMENT" | "COUPON" | "DISCOUNT" | "CREDIT" | "PRICE_UPDATE" | "QUANTITY_UPDATE" | "FREE_PERIOD_DISCOUNT" | "ACTIVATE" | null;
+            name: string | null;
+            coupon: {
+                couponCode: string;
+            } | null;
+            quantity: number | null;
+            subtotal: number | null;
+            currencyId: string;
+        }[];
+    }[] | null;
+    [$tada.fragmentRefs]: {
+        shouldShowCouponEditor_QuoteFragment: "Quote";
+    };
+}, {}, {
+    fragment: "CheckoutSummary_QuoteFragment";
+    on: "Quote";
+    masked: true;
+}>;
+export default function CheckoutSummary({ quote: maskedQuote, className, onAddCoupon, onRemoveCoupon, isRemovingCoupon, priceList: maskedPriceList, isAddingCoupon, couponCode, setCouponCode, activeCouponsExist, }: {
+    quote: FragmentOf<typeof CheckoutSummary_QuoteFragment>;
     className?: string;
     onAddCoupon: (couponCode: string) => void;
     onRemoveCoupon: (couponCode: string) => void;
     isRemovingCoupon: boolean;
-    priceListData?: PriceList;
+    priceList: FragmentOf<typeof CheckoutSummary_PriceListFragment> | undefined | null;
     isAddingCoupon: boolean;
     couponCode: string;
     setCouponCode: (couponCode: string) => void;

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

@@ -9,7 +9,7 @@ export declare const PaymentForms_QuoteFragment: import("gql.tada").TadaDocument
     masked: true;
 }>;
 export default function PaymentForms({ quote: maskedQuote, handlePaymentSuccess, handleSubmit, proceedingToPayment, accountId, overrideToken, customCheckoutFunction, defaultValues, }: {
-    quote?: FragmentOf<typeof PaymentForms_QuoteFragment>;
+    quote?: FragmentOf<typeof PaymentForms_QuoteFragment> | null;
     handlePaymentSuccess: () => void;
     handleSubmit: (formData: FormData) => void;
     proceedingToPayment: boolean;

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

@@ -1,5 +1,19 @@
-import '../../styles/index.less';
-import PriceList from '@/types/PriceList';
-export default function PriceListDisplay({ priceListData }: {
-    priceListData?: PriceList;
+import { FragmentOf } from 'gql.tada';
+export declare const PriceListDisplay_PriceListFragment: import("gql.tada").TadaDocumentNode<{
+    product: {
+        name: string;
+    } | null;
+    name: string;
+    basePrice: number | null;
+    currencyId: string;
+    trialAllowed: boolean;
+    trialLengthDays: number | null;
+    periodMonths: number | null;
+}, {}, {
+    fragment: "PriceListDisplay_PriceListFragment";
+    on: "PriceList";
+    masked: true;
+}>;
+export default function PriceListDisplay({ priceList: maskedPriceList }: {
+    priceList: FragmentOf<typeof PriceListDisplay_PriceListFragment> | undefined | null;
 }): import("react/jsx-runtime").JSX.Element | null;

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

@@ -1,4 +1,3 @@
-import '../../styles/index.less';
 import { ShadowType } from '../../types/shadowType';
 export default function Signup({ companyName, priceListCode, returnUrl, couponCode, className, shadow, style, defaultFirstName, defaultLastName, defaultEmail, defaultCompanyName, defaultBillingCountry, }: {
     /** The company name to display on the signup page */

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

@@ -0,0 +1,14 @@
+import { FragmentOf } from 'gql.tada';
+export declare const SelfServiceBuyWarning_PriceListFragment: import("gql.tada").TadaDocumentNode<{
+    plan: {
+        selfServiceBuy: boolean | null;
+    } | null;
+}, {}, {
+    fragment: "SelfServiceBuyWarning_PriceListFragment";
+    on: "PriceList";
+    masked: true;
+}>;
+export default function SelfServiceBuyWarning({ priceList: maskedPriceList, onShowSelfServiceBuyWarning, }: {
+    priceList: FragmentOf<typeof SelfServiceBuyWarning_PriceListFragment> | undefined | null;
+    onShowSelfServiceBuyWarning: () => void;
+}): null;

package/dist/cjs/types/src/components/Signup/fragments/Signup_PriceListFragment.d.ts

@@ -0,0 +1,17 @@
+export declare const Signup_PriceListFragment: import("gql.tada").TadaDocumentNode<{
+    [$tada.fragmentRefs]: {
+        CheckoutSummary_PriceListFragment: "PriceList";
+    } & {
+        PriceListDisplay_PriceListFragment: "PriceList";
+    } & {
+        SelfServiceBuyWarning_PriceListFragment: "PriceList";
+    };
+    plan: {
+        selfServiceBuy: boolean | null;
+    } | null;
+    trialAllowed: boolean;
+}, {}, {
+    fragment: "Signup_PriceListFragment";
+    on: "PriceList";
+    masked: true;
+}>;

package/dist/cjs/types/src/components/Signup/fragments/Signup_QuoteFragment.d.ts

@@ -0,0 +1,17 @@
+export declare const Signup_QuoteFragment: import("gql.tada").TadaDocumentNode<{
+    [$tada.fragmentRefs]: {
+        CheckoutSummary_QuoteFragment: "Quote";
+    } & {
+        PaymentForms_QuoteFragment: "Quote";
+    };
+    id: string | null;
+    currencyId: string;
+    amountDue: number | null;
+    quoteChanges: {
+        id: string | null;
+    }[] | null;
+}, {}, {
+    fragment: "Signup_QuoteFragment";
+    on: "Quote";
+    masked: true;
+}>;

package/dist/cjs/types/src/components/Signup/mutations/accountSignup.d.ts

@@ -0,0 +1,58 @@
+declare const accountSignup: ({ token, apiHost, accountId, quoteId, paymentToken, paymentMethodId, pluginId, priceListCode, }: {
+    token: string;
+    apiHost: string;
+    accountId: string;
+    quoteId: string;
+    paymentToken?: string;
+    paymentMethodId?: string;
+    pluginId: string;
+    priceListCode: string;
+}) => Promise<{
+    errors: string[] | null;
+    quote: {
+        accountId: string;
+        amount: number;
+        amountDue: number | null;
+        applicationDate: unknown;
+        applied: boolean;
+        backdatedPeriods: boolean | null;
+        backdatedQuote: boolean | null;
+        billingDay: number | null;
+        contactId: string | null;
+        createdAt: unknown;
+        credits: number | null;
+        currencyId: string;
+        dealId: string | null;
+        discount: number | null;
+        discountValue: number;
+        endDate: unknown;
+        evergreen: boolean | null;
+        expiresAt: unknown;
+        id: string | null;
+        invoiceImmediately: boolean | null;
+        invoiceImmediatelyAvailable: boolean | null;
+        invoiceUntil: unknown;
+        isPendingApprovalRequest: boolean;
+        kind: "SUBSCRIBE" | "UPDATE" | "RENEW" | "REINSTATE" | "UNSUBSCRIBE" | "ADJUSTMENT" | "COUPON" | "DISCOUNT" | "CREDIT" | "PRICE_UPDATE" | "QUANTITY_UPDATE" | "FREE_PERIOD_DISCOUNT" | "ACTIVATE";
+        message: string | null;
+        name: string | null;
+        netPaymentDays: number | null;
+        notes: string | null;
+        number: string | null;
+        ownerId: string | null;
+        payableId: string | null;
+        periodAmount: number | null;
+        poNumber: string | null;
+        requiresApproval: boolean;
+        smallUnitAmountDue: number | null;
+        splitInvoice: boolean | null;
+        startDate: unknown;
+        state: "APPROVED" | "REJECTED" | "DRAFT" | "SHARED" | "VIEWED" | "ACCEPTED" | "IN_APPROVAL" | "UNDONE";
+        subtotal: number;
+        taxAmount: number;
+        taxCode: string | null;
+        updatedAt: unknown;
+        uuid: string;
+    } | null;
+} | null>;
+export default accountSignup;

package/dist/cjs/types/src/components/Signup/mutations/quoteAccountSignup.d.ts

@@ -0,0 +1,31 @@
+import BillingDetails from '@/types/billingDetails';
+type BillingContact = {
+    firstName: string;
+    lastName: string;
+    email: string;
+};
+declare const quoteAccountSignup: ({ token, apiHost, priceListCode, accountName, billingContact, billingDetails, trial, }: {
+    token?: string;
+    apiHost: string;
+    priceListCode: string;
+    accountName: string;
+    billingContact: BillingContact;
+    billingDetails?: BillingDetails;
+    trial: boolean;
+}) => Promise<{
+    account: {
+        id: string;
+    } | null;
+    quote: {
+        [$tada.fragmentRefs]: {
+            Signup_QuoteFragment: "Quote";
+        };
+        id: string | null;
+    } | null;
+    tenant: {
+        code: string | null;
+    } | null;
+    portalSessionToken: string | null;
+    errors: string[] | null;
+} | null>;
+export default quoteAccountSignup;

package/dist/{esm/types/src/graphql → cjs/types/src/components/Signup}/mutations/quoteRecalculateTaxes.d.ts

@@ -2,5 +2,9 @@ declare const quoteRecalculateTaxes: ({ quoteId, apiHost, token, }: {
     quoteId: string;
     apiHost: string;
     token?: string;
-}) => Promise<any>;
+}) => Promise<{
+    [$tada.fragmentRefs]: {
+        Signup_QuoteFragment: "Quote";
+    };
+} | null | undefined>;
 export default quoteRecalculateTaxes;

package/dist/{esm/types/src/graphql → cjs/types/src/components/Signup}/queries/getPriceList.d.ts

@@ -1,7 +1,10 @@
-import PriceList from '@/types/PriceList';
 declare const getPriceList: ({ token, code, apiHost, }: {
     token?: string;
     code: string;
     apiHost: string;
-}) => Promise<PriceList>;
+}) => Promise<{
+    [$tada.fragmentRefs]: {
+        Signup_PriceListFragment: "PriceList";
+    };
+} | null>;
 export default getPriceList;

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

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

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

@@ -1,4 +1,4 @@
-declare const SubscriptionsWrapper: ({ handlePortalErrors, companyName, isInPreviewMode, productId, className, styles: userStyles, noSubscriptionsComponent, showInactiveSubscriptions, showInactiveSubscriptionsToggle, }: {
+declare const SubscriptionsWrapper: ({ handlePortalErrors, companyName, isInPreviewMode, productId, className, styles: userStyles, noSubscriptionsComponent, showInactiveSubscriptions, showInactiveSubscriptionsToggle, onPaymentMethodSaved, onPaymentMethodRemoved, onSubscriptionUpgradeClick, }: {
     handlePortalErrors?: (errors: any) => void;
     companyName: string;
     isInPreviewMode?: boolean;
@@ -12,5 +12,8 @@ declare const SubscriptionsWrapper: ({ handlePortalErrors, companyName, isInPrev
     noSubscriptionsComponent?: React.ReactNode;
     showInactiveSubscriptions?: boolean;
     showInactiveSubscriptionsToggle?: boolean;
+    onPaymentMethodSaved?: (paymentMethodId: string) => void;
+    onPaymentMethodRemoved?: (paymentMethodId: string) => void;
+    onSubscriptionUpgradeClick?: (subscriptionId: string) => void;
 }) => import("react/jsx-runtime").JSX.Element;
 export default SubscriptionsWrapper;

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

@@ -0,0 +1,21 @@
+import { FragmentOf } from 'gql.tada';
+export declare const CheckoutBarInput_PriceListChargeFragment: import("gql.tada").TadaDocumentNode<{
+    name: string;
+    quantityMin: number | null;
+    quantityMax: number | null;
+    id: string;
+    feature: {
+        id: string;
+    } | null;
+}, {}, {
+    fragment: "CheckoutBarInput_PriceListChargeFragment";
+    on: "PriceListCharge";
+    masked: true;
+}>;
+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/cjs/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/cjs/types/src/components/Subscriptions/Upgrade/PlanPicker/checkoutBar/CheckoutPrice.d.ts

@@ -3,14 +3,19 @@ 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/cjs/types/src/components/Subscriptions/Upgrade/PlanPicker/checkoutBar/PlanPickerCheckoutBar.d.ts

@@ -1,21 +1,16 @@
 import PriceList from '@/types/PriceList';
-export declare const PlanPickerCheckoutBar_QuoteFragment: import("gql.tada").TadaDocumentNode<{
+export declare const PlanPickerCheckoutBar_PriceListChargeFragment: import("gql.tada").TadaDocumentNode<{
     [$tada.fragmentRefs]: {
-        Checkout_QuoteFragment: "Quote";
+        CheckoutBarInput_PriceListChargeFragment: "PriceListCharge";
     };
-    quoteChanges: {
-        priceList: {
-            id: string;
-        } | null;
-        charges: {
-            priceListCharge: {
-                id: string;
-            } | null;
-        }[];
-    }[] | null;
+    feature: {
+        id: string;
+    } | null;
+    featureAddon: boolean | null;
+    id: string;
 }, {}, {
-    fragment: "PlanPickerCheckoutBar_QuoteFragment";
-    on: "Quote";
+    fragment: "PlanPickerCheckoutBar_PriceListChargeFragment";
+    on: "PriceListCharge";
     masked: true;
 }>;
 declare const PlanPickerCheckoutBar: ({ selectedPriceList, handlePortalErrors, onCheckoutSuccess, }: {

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

@@ -1,33 +1,19 @@
 import DeprecatedPriceList from '@/types/PriceList';
-import Feature from '@/types/Feature';
 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";
     } & {
@@ -38,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/cjs/types/src/components/Subscriptions/Upgrade/PlanPicker/planPickerDesktop/util.d.ts

@@ -62,4 +62,5 @@ export declare const filterUniqueFeatures: ({ availablePriceLists, }: {
     trialLengthDays?: number;
     updatedAt: string;
     addonPlans?: import("../../../../../types/Plan").Plan[];
+    deprecated?: boolean;
 }[];

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

@@ -1,7 +1,6 @@
-import { FragmentOf } from 'gql.tada';
-import Feature from '@/types/Feature';
-import Subscription from '@/types/Subscription';
 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: {
         name: string;
@@ -18,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/cjs/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/cjs/types/src/components/Subscriptions/Upgrade/PlanPicker/priceListCard/PriceDescription/PriceListCardPriceDescription.d.ts

@@ -1,23 +1,30 @@
-import Feature from '@/types/Feature';
 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/cjs/types/src/components/Subscriptions/Upgrade/PlanPicker/priceListCard/PriceListCard.d.ts

@@ -26,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/cjs/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/cjs/types/src/components/Subscriptions/Upgrade/PlanPicker/priceListCard/priceListCardUtils.d.ts

@@ -1,10 +1,6 @@
 import PriceList from '@/types/PriceList';
-import { PriceListCharge } from '@/types/PriceListCharge';
 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/cjs/types/src/components/Subscriptions/Upgrade/Upgrade.d.ts

@@ -1,10 +1,16 @@
-declare const UpgradeWrapper: ({ onChangePlanCancel, handlePortalErrors, upgradingSubscriptionId, 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;
+    onPaymentMethodSaved?: (paymentMethodId: string) => void;
+    onPaymentMethodRemoved?: (paymentMethodId: string) => void;
     upgradingSubscriptionId?: string;
-    isInPreviewMode: boolean;
-    productId: string | undefined;
+    isInPreviewMode?: boolean;
+    productId?: string | undefined;
     className?: string;
     shadow?: "none" | "sm" | "md" | "lg";
+    /**
+     * 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/cjs/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;