@bunnyapp/components 1.0.42 → 1.0.44

package/README.md

@@ -30,6 +30,11 @@ Ensure all peer dependencies in the package.json are installed.
 
 To run the development server, run `npm run dev`.
 
-#### Storybook stories
+### Storybook stories
 
-To view the storybook stories, run `npm run storybook`.
+To view the storybook stories, run `npx storybook dev`.
+
+#### Visual tests
+
+Once storybook is running, visual tests can be run by clicking on the visual tests tab, and then clicking on the "Run Tests" button.
+Refer to [these docs](https://storybook.js.org/docs/writing-tests/visual-testing#enable-visual-tests) for more information.

package/dist/cjs/index.js

@@ -19931,8 +19931,8 @@ function InitialSignupForm(_a) {
                             { required: true, message: "Please input your email!" },
                             { type: "email", message: "Please enter a valid email!" },
                         ] }, { children: jsxRuntime.jsx(antd.Input, { placeholder: "Email" }) })), jsxRuntime.jsx(antd.Form.Item, __assign({ name: "accountName", rules: [
-                            { required: true, message: "Please input your account name!" },
-                        ] }, { children: jsxRuntime.jsx(antd.Input, { placeholder: "Account name" }) }))] })), jsxRuntime.jsx(antd.Form.Item, { children: jsxRuntime.jsx(antd.Button, __assign({ type: "primary", onClick: handleSubmit, loading: submitting, className: "w-full mt-4" }, { children: "Proceed to payment" })) })] })));
+                            { required: true, message: "Please input your company name!" },
+                        ] }, { children: jsxRuntime.jsx(antd.Input, { placeholder: "Company name" }) }))] })), jsxRuntime.jsx(antd.Form.Item, { children: jsxRuntime.jsx(antd.Button, __assign({ type: "primary", onClick: handleSubmit, loading: submitting, className: "w-full mt-4" }, { children: "Proceed to payment" })) })] })));
 }
 
 var Title = antd.Typography.Title, Text$4 = antd.Typography.Text;
