@verdocs/web-sdk 6.5.0-beta.12 → 6.5.0-beta.15

package/dist/cjs/{verdocs-adopt-signature-dialog_8.cjs.entry.js → verdocs-adopt-signature-dialog_9.cjs.entry.js}

@@ -1,13 +1,14 @@
 'use strict';
 
 var index = require('./index-CQ5bTnED.js');
+var Icons = require('./Icons-Dr02rZHd.js');
 var Environment = require('./Environment-3vWt0C1Q.js');
 var jsSdk = require('@verdocs/js-sdk');
 var Toast = require('./Toast-CFBM1R4z.js');
 var errors = require('./errors-D1XRvnet.js');
 var Datastore = require('./Datastore-B-sxWSPD.js');
 
-const verdocsAdoptSignatureDialogCss = "@-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-adopt-signature-dialog{font-family:\"Inter\", \"Barlow\", sans-serif;-webkit-box-sizing:border-box;box-sizing:border-box}verdocs-adopt-signature-dialog verdocs-dialog{border-radius:4px}verdocs-adopt-signature-dialog .heading{color:#201f1e;font-weight:400;padding-bottom:0;border-bottom:none}verdocs-adopt-signature-dialog .content{display:-ms-flexbox;display:flex;padding-top:12px;-ms-flex-direction:column;flex-direction:column}verdocs-adopt-signature-dialog verdocs-text-input .input-label{color:#242424;font-size:13px;font-weight:400}verdocs-adopt-signature-dialog verdocs-text-input .input-element{border:1px solid #e0e0e0}verdocs-adopt-signature-dialog verdocs-radio-button{-webkit-transform:scale(0.9);transform:scale(0.9)}verdocs-adopt-signature-dialog canvas{width:100%;height:79px;margin:10px 0;border-radius:4px;background:#fafafa;-webkit-box-sizing:border-box;box-sizing:border-box;border:1px solid #d1d1d1}verdocs-adopt-signature-dialog canvas.initials-canvas{max-width:50%}verdocs-adopt-signature-dialog .disclaimer{padding:8px 0;font-size:11px;line-height:14px;text-align:justify;color:rgba(0, 0, 0, 0.54)}verdocs-adopt-signature-dialog .tabs{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;margin:-20px -20px 0 -20px;border-bottom:1px solid #eeeeee}verdocs-adopt-signature-dialog .tabs .tab{-ms-flex:1;flex:1;gap:4px;display:-ms-flexbox;display:flex;cursor:pointer;font-size:12px;font-weight:500;padding:6px 10px;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}verdocs-adopt-signature-dialog .tabs .tab.active{background:#f9f5fe;border-bottom:2px solid #707ae5}verdocs-adopt-signature-dialog .tabs .tab:hover{color:#55bc81}verdocs-adopt-signature-dialog .tabs .tab .icon{width:16px;height:16px}verdocs-adopt-signature-dialog .type{display:none;-ms-flex-direction:column;flex-direction:column}verdocs-adopt-signature-dialog .type.active{display:-ms-flexbox;display:flex}verdocs-adopt-signature-dialog .draw{height:100px;display:none;margin-top:20px;-ms-flex-direction:column;flex-direction:column}verdocs-adopt-signature-dialog .draw.active{display:-ms-flexbox;display:flex}verdocs-adopt-signature-dialog .draw .draw-instructions{font-size:13px;color:rgba(0, 0, 0, 0.6);margin-bottom:8px;text-align:center}verdocs-adopt-signature-dialog .draw canvas{cursor:crosshair;-ms-touch-action:none;touch-action:none}verdocs-adopt-signature-dialog .draw .draw-actions{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;margin-top:12px}verdocs-adopt-signature-dialog .draw .draw-actions .clear-button{border:1px solid #d0d0d0;background-color:#ffffff;color:#333333;padding:6px 16px;font-size:13px;cursor:pointer;border-radius:4px;-webkit-transition:all 0.2s ease;transition:all 0.2s ease}verdocs-adopt-signature-dialog .draw .draw-actions .clear-button:hover:not(:disabled){background-color:#f5f5f5;border-color:#b0b0b0}verdocs-adopt-signature-dialog .draw .draw-actions .clear-button:disabled{opacity:0.5;cursor:not-allowed}verdocs-adopt-signature-dialog .upload{height:100px;display:none;margin-top:20px;-ms-flex-direction:column;flex-direction:column}verdocs-adopt-signature-dialog .upload.active{display:-ms-flexbox;display:flex}verdocs-adopt-signature-dialog .upload .upload-instructions{font-size:13px;color:rgba(0, 0, 0, 0.6);margin-bottom:8px;text-align:center}verdocs-adopt-signature-dialog .upload .upload-actions{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;gap:12px;margin-top:8px}verdocs-adopt-signature-dialog .upload .upload-actions .upload-button{border:1px solid var(--verdocs-primary-color, #1a73e8);background-color:var(--verdocs-primary-color, #1a73e8);color:#ffffff;padding:8px 20px;font-size:13px;cursor:pointer;border-radius:var(--verdocs-button-radius, 4px);-webkit-transition:all 0.2s ease;transition:all 0.2s ease}verdocs-adopt-signature-dialog .upload .upload-actions .upload-button:hover{-webkit-filter:brightness(0.9);filter:brightness(0.9)}verdocs-adopt-signature-dialog .upload .upload-actions .clear-button{border:1px solid #d0d0d0;background-color:#ffffff;color:#333333;padding:8px 16px;font-size:13px;cursor:pointer;border-radius:4px;-webkit-transition:all 0.2s ease;transition:all 0.2s ease}verdocs-adopt-signature-dialog .upload .upload-actions .clear-button:hover:not(:disabled){background-color:#f5f5f5;border-color:#b0b0b0}verdocs-adopt-signature-dialog .upload .upload-actions .clear-button:disabled{opacity:0.5;cursor:not-allowed}verdocs-adopt-signature-dialog .upload .upload-filename{font-size:12px;color:rgba(0, 0, 0, 0.6);text-align:center;margin-top:8px;font-style:italic}verdocs-adopt-signature-dialog{}verdocs-adopt-signature-dialog .buttons{gap:20px;display:-ms-flexbox;display:flex;margin-top:14px;-ms-flex-direction:row;flex-direction:row;-ms-flex-pack:end;justify-content:flex-end}verdocs-adopt-signature-dialog .buttons button{-ms-flex:1;flex:1;border:0;height:38px;display:-ms-flexbox;display:flex;font-size:14px;font-weight:500;cursor:pointer;-ms-flex-align:center;align-items:center;border-radius:var(--verdocs-button-radius, 6px);-ms-flex-pack:center;justify-content:center;-webkit-transition:all 0.2s ease;transition:all 0.2s ease}verdocs-adopt-signature-dialog .buttons button.cancel{background-color:transparent;border:1px solid #d1d5db;color:#374151}verdocs-adopt-signature-dialog .buttons button.cancel:hover{background-color:#f9fafb}verdocs-adopt-signature-dialog .buttons button.proceed{background-color:var(--verdocs-primary-color, #1a73e8);border:1px solid transparent;color:#ffffff}verdocs-adopt-signature-dialog .buttons button.proceed:hover{background-color:#1557b0}verdocs-adopt-signature-dialog .buttons button:disabled{background-color:#e5e7eb;color:#9ca3af;cursor:not-allowed}";
+const verdocsAdoptSignatureDialogCss = "@-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-adopt-signature-dialog{font-family:\"Inter\", \"Barlow\", sans-serif;-webkit-box-sizing:border-box;box-sizing:border-box}verdocs-adopt-signature-dialog verdocs-dialog{border-radius:4px}verdocs-adopt-signature-dialog .heading{color:#201f1e;font-weight:400;padding-bottom:0;border-bottom:none}verdocs-adopt-signature-dialog .content{display:-ms-flexbox;display:flex;padding:12px 24px 0;-ms-flex-direction:column;flex-direction:column}verdocs-adopt-signature-dialog verdocs-text-input .input-label{color:#242424;font-size:13px;font-weight:400}verdocs-adopt-signature-dialog verdocs-text-input .input-element{border:1px solid #e0e0e0}verdocs-adopt-signature-dialog verdocs-radio-button{-webkit-transform:scale(0.9);transform:scale(0.9)}verdocs-adopt-signature-dialog .canvas-container{position:relative;width:100%;margin:10px 0;border-radius:4px;background:#fafafa;border:1px solid #d1d1d1;-webkit-box-sizing:border-box;box-sizing:border-box}verdocs-adopt-signature-dialog .canvas-container.initials-container{max-width:50%}verdocs-adopt-signature-dialog .canvas-container canvas{width:100%;height:79px;border-radius:4px;background:transparent;-webkit-box-sizing:border-box;box-sizing:border-box;border:none;position:relative;z-index:2}verdocs-adopt-signature-dialog .canvas-container .signing-indicator{position:absolute;bottom:9px;left:9px;right:9px;height:28px;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:end;align-items:flex-end;gap:2px;z-index:1;pointer-events:none}verdocs-adopt-signature-dialog .canvas-container .signing-indicator .x-icon{width:25px;height:28px;display:-ms-flexbox;display:flex}verdocs-adopt-signature-dialog .canvas-container .signing-indicator .x-icon svg{width:100%;height:100%}verdocs-adopt-signature-dialog .canvas-container .signing-indicator .signing-line{-ms-flex:1;flex:1;border-bottom:1px dashed #d1d1d1;background-position:bottom;background-size:16px 1px;background-repeat:repeat-x;margin-bottom:0;height:1px;border:none;background-image:-webkit-gradient(linear, left top, right top, color-stop(50%, #d1d1d1), color-stop(50%, transparent));background-image:linear-gradient(to right, #d1d1d1 50%, transparent 50%)}verdocs-adopt-signature-dialog .disclaimer{padding:8px 0;font-size:11px;line-height:14px;text-align:justify;color:rgba(0, 0, 0, 0.54)}verdocs-adopt-signature-dialog .tabs{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;margin:-20px -20px 0 -20px;border-bottom:1px solid #eeeeee}verdocs-adopt-signature-dialog .tabs .tab{-ms-flex:1;flex:1;gap:4px;display:-ms-flexbox;display:flex;cursor:pointer;font-size:12px;font-weight:500;padding:6px 10px;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}verdocs-adopt-signature-dialog .tabs .tab.active{background:#f9f5fe;border-bottom:2px solid #707ae5}verdocs-adopt-signature-dialog .tabs .tab:hover{color:#55bc81}verdocs-adopt-signature-dialog .tabs .tab .icon{width:16px;height:16px}verdocs-adopt-signature-dialog .type{display:none;-ms-flex-direction:column;flex-direction:column}verdocs-adopt-signature-dialog .type.active{display:-ms-flexbox;display:flex}verdocs-adopt-signature-dialog .draw{height:100px;display:none;margin-top:20px;-ms-flex-direction:column;flex-direction:column}verdocs-adopt-signature-dialog .draw.active{display:-ms-flexbox;display:flex}verdocs-adopt-signature-dialog .draw .draw-instructions{font-size:13px;color:rgba(0, 0, 0, 0.6);margin-bottom:8px;text-align:center}verdocs-adopt-signature-dialog .draw canvas{cursor:crosshair;-ms-touch-action:none;touch-action:none}verdocs-adopt-signature-dialog .preview-header{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center;margin-top:10px}verdocs-adopt-signature-dialog .preview-header .clear-button-text{background:none;border:none;color:var(--verdocs-primary-color, #1a73e8);cursor:pointer;font-size:13px;padding:0;font-weight:500}verdocs-adopt-signature-dialog .preview-header .clear-button-text:hover{text-decoration:underline}verdocs-adopt-signature-dialog .preview-header .clear-button-text:disabled{color:#9ca3af;text-decoration:none;cursor:not-allowed}verdocs-adopt-signature-dialog .upload{height:100px;display:none;margin-top:20px;-ms-flex-direction:column;flex-direction:column}verdocs-adopt-signature-dialog .upload.active{display:-ms-flexbox;display:flex}verdocs-adopt-signature-dialog .upload .upload-instructions{font-size:13px;color:rgba(0, 0, 0, 0.6);margin-bottom:8px;text-align:center}verdocs-adopt-signature-dialog .upload .upload-actions{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;gap:12px;margin-top:8px}verdocs-adopt-signature-dialog .upload .upload-actions .upload-button{border:1px solid var(--verdocs-primary-color, #1a73e8);background-color:var(--verdocs-primary-color, #1a73e8);color:#ffffff;padding:8px 20px;font-size:13px;cursor:pointer;border-radius:var(--verdocs-button-radius, 4px);-webkit-transition:all 0.2s ease;transition:all 0.2s ease}verdocs-adopt-signature-dialog .upload .upload-actions .upload-button:hover{-webkit-filter:brightness(0.9);filter:brightness(0.9)}verdocs-adopt-signature-dialog .upload .upload-actions .clear-button{border:1px solid #d0d0d0;background-color:#ffffff;color:#333333;padding:8px 16px;font-size:13px;cursor:pointer;border-radius:4px;-webkit-transition:all 0.2s ease;transition:all 0.2s ease}verdocs-adopt-signature-dialog .upload .upload-actions .clear-button:hover:not(:disabled){background-color:#f5f5f5;border-color:#b0b0b0}verdocs-adopt-signature-dialog .upload .upload-actions .clear-button:disabled{opacity:0.5;cursor:not-allowed}verdocs-adopt-signature-dialog .upload .upload-filename{font-size:12px;color:rgba(0, 0, 0, 0.6);text-align:center;margin-top:8px;font-style:italic}verdocs-adopt-signature-dialog{}verdocs-adopt-signature-dialog .buttons{gap:20px;display:-ms-flexbox;display:flex;margin-top:14px;-ms-flex-direction:row;flex-direction:row;-ms-flex-pack:end;justify-content:flex-end}verdocs-adopt-signature-dialog .buttons button{-ms-flex:1;flex:1;border:0;height:38px;display:-ms-flexbox;display:flex;font-size:14px;font-weight:500;cursor:pointer;-ms-flex-align:center;align-items:center;border-radius:var(--verdocs-button-radius, 6px);-ms-flex-pack:center;justify-content:center;-webkit-transition:all 0.2s ease;transition:all 0.2s ease}verdocs-adopt-signature-dialog .buttons button.cancel{background-color:transparent;border:1px solid #d1d5db;color:#374151}verdocs-adopt-signature-dialog .buttons button.cancel:hover{background-color:#f9fafb}verdocs-adopt-signature-dialog .buttons button.proceed{background-color:var(--verdocs-primary-color, #1a73e8);border:1px solid transparent;color:#ffffff}verdocs-adopt-signature-dialog .buttons button.proceed:hover{background-color:#1557b0}verdocs-adopt-signature-dialog .buttons button:disabled{background-color:#e5e7eb;color:#9ca3af;cursor:not-allowed}";
 
 const VerdocsAdoptSignatureDialog = class {
     constructor(hostRef) {
@@ -24,6 +25,7 @@ const VerdocsAdoptSignatureDialog = class {
         this.mode = 'type';
         this.isDrawing = false;
         this.hasDrawnSignature = false;
+        this.hasDrawnInitials = false;
         this.currentSigStroke = [];
         this.allSigStrokes = [];
         this.lastSigPoint = null;
@@ -100,7 +102,7 @@ const VerdocsAdoptSignatureDialog = class {
                 return;
             }
             this.isDrawing = true;
-            this.hasDrawnSignature = true;
+            this.hasDrawnInitials = true;
             const point = this.getInitialsCanvasCoordinates(e);
             this.currentInitialsStroke = [point];
             this.lastInitialsPoint = point;
@@ -323,7 +325,7 @@ const VerdocsAdoptSignatureDialog = class {
                 return !this.enteredName || this.enteredName.trim().length === 0;
             case 'draw':
                 // Disable if nothing has been drawn
-                return !this.hasDrawnSignature || this.allSigStrokes.length === 0 || this.allInitialsStrokes.length === 0;
+                return (!this.hasDrawnSignature && !this.hasDrawnInitials) || this.allSigStrokes.length === 0 || this.allInitialsStrokes.length === 0;
             default:
                 return true;
         }
@@ -406,13 +408,15 @@ const VerdocsAdoptSignatureDialog = class {
         this.currentInitialsStroke = [];
         this.allInitialsStrokes = [];
         this.lastInitialsPoint = null;
-        this.hasDrawnSignature = false;
+        this.hasDrawnInitials = false;
     }
-    handleClearDrawing(e) {
+    handleClearDrawing(e, type = 'all') {
         e.stopPropagation();
         e.preventDefault();
-        this.clearSignatureCanvas();
-        this.clearInitialsCanvas();
+        if (type === 'all' || type === 'signature')
+            this.clearSignatureCanvas();
+        if (type === 'all' || type === 'initials')
+            this.clearInitialsCanvas();
     }
     getSigCanvasCoordinates(e) {
         if (!this.signatureElement) {
@@ -441,11 +445,11 @@ const VerdocsAdoptSignatureDialog = class {
         };
     }
     render() {
-        return (index.h("verdocs-dialog", { key: 'cd7e4e12870c3e5c6e3ecae99ca18a2e517cc5d7' }, index.h("div", { key: 'e0361f91ecde016a44a9df467989e59b9c7dac78', slot: "heading", class: "heading" }, "Adopt Your Signature"), index.h("div", { key: '871467dcc778eea921fc9f7c43a6f4f00020a716', slot: "content", class: "content" }, index.h("div", { key: 'bfa75ff9630b434b3498dd4b5858a48f4c5d34b1', style: { fontWeight: '300', color: '#242424', fontSize: '13px' } }, "Confirm your name, initials, and signature."), index.h("div", { key: '1c35c5deb3062f9d15c12601fcfdf1b2c141cf40', class: { type: true, active: this.mode === 'type' } }, index.h("verdocs-text-input", { key: '52ab06b5039e3b01bb778380282a2f9209ce2c09', label: "Full Name", value: this.enteredName, onInput: e => this.handleNameChange(e), onClick: e => e.stopPropagation() })), index.h("div", { key: '2ca4dd8dbf1a15f37fc1d746d660601ba0e7744a', style: { fontWeight: '400', color: '#242424', fontSize: '13px' } }, "Select a signature style"), index.h("div", { key: '028510ba0e54e67d8c0e0580b2c39ad741be66b3', style: { display: 'flex', flexDirection: 'row', gap: '10px', marginBottom: '6px', alignItems: 'center', fontSize: '13px' } }, index.h("verdocs-radio-button", { key: 'aae39fd918af8f4d3c6938507d8acfca0a50cad7', checked: this.mode === 'type', value: "type", name: "mode", onClick: () => (this.mode = 'type') }), index.h("label", { key: '3ef1416e35982cb0741aba43f531373235688cb8' }, "Typed with a keyboard")), index.h("div", { key: '1b858ad50908df8f52cd46257fa62d5f6238b46a', style: { display: 'flex', flexDirection: 'row', gap: '10px', marginBottom: '6px', alignItems: 'center', fontSize: '13px' } }, index.h("verdocs-radio-button", { key: 'b28fd02ddba1e50d95e71daebadcbe4692cc07bf', checked: this.mode === 'draw', value: "draw", name: "mode", onClick: () => (this.mode = 'draw') }), index.h("label", { key: 'f1ec506edace3f839be3e60a833a7078388511c6' }, "Drawn with touch, mouse, or stylus")), index.h("div", { key: '7ba7b888718f4d36cb6c3dff4766c7d4a4aa8588', class: "draw-actions" }, index.h("button", { key: '5aa570c6bd0a7919df717f57cd126ce693901614', class: "clear-button", onClick: e => this.handleClearDrawing(e), disabled: !this.hasDrawnSignature }, "Clear")), index.h("div", { key: 'da02332f59f07b62abd19d424ee2026594614681', style: { fontSize: '13px', fontWeight: '400', marginTop: '8px' } }, "Signature Preview"), index.h("canvas", { key: '2754729ec55a56e92c7361794e681138fb94edf3', ref: el => (this.signatureElement = el),
+        return (index.h("verdocs-dialog", { key: '521df609818a64ad15e29c7d0a0139646e981c07' }, index.h("div", { key: 'e60f199bb02ecefb4eb774498190fddbc36127e3', slot: "heading", class: "heading" }, "Adopt Your Signature"), index.h("div", { key: '2e1e27ed625b36ccb9c80ef69dc2c9e443ad673e', slot: "content", class: "content" }, index.h("div", { key: '51de52c36000a31b9b2aea949eee80264427ddf8', style: { fontWeight: '300', color: '#242424', fontSize: '13px' } }, "Confirm your name, initials, and signature."), index.h("div", { key: '2df9477a854e24435b6e081cba65c5720241c8ca', class: { type: true, active: this.mode === 'type' } }, index.h("verdocs-text-input", { key: 'a44ba76e886dc66642861234d594c0df7b33eac5', label: "Full Name", value: this.enteredName, onInput: e => this.handleNameChange(e), onClick: e => e.stopPropagation() })), index.h("div", { key: '333ff09585e064663691c8b56155c528fdb818ad', style: { fontWeight: '400', color: '#242424', fontSize: '13px' } }, "Select a signature style"), index.h("div", { key: '67d544f79407870a2c1234475e4dc794e6315239', style: { display: 'flex', flexDirection: 'row', gap: '10px', marginBottom: '6px', alignItems: 'center', fontSize: '13px' } }, index.h("verdocs-radio-button", { key: '7f9c7d69e7c7147e2906c7f710344897bf2868e5', checked: this.mode === 'type', value: "type", name: "mode", onClick: () => (this.mode = 'type') }), index.h("label", { key: 'f24dc7c8e49bbc819cd909c73b733106c6019593' }, "Typed with a keyboard")), index.h("div", { key: '038805f488e1c6906dd37bf7a800cb979f7ad921', style: { display: 'flex', flexDirection: 'row', gap: '10px', marginBottom: '6px', alignItems: 'center', fontSize: '13px' } }, index.h("verdocs-radio-button", { key: '60076a6947905f3c741dde49509ec16880e95d70', checked: this.mode === 'draw', value: "draw", name: "mode", onClick: () => (this.mode = 'draw') }), index.h("label", { key: '34f6b58005d6fcffa66a179e7cb2f41d458404ea' }, "Drawn with touch, mouse, or stylus")), index.h("div", { key: 'e365015d205a671e86c614e83b4ec6fb2baefe7e', class: "preview-header" }, index.h("div", { key: 'bcd94a2ba783ee97dff12104af9e2ded33bf843a', style: { fontSize: '13px', fontWeight: '400' } }, "Signature Preview"), this.mode === 'draw' && (index.h("button", { key: 'b424bd1a4f941832156a9273b85f1624d862eba3', class: "clear-button-text", onClick: e => this.handleClearDrawing(e, 'signature'), disabled: !this.hasDrawnSignature }, "Clear"))), index.h("div", { key: '96f4405552201d11b0a92cfda0d30cd603be61ef', class: "canvas-container signature-container" }, index.h("div", { key: '45ce72ab6d0c987ef0a71c5de32ae0c87ce656b6', class: "signing-indicator" }, index.h("div", { key: 'b023f19afa9e12e6657707e9fc8660761a492905', class: "x-icon", innerHTML: Icons.SignatureXIcon }), index.h("div", { key: 'eb151e0e724c8e6b96f4883d87553f5e1c302656', class: "signing-line" })), index.h("canvas", { key: 'c85b504d61a8a0c2feca84ba52a227afa0d41982', ref: el => (this.signatureElement = el),
             // width="300"
-            height: "79", class: "signature-canvas", onPointerDown: this.handleSigPointerDown, onPointerMove: this.handleSigPointerMove, onPointerUp: this.handleSigPointerUp, onPointerCancel: this.handleSigPointerCancel, style: { touchAction: 'none', cursor: 'crosshair' } }), index.h("div", { key: 'a3e856ff9f83cd34e553724182042cb227dabc90', style: { fontSize: '13px', fontWeight: '400', marginTop: '8px' } }, "Initials Preview"), index.h("canvas", { key: '8b376b9187703e1e4e20c64c757ea7f6550776f4', ref: el => (this.initialsElement = el),
+            height: "79", class: "signature-canvas", onPointerDown: this.handleSigPointerDown, onPointerMove: this.handleSigPointerMove, onPointerUp: this.handleSigPointerUp, onPointerCancel: this.handleSigPointerCancel, style: { touchAction: 'none', cursor: 'crosshair' } })), index.h("div", { key: '631996ac3454aec8b859e7f8cbcc4b370b4139c9', class: "preview-header" }, index.h("div", { key: 'fdb08fa9b81fc5c099e2909f70298327f16437b2', style: { fontSize: '13px', fontWeight: '400' } }, "Initials Preview"), this.mode === 'draw' && (index.h("button", { key: 'd427c889863f75ef1d227db778dda4ae3c709cfb', class: "clear-button-text", onClick: e => this.handleClearDrawing(e, 'initials'), disabled: !this.hasDrawnInitials }, "Clear"))), index.h("div", { key: '40ab8a466c30cc0878fac40f9a4f334430d02251', class: "canvas-container initials-container" }, index.h("div", { key: 'fdbc73937e778ca0234bfaab029e9d8aff796336', class: "signing-indicator" }, index.h("div", { key: '68a6043c7dfe9cb01d0d400aefb3aa92afb22d26', class: "x-icon", innerHTML: Icons.SignatureXIcon }), index.h("div", { key: '52aae9bddbe60148ce434ca848920c22e737a389', class: "signing-line" })), index.h("canvas", { key: '3a60047753307c60bb45dd10fca4949c5a57e403', ref: el => (this.initialsElement = el),
             // width="300"
-            height: "79", class: "initials-canvas", onPointerDown: this.handleInitialsPointerDown, onPointerMove: this.handleInitialsPointerMove, onPointerUp: this.handleInitialsPointerUp, onPointerCancel: this.handleInitialsPointerCancel, style: { touchAction: 'none', cursor: 'crosshair' } }), index.h("div", { key: '6cf95fc5d1953af7f5efc5658317cbcaf2e1efef', class: "disclaimer" }, "By clicking \u00ABAdopt Signature\u00BB, I agree that the signature and initials above will be the electronic representation of my signature and initials for all purposes when I use them to sign documents. Applying them to a document is legally equivalent to signing with a pen on paper.")), index.h("div", { key: '371368be213c6885d8a6a4004ce525e7b2962502', class: "footer", slot: "footer" }, index.h("div", { key: 'aa72fc325e2165cf1e724d6b899ac8d6ce6038b9', class: "buttons" }, index.h("button", { key: '75ed744fc8f70c9a31c6529685acdb5d4430a789', class: "cancel", onClick: e => this.handleCancel(e) }, "Cancel"), index.h("button", { key: '5aa467b9db0ebcac32ddb50fbb052d717e763679', class: "proceed", onClick: e => this.handleAdopt(e), disabled: this.isAdoptButtonDisabled() }, "Adopt & Sign")))));
+            height: "79", class: "initials-canvas", onPointerDown: this.handleInitialsPointerDown, onPointerMove: this.handleInitialsPointerMove, onPointerUp: this.handleInitialsPointerUp, onPointerCancel: this.handleInitialsPointerCancel, style: { touchAction: 'none', cursor: 'crosshair' } })), index.h("div", { key: 'f57b5577881b1ae92812be6a4b14e8e946f78054', class: "disclaimer" }, "By clicking \u00ABAdopt Signature\u00BB, I agree that the signature and initials above will be the electronic representation of my signature and initials for all purposes when I use them to sign documents. Applying them to a document is legally equivalent to signing with a pen on paper.")), index.h("div", { key: '1f61879857d0dbd6886b72b5b50b2e288c747018', class: "footer", slot: "footer" }, index.h("div", { key: '8c79bb1e41dad9b2700f9ac6f52cfa4217431b2e', class: "buttons" }, index.h("button", { key: 'ff9e56c83cc7b9d41041b9b8885c59c7a2ced94b', class: "cancel", onClick: e => this.handleCancel(e) }, "Cancel"), index.h("button", { key: '54e0ca74f7f9aef6dbc534d8456835908ca1f05c', class: "proceed", onClick: e => this.handleAdopt(e), disabled: this.isAdoptButtonDisabled() }, "Adopt & Sign")))));
     }
 };
 VerdocsAdoptSignatureDialog.style = verdocsAdoptSignatureDialogCss;
@@ -492,7 +496,7 @@ const VerdocsDelegateDialog = class {
         });
     }
     render() {
-        return (index.h("verdocs-dialog", { key: '39860dabffeb4922c0ab466408e6a4ccf9ab136d' }, index.h("div", { key: 'c66abcbd720eebc64d37c0761fb43dfa847de344', slot: "heading", class: "heading" }, index.h("div", { key: '85b8f329483579a6f462ca3a1701c1dc2f072c8b', class: "icon" }, index.h("svg", { key: '4ea0b7e46c2cc13eccad3f46055c296b45224b40', width: "22", height: "19", viewBox: "0 0 22 19", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, index.h("g", { key: 'e60c4c7e7b3dd88a084ba513b1ccb151ccd9a288', "clip-path": "url(#clip0_34208_4881)" }, index.h("path", { key: '1628b68873ee129794fa8a5e41a0dad23c68bf9c', 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" })), index.h("defs", { key: '7066be4bbbfd4afc9e5f367951925f3611c56687' }, index.h("clipPath", { key: '9327b03dff7abaa3600c8381f56af10c043fa0f8', id: "clip0_34208_4881" }, index.h("path", { key: '03b065a5dd2677d806a114d29eb1dbfd5a42f5d3', d: "M0.875 0.75H21.125V18.75H0.875V0.75Z", fill: "white" }))))), index.h("div", { key: 'fe79eca43859bab5149adabfa4f1fddbce4c453c', class: "title" }, "Delegate Signing")), index.h("div", { key: 'c7512f467cc6ce5e007639ae5f98ee947cbfbaf1', slot: "content", class: "content" }, index.h("div", { key: '0c1e840986763224357d48813a8e64a026052f94', class: "verdocs-form" }, index.h("div", { key: 'f468c9f64fcbfd8bd832de05106c30001f6c865e', class: "verdocs-form-row" }, index.h("div", { key: '51c17fac898f8a884a847f8bb1176eb613cf7eb7', class: "field-group" }, index.h("label", { key: 'e596b12525ba429c69582635be7865fc5f32c771', htmlFor: "verdocs-delegate-first", class: "verdocs-form-label" }, "New Recipient*"), index.h("input", { key: '551ec3a60d08ec0a58b9260b796fb2d0a1fd5ef1', type: "text", id: "verdocs-delegate-first", name: "verdocs-delegate-first", class: "verdocs-form-input", autocomplete: "blocked", placeholder: "First name", value: this.first_name, onInput: (e) => (this.first_name = e.target.value) })), index.h("div", { key: 'd47aa3522e31a29c66d3f5f4db2faaa15842eddd', class: "field-group" }, index.h("label", { key: '3acf46730462f8198aa227293b55d9c9c83bf77e', htmlFor: "verdocs-delegate-last", class: "verdocs-form-label" }, "\u00A0"), index.h("input", { key: '42121b2fa549b77d2cc272ff93d571f30f4a39a5', type: "text", id: "verdocs-delegate-last", name: "verdocs-delegate-last", class: "verdocs-form-input", autocomplete: "blocked", placeholder: "Last name", value: this.last_name, onInput: (e) => (this.last_name = e.target.value) }))), index.h("div", { key: '55fa5dcc63e1801f6ece819ef175a16f7fcb527c' }, index.h("label", { key: 'a8ec3ea7517bc319359785f6bf990f3e030424d9', htmlFor: "verdocs-delegate-email", class: "verdocs-form-label" }, "Email Address*"), index.h("input", { key: '089d3791c71fd11991ea9968309236cb958c4f68', type: "text", id: "verdocs-delegate-email", name: "verdocs-delegate-email", class: "verdocs-form-input", autocomplete: "blocked", placeholder: "New recipient email address", value: this.email, onInput: (e) => (this.email = e.target.value) })), index.h("div", { key: 'b217b432835b10cecd9a9ce5b4b2f66378b16c08' }, index.h("label", { key: 'ee0988af68b9c3b185006659928256e17b0513eb', htmlFor: "verdocs-delegate-phone", class: "verdocs-form-label" }, "Phone Number*"), index.h("input", { key: '81942700bb25d4a116d6114baf0a2b9d0bf6ee82', type: "text", id: "verdocs-delegate-phone", name: "verdocs-delegate-phone", class: "verdocs-form-input", autocomplete: "blocked", placeholder: "Optional phone number", value: this.phone, onInput: (e) => (this.phone = e.target.value) })), index.h("div", { key: '808dd9e24fd4a808fd05d6a3628cf105b3565553' }, index.h("label", { key: '3eb478c3bb9e4decbb4875c372283c189a5e19b8', htmlFor: "verdocs-delegate-message", class: "verdocs-form-label" }, "Message (optional)"), index.h("textarea", { key: 'a1136cf1ef577e011a4c36d7747ed76a1da8dc2a', id: "verdocs-delegate-message", name: "verdocs-delegate-message", class: "verdocs-form-input", rows: 3, autocomplete: "blocked", placeholder: "Type message here...", onInput: (e) => (this.message = e.target.value) }, this.message)))), index.h("div", { key: 'd988d1bcfedb5f65fe43d674c7ce3f2c352cbe57', class: "footer", slot: "footer" }, index.h("div", { key: 'c5a0bcdf83a295662c96f08555cc7db7704d0f00', class: "buttons" }, index.h("button", { key: '199a55bdc87a0d1c89759b7908919cbc6cb8f1b3', class: "cancel", onClick: () => this.handleCancel() }, "Cancel"), index.h("button", { key: 'a43cd16603f6eec86eca897132aced0c725fd037', class: "proceed", onClick: () => this.handleDelegate(), disabled: !this.first_name || !this.last_name || !this.email }, "Delegate")))));
+        return (index.h("verdocs-dialog", { key: 'ba13ecc155bb843c98a9d8768b16ec5c4c1d371d' }, index.h("div", { key: '95ac7a62a85e1e6749da297a507c77d83b53cd3c', slot: "heading", class: "heading" }, index.h("div", { key: '1c927f72ada6f137617321aa72fa513e4f6e94c0', class: "icon" }, index.h("svg", { key: '4b36c1d368c193463d225e91f8c2f5321161a8ce', width: "22", height: "19", viewBox: "0 0 22 19", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, index.h("g", { key: 'b2b798c555b0c822bd70037f8d7822e19ed751bd', "clip-path": "url(#clip0_34208_4881)" }, index.h("path", { key: '98b7b44cd4a0ba118fe39d1c16482921777a764e', 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" })), index.h("defs", { key: '787596228bcc714055e52cdb7577ae6d9b158c47' }, index.h("clipPath", { key: 'c30f1096fb73275c5e096098ef0e076f18ffa137', id: "clip0_34208_4881" }, index.h("path", { key: '0a7a76bf76a4e5a2fa4ebd5b9b058dd98b2c218d', d: "M0.875 0.75H21.125V18.75H0.875V0.75Z", fill: "white" }))))), index.h("div", { key: '03555e4bc46cae9d8dfd3a2e2b94739d75f3932c', class: "title" }, "Delegate Signing")), index.h("div", { key: '16e14e947e7cad24fe9d9c6cfbb9921804340db0', slot: "content", class: "content" }, index.h("div", { key: 'c6cf1303be070f4b9fdf2d66c3ddcd9f96dee03e', class: "verdocs-form" }, index.h("div", { key: '3db901add742ee678c6a71de29b1feedd98eed88', class: "verdocs-form-row" }, index.h("div", { key: '6e0a498c42a06e39b4210bde2e6804aff5f77c25', class: "field-group" }, index.h("label", { key: 'dde423e5cf3b4e8779ec8d3f07ccf3aceb79bba0', htmlFor: "verdocs-delegate-first", class: "verdocs-form-label" }, "New Recipient*"), index.h("input", { key: '9fc5096acf857b2dcd3869d5624bf3e92a837ffe', type: "text", id: "verdocs-delegate-first", name: "verdocs-delegate-first", class: "verdocs-form-input", autocomplete: "blocked", placeholder: "First name", value: this.first_name, onInput: (e) => (this.first_name = e.target.value) })), index.h("div", { key: '518296ccd696fb4cc4f5e346d59b9311925389bb', class: "field-group" }, index.h("label", { key: '31b2d88d23102213843e12f402c8790aa721f04f', htmlFor: "verdocs-delegate-last", class: "verdocs-form-label" }, "\u00A0"), index.h("input", { key: '541aba386a12c2633173835038f06c215f8884fa', type: "text", id: "verdocs-delegate-last", name: "verdocs-delegate-last", class: "verdocs-form-input", autocomplete: "blocked", placeholder: "Last name", value: this.last_name, onInput: (e) => (this.last_name = e.target.value) }))), index.h("div", { key: 'f41b0bf11819e8c07c251565de14c1f8f6bfd4c5' }, index.h("label", { key: 'b44d558f6c0f7caeadfd51b3e86c30c38487e377', htmlFor: "verdocs-delegate-email", class: "verdocs-form-label" }, "Email Address*"), index.h("input", { key: 'ef443da2122be9f09bf0a4bf9664eebe4f9d31d4', type: "text", id: "verdocs-delegate-email", name: "verdocs-delegate-email", class: "verdocs-form-input", autocomplete: "blocked", placeholder: "New recipient email address", value: this.email, onInput: (e) => (this.email = e.target.value) })), index.h("div", { key: '2eba8ca2d67a72f0fbc0127f1b85a09ab35727cf' }, index.h("label", { key: '5ea8a29edb1da249d4c80a6b9a51a5bb531a1415', htmlFor: "verdocs-delegate-phone", class: "verdocs-form-label" }, "Phone Number*"), index.h("input", { key: '0e2fe53edb93638ac0fadf8c152a41a837772d3b', type: "text", id: "verdocs-delegate-phone", name: "verdocs-delegate-phone", class: "verdocs-form-input", autocomplete: "blocked", placeholder: "Optional phone number", value: this.phone, onInput: (e) => (this.phone = e.target.value) })), index.h("div", { key: '708c478736f2dabdca15b461ab708f61c4392bfc' }, index.h("label", { key: '410be9a8f6a3089cd157cc4fce144db44a55c654', htmlFor: "verdocs-delegate-message", class: "verdocs-form-label" }, "Message (optional)"), index.h("textarea", { key: 'e048e656c46fe435b80dc2eeed6f1837292fadaf', id: "verdocs-delegate-message", name: "verdocs-delegate-message", class: "verdocs-form-input", rows: 3, autocomplete: "blocked", placeholder: "Type message here...", onInput: (e) => (this.message = e.target.value) }, this.message)))), index.h("div", { key: '6bdc7cf1b8b1a131d43c1b1e36e72b3df2eff495', class: "footer", slot: "footer" }, index.h("div", { key: '10d7a92d94f45c75500ac4c9ecfd5a09bda17099', class: "buttons" }, index.h("button", { key: '147a2bd25684b9c920c4b612cdd192f76bbae013', class: "cancel", onClick: () => this.handleCancel() }, "Cancel"), index.h("button", { key: 'a76e39a7776aa3e277a5d337675d856019cbdce3', class: "proceed", onClick: () => this.handleDelegate(), disabled: !this.first_name || !this.last_name || !this.email }, "Delegate")))));
     }
 };
 VerdocsDelegateDialog.style = verdocsDelegateDialogCss;
@@ -516,11 +520,32 @@ const VerdocsDisclosureDialog = class {
         this.accepted = false;
     }
     render() {
-        return (index.h("verdocs-dialog", { key: 'f33ccd91565a2fd8b33a0b182fb352b1af0a5a86' }, index.h("div", { key: 'c9fb3ff294a9a7ddf61a24b2642b95a447426bcf', slot: "heading", class: "heading" }, index.h("div", { key: '02078742d8ad13326c654f212c181676fd5b9271', class: "title" }, "e-Signature Disclosures"), index.h("div", { key: 'b386199a011cac6368e9839cff0992a66efa6b30', class: "close-button" }, index.h("svg", { key: '8e0312e92e358e02cd80590636a586a45694dea2', width: "24", height: "28", viewBox: "0 0 24 28", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, index.h("path", { key: 'b572b5ddbb0878a43dd9aa9a77c99c06c720f392', d: "M4.39705 8.55379L4.46967 8.46967C4.73594 8.2034 5.1526 8.1792 5.44621 8.39705L5.53033 8.46967L12 14.939L18.4697 8.46967C18.7626 8.17678 19.2374 8.17678 19.5303 8.46967C19.8232 8.76256 19.8232 9.23744 19.5303 9.53033L13.061 16L19.5303 22.4697C19.7966 22.7359 19.8208 23.1526 19.6029 23.4462L19.5303 23.5303C19.2641 23.7966 18.8474 23.8208 18.5538 23.6029L18.4697 23.5303L12 17.061L5.53033 23.5303C5.23744 23.8232 4.76256 23.8232 4.46967 23.5303C4.17678 23.2374 4.17678 22.7626 4.46967 22.4697L10.939 16L4.46967 9.53033C4.2034 9.26406 4.1792 8.8474 4.39705 8.55379L4.46967 8.46967L4.39705 8.55379Z" })))), index.h("div", { key: 'd268884c1bd75bb9cf21718fcb2cc4afeeeb8e52', slot: "content", class: "content" }, index.h("div", { key: 'cbc39a41f7207cc677b63a3eca654ef00c193901', innerHTML: this.disclosures }), index.h("div", { key: '9adfa5bcb7af2941547d9e0b0e32bd6e30a12aa7', class: "accept" }, index.h("verdocs-checkbox", { key: '143a769f18e6c0e93a40a45aa4e831814578b280', label: "I accept the electronic signature disclosures and agree to proceed with digital signing.", checked: this.accepted, onInput: () => (this.accepted = !this.accepted) }))), index.h("div", { key: '4988464209732cfcba1bcdd3a53312a9eb59e8f1', class: "footer", slot: "footer" }, this.delegator ? (index.h("div", { class: "buttons" }, index.h("button", { class: "decline", onClick: () => this.decline.emit() }, "Decline"), index.h("button", { class: "delegate", onClick: () => this.delegate.emit() }, "Delegate"), index.h("button", { class: "proceed", onClick: () => this.accept.emit(), disabled: !this.accepted }, "Proceed"))) : (index.h("div", { class: "buttons" }, index.h("button", { class: "decline", onClick: () => this.decline.emit() }, "Decline"), index.h("button", { class: "proceed", onClick: () => this.accept.emit(), disabled: !this.accepted }, "Proceed"))))));
+        return (index.h("verdocs-dialog", { key: '6232bf838f2a1b663ed1968c7914f395c6d62858' }, index.h("div", { key: 'd0695a5caf7ec5257dd3a2d5da4e37c337b018a7', slot: "heading", class: "heading" }, index.h("div", { key: '9c5243a7afe63ab2061e109a4147e9b324673b68', class: "title" }, "e-Signature Disclosures"), index.h("div", { key: '39cf593e67252903cc708fe5ea3b6a52d3bebc96', class: "close-button" }, index.h("svg", { key: '7f68ec316ac6f07a53b941082e8aa671052b7e0a', width: "24", height: "28", viewBox: "0 0 24 28", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, index.h("path", { key: '3ec4f7b72bebd1f96586e8d84d1bbf71000cf698', d: "M4.39705 8.55379L4.46967 8.46967C4.73594 8.2034 5.1526 8.1792 5.44621 8.39705L5.53033 8.46967L12 14.939L18.4697 8.46967C18.7626 8.17678 19.2374 8.17678 19.5303 8.46967C19.8232 8.76256 19.8232 9.23744 19.5303 9.53033L13.061 16L19.5303 22.4697C19.7966 22.7359 19.8208 23.1526 19.6029 23.4462L19.5303 23.5303C19.2641 23.7966 18.8474 23.8208 18.5538 23.6029L18.4697 23.5303L12 17.061L5.53033 23.5303C5.23744 23.8232 4.76256 23.8232 4.46967 23.5303C4.17678 23.2374 4.17678 22.7626 4.46967 22.4697L10.939 16L4.46967 9.53033C4.2034 9.26406 4.1792 8.8474 4.39705 8.55379L4.46967 8.46967L4.39705 8.55379Z" })))), index.h("div", { key: '0b1d69f4b1cc37d0061d7e30da9a839c730716cf', slot: "content", class: "content" }, index.h("div", { key: '6ece0fd03c97d8c89a0d91321651c51629b2cddd', innerHTML: this.disclosures }), index.h("div", { key: '6231a8dff94ada420cd20a67d4e87cd7b13f642a', class: "accept" }, index.h("verdocs-checkbox", { key: 'e975f89c43b32badd9138645d89422ddf9f5959f', label: "I accept the electronic signature disclosures and agree to proceed with digital signing.", checked: this.accepted, onInput: () => (this.accepted = !this.accepted) }))), index.h("div", { key: '182231c07d93b70ec617def91c857abd2e47dd50', class: "footer", slot: "footer" }, this.delegator ? (index.h("div", { class: "buttons" }, index.h("button", { class: "decline", onClick: () => this.decline.emit() }, "Decline"), index.h("button", { class: "delegate", onClick: () => this.delegate.emit() }, "Delegate"), index.h("button", { class: "proceed", onClick: () => this.accept.emit(), disabled: !this.accepted }, "Proceed"))) : (index.h("div", { class: "buttons" }, index.h("button", { class: "decline", onClick: () => this.decline.emit() }, "Decline"), index.h("button", { class: "proceed", onClick: () => this.accept.emit(), disabled: !this.accepted }, "Proceed"))))));
     }
 };
 VerdocsDisclosureDialog.style = verdocsDisclosureDialogCss;
 
+const verdocsDownloadDialogCss = "@-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-download-dialog{-webkit-box-sizing:border-box;box-sizing:border-box;font-family:\"Inter\", \"Barlow\", sans-serif}verdocs-download-dialog .content{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:20px;padding:10px 24px 20px 24px}verdocs-download-dialog .download-option{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;padding:15px;border:1px solid #e5e7eb;border-radius:6px;cursor:pointer;-webkit-transition:all 0.2s ease;transition:all 0.2s ease;gap:15px;background:white}verdocs-download-dialog .download-option:hover{border-color:#654dcb;background-color:#f9fafb}verdocs-download-dialog .download-option .icon-container{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:40px;height:40px;background-color:#f3f4f6;border-radius:50%;color:#4b5563;-ms-flex-negative:0;flex-shrink:0}verdocs-download-dialog .download-option .icon-container svg{width:20px;height:20px}verdocs-download-dialog .download-option .text-container{-ms-flex:1;flex:1}verdocs-download-dialog .download-option .text-container .label{font-weight:500;color:#111827;margin-bottom:2px}verdocs-download-dialog .download-option .text-container .description{font-size:13px;color:#6b7280}verdocs-download-dialog .download-option .arrow{color:#9ca3af}";
+
+const DocumentIcon = `<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13 2H6C5.46957 2 4.96086 2.21071 4.58579 2.58579C4.21071 2.96086 4 3.46957 4 4V20C4 20.5304 4.21071 21.0391 4.58579 21.4142C4.96086 21.7893 5.46957 22 6 22H18C18.5304 22 19.0391 21.7893 19.4142 21.4142C19.7893 21.0391 20 20.5304 20 20V9L13 2Z" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M13 2V9H20" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>`;
+const CertificateIcon = `<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12 15C15.866 15 19 11.866 19 8C19 4.13401 15.866 1 12 1C8.13401 1 5 4.13401 5 8C5 11.866 8.13401 15 12 15Z" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M8.21 13.89L7 23L12 20L17 23L15.79 13.88" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>`;
+const ZipIcon = `<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M10 16V22H14V16" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M6 16H18" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M20 22H4" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M12 10L12 16" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M8 12L12 16L16 12" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M4 16V4H20V16" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>`;
+const ChevronRight = `<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M9 18L15 12L9 6" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>`;
+const VerdocsDownloadDialog = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.next = index.createEvent(this, "next");
+        this.exit = index.createEvent(this, "exit");
+    }
+    handleOptionClick(action) {
+        this.next.emit({ action });
+    }
+    render() {
+        return (index.h("verdocs-dialog", { key: 'cdf36753f6d252b8875faa6eed992cb7dc3e3e45', onExit: () => this.exit.emit() }, index.h("h3", { key: '05758d356ddd9ff9f2cc159402a15b1e730a40df', slot: "heading", style: { margin: '0', fontSize: '1.25rem', fontWeight: '600' } }, "Download"), index.h("div", { key: 'e32a0fc4bb484f0d86e005c21b55dafd6aa5a83e', slot: "content", class: "content" }, index.h("div", { key: '2fcf20e7a476fd33654f4a7a8a1609f0c77c1367', class: "download-option", onClick: () => this.handleOptionClick('document') }, index.h("div", { key: 'd1e08103c06fa03487458b48dd4e6a569794bc08', class: "icon-container", innerHTML: DocumentIcon }), index.h("div", { key: 'e98ce9e7ef34274666573590f78630967e8b5671', class: "text-container" }, index.h("div", { key: 'f5c04c9ee4191b4e58a7dc3f5993f8251c823f07', class: "label" }, "Document"), index.h("div", { key: '4124444f0e3c5418adcc2eb295e4849a75611d76', class: "description" }, "Download the signed document (PDF)")), index.h("div", { key: '2ac07e4d07506f0a1ec2128d137248e201eb4766', class: "arrow", innerHTML: ChevronRight })), index.h("div", { key: 'c000aa44a5243f697d659cdf3a5826b028c51865', class: "download-option", onClick: () => this.handleOptionClick('certificate') }, index.h("div", { key: '7f6c7ec6784755f7260d52cd249ea38887dc1233', class: "icon-container", innerHTML: CertificateIcon }), index.h("div", { key: 'bfc9b5136db22097a1fee32912489f1779b89fd6', class: "text-container" }, index.h("div", { key: '1c4bcd964a5c51c7a1c6d8e1c4fbd60490f9c88d', class: "label" }, "Certificate"), index.h("div", { key: '8ec776c9f86bdbcd52edb4577be1081aa8f26f0f', class: "description" }, "Download the value and history certificate")), index.h("div", { key: 'cfef0f0b068d8f3f0d8ea290edf234528fdc97a1', class: "arrow", innerHTML: ChevronRight })), index.h("div", { key: 'cc661894af07e2cf3a39c8beac6163dd0b3c5f5d', class: "download-option", onClick: () => this.handleOptionClick('zip') }, index.h("div", { key: '4306ab5878b7dbfbfec174f73c8ca8c953f26998', class: "icon-container", innerHTML: ZipIcon }), index.h("div", { key: 'b79af037ebfefefe1f0946cd7924dcf60254dffe', class: "text-container" }, index.h("div", { key: '4741fe7cd7151fb5f20740bc49903acd2e0f473d', class: "label" }, "All Files"), index.h("div", { key: 'bae018349ddb269f80bca463cbec0c62022cbebc', class: "description" }, "Download everything as a ZIP file")), index.h("div", { key: 'df760a1099d4502625a2411f158e3875ae5ad356', class: "arrow", innerHTML: ChevronRight }))), index.h("div", { key: '2a1441a0d47a2a2013c3db1426094b48a558ff69', slot: "footer", style: { display: 'none' } })));
+    }
+};
+VerdocsDownloadDialog.style = verdocsDownloadDialogCss;
+
 /** Checks if value is string */
 function isString(str) {
   return typeof str === 'string' || str instanceof String;
@@ -4381,7 +4406,7 @@ const VerdocsOtpDialog = class {
         this.response = '';
     }
     render() {
-        return (index.h(index.Host, { key: '0565e6c5cecc9c23d80e9d36b531151518f35437' }, index.h("verdocs-dialog", { key: 'f5c20823049df00b442687e2715b293f8772a06d', persistent: true, onExit: () => this.handleCancel() }, index.h("div", { key: '4d4c3c58dcf3d7d3ae3b51f773c103832d43f32b', slot: "heading", class: "heading" }, index.h("div", { key: 'e2e893e759598cca2af2c9f274e80c8da31e244a', class: "title" }, "Verification Required")), index.h("div", { key: '5cca8ff5010af2376e373ac21769b1090c3aa93e', slot: "content", class: "content" }, index.h("div", { key: '8b7f65f5549544731f58ceeb7cbf61bf7f18108f', class: "help-box" }, index.h("div", { key: '56a3ec4d122560c905b211ac2cbe02959fca669e', class: "help-details" }, index.h("div", { key: 'f24f2bdb922c5e33841d6aade3b5f73776c72f33', class: "help-text" }, "Please check your messages for a one-time code. If you did not receive it, be sure to check your Spam/Junk folder."))), index.h("verdocs-text-input", { key: 'cbe2ac2975474a7aadffcc96b60f5844ea1516ca', id: "verdocs-otp-input", value: this.response, onClick: e => e.stopPropagation(), placeholder: "Enter your one-time code...", onInput: (e) => (this.response = e.target.value) })), index.h("div", { key: 'a92b356b2692377cb827fc1141958abd466cc3a6', slot: "footer", class: "buttons footer" }, index.h("verdocs-button", { key: '1113ecf2a6bcf09a77af5303e11983f2a2217888', label: "Cancel", variant: "outline", onClick: () => this.handleCancel() }), index.h("verdocs-button", { key: '98a54d5c585626e3c2fc24dbaf4daba44a9ccf7f', label: 'Resend', onClick: () => this.handleResend(), disabled: this.resendDisabled }), index.h("verdocs-button", { key: '8ab8167127286918f728f22df54227e9f44b29c3', label: 'Submit', onClick: () => this.handleSubmit(), disabled: !this.response })))));
+        return (index.h(index.Host, { key: 'ecaf84eef3e53ae692338460607677962d097b31' }, index.h("verdocs-dialog", { key: 'b531cdfd919283405851b5a43913fe795f4cce8f', persistent: true, onExit: () => this.handleCancel() }, index.h("div", { key: '54da95ce96d0405b773515ef49ddaad9b9c72276', slot: "heading", class: "heading" }, index.h("div", { key: 'b735ddebd9698ec2efe31685e26ca2a8a49e3dc3', class: "title" }, "Verification Required")), index.h("div", { key: 'b6540648758adad3072502fc586a6b3fd64256d2', slot: "content", class: "content" }, index.h("div", { key: '33cf0fc3081a88b611d69d87667e18d554f92679', class: "help-box" }, index.h("div", { key: '3bc51163c47b716330dddd3784f64597c160e4fc', class: "help-details" }, index.h("div", { key: '1ef149292dc778226d2d355e7584705026e77448', class: "help-text" }, "Please check your messages for a one-time code. If you did not receive it, be sure to check your Spam/Junk folder."))), index.h("verdocs-text-input", { key: '949191230f513a5b5143e18e04ff30269bcc7510', id: "verdocs-otp-input", value: this.response, onClick: e => e.stopPropagation(), placeholder: "Enter your one-time code...", onInput: (e) => (this.response = e.target.value) })), index.h("div", { key: 'd6aff838436e27bce86c26042b3f3304facb57d6', slot: "footer", class: "buttons footer" }, index.h("verdocs-button", { key: '5a9901a8008b175973d8267073c73d90fc1339d0', label: "Cancel", variant: "outline", onClick: () => this.handleCancel() }), index.h("verdocs-button", { key: 'aecbb15e8f06b719e6f2ba1ca5540d67c21e9870', label: 'Resend', onClick: () => this.handleResend(), disabled: this.resendDisabled }), index.h("verdocs-button", { key: '1b802998ad367aba240b8c09ff9b3dcd6bee04f6', label: 'Submit', onClick: () => this.handleSubmit(), disabled: !this.response })))));
     }
 };
 VerdocsOtpDialog.style = verdocsOtpDialogCss;
@@ -4415,12 +4440,12 @@ const VerdocsPasscodeDialog = class {
         this.response = '';
     }
     render() {
-        return (index.h(index.Host, { key: '10289e1868c9c6cc0283d029bd05d6e775093463' }, index.h("verdocs-dialog", { key: '094a6c5f693db9e6926106d2d49f72e7e568d85a', persistent: true, onExit: () => this.handleCancel() }, index.h("div", { key: '2be12338ff2a547b3515954b756c6fb1c84afad7', slot: "heading", class: "heading" }, index.h("div", { key: 'f17fe03e83b77b63b5ab0574d44015dd47bb20db', class: "title" }, "Passcode Required")), index.h("div", { key: 'd3f9b9ad3b6bcfb52680940c47e864cd1797bc1d', slot: "content", class: "content" }, index.h("div", { key: '7d4f35ecc51ef241a93311b6d113c216c342e9e0', class: "help-box" }, index.h("div", { key: 'eac249028208a61de1d7d7beb02e4feb1845eb84', class: "help-details" }, index.h("div", { key: 'd14a308fee271e92dff49db4a2caac366d5aa61e', class: "help-text" }, "This document is protected by a passcode. Please enter it below to proceed. If you do not have one, please contact the sender."))), index.h("verdocs-text-input", { key: '113275c322604a78fef9903350bd32726f496745', id: "verdocs-passcode-input", value: this.response, onClick: e => e.stopPropagation(), placeholder: "Enter passcode...", onInput: (e) => (this.response = e.target.value) })), index.h("div", { key: '6db8e4d041ce6c18b5d501f7c2e266e09f8855a2', slot: "footer", class: "buttons footer" }, index.h("verdocs-button", { key: '5161209f4b2696cea86999a4fc8b27009b0a56a4', label: "Cancel", variant: "outline", onClick: () => this.handleCancel() }), index.h("verdocs-button", { key: '51e298d85f306bbb4ddbe4aec9bff59530607c9f', label: 'Submit', onClick: () => this.handleSubmit(), disabled: !this.response })))));
+        return (index.h(index.Host, { key: '2245741387cb0a6de01b2d086eb8f1822d81b659' }, index.h("verdocs-dialog", { key: 'f5bd8c6b75538c72406a043a48472a9f99edf30e', persistent: true, onExit: () => this.handleCancel() }, index.h("div", { key: '780c980ffd4939ef131776604e8bd3d11f8f2f32', slot: "heading", class: "heading" }, index.h("div", { key: 'fe99075a74a8c836938e8839487a4712c4c59f6b', class: "title" }, "Passcode Required")), index.h("div", { key: '5bd8e332fe6f00f68befc5bf144413d4b3940dba', slot: "content", class: "content" }, index.h("div", { key: '19690eb0a5ef4728ab73d59eea6b669f992e27f3', class: "help-box" }, index.h("div", { key: '1d4b2bc585f488f43de03cc127d0d99885c13f9c', class: "help-details" }, index.h("div", { key: 'f0a990be9fc50a65c9c687ae178f079488f180a3', class: "help-text" }, "This document is protected by a passcode. Please enter it below to proceed. If you do not have one, please contact the sender."))), index.h("verdocs-text-input", { key: 'b175dff7b70cd87be1895b8ab2671a8abb712c51', id: "verdocs-passcode-input", value: this.response, onClick: e => e.stopPropagation(), placeholder: "Enter passcode...", onInput: (e) => (this.response = e.target.value) })), index.h("div", { key: 'c0bd79bdf1018a8f017dc5035a0d2ce474e6d943', slot: "footer", class: "buttons footer" }, index.h("verdocs-button", { key: '333ed06c31a3e915d91919994d5ac111dbc98a4e', label: "Cancel", variant: "outline", onClick: () => this.handleCancel() }), index.h("verdocs-button", { key: '0e34c22fe738df2f7fdc6ae7a24ddc9a7f4a9c09', label: 'Submit', onClick: () => this.handleSubmit(), disabled: !this.response })))));
     }
 };
 VerdocsPasscodeDialog.style = verdocsPasscodeDialogCss;
 
-const verdocsSigningProgressCss = "@-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-signing-progress{position:fixed;top:64px;left:20px;z-index:900;display:block;font-family:var(--verdocs-primary-font, \"Inter\", \"Barlow\", sans-serif)}@media (max-width: 600px){verdocs-signing-progress{display:none}}verdocs-signing-progress .card{background:white;padding:16px;border-radius:8px;-webkit-box-shadow:0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);box-shadow:0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);width:240px;-webkit-box-sizing:border-box;box-sizing:border-box;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:12px}verdocs-signing-progress .header{font-size:14px;color:#111827}verdocs-signing-progress .header-completed{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;gap:8px;font-size:14px;font-weight:500;color:#111827}verdocs-signing-progress .description{font-size:12px;line-height:16px;color:#374151}verdocs-signing-progress .field-label{font-family:var(--verdocs-primary-font, var(--verdocs-primary-font, \"Inter\", \"Barlow\", sans-serif));font-size:0.75rem;line-height:1rem;font-weight:400;color:var(--verdocs-body-color, #242424)}verdocs-signing-progress .field-completed{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;gap:8px;font-size:0.75rem;line-height:1rem;font-weight:400;color:var(--verdocs-body-color, #242424)}verdocs-signing-progress .field-completed .text{position:relative;top:-2px}verdocs-signing-progress .separator{height:1px;background-color:#e5e7eb;width:100%}verdocs-signing-progress .btn{width:100%;height:32px;border-radius:4px;font-weight:600;font-size:0.75rem;line-height:1rem;cursor:pointer;border:1px solid transparent;-webkit-transition:all 0.2s;transition:all 0.2s;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}verdocs-signing-progress .btn:disabled{background-color:#f0f0f0;border:1px solid #e0e0e0;color:#bdbdbd;cursor:not-allowed;opacity:1}verdocs-signing-progress .btn.start,verdocs-signing-progress .btn.submit,verdocs-signing-progress .btn.next{background-color:var(--verdocs-primary-color, #55bc81);color:white}verdocs-signing-progress .btn.start:hover:not(:disabled),verdocs-signing-progress .btn.submit:hover:not(:disabled),verdocs-signing-progress .btn.next:hover:not(:disabled){background-color:var(--verdocs-primary-color-hover, #2b995b)}verdocs-signing-progress .btn.start:disabled,verdocs-signing-progress .btn.submit:disabled,verdocs-signing-progress .btn.next:disabled{background-color:#f0f0f0;border:1px solid #e0e0e0;color:#bdbdbd;cursor:not-allowed;opacity:1}verdocs-signing-progress .btn.prev,verdocs-signing-progress .btn.previous{background-color:#f3f4f6;color:#374151}verdocs-signing-progress .btn.prev:hover:not(:disabled),verdocs-signing-progress .btn.previous:hover:not(:disabled){background-color:#e5e7eb}verdocs-signing-progress .btn.prev:disabled,verdocs-signing-progress .btn.previous:disabled{background-color:#f0f0f0;border:1px solid #e0e0e0;color:#bdbdbd;cursor:not-allowed;opacity:1}verdocs-signing-progress .nav-buttons{display:-ms-flexbox;display:flex;gap:12px;width:100%}verdocs-signing-progress .nav-buttons .btn{-ms-flex:1;flex:1}";
+const verdocsSigningProgressCss = "@-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-signing-progress{position:fixed;top:64px;left:20px;z-index:900;display:block;font-family:var(--verdocs-primary-font, \"Inter\", \"Barlow\", sans-serif)}@media (max-width: 600px){verdocs-signing-progress{display:none}}verdocs-signing-progress .card{background:white;padding:16px;border-radius:8px;-webkit-box-shadow:0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);box-shadow:0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);width:240px;-webkit-box-sizing:border-box;box-sizing:border-box;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:12px}verdocs-signing-progress .header{font-size:14px;color:#111827;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:6px}verdocs-signing-progress .header .progress-line.optional{color:#6b7280}verdocs-signing-progress .header-completed{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;gap:8px;font-size:14px;font-weight:500;color:#111827}verdocs-signing-progress .description{font-size:12px;line-height:16px;color:#374151}verdocs-signing-progress .field-label{font-family:var(--verdocs-primary-font, var(--verdocs-primary-font, \"Inter\", \"Barlow\", sans-serif));font-size:0.75rem;line-height:1rem;font-weight:400;color:var(--verdocs-body-color, #242424)}verdocs-signing-progress .field-completed{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;gap:8px;font-size:0.75rem;line-height:1rem;font-weight:400;color:var(--verdocs-body-color, #242424)}verdocs-signing-progress .field-completed .text{position:relative;top:-2px}verdocs-signing-progress .separator{height:1px;background-color:#e5e7eb;width:100%}verdocs-signing-progress .btn{width:100%;height:32px;border-radius:4px;font-weight:600;font-size:0.75rem;line-height:1rem;cursor:pointer;border:1px solid transparent;-webkit-transition:all 0.2s;transition:all 0.2s;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}verdocs-signing-progress .btn:disabled{background-color:#f0f0f0;border:1px solid #e0e0e0;color:#bdbdbd;cursor:not-allowed;opacity:1}verdocs-signing-progress .btn.start,verdocs-signing-progress .btn.submit,verdocs-signing-progress .btn.next{background-color:var(--verdocs-primary-color, #55bc81);color:white}verdocs-signing-progress .btn.start:hover:not(:disabled),verdocs-signing-progress .btn.submit:hover:not(:disabled),verdocs-signing-progress .btn.next:hover:not(:disabled){background-color:var(--verdocs-primary-color-hover, #2b995b)}verdocs-signing-progress .btn.start:disabled,verdocs-signing-progress .btn.submit:disabled,verdocs-signing-progress .btn.next:disabled{background-color:#f0f0f0;border:1px solid #e0e0e0;color:#bdbdbd;cursor:not-allowed;opacity:1}verdocs-signing-progress .btn.prev,verdocs-signing-progress .btn.previous{background-color:#f3f4f6;color:#374151}verdocs-signing-progress .btn.prev:hover:not(:disabled),verdocs-signing-progress .btn.previous:hover:not(:disabled){background-color:#e5e7eb}verdocs-signing-progress .btn.prev:disabled,verdocs-signing-progress .btn.previous:disabled{background-color:#f0f0f0;border:1px solid #e0e0e0;color:#bdbdbd;cursor:not-allowed;opacity:1}verdocs-signing-progress .nav-buttons{display:-ms-flexbox;display:flex;gap:12px;width:100%}verdocs-signing-progress .nav-buttons .btn{-ms-flex:1;flex:1}";
 
 const VerdocsSigningProgress = class {
     constructor(hostRef) {
@@ -4449,6 +4474,14 @@ const VerdocsSigningProgress = class {
          * Whether the current field has been completed (shows success message)
          */
         this.fieldCompleted = false;
+        /**
+         * List of remaining fields to complete
+         */
+        this.remainingFields = [];
+        /**
+         * Detailed progress counts for required and optional fields
+         */
+        this.progress = null;
     }
     renderSuccessIcon() {
         return (index.h("svg", { width: "24", height: "24", viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, index.h("path", { d: "M10 2C14.4183 2 18 5.58172 18 10C18 14.4183 14.4183 18 10 18C5.58172 18 2 14.4183 2 10C2 5.58172 5.58172 2 10 2ZM10 3C6.13401 3 3 6.13401 3 10C3 13.866 6.13401 17 10 17C13.866 17 17 13.866 17 10C17 6.13401 13.866 3 10 3ZM13.3584 7.64645C13.532 7.82001 13.5513 8.08944 13.4163 8.28431L13.3584 8.35355L9.35355 12.3584C9.17999 12.532 8.91056 12.5513 8.71569 12.4163L8.64645 12.3584L6.64645 10.3584C6.45118 10.1632 6.45118 9.84658 6.64645 9.65131C6.82001 9.47775 7.08944 9.45846 7.28431 9.59346L7.35355 9.65131L9 11.298L12.6513 7.64645C12.8466 7.45118 13.1632 7.45118 13.3584 7.64645Z", fill: "#107C10" })));
@@ -4458,24 +4491,34 @@ const VerdocsSigningProgress = class {
             return index.h("div", { class: "field-label" }, this.fieldLabel);
         }
         if (this.fieldCompleted) {
-            return (index.h("div", { class: "field-completed" }, index.h("div", { class: "icon" }, this.renderSuccessIcon()), index.h("span", { class: "text" }, "Successfully signed!")));
+            return (index.h("div", { class: "field-completed" }, index.h("div", { class: "icon" }, this.renderSuccessIcon()), index.h("span", { class: "text" }, "Ready to submit.")));
         }
         return index.h("div", { class: "field-label" }, this.fieldLabel);
     }
     renderFooter() {
         if (this.mode === 'start') {
-            return (index.h("button", { class: "btn start", onClick: () => this.started.emit() }, "Start"));
+            return (index.h("button", { class: "btn start", onClick: () => this.started.emit() }, "Start Signing"));
         }
-        return (index.h("div", { class: "nav-buttons" }, index.h("button", { class: "btn previous", disabled: this.current <= 1, onClick: () => this.previous.emit() }, "Previous"), index.h("button", { class: "btn next", disabled: this.current >= this.total, onClick: () => this.next.emit() }, "Next")));
+        return (index.h("div", { class: "nav-buttons" }, this.progress && this.progress.required.remaining === 0 ? (index.h("button", { class: "btn submit", onClick: () => this.exit.emit() }, "Submit")) : ([
+            index.h("button", { class: "btn previous", disabled: this.current <= 1, onClick: () => this.previous.emit() }, "Previous"),
+            index.h("button", { class: "btn next", disabled: this.current >= this.total, onClick: () => this.next.emit() }, "Next"),
+        ])));
     }
     renderCompleted() {
-        return (index.h("div", { class: "card completed" }, index.h("div", { class: "header-completed" }, index.h("div", { class: "icon" }, this.renderSuccessIcon()), "Completed"), index.h("div", { class: "description" }, "You have entered all requested signatures. Select Submit to complete the signing process."), index.h("div", { class: "separator" }), index.h("button", { class: "btn submit", onClick: () => this.exit.emit() }, "Submit")));
+        return (index.h("div", { class: "card completed" }, index.h("div", { class: "header-completed" }, index.h("div", { class: "icon" }, this.renderSuccessIcon()), "Ready to Submit"), index.h("div", { class: "description" }, "You have entered all requested signatures. Select Submit to complete the signing process."), index.h("div", { class: "separator" }), index.h("button", { class: "btn submit", onClick: () => this.exit.emit() }, "Submit")));
     }
     render() {
         if (this.mode === 'completed') {
             return this.renderCompleted();
         }
-        return (index.h("div", { class: "card" }, index.h("div", { class: "header" }, this.current, " of ", this.total, " fields"), index.h("div", { class: "body" }, this.renderContent()), index.h("div", { class: "separator" }), this.renderFooter()));
+        return (index.h("div", { class: "card" }, index.h("div", { class: "header" }, this.progress
+            ? [
+                index.h("div", { class: "progress-line" }, this.progress.required.remaining, " of ", this.progress.required.total, " required fields remaining"),
+                this.progress.optional.total > 0 ? (index.h("div", { class: "progress-line optional" }, this.progress.optional.remaining, " of ", this.progress.optional.total, " optional fields remaining")) : null,
+            ]
+            : this.remainingFields && this.remainingFields.length > 0
+                ? `${this.remainingFields.length} fields remaining`
+                : `${this.current} of ${this.total} fields`), index.h("div", { class: "body" }, this.renderContent()), index.h("div", { class: "separator" }), this.renderFooter()));
     }
 };
 VerdocsSigningProgress.style = verdocsSigningProgressCss;
@@ -4700,9 +4743,10 @@ VerdocsView.style = verdocsViewCss;
 exports.verdocs_adopt_signature_dialog = VerdocsAdoptSignatureDialog;
 exports.verdocs_delegate_dialog = VerdocsDelegateDialog;
 exports.verdocs_disclosure_dialog = VerdocsDisclosureDialog;
+exports.verdocs_download_dialog = VerdocsDownloadDialog;
 exports.verdocs_kba_dialog = VerdocsKbaDialog;
 exports.verdocs_otp_dialog = VerdocsOtpDialog;
 exports.verdocs_passcode_dialog = VerdocsPasscodeDialog;
 exports.verdocs_signing_progress = VerdocsSigningProgress;
 exports.verdocs_view = VerdocsView;
-//# sourceMappingURL=verdocs-adopt-signature-dialog.verdocs-delegate-dialog.verdocs-disclosure-dialog.verdocs-kba-dialog.verdocs-otp-dialog.verdocs-passcode-dialog.verdocs-signing-progress.verdocs-view.entry.cjs.js.map
+//# sourceMappingURL=verdocs-adopt-signature-dialog.verdocs-delegate-dialog.verdocs-disclosure-dialog.verdocs-download-dialog.verdocs-kba-dialog.verdocs-otp-dialog.verdocs-passcode-dialog.verdocs-signing-progress.verdocs-view.entry.cjs.js.map

package/dist/cjs/verdocs-contact-picker.cjs.entry.js

@@ -4,7 +4,7 @@ var index = require('./index-CQ5bTnED.js');
 var jsSdk = require('@verdocs/js-sdk');
 var _commonjsHelpers = require('./_commonjsHelpers-BJu3ubxk.js');
 var Environment = require('./Environment-3vWt0C1Q.js');
-var utils = require('./utils-LPO6l9nR.js');
+var utils = require('./utils-BhOPnF8L.js');
 require('./index-CeUF44L9.js');
 require('./Types-RUyU-svM.js');
 

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

@@ -2,7 +2,7 @@
 
 var index = require('./index-CQ5bTnED.js');
 
-const verdocsDialogCss = "@-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-dialog{-webkit-box-sizing:border-box;box-sizing:border-box;font-family:\"Inter\", \"Barlow\", sans-serif}verdocs-dialog div{-webkit-box-sizing:border-box;box-sizing:border-box}verdocs-dialog .background-overlay{top:0;left:0;right:0;bottom:0;display:-ms-flexbox;display:flex;z-index:10000;position:absolute;-ms-flex-align:center;align-items:center;background:var(--verdocs-dialog-backdrop-color, rgba(0, 0, 0, 0.5));backdrop-filter:var(--verdocs-dialog-backdrop-filter, none);-webkit-backdrop-filter:var(--verdocs-dialog-backdrop-filter, none);-ms-flex-pack:center;justify-content:center}verdocs-dialog .dialog{width:520px;display:-ms-flexbox;display:flex;max-width:95%;overflow:hidden;background:#ffffff;-ms-flex-direction:column;flex-direction:column;-webkit-box-shadow:0 4px 24px rgba(0, 0, 0, 0.15);box-shadow:0 4px 24px rgba(0, 0, 0, 0.15);border-radius:var(--verdocs-dialog-radius, 8px)}verdocs-dialog .heading{display:-ms-flexbox;display:flex;padding:16px 24px;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;border-bottom:1px solid #e5e7eb}verdocs-dialog .heading .icon{display:none}verdocs-dialog .heading .title{font-size:1.5rem;font-weight:var(--verdocs-dialog-title-weight, 500);color:var(--verdocs-dialog-title-color, #242424);line-height:2rem;font-family:var(--verdocs-primary-font, \"Inter\", \"Barlow\", sans-serif)}verdocs-dialog .content{padding:24px;font-size:0.875rem;line-height:1.25rem;color:var(--verdocs-dialog-content-color, #424242)}verdocs-dialog .content a{color:var(--verdocs-link-color, #4c56cb);border-bottom:var(--verdocs-link-border, 1px dotted #4c56cb);text-decoration:none}verdocs-dialog .content p{margin:0 0 16px 0}verdocs-dialog .footer{padding:0 24px 24px 24px}";
+const verdocsDialogCss = "@-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-dialog{-webkit-box-sizing:border-box;box-sizing:border-box;font-family:\"Inter\", \"Barlow\", sans-serif}verdocs-dialog div{-webkit-box-sizing:border-box;box-sizing:border-box}verdocs-dialog .background-overlay{top:0;left:0;right:0;bottom:0;display:-ms-flexbox;display:flex;z-index:10000;position:absolute;-ms-flex-align:center;align-items:center;background:var(--verdocs-dialog-backdrop-color, rgba(0, 0, 0, 0.5));backdrop-filter:var(--verdocs-dialog-backdrop-filter, none);-webkit-backdrop-filter:var(--verdocs-dialog-backdrop-filter, none);-ms-flex-pack:center;justify-content:center}verdocs-dialog .dialog{width:520px;display:-ms-flexbox;display:flex;max-width:95%;overflow:hidden;background:#ffffff;-ms-flex-direction:column;flex-direction:column;-webkit-box-shadow:0 4px 24px rgba(0, 0, 0, 0.15);box-shadow:0 4px 24px rgba(0, 0, 0, 0.15);border-radius:var(--verdocs-dialog-radius, 8px);position:relative}verdocs-dialog .dialog .close-button{position:absolute;top:16px;right:16px;width:24px;height:24px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;cursor:pointer;color:#9ca3af;-webkit-transition:color 0.2s;transition:color 0.2s;z-index:10}verdocs-dialog .dialog .close-button:hover{color:#4b5563}verdocs-dialog .heading{display:-ms-flexbox;display:flex;padding:16px 24px;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;border-bottom:1px solid #e5e7eb}verdocs-dialog .heading .icon{display:none}verdocs-dialog .heading .title{font-size:1.5rem;font-weight:var(--verdocs-dialog-title-weight, 500);color:var(--verdocs-dialog-title-color, #242424);line-height:2rem;font-family:var(--verdocs-primary-font, \"Inter\", \"Barlow\", sans-serif)}verdocs-dialog .content{padding:24px;font-size:0.875rem;line-height:1.25rem;color:var(--verdocs-dialog-content-color, #424242)}verdocs-dialog .content a{color:var(--verdocs-link-color, #4c56cb);border-bottom:var(--verdocs-link-border, 1px dotted #4c56cb);text-decoration:none}verdocs-dialog .content p{margin:0 0 16px 0}verdocs-dialog .footer{padding:0 24px 24px 24px}";
 
 const VerdocsDialog = class {
     constructor(hostRef) {
@@ -26,7 +26,7 @@ const VerdocsDialog = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: '09471ed4303052bcb7a6f202986cefbead533528' }, index.h("div", { key: '8ceaf4506e0994ebd66ba9cf82facfba27be5f55', class: "background-overlay", onClick: e => this.handleDismiss(e) }, index.h("div", { key: 'bc06311bff49c24bf770396b4752228ed1639529', class: "dialog" }, index.h("slot", { key: '65459aeb7dfdc3189058c555571063d92d402c95', name: "heading" }, index.h("div", { key: '16f4f89253c2294a6509060249ad31ed7cd07d50', class: "heading" })), index.h("slot", { key: '3efafa32475f67567962df8befa0f134ff231b7f', name: "content" }, index.h("div", { key: '6879517bb61b733728d4fdbf70a7b431d63e73b4', class: "content" })), index.h("slot", { key: '60020cc1db89920100a0dba09d2af14119626824', name: "footer" }, index.h("div", { key: 'c4b65b1df2f030790c47f9d2f2c729d2a09b0f1f', class: "footer" }))))));
+        return (index.h(index.Host, { key: 'c0bbf9d0b98ef1edb56c78fcde37efed3095f3e7' }, index.h("div", { key: '79064bfe3d7f35ebcd1dbcf68d917a939c962fcb', class: "background-overlay", onClick: e => this.handleDismiss(e) }, index.h("div", { key: 'cdd2c2bf76710306ff3ca1c2fa34932cdb2229ad', class: "dialog" }, index.h("div", { key: '7216dee5318fddbca48b051292f10672d0346659', class: "close-button", onClick: () => this.exit.emit() }, index.h("svg", { key: '8c910737a56f46a23fc16e8e9bbddeeb1ca3825f', width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, index.h("path", { key: '0473a116470924f7b7cf2dc4cc9600e596f615aa', d: "M18 6L6 18", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" }), index.h("path", { key: '39eb283bee004b3590b649fdc52dc1333e9d8c72', d: "M6 6L18 18", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" }))), index.h("slot", { key: 'd58ae6e6d88facd46e68e539379119debd3f2a6f', name: "heading" }, index.h("div", { key: '7407b12ddad232179a11e4ca576833e479d07cfa', class: "heading" })), index.h("slot", { key: 'efd98513e2295661a456a01c8ea8b4367c927843', name: "content" }, index.h("div", { key: '3b2dcd5b11c51e05fe83777fe98d7fd61d77a6ec', class: "content" })), index.h("slot", { key: 'f2346f379e1ec745acdded3874b79ecca57e6d16', name: "footer" }, index.h("div", { key: 'd0290f63c01e38ef6df7339cc0c36b56044fb34a', class: "footer" }))))));
     }
 };
 VerdocsDialog.style = verdocsDialogCss;

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

@@ -1 +1 @@
-{"version":3,"file":"verdocs-dialog.entry.cjs.js","sources":["src/components/dialogs/verdocs-dialog/verdocs-dialog.scss?tag=verdocs-dialog","src/components/dialogs/verdocs-dialog/verdocs-dialog.tsx"],"sourcesContent":["@import '../../../theme.scss';\n\nverdocs-dialog {\n  box-sizing: border-box;\n  font-family: $primary-font;\n\n  div {\n    box-sizing: border-box;\n  }\n\n  .background-overlay {\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    display: flex;\n    z-index: 10000;\n    position: absolute;\n    align-items: center;\n    background: var(--verdocs-dialog-backdrop-color, rgba(0, 0, 0, 0.5));\n    backdrop-filter: var(--verdocs-dialog-backdrop-filter, none);\n    -webkit-backdrop-filter: var(--verdocs-dialog-backdrop-filter, none);\n    justify-content: center;\n  }\n\n  .dialog {\n    width: 520px;\n    display: flex;\n    max-width: 95%;\n    overflow: hidden;\n    background: #ffffff;\n    flex-direction: column;\n    box-shadow: 0 4px 24px rgba(0, 0, 0, 0.15);\n    border-radius: var(--verdocs-dialog-radius, 8px);\n  }\n\n  .heading {\n    display: flex;\n    padding: 16px 24px;\n    align-items: center;\n    justify-content: space-between;\n    border-bottom: 1px solid #e5e7eb;\n\n    .icon {\n      display: none; // Hiding old icon structure based on new design which has strict title + close\n    }\n\n    .title {\n      font-size: 1.5rem; // 24px\n      font-weight: var(--verdocs-dialog-title-weight, 500);\n      color: var(--verdocs-dialog-title-color, #242424);\n      line-height: 2rem; // 32px\n      font-family: $verdocs-primary-font;\n    }\n  }\n\n  .content {\n    padding: 24px;\n    font-size: 0.875rem; // 14px\n    line-height: 1.25rem; // 20px\n    color: var(--verdocs-dialog-content-color, #424242);\n\n    a {\n      color: var(--verdocs-link-color, #4c56cb);\n      border-bottom: var(--verdocs-link-border, 1px dotted #4c56cb);\n      text-decoration: none;\n    }\n\n    p {\n      margin: 0 0 16px 0;\n    }\n  }\n\n  .footer {\n    padding: 0 24px 24px 24px;\n  }\n}\n","import {Component, h, Event, EventEmitter, Host, Prop} from '@stencil/core';\n\n/**\n * Display a simple dialog where the contents are provided via slots.\n */\n@Component({\n  tag: 'verdocs-dialog',\n  styleUrl: 'verdocs-dialog.scss',\n})\nexport class VerdocsDialog {\n  /**\n   * Event fired when the dialog is dismissed by clicking the background overlay.\n   */\n  @Event({composed: true}) exit: EventEmitter;\n\n  /**\n   * If true, clicking on the background overlay will not close the dialog.\n   */\n  @Prop() persistent = false;\n\n  // We need a separate event handler for clicking the background because it can\n  // receive events \"through\" other child components\n  handleDismiss(e: any) {\n    if (this.persistent) {\n      return;\n    }\n\n    if (e.target.className === 'background-overlay') {\n      e.preventDefault();\n      this.exit?.emit();\n    }\n  }\n\n  render() {\n    return (\n      <Host>\n        <div class=\"background-overlay\" onClick={e => this.handleDismiss(e)}>\n          <div class=\"dialog\">\n            <slot name=\"heading\">\n              <div class=\"heading\"></div>\n            </slot>\n\n            <slot name=\"content\">\n              <div class=\"content\"></div>\n            </slot>\n\n            <slot name=\"footer\">\n              <div class=\"footer\"></div>\n            </slot>\n          </div>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"names":["h","Host"],"mappings":";;;;AAAA,MAAM,gBAAgB,GAAG,khEAAkhE;;MCS9hE,aAAa,GAAA,MAAA;AAJ1B,IAAA,WAAA,CAAA,OAAA,EAAA;;;AAUE;;AAEG;AACK,QAAA,IAAU,CAAA,UAAA,GAAG,KAAK;AAoC3B;;;AAhCC,IAAA,aAAa,CAAC,CAAM,EAAA;;AAClB,QAAA,IAAI,IAAI,CAAC,UAAU,EAAE;YACnB;;QAGF,IAAI,CAAC,CAAC,MAAM,CAAC,SAAS,KAAK,oBAAoB,EAAE;YAC/C,CAAC,CAAC,cAAc,EAAE;YAClB,CAAA,EAAA,GAAA,IAAI,CAAC,IAAI,MAAE,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAA,IAAI,EAAE;;;IAIrB,MAAM,GAAA;AACJ,QAAA,QACEA,QAACC,UAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACHD,OAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAC,oBAAoB,EAAC,OAAO,EAAE,CAAC,IAAI,IAAI,CAAC,aAAa,CAAC,CAAC,CAAC,EAAA,EACjEA,OAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,QAAQ,EAAA,EACjBA,OAAM,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,IAAI,EAAC,SAAS,EAAA,EAClBA,OAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAC,SAAS,EAAA,CAAO,CACtB,EAEPA,OAAM,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,IAAI,EAAC,SAAS,EAAA,EAClBA,OAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAC,SAAS,EAAA,CAAO,CACtB,EAEPA,OAAM,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,IAAI,EAAC,QAAQ,EAAA,EACjBA,OAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,QAAQ,EAAA,CAAO,CACrB,CACH,CACF,CACD;;;;;;;"}
+{"version":3,"file":"verdocs-dialog.entry.cjs.js","sources":["src/components/dialogs/verdocs-dialog/verdocs-dialog.scss?tag=verdocs-dialog","src/components/dialogs/verdocs-dialog/verdocs-dialog.tsx"],"sourcesContent":["@import '../../../theme.scss';\n\nverdocs-dialog {\n  box-sizing: border-box;\n  font-family: $primary-font;\n\n  div {\n    box-sizing: border-box;\n  }\n\n  .background-overlay {\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    display: flex;\n    z-index: 10000;\n    position: absolute;\n    align-items: center;\n    background: var(--verdocs-dialog-backdrop-color, rgba(0, 0, 0, 0.5));\n    backdrop-filter: var(--verdocs-dialog-backdrop-filter, none);\n    -webkit-backdrop-filter: var(--verdocs-dialog-backdrop-filter, none);\n    justify-content: center;\n  }\n\n  .dialog {\n    width: 520px;\n    display: flex;\n    max-width: 95%;\n    overflow: hidden;\n    background: #ffffff;\n    flex-direction: column;\n    box-shadow: 0 4px 24px rgba(0, 0, 0, 0.15);\n    border-radius: var(--verdocs-dialog-radius, 8px);\n    position: relative; // For absolute positioning of close button\n\n    .close-button {\n      position: absolute;\n      top: 16px;\n      right: 16px;\n      width: 24px;\n      height: 24px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      cursor: pointer;\n      color: #9ca3af;\n      transition: color 0.2s;\n      z-index: 10;\n\n      &:hover {\n        color: #4b5563;\n      }\n    }\n  }\n\n  .heading {\n    display: flex;\n    padding: 16px 24px;\n    align-items: center;\n    justify-content: space-between;\n    border-bottom: 1px solid #e5e7eb;\n\n    .icon {\n      display: none; // Hiding old icon structure based on new design which has strict title + close\n    }\n\n    .title {\n      font-size: 1.5rem; // 24px\n      font-weight: var(--verdocs-dialog-title-weight, 500);\n      color: var(--verdocs-dialog-title-color, #242424);\n      line-height: 2rem; // 32px\n      font-family: $verdocs-primary-font;\n    }\n  }\n\n  .content {\n    padding: 24px;\n    font-size: 0.875rem; // 14px\n    line-height: 1.25rem; // 20px\n    color: var(--verdocs-dialog-content-color, #424242);\n\n    a {\n      color: var(--verdocs-link-color, #4c56cb);\n      border-bottom: var(--verdocs-link-border, 1px dotted #4c56cb);\n      text-decoration: none;\n    }\n\n    p {\n      margin: 0 0 16px 0;\n    }\n  }\n\n  .footer {\n    padding: 0 24px 24px 24px;\n  }\n}","import { Component, h, Event, EventEmitter, Host, Prop } from '@stencil/core';\n\n/**\n * Display a simple dialog where the contents are provided via slots.\n */\n@Component({\n  tag: 'verdocs-dialog',\n  styleUrl: 'verdocs-dialog.scss',\n})\nexport class VerdocsDialog {\n  /**\n   * Event fired when the dialog is dismissed by clicking the background overlay.\n   */\n  @Event({ composed: true }) exit: EventEmitter;\n\n  /**\n   * If true, clicking on the background overlay will not close the dialog.\n   */\n  @Prop() persistent = false;\n\n  // We need a separate event handler for clicking the background because it can\n  // receive events \"through\" other child components\n  handleDismiss(e: any) {\n    if (this.persistent) {\n      return;\n    }\n\n    if (e.target.className === 'background-overlay') {\n      e.preventDefault();\n      this.exit?.emit();\n    }\n  }\n\n  render() {\n    return (\n      <Host>\n        <div class=\"background-overlay\" onClick={e => this.handleDismiss(e)}>\n          <div class=\"dialog\">\n            <div class=\"close-button\" onClick={() => this.exit.emit()}>\n              <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n                <path d=\"M18 6L6 18\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" />\n                <path d=\"M6 6L18 18\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" />\n              </svg>\n            </div>\n\n            <slot name=\"heading\">\n              <div class=\"heading\"></div>\n            </slot>\n\n            <slot name=\"content\">\n              <div class=\"content\"></div>\n            </slot>\n\n            <slot name=\"footer\">\n              <div class=\"footer\"></div>\n            </slot>\n          </div>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"names":["h","Host"],"mappings":";;;;AAAA,MAAM,gBAAgB,GAAG,i5EAAi5E;;MCS75E,aAAa,GAAA,MAAA;AAJ1B,IAAA,WAAA,CAAA,OAAA,EAAA;;;AAUE;;AAEG;AACK,QAAA,IAAU,CAAA,UAAA,GAAG,KAAK;AA2C3B;;;AAvCC,IAAA,aAAa,CAAC,CAAM,EAAA;;AAClB,QAAA,IAAI,IAAI,CAAC,UAAU,EAAE;YACnB;;QAGF,IAAI,CAAC,CAAC,MAAM,CAAC,SAAS,KAAK,oBAAoB,EAAE;YAC/C,CAAC,CAAC,cAAc,EAAE;YAClB,CAAA,EAAA,GAAA,IAAI,CAAC,IAAI,MAAE,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAA,IAAI,EAAE;;;IAIrB,MAAM,GAAA;AACJ,QAAA,QACEA,QAACC,UAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACHD,OAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAC,oBAAoB,EAAC,OAAO,EAAE,CAAC,IAAI,IAAI,CAAC,aAAa,CAAC,CAAC,CAAC,EAAA,EACjEA,OAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,QAAQ,EAAA,EACjBA,OAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAC,cAAc,EAAC,OAAO,EAAE,MAAM,IAAI,CAAC,IAAI,CAAC,IAAI,EAAE,EAAA,EACvDA,OAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,4BAA4B,EAAA,EAC5FA,OAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,CAAC,EAAC,YAAY,EAAC,MAAM,EAAC,cAAc,EAAA,cAAA,EAAc,GAAG,EAAA,gBAAA,EAAgB,OAAO,EAAA,iBAAA,EAAiB,OAAO,EAAG,CAAA,EAC7GA,OAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,CAAC,EAAC,YAAY,EAAC,MAAM,EAAC,cAAc,EAAc,cAAA,EAAA,GAAG,oBAAgB,OAAO,EAAA,iBAAA,EAAiB,OAAO,EAAA,CAAG,CACzG,CACF,EAENA,OAAM,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,IAAI,EAAC,SAAS,EAAA,EAClBA,OAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAC,SAAS,EAAA,CAAO,CACtB,EAEPA,OAAM,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,IAAI,EAAC,SAAS,EAAA,EAClBA,OAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAC,SAAS,EAAA,CAAO,CACtB,EAEPA,OAAM,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,IAAI,EAAC,QAAQ,EAAA,EACjBA,OAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,QAAQ,EAAA,CAAO,CACrB,CACH,CACF,CACD;;;;;;;"}

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

@@ -2,7 +2,7 @@
 
 var index = require('./index-CQ5bTnED.js');
 var jsSdk = require('@verdocs/js-sdk');
-var utils = require('./utils-LPO6l9nR.js');
+var utils = require('./utils-BhOPnF8L.js');
 var errors = require('./errors-D1XRvnet.js');
 var Datastore = require('./Datastore-B-sxWSPD.js');
 require('./index-CeUF44L9.js');
@@ -111,7 +111,7 @@ const VerdocsEnvelopeDocumentPage = class {
     }
     render() {
         const height = `${this.renderedHeight}px`;
-        return (index.h(index.Host, { key: '77ab444e7970384f7baf7481133c9b0875c41f83', id: `${this.containerId}`, style: { height, flex: `0 0 ${height}` } }, this.layers.map(layer => layer.type === 'div' ? (index.h("div", { class: "verdocs-envelope-document-page-layer", id: `${this.containerId}-${layer.name}`, style: { height } })) : this.pageDisplayUri ? (index.h("img", { class: "verdocs-envelope-document-page-layer img", id: `${this.containerId}-${layer.name}`, src: this.pageDisplayUri, alt: `Page ${this.pageNumber}`, "aria-hidden": true, loading: "lazy", onLoad: (e) => {
+        return (index.h(index.Host, { key: '21dc9d655b398c50fe99c7db6dfbb541cdf42af8', id: `${this.containerId}`, style: { height, flex: `0 0 ${height}` } }, this.layers.map(layer => layer.type === 'div' ? (index.h("div", { class: "verdocs-envelope-document-page-layer", id: `${this.containerId}-${layer.name}`, style: { height } })) : this.pageDisplayUri ? (index.h("img", { class: "verdocs-envelope-document-page-layer img", id: `${this.containerId}-${layer.name}`, src: this.pageDisplayUri, alt: `Page ${this.pageNumber}`, "aria-hidden": true, loading: "lazy", onLoad: (e) => {
                 // Note that all we really care about is the aspect ratio. We track the natural Width and Height but they aren't really that
                 // useful as individual values. The image will already have been scaled down to fit a DIV for display (100%, auto height).
                 // Builder places fields offset into the rendered display area, not the original document's dimensions. So its X/Y values
@@ -156,7 +156,7 @@ const VerdocsQuestionDialog = class {
         }
     }
     render() {
-        return (index.h("verdocs-dialog", { key: 'd1713a11b1badbadd069633f49b0275b5c9930bc', onExit: e => this.handleDismiss(e) }, index.h("div", { key: '40ebebf6664b485b54e32956ca195c09c1cc70fc', slot: "heading", class: "heading" }, index.h("div", { key: '94d2f587ff9d471e771d1d7103e3b27390cdd66a', class: "icon", innerHTML: QuestionIcon$1 }), index.h("div", { key: '4a9fcf5c4872787664fd1024eaa4e17f4f47de76', class: "title" }, "Ask the Sender a Question")), index.h("div", { key: '7ca63ab2fd7070124af181a916ff632e38701a0f', slot: "content", class: "content" }, index.h("textarea", { key: 'ede807dabceeec5185c05fc5326991861c2fb20c', name: "question", rows: 6, placeholder: "Enter your question...", onInput: (e) => (this.question = e.target.value) }, this.question)), index.h("div", { key: '3c70340c6c42286a60ca856d0b12770f9d7cd664', class: "footer", slot: "footer" }, index.h("div", { key: 'bfc761a1e1e3f7c2f7ce23dc3709dffeaedecfea', class: "buttons" }, index.h("button", { key: 'cfc0290a878b9bdc9d558cde275a3f0dbc6ea44c', class: "cancel", onClick: () => this.handleCancel() }, "Cancel"), index.h("button", { key: 'dc07e48a2d9dac252636e90c28c5e18ea813fcbf', class: 'ok', onClick: () => this.handleOk() }, "OK")))));
+        return (index.h("verdocs-dialog", { key: '80ea06ffc13b87fd39556fe2cb82b305648f3f65', onExit: e => this.handleDismiss(e) }, index.h("div", { key: 'f00fa24ee0502c2930786964eeea05075e474674', slot: "heading", class: "heading" }, index.h("div", { key: '8c5079c3b017e3048f5df90e26285b8d0037e265', class: "icon", innerHTML: QuestionIcon$1 }), index.h("div", { key: 'ffacca72562966e90a9cb4e2e26df129a7610e97', class: "title" }, "Ask the Sender a Question")), index.h("div", { key: '2de5fea4b03fd6e5761c37032a6c12d1fbcb01da', slot: "content", class: "content" }, index.h("textarea", { key: '778d087f36a172e215f193a5ddb968d22a5a3b6a', name: "question", rows: 6, placeholder: "Enter your question...", onInput: (e) => (this.question = e.target.value) }, this.question)), index.h("div", { key: '0ba5380fb533d1a7f19ac2b6f274fd47e3c5e10e', class: "footer", slot: "footer" }, index.h("div", { key: '29dd2dab7e259bcc049711a79b2b7a495d69f983', class: "buttons" }, index.h("button", { key: '8635ec74b38238cdbf106dace4ed8eff17663778', class: "cancel", onClick: () => this.handleCancel() }, "Cancel"), index.h("button", { key: '5bbb490617a3c65826f4f69d7a19e2477be8b602', class: 'ok', onClick: () => this.handleOk() }, "OK")))));
     }
 };
 VerdocsQuestionDialog.style = verdocsQuestionDialogCss;
@@ -302,7 +302,7 @@ const VerdocsSignFooter = class {
         const hasPoweredBy = !!((_b = (_a = this.envelope) === null || _a === void 0 ? void 0 : _a.organization) === null || _b === void 0 ? void 0 : _b.powered_by_label);
         const hasLinks = !!((_d = (_c = this.envelope) === null || _c === void 0 ? void 0 : _c.organization) === null || _d === void 0 ? void 0 : _d.terms_use_url) || !!((_f = (_e = this.envelope) === null || _e === void 0 ? void 0 : _e.organization) === null || _f === void 0 ? void 0 : _f.privacy_policy_url);
         const hasButtons = !this.isDone;
-        return (index.h(index.Host, { key: '24491e8625a0382a7d145f7643b689d1d05af2fb', class: { 'has-buttons': hasButtons, 'no-buttons': !hasButtons, 'has-powered-by': hasPoweredBy, 'has-links': hasLinks, 'just-buttons': !hasPoweredBy && !hasLinks } }, ((_h = (_g = this.envelope) === null || _g === void 0 ? void 0 : _g.organization) === null || _h === void 0 ? void 0 : _h.powered_by_label) && (index.h("div", { key: '06300885a2e10e9f65e52f51c02806bf5d4ca8fc', class: "powered-by" }, ((_k = (_j = this.envelope) === null || _j === void 0 ? void 0 : _j.organization) === null || _k === void 0 ? void 0 : _k.powered_by_url) ? (index.h("a", { href: (_m = (_l = this.envelope) === null || _l === void 0 ? void 0 : _l.organization) === null || _m === void 0 ? void 0 : _m.powered_by_url, target: "_blank", rel: "noopener noreferrer" }, index.h("span", null, (_p = (_o = this.envelope) === null || _o === void 0 ? void 0 : _o.organization) === null || _p === void 0 ? void 0 : _p.powered_by_label))) : (index.h("span", null, (_r = (_q = this.envelope) === null || _q === void 0 ? void 0 : _q.organization) === null || _r === void 0 ? void 0 : _r.powered_by_label)))), !this.isDone && (index.h("div", { key: '8c4a7e259355081d918954e22158b619a7194c76', class: "buttons" }, index.h("button", { key: '9d79cf00b82673c8c57db17f477033aa5352c17d', onClick: () => (this.askingQuestion = true) }, index.h("span", { key: 'd54493f5bd5362771105c803edd1638d3e859c8f', innerHTML: QuestionIcon }), "Ask Sender a Question"), index.h("button", { key: 'c13661d869fafdece0c169ef1ad8d4652537a786', onClick: () => { var _a; return (_a = this.decline) === null || _a === void 0 ? void 0 : _a.emit(); } }, index.h("span", { key: '7db1b50bcc83cca397f488905c9ecf6dd6a58565', innerHTML: DeclineIcon }), "Decline Signing"), index.h("button", { key: '68c80e835503c7ec578dff3c0a8bdf95129f9ccd', onClick: () => { var _a; return (_a = this.finishLater) === null || _a === void 0 ? void 0 : _a.emit(); } }, index.h("span", { key: '519c3d10b77976f4feb9a78574b92e5ba4d6c40e', innerHTML: SaveIcon }), "Finish Later"))), index.h("div", { key: '5d722a30ec88db271faf63630e2ee75cb776d649', class: "links" }, ((_t = (_s = this.envelope) === null || _s === void 0 ? void 0 : _s.organization) === null || _t === void 0 ? void 0 : _t.terms_use_url) && (index.h("a", { key: 'b7eb1920a36638d0f762e531dbcc530c4162202e', href: (_v = (_u = this.envelope) === null || _u === void 0 ? void 0 : _u.organization) === null || _v === void 0 ? void 0 : _v.terms_use_url, target: "_blank", rel: "noopener noreferrer" }, index.h("span", { key: 'fb8b27a24bd7c27f7551128fef69757bc263bc3a' }, "Terms of Use"))), ((_x = (_w = this.envelope) === null || _w === void 0 ? void 0 : _w.organization) === null || _x === void 0 ? void 0 : _x.privacy_policy_url) && (index.h("a", { key: '7f13dd89778d079b6ae6d5646c3304de40cb5910', href: (_z = (_y = this.envelope) === null || _y === void 0 ? void 0 : _y.organization) === null || _z === void 0 ? void 0 : _z.privacy_policy_url, target: "_blank", rel: "noopener noreferrer" }, index.h("span", { key: '924bfa8382018148b64d7ab034bf7919eb6edc2a' }, "Privacy Policy")))), this.askingQuestion && (index.h("verdocs-question-dialog", { key: '42df3874f0c4264bb1a96fee50d2ef5167928fd7', onNext: e => {
+        return (index.h(index.Host, { key: '3f03194745486936476f538a3630df743999c4d5', class: { 'has-buttons': hasButtons, 'no-buttons': !hasButtons, 'has-powered-by': hasPoweredBy, 'has-links': hasLinks, 'just-buttons': !hasPoweredBy && !hasLinks } }, ((_h = (_g = this.envelope) === null || _g === void 0 ? void 0 : _g.organization) === null || _h === void 0 ? void 0 : _h.powered_by_label) && (index.h("div", { key: '840bbb1a1e0cb751147f32ef38a5e00debcbf5ea', class: "powered-by" }, ((_k = (_j = this.envelope) === null || _j === void 0 ? void 0 : _j.organization) === null || _k === void 0 ? void 0 : _k.powered_by_url) ? (index.h("a", { href: (_m = (_l = this.envelope) === null || _l === void 0 ? void 0 : _l.organization) === null || _m === void 0 ? void 0 : _m.powered_by_url, target: "_blank", rel: "noopener noreferrer" }, index.h("span", null, (_p = (_o = this.envelope) === null || _o === void 0 ? void 0 : _o.organization) === null || _p === void 0 ? void 0 : _p.powered_by_label))) : (index.h("span", null, (_r = (_q = this.envelope) === null || _q === void 0 ? void 0 : _q.organization) === null || _r === void 0 ? void 0 : _r.powered_by_label)))), !this.isDone && (index.h("div", { key: 'b14e47d87197f385a9e7484ebb549d463ff9ccc4', class: "buttons" }, index.h("button", { key: '874bbfc1ef55520193f0c5f14f8b15ab50df9317', onClick: () => (this.askingQuestion = true) }, index.h("span", { key: '10de6e9bced1059b65af35eb417e84f1ff4e967c', innerHTML: QuestionIcon }), "Ask Sender a Question"), index.h("button", { key: 'afdf771b81a244e3374294e17b7c4bcc22d80c25', onClick: () => { var _a; return (_a = this.decline) === null || _a === void 0 ? void 0 : _a.emit(); } }, index.h("span", { key: '34361509d355514862223c3067f5f935212fcc0c', innerHTML: DeclineIcon }), "Decline Signing"), index.h("button", { key: '6f0fbdfc3008e32aa0352335b0491af2d86082d9', onClick: () => { var _a; return (_a = this.finishLater) === null || _a === void 0 ? void 0 : _a.emit(); } }, index.h("span", { key: '708feefc3b0fb132bcf9414ab9f3bf2c4726c847', innerHTML: SaveIcon }), "Finish Later"))), index.h("div", { key: 'c168ba036591fb586f56e9ccdec5b4211a39a58a', class: "links" }, ((_t = (_s = this.envelope) === null || _s === void 0 ? void 0 : _s.organization) === null || _t === void 0 ? void 0 : _t.terms_use_url) && (index.h("a", { key: '6d03c1106d6fc599dbccc48c45482095e4d65f60', href: (_v = (_u = this.envelope) === null || _u === void 0 ? void 0 : _u.organization) === null || _v === void 0 ? void 0 : _v.terms_use_url, target: "_blank", rel: "noopener noreferrer" }, index.h("span", { key: 'efb0ac4061b8e819a4c2f45368f253721a4e85c6' }, "Terms of Use"))), ((_x = (_w = this.envelope) === null || _w === void 0 ? void 0 : _w.organization) === null || _x === void 0 ? void 0 : _x.privacy_policy_url) && (index.h("a", { key: 'f3a63693836ebf29e8ef90f69c87e50229ec0134', href: (_z = (_y = this.envelope) === null || _y === void 0 ? void 0 : _y.organization) === null || _z === void 0 ? void 0 : _z.privacy_policy_url, target: "_blank", rel: "noopener noreferrer" }, index.h("span", { key: 'f650696d2f0cab80332754d3ccc33934c92e1c00' }, "Privacy Policy")))), this.askingQuestion && (index.h("verdocs-question-dialog", { key: 'edf3937e3a2165a51054024e0436952d60e44499', onNext: e => {
                 var _a;
                 (_a = this.askQuestion) === null || _a === void 0 ? void 0 : _a.emit({ question: e.detail.question });
                 this.askingQuestion = false;

package/dist/cjs/verdocs-envelopes-list.cjs.entry.js

@@ -2,7 +2,7 @@
 
 var index = require('./index-CQ5bTnED.js');
 var jsSdk = require('@verdocs/js-sdk');
-var utils = require('./utils-LPO6l9nR.js');
+var utils = require('./utils-BhOPnF8L.js');
 var Toast = require('./Toast-CFBM1R4z.js');
 var errors = require('./errors-D1XRvnet.js');
 require('./index-CeUF44L9.js');
@@ -227,18 +227,18 @@ const VerdocsEnvelopesList = class {
         });
     }
     render() {
-        return (index.h(index.Host, { key: '83f6cbb1f97bfa32fc7e260ed0910a3ae5a8e311' }, index.h("div", { key: 'c42e4187a5a01a3c07515c9d1815e6f0edb42819', class: "header" }, index.h("div", { key: 'b033fd088f7b783f68e31056965e370765c50e97', class: "filter" }, index.h("verdocs-text-input", { key: 'b434aa09506984afae3b02c0c44c903fae883d1e', id: "verdocs-filter-name", value: this.match, clearable: true, autocomplete: "off", placeholder: "Filter by Name, Recipient, or Field...", onFocusout: (e) => {
+        return (index.h(index.Host, { key: '7f07cfa83f4f609a7d8958cf348b51dd35ebd2dd' }, index.h("div", { key: '7889b9ea769ef90c8a5c29455c0a17e12a86342e', class: "header" }, index.h("div", { key: '619a2d9b5172119cbfd3aa67c08cba5cbef88f14', class: "filter" }, index.h("verdocs-text-input", { key: 'cd8bde8ceb4eb38e4b3e187aaa18a30637e260fc', id: "verdocs-filter-name", value: this.match, clearable: true, autocomplete: "off", placeholder: "Filter by Name, Recipient, or Field...", onFocusout: (e) => {
                 var _a;
                 // We don't locally filter envelopes because there are too many fields to match against efficiently.
                 this.match = e.target.value.trim();
                 (_a = this.changeMatch) === null || _a === void 0 ? void 0 : _a.emit(this.match);
-            } })), index.h("verdocs-quick-filter", { key: '8e1ef483b4681f4e65236ab2efd1158ceef363c4', label: "View", value: this.view, options: ViewFilters, onOptionSelected: e => {
+            } })), index.h("verdocs-quick-filter", { key: '3f971dbd51ae89fdab695939c23c5c4b27f58a9b', label: "View", value: this.view, options: ViewFilters, onOptionSelected: e => {
                 this.view = e.detail.value;
-            } }), this.view === 'all' && (index.h("verdocs-quick-filter", { key: 'c33dbcde2b42708271eee152adba9f8b66844025', label: "Status", value: this.status, options: StatusFilters, onOptionSelected: e => {
+            } }), this.view === 'all' && (index.h("verdocs-quick-filter", { key: 'bce27256306c3dd98c19701f59fcbb0a515afec6', label: "Status", value: this.status, options: StatusFilters, onOptionSelected: e => {
                 this.status = e.detail.value;
-            } })), this.view === 'all' && (index.h("verdocs-quick-filter", { key: '198a8bedaa9e5f12461d126d31460691682d0f7e', label: "Sort By", value: this.sort, options: SortFilters, onOptionSelected: e => {
+            } })), this.view === 'all' && (index.h("verdocs-quick-filter", { key: '96ad168c1eddd2766ec968957da0f1ad9f2768c6', label: "Sort By", value: this.sort, options: SortFilters, onOptionSelected: e => {
                 this.sort = e.detail.value;
-            } })), this.loading && index.h("verdocs-spinner", { key: '724df4b187813b16c06108c03b7eafdca6989b0b', mode: "dark", size: 24 }), index.h("div", { key: '7bddb227f4848f79da290d2673681e687de030b9', style: { display: 'flex', flex: '1' } }), this.selectedEnvelopes.length > 0 && index.h("verdocs-button", { key: '419e6d80c64daa3e356a7e51c8fa881b2c7a7361', label: `Download (${this.selectedEnvelopes.length})`, onClick: () => this.handleDownload() })), this.envelopes.map(envelope => {
+            } })), this.loading && index.h("verdocs-spinner", { key: 'e8d8fa72b8cd9c8e8548cf8ee26d302e44d27ddb', mode: "dark", size: 24 }), index.h("div", { key: 'c546d5fa95763740c0656901723f653381fe13a5', style: { display: 'flex', flex: '1' } }), this.selectedEnvelopes.length > 0 && index.h("verdocs-button", { key: '9ddc5ab836fc98306a0d1ece74df48d67493dce1', label: `Download (${this.selectedEnvelopes.length})`, onClick: () => this.handleDownload() })), this.envelopes.map(envelope => {
             var _a;
             const recipientsWithActions = jsSdk.getRecipientsWithActions(envelope);
             const userCanCancel = jsSdk.userCanCancelEnvelope(this.endpoint.profile, envelope);
@@ -279,7 +279,7 @@ const VerdocsEnvelopesList = class {
                             break;
                     }
                 } }))));
-        }), !this.initiallyLoaded && (index.h("div", { key: '2398ae7e2d8581b23446cf57352ba0659015f9d5', style: { width: '100%' } }, jsSdk.integerSequence(0, this.rowsPerPage).map(() => (index.h("div", { class: "envelope-placeholder" }))))), this.initiallyLoaded && !this.envelopes.length && index.h("div", { key: '74c7c7f37de6597e74217f3f859fadd6973b74c0', class: "empty-text" }, "No matching envelopes found. Please adjust your filters and try again."), this.initiallyLoaded && this.envelopes.length && this.showPagination ? (index.h("div", { style: { marginTop: '20px' } }, index.h("verdocs-pagination", { selectedPage: this.selectedPage, perPage: this.rowsPerPage, itemCount: this.count, onSelectPage: e => {
+        }), !this.initiallyLoaded && (index.h("div", { key: '33f3d8eda91a4c2d1563b3600603b64009c03184', style: { width: '100%' } }, jsSdk.integerSequence(0, this.rowsPerPage).map(() => (index.h("div", { class: "envelope-placeholder" }))))), this.initiallyLoaded && !this.envelopes.length && index.h("div", { key: 'a40a0675e15a1657177d682e9e59d9321042a16a', class: "empty-text" }, "No matching envelopes found. Please adjust your filters and try again."), this.initiallyLoaded && this.envelopes.length && this.showPagination ? (index.h("div", { style: { marginTop: '20px' } }, index.h("verdocs-pagination", { selectedPage: this.selectedPage, perPage: this.rowsPerPage, itemCount: this.count, onSelectPage: e => {
                 this.selectedPage = e.detail.selectedPage;
             } }))) : (index.h("div", null))));
     }