@verdocs/web-sdk 4.2.107 → 4.2.108

package/dist/cjs/verdocs-organization-card_2.cjs.entry.js

@@ -16089,7 +16089,7 @@ const VerdocsOrganizationCard = class {
         console.log('Rendering org card', this.organization.thumbnail_url, this.organization);
         const fallbackIcon = BusinessIcon;
         const portalId = `verdocs-org-card-${this.organization.id}`;
-        return (index$1.h(index$1.Host, { key: '81c347094d25f79e7cbd465558e27f52835807a3', id: portalId }, this.organization.thumbnail_url ? index$1.h("img", { class: "icon", src: this.organization.thumbnail_url, alt: "Logo" }) : index$1.h("span", { class: "icon", innerHTML: fallbackIcon }), index$1.h("span", { key: '7b02e94b67fc412ceea17cfedfe3bb2054231fba', class: "content" }, (_a = this.organization) === null || _a === void 0 ? void 0 : _a.name), index$1.h("verdocs-portal", { key: '00473dd8e408a31a58933e4ed82b5396f8cb41fa', anchor: portalId }, index$1.h("div", { key: 'f0eaa925cfa29bcfcf6340b99494636d8f2ab59d', class: "verdocs-org-card-popup", style: { display: this.hovered ? 'block' : 'none' } }, this.organization.full_logo_url ? (index$1.h("div", { class: "popup-header-with-logo" }, index$1.h("img", { src: this.organization.full_logo_url, alt: "Logo" }), index$1.h("div", { class: "title" }, (_b = this.organization) === null || _b === void 0 ? void 0 : _b.name))) : (index$1.h("div", { class: "popup-header" }, index$1.h("span", { class: "status" }, index$1.h("span", { class: "icon", innerHTML: fallbackIcon })), index$1.h("span", { class: "title" }, (_c = this.organization) === null || _c === void 0 ? void 0 : _c.name))), index$1.h("div", { key: '7b5d4427ba94087e504dd4b14884c9d4427fab0d', class: "popup-body" }, index$1.h("div", { key: 'bb4da149b3c9e1d14534ccb13fefe9f989ae2184', class: "field" }, index$1.h("strong", { key: '3f819b7faa7fbdd2d38a5b33ce31659cffe48af1' }, "Joined"), index.dateFns.format(new Date(((_d = this.organization) === null || _d === void 0 ? void 0 : _d.created_at) || undefined), 'LLL d, Y')), this.organization.url && (index$1.h("div", { key: '7581d309f46c46133eb7632a77d1330122c6725d', class: "field" }, index$1.h("strong", { key: '420c6434901556dc36af814976063a0772717e69' }, "Website"), index$1.h("a", { key: 'f12a8e81cfd4d1d25da3f244ddd74834caaea3fd', href: (_e = this.organization) === null || _e === void 0 ? void 0 : _e.url, target: "_blank", rel: "nofollow" }, (_f = this.organization) === null || _f === void 0 ? void 0 : _f.url))))))));
+        return (index$1.h(index$1.Host, { key: 'edcb6b648eb703e234ce904970ebb6b9723bf6aa', id: portalId }, this.organization.thumbnail_url ? index$1.h("img", { class: "icon", src: this.organization.thumbnail_url, alt: "Logo" }) : index$1.h("span", { class: "icon", innerHTML: fallbackIcon }), index$1.h("span", { key: 'd65260bd7cfa424e2a8330a8ad5937cbcae99284', class: "content" }, (_a = this.organization) === null || _a === void 0 ? void 0 : _a.name), index$1.h("verdocs-portal", { key: 'a3f9e0a6d165485782ae1be397c27dc2e385c48d', anchor: portalId }, index$1.h("div", { key: '75d61fc62badff566ba55fb6a8761cc4f8fb2220', class: "verdocs-org-card-popup", style: { display: this.hovered ? 'block' : 'none' } }, this.organization.full_logo_url ? (index$1.h("div", { class: "popup-header-with-logo" }, index$1.h("img", { src: this.organization.full_logo_url, alt: "Logo" }), index$1.h("div", { class: "title" }, (_b = this.organization) === null || _b === void 0 ? void 0 : _b.name))) : (index$1.h("div", { class: "popup-header" }, index$1.h("span", { class: "status" }, index$1.h("span", { class: "icon", innerHTML: fallbackIcon })), index$1.h("span", { class: "title" }, (_c = this.organization) === null || _c === void 0 ? void 0 : _c.name))), index$1.h("div", { key: '73ca0dec9baa6e86a8cdf8e6c0cec8acbbe167cf', class: "popup-body" }, index$1.h("div", { key: '60f5cf8c4b8a0cce6db8e1f098c700910244ca71', class: "field" }, index$1.h("strong", { key: '039e40d1a4584e17f87d18efb607a341eb47d564' }, "Joined"), index.dateFns.format(new Date(((_d = this.organization) === null || _d === void 0 ? void 0 : _d.created_at) || undefined), 'LLL d, Y')), this.organization.url && (index$1.h("div", { key: 'fa6f6ba48c7ab7da9a6291a132cec83b104fbf93', class: "field" }, index$1.h("strong", { key: 'd7f81707a67bc98efa25e6587027782bba74c6cd' }, "Website"), index$1.h("a", { key: 'c81679b5b296bacd5a52ed1beb9b7420b6bf81c7', href: (_e = this.organization) === null || _e === void 0 ? void 0 : _e.url, target: "_blank", rel: "nofollow" }, (_f = this.organization) === null || _f === void 0 ? void 0 : _f.url))))))));
     }
 };
 VerdocsOrganizationCard.style = VerdocsOrganizationCardStyle0;
@@ -16132,8 +16132,7 @@ const VerdocsPortal = class {
         //    Math.max(anchorRect.left + anchorRect.width - this.portal.offsetWidth, 0);
         const popupWidth = ((_a = this.element) === null || _a === void 0 ? void 0 : _a.offsetWidth) || 400;
         const offRightEdge = leftOfPopup + popupWidth > rightOfViewportWithScroll;
-        console.log('Portal', { leftOfPopup, offRightEdge, popupWidth, rightOfViewportWithScroll });
-        return offRightEdge ? leftOfPopup - popupWidth : leftOfPopup;
+        return offRightEdge ? leftOfPopup + anchorRect.width - popupWidth : leftOfPopup;
     }
     calculateTop() {
         var _a;
@@ -16169,7 +16168,7 @@ const VerdocsPortal = class {
         this.moved ? this.portal.remove() : (this.moved = true);
     }
     render() {
-        return (index$1.h(index$1.Host, { key: 'f0d0b63ad69959ddb3a130bc5d0c02ce62856e71', ref: el => (this.element = el) }, index$1.h("slot", { key: '1aa260893876a7273ee7a1b7e3de2dde2fe71423' })));
+        return (index$1.h(index$1.Host, { key: '2640e3cd863ace891444caf6f7c323397eaba1a4', ref: el => (this.element = el) }, index$1.h("slot", { key: 'c6f903125d37b41d1b85b1bdb973c3b61905ac73' })));
     }
 };
 VerdocsPortal.style = VerdocsPortalStyle0;

package/dist/cjs/verdocs-pagination_2.cjs.entry.js

@@ -46,7 +46,7 @@ const VerdocsQuickFilter$1 = class {
         const firstPage = Math.max(0, this.selectedPage - 2);
         const numPages = this.itemCount > 0 ? Math.ceil(this.itemCount / this.perPage) : 0;
         const pagesToDisplay = jsSdk.integerSequence(0, Math.ceil(this.itemCount / this.perPage)).slice(firstPage, firstPage + VISIBLE_PAGES);
-        return (index.h(index.Host, { key: '76b8efa60199ca3a9244b68222762252e728d85b' }, this.selectedPage > 0 && index.h(PageButton, { key: '3e7981803c1efe32b97f9dee6e489e59a531e523', page: 'first', selected: this.selectedPage, onClick: () => this.handleSelectPage(0) }), firstPage > 0 && index.h("div", { key: '7af4e7b148e7ec4f49b3fa141177282f5d6c9d86', class: "ellipsis" }, "..."), pagesToDisplay.map(pageNumber => (index.h(PageButton, { page: pageNumber, selected: this.selectedPage, onClick: page => this.handleSelectPage(+page) }))), this.selectedPage < numPages - 1 && index.h("div", { key: '691efdf123b7c6d73e0ed54c1f1248b504becd2b', class: "ellipsis" }, "..."), this.selectedPage < numPages - 1 && index.h(PageButton, { key: 'a713867ccc6963e1193ecb8e04a934bc7a4d69d9', page: 'last', selected: this.selectedPage, onClick: () => this.handleSelectPage(numPages - 1) })));
+        return (index.h(index.Host, { key: 'e8281a2f8d40512479595b6f10355d65d4ece855' }, this.selectedPage > 0 && index.h(PageButton, { key: '0ced00072d3046ef74ecc2f9c80e1deddaa6182d', page: 'first', selected: this.selectedPage, onClick: () => this.handleSelectPage(0) }), firstPage > 0 && index.h("div", { key: 'e6eeb99d7c42081bc0b1e010fa6c015c6ea58b3e', class: "ellipsis" }, "..."), pagesToDisplay.map(pageNumber => (index.h(PageButton, { page: pageNumber, selected: this.selectedPage, onClick: page => this.handleSelectPage(+page) }))), this.selectedPage < numPages - 1 && index.h("div", { key: '0ce4734579ec250c1d9d7a6f8171a94f8a1c2088', class: "ellipsis" }, "..."), this.selectedPage < numPages - 1 && index.h(PageButton, { key: '542ad8c6646d22fa1f5e399918202b173323fa6d', page: 'last', selected: this.selectedPage, onClick: () => this.handleSelectPage(numPages - 1) })));
     }
     get el() { return index.getElement(this); }
 };
