@verdocs/web-sdk 4.2.158 → 5.0.0

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

@@ -1,7 +1,16 @@
-import { p as proxyCustomElement, H, c as createEvent, h, d as Host, F as Fragment } from './p-7786799a.js';
+import { p as proxyCustomElement, H, c as createEvent, h, F as Fragment, d as Host } from './p-324ed895.js';
 import { getRGBA } from '@verdocs/js-sdk';
-import { g as getTemplateRoleStore, a as getRoleIndex } from './p-9b5a4f9e.js';
-import { g as getTemplateFieldStore } from './p-00d39dca.js';
+import { S as SettingsIcon } from './p-7e9c499e.js';
+import { S as Store } from './p-da4d4eed.js';
+import { d as defineCustomElement$a } from './p-0e332769.js';
+import { d as defineCustomElement$9 } from './p-3201d529.js';
+import { d as defineCustomElement$8 } from './p-84ae0283.js';
+import { d as defineCustomElement$7 } from './p-0ca7012b.js';
+import { d as defineCustomElement$6 } from './p-1ae5d7e0.js';
+import { d as defineCustomElement$5 } from './p-5d4bbcd0.js';
+import { d as defineCustomElement$4 } from './p-315d6592.js';
+import { d as defineCustomElement$3 } from './p-0d063bf9.js';
+import { d as defineCustomElement$2 } from './p-c8fedb4e.js';
 
 const verdocsFieldPaymentCss = "@-webkit-keyframes verdocs-field-pulse{0%{background-color:rgba(0, 0, 0, 0.35)}50%{background-color:rgba(0, 0, 0, 0)}100%{background-color:rgba(0, 0, 0, 0.35)}}@keyframes verdocs-field-pulse{0%{background-color:rgba(0, 0, 0, 0.35)}50%{background-color:rgba(0, 0, 0, 0)}100%{background-color:rgba(0, 0, 0, 0.35)}}verdocs-field-payment{font-family:\"Inter\", -apple-system, \"Segoe UI\", \"Roboto\", \"Helvetica Neue\", sans-serif;width:24px;height:24px;display:block;font-size:11px;position:relative;scroll-margin:20px 0;border:1px solid #cfa;background-color:transparent;-webkit-transform-origin:bottom left;transform-origin:bottom left}verdocs-field-payment.disabled{opacity:0.5}verdocs-field-payment button,verdocs-field-payment div{-webkit-box-sizing:border-box;box-sizing:border-box}verdocs-field-payment button{color:rgba(0, 0, 0, 0.87);font-weight:500;-webkit-transform-origin:0 0;transform-origin:0 0;height:100%;width:100%;background:none;font-size:11px}verdocs-field-payment button.hide{display:none}verdocs-field-payment input{float:left;font-family:Arial, sans-serif}verdocs-field-payment select{position:absolute;font-family:Arial, sans-serif;background:linear-gradient(55deg, transparent 50%, #333 50%), linear-gradient(125deg, #333 50%, transparent 50%), linear-gradient(to right, transparent, transparent);background-position:calc(100% - 7px) 4px, calc(100% - 3px) 4px, 100% 0;background-size:5px 5px, 5px 5px, 2.5em 2.5em;background-repeat:no-repeat;-webkit-appearance:none;-moz-appearance:none;appearance:none}verdocs-field-payment .frame{width:100%;height:100%;background-size:contain;text-align:left}verdocs-field-payment .frame img{position:absolute;height:auto;width:100%}verdocs-field-payment.focused{-webkit-animation:verdocs-field-pulse 0.4s 1;animation:verdocs-field-pulse 0.4s 1}verdocs-field-payment .settings-icon{position:absolute;top:-3px;left:-20px;display:inline-block;cursor:pointer;opacity:0.3}verdocs-field-payment .settings-icon svg{fill:#707ae5}verdocs-field-payment .settings-icon:hover{opacity:1}@keyframes verdocs-field-pulse{0%{background-color:rgba(0, 0, 0, 0.35)}50%{background-color:rgba(0, 0, 0, 0)}100%{background-color:rgba(0, 0, 0, 0.35)}}";
 const VerdocsFieldPaymentStyle0 = verdocsFieldPaymentCss;
