@verdocs/web-sdk 4.2.96 → 4.2.99

package/dist/cjs/verdocs-envelope-recipient-link_2.cjs.entry.js

@@ -4,11 +4,11 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-a27a7f77.js');
 const jsSdk = require('@verdocs/js-sdk');
-const EnvelopeStore = require('./EnvelopeStore-8ff43359.js');
+const EnvelopeStore = require('./EnvelopeStore-db69faac.js');
 const Toast = require('./Toast-d84d7bd3.js');
 const errors = require('./errors-017fb835.js');
-require('./index-c12980a1.js');
 require('./index-2a189d85.js');
+require('./index-c12980a1.js');
 
 const verdocsEnvelopeRecipientLinkCss = "@-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-link{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-link .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-link .summary-content .summary-title{font-size:20px;font-weight:700;margin:0 0 10px 0;color:#33364b}verdocs-envelope-recipient-link .summary-recipient{display:-ms-flexbox;display:flex;color:#33364b;margin:8px 0 24px 0;-ms-flex-direction:column;flex-direction:column}verdocs-envelope-recipient-link .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-link .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-link .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-link .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-link .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-link .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;margin:0 6px 0 0;border-radius:4px;white-space:nowrap;-ms-flex-align:center;align-items:center;text-overflow:ellipsis;border:1px solid #cccccc;background:rgb(249, 250, 251)}verdocs-envelope-recipient-link .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-link .buttons verdocs-button{-ms-flex:0 0 120px;flex:0 0 120px;margin-left:10px;white-space:nowrap}verdocs-envelope-recipient-link .buttons verdocs-button button{width:100%}";
 const VerdocsEnvelopeRecipientLinkStyle0 = verdocsEnvelopeRecipientLinkCss;
@@ -94,116 +94,28 @@ const VerdocsEnvelopeRecipientLink = class {
 };
 VerdocsEnvelopeRecipientLink.style = VerdocsEnvelopeRecipientLinkStyle0;
 
-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;
+const verdocsSwitchCss = "@-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-switch{font-family:\"Inter\", \"Barlow\", sans-serif}verdocs-switch .switch{display:-ms-inline-flexbox;display:inline-flex;height:24px;width:44px;-ms-flex-negative:0;flex-shrink:0;-ms-flex-align:center;align-items:center;cursor:pointer;border-radius:12px;border:transparent;-webkit-transition-property:color, background-color, border-color, fill, stroke, -webkit-text-decoration-color;transition-property:color, background-color, border-color, fill, stroke, -webkit-text-decoration-color;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, -webkit-text-decoration-color;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);-webkit-transition-duration:150ms;transition-duration:150ms}verdocs-switch .switch.primary[data-state=checked]{background:#55bc81}verdocs-switch .switch.primary[data-state=unchecked]{background:#e3e3e3}verdocs-switch .switch.secondary[data-state=checked]{background:#4c56cb}verdocs-switch .switch.secondary[data-state=unchecked]{background:#e3e3e3}verdocs-switch .slider{display:block;width:20px;height:20px;border-radius:20px;background:#ffffff;-webkit-box-shadow:0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1);box-shadow:0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1);-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform, -webkit-transform;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);-webkit-transition-duration:150ms;transition-duration:150ms}verdocs-switch .slider[data-state=checked]{-webkit-transform:translateX(16px);transform:translateX(16px)}verdocs-switch .slider[data-state=unchecked]{-webkit-transform:translateX(-4px);transform:translateX(-4px)}verdocs-switch .switch.disabled.primary,verdocs-switch .switch.disabled.secondary{cursor:not-allowed;background:#666666}";
+const VerdocsSwitchStyle0 = verdocsSwitchCss;
 
