@verdocs/web-sdk 6.9.12 → 6.9.13

package/dist/verdocs-web-sdk/{p-c5b70927.system.entry.js → p-3c9a2290.system.entry.js}

@@ -1,2 +1,2 @@
-System.register(["./p-De3fNE_u.system.js","@verdocs/js-sdk"],(function(e){"use strict";var t,n,i,c;return{setters:[function(e){t=e.r;n=e.c;i=e.h},function(e){c=e.VerdocsEndpoint}],execute:function(){var o=function(){return'verdocs-quick-functions{font-family:var(--verdocs-primary-font, "Inter", "Barlow", sans-serif)}verdocs-quick-functions .container{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-wrap:nowrap;flex-wrap:nowrap;width:240px;background-color:#1e2031;text-transform:uppercase;padding:10px 10px 20px 10px;font-family:sans-serif;color:#ffffff}verdocs-quick-functions .title{font-size:22px;font-weight:700;line-height:30px;margin:1em 0 40px 0}verdocs-quick-functions button{width:140px;height:40px;border:none;display:-ms-flexbox;display:flex;color:#ffffff;cursor:pointer;font-size:14px;font-weight:700;line-height:25px;-ms-flex-align:center;align-items:center;margin-bottom:20px;border-radius:5px;text-transform:uppercase;-ms-flex-pack:space-evenly;justify-content:space-evenly;background-color:#55bc81}verdocs-quick-functions button svg{fill:#ffffff}'};var f='<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 0 24 24" width="24px" fill="#000000"><path d="M0 0h24v24H0V0z" fill="none"/><path d="M8 16h8v2H8zm0-4h8v2H8zm6-10H6c-1.1 0-2 .9-2 2v16c0 1.1.89 2 1.99 2H18c1.1 0 2-.9 2-2V8l-6-6zm4 18H6V4h7v5h5v11z"/></svg>';var r='<svg xmlns="http://www.w3.org/2000/svg" enable-background="new 0 0 24 24" height="24px" viewBox="0 0 24 24" width="24px" fill="#000000"><g><rect fill="none" height="24" width="24"/><g><path d="M19,5v14H5V5H19 M19,3H5C3.9,3,3,3.9,3,5v14c0,1.1,0.9,2,2,2h14c1.1,0,2-0.9,2-2V5C21,3.9,20.1,3,19,3L19,3z"/></g><path d="M14,17H7v-2h7V17z M17,13H7v-2h10V13z M17,9H7V7h10V9z"/></g></svg>';var s=e("verdocs_quick_functions",function(){function e(e){t(this,e);this.createTemplate=n(this,"createTemplate");this.createDocument=n(this,"createDocument");this.endpoint=c.getDefault()}e.prototype.handleCreateTemplate=function(){this.createTemplate.emit()};e.prototype.handleCreateDocument=function(){this.createDocument.emit()};e.prototype.render=function(){var e=this;return i("div",{key:"94b16b2b493647b77e5397227476bed8bae878bb",class:"container"},i("p",{key:"eb42b99fda2fd850e1dece61013f0366f7a2ffd0",class:"title"},"Quick Create"),i("button",{key:"602e51e8e73ff308c46785a1d22c1f61af2b04ca",onClick:function(){return e.handleCreateTemplate()},innerHTML:r},"Template"),i("button",{key:"b64dc770646621c16795ba35ee655403cfe05577",onClick:function(){return e.handleCreateDocument()},innerHTML:f},"Document"))};return e}());s.style=o()}}}));
-//# sourceMappingURL=p-c5b70927.system.entry.js.map
+System.register(["./p-De3fNE_u.system.js","@verdocs/js-sdk"],(function(e){"use strict";var t,n,i,c;return{setters:[function(e){t=e.r;n=e.c;i=e.h},function(e){c=e.VerdocsEndpoint}],execute:function(){var f=function(){return'verdocs-quick-functions{font-family:var(--verdocs-primary-font, "Inter", "Barlow", sans-serif)}verdocs-quick-functions .container{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-wrap:nowrap;flex-wrap:nowrap;width:240px;background-color:#1e2031;text-transform:uppercase;padding:10px 10px 20px 10px;font-family:sans-serif;color:#ffffff}verdocs-quick-functions .title{font-size:22px;font-weight:700;line-height:30px;margin:1em 0 40px 0}verdocs-quick-functions button{width:140px;height:40px;border:none;display:-ms-flexbox;display:flex;color:#ffffff;cursor:pointer;font-size:14px;font-weight:700;line-height:25px;-ms-flex-align:center;align-items:center;margin-bottom:20px;border-radius:5px;text-transform:uppercase;-ms-flex-pack:space-evenly;justify-content:space-evenly;background-color:#55bc81}verdocs-quick-functions button svg{fill:#ffffff}'};var o='<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 0 24 24" width="24px" fill="#000000"><path d="M0 0h24v24H0V0z" fill="none"/><path d="M8 16h8v2H8zm0-4h8v2H8zm6-10H6c-1.1 0-2 .9-2 2v16c0 1.1.89 2 1.99 2H18c1.1 0 2-.9 2-2V8l-6-6zm4 18H6V4h7v5h5v11z"/></svg>';var r='<svg xmlns="http://www.w3.org/2000/svg" enable-background="new 0 0 24 24" height="24px" viewBox="0 0 24 24" width="24px" fill="#000000"><g><rect fill="none" height="24" width="24"/><g><path d="M19,5v14H5V5H19 M19,3H5C3.9,3,3,3.9,3,5v14c0,1.1,0.9,2,2,2h14c1.1,0,2-0.9,2-2V5C21,3.9,20.1,3,19,3L19,3z"/></g><path d="M14,17H7v-2h7V17z M17,13H7v-2h10V13z M17,9H7V7h10V9z"/></g></svg>';var s=e("verdocs_quick_functions",function(){function e(e){t(this,e);this.createTemplate=n(this,"createTemplate");this.createDocument=n(this,"createDocument");this.endpoint=c.getDefault()}e.prototype.handleCreateTemplate=function(){this.createTemplate.emit()};e.prototype.handleCreateDocument=function(){this.createDocument.emit()};e.prototype.render=function(){var e=this;return i("div",{key:"f84b61c6ed8b9ee03dd7a6c0f2fae2ab8fcc6e2b",class:"container"},i("p",{key:"32f24fccbfc6785dfbc299722113e91c641d8e67",class:"title"},"Quick Create"),i("button",{key:"0fb580f067177603bb30ab163d1f93caf50967a1",onClick:function(){return e.handleCreateTemplate()},innerHTML:r},"Template"),i("button",{key:"60849ad3405b4fe90271c5eefecc17e304f44697",onClick:function(){return e.handleCreateDocument()},innerHTML:o},"Document"))};return e}());s.style=f()}}}));
+//# sourceMappingURL=p-3c9a2290.system.entry.js.map

package/dist/verdocs-web-sdk/p-48e2baa9.entry.js

