@bunnyapp/components 1.0.20 → 1.0.22

package/dist/cjs/index.js

@@ -4214,7 +4214,7 @@ function Signup(_a) {
                         : "w-1/2 items-center justify-center my-12") }, { children: jsxRuntime.jsx("div", __assign({ className: "".concat(isMobile ? "w-full" : "w-1/2") }, { children: jsxRuntime.jsx(PaymentForms, { entityId: entityId, quote: quote, handlePaymentSuccess: handlePaymentSuccess, handlePaymentFail: handlePaymentFail, handleSubmit: handleSubmit, proceedingToPayment: proceedingToPayment, accountId: accountId, overrideToken: portalSessionToken, customCheckoutFunction: accountSignupFunction }) })) }))] }))) })));
 }
 
-var SUBSCRIPTIONS_QUERY = "\nquery subscriptions {\n    subscriptions {\n      nodes {\n        cancellationDate\n        currencyId\n        endDate\n        evergreen\n        id\n        period\n        plan { id name selfServiceBuy selfServiceCancel selfServiceRenew }\n        priceList { id periodMonths }\n        product { id name showProductNameOnLineItem }\n        startDate\n        state\n        trialEndDate\n        trialPeriod\n        trialStartDate\n        charges {\n          priceListCharge {\n            priceListChargeTiers {\n              price\n              starts\n            }\n          }\n          amount\n          billingPeriod\n          chargeType\n          discount\n          discountedPrice\n          endDate\n          expired\n          feature { name }\n          id\n          isRamp\n          kind\n          name\n          periodPrice\n          price\n          priceDecimals\n          priceListChargeId\n          priceTiers { starts price }\n          pricingModel\n          quantity\n          selfServiceQuantity\n          startDate\n          trial\n        }\n      }\n    }\n  }";
+var SUBSCRIPTIONS_QUERY = "\nquery subscriptions {\n    subscriptions {\n      nodes {\n        cancellationDate\n        currencyId\n        endDate\n        evergreen\n        id\n        period\n        plan { id name selfServiceBuy selfServiceCancel selfServiceRenew }\n        priceList { id periodMonths }\n        product { id name showProductNameOnLineItem }\n        startDate\n        state\n        trialEndDate\n        trialPeriod\n        trialStartDate\n        charges {\n          priceListCharge {\n            priceListChargeTiers {\n              price\n              starts\n            }\n          }\n          amount\n          billingPeriod\n          chargeType\n          discount\n          discountedPrice\n          endDate\n          expired\n          feature { name }\n          id\n          isAmendment\n          isRamp\n          kind\n          name\n          periodPrice\n          price\n          priceDecimals\n          priceListChargeId\n          priceTiers { starts price }\n          pricingModel\n          quantity\n          selfServiceQuantity\n          startDate\n          trial\n        }\n      }\n    }\n  }";
 var getSubscriptions = function (_a) {
     var apiHost = _a.apiHost, entityId = _a.entityId, isInPreviewMode = _a.isInPreviewMode, token = _a.token;
     return __awaiter(void 0, void 0, void 0, function () {
@@ -4240,7 +4240,8 @@ var getSubscriptions = function (_a) {
 var useSubscriptions = function (_a) {
     var data = _a.data;
     return React.useMemo(function () {
-        var combinedSubscriptions = data === null || data === void 0 ? void 0 : data.map(function (subscription) {
+        var clonedData = lodash.cloneDeep(data);
+        var combinedSubscriptions = clonedData === null || clonedData === void 0 ? void 0 : clonedData.map(function (subscription) {
             var _a;
             var orderedSubscriptionCharges = subscription.charges.sort(function (a, b) {
                 if (a.priceListChargeId !== b.priceListChargeId) {
@@ -4662,6 +4663,7 @@ var SubscriptionCardDesktop = function (_a) {
                     })] }))] })));
 };
 var SubscriptionCardDesktopRow = function (_a) {
+    var _b, _c;
     var charge = _a.charge, chargeIndex = _a.chargeIndex, subscription = _a.subscription;
     // Context
     var apiHost = React.useContext(BunnyContext).apiHost;
@@ -4695,9 +4697,13 @@ var SubscriptionCardDesktopRow = function (_a) {
     var isDiscount = charge.kind === common.SubscriptionChargeKind.DISCOUNT;
     return (jsxRuntime.jsxs("div", __assign({ className: "contents" }, { children: [(isRampFirstRow || !isRamp) && (jsxRuntime.jsx(SubscriptionsListCell, __assign({ gridColumn: isRamp ? "1/-1" : "1" }, { children: jsxRuntime.jsx("div", __assign({ className: "flex items-center gap-2 ".concat(isDiscount ? "pl-4" : "") }, { children: jsxRuntime.jsx("div", { children: isRampFirstRow || (!isRamp && !dontShowChargeName)
                             ? charge.name
-                            : "" }) })) }))), jsxRuntime.jsx(SubscriptionsListCell, __assign({ gridColumn: 2 }, { children: jsxRuntime.jsx("div", { children: chargePeriod }) })), jsxRuntime.jsx(SubscriptionsListCell, __assign({ right: true }, { children: charge.chargeType === common.ChargeType.USAGE
-                    ? data && jsxRuntime.jsx(FeatureUsageGraph, { charge: charge, featureUsage: data })
-                    : charge.quantity })), jsxRuntime.jsx(SubscriptionsListCell, __assign({ right: true }, { children: jsxRuntime.jsx(SubscriptionChargeUnitPrice, { charge: charge, subscription: subscription }) })), jsxRuntime.jsx(SubscriptionsListCell, __assign({ right: true }, { children: jsxRuntime.jsx(SubscriptionChargeTotal, { charge: charge, subscription: subscription }) }))] })));
+                            : "" }) })) }))), jsxRuntime.jsx(SubscriptionsListCell, __assign({ gridColumn: 2 }, { children: jsxRuntime.jsx("div", { children: chargePeriod }) })), jsxRuntime.jsx(SubscriptionsListCell, __assign({ right: true }, { children: charge.kind === common.SubscriptionChargeKind.DISCOUNT
+                    ? ""
+                    : charge.chargeType === common.ChargeType.USAGE
+                        ? data && jsxRuntime.jsx(FeatureUsageGraph, { charge: charge, featureUsage: data })
+                        : charge.isAmendment
+                            ? "+".concat((_b = charge.quantity) === null || _b === void 0 ? void 0 : _b.toLocaleString())
+                            : (_c = charge.quantity) === null || _c === void 0 ? void 0 : _c.toLocaleString() })), jsxRuntime.jsx(SubscriptionsListCell, __assign({ right: true }, { children: jsxRuntime.jsx(SubscriptionChargeUnitPrice, { charge: charge, subscription: subscription }) })), jsxRuntime.jsx(SubscriptionsListCell, __assign({ right: true }, { children: jsxRuntime.jsx(SubscriptionChargeTotal, { charge: charge, subscription: subscription }) }))] })));
 };
 
 var Text = antd.Typography.Text;
