@verdocs/web-sdk 1.12.20 → 1.12.22

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-e64d45e2.js';
-import { c as getSigningSession, u as updateEnvelopeField, d as updateEnvelopeFieldSignature, e as updateEnvelopeFieldInitials } from './Envelopes-16f09341.js';
+import { r as registerInstance, c as createEvent, h, H as Host, F as Fragment } from './index-5260ed60.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-8c27f3c6.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-24fd1580.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;
@@ -146,7 +146,7 @@ const VerdocsSign = class {
   componentWillLoad() {
     this.endpoint = new VerdocsEndpoint({ sessionType: 'signing' });
   }
-  async componentDidLoad() {
+  async componentWillRender() {
     var _a, _b, _c, _d, _e, _f, _g;
     if (!this.envelopeId) {
       (_a = this.sdkError) === null || _a === void 0 ? void 0 : _a.emit(new SDKError('[SIGN] Missing required envelopId', 500, ''));
@@ -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-signature-dialog.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, h, H as Host } from './index-e64d45e2.js';
+import { r as registerInstance, c as createEvent, h, H as Host } from './index-5260ed60.js';
 
 const verdocsSignatureDialogCss = "verdocs-signature-dialog{font-family:\"Barlow\", sans-serif;-webkit-box-sizing:border-box;box-sizing:border-box;position:fixed;z-index:10000;top:0;left:0;right:0;bottom:0;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;background:#0000007f}verdocs-signature-dialog .dialog{width:100%;max-width:340px;border-radius:4px;overflow:hidden;-webkit-box-shadow:3px 3px 5px 1px rgba(40, 40, 40, 0.4);box-shadow:3px 3px 5px 1px rgba(40, 40, 40, 0.4);background:#f9f9f9}verdocs-signature-dialog .heading{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;padding:20px 20px 0 20px;line-height:28px;font-size:20px;font-weight:500}verdocs-signature-dialog .content{font-size:14px;padding:20px}verdocs-signature-dialog .buttons{display:-ms-flexbox;display:flex;margin:20px 0 0 0;-ms-flex-direction:row;flex-direction:row;-ms-flex-pack:end;justify-content:flex-end;-ms-flex-align:center;align-items:center}verdocs-signature-dialog .buttons verdocs-button{margin-left:16px}verdocs-signature-dialog canvas{background:#ffffff;-webkit-box-sizing:border-box;box-sizing:border-box;margin:0 auto;width:300px;height:79px;max-width:100%;-webkit-box-shadow:0 0 6px 0 #0000001f;box-shadow:0 0 6px 0 #0000001f}verdocs-signature-dialog .disclaimer{text-align:justify;padding:8px 0;font-size:11px;line-height:14px;color:rgba(0, 0, 0, 0.54)}verdocs-signature-dialog .as-shown{font-size:11px;margin:4px 0 20px 4px;color:rgba(0, 0, 0, 0.54)}verdocs-signature-dialog .tabs{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row}verdocs-signature-dialog .tabs .tab{padding:8px 15px;cursor:pointer}verdocs-signature-dialog .tabs .tab.active{border-bottom:2px solid #cccccc}verdocs-signature-dialog .tabs .tab:hover{color:#55bc81}";
 

package/dist/esm/verdocs-status-indicator.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, H as Host } from './index-e64d45e2.js';
+import { r as registerInstance, h, H as Host } from './index-5260ed60.js';
 import { c as createPopper } from './popper-f860750c.js';
 
 const methods$1 = {};

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-e64d45e2.js';
+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-5cb73464.js';
-import { l as loadTemplate } from './Templates-f8a6628a.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-24fd1580.js';
 import './Primitives-054bc6e5.js';
 import './Templates-8e4ab976.js';
 

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, H as Host } from './index-e64d45e2.js';
+import { r as registerInstance, h, H as Host } from './index-5260ed60.js';
 
 const verdocsTemplateCardCss = "verdocs-template-card{font-family:\"Barlow\", sans-serif;width:320px;height:320px;display:-ms-flexbox;display:flex;padding:25px;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-flex-direction:column;flex-direction:column;background-color:#ffffff;-webkit-box-shadow:2px 2px 5px rgba(51, 54, 75, 0.05);box-shadow:2px 2px 5px rgba(51, 54, 75, 0.05)}verdocs-template-card .thumbnail{width:272px;height:158px;-o-object-fit:cover;object-fit:cover;margin-bottom:22px;-o-object-position:-20% 0;object-position:-20% 0}verdocs-template-card .name{font-size:18px;font-weight:700;margin-bottom:7px}verdocs-template-card .org-name{font-size:14px;font-weight:700;margin-bottom:6px}verdocs-template-card hr{width:100%;margin-bottom:17px;background-color:#aeb4bf}verdocs-template-card .controls{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-ms-flex-pack:justify;justify-content:space-between;text-align:center;font-size:16px}verdocs-template-card .controls .control{-ms-flex:1;flex:1;display:-ms-flexbox;display:flex;margin-right:8px;-ms-flex-align:start;align-items:flex-start;border-right:1px solid #aeb4bf}verdocs-template-card .controls .control.secondary{-ms-flex-pack:center;justify-content:center}verdocs-template-card .controls .control svg{fill:#aeb4bf;height:16px;max-width:16px;margin:0 8px -2px 0}verdocs-template-card .additional-controls svg{margin-right:0;fill:#654dcb}";
 

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

@@ -1,18 +1,17 @@
-import { r as registerInstance, c as createEvent, h, H as Host } from './index-e64d45e2.js';
+import { r as registerInstance, c as createEvent, h, H as Host } from './index-5260ed60.js';
 import './Types-6dc82c14.js';
 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-5cb73464.js';
-import { l as loadTemplate } from './Templates-f8a6628a.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-24fd1580.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

@@ -1,9 +1,9 @@
-import { r as registerInstance, c as createEvent, h, H as Host, a as getElement } from './index-e64d45e2.js';
+import { r as registerInstance, c as createEvent, h, H as Host, a as getElement } from './index-5260ed60.js';
 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

@@ -1,11 +1,10 @@
-import { r as registerInstance, c as createEvent, h, H as Host } from './index-e64d45e2.js';
+import { r as registerInstance, c as createEvent, h, H as Host } from './index-5260ed60.js';
 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-5cb73464.js';
-import { l as loadTemplate } from './Templates-f8a6628a.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-24fd1580.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}";

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

@@ -1,10 +1,9 @@
-import { r as registerInstance, c as createEvent, h, H as Host } from './index-e64d45e2.js';
+import { r as registerInstance, c as createEvent, h, H as Host } from './index-5260ed60.js';
 import './Types-6dc82c14.js';
 import { g as getTemplate } from './Templates-8e4ab976.js';
 import { V as VerdocsEndpoint } from './VerdocsEndpoint-ddde1255.js';
 import { S as SDKError } from './errors-9b5498c8.js';
-import { s as state } from './templateStore-5cb73464.js';
-import './index-24fd1580.js';
+import { s as state } from './templateStore-17c872da.js';
 import './Primitives-054bc6e5.js';
 
 const verdocsTemplatePropertiesCss = "verdocs-template-properties{font-family:\"Inter\", -apple-system, \"Segoe UI\", \"Roboto\", \"Helvetica Neue\", sans-serif}verdocs-template-properties form{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}verdocs-template-properties form h5{font-size:14px;font-weight:400;margin:0 0 6px 0}verdocs-template-properties form .row{display:-ms-flexbox;display:flex;position:relative;margin:0 0 20px 0;-ms-flex-direction:column;flex-direction:column}verdocs-template-properties form fieldset{width:440px;border:none;max-width:100%;margin:0 0 20px 0;-webkit-box-sizing:border-box;box-sizing:border-box;padding:20px 20px 10px 20px;background-color:#ffffff;-webkit-box-shadow:0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.12), 0 0 2px 0 rgba(0, 0, 0, 0.14);box-shadow:0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.12), 0 0 2px 0 rgba(0, 0, 0, 0.14)}verdocs-template-properties form label{display:block;font-size:14px;font-weight:500;margin:0 0 4px 0;color:#5c6575}verdocs-template-properties form input{border:none;font-size:18px;padding:3px 6px 3px 0;background:transparent;border-bottom:1px solid #33364b}verdocs-template-properties form input:focus{outline:none}verdocs-template-properties form .input-row{display:-ms-flexbox;display:flex;margin:0 0 10px 0;-ms-flex-align:center;align-items:center;-ms-flex-direction:row;flex-direction:row}verdocs-template-properties form .input-row label{-ms-flex:1;flex:1;display:-ms-flexbox;display:flex}verdocs-template-properties form .input-row verdocs-text-input{margin:0;display:-ms-flexbox;display:flex;-ms-flex:0 0 40px;flex:0 0 40px}verdocs-template-properties form .input-row verdocs-text-input input{text-align:center}verdocs-template-properties form .input-row verdocs-checkbox{display:-ms-flexbox;display:flex;-ms-flex:0 0 40px;flex:0 0 40px;-ms-flex-pack:center;justify-content:center}verdocs-template-properties form .radio-row{display:-ms-flexbox;display:flex;position:relative;margin:0 0 10px 0;-ms-flex-direction:row;flex-direction:row}verdocs-template-properties form .radio-row verdocs-radio-button{display:-ms-flexbox;display:flex;-ms-flex:0 0 30px;flex:0 0 30px}verdocs-template-properties form .radio-row label{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}verdocs-template-properties form .radio-row label .title{font-size:16px;font-weight:500}verdocs-template-properties form .radio-row label .description{font-size:14px;font-weight:400}verdocs-template-properties .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-properties .buttons .flex-fill{-ms-flex:1;flex:1}verdocs-template-properties ::-webkit-input-placeholder{color:#aaaaaa}verdocs-template-properties ::-moz-placeholder{color:#aaaaaa}verdocs-template-properties :-ms-input-placeholder{color:#aaaaaa}verdocs-template-properties ::-ms-input-placeholder{color:#aaaaaa}verdocs-template-properties ::placeholder{color:#aaaaaa}";

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

@@ -1,10 +1,9 @@
-import { r as registerInstance, c as createEvent, h, H as Host } from './index-e64d45e2.js';
+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-5cb73464.js';
-import { l as loadTemplate } from './Templates-f8a6628a.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-24fd1580.js';
 import './Primitives-054bc6e5.js';
 import './Templates-8e4ab976.js';
 

package/dist/esm/verdocs-template-role-properties_2.entry.js

@@ -1,12 +1,11 @@
-import { r as registerInstance, c as createEvent, h, H as Host } from './index-e64d45e2.js';
+import { r as registerInstance, c as createEvent, h, H as Host } from './index-5260ed60.js';
 import './Types-6dc82c14.js';
 import { u as updateRole, d as deleteRole } from './Roles-6eb459df.js';
 import { V as VerdocsEndpoint, T as TemplateSenderTypes } from './VerdocsEndpoint-ddde1255.js';
-import { s as state } from './templateStore-5cb73464.js';
-import { l as loadTemplate } from './Templates-f8a6628a.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 { u as updateTemplate } from './Templates-8e4ab976.js';
-import './index-24fd1580.js';
 import './Primitives-054bc6e5.js';
 
 const verdocsTemplateRolePropertiesCss = "verdocs-template-role-properties{font-family:\"Barlow\", sans-serif;-webkit-box-sizing:border-box;box-sizing:border-box}verdocs-template-role-properties div{-webkit-box-sizing:border-box;box-sizing:border-box}verdocs-template-role-properties .background-overlay{position:absolute;z-index:10000;top:0;left:0;right:0;bottom:0;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;background:#0000007f}verdocs-template-role-properties .dialog{width:340px;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;border-radius:4px;overflow:hidden;background:#ffffff;padding:16px;-webkit-box-shadow:3px 3px 5px 1px rgba(40, 40, 40, 0.4);box-shadow:3px 3px 5px 1px rgba(40, 40, 40, 0.4)}verdocs-template-role-properties .heading{display:-ms-flexbox;display:flex;font-size:20px;font-weight:500;-ms-flex-direction:row;flex-direction:row}verdocs-template-role-properties .buttons{display:-ms-flexbox;display:flex;margin-top:10px;-ms-flex-align:center;align-items:center;-ms-flex-direction:row;flex-direction:row;-ms-flex-pack:end;justify-content:flex-end}verdocs-template-role-properties .buttons verdocs-button{margin-left:16px}verdocs-template-role-properties form .row{display:-ms-flexbox;display:flex;-webkit-column-gap:15px;-moz-column-gap:15px;column-gap:15px;margin:0 0 10px 0;-ms-flex-align:center;align-items:center;-ms-flex-direction:row;flex-direction:row}verdocs-template-role-properties form .row .input-label{display:block;color:#555570;font-weight:700;font-size:14px;margin:0 0 4px 0;-ms-flex:0 0 100px;flex:0 0 100px}verdocs-template-role-properties verdocs-select-input{-ms-flex:1;flex:1;margin:0}verdocs-template-role-properties verdocs-text-input{margin:0 0 10px 0}verdocs-template-role-properties verdocs-text-input label{margin:0;display:-ms-flexbox;display:flex;-webkit-column-gap:15px;-moz-column-gap:15px;column-gap:15px;-ms-flex-align:center;align-items:center;-ms-flex-direction:row;flex-direction:row}verdocs-template-role-properties verdocs-text-input .input-label{-ms-flex:0 0 100px;flex:0 0 100px}verdocs-template-role-properties verdocs-text-input input{-ms-flex:1;flex:1;display:-ms-flexbox;display:flex}verdocs-template-role-properties verdocs-text-input verdocs-text-input{margin:0}verdocs-template-role-properties .checkbox-wrapper{-ms-flex:1;flex:1;display:-ms-flexbox;display:flex}verdocs-template-role-properties .delete-button{height:34px;display:-ms-flexbox;display:flex;cursor:pointer;background:none;border-radius:4px;-ms-flex-align:center;align-items:center;border:1px solid #999;-ms-flex-pack:center;justify-content:center}verdocs-template-role-properties .delete-button:active{background:#f3f3f3}verdocs-template-role-properties .delete-button svg{width:24px;height:24px}";

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

@@ -1,17 +1,16 @@
-import { r as registerInstance, c as createEvent, h, H as Host, F as Fragment, a as getElement } from './index-e64d45e2.js';
-import { i as interact } from './interact.min-1e2f37ab.js';
+import { r as registerInstance, c as createEvent, h, H as Host, F as Fragment, a as getElement } from './index-5260ed60.js';
+import { i as interact } from './interact.min-da238961.js';
 import './Types-6dc82c14.js';
 import { u as updateRole, c as createRole } from './Roles-6eb459df.js';
 import { V as VerdocsEndpoint, T as TemplateSenderTypes } from './VerdocsEndpoint-ddde1255.js';
 import { g as getRGBA } from './Colors-1b298092.js';
-import { s as state } from './templateStore-5cb73464.js';
-import { l as loadTemplate } from './Templates-f8a6628a.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-24fd1580.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-template-tags.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, H as Host } from './index-e64d45e2.js';
+import { r as registerInstance, h, H as Host } from './index-5260ed60.js';
 
 const verdocsTemplateTagsCss = "verdocs-template-tags{font-family:\"Barlow\", sans-serif}verdocs-template-tags span{margin:0 4px;height:28px;font-size:12px;font-weight:600;padding:5px 12px 7px;border-radius:5px;display:inline-block;-webkit-box-sizing:border-box;box-sizing:border-box;text-transform:uppercase;color:#33364b;border:1px solid #707ae5;background-color:#f5f5fa}";
 

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

@@ -1,11 +1,10 @@
-import { r as registerInstance, c as createEvent, h, H as Host } from './index-e64d45e2.js';
+import { r as registerInstance, c as createEvent, h, H as Host } from './index-5260ed60.js';
 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-5cb73464.js';
-import { l as loadTemplate } from './Templates-f8a6628a.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-24fd1580.js';
 import './Primitives-054bc6e5.js';
 
 const verdocsTemplateVisibilityCss = "verdocs-template-visibility{font-family:\"Inter\", -apple-system, \"Segoe UI\", \"Roboto\", \"Helvetica Neue\", sans-serif}verdocs-template-visibility.loading{min-height:300px;position:relative;display:block}verdocs-template-visibility.empty{display:none}verdocs-template-visibility form{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}verdocs-template-visibility form .description{font-size:14px;text-align:justify;color:#5c6575}verdocs-template-visibility form h5{font-size:16px;font-weight:bold;color:#4c56cb;margin:0}verdocs-template-visibility form label{-ms-flex:1;flex:1;display:-ms-flexbox;display:flex;font-size:16px;font-weight:500;margin:0 0 4px 0;color:#33364b}verdocs-template-visibility form input{border:none;font-size:18px;padding:3px 6px 3px 0;background:transparent;border-bottom:1px solid #33364b}verdocs-template-visibility form input:focus{outline:none}verdocs-template-visibility form .input-row{display:-ms-flexbox;display:flex;margin:20px 0 0 0;-ms-flex-align:center;align-items:center;-ms-flex-direction:row;flex-direction:row}verdocs-template-visibility form .input-row verdocs-text-input{margin:0;display:-ms-flexbox;display:flex;-ms-flex:0 0 40px;flex:0 0 40px}verdocs-template-visibility form .input-row verdocs-text-input input{text-align:center}verdocs-template-visibility form .input-row verdocs-checkbox{-ms-flex:0;flex:0;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center}verdocs-template-visibility form .input-row verdocs-checkbox label>input[type=checkbox]+*::before{margin-right:0}verdocs-template-visibility .buttons{display:-ms-flexbox;display:flex;-webkit-column-gap:8px;-moz-column-gap:8px;column-gap:8px;margin-top:25px;-ms-flex-direction:row;flex-direction:row}verdocs-template-visibility ::-webkit-input-placeholder{color:#aaaaaa}verdocs-template-visibility ::-moz-placeholder{color:#aaaaaa}verdocs-template-visibility :-ms-input-placeholder{color:#aaaaaa}verdocs-template-visibility ::-ms-input-placeholder{color:#aaaaaa}verdocs-template-visibility ::placeholder{color:#aaaaaa}";

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, h, H as Host } from './index-e64d45e2.js';
+import { r as registerInstance, c as createEvent, h, H as Host } from './index-5260ed60.js';
 
 const verdocsToggleButtonCss = "verdocs-toggle-button{font-family:\"Barlow\", sans-serif}verdocs-toggle-button button{border:none;outline:none;cursor:pointer;-ms-flex-align:center;align-items:center;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-pack:center;justify-content:center;background:#cccccc;color:#33364b}verdocs-toggle-button button svg{max-width:100%;max-height:100%;fill:#33364b}verdocs-toggle-button button.active{background:#55bc81;color:#f5f5fa}verdocs-toggle-button button.active svg{fill:#f5f5fa}verdocs-toggle-button button:focus{border:none;outline:none}verdocs-toggle-button.size-normal button{width:40px;height:40px;padding:6px;border-radius:4px}verdocs-toggle-button.size-small button{width:34px;height:34px;padding:4px;border-radius:2px}";
 

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, h } from './index-e64d45e2.js';
+import { r as registerInstance, h } from './index-5260ed60.js';
 
 const verdocsToggleCss = "verdocs-toggle{font-family:\"Barlow\", sans-serif}verdocs-toggle .container{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:nowrap;flex-wrap:nowrap;background-color:#f5f5fa}verdocs-toggle .label{font-size:24px;font-weight:700;color:#33354c;-ms-flex-item-align:center;align-self:center;margin-right:27px;font-family:sans-serif}verdocs-toggle .buttons{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:nowrap;flex-wrap:nowrap}verdocs-toggle .buttons button{width:60px;height:60px;border:2px solid #654dcb;border-radius:5px;cursor:pointer}verdocs-toggle .buttons button:not(:last-child){margin-right:11px}verdocs-toggle .buttons svg{width:30px;height:30px}verdocs-toggle .buttons button:hover{background-color:#654dcb;-webkit-transition:0.25s;transition:0.25s}verdocs-toggle .buttons button:hover svg{fill:#f5f5fa;-webkit-transition:0.25s;transition:0.25s}verdocs-toggle .selected{background-color:#707ae5;-webkit-transition:0.25s;transition:0.25s}verdocs-toggle .selected svg{fill:#ffffff;-webkit-transition:0.25s;transition:0.25s}";
 

