@verdocs/web-sdk 4.2.158 → 5.0.1

package/dist/components/verdocs-build.js

@@ -1,49 +1,46 @@
-import { p as proxyCustomElement, H, c as createEvent, h, d as Host } from './p-7786799a.js';
-import { VerdocsEndpoint } from '@verdocs/js-sdk';
-import { g as getTemplateStore } from './p-09d28afd.js';
+import { p as proxyCustomElement, H, c as createEvent, h, d as Host } from './p-324ed895.js';
+import { VerdocsEndpoint, getTemplate } from '@verdocs/js-sdk';
 import { S as SDKError } from './p-fd97809c.js';
-import { d as defineCustomElement$H } from './p-ac7578f6.js';
-import { d as defineCustomElement$G } from './p-3044c9cb.js';
-import { d as defineCustomElement$F } from './p-4dc4418a.js';
-import { d as defineCustomElement$E } from './p-921297ba.js';
-import { d as defineCustomElement$D } from './p-a655b737.js';
-import { d as defineCustomElement$C } from './p-12594438.js';
-import { d as defineCustomElement$B } from './p-03660739.js';
-import { d as defineCustomElement$A } from './p-0162bdd3.js';
-import { d as defineCustomElement$z } from './p-1b60debe.js';
-import { d as defineCustomElement$y } from './p-b679d760.js';
-import { d as defineCustomElement$x } from './p-72e959a7.js';
-import { d as defineCustomElement$w } from './p-6e8c00bc.js';
-import { d as defineCustomElement$v } from './p-8f942993.js';
-import { d as defineCustomElement$u } from './p-b8cd75c0.js';
-import { d as defineCustomElement$t } from './p-cdf871dd.js';
-import { d as defineCustomElement$s } from './p-fe2dca8c.js';
-import { d as defineCustomElement$r } from './p-69881420.js';
-import { d as defineCustomElement$q } from './p-3518350d.js';
-import { d as defineCustomElement$p } from './p-90540412.js';
-import { d as defineCustomElement$o } from './p-83245875.js';
-import { d as defineCustomElement$n } from './p-8b27ce22.js';
-import { d as defineCustomElement$m } from './p-c7db1c7d.js';
-import { d as defineCustomElement$l } from './p-556596e4.js';
-import { d as defineCustomElement$k } from './p-263dc67d.js';
-import { d as defineCustomElement$j } from './p-1e66385b.js';
-import { d as defineCustomElement$i } from './p-d3170dcd.js';
-import { d as defineCustomElement$h } from './p-6b369b14.js';
-import { d as defineCustomElement$g } from './p-ffe8b41d.js';
-import { d as defineCustomElement$f } from './p-ed9a1a21.js';
-import { d as defineCustomElement$e } from './p-85ef4d07.js';
-import { d as defineCustomElement$d } from './p-f9cc62a7.js';
-import { d as defineCustomElement$c } from './p-fe533b11.js';
-import { d as defineCustomElement$b } from './p-b2bf338f.js';
-import { d as defineCustomElement$a } from './p-945d225a.js';
-import { d as defineCustomElement$9 } from './p-0933fb2d.js';
-import { d as defineCustomElement$8 } from './p-c7a21595.js';
-import { d as defineCustomElement$7 } from './p-83a2fa2f.js';
-import { d as defineCustomElement$6 } from './p-3555cef1.js';
-import { d as defineCustomElement$5 } from './p-e4a852b5.js';
-import { d as defineCustomElement$4 } from './p-0e64ccc3.js';
-import { d as defineCustomElement$3 } from './p-4d2f2954.js';
-import { d as defineCustomElement$2 } from './p-a7bbe96b.js';
+import { S as Store } from './p-da4d4eed.js';
+import { d as defineCustomElement$E } from './p-0e332769.js';
+import { d as defineCustomElement$D } from './p-070bebd7.js';
+import { d as defineCustomElement$C } from './p-3201d529.js';
+import { d as defineCustomElement$B } from './p-84ae0283.js';
+import { d as defineCustomElement$A } from './p-15d530b8.js';
+import { d as defineCustomElement$z } from './p-9c3fd545.js';
+import { d as defineCustomElement$y } from './p-4afcdc84.js';
+import { d as defineCustomElement$x } from './p-fd96322b.js';
+import { d as defineCustomElement$w } from './p-0a69031f.js';
+import { d as defineCustomElement$v } from './p-49153610.js';
+import { d as defineCustomElement$u } from './p-ecc818bb.js';
+import { d as defineCustomElement$t } from './p-b0c02eb8.js';
+import { d as defineCustomElement$s } from './p-1ca705bc.js';
+import { d as defineCustomElement$r } from './p-d9704a51.js';
+import { d as defineCustomElement$q } from './p-dd701894.js';
+import { d as defineCustomElement$p } from './p-22da6d14.js';
+import { d as defineCustomElement$o } from './p-0ca7012b.js';
+import { d as defineCustomElement$n } from './p-b9034018.js';
+import { d as defineCustomElement$m } from './p-1ae5d7e0.js';
+import { d as defineCustomElement$l } from './p-cf6ea837.js';
+import { d as defineCustomElement$k } from './p-5d4bbcd0.js';
+import { d as defineCustomElement$j } from './p-c25e82b9.js';
+import { d as defineCustomElement$i } from './p-f72b9c45.js';
+import { d as defineCustomElement$h } from './p-315d6592.js';
+import { d as defineCustomElement$g } from './p-5d82a9f3.js';
+import { d as defineCustomElement$f } from './p-5a9cea40.js';
+import { d as defineCustomElement$e } from './p-b16c202a.js';
+import { d as defineCustomElement$d } from './p-4dd750e9.js';
+import { d as defineCustomElement$c } from './p-ed88b8d2.js';
+import { d as defineCustomElement$b } from './p-2548f3f0.js';
+import { d as defineCustomElement$a } from './p-a22a3b1b.js';
+import { d as defineCustomElement$9 } from './p-0d063bf9.js';
+import { d as defineCustomElement$8 } from './p-22e52874.js';
+import { d as defineCustomElement$7 } from './p-1e67ebdf.js';
+import { d as defineCustomElement$6 } from './p-8fbc64e9.js';
+import { d as defineCustomElement$5 } from './p-c8fedb4e.js';
+import { d as defineCustomElement$4 } from './p-9bb47a5a.js';
+import { d as defineCustomElement$3 } from './p-1e2e8b1c.js';
+import { d as defineCustomElement$2 } from './p-f990140a.js';
 
 const verdocsBuildCss = "@-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-build{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;font-family:\"Inter\", -apple-system, \"Segoe UI\", \"Roboto\", \"Helvetica Neue\", sans-serif}verdocs-build .content{-ms-flex:1;flex:1;gap:20px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-direction:column;flex-direction:column}verdocs-build verdocs-template-attachments,verdocs-build verdocs-template-roles{margin:20px}verdocs-build verdocs-template-fields{border-top:1px solid #777777}verdocs-build verdocs-template-attachments{padding:20px;background:#ffffff}verdocs-build verdocs-template-fields{width:100%}verdocs-build verdocs-preview{-ms-flex:1;flex:1}verdocs-build .preview-container{-ms-flex-direction:row;flex-direction:row;display:-ms-flexbox;display:flex;width:100%;background-color:#eeeeee;max-height:100%}@media all and (max-width: 450px){verdocs-build .preview-container{-ms-flex-direction:column;flex-direction:column}}verdocs-build .preview-send-wrapper{display:-ms-flexbox;display:flex;-ms-flex:0 0 300px;flex:0 0 300px;background-color:#ffffff;-webkit-box-shadow:1px 1px 6px -2px rgba(0, 0, 0, 0.4980392157);box-shadow:1px 1px 6px -2px rgba(0, 0, 0, 0.4980392157)}@media all and (max-width: 450px){verdocs-build .preview-send-wrapper{-ms-flex:0;flex:0}}verdocs-build .preview-preview-wrapper{display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;-ms-flex-pack:center;justify-content:center;overflow-y:scroll}";
 const VerdocsBuildStyle0 = verdocsBuildCss;