@@ -134,7 +134,7 @@ const VerdocsQuickFilter = class {
         const longestLabelWidth = utils.renderedTextWidth((longestOption === null || longestOption === void 0 ? void 0 : longestOption.label) || 'FILLER', '14px Inter, Barlow, sans-serif');
         const prefixWidth = utils.renderedTextWidth(this.label, '14px Inter, Barlow, sans-serif');
         const minWidth = `${longestLabelWidth + prefixWidth + 40}px`;
-        return (index.h(index.Host, { key: '15c11ee382f7a5c01679113f6950c7037c0e4d3e', class: { open: !!this.open }, style: { minWidth, display: 'inline-block' } }, index.h("div", { key: 'afc86ba48459d97f446db3e10671f593b2f53511', class: "control", onClick: e => this.toggleDropdown(e), onBlur: e => this.handleHideDropdown(e) }, index.h("div", { key: 'e0f2b560e99ffe51c10e4fe9bb2e8458ff65643a', class: "title", ref: el => (this.dropdownButton = el) }, index.h("span", { key: '4a5d4b6d2ad22f17b80290daaafee5f505274b3b', class: "prefix" }, this.label, ":"), selectedOption ? selectedOption.label : this.placeholder), index.h("div", { key: 'd1599fbca5b7691b65ae2b0d1fd4d76c802ba9ca', style: { flex: '1' } }), index.h("div", { key: '5d2aba322cf7168780a38b315b485298cbb78ea1', class: "separator" }), index.h("div", { key: 'a1011166d7d9216d6c9ef8edc3712c4e571af611', class: "arrow", innerHTML: DropdownArrow, "aria-label": "Open Menu" })), index.h("div", { key: 'a398d1f60135c4d48bb32024cca13f23bcae7cca', class: "items", "aria-hidden": !this.open, ref: el => (this.dropdownMenu = el), style: { minWidth } }, (_c = this.options) === null || _c === void 0 ? void 0 : _c.map(option => option.label ? (index.h("button", { onClick: e => this.handleSelectOption(e, option), class: `option ${option.value === this.value ? 'selected' : ''}`, disabled: option.disabled }, option.label)) : (index.h("div", { class: "separator" }))))));
+        return (index.h(index.Host, { key: '003157b49ca0a97cf1d7741862b343f7032bf37e', class: { open: !!this.open }, style: { minWidth, display: 'inline-block' } }, index.h("div", { key: 'e3a45fb1a5e8962c732159f145b398e7fb1f0c7d', class: "control", onClick: e => this.toggleDropdown(e), onBlur: e => this.handleHideDropdown(e) }, index.h("div", { key: '79b1d5d2b9dc52d4e364a3e8c56a175280d493d5', class: "title", ref: el => (this.dropdownButton = el) }, index.h("span", { key: '760645cc99eb63f9b90afa75b8cb787ec80ace05', class: "prefix" }, this.label, ":"), selectedOption ? selectedOption.label : this.placeholder), index.h("div", { key: 'dec25f104674e82f91781e53edcedb6112741f86', style: { flex: '1' } }), index.h("div", { key: '47f17166fad9fd3f6eba46b8589cfb935cd20222', class: "separator" }), index.h("div", { key: 'd6deb3811ad209885a7f973ace22fbeb7784cd0f', class: "arrow", innerHTML: DropdownArrow, "aria-label": "Open Menu" })), index.h("div", { key: 'be8116461c9edcc6f9ee25ff1941eda3c9f2387d', class: "items", "aria-hidden": !this.open, ref: el => (this.dropdownMenu = el), style: { minWidth } }, (_c = this.options) === null || _c === void 0 ? void 0 : _c.map(option => option.label ? (index.h("button", { onClick: e => this.handleSelectOption(e, option), class: `option ${option.value === this.value ? 'selected' : ''}`, disabled: option.disabled }, option.label)) : (index.h("div", { class: "separator" }))))));
     }
     get el() { return index.getElement(this); }
 };

package/dist/cjs/verdocs-quick-functions.cjs.entry.js

@@ -24,7 +24,7 @@ const VerdocsQuickFunctions = class {
         this.createDocument.emit();
     }
     render() {
-        return (index.h("div", { key: '7b09da81f9fb67b87e43b00d58230a34ebb95338', class: "container" }, index.h("p", { key: 'ebb90f14c24ca9764e537931e37b6274019294a4', class: "title" }, "Quick Create"), index.h("button", { key: '4dc154c1704c20671a0f2ffc1edb5690505ce67f', onClick: () => this.handleCreateTemplate(), innerHTML: TemplateIcon }, "Template"), index.h("button", { key: '10f9d0350822800a7ed6c1f2bb76c364f9d83110', onClick: () => this.handleCreateDocument(), innerHTML: DocumentIcon }, "Document")));
+        return (index.h("div", { key: 'e0edb4e04bbf4ee92ba26f50f3c56beec434e375', class: "container" }, index.h("p", { key: '58e823308edc32e234587cd6232c5014460a7a8a', class: "title" }, "Quick Create"), index.h("button", { key: '5ef91f83933d1d716c6627ab393cb171e977aa81', onClick: () => this.handleCreateTemplate(), innerHTML: TemplateIcon }, "Template"), index.h("button", { key: '773b5d9e6f4288f288cee92d4c7884cdce8a3374', onClick: () => this.handleCreateDocument(), innerHTML: DocumentIcon }, "Document")));
     }
 };
 VerdocsQuickFunctions.style = VerdocsQuickFunctionsStyle0;

package/dist/cjs/verdocs-radio-button_3.cjs.entry.js

@@ -23,7 +23,7 @@ const VerdocsRadioButton = class {
         this.disabled = false;
     }
     render() {
-        return (index.h(index.Host, { key: 'eba08c008e99b7da8b2ab156cd1767f84af173c5', class: { disabled: this.disabled } }, index.h("input", { key: '0bb228ee2bbea84c187253929473d88b788d01f8', type: "radio", value: this.value, name: this.name, id: `verdocs-radio-button-${this.name}-${this.value}`, checked: this.checked, disabled: this.disabled }), index.h("label", { key: 'bad09fbc4b792af2cf272d5258207b29e79dec41', htmlFor: `verdocs-radio-button-${this.name}-${this.value}` })));
+        return (index.h(index.Host, { key: '8bb79695c8aab74877a368290a467078500c049b', class: { disabled: this.disabled } }, index.h("input", { key: '6cddceb3e5ec00f1aced019b49cbd162c58fc05f', type: "radio", value: this.value, name: this.name, id: `verdocs-radio-button-${this.name}-${this.value}`, checked: this.checked, disabled: this.disabled }), index.h("label", { key: 'c6dc8308fe34376bd2cb9561dc328570db52d340', htmlFor: `verdocs-radio-button-${this.name}-${this.value}` })));
     }
 };
 VerdocsRadioButton.style = VerdocsRadioButtonStyle0;