package/dist/esm/verdocs-toolbar-icon.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, H as Host } from './index-e64d45e2.js';
+import { r as registerInstance, h, H as Host } from './index-5260ed60.js';
 import { c as createPopper } from './popper-f860750c.js';
 
 const verdocsToolbarIconCss = "verdocs-toolbar-icon{font-family:\"Inter\", -apple-system, \"Segoe UI\", \"Roboto\", \"Helvetica Neue\", sans-serif;display:inline-block}verdocs-toolbar-icon .icon{display:inline-block;cursor:pointer}verdocs-toolbar-icon .icon svg{fill:#5c6575}verdocs-toolbar-icon .tooltip{display:none;-webkit-box-shadow:0 0 10px 1px #999999;box-shadow:0 0 10px 1px #999999;background:#ffffff;color:#33364b;max-width:240px;font-weight:bold;padding:5px 10px;font-size:13px;position:relative;border-radius:4px;z-index:20000;white-space:nowrap}verdocs-toolbar-icon .tooltip .arrow,verdocs-toolbar-icon .tooltip .arrow::before{position:absolute;width:8px;height:8px;background:inherit}verdocs-toolbar-icon .tooltip .arrow{visibility:hidden;top:-4px}verdocs-toolbar-icon .tooltip .arrow::before{visibility:visible;content:\"\";-webkit-transform:rotate(45deg);transform:rotate(45deg)}verdocs-toolbar-icon .tooltip[data-show]{display:block}verdocs-toolbar-icon .tooltip[data-popper-placement^=top]>.arrow{bottom:-4px}verdocs-toolbar-icon .tooltip[data-popper-placement^=bottom]>.arrow{top:-4px}verdocs-toolbar-icon .tooltip[data-popper-placement^=left]>.arrow{right:-4px}verdocs-toolbar-icon .tooltip[data-popper-placement^=right]>.arrow{left:-4px}verdocs-toolbar-icon .tooltip[data-popper-placement^=left]{padding:3px 10px}verdocs-toolbar-icon .tooltip[data-popper-placement^=left]>.arrow{right:-1px}";

