@verdocs/web-sdk 5.3.1 → 5.3.3

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

@@ -37,7 +37,7 @@ const VerdocsMultiselect = class {
     }
     render() {
         const elId = `verdocs-dropdown-${jsSdk.randomString(8)}`;
-        return (index.h(index.Host, { key: 'eafa54e1dae78058303d3b80391745f85cd3eae1', class: this.showPicker ? 'open' : 'closed' }, index.h("label", { key: 'a584b5df194714f0ac33cba4c249f5360ba61985' }, this.label ? index.h("div", { class: "input-label" }, this.label + ':') : index.h("div", null), index.h("div", { key: 'ba8d22afa9a3b561906fc5866c7644ef8c6c9054', class: "input-wrapper" }, index.h("button", { key: '517b669dc1a5a95cae442f316678068862e287b2', id: elId, class: "trigger", value: "", onClick: () => (this.showPicker = !this.showPicker) }, this.selectedOptions.length === 0 ? (index.h("span", { class: "placeholder" }, this.placeholder)) : (this.selectedOptions.map(option => { var _a; return index.h("span", { class: "selected-option" }, ((_a = this.options.find(opt => opt.value === option)) === null || _a === void 0 ? void 0 : _a.label) || 'Unknown'); }))), index.h("div", { key: 'aee9c3f227a6637e4589cfb858e9219548c57661', class: "icon", innerHTML: this.showPicker ? UpIcon : DownIcon }), this.showPicker && (index.h("div", { key: '6bd6ffc79bf6b09b31c7de4b367704fc1988e87d', class: "verdocs-multiselect-dropdown" }, this.options.map((option, i) => (index.h("div", { class: "option", onClick: () => (this.showPicker = false) }, index.h("verdocs-checkbox", { size: "small", id: `verdocs-multi-select-opt-${i}`, value: option.value, checked: this.selectedOptions.includes(option.value), onInput: (e) => this.handleToggleOption(e, option) }), index.h("label", { htmlFor: `verdocs-multi-select-option-${i}` }, option.label))))))))));
+        return (index.h(index.Host, { key: 'ac5b224bc0d5f402b63b84dea01ee4a8f79afa17', class: this.showPicker ? 'open' : 'closed' }, index.h("label", { key: '9c3f4a162b5b68769e3bb7d811c24d7019d5c5da' }, this.label ? index.h("div", { class: "input-label" }, this.label + ':') : index.h("div", null), index.h("div", { key: '9c719736987f035e57add5b4e2de29dfc7206b06', class: "input-wrapper" }, index.h("button", { key: 'c7f0790945fa6a2eb5f94beb64dcf45a88efcc49', id: elId, class: "trigger", value: "", onClick: () => (this.showPicker = !this.showPicker) }, this.selectedOptions.length === 0 ? (index.h("span", { class: "placeholder" }, this.placeholder)) : (this.selectedOptions.map(option => { var _a; return index.h("span", { class: "selected-option" }, ((_a = this.options.find(opt => opt.value === option)) === null || _a === void 0 ? void 0 : _a.label) || 'Unknown'); }))), index.h("div", { key: 'd4703b256d8e9c8359433dbdf64c86f9fec3c706', class: "icon", innerHTML: this.showPicker ? UpIcon : DownIcon }), this.showPicker && (index.h("div", { key: 'c53ef02457953288741486d9565f9d7fe8b0a064', class: "verdocs-multiselect-dropdown" }, this.options.map((option, i) => (index.h("div", { class: "option", onClick: () => (this.showPicker = false) }, index.h("verdocs-checkbox", { size: "small", id: `verdocs-multi-select-opt-${i}`, value: option.value, checked: this.selectedOptions.includes(option.value), onInput: (e) => this.handleToggleOption(e, option) }), index.h("label", { htmlFor: `verdocs-multi-select-option-${i}` }, option.label))))))))));
     }
 };
 VerdocsMultiselect.style = verdocsMultiselectCss;

package/dist/cjs/verdocs-ok-dialog.cjs.entry.js

