@bunnyapp/components 1.0.68-beta.6 → 1.0.68-beta.8

package/dist/cjs/index.js

@@ -156,7 +156,7 @@ var BrandContext = react.createContext({
 });
 
 // This will be replaced at build time by rollup-plugin-replace
-var PACKAGE_VERSION = '1.0.68-beta.6';
+var PACKAGE_VERSION = '1.0.68-beta.8';
 var createRequestHeaders = function (token) {
     var headers = common.createClientDevHeaders(token);
     // Add the components version header
@@ -19395,12 +19395,10 @@ var useSendAcceptQuote = function (_a) {
                 var _a = rsp.data.quoteSigningUrlCreate, redirectUri = _a.redirectUri, message = _a.message, pluginShortName = _a.pluginShortName;
                 if (redirectUri) {
                     // If redirectUri exists, redirect the browser
-                    if (pluginShortName === 'pandadoc') {
-                        setPandadocPollingModalVisible(true);
-                    }
-                    else {
-                        window.location.href = redirectUri;
-                    }
+                    window.location.href = redirectUri;
+                }
+                else if (pluginShortName === 'pandadoc') {
+                    setPandadocPollingModalVisible(true);
                 }
                 else if (message) {
                     // If redirectUri is nil but message exists, display the message as notification
@@ -19535,6 +19533,9 @@ var AcceptQuoteModal = function (_a) {
     var acceptBoxVisible = _a.acceptBoxVisible, formattedQuote = _a.formattedQuote, sendAccept = _a.sendAccept, setAcceptBoxVisible = _a.setAcceptBoxVisible, setIsAccepting = _a.setIsAccepting, isSendAcceptPending = _a.isSendAcceptPending;
     // Refs
     var firstInputRef = react.useRef(null);
+    var apiHost = react.useContext(BunnyContext).apiHost;
+    var token = useToken();
+    var signingPlugins = useSigningPlugins({ apiHost: apiHost, token: token });
     // Hooks
     var form = antd.Form.useForm()[0];
     useFocusFirstInput({ firstInputRef: firstInputRef, isVisible: acceptBoxVisible });
@@ -19556,7 +19557,7 @@ var AcceptQuoteModal = function (_a) {
                 sendAccept(changedFields);
             })
                 .catch(function () { });
-        }, open: acceptBoxVisible, title: "Start signing", width: 400 }, { children: jsxRuntime.jsxs(antd.Form, __assign({ className: "bunny-flex bunny-flex-col bunny-gap-2", form: form, layout: "vertical" }, { children: [jsxRuntime.jsx(antd.Form.Item, __assign({ label: "Your name", name: "name", rules: createRules(true, 'Your name') }, { children: jsxRuntime.jsx(antd.Input, { autoFocus: true, ref: firstInputRef }) })), jsxRuntime.jsx(antd.Form.Item, __assign({ label: "Your job title", name: "title", rules: createRules(true, 'Your job title') }, { children: jsxRuntime.jsx(antd.Input, {}) })), jsxRuntime.jsx(antd.Form.Item, __assign({ label: "Purchase order number", name: "poNumber", rules: createRules(poNumberRequired, 'Purchase order number') }, { children: jsxRuntime.jsx(antd.Input, {}) })), taxNumberRequired && (jsxRuntime.jsx(antd.Form.Item, __assign({ name: "taxNumber", label: taxNumberLabel, rules: createRules(taxNumberRequired, taxNumberLabel) }, { children: jsxRuntime.jsx(antd.Input, {}) })))] })) })));
+        }, open: acceptBoxVisible, title: (signingPlugins === null || signingPlugins === void 0 ? void 0 : signingPlugins.length) ? 'Start signing' : 'Accept quote', width: 400 }, { children: jsxRuntime.jsxs(antd.Form, __assign({ className: "bunny-flex bunny-flex-col bunny-gap-2", form: form, layout: "vertical" }, { children: [jsxRuntime.jsx(antd.Form.Item, __assign({ label: "Your name", name: "name", rules: createRules(true, 'Your name') }, { children: jsxRuntime.jsx(antd.Input, { autoFocus: true, ref: firstInputRef }) })), jsxRuntime.jsx(antd.Form.Item, __assign({ label: "Your job title", name: "title", rules: createRules(true, 'Your job title') }, { children: jsxRuntime.jsx(antd.Input, {}) })), jsxRuntime.jsx(antd.Form.Item, __assign({ label: "Purchase order number", name: "poNumber", rules: createRules(poNumberRequired, 'Purchase order number') }, { children: jsxRuntime.jsx(antd.Input, {}) })), taxNumberRequired && (jsxRuntime.jsx(antd.Form.Item, __assign({ name: "taxNumber", label: taxNumberLabel, rules: createRules(taxNumberRequired, taxNumberLabel) }, { children: jsxRuntime.jsx(antd.Input, {}) })))] })) })));
 };
 
 var Title$2 = antd.Typography.Title;
@@ -19624,11 +19625,11 @@ function ActualQuote() {
     var _this = this;
     var _a, _b, _c, _d;
     // Context
-    var _e = react.useContext(BunnyContext), apiHost = _e.apiHost, onTokenExpired = _e.onTokenExpired;
+    var apiHost = react.useContext(BunnyContext).apiHost;
     var token = useToken();
-    var _f = react.useContext(InvoiceQuoteContext), className = _f.className, id = _f.id, hideDownloadButton = _f.hideDownloadButton, onQuoteLoaded = _f.onQuoteLoaded;
+    var _e = react.useContext(InvoiceQuoteContext), className = _e.className, id = _e.id, hideDownloadButton = _e.hideDownloadButton, onQuoteLoaded = _e.onQuoteLoaded;
     // Queries
-    var _g = reactQuery.useQuery({
+    var _f = reactQuery.useQuery({
         queryKey: common.QueryKeyFactory.default.createQuoteKey({ id: id, token: token }),
         queryFn: function () { return __awaiter(_this, void 0, void 0, function () {
             var error_1;
@@ -19647,15 +19648,14 @@ function ActualQuote() {
             });
         }); },
         placeholderData: reactQuery.keepPreviousData,
-    }), data = _g.data, isLoading = _g.isLoading;
+    }), data = _f.data, isLoading = _f.isLoading;
     var formattedQuote = data;
     // Hooks
-    var _h = useSendAcceptQuote({
+    var _g = useSendAcceptQuote({
         token: token,
-        onTokenExpired: onTokenExpired,
         apiHost: apiHost,
         quoteId: id,
-    }), acceptBoxVisible = _h.acceptBoxVisible, isAccepting = _h.isAccepting, sendAccept = _h.sendAccept, setAcceptBoxVisible = _h.setAcceptBoxVisible, setIsAccepting = _h.setIsAccepting, startAcceptance = _h.startAcceptance, pandadocPollingModalVisible = _h.pandadocPollingModalVisible, setPandadocPollingModalVisible = _h.setPandadocPollingModalVisible, isSendAcceptPending = _h.isSendAcceptPending;
+    }), acceptBoxVisible = _g.acceptBoxVisible, isAccepting = _g.isAccepting, sendAccept = _g.sendAccept, setAcceptBoxVisible = _g.setAcceptBoxVisible, setIsAccepting = _g.setIsAccepting, startAcceptance = _g.startAcceptance, pandadocPollingModalVisible = _g.pandadocPollingModalVisible, setPandadocPollingModalVisible = _g.setPandadocPollingModalVisible, isSendAcceptPending = _g.isSendAcceptPending;
     useSigningComplete({ data: formattedQuote, token: token });
     var isMobile = common.useIsMobile();
     var showErrorNotification = common.useErrorNotification();
@@ -19665,7 +19665,7 @@ function ActualQuote() {
         }
     }, [formattedQuote]);
     // Payment hold stuff here
