@bunnyapp/components 1.7.0-beta.35 → 1.7.0-beta.37

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.34';
+const PACKAGE_VERSION = '1.7.0-beta.36';
 const createRequestHeaders = (token) => {
     const headers = createClientDevHeaders({ token });
     // Add the components version header
@@ -26412,8 +26412,6 @@ const BillingPeriodSelector = ({ availableBillingPeriods, onChangeBillingPeriod,
                                     return;
                                 onChangeProduct(products === null || products === void 0 ? void 0 : products.find(product => product.id === e.target.value));
                             }, value: selectedProduct === null || selectedProduct === void 0 ? void 0 : selectedProduct.id, buttonStyle: "solid", children: jsxRuntime.jsx(antd.Space, { className: "bunny-gap-2", children: products === null || products === void 0 ? void 0 : products.map(product => (jsxRuntime.jsx(antd.Radio.Button, { value: product.id, children: product.name }, product.id))) }) }) })] })), jsxRuntime.jsx("div", { className: "bunny-flex bunny-flex-col bunny-w-full bunny-gap-2", children: jsxRuntime.jsx(StyledRadioGroup, { className: "bunny-w-full", "$isMobile": isMobile, children: jsxRuntime.jsx(antd.Radio.Group, { onChange: e => {
-                            if (isInPreviewMode)
-                                return;
                             onChangeBillingPeriod(e.target.value);
                         }, value: selectedBillingPeriod, size: "small", buttonStyle: "solid", children: availableBillingPeriods === null || availableBillingPeriods === void 0 ? void 0 : availableBillingPeriods.map((periodMonth, index) => {
                             return (jsxRuntime.jsx(antd.Radio.Button, { value: periodMonthsConverter(periodMonth), children: periodMonthsConverter(periodMonth) }, index));
@@ -26513,7 +26511,7 @@ function doesPriceListHaveFlatFeeCharges(maskedPriceList) {
 function priceDescriptionString({ unitName, showPriceAsMonthly, periodMonths, priceListHasFlatFeeCharges, }) {
     const periodMonthsConverted = periodMonthsConverter(periodMonths);
     const periodLabel = periodMonthsConverted ? PERIOD_LABELS[periodMonthsConverted] : null;
-    return `Per ${unitName && !priceListHasFlatFeeCharges ? `${unitName.toLowerCase()} / ` : ''}${showPriceAsMonthly ? 'month' : periodLabel}`;
+    return `Per ${unitName && !priceListHasFlatFeeCharges ? `${unitName} / ` : ''}${showPriceAsMonthly ? 'month' : periodLabel}`;
 }
 
 const { Text: Text$e } = antd.Typography;
@@ -26876,14 +26874,10 @@ const PriceListCardDesktop_PriceListFragment = t(`
 ]);
 const PriceListCardDesktop = ({ hideButton, description, disableSelectCurrentPlan, feature, isPriceListCurrentSubscription, isSelected, priceList: maskedPriceList, subscriptionPlan, trialRemainingDays, noBorder, onClickPriceListCard, }) => {
     var _a, _b, _c, _d;
-    // Context
-    const { isInPreviewMode } = useSubscriptionProps();
     // Read fragments
     const priceList = readFragment(PriceListCardDesktop_PriceListFragment, maskedPriceList);
     return (jsxRuntime.jsx(PlanPickerGridCell, { noBorder: noBorder, children: jsxRuntime.jsxs("div", { className: `bunny-flex bunny-flex-col bunny-items-start bunny-justify-between bunny-w-full bunny-rounded-md bunny-gap-4 bunny-pt-4 bunny-px-4 ${disableSelectCurrentPlan ? '' : 'cursor-pointer'} bunny-box-border`, onClick: () => {
                 var _a, _b, _c;
-                if (isInPreviewMode)
-                    return;
                 if (!disableSelectCurrentPlan) {
                     if (((_a = priceList.plan) === null || _a === void 0 ? void 0 : _a.pricingStyle) === t.scalar('PlanPricingStyles', 'CONTACT_US')) {
                         window.open((_c = (_b = priceList.plan) === null || _b === void 0 ? void 0 : _b.contactUsUrl) !== null && _c !== void 0 ? _c : undefined, '_blank');
@@ -26925,12 +26919,9 @@ const PriceListCardMobile = ({ description, feature, isPriceListCurrentSubscript
     var _a, _b;
     // Context
     const { brandColor } = useBrand();
-    const { isInPreviewMode } = useSubscriptionProps();
     // Read fragments
     const priceList = readFragment(PriceListCardMobile_PriceListFragment, maskedPriceList);
     return (jsxRuntime.jsxs("div", { className: `bunny-relative bunny-flex bunny-flex-col bunny-border-2 bunny-border-solid bunny-rounded-lg bunny-p-4`, onClick: () => {
-            if (isInPreviewMode)
-                return;
             if (!disableOnClickPriceListCard)
                 onClickPriceListCard === null || onClickPriceListCard === void 0 ? void 0 : onClickPriceListCard(priceList);
         }, style: {
@@ -27632,8 +27623,6 @@ function AddonPlanRow({ addonPriceList: maskedAddonPriceList, selectedPriceList,
     const switchDisabled = isInPreviewMode || isPurchased;
     const hasCustomPrice = ((_b = addonPriceList.plan) === null || _b === void 0 ? void 0 : _b.pricingDescription) != null;
     return (jsxRuntime.jsxs("div", { className: `bunny-flex bunny-flex-row bunny-gap-2 bunny-justify-between bunny-items-center bunny-p-4 bunny-rounded-md bunny-bg-white ${shadow ? `shadow-${shadow}` : ''} bunny-mb-2`, children: [jsxRuntime.jsxs("div", { className: "bunny-flex bunny-flex-row bunny-gap-2 bunny-items-center", children: [jsxRuntime.jsx("div", { className: `bunny-font-medium bunny-text-center bunny-text-orange-600`, children: (_c = addonPriceList.plan) === null || _c === void 0 ? void 0 : _c.name }), jsxRuntime.jsx(PriceListCardDescription, { description: (_e = (_d = addonPriceList.plan) === null || _d === void 0 ? void 0 : _d.description) !== null && _e !== void 0 ? _e : '' }), !hasCustomPrice && (jsxRuntime.jsx(PriceListCardPrice, { priceList: addonPriceList, className: "bunny-text-sm bunny-font-medium bunny-text-gray-900" })), jsxRuntime.jsx(PriceListCardPriceDescription, { feature: activeCharge === null || activeCharge === void 0 ? void 0 : activeCharge.feature, priceList: addonPriceList }), jsxRuntime.jsx(antd.Button, { type: "link", onClick: () => {
-                            if (isInPreviewMode)
-                                return;
                             onClickSelect();
                         }, children: jsxRuntime.jsx(icons.InfoCircleOutlined, {}) })] }), jsxRuntime.jsx(antd.Switch, { id: addonPlanSwitchTestId((_g = (_f = addonPriceList.plan) === null || _f === void 0 ? void 0 : _f.name) !== null && _g !== void 0 ? _g : ''), loading: isPending && !switchDisabled, checked: addedQuoteChange || isPurchased, onChange: (checked) => {
                     if (checked) {

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

@@ -1,5 +1,5 @@
-import DeprecatedPriceList from '@/types/PriceList';
 import Feature from '@/types/Feature';
+import DeprecatedPriceList from '@/types/PriceList';
 import Subscription from '@/types/Subscription';
 import { FragmentOf } from 'gql.tada';
 export declare const PriceListCardDesktop_PriceListFragment: import("gql.tada").TadaDocumentNode<{

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

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

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.34';
+const PACKAGE_VERSION = '1.7.0-beta.36';
 const createRequestHeaders = (token) => {
     const headers = createClientDevHeaders({ token });
     // Add the components version header
@@ -26410,8 +26410,6 @@ const BillingPeriodSelector = ({ availableBillingPeriods, onChangeBillingPeriod,
                                     return;
                                 onChangeProduct(products === null || products === void 0 ? void 0 : products.find(product => product.id === e.target.value));
                             }, value: selectedProduct === null || selectedProduct === void 0 ? void 0 : selectedProduct.id, buttonStyle: "solid", children: jsx(Space, { className: "bunny-gap-2", children: products === null || products === void 0 ? void 0 : products.map(product => (jsx(Radio.Button, { value: product.id, children: product.name }, product.id))) }) }) })] })), jsx("div", { className: "bunny-flex bunny-flex-col bunny-w-full bunny-gap-2", children: jsx(StyledRadioGroup, { className: "bunny-w-full", "$isMobile": isMobile, children: jsx(Radio.Group, { onChange: e => {
-                            if (isInPreviewMode)
-                                return;
                             onChangeBillingPeriod(e.target.value);
                         }, value: selectedBillingPeriod, size: "small", buttonStyle: "solid", children: availableBillingPeriods === null || availableBillingPeriods === void 0 ? void 0 : availableBillingPeriods.map((periodMonth, index) => {
                             return (jsx(Radio.Button, { value: periodMonthsConverter(periodMonth), children: periodMonthsConverter(periodMonth) }, index));
@@ -26511,7 +26509,7 @@ function doesPriceListHaveFlatFeeCharges(maskedPriceList) {
 function priceDescriptionString({ unitName, showPriceAsMonthly, periodMonths, priceListHasFlatFeeCharges, }) {
     const periodMonthsConverted = periodMonthsConverter(periodMonths);
     const periodLabel = periodMonthsConverted ? PERIOD_LABELS[periodMonthsConverted] : null;
-    return `Per ${unitName && !priceListHasFlatFeeCharges ? `${unitName.toLowerCase()} / ` : ''}${showPriceAsMonthly ? 'month' : periodLabel}`;
+    return `Per ${unitName && !priceListHasFlatFeeCharges ? `${unitName} / ` : ''}${showPriceAsMonthly ? 'month' : periodLabel}`;
 }
 
 const { Text: Text$e } = Typography;
@@ -26874,14 +26872,10 @@ const PriceListCardDesktop_PriceListFragment = t(`
 ]);
 const PriceListCardDesktop = ({ hideButton, description, disableSelectCurrentPlan, feature, isPriceListCurrentSubscription, isSelected, priceList: maskedPriceList, subscriptionPlan, trialRemainingDays, noBorder, onClickPriceListCard, }) => {
     var _a, _b, _c, _d;
-    // Context
-    const { isInPreviewMode } = useSubscriptionProps();
     // Read fragments
     const priceList = readFragment(PriceListCardDesktop_PriceListFragment, maskedPriceList);
     return (jsx(PlanPickerGridCell, { noBorder: noBorder, children: jsxs("div", { className: `bunny-flex bunny-flex-col bunny-items-start bunny-justify-between bunny-w-full bunny-rounded-md bunny-gap-4 bunny-pt-4 bunny-px-4 ${disableSelectCurrentPlan ? '' : 'cursor-pointer'} bunny-box-border`, onClick: () => {
                 var _a, _b, _c;
-                if (isInPreviewMode)
-                    return;
                 if (!disableSelectCurrentPlan) {
                     if (((_a = priceList.plan) === null || _a === void 0 ? void 0 : _a.pricingStyle) === t.scalar('PlanPricingStyles', 'CONTACT_US')) {
                         window.open((_c = (_b = priceList.plan) === null || _b === void 0 ? void 0 : _b.contactUsUrl) !== null && _c !== void 0 ? _c : undefined, '_blank');
@@ -26923,12 +26917,9 @@ const PriceListCardMobile = ({ description, feature, isPriceListCurrentSubscript
     var _a, _b;
     // Context
     const { brandColor } = useBrand();
-    const { isInPreviewMode } = useSubscriptionProps();
     // Read fragments
     const priceList = readFragment(PriceListCardMobile_PriceListFragment, maskedPriceList);
     return (jsxs("div", { className: `bunny-relative bunny-flex bunny-flex-col bunny-border-2 bunny-border-solid bunny-rounded-lg bunny-p-4`, onClick: () => {
-            if (isInPreviewMode)
-                return;
             if (!disableOnClickPriceListCard)
                 onClickPriceListCard === null || onClickPriceListCard === void 0 ? void 0 : onClickPriceListCard(priceList);
         }, style: {
@@ -27630,8 +27621,6 @@ function AddonPlanRow({ addonPriceList: maskedAddonPriceList, selectedPriceList,
     const switchDisabled = isInPreviewMode || isPurchased;
     const hasCustomPrice = ((_b = addonPriceList.plan) === null || _b === void 0 ? void 0 : _b.pricingDescription) != null;
     return (jsxs("div", { className: `bunny-flex bunny-flex-row bunny-gap-2 bunny-justify-between bunny-items-center bunny-p-4 bunny-rounded-md bunny-bg-white ${shadow ? `shadow-${shadow}` : ''} bunny-mb-2`, children: [jsxs("div", { className: "bunny-flex bunny-flex-row bunny-gap-2 bunny-items-center", children: [jsx("div", { className: `bunny-font-medium bunny-text-center bunny-text-orange-600`, children: (_c = addonPriceList.plan) === null || _c === void 0 ? void 0 : _c.name }), jsx(PriceListCardDescription, { description: (_e = (_d = addonPriceList.plan) === null || _d === void 0 ? void 0 : _d.description) !== null && _e !== void 0 ? _e : '' }), !hasCustomPrice && (jsx(PriceListCardPrice, { priceList: addonPriceList, className: "bunny-text-sm bunny-font-medium bunny-text-gray-900" })), jsx(PriceListCardPriceDescription, { feature: activeCharge === null || activeCharge === void 0 ? void 0 : activeCharge.feature, priceList: addonPriceList }), jsx(Button, { type: "link", onClick: () => {
-                            if (isInPreviewMode)
-                                return;
                             onClickSelect();
                         }, children: jsx(InfoCircleOutlined, {}) })] }), jsx(Switch, { id: addonPlanSwitchTestId((_g = (_f = addonPriceList.plan) === null || _f === void 0 ? void 0 : _f.name) !== null && _g !== void 0 ? _g : ''), loading: isPending && !switchDisabled, checked: addedQuoteChange || isPurchased, onChange: (checked) => {
                     if (checked) {

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

@@ -1,5 +1,5 @@
-import DeprecatedPriceList from '@/types/PriceList';
 import Feature from '@/types/Feature';
+import DeprecatedPriceList from '@/types/PriceList';
 import Subscription from '@/types/Subscription';
 import { FragmentOf } from 'gql.tada';
 export declare const PriceListCardDesktop_PriceListFragment: import("gql.tada").TadaDocumentNode<{

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

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

package/package.json

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