@bunnyapp/components 1.6.0-beta.2 → 1.6.0-beta.4

package/README.md

@@ -54,6 +54,25 @@ npm run codegen
 npx gql-tada doctor
 ```
 
+### Deprecating @bunnyapp/common
+
+We are gradually deprecating `@bunnyapp/common` and moving types and enums locally to this repository. When something is moved from `@bunnyapp/common`, follow this pattern:
+
+1. **Create local definitions**:
+   - **Enums** → Create in `src/enums/` directory (e.g., `src/enums/SubscriptionState.ts`)
+   - **Types** → Create in `src/types/` directory (e.g., `src/types/billingDetails.ts`)
+
+2. **Update imports incrementally**: Only update the files that need the change. Other files can continue importing from `@bunnyapp/common` until they need to be updated.
+
+3. **Example pattern**:
+   ```typescript
+   // Before (from @bunnyapp/common)
+   import { SubscriptionState } from '@bunnyapp/common';
+
+   // After (local enum)
+   import SubscriptionState from '../enums/SubscriptionState';
+   ```
+
 ### Storybook stories
 
 To view the storybook stories, run `npx storybook dev`.

package/dist/cjs/index.js

@@ -52,7 +52,7 @@ var css_248z = ":root {\n  --row-background: #ffffff;\n  --row-background-altern
 styleInject(css_248z);
 
 // This will be replaced at build time by rollup-plugin-replace
-const PACKAGE_VERSION = '1.6.0-beta.1';
+const PACKAGE_VERSION = '1.6.0-beta.3';
 const createRequestHeaders = (token) => {
     const headers = createClientDevHeaders({ token });
     // Add the components version header
@@ -22068,10 +22068,8 @@ const QUANTITY_CHANGE_HEADER_TITLE = 'Update quantities';
 const QUANTITY_CHANGE_HEADER_DESCRIPTION = 'Adjust quantities below. The change will take effect immediately after checkout has been completed.';
 const QuantityDrawerDesktop_SubscriptionFragment = t(`
     fragment QuantityDrawerDesktop_SubscriptionFragment on Subscription {
-      state
       currentCharges {
         chargeType
-        trial
         ...QuantityChangeGridRow_SubscriptionChargeFragment
       }
       ...QuantityChangeGridRow_SubscriptionFragment
@@ -22116,11 +22114,8 @@ const QuantityChangeDrawerDesktop = ({ editingQuote, editingQuoteData, onClose,
                 }, children: [jsxRuntime.jsx(QuantityChangeGridTitle, { children: " " }), jsxRuntime.jsx(QuantityChangeGridTitle, { right: true, children: "CURRENT QUANTITY" }), jsxRuntime.jsx(QuantityChangeGridTitle, { right: true, children: "NEW QUANTITY" }), jsxRuntime.jsx(antd.Divider, { className: "bunny-col-span-full", style: { marginBottom: '8px', marginTop: '20px' } }), subscriptions.map((maskedSubscription, index) => {
                         var _a;
                         const subscription = readFragment(QuantityDrawerDesktop_SubscriptionFragment, maskedSubscription);
-                        const isTrial = (subscription === null || subscription === void 0 ? void 0 : subscription.state) === 'TRIAL';
                         return (jsxRuntime.jsx("div", { className: "bunny-contents", children: (_a = subscription === null || subscription === void 0 ? void 0 : subscription.currentCharges) === null || _a === void 0 ? void 0 : _a.map((charge, chargeIndex) => {
-                                if ((isTrial && !charge.trial) ||
-                                    (!isTrial && charge.trial) ||
-                                    charge.chargeType === 'USAGE')
+                                if (charge.chargeType === 'USAGE')
                                     return null;
                                 return (jsxRuntime.jsx(QuantityChangeGridRow, { chargeIndex: chargeIndex, editingQuote: editingQuote, setEditingQuoteData: setEditingQuoteData, subscription: subscription, subscriptionCharge: charge, subscriptionIndex: index, setUpdatingChargeQuantityId: setUpdatingChargeQuantityId, updatingChargeQuantityId: updatingChargeQuantityId, setErrorUpdatingQuantity: setErrorUpdatingQuantity }, chargeIndex));
                             }) }, index));
@@ -22164,10 +22159,21 @@ const useHasTaxPlugin = ({ apiHost, token, }) => {
     return Boolean(plugins === null || plugins === void 0 ? void 0 : plugins.some((plugin) => plugin.type === "taxation"));
 };
 
+var SubscriptionState;
+(function (SubscriptionState) {
+    SubscriptionState["ACTIVE"] = "ACTIVE";
+    SubscriptionState["TRIAL"] = "TRIAL";
+    SubscriptionState["PENDING"] = "PENDING";
+    SubscriptionState["EXPIRED"] = "EXPIRED";
+    SubscriptionState["CANCELED"] = "CANCELED";
+    SubscriptionState["TRIAL_EXPIRED"] = "TRIAL_EXPIRED";
+})(SubscriptionState || (SubscriptionState = {}));
+var SubscriptionState$1 = SubscriptionState;
+
 function shouldShowCouponEditor(quote, activeCouponsExist, upgradingSubscription) {
     var _a, _b;
-    const upgradingFromTrial = ((_a = upgradingSubscription === null || upgradingSubscription === void 0 ? void 0 : upgradingSubscription.state) === null || _a === void 0 ? void 0 : _a.toUpperCase()) === common.SubscriptionState.TRIAL ||
-        ((_b = upgradingSubscription === null || upgradingSubscription === void 0 ? void 0 : upgradingSubscription.state) === null || _b === void 0 ? void 0 : _b.toUpperCase()) === common.SubscriptionState.TRIAL_EXPIRED;
+    const upgradingFromTrial = ((_a = upgradingSubscription === null || upgradingSubscription === void 0 ? void 0 : upgradingSubscription.state) === null || _a === void 0 ? void 0 : _a.toUpperCase()) === SubscriptionState$1.TRIAL ||
+        ((_b = upgradingSubscription === null || upgradingSubscription === void 0 ? void 0 : upgradingSubscription.state) === null || _b === void 0 ? void 0 : _b.toUpperCase()) === SubscriptionState$1.TRIAL_EXPIRED;
     function upgradingFromFree() {
         const totalPrice = upgradingSubscription === null || upgradingSubscription === void 0 ? void 0 : upgradingSubscription.charges.reduce((acc, charge) => acc + Number((charge === null || charge === void 0 ? void 0 : charge.discountedPrice) || 0), 0);
         return totalPrice === 0;

package/dist/cjs/types/src/components/Subscriptions/quantityChangeDrawer/quantityChangeDrawerDesktop/QuantityChangeDrawerDesktop.d.ts

@@ -2,10 +2,8 @@ import { Quote } from '@bunnyapp/common';
 import { FragmentOf } from 'gql.tada';
 import { EditingQuoteDataType } from '../../SubscriptionsListContainer';
 export declare const QuantityDrawerDesktop_SubscriptionFragment: import("gql.tada").TadaDocumentNode<{
-    state: "ACTIVE" | "TRIAL" | "CANCELED" | "EXPIRED" | "TRIAL_EXPIRED" | "PENDING";
     currentCharges: {
         chargeType: "ONE_TIME" | "RECURRING" | "USAGE" | null;
-        trial: boolean;
         [$tada.fragmentRefs]: {
             QuantityChangeGridRow_SubscriptionChargeFragment: "SubscriptionCharge";
         };

package/dist/cjs/types/src/enums/SubscriptionState.d.ts

@@ -0,0 +1,9 @@
+declare enum SubscriptionState {
+    ACTIVE = "ACTIVE",
+    TRIAL = "TRIAL",
+    PENDING = "PENDING",
+    EXPIRED = "EXPIRED",
+    CANCELED = "CANCELED",
+    TRIAL_EXPIRED = "TRIAL_EXPIRED"
+}
+export default SubscriptionState;

package/dist/esm/index.js

@@ -1,7 +1,7 @@
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 import { createContext, useContext, useMemo, useState, useEffect, useRef, useCallback, Fragment as Fragment$1 } from 'react';
 import { DownloadOutlined, CreditCardOutlined, EllipsisOutlined, BankOutlined, SearchOutlined, CheckCircleFilled, CloseOutlined, InfoCircleOutlined } from '@ant-design/icons';
-import { gqlRequest as gqlRequest$1, createClientDevHeaders as createClientDevHeaders$1, X_BUNNY_COMPONENTS_VERSION_HEADER_NAME, DEFAULT_ACCENT_COLOR, DEFAULT_BRAND_COLOR, DEFAULT_SECONDARY_COLOR, DEFAULT_TOP_NAV_IMAGE_URL, QueryKeyFactory, useIsMobile, isColorTooDark, INPUT_BORDER_COLOR, SLATE_50, SLATE_400, SLATE_200, request as request$1, PRIMARY_COLOR, useErrorNotification, invokePlugin, useAllErrorFormats, formatCurrency, GRAY_500, GRAY_200, useSuccessNotification, PAYABLE_INVOICE_STATES, BreakpointNumbers, useGraphQLmutation, useInfoNotification, formatDate, TransactionState, SLATE_600, WHITE, TransactionKind, SLATE_500, Lists, SubscriptionState, QuoteChangeKind, getAccount, BillingPeriod, MODAL_MAX_HEIGHT, DataInterval, PricingModel, ChargeType, StringUtils, PERIOD_LABELS, PricingStyle, SLATE_100 } from '@bunnyapp/common';
+import { gqlRequest as gqlRequest$1, createClientDevHeaders as createClientDevHeaders$1, X_BUNNY_COMPONENTS_VERSION_HEADER_NAME, DEFAULT_ACCENT_COLOR, DEFAULT_BRAND_COLOR, DEFAULT_SECONDARY_COLOR, DEFAULT_TOP_NAV_IMAGE_URL, QueryKeyFactory, useIsMobile, isColorTooDark, INPUT_BORDER_COLOR, SLATE_50, SLATE_400, SLATE_200, request as request$1, PRIMARY_COLOR, useErrorNotification, invokePlugin, useAllErrorFormats, formatCurrency, GRAY_500, GRAY_200, useSuccessNotification, PAYABLE_INVOICE_STATES, BreakpointNumbers, useGraphQLmutation, useInfoNotification, formatDate, TransactionState, SLATE_600, WHITE, TransactionKind, SLATE_500, Lists, QuoteChangeKind, getAccount, BillingPeriod, MODAL_MAX_HEIGHT, DataInterval, SubscriptionState as SubscriptionState$2, PricingModel, ChargeType, StringUtils, PERIOD_LABELS, PricingStyle, SLATE_100 } from '@bunnyapp/common';
 import { ConfigProvider, Spin, Button, theme as theme$1, Tag, Dropdown, Typography, Input, Modal, Checkbox, Skeleton, Collapse, Form, Tooltip, Drawer, Card as Card$1, Divider, Select, Image, Popconfirm, Table, Radio, Space, Switch } from 'antd';
 import { Markup } from 'interweave';
 import request, { GraphQLClient } from 'graphql-request';
@@ -50,7 +50,7 @@ var css_248z = ":root {\n  --row-background: #ffffff;\n  --row-background-altern
 styleInject(css_248z);
 
 // This will be replaced at build time by rollup-plugin-replace
-const PACKAGE_VERSION = '1.6.0-beta.1';
+const PACKAGE_VERSION = '1.6.0-beta.3';
 const createRequestHeaders = (token) => {
     const headers = createClientDevHeaders({ token });
     // Add the components version header
@@ -22066,10 +22066,8 @@ const QUANTITY_CHANGE_HEADER_TITLE = 'Update quantities';
 const QUANTITY_CHANGE_HEADER_DESCRIPTION = 'Adjust quantities below. The change will take effect immediately after checkout has been completed.';
 const QuantityDrawerDesktop_SubscriptionFragment = t(`
     fragment QuantityDrawerDesktop_SubscriptionFragment on Subscription {
-      state
       currentCharges {
         chargeType
-        trial
         ...QuantityChangeGridRow_SubscriptionChargeFragment
       }
       ...QuantityChangeGridRow_SubscriptionFragment
@@ -22114,11 +22112,8 @@ const QuantityChangeDrawerDesktop = ({ editingQuote, editingQuoteData, onClose,
                 }, children: [jsx(QuantityChangeGridTitle, { children: " " }), jsx(QuantityChangeGridTitle, { right: true, children: "CURRENT QUANTITY" }), jsx(QuantityChangeGridTitle, { right: true, children: "NEW QUANTITY" }), jsx(Divider, { className: "bunny-col-span-full", style: { marginBottom: '8px', marginTop: '20px' } }), subscriptions.map((maskedSubscription, index) => {
                         var _a;
                         const subscription = readFragment(QuantityDrawerDesktop_SubscriptionFragment, maskedSubscription);
-                        const isTrial = (subscription === null || subscription === void 0 ? void 0 : subscription.state) === 'TRIAL';
                         return (jsx("div", { className: "bunny-contents", children: (_a = subscription === null || subscription === void 0 ? void 0 : subscription.currentCharges) === null || _a === void 0 ? void 0 : _a.map((charge, chargeIndex) => {
-                                if ((isTrial && !charge.trial) ||
-                                    (!isTrial && charge.trial) ||
-                                    charge.chargeType === 'USAGE')
+                                if (charge.chargeType === 'USAGE')
                                     return null;
                                 return (jsx(QuantityChangeGridRow, { chargeIndex: chargeIndex, editingQuote: editingQuote, setEditingQuoteData: setEditingQuoteData, subscription: subscription, subscriptionCharge: charge, subscriptionIndex: index, setUpdatingChargeQuantityId: setUpdatingChargeQuantityId, updatingChargeQuantityId: updatingChargeQuantityId, setErrorUpdatingQuantity: setErrorUpdatingQuantity }, chargeIndex));
                             }) }, index));
@@ -22162,10 +22157,21 @@ const useHasTaxPlugin = ({ apiHost, token, }) => {
     return Boolean(plugins === null || plugins === void 0 ? void 0 : plugins.some((plugin) => plugin.type === "taxation"));
 };
 
+var SubscriptionState;
+(function (SubscriptionState) {
+    SubscriptionState["ACTIVE"] = "ACTIVE";
+    SubscriptionState["TRIAL"] = "TRIAL";
+    SubscriptionState["PENDING"] = "PENDING";
+    SubscriptionState["EXPIRED"] = "EXPIRED";
+    SubscriptionState["CANCELED"] = "CANCELED";
+    SubscriptionState["TRIAL_EXPIRED"] = "TRIAL_EXPIRED";
+})(SubscriptionState || (SubscriptionState = {}));
+var SubscriptionState$1 = SubscriptionState;
+
 function shouldShowCouponEditor(quote, activeCouponsExist, upgradingSubscription) {
     var _a, _b;
-    const upgradingFromTrial = ((_a = upgradingSubscription === null || upgradingSubscription === void 0 ? void 0 : upgradingSubscription.state) === null || _a === void 0 ? void 0 : _a.toUpperCase()) === SubscriptionState.TRIAL ||
-        ((_b = upgradingSubscription === null || upgradingSubscription === void 0 ? void 0 : upgradingSubscription.state) === null || _b === void 0 ? void 0 : _b.toUpperCase()) === SubscriptionState.TRIAL_EXPIRED;
+    const upgradingFromTrial = ((_a = upgradingSubscription === null || upgradingSubscription === void 0 ? void 0 : upgradingSubscription.state) === null || _a === void 0 ? void 0 : _a.toUpperCase()) === SubscriptionState$1.TRIAL ||
+        ((_b = upgradingSubscription === null || upgradingSubscription === void 0 ? void 0 : upgradingSubscription.state) === null || _b === void 0 ? void 0 : _b.toUpperCase()) === SubscriptionState$1.TRIAL_EXPIRED;
     function upgradingFromFree() {
         const totalPrice = upgradingSubscription === null || upgradingSubscription === void 0 ? void 0 : upgradingSubscription.charges.reduce((acc, charge) => acc + Number((charge === null || charge === void 0 ? void 0 : charge.discountedPrice) || 0), 0);
         return totalPrice === 0;
@@ -22856,29 +22862,29 @@ const TAG_COLORS = {
 
 const canSubscriptionUpgradeFromTrial = (subscription) => {
     var _a;
-    return (((_a = subscription.state) === null || _a === void 0 ? void 0 : _a.toUpperCase()) === SubscriptionState.TRIAL &&
+    return (((_a = subscription.state) === null || _a === void 0 ? void 0 : _a.toUpperCase()) === SubscriptionState$2.TRIAL &&
         subscription.plan.selfServiceBuy) ||
         false;
 };
 const canSubscriptionUpgradeFromTrialExpired = (subscription) => {
     var _a;
-    return (((_a = subscription.state) === null || _a === void 0 ? void 0 : _a.toUpperCase()) === SubscriptionState.TRIAL_EXPIRED &&
+    return (((_a = subscription.state) === null || _a === void 0 ? void 0 : _a.toUpperCase()) === SubscriptionState$2.TRIAL_EXPIRED &&
         subscription.plan.selfServiceBuy) ||
         false;
 };
 const isSubscriptionNotActive = (subscription) => {
     var _a, _b, _c;
-    return ((_a = subscription.state) === null || _a === void 0 ? void 0 : _a.toUpperCase()) === SubscriptionState.EXPIRED ||
-        ((_b = subscription.state) === null || _b === void 0 ? void 0 : _b.toUpperCase()) === SubscriptionState.CANCELED ||
-        ((_c = subscription.state) === null || _c === void 0 ? void 0 : _c.toUpperCase()) === SubscriptionState.TRIAL_EXPIRED;
+    return ((_a = subscription.state) === null || _a === void 0 ? void 0 : _a.toUpperCase()) === SubscriptionState$2.EXPIRED ||
+        ((_b = subscription.state) === null || _b === void 0 ? void 0 : _b.toUpperCase()) === SubscriptionState$2.CANCELED ||
+        ((_c = subscription.state) === null || _c === void 0 ? void 0 : _c.toUpperCase()) === SubscriptionState$2.TRIAL_EXPIRED;
 };
 const isSubscriptionActiveOrPending = (subscription) => {
     var _a, _b;
-    return ((_a = subscription.state) === null || _a === void 0 ? void 0 : _a.toUpperCase()) === SubscriptionState.ACTIVE ||
-        ((_b = subscription.state) === null || _b === void 0 ? void 0 : _b.toUpperCase()) === SubscriptionState.PENDING;
+    return ((_a = subscription.state) === null || _a === void 0 ? void 0 : _a.toUpperCase()) === SubscriptionState$2.ACTIVE ||
+        ((_b = subscription.state) === null || _b === void 0 ? void 0 : _b.toUpperCase()) === SubscriptionState$2.PENDING;
 };
-const isSubscriptionTrial = (subscription) => { var _a; return ((_a = subscription.state) === null || _a === void 0 ? void 0 : _a.toUpperCase()) === SubscriptionState.TRIAL; };
-const isSubscriptionTrialExpired = (subscription) => { var _a; return ((_a = subscription.state) === null || _a === void 0 ? void 0 : _a.toUpperCase()) === SubscriptionState.TRIAL_EXPIRED; };
+const isSubscriptionTrial = (subscription) => { var _a; return ((_a = subscription.state) === null || _a === void 0 ? void 0 : _a.toUpperCase()) === SubscriptionState$2.TRIAL; };
+const isSubscriptionTrialExpired = (subscription) => { var _a; return ((_a = subscription.state) === null || _a === void 0 ? void 0 : _a.toUpperCase()) === SubscriptionState$2.TRIAL_EXPIRED; };
 // Helper function to check if charge is a discount
 const isDiscount = (kind) => kind === QuoteChangeKind.DISCOUNT || kind === QuoteChangeKind.FREE_PERIOD_DISCOUNT;
 const hasPriceTiers = (charge) => {
@@ -22947,12 +22953,12 @@ const { Text: Text$f } = Typography;
 const getSubscriptionStatusText = (subscription) => {
     const { cancellationDate, state, evergreen, endDate, trialEndDate, trialStartDate, startDate, trialExpirationAction, } = subscription;
     const stateUpperCased = state === null || state === void 0 ? void 0 : state.toUpperCase();
-    const isActive = stateUpperCased === SubscriptionState.ACTIVE;
-    const isPending = stateUpperCased === SubscriptionState.PENDING;
-    const isCanceled = stateUpperCased === SubscriptionState.CANCELED;
-    const isExpired = stateUpperCased === SubscriptionState.EXPIRED;
-    const isTrialExpired = stateUpperCased === SubscriptionState.TRIAL_EXPIRED;
-    const isTrial = stateUpperCased === SubscriptionState.TRIAL;
+    const isActive = stateUpperCased === SubscriptionState$2.ACTIVE;
+    const isPending = stateUpperCased === SubscriptionState$2.PENDING;
+    const isCanceled = stateUpperCased === SubscriptionState$2.CANCELED;
+    const isExpired = stateUpperCased === SubscriptionState$2.EXPIRED;
+    const isTrialExpired = stateUpperCased === SubscriptionState$2.TRIAL_EXPIRED;
+    const isTrial = stateUpperCased === SubscriptionState$2.TRIAL;
     if (cancellationDate && (isActive || isPending || isTrial))
         return (jsxs(CustomizedTag, { color: "red", children: ["Canceled - ends on ", formatDate(cancellationDate)] }));
     if (cancellationDate && isCanceled)
@@ -23358,9 +23364,9 @@ const useQuoteCreate = ({ upgradingSubscription, selectedPriceList, token, }) =>
             return;
         }
         const buyingAddonsForCurrentSubscription = (upgradingSubscription === null || upgradingSubscription === void 0 ? void 0 : upgradingSubscription.priceList.id) === (selectedPriceList === null || selectedPriceList === void 0 ? void 0 : selectedPriceList.id);
-        const isActivatingTrialSubscription = ((_a = upgradingSubscription === null || upgradingSubscription === void 0 ? void 0 : upgradingSubscription.state) === null || _a === void 0 ? void 0 : _a.toUpperCase()) === SubscriptionState.TRIAL &&
+        const isActivatingTrialSubscription = ((_a = upgradingSubscription === null || upgradingSubscription === void 0 ? void 0 : upgradingSubscription.state) === null || _a === void 0 ? void 0 : _a.toUpperCase()) === SubscriptionState$2.TRIAL &&
             upgradingSubscription.priceList.id === (selectedPriceList === null || selectedPriceList === void 0 ? void 0 : selectedPriceList.id);
-        const isActivatingExpiredTrialSubscription = ((_b = upgradingSubscription.state) === null || _b === void 0 ? void 0 : _b.toUpperCase()) === SubscriptionState.TRIAL_EXPIRED &&
+        const isActivatingExpiredTrialSubscription = ((_b = upgradingSubscription.state) === null || _b === void 0 ? void 0 : _b.toUpperCase()) === SubscriptionState$2.TRIAL_EXPIRED &&
             upgradingSubscription.priceList.id === (selectedPriceList === null || selectedPriceList === void 0 ? void 0 : selectedPriceList.id);
         if (isActivatingTrialSubscription || isActivatingExpiredTrialSubscription) {
             subscriptionActivate({
@@ -24223,9 +24229,9 @@ const PriceListCard = ({ hideButton, isSelected, priceList, subscriptions, trial
     const subscriptionPlan = subscriptions === null || subscriptions === void 0 ? void 0 : subscriptions.find(subscription => {
         var _a, _b, _c;
         return subscription.plan.id === priceList.plan.id &&
-            ((_a = subscription.state) === null || _a === void 0 ? void 0 : _a.toUpperCase()) !== SubscriptionState.CANCELED &&
-            ((_b = subscription.state) === null || _b === void 0 ? void 0 : _b.toUpperCase()) !== SubscriptionState.EXPIRED &&
-            ((_c = subscription.state) === null || _c === void 0 ? void 0 : _c.toUpperCase()) !== SubscriptionState.TRIAL_EXPIRED;
+            ((_a = subscription.state) === null || _a === void 0 ? void 0 : _a.toUpperCase()) !== SubscriptionState$2.CANCELED &&
+            ((_b = subscription.state) === null || _b === void 0 ? void 0 : _b.toUpperCase()) !== SubscriptionState$2.EXPIRED &&
+            ((_c = subscription.state) === null || _c === void 0 ? void 0 : _c.toUpperCase()) !== SubscriptionState$2.TRIAL_EXPIRED;
     });
     if (!activeCharge) {
         return null;
@@ -24622,7 +24628,7 @@ const PlanAddonsCard = ({ selectedPriceList, subscriptions, addonPlans, selected
         const addonSubscriptionIds = currentSubscription === null || currentSubscription === void 0 ? void 0 : currentSubscription.addonSubscriptions;
         const addonSubscriptions = addonSubscriptionIds === null || addonSubscriptionIds === void 0 ? void 0 : addonSubscriptionIds.map(addonSubscription => subscriptions.find(subscription => subscription.id === addonSubscription.id));
         // filter out cancelled addons
-        const activeAddonSubscriptions = addonSubscriptions === null || addonSubscriptions === void 0 ? void 0 : addonSubscriptions.filter(addonSubscription => (addonSubscription === null || addonSubscription === void 0 ? void 0 : addonSubscription.state) !== SubscriptionState.CANCELED);
+        const activeAddonSubscriptions = addonSubscriptions === null || addonSubscriptions === void 0 ? void 0 : addonSubscriptions.filter(addonSubscription => (addonSubscription === null || addonSubscription === void 0 ? void 0 : addonSubscription.state) !== SubscriptionState$2.CANCELED);
         return activeAddonSubscriptions === null || activeAddonSubscriptions === void 0 ? void 0 : activeAddonSubscriptions.some(addonSubscription => (addonSubscription === null || addonSubscription === void 0 ? void 0 : addonSubscription.priceList.id) === priceList.id);
     }
     return (jsxs(Text$4, { className: `bunny-flex bunny-flex-col ${className}`, children: [jsx(AddonPlanModal, { onClose: () => setSelectedAddonPriceList(undefined), priceList: selectedAddonPriceList }), addonPriceLists.length > 0 && (jsxs(Fragment, { children: [jsx("div", { className: "bunny-text-slate-500 bunny-text-xs bunny-font-medium", children: 'Add-on plans'.toUpperCase() }), jsx("div", { className: "bunny-flex bunny-flex-col", children: addonPriceLists.map(addonPriceList => {
@@ -25430,16 +25436,16 @@ const Subscriptions = ({ handlePortalErrors, companyName, noSubscriptionsCompone
     const allSubscriptionsInactive = (_c = (_b = subscriptionsData === null || subscriptionsData === void 0 ? void 0 : subscriptionsData.subscriptions) === null || _b === void 0 ? void 0 : _b.nodes) === null || _c === void 0 ? void 0 : _c.every(maskedSubscription => {
         var _a, _b, _c;
         const subscription = readFragment(Subscriptions_SubscriptionFragment, maskedSubscription);
-        return (((_a = subscription === null || subscription === void 0 ? void 0 : subscription.state) === null || _a === void 0 ? void 0 : _a.toUpperCase()) === SubscriptionState.EXPIRED ||
-            ((_b = subscription === null || subscription === void 0 ? void 0 : subscription.state) === null || _b === void 0 ? void 0 : _b.toUpperCase()) === SubscriptionState.TRIAL_EXPIRED ||
-            ((_c = subscription === null || subscription === void 0 ? void 0 : subscription.state) === null || _c === void 0 ? void 0 : _c.toUpperCase()) === SubscriptionState.CANCELED);
+        return (((_a = subscription === null || subscription === void 0 ? void 0 : subscription.state) === null || _a === void 0 ? void 0 : _a.toUpperCase()) === SubscriptionState$2.EXPIRED ||
+            ((_b = subscription === null || subscription === void 0 ? void 0 : subscription.state) === null || _b === void 0 ? void 0 : _b.toUpperCase()) === SubscriptionState$2.TRIAL_EXPIRED ||
+            ((_c = subscription === null || subscription === void 0 ? void 0 : subscription.state) === null || _c === void 0 ? void 0 : _c.toUpperCase()) === SubscriptionState$2.CANCELED);
     });
     const hasInactiveSubscriptions = (_e = (_d = subscriptionsData === null || subscriptionsData === void 0 ? void 0 : subscriptionsData.subscriptions) === null || _d === void 0 ? void 0 : _d.nodes) === null || _e === void 0 ? void 0 : _e.some(maskedSubscription => {
         var _a, _b, _c;
         const subscription = readFragment(Subscriptions_SubscriptionFragment, maskedSubscription);
-        return (((_a = subscription === null || subscription === void 0 ? void 0 : subscription.state) === null || _a === void 0 ? void 0 : _a.toUpperCase()) === SubscriptionState.EXPIRED ||
-            ((_b = subscription === null || subscription === void 0 ? void 0 : subscription.state) === null || _b === void 0 ? void 0 : _b.toUpperCase()) === SubscriptionState.TRIAL_EXPIRED ||
-            ((_c = subscription === null || subscription === void 0 ? void 0 : subscription.state) === null || _c === void 0 ? void 0 : _c.toUpperCase()) === SubscriptionState.CANCELED);
+        return (((_a = subscription === null || subscription === void 0 ? void 0 : subscription.state) === null || _a === void 0 ? void 0 : _a.toUpperCase()) === SubscriptionState$2.EXPIRED ||
+            ((_b = subscription === null || subscription === void 0 ? void 0 : subscription.state) === null || _b === void 0 ? void 0 : _b.toUpperCase()) === SubscriptionState$2.TRIAL_EXPIRED ||
+            ((_c = subscription === null || subscription === void 0 ? void 0 : subscription.state) === null || _c === void 0 ? void 0 : _c.toUpperCase()) === SubscriptionState$2.CANCELED);
     });
     useEffect(() => {
         if (allSubscriptionsInactive && subscriptions && subscriptions.length > 0) {

package/dist/esm/types/src/components/Subscriptions/quantityChangeDrawer/quantityChangeDrawerDesktop/QuantityChangeDrawerDesktop.d.ts

@@ -2,10 +2,8 @@ import { Quote } from '@bunnyapp/common';
 import { FragmentOf } from 'gql.tada';
 import { EditingQuoteDataType } from '../../SubscriptionsListContainer';
 export declare const QuantityDrawerDesktop_SubscriptionFragment: import("gql.tada").TadaDocumentNode<{
-    state: "ACTIVE" | "TRIAL" | "CANCELED" | "EXPIRED" | "TRIAL_EXPIRED" | "PENDING";
     currentCharges: {
         chargeType: "ONE_TIME" | "RECURRING" | "USAGE" | null;
-        trial: boolean;
         [$tada.fragmentRefs]: {
             QuantityChangeGridRow_SubscriptionChargeFragment: "SubscriptionCharge";
         };

package/dist/esm/types/src/enums/SubscriptionState.d.ts

@@ -0,0 +1,9 @@
+declare enum SubscriptionState {
+    ACTIVE = "ACTIVE",
+    TRIAL = "TRIAL",
+    PENDING = "PENDING",
+    EXPIRED = "EXPIRED",
+    CANCELED = "CANCELED",
+    TRIAL_EXPIRED = "TRIAL_EXPIRED"
+}
+export default SubscriptionState;

package/package.json

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