@@ -144,34 +144,34 @@ const VerdocsTemplateRoleProperties = class {
     }
     render() {
         const hasFields = this.fieldStore.get('fields').some(field => field.role_name === this.roleName);
-        return (index.h(index.Host, { key: '730f06520de9e020296cacf991aa025606d7dbfb' }, index.h("div", { key: '5ac072dbe9f312b468d9a1b8d699694185c03e22', class: "background-overlay", onClick: e => this.handleCancel(e) }, index.h("div", { key: 'b303190355d969808ee3554b85c26e3f6da52536', class: "dialog" }, index.h("form", { key: '21a0ef6e184c52d92b47fc48f6210170a9a06697', onSubmit: e => e.preventDefault(), onClick: e => e.stopPropagation(), autocomplete: "off" }, index.h("verdocs-text-input", { key: 'bd81053ec77721af0b116a0060fa5d7cf2b82b03', id: "verdocs-role-name", label: "Role Name", value: this.name, autocomplete: "off", disabled: hasFields, helpText: hasFields
+        return (index.h(index.Host, { key: 'a1e71e2e85110fc84f4639a249a869effa03059c' }, index.h("div", { key: 'e5d573e2e8782ac53a34caa8a861e31e5011a8e0', class: "background-overlay", onClick: e => this.handleCancel(e) }, index.h("div", { key: 'e185f3b840b6ac8922672f5cdafbd2a0215e820f', class: "dialog" }, index.h("form", { key: '8d98eae65f1672e89db98aed339533f5723d544b', onSubmit: e => e.preventDefault(), onClick: e => e.stopPropagation(), autocomplete: "off" }, index.h("verdocs-text-input", { key: 'e5659b7b89e51cf6a7e1015ff962730009888113', id: "verdocs-role-name", label: "Role Name", value: this.name, autocomplete: "off", disabled: hasFields, helpText: hasFields
                 ? 'This role has fields assigned and can no longer be renamed.'
                 : 'A unique name to identify the role in the workflow. Submitted data will also be tagged with this value.', placeholder: "Role Name...", onInput: (e) => {
                 this.name = e.target.value;
                 this.dirty = true;
-            } }), index.h("div", { key: '52b3feb14fb51e426db734624db563de1d1b2e24', class: "row" }, index.h("div", { key: '91ec0ebe42974aa36c5144d5815ac1d138862d95', class: "input-label" }, "Type:"), index.h("verdocs-select-input", { key: 'dc06b63a7efe16b244bf667d6eb1e7b4ba27d951', value: this.type, options: [
+            } }), index.h("div", { key: 'b891fcf91ddb5dda364c2906c24d3d8a133ba959', class: "row" }, index.h("div", { key: 'e7c4510014a59a4c77cc178b535082d8a4048365', class: "input-label" }, "Type:"), index.h("verdocs-select-input", { key: '1cc4b4a1e3edbb40ba60ef5d35b4becde48d5a17', value: this.type, options: [
                 { label: 'Signer', value: 'signer' },
                 { label: 'CC', value: 'cc' },
                 { label: 'Approver', value: 'approver' },
             ], onInput: (e) => {
                 this.type = e.target.value;
                 this.dirty = true;
-            } }), index.h("verdocs-help-icon", { key: 'cd2117c7265b9b14bd30d46a78bf931a3d431495', text: "Most participants are Signers. CC roles are notified when documents are signed, but have no other actions. Approvers get notified when signing is completed to perform a final review." })), index.h("verdocs-text-input", { key: 'e1cc994258b539ab40e4e7fabc2544b1c7d82ade', id: "verdocs-recipient-first", label: "First Name", value: this.first_name, autocomplete: "off", helpText: "The recipient's first name, if it will always stay the same. Leave blank to supply this value later, when each new envelope is created from the template.", placeholder: "First Name...", onInput: (e) => {
+            } }), index.h("verdocs-help-icon", { key: '69b3ffb497857debafc245aeb263d3e1cdbcac11', text: "Most participants are Signers. CC roles are notified when documents are signed, but have no other actions. Approvers get notified when signing is completed to perform a final review." })), index.h("verdocs-text-input", { key: '15ef892258e97a4397ce6b05d13e999937112cce', id: "verdocs-recipient-first", label: "First Name", value: this.first_name, autocomplete: "off", helpText: "The recipient's first name, if it will always stay the same. Leave blank to supply this value later, when each new envelope is created from the template.", placeholder: "First Name...", onInput: (e) => {
                 this.first_name = e.target.value;
                 this.dirty = true;
-            } }), index.h("verdocs-text-input", { key: '1a9ce3573fbf3a9a4495862cc780b6321169bef7', id: "verdocs-recipient-first", label: "Last Name", value: this.last_name, autocomplete: "off", helpText: "The recipient's last name, if it will always stay the same. Leave blank to supply this value later, when each new envelope is created from the template.", placeholder: "Last Name...", onInput: (e) => {
+            } }), index.h("verdocs-text-input", { key: '0319a7fe5f3bd910ac32cb327ba764e209c08a6c', id: "verdocs-recipient-first", label: "Last Name", value: this.last_name, autocomplete: "off", helpText: "The recipient's last name, if it will always stay the same. Leave blank to supply this value later, when each new envelope is created from the template.", placeholder: "Last Name...", onInput: (e) => {
                 this.last_name = e.target.value;
                 this.dirty = true;
-            } }), index.h("verdocs-text-input", { key: 'ef313cdd9da5f9ce299513a0f74a0010978a04f0', id: "verdocs-recipient-email", label: "Email", value: this.email, autocomplete: "off", helpText: "The recipient's email address, if it will always stay the same. Leave blank to supply this value later, when each new envelope is created from the template.", placeholder: "Email Address...", onInput: (e) => {
+            } }), index.h("verdocs-text-input", { key: '2848ae472e3c0b2bf634a235cb72e89bd2d409b0', id: "verdocs-recipient-email", label: "Email", value: this.email, autocomplete: "off", helpText: "The recipient's email address, if it will always stay the same. Leave blank to supply this value later, when each new envelope is created from the template.", placeholder: "Email Address...", onInput: (e) => {
                 this.email = e.target.value;
                 this.dirty = true;
-            } }), index.h("verdocs-text-input", { key: '017395decc39091207de4152283e401931254f10', id: "verdocs-recipient-phone", label: "Phone", value: this.phone, autocomplete: "off", helpText: "The recipient's phone number, if it will always stay the same. Leave blank to supply this value later, when each new envelope is created from the template.", placeholder: "Phone Number...", onInput: (e) => {
+            } }), index.h("verdocs-text-input", { key: 'd25f31ed90028ca4cd4f7b1660a0988be3ecf112', id: "verdocs-recipient-phone", label: "Phone", value: this.phone, autocomplete: "off", helpText: "The recipient's phone number, if it will always stay the same. Leave blank to supply this value later, when each new envelope is created from the template.", placeholder: "Phone Number...", onInput: (e) => {
                 this.phone = e.target.value;
                 this.dirty = true;
-            } }), index.h("div", { key: '68434c73d7fdcb24141cdf13ff9c076d477480c7', class: "row" }, index.h("div", { key: 'c5afca6f072a5a76646f5575b871bf55a075cc1b', class: "input-label" }, "May Delegate:"), index.h("div", { key: '55bfc7a17dcadf265d5ca6a7bbef12c1261392c2', class: "checkbox-wrapper" }, index.h("verdocs-checkbox", { key: 'd25aab079a596000a710a31cad269698d131f1b1', checked: this.delegator, onInput: (e) => {
+            } }), index.h("div", { key: '1c569da3207a3d46bb3a0f417cf1488d4c4ebfa6', class: "row" }, index.h("div", { key: 'daa2968dcba6cba37b84d57fd682f60a1dd5adbc', class: "input-label" }, "May Delegate:"), index.h("div", { key: '15b44b67d4b554bb1f6546746b0d60b78b67a3ee', class: "checkbox-wrapper" }, index.h("verdocs-checkbox", { key: '6f6046bd9791923328c234f7394ecacd674a1926', checked: this.delegator, onInput: (e) => {
                 this.delegator = e.target.checked;
                 this.dirty = true;
-            } })), index.h("verdocs-help-icon", { key: 'c95eeeb21f1c237ea5c3b0b92c14d5d62fc1617a', text: "If enabled, this recipient may delegate their actions to another individual." })), index.h("div", { key: 'f563be7c352b2fd1ea04936796a942ae6353ae90', class: "buttons" }, index.h("button", { key: '107f332bc0650e9b1c2ac3666bebb6b7b0ec4c7c', class: "delete-button", disabled: this.dirty, onClick: e => this.handleDelete(e), innerHTML: TrashIcon }), index.h("div", { key: 'f462302d0a04d178303ea8831eeaccdc18410265', style: { flex: '1' } }), index.h("verdocs-button", { key: 'ea1eabf74981acaa1674e94a9134fb6270b3b8d8', size: "small", variant: "outline", label: "Cancel", disabled: !this.dirty, onClick: e => this.handleCancel(e) }), index.h("verdocs-button", { key: '1ff52f0f25400416414477d2d7bf271bce5c310e', size: "small", label: "Save", disabled: !this.dirty, onClick: e => this.handleSave(e) })))))));
+            } })), index.h("verdocs-help-icon", { key: 'ad0ffedf4341761786cd3764f6b9794a97211dc9', text: "If enabled, this recipient may delegate their actions to another individual." })), index.h("div", { key: '496ee13c6b658687975d58978a000f9eb555a9c3', class: "buttons" }, index.h("button", { key: 'fa00b8f96af35ba7603ef660dd596cee1c7d3e21', class: "delete-button", disabled: this.dirty, onClick: e => this.handleDelete(e), innerHTML: TrashIcon }), index.h("div", { key: '7866c12a9e3d073aaef509324de7c02788d117a9', style: { flex: '1' } }), index.h("verdocs-button", { key: '699bda4fd7cad7cd02affd6e76fdf00f360e940b', size: "small", variant: "outline", label: "Cancel", disabled: !this.dirty, onClick: e => this.handleCancel(e) }), index.h("verdocs-button", { key: 'df0476c8601ec5a0bd84ab7166ea03a323ff68f5', size: "small", label: "Save", disabled: !this.dirty, onClick: e => this.handleSave(e) })))))));
     }
 };
 VerdocsTemplateRoleProperties.style = VerdocsTemplateRolePropertiesStyle0;