@@ -43,7 +43,7 @@ const VerdocsOkDialog = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: '12df94c0d9a87decf19d9a1b62c2ab7119681e03', class: this.closed ? 'closed' : '' }, index.h("div", { key: '29ecdb2e85dfb825d84efecd80729c184c798eed', class: "background-overlay", onClick: e => this.handleDismiss(e) }, index.h("div", { key: '15cdea7df133a16ad3da26b767c1f048c5b5be4a', class: "dialog" }, index.h("div", { key: '14739ce3942c365ab4dc1ffd12633865c8702ecf', class: "heading" }, this.heading), index.h("div", { key: 'c04aea2b91bbbe26b24d286a875720df437ac85a', class: "content" }, index.h("div", { key: '9e78186fed917d0bc4f8810fe2331f6b64c0ae43', class: "message", innerHTML: this.message }), index.h("div", { key: '26992bb398e78668235d42b87000128ac339bae9', class: "buttons" }, this.showCancel ? index.h("verdocs-button", { label: "CANCEL", variant: "outline", onClick: () => this.handleCancel() }) : index.h("div", { style: { display: 'none' } }), index.h("verdocs-button", { key: '077902f58556093dfe46056ad0c9d6750356e999', label: this.buttonLabel, onClick: () => this.handleOk() })))))));
+        return (index.h(index.Host, { key: 'a53ec883d89c75014091071d45b629f14fb8a14f', class: this.closed ? 'closed' : '' }, index.h("div", { key: 'eeba1a34d586227ddbdbccb2ce6a273bf516a2ed', class: "background-overlay", onClick: e => this.handleDismiss(e) }, index.h("div", { key: 'd803f8cda0d55045eb85d13c98e359ded7fddf24', class: "dialog" }, index.h("div", { key: 'cd12ec9dd5c8e1e496ad1410a87fa866c7cd3143', class: "heading" }, this.heading), index.h("div", { key: '9256bbda5d99136202bd36847bf488c8b29de936', class: "content" }, index.h("div", { key: '3ffeaaf5cda9073ed5775acbe9bb44f2aca14fa2', class: "message", innerHTML: this.message }), index.h("div", { key: '0914a64b1de3f12de80cdb8536315eb3dd804fa1', class: "buttons" }, this.showCancel ? index.h("verdocs-button", { label: "CANCEL", variant: "outline", onClick: () => this.handleCancel() }) : index.h("div", { style: { display: 'none' } }), index.h("verdocs-button", { key: '6cffacc69dad4bfe86b324a6b15b684a8233557e', label: this.buttonLabel, onClick: () => this.handleOk() })))))));
     }
 };
 VerdocsOkDialog.style = verdocsOkDialogCss;

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

