@verdocs/web-sdk 4.1.14 → 4.1.16

package/dist/components/verdocs-dialog.js

@@ -1,4 +1,40 @@
-import { V as VerdocsDialog$1, d as defineCustomElement$1 } from './verdocs-dialog2.js';
+import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
+
+const verdocsDialogCss = "@-webkit-keyframes verdocs-field-pulse{0%{background-color:rgba(0, 0, 0, 0.35)}50%{background-color:rgba(0, 0, 0, 0)}100%{background-color:rgba(0, 0, 0, 0.35)}}@keyframes verdocs-field-pulse{0%{background-color:rgba(0, 0, 0, 0.35)}50%{background-color:rgba(0, 0, 0, 0)}100%{background-color:rgba(0, 0, 0, 0.35)}}verdocs-dialog{font-family:\"Inter\", \"Barlow\", sans-serif;-webkit-box-sizing:border-box;box-sizing:border-box}verdocs-dialog div{-webkit-box-sizing:border-box;box-sizing:border-box}verdocs-dialog .background-overlay{top:0;left:0;right:0;bottom:0;display:-ms-flexbox;display:flex;z-index:10000;position:absolute;-ms-flex-align:center;align-items:center;background:rgba(0, 0, 0, 0.4980392157);-ms-flex-pack:center;justify-content:center}verdocs-dialog .dialog{width:420px;display:-ms-flexbox;display:flex;max-width:100%;overflow:hidden;border-radius:4px;-ms-flex-direction:column;flex-direction:column;background:#ffffff;-webkit-box-shadow:3px 3px 5px 1px rgba(40, 40, 40, 0.4);box-shadow:3px 3px 5px 1px rgba(40, 40, 40, 0.4)}verdocs-dialog .heading{display:-ms-flexbox;display:flex;font-size:16px;font-weight:500;padding:8px 16px;-ms-flex-direction:row;flex-direction:row;color:#ffffff;background:#46497d}verdocs-dialog .content{padding:16px}verdocs-dialog .content p{margin:0 0 1em 0}verdocs-dialog .buttons{gap:14px;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;-ms-flex-pack:end;justify-content:flex-end}";
+const VerdocsDialogStyle0 = verdocsDialogCss;
+
+const VerdocsDialog$1 = /*@__PURE__*/ proxyCustomElement(class VerdocsDialog extends HTMLElement {
+    constructor() {
+        super();
+        this.__registerHost();
+        this.exit = createEvent(this, "exit", 7);
+    }
+    // We need a separate event handler for clicking the background because it can receive events "through" other child components
+    handleDismiss(e) {
+        var _a;
+        if (e.target.className === 'background-overlay') {
+            e.preventDefault();
+            (_a = this.exit) === null || _a === void 0 ? void 0 : _a.emit();
+        }
+    }
+    render() {
+        return (h(Host, { key: '36755b2afe8d54b73fc9e757739f4f29d54daa7d' }, h("div", { key: '5d7f45de64a2ec98457eb47db2724e60bc2dc4bf', class: "background-overlay", onClick: e => this.handleDismiss(e) }, h("div", { key: '60dc69f45a06b71b2839f8d79439095abee0a0cc', class: "dialog" }, h("slot", { key: 'c1c7235051a310d5b3778d3359025c944aa948f3', name: "title" }, h("div", { key: '18e82be4d6e4a188f1192ad9cd0f4a019c9d1f4a', class: "heading" }, "Please Confirm")), h("div", { key: '5a63854e08f8ed7861cdb8d00f5b022ebe3216e0', class: "content" }, h("slot", { key: '19933b8c75555e81f3cc701cd284e3ad66e0a5f6' }))))));
+    }
+    static get style() { return VerdocsDialogStyle0; }
+}, [4, "verdocs-dialog"]);
+function defineCustomElement$1() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["verdocs-dialog"];
+    components.forEach(tagName => { switch (tagName) {
+        case "verdocs-dialog":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, VerdocsDialog$1);
+            }
+            break;
+    } });
+}
 
 const VerdocsDialog = VerdocsDialog$1;
 const defineCustomElement = defineCustomElement$1;

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

