@verdocs/web-sdk 6.10.7 → 6.13.0

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

@@ -342,7 +342,7 @@ export class VerdocsSignatureDialog {
         ctx.drawImage(this.uploadedImage, x, y, scaledWidth, scaledHeight);
     }
     render() {
-        return (h("verdocs-dialog", { key: 'ca263c99aa622d0d4c43cdc7ce96f5a9cbc89a7b' }, h("div", { key: '1ac854a229f0bbc138d194227823015f896f862d', slot: "heading", class: "heading" }, h("div", { key: 'a53f434f77bb1544f4854708a424314e83eb4c54', class: "icon" }, h("svg", { key: '486c75174a87f575c82c1042986e49a6949bd9bb', width: "22", height: "19", viewBox: "0 0 22 19", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("g", { key: '697bc83e39a7716174b4ead87322ffd53556191c', "clip-path": "url(#clip0_34208_4881)" }, h("path", { key: 'dcb04e1e66a604c452151456cd5285dcbb24f4fd', 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" })), h("defs", { key: 'ab4b9458a7c824460cda1d07cc162c790646926c' }, h("clipPath", { key: '854b087a4a75a464eba5e1ea10aa4702312459c9', id: "clip0_34208_4881" }, h("path", { key: '1c06d441ff4c8f9577de22fd755e2fbafc771271', d: "M0.875 0.75H21.125V18.75H0.875V0.75Z", fill: "white" }))))), h("div", { key: '8c0d4869fde0111f6c60117d163410e8f433b966', class: "title" }, "Adopt Signature")), h("div", { key: '59850b35b1ae3887e5342357461d093f4f3960a3', slot: "content", class: "content" }, h("div", { key: 'd1a20a6b3388aad30b4d7fb538aadb748c648685', class: "tabs" }, h("div", { key: 'bdfb81c2816c99ee5ee24d6a36e78ae9e4262697', class: { tab: true, active: this.mode === 'type' }, onClick: () => (this.mode = 'type') }, h("div", { key: '6b5ef6739a10171416c38e3c1b539555010f882d', innerHTML: Keyboard, class: "icon" }), h("div", { key: '2d52847d0f732ef6bd04e3be41dc6987e5953b10' }, "Type")), h("div", { key: 'dce131eeabc187f5b512f1b4df85a565b00c388b', class: { tab: true, active: this.mode === 'draw' }, onClick: () => (this.mode = 'draw') }, h("div", { key: 'f6556f200e646713806a76a1b2783c03cb4d622c', innerHTML: Pencil, class: "icon" }), h("div", { key: '7e93db252dde87aab31b09886b9f8dd33fe5ddb5' }, "Draw")), h("div", { key: '63847aa5eea2d8eb87ec2cf2bac17cbe42f1359c', class: { tab: true, active: this.mode === 'upload' }, onClick: () => (this.mode = 'upload') }, h("div", { key: '5d5de708234e4392f91dda80741a08a1f3b3e681', innerHTML: Upload, class: "icon" }), h("div", { key: '48f11243e7ffb18f56d02428d4a769a202f96bc3' }, "Upload"))), h("div", { key: '5229b7d0af115f69d3279181b3a8b7fcd9cb5d5d', class: { type: true, active: this.mode === 'type' } }, h("verdocs-text-input", { key: '3e110000de43f159c14c6b4c29a265121e2a6600', 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() })), h("div", { key: '3cb24f32c550ec5dcccc17a563479bd065a17a9b', class: { draw: true, active: this.mode === 'draw' } }, h("div", { key: 'db7c2469551c6cd844cc86247180a2ebb9d2c31c', class: "draw-instructions" }, "Draw your signature below using your mouse or finger"), h("div", { key: 'b53a82e2e297ba7d77e30f66813bb41ddc5cb8c3', class: "draw-actions" }, h("button", { key: 'd6e2ac256284fcf864bd7d5534e0a964bfd68607', class: "clear-button", onClick: e => this.handleClearDrawing(e), disabled: !this.hasDrawnSignature }, "Clear"))), h("div", { key: '066dbe1573415c3aca81dfbaa38e1f0de44f98d7', class: { upload: true, active: this.mode === 'upload' } }, h("div", { key: '64a3fad414383fb4d783b84a9fdee4df9ce4e544', class: "upload-instructions" }, "Upload a PNG image of your signature"), h("input", { key: '4b2596fae3a2ba0d680f2e992fee32a62123bc3a', ref: el => (this.fileInputElement = el), type: "file", accept: "image/png", onChange: this.handleFileChange, style: { display: 'none' } }), h("div", { key: 'ab11b55871234a0728a9fb34d35cc31e71cc0a71', class: "upload-actions" }, h("button", { key: '855ec542a67a3b2ac07e5585c0ec3d15d2d417bc', class: "upload-button", onClick: this.handleSelectFile }, this.hasUploadedImage ? 'Change Image' : 'Select PNG File'), this.hasUploadedImage && (h("button", { key: '92b116129c8a07423e32c73828791a50f0ae7f36', class: "clear-button", onClick: this.handleClearUpload }, "Clear"))), this.uploadedFileName && h("div", { key: 'd618950928ee267f305b8c91e880b441a422b9ab', class: "upload-filename" }, this.uploadedFileName)), h("canvas", { key: 'a5164a02b91cfe325b79835ff2c5fd87910034ba', 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' } }), h("div", { key: 'd04f25571ba0ff2b46a52eb10b6bc28e92a5a283', class: "disclaimer" }, "By clicking Adopt, I agree that the signature will be the electronic representation of my signature for all purposes when I (or my agent) use them on documents, including legally binding contracts \u2014 just the same as a pen-and-paper signature or initial.")), h("div", { key: '09eabbd24b7b008fa0e1345060231205e0ecf857', class: "footer", slot: "footer" }, h("div", { key: 'b36e2e9a1e87f4e79b8fa74a97437cdd3604a0fb', class: "buttons" }, h("button", { key: '88651ad85da973c2aae71cfd1431517f9987ff84', class: "cancel", onClick: e => this.handleCancel(e) }, "Cancel"), h("button", { key: '08341a6c1d79158449afe2a8e08af22fdbe59b21', class: "proceed", onClick: e => this.handleAdopt(e), disabled: this.isAdoptButtonDisabled() }, "Adopt & Sign")))));
+        return (h("verdocs-dialog", { key: 'db10edcf804c46eb00fe5c2df962d1b8ae106493' }, h("div", { key: '5a0423bd616fbebb6f823b56fa2aff80e049ead4', slot: "heading", class: "heading" }, h("div", { key: '2c6784bf171176d898cb2915e2e1022122161992', class: "icon" }, h("svg", { key: '343e64d99febdc50d7ff7711c3c8389217329173', width: "22", height: "19", viewBox: "0 0 22 19", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("g", { key: '2395f0b040d4a52495036b23d1e8961a4c9f33aa', "clip-path": "url(#clip0_34208_4881)" }, h("path", { key: 'ee95ffa7e0eee4a6b59e5a6c97d1466c37897ef1', 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" })), h("defs", { key: 'cc1fe4774e3ec98275c110380e028810a9812dc1' }, h("clipPath", { key: 'cd0c227ca9ab543cca14319b3ae2b03743fcdd24', id: "clip0_34208_4881" }, h("path", { key: 'edea73952f5f83255d37ae9389c3a4491c608616', d: "M0.875 0.75H21.125V18.75H0.875V0.75Z", fill: "white" }))))), h("div", { key: '2921ef7cad3ed17b05ced2e468ade98a9f9a1039', class: "title" }, "Adopt Signature")), h("div", { key: '4edfb086ef94548c2668d7785d496fd94ce022f1', slot: "content", class: "content" }, h("div", { key: '8f2c07a462ab017a8135f1055db37ed8045972a9', class: "tabs" }, h("div", { key: '324495518ec9a68aefdd08153001eb11d799e0c1', class: { tab: true, active: this.mode === 'type' }, onClick: () => (this.mode = 'type') }, h("div", { key: 'c3ea6b99cfd3abec7559c443fb3ad241b348c678', innerHTML: Keyboard, class: "icon" }), h("div", { key: '477e075ef90f8b8a6c5cf3811a3899e863dd1955' }, "Type")), h("div", { key: '3a033060aea76ecc698247620d6a3d37804cf51d', class: { tab: true, active: this.mode === 'draw' }, onClick: () => (this.mode = 'draw') }, h("div", { key: 'd896a50e72b7b047dff6bd58cf25e51f5898e46f', innerHTML: Pencil, class: "icon" }), h("div", { key: 'f69dfd3d844ed5aab916ed080d008300b1442822' }, "Draw")), h("div", { key: '2cdf756c39a25f8c57f9397dda34ca4f16a0c1c6', class: { tab: true, active: this.mode === 'upload' }, onClick: () => (this.mode = 'upload') }, h("div", { key: '78b33ad127168fcfbd1991e9cd4eeec75ae916da', innerHTML: Upload, class: "icon" }), h("div", { key: 'da89a9e7931500397dc35739f7e1082fc214646b' }, "Upload"))), h("div", { key: 'a6c71d283574178abff0b87373d84a4296d21cbf', class: { type: true, active: this.mode === 'type' } }, h("verdocs-text-input", { key: '513135d4e60be78ca8122d203baa56a8aa8888f6', 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() })), h("div", { key: 'e77be4d73bce299698dce7475b04f63781336161', class: { draw: true, active: this.mode === 'draw' } }, h("div", { key: '28e8ddaf5a36f8dd71cd28639773d1220792f8ff', class: "draw-instructions" }, "Draw your signature below using your mouse or finger"), h("div", { key: 'f8f4a3d8f0f69ed45c75ae612a3c976858052d87', class: "draw-actions" }, h("button", { key: 'dd3d1ccb059acd4fb0f224b277b60ac59fa3ff77', class: "clear-button", onClick: e => this.handleClearDrawing(e), disabled: !this.hasDrawnSignature }, "Clear"))), h("div", { key: '6964ea2ebbb4c60ceef9d199445a315b45b84ddf', class: { upload: true, active: this.mode === 'upload' } }, h("div", { key: 'bee3f8a5a560a1a8c7d4c677c96d30a7dc69c93e', class: "upload-instructions" }, "Upload a PNG image of your signature"), h("input", { key: '31220c0a363d5b9ddcfd93062279e0d3d6df4e10', ref: el => (this.fileInputElement = el), type: "file", accept: "image/png", onChange: this.handleFileChange, style: { display: 'none' } }), h("div", { key: 'ac4c882fd67f700d6c0b5a5b33e9e9e323b0a48b', class: "upload-actions" }, h("button", { key: '973df7f6cef82ab79f958d31ac0187e6c495ba05', class: "upload-button", onClick: this.handleSelectFile }, this.hasUploadedImage ? 'Change Image' : 'Select PNG File'), this.hasUploadedImage && (h("button", { key: '40e7f06af931d94b3c02608cd495afc3949c92cc', class: "clear-button", onClick: this.handleClearUpload }, "Clear"))), this.uploadedFileName && h("div", { key: '94fb0ddf3fd4daea6fad68385b34ac33947c9e19', class: "upload-filename" }, this.uploadedFileName)), h("canvas", { key: 'b01429dcfe162b486367921af9257929ca020177', 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' } }), h("div", { key: 'f1cafc7b6c449614895e90bba50f63f688fd4401', class: "disclaimer" }, "By clicking Adopt, I agree that the signature will be the electronic representation of my signature for all purposes when I (or my agent) use them on documents, including legally binding contracts \u2014 just the same as a pen-and-paper signature or initial.")), h("div", { key: '2ecc9291e5a73cba4e17e9c0c1cf765f49972b78', class: "footer", slot: "footer" }, h("div", { key: '8091868df0484dcfaece304fe743703e18c8b546', class: "buttons" }, h("button", { key: 'ea3d366c23befd85959bac4bb14325103fbbc767', class: "cancel", onClick: e => this.handleCancel(e) }, "Cancel"), h("button", { key: '4131a02beeeb77b59250bffb01ef317ebe2efdca', class: "proceed", onClick: e => this.handleAdopt(e), disabled: this.isAdoptButtonDisabled() }, "Adopt & Sign")))));
     }
     static get is() { return "verdocs-signature-dialog"; }
     static get originalStyleUrls() {

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

@@ -80,7 +80,7 @@ export class VerdocsUploadDialog {
     render() {
         var _a;
         const existingFile = ((_a = this.existingFile) === null || _a === void 0 ? void 0 : _a.name) ? this.existingFile : null;
-        return (h(Host, { key: '29dddad699cd65a5a321826511ce77b3b12edb28' }, h("div", { key: '7b17d8231bea58fd86f7b89a65c0215c95a1e6f2', class: "background-overlay", onClick: e => this.handleDismiss(e) }, h("div", { key: '4fc0a8e6d5db18461ff33542720acf9fb4a598fc', class: "upload-dialog-content" }, h("div", { key: '3d43dafc9112d7e7fc8d38c0aec8f95964465d9f', class: "heading" }, "Upload attachment"), this.selectedFiles.length < 1 && existingFile && (h(Fragment, { key: 'f5e1b76165c19ac3a98946de19630af1f4327e78' }, h("div", { key: 'f7f8600985c2a00700792188a6a303473fbf1788', class: "current-label" }, "Current Attachment"), h("div", { key: 'c71a1b8a983c925f95c0d517bdc24efe095bb8a5', class: "attachments", style: { marginTop: '0' } }, h("div", { key: 'b08a7c494f79724c7e6ccc1d98e775f4232b85c5', class: "attachment" }, h("div", { key: '690be3e3f977263067f32cf1bbfcabaa4d438973', class: "icon", innerHTML: PaperclipIcon }), h("div", { key: 'aa67943a0d595f49482520336c841042d5671f7a', class: "name" }, existingFile.name), h("div", { key: 'a02bb7b9597d82842a68f402a2497b0c3e3dbbb6', class: "icon trash", innerHTML: TrashIcon, onClick: () => (this.confirmDelete = true) }))))), this.selectedFiles.length < 1 && !existingFile && (h("div", { key: '8d05c612ff663eee65273a6e4808bdb6892f24d7', class: { 'drop-target': true, 'dragging-over': this.draggingOver }, onDragOver: e => this.handleDragOver(e), onDragLeave: e => this.handleDragLeave(e), onDrop: e => this.handleDrop(e) }, h("p", { key: '06fae7500fa1d40b219aabff5384f0cc781649bb' }, "Drag and drop your files here"), h("p", { key: '609ff406a25db65108a2d34fdd5d90a7b3c880ca', class: "subscript" }, "Supported files: PDF, Word, JPG, PNG"), h("verdocs-button", { key: 'b071c29b8044e4558d45c27cc413b14e6e2ecdb5', label: !!existingFile ? 'Replace files' : 'Select files', onClick: () => this.handleSelectFile() }), h("input", { key: '5e01a64701701b6de28b11b58440c4bf85174bcc', 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 && (h("div", { key: '7457363c33720fb246ec6abae9a8d710aa7208cf', class: "attachments" }, this.selectedFiles.map((file, index) => (h("div", { class: "attachment" }, h("div", { class: "icon", innerHTML: PaperclipIcon }), h("div", { class: "name" }, file.name), h("div", { class: "icon trash", innerHTML: TrashIcon, onClick: () => this.handleRemoveAttachment(index) })))))), !!this.errorMessage && h("div", { key: 'ad424c6c48711aa1cc15b4e22eda6f8ea5c26e17', class: "error" }, this.errorMessage), h("div", { key: '77055617c6ae059845c3689407e9ed1422d63a24', class: "buttons" }, h("verdocs-button", { key: '74eb9d810097cde76b26e80b589f697961dd757a', label: "Cancel", variant: "outline", onClick: () => this.handleCancel() }), h("verdocs-button", { key: '66a7fe23c644dfbfd8afd3ebe82493daba7aaf61', label: "Upload", onClick: () => this.handleDone(), disabled: !!this.errorMessage || this.selectedFiles.length < 1 })))), this.confirmDelete && (h("verdocs-ok-dialog", { key: 'bb38b905c6a5c0aa756eaed2a0ed2982dde139ae', heading: "Delete Attachment?", message: "Are you sure you wish to delete this attachment? This action cannot be undone.", showCancel: true, onExit: e => {
+        return (h(Host, { key: '7502bcbf89cc1c141515d5b45407be5a7cb15892' }, h("div", { key: 'c965555cbce520f5a7751df0873d616a7fd72f91', class: "background-overlay", onClick: e => this.handleDismiss(e) }, h("div", { key: 'ab02fe80c6107c602cbb13cb5c58378372be37af', class: "upload-dialog-content" }, h("div", { key: '69ac85cfdc119aa0c350935af831cd94d0038f38', class: "heading" }, "Upload attachment"), this.selectedFiles.length < 1 && existingFile && (h(Fragment, { key: '3932495818a8191a636c7325488873dbab63adf5' }, h("div", { key: '3dbeda0b45d15d1a8b20676d7b276ff8c1517f94', class: "current-label" }, "Current Attachment"), h("div", { key: '68bf5399c44001add44754641b04bab5bfd76c64', class: "attachments", style: { marginTop: '0' } }, h("div", { key: 'b7571fb20cb325e1e711e0b34e7fad26eda98533', class: "attachment" }, h("div", { key: 'fed9ca494064213392c2f1ef3208b7cacfcf1547', class: "icon", innerHTML: PaperclipIcon }), h("div", { key: '7da66b89dc708dc036785473be1fdab0a8b04ffa', class: "name" }, existingFile.name), h("div", { key: 'f0eb139b7678cd44855c1a477830843b6652cdae', class: "icon trash", innerHTML: TrashIcon, onClick: () => (this.confirmDelete = true) }))))), this.selectedFiles.length < 1 && !existingFile && (h("div", { key: '69c1c7b5f14025ccd9dc0f8ae9f8de59b7f6e10a', class: { 'drop-target': true, 'dragging-over': this.draggingOver }, onDragOver: e => this.handleDragOver(e), onDragLeave: e => this.handleDragLeave(e), onDrop: e => this.handleDrop(e) }, h("p", { key: 'cabdb9a27204b591a9bf0e87cfda3542594abad2' }, "Drag and drop your files here"), h("p", { key: '3ce2cddb1950301dabab3e67d1ac5f1409472bab', class: "subscript" }, "Supported files: PDF, Word, JPG, PNG"), h("verdocs-button", { key: '98c83bb0fb6100bd98c78b0c76e516327d73b438', label: !!existingFile ? 'Replace files' : 'Select files', onClick: () => this.handleSelectFile() }), h("input", { key: 'a223e8caef4c2fa58eb9662f460aca815a120af2', 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 && (h("div", { key: '3238382f51e331b4a9822b93c99ed446c18eb993', class: "attachments" }, this.selectedFiles.map((file, index) => (h("div", { class: "attachment" }, h("div", { class: "icon", innerHTML: PaperclipIcon }), h("div", { class: "name" }, file.name), h("div", { class: "icon trash", innerHTML: TrashIcon, onClick: () => this.handleRemoveAttachment(index) })))))), !!this.errorMessage && h("div", { key: '356a59a40bc45b55de26aa1330a293d5664a6c1e', class: "error" }, this.errorMessage), h("div", { key: '6c6614f680b35cd6a1eb972c0cbed4b4ee77cc46', class: "buttons" }, h("verdocs-button", { key: '1f50ef8aff68d087eee4c81234e52f6e0c7f7046', label: "Cancel", variant: "outline", onClick: () => this.handleCancel() }), h("verdocs-button", { key: 'c51f094d9ae57c0d818d156bf8f62b83bafa7c09', label: "Upload", onClick: () => this.handleDone(), disabled: !!this.errorMessage || this.selectedFiles.length < 1 })))), this.confirmDelete && (h("verdocs-ok-dialog", { key: '5119901b92cea8378d81fa7f0ea8b55675472ab6', 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/collection/components/elements/verdocs-quick-functions/verdocs-quick-functions.js

@@ -22,7 +22,7 @@ export class VerdocsQuickFunctions {
         this.createDocument.emit();
     }
     render() {
-        return (h("div", { key: '3105c1e030e871a1708399307fcc09e3d6682c8f', class: "container" }, h("p", { key: '9fe8c5a5ff7be7c76ab02aa830d77ebd989d1a90', class: "title" }, "Quick Create"), h("button", { key: '5beefc8b1c58bdc295f24653d215c11c1c647f5b', onClick: () => this.handleCreateTemplate(), innerHTML: TemplateIcon }, "Template"), h("button", { key: 'e7c8c4e2afb5eacb0baebb84554dcd3b3fc5458a', onClick: () => this.handleCreateDocument(), innerHTML: DocumentIcon }, "Document")));
+        return (h("div", { key: 'c0fa15063ca7e42e3dfd3e206a34c9987679ea86', class: "container" }, h("p", { key: 'decc0d8eb8bcd5ef42f8c8ad66ebf80877d0c9c8', class: "title" }, "Quick Create"), h("button", { key: '72c6b0f2eb3087dae54f6a3c74f7bbbe0dd4ed24', onClick: () => this.handleCreateTemplate(), innerHTML: TemplateIcon }, "Template"), h("button", { key: '2462f36ecb933a8703e83e8b4621a2fd88897d80', onClick: () => this.handleCreateDocument(), innerHTML: DocumentIcon }, "Document")));
     }
     static get is() { return "verdocs-quick-functions"; }
     static get originalStyleUrls() {

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

@@ -56,7 +56,7 @@ export class VerdocsSearchBox {
         }
     }
     render() {
-        return (h("form", { key: '04600c8f163a1ec9e3608335749cbc71e0fe26ab', onSubmit: e => this.handleSearch(e) }, this.type !== undefined && this.type !== 'all' && (h("span", { key: '03d4d4228516d03ce1feb1ddd867b2f307c0dad2', class: "type" }, this.type, "s ", h("button", { key: '400c49c953b2f3ee69ea62aa068511f5770a339c', class: "remove", innerHTML: CloseIcon, onClick: () => this.handleClearFilter() }))), h("input", { key: '91dbcc6f22beacf9859be1bbf0a68c06af1ca04a', type: "text", value: this.query, placeholder: this.placeholder, onInput: e => this.handleChange(e), onKeyUp: e => this.handleKeyUp(e), ref: el => (this.inputEl = el) }), h("button", { key: '439f248c2a76f57e72dc8fb56162fd8e22b5281c', onClick: e => this.handleSearch(e), class: "search" }, h("span", { key: '646080b9faa9c7af5b14d0ed8d5f5f13ffeaa218', innerHTML: SearchIcon }), "Search")));
+        return (h("form", { key: '67da35d4b9c83147f9568c92098f132e12654ab4', onSubmit: e => this.handleSearch(e) }, this.type !== undefined && this.type !== 'all' && (h("span", { key: '70bd17abc4042f19ad518bce4e1d076a8d91f2f6', class: "type" }, this.type, "s ", h("button", { key: 'c7710ff13c8cfcf5b4db4861c57455c480306950', class: "remove", innerHTML: CloseIcon, onClick: () => this.handleClearFilter() }))), h("input", { key: 'cc20f133b4ef1f8a0035dee4cc00f249d6720f29', type: "text", value: this.query, placeholder: this.placeholder, onInput: e => this.handleChange(e), onKeyUp: e => this.handleKeyUp(e), ref: el => (this.inputEl = el) }), h("button", { key: 'f51ff08d3b476189442558e1df4b1dbd912519a2', onClick: e => this.handleSearch(e), class: "search" }, h("span", { key: '4089a9ccf5b4b905384dac7b283cb5d0d5ed63fb', innerHTML: SearchIcon }), "Search")));
     }
     static get is() { return "verdocs-search-box"; }
     static get originalStyleUrls() {

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

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

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

@@ -27,7 +27,7 @@ verdocs-auth h3 {
   font-weight: 400;
   font-size: 18px;
   line-height: 1.75;
-  margin: 0;
+  margin: 0 0 20px 0;
 }
 verdocs-auth em {
   font-size: 14px;
@@ -91,4 +91,48 @@ verdocs-auth .service-agreement {
 }
 verdocs-auth .service-agreement a {
   color: #092c4c;
+}
+verdocs-auth .providers {
+  width: 100%;
+}
+verdocs-auth .providers verdocs-button {
+  display: block;
+  margin-bottom: 10px;
+}
+verdocs-auth .providers verdocs-button button.outline {
+  position: relative;
+  border-color: #aeb4bf;
+}
+verdocs-auth .providers verdocs-button button.outline:disabled {
+  border-color: #aeb4bf;
+}
+verdocs-auth .providers verdocs-button .icon.start {
+  position: absolute;
+  left: 16px;
+  margin: 0;
+  display: flex;
+  align-items: center;
+}
+verdocs-auth .providers verdocs-button .icon.start svg {
+  width: 18px;
+  height: 18px;
+}
+verdocs-auth .divider {
+  gap: 8px;
+  color: #777;
+  display: flex;
+  font-size: 12px;
+  margin: 28px 0;
+  align-items: center;
+  flex-direction: row;
+}
+verdocs-auth .divider .divider-line {
+  flex: 1;
+  height: 1px;
+  background: #aeb4bf;
+}
+verdocs-auth .mfa-error {
+  color: #cc0000;
+  font-size: 14px;
+  margin: 0 0 8px;
 }

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

@@ -1,8 +1,57 @@
 import { h } from "@stencil/core";
-import { verifyEmail, getMyUser, convertToE164 } from "@verdocs/js-sdk";
 import { VerdocsEndpoint, createProfile, authenticate, resendVerification, resetPassword } from "@verdocs/js-sdk";
+import { isMFARequired, getSocialProviders, getSocialLoginUrl, createCodeVerifier, createCodeChallenge } from "@verdocs/js-sdk";
+import { verifyEmail, getMyUser, convertToE164 } from "@verdocs/js-sdk";
+import { GoogleIcon, MicrosoftIcon } from "../../../utils/Icons";
 import { VerdocsToast } from "../../../utils/Toast";
 import { SDKError } from "../../../utils/errors";
+const MFA_CODE_ERROR = 'Invalid code. Please try again.';
+const SOCIAL_START_ERROR = 'Unable to start sign-in sequence. Please try again.';
+const SOCIAL_LOGIN_KEY = 'vdocs-social-login';
+const SOCIAL_ERROR_MESSAGES = {
+    email_unverified: 'That account does not have a verified email address.',
+    corporate_email_required: 'Please use your corporate email address to create an account.',
+    account_locked: 'That account is locked. Please contact support@verdocs.com.',
+    provider_error: 'That provider could not sign you in. Please try again.',
+    access_denied: 'Sign-in was canceled.',
+};
+const socialErrorMessage = (code) => SOCIAL_ERROR_MESSAGES[code] || 'Unable to sign in. Please try again.';
+const readSocialLoginAttempt = () => {
+    try {
+        const stored = window.sessionStorage.getItem(SOCIAL_LOGIN_KEY);
+        return stored ? JSON.parse(stored) : null;
+    }
+    catch (_a) {
+        return null;
+    }
+};
+const clearSocialLoginAttempt = () => {
+    try {
+        window.sessionStorage.removeItem(SOCIAL_LOGIN_KEY);
+    }
+    catch (_a) {
+        // Third-party embeds may block sessionStorage. It's OK.
+    }
+};
+const SOCIAL_RETURN_PARAMS = ['login_code', 'state', 'error'];
+// Prevent replays on a reload.
+const cleanSocialLoginParams = () => {
+    const url = new URL(window.location.href);
+    SOCIAL_RETURN_PARAMS.forEach(name => url.searchParams.delete(name));
+    window.history.replaceState(window.history.state, '', `${url.pathname}${url.search}${url.hash}`);
+};
+const currentReturnUri = () => {
+    const url = new URL(window.location.href);
+    SOCIAL_RETURN_PARAMS.forEach(name => url.searchParams.delete(name));
+    return url.toString();
+};
+const formatRecoveryCode = (value) => {
+    const cleaned = value
+        .toLowerCase()
+        .replace(/[^a-z0-9]/g, '')
+        .slice(0, 8);
+    return cleaned.length > 4 ? `${cleaned.slice(0, 4)}-${cleaned.slice(4)}` : cleaned;
+};
 /**
  * Display an authentication dialog that allows the user to login or sign up. If the user is
  * already authenticated with a valid session, this component will hide itself and fire the
@@ -12,7 +61,7 @@ import { SDKError } from "../../../utils/errors";
  * To simplify UI development, a visibility flag can force this component to never display. This
  * allows you to subscribe to notifications from client apps without calling the lower-level JS SDK.
  *
- * This embed is responsive / mobile-friendly, but the calling application should provide at
+ * This embed is responsive and mobile-friendly, but the calling application should provide at
  * least a 300px wide container to allow sufficient space for the required forms.
  *
  * ```ts
@@ -44,6 +93,12 @@ export class VerdocsAuth {
          * The display mode to start in.
          */
         this.displayMode = 'login';
+        /**
+         * Social auth is disabled by default because these are redirect flows that require allowable redirect_uri
+         * destinations be pre-registered. These will only work on Verdocs sites/apps, so third-party developers
+         * should not turn this on unless instructed to by Verdocs Support.
+         */
+        this.showSocialLogins = false;
         this.org_name = '';
         this.first_name = '';
         this.last_name = '';
@@ -57,7 +112,14 @@ export class VerdocsAuth {
         this.resendDisabled = false;
         this.session = null;
         this.profile = null;
+        this.providers = { google: false, microsoft: false };
+        this.mfaToken = '';
+        this.mfaCode = '';
+        this.recoveryCode = '';
+        this.useRecoveryCode = false;
+        this.mfaError = '';
         this.resendDisabledTimer = null;
+        this.mfaFocusPending = false;
         // We can't instantly log in on the default endpoint because other listeners might see
         // its events and incorrectly trigger before we're done. So we manage our own temp
         // endpoint and pass the final tokens to the default once we're ready.
@@ -87,6 +149,40 @@ export class VerdocsAuth {
                 (_b = this.authenticated) === null || _b === void 0 ? void 0 : _b.emit({ authenticated: false, session, profile });
             }
         });
+        this.loadProviders();
+        this.handleSocialLoginReturn();
+    }
+    onShowSocialLoginsChanged() {
+        this.loadProviders();
+    }
+    loadProviders() {
+        if (!this.showSocialLogins) {
+            return;
+        }
+        getSocialProviders(this.endpoint)
+            .then(providers => {
+            this.providers = providers;
+        })
+            .catch(e => console.log('[AUTH] Unable to load providers', e));
+    }
+    componentDidRender() {
+        if (this.displayMode !== 'mfa') {
+            return;
+        }
+        const input = this.el.querySelector('.mfa-input input');
+        if (!input) {
+            return;
+        }
+        if (!this.useRecoveryCode) {
+            input.setAttribute('inputmode', 'numeric');
+        }
+        else {
+            input.removeAttribute('inputmode');
+        }
+        if (this.mfaFocusPending) {
+            this.mfaFocusPending = false;
+            input.focus();
+        }
     }
     disconnectedCallback() {
         if (typeof window !== 'undefined') {
@@ -178,9 +274,24 @@ export class VerdocsAuth {
     }
     completeLogin(result) {
         this.clearForms();
+        this.displayMode = 'login';
         this.tempAuthEndpoint.clearSession();
         this.endpoint.setToken(result.access_token);
     }
+    async finishLogin(authResult) {
+        console.log('[AUTH] Authenticated, checking email verification');
+        this.tempAuthEndpoint.setToken(authResult.access_token);
+        const user = await getMyUser(this.tempAuthEndpoint);
+        this.submitting = false;
+        if (!user.email_verified) {
+            console.log('[AUTH] Logged in, pending email address verification');
+            this.displayMode = 'verify';
+        }
+        else {
+            console.log('[AUTH] Email address is verified, completing login');
+            this.completeLogin(authResult);
+        }
+    }
     async loginAndCheckVerification() {
         var _a;
         if (this.submitting) {
@@ -189,29 +300,173 @@ export class VerdocsAuth {
         this.submitting = true;
         this.tempAuthEndpoint.clearSession();
         try {
-            this.submitting = false;
             const authResult = await authenticate(this.tempAuthEndpoint, { username: this.email.trim(), password: this.password, grant_type: 'password' });
-            console.log('[AUTH] Authenticated, checking email verification');
-            this.tempAuthEndpoint.setToken(authResult.access_token);
-            const user = await getMyUser(this.tempAuthEndpoint);
-            if (!user.email_verified) {
-                console.log('[AUTH] Logged in, pending email address verification');
-                this.displayMode = 'verify';
-            }
-            else {
-                console.log('[AUTH] Email address is verified, completing login');
-                this.completeLogin(authResult);
-            }
+            await this.finishLogin(authResult);
         }
         catch (e) {
+            if (isMFARequired(e)) {
+                this.startMFA(e.response.data.mfa_token);
+                return;
+            }
             this.submitting = false;
             console.log('[AUTH] Auth failure', ((_a = e.response) === null || _a === void 0 ? void 0 : _a.data) || e);
             VerdocsToast('Login failed. Please check your credentials and try again.', { style: 'error' });
         }
     }
+    startMFA(token) {
+        this.mfaToken = token;
+        this.mfaCode = '';
+        this.recoveryCode = '';
+        this.useRecoveryCode = false;
+        this.mfaError = '';
+        this.submitting = false;
+        this.mfaFocusPending = true;
+        this.displayMode = 'mfa';
+    }
+    returnToLogin() {
+        this.mfaToken = '';
+        this.mfaCode = '';
+        this.recoveryCode = '';
+        this.useRecoveryCode = false;
+        this.mfaError = '';
+        this.password = '';
+        this.submitting = false;
+        this.displayMode = 'login';
+    }
+    handleMFAFailure(e) {
+        var _a, _b, _c;
+        this.submitting = false;
+        this.mfaCode = '';
+        this.recoveryCode = '';
+        // Failed attempts require a fresh token
+        if (isMFARequired(e)) {
+            this.mfaToken = e.response.data.mfa_token;
+            this.mfaError = MFA_CODE_ERROR;
+            return;
+        }
+        // A 401 could be an expired challenge or a failed-login-acount-lock
+        if (((_a = e === null || e === void 0 ? void 0 : e.response) === null || _a === void 0 ? void 0 : _a.status) === 401) {
+            const serverMessage = typeof ((_c = (_b = e.response) === null || _b === void 0 ? void 0 : _b.data) === null || _c === void 0 ? void 0 : _c.error) === 'string' ? e.response.data.error : '';
+            const locked = /locked/i.test(serverMessage);
+            this.returnToLogin();
+            VerdocsToast(locked ? serverMessage : 'Your sign-in timed out. Please re-enter your password.', { style: 'error' });
+            return;
+        }
+        this.mfaError = MFA_CODE_ERROR;
+    }
+    async submitMFA(code, isRecoveryCode) {
+        if (this.submitting || !code) {
+            return;
+        }
+        this.submitting = true;
+        this.mfaError = '';
+        this.tempAuthEndpoint.clearSession();
+        try {
+            const authResult = await authenticate(this.tempAuthEndpoint, isRecoveryCode
+                ? { grant_type: 'urn:verdocs:params:oauth:grant-type:mfa-recovery-code', mfa_token: this.mfaToken, recovery_code: code }
+                : { grant_type: 'urn:verdocs:params:oauth:grant-type:mfa-otp', mfa_token: this.mfaToken, otp: code });
+            await this.finishLogin(authResult);
+        }
+        catch (e) {
+            this.handleMFAFailure(e);
+        }
+    }
+    handleVerifyMFA() {
+        this.submitMFA(this.useRecoveryCode ? this.recoveryCode : this.mfaCode, this.useRecoveryCode).catch(() => undefined);
+    }
+    handleMFACodeInput(target) {
+        const digits = (target.value || '').replace(/\D/g, '').slice(0, 6);
+        if (target.value !== digits) {
+            target.value = digits;
+        }
+        this.mfaCode = digits;
+        // Auto-submit once 6 digits are entered
+        if (digits.length === 6) {
+            this.submitMFA(digits, false).catch(() => undefined);
+        }
+    }
+    handleRecoveryCodeInput(target) {
+        const formatted = formatRecoveryCode(target.value || '');
+        if (target.value !== formatted) {
+            target.value = formatted;
+        }
+        this.recoveryCode = formatted;
+    }
+    toggleRecoveryCode() {
+        this.useRecoveryCode = !this.useRecoveryCode;
+        this.mfaCode = '';
+        this.recoveryCode = '';
+        this.mfaError = '';
+        this.mfaFocusPending = true;
+    }
+    handleSocialLogin(provider) {
+        try {
+            const verifier = createCodeVerifier();
+            const state = createCodeVerifier();
+            createCodeChallenge(verifier)
+                .then(codeChallenge => {
+                const attempt = { verifier, state, provider };
+                window.sessionStorage.setItem(SOCIAL_LOGIN_KEY, JSON.stringify(attempt));
+                window.location.assign(getSocialLoginUrl(this.endpoint, provider, { returnUri: currentReturnUri(), codeChallenge, state }));
+            })
+                .catch(() => VerdocsToast(SOCIAL_START_ERROR, { style: 'error' }));
+        }
+        catch (_a) {
+            VerdocsToast(SOCIAL_START_ERROR, { style: 'error' });
+        }
+    }
+    handleSocialLoginReturn() {
+        if (typeof window === 'undefined') {
+            return;
+        }
+        const params = new URLSearchParams(window.location.search);
+        const loginCode = params.get('login_code');
+        const state = params.get('state');
+        const error = params.get('error');
+        if (!loginCode && !error) {
+            return;
+        }
+        const attempt = readSocialLoginAttempt();
+        // `error` doesn't give us the whole picture
+        if (!loginCode && !attempt) {
+            return;
+        }
+        clearSocialLoginAttempt();
+        cleanSocialLoginParams();
+        if (error) {
+            VerdocsToast(socialErrorMessage(error), { style: 'error' });
+            return;
+        }
+        if (!attempt || attempt.state !== state) {
+            VerdocsToast('Sign-in could not be verified. Try again.', { style: 'error' });
+            return;
+        }
+        this.exchangeLoginCode(loginCode, attempt.verifier);
+    }
+    exchangeLoginCode(loginCode, codeVerifier) {
+        this.submitting = true;
+        this.tempAuthEndpoint.clearSession();
+        authenticate(this.tempAuthEndpoint, { grant_type: 'urn:verdocs:params:oauth:grant-type:login-code', login_code: loginCode, code_verifier: codeVerifier })
+            .then(authResult => this.finishLogin(authResult))
+            .catch(e => {
+            var _a;
+            if (isMFARequired(e)) {
+                this.startMFA(e.response.data.mfa_token);
+                return;
+            }
+            this.submitting = false;
+            console.log('[AUTH] Social login failure', ((_a = e.response) === null || _a === void 0 ? void 0 : _a.data) || e);
+            VerdocsToast('Sign-in failed. Please try again.', { style: 'error' });
+        });
+    }
     clearForms() {
         this.submitting = false;
         this.resendDisabled = false;
+        this.mfaToken = '';
+        this.mfaCode = '';
+        this.recoveryCode = '';
+        this.useRecoveryCode = false;
+        this.mfaError = '';
         this.email = '';
         this.phone = '';
         this.password = '';
@@ -327,6 +582,12 @@ export class VerdocsAuth {
             VerdocsToast('Unable to reset password. Please check your email address and try again.', { style: 'error' });
         }
     }
+    renderProviderButtons() {
+        if (!this.showSocialLogins || (!this.providers.google && !this.providers.microsoft)) {
+            return null;
+        }
+        return (h("div", { class: "providers" }, this.providers.google && (h("verdocs-button", { label: "Continue with Google", variant: "outline", class: "provider-google", startIcon: GoogleIcon, disabled: this.submitting, onClick: () => this.handleSocialLogin('google') })), this.providers.microsoft && (h("verdocs-button", { label: "Continue with Microsoft", variant: "outline", class: "provider-microsoft", startIcon: MicrosoftIcon, disabled: this.submitting, onClick: () => this.handleSocialLogin('microsoft') })), h("div", { class: "divider" }, h("div", { class: "divider-line" }), "or", h("div", { class: "divider-line" }))));
+    }
     render() {
         if (!this.visible) {
             return h("div", { style: { display: 'none' } }, "Authenticated");
@@ -334,9 +595,19 @@ export class VerdocsAuth {
         if (this.session) {
             return (h("verdocs-button", { label: "Sign Out", disabled: this.submitting, onClick: () => this.handleLogout(), style: { display: 'flex', justifyContent: 'center', margin: '30px auto 0' } }));
         }
+        if (this.displayMode === 'mfa') {
+            const enteredCode = this.useRecoveryCode ? this.recoveryCode : this.mfaCode;
+            const codeComplete = this.useRecoveryCode ? this.recoveryCode.replace('-', '').length === 8 : this.mfaCode.length === 6;
+            return (h("div", { class: "form" }, h("a", { href: "https://verdocs.com/en/" }, h("img", { src: this.logo, alt: "Verdocs Logo", class: "logo" })), h("h3", null, "Two-factor authentication"), h("p", null, this.useRecoveryCode
+                ? 'Enter one of the backup codes you saved when you turned on multi-factor authentication.'
+                : 'Enter the six-digit code from your authenticator app.'), h("form", { onSubmit: (e) => {
+                    e.preventDefault();
+                    this.handleVerifyMFA();
+                } }, this.useRecoveryCode ? (h("verdocs-text-input", { class: "mfa-input", label: "Backup code", placeholder: "xxxx-xxxx", autocomplete: "one-time-code", value: this.recoveryCode, onInput: (e) => this.handleRecoveryCodeInput(e.target), disabled: this.submitting })) : (h("verdocs-text-input", { class: "mfa-input", label: "Authentication code", autocomplete: "one-time-code", value: this.mfaCode, onInput: (e) => this.handleMFACodeInput(e.target), disabled: this.submitting })), this.mfaError && (h("div", { role: "alert", class: "mfa-error" }, this.mfaError)), h("div", { class: "buttons" }, h("verdocs-button", { label: "Cancel", variant: "outline", disabled: this.submitting, onClick: () => this.returnToLogin() }), h("verdocs-button", { label: "Verify", disabled: this.submitting || !codeComplete || !enteredCode, onClick: () => this.handleVerifyMFA() })), h("div", { class: "buttons" }, h("verdocs-button", { variant: "text", size: "small", label: this.useRecoveryCode ? 'Use your authenticator app instead' : 'Use a backup code instead', disabled: this.submitting, onClick: () => this.toggleRecoveryCode() })))));
+        }
         if (this.displayMode === 'signup') {
             const invalid = this.submitting || !this.first_name || !this.last_name || !this.email || !this.password || !this.confirmpass || !this.org_name;
-            return (h("div", { class: "form" }, h("a", { href: "https://verdocs.com/en/" }, h("img", { src: this.logo, alt: "Verdocs Logo", class: "logo" })), h("h3", null, "Sign up for a free account"), h("div", { class: "already-have" }, "Already have an account?", h("verdocs-button", { label: "Log In", variant: "text", onClick: () => (this.displayMode = 'login'), disabled: this.submitting })), h("form", { onSubmit: () => this.handleSignup() }, h("div", { style: { display: 'flex', flexDirection: 'row', columnGap: '20px' } }, h("verdocs-text-input", { label: "First Name", autocomplete: "first", required: true, value: this.first_name, onInput: (e) => (this.first_name = e.target.value), disabled: this.submitting }), h("verdocs-text-input", { label: "Last Name", autocomplete: "last", required: true, value: this.last_name, onInput: (e) => (this.last_name = e.target.value), disabled: this.submitting })), h("verdocs-text-input", { label: "Email Address", autocomplete: "email", required: true, value: this.email, onInput: (e) => (this.email = e.target.value), disabled: this.submitting }), h("verdocs-text-input", { label: "Password", type: "password", required: true, autocomplete: "new-password", value: this.password, onInput: (e) => (this.password = e.target.value), disabled: this.submitting }), h("verdocs-text-input", { label: "Confirm Password", type: "password", required: true, autocomplete: "off", value: this.confirmpass, onInput: (e) => (this.confirmpass = e.target.value), disabled: this.submitting }), h("verdocs-text-input", { label: "Phone Number", type: "tel", required: true, autocomplete: "phone", value: this.phone, onInput: (e) => (this.phone = e.target.value), disabled: this.submitting }), h("verdocs-text-input", { label: "Organization Name", autocomplete: "org", required: true, value: this.org_name, onInput: (e) => (this.org_name = e.target.value), disabled: this.submitting, style: { flex: '1' } }), h("div", { class: "service-agreement" }, "By clicking the Create Account button, you agree to the", ' ', h("a", { href: "https://verdocs.com/eula", target: "_blank" }, "End User License Agreement"), ". Learn about how we use and protect your data and how you can opt-out in our", ' ', h("a", { href: "https://verdocs.com/privacy-policy", target: "_blank" }, "Privacy Policy"), "."), h("div", { style: { marginTop: '30px' } }), h("verdocs-button", { label: "Next", disabled: invalid, onClick: invalid ? () => { } : () => this.handleSignup(), style: { display: 'flex', justifyContent: 'center', margin: '30px auto 0' } }))));
+            return (h("div", { class: "form" }, h("a", { href: "https://verdocs.com/en/" }, h("img", { src: this.logo, alt: "Verdocs Logo", class: "logo" })), h("h3", null, "Sign up for a free account"), h("div", { class: "already-have" }, "Already have an account?", h("verdocs-button", { label: "Log In", variant: "text", onClick: () => (this.displayMode = 'login'), disabled: this.submitting })), this.renderProviderButtons(), h("form", { onSubmit: () => this.handleSignup() }, h("div", { style: { display: 'flex', flexDirection: 'row', columnGap: '20px' } }, h("verdocs-text-input", { label: "First Name", autocomplete: "first", required: true, value: this.first_name, onInput: (e) => (this.first_name = e.target.value), disabled: this.submitting }), h("verdocs-text-input", { label: "Last Name", autocomplete: "last", required: true, value: this.last_name, onInput: (e) => (this.last_name = e.target.value), disabled: this.submitting })), h("verdocs-text-input", { label: "Email Address", autocomplete: "email", required: true, value: this.email, onInput: (e) => (this.email = e.target.value), disabled: this.submitting }), h("verdocs-text-input", { label: "Password", type: "password", required: true, autocomplete: "new-password", value: this.password, onInput: (e) => (this.password = e.target.value), disabled: this.submitting }), h("verdocs-text-input", { label: "Confirm Password", type: "password", required: true, autocomplete: "off", value: this.confirmpass, onInput: (e) => (this.confirmpass = e.target.value), disabled: this.submitting }), h("verdocs-text-input", { label: "Phone Number", type: "tel", required: true, autocomplete: "phone", value: this.phone, onInput: (e) => (this.phone = e.target.value), disabled: this.submitting }), h("verdocs-text-input", { label: "Organization Name", autocomplete: "org", required: true, value: this.org_name, onInput: (e) => (this.org_name = e.target.value), disabled: this.submitting, style: { flex: '1' } }), h("div", { class: "service-agreement" }, "By clicking the Create Account button, you agree to the", ' ', h("a", { href: "https://verdocs.com/eula", target: "_blank" }, "End User License Agreement"), ". Learn about how we use and protect your data and how you can opt-out in our", ' ', h("a", { href: "https://verdocs.com/privacy-policy", target: "_blank" }, "Privacy Policy"), "."), h("div", { style: { marginTop: '30px' } }), h("verdocs-button", { label: "Next", disabled: invalid, onClick: invalid ? () => { } : () => this.handleSignup(), style: { display: 'flex', justifyContent: 'center', margin: '30px auto 0' } }))));
         }
         if (this.displayMode === 'verify') {
             return (h("div", { class: "form" }, h("form", { onSubmit: () => this.handleVerification() }, h("p", null, "Please check your e-mail inbox for a verification code and enter it below."), h("verdocs-text-input", { label: "Verification Code", required: true, value: this.verificationCode, onInput: (e) => (this.verificationCode = e.target.value), disabled: this.submitting }), h("div", { class: "buttons" }, h("verdocs-button", { label: "Sign Out", variant: "outline", disabled: this.submitting, onClick: () => this.handleLogout() }), h("verdocs-button", { label: "Verify", disabled: this.submitting || !this.verificationCode || this.verificationCode.length !== 6, onClick: () => this.handleVerification() })), h("div", { class: "buttons" }, h("verdocs-button", { variant: "text", label: "Resend Code", disabled: this.resendDisabled || this.submitting, onClick: () => this.handleResendVerification() })))));
@@ -347,7 +618,7 @@ export class VerdocsAuth {
         if (this.displayMode === 'reset') {
             return (h("div", { class: "form" }, h("a", { href: "https://verdocs.com/en/" }, h("img", { src: this.logo, alt: "Verdocs Logo", class: "logo" })), h("h3", null, "Forgot your password?"), h("p", null, "Enter your e-mail address below, and reset instructions will be sent to your Inbox. Please allow up to 15 minutes to arrive. Check your spam folder if you do not receive the message."), h("form", { onSubmit: () => this.handleResetPassword() }, h("verdocs-text-input", { label: "Verification Code", required: true, value: this.verificationCode, onInput: (e) => (this.verificationCode = e.target.value), disabled: this.submitting }), h("verdocs-text-input", { label: "Password", type: "password", required: true, autocomplete: "off", value: this.newPassword, onInput: (e) => (this.newPassword = e.target.value), disabled: this.submitting }), h("verdocs-text-input", { label: "Confirm Password", type: "password", required: true, autocomplete: "off", value: this.confirmpass, onInput: (e) => (this.confirmpass = e.target.value), disabled: this.submitting }), h("div", { style: { marginTop: '30px' } }), h("div", { class: "buttons" }, h("verdocs-button", { label: "Cancel", variant: "outline", disabled: this.submitting, onClick: () => (this.displayMode = 'login') }), h("verdocs-button", { label: "Reset", disabled: this.submitting, onClick: () => this.handleResetPassword() })), h("div", { class: "buttons" }, h("verdocs-button", { variant: "text", label: "Resend Code", disabled: this.resendDisabled || this.submitting, onClick: () => this.handleResendReset() })))));
         }
-        return (h("div", { class: "form" }, h("a", { href: "https://verdocs.com/en/" }, h("img", { src: this.logo, alt: "Verdocs Logo", class: "logo" })), h("h3", null, "Log in to your account"), h("div", { class: "already-have" }, "Don't have an account?", h("verdocs-button", { label: "Sign Up", variant: "text", onClick: () => (this.displayMode = 'signup'), disabled: this.submitting })), h("form", { onSubmit: () => this.loginAndCheckVerification() }, h("verdocs-text-input", { label: "Email", autocomplete: "username", value: this.email, onInput: (e) => (this.email = e.target.value), disabled: this.submitting }), h("verdocs-text-input", { label: "Password", type: "password", autocomplete: "current-password", value: this.password, onInput: (e) => (this.password = e.target.value), disabled: this.submitting }), h("verdocs-button", { label: "Forgot Your Password?", variant: "text", onClick: () => (this.displayMode = 'forgot'), disabled: this.submitting, style: { display: 'flex', justifyContent: 'center', margin: '10px auto 20px' } }), h("verdocs-button", { label: "Login", disabled: this.submitting, onClick: () => this.loginAndCheckVerification(), style: { display: 'flex', justifyContent: 'center', margin: '10px auto 0' } }))));
+        return (h("div", { class: "form" }, h("a", { href: "https://verdocs.com/en/" }, h("img", { src: this.logo, alt: "Verdocs Logo", class: "logo" })), h("h3", null, "Log in to your account"), this.renderProviderButtons(), h("form", { onSubmit: () => this.loginAndCheckVerification() }, h("verdocs-text-input", { label: "Email", autocomplete: "username", value: this.email, onInput: (e) => (this.email = e.target.value), disabled: this.submitting }), h("verdocs-text-input", { label: "Password", type: "password", autocomplete: "current-password", value: this.password, onInput: (e) => (this.password = e.target.value), disabled: this.submitting }), h("verdocs-button", { label: "Forgot your password?", variant: "text", size: "small", onClick: () => (this.displayMode = 'forgot'), disabled: this.submitting, style: { display: 'flex', justifyContent: 'flex-end', margin: '-6px 0 20px' } }), h("verdocs-button", { label: "Login", disabled: this.submitting, onClick: () => this.loginAndCheckVerification(), style: { display: 'flex', justifyContent: 'center', margin: '10px auto 0' } }), h("verdocs-button", { label: "Sign Up", variant: "outline", disabled: this.submitting, onClick: () => (this.displayMode = 'signup'), style: { display: 'flex', justifyContent: 'center', margin: '10px auto 0' } }))));
     }
     static get is() { return "verdocs-auth"; }
     static get originalStyleUrls() {
@@ -431,8 +702,8 @@ export class VerdocsAuth {
                 "type": "string",
                 "mutable": true,
                 "complexType": {
-                    "original": "'login' | 'forgot' | 'reset' | 'signup' | 'verify'",
-                    "resolved": "\"forgot\" | \"login\" | \"reset\" | \"signup\" | \"verify\"",
+                    "original": "'login' | 'forgot' | 'reset' | 'signup' | 'verify' | 'mfa'",
+                    "resolved": "\"forgot\" | \"login\" | \"mfa\" | \"reset\" | \"signup\" | \"verify\"",
                     "references": {}
                 },
                 "required": false,
@@ -446,6 +717,26 @@ export class VerdocsAuth {
                 "reflect": false,
                 "attribute": "display-mode",
                 "defaultValue": "'login'"
+            },
+            "showSocialLogins": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Social auth is disabled by default because these are redirect flows that require allowable redirect_uri\ndestinations be pre-registered. These will only work on Verdocs sites/apps, so third-party developers\nshould not turn this on unless instructed to by Verdocs Support."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "show-social-logins",
+                "defaultValue": "false"
             }
         };
     }
@@ -463,7 +754,13 @@ export class VerdocsAuth {
             "submitting": {},
             "resendDisabled": {},
             "session": {},
-            "profile": {}
+            "profile": {},
+            "providers": {},
+            "mfaToken": {},
+            "mfaCode": {},
+            "recoveryCode": {},
+            "useRecoveryCode": {},
+            "mfaError": {}
         };
     }
     static get events() {
@@ -512,5 +809,12 @@ export class VerdocsAuth {
                 }
             }];
     }
+    static get elementRef() { return "el"; }
+    static get watchers() {
+        return [{
+                "propName": "showSocialLogins",
+                "methodName": "onShowSocialLoginsChanged"
+            }];
+    }
 }
 //# sourceMappingURL=verdocs-auth.js.map