@verdocs/web-sdk 6.12.1 → 6.13.0

package/dist/verdocs-web-sdk/{p-11d11e68.entry.js → p-f97233a8.entry.js}

@@ -1,2 +1,2 @@
-import{r as t,c as e,h as i}from"./p-CjTHbolG.js";const s=()=>`verdocs-signature-dialog{font-family:"Inter", "Barlow", sans-serif;-webkit-box-sizing:border-box;box-sizing:border-box}verdocs-signature-dialog .content{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}verdocs-signature-dialog canvas{background:#ffffff;width:300px;height:79px;max-width:100%;margin:20px auto;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-box-shadow:0 0 6px 0 rgba(0, 0, 0, 0.1215686275);box-shadow:0 0 6px 0 rgba(0, 0, 0, 0.1215686275)}verdocs-signature-dialog .disclaimer{padding:8px 0;font-size:11px;line-height:14px;text-align:justify;color:rgba(0, 0, 0, 0.54)}verdocs-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-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-signature-dialog .tabs .tab.active{background:#f9f5fe;border-bottom:2px solid #707ae5}verdocs-signature-dialog .tabs .tab:hover{color:#55bc81}verdocs-signature-dialog .tabs .tab .icon{width:16px;height:16px}verdocs-signature-dialog .type{display:none;height:100px;margin-top:20px;-ms-flex-direction:column;flex-direction:column}verdocs-signature-dialog .type.active{display:-ms-flexbox;display:flex}verdocs-signature-dialog .draw{height:100px;display:none;margin-top:20px;-ms-flex-direction:column;flex-direction:column}verdocs-signature-dialog .draw.active{display:-ms-flexbox;display:flex}verdocs-signature-dialog .draw .draw-instructions{font-size:13px;color:rgba(0, 0, 0, 0.6);margin-bottom:8px;text-align:center}verdocs-signature-dialog .draw canvas{cursor:crosshair;-ms-touch-action:none;touch-action:none}verdocs-signature-dialog .draw .draw-actions{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;margin-top:12px}verdocs-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-signature-dialog .draw .draw-actions .clear-button:hover:not(:disabled){background-color:#f5f5f5;border-color:#b0b0b0}verdocs-signature-dialog .draw .draw-actions .clear-button:disabled{opacity:0.5;cursor:not-allowed}verdocs-signature-dialog .upload{height:100px;display:none;margin-top:20px;-ms-flex-direction:column;flex-direction:column}verdocs-signature-dialog .upload.active{display:-ms-flexbox;display:flex}verdocs-signature-dialog .upload .upload-instructions{font-size:13px;color:rgba(0, 0, 0, 0.6);margin-bottom:8px;text-align:center}verdocs-signature-dialog .upload .upload-actions{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;gap:12px;margin-top:8px}verdocs-signature-dialog .upload .upload-actions .upload-button{border:1px solid #55bc81;background-color:#55bc81;color:#ffffff;padding:8px 20px;font-size:13px;cursor:pointer;border-radius:4px;-webkit-transition:all 0.2s ease;transition:all 0.2s ease}verdocs-signature-dialog .upload .upload-actions .upload-button:hover{background-color:rgb(62.7594936709, 159.2405063291, 103.9746835443);border-color:rgb(62.7594936709, 159.2405063291, 103.9746835443)}verdocs-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-signature-dialog .upload .upload-actions .clear-button:hover:not(:disabled){background-color:#f5f5f5;border-color:#b0b0b0}verdocs-signature-dialog .upload .upload-actions .clear-button:disabled{opacity:0.5;cursor:not-allowed}verdocs-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-signature-dialog{}verdocs-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-signature-dialog .buttons button{-ms-flex:1;flex:1;border:0;height:38px;display:-ms-flexbox;display:flex;color:#ffffff;font-size:14px;cursor:pointer;-ms-flex-align:center;align-items:center;border-radius:6px;-ms-flex-pack:center;justify-content:center}verdocs-signature-dialog .buttons button.cancel{background-color:#654dcb}verdocs-signature-dialog .buttons button.proceed{background-color:#55bc81}verdocs-signature-dialog .buttons button:disabled{background-color:#6c727f}`;const a=`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M10 8h.01"/><path d="M12 12h.01"/><path d="M14 8h.01"/><path d="M16 12h.01"/><path d="M18 8h.01"/><path d="M6 8h.01"/><path d="M7 16h10"/><path d="M8 12h.01"/><rect width="20" height="16" x="2" y="4" rx="2"/></svg>`;const o=`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M21.174 6.812a1 1 0 0 0-3.986-3.987L3.842 16.174a2 2 0 0 0-.5.83l-1.321 4.352a.5.5 0 0 0 .623.622l4.353-1.32a2 2 0 0 0 .83-.497z"/><path d="m15 5 4 4"/></svg>`;const n=`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M10.3 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2v10l-3.1-3.1a2 2 0 0 0-2.814.014L6 21"/><path d="m14 19.5 3-3 3 3"/><path d="M17 22v-5.5"/><circle cx="9" cy="9" r="2"/></svg>`;const d=class{constructor(i){t(this,i);this.next=e(this,"next");this.exit=e(this,"exit");this.name="";this.fontLoaded=false;this.enteredName="";this.mode="type";this.isDrawing=false;this.hasDrawnSignature=false;this.hasUploadedImage=false;this.uploadedFileName="";this.currentStroke=[];this.allStrokes=[];this.lastPoint=null;this.uploadedImage=null;this.handlePointerDown=t=>{t.preventDefault();if(!this.canvasElement||!this.drawingContext){return}this.isDrawing=true;this.hasDrawnSignature=true;const e=this.getCanvasCoordinates(t);this.currentStroke=[e];this.lastPoint=e;this.drawingContext.beginPath();this.drawingContext.moveTo(e.x,e.y);this.canvasElement.setPointerCapture(t.pointerId)};this.handlePointerMove=t=>{t.preventDefault();if(!this.isDrawing||!this.drawingContext||!this.lastPoint){return}const e=this.getCanvasCoordinates(t);this.currentStroke.push(e);const i={x:(this.lastPoint.x+e.x)/2,y:(this.lastPoint.y+e.y)/2};this.drawingContext.quadraticCurveTo(this.lastPoint.x,this.lastPoint.y,i.x,i.y);this.drawingContext.stroke();this.lastPoint=e};this.handlePointerUp=t=>{t.preventDefault();if(!this.isDrawing||!this.drawingContext){return}if(this.lastPoint&&this.currentStroke.length>0){this.drawingContext.lineTo(this.lastPoint.x,this.lastPoint.y);this.drawingContext.stroke()}if(this.currentStroke.length>0){this.allStrokes.push([...this.currentStroke])}this.isDrawing=false;this.currentStroke=[];this.lastPoint=null;if(this.canvasElement){this.canvasElement.releasePointerCapture(t.pointerId)}};this.handlePointerCancel=t=>{this.isDrawing=false;this.currentStroke=[];this.lastPoint=null;if(this.canvasElement){this.canvasElement.releasePointerCapture(t.pointerId)}};this.handleSelectFile=t=>{var e;t.stopPropagation();t.preventDefault();(e=this.fileInputElement)===null||e===void 0?void 0:e.click()};this.handleFileChange=t=>{var e;const i=t.target;const s=(e=i.files)===null||e===void 0?void 0:e[0];if(!s){return}if(!s.type.startsWith("image/png")){alert("Please select a PNG image file.");i.value="";return}const a=new FileReader;a.onload=t=>{var e;const a=new Image;a.onload=()=>{this.uploadedImage=a;this.uploadedFileName=s.name;this.hasUploadedImage=true;this.drawUploadedImage()};a.onerror=()=>{alert("Failed to load image. Please try a different file.");i.value=""};a.src=(e=t.target)===null||e===void 0?void 0:e.result};a.onerror=()=>{alert("Failed to read file. Please try again.");i.value=""};a.readAsDataURL(s)};this.handleClearUpload=t=>{t.stopPropagation();t.preventDefault();this.uploadedImage=null;this.uploadedFileName="";this.hasUploadedImage=false;if(this.fileInputElement){this.fileInputElement.value=""}if(this.canvasElement){const t=this.canvasElement.getContext("2d");if(t){t.clearRect(0,0,this.canvasElement.width,this.canvasElement.height)}}}}componentWillLoad(){this.enteredName=this.name;const t=new FontFace("Dancing Script","url(https://fonts.gstatic.com/s/dancingscript/v19/If2cXTr6YS-zF4S-kcSWSVi_sxjsohD9F50Ruu7BMSo3Sup6hNX6plRP.woff)");t.load().then((t=>{document.fonts.add(t);this.fontLoaded=true}))}componentDidLoad(){this.redrawSignature();this.setupDrawingCanvas()}componentDidUpdate(){this.redrawSignature();this.setupDrawingCanvas();if(this.mode==="upload"&&this.hasUploadedImage){this.drawUploadedImage()}if(this.mode==="draw"&&this.allStrokes.length>0){this.redrawDrawnSignature()}}redrawSignature(){if(!this.canvasElement||this.mode!=="type"){return}const t=this.canvasElement.width;const e=this.canvasElement.getContext("2d");e.clearRect(0,0,this.canvasElement.width,this.canvasElement.height);let i=100;do{i-=2;e.font=`${i}px Dancing Script`}while(e.measureText(this.enteredName).width>t-32);e.textAlign="center";e.textBaseline="middle";e.font=`${i}px Dancing Script`;e.fillText(this.enteredName,this.canvasElement.width/2,this.canvasElement.height/2)}redrawDrawnSignature(){if(!this.canvasElement||!this.drawingContext||this.allStrokes.length===0){return}this.drawingContext.clearRect(0,0,this.canvasElement.width,this.canvasElement.height);for(const t of this.allStrokes){if(t.length===0){continue}this.drawingContext.beginPath();this.drawingContext.moveTo(t[0].x,t[0].y);for(let e=1;e<t.length;e++){const i=t[e];const s=t[e-1];const a={x:(s.x+i.x)/2,y:(s.y+i.y)/2};this.drawingContext.quadraticCurveTo(s.x,s.y,a.x,a.y)}if(t.length>1){const e=t[t.length-1];this.drawingContext.lineTo(e.x,e.y)}this.drawingContext.stroke()}}handleNameChange(t){this.enteredName=t.target.value}handleCancel(t){t.stopPropagation();t.preventDefault();this.exit.emit()}handleAdopt(t){t.stopPropagation();t.preventDefault();const e=this.canvasElement.toDataURL("image/png");this.next.emit(e)}isAdoptButtonDisabled(){switch(this.mode){case"type":return!this.enteredName||this.enteredName.trim().length===0;case"draw":return!this.hasDrawnSignature||this.allStrokes.length===0;case"upload":return!this.hasUploadedImage;default:return true}}setupDrawingCanvas(){if(!this.canvasElement){return}if(this.mode==="draw"){const t=this.canvasElement.getContext("2d");if(t&&t!==this.drawingContext){this.drawingContext=t;this.drawingContext.strokeStyle="#000000";this.drawingContext.lineWidth=2;this.drawingContext.lineCap="round";this.drawingContext.lineJoin="round";if(this.allStrokes.length===0){this.drawingContext.clearRect(0,0,this.canvasElement.width,this.canvasElement.height)}}}if(this.mode!=="draw"&&this.drawingContext){this.drawingContext=null;this.currentStroke=[];this.lastPoint=null}}clearDrawingCanvas(){if(!this.canvasElement||!this.drawingContext){return}this.drawingContext.clearRect(0,0,this.canvasElement.width,this.canvasElement.height);this.currentStroke=[];this.allStrokes=[];this.lastPoint=null;this.hasDrawnSignature=false}handleClearDrawing(t){t.stopPropagation();t.preventDefault();this.clearDrawingCanvas()}getCanvasCoordinates(t){if(!this.canvasElement){return{x:0,y:0}}const e=this.canvasElement.getBoundingClientRect();const i=this.canvasElement.width/e.width;const s=this.canvasElement.height/e.height;return{x:(t.clientX-e.left)*i,y:(t.clientY-e.top)*s}}drawUploadedImage(){if(!this.canvasElement||!this.uploadedImage){return}const t=this.canvasElement.getContext("2d");if(!t){return}t.clearRect(0,0,this.canvasElement.width,this.canvasElement.height);const e=this.canvasElement.width;const i=this.canvasElement.height;const s=this.uploadedImage.width;const a=this.uploadedImage.height;const o=10;const n=e-o*2;const d=i-o*2;const r=n/s;const c=d/a;const l=Math.min(r,c);const h=s*l;const f=a*l;const b=(e-h)/2;const u=(i-f)/2;t.drawImage(this.uploadedImage,b,u,h,f)}render(){return i("verdocs-dialog",{key:"ca263c99aa622d0d4c43cdc7ce96f5a9cbc89a7b"},i("div",{key:"1ac854a229f0bbc138d194227823015f896f862d",slot:"heading",class:"heading"},i("div",{key:"a53f434f77bb1544f4854708a424314e83eb4c54",class:"icon"},i("svg",{key:"486c75174a87f575c82c1042986e49a6949bd9bb",width:"22",height:"19",viewBox:"0 0 22 19",fill:"none",xmlns:"http://www.w3.org/2000/svg"},i("g",{key:"697bc83e39a7716174b4ead87322ffd53556191c","clip-path":"url(#clip0_34208_4881)"},i("path",{key:"dcb04e1e66a604c452151456cd5285dcbb24f4fd",d:"M3.125 0.75C1.88398 0.75 0.875 1.75898 0.875 3V16.5C0.875 17.741 1.88398 18.75 3.125 18.75H12.125C13.366 18.75 14.375 17.741 14.375 16.5V15.8215C14.2801 15.8602 14.1852 15.8918 14.0867 15.9164L11.9738 16.4437C11.8684 16.4684 11.7629 16.4859 11.6574 16.493C11.6258 16.4965 11.5941 16.5 11.5625 16.5H9.3125C9.09805 16.5 8.90469 16.3805 8.80977 16.1906L8.50039 15.5684C8.44062 15.4488 8.32109 15.375 8.19102 15.375C8.06094 15.375 7.93789 15.4488 7.88164 15.5684L7.57227 16.1906C7.47031 16.398 7.24883 16.5211 7.02031 16.5C6.7918 16.4789 6.59492 16.3207 6.53164 16.1027L5.9375 14.1445L5.59297 15.2977C5.37852 16.0113 4.72109 16.5 3.97578 16.5H3.6875C3.37812 16.5 3.125 16.2469 3.125 15.9375C3.125 15.6281 3.37812 15.375 3.6875 15.375H3.97578C4.22539 15.375 4.44336 15.2133 4.51367 14.9742L5.0375 13.234C5.15703 12.8367 5.52266 12.5625 5.9375 12.5625C6.35234 12.5625 6.71797 12.8367 6.8375 13.234L7.24531 14.591C7.50547 14.373 7.83594 14.25 8.1875 14.25C8.74648 14.25 9.25625 14.5664 9.50586 15.0656L9.66055 15.375H9.97344C9.86445 15.0656 9.84336 14.7281 9.92422 14.3977L10.4516 12.2848C10.55 11.8875 10.7539 11.5289 11.0422 11.2406L14.375 7.90781V6.375H9.875C9.25273 6.375 8.75 5.87227 8.75 5.25V0.75H3.125ZM9.875 0.75V5.25H14.375L9.875 0.75ZM20.2039 5.66133C19.6555 5.11289 18.766 5.11289 18.2141 5.66133L17.1805 6.69492L19.6766 9.19102L20.7102 8.15742C21.2586 7.60898 21.2586 6.71953 20.7102 6.16758L20.2039 5.66133ZM11.8402 12.0352C11.6961 12.1793 11.5941 12.3586 11.5449 12.559L11.0176 14.6719C10.9684 14.8652 11.0246 15.0656 11.1652 15.2063C11.3059 15.3469 11.5062 15.4031 11.6996 15.3539L13.8125 14.8266C14.0094 14.7773 14.1922 14.6754 14.3363 14.5312L18.8785 9.98555L16.3824 7.48945L11.8402 12.0352Z",fill:"white"})),i("defs",{key:"ab4b9458a7c824460cda1d07cc162c790646926c"},i("clipPath",{key:"854b087a4a75a464eba5e1ea10aa4702312459c9",id:"clip0_34208_4881"},i("path",{key:"1c06d441ff4c8f9577de22fd755e2fbafc771271",d:"M0.875 0.75H21.125V18.75H0.875V0.75Z",fill:"white"}))))),i("div",{key:"8c0d4869fde0111f6c60117d163410e8f433b966",class:"title"},"Adopt Signature")),i("div",{key:"59850b35b1ae3887e5342357461d093f4f3960a3",slot:"content",class:"content"},i("div",{key:"d1a20a6b3388aad30b4d7fb538aadb748c648685",class:"tabs"},i("div",{key:"bdfb81c2816c99ee5ee24d6a36e78ae9e4262697",class:{tab:true,active:this.mode==="type"},onClick:()=>this.mode="type"},i("div",{key:"6b5ef6739a10171416c38e3c1b539555010f882d",innerHTML:a,class:"icon"}),i("div",{key:"2d52847d0f732ef6bd04e3be41dc6987e5953b10"},"Type")),i("div",{key:"dce131eeabc187f5b512f1b4df85a565b00c388b",class:{tab:true,active:this.mode==="draw"},onClick:()=>this.mode="draw"},i("div",{key:"f6556f200e646713806a76a1b2783c03cb4d622c",innerHTML:o,class:"icon"}),i("div",{key:"7e93db252dde87aab31b09886b9f8dd33fe5ddb5"},"Draw")),i("div",{key:"63847aa5eea2d8eb87ec2cf2bac17cbe42f1359c",class:{tab:true,active:this.mode==="upload"},onClick:()=>this.mode="upload"},i("div",{key:"5d5de708234e4392f91dda80741a08a1f3b3e681",innerHTML:n,class:"icon"}),i("div",{key:"48f11243e7ffb18f56d02428d4a769a202f96bc3"},"Upload"))),i("div",{key:"5229b7d0af115f69d3279181b3a8b7fcd9cb5d5d",class:{type:true,active:this.mode==="type"}},i("verdocs-text-input",{key:"3e110000de43f159c14c6b4c29a265121e2a6600",label:"Full Name",value:this.enteredName,placeholder:"Full Name...",description:"As shown on driver's license or govt. ID card.",onInput:t=>this.handleNameChange(t),onClick:t=>t.stopPropagation()})),i("div",{key:"3cb24f32c550ec5dcccc17a563479bd065a17a9b",class:{draw:true,active:this.mode==="draw"}},i("div",{key:"db7c2469551c6cd844cc86247180a2ebb9d2c31c",class:"draw-instructions"},"Draw your signature below using your mouse or finger"),i("div",{key:"b53a82e2e297ba7d77e30f66813bb41ddc5cb8c3",class:"draw-actions"},i("button",{key:"d6e2ac256284fcf864bd7d5534e0a964bfd68607",class:"clear-button",onClick:t=>this.handleClearDrawing(t),disabled:!this.hasDrawnSignature},"Clear"))),i("div",{key:"066dbe1573415c3aca81dfbaa38e1f0de44f98d7",class:{upload:true,active:this.mode==="upload"}},i("div",{key:"64a3fad414383fb4d783b84a9fdee4df9ce4e544",class:"upload-instructions"},"Upload a PNG image of your signature"),i("input",{key:"4b2596fae3a2ba0d680f2e992fee32a62123bc3a",ref:t=>this.fileInputElement=t,type:"file",accept:"image/png",onChange:this.handleFileChange,style:{display:"none"}}),i("div",{key:"ab11b55871234a0728a9fb34d35cc31e71cc0a71",class:"upload-actions"},i("button",{key:"855ec542a67a3b2ac07e5585c0ec3d15d2d417bc",class:"upload-button",onClick:this.handleSelectFile},this.hasUploadedImage?"Change Image":"Select PNG File"),this.hasUploadedImage&&i("button",{key:"92b116129c8a07423e32c73828791a50f0ae7f36",class:"clear-button",onClick:this.handleClearUpload},"Clear")),this.uploadedFileName&&i("div",{key:"d618950928ee267f305b8c91e880b441a422b9ab",class:"upload-filename"},this.uploadedFileName)),i("canvas",{key:"a5164a02b91cfe325b79835ff2c5fd87910034ba",ref:t=>this.canvasElement=t,width:"300",height:"79",onPointerDown:this.handlePointerDown,onPointerMove:this.handlePointerMove,onPointerUp:this.handlePointerUp,onPointerCancel:this.handlePointerCancel,style:{touchAction:"none",cursor:"crosshair"}}),i("div",{key:"d04f25571ba0ff2b46a52eb10b6bc28e92a5a283",class:"disclaimer"},"By clicking Adopt, I agree that the signature will be the electronic representation of my signature for all purposes when I (or my agent) use them on documents, including legally binding contracts — just the same as a pen-and-paper signature or initial.")),i("div",{key:"09eabbd24b7b008fa0e1345060231205e0ecf857",class:"footer",slot:"footer"},i("div",{key:"b36e2e9a1e87f4e79b8fa74a97437cdd3604a0fb",class:"buttons"},i("button",{key:"88651ad85da973c2aae71cfd1431517f9987ff84",class:"cancel",onClick:t=>this.handleCancel(t)},"Cancel"),i("button",{key:"08341a6c1d79158449afe2a8e08af22fdbe59b21",class:"proceed",onClick:t=>this.handleAdopt(t),disabled:this.isAdoptButtonDisabled()},"Adopt & Sign"))))}};d.style=s();export{d as verdocs_signature_dialog};
-//# sourceMappingURL=p-11d11e68.entry.js.map
+import{r as t,c as e,h as i}from"./p-CjTHbolG.js";const s=()=>`verdocs-signature-dialog{font-family:"Inter", "Barlow", sans-serif;-webkit-box-sizing:border-box;box-sizing:border-box}verdocs-signature-dialog .content{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}verdocs-signature-dialog canvas{background:#ffffff;width:300px;height:79px;max-width:100%;margin:20px auto;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-box-shadow:0 0 6px 0 rgba(0, 0, 0, 0.1215686275);box-shadow:0 0 6px 0 rgba(0, 0, 0, 0.1215686275)}verdocs-signature-dialog .disclaimer{padding:8px 0;font-size:11px;line-height:14px;text-align:justify;color:rgba(0, 0, 0, 0.54)}verdocs-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-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-signature-dialog .tabs .tab.active{background:#f9f5fe;border-bottom:2px solid #707ae5}verdocs-signature-dialog .tabs .tab:hover{color:#55bc81}verdocs-signature-dialog .tabs .tab .icon{width:16px;height:16px}verdocs-signature-dialog .type{display:none;height:100px;margin-top:20px;-ms-flex-direction:column;flex-direction:column}verdocs-signature-dialog .type.active{display:-ms-flexbox;display:flex}verdocs-signature-dialog .draw{height:100px;display:none;margin-top:20px;-ms-flex-direction:column;flex-direction:column}verdocs-signature-dialog .draw.active{display:-ms-flexbox;display:flex}verdocs-signature-dialog .draw .draw-instructions{font-size:13px;color:rgba(0, 0, 0, 0.6);margin-bottom:8px;text-align:center}verdocs-signature-dialog .draw canvas{cursor:crosshair;-ms-touch-action:none;touch-action:none}verdocs-signature-dialog .draw .draw-actions{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;margin-top:12px}verdocs-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-signature-dialog .draw .draw-actions .clear-button:hover:not(:disabled){background-color:#f5f5f5;border-color:#b0b0b0}verdocs-signature-dialog .draw .draw-actions .clear-button:disabled{opacity:0.5;cursor:not-allowed}verdocs-signature-dialog .upload{height:100px;display:none;margin-top:20px;-ms-flex-direction:column;flex-direction:column}verdocs-signature-dialog .upload.active{display:-ms-flexbox;display:flex}verdocs-signature-dialog .upload .upload-instructions{font-size:13px;color:rgba(0, 0, 0, 0.6);margin-bottom:8px;text-align:center}verdocs-signature-dialog .upload .upload-actions{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;gap:12px;margin-top:8px}verdocs-signature-dialog .upload .upload-actions .upload-button{border:1px solid #55bc81;background-color:#55bc81;color:#ffffff;padding:8px 20px;font-size:13px;cursor:pointer;border-radius:4px;-webkit-transition:all 0.2s ease;transition:all 0.2s ease}verdocs-signature-dialog .upload .upload-actions .upload-button:hover{background-color:rgb(62.7594936709, 159.2405063291, 103.9746835443);border-color:rgb(62.7594936709, 159.2405063291, 103.9746835443)}verdocs-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-signature-dialog .upload .upload-actions .clear-button:hover:not(:disabled){background-color:#f5f5f5;border-color:#b0b0b0}verdocs-signature-dialog .upload .upload-actions .clear-button:disabled{opacity:0.5;cursor:not-allowed}verdocs-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-signature-dialog{}verdocs-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-signature-dialog .buttons button{-ms-flex:1;flex:1;border:0;height:38px;display:-ms-flexbox;display:flex;color:#ffffff;font-size:14px;cursor:pointer;-ms-flex-align:center;align-items:center;border-radius:6px;-ms-flex-pack:center;justify-content:center}verdocs-signature-dialog .buttons button.cancel{background-color:#654dcb}verdocs-signature-dialog .buttons button.proceed{background-color:#55bc81}verdocs-signature-dialog .buttons button:disabled{background-color:#6c727f}`;const a=`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M10 8h.01"/><path d="M12 12h.01"/><path d="M14 8h.01"/><path d="M16 12h.01"/><path d="M18 8h.01"/><path d="M6 8h.01"/><path d="M7 16h10"/><path d="M8 12h.01"/><rect width="20" height="16" x="2" y="4" rx="2"/></svg>`;const o=`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M21.174 6.812a1 1 0 0 0-3.986-3.987L3.842 16.174a2 2 0 0 0-.5.83l-1.321 4.352a.5.5 0 0 0 .623.622l4.353-1.32a2 2 0 0 0 .83-.497z"/><path d="m15 5 4 4"/></svg>`;const d=`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M10.3 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2v10l-3.1-3.1a2 2 0 0 0-2.814.014L6 21"/><path d="m14 19.5 3-3 3 3"/><path d="M17 22v-5.5"/><circle cx="9" cy="9" r="2"/></svg>`;const n=class{constructor(i){t(this,i);this.next=e(this,"next");this.exit=e(this,"exit");this.name="";this.fontLoaded=false;this.enteredName="";this.mode="type";this.isDrawing=false;this.hasDrawnSignature=false;this.hasUploadedImage=false;this.uploadedFileName="";this.currentStroke=[];this.allStrokes=[];this.lastPoint=null;this.uploadedImage=null;this.handlePointerDown=t=>{t.preventDefault();if(!this.canvasElement||!this.drawingContext){return}this.isDrawing=true;this.hasDrawnSignature=true;const e=this.getCanvasCoordinates(t);this.currentStroke=[e];this.lastPoint=e;this.drawingContext.beginPath();this.drawingContext.moveTo(e.x,e.y);this.canvasElement.setPointerCapture(t.pointerId)};this.handlePointerMove=t=>{t.preventDefault();if(!this.isDrawing||!this.drawingContext||!this.lastPoint){return}const e=this.getCanvasCoordinates(t);this.currentStroke.push(e);const i={x:(this.lastPoint.x+e.x)/2,y:(this.lastPoint.y+e.y)/2};this.drawingContext.quadraticCurveTo(this.lastPoint.x,this.lastPoint.y,i.x,i.y);this.drawingContext.stroke();this.lastPoint=e};this.handlePointerUp=t=>{t.preventDefault();if(!this.isDrawing||!this.drawingContext){return}if(this.lastPoint&&this.currentStroke.length>0){this.drawingContext.lineTo(this.lastPoint.x,this.lastPoint.y);this.drawingContext.stroke()}if(this.currentStroke.length>0){this.allStrokes.push([...this.currentStroke])}this.isDrawing=false;this.currentStroke=[];this.lastPoint=null;if(this.canvasElement){this.canvasElement.releasePointerCapture(t.pointerId)}};this.handlePointerCancel=t=>{this.isDrawing=false;this.currentStroke=[];this.lastPoint=null;if(this.canvasElement){this.canvasElement.releasePointerCapture(t.pointerId)}};this.handleSelectFile=t=>{var e;t.stopPropagation();t.preventDefault();(e=this.fileInputElement)===null||e===void 0?void 0:e.click()};this.handleFileChange=t=>{var e;const i=t.target;const s=(e=i.files)===null||e===void 0?void 0:e[0];if(!s){return}if(!s.type.startsWith("image/png")){alert("Please select a PNG image file.");i.value="";return}const a=new FileReader;a.onload=t=>{var e;const a=new Image;a.onload=()=>{this.uploadedImage=a;this.uploadedFileName=s.name;this.hasUploadedImage=true;this.drawUploadedImage()};a.onerror=()=>{alert("Failed to load image. Please try a different file.");i.value=""};a.src=(e=t.target)===null||e===void 0?void 0:e.result};a.onerror=()=>{alert("Failed to read file. Please try again.");i.value=""};a.readAsDataURL(s)};this.handleClearUpload=t=>{t.stopPropagation();t.preventDefault();this.uploadedImage=null;this.uploadedFileName="";this.hasUploadedImage=false;if(this.fileInputElement){this.fileInputElement.value=""}if(this.canvasElement){const t=this.canvasElement.getContext("2d");if(t){t.clearRect(0,0,this.canvasElement.width,this.canvasElement.height)}}}}componentWillLoad(){this.enteredName=this.name;const t=new FontFace("Dancing Script","url(https://fonts.gstatic.com/s/dancingscript/v19/If2cXTr6YS-zF4S-kcSWSVi_sxjsohD9F50Ruu7BMSo3Sup6hNX6plRP.woff)");t.load().then((t=>{document.fonts.add(t);this.fontLoaded=true}))}componentDidLoad(){this.redrawSignature();this.setupDrawingCanvas()}componentDidUpdate(){this.redrawSignature();this.setupDrawingCanvas();if(this.mode==="upload"&&this.hasUploadedImage){this.drawUploadedImage()}if(this.mode==="draw"&&this.allStrokes.length>0){this.redrawDrawnSignature()}}redrawSignature(){if(!this.canvasElement||this.mode!=="type"){return}const t=this.canvasElement.width;const e=this.canvasElement.getContext("2d");e.clearRect(0,0,this.canvasElement.width,this.canvasElement.height);let i=100;do{i-=2;e.font=`${i}px Dancing Script`}while(e.measureText(this.enteredName).width>t-32);e.textAlign="center";e.textBaseline="middle";e.font=`${i}px Dancing Script`;e.fillText(this.enteredName,this.canvasElement.width/2,this.canvasElement.height/2)}redrawDrawnSignature(){if(!this.canvasElement||!this.drawingContext||this.allStrokes.length===0){return}this.drawingContext.clearRect(0,0,this.canvasElement.width,this.canvasElement.height);for(const t of this.allStrokes){if(t.length===0){continue}this.drawingContext.beginPath();this.drawingContext.moveTo(t[0].x,t[0].y);for(let e=1;e<t.length;e++){const i=t[e];const s=t[e-1];const a={x:(s.x+i.x)/2,y:(s.y+i.y)/2};this.drawingContext.quadraticCurveTo(s.x,s.y,a.x,a.y)}if(t.length>1){const e=t[t.length-1];this.drawingContext.lineTo(e.x,e.y)}this.drawingContext.stroke()}}handleNameChange(t){this.enteredName=t.target.value}handleCancel(t){t.stopPropagation();t.preventDefault();this.exit.emit()}handleAdopt(t){t.stopPropagation();t.preventDefault();const e=this.canvasElement.toDataURL("image/png");this.next.emit(e)}isAdoptButtonDisabled(){switch(this.mode){case"type":return!this.enteredName||this.enteredName.trim().length===0;case"draw":return!this.hasDrawnSignature||this.allStrokes.length===0;case"upload":return!this.hasUploadedImage;default:return true}}setupDrawingCanvas(){if(!this.canvasElement){return}if(this.mode==="draw"){const t=this.canvasElement.getContext("2d");if(t&&t!==this.drawingContext){this.drawingContext=t;this.drawingContext.strokeStyle="#000000";this.drawingContext.lineWidth=2;this.drawingContext.lineCap="round";this.drawingContext.lineJoin="round";if(this.allStrokes.length===0){this.drawingContext.clearRect(0,0,this.canvasElement.width,this.canvasElement.height)}}}if(this.mode!=="draw"&&this.drawingContext){this.drawingContext=null;this.currentStroke=[];this.lastPoint=null}}clearDrawingCanvas(){if(!this.canvasElement||!this.drawingContext){return}this.drawingContext.clearRect(0,0,this.canvasElement.width,this.canvasElement.height);this.currentStroke=[];this.allStrokes=[];this.lastPoint=null;this.hasDrawnSignature=false}handleClearDrawing(t){t.stopPropagation();t.preventDefault();this.clearDrawingCanvas()}getCanvasCoordinates(t){if(!this.canvasElement){return{x:0,y:0}}const e=this.canvasElement.getBoundingClientRect();const i=this.canvasElement.width/e.width;const s=this.canvasElement.height/e.height;return{x:(t.clientX-e.left)*i,y:(t.clientY-e.top)*s}}drawUploadedImage(){if(!this.canvasElement||!this.uploadedImage){return}const t=this.canvasElement.getContext("2d");if(!t){return}t.clearRect(0,0,this.canvasElement.width,this.canvasElement.height);const e=this.canvasElement.width;const i=this.canvasElement.height;const s=this.uploadedImage.width;const a=this.uploadedImage.height;const o=10;const d=e-o*2;const n=i-o*2;const r=d/s;const c=n/a;const l=Math.min(r,c);const h=s*l;const f=a*l;const u=(e-h)/2;const p=(i-f)/2;t.drawImage(this.uploadedImage,u,p,h,f)}render(){return i("verdocs-dialog",{key:"db10edcf804c46eb00fe5c2df962d1b8ae106493"},i("div",{key:"5a0423bd616fbebb6f823b56fa2aff80e049ead4",slot:"heading",class:"heading"},i("div",{key:"2c6784bf171176d898cb2915e2e1022122161992",class:"icon"},i("svg",{key:"343e64d99febdc50d7ff7711c3c8389217329173",width:"22",height:"19",viewBox:"0 0 22 19",fill:"none",xmlns:"http://www.w3.org/2000/svg"},i("g",{key:"2395f0b040d4a52495036b23d1e8961a4c9f33aa","clip-path":"url(#clip0_34208_4881)"},i("path",{key:"ee95ffa7e0eee4a6b59e5a6c97d1466c37897ef1",d:"M3.125 0.75C1.88398 0.75 0.875 1.75898 0.875 3V16.5C0.875 17.741 1.88398 18.75 3.125 18.75H12.125C13.366 18.75 14.375 17.741 14.375 16.5V15.8215C14.2801 15.8602 14.1852 15.8918 14.0867 15.9164L11.9738 16.4437C11.8684 16.4684 11.7629 16.4859 11.6574 16.493C11.6258 16.4965 11.5941 16.5 11.5625 16.5H9.3125C9.09805 16.5 8.90469 16.3805 8.80977 16.1906L8.50039 15.5684C8.44062 15.4488 8.32109 15.375 8.19102 15.375C8.06094 15.375 7.93789 15.4488 7.88164 15.5684L7.57227 16.1906C7.47031 16.398 7.24883 16.5211 7.02031 16.5C6.7918 16.4789 6.59492 16.3207 6.53164 16.1027L5.9375 14.1445L5.59297 15.2977C5.37852 16.0113 4.72109 16.5 3.97578 16.5H3.6875C3.37812 16.5 3.125 16.2469 3.125 15.9375C3.125 15.6281 3.37812 15.375 3.6875 15.375H3.97578C4.22539 15.375 4.44336 15.2133 4.51367 14.9742L5.0375 13.234C5.15703 12.8367 5.52266 12.5625 5.9375 12.5625C6.35234 12.5625 6.71797 12.8367 6.8375 13.234L7.24531 14.591C7.50547 14.373 7.83594 14.25 8.1875 14.25C8.74648 14.25 9.25625 14.5664 9.50586 15.0656L9.66055 15.375H9.97344C9.86445 15.0656 9.84336 14.7281 9.92422 14.3977L10.4516 12.2848C10.55 11.8875 10.7539 11.5289 11.0422 11.2406L14.375 7.90781V6.375H9.875C9.25273 6.375 8.75 5.87227 8.75 5.25V0.75H3.125ZM9.875 0.75V5.25H14.375L9.875 0.75ZM20.2039 5.66133C19.6555 5.11289 18.766 5.11289 18.2141 5.66133L17.1805 6.69492L19.6766 9.19102L20.7102 8.15742C21.2586 7.60898 21.2586 6.71953 20.7102 6.16758L20.2039 5.66133ZM11.8402 12.0352C11.6961 12.1793 11.5941 12.3586 11.5449 12.559L11.0176 14.6719C10.9684 14.8652 11.0246 15.0656 11.1652 15.2063C11.3059 15.3469 11.5062 15.4031 11.6996 15.3539L13.8125 14.8266C14.0094 14.7773 14.1922 14.6754 14.3363 14.5312L18.8785 9.98555L16.3824 7.48945L11.8402 12.0352Z",fill:"white"})),i("defs",{key:"cc1fe4774e3ec98275c110380e028810a9812dc1"},i("clipPath",{key:"cd0c227ca9ab543cca14319b3ae2b03743fcdd24",id:"clip0_34208_4881"},i("path",{key:"edea73952f5f83255d37ae9389c3a4491c608616",d:"M0.875 0.75H21.125V18.75H0.875V0.75Z",fill:"white"}))))),i("div",{key:"2921ef7cad3ed17b05ced2e468ade98a9f9a1039",class:"title"},"Adopt Signature")),i("div",{key:"4edfb086ef94548c2668d7785d496fd94ce022f1",slot:"content",class:"content"},i("div",{key:"8f2c07a462ab017a8135f1055db37ed8045972a9",class:"tabs"},i("div",{key:"324495518ec9a68aefdd08153001eb11d799e0c1",class:{tab:true,active:this.mode==="type"},onClick:()=>this.mode="type"},i("div",{key:"c3ea6b99cfd3abec7559c443fb3ad241b348c678",innerHTML:a,class:"icon"}),i("div",{key:"477e075ef90f8b8a6c5cf3811a3899e863dd1955"},"Type")),i("div",{key:"3a033060aea76ecc698247620d6a3d37804cf51d",class:{tab:true,active:this.mode==="draw"},onClick:()=>this.mode="draw"},i("div",{key:"d896a50e72b7b047dff6bd58cf25e51f5898e46f",innerHTML:o,class:"icon"}),i("div",{key:"f69dfd3d844ed5aab916ed080d008300b1442822"},"Draw")),i("div",{key:"2cdf756c39a25f8c57f9397dda34ca4f16a0c1c6",class:{tab:true,active:this.mode==="upload"},onClick:()=>this.mode="upload"},i("div",{key:"78b33ad127168fcfbd1991e9cd4eeec75ae916da",innerHTML:d,class:"icon"}),i("div",{key:"da89a9e7931500397dc35739f7e1082fc214646b"},"Upload"))),i("div",{key:"a6c71d283574178abff0b87373d84a4296d21cbf",class:{type:true,active:this.mode==="type"}},i("verdocs-text-input",{key:"513135d4e60be78ca8122d203baa56a8aa8888f6",label:"Full Name",value:this.enteredName,placeholder:"Full Name...",description:"As shown on driver's license or govt. ID card.",onInput:t=>this.handleNameChange(t),onClick:t=>t.stopPropagation()})),i("div",{key:"e77be4d73bce299698dce7475b04f63781336161",class:{draw:true,active:this.mode==="draw"}},i("div",{key:"28e8ddaf5a36f8dd71cd28639773d1220792f8ff",class:"draw-instructions"},"Draw your signature below using your mouse or finger"),i("div",{key:"f8f4a3d8f0f69ed45c75ae612a3c976858052d87",class:"draw-actions"},i("button",{key:"dd3d1ccb059acd4fb0f224b277b60ac59fa3ff77",class:"clear-button",onClick:t=>this.handleClearDrawing(t),disabled:!this.hasDrawnSignature},"Clear"))),i("div",{key:"6964ea2ebbb4c60ceef9d199445a315b45b84ddf",class:{upload:true,active:this.mode==="upload"}},i("div",{key:"bee3f8a5a560a1a8c7d4c677c96d30a7dc69c93e",class:"upload-instructions"},"Upload a PNG image of your signature"),i("input",{key:"31220c0a363d5b9ddcfd93062279e0d3d6df4e10",ref:t=>this.fileInputElement=t,type:"file",accept:"image/png",onChange:this.handleFileChange,style:{display:"none"}}),i("div",{key:"ac4c882fd67f700d6c0b5a5b33e9e9e323b0a48b",class:"upload-actions"},i("button",{key:"973df7f6cef82ab79f958d31ac0187e6c495ba05",class:"upload-button",onClick:this.handleSelectFile},this.hasUploadedImage?"Change Image":"Select PNG File"),this.hasUploadedImage&&i("button",{key:"40e7f06af931d94b3c02608cd495afc3949c92cc",class:"clear-button",onClick:this.handleClearUpload},"Clear")),this.uploadedFileName&&i("div",{key:"94fb0ddf3fd4daea6fad68385b34ac33947c9e19",class:"upload-filename"},this.uploadedFileName)),i("canvas",{key:"b01429dcfe162b486367921af9257929ca020177",ref:t=>this.canvasElement=t,width:"300",height:"79",onPointerDown:this.handlePointerDown,onPointerMove:this.handlePointerMove,onPointerUp:this.handlePointerUp,onPointerCancel:this.handlePointerCancel,style:{touchAction:"none",cursor:"crosshair"}}),i("div",{key:"f1cafc7b6c449614895e90bba50f63f688fd4401",class:"disclaimer"},"By clicking Adopt, I agree that the signature will be the electronic representation of my signature for all purposes when I (or my agent) use them on documents, including legally binding contracts — just the same as a pen-and-paper signature or initial.")),i("div",{key:"2ecc9291e5a73cba4e17e9c0c1cf765f49972b78",class:"footer",slot:"footer"},i("div",{key:"8091868df0484dcfaece304fe743703e18c8b546",class:"buttons"},i("button",{key:"ea3d366c23befd85959bac4bb14325103fbbc767",class:"cancel",onClick:t=>this.handleCancel(t)},"Cancel"),i("button",{key:"4131a02beeeb77b59250bffb01ef317ebe2efdca",class:"proceed",onClick:t=>this.handleAdopt(t),disabled:this.isAdoptButtonDisabled()},"Adopt & Sign"))))}};n.style=s();export{n as verdocs_signature_dialog};
+//# sourceMappingURL=p-f97233a8.entry.js.map