@@ -266,8 +266,7 @@ const VerdocsEnvelopeSidebar$1 = /*@__PURE__*/ proxyCustomElement(class VerdocsE
         if (!this.store.state) {
             return h(Host, null);
         }
-        const session = this.endpoint.getSession();
-        const isEnvelopeOwner = userIsEnvelopeOwner(session, this.store.state);
+        const isEnvelopeOwner = 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 (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" }, 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), FORMAT_TIMESTAMP)), h("div", { class: "label" }, "Last Modified"), h("div", { class: "value" }, 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), FORMAT_TIMESTAMP)), h("div", { class: "label" }, "Status"), h("div", { class: "value" }, (_m = (_l = this.store) === null || _l === void 0 ? void 0 : _l.state) === null || _m === void 0 ? void 0 : _m.status), h("div", { class: "label" }, "Verdoc 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" }, "Verdoc Owner Name"), h("div", { class: "value" }, (_s = (_r = (_q = this.store) === null || _q === void 0 ? void 0 : _q.state) === null || _r === void 0 ? void 0 : _r.profile) === null || _s === void 0 ? void 0 :

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

@@ -85,11 +85,10 @@ const VerdocsEnvelopesList$1 = /*@__PURE__*/ proxyCustomElement(class VerdocsEnv
         return this.queryEnvelopes();
     }
     componentWillLoad() {
+        this.endpoint.onSessionChanged((_, session, profile) => {
+            console.log('[ENVELOPES_LIST] onSessionChanged', session, profile);
+        });
         this.endpoint.loadSession();
-        if (!this.endpoint.session) {
-            console.log('[ENVELOPES] Must be authenticated');
-            return;
-        }
     }
     async componentDidLoad() {
         await this.queryEnvelopes();
@@ -202,21 +201,21 @@ const VerdocsEnvelopesList$1 = /*@__PURE__*/ proxyCustomElement(class VerdocsEnv
         });
     }
     render() {
-        return (h(Host, { key: 'dc7b00a8fb7eeb71c983325ede83b63f59055dca' }, h("div", { key: 'b94a5803e6b71287712187da55a692b16df7b28d', class: "header" }, h("div", { key: '8a2bf842e2228bd656a7b95649cfa6718e6ae4ac', class: "filter" }, h("verdocs-text-input", { key: 'be667e1bcf8b970a07b082e046e40e4845bae8a2', id: "verdocs-filter-name", value: this.match, clearable: true, autocomplete: "off", placeholder: "Filter by Name, Recipient, or Field...", onFocusout: (e) => {
+        return (h(Host, { key: 'fa39f66d3d2c557bf70bdf51b8232920da5f17c3' }, h("div", { key: '88681a60242e65fc5f60546dcedc0b90bb2866ab', class: "header" }, h("div", { key: '7e881cff0962a3867776aefb92b8045571fd3537', class: "filter" }, h("verdocs-text-input", { key: 'a8387f075c6c6f107d46c2879bd2bd557af97838', 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);
-            } })), h("verdocs-quick-filter", { key: '6e0751d3346724fd4c6c5ab14512a7781b86edca', label: "View", value: this.view, options: ViewFilters, onOptionSelected: e => {
+            } })), h("verdocs-quick-filter", { key: '70f3794df71c00ab7cd76558ae2661caddd54b53', label: "View", value: this.view, options: ViewFilters, onOptionSelected: e => {
                 this.view = e.detail.value;
-            } }), this.view === 'all' && (h("verdocs-quick-filter", { key: '1fff3b20184fd337cb4b41c2030fa57606d5d472', label: "Status", value: this.status, options: StatusFilters, onOptionSelected: e => {
+            } }), this.view === 'all' && (h("verdocs-quick-filter", { key: '02145f9b41a95655c7456520352ab7395c02a518', label: "Status", value: this.status, options: StatusFilters, onOptionSelected: e => {
                 this.status = e.detail.value;
-            } })), this.view === 'all' && (h("verdocs-quick-filter", { key: '17a47f0fe0ad0c2061129e0caa6741e1466c3af1', label: "Sort By", value: this.sort, options: SortFilters, onOptionSelected: e => {
+            } })), this.view === 'all' && (h("verdocs-quick-filter", { key: '271a35272e0ea4e5c079e30a4f61fafca207097f', label: "Sort By", value: this.sort, options: SortFilters, onOptionSelected: e => {
                 this.sort = e.detail.value;
-            } })), this.loading && h("verdocs-spinner", { key: 'bf96b6915c725de14da19ea79206219b170eda93', mode: "dark", size: 24 }), h("div", { key: 'f3ced11fb5966f27580669f0b43fbd9a0f5b9962', style: { display: 'flex', flex: '1' } }), this.selectedEnvelopes.length > 0 && h("verdocs-button", { key: 'c332bbdd0ae983de2986c7a293dad17e237ac12b', label: `Download (${this.selectedEnvelopes.length})`, onClick: () => this.handleDownload() })), this.envelopes.map(envelope => {
+            } })), this.loading && h("verdocs-spinner", { key: '4a885f1f7c7513a3941847313a4e41616b3c841c', mode: "dark", size: 24 }), h("div", { key: '055587fbd6bc0e9aa9c38dc5c067d5d0bd6923a4', style: { display: 'flex', flex: '1' } }), this.selectedEnvelopes.length > 0 && h("verdocs-button", { key: 'feb763f42c31aebfcd2b74761431212206691b28', label: `Download (${this.selectedEnvelopes.length})`, onClick: () => this.handleDownload() })), this.envelopes.map(envelope => {
             var _a;
             const recipientsWithActions = getRecipientsWithActions(envelope);
-            const userCanCancel = userCanCancelEnvelope(this.endpoint.session, envelope);
+            const userCanCancel = userCanCancelEnvelope(this.endpoint.profile, envelope);
             const userRole = recipientsWithActions.find(recipient => { var _a; return recipient.email === ((_a = this.endpoint.session) === null || _a === void 0 ? void 0 : _a.email) || ''; });
             const userCanFinish = userRole && userCanCancel && userCanAct(((_a = this.endpoint.session) === null || _a === void 0 ? void 0 : _a.email) || '', recipientsWithActions);
             const menuOptions = [
@@ -254,7 +253,7 @@ const VerdocsEnvelopesList$1 = /*@__PURE__*/ proxyCustomElement(class VerdocsEnv
                             break;
                     }
                 } }))));
-        }), !this.initiallyLoaded && (h("div", { key: '1889eb439c9609c7613b492c00c6112e73b6d002', style: { width: '100%' } }, integerSequence(0, this.rowsPerPage).map(() => (h("div", { class: "envelope-placeholder" }))))), this.initiallyLoaded && !this.envelopes.length && h("div", { key: 'd4d313478b655dfe7d1d9463fef912557675245a', class: "empty-text" }, "No matching envelopes found. Please adjust your filters and try again."), this.initiallyLoaded && this.envelopes.length && this.showPagination ? (h("div", { style: { marginTop: '20px' } }, h("verdocs-pagination", { selectedPage: this.selectedPage, perPage: this.rowsPerPage, itemCount: this.count, onSelectPage: e => {
+        }), !this.initiallyLoaded && (h("div", { key: '19835ba9dbe9c56ef8c45c08f38c537a7c70bebd', style: { width: '100%' } }, integerSequence(0, this.rowsPerPage).map(() => (h("div", { class: "envelope-placeholder" }))))), this.initiallyLoaded && !this.envelopes.length && h("div", { key: '5844f2a1576d7c574865c01b3e7af99eb82b4303', class: "empty-text" }, "No matching envelopes found. Please adjust your filters and try again."), this.initiallyLoaded && this.envelopes.length && this.showPagination ? (h("div", { style: { marginTop: '20px' } }, h("verdocs-pagination", { selectedPage: this.selectedPage, perPage: this.rowsPerPage, itemCount: this.count, onSelectPage: e => {
                 this.selectedPage = e.detail.selectedPage;
             } }))) : (h("div", null))));
     }

package/dist/components/verdocs-send2.js

@@ -67,30 +67,32 @@ const VerdocsSend = /*@__PURE__*/ proxyCustomElement(class VerdocsSend extends H
         }
     }
     async loadTemplate(templateId) {
-        var _a, _b, _c, _d, _e, _f;
+        var _a, _b, _c, _d, _e;
         if (!templateId) {
             return;
         }
         try {
-            const loadSessionResult = this.endpoint.loadSession();
+            this.endpoint.onSessionChanged((_endpoint, _session, profile) => {
+                if (profile) {
+                    this.sessionContacts = [];
+                    this.sessionContacts.push({
+                        id: profile.id,
+                        name: `${profile.first_name} ${profile.last_name}`,
+                        email: profile.email,
+                        phone: profile.phone,
+                    });
+                }
+            });
             this.templateStore = await getTemplateStore(this.endpoint, templateId, false);
             this.roleStore = getTemplateRoleStore(templateId);
             this.recomputeRolesCompleted();
             if (!((_b = (_a = this.templateStore) === null || _a === void 0 ? void 0 : _a.state) === null || _b === void 0 ? void 0 : _b.is_sendable)) {
                 console.warn(`[SEND] Template is not sendable`, templateId);
             }
-            if ((_c = loadSessionResult === null || loadSessionResult === void 0 ? void 0 : loadSessionResult.session) === null || _c === void 0 ? void 0 : _c.profile) {
-                this.sessionContacts.push({
-                    id: loadSessionResult.session.profile.id,
-                    name: `${loadSessionResult.session.profile.first_name} ${loadSessionResult.session.profile.last_name}`,
-                    email: loadSessionResult.session.profile.email,
-                    phone: loadSessionResult.session.profile.phone,
-                });
-            }
         }
         catch (e) {
             console.log('[SEND] Error with preview session', e);
-            (_d = this.sdkError) === null || _d === void 0 ? void 0 : _d.emit(new SDKError(e.message, (_e = e.response) === null || _e === void 0 ? void 0 : _e.status, (_f = e.response) === null || _f === void 0 ? void 0 : _f.data));
+            (_c = this.sdkError) === null || _c === void 0 ? void 0 : _c.emit(new SDKError(e.message, (_d = e.response) === null || _d === void 0 ? void 0 : _d.status, (_e = e.response) === null || _e === void 0 ? void 0 : _e.data));
         }
     }
     recomputeRolesCompleted() {

package/dist/components/verdocs-table.js

@@ -1,4 +1,42 @@
-import { V as VerdocsTable$1, d as defineCustomElement$1 } from './verdocs-table2.js';
+import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
+
+const verdocsTableCss = "@-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-table{width:100%;display:block;margin:0 0 10px 0;-webkit-box-sizing:border-box;box-sizing:border-box;font-family:\"Inter\", \"Barlow\", sans-serif}verdocs-table .table-wrapper{margin:10px 0;padding:0}verdocs-table .table{width:100%;border:none;border-collapse:collapse}verdocs-table .row.data-row{border:1px solid #d4d4d8;background-color:#ffffff}verdocs-table .header-col{color:#5c6575;font-weight:600;text-align:left;padding:8px 16px}verdocs-table .data-col{font-weight:400;padding:8px 16px}";
+const VerdocsTableStyle0 = verdocsTableCss;
+
+const VerdocsTable$1 = /*@__PURE__*/ proxyCustomElement(class VerdocsTable extends HTMLElement {
+    constructor() {
+        super();
+        this.__registerHost();
+        this.colHeaderClick = createEvent(this, "colHeaderClick", 7);
+        this.rowClick = createEvent(this, "rowClick", 7);
+        this.columns = [];
+        this.data = [];
+    }
+    render() {
+        return (h(Host, { key: '30dc31671a4fe5fe698e16ff2dd4ea9929c7659b', class: "table-wrapper" }, h("table", { key: '584e1b863ccf37c17b0e36ac3dd5178d3e591473', class: "table" }, h("thead", { key: 'e54fccb7ad63ff09d32719b2b9ce2beceae33d4a' }, h("tr", { key: '1b435a6772c21795c5c7bd0dddb5a8225add0e55', class: "row header-row" }, this.columns.map((col, i) => {
+            return (h("th", { class: `col header-col col-${i} col-${col.id}`, onClick: () => { var _a; return (_a = this.colHeaderClick) === null || _a === void 0 ? void 0 : _a.emit({ col }); }, innerHTML: col.renderHeader ? col.renderHeader(col) : col.header || col.id }));
+        }))), h("tbody", { key: '75dd1db03c8ea79b186939b5dab16a800371c3db' }, this.data.map(row => (h("tr", { class: "row data-row", onClick: () => { var _a; return (_a = this.rowClick) === null || _a === void 0 ? void 0 : _a.emit({ row }); } }, this.columns.map((col, i) => {
+            return col.renderCell ? (h("td", { class: `col data-col col-${i} col-${col.id}`, innerHTML: col.renderCell(col, row) })) : (h("td", { class: `col data-col col-${i} col-${col.id}` }, row[col.id]));
+        }))))))));
+    }
+    static get style() { return VerdocsTableStyle0; }
+}, [0, "verdocs-table", {
+        "columns": [16],
+        "data": [16]
+    }]);
+function defineCustomElement$1() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["verdocs-table"];
+    components.forEach(tagName => { switch (tagName) {
+        case "verdocs-table":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, VerdocsTable$1);
+            }
+            break;
+    } });
+}
 
 const VerdocsTable = VerdocsTable$1;
 const defineCustomElement = defineCustomElement$1;

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