@@ -4746,7 +4752,9 @@ var SubscriptionCard = function (_a) {
                                 return null;
                             var isRamp = charge.isRamp;
                             var chargePeriod = "".concat(common.formatDate(charge.startDate), " - ").concat(common.formatDate(charge.endDate));
-                            return (jsxRuntime.jsxs("div", __assign({ className: "contents" }, { children: [((isRamp && chargeIndex === 0) || !isRamp) && (jsxRuntime.jsxs(SubscriptionCardCellMobile, __assign({ className: CHARGE_COLUMNS[0].className, style: { gridColumn: isRamp ? "1/-1" : "1" } }, { children: [jsxRuntime.jsx("span", { children: charge.name }), !isRamp ? " - ".concat(chargePeriod) : ""] }))), isRamp && (jsxRuntime.jsx(SubscriptionCardCellMobile, __assign({ className: CHARGE_COLUMNS[0].className }, { children: "- ".concat(chargePeriod) }))), jsxRuntime.jsx(SubscriptionCardCellMobile, __assign({ className: CHARGE_COLUMNS[1].className }, { children: charge.quantity })), jsxRuntime.jsx(SubscriptionCardCellMobile, __assign({ className: CHARGE_COLUMNS[2].className }, { children: jsxRuntime.jsx(SubscriptionChargeUnitPrice, { charge: charge, subscription: subscription }) })), jsxRuntime.jsx(SubscriptionCardCellMobile, __assign({ className: CHARGE_COLUMNS[3].className }, { children: jsxRuntime.jsx(SubscriptionChargeTotal, { charge: charge, subscription: subscription }) }))] }), chargeIndex));
+                            return (jsxRuntime.jsxs("div", __assign({ className: "contents" }, { children: [((isRamp && chargeIndex === 0) || !isRamp) && (jsxRuntime.jsxs(SubscriptionCardCellMobile, __assign({ className: CHARGE_COLUMNS[0].className, style: { gridColumn: isRamp ? "1/-1" : "1" } }, { children: [jsxRuntime.jsx("span", { children: charge.name }), !isRamp ? " - ".concat(chargePeriod) : ""] }))), isRamp && (jsxRuntime.jsx(SubscriptionCardCellMobile, __assign({ className: CHARGE_COLUMNS[0].className }, { children: "- ".concat(chargePeriod) }))), jsxRuntime.jsx(SubscriptionCardCellMobile, __assign({ className: CHARGE_COLUMNS[1].className }, { children: charge.kind === common.SubscriptionChargeKind.DISCOUNT
+                                            ? ""
+                                            : charge.quantity })), jsxRuntime.jsx(SubscriptionCardCellMobile, __assign({ className: CHARGE_COLUMNS[2].className }, { children: jsxRuntime.jsx(SubscriptionChargeUnitPrice, { charge: charge, subscription: subscription }) })), jsxRuntime.jsx(SubscriptionCardCellMobile, __assign({ className: CHARGE_COLUMNS[3].className }, { children: jsxRuntime.jsx(SubscriptionChargeTotal, { charge: charge, subscription: subscription }) }))] }), chargeIndex));
                         })] }))] })) }));
 };
 