@@ -10,15 +19,20 @@ const VerdocsFieldPayment$1 = /*@__PURE__*/ proxyCustomElement(class VerdocsFiel
     constructor() {
         super();
         this.__registerHost();
-        this.signatureComplete = createEvent(this, "signatureComplete", 7);
-        this.initialComplete = createEvent(this, "initialComplete", 7);
         this.settingsChanged = createEvent(this, "settingsChanged", 7);
         this.deleted = createEvent(this, "deleted", 7);
-        this.fieldStore = null;
-        this.roleStore = null;
-        this.templateid = '';
+        this.source = 'template';
+        this.sourceid = '';
         this.fieldname = '';
         this.disabled = false;
+        this.done = false;
+        this.editable = false;
+        this.moveable = false;
+        this.xscale = 1;
+        this.yscale = 1;
+        this.pagenumber = 1;
+        this.showingProperties = false;
+        this.focused = false;
         this.fields = undefined;
         this.pageNum = undefined;
         this.roleName = undefined;
@@ -30,19 +44,12 @@ const VerdocsFieldPayment$1 = /*@__PURE__*/ proxyCustomElement(class VerdocsFiel
         this.currentSignatureId = undefined;
         this.currentInitial = undefined;
         this.currentInitialId = undefined;
-        this.focused = false;
         this.signed = false;
-        this.xscale = 1;
-        this.yscale = 1;
-        this.pagenumber = 1;
         this.preparedMessage = undefined;
         this.signatureUrl = '';
         this.roleindex = 0;
-        this.showingProperties = false;
     }
     componentWillLoad() {
-        this.fieldStore = getTemplateFieldStore(this.templateid);
-        this.roleStore = getTemplateRoleStore(this.templateid);
         // Load validators
         // Load fields
         // Get role names
@@ -54,6 +61,13 @@ const VerdocsFieldPayment$1 = /*@__PURE__*/ proxyCustomElement(class VerdocsFiel
             }
         }
     }
+    async focusField() {
+        // We don't have a visible input that we can actually focus on, so we fake it
+        this.focused = true;
+        setTimeout(() => {
+            this.focused = false;
+        }, 500);
+    }
     async showSettingsPanel() {
         const settingsPanel = document.getElementById(`verdocs-settings-panel-${this.fieldname}`);
         if (settingsPanel && settingsPanel.showPanel) {
@@ -67,24 +81,40 @@ const VerdocsFieldPayment$1 = /*@__PURE__*/ proxyCustomElement(class VerdocsFiel
         }
     }
     render() {
-        var _a;
-        const field = this.fieldStore.get('fields').find(field => field.name === this.fieldname);
-        const roleIndex = getRoleIndex(this.roleStore, field.role_name);
-        const backgroundColor = field['rgba'] || getRGBA(roleIndex);
+        const { source, sourceid, fieldname, editable = false, done = false, disabled = false, focused, xscale = 1, yscale = 1 } = this;
+        const { index, field } = Store.getField(source, sourceid, fieldname);
+        const backgroundColor = getRGBA(index);
         if (!field) {
             return h(Fragment, null);
         }
-        // TODO:
-        // const settings = getFieldSettings(field);
-        // const disabled = this.disabled ?? settings.disabled ?? false;
-        const disabled = (_a = this.disabled) !== null && _a !== void 0 ? _a : false;
-        return (h(Host, { class: { focused: this.focused, disabled }, style: { backgroundColor } }, h("button", { class: { hide: this.signed } }, "$"), this.signed ? h("div", { class: "frame" }) : h("div", { style: { display: 'none' } }), h("img", { width: "100%", height: "100%", src: this.signatureUrl, alt: "Payment Icon" })));
+        if (done) {
+            return h(Host, { class: { done } }, "$\u2713");
+        }
+        return (h(Host, { class: { focused, disabled }, style: { backgroundColor } }, h("button", { class: { hide: this.signed } }, "$"), this.signed ? h("div", { class: "frame" }) : h("div", { style: { display: 'none' } }), h("img", { width: "100%", height: "100%", src: this.signatureUrl, alt: "Payment Icon" }), editable && (h(Fragment, null, h("div", { id: `verdocs-settings-panel-trigger-${fieldname}`, style: { transform: `scale(${Math.floor((1 / xscale) * 1000) / 1000}, ${Math.floor((1 / yscale) * 1000) / 1000})` }, class: "settings-icon", innerHTML: SettingsIcon, onClick: (e) => {
+                e.stopPropagation();
+                this.showingProperties = !this.showingProperties;
+            } }), this.showingProperties && (h("verdocs-portal", { anchor: `verdocs-settings-panel-trigger-${field.name}`, onClickAway: () => (this.showingProperties = false) }, h("verdocs-template-field-properties", { templateId: sourceid, fieldName: field.name, onClose: () => (this.showingProperties = false), onDelete: () => {
+                var _a;
+                (_a = this.deleted) === null || _a === void 0 ? void 0 : _a.emit({ fieldName: fieldname });
+                return this.hideSettingsPanel();
+            }, onSettingsChanged: e => {
+                var _a;
+                (_a = this.settingsChanged) === null || _a === void 0 ? void 0 : _a.emit(e.detail);
+                return this.hideSettingsPanel();
+            }, helpText: 'Check boxes allow the user to select one or more (non-exclusive) options.' })))))));
     }
     static get style() { return VerdocsFieldPaymentStyle0; }
 }, [0, "verdocs-field-payment", {
-        "templateid": [1],
-        "fieldname": [1],
-        "disabled": [4],
+        "source": [513],
+        "sourceid": [513],
+        "fieldname": [513],
+        "disabled": [516],
+        "done": [516],
+        "editable": [516],
+        "moveable": [516],
+        "xscale": [514],
+        "yscale": [514],
+        "pagenumber": [514],
         "fields": [16],
         "pageNum": [2, "page-num"],
         "roleName": [1, "role-name"],
@@ -96,15 +126,13 @@ const VerdocsFieldPayment$1 = /*@__PURE__*/ proxyCustomElement(class VerdocsFiel
         "currentSignatureId": [1, "current-signature-id"],
         "currentInitial": [1, "current-initial"],
         "currentInitialId": [1, "current-initial-id"],
-        "focused": [4],
         "signed": [4],
-        "xscale": [2],
-        "yscale": [2],
-        "pagenumber": [2],
         "roleindex": [2],
+        "showingProperties": [32],
+        "focused": [32],
         "preparedMessage": [32],
         "signatureUrl": [32],
-        "showingProperties": [32],
+        "focusField": [64],
         "showSettingsPanel": [64],
         "hideSettingsPanel": [64]
     }]);
@@ -112,13 +140,58 @@ function defineCustomElement$1() {
     if (typeof customElements === "undefined") {
         return;
     }
-    const components = ["verdocs-field-payment"];
+    const components = ["verdocs-field-payment", "verdocs-button", "verdocs-checkbox", "verdocs-component-error", "verdocs-help-icon", "verdocs-loader", "verdocs-portal", "verdocs-select-input", "verdocs-template-field-properties", "verdocs-text-input"];
     components.forEach(tagName => { switch (tagName) {
         case "verdocs-field-payment":
             if (!customElements.get(tagName)) {
                 customElements.define(tagName, VerdocsFieldPayment$1);
             }
             break;
+        case "verdocs-button":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$a();
+            }
+            break;
+        case "verdocs-checkbox":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$9();
+            }
+            break;
+        case "verdocs-component-error":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$8();
+            }
+            break;
+        case "verdocs-help-icon":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$7();
+            }
+            break;
+        case "verdocs-loader":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$6();
+            }
+            break;
+        case "verdocs-portal":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$5();
+            }
+            break;
+        case "verdocs-select-input":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$4();
+            }
+            break;
+        case "verdocs-template-field-properties":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$3();
+            }
+            break;
+        case "verdocs-text-input":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$2();
+            }
+            break;
     } });
 }
 

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

