@verdocs/web-sdk 4.2.158 → 5.0.0

package/dist/cjs/verdocs-envelope-sidebar.cjs.entry.js

@@ -2,15 +2,13 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-2589e4d1.js');
+const index = require('./index-ccac8641.js');
 const jsSdk = require('@verdocs/js-sdk');
-const EnvelopeStore = require('./EnvelopeStore-f1cd9bd3.js');
 const Types = require('./Types-7a726ff3.js');
 const Toast = require('./Toast-d84d7bd3.js');
 const errors = require('./errors-017fb835.js');
+const Datastore = require('./Datastore-b1742da2.js');
 const format = require('./format-dc0f3757.js');
-require('./index-2a189d85.js');
-require('./index-76d03a35.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}";
 const VerdocsEnvelopeSidebarStyle0 = verdocsEnvelopeSidebarCss;
@@ -48,21 +46,22 @@ const VerdocsEnvelopeSidebar = class {
         this.envelopeUpdated = index.createEvent(this, "envelopeUpdated", 7);
         this.toggle = index.createEvent(this, "toggle", 7);
         this.another = index.createEvent(this, "another", 7);
-        this.store = null;
+        this.envelopeListenerId = null;
         this.endpoint = jsSdk.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) {
@@ -73,21 +72,38 @@ const VerdocsEnvelopeSidebar = class {
                 console.log('[SIDEBAR] Unable to start session, must be authenticated');
                 return;
             }
-            this.store = await EnvelopeStore.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 errors.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 errors.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();
+        Datastore.Store.subscribe('envelopes', this.envelopeId, () => jsSdk.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) {
+            Datastore.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;
         });
     }
@@ -99,12 +115,12 @@ const VerdocsEnvelopeSidebar = class {
     }
     // 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':