@@ -238,7 +238,7 @@ const VerdocsTemplateSender = class {
         });
     }
     render() {
-        return (index.h(index.Host, { key: '849ebcae79fea1e7e810ea49c6d97fb26ef71601' }, index.h("div", { key: 'c4beb47af9820bbf7fdbb13386a381a1ec0ef3eb', class: "background-overlay", onClick: e => this.handleDismiss(e) }, index.h("div", { key: '6f1b23281f27a3e340602e73c6fc476d5a7d1a7b', class: "dialog" }, index.h("div", { key: '04aed5aff479eb6f1af4343dd838dfe57c7d9f3a', class: "options" }, index.h("div", { key: '484b72a2b7bd73ae9143219d539a6aa120a9cc5c', class: "option" }, index.h("verdocs-radio-button", { key: '2473798c37783ce1fc531d888120ef0187c28cb8', name: "template-sender", value: 'everyone', checked: this.sender === 'everyone', onInput: () => this.handleSelectSetting('everyone') }), index.h("div", { key: 'ba79bcdb09dfe1fdbd9adbb9f8fc5f593cc1a4db', class: "description" }, index.h("div", { key: '0bc8cac502ddac20468fa2e1c88e71940f17b069', class: "name" }, "Anyone on the Web"), index.h("verdocs-help-icon", { key: '153fc6f5e4371d3896f8886ae442a4caf8d1170d', text: "Anyone can use this template. (Make its visibility is set to to 'Public' or 'Shared'.)" }))), index.h("div", { key: '16e66ac18576da8b0080896c9457d8ad7fd86ed9', class: "option" }, index.h("verdocs-radio-button", { key: '45af40b3e65d78b61f84c7ebe0c8eda2766ea461', name: "template-sender", value: 'everyone_as_creator', checked: this.sender === 'everyone_as_creator', onInput: () => this.handleSelectSetting('everyone_as_creator') }), index.h("div", { key: '864183ff6d21343e1e2ac3ec878feb5cb464df51', class: "description" }, index.h("div", { key: 'fc0c1004ebddbbbfa7409a05aa1111640a8327ad', class: "name" }, "Anyone on the Web as me"), index.h("verdocs-help-icon", { key: 'a7527d745ea6cb3cc6b5eb0b67bc1e658a1834f9', text: "Anyone can use this template on my behalf. (Make sure its visibility is set to 'Public' or 'Shared'.)" }))), index.h("div", { key: '5324d01a5a9b4c6776e42c24fa605c6e7e1ba02b', class: "option" }, index.h("verdocs-radio-button", { key: '06fb10ac6f84d0eeffec279038bc4a55e3812466', name: "template-sender", value: 'organization_member', checked: this.sender === 'organization_member', onInput: () => this.handleSelectSetting('organization_member') }), index.h("div", { key: 'c29edc2f40ec7b8d4346d828341afc1722b0043b', class: "description" }, index.h("div", { key: '016a3f3625d3ae00aa58cb2ad035a657c862d7e0', class: "name" }, "Anyone in my organization"), index.h("verdocs-help-icon", { key: 'd3eefcb15e9d6ee005077161ce674d82e21433e4', text: "Anyone in my organization can use this template. (Make sure its visibility is set to 'Shared')" }))), index.h("div", { key: '931602e92a61ff86332e420a02edd37cc002e186', class: "option" }, index.h("verdocs-radio-button", { key: '37c44e49f533700c8c2bb97adb394642b14b8fb5', name: "template-sender", value: 'organization_member_as_creator', checked: this.sender === 'organization_member_as_creator', onInput: () => this.handleSelectSetting('organization_member_as_creator') }), index.h("div", { key: '3f403de6f7c9548c13d744ce3fefae28ab4dce5d', class: "description" }, index.h("div", { key: 'f1cd1809ff04d543a2edc539504c894e19883879', class: "name" }, "Anyone in my organization as me"), index.h("verdocs-help-icon", { key: '1bba4cf3258bf6c7b686a09e0e9b778154a926e2', text: "Anyone in my organization can use this template on my behalf. (Make sure its visibility is set to to 'Shared'.)" }))), index.h("div", { key: 'e7a9e1f669cee3f845de44f928226b0e08c1db39', class: "option" }, index.h("verdocs-radio-button", { key: 'be8748e7ad1f623354d6889645f6b8191c68859c', name: "template-sender", value: 'creator', checked: this.sender === 'creator', onInput: () => this.handleSelectSetting('creator') }), index.h("div", { key: 'e5a4d884bfd01e176a568683310d23a1dcdaf042', class: "description" }, index.h("div", { key: '2166ceda9313a02750213bedf3c5170e7993c239', class: "name" }, "Me"), index.h("verdocs-help-icon", { key: 'f28de55873d3382d31c1734d393300b183c077ba', text: "Only I can use this template." })))), index.h("div", { key: 'cb36edb7d23d07ff5101e568f17d7b79a288a72b', class: "buttons" }, index.h("verdocs-button", { key: '63d7d2a227d4f39bc0eeaa7c7c935d95350921b4', label: "Close", onClick: () => this.handleClose() }))))));
+        return (index.h(index.Host, { key: 'e51de4bd58287341b8b1f5679c03ea8f388aeaed' }, index.h("div", { key: 'a93c06f123a78217478fe16299fa4345863d8b53', class: "background-overlay", onClick: e => this.handleDismiss(e) }, index.h("div", { key: '78a9f18025bbad871be472a12ec3f27665700be4', class: "dialog" }, index.h("div", { key: '4227eb9c4f23342c0d7b40b4c4cc77878f48f3ba', class: "options" }, index.h("div", { key: '041a7ec81a81653c650924323a6ad6597d2c46f5', class: "option" }, index.h("verdocs-radio-button", { key: 'e98602966885fd7a5119d4c5acb3d3fecaf752ad', name: "template-sender", value: 'everyone', checked: this.sender === 'everyone', onInput: () => this.handleSelectSetting('everyone') }), index.h("div", { key: '3f7fb8069d798329020eca837db6431bd1d80ba2', class: "description" }, index.h("div", { key: 'cb1da501fd3cce4f0bdecdb7992d1889caded1a7', class: "name" }, "Anyone on the Web"), index.h("verdocs-help-icon", { key: '837bfdb94c53c951fd2669bceb25947a0cec0f98', text: "Anyone can use this template. (Make its visibility is set to to 'Public' or 'Shared'.)" }))), index.h("div", { key: '05a5a34875d6103fbec3ac0a9c41d001abcf73cb', class: "option" }, index.h("verdocs-radio-button", { key: '15a5daa447b6697c3ccc6621802451b10ab18cb7', name: "template-sender", value: 'everyone_as_creator', checked: this.sender === 'everyone_as_creator', onInput: () => this.handleSelectSetting('everyone_as_creator') }), index.h("div", { key: 'a4c8e2fce754de4f4fb65a983dcd6a73b3c4cf90', class: "description" }, index.h("div", { key: '60bc31ca29d6c9554c4b20202a848e0eb742914e', class: "name" }, "Anyone on the Web as me"), index.h("verdocs-help-icon", { key: 'c0cf14c6ba072ed36b039facf59b749b25fa80ed', text: "Anyone can use this template on my behalf. (Make sure its visibility is set to 'Public' or 'Shared'.)" }))), index.h("div", { key: 'd3aa2900be1c02c82859c46e62554b0ea3bd0382', class: "option" }, index.h("verdocs-radio-button", { key: 'edab1a25a81388f237ab187cad4ebfecbfd8f5b7', name: "template-sender", value: 'organization_member', checked: this.sender === 'organization_member', onInput: () => this.handleSelectSetting('organization_member') }), index.h("div", { key: '05006c432b108586048d8e3a63f3b506f184dab3', class: "description" }, index.h("div", { key: '46d929d03d0ac453bf75e5bb7785373f741f2b47', class: "name" }, "Anyone in my organization"), index.h("verdocs-help-icon", { key: 'e02f6a03e7e5c46141ecdf9aa50b4047eced450e', text: "Anyone in my organization can use this template. (Make sure its visibility is set to 'Shared')" }))), index.h("div", { key: 'd6a67519982feab0e5ef3131349ca53a4312597f', class: "option" }, index.h("verdocs-radio-button", { key: '9eef88a57e5e2653a0a6e06c8d7d30d6a56ff9ec', name: "template-sender", value: 'organization_member_as_creator', checked: this.sender === 'organization_member_as_creator', onInput: () => this.handleSelectSetting('organization_member_as_creator') }), index.h("div", { key: '725275a9b3a1d702328aed52f831eaf28827d399', class: "description" }, index.h("div", { key: '85ee3e891b241048cf2bcc05812fc221faf21b28', class: "name" }, "Anyone in my organization as me"), index.h("verdocs-help-icon", { key: '960eb5345948e8a4adef466138d0cc62b49b9406', text: "Anyone in my organization can use this template on my behalf. (Make sure its visibility is set to to 'Shared'.)" }))), index.h("div", { key: 'd7b71dbd2019e20d2a734c737a21f9097b9dcf60', class: "option" }, index.h("verdocs-radio-button", { key: 'f99c206e998ed717754b2ee7d51ba614f7774d4d', name: "template-sender", value: 'creator', checked: this.sender === 'creator', onInput: () => this.handleSelectSetting('creator') }), index.h("div", { key: 'aca94259df3bf9904cbc51a3996699df3aeba58c', class: "description" }, index.h("div", { key: '123b4a4d607575fb116912f74318a74e593c9da8', class: "name" }, "Me"), index.h("verdocs-help-icon", { key: 'ef96de2bf38213c4ade608b8ef26576a86fbb8b9', text: "Only I can use this template." })))), index.h("div", { key: '44945452b32f23b58c4941ecd8b91284f5c85040', class: "buttons" }, index.h("verdocs-button", { key: 'e128593df73e4b1733ec15ebb70dcb6726319496', label: "Close", onClick: () => this.handleClose() }))))));
     }
 };
 VerdocsTemplateSender.style = VerdocsTemplateSenderStyle0;