package/dist/esm/verdocs-upload-dialog.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, h, H as Host } from './index-e64d45e2.js';
+import { r as registerInstance, c as createEvent, h, H as Host } from './index-5260ed60.js';
 import { f as fileToDataUrl } from './Files-70a192df.js';
 
 const verdocsUploadDialogCss = "verdocs-upload-dialog{font-family:\"Barlow\", sans-serif;-webkit-box-sizing:border-box;box-sizing:border-box}verdocs-upload-dialog div{-webkit-box-sizing:border-box;box-sizing:border-box}verdocs-upload-dialog .background-overlay{position:absolute;z-index:10000;top:0;left:0;right:0;bottom:0;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;background:#0000007f}verdocs-upload-dialog .dialog{width:300px;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;border-radius:4px;overflow:hidden;background:#ffffff;padding:16px;-webkit-box-shadow:3px 3px 5px 1px rgba(40, 40, 40, 0.4);box-shadow:3px 3px 5px 1px rgba(40, 40, 40, 0.4)}verdocs-upload-dialog .heading{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;font-size:20px;font-weight:500}verdocs-upload-dialog .buttons{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-direction:row;flex-direction:row;-ms-flex-pack:end;justify-content:flex-end}verdocs-upload-dialog .buttons verdocs-button{margin-left:16px}verdocs-upload-dialog .drop-target{padding:30px 15px;width:100%;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;background-color:#f5f5f5;border:2px dashed #979797;min-height:260px;text-align:center;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;color:rgba(0, 0, 0, 0.54);opacity:1;margin:20px 0}verdocs-upload-dialog .drop-target p{margin:12px 0}verdocs-upload-dialog .drop-target.dragging-over{border:5px solid #4c56cb}verdocs-upload-dialog .drop-target>verdocs-button{margin:12px 0;display:inline-block}verdocs-upload-dialog .attachments{height:56px;font-size:0;margin:20px 0;padding:0 16px;line-height:56px;white-space:normal;-webkit-box-shadow:0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.12), 0 0 2px 0 rgba(0, 0, 0, 0.14);box-shadow:0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.12), 0 0 2px 0 rgba(0, 0, 0, 0.14)}verdocs-upload-dialog .attachments .attachment{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-direction:row;flex-direction:row}verdocs-upload-dialog .attachments .attachment .icon{width:18px;height:18px;line-height:18px}verdocs-upload-dialog .attachments .attachment .icon.trash{cursor:pointer}verdocs-upload-dialog .attachments .attachment .name{-ms-flex:1;flex:1;display:-ms-flexbox;display:flex;padding:0 8px;font-size:14px;font-weight:400}";

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

