@verdocs/web-sdk 5.3.4 → 5.3.5

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

@@ -19,7 +19,7 @@ const VerdocsDialog = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: '270be447ea798d42275ea9ac4e2ecc4a33251233' }, index.h("div", { key: '8c9b1a41e6dea1b1910c296069f4cfce3779e704', class: "background-overlay", onClick: e => this.handleDismiss(e) }, index.h("div", { key: '486f221c4c6c7fa934536b17757f8427ddfa0e85', class: "dialog" }, index.h("slot", { key: 'b2814fca9288d6a5de00cb11b24b6a7ff596546b', name: "heading" }, index.h("div", { key: '0ec2f776317e5a702f160e45bfe872264b82becc', class: "heading" }, "Title")), index.h("slot", { key: '008cac1775d418d930052a4cd32eb816ddf3755a', name: "content" }, index.h("div", { key: '670e9177b5586aed4401763ec662b07388735135', class: "content" }, "Content")), index.h("slot", { key: '3c731fec8083aab7966b5a478bf64c78d95ac8da', name: "footer" }, index.h("div", { key: '727b66e86fafbad600ed11d7930efe5d3cd8d08f', class: "footer" }, "Footer"))))));
+        return (index.h(index.Host, { key: 'd35ecf18632cd1fadd0d09f3620f70caa48e7e59' }, index.h("div", { key: '8be20513940431141c5081a1707fa476610e1012', class: "background-overlay", onClick: e => this.handleDismiss(e) }, index.h("div", { key: '54bd01f44dff81823f2e55fb123bb9c7f3426f5b', class: "dialog" }, index.h("slot", { key: '1af4b32c31c73b214e90358aaa49060dfb6d095f', name: "heading" }, index.h("div", { key: 'f6515a3b0fe401ab909dca565241e907233945e6', class: "heading" }, "Title")), index.h("slot", { key: '230fac7e4f60901bdbb4f147dc2bc8f69e84b48a', name: "content" }, index.h("div", { key: '0c015df8c5bd2d07268ea301477b8c4b5736fabe', class: "content" }, "Content")), index.h("slot", { key: 'cdee938000347d04a0c74b35643067925cddc0e1', name: "footer" }, index.h("div", { key: '4e930b83268f0e8432352048e157f7a89e312086', class: "footer" }, "Footer"))))));
     }
 };
 VerdocsDialog.style = verdocsDialogCss;

package/dist/cjs/verdocs-envelope-document-page.cjs.entry.js