package/dist/cjs/verdocs-search-box.cjs.entry.js

@@ -47,7 +47,7 @@ const VerdocsSearchBox = class {
         }
     }
     render() {
-        return (index.h("form", { key: '92c3a19d8e2f2d807d028c6bbee7ee1bcb50f51d', onSubmit: e => this.handleSearch(e) }, this.type !== undefined && this.type !== 'all' && (index.h("span", { key: '3a952a6b3a34a8e1f7c5e8390ed28f7494a932cb', class: "type" }, this.type, "s ", index.h("button", { key: '4455aa5e73cfd5fbed64954d9cea613a3944b68a', class: "remove", innerHTML: CloseIcon, onClick: () => this.handleClearFilter() }))), index.h("input", { key: 'ca27055080f3aa6241d3cb6d6572da9015c8690a', type: "text", value: this.query, placeholder: this.placeholder, onInput: e => this.handleChange(e), onKeyUp: e => this.handleKeyUp(e), ref: el => (this.inputEl = el) }), index.h("button", { key: '312f07b2c842544e48ac562a1bec9589d569055a', onClick: e => this.handleSearch(e), class: "search" }, index.h("span", { key: '6e46ec1cd2683027a4c939d35d2741c86d6e70cb', innerHTML: SearchIcon }), "Search")));
+        return (index.h("form", { key: 'c7e0698afde279984bfa46382443f40d5110c023', onSubmit: e => this.handleSearch(e) }, this.type !== undefined && this.type !== 'all' && (index.h("span", { key: '07cbbb7bee52f85bbb22a0254b1f1a109b70d408', class: "type" }, this.type, "s ", index.h("button", { key: '7c7522a957cd4f80d98abb680d7164ac6db1f377', class: "remove", innerHTML: CloseIcon, onClick: () => this.handleClearFilter() }))), index.h("input", { key: '362af3bf09cf9c781c287f5193e7dad31bd85d87', type: "text", value: this.query, placeholder: this.placeholder, onInput: e => this.handleChange(e), onKeyUp: e => this.handleKeyUp(e), ref: el => (this.inputEl = el) }), index.h("button", { key: '7d4c890a308373d0b8a38548f2ad6995980ab7d7', onClick: e => this.handleSearch(e), class: "search" }, index.h("span", { key: 'a403419fe53c5a8f1271826f35c2061ca6a88328', innerHTML: SearchIcon }), "Search")));
     }
 };
 VerdocsSearchBox.style = VerdocsSearchBoxStyle0;

package/dist/cjs/verdocs-search-tabs.cjs.entry.js

@@ -13,7 +13,7 @@ const VerdocsSearchTabs = class {
         this.selected = 'all';
     }
     render() {
-        return index.h("div", { key: 'a67ed4b54a0613731357bfc6f88ecad363dce069' }, "\u00A0");
+        return index.h("div", { key: '1f3dba2661771f24f6a9a416b040b84d48f0356b' }, "\u00A0");
     }
 };
 VerdocsSearchTabs.style = VerdocsSearchTabsStyle0;

package/dist/cjs/verdocs-sign.cjs.entry.js