-const VerdocsEnvelopeRecipientSummary = class {
+const VerdocsSwitch = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
-        this.another = index.createEvent(this, "another", 7);
-        this.view = index.createEvent(this, "view", 7);
-        this.next = index.createEvent(this, "next", 7);
-        this.sdkError = index.createEvent(this, "sdkError", 7);
-        this.store = null;
-        this.endpoint = jsSdk.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 = {};
-    }
-    async componentWillLoad() {
-        var _a, _b, _c;
-        try {
-            this.endpoint.loadSession();
-            if (!this.envelopeId) {
-                console.log(`[RECIPIENTS] Missing required envelope ID ${this.envelopeId}`);
-                return;
-            }
-            if (!this.endpoint.session) {
-                console.log('[RECIPIENTS] Unable to start session, must be authenticated');
-                return;
-            }
-            this.store = await EnvelopeStore.getEnvelopeStore(this.endpoint, this.envelopeId, true);
-            this.sortEnvelopeRecipients();
-            this.loading = false;
-        }
-        catch (e) {
-            console.log('[RECIPIENTS] Error loading envelope', e);
-            (_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));
-        }
-    }
-    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) => {
-            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 });
-    }
-    handleView(e) {
-        var _a;
-        e.preventDefault();
-        (_a = this.view) === null || _a === void 0 ? void 0 : _a.emit({ envelope: this.store.state });
-    }
-    handleDone(e) {
-        var _a;
-        e.preventDefault();
-        (_a = this.next) === null || _a === void 0 ? void 0 : _a.emit({ envelope: this.store.state });
-    }
-    copyLink(link) {
-        navigator.clipboard
-            .writeText(link)
-            .then(() => {
-            // VerdocsToast('Link copied to clipboard!', {style: 'success', duration: 3000});
-        })
-            .catch(e => {
-            var _a;
-            console.warn('[RECIPIENTS] Error copying to clipboard', e);
-            (_a = this.sdkError) === null || _a === void 0 ? void 0 : _a.emit(e);
-            // VerdocsToast(`Unable to copy to clipboard: ${e.message}`, {style: 'error'});
-        });
-    }
-    getLink(recipient) {
-        this.gettingLinks = { ...this.gettingLinks, [recipient.role_name]: true };
-        jsSdk.getInPersonLink(this.endpoint, recipient.envelope_id, recipient.role_name)
-            .then(response => {
-            this.gettingLinks = { ...this.gettingLinks, [recipient.role_name]: false };
-            this.links = { ...this.links, [recipient.role_name]: response.link };
-            this.copyLink(response.link);
-        })
-            .catch(e => {
-            var _a;
-            this.gettingLinks = { ...this.gettingLinks, [recipient.role_name]: false };
-            console.log('[RECIPIENTS] Error getting link', e);
-            (_a = this.sdkError) === null || _a === void 0 ? void 0 : _a.emit(e);
-            // VerdocsToast('Unable to get link: ' + e.message, {style: 'error'});
-        });
+        this.checkedChange = index.createEvent(this, "checkedChange", 7);
+        this.checked = false;
+        this.style = 'primary';
+        this.disabled = false;
     }
     render() {
-        var _a, _b;
-        if (this.loading) {
-            return index.h(index.Host, null);
-        }
-        return (index.h(index.Host, null, index.h("div", { class: "summary-content" }, index.h("h1", { class: "summary-title" }, "Recipient Summary"), index.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 = jsSdk.getRecipientsWithActions(this.store.state);
-            const showLinkButton = jsSdk.recipientCanAct(recipient, recipientsWithActions);
-            const link = this.links[recipient.role_name];
-            const gettingLink = this.gettingLinks[recipient.role_name];
-            const fullName = jsSdk.formatFullName(recipient);
-            return (index.h("div", { class: "summary-recipient" }, index.h("div", { class: "role-name" }, recipient.role_name), index.h("div", { class: "role-details" }, index.h("div", { class: "role-info" }, index.h("div", { class: "role-full-name" }, fullName, " (", recipient.email || recipient.phone, ")"), showLinkButton && !link && index.h("verdocs-button", { size: "small", variant: "outline", label: "Get Link", disabled: gettingLink, onClick: () => this.getLink(recipient) })), link && (index.h("div", { class: "link-wrapper" }, index.h("div", { class: "link" }, link), index.h("verdocs-button", { size: "small", variant: "outline", label: "Copy", onClick: () => this.copyLink(link) }))))));
-        })), (this.canSendAnother || this.canView || this.canDone) && (index.h("div", { class: "buttons" }, this.canSendAnother && index.h("verdocs-button", { size: "small", label: "Send Another", onClick: e => this.handleAnother(e) }), this.canView && index.h("verdocs-button", { size: "small", label: "View Now", onClick: e => this.handleView(e) }), this.canDone && index.h("verdocs-button", { size: "small", label: "Done", onClick: e => this.handleDone(e) }))))));
+        return (index.h("button", { key: '8869138a0f6398a5d1257a10a375c2a18a0a137c', value: "on", type: "button", role: "switch", class: `switch ${this.style} ${this.disabled ? 'disabled' : ''}`, "data-state": this.checked ? 'checked' : 'unchecked', "aria-checked": this.checked ? 'checked' : 'unchecked', onClick: () => {
+                var _a;
+                if (!this.disabled) {
+                    this.checked = !this.checked;
+                    (_a = this.checkedChange) === null || _a === void 0 ? void 0 : _a.emit(this.checked);
+                }
+            } }, index.h("span", { key: 'cb3cf22d7d1f10a6bc996960fe68bbfe0065c68c', "data-state": this.checked ? 'checked' : 'unchecked', class: "slider" })));
     }
 };