package/dist/cjs/src/components/Card.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 declare const Card: ({ children, className, style, }: {
     children: React.ReactNode;
     className?: string | undefined;

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import type { Meta, StoryObj } from "@storybook/react";
 import Quote from "./Quote";
 declare const meta: Meta<typeof Quote>;
@@ -15,16 +16,16 @@ export declare const Default: import("@storybook/csf").StoryAnnotations<import("
     className?: string | undefined;
     hideDownloadButton?: boolean | undefined;
 }, {
+    entityId?: string | undefined;
     className?: string | undefined;
     id?: string | undefined;
-    entityId?: string | undefined;
     shadow?: import("../../types/shadowType").ShadowType | undefined;
-    onPaymentSuccess?: ((savePaymentMethod?: boolean | undefined) => void) | undefined;
     backButtonName?: string | undefined;
     onBackButtonClick?: (() => void) | undefined;
+    hideDownloadButton?: boolean | undefined;
+    onPaymentSuccess?: ((savePaymentMethod?: boolean | undefined) => void) | undefined;
     invoiceQuoteViewComponent?: import("react").ReactNode;
     onInvoiceDownloadError?: (() => void) | undefined;
-    hideDownloadButton?: boolean | undefined;
 }>;
 export declare const NoShadow: import("@storybook/csf").StoryAnnotations<import("@storybook/react/dist/types-a5624094").R, {
     id?: string | undefined;
@@ -38,16 +39,16 @@ export declare const NoShadow: import("@storybook/csf").StoryAnnotations<import(
     className?: string | undefined;
     hideDownloadButton?: boolean | undefined;
 }, {
+    entityId?: string | undefined;
     className?: string | undefined;
     id?: string | undefined;
-    entityId?: string | undefined;
     shadow?: import("../../types/shadowType").ShadowType | undefined;
-    onPaymentSuccess?: ((savePaymentMethod?: boolean | undefined) => void) | undefined;
     backButtonName?: string | undefined;
     onBackButtonClick?: (() => void) | undefined;
+    hideDownloadButton?: boolean | undefined;
+    onPaymentSuccess?: ((savePaymentMethod?: boolean | undefined) => void) | undefined;
     invoiceQuoteViewComponent?: import("react").ReactNode;
     onInvoiceDownloadError?: (() => void) | undefined;
-    hideDownloadButton?: boolean | undefined;
 }>;
 export declare const Mobile: import("@storybook/csf").StoryAnnotations<import("@storybook/react/dist/types-a5624094").R, {
     id?: string | undefined;
@@ -61,16 +62,16 @@ export declare const Mobile: import("@storybook/csf").StoryAnnotations<import("@
     className?: string | undefined;
     hideDownloadButton?: boolean | undefined;
 }, {
+    entityId?: string | undefined;
     className?: string | undefined;
     id?: string | undefined;
-    entityId?: string | undefined;
     shadow?: import("../../types/shadowType").ShadowType | undefined;
-    onPaymentSuccess?: ((savePaymentMethod?: boolean | undefined) => void) | undefined;
     backButtonName?: string | undefined;
     onBackButtonClick?: (() => void) | undefined;
+    hideDownloadButton?: boolean | undefined;
+    onPaymentSuccess?: ((savePaymentMethod?: boolean | undefined) => void) | undefined;
     invoiceQuoteViewComponent?: import("react").ReactNode;
     onInvoiceDownloadError?: (() => void) | undefined;
-    hideDownloadButton?: boolean | undefined;
 }>;
 export declare const CustomClassName: import("@storybook/csf").StoryAnnotations<import("@storybook/react/dist/types-a5624094").R, {
     id?: string | undefined;
@@ -84,16 +85,16 @@ export declare const CustomClassName: import("@storybook/csf").StoryAnnotations<
     className?: string | undefined;
     hideDownloadButton?: boolean | undefined;
 }, {
+    entityId?: string | undefined;
     className?: string | undefined;
     id?: string | undefined;
-    entityId?: string | undefined;
     shadow?: import("../../types/shadowType").ShadowType | undefined;
-    onPaymentSuccess?: ((savePaymentMethod?: boolean | undefined) => void) | undefined;
     backButtonName?: string | undefined;
     onBackButtonClick?: (() => void) | undefined;
+    hideDownloadButton?: boolean | undefined;
+    onPaymentSuccess?: ((savePaymentMethod?: boolean | undefined) => void) | undefined;
     invoiceQuoteViewComponent?: import("react").ReactNode;
     onInvoiceDownloadError?: (() => void) | undefined;
-    hideDownloadButton?: boolean | undefined;
 }>;
 export declare const HideDownloadButton: Story;
 export declare const AcceptedQuote: Story;
@@ -110,14 +111,14 @@ export declare const DarkMode: import("@storybook/csf").StoryAnnotations<import(
     className?: string | undefined;
     hideDownloadButton?: boolean | undefined;
 }, {
+    entityId?: string | undefined;
     className?: string | undefined;
     id?: string | undefined;
-    entityId?: string | undefined;
     shadow?: import("../../types/shadowType").ShadowType | undefined;
-    onPaymentSuccess?: ((savePaymentMethod?: boolean | undefined) => void) | undefined;
     backButtonName?: string | undefined;
     onBackButtonClick?: (() => void) | undefined;
+    hideDownloadButton?: boolean | undefined;
+    onPaymentSuccess?: ((savePaymentMethod?: boolean | undefined) => void) | undefined;
     invoiceQuoteViewComponent?: import("react").ReactNode;
     onInvoiceDownloadError?: (() => void) | undefined;
-    hideDownloadButton?: boolean | undefined;
 }>;

package/dist/cjs/src/hooks/quotes/useSendAcceptQuote.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 declare const useSendAcceptQuote: ({ entityId, onTokenExpired, quoteId, apiHost, token, }: {
     entityId: string;
     onTokenExpired?: (() => void) | undefined;

package/dist/esm/index.js

@@ -12,7 +12,7 @@ import request, { GraphQLClient } from 'graphql-request';
 import { HelmetProvider, Helmet } from 'react-helmet-async';
 import { useElements, useStripe, PaymentElement, Elements } from '@stripe/react-stripe-js';
 import { loadStripe } from '@stripe/stripe-js/pure';
-import { capitalize, startCase, omit } from 'lodash';
+import { capitalize, startCase, cloneDeep, omit } from 'lodash';
 import { BarChart, ResponsiveContainer, XAxis, Tooltip, Bar, Rectangle } from 'recharts';
 
 function styleInject(css, ref) {
@@ -4185,7 +4185,7 @@ function Signup(_a) {
                         : "w-1/2 items-center justify-center my-12") }, { children: jsx("div", __assign({ className: "".concat(isMobile ? "w-full" : "w-1/2") }, { children: jsx(PaymentForms, { entityId: entityId, quote: quote, handlePaymentSuccess: handlePaymentSuccess, handlePaymentFail: handlePaymentFail, handleSubmit: handleSubmit, proceedingToPayment: proceedingToPayment, accountId: accountId, overrideToken: portalSessionToken, customCheckoutFunction: accountSignupFunction }) })) }))] }))) })));
 }
 