-    var _j = useQuotePaymentHold(formattedQuote), paymentHoldModalVisible = _j.paymentHoldModalVisible, setPaymentHoldModalVisible = _j.setPaymentHoldModalVisible, shouldDoPaymentHold = _j.shouldDoPaymentHold, paymentHoldCompleted = _j.paymentHoldCompleted, paymentHold = _j.paymentHold;
+    var _h = useQuotePaymentHold(formattedQuote), paymentHoldModalVisible = _h.paymentHoldModalVisible, setPaymentHoldModalVisible = _h.setPaymentHoldModalVisible, shouldDoPaymentHold = _h.shouldDoPaymentHold, paymentHoldCompleted = _h.paymentHoldCompleted, paymentHold = _h.paymentHold;
     var handleClickAccept = function () {
         if (shouldDoPaymentHold && !paymentHoldCompleted) {
             setPaymentHoldModalVisible(true);
@@ -19697,9 +19697,14 @@ function QuoteButtons(_a) {
     var entityBranding = react.useContext(BrandContext);
     var downloadFile = useDownloadFile(id);
     var isExpired = useIsExpired(formattedQuote === null || formattedQuote === void 0 ? void 0 : formattedQuote.expiresAt);
+    var signingPlugins = useSigningPlugins({ apiHost: apiHost, token: token });
     return (jsxRuntime.jsxs("div", __assign({ className: "flex flex-row justify-end items-center gap-4", id: "acceptance", style: {
             color: entityBranding.secondaryColor,
-        } }, { children: [isAccepted && formattedQuote.acceptedAt ? (jsxRuntime.jsx(Text$n, { children: "Quote was accepted by ".concat(formattedQuote.acceptedByName, " on ").concat(common.formatDate(formattedQuote.acceptedAt)) })) : null, (!isMobile || !isAccepted) && (jsxRuntime.jsxs("div", __assign({ className: isMobile ? 'flex w-full justify-end gap-2' : 'flex items-center justify-end gap-2' }, { children: [paymentHold ? (jsxRuntime.jsx(PaymentHoldDisplay, { paymentHold: paymentHold, currency: formattedQuote.currency, amount: formattedQuote.amount })) : null, !isMobile && !hideDownloadButton ? (jsxRuntime.jsx(antd.Button, __assign({ icon: jsxRuntime.jsx(icons.DownloadOutlined, {}), onClick: function () { return downloadFile(apiHost + '/api/pdf/quote', token); } }, { children: "Download" }))) : null, shouldDoPaymentHold && !paymentHoldCompleted ? (jsxRuntime.jsx(antd.Button, __assign({ disabled: isExpired, onClick: function () { return setPaymentHoldModalVisible(true); }, type: "primary" }, { children: "Pay to accept" }))) : (jsxRuntime.jsx(jsxRuntime.Fragment, { children: !isAccepted ? (jsxRuntime.jsx(antd.Button, __assign({ disabled: isExpired || isAccepting, onClick: handleClickAccept, type: "primary" }, { children: isExpired ? 'Quote is expired' : 'Start signing' }))) : null }))] })))] })));
+        } }, { children: [isAccepted && formattedQuote.acceptedAt ? (jsxRuntime.jsx(Text$n, { children: "Quote was accepted by ".concat(formattedQuote.acceptedByName, " on ").concat(common.formatDate(formattedQuote.acceptedAt)) })) : null, (!isMobile || !isAccepted) && (jsxRuntime.jsxs("div", __assign({ className: isMobile ? 'flex w-full justify-end gap-2' : 'flex items-center justify-end gap-2' }, { children: [paymentHold ? (jsxRuntime.jsx(PaymentHoldDisplay, { paymentHold: paymentHold, currency: formattedQuote.currency, amount: formattedQuote.amount })) : null, !isMobile && !hideDownloadButton ? (jsxRuntime.jsx(antd.Button, __assign({ icon: jsxRuntime.jsx(icons.DownloadOutlined, {}), onClick: function () { return downloadFile(apiHost + '/api/pdf/quote', token); } }, { children: "Download" }))) : null, shouldDoPaymentHold && !paymentHoldCompleted ? (jsxRuntime.jsx(antd.Button, __assign({ disabled: isExpired, onClick: function () { return setPaymentHoldModalVisible(true); }, type: "primary" }, { children: "Pay to accept" }))) : (jsxRuntime.jsx(jsxRuntime.Fragment, { children: !isAccepted ? (jsxRuntime.jsx(antd.Button, __assign({ disabled: isExpired || isAccepting, onClick: handleClickAccept, type: "primary" }, { children: isExpired
+                                ? 'Quote is expired'
+                                : (signingPlugins === null || signingPlugins === void 0 ? void 0 : signingPlugins.length)
+                                    ? 'Start signing'
+                                    : 'Accept quote' }))) : null }))] })))] })));
 }
 function PaymentHoldDisplay(_a) {
     var _b, _c, _d, _e;
@@ -20164,9 +20169,9 @@ function QuotesWrapper() {
     return (jsxRuntime.jsx(TransactionsDisplay, { transactions: quotesAsTransactions, onSearchValueChanged: setSearch, search: search }));
 }
 
-var MUTATION$6 = function () { return "\nmutation AccountSignup (\n  $pluginId: String!,\n  $paymentMethodId: String,\n  $priceListCode: String!,\n  $accountId: ID!,\n  $quoteId: ID!,\n  $entityId: ID!\n) {\n  accountSignup(\n    pluginId: $pluginId,\n    paymentMethodId: $paymentMethodId,\n    priceListCode: $priceListCode,\n    accountId: $accountId,\n    quoteId: $quoteId,\n    entityId: $entityId\n  ) {\n    errors\n    quote {\n      accountId\n      amount\n      amountDue\n      applicationDate\n      applied\n      backdatedPeriods\n      backdatedQuote\n      billingDay\n      contactId\n      createdAt\n      credits\n      currencyId\n      dealId\n      discount\n      discountValue\n      endDate\n      evergreen\n      expiresAt\n      id\n      invoiceImmediately\n      invoiceImmediatelyAvailable\n      invoiceUntil\n      isPendingApprovalRequest\n      kind\n      message\n      name\n      netPaymentDays\n      notes\n      number\n      ownerId\n      payableId\n      periodAmount\n      poNumber\n      requiresApproval\n      smallUnitAmountDue\n      splitInvoice\n      startDate\n      state\n      subtotal\n      taxAmount\n      taxCode\n      updatedAt\n      uuid\n    }\n  }\n}"; };
+var MUTATION$6 = function () { return "\nmutation AccountSignup (\n  $pluginId: String!,\n  $paymentMethodId: String,\n  $priceListCode: String!,\n  $accountId: ID!,\n  $quoteId: ID!,\n) {\n  accountSignup(\n    pluginId: $pluginId,\n    paymentMethodId: $paymentMethodId,\n    priceListCode: $priceListCode,\n    accountId: $accountId,\n    quoteId: $quoteId,\n  ) {\n    errors\n    quote {\n      accountId\n      amount\n      amountDue\n      applicationDate\n      applied\n      backdatedPeriods\n      backdatedQuote\n      billingDay\n      contactId\n      createdAt\n      credits\n      currencyId\n      dealId\n      discount\n      discountValue\n      endDate\n      evergreen\n      expiresAt\n      id\n      invoiceImmediately\n      invoiceImmediatelyAvailable\n      invoiceUntil\n      isPendingApprovalRequest\n      kind\n      message\n      name\n      netPaymentDays\n      notes\n      number\n      ownerId\n      payableId\n      periodAmount\n      poNumber\n      requiresApproval\n      smallUnitAmountDue\n      splitInvoice\n      startDate\n      state\n      subtotal\n      taxAmount\n      taxCode\n      updatedAt\n      uuid\n    }\n  }\n}"; };
 var accountSignup = function (_a) {
-    var token = _a.token, apiHost = _a.apiHost, accountId = _a.accountId, quoteId = _a.quoteId, paymentToken = _a.paymentToken, paymentMethodId = _a.paymentMethodId, pluginId = _a.pluginId, priceListCode = _a.priceListCode, entityId = _a.entityId;
+    var token = _a.token, apiHost = _a.apiHost, accountId = _a.accountId, quoteId = _a.quoteId, paymentToken = _a.paymentToken, paymentMethodId = _a.paymentMethodId, pluginId = _a.pluginId, priceListCode = _a.priceListCode;
     return __awaiter(void 0, void 0, void 0, function () {
         var vars, response, errors;
         var _b;
@@ -20180,7 +20185,6 @@ var accountSignup = function (_a) {
                         pluginId: pluginId,
                         paymentMethodId: paymentMethodId,
                         priceListCode: priceListCode,
-                        entityId: entityId,
                     };
                     return [4 /*yield*/, gqlRequest({
                             query: MUTATION$6(),
@@ -20199,9 +20203,9 @@ var accountSignup = function (_a) {
     });
 };
 
-var MUTATION$5 = function () { return "\nmutation QuoteAccountSignup (\n  $accountName: String!,\n  $billingContact: ContactAttributes!,\n  $priceListCode: String!,\n  $entityId: ID!\n) {\n  quoteAccountSignup(\n    priceListCode: $priceListCode,\n    accountName: $accountName,\n    billingContact: $billingContact,\n    entityId: $entityId\n  ) {\n    account {\n      id\n    }\n    quote {\n      accountId\n      amount\n      amountDue\n      applicationDate\n      applied\n      backdatedPeriods\n      backdatedQuote\n      billingDay\n      contactId\n      createdAt\n      credits\n      currencyId\n      dealId\n      discount\n      discountValue\n      endDate\n      evergreen\n      expiresAt\n      id\n      invoiceImmediately\n      invoiceImmediatelyAvailable\n      invoiceUntil\n      isPendingApprovalRequest\n      kind\n      message\n      name\n      netPaymentDays\n      notes\n      number\n      ownerId\n      payableId\n      periodAmount\n      poNumber\n      requiresApproval\n      smallUnitAmountDue\n      splitInvoice\n      startDate\n      state\n      subtotal\n      taxAmount\n      taxCode\n      updatedAt\n      uuid\n    }\n    tenant {\n      code\n    }\n    portalSessionToken\n    errors\n  }\n}"; };
+var MUTATION$5 = function () { return "\nmutation QuoteAccountSignup (\n  $accountName: String!,\n  $billingContact: ContactAttributes!,\n  $priceListCode: String!,\n) {\n  quoteAccountSignup(\n    priceListCode: $priceListCode,\n    accountName: $accountName,\n    billingContact: $billingContact,\n  ) {\n    account {\n      id\n    }\n    quote {\n      accountId\n      amount\n      amountDue\n      applicationDate\n      applied\n      backdatedPeriods\n      backdatedQuote\n      billingDay\n      contactId\n      createdAt\n      credits\n      currencyId\n      dealId\n      discount\n      discountValue\n      endDate\n      evergreen\n      expiresAt\n      id\n      invoiceImmediately\n      invoiceImmediatelyAvailable\n      invoiceUntil\n      isPendingApprovalRequest\n      kind\n      message\n      name\n      netPaymentDays\n      notes\n      number\n      ownerId\n      payableId\n      periodAmount\n      poNumber\n      requiresApproval\n      smallUnitAmountDue\n      splitInvoice\n      startDate\n      state\n      subtotal\n      taxAmount\n      taxCode\n      updatedAt\n      uuid\n    }\n    tenant {\n      code\n    }\n    portalSessionToken\n    errors\n  }\n}"; };
 var quoteAccountSignup = function (_a) {
-    var token = _a.token, apiHost = _a.apiHost, priceListCode = _a.priceListCode, accountName = _a.accountName, billingContact = _a.billingContact, entityId = _a.entityId;
+    var token = _a.token, apiHost = _a.apiHost, priceListCode = _a.priceListCode, accountName = _a.accountName, billingContact = _a.billingContact;
     return __awaiter(void 0, void 0, void 0, function () {
         var vars, response, errors;
         var _b;
@@ -20212,7 +20216,6 @@ var quoteAccountSignup = function (_a) {
                         priceListCode: priceListCode,
                         accountName: accountName,
                         billingContact: billingContact,
-                        entityId: entityId,
                     };
                     return [4 /*yield*/, gqlRequest({
                             query: MUTATION$5(),
@@ -20357,7 +20360,7 @@ function PriceListDisplay(_a) {
 
 var showErrorNotification = common.useErrorNotification();
 function Signup(_a) {
-    var companyName = _a.companyName, priceListCode = _a.priceListCode, returnUrl = _a.returnUrl, couponCode = _a.couponCode, className = _a.className, _b = _a.shadow, shadow = _b === void 0 ? 'shadow-md' : _b, style = _a.style, entityId = _a.entityId;
+    var companyName = _a.companyName, priceListCode = _a.priceListCode, returnUrl = _a.returnUrl, couponCode = _a.couponCode, className = _a.className, _b = _a.shadow, shadow = _b === void 0 ? 'shadow-md' : _b, style = _a.style;
     // Hooks
     var apiHost = react.useContext(BunnyContext).apiHost;
     var tokenFromContexts = useToken();
@@ -20443,7 +20446,6 @@ function Signup(_a) {
                                     lastName: formData.lastName,
                                     email: formData.email,
                                 },
-                                entityId: entityId,
                             })];
                     case 1:
                         data_1 = _a.sent();
@@ -20503,7 +20505,6 @@ function Signup(_a) {
                                 pluginId: plugin === null || plugin === void 0 ? void 0 : plugin.id.toString(),
                                 priceListCode: priceListCode,
                                 accountId: accountId,
-                                entityId: entityId,
                             })];
                     case 1: return [2 /*return*/, _a.sent()];
                 }
@@ -21263,7 +21264,7 @@ var PlanPickerCheckoutBar = function (_a) {
 };
 
 // WARNING: There is a preview button on APP that will need to be changed if this query is changed
-var PRICE_LIST_CHANGE_OPTIONS_QUERY = "\n  query priceListChangeOptions($subscriptionId: ID, $productId: ID) {\n    priceListChangeOptions(subscriptionId: $subscriptionId, productId: $productId) {\n      products {\n        everythingInPlus\n        id\n        name\n        plansToDisplay\n        features(sort: \"position asc\") {\n          description\n          id\n          isVisible\n          kind\n          name\n          position\n        }\n      }\n      priceLists {\n        basePrice\n        currencyId\n        id\n        monthlyBasePrice\n        periodMonths\n        plan {\n          code\n          contactUsLabel\n          contactUsUrl\n          description\n          id\n          name\n          position\n          pricingDescription\n          pricingStyle\n          planFeatures {\n            featureId\n            value\n            feature {\n              name\n            }\n          }\n        }\n        product {\n          id\n        }\n        charges {\n          basePrice\n          billingPeriod\n          chargeType\n          id\n          name\n          priceDecimals\n          pricingModel\n          quantityMax\n          quantityMin\n          selfServiceQuantity\n          feature {\n            name\n            unitName\n          }\n        }\n      }\n    }\n  }";
+var PRICE_LIST_CHANGE_OPTIONS_QUERY = "\n  query priceListChangeOptions($subscriptionId: ID, $productId: ID) {\n    priceListChangeOptions(subscriptionId: $subscriptionId, productId: $productId) {\n      products {\n        everythingInPlus\n        id\n        name\n        plansToDisplay\n        features(sort: \"position asc\") {\n          description\n          id\n          isVisible\n          kind\n          name\n          position\n        }\n      }\n      priceLists {\n        showPriceAsMonthly\n        basePrice\n        currencyId\n        id\n        monthlyBasePrice\n        periodMonths\n        plan {\n          code\n          contactUsLabel\n          contactUsUrl\n          description\n          id\n          name\n          position\n          pricingDescription\n          pricingStyle\n          planFeatures {\n            featureId\n            value\n            feature {\n              name\n            }\n          }\n        }\n        product {\n          id\n        }\n        charges {\n          basePrice\n          billingPeriod\n          chargeType\n          id\n          name\n          priceDecimals\n          pricingModel\n          quantityMax\n          quantityMin\n          selfServiceQuantity\n          feature {\n            name\n            unitName\n          }\n        }\n      }\n    }\n  }";
 var getPriceListChangeOptions = function (_a) {
     var apiHost = _a.apiHost, isInPreviewMode = _a.isInPreviewMode, productId = _a.productId, token = _a.token, upgradingSubscription = _a.upgradingSubscription;
     return __awaiter(void 0, void 0, void 0, function () {
@@ -21367,10 +21368,30 @@ var PriceListCardTitle = function (_a) {
                     : " " }))), jsxRuntime.jsx("div", __assign({ className: "bunny-font-medium bunny-text-center ".concat(isMobile ? "bunny-text-slate-500" : "bunny-text-orange-600"), style: { fontSize: "20px" } }, { children: priceList.plan.name }))] })));
 };
 
+var getPrice = function (priceList) {
+    if (priceList.showPriceAsMonthly) {
+        return priceList.monthlyBasePrice;
+    }
+    return priceList.basePrice;
+};
+var calculatePriceDecimals = function (priceList) {
+    if (priceList.plan.pricingStyle === common.PricingStyle.PRICED) {
+        var decimalPart = getPrice(priceList).toString().split('.')[1];
+        if (!decimalPart)
+            return 0;
+        // If decimal part consists only of zeros, return 0
+        if (parseInt(decimalPart) === 0) {
+            return 0;
+        }
+        return undefined;
+    }
+    return 0;
+};
 var PriceListCardPrice = function (_a) {
     var priceList = _a.priceList;
+    var priceDecimals = calculatePriceDecimals(priceList);
     return (jsxRuntime.jsx("div", __assign({ className: "bunny-font-medium bunny-text-center bunny-text-gray-900", style: { fontSize: '32px' } }, { children: !priceList.plan.pricingStyle || priceList.plan.pricingStyle === common.PricingStyle.PRICED
-            ? common.formatCurrency(priceList.monthlyBasePrice, priceList.currencyId, 0)
+            ? common.formatCurrency(getPrice(priceList), priceList.currencyId, priceDecimals)
             : priceList.plan.pricingStyle === common.PricingStyle.CONTACT_US
                 ? ''
                 : 'Free' })));
@@ -21409,7 +21430,9 @@ var PriceListCardPriceDescription = function (_a) {
                     fontSize: isMobile ? '13px' : '12px',
                 } }, { children: priceList.plan.pricingDescription && !isEmptyHtml(priceList.plan.pricingDescription) ? (jsxRuntime.jsx(interweave.Markup, { content: priceList.plan.pricingDescription })) : ("per ".concat((feature === null || feature === void 0 ? void 0 : feature.unitName) && !doesPlanHaveFlatFeeCharges
                     ? "".concat(feature.unitName.toLowerCase(), " / ")
-                    : '', "month")) })), priceList.periodMonths > 1 && (jsxRuntime.jsxs(Text$b, __assign({ className: "bunny-text-center bunny-text-gray-900", style: { fontSize: isMobile ? '12px' : '11px' } }, { children: ["billed ", BillingPeriodConverter$1[periodMonthsConverter(priceList.periodMonths)]] })))] }));
+                    : '').concat(priceList.showPriceAsMonthly
+                    ? 'month'
+                    : common.PERIOD_LABELS[periodMonthsConverter(priceList.periodMonths)])) })), priceList.periodMonths > 1 && (jsxRuntime.jsxs(Text$b, __assign({ className: "bunny-text-center bunny-text-gray-900", style: { fontSize: isMobile ? '12px' : '11px' } }, { children: ["billed ", BillingPeriodConverter$1[periodMonthsConverter(priceList.periodMonths)]] })))] }));
 };
 
 var CheckIcon = function (_a) {
@@ -21447,11 +21470,11 @@ var PriceListCardMobile = function (_a) {
             if (!disableOnClick)
                 onClick(priceList);
         }, style: {
-            minWidth: "220px",
+            minWidth: '220px',
             borderColor: isSelected ? brandColor : common.SLATE_200,
         } }, { children: [isSelected && (jsxRuntime.jsx("div", __assign({ className: "bunny-absolute", style: {
-                    top: "10px",
-                    right: "10px",
+                    top: '10px',
+                    right: '10px',
                 } }, { children: jsxRuntime.jsx(CheckIcon, { backgroundColor: brandColor, size: "20px" }) }))), jsxRuntime.jsxs("div", __assign({ className: "bunny-flex bunny-flex-col bunny-items-center bunny-grow bunny-gap-2" }, { children: [jsxRuntime.jsxs("div", __assign({ className: "bunny-flex bunny-flex-col bunny-items-center bunny-gap-2" }, { children: [jsxRuntime.jsx(PriceListCardTitle, { isPriceListCurrentSubscription: isPriceListCurrentSubscription, priceList: priceList, trialRemainingDays: trialRemainingDays }), jsxRuntime.jsx(PriceListCardDescription, { description: description })] })), jsxRuntime.jsxs("div", __assign({ className: "bunny-flex bunny-flex-col bunny-items-center bunny-gap-2" }, { children: [jsxRuntime.jsx(PriceListCardPrice, { priceList: priceList }), jsxRuntime.jsx(PriceListCardPriceDescription, { feature: feature, priceList: priceList })] })), jsxRuntime.jsx(PriceListCardButton, { disableOnClick: disableOnClick, isPriceListCurrentSubscription: isPriceListCurrentSubscription, isSelected: isSelected, priceList: priceList, subscriptionPlan: subscriptionPlan })] }))] })));
 };
 

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

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 import '../../styles/index.less';
 import { ShadowType } from '../../types/shadowType';
