@verdocs/web-sdk 1.14.3 → 1.14.4

package/dist/esm/verdocs-envelope-recipient-summary.entry.js

@@ -5,7 +5,7 @@ import './Types-5f31149e.js';
 import { V as VerdocsEndpoint } from './VerdocsEndpoint-5b92f115.js';
 import { c as createStore } from './index-29123f30.js';
 import { e as getEnvelope } from './Envelopes-c3d471e5.js';
-import { V as VerdocsToast } from './Toast-fbda07e3.js';
+import { V as VerdocsToast } from './Toast-f3b8fd46.js';
 import { S as SDKError } from './errors-9b5498c8.js';
 
 const createEnvelopeStore = (envelopeId) => {
@@ -85,7 +85,7 @@ const getEnvelopeStore = async (endpoint, envelopeId, forceReload = false) => {
   return store;
 };
 
-const verdocsEnvelopeRecipientSummaryCss = "verdocs-envelope-recipient-summary{top:0;left:0;right:0;bottom:0;display:-ms-flexbox;display:flex;z-index:100000;position:fixed;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;font-family:\"Inter\", \"Barlow\", sans-serif;background-color:#0000007f}verdocs-envelope-recipient-summary .label{color:#ffffff}verdocs-envelope-recipient-summary .content{width:600px;display:-ms-flexbox;display:flex;max-width:90%;font-size:18px;-ms-flex:0 0 600px;flex:0 0 600px;border-radius:6px;background:#ffffff;-ms-flex-direction:column;flex-direction:column;padding:30px 20px 20px}verdocs-envelope-recipient-summary .content .title{font-size:20px;margin:0 0 10px 0;color:#33364b}verdocs-envelope-recipient-summary .recipient{display:-ms-flexbox;display:flex;color:#33364b;margin:8px 0 24px 0;-ms-flex-direction:column;flex-direction:column}verdocs-envelope-recipient-summary .recipient .role-name{-ms-flex:1;flex:1;display:-ms-flexbox;display:flex;font-size:14px;font-weight:600;margin:0 0 8px 0;color:#092c4c}verdocs-envelope-recipient-summary .recipient .role-info{gap:5px;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row}verdocs-envelope-recipient-summary .recipient .role-full-name{-ms-flex:1;flex:1;height:34px;display:-ms-flexbox;display:flex;font-size:16px;padding:0 12px;border-radius:4px;-ms-flex-align:center;align-items:center;border:1px solid #cccccc;background:#f9fafb}verdocs-envelope-recipient-summary .recipient .recipient-link{width:120px;padding:0 16px;font-weight:500;margin:0 0 0 8px;text-align:center;font-size:0.875rem;border-radius:100%;color:#374151;line-height:1.25rem;background-color:#d8d8d8;border:2px solid #9ca3af}verdocs-envelope-recipient-summary .recipient .link-wrapper{gap:5px;display:-ms-flexbox;display:flex;margin:4px 0 0 0;-ms-flex-direction:row;flex-direction:row}verdocs-envelope-recipient-summary .recipient .link-wrapper .link{-ms-flex:1;flex:1;height:34px;display:-ms-flexbox;display:flex;font-size:16px;padding:0 12px;border-radius:4px;-ms-flex-align:center;align-items:center;border:1px solid #cccccc;background:#f9fafb}verdocs-envelope-recipient-summary .buttons{display:-ms-flexbox;display:flex;-webkit-column-gap:15px;-moz-column-gap:15px;column-gap:15px;margin:10px 0 0 0;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}verdocs-envelope-recipient-summary .buttons verdocs-button{-ms-flex:0 0 120px;flex:0 0 120px;margin-left:10px;white-space:nowrap}verdocs-envelope-recipient-summary .buttons verdocs-button button{width:100%}";
+const verdocsEnvelopeRecipientSummaryCss = "verdocs-envelope-recipient-summary{top:0;left:0;right:0;bottom:0;display:-ms-flexbox;display:flex;z-index:100000;position:fixed;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;font-family:\"Inter\", \"Barlow\", sans-serif;background-color:#0000007f}verdocs-envelope-recipient-summary .summary-content{width:600px;display:-ms-flexbox;display:flex;max-width:90%;font-size:18px;-ms-flex:0 0 600px;flex:0 0 600px;border-radius:6px;background:#ffffff;-ms-flex-direction:column;flex-direction:column;padding:30px 20px 20px}verdocs-envelope-recipient-summary .summary-content .summary-title{font-size:20px;font-weight:700;margin:0 0 10px 0;color:#33364b}verdocs-envelope-recipient-summary .summary-recipient{display:-ms-flexbox;display:flex;color:#33364b;margin:8px 0 24px 0;-ms-flex-direction:column;flex-direction:column}verdocs-envelope-recipient-summary .summary-recipient .role-name{-ms-flex:1;flex:1;display:-ms-flexbox;display:flex;font-size:14px;font-weight:600;margin:0 0 8px 0;color:#092c4c}verdocs-envelope-recipient-summary .summary-recipient .role-info{gap:5px;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row}verdocs-envelope-recipient-summary .summary-recipient .role-full-name{-ms-flex:1;flex:1;height:34px;display:-ms-flexbox;display:flex;font-size:16px;padding:0 12px;border-radius:4px;-ms-flex-align:center;align-items:center;border:1px solid #cccccc;background:#f9fafb}verdocs-envelope-recipient-summary .summary-recipient .recipient-link{width:120px;padding:0 16px;font-weight:500;margin:0 0 0 8px;text-align:center;font-size:0.875rem;border-radius:100%;color:#374151;line-height:1.25rem;background-color:#d8d8d8;border:2px solid #9ca3af}verdocs-envelope-recipient-summary .summary-recipient .link-wrapper{gap:5px;display:-ms-flexbox;display:flex;margin:4px 0 0 0;-ms-flex-direction:row;flex-direction:row}verdocs-envelope-recipient-summary .summary-recipient .link-wrapper .link{-ms-flex:1;flex:1;height:34px;display:-ms-flexbox;display:flex;font-size:16px;padding:0 12px;border-radius:4px;-ms-flex-align:center;align-items:center;border:1px solid #cccccc;background:#f9fafb}verdocs-envelope-recipient-summary .buttons{display:-ms-flexbox;display:flex;-webkit-column-gap:15px;-moz-column-gap:15px;column-gap:15px;margin:10px 0 0 0;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}verdocs-envelope-recipient-summary .buttons verdocs-button{-ms-flex:0 0 120px;flex:0 0 120px;margin-left:10px;white-space:nowrap}verdocs-envelope-recipient-summary .buttons verdocs-button button{width:100%}";
 
 const VerdocsEnvelopeRecipientSummary = class {
   constructor(hostRef) {
@@ -158,27 +158,27 @@ const VerdocsEnvelopeRecipientSummary = class {
     });
   }
   getLink(recipient) {
-    this.gettingLinks[recipient.role_name] = true;
+    this.gettingLinks = { ...this.gettingLinks, [recipient.role_name]: true };
     getInPersonLink(this.endpoint, recipient.envelope_id, recipient.role_name)
       .then(response => {
-      this.gettingLinks[recipient.role_name] = false;
+      this.gettingLinks = { ...this.gettingLinks, [recipient.role_name]: false };
       this.links = { ...this.links, [recipient.role_name]: response.link };
       this.copyLink(response.link);
     })
       .catch(e => {
-      this.gettingLinks[recipient.role_name] = false;
+      this.gettingLinks = { ...this.gettingLinks, [recipient.role_name]: false };
       console.log('[RECIPIENTS] Error getting link', e);
       VerdocsToast('Unable to get link: ' + e.message, { style: 'error' });
     });
   }
   render() {
     var _a;
-    return (h(Host, null, h("div", { class: "content" }, h("h1", { class: "title" }, "Recipient Summary"), h("div", { class: "rows" }, (_a = this.store.state) === null || _a === void 0 ? void 0 : _a.recipients.map(recipient => {
+    return (h(Host, null, h("div", { class: "summary-content" }, h("h1", { class: "summary-title" }, "Recipient Summary"), h("div", { class: "summary-rows" }, (_a = this.store.state) === null || _a === void 0 ? void 0 : _a.recipients.map(recipient => {
       const recipientsWithActions = getRecipientsWithActions(this.store.state);
       const showLinkButton = recipientCanAct(recipient, recipientsWithActions);
       const link = this.links[recipient.role_name];
       const gettingLink = this.gettingLinks[recipient.role_name];
-      return (h("div", { class: "recipient" }, h("div", { class: "role-name" }, recipient.role_name), h("div", { class: "role-details" }, h("div", { class: "role-info" }, h("div", { class: "role-full-name" }, recipient.full_name, " (", recipient.email || recipient.phone, ")"), showLinkButton && !link && h("verdocs-button", { size: "small", variant: "outline", label: "Get Link", disabled: gettingLink, onClick: () => this.getLink(recipient) })), link && (h("div", { class: "link-wrapper" }, h("div", { class: "link" }, link), h("verdocs-button", { size: "small", variant: "outline", label: "Copy", onClick: () => this.copyLink(link) }))))));
+      return (h("div", { class: "summary-recipient" }, h("div", { class: "role-name" }, recipient.role_name), h("div", { class: "role-details" }, h("div", { class: "role-info" }, h("div", { class: "role-full-name" }, recipient.full_name, " (", recipient.email || recipient.phone, ")"), showLinkButton && !link && h("verdocs-button", { size: "small", variant: "outline", label: "Get Link", disabled: gettingLink, onClick: () => this.getLink(recipient) })), link && (h("div", { class: "link-wrapper" }, h("div", { class: "link" }, link), h("verdocs-button", { size: "small", variant: "outline", label: "Copy", onClick: () => this.copyLink(link) }))))));
     })), (this.canSendAnother || this.canView || this.canDone) && (h("div", { class: "buttons" }, this.canSendAnother && h("verdocs-button", { size: "small", label: "Send Another", onClick: e => this.handleAnother(e) }), this.canView && h("verdocs-button", { size: "small", label: "View Now", onClick: e => this.handleView(e) }), this.canDone && h("verdocs-button", { size: "small", label: "Done", onClick: e => this.handleDone(e) }))))));
   }
 };

package/dist/esm/verdocs-envelope-sidebar.entry.js

@@ -3,7 +3,7 @@ import { t as throttledGetEnvelope } from './Envelopes-c3d471e5.js';
 import { u as userIsEnvelopeOwner } from './Permissions-7192ef7c.js';
 import './Types-5f31149e.js';
 import { V as VerdocsEndpoint } from './VerdocsEndpoint-5b92f115.js';
-import { V as VerdocsToast } from './Toast-fbda07e3.js';
+import { V as VerdocsToast } from './Toast-f3b8fd46.js';
 import { S as SDKError } from './errors-9b5498c8.js';
 import { f as format } from './index-d264c496.js';
 
@@ -211,7 +211,7 @@ const VerdocsEnvelopeSidebar = class {
           entries.push({ icon: 'link', message: `Owner accessed the In-person link for ${user}.`, date: new Date(history.created_at) });
           break;
         default:
-          console.log('unknown', history);
+          console.log('[SIDEBAR] Unknown history type', history);
           break;
       }
     });
@@ -226,7 +226,6 @@ const VerdocsEnvelopeSidebar = class {
     const session = this.endpoint.getSession();
     const isEnvelopeOwner = userIsEnvelopeOwner(session, this.envelope);
     const historyEntries = this.prepareHistoryEntries();
-    console.log('e', this.envelope);
     return (h(Host, { class: this.panelOpen ? 'open' : '' }, h("div", { class: "side-buttons" }, h("button", { class: this.activeTab === 1 ? 'active' : '', onClick: () => this.setTab(1), innerHTML: InformationCircle }), h("button", { class: this.activeTab === 2 ? 'active' : '', onClick: () => this.setTab(2), innerHTML: Users }), h("button", { class: this.activeTab === 3 ? 'active' : '', onClick: () => this.setTab(3), innerHTML: ClipboardDocuments })), this.activeTab === 1 && (h("div", { class: "content" }, h("div", { class: "title" }, "Details"), h("div", { class: "label" }, "Envelope ID"), h("div", { class: "value" }, this.envelope.id), h("div", { class: "label" }, "Date Created"), h("div", { class: "value" }, format(new Date(this.envelope.created_at), 'PP pp')), h("div", { class: "label" }, "Last Modified"), h("div", { class: "value" }, format(new Date(this.envelope.updated_at), 'PP pp')), h("div", { class: "label" }, "Status"), h("div", { class: "value" }, this.envelope.status), h("div", { class: "label" }, "Verdoc Owner ID"), h("div", { class: "value" }, this.envelope.profile_id), h("div", { class: "label" }, "Verdoc Owner Name"), h("div", { class: "value" }, (_a = this.envelope.profile) === null || _a === void 0 ? void 0 :
       _a.first_name, " ", (_b = this.envelope.profile) === null || _b === void 0 ? void 0 :
       _b.last_name), h("div", { class: "label" }, "Verdoc Owner Email"), h("div", { class: "value" }, (_c = this.envelope.profile) === null || _c === void 0 ? void 0 : _c.email))), this.activeTab === 2 && (h("div", { class: "content" }, h("div", { class: "title" }, "Recipients"), this.sortedRecipients.map((recipient, index) => (h("div", { class: "recipient-detail" }, h("div", { class: "recipient-header" }, h("div", { class: "recipient-number" }, index + 1), h("div", { class: "recipient-type" }, recipient.role_name), h("div", { class: { 'recipient-status': true, [recipient.status]: true } }, recipient.status), isEnvelopeOwner && (h("verdocs-dropdown", { onOptionSelected: item => this.handleRecipientAction(recipient, item.detail.id), options: [

package/dist/esm/verdocs-field-checkbox.entry.js

@@ -1,6 +1,6 @@
 import { r as registerInstance, c as createEvent, h, H as Host } from './index-b18c0348.js';
 import { g as getRGBA } from './Colors-1b298092.js';
-import { g as getFieldSettings } from './utils-75cee3f6.js';
+import { g as getFieldSettings } from './utils-888f9f20.js';
 import './_commonjsHelpers-5ec8f9b7.js';
 import './Envelopes-c3d471e5.js';
 import './Types-5f31149e.js';

package/dist/esm/verdocs-field-date.entry.js

@@ -1,5 +1,5 @@
 import { r as registerInstance, c as createEvent, h, H as Host } from './index-b18c0348.js';
-import { g as getFieldSettings } from './utils-75cee3f6.js';
+import { g as getFieldSettings } from './utils-888f9f20.js';
 import { g as getRGBA } from './Colors-1b298092.js';
 import { f as format } from './index-d264c496.js';
 import './_commonjsHelpers-5ec8f9b7.js';

package/dist/esm/verdocs-field-dropdown.entry.js

@@ -1,6 +1,6 @@
 import { r as registerInstance, c as createEvent, h, H as Host } from './index-b18c0348.js';
 import { g as getRGBA } from './Colors-1b298092.js';
-import { g as getFieldSettings } from './utils-75cee3f6.js';
+import { g as getFieldSettings } from './utils-888f9f20.js';
 import './_commonjsHelpers-5ec8f9b7.js';
 import './Envelopes-c3d471e5.js';
 import './Types-5f31149e.js';

package/dist/esm/verdocs-field-initial.entry.js

@@ -1,6 +1,6 @@
 import { r as registerInstance, c as createEvent, h, H as Host } from './index-b18c0348.js';
 import { g as getRGBA } from './Colors-1b298092.js';
-import { g as getFieldSettings } from './utils-75cee3f6.js';
+import { g as getFieldSettings } from './utils-888f9f20.js';
 import './_commonjsHelpers-5ec8f9b7.js';
 import './Envelopes-c3d471e5.js';
 import './Types-5f31149e.js';

package/dist/esm/verdocs-field-payment.entry.js

@@ -1,6 +1,6 @@
 import { r as registerInstance, c as createEvent, h, H as Host } from './index-b18c0348.js';
 import { g as getRGBA } from './Colors-1b298092.js';
-import { g as getFieldSettings } from './utils-75cee3f6.js';
+import { g as getFieldSettings } from './utils-888f9f20.js';
 import './_commonjsHelpers-5ec8f9b7.js';
 import './Envelopes-c3d471e5.js';
 import './Types-5f31149e.js';

package/dist/esm/verdocs-field-radio-button.entry.js

@@ -1,6 +1,6 @@
 import { r as registerInstance, c as createEvent, h, H as Host } from './index-b18c0348.js';
 import { g as getRGBA } from './Colors-1b298092.js';
-import { g as getFieldSettings } from './utils-75cee3f6.js';
+import { g as getFieldSettings } from './utils-888f9f20.js';
 import './_commonjsHelpers-5ec8f9b7.js';
 import './Envelopes-c3d471e5.js';
 import './Types-5f31149e.js';

package/dist/esm/verdocs-field-signature.entry.js

@@ -1,6 +1,6 @@
 import { r as registerInstance, c as createEvent, h, H as Host } from './index-b18c0348.js';
 import { g as getRGBA } from './Colors-1b298092.js';
-import { g as getFieldSettings } from './utils-75cee3f6.js';
+import { g as getFieldSettings } from './utils-888f9f20.js';
 import './_commonjsHelpers-5ec8f9b7.js';
 import './Envelopes-c3d471e5.js';
 import './Types-5f31149e.js';

package/dist/esm/verdocs-field-textarea.entry.js

@@ -1,6 +1,6 @@
 import { r as registerInstance, c as createEvent, h, H as Host } from './index-b18c0348.js';
 import { g as getRGBA } from './Colors-1b298092.js';
-import { g as getFieldSettings } from './utils-75cee3f6.js';
+import { g as getFieldSettings } from './utils-888f9f20.js';
 import './_commonjsHelpers-5ec8f9b7.js';
 import './Envelopes-c3d471e5.js';
 import './Types-5f31149e.js';

package/dist/esm/verdocs-field-textbox.entry.js

@@ -1,7 +1,7 @@
 import { r as registerInstance, c as createEvent, h, H as Host, a as getElement } from './index-b18c0348.js';
 import { i as interact } from './interact.min-cf83fa88.js';
 import { g as getRGBA } from './Colors-1b298092.js';
-import { g as getFieldSettings } from './utils-75cee3f6.js';
+import { g as getFieldSettings } from './utils-888f9f20.js';
 import './_commonjsHelpers-5ec8f9b7.js';
 import './Envelopes-c3d471e5.js';
 import './Types-5f31149e.js';

package/dist/esm/verdocs-field-timestamp.entry.js

@@ -1,6 +1,6 @@
 import { r as registerInstance, c as createEvent, h, H as Host } from './index-b18c0348.js';
 import { g as getRGBA } from './Colors-1b298092.js';
-import { g as getFieldSettings } from './utils-75cee3f6.js';
+import { g as getFieldSettings } from './utils-888f9f20.js';
 import { f as format } from './index-d264c496.js';
 import './_commonjsHelpers-5ec8f9b7.js';
 import './Envelopes-c3d471e5.js';

package/dist/esm/verdocs-preview.entry.js

@@ -1,7 +1,7 @@
 import { r as registerInstance, c as createEvent, h, H as Host } from './index-b18c0348.js';
 import './Types-5f31149e.js';
 import { V as VerdocsEndpoint } from './VerdocsEndpoint-5b92f115.js';
-import { r as renderDocumentField, a as getRoleIndex } from './utils-75cee3f6.js';
+import { r as renderDocumentField, a as getRoleIndex } from './utils-888f9f20.js';
 import { g as getTemplateStore, a as getRoleNames } from './TemplateStore-852097c3.js';
 import { S as SDKError } from './errors-9b5498c8.js';
 import './_commonjsHelpers-5ec8f9b7.js';

package/dist/esm/verdocs-send.entry.js

@@ -4,7 +4,7 @@ import { V as VerdocsEndpoint } from './VerdocsEndpoint-5b92f115.js';
 import { i as isValidEmail, a as isValidPhone } from './Validators-f110bae2.js';
 import { g as getRGBA } from './Colors-1b298092.js';
 import { g as getTemplateStore } from './TemplateStore-852097c3.js';
-import { a as getRoleIndex } from './utils-75cee3f6.js';
+import { a as getRoleIndex } from './utils-888f9f20.js';
 import { S as SDKError } from './errors-9b5498c8.js';
 import './index-29123f30.js';
 import './Templates-67172396.js';

package/dist/esm/verdocs-sign.entry.js

@@ -5,9 +5,9 @@ import { e as envelopeRecipientAgree, a as envelopeRecipientDecline, b as envelo
 import { V as VerdocsEndpoint } from './VerdocsEndpoint-5b92f115.js';
 import { a as isValidPhone, i as isValidEmail } from './Validators-f110bae2.js';
 import { f as fullNameToInitials, i as integerSequence } from './Primitives-054bc6e5.js';
-import { s as saveAttachment, u as updateDocumentFieldValue, a as getRoleIndex, r as renderDocumentField, b as getFieldId } from './utils-75cee3f6.js';
+import { s as saveAttachment, u as updateDocumentFieldValue, a as getRoleIndex, r as renderDocumentField, b as getFieldId } from './utils-888f9f20.js';
 import { S as SDKError } from './errors-9b5498c8.js';
-import { V as VerdocsToast } from './Toast-fbda07e3.js';
+import { V as VerdocsToast } from './Toast-f3b8fd46.js';
 import { f as format } from './index-d264c496.js';
 import './_commonjsHelpers-5ec8f9b7.js';
 import './Files-70a192df.js';

package/dist/esm/verdocs-template-document-page_2.entry.js

@@ -2,7 +2,7 @@ import { r as registerInstance, c as createEvent, h, H as Host, a as getElement
 import './Types-5f31149e.js';
 import { g as getTemplateDocumentPageDisplayUri } from './TemplateDocuments-6fd2f4e2.js';
 import { V as VerdocsEndpoint } from './VerdocsEndpoint-5b92f115.js';
-import { t as throttle } from './utils-75cee3f6.js';
+import { t as throttle } from './utils-888f9f20.js';
 import { c as createPopper } from './popper-bfa25c7f.js';
 import './_commonjsHelpers-5ec8f9b7.js';
 import './Envelopes-c3d471e5.js';

package/dist/esm/verdocs-template-fields_4.entry.js

@@ -4,7 +4,7 @@ import './Types-5f31149e.js';
 import { u as updateField, c as createField } from './Fields-c82e6df3.js';
 import { V as VerdocsEndpoint, T as TemplateSenderTypes } from './VerdocsEndpoint-5b92f115.js';
 import { i as integerSequence } from './Primitives-054bc6e5.js';
-import { a as getRoleIndex, r as renderDocumentField, e as updateCssTransform, f as defaultWidth, h as defaultHeight } from './utils-75cee3f6.js';
+import { a as getRoleIndex, r as renderDocumentField, e as updateCssTransform, f as defaultWidth, h as defaultHeight } from './utils-888f9f20.js';
 import { g as getTemplateStore, a as getRoleNames } from './TemplateStore-852097c3.js';
 import { S as SDKError } from './errors-9b5498c8.js';
 import { g as getRGBA } from './Colors-1b298092.js';

package/dist/esm/verdocs-view.entry.js

@@ -4,7 +4,7 @@ import { a as userCanCancelEnvelope } from './Permissions-7192ef7c.js';
 import './Types-5f31149e.js';
 import { V as VerdocsEndpoint } from './VerdocsEndpoint-5b92f115.js';
 import { i as integerSequence } from './Primitives-054bc6e5.js';
-import { c as saveEnvelopesAsZip, d as saveCertificate, s as saveAttachment } from './utils-75cee3f6.js';
+import { c as saveEnvelopesAsZip, d as saveCertificate, s as saveAttachment } from './utils-888f9f20.js';
 import { S as SDKError } from './errors-9b5498c8.js';
 import './_commonjsHelpers-5ec8f9b7.js';
 import './Files-70a192df.js';

package/dist/esm-es5/{Toast-fbda07e3.js → Toast-f3b8fd46.js}

@@ -1 +1 @@
-var Icons={error:'<div class="toast-icon"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" style="width: 24px; height: 24px; display: block;">\n  <path fill-rule="evenodd" d="M2.25 12c0-5.385 4.365-9.75 9.75-9.75s9.75 4.365 9.75 9.75-4.365 9.75-9.75 9.75S2.25 17.385 2.25 12zM12 8.25a.75.75 0 01.75.75v3.75a.75.75 0 01-1.5 0V9a.75.75 0 01.75-.75zm0 8.25a.75.75 0 100-1.5.75.75 0 000 1.5z" clip-rule="evenodd" />\n</svg></div>',success:'<div class="toast-icon"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" style="width: 24px; height: 24px; display: block;">\n  <path fill-rule="evenodd" d="M2.25 12c0-5.385 4.365-9.75 9.75-9.75s9.75 4.365 9.75 9.75-4.365 9.75-9.75 9.75S2.25 17.385 2.25 12zm13.36-1.814a.75.75 0 10-1.22-.872l-3.236 4.53L9.53 12.22a.75.75 0 00-1.06 1.06l2.25 2.25a.75.75 0 001.14-.094l3.75-5.25z" clip-rule="evenodd" />\n</svg></div>',info:'<div class="toast-icon"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" style="width: 24px; height: 24px; display: block;">\n  <path fill-rule="evenodd" d="M2.25 12c0-5.385 4.365-9.75 9.75-9.75s9.75 4.365 9.75 9.75-4.365 9.75-9.75 9.75S2.25 17.385 2.25 12zm8.706-1.442c1.146-.573 2.437.463 2.126 1.706l-.709 2.836.042-.02a.75.75 0 01.67 1.34l-.04.022c-1.147.573-2.438-.463-2.127-1.706l.71-2.836-.042.02a.75.75 0 11-.671-1.34l.041-.022zM12 9a.75.75 0 100-1.5.75.75 0 000 1.5z" clip-rule="evenodd" />\n</svg></div>',default:'<div class="toast-icon"></div>'};var Colors={error:"#ed3d3d",success:"#3dc763",info:"#2379c7",default:"#6a56c1"};var removeToasts=function(){return Array.from(document.getElementsByClassName("verdocs-toast")).forEach((function(o){return o.remove()}))};var closeClicked=function(o){o.stopPropagation();removeToasts()};var VerdocsToast=function(o,e){if(e===void 0){e={}}removeToasts();var s=e||{},t=s.duration,a=t===void 0?5e3:t,r=s.style,l=r===void 0?"default":r;var d=Colors[l]||Colors.default;var n=Icons[l]||Icons.default;var c="\n    ".concat(n,'\n    <div class="verdocs-toast-text" style="padding: 12px 12px 12px 0;">').concat(o,'</div>\n    <div class="verdocs-toast-close" style="padding: 12px 8px; background: rgba(0,0,0,0.25); cursor: pointer;">✕</div>\n  ');var i=document.createElement("div");i.className="verdocs-toast";i.innerHTML=c;i.style.cssText="\ndisplay: flex; flex-direction: row; gap: 10px; align-items: center;\nposition: fixed; top: 20px; right: 20px; z-index: 2147483647; max-width: calc(50% - 20px);\ncolor: #ffffff; background: ".concat(d,"; font-family: 'Barlow', sans-serif;\nborder-radius: 2px; padding-left: 10px;\nbox-shadow: 0 3px 7px 2px rgba(0, 0, 0, 0.12), 0 10px 36px -4px rgba(77, 96, 232, 0.3);");document.body.append(i);var v=Array.from(document.getElementsByClassName("verdocs-toast-close"));v.forEach((function(o){return o.addEventListener("click",closeClicked)}));setTimeout(removeToasts,a)};export{VerdocsToast as V};
+var Icons={error:'<div class="toast-icon"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" style="width: 24px; height: 24px; display: block;">\n  <path fill-rule="evenodd" d="M2.25 12c0-5.385 4.365-9.75 9.75-9.75s9.75 4.365 9.75 9.75-4.365 9.75-9.75 9.75S2.25 17.385 2.25 12zM12 8.25a.75.75 0 01.75.75v3.75a.75.75 0 01-1.5 0V9a.75.75 0 01.75-.75zm0 8.25a.75.75 0 100-1.5.75.75 0 000 1.5z" clip-rule="evenodd" />\n</svg></div>',success:'<div class="toast-icon"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" style="width: 24px; height: 24px; display: block;">\n  <path fill-rule="evenodd" d="M2.25 12c0-5.385 4.365-9.75 9.75-9.75s9.75 4.365 9.75 9.75-4.365 9.75-9.75 9.75S2.25 17.385 2.25 12zm13.36-1.814a.75.75 0 10-1.22-.872l-3.236 4.53L9.53 12.22a.75.75 0 00-1.06 1.06l2.25 2.25a.75.75 0 001.14-.094l3.75-5.25z" clip-rule="evenodd" />\n</svg></div>',info:'<div class="toast-icon"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" style="width: 24px; height: 24px; display: block;">\n  <path fill-rule="evenodd" d="M2.25 12c0-5.385 4.365-9.75 9.75-9.75s9.75 4.365 9.75 9.75-4.365 9.75-9.75 9.75S2.25 17.385 2.25 12zm8.706-1.442c1.146-.573 2.437.463 2.126 1.706l-.709 2.836.042-.02a.75.75 0 01.67 1.34l-.04.022c-1.147.573-2.438-.463-2.127-1.706l.71-2.836-.042.02a.75.75 0 11-.671-1.34l.041-.022zM12 9a.75.75 0 100-1.5.75.75 0 000 1.5z" clip-rule="evenodd" />\n</svg></div>',default:'<div class="toast-icon"></div>'};var Colors={error:"#ed3d3d",success:"#3dc763",info:"#2379c7",default:"#6a56c1"};var removeToasts=function(){return Array.from(document.getElementsByClassName("verdocs-toast")).forEach((function(o){return o.remove()}))};var closeClicked=function(o){o.stopPropagation();removeToasts()};var VerdocsToast=function(o,e){if(e===void 0){e={}}removeToasts();var s=e||{},t=s.duration,a=t===void 0?5e3:t,r=s.style,l=r===void 0?"default":r;var d=Colors[l]||Colors.default;var n=Icons[l]||Icons.default;var c="\n    ".concat(n,'\n    <div class="verdocs-toast-text" style="padding: 12px 12px 12px 0;">').concat(o,'</div>\n    <div class="verdocs-toast-close" style="padding: 12px 10px; background: rgba(0, 0, 0, 0.2); cursor: pointer;">✕</div>\n  ');var i=document.createElement("div");i.className="verdocs-toast";i.innerHTML=c;i.style.cssText="\ndisplay: flex; flex-direction: row; gap: 10px; align-items: center;\nposition: fixed; top: 20px; right: 20px; z-index: 2147483647; max-width: calc(50% - 20px);\ncolor: #ffffff; background: ".concat(d,"; font-family: 'Barlow', sans-serif;\nborder-radius: 2px; padding-left: 10px;\nbox-shadow: 0 3px 7px 2px rgba(0, 0, 0, 0.12), 0 10px 36px -4px rgba(77, 96, 232, 0.3);");document.body.append(i);var v=Array.from(document.getElementsByClassName("verdocs-toast-close"));v.forEach((function(o){return o.addEventListener("click",closeClicked)}));setTimeout(removeToasts,a)};export{VerdocsToast as V};