@@ -1,4 +1,4 @@
-import { V as VerdocsFieldRadio$1, d as defineCustomElement$1 } from './p-72e959a7.js';
+import { V as VerdocsFieldRadio$1, d as defineCustomElement$1 } from './p-1fc15f94.js';
 
 const VerdocsFieldRadio = VerdocsFieldRadio$1;
 const defineCustomElement = defineCustomElement$1;

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

@@ -1,4 +1,4 @@
-import { V as VerdocsFieldSignature$1, d as defineCustomElement$1 } from './p-6e8c00bc.js';
+import { V as VerdocsFieldSignature$1, d as defineCustomElement$1 } from './p-642af221.js';
 
 const VerdocsFieldSignature = VerdocsFieldSignature$1;
 const defineCustomElement = defineCustomElement$1;

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

@@ -1,4 +1,4 @@
-import { V as VerdocsFieldTextarea$1, d as defineCustomElement$1 } from './p-8f942993.js';
+import { V as VerdocsFieldTextarea$1, d as defineCustomElement$1 } from './p-bdc03b91.js';
 
 const VerdocsFieldTextarea = VerdocsFieldTextarea$1;
 const defineCustomElement = defineCustomElement$1;

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

@@ -1,4 +1,4 @@
-import { V as VerdocsFieldTextbox$1, d as defineCustomElement$1 } from './p-b8cd75c0.js';
+import { V as VerdocsFieldTextbox$1, d as defineCustomElement$1 } from './p-b9a18099.js';
 
 const VerdocsFieldTextbox = VerdocsFieldTextbox$1;
 const defineCustomElement = defineCustomElement$1;

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

@@ -1,4 +1,4 @@
-import { V as VerdocsFieldTimestamp$1, d as defineCustomElement$1 } from './p-cdf871dd.js';
+import { V as VerdocsFieldTimestamp$1, d as defineCustomElement$1 } from './p-81794664.js';
 
 const VerdocsFieldTimestamp = VerdocsFieldTimestamp$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/verdocs-file-chooser.js

@@ -1,4 +1,59 @@
-import { V as VerdocsFileChooser$1, d as defineCustomElement$1 } from './p-fe2dca8c.js';
+import { p as proxyCustomElement, H, c as createEvent, h, d as Host } from './p-324ed895.js';
+import { VerdocsEndpoint } from '@verdocs/js-sdk';
+import { u as unicodeNBSP } from './p-7e9c499e.js';
+import { d as defineCustomElement$2 } from './p-0e332769.js';
+
+const verdocsFileChooserCss = "@-webkit-keyframes verdocs-field-pulse{0%{background-color:rgba(0, 0, 0, 0.35)}50%{background-color:rgba(0, 0, 0, 0)}100%{background-color:rgba(0, 0, 0, 0.35)}}@keyframes verdocs-field-pulse{0%{background-color:rgba(0, 0, 0, 0.35)}50%{background-color:rgba(0, 0, 0, 0)}100%{background-color:rgba(0, 0, 0, 0.35)}}verdocs-file-chooser{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;background-color:#ffffff;font-family:\"Inter\", -apple-system, \"Segoe UI\", \"Roboto\", \"Helvetica Neue\", sans-serif}verdocs-file-chooser .upload-box{text-align:center;-webkit-box-sizing:border-box;box-sizing:border-box;padding:40px 15px;color:rgba(0, 0, 0, 0.54)}verdocs-file-chooser .upload-box svg{width:64px;height:64px;fill:#5c6575}verdocs-file-chooser .selected-filename{font-size:20px;font-weight:bold;overflow-wrap:anywhere}verdocs-file-chooser .or-prefer{height:20px;margin:20px 0;font-size:16px}";
+const VerdocsFileChooserStyle0 = verdocsFileChooserCss;
+
+const VerdocsFileChooser$1 = /*@__PURE__*/ proxyCustomElement(class VerdocsFileChooser extends H {
+    constructor() {
+        super();
+        this.__registerHost();
+        this.fileSelected = createEvent(this, "fileSelected", 7);
+        this.endpoint = VerdocsEndpoint.getDefault();
+        this.file = undefined;
+    }
+    handleFileChanged(e) {
+        var _a, _b;
+        this.file = ((_a = e.target.files) === null || _a === void 0 ? void 0 : _a[0]) || null;
+        (_b = this.fileSelected) === null || _b === void 0 ? void 0 : _b.emit({ file: this.file });
+        console.debug('[CHOOSER] Selected file', this.file);
+    }
+    handleSelectFile(e) {
+        var _a, _b;
+        e.stopPropagation();
+        this.file = null;
+        (_a = this.fileSelected) === null || _a === void 0 ? void 0 : _a.emit({ file: null });
+        (_b = document.getElementById('verdocs-file-chooser')) === null || _b === void 0 ? void 0 : _b.click();
+    }
+    render() {
+        const buttonlabel = this.file ? 'Select a different file' : 'Select a file from your computer';
+        return (h(Host, { key: 'be9ae4e6e32d7c284001b7fea41d96f39b642005' }, h("input", { key: '0bc7cd1766b630372ea380300575dfd239bc86e4', type: "file", multiple: true, id: "verdocs-file-chooser", accept: "application/pdf,.pdf,.doc,.docx,application/msword,application/vnd.openxmlformats-officedocument.wordprocessingml.document", style: { display: 'none' }, onChange: e => this.handleFileChanged(e) }), h("div", { key: 'dbd3aa4e9d64b4bd427f4c6e198d92b10e94dfff', class: "upload-box" }, h("div", { key: '41a10b9ffbe862bedc300cdbb8d2a366dc00414e', class: "selected-filename" }, this.file ? this.file.name : 'Drag a file here'), h("div", { key: '128679d890e1c68ff1c7fb47abd4f638db453b87', class: "or-prefer" }, this.file ? unicodeNBSP : 'Or, if you prefer...'), h("verdocs-button", { key: '277c4246513e40dc2bc5e7f0f7d7130d52904813', label: buttonlabel, size: "small", onClick: e => this.handleSelectFile(e) }))));
+    }
+    static get style() { return VerdocsFileChooserStyle0; }
+}, [0, "verdocs-file-chooser", {
+        "endpoint": [16],
+        "file": [32]
+    }]);
+function defineCustomElement$1() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["verdocs-file-chooser", "verdocs-button"];
+    components.forEach(tagName => { switch (tagName) {
+        case "verdocs-file-chooser":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, VerdocsFileChooser$1);
+            }
+            break;
+        case "verdocs-button":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$2();
+            }
+            break;
+    } });
+}
 
 const VerdocsFileChooser = VerdocsFileChooser$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/verdocs-help-icon.js

