@verdocs/web-sdk 6.8.7 → 6.8.8

package/dist/verdocs-web-sdk/{p-adcbb1c2.entry.js → p-9586b268.entry.js}

@@ -1,2 +1,2 @@
-import{r as e,c as t,h as s,H as i}from"./p-BIRwgFLv.js";import{VerdocsEndpoint as o,getTemplate as a,updateTemplateRole as l,deleteTemplateRole as r,isValidEmail as d}from"@verdocs/js-sdk";import{S as n}from"./p-C1sRVZWv.js";import{S as c}from"./p-bS8INhRF.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,(()=>a(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;l(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-adcbb1c2.entry.js.map
+import{r as e,c as t,h as s,H as i}from"./p-BIRwgFLv.js";import{VerdocsEndpoint as o,getTemplate as a,updateTemplateRole as l,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,(()=>a(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;l(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-9586b268.entry.js.map

package/dist/verdocs-web-sdk/p-B8zpaHu-.system.js

@@ -1,2 +1,2 @@
-var __awaiter=this&&this.__awaiter||function(e,t,i,a){function s(e){return e instanceof i?e:new i((function(t){t(e)}))}return new(i||(i=Promise))((function(i,n){function d(e){try{l(a.next(e))}catch(e){n(e)}}function o(e){try{l(a["throw"](e))}catch(e){n(e)}}function l(e){e.done?i(e.value):s(e.value).then(d,o)}l((a=a.apply(e,t||[])).next())}))};var __generator=this&&this.__generator||function(e,t){var i={label:0,sent:function(){if(n[0]&1)throw n[1];return n[1]},trys:[],ops:[]},a,s,n,d=Object.create((typeof Iterator==="function"?Iterator:Object).prototype);return d.next=o(0),d["throw"]=o(1),d["return"]=o(2),typeof Symbol==="function"&&(d[Symbol.iterator]=function(){return this}),d;function o(e){return function(t){return l([e,t])}}function l(o){if(a)throw new TypeError("Generator is already executing.");while(d&&(d=0,o[0]&&(i=0)),i)try{if(a=1,s&&(n=o[0]&2?s["return"]:o[0]?s["throw"]||((n=s["return"])&&n.call(s),0):s.next)&&!(n=n.call(s,o[1])).done)return n;if(s=0,n)o=[o[0]&2,n.value];switch(o[0]){case 0:case 1:n=o;break;case 4:i.label++;return{value:o[1],done:false};case 5:i.label++;s=o[1];o=[0];continue;case 7:o=i.ops.pop();i.trys.pop();continue;default:if(!(n=i.trys,n=n.length>0&&n[n.length-1])&&(o[0]===6||o[0]===2)){i=0;continue}if(o[0]===3&&(!n||o[1]>n[0]&&o[1]<n[3])){i.label=o[1];break}if(o[0]===6&&i.label<n[1]){i.label=n[1];n=o;break}if(n&&i.label<n[2]){i.label=n[2];i.ops.push(o);break}if(n[2])i.ops.pop();i.trys.pop();continue}o=t.call(e,i)}catch(e){o=[6,e];s=0}finally{a=n=0}if(o[0]&5)throw o[1];return{value:o[0]?o[1]:void 0,done:true}}};System.register(["./p-BO6MZhlp.system.js","./p-BbPAtVJG.system.js"],(function(e,t){"use strict";var i,a,s;return{setters:[function(t){i=t.p;a=t.b;e("setNonce",t.s)},function(e){s=e.g}],execute:function(){var e=this;var n=function(){var e=t.meta.url;var a={};if(e!==""){a.resourcesUrl=new URL(".",e).href}return i(a)};n().then((function(t){return __awaiter(e,void 0,void 0,(function(){return __generator(this,(function(e){switch(e.label){case 0:return[4,s()];case 1:e.sent();return[2,a(JSON.parse('[["p-8229308e.system",[[256,"verdocs-build",{"endpoint":[16],"templateId":[1537,"template-id"],"step":[1537],"loading":[32],"template":[32]},null,{"templateId":["onTemplateIdChanged"],"step":["onStepChanged"]}]]],["p-93e9df57.system",[[256,"verdocs-sign",{"endpoint":[1040],"envelopeId":[513,"envelope-id"],"roleId":[513,"role-id"],"inviteCode":[513,"invite-code"],"headerTargetId":[1,"header-target-id"],"toolbarStyle":[1,"toolbar-style"],"recipient":[32],"hasSignature":[32],"nextButtonLabel":[32],"nextSubmits":[32],"fatalErrorHeader":[32],"fatalErrorMessage":[32],"focusedField":[32],"disclosures":[32],"fieldUpdateCounter":[32],"submitting":[32],"submitted":[32],"isDone":[32],"showDone":[32],"adoptingSignature":[32],"showLoadError":[32],"finishLater":[32],"showFinishLater":[32],"agreed":[32],"signatureId":[32],"initialId":[32],"documentsSingularPlural":[32],"authStep":[32],"authMethodStates":[32],"pageNumber":[32],"kbaQuestions":[32],"showSpinner":[32],"declining":[32],"delegating":[32],"delegated":[32],"kbaChoices":[32],"showDownloadDialog":[32],"loading":[32],"envelope":[32],"zoomLevel":[32],"signingProgressMode":[32],"polling":[32]}]]],["p-f1ca6e1c.system",[[256,"verdocs-envelopes-list",{"endpoint":[16],"view":[1537],"status":[1537],"sort":[1537],"match":[1537],"showPagination":[4,"show-pagination"],"rowsPerPage":[2,"rows-per-page"],"selectedPage":[2,"selected-page"],"count":[32],"initiallyLoaded":[32],"loading":[32],"selectedEnvelopes":[32],"envelopes":[32]},null,{"view":["handleViewUpdated"],"status":["handleStatusUpdated"],"sort":["handleSortUpdated"],"match":["handleMatchUpdated"],"selectedPage":["handlePageUpdated"]}]]],["p-0e938b08.system",[[256,"verdocs-templates-list",{"endpoint":[16],"visibility":[1537],"starred":[1537],"sort":[1537],"name":[1537],"allowedActions":[1040],"showPagination":[4,"show-pagination"],"rowsPerPage":[2,"rows-per-page"],"selectedPage":[2,"selected-page"],"count":[32],"initiallyLoaded":[32],"loading":[32],"confirmDelete":[32],"templates":[32],"localNameFilter":[32]},null,{"sharing":["handleSharingUpdated"],"starred":["handleStarredUpdated"],"sort":["handleSortUpdated"],"name":["handleNameUpdated"],"selectedPage":["handlePageUpdated"]}]]],["p-2fc50938.system",[[256,"verdocs-envelope-sidebar",{"endpoint":[16],"envelopeId":[1,"envelope-id"],"activeTab":[32],"panelOpen":[32],"showRecipientDialog":[32],"showCancelDialog":[32],"showReinviteDialog":[32],"showUpdateDialog":[32],"remindersEnabled":[32],"updatingReminders":[32],"initialReminder":[32],"followupReminders":[32],"loading":[32],"envelope":[32]}]]],["p-6bbe3f73.system",[[256,"verdocs-field-payment",{"source":[513],"sourceid":[513],"fieldname":[513],"field":[16],"isPreview":[516,"is-preview"],"disabled":[516],"done":[516],"editable":[516],"moveable":[516],"xscale":[514],"yscale":[514],"pagenumber":[514],"fields":[16],"pageNum":[2,"page-num"],"roleName":[1,"role-name"],"fieldId":[1,"field-id"],"recipients":[8],"selectedRoleName":[1,"selected-role-name"],"pdfPages":[16],"currentSignature":[1,"current-signature"],"currentSignatureId":[1,"current-signature-id"],"currentInitial":[1,"current-initial"],"currentInitialId":[1,"current-initial-id"],"signed":[4],"roleindex":[2],"showingProperties":[32],"focused":[32],"preparedMessage":[32],"signatureUrl":[32],"focusField":[64],"showSettingsPanel":[64],"hideSettingsPanel":[64]},[[0,"blur","handleBlur"]]]]],["p-b04c507f.system",[[256,"verdocs-template-settings",{"endpoint":[16],"templateId":[1,"template-id"],"name":[32],"visibility":[32],"sender":[32],"sendReminders":[32],"initialReminder":[32],"followupReminders":[32],"dirty":[32],"loading":[32],"template":[32]}]]],["p-bc0bbb47.system",[[256,"verdocs-template-create",{"endpoint":[16],"maxSize":[1026,"max-size"],"file":[32],"creating":[32],"progressLabel":[32],"progressPercent":[32],"errorMessage":[32]}]]],["p-fde71466.system",[[256,"verdocs-auth",{"endpoint":[16],"visible":[4],"logo":[1],"displayMode":[1025,"display-mode"],"org_name":[32],"first_name":[32],"last_name":[32],"email":[32],"verificationCode":[32],"newPassword":[32],"password":[32],"confirmpass":[32],"submitting":[32],"resendDisabled":[32],"session":[32],"profile":[32]}]]],["p-c4405f78.system",[[256,"verdocs-initial-dialog",{"initials":[1],"fontLoaded":[32],"enteredInitials":[32],"mode":[32]}]]],["p-32de42ae.system",[[256,"verdocs-signature-dialog",{"name":[1],"fontLoaded":[32],"enteredName":[32],"mode":[32],"isDrawing":[32],"hasDrawnSignature":[32],"hasUploadedImage":[32],"uploadedFileName":[32]}]]],["p-3295f0be.system",[[256,"verdocs-date-input",{"value":[1537],"label":[1],"placeholder":[1],"helpText":[1,"help-text"],"disabled":[4],"required":[4],"showingPw":[32],"focused":[32],"containerId":[32],"focusField":[64]}]]],["p-6038e4c1.system",[[256,"verdocs-envelope-recipient-summary",{"endpoint":[16],"envelopeId":[1,"envelope-id"],"canSendAnother":[4,"can-send-another"],"canView":[4,"can-view"],"canDone":[4,"can-done"],"isOpen":[32],"recipientStatusIcons":[32],"containerId":[32],"gettingLinks":[32],"links":[32],"loading":[32],"envelope":[32]}]]],["p-db8022ec.system",[[256,"verdocs-multiselect",{"label":[1],"placeholder":[1],"options":[16],"selectedOptions":[16],"showPicker":[32]}]]],["p-be9c544d.system",[[256,"verdocs-signing-progress",{"mode":[1],"focusedField":[1,"focused-field"],"fields":[16],"recipientFields":[16]}]]],["p-a06b40a9.system",[[260,"verdocs-button-panel",{"icon":[1],"showPanel":[64],"hidePanel":[64],"toggle":[64]}]]],["p-77255926.system",[[256,"verdocs-quick-functions",{"endpoint":[16]}]]],["p-11c2aaad.system",[[256,"verdocs-search-box",{"endpoint":[16],"placeholder":[1],"type":[1],"query":[1],"grabsFocus":[4,"grabs-focus"],"focusField":[64]}]]],["p-1413ee06.system",[[256,"verdocs-search-tabs",{"selected":[32]}]]],["p-24f46b3a.system",[[256,"verdocs-table",{"columns":[16],"data":[16]}]]],["p-dde291ad.system",[[260,"verdocs-tabs",{"tabs":[16],"selectedTab":[2,"selected-tab"]}]]],["p-49731815.system",[[256,"verdocs-template-card",{"template":[16]}]]],["p-a774cd8f.system",[[256,"verdocs-template-tags",{"tags":[16]}]]],["p-a7c30b1f.system",[[256,"verdocs-toggle",{"options":[16],"theme":[1],"selectedOption":[32]}]]],["p-56cc315a.system",[[256,"verdocs-toggle-button",{"active":[4],"icon":[1],"label":[1],"size":[1],"_active":[32]}]]],["p-297d866f.system",[[256,"verdocs-status-indicator",{"size":[1],"theme":[1],"status":[1],"envelope":[16],"isOpen":[32],"containerId":[32]}]]],["p-7ec71c9b.system",[[256,"verdocs-template-star",{"endpoint":[16],"template":[1040],"updating":[32]}]]],["p-63c0f31d.system",[[256,"verdocs-envelope-update-recipient",{"endpoint":[16],"envelopeId":[1,"envelope-id"],"roleName":[1,"role-name"],"isOpen":[32],"gettingLink":[32],"link":[32],"loading":[32],"envelope":[32],"originalRecipient":[32],"updatedRecipient":[32]}],[256,"verdocs-envelope-recipient-link",{"endpoint":[16],"envelopeId":[1,"envelope-id"],"roleName":[1,"role-name"],"isOpen":[32],"gettingLink":[32],"link":[32],"loading":[32],"envelope":[32],"recipient":[32]}]]],["p-e4b13df9.system",[[256,"verdocs-contact-picker",{"endpoint":[16],"templateRole":[16],"contactSuggestions":[16],"first_name":[32],"last_name":[32],"email":[32],"phone":[32],"zip":[32],"address":[32],"message":[32],"showSuggestions":[32],"showMessage":[32],"delegator":[32],"name_locked":[32],"auth_methods":[32],"passcode":[32],"firstNameFieldId":[32],"lastNameFieldId":[32],"emailFieldId":[32],"phoneFieldId":[32],"featureFlags":[32],"activeEntitlements":[32]}]]],["p-6e1304ae.system",[[256,"verdocs-radio-button",{"checked":[4],"name":[1],"value":[1],"disabled":[4]}]]],["p-12d4a115.system",[[256,"verdocs-switch",{"checked":[1028],"theme":[1],"disabled":[4]}]]],["p-69e35ea8.system",[[256,"verdocs-text-input",{"value":[1537],"label":[1],"placeholder":[1],"description":[1],"autocomplete":[1],"helpText":[1,"help-text"],"clearable":[4],"copyable":[4],"type":[1],"disabled":[4],"required":[4],"showingPw":[32]}],[256,"verdocs-help-icon",{"text":[1],"icon":[1],"containerId":[32]}],[256,"verdocs-button",{"label":[1],"startIcon":[1,"start-icon"],"endIcon":[1,"end-icon"],"size":[1],"type":[1],"variant":[1],"disabled":[4]}]]],["p-2ff00959.system",[[256,"verdocs-template-role-properties",{"endpoint":[16],"templateId":[1,"template-id"],"roleName":[1,"role-name"],"dirty":[32],"saving":[32],"name":[32],"type":[32],"first_name":[32],"last_name":[32],"email":[32],"phone":[32],"delegator":[32],"loading":[32],"template":[32]}],[260,"verdocs-menu-panel",{"side":[1],"overlay":[4],"width":[2]},[[4,"click","handleClick"]]]]],["p-f4c4a49e.system",[[256,"verdocs-quick-filter",{"options":[16],"label":[1],"value":[1537],"placeholder":[1],"open":[32]}],[256,"verdocs-pagination",{"selectedPage":[1538,"selected-page"],"itemCount":[2,"item-count"],"perPage":[2,"per-page"]}]]],["p-385f358e.system",[[256,"verdocs-dropdown",{"options":[16],"containerId":[32],"showPicker":[32]}]]],["p-43d3ef1d.system",[[256,"verdocs-file-chooser",{"endpoint":[16],"file":[32]}],[256,"verdocs-progress-bar",{"label":[1],"showPercent":[4,"show-percent"],"percent":[2]}]]],["p-8626626f.system",[[256,"verdocs-spinner",{"size":[2],"mode":[1]}]]],["p-a60c394a.system",[[260,"verdocs-dialog",{"persistent":[4]}]]],["p-40ab139c.system",[[256,"verdocs-ok-dialog",{"heading":[1],"message":[1],"buttonLabel":[1,"button-label"],"showCancel":[4,"show-cancel"],"closed":[32]}]]],["p-8e19a798.system",[[256,"verdocs-flag",{"variant":[1],"label":[1],"showSkip":[4,"show-skip"]}]]],["p-333d4a2e.system",[[256,"verdocs-sign-footer",{"endpoint":[16],"envelopeId":[1,"envelope-id"],"isDone":[4,"is-done"],"askingQuestion":[32],"declinine":[32],"envelope":[32]}],[256,"verdocs-download-dialog",{"signed":[4],"polling":[4],"documents":[16],"hasCertificate":[4,"has-certificate"]}],[256,"verdocs-envelope-document-page",{"endpoint":[16],"envelopeId":[1,"envelope-id"],"documentId":[1,"document-id"],"pageNumber":[2,"page-number"],"virtualWidth":[2,"virtual-width"],"virtualHeight":[1026,"virtual-height"],"layers":[16],"type":[1],"containerId":[32],"renderedWidth":[32],"renderedHeight":[32],"naturalWidth":[32],"naturalHeight":[32],"aspectRatio":[32],"skipFirstNotification":[32],"pageDisplayUri":[32]}],[256,"verdocs-question-dialog",{"question":[1025],"closed":[32]}]]],["p-081b245d.system",[[256,"verdocs-view",{"endpoint":[16],"envelopeId":[1,"envelope-id"],"headerTargetId":[1,"header-target-id"],"canceling":[32],"showCancelDone":[32],"showLoadError":[32],"loading":[32],"envelope":[32],"zoomLevel":[32],"showDownloadDialog":[32],"polling":[32]}],[256,"verdocs-kba-dialog",{"step":[2],"steps":[2],"helptitle":[1],"helptext":[1],"mode":[1],"label":[1],"placeholder":[1],"recipient":[16],"choices":[16],"agreed":[32],"response":[32],"updatedRecipient":[32],"dobContainerId":[32]}],[256,"verdocs-adopt-signature-dialog",{"name":[1],"nameLocked":[4,"name-locked"],"fontLoaded":[32],"enteredName":[32],"enteredInitials":[32],"mode":[32],"isDrawing":[32],"hasDrawnSignature":[32],"hasDrawnInitials":[32]}],[256,"verdocs-otp-dialog",{"endpoint":[1040],"method":[1],"resendDisabled":[32],"response":[32]}],[256,"verdocs-passcode-dialog",{"endpoint":[1040],"response":[32]}],[256,"verdocs-disclosure-dialog",{"disclosures":[1],"delegator":[4],"accepted":[32]}],[256,"verdocs-delegate-dialog",{"endpoint":[1040],"envelope":[16],"first_name":[32],"last_name":[32],"email":[32],"phone":[32],"message":[32]}]]],["p-6dd3761c.system",[[256,"verdocs-organization-card",{"organization":[16],"hovered":[32]},[[1,"mouseover","onMouseOver"],[1,"mouseout","onMouseOut"]]],[260,"verdocs-portal",{"anchor":[1],"voffset":[2]},[[11,"scroll","handleScroll"],[9,"resize","handleResize"],[4,"click","handleClick"]]]]],["p-9b367391.system",[[256,"verdocs-template-field-properties",{"endpoint":[16],"templateId":[1,"template-id"],"fieldName":[1025,"field-name"],"helpText":[1,"help-text"],"dirty":[32],"label":[32],"type":[32],"name":[32],"required":[32],"readonly":[32],"roleName":[32],"group":[32],"fieldType":[32],"options":[32],"placeholder":[32],"defaultValue":[32],"showingHelp":[32],"loading":[32],"template":[32]}],[256,"verdocs-select-input",{"value":[1],"label":[1],"options":[16],"disabled":[4]}],[256,"verdocs-component-error",{"message":[1]}],[256,"verdocs-checkbox",{"checked":[4],"name":[1],"label":[1],"value":[1],"theme":[1],"size":[1],"disabled":[4]}],[256,"verdocs-loader"]]],["p-aaad7b8a.system",[[256,"verdocs-field-attachment",{"source":[513],"sourceid":[513],"fieldname":[513],"field":[16],"isPreview":[516,"is-preview"],"disabled":[516],"editable":[516],"moveable":[516],"done":[516],"xscale":[514],"yscale":[514],"pagenumber":[514],"showingProperties":[32],"dialogOpen":[32],"selectedFile":[32],"focused":[32],"focusField":[64],"showSettingsPanel":[64],"hideSettingsPanel":[64]},[[0,"blur","handleBlur"]]],[256,"verdocs-field-checkbox",{"source":[513],"sourceid":[513],"fieldname":[513],"field":[16],"isPreview":[516,"is-preview"],"disabled":[516],"done":[516],"editable":[516],"moveable":[516],"xscale":[514],"yscale":[514],"pagenumber":[514],"showingProperties":[32],"focused":[32],"focusField":[64],"showSettingsPanel":[64],"hideSettingsPanel":[64]},[[0,"blur","handleBlur"]]],[256,"verdocs-field-date",{"source":[513],"sourceid":[513],"fieldname":[513],"disabled":[516],"editable":[516],"moveable":[516],"done":[516],"xscale":[514],"yscale":[514],"pagenumber":[514],"field":[16],"isPreview":[516,"is-preview"],"containerId":[32],"showingProperties":[32],"focused":[32],"focusField":[64],"showSettingsPanel":[64],"hideSettingsPanel":[64]},[[2,"blur","handleBlur"]]],[256,"verdocs-field-dropdown",{"source":[513],"sourceid":[513],"fieldname":[513],"field":[16],"isPreview":[516,"is-preview"],"disabled":[516],"editable":[516],"moveable":[516],"done":[516],"xscale":[514],"yscale":[514],"pagenumber":[514],"showingProperties":[32],"focused":[32],"focusField":[64],"showSettingsPanel":[64],"hideSettingsPanel":[64]},[[2,"blur","handleBlur"]]],[256,"verdocs-field-initial",{"source":[513],"sourceid":[513],"fieldname":[513],"field":[16],"disabled":[516],"initials":[513],"editable":[516],"moveable":[516],"done":[516],"xscale":[514],"yscale":[514],"pagenumber":[514],"initialid":[513],"isPreview":[516,"is-preview"],"showingProperties":[32],"focused":[32],"menuOpen":[32],"tempInitials":[32],"focusField":[64],"showSettingsPanel":[64],"hideSettingsPanel":[64]},[[0,"blur","handleBlur"]]],[256,"verdocs-field-radio",{"source":[513],"sourceid":[513],"fieldname":[513],"field":[16],"isPreview":[516,"is-preview"],"disabled":[516],"required":[516],"done":[516],"editable":[516],"moveable":[516],"xscale":[514],"yscale":[514],"pagenumber":[514],"showingProperties":[32],"focused":[32],"focusField":[64],"showSettingsPanel":[64],"hideSettingsPanel":[64]},[[0,"blur","handleBlur"]]],[256,"verdocs-field-signature",{"source":[513],"sourceid":[513],"fieldname":[513],"field":[16],"name":[513],"disabled":[516],"editable":[516],"moveable":[516],"done":[516],"xscale":[514],"yscale":[514],"pagenumber":[514],"signatureid":[513],"isPreview":[516,"is-preview"],"showingProperties":[32],"focused":[32],"menuOpen":[32],"tempSignature":[32],"focusField":[64],"showSettingsPanel":[64],"hideSettingsPanel":[64]},[[0,"blur","handleBlur"],[0,"blur","onBlur"]]],[256,"verdocs-field-textarea",{"endpoint":[16],"source":[513],"sourceid":[513],"fieldname":[513],"field":[16],"isPreview":[516,"is-preview"],"disabled":[516],"editable":[516],"moveable":[516],"done":[516],"xscale":[514],"yscale":[514],"pagenumber":[514],"showingProperties":[32],"focused":[32],"focusField":[64],"showSettingsPanel":[64],"hideSettingsPanel":[64]},[[2,"blur","handleBlur"]]],[256,"verdocs-field-textbox",{"source":[513],"sourceid":[513],"fieldname":[513],"field":[16],"isPreview":[516,"is-preview"],"disabled":[516],"multiline":[516],"editable":[516],"moveable":[516],"done":[516],"xscale":[514],"yscale":[514],"pagenumber":[514],"showingProperties":[32],"focused":[32],"focusField":[64],"showSettingsPanel":[64],"hideSettingsPanel":[64]},[[2,"blur","handleBlur"]]],[256,"verdocs-field-timestamp",{"source":[513],"sourceid":[513],"fieldname":[513],"field":[16],"isPreview":[516,"is-preview"],"disabled":[516],"editable":[516],"moveable":[516],"done":[516],"xscale":[514],"yscale":[514],"pagenumber":[2],"showingProperties":[32],"focused":[32],"focusField":[64],"showSettingsPanel":[64],"hideSettingsPanel":[64]},[[2,"blur","handleBlur"]]],[256,"verdocs-upload-dialog",{"maxSize":[1026,"max-size"],"existingFile":[1032,"existing-file"],"draggingOver":[32],"confirmDelete":[32],"selectedFiles":[32],"errorMessage":[32]}]]],["p-7f7da7d6.system",[[256,"verdocs-toolbar-icon",{"text":[1],"icon":[1],"placement":[1],"containerId":[32]}],[256,"verdocs-template-document-page",{"endpoint":[16],"editable":[4],"disabled":[4],"done":[4],"templateId":[513,"template-id"],"documentId":[513,"document-id"],"pageNumber":[514,"page-number"],"virtualWidth":[2,"virtual-width"],"virtualHeight":[1026,"virtual-height"],"layers":[16],"containerId":[32],"renderedWidth":[32],"renderedHeight":[32],"naturalWidth":[32],"naturalHeight":[32],"aspectRatio":[32],"skipFirstNotification":[32],"pageDisplayUri":[32],"xScale":[32],"yScale":[32],"loading":[32],"template":[32]}]]],["p-2e4d6431.system",[[256,"verdocs-template-fields",{"endpoint":[16],"templateId":[1537,"template-id"],"toolbarTargetId":[1,"toolbar-target-id"],"placing":[32],"showMustSelectRole":[32],"selectedRoleName":[32],"loading":[32],"template":[32]},[[4,"keydown","handleKeyDown"]],{"templateId":["onTemplateIdChanged"]}],[256,"verdocs-preview",{"endpoint":[16],"templateId":[1,"template-id"],"loading":[32],"template":[32]},null,{"templateId":["onTemplateIdChanged"]}],[256,"verdocs-send",{"endpoint":[16],"templateId":[513,"template-id"],"environment":[1],"showCancel":[4,"show-cancel"],"containerId":[32],"showPickerForId":[32],"sessionContacts":[32],"sending":[32],"rolesCompleted":[32],"loading":[32],"template":[32],"reset":[64]},null,{"templateId":["onTemplateIdChanged"]}],[256,"verdocs-template-roles",{"endpoint":[16],"templateId":[1,"template-id"],"showingRoleDialog":[32],"sender":[32],"dragging":[32],"loading":[32],"template":[32]}],[256,"verdocs-template-attachments",{"endpoint":[16],"templateId":[1,"template-id"],"uploading":[32],"progressLabel":[32],"progressPercent":[32],"showDeleteError":[32],"confirmDeleteDocument":[32],"loading":[32],"template":[32]}],[256,"verdocs-template-build-tabs",{"endpoint":[16],"templateId":[1537,"template-id"],"step":[1537],"loading":[32],"template":[32]},null,{"templateId":["onTemplateIdChanged"],"step":["onStepChanged"]}]]]]'),t)]}}))}))}))}}}));
+var __awaiter=this&&this.__awaiter||function(e,t,i,a){function n(e){return e instanceof i?e:new i((function(t){t(e)}))}return new(i||(i=Promise))((function(i,d){function s(e){try{l(a.next(e))}catch(e){d(e)}}function o(e){try{l(a["throw"](e))}catch(e){d(e)}}function l(e){e.done?i(e.value):n(e.value).then(s,o)}l((a=a.apply(e,t||[])).next())}))};var __generator=this&&this.__generator||function(e,t){var i={label:0,sent:function(){if(d[0]&1)throw d[1];return d[1]},trys:[],ops:[]},a,n,d,s=Object.create((typeof Iterator==="function"?Iterator:Object).prototype);return s.next=o(0),s["throw"]=o(1),s["return"]=o(2),typeof Symbol==="function"&&(s[Symbol.iterator]=function(){return this}),s;function o(e){return function(t){return l([e,t])}}function l(o){if(a)throw new TypeError("Generator is already executing.");while(s&&(s=0,o[0]&&(i=0)),i)try{if(a=1,n&&(d=o[0]&2?n["return"]:o[0]?n["throw"]||((d=n["return"])&&d.call(n),0):n.next)&&!(d=d.call(n,o[1])).done)return d;if(n=0,d)o=[o[0]&2,d.value];switch(o[0]){case 0:case 1:d=o;break;case 4:i.label++;return{value:o[1],done:false};case 5:i.label++;n=o[1];o=[0];continue;case 7:o=i.ops.pop();i.trys.pop();continue;default:if(!(d=i.trys,d=d.length>0&&d[d.length-1])&&(o[0]===6||o[0]===2)){i=0;continue}if(o[0]===3&&(!d||o[1]>d[0]&&o[1]<d[3])){i.label=o[1];break}if(o[0]===6&&i.label<d[1]){i.label=d[1];d=o;break}if(d&&i.label<d[2]){i.label=d[2];i.ops.push(o);break}if(d[2])i.ops.pop();i.trys.pop();continue}o=t.call(e,i)}catch(e){o=[6,e];n=0}finally{a=d=0}if(o[0]&5)throw o[1];return{value:o[0]?o[1]:void 0,done:true}}};System.register(["./p-BO6MZhlp.system.js","./p-BbPAtVJG.system.js"],(function(e,t){"use strict";var i,a,n;return{setters:[function(t){i=t.p;a=t.b;e("setNonce",t.s)},function(e){n=e.g}],execute:function(){var e=this;var d=function(){var e=t.meta.url;var a={};if(e!==""){a.resourcesUrl=new URL(".",e).href}return i(a)};d().then((function(t){return __awaiter(e,void 0,void 0,(function(){return __generator(this,(function(e){switch(e.label){case 0:return[4,n()];case 1:e.sent();return[2,a(JSON.parse('[["p-107a1995.system",[[256,"verdocs-build",{"endpoint":[16],"templateId":[1537,"template-id"],"step":[1537],"loading":[32],"template":[32]},null,{"templateId":["onTemplateIdChanged"],"step":["onStepChanged"]}]]],["p-641dbbfa.system",[[256,"verdocs-sign",{"endpoint":[1040],"envelopeId":[513,"envelope-id"],"roleId":[513,"role-id"],"inviteCode":[513,"invite-code"],"headerTargetId":[1,"header-target-id"],"toolbarStyle":[1,"toolbar-style"],"recipient":[32],"hasSignature":[32],"nextButtonLabel":[32],"nextSubmits":[32],"fatalErrorHeader":[32],"fatalErrorMessage":[32],"focusedField":[32],"disclosures":[32],"fieldUpdateCounter":[32],"submitting":[32],"submitted":[32],"isDone":[32],"showDone":[32],"adoptingSignature":[32],"showLoadError":[32],"finishLater":[32],"showFinishLater":[32],"agreed":[32],"signatureId":[32],"initialId":[32],"documentsSingularPlural":[32],"authStep":[32],"authMethodStates":[32],"pageNumber":[32],"kbaQuestions":[32],"showSpinner":[32],"declining":[32],"delegating":[32],"delegated":[32],"kbaChoices":[32],"showDownloadDialog":[32],"loading":[32],"envelope":[32],"zoomLevel":[32],"signingProgressMode":[32],"polling":[32]}]]],["p-60cfa50a.system",[[256,"verdocs-envelopes-list",{"endpoint":[16],"view":[1537],"status":[1537],"sort":[1537],"match":[1537],"showPagination":[4,"show-pagination"],"rowsPerPage":[2,"rows-per-page"],"selectedPage":[2,"selected-page"],"count":[32],"initiallyLoaded":[32],"loading":[32],"selectedEnvelopes":[32],"envelopes":[32]},null,{"view":["handleViewUpdated"],"status":["handleStatusUpdated"],"sort":["handleSortUpdated"],"match":["handleMatchUpdated"],"selectedPage":["handlePageUpdated"]}]]],["p-0e938b08.system",[[256,"verdocs-templates-list",{"endpoint":[16],"visibility":[1537],"starred":[1537],"sort":[1537],"name":[1537],"allowedActions":[1040],"showPagination":[4,"show-pagination"],"rowsPerPage":[2,"rows-per-page"],"selectedPage":[2,"selected-page"],"count":[32],"initiallyLoaded":[32],"loading":[32],"confirmDelete":[32],"templates":[32],"localNameFilter":[32]},null,{"sharing":["handleSharingUpdated"],"starred":["handleStarredUpdated"],"sort":["handleSortUpdated"],"name":["handleNameUpdated"],"selectedPage":["handlePageUpdated"]}]]],["p-53530f64.system",[[256,"verdocs-envelope-sidebar",{"endpoint":[16],"envelopeId":[1,"envelope-id"],"activeTab":[32],"panelOpen":[32],"showRecipientDialog":[32],"showCancelDialog":[32],"showReinviteDialog":[32],"showUpdateDialog":[32],"remindersEnabled":[32],"updatingReminders":[32],"initialReminder":[32],"followupReminders":[32],"loading":[32],"envelope":[32]}]]],["p-b83472cd.system",[[256,"verdocs-field-payment",{"source":[513],"sourceid":[513],"fieldname":[513],"field":[16],"isPreview":[516,"is-preview"],"disabled":[516],"done":[516],"editable":[516],"moveable":[516],"xscale":[514],"yscale":[514],"pagenumber":[514],"fields":[16],"pageNum":[2,"page-num"],"roleName":[1,"role-name"],"fieldId":[1,"field-id"],"recipients":[8],"selectedRoleName":[1,"selected-role-name"],"pdfPages":[16],"currentSignature":[1,"current-signature"],"currentSignatureId":[1,"current-signature-id"],"currentInitial":[1,"current-initial"],"currentInitialId":[1,"current-initial-id"],"signed":[4],"roleindex":[2],"showingProperties":[32],"focused":[32],"preparedMessage":[32],"signatureUrl":[32],"focusField":[64],"showSettingsPanel":[64],"hideSettingsPanel":[64]},[[0,"blur","handleBlur"]],{"editable":["onEditableChanged"]}]]],["p-1b5b8ffa.system",[[256,"verdocs-template-settings",{"endpoint":[16],"templateId":[1,"template-id"],"name":[32],"visibility":[32],"sender":[32],"sendReminders":[32],"initialReminder":[32],"followupReminders":[32],"dirty":[32],"loading":[32],"template":[32]}]]],["p-bc0bbb47.system",[[256,"verdocs-template-create",{"endpoint":[16],"maxSize":[1026,"max-size"],"file":[32],"creating":[32],"progressLabel":[32],"progressPercent":[32],"errorMessage":[32]}]]],["p-fde71466.system",[[256,"verdocs-auth",{"endpoint":[16],"visible":[4],"logo":[1],"displayMode":[1025,"display-mode"],"org_name":[32],"first_name":[32],"last_name":[32],"email":[32],"verificationCode":[32],"newPassword":[32],"password":[32],"confirmpass":[32],"submitting":[32],"resendDisabled":[32],"session":[32],"profile":[32]}]]],["p-c4405f78.system",[[256,"verdocs-initial-dialog",{"initials":[1],"fontLoaded":[32],"enteredInitials":[32],"mode":[32]}]]],["p-32de42ae.system",[[256,"verdocs-signature-dialog",{"name":[1],"fontLoaded":[32],"enteredName":[32],"mode":[32],"isDrawing":[32],"hasDrawnSignature":[32],"hasUploadedImage":[32],"uploadedFileName":[32]}]]],["p-3295f0be.system",[[256,"verdocs-date-input",{"value":[1537],"label":[1],"placeholder":[1],"helpText":[1,"help-text"],"disabled":[4],"required":[4],"showingPw":[32],"focused":[32],"containerId":[32],"focusField":[64]}]]],["p-774961dc.system",[[256,"verdocs-envelope-recipient-summary",{"endpoint":[16],"envelopeId":[1,"envelope-id"],"canSendAnother":[4,"can-send-another"],"canView":[4,"can-view"],"canDone":[4,"can-done"],"isOpen":[32],"recipientStatusIcons":[32],"containerId":[32],"gettingLinks":[32],"links":[32],"loading":[32],"envelope":[32]}]]],["p-db8022ec.system",[[256,"verdocs-multiselect",{"label":[1],"placeholder":[1],"options":[16],"selectedOptions":[16],"showPicker":[32]}]]],["p-2ba8c771.system",[[256,"verdocs-signing-progress",{"mode":[1],"focusedField":[1,"focused-field"],"fields":[16],"recipientFields":[16]}]]],["p-a06b40a9.system",[[260,"verdocs-button-panel",{"icon":[1],"showPanel":[64],"hidePanel":[64],"toggle":[64]}]]],["p-77255926.system",[[256,"verdocs-quick-functions",{"endpoint":[16]}]]],["p-11c2aaad.system",[[256,"verdocs-search-box",{"endpoint":[16],"placeholder":[1],"type":[1],"query":[1],"grabsFocus":[4,"grabs-focus"],"focusField":[64]}]]],["p-1413ee06.system",[[256,"verdocs-search-tabs",{"selected":[32]}]]],["p-24f46b3a.system",[[256,"verdocs-table",{"columns":[16],"data":[16]}]]],["p-dde291ad.system",[[260,"verdocs-tabs",{"tabs":[16],"selectedTab":[2,"selected-tab"]}]]],["p-49731815.system",[[256,"verdocs-template-card",{"template":[16]}]]],["p-a774cd8f.system",[[256,"verdocs-template-tags",{"tags":[16]}]]],["p-a7c30b1f.system",[[256,"verdocs-toggle",{"options":[16],"theme":[1],"selectedOption":[32]}]]],["p-56cc315a.system",[[256,"verdocs-toggle-button",{"active":[4],"icon":[1],"label":[1],"size":[1],"_active":[32]}]]],["p-297d866f.system",[[256,"verdocs-status-indicator",{"size":[1],"theme":[1],"status":[1],"envelope":[16],"isOpen":[32],"containerId":[32]}]]],["p-7ec71c9b.system",[[256,"verdocs-template-star",{"endpoint":[16],"template":[1040],"updating":[32]}]]],["p-822694c1.system",[[256,"verdocs-envelope-update-recipient",{"endpoint":[16],"envelopeId":[1,"envelope-id"],"roleName":[1,"role-name"],"isOpen":[32],"gettingLink":[32],"link":[32],"loading":[32],"envelope":[32],"originalRecipient":[32],"updatedRecipient":[32]}],[256,"verdocs-envelope-recipient-link",{"endpoint":[16],"envelopeId":[1,"envelope-id"],"roleName":[1,"role-name"],"isOpen":[32],"gettingLink":[32],"link":[32],"loading":[32],"envelope":[32],"recipient":[32]}]]],["p-bcffad7a.system",[[256,"verdocs-contact-picker",{"endpoint":[16],"templateRole":[16],"contactSuggestions":[16],"first_name":[32],"last_name":[32],"email":[32],"phone":[32],"zip":[32],"address":[32],"message":[32],"showSuggestions":[32],"showMessage":[32],"delegator":[32],"name_locked":[32],"auth_methods":[32],"passcode":[32],"firstNameFieldId":[32],"lastNameFieldId":[32],"emailFieldId":[32],"phoneFieldId":[32],"featureFlags":[32],"activeEntitlements":[32]}]]],["p-6e1304ae.system",[[256,"verdocs-radio-button",{"checked":[4],"name":[1],"value":[1],"disabled":[4]}]]],["p-12d4a115.system",[[256,"verdocs-switch",{"checked":[1028],"theme":[1],"disabled":[4]}]]],["p-69e35ea8.system",[[256,"verdocs-text-input",{"value":[1537],"label":[1],"placeholder":[1],"description":[1],"autocomplete":[1],"helpText":[1,"help-text"],"clearable":[4],"copyable":[4],"type":[1],"disabled":[4],"required":[4],"showingPw":[32]}],[256,"verdocs-help-icon",{"text":[1],"icon":[1],"containerId":[32]}],[256,"verdocs-button",{"label":[1],"startIcon":[1,"start-icon"],"endIcon":[1,"end-icon"],"size":[1],"type":[1],"variant":[1],"disabled":[4]}]]],["p-032e8fb0.system",[[256,"verdocs-template-role-properties",{"endpoint":[16],"templateId":[1,"template-id"],"roleName":[1,"role-name"],"dirty":[32],"saving":[32],"name":[32],"type":[32],"first_name":[32],"last_name":[32],"email":[32],"phone":[32],"delegator":[32],"loading":[32],"template":[32]}],[260,"verdocs-menu-panel",{"side":[1],"overlay":[4],"width":[2]},[[4,"click","handleClick"]]]]],["p-4424623c.system",[[256,"verdocs-quick-filter",{"options":[16],"label":[1],"value":[1537],"placeholder":[1],"open":[32]}],[256,"verdocs-pagination",{"selectedPage":[1538,"selected-page"],"itemCount":[2,"item-count"],"perPage":[2,"per-page"]}]]],["p-385f358e.system",[[256,"verdocs-dropdown",{"options":[16],"containerId":[32],"showPicker":[32]}]]],["p-43d3ef1d.system",[[256,"verdocs-file-chooser",{"endpoint":[16],"file":[32]}],[256,"verdocs-progress-bar",{"label":[1],"showPercent":[4,"show-percent"],"percent":[2]}]]],["p-8626626f.system",[[256,"verdocs-spinner",{"size":[2],"mode":[1]}]]],["p-a60c394a.system",[[260,"verdocs-dialog",{"persistent":[4]}]]],["p-40ab139c.system",[[256,"verdocs-ok-dialog",{"heading":[1],"message":[1],"buttonLabel":[1,"button-label"],"showCancel":[4,"show-cancel"],"closed":[32]}]]],["p-8e19a798.system",[[256,"verdocs-flag",{"variant":[1],"label":[1],"showSkip":[4,"show-skip"]}]]],["p-b7d907b4.system",[[256,"verdocs-sign-footer",{"endpoint":[16],"envelopeId":[1,"envelope-id"],"isDone":[4,"is-done"],"askingQuestion":[32],"declinine":[32],"envelope":[32]}],[256,"verdocs-download-dialog",{"signed":[4],"polling":[4],"documents":[16],"hasCertificate":[4,"has-certificate"]}],[256,"verdocs-envelope-document-page",{"endpoint":[16],"envelopeId":[1,"envelope-id"],"documentId":[1,"document-id"],"pageNumber":[2,"page-number"],"virtualWidth":[2,"virtual-width"],"virtualHeight":[1026,"virtual-height"],"layers":[16],"type":[1],"containerId":[32],"renderedWidth":[32],"renderedHeight":[32],"naturalWidth":[32],"naturalHeight":[32],"aspectRatio":[32],"skipFirstNotification":[32],"pageDisplayUri":[32]}],[256,"verdocs-question-dialog",{"question":[1025],"closed":[32]}]]],["p-d52e6117.system",[[256,"verdocs-view",{"endpoint":[16],"envelopeId":[1,"envelope-id"],"headerTargetId":[1,"header-target-id"],"canceling":[32],"showCancelDone":[32],"showLoadError":[32],"loading":[32],"envelope":[32],"zoomLevel":[32],"showDownloadDialog":[32],"polling":[32]}],[256,"verdocs-kba-dialog",{"step":[2],"steps":[2],"helptitle":[1],"helptext":[1],"mode":[1],"label":[1],"placeholder":[1],"recipient":[16],"choices":[16],"agreed":[32],"response":[32],"updatedRecipient":[32],"dobContainerId":[32]}],[256,"verdocs-adopt-signature-dialog",{"name":[1],"nameLocked":[4,"name-locked"],"fontLoaded":[32],"enteredName":[32],"enteredInitials":[32],"mode":[32],"isDrawing":[32],"hasDrawnSignature":[32],"hasDrawnInitials":[32]}],[256,"verdocs-otp-dialog",{"endpoint":[1040],"method":[1],"resendDisabled":[32],"response":[32]}],[256,"verdocs-passcode-dialog",{"endpoint":[1040],"response":[32]}],[256,"verdocs-disclosure-dialog",{"disclosures":[1],"delegator":[4],"accepted":[32]}],[256,"verdocs-delegate-dialog",{"endpoint":[1040],"envelope":[16],"first_name":[32],"last_name":[32],"email":[32],"phone":[32],"message":[32]}]]],["p-6dd3761c.system",[[256,"verdocs-organization-card",{"organization":[16],"hovered":[32]},[[1,"mouseover","onMouseOver"],[1,"mouseout","onMouseOut"]]],[260,"verdocs-portal",{"anchor":[1],"voffset":[2]},[[11,"scroll","handleScroll"],[9,"resize","handleResize"],[4,"click","handleClick"]]]]],["p-91316504.system",[[256,"verdocs-template-field-properties",{"endpoint":[16],"templateId":[1,"template-id"],"fieldName":[1025,"field-name"],"helpText":[1,"help-text"],"dirty":[32],"label":[32],"type":[32],"name":[32],"required":[32],"readonly":[32],"roleName":[32],"group":[32],"fieldType":[32],"options":[32],"placeholder":[32],"defaultValue":[32],"showingHelp":[32],"loading":[32],"template":[32]}],[256,"verdocs-select-input",{"value":[1],"label":[1],"options":[16],"disabled":[4]}],[256,"verdocs-component-error",{"message":[1]}],[256,"verdocs-checkbox",{"checked":[4],"name":[1],"label":[1],"value":[1],"theme":[1],"size":[1],"disabled":[4]}],[256,"verdocs-loader"]]],["p-6d41df5d.system",[[256,"verdocs-field-attachment",{"source":[513],"sourceid":[513],"fieldname":[513],"field":[16],"isPreview":[516,"is-preview"],"disabled":[516],"editable":[516],"moveable":[516],"done":[516],"xscale":[514],"yscale":[514],"pagenumber":[514],"showingProperties":[32],"dialogOpen":[32],"selectedFile":[32],"focused":[32],"focusField":[64],"showSettingsPanel":[64],"hideSettingsPanel":[64]},[[0,"blur","handleBlur"]],{"editable":["onEditableChanged"]}],[256,"verdocs-field-checkbox",{"source":[513],"sourceid":[513],"fieldname":[513],"field":[16],"isPreview":[516,"is-preview"],"disabled":[516],"done":[516],"editable":[516],"moveable":[516],"xscale":[514],"yscale":[514],"pagenumber":[514],"showingProperties":[32],"focused":[32],"focusField":[64],"showSettingsPanel":[64],"hideSettingsPanel":[64]},[[0,"blur","handleBlur"]],{"editable":["onEditableChanged"]}],[256,"verdocs-field-date",{"source":[513],"sourceid":[513],"fieldname":[513],"disabled":[516],"editable":[516],"moveable":[516],"done":[516],"xscale":[514],"yscale":[514],"pagenumber":[514],"field":[16],"isPreview":[516,"is-preview"],"containerId":[32],"showingProperties":[32],"focused":[32],"focusField":[64],"showSettingsPanel":[64],"hideSettingsPanel":[64]},[[2,"blur","handleBlur"]],{"editable":["onEditableChanged"]}],[256,"verdocs-field-dropdown",{"source":[513],"sourceid":[513],"fieldname":[513],"field":[16],"isPreview":[516,"is-preview"],"disabled":[516],"editable":[516],"moveable":[516],"done":[516],"xscale":[514],"yscale":[514],"pagenumber":[514],"showingProperties":[32],"focused":[32],"focusField":[64],"showSettingsPanel":[64],"hideSettingsPanel":[64]},[[2,"blur","handleBlur"]],{"editable":["onEditableChanged"]}],[256,"verdocs-field-initial",{"source":[513],"sourceid":[513],"fieldname":[513],"field":[16],"disabled":[516],"initials":[513],"editable":[516],"moveable":[516],"done":[516],"xscale":[514],"yscale":[514],"pagenumber":[514],"initialid":[513],"isPreview":[516,"is-preview"],"showingProperties":[32],"focused":[32],"menuOpen":[32],"tempInitials":[32],"focusField":[64],"showSettingsPanel":[64],"hideSettingsPanel":[64]},[[0,"blur","handleBlur"]],{"editable":["onEditableChanged"]}],[256,"verdocs-field-radio",{"source":[513],"sourceid":[513],"fieldname":[513],"field":[16],"isPreview":[516,"is-preview"],"disabled":[516],"required":[516],"done":[516],"editable":[516],"moveable":[516],"xscale":[514],"yscale":[514],"pagenumber":[514],"showingProperties":[32],"focused":[32],"focusField":[64],"showSettingsPanel":[64],"hideSettingsPanel":[64]},[[0,"blur","handleBlur"]],{"editable":["onEditableChanged"]}],[256,"verdocs-field-signature",{"source":[513],"sourceid":[513],"fieldname":[513],"field":[16],"name":[513],"disabled":[516],"editable":[516],"moveable":[516],"done":[516],"xscale":[514],"yscale":[514],"pagenumber":[514],"signatureid":[513],"isPreview":[516,"is-preview"],"showingProperties":[32],"focused":[32],"menuOpen":[32],"tempSignature":[32],"focusField":[64],"showSettingsPanel":[64],"hideSettingsPanel":[64]},[[0,"blur","handleBlur"],[0,"blur","onBlur"]],{"editable":["onEditableChanged"]}],[256,"verdocs-field-textarea",{"endpoint":[16],"source":[513],"sourceid":[513],"fieldname":[513],"field":[16],"isPreview":[516,"is-preview"],"disabled":[516],"editable":[516],"moveable":[516],"done":[516],"xscale":[514],"yscale":[514],"pagenumber":[514],"showingProperties":[32],"focused":[32],"focusField":[64],"showSettingsPanel":[64],"hideSettingsPanel":[64]},[[2,"blur","handleBlur"]],{"editable":["onEditableChanged"]}],[256,"verdocs-field-textbox",{"source":[513],"sourceid":[513],"fieldname":[513],"field":[16],"isPreview":[516,"is-preview"],"disabled":[516],"multiline":[516],"editable":[516],"moveable":[516],"done":[516],"xscale":[514],"yscale":[514],"pagenumber":[514],"showingProperties":[32],"focused":[32],"focusField":[64],"showSettingsPanel":[64],"hideSettingsPanel":[64]},[[2,"blur","handleBlur"]],{"editable":["onEditableChanged"]}],[256,"verdocs-field-timestamp",{"source":[513],"sourceid":[513],"fieldname":[513],"field":[16],"isPreview":[516,"is-preview"],"disabled":[516],"editable":[516],"moveable":[516],"done":[516],"xscale":[514],"yscale":[514],"pagenumber":[2],"showingProperties":[32],"focused":[32],"focusField":[64],"showSettingsPanel":[64],"hideSettingsPanel":[64]},[[2,"blur","handleBlur"]],{"editable":["onEditableChanged"]}],[256,"verdocs-upload-dialog",{"maxSize":[1026,"max-size"],"existingFile":[1032,"existing-file"],"draggingOver":[32],"confirmDelete":[32],"selectedFiles":[32],"errorMessage":[32]}]]],["p-066eaea8.system",[[256,"verdocs-toolbar-icon",{"text":[1],"icon":[1],"placement":[1],"containerId":[32]}],[256,"verdocs-template-document-page",{"endpoint":[16],"editable":[4],"disabled":[4],"done":[4],"templateId":[513,"template-id"],"documentId":[513,"document-id"],"pageNumber":[514,"page-number"],"virtualWidth":[2,"virtual-width"],"virtualHeight":[1026,"virtual-height"],"layers":[16],"containerId":[32],"renderedWidth":[32],"renderedHeight":[32],"naturalWidth":[32],"naturalHeight":[32],"aspectRatio":[32],"skipFirstNotification":[32],"pageDisplayUri":[32],"xScale":[32],"yScale":[32],"loading":[32],"template":[32]}]]],["p-abfa8b47.system",[[256,"verdocs-template-fields",{"endpoint":[16],"templateId":[1537,"template-id"],"toolbarTargetId":[1,"toolbar-target-id"],"placing":[32],"showMustSelectRole":[32],"selectedRoleName":[32],"loading":[32],"template":[32]},[[4,"keydown","handleKeyDown"],[0,"settingsChanged","handleFieldSettingsChanged"],[0,"deleted","handleFieldDeleted"]],{"templateId":["onTemplateIdChanged"]}],[256,"verdocs-preview",{"endpoint":[16],"templateId":[1,"template-id"],"loading":[32],"template":[32]},null,{"templateId":["onTemplateIdChanged"]}],[256,"verdocs-send",{"endpoint":[16],"templateId":[513,"template-id"],"environment":[1],"showCancel":[4,"show-cancel"],"containerId":[32],"showPickerForId":[32],"sessionContacts":[32],"sending":[32],"rolesCompleted":[32],"loading":[32],"template":[32],"reset":[64]},null,{"templateId":["onTemplateIdChanged"]}],[256,"verdocs-template-roles",{"endpoint":[16],"templateId":[1,"template-id"],"showingRoleDialog":[32],"sender":[32],"dragging":[32],"loading":[32],"template":[32]}],[256,"verdocs-template-attachments",{"endpoint":[16],"templateId":[1,"template-id"],"uploading":[32],"progressLabel":[32],"progressPercent":[32],"showDeleteError":[32],"confirmDeleteDocument":[32],"loading":[32],"template":[32]}],[256,"verdocs-template-build-tabs",{"endpoint":[16],"templateId":[1537,"template-id"],"step":[1537],"loading":[32],"template":[32]},null,{"templateId":["onTemplateIdChanged"],"step":["onStepChanged"]}]]]]'),t)]}}))}))}))}}}));
 //# sourceMappingURL=p-B8zpaHu-.system.js.map

package/dist/verdocs-web-sdk/{p-CC3ukJv1.system.js.map → p-BFC8G6sY.system.js.map}

@@ -1 +1 @@
-{"version":3,"file":"p-CC3ukJv1.system.js","sources":["src/components/controls/verdocs-pagination/verdocs-pagination.scss?tag=verdocs-pagination","src/components/controls/verdocs-pagination/verdocs-pagination.tsx","src/components/controls/verdocs-quick-filter/verdocs-quick-filter.scss?tag=verdocs-quick-filter","src/components/controls/verdocs-quick-filter/verdocs-quick-filter.tsx"],"sourcesContent":["@import '../../../theme.scss';\n\nverdocs-pagination {\n  gap: 8px;\n  display: flex;\n  flex-direction: row;\n  font-family: $primary-font;\n\n  .page-button {\n    height: 38px;\n    display: flex;\n    flex: 0 0 38px;\n    cursor: pointer;\n    font-size: 16px;\n    font-weight: 600;\n    border-radius: 4px;\n    align-items: center;\n    justify-content: center;\n    color: $verdocs-dark-blue;\n    border: 1px solid $verdocs-purple;\n\n    svg {\n      width: 18px;\n      height: 18px;\n    }\n\n    &.selected {\n      cursor: default;\n      color: $verdocs-grey-4;\n      background: $verdocs-purple;\n    }\n  }\n\n  .ellipsis {\n    width: 38px;\n    height: 38px;\n    display: flex;\n    flex: 0 0 38px;\n    line-height: 32px;\n    justify-content: center;\n    color: $verdocs-dark-blue;\n  }\n}\n","import {integerSequence} from '@verdocs/js-sdk';\nimport {Host, FunctionalComponent} from '@stencil/core';\nimport {Component, Prop, Element, h, Event, EventEmitter} from '@stencil/core';\n\nconst ChevronDoubleLeft = `<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=\"M18.75 19.5l-7.5-7.5 7.5-7.5m-6 15L5.25 12l7.5-7.5\" /></svg>`;\n\nconst ChevronDoubleRight = `<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.25 4.5l7.5 7.5-7.5 7.5m-6-15l7.5 7.5-7.5 7.5\" /></svg>`;\n\ntype TPageNumber = number | 'first' | 'last';\n\nconst VISIBLE_PAGES = 5;\n\nconst PageButton: FunctionalComponent<{page: TPageNumber; selected: number; onClick: (page: TPageNumber) => void}> = ({page, selected, onClick}) => {\n  let label;\n  if (page === 'first') {\n    label = ChevronDoubleLeft;\n  } else if (page === 'last') {\n    label = ChevronDoubleRight;\n  } else {\n    label = String(page + 1);\n  }\n\n  return <div class={`page-button ${page === selected ? 'selected' : ''}`} onClick={() => onClick(page)} innerHTML={label} />;\n};\n\n/**\n * Display a simple pagination control with individual buttons to move through the data set.\n *\n * ```ts\n * <verdocs-pagination\n *   selectedPage={1}\n *   itemCount={50}\n *   perPage={10}\n *   onSelectPage={(e) => {setSelectedpage(e.detail.selectedPage)}}\n * />\n * ```\n */\n@Component({\n  tag: 'verdocs-pagination',\n  styleUrl: 'verdocs-pagination.scss',\n})\nexport class VerdocsQuickFilter {\n  @Element()\n  el: HTMLElement;\n\n  /**\n   * The currently selected page.\n   */\n  @Prop({mutable: true, reflect: true}) selectedPage: number = 0;\n\n  /**\n   * The total number of items.\n   */\n  @Prop() itemCount: number = 1;\n\n  /**\n   * The number of displayed per page.\n   */\n  @Prop() perPage: number = 10;\n\n  /**\n   * Event fired when the selected page changes. The new page number is included in the event.\n   */\n  @Event({composed: true}) selectPage: EventEmitter<{selectedPage: number}>;\n\n  handleSelectPage(page: number) {\n    this.selectedPage = page;\n    this.selectPage?.emit({selectedPage: page});\n  }\n\n  render() {\n    const firstPage = Math.max(0, this.selectedPage - 2);\n    const numPages = this.itemCount > 0 ? Math.ceil(this.itemCount / this.perPage) : 0;\n    const pagesToDisplay = integerSequence(0, Math.ceil(this.itemCount / this.perPage)).slice(firstPage, firstPage + VISIBLE_PAGES);\n\n    return (\n      <Host>\n        {this.selectedPage > 0 && <PageButton page={'first'} selected={this.selectedPage} onClick={() => this.handleSelectPage(0)} />}\n\n        {firstPage > 0 && <div class=\"ellipsis\">...</div>}\n\n        {pagesToDisplay.map(pageNumber => (\n          <PageButton page={pageNumber} selected={this.selectedPage} onClick={page => this.handleSelectPage(+page)} />\n        ))}\n\n        {this.selectedPage < numPages - 1 && <div class=\"ellipsis\">...</div>}\n\n        {this.selectedPage < numPages - 1 && <PageButton page={'last'} selected={this.selectedPage} onClick={() => this.handleSelectPage(numPages - 1)} />}\n      </Host>\n    );\n  }\n}\n","@import '../../../theme.scss';\n\nverdocs-quick-filter {\n  position: relative;\n  font-family: $primary-font;\n\n  .control {\n    outline: 0;\n    height: 34px;\n    display: flex;\n    cursor: pointer;\n    border-radius: 4px;\n    align-items: center;\n    flex-direction: row;\n    box-sizing: border-box;\n    background: $verdocs-grey-4;\n    transition: all 100ms ease 0s;\n    border: 1px solid $verdocs-bg-1;\n  }\n\n  .title {\n    padding: 0 8px;\n    font-size: 14px;\n    max-width: 100%;\n    overflow: hidden;\n    color: $label-color;\n    white-space: nowrap;\n    box-sizing: border-box;\n    text-overflow: ellipsis;\n\n    .prefix {\n      display: inline;\n      font-weight: 700;\n      margin: 0 7px 0 0;\n      color: $secondary-color;\n    }\n  }\n\n  .arrow {\n    width: 32px;\n    height: 32px;\n    border: none;\n    outline: none;\n    cursor: pointer;\n    align-items: center;\n    display: inline-flex;\n    justify-content: center;\n    background: $verdocs-grey-4;\n    transition: color 150ms ease 0s;\n\n    svg {\n      transition: 0.3s;\n      fill: $verdocs-bg-1;\n    }\n  }\n\n  .separator {\n    width: 1px;\n    display: block;\n    margin-top: 8px;\n    margin-bottom: 8px;\n    align-self: stretch;\n    box-sizing: border-box;\n    background-color: $verdocs-bg-1;\n  }\n\n  .items {\n    display: none;\n    z-index: 10000;\n    position: absolute;\n    border-radius: 4px;\n    background: $verdocs-grey-4;\n    box-shadow: rgba(0, 0, 0, 0.1) 0 0 0 1px, rgba(0, 0, 0, 0.1) 0 4px 11px;\n  }\n\n  .items[data-show] {\n    display: block;\n  }\n\n  .option {\n    width: 100%;\n    border: none;\n    display: block;\n    font-size: 14px;\n    text-align: left;\n    background: none;\n    padding: 10px 20px;\n    color: $verdocs-bg-5;\n  }\n\n  .option:hover {\n    cursor: pointer;\n    background: #4c56cb3f;\n  }\n\n  .option[disabled] {\n    color: $light-disabled-color;\n  }\n\n  .option[disabled]:hover {\n    cursor: inherit;\n    background: transparent;\n    color: $light-disabled-color;\n  }\n\n  &.open {\n    .items {\n      display: block;\n    }\n\n    .arrow svg {\n      transform: scaleY(-1);\n    }\n  }\n}\n","import {Host} from '@stencil/core';\nimport {createPopper, Instance} from '@popperjs/core';\nimport {Component, Prop, Element, State, h, Event, EventEmitter} from '@stencil/core';\nimport {renderedTextWidth} from '../../../utils/utils';\n\nconst DropdownArrow = `<svg height=\"20\" width=\"20\" viewBox=\"0 0 20 20\" aria-hidden=\"true\" focusable=\"false\" class=\"css-8mmkcg\"><path d=\"M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z\"></path></svg>`;\n\nexport interface IFilterOption {\n  value: string;\n  label: string;\n  disabled?: boolean;\n}\n\n/**\n * Display a drop-down menu of quick filter options.\n *\n * ```ts\n * <verdocs-quick-filter options={[...options]} value={1} label=\"Filter\" placeholder=\"All\" />\n * ```\n */\n@Component({\n  tag: 'verdocs-quick-filter',\n  styleUrl: 'verdocs-quick-filter.scss',\n})\nexport class VerdocsQuickFilter {\n  @Element()\n  el: HTMLElement;\n\n  private dropdownButton?: HTMLElement;\n  private dropdownMenu?: HTMLDivElement;\n  private popper?: Instance;\n\n  /**\n   * The menu options to display.\n   */\n  @Prop() options: IFilterOption[] = [];\n\n  @Prop()\n  label: string = 'Filter';\n\n  @Prop({reflect: true, mutable: true})\n  value: string = '';\n\n  @Prop()\n  placeholder: string = 'Select...';\n\n  /**\n   * Event fired when a menu option is clicked.\n   * Web Component events need to be \"composed\" to cross the Shadow DOM and be received by parent frameworks.\n   */\n  @Event({composed: true}) optionSelected: EventEmitter<IFilterOption>;\n\n  @State() open: boolean;\n\n  // We need to do this to reliably disconnect the click-away listener\n  clickListenerSymbol = new AbortController();\n  componentDidLoad() {\n    this.popper = createPopper(this.dropdownButton, this.dropdownMenu, {placement: 'bottom-start', modifiers: [{name: 'offset', options: {offset: [-1, 14]}}]});\n\n    window.addEventListener('click', this.clickListener.bind(this), {signal: this.clickListenerSymbol.signal});\n  }\n\n  disconnectedCallback() {\n    this.clickListenerSymbol.abort();\n  }\n\n  clickListener(e: any) {\n    const outside = !(e.target == this.el || this.el.contains(e.target));\n    if (outside) {\n      this.hide();\n    }\n  }\n\n  handleSelectOption(e: any, option: IFilterOption) {\n    e.stopPropagation();\n    this.optionSelected.emit(option);\n    this.value = option.value;\n    this.hide();\n  }\n\n  // See https://popper.js.org/docs/v2/tutorial/\n  // What we're doing here is clearing event listeners when they aren't needed, to increase performance in lists\n  showDropdown() {\n    this.open = true;\n    this.dropdownMenu.setAttribute('data-show', '');\n    this.dropdownMenu.removeAttribute('aria-hidden');\n\n    this.popper\n      ?.setOptions(options => ({\n        ...options,\n        modifiers: [...options.modifiers, {name: 'eventListeners', enabled: true}],\n      }))\n      .catch(() => {});\n\n    this.popper?.update().catch(() => {});\n  }\n\n  handleHideDropdown(e: any) {\n    if (e?.target?.localName === 'button' && e?.target?.className === 'arrow') {\n      // This event is fired when a menu element is clicked because the button \"loses focus\" then too\n      return;\n    }\n\n    this.hide();\n  }\n\n  toggleDropdown(e: any) {\n    e.stopPropagation();\n\n    if (this.open) {\n      this.hide();\n    } else {\n      this.showDropdown();\n    }\n  }\n\n  hide() {\n    this.open = false;\n    this.dropdownMenu.removeAttribute('data-show');\n    this.dropdownMenu.setAttribute('aria-hidden', 'true');\n    this.popper\n      ?.setOptions(options => ({\n        ...options,\n        modifiers: [...options.modifiers, {name: 'eventListeners', enabled: false}],\n      }))\n      .catch(() => {});\n  }\n\n  render() {\n    const selectedOption = this.options?.find(option => option.value === this.value);\n    const longestOption = this.options?.reduce((prev, curr) => (prev.label.length > curr.label.length ? prev : curr));\n    const longestLabelWidth = renderedTextWidth(longestOption?.label || 'FILLER', '14px Inter, Barlow, sans-serif');\n    const prefixWidth = renderedTextWidth(this.label, '14px Inter, Barlow, sans-serif');\n    const minWidth = `${longestLabelWidth + prefixWidth + 40}px`;\n\n    return (\n      <Host class={{open: !!this.open}} style={{minWidth, display: 'inline-block'}}>\n        <div class=\"control\" onClick={e => this.toggleDropdown(e)} onBlur={e => this.handleHideDropdown(e)}>\n          <div class=\"title\" ref={el => (this.dropdownButton = el as HTMLElement)}>\n            <span class=\"prefix\">{this.label}:</span>\n            {selectedOption ? selectedOption.label : this.placeholder}\n          </div>\n\n          <div style={{flex: '1'}} />\n\n          <div class=\"separator\" />\n\n          <div class=\"arrow\" innerHTML={DropdownArrow} aria-label=\"Open Menu\" />\n        </div>\n\n        <div class=\"items\" aria-hidden={!this.open} ref={el => (this.dropdownMenu = el as HTMLDivElement)} style={{minWidth}}>\n          {this.options?.map(option =>\n            option.label ? (\n              <button onClick={e => this.handleSelectOption(e, option)} class={`option ${option.value === this.value ? 'selected' : ''}`} disabled={option.disabled}>\n                {option.label}\n              </button>\n            ) : (\n              <div class=\"separator\" />\n            ),\n          )}\n        </div>\n      </Host>\n    );\n  }\n}\n"],"names":["VerdocsQuickFilter"],"mappings":"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"}
+{"version":3,"file":"p-BFC8G6sY.system.js","sources":["src/components/controls/verdocs-pagination/verdocs-pagination.scss?tag=verdocs-pagination","src/components/controls/verdocs-pagination/verdocs-pagination.tsx","src/components/controls/verdocs-quick-filter/verdocs-quick-filter.scss?tag=verdocs-quick-filter","src/components/controls/verdocs-quick-filter/verdocs-quick-filter.tsx"],"sourcesContent":["@import '../../../theme.scss';\n\nverdocs-pagination {\n  gap: 8px;\n  display: flex;\n  flex-direction: row;\n  font-family: $primary-font;\n\n  .page-button {\n    height: 38px;\n    display: flex;\n    flex: 0 0 38px;\n    cursor: pointer;\n    font-size: 16px;\n    font-weight: 600;\n    border-radius: 4px;\n    align-items: center;\n    justify-content: center;\n    color: $verdocs-dark-blue;\n    border: 1px solid $verdocs-purple;\n\n    svg {\n      width: 18px;\n      height: 18px;\n    }\n\n    &.selected {\n      cursor: default;\n      color: $verdocs-grey-4;\n      background: $verdocs-purple;\n    }\n  }\n\n  .ellipsis {\n    width: 38px;\n    height: 38px;\n    display: flex;\n    flex: 0 0 38px;\n    line-height: 32px;\n    justify-content: center;\n    color: $verdocs-dark-blue;\n  }\n}\n","import {integerSequence} from '@verdocs/js-sdk';\nimport {Host, FunctionalComponent} from '@stencil/core';\nimport {Component, Prop, Element, h, Event, EventEmitter} from '@stencil/core';\n\nconst ChevronDoubleLeft = `<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=\"M18.75 19.5l-7.5-7.5 7.5-7.5m-6 15L5.25 12l7.5-7.5\" /></svg>`;\n\nconst ChevronDoubleRight = `<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.25 4.5l7.5 7.5-7.5 7.5m-6-15l7.5 7.5-7.5 7.5\" /></svg>`;\n\ntype TPageNumber = number | 'first' | 'last';\n\nconst VISIBLE_PAGES = 5;\n\nconst PageButton: FunctionalComponent<{page: TPageNumber; selected: number; onClick: (page: TPageNumber) => void}> = ({page, selected, onClick}) => {\n  let label;\n  if (page === 'first') {\n    label = ChevronDoubleLeft;\n  } else if (page === 'last') {\n    label = ChevronDoubleRight;\n  } else {\n    label = String(page + 1);\n  }\n\n  return <div class={`page-button ${page === selected ? 'selected' : ''}`} onClick={() => onClick(page)} innerHTML={label} />;\n};\n\n/**\n * Display a simple pagination control with individual buttons to move through the data set.\n *\n * ```ts\n * <verdocs-pagination\n *   selectedPage={1}\n *   itemCount={50}\n *   perPage={10}\n *   onSelectPage={(e) => {setSelectedpage(e.detail.selectedPage)}}\n * />\n * ```\n */\n@Component({\n  tag: 'verdocs-pagination',\n  styleUrl: 'verdocs-pagination.scss',\n})\nexport class VerdocsQuickFilter {\n  @Element()\n  el: HTMLElement;\n\n  /**\n   * The currently selected page.\n   */\n  @Prop({mutable: true, reflect: true}) selectedPage: number = 0;\n\n  /**\n   * The total number of items.\n   */\n  @Prop() itemCount: number = 1;\n\n  /**\n   * The number of displayed per page.\n   */\n  @Prop() perPage: number = 10;\n\n  /**\n   * Event fired when the selected page changes. The new page number is included in the event.\n   */\n  @Event({composed: true}) selectPage: EventEmitter<{selectedPage: number}>;\n\n  handleSelectPage(page: number) {\n    this.selectedPage = page;\n    this.selectPage?.emit({selectedPage: page});\n  }\n\n  render() {\n    const firstPage = Math.max(0, this.selectedPage - 2);\n    const numPages = this.itemCount > 0 ? Math.ceil(this.itemCount / this.perPage) : 0;\n    const pagesToDisplay = integerSequence(0, Math.ceil(this.itemCount / this.perPage)).slice(firstPage, firstPage + VISIBLE_PAGES);\n\n    return (\n      <Host>\n        {this.selectedPage > 0 && <PageButton page={'first'} selected={this.selectedPage} onClick={() => this.handleSelectPage(0)} />}\n\n        {firstPage > 0 && <div class=\"ellipsis\">...</div>}\n\n        {pagesToDisplay.map(pageNumber => (\n          <PageButton page={pageNumber} selected={this.selectedPage} onClick={page => this.handleSelectPage(+page)} />\n        ))}\n\n        {this.selectedPage < numPages - 1 && <div class=\"ellipsis\">...</div>}\n\n        {this.selectedPage < numPages - 1 && <PageButton page={'last'} selected={this.selectedPage} onClick={() => this.handleSelectPage(numPages - 1)} />}\n      </Host>\n    );\n  }\n}\n","@import '../../../theme.scss';\n\nverdocs-quick-filter {\n  position: relative;\n  font-family: $primary-font;\n\n  .control {\n    outline: 0;\n    height: 34px;\n    display: flex;\n    cursor: pointer;\n    border-radius: 4px;\n    align-items: center;\n    flex-direction: row;\n    box-sizing: border-box;\n    background: $verdocs-grey-4;\n    transition: all 100ms ease 0s;\n    border: 1px solid $verdocs-bg-1;\n  }\n\n  .title {\n    padding: 0 8px;\n    font-size: 14px;\n    max-width: 100%;\n    overflow: hidden;\n    color: $label-color;\n    white-space: nowrap;\n    box-sizing: border-box;\n    text-overflow: ellipsis;\n\n    .prefix {\n      display: inline;\n      font-weight: 700;\n      margin: 0 7px 0 0;\n      color: $secondary-color;\n    }\n  }\n\n  .arrow {\n    width: 32px;\n    height: 32px;\n    border: none;\n    outline: none;\n    cursor: pointer;\n    align-items: center;\n    display: inline-flex;\n    justify-content: center;\n    background: $verdocs-grey-4;\n    transition: color 150ms ease 0s;\n\n    svg {\n      transition: 0.3s;\n      fill: $verdocs-bg-1;\n    }\n  }\n\n  .separator {\n    width: 1px;\n    display: block;\n    margin-top: 8px;\n    margin-bottom: 8px;\n    align-self: stretch;\n    box-sizing: border-box;\n    background-color: $verdocs-bg-1;\n  }\n\n  .items {\n    display: none;\n    z-index: 10000;\n    position: absolute;\n    border-radius: 4px;\n    background: $verdocs-grey-4;\n    box-shadow: rgba(0, 0, 0, 0.1) 0 0 0 1px, rgba(0, 0, 0, 0.1) 0 4px 11px;\n  }\n\n  .items[data-show] {\n    display: block;\n  }\n\n  .option {\n    width: 100%;\n    border: none;\n    display: block;\n    font-size: 14px;\n    text-align: left;\n    background: none;\n    padding: 10px 20px;\n    color: $verdocs-bg-5;\n  }\n\n  .option:hover {\n    cursor: pointer;\n    background: #4c56cb3f;\n  }\n\n  .option[disabled] {\n    color: $light-disabled-color;\n  }\n\n  .option[disabled]:hover {\n    cursor: inherit;\n    background: transparent;\n    color: $light-disabled-color;\n  }\n\n  &.open {\n    .items {\n      display: block;\n    }\n\n    .arrow svg {\n      transform: scaleY(-1);\n    }\n  }\n}\n","import {Host} from '@stencil/core';\nimport {createPopper, Instance} from '@popperjs/core';\nimport {Component, Prop, Element, State, h, Event, EventEmitter} from '@stencil/core';\nimport {renderedTextWidth} from '../../../utils/utils';\n\nconst DropdownArrow = `<svg height=\"20\" width=\"20\" viewBox=\"0 0 20 20\" aria-hidden=\"true\" focusable=\"false\" class=\"css-8mmkcg\"><path d=\"M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z\"></path></svg>`;\n\nexport interface IFilterOption {\n  value: string;\n  label: string;\n  disabled?: boolean;\n}\n\n/**\n * Display a drop-down menu of quick filter options.\n *\n * ```ts\n * <verdocs-quick-filter options={[...options]} value={1} label=\"Filter\" placeholder=\"All\" />\n * ```\n */\n@Component({\n  tag: 'verdocs-quick-filter',\n  styleUrl: 'verdocs-quick-filter.scss',\n})\nexport class VerdocsQuickFilter {\n  @Element()\n  el: HTMLElement;\n\n  private dropdownButton?: HTMLElement;\n  private dropdownMenu?: HTMLDivElement;\n  private popper?: Instance;\n\n  /**\n   * The menu options to display.\n   */\n  @Prop() options: IFilterOption[] = [];\n\n  @Prop()\n  label: string = 'Filter';\n\n  @Prop({reflect: true, mutable: true})\n  value: string = '';\n\n  @Prop()\n  placeholder: string = 'Select...';\n\n  /**\n   * Event fired when a menu option is clicked.\n   * Web Component events need to be \"composed\" to cross the Shadow DOM and be received by parent frameworks.\n   */\n  @Event({composed: true}) optionSelected: EventEmitter<IFilterOption>;\n\n  @State() open: boolean;\n\n  // We need to do this to reliably disconnect the click-away listener\n  clickListenerSymbol = new AbortController();\n  componentDidLoad() {\n    this.popper = createPopper(this.dropdownButton, this.dropdownMenu, {placement: 'bottom-start', modifiers: [{name: 'offset', options: {offset: [-1, 14]}}]});\n\n    window.addEventListener('click', this.clickListener.bind(this), {signal: this.clickListenerSymbol.signal});\n  }\n\n  disconnectedCallback() {\n    this.clickListenerSymbol.abort();\n  }\n\n  clickListener(e: any) {\n    const outside = !(e.target == this.el || this.el.contains(e.target));\n    if (outside) {\n      this.hide();\n    }\n  }\n\n  handleSelectOption(e: any, option: IFilterOption) {\n    e.stopPropagation();\n    this.optionSelected.emit(option);\n    this.value = option.value;\n    this.hide();\n  }\n\n  // See https://popper.js.org/docs/v2/tutorial/\n  // What we're doing here is clearing event listeners when they aren't needed, to increase performance in lists\n  showDropdown() {\n    this.open = true;\n    this.dropdownMenu.setAttribute('data-show', '');\n    this.dropdownMenu.removeAttribute('aria-hidden');\n\n    this.popper\n      ?.setOptions(options => ({\n        ...options,\n        modifiers: [...options.modifiers, {name: 'eventListeners', enabled: true}],\n      }))\n      .catch(() => {});\n\n    this.popper?.update().catch(() => {});\n  }\n\n  handleHideDropdown(e: any) {\n    if (e?.target?.localName === 'button' && e?.target?.className === 'arrow') {\n      // This event is fired when a menu element is clicked because the button \"loses focus\" then too\n      return;\n    }\n\n    this.hide();\n  }\n\n  toggleDropdown(e: any) {\n    e.stopPropagation();\n\n    if (this.open) {\n      this.hide();\n    } else {\n      this.showDropdown();\n    }\n  }\n\n  hide() {\n    this.open = false;\n    this.dropdownMenu.removeAttribute('data-show');\n    this.dropdownMenu.setAttribute('aria-hidden', 'true');\n    this.popper\n      ?.setOptions(options => ({\n        ...options,\n        modifiers: [...options.modifiers, {name: 'eventListeners', enabled: false}],\n      }))\n      .catch(() => {});\n  }\n\n  render() {\n    const selectedOption = this.options?.find(option => option.value === this.value);\n    const longestOption = this.options?.reduce((prev, curr) => (prev.label.length > curr.label.length ? prev : curr));\n    const longestLabelWidth = renderedTextWidth(longestOption?.label || 'FILLER', '14px Inter, Barlow, sans-serif');\n    const prefixWidth = renderedTextWidth(this.label, '14px Inter, Barlow, sans-serif');\n    const minWidth = `${longestLabelWidth + prefixWidth + 40}px`;\n\n    return (\n      <Host class={{open: !!this.open}} style={{minWidth, display: 'inline-block'}}>\n        <div class=\"control\" onClick={e => this.toggleDropdown(e)} onBlur={e => this.handleHideDropdown(e)}>\n          <div class=\"title\" ref={el => (this.dropdownButton = el as HTMLElement)}>\n            <span class=\"prefix\">{this.label}:</span>\n            {selectedOption ? selectedOption.label : this.placeholder}\n          </div>\n\n          <div style={{flex: '1'}} />\n\n          <div class=\"separator\" />\n\n          <div class=\"arrow\" innerHTML={DropdownArrow} aria-label=\"Open Menu\" />\n        </div>\n\n        <div class=\"items\" aria-hidden={!this.open} ref={el => (this.dropdownMenu = el as HTMLDivElement)} style={{minWidth}}>\n          {this.options?.map(option =>\n            option.label ? (\n              <button onClick={e => this.handleSelectOption(e, option)} class={`option ${option.value === this.value ? 'selected' : ''}`} disabled={option.disabled}>\n                {option.label}\n              </button>\n            ) : (\n              <div class=\"separator\" />\n            ),\n          )}\n        </div>\n      </Host>\n    );\n  }\n}\n"],"names":["VerdocsQuickFilter"],"mappings":"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"}

package/dist/verdocs-web-sdk/{p-LGooaeHw.system.js.map → p-BJ0cUjeu.system.js.map}

@@ -1 +1 @@
-{"version":3,"file":"p-LGooaeHw.system.js","sources":["src/components/dialogs/verdocs-signing-progress/verdocs-signing-progress.scss?tag=verdocs-signing-progress","src/components/dialogs/verdocs-signing-progress/verdocs-signing-progress.tsx"],"sourcesContent":["@import '../../../theme.scss';\n\nverdocs-signing-progress {\n  position: fixed;\n  top: 64px;\n  left: 20px;\n  z-index: 900;\n  display: block;\n  font-family: $verdocs-primary-font;\n\n  @media (max-width: 600px) {\n    display: none;\n  }\n\n  .card {\n    background: white;\n    padding: 16px;\n    border-radius: 8px;\n    box-shadow:\n      0 4px 6px -1px rgba(0, 0, 0, 0.1),\n      0 2px 4px -1px rgba(0, 0, 0, 0.06);\n    width: 240px;\n    box-sizing: border-box;\n    display: flex;\n    flex-direction: column;\n    gap: 12px;\n  }\n\n  .header {\n    font-size: 14px;\n    color: #111827;\n    display: flex;\n    flex-direction: column;\n    gap: 6px;\n\n    .progress-line.optional {\n      color: #6b7280;\n    }\n  }\n\n  .header-completed {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    font-size: 14px;\n    font-weight: 500;\n    color: #111827;\n  }\n\n  .description {\n    font-size: 12px;\n    line-height: 16px;\n    color: #374151;\n  }\n\n  .field-label {\n    font-family: var(--verdocs-primary-font, $verdocs-primary-font);\n    font-size: 0.75rem;\n    line-height: 1rem;\n    font-weight: 400;\n    color: var(--verdocs-body-color, #242424);\n  }\n\n  .field-completed {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    font-size: 0.75rem;\n    line-height: 1rem;\n    font-weight: 400;\n    color: var(--verdocs-body-color, #242424);\n\n    .text {\n      position: relative;\n      top: -2px;\n    }\n  }\n\n  .separator {\n    height: 1px;\n    background-color: #e5e7eb;\n    width: 100%;\n  }\n\n  .btn {\n    width: 100%;\n    height: 32px;\n    border-radius: 4px;\n    font-weight: 600;\n    font-size: 0.75rem;\n    line-height: 1rem;\n    cursor: pointer;\n    border: 1px solid transparent; // Default border\n    transition: all 0.2s;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n\n    &:disabled {\n      background-color: #f0f0f0;\n      border: 1px solid #e0e0e0;\n      color: #bdbdbd;\n      cursor: not-allowed;\n      opacity: 1;\n    }\n\n    &.start,\n    &.submit,\n    &.next {\n      background-color: var(--verdocs-primary-color, #55bc81);\n      color: white;\n\n      &:hover:not(:disabled) {\n        background-color: var(--verdocs-primary-color-hover, #2b995b);\n      }\n\n      &:disabled {\n        background-color: #f0f0f0;\n        border: 1px solid #e0e0e0;\n        color: #bdbdbd;\n        cursor: not-allowed;\n        opacity: 1;\n      }\n    }\n\n    &.prev,\n    &.previous {\n      background-color: #f3f4f6;\n      color: #374151;\n\n      &:hover:not(:disabled) {\n        background-color: #e5e7eb;\n      }\n\n      &:disabled {\n        background-color: #f0f0f0;\n        border: 1px solid #e0e0e0;\n        color: #bdbdbd;\n        cursor: not-allowed;\n        opacity: 1;\n      }\n    }\n  }\n\n  .nav-buttons {\n    display: flex;\n    gap: 12px;\n    width: 100%;\n\n    .btn {\n      flex: 1;\n    }\n  }\n}\n","import {IEnvelopeField, isFieldFilled} from '@verdocs/js-sdk';\nimport {Component, Prop, h, Event, EventEmitter} from '@stencil/core';\nimport {getFieldLabel} from '../../../utils/utils';\n\n@Component({\n  tag: 'verdocs-signing-progress',\n  styleUrl: 'verdocs-signing-progress.scss',\n})\nexport class VerdocsSigningProgress {\n  /**\n   * Display mode\n   */\n  @Prop() mode: 'start' | 'signing' | 'completed' = 'start';\n\n  /**\n   * The name of the currently focused field (to highlight it and show its label)\n   */\n  @Prop() focusedField: string = '';\n\n  /**\n   * All fillable fields for the current recipient\n   */\n  @Prop() fields: IEnvelopeField[] = [];\n\n  /**\n   * All fields for the recipient, used to check filled status (may include non-fillable)\n   */\n  @Prop() recipientFields: IEnvelopeField[] = [];\n\n  /**\n   * Emitted when user clicks Start\n   */\n  @Event({composed: true}) started: EventEmitter;\n\n  /**\n   * Emitted when user clicks Next\n   */\n  @Event({composed: true}) next: EventEmitter;\n\n  /**\n   * Emitted when user clicks Previous\n   */\n  @Event({composed: true}) previous: EventEmitter;\n\n  /**\n   * Emitted when user clicks Submit\n   */\n  @Event({composed: true}) exit: EventEmitter;\n\n  renderSuccessIcon() {\n    return (\n      <svg width=\"24\" height=\"24\" viewBox=\"0 0 20 20\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n        <path\n          d=\"M10 2C14.4183 2 18 5.58172 18 10C18 14.4183 14.4183 18 10 18C5.58172 18 2 14.4183 2 10C2 5.58172 5.58172 2 10 2ZM10 3C6.13401 3 3 6.13401 3 10C3 13.866 6.13401 17 10 17C13.866 17 17 13.866 17 10C17 6.13401 13.866 3 10 3ZM13.3584 7.64645C13.532 7.82001 13.5513 8.08944 13.4163 8.28431L13.3584 8.35355L9.35355 12.3584C9.17999 12.532 8.91056 12.5513 8.71569 12.4163L8.64645 12.3584L6.64645 10.3584C6.45118 10.1632 6.45118 9.84658 6.64645 9.65131C6.82001 9.47775 7.08944 9.45846 7.28431 9.59346L7.35355 9.65131L9 11.298L12.6513 7.64645C12.8466 7.45118 13.1632 7.45118 13.3584 7.64645Z\"\n          fill=\"#107C10\"\n        />\n      </svg>\n    );\n  }\n\n  renderContent(fieldLabel: string, fieldCompleted: boolean, readyToSubmit: boolean) {\n    if (this.mode === 'start') {\n      return <div class=\"field-label\">{fieldLabel}</div>;\n    }\n\n    if (fieldCompleted && readyToSubmit) {\n      return (\n        <div class=\"field-completed\">\n          <div class=\"icon\">{this.renderSuccessIcon()}</div>\n          <span class=\"text\">Ready to submit.</span>\n        </div>\n      );\n    }\n\n    return <div class=\"field-label\">{fieldLabel}</div>;\n  }\n\n  renderFooter(current: number, total: number, requiredRemaining: number) {\n    if (this.mode === 'start') {\n      return (\n        <button class=\"btn start\" onClick={() => this.started.emit()}>\n          Start Signing\n        </button>\n      );\n    }\n\n    return (\n      <div class=\"nav-buttons\">\n        {requiredRemaining === 0 ? (\n          <button class=\"btn submit\" onClick={() => this.exit.emit()}>\n            Submit\n          </button>\n        ) : (\n          [\n            <button class=\"btn previous\" disabled={current <= 1} onClick={() => this.previous.emit()}>\n              Previous\n            </button>,\n            <button class=\"btn next\" disabled={current >= total} onClick={() => this.next.emit()}>\n              Next\n            </button>,\n          ]\n        )}\n      </div>\n    );\n  }\n\n  renderCompleted() {\n    return (\n      <div class=\"card completed\">\n        <div class=\"header-completed\">\n          <div class=\"icon\">{this.renderSuccessIcon()}</div>\n          Ready to Submit\n        </div>\n        <div class=\"description\">You have entered all requested signatures. Select Submit to complete the signing process.</div>\n        <div class=\"separator\" />\n        <button class=\"btn submit\" onClick={() => this.exit.emit()}>\n          Submit\n        </button>\n      </div>\n    );\n  }\n\n  render() {\n    if (this.mode === 'completed') {\n      return this.renderCompleted();\n    }\n\n    const isFilled = (f: IEnvelopeField) =>\n      isFieldFilled(f, this.recipientFields) && (f.type !== 'dropdown' || !!f.value) && (f.type !== 'radio' || f.value === 'true') && (f.type !== 'checkbox' || f.value === 'true');\n\n    const requiredFields = this.fields.filter(f => f.required);\n    const requiredRemaining = requiredFields.filter(f => !isFilled(f)).length;\n\n    const optionalFields = this.fields.filter(f => !f.required);\n    const optionalRemaining = optionalFields.filter(f => !isFilled(f)).length;\n\n    const focusedFieldObj = this.fields.find(f => f.name === this.focusedField);\n    const currentIndex = this.fields.findIndex(f => f.name === this.focusedField) + 1;\n    const totalFields = this.fields.length;\n\n    return (\n      <div class=\"card\">\n        <div class=\"header\">\n          <div class=\"progress-line\">\n            {requiredRemaining} of {requiredFields.length} required fields remaining\n          </div>\n          {optionalFields.length > 0 && (\n            <div class=\"progress-line optional\">\n              {optionalRemaining} of {optionalFields.length} optional fields remaining\n            </div>\n          )}\n        </div>\n\n        <div class=\"body\">\n          {this.renderContent(getFieldLabel(focusedFieldObj), focusedFieldObj ? !!isFilled(focusedFieldObj) : false, requiredRemaining === 0)}\n        </div>\n\n        <div class=\"separator\" />\n\n        {this.renderFooter(Math.max(1, currentIndex), totalFields, requiredRemaining)}\n      </div>\n    );\n  }\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"p-BJ0cUjeu.system.js","sources":["src/components/dialogs/verdocs-signing-progress/verdocs-signing-progress.scss?tag=verdocs-signing-progress","src/components/dialogs/verdocs-signing-progress/verdocs-signing-progress.tsx"],"sourcesContent":["@import '../../../theme.scss';\n\nverdocs-signing-progress {\n  position: fixed;\n  top: 64px;\n  left: 20px;\n  z-index: 900;\n  display: block;\n  font-family: $verdocs-primary-font;\n\n  @media (max-width: 600px) {\n    display: none;\n  }\n\n  .card {\n    background: white;\n    padding: 16px;\n    border-radius: 8px;\n    box-shadow:\n      0 4px 6px -1px rgba(0, 0, 0, 0.1),\n      0 2px 4px -1px rgba(0, 0, 0, 0.06);\n    width: 240px;\n    box-sizing: border-box;\n    display: flex;\n    flex-direction: column;\n    gap: 12px;\n  }\n\n  .header {\n    font-size: 14px;\n    color: #111827;\n    display: flex;\n    flex-direction: column;\n    gap: 6px;\n\n    .progress-line.optional {\n      color: #6b7280;\n    }\n  }\n\n  .header-completed {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    font-size: 14px;\n    font-weight: 500;\n    color: #111827;\n  }\n\n  .description {\n    font-size: 12px;\n    line-height: 16px;\n    color: #374151;\n  }\n\n  .field-label {\n    font-family: var(--verdocs-primary-font, $verdocs-primary-font);\n    font-size: 0.75rem;\n    line-height: 1rem;\n    font-weight: 400;\n    color: var(--verdocs-body-color, #242424);\n  }\n\n  .field-completed {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    font-size: 0.75rem;\n    line-height: 1rem;\n    font-weight: 400;\n    color: var(--verdocs-body-color, #242424);\n\n    .text {\n      position: relative;\n      top: -2px;\n    }\n  }\n\n  .separator {\n    height: 1px;\n    background-color: #e5e7eb;\n    width: 100%;\n  }\n\n  .btn {\n    width: 100%;\n    height: 32px;\n    border-radius: 4px;\n    font-weight: 600;\n    font-size: 0.75rem;\n    line-height: 1rem;\n    cursor: pointer;\n    border: 1px solid transparent; // Default border\n    transition: all 0.2s;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n\n    &:disabled {\n      background-color: #f0f0f0;\n      border: 1px solid #e0e0e0;\n      color: #bdbdbd;\n      cursor: not-allowed;\n      opacity: 1;\n    }\n\n    &.start,\n    &.submit,\n    &.next {\n      background-color: var(--verdocs-primary-color, #55bc81);\n      color: white;\n\n      &:hover:not(:disabled) {\n        background-color: var(--verdocs-primary-color-hover, #2b995b);\n      }\n\n      &:disabled {\n        background-color: #f0f0f0;\n        border: 1px solid #e0e0e0;\n        color: #bdbdbd;\n        cursor: not-allowed;\n        opacity: 1;\n      }\n    }\n\n    &.prev,\n    &.previous {\n      background-color: #f3f4f6;\n      color: #374151;\n\n      &:hover:not(:disabled) {\n        background-color: #e5e7eb;\n      }\n\n      &:disabled {\n        background-color: #f0f0f0;\n        border: 1px solid #e0e0e0;\n        color: #bdbdbd;\n        cursor: not-allowed;\n        opacity: 1;\n      }\n    }\n  }\n\n  .nav-buttons {\n    display: flex;\n    gap: 12px;\n    width: 100%;\n\n    .btn {\n      flex: 1;\n    }\n  }\n}\n","import {IEnvelopeField, isFieldFilled} from '@verdocs/js-sdk';\nimport {Component, Prop, h, Event, EventEmitter} from '@stencil/core';\nimport {getFieldLabel} from '../../../utils/utils';\n\n@Component({\n  tag: 'verdocs-signing-progress',\n  styleUrl: 'verdocs-signing-progress.scss',\n})\nexport class VerdocsSigningProgress {\n  /**\n   * Display mode\n   */\n  @Prop() mode: 'start' | 'signing' | 'completed' = 'start';\n\n  /**\n   * The name of the currently focused field (to highlight it and show its label)\n   */\n  @Prop() focusedField: string = '';\n\n  /**\n   * All fillable fields for the current recipient\n   */\n  @Prop() fields: IEnvelopeField[] = [];\n\n  /**\n   * All fields for the recipient, used to check filled status (may include non-fillable)\n   */\n  @Prop() recipientFields: IEnvelopeField[] = [];\n\n  /**\n   * Emitted when user clicks Start\n   */\n  @Event({composed: true}) started: EventEmitter;\n\n  /**\n   * Emitted when user clicks Next\n   */\n  @Event({composed: true}) next: EventEmitter;\n\n  /**\n   * Emitted when user clicks Previous\n   */\n  @Event({composed: true}) previous: EventEmitter;\n\n  /**\n   * Emitted when user clicks Submit\n   */\n  @Event({composed: true}) exit: EventEmitter;\n\n  renderSuccessIcon() {\n    return (\n      <svg width=\"24\" height=\"24\" viewBox=\"0 0 20 20\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n        <path\n          d=\"M10 2C14.4183 2 18 5.58172 18 10C18 14.4183 14.4183 18 10 18C5.58172 18 2 14.4183 2 10C2 5.58172 5.58172 2 10 2ZM10 3C6.13401 3 3 6.13401 3 10C3 13.866 6.13401 17 10 17C13.866 17 17 13.866 17 10C17 6.13401 13.866 3 10 3ZM13.3584 7.64645C13.532 7.82001 13.5513 8.08944 13.4163 8.28431L13.3584 8.35355L9.35355 12.3584C9.17999 12.532 8.91056 12.5513 8.71569 12.4163L8.64645 12.3584L6.64645 10.3584C6.45118 10.1632 6.45118 9.84658 6.64645 9.65131C6.82001 9.47775 7.08944 9.45846 7.28431 9.59346L7.35355 9.65131L9 11.298L12.6513 7.64645C12.8466 7.45118 13.1632 7.45118 13.3584 7.64645Z\"\n          fill=\"#107C10\"\n        />\n      </svg>\n    );\n  }\n\n  renderContent(fieldLabel: string, fieldCompleted: boolean, readyToSubmit: boolean) {\n    if (this.mode === 'start') {\n      return <div class=\"field-label\">{fieldLabel}</div>;\n    }\n\n    if (fieldCompleted && readyToSubmit) {\n      return (\n        <div class=\"field-completed\">\n          <div class=\"icon\">{this.renderSuccessIcon()}</div>\n          <span class=\"text\">Ready to submit.</span>\n        </div>\n      );\n    }\n\n    return <div class=\"field-label\">{fieldLabel}</div>;\n  }\n\n  renderFooter(current: number, total: number, requiredRemaining: number) {\n    if (this.mode === 'start') {\n      return (\n        <button class=\"btn start\" onClick={() => this.started.emit()}>\n          Start Signing\n        </button>\n      );\n    }\n\n    return (\n      <div class=\"nav-buttons\">\n        {requiredRemaining === 0 ? (\n          <button class=\"btn submit\" onClick={() => this.exit.emit()}>\n            Submit\n          </button>\n        ) : (\n          [\n            <button class=\"btn previous\" disabled={current <= 1} onClick={() => this.previous.emit()}>\n              Previous\n            </button>,\n            <button class=\"btn next\" disabled={current >= total} onClick={() => this.next.emit()}>\n              Next\n            </button>,\n          ]\n        )}\n      </div>\n    );\n  }\n\n  renderCompleted() {\n    return (\n      <div class=\"card completed\">\n        <div class=\"header-completed\">\n          <div class=\"icon\">{this.renderSuccessIcon()}</div>\n          Ready to Submit\n        </div>\n        <div class=\"description\">You have entered all requested signatures. Select Submit to complete the signing process.</div>\n        <div class=\"separator\" />\n        <button class=\"btn submit\" onClick={() => this.exit.emit()}>\n          Submit\n        </button>\n      </div>\n    );\n  }\n\n  render() {\n    if (this.mode === 'completed') {\n      return this.renderCompleted();\n    }\n\n    const isFilled = (f: IEnvelopeField) =>\n      isFieldFilled(f, this.recipientFields) && (f.type !== 'dropdown' || !!f.value) && (f.type !== 'radio' || f.value === 'true') && (f.type !== 'checkbox' || f.value === 'true');\n\n    const requiredFields = this.fields.filter(f => f.required);\n    const requiredRemaining = requiredFields.filter(f => !isFilled(f)).length;\n\n    const optionalFields = this.fields.filter(f => !f.required);\n    const optionalRemaining = optionalFields.filter(f => !isFilled(f)).length;\n\n    const focusedFieldObj = this.fields.find(f => f.name === this.focusedField);\n    const currentIndex = this.fields.findIndex(f => f.name === this.focusedField) + 1;\n    const totalFields = this.fields.length;\n\n    return (\n      <div class=\"card\">\n        <div class=\"header\">\n          <div class=\"progress-line\">\n            {requiredRemaining} of {requiredFields.length} required fields remaining\n          </div>\n          {optionalFields.length > 0 && (\n            <div class=\"progress-line optional\">\n              {optionalRemaining} of {optionalFields.length} optional fields remaining\n            </div>\n          )}\n        </div>\n\n        <div class=\"body\">\n          {this.renderContent(getFieldLabel(focusedFieldObj), focusedFieldObj ? !!isFilled(focusedFieldObj) : false, requiredRemaining === 0)}\n        </div>\n\n        <div class=\"separator\" />\n\n        {this.renderFooter(Math.max(1, currentIndex), totalFields, requiredRemaining)}\n      </div>\n    );\n  }\n}\n"],"names":[],"mappings":"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"}

package/dist/verdocs-web-sdk/{p-CRk-MpSX.system.js.map → p-BJx8Y9VG.system.js.map}

@@ -1 +1 @@
-{"version":3,"file":"p-CRk-MpSX.system.js","sources":["src/components/envelopes/verdocs-envelope-recipient-summary/verdocs-envelope-recipient-summary.scss?tag=verdocs-envelope-recipient-summary","src/components/envelopes/verdocs-envelope-recipient-summary/verdocs-envelope-recipient-summary.tsx"],"sourcesContent":["@import '../../../theme.scss';\n\nverdocs-envelope-recipient-summary {\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  display: flex;\n  z-index: 100000;\n  position: fixed;\n  align-items: center;\n  justify-content: center;\n  font-family: $primary-font;\n  background-color: #0000007f;\n\n  .summary-content {\n    width: 600px;\n    display: flex;\n    max-width: 90%;\n    font-size: 18px;\n    flex: 0 0 600px;\n    border-radius: 6px;\n    background: #ffffff;\n    flex-direction: column;\n    padding: 30px 20px 20px;\n\n    .summary-title {\n      font-size: 20px;\n      font-weight: 700;\n      margin: 0 0 10px 0;\n      color: $verdocs-dark-blue;\n    }\n  }\n\n  .summary-recipient {\n    display: flex;\n    color: $verdocs-grey-1;\n    margin: 8px 0 24px 0;\n    flex-direction: column;\n\n    .role-name {\n      flex: 1;\n      display: flex;\n      font-size: 14px;\n      font-weight: 600;\n      margin: 0 0 8px 0;\n      color: $verdocs-grey-0;\n    }\n\n    .role-details {\n    }\n\n    .role-info {\n      gap: 5px;\n      display: flex;\n      flex-direction: row;\n      align-items: flex-end;\n    }\n\n    .role-full-name {\n      flex: 1;\n      height: 34px;\n      display: flex;\n      font-size: 16px;\n      padding: 0 12px;\n      border-radius: 4px;\n      align-items: center;\n      border: 1px solid #cccccc;\n      background: rgb(249, 250, 251);\n    }\n\n    .recipient-link {\n      width: 120px;\n      padding: 0 16px;\n      font-weight: 500;\n      margin: 0 0 0 8px;\n      text-align: center;\n      font-size: 0.875rem;\n      border-radius: 100%;\n      color: rgb(55, 65, 81);\n      line-height: 1.25rem;\n      background-color: #d8d8d8;\n      border: 2px solid rgb(156, 163, 175);\n    }\n\n    .link-wrapper {\n      gap: 5px;\n      display: flex;\n      margin: 4px 0 0 0;\n      flex-direction: row;\n\n      .link {\n        flex: 1;\n        height: 34px;\n        display: flex;\n        font-size: 16px;\n        padding: 0 12px;\n        overflow: hidden;\n        border-radius: 4px;\n        align-items: center;\n        white-space: nowrap;\n        text-overflow: ellipsis;\n        border: 1px solid #cccccc;\n        background: rgb(249, 250, 251);\n      }\n    }\n  }\n\n  .buttons {\n    display: flex;\n    column-gap: 15px;\n    margin: 10px 0 0 0;\n    flex-direction: row;\n    align-items: center;\n    justify-content: center;\n\n    verdocs-button {\n      flex: 0 0 120px;\n      margin-left: 10px;\n      white-space: nowrap;\n\n      button {\n        width: 100%;\n      }\n    }\n  }\n}\n","import {formatFullName, getEnvelope, getInPersonLink, getRecipientsWithActions, IEnvelope, IRecipient, recipientCanAct, VerdocsEndpoint} from '@verdocs/js-sdk';\nimport {Component, Prop, Host, h, State, Event, EventEmitter} from '@stencil/core';\n// import {VerdocsToast} from '../../../utils/Toast';\nimport {SDKError} from '../../../utils/errors';\nimport {Store} from '../../../utils/Datastore';\n\n/**\n * Displays a list of recipients with options to get in-person signing links for each one.\n */\n@Component({\n  tag: 'verdocs-envelope-recipient-summary',\n  styleUrl: 'verdocs-envelope-recipient-summary.scss',\n})\nexport class VerdocsEnvelopeRecipientSummary {\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 edit.\n   */\n  @Prop() envelopeId: string = '';\n\n  /**\n   * Enable or disable the Send Another button.\n   */\n  @Prop() canSendAnother = true;\n\n  /**\n   * Enable or disable the View button.\n   */\n  @Prop() canView = true;\n\n  /**\n   * Enable or disable the Done button.\n   */\n  @Prop() canDone = true;\n\n  /**\n   * Event fired when the user clicks Send Another to proceed. It is up to the host application\n   * to redirect the user to the appropriate next workflow step.\n   */\n  @Event({composed: true}) another: EventEmitter<{envelope: IEnvelope}>;\n\n  /**\n   * Event fired when the user clicks Send Another to proceed. It is up to the host application\n   * to redirect the user to the appropriate next workflow step.\n   */\n  @Event({composed: true}) view: EventEmitter<{envelope: IEnvelope}>;\n\n  /**\n   * Event fired when the user clicks Done to proceed. It is up to the host application\n   * to redirect the user to the appropriate next workflow step.\n   */\n  @Event({composed: true}) next: EventEmitter<{envelope: IEnvelope}>;\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  @State() isOpen: boolean;\n  @State() recipientStatusIcons = [];\n  @State() containerId = `verdocs-status-indicator-${Math.random().toString(36).substring(2, 11)}`;\n  @State() gettingLinks: Record<string, boolean> = {};\n  @State() links: Record<string, string> = {};\n\n  @State() loading = true;\n  @State() envelope: IEnvelope | null = null;\n\n  async componentWillLoad() {\n    try {\n      this.endpoint.loadSession();\n\n      if (!this.envelopeId) {\n        console.log(`[RECIPIENTS] Missing required envelope ID ${this.envelopeId}`);\n        return;\n      }\n\n      if (!this.endpoint.session) {\n        console.log('[RECIPIENTS] Unable to start session, must be authenticated');\n        return;\n      }\n\n      this.listenToEnvelope();\n    } catch (e) {\n      console.log('[RECIPIENTS] 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('[SIDEBAR] 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        this.loading = false;\n\n        this.sortEnvelopeRecipients();\n      },\n    );\n  }\n\n  unlistenToEnvelope() {\n    if (this.envelopeListenerId) {\n      Store.store.delListener(this.envelopeListenerId);\n      this.envelopeListenerId = null;\n    }\n  }\n\n  sortEnvelopeRecipients() {\n    (this.envelope?.recipients || []).sort((a, b) => {\n      return a.sequence === b.sequence ? a.order - b.order : a.sequence - b.sequence;\n    });\n  }\n\n  handleAnother(e: any) {\n    e.preventDefault();\n    this.another?.emit({envelope: this.envelope});\n  }\n\n  handleView(e: any) {\n    e.preventDefault();\n    this.view?.emit({envelope: this.envelope});\n  }\n\n  handleDone(e: any) {\n    e.preventDefault();\n    this.next?.emit({envelope: this.envelope});\n  }\n\n  copyLink(link: string) {\n    navigator.clipboard\n      .writeText(link)\n      .then(() => {\n        // VerdocsToast('Link copied to clipboard!', {style: 'success', duration: 3000});\n      })\n      .catch(e => {\n        console.warn('[RECIPIENTS] Error copying to clipboard', e);\n        this.sdkError?.emit(e);\n        // VerdocsToast(`Unable to copy to clipboard: ${e.message}`, {style: 'error'});\n      });\n  }\n\n  getLink(recipient: IRecipient) {\n    this.gettingLinks = {...this.gettingLinks, [recipient.role_name]: true};\n    getInPersonLink(this.endpoint, recipient.envelope_id, recipient.role_name)\n      .then(response => {\n        this.gettingLinks = {...this.gettingLinks, [recipient.role_name]: false};\n        this.links = {...this.links, [recipient.role_name]: response.link};\n        this.copyLink(response.link);\n      })\n      .catch(e => {\n        this.gettingLinks = {...this.gettingLinks, [recipient.role_name]: false};\n        console.log('[RECIPIENTS] Error getting link', e);\n        this.sdkError?.emit(e);\n        // VerdocsToast('Unable to get link: ' + e.message, {style: 'error'});\n      });\n  }\n\n  render() {\n    if (this.loading) {\n      return <Host />;\n    }\n\n    return (\n      <Host>\n        <div class=\"summary-content\">\n          <h1 class=\"summary-title\">Recipient Summary</h1>\n          <div class=\"summary-rows\">\n            {(this.envelope?.recipients || []).map(recipient => {\n              const recipientsWithActions = getRecipientsWithActions(this.envelope);\n              const showLinkButton = recipientCanAct(recipient, recipientsWithActions);\n              const link = this.links[recipient.role_name];\n              const gettingLink = this.gettingLinks[recipient.role_name];\n              const fullName = formatFullName(recipient);\n\n              return (\n                <div class=\"summary-recipient\">\n                  <div class=\"role-name\">{recipient.role_name}</div>\n                  <div class=\"role-details\">\n                    <div class=\"role-info\">\n                      <div class=\"role-full-name\">\n                        {fullName} ({recipient.email || recipient.phone})\n                      </div>\n                      {showLinkButton && !link && <verdocs-button size=\"small\" variant=\"outline\" label=\"Get Link\" disabled={gettingLink} onClick={() => this.getLink(recipient)} />}\n                    </div>\n\n                    {link && (\n                      <div class=\"link-wrapper\">\n                        <div class=\"link\">{link}</div>\n                        <verdocs-button size=\"small\" variant=\"outline\" label=\"Copy\" onClick={() => this.copyLink(link)} />\n                      </div>\n                    )}\n                  </div>\n                </div>\n              );\n            })}\n          </div>\n\n          {(this.canSendAnother || this.canView || this.canDone) && (\n            <div class=\"buttons\">\n              {this.canSendAnother && <verdocs-button size=\"small\" label=\"Send Another\" onClick={e => this.handleAnother(e)} />}\n              {this.canView && <verdocs-button size=\"small\" label=\"View Now\" onClick={e => this.handleView(e)} />}\n              {this.canDone && <verdocs-button size=\"small\" label=\"Done\" onClick={e => this.handleDone(e)} />}\n            </div>\n          )}\n        </div>\n      </Host>\n    );\n  }\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"p-BJx8Y9VG.system.js","sources":["src/components/envelopes/verdocs-envelope-recipient-summary/verdocs-envelope-recipient-summary.scss?tag=verdocs-envelope-recipient-summary","src/components/envelopes/verdocs-envelope-recipient-summary/verdocs-envelope-recipient-summary.tsx"],"sourcesContent":["@import '../../../theme.scss';\n\nverdocs-envelope-recipient-summary {\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  display: flex;\n  z-index: 100000;\n  position: fixed;\n  align-items: center;\n  justify-content: center;\n  font-family: $primary-font;\n  background-color: #0000007f;\n\n  .summary-content {\n    width: 600px;\n    display: flex;\n    max-width: 90%;\n    font-size: 18px;\n    flex: 0 0 600px;\n    border-radius: 6px;\n    background: #ffffff;\n    flex-direction: column;\n    padding: 30px 20px 20px;\n\n    .summary-title {\n      font-size: 20px;\n      font-weight: 700;\n      margin: 0 0 10px 0;\n      color: $verdocs-dark-blue;\n    }\n  }\n\n  .summary-recipient {\n    display: flex;\n    color: $verdocs-grey-1;\n    margin: 8px 0 24px 0;\n    flex-direction: column;\n\n    .role-name {\n      flex: 1;\n      display: flex;\n      font-size: 14px;\n      font-weight: 600;\n      margin: 0 0 8px 0;\n      color: $verdocs-grey-0;\n    }\n\n    .role-details {\n    }\n\n    .role-info {\n      gap: 5px;\n      display: flex;\n      flex-direction: row;\n      align-items: flex-end;\n    }\n\n    .role-full-name {\n      flex: 1;\n      height: 34px;\n      display: flex;\n      font-size: 16px;\n      padding: 0 12px;\n      border-radius: 4px;\n      align-items: center;\n      border: 1px solid #cccccc;\n      background: rgb(249, 250, 251);\n    }\n\n    .recipient-link {\n      width: 120px;\n      padding: 0 16px;\n      font-weight: 500;\n      margin: 0 0 0 8px;\n      text-align: center;\n      font-size: 0.875rem;\n      border-radius: 100%;\n      color: rgb(55, 65, 81);\n      line-height: 1.25rem;\n      background-color: #d8d8d8;\n      border: 2px solid rgb(156, 163, 175);\n    }\n\n    .link-wrapper {\n      gap: 5px;\n      display: flex;\n      margin: 4px 0 0 0;\n      flex-direction: row;\n\n      .link {\n        flex: 1;\n        height: 34px;\n        display: flex;\n        font-size: 16px;\n        padding: 0 12px;\n        overflow: hidden;\n        border-radius: 4px;\n        align-items: center;\n        white-space: nowrap;\n        text-overflow: ellipsis;\n        border: 1px solid #cccccc;\n        background: rgb(249, 250, 251);\n      }\n    }\n  }\n\n  .buttons {\n    display: flex;\n    column-gap: 15px;\n    margin: 10px 0 0 0;\n    flex-direction: row;\n    align-items: center;\n    justify-content: center;\n\n    verdocs-button {\n      flex: 0 0 120px;\n      margin-left: 10px;\n      white-space: nowrap;\n\n      button {\n        width: 100%;\n      }\n    }\n  }\n}\n","import {formatFullName, getEnvelope, getInPersonLink, getRecipientsWithActions, IEnvelope, IRecipient, recipientCanAct, VerdocsEndpoint} from '@verdocs/js-sdk';\nimport {Component, Prop, Host, h, State, Event, EventEmitter} from '@stencil/core';\n// import {VerdocsToast} from '../../../utils/Toast';\nimport {SDKError} from '../../../utils/errors';\nimport {Store} from '../../../utils/Datastore';\n\n/**\n * Displays a list of recipients with options to get in-person signing links for each one.\n */\n@Component({\n  tag: 'verdocs-envelope-recipient-summary',\n  styleUrl: 'verdocs-envelope-recipient-summary.scss',\n})\nexport class VerdocsEnvelopeRecipientSummary {\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 edit.\n   */\n  @Prop() envelopeId: string = '';\n\n  /**\n   * Enable or disable the Send Another button.\n   */\n  @Prop() canSendAnother = true;\n\n  /**\n   * Enable or disable the View button.\n   */\n  @Prop() canView = true;\n\n  /**\n   * Enable or disable the Done button.\n   */\n  @Prop() canDone = true;\n\n  /**\n   * Event fired when the user clicks Send Another to proceed. It is up to the host application\n   * to redirect the user to the appropriate next workflow step.\n   */\n  @Event({composed: true}) another: EventEmitter<{envelope: IEnvelope}>;\n\n  /**\n   * Event fired when the user clicks Send Another to proceed. It is up to the host application\n   * to redirect the user to the appropriate next workflow step.\n   */\n  @Event({composed: true}) view: EventEmitter<{envelope: IEnvelope}>;\n\n  /**\n   * Event fired when the user clicks Done to proceed. It is up to the host application\n   * to redirect the user to the appropriate next workflow step.\n   */\n  @Event({composed: true}) next: EventEmitter<{envelope: IEnvelope}>;\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  @State() isOpen: boolean;\n  @State() recipientStatusIcons = [];\n  @State() containerId = `verdocs-status-indicator-${Math.random().toString(36).substring(2, 11)}`;\n  @State() gettingLinks: Record<string, boolean> = {};\n  @State() links: Record<string, string> = {};\n\n  @State() loading = true;\n  @State() envelope: IEnvelope | null = null;\n\n  async componentWillLoad() {\n    try {\n      this.endpoint.loadSession();\n\n      if (!this.envelopeId) {\n        console.log(`[RECIPIENTS] Missing required envelope ID ${this.envelopeId}`);\n        return;\n      }\n\n      if (!this.endpoint.session) {\n        console.log('[RECIPIENTS] Unable to start session, must be authenticated');\n        return;\n      }\n\n      this.listenToEnvelope();\n    } catch (e) {\n      console.log('[RECIPIENTS] 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('[SIDEBAR] 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        this.loading = false;\n\n        this.sortEnvelopeRecipients();\n      },\n    );\n  }\n\n  unlistenToEnvelope() {\n    if (this.envelopeListenerId) {\n      Store.store.delListener(this.envelopeListenerId);\n      this.envelopeListenerId = null;\n    }\n  }\n\n  sortEnvelopeRecipients() {\n    (this.envelope?.recipients || []).sort((a, b) => {\n      return a.sequence === b.sequence ? a.order - b.order : a.sequence - b.sequence;\n    });\n  }\n\n  handleAnother(e: any) {\n    e.preventDefault();\n    this.another?.emit({envelope: this.envelope});\n  }\n\n  handleView(e: any) {\n    e.preventDefault();\n    this.view?.emit({envelope: this.envelope});\n  }\n\n  handleDone(e: any) {\n    e.preventDefault();\n    this.next?.emit({envelope: this.envelope});\n  }\n\n  copyLink(link: string) {\n    navigator.clipboard\n      .writeText(link)\n      .then(() => {\n        // VerdocsToast('Link copied to clipboard!', {style: 'success', duration: 3000});\n      })\n      .catch(e => {\n        console.warn('[RECIPIENTS] Error copying to clipboard', e);\n        this.sdkError?.emit(e);\n        // VerdocsToast(`Unable to copy to clipboard: ${e.message}`, {style: 'error'});\n      });\n  }\n\n  getLink(recipient: IRecipient) {\n    this.gettingLinks = {...this.gettingLinks, [recipient.role_name]: true};\n    getInPersonLink(this.endpoint, recipient.envelope_id, recipient.role_name)\n      .then(response => {\n        this.gettingLinks = {...this.gettingLinks, [recipient.role_name]: false};\n        this.links = {...this.links, [recipient.role_name]: response.link};\n        this.copyLink(response.link);\n      })\n      .catch(e => {\n        this.gettingLinks = {...this.gettingLinks, [recipient.role_name]: false};\n        console.log('[RECIPIENTS] Error getting link', e);\n        this.sdkError?.emit(e);\n        // VerdocsToast('Unable to get link: ' + e.message, {style: 'error'});\n      });\n  }\n\n  render() {\n    if (this.loading) {\n      return <Host />;\n    }\n\n    return (\n      <Host>\n        <div class=\"summary-content\">\n          <h1 class=\"summary-title\">Recipient Summary</h1>\n          <div class=\"summary-rows\">\n            {(this.envelope?.recipients || []).map(recipient => {\n              const recipientsWithActions = getRecipientsWithActions(this.envelope);\n              const showLinkButton = recipientCanAct(recipient, recipientsWithActions);\n              const link = this.links[recipient.role_name];\n              const gettingLink = this.gettingLinks[recipient.role_name];\n              const fullName = formatFullName(recipient);\n\n              return (\n                <div class=\"summary-recipient\">\n                  <div class=\"role-name\">{recipient.role_name}</div>\n                  <div class=\"role-details\">\n                    <div class=\"role-info\">\n                      <div class=\"role-full-name\">\n                        {fullName} ({recipient.email || recipient.phone})\n                      </div>\n                      {showLinkButton && !link && <verdocs-button size=\"small\" variant=\"outline\" label=\"Get Link\" disabled={gettingLink} onClick={() => this.getLink(recipient)} />}\n                    </div>\n\n                    {link && (\n                      <div class=\"link-wrapper\">\n                        <div class=\"link\">{link}</div>\n                        <verdocs-button size=\"small\" variant=\"outline\" label=\"Copy\" onClick={() => this.copyLink(link)} />\n                      </div>\n                    )}\n                  </div>\n                </div>\n              );\n            })}\n          </div>\n\n          {(this.canSendAnother || this.canView || this.canDone) && (\n            <div class=\"buttons\">\n              {this.canSendAnother && <verdocs-button size=\"small\" label=\"Send Another\" onClick={e => this.handleAnother(e)} />}\n              {this.canView && <verdocs-button size=\"small\" label=\"View Now\" onClick={e => this.handleView(e)} />}\n              {this.canDone && <verdocs-button size=\"small\" label=\"Done\" onClick={e => this.handleDone(e)} />}\n            </div>\n          )}\n        </div>\n      </Host>\n    );\n  }\n}\n"],"names":[],"mappings":"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"}