-var SUBSCRIPTIONS_QUERY = "\nquery subscriptions {\n    subscriptions {\n      nodes {\n        cancellationDate\n        currencyId\n        endDate\n        evergreen\n        id\n        period\n        plan { id name selfServiceBuy selfServiceCancel selfServiceRenew }\n        priceList { id periodMonths }\n        product { id name showProductNameOnLineItem }\n        startDate\n        state\n        trialEndDate\n        trialPeriod\n        trialStartDate\n        charges {\n          priceListCharge {\n            priceListChargeTiers {\n              price\n              starts\n            }\n          }\n          amount\n          billingPeriod\n          chargeType\n          discount\n          discountedPrice\n          endDate\n          expired\n          feature { name }\n          id\n          isRamp\n          kind\n          name\n          periodPrice\n          price\n          priceDecimals\n          priceListChargeId\n          priceTiers { starts price }\n          pricingModel\n          quantity\n          selfServiceQuantity\n          startDate\n          trial\n        }\n      }\n    }\n  }";
+var SUBSCRIPTIONS_QUERY = "\nquery subscriptions {\n    subscriptions {\n      nodes {\n        cancellationDate\n        currencyId\n        endDate\n        evergreen\n        id\n        period\n        plan { id name selfServiceBuy selfServiceCancel selfServiceRenew }\n        priceList { id periodMonths }\n        product { id name showProductNameOnLineItem }\n        startDate\n        state\n        trialEndDate\n        trialPeriod\n        trialStartDate\n        charges {\n          priceListCharge {\n            priceListChargeTiers {\n              price\n              starts\n            }\n          }\n          amount\n          billingPeriod\n          chargeType\n          discount\n          discountedPrice\n          endDate\n          expired\n          feature { name }\n          id\n          isAmendment\n          isRamp\n          kind\n          name\n          periodPrice\n          price\n          priceDecimals\n          priceListChargeId\n          priceTiers { starts price }\n          pricingModel\n          quantity\n          selfServiceQuantity\n          startDate\n          trial\n        }\n      }\n    }\n  }";
 var getSubscriptions = function (_a) {
     var apiHost = _a.apiHost, entityId = _a.entityId, isInPreviewMode = _a.isInPreviewMode, token = _a.token;
     return __awaiter(void 0, void 0, void 0, function () {
@@ -4211,7 +4211,8 @@ var getSubscriptions = function (_a) {
 var useSubscriptions = function (_a) {
     var data = _a.data;
     return useMemo(function () {
-        var combinedSubscriptions = data === null || data === void 0 ? void 0 : data.map(function (subscription) {
+        var clonedData = cloneDeep(data);
+        var combinedSubscriptions = clonedData === null || clonedData === void 0 ? void 0 : clonedData.map(function (subscription) {
             var _a;
             var orderedSubscriptionCharges = subscription.charges.sort(function (a, b) {
                 if (a.priceListChargeId !== b.priceListChargeId) {
@@ -4633,6 +4634,7 @@ var SubscriptionCardDesktop = function (_a) {
                     })] }))] })));
 };
 var SubscriptionCardDesktopRow = function (_a) {
+    var _b, _c;
     var charge = _a.charge, chargeIndex = _a.chargeIndex, subscription = _a.subscription;
     // Context
     var apiHost = useContext(BunnyContext).apiHost;
@@ -4666,9 +4668,13 @@ var SubscriptionCardDesktopRow = function (_a) {
     var isDiscount = charge.kind === SubscriptionChargeKind.DISCOUNT;
     return (jsxs("div", __assign({ className: "contents" }, { children: [(isRampFirstRow || !isRamp) && (jsx(SubscriptionsListCell, __assign({ gridColumn: isRamp ? "1/-1" : "1" }, { children: jsx("div", __assign({ className: "flex items-center gap-2 ".concat(isDiscount ? "pl-4" : "") }, { children: jsx("div", { children: isRampFirstRow || (!isRamp && !dontShowChargeName)
                             ? charge.name
-                            : "" }) })) }))), jsx(SubscriptionsListCell, __assign({ gridColumn: 2 }, { children: jsx("div", { children: chargePeriod }) })), jsx(SubscriptionsListCell, __assign({ right: true }, { children: charge.chargeType === ChargeType.USAGE
-                    ? data && jsx(FeatureUsageGraph, { charge: charge, featureUsage: data })
-                    : charge.quantity })), jsx(SubscriptionsListCell, __assign({ right: true }, { children: jsx(SubscriptionChargeUnitPrice, { charge: charge, subscription: subscription }) })), jsx(SubscriptionsListCell, __assign({ right: true }, { children: jsx(SubscriptionChargeTotal, { charge: charge, subscription: subscription }) }))] })));
+                            : "" }) })) }))), jsx(SubscriptionsListCell, __assign({ gridColumn: 2 }, { children: jsx("div", { children: chargePeriod }) })), jsx(SubscriptionsListCell, __assign({ right: true }, { children: charge.kind === SubscriptionChargeKind.DISCOUNT
+                    ? ""
+                    : charge.chargeType === ChargeType.USAGE
+                        ? data && jsx(FeatureUsageGraph, { charge: charge, featureUsage: data })
+                        : charge.isAmendment
+                            ? "+".concat((_b = charge.quantity) === null || _b === void 0 ? void 0 : _b.toLocaleString())
+                            : (_c = charge.quantity) === null || _c === void 0 ? void 0 : _c.toLocaleString() })), jsx(SubscriptionsListCell, __assign({ right: true }, { children: jsx(SubscriptionChargeUnitPrice, { charge: charge, subscription: subscription }) })), jsx(SubscriptionsListCell, __assign({ right: true }, { children: jsx(SubscriptionChargeTotal, { charge: charge, subscription: subscription }) }))] })));
 };
 
 var Text = Typography.Text;