@@ -1,4 +1,4 @@
-import { V as VerdocsHelpIcon$1, d as defineCustomElement$1 } from './p-69881420.js';
+import { V as VerdocsHelpIcon$1, d as defineCustomElement$1 } from './p-0ca7012b.js';
 
 const VerdocsHelpIcon = VerdocsHelpIcon$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/verdocs-initial-dialog.js

@@ -1,4 +1,4 @@
-import { V as VerdocsInitialDialog$1, d as defineCustomElement$1 } from './p-3518350d.js';
+import { V as VerdocsInitialDialog$1, d as defineCustomElement$1 } from './p-b9034018.js';
 
 const VerdocsInitialDialog = VerdocsInitialDialog$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/verdocs-kba-dialog.js

@@ -1,4 +1,4 @@
-import { V as VerdocsKbaDialog$1, d as defineCustomElement$1 } from './p-e4ac6259.js';
+import { V as VerdocsKbaDialog$1, d as defineCustomElement$1 } from './p-6fcd99d1.js';
 
 const VerdocsKbaDialog = VerdocsKbaDialog$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/verdocs-loader.js

@@ -1,4 +1,4 @@
-import { V as VerdocsLoader$1, d as defineCustomElement$1 } from './p-90540412.js';
+import { V as VerdocsLoader$1, d as defineCustomElement$1 } from './p-1ae5d7e0.js';
 
 const VerdocsLoader = VerdocsLoader$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/verdocs-ok-dialog.js

@@ -1,4 +1,4 @@
-import { V as VerdocsOkDialog$1, d as defineCustomElement$1 } from './p-83245875.js';
+import { V as VerdocsOkDialog$1, d as defineCustomElement$1 } from './p-cf6ea837.js';
 
 const VerdocsOkDialog = VerdocsOkDialog$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/verdocs-organization-card.js

@@ -1,5 +1,5 @@
-import { p as proxyCustomElement, H, h, d as Host } from './p-7786799a.js';
-import { d as defineCustomElement$2 } from './p-8b27ce22.js';
+import { p as proxyCustomElement, H, h, d as Host } from './p-324ed895.js';
+import { d as defineCustomElement$2 } from './p-5d4bbcd0.js';
 import { f as format } from './p-12bab948.js';
 
 const verdocsOrganizationCardCss = "@-webkit-keyframes verdocs-field-pulse{0%{background-color:rgba(0, 0, 0, 0.35)}50%{background-color:rgba(0, 0, 0, 0)}100%{background-color:rgba(0, 0, 0, 0.35)}}@keyframes verdocs-field-pulse{0%{background-color:rgba(0, 0, 0, 0.35)}50%{background-color:rgba(0, 0, 0, 0)}100%{background-color:rgba(0, 0, 0, 0.35)}}verdocs-organization-card{font-family:\"Inter\", \"Barlow\", sans-serif;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;border:1px solid #cccccc;background:#ffffff;border-radius:8px;padding:7px 15px}verdocs-organization-card .icon{-ms-flex:0;flex:0;height:24px;width:24px;margin:0 14px 0 0}verdocs-organization-card .icon svg{fill:#aeb4bf;height:24px;width:24px}verdocs-organization-card .content{margin-top:2px}.verdocs-org-card-popup{font-family:\"Inter\", \"Barlow\", sans-serif;background:#ffffff;border-radius:10px;width:326px;padding:20px 40px 0 40px;-ms-flex-direction:column;flex-direction:column;-ms-flex-wrap:nowrap;flex-wrap:nowrap;border:1px solid #cccccc}.verdocs-org-card-popup .popup-header-with-logo{display:-ms-flexbox;display:flex;-ms-flex:0;flex:0;gap:20px;-ms-flex-direction:column;flex-direction:column;margin:0 0 20px 0;font-size:21px;line-height:16px;color:#4c56cb}.verdocs-org-card-popup .popup-header-with-logo img{max-width:300px;max-height:50px}.verdocs-org-card-popup .popup-header{display:-ms-flexbox;display:flex;-ms-flex:0;flex:0;gap:20px;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:end;align-items:flex-end;margin:0 0 20px 0;font-size:21px;line-height:16px;color:#4c56cb}.verdocs-org-card-popup .popup-body{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;font-size:14px;text-transform:uppercase}.verdocs-org-card-popup .status{-webkit-transform:scale(1.5);transform:scale(1.5);width:24px;height:24px}.verdocs-org-card-popup .field{margin:0 0 20px 0}.verdocs-org-card-popup .field strong{color:#7b7b9a;display:block;margin:0 0 5px 0}.verdocs-org-card-popup .field a{color:#654dcb;text-transform:uppercase}";

