@verdocs/web-sdk 4.2.65 → 4.2.67

package/dist/collection/components/templates/verdocs-template-sender/verdocs-template-sender.js

@@ -61,7 +61,7 @@ export class VerdocsTemplateSender {
         });
     }
     render() {
-        return (h(Host, { key: '9e9ef64cde93a41755f5ef65c83fc4b1bb9ee01b' }, h("div", { key: 'a61e16463bb714f638183e5c8c345949c79628d1', class: "background-overlay", onClick: e => this.handleDismiss(e) }, h("div", { key: '6a05996d6b580d4ddbe8cc572a564aa4fdd88816', class: "dialog" }, h("div", { key: 'e756c920bff6d5ee85ac5fdc6e8eb2f7e1a3f0b5', class: "options" }, h("div", { key: '6d982838a3f40ca4102766a0c3baa68a08d71306', class: "option" }, h("verdocs-radio-button", { key: '2a818db6d423fc7853001b929b32397851fd4d03', name: "template-sender", value: 'everyone', checked: this.sender === 'everyone', onInput: () => this.handleSelectSetting('everyone') }), h("div", { key: '528abe8e247f25b2604a1c416cd5c2c750a9c91e', class: "description" }, h("div", { key: '36c2f98411689f5cbde72126d40d4977f88f30d5', class: "name" }, "Anyone on the Web"), h("verdocs-help-icon", { key: 'da8f47ff1109354760cb4d4c108915344047fa72', text: "Anyone can use this template. (Make its visibility is set to to 'Public' or 'Shared'.)" }))), h("div", { key: '2bb6c38c70166847282fb84156db0e82d3b4b7ed', class: "option" }, h("verdocs-radio-button", { key: 'b32b4ebaad9cea2e326e64b14a146d77ce9ac688', name: "template-sender", value: 'everyone_as_creator', checked: this.sender === 'everyone_as_creator', onInput: () => this.handleSelectSetting('everyone_as_creator') }), h("div", { key: '4bc7df2433d7c910810c10b4dec2a2def1f65872', class: "description" }, h("div", { key: '2a519c9e9445483b2d42acc5a84f64c29f201698', class: "name" }, "Anyone on the Web as me"), h("verdocs-help-icon", { key: '595192635e702c82b30b10a0dc01f6645c124cf7', text: "Anyone can use this template on my behalf. (Make sure its visibility is set to 'Public' or 'Shared'.)" }))), h("div", { key: '7043b0d4cfa7d496c8ed74aa48367092b71dac1a', class: "option" }, h("verdocs-radio-button", { key: 'a140410593b31efdd671143f3f8ae9d879169610', name: "template-sender", value: 'organization_member', checked: this.sender === 'organization_member', onInput: () => this.handleSelectSetting('organization_member') }), h("div", { key: 'bc6fe482b77823d369d02015878c651e52b861fb', class: "description" }, h("div", { key: '540eeecb14a47a5a243974ecfd1d3d747808686a', class: "name" }, "Anyone in my organization"), h("verdocs-help-icon", { key: '7268b0f914c9eaef3767ed2aad0cd21d824b0639', text: "Anyone in my organization can use this template. (Make sure its visibility is set to 'Shared')" }))), h("div", { key: 'dbff363f43edd13ab98744a90a54343a2cd884ef', class: "option" }, h("verdocs-radio-button", { key: 'e0cf3a3d06064b4e14bd85f3993fb4aa6e48b578', name: "template-sender", value: 'organization_member_as_creator', checked: this.sender === 'organization_member_as_creator', onInput: () => this.handleSelectSetting('organization_member_as_creator') }), h("div", { key: 'e1f2a4d7700cf4f9a647cdd5004ae82c7e082e39', class: "description" }, h("div", { key: 'ccbb7eae66fabd9f148c860c0fee51cbfdaecedb', class: "name" }, "Anyone in my organization as me"), h("verdocs-help-icon", { key: '8180a0a23de8d6c1e027db40bd18ed99c9ebd6af', text: "Anyone in my organization can use this template on my behalf. (Make sure its visibility is set to to 'Shared'.)" }))), h("div", { key: '1ef46894cb6b02701c6ae3598758bebefa0675d1', class: "option" }, h("verdocs-radio-button", { key: '36c97de57f438532068f9f132ece7c3d122e08e7', name: "template-sender", value: 'creator', checked: this.sender === 'creator', onInput: () => this.handleSelectSetting('creator') }), h("div", { key: '2bfa370b704ea584184fa5fe87178dcef1b90353', class: "description" }, h("div", { key: '436064827af589be38206212c23e9dfdba8f5e30', class: "name" }, "Me"), h("verdocs-help-icon", { key: 'a7be4de3d89bba37f2d8711725165d885b5fc20a', text: "Only I can use this template." })))), h("div", { key: '7e232f0c77b522a9a4cee610eceee784d89aff00', class: "buttons" }, h("verdocs-button", { key: '350d156285cfe7f595deed97112715c1398bf740', label: "Close", onClick: () => this.handleClose() }))))));
+        return (h(Host, { key: '583b2822a283803869ebcacf60f865600f645738' }, h("div", { key: '723126afa987bac429f8497939b6a13be46e1244', class: "background-overlay", onClick: e => this.handleDismiss(e) }, h("div", { key: '2350183ba9d4c59451ba4e3d7fa08c92759db60d', class: "dialog" }, h("div", { key: '8db80acbfca0145d2d4665f6cb04735c4a3436bc', class: "options" }, h("div", { key: '4a88ee34834e36e80ce2c05e24eb4e984665c333', class: "option" }, h("verdocs-radio-button", { key: 'a8da7866a0b7257bc787058543a94f567d644d94', name: "template-sender", value: 'everyone', checked: this.sender === 'everyone', onInput: () => this.handleSelectSetting('everyone') }), h("div", { key: 'a6b32902e30c15ef340727b03d52ed87ef13900f', class: "description" }, h("div", { key: 'ddcf96cbc5370f10b514afea7a41411dfaffe218', class: "name" }, "Anyone on the Web"), h("verdocs-help-icon", { key: '1525e73c29533e0057ffd4fcc1c1b3010184d45e', text: "Anyone can use this template. (Make its visibility is set to to 'Public' or 'Shared'.)" }))), h("div", { key: '66f6b45c1d2b80c55325c81f248eba886b06855c', class: "option" }, h("verdocs-radio-button", { key: 'cc494768308e4aef5885717655d1faf1ba0a6b1c', name: "template-sender", value: 'everyone_as_creator', checked: this.sender === 'everyone_as_creator', onInput: () => this.handleSelectSetting('everyone_as_creator') }), h("div", { key: 'e3d21ae499705f4307bf7c994655a5644ffebac8', class: "description" }, h("div", { key: '21d2da2e103c1f3d1826558a58cc86c66d60a3d3', class: "name" }, "Anyone on the Web as me"), h("verdocs-help-icon", { key: '7262453c9e28f03740f63a281d7de8b43a062741', text: "Anyone can use this template on my behalf. (Make sure its visibility is set to 'Public' or 'Shared'.)" }))), h("div", { key: 'f8b60a5edbab1530a59a73066a63ef762f9d12fe', class: "option" }, h("verdocs-radio-button", { key: 'a4e089f56a257c57f07e1d485bb50ecd43cdcea2', name: "template-sender", value: 'organization_member', checked: this.sender === 'organization_member', onInput: () => this.handleSelectSetting('organization_member') }), h("div", { key: '4d7b5cc7cf355a4c02aac414c59a8bde21fb9061', class: "description" }, h("div", { key: '78594270d43642f97986aca41cce45d2bfcb3736', class: "name" }, "Anyone in my organization"), h("verdocs-help-icon", { key: 'f7bb0d253f7885843a3874021c52a5b8f9c3a0b7', text: "Anyone in my organization can use this template. (Make sure its visibility is set to 'Shared')" }))), h("div", { key: '6a9e882ad416698e0cb2d2572df52fb0fffe676f', class: "option" }, h("verdocs-radio-button", { key: '608bf8ac1683a0abdf98c36c8bca8a3e9c090654', name: "template-sender", value: 'organization_member_as_creator', checked: this.sender === 'organization_member_as_creator', onInput: () => this.handleSelectSetting('organization_member_as_creator') }), h("div", { key: '9c1a266de9e38e2c5b71f9c2ec36bd53abdcd6a2', class: "description" }, h("div", { key: '59137d5f47fa5883385481ac4f8cced890417c29', class: "name" }, "Anyone in my organization as me"), h("verdocs-help-icon", { key: 'ac690134009fdd7c5d25137abec812b7806947f6', text: "Anyone in my organization can use this template on my behalf. (Make sure its visibility is set to to 'Shared'.)" }))), h("div", { key: 'f79871b2b293333b6fa9e776101b854fa7e81d73', class: "option" }, h("verdocs-radio-button", { key: 'ba911a4d9a096b7517949f045fb9aa7a73a52bc1', name: "template-sender", value: 'creator', checked: this.sender === 'creator', onInput: () => this.handleSelectSetting('creator') }), h("div", { key: '1de101824b2afa9cb0d27225e609ebe492c0e4c0', class: "description" }, h("div", { key: 'd42b859c7090d265855ddaff8b3671fc6120a5a9', class: "name" }, "Me"), h("verdocs-help-icon", { key: 'b3b4c246b7d47c3aa8f62a3c9ab9bafc51934267', text: "Only I can use this template." })))), h("div", { key: 'cb13b928cbf5c6649e7fda0a3ba801f46b25ef11', class: "buttons" }, h("verdocs-button", { key: '1f66a641e30ee392b72b0a7615dd6a8cd72e528a', label: "Close", onClick: () => this.handleClose() }))))));
     }
     static get is() { return "verdocs-template-sender"; }
     static get originalStyleUrls() {

package/dist/collection/components/templates/verdocs-template-star/verdocs-template-star.js

@@ -38,7 +38,7 @@ export class VerdocsTemplateStar {
         });
     }
     render() {
-        return (h(Host, { key: '02bbcc99ccb3fbce1d8bad4b2ff5b7fabee24132' }, h("div", { key: '4bfa868d8709b6b0d4f673635973b3ec94a1880c', class: `star ${this.updating ? 'updating' : ''}`, innerHTML: this.template.star_counter ? SolidStarIcon : OutlineStarIcon, onClick: e => this.toggle(e) }), h("div", { key: '0b5bf70bf88058ad49fd587be937ce2d61052858', class: "count" }, this.template.star_counter || '--')));
+        return (h(Host, { key: '5582f84ac65a8fe90250a8b739859244cabb53ca' }, h("div", { key: '3766be1b6d584d8306e1bcb54006e877f1d3f486', class: `star ${this.updating ? 'updating' : ''}`, innerHTML: this.template.star_counter ? SolidStarIcon : OutlineStarIcon, onClick: e => this.toggle(e) }), h("div", { key: 'fef0f2f338b176d1e219f5a2a1b3a932a1c404cd', class: "count" }, this.template.star_counter || '--')));
     }
     static get is() { return "verdocs-template-star"; }
     static get originalStyleUrls() {

package/dist/collection/components/templates/verdocs-template-tags/verdocs-template-tags.js

@@ -8,7 +8,7 @@ export class VerdocsTemplateTags {
     }
     render() {
         var _a;
-        return (h(Host, { key: 'b365b82377eea90c414fe742dd023306abcf7393' }, (_a = this.tags) === null || _a === void 0 ? void 0 : _a.map(tag => (h("span", null, tag)))));
+        return (h(Host, { key: '16a590cac229600625f42680d2743b112358c502' }, (_a = this.tags) === null || _a === void 0 ? void 0 : _a.map(tag => (h("span", null, tag)))));
     }
     static get is() { return "verdocs-template-tags"; }
     static get originalStyleUrls() {

package/dist/components/index.js

@@ -37,7 +37,6 @@ import { VerdocsProgressBar } from './verdocs-progress-bar.js';
 import { VerdocsQuickFilter } from './verdocs-quick-filter.js';
 import { VerdocsQuickFunctions } from './verdocs-quick-functions.js';
 import { VerdocsRadioButton } from './verdocs-radio-button.js';
-import { VerdocsSearch } from './verdocs-search.js';
 import { VerdocsSearchBox } from './verdocs-search-box.js';
 import { VerdocsSearchTabs } from './verdocs-search-tabs.js';
 import { VerdocsSelectInput } from './verdocs-select-input.js';
@@ -114,7 +113,6 @@ const defineCustomElements = (opts) => {
             VerdocsQuickFilter,
             VerdocsQuickFunctions,
             VerdocsRadioButton,
-            VerdocsSearch,
             VerdocsSearchBox,
             VerdocsSearchTabs,
             VerdocsSelectInput,

package/dist/components/verdocs-envelope-document-page2.js

@@ -76,7 +76,7 @@ const VerdocsEnvelopeDocumentPage = /*@__PURE__*/ proxyCustomElement(class Verdo
     }
     render() {
         const height = `${this.renderedHeight}px`;
-        return (h(Host, { key: 'f4ffa325b8eb3f8047dbe704cfc89aeeee1aad26', id: `${this.containerId}`, style: { height, flex: `0 0 ${height}` } }, this.layers.map(layer => layer.type === 'div' ? (h("div", { class: "verdocs-envelope-document-page-layer", id: `${this.containerId}-${layer.name}`, style: { height } })) : this.pageDisplayUri ? (h("img", { class: "verdocs-envelope-document-page-layer img", id: `${this.containerId}-${layer.name}`, src: this.pageDisplayUri, alt: `Page ${this.pageNumber}`, "aria-hidden": true, loading: "lazy", onLoad: (e) => {
+        return (h(Host, { key: '665b5a6ff95da03cf616a320e073bc9cfa05b8b9', id: `${this.containerId}`, style: { height, flex: `0 0 ${height}` } }, this.layers.map(layer => layer.type === 'div' ? (h("div", { class: "verdocs-envelope-document-page-layer", id: `${this.containerId}-${layer.name}`, style: { height } })) : this.pageDisplayUri ? (h("img", { class: "verdocs-envelope-document-page-layer img", id: `${this.containerId}-${layer.name}`, src: this.pageDisplayUri, alt: `Page ${this.pageNumber}`, "aria-hidden": true, loading: "lazy", onLoad: (e) => {
                 // Note that all we really care about is the aspect ratio. We track the natural Width and Height but they aren't really that
                 // useful as individual values. The image will already have been scaled down to fit a DIV for display (100%, auto height).
                 // Builder places fields offset into the rendered display area, not the original document's dimensions. So its X/Y values

package/dist/components/verdocs-envelope-recipient-link2.js

@@ -5,7 +5,7 @@ import { V as VerdocsToast } from './Toast.js';
 import { S as SDKError } from './errors.js';
 import { d as defineCustomElement$1 } from './verdocs-button2.js';
 
-const verdocsEnvelopeRecipientLinkCss = "@-webkit-keyframes verdocs-field-pulse{0%{background-color:rgba(0, 0, 0, 0.35)}50%{background-color:rgba(0, 0, 0, 0)}100%{background-color:rgba(0, 0, 0, 0.35)}}@keyframes verdocs-field-pulse{0%{background-color:rgba(0, 0, 0, 0.35)}50%{background-color:rgba(0, 0, 0, 0)}100%{background-color:rgba(0, 0, 0, 0.35)}}verdocs-envelope-recipient-link{top:0;left:0;right:0;bottom:0;display:-ms-flexbox;display:flex;z-index:100000;position:fixed;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;font-family:\"Inter\", \"Barlow\", sans-serif;background-color:rgba(0, 0, 0, 0.4980392157)}verdocs-envelope-recipient-link .summary-content{width:600px;display:-ms-flexbox;display:flex;max-width:90%;font-size:18px;-ms-flex:0 0 600px;flex:0 0 600px;border-radius:6px;background:#ffffff;-ms-flex-direction:column;flex-direction:column;padding:30px 20px 20px}verdocs-envelope-recipient-link .summary-content .summary-title{font-size:20px;font-weight:700;margin:0 0 10px 0;color:#33364b}verdocs-envelope-recipient-link .summary-recipient{display:-ms-flexbox;display:flex;color:#33364b;margin:8px 0 24px 0;-ms-flex-direction:column;flex-direction:column}verdocs-envelope-recipient-link .summary-recipient .role-name{-ms-flex:1;flex:1;display:-ms-flexbox;display:flex;font-size:14px;font-weight:600;margin:0 0 8px 0;color:#092c4c}verdocs-envelope-recipient-link .summary-recipient .role-info{gap:5px;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:end;align-items:flex-end}verdocs-envelope-recipient-link .summary-recipient .role-full-name{-ms-flex:1;flex:1;height:34px;display:-ms-flexbox;display:flex;font-size:16px;padding:0 12px;border-radius:4px;-ms-flex-align:center;align-items:center;border:1px solid #cccccc;background:rgb(249, 250, 251)}verdocs-envelope-recipient-link .summary-recipient .recipient-link{width:120px;padding:0 16px;font-weight:500;margin:0 0 0 8px;text-align:center;font-size:0.875rem;border-radius:100%;color:rgb(55, 65, 81);line-height:1.25rem;background-color:#d8d8d8;border:2px solid rgb(156, 163, 175)}verdocs-envelope-recipient-link .summary-recipient .link-wrapper{gap:5px;display:-ms-flexbox;display:flex;margin:4px 0 0 0;-ms-flex-direction:row;flex-direction:row}verdocs-envelope-recipient-link .summary-recipient .link-wrapper .link{-ms-flex:1;flex:1;height:34px;display:-ms-flexbox;display:flex;font-size:16px;padding:0 12px;border-radius:4px;-ms-flex-align:center;align-items:center;border:1px solid #cccccc;background:rgb(249, 250, 251)}verdocs-envelope-recipient-link .buttons{display:-ms-flexbox;display:flex;-webkit-column-gap:15px;-moz-column-gap:15px;column-gap:15px;margin:10px 0 0 0;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}verdocs-envelope-recipient-link .buttons verdocs-button{-ms-flex:0 0 120px;flex:0 0 120px;margin-left:10px;white-space:nowrap}verdocs-envelope-recipient-link .buttons verdocs-button button{width:100%}";
+const verdocsEnvelopeRecipientLinkCss = "@-webkit-keyframes verdocs-field-pulse{0%{background-color:rgba(0, 0, 0, 0.35)}50%{background-color:rgba(0, 0, 0, 0)}100%{background-color:rgba(0, 0, 0, 0.35)}}@keyframes verdocs-field-pulse{0%{background-color:rgba(0, 0, 0, 0.35)}50%{background-color:rgba(0, 0, 0, 0)}100%{background-color:rgba(0, 0, 0, 0.35)}}verdocs-envelope-recipient-link{top:0;left:0;right:0;bottom:0;display:-ms-flexbox;display:flex;z-index:100000;position:fixed;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;font-family:\"Inter\", \"Barlow\", sans-serif;background-color:rgba(0, 0, 0, 0.4980392157)}verdocs-envelope-recipient-link .summary-content{width:600px;display:-ms-flexbox;display:flex;max-width:90%;font-size:18px;-ms-flex:0 0 600px;flex:0 0 600px;border-radius:6px;background:#ffffff;-ms-flex-direction:column;flex-direction:column;padding:30px 20px 20px}verdocs-envelope-recipient-link .summary-content .summary-title{font-size:20px;font-weight:700;margin:0 0 10px 0;color:#33364b}verdocs-envelope-recipient-link .summary-recipient{display:-ms-flexbox;display:flex;color:#33364b;margin:8px 0 24px 0;-ms-flex-direction:column;flex-direction:column}verdocs-envelope-recipient-link .summary-recipient .role-name{-ms-flex:1;flex:1;display:-ms-flexbox;display:flex;font-size:14px;font-weight:600;margin:0 0 8px 0;color:#092c4c}verdocs-envelope-recipient-link .summary-recipient .role-info{gap:5px;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:end;align-items:flex-end}verdocs-envelope-recipient-link .summary-recipient .role-full-name{-ms-flex:1;flex:1;height:34px;display:-ms-flexbox;display:flex;font-size:16px;padding:0 12px;border-radius:4px;-ms-flex-align:center;align-items:center;border:1px solid #cccccc;background:rgb(249, 250, 251)}verdocs-envelope-recipient-link .summary-recipient .recipient-link{width:120px;padding:0 16px;font-weight:500;margin:0 0 0 8px;text-align:center;font-size:0.875rem;border-radius:100%;color:rgb(55, 65, 81);line-height:1.25rem;background-color:#d8d8d8;border:2px solid rgb(156, 163, 175)}verdocs-envelope-recipient-link .summary-recipient .link-wrapper{gap:5px;display:-ms-flexbox;display:flex;margin:4px 0 0 0;-ms-flex-direction:row;flex-direction:row}verdocs-envelope-recipient-link .summary-recipient .link-wrapper .link{-ms-flex:1;flex:1;height:34px;display:-ms-flexbox;display:flex;font-size:16px;padding:0 12px;overflow:hidden;margin:0 6px 0 0;border-radius:4px;white-space:nowrap;-ms-flex-align:center;align-items:center;text-overflow:ellipsis;border:1px solid #cccccc;background:rgb(249, 250, 251)}verdocs-envelope-recipient-link .buttons{display:-ms-flexbox;display:flex;-webkit-column-gap:15px;-moz-column-gap:15px;column-gap:15px;margin:10px 0 0 0;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}verdocs-envelope-recipient-link .buttons verdocs-button{-ms-flex:0 0 120px;flex:0 0 120px;margin-left:10px;white-space:nowrap}verdocs-envelope-recipient-link .buttons verdocs-button button{width:100%}";
 const VerdocsEnvelopeRecipientLinkStyle0 = verdocsEnvelopeRecipientLinkCss;
 
 const VerdocsEnvelopeRecipientLink = /*@__PURE__*/ proxyCustomElement(class VerdocsEnvelopeRecipientLink extends HTMLElement {

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

@@ -1,5 +1,5 @@
 import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
-import { VerdocsEndpoint, resendInvitation, cancelEnvelope, userIsEnvelopeOwner } from '@verdocs/js-sdk';
+import { VerdocsEndpoint, resendInvitation, cancelEnvelope, userIsEnvelopeOwner, capitalize } from '@verdocs/js-sdk';
 import { g as getEnvelopeStore } from './EnvelopeStore.js';
 import { F as FORMAT_TIMESTAMP } from './Types.js';
 import { V as VerdocsToast } from './Toast.js';
@@ -269,7 +269,7 @@ const VerdocsEnvelopeSidebar$1 = /*@__PURE__*/ proxyCustomElement(class VerdocsE
         const isEnvelopeOwner = userIsEnvelopeOwner(this.endpoint.profile, this.store.state);
         const historyEntries = this.prepareHistoryEntries();
         const functionsDisabled = ((_b = (_a = this.store) === null || _a === void 0 ? void 0 : _a.state) === null || _b === void 0 ? void 0 : _b.status) !== 'pending' && ((_d = (_c = this.store) === null || _c === void 0 ? void 0 : _c.state) === null || _d === void 0 ? void 0 : _d.status) !== 'in progress';
-        return (h(Host, { class: this.panelOpen ? 'open' : '' }, h("div", { class: "side-buttons" }, h("button", { class: this.activeTab === 1 ? 'active' : '', onClick: () => this.setTab(1), innerHTML: InformationCircle }), h("button", { class: this.activeTab === 2 ? 'active' : '', onClick: () => this.setTab(2), innerHTML: Users }), h("button", { class: this.activeTab === 3 ? 'active' : '', onClick: () => this.setTab(3), innerHTML: ClipboardDocuments })), this.activeTab === 1 && (h("div", { class: "content" }, h("div", { class: "title" }, "Details"), h("div", { class: "label" }, "Envelope ID"), h("div", { class: "value" }, (_f = (_e = this.store) === null || _e === void 0 ? void 0 : _e.state) === null || _f === void 0 ? void 0 : _f.id), h("div", { class: "label" }, "Date Created"), h("div", { class: "value" }, dateFns.format(new Date((_h = (_g = this.store) === null || _g === void 0 ? void 0 : _g.state) === null || _h === void 0 ? void 0 : _h.created_at), FORMAT_TIMESTAMP)), h("div", { class: "label" }, "Last Modified"), h("div", { class: "value" }, dateFns.format(new Date((_k = (_j = this.store) === null || _j === void 0 ? void 0 : _j.state) === null || _k === void 0 ? void 0 : _k.updated_at), FORMAT_TIMESTAMP)), h("div", { class: "label" }, "Status"), h("div", { class: "value" }, (_m = (_l = this.store) === null || _l === void 0 ? void 0 : _l.state) === null || _m === void 0 ? void 0 : _m.status), h("div", { class: "label" }, "Verdoc Owner ID"), h("div", { class: "value" }, (_p = (_o = this.store) === null || _o === void 0 ? void 0 : _o.state) === null || _p === void 0 ? void 0 : _p.profile_id), h("div", { class: "label" }, "Verdoc Owner Name"), h("div", { class: "value" }, (_s = (_r = (_q = this.store) === null || _q === void 0 ? void 0 : _q.state) === null || _r === void 0 ? void 0 : _r.profile) === null || _s === void 0 ? void 0 :
+        return (h(Host, { class: this.panelOpen ? 'open' : '' }, h("div", { class: "side-buttons" }, h("button", { class: this.activeTab === 1 ? 'active' : '', onClick: () => this.setTab(1), innerHTML: InformationCircle }), h("button", { class: this.activeTab === 2 ? 'active' : '', onClick: () => this.setTab(2), innerHTML: Users }), h("button", { class: this.activeTab === 3 ? 'active' : '', onClick: () => this.setTab(3), innerHTML: ClipboardDocuments })), this.activeTab === 1 && (h("div", { class: "content" }, h("div", { class: "title" }, "Details"), h("div", { class: "label" }, "Envelope ID"), h("div", { class: "value" }, (_f = (_e = this.store) === null || _e === void 0 ? void 0 : _e.state) === null || _f === void 0 ? void 0 : _f.id), h("div", { class: "label" }, "Date Created"), h("div", { class: "value" }, dateFns.format(new Date((_h = (_g = this.store) === null || _g === void 0 ? void 0 : _g.state) === null || _h === void 0 ? void 0 : _h.created_at), FORMAT_TIMESTAMP)), h("div", { class: "label" }, "Last Modified"), h("div", { class: "value" }, dateFns.format(new Date((_k = (_j = this.store) === null || _j === void 0 ? void 0 : _j.state) === null || _k === void 0 ? void 0 : _k.updated_at), FORMAT_TIMESTAMP)), h("div", { class: "label" }, "Status"), h("div", { class: "value" }, capitalize((_m = (_l = this.store) === null || _l === void 0 ? void 0 : _l.state) === null || _m === void 0 ? void 0 : _m.status)), h("div", { class: "label" }, "Verdoc Owner ID"), h("div", { class: "value" }, (_p = (_o = this.store) === null || _o === void 0 ? void 0 : _o.state) === null || _p === void 0 ? void 0 : _p.profile_id), h("div", { class: "label" }, "Verdoc Owner Name"), h("div", { class: "value" }, (_s = (_r = (_q = this.store) === null || _q === void 0 ? void 0 : _q.state) === null || _r === void 0 ? void 0 : _r.profile) === null || _s === void 0 ? void 0 :
             _s.first_name, " ", (_v = (_u = (_t = this.store) === null || _t === void 0 ? void 0 : _t.state) === null || _u === void 0 ? void 0 : _u.profile) === null || _v === void 0 ? void 0 :
             _v.last_name), h("div", { class: "label" }, "Verdoc Owner Email"), h("div", { class: "value" }, (_y = (_x = (_w = this.store) === null || _w === void 0 ? void 0 : _w.state) === null || _x === void 0 ? void 0 : _x.profile) === null || _y === void 0 ? void 0 : _y.email))), this.activeTab === 2 && (h("div", { class: "content" }, h("div", { class: "title" }, "Recipients"), (_0 = (_z = this.store) === null || _z === void 0 ? void 0 : _z.state) === null || _0 === void 0 ? void 0 :
             _0.recipients.map((recipient, index) => {

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

@@ -203,18 +203,18 @@ const VerdocsEnvelopesList$1 = /*@__PURE__*/ proxyCustomElement(class VerdocsEnv
         });
     }
     render() {
-        return (h(Host, { key: 'f2d9959d6f173c5f43075cd8e983bfaa204b4d74' }, h("div", { key: '13d4ba423c58911e560b3f0fcd005aefaac9bf85', class: "header" }, h("div", { key: '856651a72ebaa3402985a07adf898c1248ab90fc', class: "filter" }, h("verdocs-text-input", { key: '36e95337804ee01a54c2a2cb09770ceae1a3be12', id: "verdocs-filter-name", value: this.match, clearable: true, autocomplete: "off", placeholder: "Filter by Name, Recipient, or Field...", onFocusout: (e) => {
+        return (h(Host, { key: '3ae39749a7f73fc7c42cb22530d0bcf2580444d7' }, h("div", { key: '64e62d2161fba13ecbc6a6d1b4d27a72c39329a3', class: "header" }, h("div", { key: 'cbf70502d0d58448296babbc108cad7332feb337', class: "filter" }, h("verdocs-text-input", { key: '59585606699673d1114fc8ac3bd34d970c19d853', id: "verdocs-filter-name", value: this.match, clearable: true, autocomplete: "off", placeholder: "Filter by Name, Recipient, or Field...", onFocusout: (e) => {
                 var _a;
                 // We don't locally filter envelopes because there are too many fields to match against efficiently.
                 this.match = e.target.value.trim();
                 (_a = this.changeMatch) === null || _a === void 0 ? void 0 : _a.emit(this.match);
-            } })), h("verdocs-quick-filter", { key: 'f3a65dcdbfa5eeae30d0b5c97b936197d48a0c6f', label: "View", value: this.view, options: ViewFilters, onOptionSelected: e => {
+            } })), h("verdocs-quick-filter", { key: 'a28bb6b35d27da46dbc281911353cd7db1884757', label: "View", value: this.view, options: ViewFilters, onOptionSelected: e => {
                 this.view = e.detail.value;
-            } }), this.view === 'all' && (h("verdocs-quick-filter", { key: '4eea6c7923251c0d9758cf7eb1fd1e13f62d3e77', label: "Status", value: this.status, options: StatusFilters, onOptionSelected: e => {
+            } }), this.view === 'all' && (h("verdocs-quick-filter", { key: 'fdfdb38a536d101a68701f5fd43afb5e33ba401c', label: "Status", value: this.status, options: StatusFilters, onOptionSelected: e => {
                 this.status = e.detail.value;
-            } })), this.view === 'all' && (h("verdocs-quick-filter", { key: '6b5495e7e03b06f4b0dd0cbccada866a04f0efe8', label: "Sort By", value: this.sort, options: SortFilters, onOptionSelected: e => {
+            } })), this.view === 'all' && (h("verdocs-quick-filter", { key: '4392aac6533595b758822248bfee32644e33cce9', label: "Sort By", value: this.sort, options: SortFilters, onOptionSelected: e => {
                 this.sort = e.detail.value;
-            } })), this.loading && h("verdocs-spinner", { key: 'c37a510b39de9bd7ddb8617cc3af592eb88a260d', mode: "dark", size: 24 }), h("div", { key: '04db9eca9b23e3dceb163d8cb6bcf766cfb28fa2', style: { display: 'flex', flex: '1' } }), this.selectedEnvelopes.length > 0 && h("verdocs-button", { key: '0fd88565bbc87bf75c164715a8cc69099c39ba01', label: `Download (${this.selectedEnvelopes.length})`, onClick: () => this.handleDownload() })), this.envelopes.map(envelope => {
+            } })), this.loading && h("verdocs-spinner", { key: 'bb385ef9fb1ea56892e9b0f8e42b2d30c483a970', mode: "dark", size: 24 }), h("div", { key: '2087c1466a7d48b6cdcf0b3fb84c09500b0be704', style: { display: 'flex', flex: '1' } }), this.selectedEnvelopes.length > 0 && h("verdocs-button", { key: 'b4b58daf674c9c54ada7052c635d4ea5add10b17', label: `Download (${this.selectedEnvelopes.length})`, onClick: () => this.handleDownload() })), this.envelopes.map(envelope => {
             var _a;
             const recipientsWithActions = getRecipientsWithActions(envelope);
             const userCanCancel = userCanCancelEnvelope(this.endpoint.profile, envelope);
@@ -255,7 +255,7 @@ const VerdocsEnvelopesList$1 = /*@__PURE__*/ proxyCustomElement(class VerdocsEnv
                             break;
                     }
                 } }))));
-        }), !this.initiallyLoaded && (h("div", { key: 'fcea4e8de649f7e811adfd2465e3ec59b5d14289', style: { width: '100%' } }, integerSequence(0, this.rowsPerPage).map(() => (h("div", { class: "envelope-placeholder" }))))), this.initiallyLoaded && !this.envelopes.length && h("div", { key: '9f69370d4263290168b89d746c8d9adf25ea87fb', class: "empty-text" }, "No matching envelopes found. Please adjust your filters and try again."), this.initiallyLoaded && this.envelopes.length && this.showPagination ? (h("div", { style: { marginTop: '20px' } }, h("verdocs-pagination", { selectedPage: this.selectedPage, perPage: this.rowsPerPage, itemCount: this.count, onSelectPage: e => {
+        }), !this.initiallyLoaded && (h("div", { key: '477e410e086b0dd58c10b22d1f378cb9c76a4207', style: { width: '100%' } }, integerSequence(0, this.rowsPerPage).map(() => (h("div", { class: "envelope-placeholder" }))))), this.initiallyLoaded && !this.envelopes.length && h("div", { key: '4a9d505fe194b1a7ceee18b1dccf69672ebad48c', class: "empty-text" }, "No matching envelopes found. Please adjust your filters and try again."), this.initiallyLoaded && this.envelopes.length && this.showPagination ? (h("div", { style: { marginTop: '20px' } }, h("verdocs-pagination", { selectedPage: this.selectedPage, perPage: this.rowsPerPage, itemCount: this.count, onSelectPage: e => {
                 this.selectedPage = e.detail.selectedPage;
             } }))) : (h("div", null))));
     }

package/dist/components/verdocs-quick-functions.js

@@ -1,4 +1,45 @@
-import { V as VerdocsQuickFunctions$1, d as defineCustomElement$1 } from './verdocs-quick-functions2.js';
+import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
+import { VerdocsEndpoint } from '@verdocs/js-sdk';
+
+const verdocsQuickFunctionsCss = "@-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-quick-functions{font-family:\"Inter\", -apple-system, \"Segoe UI\", \"Roboto\", \"Helvetica Neue\", sans-serif}verdocs-quick-functions .container{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-wrap:nowrap;flex-wrap:nowrap;width:240px;background-color:#1e2031;text-transform:uppercase;padding:10px 10px 20px 10px;font-family:sans-serif;color:#ffffff}verdocs-quick-functions .title{font-size:22px;font-weight:700;line-height:30px;margin:1em 0 40px 0}verdocs-quick-functions button{width:140px;height:40px;border:none;display:-ms-flexbox;display:flex;color:#ffffff;cursor:pointer;font-size:14px;font-weight:700;line-height:25px;-ms-flex-align:center;align-items:center;margin-bottom:20px;border-radius:5px;text-transform:uppercase;-ms-flex-pack:space-evenly;justify-content:space-evenly;background-color:#55bc81}verdocs-quick-functions button svg{fill:#ffffff}";
+const VerdocsQuickFunctionsStyle0 = verdocsQuickFunctionsCss;
+
+const DocumentIcon = `<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 0 24 24" width="24px" fill="#000000"><path d="M0 0h24v24H0V0z" fill="none"/><path d="M8 16h8v2H8zm0-4h8v2H8zm6-10H6c-1.1 0-2 .9-2 2v16c0 1.1.89 2 1.99 2H18c1.1 0 2-.9 2-2V8l-6-6zm4 18H6V4h7v5h5v11z"/></svg>`;
+const TemplateIcon = `<svg xmlns="http://www.w3.org/2000/svg" enable-background="new 0 0 24 24" height="24px" viewBox="0 0 24 24" width="24px" fill="#000000"><g><rect fill="none" height="24" width="24"/><g><path d="M19,5v14H5V5H19 M19,3H5C3.9,3,3,3.9,3,5v14c0,1.1,0.9,2,2,2h14c1.1,0,2-0.9,2-2V5C21,3.9,20.1,3,19,3L19,3z"/></g><path d="M14,17H7v-2h7V17z M17,13H7v-2h10V13z M17,9H7V7h10V9z"/></g></svg>`;
+const VerdocsQuickFunctions$1 = /*@__PURE__*/ proxyCustomElement(class VerdocsQuickFunctions extends HTMLElement {
+    constructor() {
+        super();
+        this.__registerHost();
+        this.createTemplate = createEvent(this, "createTemplate", 7);
+        this.createDocument = createEvent(this, "createDocument", 7);
+        this.endpoint = VerdocsEndpoint.getDefault();
+    }
+    handleCreateTemplate() {
+        this.createTemplate.emit();
+    }
+    handleCreateDocument() {
+        this.createDocument.emit();
+    }
+    render() {
+        return (h("div", { key: '0977445aaeb18033ee53e208d9b3f60469ddb756', class: "container" }, h("p", { key: 'f3d8fe0ae4d9b09a7070ef4448326be32aeb7fd4', class: "title" }, "Quick Create"), h("button", { key: '7347890de8556714585fc579490503724ebfa01c', onClick: () => this.handleCreateTemplate(), innerHTML: TemplateIcon }, "Template"), h("button", { key: 'a056bb9b946edb68ce2f4364fe408c4a59d13b7f', onClick: () => this.handleCreateDocument(), innerHTML: DocumentIcon }, "Document")));
+    }
+    static get style() { return VerdocsQuickFunctionsStyle0; }
+}, [0, "verdocs-quick-functions", {
+        "endpoint": [16]
+    }]);
+function defineCustomElement$1() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["verdocs-quick-functions"];
+    components.forEach(tagName => { switch (tagName) {
+        case "verdocs-quick-functions":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, VerdocsQuickFunctions$1);
+            }
+            break;
+    } });
+}
 
 const VerdocsQuickFunctions = VerdocsQuickFunctions$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/verdocs-search-box.js

@@ -1,4 +1,73 @@
-import { V as VerdocsSearchBox$1, d as defineCustomElement$1 } from './verdocs-search-box2.js';
+import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
+import { VerdocsEndpoint } from '@verdocs/js-sdk';
+
+const verdocsSearchBoxCss = "@-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-search-box{font-family:\"Inter\", -apple-system, \"Segoe UI\", \"Roboto\", \"Helvetica Neue\", sans-serif}verdocs-search-box form{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;height:45px;-webkit-box-sizing:border-box;box-sizing:border-box;margin:5px 0 0;border-radius:5px;-ms-flex-align:center;align-items:center;background-color:#fff;padding:0 8px;border-width:1px;border-style:solid;border-color:#707ae5}verdocs-search-box form input{-webkit-box-sizing:border-box;box-sizing:border-box;height:43px;width:100%;font-size:18px;border:none}verdocs-search-box form input:focus{outline:none}verdocs-search-box form button.search{cursor:pointer;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:4px;border:none;width:100px;height:28px;font-weight:700;font-size:10px;letter-spacing:1px;background-color:#55bc81;text-transform:uppercase;color:#fff}verdocs-search-box form .type{background-color:#707ae5;height:30px;display:-ms-inline-flexbox;display:inline-flex;padding:1px 0 2px 10px;font-size:13px;line-height:16px;border-radius:4px;-ms-flex-pack:center;justify-content:center;text-transform:uppercase;-ms-flex-align:center;align-items:center;-ms-flex-direction:row;flex-direction:row;color:#fff;margin-right:10px}verdocs-search-box form .type button{border:none;color:#fff;margin:5px 0 0 8px;background:transparent}verdocs-search-box form svg{width:12px;height:12px;margin-right:6px}verdocs-search-box ::-webkit-input-placeholder{color:#aeb4bf}verdocs-search-box ::-moz-placeholder{color:#aeb4bf}verdocs-search-box :-ms-input-placeholder{color:#aeb4bf}verdocs-search-box ::-ms-input-placeholder{color:#aeb4bf}verdocs-search-box ::placeholder{color:#aeb4bf}";
+const VerdocsSearchBoxStyle0 = verdocsSearchBoxCss;
+
+const SearchIcon = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M23.4809 20.7176L17.9111 15.2536C19.0961 13.6368 19.727 11.6926 19.7128 9.70131C19.7201 7.53345 18.9846 5.42606 17.6244 3.71753C16.2642 2.009 14.3581 0.798456 12.2123 0.280282C10.0665 -0.237892 7.80552 -0.0336342 5.79227 0.86026C3.77902 1.75415 2.13038 3.28582 1.1111 5.20931C0.0918114 7.1328 -0.238985 9.33652 0.171813 11.4666C0.582612 13.5967 1.71117 15.5296 3.37628 16.9548C5.0414 18.3801 7.14646 19.2151 9.35344 19.3257C11.5604 19.4364 13.7413 18.8162 15.5458 17.5649L21.1372 23.05L21.1563 23.0663C21.4841 23.3487 21.9039 23.507 22.3401 23.5128C22.7823 23.5125 23.2063 23.3402 23.5191 23.0337V23.0337C23.6749 22.8812 23.7979 22.6995 23.8804 22.4993C23.963 22.2991 24.0036 22.0847 23.9997 21.8688C23.9959 21.6529 23.9477 21.44 23.858 21.2428C23.7683 21.0456 23.639 20.8682 23.4778 20.7212L23.4809 20.7176ZM14.5167 14.1975C13.4564 15.2349 12.0623 15.8797 10.5719 16.022C9.08145 16.1644 7.58681 15.7955 6.34249 14.9781C5.09816 14.1608 4.18109 12.9456 3.74751 11.5395C3.31393 10.1334 3.39064 8.6233 3.96455 7.26643C4.53846 5.90955 5.57409 4.7898 6.89507 4.09787C8.21606 3.40594 9.74071 3.18461 11.2093 3.4716C12.678 3.75858 13.9998 4.53612 14.9497 5.6718C15.8996 6.80748 16.4188 8.23105 16.4189 9.7001C16.4196 10.5357 16.2519 11.3632 15.9254 12.135C15.599 12.9069 15.1202 13.6078 14.5167 14.1975V14.1975Z" fill="white"/></svg>`;
+const CloseIcon = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M14.0739 11.7565L19.7127 6.23228C20.0875 5.85692 20.0875 5.25309 19.7127 4.87773L19.0213 4.20046C18.6382 3.82511 18.0219 3.82511 17.6387 4.20046L12 9.72472L6.36127 4.20046C5.97814 3.82511 5.36179 3.82511 4.97866 4.20046L4.28735 4.87773C3.90422 5.25309 3.90422 5.85692 4.28735 6.23228L9.92608 11.7565L4.28735 17.2808C3.90422 17.6561 3.90422 18.26 4.28735 18.6353L4.97866 19.3126C5.36179 19.688 5.97814 19.688 6.36127 19.3126L12 13.7883L17.6387 19.3126C18.0219 19.688 18.6382 19.688 19.0213 19.3126L19.7127 18.6353C20.0958 18.26 20.0958 17.6561 19.7127 17.2808L14.0739 11.7565Z" fill="white"/></svg>`;
+const VerdocsSearchBox$1 = /*@__PURE__*/ proxyCustomElement(class VerdocsSearchBox extends HTMLElement {
+    constructor() {
+        super();
+        this.__registerHost();
+        this.searchClicked = createEvent(this, "searchClicked", 7);
+        this.typeChanged = createEvent(this, "typeChanged", 7);
+        this.queryChanged = createEvent(this, "queryChanged", 7);
+        this.endpoint = VerdocsEndpoint.getDefault();
+        this.placeholder = 'Search envelopes, templates, organizations...';
+        this.type = 'all';
+        this.query = '';
+        this.grabsFocus = false;
+    }
+    async focusField() {
+        this.inputEl.focus();
+    }
+    componentDidRender() {
+        if (this.grabsFocus) {
+            this.inputEl.focus();
+        }
+    }
+    handleSearch(e) {
+        this.searchClicked.emit({ type: this.type, query: this.query });
+        e.preventDefault();
+        return false;
+    }
+    handleChange(e) {
+        this.queryChanged.emit(e.target.value);
+    }
+    handleClearFilter() {
+        this.typeChanged.emit('all');
+    }
+    handleKeyUp(e) {
+        if (e.key === 'Enter') {
+            this.searchClicked.emit({ type: this.type, query: this.query });
+        }
+    }
+    render() {
+        return (h("form", { key: 'f78c158c8170ca848870ed6d9ce67d6591fe06b7', onSubmit: e => this.handleSearch(e) }, this.type !== undefined && this.type !== 'all' && (h("span", { key: '61c0eb576b8467ab9c547e2899fbf39f5d5ea293', class: "type" }, this.type, "s ", h("button", { key: '9c6c8aaa5fac58a7d29f4b2f76de0f6f168d3552', class: "remove", innerHTML: CloseIcon, onClick: () => this.handleClearFilter() }))), h("input", { key: 'a08cc6991fb19ebf87a84c1392dc9646dbdcba64', type: "text", value: this.query, placeholder: this.placeholder, onInput: e => this.handleChange(e), onKeyUp: e => this.handleKeyUp(e), ref: el => (this.inputEl = el) }), h("button", { key: 'c3034c33f599f3b8b7e4363685a87a2f3b3d7c33', onClick: e => this.handleSearch(e), class: "search" }, h("span", { key: 'fc2bd86eff10b5f8e467919df9a2a11f48d546b1', innerHTML: SearchIcon }), "Search")));
+    }
+    static get style() { return VerdocsSearchBoxStyle0; }
+}, [0, "verdocs-search-box", {
+        "endpoint": [16],
+        "placeholder": [1],
+        "type": [1],
+        "query": [1],
+        "grabsFocus": [4, "grabs-focus"],
+        "focusField": [64]
+    }]);
+function defineCustomElement$1() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["verdocs-search-box"];
+    components.forEach(tagName => { switch (tagName) {
+        case "verdocs-search-box":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, VerdocsSearchBox$1);
+            }
+            break;
+    } });
+}
 
 const VerdocsSearchBox = VerdocsSearchBox$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/verdocs-sign.js

@@ -1,5 +1,5 @@
 import { proxyCustomElement, HTMLElement, createEvent, h, Host, Fragment } from '@stencil/core/internal/client';
-import { VerdocsEndpoint, getSigningSession, getEnvelope, envelopeRecipientAgree, envelopeRecipientDecline, updateEnvelopeField, createSignature, updateEnvelopeFieldSignature, createInitials, updateEnvelopeFieldInitials, isValidPhone, isValidEmail, envelopeRecipientSubmit, uploadEnvelopeFieldAttachment, fullNameToInitials, integerSequence } from '@verdocs/js-sdk';
+import { VerdocsEndpoint, startSigningSession, getEnvelope, envelopeRecipientAgree, envelopeRecipientDecline, updateEnvelopeField, createSignature, updateEnvelopeFieldSignature, createInitials, updateEnvelopeFieldInitials, isValidPhone, isValidEmail, envelopeRecipientSubmit, uploadEnvelopeFieldAttachment, fullNameToInitials, integerSequence } from '@verdocs/js-sdk';
 import { a as saveAttachment, u as updateDocumentFieldValue, r as renderDocumentField, g as getFieldId } from './utils.js';
 import { c as createTemplateFieldStoreFromEnvelope } from './TemplateFieldStore.js';
 import { V as VerdocsToast } from './Toast.js';
@@ -33,8 +33,8 @@ const VerdocsSign$1 = /*@__PURE__*/ proxyCustomElement(class VerdocsSign extends
         this.sdkError = createEvent(this, "sdkError", 7);
         this.envelopeLoaded = createEvent(this, "envelopeLoaded", 7);
         this.envelopeUpdated = createEvent(this, "envelopeUpdated", 7);
-        this.endpoint = null;
         this.recipientIndex = -1;
+        this.endpoint = null;
         this.envelopeId = null;
         this.roleId = null;
         this.inviteCode = null;
@@ -58,7 +58,10 @@ const VerdocsSign$1 = /*@__PURE__*/ proxyCustomElement(class VerdocsSign extends
         this.documentsSingularPlural = 'document';
     }
     componentWillLoad() {
-        this.endpoint = new VerdocsEndpoint({ sessionType: 'signing' });
+        if (!this.endpoint) {
+            console.log('[SIGN] Creating signing endpoint');
+            this.endpoint = new VerdocsEndpoint({ sessionType: 'signing' });
+        }
     }
     async componentWillRender() {
         var _a, _b, _c, _d, _e, _f, _g;
@@ -76,7 +79,7 @@ const VerdocsSign$1 = /*@__PURE__*/ proxyCustomElement(class VerdocsSign extends
         }
         try {
             console.log(`[SIGN] Processing invite code for ${this.envelopeId} / ${this.roleId}`);
-            const { envelope, access_token } = await getSigningSession(this.endpoint, this.envelopeId, this.roleId, this.inviteCode);
+            const { envelope, access_token } = await startSigningSession(this.endpoint, this.envelopeId, this.roleId, this.inviteCode);
             const recipient = envelope.recipients.find(r => r.role_name === this.roleId);
             console.log(`[SIGN] Loaded signing session`, envelope, recipient, access_token);
             this.recipient = recipient;
@@ -197,7 +200,6 @@ const VerdocsSign$1 = /*@__PURE__*/ proxyCustomElement(class VerdocsSign extends
             .catch(e => {
             var _a, _b, _c, _d, _e, _f;
             if (((_a = e.response) === null || _a === void 0 ? void 0 : _a.status) === 401 && ((_c = (_b = e.response) === null || _b === void 0 ? void 0 : _b.data) === null || _c === void 0 ? void 0 : _c.error) === 'jwt expired') {
-                // TODO: Do we want to improve the instructions here?
                 console.log('[SIGN] Signing session expired');
                 this.errorMessage = 'Signing session expired. Please reload your browser to continue.';
             }
@@ -330,12 +332,6 @@ const VerdocsSign$1 = /*@__PURE__*/ proxyCustomElement(class VerdocsSign extends
                 this.recipient.status = 'submitted';
                 this.showDone = true;
                 this.isDone = true;
-                // TODO: This is a temporary hack. After submitting, if we immediately show the View component it won't have re-renedered the
-                //  pages yet with our submitted data.
-                // setTimeout(() => {
-                //   console.log('[SIGN] Reloading');
-                //   window.location.reload();
-                // }, 250);
             }
             catch (e) {
                 console.log('[SIGN] Error submitting', e);
@@ -519,6 +515,7 @@ const VerdocsSign$1 = /*@__PURE__*/ proxyCustomElement(class VerdocsSign extends
     }
     static get style() { return VerdocsSignStyle0; }
 }, [0, "verdocs-sign", {
+        "endpoint": [16],
         "envelopeId": [1, "envelope-id"],
         "roleId": [1, "role-id"],
         "inviteCode": [1, "invite-code"],

package/dist/components/verdocs-status-indicator2.js

@@ -7189,11 +7189,11 @@ const VerdocsStatusIndicator = /*@__PURE__*/ proxyCustomElement(class VerdocsSta
         }
         const icon = this.getStatusIcon(status);
         const statusMessage = this.getStatusMessage(status);
-        return (h(Host, { key: '94fb6a69e0c386c1261756e7d56006e6d8adcf58', ref: el => (this.summaryComponent = el), class: `${this.theme} ${this.size} ${this.envelope ? 'has-document' : ''}`, "aria-label": "Click to View Details", onClick: e => {
+        return (h(Host, { key: 'cb3df0e5439959fcef0b1894d5ffddd2af947c96', 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) }, h("span", { key: '18a63e9450c3541ee21761956abdadcb35f89c37', class: "icon", innerHTML: icon }), h("span", { key: '165b82636651f16261eb9ee4aba00592630cbb28', class: "content" }, statusMessage), h("div", { key: '32dec0a7c5f48c432e41928fa7f64acaa2530b6f', class: "detail-panel", ref: el => (this.detailPanel = el) }, h("div", { key: '6964d9ab9b96149cc8207a5a38433442512df0a2', id: `${this.containerId}` }), this.recipientStatusIcons.map(icon => (h("span", { innerHTML: icon.icon, style: { position: 'absolute', top: `${icon.y}px`, left: `${icon.x}px` } }))))));
+            }, onBlur: e => this.envelope && this.handleHideDropdown(e) }, h("span", { key: 'b553fd3bed10a8ccf2a1c6f0bb285c4660582c6e', class: "icon", innerHTML: icon }), h("span", { key: 'e1369e3750e506ec83208383de998889c588cf8f', class: "content" }, statusMessage), h("div", { key: 'a46c80df5eeaaab5b41fe597eddab62dc1bffba6', class: "detail-panel", ref: el => (this.detailPanel = el) }, h("div", { key: 'ee4422809f7e5b7ecec9e7a9a244df86b2645d13', id: `${this.containerId}` }), this.recipientStatusIcons.map(icon => (h("span", { innerHTML: icon.icon, style: { position: 'absolute', top: `${icon.y}px`, left: `${icon.x}px` } }))))));
     }
     static get style() { return VerdocsStatusIndicatorStyle0; }
 }, [0, "verdocs-status-indicator", {

package/dist/components/verdocs-template-card.js

@@ -15,7 +15,7 @@ const VerdocsTemplateCard$1 = /*@__PURE__*/ proxyCustomElement(class VerdocsTemp
     }
     render() {
         var _a, _b, _c, _d;
-        return (h(Host, { key: '11be2283e6610b875b835e2d736d19ceba3b9358' }, h("span", { key: 'a41398c67dde9d240c13f73cc836917f23960ec3', class: "name" }, this.template.name), h("span", { key: '34b1cb0d87aae893f8e185d165023afdc62c5809', class: "org-name" }, ((_a = this.template.organization) === null || _a === void 0 ? void 0 : _a.name) || 'Public'), h("hr", { key: 'c4f2a830092009e425f12b3b9aecbfe3fa301486' }), h("div", { key: '5ed90379ab7ce3c102a1aba5a29a4e2cc574481e', class: "controls" }, h("div", { key: '3f2d20d7b8d34e6cfb999497b1f7041c2c543aa7', class: "control" }, h("span", { key: '6c3384e755b454f5faac3fce12855924e46be22d', class: "icon", innerHTML: StarIcon }), h("span", { key: '16d1cc0346dfc181d4233f7536ad9277fcca926e', class: "value" }, this.template.star_counter)), h("div", { key: 'c21690a71bc4c3f4c61b0baef7615afd74fe63e5', class: "control secondary" }, h("span", { key: '96871df90393b8be8323781f6e5f4f7ff09461ee', class: "icon", innerHTML: PagesIcon }), h("span", { key: 'f8eacea9e45b1324549b27554274c4cfe1d9fcbf', 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)), h("div", { key: 'a1eac1e81ef20bca46effe92ada3814e1c67d1af', class: "control secondary" }, h("span", { key: '5878dc1bc0131b8a601c5927504e3699e2fae2a9', class: "icon", innerHTML: EmailIcon }), h("span", { key: 'ecc8da9b6565faf39b0627daa45f738ab15c42f0', class: "value" }, this.template.counter)), h("span", { key: '9c3351987febfa1df0e338c6e63d99d562b2e7da', class: "additional-controls", innerHTML: ActionsIcon }))));
+        return (h(Host, { key: 'a8670b21458374c791e1835e0a7369aa359451a2' }, h("span", { key: 'ba7a05351f8aa125b992c887a1c056ee5c14ab00', class: "name" }, this.template.name), h("span", { key: '07fea4c4356041cc07611e336fafad069a942d2c', class: "org-name" }, ((_a = this.template.organization) === null || _a === void 0 ? void 0 : _a.name) || 'Public'), h("hr", { key: 'be1bd61224d09d48397d8b554670c212fbad13a3' }), h("div", { key: '4a116cf5f55a54d3d6f830b1a1d141bd3ecbc5f0', class: "controls" }, h("div", { key: '47c05f4f7d76dc2fa75712d7fd48e8b1c9e715fc', class: "control" }, h("span", { key: 'def691f440eb7c12b37ef00d8ff169c1aa7cadd1', class: "icon", innerHTML: StarIcon }), h("span", { key: '4626346b6882386e1d784a6ab017617fbeab8bf6', class: "value" }, this.template.star_counter)), h("div", { key: '01ee37e947c1e85fc32635561f224749a6497d4b', class: "control secondary" }, h("span", { key: '8350442a91495e92eea4902aecaea0b53d6b23f3', class: "icon", innerHTML: PagesIcon }), h("span", { key: '000cd4f4004aa53a0513f84ab1260c502ef1b5b2', 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)), h("div", { key: '835666de2ad3e6b0a2dc45a6802388cc37946fde', class: "control secondary" }, h("span", { key: '549252d05b93026cba455a4fcf59d0e3d6cbcf17', class: "icon", innerHTML: EmailIcon }), h("span", { key: '6396617c8bcdab1f5ec50aa54499a6c3c177605b', class: "value" }, this.template.counter)), h("span", { key: 'f387927e6b0cc6d8f2a67fc438a396739f2f07f6', class: "additional-controls", innerHTML: ActionsIcon }))));
     }
     static get style() { return VerdocsTemplateCardStyle0; }
 }, [0, "verdocs-template-card", {

package/dist/components/verdocs-template-document-page2.js

@@ -115,7 +115,7 @@ const VerdocsTemplateDocumentPage = /*@__PURE__*/ proxyCustomElement(class Verdo
     }
     render() {
         const height = `${this.renderedHeight}px`;
-        return (h(Host, { key: 'cf0967a619bcf0e5c966236b43dcfbf4ddd5c2c9', id: `${this.containerId}`, style: { height, flex: `0 0 ${height}` } }, this.layers.map(layer => layer.type === 'div' ? (h("div", { class: "verdocs-template-document-page-layer", id: `${this.containerId}-${layer.name}`, style: { height } }, layer.name === 'controls' &&
+        return (h(Host, { key: '2dc68d82c5a20e8c2380f4a86f16ccb98c4d0efb', id: `${this.containerId}`, style: { height, flex: `0 0 ${height}` } }, this.layers.map(layer => layer.type === 'div' ? (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)

package/dist/components/verdocs-template-role-properties2.js

@@ -127,34 +127,34 @@ const VerdocsTemplateRoleProperties = /*@__PURE__*/ proxyCustomElement(class Ver
     }
     render() {
         const hasFields = this.fieldStore.get('fields').some(field => field.role_name === this.roleName);
-        return (h(Host, { key: '446fc361d36870bf7f6bdfcfb813037ba8066e3f' }, h("div", { key: 'aa0c18d50efe53ffb09df9a68c7362d5377ac0cb', class: "background-overlay", onClick: e => this.handleCancel(e) }, h("div", { key: '7ff81072a30e3ea52d6016578e9267f0eb3030f7', class: "dialog" }, h("form", { key: '4f6a1edbf94b5373ff6fb576ba0c4651aacb0292', onSubmit: e => e.preventDefault(), onClick: e => e.stopPropagation(), autocomplete: "off" }, h("verdocs-text-input", { key: 'a146c853e81467503fbe778f8501878ac9270475', id: "verdocs-role-name", label: "Role Name", value: this.name, autocomplete: "off", disabled: hasFields, helpText: hasFields
+        return (h(Host, { key: '59806a550ecdcadb44188158d43917a857a1c581' }, h("div", { key: '328bd7cf00bbc00c795c732c5494a34b73ffed25', class: "background-overlay", onClick: e => this.handleCancel(e) }, h("div", { key: 'a51e08957a956ddc34be5ac3a2f1fecb1aa11d26', class: "dialog" }, h("form", { key: 'ae5ed7fd87bf98f76628ff194a8bc8cc0d60a3a8', onSubmit: e => e.preventDefault(), onClick: e => e.stopPropagation(), autocomplete: "off" }, h("verdocs-text-input", { key: '742811865bb156bb0ea3f6a527407ca28e2cdb27', 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;
-            } }), h("div", { key: 'eb3f826aabcc520b9dd96b7aa551b1705ed28657', class: "row" }, h("div", { key: 'e327959efc08f9698a54aa8fa00b407dbf419b05', class: "input-label" }, "Type:"), h("verdocs-select-input", { key: 'bb37591e1dc0cd438067331a17e8ad8a748d237e', value: this.type, options: [
+            } }), h("div", { key: '1a7646891c32b1375370f20dbcde0e9863a987c1', class: "row" }, h("div", { key: 'b05853d94b907d8e9710bc961c6ed892f0a50b78', class: "input-label" }, "Type:"), h("verdocs-select-input", { key: '0b9e5030ad916961ce7c889d09ec2d8a7ba70844', 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;
-            } }), h("verdocs-help-icon", { key: 'bdbe5e238bc66245bc831bef4dd05e5233e264de', 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." })), h("verdocs-text-input", { key: '51b6bf958457eeeac73c8f1b6b969b28e21398af', 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) => {
+            } }), h("verdocs-help-icon", { key: 'be2f8dacc8d6543cbd5cb0a2ad78c8b7417a92b2', 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." })), h("verdocs-text-input", { key: '4161563f3aa582f83f1be7a7279b900eacefae4e', 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;
-            } }), h("verdocs-text-input", { key: '4a2d6fcd8eb34e4b36480cec4b4b01b28df68126', 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) => {
+            } }), h("verdocs-text-input", { key: 'daaf9cf6dd00022d231f154bbec073a5c858223d', 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;
-            } }), h("verdocs-text-input", { key: 'e3c39363a61870605c2ddfc11cc6b4200f7ed18d', 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) => {
+            } }), h("verdocs-text-input", { key: 'bffae611f096f491cf717cb613791963f7b973e5', 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;
-            } }), h("verdocs-text-input", { key: '221e6c33a231192f5052e8e5a19698430a0d2fdd', 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) => {
+            } }), h("verdocs-text-input", { key: 'fa2ab182503c829309749400635760154d4ded8d', 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;
-            } }), h("div", { key: 'e16a35b56433ad45f3a38755b2e7a24d8b53f9a1', class: "row" }, h("div", { key: 'e19e5538651cc16687c502cfbe17d30abe843f64', class: "input-label" }, "May Delegate:"), h("div", { key: '44ca712eec2c45195003059838910443f9542e58', class: "checkbox-wrapper" }, h("verdocs-checkbox", { key: '5e88249d935ea1fd4deb7ab3d53c08655d87fce9', checked: this.delegator, onInput: (e) => {
+            } }), h("div", { key: 'a733c84c9b16b86ae11e58724ad0d3763034f1d7', class: "row" }, h("div", { key: '1d61a4dea085ae470c91762793d4d55f6a748f49', class: "input-label" }, "May Delegate:"), h("div", { key: 'ab41f3486b83096eb6079df6ce0fbe1997679f91', class: "checkbox-wrapper" }, h("verdocs-checkbox", { key: '666a913c220c43643f6927352e491abce2a5c32d', checked: this.delegator, onInput: (e) => {
                 this.delegator = e.target.checked;
                 this.dirty = true;
-            } })), h("verdocs-help-icon", { key: 'b7f12517079d993dc619f4abfae454507fe1aefb', text: "If enabled, this recipient may delegate their actions to another individual." })), h("div", { key: '04ab4e88fc2ecb74b8db91fbc43ef3e2ab9ac292', class: "buttons" }, h("button", { key: '3ac6e0de3f50216624c06aa52bba6c57847a1f52', class: "delete-button", disabled: this.dirty, onClick: e => this.handleDelete(e), innerHTML: TrashIcon }), h("div", { key: 'e8e1c40859fd8902a32324a907960730e1da42d6', style: { flex: '1' } }), h("verdocs-button", { key: '1640057293784c41239faeba6deedf76f487c8be', size: "small", variant: "outline", label: "Cancel", disabled: !this.dirty, onClick: e => this.handleCancel(e) }), h("verdocs-button", { key: 'a87cba644f418a7edae4b0d64ef7f88c7bfaf5bb', size: "small", label: "Save", disabled: !this.dirty, onClick: e => this.handleSave(e) })))))));
+            } })), h("verdocs-help-icon", { key: '6b4f501240e59c57596c386fe2e2c6a574869aa3', text: "If enabled, this recipient may delegate their actions to another individual." })), h("div", { key: '7113b351cbe42d2c8a47bc21612e1c69295ca8d1', class: "buttons" }, h("button", { key: '0a733f9abf1610eed76d67135c920495ec8ca4e0', class: "delete-button", disabled: this.dirty, onClick: e => this.handleDelete(e), innerHTML: TrashIcon }), h("div", { key: '9c23b3eacbc3f73deb230db806280e62c36de7d0', style: { flex: '1' } }), h("verdocs-button", { key: '3bab71062f1124f7245f3cacecd91fd686170573', size: "small", variant: "outline", label: "Cancel", disabled: !this.dirty, onClick: e => this.handleCancel(e) }), h("verdocs-button", { key: '9cfaad66e8d0b2e519730db0938f7c18ae734997', size: "small", label: "Save", disabled: !this.dirty, onClick: e => this.handleSave(e) })))))));
     }
     static get style() { return VerdocsTemplateRolePropertiesStyle0; }
 }, [0, "verdocs-template-role-properties", {

package/dist/components/verdocs-template-roles2.js

@@ -64,10 +64,8 @@ const VerdocsTemplateRoles = /*@__PURE__*/ proxyCustomElement(class VerdocsTempl
             }
             await getTemplateStore(this.endpoint, this.templateId, false)
                 .then(ts => {
-                var _a;
                 this.templateStore = ts;
                 this.roleStore = getTemplateRoleStore(this.templateId);
-                console.log('RS', (_a = this.roleStore) === null || _a === void 0 ? void 0 : _a.state);
                 this.loading = false;
                 this.roleStore.onChange('roles', roles => {
                     var _a;
@@ -75,9 +73,7 @@ const VerdocsTemplateRoles = /*@__PURE__*/ proxyCustomElement(class VerdocsTempl
                     (_a = this.rolesUpdated) === null || _a === void 0 ? void 0 : _a.emit({ event: 'updated', endpoint: this.endpoint, templateId: this.templateId, roles });
                 });
             })
-                .catch(e => {
-                console.log(e);
-            });
+                .catch(e => console.warn(e));
         }
         catch (e) {
             console.log('[FIELDS] Error with preview session', e);

package/dist/components/verdocs-template-sender2.js

@@ -69,7 +69,7 @@ const VerdocsTemplateSender = /*@__PURE__*/ proxyCustomElement(class VerdocsTemp
         });
     }
     render() {
-        return (h(Host, { key: '9e9ef64cde93a41755f5ef65c83fc4b1bb9ee01b' }, h("div", { key: 'a61e16463bb714f638183e5c8c345949c79628d1', class: "background-overlay", onClick: e => this.handleDismiss(e) }, h("div", { key: '6a05996d6b580d4ddbe8cc572a564aa4fdd88816', class: "dialog" }, h("div", { key: 'e756c920bff6d5ee85ac5fdc6e8eb2f7e1a3f0b5', class: "options" }, h("div", { key: '6d982838a3f40ca4102766a0c3baa68a08d71306', class: "option" }, h("verdocs-radio-button", { key: '2a818db6d423fc7853001b929b32397851fd4d03', name: "template-sender", value: 'everyone', checked: this.sender === 'everyone', onInput: () => this.handleSelectSetting('everyone') }), h("div", { key: '528abe8e247f25b2604a1c416cd5c2c750a9c91e', class: "description" }, h("div", { key: '36c2f98411689f5cbde72126d40d4977f88f30d5', class: "name" }, "Anyone on the Web"), h("verdocs-help-icon", { key: 'da8f47ff1109354760cb4d4c108915344047fa72', text: "Anyone can use this template. (Make its visibility is set to to 'Public' or 'Shared'.)" }))), h("div", { key: '2bb6c38c70166847282fb84156db0e82d3b4b7ed', class: "option" }, h("verdocs-radio-button", { key: 'b32b4ebaad9cea2e326e64b14a146d77ce9ac688', name: "template-sender", value: 'everyone_as_creator', checked: this.sender === 'everyone_as_creator', onInput: () => this.handleSelectSetting('everyone_as_creator') }), h("div", { key: '4bc7df2433d7c910810c10b4dec2a2def1f65872', class: "description" }, h("div", { key: '2a519c9e9445483b2d42acc5a84f64c29f201698', class: "name" }, "Anyone on the Web as me"), h("verdocs-help-icon", { key: '595192635e702c82b30b10a0dc01f6645c124cf7', text: "Anyone can use this template on my behalf. (Make sure its visibility is set to 'Public' or 'Shared'.)" }))), h("div", { key: '7043b0d4cfa7d496c8ed74aa48367092b71dac1a', class: "option" }, h("verdocs-radio-button", { key: 'a140410593b31efdd671143f3f8ae9d879169610', name: "template-sender", value: 'organization_member', checked: this.sender === 'organization_member', onInput: () => this.handleSelectSetting('organization_member') }), h("div", { key: 'bc6fe482b77823d369d02015878c651e52b861fb', class: "description" }, h("div", { key: '540eeecb14a47a5a243974ecfd1d3d747808686a', class: "name" }, "Anyone in my organization"), h("verdocs-help-icon", { key: '7268b0f914c9eaef3767ed2aad0cd21d824b0639', text: "Anyone in my organization can use this template. (Make sure its visibility is set to 'Shared')" }))), h("div", { key: 'dbff363f43edd13ab98744a90a54343a2cd884ef', class: "option" }, h("verdocs-radio-button", { key: 'e0cf3a3d06064b4e14bd85f3993fb4aa6e48b578', name: "template-sender", value: 'organization_member_as_creator', checked: this.sender === 'organization_member_as_creator', onInput: () => this.handleSelectSetting('organization_member_as_creator') }), h("div", { key: 'e1f2a4d7700cf4f9a647cdd5004ae82c7e082e39', class: "description" }, h("div", { key: 'ccbb7eae66fabd9f148c860c0fee51cbfdaecedb', class: "name" }, "Anyone in my organization as me"), h("verdocs-help-icon", { key: '8180a0a23de8d6c1e027db40bd18ed99c9ebd6af', text: "Anyone in my organization can use this template on my behalf. (Make sure its visibility is set to to 'Shared'.)" }))), h("div", { key: '1ef46894cb6b02701c6ae3598758bebefa0675d1', class: "option" }, h("verdocs-radio-button", { key: '36c97de57f438532068f9f132ece7c3d122e08e7', name: "template-sender", value: 'creator', checked: this.sender === 'creator', onInput: () => this.handleSelectSetting('creator') }), h("div", { key: '2bfa370b704ea584184fa5fe87178dcef1b90353', class: "description" }, h("div", { key: '436064827af589be38206212c23e9dfdba8f5e30', class: "name" }, "Me"), h("verdocs-help-icon", { key: 'a7be4de3d89bba37f2d8711725165d885b5fc20a', text: "Only I can use this template." })))), h("div", { key: '7e232f0c77b522a9a4cee610eceee784d89aff00', class: "buttons" }, h("verdocs-button", { key: '350d156285cfe7f595deed97112715c1398bf740', label: "Close", onClick: () => this.handleClose() }))))));
+        return (h(Host, { key: '583b2822a283803869ebcacf60f865600f645738' }, h("div", { key: '723126afa987bac429f8497939b6a13be46e1244', class: "background-overlay", onClick: e => this.handleDismiss(e) }, h("div", { key: '2350183ba9d4c59451ba4e3d7fa08c92759db60d', class: "dialog" }, h("div", { key: '8db80acbfca0145d2d4665f6cb04735c4a3436bc', class: "options" }, h("div", { key: '4a88ee34834e36e80ce2c05e24eb4e984665c333', class: "option" }, h("verdocs-radio-button", { key: 'a8da7866a0b7257bc787058543a94f567d644d94', name: "template-sender", value: 'everyone', checked: this.sender === 'everyone', onInput: () => this.handleSelectSetting('everyone') }), h("div", { key: 'a6b32902e30c15ef340727b03d52ed87ef13900f', class: "description" }, h("div", { key: 'ddcf96cbc5370f10b514afea7a41411dfaffe218', class: "name" }, "Anyone on the Web"), h("verdocs-help-icon", { key: '1525e73c29533e0057ffd4fcc1c1b3010184d45e', text: "Anyone can use this template. (Make its visibility is set to to 'Public' or 'Shared'.)" }))), h("div", { key: '66f6b45c1d2b80c55325c81f248eba886b06855c', class: "option" }, h("verdocs-radio-button", { key: 'cc494768308e4aef5885717655d1faf1ba0a6b1c', name: "template-sender", value: 'everyone_as_creator', checked: this.sender === 'everyone_as_creator', onInput: () => this.handleSelectSetting('everyone_as_creator') }), h("div", { key: 'e3d21ae499705f4307bf7c994655a5644ffebac8', class: "description" }, h("div", { key: '21d2da2e103c1f3d1826558a58cc86c66d60a3d3', class: "name" }, "Anyone on the Web as me"), h("verdocs-help-icon", { key: '7262453c9e28f03740f63a281d7de8b43a062741', text: "Anyone can use this template on my behalf. (Make sure its visibility is set to 'Public' or 'Shared'.)" }))), h("div", { key: 'f8b60a5edbab1530a59a73066a63ef762f9d12fe', class: "option" }, h("verdocs-radio-button", { key: 'a4e089f56a257c57f07e1d485bb50ecd43cdcea2', name: "template-sender", value: 'organization_member', checked: this.sender === 'organization_member', onInput: () => this.handleSelectSetting('organization_member') }), h("div", { key: '4d7b5cc7cf355a4c02aac414c59a8bde21fb9061', class: "description" }, h("div", { key: '78594270d43642f97986aca41cce45d2bfcb3736', class: "name" }, "Anyone in my organization"), h("verdocs-help-icon", { key: 'f7bb0d253f7885843a3874021c52a5b8f9c3a0b7', text: "Anyone in my organization can use this template. (Make sure its visibility is set to 'Shared')" }))), h("div", { key: '6a9e882ad416698e0cb2d2572df52fb0fffe676f', class: "option" }, h("verdocs-radio-button", { key: '608bf8ac1683a0abdf98c36c8bca8a3e9c090654', name: "template-sender", value: 'organization_member_as_creator', checked: this.sender === 'organization_member_as_creator', onInput: () => this.handleSelectSetting('organization_member_as_creator') }), h("div", { key: '9c1a266de9e38e2c5b71f9c2ec36bd53abdcd6a2', class: "description" }, h("div", { key: '59137d5f47fa5883385481ac4f8cced890417c29', class: "name" }, "Anyone in my organization as me"), h("verdocs-help-icon", { key: 'ac690134009fdd7c5d25137abec812b7806947f6', text: "Anyone in my organization can use this template on my behalf. (Make sure its visibility is set to to 'Shared'.)" }))), h("div", { key: 'f79871b2b293333b6fa9e776101b854fa7e81d73', class: "option" }, h("verdocs-radio-button", { key: 'ba911a4d9a096b7517949f045fb9aa7a73a52bc1', name: "template-sender", value: 'creator', checked: this.sender === 'creator', onInput: () => this.handleSelectSetting('creator') }), h("div", { key: '1de101824b2afa9cb0d27225e609ebe492c0e4c0', class: "description" }, h("div", { key: 'd42b859c7090d265855ddaff8b3671fc6120a5a9', class: "name" }, "Me"), h("verdocs-help-icon", { key: 'b3b4c246b7d47c3aa8f62a3c9ab9bafc51934267', text: "Only I can use this template." })))), h("div", { key: 'cb13b928cbf5c6649e7fda0a3ba801f46b25ef11', class: "buttons" }, h("verdocs-button", { key: '1f66a641e30ee392b72b0a7615dd6a8cd72e528a', label: "Close", onClick: () => this.handleClose() }))))));
     }
     static get style() { return VerdocsTemplateSenderStyle0; }
 }, [0, "verdocs-template-sender", {

package/dist/components/verdocs-template-star2.js

@@ -43,7 +43,7 @@ const VerdocsTemplateStar = /*@__PURE__*/ proxyCustomElement(class VerdocsTempla
         });
     }
     render() {
-        return (h(Host, { key: '02bbcc99ccb3fbce1d8bad4b2ff5b7fabee24132' }, h("div", { key: '4bfa868d8709b6b0d4f673635973b3ec94a1880c', class: `star ${this.updating ? 'updating' : ''}`, innerHTML: this.template.star_counter ? SolidStarIcon : OutlineStarIcon, onClick: e => this.toggle(e) }), h("div", { key: '0b5bf70bf88058ad49fd587be937ce2d61052858', class: "count" }, this.template.star_counter || '--')));
+        return (h(Host, { key: '5582f84ac65a8fe90250a8b739859244cabb53ca' }, h("div", { key: '3766be1b6d584d8306e1bcb54006e877f1d3f486', class: `star ${this.updating ? 'updating' : ''}`, innerHTML: this.template.star_counter ? SolidStarIcon : OutlineStarIcon, onClick: e => this.toggle(e) }), h("div", { key: 'fef0f2f338b176d1e219f5a2a1b3a932a1c404cd', class: "count" }, this.template.star_counter || '--')));
     }
     static get style() { return VerdocsTemplateStarStyle0; }
 }, [0, "verdocs-template-star", {

package/dist/components/verdocs-template-tags.js

@@ -11,7 +11,7 @@ const VerdocsTemplateTags$1 = /*@__PURE__*/ proxyCustomElement(class VerdocsTemp
     }
     render() {
         var _a;
-        return (h(Host, { key: 'b365b82377eea90c414fe742dd023306abcf7393' }, (_a = this.tags) === null || _a === void 0 ? void 0 : _a.map(tag => (h("span", null, tag)))));
+        return (h(Host, { key: '16a590cac229600625f42680d2743b112358c502' }, (_a = this.tags) === null || _a === void 0 ? void 0 : _a.map(tag => (h("span", null, tag)))));
     }
     static get style() { return VerdocsTemplateTagsStyle0; }
 }, [0, "verdocs-template-tags", {

package/dist/esm/index-3476681c.js

@@ -84,10 +84,14 @@ var loadModule = (cmpMeta, hostRef, hmrVersionId) => {
                     return import(
                       /* webpackMode: "lazy" */
                       './verdocs-kba-dialog.entry.js').then(processMod, consoleError);
-                case 'verdocs-search':
+                case 'verdocs-quick-functions':
                     return import(
                       /* webpackMode: "lazy" */
-                      './verdocs-search.entry.js').then(processMod, consoleError);
+                      './verdocs-quick-functions.entry.js').then(processMod, consoleError);
+                case 'verdocs-search-box':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './verdocs-search-box.entry.js').then(processMod, consoleError);
                 case 'verdocs-search-tabs':
                     return import(
                       /* webpackMode: "lazy" */
@@ -124,10 +128,6 @@ var loadModule = (cmpMeta, hostRef, hmrVersionId) => {
                     return import(
                       /* webpackMode: "lazy" */
                       './verdocs-preview_10.entry.js').then(processMod, consoleError);
-                case 'verdocs-quick-functions_2':
-                    return import(
-                      /* webpackMode: "lazy" */
-                      './verdocs-quick-functions_2.entry.js').then(processMod, consoleError);
                 case 'verdocs-status-indicator':
                     return import(
                       /* webpackMode: "lazy" */