@@ -58,10 +55,12 @@ const VerdocsBuild$1 = /*@__PURE__*/ proxyCustomElement(class VerdocsBuild exten
         this.templateUpdated = createEvent(this, "templateUpdated", 7);
         this.templateCreated = createEvent(this, "templateCreated", 7);
         this.rolesUpdated = createEvent(this, "rolesUpdated", 7);
+        this.templateListenerId = null;
         this.endpoint = VerdocsEndpoint.getDefault();
         this.templateId = null;
         this.step = 'preview';
-        this.templateStore = null;
+        this.loading = true;
+        this.template = null;
     }
     onTemplateIdChanged(newTemplateId, oldTemplateId) {
         if (!oldTemplateId && newTemplateId && this.step === 'attachments') {
@@ -102,7 +101,20 @@ const VerdocsBuild$1 = /*@__PURE__*/ proxyCustomElement(class VerdocsBuild exten
     }
     async loadTemplate(templateId) {
         if (templateId) {
-            this.templateStore = await getTemplateStore(this.endpoint, templateId, false);
+            Store.subscribe('templates', this.templateId, () => getTemplate(this.endpoint, this.templateId), false, (template) => {
+                this.template = template;
+                this.loading = false;
+            });
+        }
+    }
+    disconnectedCallback() {
+        console.log('[BUILD] Disconnected');
+        this.unlistenToTemplate();
+    }
+    unlistenToTemplate() {
+        if (this.templateListenerId) {
+            Store.store.delListener(this.templateListenerId);
+            this.templateListenerId = null;
         }
     }
     handleCancel() {
@@ -139,14 +151,12 @@ const VerdocsBuild$1 = /*@__PURE__*/ proxyCustomElement(class VerdocsBuild exten
         (_a = this.stepChanged) === null || _a === void 0 ? void 0 : _a.emit(step);
     }
     render() {
+        if (this.loading) {
+            return (h(Host, { class: "loading" }, h("verdocs-loader", null)));
+        }
         if (!this.endpoint.session) {
             return (h(Host, null, h("verdocs-component-error", { message: "You must be authenticated to use this module." })));
         }
-        if (!this.templateStore) {
-            console.log('[BUILD] No template ID, rendering created view');
-            return (h(Host, null, h("div", { class: "content" }, h("verdocs-template-build-tabs", { endpoint: this.endpoint, templateId: this.templateId, step: "attachments", onSdkError: e => { var _a; return (_a = this.sdkError) === null || _a === void 0 ? void 0 : _a.emit(e.detail); }, onStepChanged: e => this.handleStepChanged(e.detail) }), h("verdocs-template-create", { endpoint: this.endpoint, onExit: () => this.handleCancel(), onNext: () => this.handleAttachmentsNext(), onTemplateCreated: e => this.handleTemplateCreated(e.detail.templateId) }))));
-        }
-        console.log('[BUILD] Rendering build view', this.templateId, this.step, ['attachments', 'roles', 'settings', 'fields', 'preview'].indexOf(this.step));
         return (h(Host, null, h("div", { class: "content" }, h("verdocs-template-build-tabs", { endpoint: this.endpoint, templateId: this.templateId, step: this.step, onSdkError: e => { var _a; return (_a = this.sdkError) === null || _a === void 0 ? void 0 : _a.emit(e.detail); }, onStepChanged: e => this.handleStepChanged(e.detail) }), this.step === 'attachments' && (h("verdocs-template-attachments", { templateId: this.templateId, endpoint: this.endpoint, onExit: () => this.handleCancel(), onNext: () => this.handleAttachmentsNext(), onTemplateUpdated: e => this.handleTemplateUpdated(e) })), this.step === 'roles' && (h("verdocs-template-roles", { templateId: this.templateId, endpoint: this.endpoint, onExit: () => this.handleCancel(), onNext: () => this.handleRolesNext(), onRolesUpdated: e => this.handleRolesUpdated(e) })), this.step === 'settings' && (h("div", { style: { flexDirection: 'column', gap: '20px', display: 'flex', maxWidth: '400px', margin: '20px' } }, h("verdocs-template-name", { templateId: this.templateId, endpoint: this.endpoint, style: { backgroundColor: '#ffffff', padding: '20px' }, onTemplateUpdated: e => this.handleTemplateUpdated(e) }), h("verdocs-template-reminders", { templateId: this.templateId, endpoint: this.endpoint, style: { backgroundColor: '#ffffff', padding: '20px' }, onTemplateUpdated: e => this.handleTemplateUpdated(e) }), h("verdocs-template-visibility", { templateId: this.templateId, endpoint: this.endpoint, style: { backgroundColor: '#ffffff', padding: '20px' }, onTemplateUpdated: e => this.handleTemplateUpdated(e) }))), this.step === 'fields' && h("verdocs-template-fields", { templateId: this.templateId, endpoint: this.endpoint, onTemplateUpdated: e => this.handleTemplateUpdated(e) }), this.step === 'preview' && (h("div", { class: "preview-container" }, h("div", { class: "preview-send-wrapper" }, h("verdocs-send", { templateId: this.templateId, endpoint: this.endpoint, onSend: e => { var _a; return (_a = this.send) === null || _a === void 0 ? void 0 : _a.emit(e.detail); }, style: { width: '100%' } })), h("div", { class: "preview-preview-wrapper" }, h("verdocs-preview", { templateId: this.templateId, endpoint: this.endpoint, style: { display: 'flex', flex: '1', maxWidth: '1000px' } })))))));
     }
     get el() { return this; }
@@ -159,7 +169,8 @@ const VerdocsBuild$1 = /*@__PURE__*/ proxyCustomElement(class VerdocsBuild exten
         "endpoint": [16],
         "templateId": [1537, "template-id"],
         "step": [1537],
-        "templateStore": [32]
+        "loading": [32],
+        "template": [32]
     }, undefined, {
         "templateId": ["onTemplateIdChanged"],
         "step": ["onStepChanged"]
@@ -168,7 +179,7 @@ function defineCustomElement$1() {
     if (typeof customElements === "undefined") {
         return;
     }
-    const components = ["verdocs-build", "verdocs-button", "verdocs-button-panel", "verdocs-checkbox", "verdocs-component-error", "verdocs-contact-picker", "verdocs-field-attachment", "verdocs-field-checkbox", "verdocs-field-date", "verdocs-field-dropdown", "verdocs-field-initial", "verdocs-field-radio", "verdocs-field-signature", "verdocs-field-textarea", "verdocs-field-textbox", "verdocs-field-timestamp", "verdocs-file-chooser", "verdocs-help-icon", "verdocs-initial-dialog", "verdocs-loader", "verdocs-ok-dialog", "verdocs-portal", "verdocs-preview", "verdocs-progress-bar", "verdocs-select-input", "verdocs-send", "verdocs-signature-dialog", "verdocs-spinner", "verdocs-tabs", "verdocs-template-attachments", "verdocs-template-build-tabs", "verdocs-template-create", "verdocs-template-document-page", "verdocs-template-field-properties", "verdocs-template-fields", "verdocs-template-name", "verdocs-template-role-properties", "verdocs-template-roles", "verdocs-template-visibility", "verdocs-text-input", "verdocs-toggle-button", "verdocs-toolbar-icon", "verdocs-upload-dialog"];
+    const components = ["verdocs-build", "verdocs-button", "verdocs-button-panel", "verdocs-checkbox", "verdocs-component-error", "verdocs-contact-picker", "verdocs-field-attachment", "verdocs-field-checkbox", "verdocs-field-date", "verdocs-field-dropdown", "verdocs-field-initial", "verdocs-field-radio", "verdocs-field-signature", "verdocs-field-textarea", "verdocs-field-textbox", "verdocs-field-timestamp", "verdocs-file-chooser", "verdocs-help-icon", "verdocs-initial-dialog", "verdocs-loader", "verdocs-ok-dialog", "verdocs-portal", "verdocs-preview", "verdocs-progress-bar", "verdocs-select-input", "verdocs-send", "verdocs-signature-dialog", "verdocs-spinner", "verdocs-tabs", "verdocs-template-attachments", "verdocs-template-build-tabs", "verdocs-template-document-page", "verdocs-template-field-properties", "verdocs-template-fields", "verdocs-template-role-properties", "verdocs-template-roles", "verdocs-text-input", "verdocs-toggle-button", "verdocs-toolbar-icon", "verdocs-upload-dialog"];
     components.forEach(tagName => { switch (tagName) {
         case "verdocs-build":
             if (!customElements.get(tagName)) {
@@ -176,191 +187,176 @@ function defineCustomElement$1() {
             }
             break;
         case "verdocs-button":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$H();
-            }
-            break;
-        case "verdocs-button-panel":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$G();
-            }
-            break;
-        case "verdocs-checkbox":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$F();
-            }
-            break;
-        case "verdocs-component-error":
             if (!customElements.get(tagName)) {
                 defineCustomElement$E();
             }
             break;
-        case "verdocs-contact-picker":
+        case "verdocs-button-panel":
             if (!customElements.get(tagName)) {
                 defineCustomElement$D();
             }
             break;
-        case "verdocs-field-attachment":
+        case "verdocs-checkbox":
             if (!customElements.get(tagName)) {
                 defineCustomElement$C();
             }
             break;
-        case "verdocs-field-checkbox":
+        case "verdocs-component-error":
             if (!customElements.get(tagName)) {
                 defineCustomElement$B();
             }
             break;
-        case "verdocs-field-date":
+        case "verdocs-contact-picker":
             if (!customElements.get(tagName)) {
                 defineCustomElement$A();
             }
             break;
-        case "verdocs-field-dropdown":
+        case "verdocs-field-attachment":
             if (!customElements.get(tagName)) {
                 defineCustomElement$z();
             }
             break;
-        case "verdocs-field-initial":
+        case "verdocs-field-checkbox":
             if (!customElements.get(tagName)) {
                 defineCustomElement$y();
             }
             break;
-        case "verdocs-field-radio":
+        case "verdocs-field-date":
             if (!customElements.get(tagName)) {
                 defineCustomElement$x();
             }
             break;
-        case "verdocs-field-signature":
+        case "verdocs-field-dropdown":
             if (!customElements.get(tagName)) {
                 defineCustomElement$w();
             }
             break;
-        case "verdocs-field-textarea":
+        case "verdocs-field-initial":
             if (!customElements.get(tagName)) {
                 defineCustomElement$v();
             }
             break;
-        case "verdocs-field-textbox":
+        case "verdocs-field-radio":
             if (!customElements.get(tagName)) {
                 defineCustomElement$u();
             }
             break;
-        case "verdocs-field-timestamp":
+        case "verdocs-field-signature":
             if (!customElements.get(tagName)) {
                 defineCustomElement$t();
             }
             break;
-        case "verdocs-file-chooser":
+        case "verdocs-field-textarea":
             if (!customElements.get(tagName)) {
                 defineCustomElement$s();
             }
             break;
-        case "verdocs-help-icon":
+        case "verdocs-field-textbox":
             if (!customElements.get(tagName)) {
                 defineCustomElement$r();
             }
             break;
-        case "verdocs-initial-dialog":
+        case "verdocs-field-timestamp":
             if (!customElements.get(tagName)) {
                 defineCustomElement$q();
             }
             break;
-        case "verdocs-loader":
+        case "verdocs-file-chooser":
             if (!customElements.get(tagName)) {
                 defineCustomElement$p();
             }
             break;
-        case "verdocs-ok-dialog":
+        case "verdocs-help-icon":
             if (!customElements.get(tagName)) {
                 defineCustomElement$o();
             }
             break;
-        case "verdocs-portal":
+        case "verdocs-initial-dialog":
             if (!customElements.get(tagName)) {
                 defineCustomElement$n();
             }
             break;
-        case "verdocs-preview":
+        case "verdocs-loader":
             if (!customElements.get(tagName)) {
                 defineCustomElement$m();
             }
             break;
-        case "verdocs-progress-bar":
+        case "verdocs-ok-dialog":
             if (!customElements.get(tagName)) {
                 defineCustomElement$l();
             }
             break;
-        case "verdocs-select-input":
+        case "verdocs-portal":
             if (!customElements.get(tagName)) {
                 defineCustomElement$k();
             }
             break;
-        case "verdocs-send":
+        case "verdocs-preview":
             if (!customElements.get(tagName)) {
                 defineCustomElement$j();
             }
             break;
-        case "verdocs-signature-dialog":
+        case "verdocs-progress-bar":
             if (!customElements.get(tagName)) {
                 defineCustomElement$i();
             }
             break;
-        case "verdocs-spinner":
+        case "verdocs-select-input":
             if (!customElements.get(tagName)) {
                 defineCustomElement$h();
             }
             break;
-        case "verdocs-tabs":
+        case "verdocs-send":
             if (!customElements.get(tagName)) {
                 defineCustomElement$g();
             }
             break;
-        case "verdocs-template-attachments":
+        case "verdocs-signature-dialog":
             if (!customElements.get(tagName)) {
                 defineCustomElement$f();
             }
             break;
-        case "verdocs-template-build-tabs":
+        case "verdocs-spinner":
             if (!customElements.get(tagName)) {
                 defineCustomElement$e();
             }
             break;
-        case "verdocs-template-create":
+        case "verdocs-tabs":
             if (!customElements.get(tagName)) {
                 defineCustomElement$d();
             }
             break;
-        case "verdocs-template-document-page":
+        case "verdocs-template-attachments":
             if (!customElements.get(tagName)) {
                 defineCustomElement$c();
             }
             break;
-        case "verdocs-template-field-properties":
+        case "verdocs-template-build-tabs":
             if (!customElements.get(tagName)) {
                 defineCustomElement$b();
             }
             break;
-        case "verdocs-template-fields":
+        case "verdocs-template-document-page":
             if (!customElements.get(tagName)) {
                 defineCustomElement$a();
             }
             break;
-        case "verdocs-template-name":
+        case "verdocs-template-field-properties":
             if (!customElements.get(tagName)) {
                 defineCustomElement$9();
             }
             break;
-        case "verdocs-template-role-properties":
+        case "verdocs-template-fields":
             if (!customElements.get(tagName)) {
                 defineCustomElement$8();
             }
             break;
-        case "verdocs-template-roles":
+        case "verdocs-template-role-properties":
             if (!customElements.get(tagName)) {
                 defineCustomElement$7();
             }
             break;
-        case "verdocs-template-visibility":
+        case "verdocs-template-roles":
             if (!customElements.get(tagName)) {
                 defineCustomElement$6();
             }

package/dist/components/verdocs-button-panel.js

@@ -1,4 +1,4 @@
-import { V as VerdocsButtonPanel$1, d as defineCustomElement$1 } from './p-3044c9cb.js';
+import { V as VerdocsButtonPanel$1, d as defineCustomElement$1 } from './p-070bebd7.js';
 
 const VerdocsButtonPanel = VerdocsButtonPanel$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/verdocs-button.js

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

package/dist/components/verdocs-checkbox.js

@@ -1,4 +1,4 @@
-import { V as VerdocsCheckbox$1, d as defineCustomElement$1 } from './p-4dc4418a.js';
+import { V as VerdocsCheckbox$1, d as defineCustomElement$1 } from './p-3201d529.js';
 
 const VerdocsCheckbox = VerdocsCheckbox$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/verdocs-component-error.js

@@ -1,4 +1,4 @@
-import { V as VerdocsComponentError$1, d as defineCustomElement$1 } from './p-921297ba.js';
+import { V as VerdocsComponentError$1, d as defineCustomElement$1 } from './p-84ae0283.js';
 
 const VerdocsComponentError = VerdocsComponentError$1;
 const defineCustomElement = defineCustomElement$1;

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

@@ -1,4 +1,4 @@
-import { V as VerdocsContactPicker$1, d as defineCustomElement$1 } from './p-a655b737.js';
+import { V as VerdocsContactPicker$1, d as defineCustomElement$1 } from './p-15d530b8.js';
 
 const VerdocsContactPicker = VerdocsContactPicker$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/verdocs-dialog.js

@@ -1,4 +1,4 @@
-import { p as proxyCustomElement, H, c as createEvent, h, d as Host } from './p-7786799a.js';
+import { p as proxyCustomElement, H, c as createEvent, h, d as Host } from './p-324ed895.js';
 
 const verdocsDialogCss = "@-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-dialog{font-family:\"Inter\", \"Barlow\", sans-serif;-webkit-box-sizing:border-box;box-sizing:border-box}verdocs-dialog div{-webkit-box-sizing:border-box;box-sizing:border-box}verdocs-dialog .background-overlay{top:0;left:0;right:0;bottom:0;display:-ms-flexbox;display:flex;z-index:10000;position:absolute;-ms-flex-align:center;align-items:center;background:rgba(0, 0, 0, 0.4980392157);-ms-flex-pack:center;justify-content:center}verdocs-dialog .dialog{width:420px;display:-ms-flexbox;display:flex;max-width:100%;overflow:hidden;border-radius:4px;-ms-flex-direction:column;flex-direction:column;background:#ffffff;-webkit-box-shadow:3px 3px 5px 1px rgba(40, 40, 40, 0.4);box-shadow:3px 3px 5px 1px rgba(40, 40, 40, 0.4)}verdocs-dialog .heading{display:-ms-flexbox;display:flex;font-size:16px;font-weight:500;padding:8px 16px;-ms-flex-direction:row;flex-direction:row;color:#ffffff;background:#46497d}verdocs-dialog .content{padding:16px}verdocs-dialog .content p{margin:0 0 1em 0}verdocs-dialog .buttons{gap:14px;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;-ms-flex-pack:end;justify-content:flex-end}";
 const VerdocsDialogStyle0 = verdocsDialogCss;

package/dist/components/verdocs-dropdown.js

@@ -1,4 +1,4 @@
-import { V as VerdocsDropdown$1, d as defineCustomElement$1 } from './p-df4ac086.js';
+import { V as VerdocsDropdown$1, d as defineCustomElement$1 } from './p-a3e12c74.js';
 
 const VerdocsDropdown = VerdocsDropdown$1;
 const defineCustomElement = defineCustomElement$1;

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

@@ -1,4 +1,4 @@
-import { V as VerdocsEnvelopeDocumentPage$1, d as defineCustomElement$1 } from './p-7927a846.js';
+import { V as VerdocsEnvelopeDocumentPage$1, d as defineCustomElement$1 } from './p-8d3c0b4c.js';
 
 const VerdocsEnvelopeDocumentPage = VerdocsEnvelopeDocumentPage$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/verdocs-envelope-recipient-link.js

@@ -1,4 +1,4 @@
-import { V as VerdocsEnvelopeRecipientLink$1, d as defineCustomElement$1 } from './p-4535a9fd.js';
+import { V as VerdocsEnvelopeRecipientLink$1, d as defineCustomElement$1 } from './p-c7b00ce6.js';
 
 const VerdocsEnvelopeRecipientLink = VerdocsEnvelopeRecipientLink$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/verdocs-envelope-recipient-summary.js

@@ -1,8 +1,8 @@
-import { p as proxyCustomElement, H, c as createEvent, h, d as Host } from './p-7786799a.js';
-import { VerdocsEndpoint, getInPersonLink, getRecipientsWithActions, recipientCanAct, formatFullName } from '@verdocs/js-sdk';
-import { g as getEnvelopeStore } from './p-821f2345.js';
+import { p as proxyCustomElement, H, c as createEvent, h, d as Host } from './p-324ed895.js';
+import { VerdocsEndpoint, getEnvelope, getInPersonLink, getRecipientsWithActions, recipientCanAct, formatFullName } from '@verdocs/js-sdk';
 import { S as SDKError } from './p-fd97809c.js';
-import { d as defineCustomElement$2 } from './p-ac7578f6.js';
+import { S as Store } from './p-da4d4eed.js';
+import { d as defineCustomElement$2 } from './p-0e332769.js';
 
 const verdocsEnvelopeRecipientSummaryCss = "@-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-envelope-recipient-summary{top:0;left:0;right:0;bottom:0;display:-ms-flexbox;display:flex;z-index:100000;position:fixed;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;font-family:\"Inter\", \"Barlow\", sans-serif;background-color:rgba(0, 0, 0, 0.4980392157)}verdocs-envelope-recipient-summary .summary-content{width:600px;display:-ms-flexbox;display:flex;max-width:90%;font-size:18px;-ms-flex:0 0 600px;flex:0 0 600px;border-radius:6px;background:#ffffff;-ms-flex-direction:column;flex-direction:column;padding:30px 20px 20px}verdocs-envelope-recipient-summary .summary-content .summary-title{font-size:20px;font-weight:700;margin:0 0 10px 0;color:#33364b}verdocs-envelope-recipient-summary .summary-recipient{display:-ms-flexbox;display:flex;color:#33364b;margin:8px 0 24px 0;-ms-flex-direction:column;flex-direction:column}verdocs-envelope-recipient-summary .summary-recipient .role-name{-ms-flex:1;flex:1;display:-ms-flexbox;display:flex;font-size:14px;font-weight:600;margin:0 0 8px 0;color:#092c4c}verdocs-envelope-recipient-summary .summary-recipient .role-info{gap:5px;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:end;align-items:flex-end}verdocs-envelope-recipient-summary .summary-recipient .role-full-name{-ms-flex:1;flex:1;height:34px;display:-ms-flexbox;display:flex;font-size:16px;padding:0 12px;border-radius:4px;-ms-flex-align:center;align-items:center;border:1px solid #cccccc;background:rgb(249, 250, 251)}verdocs-envelope-recipient-summary .summary-recipient .recipient-link{width:120px;padding:0 16px;font-weight:500;margin:0 0 0 8px;text-align:center;font-size:0.875rem;border-radius:100%;color:rgb(55, 65, 81);line-height:1.25rem;background-color:#d8d8d8;border:2px solid rgb(156, 163, 175)}verdocs-envelope-recipient-summary .summary-recipient .link-wrapper{gap:5px;display:-ms-flexbox;display:flex;margin:4px 0 0 0;-ms-flex-direction:row;flex-direction:row}verdocs-envelope-recipient-summary .summary-recipient .link-wrapper .link{-ms-flex:1;flex:1;height:34px;display:-ms-flexbox;display:flex;font-size:16px;padding:0 12px;overflow:hidden;border-radius:4px;-ms-flex-align:center;align-items:center;white-space:nowrap;text-overflow:ellipsis;border:1px solid #cccccc;background:rgb(249, 250, 251)}verdocs-envelope-recipient-summary .buttons{display:-ms-flexbox;display:flex;-webkit-column-gap:15px;-moz-column-gap:15px;column-gap:15px;margin:10px 0 0 0;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}verdocs-envelope-recipient-summary .buttons verdocs-button{-ms-flex:0 0 120px;flex:0 0 120px;margin-left:10px;white-space:nowrap}verdocs-envelope-recipient-summary .buttons verdocs-button button{width:100%}";
 const VerdocsEnvelopeRecipientSummaryStyle0 = verdocsEnvelopeRecipientSummaryCss;
@@ -15,18 +15,19 @@ const VerdocsEnvelopeRecipientSummary$1 = /*@__PURE__*/ proxyCustomElement(class
         this.view = createEvent(this, "view", 7);
         this.next = createEvent(this, "next", 7);
         this.sdkError = createEvent(this, "sdkError", 7);
-        this.store = null;
+        this.envelopeListenerId = null;
         this.endpoint = VerdocsEndpoint.getDefault();
         this.envelopeId = '';
         this.canSendAnother = true;
         this.canView = true;
         this.canDone = true;
         this.isOpen = undefined;
-        this.loading = true;
         this.recipientStatusIcons = [];
         this.containerId = `verdocs-status-indicator-${Math.random().toString(36).substring(2, 11)}`;
         this.gettingLinks = {};
         this.links = {};
+        this.loading = true;
+        this.envelope = null;
     }
     async componentWillLoad() {
         var _a, _b, _c;
@@ -40,35 +41,51 @@ const VerdocsEnvelopeRecipientSummary$1 = /*@__PURE__*/ proxyCustomElement(class
                 console.log('[RECIPIENTS] Unable to start session, must be authenticated');
                 return;
             }
-            this.store = await getEnvelopeStore(this.endpoint, this.envelopeId, true);
-            this.sortEnvelopeRecipients();
-            this.loading = false;
+            this.listenToEnvelope();
         }
         catch (e) {
             console.log('[RECIPIENTS] Error loading envelope', 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));
         }
     }
+    disconnectedCallback() {
+        this.unlistenToEnvelope();
+    }
+    async listenToEnvelope() {
+        console.log('[SIDEBAR] Loading envelope', this.envelopeId);
+        this.unlistenToEnvelope();
+        Store.subscribe('envelopes', this.envelopeId, () => getEnvelope(this.endpoint, this.envelopeId), false, (envelope) => {
+            this.envelope = envelope;
+            this.loading = false;
+            this.sortEnvelopeRecipients();
+        });
+    }
+    unlistenToEnvelope() {
+        if (this.envelopeListenerId) {
+            Store.store.delListener(this.envelopeListenerId);
+            this.envelopeListenerId = null;
+        }
+    }
     sortEnvelopeRecipients() {
-        var _a, _b;
-        (_b = (_a = this.store) === null || _a === void 0 ? void 0 : _a.state) === null || _b === void 0 ? void 0 : _b.recipients.sort((a, b) => {
+        var _a;
+        (((_a = this.envelope) === null || _a === void 0 ? void 0 : _a.recipients) || []).sort((a, b) => {
             return a.sequence === b.sequence ? a.order - b.order : a.sequence - b.sequence;
         });
     }
     handleAnother(e) {
         var _a;
         e.preventDefault();
-        (_a = this.another) === null || _a === void 0 ? void 0 : _a.emit({ envelope: this.store.state });
+        (_a = this.another) === null || _a === void 0 ? void 0 : _a.emit({ envelope: this.envelope });
     }
     handleView(e) {
         var _a;
         e.preventDefault();
-        (_a = this.view) === null || _a === void 0 ? void 0 : _a.emit({ envelope: this.store.state });
+        (_a = this.view) === null || _a === void 0 ? void 0 : _a.emit({ envelope: this.envelope });
     }
     handleDone(e) {
         var _a;
         e.preventDefault();
-        (_a = this.next) === null || _a === void 0 ? void 0 : _a.emit({ envelope: this.store.state });
+        (_a = this.next) === null || _a === void 0 ? void 0 : _a.emit({ envelope: this.envelope });
     }
     copyLink(link) {
         navigator.clipboard
@@ -100,12 +117,12 @@ const VerdocsEnvelopeRecipientSummary$1 = /*@__PURE__*/ proxyCustomElement(class
         });
     }
     render() {
-        var _a, _b;
+        var _a;
         if (this.loading) {
             return h(Host, null);
         }
-        return (h(Host, null, h("div", { class: "summary-content" }, h("h1", { class: "summary-title" }, "Recipient Summary"), h("div", { class: "summary-rows" }, (((_b = (_a = this.store) === null || _a === void 0 ? void 0 : _a.state) === null || _b === void 0 ? void 0 : _b.recipients) || []).map(recipient => {
-            const recipientsWithActions = getRecipientsWithActions(this.store.state);
+        return (h(Host, null, h("div", { class: "summary-content" }, h("h1", { class: "summary-title" }, "Recipient Summary"), h("div", { class: "summary-rows" }, (((_a = this.envelope) === null || _a === void 0 ? void 0 : _a.recipients) || []).map(recipient => {
+            const recipientsWithActions = getRecipientsWithActions(this.envelope);
             const showLinkButton = recipientCanAct(recipient, recipientsWithActions);
             const link = this.links[recipient.role_name];
             const gettingLink = this.gettingLinks[recipient.role_name];
@@ -121,11 +138,12 @@ const VerdocsEnvelopeRecipientSummary$1 = /*@__PURE__*/ proxyCustomElement(class
         "canView": [4, "can-view"],
         "canDone": [4, "can-done"],
         "isOpen": [32],
-        "loading": [32],
         "recipientStatusIcons": [32],
         "containerId": [32],
         "gettingLinks": [32],
-        "links": [32]
+        "links": [32],
+        "loading": [32],
+        "envelope": [32]
     }]);
 function defineCustomElement$1() {
     if (typeof customElements === "undefined") {