@verdocs/web-sdk 1.12.15 → 1.12.18

package/dist/collection/components/embeds/verdocs-sign/verdocs-sign.js

@@ -46,6 +46,7 @@ export class VerdocsSign {
     this.envelopeId = null;
     this.roleId = null;
     this.inviteCode = null;
+    this.headerTargetId = null;
     this.recipient = null;
     this.signerToken = null;
     this.hasSignature = false;
@@ -92,7 +93,7 @@ export class VerdocsSign {
       if (this.agreed) {
         this.nextButtonLabel = 'Next';
       }
-      await getEnvelopeById(this.endpoint, this.envelopeId);
+      await getEnvelopeById(this.endpoint, this.envelopeId, true);
       if (EnvelopeStore.envelope.documents.length > 0) {
         this.documentsSingularPlural = 'document(s)';
       }
@@ -116,6 +117,15 @@ export class VerdocsSign {
       (_e = this.sdkError) === null || _e === void 0 ? void 0 : _e.emit(new SDKError(e.message, (_f = e.response) === null || _f === void 0 ? void 0 : _f.status, (_g = e.response) === null || _g === void 0 ? void 0 : _g.data));
     }
   }
+  componentDidRender() {
+    const headerTarget = this.headerTargetId ? document.getElementById(this.headerTargetId) : null;
+    const headerEl = document.getElementById('verdocs-sign-header');
+    if (headerTarget && headerEl) {
+      console.log('[SIGN] Moving header');
+      headerEl.remove();
+      headerTarget.append(headerEl);
+    }
+  }
   handleClickAgree() {
     envelopeRecipientAgree(this.endpoint, this.envelopeId, this.roleId, true)
       .then(() => {
@@ -137,7 +147,6 @@ export class VerdocsSign {
         this.finishLater = true;
         this.showFinishLater = true;
         (_a = this.envelopeUpdated) === null || _a === void 0 ? void 0 : _a.emit({ endpoint: this.endpoint, envelope: EnvelopeStore.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.');
@@ -415,9 +424,10 @@ export class VerdocsSign {
     if (EnvelopeStore.loading || !EnvelopeStore.envelope) {
       return (h(Host, null, h("verdocs-loader", null)));
     }
-    return (h(Host, { class: { agreed: this.agreed }, "data-r": EnvelopeStore.updateCount }, !this.isDone && !this.finishLater && h("div", { class: "intro" }, "Please review and act on these documents."), !this.isDone && (h("div", { class: "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" }, EnvelopeStore.envelope.name), h("div", { style: { flex: '1' } }))), !this.isDone && !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.isDone && !this.agreed ? h("div", { class: "cover" }) : h("div", { style: { display: 'none' } }), this.isDone ? (
-    // <div>test</div>
-    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("div", { class: "document" }, (EnvelopeStore.envelope.documents || []).map(envelopeDocument => {
+    if (this.isDone) {
+      return (h(Host, { class: { agreed: this.agreed }, "data-r": EnvelopeStore.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 }, "data-r": EnvelopeStore.updateCount }, !this.finishLater && h("div", { class: "intro" }, "Please review and act on these documents."), h("div", { class: "header", 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" }, EnvelopeStore.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" }, (EnvelopeStore.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 => {
@@ -434,7 +444,7 @@ export class VerdocsSign {
             { name: 'controls', type: 'div' },
           ] }));
       })));
-    }))), this.showFinishLater && (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 && h("verdocs-ok-dialog", { heading: "Network Error", message: this.errorMessage, onNext: () => (this.errorMessage = '') }), this.showDone && (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 && (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 && h("verdocs-ok-dialog", { heading: "Network Error", message: this.errorMessage, onNext: () => (this.errorMessage = '') }), this.showDone && (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) }))));
   }
   static get is() { return "verdocs-sign"; }
   static get originalStyleUrls() {
@@ -502,6 +512,24 @@ export class VerdocsSign {
         "attribute": "invite-code",
         "reflect": false,
         "defaultValue": "null"
+      },
+      "headerTargetId": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string | null",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "If set, (recommended), the host application should create a <DIV> element with a unique ID. When this\ncomponent renders, the header will be removed from its default location and placed in the target element.\nThis allows the parent application to more easily control its placement and scroll effects (e.g. \"fixed\").\n\nThe movement of the header to the target container is not dynamic - it is performed only on the initial\nrender. Host applications should not conditionally render this container. If the header's visibility must\nbe externally controlled, use CSS display options to hide/show it instead."
+        },
+        "attribute": "header-target-id",
+        "reflect": false,
+        "defaultValue": "null"
       }
     };
   }

package/dist/collection/components/embeds/verdocs-sign/verdocs-sign.stories.js

@@ -3,6 +3,9 @@ export default {
   title: 'Embeds/Sign',
   component: 'verdocs-sign',
   args: {
+    // envelopeId: '',
+    // roleId: '',
+    // inviteCode: '',
     envelopeId: '4017df32-0daa-4c77-977e-8606a2dd5c82',
     roleId: 'Seller',
     inviteCode: '7736c2728e31fb36b7e2d95f9e0c319d',

package/dist/collection/components/embeds/verdocs-view/verdocs-view.css

@@ -1,5 +1,6 @@
 verdocs-view {
   display: flex;
+  align-items: center;
   overflow: hidden;
   position: relative;
   min-height: 600px;
@@ -12,6 +13,7 @@ verdocs-view canvas {
   box-sizing: border-box;
 }
 verdocs-view .header {
+  width: 100%;
   color: #fff;
   display: flex;
   z-index: 1000;
@@ -38,11 +40,13 @@ verdocs-view .header .title {
 }
 verdocs-view .document {
   flex: 1;
+  width: 100%;
   height: 100%;
   display: flex;
-  padding: 15px;
+  padding: 70px 15px 15px 15px;
   row-gap: 15px;
   min-height: 200px;
+  max-width: 1200px;
   position: relative;
   overflow-y: scroll;
   align-items: center;

package/dist/collection/components/embeds/verdocs-view/verdocs-view.js

@@ -1,4 +1,6 @@
 import { VerdocsEndpoint } from '@verdocs/js-sdk';
+import { cancelEnvelope } from '@verdocs/js-sdk/Envelopes/Envelopes';
+import { userCanCancelEnvelope } from '@verdocs/js-sdk/Envelopes/Permissions';
 import { h, Host, Fragment } from '@stencil/core';
 import { saveAttachment, saveCertificate, saveEnvelopesAsZip } from '../../../utils/utils';
 import { getEnvelopeById } from '../../../utils/Envelopes';
@@ -11,6 +13,8 @@ export class VerdocsView {
   constructor() {
     this.endpoint = VerdocsEndpoint.getDefault();
     this.envelopeId = '';
+    this.headerTargetId = null;
+    this.isProcessing = false;
   }
   componentWillLoad() {
     this.endpoint.loadSession();
@@ -18,13 +22,30 @@ export class VerdocsView {
   // 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();
+  }
+  componentDidRender() {
+    const headerTarget = this.headerTargetId ? document.getElementById(this.headerTargetId) : null;
+    const headerEl = document.getElementById('verdocs-view-header');
+    if (headerTarget && headerEl) {
+      console.log('[VIEW] Moving header');
+      headerEl.remove();
+      headerTarget.append(headerEl);
+    }
+  }
+  async reloadEnvelope() {
+    var _a, _b, _c;
+    console.log('[VIEW] Checking for updated envelope');
     try {
-      await getEnvelopeById(this.endpoint, this.envelopeId);
+      await getEnvelopeById(this.endpoint, this.envelopeId, true);
+      this.isProcessing = EnvelopeStore.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 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));
@@ -33,28 +54,20 @@ export class VerdocsView {
   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 cancelEnvelope(this.endpoint, this.envelopeId);
+          (_a = this.envelopeUpdated) === null || _a === void 0 ? void 0 : _a.emit({ endpoint: this.endpoint, envelope: EnvelopeStore.envelope, event: 'canceled' });
+        }
+        break;
       case 'print':
         window.print();
-        (_a = this.envelopeUpdated) === null || _a === void 0 ? void 0 : _a.emit({ endpoint: this.endpoint, envelope: EnvelopeStore.envelope, event: 'printed' });
+        (_b = this.envelopeUpdated) === null || _b === void 0 ? void 0 : _b.emit({ endpoint: this.endpoint, envelope: EnvelopeStore.envelope, event: 'printed' });
         break;
       case 'download-attachments':
         saveAttachment(this.endpoint, EnvelopeStore.envelope, EnvelopeStore.envelope.envelope_document_id)
@@ -90,7 +103,6 @@ export class VerdocsView {
   }
   render() {
     var _a;
-    console.log('[VIEW] Rendering', EnvelopeStore.error, EnvelopeStore.loading, EnvelopeStore.envelope);
     if (EnvelopeStore.loading || !EnvelopeStore.envelope) {
       return (h(Host, null, h("verdocs-loader", null)));
     }
@@ -98,25 +110,32 @@ export class VerdocsView {
       return (h(Host, null, h("div", null, EnvelopeStore.error)));
     }
     const menuOptions = [{ id: 'print', label: 'Print' }];
+    if (userCanCancelEnvelope(this.endpoint.session, EnvelopeStore.envelope)) {
+      menuOptions.push({ id: 'cancel', label: 'Cancel' });
+    }
+    // Add download options to the menu
     const hasAttachments = EnvelopeStore.envelope.documents.length > 0;
     const hasCertificate = !!EnvelopeStore.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 (h(Host, { "data-r": EnvelopeStore.updateCount }, h("div", { class: "header" }, h(Fragment, null, h("img", { src: "https://verdocs.com/assets/white-logo.svg", alt: "Verdocs Logo", class: "logo" }), h("div", { class: "title" }, EnvelopeStore.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" }, (((_a = EnvelopeStore.envelope) === null || _a === void 0 ? void 0 : _a.documents) || [])
+    return (h(Host, { "data-r": EnvelopeStore.updateCount }, h("div", { class: "header", 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" }, EnvelopeStore.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" }, (((_a = EnvelopeStore.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 h("verdocs-loader", null);
+      }
       return (h(Fragment, null, pages.map(page => (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' },
@@ -174,9 +193,32 @@ export class VerdocsView {
         "attribute": "envelope-id",
         "reflect": false,
         "defaultValue": "''"
+      },
+      "headerTargetId": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string | null",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "If set, (recommended), the host application should create a <DIV> element with a unique ID. When this\ncomponent renders, the header will be removed from its default location and placed in the target element.\nThis allows the parent application to more easily control its placement and scroll effects (e.g. \"fixed\").\n\nThe movement of the header to the target container is not dynamic - it is performed only on the initial\nrender. Host applications should not conditionally render this container. If the header's visibility must\nbe externally controlled, use CSS display options to hide/show it instead."
+        },
+        "attribute": "header-target-id",
+        "reflect": false,
+        "defaultValue": "null"
       }
     };
   }
+  static get states() {
+    return {
+      "isProcessing": {}
+    };
+  }
   static get events() {
     return [{
         "method": "sdkError",

package/dist/collection/components/embeds/verdocs-view/verdocs-view.stories.js

@@ -3,8 +3,8 @@ export default {
   title: 'Embeds/View',
   component: 'verdocs-view',
   args: {
-    // envelopeId: '4017df32-0daa-4c77-977e-8606a2dd5c82',
-    envelopeId: '',
+    envelopeId: '4017df32-0daa-4c77-977e-8606a2dd5c82',
+    // envelopeId: '',
   },
   argTypes: {
     envelopeId: {

package/dist/collection/components/fields/verdocs-field-textbox/verdocs-field-textbox.js

@@ -28,7 +28,6 @@ export class VerdocsFieldTextbox {
   }
   async hideSettingsPanel() {
     const settingsPanel = document.getElementById(`verdocs-settings-panel-${this.field.name}`);
-    console.log('will hide', settingsPanel);
     if (settingsPanel && settingsPanel.hidePanel) {
       settingsPanel.hidePanel();
     }
@@ -68,7 +67,6 @@ export class VerdocsFieldTextbox {
     let disabled = (_b = (_a = this.disabled) !== null && _a !== void 0 ? _a : settings.disabled) !== null && _b !== void 0 ? _b : false;
     const backgroundColor = this.field['rgba'] || getRGBA(this.roleindex);
     const value = (settings === null || settings === void 0 ? void 0 : settings.result) || '';
-    console.log('settings', settings);
     if (this.done) {
       return h(Host, { class: { done: this.done } }, value);
     }

package/dist/collection/components/templates/verdocs-template-fields/verdocs-template-fields.js

@@ -430,7 +430,7 @@ export class VerdocsTemplateFields {
         "optional": false,
         "docs": {
           "tags": [],
-          "text": "If set, (recommended), the host application should create a <DIV> element with a unique ID. When this\ncomponent renders, the toolbar will be removed from its default location and placed in the target element.\nThis allows the parent application to more easily control its placement and scroll effects."
+          "text": "If set, (recommended), the host application should create a <DIV> element with a unique ID. When this\ncomponent renders, the toolbar will be removed from its default location and placed in the target element.\nThis allows the parent application to more easily control its placement and scroll effects.\n\nThe movement of the toolbar to the target container is not dynamic - it is performed only on the initial\nrender. Host applications should not conditionally render this container. If the toolbar's visibility must\nbe externally controlled, use CSS display options to hide/show it instead."
         },
         "attribute": "toolbar-target-id",
         "reflect": false,

package/dist/collection/utils/Envelopes.js

@@ -2,13 +2,13 @@ import { getEnvelope } from '@verdocs/js-sdk/Envelopes/Envelopes';
 import EnvelopeStore from './envelopeStore';
 // Allows envelope data to be cached for reuse between components, without parent components having to prop-drill entire envelopes into
 // child elements.
-export const getEnvelopeById = async (endpoint, envelopeId) => {
+export const getEnvelopeById = async (endpoint, envelopeId, forceReload = false) => {
   var _a, _b;
   if (!envelopeId) {
     console.log(`[ENVELOPES] Missing required envelope ID`);
     return;
   }
-  if (((_a = EnvelopeStore.envelope) === null || _a === void 0 ? void 0 : _a.id) === envelopeId) {
+  if (((_a = EnvelopeStore.envelope) === null || _a === void 0 ? void 0 : _a.id) === envelopeId && !forceReload) {
     console.log(`[ENVELOPES] Skipping load for already-loaded envelope ID`);
     return;
   }

package/dist/components/Envelopes.js

@@ -1,4 +1,4 @@
-import { d as decodeAccessTokenBody } from './Token.js';
+import { d as decodeAccessTokenBody } from './Types.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); }); }
@@ -63,6 +63,16 @@ var getEnvelope = function (endpoint, envelopeId, ssr) { return __awaiter(void 0
                 .then(function (r) { return r.data; })];
     });
 }); };
+/**
+ * Cancel an Envelope.
+ */
+var cancelEnvelope = function (endpoint, envelopeId) { return __awaiter(void 0, void 0, void 0, function () {
+    return __generator(this, function (_a) {
+        return [2 /*return*/, endpoint.api //
+                .put("/envelopes/".concat(envelopeId), { action: 'cancel' })
+                .then(function (r) { return r.data; })];
+    });
+}); };
 /**
  * Get (binary download) a file attached to an Envelope. It is important to use this method
  * rather than a direct A HREF or similar link to set the authorization headers for the
@@ -126,4 +136,4 @@ var getEnvelopeDocumentPageDisplayUri = function (endpoint, envelopeId, document
     return [2 /*return*/, endpoint.api.get("/envelopes/".concat(envelopeId, "/envelope_documents/").concat(documentId, "/pages/").concat(page, "/image")).then(function (r) { return r.data; })];
 }); }); };
 
-export { updateEnvelopeFieldSignature as a, updateEnvelopeFieldInitials as b, getEnvelopeDocumentPageDisplayUri as c, getEnvelopeFile as d, getFieldAttachment as e, getEnvelope as f, getSigningSession as g, updateEnvelopeField as u };
+export { updateEnvelopeFieldSignature as a, updateEnvelopeFieldInitials as b, getEnvelopeDocumentPageDisplayUri as c, cancelEnvelope as d, getEnvelopeFile as e, getFieldAttachment as f, getSigningSession as g, getEnvelope as h, updateEnvelopeField as u };

package/dist/components/Envelopes2.js

@@ -1,4 +1,4 @@
-import { f as getEnvelope } from './Envelopes.js';
+import { h as getEnvelope } from './Envelopes.js';
 import { c as createStore } from './index3.js';
 
 // NOTE: Do not attempt to convert this to a named-export module. It triggers compilation issues in Rollup that I spent days trying to
@@ -30,13 +30,13 @@ onChange('envelope', async (newEnvelope) => {
 
 // Allows envelope data to be cached for reuse between components, without parent components having to prop-drill entire envelopes into
 // child elements.
-const getEnvelopeById = async (endpoint, envelopeId) => {
+const getEnvelopeById = async (endpoint, envelopeId, forceReload = false) => {
   var _a, _b;
   if (!envelopeId) {
     console.log(`[ENVELOPES] Missing required envelope ID`);
     return;
   }
-  if (((_a = state.envelope) === null || _a === void 0 ? void 0 : _a.id) === envelopeId) {
+  if (((_a = state.envelope) === null || _a === void 0 ? void 0 : _a.id) === envelopeId && !forceReload) {
     console.log(`[ENVELOPES] Skipping load for already-loaded envelope ID`);
     return;
   }

package/dist/{esm/Token-54690789.js → components/Types.js}

@@ -66,4 +66,50 @@ var decodeAccessTokenBody = function (token) {
     return decoded;
 };
 
-export { decodeAccessTokenBody as d };
+var RecipientActions;
+(function (RecipientActions) {
+    RecipientActions["SUBMIT"] = "submit";
+    RecipientActions["DECLINE"] = "decline";
+    RecipientActions["PREPARE"] = "prepare";
+    RecipientActions["UPDATE"] = "update";
+})(RecipientActions || (RecipientActions = {}));
+var EnvelopeStates;
+(function (EnvelopeStates) {
+    EnvelopeStates["COMPLETE"] = "complete";
+    EnvelopeStates["PENDING"] = "pending";
+    EnvelopeStates["IN_PROGRESS"] = "in progress";
+    EnvelopeStates["DECLINED"] = "declined";
+    EnvelopeStates["CANCELED"] = "canceled";
+})(EnvelopeStates || (EnvelopeStates = {}));
+var RecipientStates;
+(function (RecipientStates) {
+    RecipientStates["INVITED"] = "invited";
+    RecipientStates["OPENED"] = "opened";
+    RecipientStates["SIGNED"] = "signed";
+    RecipientStates["SUBMITTED"] = "submitted";
+    RecipientStates["CANCELED"] = "canceled";
+    RecipientStates["PENDING"] = "pending";
+    RecipientStates["DECLINED"] = "declined";
+})(RecipientStates || (RecipientStates = {}));
+var RecipientTypes;
+(function (RecipientTypes) {
+    RecipientTypes["SIGNER"] = "signer";
+    RecipientTypes["CC"] = "cc";
+    RecipientTypes["APPROVER"] = "approver";
+})(RecipientTypes || (RecipientTypes = {}));
+var DocumentFieldTypes;
+(function (DocumentFieldTypes) {
+    DocumentFieldTypes["SIGNATURE"] = "signature";
+    DocumentFieldTypes["INITIAL"] = "initial";
+    DocumentFieldTypes["CHECKBOX_GROUP"] = "checkbox_group";
+    DocumentFieldTypes["RADIO_BUTTON_GROUP"] = "radio_button_group";
+    DocumentFieldTypes["TEXTBOX"] = "textbox";
+    DocumentFieldTypes["TIMESTAMP"] = "timestamp";
+    DocumentFieldTypes["DATE"] = "date";
+    DocumentFieldTypes["DROPDOWN"] = "dropdown";
+    DocumentFieldTypes["TEXTAREA"] = "textarea";
+    DocumentFieldTypes["ATTACHMENT"] = "attachment";
+    DocumentFieldTypes["PAYMENT"] = "payment";
+})(DocumentFieldTypes || (DocumentFieldTypes = {}));
+
+export { EnvelopeStates as E, decodeAccessTokenBody as d };

package/dist/components/VerdocsEndpoint.js

@@ -1,17 +1,53 @@
-import { d as decodeAccessTokenBody } from './Token.js';
-
-var TemplatePermissions;
-(function (TemplatePermissions) {
-    TemplatePermissions["TEMPLATE_CREATOR_CREATE_PUBLIC"] = "template:creator:create:public";
-    TemplatePermissions["TEMPLATE_CREATOR_CREATE_ORG"] = "template:creator:create:org";
-    TemplatePermissions["TEMPLATE_CREATOR_CREATE_PERSONAL"] = "template:creator:create:personal";
-    TemplatePermissions["TEMPLATE_CREATOR_DELETE"] = "template:creator:delete";
-    TemplatePermissions["TEMPLATE_CREATOR_VISIBILITY"] = "template:creator:visibility";
-    TemplatePermissions["TEMPLATE_MEMBER_READ"] = "template:member:read";
-    TemplatePermissions["TEMPLATE_MEMBER_WRITE"] = "template:member:write";
-    TemplatePermissions["TEMPLATE_MEMBER_DELETE"] = "template:member:delete";
-    TemplatePermissions["TEMPLATE_MEMBER_VISIBILITY"] = "template:member:visibility";
-})(TemplatePermissions || (TemplatePermissions = {}));
+import { d as decodeAccessTokenBody } from './Types.js';
+
+/**
+ * Operation within Verdocs that users may perform.
+ */
+var Permissions;
+(function (Permissions) {
+    Permissions["RCOMMON"] = "rcommon:access";
+    Permissions["RFORM_ACCESS"] = "rform:access";
+    Permissions["ORG_CREATE"] = "org:create";
+    Permissions["ORG_VIEW"] = "org:view";
+    Permissions["ORG_UPDATE"] = "org:update";
+    Permissions["ORG_DELETE"] = "org:delete";
+    Permissions["ORG_TRANSFER"] = "org:transfer";
+    Permissions["ORG_LIST"] = "org:list";
+    Permissions["OWNER_ADD"] = "owner:add";
+    Permissions["OWNER_REMOVE"] = "owner:remove";
+    Permissions["ADMIN_ADD"] = "admin:add";
+    Permissions["ADMIN_REMOVE"] = "admin:remove";
+    Permissions["MEMBER_VIEW"] = "member:view";
+    Permissions["MEMBER_ADD"] = "member:add";
+    Permissions["MEMBER_REMOVE"] = "member:remove";
+    Permissions["TEMPLATE_CREATOR_DELETE"] = "template:creator:delete";
+    Permissions["TEMPLATE_CREATOR_VISIBILITY"] = "template:creator:visibility";
+    Permissions["TEMPLATE_CREATOR_CREATE_ORG"] = "template:creator:create:org";
+    Permissions["TEMPLATE_CREATOR_CREATE_PUBLIC"] = "template:creator:create:public";
+    Permissions["TEMPLATE_CREATOR_CREATE_PERSONAL"] = "template:creator:create:personal";
+    Permissions["TEMPLATE_MEMBER_READ"] = "template:member:read";
+    Permissions["TEMPLATE_MEMBER_WRITE"] = "template:member:write";
+    Permissions["TEMPLATE_MEMBER_DELETE"] = "template:member:delete";
+    Permissions["TEMPLATE_MEMBER_VISIBILITY"] = "template:member:visibility";
+})(Permissions || (Permissions = {}));
+/**
+ * Plans provide access to Verdocs product features.
+ */
+var Plans;
+(function (Plans) {
+    Plans["ENV_ESSENTIAL"] = "env:essential";
+    Plans["ORG_STANDARD"] = "org:standard";
+})(Plans || (Plans = {}));
+/**
+ * Roles provide access to groups of permissions.
+ */
+var Roles;
+(function (Roles) {
+    Roles["OWNER"] = "owner";
+    Roles["BASIC_USER"] = "basic_user";
+    Roles["MEMBER"] = "member";
+})(Roles || (Roles = {}));
+
 var TemplateSenderTypes;
 (function (TemplateSenderTypes) {
     TemplateSenderTypes["CREATOR"] = "creator";

package/dist/components/utils.js

@@ -1,4 +1,5 @@
-import { d as getEnvelopeFile, e as getFieldAttachment } from './Envelopes.js';
+import { e as getEnvelopeFile, f as getFieldAttachment } from './Envelopes.js';
+import './Types.js';
 import { d as downloadBlob } from './Files.js';
 import { f as format } from './index2.js';
 

package/dist/components/verdocs-auth.js

@@ -1,5 +1,6 @@
 import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
 import { V as VerdocsEndpoint } from './VerdocsEndpoint.js';
+import './Types.js';
 import { S as SDKError } from './errors.js';
 import { d as defineCustomElement$5 } from './verdocs-button2.js';
 import { d as defineCustomElement$4 } from './verdocs-help-icon2.js';

package/dist/components/verdocs-build.js

@@ -1,4 +1,5 @@
 import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
+import './Types.js';
 import { V as VerdocsEndpoint } from './VerdocsEndpoint.js';
 import { l as loadTemplate } from './Templates.js';
 import { S as SDKError } from './errors.js';

package/dist/components/verdocs-contact-picker2.js

@@ -1,4 +1,5 @@
 import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
+import './Types.js';
 import { V as VerdocsEndpoint } from './VerdocsEndpoint.js';
 import { d as defineCustomElement$2 } from './verdocs-button2.js';
 import { d as defineCustomElement$1 } from './verdocs-toggle-button2.js';

package/dist/components/verdocs-envelope-document-page2.js

@@ -1,5 +1,6 @@
 import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
 import { c as getEnvelopeDocumentPageDisplayUri } from './Envelopes.js';
+import './Types.js';
 import { V as VerdocsEndpoint } from './VerdocsEndpoint.js';
 import { t as throttle } from './utils.js';
 

package/dist/components/verdocs-envelope-sidebar.js

@@ -1,4 +1,5 @@
 import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
+import './Types.js';
 import { V as VerdocsEndpoint } from './VerdocsEndpoint.js';
 import { g as getEnvelopeById, s as state } from './Envelopes2.js';
 import { S as SDKError } from './errors.js';
@@ -201,7 +202,7 @@ const VerdocsEnvelopeSidebar$1 = /*@__PURE__*/ proxyCustomElement(class extends
     const session = this.endpoint.getSession();
     const isEnvelopeOwner = session.profile_id === state.envelope.profile_id; // TODO: What about org admins?
     const historyEntries = this.prepareHistoryEntries();
-    return (h(Host, { class: this.panelOpen ? 'open' : '', "data-r": state.updateCount }, h("div", { class: "buttons" }, h("button", { class: this.activeTab === 1 ? 'active' : '', onClick: () => this.setTab(1), innerHTML: InformationCircle }), h("button", { class: this.activeTab === 2 ? 'active' : '', onClick: () => this.setTab(2), innerHTML: Users }), h("button", { class: this.activeTab === 3 ? 'active' : '', onClick: () => this.setTab(3), innerHTML: ClipboardDocuments })), this.activeTab === 1 && (h("div", { class: "content" }, h("div", { class: "title" }, "Details"), h("div", { class: "label" }, "Envelope ID"), h("div", { class: "value" }, state.envelope.id), h("div", { class: "label" }, "Date Created"), h("div", { class: "value" }, format(new Date(state.envelope.created_at), 'PP pp')), h("div", { class: "label" }, "Last Modified"), h("div", { class: "value" }, format(new Date(state.envelope.updated_at), 'PP pp')), h("div", { class: "label" }, "Status"), h("div", { class: "value" }, state.envelope.status), h("div", { class: "label" }, "Verdoc Owner UUID"), h("div", { class: "value" }, state.envelope.profile_id), h("div", { class: "label" }, "Verdoc Owner Name"), h("div", { class: "value" }, (_a = state.envelope.profile) === null || _a === void 0 ? void 0 :
+    return (h(Host, { class: this.panelOpen ? 'open' : '', "data-r": state.updateCount }, h("div", { class: "buttons" }, h("button", { class: this.activeTab === 1 ? 'active' : '', onClick: () => this.setTab(1), innerHTML: InformationCircle }), h("button", { class: this.activeTab === 2 ? 'active' : '', onClick: () => this.setTab(2), innerHTML: Users }), h("button", { class: this.activeTab === 3 ? 'active' : '', onClick: () => this.setTab(3), innerHTML: ClipboardDocuments })), this.activeTab === 1 && (h("div", { class: "content" }, h("div", { class: "title" }, "Details"), h("div", { class: "label" }, "Envelope ID"), h("div", { class: "value" }, state.envelope.id), h("div", { class: "label" }, "Date Created"), h("div", { class: "value" }, format(new Date(state.envelope.created_at), 'PP pp')), h("div", { class: "label" }, "Last Modified"), h("div", { class: "value" }, format(new Date(state.envelope.updated_at), 'PP pp')), h("div", { class: "label" }, "Status"), h("div", { class: "value" }, state.envelope.status), h("div", { class: "label" }, "Verdoc Owner ID"), h("div", { class: "value" }, state.envelope.profile_id), h("div", { class: "label" }, "Verdoc Owner Name"), h("div", { class: "value" }, (_a = state.envelope.profile) === null || _a === void 0 ? void 0 :
       _a.first_name, " ", (_b = state.envelope.profile) === null || _b === void 0 ? void 0 :
       _b.last_name), h("div", { class: "label" }, "Verdoc Owner Email"), h("div", { class: "value" }, (_c = state.envelope.profile) === null || _c === void 0 ? void 0 : _c.email))), this.activeTab === 2 && (h("div", { class: "content" }, h("div", { class: "title" }, "Recipients"), state.envelope.recipients.map((recipient, index) => (h("div", { class: "recipient-detail" }, h("div", { class: "recipient-header" }, h("div", { class: "recipient-number" }, index + 1), h("div", { class: "recipient-type" }, recipient.type), h("div", { class: { 'recipient-status': true, [recipient.status]: true } }, recipient.status), isEnvelopeOwner && (h("verdocs-dropdown", { onOptionSelected: item => this.handleRecipientAction(recipient, item.detail.id), options: [
         { id: 'reminder', label: 'Send Reminder', disabled: !this.canResendRecipient(recipient) },

package/dist/components/verdocs-field-textbox.js

@@ -40,7 +40,6 @@ const VerdocsFieldTextbox$1 = /*@__PURE__*/ proxyCustomElement(class extends HTM
   }
   async hideSettingsPanel() {
     const settingsPanel = document.getElementById(`verdocs-settings-panel-${this.field.name}`);
-    console.log('will hide', settingsPanel);
     if (settingsPanel && settingsPanel.hidePanel) {
       settingsPanel.hidePanel();
     }
@@ -80,7 +79,6 @@ const VerdocsFieldTextbox$1 = /*@__PURE__*/ proxyCustomElement(class extends HTM
     let disabled = (_b = (_a = this.disabled) !== null && _a !== void 0 ? _a : settings.disabled) !== null && _b !== void 0 ? _b : false;
     const backgroundColor = this.field['rgba'] || getRGBA(this.roleindex);
     const value = (settings === null || settings === void 0 ? void 0 : settings.result) || '';
-    console.log('settings', settings);
     if (this.done) {
       return h(Host, { class: { done: this.done } }, value);
     }

package/dist/components/verdocs-preview.js

@@ -1,4 +1,5 @@
 import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
+import './Types.js';
 import { V as VerdocsEndpoint } from './VerdocsEndpoint.js';
 import { r as renderDocumentField, a as getRoleIndex } from './utils.js';
 import { s as state } from './templateStore.js';

package/dist/components/verdocs-quick-functions2.js

@@ -1,4 +1,5 @@
 import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
+import './Types.js';
 import { V as VerdocsEndpoint } from './VerdocsEndpoint.js';
 
 const verdocsQuickFunctionsCss = "verdocs-quick-functions{font-family:\"Inter\", -apple-system, \"Segoe UI\", \"Roboto\", \"Helvetica Neue\", sans-serif}verdocs-quick-functions .container{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-wrap:nowrap;flex-wrap:nowrap;width:240px;background-color:#1e2031;text-transform:uppercase;padding:10px 10px 20px 10px;font-family:sans-serif;color:#ffffff}verdocs-quick-functions .title{font-size:22px;font-weight:700;line-height:30px;margin:1em 0 40px 0}verdocs-quick-functions button{width:140px;height:40px;border:none;display:-ms-flexbox;display:flex;color:#ffffff;cursor:pointer;font-size:14px;font-weight:700;line-height:25px;-ms-flex-align:center;align-items:center;margin-bottom:20px;border-radius:5px;text-transform:uppercase;-ms-flex-pack:space-evenly;justify-content:space-evenly;background-color:#55bc81}verdocs-quick-functions button svg{fill:#ffffff}";