-export default function Signup({ companyName, priceListCode, returnUrl, couponCode, className, shadow, style, entityId, }: {
+export default function Signup({ companyName, priceListCode, returnUrl, couponCode, className, shadow, style, }: {
     /** The company name to display on the signup page */
     companyName: string;
     /** The price list code to use for the signup */
@@ -16,6 +16,4 @@ export default function Signup({ companyName, priceListCode, returnUrl, couponCo
     shadow?: ShadowType;
     /** A custom style to apply to the component */
     style?: React.CSSProperties;
-    /** The entity ID to use for the signup */
-    entityId: string;
 }): import("react/jsx-runtime").JSX.Element;

package/dist/cjs/src/components/Subscriptions/PlanManager/PlanPicker/planPickerMobile/PriceListCardMobile.d.ts

@@ -1,4 +1,4 @@
-import { Feature, PriceList, Subscription } from "@bunnyapp/common";
+import { Feature, PriceList, Subscription } from '@bunnyapp/common';
 declare const PriceListCardMobile: ({ description, disableOnClick, feature, isPriceListCurrentSubscription, isSelected, onClick, priceList, subscriptionPlan, trialRemainingDays, }: {
     description: string;
     disableOnClick: boolean;

package/dist/cjs/src/graphql/mutations/accountSignup.d.ts

@@ -1,4 +1,4 @@
-declare const accountSignup: ({ token, apiHost, accountId, quoteId, paymentToken, paymentMethodId, pluginId, priceListCode, entityId, }: {
+declare const accountSignup: ({ token, apiHost, accountId, quoteId, paymentToken, paymentMethodId, pluginId, priceListCode, }: {
     token: string;
     apiHost: string;
     accountId: string;
@@ -7,6 +7,5 @@ declare const accountSignup: ({ token, apiHost, accountId, quoteId, paymentToken
     paymentMethodId?: string | undefined;
     pluginId: string;
     priceListCode: string;
-    entityId: string;
 }) => Promise<any>;
 export default accountSignup;

package/dist/cjs/src/graphql/mutations/quoteAccountSignup.d.ts

@@ -3,12 +3,11 @@ type BillingContact = {
     lastName: string;
     email: string;
 };
-declare const quoteAccountSignup: ({ token, apiHost, priceListCode, accountName, billingContact, entityId, }: {
+declare const quoteAccountSignup: ({ token, apiHost, priceListCode, accountName, billingContact, }: {
     token?: string | undefined;
     apiHost: string;
     priceListCode: string;
     accountName: string;
     billingContact: BillingContact;
-    entityId: string;
 }) => Promise<any>;
 export default quoteAccountSignup;

package/dist/esm/index.js

@@ -144,7 +144,7 @@ var BrandContext = createContext({
 });
 
 // This will be replaced at build time by rollup-plugin-replace
-var PACKAGE_VERSION = '1.0.68-beta.6';
+var PACKAGE_VERSION = '1.0.68-beta.8';
 var createRequestHeaders = function (token) {
     var headers = createClientDevHeaders(token);
     // Add the components version header
@@ -19383,12 +19383,10 @@ var useSendAcceptQuote = function (_a) {
                 var _a = rsp.data.quoteSigningUrlCreate, redirectUri = _a.redirectUri, message = _a.message, pluginShortName = _a.pluginShortName;
                 if (redirectUri) {
                     // If redirectUri exists, redirect the browser
-                    if (pluginShortName === 'pandadoc') {
-                        setPandadocPollingModalVisible(true);
-                    }
-                    else {
-                        window.location.href = redirectUri;
-                    }
+                    window.location.href = redirectUri;
+                }
+                else if (pluginShortName === 'pandadoc') {
+                    setPandadocPollingModalVisible(true);
                 }
                 else if (message) {
                     // If redirectUri is nil but message exists, display the message as notification
@@ -19523,6 +19521,9 @@ var AcceptQuoteModal = function (_a) {
     var acceptBoxVisible = _a.acceptBoxVisible, formattedQuote = _a.formattedQuote, sendAccept = _a.sendAccept, setAcceptBoxVisible = _a.setAcceptBoxVisible, setIsAccepting = _a.setIsAccepting, isSendAcceptPending = _a.isSendAcceptPending;
     // Refs
     var firstInputRef = useRef(null);
+    var apiHost = useContext(BunnyContext).apiHost;
+    var token = useToken();
+    var signingPlugins = useSigningPlugins({ apiHost: apiHost, token: token });
     // Hooks
     var form = Form.useForm()[0];
     useFocusFirstInput({ firstInputRef: firstInputRef, isVisible: acceptBoxVisible });
@@ -19544,7 +19545,7 @@ var AcceptQuoteModal = function (_a) {
                 sendAccept(changedFields);
             })
                 .catch(function () { });
-        }, open: acceptBoxVisible, title: "Start signing", width: 400 }, { children: jsxs(Form, __assign({ className: "bunny-flex bunny-flex-col bunny-gap-2", form: form, layout: "vertical" }, { children: [jsx(Form.Item, __assign({ label: "Your name", name: "name", rules: createRules(true, 'Your name') }, { children: jsx(Input, { autoFocus: true, ref: firstInputRef }) })), jsx(Form.Item, __assign({ label: "Your job title", name: "title", rules: createRules(true, 'Your job title') }, { children: jsx(Input, {}) })), jsx(Form.Item, __assign({ label: "Purchase order number", name: "poNumber", rules: createRules(poNumberRequired, 'Purchase order number') }, { children: jsx(Input, {}) })), taxNumberRequired && (jsx(Form.Item, __assign({ name: "taxNumber", label: taxNumberLabel, rules: createRules(taxNumberRequired, taxNumberLabel) }, { children: jsx(Input, {}) })))] })) })));
+        }, open: acceptBoxVisible, title: (signingPlugins === null || signingPlugins === void 0 ? void 0 : signingPlugins.length) ? 'Start signing' : 'Accept quote', width: 400 }, { children: jsxs(Form, __assign({ className: "bunny-flex bunny-flex-col bunny-gap-2", form: form, layout: "vertical" }, { children: [jsx(Form.Item, __assign({ label: "Your name", name: "name", rules: createRules(true, 'Your name') }, { children: jsx(Input, { autoFocus: true, ref: firstInputRef }) })), jsx(Form.Item, __assign({ label: "Your job title", name: "title", rules: createRules(true, 'Your job title') }, { children: jsx(Input, {}) })), jsx(Form.Item, __assign({ label: "Purchase order number", name: "poNumber", rules: createRules(poNumberRequired, 'Purchase order number') }, { children: jsx(Input, {}) })), taxNumberRequired && (jsx(Form.Item, __assign({ name: "taxNumber", label: taxNumberLabel, rules: createRules(taxNumberRequired, taxNumberLabel) }, { children: jsx(Input, {}) })))] })) })));
 };
 
 var Title$2 = Typography.Title;
@@ -19612,11 +19613,11 @@ function ActualQuote() {
     var _this = this;
     var _a, _b, _c, _d;
     // Context
-    var _e = useContext(BunnyContext), apiHost = _e.apiHost, onTokenExpired = _e.onTokenExpired;
+    var apiHost = useContext(BunnyContext).apiHost;
     var token = useToken();
-    var _f = useContext(InvoiceQuoteContext), className = _f.className, id = _f.id, hideDownloadButton = _f.hideDownloadButton, onQuoteLoaded = _f.onQuoteLoaded;
+    var _e = useContext(InvoiceQuoteContext), className = _e.className, id = _e.id, hideDownloadButton = _e.hideDownloadButton, onQuoteLoaded = _e.onQuoteLoaded;
     // Queries
-    var _g = useQuery({
+    var _f = useQuery({
         queryKey: QueryKeyFactory.default.createQuoteKey({ id: id, token: token }),
         queryFn: function () { return __awaiter(_this, void 0, void 0, function () {
             var error_1;
@@ -19635,15 +19636,14 @@ function ActualQuote() {
             });
         }); },
         placeholderData: keepPreviousData,
-    }), data = _g.data, isLoading = _g.isLoading;
+    }), data = _f.data, isLoading = _f.isLoading;
     var formattedQuote = data;
     // Hooks
-    var _h = useSendAcceptQuote({
+    var _g = useSendAcceptQuote({
         token: token,
-        onTokenExpired: onTokenExpired,
         apiHost: apiHost,
         quoteId: id,
-    }), acceptBoxVisible = _h.acceptBoxVisible, isAccepting = _h.isAccepting, sendAccept = _h.sendAccept, setAcceptBoxVisible = _h.setAcceptBoxVisible, setIsAccepting = _h.setIsAccepting, startAcceptance = _h.startAcceptance, pandadocPollingModalVisible = _h.pandadocPollingModalVisible, setPandadocPollingModalVisible = _h.setPandadocPollingModalVisible, isSendAcceptPending = _h.isSendAcceptPending;
+    }), acceptBoxVisible = _g.acceptBoxVisible, isAccepting = _g.isAccepting, sendAccept = _g.sendAccept, setAcceptBoxVisible = _g.setAcceptBoxVisible, setIsAccepting = _g.setIsAccepting, startAcceptance = _g.startAcceptance, pandadocPollingModalVisible = _g.pandadocPollingModalVisible, setPandadocPollingModalVisible = _g.setPandadocPollingModalVisible, isSendAcceptPending = _g.isSendAcceptPending;
     useSigningComplete({ data: formattedQuote, token: token });
     var isMobile = useIsMobile();
     var showErrorNotification = useErrorNotification();
@@ -19653,7 +19653,7 @@ function ActualQuote() {
         }
     }, [formattedQuote]);
     // Payment hold stuff here
-    var _j = useQuotePaymentHold(formattedQuote), paymentHoldModalVisible = _j.paymentHoldModalVisible, setPaymentHoldModalVisible = _j.setPaymentHoldModalVisible, shouldDoPaymentHold = _j.shouldDoPaymentHold, paymentHoldCompleted = _j.paymentHoldCompleted, paymentHold = _j.paymentHold;
+    var _h = useQuotePaymentHold(formattedQuote), paymentHoldModalVisible = _h.paymentHoldModalVisible, setPaymentHoldModalVisible = _h.setPaymentHoldModalVisible, shouldDoPaymentHold = _h.shouldDoPaymentHold, paymentHoldCompleted = _h.paymentHoldCompleted, paymentHold = _h.paymentHold;
     var handleClickAccept = function () {
         if (shouldDoPaymentHold && !paymentHoldCompleted) {
             setPaymentHoldModalVisible(true);
@@ -19685,9 +19685,14 @@ function QuoteButtons(_a) {
     var entityBranding = useContext(BrandContext);
     var downloadFile = useDownloadFile(id);
     var isExpired = useIsExpired(formattedQuote === null || formattedQuote === void 0 ? void 0 : formattedQuote.expiresAt);
+    var signingPlugins = useSigningPlugins({ apiHost: apiHost, token: token });
     return (jsxs("div", __assign({ className: "flex flex-row justify-end items-center gap-4", id: "acceptance", style: {
             color: entityBranding.secondaryColor,
-        } }, { children: [isAccepted && formattedQuote.acceptedAt ? (jsx(Text$n, { children: "Quote was accepted by ".concat(formattedQuote.acceptedByName, " on ").concat(formatDate(formattedQuote.acceptedAt)) })) : null, (!isMobile || !isAccepted) && (jsxs("div", __assign({ className: isMobile ? 'flex w-full justify-end gap-2' : 'flex items-center justify-end gap-2' }, { children: [paymentHold ? (jsx(PaymentHoldDisplay, { paymentHold: paymentHold, currency: formattedQuote.currency, amount: formattedQuote.amount })) : null, !isMobile && !hideDownloadButton ? (jsx(Button, __assign({ icon: jsx(DownloadOutlined, {}), onClick: function () { return downloadFile(apiHost + '/api/pdf/quote', token); } }, { children: "Download" }))) : null, shouldDoPaymentHold && !paymentHoldCompleted ? (jsx(Button, __assign({ disabled: isExpired, onClick: function () { return setPaymentHoldModalVisible(true); }, type: "primary" }, { children: "Pay to accept" }))) : (jsx(Fragment, { children: !isAccepted ? (jsx(Button, __assign({ disabled: isExpired || isAccepting, onClick: handleClickAccept, type: "primary" }, { children: isExpired ? 'Quote is expired' : 'Start signing' }))) : null }))] })))] })));
+        } }, { children: [isAccepted && formattedQuote.acceptedAt ? (jsx(Text$n, { children: "Quote was accepted by ".concat(formattedQuote.acceptedByName, " on ").concat(formatDate(formattedQuote.acceptedAt)) })) : null, (!isMobile || !isAccepted) && (jsxs("div", __assign({ className: isMobile ? 'flex w-full justify-end gap-2' : 'flex items-center justify-end gap-2' }, { children: [paymentHold ? (jsx(PaymentHoldDisplay, { paymentHold: paymentHold, currency: formattedQuote.currency, amount: formattedQuote.amount })) : null, !isMobile && !hideDownloadButton ? (jsx(Button, __assign({ icon: jsx(DownloadOutlined, {}), onClick: function () { return downloadFile(apiHost + '/api/pdf/quote', token); } }, { children: "Download" }))) : null, shouldDoPaymentHold && !paymentHoldCompleted ? (jsx(Button, __assign({ disabled: isExpired, onClick: function () { return setPaymentHoldModalVisible(true); }, type: "primary" }, { children: "Pay to accept" }))) : (jsx(Fragment, { children: !isAccepted ? (jsx(Button, __assign({ disabled: isExpired || isAccepting, onClick: handleClickAccept, type: "primary" }, { children: isExpired
+                                ? 'Quote is expired'
+                                : (signingPlugins === null || signingPlugins === void 0 ? void 0 : signingPlugins.length)
+                                    ? 'Start signing'
+                                    : 'Accept quote' }))) : null }))] })))] })));
 }
 function PaymentHoldDisplay(_a) {
     var _b, _c, _d, _e;
@@ -20152,9 +20157,9 @@ function QuotesWrapper() {
     return (jsx(TransactionsDisplay, { transactions: quotesAsTransactions, onSearchValueChanged: setSearch, search: search }));
 }
 
-var MUTATION$6 = function () { return "\nmutation AccountSignup (\n  $pluginId: String!,\n  $paymentMethodId: String,\n  $priceListCode: String!,\n  $accountId: ID!,\n  $quoteId: ID!,\n  $entityId: ID!\n) {\n  accountSignup(\n    pluginId: $pluginId,\n    paymentMethodId: $paymentMethodId,\n    priceListCode: $priceListCode,\n    accountId: $accountId,\n    quoteId: $quoteId,\n    entityId: $entityId\n  ) {\n    errors\n    quote {\n      accountId\n      amount\n      amountDue\n      applicationDate\n      applied\n      backdatedPeriods\n      backdatedQuote\n      billingDay\n      contactId\n      createdAt\n      credits\n      currencyId\n      dealId\n      discount\n      discountValue\n      endDate\n      evergreen\n      expiresAt\n      id\n      invoiceImmediately\n      invoiceImmediatelyAvailable\n      invoiceUntil\n      isPendingApprovalRequest\n      kind\n      message\n      name\n      netPaymentDays\n      notes\n      number\n      ownerId\n      payableId\n      periodAmount\n      poNumber\n      requiresApproval\n      smallUnitAmountDue\n      splitInvoice\n      startDate\n      state\n      subtotal\n      taxAmount\n      taxCode\n      updatedAt\n      uuid\n    }\n  }\n}"; };
+var MUTATION$6 = function () { return "\nmutation AccountSignup (\n  $pluginId: String!,\n  $paymentMethodId: String,\n  $priceListCode: String!,\n  $accountId: ID!,\n  $quoteId: ID!,\n) {\n  accountSignup(\n    pluginId: $pluginId,\n    paymentMethodId: $paymentMethodId,\n    priceListCode: $priceListCode,\n    accountId: $accountId,\n    quoteId: $quoteId,\n  ) {\n    errors\n    quote {\n      accountId\n      amount\n      amountDue\n      applicationDate\n      applied\n      backdatedPeriods\n      backdatedQuote\n      billingDay\n      contactId\n      createdAt\n      credits\n      currencyId\n      dealId\n      discount\n      discountValue\n      endDate\n      evergreen\n      expiresAt\n      id\n      invoiceImmediately\n      invoiceImmediatelyAvailable\n      invoiceUntil\n      isPendingApprovalRequest\n      kind\n      message\n      name\n      netPaymentDays\n      notes\n      number\n      ownerId\n      payableId\n      periodAmount\n      poNumber\n      requiresApproval\n      smallUnitAmountDue\n      splitInvoice\n      startDate\n      state\n      subtotal\n      taxAmount\n      taxCode\n      updatedAt\n      uuid\n    }\n  }\n}"; };
 var accountSignup = function (_a) {
-    var token = _a.token, apiHost = _a.apiHost, accountId = _a.accountId, quoteId = _a.quoteId, paymentToken = _a.paymentToken, paymentMethodId = _a.paymentMethodId, pluginId = _a.pluginId, priceListCode = _a.priceListCode, entityId = _a.entityId;
+    var token = _a.token, apiHost = _a.apiHost, accountId = _a.accountId, quoteId = _a.quoteId, paymentToken = _a.paymentToken, paymentMethodId = _a.paymentMethodId, pluginId = _a.pluginId, priceListCode = _a.priceListCode;
     return __awaiter(void 0, void 0, void 0, function () {
         var vars, response, errors;
         var _b;
@@ -20168,7 +20173,6 @@ var accountSignup = function (_a) {
                         pluginId: pluginId,
                         paymentMethodId: paymentMethodId,
                         priceListCode: priceListCode,
-                        entityId: entityId,
                     };
                     return [4 /*yield*/, gqlRequest({
                             query: MUTATION$6(),
@@ -20187,9 +20191,9 @@ var accountSignup = function (_a) {
     });
 };
 
-var MUTATION$5 = function () { return "\nmutation QuoteAccountSignup (\n  $accountName: String!,\n  $billingContact: ContactAttributes!,\n  $priceListCode: String!,\n  $entityId: ID!\n) {\n  quoteAccountSignup(\n    priceListCode: $priceListCode,\n    accountName: $accountName,\n    billingContact: $billingContact,\n    entityId: $entityId\n  ) {\n    account {\n      id\n    }\n    quote {\n      accountId\n      amount\n      amountDue\n      applicationDate\n      applied\n      backdatedPeriods\n      backdatedQuote\n      billingDay\n      contactId\n      createdAt\n      credits\n      currencyId\n      dealId\n      discount\n      discountValue\n      endDate\n      evergreen\n      expiresAt\n      id\n      invoiceImmediately\n      invoiceImmediatelyAvailable\n      invoiceUntil\n      isPendingApprovalRequest\n      kind\n      message\n      name\n      netPaymentDays\n      notes\n      number\n      ownerId\n      payableId\n      periodAmount\n      poNumber\n      requiresApproval\n      smallUnitAmountDue\n      splitInvoice\n      startDate\n      state\n      subtotal\n      taxAmount\n      taxCode\n      updatedAt\n      uuid\n    }\n    tenant {\n      code\n    }\n    portalSessionToken\n    errors\n  }\n}"; };
+var MUTATION$5 = function () { return "\nmutation QuoteAccountSignup (\n  $accountName: String!,\n  $billingContact: ContactAttributes!,\n  $priceListCode: String!,\n) {\n  quoteAccountSignup(\n    priceListCode: $priceListCode,\n    accountName: $accountName,\n    billingContact: $billingContact,\n  ) {\n    account {\n      id\n    }\n    quote {\n      accountId\n      amount\n      amountDue\n      applicationDate\n      applied\n      backdatedPeriods\n      backdatedQuote\n      billingDay\n      contactId\n      createdAt\n      credits\n      currencyId\n      dealId\n      discount\n      discountValue\n      endDate\n      evergreen\n      expiresAt\n      id\n      invoiceImmediately\n      invoiceImmediatelyAvailable\n      invoiceUntil\n      isPendingApprovalRequest\n      kind\n      message\n      name\n      netPaymentDays\n      notes\n      number\n      ownerId\n      payableId\n      periodAmount\n      poNumber\n      requiresApproval\n      smallUnitAmountDue\n      splitInvoice\n      startDate\n      state\n      subtotal\n      taxAmount\n      taxCode\n      updatedAt\n      uuid\n    }\n    tenant {\n      code\n    }\n    portalSessionToken\n    errors\n  }\n}"; };
 var quoteAccountSignup = function (_a) {
-    var token = _a.token, apiHost = _a.apiHost, priceListCode = _a.priceListCode, accountName = _a.accountName, billingContact = _a.billingContact, entityId = _a.entityId;
+    var token = _a.token, apiHost = _a.apiHost, priceListCode = _a.priceListCode, accountName = _a.accountName, billingContact = _a.billingContact;
     return __awaiter(void 0, void 0, void 0, function () {
         var vars, response, errors;
         var _b;
@@ -20200,7 +20204,6 @@ var quoteAccountSignup = function (_a) {
                         priceListCode: priceListCode,
                         accountName: accountName,
                         billingContact: billingContact,
-                        entityId: entityId,
                     };
                     return [4 /*yield*/, gqlRequest({
                             query: MUTATION$5(),
@@ -20345,7 +20348,7 @@ function PriceListDisplay(_a) {
 
 var showErrorNotification = useErrorNotification();
 function Signup(_a) {
-    var companyName = _a.companyName, priceListCode = _a.priceListCode, returnUrl = _a.returnUrl, couponCode = _a.couponCode, className = _a.className, _b = _a.shadow, shadow = _b === void 0 ? 'shadow-md' : _b, style = _a.style, entityId = _a.entityId;
+    var companyName = _a.companyName, priceListCode = _a.priceListCode, returnUrl = _a.returnUrl, couponCode = _a.couponCode, className = _a.className, _b = _a.shadow, shadow = _b === void 0 ? 'shadow-md' : _b, style = _a.style;
     // Hooks
     var apiHost = useContext(BunnyContext).apiHost;
     var tokenFromContexts = useToken();
@@ -20431,7 +20434,6 @@ function Signup(_a) {
                                     lastName: formData.lastName,
                                     email: formData.email,
                                 },
-                                entityId: entityId,
                             })];
                     case 1:
                         data_1 = _a.sent();
@@ -20491,7 +20493,6 @@ function Signup(_a) {
                                 pluginId: plugin === null || plugin === void 0 ? void 0 : plugin.id.toString(),
                                 priceListCode: priceListCode,
                                 accountId: accountId,
-                                entityId: entityId,
                             })];
                     case 1: return [2 /*return*/, _a.sent()];
                 }
@@ -21251,7 +21252,7 @@ var PlanPickerCheckoutBar = function (_a) {
 };
 
 // WARNING: There is a preview button on APP that will need to be changed if this query is changed
-var PRICE_LIST_CHANGE_OPTIONS_QUERY = "\n  query priceListChangeOptions($subscriptionId: ID, $productId: ID) {\n    priceListChangeOptions(subscriptionId: $subscriptionId, productId: $productId) {\n      products {\n        everythingInPlus\n        id\n        name\n        plansToDisplay\n        features(sort: \"position asc\") {\n          description\n          id\n          isVisible\n          kind\n          name\n          position\n        }\n      }\n      priceLists {\n        basePrice\n        currencyId\n        id\n        monthlyBasePrice\n        periodMonths\n        plan {\n          code\n          contactUsLabel\n          contactUsUrl\n          description\n          id\n          name\n          position\n          pricingDescription\n          pricingStyle\n          planFeatures {\n            featureId\n            value\n            feature {\n              name\n            }\n          }\n        }\n        product {\n          id\n        }\n        charges {\n          basePrice\n          billingPeriod\n          chargeType\n          id\n          name\n          priceDecimals\n          pricingModel\n          quantityMax\n          quantityMin\n          selfServiceQuantity\n          feature {\n            name\n            unitName\n          }\n        }\n      }\n    }\n  }";
+var PRICE_LIST_CHANGE_OPTIONS_QUERY = "\n  query priceListChangeOptions($subscriptionId: ID, $productId: ID) {\n    priceListChangeOptions(subscriptionId: $subscriptionId, productId: $productId) {\n      products {\n        everythingInPlus\n        id\n        name\n        plansToDisplay\n        features(sort: \"position asc\") {\n          description\n          id\n          isVisible\n          kind\n          name\n          position\n        }\n      }\n      priceLists {\n        showPriceAsMonthly\n        basePrice\n        currencyId\n        id\n        monthlyBasePrice\n        periodMonths\n        plan {\n          code\n          contactUsLabel\n          contactUsUrl\n          description\n          id\n          name\n          position\n          pricingDescription\n          pricingStyle\n          planFeatures {\n            featureId\n            value\n            feature {\n              name\n            }\n          }\n        }\n        product {\n          id\n        }\n        charges {\n          basePrice\n          billingPeriod\n          chargeType\n          id\n          name\n          priceDecimals\n          pricingModel\n          quantityMax\n          quantityMin\n          selfServiceQuantity\n          feature {\n            name\n            unitName\n          }\n        }\n      }\n    }\n  }";
 var getPriceListChangeOptions = function (_a) {
     var apiHost = _a.apiHost, isInPreviewMode = _a.isInPreviewMode, productId = _a.productId, token = _a.token, upgradingSubscription = _a.upgradingSubscription;
     return __awaiter(void 0, void 0, void 0, function () {
@@ -21355,10 +21356,30 @@ var PriceListCardTitle = function (_a) {
                     : " " }))), jsx("div", __assign({ className: "bunny-font-medium bunny-text-center ".concat(isMobile ? "bunny-text-slate-500" : "bunny-text-orange-600"), style: { fontSize: "20px" } }, { children: priceList.plan.name }))] })));
 };
 
+var getPrice = function (priceList) {
+    if (priceList.showPriceAsMonthly) {
+        return priceList.monthlyBasePrice;
+    }
+    return priceList.basePrice;
+};
+var calculatePriceDecimals = function (priceList) {
+    if (priceList.plan.pricingStyle === PricingStyle.PRICED) {
+        var decimalPart = getPrice(priceList).toString().split('.')[1];
+        if (!decimalPart)
+            return 0;
+        // If decimal part consists only of zeros, return 0
+        if (parseInt(decimalPart) === 0) {
+            return 0;
+        }
+        return undefined;
+    }
+    return 0;
+};
 var PriceListCardPrice = function (_a) {
     var priceList = _a.priceList;
+    var priceDecimals = calculatePriceDecimals(priceList);
     return (jsx("div", __assign({ className: "bunny-font-medium bunny-text-center bunny-text-gray-900", style: { fontSize: '32px' } }, { children: !priceList.plan.pricingStyle || priceList.plan.pricingStyle === PricingStyle.PRICED
-            ? formatCurrency(priceList.monthlyBasePrice, priceList.currencyId, 0)
+            ? formatCurrency(getPrice(priceList), priceList.currencyId, priceDecimals)
             : priceList.plan.pricingStyle === PricingStyle.CONTACT_US
                 ? ''
                 : 'Free' })));
@@ -21397,7 +21418,9 @@ var PriceListCardPriceDescription = function (_a) {
                     fontSize: isMobile ? '13px' : '12px',
                 } }, { children: priceList.plan.pricingDescription && !isEmptyHtml(priceList.plan.pricingDescription) ? (jsx(Markup, { content: priceList.plan.pricingDescription })) : ("per ".concat((feature === null || feature === void 0 ? void 0 : feature.unitName) && !doesPlanHaveFlatFeeCharges
                     ? "".concat(feature.unitName.toLowerCase(), " / ")
-                    : '', "month")) })), priceList.periodMonths > 1 && (jsxs(Text$b, __assign({ className: "bunny-text-center bunny-text-gray-900", style: { fontSize: isMobile ? '12px' : '11px' } }, { children: ["billed ", BillingPeriodConverter$1[periodMonthsConverter(priceList.periodMonths)]] })))] }));
+                    : '').concat(priceList.showPriceAsMonthly
+                    ? 'month'
+                    : PERIOD_LABELS[periodMonthsConverter(priceList.periodMonths)])) })), priceList.periodMonths > 1 && (jsxs(Text$b, __assign({ className: "bunny-text-center bunny-text-gray-900", style: { fontSize: isMobile ? '12px' : '11px' } }, { children: ["billed ", BillingPeriodConverter$1[periodMonthsConverter(priceList.periodMonths)]] })))] }));
 };
 
 var CheckIcon = function (_a) {
@@ -21435,11 +21458,11 @@ var PriceListCardMobile = function (_a) {
             if (!disableOnClick)
                 onClick(priceList);
         }, style: {
-            minWidth: "220px",
+            minWidth: '220px',
             borderColor: isSelected ? brandColor : SLATE_200,
         } }, { children: [isSelected && (jsx("div", __assign({ className: "bunny-absolute", style: {
-                    top: "10px",
-                    right: "10px",
+                    top: '10px',
+                    right: '10px',
                 } }, { children: jsx(CheckIcon, { backgroundColor: brandColor, size: "20px" }) }))), jsxs("div", __assign({ className: "bunny-flex bunny-flex-col bunny-items-center bunny-grow bunny-gap-2" }, { children: [jsxs("div", __assign({ className: "bunny-flex bunny-flex-col bunny-items-center bunny-gap-2" }, { children: [jsx(PriceListCardTitle, { isPriceListCurrentSubscription: isPriceListCurrentSubscription, priceList: priceList, trialRemainingDays: trialRemainingDays }), jsx(PriceListCardDescription, { description: description })] })), jsxs("div", __assign({ className: "bunny-flex bunny-flex-col bunny-items-center bunny-gap-2" }, { children: [jsx(PriceListCardPrice, { priceList: priceList }), jsx(PriceListCardPriceDescription, { feature: feature, priceList: priceList })] })), jsx(PriceListCardButton, { disableOnClick: disableOnClick, isPriceListCurrentSubscription: isPriceListCurrentSubscription, isSelected: isSelected, priceList: priceList, subscriptionPlan: subscriptionPlan })] }))] })));
 };
 

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

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 import '../../styles/index.less';
 import { ShadowType } from '../../types/shadowType';
