@verdocs/web-sdk 4.2.157 → 5.0.0

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") {

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

@@ -1,17 +1,17 @@
-import { p as proxyCustomElement, H, c as createEvent, h, F as Fragment, d as Host } from './p-7786799a.js';
-import { VerdocsEndpoint, resendInvitation, cancelEnvelope, formatFullName, updateEnvelope, userIsEnvelopeOwner, capitalize } from '@verdocs/js-sdk';
-import { g as getEnvelopeStore, u as updateStoreEnvelope } from './p-821f2345.js';
+import { p as proxyCustomElement, H, c as createEvent, h, F as Fragment, d as Host } from './p-324ed895.js';
+import { VerdocsEndpoint, getEnvelope, resendInvitation, cancelEnvelope, formatFullName, updateEnvelope, userIsEnvelopeOwner, capitalize } from '@verdocs/js-sdk';
 import { F as FORMAT_TIMESTAMP } from './p-c7ee88c7.js';
 import { V as VerdocsToast } from './p-04c07b7b.js';
 import { S as SDKError } from './p-fd97809c.js';
-import { d as defineCustomElement$9 } from './p-ac7578f6.js';
-import { d as defineCustomElement$8 } from './p-df4ac086.js';
-import { d as defineCustomElement$7 } from './p-4535a9fd.js';
-import { d as defineCustomElement$6 } from './p-69881420.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-db4a15fd.js';
-import { d as defineCustomElement$2 } from './p-e4a852b5.js';
+import { S as Store } from './p-da4d4eed.js';
+import { d as defineCustomElement$9 } from './p-0e332769.js';
+import { d as defineCustomElement$8 } from './p-a3e12c74.js';
+import { d as defineCustomElement$7 } from './p-c7b00ce6.js';
+import { d as defineCustomElement$6 } from './p-0ca7012b.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-fcad60f5.js';
+import { d as defineCustomElement$2 } from './p-c8fedb4e.js';
 import { f as format } from './p-12bab948.js';
 
 const verdocsEnvelopeSidebarCss = "@-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-sidebar{font-family:\"Inter\", -apple-system, \"Segoe UI\", \"Roboto\", \"Helvetica Neue\", sans-serif;-ms-flex-direction:row;flex-direction:row;display:-ms-flexbox;display:flex;-ms-flex:0 0 56px;flex:0 0 56px;width:56px;min-height:400px;height:100%;background:#41435e;-webkit-transition:0.5s cubic-bezier(0.35, 0, 0.25, 1);transition:0.5s cubic-bezier(0.35, 0, 0.25, 1)}verdocs-envelope-sidebar.open{-ms-flex:0 0 400px;flex:0 0 400px;max-width:100%;width:400px}@media screen and (max-width: 500px){verdocs-envelope-sidebar.open{-ms-flex:0 0 300px;flex:0 0 300px;width:300px}}verdocs-envelope-sidebar .side-buttons{-ms-flex-direction:column;flex-direction:column;-ms-flex:0 0 56px;flex:0 0 56px;display:-ms-flexbox;display:flex}verdocs-envelope-sidebar .side-buttons button{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;height:50px;outline:none;border:none;border-left:2px solid transparent;background:none;width:100%}verdocs-envelope-sidebar .side-buttons button.active{border-left:2px solid #50bd80}verdocs-envelope-sidebar .side-buttons button svg{color:white;width:24px;height:24px}verdocs-envelope-sidebar .content{-ms-flex:1;flex:1;display:none;color:white;-ms-flex-direction:column;flex-direction:column;padding:12px 16px 16px}verdocs-envelope-sidebar.open .content{display:-ms-flexbox;display:flex;overflow-y:scroll}verdocs-envelope-sidebar verdocs-ok-dialog .content{color:black}verdocs-envelope-sidebar .title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:12px;font-size:16px;line-height:24px;font-weight:400}verdocs-envelope-sidebar .label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:12px;line-height:16px;color:rgba(255, 255, 255, 0.54)}verdocs-envelope-sidebar .value{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:14px;font-size:14px;font-weight:500;line-height:16px;color:#fff}verdocs-envelope-sidebar .manage-recipients-button{-ms-flex-item-align:center;align-self:center;white-space:nowrap;width:100%;margin:0 0 10px 0}verdocs-envelope-sidebar .manage-recipients-button .label{color:#ffffff;font-size:14px}verdocs-envelope-sidebar .manage-recipients-button button{width:100%}verdocs-envelope-sidebar .recipient-detail{-ms-flex:0;flex:0;padding:8px;font-size:14px;position:relative;-ms-flex-direction:column;flex-direction:column;border:solid 1px #979797;margin-bottom:16px}verdocs-envelope-sidebar .recipient-header{-ms-flex-direction:row;flex-direction:row;-webkit-box-sizing:border-box;box-sizing:border-box;display:-ms-flexbox;display:flex;gap:6px;-ms-flex-align:center;align-items:center;margin-bottom:4px}verdocs-envelope-sidebar .recipient-number{width:24px;height:24px;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;border-radius:24px;font-size:14px;font-weight:500;border:solid 1px #979797}verdocs-envelope-sidebar .recipient-name{-ms-flex:1;flex:1;-webkit-box-sizing:border-box;box-sizing:border-box;text-transform:capitalize}verdocs-envelope-sidebar .recipient-status{-ms-flex:0 0 100px;flex:0 0 100px;border-radius:5px;text-align:center;-webkit-box-sizing:border-box;box-sizing:border-box;max-width:100px;min-width:100px;background-color:#616161;text-transform:capitalize;font-size:14px;padding:3px 0}verdocs-envelope-sidebar .recipient-status.invited{background-color:#ff8f00}verdocs-envelope-sidebar .recipient-status.opened{background-color:#616161}verdocs-envelope-sidebar .recipient-status.signed,verdocs-envelope-sidebar .recipient-status.submitted{background-color:#2e7d32}verdocs-envelope-sidebar .recipient-status.pending{background-color:#0277bd}verdocs-envelope-sidebar .recipient-status.canceled,verdocs-envelope-sidebar .recipient-status.declined{background-color:#c62828}@media screen and (max-width: 500px){verdocs-envelope-sidebar .recipient-status{-ms-flex:1 1 60px;flex:1 1 60px;max-width:60px;min-width:60px}}verdocs-envelope-sidebar .recipient-content{-ms-flex-direction:column;flex-direction:column}verdocs-envelope-sidebar .recipient-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}verdocs-envelope-sidebar .history-entry{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-direction:row;flex-direction:row;padding:8px 0 0;margin:8px 0 0;border-top:1px solid #dddddd}verdocs-envelope-sidebar .history-entry .activity-icon{margin-right:14px}verdocs-envelope-sidebar .history-entry .activity-icon svg{width:24px;height:24px;fill:#ffffff}verdocs-envelope-sidebar .history-entry .activity-text{font-size:14px;line-height:16px;margin-bottom:4px}verdocs-envelope-sidebar .history-entry .activity-date{font-size:12px;line-height:16px;color:rgba(255, 255, 255, 0.54)}verdocs-envelope-sidebar .content .history-entry:first-of-type{border-top:none}verdocs-envelope-sidebar .reminders{margin:15px 0 30px 0}verdocs-envelope-sidebar .reminders .form-row{margin:8px 0 0;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row}verdocs-envelope-sidebar .reminders .form-row .reminders-label{display:-ms-flexbox;display:flex;-ms-flex:1;flex:1}verdocs-envelope-sidebar .reminders .form-row .form-label{-ms-flex:1;flex:1}verdocs-envelope-sidebar .reminders .form-row verdocs-text-input{margin:0;width:100px}";