@@ -1,13 +1,11 @@
-import { r as registerInstance, c as createEvent, h, H as Host, F as Fragment, a as getElement } from './index-e64d45e2.js';
-import { f as cancelEnvelope } from './Envelopes-16f09341.js';
+import { r as registerInstance, c as createEvent, h, H as Host, F as Fragment, a as getElement } from './index-5260ed60.js';
+import { t as throttledGetEnvelope, e as cancelEnvelope } from './Envelopes-c36c692e.js';
 import { E as EnvelopeStates } from './Types-6dc82c14.js';
 import { V as VerdocsEndpoint } from './VerdocsEndpoint-ddde1255.js';
-import { i as saveEnvelopesAsZip, j as saveCertificate, s as saveAttachment } from './utils-bca7b101.js';
-import { g as getEnvelopeById, s as state } from './Envelopes-8c27f3c6.js';
+import { i as saveEnvelopesAsZip, j as saveCertificate, s as saveAttachment } from './utils-1d934f99.js';
 import { S as SDKError } from './errors-9b5498c8.js';
 import './Files-70a192df.js';
 import './index-d264c496.js';
-import './index-24fd1580.js';
 
 /**
  * Various helpers to identify available operations for an envelope by a user.
@@ -39,13 +37,15 @@ const VerdocsView = class {
     this.envelopeId = '';
     this.headerTargetId = null;
     this.isProcessing = false;
+    this.envelope = null;
+    this.roleNames = [];
   }
   componentWillLoad() {
     this.endpoint.loadSession();
   }
   // 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() {
     if (!this.envelopeId) {
       console.error(`[VIEW] Missing required envelopeId`);
       return;
@@ -65,8 +65,9 @@ const VerdocsView = class {
     var _a, _b, _c;
     console.log('[VIEW] Checking for updated envelope');
     try {
-      await getEnvelopeById(this.endpoint, this.envelopeId, true);
-      this.isProcessing = state.envelope.documents.some(document => document.type === 'attachment' && !document.processed);
+      this.envelope = await throttledGetEnvelope(this.endpoint, this.envelopeId);
+      this.roleNames = this.envelope.recipients.map(r => r.role_name);
+      this.isProcessing = this.envelope.documents.some(document => document.type === 'attachment' && !document.processed);
       if (this.isProcessing) {
         setTimeout(() => this.reloadEnvelope(), 3000);
       }
@@ -86,38 +87,38 @@ const VerdocsView = class {
         // TODO: Better option for inline-flow confirmation and alert dialogs.
         if (confirm('Are you sure you wish to cancel this envelope? This action cannot be undone.')) {
           await cancelEnvelope(this.endpoint, this.envelopeId);
-          (_a = this.envelopeUpdated) === null || _a === void 0 ? void 0 : _a.emit({ endpoint: this.endpoint, envelope: state.envelope, event: 'canceled' });
+          (_a = this.envelopeUpdated) === null || _a === void 0 ? void 0 : _a.emit({ endpoint: this.endpoint, envelope: this.envelope, event: 'canceled' });
         }
         break;
       case 'print':
         window.print();
-        (_b = this.envelopeUpdated) === null || _b === void 0 ? void 0 : _b.emit({ endpoint: this.endpoint, envelope: state.envelope, event: 'printed' });
+        (_b = this.envelopeUpdated) === null || _b === void 0 ? void 0 : _b.emit({ endpoint: this.endpoint, envelope: this.envelope, event: 'printed' });
         break;
       case 'download-attachments':
-        saveAttachment(this.endpoint, state.envelope, state.envelope.envelope_document_id)
+        saveAttachment(this.endpoint, this.envelope, this.envelope.envelope_document_id)
           .then(() => {
           var _a;
-          (_a = this.envelopeUpdated) === null || _a === void 0 ? void 0 : _a.emit({ endpoint: this.endpoint, envelope: state.envelope, event: 'downloaded' });
+          (_a = this.envelopeUpdated) === null || _a === void 0 ? void 0 : _a.emit({ endpoint: this.endpoint, envelope: this.envelope, event: 'downloaded' });
         })
           .catch(e => {
           console.log('Error downloading PDF', e);
         });
         break;
       case 'download-certificate':
-        saveCertificate(this.endpoint, state.envelope, state.envelope.certificate_document_id)
+        saveCertificate(this.endpoint, this.envelope, this.envelope.certificate_document_id)
           .then(() => {
           var _a;
-          (_a = this.envelopeUpdated) === null || _a === void 0 ? void 0 : _a.emit({ endpoint: this.endpoint, envelope: state.envelope, event: 'downloaded' });
+          (_a = this.envelopeUpdated) === null || _a === void 0 ? void 0 : _a.emit({ endpoint: this.endpoint, envelope: this.envelope, event: 'downloaded' });
         })
           .catch(e => {
           console.log('Error downloading PDF', e);
         });
         break;
       case 'download-all':
-        saveEnvelopesAsZip(this.endpoint, [state.envelope])
+        saveEnvelopesAsZip(this.endpoint, [this.envelope])
           .then(() => {
           var _a;
-          (_a = this.envelopeUpdated) === null || _a === void 0 ? void 0 : _a.emit({ endpoint: this.endpoint, envelope: state.envelope, event: 'downloaded' });
+          (_a = this.envelopeUpdated) === null || _a === void 0 ? void 0 : _a.emit({ endpoint: this.endpoint, envelope: this.envelope, event: 'downloaded' });
         })
           .catch(e => {
           console.log('Error downloading Zip', e);
@@ -127,19 +128,17 @@ const VerdocsView = class {
   }
   render() {
     var _a;
-    if (state.loading || !state.envelope) {
+    if (!this.envelope) {
+      console.log('rendering, no env');
       return (h(Host, null, h("verdocs-loader", null)));
     }
-    if (state.error) {
-      return (h(Host, null, h("div", null, state.error)));
-    }
     const menuOptions = [{ id: 'print', label: 'Print' }];
-    if (userCanCancelEnvelope(this.endpoint.session, state.envelope)) {
+    if (userCanCancelEnvelope(this.endpoint.session, this.envelope)) {
       menuOptions.push({ id: 'cancel', label: 'Cancel' });
     }
     // Add download options to the menu
-    const hasAttachments = state.envelope.documents.length > 0;
-    const hasCertificate = !!state.envelope.certificate;
+    const hasAttachments = this.envelope.documents.length > 0;
+    const hasCertificate = !!this.envelope.certificate;
     if (hasAttachments || hasCertificate) {
       menuOptions.push({ label: '' });
       if (hasAttachments) {
@@ -152,10 +151,11 @@ const VerdocsView = class {
         menuOptions.push({ id: 'download-all', label: 'Download All Files' });
       }
     }
-    return (h(Host, { "data-r": state.updateCount }, h("div", { id: "verdocs-view-header" }, 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' } }), h("div", { style: { marginLeft: '10px' } }), h("verdocs-dropdown", { options: menuOptions, onOptionSelected: e => this.handleOptionSelected(e) }))), h("div", { class: "document", style: { paddingTop: this.headerTargetId ? '15px' : '70px' } }, (((_a = state.envelope) === null || _a === void 0 ? void 0 : _a.documents) || [])
+    console.log('docs', this.envelope, this.envelope.documents);
+    return (h(Host, null, h("div", { id: "verdocs-view-header" }, 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' } }), h("div", { style: { marginLeft: '10px' } }), h("verdocs-dropdown", { options: menuOptions, onOptionSelected: e => this.handleOptionSelected(e) }))), h("div", { class: "document", style: { paddingTop: this.headerTargetId ? '70px' : '15px' } }, (((_a = this.envelope) === null || _a === void 0 ? void 0 : _a.documents) || [])
       .filter(document => document.type !== 'certificate')
       .map(envelopeDocument => {
-      console.log('[VIEW] Rendering document', envelopeDocument);
+      console.log('[VIEW] Rendering document', this.envelope, envelopeDocument);
       const pages = [...((envelopeDocument === null || envelopeDocument === void 0 ? void 0 : envelopeDocument.pages) || [])];
       pages.sort((a, b) => a.sequence - b.sequence);
       if (!envelopeDocument.processed) {