@@ -24,7 +24,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.h(index.Host, { key: '97272d216497af502a3cb2d6e0952bda802249e1', id: portalId }, this.organization.thumbnail_url ? index.h("img", { class: "icon", src: this.organization.thumbnail_url, alt: "Logo" }) : index.h("span", { class: "icon", innerHTML: fallbackIcon }), index.h("span", { key: 'e5f71759e662b6a1ad04ee9acf2710b9d7904a22', class: "content" }, (_a = this.organization) === null || _a === void 0 ? void 0 : _a.name), index.h("verdocs-portal", { key: '0496b9a82bca4289e6fb226e24c5fed23c4e8fb3', anchor: portalId }, index.h("div", { key: '991b528de45afb90d6c54f4ce6d6c415e9e2bc81', class: "verdocs-org-card-popup", style: { display: this.hovered ? 'block' : 'none' } }, this.organization.full_logo_url ? (index.h("div", { class: "popup-header-with-logo" }, index.h("img", { src: this.organization.full_logo_url, alt: "Logo" }), index.h("div", { class: "title" }, (_b = this.organization) === null || _b === void 0 ? void 0 : _b.name))) : (index.h("div", { class: "popup-header" }, index.h("span", { class: "status" }, index.h("span", { class: "icon", innerHTML: fallbackIcon })), index.h("span", { class: "title" }, (_c = this.organization) === null || _c === void 0 ? void 0 : _c.name))), index.h("div", { key: '54c746473d12e7428b2982c0f627d2d5ac078875', class: "popup-body" }, index.h("div", { key: 'a291de045b2cd5f6431e795b3b0da2a2187ec019', class: "field" }, index.h("strong", { key: '86cfad50f43e266fcbca1934458de84c6af791bf' }, "Joined"), index$1.dateFnsExports.format(new Date(((_d = this.organization) === null || _d === void 0 ? void 0 : _d.created_at) || undefined), 'LLL d, Y')), this.organization.url && (index.h("div", { key: '743cc0af65238631e94353b1c0a09718d556a3e5', class: "field" }, index.h("strong", { key: '55b51d9b2d4256ff4462ba28940331e3aff22e95' }, "Website"), index.h("a", { key: 'd6f11530ba3adc9c897fd2f26f47de8b9d17b807', 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.h(index.Host, { key: 'fc6584eb52dd94bd4a68fa14cc3ffe3382b9ac30', id: portalId }, this.organization.thumbnail_url ? index.h("img", { class: "icon", src: this.organization.thumbnail_url, alt: "Logo" }) : index.h("span", { class: "icon", innerHTML: fallbackIcon }), index.h("span", { key: '77c094a92a020c080bb406ea05643d295afdbce8', class: "content" }, (_a = this.organization) === null || _a === void 0 ? void 0 : _a.name), index.h("verdocs-portal", { key: 'ff04880732101397965f9cc7f2198265bb532b3b', anchor: portalId }, index.h("div", { key: '9cbc7c9f7175ccff1f79859a75905b8b056b3dc9', class: "verdocs-org-card-popup", style: { display: this.hovered ? 'block' : 'none' } }, this.organization.full_logo_url ? (index.h("div", { class: "popup-header-with-logo" }, index.h("img", { src: this.organization.full_logo_url, alt: "Logo" }), index.h("div", { class: "title" }, (_b = this.organization) === null || _b === void 0 ? void 0 : _b.name))) : (index.h("div", { class: "popup-header" }, index.h("span", { class: "status" }, index.h("span", { class: "icon", innerHTML: fallbackIcon })), index.h("span", { class: "title" }, (_c = this.organization) === null || _c === void 0 ? void 0 : _c.name))), index.h("div", { key: '0278c1279797809493fdebe4a25613fd6ec702a3', class: "popup-body" }, index.h("div", { key: 'ec3a19327e768623802ba0f23140f226eeea1282', class: "field" }, index.h("strong", { key: 'b3bfc4918e28de9d768ed77c30ba26f74d253c9f' }, "Joined"), index$1.dateFnsExports.format(new Date(((_d = this.organization) === null || _d === void 0 ? void 0 : _d.created_at) || undefined), 'LLL d, Y')), this.organization.url && (index.h("div", { key: '42721ddbbf7d8de9ad232ca34e0ddc7afca7e917', class: "field" }, index.h("strong", { key: '1d6e9b91b00a2c79474828f59cdf6b613f7c6402' }, "Website"), index.h("a", { key: 'c7cc36bdd573e2f2644771a9573c72a6265fc371', 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 = verdocsOrganizationCardCss;
@@ -109,7 +109,7 @@ const VerdocsPortal = class {
         this.moved ? this.portal.remove() : (this.moved = true);
     }
     render() {
-        return (index.h(index.Host, { key: '6496c55ff467085e8d1d660f749abb2e70eb8c95', ref: el => (this.element = el), class: "verdocs-portal" }, index.h("slot", { key: '731cefa0a79a520279e255455a95e22d1255f424' })));
+        return (index.h(index.Host, { key: 'eeb176eb22239e9bd1859d87e50d9dba08a36c5a', ref: el => (this.element = el), class: "verdocs-portal" }, index.h("slot", { key: '0cc38913adf3b2d41e9d635a7c6bafac3e71fd8f' })));
     }
 };
 VerdocsPortal.style = verdocsPortalCss;

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

@@ -52,7 +52,7 @@ const VerdocsQuickFilter$1 = class VerdocsQuickFilter {
         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: 'b914afe290065b1f65b3632a1e205a0138d4ca96' }, this.selectedPage > 0 && index.h(PageButton, { key: '06d4c575361cffc6299409c66557208fef8180e9', page: 'first', selected: this.selectedPage, onClick: () => this.handleSelectPage(0) }), firstPage > 0 && index.h("div", { key: '14afa9724ff8159c20c372821fff58a98b721bc7', 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: '0b22a68cafaf3beda898442422a584cc9da811d9', class: "ellipsis" }, "..."), this.selectedPage < numPages - 1 && index.h(PageButton, { key: '56bfdb75c0a6bb0aab32aa61860051517fcf360b', page: 'last', selected: this.selectedPage, onClick: () => this.handleSelectPage(numPages - 1) })));
+        return (index.h(index.Host, { key: 'be5c85f6d219c3589c3ef508e2305cbebea4f320' }, this.selectedPage > 0 && index.h(PageButton, { key: 'de0c9f90c0af7b77f6d9112c7e2d43978511d0d7', page: 'first', selected: this.selectedPage, onClick: () => this.handleSelectPage(0) }), firstPage > 0 && index.h("div", { key: 'f89043de5ca509613e85e3dc00abc8bd3450be6d', 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: '2ddedd7acfab567d550e77bc9471f35114d427de', class: "ellipsis" }, "..."), this.selectedPage < numPages - 1 && index.h(PageButton, { key: '64be509651e68b79bc0f1084eb2e0204d769dfef', page: 'last', selected: this.selectedPage, onClick: () => this.handleSelectPage(numPages - 1) })));
     }
     get el() { return index.getElement(this); }
 };
@@ -141,7 +141,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: '2775a9460418249e5830b3acc29bc501dfc0b7e9', class: { open: !!this.open }, style: { minWidth, display: 'inline-block' } }, index.h("div", { key: 'a0d32bee5bf3a83860d1ee34b70dd08e14ff6f5a', class: "control", onClick: e => this.toggleDropdown(e), onBlur: e => this.handleHideDropdown(e) }, index.h("div", { key: 'e28fc8c51bd4913814770bfa3eed9aec685fcdc7', class: "title", ref: el => (this.dropdownButton = el) }, index.h("span", { key: '56f45a29290ed821c2260b07e34c76ad6f4b3008', class: "prefix" }, this.label, ":"), selectedOption ? selectedOption.label : this.placeholder), index.h("div", { key: 'dcc1f197621169c83f7c935bb06f60f992ac3a58', style: { flex: '1' } }), index.h("div", { key: '059cede12c8b2c1bca6b53f7e1f01b424dd70882', class: "separator" }), index.h("div", { key: '722b64600dca7b946044a60700b042d61774dabb', class: "arrow", innerHTML: DropdownArrow, "aria-label": "Open Menu" })), index.h("div", { key: '3988d0fd9076c4bc1bfb9d45d67f9354022a15cd', 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: '322a8f4a3843cec17261ac8a20004db1a6a2d8d7', class: { open: !!this.open }, style: { minWidth, display: 'inline-block' } }, index.h("div", { key: '1491f6b3986ccd0764a4dd5bc03ad66fc5d4b7b2', class: "control", onClick: e => this.toggleDropdown(e), onBlur: e => this.handleHideDropdown(e) }, index.h("div", { key: '485f1f741ced9c8af1a5eaffffbe87448b3337b4', class: "title", ref: el => (this.dropdownButton = el) }, index.h("span", { key: '01aefe07e5802cb69055ac7996fdf1fd1b58d5a5', class: "prefix" }, this.label, ":"), selectedOption ? selectedOption.label : this.placeholder), index.h("div", { key: 'a5c2a36da359f121a418299018fe6e424f3186b8', style: { flex: '1' } }), index.h("div", { key: 'c1f3ec97d938fe36d90e7047838c67238a4125c4', class: "separator" }), index.h("div", { key: '86c1ebdabf1b7fcf600f48d3dda1eb33a2184789', class: "arrow", innerHTML: DropdownArrow, "aria-label": "Open Menu" })), index.h("div", { key: 'b4a49186874d81758eee6768f95b136378620439', 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: '01cd5aea73ca1a3117cc53f1e7c16e6af27216bd', class: "container" }, index.h("p", { key: '6d7b7b5d9dcab737ebfe8a8f3cff6403d7b304ea', class: "title" }, "Quick Create"), index.h("button", { key: '1bf4cf8ec41961431e813879de54f6821dbd5e40', onClick: () => this.handleCreateTemplate(), innerHTML: TemplateIcon }, "Template"), index.h("button", { key: '0e681d8c297a52455063e6174accae72fbe54022', onClick: () => this.handleCreateDocument(), innerHTML: DocumentIcon }, "Document")));
+        return (index.h("div", { key: '0874f643294a75aceb7b3349e0a37676d5a8781f', class: "container" }, index.h("p", { key: '17048d0670204acb515ca30c0203dc18c3fd83b3', class: "title" }, "Quick Create"), index.h("button", { key: '7a603dd01f70f258634300ecf7a105d93de3a227', onClick: () => this.handleCreateTemplate(), innerHTML: TemplateIcon }, "Template"), index.h("button", { key: '8b3f400d7388742f1c6b2fa3c58e8ecd00addcc2', onClick: () => this.handleCreateDocument(), innerHTML: DocumentIcon }, "Document")));
     }
 };
 VerdocsQuickFunctions.style = verdocsQuickFunctionsCss;

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

@@ -25,7 +25,7 @@ const VerdocsRadioButton = class {
         this.disabled = false;
     }
     render() {
-        return (index.h(index.Host, { key: '1706718a820c71690d78fb101c02d0e68eb4386e', class: { disabled: this.disabled } }, index.h("input", { key: '82eaec668b1a39cf05d645dd3479a48be73a1cd5', 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: '419894528ba238e0058cb7c6543b8f59d8349e2b', htmlFor: `verdocs-radio-button-${this.name}-${this.value}` })));
+        return (index.h(index.Host, { key: '25dcdde1d8837e343002fb1ead236752099bef7a', class: { disabled: this.disabled } }, index.h("input", { key: '612b43c1693b5c50a56d8ec54d598a11822a6f82', 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: '568e105e85565a22c766a823323d333202cc4386', htmlFor: `verdocs-radio-button-${this.name}-${this.value}` })));
     }
 };
 VerdocsRadioButton.style = verdocsRadioButtonCss;

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

@@ -59,7 +59,7 @@ const VerdocsSearchBox = class {
         }
     }
     render() {
-        return (index.h("form", { key: '05f901280acc578495e9bb4eb5caeb584da8a009', onSubmit: e => this.handleSearch(e) }, this.type !== undefined && this.type !== 'all' && (index.h("span", { key: 'c8103cb06abdc5fa899eafb01c05be00405aa625', class: "type" }, this.type, "s ", index.h("button", { key: 'e68f07ecdd255ca38cab6eb22e949b0477b6ccde', class: "remove", innerHTML: CloseIcon, onClick: () => this.handleClearFilter() }))), index.h("input", { key: 'fe76c1d412514428b1e33c0bdcdc260c9d7d4e8c', 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: '3a9eeff46256600d4abf2215045abb26c0c5d35d', onClick: e => this.handleSearch(e), class: "search" }, index.h("span", { key: '2bfef089bfec6900674054287a06bcb66e671541', innerHTML: SearchIcon }), "Search")));
+        return (index.h("form", { key: '71f1e2eeebd6f366f87ec35744c7d84dbc627d9f', onSubmit: e => this.handleSearch(e) }, this.type !== undefined && this.type !== 'all' && (index.h("span", { key: '3774a05f5a9da40acebac196c39c3b96116411cd', class: "type" }, this.type, "s ", index.h("button", { key: '18e43f4b82866e0268236816987c7c72fa832dc0', class: "remove", innerHTML: CloseIcon, onClick: () => this.handleClearFilter() }))), index.h("input", { key: 'c5d0b0cf4f21f3d89e7b8f5cf46b38d0b8d842e4', 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: '2cc3258c31064b57250d43f884eb80421e894cef', onClick: e => this.handleSearch(e), class: "search" }, index.h("span", { key: 'c713b662cb372eab8de50d845d8dfc2b3f320931', innerHTML: SearchIcon }), "Search")));
     }
 };
 VerdocsSearchBox.style = verdocsSearchBoxCss;

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

@@ -10,7 +10,7 @@ const VerdocsSearchTabs = class {
         this.selected = 'all';
     }
     render() {
-        return index.h("div", { key: '899f892e91a2cd1e2908ea44ec6ecb0238106881' }, "\u00A0");
+        return index.h("div", { key: 'ea073df4a119cf2ad0d5af62f4ade626411d336f' }, "\u00A0");
     }
 };
 VerdocsSearchTabs.style = verdocsSearchTabsCss;

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

@@ -11,9 +11,9 @@ require('./_commonjsHelpers-BJu3ubxk.js');
 require('./index-CeUF44L9.js');
 require('./Types-RUyU-svM.js');
 
-const verdocsSignCss = "@-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-sign{display:-ms-flexbox;display:flex;overflow:hidden;position:relative;min-height:600px;-ms-flex-direction:column;flex-direction:column;-webkit-box-sizing:border-box;box-sizing:border-box;font-family:\"Inter\", -apple-system, \"Segoe UI\", \"Roboto\", \"Helvetica Neue\", sans-serif}verdocs-sign div{display:block;-webkit-box-sizing:border-box;box-sizing:border-box}verdocs-sign input{vertical-align:top}verdocs-sign>.document{-ms-flex:1;flex:1;width:100%;height:100%;-ms-flex-item-align:center;align-self:center;display:-ms-flexbox;display:flex;padding:15px;row-gap:15px;max-width:1200px;min-height:200px;position:relative;overflow-y:scroll;-ms-flex-align:center;align-items:center;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-flex-direction:column;flex-direction:column}verdocs-sign>.document .inner{width:100%;max-width:1028px}verdocs-sign .cover{top:0;left:0;right:0;bottom:0;display:-ms-flexbox;display:flex;z-index:5000;position:absolute;padding-top:100px;-ms-flex-align:center;align-items:center;-ms-flex-direction:column;flex-direction:column;background:rgba(0, 0, 0, 0.5)}verdocs-sign .agree{-ms-flex:0;flex:0;width:600px;display:-ms-flexbox;display:flex;max-width:90%;padding:30px 15px;-ms-flex-direction:column;flex-direction:column;background-color:#ffffff}verdocs-sign .agree .header{-ms-flex:0 0 56px;flex:0 0 56px}verdocs-sign .agree li{margin:0.5em 0}verdocs-sign verdocs-ok-dialog .background-overlay{-ms-flex-align:start;align-items:flex-start;padding-top:100px}verdocs-sign .loading-indicator{top:0;left:0;right:0;bottom:0;display:-ms-flexbox;display:flex;z-index:10000;position:fixed;background-color:rgba(0, 0, 0, 0.7)}verdocs-sign .fatal-error{position:absolute;z-index:100;top:0;left:0;right:0;bottom:0;background-color:#4a4a4a;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}verdocs-sign .fatal-error .placeholder{position:absolute;opacity:0.1;z-index:-1;top:0;left:0;right:0;bottom:0;width:612px;height:792px;-webkit-box-shadow:0 0 10px 5px rgba(0, 0, 0, 0.0588235294);box-shadow:0 0 10px 5px rgba(0, 0, 0, 0.0588235294);margin-top:15px}verdocs-sign .fatal-error .message{max-width:360px;width:50%;font-size:16px;background:white;-webkit-box-shadow:3px 3px 9px -1px rgba(0, 0, 0, 0.2470588235);box-shadow:3px 3px 9px -1px rgba(0, 0, 0, 0.2470588235)}verdocs-sign .fatal-error .header{color:white;font-size:18px;font-weight:500;padding:5px 10px;margin:0 0 10px 0;background:#4c56cb}verdocs-sign .fatal-error p{margin:1rem;font-size:14px;font-weight:400;padding:0 10px}@media print{verdocs-sign .header{display:none}}#verdocs-sign-header{color:#fff;width:100%;display:-ms-flexbox;display:flex;z-index:1000;-ms-flex:0 0 46px;flex:0 0 46px;font-size:12px;-webkit-column-gap:15px;-moz-column-gap:15px;column-gap:15px;-ms-flex-align:center;align-items:center;-ms-flex-direction:row;flex-direction:row;-webkit-transition:all 0.25s;transition:all 0.25s;background-color:#33354c;-webkit-box-shadow:0 4px 4px 0 rgba(0, 0, 0, 0.24), 0 0 4px 0 rgba(0, 0, 0, 0.12);box-shadow:0 4px 4px 0 rgba(0, 0, 0, 0.24), 0 0 4px 0 rgba(0, 0, 0, 0.12)}#verdocs-sign-header .inner{width:100%;display:-ms-flexbox;display:flex;margin:0 auto;padding:0 12px;max-width:1200px;-ms-flex-align:center;align-items:center;-ms-flex-direction:row;flex-direction:row}#verdocs-sign-header .logo{width:80px;display:none;margin:-6px 0 0 0}#verdocs-sign-header .title{font-size:18px;font-weight:500;overflow:hidden;white-space:nowrap;padding:0 10px 0 0;text-overflow:ellipsis}.spinner-overlay{position:fixed;top:0;left:0;right:0;bottom:0;z-index:1000;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;background:rgba(0, 0, 0, 0.4980392157);-ms-flex-pack:center;justify-content:center}";
+const verdocsSignCss = "@-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-sign{display:-ms-flexbox;display:flex;overflow:hidden;position:relative;min-height:600px;-ms-flex-direction:column;flex-direction:column;-webkit-box-sizing:border-box;box-sizing:border-box;font-family:\"Inter\", -apple-system, \"Segoe UI\", \"Roboto\", \"Helvetica Neue\", sans-serif}verdocs-sign div{display:block;-webkit-box-sizing:border-box;box-sizing:border-box}verdocs-sign input{vertical-align:top}verdocs-sign>.document{-ms-flex:1;flex:1;width:100%;height:100%;-ms-flex-item-align:center;align-self:center;display:-ms-flexbox;display:flex;padding:15px;row-gap:15px;max-width:1200px;min-height:200px;position:relative;overflow-y:scroll;-ms-flex-align:center;align-items:center;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-flex-direction:column;flex-direction:column}verdocs-sign>.document .inner{width:100%;max-width:1028px}verdocs-sign .cover{top:0;left:0;right:0;bottom:0;display:-ms-flexbox;display:flex;z-index:5000;position:absolute;padding-top:100px;-ms-flex-align:center;align-items:center;-ms-flex-direction:column;flex-direction:column;background:rgba(0, 0, 0, 0.5)}verdocs-sign verdocs-ok-dialog .background-overlay{-ms-flex-align:start;align-items:flex-start;padding-top:100px}verdocs-sign .loading-indicator{top:0;left:0;right:0;bottom:0;display:-ms-flexbox;display:flex;z-index:10000;position:fixed;background-color:rgba(0, 0, 0, 0.7)}verdocs-sign .fatal-error{position:absolute;z-index:100;top:0;left:0;right:0;bottom:0;background-color:#4a4a4a;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}verdocs-sign .fatal-error .placeholder{position:absolute;opacity:0.1;z-index:-1;top:0;left:0;right:0;bottom:0;width:612px;height:792px;-webkit-box-shadow:0 0 10px 5px rgba(0, 0, 0, 0.0588235294);box-shadow:0 0 10px 5px rgba(0, 0, 0, 0.0588235294);margin-top:15px}verdocs-sign .fatal-error .message{max-width:360px;width:50%;font-size:16px;background:white;-webkit-box-shadow:3px 3px 9px -1px rgba(0, 0, 0, 0.2470588235);box-shadow:3px 3px 9px -1px rgba(0, 0, 0, 0.2470588235)}verdocs-sign .fatal-error .header{color:white;font-size:18px;font-weight:500;padding:5px 10px;margin:0 0 10px 0;background:#4c56cb}verdocs-sign .fatal-error p{margin:1rem;font-size:14px;font-weight:400;padding:0 10px}@media print{verdocs-sign .header{display:none}}#verdocs-sign-header{color:#fff;width:100%;display:-ms-flexbox;display:flex;z-index:1000;-ms-flex:0 0 46px;flex:0 0 46px;font-size:12px;-webkit-column-gap:15px;-moz-column-gap:15px;column-gap:15px;-ms-flex-align:center;align-items:center;-ms-flex-direction:row;flex-direction:row;-webkit-transition:all 0.25s;transition:all 0.25s;background-color:#33354c;-webkit-box-shadow:0 4px 4px 0 rgba(0, 0, 0, 0.24), 0 0 4px 0 rgba(0, 0, 0, 0.12);box-shadow:0 4px 4px 0 rgba(0, 0, 0, 0.24), 0 0 4px 0 rgba(0, 0, 0, 0.12)}#verdocs-sign-header .inner{width:100%;display:-ms-flexbox;display:flex;margin:0 auto;padding:0 12px;max-width:1200px;-ms-flex-align:center;align-items:center;-ms-flex-direction:row;flex-direction:row}#verdocs-sign-header .logo{width:80px;display:none;margin:-6px 0 0 0}#verdocs-sign-header .title{font-size:18px;font-weight:500;overflow:hidden;white-space:nowrap;padding:0 10px 0 0;text-overflow:ellipsis}.spinner-overlay{position:fixed;top:0;left:0;right:0;bottom:0;z-index:1000;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;background:rgba(0, 0, 0, 0.4980392157);-ms-flex-pack:center;justify-content:center}";
 
-const DEFAULT_DISCLOSURE = `
+const DEFAULT_DISCLOSURES = `
 <ul>
   <li>
     Agree to use electronic records and signatures, and confirm you have read the
@@ -80,7 +80,7 @@ const VerdocsSign = class {
         this.fatalErrorHeader = '';
         this.fatalErrorMessage = '';
         this.focusedField = '';
-        this.disclosure = DEFAULT_DISCLOSURE;
+        this.disclosures = DEFAULT_DISCLOSURES;
         this.submitting = false;
         this.submitted = false;
         this.isDone = false;
@@ -94,6 +94,9 @@ const VerdocsSign = class {
         this.authMethodStates = {};
         this.kbaQuestions = null;
         this.showSpinner = false;
+        this.declining = false;
+        this.delegating = false;
+        this.delegated = false;
         this.kbaChoices = [];
         this.loading = true;
         this.envelope = null;
@@ -148,8 +151,9 @@ const VerdocsSign = class {
         const { auth_step } = recipient;
         this.recipient = recipient;
         this.envelope = envelope;
-        this.disclosure = ((_b = (_a = this.envelope) === null || _a === void 0 ? void 0 : _a.organization) === null || _b === void 0 ? void 0 : _b.disclaimer) || DEFAULT_DISCLOSURE;
+        this.disclosures = ((_b = (_a = this.envelope) === null || _a === void 0 ? void 0 : _a.organization) === null || _b === void 0 ? void 0 : _b.disclaimer) || DEFAULT_DISCLOSURES;
         this.authStep = auth_step;
+        this.delegated = !!recipient.delegated_to;
         this.agreed = recipient.agreed;
         this.submitted = recipient.status === 'submitted';
         this.isDone = this.submitted;
@@ -173,7 +177,7 @@ const VerdocsSign = class {
         }
         else if (recipient.status === 'declined') {
             this.fatalErrorHeader = 'Declined';
-            this.fatalErrorMessage = 'You have declined to sign this envelope. The sender has been notified.';
+            this.fatalErrorMessage = 'You have declined to sign this request. The sender has been notified.';
         }
         else if (this.agreed) {
             this.nextButtonLabel = 'Next';
@@ -183,7 +187,7 @@ const VerdocsSign = class {
     }
     handleClickAgree() {
         this.submitting = true;
-        jsSdk.envelopeRecipientAgree(this.endpoint, this.envelopeId, this.roleId, true, this.disclosure)
+        jsSdk.envelopeRecipientAgree(this.endpoint, this.envelopeId, this.roleId, true, this.disclosures)
             .then(() => {
             var _a;
             this.nextButtonLabel = 'Next';
@@ -219,7 +223,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.fatalErrorHeader = 'Declined';
-                    this.fatalErrorMessage = 'You have declined to sign this envelope. The sender has been notified.';
+                    this.fatalErrorMessage = 'You have declined to sign this request. The sender has been notified.';
                 }
                 break;
             case 'print':
@@ -616,6 +620,9 @@ const VerdocsSign = class {
         if (this.fatalErrorMessage) {
             return (index.h(index.Host, { class: { agreed: this.agreed } }, index.h("div", { class: "fatal-error" }, index.h("div", { class: "message" }, index.h("div", { class: "header" }, this.fatalErrorHeader), index.h("p", null, this.fatalErrorMessage)))));
         }
+        if (this.delegated) {
+            return (index.h(index.Host, { class: { agreed: false } }, index.h("div", { class: "fatal-error" }, index.h("div", { class: "message" }, index.h("div", { class: "header" }, "Delegated Signing Request"), index.h("p", null, "You have delegated signing to another recipient. You will not be able to sign this request again.")))));
+        }
         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.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: (e) => {
                     e.preventDefault();
@@ -624,8 +631,33 @@ const VerdocsSign = class {
                     this.isDone = true;
                 } })), this.submitting && (index.h("div", { class: "loading-indicator" }, index.h("verdocs-loader", null)))));
         }
+        if (this.delegating) {
+            return (index.h("verdocs-delegate-dialog", { endpoint: this.endpoint, envelope: this.envelope, onExit: () => (this.delegating = false), onNext: (e) => {
+                    jsSdk.delegateRecipient(this.endpoint, this.envelopeId, this.roleId, e.detail)
+                        .then(r => {
+                        Toast.VerdocsToast('Delegation request submitted.', { style: 'success' });
+                        console.log('[SIGN] Delegated successfully', r);
+                        this.delegated = true;
+                        this.delegating = false;
+                    })
+                        .catch(e => {
+                        console.log('[SIGN] Error delegating request', e);
+                        Toast.VerdocsToast('Unable to process delegation request. Please try again later.', { style: 'error' });
+                    });
+                } }));
+        }
+        if (this.declining) {
+            return (index.h("verdocs-ok-dialog", { heading: "Decline Signing Request", message: `If you decline to sign this request, you will not be able to sign again in the future. The envelope sender will be notified.`, buttonLabel: "OK", showCancel: true, onExit: () => (this.declining = false), onNext: () => {
+                    jsSdk.envelopeRecipientDecline(this.endpoint, this.envelopeId, this.roleId)
+                        .then(r => {
+                        console.log('[SIGN] Decline result', r);
+                        window.location.reload();
+                    })
+                        .catch(e => console.warn('[SIGN] Error declining signing session', e));
+                } }));
+        }
         if (!this.agreed) {
-            return (index.h(index.Host, { class: "agreed" }, index.h("div", { id: "verdocs-sign-header" }, index.h("div", { class: "inner" }, index.h("img", { src: "https://verdocs.com/assets/white-logo.svg", alt: "Verdocs Logo", class: "logo" }), index.h("div", { class: "title" }, this.envelope.name))), index.h("div", { class: "document", style: { paddingTop: '15px' } }, index.h("img", { src: "https://public-assets.verdocs.com/loading-placeholder.png", style: { width: '612px', height: '792px', boxShadow: '0 0 10px 5px #0000000f', marginTop: '15px' }, alt: "Placeholder page" })), index.h("div", { class: "cover" }, index.h("div", { class: "agree" }, index.h("verdocs-checkbox", { name: "agree", label: "By checking this box, you:", onInput: () => this.handleClickAgree() }), index.h("div", { innerHTML: this.disclosure })))));
+            return (index.h(index.Host, { class: "agreed" }, index.h("div", { id: "verdocs-sign-header" }, index.h("div", { class: "inner" }, index.h("img", { src: "https://verdocs.com/assets/white-logo.svg", alt: "Verdocs Logo", class: "logo" }), index.h("div", { class: "title" }, this.envelope.name))), index.h("div", { class: "document", style: { paddingTop: '15px' } }, index.h("img", { src: "https://public-assets.verdocs.com/loading-placeholder.png", style: { width: '612px', height: '792px', boxShadow: '0 0 10px 5px #0000000f', marginTop: '15px' }, alt: "Placeholder page" })), index.h("verdocs-disclosure-dialog", { disclosures: this.disclosures, onDecline: () => (this.declining = true), onAccept: () => this.handleClickAgree() })));
         }
         if (this.authStep === 'passcode') {
             return (index.h(index.Host, { class: "kba" }, index.h("div", { id: "verdocs-sign-header" }, index.h("div", { class: "inner" }, index.h("img", { src: "https://verdocs.com/assets/white-logo.svg", alt: "Verdocs Logo", class: "logo" }), index.h("div", { class: "title" }, this.envelope.name))), index.h("div", { class: "document", style: { paddingTop: '15px' } }, index.h("img", { src: "https://public-assets.verdocs.com/loading-placeholder.png", style: { width: '612px', height: '792px', boxShadow: '0 0 10px 5px #0000000f', marginTop: '15px' }, alt: "Placeholder page" })), index.h("div", { class: "cover" }, index.h("div", { class: "kba" }, index.h("verdocs-kba-dialog", { mode: "text", step: 1, steps: 1, placeholder: "Enter your passcode...", helptitle: "Document is protected by a Passcode", helptext: "Please enter your Passcode to proceed. If you do not have one, please contact the sender.", label: "Passcode", onNext: e => this.handleAuthenticateSigner({ auth_method: 'passcode', code: e.detail }) })))));