@@ -51,21 +51,22 @@ const VerdocsEnvelopeSidebar$1 = /*@__PURE__*/ proxyCustomElement(class VerdocsE
         this.envelopeUpdated = createEvent(this, "envelopeUpdated", 7);
         this.toggle = createEvent(this, "toggle", 7);
         this.another = createEvent(this, "another", 7);
-        this.store = null;
+        this.envelopeListenerId = null;
         this.endpoint = VerdocsEndpoint.getDefault();
         this.envelopeId = '';
         this.activeTab = 1;
         this.panelOpen = false;
         this.showRecipientDialog = '';
         this.showCancelDialog = false;
-        this.loading = true;
         this.remindersEnabled = false;
         this.updatingReminders = false;
         this.initialReminder = null;
         this.followupReminders = null;
+        this.loading = true;
+        this.envelope = null;
     }
     async componentWillLoad() {
-        var _a, _b, _c, _d, _e, _f, _g;
+        var _a, _b, _c;
         try {
             this.endpoint.loadSession();
             if (!this.envelopeId) {
@@ -76,21 +77,38 @@ const VerdocsEnvelopeSidebar$1 = /*@__PURE__*/ proxyCustomElement(class VerdocsE
                 console.log('[SIDEBAR] Unable to start session, must be authenticated');
                 return;
             }
-            this.store = await getEnvelopeStore(this.endpoint, this.envelopeId, true);
-            this.sortEnvelopeRecipients();
-            this.initialReminder = (_b = (_a = this.store) === null || _a === void 0 ? void 0 : _a.state) === null || _b === void 0 ? void 0 : _b.initial_reminder;
-            this.followupReminders = (_d = (_c = this.store) === null || _c === void 0 ? void 0 : _c.state) === null || _d === void 0 ? void 0 : _d.followup_reminders;
-            this.remindersEnabled = !!this.initialReminder;
-            this.loading = false;
+            this.listenToEnvelope();
         }
         catch (e) {
             console.log('[SIDEBAR] Error loading envelope', e);
-            (_e = this.sdkError) === null || _e === void 0 ? void 0 : _e.emit(new SDKError(e.message, (_f = e.response) === null || _f === void 0 ? void 0 : _f.status, (_g = e.response) === null || _g === void 0 ? void 0 : _g.data));
+            (_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) => {
+            var _a, _b;
+            this.envelope = envelope;
+            this.loading = false;
+            this.sortEnvelopeRecipients();
+            this.initialReminder = (_a = this.envelope) === null || _a === void 0 ? void 0 : _a.initial_reminder;
+            this.followupReminders = (_b = this.envelope) === null || _b === void 0 ? void 0 : _b.followup_reminders;
+            this.remindersEnabled = !!this.initialReminder;
+        });
+    }
+    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;
         });
     }