@@ -20108,10 +20108,10 @@ var SUBSCRIPTIONS_QUERY = "\nquery subscriptions {\n    subscriptions {\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 () {
-        var response;
-        var _b;
-        return __generator(this, function (_c) {
-            switch (_c.label) {
+        var response, combinedSubscriptions;
+        var _b, _c;
+        return __generator(this, function (_d) {
+            switch (_d.label) {
                 case 0: return [4 /*yield*/, common.gqlRequest({
                         isInPreviewMode: isInPreviewMode,
                         query: SUBSCRIPTIONS_QUERY,
@@ -20120,78 +20120,14 @@ var getSubscriptions = function (_a) {
                         apiHost: apiHost,
                     })];
                 case 1:
-                    response = _c.sent();
-                    return [2 /*return*/, (_b = response === null || response === void 0 ? void 0 : response.subscriptions) === null || _b === void 0 ? void 0 : _b.nodes];
+                    response = _d.sent();
+                    combinedSubscriptions = (_c = (_b = response === null || response === void 0 ? void 0 : response.subscriptions) === null || _b === void 0 ? void 0 : _b.nodes) === null || _c === void 0 ? void 0 : _c.map(function (subscription) { return (__assign(__assign({}, subscription), { charges: common.sortSubscriptionCharges(subscription.charges) })); });
+                    return [2 /*return*/, combinedSubscriptions];
             }
         });
     });
 };
 
-var useSubscriptions = function (_a) {
-    var data = _a.data;
-    return react.useMemo(function () {
-        var clonedData = lodashExports.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) {
-                    return a.priceListChargeId.localeCompare(b.priceListChargeId);
-                }
-                if (a.kind === common.SubscriptionChargeKind.DISCOUNT &&
-                    b.kind !== common.SubscriptionChargeKind.DISCOUNT) {
-                    return 1;
-                }
-                if (a.kind !== common.SubscriptionChargeKind.DISCOUNT &&
-                    b.kind === common.SubscriptionChargeKind.DISCOUNT) {
-                    return -1;
-                }
-                return (a.endDate.localeCompare(b.endDate) ||
-                    a.startDate.localeCompare(b.startDate));
-            });
-            var isTrial = ((_a = subscription.state) === null || _a === void 0 ? void 0 : _a.toUpperCase()) === common.SubscriptionState.TRIAL;
-            var combinedSubscriptionCharges = [];
-            var aggregationCharge;
-            for (var index = 0; index < orderedSubscriptionCharges.length; index++) {
-                var charge = orderedSubscriptionCharges[index];
-                var nextCharge = orderedSubscriptionCharges[index + 1];
-                if (!aggregationCharge)
-                    aggregationCharge = charge;
-                // If the next charge is the same priceListChargeId and endDate, aggregate the quantities
-                if (nextCharge &&
-                    charge.priceListChargeId === nextCharge.priceListChargeId &&
-                    charge.endDate === nextCharge.endDate &&
-                    charge.startDate === nextCharge.startDate &&
-                    charge.kind === nextCharge.kind) {
-                    aggregationCharge.quantity += nextCharge.quantity;
-                    // If the next charge is different, push the aggregationCharge to the combinedSubscriptionCharges
-                }
-                else if (nextCharge &&
-                    charge.priceListChargeId === nextCharge.priceListChargeId &&
-                    (charge.endDate !== nextCharge.endDate ||
-                        charge.startDate !== nextCharge.startDate) &&
-                    charge.kind === nextCharge.kind &&
-                    (!isTrial || charge.trial) &&
-                    (isTrial || !charge.trial)) {
-                    nextCharge.name = "";
-                    combinedSubscriptionCharges.push(aggregationCharge);
-                    aggregationCharge = undefined;
-                }
-                else {
-                    combinedSubscriptionCharges.push(aggregationCharge);
-                    aggregationCharge = undefined;
-                }
-            }
-            subscription.charges = combinedSubscriptionCharges;
-            return subscription;
-        });
-        var subscriptionOrder = Object.values(common.SubscriptionState);
-        combinedSubscriptions === null || combinedSubscriptions === void 0 ? void 0 : combinedSubscriptions.sort(function (a, b) {
-            return subscriptionOrder.indexOf(a.state) - subscriptionOrder.indexOf(b.state);
-        });
-        return combinedSubscriptions;
-    }, [data]);
-};
-
 var ErrorView = function (_a) {
     var children = _a.children, message = _a.message;
     return (jsxRuntime.jsxs("div", __assign({ className: "flex flex-col w-full", style: { marginTop: "80px" } }, { children: [jsxRuntime.jsx("div", __assign({ style: { fontSize: "32px" } }, { children: message })), children] })));
@@ -20503,8 +20439,7 @@ var SubscriptionCardDesktopRow = function (_a) {
     // Derived state
     var isRamp = charge.isRamp;
     var prevCharge = subscription.charges[chargeIndex - 1];
-    var isFirstRampRow = chargeIndex === 0 ||
-        (prevCharge === null || prevCharge === void 0 ? void 0 : prevCharge.priceListChargeId) !== charge.priceListChargeId;
+    var isFirstRampRow = chargeIndex === 0 || (prevCharge === null || prevCharge === void 0 ? void 0 : prevCharge.priceListChargeId) !== charge.priceListChargeId;
     var chargePeriod = "".concat(common.formatDate(charge.startDate), " - ").concat(common.formatDate(charge.endDate));
     // Queries
     var data = reactQuery.useQuery({
@@ -20518,18 +20453,15 @@ var SubscriptionCardDesktopRow = function (_a) {
                 apiHost: apiHost,
             });
         },
-        enabled: (!isRamp || (isRamp && isFirstRampRow)) &&
-            charge.chargeType === common.ChargeType.USAGE,
+        enabled: (!isRamp || (isRamp && isFirstRampRow)) && charge.chargeType === common.ChargeType.USAGE,
     }).data;
     var isRampFirstRow = isRamp && chargeIndex === 0;
     var isTrial = charge.trial;