@@ -0,0 +1,2 @@
+import{r as e,c as o,h as t,H as i,g as s}from"./p-CjTHbolG.js";import{D as n}from"./p-CIxfEdV7.js";import{VerdocsEndpoint as d,getEnvelopeDocumentPageDisplayUri as a,getEnvelope as r}from"@verdocs/js-sdk";import{t as l}from"./p-T412l3FU.js";import{S as c}from"./p-C1sRVZWv.js";import{S as f}from"./p-C7hFgM52.js";import"./p-BglCURB-.js";const h=()=>`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 p=`<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 b=`<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 v=`<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 u=`<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 g=`<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 x=class{constructor(t){e(this,t);this.download=o(this,"download");this.exit=o(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 s=e===n.certificate&&!i;const d=e===n.zip&&(this.polling||!i);const a=e===n.combined&&(this.polling||!i||!o);if(s||d||a)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 i=!!o||this.hasCertificate;const s=this.signed&&i;const d=!this.polling&&s;const a=!this.signed;return t("verdocs-dialog",{key:"405e032ca618062443c88e0db2e9b70338a444a8",onExit:()=>this.exit.emit()},t("div",{key:"0ab713570eac0cdaa6a5d98c1a7e2f39ab1d083e",slot:"heading",class:"heading-container"},t("h3",{key:"378c9d306016928a622bf1d667992579a4cae921",style:{margin:"0",fontSize:"1.25rem",fontWeight:"600",padding:"16px 24px"}},"Download")),t("div",{key:"9975e4c90d18731d5a8c767f33ad3177b9294a4c",slot:"content",class:"content"},e.length<=2&&e.map((e=>t("div",{class:"download-option",onClick:()=>this.handleOptionClick(n.document,e.id)},t("div",{class:"icon-container",innerHTML:p}),t("div",{class:"text-container"},t("div",{class:"label"},e.name),t("div",{class:"description"},"Download the document")),a?t("div",{class:"status-indicator"},t("div",{class:"spinner-inline",innerHTML:g})):t("div",{class:"status-indicator"},t("div",{class:"signed",innerHTML:u}),t("span",null,"Signed"))))),e.length>2&&t("div",{key:"ea5c3111ed51eef05476486cec8a67af0c2229ca",class:"info-message"},"Multiple documents attached. Please use the ZIP option below to download all files."),t("div",{key:"dc2190ccb9e4dec1d4225853a05026fe92680d37",class:{"download-option":true,disabled:!s},onClick:()=>this.handleOptionClick(n.certificate),title:!s?"Certificate not yet available":""},t("div",{key:"ba2fdb42bf0649782431f9a69bc38fccac86beaf",class:"icon-container",innerHTML:b}),t("div",{key:"160e2e96b0e60b266b2cd04077e5bda8d6389b46",class:"text-container"},t("div",{key:"907d74964a44dcfedcbda025a3464301a482addc",class:"label"},"Certificate"),t("div",{key:"4f9b3b720147747653c4b78aadd46dbd587255b6",class:"description"},"Download the certificate")),s?t("div",{class:"status-indicator"},t("div",{class:"signed",innerHTML:u}),t("span",null,"Ready")):t("div",{class:"status-indicator"},t("div",{class:"spinner-inline",innerHTML:g}))),t("div",{key:"b59976bf8e3025b518e2a8d46862923ec93fdc7e",class:{"download-option":true,disabled:!d},onClick:()=>this.handleOptionClick(n.zip),title:!d?"Waiting for all documents to be ready":""},t("div",{key:"83321a57cefcdd9cf8a2f852f19b722d1b879e06",class:"icon-container",innerHTML:v}),t("div",{key:"8c6c423f1f5f523129ba3d88328b7bc4a2b982a7",class:"text-container"},t("div",{key:"6642e4855832ae7993300801a0fa5e60bb37c34b",class:"label"},"All Files"),t("div",{key:"39f07505e48d46627f4629c90ea456d3ebb2e95b",class:"description"},"Download everything as a ZIP file")),d?t("div",{class:"status-indicator"},t("div",{class:"signed",innerHTML:u}),t("span",null,"Ready")):t("div",{class:"status-indicator"},t("div",{class:"spinner-inline",innerHTML:g})))),t("div",{key:"4aa0a7712e33f6dac00a13b9f225c3bd125005e1",slot:"footer",style:{display:"none"}}))}};x.style=h();const w=()=>`verdocs-envelope-document-page{width:100%;position:relative}verdocs-envelope-document-page .verdocs-envelope-document-page-layer{position:absolute;top:0;left:0;right:0;bottom:0;-webkit-box-shadow:0 0 10px 5px rgba(0, 0, 0, 0.0588235294);box-shadow:0 0 10px 5px rgba(0, 0, 0, 0.0588235294)}verdocs-envelope-document-page .verdocs-envelope-document-page-layer.img{width:100%}`;const k=class{constructor(t){e(this,t);this.pageRendered=o(this,"pageRendered");this.endpoint=d.getDefault();this.envelopeId="";this.documentId="";this.pageNumber=1;this.virtualWidth=612;this.virtualHeight=792;this.layers=[{name:"page",type:"canvas"}];this.type="original";this.containerId=`verdocs-envelope-document-page-${Math.random().toString(36).substring(2,11)}`;this.renderedWidth=this.virtualWidth;this.renderedHeight=this.virtualHeight;this.naturalWidth=this.virtualWidth;this.naturalHeight=this.virtualHeight;this.aspectRatio=this.virtualWidth/this.virtualHeight;this.skipFirstNotification=true;this.pageDisplayUri="https://verdocs-public-assets.s3.amazonaws.com/page-loading-placeholder.png"}async componentWillLoad(){this.pageDisplayUri=await a(this.endpoint,this.documentId,this.pageNumber,this.type)}componentDidLoad(){this.resizeObserver=new ResizeObserver(l((e=>{for(const o of e){const e=o.contentRect.width;this.renderedWidth=e;this.renderedHeight=this.virtualHeight*(e/this.virtualWidth)}this.notifyRenderedSize()}),100));this.resizeObserver.observe(this.container)}disconnectedCallback(){var e;(e=this.resizeObserver)===null||e===void 0?void 0:e.disconnect()}notifyRenderedSize(){if(this.skipFirstNotification){this.skipFirstNotification=false;return}this.pageRendered.emit({containerId:this.containerId,documentId:this.documentId,pageNumber:this.pageNumber,virtualWidth:this.virtualWidth,virtualHeight:this.virtualHeight,renderedWidth:this.renderedWidth,renderedHeight:this.renderedHeight,naturalWidth:this.naturalWidth,naturalHeight:this.naturalHeight,aspectRatio:this.aspectRatio,xScale:this.renderedWidth/this.virtualWidth,yScale:this.renderedHeight/this.virtualHeight})}render(){const e=`${this.renderedHeight}px`;return t(i,{key:"633b71e22df815319ad854618b74b035a6e43603",id:`${this.containerId}`,style:{height:e,flex:`0 0 ${e}`}},this.layers.map((o=>o.type==="div"?t("div",{class:"verdocs-envelope-document-page-layer",id:`${this.containerId}-${o.name}`,style:{height:e}}):this.pageDisplayUri?t("img",{class:"verdocs-envelope-document-page-layer img",id:`${this.containerId}-${o.name}`,src:this.pageDisplayUri,alt:`Page ${this.pageNumber}`,"aria-hidden":true,loading:"lazy",onLoad:e=>{this.naturalWidth=e.target.naturalWidth;this.naturalHeight=e.target.naturalHeight;this.aspectRatio=this.naturalWidth/this.naturalHeight;this.virtualHeight=this.virtualWidth/this.aspectRatio;this.renderedHeight=e.target.offsetWidth/this.aspectRatio}}):t("div",null))))}get container(){return s(this)}};k.style=w();const m=()=>`verdocs-question-dialog{top:0;left:0;right:0;bottom:0;position:fixed;-webkit-box-sizing:border-box;box-sizing:border-box;font-family:"Inter", "Barlow", sans-serif}verdocs-question-dialog.closed{display:none}verdocs-question-dialog textarea{-webkit-box-sizing:border-box;box-sizing:border-box;border:1px solid #707ae5;border-radius:4px;background:#ffffff;color:#000;width:100%;font-size:14px;padding:9px;outline:none}verdocs-question-dialog .heading .title{font-size:18px}verdocs-question-dialog .buttons{gap:20px;display:-ms-flexbox;display:flex;margin-top:24px;-ms-flex-direction:row;flex-direction:row;-ms-flex-pack:center;justify-content:center}verdocs-question-dialog .buttons button{-ms-flex:1;flex:1;border:0;height:38px;display:-ms-flexbox;display:flex;color:#ffffff;font-size:14px;cursor:pointer;border-radius:6px;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}verdocs-question-dialog .buttons button.cancel{background-color:#654dcb}verdocs-question-dialog .buttons button.ok{background-color:#55bc81}verdocs-question-dialog .buttons button.ok.single{max-width:150px}verdocs-question-dialog .buttons button:disabled{background-color:#6c727f}`;const y=`<svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path d="M10.4809 13.8423H15.4C16.2962 13.8423 17 13.1288 17 12.2764V5.56582C17 4.71348 16.2962 4 15.4 4H4.6C3.70383 4 3 4.71348 3 5.56582V12.2764C3 13.1288 3.70383 13.8423 4.6 13.8423H6.19908L6.2 17L6.20346 16.9997L6.20502 16.9988L10.4809 13.8423ZM6.79895 17.8034C6.35668 18.1298 5.73 18.0406 5.39921 17.6042C5.26989 17.4335 5.2 17.2262 5.2 17.0133L5.19937 14.8423H4.6C3.16406 14.8423 2 13.6935 2 12.2764V5.56582C2 4.14876 3.16406 3 4.6 3H15.4C16.8359 3 18 4.14876 18 5.56582V12.2764C18 13.6935 16.8359 14.8423 15.4 14.8423H10.81L6.79895 17.8034Z" fill="#ffffff"/></svg>`;const C=class{constructor(t){e(this,t);this.next=o(this,"next");this.exit=o(this,"exit");this.question="";this.closed=false}handleOk(){this.next.emit({question:this.question})}handleCancel(){this.exit.emit()}handleDismiss(e){this.closed=true;if(e.target.className==="background-overlay"){e.preventDefault();this.exit.emit()}}render(){return t("verdocs-dialog",{key:"d0e85744fa9901d1be794cd59f4c9b87922e6e91",onExit:e=>this.handleDismiss(e)},t("div",{key:"6d7ead703cdf217588ac98d2ac93a35644838b78",slot:"heading",class:"heading"},t("div",{key:"d07c6155fc98f51204a51add33d82afec7592c4b",class:"icon",innerHTML:y}),t("div",{key:"e9698d0aa4b24db343afd149adee95d9c3c0a52a",class:"title"},"Ask the Sender a Question")),t("div",{key:"cdef7a2b00c4c66e1748733e3c614e39ad456192",slot:"content",class:"content"},t("textarea",{key:"81c88e1d61be54e7ba80c9101fb71bf903df8d1c",name:"question",rows:6,placeholder:"Enter your question...",onInput:e=>this.question=e.target.value},this.question)),t("div",{key:"a7d5a31362337e6c80c0ac5b2c6471efbacb9a23",class:"footer",slot:"footer"},t("div",{key:"71ae8344f053cfd94dc6befed76933fe67f490d1",class:"buttons"},t("button",{key:"04aec379b7b4f21885f72ed2016b10ac26730476",class:"cancel",onClick:()=>this.handleCancel()},"Cancel"),t("button",{key:"6e6e8bb27367c9a1167a49519da299d9ce9ee983",class:"ok",onClick:()=>this.handleOk()},"OK"))))}};C.style=m();const L=()=>`verdocs-sign-footer{left:0;right:0;bottom:0;height:48px;display:-ms-flexbox;display:flex;color:#616161;position:fixed;font-size:12px;padding:0 24px;-ms-flex-align:center;align-items:center;-ms-flex-direction:row;flex-direction:row;background:#ffffff;container-type:inline-size;border-top:1px solid #e0e0e0;-ms-flex-pack:justify;justify-content:space-between;font-family:var(--verdocs-primary-font, "Inter", "Barlow", sans-serif);-webkit-transition:0.5s cubic-bezier(0.35, 0, 0.25, 1);transition:0.5s cubic-bezier(0.35, 0, 0.25, 1)}verdocs-sign-footer a{color:#616161;cursor:pointer;text-decoration:none;border-bottom:1px dotted #616161}verdocs-sign-footer.loading{display:none}verdocs-sign-footer .powered-by{white-space:nowrap}verdocs-sign-footer .buttons{-ms-flex:0;flex:0;gap:16px;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;white-space:nowrap;-ms-flex-align:center;align-items:center}verdocs-sign-footer .buttons button{gap:4px;border:none;display:-ms-flexbox;display:flex;outline:none;cursor:pointer;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;background:transparent}verdocs-sign-footer .buttons div{gap:4px;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center}verdocs-sign-footer .links{-ms-flex:0;flex:0;gap:8px;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;white-space:nowrap}verdocs-sign-footer.just-buttons .buttons{-ms-flex:1;flex:1;-ms-flex-pack:center;justify-content:center}@container (max-width: 720px){verdocs-sign-footer.has-buttons .powered-by{display:none}}@container (max-width: 540px){verdocs-sign-footer.no-buttons .powered-by{display:none}verdocs-sign-footer.has-buttons .links{display:none}verdocs-sign-footer .buttons{-ms-flex:1;flex:1;-ms-flex-pack:center;justify-content:center}}`;const H=`<svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path d="M10.4809 13.8423H15.4C16.2962 13.8423 17 13.1288 17 12.2764V5.56582C17 4.71348 16.2962 4 15.4 4H4.6C3.70383 4 3 4.71348 3 5.56582V12.2764C3 13.1288 3.70383 13.8423 4.6 13.8423H6.19908L6.2 17L6.20346 16.9997L6.20502 16.9988L10.4809 13.8423ZM6.79895 17.8034C6.35668 18.1298 5.73 18.0406 5.39921 17.6042C5.26989 17.4335 5.2 17.2262 5.2 17.0133L5.19937 14.8423H4.6C3.16406 14.8423 2 13.6935 2 12.2764V5.56582C2 4.14876 3.16406 3 4.6 3H15.4C16.8359 3 18 4.14876 18 5.56582V12.2764C18 13.6935 16.8359 14.8423 15.4 14.8423H10.81L6.79895 17.8034Z" fill="#424242"/></svg>`;const M=`<svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path d="M7.14645 7.14645C7.34171 6.95118 7.65829 6.95118 7.85355 7.14645L10 9.29289L12.1464 7.14645C12.3417 6.95118 12.6583 6.95118 12.8536 7.14645C13.0488 7.34171 13.0488 7.65829 12.8536 7.85355L10.7071 10L12.8536 12.1464C13.0488 12.3417 13.0488 12.6583 12.8536 12.8536C12.6583 13.0488 12.3417 13.0488 12.1464 12.8536L10 10.7071L7.85355 12.8536C7.65829 13.0488 7.34171 13.0488 7.14645 12.8536C6.95118 12.6583 6.95118 12.3417 7.14645 12.1464L9.29289 10L7.14645 7.85355C6.95118 7.65829 6.95118 7.34171 7.14645 7.14645ZM3 6C3 4.34315 4.34315 3 6 3H14C15.6569 3 17 4.34315 17 6V14C17 15.6569 15.6569 17 14 17H6C4.34315 17 3 15.6569 3 14V6ZM6 4C4.89543 4 4 4.89543 4 6V14C4 15.1046 4.89543 16 6 16H14C15.1046 16 16 15.1046 16 14V6C16 4.89543 15.1046 4 14 4H6Z" fill="#424242"/></svg>`;const j=`<svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path d="M3 5C3 3.89543 3.89543 3 5 3H13.3787C13.9091 3 14.4178 3.21071 14.7929 3.58579L16.4142 5.20711C16.7893 5.58218 17 6.09089 17 6.62132V15C17 16.1046 16.1046 17 15 17H5C3.89543 17 3 16.1046 3 15V5ZM5 4C4.44772 4 4 4.44772 4 5V15C4 15.5523 4.44772 16 5 16L5 11.5C5 10.6716 5.67157 10 6.5 10H13.5C14.3284 10 15 10.6716 15 11.5V16C15.5523 16 16 15.5523 16 15V6.62132C16 6.3561 15.8946 6.10175 15.7071 5.91421L14.0858 4.29289C13.8983 4.10536 13.6439 4 13.3787 4L13 4V6.5C13 7.32843 12.3284 8 11.5 8L7.5 8C6.67157 8 6 7.32843 6 6.5L6 4H5ZM7 4L7 6.5C7 6.77614 7.22386 7 7.5 7L11.5 7C11.7761 7 12 6.77614 12 6.5V4L7 4ZM14 16V11.5C14 11.2239 13.7761 11 13.5 11H6.5C6.22386 11 6 11.2239 6 11.5V16H14Z" fill="#424242"/></svg>`;const V=class{constructor(t){e(this,t);this.askQuestion=o(this,"askQuestion");this.decline=o(this,"decline");this.finishLater=o(this,"finishLater");this.sdkError=o(this,"sdkError");this.envelopeListenerId=null;this.endpoint=d.getDefault();this.envelopeId="";this.isDone=false;this.askingQuestion=false;this.declinine=false;this.envelope=null}async componentWillLoad(){var e,o,t;try{if(!this.envelopeId){console.log(`[FOOTER] Missing required envelope ID ${this.envelopeId}`);return}this.listenToEnvelope()}catch(i){console.log("[FOOTER] Error loading envelope",i);(e=this.sdkError)===null||e===void 0?void 0:e.emit(new c(i.message,(o=i.response)===null||o===void 0?void 0:o.status,(t=i.response)===null||t===void 0?void 0:t.data))}}disconnectedCallback(){this.unlistenToEnvelope()}async listenToEnvelope(){console.log("[FOOTER] Loading envelope",this.envelopeId);this.unlistenToEnvelope();f.subscribe("envelopes",this.envelopeId,(()=>r(this.endpoint,this.envelopeId)),false,(e=>{this.envelope=e}))}unlistenToEnvelope(){if(this.envelopeListenerId){f.store.delListener(this.envelopeListenerId);this.envelopeListenerId=null}}render(){var e,o,s,n,d,a,r,l,c,f,h,p,b,v,u,g,x,w,k,m,y,C,L,V;const z=!!((o=(e=this.envelope)===null||e===void 0?void 0:e.organization)===null||o===void 0?void 0:o.powered_by_label);const T=!!((n=(s=this.envelope)===null||s===void 0?void 0:s.organization)===null||n===void 0?void 0:n.terms_use_url)||!!((a=(d=this.envelope)===null||d===void 0?void 0:d.organization)===null||a===void 0?void 0:a.privacy_policy_url);const q=!this.isDone;return t(i,{key:"1fc747454660d14e69a4a65cbf71cd81f010d9c3",class:{"has-buttons":q,"no-buttons":!q,"has-powered-by":z,"has-links":T,"just-buttons":!z&&!T}},((l=(r=this.envelope)===null||r===void 0?void 0:r.organization)===null||l===void 0?void 0:l.powered_by_label)&&t("div",{key:"f8cae910df0d2c759af9ee2200aef58b80bb3f37",class:"powered-by"},((f=(c=this.envelope)===null||c===void 0?void 0:c.organization)===null||f===void 0?void 0:f.powered_by_url)?t("a",{href:(p=(h=this.envelope)===null||h===void 0?void 0:h.organization)===null||p===void 0?void 0:p.powered_by_url,target:"_blank",rel:"noopener noreferrer"},t("span",null,(v=(b=this.envelope)===null||b===void 0?void 0:b.organization)===null||v===void 0?void 0:v.powered_by_label)):t("span",null,(g=(u=this.envelope)===null||u===void 0?void 0:u.organization)===null||g===void 0?void 0:g.powered_by_label)),!this.isDone&&t("div",{key:"06bd0f346de34e567cfa2e2e5ae8bf06a8b6a1d9",class:"buttons"},t("button",{key:"bee3e5c2aad8cc60c9b291b14bba2e5eb1ee9c32",onClick:()=>this.askingQuestion=true},t("span",{key:"f42932689a3330a72b61e853d389eac39b2362a3",innerHTML:H}),"Ask Sender a Question"),t("button",{key:"7012513a564bfc6d5a416467843d1056ad5427c8",onClick:()=>{var e;return(e=this.decline)===null||e===void 0?void 0:e.emit()}},t("span",{key:"7e0506798239ec5935d2c98e577e482744e3aa1f",innerHTML:M}),"Decline Signing"),t("button",{key:"3b3765e04da3d7f0749f2cbc24d84f2a3b6edb47",onClick:()=>{var e;return(e=this.finishLater)===null||e===void 0?void 0:e.emit()}},t("span",{key:"0511b44dc272d16fdd2d2d6098f603f651c9bc50",innerHTML:j}),"Finish Later")),t("div",{key:"cbea53ab6d84e268e1750bb0fec9f846040bd4ad",class:"links"},((w=(x=this.envelope)===null||x===void 0?void 0:x.organization)===null||w===void 0?void 0:w.terms_use_url)&&t("a",{key:"45628f09eaf2105226ab8b906e20e787de1e28ff",href:(m=(k=this.envelope)===null||k===void 0?void 0:k.organization)===null||m===void 0?void 0:m.terms_use_url,target:"_blank",rel:"noopener noreferrer"},t("span",{key:"08dc74860f84fb34c64a21c5409571998e5ce217"},"Terms of Use")),((C=(y=this.envelope)===null||y===void 0?void 0:y.organization)===null||C===void 0?void 0:C.privacy_policy_url)&&t("a",{key:"c3cc1fb07f7de02108762611c5b69206218e4b59",href:(V=(L=this.envelope)===null||L===void 0?void 0:L.organization)===null||V===void 0?void 0:V.privacy_policy_url,target:"_blank",rel:"noopener noreferrer"},t("span",{key:"c4bc436c7f7213bc0af61859ef27d8c41e331884"},"Privacy Policy"))),this.askingQuestion&&t("verdocs-question-dialog",{key:"93380ca89c21673f72c53e4d4f941b7d35c0079e",onNext:e=>{var o;(o=this.askQuestion)===null||o===void 0?void 0:o.emit({question:e.detail.question});this.askingQuestion=false},onExit:()=>this.askingQuestion=false}))}};V.style=L();export{x as verdocs_download_dialog,k as verdocs_envelope_document_page,C as verdocs_question_dialog,V as verdocs_sign_footer};
+//# sourceMappingURL=p-48e2baa9.entry.js.map

package/dist/verdocs-web-sdk/p-48e2baa9.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["verdocsDownloadDialogCss","DocumentIcon","CertificateIcon","ZipIcon","CheckIcon","RefreshIcon","VerdocsDownloadDialog","constructor","hostRef","this","signed","polling","documents","hasCertificate","handleOptionClick","action","documentId","hasCert","some","d","type","isCertReady","isCertificateDisabled","DownloadAction","certificate","isZipDisabled","zip","isCombinedDisabled","combined","download","emit","render","attachments","filter","sort","a","b","order","created_at","localeCompare","certificateDocument","find","hasCertificateDoc","certReady","allDone","attachmentBusy","h","key","onExit","exit","slot","class","style","margin","fontSize","fontWeight","padding","length","map","doc","onClick","document","id","innerHTML","name","disabled","title","display","verdocsEnvelopeDocumentPageCss","VerdocsEnvelopeDocumentPage","endpoint","VerdocsEndpoint","getDefault","envelopeId","pageNumber","virtualWidth","virtualHeight","layers","containerId","Math","random","toString","substring","renderedWidth","renderedHeight","naturalWidth","naturalHeight","aspectRatio","skipFirstNotification","pageDisplayUri","componentWillLoad","getEnvelopeDocumentPageDisplayUri","componentDidLoad","resizeObserver","ResizeObserver","throttle","entries","entry","contentRect","width","notifyRenderedSize","observe","container","disconnectedCallback","_a","disconnect","pageRendered","xScale","yScale","height","Host","flex","layer","src","alt","loading","onLoad","e","target","offsetWidth","verdocsQuestionDialogCss","QuestionIcon","VerdocsQuestionDialog","question","closed","handleOk","next","handleCancel","handleDismiss","className","preventDefault","rows","placeholder","onInput","value","verdocsSignFooterCss","DeclineIcon","SaveIcon","VerdocsSignFooter","envelopeListenerId","isDone","askingQuestion","declinine","envelope","console","log","listenToEnvelope","sdkError","SDKError","message","_b","response","status","_c","data","unlistenToEnvelope","Store","subscribe","getEnvelope","store","delListener","hasPoweredBy","organization","powered_by_label","hasLinks","_d","terms_use_url","_f","_e","privacy_policy_url","hasButtons","_h","_g","_k","_j","powered_by_url","href","_m","_l","rel","_p","_o","_r","_q","decline","finishLater","_t","_s","_v","_u","_x","_w","_z","_y","onNext","askQuestion","detail"],"sources":["src/components/dialogs/verdocs-download-dialog/verdocs-download-dialog.scss?tag=verdocs-download-dialog","src/components/dialogs/verdocs-download-dialog/verdocs-download-dialog.tsx","src/components/envelopes/verdocs-envelope-document-page/verdocs-envelope-document-page.scss?tag=verdocs-envelope-document-page","src/components/envelopes/verdocs-envelope-document-page/verdocs-envelope-document-page.tsx","src/components/dialogs/verdocs-question-dialog/verdocs-question-dialog.scss?tag=verdocs-question-dialog","src/components/dialogs/verdocs-question-dialog/verdocs-question-dialog.tsx","src/components/envelopes/verdocs-sign-footer/verdocs-sign-footer.scss?tag=verdocs-sign-footer","src/components/envelopes/verdocs-sign-footer/verdocs-sign-footer.tsx"],"sourcesContent":["@import '../../../theme.scss';\n\nverdocs-download-dialog {\n  box-sizing: border-box;\n  font-family: $primary-font;\n\n  .heading-container {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n  }\n\n  .content {\n    display: flex;\n    flex-direction: column;\n    gap: 15px;\n    padding: 0 24px 20px 24px;\n  }\n\n  .download-option {\n    display: flex;\n    align-items: center;\n    padding: 12px 15px;\n    border: 1px solid #e5e7eb;\n    border-radius: 6px;\n    cursor: pointer;\n    transition: all 0.2s ease;\n    gap: 15px;\n    background: white;\n\n    &.disabled {\n      opacity: 0.5;\n      cursor: not-allowed;\n\n      &:hover {\n        background-color: white;\n        border-color: #e5e7eb;\n      }\n    }\n\n    &:hover {\n      border-color: $verdocs-primary-color;\n      background-color: #f9fafb;\n    }\n  }\n\n  .icon-container {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: 36px;\n    height: 36px;\n    background-color: #f3f4f6;\n    border-radius: 50%;\n    color: #4b5563;\n    flex-shrink: 0;\n\n    svg {\n      width: 18px;\n      height: 18px;\n    }\n  }\n\n  .text-container {\n    flex: 1;\n\n    .label {\n      font-weight: 500;\n      color: #111827;\n      margin-bottom: 2px;\n    }\n\n    .description {\n      font-size: 13px;\n      color: #6b7280;\n    }\n  }\n\n  .status-indicator {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    gap: 2px;\n    font-size: 11px;\n    color: #9ca3af;\n    min-width: 50px;\n\n    .signed {\n      color: #10b981;\n    }\n\n    .spinner-inline {\n      display: flex;\n      color: #9ca3af;\n      animation: rotate 2s linear infinite;\n    }\n\n    svg {\n      width: 16px;\n      height: 16px;\n    }\n  }\n\n  .info-message {\n    font-size: 13px;\n    color: #6b7280;\n    font-style: italic;\n    padding: 0 4px;\n  }\n}\n\n@keyframes rotate {\n  from {\n    transform: rotate(0deg);\n  }\n\n  to {\n    transform: rotate(360deg);\n  }\n}\n","import {Component, h, Event, EventEmitter, Prop} from '@stencil/core';\nimport {DownloadAction} from '../../../utils/Types';\n\nconst DocumentIcon = `<svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M13 2H6C5.46957 2 4.96086 2.21071 4.58579 2.58579C4.21071 2.96086 4 3.46957 4 4V20C4 20.5304 4.21071 21.0391 4.58579 21.4142C4.96086 21.7893 5.46957 22 6 22H18C18.5304 22 19.0391 21.7893 19.4142 21.4142C19.7893 21.0391 20 20.5304 20 20V9L13 2Z\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path d=\"M13 2V9H20\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/></svg>`;\nconst CertificateIcon = `<svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M12 15C15.866 15 19 11.866 19 8C19 4.13401 15.866 1 12 1C8.13401 1 5 4.13401 5 8C5 11.866 8.13401 15 12 15Z\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path d=\"M8.21 13.89L7 23L12 20L17 23L15.79 13.88\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/></svg>`;\nconst ZipIcon = `<svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M10 16V22H14V16\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path d=\"M6 16H18\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path d=\"M20 22H4\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path d=\"M12 10L12 16\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path d=\"M8 12L12 16L16 12\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path d=\"M4 16V4H20V16\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/></svg>`;\nconst CheckIcon = `<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>`;\nconst RefreshIcon = `<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>`;\n\n@Component({\n  tag: 'verdocs-download-dialog',\n  styleUrl: 'verdocs-download-dialog.scss',\n  shadow: false,\n})\nexport class VerdocsDownloadDialog {\n  /**\n   * Event fired when an option is selected.\n   */\n  /**\n   * Event fired when an option is selected.\n   */\n  @Event({composed: true}) download: EventEmitter<{action: DownloadAction; documentId?: string}>;\n\n  /**\n   * Event fired when Cancel is pressed or background is clicked.\n   */\n  @Event({composed: true}) exit: EventEmitter;\n\n  /**\n   * If true, the envelope is considered signed.\n   */\n  @Prop() signed = false;\n\n  /**\n   * If true, we are currently polling the server for updates.\n   */\n  @Prop() polling = false;\n\n  /**\n   * The list of documents in the envelope.\n   */\n  @Prop() documents: any[] = [];\n\n  /**\n   * If true, the envelope has a certificate available for download.\n   */\n  @Prop() hasCertificate = false;\n\n  handleOptionClick(action: DownloadAction, documentId?: string) {\n    const hasCert = this.documents.some(d => d.type === 'certificate') || this.hasCertificate;\n    const isCertReady = this.signed && hasCert;\n    const isCertificateDisabled = action === DownloadAction.certificate && !isCertReady;\n    const isZipDisabled = action === DownloadAction.zip && (this.polling || !isCertReady);\n    const isCombinedDisabled = action === DownloadAction.combined && (this.polling || !isCertReady || !documentId);\n\n    if (isCertificateDisabled || isZipDisabled || isCombinedDisabled) return;\n    this.download.emit({action, documentId});\n  }\n\n  render() {\n    const attachments = this.documents.filter(d => d.type === 'attachment').sort((a, b) => (a.order !== b.order ? a.order - b.order : a.created_at.localeCompare(b.created_at)));\n    const certificateDocument = this.documents.find(d => d.type === 'certificate');\n    const hasCertificateDoc = !!certificateDocument || this.hasCertificate;\n    const certReady = this.signed && hasCertificateDoc;\n    const allDone = !this.polling && certReady;\n    // const isCombinedReady = allDone && !!certificateDocument?.id;\n    const attachmentBusy = !this.signed;\n\n    return (\n      <verdocs-dialog onExit={() => this.exit.emit()}>\n        <div slot=\"heading\" class=\"heading-container\">\n          <h3 style={{margin: '0', fontSize: '1.25rem', fontWeight: '600', padding: '16px 24px'}}>Download</h3>\n        </div>\n\n        <div slot=\"content\" class=\"content\">\n          {attachments.length <= 2 &&\n            attachments.map(doc => (\n              <div class=\"download-option\" onClick={() => this.handleOptionClick(DownloadAction.document, doc.id)}>\n                <div class=\"icon-container\" innerHTML={DocumentIcon}></div>\n                <div class=\"text-container\">\n                  <div class=\"label\">{doc.name}</div>\n                  <div class=\"description\">Download the document</div>\n                </div>\n                {attachmentBusy ? (\n                  <div class=\"status-indicator\">\n                    <div class=\"spinner-inline\" innerHTML={RefreshIcon}></div>\n                  </div>\n                ) : (\n                  <div class=\"status-indicator\">\n                    <div class=\"signed\" innerHTML={CheckIcon}></div>\n                    <span>Signed</span>\n                  </div>\n                )}\n              </div>\n            ))}\n\n          {attachments.length > 2 && <div class=\"info-message\">Multiple documents attached. Please use the ZIP option below to download all files.</div>}\n\n          <div\n            class={{'download-option': true, 'disabled': !certReady}}\n            onClick={() => this.handleOptionClick(DownloadAction.certificate)}\n            title={!certReady ? 'Certificate not yet available' : ''}\n          >\n            <div class=\"icon-container\" innerHTML={CertificateIcon}></div>\n            <div class=\"text-container\">\n              <div class=\"label\">Certificate</div>\n              <div class=\"description\">Download the certificate</div>\n            </div>\n            {certReady ? (\n              <div class=\"status-indicator\">\n                <div class=\"signed\" innerHTML={CheckIcon}></div>\n                <span>Ready</span>\n              </div>\n            ) : (\n              <div class=\"status-indicator\">\n                <div class=\"spinner-inline\" innerHTML={RefreshIcon}></div>\n              </div>\n            )}\n          </div>\n\n          {/* <div\n            class={{'download-option': true, 'disabled': !isCombinedReady}}\n            onClick={() => this.handleOptionClick(DownloadAction.combined, certificateDocument?.id)}\n            title={!isCombinedReady ? 'Waiting for all documents to be ready' : ''}\n          >\n            <div class=\"icon-container\" innerHTML={ZipIcon}></div>\n            <div class=\"text-container\">\n              <div class=\"label\">Combined</div>\n              <div class=\"description\">Merge envelopes & certificate into a single PDF</div>\n            </div>\n            {isCombinedReady ? (\n              <div class=\"status-indicator\">\n                <div class=\"signed\" innerHTML={CheckIcon}></div>\n                <span>Ready</span>\n              </div>\n            ) : (\n              <div class=\"status-indicator\">\n                <div class=\"spinner-inline\" innerHTML={RefreshIcon}></div>\n              </div>\n            )}\n          </div> */}\n\n          <div\n            class={{'download-option': true, 'disabled': !allDone}}\n            onClick={() => this.handleOptionClick(DownloadAction.zip)}\n            title={!allDone ? 'Waiting for all documents to be ready' : ''}\n          >\n            <div class=\"icon-container\" innerHTML={ZipIcon}></div>\n            <div class=\"text-container\">\n              <div class=\"label\">All Files</div>\n              <div class=\"description\">Download everything as a ZIP file</div>\n            </div>\n            {allDone ? (\n              <div class=\"status-indicator\">\n                <div class=\"signed\" innerHTML={CheckIcon}></div>\n                <span>Ready</span>\n              </div>\n            ) : (\n              <div class=\"status-indicator\">\n                <div class=\"spinner-inline\" innerHTML={RefreshIcon}></div>\n              </div>\n            )}\n          </div>\n        </div>\n\n        <div slot=\"footer\" style={{display: 'none'}} />\n      </verdocs-dialog>\n    );\n  }\n}\n","@import '../../../theme.scss';\n\nverdocs-envelope-document-page {\n  width: 100%;\n  position: relative;\n\n  .verdocs-envelope-document-page-layer {\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    box-shadow: 0 0 10px 5px #0000000f;\n\n    &.img {\n      width: 100%;\n    }\n  }\n}\n","// NOTE: This component does not have a story because it's not intended for external use.\n\nimport {getEnvelopeDocumentPageDisplayUri, VerdocsEndpoint} from '@verdocs/js-sdk';\nimport {Component, h, Host, Prop, Event, EventEmitter, State, Element} from '@stencil/core';\nimport {IDocumentPageInfo, IPageLayer} from '../../../utils/Types';\nimport {throttle} from '../../../utils/utils';\n\n/**\n * Represents one document page. This is primarily a layout container used to coordinate positions of\n * page-related layers such as the page itself, signature fields, etc. It is not intended to be used\n * on its own as an individual component.\n */\n@Component({\n  tag: 'verdocs-envelope-document-page',\n  styleUrl: 'verdocs-envelope-document-page.scss',\n  shadow: false,\n})\nexport class VerdocsEnvelopeDocumentPage {\n  @Element() container: HTMLElement;\n  private resizeObserver: ResizeObserver;\n\n  /**\n   * The endpoint to load from.\n   */\n  @Prop() endpoint: VerdocsEndpoint = VerdocsEndpoint.getDefault();\n\n  /**\n   * The ID of the envelope the document is for.\n   */\n  @Prop() envelopeId: string = '';\n\n  /**\n   * The ID of the document to display.\n   */\n  @Prop() documentId: string = '';\n\n  /**\n   * The page number being rendered. (Reminder: page numbers are 1-based.)\n   */\n  @Prop() pageNumber: number = 1;\n\n  /**\n   * The \"virtual\" width of the page canvas. Defaults to 612 which at 72dpi is 8.5\" wide. This is used to compute\n   * the aspect ratio of the final rendered element when scaling up/down.\n   */\n  @Prop() virtualWidth: number = 612;\n\n  /**\n   * The \"virtual\" height of the page canvas.  Defaults to 792 which at 72dpi is 11\" tall. This is used to compute\n   * the aspect ratio of the final rendered element when scaling up/down.\n   */\n  @Prop({mutable: true}) virtualHeight: number = 792;\n\n  /**\n   * The layers that will be rendered. The DOM structure will be a DIV container with one child DIV for each layer.\n   * The parent DIV will have a unique ID, and each child DIV will have that ID with the layer name appended, e.g.\n   * if `pages` was ['page', 'fields'] the structure will be:\n   *\n   * ```\n   *     <div id=\"verdocs-envelope-document-page-ker2fr1p9\">\n   *       <div id=\"verdocs-envelope-document-page-ker2fr1p9-page\"></div>\n   *       <div id=\"verdocs-envelope-document-page-ker2fr1p9-fields\"></div>\n   *     </div>\n   * ```\n   */\n  @Prop() layers: IPageLayer[] = [{name: 'page', type: 'canvas'}];\n\n  @Prop() type: 'original' | 'filled' | 'certificate' = 'original';\n\n  /**\n   * Fired when a page has been rendered. This is also fired when the page is resized.\n   */\n  @Event() pageRendered: EventEmitter<IDocumentPageInfo>;\n\n  @State() containerId = `verdocs-envelope-document-page-${Math.random().toString(36).substring(2, 11)}`;\n\n  @State() renderedWidth: number = this.virtualWidth;\n  @State() renderedHeight: number = this.virtualHeight;\n  @State() naturalWidth: number = this.virtualWidth;\n  @State() naturalHeight: number = this.virtualHeight;\n  @State() aspectRatio: number = this.virtualWidth / this.virtualHeight;\n\n  @State() skipFirstNotification = true;\n\n  @State() pageDisplayUri = 'https://verdocs-public-assets.s3.amazonaws.com/page-loading-placeholder.png';\n\n  async componentWillLoad() {\n    this.pageDisplayUri = await getEnvelopeDocumentPageDisplayUri(this.endpoint, this.documentId, this.pageNumber, this.type);\n  }\n\n  componentDidLoad() {\n    this.resizeObserver = new ResizeObserver(\n      throttle(entries => {\n        for (const entry of entries) {\n          const renderedWidth = entry.contentRect.width;\n          this.renderedWidth = renderedWidth;\n          this.renderedHeight = this.virtualHeight * (renderedWidth / this.virtualWidth);\n        }\n\n        this.notifyRenderedSize();\n      }, 100),\n    );\n\n    this.resizeObserver.observe(this.container);\n  }\n\n  disconnectedCallback() {\n    this.resizeObserver?.disconnect();\n  }\n\n  // Left here for documentation purposes in case we find an edge case where this isn't true. But we apparently don't need this.\n  // When we add the resize observer it will always be triggered at least once so notifying here as well is just a dupe.\n  // componentDidRender() {\n  //   this.notifyRenderedSize();\n  // }\n\n  notifyRenderedSize() {\n    // We skip one notification because by default we will always get at least two, one when rendering the initial size\n    // and a second once we're able to compute the scale size, when the resizeObserver sets renderedWidth/renderedHeight.\n    if (this.skipFirstNotification) {\n      this.skipFirstNotification = false;\n      return;\n    }\n\n    this.pageRendered.emit({\n      // container: this.container,\n      containerId: this.containerId,\n      documentId: this.documentId,\n      pageNumber: this.pageNumber,\n      virtualWidth: this.virtualWidth,\n      virtualHeight: this.virtualHeight,\n      renderedWidth: this.renderedWidth,\n      renderedHeight: this.renderedHeight,\n      naturalWidth: this.naturalWidth,\n      naturalHeight: this.naturalHeight,\n      aspectRatio: this.aspectRatio,\n      xScale: this.renderedWidth / this.virtualWidth,\n      yScale: this.renderedHeight / this.virtualHeight,\n    });\n  }\n\n  render() {\n    const height = `${this.renderedHeight}px`;\n\n    return (\n      <Host id={`${this.containerId}`} style={{height, flex: `0 0 ${height}`}}>\n        {this.layers.map(layer =>\n          layer.type === 'div' ? (\n            <div class=\"verdocs-envelope-document-page-layer\" id={`${this.containerId}-${layer.name}`} style={{height}} />\n          ) : this.pageDisplayUri ? (\n            <img\n              class=\"verdocs-envelope-document-page-layer img\"\n              id={`${this.containerId}-${layer.name}`}\n              src={this.pageDisplayUri}\n              alt={`Page ${this.pageNumber}`}\n              aria-hidden={true}\n              loading=\"lazy\"\n              onLoad={(e: any) => {\n                // Note that all we really care about is the aspect ratio. We track the natural Width and Height but they aren't really that\n                // useful as individual values. The image will already have been scaled down to fit a DIV for display (100%, auto height).\n                // Builder places fields offset into the rendered display area, not the original document's dimensions. So its X/Y values\n                // for a field are based on the responsive Web view the Template editor was seeing. The IMG was scaled down there in the\n                // exact same way, so we just honor it. We capture the natural width and height here more as information. Then we use the\n                // aspect ratio to adjust the \"virtual\" height in case the page is not 8.5\"x11\".\n                // TODO: Store this in the DB with each page.\n                this.naturalWidth = e.target.naturalWidth;\n                this.naturalHeight = e.target.naturalHeight;\n                this.aspectRatio = this.naturalWidth / this.naturalHeight;\n                this.virtualHeight = this.virtualWidth / this.aspectRatio;\n                this.renderedHeight = e.target.offsetWidth / this.aspectRatio;\n              }}\n            />\n          ) : (\n            <div></div>\n          ),\n        )}\n      </Host>\n    );\n  }\n}\n","@import '../../../theme.scss';\n\nverdocs-question-dialog {\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  position: fixed;\n  box-sizing: border-box;\n  font-family: $primary-font;\n\n  &.closed {\n    display: none;\n  }\n\n  textarea {\n    box-sizing: border-box;\n    border: 1px solid $border-color;\n    border-radius: 4px;\n    background: $verdocs-grey-4;\n    color: #000;\n    width: 100%;\n    font-size: 14px;\n    padding: 9px;\n    outline: none;\n  }\n\n  .heading .title {\n    font-size: 18px;\n  }\n\n  .buttons {\n    gap: 20px;\n    display: flex;\n    margin-top: 24px;\n    flex-direction: row;\n    justify-content: center;\n\n    button {\n      flex: 1;\n      border: 0;\n      height: 38px;\n      display: flex;\n      color: #ffffff;\n      font-size: 14px;\n      cursor: pointer;\n      border-radius: 6px;\n      align-items: center;\n      justify-content: center;\n\n      &.cancel {\n        background-color: $verdocs-button-purple;\n      }\n\n      &.ok {\n        background-color: $verdocs-button-green;\n\n        &.single {\n          max-width: 150px;\n        }\n      }\n\n      &:disabled {\n        background-color: $verdocs-button-disabled;\n      }\n    }\n  }\n}\n","import {Component, h, Event, EventEmitter, State, Prop} from '@stencil/core';\n\nconst QuestionIcon = `<svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M10.4809 13.8423H15.4C16.2962 13.8423 17 13.1288 17 12.2764V5.56582C17 4.71348 16.2962 4 15.4 4H4.6C3.70383 4 3 4.71348 3 5.56582V12.2764C3 13.1288 3.70383 13.8423 4.6 13.8423H6.19908L6.2 17L6.20346 16.9997L6.20502 16.9988L10.4809 13.8423ZM6.79895 17.8034C6.35668 18.1298 5.73 18.0406 5.39921 17.6042C5.26989 17.4335 5.2 17.2262 5.2 17.0133L5.19937 14.8423H4.6C3.16406 14.8423 2 13.6935 2 12.2764V5.56582C2 4.14876 3.16406 3 4.6 3H15.4C16.8359 3 18 4.14876 18 5.56582V12.2764C18 13.6935 16.8359 14.8423 15.4 14.8423H10.81L6.79895 17.8034Z\" fill=\"#ffffff\"/></svg>`;\n\n/**\n * Display a simple text dialog box with an Ok button. This adds a partially-transparent overlay and screen-centered dialog\n * box with a message and optional header/title. An OK button is shown that will dismiss the message.\n * It can also be dismissed by clicking the background overlay.\n */\n@Component({\n  tag: 'verdocs-question-dialog',\n  styleUrl: 'verdocs-question-dialog.scss',\n})\nexport class VerdocsQuestionDialog {\n  @Prop({mutable: true}) question: string = '';\n\n  /**\n   * Event fired when the user clicks the OK button.\n   */\n  @Event({composed: true}) next: EventEmitter<{question: string}>;\n\n  /**\n   * Event fired when Cancel is pressed. This is called exit to avoid conflicts with the JS-reserved \"cancel\" event name.\n   */\n  @Event({composed: true}) exit: EventEmitter;\n\n  @State() closed = false;\n\n  handleOk() {\n    this.next.emit({question: this.question});\n  }\n\n  handleCancel() {\n    this.exit.emit();\n  }\n\n  // We need a separate event handler for clicking the background because it can receive events \"through\" other child components\n  handleDismiss(e: any) {\n    this.closed = true;\n    if (e.target.className === 'background-overlay') {\n      e.preventDefault();\n      this.exit.emit();\n    }\n  }\n\n  render() {\n    return (\n      <verdocs-dialog onExit={e => this.handleDismiss(e)}>\n        <div slot=\"heading\" class=\"heading\">\n          <div class=\"icon\" innerHTML={QuestionIcon} />\n\n          <div class=\"title\">Ask the Sender a Question</div>\n        </div>\n\n        <div slot=\"content\" class=\"content\">\n          <textarea name=\"question\" rows={6} placeholder=\"Enter your question...\" onInput={(e: any) => (this.question = e.target.value)}>\n            {this.question}\n          </textarea>\n        </div>\n\n        <div class=\"footer\" slot=\"footer\">\n          <div class=\"buttons\">\n            <button class=\"cancel\" onClick={() => this.handleCancel()}>\n              Cancel\n            </button>\n            <button class={'ok'} onClick={() => this.handleOk()}>\n              OK\n            </button>\n          </div>\n        </div>\n      </verdocs-dialog>\n    );\n  }\n}\n","@import '../../../theme.scss';\n\nverdocs-sign-footer {\n  left: 0;\n  right: 0;\n  bottom: 0;\n  height: 48px;\n  display: flex;\n  color: #616161;\n  position: fixed;\n  font-size: 12px;\n  padding: 0 24px;\n  align-items: center;\n  flex-direction: row;\n  background: #ffffff;\n  container-type: inline-size;\n  border-top: 1px solid #e0e0e0;\n  justify-content: space-between;\n  font-family: $verdocs-primary-font;\n  transition: 0.5s cubic-bezier(0.35, 0, 0.25, 1);\n\n  a {\n    color: #616161;\n    cursor: pointer;\n    text-decoration: none;\n    border-bottom: 1px dotted #616161;\n  }\n\n  &.loading {\n    display: none;\n  }\n\n  .powered-by {\n    white-space: nowrap;\n  }\n\n  .buttons {\n    flex: 0;\n    gap: 16px;\n    display: flex;\n    flex-direction: row;\n    white-space: nowrap;\n    align-items: center;\n\n    button {\n      gap: 4px;\n      border: none;\n      display: flex;\n      outline: none;\n      cursor: pointer;\n      flex-direction: row;\n      align-items: center;\n      background: transparent;\n    }\n\n    div {\n      gap: 4px;\n      display: flex;\n      flex-direction: row;\n      align-items: center;\n    }\n  }\n\n  .links {\n    flex: 0;\n    gap: 8px;\n    display: flex;\n    flex-direction: row;\n    white-space: nowrap;\n  }\n\n  &.just-buttons {\n    .buttons {\n      flex: 1;\n      justify-content: center;\n    }\n  }\n\n  @container (max-width: 720px) {\n    &.has-buttons .powered-by {\n      display: none;\n    }\n  }\n\n  @container (max-width: 540px) {\n    &.no-buttons .powered-by {\n      display: none;\n    }\n\n    &.has-buttons .links {\n      display: none;\n    }\n\n    .buttons {\n      flex: 1;\n      justify-content: center;\n    }\n  }\n}\n","import {IEnvelope} from '@verdocs/js-sdk';\nimport {Component, h, Event, EventEmitter, Host, Prop, State} from '@stencil/core';\nimport {getEnvelope, VerdocsEndpoint} from '@verdocs/js-sdk';\nimport {SDKError} from '../../../utils/errors';\nimport {Store} from '../../../utils/Datastore';\n\nconst QuestionIcon = `<svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M10.4809 13.8423H15.4C16.2962 13.8423 17 13.1288 17 12.2764V5.56582C17 4.71348 16.2962 4 15.4 4H4.6C3.70383 4 3 4.71348 3 5.56582V12.2764C3 13.1288 3.70383 13.8423 4.6 13.8423H6.19908L6.2 17L6.20346 16.9997L6.20502 16.9988L10.4809 13.8423ZM6.79895 17.8034C6.35668 18.1298 5.73 18.0406 5.39921 17.6042C5.26989 17.4335 5.2 17.2262 5.2 17.0133L5.19937 14.8423H4.6C3.16406 14.8423 2 13.6935 2 12.2764V5.56582C2 4.14876 3.16406 3 4.6 3H15.4C16.8359 3 18 4.14876 18 5.56582V12.2764C18 13.6935 16.8359 14.8423 15.4 14.8423H10.81L6.79895 17.8034Z\" fill=\"#424242\"/></svg>`;\nconst DeclineIcon = `<svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M7.14645 7.14645C7.34171 6.95118 7.65829 6.95118 7.85355 7.14645L10 9.29289L12.1464 7.14645C12.3417 6.95118 12.6583 6.95118 12.8536 7.14645C13.0488 7.34171 13.0488 7.65829 12.8536 7.85355L10.7071 10L12.8536 12.1464C13.0488 12.3417 13.0488 12.6583 12.8536 12.8536C12.6583 13.0488 12.3417 13.0488 12.1464 12.8536L10 10.7071L7.85355 12.8536C7.65829 13.0488 7.34171 13.0488 7.14645 12.8536C6.95118 12.6583 6.95118 12.3417 7.14645 12.1464L9.29289 10L7.14645 7.85355C6.95118 7.65829 6.95118 7.34171 7.14645 7.14645ZM3 6C3 4.34315 4.34315 3 6 3H14C15.6569 3 17 4.34315 17 6V14C17 15.6569 15.6569 17 14 17H6C4.34315 17 3 15.6569 3 14V6ZM6 4C4.89543 4 4 4.89543 4 6V14C4 15.1046 4.89543 16 6 16H14C15.1046 16 16 15.1046 16 14V6C16 4.89543 15.1046 4 14 4H6Z\" fill=\"#424242\"/></svg>`;\nconst SaveIcon = `<svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M3 5C3 3.89543 3.89543 3 5 3H13.3787C13.9091 3 14.4178 3.21071 14.7929 3.58579L16.4142 5.20711C16.7893 5.58218 17 6.09089 17 6.62132V15C17 16.1046 16.1046 17 15 17H5C3.89543 17 3 16.1046 3 15V5ZM5 4C4.44772 4 4 4.44772 4 5V15C4 15.5523 4.44772 16 5 16L5 11.5C5 10.6716 5.67157 10 6.5 10H13.5C14.3284 10 15 10.6716 15 11.5V16C15.5523 16 16 15.5523 16 15V6.62132C16 6.3561 15.8946 6.10175 15.7071 5.91421L14.0858 4.29289C13.8983 4.10536 13.6439 4 13.3787 4L13 4V6.5C13 7.32843 12.3284 8 11.5 8L7.5 8C6.67157 8 6 7.32843 6 6.5L6 4H5ZM7 4L7 6.5C7 6.77614 7.22386 7 7.5 7L11.5 7C11.7761 7 12 6.77614 12 6.5V4L7 4ZM14 16V11.5C14 11.2239 13.7761 11 13.5 11H6.5C6.22386 11 6 11.2239 6 11.5V16H14Z\" fill=\"#424242\"/></svg>`;\n\n/**\n * Typically presented by the `verdocs-sign` component. Displays a footer toolbar\n * with a few convenience functions for the envelope recipient to use.\n */\n@Component({\n  tag: 'verdocs-sign-footer',\n  styleUrl: 'verdocs-sign-footer.scss',\n  shadow: false,\n})\nexport class VerdocsSignFooter {\n  private envelopeListenerId = 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 = VerdocsEndpoint.getDefault();\n\n  /**\n   * The envelope ID to render. Set ONE OF templateId or envelopeId. If both are set, envelopeId will be ignored.\n   */\n  @Prop() envelopeId: string = '';\n\n  /**\n   * If the recipient is \"done,\" some buttons will be hidden.\n   */\n  @Prop() isDone = false;\n\n  /**\n   * Event fired if the user asks the sender a question. The parent component is responsible for handling this.\n   */\n  @Event({composed: true}) askQuestion: EventEmitter<{question: string}>;\n\n  /**\n   * Event fired if the user asks the sender a question. The parent component is responsible for handling this.\n   */\n  @Event({composed: true}) decline: EventEmitter;\n\n  /**\n   * Event fired if the user asks the sender a question. The parent component is responsible for handling this.\n   */\n  @Event({composed: true}) finishLater: 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 envelope is updated in any way. May be used for tasks such as cache invalidation or reporting to other systems.\n   */\n  // @Event({composed: true}) envelopeUpdated: EventEmitter<{endpoint: VerdocsEndpoint; envelope: IEnvelope; event: string}>;\n\n  @State() askingQuestion = false;\n  @State() declinine = false;\n  @State() envelope: IEnvelope | null = null;\n\n  async componentWillLoad() {\n    try {\n      // NOTE: The caller must have a signing session already active and shared to us via\n      // the endpoint property.\n      if (!this.envelopeId) {\n        console.log(`[FOOTER] Missing required envelope ID ${this.envelopeId}`);\n        return;\n      }\n\n      this.listenToEnvelope();\n    } catch (e) {\n      console.log('[FOOTER] Error loading envelope', e);\n      this.sdkError?.emit(new SDKError(e.message, e.response?.status, e.response?.data));\n    }\n  }\n\n  disconnectedCallback() {\n    this.unlistenToEnvelope();\n  }\n\n  async listenToEnvelope() {\n    console.log('[FOOTER] Loading envelope', this.envelopeId);\n    this.unlistenToEnvelope();\n    Store.subscribe(\n      'envelopes',\n      this.envelopeId,\n      () => getEnvelope(this.endpoint, this.envelopeId),\n      false,\n      (envelope: IEnvelope) => {\n        this.envelope = envelope;\n      },\n    );\n  }\n\n  unlistenToEnvelope() {\n    if (this.envelopeListenerId) {\n      Store.store.delListener(this.envelopeListenerId);\n      this.envelopeListenerId = null;\n    }\n  }\n\n  // handleRecipientAction(recipient: IRecipient, id: string) {\n  //   console.log('[SIDEBAR] Recipient action', id, recipient);\n  //   switch (id) {\n  //     case 'update':\n  //       this.showUpdateDialog = recipient.role_name;\n  //       break;\n  //\n  //     case 'reminder':\n  //       remindRecipient(this.endpoint, this.envelopeId, recipient.role_name)\n  //         .then(() => {\n  //           VerdocsToast('Reminder Sent', {style: 'success'});\n  //         })\n  //         .catch(e => {\n  //           console.log('[SIDEBAR] Error resending invitation', e);\n  //           VerdocsToast('Error resending invitation: ' + e.message, {style: 'error'});\n  //         });\n  //       break;\n  //\n  //     case 'reinvite':\n  //       this.showReinviteDialog = recipient.role_name;\n  //       break;\n  //\n  //     case 'inperson':\n  //       this.showRecipientDialog = recipient.role_name;\n  //       break;\n  //\n  //     case 'modify':\n  //       VerdocsToast('This feature will be enabled in a future release. Please try again later.', {style: 'info'});\n  //       break;\n  //\n  //     case 'details':\n  //       VerdocsToast('This feature will be enabled in a future release. Please try again later.', {style: 'info'});\n  //       break;\n  //   }\n  // }\n\n  // handleUpdateRecipient(originalRecipient: IRecipient, updatedRecipient: IRecipient) {\n  //   console.log('Updating recipient', originalRecipient, updatedRecipient);\n  //   const fields: any = {};\n  //   if (updatedRecipient.email !== originalRecipient.email) {\n  //     fields.email = updatedRecipient.email;\n  //   }\n  //   if (updatedRecipient.phone !== originalRecipient.phone) {\n  //     fields.phone = updatedRecipient.phone;\n  //   }\n  //   if (updatedRecipient.message !== originalRecipient.message) {\n  //     fields.message = updatedRecipient.message;\n  //   }\n  //   if (updatedRecipient.first_name !== originalRecipient.first_name) {\n  //     fields.first_name = updatedRecipient.first_name;\n  //   }\n  //   if (updatedRecipient.last_name !== originalRecipient.last_name) {\n  //     fields.last_name = updatedRecipient.last_name;\n  //   }\n  //\n  //   if (Object.keys(fields).length > 0) {\n  //     updateRecipient(this.endpoint, this.envelopeId, originalRecipient.role_name, fields)\n  //       .then(r => {\n  //         // TODO: Reload the envelope?\n  //         VerdocsToast('Recipient updated', {style: 'success'});\n  //         console.log('[SIDEBAR] Updated recipient', r);\n  //         Store.getEnvelope(this.endpoint, this.envelopeId, true);\n  //         this.showUpdateDialog = '';\n  //       })\n  //       .catch(e => {\n  //         VerdocsToast(e.response.data.error, {style: 'error'});\n  //         this.showUpdateDialog = '';\n  //       });\n  //   } else {\n  //     this.showUpdateDialog = '';\n  //   }\n  // }\n\n  render() {\n    const hasPoweredBy = !!this.envelope?.organization?.powered_by_label;\n    const hasLinks = !!this.envelope?.organization?.terms_use_url || !!this.envelope?.organization?.privacy_policy_url;\n    const hasButtons = !this.isDone;\n\n    return (\n      <Host class={{'has-buttons': hasButtons, 'no-buttons': !hasButtons, 'has-powered-by': hasPoweredBy, 'has-links': hasLinks, 'just-buttons': !hasPoweredBy && !hasLinks}}>\n        {this.envelope?.organization?.powered_by_label && (\n          <div class=\"powered-by\">\n            {this.envelope?.organization?.powered_by_url ? (\n              <a href={this.envelope?.organization?.powered_by_url} target=\"_blank\" rel=\"noopener noreferrer\">\n                <span>{this.envelope?.organization?.powered_by_label}</span>\n              </a>\n            ) : (\n              <span>{this.envelope?.organization?.powered_by_label}</span>\n            )}\n          </div>\n        )}\n\n        {!this.isDone && (\n          <div class=\"buttons\">\n            <button onClick={() => (this.askingQuestion = true)}>\n              <span innerHTML={QuestionIcon} />\n              Ask Sender a Question\n            </button>\n            <button onClick={() => this.decline?.emit()}>\n              <span innerHTML={DeclineIcon} />\n              Decline Signing\n            </button>\n            <button onClick={() => this.finishLater?.emit()}>\n              <span innerHTML={SaveIcon} />\n              Finish Later\n            </button>\n          </div>\n        )}\n\n        <div class=\"links\">\n          {this.envelope?.organization?.terms_use_url && (\n            <a href={this.envelope?.organization?.terms_use_url} target=\"_blank\" rel=\"noopener noreferrer\">\n              <span>Terms of Use</span>\n            </a>\n          )}\n          {this.envelope?.organization?.privacy_policy_url && (\n            <a href={this.envelope?.organization?.privacy_policy_url} target=\"_blank\" rel=\"noopener noreferrer\">\n              <span>Privacy Policy</span>\n            </a>\n          )}\n        </div>\n\n        {this.askingQuestion && (\n          <verdocs-question-dialog\n            onNext={e => {\n              this.askQuestion?.emit({question: e.detail.question});\n              this.askingQuestion = false;\n            }}\n            onExit={() => (this.askingQuestion = false)}\n          />\n        )}\n      </Host>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/verdocs-web-sdk/{p-d09a4bb9.entry.js → p-4934f908.entry.js}

@@ -1,2 +1,2 @@
-import{r as e,c as t,h as s,H as i}from"./p-CjTHbolG.js";import{VerdocsEndpoint as o,getTemplate as l,updateTemplateRole as a,deleteTemplateRole as r,isValidEmail as d}from"@verdocs/js-sdk";import{S as n}from"./p-C1sRVZWv.js";import{S as c}from"./p-C7hFgM52.js";const p=()=>`#verdocs-menu-panel-overlay{top:0;left:0;width:100%;height:100%;z-index:10000;position:fixed;background-color:rgba(0, 0, 0, 0.4980392157)}#verdocs-menu-panel{opacity:0;z-index:10001;position:fixed;overflow-y:scroll;background-color:#ffffff;font-family:var(--verdocs-primary-font, "Inter", "Barlow", sans-serif);-webkit-animation:showVerdocsMenuPanel 0.35s;-webkit-animation-fill-mode:forwards}@-webkit-keyframes showVerdocsMenuPanel{0%{opacity:0;right:-300px}100%{right:0;opacity:1}}`;const h=class{constructor(s){e(this,s);this.close=t(this,"close");this.moved=false;this.overlayId=`verdocs-menu-panel-overlay`;this.panelId=`verdocs-menu-panel`;this.side="right";this.overlay=true;this.width=300}handleClick(e){var t;if(!this.element.contains(e.target)){this.hide();(t=this.close)===null||t===void 0?void 0:t.emit()}}componentWillLoad(){this.hide();if(this.overlay){this.portal=document.createElement("div");this.portal.setAttribute("id",this.overlayId);document.body.append(this.portal)}this.portal=document.createElement("div");this.portal.setAttribute("id",this.panelId);this.portal.style.top=`0px`;this.portal.style.bottom=`0px`;this.portal.style.width=`${this.width}px`;if(this.side==="left"){this.portal.style.left=`0px`}else{this.portal.style.right=`0px`}document.body.append(this.portal)}componentDidLoad(){this.portal.appendChild(this.element)}disconnectedCallback(){this.moved?this.portal.remove():this.moved=true}hide(){var e,t;(e=document.getElementById(this.overlayId))===null||e===void 0?void 0:e.remove();(t=document.getElementById(this.panelId))===null||t===void 0?void 0:t.remove()}render(){return s(i,{key:"1fa35d0ed0bedab19924d8a0f1ee11c36ea518e3",ref:e=>this.element=e},s("slot",{key:"280b09045cb04c9c2e595ab8a71536a18c746418"}))}};h.style=p();const f=()=>`verdocs-template-role-properties{-webkit-box-sizing:border-box;box-sizing:border-box;font-family:"Inter", "Barlow", sans-serif}verdocs-template-role-properties div{-webkit-box-sizing:border-box;box-sizing:border-box}verdocs-template-role-properties .heading{display:-ms-flexbox;display:flex;font-size:20px;font-weight:500;-ms-flex-direction:row;flex-direction:row}verdocs-template-role-properties .buttons{display:-ms-flexbox;display:flex;margin-top:10px;-ms-flex-align:center;align-items:center;-ms-flex-direction:row;flex-direction:row;-ms-flex-pack:justify;justify-content:space-between}verdocs-template-role-properties .buttons verdocs-button{margin-left:16px}verdocs-template-role-properties form{gap:15px;padding:20px;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}verdocs-template-role-properties form .instructions{margin:7px 0 0 0;font-size:12px;font-style:italic}verdocs-template-role-properties form .input-label{display:block;font-size:14px;-ms-flex:0 0 100px;flex:0 0 100px;font-weight:700;margin:0 0 4px 0;color:#555570}verdocs-template-role-properties form .first-last{gap:15px;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row}verdocs-template-role-properties form verdocs-help-icon{-webkit-transform:scale(0.8);transform:scale(0.8)}verdocs-template-role-properties verdocs-select-input label{display:block}verdocs-template-role-properties verdocs-text-input{margin:0}verdocs-template-role-properties verdocs-text-input label{display:block}verdocs-template-role-properties verdocs-text-input .input-label{-ms-flex:0 0 100px;flex:0 0 100px}verdocs-template-role-properties verdocs-text-input input{-ms-flex:1;flex:1;display:-ms-flexbox;display:flex}verdocs-template-role-properties verdocs-text-input verdocs-text-input{margin:0}verdocs-template-role-properties .checkbox-wrapper{-ms-flex:1;flex:1;display:-ms-flexbox;display:flex}verdocs-template-role-properties .delete-button{height:34px;display:-ms-flexbox;display:flex;padding:0 6px;cursor:pointer;background:none;border-radius:4px;-ms-flex-align:center;align-items:center;border:1px solid #999;-ms-flex-pack:center;justify-content:center}verdocs-template-role-properties .delete-button svg{width:24px;height:24px}verdocs-template-role-properties .delete-button:active{background:#f3f3f3}`;const b=`<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="#a50021"><path stroke-linecap="round" stroke-linejoin="round" d="M14.74 9l-.346 9m-4.788 0L9.26 9m9.968-3.21c.342.052.682.107 1.022.166m-1.022-.165L18.16 19.673a2.25 2.25 0 01-2.244 2.077H8.084a2.25 2.25 0 01-2.244-2.077L4.772 5.79m14.456 0a48.108 48.108 0 00-3.478-.397m-12 .562c.34-.059.68-.114 1.022-.165m0 0a48.11 48.11 0 013.478-.397m7.5 0v-.916c0-1.18-.91-2.164-2.09-2.201a51.964 51.964 0 00-3.32 0c-1.18.037-2.09 1.022-2.09 2.201v.916m7.5 0a48.667 48.667 0 00-7.5 0" /></svg>`;const v=class{constructor(s){e(this,s);this.close=t(this,"close");this.delete=t(this,"delete");this.sdkError=t(this,"sdkError");this.templateListenerId=null;this.endpoint=o.getDefault();this.templateId="";this.roleName="";this.dirty=false;this.saving=false;this.name="";this.type="signer";this.first_name="";this.last_name="";this.email="";this.phone="";this.delegator=false;this.loading=true;this.template=null}async componentWillLoad(){var e,t,s;try{this.endpoint.loadSession();if(!this.templateId){console.log(`[ROLES] Missing required template ID ${this.templateId}`);return}if(!this.endpoint.session){console.log("[ROLES] Unable to start builder session, must be authenticated");return}this.listenToTemplate()}catch(i){console.log("[ROLES Error with preview session",i);(e=this.sdkError)===null||e===void 0?void 0:e.emit(new n(i.message,(t=i.response)===null||t===void 0?void 0:t.status,(s=i.response)===null||s===void 0?void 0:s.data))}}disconnectedCallback(){this.unlistenToTemplate()}async listenToTemplate(){console.log("[ROLES] Loading tempate",this.templateId);this.unlistenToTemplate();c.subscribe("templates",this.templateId,(()=>l(this.endpoint,this.templateId)),false,(e=>{var t;console.log("[BUILD] Template Updated",e);this.template=e;this.loading=false;const s=(t=this.template)===null||t===void 0?void 0:t.roles.find((e=>e.name===this.roleName));if(s){this.name=s.name;this.type=s.type;this.first_name=s.first_name;this.last_name=s.last_name;this.email=s.email;this.phone=s.phone;this.delegator=s.delegator;console.log("[ROLES] Editing role",s)}}))}unlistenToTemplate(){if(this.templateListenerId){c.store.delListener(this.templateListenerId);this.templateListenerId=null}}handleCancel(e){var t,s;e.stopPropagation();const i=(t=this.template)===null||t===void 0?void 0:t.roles.find((e=>e.name===this.roleName));if(i){this.name=i.name;this.type=i.type;this.first_name=i.first_name;this.last_name=i.last_name;this.email=i.email;this.phone=i.phone;this.delegator=i.delegator}this.dirty=false;(s=this.close)===null||s===void 0?void 0:s.emit()}async handleSave(e){e.stopPropagation();this.saving=true;a(this.endpoint,this.templateId,this.roleName,{name:this.name,type:this.type,first_name:this.first_name,last_name:this.last_name,email:this.email,phone:this.phone,delegator:this.delegator}).then((async e=>{var t;console.log("[ROLES] Update result",e);this.saving=false;this.dirty=false;const s=JSON.parse(JSON.stringify(this.template));const i=s.roles.findIndex((e=>e.name===this.roleName));if(i>-1){s.roles[i]=e}c.updateTemplate(this.templateId,s);(t=this.close)===null||t===void 0?void 0:t.emit()})).catch((e=>{console.log("[ROLES Update error",e);this.saving=false}))}async handleDelete(e){e.stopPropagation();if(window.confirm("Are you sure you wish to remove this role? All associated fields will be removed as well. This action cannot be undone.")){r(this.endpoint,this.templateId,this.roleName).then((()=>{var e,t;const s=JSON.parse(JSON.stringify(this.template));s.roles=s.roles.filter((e=>e.name!==this.roleName));c.getTemplate(this.endpoint,this.templateId,true);(e=this.delete)===null||e===void 0?void 0:e.emit({templateId:this.templateId,roleName:this.roleName});(t=this.close)===null||t===void 0?void 0:t.emit()})).catch((e=>{console.log("[ROLES Deletion error",e)}))}}render(){var e;const t=(((e=this.template)===null||e===void 0?void 0:e.fields)||[]).some((e=>e.role_name===this.roleName));const o=!this.email&&!this.first_name&&!this.last_name||d(this.email)&&!!this.first_name&&!!this.last_name;return s(i,{key:"ffbdcf7c23ed14bf001bf85dd969fee3e4018abf"},s("form",{key:"10ee145cbd8b2d1035cbafe86a88c5e4e93b211f",onSubmit:e=>e.preventDefault(),onClick:e=>e.stopPropagation(),autocomplete:"off"},s("div",{key:"476268ed74137b49dc4a22159e7df0991e9644a8"},s("verdocs-text-input",{key:"dfacfb292a4bc93422f1d28166a8853d30736a71",id:"verdocs-role-name",label:"Role Name (Must be unique)",value:this.name,autocomplete:"off",disabled:t,placeholder:"Role Name...",onInput:e=>{this.name=e.target.value;this.dirty=true}}),t&&s("div",{key:"bcc8c63bb93ce9b81dd9b8282db9b8cd28f764b6",class:"instructions"},"This role has fields assigned and can no longer be renamed.")),s("div",{key:"edd762e1f0b0c50bb9752da44195a8fd37ad46b8"},s("div",{key:"f7cbb564016a693ed8d59da0e3b06d3f2e3013a3",class:"input-label"},"Type:"),s("verdocs-select-input",{key:"eca486e7960b077234e5a8867f972511c4a429b6",value:this.type,options:[{label:"Signer",value:"signer"},{label:"CC",value:"cc"},{label:"Approver",value:"approver"}],onInput:e=>{this.type=e.target.value;this.dirty=true}})),s("div",{key:"d45d4354a061453e85e993be8e6b57da104c0ad5"},s("div",{key:"7b1afb527741ca786eb546bec5071078d1504433",class:"input-label"},"Default Contact Info:"),s("div",{key:"6de4c8b89c7b11ea5f8ae89ff69212472375e4ac",class:"first-last"},s("verdocs-text-input",{key:"8a591cc37cf7d9c2e5a211640a36a876a794590f",id:"verdocs-recipient-first",value:this.first_name,autocomplete:"off",placeholder:"First...",onInput:e=>{this.first_name=e.target.value;this.dirty=true}}),s("verdocs-text-input",{key:"de8ee6a8802ff5443f93d1a017609bbabb745f13",id:"verdocs-recipient-first",value:this.last_name,autocomplete:"off",placeholder:"Last...",onInput:e=>{this.last_name=e.target.value;this.dirty=true}}))),s("div",{key:"1a7ac3d8fab0e28d031d4bafe892fadc1ab76ac4"},s("verdocs-text-input",{key:"e11e543134ad024362e4f39f026c132e90c4ad9a",id:"verdocs-recipient-email",value:this.email,autocomplete:"off",placeholder:"Email Address...",onInput:e=>{this.email=e.target.value;this.dirty=true}}),s("div",{key:"04a394d1e1f9d377da12ea565119a0d5cd68a627",style:{height:"15px"}}),s("div",{key:"1ff2ead2361795d3ec3e6361715d30e779fae4b8"},s("verdocs-text-input",{key:"3c0d4de18bb9fd6da3ba02d70a66dfcd2306af7f",id:"verdocs-recipient-phone",value:this.phone,autocomplete:"off",placeholder:"Phone Number...",onInput:e=>{this.phone=e.target.value;this.dirty=true}}))),s("div",{key:"a6c73356acbe10339d53f24a956205b914f386aa",class:"buttons"},s("button",{key:"034614017ee9e5b0acdafa1a2950c3cd44328517",class:"delete-button",disabled:this.dirty,onClick:e=>this.handleDelete(e),innerHTML:b}),s("div",{key:"5febc5c4fbbe44afbe1f6a1fe23586efdd5bf3df",style:{flex:"1"}}),s("verdocs-button",{key:"895635dd85f706e87bc14dde3224894f11af9029",size:"small",label:"Save",disabled:!this.dirty||!o,onClick:e=>this.handleSave(e)}))))}};v.style=f();export{h as verdocs_menu_panel,v as verdocs_template_role_properties};
-//# sourceMappingURL=p-d09a4bb9.entry.js.map
+import{r as e,c as t,h as s,H as i}from"./p-CjTHbolG.js";import{VerdocsEndpoint as o,getTemplate as l,updateTemplateRole as a,deleteTemplateRole as r,isValidEmail as d}from"@verdocs/js-sdk";import{S as n}from"./p-C1sRVZWv.js";import{S as c}from"./p-C7hFgM52.js";const p=()=>`#verdocs-menu-panel-overlay{top:0;left:0;width:100%;height:100%;z-index:10000;position:fixed;background-color:rgba(0, 0, 0, 0.4980392157)}#verdocs-menu-panel{opacity:0;z-index:10001;position:fixed;overflow-y:scroll;background-color:#ffffff;font-family:var(--verdocs-primary-font, "Inter", "Barlow", sans-serif);-webkit-animation:showVerdocsMenuPanel 0.35s;-webkit-animation-fill-mode:forwards}@-webkit-keyframes showVerdocsMenuPanel{0%{opacity:0;right:-300px}100%{right:0;opacity:1}}`;const h=class{constructor(s){e(this,s);this.close=t(this,"close");this.moved=false;this.overlayId=`verdocs-menu-panel-overlay`;this.panelId=`verdocs-menu-panel`;this.side="right";this.overlay=true;this.width=300}handleClick(e){var t;if(!this.element.contains(e.target)){this.hide();(t=this.close)===null||t===void 0?void 0:t.emit()}}componentWillLoad(){this.hide();if(this.overlay){this.portal=document.createElement("div");this.portal.setAttribute("id",this.overlayId);document.body.append(this.portal)}this.portal=document.createElement("div");this.portal.setAttribute("id",this.panelId);this.portal.style.top=`0px`;this.portal.style.bottom=`0px`;this.portal.style.width=`${this.width}px`;if(this.side==="left"){this.portal.style.left=`0px`}else{this.portal.style.right=`0px`}document.body.append(this.portal)}componentDidLoad(){this.portal.appendChild(this.element)}disconnectedCallback(){this.moved?this.portal.remove():this.moved=true}hide(){var e,t;(e=document.getElementById(this.overlayId))===null||e===void 0?void 0:e.remove();(t=document.getElementById(this.panelId))===null||t===void 0?void 0:t.remove()}render(){return s(i,{key:"1fa35d0ed0bedab19924d8a0f1ee11c36ea518e3",ref:e=>this.element=e},s("slot",{key:"280b09045cb04c9c2e595ab8a71536a18c746418"}))}};h.style=p();const f=()=>`verdocs-template-role-properties{-webkit-box-sizing:border-box;box-sizing:border-box;font-family:"Inter", "Barlow", sans-serif}verdocs-template-role-properties div{-webkit-box-sizing:border-box;box-sizing:border-box}verdocs-template-role-properties .heading{display:-ms-flexbox;display:flex;font-size:20px;font-weight:500;-ms-flex-direction:row;flex-direction:row}verdocs-template-role-properties .buttons{display:-ms-flexbox;display:flex;margin-top:10px;-ms-flex-align:center;align-items:center;-ms-flex-direction:row;flex-direction:row;-ms-flex-pack:justify;justify-content:space-between}verdocs-template-role-properties .buttons verdocs-button{margin-left:16px}verdocs-template-role-properties form{gap:15px;padding:20px;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}verdocs-template-role-properties form .instructions{margin:7px 0 0 0;font-size:12px;font-style:italic}verdocs-template-role-properties form .input-label{display:block;font-size:14px;-ms-flex:0 0 100px;flex:0 0 100px;font-weight:700;margin:0 0 4px 0;color:#555570}verdocs-template-role-properties form .first-last{gap:15px;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row}verdocs-template-role-properties form verdocs-help-icon{-webkit-transform:scale(0.8);transform:scale(0.8)}verdocs-template-role-properties verdocs-select-input label{display:block}verdocs-template-role-properties verdocs-text-input{margin:0}verdocs-template-role-properties verdocs-text-input label{display:block}verdocs-template-role-properties verdocs-text-input .input-label{-ms-flex:0 0 100px;flex:0 0 100px}verdocs-template-role-properties verdocs-text-input input{-ms-flex:1;flex:1;display:-ms-flexbox;display:flex}verdocs-template-role-properties verdocs-text-input verdocs-text-input{margin:0}verdocs-template-role-properties .checkbox-wrapper{-ms-flex:1;flex:1;display:-ms-flexbox;display:flex}verdocs-template-role-properties .delete-button{height:34px;display:-ms-flexbox;display:flex;padding:0 6px;cursor:pointer;background:none;border-radius:4px;-ms-flex-align:center;align-items:center;border:1px solid #999;-ms-flex-pack:center;justify-content:center}verdocs-template-role-properties .delete-button svg{width:24px;height:24px}verdocs-template-role-properties .delete-button:active{background:#f3f3f3}`;const b=`<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="#a50021"><path stroke-linecap="round" stroke-linejoin="round" d="M14.74 9l-.346 9m-4.788 0L9.26 9m9.968-3.21c.342.052.682.107 1.022.166m-1.022-.165L18.16 19.673a2.25 2.25 0 01-2.244 2.077H8.084a2.25 2.25 0 01-2.244-2.077L4.772 5.79m14.456 0a48.108 48.108 0 00-3.478-.397m-12 .562c.34-.059.68-.114 1.022-.165m0 0a48.11 48.11 0 013.478-.397m7.5 0v-.916c0-1.18-.91-2.164-2.09-2.201a51.964 51.964 0 00-3.32 0c-1.18.037-2.09 1.022-2.09 2.201v.916m7.5 0a48.667 48.667 0 00-7.5 0" /></svg>`;const v=class{constructor(s){e(this,s);this.close=t(this,"close");this.delete=t(this,"delete");this.sdkError=t(this,"sdkError");this.templateListenerId=null;this.endpoint=o.getDefault();this.templateId="";this.roleName="";this.dirty=false;this.saving=false;this.name="";this.type="signer";this.first_name="";this.last_name="";this.email="";this.phone="";this.delegator=false;this.loading=true;this.template=null}async componentWillLoad(){var e,t,s;try{this.endpoint.loadSession();if(!this.templateId){console.log(`[ROLES] Missing required template ID ${this.templateId}`);return}if(!this.endpoint.session){console.log("[ROLES] Unable to start builder session, must be authenticated");return}this.listenToTemplate()}catch(i){console.log("[ROLES Error with preview session",i);(e=this.sdkError)===null||e===void 0?void 0:e.emit(new n(i.message,(t=i.response)===null||t===void 0?void 0:t.status,(s=i.response)===null||s===void 0?void 0:s.data))}}disconnectedCallback(){this.unlistenToTemplate()}async listenToTemplate(){console.log("[ROLES] Loading tempate",this.templateId);this.unlistenToTemplate();c.subscribe("templates",this.templateId,(()=>l(this.endpoint,this.templateId)),false,(e=>{var t;console.log("[BUILD] Template Updated",e);this.template=e;this.loading=false;const s=(t=this.template)===null||t===void 0?void 0:t.roles.find((e=>e.name===this.roleName));if(s){this.name=s.name;this.type=s.type;this.first_name=s.first_name;this.last_name=s.last_name;this.email=s.email;this.phone=s.phone;this.delegator=s.delegator;console.log("[ROLES] Editing role",s)}}))}unlistenToTemplate(){if(this.templateListenerId){c.store.delListener(this.templateListenerId);this.templateListenerId=null}}handleCancel(e){var t,s;e.stopPropagation();const i=(t=this.template)===null||t===void 0?void 0:t.roles.find((e=>e.name===this.roleName));if(i){this.name=i.name;this.type=i.type;this.first_name=i.first_name;this.last_name=i.last_name;this.email=i.email;this.phone=i.phone;this.delegator=i.delegator}this.dirty=false;(s=this.close)===null||s===void 0?void 0:s.emit()}async handleSave(e){e.stopPropagation();this.saving=true;a(this.endpoint,this.templateId,this.roleName,{name:this.name,type:this.type,first_name:this.first_name,last_name:this.last_name,email:this.email,phone:this.phone,delegator:this.delegator}).then((async e=>{var t;console.log("[ROLES] Update result",e);this.saving=false;this.dirty=false;const s=JSON.parse(JSON.stringify(this.template));const i=s.roles.findIndex((e=>e.name===this.roleName));if(i>-1){s.roles[i]=e}c.updateTemplate(this.templateId,s);(t=this.close)===null||t===void 0?void 0:t.emit()})).catch((e=>{console.log("[ROLES Update error",e);this.saving=false}))}async handleDelete(e){e.stopPropagation();if(window.confirm("Are you sure you wish to remove this role? All associated fields will be removed as well. This action cannot be undone.")){r(this.endpoint,this.templateId,this.roleName).then((()=>{var e,t;const s=JSON.parse(JSON.stringify(this.template));s.roles=s.roles.filter((e=>e.name!==this.roleName));c.getTemplate(this.endpoint,this.templateId,true);(e=this.delete)===null||e===void 0?void 0:e.emit({templateId:this.templateId,roleName:this.roleName});(t=this.close)===null||t===void 0?void 0:t.emit()})).catch((e=>{console.log("[ROLES Deletion error",e)}))}}render(){var e;const t=(((e=this.template)===null||e===void 0?void 0:e.fields)||[]).some((e=>e.role_name===this.roleName));const o=!this.email&&!this.first_name&&!this.last_name||d(this.email)&&!!this.first_name&&!!this.last_name;return s(i,{key:"14d2d9bb4253201a9cb659c6637960194dc7d134"},s("form",{key:"09d0a10f48c8f4ca3f6b679d09c3c71ea0c0cdb9",onSubmit:e=>e.preventDefault(),onClick:e=>e.stopPropagation(),autocomplete:"off"},s("div",{key:"b65e74e82bb7689d706ba0e56521d04fe01ae057"},s("verdocs-text-input",{key:"c7e3da4d57b096f71a4c5e49948ee0a4e0594e0c",id:"verdocs-role-name",label:"Role Name (Must be unique)",value:this.name,autocomplete:"off",disabled:t,placeholder:"Role Name...",onInput:e=>{this.name=e.target.value;this.dirty=true}}),t&&s("div",{key:"9a80102f0a04118069c2865c9295e5da3914b381",class:"instructions"},"This role has fields assigned and can no longer be renamed.")),s("div",{key:"93ca24cfbc2b1f8e729c30a0726b14091695ba92"},s("div",{key:"0b5eeeab4aad7e1659581eb8c17e14012d79b5e6",class:"input-label"},"Type:"),s("verdocs-select-input",{key:"883b1456bad033a17023559a210f61efc17cb1ab",value:this.type,options:[{label:"Signer",value:"signer"},{label:"CC",value:"cc"},{label:"Approver",value:"approver"}],onInput:e=>{this.type=e.target.value;this.dirty=true}})),s("div",{key:"fec29a6add9ab2a60e4deb29ee77c851973e0517"},s("div",{key:"a18a7d1edfb673e382d76d04d833f3daf28ca26f",class:"input-label"},"Default Contact Info:"),s("div",{key:"1206cab495d52ab12428dbc346126df3a2aa9c1a",class:"first-last"},s("verdocs-text-input",{key:"aa4433e84dee223043c49235c8e9feb7569707e9",id:"verdocs-recipient-first",value:this.first_name,autocomplete:"off",placeholder:"First...",onInput:e=>{this.first_name=e.target.value;this.dirty=true}}),s("verdocs-text-input",{key:"b8c1069666a4674faff0c1b72bc988cf3ed3ca9b",id:"verdocs-recipient-first",value:this.last_name,autocomplete:"off",placeholder:"Last...",onInput:e=>{this.last_name=e.target.value;this.dirty=true}}))),s("div",{key:"5ea9ada6f0dac2a52b78946275603e2c99887666"},s("verdocs-text-input",{key:"767135ec9d13ae00e6c1d259a6d53fbf85caeedd",id:"verdocs-recipient-email",value:this.email,autocomplete:"off",placeholder:"Email Address...",onInput:e=>{this.email=e.target.value;this.dirty=true}}),s("div",{key:"0c4ffc5553a054ae331bcbf48a7b702d0fd5a81e",style:{height:"15px"}}),s("div",{key:"17815735c29adc551f65a7f29d1a791c9260edfc"},s("verdocs-text-input",{key:"0d41ae8e9cda72d881791df7d63f89f25d08da5e",id:"verdocs-recipient-phone",value:this.phone,autocomplete:"off",placeholder:"Phone Number...",onInput:e=>{this.phone=e.target.value;this.dirty=true}}))),s("div",{key:"be29c3c856e62cab357391146485230461e6c5c9",class:"buttons"},s("button",{key:"a714765b9f8f524a0c6573653b6ba6a59661b4d2",class:"delete-button",disabled:this.dirty,onClick:e=>this.handleDelete(e),innerHTML:b}),s("div",{key:"aae4bf7f4fa5fc685ace057a2312461a7cf993f3",style:{flex:"1"}}),s("verdocs-button",{key:"027aa0723fc32b4713e7a9cb33e6a1b7d4b5ab18",size:"small",label:"Save",disabled:!this.dirty||!o,onClick:e=>this.handleSave(e)}))))}};v.style=f();export{h as verdocs_menu_panel,v as verdocs_template_role_properties};
+//# sourceMappingURL=p-4934f908.entry.js.map

package/dist/verdocs-web-sdk/{p-6754dfcf.system.entry.js → p-4d8bf603.system.entry.js}

@@ -1,2 +1,2 @@
-System.register(["./p-De3fNE_u.system.js"],(function(e){"use strict";var o,t,a;return{setters:[function(e){o=e.r;t=e.c;a=e.h}],execute:function(){var d=function(){return'verdocs-ok-dialog{-webkit-box-sizing:border-box;box-sizing:border-box;font-family:"Inter", "Barlow", sans-serif}verdocs-ok-dialog.closed{display:none}verdocs-ok-dialog .buttons{gap:12px;display:-ms-flexbox;display:flex;margin-top:0;-ms-flex-direction:row;flex-direction:row;-ms-flex-pack:end;justify-content:flex-end}verdocs-ok-dialog .buttons button{padding:8px 16px;height:40px;display:-ms-flexbox;display:flex;font-size:14px;font-weight:400;cursor:pointer;-ms-flex-align:center;align-items:center;border-radius:var(--verdocs-button-radius, 4px);-ms-flex-pack:center;justify-content:center;-webkit-transition:all 0.2s ease;transition:all 0.2s ease}verdocs-ok-dialog .buttons button.cancel{background-color:transparent;border:var(--verdocs-button-secondary-border, 1px solid #d1d5db);color:var(--verdocs-button-secondary-color, #374151)}verdocs-ok-dialog .buttons button.ok{background-color:var(--verdocs-primary-color, #55bc81);border:1px solid transparent;color:#ffffff}verdocs-ok-dialog .buttons button.ok:hover{background-color:var(--verdocs-primary-color-hover, #2b995b)}verdocs-ok-dialog .buttons button:disabled{background-color:var(--verdocs-button-disabled-bg, #e5e7eb);color:var(--verdocs-button-disabled-color, #9ca3af);cursor:not-allowed}'};var s=e("verdocs_ok_dialog",function(){function e(e){o(this,e);this.next=t(this,"next");this.exit=t(this,"exit");this.heading="";this.message="";this.buttonLabel="OK";this.showCancel=false;this.closed=false}e.prototype.handleOk=function(){this.next.emit()};e.prototype.handleCancel=function(){this.exit.emit()};e.prototype.handleDismiss=function(e){this.closed=true;if(e.target.className==="background-overlay"){e.preventDefault();this.exit.emit()}};e.prototype.render=function(){var e=this;return a("verdocs-dialog",{key:"52d54a8b4aab2a5aea4d8d23d120c56e321f6a6a",onExit:function(o){return e.handleDismiss(o)}},a("div",{key:"d8f199c5b67778bb75c443b9ac479a874ef441a8",slot:"heading",class:"heading"},a("div",{key:"0c1d47e80319595dab3be44df92d35c187205a93",class:"icon"},a("svg",{key:"0a09d7fd4758db5083b4b08139f80ceffde3ea7e",width:"22",height:"19",viewBox:"0 0 22 19",fill:"none",xmlns:"http://www.w3.org/2000/svg"},a("g",{key:"edba4957787067d3776d8eeb563e9e30b231fddb","clip-path":"url(#clip0_34208_4881)"},a("path",{key:"5afcfa6fe4b39a553c210931b3cbea6a3d0d0cee",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"})),a("defs",{key:"c29cda7d2f7a162a77e30fa522e26475124044d8"},a("clipPath",{key:"b9ac256bf4e3066c8eeeb7978244ee402cf57bf9",id:"clip0_34208_4881"},a("path",{key:"8667df36852d878425aa718daad47314be8b7879",d:"M0.875 0.75H21.125V18.75H0.875V0.75Z",fill:"white"}))))),a("div",{key:"452081aa3d26f586ca33837ff2091cc75798b003",class:"title"}," ",this.heading)),a("div",{key:"d0e86791df8ef3f60896956c18308136890092f9",slot:"content",class:"content",innerHTML:this.message}),a("div",{key:"4de420a8d24123545b136725da294612bb2291bb",class:"footer",slot:"footer"},a("div",{key:"10667da2ea1b8660be353b50ff5cb131f73abaa4",class:"buttons"},this.showCancel&&a("button",{key:"b1404f986abc21aadf3214188741b08578cbf47c",class:"cancel",onClick:function(){return e.handleCancel()}},"Cancel"),a("button",{key:"bd9426471a8729eb4d1a8580badfed86850fbf0e",class:!this.showCancel?"ok single":"ok",onClick:function(){return e.handleOk()}},"OK"))))};return e}());s.style=d()}}}));
-//# sourceMappingURL=p-6754dfcf.system.entry.js.map
+System.register(["./p-De3fNE_u.system.js"],(function(e){"use strict";var o,t,a;return{setters:[function(e){o=e.r;t=e.c;a=e.h}],execute:function(){var c=function(){return'verdocs-ok-dialog{-webkit-box-sizing:border-box;box-sizing:border-box;font-family:"Inter", "Barlow", sans-serif}verdocs-ok-dialog.closed{display:none}verdocs-ok-dialog .buttons{gap:12px;display:-ms-flexbox;display:flex;margin-top:0;-ms-flex-direction:row;flex-direction:row;-ms-flex-pack:end;justify-content:flex-end}verdocs-ok-dialog .buttons button{padding:8px 16px;height:40px;display:-ms-flexbox;display:flex;font-size:14px;font-weight:400;cursor:pointer;-ms-flex-align:center;align-items:center;border-radius:var(--verdocs-button-radius, 4px);-ms-flex-pack:center;justify-content:center;-webkit-transition:all 0.2s ease;transition:all 0.2s ease}verdocs-ok-dialog .buttons button.cancel{background-color:transparent;border:var(--verdocs-button-secondary-border, 1px solid #d1d5db);color:var(--verdocs-button-secondary-color, #374151)}verdocs-ok-dialog .buttons button.ok{background-color:var(--verdocs-primary-color, #55bc81);border:1px solid transparent;color:#ffffff}verdocs-ok-dialog .buttons button.ok:hover{background-color:var(--verdocs-primary-color-hover, #2b995b)}verdocs-ok-dialog .buttons button:disabled{background-color:var(--verdocs-button-disabled-bg, #e5e7eb);color:var(--verdocs-button-disabled-color, #9ca3af);cursor:not-allowed}'};var s=e("verdocs_ok_dialog",function(){function e(e){o(this,e);this.next=t(this,"next");this.exit=t(this,"exit");this.heading="";this.message="";this.buttonLabel="OK";this.showCancel=false;this.closed=false}e.prototype.handleOk=function(){this.next.emit()};e.prototype.handleCancel=function(){this.exit.emit()};e.prototype.handleDismiss=function(e){this.closed=true;if(e.target.className==="background-overlay"){e.preventDefault();this.exit.emit()}};e.prototype.render=function(){var e=this;return a("verdocs-dialog",{key:"71f5ccb53d253e815c7071919eb667adcba7cbf6",onExit:function(o){return e.handleDismiss(o)}},a("div",{key:"8a9818924124a1355b2fb9b5fa0c3db2d2e85f24",slot:"heading",class:"heading"},a("div",{key:"5fc6b98d0c1cd975c106616708721115bd54ee12",class:"icon"},a("svg",{key:"836f0a6c196c173f5de0839f69b073afb0ab1bae",width:"22",height:"19",viewBox:"0 0 22 19",fill:"none",xmlns:"http://www.w3.org/2000/svg"},a("g",{key:"8943629b994d18a59b077a785dcbe0958005f395","clip-path":"url(#clip0_34208_4881)"},a("path",{key:"657bc1542a8ed6a02830f63e51ad5a9e04a721a6",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"})),a("defs",{key:"8c89805faaf706a352a09cdb9e4366d3b2c697b3"},a("clipPath",{key:"e76eabac419a70b4fc8be4973f70509712b2ba12",id:"clip0_34208_4881"},a("path",{key:"7820f18f95934053693bc282d451e40bbdbac518",d:"M0.875 0.75H21.125V18.75H0.875V0.75Z",fill:"white"}))))),a("div",{key:"79e11a044511904b7c07c655ef67deebe299915c",class:"title"}," ",this.heading)),a("div",{key:"84ad2b3657ac06ef807557d68b24156964adef00",slot:"content",class:"content",innerHTML:this.message}),a("div",{key:"b18ad4282201a68caa040f5400fbdd0103eac20a",class:"footer",slot:"footer"},a("div",{key:"4add506ce666b657c3a23a0ed960ea305fc3904b",class:"buttons"},this.showCancel&&a("button",{key:"1d2fc583027ed4994a90babdec18e3828d403fd7",class:"cancel",onClick:function(){return e.handleCancel()}},"Cancel"),a("button",{key:"d1331922dc64b8af4b19aef0dd0684406d17c58a",class:!this.showCancel?"ok single":"ok",onClick:function(){return e.handleOk()}},"OK"))))};return e}());s.style=c()}}}));
+//# sourceMappingURL=p-4d8bf603.system.entry.js.map

package/dist/verdocs-web-sdk/p-4fe507ee.entry.js

@@ -0,0 +1,2 @@
+import{r,h as s}from"./p-CjTHbolG.js";const a=()=>`verdocs-search-tabs{font-family:var(--verdocs-primary-font, "Inter", "Barlow", sans-serif);display:block}`;const c=class{constructor(s){r(this,s);this.selected="all"}render(){return s("div",{key:"434e08fb0ce4a00df6c11d3495c500d54874c494"}," ")}};c.style=a();export{c as verdocs_search_tabs};
+//# sourceMappingURL=p-4fe507ee.entry.js.map

package/dist/verdocs-web-sdk/{p-810e09ca.entry.js → p-5678acd8.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 c=`<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 c=e-o*2;const d=i-o*2;const n=c/s;const r=d/a;const l=Math.min(n,r);const h=s*l;const f=a*l;const u=(e-h)/2;const b=(i-f)/2;t.drawImage(this.uploadedImage,u,b,h,f)}render(){return i("verdocs-dialog",{key:"569533960b4296141fc3897859caee72c810c1a7"},i("div",{key:"0c8abf0d11f791a73b3b8480784d130e6d4310fc",slot:"heading",class:"heading"},i("div",{key:"8f78714cb5d06d4ca38981bdb0381374d0a23d41",class:"icon"},i("svg",{key:"528eae4c63e1265dc1fde608621f5fe216979d7c",width:"22",height:"19",viewBox:"0 0 22 19",fill:"none",xmlns:"http://www.w3.org/2000/svg"},i("g",{key:"916b2af61b05dfaad14ecf438d15e25e82827f60","clip-path":"url(#clip0_34208_4881)"},i("path",{key:"e3d7e2d4ae26d46f65894b90aa81b8393384d208",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:"51bdc7544c5efd1b953250d2a765e2b2ad82d03d"},i("clipPath",{key:"b439d0cecce8057e4290f42f6abd8f5c66e85ec2",id:"clip0_34208_4881"},i("path",{key:"dabe7296fe51be7c2316651278ebd2f0ce2f7315",d:"M0.875 0.75H21.125V18.75H0.875V0.75Z",fill:"white"}))))),i("div",{key:"6e35217459306666f40d20748ee1881f2aed63e7",class:"title"},"Adopt Signature")),i("div",{key:"1aa4d6059d8b69aec70090a90f40f183171d0157",slot:"content",class:"content"},i("div",{key:"27a08e48010d66fc79e2de50204166ac3cea3035",class:"tabs"},i("div",{key:"b17b5856fa37cf5214ee3b2e278bf8a0c3cffce3",class:{tab:true,active:this.mode==="type"},onClick:()=>this.mode="type"},i("div",{key:"4cc8506434cc40a1acf91cb166f80bfd0f71afda",innerHTML:a,class:"icon"}),i("div",{key:"5f44b64e948571a00c25e750a328bd2e3dccc84c"},"Type")),i("div",{key:"d4b66e0b705a2593d299a4e5d3ed94bcefeff7e1",class:{tab:true,active:this.mode==="draw"},onClick:()=>this.mode="draw"},i("div",{key:"f160c07823ceec41c225014b347e720fc5bc20bf",innerHTML:o,class:"icon"}),i("div",{key:"fffbd2399aabc0d44b22eb52f6ccdf3678ace55d"},"Draw")),i("div",{key:"14d36f0128302ec8f552b2ddf2ed8bf205903aed",class:{tab:true,active:this.mode==="upload"},onClick:()=>this.mode="upload"},i("div",{key:"5e79a070976032867bd946091e6b7901ea6050c5",innerHTML:c,class:"icon"}),i("div",{key:"38d6928ad82f8de8710de4f93ce9112cd9af813b"},"Upload"))),i("div",{key:"5999991ee6da81adfd8d65ef22c2a6335eb0af6f",class:{type:true,active:this.mode==="type"}},i("verdocs-text-input",{key:"151409f18e28166256b6febc44bac861a0c03c29",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:"2dac81ed04724813eccdc8c4c2a8393e085eeca4",class:{draw:true,active:this.mode==="draw"}},i("div",{key:"68ff9f8144c768963eb27080f043fac87b86ca18",class:"draw-instructions"},"Draw your signature below using your mouse or finger"),i("div",{key:"9fdefc0bc8728096a07f0fcc7aeca65983515ca6",class:"draw-actions"},i("button",{key:"20d1da293da31bffc17ba0844be9712263dc65b5",class:"clear-button",onClick:t=>this.handleClearDrawing(t),disabled:!this.hasDrawnSignature},"Clear"))),i("div",{key:"aeac48d9b55c3f47351c52329481b835e313108f",class:{upload:true,active:this.mode==="upload"}},i("div",{key:"8bbdfcb58023744196ae02fa6d17aecc59cf9937",class:"upload-instructions"},"Upload a PNG image of your signature"),i("input",{key:"b0349c8aa47f1b798b8574f14e5c998ccf38270d",ref:t=>this.fileInputElement=t,type:"file",accept:"image/png",onChange:this.handleFileChange,style:{display:"none"}}),i("div",{key:"548e29f9e192c0802ac69a5c69412b8a988edc1c",class:"upload-actions"},i("button",{key:"010ca5acd3b01d77e89d880cd57701d5baebd434",class:"upload-button",onClick:this.handleSelectFile},this.hasUploadedImage?"Change Image":"Select PNG File"),this.hasUploadedImage&&i("button",{key:"644705e07dcc57563c9c49c72b2da78d6b9b9d2c",class:"clear-button",onClick:this.handleClearUpload},"Clear")),this.uploadedFileName&&i("div",{key:"c0608d5473abcecb4d06ee6711d90ceb6a5bd63e",class:"upload-filename"},this.uploadedFileName)),i("canvas",{key:"81cebdebc8239b8a65cc32eca78c382728df1f6d",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:"d9dc486db830c007aa3c112414504e50aa470bf8",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:"385a0990db1c7b4c9e08b52490f8436868e69964",class:"footer",slot:"footer"},i("div",{key:"456fc580b31b9ee297ed7503b4813fcf37ec42cc",class:"buttons"},i("button",{key:"04456cbbe00fa6ad90aa7ddda4ef9027af692c98",class:"cancel",onClick:t=>this.handleCancel(t)},"Cancel"),i("button",{key:"ebee77c3a84fb473e0627f4c4a76b4174ca6830f",class:"proceed",onClick:t=>this.handleAdopt(t),disabled:this.isAdoptButtonDisabled()},"Adopt & Sign"))))}};d.style=s();export{d as verdocs_signature_dialog};
-//# sourceMappingURL=p-810e09ca.entry.js.map
+import{r as t,c as i,h as e}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(e){t(this,e);this.next=i(this,"next");this.exit=i(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 i=this.getCanvasCoordinates(t);this.currentStroke=[i];this.lastPoint=i;this.drawingContext.beginPath();this.drawingContext.moveTo(i.x,i.y);this.canvasElement.setPointerCapture(t.pointerId)};this.handlePointerMove=t=>{t.preventDefault();if(!this.isDrawing||!this.drawingContext||!this.lastPoint){return}const i=this.getCanvasCoordinates(t);this.currentStroke.push(i);const e={x:(this.lastPoint.x+i.x)/2,y:(this.lastPoint.y+i.y)/2};this.drawingContext.quadraticCurveTo(this.lastPoint.x,this.lastPoint.y,e.x,e.y);this.drawingContext.stroke();this.lastPoint=i};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 i;t.stopPropagation();t.preventDefault();(i=this.fileInputElement)===null||i===void 0?void 0:i.click()};this.handleFileChange=t=>{var i;const e=t.target;const s=(i=e.files)===null||i===void 0?void 0:i[0];if(!s){return}if(!s.type.startsWith("image/png")){alert("Please select a PNG image file.");e.value="";return}const a=new FileReader;a.onload=t=>{var i;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.");e.value=""};a.src=(i=t.target)===null||i===void 0?void 0:i.result};a.onerror=()=>{alert("Failed to read file. Please try again.");e.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 i=this.canvasElement.getContext("2d");i.clearRect(0,0,this.canvasElement.width,this.canvasElement.height);let e=100;do{e-=2;i.font=`${e}px Dancing Script`}while(i.measureText(this.enteredName).width>t-32);i.textAlign="center";i.textBaseline="middle";i.font=`${e}px Dancing Script`;i.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 i=1;i<t.length;i++){const e=t[i];const s=t[i-1];const a={x:(s.x+e.x)/2,y:(s.y+e.y)/2};this.drawingContext.quadraticCurveTo(s.x,s.y,a.x,a.y)}if(t.length>1){const i=t[t.length-1];this.drawingContext.lineTo(i.x,i.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 i=this.canvasElement.toDataURL("image/png");this.next.emit(i)}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 i=this.canvasElement.getBoundingClientRect();const e=this.canvasElement.width/i.width;const s=this.canvasElement.height/i.height;return{x:(t.clientX-i.left)*e,y:(t.clientY-i.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 i=this.canvasElement.width;const e=this.canvasElement.height;const s=this.uploadedImage.width;const a=this.uploadedImage.height;const o=10;const d=i-o*2;const n=e-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=(i-h)/2;const p=(e-f)/2;t.drawImage(this.uploadedImage,u,p,h,f)}render(){return e("verdocs-dialog",{key:"0b429c1bfa33dcb68c723632c9d41e804c1c9d4b"},e("div",{key:"25757ea5b5681d01e8ec795fca09c76f58765892",slot:"heading",class:"heading"},e("div",{key:"420d55c208a4a459de8d4f13f87549210425cadd",class:"icon"},e("svg",{key:"81dc9fc0cafbbdd3a528b8d3d30a3bbd4d1e60ac",width:"22",height:"19",viewBox:"0 0 22 19",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e("g",{key:"e7ad29bdf97453171ac57e02512196b96f560a97","clip-path":"url(#clip0_34208_4881)"},e("path",{key:"3ffd7f641d18d97318c601f58e1b07593c8b9253",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"})),e("defs",{key:"40470a753022575342a62e03f355259ad2236dfd"},e("clipPath",{key:"fd8e87dfd3a0600ea8b00bcdea231c443db263e5",id:"clip0_34208_4881"},e("path",{key:"d37762121ab1516b637e23e68123181861f3430b",d:"M0.875 0.75H21.125V18.75H0.875V0.75Z",fill:"white"}))))),e("div",{key:"8aa8a867add1f97217926df053936afe94b72ffb",class:"title"},"Adopt Signature")),e("div",{key:"7c7ce2c4827272f4b6c42c103f78d79a9aab834a",slot:"content",class:"content"},e("div",{key:"f2f7ce37214d1f739f9a2444e65038ee2425dc01",class:"tabs"},e("div",{key:"ae94a1a76c04ffda86c9a300c0cb4ae2f967929c",class:{tab:true,active:this.mode==="type"},onClick:()=>this.mode="type"},e("div",{key:"50ae13bf5f04376c4e5842dc9752c30f383c213d",innerHTML:a,class:"icon"}),e("div",{key:"b7a2dedbead1f59695106a73c4683f40369dadc6"},"Type")),e("div",{key:"253b9d4506f901f8466eb593b80e99cbec7726c8",class:{tab:true,active:this.mode==="draw"},onClick:()=>this.mode="draw"},e("div",{key:"d9f5dbe36f7fa6052c7a3edad8ff471cb0738879",innerHTML:o,class:"icon"}),e("div",{key:"72e1ca881be3af547e0673733d39e771f9547bf4"},"Draw")),e("div",{key:"7d280ad986b9203c1c824942f620c7ac673a7974",class:{tab:true,active:this.mode==="upload"},onClick:()=>this.mode="upload"},e("div",{key:"673faa7a093acc843b4e67fb707c222ed22a7f33",innerHTML:d,class:"icon"}),e("div",{key:"3b5019ec93318c864a16712a4819ea528f1d6094"},"Upload"))),e("div",{key:"714cc6316f22bf01eeddf50cd1140333dde7240f",class:{type:true,active:this.mode==="type"}},e("verdocs-text-input",{key:"c986c98996c53f950b4b68369c19b0c897d13369",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()})),e("div",{key:"78c8bd98c799038d87a99c749ca95641a501f875",class:{draw:true,active:this.mode==="draw"}},e("div",{key:"8542a85b7bb331c3e2df482ac49c5442e24deeaa",class:"draw-instructions"},"Draw your signature below using your mouse or finger"),e("div",{key:"3950ea157e7be7a82cee715eb7abff1a44c5e680",class:"draw-actions"},e("button",{key:"c0824acb635bbd01bd6084b1b8c5421834a3b9e8",class:"clear-button",onClick:t=>this.handleClearDrawing(t),disabled:!this.hasDrawnSignature},"Clear"))),e("div",{key:"da28e645bf706d21669062b1b348d2f4c65db574",class:{upload:true,active:this.mode==="upload"}},e("div",{key:"33432f5f771a961cbd04a1a459ab3e1c436a3796",class:"upload-instructions"},"Upload a PNG image of your signature"),e("input",{key:"5272fc359e5ea2c9d08444a6dee7939af0c85ee9",ref:t=>this.fileInputElement=t,type:"file",accept:"image/png",onChange:this.handleFileChange,style:{display:"none"}}),e("div",{key:"c8a861ccac56394d5d2b412b261a0fa7abc08c6f",class:"upload-actions"},e("button",{key:"20130f1880990ead83064dc586cc98d1303e9f82",class:"upload-button",onClick:this.handleSelectFile},this.hasUploadedImage?"Change Image":"Select PNG File"),this.hasUploadedImage&&e("button",{key:"441f205d01eadc47add35a2fe07bfd550c47aaeb",class:"clear-button",onClick:this.handleClearUpload},"Clear")),this.uploadedFileName&&e("div",{key:"3d724075c22a178c440db88464cc7c1197ce74a3",class:"upload-filename"},this.uploadedFileName)),e("canvas",{key:"f9bbe470d83ca03666e87455b4c4f73865afff28",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"}}),e("div",{key:"8e309f8f6b19b76e892c9320172e0f2a8db10e9c",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.")),e("div",{key:"107dd5abf82744aadd7dc551b648488d444eb33c",class:"footer",slot:"footer"},e("div",{key:"f10d17289c2884bd8602d4637ce60d8345310c82",class:"buttons"},e("button",{key:"761f72f1a011c5dbf2d3a8f0491ddae4b6f5b924",class:"cancel",onClick:t=>this.handleCancel(t)},"Cancel"),e("button",{key:"8f93fa813735bda38eef39694986501e7a70067a",class:"proceed",onClick:t=>this.handleAdopt(t),disabled:this.isAdoptButtonDisabled()},"Adopt & Sign"))))}};n.style=s();export{n as verdocs_signature_dialog};
+//# sourceMappingURL=p-5678acd8.entry.js.map

package/dist/verdocs-web-sdk/{p-cfb275c5.entry.js → p-609527c7.entry.js}

@@ -1,2 +1,2 @@
-import{r as e,c as t,h as n}from"./p-CjTHbolG.js";import{VerdocsEndpoint as i}from"@verdocs/js-sdk";const o=()=>`verdocs-quick-functions{font-family:var(--verdocs-primary-font, "Inter", "Barlow", sans-serif)}verdocs-quick-functions .container{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-wrap:nowrap;flex-wrap:nowrap;width:240px;background-color:#1e2031;text-transform:uppercase;padding:10px 10px 20px 10px;font-family:sans-serif;color:#ffffff}verdocs-quick-functions .title{font-size:22px;font-weight:700;line-height:30px;margin:1em 0 40px 0}verdocs-quick-functions button{width:140px;height:40px;border:none;display:-ms-flexbox;display:flex;color:#ffffff;cursor:pointer;font-size:14px;font-weight:700;line-height:25px;-ms-flex-align:center;align-items:center;margin-bottom:20px;border-radius:5px;text-transform:uppercase;-ms-flex-pack:space-evenly;justify-content:space-evenly;background-color:#55bc81}verdocs-quick-functions button svg{fill:#ffffff}`;const s=`<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 0 24 24" width="24px" fill="#000000"><path d="M0 0h24v24H0V0z" fill="none"/><path d="M8 16h8v2H8zm0-4h8v2H8zm6-10H6c-1.1 0-2 .9-2 2v16c0 1.1.89 2 1.99 2H18c1.1 0 2-.9 2-2V8l-6-6zm4 18H6V4h7v5h5v11z"/></svg>`;const c=`<svg xmlns="http://www.w3.org/2000/svg" enable-background="new 0 0 24 24" height="24px" viewBox="0 0 24 24" width="24px" fill="#000000"><g><rect fill="none" height="24" width="24"/><g><path d="M19,5v14H5V5H19 M19,3H5C3.9,3,3,3.9,3,5v14c0,1.1,0.9,2,2,2h14c1.1,0,2-0.9,2-2V5C21,3.9,20.1,3,19,3L19,3z"/></g><path d="M14,17H7v-2h7V17z M17,13H7v-2h10V13z M17,9H7V7h10V9z"/></g></svg>`;const r=class{constructor(n){e(this,n);this.createTemplate=t(this,"createTemplate");this.createDocument=t(this,"createDocument");this.endpoint=i.getDefault()}handleCreateTemplate(){this.createTemplate.emit()}handleCreateDocument(){this.createDocument.emit()}render(){return n("div",{key:"94b16b2b493647b77e5397227476bed8bae878bb",class:"container"},n("p",{key:"eb42b99fda2fd850e1dece61013f0366f7a2ffd0",class:"title"},"Quick Create"),n("button",{key:"602e51e8e73ff308c46785a1d22c1f61af2b04ca",onClick:()=>this.handleCreateTemplate(),innerHTML:c},"Template"),n("button",{key:"b64dc770646621c16795ba35ee655403cfe05577",onClick:()=>this.handleCreateDocument(),innerHTML:s},"Document"))}};r.style=o();export{r as verdocs_quick_functions};
-//# sourceMappingURL=p-cfb275c5.entry.js.map
+import{r as e,c as t,h as n}from"./p-CjTHbolG.js";import{VerdocsEndpoint as c}from"@verdocs/js-sdk";const i=()=>`verdocs-quick-functions{font-family:var(--verdocs-primary-font, "Inter", "Barlow", sans-serif)}verdocs-quick-functions .container{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-wrap:nowrap;flex-wrap:nowrap;width:240px;background-color:#1e2031;text-transform:uppercase;padding:10px 10px 20px 10px;font-family:sans-serif;color:#ffffff}verdocs-quick-functions .title{font-size:22px;font-weight:700;line-height:30px;margin:1em 0 40px 0}verdocs-quick-functions button{width:140px;height:40px;border:none;display:-ms-flexbox;display:flex;color:#ffffff;cursor:pointer;font-size:14px;font-weight:700;line-height:25px;-ms-flex-align:center;align-items:center;margin-bottom:20px;border-radius:5px;text-transform:uppercase;-ms-flex-pack:space-evenly;justify-content:space-evenly;background-color:#55bc81}verdocs-quick-functions button svg{fill:#ffffff}`;const o=`<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 0 24 24" width="24px" fill="#000000"><path d="M0 0h24v24H0V0z" fill="none"/><path d="M8 16h8v2H8zm0-4h8v2H8zm6-10H6c-1.1 0-2 .9-2 2v16c0 1.1.89 2 1.99 2H18c1.1 0 2-.9 2-2V8l-6-6zm4 18H6V4h7v5h5v11z"/></svg>`;const s=`<svg xmlns="http://www.w3.org/2000/svg" enable-background="new 0 0 24 24" height="24px" viewBox="0 0 24 24" width="24px" fill="#000000"><g><rect fill="none" height="24" width="24"/><g><path d="M19,5v14H5V5H19 M19,3H5C3.9,3,3,3.9,3,5v14c0,1.1,0.9,2,2,2h14c1.1,0,2-0.9,2-2V5C21,3.9,20.1,3,19,3L19,3z"/></g><path d="M14,17H7v-2h7V17z M17,13H7v-2h10V13z M17,9H7V7h10V9z"/></g></svg>`;const f=class{constructor(n){e(this,n);this.createTemplate=t(this,"createTemplate");this.createDocument=t(this,"createDocument");this.endpoint=c.getDefault()}handleCreateTemplate(){this.createTemplate.emit()}handleCreateDocument(){this.createDocument.emit()}render(){return n("div",{key:"f84b61c6ed8b9ee03dd7a6c0f2fae2ab8fcc6e2b",class:"container"},n("p",{key:"32f24fccbfc6785dfbc299722113e91c641d8e67",class:"title"},"Quick Create"),n("button",{key:"0fb580f067177603bb30ab163d1f93caf50967a1",onClick:()=>this.handleCreateTemplate(),innerHTML:s},"Template"),n("button",{key:"60849ad3405b4fe90271c5eefecc17e304f44697",onClick:()=>this.handleCreateDocument(),innerHTML:o},"Document"))}};f.style=i();export{f as verdocs_quick_functions};
+//# sourceMappingURL=p-609527c7.entry.js.map

package/dist/verdocs-web-sdk/{p-1f1fc6d7.entry.js → p-82d0e009.entry.js}

@@ -1,2 +1,2 @@
-import{r as t,c as e,h as s,H as r}from"./p-CjTHbolG.js";import{VerdocsEndpoint as a,toggleTemplateStar as i}from"@verdocs/js-sdk";const o=()=>`verdocs-template-star{display:-ms-flexbox;display:flex;-ms-flex:0 0 60px;flex:0 0 60px;-ms-flex-align:center;align-items:center;-ms-flex-direction:row;flex-direction:row;font-family:"Inter", "Barlow", sans-serif}verdocs-template-star .star{line-height:10px}verdocs-template-star .star.updating{-webkit-animation:spinningStar 2s infinite linear;animation:spinningStar 2s infinite linear}verdocs-template-star .star svg{width:24px;height:24px}verdocs-template-star .count{color:#595c5d;font-size:14px;margin-left:10px}@-webkit-keyframes spinningStar{from{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes spinningStar{from{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}`;const n=`<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" d="M11.48 3.499a.562.562 0 011.04 0l2.125 5.111a.563.563 0 00.475.345l5.518.442c.499.04.701.663.321.988l-4.204 3.602a.563.563 0 00-.182.557l1.285 5.385a.562.562 0 01-.84.61l-4.725-2.885a.563.563 0 00-.586 0L6.982 20.54a.562.562 0 01-.84-.61l1.285-5.386a.562.562 0 00-.182-.557l-4.204-3.602a.563.563 0 01.321-.988l5.518-.442a.563.563 0 00.475-.345L11.48 3.5z" /></svg>`;const l=`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.007 5.404.433c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.433 2.082-5.006z" clip-rule="evenodd" /></svg>`;const c=class{constructor(s){t(this,s);this.starChange=e(this,"starChange");this.sdkError=e(this,"sdkError");this.endpoint=a.getDefault();this.updating=false}async componentWillLoad(){this.endpoint.loadSession();if(!this.endpoint.session){console.log("[TEMPLATES] Must be authenticated");return}}toggle(t){t.stopPropagation();this.updating=true;i(a.getDefault(),this.template.id).then((t=>{this.updating=false;this.template.star_counter=t.star_counter;this.starChange.emit({templateId:this.template.id,starred:t.star_counter>0,count:t.star_counter})})).catch((t=>{this.updating=false;console.log("[STAR] Error toggling template star",t.message);this.sdkError.emit(t)}))}render(){return s(r,{key:"11f23b3f7dc779128e3ce967619491255d2f46e5"},s("div",{key:"a8b0281d77522a51cc5ed57e752327b79749986d",class:`star ${this.updating?"updating":""}`,innerHTML:this.template.star_counter?l:n,onClick:t=>this.toggle(t)}),s("div",{key:"ca4e6ed0e494f0255cce552150ac17008f76ae3e",class:"count"},this.template.star_counter||"--"))}};c.style=o();export{c as verdocs_template_star};
-//# sourceMappingURL=p-1f1fc6d7.entry.js.map
+import{r as t,c as e,h as s,H as r}from"./p-CjTHbolG.js";import{VerdocsEndpoint as a,toggleTemplateStar as i}from"@verdocs/js-sdk";const o=()=>`verdocs-template-star{display:-ms-flexbox;display:flex;-ms-flex:0 0 60px;flex:0 0 60px;-ms-flex-align:center;align-items:center;-ms-flex-direction:row;flex-direction:row;font-family:"Inter", "Barlow", sans-serif}verdocs-template-star .star{line-height:10px}verdocs-template-star .star.updating{-webkit-animation:spinningStar 2s infinite linear;animation:spinningStar 2s infinite linear}verdocs-template-star .star svg{width:24px;height:24px}verdocs-template-star .count{color:#595c5d;font-size:14px;margin-left:10px}@-webkit-keyframes spinningStar{from{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes spinningStar{from{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}`;const n=`<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" d="M11.48 3.499a.562.562 0 011.04 0l2.125 5.111a.563.563 0 00.475.345l5.518.442c.499.04.701.663.321.988l-4.204 3.602a.563.563 0 00-.182.557l1.285 5.385a.562.562 0 01-.84.61l-4.725-2.885a.563.563 0 00-.586 0L6.982 20.54a.562.562 0 01-.84-.61l1.285-5.386a.562.562 0 00-.182-.557l-4.204-3.602a.563.563 0 01.321-.988l5.518-.442a.563.563 0 00.475-.345L11.48 3.5z" /></svg>`;const l=`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.007 5.404.433c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.433 2.082-5.006z" clip-rule="evenodd" /></svg>`;const c=class{constructor(s){t(this,s);this.starChange=e(this,"starChange");this.sdkError=e(this,"sdkError");this.endpoint=a.getDefault();this.updating=false}async componentWillLoad(){this.endpoint.loadSession();if(!this.endpoint.session){console.log("[TEMPLATES] Must be authenticated");return}}toggle(t){t.stopPropagation();this.updating=true;i(a.getDefault(),this.template.id).then((t=>{this.updating=false;this.template.star_counter=t.star_counter;this.starChange.emit({templateId:this.template.id,starred:t.star_counter>0,count:t.star_counter})})).catch((t=>{this.updating=false;console.log("[STAR] Error toggling template star",t.message);this.sdkError.emit(t)}))}render(){return s(r,{key:"c60505c6215779f063eaa7896dc2c0278d78e877"},s("div",{key:"cd1c9b41b3ac03fe72333d4244729f55b42ef33d",class:`star ${this.updating?"updating":""}`,innerHTML:this.template.star_counter?l:n,onClick:t=>this.toggle(t)}),s("div",{key:"0e7ecdeb2646424f052152b7c7bb16543ff260d3",class:"count"},this.template.star_counter||"--"))}};c.style=o();export{c as verdocs_template_star};
+//# sourceMappingURL=p-82d0e009.entry.js.map

package/dist/verdocs-web-sdk/p-90400330.entry.js

@@ -0,0 +1,2 @@
+import{r as e,h as o,H as r}from"./p-CjTHbolG.js";const s=()=>`verdocs-template-tags{font-family:"Inter", "Barlow", sans-serif}verdocs-template-tags span{margin:0 4px;height:28px;font-size:12px;font-weight:600;padding:5px 12px 7px;border-radius:5px;display:inline-block;-webkit-box-sizing:border-box;box-sizing:border-box;text-transform:uppercase;color:#33364b;border:1px solid #707ae5;background-color:#f5f5fa}`;const t=class{constructor(o){e(this,o)}render(){var e;return o(r,{key:"5b78e032e2db6c5b3f2c83e286ade7064d695500"},(e=this.tags)===null||e===void 0?void 0:e.map((e=>o("span",null,e))))}};t.style=s();export{t as verdocs_template_tags};
+//# sourceMappingURL=p-90400330.entry.js.map

package/dist/verdocs-web-sdk/{p-d4f72da9.entry.js → p-98adcb3a.entry.js}

@@ -1,2 +1,2 @@
-import{r as e,h as a,H as t}from"./p-CjTHbolG.js";const o=()=>`verdocs-template-card{font-family:"Inter", "Barlow", sans-serif;width:320px;height:320px;display:-ms-flexbox;display:flex;padding:25px;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-flex-direction:column;flex-direction:column;background-color:#ffffff;-webkit-box-shadow:2px 2px 5px rgba(51, 54, 75, 0.05);box-shadow:2px 2px 5px rgba(51, 54, 75, 0.05)}verdocs-template-card .thumbnail{width:272px;height:158px;-o-object-fit:cover;object-fit:cover;margin-bottom:22px;-o-object-position:-20% 0;object-position:-20% 0}verdocs-template-card .name{font-size:18px;font-weight:700;margin-bottom:7px}verdocs-template-card .org-name{font-size:14px;font-weight:700;margin-bottom:6px}verdocs-template-card hr{width:100%;margin-bottom:17px;background-color:#aeb4bf}verdocs-template-card .controls{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-ms-flex-pack:justify;justify-content:space-between;text-align:center;font-size:16px}verdocs-template-card .controls .control{-ms-flex:1;flex:1;display:-ms-flexbox;display:flex;margin-right:8px;-ms-flex-align:start;align-items:flex-start;border-right:1px solid #aeb4bf}verdocs-template-card .controls .control.secondary{-ms-flex-pack:center;justify-content:center}verdocs-template-card .controls .control svg{fill:#aeb4bf;height:16px;max-width:16px;margin:0 8px -2px 0}verdocs-template-card .additional-controls svg{margin-right:0;fill:#654dcb}`;const c=`<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 0 24 24" width="24px" fill="#000000"><path d="M0 0h24v24H0V0z" fill="none"/><path d="M12 8c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2zm0 2c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm0 6c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2z"/></svg>`;const s=`<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 0 24 24" width="24px" fill="#000000"><path d="M0 0h24v24H0V0z" fill="none"/><path d="M22 6c0-1.1-.9-2-2-2H4c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6zm-2 0l-8 5-8-5h16zm0 12H4V8l8 5 8-5v10z"/></svg>`;const l=`<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 0 24 24" width="24px" fill="#000000"><path d="M0 0h24v24H0V0z" fill="none"/><path d="M16 1H4c-1.1 0-2 .9-2 2v14h2V3h12V1zm-1 4H8c-1.1 0-1.99.9-1.99 2L6 21c0 1.1.89 2 1.99 2H19c1.1 0 2-.9 2-2V11l-6-6zM8 21V7h6v5h5v9H8z"/></svg>`;const d=`<svg width="31" height="29" viewBox="0 0 31 29" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#clip0_31553_1553)"><path d="M30.886 11.4917C30.8916 11.0917 30.753 10.7034 30.4962 10.3993C30.2394 10.0953 29.882 9.8964 29.4908 9.83995L29.5182 9.65005L29.4908 9.83995L21.0938 8.60261L17.3412 0.912551C17.2067 0.638179 16.9992 0.407285 16.7421 0.245866C16.485 0.0844465 16.1885 -0.00111389 15.886 -0.00111389C15.5835 -0.00111389 15.287 0.0844465 15.0299 0.245866C14.7728 0.407285 14.5653 0.638179 14.4308 0.912551L10.6781 8.60261L2.28121 9.8392C1.89206 9.89475 1.53611 10.0916 1.2796 10.3931C1.02308 10.6945 0.88348 11.08 0.886776 11.4779C0.886447 11.6961 0.929977 11.912 1.01472 12.1125C1.09946 12.3131 1.22363 12.4941 1.37968 12.6445L7.45563 18.5744L6.01943 27.0241C6.00289 27.1258 5.99449 27.2287 5.99435 27.3317C5.99313 27.7717 6.16395 28.1943 6.4695 28.5071C6.77505 28.82 7.19045 28.9976 7.62496 29.0013C7.88846 29.0008 8.14779 28.9345 8.37992 28.8083L15.8883 24.8217L23.3967 28.8114C23.6287 28.9361 23.8873 29.0015 24.15 29.002C24.5752 28.9998 24.9832 28.8318 25.2893 28.5329C25.4452 28.3832 25.5695 28.2029 25.6544 28.003C25.7392 27.8031 25.783 27.5878 25.783 27.3702C25.7827 27.2731 25.7743 27.176 25.7579 27.0803L24.3209 18.6296L30.3931 12.7022C30.7094 12.3809 30.8867 11.9454 30.886 11.4917ZM22.0759 17.53L21.9437 17.3916L22.0759 17.53C22.0072 17.5977 21.9525 17.6787 21.9152 17.7681C21.8779 17.8575 21.8587 17.9536 21.8587 18.0506L21.8693 18.1737L23.2037 26.0237L16.2164 22.3148C16.1136 22.2602 15.9994 22.2317 15.8833 22.2317C15.7673 22.2317 15.653 22.2602 15.5503 22.3148L8.57132 26.0245L9.90651 18.1745L9.91712 18.0506C9.91696 17.9536 9.89768 17.8576 9.86038 17.7682C9.82308 17.6788 9.76851 17.5978 9.6999 17.53L4.05538 11.9724L11.8576 10.8258C11.9725 10.8088 12.0816 10.7638 12.1755 10.6947C12.2695 10.6256 12.3454 10.5344 12.3969 10.429L15.886 3.27721L19.3797 10.429C19.4313 10.5344 19.5074 10.6256 19.6014 10.6948C19.6955 10.7639 19.8047 10.8088 19.9197 10.8258L27.7197 11.9747L22.0759 17.53Z" fill="#ADB6BD"/></g><defs><clipPath id="clip0_31553_1553"><rect width="30" height="29" fill="white" transform="translate(0.886719)"/></clipPath></defs></svg>`;const i=class{constructor(a){e(this,a)}render(){var e,o,i,n;return a(t,{key:"8b8f4d8b00825a1a5f1327bf1d46e3255e8c73ba"},a("span",{key:"5f99cda727a87877823769258fe735a9b38d8c88",class:"name"},this.template.name),a("span",{key:"42b4d6bc24de99d8078f4286ebdd3862af515c44",class:"org-name"},((e=this.template.organization)===null||e===void 0?void 0:e.name)||"Public"),a("hr",{key:"09fc0ff8bb440c2af9faf656944244ceaa827262"}),a("div",{key:"d3ab6de79d5a7387d0accb3535f7b8782abe3ffc",class:"controls"},a("div",{key:"69686d924853c201d4acf70618d2a884e4b851a3",class:"control"},a("span",{key:"4a3100c87184caa170dbf268423f9cfdfd463941",class:"icon",innerHTML:d}),a("span",{key:"29e932d9dbebf2c413c799971163327059b9fce3",class:"value"},this.template.star_counter)),a("div",{key:"d573573b578b6a9dea7ae7e4e7a4b4a144933dc1",class:"control secondary"},a("span",{key:"31ef25148487942abeb8de89431c1cbab6590b3d",class:"icon",innerHTML:l}),a("span",{key:"48158eb2609f3e0e6facab5ac0c1df28db4f29f9",class:"value"},((n=(i=(o=this.template)===null||o===void 0?void 0:o.documents)===null||i===void 0?void 0:i[0])===null||n===void 0?void 0:n.pages)||1)),a("div",{key:"37393c42abe2f47b6d65af8425cd3cc4d82feb8a",class:"control secondary"},a("span",{key:"f168c1d151fb0d47b52949fa47ec9ce558bcb6bb",class:"icon",innerHTML:s}),a("span",{key:"3f0d45b641a8d9017df30a14fd268a228e830145",class:"value"},this.template.counter)),a("span",{key:"b98d07d7ebce844169fda75145f03e1107e0de8e",class:"additional-controls",innerHTML:c})))}};i.style=o();export{i as verdocs_template_card};
-//# sourceMappingURL=p-d4f72da9.entry.js.map
+import{r as e,h as a,H as t}from"./p-CjTHbolG.js";const o=()=>`verdocs-template-card{font-family:"Inter", "Barlow", sans-serif;width:320px;height:320px;display:-ms-flexbox;display:flex;padding:25px;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-flex-direction:column;flex-direction:column;background-color:#ffffff;-webkit-box-shadow:2px 2px 5px rgba(51, 54, 75, 0.05);box-shadow:2px 2px 5px rgba(51, 54, 75, 0.05)}verdocs-template-card .thumbnail{width:272px;height:158px;-o-object-fit:cover;object-fit:cover;margin-bottom:22px;-o-object-position:-20% 0;object-position:-20% 0}verdocs-template-card .name{font-size:18px;font-weight:700;margin-bottom:7px}verdocs-template-card .org-name{font-size:14px;font-weight:700;margin-bottom:6px}verdocs-template-card hr{width:100%;margin-bottom:17px;background-color:#aeb4bf}verdocs-template-card .controls{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-ms-flex-pack:justify;justify-content:space-between;text-align:center;font-size:16px}verdocs-template-card .controls .control{-ms-flex:1;flex:1;display:-ms-flexbox;display:flex;margin-right:8px;-ms-flex-align:start;align-items:flex-start;border-right:1px solid #aeb4bf}verdocs-template-card .controls .control.secondary{-ms-flex-pack:center;justify-content:center}verdocs-template-card .controls .control svg{fill:#aeb4bf;height:16px;max-width:16px;margin:0 8px -2px 0}verdocs-template-card .additional-controls svg{margin-right:0;fill:#654dcb}`;const c=`<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 0 24 24" width="24px" fill="#000000"><path d="M0 0h24v24H0V0z" fill="none"/><path d="M12 8c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2zm0 2c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm0 6c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2z"/></svg>`;const s=`<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 0 24 24" width="24px" fill="#000000"><path d="M0 0h24v24H0V0z" fill="none"/><path d="M22 6c0-1.1-.9-2-2-2H4c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6zm-2 0l-8 5-8-5h16zm0 12H4V8l8 5 8-5v10z"/></svg>`;const l=`<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 0 24 24" width="24px" fill="#000000"><path d="M0 0h24v24H0V0z" fill="none"/><path d="M16 1H4c-1.1 0-2 .9-2 2v14h2V3h12V1zm-1 4H8c-1.1 0-1.99.9-1.99 2L6 21c0 1.1.89 2 1.99 2H19c1.1 0 2-.9 2-2V11l-6-6zM8 21V7h6v5h5v9H8z"/></svg>`;const i=`<svg width="31" height="29" viewBox="0 0 31 29" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#clip0_31553_1553)"><path d="M30.886 11.4917C30.8916 11.0917 30.753 10.7034 30.4962 10.3993C30.2394 10.0953 29.882 9.8964 29.4908 9.83995L29.5182 9.65005L29.4908 9.83995L21.0938 8.60261L17.3412 0.912551C17.2067 0.638179 16.9992 0.407285 16.7421 0.245866C16.485 0.0844465 16.1885 -0.00111389 15.886 -0.00111389C15.5835 -0.00111389 15.287 0.0844465 15.0299 0.245866C14.7728 0.407285 14.5653 0.638179 14.4308 0.912551L10.6781 8.60261L2.28121 9.8392C1.89206 9.89475 1.53611 10.0916 1.2796 10.3931C1.02308 10.6945 0.88348 11.08 0.886776 11.4779C0.886447 11.6961 0.929977 11.912 1.01472 12.1125C1.09946 12.3131 1.22363 12.4941 1.37968 12.6445L7.45563 18.5744L6.01943 27.0241C6.00289 27.1258 5.99449 27.2287 5.99435 27.3317C5.99313 27.7717 6.16395 28.1943 6.4695 28.5071C6.77505 28.82 7.19045 28.9976 7.62496 29.0013C7.88846 29.0008 8.14779 28.9345 8.37992 28.8083L15.8883 24.8217L23.3967 28.8114C23.6287 28.9361 23.8873 29.0015 24.15 29.002C24.5752 28.9998 24.9832 28.8318 25.2893 28.5329C25.4452 28.3832 25.5695 28.2029 25.6544 28.003C25.7392 27.8031 25.783 27.5878 25.783 27.3702C25.7827 27.2731 25.7743 27.176 25.7579 27.0803L24.3209 18.6296L30.3931 12.7022C30.7094 12.3809 30.8867 11.9454 30.886 11.4917ZM22.0759 17.53L21.9437 17.3916L22.0759 17.53C22.0072 17.5977 21.9525 17.6787 21.9152 17.7681C21.8779 17.8575 21.8587 17.9536 21.8587 18.0506L21.8693 18.1737L23.2037 26.0237L16.2164 22.3148C16.1136 22.2602 15.9994 22.2317 15.8833 22.2317C15.7673 22.2317 15.653 22.2602 15.5503 22.3148L8.57132 26.0245L9.90651 18.1745L9.91712 18.0506C9.91696 17.9536 9.89768 17.8576 9.86038 17.7682C9.82308 17.6788 9.76851 17.5978 9.6999 17.53L4.05538 11.9724L11.8576 10.8258C11.9725 10.8088 12.0816 10.7638 12.1755 10.6947C12.2695 10.6256 12.3454 10.5344 12.3969 10.429L15.886 3.27721L19.3797 10.429C19.4313 10.5344 19.5074 10.6256 19.6014 10.6948C19.6955 10.7639 19.8047 10.8088 19.9197 10.8258L27.7197 11.9747L22.0759 17.53Z" fill="#ADB6BD"/></g><defs><clipPath id="clip0_31553_1553"><rect width="30" height="29" fill="white" transform="translate(0.886719)"/></clipPath></defs></svg>`;const d=class{constructor(a){e(this,a)}render(){var e,o,d,n;return a(t,{key:"7884bd4dfaf70cc312256386c0f8a90651401df8"},a("span",{key:"4c3183500b6efcbb73a5917c56623c62503555b5",class:"name"},this.template.name),a("span",{key:"ca3bd706769d72fbb25a5e8ae19ed25ef7592521",class:"org-name"},((e=this.template.organization)===null||e===void 0?void 0:e.name)||"Public"),a("hr",{key:"33a2eeba3fceaf813d7f04c9a6fd357d9c41f177"}),a("div",{key:"c2814d0d907084ea15dad6b6c25fa0ef85e35561",class:"controls"},a("div",{key:"118f420140acf1fcea907e9c01685d0831675aa5",class:"control"},a("span",{key:"db28ba367924647678ebf34e832bbffbb28fc8e8",class:"icon",innerHTML:i}),a("span",{key:"3ef06b3d596c44e91cb40cf62ed7d84ffb1f957e",class:"value"},this.template.star_counter)),a("div",{key:"90d9f95e9006ad113e81e7126bb0f34328086627",class:"control secondary"},a("span",{key:"7ef5e850922cf0d1344e0a9409e21ca6c5099af1",class:"icon",innerHTML:l}),a("span",{key:"e3da96d537734cbaac9c44a558f1c7f3d2f844de",class:"value"},((n=(d=(o=this.template)===null||o===void 0?void 0:o.documents)===null||d===void 0?void 0:d[0])===null||n===void 0?void 0:n.pages)||1)),a("div",{key:"0f0f7943033830845e2af8ae52198b6a564ff8ee",class:"control secondary"},a("span",{key:"7f7227c12666555fdc1c99584a99e0e980779954",class:"icon",innerHTML:s}),a("span",{key:"c5fd8dfdf7dd4a5c52709c9d7d53788414f24be1",class:"value"},this.template.counter)),a("span",{key:"d96d0dfcb9730d5eab719a3d6b0e1b538719de6d",class:"additional-controls",innerHTML:c})))}};d.style=o();export{d as verdocs_template_card};
+//# sourceMappingURL=p-98adcb3a.entry.js.map

package/dist/verdocs-web-sdk/{p-ed953cca.entry.js → p-996cc1f6.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:"0b6dd491d0af99d1abe6292f4a6d012a71cd62c7",onClick:i=>this.handleCancel(i)},t("div",{key:"3d2d6486887d049ba2c5f60197aa5f476b922fde",class:"dialog"},t("div",{key:"186ef3be7f6026cad0bfaa244cd98d8c7183c169",class:"heading"},"Create Your Initial"),t("div",{key:"c5e37a3ddbdcac2db94cd56d41db0ecdf58df624",class:"content"},t("verdocs-text-input",{key:"ed1c4cc75029610ba03931449e37b7fc3aa437ad",placeholder:"Initials...",label:"Initials",value:this.enteredInitials,onInput:i=>this.handleNameChange(i),onClick:i=>i.stopPropagation()}),t("div",{key:"1597920974326992c60180a83c63b9ae54280113",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:"d388ed076550e566c711e15a832bd954dd80ba17",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:"1bab8f70eaa8b7bb7eabfd5a64b837ada9879733",class:"buttons"},t("verdocs-button",{key:"37864544ac1d1b57c67e316cfe1bf524286d5aae",label:"CANCEL",size:"normal",variant:"outline",onClick:i=>this.handleCancel(i)}),t("verdocs-button",{key:"586ce5016c2b9b0eaee12c0bfe1757fbffad564f",label:"Adopt & Sign",size:"normal",onClick:i=>this.handleAdopt(i)})))))}};s.style=o();export{s as verdocs_initial_dialog};
-//# sourceMappingURL=p-ed953cca.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:"ae9dcf54059a7234ded4498b3965ad8a85e0051f",onClick:i=>this.handleCancel(i)},t("div",{key:"74d0274fcf4f9a4c4fff63df263215906d091019",class:"dialog"},t("div",{key:"d7d9b3d881e9985c1856cbb48f36c13c22c96d51",class:"heading"},"Create Your Initial"),t("div",{key:"77891434cf3c6dfb72583a366c73fbe718f3df55",class:"content"},t("verdocs-text-input",{key:"b563cd6c996cab38ed00b763a94ba15966a0dd46",placeholder:"Initials...",label:"Initials",value:this.enteredInitials,onInput:i=>this.handleNameChange(i),onClick:i=>i.stopPropagation()}),t("div",{key:"b8b94dbd7da516dc16647857535234fc4bc09490",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:"9305001c42ef179fd2e9200457b2d5e39dbb861e",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:"df368934a000f369217d02dfce8fea68aba87a99",class:"buttons"},t("verdocs-button",{key:"6312e5608fa0cee507364aad8259ab52ba89f543",label:"CANCEL",size:"normal",variant:"outline",onClick:i=>this.handleCancel(i)}),t("verdocs-button",{key:"9e7f1cf8e2f855e761560353b363d1790f15ba09",label:"Adopt & Sign",size:"normal",onClick:i=>this.handleAdopt(i)})))))}};s.style=o();export{s as verdocs_initial_dialog};
+//# sourceMappingURL=p-996cc1f6.entry.js.map