@@ -127,20 +143,22 @@ const VerdocsEnvelopeSidebar = class {
                 Toast.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;
         jsSdk.cancelEnvelope(this.endpoint, this.envelopeId)
             .then(async (r) => {
-            var _a, _b;
+            var _a;
             console.log('[SIDEBAR] Envelope canceled', r);
             Toast.VerdocsToast('Envelope canceled', { style: 'success' });
-            this.store = await EnvelopeStore.getEnvelopeStore(this.endpoint, this.envelopeId, true);
-            this.sortEnvelopeRecipients();
+            // TODO: Use returned value instead?
+            const newEnvelope = JSON.parse(JSON.stringify(this.envelope));
+            newEnvelope.status = 'canceled';
+            Datastore.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);
@@ -149,22 +167,22 @@ const VerdocsEnvelopeSidebar = class {
         });
     }
     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 = jsSdk.formatFullName(recipient);
             switch (history.event.toLowerCase()) {
                 case 'recipient:signed':
@@ -280,7 +298,7 @@ const VerdocsEnvelopeSidebar = class {
     // 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) {
@@ -296,32 +314,33 @@ const VerdocsEnvelopeSidebar = class {
         jsSdk.updateEnvelope(this.endpoint, this.envelopeId, { initial_reminder, followup_reminders })
             .then(envelope => {
             console.log('Updated', envelope);
-            EnvelopeStore.updateStoreEnvelope(this.store, envelope);
+            Datastore.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 index.h(index.Host, null);
         }
-        const isEnvelopeOwner = jsSdk.userIsEnvelopeOwner(this.endpoint.profile, this.store.state);
+        const isEnvelopeOwner = jsSdk.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 (index.h(index.Host, { class: this.panelOpen ? 'open' : '' }, index.h("div", { class: "side-buttons" }, index.h("button", { class: this.activeTab === 1 ? 'active' : '', onClick: () => this.setTab(1), innerHTML: InformationCircle }), index.h("button", { class: this.activeTab === 2 ? 'active' : '', onClick: () => this.setTab(2), innerHTML: Users }), index.h("button", { class: this.activeTab === 3 ? 'active' : '', onClick: () => this.setTab(3), innerHTML: ClipboardDocuments })), this.activeTab === 1 && (index.h("div", { class: "content" }, index.h("div", { class: "title" }, "Details"), index.h("div", { class: "label" }, "Envelope ID"), index.h("div", { class: "value" }, (_f = (_e = this.store) === null || _e === void 0 ? void 0 : _e.state) === null || _f === void 0 ? void 0 : _f.id), index.h("div", { class: "label" }, "Date Created"), index.h("div", { class: "value" }, format.format(new Date((_h = (_g = this.store) === null || _g === void 0 ? void 0 : _g.state) === null || _h === void 0 ? void 0 : _h.created_at), Types.FORMAT_TIMESTAMP)), index.h("div", { class: "label" }, "Last Modified"), index.h("div", { class: "value" }, format.format(new Date((_k = (_j = this.store) === null || _j === void 0 ? void 0 : _j.state) === null || _k === void 0 ? void 0 : _k.updated_at), Types.FORMAT_TIMESTAMP)), index.h("div", { class: "label" }, "Status"), index.h("div", { class: "value" }, jsSdk.capitalize((_m = (_l = this.store) === null || _l === void 0 ? void 0 : _l.state) === null || _m === void 0 ? void 0 : _m.status)), index.h("div", { class: "label" }, "Owner ID"), index.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), index.h("div", { class: "label" }, "Owner Name"), index.h("div", { class: "value" }, jsSdk.formatFullName((_r = (_q = this.store) === null || _q === void 0 ? void 0 : _q.state) === null || _r === void 0 ? void 0 : _r.profile)), index.h("div", { class: "label" }, "Owner Email"), index.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 && (index.h("div", { class: "content" }, index.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$1) => {
+        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 (index.h(index.Host, { class: this.panelOpen ? 'open' : '' }, index.h("div", { class: "side-buttons" }, index.h("button", { class: this.activeTab === 1 ? 'active' : '', onClick: () => this.setTab(1), innerHTML: InformationCircle }), index.h("button", { class: this.activeTab === 2 ? 'active' : '', onClick: () => this.setTab(2), innerHTML: Users }), index.h("button", { class: this.activeTab === 3 ? 'active' : '', onClick: () => this.setTab(3), innerHTML: ClipboardDocuments })), this.activeTab === 1 && (index.h("div", { class: "content" }, index.h("div", { class: "title" }, "Details"), index.h("div", { class: "label" }, "Envelope ID"), index.h("div", { class: "value" }, (_c = this.envelope) === null || _c === void 0 ? void 0 : _c.id), index.h("div", { class: "label" }, "Date Created"), index.h("div", { class: "value" }, format.format(new Date((_d = this.envelope) === null || _d === void 0 ? void 0 : _d.created_at), Types.FORMAT_TIMESTAMP)), index.h("div", { class: "label" }, "Last Modified"), index.h("div", { class: "value" }, format.format(new Date((_e = this.envelope) === null || _e === void 0 ? void 0 : _e.updated_at), Types.FORMAT_TIMESTAMP)), index.h("div", { class: "label" }, "Status"), index.h("div", { class: "value" }, jsSdk.capitalize((_f = this.envelope) === null || _f === void 0 ? void 0 : _f.status)), index.h("div", { class: "label" }, "Owner ID"), index.h("div", { class: "value" }, (_g = this.envelope) === null || _g === void 0 ? void 0 : _g.profile_id), index.h("div", { class: "label" }, "Owner Name"), index.h("div", { class: "value" }, jsSdk.formatFullName((_h = this.envelope) === null || _h === void 0 ? void 0 : _h.profile)), index.h("div", { class: "label" }, "Owner Email"), index.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 && (index.h("div", { class: "content" }, index.h("div", { class: "title" }, "Recipients"), (_l = this.envelope) === null || _l === void 0 ? void 0 :
+            _l.recipients.map((recipient, index$1) => {
                 const canGetInPersonLink = recipient.status !== 'submitted' && recipient.status !== 'canceled' && recipient.status !== 'declined';
                 const canSendReminder = this.canResendRecipient(recipient);
                 const fullName = jsSdk.formatFullName(recipient);
@@ -338,7 +357,7 @@ const VerdocsEnvelopeSidebar = class {
             } })), index.h("div", { class: "form-row" }, index.h("div", { class: "form-label" }, "Follow-up Reminders:"), index.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);
-            } })), index.h("div", { class: "form-row" }, index.h("div", { class: "form-label" }, "Next Reminder:"), index.h("div", { style: { color: '#dddddd' } }, format.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 && (index.h("verdocs-button", { class: "manage-recipients-button", variant: "standard", label: "Cancel Envelope", onClick: () => (this.showCancelDialog = !functionsDisabled), disabled: functionsDisabled })))), this.activeTab === 3 && (index.h("div", { class: "content" }, index.h("div", { class: "title" }, "History"), historyEntries.map(entry => (index.h("div", { class: "history-entry" }, index.h("div", { class: "activity-icon", innerHTML: ActivityIcons[entry.icon] || entry.icon }), index.h("div", { class: "activity-details" }, index.h("div", { class: "activity-text" }, entry.message), index.h("div", { class: "activity-date" }, format.format(entry.date, Types.FORMAT_TIMESTAMP)))))))), this.showRecipientDialog && (index.h("verdocs-envelope-recipient-link", { envelopeId: this.envelopeId, roleName: this.showRecipientDialog, onNext: () => (this.showRecipientDialog = '') })), this.showCancelDialog && (index.h("verdocs-ok-dialog", { heading: "Cancel Envelope?", message: 'Are you sure you want to cancel this Envelope? This action cannot be undone.', onNext: () => {
+            } })), index.h("div", { class: "form-row" }, index.h("div", { class: "form-label" }, "Next Reminder:"), index.h("div", { style: { color: '#dddddd' } }, format.format(new Date((_m = this.envelope) === null || _m === void 0 ? void 0 : _m.next_reminder), 'P p'))))))), isEnvelopeOwner && (index.h("verdocs-button", { class: "manage-recipients-button", variant: "standard", label: "Cancel Envelope", onClick: () => (this.showCancelDialog = !functionsDisabled), disabled: functionsDisabled })))), this.activeTab === 3 && (index.h("div", { class: "content" }, index.h("div", { class: "title" }, "History"), historyEntries.map(entry => (index.h("div", { class: "history-entry" }, index.h("div", { class: "activity-icon", innerHTML: ActivityIcons[entry.icon] || entry.icon }), index.h("div", { class: "activity-details" }, index.h("div", { class: "activity-text" }, entry.message), index.h("div", { class: "activity-date" }, format.format(entry.date, Types.FORMAT_TIMESTAMP)))))))), this.showRecipientDialog && (index.h("verdocs-envelope-recipient-link", { envelopeId: this.envelopeId, roleName: this.showRecipientDialog, onNext: () => (this.showRecipientDialog = '') })), this.showCancelDialog && (index.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();
             } }))));

package/dist/cjs/verdocs-envelopes-list.cjs.entry.js

@@ -2,9 +2,9 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-2589e4d1.js');
+const index = require('./index-ccac8641.js');
 const jsSdk = require('@verdocs/js-sdk');
-const utils = require('./utils-6d673ca1.js');
+const utils = require('./utils-ba1e95e0.js');
 const Toast = require('./Toast-d84d7bd3.js');
 const errors = require('./errors-017fb835.js');
 require('./_commonjsHelpers-e6ff1d6e.js');