@bunnyapp/components 1.7.0-beta.39 → 1.7.0-beta.40

package/dist/cjs/index.js

@@ -1283,7 +1283,7 @@ const DEFAULT_CONFIG = {
 };
 
 // This will be replaced at build time by rollup-plugin-replace
-const PACKAGE_VERSION = '1.7.0-beta.38';
+const PACKAGE_VERSION = '1.7.0-beta.39';
 const createRequestHeaders = (token) => {
     const headers = createClientDevHeaders({ token });
     // Add the components version header
@@ -26399,6 +26399,8 @@ const PriceListCardButton = ({ disableSelectCurrentPlan, isPriceListCurrentSubsc
     return (jsxRuntime.jsx("div", { className: "bunny-flex bunny-flex-col bunny-grow bunny-w-full bunny-gap-3", children: jsxRuntime.jsx(antd.Button, { className: "bunny-w-full", disabled: disableSelectCurrentPlan, type: isSelected ? 'primary' : 'default', children: createButtonText() }) }));
 };
 
+const [DefaultBillingPeriodProvider, useDefaultBillingPeriod] = createValueContext();
+
 const BillingPeriodSelector = ({ availableBillingPeriods, onChangeBillingPeriod, products, selectedBillingPeriod, selectedProduct, onChangeProduct, }) => {
     const { secondaryColor, brandColor } = useBrand();
     const isMobile = useIsMobile();
@@ -27867,6 +27869,7 @@ const PriceListSelector = ({ arePlanChangeOptionsLoading, areSubscriptionsLoadin
     const { isInPreviewMode } = useSubscriptionProps();
     const maskedUpgradingSubscription = useUpgradingSubscription();
     const { selectedPriceList, onChangeSelectedPriceList, onClearQuote } = react.useContext(QuoteContext);
+    const defaultBillingPeriod = useDefaultBillingPeriod();
     // Read fragment
     const upgradingSubscription = readFragment(PriceListSelectorUpgradingSubscription_SubscriptionFragment, maskedUpgradingSubscription);
     // Local state
@@ -27925,6 +27928,10 @@ const PriceListSelector = ({ arePlanChangeOptionsLoading, areSubscriptionsLoadin
         var _a, _b, _c;
         const initialAvailableBillingPeriods = createAvailableBillingPeriods(priceListChangeOptions === null || priceListChangeOptions === void 0 ? void 0 : priceListChangeOptions.priceLists, initialProduct, upgradingSubscription // TODO: set type properly later
         );
+        const defaultBillingPeriodIsAvailable = initialAvailableBillingPeriods === null || initialAvailableBillingPeriods === void 0 ? void 0 : initialAvailableBillingPeriods.includes(billingPeriodConverter(defaultBillingPeriod));
+        if (defaultBillingPeriod && defaultBillingPeriodIsAvailable) {
+            return defaultBillingPeriod;
+        }
         const periodMonthsConverted = periodMonthsConverter((_b = (_a = upgradingSubscription === null || upgradingSubscription === void 0 ? void 0 : upgradingSubscription.priceList) === null || _a === void 0 ? void 0 : _a.periodMonths) !== null && _b !== void 0 ? _b : null);
         if ((upgradingSubscription === null || upgradingSubscription === void 0 ? void 0 : upgradingSubscription.priceList) &&
             periodMonthsConverted &&
@@ -29610,7 +29617,7 @@ const getSubscriptions = async ({ apiHost, isInPreviewMode, token, }) => {
 };
 
 const showInfoNotification = useInfoNotification();
-const UpgradeWrapper = ({ onChangePlanCancel, handlePortalErrors, upgradingSubscriptionId, isInPreviewMode, productId, className, shadow = 'md', onPaymentMethodSaved, onPaymentMethodRemoved, }) => {
+const UpgradeWrapper = ({ onChangePlanCancel, handlePortalErrors, onPaymentMethodSaved, onPaymentMethodRemoved, upgradingSubscriptionId, isInPreviewMode, productId, className, shadow = 'md', defaultBillingPeriod, }) => {
     var _a, _b, _c;
     // Context
     const token = useToken();
@@ -29642,7 +29649,7 @@ const UpgradeWrapper = ({ onChangePlanCancel, handlePortalErrors, upgradingSubsc
             productId,
             className,
             shadow,
-        }, children: jsxRuntime.jsx(UpgradingSubscriptionIdProvider, { initialValue: upgradingSubscriptionId, children: jsxRuntime.jsx(UpgradingSubscriptionProvider, { value: upgradingSubscription, children: jsxRuntime.jsx(OnPaymentMethodSavedProvider, { value: onPaymentMethodSaved, children: jsxRuntime.jsx(OnPaymentMethodRemovedProvider, { value: onPaymentMethodRemoved, children: jsxRuntime.jsx(QuoteProvider, { children: jsxRuntime.jsx(UpgradeContent, { onChangePlanCancel: onChangePlanCancel, handlePortalErrors: handlePortalErrors, subscriptions: (_c = subscriptionsData === null || subscriptionsData === void 0 ? void 0 : subscriptionsData.subscriptions) === null || _c === void 0 ? void 0 : _c.nodes, subscriptionsAreLoading: subscriptionsAreLoading }) }) }) }) }) }) }));
+        }, children: jsxRuntime.jsx(UpgradingSubscriptionIdProvider, { initialValue: upgradingSubscriptionId, children: jsxRuntime.jsx(UpgradingSubscriptionProvider, { value: upgradingSubscription, children: jsxRuntime.jsx(OnPaymentMethodSavedProvider, { value: onPaymentMethodSaved, children: jsxRuntime.jsx(OnPaymentMethodRemovedProvider, { value: onPaymentMethodRemoved, children: jsxRuntime.jsx(DefaultBillingPeriodProvider, { value: defaultBillingPeriod, children: jsxRuntime.jsx(QuoteProvider, { children: jsxRuntime.jsx(UpgradeContent, { onChangePlanCancel: onChangePlanCancel, handlePortalErrors: handlePortalErrors, subscriptions: (_c = subscriptionsData === null || subscriptionsData === void 0 ? void 0 : subscriptionsData.subscriptions) === null || _c === void 0 ? void 0 : _c.nodes, subscriptionsAreLoading: subscriptionsAreLoading }) }) }) }) }) }) }) }));
 };
 const UpgradeContent = ({ onChangePlanCancel, handlePortalErrors, subscriptions, subscriptionsAreLoading, }) => {
     // Context

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

@@ -1,12 +1,17 @@
-declare const UpgradeWrapper: ({ onChangePlanCancel, handlePortalErrors, upgradingSubscriptionId, isInPreviewMode, productId, className, shadow, onPaymentMethodSaved, onPaymentMethodRemoved, }: {
+import { BillingPeriod } from '@/graphql-codegen/exportedScalarTypes';
+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;
     className?: string;
     shadow?: "none" | "sm" | "md" | "lg";
-    onPaymentMethodSaved?: (paymentMethodId: string) => void;
-    onPaymentMethodRemoved?: (paymentMethodId: string) => void;
+    /**
+     * If provided and the billing period is available, the billing period selector will default to this value.
+     */
+    defaultBillingPeriod?: BillingPeriod;
 }) => 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;

package/dist/esm/index.js

@@ -1281,7 +1281,7 @@ const DEFAULT_CONFIG = {
 };
 
 // This will be replaced at build time by rollup-plugin-replace
-const PACKAGE_VERSION = '1.7.0-beta.38';
+const PACKAGE_VERSION = '1.7.0-beta.39';
 const createRequestHeaders = (token) => {
     const headers = createClientDevHeaders({ token });
     // Add the components version header
@@ -26397,6 +26397,8 @@ const PriceListCardButton = ({ disableSelectCurrentPlan, isPriceListCurrentSubsc
     return (jsx("div", { className: "bunny-flex bunny-flex-col bunny-grow bunny-w-full bunny-gap-3", children: jsx(Button, { className: "bunny-w-full", disabled: disableSelectCurrentPlan, type: isSelected ? 'primary' : 'default', children: createButtonText() }) }));
 };
 
+const [DefaultBillingPeriodProvider, useDefaultBillingPeriod] = createValueContext();
+
 const BillingPeriodSelector = ({ availableBillingPeriods, onChangeBillingPeriod, products, selectedBillingPeriod, selectedProduct, onChangeProduct, }) => {
     const { secondaryColor, brandColor } = useBrand();
     const isMobile = useIsMobile();
@@ -27865,6 +27867,7 @@ const PriceListSelector = ({ arePlanChangeOptionsLoading, areSubscriptionsLoadin
     const { isInPreviewMode } = useSubscriptionProps();
     const maskedUpgradingSubscription = useUpgradingSubscription();
     const { selectedPriceList, onChangeSelectedPriceList, onClearQuote } = useContext(QuoteContext);
+    const defaultBillingPeriod = useDefaultBillingPeriod();
     // Read fragment
     const upgradingSubscription = readFragment(PriceListSelectorUpgradingSubscription_SubscriptionFragment, maskedUpgradingSubscription);
     // Local state
@@ -27923,6 +27926,10 @@ const PriceListSelector = ({ arePlanChangeOptionsLoading, areSubscriptionsLoadin
         var _a, _b, _c;
         const initialAvailableBillingPeriods = createAvailableBillingPeriods(priceListChangeOptions === null || priceListChangeOptions === void 0 ? void 0 : priceListChangeOptions.priceLists, initialProduct, upgradingSubscription // TODO: set type properly later
         );
+        const defaultBillingPeriodIsAvailable = initialAvailableBillingPeriods === null || initialAvailableBillingPeriods === void 0 ? void 0 : initialAvailableBillingPeriods.includes(billingPeriodConverter(defaultBillingPeriod));
+        if (defaultBillingPeriod && defaultBillingPeriodIsAvailable) {
+            return defaultBillingPeriod;
+        }
         const periodMonthsConverted = periodMonthsConverter((_b = (_a = upgradingSubscription === null || upgradingSubscription === void 0 ? void 0 : upgradingSubscription.priceList) === null || _a === void 0 ? void 0 : _a.periodMonths) !== null && _b !== void 0 ? _b : null);
         if ((upgradingSubscription === null || upgradingSubscription === void 0 ? void 0 : upgradingSubscription.priceList) &&
             periodMonthsConverted &&
@@ -29608,7 +29615,7 @@ const getSubscriptions = async ({ apiHost, isInPreviewMode, token, }) => {
 };
 
 const showInfoNotification = useInfoNotification();
-const UpgradeWrapper = ({ onChangePlanCancel, handlePortalErrors, upgradingSubscriptionId, isInPreviewMode, productId, className, shadow = 'md', onPaymentMethodSaved, onPaymentMethodRemoved, }) => {
+const UpgradeWrapper = ({ onChangePlanCancel, handlePortalErrors, onPaymentMethodSaved, onPaymentMethodRemoved, upgradingSubscriptionId, isInPreviewMode, productId, className, shadow = 'md', defaultBillingPeriod, }) => {
     var _a, _b, _c;
     // Context
     const token = useToken();
@@ -29640,7 +29647,7 @@ const UpgradeWrapper = ({ onChangePlanCancel, handlePortalErrors, upgradingSubsc
             productId,
             className,
             shadow,
-        }, children: jsx(UpgradingSubscriptionIdProvider, { initialValue: upgradingSubscriptionId, children: jsx(UpgradingSubscriptionProvider, { value: upgradingSubscription, children: jsx(OnPaymentMethodSavedProvider, { value: onPaymentMethodSaved, children: jsx(OnPaymentMethodRemovedProvider, { value: onPaymentMethodRemoved, children: jsx(QuoteProvider, { children: jsx(UpgradeContent, { onChangePlanCancel: onChangePlanCancel, handlePortalErrors: handlePortalErrors, subscriptions: (_c = subscriptionsData === null || subscriptionsData === void 0 ? void 0 : subscriptionsData.subscriptions) === null || _c === void 0 ? void 0 : _c.nodes, subscriptionsAreLoading: subscriptionsAreLoading }) }) }) }) }) }) }));
+        }, children: jsx(UpgradingSubscriptionIdProvider, { initialValue: upgradingSubscriptionId, children: jsx(UpgradingSubscriptionProvider, { value: upgradingSubscription, children: jsx(OnPaymentMethodSavedProvider, { value: onPaymentMethodSaved, children: jsx(OnPaymentMethodRemovedProvider, { value: onPaymentMethodRemoved, children: jsx(DefaultBillingPeriodProvider, { value: defaultBillingPeriod, children: jsx(QuoteProvider, { children: jsx(UpgradeContent, { onChangePlanCancel: onChangePlanCancel, handlePortalErrors: handlePortalErrors, subscriptions: (_c = subscriptionsData === null || subscriptionsData === void 0 ? void 0 : subscriptionsData.subscriptions) === null || _c === void 0 ? void 0 : _c.nodes, subscriptionsAreLoading: subscriptionsAreLoading }) }) }) }) }) }) }) }));
 };
 const UpgradeContent = ({ onChangePlanCancel, handlePortalErrors, subscriptions, subscriptionsAreLoading, }) => {
     // Context

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

@@ -1,12 +1,17 @@
-declare const UpgradeWrapper: ({ onChangePlanCancel, handlePortalErrors, upgradingSubscriptionId, isInPreviewMode, productId, className, shadow, onPaymentMethodSaved, onPaymentMethodRemoved, }: {
+import { BillingPeriod } from '@/graphql-codegen/exportedScalarTypes';
+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;
     className?: string;
     shadow?: "none" | "sm" | "md" | "lg";
-    onPaymentMethodSaved?: (paymentMethodId: string) => void;
-    onPaymentMethodRemoved?: (paymentMethodId: string) => void;
+    /**
+     * If provided and the billing period is available, the billing period selector will default to this value.
+     */
+    defaultBillingPeriod?: BillingPeriod;
 }) => 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;

package/dist/index.d.ts

@@ -8,6 +8,7 @@ import Invoice$1 from '@/types/Invoice';
 import { QueryClient } from '@tanstack/react-query';
 import { ThemeConfig } from 'antd';
 import react from 'react';
+import { BillingPeriod } from '@/graphql-codegen/exportedScalarTypes';
 
 type ShadowType = "shadow-none" | "shadow-sm" | "shadow-md" | "shadow-lg" | "shadow-xl";
 
@@ -240,16 +241,20 @@ declare const SubscriptionsWrapper: ({ handlePortalErrors, companyName, isInPrev
     onPaymentMethodRemoved?: (paymentMethodId: string) => void;
 }) => react_jsx_runtime.JSX.Element;
 
-declare const UpgradeWrapper: ({ onChangePlanCancel, handlePortalErrors, upgradingSubscriptionId, isInPreviewMode, productId, className, shadow, onPaymentMethodSaved, onPaymentMethodRemoved, }: {
+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;
     className?: string;
     shadow?: "none" | "sm" | "md" | "lg";
-    onPaymentMethodSaved?: (paymentMethodId: string) => void;
-    onPaymentMethodRemoved?: (paymentMethodId: string) => void;
+    /**
+     * If provided and the billing period is available, the billing period selector will default to this value.
+     */
+    defaultBillingPeriod?: BillingPeriod;
 }) => react_jsx_runtime.JSX.Element | null;
 
 declare const BillingDetails: ({ className, countryListFilter, hideBillingDetailsForm, hidePaymentMethodForm, isCardEnabled, isUpgradeFromTrial, shadow, onSavePaymentMethod, onPaymentMethodRemoved, }: {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bunnyapp/components",
-  "version": "1.7.0-beta.39",
+  "version": "1.7.0-beta.40",
   "description": "Components from the Bunny portal to embed Bunny UI functionality into your application.",
   "main": "dist/cjs/index.js",
   "module": "dist/esm/index.js",