@@ -102,12 +120,12 @@ const VerdocsEnvelopeSidebar$1 = /*@__PURE__*/ proxyCustomElement(class VerdocsE
     }
     // TODO: Refactor to a common library?
     canResendRecipient(recipient) {
-        var _a, _b;
+        var _a;
         return (!['pending', 'declined', 'submitted', 'canceled'].includes(recipient.status) && //
-            !['complete', 'declined', 'canceled'].includes((_b = (_a = this.store) === null || _a === void 0 ? void 0 : _a.state) === null || _b === void 0 ? void 0 : _b.status));
+            !['complete', 'declined', 'canceled'].includes((_a = this.envelope) === null || _a === void 0 ? void 0 : _a.status));
     }
     handleRecipientAction(recipient, id) {
-        var _a, _b;
+        var _a;
         console.log('[SIDEBAR] Recipient action', id, recipient);
         switch (id) {
             case 'reminder':
@@ -130,20 +148,22 @@ const VerdocsEnvelopeSidebar$1 = /*@__PURE__*/ proxyCustomElement(class VerdocsE
                 VerdocsToast('This feature will be enabled in a future release. Please try again later.', { style: 'info' });
                 break;
         }
-        (_a = this.envelopeUpdated) === null || _a === void 0 ? void 0 : _a.emit({ endpoint: this.endpoint, envelope: (_b = this.store) === null || _b === void 0 ? void 0 : _b.state, event: id });
+        (_a = this.envelopeUpdated) === null || _a === void 0 ? void 0 : _a.emit({ endpoint: this.endpoint, envelope: this.envelope, event: id });
     }
     handleCancelEnvelope() {
         this.loading = true;
         cancelEnvelope(this.endpoint, this.envelopeId)
             .then(async (r) => {
-            var _a, _b;
+            var _a;
             console.log('[SIDEBAR] Envelope canceled', r);
             VerdocsToast('Envelope canceled', { style: 'success' });
-            this.store = await getEnvelopeStore(this.endpoint, this.envelopeId, true);
-            this.sortEnvelopeRecipients();
+            // TODO: Use returned value instead?
+            const newEnvelope = JSON.parse(JSON.stringify(this.envelope));
+            newEnvelope.status = 'canceled';
+            Store.updateEnvelope(this.envelopeId, newEnvelope);
             this.loading = false;
             this.panelOpen = false;
-            (_a = this.envelopeUpdated) === null || _a === void 0 ? void 0 : _a.emit({ endpoint: this.endpoint, envelope: (_b = this.store) === null || _b === void 0 ? void 0 : _b.state, event: 'canceled' });
+            (_a = this.envelopeUpdated) === null || _a === void 0 ? void 0 : _a.emit({ endpoint: this.endpoint, envelope: newEnvelope, event: 'canceled' });
         })
             .catch(e => {
             console.log('[SIDEBAR] Error canceling envelope', e);
@@ -152,22 +172,22 @@ const VerdocsEnvelopeSidebar$1 = /*@__PURE__*/ proxyCustomElement(class VerdocsE
         });
     }
     prepareHistoryEntries() {
-        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m;
+        var _a, _b, _c, _d, _e, _f;
         const entries = [];
-        const histories = ((_b = (_a = this.store) === null || _a === void 0 ? void 0 : _a.state) === null || _b === void 0 ? void 0 : _b.history_entries) || [];
-        entries.push({ icon: 'pencil', message: 'Envelope created.', date: new Date((_d = (_c = this.store) === null || _c === void 0 ? void 0 : _c.state) === null || _d === void 0 ? void 0 : _d.created_at) });
-        if (((_f = (_e = this.store) === null || _e === void 0 ? void 0 : _e.state) === null || _f === void 0 ? void 0 : _f.status) === 'complete') {
-            entries.push({ icon: 'pencil', message: 'Envelope completed.', date: new Date((_h = (_g = this.store) === null || _g === void 0 ? void 0 : _g.state) === null || _h === void 0 ? void 0 : _h.updated_at) });
+        const histories = ((_a = this.envelope) === null || _a === void 0 ? void 0 : _a.history_entries) || [];
+        entries.push({ icon: 'pencil', message: 'Envelope created.', date: new Date((_b = this.envelope) === null || _b === void 0 ? void 0 : _b.created_at) });
+        if (((_c = this.envelope) === null || _c === void 0 ? void 0 : _c.status) === 'complete') {
+            entries.push({ icon: 'pencil', message: 'Envelope completed.', date: new Date((_d = this.envelope) === null || _d === void 0 ? void 0 : _d.updated_at) });
         }
         // TODO: Shift back to server-side generating these events? We'll still need
         // to tolerate both cases here for a while.
         const ownerCanceled = histories.some(history => history.event === 'owner:canceled');
-        if (((_k = (_j = this.store) === null || _j === void 0 ? void 0 : _j.state) === null || _k === void 0 ? void 0 : _k.status) === 'canceled' && !ownerCanceled) {
-            entries.push({ icon: 'pencil', message: 'Envelope Cancelled.', date: new Date((_m = (_l = this.store) === null || _l === void 0 ? void 0 : _l.state) === null || _m === void 0 ? void 0 : _m.canceled_at) });
+        if (((_e = this.envelope) === null || _e === void 0 ? void 0 : _e.status) === 'canceled' && !ownerCanceled) {
+            entries.push({ icon: 'pencil', message: 'Envelope Cancelled.', date: new Date((_f = this.envelope) === null || _f === void 0 ? void 0 : _f.canceled_at) });
         }
         histories.forEach(history => {
             var _a;
-            const recipient = (_a = this.store.state) === null || _a === void 0 ? void 0 : _a.recipients.find(recipient => recipient.role_name === history.role_name);
+            const recipient = (((_a = this.envelope) === null || _a === void 0 ? void 0 : _a.recipients) || []).find(recipient => recipient.role_name === history.role_name);
             const fullName = formatFullName(recipient);
             switch (history.event.toLowerCase()) {
                 case 'recipient:signed':
@@ -283,7 +303,7 @@ const VerdocsEnvelopeSidebar$1 = /*@__PURE__*/ proxyCustomElement(class VerdocsE
     // canModify(recipient: IRecipient) {
     //   const invalidRecipientStatus = ['declined', 'signed', 'submitted', 'canceled'];
     //   const invalidEnvelopeStatus = ['complete', 'declined', 'canceled'];
-    //   return recipient.claimed !== true && invalidRecipientStatus.indexOf(recipient.status) === -1 && invalidEnvelopeStatus.indexOf(this.store?.state?.status) === -1;
+    //   return recipient.claimed !== true && invalidRecipientStatus.indexOf(recipient.status) === -1 && invalidEnvelopeStatus.indexOf(this.envelope?.status) === -1;
     // }
     handleToggleReminders() {
         if (this.remindersEnabled) {
@@ -299,32 +319,33 @@ const VerdocsEnvelopeSidebar$1 = /*@__PURE__*/ proxyCustomElement(class VerdocsE
         updateEnvelope(this.endpoint, this.envelopeId, { initial_reminder, followup_reminders })
             .then(envelope => {
             console.log('Updated', envelope);
-            updateStoreEnvelope(this.store, envelope);
+            Store.updateEnvelope(this.envelopeId, envelope);
             this.initialReminder = envelope.initial_reminder;
             this.followupReminders = envelope.followup_reminders;
             this.remindersEnabled = !!envelope.initial_reminder;
             this.updatingReminders = false;
         })
             .catch(e => {
-            var _a, _b, _c, _d, _e, _f;
+            var _a, _b, _c;
             console.log('Error updating envelope', e);
-            this.initialReminder = (_b = (_a = this.store) === null || _a === void 0 ? void 0 : _a.state) === null || _b === void 0 ? void 0 : _b.initial_reminder;
-            this.followupReminders = (_d = (_c = this.store) === null || _c === void 0 ? void 0 : _c.state) === null || _d === void 0 ? void 0 : _d.followup_reminders;
-            this.remindersEnabled = !!((_f = (_e = this.store) === null || _e === void 0 ? void 0 : _e.state) === null || _f === void 0 ? void 0 : _f.initial_reminder);
+            this.initialReminder = (_a = this.envelope) === null || _a === void 0 ? void 0 : _a.initial_reminder;
+            this.followupReminders = (_b = this.envelope) === null || _b === void 0 ? void 0 : _b.followup_reminders;
+            this.remindersEnabled = !!((_c = this.envelope) === null || _c === void 0 ? void 0 : _c.initial_reminder);
             this.updatingReminders = false;
             alert(e.response.data.error);
         });
     }
     render() {
-        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y;
-        if (!this.store.state) {
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m;
+        if (this.loading) {
+            // We don't show a loading indicator for the sidebar, to avoid FOUS
             return h(Host, null);
         }
-        const isEnvelopeOwner = userIsEnvelopeOwner(this.endpoint.profile, this.store.state);
+        const isEnvelopeOwner = userIsEnvelopeOwner(this.endpoint.profile, this.envelope);
         const historyEntries = this.prepareHistoryEntries();
-        const functionsDisabled = ((_b = (_a = this.store) === null || _a === void 0 ? void 0 : _a.state) === null || _b === void 0 ? void 0 : _b.status) !== 'pending' && ((_d = (_c = this.store) === null || _c === void 0 ? void 0 : _c.state) === null || _d === void 0 ? void 0 : _d.status) !== 'in progress';
-        return (h(Host, { class: this.panelOpen ? 'open' : '' }, h("div", { class: "side-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" }, (_f = (_e = this.store) === null || _e === void 0 ? void 0 : _e.state) === null || _f === void 0 ? void 0 : _f.id), h("div", { class: "label" }, "Date Created"), h("div", { class: "value" }, format(new Date((_h = (_g = this.store) === null || _g === void 0 ? void 0 : _g.state) === null || _h === void 0 ? void 0 : _h.created_at), FORMAT_TIMESTAMP)), h("div", { class: "label" }, "Last Modified"), h("div", { class: "value" }, format(new Date((_k = (_j = this.store) === null || _j === void 0 ? void 0 : _j.state) === null || _k === void 0 ? void 0 : _k.updated_at), FORMAT_TIMESTAMP)), h("div", { class: "label" }, "Status"), h("div", { class: "value" }, capitalize((_m = (_l = this.store) === null || _l === void 0 ? void 0 : _l.state) === null || _m === void 0 ? void 0 : _m.status)), h("div", { class: "label" }, "Owner ID"), h("div", { class: "value" }, (_p = (_o = this.store) === null || _o === void 0 ? void 0 : _o.state) === null || _p === void 0 ? void 0 : _p.profile_id), h("div", { class: "label" }, "Owner Name"), h("div", { class: "value" }, formatFullName((_r = (_q = this.store) === null || _q === void 0 ? void 0 : _q.state) === null || _r === void 0 ? void 0 : _r.profile)), h("div", { class: "label" }, "Owner Email"), h("div", { class: "value" }, (_u = (_t = (_s = this.store) === null || _s === void 0 ? void 0 : _s.state) === null || _t === void 0 ? void 0 : _t.profile) === null || _u === void 0 ? void 0 : _u.email))), this.activeTab === 2 && (h("div", { class: "content" }, h("div", { class: "title" }, "Recipients"), (_w = (_v = this.store) === null || _v === void 0 ? void 0 : _v.state) === null || _w === void 0 ? void 0 :
-            _w.recipients.map((recipient, index) => {
+        const functionsDisabled = ((_a = this.envelope) === null || _a === void 0 ? void 0 : _a.status) !== 'pending' && ((_b = this.envelope) === null || _b === void 0 ? void 0 : _b.status) !== 'in progress';
+        return (h(Host, { class: this.panelOpen ? 'open' : '' }, h("div", { class: "side-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" }, (_c = this.envelope) === null || _c === void 0 ? void 0 : _c.id), h("div", { class: "label" }, "Date Created"), h("div", { class: "value" }, format(new Date((_d = this.envelope) === null || _d === void 0 ? void 0 : _d.created_at), FORMAT_TIMESTAMP)), h("div", { class: "label" }, "Last Modified"), h("div", { class: "value" }, format(new Date((_e = this.envelope) === null || _e === void 0 ? void 0 : _e.updated_at), FORMAT_TIMESTAMP)), h("div", { class: "label" }, "Status"), h("div", { class: "value" }, capitalize((_f = this.envelope) === null || _f === void 0 ? void 0 : _f.status)), h("div", { class: "label" }, "Owner ID"), h("div", { class: "value" }, (_g = this.envelope) === null || _g === void 0 ? void 0 : _g.profile_id), h("div", { class: "label" }, "Owner Name"), h("div", { class: "value" }, formatFullName((_h = this.envelope) === null || _h === void 0 ? void 0 : _h.profile)), h("div", { class: "label" }, "Owner Email"), h("div", { class: "value" }, (_k = (_j = this.envelope) === null || _j === void 0 ? void 0 : _j.profile) === null || _k === void 0 ? void 0 : _k.email))), this.activeTab === 2 && (h("div", { class: "content" }, h("div", { class: "title" }, "Recipients"), (_l = this.envelope) === null || _l === void 0 ? void 0 :
+            _l.recipients.map((recipient, index) => {
                 const canGetInPersonLink = recipient.status !== 'submitted' && recipient.status !== 'canceled' && recipient.status !== 'declined';
                 const canSendReminder = this.canResendRecipient(recipient);
                 const fullName = formatFullName(recipient);
@@ -341,7 +362,7 @@ const VerdocsEnvelopeSidebar$1 = /*@__PURE__*/ proxyCustomElement(class VerdocsE
             } })), h("div", { class: "form-row" }, h("div", { class: "form-label" }, "Follow-up Reminders:"), h("verdocs-text-input", { placeholder: "In hours...", disabled: functionsDisabled || this.updatingReminders, value: String(Math.floor(this.followupReminders / MS_PER_DAY)), onBlur: (e) => {
                 this.followupReminders = Number(e.target.value) * MS_PER_DAY;
                 this.handleSetReminders(this.initialReminder, this.followupReminders);
-            } })), h("div", { class: "form-row" }, h("div", { class: "form-label" }, "Next Reminder:"), h("div", { style: { color: '#dddddd' } }, format(new Date((_y = (_x = this.store) === null || _x === void 0 ? void 0 : _x.state) === null || _y === void 0 ? void 0 : _y.next_reminder), 'P p'))))))), isEnvelopeOwner && (h("verdocs-button", { class: "manage-recipients-button", variant: "standard", label: "Cancel Envelope", onClick: () => (this.showCancelDialog = !functionsDisabled), disabled: functionsDisabled })))), this.activeTab === 3 && (h("div", { class: "content" }, h("div", { class: "title" }, "History"), historyEntries.map(entry => (h("div", { class: "history-entry" }, h("div", { class: "activity-icon", innerHTML: ActivityIcons[entry.icon] || entry.icon }), h("div", { class: "activity-details" }, h("div", { class: "activity-text" }, entry.message), h("div", { class: "activity-date" }, format(entry.date, FORMAT_TIMESTAMP)))))))), this.showRecipientDialog && (h("verdocs-envelope-recipient-link", { envelopeId: this.envelopeId, roleName: this.showRecipientDialog, onNext: () => (this.showRecipientDialog = '') })), this.showCancelDialog && (h("verdocs-ok-dialog", { heading: "Cancel Envelope?", message: 'Are you sure you want to cancel this Envelope? This action cannot be undone.', onNext: () => {
+            } })), h("div", { class: "form-row" }, h("div", { class: "form-label" }, "Next Reminder:"), h("div", { style: { color: '#dddddd' } }, format(new Date((_m = this.envelope) === null || _m === void 0 ? void 0 : _m.next_reminder), 'P p'))))))), isEnvelopeOwner && (h("verdocs-button", { class: "manage-recipients-button", variant: "standard", label: "Cancel Envelope", onClick: () => (this.showCancelDialog = !functionsDisabled), disabled: functionsDisabled })))), this.activeTab === 3 && (h("div", { class: "content" }, h("div", { class: "title" }, "History"), historyEntries.map(entry => (h("div", { class: "history-entry" }, h("div", { class: "activity-icon", innerHTML: ActivityIcons[entry.icon] || entry.icon }), h("div", { class: "activity-details" }, h("div", { class: "activity-text" }, entry.message), h("div", { class: "activity-date" }, format(entry.date, FORMAT_TIMESTAMP)))))))), this.showRecipientDialog && (h("verdocs-envelope-recipient-link", { envelopeId: this.envelopeId, roleName: this.showRecipientDialog, onNext: () => (this.showRecipientDialog = '') })), this.showCancelDialog && (h("verdocs-ok-dialog", { heading: "Cancel Envelope?", message: 'Are you sure you want to cancel this Envelope? This action cannot be undone.', onNext: () => {
                 this.showCancelDialog = false;
                 this.handleCancelEnvelope();
             } }))));
@@ -354,11 +375,12 @@ const VerdocsEnvelopeSidebar$1 = /*@__PURE__*/ proxyCustomElement(class VerdocsE
         "panelOpen": [32],
         "showRecipientDialog": [32],
         "showCancelDialog": [32],
-        "loading": [32],
         "remindersEnabled": [32],
         "updatingReminders": [32],
         "initialReminder": [32],
-        "followupReminders": [32]
+        "followupReminders": [32],
+        "loading": [32],
+        "envelope": [32]
     }]);
 function defineCustomElement$1() {
     if (typeof customElements === "undefined") {

package/dist/components/verdocs-envelopes-list.js

@@ -1,18 +1,18 @@
-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';
 import { VerdocsEndpoint, getEnvelopes, integerSequence, getRecipientsWithActions, userCanCancelEnvelope, userCanAct, formatFullName, cancelEnvelope } from '@verdocs/js-sdk';
-import { s as saveEnvelopesAsZip } from './p-4c8548d4.js';
+import { s as saveEnvelopesAsZip } 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-69881420.js';
-import { d as defineCustomElement$7 } from './p-877eaf65.js';
-import { d as defineCustomElement$6 } from './p-8b27ce22.js';
-import { d as defineCustomElement$5 } from './p-1e63fb14.js';
-import { d as defineCustomElement$4 } from './p-6b369b14.js';
-import { d as defineCustomElement$3 } from './p-82fb3284.js';
-import { d as defineCustomElement$2 } from './p-e4a852b5.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-0ca7012b.js';
+import { d as defineCustomElement$7 } from './p-5eb45a4f.js';
+import { d as defineCustomElement$6 } from './p-5d4bbcd0.js';
+import { d as defineCustomElement$5 } from './p-ec894daf.js';
+import { d as defineCustomElement$4 } from './p-b16c202a.js';
+import { d as defineCustomElement$3 } from './p-58c2bd5d.js';
+import { d as defineCustomElement$2 } from './p-c8fedb4e.js';
 
 const verdocsEnvelopesListCss = "@-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-envelopes-list{display:-ms-flexbox;display:flex;padding:10px;font-size:18px;-ms-flex-wrap:nowrap;flex-wrap:nowrap;border-radius:6px;color:#33364b;-ms-flex-direction:column;flex-direction:column;font-family:\"Inter\", \"Barlow\", sans-serif}@media screen and (max-width: 800px){verdocs-envelopes-list{font-size:14px}}verdocs-envelopes-list .envelope-placeholder{height:48px;-ms-flex:0 0 48px;flex:0 0 48px;margin:5px 0;border-radius:5px;background:#f5f5fa}verdocs-envelopes-list .header{width:100%;row-gap:4px;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-column-gap:12px;-moz-column-gap:12px;column-gap:12px;margin:0 0 10px 0;-ms-flex-align:center;align-items:center;-ms-flex-direction:row;flex-direction:row}verdocs-envelopes-list .header .filter{width:300px}verdocs-envelopes-list .header verdocs-text-input{margin:0}verdocs-envelopes-list .header verdocs-text-input input{height:32px}verdocs-envelopes-list .filter{-ms-flex-align:center;align-items:center}verdocs-envelopes-list .envelope{width:100%;margin:3px 0;background:#ffffff}verdocs-envelopes-list .envelope:hover{cursor:pointer;background:#f5f5fa}verdocs-envelopes-list .envelope .inner{gap:12px;display:-ms-flexbox;display:flex;padding:8px 14px;border-radius:5px;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;container-type:inline-size}verdocs-envelopes-list .envelope .inner svg{width:24px;height:24px}verdocs-envelopes-list .vert-spacer{height:50px;display:-ms-flexbox;display:flex;-ms-flex:0 0 1px;flex:0 0 1px;border-right:1px solid #dad8dd}@media screen and (max-width: 800px){verdocs-envelopes-list .vert-spacer{display:none}}@media screen and (max-width: 800px){verdocs-envelopes-list .envelope-icon{display:none}}@media screen and (max-width: 800px){verdocs-envelopes-list verdocs-checkbox{display:none}}verdocs-envelopes-list .last-modified{color:#444;display:-ms-flexbox;display:flex;-ms-flex:0 0 180px;flex:0 0 180px;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;white-space:nowrap}@media screen and (max-width: 800px){verdocs-envelopes-list .last-modified{display:none}}verdocs-envelopes-list .envelope-name{-ms-flex:1;flex:1;display:-ms-flexbox;display:flex;color:#000000;line-height:28px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}verdocs-envelopes-list .envelope-recipients{color:#4b5563;font-weight:700;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}verdocs-envelopes-list .empty-text{text-align:center;margin:16px 0 0 0;padding:80px 80px;border:2px solid #ccc}verdocs-envelopes-list .containing{gap:12px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-direction:row;flex-direction:row}@media screen and (max-width: 800px){verdocs-envelopes-list verdocs-status-indicator{font-size:14px}}";
 const VerdocsEnvelopesListStyle0 = verdocsEnvelopesListCss;

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

@@ -1,4 +1,4 @@
-import { V as VerdocsFieldAttachment$1, d as defineCustomElement$1 } from './p-12594438.js';
+import { V as VerdocsFieldAttachment$1, d as defineCustomElement$1 } from './p-1030e0b1.js';
 
 const VerdocsFieldAttachment = VerdocsFieldAttachment$1;
 const defineCustomElement = defineCustomElement$1;

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

@@ -1,4 +1,4 @@
-import { V as VerdocsFieldCheckbox$1, d as defineCustomElement$1 } from './p-03660739.js';
+import { V as VerdocsFieldCheckbox$1, d as defineCustomElement$1 } from './p-649a2ae7.js';
 
 const VerdocsFieldCheckbox = VerdocsFieldCheckbox$1;
 const defineCustomElement = defineCustomElement$1;

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

@@ -1,4 +1,4 @@
-import { V as VerdocsFieldDate$1, d as defineCustomElement$1 } from './p-0162bdd3.js';
+import { V as VerdocsFieldDate$1, d as defineCustomElement$1 } from './p-caa41754.js';
 
 const VerdocsFieldDate = VerdocsFieldDate$1;
 const defineCustomElement = defineCustomElement$1;

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

@@ -1,4 +1,4 @@
-import { V as VerdocsFieldDropdown$1, d as defineCustomElement$1 } from './p-1b60debe.js';
+import { V as VerdocsFieldDropdown$1, d as defineCustomElement$1 } from './p-82a3f92e.js';
 
 const VerdocsFieldDropdown = VerdocsFieldDropdown$1;
 const defineCustomElement = defineCustomElement$1;

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

@@ -1,4 +1,4 @@
-import { V as VerdocsFieldInitial$1, d as defineCustomElement$1 } from './p-b679d760.js';
+import { V as VerdocsFieldInitial$1, d as defineCustomElement$1 } from './p-4e08dcdd.js';
 
 const VerdocsFieldInitial = VerdocsFieldInitial$1;
 const defineCustomElement = defineCustomElement$1;