-VerdocsEnvelopeRecipientSummary.style = VerdocsEnvelopeRecipientSummaryStyle0;
+VerdocsSwitch.style = VerdocsSwitchStyle0;
 
 exports.verdocs_envelope_recipient_link = VerdocsEnvelopeRecipientLink;
-exports.verdocs_envelope_recipient_summary = VerdocsEnvelopeRecipientSummary;
+exports.verdocs_switch = VerdocsSwitch;

package/dist/cjs/verdocs-envelope-recipient-summary.cjs.entry.js

@@ -0,0 +1,123 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const index = require('./index-a27a7f77.js');
+const jsSdk = require('@verdocs/js-sdk');
+const EnvelopeStore = require('./EnvelopeStore-db69faac.js');
+const errors = require('./errors-017fb835.js');
+require('./index-2a189d85.js');
+require('./index-c12980a1.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;
+
+const VerdocsEnvelopeRecipientSummary = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.another = index.createEvent(this, "another", 7);
+        this.view = index.createEvent(this, "view", 7);
+        this.next = index.createEvent(this, "next", 7);
+        this.sdkError = index.createEvent(this, "sdkError", 7);
+        this.store = null;
+        this.endpoint = jsSdk.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 = {};
+    }
+    async componentWillLoad() {
+        var _a, _b, _c;
+        try {
+            this.endpoint.loadSession();
+            if (!this.envelopeId) {
+                console.log(`[RECIPIENTS] Missing required envelope ID ${this.envelopeId}`);
+                return;
+            }
+            if (!this.endpoint.session) {
+                console.log('[RECIPIENTS] Unable to start session, must be authenticated');
+                return;
+            }
+            this.store = await EnvelopeStore.getEnvelopeStore(this.endpoint, this.envelopeId, true);
+            this.sortEnvelopeRecipients();
+            this.loading = false;
+        }
+        catch (e) {
+            console.log('[RECIPIENTS] Error loading envelope', e);
+            (_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));
+        }
+    }
+    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) => {
+            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 });
+    }
+    handleView(e) {
+        var _a;
+        e.preventDefault();
+        (_a = this.view) === null || _a === void 0 ? void 0 : _a.emit({ envelope: this.store.state });
+    }
+    handleDone(e) {
+        var _a;
+        e.preventDefault();
+        (_a = this.next) === null || _a === void 0 ? void 0 : _a.emit({ envelope: this.store.state });
+    }
+    copyLink(link) {
+        navigator.clipboard
+            .writeText(link)
+            .then(() => {
+            // VerdocsToast('Link copied to clipboard!', {style: 'success', duration: 3000});
+        })
+            .catch(e => {
+            var _a;
+            console.warn('[RECIPIENTS] Error copying to clipboard', e);
+            (_a = this.sdkError) === null || _a === void 0 ? void 0 : _a.emit(e);
+            // VerdocsToast(`Unable to copy to clipboard: ${e.message}`, {style: 'error'});
+        });
+    }
+    getLink(recipient) {
+        this.gettingLinks = { ...this.gettingLinks, [recipient.role_name]: true };
+        jsSdk.getInPersonLink(this.endpoint, recipient.envelope_id, recipient.role_name)
+            .then(response => {
+            this.gettingLinks = { ...this.gettingLinks, [recipient.role_name]: false };
+            this.links = { ...this.links, [recipient.role_name]: response.link };
+            this.copyLink(response.link);
+        })
+            .catch(e => {
+            var _a;
+            this.gettingLinks = { ...this.gettingLinks, [recipient.role_name]: false };
+            console.log('[RECIPIENTS] Error getting link', e);
+            (_a = this.sdkError) === null || _a === void 0 ? void 0 : _a.emit(e);
+            // VerdocsToast('Unable to get link: ' + e.message, {style: 'error'});
+        });
+    }
+    render() {
+        var _a, _b;
+        if (this.loading) {
+            return index.h(index.Host, null);
+        }
+        return (index.h(index.Host, null, index.h("div", { class: "summary-content" }, index.h("h1", { class: "summary-title" }, "Recipient Summary"), index.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 = jsSdk.getRecipientsWithActions(this.store.state);
+            const showLinkButton = jsSdk.recipientCanAct(recipient, recipientsWithActions);
+            const link = this.links[recipient.role_name];
+            const gettingLink = this.gettingLinks[recipient.role_name];
+            const fullName = jsSdk.formatFullName(recipient);
+            return (index.h("div", { class: "summary-recipient" }, index.h("div", { class: "role-name" }, recipient.role_name), index.h("div", { class: "role-details" }, index.h("div", { class: "role-info" }, index.h("div", { class: "role-full-name" }, fullName, " (", recipient.email || recipient.phone, ")"), showLinkButton && !link && index.h("verdocs-button", { size: "small", variant: "outline", label: "Get Link", disabled: gettingLink, onClick: () => this.getLink(recipient) })), link && (index.h("div", { class: "link-wrapper" }, index.h("div", { class: "link" }, link), index.h("verdocs-button", { size: "small", variant: "outline", label: "Copy", onClick: () => this.copyLink(link) }))))));
+        })), (this.canSendAnother || this.canView || this.canDone) && (index.h("div", { class: "buttons" }, this.canSendAnother && index.h("verdocs-button", { size: "small", label: "Send Another", onClick: e => this.handleAnother(e) }), this.canView && index.h("verdocs-button", { size: "small", label: "View Now", onClick: e => this.handleView(e) }), this.canDone && index.h("verdocs-button", { size: "small", label: "Done", onClick: e => this.handleDone(e) }))))));
+    }
+};
+VerdocsEnvelopeRecipientSummary.style = VerdocsEnvelopeRecipientSummaryStyle0;
+
+exports.verdocs_envelope_recipient_summary = VerdocsEnvelopeRecipientSummary;

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

