@verdocs/web-sdk 6.3.1 → 6.5.0-beta.1

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

@@ -1618,7 +1618,7 @@ const VerdocsInitialDialog = class {
     }
      */
     render() {
-        return (index.h(index.Host, { key: 'd7f6955a9ccd98dcb445eb17f95e25e215754294', onClick: e => this.handleCancel(e) }, index.h("div", { key: '2e36b94d67b10a22d68ebb16d7c386d618a42760', class: "dialog" }, index.h("div", { key: '792d3c86ed00b1d995efa28ad29fe3921fff7043', class: "heading" }, "Create Your Initial"), index.h("div", { key: '605582e331418297d4a3f1da9caca17f8867fa52', class: "content" }, index.h("verdocs-text-input", { key: '65e2a8de7010fae27a451c530fa36081c2defc10', placeholder: "Initials...", label: "Initials", value: this.enteredInitials, onInput: e => this.handleNameChange(e), onClick: e => e.stopPropagation() }), index.h("div", { key: '028db44141ce9b875897abf3cc38397415c72c6d', 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: 'e076ebb26f97000a2b0ef2989c61f1e609dafaed', 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: '020ea25597be06ab02d1e3b5dac7882358d8addf', class: "buttons" }, index.h("verdocs-button", { key: 'f7c53c3c52c87865759ddbab6308b562fe366cb3', label: "CANCEL", size: "normal", variant: "outline", onClick: e => this.handleCancel(e) }), index.h("verdocs-button", { key: 'dc74e1e9b9a4be3573f42d3289bce106cb3e7644', label: "Adopt & Sign", size: "normal", onClick: e => this.handleAdopt(e) }))))));
+        return (index.h(index.Host, { key: '21ea35176696caff8b7898c15e2fb7968484957f', onClick: e => this.handleCancel(e) }, index.h("div", { key: '20d52eff2a0be1bac80e41104c49fcabb53f6fd0', class: "dialog" }, index.h("div", { key: '1398d8023be1907fe8bb23225957bb712bc6a831', class: "heading" }, "Create Your Initial"), index.h("div", { key: 'a94dc690f3065c2b390690f5e2fbddde80844960', class: "content" }, index.h("verdocs-text-input", { key: '50474f1f30376b3985d57b08117e8725faa8a83b', placeholder: "Initials...", label: "Initials", value: this.enteredInitials, onInput: e => this.handleNameChange(e), onClick: e => e.stopPropagation() }), index.h("div", { key: 'e6f2ede7edb1a1d31db299cfa9a3b9c1e12bb56b', 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: 'aa8953173ff60f12c7c2feb28d2e4a24c6fc1dd6', 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: '7c4f70a5e85368bdcb4744721218ba80daeec96c', class: "buttons" }, index.h("verdocs-button", { key: '070b65aa42f92e0420b8e749a49bc4e0f0139e84', label: "CANCEL", size: "normal", variant: "outline", onClick: e => this.handleCancel(e) }), index.h("verdocs-button", { key: '6cf5568bf0c2af61701d4c0d0fa738055b8d349c', label: "Adopt & Sign", size: "normal", onClick: e => this.handleAdopt(e) }))))));
     }
 };
 VerdocsInitialDialog.style = verdocsInitialDialogCss;