-export default function Signup({ companyName, priceListCode, returnUrl, couponCode, className, shadow, style, entityId, }: {
+export default function Signup({ companyName, priceListCode, returnUrl, couponCode, className, shadow, style, }: {
     /** The company name to display on the signup page */
     companyName: string;
     /** The price list code to use for the signup */
@@ -16,6 +16,4 @@ export default function Signup({ companyName, priceListCode, returnUrl, couponCo
     shadow?: ShadowType;
     /** A custom style to apply to the component */
     style?: React.CSSProperties;
-    /** The entity ID to use for the signup */
-    entityId: string;
 }): import("react/jsx-runtime").JSX.Element;

package/dist/esm/src/components/Subscriptions/PlanManager/PlanPicker/planPickerMobile/PriceListCardMobile.d.ts

@@ -1,4 +1,4 @@
-import { Feature, PriceList, Subscription } from "@bunnyapp/common";
+import { Feature, PriceList, Subscription } from '@bunnyapp/common';
 declare const PriceListCardMobile: ({ description, disableOnClick, feature, isPriceListCurrentSubscription, isSelected, onClick, priceList, subscriptionPlan, trialRemainingDays, }: {
     description: string;
     disableOnClick: boolean;

package/dist/esm/src/graphql/mutations/accountSignup.d.ts

@@ -1,4 +1,4 @@
-declare const accountSignup: ({ token, apiHost, accountId, quoteId, paymentToken, paymentMethodId, pluginId, priceListCode, entityId, }: {
+declare const accountSignup: ({ token, apiHost, accountId, quoteId, paymentToken, paymentMethodId, pluginId, priceListCode, }: {
     token: string;
     apiHost: string;
     accountId: string;
@@ -7,6 +7,5 @@ declare const accountSignup: ({ token, apiHost, accountId, quoteId, paymentToken
     paymentMethodId?: string | undefined;
     pluginId: string;
     priceListCode: string;
-    entityId: string;
 }) => Promise<any>;
 export default accountSignup;

package/dist/esm/src/graphql/mutations/quoteAccountSignup.d.ts

@@ -3,12 +3,11 @@ type BillingContact = {
     lastName: string;
     email: string;
 };
-declare const quoteAccountSignup: ({ token, apiHost, priceListCode, accountName, billingContact, entityId, }: {
+declare const quoteAccountSignup: ({ token, apiHost, priceListCode, accountName, billingContact, }: {
     token?: string | undefined;
     apiHost: string;
     priceListCode: string;
     accountName: string;
     billingContact: BillingContact;
-    entityId: string;
 }) => Promise<any>;
 export default quoteAccountSignup;

package/dist/index.d.ts

@@ -91,7 +91,7 @@ declare const PaymentForm: ({ invoice, onFail, onPaymentSuccess, onPaymentHoldSu
     } | undefined;
 }) => react_jsx_runtime.JSX.Element;
 
-declare function Signup({ companyName, priceListCode, returnUrl, couponCode, className, shadow, style, entityId, }: {
+declare function Signup({ companyName, priceListCode, returnUrl, couponCode, className, shadow, style, }: {
     /** The company name to display on the signup page */
     companyName: string;
     /** The price list code to use for the signup */
@@ -106,8 +106,6 @@ declare function Signup({ companyName, priceListCode, returnUrl, couponCode, cla
     shadow?: ShadowType;
     /** A custom style to apply to the component */
     style?: React.CSSProperties;
-    /** The entity ID to use for the signup */
-    entityId: string;
 }): react_jsx_runtime.JSX.Element;
 
 declare function BunnyProvider({ children, darkMode, queryClient, apiHost, token, onTokenExpired, configProviderProps, }: {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bunnyapp/components",
-  "version": "1.0.68-beta.6",
+  "version": "1.0.68-beta.8",
   "description": "Components from the Bunny portal to embed Bunny UI functionality into your application.",
   "main": "dist/cjs/index.js",
   "module": "dist/esm/index.js",
@@ -64,7 +64,7 @@
   },
   "peerDependencies": {
     "@ant-design/icons": "^5.6.1",
-    "@bunnyapp/common": "^1.0.66-beta.5",
+    "@bunnyapp/common": "^1.0.66-beta.8",
     "@fortawesome/fontawesome-svg-core": "^6.7.2",
     "@fortawesome/free-brands-svg-icons": "^6.7.2",
     "@fortawesome/free-regular-svg-icons": "^6.7.2",