@@ -4,17 +4,18 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-a27a7f77.js');
 const jsSdk = require('@verdocs/js-sdk');
-const EnvelopeStore = require('./EnvelopeStore-8ff43359.js');
+const EnvelopeStore = require('./EnvelopeStore-db69faac.js');
 const Types = require('./Types-7a726ff3.js');
 const Toast = require('./Toast-d84d7bd3.js');
 const errors = require('./errors-017fb835.js');
 const index$1 = require('./index-5f130ec0.js');
-require('./index-c12980a1.js');
 require('./index-2a189d85.js');
+require('./index-c12980a1.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;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;place-content:center space-between;-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;margin-right:10px;border:solid 1px #979797}verdocs-envelope-sidebar .recipient-type{-ms-flex:1 1 88px;flex:1 1 88px;-webkit-box-sizing:border-box;box-sizing:border-box;max-width:88px;min-width:88px;text-transform:capitalize}verdocs-envelope-sidebar .recipient-status{-ms-flex:1 1 100px;flex:1 1 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}";
+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;
 
+const MS_PER_HOUR = 60 * 60 * 1000;
 const InformationCircle = `<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="#ffffff"><path stroke-linecap="round" stroke-linejoin="round" d="M11.25 11.25l.041-.02a.75.75 0 011.063.852l-.708 2.836a.75.75 0 001.063.853l.041-.021M21 12a9 9 0 11-18 0 9 9 0 0118 0zm-9-3.75h.008v.008H12V8.25z" /></svg>`;
 const Users = `<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="#ffffff"><path stroke-linecap="round" stroke-linejoin="round" d="M15 19.128a9.38 9.38 0 002.625.372 9.337 9.337 0 004.121-.952 4.125 4.125 0 00-7.533-2.493M15 19.128v-.003c0-1.113-.285-2.16-.786-3.07M15 19.128v.106A12.318 12.318 0 018.624 21c-2.331 0-4.512-.645-6.374-1.766l-.001-.109a6.375 6.375 0 0111.964-3.07M12 6.375a3.375 3.375 0 11-6.75 0 3.375 3.375 0 016.75 0zm8.25 2.25a2.625 2.625 0 11-5.25 0 2.625 2.625 0 015.25 0z" /></svg>`;
 const ClipboardDocuments = `<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="#ffffff"><path stroke-linecap="round" stroke-linejoin="round" d="M9 12h3.75M9 15h3.75M9 18h3.75m3 .75H18a2.25 2.25 0 002.25-2.25V6.108c0-1.135-.845-2.098-1.976-2.192a48.424 48.424 0 00-1.123-.08m-5.801 0c-.065.21-.1.433-.1.664 0 .414.336.75.75.75h4.5a.75.75 0 00.75-.75 2.25 2.25 0 00-.1-.664m-5.8 0A2.251 2.251 0 0113.5 2.25H15c1.012 0 1.867.668 2.15 1.586m-5.8 0c-.376.023-.75.05-1.124.08C9.095 4.01 8.25 4.973 8.25 6.108V8.25m0 0H4.875c-.621 0-1.125.504-1.125 1.125v11.25c0 .621.504 1.125 1.125 1.125h9.75c.621 0 1.125-.504 1.125-1.125V9.375c0-.621-.504-1.125-1.125-1.125H8.25zM6.75 12h.008v.008H6.75V12zm0 3h.008v.008H6.75V15zm0 3h.008v.008H6.75V18z" /></svg>`;
@@ -52,13 +53,16 @@ const VerdocsEnvelopeSidebar = class {
         this.envelopeId = '';
         this.activeTab = 1;
         this.panelOpen = false;
-        this.showManageDialog = false;
         this.showRecipientDialog = '';
         this.showCancelDialog = false;
         this.loading = true;
+        this.remindersEnabled = false;
+        this.updatingReminders = false;
+        this.initialReminder = null;
+        this.followupReminders = null;
     }
     async componentWillLoad() {
-        var _a, _b, _c;
+        var _a, _b, _c, _d, _e, _f, _g;
         try {
             this.endpoint.loadSession();
             if (!this.envelopeId) {
@@ -71,11 +75,14 @@ const VerdocsEnvelopeSidebar = class {
             }
             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;
         }
         catch (e) {
             console.log('[SIDEBAR] Error loading envelope', e);
-            (_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));
+            (_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));
         }
     }
     sortEnvelopeRecipients() {
@@ -201,10 +208,10 @@ const VerdocsEnvelopeSidebar = class {
                     break;
                 case 'recipient:claimed':
                     if (history.event_detail === 'guest') {
-                        entries.push({ icon: 'account_circle', message: `${fullName} claimed the Verdoc as a guest.`, date: new Date(history.created_at) });
+                        entries.push({ icon: 'account_circle', message: `${fullName} claimed the Envelope as a guest.`, date: new Date(history.created_at) });
                     }
                     else if (history.event_detail === 'profile') {
-                        entries.push({ icon: 'verified_user', message: `${fullName} claimed the Verdoc as a verified user.`, date: new Date(history.created_at) });
+                        entries.push({ icon: 'verified_user', message: `${fullName} claimed the Envelope as a verified user.`, date: new Date(history.created_at) });
                     }
                     break;
                 case 'recipient:agreed':
@@ -272,31 +279,65 @@ const VerdocsEnvelopeSidebar = class {
     //   const invalidEnvelopeStatus = ['complete', 'declined', 'canceled'];
     //   return recipient.claimed !== true && invalidRecipientStatus.indexOf(recipient.status) === -1 && invalidEnvelopeStatus.indexOf(this.store?.state?.status) === -1;
     // }
+    handleToggleReminders() {
+        if (this.remindersEnabled) {
+            return this.handleSetReminders(null, null);
+        }
+        else {
+            return this.handleSetReminders(24 * MS_PER_HOUR, 48 * MS_PER_HOUR);
+        }
+    }
+    handleSetReminders(initial_reminder, followup_reminders) {
+        console.log('Updating reminders...');
+        this.updatingReminders = true;
+        jsSdk.updateEnvelope(this.endpoint, this.envelopeId, { initial_reminder, followup_reminders })
+            .then(envelope => {
+            var _a, _b, _c, _d;
+            console.log('Updated', envelope);
+            EnvelopeStore.updateStoreEnvelope(this.store, envelope);
+            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 = !!envelope.initial_reminder;
+            this.updatingReminders = false;
+        })
+            .catch(e => {
+            var _a, _b, _c, _d, _e, _f;
+            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.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;
+        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) {
             return index.h(index.Host, null);
         }
         const isEnvelopeOwner = jsSdk.userIsEnvelopeOwner(this.endpoint.profile, this.store.state);
         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" }, index$1.dateFns.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" }, index$1.dateFns.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" }, "Verdoc 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" }, "Verdoc 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" }, "Verdoc 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 :
+        console.log('re', this.remindersEnabled);
+        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" }, index$1.dateFns.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" }, index$1.dateFns.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 canGetInPersonLink = recipient.status !== 'submitted' && recipient.status !== 'canceled' && recipient.status !== 'declined';
                 const canSendReminder = this.canResendRecipient(recipient);
                 const fullName = jsSdk.formatFullName(recipient);
-                return (index.h("div", { class: "recipient-detail" }, index.h("div", { class: "recipient-header" }, index.h("div", { class: "recipient-number" }, index$1 + 1), index.h("div", { class: "recipient-type" }, recipient.role_name), index.h("div", { class: { 'recipient-status': true, [recipient.status]: true } }, recipient.status), isEnvelopeOwner && !functionsDisabled && (index.h("verdocs-dropdown", { onOptionSelected: item => this.handleRecipientAction(recipient, item.detail.id), options: [
+                return (index.h("div", { class: "recipient-detail" }, index.h("div", { class: "recipient-header" }, index.h("div", { class: "recipient-number" }, index$1 + 1), index.h("div", { class: "recipient-name" }, recipient.role_name), index.h("div", { class: { 'recipient-status': true, [recipient.status]: true } }, recipient.status), isEnvelopeOwner && !functionsDisabled && (index.h("verdocs-dropdown", { onOptionSelected: item => this.handleRecipientAction(recipient, item.detail.id), options: [
                         { id: 'reminder', label: 'Send Reminder', disabled: !canSendReminder },
                         { id: 'inperson', label: 'Get In-Person Link', disabled: !canGetInPersonLink },
                         // {id: 'modify', label: 'Modify Recipient', disabled: !this.canModifyRecipient(recipient)},
                         // TODO: Details dialog
                         // {id:'details',label: 'View Details'},
                     ] }))), index.h("dic", { class: "recipient-content" }, index.h("div", { class: "recipient-name" }, fullName), index.h("div", { class: "recipient-name" }, recipient.email), index.h("div", { class: "recipient-name" }, recipient.phone))));
-            }), isEnvelopeOwner && (index.h("verdocs-button", { class: "manage-recipients-button", variant: "standard", label: "Cancel Verdoc", 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" }, index$1.dateFns.format(entry.date, Types.FORMAT_TIMESTAMP)))))))), this.showRecipientDialog && (index.h("verdocs-envelope-recipient-link", { envelopeId: this.envelopeId, roleName: this.showRecipientDialog, onNext: () => (this.showRecipientDialog = '') })), this.showManageDialog && (index.h("verdocs-envelope-recipient-summary", { envelopeId: this.envelopeId, canView: false, onAnother: () => {
-                var _a;
-                this.showManageDialog = false;
-                (_a = this.another) === null || _a === void 0 ? void 0 : _a.emit({ envelope: this.store.state });
-            }, onNext: () => (this.showManageDialog = false) })), 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: () => {
+            }), isEnvelopeOwner && (index.h("div", { class: "reminders" }, index.h("div", { class: "form-row" }, index.h("div", { class: "reminders-label" }, "Reminders"), index.h("verdocs-switch", { disabled: this.updatingReminders, checked: this.remindersEnabled, onCheckedChange: () => this.handleToggleReminders() })), this.remindersEnabled && (index.h(index.Fragment, null, index.h("div", { class: "form-row" }, index.h("div", { class: "form-label" }, "Initial Reminder:"), index.h("verdocs-text-input", { placeholder: "In hours...", disabled: this.updatingReminders, value: String(Math.floor(this.initialReminder / MS_PER_HOUR)), onBlur: (e) => {
+                this.initialReminder = Number(e.target.value) * MS_PER_HOUR;
+                this.handleSetReminders(this.initialReminder, this.followupReminders);
+            } })), index.h("div", { class: "form-row" }, index.h("div", { class: "form-label" }, "Follow-up Reminders:"), index.h("verdocs-text-input", { placeholder: "In hours...", disabled: this.updatingReminders, value: String(Math.floor(this.followupReminders / MS_PER_HOUR)), onBlur: (e) => {
+                this.followupReminders = Number(e.target.value) * MS_PER_HOUR;
+                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' } }, index$1.dateFns.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" }, index$1.dateFns.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.cancelEnvelope();
             } }))));

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

@@ -200,18 +200,18 @@ const VerdocsEnvelopesList = class {
         });
     }
     render() {
-        return (index.h(index.Host, { key: '64590426c7241554a56f3afee74932a0d8fa3b2c' }, index.h("div", { key: '217c0d210c979f962cf78f9f5f8b9560f95f07e4', class: "header" }, index.h("div", { key: '1015f31d16a772ca35763827e62e36031516fa54', class: "filter" }, index.h("verdocs-text-input", { key: '57c873835c6ca93916b573a7878f7401b80409a8', id: "verdocs-filter-name", value: this.match, clearable: true, autocomplete: "off", placeholder: "Filter by Name, Recipient, or Field...", onFocusout: (e) => {
+        return (index.h(index.Host, { key: '7a00f20ae5c31b9a633d88c21762c3562876fe78' }, index.h("div", { key: 'a5124808b0ddd25db268f062e41895306dc29aaf', class: "header" }, index.h("div", { key: '1139d8453c19f0e80a7dccf3be06caf14080709f', class: "filter" }, index.h("verdocs-text-input", { key: '765d08809106e75b9a65aaf1c2dd231613d954d2', id: "verdocs-filter-name", value: this.match, clearable: true, autocomplete: "off", placeholder: "Filter by Name, Recipient, or Field...", onFocusout: (e) => {
                 var _a;
                 // We don't locally filter envelopes because there are too many fields to match against efficiently.
                 this.match = e.target.value.trim();
                 (_a = this.changeMatch) === null || _a === void 0 ? void 0 : _a.emit(this.match);
-            } })), index.h("verdocs-quick-filter", { key: 'e88c43ab618d306474dfc236e19ca65ce2094a2f', label: "View", value: this.view, options: ViewFilters, onOptionSelected: e => {
+            } })), index.h("verdocs-quick-filter", { key: 'bd3ed994b57bfda8134ad9d98ceb92384c535074', label: "View", value: this.view, options: ViewFilters, onOptionSelected: e => {
                 this.view = e.detail.value;
-            } }), this.view === 'all' && (index.h("verdocs-quick-filter", { key: '742699b4ffd149d82be9446917071fed79295ecf', label: "Status", value: this.status, options: StatusFilters, onOptionSelected: e => {
+            } }), this.view === 'all' && (index.h("verdocs-quick-filter", { key: '472cc15ce0d48b0c71a280e150f854441e8c0548', label: "Status", value: this.status, options: StatusFilters, onOptionSelected: e => {
                 this.status = e.detail.value;
-            } })), this.view === 'all' && (index.h("verdocs-quick-filter", { key: 'ad20d619289ef9d2fecd58b131c4bee7444245e1', label: "Sort By", value: this.sort, options: SortFilters, onOptionSelected: e => {
+            } })), this.view === 'all' && (index.h("verdocs-quick-filter", { key: '8913c4ef0c4e5222d116e9baea54066d211e10c2', label: "Sort By", value: this.sort, options: SortFilters, onOptionSelected: e => {
                 this.sort = e.detail.value;
-            } })), this.loading && index.h("verdocs-spinner", { key: 'f201690f52d8423b050cdf697db0198b893f58fa', mode: "dark", size: 24 }), index.h("div", { key: '5d4bee2e67dfc7b2e70bdf20cb35d9b1ad2a17f6', style: { display: 'flex', flex: '1' } }), this.selectedEnvelopes.length > 0 && index.h("verdocs-button", { key: '630639c2d4613cc115ab5e0fcece13444cb5d85b', label: `Download (${this.selectedEnvelopes.length})`, onClick: () => this.handleDownload() })), this.envelopes.map(envelope => {
+            } })), this.loading && index.h("verdocs-spinner", { key: '191a574650de5061076f939b5ba0657d39dacda0', mode: "dark", size: 24 }), index.h("div", { key: 'dec432a7d53973a5a5152e1162af3d677af81e1a', style: { display: 'flex', flex: '1' } }), this.selectedEnvelopes.length > 0 && index.h("verdocs-button", { key: 'ae7f5be9813298b885b1aa0940c614e44af85d85', label: `Download (${this.selectedEnvelopes.length})`, onClick: () => this.handleDownload() })), this.envelopes.map(envelope => {
             var _a;
             const recipientsWithActions = jsSdk.getRecipientsWithActions(envelope);
             const userCanCancel = jsSdk.userCanCancelEnvelope(this.endpoint.profile, envelope);
@@ -252,7 +252,7 @@ const VerdocsEnvelopesList = class {
                             break;
                     }
                 } }))));
-        }), !this.initiallyLoaded && (index.h("div", { key: '8bb84211d20da8470848a7ef9699d91de9c47224', style: { width: '100%' } }, jsSdk.integerSequence(0, this.rowsPerPage).map(() => (index.h("div", { class: "envelope-placeholder" }))))), this.initiallyLoaded && !this.envelopes.length && index.h("div", { key: 'c58aae0c4220b84fe9c35248f5e142048e82edc4', class: "empty-text" }, "No matching envelopes found. Please adjust your filters and try again."), this.initiallyLoaded && this.envelopes.length && this.showPagination ? (index.h("div", { style: { marginTop: '20px' } }, index.h("verdocs-pagination", { selectedPage: this.selectedPage, perPage: this.rowsPerPage, itemCount: this.count, onSelectPage: e => {
+        }), !this.initiallyLoaded && (index.h("div", { key: 'c897aa3a14659ce023811609d4e230806c29c470', style: { width: '100%' } }, jsSdk.integerSequence(0, this.rowsPerPage).map(() => (index.h("div", { class: "envelope-placeholder" }))))), this.initiallyLoaded && !this.envelopes.length && index.h("div", { key: 'ff60d1d2346009b459fa2ada94e7fdffe9e027e5', class: "empty-text" }, "No matching envelopes found. Please adjust your filters and try again."), this.initiallyLoaded && this.envelopes.length && this.showPagination ? (index.h("div", { style: { marginTop: '20px' } }, index.h("verdocs-pagination", { selectedPage: this.selectedPage, perPage: this.rowsPerPage, itemCount: this.count, onSelectPage: e => {
                 this.selectedPage = e.detail.selectedPage;
             } }))) : (index.h("div", null))));
     }