@@ -4717,7 +4723,9 @@ var SubscriptionCard = function (_a) {
                                 return null;
                             var isRamp = charge.isRamp;
                             var chargePeriod = "".concat(formatDate(charge.startDate), " - ").concat(formatDate(charge.endDate));
-                            return (jsxs("div", __assign({ className: "contents" }, { children: [((isRamp && chargeIndex === 0) || !isRamp) && (jsxs(SubscriptionCardCellMobile, __assign({ className: CHARGE_COLUMNS[0].className, style: { gridColumn: isRamp ? "1/-1" : "1" } }, { children: [jsx("span", { children: charge.name }), !isRamp ? " - ".concat(chargePeriod) : ""] }))), isRamp && (jsx(SubscriptionCardCellMobile, __assign({ className: CHARGE_COLUMNS[0].className }, { children: "- ".concat(chargePeriod) }))), jsx(SubscriptionCardCellMobile, __assign({ className: CHARGE_COLUMNS[1].className }, { children: charge.quantity })), jsx(SubscriptionCardCellMobile, __assign({ className: CHARGE_COLUMNS[2].className }, { children: jsx(SubscriptionChargeUnitPrice, { charge: charge, subscription: subscription }) })), jsx(SubscriptionCardCellMobile, __assign({ className: CHARGE_COLUMNS[3].className }, { children: jsx(SubscriptionChargeTotal, { charge: charge, subscription: subscription }) }))] }), chargeIndex));
+                            return (jsxs("div", __assign({ className: "contents" }, { children: [((isRamp && chargeIndex === 0) || !isRamp) && (jsxs(SubscriptionCardCellMobile, __assign({ className: CHARGE_COLUMNS[0].className, style: { gridColumn: isRamp ? "1/-1" : "1" } }, { children: [jsx("span", { children: charge.name }), !isRamp ? " - ".concat(chargePeriod) : ""] }))), isRamp && (jsx(SubscriptionCardCellMobile, __assign({ className: CHARGE_COLUMNS[0].className }, { children: "- ".concat(chargePeriod) }))), jsx(SubscriptionCardCellMobile, __assign({ className: CHARGE_COLUMNS[1].className }, { children: charge.kind === SubscriptionChargeKind.DISCOUNT
+                                            ? ""
+                                            : charge.quantity })), jsx(SubscriptionCardCellMobile, __assign({ className: CHARGE_COLUMNS[2].className }, { children: jsx(SubscriptionChargeUnitPrice, { charge: charge, subscription: subscription }) })), jsx(SubscriptionCardCellMobile, __assign({ className: CHARGE_COLUMNS[3].className }, { children: jsx(SubscriptionChargeTotal, { charge: charge, subscription: subscription }) }))] }), chargeIndex));
                         })] }))] })) }));
 };
 