-    var dontShowChargeName = (prevCharge === null || prevCharge === void 0 ? void 0 : prevCharge.id) === charge.id &&
+    var dontShowChargeName = (prevCharge === null || prevCharge === void 0 ? void 0 : prevCharge.priceListChargeId) === charge.priceListChargeId &&
         (!isTrial || prevCharge.trial) &&
         (isTrial || !prevCharge.trial);
     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.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.kind === common.SubscriptionChargeKind.DISCOUNT
                     ? ""
                     : charge.chargeType === common.ChargeType.USAGE
                         ? data && jsxRuntime.jsx(FeatureUsageGraph, { charge: charge, featureUsage: data })
@@ -20624,14 +20556,12 @@ var Subscriptions = function (_a) {
         }),
         queryFn: function () { return getSubscriptions({ entityId: entityId, token: token, apiHost: apiHost }); },
         enabled: Boolean(entityId),
-    }), rawSubscriptions = _d.data, subscriptionsAreLoading = _d.isLoading;
+    }), subscriptions = _d.data, subscriptionsAreLoading = _d.isLoading;
     var _e = reactQuery.useQuery({
         queryKey: common.QueryKeyFactory.default.planChangeOptionsKey({ token: token }),
         queryFn: function () { return getPlanChangeOptions({ token: token, apiHost: apiHost }); },
         enabled: Boolean(onChangePlanClick),
     }), planChangeOptions = _e.data, arePlanChangeOptionsLoading = _e.isLoading;
-    // Derived state
-    var subscriptions = useSubscriptions({ data: rawSubscriptions });
     react.useEffect(function () {
         if (subscriptions)
             onSubscriptionsLoaded === null || onSubscriptionsLoaded === void 0 ? void 0 : onSubscriptionsLoaded(subscriptions);

package/dist/esm/index.js

@@ -4,7 +4,7 @@ import { Markup } from 'interweave';
 import { ConfigProvider, Button, Typography, Tag, Divider, Popconfirm, Input, Checkbox, Collapse, Skeleton, Modal, Form, Drawer, Card as Card$1, Select, Image, Dropdown } from 'antd';
 import { DownloadOutlined, CreditCardOutlined, BankOutlined, SearchOutlined, CloseOutlined, CheckCircleFilled } from '@ant-design/icons';
 import styled from 'styled-components';
-import { DEFAULT_ACCENT_COLOR, DEFAULT_BRAND_COLOR, DEFAULT_SECONDARY_COLOR, DEFAULT_TOP_NAV_IMAGE_URL, gqlRequest, QueryKeyFactory, useIsMobile, isColorTooDark, MARK_PRO, INPUT_BORDER_COLOR, SLATE_50, SLATE_400, SLATE_200, getPlugins, useAllErrorFormats, formatCurrency, invokePlugin, GRAY_500, GRAY_200, useErrorNotification, useSuccessNotification, getFormattedInvoice, PAYABLE_INVOICE_STATES, BreakpointNumbers, useGraphQLmutation, formatDate, FrontendTransaction, SLATE_600, WHITE, TransactionKind, Lists, getAccount, SubscriptionChargeKind, SubscriptionState as SubscriptionState$2, MODAL_MAX_HEIGHT, SLATE_500, DataInterval, TAG_COLORS, ChargeType, PricingModel } from '@bunnyapp/common';
+import { DEFAULT_ACCENT_COLOR, DEFAULT_BRAND_COLOR, DEFAULT_SECONDARY_COLOR, DEFAULT_TOP_NAV_IMAGE_URL, gqlRequest, QueryKeyFactory, useIsMobile, isColorTooDark, MARK_PRO, INPUT_BORDER_COLOR, SLATE_50, SLATE_400, SLATE_200, getPlugins, useAllErrorFormats, formatCurrency, invokePlugin, GRAY_500, GRAY_200, useErrorNotification, useSuccessNotification, getFormattedInvoice, PAYABLE_INVOICE_STATES, BreakpointNumbers, useGraphQLmutation, formatDate, FrontendTransaction, SLATE_600, WHITE, TransactionKind, Lists, getAccount, sortSubscriptionCharges, MODAL_MAX_HEIGHT, SLATE_500, DataInterval, SubscriptionState as SubscriptionState$2, TAG_COLORS, ChargeType, SubscriptionChargeKind, PricingModel } from '@bunnyapp/common';
 import { QueryClient, QueryClientProvider, useQuery, useQueryClient, keepPreviousData, useMutation } from '@tanstack/react-query';
 import theme from 'antd/lib/theme/index.js';
 import { RecoilRoot } from 'recoil';
@@ -19903,8 +19903,8 @@ function InitialSignupForm(_a) {
                             { required: true, message: "Please input your email!" },
                             { type: "email", message: "Please enter a valid email!" },
                         ] }, { children: jsx(Input, { placeholder: "Email" }) })), jsx(Form.Item, __assign({ name: "accountName", rules: [
-                            { required: true, message: "Please input your account name!" },
-                        ] }, { children: jsx(Input, { placeholder: "Account name" }) }))] })), jsx(Form.Item, { children: jsx(Button, __assign({ type: "primary", onClick: handleSubmit, loading: submitting, className: "w-full mt-4" }, { children: "Proceed to payment" })) })] })));
+                            { required: true, message: "Please input your company name!" },
+                        ] }, { children: jsx(Input, { placeholder: "Company name" }) }))] })), jsx(Form.Item, { children: jsx(Button, __assign({ type: "primary", onClick: handleSubmit, loading: submitting, className: "w-full mt-4" }, { children: "Proceed to payment" })) })] })));
 }
 
 var Title = Typography.Title, Text$4 = Typography.Text;
