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

package/dist/cjs/index.js

@@ -25,24 +25,6 @@ var pkg = require('pluralize');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
-function _interopNamespace(e) {
-  if (e && e.__esModule) return e;
-  var n = Object.create(null);
-  if (e) {
-    Object.keys(e).forEach(function (k) {
-      if (k !== 'default') {
-        var d = Object.getOwnPropertyDescriptor(e, k);
-        Object.defineProperty(n, k, d.get ? d : {
-          enumerable: true,
-          get: function () { return e[k]; }
-        });
-      }
-    });
-  }
-  n["default"] = e;
-  return Object.freeze(n);
-}
-
 var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
 var theme__default = /*#__PURE__*/_interopDefaultLegacy(theme);
 var request__default = /*#__PURE__*/_interopDefaultLegacy(request);
@@ -174,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.5';
+var PACKAGE_VERSION = '1.0.68-beta.6';
 var createRequestHeaders = function (token) {
     var headers = common.createClientDevHeaders(token);
     // Add the components version header
@@ -19226,7 +19208,7 @@ function ActualInvoice() {
     // Context
     var queryClient = reactQuery.useQueryClient();
     var _a = react.useContext(InvoiceQuoteContext), id = _a.id, invoiceQuoteViewComponent = _a.invoiceQuoteViewComponent, backButtonName = _a.backButtonName, onBackButtonClick = _a.onBackButtonClick, onPaymentSuccess = _a.onPaymentSuccess, className = _a.className;
-    var _b = react.useContext(BunnyContext), apiHost = _b.apiHost, onTokenExpired = _b.onTokenExpired; _b.graphQLClient;
+    var _b = react.useContext(BunnyContext), apiHost = _b.apiHost, onTokenExpired = _b.onTokenExpired;
     var _c = react.useContext(InvoiceQuoteContext), hideDownloadButton = _c.hideDownloadButton, onInvoiceLoaded = _c.onInvoiceLoaded;
     var token = useToken();
     var entityId = useCurrentUserData().entityId;
@@ -19386,72 +19368,48 @@ var quoteAccept = function (_a) {
 };
 // export default quoteAccept;
 var useSendAcceptQuote = function (_a) {
-    _a.onTokenExpired; var quoteId = _a.quoteId, apiHost = _a.apiHost, token = _a.token;
+    var quoteId = _a.quoteId, apiHost = _a.apiHost, token = _a.token;
     // Hooks
     var graphQLMutation = common.useGraphQLmutation(function () {
-        console.log("navigate in useGraphQLmutation in useSendAcceptQuote is not yet implemented");
-    }, apiHost || "", function () {
-        console.log("onError in useGraphQLmutation in useSendAcceptQuote is not yet implemented");
+        console.log('navigate in useGraphQLmutation in useSendAcceptQuote is not yet implemented');
+    }, apiHost || '', function () {
+        console.log('onError in useGraphQLmutation in useSendAcceptQuote is not yet implemented');
     });
     var signingPlugins = useSigningPlugins({ apiHost: apiHost, token: token });
     var queryClient = reactQuery.useQueryClient();
+    var showInfoNotification = common.useInfoNotification();
     // Local state
     var _b = react.useState(false), acceptBoxVisible = _b[0], setAcceptBoxVisible = _b[1];
     var _c = react.useState(false), isAccepting = _c[0], setIsAccepting = _c[1];
     // Pandadoc polling modal state
     var _d = react.useState(false), pandadocPollingModalVisible = _d[0], setPandadocPollingModalVisible = _d[1];
     var redirectForSigning = function () {
-        var mutation = "mutation quoteSigningUrlCreate($quoteId: ID) {\n      quoteSigningUrlCreate(quoteId: $quoteId) {\n        redirectUri\n        pluginClientId\n        pluginShortName\n        errors\n      }\n    }";
+        var mutation = "mutation quoteSigningUrlCreate($quoteId: ID) {\n      quoteSigningUrlCreate(quoteId: $quoteId) {\n        redirectUri\n        pluginClientId\n        pluginShortName\n        message\n        errors\n      }\n    }";
         var variables = {
             quoteId: quoteId,
         };
         graphQLMutation(mutation, variables, function (rsp) {
             if (rsp.errors)
-                console.log("rsp.errors", rsp.errors);
+                console.log('rsp.errors', rsp.errors);
             else {
-                if (rsp.data.quoteSigningUrlCreate.pluginShortName === "dropbox_sign") {
-                    openDropboxSignModal(rsp.data.quoteSigningUrlCreate.pluginClientId, rsp.data.quoteSigningUrlCreate.redirectUri);
-                }
-                else if (rsp.data.quoteSigningUrlCreate.pluginShortName === "pandadoc") {
-                    setPandadocPollingModalVisible(true);
+                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;
+                    }
                 }
-                else {
-                    window.location.href = rsp.data.quoteSigningUrlCreate.redirectUri;
+                else if (message) {
+                    // If redirectUri is nil but message exists, display the message as notification
+                    showInfoNotification(message, 'Signing Information');
+                    setIsAccepting(false);
                 }
             }
         }, token);
     };
-    var openDropboxSignModal = function (clientId, url) { return __awaiter(void 0, void 0, void 0, function () {
-        var HelloSign, client;
-        return __generator(this, function (_a) {
-            switch (_a.label) {
-                case 0:
-                    if (typeof window === "undefined") {
-                        return [2 /*return*/];
-                    }
-                    return [4 /*yield*/, Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require('hellosign-embedded')); })];
-                case 1:
-                    HelloSign = (_a.sent()).default;
-                    client = new HelloSign({
-                        clientId: clientId,
-                    });
-                    client.on("sign", function (data) {
-                        queryClient.refetchQueries({
-                            queryKey: common.QueryKeyFactory.default.createQuoteKey({
-                                id: quoteId,
-                                token: token,
-                            }),
-                        });
-                    });
-                    // Open the DropboxSign modal
-                    client.open(url, {
-                        clientId: clientId,
-                        skipDomainVerification: false, // Set true for development testing
-                    });
-                    return [2 /*return*/];
-            }
-        });
-    }); };
     var _e = reactQuery.useMutation({
         mutationFn: function (changedFormItems) { return __awaiter(void 0, void 0, void 0, function () {
             return __generator(this, function (_a) {
@@ -19585,7 +19543,7 @@ var AcceptQuoteModal = function (_a) {
     var createRules = function (required, title) {
         return required ? [{ required: true, message: "".concat(title, " is required") }] : [];
     };
-    return (jsxRuntime.jsx(StyledModal$1, __assign({ centered: true, okText: isSendAcceptPending ? "Accepting..." : "Accept", okButtonProps: {
+    return (jsxRuntime.jsx(StyledModal$1, __assign({ centered: true, okText: isSendAcceptPending ? 'Accepting...' : 'Accept', okButtonProps: {
             loading: isSendAcceptPending,
             disabled: isSendAcceptPending,
         }, onCancel: function () {
@@ -19598,7 +19556,7 @@ var AcceptQuoteModal = function (_a) {
                 sendAccept(changedFields);
             })
                 .catch(function () { });
-        }, open: acceptBoxVisible, title: "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, {}) })))] })) })));
+        }, 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, {}) })))] })) })));
 };
 
 var Title$2 = antd.Typography.Title;
@@ -19741,7 +19699,7 @@ function QuoteButtons(_a) {
     var isExpired = useIsExpired(formattedQuote === null || formattedQuote === void 0 ? void 0 : formattedQuote.expiresAt);
     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' : 'Accept quote' }))) : 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' : 'Start signing' }))) : null }))] })))] })));
 }
 function PaymentHoldDisplay(_a) {
     var _b, _c, _d, _e;

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

@@ -1,4 +1,4 @@
-import { FormattedQuote } from "@bunnyapp/common";
+import { FormattedQuote } from '@bunnyapp/common';
 declare const AcceptQuoteModal: ({ acceptBoxVisible, formattedQuote, sendAccept, setAcceptBoxVisible, setIsAccepting, isSendAcceptPending, }: {
     acceptBoxVisible: boolean;
     formattedQuote: FormattedQuote;

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

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

package/dist/esm/index.js

@@ -4,7 +4,7 @@ import { Markup } from 'interweave';
 import { ConfigProvider, Spin, Button, Tag, Typography, Dropdown, Input, Checkbox, Skeleton, Collapse, Modal, Form, Tooltip, Drawer, Card as Card$1, Image, Divider, Select, Radio, Space, Popconfirm, Table } from 'antd';
 import { DownloadOutlined, CreditCardOutlined, EllipsisOutlined, BankOutlined, SearchOutlined, CheckCircleFilled, CloseOutlined, ArrowLeftOutlined } from '@ant-design/icons';
 import styled from 'styled-components';
-import { DEFAULT_ACCENT_COLOR, DEFAULT_BRAND_COLOR, DEFAULT_SECONDARY_COLOR, DEFAULT_TOP_NAV_IMAGE_URL, gqlRequest as gqlRequest$1, createClientDevHeaders, X_BUNNY_COMPONENTS_VERSION_HEADER_NAME, QueryKeyFactory, useIsMobile, isColorTooDark, INPUT_BORDER_COLOR, SLATE_50, SLATE_400, SLATE_200, useErrorNotification, invokePlugin, useAllErrorFormats, formatCurrency, GRAY_500, GRAY_200, useSuccessNotification, getFormattedInvoice, PAYABLE_INVOICE_STATES, BreakpointNumbers, request as request$1, useGraphQLmutation, formatDate, FrontendTransaction, SLATE_600, WHITE, TransactionKind, SLATE_500, PRIMARY_COLOR as PRIMARY_COLOR$1, sortSubscriptionCharges, Lists, getAccount, StringUtils, BillingPeriod, ChargeType, SubscriptionState as SubscriptionState$2, PERIOD_LABELS, PricingStyle, PricingModel, SLATE_100, useInfoNotification, MODAL_MAX_HEIGHT, DataInterval, QuoteChangeKind, TAG_COLORS } from '@bunnyapp/common';
+import { DEFAULT_ACCENT_COLOR, DEFAULT_BRAND_COLOR, DEFAULT_SECONDARY_COLOR, DEFAULT_TOP_NAV_IMAGE_URL, gqlRequest as gqlRequest$1, createClientDevHeaders, X_BUNNY_COMPONENTS_VERSION_HEADER_NAME, QueryKeyFactory, useIsMobile, isColorTooDark, INPUT_BORDER_COLOR, SLATE_50, SLATE_400, SLATE_200, useErrorNotification, invokePlugin, useAllErrorFormats, formatCurrency, GRAY_500, GRAY_200, useSuccessNotification, getFormattedInvoice, PAYABLE_INVOICE_STATES, BreakpointNumbers, request as request$1, useGraphQLmutation, useInfoNotification, formatDate, FrontendTransaction, SLATE_600, WHITE, TransactionKind, SLATE_500, PRIMARY_COLOR as PRIMARY_COLOR$1, sortSubscriptionCharges, Lists, getAccount, StringUtils, BillingPeriod, ChargeType, SubscriptionState as SubscriptionState$2, PERIOD_LABELS, PricingStyle, PricingModel, SLATE_100, MODAL_MAX_HEIGHT, DataInterval, QuoteChangeKind, TAG_COLORS } from '@bunnyapp/common';
 import { QueryClient, QueryClientProvider, useQuery, useQueryClient, useMutation, keepPreviousData } from '@tanstack/react-query';
 import theme from 'antd/lib/theme/index.js';
 import { RecoilRoot } from 'recoil';
@@ -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.5';
+var PACKAGE_VERSION = '1.0.68-beta.6';
 var createRequestHeaders = function (token) {
     var headers = createClientDevHeaders(token);
     // Add the components version header
@@ -19196,7 +19196,7 @@ function ActualInvoice() {
     // Context
     var queryClient = useQueryClient();
     var _a = useContext(InvoiceQuoteContext), id = _a.id, invoiceQuoteViewComponent = _a.invoiceQuoteViewComponent, backButtonName = _a.backButtonName, onBackButtonClick = _a.onBackButtonClick, onPaymentSuccess = _a.onPaymentSuccess, className = _a.className;
-    var _b = useContext(BunnyContext), apiHost = _b.apiHost, onTokenExpired = _b.onTokenExpired; _b.graphQLClient;
+    var _b = useContext(BunnyContext), apiHost = _b.apiHost, onTokenExpired = _b.onTokenExpired;
     var _c = useContext(InvoiceQuoteContext), hideDownloadButton = _c.hideDownloadButton, onInvoiceLoaded = _c.onInvoiceLoaded;
     var token = useToken();
     var entityId = useCurrentUserData().entityId;
@@ -19356,72 +19356,48 @@ var quoteAccept = function (_a) {
 };
 // export default quoteAccept;
 var useSendAcceptQuote = function (_a) {
-    _a.onTokenExpired; var quoteId = _a.quoteId, apiHost = _a.apiHost, token = _a.token;
+    var quoteId = _a.quoteId, apiHost = _a.apiHost, token = _a.token;
     // Hooks
     var graphQLMutation = useGraphQLmutation(function () {
-        console.log("navigate in useGraphQLmutation in useSendAcceptQuote is not yet implemented");
-    }, apiHost || "", function () {
-        console.log("onError in useGraphQLmutation in useSendAcceptQuote is not yet implemented");
+        console.log('navigate in useGraphQLmutation in useSendAcceptQuote is not yet implemented');
+    }, apiHost || '', function () {
+        console.log('onError in useGraphQLmutation in useSendAcceptQuote is not yet implemented');
     });
     var signingPlugins = useSigningPlugins({ apiHost: apiHost, token: token });
     var queryClient = useQueryClient();
+    var showInfoNotification = useInfoNotification();
     // Local state
     var _b = useState(false), acceptBoxVisible = _b[0], setAcceptBoxVisible = _b[1];
     var _c = useState(false), isAccepting = _c[0], setIsAccepting = _c[1];
     // Pandadoc polling modal state
     var _d = useState(false), pandadocPollingModalVisible = _d[0], setPandadocPollingModalVisible = _d[1];
     var redirectForSigning = function () {
-        var mutation = "mutation quoteSigningUrlCreate($quoteId: ID) {\n      quoteSigningUrlCreate(quoteId: $quoteId) {\n        redirectUri\n        pluginClientId\n        pluginShortName\n        errors\n      }\n    }";
+        var mutation = "mutation quoteSigningUrlCreate($quoteId: ID) {\n      quoteSigningUrlCreate(quoteId: $quoteId) {\n        redirectUri\n        pluginClientId\n        pluginShortName\n        message\n        errors\n      }\n    }";
         var variables = {
             quoteId: quoteId,
         };
         graphQLMutation(mutation, variables, function (rsp) {
             if (rsp.errors)
-                console.log("rsp.errors", rsp.errors);
+                console.log('rsp.errors', rsp.errors);
             else {
-                if (rsp.data.quoteSigningUrlCreate.pluginShortName === "dropbox_sign") {
-                    openDropboxSignModal(rsp.data.quoteSigningUrlCreate.pluginClientId, rsp.data.quoteSigningUrlCreate.redirectUri);
-                }
-                else if (rsp.data.quoteSigningUrlCreate.pluginShortName === "pandadoc") {
-                    setPandadocPollingModalVisible(true);
+                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;
+                    }
                 }
-                else {
-                    window.location.href = rsp.data.quoteSigningUrlCreate.redirectUri;
+                else if (message) {
+                    // If redirectUri is nil but message exists, display the message as notification
+                    showInfoNotification(message, 'Signing Information');
+                    setIsAccepting(false);
                 }
             }
         }, token);
     };
-    var openDropboxSignModal = function (clientId, url) { return __awaiter(void 0, void 0, void 0, function () {
-        var HelloSign, client;
-        return __generator(this, function (_a) {
-            switch (_a.label) {
-                case 0:
-                    if (typeof window === "undefined") {
-                        return [2 /*return*/];
-                    }
-                    return [4 /*yield*/, import('hellosign-embedded')];
-                case 1:
-                    HelloSign = (_a.sent()).default;
-                    client = new HelloSign({
-                        clientId: clientId,
-                    });
-                    client.on("sign", function (data) {
-                        queryClient.refetchQueries({
-                            queryKey: QueryKeyFactory.default.createQuoteKey({
-                                id: quoteId,
-                                token: token,
-                            }),
-                        });
-                    });
-                    // Open the DropboxSign modal
-                    client.open(url, {
-                        clientId: clientId,
-                        skipDomainVerification: false, // Set true for development testing
-                    });
-                    return [2 /*return*/];
-            }
-        });
-    }); };
     var _e = useMutation({
         mutationFn: function (changedFormItems) { return __awaiter(void 0, void 0, void 0, function () {
             return __generator(this, function (_a) {
@@ -19555,7 +19531,7 @@ var AcceptQuoteModal = function (_a) {
     var createRules = function (required, title) {
         return required ? [{ required: true, message: "".concat(title, " is required") }] : [];
     };
-    return (jsx(StyledModal$1, __assign({ centered: true, okText: isSendAcceptPending ? "Accepting..." : "Accept", okButtonProps: {
+    return (jsx(StyledModal$1, __assign({ centered: true, okText: isSendAcceptPending ? 'Accepting...' : 'Accept', okButtonProps: {
             loading: isSendAcceptPending,
             disabled: isSendAcceptPending,
         }, onCancel: function () {
@@ -19568,7 +19544,7 @@ var AcceptQuoteModal = function (_a) {
                 sendAccept(changedFields);
             })
                 .catch(function () { });
-        }, open: acceptBoxVisible, title: "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, {}) })))] })) })));
+        }, 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, {}) })))] })) })));
 };
 
 var Title$2 = Typography.Title;
@@ -19711,7 +19687,7 @@ function QuoteButtons(_a) {
     var isExpired = useIsExpired(formattedQuote === null || formattedQuote === void 0 ? void 0 : formattedQuote.expiresAt);
     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' : 'Accept quote' }))) : 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' : 'Start signing' }))) : null }))] })))] })));
 }
 function PaymentHoldDisplay(_a) {
     var _b, _c, _d, _e;

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

@@ -1,4 +1,4 @@
-import { FormattedQuote } from "@bunnyapp/common";
+import { FormattedQuote } from '@bunnyapp/common';
 declare const AcceptQuoteModal: ({ acceptBoxVisible, formattedQuote, sendAccept, setAcceptBoxVisible, setIsAccepting, isSendAcceptPending, }: {
     acceptBoxVisible: boolean;
     formattedQuote: FormattedQuote;

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

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bunnyapp/components",
-  "version": "1.0.68-beta.5",
+  "version": "1.0.68-beta.6",
   "description": "Components from the Bunny portal to embed Bunny UI functionality into your application.",
   "main": "dist/cjs/index.js",
   "module": "dist/esm/index.js",
@@ -37,7 +37,6 @@
     "@storybook/test": "^8.4.7",
     "@tanstack/eslint-plugin-query": "^5.60.1",
     "@tanstack/react-query-devtools": "^5.65.1",
-    "@types/hellosign-embedded": "^2.0.6",
     "@types/lodash": "^4.17.13",
     "@types/lodash-es": "^4.17.12",
     "@types/pluralize": "^0.0.33",
@@ -76,7 +75,6 @@
     "@tanstack/react-query": "^5.59.20",
     "antd": "^5.23.2",
     "graphql-request": "^6.1.0",
-    "hellosign-embedded": "^2.12.2",
     "interweave": "^13.1.0",
     "less": "^4.2.0",
     "lodash-es": "^4.17.21",