@@ -1967,7 +1967,7 @@ const VerdocsSignatureDialog = class {
         ctx.drawImage(this.uploadedImage, x, y, scaledWidth, scaledHeight);
     }
     render() {
-        return (index.h("verdocs-dialog", { key: 'd5338b23bc4e179de1f289461d04e340d4c28471' }, index.h("div", { key: '1856831dcf174a6eab902f340ad13672d8d5a52b', slot: "heading", class: "heading" }, index.h("div", { key: '88b08bf8c73384e9d8b0d48c3e9f2530c05efee1', class: "icon" }, index.h("svg", { key: '80fbe38f4ceb3d90dc96feb8a8de3c9a5781ef1f', width: "22", height: "19", viewBox: "0 0 22 19", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, index.h("g", { key: 'ff4edf864d1f20336fea190e053950910100c1ce', "clip-path": "url(#clip0_34208_4881)" }, index.h("path", { key: 'f85fe459d5696485df3eab66ddbd79a76945ad6f', d: "M3.125 0.75C1.88398 0.75 0.875 1.75898 0.875 3V16.5C0.875 17.741 1.88398 18.75 3.125 18.75H12.125C13.366 18.75 14.375 17.741 14.375 16.5V15.8215C14.2801 15.8602 14.1852 15.8918 14.0867 15.9164L11.9738 16.4437C11.8684 16.4684 11.7629 16.4859 11.6574 16.493C11.6258 16.4965 11.5941 16.5 11.5625 16.5H9.3125C9.09805 16.5 8.90469 16.3805 8.80977 16.1906L8.50039 15.5684C8.44062 15.4488 8.32109 15.375 8.19102 15.375C8.06094 15.375 7.93789 15.4488 7.88164 15.5684L7.57227 16.1906C7.47031 16.398 7.24883 16.5211 7.02031 16.5C6.7918 16.4789 6.59492 16.3207 6.53164 16.1027L5.9375 14.1445L5.59297 15.2977C5.37852 16.0113 4.72109 16.5 3.97578 16.5H3.6875C3.37812 16.5 3.125 16.2469 3.125 15.9375C3.125 15.6281 3.37812 15.375 3.6875 15.375H3.97578C4.22539 15.375 4.44336 15.2133 4.51367 14.9742L5.0375 13.234C5.15703 12.8367 5.52266 12.5625 5.9375 12.5625C6.35234 12.5625 6.71797 12.8367 6.8375 13.234L7.24531 14.591C7.50547 14.373 7.83594 14.25 8.1875 14.25C8.74648 14.25 9.25625 14.5664 9.50586 15.0656L9.66055 15.375H9.97344C9.86445 15.0656 9.84336 14.7281 9.92422 14.3977L10.4516 12.2848C10.55 11.8875 10.7539 11.5289 11.0422 11.2406L14.375 7.90781V6.375H9.875C9.25273 6.375 8.75 5.87227 8.75 5.25V0.75H3.125ZM9.875 0.75V5.25H14.375L9.875 0.75ZM20.2039 5.66133C19.6555 5.11289 18.766 5.11289 18.2141 5.66133L17.1805 6.69492L19.6766 9.19102L20.7102 8.15742C21.2586 7.60898 21.2586 6.71953 20.7102 6.16758L20.2039 5.66133ZM11.8402 12.0352C11.6961 12.1793 11.5941 12.3586 11.5449 12.559L11.0176 14.6719C10.9684 14.8652 11.0246 15.0656 11.1652 15.2063C11.3059 15.3469 11.5062 15.4031 11.6996 15.3539L13.8125 14.8266C14.0094 14.7773 14.1922 14.6754 14.3363 14.5312L18.8785 9.98555L16.3824 7.48945L11.8402 12.0352Z", fill: "white" })), index.h("defs", { key: '01756580a2e8584120dbfcde9b4430ee7844992f' }, index.h("clipPath", { key: '797456f6a14d786d730167c65cd09666f015037f', id: "clip0_34208_4881" }, index.h("path", { key: '23129ab3f3c2ec53083a81f3286c3636879fef51', d: "M0.875 0.75H21.125V18.75H0.875V0.75Z", fill: "white" }))))), index.h("div", { key: '7cf63b7589700e8c7449c8a2fd654875f415a6aa', class: "title" }, "Adopt Signature")), index.h("div", { key: '6f23e27d5bdb300b29d44020006c68b8ef36a02b', slot: "content", class: "content" }, index.h("div", { key: '40665f0048fb15854f7bccd68114dddcb99a1eab', class: "tabs" }, index.h("div", { key: '620baa119b664478d297972542a17b096607cacd', class: { tab: true, active: this.mode === 'type' }, onClick: () => (this.mode = 'type') }, index.h("div", { key: '3eeccfe5eabebd975bf04cbc47b4f2c264e08e91', innerHTML: Keyboard, class: "icon" }), index.h("div", { key: '962457401000045514fd5f757430da269c449278' }, "Type")), index.h("div", { key: '2a0657038569da194aeadfe168a7ea4c0387a067', class: { tab: true, active: this.mode === 'draw' }, onClick: () => (this.mode = 'draw') }, index.h("div", { key: '2d64975cd0c10dc363fe2c95bc824d14f2d67b64', innerHTML: Pencil, class: "icon" }), index.h("div", { key: '6d450e86e8ec43273fef162c84a1507e92394ce7' }, "Draw")), index.h("div", { key: 'f686a80953a1ac23c4a1e73ac77ab15c6e0ecb9c', class: { tab: true, active: this.mode === 'upload' }, onClick: () => (this.mode = 'upload') }, index.h("div", { key: '0d8489866e834c76120ac56ac85574e03801ff26', innerHTML: Upload, class: "icon" }), index.h("div", { key: '65e8e167734860ac4638e85a1f1630eab35afa2e' }, "Upload"))), index.h("div", { key: '93be73a0932befb3e8ebb742a2c4410691b7ec48', class: { type: true, active: this.mode === 'type' } }, index.h("verdocs-text-input", { key: 'daad602cde7280b54fc6f32797f15c477ff0408e', label: "Full Name", value: this.enteredName, placeholder: "Full Name...", description: "As shown on driver's license or govt. ID card.", onInput: e => this.handleNameChange(e), onClick: e => e.stopPropagation() })), index.h("div", { key: '235c55cb0e307798a561fb74a0a2c7a6f6684aec', class: { draw: true, active: this.mode === 'draw' } }, index.h("div", { key: 'eb41f26bf7b638173b67c3bd2c51e461f1b2aa24', class: "draw-instructions" }, "Draw your signature below using your mouse or finger"), index.h("div", { key: 'd8242588e0446c891939bf2ddfab85ccd2eedbde', class: "draw-actions" }, index.h("button", { key: '274043d1717e5ab8915b44695c62e86175b98493', class: "clear-button", onClick: e => this.handleClearDrawing(e), disabled: !this.hasDrawnSignature }, "Clear"))), index.h("div", { key: '5dbbff10b893a9c12ccc1d51da8cfe2ce31546d9', class: { upload: true, active: this.mode === 'upload' } }, index.h("div", { key: 'fdd666c65e25be16a249ee4f6bf0d32345a87949', class: "upload-instructions" }, "Upload a PNG image of your signature"), index.h("input", { key: '2ec4bf1e00041ac77fd4e18aab1daabee43680b3', ref: el => (this.fileInputElement = el), type: "file", accept: "image/png", onChange: this.handleFileChange, style: { display: 'none' } }), index.h("div", { key: '854b3b5727eda6b5afc18c7e2346dca524142ceb', class: "upload-actions" }, index.h("button", { key: 'f0952c08f7f6deca6af027f06dbb97089bfec9e8', class: "upload-button", onClick: this.handleSelectFile }, this.hasUploadedImage ? 'Change Image' : 'Select PNG File'), this.hasUploadedImage && (index.h("button", { key: 'a04b02406f2a5a2d77f6696988b494b826d1caf3', class: "clear-button", onClick: this.handleClearUpload }, "Clear"))), this.uploadedFileName && index.h("div", { key: '26fa32ed8b6500c268140a2f30311018efd1768f', class: "upload-filename" }, this.uploadedFileName)), index.h("canvas", { key: '2555f44a8c7a5d3b67fbafc4760b31da987091b2', ref: el => (this.canvasElement = el), width: "300", height: "79", onPointerDown: this.handlePointerDown, onPointerMove: this.handlePointerMove, onPointerUp: this.handlePointerUp, onPointerCancel: this.handlePointerCancel, style: { touchAction: 'none', cursor: 'crosshair' } }), index.h("div", { key: '02dfe260725e309f83a5de4f5b93b8083c21c34f', 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: 'b2d42e1c335bcaaeb67a2907a47c075a03179515', class: "footer", slot: "footer" }, index.h("div", { key: '6885d7f1548fd52d9f6c350d93adc708021b5c12', class: "buttons" }, index.h("button", { key: '893c5d5b1361bb13a419e451ee320902b61c0fc9', class: "cancel", onClick: e => this.handleCancel(e) }, "Cancel"), index.h("button", { key: '07f4be6ec84e924f31c97a7955ce64c5bcedda89', class: "proceed", onClick: e => this.handleAdopt(e), disabled: this.isAdoptButtonDisabled() }, "Adopt & Sign")))));
+        return (index.h("verdocs-dialog", { key: 'd2cec6b702ad83e36dc234da627abaee0df3e93e' }, index.h("div", { key: 'e5eaa0a2a60b7fc11f3cae0993dea7e8f4a2ba61', slot: "heading", class: "heading" }, index.h("div", { key: 'b057ebaae567c3a07c126d49039f9db7e0f8f041', class: "icon" }, index.h("svg", { key: '86b1a3d9bea94a74873f01f300af58f0e639b6b8', width: "22", height: "19", viewBox: "0 0 22 19", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, index.h("g", { key: '55d3f8285d3f3ad222ba8b81a4d4a05969b27984', "clip-path": "url(#clip0_34208_4881)" }, index.h("path", { key: '54b799d3b242c4172c94618572bba8400b4bf165', d: "M3.125 0.75C1.88398 0.75 0.875 1.75898 0.875 3V16.5C0.875 17.741 1.88398 18.75 3.125 18.75H12.125C13.366 18.75 14.375 17.741 14.375 16.5V15.8215C14.2801 15.8602 14.1852 15.8918 14.0867 15.9164L11.9738 16.4437C11.8684 16.4684 11.7629 16.4859 11.6574 16.493C11.6258 16.4965 11.5941 16.5 11.5625 16.5H9.3125C9.09805 16.5 8.90469 16.3805 8.80977 16.1906L8.50039 15.5684C8.44062 15.4488 8.32109 15.375 8.19102 15.375C8.06094 15.375 7.93789 15.4488 7.88164 15.5684L7.57227 16.1906C7.47031 16.398 7.24883 16.5211 7.02031 16.5C6.7918 16.4789 6.59492 16.3207 6.53164 16.1027L5.9375 14.1445L5.59297 15.2977C5.37852 16.0113 4.72109 16.5 3.97578 16.5H3.6875C3.37812 16.5 3.125 16.2469 3.125 15.9375C3.125 15.6281 3.37812 15.375 3.6875 15.375H3.97578C4.22539 15.375 4.44336 15.2133 4.51367 14.9742L5.0375 13.234C5.15703 12.8367 5.52266 12.5625 5.9375 12.5625C6.35234 12.5625 6.71797 12.8367 6.8375 13.234L7.24531 14.591C7.50547 14.373 7.83594 14.25 8.1875 14.25C8.74648 14.25 9.25625 14.5664 9.50586 15.0656L9.66055 15.375H9.97344C9.86445 15.0656 9.84336 14.7281 9.92422 14.3977L10.4516 12.2848C10.55 11.8875 10.7539 11.5289 11.0422 11.2406L14.375 7.90781V6.375H9.875C9.25273 6.375 8.75 5.87227 8.75 5.25V0.75H3.125ZM9.875 0.75V5.25H14.375L9.875 0.75ZM20.2039 5.66133C19.6555 5.11289 18.766 5.11289 18.2141 5.66133L17.1805 6.69492L19.6766 9.19102L20.7102 8.15742C21.2586 7.60898 21.2586 6.71953 20.7102 6.16758L20.2039 5.66133ZM11.8402 12.0352C11.6961 12.1793 11.5941 12.3586 11.5449 12.559L11.0176 14.6719C10.9684 14.8652 11.0246 15.0656 11.1652 15.2063C11.3059 15.3469 11.5062 15.4031 11.6996 15.3539L13.8125 14.8266C14.0094 14.7773 14.1922 14.6754 14.3363 14.5312L18.8785 9.98555L16.3824 7.48945L11.8402 12.0352Z", fill: "white" })), index.h("defs", { key: '70b80773be6be441f23c6eeae2f447084756b858' }, index.h("clipPath", { key: '75aed9dbf64c330f47077b52800a86050e3ac414', id: "clip0_34208_4881" }, index.h("path", { key: '8082cae02e77227f7f02954d5941c7fd36a8a5d0', d: "M0.875 0.75H21.125V18.75H0.875V0.75Z", fill: "white" }))))), index.h("div", { key: 'e7f9dd08e10016366c2241cef76c6d71bdad1114', class: "title" }, "Adopt Signature")), index.h("div", { key: '7aea5c5498b9f6fbf81483abc9d7b367db61a5a7', slot: "content", class: "content" }, index.h("div", { key: '54b524e75e9128731ae3abe91589cb0db8bb6cf7', class: "tabs" }, index.h("div", { key: '0020bd2519bc9d580dd035e3aba82b1f82aa507c', class: { tab: true, active: this.mode === 'type' }, onClick: () => (this.mode = 'type') }, index.h("div", { key: '7b222df33fe6a958991eea700282295ca41bcdcd', innerHTML: Keyboard, class: "icon" }), index.h("div", { key: '89d4992b8ed32be856d0f45f7f2ca57da821a4df' }, "Type")), index.h("div", { key: 'dee0b0ea8fe68a89faa8973c7a88306826faff5a', class: { tab: true, active: this.mode === 'draw' }, onClick: () => (this.mode = 'draw') }, index.h("div", { key: '53384915789698d7fcbd201395273181a0f02cfd', innerHTML: Pencil, class: "icon" }), index.h("div", { key: '517f372901814b148d0c23dc942b79bf960d19c5' }, "Draw")), index.h("div", { key: '586c057dec23d3e4a0c1538c213289f35ce56f67', class: { tab: true, active: this.mode === 'upload' }, onClick: () => (this.mode = 'upload') }, index.h("div", { key: '9e3a0e77d584cc3205754fc87290dba36bb15fda', innerHTML: Upload, class: "icon" }), index.h("div", { key: '172fef748e62922dda5d6cb1e75fd09221373ad4' }, "Upload"))), index.h("div", { key: '3f19750957be9f3b0bb89ec5be3d382b8d904701', class: { type: true, active: this.mode === 'type' } }, index.h("verdocs-text-input", { key: 'a10990a8402dda1fde20509c7d004523a753c65b', label: "Full Name", value: this.enteredName, placeholder: "Full Name...", description: "As shown on driver's license or govt. ID card.", onInput: e => this.handleNameChange(e), onClick: e => e.stopPropagation() })), index.h("div", { key: 'bc27a1033650a633c09c82881cadfa5bb0db4ee0', class: { draw: true, active: this.mode === 'draw' } }, index.h("div", { key: '6b7c478ce5926b3213658c96508969176e97e8af', class: "draw-instructions" }, "Draw your signature below using your mouse or finger"), index.h("div", { key: '1cbcd8fd03ff71acf479afdd03a23e0a3d74289c', class: "draw-actions" }, index.h("button", { key: 'e47213139ed3539321465d7d8db5bdaf03300c92', class: "clear-button", onClick: e => this.handleClearDrawing(e), disabled: !this.hasDrawnSignature }, "Clear"))), index.h("div", { key: '279a1c7ae6a35c16106bdf7fb3cc5d0a729135ce', class: { upload: true, active: this.mode === 'upload' } }, index.h("div", { key: '86c0c0cd15b6dc9c1e4de86de5a90b36a0317f7f', class: "upload-instructions" }, "Upload a PNG image of your signature"), index.h("input", { key: '4d77c0326755ed0792560cb01602436fcd6bac33', ref: el => (this.fileInputElement = el), type: "file", accept: "image/png", onChange: this.handleFileChange, style: { display: 'none' } }), index.h("div", { key: 'ffe06a881967272c3c42b4b2a9c35f4f5f3d04c5', class: "upload-actions" }, index.h("button", { key: 'a96d6ef9ccb02c9aed725107d1b7f3a73fae1585', class: "upload-button", onClick: this.handleSelectFile }, this.hasUploadedImage ? 'Change Image' : 'Select PNG File'), this.hasUploadedImage && (index.h("button", { key: 'bd2f5d6c889984b02e5c141534f8dc3edc7774d4', class: "clear-button", onClick: this.handleClearUpload }, "Clear"))), this.uploadedFileName && index.h("div", { key: 'e6f126d476e22ad35777b7c97d1dcb4686406603', class: "upload-filename" }, this.uploadedFileName)), index.h("canvas", { key: 'e0ce1c7fe545dfde3b2a1ebe9ddd8cd193ebddba', ref: el => (this.canvasElement = el), width: "300", height: "79", onPointerDown: this.handlePointerDown, onPointerMove: this.handlePointerMove, onPointerUp: this.handlePointerUp, onPointerCancel: this.handlePointerCancel, style: { touchAction: 'none', cursor: 'crosshair' } }), index.h("div", { key: 'c98b4495a74841ca8e138ed8647812693c91e084', 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: '90abff09703fd07c9125cb2f4b7ac78617d84ab1', class: "footer", slot: "footer" }, index.h("div", { key: 'b492674f64bd8993a774c62965cc18c0d0734eab', class: "buttons" }, index.h("button", { key: '4f646e69c422023d8ae54af783287b2e4a00e0f7', class: "cancel", onClick: e => this.handleCancel(e) }, "Cancel"), index.h("button", { key: 'cd9f4c6c0d34190a6801253f302b13c8057c0cba', class: "proceed", onClick: e => this.handleAdopt(e), disabled: this.isAdoptButtonDisabled() }, "Adopt & Sign")))));
     }
 };
 VerdocsSignatureDialog.style = verdocsSignatureDialogCss;
@@ -2049,7 +2049,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: '58f5a01ce13a8c9d378fbecec65275dcbbaf1bfc' }, index.h("div", { key: '8ccf2c4a027f7e0ca4f080914d29e4a0a2e2de62', class: "background-overlay", onClick: e => this.handleDismiss(e) }, index.h("div", { key: 'cd741d53302c1f39c2c8dba266e6fa965f988a3a', class: "upload-dialog-content" }, index.h("div", { key: '44d1f7c2195efa07418611d4257950ef544d7491', class: "heading" }, "Upload attachment"), this.selectedFiles.length < 1 && existingFile && (index.h(index.Fragment, { key: '26a9512b12d0ee738b814d6351ca2b7d8517a56e' }, index.h("div", { key: '957c6a08de05c93f96b53e0133bda06856ee826c', class: "current-label" }, "Current Attachment"), index.h("div", { key: 'ddc61cfad0d5efc87fa40eff81f7a0d59a0d5408', class: "attachments", style: { marginTop: '0' } }, index.h("div", { key: 'e20c62948e2ed9f5812a383d8f3527e4b5a820f5', class: "attachment" }, index.h("div", { key: '5aa6ecee018cbeb7b90303d76978c3477729892d', class: "icon", innerHTML: PaperclipIcon }), index.h("div", { key: 'dec541f7f0fdb37b9aa1ea24a892c69bef9c1a3e', class: "name" }, existingFile.name), index.h("div", { key: '24783350a525e61584f26364b282b806e051dde0', class: "icon trash", innerHTML: TrashIcon, onClick: () => (this.confirmDelete = true) }))))), this.selectedFiles.length < 1 && !existingFile && (index.h("div", { key: 'f6ba0c22deb4a17b43a506fdf80ede1aea2b9695', 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: '2073c5813b6ea55ff64b732dcb53af859e76ecd4' }, "Drag and drop your files here"), index.h("p", { key: 'a2528e4cfacf746e46748824813fc88247534b05', class: "subscript" }, "Supported files: PDF, Word, JPG, PNG"), index.h("verdocs-button", { key: '312c650398db6a597b445e2f50a3b8eb9b82d394', label: !!existingFile ? 'Replace files' : 'Select files', onClick: () => this.handleSelectFile() }), index.h("input", { key: 'b6aae72ce05c357ec6efe0fa49066b3f995fb928', 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: 'ae4c5f0184f8e6d9b0a38f148b5a84135c10f5d1', 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: '5d38bae731bb112580d818fc68d6c7bf933787e4', class: "error" }, this.errorMessage), index.h("div", { key: '1d82c4a94af155ee1d2922a4a4d39395b6784475', class: "buttons" }, index.h("verdocs-button", { key: '8da177ad8790a3765616b0b8544f24c1163dae03', label: "Cancel", variant: "outline", onClick: () => this.handleCancel() }), index.h("verdocs-button", { key: '9927509ed70b644f784ca079e89c6e54763c11dc', label: "Upload", onClick: () => this.handleDone(), disabled: !!this.errorMessage || this.selectedFiles.length < 1 })))), this.confirmDelete && (index.h("verdocs-ok-dialog", { key: 'e5b7e7e32a85ad3f273cffad9f2529280614dbf8', 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: '32359eb1dfe791a698eaba06c9f905789d8ed545' }, index.h("div", { key: '6cb4084ebfab4b885e8199b5ea891807c6c7448a', class: "background-overlay", onClick: e => this.handleDismiss(e) }, index.h("div", { key: 'bb7b2ec87a1ff062cd2664b7bec371e1d27be906', class: "upload-dialog-content" }, index.h("div", { key: '3d0ac488364649bbb14a4cb34fe05fc19052e142', class: "heading" }, "Upload attachment"), this.selectedFiles.length < 1 && existingFile && (index.h(index.Fragment, { key: '1f7970cb52c9dbeeac3b5b8e1f36720b79d21236' }, index.h("div", { key: 'a6838fbf86c9d049045bffaade8f319c816b477a', class: "current-label" }, "Current Attachment"), index.h("div", { key: 'd5b91f04d6c6ebd744027754ba84bfc1b004c644', class: "attachments", style: { marginTop: '0' } }, index.h("div", { key: '51dfe31862735997c47eefd90f60cd90bcaad66f', class: "attachment" }, index.h("div", { key: 'e96d68be2c5b4b18dfcca40a4d8c1b403ddad5f9', class: "icon", innerHTML: PaperclipIcon }), index.h("div", { key: '1e576063d58dcc7136906e0b2d741da1255a75ea', class: "name" }, existingFile.name), index.h("div", { key: '4c6e0aba7fe9cc7b8c23c721ebdca4578d1a4c1a', class: "icon trash", innerHTML: TrashIcon, onClick: () => (this.confirmDelete = true) }))))), this.selectedFiles.length < 1 && !existingFile && (index.h("div", { key: '3cfb26f8daaf5421af1785e07208e1a2ae354b3d', 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: '0b1835bf761bf4804dd5c4415a23c83cb02aeaf1' }, "Drag and drop your files here"), index.h("p", { key: '5e16f438df4ea72f2399e1c6242069e5b70331cb', class: "subscript" }, "Supported files: PDF, Word, JPG, PNG"), index.h("verdocs-button", { key: 'cbaa93edf0192e5012b11ba85ddf220e24e5e7d8', label: !!existingFile ? 'Replace files' : 'Select files', onClick: () => this.handleSelectFile() }), index.h("input", { key: 'e9cc18d167d1b4324d577c44f01e3153be067064', 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: 'e1db1bb6397181550450a5ea7c7449df15588b85', 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: '2a9e798cacbf109b9b0f092f5d9d55ed5ccb8d3d', class: "error" }, this.errorMessage), index.h("div", { key: 'b5884ac09c3f4629fdde2d7294037116f21bf6ff', class: "buttons" }, index.h("verdocs-button", { key: 'e8b3adf321d9a9d1a9d2ad8d17e4cdaac3cb34e9', label: "Cancel", variant: "outline", onClick: () => this.handleCancel() }), index.h("verdocs-button", { key: 'dcaa495096828a219eb5eadf7e9a5b5384db6621', label: "Upload", onClick: () => this.handleDone(), disabled: !!this.errorMessage || this.selectedFiles.length < 1 })))), this.confirmDelete && (index.h("verdocs-ok-dialog", { key: 'b61f05c4dfee3aaaca3460b7814617fc1b02618c', 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: 'e0ee37cda32a2cc66d894ed891c5cf5510960e18' }, index.h("form", { key: '13361be487ee9b96f98da3afedc3bf153b52d76a', onSubmit: e => e.preventDefault(), onClick: e => e.stopPropagation(), autocomplete: "off" }, index.h("div", { key: '4addf85cca1df81840d023a2a34745126851e3de' }, index.h("verdocs-text-input", { key: '873a82efe92a7d41fc628db0c28fa8d1f5d5efeb', 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: 'b4f425336c29cecfc54ccbcb8f06b99464d51c03' }, index.h("form", { key: 'b149b013a1bec8c2f01062031355e17eae095386', onSubmit: e => e.preventDefault(), onClick: e => e.stopPropagation(), autocomplete: "off" }, index.h("div", { key: 'ae913dd17a26afd5bafba76c4a491cf166020ffd' }, index.h("verdocs-text-input", { key: 'd5ae555e139ed50416bf480b022e393a24415edc', 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: 'c4cbe19c129e7dd0984d6b39b77e94d380e471fb', class: "instructions" }, "This role has fields assigned and can no longer be renamed.")), index.h("div", { key: '32da72e39e4d57ba92766b32877c9b1832f197d5' }, index.h("div", { key: 'bf0e1b5e23b77cff1d868fbc2d75f70fed9438fb', class: "input-label" }, "Type:"), index.h("verdocs-select-input", { key: '8109738f4ff15777d57451585fde5bfe21449a33', value: this.type, options: [
+            } }), hasFields && index.h("div", { key: '87e6233dfd7b53c0940fb968d6a2adeb56496e60', class: "instructions" }, "This role has fields assigned and can no longer be renamed.")), index.h("div", { key: '9148122e6e0159ab3d62a619fedf017b37739861' }, index.h("div", { key: 'f75cd1b2c55c0b8da9cab21a1dd17c8ee21d4e52', class: "input-label" }, "Type:"), index.h("verdocs-select-input", { key: '38e47acef51c4f97e4756369230a22d2cffddb3d', 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: 'a353812a6b8ecbcc159c7533b3b10e94bfafa52d' }, index.h("div", { key: 'c2801d8bbc9159cc9ee78d7cd917144765f8b3c7', class: "input-label" }, "Default Contact Info:"), index.h("div", { key: '6db7f8e675e965895806dbae47f371a6881cf125', class: "first-last" }, index.h("verdocs-text-input", { key: '794b50c7810196ab2442bab8f64fb97684999888', id: "verdocs-recipient-first", value: this.first_name, autocomplete: "off", placeholder: "First...", onInput: (e) => {
+            } })), index.h("div", { key: '541794ca28914e4520a09d0125fc0e84d61bbd95' }, index.h("div", { key: '163c3440dd070ed7937e42a2c702c7f9313d2752', class: "input-label" }, "Default Contact Info:"), index.h("div", { key: '77ca643f7329d97599428196a058f49e8c2c58e1', class: "first-last" }, index.h("verdocs-text-input", { key: 'ef796ca46c29a4f9e0a68ed0c9958500ba5b7572', 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: 'cb5cdea99dc4e64e6a861c78d62130e6385ef284', id: "verdocs-recipient-first", value: this.last_name, autocomplete: "off", placeholder: "Last...", onInput: (e) => {
+            } }), index.h("verdocs-text-input", { key: 'b3f451e7b5eba639b6b9d5d6e3df3bf5679e0c9e', 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: '90b5dae865f226608de46a859cf79f32434e40f2' }, index.h("verdocs-text-input", { key: '566eba20b2417d338347b47a31cd680a44a05b01', id: "verdocs-recipient-email", value: this.email, autocomplete: "off", placeholder: "Email Address...", onInput: (e) => {
+            } }))), index.h("div", { key: 'b48a2eec8b89ee08ed308d1f3b9eb5e05d5e291a' }, index.h("verdocs-text-input", { key: 'daec4d0897b573bc4e8127568ef5600862868e59', 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: '68eba415010bd826ff2f04405fbcb4251ec42864', style: { height: '15px' } }), index.h("div", { key: '2cf571576b80824ba982dae4161e0ea612e9d844' }, index.h("verdocs-text-input", { key: '516c877e8868fb3c9bde0d8450eb51671e7fdc45', id: "verdocs-recipient-phone", value: this.phone, autocomplete: "off",
+            } }), index.h("div", { key: '62c5bead7ff71d769bd1232e749388f4a3ca155c', style: { height: '15px' } }), index.h("div", { key: '3f81e05620ad2b6b8155f0322a9dd8b33d2fb7e2' }, index.h("verdocs-text-input", { key: 'a6f44b8851c83b6b2c064511d632ed1cad7ddbc9', 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: 'ddf67690242577d64cca0151a410a3609844f836', class: "buttons" }, index.h("button", { key: '5f693367c805b37a9dc9435559a5df33d72ab538', class: "delete-button", disabled: this.dirty, onClick: e => this.handleDelete(e), innerHTML: TrashIcon }), index.h("div", { key: 'bc193ec5149eb773ba8e00ee3e3b9ce9b45ee3b3', style: { flex: '1' } }), index.h("verdocs-button", { key: '06f2eddd8932a216e3d10a4edb17066b65dbf061', size: "small", label: "Save", disabled: !this.dirty || !isValid, onClick: e => this.handleSave(e) })))));
+            } }))), index.h("div", { key: 'f76e0836f128a3bff1e988d109a62b95f94dd6a8', class: "buttons" }, index.h("button", { key: '77ad77abcc9011a7fc3d8bf3338a42bc471eb04d', class: "delete-button", disabled: this.dirty, onClick: e => this.handleDelete(e), innerHTML: TrashIcon }), index.h("div", { key: '56d00e4cf401e227ee20e99f4c0a422f86e3c3ff', style: { flex: '1' } }), index.h("verdocs-button", { key: '62e7c61e365df4a5a0318248e648a858e9edc478', 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("verdocs-dialog", { key: 'ab6f75df77de76dce8c19c774f796b44e857368d', onExit: e => this.handleDismiss(e) }, index.h("div", { key: '9bc0733c41f6ed554a86b243024ae84ecfa6b952', slot: "heading", class: "heading" }, index.h("div", { key: '571a858eae8b37e30b14f7e9ce899f5e149fc1fc', class: "icon" }, index.h("svg", { key: 'a52971bc0019952a0c3d1baa8c39167728f4c3fa', width: "22", height: "19", viewBox: "0 0 22 19", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, index.h("g", { key: '9dac2bfc93cb0f4e691aeef39eda7ac5f0f9b3ca', "clip-path": "url(#clip0_34208_4881)" }, index.h("path", { key: '3c1d9457e4d5801eb26bff24c8e64e2659d48986', d: "M3.125 0.75C1.88398 0.75 0.875 1.75898 0.875 3V16.5C0.875 17.741 1.88398 18.75 3.125 18.75H12.125C13.366 18.75 14.375 17.741 14.375 16.5V15.8215C14.2801 15.8602 14.1852 15.8918 14.0867 15.9164L11.9738 16.4437C11.8684 16.4684 11.7629 16.4859 11.6574 16.493C11.6258 16.4965 11.5941 16.5 11.5625 16.5H9.3125C9.09805 16.5 8.90469 16.3805 8.80977 16.1906L8.50039 15.5684C8.44062 15.4488 8.32109 15.375 8.19102 15.375C8.06094 15.375 7.93789 15.4488 7.88164 15.5684L7.57227 16.1906C7.47031 16.398 7.24883 16.5211 7.02031 16.5C6.7918 16.4789 6.59492 16.3207 6.53164 16.1027L5.9375 14.1445L5.59297 15.2977C5.37852 16.0113 4.72109 16.5 3.97578 16.5H3.6875C3.37812 16.5 3.125 16.2469 3.125 15.9375C3.125 15.6281 3.37812 15.375 3.6875 15.375H3.97578C4.22539 15.375 4.44336 15.2133 4.51367 14.9742L5.0375 13.234C5.15703 12.8367 5.52266 12.5625 5.9375 12.5625C6.35234 12.5625 6.71797 12.8367 6.8375 13.234L7.24531 14.591C7.50547 14.373 7.83594 14.25 8.1875 14.25C8.74648 14.25 9.25625 14.5664 9.50586 15.0656L9.66055 15.375H9.97344C9.86445 15.0656 9.84336 14.7281 9.92422 14.3977L10.4516 12.2848C10.55 11.8875 10.7539 11.5289 11.0422 11.2406L14.375 7.90781V6.375H9.875C9.25273 6.375 8.75 5.87227 8.75 5.25V0.75H3.125ZM9.875 0.75V5.25H14.375L9.875 0.75ZM20.2039 5.66133C19.6555 5.11289 18.766 5.11289 18.2141 5.66133L17.1805 6.69492L19.6766 9.19102L20.7102 8.15742C21.2586 7.60898 21.2586 6.71953 20.7102 6.16758L20.2039 5.66133ZM11.8402 12.0352C11.6961 12.1793 11.5941 12.3586 11.5449 12.559L11.0176 14.6719C10.9684 14.8652 11.0246 15.0656 11.1652 15.2063C11.3059 15.3469 11.5062 15.4031 11.6996 15.3539L13.8125 14.8266C14.0094 14.7773 14.1922 14.6754 14.3363 14.5312L18.8785 9.98555L16.3824 7.48945L11.8402 12.0352Z", fill: "white" })), index.h("defs", { key: 'a523c67f2fa12f9b0a26924da33981a44f9dd428' }, index.h("clipPath", { key: '8f0dac8b3ecf437a297485e5a66dfb88b4f900d1', id: "clip0_34208_4881" }, index.h("path", { key: 'f795bcc400899874aa1f2424d7f5a9bdb8ba1da6', d: "M0.875 0.75H21.125V18.75H0.875V0.75Z", fill: "white" }))))), index.h("div", { key: 'f9b32149447e117074bd0e507516dfce14726eb9', class: "title" }, " ", this.heading)), index.h("div", { key: '4233ac6c51410b68e8b95aa45783112262c68839', slot: "content", class: "content", innerHTML: this.message }), index.h("div", { key: 'eecd50d76c8dd37f779dc88aaa33ba3e33803650', class: "footer", slot: "footer" }, index.h("div", { key: '91432b77dcc3636230638567b80e7b200a96fc55', class: "buttons" }, this.showCancel && (index.h("button", { key: '1b5f70c15c880b2330a25e4a43d9e48c7611b899', class: "cancel", onClick: () => this.handleCancel() }, "Cancel")), index.h("button", { key: '20e0873f4cb299932a5a512a2f5e9ebb602a2f38', class: !this.showCancel ? 'ok single' : 'ok', onClick: () => this.handleOk() }, "OK")))));
+        return (index.h("verdocs-dialog", { key: 'c2d4da953d60ccf49af3adaa064eefc17031614d', onExit: e => this.handleDismiss(e) }, index.h("div", { key: '041170b3f11296bf9c98f085243cc88b687b4263', slot: "heading", class: "heading" }, index.h("div", { key: '5b42b4486a29272754aa242ce65b1e66450e190a', class: "icon" }, index.h("svg", { key: '980fa2ae69b7d1c4b495d147ea1ae8df818fca6a', width: "22", height: "19", viewBox: "0 0 22 19", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, index.h("g", { key: 'ed4fd1f60df504598736b53a144f196ee90f71cd', "clip-path": "url(#clip0_34208_4881)" }, index.h("path", { key: '00ce59d2dc4b680a70e1e758f9a0656c1fbd270c', d: "M3.125 0.75C1.88398 0.75 0.875 1.75898 0.875 3V16.5C0.875 17.741 1.88398 18.75 3.125 18.75H12.125C13.366 18.75 14.375 17.741 14.375 16.5V15.8215C14.2801 15.8602 14.1852 15.8918 14.0867 15.9164L11.9738 16.4437C11.8684 16.4684 11.7629 16.4859 11.6574 16.493C11.6258 16.4965 11.5941 16.5 11.5625 16.5H9.3125C9.09805 16.5 8.90469 16.3805 8.80977 16.1906L8.50039 15.5684C8.44062 15.4488 8.32109 15.375 8.19102 15.375C8.06094 15.375 7.93789 15.4488 7.88164 15.5684L7.57227 16.1906C7.47031 16.398 7.24883 16.5211 7.02031 16.5C6.7918 16.4789 6.59492 16.3207 6.53164 16.1027L5.9375 14.1445L5.59297 15.2977C5.37852 16.0113 4.72109 16.5 3.97578 16.5H3.6875C3.37812 16.5 3.125 16.2469 3.125 15.9375C3.125 15.6281 3.37812 15.375 3.6875 15.375H3.97578C4.22539 15.375 4.44336 15.2133 4.51367 14.9742L5.0375 13.234C5.15703 12.8367 5.52266 12.5625 5.9375 12.5625C6.35234 12.5625 6.71797 12.8367 6.8375 13.234L7.24531 14.591C7.50547 14.373 7.83594 14.25 8.1875 14.25C8.74648 14.25 9.25625 14.5664 9.50586 15.0656L9.66055 15.375H9.97344C9.86445 15.0656 9.84336 14.7281 9.92422 14.3977L10.4516 12.2848C10.55 11.8875 10.7539 11.5289 11.0422 11.2406L14.375 7.90781V6.375H9.875C9.25273 6.375 8.75 5.87227 8.75 5.25V0.75H3.125ZM9.875 0.75V5.25H14.375L9.875 0.75ZM20.2039 5.66133C19.6555 5.11289 18.766 5.11289 18.2141 5.66133L17.1805 6.69492L19.6766 9.19102L20.7102 8.15742C21.2586 7.60898 21.2586 6.71953 20.7102 6.16758L20.2039 5.66133ZM11.8402 12.0352C11.6961 12.1793 11.5941 12.3586 11.5449 12.559L11.0176 14.6719C10.9684 14.8652 11.0246 15.0656 11.1652 15.2063C11.3059 15.3469 11.5062 15.4031 11.6996 15.3539L13.8125 14.8266C14.0094 14.7773 14.1922 14.6754 14.3363 14.5312L18.8785 9.98555L16.3824 7.48945L11.8402 12.0352Z", fill: "white" })), index.h("defs", { key: 'ee46a2e27265dbe57e76115a1359c70ac2609839' }, index.h("clipPath", { key: 'babd80bca9f1e2dd75d4e4bdd5db36365014dd8f', id: "clip0_34208_4881" }, index.h("path", { key: 'be324a18c0386935e5c2fdd493390c575a05401b', d: "M0.875 0.75H21.125V18.75H0.875V0.75Z", fill: "white" }))))), index.h("div", { key: '62a185386b641728eb5bdb98dbf38f09a3adaeaf', class: "title" }, " ", this.heading)), index.h("div", { key: 'd0d7309e2e53c2bd9a04baebd0d80e6cd9285cb3', slot: "content", class: "content", innerHTML: this.message }), index.h("div", { key: '392c8f06f6429d90d5c6c8ea99ad946861266f73', class: "footer", slot: "footer" }, index.h("div", { key: 'e3f8bc6e7232131130b1a9d0c010da723925dbd5', class: "buttons" }, this.showCancel && (index.h("button", { key: '15d693b3aa24ad79e036bdbf7fdb4a021f782155', class: "cancel", onClick: () => this.handleCancel() }, "Cancel")), index.h("button", { key: '7f486c610fdaf712bf2c465454a5e3ad1ebd18a6', class: !this.showCancel ? 'ok single' : 'ok', onClick: () => this.handleOk() }, "OK")))));
     }
 };
 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: 'cceac513d12266408ab02fbd9a6d9dc254aa88b2', class: "container" }, index.h("p", { key: 'a2a45f111d0293d4db75159423eeabc2ecd8ba79', class: "title" }, "Quick Create"), index.h("button", { key: '16628d44ef97c7878460f32fb59c92c03a739c3e', onClick: () => this.handleCreateTemplate(), innerHTML: TemplateIcon }, "Template"), index.h("button", { key: '6b48592f2a1a8bcfe4eded1dd3f095d9fc28728e', onClick: () => this.handleCreateDocument(), innerHTML: DocumentIcon }, "Document")));
+        return (index.h("div", { key: 'bf672fcce48d57c27feda51506d156509eb9fb00', class: "container" }, index.h("p", { key: '627a00cad509dd077184429dffe942a6e4b3454d', class: "title" }, "Quick Create"), index.h("button", { key: '7afb382815d275441b12928129bf985016ecab05', onClick: () => this.handleCreateTemplate(), innerHTML: TemplateIcon }, "Template"), index.h("button", { key: '94bbc052c86a8389ca1f8d402bbfc846fc7c1a8a', 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: '136d5c27d89177682fbf540830db7a7afc9708bc' }, "\u00A0");
+        return index.h("div", { key: '6847eeb7275ee23b1c70cad13a2ccfbc500cdddf' }, "\u00A0");
     }
 };
 VerdocsSearchTabs.style = verdocsSearchTabsCss;

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

@@ -9,8 +9,13 @@ var Datastore = require('./Datastore-CIzsoGWH.js');
 require('./index-CeUF44L9.js');
 require('./Types-RUyU-svM.js');
 
-const verdocsSignCss = "@-webkit-keyframes verdocs-field-pulse{0%{background-color:rgba(0, 0, 0, 0.35)}50%{background-color:rgba(0, 0, 0, 0)}100%{background-color:rgba(0, 0, 0, 0.35)}}@keyframes verdocs-field-pulse{0%{background-color:rgba(0, 0, 0, 0.35)}50%{background-color:rgba(0, 0, 0, 0)}100%{background-color:rgba(0, 0, 0, 0.35)}}verdocs-sign{display:-ms-flexbox;display:flex;overflow:hidden;position:relative;min-height:600px;-ms-flex-direction:column;flex-direction:column;-webkit-box-sizing:border-box;box-sizing:border-box;font-family:\"Inter\", -apple-system, \"Segoe UI\", \"Roboto\", \"Helvetica Neue\", sans-serif}verdocs-sign div{display:block;-webkit-box-sizing:border-box;box-sizing:border-box}verdocs-sign input{vertical-align:top}verdocs-sign>.document{-ms-flex:1;flex:1;width:100%;height:100%;-ms-flex-item-align:center;align-self:center;display:-ms-flexbox;display:flex;padding:15px;row-gap:15px;max-width:1200px;min-height:200px;position:relative;overflow-y:scroll;-ms-flex-align:center;align-items:center;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-flex-direction:column;flex-direction:column}verdocs-sign>.document .inner{width:100%;max-width:1028px}verdocs-sign .cover{top:0;left:0;right:0;bottom:0;display:-ms-flexbox;display:flex;z-index:5000;position:absolute;padding-top:100px;-ms-flex-align:center;align-items:center;-ms-flex-direction:column;flex-direction:column;background:rgba(0, 0, 0, 0.5)}verdocs-sign verdocs-ok-dialog .background-overlay{-ms-flex-align:start;align-items:flex-start;padding-top:100px}verdocs-sign .loading-indicator{top:0;left:0;right:0;bottom:0;display:-ms-flexbox;display:flex;z-index:10000;position:fixed;background-color:rgba(0, 0, 0, 0.7)}verdocs-sign .fatal-error{position:absolute;z-index:100;top:0;left:0;right:0;bottom:0;background-color:#4a4a4a;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}verdocs-sign .fatal-error .placeholder{position:absolute;opacity:0.1;z-index:-1;top:0;left:0;right:0;bottom:0;width:612px;height:792px;-webkit-box-shadow:0 0 10px 5px rgba(0, 0, 0, 0.0588235294);box-shadow:0 0 10px 5px rgba(0, 0, 0, 0.0588235294);margin-top:15px}verdocs-sign .fatal-error .message{max-width:360px;width:50%;font-size:16px;background:white;-webkit-box-shadow:3px 3px 9px -1px rgba(0, 0, 0, 0.2470588235);box-shadow:3px 3px 9px -1px rgba(0, 0, 0, 0.2470588235)}verdocs-sign .fatal-error .header{color:white;font-size:18px;font-weight:500;padding:5px 10px;margin:0 0 10px 0;background:#4c56cb}verdocs-sign .fatal-error p{margin:1rem;font-size:14px;font-weight:400;padding:0 10px}@media print{verdocs-sign .header{display:none}}#verdocs-sign-header{color:#fff;width:100%;display:-ms-flexbox;display:flex;z-index:1000;-ms-flex:0 0 46px;flex:0 0 46px;font-size:12px;-webkit-column-gap:15px;-moz-column-gap:15px;column-gap:15px;-ms-flex-align:center;align-items:center;-ms-flex-direction:row;flex-direction:row;-webkit-transition:all 0.25s;transition:all 0.25s;background-color:#33354c;-webkit-box-shadow:0 4px 4px 0 rgba(0, 0, 0, 0.24), 0 0 4px 0 rgba(0, 0, 0, 0.12);box-shadow:0 4px 4px 0 rgba(0, 0, 0, 0.24), 0 0 4px 0 rgba(0, 0, 0, 0.12)}#verdocs-sign-header .inner{width:100%;display:-ms-flexbox;display:flex;margin:0 auto;padding:0 12px;max-width:1200px;-ms-flex-align:center;align-items:center;-ms-flex-direction:row;flex-direction:row}#verdocs-sign-header .logo{width:80px;display:none;margin:-6px 0 0 0}#verdocs-sign-header .title{font-size:18px;font-weight:500;overflow:hidden;white-space:nowrap;padding:0 10px 0 0;text-overflow:ellipsis}.spinner-overlay{position:fixed;top:0;left:0;right:0;bottom:0;z-index:1000;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;background:rgba(0, 0, 0, 0.4980392157);-ms-flex-pack:center;justify-content:center}";
+const verdocsSignCss = "@-webkit-keyframes verdocs-field-pulse{0%{background-color:rgba(0, 0, 0, 0.35)}50%{background-color:rgba(0, 0, 0, 0)}100%{background-color:rgba(0, 0, 0, 0.35)}}@keyframes verdocs-field-pulse{0%{background-color:rgba(0, 0, 0, 0.35)}50%{background-color:rgba(0, 0, 0, 0)}100%{background-color:rgba(0, 0, 0, 0.35)}}verdocs-sign{display:-ms-flexbox;display:flex;overflow:hidden;position:relative;min-height:600px;-ms-flex-direction:column;flex-direction:column;-webkit-box-sizing:border-box;box-sizing:border-box;background-color:#f5f5f5;font-family:\"Inter\", -apple-system, \"Segoe UI\", \"Roboto\", \"Helvetica Neue\", sans-serif}verdocs-sign verdocs-button>button.standard{background:#2a63f6}verdocs-sign div{display:block;-webkit-box-sizing:border-box;box-sizing:border-box}verdocs-sign input{vertical-align:top}verdocs-sign>.document{-ms-flex:1;flex:1;width:100%;height:100%;-ms-flex-item-align:center;align-self:center;display:-ms-flexbox;display:flex;padding:15px;row-gap:15px;max-width:1200px;min-height:200px;position:relative;overflow-y:scroll;-ms-flex-align:center;align-items:center;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-flex-direction:column;flex-direction:column}verdocs-sign>.document .inner{width:100%;max-width:1028px}verdocs-sign .cover{top:0;left:0;right:0;bottom:0;display:-ms-flexbox;display:flex;z-index:5000;position:absolute;padding-top:100px;-ms-flex-align:center;align-items:center;-ms-flex-direction:column;flex-direction:column;background:rgba(0, 0, 0, 0.5)}verdocs-sign verdocs-ok-dialog .background-overlay{-ms-flex-align:start;align-items:flex-start;padding-top:100px}verdocs-sign .loading-indicator{top:0;left:0;right:0;bottom:0;display:-ms-flexbox;display:flex;z-index:10000;position:fixed;background-color:rgba(0, 0, 0, 0.7)}verdocs-sign .fatal-error{position:absolute;z-index:100;top:0;left:0;right:0;bottom:0;background-color:#4a4a4a;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}verdocs-sign .fatal-error .placeholder{position:absolute;opacity:0.1;z-index:-1;top:0;left:0;right:0;bottom:0;width:612px;height:792px;-webkit-box-shadow:0 0 10px 5px rgba(0, 0, 0, 0.0588235294);box-shadow:0 0 10px 5px rgba(0, 0, 0, 0.0588235294);margin-top:15px}verdocs-sign .fatal-error .message{max-width:360px;width:50%;font-size:16px;background:white;-webkit-box-shadow:3px 3px 9px -1px rgba(0, 0, 0, 0.2470588235);box-shadow:3px 3px 9px -1px rgba(0, 0, 0, 0.2470588235)}verdocs-sign .fatal-error .header{color:white;font-size:18px;font-weight:500;padding:5px 10px;margin:0 0 10px 0;background:#4c56cb}verdocs-sign .fatal-error p{margin:1rem;font-size:14px;font-weight:400;padding:0 10px}verdocs-sign .flag{width:100px;height:40px;padding-left:14px;background-color:#13a10e;-webkit-clip-path:polygon(0% 50%, 15% 0, 100% 0, 100% 100%, 15% 100%);clip-path:polygon(0% 50%, 15% 0, 100% 0, 100% 100%, 15% 100%)}@media print{verdocs-sign .header{display:none}}#verdocs-sign-header{color:#fff;width:100%;display:-ms-flexbox;display:flex;z-index:1000;-ms-flex:0 0 46px;flex:0 0 46px;font-size:12px;-webkit-column-gap:15px;-moz-column-gap:15px;column-gap:15px;-ms-flex-align:center;align-items:center;-ms-flex-direction:row;flex-direction:row;-webkit-transition:all 0.25s;transition:all 0.25s;background-color:#33354c;-webkit-box-shadow:0 4px 4px 0 rgba(0, 0, 0, 0.24), 0 0 4px 0 rgba(0, 0, 0, 0.12);box-shadow:0 4px 4px 0 rgba(0, 0, 0, 0.24), 0 0 4px 0 rgba(0, 0, 0, 0.12)}#verdocs-sign-header .inner{width:100%;display:-ms-flexbox;display:flex;margin:0 auto;padding:0 12px;max-width:1200px;-ms-flex-align:center;align-items:center;-ms-flex-direction:row;flex-direction:row}#verdocs-sign-header .logo{width:80px;display:none;margin:-6px 0 0 0}#verdocs-sign-header .title{font-size:18px;font-weight:500;overflow:hidden;white-space:nowrap;padding:0 10px 0 0;text-overflow:ellipsis}.spinner-overlay{position:fixed;top:0;left:0;right:0;bottom:0;z-index:1000;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;background:rgba(0, 0, 0, 0.4980392157);-ms-flex-pack:center;justify-content:center}";
 
+const Chart = `<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M16.0046 1.90735e-06C24.8412 1.90735e-06 32.0034 7.16345 32.0018 16C32.0003 24.8366 24.8356 32 15.999 32C7.16247 32 0.000272273 24.8366 0.00181279 16C0.00335331 7.16345 7.16805 1.90735e-06 16.0046 1.90735e-06ZM15.9995 29.12C23.2455 29.12 29.1205 23.246 29.1218 16C29.1231 8.75403 23.2501 2.88 16.0041 2.88C8.75812 2.88 2.88308 8.75403 2.88181 16C2.88055 23.246 8.75355 29.12 15.9995 29.12Z" fill="#E0E0E0"/>
+<path d="M11.0713 19.7832C10.3421 19.7832 9.77246 19.4854 9.3623 18.8896C8.9554 18.2939 8.75195 17.4329 8.75195 16.3066C8.75195 15.0697 8.96517 14.1338 9.3916 13.499C9.81803 12.8643 10.4333 12.5469 11.2373 12.5469C12.777 12.5469 13.5469 13.7432 13.5469 16.1357C13.5469 17.3206 13.3288 18.2256 12.8926 18.8506C12.4596 19.4723 11.8525 19.7832 11.0713 19.7832ZM11.1836 13.4502C10.334 13.4502 9.90918 14.3861 9.90918 16.2578C9.90918 18.0091 10.3258 18.8848 11.1592 18.8848C11.9795 18.8848 12.3896 17.9945 12.3896 16.2139C12.3896 14.3714 11.9876 13.4502 11.1836 13.4502ZM18.1611 12.6641L14.7773 20.8281H13.7471L17.1162 12.6641H18.1611ZM18.6689 19.4072L18.6689 18.3428C19.1247 18.7041 19.639 18.8848 20.2119 18.8848C20.6774 18.8848 21.0485 18.779 21.3252 18.5674C21.6051 18.3558 21.7451 18.0693 21.7451 17.708C21.7451 16.9137 21.138 16.5166 19.9238 16.5166H19.3818L19.3818 15.6084H19.8994C20.9769 15.6084 21.5156 15.234 21.5156 14.4854C21.5156 13.7952 21.0957 13.4502 20.2559 13.4502C19.7871 13.4502 19.346 13.6178 18.9326 13.9531L18.9326 12.9473C19.4079 12.6803 19.9694 12.5469 20.6172 12.5469C21.2389 12.5469 21.737 12.7031 22.1113 13.0156C22.4857 13.3281 22.6729 13.7285 22.6729 14.2168C22.6729 15.138 22.2041 15.7305 21.2666 15.9941L21.2666 16.0137C21.7712 16.0625 22.1699 16.2399 22.4629 16.5459C22.7559 16.8486 22.9023 17.2279 22.9023 17.6836C22.9023 18.3118 22.6663 18.8197 22.1943 19.207C21.7223 19.5911 21.1006 19.7832 20.3291 19.7832C19.6357 19.7832 19.0824 19.6579 18.6689 19.4072Z" fill="#242424"/>
+</svg>
+`;
 const VerdocsSign = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
@@ -57,6 +62,7 @@ const VerdocsSign = class {
         this.submitted = false;
         this.isDone = false;
         this.showDone = false;
+        this.showAdoptSignature = false;
         this.showLoadError = false;
         this.finishLater = false;
         this.showFinishLater = false;
@@ -69,6 +75,7 @@ const VerdocsSign = class {
         this.declining = false;
         this.delegating = false;
         this.delegated = false;
+        this.startedSigning = false;
         this.kbaChoices = [];
         this.loading = true;
         this.envelope = null;
@@ -383,7 +390,8 @@ const VerdocsSign = class {
         }
     }
     getRecipientFields() {
-        return this.envelope.fields.filter(field => field.role_name === this.recipient.role_name);
+        var _a;
+        return ((_a = this.envelope) === null || _a === void 0 ? void 0 : _a.fields.filter(field => field.role_name === this.recipient.role_name)) || [];
     }
     // See if everything that "needs to be" filled in is, and all "fillable fields" are valid
     checkRecipientFields() {
@@ -399,6 +407,16 @@ const VerdocsSign = class {
             this.nextSubmits = false;
         }
     }
+    getNextRequiredField() {
+        const emptyFields = this.getSortedFillableFields().filter(field => field.required && !jsSdk.isFieldFilled(field, this.getRecipientFields()));
+        jsSdk.sortFields(emptyFields);
+        const focusedIndex = emptyFields.findIndex(field => field.name === this.focusedField);
+        let nextFocusedIndex = focusedIndex + 1;
+        if (nextFocusedIndex >= emptyFields.length) {
+            nextFocusedIndex = 0;
+        }
+        return { index: nextFocusedIndex, field: emptyFields[nextFocusedIndex] };
+    }
     attachFieldAttributes(pageInfo, field, el) {
         // We can get called multiple times as rendering completes and it's hard to avoid that
         // because it's a ton of work for the callers to know it's been done already. But we
@@ -538,6 +556,9 @@ const VerdocsSign = class {
         });
     }
     render() {
+        const myFields = this.getRecipientFields();
+        const myInvalidFields = myFields;
+        const nextField = this.getNextRequiredField();
         if (this.showLoadError) {
             return (index.h(index.Host, null, index.h("verdocs-ok-dialog", { heading: "Unable to Start Signing", message: `Sorry, your invite code is invalid or has expired. Please check your email for an updated invitation, or contact the sender.`, buttonLabel: "OK", onNext: () => {
                     window.location.reload();
@@ -645,7 +666,17 @@ const VerdocsSign = class {
         invalidFields.length > 0
             ? console.log('[SIGN] Invalid fields remaining', invalidFields.map(field => field.name))
             : console.log('[SIGN] All field valid');
-        return (index.h(index.Host, null, 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", { style: { flex: '1' } }), !this.finishLater && index.h("verdocs-button", { size: "xsmall", label: this.nextButtonLabel, disabled: !this.agreed || this.submitting, onClick: () => this.handleNext() }), index.h("div", { style: { marginLeft: '10px' } }), index.h("verdocs-dropdown", { options: !this.isDone && !this.finishLater ? inProgressMenuOptions : doneMenuOptions, onOptionSelected: e => this.handleOptionSelected(e) }))), index.h("div", { class: "document", style: { paddingTop: '15px' } }, (this.envelope.documents || []).map(envelopeDocument => {
+        return (index.h(index.Host, null, 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", { style: { flex: '1' } }), !this.finishLater && index.h("verdocs-button", { size: "xsmall", label: this.nextButtonLabel, disabled: !this.agreed || this.submitting, onClick: () => this.handleNext() }), index.h("div", { style: { marginLeft: '10px' } }), index.h("verdocs-dropdown", { options: !this.isDone && !this.finishLater ? inProgressMenuOptions : doneMenuOptions, onOptionSelected: e => this.handleOptionSelected(e) }))), index.h("div", { class: "left-sidebar", style: { width: '22%', left: '15px', top: '59px', position: 'fixed', borderRadius: '4px', backgroundColor: 'white', padding: '24px', fontSize: '14px', fontWeight: '300' } }, index.h("div", { style: { flexDirection: 'row', display: 'flex', justifyContent: 'space-between', marginBottom: '10px' } }, index.h("div", null, myFields.length - myInvalidFields.length, " of ", myFields.length, " fields completed"), index.h("div", { innerHTML: Chart })), !this.startedSigning && index.h("verdocs-button", { size: "xsmall", label: "Start Signing", style: { marginTop: '15px' }, onClick: () => (this.startedSigning = true) }), this.startedSigning && (index.h("div", { style: { display: 'flex', flexDirection: 'row', gap: '10px' } }, index.h("div", { style: { display: 'flex', flex: '1' } }, index.h("verdocs-button", { size: "xsmall", label: "Previous", disabled: true, onClick: () => (this.showAdoptSignature = true) })), index.h("div", { style: { display: 'flex', flex: '1' } }, index.h("verdocs-button", { size: "xsmall", label: "Next", onClick: () => (this.showAdoptSignature = true) })))), this.startedSigning && index.h("div", { style: { marginTop: '10px' } }, ((nextField === null || nextField === void 0 ? void 0 : nextField.index) || 0) + 1, ". Required Signature Field.*"), index.h("button", { style: { border: 'none', background: 'none', cursor: 'pointer', marginTop: '12px', padding: '0px' } }, "Edit Signature")), index.h("div", { class: "right-sidebar", style: { width: '22%', height: '100%', right: '15px', top: '59px', position: 'fixed', alignItems: 'stretch', zIndex: '10' } }, index.h("div", { style: { width: '100%', height: '100%', position: 'relative' } }, index.h("div", { class: "flag", style: {
+                color: 'white',
+                alignItems: 'center',
+                justifyContent: 'center',
+                display: 'flex',
+                width: '97px',
+                height: '24px',
+                position: 'relative',
+                top: '81px',
+                left: '-24px',
+            } }, "FILL"))), index.h("div", { class: "document", style: { width: '54%' } }, (this.envelope.documents || []).map(envelopeDocument => {
             const pageNumbers = jsSdk.integerSequence(1, envelopeDocument.pages);
             return (index.h(index.Fragment, null, pageNumbers.map(pageNumber => {
                 var _a;
@@ -662,9 +693,16 @@ const VerdocsSign = class {
                         { name: 'controls', type: 'div' },
                     ] }));
             })));
-        })), 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.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.isDone = true;
+                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.showAdoptSignature && (index.h("verdocs-adopt-signature-dialog", { onNext: () => {
+                this.showAdoptSignature = false;
+            }, onExit: () => {
+                this.showAdoptSignature = false;
             } })), (this.submitting || this.showSpinner) && (index.h("verdocs-portal", null, index.h("div", { class: "spinner-overlay" }, index.h("verdocs-spinner", null)))), !this.loading && !this.isDone && (index.h("verdocs-sign-footer", { endpoint: this.endpoint, envelopeId: this.envelopeId, isDone: this.isDone, onAskQuestion: (e) => {
                 jsSdk.askQuestion(this.endpoint, this.envelopeId, this.roleId, { question: e.detail.question })
                     .then(() => Toast.VerdocsToast('Your question has been sent.', { style: 'success' }))