@@ -20080,10 +20080,10 @@ var SUBSCRIPTIONS_QUERY = "\nquery subscriptions {\n    subscriptions {\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 () {
-        var response;
-        var _b;
-        return __generator(this, function (_c) {
-            switch (_c.label) {
+        var response, combinedSubscriptions;
+        var _b, _c;
+        return __generator(this, function (_d) {
+            switch (_d.label) {
                 case 0: return [4 /*yield*/, gqlRequest({
                         isInPreviewMode: isInPreviewMode,
                         query: SUBSCRIPTIONS_QUERY,
@@ -20092,78 +20092,14 @@ var getSubscriptions = function (_a) {
                         apiHost: apiHost,
                     })];
                 case 1:
-                    response = _c.sent();
-                    return [2 /*return*/, (_b = response === null || response === void 0 ? void 0 : response.subscriptions) === null || _b === void 0 ? void 0 : _b.nodes];
+                    response = _d.sent();
+                    combinedSubscriptions = (_c = (_b = response === null || response === void 0 ? void 0 : response.subscriptions) === null || _b === void 0 ? void 0 : _b.nodes) === null || _c === void 0 ? void 0 : _c.map(function (subscription) { return (__assign(__assign({}, subscription), { charges: sortSubscriptionCharges(subscription.charges) })); });
+                    return [2 /*return*/, combinedSubscriptions];
             }
         });
     });
 };
 
-var useSubscriptions = function (_a) {
-    var data = _a.data;
-    return useMemo(function () {
-        var clonedData = lodashExports.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) {
-                    return a.priceListChargeId.localeCompare(b.priceListChargeId);
-                }
-                if (a.kind === SubscriptionChargeKind.DISCOUNT &&
-                    b.kind !== SubscriptionChargeKind.DISCOUNT) {
-                    return 1;
-                }
-                if (a.kind !== SubscriptionChargeKind.DISCOUNT &&
-                    b.kind === SubscriptionChargeKind.DISCOUNT) {
-                    return -1;
-                }
-                return (a.endDate.localeCompare(b.endDate) ||
-                    a.startDate.localeCompare(b.startDate));
-            });
-            var isTrial = ((_a = subscription.state) === null || _a === void 0 ? void 0 : _a.toUpperCase()) === SubscriptionState$2.TRIAL;
-            var combinedSubscriptionCharges = [];
-            var aggregationCharge;
-            for (var index = 0; index < orderedSubscriptionCharges.length; index++) {
-                var charge = orderedSubscriptionCharges[index];
-                var nextCharge = orderedSubscriptionCharges[index + 1];
-                if (!aggregationCharge)
-                    aggregationCharge = charge;
-                // If the next charge is the same priceListChargeId and endDate, aggregate the quantities
-                if (nextCharge &&
-                    charge.priceListChargeId === nextCharge.priceListChargeId &&
-                    charge.endDate === nextCharge.endDate &&
-                    charge.startDate === nextCharge.startDate &&
-                    charge.kind === nextCharge.kind) {
-                    aggregationCharge.quantity += nextCharge.quantity;
-                    // If the next charge is different, push the aggregationCharge to the combinedSubscriptionCharges
-                }
-                else if (nextCharge &&
-                    charge.priceListChargeId === nextCharge.priceListChargeId &&
-                    (charge.endDate !== nextCharge.endDate ||
-                        charge.startDate !== nextCharge.startDate) &&
-                    charge.kind === nextCharge.kind &&
-                    (!isTrial || charge.trial) &&
-                    (isTrial || !charge.trial)) {
-                    nextCharge.name = "";
-                    combinedSubscriptionCharges.push(aggregationCharge);
-                    aggregationCharge = undefined;
-                }
-                else {
-                    combinedSubscriptionCharges.push(aggregationCharge);
-                    aggregationCharge = undefined;
-                }
-            }
-            subscription.charges = combinedSubscriptionCharges;
-            return subscription;
-        });
-        var subscriptionOrder = Object.values(SubscriptionState$2);
-        combinedSubscriptions === null || combinedSubscriptions === void 0 ? void 0 : combinedSubscriptions.sort(function (a, b) {
-            return subscriptionOrder.indexOf(a.state) - subscriptionOrder.indexOf(b.state);
-        });
-        return combinedSubscriptions;
-    }, [data]);
-};
-
 var ErrorView = function (_a) {
     var children = _a.children, message = _a.message;
     return (jsxs("div", __assign({ className: "flex flex-col w-full", style: { marginTop: "80px" } }, { children: [jsx("div", __assign({ style: { fontSize: "32px" } }, { children: message })), children] })));
@@ -20475,8 +20411,7 @@ var SubscriptionCardDesktopRow = function (_a) {
     // Derived state
     var isRamp = charge.isRamp;
     var prevCharge = subscription.charges[chargeIndex - 1];
-    var isFirstRampRow = chargeIndex === 0 ||
-        (prevCharge === null || prevCharge === void 0 ? void 0 : prevCharge.priceListChargeId) !== charge.priceListChargeId;
+    var isFirstRampRow = chargeIndex === 0 || (prevCharge === null || prevCharge === void 0 ? void 0 : prevCharge.priceListChargeId) !== charge.priceListChargeId;
     var chargePeriod = "".concat(formatDate(charge.startDate), " - ").concat(formatDate(charge.endDate));
     // Queries
     var data = useQuery({
@@ -20490,18 +20425,15 @@ var SubscriptionCardDesktopRow = function (_a) {
                 apiHost: apiHost,
             });
         },
-        enabled: (!isRamp || (isRamp && isFirstRampRow)) &&
-            charge.chargeType === ChargeType.USAGE,
+        enabled: (!isRamp || (isRamp && isFirstRampRow)) && charge.chargeType === ChargeType.USAGE,
     }).data;
     var isRampFirstRow = isRamp && chargeIndex === 0;
     var isTrial = charge.trial;