@@ -49,6 +49,9 @@ const VerdocsSign = class {
         this.errorMessage = '';
         this.focusedField = '';
         this.submitting = false;
+        this.submitted = false;
+        this.canceled = false;
+        this.declined = false;
         this.isDone = false;
         this.showDone = false;
         this.showLoadError = false;
@@ -83,14 +86,6 @@ const VerdocsSign = class {
             console.log(`[SIGN] Loaded signing session`, envelope, recipient);
             this.recipient = recipient;
             this.envelope = envelope;
-            jsSdk.getKbaStep(this.endpoint, this.envelopeId, this.roleId)
-                .then(r => {
-                console.log('KBA Step', r);
-            })
-                .catch(e => console.log('Error getting KBA step', e));
-            if (this.agreed) {
-                this.nextButtonLabel = 'Next';
-            }
             TemplateFieldStore.createTemplateFieldStoreFromEnvelope(this.envelope);
             this.sortedRecipients = [...this.envelope.recipients];
             this.sortedRecipients.sort((a, b) => {
@@ -108,9 +103,22 @@ const VerdocsSign = class {
             else {
                 console.warn('[SIGN] Could not find our recipient record', this.roleId, this.sortedRecipients);
             }
-            this.isDone = ['submitted', 'canceled', 'declined'].includes(this.recipient.status);
+            this.submitted = this.recipient.status === 'submitted';
+            this.declined = this.recipient.status === 'declined';
+            this.canceled = this.envelope.status === 'canceled';
+            this.isDone = this.submitted || this.declined || this.canceled;
+            if (this.agreed) {
+                this.nextButtonLabel = 'Next';
+            }
             this.checkRecipientFields();
             (_d = this.envelopeLoaded) === null || _d === void 0 ? void 0 : _d.emit({ endpoint: this.endpoint, envelope: this.envelope });
+            if (!this.isDone) {
+                jsSdk.getKbaStep(this.endpoint, this.envelopeId, this.roleId)
+                    .then(r => {
+                    console.log('[SIGN] KBA Step', r);
+                })
+                    .catch(e => console.log('Error getting KBA step', e));
+            }
         }
         catch (e) {
             console.log('[SIGN] Error with signing session', e);
@@ -165,6 +173,7 @@ const VerdocsSign = class {
                     (_c = this.envelopeUpdated) === null || _c === void 0 ? void 0 : _c.emit({ endpoint: this.endpoint, envelope: this.envelope, event: 'declined' });
                     this.submitting = false;
                     this.isDone = true;
+                    this.declined = true;
                 }
                 break;
             case 'print':
@@ -513,7 +522,7 @@ const VerdocsSign = class {
             return (index.h(index.Host, null, index.h("verdocs-loader", null)));
         }
         if (this.isDone) {
-            return (index.h(index.Host, { class: { agreed: this.agreed } }, index.h("verdocs-view", { endpoint: this.endpoint, envelopeId: this.envelopeId, onSdkError: e => { var _a; return (_a = this.sdkError) === null || _a === void 0 ? void 0 : _a.emit(e.detail); } }), this.errorMessage && index.h("verdocs-ok-dialog", { heading: "Network Error", message: this.errorMessage, onNext: () => (this.errorMessage = '') }), this.showDone && (index.h("verdocs-ok-dialog", { heading: "You're Done!", message: `You can access the ${this.documentsSingularPlural} at any time by clicking on the link from the invitation email.<br /><br />After all recipients have completed their actions, you will receive an email with the document and envelope certificate attached.`, onNext: () => {
+            return (index.h(index.Host, { class: { agreed: this.agreed } }, index.h("verdocs-view", { endpoint: this.endpoint, envelopeId: this.envelopeId, envelope: this.envelope, onSdkError: e => { var _a; return (_a = this.sdkError) === null || _a === void 0 ? void 0 : _a.emit(e.detail); } }), this.errorMessage && index.h("verdocs-ok-dialog", { heading: "Network Error", message: this.errorMessage, onNext: () => (this.errorMessage = '') }), this.showDone && (index.h("verdocs-ok-dialog", { heading: "You're Done!", message: `You can access the ${this.documentsSingularPlural} at any time by clicking on the link from the invitation email.<br /><br />After all recipients have completed their actions, you will receive an email with the document and envelope certificate attached.`, onNext: () => {
                     this.showDone = false;
                     this.isDone = true;
                 } })), this.submitting && (index.h("div", { class: "loading-indicator" }, index.h("verdocs-loader", null)))));

package/dist/cjs/verdocs-spinner.cjs.entry.js

@@ -16,7 +16,7 @@ const VerdocsQuickFilter = class {
         this.mode = 'light';
     }
     render() {
-        return (index.h(index.Host, { key: '3f0d44897ca6b5f704f8566da9cb17cf3d18ebbb', style: {
+        return (index.h(index.Host, { key: '33e182037ce0a988e30b7a2ee1f31591f8ac1b08', style: {
                 width: `${this.size}px`, //
                 height: `${this.size}px`,
                 flex: `0 0 ${this.size}px`,

package/dist/cjs/verdocs-status-indicator.cjs.entry.js

@@ -7193,11 +7193,11 @@ const VerdocsStatusIndicator = class {
         }
         const icon = this.getStatusIcon(status);
         const statusMessage = this.getStatusMessage(status);
-        return (index.h(index.Host, { key: '25fadd6d77be693e57cb2fb5a09a31eb63646570', ref: el => (this.summaryComponent = el), class: `${this.theme} ${this.size} ${this.envelope ? 'has-document' : ''}`, "aria-label": "Click to View Details", onClick: e => {
+        return (index.h(index.Host, { key: '59e5538e41c29b74d4f8d53c8674fb2d0d159ab9', ref: el => (this.summaryComponent = el), class: `${this.theme} ${this.size} ${this.envelope ? 'has-document' : ''}`, "aria-label": "Click to View Details", onClick: e => {
                 e.stopPropagation();
                 e.preventDefault();
                 this.envelope && this.toggleDropdown();
-            }, onBlur: e => this.envelope && this.handleHideDropdown(e) }, index.h("span", { key: 'aa78dca223dc4db4a1f89cf7978064553d7abea3', class: "icon", innerHTML: icon }), index.h("span", { key: '84f93dbd4c9cbff90abdc1dfeaef46cb592151b5', class: "content" }, statusMessage), index.h("div", { key: 'dccc1698ae3548ee0aa1a8e01a2fa0bfdabe3737', class: "detail-panel", ref: el => (this.detailPanel = el) }, index.h("div", { key: '129b157b29e1a7b610244b4ec02f7af59221ec8f', id: `${this.containerId}` }), this.recipientStatusIcons.map(icon => (index.h("span", { innerHTML: icon.icon, style: { position: 'absolute', top: `${icon.y}px`, left: `${icon.x}px` } }))))));
+            }, onBlur: e => this.envelope && this.handleHideDropdown(e) }, index.h("span", { key: 'c3fda712b9cbede053c1ed89914d85b3eb8c8d96', class: "icon", innerHTML: icon }), index.h("span", { key: 'da87a24aef046a682a479580f7157f22778c1344', class: "content" }, statusMessage), index.h("div", { key: '37ca0dc5c864927f40b6bacaff2aed3a8b9b892b', class: "detail-panel", ref: el => (this.detailPanel = el) }, index.h("div", { key: 'cd4ebea386ae4abd6c95720c7f8c3cf640e33c3d', id: `${this.containerId}` }), this.recipientStatusIcons.map(icon => (index.h("span", { innerHTML: icon.icon, style: { position: 'absolute', top: `${icon.y}px`, left: `${icon.x}px` } }))))));
     }
 };
 VerdocsStatusIndicator.style = VerdocsStatusIndicatorStyle0;

package/dist/cjs/verdocs-table.cjs.entry.js

@@ -16,9 +16,9 @@ const VerdocsTable = class {
         this.data = [];
     }
     render() {
-        return (index.h(index.Host, { key: '4ffe8d38c873db9420325df769676a4411f5aa28', class: "table-wrapper" }, index.h("table", { key: 'a51dbc58bc7eb6504ca054f94e4795238e42e0aa', class: "table" }, index.h("thead", { key: '18e488f81ae20486bd281d79340c4b5e5611550f' }, index.h("tr", { key: '9ea7794a55a2669aae8144db8ecfb16fdaad281a', class: "row header-row" }, this.columns.map((col, i) => {
+        return (index.h(index.Host, { key: '0f5ccb1d3bf8296157a3b4988a158a0277405127', class: "table-wrapper" }, index.h("table", { key: '0994c41fb599962358081f0849dd3d3399780397', class: "table" }, index.h("thead", { key: 'ebee5297f9bae8d5527e8ea2ad84c44278aed243' }, index.h("tr", { key: 'ee44689ef6c78e4debb206e6d554f9df848e1868', class: "row header-row" }, this.columns.map((col, i) => {
             return (index.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 }));
-        }))), index.h("tbody", { key: 'fede948c8464f5e41376569b995dcf080ea8729a' }, this.data.map(row => (index.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) => {
+        }))), index.h("tbody", { key: '9cbccc8987ca66498dbd006c2599bc6f2c85c8d6' }, this.data.map(row => (index.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 ? (index.h("td", { class: `col data-col col-${i} col-${col.id}`, innerHTML: col.renderCell(col, row) })) : (index.h("td", { class: `col data-col col-${i} col-${col.id}` }, row[col.id]));
         }))))))));
     }

package/dist/cjs/verdocs-template-card.cjs.entry.js

@@ -18,7 +18,7 @@ const VerdocsTemplateCard = class {
     }
     render() {
         var _a, _b, _c, _d;
-        return (index.h(index.Host, { key: '2414caafbeb66be4f7418b22ab9766aaea18de4e' }, index.h("span", { key: '8b571bc3f50445e4a4413821ee4ade2c75940600', class: "name" }, this.template.name), index.h("span", { key: '77d3c36194959ca19928cb880dd2144c30079f5e', class: "org-name" }, ((_a = this.template.organization) === null || _a === void 0 ? void 0 : _a.name) || 'Public'), index.h("hr", { key: '5fa18b953a61dce4cc7d256552f5fbeace9b2fc2' }), index.h("div", { key: 'cd10884524860b3843b2bc308a1f5cd98e3521e6', class: "controls" }, index.h("div", { key: '1f9ea0ae36c3e9a285eb2124174a4096408f2833', class: "control" }, index.h("span", { key: '19249d5fdd259422591022aaad3b87626242b23b', class: "icon", innerHTML: StarIcon }), index.h("span", { key: '73c17da734ce561ed2a34792e7e49d3c5ef5ac88', class: "value" }, this.template.star_counter)), index.h("div", { key: '16c77cae206032ce4874aa8e3d94abdf56894563', class: "control secondary" }, index.h("span", { key: 'df2e55e5eb12dbc13d9fc566bf9c225da612a23e', class: "icon", innerHTML: PagesIcon }), index.h("span", { key: '0ff2120849aa15da404ad9f057b70fc47d8be414', class: "value" }, ((_d = (_c = (_b = this.template) === null || _b === void 0 ? void 0 : _b.documents) === null || _c === void 0 ? void 0 : _c[0]) === null || _d === void 0 ? void 0 : _d.pages) || 1)), index.h("div", { key: '8d5b816f15260673af8b53d7473f58f18fd82f46', class: "control secondary" }, index.h("span", { key: '161b8b7532fd4ee0a294dd8fed77fd82f90e78ad', class: "icon", innerHTML: EmailIcon }), index.h("span", { key: 'f80ca578f61f52ecebd13faf1c6a28a4b2efb431', class: "value" }, this.template.counter)), index.h("span", { key: '4ca0becd38dfd69172a5fb9f898b65dd03a330f3', class: "additional-controls", innerHTML: ActionsIcon }))));
+        return (index.h(index.Host, { key: '764d4b13847b9248b54f75b415d7aa9bd47f1a0e' }, index.h("span", { key: '63e24c019fa23f00dd40b251fe89cdf720df9994', class: "name" }, this.template.name), index.h("span", { key: 'a709d0cf41957ba84ccbd5b58c63ecaec41272d5', class: "org-name" }, ((_a = this.template.organization) === null || _a === void 0 ? void 0 : _a.name) || 'Public'), index.h("hr", { key: '33a685839d160dc1f8cea2ede8784878a34cca13' }), index.h("div", { key: '0e08647c71b9245cfd1cb372c4dbe44805cb98db', class: "controls" }, index.h("div", { key: '42763e333948034dbf73e186dfdc4ba82068d399', class: "control" }, index.h("span", { key: '3ffcc3c8c3c766fa2d8a4a617373223bffab5768', class: "icon", innerHTML: StarIcon }), index.h("span", { key: 'e1bdfa83c6764f1522e87011d19d65dee70492b8', class: "value" }, this.template.star_counter)), index.h("div", { key: '05f132e36844a277a4bf619248d4f1405f5175a6', class: "control secondary" }, index.h("span", { key: '88615f3a8413a68132098961898ceed4d369d9b1', class: "icon", innerHTML: PagesIcon }), index.h("span", { key: 'd35c7465d76f88a8fd29045d4ea18b9dd6031667', class: "value" }, ((_d = (_c = (_b = this.template) === null || _b === void 0 ? void 0 : _b.documents) === null || _c === void 0 ? void 0 : _c[0]) === null || _d === void 0 ? void 0 : _d.pages) || 1)), index.h("div", { key: '179a4acabb579ea1c52793c4681f0dec2947800f', class: "control secondary" }, index.h("span", { key: '3d5de3e3d320eb3209aa5b8809d06613fe24da7c', class: "icon", innerHTML: EmailIcon }), index.h("span", { key: 'f2386b02c0562d8dc02bd2508c5a56059616d2c7', class: "value" }, this.template.counter)), index.h("span", { key: 'd98e1df83d33b1aa258f4bb92361dd4dc119269f', class: "additional-controls", innerHTML: ActionsIcon }))));
     }
 };
 VerdocsTemplateCard.style = VerdocsTemplateCardStyle0;

package/dist/cjs/verdocs-template-document-page_2.cjs.entry.js

@@ -102,7 +102,7 @@ const VerdocsTemplateDocumentPage = class {
     }
     render() {
         const height = `${this.renderedHeight}px`;
-        return (index.h(index.Host, { key: '7dffce97ff8eb454bdfde6157190f5ba027d92b3', id: `${this.containerId}`, style: { height, flex: `0 0 ${height}` } }, this.layers.map(layer => layer.type === 'div' ? (index.h("div", { class: "verdocs-template-document-page-layer", id: `${this.containerId}-${layer.name}`, style: { height } }, layer.name === 'controls' &&
+        return (index.h(index.Host, { key: 'a0d656b86f18762601961c420ab39fb439c3ca7e', id: `${this.containerId}`, style: { height, flex: `0 0 ${height}` } }, this.layers.map(layer => layer.type === 'div' ? (index.h("div", { class: "verdocs-template-document-page-layer", id: `${this.containerId}-${layer.name}`, style: { height } }, layer.name === 'controls' &&
             this.fieldStore
                 .get('fields')
                 .filter(field => field && field.page === this.pageNumber)
@@ -197,7 +197,7 @@ const VerdocsToolbarIcon = class {
     //   this.press?.emit();
     // }
     render() {
-        return (index.h(index.Host, { key: '4674a6debb2b1097facb31672444e0f1eb397d41', class: {} }, index.h("div", { key: '81948d50d0b55ba9e85862e37c1e16402d8851da', "aria-describedby": this.containerId, class: "icon", innerHTML: this.icon, onMouseEnter: () => this.show(), onFocus: () => this.show(), onMouseLeave: () => this.hide(), onBlur: () => this.hide(), ref: el => (this.iconEl = el) }), index.h("div", { key: '716d04df7702b2068ec15b55f744646ea26aeac7', id: this.containerId, role: "tooltip", class: "tooltip", "data-popper-placement": this.placement, ref: el => (this.tooltip = el) }, this.text, index.h("div", { key: '8511e8a6cbe059d525a4ee770a479c932dab9625', "data-popper-arrow": "true", class: "arrow" }))));
+        return (index.h(index.Host, { key: 'de2235124c7fbeb0a24950b67617a2acb55cdd69', class: {} }, index.h("div", { key: '35fe164dc6dd850c31d7fa50e91312b14a213da1', "aria-describedby": this.containerId, class: "icon", innerHTML: this.icon, onMouseEnter: () => this.show(), onFocus: () => this.show(), onMouseLeave: () => this.hide(), onBlur: () => this.hide(), ref: el => (this.iconEl = el) }), index.h("div", { key: '1b4e2acd66ce940c36736bb5cff35a89f6d3142b', id: this.containerId, role: "tooltip", class: "tooltip", "data-popper-placement": this.placement, ref: el => (this.tooltip = el) }, this.text, index.h("div", { key: 'df3ad06add46d573dbcdbbf9f675d1b0949d1892', "data-popper-arrow": "true", class: "arrow" }))));
     }
 };
 VerdocsToolbarIcon.style = VerdocsToolbarIconStyle0;

package/dist/cjs/verdocs-template-star.cjs.entry.js

@@ -46,7 +46,7 @@ const VerdocsTemplateStar = class {
         });
     }
     render() {
-        return (index.h(index.Host, { key: '0fc342a217265e0a104fd3f611e99b57d4978be4' }, index.h("div", { key: 'ac7375a1a86846ec27d550356781426d19a4aec5', class: `star ${this.updating ? 'updating' : ''}`, innerHTML: this.template.star_counter ? SolidStarIcon : OutlineStarIcon, onClick: e => this.toggle(e) }), index.h("div", { key: '68c5329f639c404fb377accedce7a36b28d77d76', class: "count" }, this.template.star_counter || '--')));
+        return (index.h(index.Host, { key: '40bad1fc57171bcdffe69ff8f1c876813ff6cc78' }, index.h("div", { key: '656891e6efc6645d9d3638a9be48728529a078ad', class: `star ${this.updating ? 'updating' : ''}`, innerHTML: this.template.star_counter ? SolidStarIcon : OutlineStarIcon, onClick: e => this.toggle(e) }), index.h("div", { key: '486526042ff5d20a37e7b8207c959d6ee2eede0a', class: "count" }, this.template.star_counter || '--')));
     }
 };
 VerdocsTemplateStar.style = VerdocsTemplateStarStyle0;

package/dist/cjs/verdocs-template-tags.cjs.entry.js

@@ -14,7 +14,7 @@ const VerdocsTemplateTags = class {
     }
     render() {
         var _a;
-        return (index.h(index.Host, { key: '8668a671bd4a1898582579efc2e330921f2b6b2d' }, (_a = this.tags) === null || _a === void 0 ? void 0 : _a.map(tag => (index.h("span", null, tag)))));
+        return (index.h(index.Host, { key: 'b1adfd5844f2d5302e2fda6355d868a845005345' }, (_a = this.tags) === null || _a === void 0 ? void 0 : _a.map(tag => (index.h("span", null, tag)))));
     }
 };
 VerdocsTemplateTags.style = VerdocsTemplateTagsStyle0;

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

@@ -159,24 +159,24 @@ const VerdocsTemplatesList = class {
         // In addition to the server query we also filter locally. This provides a faster UI update
         // while the onBlur re-queries the server for any new records that now qualify by the filter.
         const locallyFilteredTemplates = !this.localNameFilter ? this.templates : this.templates.filter(t => t.name.toLowerCase().includes(this.localNameFilter.toLowerCase()));
-        return (index.h(index.Host, { key: '9910d30f954550fe89b6e0b5851ff5cfbdec5aff' }, index.h("div", { key: '6b77158a586a26163c38ab6d4af3836eef486de4', class: "header" }, index.h("div", { key: '9caad42bc2e305f401cb065a2045fc971197940f', class: "filter" }, index.h("verdocs-text-input", { key: 'dc9f1d30422255f5fd6da7a3a3d31b9f2ad4b36b', id: "verdocs-filter-name", value: this.name, clearable: true, autocomplete: "off", placeholder: "Filter by Name...", onInput: (e) => (this.localNameFilter = e.target.value.trim()), onFocusout: (e) => {
+        return (index.h(index.Host, { key: '7dc672029a1ec88a20c7ea019bdd80bd98b4e54d' }, index.h("div", { key: 'feb106c393aa87d7e4207679a3823fb5ceb0f8d0', class: "header" }, index.h("div", { key: 'c53a7346d4c485fda35c4ebe960e1e76c8a58d81', class: "filter" }, index.h("verdocs-text-input", { key: 'ba16ba49cce33494d5379751378061a2ed838762', id: "verdocs-filter-name", value: this.name, clearable: true, autocomplete: "off", placeholder: "Filter by Name...", onInput: (e) => (this.localNameFilter = e.target.value.trim()), onFocusout: (e) => {
                 var _a;
                 this.name = e.target.value.trim();
                 this.localNameFilter = e.target.value.trim();
                 (_a = this.changeName) === null || _a === void 0 ? void 0 : _a.emit(this.name);
-            } })), index.h("verdocs-quick-filter", { key: '194519821282ccf01b029c442ebc30f7102eaf2e', label: "Sharing", value: this.sharing, options: SharingFilters, onOptionSelected: e => {
+            } })), index.h("verdocs-quick-filter", { key: '2854a34cb955ed1e330234eac3303c1dbf90dff0', label: "Sharing", value: this.sharing, options: SharingFilters, onOptionSelected: e => {
                 var _a;
                 this.sharing = e.detail.value;
                 (_a = this.changeSharing) === null || _a === void 0 ? void 0 : _a.emit(this.sharing);
-            } }), index.h("verdocs-quick-filter", { key: '5d814eedb83e97ce973a9205a29d7815b3fbf0fd', label: "Starred", value: this.starred, options: StarredFilters, onOptionSelected: e => {
+            } }), index.h("verdocs-quick-filter", { key: 'db872856578e8961bfce82e6ee3a8161100fff51', label: "Starred", value: this.starred, options: StarredFilters, onOptionSelected: e => {
                 var _a;
                 this.starred = e.detail.value;
                 (_a = this.changeStarred) === null || _a === void 0 ? void 0 : _a.emit(this.starred);
-            } }), index.h("verdocs-quick-filter", { key: '7bb139d40d9ec00dd2011248a5737f999e8765dd', label: "Sort By", value: this.sort, options: SortOptions, onOptionSelected: e => {
+            } }), index.h("verdocs-quick-filter", { key: '7ff37f6760a422c30426247434f75f61c1403773', label: "Sort By", value: this.sort, options: SortOptions, onOptionSelected: e => {
                 var _a;
                 this.sort = e.detail.value;
                 (_a = this.changeSort) === null || _a === void 0 ? void 0 : _a.emit(this.sort);
-            } }), this.loading && index.h("verdocs-spinner", { key: 'eaa9aa626d7e9193400c45d065fad04133963f59', mode: "dark", size: 24 }), index.h("div", { key: '7387c1960def6cebdb2758a5f4cdcb9475b60d1e', style: { display: 'flex', flex: '1' } })), locallyFilteredTemplates.map(template => {
+            } }), this.loading && index.h("verdocs-spinner", { key: '5f957818a90efacab9f67e0a672bde9da0cc5fba', mode: "dark", size: 24 }), index.h("div", { key: '8c2cf92c197f2c76e9a2586eda4377042d851537', style: { display: 'flex', flex: '1' } })), locallyFilteredTemplates.map(template => {
             const dateToShow = this.sort === 'created_at' ? 'created_at' : this.sort === 'updated_at' ? 'updated_at' : 'last_used_at';
             const date = template[dateToShow];
             const MENU_OPTIONS = [];
@@ -223,9 +223,9 @@ const VerdocsTemplatesList = class {
                     var _a;
                     (_a = this.viewTemplate) === null || _a === void 0 ? void 0 : _a.emit({ endpoint: this.endpoint, template });
                 } }, index.h("div", { class: "inner" }, index.h("verdocs-template-star", { template: template, endpoint: this.endpoint }), index.h("div", { class: "spacer icon-spacer" }), index.h("div", { class: "name" }, template.name), index.h("div", { class: "spacer usage-spacer" }), index.h("div", { class: "usage" }, index.h("span", { innerHTML: EnvelopeIcon, title: "Usage Counter" }), template.counter || '--'), index.h("div", { class: "spacer last-used-spacer" }), index.h("div", { class: "last-used" }, dateToShow === 'created_at' && index.h("span", { innerHTML: CreatedIcon, title: "Created" }), dateToShow === 'updated_at' && index.h("span", { innerHTML: UpdatedIcon, title: "Last Updated" }), dateToShow === 'last_used_at' && index.h("span", { innerHTML: LastUsedIcon, title: "Last Used" }), date ? index$1.dateFns.format(new Date(date), 'P') : 'Never'), index.h("div", { class: "spacer ownership-spacer" }), template.is_public && (index.h("div", { class: "ownership" }, index.h("span", { innerHTML: GlobeAltIcon }), " Public")), !template.is_public && !template.is_personal && (index.h("div", { class: "ownership" }, index.h("span", { innerHTML: LockClosedIcon }), " Private")), !template.is_public && template.is_personal && (index.h("div", { class: "ownership" }, index.h("span", { innerHTML: BuildingOfficeIcon }), " Shared")), index.h("verdocs-dropdown", { options: MENU_OPTIONS, onOptionSelected: e => this.handleOptionSelected(e.detail.id, template) }))));
-        }), !this.initiallyLoaded && (index.h("div", { key: 'aa47ab45c993fce4229534b04ffc51b0ea7d9e0e' }, jsSdk.integerSequence(0, this.rowsPerPage).map(() => (index.h("div", { class: "template-placeholder" }))))), this.initiallyLoaded && !this.templates.length && index.h("div", { key: 'e5e953daa661123cf5658e5de97e7af35fb414fc', class: "empty-text" }, "No matching templates found. Please adjust your filters and try again."), this.initiallyLoaded && this.templates.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: '47313a9255707d50181d0211425c60085fa5583a' }, jsSdk.integerSequence(0, this.rowsPerPage).map(() => (index.h("div", { class: "template-placeholder" }))))), this.initiallyLoaded && !this.templates.length && index.h("div", { key: '9bb8a3dd1a35a0c742284b8bb9c8bd4f03b19680', class: "empty-text" }, "No matching templates found. Please adjust your filters and try again."), this.initiallyLoaded && this.templates.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)), this.confirmDelete && (index.h("verdocs-ok-dialog", { key: 'b5787c3b6c29784c0d1de6d98fdd190581ec9557', heading: "Delete this Template?", message: "This operation cannot be undone.", onNext: () => this.deleteTemplate(this.confirmDelete), onExit: () => (this.confirmDelete = null), showCancel: true }))));
+            } }))) : (index.h("div", null)), this.confirmDelete && (index.h("verdocs-ok-dialog", { key: 'dc67ae619c47deca58789f3495813b78d6c90070', heading: "Delete this Template?", message: "This operation cannot be undone.", onNext: () => this.deleteTemplate(this.confirmDelete), onExit: () => (this.confirmDelete = null), showCancel: true }))));
     }
     static get watchers() { return {
         "sharing": ["handleSharingUpdated"],

package/dist/cjs/verdocs-toggle.cjs.entry.js

@@ -19,7 +19,7 @@ const VerdocsToggle = class {
         this.selectedOption = ((_a = this.options) === null || _a === void 0 ? void 0 : _a.defaultSelection) || 0;
     }
     render() {
-        return (index.h("div", { key: '3fce957152f13b188837bcf6cf40603d9618689e', class: "container" }, index.h("span", { key: '9d4c488975c9daa125ecf906f641e2bc74654a96', class: "label" }, `${this.options.label}:`), index.h("div", { key: '28a2d8a82b05fcb3cfc9bea409ad37633fb0d860', class: "buttons" }, this.options.buttons.map((button, index$1) => (index.h("button", { id: button.id, key: button.id, innerHTML: button.icon, class: index$1 === this.selectedOption ? 'selected' : '', onClick: () => {
+        return (index.h("div", { key: 'ce82d507e5ec506aa85dca4c21b3ee78c751a7ea', class: "container" }, index.h("span", { key: 'b099fdab13ec8c866be39c1f0d8f81e5fe8360ef', class: "label" }, `${this.options.label}:`), index.h("div", { key: 'bbd49091a1c7c4cd0c1088bf0efb76a4476895f5', class: "buttons" }, this.options.buttons.map((button, index$1) => (index.h("button", { id: button.id, key: button.id, innerHTML: button.icon, class: index$1 === this.selectedOption ? 'selected' : '', onClick: () => {
                 console.log('clicked', index$1);
                 this.selectedOption = index$1;
             } }))))));

package/dist/cjs/verdocs-view.cjs.entry.js

@@ -21,36 +21,36 @@ const VerdocsView = class {
         this.another = index.createEvent(this, "another", 7);
         this.view = index.createEvent(this, "view", 7);
         this.next = index.createEvent(this, "next", 7);
-        this.endpoint = jsSdk.VerdocsEndpoint.getDefault();
+        this.endpoint = null;
         this.envelopeId = '';
+        this.envelope = null;
         this.headerTargetId = null;
         this.canceling = false;
-        this.envelope = null;
         this.roleNames = [];
         this.showCancelDone = false;
         this.showLoadError = false;
     }
     async componentWillLoad() {
         var _a, _b, _c;
-        this.endpoint.loadSession();
+        if (!this.endpoint) {
+            this.endpoint = jsSdk.VerdocsEndpoint.getDefault();
+            this.endpoint.loadSession();
+        }
         if (!this.envelopeId) {
             console.error(`[VIEW] Missing required envelopeId`);
             return;
         }
-        console.log('[VIEW] Loading envelope...');
-        try {
-            this.envelope = await jsSdk.getEnvelope(this.endpoint, this.envelopeId);
-            console.log('[VIEW] Loaded envelope', this.envelope);
-            this.roleNames = this.envelope.recipients.map(r => r.role_name);
-            setTimeout(async () => {
-                console.log('[VIEW] Reloading envelope...');
+        if (!this.envelope) {
+            try {
+                console.log('[VIEW] Loading envelope...');
                 this.envelope = await jsSdk.getEnvelope(this.endpoint, this.envelopeId);
-                console.log('[VIEW] Reloaded envelope', this.envelope);
-            }, 2000);
-        }
-        catch (e) {
-            this.showLoadError = true;
-            (_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));
+                console.log('[VIEW] Loaded envelope', this.envelope);
+                this.roleNames = this.envelope.recipients.map(r => r.role_name);
+            }
+            catch (e) {
+                this.showLoadError = true;
+                (_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));
+            }
         }
     }
     componentDidRender() {