@verdocs/web-sdk 4.2.106 → 4.2.108

package/dist/collection/components/dialogs/verdocs-kba-dialog/verdocs-kba-dialog.js

@@ -29,7 +29,7 @@ export class VerdocsKbaDialog {
         this.next.emit(this.response);
     }
     render() {
-        return (h(Host, { key: '97c855bc7ff5c4205ccc64d859d9b1787e0048a6' }, h("div", { key: 'f4dd12baf199d9c50e6ebbb02b7e26e6204a9669', class: "background-overlay", onClick: e => this.handleDismiss(e) }, h("div", { key: '051764b9306bc6f3d21221e3aa6d4e6cf104d0e1', class: "dialog" }, h("div", { key: '0f0ecc082f97975c92d7418a96e3689fea0a192b', class: "heading" }, "Confirm Your Identity", this.steps > 1 ? (h("span", { class: "step" }, "(", this.step, "/", this.steps, ")")) : (h(Fragment, null))), !!this.helptitle && (h("div", { key: 'f6d4e4db03fad13638f3980839210f8df886bd2c', class: "help-box" }, h("div", { key: 'c18a7aab25144f438da8cbacca4465e009ab6a02', class: "help-icon", innerHTML: QuestionIcon }), h("div", { key: '02e1dba0b4536b39a61fffea636a6e9c58fd40a8', class: "help-details" }, h("div", { key: '740bc221c448afc393b1007a4141ce4db2cf8008', class: "help-title" }, this.helptitle), h("div", { key: '767d5d0141c73e0621cfbe795fecb50637dc38cb', class: "help-text" }, this.helptext)))), this.mode === 'choice' ? (h("div", { class: "choices" }, this.choices.map(choice => (h("div", { class: `choice ${choice === this.response ? 'selected' : ''}`, onClick: () => (this.response = choice) }, choice))))) : (h("div", { class: "input" }, h("label", { htmlFor: "verdocs-kba-input" }, this.label), h("input", { type: "text", id: "verdocs-kba-input", name: "verdocs-kba-input", placeholder: this.placeholder, value: this.response, onInput: (e) => (this.response = e.target.value) }))), h("div", { key: 'f6e90196e71c9931613622d0879eeb4bc4877792', class: "buttons" }, h("verdocs-button", { key: '269ea8b9020ab81d9234c0d1b8151a459d84f37d', label: "Cancel", variant: "outline", onClick: () => this.handleCancel() }), h("verdocs-button", { key: '8b8c437cc11e3f5fcdbb5f0b5faa1c60daee21cb', label: "Done", onClick: () => this.handleDone(), disabled: !this.response }))))));
+        return (h(Host, { key: 'f9a083bccfb6207ec3be7e30e9555df493ceabe4' }, h("div", { key: '3bf629c7e6e0fd1e42f11748c8e0137df77271a1', class: "background-overlay", onClick: e => this.handleDismiss(e) }, h("div", { key: '9d422b2e5895311095251d9cc538803ec9225a9f', class: "dialog" }, h("div", { key: 'acc9993b406f7dfef86cd59699afaf2157c59df6', class: "heading" }, "Confirm Your Identity", this.steps > 1 ? (h("span", { class: "step" }, "(", this.step, "/", this.steps, ")")) : (h(Fragment, null))), !!this.helptitle && (h("div", { key: '46eda39009fab8d07eaa48d90b1a6492792ab42a', class: "help-box" }, h("div", { key: '29c1540850ccdb8cca5ad84dc8e25de37cac7202', class: "help-icon", innerHTML: QuestionIcon }), h("div", { key: '4d9d5b06f5b6f98c2584e520d1a88103eac108bb', class: "help-details" }, h("div", { key: '127cd0963876ca5674f8233685857b5a90d4331f', class: "help-title" }, this.helptitle), h("div", { key: '8104f492a91470844fa2cc2cfd3727aa84d74d59', class: "help-text" }, this.helptext)))), this.mode === 'choice' ? (h("div", { class: "choices" }, this.choices.map(choice => (h("div", { class: `choice ${choice === this.response ? 'selected' : ''}`, onClick: () => (this.response = choice) }, choice))))) : (h("div", { class: "input" }, h("label", { htmlFor: "verdocs-kba-input" }, this.label), h("input", { type: "text", id: "verdocs-kba-input", name: "verdocs-kba-input", placeholder: this.placeholder, value: this.response, onInput: (e) => (this.response = e.target.value) }))), h("div", { key: '6f65266320dd0f9ca8ff2a0abe8b0c75cadf2bcb', class: "buttons" }, h("verdocs-button", { key: '5baa530487b8264910f9cc3927479271bdef428d', label: "Cancel", variant: "outline", onClick: () => this.handleCancel() }), h("verdocs-button", { key: '7a64f46c176edaa9e82872d5ef6226b8bfd3e0f2', label: "Done", onClick: () => this.handleDone(), disabled: !this.response }))))));
     }
     static get is() { return "verdocs-kba-dialog"; }
     static get originalStyleUrls() {

package/dist/collection/components/dialogs/verdocs-ok-dialog/verdocs-ok-dialog.js

@@ -27,7 +27,7 @@ export class VerdocsOkDialog {
         }
     }
     render() {
-        return (h(Host, { key: '16757775ee3a09054e3653fb7d12873fc0758e7a', class: this.closed ? 'closed' : '' }, h("div", { key: 'd3f240bbccce82dd4f3e769100ca17612637a0d5', class: "background-overlay", onClick: e => this.handleDismiss(e) }, h("div", { key: 'ec4348a8efc1c95d3df2915ce6e6f4e72c3a6824', class: "dialog" }, h("div", { key: '82b2c477f4eb03c847744f4b1be829909fb286a0', class: "heading" }, this.heading), h("div", { key: 'bdf0962a46f2f9e1b0b8e3d3ec433f1cdc532dff', class: "content" }, h("div", { key: '2adfa55833f384622d4e98496d91786fa9c934e1', class: "message", innerHTML: this.message }), h("div", { key: '89619686b2eefbbb465fa6a86a9da9e360034a9e', class: "buttons" }, this.showCancel ? h("verdocs-button", { label: "CANCEL", variant: "outline", onClick: () => this.handleCancel() }) : h("div", { style: { display: 'none' } }), h("verdocs-button", { key: 'dc298822a062b5687a22cc56adea8b3b202758ad', label: this.buttonLabel, onClick: () => this.handleOk() })))))));
+        return (h(Host, { key: '044bc26a34fbb0d47866a4bba1fcd9afa00fce3c', class: this.closed ? 'closed' : '' }, h("div", { key: '7770fe5bf587af5795850f62c245fbd3895c56d1', class: "background-overlay", onClick: e => this.handleDismiss(e) }, h("div", { key: '638b1cd3f3803afa9c5013d8ff1106068c526e6a', class: "dialog" }, h("div", { key: 'cf5ebe2ed18b46b942a91d8eb4ab5c90c5246cbc', class: "heading" }, this.heading), h("div", { key: 'fa3b50e724b16a7d3acd6d86b7fdb8e8c04581c4', class: "content" }, h("div", { key: 'fd3fcf42eca89e5cc06f00b8beb0533851b00e1b', class: "message", innerHTML: this.message }), h("div", { key: 'f4dc2ecfa87b38e8f40e751ed905c51e77007509', class: "buttons" }, this.showCancel ? h("verdocs-button", { label: "CANCEL", variant: "outline", onClick: () => this.handleCancel() }) : h("div", { style: { display: 'none' } }), h("verdocs-button", { key: '17d5bf13abb90801117361480bddfd577b58d480', label: this.buttonLabel, onClick: () => this.handleOk() })))))));
     }
     static get is() { return "verdocs-ok-dialog"; }
     static get originalStyleUrls() {

package/dist/collection/components/dialogs/verdocs-signature-dialog/verdocs-signature-dialog.js

@@ -213,7 +213,7 @@ export class VerdocsSignatureDialog {
     }
      */
     render() {
-        return (h(Host, { key: '53849e64803bef6eb9d350c0b74c31f85ae1d85d', onClick: e => this.handleCancel(e) }, h("div", { key: 'bbf1ac4498157388d44cc41c27dc2183eebaf990', class: "dialog" }, h("div", { key: '0b56bb436a6431af0b61effdffb31133437c12df', class: "heading" }, "Create Your Signature"), h("div", { key: 'a39e8a59f6744ba89ef321ba33dbabd1911fd225', class: "content" }, h("verdocs-text-input", { key: 'bc8d46fece7c7507fc506bd9dcc739eb848f54ea', placeholder: "Full Name...", label: "Full Name", value: this.enteredName, onInput: e => this.handleNameChange(e), onClick: e => e.stopPropagation() }), h("div", { key: '021334bb046539364e2c2c4d8797519a2e38dcb4', class: "as-shown" }, "As shown on driver's license or govt. ID card."), this.fontLoaded ? h("canvas", { ref: el => (this.canvasElement = el) }) : h("div", { style: { display: 'none' } }), h("div", { key: '455dcd5d4a651af7d5cb7375996c063a30ab5f89', class: "disclaimer" }, "By clicking Adopt, I agree that the signature will be the electronic representation of my signature for all purposes when I (or my agent) use them on documents, including legally binding contracts \u2014 just the same as a pen-and-paper signature or initial."), h("div", { key: '78c53b3d62310ce14ee4782f3ebb5bdc17b31fbb', class: "buttons" }, h("verdocs-button", { key: 'be2adff2be29e9fd4f22d2a5665d56330bbcbe09', label: "CANCEL", size: "normal", variant: "outline", onClick: e => this.handleCancel(e) }), h("verdocs-button", { key: 'e7eb8cbd63184fb567c86f6e2cb11e1afa6df036', label: "Adopt & Sign", size: "normal", onClick: e => this.handleAdopt(e) }))))));
+        return (h(Host, { key: '1c8be76f76ad6c6c6bb455ea94af5aaefe48d8dc', onClick: e => this.handleCancel(e) }, h("div", { key: '179622d724573e78c3a23b81902c5380dfd3b6b4', class: "dialog" }, h("div", { key: 'a149f5453e75339e07fa6fa93c69099e5857b6c6', class: "heading" }, "Create Your Signature"), h("div", { key: 'b55b63fc5fd3050b164ff1952dc0b206265c6c06', class: "content" }, h("verdocs-text-input", { key: '2e9edfb8b7cf22819a72c2a7e831b8245134c710', placeholder: "Full Name...", label: "Full Name", value: this.enteredName, onInput: e => this.handleNameChange(e), onClick: e => e.stopPropagation() }), h("div", { key: 'a4e3a34686a783b9b16ea84b93331847ba42052f', class: "as-shown" }, "As shown on driver's license or govt. ID card."), this.fontLoaded ? h("canvas", { ref: el => (this.canvasElement = el) }) : h("div", { style: { display: 'none' } }), h("div", { key: 'a5d433881194fb0beadeb357710f45c63c5a7d5a', class: "disclaimer" }, "By clicking Adopt, I agree that the signature will be the electronic representation of my signature for all purposes when I (or my agent) use them on documents, including legally binding contracts \u2014 just the same as a pen-and-paper signature or initial."), h("div", { key: 'c0af3589e89e786f5ef67ff28786514942441bd3', class: "buttons" }, h("verdocs-button", { key: 'd7fd63314a28a0ffa430d8136718c6c4af846a5b', label: "CANCEL", size: "normal", variant: "outline", onClick: e => this.handleCancel(e) }), h("verdocs-button", { key: '7811cf9c0c33c2f739458dec0aae9fab09ab291e', label: "Adopt & Sign", size: "normal", onClick: e => this.handleAdopt(e) }))))));
     }
     static get is() { return "verdocs-signature-dialog"; }
     static get originalStyleUrls() {

package/dist/collection/components/dialogs/verdocs-upload-dialog/verdocs-upload-dialog.js

@@ -60,7 +60,7 @@ export class VerdocsUploadDialog {
         }
     }
     render() {
-        return (h(Host, { key: '89846e6c89cb8fa7188545e455b98a5b2c99bec3' }, h("div", { key: 'd89b52c26561640dac6ff52ed37db33cdd26e6f9', class: "background-overlay", onClick: e => this.handleDismiss(e) }, h("div", { key: 'd9a6d91ba3c4b0bc87a52ac57c5ff0131ecaba65', class: "dialog" }, h("div", { key: '2b781fd9b65028d14a38bdb88254840340cc7dfb', class: "heading" }, "Upload attachment"), this.selectedFiles.length < 1 && this.existingFile && (h(Fragment, { key: 'fc7b56c80302592ba276c6085ea1a44b09b80c98' }, h("div", { key: '7c31da25b44046d86df74e0caa4c377c7f91521c', class: "current-label" }, "Current Attachment"), h("div", { key: '993a194185ac803c0f55409d0942455656c48288', class: "attachments", style: { marginTop: '0' } }, h("div", { key: 'f73da1c66602b14150afef80c89a32d9061b22c5', class: "attachment" }, h("div", { key: '2715cf8bf9c31b51708d5165b5f4655ca7231540', class: "icon", innerHTML: PaperclipIcon }), h("div", { key: '1a14d15b1bd9dcfbb13f6189b13616ba141ba643', class: "name" }, this.existingFile.name), h("div", { key: '89f95545e497da2bb5f67b5318c61540f3fd2627', class: "icon trash", innerHTML: TrashIcon, onClick: () => this.handleDeleteAttachment() }))))), this.selectedFiles.length < 1 && (h("div", { key: 'cc59dcebfd0ebd6614f11bc4d40f36448f19eef6', class: { 'drop-target': true, 'dragging-over': this.draggingOver }, onDragOver: e => this.handleDragOver(e), onDragLeave: e => this.handleDragLeave(e), onDrop: e => this.handleDrop(e) }, h("p", { key: 'b615d9846d8b785e9e7e9ed93adc97a75ddfe381' }, "Drag and drop a ", !!this.existingFile && 'replacement', " here..."), h("p", { key: '228776a6174a936cbec81be7863586007a8b846a' }, "- or -"), h("verdocs-button", { key: 'a7142011ba18f6b004f1fd8b18afc044ea9d90fe', label: !!this.existingFile ? 'Replace file...' : 'Select a file...', onClick: () => this.handleSelectFile() }), h("input", { key: '82b8661d15cf281c38b2ea5d8e374786fb52c27b', type: "file", ref: el => (this.fileInput = el), style: { display: 'none' }, onChange: () => this.handleFileChange() }))), this.selectedFiles.length > 0 && (h("div", { key: 'b3f8495ed0faef35324745634b07bae41159bb24', class: "attachments" }, this.selectedFiles.map((file, index) => (h("div", { class: "attachment" }, h("div", { class: "icon", innerHTML: PaperclipIcon }), h("div", { class: "name" }, file.name), h("div", { class: "icon trash", innerHTML: TrashIcon, onClick: () => this.handleRemoveAttachment(index) })))))), h("div", { key: '404bd66083a86f2c964e8d6392ef01eab3854e91', class: "buttons" }, h("verdocs-button", { key: '97a0b6b4c4ae1cfa873b2d5f4addbb3676aba99b', label: "Cancel", variant: "outline", onClick: () => this.handleCancel() }), h("verdocs-button", { key: '07dfd4a41d5d1be909baaf5678e231062fe70fc6', label: "Upload", onClick: () => this.handleDone(), disabled: this.selectedFiles.length < 1 }))))));
+        return (h(Host, { key: 'e8fc331b44b9da5a3da0b6dd144886e869b0ad57' }, h("div", { key: '7a7bf10b9d30acdbaef078e5422fb67d2924be5b', class: "background-overlay", onClick: e => this.handleDismiss(e) }, h("div", { key: '71dd58afe5a4651442339970b2acec4ddf13a2fb', class: "dialog" }, h("div", { key: '40c2111f9ac8c00f348273ab7643d89efc6a68e6', class: "heading" }, "Upload attachment"), this.selectedFiles.length < 1 && this.existingFile && (h(Fragment, { key: '76618c396fceae2809e65ce089c1d9de05218c3e' }, h("div", { key: 'dface5b5c91bcc71b326a1ff980d56178c137cbf', class: "current-label" }, "Current Attachment"), h("div", { key: 'e4dd55aed47fb5d40ceb47fee37d5e99b4e85483', class: "attachments", style: { marginTop: '0' } }, h("div", { key: '3d29f45ecbdf209dc58cccb608d26cd739d2856a', class: "attachment" }, h("div", { key: '72fd1eb1fe354b5a1071a576006abcbb6ecb3c78', class: "icon", innerHTML: PaperclipIcon }), h("div", { key: 'cd08be12f47150d5d974b0d30b3c2479752760fd', class: "name" }, this.existingFile.name), h("div", { key: '5c8b29b1e765b8c19820932ff6252cedf923949e', class: "icon trash", innerHTML: TrashIcon, onClick: () => this.handleDeleteAttachment() }))))), this.selectedFiles.length < 1 && (h("div", { key: '0087f25c61415aa094d72bbdd2c3e66cb820356f', class: { 'drop-target': true, 'dragging-over': this.draggingOver }, onDragOver: e => this.handleDragOver(e), onDragLeave: e => this.handleDragLeave(e), onDrop: e => this.handleDrop(e) }, h("p", { key: '548e424032f1d839e61fa446960daf89a1a1369e' }, "Drag and drop a ", !!this.existingFile && 'replacement', " here..."), h("p", { key: '7e02b52cf95547cbe63e93326d906eb39ff476c5' }, "- or -"), h("verdocs-button", { key: '04d29abff12269bd87dfd42fe6cfaef15ca0bcce', label: !!this.existingFile ? 'Replace file...' : 'Select a file...', onClick: () => this.handleSelectFile() }), h("input", { key: 'b9855eed6197defe6a3e75b709d9427c2da23363', type: "file", ref: el => (this.fileInput = el), style: { display: 'none' }, onChange: () => this.handleFileChange() }))), this.selectedFiles.length > 0 && (h("div", { key: 'acf45d5508241f73baa1386135dec6c17f624b94', class: "attachments" }, this.selectedFiles.map((file, index) => (h("div", { class: "attachment" }, h("div", { class: "icon", innerHTML: PaperclipIcon }), h("div", { class: "name" }, file.name), h("div", { class: "icon trash", innerHTML: TrashIcon, onClick: () => this.handleRemoveAttachment(index) })))))), h("div", { key: '7201e2aed151424e9d18398a0f75fadb952b6a22', class: "buttons" }, h("verdocs-button", { key: '9076dc0693ff0ab365e3ce38e39b7f1336567e4a', label: "Cancel", variant: "outline", onClick: () => this.handleCancel() }), h("verdocs-button", { key: 'f9786124e707344c3c9278ccbd6aae26a4da216a', label: "Upload", onClick: () => this.handleDone(), disabled: this.selectedFiles.length < 1 }))))));
     }
     static get is() { return "verdocs-upload-dialog"; }
     static get originalStyleUrls() {

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

@@ -19,7 +19,7 @@ export class VerdocsQuickFunctions {
         this.createDocument.emit();
     }
     render() {
-        return (h("div", { key: '7b09da81f9fb67b87e43b00d58230a34ebb95338', class: "container" }, h("p", { key: 'ebb90f14c24ca9764e537931e37b6274019294a4', class: "title" }, "Quick Create"), h("button", { key: '4dc154c1704c20671a0f2ffc1edb5690505ce67f', onClick: () => this.handleCreateTemplate(), innerHTML: TemplateIcon }, "Template"), h("button", { key: '10f9d0350822800a7ed6c1f2bb76c364f9d83110', onClick: () => this.handleCreateDocument(), innerHTML: DocumentIcon }, "Document")));
+        return (h("div", { key: 'e0edb4e04bbf4ee92ba26f50f3c56beec434e375', class: "container" }, h("p", { key: '58e823308edc32e234587cd6232c5014460a7a8a', class: "title" }, "Quick Create"), h("button", { key: '5ef91f83933d1d716c6627ab393cb171e977aa81', onClick: () => this.handleCreateTemplate(), innerHTML: TemplateIcon }, "Template"), h("button", { key: '773b5d9e6f4288f288cee92d4c7884cdce8a3374', onClick: () => this.handleCreateDocument(), innerHTML: DocumentIcon }, "Document")));
     }
     static get is() { return "verdocs-quick-functions"; }
     static get originalStyleUrls() {

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

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

package/dist/collection/components/elements/verdocs-search-tabs/verdocs-search-tabs.js

@@ -4,7 +4,7 @@ export class VerdocsSearchTabs {
         this.selected = 'all';
     }
     render() {
-        return h("div", { key: 'a67ed4b54a0613731357bfc6f88ecad363dce069' }, "\u00A0");
+        return h("div", { key: '1f3dba2661771f24f6a9a416b040b84d48f0356b' }, "\u00A0");
     }
     static get is() { return "verdocs-search-tabs"; }
     static get originalStyleUrls() {

package/dist/collection/components/embeds/verdocs-auth/verdocs-auth.js

@@ -111,6 +111,7 @@ export class VerdocsAuth {
             this.last_name = '';
             this.org_name = '';
             this.displayMode = 'verify';
+            this.submitting = false;
         })
             .catch(e => {
             var _a, _b, _c, _d, _e, _f;

package/dist/collection/components/embeds/verdocs-sign/verdocs-sign.js

@@ -1,7 +1,7 @@
 import { Host, Fragment, h } from "@stencil/core";
-import { fullNameToInitials, startSigningSession, deleteEnvelopeFieldAttachment, getKbaStep } from "@verdocs/js-sdk";
 import { integerSequence, isValidEmail, isValidPhone, updateEnvelopeFieldInitials } from "@verdocs/js-sdk";
 import { updateEnvelopeFieldSignature, uploadEnvelopeFieldAttachment, VerdocsEndpoint, updateEnvelopeField } from "@verdocs/js-sdk";
+import { fullNameToInitials, startSigningSession, deleteEnvelopeFieldAttachment, getKbaStep } from "@verdocs/js-sdk";
 import { createInitials, createSignature, envelopeRecipientAgree, envelopeRecipientDecline, envelopeRecipientSubmit, formatFullName } from "@verdocs/js-sdk";
 import { getFieldId, renderDocumentField, saveAttachment, updateDocumentFieldValue } from "../../../utils/utils";
 import { createTemplateFieldStoreFromEnvelope } from "../../../utils/TemplateFieldStore";
@@ -53,6 +53,9 @@ export class VerdocsSign {
         this.errorMessage = '';
         this.focusedField = '';
         this.submitting = false;
+        this.submitted = false;
+        this.canceled = false;
+        this.declined = false;
         this.isDone = false;
         this.showDone = false;
         this.showLoadError = false;
@@ -87,14 +90,6 @@ export class VerdocsSign {
             console.log(`[SIGN] Loaded signing session`, envelope, recipient);
             this.recipient = recipient;
             this.envelope = envelope;
-            getKbaStep(this.endpoint, this.envelopeId, this.roleId)
-                .then(r => {
-                console.log('KBA Step', r);
-            })
-                .catch(e => console.log('Error getting KBA step', e));
-            if (this.agreed) {
-                this.nextButtonLabel = 'Next';
-            }
             createTemplateFieldStoreFromEnvelope(this.envelope);
             this.sortedRecipients = [...this.envelope.recipients];
             this.sortedRecipients.sort((a, b) => {
@@ -112,9 +107,22 @@ export class VerdocsSign {
             else {
                 console.warn('[SIGN] Could not find our recipient record', this.roleId, this.sortedRecipients);
             }
-            this.isDone = ['submitted', 'canceled', 'declined'].includes(this.recipient.status);
+            this.submitted = this.recipient.status === 'submitted';
+            this.declined = this.recipient.status === 'declined';
+            this.canceled = this.envelope.status === 'canceled';
+            this.isDone = this.submitted || this.declined || this.canceled;
+            if (this.agreed) {
+                this.nextButtonLabel = 'Next';
+            }
             this.checkRecipientFields();
             (_d = this.envelopeLoaded) === null || _d === void 0 ? void 0 : _d.emit({ endpoint: this.endpoint, envelope: this.envelope });
+            if (!this.isDone) {
+                getKbaStep(this.endpoint, this.envelopeId, this.roleId)
+                    .then(r => {
+                    console.log('[SIGN] KBA Step', r);
+                })
+                    .catch(e => console.log('Error getting KBA step', e));
+            }
         }
         catch (e) {
             console.log('[SIGN] Error with signing session', e);
@@ -169,6 +177,7 @@ export class VerdocsSign {
                     (_c = this.envelopeUpdated) === null || _c === void 0 ? void 0 : _c.emit({ endpoint: this.endpoint, envelope: this.envelope, event: 'declined' });
                     this.submitting = false;
                     this.isDone = true;
+                    this.declined = true;
                 }
                 break;
             case 'print':
@@ -517,7 +526,7 @@ export class VerdocsSign {
             return (h(Host, null, h("verdocs-loader", null)));
         }
         if (this.isDone) {
-            return (h(Host, { class: { agreed: this.agreed } }, h("verdocs-view", { endpoint: this.endpoint, envelopeId: this.envelopeId, onSdkError: e => { var _a; return (_a = this.sdkError) === null || _a === void 0 ? void 0 : _a.emit(e.detail); } }), this.errorMessage && h("verdocs-ok-dialog", { heading: "Network Error", message: this.errorMessage, onNext: () => (this.errorMessage = '') }), this.showDone && (h("verdocs-ok-dialog", { heading: "You're Done!", message: `You can access the ${this.documentsSingularPlural} at any time by clicking on the link from the invitation email.<br /><br />After all recipients have completed their actions, you will receive an email with the document and envelope certificate attached.`, onNext: () => {
+            return (h(Host, { class: { agreed: this.agreed } }, h("verdocs-view", { endpoint: this.endpoint, envelopeId: this.envelopeId, envelope: this.envelope, onSdkError: e => { var _a; return (_a = this.sdkError) === null || _a === void 0 ? void 0 : _a.emit(e.detail); } }), this.errorMessage && h("verdocs-ok-dialog", { heading: "Network Error", message: this.errorMessage, onNext: () => (this.errorMessage = '') }), this.showDone && (h("verdocs-ok-dialog", { heading: "You're Done!", message: `You can access the ${this.documentsSingularPlural} at any time by clicking on the link from the invitation email.<br /><br />After all recipients have completed their actions, you will receive an email with the document and envelope certificate attached.`, onNext: () => {
                     this.showDone = false;
                     this.isDone = true;
                 } })), this.submitting && (h("div", { class: "loading-indicator" }, h("verdocs-loader", null)))));
@@ -664,6 +673,9 @@ export class VerdocsSign {
             "errorMessage": {},
             "focusedField": {},
             "submitting": {},
+            "submitted": {},
+            "canceled": {},
+            "declined": {},
             "isDone": {},
             "showDone": {},
             "showLoadError": {},

package/dist/collection/components/embeds/verdocs-view/verdocs-view.js

@@ -15,36 +15,36 @@ import { SDKError } from "../../../utils/errors";
  */
 export class VerdocsView {
     constructor() {
-        this.endpoint = VerdocsEndpoint.getDefault();
+        this.endpoint = null;
         this.envelopeId = '';
+        this.envelope = null;
         this.headerTargetId = null;
         this.canceling = false;
-        this.envelope = null;
         this.roleNames = [];
         this.showCancelDone = false;
         this.showLoadError = false;
     }
     async componentWillLoad() {
         var _a, _b, _c;
-        this.endpoint.loadSession();
+        if (!this.endpoint) {
+            this.endpoint = VerdocsEndpoint.getDefault();
+            this.endpoint.loadSession();
+        }
         if (!this.envelopeId) {
             console.error(`[VIEW] Missing required envelopeId`);
             return;
         }
-        console.log('[VIEW] Loading envelope...');
-        try {
-            this.envelope = await getEnvelope(this.endpoint, this.envelopeId);
-            console.log('[VIEW] Loaded envelope', this.envelope);
-            this.roleNames = this.envelope.recipients.map(r => r.role_name);
-            setTimeout(async () => {
-                console.log('[VIEW] Reloading envelope...');
+        if (!this.envelope) {
+            try {
+                console.log('[VIEW] Loading envelope...');
                 this.envelope = await getEnvelope(this.endpoint, this.envelopeId);
-                console.log('[VIEW] Reloaded envelope', this.envelope);
-            }, 2000);
-        }
-        catch (e) {
-            this.showLoadError = true;
-            (_a = this.sdkError) === null || _a === void 0 ? void 0 : _a.emit(new SDKError(e.message, (_b = e.response) === null || _b === void 0 ? void 0 : _b.status, (_c = e.response) === null || _c === void 0 ? void 0 : _c.data));
+                console.log('[VIEW] Loaded envelope', this.envelope);
+                this.roleNames = this.envelope.recipients.map(r => r.role_name);
+            }
+            catch (e) {
+                this.showLoadError = true;
+                (_a = this.sdkError) === null || _a === void 0 ? void 0 : _a.emit(new SDKError(e.message, (_b = e.response) === null || _b === void 0 ? void 0 : _b.status, (_c = e.response) === null || _c === void 0 ? void 0 : _c.data));
+            }
         }
     }
     componentDidRender() {
@@ -189,7 +189,7 @@ export class VerdocsView {
                 "type": "unknown",
                 "mutable": false,
                 "complexType": {
-                    "original": "VerdocsEndpoint",
+                    "original": "VerdocsEndpoint | null",
                     "resolved": "VerdocsEndpoint",
                     "references": {
                         "VerdocsEndpoint": {
@@ -205,7 +205,7 @@ export class VerdocsView {
                     "tags": [],
                     "text": "The endpoint to use to communicate with Verdocs. If not set, the default endpoint will be used."
                 },
-                "defaultValue": "VerdocsEndpoint.getDefault()"
+                "defaultValue": "null"
             },
             "envelopeId": {
                 "type": "string",
@@ -225,6 +225,28 @@ export class VerdocsView {
                 "reflect": false,
                 "defaultValue": "''"
             },
+            "envelope": {
+                "type": "unknown",
+                "mutable": true,
+                "complexType": {
+                    "original": "IEnvelope | null",
+                    "resolved": "IEnvelope",
+                    "references": {
+                        "IEnvelope": {
+                            "location": "import",
+                            "path": "@verdocs/js-sdk",
+                            "id": "node_modules::IEnvelope"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "If the envelope is already loaded, the parent may pass it in directly."
+                },
+                "defaultValue": "null"
+            },
             "headerTargetId": {
                 "type": "string",
                 "mutable": false,
@@ -248,7 +270,6 @@ export class VerdocsView {
     static get states() {
         return {
             "canceling": {},
-            "envelope": {},
             "roleNames": {},
             "showCancelDone": {},
             "showLoadError": {}

package/dist/collection/components/envelopes/verdocs-envelope-document-page/verdocs-envelope-document-page.js

@@ -43,7 +43,6 @@ export class VerdocsEnvelopeDocumentPage {
     disconnectedCallback() {
         var _a;
         (_a = this.resizeObserver) === null || _a === void 0 ? void 0 : _a.disconnect();
-        console.log('[PAGE] Disconnected', this.containerId);
     }
     // Left here for documentation purposes in case we find an edge case where this isn't true. But we apparently don't need this.
     // When we add the resize observer it will always be triggered at least once so notifying here as well is just a dupe.
@@ -75,7 +74,7 @@ export class VerdocsEnvelopeDocumentPage {
     }
     render() {
         const height = `${this.renderedHeight}px`;
-        return (h(Host, { key: 'db47c26f1d1ad9d72d4a18238b0ab244e68f2f76', 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: 'c36ed131abfd6604c5a48d6cc02384c4c35c5653', 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/collection/components/envelopes/verdocs-envelopes-list/verdocs-envelopes-list.js

@@ -191,18 +191,18 @@ export class VerdocsEnvelopesList {
         });
     }
     render() {
-        return (h(Host, { key: '9f93a9c82a5dd9cac5d1457b59f27ac2a64e33c4' }, h("div", { key: 'e279d53d83511a338250d6d57e431a4662a2ac2f', class: "header" }, h("div", { key: '6dec54707d214be5b81711b2ebb9a069aabea3aa', class: "filter" }, h("verdocs-text-input", { key: 'f0f7a991581818cf3ae936b1f82004df68a90762', id: "verdocs-filter-name", value: this.match, clearable: true, autocomplete: "off", placeholder: "Filter by Name, Recipient, or Field...", onFocusout: (e) => {
+        return (h(Host, { key: 'afc4e894ffe975884de4740ab191141f45ae8dd3' }, h("div", { key: 'a31c5d67b40c79977ef398ade34906083386a6df', class: "header" }, h("div", { key: '4c9e4e53ad08e7ac14d6567da0bc9d8e076f3550', class: "filter" }, h("verdocs-text-input", { key: 'ea20a5b962b13f678a333c246cde83ce6d8ee9d7', 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: 'e05c6b326ae1ea63e642dd9c884fd1a10a294da5', label: "View", value: this.view, options: ViewFilters, onOptionSelected: e => {
+            } })), h("verdocs-quick-filter", { key: '32a191d2d8e67c2d6633e4ae43ed16d82bc9fa8d', label: "View", value: this.view, options: ViewFilters, onOptionSelected: e => {
                 this.view = e.detail.value;
-            } }), this.view === 'all' && (h("verdocs-quick-filter", { key: '3caa255a74d88a9da45eca2f03522cf2b3c0e7ff', label: "Status", value: this.status, options: StatusFilters, onOptionSelected: e => {
+            } }), this.view === 'all' && (h("verdocs-quick-filter", { key: '41ff33e406d7c7b40512e1ce3bbfbcc883b4871a', label: "Status", value: this.status, options: StatusFilters, onOptionSelected: e => {
                 this.status = e.detail.value;
-            } })), this.view === 'all' && (h("verdocs-quick-filter", { key: '3e36f81be8ad759c770e7261c41f5fdb0d3b371f', label: "Sort By", value: this.sort, options: SortFilters, onOptionSelected: e => {
+            } })), this.view === 'all' && (h("verdocs-quick-filter", { key: '28ca07defeb30f227345dd691a1672200c071c9f', label: "Sort By", value: this.sort, options: SortFilters, onOptionSelected: e => {
                 this.sort = e.detail.value;
-            } })), this.loading && h("verdocs-spinner", { key: '441f2c0e3efeb105c61542c2e057c64720423082', mode: "dark", size: 24 }), h("div", { key: '80a6d1fad113d168bc68cabcf60d2e4517e6c2a1', style: { display: 'flex', flex: '1' } }), this.selectedEnvelopes.length > 0 && h("verdocs-button", { key: 'e02ed6005bbea2dc6c7687724e995c338df98d45', label: `Download (${this.selectedEnvelopes.length})`, onClick: () => this.handleDownload() })), this.envelopes.map(envelope => {
+            } })), this.loading && h("verdocs-spinner", { key: '8cac7f3bd1c013d04a355e38ff8d299f33de8d71', mode: "dark", size: 24 }), h("div", { key: 'f3e30dd1d638900f27b618c467b2e954de3da4a6', style: { display: 'flex', flex: '1' } }), this.selectedEnvelopes.length > 0 && h("verdocs-button", { key: 'afa9d35d7c33ea1d6a6dcb44572d83f9195ffaed', 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);
@@ -243,7 +243,7 @@ export class VerdocsEnvelopesList {
                             break;
                     }
                 } }))));
-        }), !this.initiallyLoaded && (h("div", { key: 'f35a7cf0c691d395bd03fc16e6819d773f234eec', style: { width: '100%' } }, integerSequence(0, this.rowsPerPage).map(() => (h("div", { class: "envelope-placeholder" }))))), this.initiallyLoaded && !this.envelopes.length && h("div", { key: '6002b381ea34731dedff4c790c63005071732659', 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: 'c9208b59bfe96f706bfb30e5ced6e9024e2d93a4', style: { width: '100%' } }, integerSequence(0, this.rowsPerPage).map(() => (h("div", { class: "envelope-placeholder" }))))), this.initiallyLoaded && !this.envelopes.length && h("div", { key: '169424956740f02d92be417c370cbce2621a233c', 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/collection/components/envelopes/verdocs-status-indicator/verdocs-status-indicator.js

@@ -238,11 +238,11 @@ export class VerdocsStatusIndicator {
         }
         const icon = this.getStatusIcon(status);
         const statusMessage = this.getStatusMessage(status);
-        return (h(Host, { key: '25fadd6d77be693e57cb2fb5a09a31eb63646570', ref: el => (this.summaryComponent = el), class: `${this.theme} ${this.size} ${this.envelope ? 'has-document' : ''}`, "aria-label": "Click to View Details", onClick: e => {
+        return (h(Host, { key: '59e5538e41c29b74d4f8d53c8674fb2d0d159ab9', ref: el => (this.summaryComponent = el), class: `${this.theme} ${this.size} ${this.envelope ? 'has-document' : ''}`, "aria-label": "Click to View Details", onClick: e => {
                 e.stopPropagation();
                 e.preventDefault();
                 this.envelope && this.toggleDropdown();
-            }, onBlur: e => this.envelope && this.handleHideDropdown(e) }, h("span", { key: 'aa78dca223dc4db4a1f89cf7978064553d7abea3', class: "icon", innerHTML: icon }), h("span", { key: '84f93dbd4c9cbff90abdc1dfeaef46cb592151b5', class: "content" }, statusMessage), h("div", { key: 'dccc1698ae3548ee0aa1a8e01a2fa0bfdabe3737', class: "detail-panel", ref: el => (this.detailPanel = el) }, h("div", { key: '129b157b29e1a7b610244b4ec02f7af59221ec8f', 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: 'c3fda712b9cbede053c1ed89914d85b3eb8c8d96', class: "icon", innerHTML: icon }), h("span", { key: 'da87a24aef046a682a479580f7157f22778c1344', class: "content" }, statusMessage), h("div", { key: '37ca0dc5c864927f40b6bacaff2aed3a8b9b892b', class: "detail-panel", ref: el => (this.detailPanel = el) }, h("div", { key: 'cd4ebea386ae4abd6c95720c7f8c3cf640e33c3d', 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 is() { return "verdocs-status-indicator"; }
     static get originalStyleUrls() {

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

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

package/dist/collection/components/templates/verdocs-template-document-page/verdocs-template-document-page.js

@@ -94,7 +94,7 @@ export class VerdocsTemplateDocumentPage {
     }
     render() {
         const height = `${this.renderedHeight}px`;
-        return (h(Host, { key: '7dffce97ff8eb454bdfde6157190f5ba027d92b3', 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: 'a0d656b86f18762601961c420ab39fb439c3ca7e', 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/collection/components/templates/verdocs-template-role-properties/verdocs-template-role-properties.js

@@ -116,34 +116,34 @@ export class VerdocsTemplateRoleProperties {
     }
     render() {
         const hasFields = this.fieldStore.get('fields').some(field => field.role_name === this.roleName);
-        return (h(Host, { key: '730f06520de9e020296cacf991aa025606d7dbfb' }, h("div", { key: '5ac072dbe9f312b468d9a1b8d699694185c03e22', class: "background-overlay", onClick: e => this.handleCancel(e) }, h("div", { key: 'b303190355d969808ee3554b85c26e3f6da52536', class: "dialog" }, h("form", { key: '21a0ef6e184c52d92b47fc48f6210170a9a06697', onSubmit: e => e.preventDefault(), onClick: e => e.stopPropagation(), autocomplete: "off" }, h("verdocs-text-input", { key: 'bd81053ec77721af0b116a0060fa5d7cf2b82b03', id: "verdocs-role-name", label: "Role Name", value: this.name, autocomplete: "off", disabled: hasFields, helpText: hasFields
+        return (h(Host, { key: 'a1e71e2e85110fc84f4639a249a869effa03059c' }, h("div", { key: 'e5d573e2e8782ac53a34caa8a861e31e5011a8e0', class: "background-overlay", onClick: e => this.handleCancel(e) }, h("div", { key: 'e185f3b840b6ac8922672f5cdafbd2a0215e820f', class: "dialog" }, h("form", { key: '8d98eae65f1672e89db98aed339533f5723d544b', onSubmit: e => e.preventDefault(), onClick: e => e.stopPropagation(), autocomplete: "off" }, h("verdocs-text-input", { key: 'e5659b7b89e51cf6a7e1015ff962730009888113', id: "verdocs-role-name", label: "Role Name", value: this.name, autocomplete: "off", disabled: hasFields, helpText: hasFields
                 ? 'This role has fields assigned and can no longer be renamed.'
                 : 'A unique name to identify the role in the workflow. Submitted data will also be tagged with this value.', placeholder: "Role Name...", onInput: (e) => {
                 this.name = e.target.value;
                 this.dirty = true;
-            } }), h("div", { key: '52b3feb14fb51e426db734624db563de1d1b2e24', class: "row" }, h("div", { key: '91ec0ebe42974aa36c5144d5815ac1d138862d95', class: "input-label" }, "Type:"), h("verdocs-select-input", { key: 'dc06b63a7efe16b244bf667d6eb1e7b4ba27d951', value: this.type, options: [
+            } }), h("div", { key: 'b891fcf91ddb5dda364c2906c24d3d8a133ba959', class: "row" }, h("div", { key: 'e7c4510014a59a4c77cc178b535082d8a4048365', class: "input-label" }, "Type:"), h("verdocs-select-input", { key: '1cc4b4a1e3edbb40ba60ef5d35b4becde48d5a17', value: this.type, options: [
                 { label: 'Signer', value: 'signer' },
                 { label: 'CC', value: 'cc' },
                 { label: 'Approver', value: 'approver' },
             ], onInput: (e) => {
                 this.type = e.target.value;
                 this.dirty = true;
-            } }), h("verdocs-help-icon", { key: 'cd2117c7265b9b14bd30d46a78bf931a3d431495', text: "Most participants are Signers. CC roles are notified when documents are signed, but have no other actions. Approvers get notified when signing is completed to perform a final review." })), h("verdocs-text-input", { key: 'e1cc994258b539ab40e4e7fabc2544b1c7d82ade', id: "verdocs-recipient-first", label: "First Name", value: this.first_name, autocomplete: "off", helpText: "The recipient's first name, if it will always stay the same. Leave blank to supply this value later, when each new envelope is created from the template.", placeholder: "First Name...", onInput: (e) => {
+            } }), h("verdocs-help-icon", { key: '69b3ffb497857debafc245aeb263d3e1cdbcac11', text: "Most participants are Signers. CC roles are notified when documents are signed, but have no other actions. Approvers get notified when signing is completed to perform a final review." })), h("verdocs-text-input", { key: '15ef892258e97a4397ce6b05d13e999937112cce', id: "verdocs-recipient-first", label: "First Name", value: this.first_name, autocomplete: "off", helpText: "The recipient's first name, if it will always stay the same. Leave blank to supply this value later, when each new envelope is created from the template.", placeholder: "First Name...", onInput: (e) => {
                 this.first_name = e.target.value;
                 this.dirty = true;
-            } }), h("verdocs-text-input", { key: '1a9ce3573fbf3a9a4495862cc780b6321169bef7', id: "verdocs-recipient-first", label: "Last Name", value: this.last_name, autocomplete: "off", helpText: "The recipient's last name, if it will always stay the same. Leave blank to supply this value later, when each new envelope is created from the template.", placeholder: "Last Name...", onInput: (e) => {
+            } }), h("verdocs-text-input", { key: '0319a7fe5f3bd910ac32cb327ba764e209c08a6c', id: "verdocs-recipient-first", label: "Last Name", value: this.last_name, autocomplete: "off", helpText: "The recipient's last name, if it will always stay the same. Leave blank to supply this value later, when each new envelope is created from the template.", placeholder: "Last Name...", onInput: (e) => {
                 this.last_name = e.target.value;
                 this.dirty = true;
-            } }), h("verdocs-text-input", { key: 'ef313cdd9da5f9ce299513a0f74a0010978a04f0', id: "verdocs-recipient-email", label: "Email", value: this.email, autocomplete: "off", helpText: "The recipient's email address, if it will always stay the same. Leave blank to supply this value later, when each new envelope is created from the template.", placeholder: "Email Address...", onInput: (e) => {
+            } }), h("verdocs-text-input", { key: '2848ae472e3c0b2bf634a235cb72e89bd2d409b0', id: "verdocs-recipient-email", label: "Email", value: this.email, autocomplete: "off", helpText: "The recipient's email address, if it will always stay the same. Leave blank to supply this value later, when each new envelope is created from the template.", placeholder: "Email Address...", onInput: (e) => {
                 this.email = e.target.value;
                 this.dirty = true;
-            } }), h("verdocs-text-input", { key: '017395decc39091207de4152283e401931254f10', id: "verdocs-recipient-phone", label: "Phone", value: this.phone, autocomplete: "off", helpText: "The recipient's phone number, if it will always stay the same. Leave blank to supply this value later, when each new envelope is created from the template.", placeholder: "Phone Number...", onInput: (e) => {
+            } }), h("verdocs-text-input", { key: 'd25f31ed90028ca4cd4f7b1660a0988be3ecf112', id: "verdocs-recipient-phone", label: "Phone", value: this.phone, autocomplete: "off", helpText: "The recipient's phone number, if it will always stay the same. Leave blank to supply this value later, when each new envelope is created from the template.", placeholder: "Phone Number...", onInput: (e) => {
                 this.phone = e.target.value;
                 this.dirty = true;
-            } }), h("div", { key: '68434c73d7fdcb24141cdf13ff9c076d477480c7', class: "row" }, h("div", { key: 'c5afca6f072a5a76646f5575b871bf55a075cc1b', class: "input-label" }, "May Delegate:"), h("div", { key: '55bfc7a17dcadf265d5ca6a7bbef12c1261392c2', class: "checkbox-wrapper" }, h("verdocs-checkbox", { key: 'd25aab079a596000a710a31cad269698d131f1b1', checked: this.delegator, onInput: (e) => {
+            } }), h("div", { key: '1c569da3207a3d46bb3a0f417cf1488d4c4ebfa6', class: "row" }, h("div", { key: 'daa2968dcba6cba37b84d57fd682f60a1dd5adbc', class: "input-label" }, "May Delegate:"), h("div", { key: '15b44b67d4b554bb1f6546746b0d60b78b67a3ee', class: "checkbox-wrapper" }, h("verdocs-checkbox", { key: '6f6046bd9791923328c234f7394ecacd674a1926', checked: this.delegator, onInput: (e) => {
                 this.delegator = e.target.checked;
                 this.dirty = true;
-            } })), h("verdocs-help-icon", { key: 'c95eeeb21f1c237ea5c3b0b92c14d5d62fc1617a', text: "If enabled, this recipient may delegate their actions to another individual." })), h("div", { key: 'f563be7c352b2fd1ea04936796a942ae6353ae90', class: "buttons" }, h("button", { key: '107f332bc0650e9b1c2ac3666bebb6b7b0ec4c7c', class: "delete-button", disabled: this.dirty, onClick: e => this.handleDelete(e), innerHTML: TrashIcon }), h("div", { key: 'f462302d0a04d178303ea8831eeaccdc18410265', style: { flex: '1' } }), h("verdocs-button", { key: 'ea1eabf74981acaa1674e94a9134fb6270b3b8d8', size: "small", variant: "outline", label: "Cancel", disabled: !this.dirty, onClick: e => this.handleCancel(e) }), h("verdocs-button", { key: '1ff52f0f25400416414477d2d7bf271bce5c310e', size: "small", label: "Save", disabled: !this.dirty, onClick: e => this.handleSave(e) })))))));
+            } })), h("verdocs-help-icon", { key: 'ad0ffedf4341761786cd3764f6b9794a97211dc9', text: "If enabled, this recipient may delegate their actions to another individual." })), h("div", { key: '496ee13c6b658687975d58978a000f9eb555a9c3', class: "buttons" }, h("button", { key: 'fa00b8f96af35ba7603ef660dd596cee1c7d3e21', class: "delete-button", disabled: this.dirty, onClick: e => this.handleDelete(e), innerHTML: TrashIcon }), h("div", { key: '7866c12a9e3d073aaef509324de7c02788d117a9', style: { flex: '1' } }), h("verdocs-button", { key: '699bda4fd7cad7cd02affd6e76fdf00f360e940b', size: "small", variant: "outline", label: "Cancel", disabled: !this.dirty, onClick: e => this.handleCancel(e) }), h("verdocs-button", { key: 'df0476c8601ec5a0bd84ab7166ea03a323ff68f5', size: "small", label: "Save", disabled: !this.dirty, onClick: e => this.handleSave(e) })))))));
     }
     static get is() { return "verdocs-template-role-properties"; }
     static get originalStyleUrls() {

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

@@ -61,7 +61,7 @@ export class VerdocsTemplateSender {
         });
     }
     render() {
-        return (h(Host, { key: '849ebcae79fea1e7e810ea49c6d97fb26ef71601' }, h("div", { key: 'c4beb47af9820bbf7fdbb13386a381a1ec0ef3eb', class: "background-overlay", onClick: e => this.handleDismiss(e) }, h("div", { key: '6f1b23281f27a3e340602e73c6fc476d5a7d1a7b', class: "dialog" }, h("div", { key: '04aed5aff479eb6f1af4343dd838dfe57c7d9f3a', class: "options" }, h("div", { key: '484b72a2b7bd73ae9143219d539a6aa120a9cc5c', class: "option" }, h("verdocs-radio-button", { key: '2473798c37783ce1fc531d888120ef0187c28cb8', name: "template-sender", value: 'everyone', checked: this.sender === 'everyone', onInput: () => this.handleSelectSetting('everyone') }), h("div", { key: 'ba79bcdb09dfe1fdbd9adbb9f8fc5f593cc1a4db', class: "description" }, h("div", { key: '0bc8cac502ddac20468fa2e1c88e71940f17b069', class: "name" }, "Anyone on the Web"), h("verdocs-help-icon", { key: '153fc6f5e4371d3896f8886ae442a4caf8d1170d', text: "Anyone can use this template. (Make its visibility is set to to 'Public' or 'Shared'.)" }))), h("div", { key: '16e66ac18576da8b0080896c9457d8ad7fd86ed9', class: "option" }, h("verdocs-radio-button", { key: '45af40b3e65d78b61f84c7ebe0c8eda2766ea461', name: "template-sender", value: 'everyone_as_creator', checked: this.sender === 'everyone_as_creator', onInput: () => this.handleSelectSetting('everyone_as_creator') }), h("div", { key: '864183ff6d21343e1e2ac3ec878feb5cb464df51', class: "description" }, h("div", { key: 'fc0c1004ebddbbbfa7409a05aa1111640a8327ad', class: "name" }, "Anyone on the Web as me"), h("verdocs-help-icon", { key: 'a7527d745ea6cb3cc6b5eb0b67bc1e658a1834f9', text: "Anyone can use this template on my behalf. (Make sure its visibility is set to 'Public' or 'Shared'.)" }))), h("div", { key: '5324d01a5a9b4c6776e42c24fa605c6e7e1ba02b', class: "option" }, h("verdocs-radio-button", { key: '06fb10ac6f84d0eeffec279038bc4a55e3812466', name: "template-sender", value: 'organization_member', checked: this.sender === 'organization_member', onInput: () => this.handleSelectSetting('organization_member') }), h("div", { key: 'c29edc2f40ec7b8d4346d828341afc1722b0043b', class: "description" }, h("div", { key: '016a3f3625d3ae00aa58cb2ad035a657c862d7e0', class: "name" }, "Anyone in my organization"), h("verdocs-help-icon", { key: 'd3eefcb15e9d6ee005077161ce674d82e21433e4', text: "Anyone in my organization can use this template. (Make sure its visibility is set to 'Shared')" }))), h("div", { key: '931602e92a61ff86332e420a02edd37cc002e186', class: "option" }, h("verdocs-radio-button", { key: '37c44e49f533700c8c2bb97adb394642b14b8fb5', name: "template-sender", value: 'organization_member_as_creator', checked: this.sender === 'organization_member_as_creator', onInput: () => this.handleSelectSetting('organization_member_as_creator') }), h("div", { key: '3f403de6f7c9548c13d744ce3fefae28ab4dce5d', class: "description" }, h("div", { key: 'f1cd1809ff04d543a2edc539504c894e19883879', class: "name" }, "Anyone in my organization as me"), h("verdocs-help-icon", { key: '1bba4cf3258bf6c7b686a09e0e9b778154a926e2', text: "Anyone in my organization can use this template on my behalf. (Make sure its visibility is set to to 'Shared'.)" }))), h("div", { key: 'e7a9e1f669cee3f845de44f928226b0e08c1db39', class: "option" }, h("verdocs-radio-button", { key: 'be8748e7ad1f623354d6889645f6b8191c68859c', name: "template-sender", value: 'creator', checked: this.sender === 'creator', onInput: () => this.handleSelectSetting('creator') }), h("div", { key: 'e5a4d884bfd01e176a568683310d23a1dcdaf042', class: "description" }, h("div", { key: '2166ceda9313a02750213bedf3c5170e7993c239', class: "name" }, "Me"), h("verdocs-help-icon", { key: 'f28de55873d3382d31c1734d393300b183c077ba', text: "Only I can use this template." })))), h("div", { key: 'cb36edb7d23d07ff5101e568f17d7b79a288a72b', class: "buttons" }, h("verdocs-button", { key: '63d7d2a227d4f39bc0eeaa7c7c935d95350921b4', label: "Close", onClick: () => this.handleClose() }))))));
+        return (h(Host, { key: 'e51de4bd58287341b8b1f5679c03ea8f388aeaed' }, h("div", { key: 'a93c06f123a78217478fe16299fa4345863d8b53', class: "background-overlay", onClick: e => this.handleDismiss(e) }, h("div", { key: '78a9f18025bbad871be472a12ec3f27665700be4', class: "dialog" }, h("div", { key: '4227eb9c4f23342c0d7b40b4c4cc77878f48f3ba', class: "options" }, h("div", { key: '041a7ec81a81653c650924323a6ad6597d2c46f5', class: "option" }, h("verdocs-radio-button", { key: 'e98602966885fd7a5119d4c5acb3d3fecaf752ad', name: "template-sender", value: 'everyone', checked: this.sender === 'everyone', onInput: () => this.handleSelectSetting('everyone') }), h("div", { key: '3f7fb8069d798329020eca837db6431bd1d80ba2', class: "description" }, h("div", { key: 'cb1da501fd3cce4f0bdecdb7992d1889caded1a7', class: "name" }, "Anyone on the Web"), h("verdocs-help-icon", { key: '837bfdb94c53c951fd2669bceb25947a0cec0f98', text: "Anyone can use this template. (Make its visibility is set to to 'Public' or 'Shared'.)" }))), h("div", { key: '05a5a34875d6103fbec3ac0a9c41d001abcf73cb', class: "option" }, h("verdocs-radio-button", { key: '15a5daa447b6697c3ccc6621802451b10ab18cb7', name: "template-sender", value: 'everyone_as_creator', checked: this.sender === 'everyone_as_creator', onInput: () => this.handleSelectSetting('everyone_as_creator') }), h("div", { key: 'a4c8e2fce754de4f4fb65a983dcd6a73b3c4cf90', class: "description" }, h("div", { key: '60bc31ca29d6c9554c4b20202a848e0eb742914e', class: "name" }, "Anyone on the Web as me"), h("verdocs-help-icon", { key: 'c0cf14c6ba072ed36b039facf59b749b25fa80ed', text: "Anyone can use this template on my behalf. (Make sure its visibility is set to 'Public' or 'Shared'.)" }))), h("div", { key: 'd3aa2900be1c02c82859c46e62554b0ea3bd0382', class: "option" }, h("verdocs-radio-button", { key: 'edab1a25a81388f237ab187cad4ebfecbfd8f5b7', name: "template-sender", value: 'organization_member', checked: this.sender === 'organization_member', onInput: () => this.handleSelectSetting('organization_member') }), h("div", { key: '05006c432b108586048d8e3a63f3b506f184dab3', class: "description" }, h("div", { key: '46d929d03d0ac453bf75e5bb7785373f741f2b47', class: "name" }, "Anyone in my organization"), h("verdocs-help-icon", { key: 'e02f6a03e7e5c46141ecdf9aa50b4047eced450e', text: "Anyone in my organization can use this template. (Make sure its visibility is set to 'Shared')" }))), h("div", { key: 'd6a67519982feab0e5ef3131349ca53a4312597f', class: "option" }, h("verdocs-radio-button", { key: '9eef88a57e5e2653a0a6e06c8d7d30d6a56ff9ec', name: "template-sender", value: 'organization_member_as_creator', checked: this.sender === 'organization_member_as_creator', onInput: () => this.handleSelectSetting('organization_member_as_creator') }), h("div", { key: '725275a9b3a1d702328aed52f831eaf28827d399', class: "description" }, h("div", { key: '85ee3e891b241048cf2bcc05812fc221faf21b28', class: "name" }, "Anyone in my organization as me"), h("verdocs-help-icon", { key: '960eb5345948e8a4adef466138d0cc62b49b9406', text: "Anyone in my organization can use this template on my behalf. (Make sure its visibility is set to to 'Shared'.)" }))), h("div", { key: 'd7b71dbd2019e20d2a734c737a21f9097b9dcf60', class: "option" }, h("verdocs-radio-button", { key: 'f99c206e998ed717754b2ee7d51ba614f7774d4d', name: "template-sender", value: 'creator', checked: this.sender === 'creator', onInput: () => this.handleSelectSetting('creator') }), h("div", { key: 'aca94259df3bf9904cbc51a3996699df3aeba58c', class: "description" }, h("div", { key: '123b4a4d607575fb116912f74318a74e593c9da8', class: "name" }, "Me"), h("verdocs-help-icon", { key: 'ef96de2bf38213c4ade608b8ef26576a86fbb8b9', text: "Only I can use this template." })))), h("div", { key: '44945452b32f23b58c4941ecd8b91284f5c85040', class: "buttons" }, h("verdocs-button", { key: 'e128593df73e4b1733ec15ebb70dcb6726319496', 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: '0fc342a217265e0a104fd3f611e99b57d4978be4' }, h("div", { key: 'ac7375a1a86846ec27d550356781426d19a4aec5', class: `star ${this.updating ? 'updating' : ''}`, innerHTML: this.template.star_counter ? SolidStarIcon : OutlineStarIcon, onClick: e => this.toggle(e) }), h("div", { key: '68c5329f639c404fb377accedce7a36b28d77d76', class: "count" }, this.template.star_counter || '--')));
+        return (h(Host, { key: '40bad1fc57171bcdffe69ff8f1c876813ff6cc78' }, h("div", { key: '656891e6efc6645d9d3638a9be48728529a078ad', class: `star ${this.updating ? 'updating' : ''}`, innerHTML: this.template.star_counter ? SolidStarIcon : OutlineStarIcon, onClick: e => this.toggle(e) }), h("div", { key: '486526042ff5d20a37e7b8207c959d6ee2eede0a', 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: '8668a671bd4a1898582579efc2e330921f2b6b2d' }, (_a = this.tags) === null || _a === void 0 ? void 0 : _a.map(tag => (h("span", null, tag)))));
+        return (h(Host, { key: 'b1adfd5844f2d5302e2fda6355d868a845005345' }, (_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/collection/components/templates/verdocs-templates-list/verdocs-templates-list.js

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