@verdocs/web-sdk 1.12.14 → 1.12.16

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

@@ -4,10 +4,10 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-5e4233b0.js');
 const Colors = require('./Colors-e809dcc9.js');
-const utils = require('./utils-278509c0.js');
+const utils = require('./utils-cc3321ad.js');
 const templateStore = require('./templateStore-4e927fb4.js');
-require('./Envelopes-0d95b997.js');
-require('./Token-576f0e8a.js');
+require('./Envelopes-87aea63d.js');
+require('./Types-35abf4e8.js');
 require('./Files-4bdc0c0f.js');
 require('./index-6528b430.js');
 require('./index-cfa67e73.js');

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

@@ -4,10 +4,10 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-5e4233b0.js');
 const Colors = require('./Colors-e809dcc9.js');
-const utils = require('./utils-278509c0.js');
+const utils = require('./utils-cc3321ad.js');
 const templateStore = require('./templateStore-4e927fb4.js');
-require('./Envelopes-0d95b997.js');
-require('./Token-576f0e8a.js');
+require('./Envelopes-87aea63d.js');
+require('./Types-35abf4e8.js');
 require('./Files-4bdc0c0f.js');
 require('./index-6528b430.js');
 require('./index-cfa67e73.js');

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

@@ -3,17 +3,18 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-5e4233b0.js');
+const interact_min = require('./interact.min-d2e625b7.js');
 const Colors = require('./Colors-e809dcc9.js');
 const templateStore = require('./templateStore-4e927fb4.js');
-const utils = require('./utils-278509c0.js');
+const utils = require('./utils-cc3321ad.js');
 require('./index-cfa67e73.js');
 require('./Primitives-be5088cb.js');
-require('./Envelopes-0d95b997.js');
-require('./Token-576f0e8a.js');
+require('./Envelopes-87aea63d.js');
+require('./Types-35abf4e8.js');
 require('./Files-4bdc0c0f.js');
 require('./index-6528b430.js');
 
