@verdocs/web-sdk 1.12.21 → 1.12.22

package/dist/esm/verdocs-button-panel_3.entry.js

@@ -3,10 +3,9 @@ import { c as createPopper } from './popper-f860750c.js';
 import './Types-6dc82c14.js';
 import { u as updateField, d as deleteField } from './Fields-c82e6df3.js';
 import { V as VerdocsEndpoint } from './VerdocsEndpoint-ddde1255.js';
-import { s as state } from './templateStore-3b087176.js';
-import { l as loadTemplate } from './Templates-d66ec625.js';
+import { s as state } from './templateStore-17c872da.js';
+import { l as loadTemplate } from './Templates-deedf4bd.js';
 import { S as SDKError } from './errors-9b5498c8.js';
-import './index-85f4a40f.js';
 import './Primitives-054bc6e5.js';
 import './Templates-8e4ab976.js';
 

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

@@ -1,9 +1,9 @@
 import { r as registerInstance, c as createEvent, h, H as Host, a as getElement } from './index-5260ed60.js';
 import { c as createPopper } from './popper-f860750c.js';
-import { h as getEnvelopeDocumentPageDisplayUri } from './Envelopes-16f09341.js';
+import { f as getEnvelopeDocumentPageDisplayUri } from './Envelopes-c36c692e.js';
 import './Types-6dc82c14.js';
 import { V as VerdocsEndpoint } from './VerdocsEndpoint-ddde1255.js';
-import { t as throttle } from './utils-bca7b101.js';
+import { t as throttle } from './utils-1d934f99.js';
 import './Files-70a192df.js';
 import './index-d264c496.js';
 

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

@@ -1,11 +1,9 @@
 import { r as registerInstance, c as createEvent, h, H as Host } from './index-5260ed60.js';
+import { t as throttledGetEnvelope } from './Envelopes-c36c692e.js';
 import './Types-6dc82c14.js';
 import { V as VerdocsEndpoint } from './VerdocsEndpoint-ddde1255.js';
-import { g as getEnvelopeById, s as state } from './Envelopes-93e699a5.js';
 import { S as SDKError } from './errors-9b5498c8.js';
 import { f as format } from './index-d264c496.js';
-import './Envelopes-16f09341.js';
-import './index-85f4a40f.js';
 
 const verdocsEnvelopeSidebarCss = "verdocs-envelope-sidebar{font-family:\"Inter\", -apple-system, \"Segoe UI\", \"Roboto\", \"Helvetica Neue\", sans-serif;-ms-flex-direction:row;flex-direction:row;display:-ms-flexbox;display:flex;-ms-flex:0 0 56px;flex:0 0 56px;width:56px;min-height:400px;height:100%;background:#41435e;-webkit-transition:0.5s cubic-bezier(0.35, 0, 0.25, 1);transition:0.5s cubic-bezier(0.35, 0, 0.25, 1)}verdocs-envelope-sidebar.open{-ms-flex:0 0 400px;flex:0 0 400px;width:400px}verdocs-envelope-sidebar .buttons{-ms-flex-direction:column;flex-direction:column;-ms-flex:0 0 56px;flex:0 0 56px;display:-ms-flexbox;display:flex}verdocs-envelope-sidebar .buttons button{height:50px;outline:none;border:none;border-left:2px solid transparent;background:none;width:100%}verdocs-envelope-sidebar .buttons button.active{border-left:2px solid #50bd80}verdocs-envelope-sidebar .buttons button svg{color:white;width:24px;height:24px}verdocs-envelope-sidebar .content{-ms-flex:1;flex:1;display:none;color:white;-ms-flex-direction:column;flex-direction:column;padding:12px 16px 16px}verdocs-envelope-sidebar.open .content{display:-ms-flexbox;display:flex;overflow-y:scroll}verdocs-envelope-sidebar .title{margin-bottom:12px;font-size:16px;line-height:24px;font-weight:400;-ms-flex:0;flex:0}verdocs-envelope-sidebar .label{font-size:12px;line-height:16px;color:rgba(255, 255, 255, 0.54);-ms-flex:0;flex:0}verdocs-envelope-sidebar .value{margin-bottom:14px;font-size:14px;font-weight:500;line-height:16px;color:#fff;-ms-flex:0;flex:0}verdocs-envelope-sidebar .recipient-detail{-ms-flex:0;flex:0;padding:8px;position:relative;-ms-flex-direction:column;flex-direction:column;border:solid 1px #979797;margin-bottom:16px}verdocs-envelope-sidebar .recipient-header{-ms-flex-direction:row;flex-direction:row;-webkit-box-sizing:border-box;box-sizing:border-box;display:-ms-flexbox;display:flex;place-content:center space-between;-ms-flex-align:center;align-items:center;margin-bottom:4px}verdocs-envelope-sidebar .recipient-number{width:24px;height:24px;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;border-radius:24px;font-size:14px;font-weight:500;margin-right:10px;border:solid 1px #979797}verdocs-envelope-sidebar .recipient-type{-ms-flex:1 1 88px;flex:1 1 88px;-webkit-box-sizing:border-box;box-sizing:border-box;max-width:88px;min-width:88px;text-transform:capitalize}verdocs-envelope-sidebar .recipient-status{-ms-flex:1 1 100px;flex:1 1 100px;border-radius:5px;text-align:center;-webkit-box-sizing:border-box;box-sizing:border-box;max-width:100px;min-width:100px;background-color:#616161;text-transform:capitalize}verdocs-envelope-sidebar .recipient-status.invited{background-color:#ff8f00}verdocs-envelope-sidebar .recipient-status.opened{background-color:#616161}verdocs-envelope-sidebar .recipient-status.signed,verdocs-envelope-sidebar .recipient-status.submitted{background-color:#2e7d32}verdocs-envelope-sidebar .recipient-status.pending{background-color:#0277bd}verdocs-envelope-sidebar .recipient-status.canceled,verdocs-envelope-sidebar .recipient-status.declined{background-color:#c62828}verdocs-envelope-sidebar .recipient-content{-ms-flex-direction:column;flex-direction:column}verdocs-envelope-sidebar .history-entry{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-direction:row;flex-direction:row;padding:8px 0 0;margin:8px 0 0;border-top:1px solid #dddddd}verdocs-envelope-sidebar .history-entry .activity-icon{margin-right:14px}verdocs-envelope-sidebar .history-entry .activity-icon svg{width:24px;height:24px;fill:#ffffff}verdocs-envelope-sidebar .history-entry .activity-text{font-size:14px;line-height:16px;margin-bottom:4px}verdocs-envelope-sidebar .history-entry .activity-date{font-size:12px;line-height:16px;color:rgba(255, 255, 255, 0.54)}verdocs-envelope-sidebar .content .history-entry:first-of-type{border-top:none}";
 
@@ -40,6 +38,8 @@ const VerdocsEnvelopeSidebar = class {
     this.envelopeUpdated = createEvent(this, "envelopeUpdated", 7);
     this.endpoint = VerdocsEndpoint.getDefault();
     this.envelopeId = '';
+    this.envelope = null;
+    this.roleNames = [];
     this.activeTab = 1;
     this.panelOpen = false;
   }