package/dist/components/verdocs-pagination.js

@@ -1,4 +1,4 @@
-import { V as VerdocsQuickFilter, d as defineCustomElement$1 } from './p-877eaf65.js';
+import { V as VerdocsQuickFilter, d as defineCustomElement$1 } from './p-5eb45a4f.js';
 
 const VerdocsPagination = VerdocsQuickFilter;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/verdocs-portal.js

@@ -1,4 +1,4 @@
-import { V as VerdocsPortal$1, d as defineCustomElement$1 } from './p-8b27ce22.js';
+import { V as VerdocsPortal$1, d as defineCustomElement$1 } from './p-5d4bbcd0.js';
 
 const VerdocsPortal = VerdocsPortal$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/verdocs-preview.js

@@ -1,4 +1,4 @@
-import { V as VerdocsPreview$1, d as defineCustomElement$1 } from './p-c7db1c7d.js';
+import { V as VerdocsPreview$1, d as defineCustomElement$1 } from './p-5d1dec61.js';
 
 const VerdocsPreview = VerdocsPreview$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/verdocs-progress-bar.js

@@ -1,4 +1,4 @@
-import { V as VerdocsProgressBar$1, d as defineCustomElement$1 } from './p-556596e4.js';
+import { V as VerdocsProgressBar$1, d as defineCustomElement$1 } from './p-f72b9c45.js';
 
 const VerdocsProgressBar = VerdocsProgressBar$1;
 const defineCustomElement = defineCustomElement$1;

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

@@ -1,4 +1,4 @@
-import { V as VerdocsQuickFilter$1, d as defineCustomElement$1 } from './p-42a676b7.js';
+import { V as VerdocsQuickFilter$1, d as defineCustomElement$1 } from './p-ec894daf.js';
 
 const VerdocsQuickFilter = VerdocsQuickFilter$1;
 const defineCustomElement = defineCustomElement$1;

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

@@ -1,4 +1,4 @@
-import { p as proxyCustomElement, H, c as createEvent, h } from './p-7786799a.js';
+import { p as proxyCustomElement, H, c as createEvent, h } from './p-324ed895.js';
 import { VerdocsEndpoint } from '@verdocs/js-sdk';
 
 const verdocsQuickFunctionsCss = "@-webkit-keyframes verdocs-field-pulse{0%{background-color:rgba(0, 0, 0, 0.35)}50%{background-color:rgba(0, 0, 0, 0)}100%{background-color:rgba(0, 0, 0, 0.35)}}@keyframes verdocs-field-pulse{0%{background-color:rgba(0, 0, 0, 0.35)}50%{background-color:rgba(0, 0, 0, 0)}100%{background-color:rgba(0, 0, 0, 0.35)}}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-radio-button.js

@@ -1,4 +1,4 @@
-import { p as proxyCustomElement, H, h, d as Host } from './p-7786799a.js';
+import { p as proxyCustomElement, H, h, d as Host } from './p-324ed895.js';
 
 const verdocsRadioButtonCss = "@-webkit-keyframes verdocs-field-pulse{0%{background-color:rgba(0, 0, 0, 0.35)}50%{background-color:rgba(0, 0, 0, 0)}100%{background-color:rgba(0, 0, 0, 0.35)}}@keyframes verdocs-field-pulse{0%{background-color:rgba(0, 0, 0, 0.35)}50%{background-color:rgba(0, 0, 0, 0)}100%{background-color:rgba(0, 0, 0, 0.35)}}verdocs-radio-button{font-family:\"Inter\", -apple-system, \"Segoe UI\", \"Roboto\", \"Helvetica Neue\", sans-serif;width:20px;height:20px;display:block;font-size:11px;position:relative;background-color:transparent;-webkit-transform-origin:bottom left;transform-origin:bottom left;border-radius:100%}verdocs-radio-button.disabled{opacity:0.5}verdocs-radio-button input[type=radio]{position:absolute;opacity:0}verdocs-radio-button input[type=radio]+label:before{content:\"\";background:#f5f5fa;border-radius:100%;border:1px solid rgba(0, 0, 0, 0.6);display:inline-block;width:16px;height:16px;position:absolute;left:1px;top:1px;cursor:pointer;text-align:center;-webkit-transition:all 250ms ease;transition:all 250ms ease}verdocs-radio-button input[type=radio]:checked+label:before{background-color:#55bc81;-webkit-box-shadow:inset 0 0 0 2px #f5f5fa;box-shadow:inset 0 0 0 2px #f5f5fa}verdocs-radio-button input[type=radio]:focus+label:before{outline:none;border-color:#55bc81}verdocs-radio-button input[type=radio]:disabled+label:before{-webkit-box-shadow:inset 0 0 0 4px #f5f5fa;box-shadow:inset 0 0 0 4px #f5f5fa;border-color:#a0a0d0;background:#a0a0d0}verdocs-radio-button input[type=radio]+label:empty:before{margin-right:0}verdocs-radio-button.required input[type=radio]+label:before{border:1px solid #cc0000}verdocs-radio-button.hide{display:none}verdocs-radio-button.focused{-webkit-animation:verdocs-field-pulse 0.75s 2;animation:verdocs-field-pulse 0.75s 2}";
 const VerdocsRadioButtonStyle0 = verdocsRadioButtonCss;

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