-    var dontShowChargeName = (prevCharge === null || prevCharge === void 0 ? void 0 : prevCharge.id) === charge.id &&
+    var dontShowChargeName = (prevCharge === null || prevCharge === void 0 ? void 0 : prevCharge.priceListChargeId) === charge.priceListChargeId &&
         (!isTrial || prevCharge.trial) &&
         (isTrial || !prevCharge.trial);
     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.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.kind === SubscriptionChargeKind.DISCOUNT
                     ? ""
                     : charge.chargeType === ChargeType.USAGE
                         ? data && jsx(FeatureUsageGraph, { charge: charge, featureUsage: data })
@@ -20596,14 +20528,12 @@ var Subscriptions = function (_a) {
         }),
         queryFn: function () { return getSubscriptions({ entityId: entityId, token: token, apiHost: apiHost }); },
         enabled: Boolean(entityId),
-    }), rawSubscriptions = _d.data, subscriptionsAreLoading = _d.isLoading;
+    }), subscriptions = _d.data, subscriptionsAreLoading = _d.isLoading;
     var _e = useQuery({
         queryKey: QueryKeyFactory.default.planChangeOptionsKey({ token: token }),
         queryFn: function () { return getPlanChangeOptions({ token: token, apiHost: apiHost }); },
         enabled: Boolean(onChangePlanClick),
     }), planChangeOptions = _e.data, arePlanChangeOptionsLoading = _e.isLoading;