@@ -198,7 +198,7 @@ const VerdocsTemplatesList$1 = /*@__PURE__*/ proxyCustomElement(class VerdocsTem
             // serverless/src/functions/getTemplates.ts:      canPerformTemplateAction(request.session, 'change_visibility_org', record) && record.allowed_operations.push('change_visibility_org');
             // serverless/src/functions/getTemplates.ts:      canPerformTemplateAction(request.session, 'change_visibility_public', record) && record.allowed_operations.push('change_visibility_public');
             if (this.allowedActions.includes('send')) {
-                MENU_OPTIONS.push({ label: 'Preview / Send', id: 'send', disabled: !canPerformTemplateAction(this.endpoint.session, 'read', template) });
+                MENU_OPTIONS.push({ label: 'Preview / Send', id: 'send', disabled: !canPerformTemplateAction(this.endpoint.profile, 'read', template) });
             }
             // if (this.allowedActions.includes('createlink')) {
             //   MENU_OPTIONS.push({label: 'Create Link', id: 'createlink', disabled: true});
@@ -208,7 +208,7 @@ const VerdocsTemplatesList$1 = /*@__PURE__*/ proxyCustomElement(class VerdocsTem
             }
             if (this.allowedActions.includes('submitted')) {
                 MENU_OPTIONS.push({ label: '' });
-                MENU_OPTIONS.push({ label: 'Submissions', id: 'submitted', disabled: !canPerformTemplateAction(this.endpoint.session, 'read', template) });
+                MENU_OPTIONS.push({ label: 'Submissions', id: 'submitted', disabled: !canPerformTemplateAction(this.endpoint.profile, 'read', template) });
             }
             if (this.allowedActions.includes('link') || this.allowedActions.includes('edit') || this.allowedActions.includes('delete')) {
                 MENU_OPTIONS.push({ label: '' });

package/dist/components/verdocs-view2.js

@@ -147,7 +147,7 @@ const VerdocsView = /*@__PURE__*/ proxyCustomElement(class VerdocsView extends H
             return (h(Host, null, h("img", { src: "https://verdocs-public-assets.s3.amazonaws.com/loading-placeholder.png", style: { width: '612px', height: '792px', boxShadow: '0 0 10px 5px #0000000f', marginTop: '15px' }, alt: "Placeholder page" })));
         }
         const menuOptions = [{ id: 'print', label: 'Print' }];
-        if (userCanCancelEnvelope(this.endpoint.session, this.envelope)) {
+        if (userCanCancelEnvelope(this.endpoint.profile, this.envelope)) {
             menuOptions.push({ id: 'cancel', label: 'Cancel' });
         }
         // Add download options to the menu