package/dist/verdocs-web-sdk/{p-eccd653b.entry.js → p-fea6fe32.entry.js}

@@ -1,2 +1,2 @@
-import{r as i,c as e,h as t,H as a}from"./p-CjTHbolG.js";const o=()=>`verdocs-initial-dialog{font-family:"Inter", "Barlow", sans-serif;-webkit-box-sizing:border-box;box-sizing:border-box;position:fixed;z-index:10000;top:0;left:0;right:0;bottom:0;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;background:rgba(0, 0, 0, 0.4980392157)}verdocs-initial-dialog .dialog{width:100%;max-width:340px;border-radius:4px;overflow:hidden;-webkit-box-shadow:3px 3px 5px 1px rgba(40, 40, 40, 0.4);box-shadow:3px 3px 5px 1px rgba(40, 40, 40, 0.4);background:#f9f9f9}verdocs-initial-dialog .heading{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;padding:20px 20px 0 20px;line-height:28px;font-size:20px;font-weight:500}verdocs-initial-dialog .content{font-size:14px;padding:20px}verdocs-initial-dialog .buttons{display:-ms-flexbox;display:flex;margin:20px 0 0 0;-ms-flex-direction:row;flex-direction:row;-ms-flex-pack:end;justify-content:flex-end;-ms-flex-align:center;align-items:center}verdocs-initial-dialog .buttons verdocs-button{margin-left:16px}verdocs-initial-dialog canvas{background:#fff;-webkit-box-sizing:border-box;box-sizing:border-box;margin:0 auto;width:300px;height:79px;max-width:100%;-webkit-box-shadow:0 0 6px 0 rgba(0, 0, 0, 0.1215686275);box-shadow:0 0 6px 0 rgba(0, 0, 0, 0.1215686275)}verdocs-initial-dialog .disclaimer{text-align:justify;padding:8px 0;font-size:11px;line-height:14px;color:rgba(0, 0, 0, 0.54)}verdocs-initial-dialog .as-shown{font-size:11px;margin:4px 0 20px 4px;color:rgba(0, 0, 0, 0.54)}verdocs-initial-dialog .tabs{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row}verdocs-initial-dialog .tabs .tab{padding:8px 15px;cursor:pointer}verdocs-initial-dialog .tabs .tab.active{border-bottom:2px solid #cccccc}verdocs-initial-dialog .tabs .tab:hover{color:#55bc81}`;const s=class{constructor(t){i(this,t);this.next=e(this,"next");this.exit=e(this,"exit");this.initials="";this.fontLoaded=false;this.enteredInitials="";this.mode="type"}componentWillLoad(){this.enteredInitials=this.initials.toUpperCase();const i=new FontFace("Dancing Script","url(https://fonts.gstatic.com/s/dancingscript/v19/If2cXTr6YS-zF4S-kcSWSVi_sxjsohD9F50Ruu7BMSo3Sup6hNX6plRP.woff)");i.load().then((i=>{document.fonts.add(i);this.fontLoaded=true}))}componentDidLoad(){this.redrawSignature()}componentDidUpdate(){this.redrawSignature()}redrawSignature(){if(!this.canvasElement){return}const i=this.canvasElement.width;const e=this.canvasElement.getContext("2d");e.clearRect(0,0,this.canvasElement.width,this.canvasElement.height);let t=100;do{t-=2;e.font=`${t}px Dancing Script`}while(e.measureText(this.enteredInitials).width>i-32);e.textAlign="center";e.textBaseline="middle";e.font=`${t}px Dancing Script`;e.fillText(this.enteredInitials,this.canvasElement.width/2,this.canvasElement.height/2)}handleNameChange(i){this.enteredInitials=i.target.value}handleCancel(i){i.stopPropagation();i.preventDefault();this.exit.emit()}handleAdopt(i){i.stopPropagation();i.preventDefault();const e=this.canvasElement.toDataURL("image/png");this.next.emit(e)}render(){return t(a,{key:"992dade090d8617ad7ab47caf5a178cca0d3016d",onClick:i=>this.handleCancel(i)},t("div",{key:"49c8c0a53cefd2c456eca43b20b2b03d1ad40e8b",class:"dialog"},t("div",{key:"ac343aab6885db77015a245b631612227db6af0a",class:"heading"},"Create Your Initial"),t("div",{key:"6c3bca252b629e80e3008f919e2f57d16cd367d3",class:"content"},t("verdocs-text-input",{key:"7cb94c059ecc36c03448def94ad047e72d61dd81",placeholder:"Initials...",label:"Initials",value:this.enteredInitials,onInput:i=>this.handleNameChange(i),onClick:i=>i.stopPropagation()}),t("div",{key:"9bfddbd953605fb972971db50758771c051fe20e",class:"as-shown"},"As shown on driver's license or govt. ID card."),this.fontLoaded?t("canvas",{ref:i=>this.canvasElement=i}):t("div",{style:{display:"none"}}),t("div",{key:"716e844579235e6c76d9564b8f830e271416ac6f",class:"disclaimer"},"By clicking Adopt, I agree that the signature will be the electronic representation of my signature for all purposes when I (or my agent) use them on documents, including legally binding contracts — just the same as a pen-and-paper signature or initial."),t("div",{key:"31a94c70a7c909f269c18bc1c437f26f9a207bf1",class:"buttons"},t("verdocs-button",{key:"6e6fbc994a3dd71b41b64816358cd90348bba134",label:"CANCEL",size:"normal",variant:"outline",onClick:i=>this.handleCancel(i)}),t("verdocs-button",{key:"7568e66bf4d8e5f0721bd9ffbf4c5adb85236fb4",label:"Adopt & Sign",size:"normal",onClick:i=>this.handleAdopt(i)})))))}};s.style=o();export{s as verdocs_initial_dialog};
-//# sourceMappingURL=p-eccd653b.entry.js.map
+import{r as i,c as e,h as t,H as a}from"./p-CjTHbolG.js";const o=()=>`verdocs-initial-dialog{font-family:"Inter", "Barlow", sans-serif;-webkit-box-sizing:border-box;box-sizing:border-box;position:fixed;z-index:10000;top:0;left:0;right:0;bottom:0;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;background:rgba(0, 0, 0, 0.4980392157)}verdocs-initial-dialog .dialog{width:100%;max-width:340px;border-radius:4px;overflow:hidden;-webkit-box-shadow:3px 3px 5px 1px rgba(40, 40, 40, 0.4);box-shadow:3px 3px 5px 1px rgba(40, 40, 40, 0.4);background:#f9f9f9}verdocs-initial-dialog .heading{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;padding:20px 20px 0 20px;line-height:28px;font-size:20px;font-weight:500}verdocs-initial-dialog .content{font-size:14px;padding:20px}verdocs-initial-dialog .buttons{display:-ms-flexbox;display:flex;margin:20px 0 0 0;-ms-flex-direction:row;flex-direction:row;-ms-flex-pack:end;justify-content:flex-end;-ms-flex-align:center;align-items:center}verdocs-initial-dialog .buttons verdocs-button{margin-left:16px}verdocs-initial-dialog canvas{background:#fff;-webkit-box-sizing:border-box;box-sizing:border-box;margin:0 auto;width:300px;height:79px;max-width:100%;-webkit-box-shadow:0 0 6px 0 rgba(0, 0, 0, 0.1215686275);box-shadow:0 0 6px 0 rgba(0, 0, 0, 0.1215686275)}verdocs-initial-dialog .disclaimer{text-align:justify;padding:8px 0;font-size:11px;line-height:14px;color:rgba(0, 0, 0, 0.54)}verdocs-initial-dialog .as-shown{font-size:11px;margin:4px 0 20px 4px;color:rgba(0, 0, 0, 0.54)}verdocs-initial-dialog .tabs{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row}verdocs-initial-dialog .tabs .tab{padding:8px 15px;cursor:pointer}verdocs-initial-dialog .tabs .tab.active{border-bottom:2px solid #cccccc}verdocs-initial-dialog .tabs .tab:hover{color:#55bc81}`;const s=class{constructor(t){i(this,t);this.next=e(this,"next");this.exit=e(this,"exit");this.initials="";this.fontLoaded=false;this.enteredInitials="";this.mode="type"}componentWillLoad(){this.enteredInitials=this.initials.toUpperCase();const i=new FontFace("Dancing Script","url(https://fonts.gstatic.com/s/dancingscript/v19/If2cXTr6YS-zF4S-kcSWSVi_sxjsohD9F50Ruu7BMSo3Sup6hNX6plRP.woff)");i.load().then((i=>{document.fonts.add(i);this.fontLoaded=true}))}componentDidLoad(){this.redrawSignature()}componentDidUpdate(){this.redrawSignature()}redrawSignature(){if(!this.canvasElement){return}const i=this.canvasElement.width;const e=this.canvasElement.getContext("2d");e.clearRect(0,0,this.canvasElement.width,this.canvasElement.height);let t=100;do{t-=2;e.font=`${t}px Dancing Script`}while(e.measureText(this.enteredInitials).width>i-32);e.textAlign="center";e.textBaseline="middle";e.font=`${t}px Dancing Script`;e.fillText(this.enteredInitials,this.canvasElement.width/2,this.canvasElement.height/2)}handleNameChange(i){this.enteredInitials=i.target.value}handleCancel(i){i.stopPropagation();i.preventDefault();this.exit.emit()}handleAdopt(i){i.stopPropagation();i.preventDefault();const e=this.canvasElement.toDataURL("image/png");this.next.emit(e)}render(){return t(a,{key:"a20eb6fcbe3e06fb8f5f16b96fea64be466a3d29",onClick:i=>this.handleCancel(i)},t("div",{key:"a9aaf18be13b1465618056c251365cfb2c29ad87",class:"dialog"},t("div",{key:"dbc0566c69461238f9570e44b84f155454232782",class:"heading"},"Create Your Initial"),t("div",{key:"8aabd3807cc07f03a332ef0df3e4c523366a9abe",class:"content"},t("verdocs-text-input",{key:"e4d5327ef8d5d7726c807efc59acb986215f033f",placeholder:"Initials...",label:"Initials",value:this.enteredInitials,onInput:i=>this.handleNameChange(i),onClick:i=>i.stopPropagation()}),t("div",{key:"a492b09e2606dbee54266675b6fc78667d13ce73",class:"as-shown"},"As shown on driver's license or govt. ID card."),this.fontLoaded?t("canvas",{ref:i=>this.canvasElement=i}):t("div",{style:{display:"none"}}),t("div",{key:"b7b6c169f0e86733d3bd7fc7f30acbd4c61a1fb0",class:"disclaimer"},"By clicking Adopt, I agree that the signature will be the electronic representation of my signature for all purposes when I (or my agent) use them on documents, including legally binding contracts — just the same as a pen-and-paper signature or initial."),t("div",{key:"0cd594bb6f120734cc74399d05c969b6dec87435",class:"buttons"},t("verdocs-button",{key:"525e829d9e604cb37a4408d5cff01741c0007d1a",label:"CANCEL",size:"normal",variant:"outline",onClick:i=>this.handleCancel(i)}),t("verdocs-button",{key:"19ee12ae826f5cc4a4959303d7b3c5f873235d27",label:"Adopt & Sign",size:"normal",onClick:i=>this.handleAdopt(i)})))))}};s.style=o();export{s as verdocs_initial_dialog};
+//# sourceMappingURL=p-fea6fe32.entry.js.map

