@bunnyapp/components 1.0.21 → 1.0.22

package/dist/cjs/index.js

@@ -11,7 +11,7 @@ var common = require('@bunnyapp/common');
 var reactQuery = require('@tanstack/react-query');
 var theme = require('antd/lib/theme');
 var recoil = require('recoil');
-var request = import('graphql-request');
+var request = require('graphql-request');
 var reactHelmetAsync = require('react-helmet-async');
 var reactStripeJs = require('@stripe/react-stripe-js');
 var pure = require('@stripe/stripe-js/pure');
@@ -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;
@@ -4699,7 +4701,9 @@ var SubscriptionCardDesktopRow = function (_a) {
                     ? ""
                     : 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 }) }))] })));
+                        : 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;

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

@@ -14,7 +14,7 @@ declare const Subscriptions: ({ className, companyName, entityId, hideExpired, o
     onSubscriptionsLoaded?: ((subscriptions: Subscription[]) => void) | undefined;
     styles?: {
         gap?: number | undefined;
-        shadow?: "none" | "lg" | "md" | "sm" | undefined;
+        shadow?: "none" | "sm" | "md" | "lg" | undefined;
     } | undefined;
 }) => import("react/jsx-runtime").JSX.Element;
 export default Subscriptions;

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;
@@ -4670,7 +4672,9 @@ var SubscriptionCardDesktopRow = function (_a) {
                     ? ""
                     : 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 }) }))] })));
+                        : 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;

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

@@ -14,7 +14,7 @@ declare const Subscriptions: ({ className, companyName, entityId, hideExpired, o
     onSubscriptionsLoaded?: ((subscriptions: Subscription[]) => void) | undefined;
     styles?: {
         gap?: number | undefined;
-        shadow?: "none" | "lg" | "md" | "sm" | undefined;
+        shadow?: "none" | "sm" | "md" | "lg" | undefined;
     } | undefined;
 }) => import("react/jsx-runtime").JSX.Element;
 export default Subscriptions;

package/dist/index.d.ts

@@ -188,7 +188,7 @@ declare const Subscriptions: ({ className, companyName, entityId, hideExpired, o
     onSubscriptionsLoaded?: ((subscriptions: Subscription[]) => void) | undefined;
     styles?: {
         gap?: number | undefined;
-        shadow?: "none" | "lg" | "md" | "sm" | undefined;
+        shadow?: "none" | "sm" | "md" | "lg" | undefined;
     } | undefined;
 }) => react_jsx_runtime.JSX.Element;
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bunnyapp/components",
-  "version": "1.0.21",
+  "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",