@@ -48,14 +48,15 @@ const VerdocsEnvelopeSidebar = class {
   }
   // TODO: Handling signing vs preview-as-user cases
   // TODO: Handle anonymous case and failure to load due to not being logged in
-  async componentDidLoad() {
+  async componentWillRender() {
     var _a, _b, _c;
     if (!this.envelopeId) {
       console.error(`[SIDEBAR] Missing required envelopeId`);
       return;
     }
     try {
-      await getEnvelopeById(this.endpoint, this.envelopeId);
+      this.envelope = await throttledGetEnvelope(this.endpoint, this.envelopeId);
+      this.roleNames = this.envelope.recipients.map(r => r.role_name);
     }
     catch (e) {
       (_a = this.sdkError) === null || _a === void 0 ? void 0 : _a.emit(new SDKError(e.message, (_b = e.response) === null || _b === void 0 ? void 0 : _b.status, (_c = e.response) === null || _c === void 0 ? void 0 : _c.data));
@@ -68,31 +69,31 @@ const VerdocsEnvelopeSidebar = class {
   // TODO: Refactor to a common library?
   canResendRecipient(recipient) {
     return (!['pending', 'declined', 'submitted', 'canceled'].includes(recipient.status) && //
-      !['complete', 'declined', 'canceled'].includes(state.envelope.status));
+      !['complete', 'declined', 'canceled'].includes(this.envelope.status));
   }
   canModifyRecipient(recipient) {
     return (!recipient.claimed && //
       !['declined', 'signed', 'submitted', 'canceled'].includes(recipient.status) &&
-      !['complete', 'declined', 'canceled'].includes(state.envelope.status));
+      !['complete', 'declined', 'canceled'].includes(this.envelope.status));
   }
   handleRecipientAction(recipient, id) {
     var _a;
     console.log('recipient action', id, recipient);
-    (_a = this.envelopeUpdated) === null || _a === void 0 ? void 0 : _a.emit({ endpoint: this.endpoint, envelope: state.envelope, event: id });
+    (_a = this.envelopeUpdated) === null || _a === void 0 ? void 0 : _a.emit({ endpoint: this.endpoint, envelope: this.envelope, event: id });
   }
   prepareHistoryEntries() {
     const entries = [];
-    const histories = state.envelope.histories || [];
-    entries.push({ icon: 'pencil', message: 'Envelope created.', date: new Date(state.envelope.created_at) });
-    if (state.envelope.status === 'complete') {
-      entries.push({ icon: 'pencil', message: 'Envelope completed.', date: new Date(state.envelope.updated_at) });
+    const histories = this.envelope.histories || [];
+    entries.push({ icon: 'pencil', message: 'Envelope created.', date: new Date(this.envelope.created_at) });
+    if (this.envelope.status === 'complete') {
+      entries.push({ icon: 'pencil', message: 'Envelope completed.', date: new Date(this.envelope.updated_at) });
     }
     const ownerCanceled = histories.some(history => history.event === 'owner:canceled');
-    if (state.envelope.status === 'canceled' && !ownerCanceled) {
-      entries.push({ icon: 'pencil', message: 'Envelope Cancelled.', date: new Date(state.envelope.canceled_at) });
+    if (this.envelope.status === 'canceled' && !ownerCanceled) {
+      entries.push({ icon: 'pencil', message: 'Envelope Cancelled.', date: new Date(this.envelope.canceled_at) });
     }
     histories.forEach(history => {
-      const user = state.envelope.recipients.find(recipient => recipient.role_name === history.role_name);
+      const user = this.envelope.recipients.find(recipient => recipient.role_name === history.role_name);
       const name = (user === null || user === void 0 ? void 0 : user.full_name) || '';
       switch (history.event.toLowerCase()) {
         case 'recipient:signed':
@@ -196,15 +197,15 @@ const VerdocsEnvelopeSidebar = class {
   }
   render() {
     var _a, _b, _c;
-    if (!state.envelope) {
+    if (!this.envelope) {
       return h(Host, null);
     }
     const session = this.endpoint.getSession();
-    const isEnvelopeOwner = session.profile_id === state.envelope.profile_id; // TODO: What about org admins?
+    const isEnvelopeOwner = session.profile_id === this.envelope.profile_id; // TODO: What about org admins?
     const historyEntries = this.prepareHistoryEntries();
-    return (h(Host, { class: this.panelOpen ? 'open' : '', "data-r": state.updateCount }, h("div", { class: "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" }, state.envelope.id), h("div", { class: "label" }, "Date Created"), h("div", { class: "value" }, format(new Date(state.envelope.created_at), 'PP pp')), h("div", { class: "label" }, "Last Modified"), h("div", { class: "value" }, format(new Date(state.envelope.updated_at), 'PP pp')), h("div", { class: "label" }, "Status"), h("div", { class: "value" }, state.envelope.status), h("div", { class: "label" }, "Verdoc Owner ID"), h("div", { class: "value" }, state.envelope.profile_id), h("div", { class: "label" }, "Verdoc Owner Name"), h("div", { class: "value" }, (_a = state.envelope.profile) === null || _a === void 0 ? void 0 :
-      _a.first_name, " ", (_b = state.envelope.profile) === null || _b === void 0 ? void 0 :
-      _b.last_name), h("div", { class: "label" }, "Verdoc Owner Email"), h("div", { class: "value" }, (_c = state.envelope.profile) === null || _c === void 0 ? void 0 : _c.email))), this.activeTab === 2 && (h("div", { class: "content" }, h("div", { class: "title" }, "Recipients"), state.envelope.recipients.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.type), h("div", { class: { 'recipient-status': true, [recipient.status]: true } }, recipient.status), isEnvelopeOwner && (h("verdocs-dropdown", { onOptionSelected: item => this.handleRecipientAction(recipient, item.detail.id), options: [
+    return (h(Host, { class: this.panelOpen ? 'open' : '' }, h("div", { class: "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.envelope.recipients.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.type), h("div", { class: { 'recipient-status': true, [recipient.status]: true } }, recipient.status), isEnvelopeOwner && (h("verdocs-dropdown", { onOptionSelected: item => this.handleRecipientAction(recipient, item.detail.id), options: [
         { id: 'reminder', label: 'Send Reminder', disabled: !this.canResendRecipient(recipient) },
         { id: 'modify', label: 'Modify Recipient', disabled: !this.canModifyRecipient(recipient) },
         { id: 'inperson', label: 'Get In-Person Link', disabled: !this.canModifyRecipient(recipient) || !['invited', 'opened'].includes(recipient.status) },

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

@@ -1,7 +1,6 @@
 import { r as registerInstance, c as createEvent, h, H as Host } from './index-5260ed60.js';
 import { g as getRGBA } from './Colors-1b298092.js';
-import { s as state } from './templateStore-3b087176.js';
-import './index-85f4a40f.js';
+import { s as state } from './templateStore-17c872da.js';
 import './Primitives-054bc6e5.js';
 
 const verdocsFieldAttachmentCss = "verdocs-field-attachment{font-family:\"Inter\", -apple-system, \"Segoe UI\", \"Roboto\", \"Helvetica Neue\", sans-serif;width:24px;height:24px;display:block;font-size:11px;background-color:transparent;-webkit-transform-origin:bottom left;transform-origin:bottom left}verdocs-field-attachment.disabled{opacity:0.5}verdocs-field-attachment.disabled span{cursor:inherit}verdocs-field-attachment span{width:20px;cursor:pointer}verdocs-field-attachment.required span{border:1px solid #cc0000}verdocs-field-attachment.focused{-webkit-animation:verdocs-field-pulse 0.75s 2;animation:verdocs-field-pulse 0.75s 2}";

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

@@ -1,12 +1,11 @@
 import { r as registerInstance, c as createEvent, h, H as Host } from './index-5260ed60.js';
 import { g as getRGBA } from './Colors-1b298092.js';
-import { g as getFieldSettings } from './utils-bca7b101.js';
-import { s as state } from './templateStore-3b087176.js';
-import './Envelopes-16f09341.js';
+import { g as getFieldSettings } from './utils-1d934f99.js';
+import { s as state } from './templateStore-17c872da.js';
+import './Envelopes-c36c692e.js';
 import './Types-6dc82c14.js';
 import './Files-70a192df.js';
 import './index-d264c496.js';
-import './index-85f4a40f.js';
 import './Primitives-054bc6e5.js';
 
 const verdocsFieldCheckboxCss = "@charset \"UTF-8\";verdocs-field-checkbox{font-family:\"Inter\", -apple-system, \"Segoe UI\", \"Roboto\", \"Helvetica Neue\", sans-serif;font-size:14px;position:relative;background-color:transparent;-webkit-transform-origin:bottom left;transform-origin:bottom left}verdocs-field-checkbox.disabled{opacity:0.5}verdocs-field-checkbox label>input[type=checkbox]{display:none}verdocs-field-checkbox label>input[type=checkbox]+*::before{content:\"\";position:absolute;display:block;top:1px;left:1px;width:10px;height:10px;border-radius:2px;border:1px solid rgba(0, 0, 0, 0.7)}verdocs-field-checkbox label>input[type=checkbox]:checked+*{color:#55bc81}verdocs-field-checkbox label>input[type=checkbox]:checked+*::before{content:\"✓\";color:white;text-align:center;background:#55bc81;border-color:#55bc81}verdocs-field-checkbox.required{border:1px solid #cc0000}verdocs-field-checkbox.hide{display:none}verdocs-field-checkbox.focused{-webkit-animation:verdocs-field-pulse 0.75s 2;animation:verdocs-field-pulse 0.75s 2}verdocs-field-checkbox verdocs-button-panel{margin-left:-20px;margin-top:-4px;-webkit-transform:scale(0.7);transform:scale(0.7)}";

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

@@ -1,12 +1,11 @@
 import { r as registerInstance, c as createEvent, h, H as Host } from './index-5260ed60.js';
-import { g as getFieldSettings } from './utils-bca7b101.js';
+import { g as getFieldSettings } from './utils-1d934f99.js';
 import { g as getRGBA } from './Colors-1b298092.js';
-import { s as state } from './templateStore-3b087176.js';
+import { s as state } from './templateStore-17c872da.js';
 import { f as format } from './index-d264c496.js';
-import './Envelopes-16f09341.js';
+import './Envelopes-c36c692e.js';
 import './Types-6dc82c14.js';
 import './Files-70a192df.js';
-import './index-85f4a40f.js';
 import './Primitives-054bc6e5.js';
 
 var HOOKS = [

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

@@ -1,12 +1,11 @@
 import { r as registerInstance, c as createEvent, h, H as Host } from './index-5260ed60.js';
 import { g as getRGBA } from './Colors-1b298092.js';
-import { g as getFieldSettings } from './utils-bca7b101.js';
-import { s as state } from './templateStore-3b087176.js';
-import './Envelopes-16f09341.js';
+import { g as getFieldSettings } from './utils-1d934f99.js';
+import { s as state } from './templateStore-17c872da.js';
+import './Envelopes-c36c692e.js';
 import './Types-6dc82c14.js';
 import './Files-70a192df.js';
 import './index-d264c496.js';
-import './index-85f4a40f.js';
 import './Primitives-054bc6e5.js';
 
 const verdocsFieldDropdownCss = "verdocs-field-dropdown{font-family:\"Inter\", -apple-system, \"Segoe UI\", \"Roboto\", \"Helvetica Neue\", sans-serif;width:85px;height:20px;display:block;font-size:11px;position:relative;background-color:transparent;-webkit-transform-origin:bottom left;transform-origin:bottom left}verdocs-field-dropdown.disabled{opacity:0.5}verdocs-field-dropdown select{position:absolute;background:linear-gradient(55deg, transparent 50%, #333 50%), linear-gradient(125deg, #333 50%, transparent 50%), linear-gradient(to right, transparent, transparent);background-position:calc(100% - 7px) 4px, calc(100% - 3px) 4px, 100% 0;background-size:5px 5px, 5px 5px, 2.5em 2.5em;background-repeat:no-repeat;-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-box-sizing:border-box;box-sizing:border-box;color:rgba(0, 0, 0, 0.87);font-weight:500;-webkit-transform-origin:0 0;transform-origin:0 0;height:100%;width:100%;font-size:11px;border:1px solid rgba(0, 0, 0, 0.2)}verdocs-field-dropdown select:focus{outline:none}verdocs-field-dropdown select.hide{display:none}verdocs-field-dropdown.required select{border:1px solid #cc0000}verdocs-field-dropdown.focused{-webkit-animation:verdocs-field-pulse 0.75s 2;animation:verdocs-field-pulse 0.75s 2}verdocs-field-dropdown verdocs-button-panel{margin-left:-20px;margin-top:-4px;-webkit-transform:scale(0.7);transform:scale(0.7)}";

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

@@ -1,12 +1,11 @@
 import { r as registerInstance, c as createEvent, h, H as Host } from './index-5260ed60.js';
 import { g as getRGBA } from './Colors-1b298092.js';
-import { g as getFieldSettings } from './utils-bca7b101.js';
-import { s as state } from './templateStore-3b087176.js';
-import './Envelopes-16f09341.js';
+import { g as getFieldSettings } from './utils-1d934f99.js';
+import { s as state } from './templateStore-17c872da.js';
+import './Envelopes-c36c692e.js';
 import './Types-6dc82c14.js';
 import './Files-70a192df.js';
 import './index-d264c496.js';
-import './index-85f4a40f.js';
 import './Primitives-054bc6e5.js';
 
 const verdocsFieldInitialCss = "verdocs-field-initial{font-family:\"Inter\", -apple-system, \"Segoe UI\", \"Roboto\", \"Helvetica Neue\", sans-serif;width:83px;height:36px;display:block;font-size:11px;letter-spacing:0.3px;background-color:transparent;-webkit-transform-origin:bottom left;transform-origin:bottom left;border:1px solid rgba(0, 0, 0, 0.2)}verdocs-field-initial.disabled{opacity:0.5}verdocs-field-initial.done{border:none;opacity:1}verdocs-field-initial img{display:block;max-width:100%;max-height:100%}verdocs-field-initial button{-webkit-box-sizing:border-box;box-sizing:border-box;border:none;color:rgba(0, 0, 0, 0.87);font-weight:500;-webkit-transform-origin:0 0;transform-origin:0 0;height:100%;width:100%;background:none;font-size:11px}verdocs-field-initial button.hide{display:none}verdocs-field-initial.required{border:1px solid #cc0000}verdocs-field-initial.focused{-webkit-animation:verdocs-field-pulse 0.75s 2;animation:verdocs-field-pulse 0.75s 2}verdocs-field-initial verdocs-button-panel{top:-3px;left:-2px;opacity:0.5;z-index:1000;cursor:pointer;position:absolute;-webkit-transform:scale(0.6);transform:scale(0.6)}verdocs-field-initial verdocs-button-panel[data-active],verdocs-field-initial verdocs-button-panel:hover{opacity:1}verdocs-field-initial verdocs-button-panel .icon svg{fill:#333333}verdocs-field-initial verdocs-button-panel .icon:hover svg{fill:#000000}";

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

@@ -1,12 +1,11 @@
 import { r as registerInstance, c as createEvent, h, H as Host } from './index-5260ed60.js';
 import { g as getRGBA } from './Colors-1b298092.js';
-import { g as getFieldSettings } from './utils-bca7b101.js';
-import { s as state } from './templateStore-3b087176.js';
-import './Envelopes-16f09341.js';
+import { g as getFieldSettings } from './utils-1d934f99.js';
+import { s as state } from './templateStore-17c872da.js';
+import './Envelopes-c36c692e.js';
 import './Types-6dc82c14.js';
 import './Files-70a192df.js';
 import './index-d264c496.js';
-import './index-85f4a40f.js';
 import './Primitives-054bc6e5.js';
 
 const verdocsFieldPaymentCss = "verdocs-field-payment{font-family:\"Inter\", -apple-system, \"Segoe UI\", \"Roboto\", \"Helvetica Neue\", sans-serif;width:24px;height:24px;display:block;font-size:11px;position:relative;border:1px solid #cfa;background-color:transparent;-webkit-transform-origin:bottom left;transform-origin:bottom left}verdocs-field-payment.disabled{opacity:0.5}verdocs-field-payment button,verdocs-field-payment div{-webkit-box-sizing:border-box;box-sizing:border-box}verdocs-field-payment button{color:rgba(0, 0, 0, 0.87);font-weight:500;-webkit-transform-origin:0 0;transform-origin:0 0;height:100%;width:100%;background:none;font-size:11px}verdocs-field-payment button.hide{display:none}verdocs-field-payment input{float:left;font-family:Arial, sans-serif}verdocs-field-payment select{position:absolute;font-family:Arial, sans-serif;background:linear-gradient(55deg, transparent 50%, #333 50%), linear-gradient(125deg, #333 50%, transparent 50%), linear-gradient(to right, transparent, transparent);background-position:calc(100% - 7px) 4px, calc(100% - 3px) 4px, 100% 0;background-size:5px 5px, 5px 5px, 2.5em 2.5em;background-repeat:no-repeat;-webkit-appearance:none;-moz-appearance:none;appearance:none}verdocs-field-payment .frame{width:100%;height:100%;background-size:contain;text-align:left}verdocs-field-payment .frame img{position:absolute;height:auto;width:100%}verdocs-field-payment.focused{-webkit-animation:verdocs-field-pulse 0.75s 2;animation:verdocs-field-pulse 0.75s 2}";

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

@@ -1,12 +1,11 @@
 import { r as registerInstance, c as createEvent, h, H as Host } from './index-5260ed60.js';
 import { g as getRGBA } from './Colors-1b298092.js';
-import { g as getFieldSettings } from './utils-bca7b101.js';
-import { s as state } from './templateStore-3b087176.js';
-import './Envelopes-16f09341.js';
+import { g as getFieldSettings } from './utils-1d934f99.js';
+import { s as state } from './templateStore-17c872da.js';
+import './Envelopes-c36c692e.js';
 import './Types-6dc82c14.js';
 import './Files-70a192df.js';
 import './index-d264c496.js';
-import './index-85f4a40f.js';
 import './Primitives-054bc6e5.js';
 
 const verdocsFieldRadioButtonCss = "verdocs-field-radio-button{font-family:\"Inter\", -apple-system, \"Segoe UI\", \"Roboto\", \"Helvetica Neue\", sans-serif;width:12px;height:12px;display:block;font-size:11px;position:relative;background-color:transparent;-webkit-transform-origin:bottom left;transform-origin:bottom left;border-radius:100%}verdocs-field-radio-button svg{margin-top:4px}verdocs-field-radio-button.disabled{opacity:0.5}verdocs-field-radio-button.disabled.done{opacity:1}verdocs-field-radio-button.done input[type=radio]{margin:0;padding:0;width:10px;height:10px}verdocs-field-radio-button:not(.done) input[type=radio]{position:absolute;opacity:0}verdocs-field-radio-button:not(.done) input[type=radio]+label:before{content:\"\";border-radius:100%;border:1px solid rgba(0, 0, 0, 0.6);display:inline-block;width:10px;height:10px;position:absolute;left:1px;top:1px;cursor:pointer;text-align:center;-webkit-transition:all 250ms ease;transition:all 250ms ease}verdocs-field-radio-button:not(.done) input[type=radio]:checked+label:before{background-color:#55bc81;-webkit-box-shadow:inset 0 0 0 2px #f5f5fa;box-shadow:inset 0 0 0 2px #f5f5fa}verdocs-field-radio-button:not(.done) input[type=radio]:focus+label:before{outline:none;border-color:#55bc81}verdocs-field-radio-button:not(.done) input[type=radio]:disabled+label:before{-webkit-box-shadow:inset 0 0 0 4px #f5f5fa;box-shadow:inset 0 0 0 4px #f5f5fa;border-color:#a0a0d0;background:#a0a0d0}verdocs-field-radio-button:not(.done) input[type=radio]+label:empty:before{margin-right:0}verdocs-field-radio-button.required{border:1px solid #cc0000}verdocs-field-radio-button.hide{display:none}verdocs-field-radio-button.focused{-webkit-animation:verdocs-field-pulse 0.75s 2;animation:verdocs-field-pulse 0.75s 2}verdocs-field-radio-button verdocs-button-panel{margin-left:-20px;margin-top:-7px;-webkit-transform:scale(0.7);transform:scale(0.7)}";

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

@@ -1,12 +1,11 @@
 import { r as registerInstance, c as createEvent, h, H as Host } from './index-5260ed60.js';
 import { g as getRGBA } from './Colors-1b298092.js';
-import { g as getFieldSettings } from './utils-bca7b101.js';
-import { s as state } from './templateStore-3b087176.js';
-import './Envelopes-16f09341.js';
+import { g as getFieldSettings } from './utils-1d934f99.js';
+import { s as state } from './templateStore-17c872da.js';
+import './Envelopes-c36c692e.js';
 import './Types-6dc82c14.js';
 import './Files-70a192df.js';
 import './index-d264c496.js';
-import './index-85f4a40f.js';
 import './Primitives-054bc6e5.js';
 
 const verdocsFieldSignatureCss = "verdocs-field-signature{font-family:\"Inter\", -apple-system, \"Segoe UI\", \"Roboto\", \"Helvetica Neue\", sans-serif;width:83px;height:36px;display:block;font-size:11px;position:relative;letter-spacing:0.3px;background-color:transparent;-webkit-transform-origin:bottom left;transform-origin:bottom left;border:1px solid rgba(0, 0, 0, 0.2)}verdocs-field-signature.disabled{opacity:0.5}verdocs-field-signature.done{border:none;opacity:1}verdocs-field-signature img{display:block;max-width:100%;max-height:100%}verdocs-field-signature button{-webkit-box-sizing:border-box;box-sizing:border-box;border:none;color:rgba(0, 0, 0, 0.87);font-weight:500;-webkit-transform-origin:0 0;transform-origin:0 0;height:100%;width:100%;background:none;font-size:11px}verdocs-field-signature button.hide{display:none}verdocs-field-signature.required{border:1px solid #cc0000}verdocs-field-signature.focused{-webkit-animation:verdocs-field-pulse 0.75s 2;animation:verdocs-field-pulse 0.75s 2}verdocs-field-signature verdocs-button-panel{top:-3px;left:-2px;opacity:0.5;z-index:1000;cursor:pointer;position:absolute;-webkit-transform:scale(0.6);transform:scale(0.6)}verdocs-field-signature verdocs-button-panel[data-active],verdocs-field-signature verdocs-button-panel:hover{opacity:1}verdocs-field-signature verdocs-button-panel .icon svg{fill:#333333}verdocs-field-signature verdocs-button-panel .icon:hover svg{fill:#000000}";

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

@@ -1,12 +1,11 @@
 import { r as registerInstance, c as createEvent, h, H as Host } from './index-5260ed60.js';
 import { g as getRGBA } from './Colors-1b298092.js';
-import { g as getFieldSettings } from './utils-bca7b101.js';
-import { s as state } from './templateStore-3b087176.js';
-import './Envelopes-16f09341.js';
+import { g as getFieldSettings } from './utils-1d934f99.js';
+import { s as state } from './templateStore-17c872da.js';
+import './Envelopes-c36c692e.js';
 import './Types-6dc82c14.js';
 import './Files-70a192df.js';
 import './index-d264c496.js';
-import './index-85f4a40f.js';
 import './Primitives-054bc6e5.js';
 
 const verdocsFieldTextareaCss = "verdocs-field-textarea{font-family:\"Inter\", -apple-system, \"Segoe UI\", \"Roboto\", \"Helvetica Neue\", sans-serif;width:150px;height:15px;display:block;font-size:11px;position:relative;background-color:transparent;-webkit-transform-origin:bottom left;transform-origin:bottom left}verdocs-field-textarea.disabled{opacity:0.5}verdocs-field-textarea textarea{-webkit-box-sizing:border-box;box-sizing:border-box;color:rgba(0, 0, 0, 0.87);font-weight:500;-webkit-transform-origin:0 0;transform-origin:0 0;height:100%;width:100%;background:none;font-size:11px;border:1px solid rgba(0, 0, 0, 0.2)}verdocs-field-textarea textarea.hide{display:none}verdocs-field-textarea.required{border:1px solid #cc0000}verdocs-field-textarea.focused{-webkit-animation:verdocs-field-pulse 0.75s 2;animation:verdocs-field-pulse 0.75s 2}";

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

@@ -1,11 +1,10 @@
 import { r as registerInstance, c as createEvent, h, H as Host, a as getElement } from './index-5260ed60.js';
-import { i as interact } from './interact.min-1e2f37ab.js';
+import { i as interact } from './interact.min-da238961.js';
 import { g as getRGBA } from './Colors-1b298092.js';
-import { s as state } from './templateStore-3b087176.js';
-import { g as getFieldSettings } from './utils-bca7b101.js';
-import './index-85f4a40f.js';
+import { s as state } from './templateStore-17c872da.js';
+import { g as getFieldSettings } from './utils-1d934f99.js';
 import './Primitives-054bc6e5.js';
-import './Envelopes-16f09341.js';
+import './Envelopes-c36c692e.js';
 import './Types-6dc82c14.js';
 import './Files-70a192df.js';
 import './index-d264c496.js';

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

@@ -1,12 +1,11 @@
 import { r as registerInstance, c as createEvent, h, H as Host } from './index-5260ed60.js';
 import { g as getRGBA } from './Colors-1b298092.js';
-import { g as getFieldSettings } from './utils-bca7b101.js';
-import { s as state } from './templateStore-3b087176.js';
+import { g as getFieldSettings } from './utils-1d934f99.js';
+import { s as state } from './templateStore-17c872da.js';
 import { f as format } from './index-d264c496.js';
-import './Envelopes-16f09341.js';
+import './Envelopes-c36c692e.js';
 import './Types-6dc82c14.js';
 import './Files-70a192df.js';
-import './index-85f4a40f.js';
 import './Primitives-054bc6e5.js';
 
 const verdocsFieldTimestampCss = "verdocs-field-timestamp{font-family:\"Inter\", -apple-system, \"Segoe UI\", \"Roboto\", \"Helvetica Neue\", sans-serif;width:150px;height:15px;display:block;font-size:10px;position:relative;background-color:transparent;-webkit-transform-origin:bottom left;transform-origin:bottom left;opacity:0.5}verdocs-field-timestamp.done{opacity:1}verdocs-field-timestamp input{-webkit-box-sizing:border-box;box-sizing:border-box;color:rgba(0, 0, 0, 0.87);font-weight:500;-webkit-transform-origin:0 0;transform-origin:0 0;height:100%;width:100%;background:none;font-size:10px;border:1px solid rgba(0, 0, 0, 0.2)}verdocs-field-timestamp input.hide{display:none}verdocs-field-timestamp.required{border:1px solid #cc0000}verdocs-field-timestamp.focused{-webkit-animation:verdocs-field-pulse 0.75s 2;animation:verdocs-field-pulse 0.75s 2}verdocs-field-timestamp verdocs-button-panel{top:-3px;left:-2px;opacity:0.5;z-index:1000;cursor:pointer;position:absolute;-webkit-transform:scale(0.6);transform:scale(0.6)}verdocs-field-timestamp verdocs-button-panel[data-active],verdocs-field-timestamp verdocs-button-panel:hover{opacity:1}verdocs-field-timestamp verdocs-button-panel .icon svg{fill:#333333}verdocs-field-timestamp verdocs-button-panel .icon:hover svg{fill:#000000}";

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

@@ -1,14 +1,13 @@
 import { r as registerInstance, c as createEvent, h, H as Host } from './index-5260ed60.js';
 import './Types-6dc82c14.js';
 import { V as VerdocsEndpoint } from './VerdocsEndpoint-ddde1255.js';
-import { r as renderDocumentField, b as getRoleIndex } from './utils-bca7b101.js';
-import { s as state } from './templateStore-3b087176.js';
-import { l as loadTemplate } from './Templates-d66ec625.js';
+import { r as renderDocumentField, b as getRoleIndex } from './utils-1d934f99.js';
+import { s as state } from './templateStore-17c872da.js';
+import { l as loadTemplate } from './Templates-deedf4bd.js';
 import { S as SDKError } from './errors-9b5498c8.js';
-import './Envelopes-16f09341.js';
+import './Envelopes-c36c692e.js';
 import './Files-70a192df.js';
 import './index-d264c496.js';
-import './index-85f4a40f.js';
 import './Primitives-054bc6e5.js';
 import './Templates-8e4ab976.js';
 

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

@@ -3,14 +3,13 @@ import './Types-6dc82c14.js';
 import { V as VerdocsEndpoint } from './VerdocsEndpoint-ddde1255.js';
 import { i as isValidEmail, a as isValidPhone } from './Validators-f110bae2.js';
 import { g as getRGBA } from './Colors-1b298092.js';
-import { s as state } from './templateStore-3b087176.js';
-import { l as loadTemplate } from './Templates-d66ec625.js';
-import { b as getRoleIndex } from './utils-bca7b101.js';
+import { s as state } from './templateStore-17c872da.js';
+import { l as loadTemplate } from './Templates-deedf4bd.js';
+import { b as getRoleIndex } from './utils-1d934f99.js';
 import { S as SDKError } from './errors-9b5498c8.js';
-import './index-85f4a40f.js';
 import './Primitives-054bc6e5.js';
 import './Templates-8e4ab976.js';
-import './Envelopes-16f09341.js';
+import './Envelopes-c36c692e.js';
 import './Files-70a192df.js';
 import './index-d264c496.js';
 

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

@@ -1,15 +1,13 @@
 import { r as registerInstance, c as createEvent, h, H as Host, F as Fragment } from './index-5260ed60.js';
-import { c as getSigningSession, u as updateEnvelopeField, d as updateEnvelopeFieldSignature, e as updateEnvelopeFieldInitials } from './Envelopes-16f09341.js';
+import { b as getSigningSession, t as throttledGetEnvelope, u as updateEnvelopeField, c as updateEnvelopeFieldSignature, d as updateEnvelopeFieldInitials } from './Envelopes-c36c692e.js';
 import './Types-6dc82c14.js';
 import { V as VerdocsEndpoint } from './VerdocsEndpoint-ddde1255.js';
 import { a as isValidPhone, i as isValidEmail } from './Validators-f110bae2.js';
 import { f as fullNameToInitials } from './Primitives-054bc6e5.js';
-import { s as saveAttachment, u as updateDocumentFieldValue, b as getRoleIndex, r as renderDocumentField, d as getFieldId } from './utils-bca7b101.js';
-import { g as getEnvelopeById, s as state } from './Envelopes-93e699a5.js';
+import { s as saveAttachment, u as updateDocumentFieldValue, b as getRoleIndex, r as renderDocumentField, d as getFieldId } from './utils-1d934f99.js';
 import { S as SDKError } from './errors-9b5498c8.js';
 import './Files-70a192df.js';
 import './index-d264c496.js';
-import './index-85f4a40f.js';
 
 var __awaiter = (undefined && undefined.__awaiter) || function (thisArg, _arguments, P, generator) {
     function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
@@ -129,6 +127,8 @@ const VerdocsSign = class {
     this.roleId = null;
     this.inviteCode = null;
     this.headerTargetId = null;
+    this.envelope = null;
+    this.roleNames = [];
     this.recipient = null;
     this.signerToken = null;
     this.hasSignature = false;
@@ -175,24 +175,25 @@ const VerdocsSign = class {
       if (this.agreed) {
         this.nextButtonLabel = 'Next';
       }
-      await getEnvelopeById(this.endpoint, this.envelopeId, true);
-      if (state.envelope.documents.length > 0) {
+      this.envelope = await throttledGetEnvelope(this.endpoint, this.envelopeId);
+      this.roleNames = this.envelope.recipients.map(r => r.role_name);
+      if (this.envelope.documents.length > 0) {
         this.documentsSingularPlural = 'document(s)';
       }
-      this.recipientIndex = state.envelope.recipients.findIndex(recipient => recipient.role_name == this.roleId);
+      this.recipientIndex = this.envelope.recipients.findIndex(recipient => recipient.role_name == this.roleId);
       if (this.recipientIndex > -1) {
-        this.recipient = state.envelope.recipients[this.recipientIndex];
+        this.recipient = this.envelope.recipients[this.recipientIndex];
         this.agreed = this.recipient.agreed;
         console.log('[SIGN] Found our recipient in the envelope', this.recipientIndex, this.recipient);
       }
       else {
-        console.log('[SIGN] Could not find our recipient record', this.roleId, state.envelope.recipients);
+        console.log('[SIGN] Could not find our recipient record', this.roleId, this.envelope.recipients);
       }
       this.isDone = ['submitted', 'canceled', 'declined'].includes(this.recipient.status);
       // TODO: Fix service to allow this?
       // const sigs = await getSignatures();
       // console.log('sigs', sigs);
-      (_d = this.envelopeLoaded) === null || _d === void 0 ? void 0 : _d.emit({ endpoint: this.endpoint, envelope: state.envelope });
+      (_d = this.envelopeLoaded) === null || _d === void 0 ? void 0 : _d.emit({ endpoint: this.endpoint, envelope: this.envelope });
     }
     catch (e) {
       console.log('Error with signing session', e);
@@ -214,7 +215,7 @@ const VerdocsSign = class {
       var _a;
       this.nextButtonLabel = 'Next';
       this.agreed = true; // The server returns a recipient object but it's not "deep" so we track this locally
-      (_a = this.envelopeUpdated) === null || _a === void 0 ? void 0 : _a.emit({ endpoint: this.endpoint, envelope: state.envelope, event: 'agreed' });
+      (_a = this.envelopeUpdated) === null || _a === void 0 ? void 0 : _a.emit({ endpoint: this.endpoint, envelope: this.envelope, event: 'agreed' });
     })
       .catch(e => {
       var _a, _b, _c;
@@ -228,29 +229,29 @@ const VerdocsSign = class {
       case 'later':
         this.finishLater = true;
         this.showFinishLater = true;
-        (_a = this.envelopeUpdated) === null || _a === void 0 ? void 0 : _a.emit({ endpoint: this.endpoint, envelope: state.envelope, event: 'later' });
+        (_a = this.envelopeUpdated) === null || _a === void 0 ? void 0 : _a.emit({ endpoint: this.endpoint, envelope: this.envelope, event: 'later' });
         break;
       case 'claim':
         window.alert('This feature will be available in an upcoming release.');
-        (_b = this.envelopeUpdated) === null || _b === void 0 ? void 0 : _b.emit({ endpoint: this.endpoint, envelope: state.envelope, event: 'claimed' });
+        (_b = this.envelopeUpdated) === null || _b === void 0 ? void 0 : _b.emit({ endpoint: this.endpoint, envelope: this.envelope, event: 'claimed' });
         break;
       case 'decline':
         {
           const declineResult = await envelopeRecipientDecline(this.endpoint, this.envelopeId, this.roleId);
           console.log('Decline result', declineResult);
-          (_c = this.envelopeUpdated) === null || _c === void 0 ? void 0 : _c.emit({ endpoint: this.endpoint, envelope: state.envelope, event: 'declined' });
+          (_c = this.envelopeUpdated) === null || _c === void 0 ? void 0 : _c.emit({ endpoint: this.endpoint, envelope: this.envelope, event: 'declined' });
           this.isDone = true;
         }
         break;
       case 'print':
         window.print();
-        (_d = this.envelopeUpdated) === null || _d === void 0 ? void 0 : _d.emit({ endpoint: this.endpoint, envelope: state.envelope, event: 'printed' });
+        (_d = this.envelopeUpdated) === null || _d === void 0 ? void 0 : _d.emit({ endpoint: this.endpoint, envelope: this.envelope, event: 'printed' });
         break;
       case 'download':
-        saveAttachment(this.endpoint, state.envelope, state.envelope.envelope_document_id).catch(e => {
+        saveAttachment(this.endpoint, this.envelope, this.envelope.envelope_document_id).catch(e => {
           console.log('Error downloading PDF', e);
         });
-        (_e = this.envelopeUpdated) === null || _e === void 0 ? void 0 : _e.emit({ endpoint: this.endpoint, envelope: state.envelope, event: 'downloaded' });
+        (_e = this.envelopeUpdated) === null || _e === void 0 ? void 0 : _e.emit({ endpoint: this.endpoint, envelope: this.envelope, event: 'downloaded' });
         break;
     }
   }
@@ -429,7 +430,7 @@ const VerdocsSign = class {
   }
   handlePageRendered(e) {
     const pageInfo = e.detail;
-    const roleIndex = getRoleIndex(state.roleNames, this.recipient.role_name);
+    const roleIndex = getRoleIndex(this.roleNames, this.recipient.role_name);
     const recipientFields = this.recipient.fields.filter(field => field.page === pageInfo.pageNumber);
     console.log('[SIGN] Page rendered, updating fields', { pageInfo, roleIndex, recipientFields });
     recipientFields.forEach(field => {
@@ -469,10 +470,10 @@ const VerdocsSign = class {
       // });
     });
     // Render fields for "the other" recipients
-    state.envelope.recipients
+    this.envelope.recipients
       .filter(recipient => recipient.role_name !== this.recipient.role_name)
       .forEach(otherRecipient => {
-      const otherRoleIndex = getRoleIndex(state.roleNames, otherRecipient.role_name);
+      const otherRoleIndex = getRoleIndex(this.roleNames, otherRecipient.role_name);
       const recipientFields = otherRecipient.fields.filter(field => field.page === pageInfo.pageNumber);
       // We don't render other recipients' fields if they've already acted, because those values are now stamped into the document page.
       // TODO: Do we want to render alternate treatments for recipients who have declined (red boxes?) and/or if the envelope is cancelled?
@@ -503,13 +504,13 @@ const VerdocsSign = class {
     this.checkRecipientFields();
   }
   render() {
-    if (state.loading || !state.envelope) {
+    if (!this.envelope) {
       return (h(Host, null, h("verdocs-loader", null)));
     }
     if (this.isDone) {
-      return (h(Host, { class: { agreed: this.agreed }, "data-r": state.updateCount }, this.isDone ? (h("verdocs-view", { endpoint: this.endpoint, envelopeId: this.envelopeId, onSdkError: e => { var _a; return (_a = this.sdkError) === null || _a === void 0 ? void 0 : _a.emit(e.detail); } })) : (h("verdocs-view", { endpoint: this.endpoint, envelopeId: this.envelopeId, onSdkError: e => { var _a; return (_a = this.sdkError) === null || _a === void 0 ? void 0 : _a.emit(e.detail); } })), this.errorMessage && h("verdocs-ok-dialog", { heading: "Network Error", message: this.errorMessage, onNext: () => (this.errorMessage = '') })));
+      return (h(Host, { class: { agreed: this.agreed } }, this.isDone ? (h("verdocs-view", { endpoint: this.endpoint, envelopeId: this.envelopeId, onSdkError: e => { var _a; return (_a = this.sdkError) === null || _a === void 0 ? void 0 : _a.emit(e.detail); } })) : (h("verdocs-view", { endpoint: this.endpoint, envelopeId: this.envelopeId, onSdkError: e => { var _a; return (_a = this.sdkError) === null || _a === void 0 ? void 0 : _a.emit(e.detail); } })), this.errorMessage && h("verdocs-ok-dialog", { heading: "Network Error", message: this.errorMessage, onNext: () => (this.errorMessage = '') })));
     }
-    return (h(Host, { class: { agreed: this.agreed }, "data-r": state.updateCount }, !this.finishLater && h("div", { class: "intro" }, "Please review and act on these documents."), h("div", { id: "verdocs-sign-header" }, !this.agreed ? (h("div", { class: "agree" }, h("verdocs-checkbox", { name: "agree", label: "I agree to use electronic records and signatures.", onInput: () => this.handleClickAgree() }))) : (h(Fragment, null, h("img", { src: "https://verdocs.com/assets/white-logo.svg", alt: "Verdocs Logo", class: "logo" }), h("div", { class: "title" }, state.envelope.name), h("div", { style: { flex: '1' } }))), !this.finishLater && h("verdocs-button", { size: "small", label: this.nextButtonLabel, disabled: !this.agreed, onClick: () => this.handleNext() }), h("div", { style: { marginLeft: '10px' } }), h("verdocs-dropdown", { options: !this.isDone && !this.finishLater ? inProgressMenuOptions : doneMenuOptions, onOptionSelected: e => this.handleOptionSelected(e) })), !this.agreed ? h("div", { class: "cover" }) : h("div", { style: { display: 'none' } }), h("div", { class: "document", style: { paddingTop: this.headerTargetId ? '15px' : '70px' } }, (state.envelope.documents || []).map(envelopeDocument => {
+    return (h(Host, { class: { agreed: this.agreed } }, !this.finishLater && h("div", { class: "intro" }, "Please review and act on these documents."), h("div", { id: "verdocs-sign-header" }, !this.agreed ? (h("div", { class: "agree" }, h("verdocs-checkbox", { name: "agree", label: "I agree to use electronic records and signatures.", onInput: () => this.handleClickAgree() }))) : (h(Fragment, null, h("img", { src: "https://verdocs.com/assets/white-logo.svg", alt: "Verdocs Logo", class: "logo" }), h("div", { class: "title" }, this.envelope.name), h("div", { style: { flex: '1' } }))), !this.finishLater && h("verdocs-button", { size: "small", label: this.nextButtonLabel, disabled: !this.agreed, onClick: () => this.handleNext() }), h("div", { style: { marginLeft: '10px' } }), h("verdocs-dropdown", { options: !this.isDone && !this.finishLater ? inProgressMenuOptions : doneMenuOptions, onOptionSelected: e => this.handleOptionSelected(e) })), !this.agreed ? h("div", { class: "cover" }) : h("div", { style: { display: 'none' } }), h("div", { class: "document", style: { paddingTop: this.headerTargetId ? '70px' : '15px' } }, (this.envelope.documents || []).map(envelopeDocument => {
       const pages = [...((envelopeDocument === null || envelopeDocument === void 0 ? void 0 : envelopeDocument.pages) || [])];
       pages.sort((a, b) => a.sequence - b.sequence);
       return (h(Fragment, null, pages.map(page => {

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

@@ -1,10 +1,9 @@
 import { r as registerInstance, c as createEvent, h, H as Host } from './index-5260ed60.js';
 import './Types-6dc82c14.js';
 import { V as VerdocsEndpoint } from './VerdocsEndpoint-ddde1255.js';
-import { s as state } from './templateStore-3b087176.js';
-import { l as loadTemplate } from './Templates-d66ec625.js';
+import { s as state } from './templateStore-17c872da.js';
+import { l as loadTemplate } from './Templates-deedf4bd.js';
 import { S as SDKError } from './errors-9b5498c8.js';
-import './index-85f4a40f.js';
 import './Primitives-054bc6e5.js';
 import './Templates-8e4ab976.js';
 

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

@@ -4,15 +4,14 @@ import { c as createTemplate, g as getTemplate } from './Templates-8e4ab976.js';
 import { c as createTemplateDocument } from './TemplateDocuments-618934d0.js';
 import { V as VerdocsEndpoint } from './VerdocsEndpoint-ddde1255.js';
 import { S as SDKError } from './errors-9b5498c8.js';
-import { i as interact } from './interact.min-1e2f37ab.js';
+import { i as interact } from './interact.min-da238961.js';
 import { u as updateField, c as createField } from './Fields-c82e6df3.js';
-import { b as getRoleIndex, r as renderDocumentField, e as updateCssTransform, f as defaultWidth, h as defaultHeight } from './utils-bca7b101.js';
-import { s as state } from './templateStore-3b087176.js';
-import { l as loadTemplate } from './Templates-d66ec625.js';
-import './Envelopes-16f09341.js';
+import { b as getRoleIndex, r as renderDocumentField, e as updateCssTransform, f as defaultWidth, h as defaultHeight } from './utils-1d934f99.js';
+import { s as state } from './templateStore-17c872da.js';
+import { l as loadTemplate } from './Templates-deedf4bd.js';
+import './Envelopes-c36c692e.js';
 import './Files-70a192df.js';
 import './index-d264c496.js';
-import './index-85f4a40f.js';
 import './Primitives-054bc6e5.js';
 
 const verdocsTemplateCreateCss = "verdocs-template-create{font-family:\"Inter\", -apple-system, \"Segoe UI\", \"Roboto\", \"Helvetica Neue\", sans-serif}verdocs-template-create form{background-color:#ffffff;padding:12px;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}verdocs-template-create form .upload-box{-webkit-box-sizing:border-box;box-sizing:border-box;width:320px;text-align:center;padding:44px 18px 66px;border:2px dashed #979797;color:rgba(0, 0, 0, 0.54)}verdocs-template-create form .upload-box svg{width:64px;fill:#5c6575}verdocs-template-create .loader-wrapper{background-color:#ffffff;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;width:320px;height:320px;text-align:center;border:2px dashed #979797;-ms-flex-pack:end;justify-content:flex-end;padding:0 0 30px 0}verdocs-template-create .buttons{display:-ms-flexbox;display:flex;-webkit-column-gap:8px;-moz-column-gap:8px;column-gap:8px;margin-top:16px;-ms-flex-align:center;align-items:center;-ms-flex-direction:row;flex-direction:row;-ms-flex-pack:end;justify-content:flex-end}verdocs-template-create .buttons .flex-fill{-ms-flex:1;flex:1}verdocs-template-create ::-webkit-input-placeholder{color:#aaaaaa}verdocs-template-create ::-moz-placeholder{color:#aaaaaa}verdocs-template-create :-ms-input-placeholder{color:#aaaaaa}verdocs-template-create ::-ms-input-placeholder{color:#aaaaaa}verdocs-template-create ::placeholder{color:#aaaaaa}";

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

@@ -2,8 +2,8 @@ import { r as registerInstance, c as createEvent, h, H as Host, a as getElement
 import './Types-6dc82c14.js';
 import { g as getTemplateDocumentPageDisplayUri } from './TemplateDocuments-618934d0.js';
 import { V as VerdocsEndpoint } from './VerdocsEndpoint-ddde1255.js';
-import { t as throttle } from './utils-bca7b101.js';
-import './Envelopes-16f09341.js';
+import { t as throttle } from './utils-1d934f99.js';
+import './Envelopes-c36c692e.js';
 import './Files-70a192df.js';
 import './index-d264c496.js';
 

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

@@ -2,10 +2,9 @@ import { r as registerInstance, c as createEvent, h, H as Host } from './index-5
 import './Types-6dc82c14.js';
 import { u as updateTemplate } from './Templates-8e4ab976.js';
 import { V as VerdocsEndpoint } from './VerdocsEndpoint-ddde1255.js';
-import { s as state } from './templateStore-3b087176.js';
-import { l as loadTemplate } from './Templates-d66ec625.js';
+import { s as state } from './templateStore-17c872da.js';
+import { l as loadTemplate } from './Templates-deedf4bd.js';
 import { S as SDKError } from './errors-9b5498c8.js';
-import './index-85f4a40f.js';
 import './Primitives-054bc6e5.js';
 
 const verdocsTemplateNameCss = "verdocs-template-name{font-family:\"Inter\", -apple-system, \"Segoe UI\", \"Roboto\", \"Helvetica Neue\", sans-serif}verdocs-template-name.loading{min-height:300px;position:relative;display:block}verdocs-template-name.empty{display:none}verdocs-template-name form{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}verdocs-template-name form label{font-size:16px;font-weight:bold;color:#4c56cb;margin:0 0 20px 0}verdocs-template-name form input{border:none;font-size:18px;padding:3px 6px 3px 0;background:transparent;border-bottom:1px solid #33364b}verdocs-template-name form input:focus{outline:none}verdocs-template-name .buttons{display:-ms-flexbox;display:flex;-webkit-column-gap:8px;-moz-column-gap:8px;column-gap:8px;margin-top:16px;-ms-flex-direction:row;flex-direction:row}verdocs-template-name ::-webkit-input-placeholder{color:#aaaaaa}verdocs-template-name ::-moz-placeholder{color:#aaaaaa}verdocs-template-name :-ms-input-placeholder{color:#aaaaaa}verdocs-template-name ::-ms-input-placeholder{color:#aaaaaa}verdocs-template-name ::placeholder{color:#aaaaaa}";