@bunnyapp/components 1.5.0-beta.7 → 1.5.0-beta.9

package/dist/cjs/index.js

@@ -154,7 +154,7 @@ var BrandContext = react.createContext({
 });
 
 // This will be replaced at build time by rollup-plugin-replace
-var PACKAGE_VERSION = '1.5.0-beta.6';
+var PACKAGE_VERSION = '1.5.0-beta.8';
 var createRequestHeaders = function (token) {
     var headers = createClientDevHeaders({ token: token });
     // Add the components version header
@@ -22058,7 +22058,7 @@ var getSubscriptionStatusText = function (subscription) {
             case 'ACTIVATE':
                 return "Activates on ".concat(common.formatDate(endDate));
             case 'CANCEL':
-                return "Trial ends on ".concat(common.formatDate(endDate));
+                return "Trial expires on ".concat(common.formatDate(trialEndDate));
         }
     }
     if (evergreen) {
@@ -22078,7 +22078,7 @@ var SubscriptionCardHeader = function (_a) {
     var isTrial = isSubscriptionTrial(subscription);
     return (jsxRuntime.jsxs("div", __assign({ className: "bunny-flex bunny-items-center bunny-justify-between", style: {
             backgroundColor: darkMode ? 'var(--row-background-dark)' : '',
-        } }, { children: [jsxRuntime.jsxs("div", __assign({ className: "bunny-flex bunny-flex-col bunny-gap-2" }, { children: [((_b = subscription === null || subscription === void 0 ? void 0 : subscription.product) === null || _b === void 0 ? void 0 : _b.name) && (jsxRuntime.jsx(Text$a, __assign({ style: __assign({ fontSize: '11px', fontWeight: 500, color: brandColor }, subscriptionProductNameStyle) }, { children: (_c = subscription.product.name) === null || _c === void 0 ? void 0 : _c.toUpperCase() }))), jsxRuntime.jsxs("div", __assign({ className: "bunny-flex bunny-grow bunny-items-center bunny-gap-2" }, { children: [((_d = subscription === null || subscription === void 0 ? void 0 : subscription.plan) === null || _d === void 0 ? void 0 : _d.name) && (jsxRuntime.jsx(Text$a, __assign({ className: "bunny-text-lg" }, { children: subscription.plan.name }))), jsxRuntime.jsxs(CustomizedTag, __assign({ color: TAG_COLORS[(_e = subscription.state) === null || _e === void 0 ? void 0 : _e.toUpperCase()] }, { children: [lodashExports.capitalize(subscription.state.toLowerCase().replace(/_/g, ' ')), isTrial ? " (".concat(trialDaysLeft || 'N/A', " days left)") : ''] }))] }))] })), jsxRuntime.jsx("div", __assign({ className: "bunny-flex bunny-items-center bunny-gap-6" }, { children: jsxRuntime.jsx(SubscriptionStatusAndActions, { onChangePlanClick: onChangePlanClick, onCancelSubscriptionClick: onCancelSubscriptionClick, subscription: subscription }) }))] })));
+        } }, { children: [jsxRuntime.jsxs("div", __assign({ className: "bunny-flex bunny-flex-col bunny-gap-2" }, { children: [((_b = subscription === null || subscription === void 0 ? void 0 : subscription.product) === null || _b === void 0 ? void 0 : _b.name) && (jsxRuntime.jsx(Text$a, __assign({ style: __assign({ fontSize: '11px', fontWeight: 500, color: brandColor }, subscriptionProductNameStyle) }, { children: (_c = subscription.product.name) === null || _c === void 0 ? void 0 : _c.toUpperCase() }))), jsxRuntime.jsxs("div", __assign({ className: "bunny-flex bunny-grow bunny-items-center bunny-gap-2" }, { children: [((_d = subscription === null || subscription === void 0 ? void 0 : subscription.plan) === null || _d === void 0 ? void 0 : _d.name) && (jsxRuntime.jsx(Text$a, __assign({ className: "bunny-text-lg" }, { children: subscription.plan.name }))), jsxRuntime.jsxs(CustomizedTag, __assign({ color: TAG_COLORS[(_e = subscription.state) === null || _e === void 0 ? void 0 : _e.toUpperCase()] }, { children: [lodashExports.capitalize(subscription.state.toLowerCase().replace(/_/g, ' ')), isTrial ? " (".concat(trialDaysLeft !== null && trialDaysLeft !== void 0 ? trialDaysLeft : 'N/A', " days left)") : ''] }))] }))] })), jsxRuntime.jsx("div", __assign({ className: "bunny-flex bunny-items-center bunny-gap-6" }, { children: jsxRuntime.jsx(SubscriptionStatusAndActions, { onChangePlanClick: onChangePlanClick, onCancelSubscriptionClick: onCancelSubscriptionClick, subscription: subscription }) }))] })));
 };
 function SubscriptionStatusAndActions(_a) {
     var onChangePlanClick = _a.onChangePlanClick, onCancelSubscriptionClick = _a.onCancelSubscriptionClick, subscription = _a.subscription;
@@ -22462,7 +22462,15 @@ var useQuoteCreate = function (_a) {
         },
     }), createEmptyQuote = _d.mutate, isCreatingEmptyQuote = _d.isPending;
     var _e = reactQuery.useMutation({
-        mutationFn: quoteSubscriptionActivate,
+        mutationFn: function (_a) {
+            var subscriptionId = _a.subscriptionId;
+            return __awaiter(void 0, void 0, void 0, function () { return __generator(this, function (_b) {
+                switch (_b.label) {
+                    case 0: return [4 /*yield*/, quoteSubscriptionActivate({ subscriptionId: subscriptionId, apiHost: apiHost, token: token })];
+                    case 1: return [2 /*return*/, _b.sent()];
+                }
+            }); });
+        },
         onSuccess: function (response) {
             var _a;
             var quote = (_a = response === null || response === void 0 ? void 0 : response.quoteSubscriptionActivate) === null || _a === void 0 ? void 0 : _a.quote;
@@ -22485,8 +22493,6 @@ var useQuoteCreate = function (_a) {
         if (isActivatingTrialSubscription || isActivatingExpiredTrialSubscription) {
             subscriptionActivate({
                 subscriptionId: upgradingSubscription === null || upgradingSubscription === void 0 ? void 0 : upgradingSubscription.id,
-                apiHost: apiHost,
-                token: token,
             });
         }
         else if (buyingAddonsForCurrentSubscription) {

package/dist/cjs/src/components/Quote/Quote.stories.d.ts

@@ -1,93 +1,13 @@
-import type { Meta, StoryObj } from "@storybook/react";
-import Quote from "./Quote";
+import type { Meta, StoryObj } from '@storybook/react';
+import Quote from './Quote';
 declare const meta: Meta<typeof Quote>;
 export default meta;
 type Story = StoryObj<typeof meta>;
-export declare const Default: import("@storybook/core/csf").StoryAnnotations<import("@storybook/react/dist/types-5617c98e").R, {
-    [x: string]: any;
-}, {
-    [x: string]: any;
-    className?: any;
-    backButtonName?: any;
-    onBackButtonClick?: any;
-    shadow?: any;
-    hideDownloadButton?: any;
-    id?: any;
-    onPaymentSuccess?: any;
-    invoiceQuoteViewComponent?: any;
-    onInvoiceDownloadError?: any;
-    hidePaymentForm?: any;
-    onInvoiceLoaded?: any;
-    onQuoteLoaded?: any;
-}>;
-export declare const NoShadow: import("@storybook/core/csf").StoryAnnotations<import("@storybook/react/dist/types-5617c98e").R, {
-    [x: string]: any;
-}, {
-    [x: string]: any;
-    className?: any;
-    backButtonName?: any;
-    onBackButtonClick?: any;
-    shadow?: any;
-    hideDownloadButton?: any;
-    id?: any;
-    onPaymentSuccess?: any;
-    invoiceQuoteViewComponent?: any;
-    onInvoiceDownloadError?: any;
-    hidePaymentForm?: any;
-    onInvoiceLoaded?: any;
-    onQuoteLoaded?: any;
-}>;
-export declare const Mobile: import("@storybook/core/csf").StoryAnnotations<import("@storybook/react/dist/types-5617c98e").R, {
-    [x: string]: any;
-}, {
-    [x: string]: any;
-    className?: any;
-    backButtonName?: any;
-    onBackButtonClick?: any;
-    shadow?: any;
-    hideDownloadButton?: any;
-    id?: any;
-    onPaymentSuccess?: any;
-    invoiceQuoteViewComponent?: any;
-    onInvoiceDownloadError?: any;
-    hidePaymentForm?: any;
-    onInvoiceLoaded?: any;
-    onQuoteLoaded?: any;
-}>;
-export declare const CustomClassName: import("@storybook/core/csf").StoryAnnotations<import("@storybook/react/dist/types-5617c98e").R, {
-    [x: string]: any;
-}, {
-    [x: string]: any;
-    className?: any;
-    backButtonName?: any;
-    onBackButtonClick?: any;
-    shadow?: any;
-    hideDownloadButton?: any;
-    id?: any;
-    onPaymentSuccess?: any;
-    invoiceQuoteViewComponent?: any;
-    onInvoiceDownloadError?: any;
-    hidePaymentForm?: any;
-    onInvoiceLoaded?: any;
-    onQuoteLoaded?: any;
-}>;
+export declare const Default: Story;
+export declare const NoShadow: Story;
+export declare const Mobile: Story;
+export declare const CustomClassName: Story;
 export declare const HideDownloadButton: Story;
 export declare const AcceptedQuote: Story;
 export declare const AcceptedQuoteDarkMode: Story;
-export declare const DarkMode: import("@storybook/core/csf").StoryAnnotations<import("@storybook/react/dist/types-5617c98e").R, {
-    [x: string]: any;
-}, {
-    [x: string]: any;
-    className?: any;
-    backButtonName?: any;
-    onBackButtonClick?: any;
-    shadow?: any;
-    hideDownloadButton?: any;
-    id?: any;
-    onPaymentSuccess?: any;
-    invoiceQuoteViewComponent?: any;
-    onInvoiceDownloadError?: any;
-    hidePaymentForm?: any;
-    onInvoiceLoaded?: any;
-    onQuoteLoaded?: any;
-}>;
+export declare const DarkMode: Story;

package/dist/esm/index.js

@@ -143,7 +143,7 @@ var BrandContext = createContext({
 });
 
 // This will be replaced at build time by rollup-plugin-replace
-var PACKAGE_VERSION = '1.5.0-beta.6';
+var PACKAGE_VERSION = '1.5.0-beta.8';
 var createRequestHeaders = function (token) {
     var headers = createClientDevHeaders({ token: token });
     // Add the components version header
@@ -22047,7 +22047,7 @@ var getSubscriptionStatusText = function (subscription) {
             case 'ACTIVATE':
                 return "Activates on ".concat(formatDate(endDate));
             case 'CANCEL':
-                return "Trial ends on ".concat(formatDate(endDate));
+                return "Trial expires on ".concat(formatDate(trialEndDate));
         }
     }
     if (evergreen) {
@@ -22067,7 +22067,7 @@ var SubscriptionCardHeader = function (_a) {
     var isTrial = isSubscriptionTrial(subscription);
     return (jsxs("div", __assign({ className: "bunny-flex bunny-items-center bunny-justify-between", style: {
             backgroundColor: darkMode ? 'var(--row-background-dark)' : '',
-        } }, { children: [jsxs("div", __assign({ className: "bunny-flex bunny-flex-col bunny-gap-2" }, { children: [((_b = subscription === null || subscription === void 0 ? void 0 : subscription.product) === null || _b === void 0 ? void 0 : _b.name) && (jsx(Text$a, __assign({ style: __assign({ fontSize: '11px', fontWeight: 500, color: brandColor }, subscriptionProductNameStyle) }, { children: (_c = subscription.product.name) === null || _c === void 0 ? void 0 : _c.toUpperCase() }))), jsxs("div", __assign({ className: "bunny-flex bunny-grow bunny-items-center bunny-gap-2" }, { children: [((_d = subscription === null || subscription === void 0 ? void 0 : subscription.plan) === null || _d === void 0 ? void 0 : _d.name) && (jsx(Text$a, __assign({ className: "bunny-text-lg" }, { children: subscription.plan.name }))), jsxs(CustomizedTag, __assign({ color: TAG_COLORS[(_e = subscription.state) === null || _e === void 0 ? void 0 : _e.toUpperCase()] }, { children: [lodashExports.capitalize(subscription.state.toLowerCase().replace(/_/g, ' ')), isTrial ? " (".concat(trialDaysLeft || 'N/A', " days left)") : ''] }))] }))] })), jsx("div", __assign({ className: "bunny-flex bunny-items-center bunny-gap-6" }, { children: jsx(SubscriptionStatusAndActions, { onChangePlanClick: onChangePlanClick, onCancelSubscriptionClick: onCancelSubscriptionClick, subscription: subscription }) }))] })));
+        } }, { children: [jsxs("div", __assign({ className: "bunny-flex bunny-flex-col bunny-gap-2" }, { children: [((_b = subscription === null || subscription === void 0 ? void 0 : subscription.product) === null || _b === void 0 ? void 0 : _b.name) && (jsx(Text$a, __assign({ style: __assign({ fontSize: '11px', fontWeight: 500, color: brandColor }, subscriptionProductNameStyle) }, { children: (_c = subscription.product.name) === null || _c === void 0 ? void 0 : _c.toUpperCase() }))), jsxs("div", __assign({ className: "bunny-flex bunny-grow bunny-items-center bunny-gap-2" }, { children: [((_d = subscription === null || subscription === void 0 ? void 0 : subscription.plan) === null || _d === void 0 ? void 0 : _d.name) && (jsx(Text$a, __assign({ className: "bunny-text-lg" }, { children: subscription.plan.name }))), jsxs(CustomizedTag, __assign({ color: TAG_COLORS[(_e = subscription.state) === null || _e === void 0 ? void 0 : _e.toUpperCase()] }, { children: [lodashExports.capitalize(subscription.state.toLowerCase().replace(/_/g, ' ')), isTrial ? " (".concat(trialDaysLeft !== null && trialDaysLeft !== void 0 ? trialDaysLeft : 'N/A', " days left)") : ''] }))] }))] })), jsx("div", __assign({ className: "bunny-flex bunny-items-center bunny-gap-6" }, { children: jsx(SubscriptionStatusAndActions, { onChangePlanClick: onChangePlanClick, onCancelSubscriptionClick: onCancelSubscriptionClick, subscription: subscription }) }))] })));
 };
 function SubscriptionStatusAndActions(_a) {
     var onChangePlanClick = _a.onChangePlanClick, onCancelSubscriptionClick = _a.onCancelSubscriptionClick, subscription = _a.subscription;
@@ -22451,7 +22451,15 @@ var useQuoteCreate = function (_a) {
         },
     }), createEmptyQuote = _d.mutate, isCreatingEmptyQuote = _d.isPending;
     var _e = useMutation({
-        mutationFn: quoteSubscriptionActivate,
+        mutationFn: function (_a) {
+            var subscriptionId = _a.subscriptionId;
+            return __awaiter(void 0, void 0, void 0, function () { return __generator(this, function (_b) {
+                switch (_b.label) {
+                    case 0: return [4 /*yield*/, quoteSubscriptionActivate({ subscriptionId: subscriptionId, apiHost: apiHost, token: token })];
+                    case 1: return [2 /*return*/, _b.sent()];
+                }
+            }); });
+        },
         onSuccess: function (response) {
             var _a;
             var quote = (_a = response === null || response === void 0 ? void 0 : response.quoteSubscriptionActivate) === null || _a === void 0 ? void 0 : _a.quote;
@@ -22474,8 +22482,6 @@ var useQuoteCreate = function (_a) {
         if (isActivatingTrialSubscription || isActivatingExpiredTrialSubscription) {
             subscriptionActivate({
                 subscriptionId: upgradingSubscription === null || upgradingSubscription === void 0 ? void 0 : upgradingSubscription.id,
-                apiHost: apiHost,
-                token: token,
             });
         }
         else if (buyingAddonsForCurrentSubscription) {

package/dist/esm/src/components/Quote/Quote.stories.d.ts

@@ -1,93 +1,13 @@
-import type { Meta, StoryObj } from "@storybook/react";
-import Quote from "./Quote";
+import type { Meta, StoryObj } from '@storybook/react';
+import Quote from './Quote';
 declare const meta: Meta<typeof Quote>;
 export default meta;
 type Story = StoryObj<typeof meta>;
-export declare const Default: import("@storybook/core/csf").StoryAnnotations<import("@storybook/react/dist/types-5617c98e").R, {
-    [x: string]: any;
-}, {
-    [x: string]: any;
-    className?: any;
-    backButtonName?: any;
-    onBackButtonClick?: any;
-    shadow?: any;
-    hideDownloadButton?: any;
-    id?: any;
-    onPaymentSuccess?: any;
-    invoiceQuoteViewComponent?: any;
-    onInvoiceDownloadError?: any;
-    hidePaymentForm?: any;
-    onInvoiceLoaded?: any;
-    onQuoteLoaded?: any;
-}>;
-export declare const NoShadow: import("@storybook/core/csf").StoryAnnotations<import("@storybook/react/dist/types-5617c98e").R, {
-    [x: string]: any;
-}, {
-    [x: string]: any;
-    className?: any;
-    backButtonName?: any;
-    onBackButtonClick?: any;
-    shadow?: any;
-    hideDownloadButton?: any;
-    id?: any;
-    onPaymentSuccess?: any;
-    invoiceQuoteViewComponent?: any;
-    onInvoiceDownloadError?: any;
-    hidePaymentForm?: any;
-    onInvoiceLoaded?: any;
-    onQuoteLoaded?: any;
-}>;
-export declare const Mobile: import("@storybook/core/csf").StoryAnnotations<import("@storybook/react/dist/types-5617c98e").R, {
-    [x: string]: any;
-}, {
-    [x: string]: any;
-    className?: any;
-    backButtonName?: any;
-    onBackButtonClick?: any;
-    shadow?: any;
-    hideDownloadButton?: any;
-    id?: any;
-    onPaymentSuccess?: any;
-    invoiceQuoteViewComponent?: any;
-    onInvoiceDownloadError?: any;
-    hidePaymentForm?: any;
-    onInvoiceLoaded?: any;
-    onQuoteLoaded?: any;
-}>;
-export declare const CustomClassName: import("@storybook/core/csf").StoryAnnotations<import("@storybook/react/dist/types-5617c98e").R, {
-    [x: string]: any;
-}, {
-    [x: string]: any;
-    className?: any;
-    backButtonName?: any;
-    onBackButtonClick?: any;
-    shadow?: any;
-    hideDownloadButton?: any;
-    id?: any;
-    onPaymentSuccess?: any;
-    invoiceQuoteViewComponent?: any;
-    onInvoiceDownloadError?: any;
-    hidePaymentForm?: any;
-    onInvoiceLoaded?: any;
-    onQuoteLoaded?: any;
-}>;
+export declare const Default: Story;
+export declare const NoShadow: Story;
+export declare const Mobile: Story;
+export declare const CustomClassName: Story;
 export declare const HideDownloadButton: Story;
 export declare const AcceptedQuote: Story;
 export declare const AcceptedQuoteDarkMode: Story;
-export declare const DarkMode: import("@storybook/core/csf").StoryAnnotations<import("@storybook/react/dist/types-5617c98e").R, {
-    [x: string]: any;
-}, {
-    [x: string]: any;
-    className?: any;
-    backButtonName?: any;
-    onBackButtonClick?: any;
-    shadow?: any;
-    hideDownloadButton?: any;
-    id?: any;
-    onPaymentSuccess?: any;
-    invoiceQuoteViewComponent?: any;
-    onInvoiceDownloadError?: any;
-    hidePaymentForm?: any;
-    onInvoiceLoaded?: any;
-    onQuoteLoaded?: any;
-}>;
+export declare const DarkMode: Story;

package/package.json

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