@verdocs/web-sdk 1.12.15 → 1.12.16

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,6 +40,7 @@ verdocs-view .header .title {
 }
 verdocs-view .document {
   flex: 1;
+  width: 100%;
   height: 100%;
   display: flex;
   padding: 15px;

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,7 @@ export class VerdocsView {
   constructor() {
     this.endpoint = VerdocsEndpoint.getDefault();
     this.envelopeId = '';
+    this.isProcessing = false;
   }
   componentWillLoad() {
     this.endpoint.loadSession();
@@ -18,13 +21,21 @@ 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();
+  }
+  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 +44,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 +93,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 +100,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) || [])
       .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' },
@@ -177,6 +186,11 @@ export class VerdocsView {
       }
     };
   }
+  static get states() {
+    return {
+      "isProcessing": {}
+    };
+  }
   static get events() {
     return [{
         "method": "sdkError",

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/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}";

package/dist/components/verdocs-search-activity2.js

@@ -1,5 +1,6 @@
 import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
 import { a as getTemplates } from './Templates2.js';
+import './Types.js';
 import { V as VerdocsEndpoint } from './VerdocsEndpoint.js';
 
 /**

package/dist/components/verdocs-search-box2.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 verdocsSearchBoxCss = "verdocs-search-box{font-family:\"Inter\", -apple-system, \"Segoe UI\", \"Roboto\", \"Helvetica Neue\", sans-serif}verdocs-search-box form{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;height:45px;-webkit-box-sizing:border-box;box-sizing:border-box;margin:5px 0 0;border-radius:5px;-ms-flex-align:center;align-items:center;background-color:#fff;padding:0 8px;border-width:1px;border-style:solid;border-color:#707ae5}verdocs-search-box form input{-webkit-box-sizing:border-box;box-sizing:border-box;height:43px;width:100%;font-size:18px;border:none}verdocs-search-box form input:focus{outline:none}verdocs-search-box form button.search{cursor:pointer;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:4px;border:none;width:100px;height:28px;font-weight:700;font-size:10px;letter-spacing:1px;background-color:#55bc81;text-transform:uppercase;color:#fff}verdocs-search-box form .type{background-color:#707ae5;height:30px;display:-ms-inline-flexbox;display:inline-flex;padding:1px 0 2px 10px;font-size:13px;line-height:16px;border-radius:4px;-ms-flex-pack:center;justify-content:center;text-transform:uppercase;-ms-flex-align:center;align-items:center;-ms-flex-direction:row;flex-direction:row;color:#fff;margin-right:10px}verdocs-search-box form .type button{border:none;color:#fff;margin:5px 0 0 8px;background:transparent}verdocs-search-box form svg{width:12px;height:12px;margin-right:6px}verdocs-search-box ::-webkit-input-placeholder{color:#aeb4bf}verdocs-search-box ::-moz-placeholder{color:#aeb4bf}verdocs-search-box :-ms-input-placeholder{color:#aeb4bf}verdocs-search-box ::-ms-input-placeholder{color:#aeb4bf}verdocs-search-box ::placeholder{color:#aeb4bf}";

package/dist/components/verdocs-search.js

@@ -1,4 +1,5 @@
 import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
+import './Types.js';
 import { V as VerdocsEndpoint } from './VerdocsEndpoint.js';
 import { d as defineCustomElement$4 } from './verdocs-quick-functions2.js';
 import { d as defineCustomElement$3 } from './verdocs-search-activity2.js';

package/dist/components/verdocs-send.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 { i as isValidEmail, a as isValidPhone } from './Validators.js';
 import { g as getRGBA } from './Colors.js';

package/dist/components/verdocs-sign.js

@@ -1,5 +1,6 @@
 import { proxyCustomElement, HTMLElement, createEvent, h, Host, Fragment } from '@stencil/core/internal/client';
 import { g as getSigningSession, u as updateEnvelopeField, a as updateEnvelopeFieldSignature, b as updateEnvelopeFieldInitials } from './Envelopes.js';
+import './Types.js';
 import { V as VerdocsEndpoint } from './VerdocsEndpoint.js';
 import { a as isValidPhone, i as isValidEmail } from './Validators.js';
 import { f as fullNameToInitials } from './Primitives.js';
@@ -178,7 +179,7 @@ const VerdocsSign$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement
       if (this.agreed) {
         this.nextButtonLabel = 'Next';
       }
-      await getEnvelopeById(this.endpoint, this.envelopeId);
+      await getEnvelopeById(this.endpoint, this.envelopeId, true);
       if (state.envelope.documents.length > 0) {
         this.documentsSingularPlural = 'document(s)';
       }
@@ -223,7 +224,6 @@ const VerdocsSign$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement
         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' });
-        // 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 +501,10 @@ const VerdocsSign$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement
     if (state.loading || !state.envelope) {
       return (h(Host, null, h("verdocs-loader", null)));
     }
-    return (h(Host, { class: { agreed: this.agreed }, "data-r": state.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" }, state.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" }, (state.envelope.documents || []).map(envelopeDocument => {
+    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 }, "data-r": state.updateCount }, !this.finishLater && h("div", { class: "intro" }, "Please review and act on these documents."), 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" }, 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" }, (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 (h(Fragment, null, pages.map(page => {
@@ -520,7 +521,7 @@ const VerdocsSign$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement
             { 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 style() { return verdocsSignCss; }
 }, [0, "verdocs-sign", {

package/dist/components/verdocs-template-attachments.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 { s as state } from './templateStore.js';
 import { l as loadTemplate } from './Templates.js';

package/dist/components/verdocs-template-create2.js

@@ -1,4 +1,5 @@
 import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
+import './Types.js';
 import { c as createTemplate, g as getTemplate } from './Templates2.js';
 import { c as createTemplateDocument } from './TemplateDocuments.js';
 import { V as VerdocsEndpoint } from './VerdocsEndpoint.js';

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

@@ -1,4 +1,5 @@
 import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
+import './Types.js';
 import { g as getTemplateDocumentPageDisplayUri } from './TemplateDocuments.js';
 import { V as VerdocsEndpoint } from './VerdocsEndpoint.js';
 import { t as throttle } from './utils.js';

package/dist/components/verdocs-template-field-properties2.js

@@ -1,4 +1,5 @@
 import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
+import './Types.js';
 import { u as updateField, d as deleteField } from './Fields.js';
 import { V as VerdocsEndpoint } from './VerdocsEndpoint.js';
 import { s as state } from './templateStore.js';

package/dist/components/verdocs-template-fields2.js

@@ -1,5 +1,6 @@
 import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
 import { i as interact } from './interact.min.js';
+import './Types.js';
 import { u as updateField, c as createField } from './Fields.js';
 import { V as VerdocsEndpoint } from './VerdocsEndpoint.js';
 import { a as getRoleIndex, r as renderDocumentField, c as updateCssTransform, d as defaultWidth, e as defaultHeight } from './utils.js';

package/dist/components/verdocs-template-name.js

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

package/dist/components/verdocs-template-properties.js

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

package/dist/components/verdocs-template-reminders.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 { s as state } from './templateStore.js';
 import { l as loadTemplate } from './Templates.js';

package/dist/components/verdocs-template-role-properties2.js

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