@@ -1,4 +1,4 @@
-import { p as proxyCustomElement, H, c as createEvent, h } from './p-7786799a.js';
+import { p as proxyCustomElement, H, c as createEvent, h } from './p-324ed895.js';
 import { VerdocsEndpoint } from '@verdocs/js-sdk';
 
 const verdocsSearchBoxCss = "@-webkit-keyframes verdocs-field-pulse{0%{background-color:rgba(0, 0, 0, 0.35)}50%{background-color:rgba(0, 0, 0, 0)}100%{background-color:rgba(0, 0, 0, 0.35)}}@keyframes verdocs-field-pulse{0%{background-color:rgba(0, 0, 0, 0.35)}50%{background-color:rgba(0, 0, 0, 0)}100%{background-color:rgba(0, 0, 0, 0.35)}}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-tabs.js

@@ -1,4 +1,4 @@
-import { p as proxyCustomElement, H, h } from './p-7786799a.js';
+import { p as proxyCustomElement, H, h } from './p-324ed895.js';
 
 const verdocsSearchTabsCss = "@-webkit-keyframes verdocs-field-pulse{0%{background-color:rgba(0, 0, 0, 0.35)}50%{background-color:rgba(0, 0, 0, 0)}100%{background-color:rgba(0, 0, 0, 0.35)}}@keyframes verdocs-field-pulse{0%{background-color:rgba(0, 0, 0, 0.35)}50%{background-color:rgba(0, 0, 0, 0)}100%{background-color:rgba(0, 0, 0, 0.35)}}verdocs-search-tabs{font-family:\"Inter\", -apple-system, \"Segoe UI\", \"Roboto\", \"Helvetica Neue\", sans-serif;display:block}";
 const VerdocsSearchTabsStyle0 = verdocsSearchTabsCss;

package/dist/components/verdocs-select-input.js

@@ -1,4 +1,4 @@
-import { V as VerdocsSelectInput$1, d as defineCustomElement$1 } from './p-263dc67d.js';
+import { V as VerdocsSelectInput$1, d as defineCustomElement$1 } from './p-315d6592.js';
 
 const VerdocsSelectInput = VerdocsSelectInput$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/verdocs-send.js

@@ -1,4 +1,4 @@
-import { V as VerdocsSend$1, d as defineCustomElement$1 } from './p-1e66385b.js';
+import { V as VerdocsSend$1, d as defineCustomElement$1 } from './p-5d82a9f3.js';
 
 const VerdocsSend = VerdocsSend$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/verdocs-sign.js

@@ -1,19 +1,18 @@
-import { p as proxyCustomElement, H, c as createEvent, h, d as Host, F as Fragment } from './p-7786799a.js';
+import { p as proxyCustomElement, H, c as createEvent, h, d as Host, F as Fragment } from './p-324ed895.js';
 import { VerdocsEndpoint, startSigningSession, getKbaStep, envelopeRecipientAgree, envelopeRecipientDecline, updateEnvelopeField, createSignature, updateEnvelopeFieldSignature, createInitials, updateEnvelopeFieldInitials, isValidPhone, isValidEmail, sortFields, envelopeRecipientSubmit, getEnvelope, uploadEnvelopeFieldAttachment, deleteEnvelopeFieldAttachment, formatFullName, fullNameToInitials, submitKbaPin, submitKbaIdentity, submitKbaChallengeResponse, integerSequence } from '@verdocs/js-sdk';
-import { a as saveAttachment, u as updateDocumentFieldValue, r as renderDocumentField, g as getFieldId } from './p-b0af9b72.js';
-import { c as createTemplateFieldStoreFromEnvelope } from './p-00d39dca.js';
+import { a as saveAttachment, u as updateDocumentFieldValue, r as renderDocumentField, g as getFieldId } from './p-4bc5ac82.js';
 import { V as VerdocsToast } from './p-04c07b7b.js';
 import { S as SDKError } from './p-fd97809c.js';