package/dist/verdocs-web-sdk/verdocs-web-sdk.esm.js

@@ -1,2 +1,2 @@
-import{p as e,b as i}from"./p-CjTHbolG.js";export{s as setNonce}from"./p-CjTHbolG.js";import{g as a}from"./p-DQuL1Twl.js";var d=()=>{const i=import.meta.url;const a={};if(i!==""){a.resourcesUrl=new URL(".",i).href}return e(a)};d().then((async e=>{await a();return i(JSON.parse('[["p-c5039c2d",[[0,"verdocs-build",{"endpoint":[16],"templateId":[1537,"template-id"],"step":[1537],"loading":[32],"template":[32]},null,{"templateId":[{"onTemplateIdChanged":0}],"step":[{"onStepChanged":0}]}]]],["p-2a6a3bc6",[[0,"verdocs-sign",{"endpoint":[1040],"envelopeId":[513,"envelope-id"],"roleId":[513,"role-id"],"inviteCode":[513,"invite-code"],"headerTargetId":[1,"header-target-id"],"toolbarStyle":[1,"toolbar-style"],"recipient":[32],"hasSignature":[32],"nextButtonLabel":[32],"nextSubmits":[32],"fatalErrorHeader":[32],"fatalErrorMessage":[32],"focusedField":[32],"disclosures":[32],"fieldUpdateCounter":[32],"submitting":[32],"submitted":[32],"isDone":[32],"showDone":[32],"adoptingSignature":[32],"showLoadError":[32],"finishLater":[32],"showFinishLater":[32],"agreed":[32],"signatureId":[32],"initialId":[32],"documentsSingularPlural":[32],"authStep":[32],"authMethodStates":[32],"pageNumber":[32],"kbaQuestions":[32],"showSpinner":[32],"declining":[32],"delegating":[32],"delegated":[32],"kbaChoices":[32],"showDownloadDialog":[32],"loading":[32],"envelope":[32],"zoomLevel":[32],"signingProgressMode":[32],"polling":[32]}]]],["p-21b8567c",[[0,"verdocs-envelopes-list",{"endpoint":[16],"view":[1537],"status":[1537],"sort":[1537],"match":[1537],"showPagination":[4,"show-pagination"],"rowsPerPage":[2,"rows-per-page"],"selectedPage":[2,"selected-page"],"count":[32],"initiallyLoaded":[32],"loading":[32],"selectedEnvelopes":[32],"envelopes":[32]},null,{"view":[{"handleViewUpdated":0}],"status":[{"handleStatusUpdated":0}],"sort":[{"handleSortUpdated":0}],"match":[{"handleMatchUpdated":0}],"selectedPage":[{"handlePageUpdated":0}]}]]],["p-66144da6",[[0,"verdocs-templates-list",{"endpoint":[16],"visibility":[1537],"starred":[1537],"sort":[1537],"name":[1537],"allowedActions":[1040],"showPagination":[4,"show-pagination"],"rowsPerPage":[2,"rows-per-page"],"selectedPage":[2,"selected-page"],"count":[32],"initiallyLoaded":[32],"loading":[32],"confirmDelete":[32],"templates":[32],"localNameFilter":[32]},null,{"sharing":[{"handleSharingUpdated":0}],"starred":[{"handleStarredUpdated":0}],"sort":[{"handleSortUpdated":0}],"name":[{"handleNameUpdated":0}],"selectedPage":[{"handlePageUpdated":0}]}]]],["p-58b84a5a",[[0,"verdocs-envelope-sidebar",{"endpoint":[16],"envelopeId":[1,"envelope-id"],"activeTab":[32],"panelOpen":[32],"showRecipientDialog":[32],"showCancelDialog":[32],"showReinviteDialog":[32],"showUpdateDialog":[32],"remindersEnabled":[32],"updatingReminders":[32],"initialReminder":[32],"followupReminders":[32],"loading":[32],"envelope":[32]}]]],["p-4930b31d",[[0,"verdocs-field-payment",{"source":[513],"sourceid":[513],"fieldname":[513],"field":[16],"isPreview":[516,"is-preview"],"disabled":[516],"done":[516],"editable":[516],"moveable":[516],"xscale":[514],"yscale":[514],"pagenumber":[514],"fields":[16],"pageNum":[2,"page-num"],"roleName":[1,"role-name"],"fieldId":[1,"field-id"],"recipients":[8],"selectedRoleName":[1,"selected-role-name"],"pdfPages":[16],"currentSignature":[1,"current-signature"],"currentSignatureId":[1,"current-signature-id"],"currentInitial":[1,"current-initial"],"currentInitialId":[1,"current-initial-id"],"signed":[4],"roleindex":[2],"showingProperties":[32],"focused":[32],"preparedMessage":[32],"signatureUrl":[32],"focusField":[64],"showSettingsPanel":[64],"hideSettingsPanel":[64]},[[0,"blur","handleBlur"]],{"editable":[{"onEditableChanged":0}]}]]],["p-79c46160",[[0,"verdocs-template-settings",{"endpoint":[16],"templateId":[1,"template-id"],"name":[32],"visibility":[32],"sender":[32],"sendReminders":[32],"initialReminder":[32],"followupReminders":[32],"dirty":[32],"loading":[32],"template":[32]}]]],["p-04baf279",[[0,"verdocs-template-create",{"endpoint":[16],"maxSize":[1026,"max-size"],"file":[32],"creating":[32],"progressLabel":[32],"progressPercent":[32],"errorMessage":[32]}]]],["p-c3e9634c",[[0,"verdocs-auth",{"endpoint":[16],"visible":[4],"logo":[1],"displayMode":[1025,"display-mode"],"showSocialLogins":[4,"show-social-logins"],"org_name":[32],"first_name":[32],"last_name":[32],"email":[32],"phone":[32],"verificationCode":[32],"newPassword":[32],"password":[32],"confirmpass":[32],"submitting":[32],"resendDisabled":[32],"session":[32],"profile":[32],"providers":[32],"mfaToken":[32],"mfaCode":[32],"recoveryCode":[32],"useRecoveryCode":[32],"mfaError":[32]}]]],["p-eccd653b",[[0,"verdocs-initial-dialog",{"initials":[1],"fontLoaded":[32],"enteredInitials":[32],"mode":[32]}]]],["p-11d11e68",[[0,"verdocs-signature-dialog",{"name":[1],"fontLoaded":[32],"enteredName":[32],"mode":[32],"isDrawing":[32],"hasDrawnSignature":[32],"hasUploadedImage":[32],"uploadedFileName":[32]}]]],["p-d26c81ec",[[0,"verdocs-date-input",{"value":[1537],"label":[1],"placeholder":[1],"helpText":[1,"help-text"],"disabled":[4],"required":[4],"showingPw":[32],"focused":[32],"containerId":[32],"focusField":[64]}]]],["p-7f76166a",[[0,"verdocs-envelope-recipient-summary",{"endpoint":[16],"envelopeId":[1,"envelope-id"],"canSendAnother":[4,"can-send-another"],"canView":[4,"can-view"],"canDone":[4,"can-done"],"isOpen":[32],"recipientStatusIcons":[32],"containerId":[32],"gettingLinks":[32],"links":[32],"loading":[32],"envelope":[32]}]]],["p-665748fe",[[0,"verdocs-multiselect",{"label":[1],"placeholder":[1],"options":[16],"selectedOptions":[16],"showPicker":[32]}]]],["p-8f50f83f",[[0,"verdocs-signing-progress",{"mode":[1],"focusedField":[1,"focused-field"],"fields":[16],"recipientFields":[16]}]]],["p-79fdd519",[[260,"verdocs-button-panel",{"icon":[1],"showPanel":[64],"hidePanel":[64],"toggle":[64]}]]],["p-5d532790",[[0,"verdocs-quick-functions",{"endpoint":[16]}]]],["p-349a2532",[[0,"verdocs-search-box",{"endpoint":[16],"placeholder":[1],"type":[1],"query":[1],"grabsFocus":[4,"grabs-focus"],"focusField":[64]}]]],["p-431ed4cf",[[0,"verdocs-search-tabs",{"selected":[32]}]]],["p-5608f245",[[0,"verdocs-table",{"columns":[16],"data":[16]}]]],["p-35f1973a",[[260,"verdocs-tabs",{"tabs":[16],"selectedTab":[2,"selected-tab"]}]]],["p-52f3ccb3",[[0,"verdocs-template-card",{"template":[16]}]]],["p-9c9d49cd",[[0,"verdocs-template-tags",{"tags":[16]}]]],["p-f12fcb84",[[0,"verdocs-toggle",{"options":[16],"theme":[1],"selectedOption":[32]}]]],["p-0893bd27",[[0,"verdocs-toggle-button",{"active":[4],"icon":[1],"label":[1],"size":[1],"_active":[32]}]]],["p-5f58b4cd",[[0,"verdocs-status-indicator",{"size":[1],"theme":[1],"status":[1],"envelope":[16],"isOpen":[32],"containerId":[32]}]]],["p-f32fde74",[[0,"verdocs-template-star",{"endpoint":[16],"template":[1040],"updating":[32]}]]],["p-b3f941c2",[[0,"verdocs-envelope-update-recipient",{"endpoint":[16],"envelopeId":[1,"envelope-id"],"roleName":[1,"role-name"],"isOpen":[32],"gettingLink":[32],"link":[32],"loading":[32],"envelope":[32],"originalRecipient":[32],"updatedRecipient":[32]}],[0,"verdocs-envelope-recipient-link",{"endpoint":[16],"envelopeId":[1,"envelope-id"],"roleName":[1,"role-name"],"isOpen":[32],"gettingLink":[32],"link":[32],"loading":[32],"envelope":[32],"recipient":[32]}]]],["p-5b49bd49",[[0,"verdocs-template-role-properties",{"endpoint":[16],"templateId":[1,"template-id"],"roleName":[1,"role-name"],"dirty":[32],"saving":[32],"name":[32],"type":[32],"first_name":[32],"last_name":[32],"email":[32],"phone":[32],"delegator":[32],"loading":[32],"template":[32]}],[260,"verdocs-menu-panel",{"side":[1],"overlay":[4],"width":[2]},[[4,"click","handleClick"]]]]],["p-d9e8be34",[[0,"verdocs-quick-filter",{"options":[16],"label":[1],"value":[1537],"placeholder":[1],"open":[32]}],[0,"verdocs-pagination",{"selectedPage":[1538,"selected-page"],"itemCount":[2,"item-count"],"perPage":[2,"per-page"]}]]],["p-26b82394",[[0,"verdocs-text-input",{"value":[1537],"label":[1],"placeholder":[1],"description":[1],"autocomplete":[1],"helpText":[1,"help-text"],"clearable":[4],"copyable":[4],"type":[1],"disabled":[4],"required":[4],"showingPw":[32]}],[0,"verdocs-help-icon",{"text":[1],"icon":[1],"containerId":[32]}],[0,"verdocs-button",{"label":[1],"startIcon":[1,"start-icon"],"endIcon":[1,"end-icon"],"size":[1],"type":[1],"variant":[1],"disabled":[4]}]]],["p-4ea0632f",[[0,"verdocs-toolbar-icon",{"text":[1],"icon":[1],"placement":[1],"containerId":[32]}],[0,"verdocs-template-document-page",{"endpoint":[16],"editable":[4],"disabled":[4],"done":[4],"templateId":[513,"template-id"],"documentId":[513,"document-id"],"pageNumber":[514,"page-number"],"virtualWidth":[2,"virtual-width"],"virtualHeight":[1026,"virtual-height"],"layers":[16],"containerId":[32],"renderedWidth":[32],"renderedHeight":[32],"naturalWidth":[32],"naturalHeight":[32],"aspectRatio":[32],"skipFirstNotification":[32],"pageDisplayUri":[32],"xScale":[32],"yScale":[32],"loading":[32],"template":[32]}]]],["p-dd59aa9a",[[0,"verdocs-file-chooser",{"endpoint":[16],"file":[32]}],[0,"verdocs-progress-bar",{"label":[1],"showPercent":[4,"show-percent"],"percent":[2]}]]],["p-e50ec253",[[0,"verdocs-organization-card",{"organization":[16],"hovered":[32]},[[1,"mouseover","onMouseOver"],[1,"mouseout","onMouseOut"]]],[260,"verdocs-portal",{"anchor":[1],"voffset":[2]},[[11,"scroll","handleScroll"],[9,"resize","handleResize"],[4,"click","handleClick"]]]]],["p-4e0788f9",[[0,"verdocs-contact-picker",{"endpoint":[16],"templateRole":[16],"contactSuggestions":[16],"first_name":[32],"last_name":[32],"email":[32],"phone":[32],"zip":[32],"address":[32],"message":[32],"showSuggestions":[32],"showMessage":[32],"delegator":[32],"name_locked":[32],"auth_methods":[32],"passcode":[32],"firstNameFieldId":[32],"lastNameFieldId":[32],"emailFieldId":[32],"phoneFieldId":[32],"activeEntitlements":[32],"authMethodsLoading":[32]}]]],["p-67ccf629",[[0,"verdocs-radio-button",{"checked":[4],"name":[1],"value":[1],"disabled":[4]}]]],["p-f0e794bc",[[0,"verdocs-switch",{"checked":[1028],"theme":[1],"disabled":[4]}]]],["p-0e2505e5",[[0,"verdocs-dropdown",{"options":[16],"containerId":[32],"showPicker":[32]}]]],["p-61f66f45",[[0,"verdocs-spinner",{"size":[2],"mode":[1]}]]],["p-2edfa589",[[260,"verdocs-dialog",{"persistent":[4]}]]],["p-871792ab",[[0,"verdocs-sign-footer",{"endpoint":[16],"envelopeId":[1,"envelope-id"],"isDone":[4,"is-done"],"askingQuestion":[32],"declinine":[32],"envelope":[32]}],[0,"verdocs-download-dialog",{"signed":[4],"polling":[4],"documents":[16],"hasCertificate":[4,"has-certificate"]}],[0,"verdocs-envelope-document-page",{"endpoint":[16],"envelopeId":[1,"envelope-id"],"documentId":[1,"document-id"],"pageNumber":[2,"page-number"],"virtualWidth":[2,"virtual-width"],"virtualHeight":[1026,"virtual-height"],"layers":[16],"type":[1],"containerId":[32],"renderedWidth":[32],"renderedHeight":[32],"naturalWidth":[32],"naturalHeight":[32],"aspectRatio":[32],"skipFirstNotification":[32],"pageDisplayUri":[32]}],[0,"verdocs-question-dialog",{"question":[1025],"closed":[32]}]]],["p-0b7c0d25",[[0,"verdocs-ok-dialog",{"heading":[1],"message":[1],"buttonLabel":[1,"button-label"],"showCancel":[4,"show-cancel"],"closed":[32]}]]],["p-4a157584",[[0,"verdocs-flag",{"variant":[1],"label":[1],"showSkip":[4,"show-skip"]}]]],["p-df1262b2",[[0,"verdocs-template-field-properties",{"endpoint":[16],"templateId":[1,"template-id"],"fieldName":[1025,"field-name"],"helpText":[1,"help-text"],"dirty":[32],"label":[32],"type":[32],"name":[32],"required":[32],"readonly":[32],"roleName":[32],"group":[32],"fieldType":[32],"options":[32],"placeholder":[32],"defaultValue":[32],"showingHelp":[32],"loading":[32],"template":[32]}],[0,"verdocs-select-input",{"value":[1],"label":[1],"options":[16],"disabled":[4]}],[0,"verdocs-component-error",{"message":[1]}],[0,"verdocs-checkbox",{"checked":[4],"name":[1],"label":[1],"value":[1],"theme":[1],"size":[1],"disabled":[4]}],[0,"verdocs-loader"]]],["p-fe404347",[[0,"verdocs-view",{"endpoint":[16],"envelopeId":[1,"envelope-id"],"headerTargetId":[1,"header-target-id"],"canceling":[32],"showCancelDone":[32],"showLoadError":[32],"loading":[32],"envelope":[32],"zoomLevel":[32],"showDownloadDialog":[32],"polling":[32]}],[0,"verdocs-kba-dialog",{"step":[2],"steps":[2],"helptitle":[1],"helptext":[1],"mode":[1],"label":[1],"placeholder":[1],"recipient":[16],"choices":[16],"agreed":[32],"response":[32],"updatedRecipient":[32],"dobContainerId":[32]}],[0,"verdocs-adopt-signature-dialog",{"name":[1],"nameLocked":[4,"name-locked"],"fontLoaded":[32],"enteredName":[32],"enteredInitials":[32],"mode":[32],"isDrawing":[32],"hasDrawnSignature":[32],"hasDrawnInitials":[32]}],[0,"verdocs-otp-dialog",{"endpoint":[1040],"method":[1],"resendDisabled":[32],"response":[32]}],[0,"verdocs-passcode-dialog",{"endpoint":[1040],"response":[32]}],[0,"verdocs-disclosure-dialog",{"disclosures":[1],"delegator":[4],"accepted":[32]}],[0,"verdocs-delegate-dialog",{"endpoint":[1040],"envelope":[16],"first_name":[32],"last_name":[32],"email":[32],"phone":[32],"message":[32]}]]],["p-5cad2422",[[0,"verdocs-field-attachment",{"source":[513],"sourceid":[513],"fieldname":[513],"field":[16],"isPreview":[516,"is-preview"],"disabled":[516],"editable":[516],"moveable":[516],"done":[516],"xscale":[514],"yscale":[514],"pagenumber":[514],"showingProperties":[32],"dialogOpen":[32],"selectedFile":[32],"focused":[32],"focusField":[64],"showSettingsPanel":[64],"hideSettingsPanel":[64]},[[0,"blur","handleBlur"]],{"editable":[{"onEditableChanged":0}]}],[0,"verdocs-field-checkbox",{"source":[513],"sourceid":[513],"fieldname":[513],"field":[16],"isPreview":[516,"is-preview"],"disabled":[516],"done":[516],"editable":[516],"moveable":[516],"xscale":[514],"yscale":[514],"pagenumber":[514],"showingProperties":[32],"focused":[32],"focusField":[64],"showSettingsPanel":[64],"hideSettingsPanel":[64]},[[0,"blur","handleBlur"]],{"editable":[{"onEditableChanged":0}]}],[0,"verdocs-field-date",{"source":[513],"sourceid":[513],"fieldname":[513],"disabled":[516],"editable":[516],"moveable":[516],"done":[516],"xscale":[514],"yscale":[514],"pagenumber":[514],"field":[16],"isPreview":[516,"is-preview"],"containerId":[32],"showingProperties":[32],"focused":[32],"focusField":[64],"showSettingsPanel":[64],"hideSettingsPanel":[64]},[[2,"blur","handleBlur"]],{"editable":[{"onEditableChanged":0}]}],[0,"verdocs-field-dropdown",{"source":[513],"sourceid":[513],"fieldname":[513],"field":[16],"isPreview":[516,"is-preview"],"disabled":[516],"editable":[516],"moveable":[516],"done":[516],"xscale":[514],"yscale":[514],"pagenumber":[514],"showingProperties":[32],"focused":[32],"focusField":[64],"showSettingsPanel":[64],"hideSettingsPanel":[64]},[[2,"blur","handleBlur"]],{"editable":[{"onEditableChanged":0}]}],[0,"verdocs-field-initial",{"source":[513],"sourceid":[513],"fieldname":[513],"field":[16],"disabled":[516],"initials":[513],"editable":[516],"moveable":[516],"done":[516],"xscale":[514],"yscale":[514],"pagenumber":[514],"initialid":[513],"isPreview":[516,"is-preview"],"showingProperties":[32],"focused":[32],"menuOpen":[32],"tempInitials":[32],"focusField":[64],"showSettingsPanel":[64],"hideSettingsPanel":[64]},[[0,"blur","handleBlur"]],{"editable":[{"onEditableChanged":0}]}],[0,"verdocs-field-radio",{"source":[513],"sourceid":[513],"fieldname":[513],"field":[16],"isPreview":[516,"is-preview"],"disabled":[516],"required":[516],"done":[516],"editable":[516],"moveable":[516],"xscale":[514],"yscale":[514],"pagenumber":[514],"showingProperties":[32],"focused":[32],"focusField":[64],"showSettingsPanel":[64],"hideSettingsPanel":[64]},[[0,"blur","handleBlur"]],{"editable":[{"onEditableChanged":0}]}],[0,"verdocs-field-signature",{"source":[513],"sourceid":[513],"fieldname":[513],"field":[16],"name":[513],"disabled":[516],"editable":[516],"moveable":[516],"done":[516],"xscale":[514],"yscale":[514],"pagenumber":[514],"signatureid":[513],"isPreview":[516,"is-preview"],"showingProperties":[32],"focused":[32],"menuOpen":[32],"tempSignature":[32],"focusField":[64],"showSettingsPanel":[64],"hideSettingsPanel":[64]},[[0,"blur","handleBlur"],[0,"blur","onBlur"]],{"editable":[{"onEditableChanged":0}]}],[0,"verdocs-field-textarea",{"endpoint":[16],"source":[513],"sourceid":[513],"fieldname":[513],"field":[16],"isPreview":[516,"is-preview"],"disabled":[516],"editable":[516],"moveable":[516],"done":[516],"xscale":[514],"yscale":[514],"pagenumber":[514],"showingProperties":[32],"focused":[32],"focusField":[64],"showSettingsPanel":[64],"hideSettingsPanel":[64]},[[2,"blur","handleBlur"]],{"editable":[{"onEditableChanged":0}]}],[0,"verdocs-field-textbox",{"source":[513],"sourceid":[513],"fieldname":[513],"field":[16],"isPreview":[516,"is-preview"],"disabled":[516],"multiline":[516],"editable":[516],"moveable":[516],"done":[516],"xscale":[514],"yscale":[514],"pagenumber":[514],"showingProperties":[32],"focused":[32],"focusField":[64],"showSettingsPanel":[64],"hideSettingsPanel":[64]},[[2,"blur","handleBlur"]],{"editable":[{"onEditableChanged":0}]}],[0,"verdocs-field-timestamp",{"source":[513],"sourceid":[513],"fieldname":[513],"field":[16],"isPreview":[516,"is-preview"],"disabled":[516],"editable":[516],"moveable":[516],"done":[516],"xscale":[514],"yscale":[514],"pagenumber":[2],"showingProperties":[32],"focused":[32],"focusField":[64],"showSettingsPanel":[64],"hideSettingsPanel":[64]},[[2,"blur","handleBlur"]],{"editable":[{"onEditableChanged":0}]}],[0,"verdocs-upload-dialog",{"maxSize":[1026,"max-size"],"existingFile":[1032,"existing-file"],"draggingOver":[32],"confirmDelete":[32],"selectedFiles":[32],"errorMessage":[32]}]]],["p-932e8b9b",[[0,"verdocs-template-fields",{"endpoint":[16],"templateId":[1537,"template-id"],"toolbarTargetId":[1,"toolbar-target-id"],"placing":[32],"showMustSelectRole":[32],"selectedRoleName":[32],"loading":[32],"template":[32]},[[4,"keydown","handleKeyDown"],[0,"settingsChanged","handleFieldSettingsChanged"],[0,"deleted","handleFieldDeleted"]],{"templateId":[{"onTemplateIdChanged":0}]}],[0,"verdocs-preview",{"endpoint":[16],"templateId":[1,"template-id"],"loading":[32],"template":[32]},null,{"templateId":[{"onTemplateIdChanged":0}]}],[0,"verdocs-send",{"endpoint":[16],"templateId":[513,"template-id"],"environment":[1],"showCancel":[4,"show-cancel"],"containerId":[32],"showPickerForId":[32],"sessionContacts":[32],"sending":[32],"rolesCompleted":[32],"loading":[32],"template":[32],"reset":[64]},null,{"templateId":[{"onTemplateIdChanged":0}]}],[0,"verdocs-template-roles",{"endpoint":[16],"templateId":[1,"template-id"],"showingRoleDialog":[32],"sender":[32],"dragging":[32],"loading":[32],"template":[32]}],[0,"verdocs-template-attachments",{"endpoint":[16],"templateId":[1,"template-id"],"uploading":[32],"progressLabel":[32],"progressPercent":[32],"showDeleteError":[32],"confirmDeleteDocument":[32],"loading":[32],"template":[32]}],[0,"verdocs-template-build-tabs",{"endpoint":[16],"templateId":[1537,"template-id"],"step":[1537],"loading":[32],"template":[32]},null,{"templateId":[{"onTemplateIdChanged":0}],"step":[{"onStepChanged":0}]}]]]]'),e)}));
+import{p as e,b as a}from"./p-CjTHbolG.js";export{s as setNonce}from"./p-CjTHbolG.js";import{g as i}from"./p-DQuL1Twl.js";var d=()=>{const a=import.meta.url;const i={};if(a!==""){i.resourcesUrl=new URL(".",a).href}return e(i)};d().then((async e=>{await i();return a(JSON.parse('[["p-c5039c2d",[[0,"verdocs-build",{"endpoint":[16],"templateId":[1537,"template-id"],"step":[1537],"loading":[32],"template":[32]},null,{"templateId":[{"onTemplateIdChanged":0}],"step":[{"onStepChanged":0}]}]]],["p-2a6a3bc6",[[0,"verdocs-sign",{"endpoint":[1040],"envelopeId":[513,"envelope-id"],"roleId":[513,"role-id"],"inviteCode":[513,"invite-code"],"headerTargetId":[1,"header-target-id"],"toolbarStyle":[1,"toolbar-style"],"recipient":[32],"hasSignature":[32],"nextButtonLabel":[32],"nextSubmits":[32],"fatalErrorHeader":[32],"fatalErrorMessage":[32],"focusedField":[32],"disclosures":[32],"fieldUpdateCounter":[32],"submitting":[32],"submitted":[32],"isDone":[32],"showDone":[32],"adoptingSignature":[32],"showLoadError":[32],"finishLater":[32],"showFinishLater":[32],"agreed":[32],"signatureId":[32],"initialId":[32],"documentsSingularPlural":[32],"authStep":[32],"authMethodStates":[32],"pageNumber":[32],"kbaQuestions":[32],"showSpinner":[32],"declining":[32],"delegating":[32],"delegated":[32],"kbaChoices":[32],"showDownloadDialog":[32],"loading":[32],"envelope":[32],"zoomLevel":[32],"signingProgressMode":[32],"polling":[32]}]]],["p-478de2c9",[[0,"verdocs-envelopes-list",{"endpoint":[16],"view":[1537],"status":[1537],"sort":[1537],"match":[1537],"showPagination":[4,"show-pagination"],"rowsPerPage":[2,"rows-per-page"],"selectedPage":[2,"selected-page"],"count":[32],"initiallyLoaded":[32],"loading":[32],"selectedEnvelopes":[32],"envelopes":[32]},null,{"view":[{"handleViewUpdated":0}],"status":[{"handleStatusUpdated":0}],"sort":[{"handleSortUpdated":0}],"match":[{"handleMatchUpdated":0}],"selectedPage":[{"handlePageUpdated":0}]}]]],["p-2197fb39",[[0,"verdocs-templates-list",{"endpoint":[16],"visibility":[1537],"starred":[1537],"sort":[1537],"name":[1537],"allowedActions":[1040],"showPagination":[4,"show-pagination"],"rowsPerPage":[2,"rows-per-page"],"selectedPage":[2,"selected-page"],"count":[32],"initiallyLoaded":[32],"loading":[32],"confirmDelete":[32],"templates":[32],"localNameFilter":[32]},null,{"sharing":[{"handleSharingUpdated":0}],"starred":[{"handleStarredUpdated":0}],"sort":[{"handleSortUpdated":0}],"name":[{"handleNameUpdated":0}],"selectedPage":[{"handlePageUpdated":0}]}]]],["p-58b84a5a",[[0,"verdocs-envelope-sidebar",{"endpoint":[16],"envelopeId":[1,"envelope-id"],"activeTab":[32],"panelOpen":[32],"showRecipientDialog":[32],"showCancelDialog":[32],"showReinviteDialog":[32],"showUpdateDialog":[32],"remindersEnabled":[32],"updatingReminders":[32],"initialReminder":[32],"followupReminders":[32],"loading":[32],"envelope":[32]}]]],["p-4930b31d",[[0,"verdocs-field-payment",{"source":[513],"sourceid":[513],"fieldname":[513],"field":[16],"isPreview":[516,"is-preview"],"disabled":[516],"done":[516],"editable":[516],"moveable":[516],"xscale":[514],"yscale":[514],"pagenumber":[514],"fields":[16],"pageNum":[2,"page-num"],"roleName":[1,"role-name"],"fieldId":[1,"field-id"],"recipients":[8],"selectedRoleName":[1,"selected-role-name"],"pdfPages":[16],"currentSignature":[1,"current-signature"],"currentSignatureId":[1,"current-signature-id"],"currentInitial":[1,"current-initial"],"currentInitialId":[1,"current-initial-id"],"signed":[4],"roleindex":[2],"showingProperties":[32],"focused":[32],"preparedMessage":[32],"signatureUrl":[32],"focusField":[64],"showSettingsPanel":[64],"hideSettingsPanel":[64]},[[0,"blur","handleBlur"]],{"editable":[{"onEditableChanged":0}]}]]],["p-79c46160",[[0,"verdocs-template-settings",{"endpoint":[16],"templateId":[1,"template-id"],"name":[32],"visibility":[32],"sender":[32],"sendReminders":[32],"initialReminder":[32],"followupReminders":[32],"dirty":[32],"loading":[32],"template":[32]}]]],["p-04baf279",[[0,"verdocs-template-create",{"endpoint":[16],"maxSize":[1026,"max-size"],"file":[32],"creating":[32],"progressLabel":[32],"progressPercent":[32],"errorMessage":[32]}]]],["p-634a7187",[[0,"verdocs-auth",{"endpoint":[16],"visible":[4],"logo":[1],"displayMode":[1025,"display-mode"],"showSocialLogins":[4,"show-social-logins"],"org_name":[32],"first_name":[32],"last_name":[32],"email":[32],"phone":[32],"verificationCode":[32],"newPassword":[32],"password":[32],"confirmpass":[32],"submitting":[32],"resendDisabled":[32],"session":[32],"profile":[32],"providers":[32],"mfaToken":[32],"mfaCode":[32],"recoveryCode":[32],"useRecoveryCode":[32],"mfaError":[32]},null,{"showSocialLogins":[{"onShowSocialLoginsChanged":0}]}]]],["p-fea6fe32",[[0,"verdocs-initial-dialog",{"initials":[1],"fontLoaded":[32],"enteredInitials":[32],"mode":[32]}]]],["p-f97233a8",[[0,"verdocs-signature-dialog",{"name":[1],"fontLoaded":[32],"enteredName":[32],"mode":[32],"isDrawing":[32],"hasDrawnSignature":[32],"hasUploadedImage":[32],"uploadedFileName":[32]}]]],["p-af133520",[[0,"verdocs-date-input",{"value":[1537],"label":[1],"placeholder":[1],"helpText":[1,"help-text"],"disabled":[4],"required":[4],"showingPw":[32],"focused":[32],"containerId":[32],"focusField":[64]}]]],["p-7f76166a",[[0,"verdocs-envelope-recipient-summary",{"endpoint":[16],"envelopeId":[1,"envelope-id"],"canSendAnother":[4,"can-send-another"],"canView":[4,"can-view"],"canDone":[4,"can-done"],"isOpen":[32],"recipientStatusIcons":[32],"containerId":[32],"gettingLinks":[32],"links":[32],"loading":[32],"envelope":[32]}]]],["p-cd8ac44e",[[0,"verdocs-multiselect",{"label":[1],"placeholder":[1],"options":[16],"selectedOptions":[16],"showPicker":[32]}]]],["p-8f50f83f",[[0,"verdocs-signing-progress",{"mode":[1],"focusedField":[1,"focused-field"],"fields":[16],"recipientFields":[16]}]]],["p-54ab818c",[[260,"verdocs-button-panel",{"icon":[1],"showPanel":[64],"hidePanel":[64],"toggle":[64]}]]],["p-418f3dd2",[[0,"verdocs-quick-functions",{"endpoint":[16]}]]],["p-9f3a2cef",[[0,"verdocs-search-box",{"endpoint":[16],"placeholder":[1],"type":[1],"query":[1],"grabsFocus":[4,"grabs-focus"],"focusField":[64]}]]],["p-3a5d4aa0",[[0,"verdocs-search-tabs",{"selected":[32]}]]],["p-52621662",[[0,"verdocs-table",{"columns":[16],"data":[16]}]]],["p-1fbed8c0",[[260,"verdocs-tabs",{"tabs":[16],"selectedTab":[2,"selected-tab"]}]]],["p-208bbc49",[[0,"verdocs-template-card",{"template":[16]}]]],["p-b5997615",[[0,"verdocs-template-tags",{"tags":[16]}]]],["p-7d3955b7",[[0,"verdocs-toggle",{"options":[16],"theme":[1],"selectedOption":[32]}]]],["p-cdcef698",[[0,"verdocs-toggle-button",{"active":[4],"icon":[1],"label":[1],"size":[1],"_active":[32]}]]],["p-375a7dea",[[0,"verdocs-status-indicator",{"size":[1],"theme":[1],"status":[1],"envelope":[16],"isOpen":[32],"containerId":[32]}]]],["p-5455e818",[[0,"verdocs-template-star",{"endpoint":[16],"template":[1040],"updating":[32]}]]],["p-b3f941c2",[[0,"verdocs-envelope-update-recipient",{"endpoint":[16],"envelopeId":[1,"envelope-id"],"roleName":[1,"role-name"],"isOpen":[32],"gettingLink":[32],"link":[32],"loading":[32],"envelope":[32],"originalRecipient":[32],"updatedRecipient":[32]}],[0,"verdocs-envelope-recipient-link",{"endpoint":[16],"envelopeId":[1,"envelope-id"],"roleName":[1,"role-name"],"isOpen":[32],"gettingLink":[32],"link":[32],"loading":[32],"envelope":[32],"recipient":[32]}]]],["p-301f0247",[[0,"verdocs-contact-picker",{"endpoint":[16],"templateRole":[16],"contactSuggestions":[16],"showCancel":[4,"show-cancel"],"first_name":[32],"last_name":[32],"email":[32],"phone":[32],"zip":[32],"address":[32],"message":[32],"showSuggestions":[32],"showMessage":[32],"delegator":[32],"name_locked":[32],"auth_methods":[32],"passcode":[32],"firstNameFieldId":[32],"lastNameFieldId":[32],"emailFieldId":[32],"phoneFieldId":[32],"activeEntitlements":[32],"authMethodsLoading":[32]},[[4,"click","handleDocumentClick"]]]]],["p-2da68853",[[0,"verdocs-radio-button",{"checked":[4],"name":[1],"value":[1],"disabled":[4]}]]],["p-97fadf95",[[0,"verdocs-switch",{"checked":[1028],"theme":[1],"disabled":[4]}]]],["p-84275b8d",[[0,"verdocs-text-input",{"value":[1537],"label":[1],"placeholder":[1],"description":[1],"autocomplete":[1],"helpText":[1,"help-text"],"clearable":[4],"copyable":[4],"type":[1],"disabled":[4],"required":[4],"showingPw":[32]}],[0,"verdocs-help-icon",{"text":[1],"icon":[1],"containerId":[32]}],[0,"verdocs-button",{"label":[1],"startIcon":[1,"start-icon"],"endIcon":[1,"end-icon"],"size":[1],"type":[1],"variant":[1],"disabled":[4]}]]],["p-8ec770c3",[[0,"verdocs-template-field-properties",{"endpoint":[16],"templateId":[1,"template-id"],"fieldName":[1025,"field-name"],"helpText":[1,"help-text"],"dirty":[32],"label":[32],"type":[32],"name":[32],"required":[32],"readonly":[32],"roleName":[32],"group":[32],"fieldType":[32],"options":[32],"placeholder":[32],"defaultValue":[32],"showingHelp":[32],"loading":[32],"template":[32]}],[0,"verdocs-select-input",{"value":[1],"label":[1],"options":[16],"disabled":[4]}],[0,"verdocs-checkbox",{"checked":[4],"name":[1],"label":[1],"value":[1],"theme":[1],"size":[1],"disabled":[4]}],[0,"verdocs-component-error",{"message":[1]}],[0,"verdocs-loader"]]],["p-723d6bde",[[0,"verdocs-template-role-properties",{"endpoint":[16],"templateId":[1,"template-id"],"roleName":[1,"role-name"],"dirty":[32],"saving":[32],"name":[32],"type":[32],"first_name":[32],"last_name":[32],"email":[32],"phone":[32],"delegator":[32],"loading":[32],"template":[32]}],[260,"verdocs-menu-panel",{"side":[1],"overlay":[4],"width":[2]},[[4,"click","handleClick"]]]]],["p-46d6279e",[[0,"verdocs-quick-filter",{"options":[16],"label":[1],"value":[1537],"placeholder":[1],"open":[32]}],[0,"verdocs-pagination",{"selectedPage":[1538,"selected-page"],"itemCount":[2,"item-count"],"perPage":[2,"per-page"]}]]],["p-e9158fec",[[0,"verdocs-dropdown",{"options":[16],"containerId":[32],"showPicker":[32]}]]],["p-1a91a922",[[0,"verdocs-toolbar-icon",{"text":[1],"icon":[1],"placement":[1],"containerId":[32]}],[0,"verdocs-template-document-page",{"endpoint":[16],"editable":[4],"disabled":[4],"done":[4],"templateId":[513,"template-id"],"documentId":[513,"document-id"],"pageNumber":[514,"page-number"],"virtualWidth":[2,"virtual-width"],"virtualHeight":[1026,"virtual-height"],"layers":[16],"containerId":[32],"renderedWidth":[32],"renderedHeight":[32],"naturalWidth":[32],"naturalHeight":[32],"aspectRatio":[32],"skipFirstNotification":[32],"pageDisplayUri":[32],"xScale":[32],"yScale":[32],"loading":[32],"template":[32]}]]],["p-6a3ca6bf",[[0,"verdocs-file-chooser",{"endpoint":[16],"file":[32]}],[0,"verdocs-progress-bar",{"label":[1],"showPercent":[4,"show-percent"],"percent":[2]}]]],["p-92f51592",[[0,"verdocs-spinner",{"size":[2],"mode":[1]}]]],["p-9538ac0e",[[260,"verdocs-dialog",{"persistent":[4]}]]],["p-590900d7",[[0,"verdocs-ok-dialog",{"heading":[1],"message":[1],"buttonLabel":[1,"button-label"],"showCancel":[4,"show-cancel"],"closed":[32]}]]],["p-9bd55619",[[0,"verdocs-flag",{"variant":[1],"label":[1],"showSkip":[4,"show-skip"]}]]],["p-987d5653",[[0,"verdocs-template-fields",{"endpoint":[16],"templateId":[1537,"template-id"],"toolbarTargetId":[1,"toolbar-target-id"],"placing":[32],"showMustSelectRole":[32],"selectedRoleName":[32],"loading":[32],"template":[32]},[[4,"keydown","handleKeyDown"],[0,"settingsChanged","handleFieldSettingsChanged"],[0,"deleted","handleFieldDeleted"]],{"templateId":[{"onTemplateIdChanged":0}]}],[0,"verdocs-preview",{"endpoint":[16],"templateId":[1,"template-id"],"loading":[32],"template":[32]},null,{"templateId":[{"onTemplateIdChanged":0}]}],[0,"verdocs-template-roles",{"endpoint":[16],"templateId":[1,"template-id"],"showingRoleDialog":[32],"sender":[32],"dragging":[32],"loading":[32],"template":[32]}],[0,"verdocs-send",{"endpoint":[16],"templateId":[513,"template-id"],"environment":[1],"showCancel":[4,"show-cancel"],"brandKey":[1025,"brand-key"],"containerId":[32],"view":[32],"editingRoleId":[32],"sessionContacts":[32],"sending":[32],"brands":[32],"organization":[32],"expiresInDays":[32],"noContact":[32],"rolesCompleted":[32],"loading":[32],"template":[32],"reset":[64]},null,{"templateId":[{"onTemplateIdChanged":0}]}],[0,"verdocs-template-attachments",{"endpoint":[16],"templateId":[1,"template-id"],"uploading":[32],"progressLabel":[32],"progressPercent":[32],"showDeleteError":[32],"confirmDeleteDocument":[32],"loading":[32],"template":[32]}],[0,"verdocs-template-build-tabs",{"endpoint":[16],"templateId":[1537,"template-id"],"step":[1537],"loading":[32],"template":[32]},null,{"templateId":[{"onTemplateIdChanged":0}],"step":[{"onStepChanged":0}]}]]],["p-2e382167",[[0,"verdocs-sign-footer",{"endpoint":[16],"envelopeId":[1,"envelope-id"],"isDone":[4,"is-done"],"askingQuestion":[32],"declinine":[32],"envelope":[32]}],[0,"verdocs-download-dialog",{"signed":[4],"polling":[4],"documents":[16],"hasCertificate":[4,"has-certificate"]}],[0,"verdocs-envelope-document-page",{"endpoint":[16],"envelopeId":[1,"envelope-id"],"documentId":[1,"document-id"],"pageNumber":[2,"page-number"],"virtualWidth":[2,"virtual-width"],"virtualHeight":[1026,"virtual-height"],"layers":[16],"type":[1],"containerId":[32],"renderedWidth":[32],"renderedHeight":[32],"naturalWidth":[32],"naturalHeight":[32],"aspectRatio":[32],"skipFirstNotification":[32],"pageDisplayUri":[32]}],[0,"verdocs-question-dialog",{"question":[1025],"closed":[32]}]]],["p-bf38aa98",[[0,"verdocs-view",{"endpoint":[16],"envelopeId":[1,"envelope-id"],"headerTargetId":[1,"header-target-id"],"canceling":[32],"showCancelDone":[32],"showLoadError":[32],"loading":[32],"envelope":[32],"zoomLevel":[32],"showDownloadDialog":[32],"polling":[32]}],[0,"verdocs-kba-dialog",{"step":[2],"steps":[2],"helptitle":[1],"helptext":[1],"mode":[1],"label":[1],"placeholder":[1],"recipient":[16],"choices":[16],"agreed":[32],"response":[32],"updatedRecipient":[32],"dobContainerId":[32]}],[0,"verdocs-adopt-signature-dialog",{"name":[1],"nameLocked":[4,"name-locked"],"fontLoaded":[32],"enteredName":[32],"enteredInitials":[32],"mode":[32],"isDrawing":[32],"hasDrawnSignature":[32],"hasDrawnInitials":[32]}],[0,"verdocs-otp-dialog",{"endpoint":[1040],"method":[1],"resendDisabled":[32],"response":[32]}],[0,"verdocs-passcode-dialog",{"endpoint":[1040],"response":[32]}],[0,"verdocs-disclosure-dialog",{"disclosures":[1],"delegator":[4],"accepted":[32]}],[0,"verdocs-delegate-dialog",{"endpoint":[1040],"envelope":[16],"first_name":[32],"last_name":[32],"email":[32],"phone":[32],"message":[32]}]]],["p-afd010d6",[[0,"verdocs-organization-card",{"organization":[16],"hovered":[32]},[[1,"mouseover","onMouseOver"],[1,"mouseout","onMouseOut"]]],[260,"verdocs-portal",{"anchor":[1],"voffset":[2]},[[11,"scroll","handleScroll"],[9,"resize","handleResize"],[4,"click","handleClick"]]]]],["p-f6ad24c5",[[0,"verdocs-field-attachment",{"source":[513],"sourceid":[513],"fieldname":[513],"field":[16],"isPreview":[516,"is-preview"],"disabled":[516],"editable":[516],"moveable":[516],"done":[516],"xscale":[514],"yscale":[514],"pagenumber":[514],"showingProperties":[32],"dialogOpen":[32],"selectedFile":[32],"focused":[32],"focusField":[64],"showSettingsPanel":[64],"hideSettingsPanel":[64]},[[0,"blur","handleBlur"]],{"editable":[{"onEditableChanged":0}]}],[0,"verdocs-field-checkbox",{"source":[513],"sourceid":[513],"fieldname":[513],"field":[16],"isPreview":[516,"is-preview"],"disabled":[516],"done":[516],"editable":[516],"moveable":[516],"xscale":[514],"yscale":[514],"pagenumber":[514],"showingProperties":[32],"focused":[32],"focusField":[64],"showSettingsPanel":[64],"hideSettingsPanel":[64]},[[0,"blur","handleBlur"]],{"editable":[{"onEditableChanged":0}]}],[0,"verdocs-field-date",{"source":[513],"sourceid":[513],"fieldname":[513],"disabled":[516],"editable":[516],"moveable":[516],"done":[516],"xscale":[514],"yscale":[514],"pagenumber":[514],"field":[16],"isPreview":[516,"is-preview"],"containerId":[32],"showingProperties":[32],"focused":[32],"focusField":[64],"showSettingsPanel":[64],"hideSettingsPanel":[64]},[[2,"blur","handleBlur"]],{"editable":[{"onEditableChanged":0}]}],[0,"verdocs-field-dropdown",{"source":[513],"sourceid":[513],"fieldname":[513],"field":[16],"isPreview":[516,"is-preview"],"disabled":[516],"editable":[516],"moveable":[516],"done":[516],"xscale":[514],"yscale":[514],"pagenumber":[514],"showingProperties":[32],"focused":[32],"focusField":[64],"showSettingsPanel":[64],"hideSettingsPanel":[64]},[[2,"blur","handleBlur"]],{"editable":[{"onEditableChanged":0}]}],[0,"verdocs-field-initial",{"source":[513],"sourceid":[513],"fieldname":[513],"field":[16],"disabled":[516],"initials":[513],"editable":[516],"moveable":[516],"done":[516],"xscale":[514],"yscale":[514],"pagenumber":[514],"initialid":[513],"isPreview":[516,"is-preview"],"showingProperties":[32],"focused":[32],"menuOpen":[32],"tempInitials":[32],"focusField":[64],"showSettingsPanel":[64],"hideSettingsPanel":[64]},[[0,"blur","handleBlur"]],{"editable":[{"onEditableChanged":0}]}],[0,"verdocs-field-radio",{"source":[513],"sourceid":[513],"fieldname":[513],"field":[16],"isPreview":[516,"is-preview"],"disabled":[516],"required":[516],"done":[516],"editable":[516],"moveable":[516],"xscale":[514],"yscale":[514],"pagenumber":[514],"showingProperties":[32],"focused":[32],"focusField":[64],"showSettingsPanel":[64],"hideSettingsPanel":[64]},[[0,"blur","handleBlur"]],{"editable":[{"onEditableChanged":0}]}],[0,"verdocs-field-signature",{"source":[513],"sourceid":[513],"fieldname":[513],"field":[16],"name":[513],"disabled":[516],"editable":[516],"moveable":[516],"done":[516],"xscale":[514],"yscale":[514],"pagenumber":[514],"signatureid":[513],"isPreview":[516,"is-preview"],"showingProperties":[32],"focused":[32],"menuOpen":[32],"tempSignature":[32],"focusField":[64],"showSettingsPanel":[64],"hideSettingsPanel":[64]},[[0,"blur","handleBlur"],[0,"blur","onBlur"]],{"editable":[{"onEditableChanged":0}]}],[0,"verdocs-field-textarea",{"endpoint":[16],"source":[513],"sourceid":[513],"fieldname":[513],"field":[16],"isPreview":[516,"is-preview"],"disabled":[516],"editable":[516],"moveable":[516],"done":[516],"xscale":[514],"yscale":[514],"pagenumber":[514],"showingProperties":[32],"focused":[32],"focusField":[64],"showSettingsPanel":[64],"hideSettingsPanel":[64]},[[2,"blur","handleBlur"]],{"editable":[{"onEditableChanged":0}]}],[0,"verdocs-field-textbox",{"source":[513],"sourceid":[513],"fieldname":[513],"field":[16],"isPreview":[516,"is-preview"],"disabled":[516],"multiline":[516],"editable":[516],"moveable":[516],"done":[516],"xscale":[514],"yscale":[514],"pagenumber":[514],"showingProperties":[32],"focused":[32],"focusField":[64],"showSettingsPanel":[64],"hideSettingsPanel":[64]},[[2,"blur","handleBlur"]],{"editable":[{"onEditableChanged":0}]}],[0,"verdocs-field-timestamp",{"source":[513],"sourceid":[513],"fieldname":[513],"field":[16],"isPreview":[516,"is-preview"],"disabled":[516],"editable":[516],"moveable":[516],"done":[516],"xscale":[514],"yscale":[514],"pagenumber":[2],"showingProperties":[32],"focused":[32],"focusField":[64],"showSettingsPanel":[64],"hideSettingsPanel":[64]},[[2,"blur","handleBlur"]],{"editable":[{"onEditableChanged":0}]}],[0,"verdocs-upload-dialog",{"maxSize":[1026,"max-size"],"existingFile":[1032,"existing-file"],"draggingOver":[32],"confirmDelete":[32],"selectedFiles":[32],"errorMessage":[32]}]]]]'),e)}));
 //# sourceMappingURL=verdocs-web-sdk.esm.js.map

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@verdocs/web-sdk",
-  "version": "6.12.1",
+  "version": "6.13.0",
   "private": false,
   "description": "Verdocs Web SDK",
   "license": "MIT",