@@ -110,7 +110,7 @@ const VerdocsEnvelopeDocumentPage = class {
     }
     render() {
         const height = `${this.renderedHeight}px`;
-        return (index.h(index.Host, { key: '99588c9aa1db321ac6a08e5a4ed1ff6b091a0383', id: `${this.containerId}`, style: { height, flex: `0 0 ${height}` } }, this.layers.map(layer => layer.type === 'div' ? (index.h("div", { class: "verdocs-envelope-document-page-layer", id: `${this.containerId}-${layer.name}`, style: { height } })) : this.pageDisplayUri ? (index.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 (index.h(index.Host, { key: '02f931077290bcda9bc6f22b1e17ee93a3bb482c', id: `${this.containerId}`, style: { height, flex: `0 0 ${height}` } }, this.layers.map(layer => layer.type === 'div' ? (index.h("div", { class: "verdocs-envelope-document-page-layer", id: `${this.containerId}-${layer.name}`, style: { height } })) : this.pageDisplayUri ? (index.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/cjs/verdocs-envelopes-list.cjs.entry.js

@@ -228,18 +228,18 @@ const VerdocsEnvelopesList = class {
         });
     }
     render() {
-        return (index.h(index.Host, { key: 'cbb6106629de750aade6c39f705ecb9f9d103031' }, index.h("div", { key: '73d522c9cfa87930dcba2aeb543634580c1e76d9', class: "header" }, index.h("div", { key: 'ac4f7014544ec81be9bae96bb07fdbf7495ca705', class: "filter" }, index.h("verdocs-text-input", { key: '5b1df9e9aac89391d555eed621efb355e6bac6ce', id: "verdocs-filter-name", value: this.match, clearable: true, autocomplete: "off", placeholder: "Filter by Name, Recipient, or Field...", onFocusout: (e) => {
+        return (index.h(index.Host, { key: '03db3e7632a6cc053cfe8bc265d417a249da57c3' }, index.h("div", { key: 'de8c658f087db66edf2d8794e3841fbb24e617b6', class: "header" }, index.h("div", { key: '5781fc1bb782de28c90390ee64c64b0de424d956', class: "filter" }, index.h("verdocs-text-input", { key: 'ed0b65c9c16c8a357d867296a8407d1ddfc69235', 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);
-            } })), index.h("verdocs-quick-filter", { key: 'ca081aa3b0a548620d66f49935d08430714bcd90', label: "View", value: this.view, options: ViewFilters, onOptionSelected: e => {
+            } })), index.h("verdocs-quick-filter", { key: '8de9a090f86cfb2f24c164817206dada09b3e1e4', label: "View", value: this.view, options: ViewFilters, onOptionSelected: e => {
                 this.view = e.detail.value;
-            } }), this.view === 'all' && (index.h("verdocs-quick-filter", { key: '1b956dfc0c28df1b990aa695c0df8d114c6fe1b5', label: "Status", value: this.status, options: StatusFilters, onOptionSelected: e => {
+            } }), this.view === 'all' && (index.h("verdocs-quick-filter", { key: 'f92625d34caa11274e26eab6f60b0bf22d7da1f3', label: "Status", value: this.status, options: StatusFilters, onOptionSelected: e => {
                 this.status = e.detail.value;
-            } })), this.view === 'all' && (index.h("verdocs-quick-filter", { key: 'ea43244641ff51676c8e59346af1843582865b82', label: "Sort By", value: this.sort, options: SortFilters, onOptionSelected: e => {
+            } })), this.view === 'all' && (index.h("verdocs-quick-filter", { key: '6f414329f0b0895fb23ea479995a190873a7f678', label: "Sort By", value: this.sort, options: SortFilters, onOptionSelected: e => {
                 this.sort = e.detail.value;
-            } })), this.loading && index.h("verdocs-spinner", { key: 'd04c29615a3e9886d9eee78eb76ad4f30ccf8cb4', mode: "dark", size: 24 }), index.h("div", { key: '8ff362b83507cf75ac48787c67b2728d7980ec59', style: { display: 'flex', flex: '1' } }), this.selectedEnvelopes.length > 0 && index.h("verdocs-button", { key: 'f786131801b4476edd8260dac6213c0bfeaaead6', label: `Download (${this.selectedEnvelopes.length})`, onClick: () => this.handleDownload() })), this.envelopes.map(envelope => {
+            } })), this.loading && index.h("verdocs-spinner", { key: '10f2c5da4be2b8cc69483f08cbc9e9232f9353c1', mode: "dark", size: 24 }), index.h("div", { key: 'b513ca3b4cc84b94eb2adb3e33dd520f73234c2c', style: { display: 'flex', flex: '1' } }), this.selectedEnvelopes.length > 0 && index.h("verdocs-button", { key: '33414fd667a2c614e9f97f47069ff7c35650b942', label: `Download (${this.selectedEnvelopes.length})`, onClick: () => this.handleDownload() })), this.envelopes.map(envelope => {
             var _a;
             const recipientsWithActions = jsSdk.getRecipientsWithActions(envelope);
             const userCanCancel = jsSdk.userCanCancelEnvelope(this.endpoint.profile, envelope);
@@ -280,7 +280,7 @@ const VerdocsEnvelopesList = class {
                             break;
                     }
                 } }))));
-        }), !this.initiallyLoaded && (index.h("div", { key: '4624707aa6e7a1dfda1859ac051889354ad580c1', style: { width: '100%' } }, jsSdk.integerSequence(0, this.rowsPerPage).map(() => (index.h("div", { class: "envelope-placeholder" }))))), this.initiallyLoaded && !this.envelopes.length && index.h("div", { key: '2fe7ad29dc24785c0c3985c415965855262be746', class: "empty-text" }, "No matching envelopes found. Please adjust your filters and try again."), this.initiallyLoaded && this.envelopes.length && this.showPagination ? (index.h("div", { style: { marginTop: '20px' } }, index.h("verdocs-pagination", { selectedPage: this.selectedPage, perPage: this.rowsPerPage, itemCount: this.count, onSelectPage: e => {
+        }), !this.initiallyLoaded && (index.h("div", { key: 'ddd2040e44efe0f183a087c96637c0f94aadf97a', style: { width: '100%' } }, jsSdk.integerSequence(0, this.rowsPerPage).map(() => (index.h("div", { class: "envelope-placeholder" }))))), this.initiallyLoaded && !this.envelopes.length && index.h("div", { key: '19b8b1700b16781b36d4f8986653ca9ab55fff4a', class: "empty-text" }, "No matching envelopes found. Please adjust your filters and try again."), this.initiallyLoaded && this.envelopes.length && this.showPagination ? (index.h("div", { style: { marginTop: '20px' } }, index.h("verdocs-pagination", { selectedPage: this.selectedPage, perPage: this.rowsPerPage, itemCount: this.count, onSelectPage: e => {
                 this.selectedPage = e.detail.selectedPage;
             } }))) : (index.h("div", null))));
     }

package/dist/cjs/verdocs-field-attachment_13.cjs.entry.js

@@ -1465,7 +1465,7 @@ const VerdocsInitialDialog = class {
     }
      */
     render() {
-        return (index.h(index.Host, { key: '9bf03aff1aa819a938182df93414c81c4f49f949', onClick: e => this.handleCancel(e) }, index.h("div", { key: 'b8c1a13e73a3336fb230f30b6792b9014dae0a54', class: "dialog" }, index.h("div", { key: 'c2d09f37bb2d061e1d92224c597c25ed338b5267', class: "heading" }, "Create Your Initial"), index.h("div", { key: '541f2972d78058c5a3a8a15649ee5911513918aa', class: "content" }, index.h("verdocs-text-input", { key: 'ce25300d4755596a4a1b06148eb664036f034bfc', placeholder: "Initials...", label: "Initials", value: this.enteredInitials, onInput: e => this.handleNameChange(e) }), index.h("div", { key: '4f188703915111d151c9233f608e53d7404f5f43', class: "as-shown" }, "As shown on driver's license or govt. ID card."), this.fontLoaded ? index.h("canvas", { ref: el => (this.canvasElement = el) }) : index.h("div", { style: { display: 'none' } }), index.h("div", { key: '1fa64074781c378b23a131626f24d022f7d24f1b', 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."), index.h("div", { key: 'a0fc321945ce1f4ee363e963f4de8dcbff566072', class: "buttons" }, index.h("verdocs-button", { key: 'ac5094c6d536bdd0b69e96ba0695f2300c4d085b', label: "CANCEL", variant: "outline", onClick: e => this.handleCancel(e) }), index.h("verdocs-button", { key: 'ba8b74f8ef1b61ff45448ee443df9190e888d408', label: "Adopt & Sign", onClick: e => this.handleAdopt(e) }))))));
+        return (index.h(index.Host, { key: '6b329cf9aa1033ea86d7f78f098aa77f55f30caf', onClick: e => this.handleCancel(e) }, index.h("div", { key: 'c024be1893e3733134febe2392a7eeb415d5f801', class: "dialog" }, index.h("div", { key: '0224f5152de1bd4ec193dc9ab2f498a57944fd5a', class: "heading" }, "Create Your Initial"), index.h("div", { key: '7b11cfb7e19b96b64d217624c0deba92b991f76b', class: "content" }, index.h("verdocs-text-input", { key: '9939e229bfbeb8e1c9db37ef1be71ec0c2b64297', placeholder: "Initials...", label: "Initials", value: this.enteredInitials, onInput: e => this.handleNameChange(e) }), index.h("div", { key: '088fdc0ef321682791e29cbe9b518cebc8857b42', class: "as-shown" }, "As shown on driver's license or govt. ID card."), this.fontLoaded ? index.h("canvas", { ref: el => (this.canvasElement = el) }) : index.h("div", { style: { display: 'none' } }), index.h("div", { key: '6344a31af62001baccb017d930378ce8a78fa0a7', 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."), index.h("div", { key: '30ab6e8267d711d07849dccd0c76e2af56312857', class: "buttons" }, index.h("verdocs-button", { key: 'bfc226716b0f94930cfd08eed00031cf21351a22', label: "CANCEL", variant: "outline", onClick: e => this.handleCancel(e) }), index.h("verdocs-button", { key: '117887715a638da9467284f6e246aab260e42b2e', label: "Adopt & Sign", onClick: e => this.handleAdopt(e) }))))));
     }
 };
 VerdocsInitialDialog.style = verdocsInitialDialogCss;
@@ -1688,7 +1688,7 @@ const VerdocsSignatureDialog = class {
     }
      */
     render() {
-        return (index.h(index.Host, { key: 'deb2bce5a68396ae6957438e2ed313704bca58b1', onClick: e => this.handleCancel(e) }, index.h("div", { key: '477e5dc9accd28bcc8091c3bf242bdf4a0848f8d', class: "dialog" }, index.h("div", { key: '2a500b3df941ec50d1beb28eaf6eadf487e10203', class: "heading" }, "Create Your Signature"), index.h("div", { key: '032f6a787d3dee4821830db6dc5ffba4a3945072', class: "content" }, index.h("verdocs-text-input", { key: '0029661a25750017f3aff9739fbab475981b5ccc', placeholder: "Full Name...", label: "Full Name", value: this.enteredName, onInput: e => this.handleNameChange(e), onClick: e => e.stopPropagation() }), index.h("div", { key: 'a7409613568db441a1365acdb7dee6f4d176485c', class: "as-shown" }, "As shown on driver's license or govt. ID card."), this.fontLoaded ? index.h("canvas", { ref: el => (this.canvasElement = el) }) : index.h("div", { style: { display: 'none' } }), index.h("div", { key: '780e69a2d164b8d06b679b6ac71a30bac5680306', 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."), index.h("div", { key: '06e9ef71b4d0e5762a49e3939a513efd32665ba9', class: "buttons" }, index.h("verdocs-button", { key: 'b71509de58c901e17d95905cb5ffa7ebff267163', label: "CANCEL", size: "normal", variant: "outline", onClick: e => this.handleCancel(e) }), index.h("verdocs-button", { key: 'a732f937f97757a09a3958285bc742839388650d', label: "Adopt & Sign", size: "normal", onClick: e => this.handleAdopt(e) }))))));
+        return (index.h(index.Host, { key: 'acc7ab16f245e9837cbde2b03b1a837d898148bd', onClick: e => this.handleCancel(e) }, index.h("div", { key: '8728c77af710dc336a8ace46fe28da3ab0440753', class: "dialog" }, index.h("div", { key: 'b1e9bf9b4fe8ecf20e7c629b8b38c753a71e1a6d', class: "heading" }, "Create Your Signature"), index.h("div", { key: '7b49a6e531a004443bf7e3bc5f44680b41fa98c2', class: "content" }, index.h("verdocs-text-input", { key: '9850bb05023f3087c82f0580f188a3ffcf69bf43', placeholder: "Full Name...", label: "Full Name", value: this.enteredName, onInput: e => this.handleNameChange(e), onClick: e => e.stopPropagation() }), index.h("div", { key: '73cf1f335aabebb9406ace2a59d27b61f5b33c7a', class: "as-shown" }, "As shown on driver's license or govt. ID card."), this.fontLoaded ? index.h("canvas", { ref: el => (this.canvasElement = el) }) : index.h("div", { style: { display: 'none' } }), index.h("div", { key: '91df74287a0e6bf12f7815ad43755a49e3830da3', 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."), index.h("div", { key: '5d0c4381cbcca67a9a2a1bbc241cb3d6b64980ee', class: "buttons" }, index.h("verdocs-button", { key: 'ee647683441818872373162a82c9381bc5292374', label: "CANCEL", size: "normal", variant: "outline", onClick: e => this.handleCancel(e) }), index.h("verdocs-button", { key: 'ffc74e9f732e1fde6cc4c0a483373d1b2a6d7846', label: "Adopt & Sign", size: "normal", onClick: e => this.handleAdopt(e) }))))));
     }
 };
 VerdocsSignatureDialog.style = verdocsSignatureDialogCss;
@@ -1770,7 +1770,7 @@ const VerdocsUploadDialog = class {
     render() {
         var _a;
         const existingFile = ((_a = this.existingFile) === null || _a === void 0 ? void 0 : _a.name) ? this.existingFile : null;
-        return (index.h(index.Host, { key: 'acec8b275ba9b532b0e7d8edd7f532da9ff8a49b' }, index.h("div", { key: '3bc096ddbe51bc9c4f88bacf560bfdaecc7d722a', class: "background-overlay", onClick: e => this.handleDismiss(e) }, index.h("div", { key: 'ccf7d549b3649ae55f2f43b6cd81cbcd6ff24f81', class: "upload-dialog-content" }, index.h("div", { key: '04f0d9e18619ca8a5e92197ba15625ab26bd6660', class: "heading" }, "Upload attachment"), this.selectedFiles.length < 1 && existingFile && (index.h(index.Fragment, { key: '424808e3f2ca8cd2cb0c1e95c6770bbd18589a7b' }, index.h("div", { key: '86b98d6d6dc8393a4e8b9c6944c805a708fdd92d', class: "current-label" }, "Current Attachment"), index.h("div", { key: '2ed4f3c1e61e78d886ffd4b7993fa3fa20924035', class: "attachments", style: { marginTop: '0' } }, index.h("div", { key: '2a484327598c4e1965469cc12fe857fa8efa5bc3', class: "attachment" }, index.h("div", { key: '805e4a64333e7178cf4366c69ad420ee7a0bac2d', class: "icon", innerHTML: PaperclipIcon }), index.h("div", { key: '69d049b071152f45d744a88510159cc35cdb812e', class: "name" }, existingFile.name), index.h("div", { key: 'fa122173588c5c5f98acf6c15c8bdae423da63bd', class: "icon trash", innerHTML: TrashIcon, onClick: () => (this.confirmDelete = true) }))))), this.selectedFiles.length < 1 && !existingFile && (index.h("div", { key: 'f1b11fe5a57cb11d63f957880195e27b09ec0722', class: { 'drop-target': true, 'dragging-over': this.draggingOver }, onDragOver: e => this.handleDragOver(e), onDragLeave: e => this.handleDragLeave(e), onDrop: e => this.handleDrop(e) }, index.h("p", { key: '7328834713c5bb0dfdf4104ec2bb4fd87d1fdc08' }, "Drag and drop your files here"), index.h("p", { key: '1b5aefb7b4326f7fe84a0e47e2a57aeaec8ffb6b', class: "subscript" }, "Supported files: PDF, Word, JPG, PNG"), index.h("verdocs-button", { key: '250ebb61a127b4165035b763ecf463300981c5cd', label: !!existingFile ? 'Replace files' : 'Select files', onClick: () => this.handleSelectFile() }), index.h("input", { key: '184654378febda7abbe3487cc96c116990d91854', type: "file", ref: el => (this.fileInput = el), style: { display: 'none' }, accept: ".pdf,application/pdf,.doc,.docx,application/msword,application/vnd.openxmlformats-officedocument.wordprocessingml.document,image/*", onChange: () => this.handleFileChange() }))), this.selectedFiles.length > 0 && (index.h("div", { key: 'bae3de8954a39b7786d541fff3f1e2fda812e99e', class: "attachments" }, this.selectedFiles.map((file, index$1) => (index.h("div", { class: "attachment" }, index.h("div", { class: "icon", innerHTML: PaperclipIcon }), index.h("div", { class: "name" }, file.name), index.h("div", { class: "icon trash", innerHTML: TrashIcon, onClick: () => this.handleRemoveAttachment(index$1) })))))), !!this.errorMessage && index.h("div", { key: '9600b241b7b8b8688a63265f6cc62c0f51a28a77', class: "error" }, this.errorMessage), index.h("div", { key: 'c24ba70a3dbf0bb0a27f157b9f4de52c13c9a6bd', class: "buttons" }, index.h("verdocs-button", { key: 'a7cbe8bdcc65e440ef3991804742c470dba36196', label: "Cancel", variant: "outline", onClick: () => this.handleCancel() }), index.h("verdocs-button", { key: '02c46ae6497af108e7d5331da4b7787cf1b7e9dd', label: "Upload", onClick: () => this.handleDone(), disabled: !!this.errorMessage || this.selectedFiles.length < 1 })))), this.confirmDelete && (index.h("verdocs-ok-dialog", { key: '9955376ca5523b74177263e2f9f144c540213555', heading: "Delete Attachment?", message: "Are you sure you wish to delete this attachment? This action cannot be undone.", showCancel: true, onExit: e => {
+        return (index.h(index.Host, { key: '139f3f3d49dfd364f84f45ee8299af4153237101' }, index.h("div", { key: '9b2978b9f2048ceb3d1a76f18643c7fb8b8a347a', class: "background-overlay", onClick: e => this.handleDismiss(e) }, index.h("div", { key: 'bf80296121983032af64b32d825b5a6992ffd77e', class: "upload-dialog-content" }, index.h("div", { key: 'ad9000c34ae641ddbc22d2164aac55d2abd21248', class: "heading" }, "Upload attachment"), this.selectedFiles.length < 1 && existingFile && (index.h(index.Fragment, { key: 'e30144af61c74daaff370b209c417ba7788ea7a3' }, index.h("div", { key: 'abcfb4a0d829b10d59dd9da39985255b799393c9', class: "current-label" }, "Current Attachment"), index.h("div", { key: '54f3521cbd2e6301552324c8b8114fc149546864', class: "attachments", style: { marginTop: '0' } }, index.h("div", { key: '0afbf04d5c722631db9ff83906faa9a7e0345276', class: "attachment" }, index.h("div", { key: 'fa80b0d7658e7896b147c6203c5e1d8b491c1f74', class: "icon", innerHTML: PaperclipIcon }), index.h("div", { key: 'cd5e3e9d76ebeb9147ffddd3942d4977edc0f3c9', class: "name" }, existingFile.name), index.h("div", { key: 'f344c93ce3eb63e090d9dc50f6ae04d002115564', class: "icon trash", innerHTML: TrashIcon, onClick: () => (this.confirmDelete = true) }))))), this.selectedFiles.length < 1 && !existingFile && (index.h("div", { key: 'b3f16bd6083688bc28c4f68e2f80ee34c28e9dfe', class: { 'drop-target': true, 'dragging-over': this.draggingOver }, onDragOver: e => this.handleDragOver(e), onDragLeave: e => this.handleDragLeave(e), onDrop: e => this.handleDrop(e) }, index.h("p", { key: 'af01cab6b27c1077d8b88f12f68dc0df36353dc6' }, "Drag and drop your files here"), index.h("p", { key: '9e293b299c224abdb3da4980f26c765f339aebd6', class: "subscript" }, "Supported files: PDF, Word, JPG, PNG"), index.h("verdocs-button", { key: '7ecde795cfc19c39f6b884d869775467d9aee428', label: !!existingFile ? 'Replace files' : 'Select files', onClick: () => this.handleSelectFile() }), index.h("input", { key: 'a494e813a79284d6e87e2ce070b529abe2e63a64', type: "file", ref: el => (this.fileInput = el), style: { display: 'none' }, accept: ".pdf,application/pdf,.doc,.docx,application/msword,application/vnd.openxmlformats-officedocument.wordprocessingml.document,image/*", onChange: () => this.handleFileChange() }))), this.selectedFiles.length > 0 && (index.h("div", { key: 'c3c07ea1e951323bb21870a6b90593b5d904c352', class: "attachments" }, this.selectedFiles.map((file, index$1) => (index.h("div", { class: "attachment" }, index.h("div", { class: "icon", innerHTML: PaperclipIcon }), index.h("div", { class: "name" }, file.name), index.h("div", { class: "icon trash", innerHTML: TrashIcon, onClick: () => this.handleRemoveAttachment(index$1) })))))), !!this.errorMessage && index.h("div", { key: '00d4a855fc0ffff76b3689356a0c9e664677f8cb', class: "error" }, this.errorMessage), index.h("div", { key: 'b787b10c61fe63009a80db683f7079d9e3be02ce', class: "buttons" }, index.h("verdocs-button", { key: 'd915b062e66dab1f18097db58c6937d3f6502195', label: "Cancel", variant: "outline", onClick: () => this.handleCancel() }), index.h("verdocs-button", { key: 'f8bba5da529034d74fc53f109c56e9c14de44017', label: "Upload", onClick: () => this.handleDone(), disabled: !!this.errorMessage || this.selectedFiles.length < 1 })))), this.confirmDelete && (index.h("verdocs-ok-dialog", { key: '3bc7ce6182b136fad1d9bd34347129b4606d32cc', heading: "Delete Attachment?", message: "Are you sure you wish to delete this attachment? This action cannot be undone.", showCancel: true, onExit: e => {
                 // So we don't close the upload dialog
                 e.preventDefault();
                 e.stopPropagation();

package/dist/cjs/verdocs-menu-panel_2.cjs.entry.js

@@ -223,31 +223,31 @@ const VerdocsTemplateRoleProperties = class {
         const hasFields = (((_a = this.template) === null || _a === void 0 ? void 0 : _a.fields) || []).some(field => field.role_name === this.roleName);
         // Either all three should be empty, or all three need to be filled
         const isValid = (!this.email && !this.first_name && !this.last_name) || (jsSdk.isValidEmail(this.email) && !!this.first_name && !!this.last_name);
-        return (index.h(index.Host, { key: 'bcd42a969b8c8bc1e26230ee030fe3ecce41d19c' }, index.h("form", { key: 'c76c7ec1f28ecd3c5def9fd9909f623c8af54331', onSubmit: e => e.preventDefault(), onClick: e => e.stopPropagation(), autocomplete: "off" }, index.h("div", { key: 'bfa5a347218860bd3a84c1a8b56f73b144c77635' }, index.h("verdocs-text-input", { key: 'c3be39c7b598497b508deca0524aebb483290fec', id: "verdocs-role-name", label: "Role Name (Must be unique)", value: this.name, autocomplete: "off", disabled: hasFields, placeholder: "Role Name...", onInput: (e) => {
+        return (index.h(index.Host, { key: 'd53a7b8a4b5fcd186c1c15f795014f54a68f0735' }, index.h("form", { key: '782177f1f4008ddd294a385e514b0ab186d27f7b', onSubmit: e => e.preventDefault(), onClick: e => e.stopPropagation(), autocomplete: "off" }, index.h("div", { key: '72de86449db654c1b8cba0165389e17ec299d5ba' }, index.h("verdocs-text-input", { key: '7c4fccec573691b2b8a47b16e2e505a73fd477e1', id: "verdocs-role-name", label: "Role Name (Must be unique)", value: this.name, autocomplete: "off", disabled: hasFields, placeholder: "Role Name...", onInput: (e) => {
                 this.name = e.target.value;
                 this.dirty = true;
-            } }), hasFields && index.h("div", { key: 'ffeef355eea5b39554c33f3921601ac052c17946', class: "instructions" }, "This role has fields assigned and can no longer be renamed.")), index.h("div", { key: 'a6da7e387291e2dec0a8d4a53e914f2288280635' }, index.h("div", { key: '83a6ce83779b2598d698dfa975fcb6264fb66fbe', class: "input-label" }, "Type:"), index.h("verdocs-select-input", { key: 'bf16d0f3886c28e83c55051e2d1ef89f3ac7472b', value: this.type, options: [
+            } }), hasFields && index.h("div", { key: 'ebc5e1b04ae8e1c3fbaef32bfa900481f619d6b5', class: "instructions" }, "This role has fields assigned and can no longer be renamed.")), index.h("div", { key: '35e64a14483e9c23991ff441d91d4b2c26c0efde' }, index.h("div", { key: '9c94b96aa7b0673e014859b99d500b23e0e374ef', class: "input-label" }, "Type:"), index.h("verdocs-select-input", { key: 'a076cc288bff57800bef9662f1e68ec4d20848a3', value: this.type, options: [
                 { label: 'Signer', value: 'signer' },
                 { label: 'CC', value: 'cc' },
                 { label: 'Approver', value: 'approver' },
             ], onInput: (e) => {
                 this.type = e.target.value;
                 this.dirty = true;
-            } })), index.h("div", { key: '9f584a0f03b9f60ccb514d8a36df58b89d80dadd' }, index.h("div", { key: '24b0faf2816414d12da2d70199896ab878173197', class: "input-label" }, "Default Contact Info:"), index.h("div", { key: 'f37d35e63c2e80316db4d89e5b2a36cf900790e6', class: "first-last" }, index.h("verdocs-text-input", { key: 'e467a1abdd69b5873acf97a4752567f798d93429', id: "verdocs-recipient-first", value: this.first_name, autocomplete: "off", placeholder: "First...", onInput: (e) => {
+            } })), index.h("div", { key: 'f89053c8cc7f3b4d0fa37619763588b5f1cc03ba' }, index.h("div", { key: '2e4b21bba996500f0a5d0d84516723e60dc885a6', class: "input-label" }, "Default Contact Info:"), index.h("div", { key: '09496f13651f309efdecee76ee606290c47d2de1', class: "first-last" }, index.h("verdocs-text-input", { key: 'af4d812e6aef5995214798c2ac0f1c4c0a02cc69', id: "verdocs-recipient-first", value: this.first_name, autocomplete: "off", placeholder: "First...", onInput: (e) => {
                 this.first_name = e.target.value;
                 this.dirty = true;
-            } }), index.h("verdocs-text-input", { key: '6a29956cfaa7094718bbc668d8818edaf83ed7db', id: "verdocs-recipient-first", value: this.last_name, autocomplete: "off", placeholder: "Last...", onInput: (e) => {
+            } }), index.h("verdocs-text-input", { key: 'db98adc3a4d20c5c522fc4b22cb6755fdae14032', id: "verdocs-recipient-first", value: this.last_name, autocomplete: "off", placeholder: "Last...", onInput: (e) => {
                 this.last_name = e.target.value;
                 this.dirty = true;
-            } }))), index.h("div", { key: '023b95f0efb19db5e1663f63275f3fe1cf66cafa' }, index.h("verdocs-text-input", { key: '57f2a9693e3b7f010ec361c558610689583da297', id: "verdocs-recipient-email", value: this.email, autocomplete: "off", placeholder: "Email Address...", onInput: (e) => {
+            } }))), index.h("div", { key: '2cdc9df0e1c818adaf0199d4958f00a9bc33935d' }, index.h("verdocs-text-input", { key: 'bbae39be367309f8c6e28bd846d14507576fbe21', id: "verdocs-recipient-email", value: this.email, autocomplete: "off", placeholder: "Email Address...", onInput: (e) => {
                 this.email = e.target.value;
                 this.dirty = true;
-            } }), index.h("div", { key: '3f4884d843f4363ea4d462a651b9bd2fcebc62f7', style: { height: '15px' } }), index.h("div", { key: 'b57692a25f3516a8b3b32e167dffe165ed61bbc7' }, index.h("verdocs-text-input", { key: 'cbe17684a4cca331e9816306e7a8302572baad2d', id: "verdocs-recipient-phone", value: this.phone, autocomplete: "off",
+            } }), index.h("div", { key: 'ea2c416544223ecc29a3a05f98715a59afa37c6f', style: { height: '15px' } }), index.h("div", { key: 'ece75bcf68a91a6678f97d4db865dac3721b3279' }, index.h("verdocs-text-input", { key: '6a8b4954e7553a0e54a54f0250a93e23f0c48f29', id: "verdocs-recipient-phone", value: this.phone, autocomplete: "off",
             // helpText="The recipient's phone number, if it will always stay the same. Leave blank to supply this value later, when each new envelope is created from the template."
             placeholder: "Phone Number...", onInput: (e) => {
                 this.phone = e.target.value;
                 this.dirty = true;
-            } }))), index.h("div", { key: 'a23f985d88ab9d119762e65949987be75249a08b', class: "buttons" }, index.h("button", { key: 'd3c10128fcc3dce49c0c2103313e5b153008b5de', class: "delete-button", disabled: this.dirty, onClick: e => this.handleDelete(e), innerHTML: TrashIcon }), index.h("div", { key: '677a3157abb085ae08f5af0dbf9ed9ed8baa9b55', style: { flex: '1' } }), index.h("verdocs-button", { key: '2fe045a4b83f78aa271d520026f0cf0d1ef37851', size: "small", label: "Save", disabled: !this.dirty || !isValid, onClick: e => this.handleSave(e) })))));
+            } }))), index.h("div", { key: 'd6a93cdd48d5621545474b514106c5996bdfb52f', class: "buttons" }, index.h("button", { key: 'f5743fa9cf13d35e25327529872da94b99ffd7d2', class: "delete-button", disabled: this.dirty, onClick: e => this.handleDelete(e), innerHTML: TrashIcon }), index.h("div", { key: '7134249e6e3c94d0e5610ac8e085422011a306a5', style: { flex: '1' } }), index.h("verdocs-button", { key: 'ba1f0f28bba763316963631791e49cfb21348030', size: "small", label: "Save", disabled: !this.dirty || !isValid, onClick: e => this.handleSave(e) })))));
     }
 };
 VerdocsTemplateRoleProperties.style = verdocsTemplateRolePropertiesCss;

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

@@ -43,7 +43,7 @@ const VerdocsOkDialog = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: 'a53ec883d89c75014091071d45b629f14fb8a14f', class: this.closed ? 'closed' : '' }, index.h("div", { key: 'eeba1a34d586227ddbdbccb2ce6a273bf516a2ed', class: "background-overlay", onClick: e => this.handleDismiss(e) }, index.h("div", { key: 'd803f8cda0d55045eb85d13c98e359ded7fddf24', class: "dialog" }, index.h("div", { key: 'cd12ec9dd5c8e1e496ad1410a87fa866c7cd3143', class: "heading" }, this.heading), index.h("div", { key: '9256bbda5d99136202bd36847bf488c8b29de936', class: "content" }, index.h("div", { key: '3ffeaaf5cda9073ed5775acbe9bb44f2aca14fa2', class: "message", innerHTML: this.message }), index.h("div", { key: '0914a64b1de3f12de80cdb8536315eb3dd804fa1', class: "buttons" }, this.showCancel ? index.h("verdocs-button", { label: "CANCEL", variant: "outline", onClick: () => this.handleCancel() }) : index.h("div", { style: { display: 'none' } }), index.h("verdocs-button", { key: '6cffacc69dad4bfe86b324a6b15b684a8233557e', label: this.buttonLabel, onClick: () => this.handleOk() })))))));
+        return (index.h(index.Host, { key: 'cd2b8955d5b54fe604643b6c5fbeda2145a3e1a0', class: this.closed ? 'closed' : '' }, index.h("div", { key: '2e2aff4148795df63f46438b2c780c4502f62faa', class: "background-overlay", onClick: e => this.handleDismiss(e) }, index.h("div", { key: '1309284a515d1d6ced44e1e2053391c8fa068559', class: "dialog" }, index.h("div", { key: '6e0edf1f5ec9c4603809a7e6a3983ec18202c529', class: "heading" }, this.heading), index.h("div", { key: 'b5e2a65e6500b7d980897f7eb1abc0565091528b', class: "content" }, index.h("div", { key: '9c3b3bd6949d590483831613708138628a799f41', class: "message", innerHTML: this.message }), index.h("div", { key: 'c87098d58bb71eec081ec0931c1bc0fa58134e96', class: "buttons" }, this.showCancel ? index.h("verdocs-button", { label: "CANCEL", variant: "outline", onClick: () => this.handleCancel() }) : index.h("div", { style: { display: 'none' } }), index.h("verdocs-button", { key: 'a7db979266711fa7227aebf88e62f67f6dd110eb', label: this.buttonLabel, onClick: () => this.handleOk() })))))));
     }
 };
 VerdocsOkDialog.style = verdocsOkDialogCss;

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

@@ -24,7 +24,7 @@ const VerdocsQuickFunctions = class {
         this.createDocument.emit();
     }
     render() {
-        return (index.h("div", { key: '0874f643294a75aceb7b3349e0a37676d5a8781f', class: "container" }, index.h("p", { key: '17048d0670204acb515ca30c0203dc18c3fd83b3', class: "title" }, "Quick Create"), index.h("button", { key: '7a603dd01f70f258634300ecf7a105d93de3a227', onClick: () => this.handleCreateTemplate(), innerHTML: TemplateIcon }, "Template"), index.h("button", { key: '8b3f400d7388742f1c6b2fa3c58e8ecd00addcc2', onClick: () => this.handleCreateDocument(), innerHTML: DocumentIcon }, "Document")));
+        return (index.h("div", { key: '520e3e7bc52c8576242bc1cfb02e930bab4b273d', class: "container" }, index.h("p", { key: 'd209502c99be80c6f24f4022d254ae29f7391f37', class: "title" }, "Quick Create"), index.h("button", { key: '56a47cc8adcc3064b0bec7f5fd04a1753de35485', onClick: () => this.handleCreateTemplate(), innerHTML: TemplateIcon }, "Template"), index.h("button", { key: 'b65b4044d71704709ebc046600b89bb6dee9ee55', onClick: () => this.handleCreateDocument(), innerHTML: DocumentIcon }, "Document")));
     }
 };
 VerdocsQuickFunctions.style = verdocsQuickFunctionsCss;

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

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

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

@@ -612,7 +612,7 @@ const VerdocsSign = class {
                 } })), this.submitting && (index.h("div", { class: "loading-indicator" }, index.h("verdocs-loader", null)))));
         }
         if (this.delegating) {
-            return (index.h("verdocs-delegate-dialog", { endpoint: this.endpoint, envelope: this.envelope, onExit: () => (this.delegating = false), onNext: (e) => {
+            return (index.h(index.Host, { class: "agreed" }, index.h("div", { class: "document", style: { paddingTop: '15px' } }, index.h("img", { src: "https://public-assets.verdocs.com/loading-placeholder.png", style: { width: '612px', height: '792px', boxShadow: '0 0 10px 5px #0000000f', marginTop: '15px' }, alt: "Placeholder page" })), index.h("verdocs-delegate-dialog", { endpoint: this.endpoint, envelope: this.envelope, onExit: () => (this.delegating = false), onNext: (e) => {
                     jsSdk.delegateRecipient(this.endpoint, this.envelopeId, this.roleId, e.detail)
                         .then(r => {
                         Toast.VerdocsToast('Delegation request submitted.', { style: 'success' });
@@ -624,7 +624,7 @@ const VerdocsSign = class {
                         console.log('[SIGN] Error delegating request', e);
                         Toast.VerdocsToast('Unable to process delegation request. Please try again later.', { style: 'error' });
                     });
-                } }));
+                } })));
         }
         if (this.declining) {
             return (index.h("verdocs-ok-dialog", { heading: "Decline Signing Request", message: `If you decline to sign this request, you will not be able to sign again in the future. The envelope sender will be notified.`, buttonLabel: "OK", showCancel: true, onExit: () => (this.declining = false), onNext: () => {
@@ -637,7 +637,7 @@ const VerdocsSign = class {
                 } }));
         }
         if (!this.agreed) {
-            return (index.h(index.Host, { class: "agreed" }, index.h("div", { id: "verdocs-sign-header" }, index.h("div", { class: "inner" }, index.h("img", { src: "https://verdocs.com/assets/white-logo.svg", alt: "Verdocs Logo", class: "logo" }), index.h("div", { class: "title" }, this.envelope.name))), index.h("div", { class: "document", style: { paddingTop: '15px' } }, index.h("img", { src: "https://public-assets.verdocs.com/loading-placeholder.png", style: { width: '612px', height: '792px', boxShadow: '0 0 10px 5px #0000000f', marginTop: '15px' }, alt: "Placeholder page" })), index.h("verdocs-disclosure-dialog", { disclosures: this.disclosures, onDecline: () => (this.declining = true), onAccept: () => this.handleClickAgree() })));
+            return (index.h(index.Host, { class: "agreed" }, index.h("div", { class: "document", style: { paddingTop: '15px' } }, index.h("img", { src: "https://public-assets.verdocs.com/loading-placeholder.png", style: { width: '612px', height: '792px', boxShadow: '0 0 10px 5px #0000000f', marginTop: '15px' }, alt: "Placeholder page" })), index.h("verdocs-disclosure-dialog", { disclosures: this.disclosures, onDelegate: () => (this.delegating = true), onDecline: () => (this.declining = true), onAccept: () => this.handleClickAgree() })));
         }
         if (this.authStep === 'passcode') {
             return (index.h(index.Host, { class: "kba" }, index.h("div", { id: "verdocs-sign-header" }, index.h("div", { class: "inner" }, index.h("img", { src: "https://verdocs.com/assets/white-logo.svg", alt: "Verdocs Logo", class: "logo" }), index.h("div", { class: "title" }, this.envelope.name))), index.h("div", { class: "document", style: { paddingTop: '15px' } }, index.h("img", { src: "https://public-assets.verdocs.com/loading-placeholder.png", style: { width: '612px', height: '792px', boxShadow: '0 0 10px 5px #0000000f', marginTop: '15px' }, alt: "Placeholder page" })), index.h("div", { class: "cover" }, index.h("div", { class: "kba" }, index.h("verdocs-kba-dialog", { mode: "text", step: 1, steps: 1, placeholder: "Enter your passcode...", helptitle: "Document is protected by a Passcode", helptext: "Please enter your Passcode to proceed. If you do not have one, please contact the sender.", label: "Passcode", onNext: e => this.handleAuthenticateSigner({ auth_method: 'passcode', code: e.detail }) })))));
@@ -709,8 +709,7 @@ const VerdocsSign = class {
         })), this.showFinishLater && (index.h("verdocs-ok-dialog", { heading: "You've saved your document to finish later.", message: `To complete the ${this.documentsSingularPlural}, use the link in the original email notification inviting you to review and finish the document.`, onNext: () => (this.showFinishLater = false) })), this.showDone && (index.h("verdocs-ok-dialog", { heading: "You're Done!", message: `You can access the ${this.documentsSingularPlural} at any time by clicking on the link from the invitation email.<br /><br />After all recipients have completed their actions, you will receive an email with the document and envelope certificate attached.`, onNext: () => {
                 this.showDone = false;
                 this.isDone = true;
-            } })), this.submitting ||
-            (this.showSpinner && (index.h("verdocs-portal", null, index.h("div", { class: "spinner-overlay" }, index.h("verdocs-spinner", null)))))));
+            } })), (this.submitting || this.showSpinner) && (index.h("verdocs-portal", null, index.h("div", { class: "spinner-overlay" }, index.h("verdocs-spinner", null))))));
     }
 };
 VerdocsSign.style = verdocsSignCss;