-import { d as defineCustomElement$b } from './p-ac7578f6.js';
-import { d as defineCustomElement$a } from './p-4dc4418a.js';
-import { d as defineCustomElement$9 } from './p-df4ac086.js';
-import { d as defineCustomElement$8 } from './p-7927a846.js';
-import { d as defineCustomElement$7 } from './p-e4ac6259.js';
-import { d as defineCustomElement$6 } from './p-90540412.js';
-import { d as defineCustomElement$5 } from './p-83245875.js';
-import { d as defineCustomElement$4 } from './p-8b27ce22.js';
-import { d as defineCustomElement$3 } from './p-6b369b14.js';
-import { d as defineCustomElement$2 } from './p-62f8b36c.js';
+import { d as defineCustomElement$b } from './p-0e332769.js';
+import { d as defineCustomElement$a } from './p-3201d529.js';
+import { d as defineCustomElement$9 } from './p-a3e12c74.js';
+import { d as defineCustomElement$8 } from './p-8d3c0b4c.js';
+import { d as defineCustomElement$7 } from './p-6fcd99d1.js';
+import { d as defineCustomElement$6 } from './p-1ae5d7e0.js';
+import { d as defineCustomElement$5 } from './p-cf6ea837.js';
+import { d as defineCustomElement$4 } from './p-5d4bbcd0.js';
+import { d as defineCustomElement$3 } from './p-b16c202a.js';
+import { d as defineCustomElement$2 } from './p-6400f542.js';
 
 const verdocsSignCss = "@-webkit-keyframes verdocs-field-pulse{0%{background-color:rgba(0, 0, 0, 0.35)}50%{background-color:rgba(0, 0, 0, 0)}100%{background-color:rgba(0, 0, 0, 0.35)}}@keyframes verdocs-field-pulse{0%{background-color:rgba(0, 0, 0, 0.35)}50%{background-color:rgba(0, 0, 0, 0)}100%{background-color:rgba(0, 0, 0, 0.35)}}verdocs-sign{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-sign div{display:block;-webkit-box-sizing:border-box;box-sizing:border-box}verdocs-sign input{vertical-align:top}verdocs-sign>.document{-ms-flex:1;flex:1;width:100%;height:100%;-ms-flex-item-align:center;align-self:center;display:-ms-flexbox;display:flex;padding:15px;row-gap:15px;max-width:1200px;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-sign>.document .inner{width:100%;max-width:1028px}verdocs-sign .cover{top:0;left:0;right:0;bottom:0;display:-ms-flexbox;display:flex;z-index:5000;position:absolute;padding-top:100px;-ms-flex-align:center;align-items:center;-ms-flex-direction:column;flex-direction:column;background:rgba(0, 0, 0, 0.5)}verdocs-sign .agree{-ms-flex:0;flex:0;width:600px;display:-ms-flexbox;display:flex;max-width:90%;padding:30px 15px;-ms-flex-direction:column;flex-direction:column;background-color:#ffffff}verdocs-sign .agree .header{-ms-flex:0 0 56px;flex:0 0 56px}verdocs-sign .agree li{margin:0.5em 0}verdocs-sign verdocs-ok-dialog .background-overlay{-ms-flex-align:start;align-items:flex-start;padding-top:100px}verdocs-sign .loading-indicator{top:0;left:0;right:0;bottom:0;display:-ms-flexbox;display:flex;z-index:10000;position:fixed;background-color:rgba(0, 0, 0, 0.7)}verdocs-sign .fatal-error{position:absolute;z-index:100;top:0;left:0;right:0;bottom:0;background-color:#4a4a4a;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}verdocs-sign .fatal-error .placeholder{position:absolute;opacity:0.1;z-index:-1;top:0;left:0;right:0;bottom:0;width:612px;height:792px;-webkit-box-shadow:0 0 10px 5px rgba(0, 0, 0, 0.0588235294);box-shadow:0 0 10px 5px rgba(0, 0, 0, 0.0588235294);margin-top:15px}verdocs-sign .fatal-error .message{width:50%;font-size:16px;background:white;border-radius:5px;-webkit-box-shadow:3px 3px 9px -1px rgba(0, 0, 0, 0.2470588235);box-shadow:3px 3px 9px -1px rgba(0, 0, 0, 0.2470588235)}verdocs-sign .fatal-error .header{color:white;font-size:18px;font-weight:500;padding:5px 10px;margin:0 0 10px 0;background:#654dcb}verdocs-sign .fatal-error p{margin:1rem;font-size:14px;font-weight:400}@media print{verdocs-sign .header{display:none}}#verdocs-sign-header{color:#fff;width:100%;display:-ms-flexbox;display:flex;z-index:1000;-ms-flex:0 0 46px;flex:0 0 46px;font-size:12px;-webkit-column-gap:15px;-moz-column-gap:15px;column-gap:15px;-ms-flex-align:center;align-items:center;-ms-flex-direction:row;flex-direction:row;-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-sign-header .inner{width:100%;display:-ms-flexbox;display:flex;margin:0 auto;padding:0 12px;max-width:1200px;-ms-flex-align:center;align-items:center;-ms-flex-direction:row;flex-direction:row}#verdocs-sign-header .logo{width:80px;display:none;margin:-6px 0 0 0}#verdocs-sign-header .title{font-size:18px;font-weight:500;overflow:hidden;white-space:nowrap;padding:0 10px 0 0;text-overflow:ellipsis}.spinner-overlay{position:fixed;top:0;left:0;right:0;bottom:0;z-index:1000;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;background:rgba(0, 0, 0, 0.4980392157);-ms-flex-pack:center;justify-content:center}";
 const VerdocsSignStyle0 = verdocsSignCss;