@@ -34,7 +34,7 @@
     "@popperjs/core": "^2.11.8",
     "@stencil/core": "^4.38.3",
     "@svgdotjs/svg.js": "^3.2.8",
-    "@verdocs/js-sdk": "^6.12.0",
+    "@verdocs/js-sdk": "^6.12.1",
     "air-datepicker": "^3.6.0",
     "choices.js": "^11.2.4",
     "date-fns": "^4.4.0",
@@ -61,5 +61,11 @@
     "terser-webpack-plugin": "^5.3.11",
     "tslib": "^2.8.1",
     "typescript": "^5.9.3"
+  },
+  "allowScripts": {
+    "core-js@2.6.12": true,
+    "core-js-pure@3.49.0": true,
+    "fsevents@2.3.3": true,
+    "puppeteer@24.43.1": true
   }
 }

package/dist/components/p-6RWROB9R.js

@@ -1,2 +0,0 @@
-import{p as e,H as s,c as t,h as o,F as a,t as i}from"./p-yZBlG3YQ.js";import{VerdocsEndpoint as c,formatFullName as d,getActiveEntitlements as r,isValidEmail as l}from"@verdocs/js-sdk";import{c as n}from"./p-BCwFpXpV.js";import{d as f}from"./p-C0SHIuoK.js";import{d as p}from"./p-DVx4efoX.js";import{d as h}from"./p-D9yawpPk.js";import{d as m}from"./p-CIgqf7hj.js";import{d as b}from"./p-CoeB7U-_.js";const u=()=>`verdocs-contact-picker{display:block;border:1px solid #ebebeb;background-color:#ffffff;font-family:var(--verdocs-primary-font, "Inter", "Barlow", sans-serif);-webkit-box-shadow:0 0 15px 0 rgba(0, 0, 0, 0.1);box-shadow:0 0 15px 0 rgba(0, 0, 0, 0.1)}verdocs-contact-picker form{gap:12px;width:300px;padding:12px;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;background-color:#f5f5fa}verdocs-contact-picker form .row{gap:8px;display:-ms-flexbox;display:flex;position:relative;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:start;align-items:flex-start}verdocs-contact-picker form .row .option{gap:4px;display:-ms-flexbox;display:flex;padding:5px 8px;-ms-flex-align:center;align-items:center;-ms-flex-direction:row;flex-direction:row;text-wrap:nowrap}verdocs-contact-picker form .names-row{gap:8px;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row}verdocs-contact-picker form .names-row>input{font-size:14px;width:88px}verdocs-contact-picker form .pin-code{gap:8px;display:-ms-flexbox;display:flex;-ms-flex-align:start;align-items:flex-start;-ms-flex-direction:row;flex-direction:row}verdocs-contact-picker form .pin-code>input{-ms-flex:0 0 197px;flex:0 0 197px;font-size:14px}verdocs-contact-picker form .address{gap:8px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-direction:row;flex-direction:row}verdocs-contact-picker form .address>input{-ms-flex:1;flex:1;font-size:14px}verdocs-contact-picker form .zip-code{gap:8px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-direction:row;flex-direction:row}verdocs-contact-picker form .zip-code>input{-ms-flex:1;flex:1;font-size:14px}verdocs-contact-picker form label{display:-ms-flexbox;display:flex;-ms-flex:0 0 80px;flex:0 0 80px;font-size:13px;font-weight:500;color:#5c6575}verdocs-contact-picker form .row.message textarea{width:100%;padding:5px 7px;border-radius:4px;font-family:var(--verdocs-primary-font, "Inter", "Barlow", sans-serif)}verdocs-contact-picker form input{-ms-flex:1;flex:1;padding:6px;font-size:14px;border-radius:3px;border:1px solid rgba(112, 122, 229, 0.3725490196)}verdocs-contact-picker form input:focus{outline:none}verdocs-contact-picker .buttons{display:-ms-flexbox;display:flex;-webkit-column-gap:6px;-moz-column-gap:6px;column-gap:6px;margin-top:16px;-ms-flex-direction:row;flex-direction:row}verdocs-contact-picker .buttons .flex-fill{-ms-flex:1;flex:1}verdocs-contact-picker ::-webkit-input-placeholder{color:#aaaaaa}verdocs-contact-picker ::-moz-placeholder{color:#aaaaaa}verdocs-contact-picker :-ms-input-placeholder{color:#aaaaaa}verdocs-contact-picker ::-ms-input-placeholder{color:#aaaaaa}verdocs-contact-picker ::placeholder{color:#aaaaaa}verdocs-contact-picker [data-lastpass-icon-root]{display:none !important}#verdocs-contact-picker-suggestions .dropdown{max-height:225px;overflow-y:scroll;background:#ffffff;font-family:var(--verdocs-primary-font, "Inter", "Barlow", sans-serif);-webkit-box-shadow:0 0 15px 0 rgba(0, 0, 0, 0.1);box-shadow:0 0 15px 0 rgba(0, 0, 0, 0.1)}#verdocs-contact-picker-suggestions .dropdown .suggestion{display:-ms-flexbox;display:flex;padding:6px 12px;-ms-flex-align:center;align-items:center;-ms-flex-direction:row;flex-direction:row}#verdocs-contact-picker-suggestions .dropdown .suggestion svg{width:32px;height:32px}#verdocs-contact-picker-suggestions .dropdown .suggestion .avatar{width:32px;height:32px;-ms-flex:0 0 32px;flex:0 0 32px;margin-right:8px;border-radius:100%}#verdocs-contact-picker-suggestions .dropdown .suggestion .details{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}#verdocs-contact-picker-suggestions .dropdown .suggestion .name{font-size:16px;font-weight:500;margin-bottom:3px;color:#092c4c}#verdocs-contact-picker-suggestions .dropdown .suggestion .destination{font-size:14px;margin-bottom:3px;color:#33364b}#verdocs-contact-picker-suggestions .dropdown .suggestion:hover{background:#eee;cursor:pointer}`;const v=`<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-book-user"><path d="M15 13a3 3 0 1 0-6 0"/><path d="M4 19.5v-15A2.5 2.5 0 0 1 6.5 2H19a1 1 0 0 1 1 1v18a1 1 0 0 1-1 1H6.5a1 1 0 0 1 0-5H20"/><circle cx="12" cy="8" r="2"/></svg>`;const x=e(class e extends s{constructor(e){super();if(e!==false){this.__registerHost()}this.searchContacts=t(this,"searchContacts");this.exit=t(this,"exit");this.next=t(this,"next");this.endpoint=c.getDefault();this.templateRole=null;this.contactSuggestions=[];this.showSuggestions=false;this.showMessage=false;this.delegator=false;this.name_locked=false;this.auth_methods=[];this.passcode="";this.firstNameFieldId=`verdocs-contact-picker-firstname-${Math.random().toString(36).substring(2,11)}`;this.lastNameFieldId=`verdocs-contact-picker-lastname-${Math.random().toString(36).substring(2,11)}`;this.emailFieldId=`verdocs-contact-picker-email-${Math.random().toString(36).substring(2,11)}`;this.phoneFieldId=`verdocs-contact-picker-phone-${Math.random().toString(36).substring(2,11)}`;this.activeEntitlements={};this.authMethodsLoading=true}async componentWillLoad(){this.endpoint.loadSession();if(this.templateRole){const e=d(this.templateRole);const s=e.split(" ");const t=this.templateRole.first_name||s.shift()||"";const o=this.templateRole.last_name||s.join(" ")||"";this.first_name=t;this.last_name=o;this.email=this.templateRole.email||"";this.phone=this.templateRole.phone||"";this.delegator=this.templateRole.delegator||false;this.name_locked=this.delegator?false:this.templateRole.name_locked||false;this.message=this.templateRole.message||"";this.showMessage=this.message!=="";this.auth_methods=this.templateRole.auth_methods||[];this.passcode=this.templateRole.passcode||""}this.activeEntitlements=await r(this.endpoint).catch((e=>{console.warn("[CONTACT PICKER] Unable to load entitlements, continuing with base auth methods only",e);return{}}));this.authMethodsLoading=false;console.log("[CONTACT PICKER] Loaded entitlements",this.activeEntitlements)}handleFirstNameChange(e){var s;this.first_name=e.target.value;(s=this.searchContacts)===null||s===void 0?void 0:s.emit({query:this.first_name})}handleLastNameChange(e){var s;this.last_name=e.target.value;(s=this.searchContacts)===null||s===void 0?void 0:s.emit({query:this.last_name})}handleCancel(e){var s;e.stopPropagation();this.showSuggestions=false;(s=this.exit)===null||s===void 0?void 0:s.emit()}handleSubmit(e){var s;e.stopPropagation();this.showSuggestions=false;(s=this.next)===null||s===void 0?void 0:s.emit({first_name:this.first_name,last_name:this.last_name,email:this.email,phone:this.phone,message:this.message,delegator:this.delegator,name_locked:this.name_locked,auth_methods:this.auth_methods,passcode:this.passcode,address:this.address,zip:this.zip})}handleSelectSuggestion(e,s){e.stopPropagation();this.first_name=s.first_name;this.last_name=s.last_name;this.email=s.email;this.phone=s.phone;this.showSuggestions=false}render(){const e=this.first_name&&this.last_name&&l(this.email);const s=!this.auth_methods.length||this.auth_methods.includes("passcode")&&!!this.passcode||this.auth_methods.includes("kba")&&!!this.first_name&&!!this.last_name||this.auth_methods.includes("email")&&!!this.email||this.auth_methods.includes("sms")&&!!this.phone;const t=e&&s;const i=!!this.activeEntitlements.sms_auth;const c=[];c.push({label:"Passcode",value:"passcode"});c.push({label:"Email",value:"email"});if(i){c.push({label:"SMS (One-Time Code)",value:"sms"})}if(!!this.activeEntitlements.kba_auth){c.push({label:"Knowledge-Based (KBA)",value:"kba"})}if(!!this.activeEntitlements.id_auth){c.push({label:"ID Check",value:"id"})}return o("form",{key:"6709871235915b9c57af981cb4ab8560c040c29f",onSubmit:e=>e.preventDefault(),autocomplete:"off"},o("div",{key:"b4792f8bf7a38bd1eca0a684da63e06607b29d4a",class:"row"},o("label",{key:"75f1386774dcf2dba1ae074e2ef86b9d04525763",htmlFor:this.firstNameFieldId},"Name:"),o("div",{key:"36916fdd64584ef209620a6311c4db381e55ea82",class:"names-row"},o("input",{key:"8ab3867864dad6e2726a09666e8c3334f6bbc713",id:this.firstNameFieldId,name:this.firstNameFieldId,type:"text","data-lpignore":"true",autocomplete:"blocked","aria-autocomplete":"none",value:this.first_name,placeholder:"First...",onFocus:()=>{setTimeout((()=>{var e;this.showSuggestions=((e=this.contactSuggestions)===null||e===void 0?void 0:e.length)>0}),100)},onInput:e=>this.handleFirstNameChange(e)}),o("input",{key:"000acb6f26cfa8a78105b211df519ef3851dc474",id:this.lastNameFieldId,name:this.lastNameFieldId,type:"text","data-lpignore":"true",autocomplete:"blocked","aria-autocomplete":"none",value:this.last_name,placeholder:"Last...",onFocus:()=>{setTimeout((()=>{var e;this.showSuggestions=((e=this.contactSuggestions)===null||e===void 0?void 0:e.length)>0}),100)},onInput:e=>this.handleLastNameChange(e)})),this.showSuggestions&&o("verdocs-portal",{key:"4e9c8ee57f464fcf09578430e1fe09981e87bafc",anchor:this.firstNameFieldId,onClickAway:()=>{this.showSuggestions=false;document.querySelectorAll(`.verdocs-portal-wrapper`).forEach((e=>e.remove()))},id:"verdocs-contact-picker-suggestions"},o("div",{key:"5cbf60f0f1186f318f686ef6bdc8d791072e4d41",class:"dropdown"},this.contactSuggestions.filter((e=>{var s;return!this.first_name||((s=e.first_name)===null||s===void 0?void 0:s.toLowerCase().includes(this.first_name.toLowerCase()))})).map((e=>{var s;return o("div",{key:(s=e.id)!==null&&s!==void 0?s:e.email,class:"suggestion",onClick:s=>this.handleSelectSuggestion(s,e)},e.picture?o("img",{alt:"Avatar",class:"avatar",src:e.picture}):o("div",{class:"avatar",innerHTML:v}),o("div",{class:"details"},o("div",{class:"name"},d(e)),e.email&&o("div",{class:"destination"},e.email),e.phone&&o("div",{class:"destination"},e.phone)))}))))),o("div",{key:"3d6aaa5e5bd3f0bc5681c4b788f222b6dfb45584",class:"row"},o("label",{key:"67e9b6d47602d8c455a46e47b94bf008d2ac3a4e",htmlFor:this.emailFieldId},"Email:"),o("input",{key:"b65569322f9a9864fe82ac3371ffcf4e769b69f1",id:this.emailFieldId,name:this.emailFieldId,type:"text","data-lpignore":"true",autoComplete:"blocked","aria-autocomplete":"none",value:this.email,placeholder:"Invite/verify via email...",onFocus:()=>this.showSuggestions=false,onInput:e=>this.email=e.target.value})),i&&o("div",{key:"defed17223c457db6eea0aff5c13598a70882157",class:"row"},o("label",{key:"7a06bd13e92cd70c51f23228bbe4ed5be59919bb",htmlFor:this.phoneFieldId},"Phone:"),o("input",{key:"770012fd3d838449afa88309f7b003c600e10a1c",id:this.phoneFieldId,name:this.phoneFieldId,type:"text","data-lpignore":"true",autoComplete:"blocked","aria-autocomplete":"none",value:this.phone,placeholder:"Invite/verify via SMS...",onFocus:()=>this.showSuggestions=false,onInput:e=>{this.phone=n(e.target.value)}})),o(a,{key:"e0071e7e2fb5521685c8863dab279f31089bf20e"},c.length>0&&o("div",{key:"7f769fdb13d206c769b813eef2c68e810bc635f3",class:"row pin-code"},o("label",{key:"4ebf33f0821f3b1f2a63ac918d3d2923b8f38e38"},"Verification Methods:"),this.authMethodsLoading?o("verdocs-spinner",{size:10,mode:"dark",style:{margin:"auto"}}):o("div",null,c.map(((e,s)=>o("div",{class:"option"},o("verdocs-checkbox",{size:"small",id:`verdocs-multi-select-opt-${s}`,value:e.value,checked:this.auth_methods.includes(e.value),onInput:s=>{if(s.target.checked){this.auth_methods=[...this.auth_methods,e.value]}else{this.auth_methods=this.auth_methods.filter((s=>s!==e.value))}}}),o("label",{htmlFor:`verdocs-multi-select-option-${s}`},e.label)))))),this.auth_methods.includes("passcode")&&o("div",{key:"79feab0e29cbfbbb825f285a995d21576732bb8a",class:"row pin-code"},o("label",{key:"7fd8dd8c3f254e9d6eba0e657f3a02f0fd47b05e",htmlFor:this.phoneFieldId},"Passcode:"),o("input",{key:"a9d0055ca2669776bc465ed4d7a1ce414bb628a4",id:"verdocs-passcode",name:"verdocs-passcode",type:"text","data-lpignore":"true",autocomplete:"blocked","aria-autocomplete":"none",value:this.passcode,placeholder:"4-8 digits recommended...",onFocus:()=>this.showSuggestions=false,onInput:e=>this.passcode=e.target.value}))),o("div",{key:"71101e3ae9adab93ffde79f43431ab91657df8cd",class:"row pin-code"},o("label",{key:"312a0dafe35171d1ebc61e62f868e2fdcd8a8e8d",style:{marginTop:"6px"}},"Options:"),o("div",{key:"38341490838ffe88ee03800e886d46b163f1d21a"},o("div",{key:"68fbb6b02029ba082da5db49687989e2d0228235",class:"option"},o("verdocs-checkbox",{key:"57c933a6ebc171d8a0c86452ff26504270175463",size:"small",id:"verdocs-delegator",checked:this.delegator,disabled:this.name_locked,onInput:e=>{this.delegator=e.target.checked;if(this.delegator)this.name_locked=false}}),o("label",{key:"8d4bbaef0ca5cea8100777fa37d520f1bd5a1d1e",htmlFor:"verdocs-delegator"},"May delegate signing")),o("div",{key:"d1278133af51917475ae1778c28da315072ca4a6",class:"option"},o("verdocs-checkbox",{key:"32f6401902c5f850f52c58fb06def2d16fc65e99",size:"small",id:"verdocs-name-locked",checked:this.name_locked,disabled:this.delegator,onInput:e=>{this.name_locked=e.target.checked;if(this.name_locked)this.delegator=false}}),o("label",{key:"82d3cb3a2c48c66e8dd4bf917e35ed85327d994d",htmlFor:"verdocs-name-locked"},"Name locked")))),o("div",{key:"01f4e93445daee8493eb67f41640865753db54bb",class:"row message"},o("label",{key:"499b65b9368abe5f355ece31825fdd6b92905b55",htmlFor:"verdocs-contact-picker-message"},"Message:"),o("textarea",{key:"817c16d982edb9af18f8ebee829ed77068d431b5",id:"verdocs-contact-picker-message",name:"verdocs-contact-picker-message","data-lpignore":"true",autocomplete:"blocked",placeholder:"Optional message to include in invitation...",onFocus:()=>this.showSuggestions=false,onInput:e=>this.message=e.target.value},this.message)),o("div",{key:"044a45c3a9ba57334c6e10f12e0b1f19ce5c3403",class:"buttons"},o("div",{key:"6aa3536c73eef3852f7d483deee3773413167f5d",class:"flex-fill"}),o("verdocs-button",{key:"7dc65ba7bcb927c9822cc19d00b3a74278db8688",variant:"outline",label:"Cancel",size:"small",onClick:e=>this.handleCancel(e)}),o("verdocs-button",{key:"7f3434aa2547d87ad2a54610374bec0511aa7940",label:"OK",size:"small",disabled:!t,onClick:!t?()=>{}:e=>this.handleSubmit(e)})))}static get style(){return u()}},[0,"verdocs-contact-picker",{endpoint:[16],templateRole:[16],contactSuggestions:[16],first_name:[32],last_name:[32],email:[32],phone:[32],zip:[32],address:[32],message:[32],showSuggestions:[32],showMessage:[32],delegator:[32],name_locked:[32],auth_methods:[32],passcode:[32],firstNameFieldId:[32],lastNameFieldId:[32],emailFieldId:[32],phoneFieldId:[32],activeEntitlements:[32],authMethodsLoading:[32]}]);function k(){if(typeof customElements==="undefined"){return}const e=["verdocs-contact-picker","verdocs-button","verdocs-checkbox","verdocs-flag","verdocs-portal","verdocs-spinner"];e.forEach((e=>{switch(e){case"verdocs-contact-picker":if(!customElements.get(i(e))){customElements.define(i(e),x)}break;case"verdocs-button":if(!customElements.get(i(e))){f()}break;case"verdocs-checkbox":if(!customElements.get(i(e))){p()}break;case"verdocs-flag":if(!customElements.get(i(e))){h()}break;case"verdocs-portal":if(!customElements.get(i(e))){m()}break;case"verdocs-spinner":if(!customElements.get(i(e))){b()}break}}))}export{x as V,k as d};
-//# sourceMappingURL=p-6RWROB9R.js.map