-    // Derived state
-    var subscriptions = useSubscriptions({ data: rawSubscriptions });
     useEffect(function () {
         if (subscriptions)
             onSubscriptionsLoaded === null || onSubscriptionsLoaded === void 0 ? void 0 : onSubscriptionsLoaded(subscriptions);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bunnyapp/components",
-  "version": "1.0.42",
+  "version": "1.0.44",
   "description": "Components from the Bunny portal to embed Bunny UI functionality into your application.",
   "main": "dist/cjs/index.js",
   "module": "dist/esm/index.js",
@@ -63,7 +63,8 @@
     "vite": "^6.2.1"
   },
   "peerDependencies": {
-    "@bunnyapp/common": "^1.0.47",
+    "@ant-design/icons": "^5.6.1",
+    "@bunnyapp/common": "^1.0.53",
     "@fortawesome/fontawesome-svg-core": "^6.7.2",
     "@fortawesome/free-brands-svg-icons": "^6.7.2",
     "@fortawesome/free-regular-svg-icons": "^6.7.2",
@@ -78,17 +79,19 @@
     "interweave": "^13.1.0",
     "less": "^4.2.0",
     "lodash-es": "^4.17.21",
+    "pluralize": "^8.0.0",
     "react": "^18.3.1",
     "react-dom": "^18.3.1",
     "recharts": "^2.15.0",
     "recoil": "^0.7.7",
-    "@ant-design/icons": "^5.6.1",
-    "styled-components": "^6.1.13",
-    "pluralize": "^8.0.0"
+    "styled-components": "^6.1.13"
   },
   "msw": {
     "workerDirectory": [
       "public"
     ]
+  },
+  "dependencies": {
+    "msw-storybook-addon": "^2.0.4"
   }
 }

package/dist/cjs/src/hooks/subscriptions/useSubscriptions.d.ts

@@ -1,5 +0,0 @@
-import { Subscription } from "@bunnyapp/common";
-declare const useSubscriptions: ({ data }: {
-    data: Subscription[];
-}) => Subscription[];
-export default useSubscriptions;

package/dist/esm/src/hooks/subscriptions/useSubscriptions.d.ts

@@ -1,5 +0,0 @@
-import { Subscription } from "@bunnyapp/common";
-declare const useSubscriptions: ({ data }: {
-    data: Subscription[];
-}) => Subscription[];
-export default useSubscriptions;