@@ -42,7 +41,6 @@ const VerdocsSign$1 = /*@__PURE__*/ proxyCustomElement(class VerdocsSign extends
         this.roleId = null;
         this.inviteCode = null;
         this.headerTargetId = null;
-        this.envelope = null;
         this.roleNames = [];
         this.sortedRecipients = [];
         this.recipient = null;
@@ -65,6 +63,8 @@ const VerdocsSign$1 = /*@__PURE__*/ proxyCustomElement(class VerdocsSign extends
         this.kbaQuestions = [];
         this.showSpinner = false;
         this.kbaChoices = [];
+        this.loading = true;
+        this.envelope = null;
     }
     componentWillLoad() {
         if (!this.endpoint) {
@@ -88,11 +88,12 @@ const VerdocsSign$1 = /*@__PURE__*/ proxyCustomElement(class VerdocsSign extends
         }
         try {
             console.log(`[SIGN] Processing invite code for ${this.envelopeId} / ${this.roleId}`);
+            // NOTE: We don't listen to the store here because we are often an independent
+            // session and might have a different "view" of the envelope.
             const { envelope, recipient } = await startSigningSession(this.endpoint, this.envelopeId, this.roleId, this.inviteCode);
             console.log(`[SIGN] Loaded signing session`, envelope, recipient);
             this.recipient = recipient;
             this.envelope = envelope;
-            createTemplateFieldStoreFromEnvelope(this.envelope);
             this.sortedRecipients = [...this.envelope.recipients];
             this.sortedRecipients.sort((a, b) => {
                 return a.sequence === b.sequence ? a.order - b.order : a.sequence - b.sequence;
@@ -474,7 +475,7 @@ const VerdocsSign$1 = /*@__PURE__*/ proxyCustomElement(class VerdocsSign extends
                 const updateResult = await uploadEnvelopeFieldAttachment(this.endpoint, this.envelopeId, field.name, e.detail);
                 this.updateRecipientFieldValue(field.name, updateResult);
                 this.checkRecipientFields();
-                const newEl = renderDocumentField(field, pageInfo, { disabled: false, editable: false, draggable: false, done: this.isDone });
+                const newEl = renderDocumentField('envelope', field, pageInfo, { disabled: false, editable: false, draggable: false, done: this.isDone });
                 this.attachFieldAttributes(pageInfo, field, newEl);
                 this.showSpinner = false;
             }
@@ -492,7 +493,7 @@ const VerdocsSign$1 = /*@__PURE__*/ proxyCustomElement(class VerdocsSign extends
                 console.log('[SIGN] Deleted attachment', updateResult);
                 this.updateRecipientFieldValue(field.name, updateResult);
                 this.checkRecipientFields();
-                const newEl = renderDocumentField(field, pageInfo, { disabled: false, editable: false, draggable: false, done: this.isDone });
+                const newEl = renderDocumentField('envelope', field, pageInfo, { disabled: false, editable: false, draggable: false, done: this.isDone });
                 this.attachFieldAttributes(pageInfo, field, newEl);
                 this.showSpinner = false;
             }
@@ -530,7 +531,7 @@ const VerdocsSign$1 = /*@__PURE__*/ proxyCustomElement(class VerdocsSign extends
             if (field.page !== pageInfo.pageNumber) {
                 return;
             }
-            const el = renderDocumentField(field, pageInfo, { disabled: false, editable: false, draggable: false, done: this.isDone }, tabIndex);
+            const el = renderDocumentField('envelope', field, pageInfo, { disabled: false, editable: false, draggable: false, done: this.isDone }, tabIndex);
             if (!el) {
                 return;
             }
@@ -548,7 +549,7 @@ const VerdocsSign$1 = /*@__PURE__*/ proxyCustomElement(class VerdocsSign extends
             this.getRecipientFields()
                 .filter(field => field.page === pageInfo.pageNumber)
                 .forEach(field => {
-                const el = renderDocumentField(field, pageInfo, { disabled: true, editable: false, draggable: false, done: this.isDone });
+                const el = renderDocumentField('envelope', field, pageInfo, { disabled: true, editable: false, draggable: false, done: this.isDone });
                 if (!el) {
                     return;
                 }
@@ -575,7 +576,7 @@ const VerdocsSign$1 = /*@__PURE__*/ proxyCustomElement(class VerdocsSign extends
             return (h(Host, { class: { agreed: this.agreed } }, h("div", { class: "fatal-error" }, h("img", { src: "https://public-assets.verdocs.com/loading-placeholder.png", class: "placeholder", alt: "Placeholder page" }), h("div", { class: "message" }, h("div", { class: "header" }, this.fatalErrorHeader), h("p", null, this.fatalErrorMessage)))));
         }
         if (this.isDone) {
-            return (h(Host, { class: { agreed: this.agreed } }, h("verdocs-view", { endpoint: this.endpoint, envelopeId: this.envelopeId, envelope: this.envelope, onSdkError: e => { var _a; return (_a = this.sdkError) === null || _a === void 0 ? void 0 : _a.emit(e.detail); } }), 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: (e) => {
+            return (h(Host, { class: { agreed: this.agreed } }, 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.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: (e) => {
                     e.preventDefault();
                     e.stopPropagation();
                     this.showDone = false;
@@ -668,7 +669,6 @@ const VerdocsSign$1 = /*@__PURE__*/ proxyCustomElement(class VerdocsSign extends
                 // where everything went. This is also a visual indicator when optional fields weren't filled in by previous actors, or
                 // future signers still need to act. Once we're "done" we flip to showing the envelope's documents which have the final
                 // field vales (so far) stamped into them.
-                // const templatePage = EnvelopeStore.template?.pages.find(p => p.sequence === page.sequence);
                 // TODO: Confirm that a pure page-number match is good enough to find the matching template page. We need to make sure
                 //  we either don't reset our page numbers for additional attachments, or add match-on identifiers to work around that.
                 // console.log('tp', templatePage, page);
@@ -690,7 +690,6 @@ const VerdocsSign$1 = /*@__PURE__*/ proxyCustomElement(class VerdocsSign extends
         "roleId": [513, "role-id"],
         "inviteCode": [513, "invite-code"],
         "headerTargetId": [1, "header-target-id"],
-        "envelope": [32],
         "roleNames": [32],
         "sortedRecipients": [32],
         "recipient": [32],
@@ -712,7 +711,9 @@ const VerdocsSign$1 = /*@__PURE__*/ proxyCustomElement(class VerdocsSign extends
         "kbaStep": [32],
         "kbaQuestions": [32],
         "showSpinner": [32],
-        "kbaChoices": [32]
+        "kbaChoices": [32],
+        "loading": [32],
+        "envelope": [32]
     }]);
 function defineCustomElement$1() {
     if (typeof customElements === "undefined") {

package/dist/components/verdocs-signature-dialog.js

@@ -1,4 +1,4 @@
-import { V as VerdocsSignatureDialog$1, d as defineCustomElement$1 } from './p-d3170dcd.js';
+import { V as VerdocsSignatureDialog$1, d as defineCustomElement$1 } from './p-5a9cea40.js';
 
 const VerdocsSignatureDialog = VerdocsSignatureDialog$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/verdocs-spinner.js

@@ -1,4 +1,4 @@
-import { V as VerdocsQuickFilter, d as defineCustomElement$1 } from './p-6b369b14.js';
+import { V as VerdocsQuickFilter, d as defineCustomElement$1 } from './p-b16c202a.js';
 
 const VerdocsSpinner = VerdocsQuickFilter;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/verdocs-status-indicator.js

@@ -1,4 +1,4 @@
-import { V as VerdocsStatusIndicator$1, d as defineCustomElement$1 } from './p-82fb3284.js';
+import { V as VerdocsStatusIndicator$1, d as defineCustomElement$1 } from './p-58c2bd5d.js';
 
 const VerdocsStatusIndicator = VerdocsStatusIndicator$1;
 const defineCustomElement = defineCustomElement$1;