package/dist/components/p-6RWROB9R.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["verdocsContactPickerCss","addrBookIcon","VerdocsContactPicker","__stencil_proxyCustomElement","HTMLElement","constructor","registerHost","this","endpoint","VerdocsEndpoint","getDefault","templateRole","contactSuggestions","showSuggestions","showMessage","delegator","name_locked","auth_methods","passcode","firstNameFieldId","Math","random","toString","substring","lastNameFieldId","emailFieldId","phoneFieldId","activeEntitlements","authMethodsLoading","componentWillLoad","loadSession","fullName","formatFullName","nameComponents","split","firstName","first_name","shift","lastName","last_name","join","email","phone","message","getActiveEntitlements","catch","e","console","warn","log","handleFirstNameChange","target","value","_a","searchContacts","emit","query","handleLastNameChange","handleCancel","stopPropagation","exit","handleSubmit","next","address","zip","handleSelectSuggestion","suggestion","render","hasBasics","isValidEmail","hasAuthRequirements","length","includes","canSubmit","hasSMSAuth","sms_auth","verificationOptions","push","label","kba_auth","id_auth","h","key","onSubmit","preventDefault","autocomplete","class","htmlFor","id","name","type","placeholder","onFocus","setTimeout","onInput","anchor","onClickAway","document","querySelectorAll","forEach","el","remove","filter","toLowerCase","map","onClick","picture","alt","src","innerHTML","autoComplete","convertToE164","Fragment","size","mode","style","margin","option","i","checked","selected","marginTop","disabled","variant"],"sources":["src/components/envelopes/verdocs-contact-picker/verdocs-contact-picker.scss?tag=verdocs-contact-picker","src/components/envelopes/verdocs-contact-picker/verdocs-contact-picker.tsx"],"sourcesContent":["@import '../../../theme.scss';\n\nverdocs-contact-picker {\n  display: block;\n  border: 1px solid #ebebeb;\n  background-color: $verdocs-grey-4;\n  font-family: $verdocs-primary-font;\n  box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.1);\n\n  form {\n    gap: 12px;\n    width: 300px;\n    padding: 12px;\n    display: flex;\n    flex-direction: column;\n    background-color: $verdocs-grey-3;\n\n    .row {\n      gap: 8px;\n      display: flex;\n      position: relative;\n      flex-direction: row;\n      align-items: flex-start;\n\n      .option {\n        gap: 4px;\n        display: flex;\n        padding: 5px 8px;\n        align-items: center;\n        flex-direction: row;\n        text-wrap: nowrap;\n      }\n    }\n\n    .names-row {\n      gap: 8px;\n      display: flex;\n      flex-direction: row;\n\n      > input {\n        font-size: 14px;\n        width: 88px;\n      }\n    }\n\n    .pin-code {\n      gap: 8px;\n      display: flex;\n      align-items: flex-start;\n      flex-direction: row;\n\n      > input {\n        flex: 0 0 197px;\n        font-size: 14px;\n        //margin-left: 88px;\n      }\n    }\n\n    .address {\n      gap: 8px;\n      display: flex;\n      align-items: center;\n      flex-direction: row;\n\n      > input {\n        flex: 1;\n        font-size: 14px;\n        //margin-left: 88px;\n      }\n    }\n\n    .zip-code {\n      gap: 8px;\n      display: flex;\n      align-items: center;\n      flex-direction: row;\n\n      > input {\n        flex: 1;\n        font-size: 14px;\n        //margin-left: 88px;\n      }\n    }\n\n    label {\n      display: flex;\n      flex: 0 0 80px;\n      font-size: 13px;\n      font-weight: 500;\n      color: $verdocs-bg-4;\n    }\n\n    .row.message textarea {\n      width: 100%;\n      padding: 5px 7px;\n      border-radius: 4px;\n      font-family: $verdocs-primary-font;\n    }\n\n    input {\n      flex: 1;\n      padding: 6px;\n      font-size: 14px;\n      border-radius: 3px;\n      //background: #00000005;\n      border: 1px solid $border-color-extralight;\n\n      &:focus {\n        outline: none;\n      }\n    }\n  }\n\n  .buttons {\n    display: flex;\n    column-gap: 6px;\n    margin-top: 16px;\n    flex-direction: row;\n\n    .flex-fill {\n      flex: 1;\n    }\n  }\n\n  ::placeholder {\n    color: $verdocs-bg-2;\n  }\n\n  // @see https://community.logmein.com/t5/LastPass-Support-Discussions/placeholder-text-overrides-data-lpignore-quot-true-quot/td-p/295135\n  // LastPass is ignoring the data-lpignore attribute in some cases\n  [data-lastpass-icon-root] {\n    display: none !important;\n  }\n}\n\n#verdocs-contact-picker-suggestions {\n  .dropdown {\n    max-height: 225px;\n    overflow-y: scroll;\n    background: #ffffff;\n    font-family: $verdocs-primary-font;\n    box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.1);\n\n    .suggestion {\n      display: flex;\n      padding: 6px 12px;\n      align-items: center;\n      flex-direction: row;\n\n      svg {\n        width: 32px;\n        height: 32px;\n      }\n\n      .avatar {\n        width: 32px;\n        height: 32px;\n        flex: 0 0 32px;\n        margin-right: 8px;\n        border-radius: 100%;\n      }\n\n      .details {\n        display: flex;\n        flex-direction: column;\n      }\n\n      .name {\n        font-size: 16px;\n        font-weight: 500;\n        margin-bottom: 3px;\n        color: $verdocs-grey-0;\n      }\n\n      .destination {\n        font-size: 14px;\n        margin-bottom: 3px;\n        color: $verdocs-grey-1;\n      }\n\n      &:hover {\n        background: #eee;\n        cursor: pointer;\n      }\n    }\n  }\n}\n","import {Component, h, Event, EventEmitter, Fragment, Prop, State} from '@stencil/core';\nimport {formatFullName, getActiveEntitlements, IEntitlement, IProfile, IRecipient, isValidEmail, TEntitlement, TRecipientAuthMethod, VerdocsEndpoint} from '@verdocs/js-sdk';\nimport {convertToE164} from '../../../utils/utils';\n\nconst addrBookIcon = `<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-book-user\"><path d=\"M15 13a3 3 0 1 0-6 0\"/><path d=\"M4 19.5v-15A2.5 2.5 0 0 1 6.5 2H19a1 1 0 0 1 1 1v18a1 1 0 0 1-1 1H6.5a1 1 0 0 1 0-5H20\"/><circle cx=\"12\" cy=\"8\" r=\"2\"/></svg>`;\n\nexport interface IContactSearchEvent {\n  query: string;\n}\n\nexport interface IContactSelectEvent {\n  first_name: string;\n  last_name: string;\n  email: string;\n  phone: string;\n  message: string;\n  delegator: boolean;\n  name_locked: boolean;\n  auth_methods: TRecipientAuthMethod[];\n  passcode: string;\n  address: string;\n  zip: string;\n}\n\nexport type TPickerContact = Partial<IProfile>;\n\n/**\n * Display a contact picker suitable for filling out Recipient objects when sending Envelopes.\n *\n * This picker can also be integrated with a backend to provide contact list / suggestion / address-book style behavior. As the\n * user interacts with the component, the text entered in the name fields is sent back to the parent via the `searchContacts` event.\n * The parent can use that text as a query string to call a backend to obtain appropriate contacts to show. This list may also be\n * hard-coded ahead of time to provide the user with smart suggestions on initial display, such as \"Recently Used\" contacts, or\n * to always display the user's own contact record.\n *\n * ```ts\n * <verdocs-contact-picker\n *   templateRole={role}\n *   contactSuggestions={[]}\n *   onNext={e => console.log('Contact completed', e.detail)}\n *   />\n * ```\n */\n@Component({\n  tag: 'verdocs-contact-picker',\n  styleUrl: 'verdocs-contact-picker.scss',\n  shadow: false,\n})\nexport class VerdocsContactPicker {\n  /**\n   * The endpoint to use to communicate with Verdocs. If not set, the default endpoint will be used.\n   */\n  @Prop() endpoint: VerdocsEndpoint = VerdocsEndpoint.getDefault();\n\n  /**\n   * The role that this contact will be assigned to.\n   */\n  @Prop() templateRole: Partial<IRecipient> | null = null;\n\n  /**\n   * If set, suggestions will be displayed in a drop-down list to the user. It is recommended that the number\n   * of suggestions be limited to the 5 best matching records.\n   */\n  @Prop() contactSuggestions: TPickerContact[] = [];\n\n  /**\n   * Event fired when the user enters text in the search field. The calling application may use this to update\n   * the `contactSuggestions` property.\n   */\n  @Event({composed: true}) searchContacts: EventEmitter<IContactSearchEvent>;\n\n  /**\n   * Event fired when the step is cancelled. This is called exit to avoid conflicts with the JS-reserved \"cancel\" event name.\n   */\n  @Event({composed: true}) exit: EventEmitter;\n\n  /**\n   * Event fired when the user changes the type.\n   */\n  @Event({composed: true}) next: EventEmitter<IContactSelectEvent>;\n\n  @State() first_name: string;\n  @State() last_name: string;\n  @State() email: string;\n  @State() phone: string;\n  @State() zip: string;\n  @State() address: string;\n  @State() message: string;\n  @State() showSuggestions: boolean = false;\n  @State() showMessage: boolean = false;\n  @State() delegator: boolean = false;\n  @State() name_locked: boolean = false;\n  @State() auth_methods: TRecipientAuthMethod[] = [];\n  @State() passcode: string = '';\n\n  @State() firstNameFieldId = `verdocs-contact-picker-firstname-${Math.random().toString(36).substring(2, 11)}`;\n  @State() lastNameFieldId = `verdocs-contact-picker-lastname-${Math.random().toString(36).substring(2, 11)}`;\n  @State() emailFieldId = `verdocs-contact-picker-email-${Math.random().toString(36).substring(2, 11)}`;\n  @State() phoneFieldId = `verdocs-contact-picker-phone-${Math.random().toString(36).substring(2, 11)}`;\n\n  @State() activeEntitlements: Partial<Record<TEntitlement, IEntitlement>> = {};\n  @State() authMethodsLoading: boolean = true\n\n  async componentWillLoad() {\n    this.endpoint.loadSession();\n\n    if (this.templateRole) {\n      const fullName = formatFullName(this.templateRole);\n      const nameComponents = fullName.split(' ');\n      const firstName = this.templateRole.first_name || nameComponents.shift() || '';\n      const lastName = this.templateRole.last_name || nameComponents.join(' ') || '';\n      this.first_name = firstName;\n      this.last_name = lastName;\n\n      this.email = this.templateRole.email || '';\n      this.phone = this.templateRole.phone || '';\n      // delegator and name_locked are mutually exclusive; delegator takes precedence if both are somehow set\n      this.delegator = this.templateRole.delegator || false;\n      this.name_locked = this.delegator ? false : (this.templateRole.name_locked || false);\n      this.message = this.templateRole.message || '';\n      this.showMessage = this.message !== '';\n      this.auth_methods = this.templateRole.auth_methods || [];\n      this.passcode = this.templateRole.passcode || '';\n    }\n\n    // Entitlements only gate optional methods like KBA. We need error handling here in case the getActiveEntitlements\n    // call fails or we stay loading forever.\n    this.activeEntitlements = await getActiveEntitlements(this.endpoint).catch(e => {\n      console.warn('[CONTACT PICKER] Unable to load entitlements, continuing with base auth methods only', e);\n      return {} as Partial<Record<TEntitlement, IEntitlement>>;\n    });\n\n    this.authMethodsLoading = false;\n    console.log('[CONTACT PICKER] Loaded entitlements', this.activeEntitlements);\n  }\n\n  handleFirstNameChange(e: any) {\n    this.first_name = e.target.value;\n    this.searchContacts?.emit({query: this.first_name});\n  }\n\n  handleLastNameChange(e: any) {\n    this.last_name = e.target.value;\n    this.searchContacts?.emit({query: this.last_name});\n  }\n\n  handleCancel(e: any) {\n    e.stopPropagation();\n    this.showSuggestions = false;\n    this.exit?.emit();\n  }\n\n  handleSubmit(e: any) {\n    e.stopPropagation();\n\n    this.showSuggestions = false;\n    this.next?.emit({\n      first_name: this.first_name,\n      last_name: this.last_name,\n      email: this.email,\n      phone: this.phone,\n      message: this.message,\n      delegator: this.delegator,\n      name_locked: this.name_locked,\n      auth_methods: this.auth_methods,\n      passcode: this.passcode,\n      address: this.address,\n      zip: this.zip,\n    });\n  }\n\n  handleSelectSuggestion(e: any, suggestion: TPickerContact) {\n    e.stopPropagation();\n\n    this.first_name = suggestion.first_name;\n    this.last_name = suggestion.last_name;\n    this.email = suggestion.email;\n    this.phone = suggestion.phone;\n    this.showSuggestions = false;\n  }\n\n  // The reason for the random names/IDs is to disable browser autocomplete. We set the autocomplete tags but many browsers ignore them\n  // and show a duplicate autocomplete picker on top of our own.\n  render() {\n    // const hasBasics = this.first_name && this.last_name && (isValidEmail(this.email) || isValidPhone(this.phone));\n    const hasBasics = this.first_name && this.last_name && isValidEmail(this.email);\n    const hasAuthRequirements =\n      !this.auth_methods.length ||\n      (this.auth_methods.includes('passcode') && !!this.passcode) ||\n      (this.auth_methods.includes('kba') && !!this.first_name && !!this.last_name) ||\n      (this.auth_methods.includes('email') && !!this.email) ||\n      (this.auth_methods.includes('sms') && !!this.phone);\n    const canSubmit = hasBasics && hasAuthRequirements;\n    const hasSMSAuth = !!this.activeEntitlements.sms_auth\n\n    const verificationOptions = [];\n\n    verificationOptions.push({label: 'Passcode', value: 'passcode'});\n    verificationOptions.push({label: 'Email', value: 'email'});\n\n    if (hasSMSAuth) {\n      verificationOptions.push({label: 'SMS (One-Time Code)', value: 'sms'});\n    }\n\n    if (!!this.activeEntitlements.kba_auth) {\n      verificationOptions.push({label: 'Knowledge-Based (KBA)', value: 'kba'});\n    }\n\n    if (!!this.activeEntitlements.id_auth) {\n      verificationOptions.push({label: 'ID Check', value: 'id'});\n    }\n\n    return (\n      <form\n        onSubmit={e => e.preventDefault()}\n        // onClick={e => e.stopPropagation()}\n        autocomplete=\"off\"\n      >\n        <div class=\"row\">\n          <label htmlFor={this.firstNameFieldId}>Name:</label>\n          <div class=\"names-row\">\n            <input\n              id={this.firstNameFieldId}\n              name={this.firstNameFieldId}\n              type=\"text\"\n              data-lpignore=\"true\"\n              autocomplete=\"blocked\"\n              aria-autocomplete=\"none\"\n              value={this.first_name}\n              placeholder=\"First...\"\n              onFocus={() => {\n                // Give the blur event a chance to hide it first if going between first/last\n                setTimeout(() => {\n                  this.showSuggestions = this.contactSuggestions?.length > 0;\n                }, 100);\n              }}\n              onInput={e => this.handleFirstNameChange(e)}\n            />\n            <input\n              id={this.lastNameFieldId}\n              name={this.lastNameFieldId}\n              type=\"text\"\n              data-lpignore=\"true\"\n              autocomplete=\"blocked\"\n              aria-autocomplete=\"none\"\n              value={this.last_name}\n              placeholder=\"Last...\"\n              onFocus={() => {\n                // Give the blur event a chance to hide it first if going between first/last\n                setTimeout(() => {\n                  this.showSuggestions = this.contactSuggestions?.length > 0;\n                }, 100);\n              }}\n              onInput={e => this.handleLastNameChange(e)}\n            />\n          </div>\n\n          {this.showSuggestions && (\n            <verdocs-portal\n              anchor={this.firstNameFieldId}\n              onClickAway={() => {\n                this.showSuggestions = false;\n                document.querySelectorAll(`.verdocs-portal-wrapper`).forEach(el => el.remove());\n              }}\n              id=\"verdocs-contact-picker-suggestions\"\n            >\n              <div class=\"dropdown\">\n                {this.contactSuggestions\n                  .filter(suggestion => !this.first_name || suggestion.first_name?.toLowerCase().includes(this.first_name.toLowerCase()))\n                  .map(suggestion => (\n                    <div key={suggestion.id ?? suggestion.email} class=\"suggestion\" onClick={e => this.handleSelectSuggestion(e, suggestion)}>\n                      {suggestion.picture ? <img alt=\"Avatar\" class=\"avatar\" src={suggestion.picture} /> : <div class=\"avatar\" innerHTML={addrBookIcon} />}\n                      <div class=\"details\">\n                        <div class=\"name\">{formatFullName(suggestion)}</div>\n                        {suggestion.email && <div class=\"destination\">{suggestion.email}</div>}\n                        {suggestion.phone && <div class=\"destination\">{suggestion.phone}</div>}\n                      </div>\n                    </div>\n                  ))}\n              </div>\n            </verdocs-portal>\n          )}\n        </div>\n\n        <div class=\"row\">\n          <label htmlFor={this.emailFieldId}>Email:</label>\n          <input\n            id={this.emailFieldId}\n            name={this.emailFieldId}\n            type=\"text\"\n            data-lpignore=\"true\"\n            autoComplete=\"blocked\"\n            aria-autocomplete=\"none\"\n            value={this.email}\n            placeholder=\"Invite/verify via email...\"\n            onFocus={() => (this.showSuggestions = false)}\n            onInput={(e: any) => (this.email = e.target.value)}\n          />\n        </div>\n\n        {hasSMSAuth && (\n          <div class=\"row\">\n            <label htmlFor={this.phoneFieldId}>Phone:</label>\n            <input\n              id={this.phoneFieldId}\n              name={this.phoneFieldId}\n              type=\"text\"\n              data-lpignore=\"true\"\n              autoComplete=\"blocked\"\n              aria-autocomplete=\"none\"\n              value={this.phone}\n              placeholder=\"Invite/verify via SMS...\"\n              onFocus={() => (this.showSuggestions = false)}\n              onInput={(e: any) => {\n                this.phone = convertToE164(e.target.value);\n              }}\n            />\n          </div>\n        )}\n\n        <Fragment>\n          {verificationOptions.length > 0 && (\n            <div class=\"row pin-code\">\n              <label>Verification Methods:</label>\n              {this.authMethodsLoading ? (\n                <verdocs-spinner size={10} mode=\"dark\" style={{margin: 'auto'}} />\n              ) : (\n                <div>\n                {verificationOptions.map((option, i) => (\n                  <div class=\"option\">\n                    <verdocs-checkbox\n                      size=\"small\"\n                      id={`verdocs-multi-select-opt-${i}`}\n                      value={option.value}\n                      checked={this.auth_methods.includes(option.value)}\n                      onInput={(e: any) => {\n                        if (e.target.checked) {\n                          this.auth_methods = [...this.auth_methods, option.value];\n                        } else {\n                          this.auth_methods = this.auth_methods.filter(selected => selected !== option.value);\n                        }\n                      }}\n                    />\n                    <label htmlFor={`verdocs-multi-select-option-${i}`}>{option.label}</label>\n                  </div>\n                ))}\n              </div>\n              )}\n            </div>\n          )}\n\n          {this.auth_methods.includes('passcode') && (\n            <div class=\"row pin-code\">\n              <label htmlFor={this.phoneFieldId}>Passcode:</label>\n              <input\n                id=\"verdocs-passcode\"\n                name=\"verdocs-passcode\"\n                type=\"text\"\n                data-lpignore=\"true\"\n                autocomplete=\"blocked\"\n                aria-autocomplete=\"none\"\n                value={this.passcode}\n                placeholder=\"4-8 digits recommended...\"\n                onFocus={() => (this.showSuggestions = false)}\n                onInput={(e: any) => (this.passcode = e.target.value)}\n              />\n            </div>\n          )}\n        </Fragment>\n\n        <div class=\"row pin-code\">\n          <label style={{marginTop: '6px'}}>Options:</label>\n          <div>\n            <div class=\"option\">\n              <verdocs-checkbox\n                size=\"small\"\n                id=\"verdocs-delegator\"\n                checked={this.delegator}\n                disabled={this.name_locked}\n                onInput={(e: any) => {\n                  this.delegator = e.target.checked;\n                  if (this.delegator) this.name_locked = false;\n                }}\n              />\n              <label htmlFor=\"verdocs-delegator\">May delegate signing</label>\n            </div>\n            <div class=\"option\">\n              <verdocs-checkbox\n                size=\"small\"\n                id=\"verdocs-name-locked\"\n                checked={this.name_locked}\n                disabled={this.delegator}\n                onInput={(e: any) => {\n                  this.name_locked = e.target.checked;\n                  if (this.name_locked) this.delegator = false;\n                }}\n              />\n              <label htmlFor=\"verdocs-name-locked\">Name locked</label>\n            </div>\n          </div>\n        </div>\n\n        <div class=\"row message\">\n          <label htmlFor=\"verdocs-contact-picker-message\">Message:</label>\n          <textarea\n            id=\"verdocs-contact-picker-message\"\n            name=\"verdocs-contact-picker-message\"\n            data-lpignore=\"true\"\n            autocomplete=\"blocked\"\n            placeholder=\"Optional message to include in invitation...\"\n            onFocus={() => (this.showSuggestions = false)}\n            onInput={(e: any) => (this.message = e.target.value)}\n          >\n            {this.message}\n          </textarea>\n        </div>\n\n        <div class=\"buttons\">\n          <div class=\"flex-fill\" />\n\n          <verdocs-button variant=\"outline\" label=\"Cancel\" size=\"small\" onClick={e => this.handleCancel(e)} />\n          <verdocs-button label=\"OK\" size=\"small\" disabled={!canSubmit} onClick={!canSubmit ? () => {} : e => this.handleSubmit(e)} />\n        </div>\n      </form>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/components/p-B1UVXqFA.js

@@ -1,2 +0,0 @@
-import{p as e,H as s,c as o,h as t,d as a,t as d}from"./p-yZBlG3YQ.js";import{verifySigner as i}from"@verdocs/js-sdk";import{D as c}from"./p-b2u0_wDk.js";import{V as l}from"./p-D97GxsI-.js";import{d as n}from"./p-C0SHIuoK.js";import{d as r}from"./p-JGWMBIGy.js";import{d as f}from"./p-CxIhMndz.js";import{d as p}from"./p-BMGs9CCD.js";const b=()=>`verdocs-passcode-dialog{font-family:"Inter", "Barlow", sans-serif;-webkit-box-sizing:border-box;box-sizing:border-box}verdocs-passcode-dialog div{-webkit-box-sizing:border-box;box-sizing:border-box}verdocs-passcode-dialog .heading{width:100%;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-direction:row;flex-direction:row;-ms-flex-pack:justify;justify-content:space-between}verdocs-passcode-dialog .heading .title{font-size:20px;font-weight:500}verdocs-passcode-dialog .step{color:#666;margin-left:6px}verdocs-passcode-dialog .help-box{padding:0;color:black;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;margin-bottom:20px}verdocs-passcode-dialog .help-details{gap:5px;display:-ms-flexbox;display:flex;margin-left:0;font-size:14px;-ms-flex-direction:column;flex-direction:column}verdocs-passcode-dialog .help-title{font-weight:600;margin-bottom:4px}verdocs-passcode-dialog .help-text{font-weight:400}verdocs-passcode-dialog .buttons{width:100%;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-direction:row;flex-direction:row;-ms-flex-pack:end;justify-content:flex-end}verdocs-passcode-dialog .buttons verdocs-button{margin-left:16px}`;const m=e(class e extends s{constructor(e){super();if(e!==false){this.__registerHost()}this.exit=o(this,"exit");this.next=o(this,"next");this.endpoint=c;this.response=""}handleCancel(){this.exit.emit()}handleSubmit(){i(this.endpoint,{auth_method:"passcode",code:this.response}).then((e=>{console.log("Verification completed",e);this.next.emit({response:e})})).catch((e=>{l("Invalid passcode. Please try again.");console.log("Invalid code",e)}));this.response=""}render(){return t(a,{key:"3b129d56369777ca4b6a7fbb5a98f937aafae0aa"},t("verdocs-dialog",{key:"26573497a36f1036e0b317ae6b7f289ce19a8f06",persistent:true,onExit:()=>this.handleCancel()},t("div",{key:"e403d2050639b3796350917a9cd04fcb734bb5ab",slot:"heading",class:"heading"},t("div",{key:"e24ca397c7e47a6a0d492a84e0b9f4f50639f8c5",class:"title"},"Passcode Required")),t("div",{key:"a67188270a2d984579f0704083c9162c5619ae22",slot:"content",class:"content"},t("div",{key:"5582495c434ff9dc96740670765071cdb776aa0b",class:"help-box"},t("div",{key:"6d6ce967f4c6b13ba727135c0f4471e444777ef8",class:"help-details"},t("div",{key:"5a79e2ad94e747e0ca02316cd92baec3258c61d4",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."))),t("verdocs-text-input",{key:"6fdd12c6f98e48c04958733b067db509afadb357",id:"verdocs-passcode-input",value:this.response,onClick:e=>e.stopPropagation(),placeholder:"Enter passcode...",onInput:e=>this.response=e.target.value})),t("div",{key:"74615d4a6d0edf18cbe03ae73ff8eb8d692e65c0",slot:"footer",class:"buttons footer"},t("verdocs-button",{key:"c0e8a8509c626ed817e6560dcc77ece31abf2f87",label:"Cancel",variant:"outline",onClick:()=>this.handleCancel()}),t("verdocs-button",{key:"dc1da5e42cda0871236aadbfe24b5aa3b8660e59",label:"Submit",onClick:()=>this.handleSubmit(),disabled:!this.response}))))}static get style(){return b()}},[0,"verdocs-passcode-dialog",{endpoint:[1040],response:[32]}]);function x(){if(typeof customElements==="undefined"){return}const e=["verdocs-passcode-dialog","verdocs-button","verdocs-dialog","verdocs-help-icon","verdocs-text-input"];e.forEach((e=>{switch(e){case"verdocs-passcode-dialog":if(!customElements.get(d(e))){customElements.define(d(e),m)}break;case"verdocs-button":if(!customElements.get(d(e))){n()}break;case"verdocs-dialog":if(!customElements.get(d(e))){r()}break;case"verdocs-help-icon":if(!customElements.get(d(e))){f()}break;case"verdocs-text-input":if(!customElements.get(d(e))){p()}break}}))}export{m as V,x as d};
-//# sourceMappingURL=p-B1UVXqFA.js.map

package/dist/components/p-Ck4pdoyc.js

@@ -1,2 +0,0 @@
-import{p as e,H as s,c as t,h as i,d as o,t as n}from"./p-yZBlG3YQ.js";import{getTemplate as l,getOrganizationContacts as r,isValidEmail as d,createEnvelope as a,formatFullName as c,getRGBA as p}from"@verdocs/js-sdk";import{D as h}from"./p-b2u0_wDk.js";import{V as v}from"./p-D97GxsI-.js";import{S as m}from"./p-C1sRVZWv.js";import{S as f}from"./p-C7hFgM52.js";import{d as u}from"./p-C0SHIuoK.js";import{d as x}from"./p-DVx4efoX.js";import{d as b}from"./p--jRXEN0c.js";import{d as g}from"./p-6RWROB9R.js";import{d as w}from"./p-D9yawpPk.js";import{d as k}from"./p-vimrvRye.js";import{d as S}from"./p-CIgqf7hj.js";import{d as E}from"./p-CoeB7U-_.js";const C=e=>((e===null||e===void 0?void 0:e.roles)||[]).map((e=>e.name));const y=(e,s)=>Math.max(C(e).findIndex((e=>e===s)),0);const D=()=>`verdocs-send{padding:10px;position:relative;background:#ffffff;-ms-flex-direction:column;flex-direction:column;font-family:var(--verdocs-primary-font, "Inter", "Barlow", sans-serif)}verdocs-send.sendable{display:-ms-flexbox;display:flex}verdocs-send .recipients{position:relative}verdocs-send .left-line{top:32px;left:20px;z-index:1;width:12px;bottom:30px;position:absolute;background:#ffffff;border-left:3px dotted #9b9b9b}verdocs-send .level{display:-ms-flexbox;display:flex;-webkit-column-gap:10px;-moz-column-gap:10px;column-gap:10px;margin-left:50px;position:relative;-ms-flex-direction:row;flex-direction:row;padding:8px 0 4px 0;border-bottom:1px solid rgba(151, 151, 151, 0.2666666667)}verdocs-send .level .level-icon{top:14px;z-index:2;left:-40px;width:24px;height:24px;position:absolute;background:#ffffff}verdocs-send .level .level-icon svg{fill:rgba(0, 0, 0, 0.537254902)}verdocs-send .level .recipient{height:30px;display:-ms-flexbox;display:flex;-ms-flex:0 0 30px;flex:0 0 30px;color:#000000;cursor:pointer;font-size:14px;-ms-flex-align:center;align-items:center;border-radius:30px;-ms-flex-direction:row;flex-direction:row;background:#dddddd;white-space:nowrap;border:2px solid #dddddd;padding:2px 10px 2px 14px}verdocs-send .level .recipient .icon{width:22px;height:22px;-ms-flex:0 0 22px;flex:0 0 22px;margin:0 0 0 10px}verdocs-send .level .recipient .icon svg{width:22px;height:22px;fill:#333333;outline:none}verdocs-send .level .complete{-ms-flex:1;flex:1;height:30px;display:-ms-flexbox;display:flex;color:#000000;font-size:14px;-ms-flex-align:center;align-items:center;-ms-flex-direction:row;flex-direction:row;padding:3px 10px 3px 2px}verdocs-send .buttons{display:-ms-flexbox;display:flex;margin-top:10px;-webkit-column-gap:15px;-moz-column-gap:15px;column-gap:15px;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center}verdocs-send .buttons .error-message{width:100%;color:#cc0000;font-size:13px;margin-bottom:10px}verdocs-send verdocs-contact-picker{left:0;top:41px;z-index:10;position:absolute;border:1px solid #dddddd;-webkit-box-shadow:0 0 6px 3px rgba(0, 0, 0, 0.1);box-shadow:0 0 6px 3px rgba(0, 0, 0, 0.1)}`;const z='<svg focusable="false" aria-hidden="true" viewBox="0 0 24 24" tabindex="-1"><path d="M3 17.25V21h3.75L17.81 9.94l-3.75-3.75L3 17.25zM20.71 7.04c.39-.39.39-1.02 0-1.41l-2.34-2.34a.9959.9959 0 0 0-1.41 0l-1.83 1.83 3.75 3.75 1.83-1.83z"></path></svg>';const j='<svg focusable="false" aria-hidden="true" viewBox="0 0 24 24" tabindex="-1"><path d="M2 12C2 6.48 6.48 2 12 2s10 4.48 10 10-4.48 10-10 10S2 17.52 2 12zm10 6c3.31 0 6-2.69 6-6s-2.69-6-6-6-6 2.69-6 6 2.69 6 6 6z"></path></svg>';const N='<svg focusable="false" aria-hidden="true" viewBox="0 0 24 24" tabindex="-1"><path d="M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7zm0 9.5c-1.38 0-2.5-1.12-2.5-2.5s1.12-2.5 2.5-2.5 2.5 1.12 2.5 2.5-1.12 2.5-2.5 2.5z"></path></svg>';const _='<svg focusable="false" aria-hidden="true" viewBox="0 0 24 24" tabindex="-1"><path d="m18 7-1.41-1.41-6.34 6.34 1.41 1.41L18 7zm4.24-1.41L11.66 16.17 7.48 12l-1.41 1.41L11.66 19l12-12-1.42-1.41zM.41 13.41 6 19l1.41-1.41L1.83 12 .41 13.41z"></path></svg>';const I=e(class e extends s{constructor(e){super();if(e!==false){this.__registerHost()}this.beforeSend=t(this,"beforeSend");this.send=t(this,"send");this.exit=t(this,"exit");this.sdkError=t(this,"sdkError");this.searchContacts=t(this,"searchContacts");this.templateListenerId=null;this.endpoint=h;this.templateId=null;this.environment="";this.showCancel=true;this.containerId=`verdocs-send-${Math.random().toString(36).substring(2,11)}`;this.showPickerForId="";this.sessionContacts=[];this.sending=false;this.rolesCompleted={};this.loading=true;this.template=null}disconnectedCallback(){this.unlistenToTemplate()}async listenToTemplate(){console.log("[SEND] Loading template",this.templateId);this.unlistenToTemplate();f.subscribe("templates",this.templateId,(()=>l(this.endpoint,this.templateId)),true,(e=>{console.log("[SEND] Got new template",e);this.template=e;this.loading=false;this.rolesCompleted={};this.recomputeRolesCompleted()}))}unlistenToTemplate(){if(this.templateListenerId){f.store.delListener(this.templateListenerId);this.templateListenerId=null}}async reset(){this.rolesCompleted={}}onTemplateIdChanged(e){console.log("[SEND] Template ID changed",e);this.listenToTemplate()}async componentWillLoad(){var e,s,t;try{this.endpoint.onSessionChanged(((e,s,t)=>{if(!t){return}const i={id:t.id,first_name:t.first_name,last_name:t.last_name,email:t.email,phone:t.phone};if(t){this.sessionContacts=[i];r(this.endpoint).then((e=>{console.log("[SEND] Got contacts",e);this.sessionContacts=[...e,i]})).catch((e=>{console.log("[SEND] Error getting contacts",e)}))}}));this.endpoint.loadSession();if(!this.endpoint.session){console.log("[SEND] Unable to start Send operation, must be authenticated");return}if(!this.templateId){console.log(`[SEND] Missing required template ID ${this.templateId}`);return}this.listenToTemplate()}catch(i){console.log("[SEND] Error with send session",i);(e=this.sdkError)===null||e===void 0?void 0:e.emit(new m(i.message,(s=i.response)===null||s===void 0?void 0:s.status,(t=i.response)===null||t===void 0?void 0:t.data))}}recomputeRolesCompleted(){var e;this.rolesCompleted={};const s={};(((e=this.template)===null||e===void 0?void 0:e.roles)||[]).forEach((e=>{const t=e.sequence;s[t]||(s[t]=[]);const i=`r-${t}-${s[t].length}`;s[t].push({...e,id:i,role_name:e.name,first_name:e.first_name,last_name:e.last_name});if(e.first_name&&d(e.email)){this.rolesCompleted[i]={...e,id:i,role_name:e.name,first_name:e.first_name,last_name:e.last_name}}}))}getSequenceNumbers(){var e;const s={};(((e=this.template)===null||e===void 0?void 0:e.roles)||[]).forEach((e=>{s[e.sequence]=true}));return Object.keys(s).map((e=>+e)).sort(((e,s)=>e-s))}getRolesAtLevel(e){var s;const t=(((s=this.template)===null||s===void 0?void 0:s.roles)||[]).filter((s=>s.sequence===e)).map(((s,t)=>({...s,id:`r-${e}-${t}`,role_name:s.name,first_name:s.first_name,last_name:s.last_name})));return t}getLevelIcon(e){if(e==="start"){return i("div",{class:"level-icon",innerHTML:j})}else if(e==="end"){return i("div",{class:"level-icon",innerHTML:_})}else{return i("div",{class:"level-icon",innerHTML:N})}}handleSelectContact(e,s){e.preventDefault();this.rolesCompleted[s.id]={...s,...e.detail};this.showPickerForId=""}handleClickRole(e,s){e.stopPropagation();this.showPickerForId=s.id}handleSend(e){var s;if(this.sending){console.log("[SEND] Skipping duplicate send",e);return}console.log("[SEND] Sending",e);e.preventDefault();e.stopPropagation();this.sending=true;const t=Intl.DateTimeFormat().resolvedOptions();const i={template_id:this.templateId,name:((s=this.template)===null||s===void 0?void 0:s.name)||"New Envelope",environment:this.environment,initial_reminder:0,followup_reminders:0,recipients:Object.values(this.rolesCompleted),timezone:t.timeZone,locale:t.locale};const o=this.beforeSend.emit({...i,name:i.name,template:this.template});if(o.defaultPrevented){console.log("[SEND] Send cancelled by parent",i);this.sending=false;return}console.log("[SEND] Creating envelope",i);a(this.endpoint,i).then((e=>{var s;console.log("[SEND] Send envelope",e);this.reset().catch((e=>console.log("Unknown Error",e)));this.sending=false;(s=this.send)===null||s===void 0?void 0:s.emit({...i,name:i.name,envelope_id:e.id,envelope:e})})).catch((e=>{var s,t,i;console.log("[SEND] Send error",e);v(((t=(s=e.response)===null||s===void 0?void 0:s.data)===null||t===void 0?void 0:t.error)||"Error creating envelope, please try again later.");this.sending=false;(i=this.sdkError)===null||i===void 0?void 0:i.emit(e)}))}handleCancel(e){var s;e.stopPropagation();(s=this.exit)===null||s===void 0?void 0:s.emit()}render(){var e;if(this.loading){return i(o,null,i("verdocs-loader",null))}if(!this.endpoint.session){return i(o,{style:{display:"flex"}},i("verdocs-component-error",{message:"You must be authenticated to use this module."}))}const s=this.getSequenceNumbers();const t=Object.values(this.rolesCompleted).filter((e=>d(e.email)&&e.first_name&&e.last_name));const n=t.length>=C(this.template).length;const l=t.map((e=>e.email.toLowerCase()));const r=new Set(l).size<l.length;return i(o,{class:{sendable:(e=this.template)===null||e===void 0?void 0:e.is_sendable}},i("div",{class:"recipients"},i("div",{class:"left-line"}),i("div",{class:`level level-start`},this.getLevelIcon("start"),i("div",{class:"complete"},"Send Envelope")),s.map((e=>i("div",{class:`level level-${e}`},this.getLevelIcon("sequence"),this.getRolesAtLevel(e).map((e=>{var s,o,n;const l=!e.email||!e.first_name||!e.last_name;const r=((s=this.rolesCompleted[e.id])===null||s===void 0?void 0:s.first_name)?c(this.rolesCompleted[e.id]):l?e.role_name:c(e);const d=`verdocs-send-recipient-${e.role_name}`;const a=y(this.template,e.role_name);const h=p(a);const v=t.findIndex((s=>s.role_name===e.role_name))>-1;const m={backgroundColor:h,border:v?"2px solid #55bc81":"2px solid #dddddd"};return l?i("div",{class:"recipient","data-ri":a,"data-rn":e.role_name,style:m,onClick:s=>this.handleClickRole(s,e),id:d},r,i("div",{class:"icon",innerHTML:z}),this.showPickerForId===e.id&&i("verdocs-portal",{anchor:d,onClickAway:()=>this.showPickerForId=""},i("verdocs-contact-picker",{onExit:()=>this.showPickerForId="",onNext:s=>this.handleSelectContact(s,e),contactSuggestions:this.sessionContacts,templateRole:(o=this.rolesCompleted[e.id])!==null&&o!==void 0?o:e,onSearchContacts:e=>{var s;return(s=this.searchContacts)===null||s===void 0?void 0:s.emit(e.detail)}}))):i("div",{class:"recipient","data-ri":a,"data-rn":e.role_name,style:m,onClick:s=>this.handleClickRole(s,e),id:d},r,i("div",{class:"icon",innerHTML:z}),this.showPickerForId===e.id&&i("verdocs-portal",{anchor:d,onClickAway:()=>this.showPickerForId=""},i("verdocs-contact-picker",{onExit:()=>this.showPickerForId="",onNext:s=>this.handleSelectContact(s,e),contactSuggestions:this.sessionContacts,templateRole:(n=this.rolesCompleted[e.id])!==null&&n!==void 0?n:e,onSearchContacts:e=>{var s;return(s=this.searchContacts)===null||s===void 0?void 0:s.emit(e.detail)}})))}))))),i("div",{class:`level level-done`},this.getLevelIcon("end"),i("div",{class:"complete"},"Signing Complete"))),i("div",{class:"buttons"},r&&i("div",{class:"error-message"},"Recipients cannot share the same email."),this.showCancel&&i("verdocs-button",{label:"Cancel",size:"small",variant:"outline",onClick:e=>this.handleCancel(e),disabled:this.sending}),i("verdocs-button",{label:"Send",size:"small",disabled:!n||this.sending||r,onClick:e=>this.handleSend(e)}),this.sending&&i("verdocs-spinner",null)))}static get watchers(){return{templateId:[{onTemplateIdChanged:0}]}}static get style(){return D()}},[0,"verdocs-send",{endpoint:[16],templateId:[513,"template-id"],environment:[1],showCancel:[4,"show-cancel"],containerId:[32],showPickerForId:[32],sessionContacts:[32],sending:[32],rolesCompleted:[32],loading:[32],template:[32],reset:[64]},undefined,{templateId:[{onTemplateIdChanged:0}]}]);function L(){if(typeof customElements==="undefined"){return}const e=["verdocs-send","verdocs-button","verdocs-checkbox","verdocs-component-error","verdocs-contact-picker","verdocs-flag","verdocs-loader","verdocs-portal","verdocs-spinner"];e.forEach((e=>{switch(e){case"verdocs-send":if(!customElements.get(n(e))){customElements.define(n(e),I)}break;case"verdocs-button":if(!customElements.get(n(e))){u()}break;case"verdocs-checkbox":if(!customElements.get(n(e))){x()}break;case"verdocs-component-error":if(!customElements.get(n(e))){b()}break;case"verdocs-contact-picker":if(!customElements.get(n(e))){g()}break;case"verdocs-flag":if(!customElements.get(n(e))){w()}break;case"verdocs-loader":if(!customElements.get(n(e))){k()}break;case"verdocs-portal":if(!customElements.get(n(e))){S()}break;case"verdocs-spinner":if(!customElements.get(n(e))){E()}break}}))}export{I as V,L as d};
-//# sourceMappingURL=p-Ck4pdoyc.js.map

package/dist/components/p-Ck4pdoyc.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["getRoleNames","template","roles","map","role","name","getRoleIndex","role_name","Math","max","findIndex","verdocsSendCss","editIcon","startIcon","stepIcon","doneIcon","VerdocsSend","__stencil_proxyCustomElement","HTMLElement","constructor","registerHost","this","templateListenerId","endpoint","DefaultEndpoint","templateId","environment","showCancel","containerId","random","toString","substring","showPickerForId","sessionContacts","sending","rolesCompleted","loading","disconnectedCallback","unlistenToTemplate","listenToTemplate","console","log","Store","subscribe","getTemplate","recomputeRolesCompleted","store","delListener","reset","onTemplateIdChanged","newTemplateId","componentWillLoad","onSessionChanged","_endpoint","_session","profile","me","id","first_name","last_name","email","phone","getOrganizationContacts","then","contacts","catch","e","loadSession","session","_a","sdkError","emit","SDKError","message","_b","response","status","_c","data","rolesAtLevel","forEach","level","sequence","length","push","isValidEmail","getSequenceNumbers","sequences","Object","keys","s","sort","a","b","getRolesAtLevel","filter","index","getLevelIcon","h","class","innerHTML","handleSelectContact","preventDefault","detail","handleClickRole","stopPropagation","handleSend","localeData","Intl","DateTimeFormat","resolvedOptions","details","template_id","initial_reminder","followup_reminders","recipients","values","timezone","timeZone","locale","beforeSendResult","beforeSend","defaultPrevented","createEnvelope","r","send","envelope_id","envelope","VerdocsToast","error","handleCancel","exit","render","Host","style","display","levels","rolesAssigned","recipient","allRolesAssigned","assignedEmails","toLowerCase","hasDuplicateEmails","Set","size","sendable","is_sendable","unknown","roleName","formatFullName","elId","roleIndex","rgba","getRGBA","completed","backgroundColor","border","onClick","anchor","onClickAway","onExit","onNext","contactSuggestions","templateRole","onSearchContacts","searchContacts","label","variant","disabled"],"sources":["src/utils/Templates.ts","src/components/embeds/verdocs-send/verdocs-send.scss?tag=verdocs-send","src/components/embeds/verdocs-send/verdocs-send.tsx"],"sourcesContent":["import {ITemplate} from '@verdocs/js-sdk';\n\nexport const getRoleNames = (template: ITemplate | null) => (template?.roles || []).map(role => role.name);\n\nexport const getRoleIndex = (template: ITemplate | null, role_name: string) =>\n  Math.max(\n    getRoleNames(template).findIndex(name => name === role_name),\n    0,\n  );\n","@import '../../../theme.scss';\n\nverdocs-send {\n  padding: 10px;\n  position: relative;\n  background: #ffffff;\n  flex-direction: column;\n  font-family: $verdocs-primary-font;\n\n  &.sendable {\n    display: flex;\n  }\n\n  .recipients {\n    position: relative;\n  }\n\n  // To avoid the need to compute things like heights, this layer is simply displayed \"on top\" of all the level rows. Its\n  // background obscures the horizontal lines.\n  .left-line {\n    top: 32px;\n    left: 20px;\n    z-index: 1;\n    width: 12px;\n    bottom: 30px;\n    position: absolute;\n    background: #ffffff;\n    border-left: 3px dotted #9b9b9b;\n  }\n\n  .level {\n    display: flex;\n    column-gap: 10px;\n    margin-left: 50px;\n    position: relative;\n    flex-direction: row;\n    padding: 8px 0 4px 0;\n    border-bottom: 1px solid #97979744;\n\n    .level-icon {\n      top: 14px;\n      z-index: 2;\n      left: -40px;\n      width: 24px;\n      height: 24px;\n      position: absolute;\n      background: #ffffff;\n\n      svg {\n        fill: #00000089;\n      }\n    }\n\n    .recipient {\n      height: 30px;\n      display: flex;\n      flex: 0 0 30px;\n      color: #000000;\n      cursor: pointer;\n      font-size: 14px;\n      align-items: center;\n      border-radius: 30px;\n      flex-direction: row;\n      background: #dddddd;\n      white-space: nowrap;\n      border: 2px solid #dddddd;\n      padding: 2px 10px 2px 14px;\n\n      .icon {\n        width: 22px;\n        height: 22px;\n        flex: 0 0 22px;\n        margin: 0 0 0 10px;\n\n        svg {\n          width: 22px;\n          height: 22px;\n          fill: #333333;\n          outline: none;\n        }\n      }\n    }\n\n    .complete {\n      flex: 1;\n      height: 30px;\n      display: flex;\n      color: #000000;\n      font-size: 14px;\n      align-items: center;\n      flex-direction: row;\n      padding: 3px 10px 3px 2px;\n    }\n  }\n\n  .buttons {\n    display: flex;\n    margin-top: 10px;\n    column-gap: 15px;\n    flex-wrap: wrap;\n    flex-direction: row;\n    align-items: center;\n\n    .error-message {\n      width: 100%;\n      color: #cc0000;\n      font-size: 13px;\n      margin-bottom: 10px;\n    }\n  }\n\n  verdocs-contact-picker {\n    left: 0;\n    top: 41px;\n    z-index: 10;\n    position: absolute;\n    border: 1px solid #dddddd;\n    box-shadow: 0 0 6px 3px rgb(0 0 0 / 10%);\n  }\n}\n","import {Component, Prop, State, h, Event, EventEmitter, Host, Method, Watch} from '@stencil/core';\nimport {createEnvelope, formatFullName, getTemplate, getOrganizationContacts, getRGBA, isValidEmail, VerdocsEndpoint} from '@verdocs/js-sdk';\nimport type {ICreateEnvelopeFromTemplateRequest, ICreateEnvelopeRecipientFromTemplate, IEnvelope, IRecipient, ITemplate} from '@verdocs/js-sdk';\nimport {IContactSearchEvent} from '../../envelopes/verdocs-contact-picker/verdocs-contact-picker';\nimport {getRoleIndex, getRoleNames} from '../../../utils/Templates';\nimport {DefaultEndpoint} from '../../../utils/Environment';\nimport {VerdocsToast} from '../../../utils/Toast';\nimport {SDKError} from '../../../utils/errors';\nimport {Store} from '../../../utils/Datastore';\n\nconst editIcon =\n  '<svg focusable=\"false\" aria-hidden=\"true\" viewBox=\"0 0 24 24\" tabindex=\"-1\"><path d=\"M3 17.25V21h3.75L17.81 9.94l-3.75-3.75L3 17.25zM20.71 7.04c.39-.39.39-1.02 0-1.41l-2.34-2.34a.9959.9959 0 0 0-1.41 0l-1.83 1.83 3.75 3.75 1.83-1.83z\"></path></svg>';\n\nconst startIcon =\n  '<svg focusable=\"false\" aria-hidden=\"true\" viewBox=\"0 0 24 24\" tabindex=\"-1\"><path d=\"M2 12C2 6.48 6.48 2 12 2s10 4.48 10 10-4.48 10-10 10S2 17.52 2 12zm10 6c3.31 0 6-2.69 6-6s-2.69-6-6-6-6 2.69-6 6 2.69 6 6 6z\"></path></svg>';\n\nconst stepIcon =\n  '<svg focusable=\"false\" aria-hidden=\"true\" viewBox=\"0 0 24 24\" tabindex=\"-1\"><path d=\"M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7zm0 9.5c-1.38 0-2.5-1.12-2.5-2.5s1.12-2.5 2.5-2.5 2.5 1.12 2.5 2.5-1.12 2.5-2.5 2.5z\"></path></svg>';\n\nconst doneIcon =\n  '<svg focusable=\"false\" aria-hidden=\"true\" viewBox=\"0 0 24 24\" tabindex=\"-1\"><path d=\"m18 7-1.41-1.41-6.34 6.34 1.41 1.41L18 7zm4.24-1.41L11.66 16.17 7.48 12l-1.41 1.41L11.66 19l12-12-1.42-1.41zM.41 13.41 6 19l1.41-1.41L1.83 12 .41 13.41z\"></path></svg>';\n\n/**\n * Display a form to send a template to one or more recipients in an envelope for signing.\n * Host applications should ensure the template is \"sendable\" before displaying this component.\n * To be sendable, a template must have at least one document attached, at least one participant\n * defined, and at least one field assigned to every \"signer\" participant. This component will\n * hide itself if the template is not sendable.\n *\n * ```ts\n * <verdocs-send\n *   templateId={TEMPLATE_ID}\n *   onBeforeSend={({ detail })) => { console.log('Sending... Show a spinner...', detail) }\n *   onSend={({ detail }) => { console.log('Sent! Hide the spinner...', detail) }\n *   onExit={({ detail }) => { console.log('Send cancelled.', detail) }\n *   onSdkError={({ detail }) => { console.log('SDK error', detail) }\n *   />\n * ```\n */\n@Component({\n  tag: 'verdocs-send',\n  styleUrl: 'verdocs-send.scss',\n  shadow: false,\n})\nexport class VerdocsSend {\n  private templateListenerId = null;\n\n  /**\n   * The endpoint to use to communicate with Verdocs. If not set, the default endpoint will be used.\n   */\n  @Prop() endpoint: VerdocsEndpoint = DefaultEndpoint;\n\n  /**\n   * The ID of the template to create the document from.\n   */\n  @Prop({reflect: true}) templateId: string | null = null;\n\n  /**\n   * The environment the control is being called from, e.g. 'web'. This has an impact on how certain\n   * operations such as email communications are handled to ensure users receive the correct URLs for\n   * their invitations. Setting this to unknown values may produce unexpected/incorrect behaviors.\n   * If environment is not known, do this set this property.\n   */\n  @Prop() environment: string = '';\n\n  /**\n   * Whether to show the cancel button. It may be useful to disable this in environments where\n   * the embed is shown in a non-wizard flow with its own navigation for the user to exit.\n   */\n  @Prop() showCancel = true;\n\n  /**\n   * The user is sending an envelope the form and clicked send.\n   */\n  @Event({composed: true}) beforeSend: EventEmitter<{recipients: ICreateEnvelopeRecipientFromTemplate[]; name: string; template_id: string; template: ITemplate}>;\n\n  /**\n   * The user completed the form and clicked send.\n   */\n  @Event({composed: true}) send: EventEmitter<{recipients: ICreateEnvelopeRecipientFromTemplate[]; name: string; template_id: string; envelope_id: string; envelope: IEnvelope}>;\n\n  /**\n   * Event fired when the step is cancelled. This is called exit to avoid conflicts with the JS-reserved \"cancel\" event name.\n   */\n  @Event({composed: true}) exit: EventEmitter;\n\n  /**\n   * Event fired if an error occurs. The event details will contain information about the error. Most errors will\n   * terminate the process, and the calling application should correct the condition and re-render the component.\n   */\n  @Event({composed: true}) sdkError: EventEmitter<SDKError>;\n\n  /**\n   * Event fired when the user enters text in a search field. The parent application may use this to update\n   * the `contactSuggestions` property.\n   */\n  @Event({composed: true}) searchContacts: EventEmitter<IContactSearchEvent>;\n\n  @State() containerId = `verdocs-send-${Math.random().toString(36).substring(2, 11)}`;\n  @State() showPickerForId = '';\n  @State() sessionContacts = [];\n  @State() sending = false;\n  @State() rolesCompleted: Record<string, Partial<IRecipient>> = {};\n\n  @State() loading = true;\n  @State() template: ITemplate | null = null;\n\n  disconnectedCallback() {\n    this.unlistenToTemplate();\n  }\n\n  async listenToTemplate() {\n    console.log('[SEND] Loading template', this.templateId);\n    this.unlistenToTemplate();\n    Store.subscribe(\n      'templates',\n      this.templateId,\n      () => getTemplate(this.endpoint, this.templateId),\n      true,\n      (template: ITemplate) => {\n        console.log('[SEND] Got new template', template);\n        this.template = template;\n        this.loading = false;\n        this.rolesCompleted = {};\n        this.recomputeRolesCompleted();\n      },\n    );\n  }\n\n  unlistenToTemplate() {\n    if (this.templateListenerId) {\n      Store.store.delListener(this.templateListenerId);\n      this.templateListenerId = null;\n    }\n  }\n\n  @Method() async reset() {\n    this.rolesCompleted = {};\n  }\n\n  @Watch('templateId')\n  onTemplateIdChanged(newTemplateId: string) {\n    console.log('[SEND] Template ID changed', newTemplateId);\n    this.listenToTemplate();\n  }\n\n  async componentWillLoad() {\n    try {\n      this.endpoint.onSessionChanged((_endpoint, _session, profile) => {\n        if (!profile) {\n          return;\n        }\n\n        const me = {\n          id: profile.id,\n          first_name: profile.first_name,\n          last_name: profile.last_name,\n          email: profile.email,\n          phone: profile.phone,\n        };\n\n        if (profile) {\n          this.sessionContacts = [me];\n\n          getOrganizationContacts(this.endpoint)\n            .then(contacts => {\n              console.log('[SEND] Got contacts', contacts);\n              this.sessionContacts = [...contacts, me];\n            })\n            .catch(e => {\n              console.log('[SEND] Error getting contacts', e);\n            });\n        }\n      });\n\n      this.endpoint.loadSession();\n\n      if (!this.endpoint.session) {\n        console.log('[SEND] Unable to start Send operation, must be authenticated');\n        return;\n      }\n\n      if (!this.templateId) {\n        console.log(`[SEND] Missing required template ID ${this.templateId}`);\n        return;\n      }\n\n      this.listenToTemplate();\n    } catch (e) {\n      console.log('[SEND] Error with send session', e);\n      this.sdkError?.emit(new SDKError(e.message, e.response?.status, e.response?.data));\n    }\n  }\n\n  recomputeRolesCompleted() {\n    this.rolesCompleted = {};\n\n    const rolesAtLevel: Record<number, Partial<IRecipient>[]> = {};\n    (this.template?.roles || []).forEach(role => {\n      const level = role.sequence;\n      rolesAtLevel[level] ||= [];\n      const id = `r-${level}-${rolesAtLevel[level].length}`;\n      rolesAtLevel[level].push({...role, id, role_name: role.name, first_name: role.first_name, last_name: role.last_name});\n\n      // if (role.first_name && (isValidEmail(role.email) || isValidPhone(role.phone))) {\n      if (role.first_name && isValidEmail(role.email)) {\n        this.rolesCompleted[id] = {...role, id, role_name: role.name, first_name: role.first_name, last_name: role.last_name};\n      }\n    });\n  }\n\n  getSequenceNumbers() {\n    // This is cleaner with a Set but we found a regression in some target environments where\n    // this breaks down. Reverting to an older technique while we diagnose it.\n    const sequences: Record<number, boolean> = {};\n    (this.template?.roles || []).forEach(role => {\n      sequences[role.sequence] = true;\n    });\n    return Object.keys(sequences)\n      .map(s => +s)\n      .sort((a, b) => a - b);\n  }\n\n  getRolesAtLevel(level: number) {\n    const rolesAtLevel = (this.template?.roles || [])\n      .filter(role => role.sequence === level)\n      .map((role, index) => ({\n        ...role,\n        id: `r-${level}-${index}`,\n        role_name: role.name,\n        first_name: role.first_name,\n        last_name: role.last_name,\n      }));\n    return rolesAtLevel as Partial<IRecipient>[];\n  }\n\n  getLevelIcon(level: 'start' | 'end' | 'sequence') {\n    if (level === 'start') {\n      return <div class=\"level-icon\" innerHTML={startIcon} />;\n    } else if (level === 'end') {\n      return <div class=\"level-icon\" innerHTML={doneIcon} />;\n    } else {\n      return <div class=\"level-icon\" innerHTML={stepIcon} />;\n    }\n  }\n\n  handleSelectContact(e: any, role: Partial<IRecipient>) {\n    e.preventDefault();\n    this.rolesCompleted[role.id] = {...role, ...e.detail};\n    this.showPickerForId = '';\n  }\n\n  handleClickRole(e: any, role: Partial<IRecipient>) {\n    e.stopPropagation();\n    this.showPickerForId = role.id;\n  }\n\n  handleSend(e: any) {\n    if (this.sending) {\n      console.log('[SEND] Skipping duplicate send', e);\n      return;\n    }\n\n    console.log('[SEND] Sending', e);\n    e.preventDefault();\n    e.stopPropagation();\n\n    this.sending = true;\n    const localeData = Intl.DateTimeFormat().resolvedOptions();\n\n    const details: ICreateEnvelopeFromTemplateRequest = {\n      template_id: this.templateId,\n      name: this.template?.name || 'New Envelope',\n      environment: this.environment,\n      initial_reminder: 0,\n      followup_reminders: 0,\n      recipients: Object.values(this.rolesCompleted) as ICreateEnvelopeRecipientFromTemplate[],\n      timezone: localeData.timeZone,\n      locale: localeData.locale,\n    };\n\n    const beforeSendResult = this.beforeSend.emit({...details, name: details.name!, template: this.template});\n    if (beforeSendResult.defaultPrevented) {\n      console.log('[SEND] Send cancelled by parent', details);\n      this.sending = false;\n      return;\n    }\n\n    console.log('[SEND] Creating envelope', details);\n    createEnvelope(this.endpoint, details)\n      .then(r => {\n        console.log('[SEND] Send envelope', r);\n        this.reset().catch((e: any) => console.log('Unknown Error', e));\n        this.sending = false;\n        this.send?.emit({...details, name: details.name!, envelope_id: r.id, envelope: r});\n      })\n      .catch(e => {\n        console.log('[SEND] Send error', e);\n        VerdocsToast(e.response?.data?.error || 'Error creating envelope, please try again later.');\n        this.sending = false;\n        this.sdkError?.emit(e);\n      });\n  }\n\n  handleCancel(e: any) {\n    e.stopPropagation();\n    this.exit?.emit();\n  }\n\n  render() {\n    if (this.loading) {\n      return (\n        <Host>\n          <verdocs-loader />\n        </Host>\n      );\n    }\n\n    if (!this.endpoint.session) {\n      return (\n        <Host style={{display: 'flex'}}>\n          <verdocs-component-error message=\"You must be authenticated to use this module.\" />\n        </Host>\n      );\n    }\n\n    const levels = this.getSequenceNumbers();\n    const rolesAssigned = Object.values(this.rolesCompleted).filter(recipient => isValidEmail(recipient.email) && recipient.first_name && recipient.last_name);\n    const allRolesAssigned = rolesAssigned.length >= getRoleNames(this.template).length;\n    const assignedEmails = rolesAssigned.map(r => r.email.toLowerCase());\n    const hasDuplicateEmails = new Set(assignedEmails).size < assignedEmails.length;\n\n    return (\n      <Host class={{sendable: this.template?.is_sendable}}>\n        <div class=\"recipients\">\n          <div class=\"left-line\" />\n          <div class={`level level-start`}>\n            {this.getLevelIcon('start')}\n            <div class=\"complete\">Send Envelope</div>\n          </div>\n\n          {levels.map(level => (\n            <div class={`level level-${level}`}>\n              {this.getLevelIcon('sequence')}\n\n              {this.getRolesAtLevel(level).map(role => {\n                const unknown = !role.email || !role.first_name || !role.last_name;\n                const roleName = this.rolesCompleted[role.id]?.first_name ? formatFullName(this.rolesCompleted[role.id]) : unknown ? role.role_name : formatFullName(role);\n                const elId = `verdocs-send-recipient-${role.role_name}`;\n                const roleIndex = getRoleIndex(this.template, role.role_name);\n                const rgba = getRGBA(roleIndex);\n                const completed = rolesAssigned.findIndex(r => r.role_name === role.role_name) > -1;\n\n                const style = {\n                  backgroundColor: rgba,\n                  border: completed ? '2px solid #55bc81' : '2px solid #dddddd',\n                };\n\n                return unknown ? (\n                  <div class=\"recipient\" data-ri={roleIndex} data-rn={role.role_name} style={style} onClick={e => this.handleClickRole(e, role)} id={elId}>\n                    {roleName}\n                    <div class=\"icon\" innerHTML={editIcon} />\n                    {this.showPickerForId === role.id && (\n                      <verdocs-portal anchor={elId} onClickAway={() => (this.showPickerForId = '')}>\n                        <verdocs-contact-picker\n                          onExit={() => (this.showPickerForId = '')}\n                          onNext={e => this.handleSelectContact(e, role)}\n                          contactSuggestions={this.sessionContacts}\n                          templateRole={this.rolesCompleted[role.id] ?? role}\n                          onSearchContacts={e => this.searchContacts?.emit(e.detail)}\n                        />\n                      </verdocs-portal>\n                    )}\n                  </div>\n                ) : (\n                  <div class=\"recipient\" data-ri={roleIndex} data-rn={role.role_name} style={style} onClick={e => this.handleClickRole(e, role)} id={elId}>\n                    {/*<div class=\"recipient\" data-ri={roleIndex} data-rn={role.role_name} style={{borderColor: rgba}} onClick={e => this.handleClickRole(e, role)} id={elId}>*/}\n                    {roleName}\n                    <div class=\"icon\" innerHTML={editIcon} />\n                    {this.showPickerForId === role.id && (\n                      <verdocs-portal anchor={elId} onClickAway={() => (this.showPickerForId = '')}>\n                        <verdocs-contact-picker\n                          onExit={() => (this.showPickerForId = '')}\n                          onNext={e => this.handleSelectContact(e, role)}\n                          contactSuggestions={this.sessionContacts}\n                          templateRole={(this.rolesCompleted[role.id] ?? role) as IRecipient}\n                          onSearchContacts={e => this.searchContacts?.emit(e.detail)}\n                        />\n                      </verdocs-portal>\n                    )}\n                  </div>\n                );\n              })}\n            </div>\n          ))}\n\n          <div class={`level level-done`}>\n            {this.getLevelIcon('end')}\n            <div class=\"complete\">Signing Complete</div>\n          </div>\n        </div>\n\n        <div class=\"buttons\">\n          {hasDuplicateEmails && <div class=\"error-message\">Recipients cannot share the same email.</div>}\n          {this.showCancel && <verdocs-button label=\"Cancel\" size=\"small\" variant=\"outline\" onClick={e => this.handleCancel(e)} disabled={this.sending} />}\n          <verdocs-button label=\"Send\" size=\"small\" disabled={!allRolesAssigned || this.sending || hasDuplicateEmails} onClick={e => this.handleSend(e)} />\n          {this.sending && <verdocs-spinner />}\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"yoBAEO,MAAMA,EAAgBC,KAAgCA,IAAQ,MAARA,SAAQ,SAARA,EAAUC,QAAS,IAAIC,KAAIC,GAAQA,EAAKC,OAE9F,MAAMC,EAAe,CAACL,EAA4BM,IACvDC,KAAKC,IACHT,EAAaC,GAAUS,WAAUL,GAAQA,IAASE,IAClD,GCPJ,MAAMI,EAAiB,IAAM,0pECU7B,MAAMC,EACJ,2PAEF,MAAMC,EACJ,mOAEF,MAAMC,EACJ,iQAEF,MAAMC,EACJ,+P,MAwBWC,EAAWC,EAAA,MAAAD,UAAAE,EALxB,WAAAC,CAAAC,G,iNAMUC,KAAAC,mBAAqB,KAKrBD,KAAAE,SAA4BC,EAKbH,KAAAI,WAA4B,KAQ3CJ,KAAAK,YAAsB,GAMtBL,KAAAM,WAAa,KA6BZN,KAAAO,YAAc,gBAAgBpB,KAAKqB,SAASC,SAAS,IAAIC,UAAU,EAAG,MACtEV,KAAAW,gBAAkB,GAClBX,KAAAY,gBAAkB,GAClBZ,KAAAa,QAAU,MACVb,KAAAc,eAAsD,GAEtDd,KAAAe,QAAU,KACVf,KAAApB,SAA6B,IAkTvC,CAhTC,oBAAAoC,GACEhB,KAAKiB,oB,CAGP,sBAAMC,GACJC,QAAQC,IAAI,0BAA2BpB,KAAKI,YAC5CJ,KAAKiB,qBACLI,EAAMC,UACJ,YACAtB,KAAKI,YACL,IAAMmB,EAAYvB,KAAKE,SAAUF,KAAKI,aACtC,MACCxB,IACCuC,QAAQC,IAAI,0BAA2BxC,GACvCoB,KAAKpB,SAAWA,EAChBoB,KAAKe,QAAU,MACff,KAAKc,eAAiB,GACtBd,KAAKwB,yBAAyB,G,CAKpC,kBAAAP,GACE,GAAIjB,KAAKC,mBAAoB,CAC3BoB,EAAMI,MAAMC,YAAY1B,KAAKC,oBAC7BD,KAAKC,mBAAqB,I,EAIpB,WAAM0B,GACd3B,KAAKc,eAAiB,E,CAIxB,mBAAAc,CAAoBC,GAClBV,QAAQC,IAAI,6BAA8BS,GAC1C7B,KAAKkB,kB,CAGP,uBAAMY,G,UACJ,IACE9B,KAAKE,SAAS6B,kBAAiB,CAACC,EAAWC,EAAUC,KACnD,IAAKA,EAAS,CACZ,M,CAGF,MAAMC,EAAK,CACTC,GAAIF,EAAQE,GACZC,WAAYH,EAAQG,WACpBC,UAAWJ,EAAQI,UACnBC,MAAOL,EAAQK,MACfC,MAAON,EAAQM,OAGjB,GAAIN,EAAS,CACXlC,KAAKY,gBAAkB,CAACuB,GAExBM,EAAwBzC,KAAKE,UAC1BwC,MAAKC,IACJxB,QAAQC,IAAI,sBAAuBuB,GACnC3C,KAAKY,gBAAkB,IAAI+B,EAAUR,EAAG,IAEzCS,OAAMC,IACL1B,QAAQC,IAAI,gCAAiCyB,EAAE,G,KAKvD7C,KAAKE,SAAS4C,cAEd,IAAK9C,KAAKE,SAAS6C,QAAS,CAC1B5B,QAAQC,IAAI,gEACZ,M,CAGF,IAAKpB,KAAKI,WAAY,CACpBe,QAAQC,IAAI,uCAAuCpB,KAAKI,cACxD,M,CAGFJ,KAAKkB,kB,CACL,MAAO2B,GACP1B,QAAQC,IAAI,iCAAkCyB,IAC9CG,EAAAhD,KAAKiD,YAAQ,MAAAD,SAAA,SAAAA,EAAEE,KAAK,IAAIC,EAASN,EAAEO,SAASC,EAAAR,EAAES,YAAQ,MAAAD,SAAA,SAAAA,EAAEE,QAAQC,EAAAX,EAAES,YAAQ,MAAAE,SAAA,SAAAA,EAAEC,M,EAIhF,uBAAAjC,G,MACExB,KAAKc,eAAiB,GAEtB,MAAM4C,EAAsD,MAC3DV,EAAAhD,KAAKpB,YAAQ,MAAAoE,SAAA,SAAAA,EAAEnE,QAAS,IAAI8E,SAAQ5E,IACnC,MAAM6E,EAAQ7E,EAAK8E,SACnBH,EAAaE,KAAbF,EAAaE,GAAW,IACxB,MAAMxB,EAAK,KAAKwB,KAASF,EAAaE,GAAOE,SAC7CJ,EAAaE,GAAOG,KAAK,IAAIhF,EAAMqD,KAAIlD,UAAWH,EAAKC,KAAMqD,WAAYtD,EAAKsD,WAAYC,UAAWvD,EAAKuD,YAG1G,GAAIvD,EAAKsD,YAAc2B,EAAajF,EAAKwD,OAAQ,CAC/CvC,KAAKc,eAAesB,GAAM,IAAIrD,EAAMqD,KAAIlD,UAAWH,EAAKC,KAAMqD,WAAYtD,EAAKsD,WAAYC,UAAWvD,EAAKuD,U,KAKjH,kBAAA2B,G,MAGE,MAAMC,EAAqC,MAC1ClB,EAAAhD,KAAKpB,YAAQ,MAAAoE,SAAA,SAAAA,EAAEnE,QAAS,IAAI8E,SAAQ5E,IACnCmF,EAAUnF,EAAK8E,UAAY,IAAI,IAEjC,OAAOM,OAAOC,KAAKF,GAChBpF,KAAIuF,IAAMA,IACVC,MAAK,CAACC,EAAGC,IAAMD,EAAIC,G,CAGxB,eAAAC,CAAgBb,G,MACd,MAAMF,KAAgBV,EAAAhD,KAAKpB,YAAQ,MAAAoE,SAAA,SAAAA,EAAEnE,QAAS,IAC3C6F,QAAO3F,GAAQA,EAAK8E,WAAaD,IACjC9E,KAAI,CAACC,EAAM4F,KAAK,IACZ5F,EACHqD,GAAI,KAAKwB,KAASe,IAClBzF,UAAWH,EAAKC,KAChBqD,WAAYtD,EAAKsD,WACjBC,UAAWvD,EAAKuD,cAEpB,OAAOoB,C,CAGT,YAAAkB,CAAahB,GACX,GAAIA,IAAU,QAAS,CACrB,OAAOiB,EAAA,OAAKC,MAAM,aAAaC,UAAWvF,G,MACrC,GAAIoE,IAAU,MAAO,CAC1B,OAAOiB,EAAA,OAAKC,MAAM,aAAaC,UAAWrF,G,KACrC,CACL,OAAOmF,EAAA,OAAKC,MAAM,aAAaC,UAAWtF,G,EAI9C,mBAAAuF,CAAoBnC,EAAQ9D,GAC1B8D,EAAEoC,iBACFjF,KAAKc,eAAe/B,EAAKqD,IAAM,IAAIrD,KAAS8D,EAAEqC,QAC9ClF,KAAKW,gBAAkB,E,CAGzB,eAAAwE,CAAgBtC,EAAQ9D,GACtB8D,EAAEuC,kBACFpF,KAAKW,gBAAkB5B,EAAKqD,E,CAG9B,UAAAiD,CAAWxC,G,MACT,GAAI7C,KAAKa,QAAS,CAChBM,QAAQC,IAAI,iCAAkCyB,GAC9C,M,CAGF1B,QAAQC,IAAI,iBAAkByB,GAC9BA,EAAEoC,iBACFpC,EAAEuC,kBAEFpF,KAAKa,QAAU,KACf,MAAMyE,EAAaC,KAAKC,iBAAiBC,kBAEzC,MAAMC,EAA8C,CAClDC,YAAa3F,KAAKI,WAClBpB,OAAMgE,EAAAhD,KAAKpB,YAAQ,MAAAoE,SAAA,SAAAA,EAAEhE,OAAQ,eAC7BqB,YAAaL,KAAKK,YAClBuF,iBAAkB,EAClBC,mBAAoB,EACpBC,WAAY3B,OAAO4B,OAAO/F,KAAKc,gBAC/BkF,SAAUV,EAAWW,SACrBC,OAAQZ,EAAWY,QAGrB,MAAMC,EAAmBnG,KAAKoG,WAAWlD,KAAK,IAAIwC,EAAS1G,KAAM0G,EAAQ1G,KAAOJ,SAAUoB,KAAKpB,WAC/F,GAAIuH,EAAiBE,iBAAkB,CACrClF,QAAQC,IAAI,kCAAmCsE,GAC/C1F,KAAKa,QAAU,MACf,M,CAGFM,QAAQC,IAAI,2BAA4BsE,GACxCY,EAAetG,KAAKE,SAAUwF,GAC3BhD,MAAK6D,I,MACJpF,QAAQC,IAAI,uBAAwBmF,GACpCvG,KAAK2B,QAAQiB,OAAOC,GAAW1B,QAAQC,IAAI,gBAAiByB,KAC5D7C,KAAKa,QAAU,OACfmC,EAAAhD,KAAKwG,QAAI,MAAAxD,SAAA,SAAAA,EAAEE,KAAK,IAAIwC,EAAS1G,KAAM0G,EAAQ1G,KAAOyH,YAAaF,EAAEnE,GAAIsE,SAAUH,GAAG,IAEnF3D,OAAMC,I,UACL1B,QAAQC,IAAI,oBAAqByB,GACjC8D,IAAatD,GAAAL,EAAAH,EAAES,YAAQ,MAAAN,SAAA,SAAAA,EAAES,QAAI,MAAAJ,SAAA,SAAAA,EAAEuD,QAAS,oDACxC5G,KAAKa,QAAU,OACf2C,EAAAxD,KAAKiD,YAAQ,MAAAO,SAAA,SAAAA,EAAEN,KAAKL,EAAE,G,CAI5B,YAAAgE,CAAahE,G,MACXA,EAAEuC,mBACFpC,EAAAhD,KAAK8G,QAAI,MAAA9D,SAAA,SAAAA,EAAEE,M,CAGb,MAAA6D,G,MACE,GAAI/G,KAAKe,QAAS,CAChB,OACE8D,EAACmC,EAAI,KACHnC,EAAA,uB,CAKN,IAAK7E,KAAKE,SAAS6C,QAAS,CAC1B,OACE8B,EAACmC,EAAI,CAACC,MAAO,CAACC,QAAS,SACrBrC,EAAA,2BAAyBzB,QAAQ,kD,CAKvC,MAAM+D,EAASnH,KAAKiE,qBACpB,MAAMmD,EAAgBjD,OAAO4B,OAAO/F,KAAKc,gBAAgB4D,QAAO2C,GAAarD,EAAaqD,EAAU9E,QAAU8E,EAAUhF,YAAcgF,EAAU/E,YAChJ,MAAMgF,EAAmBF,EAActD,QAAUnF,EAAaqB,KAAKpB,UAAUkF,OAC7E,MAAMyD,EAAiBH,EAActI,KAAIyH,GAAKA,EAAEhE,MAAMiF,gBACtD,MAAMC,EAAqB,IAAIC,IAAIH,GAAgBI,KAAOJ,EAAezD,OAEzE,OACEe,EAACmC,EAAI,CAAClC,MAAO,CAAC8C,UAAU5E,EAAAhD,KAAKpB,YAAQ,MAAAoE,SAAA,SAAAA,EAAE6E,cACrChD,EAAA,OAAKC,MAAM,cACTD,EAAA,OAAKC,MAAM,cACXD,EAAA,OAAKC,MAAO,qBACT9E,KAAK4E,aAAa,SACnBC,EAAA,OAAKC,MAAM,YAAU,kBAGtBqC,EAAOrI,KAAI8E,GACViB,EAAA,OAAKC,MAAO,eAAelB,KACxB5D,KAAK4E,aAAa,YAElB5E,KAAKyE,gBAAgBb,GAAO9E,KAAIC,I,UAC/B,MAAM+I,GAAW/I,EAAKwD,QAAUxD,EAAKsD,aAAetD,EAAKuD,UACzD,MAAMyF,IAAW/E,EAAAhD,KAAKc,eAAe/B,EAAKqD,OAAG,MAAAY,SAAA,SAAAA,EAAEX,YAAa2F,EAAehI,KAAKc,eAAe/B,EAAKqD,KAAO0F,EAAU/I,EAAKG,UAAY8I,EAAejJ,GACrJ,MAAMkJ,EAAO,0BAA0BlJ,EAAKG,YAC5C,MAAMgJ,EAAYjJ,EAAae,KAAKpB,SAAUG,EAAKG,WACnD,MAAMiJ,EAAOC,EAAQF,GACrB,MAAMG,EAAYjB,EAAc/H,WAAUkH,GAAKA,EAAErH,YAAcH,EAAKG,aAAa,EAEjF,MAAM+H,EAAQ,CACZqB,gBAAiBH,EACjBI,OAAQF,EAAY,oBAAsB,qBAG5C,OAAOP,EACLjD,EAAA,OAAKC,MAAM,YAAW,UAAUoD,EAAS,UAAWnJ,EAAKG,UAAW+H,MAAOA,EAAOuB,QAAS3F,GAAK7C,KAAKmF,gBAAgBtC,EAAG9D,GAAOqD,GAAI6F,GAChIF,EACDlD,EAAA,OAAKC,MAAM,OAAOC,UAAWxF,IAC5BS,KAAKW,kBAAoB5B,EAAKqD,IAC7ByC,EAAA,kBAAgB4D,OAAQR,EAAMS,YAAa,IAAO1I,KAAKW,gBAAkB,IACvEkE,EAAA,0BACE8D,OAAQ,IAAO3I,KAAKW,gBAAkB,GACtCiI,OAAQ/F,GAAK7C,KAAKgF,oBAAoBnC,EAAG9D,GACzC8J,mBAAoB7I,KAAKY,gBACzBkI,cAAczF,EAAArD,KAAKc,eAAe/B,EAAKqD,OAAG,MAAAiB,SAAA,EAAAA,EAAItE,EAC9CgK,iBAAkBlG,IAAI,IAAAG,EAAC,OAAAA,EAAAhD,KAAKgJ,kBAAc,MAAAhG,SAAA,SAAAA,EAAEE,KAAKL,EAAEqC,OAAO,MAMlEL,EAAA,OAAKC,MAAM,YAAW,UAAUoD,EAAS,UAAWnJ,EAAKG,UAAW+H,MAAOA,EAAOuB,QAAS3F,GAAK7C,KAAKmF,gBAAgBtC,EAAG9D,GAAOqD,GAAI6F,GAEhIF,EACDlD,EAAA,OAAKC,MAAM,OAAOC,UAAWxF,IAC5BS,KAAKW,kBAAoB5B,EAAKqD,IAC7ByC,EAAA,kBAAgB4D,OAAQR,EAAMS,YAAa,IAAO1I,KAAKW,gBAAkB,IACvEkE,EAAA,0BACE8D,OAAQ,IAAO3I,KAAKW,gBAAkB,GACtCiI,OAAQ/F,GAAK7C,KAAKgF,oBAAoBnC,EAAG9D,GACzC8J,mBAAoB7I,KAAKY,gBACzBkI,cAAetF,EAAAxD,KAAKc,eAAe/B,EAAKqD,OAAG,MAAAoB,SAAA,EAAAA,EAAIzE,EAC/CgK,iBAAkBlG,IAAI,IAAAG,EAAC,OAAAA,EAAAhD,KAAKgJ,kBAAc,MAAAhG,SAAA,SAAAA,EAAEE,KAAKL,EAAEqC,OAAO,KAKnE,OAKPL,EAAA,OAAKC,MAAO,oBACT9E,KAAK4E,aAAa,OACnBC,EAAA,OAAKC,MAAM,YAAU,sBAIzBD,EAAA,OAAKC,MAAM,WACR2C,GAAsB5C,EAAA,OAAKC,MAAM,iBAAe,2CAChD9E,KAAKM,YAAcuE,EAAA,kBAAgBoE,MAAM,SAAStB,KAAK,QAAQuB,QAAQ,UAAUV,QAAS3F,GAAK7C,KAAK6G,aAAahE,GAAIsG,SAAUnJ,KAAKa,UACrIgE,EAAA,kBAAgBoE,MAAM,OAAOtB,KAAK,QAAQwB,UAAW7B,GAAoBtH,KAAKa,SAAW4G,EAAoBe,QAAS3F,GAAK7C,KAAKqF,WAAWxC,KAC1I7C,KAAKa,SAAWgE,EAAA,yB","ignoreList":[]}

package/dist/components/p-DTE1GYJt.js

@@ -1,2 +0,0 @@
-import{p as e,H as o,c as t,h as i,t as n}from"./p-yZBlG3YQ.js";import{D as s}from"./p-17OorOnH.js";import{d as a}from"./p-JGWMBIGy.js";const d=()=>`verdocs-download-dialog{-webkit-box-sizing:border-box;box-sizing:border-box;font-family:"Inter", "Barlow", sans-serif}verdocs-download-dialog .heading-container{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center}verdocs-download-dialog .content{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:15px;padding:0 24px 20px 24px}verdocs-download-dialog .download-option{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;padding:12px 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.disabled{opacity:0.5;cursor:not-allowed}verdocs-download-dialog .download-option.disabled:hover{background-color:white;border-color:#e5e7eb}verdocs-download-dialog .download-option:hover{border-color:#654dcb;background-color:#f9fafb}verdocs-download-dialog .icon-container{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:36px;height:36px;background-color:#f3f4f6;border-radius:50%;color:#4b5563;-ms-flex-negative:0;flex-shrink:0}verdocs-download-dialog .icon-container svg{width:18px;height:18px}verdocs-download-dialog .text-container{-ms-flex:1;flex:1}verdocs-download-dialog .text-container .label{font-weight:500;color:#111827;margin-bottom:2px}verdocs-download-dialog .text-container .description{font-size:13px;color:#6b7280}verdocs-download-dialog .status-indicator{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;gap:2px;font-size:11px;color:#9ca3af;min-width:50px}verdocs-download-dialog .status-indicator .signed{color:#10b981}verdocs-download-dialog .status-indicator .spinner-inline{display:-ms-flexbox;display:flex;color:#9ca3af;-webkit-animation:rotate 2s linear infinite;animation:rotate 2s linear infinite}verdocs-download-dialog .status-indicator svg{width:16px;height:16px}verdocs-download-dialog .info-message{font-size:13px;color:#6b7280;font-style:italic;padding:0 4px}@-webkit-keyframes rotate{from{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes rotate{from{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}`;const r=`<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 l=`<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 c=`<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 f=`<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20 6L9 17L4 12" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>`;const p=`<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M23 4V10H17" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M20.49 15A9 9 0 1 1 21.23 8" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>`;const b=e(class e extends o{constructor(e){super();if(e!==false){this.__registerHost()}this.download=t(this,"download");this.exit=t(this,"exit");this.signed=false;this.polling=false;this.documents=[];this.hasCertificate=false}handleOptionClick(e,o){const t=this.documents.some((e=>e.type==="certificate"))||this.hasCertificate;const i=this.signed&&t;const n=e===s.certificate&&!i;const a=e===s.zip&&(this.polling||!i);const d=e===s.combined&&(this.polling||!i||!o);if(n||a||d)return;this.download.emit({action:e,documentId:o})}render(){const e=this.documents.filter((e=>e.type==="attachment")).sort(((e,o)=>e.order!==o.order?e.order-o.order:e.created_at.localeCompare(o.created_at)));const o=this.documents.find((e=>e.type==="certificate"));const t=!!o||this.hasCertificate;const n=this.signed&&t;const a=!this.polling&&n;const d=a&&!!(o===null||o===void 0?void 0:o.id);const b=!this.signed;return i("verdocs-dialog",{key:"1952e8adf6f2aaefa179c3f0e5906b0afc072599",onExit:()=>this.exit.emit()},i("div",{key:"3a93ac39222d81bbc81df671a4ccc215e7f7518d",slot:"heading",class:"heading-container"},i("h3",{key:"ac1b12b0b361546ae9ac6fc14003de691a310d9a",style:{margin:"0",fontSize:"1.25rem",fontWeight:"600",padding:"16px 24px"}},"Download")),i("div",{key:"97277621bf0491b69592660e032bcdeb842fe284",slot:"content",class:"content"},e.length<=2&&e.map((e=>i("div",{class:"download-option",onClick:()=>this.handleOptionClick(s.document,e.id)},i("div",{class:"icon-container",innerHTML:r}),i("div",{class:"text-container"},i("div",{class:"label"},e.name),i("div",{class:"description"},"Download the document")),b?i("div",{class:"status-indicator"},i("div",{class:"spinner-inline",innerHTML:p})):i("div",{class:"status-indicator"},i("div",{class:"signed",innerHTML:f}),i("span",null,"Signed"))))),e.length>2&&i("div",{key:"dfb9c675a97b0c1aaf1a94b8f1fb9250fb130261",class:"info-message"},"Multiple documents attached. Please use the ZIP option below to download all files."),i("div",{key:"11054b7a0339bcb5dc8e1eeaad10247f1968dedc",class:{"download-option":true,disabled:!n},onClick:()=>this.handleOptionClick(s.certificate),title:!n?"Certificate not yet available":""},i("div",{key:"dfc913fc428eaea8c1f57ad46d81a049f86def99",class:"icon-container",innerHTML:l}),i("div",{key:"bd41bae1011b0983dab5f931e9ebc896df36c3c8",class:"text-container"},i("div",{key:"597257702259a7a1d8056b1eaaedd964ea55f036",class:"label"},"Certificate"),i("div",{key:"7568f095f1a1906852955d451ede9f8cc6856b33",class:"description"},"Download the certificate")),n?i("div",{class:"status-indicator"},i("div",{class:"signed",innerHTML:f}),i("span",null,"Ready")):i("div",{class:"status-indicator"},i("div",{class:"spinner-inline",innerHTML:p}))),i("div",{key:"64509a06d0937876aa048d8c3233c391fedc441f",class:{"download-option":true,disabled:!d},onClick:()=>this.handleOptionClick(s.combined,o===null||o===void 0?void 0:o.id),title:!d?"Waiting for all documents to be ready":""},i("div",{key:"64d59f0495451b84cfef5ba81be4916792c644fa",class:"icon-container",innerHTML:c}),i("div",{key:"4ab1a3e2978ed2e4ae0b9140850cb760682e7c38",class:"text-container"},i("div",{key:"bd7525c81b76c151848e0a7e4a405a3194159f18",class:"label"},"Combined"),i("div",{key:"c47fedf0d52fb79cb8b8d9b0d28c8fdacca4c747",class:"description"},"Merge envelopes & certificate into a single PDF")),d?i("div",{class:"status-indicator"},i("div",{class:"signed",innerHTML:f}),i("span",null,"Ready")):i("div",{class:"status-indicator"},i("div",{class:"spinner-inline",innerHTML:p}))),i("div",{key:"339c391d3f2c5173d4bed5a84d925b4e654a8fa7",class:{"download-option":true,disabled:!a},onClick:()=>this.handleOptionClick(s.zip),title:!a?"Waiting for all documents to be ready":""},i("div",{key:"d6c1380627984de8527a80ba8411e56f2c395d8b",class:"icon-container",innerHTML:c}),i("div",{key:"5eb7200cb95fa8bb9b6f306d8de67fdaa49f5325",class:"text-container"},i("div",{key:"99f3b98ef33901a83089869777302209194209c4",class:"label"},"All Files"),i("div",{key:"2977524b2fcbadd6e73ff7616d5305b4c35da75b",class:"description"},"Download everything as a ZIP file")),a?i("div",{class:"status-indicator"},i("div",{class:"signed",innerHTML:f}),i("span",null,"Ready")):i("div",{class:"status-indicator"},i("div",{class:"spinner-inline",innerHTML:p})))),i("div",{key:"ff7df2304f8a5a3b5c8018779d9e1cc4127c7d51",slot:"footer",style:{display:"none"}}))}static get style(){return d()}},[0,"verdocs-download-dialog",{signed:[4],polling:[4],documents:[16],hasCertificate:[4,"has-certificate"]}]);function g(){if(typeof customElements==="undefined"){return}const e=["verdocs-download-dialog","verdocs-dialog"];e.forEach((e=>{switch(e){case"verdocs-download-dialog":if(!customElements.get(n(e))){customElements.define(n(e),b)}break;case"verdocs-dialog":if(!customElements.get(n(e))){a()}break}}))}export{b as V,g as d};
-//# sourceMappingURL=p-DTE1GYJt.js.map