package/dist/esm/src/components/Card.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 declare const Card: ({ children, className, style, }: {
     children: React.ReactNode;
     className?: string | undefined;

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import type { Meta, StoryObj } from "@storybook/react";
 import Quote from "./Quote";
 declare const meta: Meta<typeof Quote>;
@@ -15,16 +16,16 @@ export declare const Default: import("@storybook/csf").StoryAnnotations<import("
     className?: string | undefined;
     hideDownloadButton?: boolean | undefined;
 }, {
+    entityId?: string | undefined;
     className?: string | undefined;
     id?: string | undefined;
-    entityId?: string | undefined;
     shadow?: import("../../types/shadowType").ShadowType | undefined;
-    onPaymentSuccess?: ((savePaymentMethod?: boolean | undefined) => void) | undefined;
     backButtonName?: string | undefined;
     onBackButtonClick?: (() => void) | undefined;
+    hideDownloadButton?: boolean | undefined;
+    onPaymentSuccess?: ((savePaymentMethod?: boolean | undefined) => void) | undefined;
     invoiceQuoteViewComponent?: import("react").ReactNode;
     onInvoiceDownloadError?: (() => void) | undefined;
-    hideDownloadButton?: boolean | undefined;
 }>;
 export declare const NoShadow: import("@storybook/csf").StoryAnnotations<import("@storybook/react/dist/types-a5624094").R, {
     id?: string | undefined;
@@ -38,16 +39,16 @@ export declare const NoShadow: import("@storybook/csf").StoryAnnotations<import(
     className?: string | undefined;
     hideDownloadButton?: boolean | undefined;
 }, {
+    entityId?: string | undefined;
     className?: string | undefined;
     id?: string | undefined;
-    entityId?: string | undefined;
     shadow?: import("../../types/shadowType").ShadowType | undefined;
-    onPaymentSuccess?: ((savePaymentMethod?: boolean | undefined) => void) | undefined;
     backButtonName?: string | undefined;
     onBackButtonClick?: (() => void) | undefined;
+    hideDownloadButton?: boolean | undefined;
+    onPaymentSuccess?: ((savePaymentMethod?: boolean | undefined) => void) | undefined;
     invoiceQuoteViewComponent?: import("react").ReactNode;
     onInvoiceDownloadError?: (() => void) | undefined;
-    hideDownloadButton?: boolean | undefined;
 }>;
 export declare const Mobile: import("@storybook/csf").StoryAnnotations<import("@storybook/react/dist/types-a5624094").R, {
     id?: string | undefined;
@@ -61,16 +62,16 @@ export declare const Mobile: import("@storybook/csf").StoryAnnotations<import("@
     className?: string | undefined;
     hideDownloadButton?: boolean | undefined;
 }, {
+    entityId?: string | undefined;
     className?: string | undefined;
     id?: string | undefined;
-    entityId?: string | undefined;
     shadow?: import("../../types/shadowType").ShadowType | undefined;
-    onPaymentSuccess?: ((savePaymentMethod?: boolean | undefined) => void) | undefined;
     backButtonName?: string | undefined;
     onBackButtonClick?: (() => void) | undefined;
+    hideDownloadButton?: boolean | undefined;
+    onPaymentSuccess?: ((savePaymentMethod?: boolean | undefined) => void) | undefined;
     invoiceQuoteViewComponent?: import("react").ReactNode;
     onInvoiceDownloadError?: (() => void) | undefined;
-    hideDownloadButton?: boolean | undefined;
 }>;
 export declare const CustomClassName: import("@storybook/csf").StoryAnnotations<import("@storybook/react/dist/types-a5624094").R, {
     id?: string | undefined;
@@ -84,16 +85,16 @@ export declare const CustomClassName: import("@storybook/csf").StoryAnnotations<
     className?: string | undefined;
     hideDownloadButton?: boolean | undefined;
 }, {
+    entityId?: string | undefined;
     className?: string | undefined;
     id?: string | undefined;
-    entityId?: string | undefined;
     shadow?: import("../../types/shadowType").ShadowType | undefined;
-    onPaymentSuccess?: ((savePaymentMethod?: boolean | undefined) => void) | undefined;
     backButtonName?: string | undefined;
     onBackButtonClick?: (() => void) | undefined;
+    hideDownloadButton?: boolean | undefined;
+    onPaymentSuccess?: ((savePaymentMethod?: boolean | undefined) => void) | undefined;
     invoiceQuoteViewComponent?: import("react").ReactNode;
     onInvoiceDownloadError?: (() => void) | undefined;
-    hideDownloadButton?: boolean | undefined;
 }>;
 export declare const HideDownloadButton: Story;
 export declare const AcceptedQuote: Story;
@@ -110,14 +111,14 @@ export declare const DarkMode: import("@storybook/csf").StoryAnnotations<import(
     className?: string | undefined;
     hideDownloadButton?: boolean | undefined;
 }, {
+    entityId?: string | undefined;
     className?: string | undefined;
     id?: string | undefined;
-    entityId?: string | undefined;
     shadow?: import("../../types/shadowType").ShadowType | undefined;
-    onPaymentSuccess?: ((savePaymentMethod?: boolean | undefined) => void) | undefined;
     backButtonName?: string | undefined;
     onBackButtonClick?: (() => void) | undefined;
+    hideDownloadButton?: boolean | undefined;
+    onPaymentSuccess?: ((savePaymentMethod?: boolean | undefined) => void) | undefined;
     invoiceQuoteViewComponent?: import("react").ReactNode;
     onInvoiceDownloadError?: (() => void) | undefined;
-    hideDownloadButton?: boolean | undefined;
 }>;

package/dist/esm/src/hooks/quotes/useSendAcceptQuote.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 declare const useSendAcceptQuote: ({ entityId, onTokenExpired, quoteId, apiHost, token, }: {
     entityId: string;
     onTokenExpired?: (() => void) | undefined;

package/package.json

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

package/dist/cjs/src/components/PageHeaderWithActions.d.ts

@@ -1,7 +0,0 @@
-import { ReactNode } from "react";
-declare const PageHeaderWithActions: ({ children, title, className, }: {
-    children?: ReactNode | ReactNode[];
-    title?: string | ReactNode;
-    className?: string | undefined;
-}) => import("react/jsx-runtime").JSX.Element;
-export default PageHeaderWithActions;

package/dist/cjs/src/components/Subscriptions/subscriptionsList/ChangeQuantitiesButton.d.ts

@@ -1,5 +0,0 @@
-declare const ChangeQuantitiesButton: ({ canShowChangeQuantitiesButton, setQuantityDrawerOpen, }: {
-    canShowChangeQuantitiesButton: boolean;
-    setQuantityDrawerOpen: (value: boolean) => void;
-}) => import("react/jsx-runtime").JSX.Element | null;
-export default ChangeQuantitiesButton;

package/dist/cjs/src/components/Subscriptions/subscriptionsList/HideExpiredToggle.d.ts

@@ -1,7 +0,0 @@
-import { Subscription } from "@bunnyapp/common";
-declare const HideExpiredToggle: ({ hideExpired, setHideExpired, subscriptions, }: {
-    hideExpired: boolean;
-    setHideExpired: (value: boolean) => void;
-    subscriptions?: Subscription[] | undefined;
-}) => import("react/jsx-runtime").JSX.Element | null;
-export default HideExpiredToggle;

package/dist/cjs/src/components/Subscriptions/subscriptionsList/SubscriptionsNavigation.d.ts

@@ -1,8 +0,0 @@
-import { Subscription } from "@bunnyapp/common";
-declare const SubscriptionsNavigation: ({ hideExpired, setHideExpired, setQuantityDrawerOpen, subscriptions, }: {
-    hideExpired: boolean;
-    setHideExpired: (value: boolean) => void;
-    setQuantityDrawerOpen: (value: boolean) => void;
-    subscriptions: Subscription[];
-}) => import("react/jsx-runtime").JSX.Element;
-export default SubscriptionsNavigation;

package/dist/cjs/src/graphql/queries/getQuote.d.ts

@@ -1,7 +0,0 @@
-import { Quote } from "@bunnyapp/common";
-declare const getQuote: ({ id, token, apiHost, }: {
-    id: string;
-    token: string;
-    apiHost: string;
-}) => Promise<Quote>;
-export default getQuote;

package/dist/esm/src/components/PageHeaderWithActions.d.ts

@@ -1,7 +0,0 @@
-import { ReactNode } from "react";
-declare const PageHeaderWithActions: ({ children, title, className, }: {
-    children?: ReactNode | ReactNode[];
-    title?: string | ReactNode;
-    className?: string | undefined;
-}) => import("react/jsx-runtime").JSX.Element;
-export default PageHeaderWithActions;

package/dist/esm/src/components/Subscriptions/subscriptionsList/ChangeQuantitiesButton.d.ts

@@ -1,5 +0,0 @@
-declare const ChangeQuantitiesButton: ({ canShowChangeQuantitiesButton, setQuantityDrawerOpen, }: {
-    canShowChangeQuantitiesButton: boolean;
-    setQuantityDrawerOpen: (value: boolean) => void;
-}) => import("react/jsx-runtime").JSX.Element | null;
-export default ChangeQuantitiesButton;

package/dist/esm/src/components/Subscriptions/subscriptionsList/HideExpiredToggle.d.ts

@@ -1,7 +0,0 @@
-import { Subscription } from "@bunnyapp/common";
-declare const HideExpiredToggle: ({ hideExpired, setHideExpired, subscriptions, }: {
-    hideExpired: boolean;
-    setHideExpired: (value: boolean) => void;
-    subscriptions?: Subscription[] | undefined;
-}) => import("react/jsx-runtime").JSX.Element | null;
-export default HideExpiredToggle;

package/dist/esm/src/components/Subscriptions/subscriptionsList/SubscriptionsNavigation.d.ts

@@ -1,8 +0,0 @@
-import { Subscription } from "@bunnyapp/common";
-declare const SubscriptionsNavigation: ({ hideExpired, setHideExpired, setQuantityDrawerOpen, subscriptions, }: {
-    hideExpired: boolean;
-    setHideExpired: (value: boolean) => void;
-    setQuantityDrawerOpen: (value: boolean) => void;
-    subscriptions: Subscription[];
-}) => import("react/jsx-runtime").JSX.Element;
-export default SubscriptionsNavigation;

package/dist/esm/src/graphql/queries/getQuote.d.ts

@@ -1,7 +0,0 @@
-import { Quote } from "@bunnyapp/common";
-declare const getQuote: ({ id, token, apiHost, }: {
-    id: string;
-    token: string;
-    apiHost: string;
-}) => Promise<Quote>;
-export default getQuote;