-const verdocsFieldTextboxCss = "verdocs-field-textbox{font-family:\"Inter\", -apple-system, \"Segoe UI\", \"Roboto\", \"Helvetica Neue\", sans-serif;width:150px;height:15px;display:block;font-size:11px;position:relative;letter-spacing:-0.2px;background-color:transparent;-webkit-transform-origin:bottom left;transform-origin:bottom left;border:1px solid rgba(0, 0, 0, 0.2)}verdocs-field-textbox.disabled{opacity:0.5}verdocs-field-textbox input{width:100%;height:100%;font-size:11px;background:none;font-weight:500;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-box-sizing:border-box;box-sizing:border-box;color:rgba(0, 0, 0, 0.87);border:none;outline:none}verdocs-field-textbox input.hide{display:none}verdocs-field-textbox.required{border:1px solid #cc0000}verdocs-field-textbox.focused{-webkit-animation:verdocs-field-pulse 0.75s 2;animation:verdocs-field-pulse 0.75s 2}verdocs-field-textbox 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-textbox verdocs-button-panel[data-active],verdocs-field-textbox verdocs-button-panel:hover{opacity:1}verdocs-field-textbox verdocs-button-panel .icon svg{fill:#333333}verdocs-field-textbox verdocs-button-panel .icon:hover svg{fill:#000000}verdocs-field-textbox [data-lastpass-icon-root]{display:none !important}";
+const verdocsFieldTextboxCss = "verdocs-field-textbox{font-family:\"Inter\", -apple-system, \"Segoe UI\", \"Roboto\", \"Helvetica Neue\", sans-serif;width:150px;height:15px;display:block;font-size:11px;position:relative;letter-spacing:-0.2px;background-color:transparent;-webkit-transform-origin:bottom left;transform-origin:bottom left;border:1px solid rgba(0, 0, 0, 0.2)}verdocs-field-textbox.disabled{opacity:0.5}verdocs-field-textbox input{width:100%;height:100%;font-size:11px;background:none;font-weight:500;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-box-sizing:border-box;box-sizing:border-box;color:rgba(0, 0, 0, 0.87);border:none;outline:none}verdocs-field-textbox input.hide{display:none}verdocs-field-textbox.required{border:1px solid #cc0000}verdocs-field-textbox.focused{-webkit-animation:verdocs-field-pulse 0.75s 2;animation:verdocs-field-pulse 0.75s 2}verdocs-field-textbox .resizer{position:absolute;bottom:1px;right:1px;width:8px;height:8px;z-index:9999}verdocs-field-textbox .resizer:hover{cursor:nwse-resize}verdocs-field-textbox .resizer .resizer-inner{position:absolute;bottom:0}verdocs-field-textbox .resizer .resizer-inner:before{position:absolute;top:-4px;left:-0.5px;content:\"\";display:block;width:10px;height:1px;background-color:rgba(0, 0, 0, 0.32);-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}verdocs-field-textbox .resizer .resizer-inner:after{position:absolute;top:-1.5px;left:4.5px;content:\"\";display:block;width:5px;height:1px;background-color:rgba(0, 0, 0, 0.32);-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}verdocs-field-textbox 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-textbox verdocs-button-panel[data-active],verdocs-field-textbox verdocs-button-panel:hover{opacity:1}verdocs-field-textbox verdocs-button-panel .icon svg{fill:#333333}verdocs-field-textbox verdocs-button-panel .icon:hover svg{fill:#000000}verdocs-field-textbox [data-lastpass-icon-root]{display:none !important}";
 
 const settingsIcon = '<svg xmlns="http://www.w3.org/2000/svg" height="20" width="20"><path d="m7.5 18.5-.312-2.667q-.188-.125-.396-.25-.209-.125-.396-.229l-2.479 1.063-2.521-4.334 2.125-1.625q.021-.104.021-.229v-.458q0-.125-.021-.229L1.396 7.917l2.521-4.313 2.5 1.042q.166-.104.375-.229.208-.125.396-.229L7.5 1.5h5l.312 2.688q.188.104.396.229.209.125.396.229l2.479-1.042 2.521 4.313-2.125 1.625v.916l2.125 1.625-2.521 4.334-2.5-1.063q-.166.104-.375.229-.208.125-.396.25L12.5 18.5Zm2.479-5.521q1.229 0 2.104-.875T12.958 10q0-1.229-.875-2.104t-2.104-.875q-1.208 0-2.094.875Q7 8.771 7 10t.885 2.104q.886.875 2.094.875Zm0-1.75q-.5 0-.864-.364Q8.75 10.5 8.75 10t.365-.865q.364-.364.864-.364t.865.364q.364.365.364.865t-.364.865q-.365.364-.865.364ZM10.021 10Zm-.792 6.521h1.542l.25-2.146q.625-.167 1.198-.51.573-.344 1.031-.823l2.021.854.771-1.271-1.771-1.354q.104-.292.156-.615.052-.323.052-.656 0-.292-.052-.604-.052-.313-.135-.646l1.77-1.375-.77-1.271-2.021.875q-.479-.5-1.042-.833-.562-.334-1.187-.5l-.271-2.167H9.208l-.25 2.167q-.625.166-1.187.5-.563.333-1.042.812l-2-.854-.771 1.271 1.73 1.354q-.084.333-.136.656Q5.5 9.708 5.5 10t.052.604q.052.313.136.667l-1.73 1.354.771 1.271 2-.834q.479.459 1.042.792.562.334 1.187.5Z"/></svg>';
 const VerdocsFieldTextbox = class {
@@ -30,7 +31,7 @@ const VerdocsFieldTextbox = class {
     this.rerender = 0;
   }
   async focusField() {
-    this.el.focus();
+    this.inputEl.focus();
   }
   async showSettingsPanel() {
     const settingsPanel = document.getElementById(`verdocs-settings-panel-${this.field.name}`);
@@ -40,12 +41,39 @@ const VerdocsFieldTextbox = class {
   }
   async hideSettingsPanel() {
     const settingsPanel = document.getElementById(`verdocs-settings-panel-${this.field.name}`);
-    console.log('will hide', settingsPanel);
     if (settingsPanel && settingsPanel.hidePanel) {
       settingsPanel.hidePanel();
     }
     templateStore.state.updateCount++;
   }
+  componentDidRender() {
+    interact_min.interact.dynamicDrop(true);
+    if (this.editable) {
+      interact_min.interact(this.resizeHandle).resizable({
+        listeners: {
+          start(event) {
+            console.log('[TEXTBOX] Resize started', event.type, event.target);
+          },
+          move: this.handleResize.bind(this),
+          end(event) {
+            console.log('[TEXTBOX] Resize end', event);
+          },
+        },
+      });
+    }
+  }
+  handleResize(event) {
+    console.log('[TEXTBOX] Resize', event.delta);
+    const oldX = +(event.target.getAttribute('resizeX') || 0);
+    const oldY = +(event.target.getAttribute('resizeY') || 0);
+    const newX = event.dx + oldX;
+    const newY = event.dy + oldY;
+    this.el.style.width = `${parseFloat(this.el.style.width || '0') + event.dx}px`;
+    // Single line text fields are not resizeable in height
+    // this.el.style.height = `${parseFloat(this.el.style.height || '0') + event.dy}px`;
+    event.target.setAttribute('resizeX', newX);
+    event.target.setAttribute('resizeY', newY);
+  }
   render() {
     var _a, _b, _c, _d;
     const settings = utils.getFieldSettings(this.field);
@@ -55,7 +83,7 @@ const VerdocsFieldTextbox = class {
     if (this.done) {
       return index.h(index.Host, { class: { done: this.done } }, value);
     }
-    return (index.h(index.Host, { class: { required: (_c = this.field) === null || _c === void 0 ? void 0 : _c.required, disabled, done: this.done }, style: { backgroundColor } }, index.h("input", { type: "text", placeholder: settings === null || settings === void 0 ? void 0 : settings.placeholder, tabIndex: settings === null || settings === void 0 ? void 0 : settings.order, value: value, disabled: disabled, required: (_d = this.field) === null || _d === void 0 ? void 0 : _d.required, ref: el => (this.el = el) }), this.editable && (index.h("verdocs-button-panel", { icon: settingsIcon, id: `verdocs-settings-panel-${this.field.name}` }, index.h("verdocs-template-field-properties", { templateId: templateStore.state.templateId, fieldName: this.field.name, onClose: () => this.hideSettingsPanel(), onDelete: () => {
+    return (index.h(index.Host, { class: { required: (_c = this.field) === null || _c === void 0 ? void 0 : _c.required, disabled, done: this.done }, style: { backgroundColor } }, index.h("input", { type: "text", placeholder: settings === null || settings === void 0 ? void 0 : settings.placeholder, tabIndex: settings === null || settings === void 0 ? void 0 : settings.order, value: value, disabled: disabled, required: (_d = this.field) === null || _d === void 0 ? void 0 : _d.required, ref: el => (this.inputEl = el) }), this.editable && (index.h("div", { class: "resizer", ref: el => (this.resizeHandle = el) }, index.h("div", { class: "resizer-inner" }))), this.editable && (index.h("verdocs-button-panel", { icon: settingsIcon, id: `verdocs-settings-panel-${this.field.name}` }, index.h("verdocs-template-field-properties", { templateId: templateStore.state.templateId, fieldName: this.field.name, onClose: () => this.hideSettingsPanel(), onDelete: () => {
         var _a;
         (_a = this.deleted) === null || _a === void 0 ? void 0 : _a.emit({ fieldName: this.field.name });
         return this.hideSettingsPanel();
@@ -65,6 +93,7 @@ const VerdocsFieldTextbox = class {
         return this.hideSettingsPanel();
       } })))));
   }
+  get el() { return index.getElement(this); }
 };
 VerdocsFieldTextbox.style = verdocsFieldTextboxCss;
 

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

@@ -4,11 +4,11 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-5e4233b0.js');
 const Colors = require('./Colors-e809dcc9.js');
-const utils = require('./utils-278509c0.js');
+const utils = require('./utils-cc3321ad.js');
 const templateStore = require('./templateStore-4e927fb4.js');
 const index$1 = require('./index-6528b430.js');
-require('./Envelopes-0d95b997.js');
-require('./Token-576f0e8a.js');
+require('./Envelopes-87aea63d.js');
+require('./Types-35abf4e8.js');
 require('./Files-4bdc0c0f.js');
 require('./index-cfa67e73.js');
 require('./Primitives-be5088cb.js');

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

@@ -3,13 +3,13 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-5e4233b0.js');
-const VerdocsEndpoint = require('./VerdocsEndpoint-3d59c835.js');
-const utils = require('./utils-278509c0.js');
+require('./Types-35abf4e8.js');
+const VerdocsEndpoint = require('./VerdocsEndpoint-b23334ec.js');
+const utils = require('./utils-cc3321ad.js');
 const templateStore = require('./templateStore-4e927fb4.js');
 const Templates = require('./Templates-721828dc.js');
 const errors = require('./errors-0396da3d.js');
-require('./Token-576f0e8a.js');
-require('./Envelopes-0d95b997.js');
+require('./Envelopes-87aea63d.js');
 require('./Files-4bdc0c0f.js');
 require('./index-6528b430.js');
 require('./index-cfa67e73.js');

package/dist/cjs/verdocs-quick-functions_3.cjs.entry.js

@@ -3,9 +3,9 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-5e4233b0.js');
-const VerdocsEndpoint = require('./VerdocsEndpoint-3d59c835.js');
+require('./Types-35abf4e8.js');
+const VerdocsEndpoint = require('./VerdocsEndpoint-b23334ec.js');
 const Templates = require('./Templates-ed812768.js');
-require('./Token-576f0e8a.js');
 
 /**
  * Verdocs provides a range of search functions to help find and retrieve content. This module provides generic functions intended

package/dist/cjs/verdocs-search.cjs.entry.js

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-5e4233b0.js');
-const VerdocsEndpoint = require('./VerdocsEndpoint-3d59c835.js');
-require('./Token-576f0e8a.js');
+require('./Types-35abf4e8.js');
+const VerdocsEndpoint = require('./VerdocsEndpoint-b23334ec.js');
 
 const verdocsSearchCss = "verdocs-search{font-family:\"Inter\", -apple-system, \"Segoe UI\", \"Roboto\", \"Helvetica Neue\", sans-serif;display:-ms-flexbox;display:flex;background-color:#1e2031}verdocs-search search-box{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;margin:20px 10px}verdocs-search .boxes{-ms-flex-wrap:wrap;flex-wrap:wrap;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;margin:20px 0}verdocs-search search-recent,verdocs-search search-saved,verdocs-search search-quick-functions,verdocs-search search-starred{display:-ms-flexbox;display:flex;margin:0 20px 20px 0}";
 

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

@@ -3,18 +3,18 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-5e4233b0.js');
-const VerdocsEndpoint = require('./VerdocsEndpoint-3d59c835.js');
+require('./Types-35abf4e8.js');
+const VerdocsEndpoint = require('./VerdocsEndpoint-b23334ec.js');
 const Validators = require('./Validators-16e6d7d1.js');
 const Colors = require('./Colors-e809dcc9.js');
 const templateStore = require('./templateStore-4e927fb4.js');
 const Templates = require('./Templates-721828dc.js');
-const utils = require('./utils-278509c0.js');
+const utils = require('./utils-cc3321ad.js');
 const errors = require('./errors-0396da3d.js');
-require('./Token-576f0e8a.js');
 require('./index-cfa67e73.js');
 require('./Primitives-be5088cb.js');
 require('./Templates-ed812768.js');
-require('./Envelopes-0d95b997.js');
+require('./Envelopes-87aea63d.js');
 require('./Files-4bdc0c0f.js');
 require('./index-6528b430.js');
 

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

@@ -3,14 +3,14 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-5e4233b0.js');
-const Envelopes = require('./Envelopes-0d95b997.js');
-const VerdocsEndpoint = require('./VerdocsEndpoint-3d59c835.js');
+const Envelopes = require('./Envelopes-87aea63d.js');
+require('./Types-35abf4e8.js');
+const VerdocsEndpoint = require('./VerdocsEndpoint-b23334ec.js');
 const Validators = require('./Validators-16e6d7d1.js');
 const Primitives = require('./Primitives-be5088cb.js');
-const utils = require('./utils-278509c0.js');
-const Envelopes$1 = require('./Envelopes-d1e5566b.js');
+const utils = require('./utils-cc3321ad.js');
+const Envelopes$1 = require('./Envelopes-89f7004d.js');
 const errors = require('./errors-0396da3d.js');
-require('./Token-576f0e8a.js');
 require('./Files-4bdc0c0f.js');
 require('./index-6528b430.js');
 require('./index-cfa67e73.js');
@@ -178,7 +178,7 @@ const VerdocsSign = class {
       if (this.agreed) {
         this.nextButtonLabel = 'Next';
       }
-      await Envelopes$1.getEnvelopeById(this.endpoint, this.envelopeId);
+      await Envelopes$1.getEnvelopeById(this.endpoint, this.envelopeId, true);
       if (Envelopes$1.state.envelope.documents.length > 0) {
         this.documentsSingularPlural = 'document(s)';
       }
@@ -223,7 +223,6 @@ const VerdocsSign = class {
         this.finishLater = true;
         this.showFinishLater = true;
         (_a = this.envelopeUpdated) === null || _a === void 0 ? void 0 : _a.emit({ endpoint: this.endpoint, envelope: Envelopes$1.state.envelope, event: 'later' });
-        // this.router.navigate([`view/sign/${this.envelopeId}/role/${this.roleName}/saved`]);
         break;
       case 'claim':
         window.alert('This feature will be available in an upcoming release.');
@@ -501,9 +500,10 @@ const VerdocsSign = class {
     if (Envelopes$1.state.loading || !Envelopes$1.state.envelope) {
       return (index.h(index.Host, null, index.h("verdocs-loader", null)));
     }
-    return (index.h(index.Host, { class: { agreed: this.agreed }, "data-r": Envelopes$1.state.updateCount }, !this.isDone && !this.finishLater && index.h("div", { class: "intro" }, "Please review and act on these documents."), !this.isDone && (index.h("div", { class: "header" }, !this.agreed ? (index.h("div", { class: "agree" }, index.h("verdocs-checkbox", { name: "agree", label: "I agree to use electronic records and signatures.", onInput: () => this.handleClickAgree() }))) : (index.h(index.Fragment, null, index.h("img", { src: "https://verdocs.com/assets/white-logo.svg", alt: "Verdocs Logo", class: "logo" }), index.h("div", { class: "title" }, Envelopes$1.state.envelope.name), index.h("div", { style: { flex: '1' } }))), !this.isDone && !this.finishLater && index.h("verdocs-button", { size: "small", label: this.nextButtonLabel, disabled: !this.agreed, onClick: () => this.handleNext() }), index.h("div", { style: { marginLeft: '10px' } }), index.h("verdocs-dropdown", { options: !this.isDone && !this.finishLater ? inProgressMenuOptions : doneMenuOptions, onOptionSelected: e => this.handleOptionSelected(e) }))), !this.isDone && !this.agreed ? index.h("div", { class: "cover" }) : index.h("div", { style: { display: 'none' } }), this.isDone ? (
-    // <div>test</div>
-    index.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); } })) : (index.h("div", { class: "document" }, (Envelopes$1.state.envelope.documents || []).map(envelopeDocument => {
+    if (this.isDone) {
+      return (index.h(index.Host, { class: { agreed: this.agreed }, "data-r": Envelopes$1.state.updateCount }, this.isDone ? (index.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); } })) : (index.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 && index.h("verdocs-ok-dialog", { heading: "Network Error", message: this.errorMessage, onNext: () => (this.errorMessage = '') })));
+    }
+    return (index.h(index.Host, { class: { agreed: this.agreed }, "data-r": Envelopes$1.state.updateCount }, !this.finishLater && index.h("div", { class: "intro" }, "Please review and act on these documents."), index.h("div", { class: "header" }, !this.agreed ? (index.h("div", { class: "agree" }, index.h("verdocs-checkbox", { name: "agree", label: "I agree to use electronic records and signatures.", onInput: () => this.handleClickAgree() }))) : (index.h(index.Fragment, null, index.h("img", { src: "https://verdocs.com/assets/white-logo.svg", alt: "Verdocs Logo", class: "logo" }), index.h("div", { class: "title" }, Envelopes$1.state.envelope.name), index.h("div", { style: { flex: '1' } }))), !this.finishLater && index.h("verdocs-button", { size: "small", label: this.nextButtonLabel, disabled: !this.agreed, onClick: () => this.handleNext() }), index.h("div", { style: { marginLeft: '10px' } }), index.h("verdocs-dropdown", { options: !this.isDone && !this.finishLater ? inProgressMenuOptions : doneMenuOptions, onOptionSelected: e => this.handleOptionSelected(e) })), !this.agreed ? index.h("div", { class: "cover" }) : index.h("div", { style: { display: 'none' } }), index.h("div", { class: "document" }, (Envelopes$1.state.envelope.documents || []).map(envelopeDocument => {
       const pages = [...((envelopeDocument === null || envelopeDocument === void 0 ? void 0 : envelopeDocument.pages) || [])];
       pages.sort((a, b) => a.sequence - b.sequence);
       return (index.h(index.Fragment, null, pages.map(page => {
@@ -520,7 +520,7 @@ const VerdocsSign = class {
             { name: 'controls', type: 'div' },
           ] }));
       })));
-    }))), this.showFinishLater && (index.h("verdocs-ok-dialog", { heading: "You've saved your document to finish later.", message: `To complete the ${this.documentsSingularPlural}, use the link in the original email notification inviting you to review and finish the document.`, onNext: () => (this.showFinishLater = false) })), this.errorMessage && index.h("verdocs-ok-dialog", { heading: "Network Error", message: this.errorMessage, onNext: () => (this.errorMessage = '') }), this.showDone && (index.h("verdocs-ok-dialog", { heading: "You're Done!", message: `You can access the ${this.documentsSingularPlural} at any time by clicking on the link from the invitation email.<br /><br />After all recipients have completed their actions, you will receive an email with the document and envelope certificate attached.`, onNext: () => (this.showDone = false) }))));
+    })), this.showFinishLater && (index.h("verdocs-ok-dialog", { heading: "You've saved your document to finish later.", message: `To complete the ${this.documentsSingularPlural}, use the link in the original email notification inviting you to review and finish the document.`, onNext: () => (this.showFinishLater = false) })), this.errorMessage && index.h("verdocs-ok-dialog", { heading: "Network Error", message: this.errorMessage, onNext: () => (this.errorMessage = '') }), this.showDone && (index.h("verdocs-ok-dialog", { heading: "You're Done!", message: `You can access the ${this.documentsSingularPlural} at any time by clicking on the link from the invitation email.<br /><br />After all recipients have completed their actions, you will receive an email with the document and envelope certificate attached.`, onNext: () => (this.showDone = false) }))));
   }
 };
 VerdocsSign.style = verdocsSignCss;

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

@@ -3,11 +3,11 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-5e4233b0.js');
-const VerdocsEndpoint = require('./VerdocsEndpoint-3d59c835.js');
+require('./Types-35abf4e8.js');
+const VerdocsEndpoint = require('./VerdocsEndpoint-b23334ec.js');
 const templateStore = require('./templateStore-4e927fb4.js');
 const Templates = require('./Templates-721828dc.js');
 const errors = require('./errors-0396da3d.js');
-require('./Token-576f0e8a.js');
 require('./index-cfa67e73.js');
 require('./Primitives-be5088cb.js');
 require('./Templates-ed812768.js');

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

@@ -3,17 +3,17 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-5e4233b0.js');
+require('./Types-35abf4e8.js');
 const Templates = require('./Templates-ed812768.js');
 const TemplateDocuments = require('./TemplateDocuments-1c6620b0.js');
-const VerdocsEndpoint = require('./VerdocsEndpoint-3d59c835.js');
+const VerdocsEndpoint = require('./VerdocsEndpoint-b23334ec.js');
 const errors = require('./errors-0396da3d.js');
-const interact_min = require('./interact.min-bfe9a299.js');
+const interact_min = require('./interact.min-d2e625b7.js');
 const Fields = require('./Fields-705a2168.js');
-const utils = require('./utils-278509c0.js');
+const utils = require('./utils-cc3321ad.js');
 const templateStore = require('./templateStore-4e927fb4.js');
 const Templates$1 = require('./Templates-721828dc.js');
-require('./Token-576f0e8a.js');
-require('./Envelopes-0d95b997.js');
+require('./Envelopes-87aea63d.js');
 require('./Files-4bdc0c0f.js');
 require('./index-6528b430.js');
 require('./index-cfa67e73.js');

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

@@ -3,11 +3,11 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-5e4233b0.js');
+require('./Types-35abf4e8.js');
 const TemplateDocuments = require('./TemplateDocuments-1c6620b0.js');
-const VerdocsEndpoint = require('./VerdocsEndpoint-3d59c835.js');
-const utils = require('./utils-278509c0.js');
-require('./Token-576f0e8a.js');
-require('./Envelopes-0d95b997.js');
+const VerdocsEndpoint = require('./VerdocsEndpoint-b23334ec.js');
+const utils = require('./utils-cc3321ad.js');
+require('./Envelopes-87aea63d.js');
 require('./Files-4bdc0c0f.js');
 require('./index-6528b430.js');
 

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

@@ -3,12 +3,12 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-5e4233b0.js');
+require('./Types-35abf4e8.js');
 const Templates$1 = require('./Templates-ed812768.js');
-const VerdocsEndpoint = require('./VerdocsEndpoint-3d59c835.js');
+const VerdocsEndpoint = require('./VerdocsEndpoint-b23334ec.js');
 const templateStore = require('./templateStore-4e927fb4.js');
 const Templates = require('./Templates-721828dc.js');
 const errors = require('./errors-0396da3d.js');
-require('./Token-576f0e8a.js');
 require('./index-cfa67e73.js');
 require('./Primitives-be5088cb.js');
 

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

@@ -3,11 +3,11 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-5e4233b0.js');
+require('./Types-35abf4e8.js');
 const Templates = require('./Templates-ed812768.js');
-const VerdocsEndpoint = require('./VerdocsEndpoint-3d59c835.js');
+const VerdocsEndpoint = require('./VerdocsEndpoint-b23334ec.js');
 const errors = require('./errors-0396da3d.js');
 const templateStore = require('./templateStore-4e927fb4.js');
-require('./Token-576f0e8a.js');
 require('./index-cfa67e73.js');
 require('./Primitives-be5088cb.js');
 

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

@@ -3,11 +3,11 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-5e4233b0.js');
-const VerdocsEndpoint = require('./VerdocsEndpoint-3d59c835.js');
+require('./Types-35abf4e8.js');
+const VerdocsEndpoint = require('./VerdocsEndpoint-b23334ec.js');
 const templateStore = require('./templateStore-4e927fb4.js');
 const Templates = require('./Templates-721828dc.js');
 const errors = require('./errors-0396da3d.js');
-require('./Token-576f0e8a.js');
 require('./index-cfa67e73.js');
 require('./Primitives-be5088cb.js');
 require('./Templates-ed812768.js');

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

@@ -3,13 +3,13 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-5e4233b0.js');
+require('./Types-35abf4e8.js');
 const Roles = require('./Roles-9b593b95.js');
-const VerdocsEndpoint = require('./VerdocsEndpoint-3d59c835.js');
+const VerdocsEndpoint = require('./VerdocsEndpoint-b23334ec.js');
 const templateStore = require('./templateStore-4e927fb4.js');
 const Templates = require('./Templates-721828dc.js');
 const errors = require('./errors-0396da3d.js');
 const Templates$1 = require('./Templates-ed812768.js');
-require('./Token-576f0e8a.js');
 require('./index-cfa67e73.js');
 require('./Primitives-be5088cb.js');
 

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

@@ -3,19 +3,19 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-5e4233b0.js');
-const interact_min = require('./interact.min-bfe9a299.js');
+const interact_min = require('./interact.min-d2e625b7.js');
+require('./Types-35abf4e8.js');
 const Roles = require('./Roles-9b593b95.js');
-const VerdocsEndpoint = require('./VerdocsEndpoint-3d59c835.js');
+const VerdocsEndpoint = require('./VerdocsEndpoint-b23334ec.js');
 const Colors = require('./Colors-e809dcc9.js');
 const templateStore = require('./templateStore-4e927fb4.js');
 const Templates = require('./Templates-721828dc.js');
-const utils = require('./utils-278509c0.js');
+const utils = require('./utils-cc3321ad.js');
 const errors = require('./errors-0396da3d.js');
-require('./Token-576f0e8a.js');
 require('./index-cfa67e73.js');
 require('./Primitives-be5088cb.js');
 require('./Templates-ed812768.js');
-require('./Envelopes-0d95b997.js');
+require('./Envelopes-87aea63d.js');
 require('./Files-4bdc0c0f.js');
 require('./index-6528b430.js');
 

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

@@ -3,12 +3,12 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-5e4233b0.js');
+require('./Types-35abf4e8.js');
 const Templates$1 = require('./Templates-ed812768.js');
-const VerdocsEndpoint = require('./VerdocsEndpoint-3d59c835.js');
+const VerdocsEndpoint = require('./VerdocsEndpoint-b23334ec.js');
 const templateStore = require('./templateStore-4e927fb4.js');
 const Templates = require('./Templates-721828dc.js');
 const errors = require('./errors-0396da3d.js');
-require('./Token-576f0e8a.js');
 require('./index-cfa67e73.js');
 require('./Primitives-be5088cb.js');
 

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

@@ -3,17 +3,36 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-5e4233b0.js');
-const VerdocsEndpoint = require('./VerdocsEndpoint-3d59c835.js');
-const utils = require('./utils-278509c0.js');
-const Envelopes = require('./Envelopes-d1e5566b.js');
+const Envelopes$1 = require('./Envelopes-87aea63d.js');
+const Types = require('./Types-35abf4e8.js');
+const VerdocsEndpoint = require('./VerdocsEndpoint-b23334ec.js');
+const utils = require('./utils-cc3321ad.js');
+const Envelopes = require('./Envelopes-89f7004d.js');
 const errors = require('./errors-0396da3d.js');
-require('./Token-576f0e8a.js');
-require('./Envelopes-0d95b997.js');
 require('./Files-4bdc0c0f.js');
 require('./index-6528b430.js');
 require('./index-cfa67e73.js');
 
-const verdocsViewCss = "verdocs-view{display:-ms-flexbox;display:flex;overflow:hidden;position:relative;min-height:600px;-ms-flex-direction:column;flex-direction:column;-webkit-box-sizing:border-box;box-sizing:border-box;font-family:\"Inter\", -apple-system, \"Segoe UI\", \"Roboto\", \"Helvetica Neue\", sans-serif}verdocs-view div,verdocs-view canvas{-webkit-box-sizing:border-box;box-sizing:border-box}verdocs-view .header{color:#fff;display:-ms-flexbox;display:flex;z-index:1000;-ms-flex:0 0 56px;flex:0 0 56px;padding:0 15px;font-size:12px;-ms-flex-align:center;align-items:center;-ms-flex-direction:row;flex-direction:row;-webkit-transition:all 0.25s;transition:all 0.25s;background-color:#33354c;-webkit-box-shadow:0 4px 4px 0 rgba(0, 0, 0, 0.24), 0 0 4px 0 rgba(0, 0, 0, 0.12);box-shadow:0 4px 4px 0 rgba(0, 0, 0, 0.24), 0 0 4px 0 rgba(0, 0, 0, 0.12)}verdocs-view .header .logo{width:80px;display:none;margin:-6px 0 0 10px}verdocs-view .header .title{padding-left:16px;font-size:18px;font-weight:500;text-overflow:ellipsis;white-space:nowrap}verdocs-view .document{-ms-flex:1;flex:1;height:100%;display:-ms-flexbox;display:flex;padding:15px;row-gap:15px;min-height:200px;position:relative;overflow-y:scroll;-ms-flex-align:center;align-items:center;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-flex-direction:column;flex-direction:column}verdocs-view .document .inner{width:100%;max-width:1028px}";
+/**
+ * Various helpers to identify available operations for an envelope by a user.
+ *
+ * @module
+ */
+/**
+ * Check to see if the user owns the envelope.
+ */
+var userIsEnvelopeOwner = function (session, envelope) { return envelope.profile_id === (session === null || session === void 0 ? void 0 : session.profile_id); };
+/**
+ * Check to see if the user owns the envelope.
+ */
+var userCanCancelEnvelope = function (session, envelope) {
+    return userIsEnvelopeOwner(session, envelope) &&
+        envelope.status !== Types.EnvelopeStates.COMPLETE &&
+        envelope.status !== Types.EnvelopeStates.DECLINED &&
+        envelope.status !== Types.EnvelopeStates.CANCELED;
+};
+
+const verdocsViewCss = "verdocs-view{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;overflow:hidden;position:relative;min-height:600px;-ms-flex-direction:column;flex-direction:column;-webkit-box-sizing:border-box;box-sizing:border-box;font-family:\"Inter\", -apple-system, \"Segoe UI\", \"Roboto\", \"Helvetica Neue\", sans-serif}verdocs-view div,verdocs-view canvas{-webkit-box-sizing:border-box;box-sizing:border-box}verdocs-view .header{width:100%;color:#fff;display:-ms-flexbox;display:flex;z-index:1000;-ms-flex:0 0 56px;flex:0 0 56px;padding:0 15px;font-size:12px;-ms-flex-align:center;align-items:center;-ms-flex-direction:row;flex-direction:row;-webkit-transition:all 0.25s;transition:all 0.25s;background-color:#33354c;-webkit-box-shadow:0 4px 4px 0 rgba(0, 0, 0, 0.24), 0 0 4px 0 rgba(0, 0, 0, 0.12);box-shadow:0 4px 4px 0 rgba(0, 0, 0, 0.24), 0 0 4px 0 rgba(0, 0, 0, 0.12)}verdocs-view .header .logo{width:80px;display:none;margin:-6px 0 0 10px}verdocs-view .header .title{padding-left:16px;font-size:18px;font-weight:500;text-overflow:ellipsis;white-space:nowrap}verdocs-view .document{-ms-flex:1;flex:1;width:100%;height:100%;display:-ms-flexbox;display:flex;padding:15px;row-gap:15px;min-height:200px;position:relative;overflow-y:scroll;-ms-flex-align:center;align-items:center;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-flex-direction:column;flex-direction:column}verdocs-view .document .inner{width:100%;max-width:1028px}";
 
 const VerdocsView = class {
   constructor(hostRef) {
@@ -22,6 +41,7 @@ const VerdocsView = class {
     this.envelopeUpdated = index.createEvent(this, "envelopeUpdated", 7);
     this.endpoint = VerdocsEndpoint.VerdocsEndpoint.getDefault();
     this.envelopeId = '';
+    this.isProcessing = false;
   }
   componentWillLoad() {
     this.endpoint.loadSession();
@@ -29,13 +49,21 @@ const VerdocsView = 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() {
-    var _a, _b, _c;
     if (!this.envelopeId) {
       console.error(`[VIEW] Missing required envelopeId`);
       return;
     }
+    return this.reloadEnvelope();
+  }
+  async reloadEnvelope() {
+    var _a, _b, _c;
+    console.log('[VIEW] Checking for updated envelope');
     try {
-      await Envelopes.getEnvelopeById(this.endpoint, this.envelopeId);
+      await Envelopes.getEnvelopeById(this.endpoint, this.envelopeId, true);
+      this.isProcessing = Envelopes.state.envelope.documents.some(document => document.type === 'attachment' && !document.processed);
+      if (this.isProcessing) {
+        setTimeout(() => this.reloadEnvelope(), 3000);
+      }
     }
     catch (e) {
       (_a = this.sdkError) === null || _a === void 0 ? void 0 : _a.emit(new errors.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));
@@ -44,28 +72,20 @@ const VerdocsView = class {
   handlePageRendered(e) {
     const pageInfo = e.detail;
     console.log('[VIEW] Page rendered', pageInfo);
-    // EnvelopeStore.envelope.recipients.forEach((recipient, roleIndex) => {
-    //   console.log('rendering fields for recipient', roleIndex, recipient);
-    //   recipient.fields.forEach(field => {
-    //     const el = renderDocumentField(field, pageInfo, roleIndex, {disabled: true, editable: false, draggable: false, done: true});
-    //     if (!el) {
-    //       return;
-    //     }
-    //
-    //     if (el.setAttribute) {
-    //       el.setAttribute('roleindex', roleIndex);
-    //       el.setAttribute('xScale', pageInfo.xScale);
-    //       el.setAttribute('yScale', pageInfo.yScale);
-    //     }
-    //   });
-    // });
   }
   async handleOptionSelected(e) {
-    var _a;
+    var _a, _b;
     switch (e.detail.id) {
+      case 'cancel':
+        // 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 Envelopes$1.cancelEnvelope(this.endpoint, this.envelopeId);
+          (_a = this.envelopeUpdated) === null || _a === void 0 ? void 0 : _a.emit({ endpoint: this.endpoint, envelope: Envelopes.state.envelope, event: 'canceled' });
+        }
+        break;
       case 'print':
         window.print();
-        (_a = this.envelopeUpdated) === null || _a === void 0 ? void 0 : _a.emit({ endpoint: this.endpoint, envelope: Envelopes.state.envelope, event: 'printed' });
+        (_b = this.envelopeUpdated) === null || _b === void 0 ? void 0 : _b.emit({ endpoint: this.endpoint, envelope: Envelopes.state.envelope, event: 'printed' });
         break;
       case 'download-attachments':
         utils.saveAttachment(this.endpoint, Envelopes.state.envelope, Envelopes.state.envelope.envelope_document_id)
@@ -101,7 +121,6 @@ const VerdocsView = class {
   }
   render() {
     var _a;
-    console.log('[VIEW] Rendering', Envelopes.state.error, Envelopes.state.loading, Envelopes.state.envelope);
     if (Envelopes.state.loading || !Envelopes.state.envelope) {
       return (index.h(index.Host, null, index.h("verdocs-loader", null)));
     }
@@ -109,25 +128,32 @@ const VerdocsView = class {
       return (index.h(index.Host, null, index.h("div", null, Envelopes.state.error)));
     }
     const menuOptions = [{ id: 'print', label: 'Print' }];
+    if (userCanCancelEnvelope(this.endpoint.session, Envelopes.state.envelope)) {
+      menuOptions.push({ id: 'cancel', label: 'Cancel' });
+    }
+    // Add download options to the menu
     const hasAttachments = Envelopes.state.envelope.documents.length > 0;
     const hasCertificate = !!Envelopes.state.envelope.certificate;
     if (hasAttachments || hasCertificate) {
       menuOptions.push({ label: '' });
-    }
-    if (hasAttachments) {
-      menuOptions.push({ id: 'download-attachments', label: 'Download Documents(s)' });
-    }
-    if (hasCertificate) {
-      menuOptions.push({ id: 'download-certificate', label: 'Download Certificate' });
-    }
-    if (hasAttachments && hasCertificate) {
-      menuOptions.push({ id: 'download-all', label: 'Download All Files' });
+      if (hasAttachments) {
+        menuOptions.push({ id: 'download-attachments', label: 'Download Documents(s)' });
+      }
+      if (hasCertificate) {
+        menuOptions.push({ id: 'download-certificate', label: 'Download Certificate' });
+      }
+      if (hasAttachments && hasCertificate) {
+        menuOptions.push({ id: 'download-all', label: 'Download All Files' });
+      }
     }
     return (index.h(index.Host, { "data-r": Envelopes.state.updateCount }, index.h("div", { class: "header" }, index.h(index.Fragment, null, index.h("img", { src: "https://verdocs.com/assets/white-logo.svg", alt: "Verdocs Logo", class: "logo" }), index.h("div", { class: "title" }, Envelopes.state.envelope.name), index.h("div", { style: { flex: '1' } }), index.h("div", { style: { marginLeft: '10px' } }), index.h("verdocs-dropdown", { options: menuOptions, onOptionSelected: e => this.handleOptionSelected(e) }))), index.h("div", { class: "document" }, (((_a = Envelopes.state.envelope) === null || _a === void 0 ? void 0 : _a.documents) || [])
       .filter(document => document.type !== 'certificate')
       .map(envelopeDocument => {
       const pages = [...((envelopeDocument === null || envelopeDocument === void 0 ? void 0 : envelopeDocument.pages) || [])];
       pages.sort((a, b) => a.sequence - b.sequence);
+      if (!envelopeDocument.processed) {
+        return index.h("verdocs-loader", null);
+      }
       return (index.h(index.Fragment, null, pages.map(page => (index.h("verdocs-envelope-document-page", { envelopeId: this.envelopeId, documentId: envelopeDocument.id, endpoint: this.endpoint, virtualWidth: 612, virtualHeight: 792, pageNumber: page.sequence, onPageRendered: e => this.handlePageRendered(e), layers: [
           { name: 'page', type: 'canvas' },
           { name: 'controls', type: 'div' },