npm - @verdocs/web-sdk - Versions diffs - 5.0.75 → 5.3.1 - Mend

@verdocs/web-sdk 5.0.75 → 5.3.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (376) hide show

package/dist/verdocs-web-sdk/p-aaf3cb2c.entry.js DELETED Viewed

	@@ -1,2 +0,0 @@
1	- import{r as e,c as i,h as s,H as t,F as n}from"./p-CF7i8guW.js";import{d as o}from"./p-dzBXqXlK.js";import{VerdocsEndpoint as a,getEnvelope as l,resendInvitation as r,cancelEnvelope as d,formatFullName as c,updateEnvelope as v,userIsEnvelopeOwner as h,capitalize as p}from"@verdocs/js-sdk";import{F as w}from"./p-Dl7Xw8F0.js";import{V as g}from"./p-CyvDgtoV.js";import{S as m}from"./p-C1sRVZWv.js";import{S as b}from"./p-C_IIZj49.js";const f='@-webkit-keyframes verdocs-field-pulse{0%{background-color:rgba(0, 0, 0, 0.35)}50%{background-color:rgba(0, 0, 0, 0)}100%{background-color:rgba(0, 0, 0, 0.35)}}@keyframes verdocs-field-pulse{0%{background-color:rgba(0, 0, 0, 0.35)}50%{background-color:rgba(0, 0, 0, 0)}100%{background-color:rgba(0, 0, 0, 0.35)}}verdocs-envelope-sidebar{font-family:"Inter", -apple-system, "Segoe UI", "Roboto", "Helvetica Neue", sans-serif;-ms-flex-direction:row;flex-direction:row;display:-ms-flexbox;display:flex;-ms-flex:0 0 56px;flex:0 0 56px;width:56px;min-height:400px;height:100%;background:#41435e;-webkit-transition:0.5s cubic-bezier(0.35, 0, 0.25, 1);transition:0.5s cubic-bezier(0.35, 0, 0.25, 1)}verdocs-envelope-sidebar.open{-ms-flex:0 0 400px;flex:0 0 400px;max-width:100%;width:400px}@media screen and (max-width: 500px){verdocs-envelope-sidebar.open{-ms-flex:0 0 300px;flex:0 0 300px;width:300px}}verdocs-envelope-sidebar .side-buttons{-ms-flex-direction:column;flex-direction:column;-ms-flex:0 0 56px;flex:0 0 56px;display:-ms-flexbox;display:flex}verdocs-envelope-sidebar .side-buttons button{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;height:50px;outline:none;border:none;border-left:2px solid transparent;background:none;width:100%}verdocs-envelope-sidebar .side-buttons button.active{border-left:2px solid #50bd80}verdocs-envelope-sidebar .side-buttons button svg{color:white;width:24px;height:24px}verdocs-envelope-sidebar .content{-ms-flex:1;flex:1;display:none;color:white;-ms-flex-direction:column;flex-direction:column;padding:12px 16px 16px}verdocs-envelope-sidebar.open .content{display:-ms-flexbox;display:flex;overflow-y:scroll}verdocs-envelope-sidebar verdocs-ok-dialog .content{color:black}verdocs-envelope-sidebar .title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:12px;font-size:16px;line-height:24px;font-weight:400}verdocs-envelope-sidebar .label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:12px;line-height:16px;color:rgba(255, 255, 255, 0.54)}verdocs-envelope-sidebar .value{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:14px;font-size:14px;font-weight:500;line-height:16px;color:#fff}verdocs-envelope-sidebar .manage-recipients-button{-ms-flex-item-align:center;align-self:center;white-space:nowrap;width:100%;margin:0 0 10px 0}verdocs-envelope-sidebar .manage-recipients-button .label{color:#ffffff;font-size:14px}verdocs-envelope-sidebar .manage-recipients-button button{width:100%}verdocs-envelope-sidebar .recipient-detail{-ms-flex:0;flex:0;padding:8px;font-size:14px;position:relative;-ms-flex-direction:column;flex-direction:column;border:solid 1px #979797;margin-bottom:16px}verdocs-envelope-sidebar .recipient-header{-ms-flex-direction:row;flex-direction:row;-webkit-box-sizing:border-box;box-sizing:border-box;display:-ms-flexbox;display:flex;gap:6px;-ms-flex-align:center;align-items:center;margin-bottom:4px}verdocs-envelope-sidebar .recipient-number{width:24px;height:24px;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;border-radius:24px;font-size:14px;font-weight:500;border:solid 1px #979797}verdocs-envelope-sidebar .recipient-name{-ms-flex:1;flex:1;-webkit-box-sizing:border-box;box-sizing:border-box;text-transform:capitalize}verdocs-envelope-sidebar .recipient-status{-ms-flex:0 0 100px;flex:0 0 100px;border-radius:5px;text-align:center;-webkit-box-sizing:border-box;box-sizing:border-box;max-width:100px;min-width:100px;background-color:#616161;text-transform:capitalize;font-size:14px;padding:3px 0}verdocs-envelope-sidebar .recipient-status.invited{background-color:#ff8f00}verdocs-envelope-sidebar .recipient-status.opened{background-color:#616161}verdocs-envelope-sidebar .recipient-status.signed,verdocs-envelope-sidebar .recipient-status.submitted{background-color:#2e7d32}verdocs-envelope-sidebar .recipient-status.pending{background-color:#0277bd}verdocs-envelope-sidebar .recipient-status.canceled,verdocs-envelope-sidebar .recipient-status.declined{background-color:#c62828}@media screen and (max-width: 500px){verdocs-envelope-sidebar .recipient-status{-ms-flex:1 1 60px;flex:1 1 60px;max-width:60px;min-width:60px}}verdocs-envelope-sidebar .recipient-content{-ms-flex-direction:column;flex-direction:column}verdocs-envelope-sidebar .recipient-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}verdocs-envelope-sidebar .history-entry{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-direction:row;flex-direction:row;padding:8px 0 0;margin:8px 0 0;border-top:1px solid #dddddd}verdocs-envelope-sidebar .history-entry .activity-icon{margin-right:14px}verdocs-envelope-sidebar .history-entry .activity-icon svg{width:24px;height:24px;fill:#ffffff}verdocs-envelope-sidebar .history-entry .activity-text{font-size:14px;line-height:16px;margin-bottom:4px}verdocs-envelope-sidebar .history-entry .activity-date{font-size:12px;line-height:16px;color:rgba(255, 255, 255, 0.54)}verdocs-envelope-sidebar .content .history-entry:first-of-type{border-top:none}verdocs-envelope-sidebar .reminders{margin:15px 0 30px 0}verdocs-envelope-sidebar .reminders .form-row{margin:8px 0 0;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row}verdocs-envelope-sidebar .reminders .form-row .reminders-label{display:-ms-flexbox;display:flex;-ms-flex:1;flex:1}verdocs-envelope-sidebar .reminders .form-row .form-label{-ms-flex:1;flex:1}verdocs-envelope-sidebar .reminders .form-row verdocs-text-input{margin:0;width:100px}';const u=2460601e3;const x=`<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="#ffffff"><path stroke-linecap="round" stroke-linejoin="round" d="M11.25 11.25l.041-.02a.75.75 0 011.063.852l-.708 2.836a.75.75 0 001.063.853l.041-.021M21 12a9 9 0 11-18 0 9 9 0 0118 0zm-9-3.75h.008v.008H12V8.25z" /></svg>`;const k=`<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="#ffffff"><path stroke-linecap="round" stroke-linejoin="round" d="M15 19.128a9.38 9.38 0 002.625.372 9.337 9.337 0 004.121-.952 4.125 4.125 0 00-7.533-2.493M15 19.128v-.003c0-1.113-.285-2.16-.786-3.07M15 19.128v.106A12.318 12.318 0 018.624 21c-2.331 0-4.512-.645-6.374-1.766l-.001-.109a6.375 6.375 0 0111.964-3.07M12 6.375a3.375 3.375 0 11-6.75 0 3.375 3.375 0 016.75 0zm8.25 2.25a2.625 2.625 0 11-5.25 0 2.625 2.625 0 015.25 0z" /></svg>`;const C=`<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="#ffffff"><path stroke-linecap="round" stroke-linejoin="round" d="M9 12h3.75M9 15h3.75M9 18h3.75m3 .75H18a2.25 2.25 0 002.25-2.25V6.108c0-1.135-.845-2.098-1.976-2.192a48.424 48.424 0 00-1.123-.08m-5.801 0c-.065.21-.1.433-.1.664 0 .414.336.75.75.75h4.5a.75.75 0 00.75-.75 2.25 2.25 0 00-.1-.664m-5.8 0A2.251 2.251 0 0113.5 2.25H15c1.012 0 1.867.668 2.15 1.586m-5.8 0c-.376.023-.75.05-1.124.08C9.095 4.01 8.25 4.973 8.25 6.108V8.25m0 0H4.875c-.621 0-1.125.504-1.125 1.125v11.25c0 .621.504 1.125 1.125 1.125h9.75c.621 0 1.125-.504 1.125-1.125V9.375c0-.621-.504-1.125-1.125-1.125H8.25zM6.75 12h.008v.008H6.75V12zm0 3h.008v.008H6.75V15zm0 3h.008v.008H6.75V18z" /></svg>`;const y={visibility:`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="#ffffff"><path d="M12 15a3 3 0 100-6 3 3 0 000 6z" /><path fill-rule="evenodd" d="M1.323 11.447C2.811 6.976 7.028 3.75 12.001 3.75c4.97 0 9.185 3.223 10.675 7.69.12.362.12.752 0 1.113-1.487 4.471-5.705 7.697-10.677 7.697-4.97 0-9.186-3.223-10.675-7.69a1.762 1.762 0 010-1.113zM17.25 12a5.25 5.25 0 11-10.5 0 5.25 5.25 0 0110.5 0z" clip-rule="evenodd" /></svg>`,pencil:`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="#ffffff"><path d="M21.731 2.269a2.625 2.625 0 00-3.712 0l-1.157 1.157 3.712 3.712 1.157-1.157a2.625 2.625 0 000-3.712zM19.513 8.199l-3.712-3.712-12.15 12.15a5.25 5.25 0 00-1.32 2.214l-.8 2.685a.75.75 0 00.933.933l2.685-.8a5.25 5.25 0 002.214-1.32L19.513 8.2z" /></svg>`,mail:`<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 0 24 24" width="24"><path d="M20 4H4c-1.1 0-1.99.9-1.99 2L2 18c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 4l-8 5-8-5V6l8 5 8-5v2z"/></svg>`,contact_mail:`<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 0 24 24" width="24"><path d="M20 4H4c-1.1 0-1.99.9-1.99 2L2 18c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 4l-8 5-8-5V6l8 5 8-5v2z"/></svg>`,done:`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="#ffffff"><path fill-rule="evenodd" d="M19.916 4.626a.75.75 0 01.208 1.04l-9 13.5a.75.75 0 01-1.154.114l-6-6a.75.75 0 011.06-1.06l5.353 5.353 8.493-12.739a.75.75 0 011.04-.208z" clip-rule="evenodd" /></svg>`,send:`<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 0 24 24" width="24"><path d="M2.01 21L23 12 2.01 3 2 10l15 2-15 2z"/></svg>`,gesture:`<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 0 24 24" width="24"><path d="M4.59 6.89c.7-.71 1.4-1.35 1.71-1.22.5.2 0 1.03-.3 1.52-.25.42-2.86 3.89-2.86 6.31 0 1.28.48 2.34 1.34 2.98.75.56 1.74.73 2.64.46 1.07-.31 1.95-1.4 3.06-2.77 1.21-1.49 2.83-3.44 4.08-3.44 1.63 0 1.65 1.01 1.76 1.79-3.78.64-5.38 3.67-5.38 5.37 0 1.7 1.44 3.09 3.21 3.09 1.63 0 4.29-1.33 4.69-6.1H21v-2.5h-2.47c-.15-1.65-1.09-4.2-4.03-4.2-2.25 0-4.18 1.91-4.94 2.84-.58.73-2.06 2.48-2.29 2.72-.25.3-.68.84-1.11.84-.45 0-.72-.83-.36-1.92.35-1.09 1.4-2.86 1.85-3.52.78-1.14 1.3-1.92 1.3-3.28C8.95 3.69 7.31 3 6.44 3 5.12 3 3.97 4 3.72 4.25c-.36.36-.66.66-.88.93l1.75 1.71zm9.29 11.66c-.31 0-.74-.26-.74-.72 0-.6.73-2.2 2.87-2.76-.3 2.69-1.43 3.48-2.13 3.48z"/></svg>`,clear:`<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 0 24 24" width="24"><path d="M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"/></svg>`,check_circle:`<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 0 24 24" width="24"><path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z"/></svg>`,link:`<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 0 24 24" width="24"><path d="M3.9 12c0-1.71 1.39-3.1 3.1-3.1h4V7H7c-2.76 0-5 2.24-5 5s2.24 5 5 5h4v-1.9H7c-1.71 0-3.1-1.39-3.1-3.1zM8 13h8v-2H8v2zm9-6h-4v1.9h4c1.71 0 3.1 1.39 3.1 3.1s-1.39 3.1-3.1 3.1h-4V17h4c2.76 0 5-2.24 5-5s-2.24-5-5-5z"/></svg>`,cancel:`<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 0 24 24" width="24"><path d="M12 2C6.47 2 2 6.47 2 12s4.47 10 10 10 10-4.47 10-10S17.53 2 12 2zm5 13.59L15.59 17 12 13.41 8.41 17 7 15.59 10.59 12 7 8.41 8.41 7 12 10.59 15.59 7 17 8.41 13.41 12 17 15.59z"/></svg>`,done_all:`<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 0 24 24" width="24"><path d="M18 7l-1.41-1.41-6.34 6.34 1.41 1.41L18 7zm4.24-1.41L11.66 16.17 7.48 12l-1.41 1.41L11.66 19l12-12-1.42-1.41zM.41 13.41L6 19l1.41-1.41L1.83 12 .41 13.41z"/></svg>`,create:`<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 0 24 24" width="24"><path d="M3 17.25V21h3.75L17.81 9.94l-3.75-3.75L3 17.25zM20.71 7.04c.39-.39.39-1.02 0-1.41l-2.34-2.34c-.39-.39-1.02-.39-1.41 0l-1.83 1.83 3.75 3.75 1.83-1.83z"/></svg>`,perm_identity:`<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 0 24 24" width="24"><path d="M3 17.25V21h3.75L17.81 9.94l-3.75-3.75L3 17.25zM20.71 7.04c.39-.39.39-1.02 0-1.41l-2.34-2.34c-.39-.39-1.02-.39-1.41 0l-1.83 1.83 3.75 3.75 1.83-1.83z"/></svg>`,people:`<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 0 24 24" width="24"><path d="M16 11c1.66 0 2.99-1.34 2.99-3S17.66 5 16 5c-1.66 0-3 1.34-3 3s1.34 3 3 3zm-8 0c1.66 0 2.99-1.34 2.99-3S9.66 5 8 5C6.34 5 5 6.34 5 8s1.34 3 3 3zm0 2c-2.33 0-7 1.17-7 3.5V19h14v-2.5c0-2.33-4.67-3.5-7-3.5zm8 0c-.29 0-.62.02-.97.05 1.16.84 1.97 1.97 1.97 3.45V19h6v-2.5c0-2.33-4.67-3.5-7-3.5z"/></svg>`,contact_email:`<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 0 24 24" width="24"><path d="M21 8V7l-3 2-3-2v1l3 2 3-2zm1-5H2C.9 3 0 3.9 0 5v14c0 1.1.9 2 2 2h20c1.1 0 1.99-.9 1.99-2L24 5c0-1.1-.9-2-2-2zM8 6c1.66 0 3 1.34 3 3s-1.34 3-3 3-3-1.34-3-3 1.34-3 3-3zm6 12H2v-1c0-2 4-3.1 6-3.1s6 1.1 6 3.1v1zm8-6h-8V6h8v6z"/></svg>`,textsms:`<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 0 24 24" width="24"><path d="M20 2H4c-1.1 0-1.99.9-1.99 2L2 22l4-4h14c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2zM9 11H7V9h2v2zm4 0h-2V9h2v2zm4 0h-2V9h2v2z"/></svg>`,verified_user:`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="#ffffff"><path fill-rule="evenodd" d="M12.516 2.17a.75.75 0 00-1.032 0 11.209 11.209 0 01-7.877 3.08.75.75 0 00-.722.515A12.74 12.74 0 002.25 9.75c0 5.942 4.064 10.933 9.563 12.348a.749.749 0 00.374 0c5.499-1.415 9.563-6.406 9.563-12.348 0-1.39-.223-2.73-.635-3.985a.75.75 0 00-.722-.516l-.143.001c-2.996 0-5.717-1.17-7.734-3.08zm3.094 8.016a.75.75 0 10-1.22-.872l-3.236 4.53L9.53 12.22a.75.75 0 00-1.06 1.06l2.25 2.25a.75.75 0 001.14-.094l3.75-5.25z" clip-rule="evenodd" /></svg>`,account_circle:`<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 0 24 24" width="24"><path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 3c1.66 0 3 1.34 3 3s-1.34 3-3 3-3-1.34-3-3 1.34-3 3-3zm0 14.2c-2.5 0-4.71-1.28-6-3.22.03-1.99 4-3.08 6-3.08 1.99 0 5.97 1.09 6 3.08-1.29 1.94-3.5 3.22-6 3.22z"/></svg>`,idcard:`<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M16 10H18" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M16 14H18" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M6.16992 15.0001C6.37606 14.4141 6.75902 13.9065 7.26594 13.5475C7.77286 13.1884 8.37873 12.9956 8.99992 12.9956C9.62111 12.9956 10.227 13.1884 10.7339 13.5475C11.2408 13.9065 11.6238 14.4141 11.8299 15.0001" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M9 13C10.1046 13 11 12.1046 11 11C11 9.89543 10.1046 9 9 9C7.89543 9 7 9.89543 7 11C7 12.1046 7.89543 13 9 13Z" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M20 5H4C2.89543 5 2 5.89543 2 7V17C2 18.1046 2.89543 19 4 19H20C21.1046 19 22 18.1046 22 17V7C22 5.89543 21.1046 5 20 5Z" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>`,idcardslash:`<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M16 10H18" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M16 14H18" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M6.16992 15.0001C6.37606 14.4141 6.75902 13.9065 7.26594 13.5475C7.77286 13.1884 8.37873 12.9956 8.99992 12.9956C9.62111 12.9956 10.227 13.1884 10.7339 13.5475C11.2408 13.9065 11.6238 14.4141 11.8299 15.0001" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M9 13C10.1046 13 11 12.1046 11 11C11 9.89543 10.1046 9 9 9C7.89543 9 7 9.89543 7 11C7 12.1046 7.89543 13 9 13Z" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M20 5H4C2.89543 5 2 5.89543 2 7V17C2 18.1046 2.89543 19 4 19H20C21.1046 19 22 18.1046 22 17V7C22 5.89543 21.1046 5 20 5Z" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M2 2L22 22" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>`,key:`<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.586 17.4139C2.2109 17.7889 2.00011 18.2975 2 18.8279V20.9999C2 21.2651 2.10536 21.5195 2.29289 21.707C2.48043 21.8946 2.73478 21.9999 3 21.9999H6C6.26522 21.9999 6.51957 21.8946 6.70711 21.707C6.89464 21.5195 7 21.2651 7 20.9999V19.9999C7 19.7347 7.10536 19.4803 7.29289 19.2928C7.48043 19.1053 7.73478 18.9999 8 18.9999H9C9.26522 18.9999 9.51957 18.8946 9.70711 18.707C9.89464 18.5195 10 18.2651 10 17.9999V16.9999C10 16.7347 10.1054 16.4803 10.2929 16.2928C10.4804 16.1053 10.7348 15.9999 11 15.9999H11.172C11.7024 15.9998 12.211 15.789 12.586 15.4139L13.4 14.5999C14.7898 15.0841 16.3028 15.0822 17.6915 14.5947C19.0801 14.1071 20.2622 13.1628 21.0444 11.916C21.8265 10.6693 22.1624 9.19409 21.9971 7.73165C21.8318 6.26922 21.1751 4.90617 20.1344 3.86549C19.0937 2.8248 17.7307 2.1681 16.2683 2.00281C14.8058 1.83751 13.3306 2.17341 12.0839 2.95556C10.8372 3.7377 9.89279 4.91979 9.40525 6.30844C8.91771 7.69708 8.91585 9.21008 9.4 10.5999L2.586 17.4139Z" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M16.5 8C16.7761 8 17 7.77614 17 7.5C17 7.22386 16.7761 7 16.5 7C16.2239 7 16 7.22386 16 7.5C16 7.77614 16.2239 8 16.5 8Z" fill="black" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>`,keyslash:`<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.586 17.4139C2.2109 17.7889 2.00011 18.2975 2 18.8279V20.9999C2 21.2651 2.10536 21.5195 2.29289 21.707C2.48043 21.8946 2.73478 21.9999 3 21.9999H6C6.26522 21.9999 6.51957 21.8946 6.70711 21.707C6.89464 21.5195 7 21.2651 7 20.9999V19.9999C7 19.7347 7.10536 19.4803 7.29289 19.2928C7.48043 19.1053 7.73478 18.9999 8 18.9999H9C9.26522 18.9999 9.51957 18.8946 9.70711 18.707C9.89464 18.5195 10 18.2651 10 17.9999V16.9999C10 16.7347 10.1054 16.4803 10.2929 16.2928C10.4804 16.1053 10.7348 15.9999 11 15.9999H11.172C11.7024 15.9998 12.211 15.789 12.586 15.4139L13.4 14.5999C14.7898 15.0841 16.3028 15.0822 17.6915 14.5947C19.0801 14.1071 20.2622 13.1628 21.0444 11.916C21.8265 10.6693 22.1624 9.19409 21.9971 7.73165C21.8318 6.26922 21.1751 4.90617 20.1344 3.86549C19.0937 2.8248 17.7307 2.1681 16.2683 2.00281C14.8058 1.83751 13.3306 2.17341 12.0839 2.95556C10.8372 3.7377 9.89279 4.91979 9.40525 6.30844C8.91771 7.69708 8.91585 9.21008 9.4 10.5999L2.586 17.4139Z" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M16.5 8C16.7761 8 17 7.77614 17 7.5C17 7.22386 16.7761 7 16.5 7C16.2239 7 16 7.22386 16 7.5C16 7.77614 16.2239 8 16.5 8Z" fill="black" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>`,pin:`<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12 17V22" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M9 10.76C8.9998 11.1321 8.89581 11.4967 8.69972 11.813C8.50363 12.1292 8.22321 12.3844 7.89 12.55L6.11 13.45C5.77679 13.6156 5.49637 13.8708 5.30028 14.187C5.10419 14.5033 5.0002 14.8679 5 15.24V16C5 16.2652 5.10536 16.5196 5.29289 16.7071C5.48043 16.8946 5.73478 17 6 17H18C18.2652 17 18.5196 16.8946 18.7071 16.7071C18.8946 16.5196 19 16.2652 19 16V15.24C18.9998 14.8679 18.8958 14.5033 18.6997 14.187C18.5036 13.8708 18.2232 13.6156 17.89 13.45L16.11 12.55C15.7768 12.3844 15.4964 12.1292 15.3003 11.813C15.1042 11.4967 15.0002 11.1321 15 10.76V7C15 6.73478 15.1054 6.48043 15.2929 6.29289C15.4804 6.10536 15.7348 6 16 6C16.5304 6 17.0391 5.78929 17.4142 5.41421C17.7893 5.03914 18 4.53043 18 4C18 3.46957 17.7893 2.96086 17.4142 2.58579C17.0391 2.21071 16.5304 2 16 2H8C7.46957 2 6.96086 2.21071 6.58579 2.58579C6.21071 2.96086 6 3.46957 6 4C6 4.53043 6.21071 5.03914 6.58579 5.41421C6.96086 5.78929 7.46957 6 8 6C8.26522 6 8.51957 6.10536 8.70711 6.29289C8.89464 6.48043 9 6.73478 9 7V10.76Z" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>`,pinslash:`<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12 17V22" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M15.0006 9.34V7C15.0006 6.73478 15.106 6.48043 15.2935 6.29289C15.4811 6.10536 15.7354 6 16.0006 6C16.5311 6 17.0398 5.78929 17.4148 5.41421C17.7899 5.03914 18.0006 4.53043 18.0006 4C18.0006 3.46957 17.7899 2.96086 17.4148 2.58579C17.0398 2.21071 16.5311 2 16.0006 2H7.89062" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M2 2L22 22" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M9 9V10.76C8.9998 11.1321 8.89581 11.4967 8.69972 11.813C8.50363 12.1292 8.22321 12.3844 7.89 12.55L6.11 13.45C5.77679 13.6156 5.49637 13.8708 5.30028 14.187C5.10419 14.5033 5.0002 14.8679 5 15.24V16C5 16.2652 5.10536 16.5196 5.29289 16.7071C5.48043 16.8946 5.73478 17 6 17H17" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>`};const z=class{constructor(s){e(this,s);this.sdkError=i(this,"sdkError");this.envelopeUpdated=i(this,"envelopeUpdated");this.toggle=i(this,"toggle");this.another=i(this,"another");this.envelopeListenerId=null;this.endpoint=a.getDefault();this.envelopeId="";this.activeTab=1;this.panelOpen=false;this.showRecipientDialog="";this.showCancelDialog=false;this.showReinviteDialog="";this.remindersEnabled=false;this.updatingReminders=false;this.initialReminder=null;this.followupReminders=null;this.loading=true;this.envelope=null}async componentWillLoad(){var e,i,s;try{this.endpoint.loadSession();if(!this.envelopeId){console.log(`[SIDEBAR] Missing required envelope ID ${this.envelopeId}`);return}if(!this.endpoint.session){console.log("[SIDEBAR] Unable to start session, must be authenticated");return}this.listenToEnvelope()}catch(t){console.log("[SIDEBAR] Error loading envelope",t);(e=this.sdkError)===null\|\|e===void 0?void 0:e.emit(new m(t.message,(i=t.response)===null\|\|i===void 0?void 0:i.status,(s=t.response)===null\|\|s===void 0?void 0:s.data))}}disconnectedCallback(){this.unlistenToEnvelope()}async listenToEnvelope(){console.log("[SIDEBAR] Loading envelope",this.envelopeId);this.unlistenToEnvelope();b.subscribe("envelopes",this.envelopeId,(()=>l(this.endpoint,this.envelopeId)),false,(e=>{var i,s;this.envelope=e;this.loading=false;this.sortEnvelopeRecipients();this.initialReminder=(i=this.envelope)===null\|\|i===void 0?void 0:i.initial_reminder;this.followupReminders=(s=this.envelope)===null\|\|s===void 0?void 0:s.followup_reminders;this.remindersEnabled=!!this.initialReminder}))}unlistenToEnvelope(){if(this.envelopeListenerId){b.store.delListener(this.envelopeListenerId);this.envelopeListenerId=null}}sortEnvelopeRecipients(){var e;(((e=this.envelope)===null\|\|e===void 0?void 0:e.recipients)\|\|[]).sort(((e,i)=>e.sequence===i.sequence?e.order-i.order:e.sequence-i.sequence))}setTab(e){var i;this.panelOpen=e!==this.activeTab\|\|!this.panelOpen;(i=this.toggle)===null\|\|i===void 0?void 0:i.emit({open:this.panelOpen});this.activeTab=e}canResendRecipient(e){var i;return!["pending","declined","submitted","canceled"].includes(e.status)&&!["complete","declined","canceled"].includes((i=this.envelope)===null\|\|i===void 0?void 0:i.status)}handleRecipientAction(e,i){var s;console.log("[SIDEBAR] Recipient action",i,e);switch(i){case"reminder":r(this.endpoint,this.envelopeId,e.role_name).then((()=>{g("Reminder Sent",{style:"success"})})).catch((e=>{console.log("[SIDEBAR] Error resending invitation",e);g("Error resending invitation: "+e.message,{style:"error"})}));break;case"reinvite":this.showReinviteDialog=e.role_name;break;case"inperson":this.showRecipientDialog=e.role_name;break;case"modify":g("This feature will be enabled in a future release. Please try again later.",{style:"info"});break;case"details":g("This feature will be enabled in a future release. Please try again later.",{style:"info"});break}(s=this.envelopeUpdated)===null\|\|s===void 0?void 0:s.emit({endpoint:this.endpoint,envelope:this.envelope,event:i})}handleCancelEnvelope(){this.loading=true;d(this.endpoint,this.envelopeId).then((async e=>{var i;console.log("[SIDEBAR] Envelope canceled",e);g("Envelope canceled",{style:"success"});const s=JSON.parse(JSON.stringify(this.envelope));s.status="canceled";b.updateEnvelope(this.envelopeId,s);this.loading=false;this.panelOpen=false;(i=this.envelopeUpdated)===null\|\|i===void 0?void 0:i.emit({endpoint:this.endpoint,envelope:s,event:"canceled"})})).catch((e=>{console.log("[SIDEBAR] Error canceling envelope",e);this.loading=false;g("Error canceling envelope: "+e.message,{style:"error"})}))}prepareHistoryEntries(){var e,i,s,t,n,o;const a=[];const l=((e=this.envelope)===null\|\|e===void 0?void 0:e.history_entries)\|\|[];a.push({icon:"pencil",message:"Envelope created.",date:new Date((i=this.envelope)===null\|\|i===void 0?void 0:i.created_at)});if(((s=this.envelope)===null\|\|s===void 0?void 0:s.status)==="complete"){a.push({icon:"pencil",message:"Envelope completed.",date:new Date((t=this.envelope)===null\|\|t===void 0?void 0:t.updated_at)})}const r=l.some((e=>e.event==="owner:canceled"));if(((n=this.envelope)===null\|\|n===void 0?void 0:n.status)==="canceled"&&!r){a.push({icon:"pencil",message:"Envelope Canceled.",date:new Date((o=this.envelope)===null\|\|o===void 0?void 0:o.canceled_at)})}l.forEach((e=>{var i;const s=(((i=this.envelope)===null\|\|i===void 0?void 0:i.recipients)\|\|[]).find((i=>i.role_name===e.role_name));const t=c(s);switch(e.event.toLowerCase()){case"recipient:kba_verified":a.push({icon:"key",message:`KBA verification completed by ${t}.`,date:new Date(e.created_at)});break;case"recipient:kba_failed":a.push({icon:"keyslash",message:`KBA verification failed by ${t}.`,date:new Date(e.created_at)});break;case"recipient:id_verified":a.push({icon:"idcard",message:`ID verification completed by ${t}.`,date:new Date(e.created_at)});break;case"recipient:id_failed":a.push({icon:"idcardslash",message:`ID verification failed by ${t}.`,date:new Date(e.created_at)});break;case"recipient:pin_verified":a.push({icon:"pin",message:`PIN verification completed by ${t}.`,date:new Date(e.created_at)});break;case"recipient:pin_failed":a.push({icon:"pinslash",message:`PIN verification failed by ${t}.`,date:new Date(e.created_at)});break;case"recipient:signed":a.push({icon:"gesture",message:`Signed by ${t}.`,date:new Date(e.created_at)});break;case"recipient:declined":a.push({icon:"clear",message:`Declined by ${t}.`,date:new Date(e.created_at)});break;case"recipient:opened":switch(e.event_detail){case"email":case"mail":a.push({icon:"visibility",message:`Opened by ${t}, via email.`,date:new Date(e.created_at)});break;case"sms":a.push({icon:"visibility",message:`Opened by ${t}, via SMS.`,date:new Date(e.created_at)});break;case"in_person_link":a.push({icon:"visibility",message:`Opened by ${t}, via In-person link.`,date:new Date(e.created_at)});break;case"in_app":a.push({icon:"visibility",message:`Opened by ${t}, via dashboard.`,date:new Date(e.created_at)});break;default:a.push({icon:"visibility",message:`Opened by ${t}.`,date:new Date(e.created_at)})}break;case"recipient:submitted":switch(e.event_detail){case"approver":a.push({icon:"check_circle",message:`Approved by ${t}.`,date:new Date(e.created_at)});break;default:a.push({icon:"send",message:`Submitted by ${t}.`,date:new Date(e.created_at)});break}break;case"recipient:prepared":a.push({icon:"send",message:`Prepared by ${t}.`,date:new Date(e.created_at)});break;case"recipient:claimed":if(e.event_detail==="guest"){a.push({icon:"account_circle",message:`${t} claimed the Envelope as a guest.`,date:new Date(e.created_at)})}else if(e.event_detail==="profile"){a.push({icon:"verified_user",message:`${t} claimed the Envelope as a verified user.`,date:new Date(e.created_at)})}break;case"recipient:agreed":a.push({icon:"done",message:`${t} agreed to use electronic records and signatures.`,date:new Date(e.created_at)});break;case"recipient:invited":if(e.event_detail==="sms"){a.push({icon:"textsms",message:`${t} has been invited via SMS.`,date:new Date(e.created_at)})}else{a.push({icon:"mail",message:`${t} has been invited via email.`,date:new Date(e.created_at)})}break;case"recipient:reminder":if(e.event_detail==="sms"){a.push({icon:"textsms",message:`${t} sent a reminder via SMS.`,date:new Date(e.created_at)})}else{a.push({icon:"mail",message:`${t} sent a reminder via email.`,date:new Date(e.created_at)})}break;case"invitation:resent":a.push({icon:"mail",message:`Invitation was resent to ${t}${e.event_detail==="reminder"?" by reminder":""}.`,date:new Date(e.created_at)});break;case"envelope:cc":a.push({icon:"contact_mail",message:`A copy has been sent to ${t}.`,date:new Date(e.created_at)});break;case"recipient:delegated":a.push({icon:"people",message:e.event_detail,date:new Date(e.created_at)});break;case"recipient:updated_info":a.push({icon:"perm_identity",message:e.event_detail,date:new Date(e.created_at)});break;case"owner:updated_recipient_info":a.push({icon:"perm_identity",message:e.event_detail,date:new Date(e.created_at)});break;case"created":a.push({icon:"create",message:`Envelope was created.`,date:new Date(e.created_at)});break;case"completed":a.push({icon:"done_all",message:`Envelope was completed.`,date:new Date(e.created_at)});break;case"envelope:canceled":case"envelope_canceled":case"canceled":case"owner:canceled":a.push({icon:"cancel",message:`Envelope was canceled by the creator.`,date:new Date(e.created_at)});break;case"envelope:expired":a.push({icon:"cancel",message:`Envelope expired.`,date:new Date(e.created_at)});break;case"owner:get_in_person_link":a.push({icon:"link",message:`Owner accessed the In-person link for ${s}.`,date:new Date(e.created_at)});break;default:console.log("[SIDEBAR] Unknown history type",e);break}}));a.sort(((e,i)=>i.date.getTime()-e.date.getTime()));return a}handleToggleReminders(){if(this.remindersEnabled){return this.handleSetReminders(null,null)}else{return this.handleSetReminders(u,3u)}}handleSetReminders(e,i){console.log("Updating reminders...");this.updatingReminders=true;v(this.endpoint,this.envelopeId,{initial_reminder:e,followup_reminders:i}).then((e=>{console.log("Updated",e);b.updateEnvelope(this.envelopeId,e);this.initialReminder=e.initial_reminder;this.followupReminders=e.followup_reminders;this.remindersEnabled=!!e.initial_reminder;this.updatingReminders=false})).catch((e=>{var i,s,t;console.log("Error updating envelope",e);this.initialReminder=(i=this.envelope)===null\|\|i===void 0?void 0:i.initial_reminder;this.followupReminders=(s=this.envelope)===null\|\|s===void 0?void 0:s.followup_reminders;this.remindersEnabled=!!((t=this.envelope)===null\|\|t===void 0?void 0:t.initial_reminder);this.updatingReminders=false;g(e.response.data.error,{style:"error"})}))}render(){var e,i,a,l,r,d,v,g,m,b,f,z;if(this.loading){return s(t,null)}const M=h(this.endpoint.profile,this.envelope);const D=this.prepareHistoryEntries();const V=((e=this.envelope)===null\|\|e===void 0?void 0:e.status)!=="pending"&&((i=this.envelope)===null\|\|i===void 0?void 0:i.status)!=="in progress";return s(t,{class:this.panelOpen?"open":""},s("div",{class:"side-buttons"},s("button",{class:this.activeTab===1?"active":"",onClick:()=>this.setTab(1),innerHTML:x}),s("button",{class:this.activeTab===2?"active":"",onClick:()=>this.setTab(2),innerHTML:k}),s("button",{class:this.activeTab===3?"active":"",onClick:()=>this.setTab(3),innerHTML:C})),this.activeTab===1&&s("div",{class:"content"},s("div",{class:"title"},"Details"),s("div",{class:"label"},"Envelope ID"),s("div",{class:"value"},(a=this.envelope)===null\|\|a===void 0?void 0:a.id),s("div",{class:"label"},"Date Created"),s("div",{class:"value"},o.format(new Date((l=this.envelope)===null\|\|l===void 0?void 0:l.created_at),w)),s("div",{class:"label"},"Last Modified"),s("div",{class:"value"},o.format(new Date((r=this.envelope)===null\|\|r===void 0?void 0:r.updated_at),w)),s("div",{class:"label"},"Status"),s("div",{class:"value"},p((d=this.envelope)===null\|\|d===void 0?void 0:d.status)),s("div",{class:"label"},"Owner ID"),s("div",{class:"value"},(v=this.envelope)===null\|\|v===void 0?void 0:v.profile_id),s("div",{class:"label"},"Owner Name"),s("div",{class:"value"},c((g=this.envelope)===null\|\|g===void 0?void 0:g.profile)),s("div",{class:"label"},"Owner Email"),s("div",{class:"value"},(b=(m=this.envelope)===null\|\|m===void 0?void 0:m.profile)===null\|\|b===void 0?void 0:b.email)),this.activeTab===2&&s("div",{class:"content"},s("div",{class:"title"},"Recipients"),(f=this.envelope)===null\|\|f===void 0?void 0:f.recipients.map(((e,i)=>{const t=e.status!=="submitted"&&e.status!=="canceled"&&e.status!=="declined";const n=this.canResendRecipient(e);const o=c(e);return s("div",{class:"recipient-detail"},s("div",{class:"recipient-header"},s("div",{class:"recipient-number"},i+1),s("div",{class:"recipient-name"},e.role_name),s("div",{class:{"recipient-status":true,[e.status]:true}},e.status),M&&!V&&s("verdocs-dropdown",{onOptionSelected:i=>this.handleRecipientAction(e,i.detail.id),options:[{id:"reminder",label:"Send Reminder",disabled:!n},{id:"inperson",label:"Get In-Person Link",disabled:!t},{id:"reinvite",label:"Re-invite",disabled:!n}]})),s("dic",{class:"recipient-content"},s("div",{class:"recipient-name"},o),s("div",{class:"recipient-name"},e.email),s("div",{class:"recipient-name"},e.phone)))})),M&&s("div",{class:"reminders"},s("div",{class:"form-row"},s("div",{class:"reminders-label"},"Reminders"),s("verdocs-switch",{disabled:V\|\|this.updatingReminders,checked:this.remindersEnabled,onCheckedChange:()=>this.handleToggleReminders()})),this.remindersEnabled&&s(n,null,s("div",{class:"form-row"},"NOTE: Reminders will only be sent for up to 14 days."),s("div",{class:"form-row"},s("div",{class:"form-label"},"Initial Reminder (days):"),s("verdocs-text-input",{placeholder:"In hours...",disabled:V\|\|this.updatingReminders,value:String(Math.floor(this.initialReminder/u)),onBlur:e=>{this.initialReminder=Number(e.target.value)u;this.handleSetReminders(this.initialReminder,this.followupReminders)}})),s("div",{class:"form-row"},s("div",{class:"form-label"},"Follow-up Reminders:"),s("verdocs-text-input",{placeholder:"In hours...",disabled:V\|\|this.updatingReminders,value:String(Math.floor(this.followupReminders/u)),onBlur:e=>{this.followupReminders=Number(e.target.value)u;this.handleSetReminders(this.initialReminder,this.followupReminders)}})),s("div",{class:"form-row"},s("div",{class:"form-label"},"Next Reminder:"),s("div",{style:{color:"#dddddd"}},o.format(new Date((z=this.envelope)===null\|\|z===void 0?void 0:z.next_reminder),"P p"))))),M&&s("verdocs-button",{class:"manage-recipients-button",variant:"standard",label:"Cancel Envelope",onClick:()=>this.showCancelDialog=!V,disabled:V})),this.activeTab===3&&s("div",{class:"content"},s("div",{class:"title"},"History"),D.map((e=>s("div",{class:"history-entry"},s("div",{class:"activity-icon",innerHTML:y[e.icon]\|\|e.icon}),s("div",{class:"activity-details"},s("div",{class:"activity-text"},e.message),s("div",{class:"activity-date"},o.format(e.date,w))))))),this.showRecipientDialog&&s("verdocs-envelope-recipient-link",{envelopeId:this.envelopeId,roleName:this.showRecipientDialog,onNext:()=>this.showRecipientDialog=""}),this.showCancelDialog&&s("verdocs-ok-dialog",{heading:"Cancel Envelope?",message:"Are you sure you want to cancel this Envelope? This action cannot be undone.",onNext:()=>{this.showCancelDialog=false;this.handleCancelEnvelope()}}),this.showReinviteDialog&&s("verdocs-ok-dialog",{heading:"Re-invite Recipient?",message:'This will reset the recipient\'s KBA status and send a new signing invitation. If you just want to send a reminder, please click "Send Reminder" instead.',onNext:()=>{this.showReinviteDialog=""}}))}};z.style=f;export{z as verdocs_envelope_sidebar};
2	- //# sourceMappingURL=p-aaf3cb2c.entry.js.map

package/dist/verdocs-web-sdk/p-aaf3cb2c.entry.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"names":["verdocsEnvelopeSidebarCss","MS_PER_DAY","InformationCircle","Users","ClipboardDocuments","ActivityIcons","visibility","pencil","mail","contact_mail","done","send","gesture","clear","check_circle","link","cancel","done_all","create","perm_identity","people","contact_email","textsms","verified_user","account_circle","idcard","idcardslash","key","keyslash","pin","pinslash","VerdocsEnvelopeSidebar","constructor","hostRef","this","envelopeListenerId","endpoint","VerdocsEndpoint","getDefault","envelopeId","activeTab","panelOpen","showRecipientDialog","showCancelDialog","showReinviteDialog","remindersEnabled","updatingReminders","initialReminder","followupReminders","loading","envelope","componentWillLoad","loadSession","console","log","session","listenToEnvelope","e","_a","sdkError","emit","SDKError","message","_b","response","status","_c","data","disconnectedCallback","unlistenToEnvelope","Store","subscribe","getEnvelope","sortEnvelopeRecipients","initial_reminder","followup_reminders","store","delListener","recipients","sort","a","b","sequence","order","setTab","tab","toggle","open","canResendRecipient","recipient","includes","handleRecipientAction","id","resendInvitation","role_name","then","VerdocsToast","style","catch","envelopeUpdated","event","handleCancelEnvelope","cancelEnvelope","async","r","newEnvelope","JSON","parse","stringify","updateEnvelope","prepareHistoryEntries","entries","histories","history_entries","push","icon","date","Date","created_at","_d","updated_at","ownerCanceled","some","history","_e","_f","canceled_at","forEach","find","fullName","formatFullName","toLowerCase","event_detail","getTime","handleToggleReminders","handleSetReminders","error","render","h","Host","isEnvelopeOwner","userIsEnvelopeOwner","profile","historyEntries","functionsDisabled","class","onClick","innerHTML","format","FORMAT_TIMESTAMP","capitalize","_g","profile_id","_h","_k","_j","email","_l","map","index","canGetInPersonLink","canSendReminder","onOptionSelected","item","detail","options","label","disabled","phone","checked","onCheckedChange","Fragment","placeholder","value","String","Math","floor","onBlur","Number","target","color","_m","next_reminder","variant","entry","roleName","onNext","heading"],"sources":["src/components/envelopes/verdocs-envelope-sidebar/verdocs-envelope-sidebar.scss?tag=verdocs-envelope-sidebar","src/components/envelopes/verdocs-envelope-sidebar/verdocs-envelope-sidebar.tsx"],"sourcesContent":["@import '../../../theme.scss';\n\nverdocs-envelope-sidebar {\n font-family: $verdocs-primary-font;\n flex-direction: row;\n display: flex;\n flex: 0 0 56px;\n width: 56px;\n min-height: 400px;\n height: 100%;\n background: #41435e;\n transition: 0.5s cubic-bezier(0.35, 0, 0.25, 1);\n\n &.open {\n flex: 0 0 400px;\n max-width: 100%;\n width: 400px;\n\n @media screen and (max-width: 500px) {\n flex: 0 0 300px;\n width: 300px;\n }\n }\n\n .side-buttons {\n flex-direction: column;\n flex: 0 0 56px;\n display: flex;\n\n button {\n display: flex;\n justify-content: center;\n align-items: center;\n height: 50px;\n outline: none;\n border: none;\n border-left: 2px solid transparent;\n background: none;\n width: 100%;\n\n &.active {\n border-left: 2px solid #50bd80;\n }\n\n svg {\n color: white;\n width: 24px;\n height: 24px;\n }\n }\n }\n\n .content {\n flex: 1;\n display: none;\n color: white;\n flex-direction: column;\n padding: 12px 16px 16px;\n }\n\n &.open .content {\n display: flex;\n overflow-y: scroll;\n }\n\n verdocs-ok-dialog .content {\n color: black;\n }\n\n .title {\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n margin-bottom: 12px;\n font-size: 16px;\n line-height: 24px;\n font-weight: 400;\n //flex: 0;\n }\n\n .label {\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n font-size: 12px;\n line-height: 16px;\n color: rgba(255, 255, 255, 0.54);\n //flex: 0;\n }\n\n .value {\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n margin-bottom: 14px;\n font-size: 14px;\n font-weight: 500;\n line-height: 16px;\n color: #fff;\n //flex: 0;\n }\n\n .manage-recipients-button {\n align-self: center;\n white-space: nowrap;\n width: 100%;\n margin: 0 0 10px 0;\n\n .label {\n color: #ffffff;\n font-size: 14px;\n }\n\n button {\n width: 100%;\n }\n }\n\n .recipient-detail {\n flex: 0;\n padding: 8px;\n font-size: 14px;\n position: relative;\n flex-direction: column;\n border: solid 1px #979797;\n margin-bottom: 16px;\n }\n\n .recipient-header {\n flex-direction: row;\n box-sizing: border-box;\n display: flex;\n gap: 6px;\n align-items: center;\n margin-bottom: 4px;\n }\n\n .recipient-number {\n width: 24px;\n height: 24px;\n display: flex;\n justify-content: center;\n align-items: center;\n border-radius: 24px;\n font-size: 14px;\n font-weight: 500;\n border: solid 1px #979797;\n }\n\n .recipient-name {\n flex: 1;\n box-sizing: border-box;\n text-transform: capitalize;\n }\n\n .recipient-status {\n flex: 0 0 100px;\n border-radius: 5px;\n text-align: center;\n box-sizing: border-box;\n max-width: 100px;\n min-width: 100px;\n background-color: #616161; // Default\n text-transform: capitalize;\n font-size: 14px;\n padding: 3px 0;\n\n &.invited {\n background-color: #ff8f00;\n }\n &.opened {\n background-color: #616161;\n }\n &.signed,\n &.submitted {\n background-color: #2e7d32;\n }\n &.pending {\n background-color: #0277bd;\n }\n &.canceled,\n &.declined {\n background-color: #c62828;\n }\n\n @media screen and (max-width: 500px) {\n flex: 1 1 60px;\n max-width: 60px;\n min-width: 60px;\n }\n }\n\n .recipient-content {\n flex-direction: column;\n }\n\n .recipient-name {\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n }\n\n .history-entry {\n display: flex;\n align-items: center;\n flex-direction: row;\n padding: 8px 0 0;\n margin: 8px 0 0;\n border-top: 1px solid #dddddd;\n\n .activity-icon {\n margin-right: 14px;\n\n svg {\n width: 24px;\n height: 24px;\n fill: #ffffff;\n }\n }\n\n .activity-details {\n }\n\n .activity-text {\n font-size: 14px;\n line-height: 16px;\n margin-bottom: 4px;\n }\n\n .activity-date {\n font-size: 12px;\n line-height: 16px;\n color: rgba(255, 255, 255, 0.54);\n }\n }\n\n .content .history-entry:first-of-type {\n border-top: none;\n }\n\n .reminders {\n margin: 15px 0 30px 0;\n\n .form-row {\n margin: 8px 0 0;\n display: flex;\n flex-direction: row;\n\n .reminders-label {\n display: flex;\n flex: 1;\n }\n\n .form-label {\n flex: 1;\n }\n\n verdocs-text-input {\n margin: 0;\n width: 100px;\n }\n }\n }\n}\n","import {format} from 'date-fns';\nimport type {IEnvelope, IRecipient} from '@verdocs/js-sdk';\nimport {Component, h, Event, EventEmitter, Fragment, Host, Prop, State} from '@stencil/core';\nimport {cancelEnvelope, capitalize, formatFullName, getEnvelope, resendInvitation, updateEnvelope, userIsEnvelopeOwner, VerdocsEndpoint} from '@verdocs/js-sdk';\nimport {FORMAT_TIMESTAMP} from '../../../utils/Types';\nimport {VerdocsToast} from '../../../utils/Toast';\nimport {SDKError} from '../../../utils/errors';\nimport {Store} from '../../../utils/Datastore';\n\nconst MS_PER_DAY = 24 * 60 * 60 * 1000;\n\nconst InformationCircle = `<svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"1.5\" stroke=\"#ffffff\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M11.25 11.25l.041-.02a.75.75 0 011.063.852l-.708 2.836a.75.75 0 001.063.853l.041-.021M21 12a9 9 0 11-18 0 9 9 0 0118 0zm-9-3.75h.008v.008H12V8.25z\" /></svg>`;\n\nconst Users = `<svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"1.5\" stroke=\"#ffffff\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M15 19.128a9.38 9.38 0 002.625.372 9.337 9.337 0 004.121-.952 4.125 4.125 0 00-7.533-2.493M15 19.128v-.003c0-1.113-.285-2.16-.786-3.07M15 19.128v.106A12.318 12.318 0 018.624 21c-2.331 0-4.512-.645-6.374-1.766l-.001-.109a6.375 6.375 0 0111.964-3.07M12 6.375a3.375 3.375 0 11-6.75 0 3.375 3.375 0 016.75 0zm8.25 2.25a2.625 2.625 0 11-5.25 0 2.625 2.625 0 015.25 0z\" /></svg>`;\n\nconst ClipboardDocuments = `<svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"1.5\" stroke=\"#ffffff\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9 12h3.75M9 15h3.75M9 18h3.75m3 .75H18a2.25 2.25 0 002.25-2.25V6.108c0-1.135-.845-2.098-1.976-2.192a48.424 48.424 0 00-1.123-.08m-5.801 0c-.065.21-.1.433-.1.664 0 .414.336.75.75.75h4.5a.75.75 0 00.75-.75 2.25 2.25 0 00-.1-.664m-5.8 0A2.251 2.251 0 0113.5 2.25H15c1.012 0 1.867.668 2.15 1.586m-5.8 0c-.376.023-.75.05-1.124.08C9.095 4.01 8.25 4.973 8.25 6.108V8.25m0 0H4.875c-.621 0-1.125.504-1.125 1.125v11.25c0 .621.504 1.125 1.125 1.125h9.75c.621 0 1.125-.504 1.125-1.125V9.375c0-.621-.504-1.125-1.125-1.125H8.25zM6.75 12h.008v.008H6.75V12zm0 3h.008v.008H6.75V15zm0 3h.008v.008H6.75V18z\" /></svg>`;\n\n// https://materialui.co/icon/verified-user and https://heroicons.com/\nconst ActivityIcons = {\n visibility: `<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"#ffffff\"><path d=\"M12 15a3 3 0 100-6 3 3 0 000 6z\" /><path fill-rule=\"evenodd\" d=\"M1.323 11.447C2.811 6.976 7.028 3.75 12.001 3.75c4.97 0 9.185 3.223 10.675 7.69.12.362.12.752 0 1.113-1.487 4.471-5.705 7.697-10.677 7.697-4.97 0-9.186-3.223-10.675-7.69a1.762 1.762 0 010-1.113zM17.25 12a5.25 5.25 0 11-10.5 0 5.25 5.25 0 0110.5 0z\" clip-rule=\"evenodd\" /></svg>`,\n pencil: `<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"#ffffff\"><path d=\"M21.731 2.269a2.625 2.625 0 00-3.712 0l-1.157 1.157 3.712 3.712 1.157-1.157a2.625 2.625 0 000-3.712zM19.513 8.199l-3.712-3.712-12.15 12.15a5.25 5.25 0 00-1.32 2.214l-.8 2.685a.75.75 0 00.933.933l2.685-.8a5.25 5.25 0 002.214-1.32L19.513 8.2z\" /></svg>`,\n mail: `<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"24\" viewBox=\"0 0 24 24\" width=\"24\"><path d=\"M20 4H4c-1.1 0-1.99.9-1.99 2L2 18c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 4l-8 5-8-5V6l8 5 8-5v2z\"/></svg>`,\n contact_mail: `<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"24\" viewBox=\"0 0 24 24\" width=\"24\"><path d=\"M20 4H4c-1.1 0-1.99.9-1.99 2L2 18c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 4l-8 5-8-5V6l8 5 8-5v2z\"/></svg>`,\n done: `<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"#ffffff\"><path fill-rule=\"evenodd\" d=\"M19.916 4.626a.75.75 0 01.208 1.04l-9 13.5a.75.75 0 01-1.154.114l-6-6a.75.75 0 011.06-1.06l5.353 5.353 8.493-12.739a.75.75 0 011.04-.208z\" clip-rule=\"evenodd\" /></svg>`,\n send: `<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"24\" viewBox=\"0 0 24 24\" width=\"24\"><path d=\"M2.01 21L23 12 2.01 3 2 10l15 2-15 2z\"/></svg>`,\n gesture: `<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"24\" viewBox=\"0 0 24 24\" width=\"24\"><path d=\"M4.59 6.89c.7-.71 1.4-1.35 1.71-1.22.5.2 0 1.03-.3 1.52-.25.42-2.86 3.89-2.86 6.31 0 1.28.48 2.34 1.34 2.98.75.56 1.74.73 2.64.46 1.07-.31 1.95-1.4 3.06-2.77 1.21-1.49 2.83-3.44 4.08-3.44 1.63 0 1.65 1.01 1.76 1.79-3.78.64-5.38 3.67-5.38 5.37 0 1.7 1.44 3.09 3.21 3.09 1.63 0 4.29-1.33 4.69-6.1H21v-2.5h-2.47c-.15-1.65-1.09-4.2-4.03-4.2-2.25 0-4.18 1.91-4.94 2.84-.58.73-2.06 2.48-2.29 2.72-.25.3-.68.84-1.11.84-.45 0-.72-.83-.36-1.92.35-1.09 1.4-2.86 1.85-3.52.78-1.14 1.3-1.92 1.3-3.28C8.95 3.69 7.31 3 6.44 3 5.12 3 3.97 4 3.72 4.25c-.36.36-.66.66-.88.93l1.75 1.71zm9.29 11.66c-.31 0-.74-.26-.74-.72 0-.6.73-2.2 2.87-2.76-.3 2.69-1.43 3.48-2.13 3.48z\"/></svg>`,\n clear: `<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"24\" viewBox=\"0 0 24 24\" width=\"24\"><path d=\"M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z\"/></svg>`,\n check_circle: `<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"24\" viewBox=\"0 0 24 24\" width=\"24\"><path d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z\"/></svg>`,\n link: `<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"24\" viewBox=\"0 0 24 24\" width=\"24\"><path d=\"M3.9 12c0-1.71 1.39-3.1 3.1-3.1h4V7H7c-2.76 0-5 2.24-5 5s2.24 5 5 5h4v-1.9H7c-1.71 0-3.1-1.39-3.1-3.1zM8 13h8v-2H8v2zm9-6h-4v1.9h4c1.71 0 3.1 1.39 3.1 3.1s-1.39 3.1-3.1 3.1h-4V17h4c2.76 0 5-2.24 5-5s-2.24-5-5-5z\"/></svg>`,\n cancel: `<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"24\" viewBox=\"0 0 24 24\" width=\"24\"><path d=\"M12 2C6.47 2 2 6.47 2 12s4.47 10 10 10 10-4.47 10-10S17.53 2 12 2zm5 13.59L15.59 17 12 13.41 8.41 17 7 15.59 10.59 12 7 8.41 8.41 7 12 10.59 15.59 7 17 8.41 13.41 12 17 15.59z\"/></svg>`,\n done_all: `<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"24\" viewBox=\"0 0 24 24\" width=\"24\"><path d=\"M18 7l-1.41-1.41-6.34 6.34 1.41 1.41L18 7zm4.24-1.41L11.66 16.17 7.48 12l-1.41 1.41L11.66 19l12-12-1.42-1.41zM.41 13.41L6 19l1.41-1.41L1.83 12 .41 13.41z\"/></svg>`,\n create: `<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"24\" viewBox=\"0 0 24 24\" width=\"24\"><path d=\"M3 17.25V21h3.75L17.81 9.94l-3.75-3.75L3 17.25zM20.71 7.04c.39-.39.39-1.02 0-1.41l-2.34-2.34c-.39-.39-1.02-.39-1.41 0l-1.83 1.83 3.75 3.75 1.83-1.83z\"/></svg>`,\n perm_identity: `<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"24\" viewBox=\"0 0 24 24\" width=\"24\"><path d=\"M3 17.25V21h3.75L17.81 9.94l-3.75-3.75L3 17.25zM20.71 7.04c.39-.39.39-1.02 0-1.41l-2.34-2.34c-.39-.39-1.02-.39-1.41 0l-1.83 1.83 3.75 3.75 1.83-1.83z\"/></svg>`,\n people: `<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"24\" viewBox=\"0 0 24 24\" width=\"24\"><path d=\"M16 11c1.66 0 2.99-1.34 2.99-3S17.66 5 16 5c-1.66 0-3 1.34-3 3s1.34 3 3 3zm-8 0c1.66 0 2.99-1.34 2.99-3S9.66 5 8 5C6.34 5 5 6.34 5 8s1.34 3 3 3zm0 2c-2.33 0-7 1.17-7 3.5V19h14v-2.5c0-2.33-4.67-3.5-7-3.5zm8 0c-.29 0-.62.02-.97.05 1.16.84 1.97 1.97 1.97 3.45V19h6v-2.5c0-2.33-4.67-3.5-7-3.5z\"/></svg>`,\n contact_email: `<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"24\" viewBox=\"0 0 24 24\" width=\"24\"><path d=\"M21 8V7l-3 2-3-2v1l3 2 3-2zm1-5H2C.9 3 0 3.9 0 5v14c0 1.1.9 2 2 2h20c1.1 0 1.99-.9 1.99-2L24 5c0-1.1-.9-2-2-2zM8 6c1.66 0 3 1.34 3 3s-1.34 3-3 3-3-1.34-3-3 1.34-3 3-3zm6 12H2v-1c0-2 4-3.1 6-3.1s6 1.1 6 3.1v1zm8-6h-8V6h8v6z\"/></svg>`,\n textsms: `<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"24\" viewBox=\"0 0 24 24\" width=\"24\"><path d=\"M20 2H4c-1.1 0-1.99.9-1.99 2L2 22l4-4h14c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2zM9 11H7V9h2v2zm4 0h-2V9h2v2zm4 0h-2V9h2v2z\"/></svg>`,\n verified_user: `<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"#ffffff\"><path fill-rule=\"evenodd\" d=\"M12.516 2.17a.75.75 0 00-1.032 0 11.209 11.209 0 01-7.877 3.08.75.75 0 00-.722.515A12.74 12.74 0 002.25 9.75c0 5.942 4.064 10.933 9.563 12.348a.749.749 0 00.374 0c5.499-1.415 9.563-6.406 9.563-12.348 0-1.39-.223-2.73-.635-3.985a.75.75 0 00-.722-.516l-.143.001c-2.996 0-5.717-1.17-7.734-3.08zm3.094 8.016a.75.75 0 10-1.22-.872l-3.236 4.53L9.53 12.22a.75.75 0 00-1.06 1.06l2.25 2.25a.75.75 0 001.14-.094l3.75-5.25z\" clip-rule=\"evenodd\" /></svg>`,\n account_circle: `<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"24\" viewBox=\"0 0 24 24\" width=\"24\"><path d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 3c1.66 0 3 1.34 3 3s-1.34 3-3 3-3-1.34-3-3 1.34-3 3-3zm0 14.2c-2.5 0-4.71-1.28-6-3.22.03-1.99 4-3.08 6-3.08 1.99 0 5.97 1.09 6 3.08-1.29 1.94-3.5 3.22-6 3.22z\"/></svg>`,\n idcard: `<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M16 10H18\" stroke=\"black\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path d=\"M16 14H18\" stroke=\"black\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path d=\"M6.16992 15.0001C6.37606 14.4141 6.75902 13.9065 7.26594 13.5475C7.77286 13.1884 8.37873 12.9956 8.99992 12.9956C9.62111 12.9956 10.227 13.1884 10.7339 13.5475C11.2408 13.9065 11.6238 14.4141 11.8299 15.0001\" stroke=\"black\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path d=\"M9 13C10.1046 13 11 12.1046 11 11C11 9.89543 10.1046 9 9 9C7.89543 9 7 9.89543 7 11C7 12.1046 7.89543 13 9 13Z\" stroke=\"black\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path d=\"M20 5H4C2.89543 5 2 5.89543 2 7V17C2 18.1046 2.89543 19 4 19H20C21.1046 19 22 18.1046 22 17V7C22 5.89543 21.1046 5 20 5Z\" stroke=\"black\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/></svg>`,\n idcardslash: `<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M16 10H18\" stroke=\"black\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path d=\"M16 14H18\" stroke=\"black\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path d=\"M6.16992 15.0001C6.37606 14.4141 6.75902 13.9065 7.26594 13.5475C7.77286 13.1884 8.37873 12.9956 8.99992 12.9956C9.62111 12.9956 10.227 13.1884 10.7339 13.5475C11.2408 13.9065 11.6238 14.4141 11.8299 15.0001\" stroke=\"black\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path d=\"M9 13C10.1046 13 11 12.1046 11 11C11 9.89543 10.1046 9 9 9C7.89543 9 7 9.89543 7 11C7 12.1046 7.89543 13 9 13Z\" stroke=\"black\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path d=\"M20 5H4C2.89543 5 2 5.89543 2 7V17C2 18.1046 2.89543 19 4 19H20C21.1046 19 22 18.1046 22 17V7C22 5.89543 21.1046 5 20 5Z\" stroke=\"black\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path d=\"M2 2L22 22\" stroke=\"black\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/></svg>`,\n key: `<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M2.586 17.4139C2.2109 17.7889 2.00011 18.2975 2 18.8279V20.9999C2 21.2651 2.10536 21.5195 2.29289 21.707C2.48043 21.8946 2.73478 21.9999 3 21.9999H6C6.26522 21.9999 6.51957 21.8946 6.70711 21.707C6.89464 21.5195 7 21.2651 7 20.9999V19.9999C7 19.7347 7.10536 19.4803 7.29289 19.2928C7.48043 19.1053 7.73478 18.9999 8 18.9999H9C9.26522 18.9999 9.51957 18.8946 9.70711 18.707C9.89464 18.5195 10 18.2651 10 17.9999V16.9999C10 16.7347 10.1054 16.4803 10.2929 16.2928C10.4804 16.1053 10.7348 15.9999 11 15.9999H11.172C11.7024 15.9998 12.211 15.789 12.586 15.4139L13.4 14.5999C14.7898 15.0841 16.3028 15.0822 17.6915 14.5947C19.0801 14.1071 20.2622 13.1628 21.0444 11.916C21.8265 10.6693 22.1624 9.19409 21.9971 7.73165C21.8318 6.26922 21.1751 4.90617 20.1344 3.86549C19.0937 2.8248 17.7307 2.1681 16.2683 2.00281C14.8058 1.83751 13.3306 2.17341 12.0839 2.95556C10.8372 3.7377 9.89279 4.91979 9.40525 6.30844C8.91771 7.69708 8.91585 9.21008 9.4 10.5999L2.586 17.4139Z\" stroke=\"black\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path d=\"M16.5 8C16.7761 8 17 7.77614 17 7.5C17 7.22386 16.7761 7 16.5 7C16.2239 7 16 7.22386 16 7.5C16 7.77614 16.2239 8 16.5 8Z\" fill=\"black\" stroke=\"black\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/></svg>`,\n keyslash: `<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M2.586 17.4139C2.2109 17.7889 2.00011 18.2975 2 18.8279V20.9999C2 21.2651 2.10536 21.5195 2.29289 21.707C2.48043 21.8946 2.73478 21.9999 3 21.9999H6C6.26522 21.9999 6.51957 21.8946 6.70711 21.707C6.89464 21.5195 7 21.2651 7 20.9999V19.9999C7 19.7347 7.10536 19.4803 7.29289 19.2928C7.48043 19.1053 7.73478 18.9999 8 18.9999H9C9.26522 18.9999 9.51957 18.8946 9.70711 18.707C9.89464 18.5195 10 18.2651 10 17.9999V16.9999C10 16.7347 10.1054 16.4803 10.2929 16.2928C10.4804 16.1053 10.7348 15.9999 11 15.9999H11.172C11.7024 15.9998 12.211 15.789 12.586 15.4139L13.4 14.5999C14.7898 15.0841 16.3028 15.0822 17.6915 14.5947C19.0801 14.1071 20.2622 13.1628 21.0444 11.916C21.8265 10.6693 22.1624 9.19409 21.9971 7.73165C21.8318 6.26922 21.1751 4.90617 20.1344 3.86549C19.0937 2.8248 17.7307 2.1681 16.2683 2.00281C14.8058 1.83751 13.3306 2.17341 12.0839 2.95556C10.8372 3.7377 9.89279 4.91979 9.40525 6.30844C8.91771 7.69708 8.91585 9.21008 9.4 10.5999L2.586 17.4139Z\" stroke=\"black\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path d=\"M16.5 8C16.7761 8 17 7.77614 17 7.5C17 7.22386 16.7761 7 16.5 7C16.2239 7 16 7.22386 16 7.5C16 7.77614 16.2239 8 16.5 8Z\" fill=\"black\" stroke=\"black\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/></svg>`,\n pin: `<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M12 17V22\" stroke=\"black\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path d=\"M9 10.76C8.9998 11.1321 8.89581 11.4967 8.69972 11.813C8.50363 12.1292 8.22321 12.3844 7.89 12.55L6.11 13.45C5.77679 13.6156 5.49637 13.8708 5.30028 14.187C5.10419 14.5033 5.0002 14.8679 5 15.24V16C5 16.2652 5.10536 16.5196 5.29289 16.7071C5.48043 16.8946 5.73478 17 6 17H18C18.2652 17 18.5196 16.8946 18.7071 16.7071C18.8946 16.5196 19 16.2652 19 16V15.24C18.9998 14.8679 18.8958 14.5033 18.6997 14.187C18.5036 13.8708 18.2232 13.6156 17.89 13.45L16.11 12.55C15.7768 12.3844 15.4964 12.1292 15.3003 11.813C15.1042 11.4967 15.0002 11.1321 15 10.76V7C15 6.73478 15.1054 6.48043 15.2929 6.29289C15.4804 6.10536 15.7348 6 16 6C16.5304 6 17.0391 5.78929 17.4142 5.41421C17.7893 5.03914 18 4.53043 18 4C18 3.46957 17.7893 2.96086 17.4142 2.58579C17.0391 2.21071 16.5304 2 16 2H8C7.46957 2 6.96086 2.21071 6.58579 2.58579C6.21071 2.96086 6 3.46957 6 4C6 4.53043 6.21071 5.03914 6.58579 5.41421C6.96086 5.78929 7.46957 6 8 6C8.26522 6 8.51957 6.10536 8.70711 6.29289C8.89464 6.48043 9 6.73478 9 7V10.76Z\" stroke=\"black\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/></svg>`,\n pinslash: `<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M12 17V22\" stroke=\"black\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path d=\"M15.0006 9.34V7C15.0006 6.73478 15.106 6.48043 15.2935 6.29289C15.4811 6.10536 15.7354 6 16.0006 6C16.5311 6 17.0398 5.78929 17.4148 5.41421C17.7899 5.03914 18.0006 4.53043 18.0006 4C18.0006 3.46957 17.7899 2.96086 17.4148 2.58579C17.0398 2.21071 16.5311 2 16.0006 2H7.89062\" stroke=\"black\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path d=\"M2 2L22 22\" stroke=\"black\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path d=\"M9 9V10.76C8.9998 11.1321 8.89581 11.4967 8.69972 11.813C8.50363 12.1292 8.22321 12.3844 7.89 12.55L6.11 13.45C5.77679 13.6156 5.49637 13.8708 5.30028 14.187C5.10419 14.5033 5.0002 14.8679 5 15.24V16C5 16.2652 5.10536 16.5196 5.29289 16.7071C5.48043 16.8946 5.73478 17 6 17H17\" stroke=\"black\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/></svg>`,\n};\n\ninterface IHistoryEntry {\n icon: string;\n message: string;\n date: Date;\n}\n\n/**\n * Displays a file upload mechanism suitable for the first step of creating a template.\n * This is typically the first step in a template creation workflow.\n */\n@Component({\n tag: 'verdocs-envelope-sidebar',\n styleUrl: 'verdocs-envelope-sidebar.scss',\n shadow: false,\n})\nexport class VerdocsEnvelopeSidebar {\n private envelopeListenerId = null;\n\n /**\n * The endpoint to use to communicate with Verdocs. If not set, the default endpoint will be used.\n */\n @Prop() endpoint: VerdocsEndpoint = VerdocsEndpoint.getDefault();\n\n /**\n * The envelope ID to render. Set ONE OF templateId or envelopeId. If both are set, envelopeId will be ignored.\n */\n @Prop() envelopeId: string = '';\n\n /**\n * Event fired if an error occurs. The event details will contain information about the error. Most errors will\n * terminate the process, and the calling application should correct the condition and re-render the component.\n */\n @Event({composed: true}) sdkError: EventEmitter<SDKError>;\n\n /**\n * Event fired when the envelope is updated in any way. May be used for tasks such as cache invalidation or reporting to other systems.\n */\n @Event({composed: true}) envelopeUpdated: EventEmitter<{endpoint: VerdocsEndpoint; envelope: IEnvelope; event: string}>;\n\n /**\n * Event fired when the sidebar is opened or closed.\n */\n @Event({composed: true}) toggle: EventEmitter<{open: boolean}>;\n\n /**\n * Event fired when the user clicks Send Another in the Manage Recipients dialog. 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 // @State() envelope: IEnvelope | null = null;\n // @State() sortedRecipients: IRecipient[] = [];\n // @State() roleNames: string[] = [];\n @State() activeTab: number = 1;\n @State() panelOpen = false;\n @State() showRecipientDialog = '';\n @State() showCancelDialog = false;\n @State() showReinviteDialog = '';\n\n @State() remindersEnabled = false;\n @State() updatingReminders = false;\n @State() initialReminder: number | null = null;\n @State() followupReminders: number | null = null;\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(`[SIDEBAR] Missing required envelope ID ${this.envelopeId}`);\n return;\n }\n\n if (!this.endpoint.session) {\n console.log('[SIDEBAR] Unable to start session, must be authenticated');\n return;\n }\n\n this.listenToEnvelope();\n } catch (e) {\n console.log('[SIDEBAR] 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 this.initialReminder = this.envelope?.initial_reminder;\n this.followupReminders = this.envelope?.followup_reminders;\n this.remindersEnabled = !!this.initialReminder;\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 setTab(tab: number) {\n this.panelOpen = tab !== this.activeTab || !this.panelOpen;\n this.toggle?.emit({open: this.panelOpen});\n this.activeTab = tab;\n }\n\n // TODO: Refactor to a common library?\n canResendRecipient(recipient: IRecipient) {\n return (\n !['pending', 'declined', 'submitted', 'canceled'].includes(recipient.status) && //\n !['complete', 'declined', 'canceled'].includes(this.envelope?.status)\n );\n }\n\n handleRecipientAction(recipient: IRecipient, id: string) {\n console.log('[SIDEBAR] Recipient action', id, recipient);\n switch (id) {\n case 'reminder':\n resendInvitation(this.endpoint, this.envelopeId, recipient.role_name)\n .then(() => {\n VerdocsToast('Reminder Sent', {style: 'success'});\n })\n .catch(e => {\n console.log('[SIDEBAR] Error resending invitation', e);\n VerdocsToast('Error resending invitation: ' + e.message, {style: 'error'});\n });\n break;\n\n case 'reinvite':\n this.showReinviteDialog = recipient.role_name;\n // resendInvitation(this.endpoint, this.envelopeId, recipient.role_name)\n // .then(() => {\n // VerdocsToast('Reminder Sent', {style: 'success'});\n // })\n // .catch(e => {\n // console.log('[SIDEBAR] Error resending invitation', e);\n // VerdocsToast('Error resending invitation: ' + e.message, {style: 'error'});\n // });\n break;\n\n case 'inperson':\n this.showRecipientDialog = recipient.role_name;\n break;\n\n case 'modify':\n VerdocsToast('This feature will be enabled in a future release. Please try again later.', {style: 'info'});\n break;\n\n case 'details':\n VerdocsToast('This feature will be enabled in a future release. Please try again later.', {style: 'info'});\n break;\n }\n\n this.envelopeUpdated?.emit({endpoint: this.endpoint, envelope: this.envelope, event: id});\n }\n\n handleCancelEnvelope() {\n this.loading = true;\n cancelEnvelope(this.endpoint, this.envelopeId)\n .then(async r => {\n console.log('[SIDEBAR] Envelope canceled', r);\n VerdocsToast('Envelope canceled', {style: 'success'});\n\n // TODO: Use returned value instead?\n const newEnvelope = JSON.parse(JSON.stringify(this.envelope));\n newEnvelope.status = 'canceled';\n Store.updateEnvelope(this.envelopeId, newEnvelope);\n\n this.loading = false;\n this.panelOpen = false;\n this.envelopeUpdated?.emit({endpoint: this.endpoint, envelope: newEnvelope, event: 'canceled'});\n })\n .catch(e => {\n console.log('[SIDEBAR] Error canceling envelope', e);\n this.loading = false;\n VerdocsToast('Error canceling envelope: ' + e.message, {style: 'error'});\n });\n }\n\n prepareHistoryEntries() {\n const entries: IHistoryEntry[] = [];\n const histories = this.envelope?.history_entries || [];\n\n entries.push({icon: 'pencil', message: 'Envelope created.', date: new Date(this.envelope?.created_at)});\n\n if (this.envelope?.status === 'complete') {\n entries.push({icon: 'pencil', message: 'Envelope completed.', date: new Date(this.envelope?.updated_at)});\n }\n\n // TODO: Shift back to server-side generating these events? We'll still need\n // to tolerate both cases here for a while.\n const ownerCanceled = histories.some(history => (history.event as any) === 'owner:canceled');\n if (this.envelope?.status === 'canceled' && !ownerCanceled) {\n entries.push({icon: 'pencil', message: 'Envelope Canceled.', date: new Date(this.envelope?.canceled_at)});\n }\n\n histories.forEach(history => {\n const recipient = (this.envelope?.recipients || []).find(recipient => recipient.role_name === history.role_name);\n const fullName = formatFullName(recipient);\n\n switch (history.event.toLowerCase()) {\n case 'recipient:kba_verified':\n entries.push({icon: 'key', message: `KBA verification completed by ${fullName}.`, date: new Date(history.created_at)});\n break;\n case 'recipient:kba_failed':\n entries.push({icon: 'keyslash', message: `KBA verification failed by ${fullName}.`, date: new Date(history.created_at)});\n break;\n case 'recipient:id_verified':\n entries.push({icon: 'idcard', message: `ID verification completed by ${fullName}.`, date: new Date(history.created_at)});\n break;\n case 'recipient:id_failed':\n entries.push({icon: 'idcardslash', message: `ID verification failed by ${fullName}.`, date: new Date(history.created_at)});\n break;\n case 'recipient:pin_verified':\n entries.push({icon: 'pin', message: `PIN verification completed by ${fullName}.`, date: new Date(history.created_at)});\n break;\n case 'recipient:pin_failed':\n entries.push({icon: 'pinslash', message: `PIN verification failed by ${fullName}.`, date: new Date(history.created_at)});\n break;\n case 'recipient:signed':\n entries.push({icon: 'gesture', message: `Signed by ${fullName}.`, date: new Date(history.created_at)});\n break;\n case 'recipient:declined':\n entries.push({icon: 'clear', message: `Declined by ${fullName}.`, date: new Date(history.created_at)});\n break;\n case 'recipient:opened':\n switch (history.event_detail) {\n // TODO: Sync these up with reality\n case 'email':\n case 'mail':\n entries.push({icon: 'visibility', message: `Opened by ${fullName}, via email.`, date: new Date(history.created_at)});\n break;\n case 'sms':\n entries.push({icon: 'visibility', message: `Opened by ${fullName}, via SMS.`, date: new Date(history.created_at)});\n break;\n case 'in_person_link':\n entries.push({icon: 'visibility', message: `Opened by ${fullName}, via In-person link.`, date: new Date(history.created_at)});\n break;\n case 'in_app':\n entries.push({icon: 'visibility', message: `Opened by ${fullName}, via dashboard.`, date: new Date(history.created_at)});\n break;\n default:\n entries.push({icon: 'visibility', message: `Opened by ${fullName}.`, date: new Date(history.created_at)});\n }\n break;\n case 'recipient:submitted':\n switch (history.event_detail) {\n // TODO: Sync up\n case 'approver':\n entries.push({icon: 'check_circle', message: `Approved by ${fullName}.`, date: new Date(history.created_at)});\n break;\n default:\n entries.push({icon: 'send', message: `Submitted by ${fullName}.`, date: new Date(history.created_at)});\n break;\n }\n break;\n case 'recipient:prepared':\n entries.push({icon: 'send', message: `Prepared by ${fullName}.`, date: new Date(history.created_at)});\n break;\n case 'recipient:claimed':\n if (history.event_detail === 'guest') {\n entries.push({icon: 'account_circle', message: `${fullName} claimed the Envelope as a guest.`, date: new Date(history.created_at)});\n } else if (history.event_detail === 'profile') {\n entries.push({icon: 'verified_user', message: `${fullName} claimed the Envelope as a verified user.`, date: new Date(history.created_at)});\n }\n break;\n case 'recipient:agreed':\n entries.push({icon: 'done', message: `${fullName} agreed to use electronic records and signatures.`, date: new Date(history.created_at)});\n break;\n case 'recipient:invited':\n if (history.event_detail === 'sms') {\n entries.push({icon: 'textsms', message: `${fullName} has been invited via SMS.`, date: new Date(history.created_at)});\n } else {\n entries.push({icon: 'mail', message: `${fullName} has been invited via email.`, date: new Date(history.created_at)});\n }\n break;\n case 'recipient:reminder':\n if (history.event_detail === 'sms') {\n entries.push({icon: 'textsms', message: `${fullName} sent a reminder via SMS.`, date: new Date(history.created_at)});\n } else {\n entries.push({icon: 'mail', message: `${fullName} sent a reminder via email.`, date: new Date(history.created_at)});\n }\n break;\n case 'invitation:resent':\n entries.push({\n icon: 'mail',\n message: `Invitation was resent to ${fullName}${history.event_detail === 'reminder' ? ' by reminder' : ''}.`,\n date: new Date(history.created_at),\n });\n break;\n case 'envelope:cc':\n entries.push({icon: 'contact_mail', message: `A copy has been sent to ${fullName}.`, date: new Date(history.created_at)});\n break;\n case 'recipient:delegated':\n entries.push({icon: 'people', message: history.event_detail, date: new Date(history.created_at)});\n break;\n case 'recipient:updated_info':\n entries.push({icon: 'perm_identity', message: history.event_detail, date: new Date(history.created_at)});\n break;\n case 'owner:updated_recipient_info':\n entries.push({icon: 'perm_identity', message: history.event_detail, date: new Date(history.created_at)});\n break;\n case 'created':\n entries.push({icon: 'create', message: `Envelope was created.`, date: new Date(history.created_at)});\n break;\n case 'completed':\n entries.push({icon: 'done_all', message: `Envelope was completed.`, date: new Date(history.created_at)});\n break;\n // TODO: Final answer?\n case 'envelope:canceled':\n case 'envelope_canceled':\n case 'canceled':\n case 'owner:canceled':\n entries.push({icon: 'cancel', message: `Envelope was canceled by the creator.`, date: new Date(history.created_at)});\n break;\n case 'envelope:expired':\n entries.push({icon: 'cancel', message: `Envelope expired.`, date: new Date(history.created_at)});\n break;\n case 'owner:get_in_person_link':\n entries.push({icon: 'link', message: `Owner accessed the In-person link for ${recipient}.`, date: new Date(history.created_at)});\n break;\n default:\n console.log('[SIDEBAR] Unknown history type', history);\n break;\n }\n });\n\n entries.sort((a, b) => b.date.getTime() - a.date.getTime());\n return entries;\n }\n\n // canModify(recipient: IRecipient) {\n // const invalidRecipientStatus = ['declined', 'signed', 'submitted', 'canceled'];\n // const invalidEnvelopeStatus = ['complete', 'declined', 'canceled'];\n // return recipient.claimed !== true && invalidRecipientStatus.indexOf(recipient.status) === -1 && invalidEnvelopeStatus.indexOf(this.envelope?.status) === -1;\n // }\n\n handleToggleReminders() {\n if (this.remindersEnabled) {\n return this.handleSetReminders(null, null);\n } else {\n return this.handleSetReminders(MS_PER_DAY, 3 * MS_PER_DAY);\n }\n }\n\n handleSetReminders(initial_reminder: number | null, followup_reminders: number | null) {\n console.log('Updating reminders...');\n this.updatingReminders = true;\n\n updateEnvelope(this.endpoint, this.envelopeId, {initial_reminder, followup_reminders})\n .then(envelope => {\n console.log('Updated', envelope);\n Store.updateEnvelope(this.envelopeId, envelope);\n this.initialReminder = envelope.initial_reminder;\n this.followupReminders = envelope.followup_reminders;\n this.remindersEnabled = !!envelope.initial_reminder;\n this.updatingReminders = false;\n })\n .catch(e => {\n console.log('Error updating envelope', e);\n this.initialReminder = this.envelope?.initial_reminder;\n this.followupReminders = this.envelope?.followup_reminders;\n this.remindersEnabled = !!this.envelope?.initial_reminder;\n this.updatingReminders = false;\n VerdocsToast(e.response.data.error, {style: 'error'});\n });\n }\n\n render() {\n if (this.loading) {\n // We don't show a loading indicator for the sidebar, to avoid FOUS\n return <Host />;\n }\n\n const isEnvelopeOwner = userIsEnvelopeOwner(this.endpoint.profile, this.envelope);\n const historyEntries = this.prepareHistoryEntries();\n const functionsDisabled = this.envelope?.status !== 'pending' && this.envelope?.status !== 'in progress';\n\n return (\n <Host class={this.panelOpen ? 'open' : ''}>\n <div class=\"side-buttons\">\n <button class={this.activeTab === 1 ? 'active' : ''} onClick={() => this.setTab(1)} innerHTML={InformationCircle} />\n <button class={this.activeTab === 2 ? 'active' : ''} onClick={() => this.setTab(2)} innerHTML={Users} />\n <button class={this.activeTab === 3 ? 'active' : ''} onClick={() => this.setTab(3)} innerHTML={ClipboardDocuments} />\n </div>\n\n {this.activeTab === 1 && (\n <div class=\"content\">\n <div class=\"title\">Details</div>\n\n <div class=\"label\">Envelope ID</div>\n <div class=\"value\">{this.envelope?.id}</div>\n\n <div class=\"label\">Date Created</div>\n <div class=\"value\">{format(new Date(this.envelope?.created_at), FORMAT_TIMESTAMP)}</div>\n\n <div class=\"label\">Last Modified</div>\n <div class=\"value\">{format(new Date(this.envelope?.updated_at), FORMAT_TIMESTAMP)}</div>\n\n <div class=\"label\">Status</div>\n <div class=\"value\">{capitalize(this.envelope?.status)}</div>\n\n <div class=\"label\">Owner ID</div>\n <div class=\"value\">{this.envelope?.profile_id}</div>\n\n <div class=\"label\">Owner Name</div>\n <div class=\"value\">{formatFullName(this.envelope?.profile)}</div>\n\n <div class=\"label\">Owner Email</div>\n <div class=\"value\">{this.envelope?.profile?.email}</div>\n </div>\n )}\n\n {this.activeTab === 2 && (\n <div class=\"content\">\n <div class=\"title\">Recipients</div>\n {this.envelope?.recipients.map((recipient, index) => {\n const canGetInPersonLink = recipient.status !== 'submitted' && recipient.status !== 'canceled' && recipient.status !== 'declined';\n const canSendReminder = this.canResendRecipient(recipient);\n const fullName = formatFullName(recipient);\n\n return (\n <div class=\"recipient-detail\">\n <div class=\"recipient-header\">\n <div class=\"recipient-number\">{index + 1}</div>\n <div class=\"recipient-name\">{recipient.role_name}</div>\n <div class={{'recipient-status': true, [recipient.status]: true}}>{recipient.status}</div>\n {isEnvelopeOwner && !functionsDisabled && (\n <verdocs-dropdown\n onOptionSelected={item => this.handleRecipientAction(recipient, item.detail.id)}\n options={[\n {id: 'reminder', label: 'Send Reminder', disabled: !canSendReminder},\n {id: 'inperson', label: 'Get In-Person Link', disabled: !canGetInPersonLink},\n {id: 'reinvite', label: 'Re-invite', disabled: !canSendReminder},\n // {id: 'modify', label: 'Modify Recipient', disabled: !this.canModifyRecipient(recipient)},\n // TODO: Details dialog\n // {id:'details',label: 'View Details'},\n ]}\n />\n )}\n </div>\n\n <dic class=\"recipient-content\">\n <div class=\"recipient-name\">{fullName}</div>\n <div class=\"recipient-name\">{recipient.email}</div>\n <div class=\"recipient-name\">{recipient.phone}</div>\n </dic>\n </div>\n );\n })}\n\n {isEnvelopeOwner && (\n <div class=\"reminders\">\n <div class=\"form-row\">\n <div class=\"reminders-label\">Reminders</div>\n <verdocs-switch disabled={functionsDisabled || this.updatingReminders} checked={this.remindersEnabled} onCheckedChange={() => this.handleToggleReminders()} />\n </div>\n\n {this.remindersEnabled && (\n <Fragment>\n <div class=\"form-row\">NOTE: Reminders will only be sent for up to 14 days.</div>\n <div class=\"form-row\">\n <div class=\"form-label\">Initial Reminder (days):</div>\n <verdocs-text-input\n placeholder=\"In hours...\"\n disabled={functionsDisabled || this.updatingReminders}\n value={String(Math.floor(this.initialReminder / MS_PER_DAY))}\n onBlur={(e: any) => {\n this.initialReminder = Number(e.target.value) * MS_PER_DAY;\n this.handleSetReminders(this.initialReminder, this.followupReminders);\n }}\n />\n </div>\n <div class=\"form-row\">\n <div class=\"form-label\">Follow-up Reminders:</div>\n <verdocs-text-input\n placeholder=\"In hours...\"\n disabled={functionsDisabled || this.updatingReminders}\n value={String(Math.floor(this.followupReminders / MS_PER_DAY))}\n onBlur={(e: any) => {\n this.followupReminders = Number(e.target.value) * MS_PER_DAY;\n this.handleSetReminders(this.initialReminder, this.followupReminders);\n }}\n />\n </div>\n <div class=\"form-row\">\n <div class=\"form-label\">Next Reminder:</div>\n <div style={{color: '#dddddd'}}>{format(new Date(this.envelope?.next_reminder), 'P p')}</div>\n </div>\n </Fragment>\n )}\n </div>\n )}\n {/* <verdocs-button*/}\n {/* class=\"manage-recipients-button\"*/}\n {/* variant=\"standard\"*/}\n {/* label=\"Turn On Reminders\"*/}\n {/* onClick={() => (this.showManageDialog = !functionsDisabled)}*/}\n {/* disabled={functionsDisabled}*/}\n {/* />*/}\n\n {isEnvelopeOwner && (\n <verdocs-button\n class=\"manage-recipients-button\"\n variant=\"standard\"\n label=\"Cancel Envelope\"\n onClick={() => (this.showCancelDialog = !functionsDisabled)}\n disabled={functionsDisabled}\n />\n )}\n </div>\n )}\n\n {this.activeTab === 3 && (\n <div class=\"content\">\n <div class=\"title\">History</div>\n\n {historyEntries.map(entry => (\n <div class=\"history-entry\">\n <div class=\"activity-icon\" innerHTML={ActivityIcons[entry.icon] || entry.icon} />\n <div class=\"activity-details\">\n <div class=\"activity-text\">{entry.message}</div>\n {/* 'MMMM Do YYYY, h:mm:ss a' */}\n <div class=\"activity-date\">{format(entry.date, FORMAT_TIMESTAMP)}</div>\n </div>\n </div>\n ))}\n </div>\n )}\n\n {this.showRecipientDialog && (\n <verdocs-envelope-recipient-link envelopeId={this.envelopeId} roleName={this.showRecipientDialog} onNext={() => (this.showRecipientDialog = '')} />\n )}\n\n {this.showCancelDialog && (\n <verdocs-ok-dialog\n heading=\"Cancel Envelope?\"\n message={'Are you sure you want to cancel this Envelope? This action cannot be undone.'}\n onNext={() => {\n this.showCancelDialog = false;\n this.handleCancelEnvelope();\n }}\n />\n )}\n\n {this.showReinviteDialog && (\n <verdocs-ok-dialog\n heading=\"Re-invite Recipient?\"\n message={'This will reset the recipient\\'s KBA status and send a new signing invitation. If you just want to send a reminder, please click \"Send Reminder\" instead.'}\n onNext={() => {\n this.showReinviteDialog = '';\n // this.handleCancelEnvelope();\n }}\n />\n )}\n </Host>\n );\n }\n}\n"],"mappings":"kbAAA,MAAMA,EAA4B,6gLCSlC,MAAMC,EAAa,GAAK,GAAK,GAAK,IAElC,MAAMC,EAAoB,mUAE1B,MAAMC,EAAQ,2hBAEd,MAAMC,EAAqB,6vBAG3B,MAAMC,EAAgB,CACpBC,WAAY,4aACZC,OAAQ,iVACRC,KAAM,qNACNC,aAAc,qNACdC,KAAM,kRACNC,KAAM,6IACNC,QAAS,qvBACTC,MAAO,6MACPC,aAAc,6NACdC,KAAM,2TACNC,OAAQ,uRACRC,SAAU,iQACVC,OAAQ,6PACRC,cAAe,6PACfC,OAAQ,yYACRC,cAAe,sUACfC,QAAS,2NACTC,cAAe,qiBACfC,eAAgB,2UAChBC,OAAQ,s/BACRC,YAAa,2lCACbC,IAAK,m2CACLC,SAAU,m2CACVC,IAAK,2wCACLC,SAAU,8gC,MAkBCC,EAAsB,MALnC,WAAAC,CAAAC,G,sJAMUC,KAAkBC,mBAAG,KAKrBD,KAAAE,SAA4BC,EAAgBC,aAK5CJ,KAAUK,WAAW,GA2BpBL,KAASM,UAAW,EACpBN,KAASO,UAAG,MACZP,KAAmBQ,oBAAG,GACtBR,KAAgBS,iBAAG,MACnBT,KAAkBU,mBAAG,GAErBV,KAAgBW,iBAAG,MACnBX,KAAiBY,kBAAG,MACpBZ,KAAea,gBAAkB,KACjCb,KAAiBc,kBAAkB,KAEnCd,KAAOe,QAAG,KACVf,KAAQgB,SAAqB,IAsgBvC,CApgBC,uBAAMC,G,UACJ,IACEjB,KAAKE,SAASgB,cAEd,IAAKlB,KAAKK,WAAY,CACpBc,QAAQC,IAAI,0CAA0CpB,KAAKK,cAC3D,M,CAGF,IAAKL,KAAKE,SAASmB,QAAS,CAC1BF,QAAQC,IAAI,4DACZ,M,CAGFpB,KAAKsB,kB,CACL,MAAOC,GACPJ,QAAQC,IAAI,mCAAoCG,IAChDC,EAAAxB,KAAKyB,YAAQ,MAAAD,SAAA,SAAAA,EAAEE,KAAK,IAAIC,EAASJ,EAAEK,SAASC,EAAAN,EAAEO,YAAQ,MAAAD,SAAA,SAAAA,EAAEE,QAAQC,EAAAT,EAAEO,YAAU,MAAAE,SAAA,SAAAA,EAAAC,M,EAIhF,oBAAAC,GACElC,KAAKmC,oB,CAGP,sBAAMb,GACJH,QAAQC,IAAI,6BAA8BpB,KAAKK,YAC/CL,KAAKmC,qBACLC,EAAMC,UACJ,YACArC,KAAKK,YACL,IAAMiC,EAAYtC,KAAKE,SAAUF,KAAKK,aACtC,OACCW,I,QACChB,KAAKgB,SAAWA,EAChBhB,KAAKe,QAAU,MAEff,KAAKuC,yBACLvC,KAAKa,iBAAkBW,EAAAxB,KAAKgB,YAAU,MAAAQ,SAAA,SAAAA,EAAAgB,iBACtCxC,KAAKc,mBAAoBe,EAAA7B,KAAKgB,YAAU,MAAAa,SAAA,SAAAA,EAAAY,mBACxCzC,KAAKW,mBAAqBX,KAAKa,eAAe,G,CAKpD,kBAAAsB,GACE,GAAInC,KAAKC,mBAAoB,CAC3BmC,EAAMM,MAAMC,YAAY3C,KAAKC,oBAC7BD,KAAKC,mBAAqB,I,EAI9B,sBAAAsC,G,SACGf,EAAAxB,KAAKgB,YAAQ,MAAAQ,SAAA,SAAAA,EAAEoB,aAAc,IAAIC,MAAK,CAACC,EAAGC,IAClCD,EAAEE,WAAaD,EAAEC,SAAWF,EAAEG,MAAQF,EAAEE,MAAQH,EAAEE,SAAWD,EAAEC,U,CAI1E,MAAAE,CAAOC,G,MACLnD,KAAKO,UAAY4C,IAAQnD,KAAKM,YAAcN,KAAKO,WACjDiB,EAAAxB,KAAKoD,UAAM,MAAA5B,SAAA,SAAAA,EAAEE,KAAK,CAAC2B,KAAMrD,KAAKO,YAC9BP,KAAKM,UAAY6C,C,CAInB,kBAAAG,CAAmBC,G,MACjB,OACG,CAAC,UAAW,WAAY,YAAa,YAAYC,SAASD,EAAUxB,UACpE,CAAC,WAAY,WAAY,YAAYyB,UAAShC,EAAAxB,KAAKgB,YAAQ,MAAAQ,SAAA,SAAAA,EAAEO,O,CAIlE,qBAAA0B,CAAsBF,EAAuBG,G,MAC3CvC,QAAQC,IAAI,6BAA8BsC,EAAIH,GAC9C,OAAQG,GACN,IAAK,WACHC,EAAiB3D,KAAKE,SAAUF,KAAKK,WAAYkD,EAAUK,WACxDC,MAAK,KACJC,EAAa,gBAAiB,CAACC,MAAO,WAAW,IAElDC,OAAMzC,IACLJ,QAAQC,IAAI,uCAAwCG,GACpDuC,EAAa,+BAAiCvC,EAAEK,QAAS,CAACmC,MAAO,SAAS,IAE9E,MAEF,IAAK,WACH/D,KAAKU,mBAAqB6C,EAAUK,UASpC,MAEF,IAAK,WACH5D,KAAKQ,oBAAsB+C,EAAUK,UACrC,MAEF,IAAK,SACHE,EAAa,4EAA6E,CAACC,MAAO,SAClG,MAEF,IAAK,UACHD,EAAa,4EAA6E,CAACC,MAAO,SAClG,OAGJvC,EAAAxB,KAAKiE,mBAAiB,MAAAzC,SAAA,SAAAA,EAAAE,KAAK,CAACxB,SAAUF,KAAKE,SAAUc,SAAUhB,KAAKgB,SAAUkD,MAAOR,G,CAGvF,oBAAAS,GACEnE,KAAKe,QAAU,KACfqD,EAAepE,KAAKE,SAAUF,KAAKK,YAChCwD,MAAKQ,MAAMC,I,MACVnD,QAAQC,IAAI,8BAA+BkD,GAC3CR,EAAa,oBAAqB,CAACC,MAAO,YAG1C,MAAMQ,EAAcC,KAAKC,MAAMD,KAAKE,UAAU1E,KAAKgB,WACnDuD,EAAYxC,OAAS,WACrBK,EAAMuC,eAAe3E,KAAKK,WAAYkE,GAEtCvE,KAAKe,QAAU,MACff,KAAKO,UAAY,OACjBiB,EAAAxB,KAAKiE,mBAAe,MAAAzC,SAAA,SAAAA,EAAEE,KAAK,CAACxB,SAAUF,KAAKE,SAAUc,SAAUuD,EAAaL,MAAO,YAAY,IAEhGF,OAAMzC,IACLJ,QAAQC,IAAI,qCAAsCG,GAClDvB,KAAKe,QAAU,MACf+C,EAAa,6BAA+BvC,EAAEK,QAAS,CAACmC,MAAO,SAAS,G,CAI9E,qBAAAa,G,gBACE,MAAMC,EAA2B,GACjC,MAAMC,IAAYtD,EAAAxB,KAAKgB,YAAU,MAAAQ,SAAA,SAAAA,EAAAuD,kBAAmB,GAEpDF,EAAQG,KAAK,CAACC,KAAM,SAAUrD,QAAS,oBAAqBsD,KAAM,IAAIC,MAAKtD,EAAA7B,KAAKgB,YAAQ,MAAAa,SAAA,SAAAA,EAAEuD,cAE1F,KAAIpD,EAAAhC,KAAKgB,YAAQ,MAAAgB,SAAA,SAAAA,EAAED,UAAW,WAAY,CACxC8C,EAAQG,KAAK,CAACC,KAAM,SAAUrD,QAAS,sBAAuBsD,KAAM,IAAIC,MAAKE,EAAArF,KAAKgB,YAAQ,MAAAqE,SAAA,SAAAA,EAAEC,a,CAK9F,MAAMC,EAAgBT,EAAUU,MAAKC,GAAYA,EAAQvB,QAAkB,mBAC3E,KAAIwB,EAAA1F,KAAKgB,YAAQ,MAAA0E,SAAA,SAAAA,EAAE3D,UAAW,aAAewD,EAAe,CAC1DV,EAAQG,KAAK,CAACC,KAAM,SAAUrD,QAAS,qBAAsBsD,KAAM,IAAIC,MAAKQ,EAAA3F,KAAKgB,YAAQ,MAAA2E,SAAA,SAAAA,EAAEC,c,CAG7Fd,EAAUe,SAAQJ,I,MAChB,MAAMlC,KAAa/B,EAAAxB,KAAKgB,YAAU,MAAAQ,SAAA,SAAAA,EAAAoB,aAAc,IAAIkD,MAAKvC,GAAaA,EAAUK,YAAc6B,EAAQ7B,YACtG,MAAMmC,EAAWC,EAAezC,GAEhC,OAAQkC,EAAQvB,MAAM+B,eACpB,IAAK,yBACHpB,EAAQG,KAAK,CAACC,KAAM,MAAOrD,QAAS,iCAAiCmE,KAAab,KAAM,IAAIC,KAAKM,EAAQL,cACzG,MACF,IAAK,uBACHP,EAAQG,KAAK,CAACC,KAAM,WAAYrD,QAAS,8BAA8BmE,KAAab,KAAM,IAAIC,KAAKM,EAAQL,cAC3G,MACF,IAAK,wBACHP,EAAQG,KAAK,CAACC,KAAM,SAAUrD,QAAS,gCAAgCmE,KAAab,KAAM,IAAIC,KAAKM,EAAQL,cAC3G,MACF,IAAK,sBACHP,EAAQG,KAAK,CAACC,KAAM,cAAerD,QAAS,6BAA6BmE,KAAab,KAAM,IAAIC,KAAKM,EAAQL,cAC7G,MACF,IAAK,yBACHP,EAAQG,KAAK,CAACC,KAAM,MAAOrD,QAAS,iCAAiCmE,KAAab,KAAM,IAAIC,KAAKM,EAAQL,cACzG,MACF,IAAK,uBACHP,EAAQG,KAAK,CAACC,KAAM,WAAYrD,QAAS,8BAA8BmE,KAAab,KAAM,IAAIC,KAAKM,EAAQL,cAC3G,MACF,IAAK,mBACHP,EAAQG,KAAK,CAACC,KAAM,UAAWrD,QAAS,aAAamE,KAAab,KAAM,IAAIC,KAAKM,EAAQL,cACzF,MACF,IAAK,qBACHP,EAAQG,KAAK,CAACC,KAAM,QAASrD,QAAS,eAAemE,KAAab,KAAM,IAAIC,KAAKM,EAAQL,cACzF,MACF,IAAK,mBACH,OAAQK,EAAQS,cAEd,IAAK,QACL,IAAK,OACHrB,EAAQG,KAAK,CAACC,KAAM,aAAcrD,QAAS,aAAamE,gBAAwBb,KAAM,IAAIC,KAAKM,EAAQL,cACvG,MACF,IAAK,MACHP,EAAQG,KAAK,CAACC,KAAM,aAAcrD,QAAS,aAAamE,cAAsBb,KAAM,IAAIC,KAAKM,EAAQL,cACrG,MACF,IAAK,iBACHP,EAAQG,KAAK,CAACC,KAAM,aAAcrD,QAAS,aAAamE,yBAAiCb,KAAM,IAAIC,KAAKM,EAAQL,cAChH,MACF,IAAK,SACHP,EAAQG,KAAK,CAACC,KAAM,aAAcrD,QAAS,aAAamE,oBAA4Bb,KAAM,IAAIC,KAAKM,EAAQL,cAC3G,MACF,QACEP,EAAQG,KAAK,CAACC,KAAM,aAAcrD,QAAS,aAAamE,KAAab,KAAM,IAAIC,KAAKM,EAAQL,cAEhG,MACF,IAAK,sBACH,OAAQK,EAAQS,cAEd,IAAK,WACHrB,EAAQG,KAAK,CAACC,KAAM,eAAgBrD,QAAS,eAAemE,KAAab,KAAM,IAAIC,KAAKM,EAAQL,cAChG,MACF,QACEP,EAAQG,KAAK,CAACC,KAAM,OAAQrD,QAAS,gBAAgBmE,KAAab,KAAM,IAAIC,KAAKM,EAAQL,cACzF,MAEJ,MACF,IAAK,qBACHP,EAAQG,KAAK,CAACC,KAAM,OAAQrD,QAAS,eAAemE,KAAab,KAAM,IAAIC,KAAKM,EAAQL,cACxF,MACF,IAAK,oBACH,GAAIK,EAAQS,eAAiB,QAAS,CACpCrB,EAAQG,KAAK,CAACC,KAAM,iBAAkBrD,QAAS,GAAGmE,qCAA6Cb,KAAM,IAAIC,KAAKM,EAAQL,a,MACjH,GAAIK,EAAQS,eAAiB,UAAW,CAC7CrB,EAAQG,KAAK,CAACC,KAAM,gBAAiBrD,QAAS,GAAGmE,6CAAqDb,KAAM,IAAIC,KAAKM,EAAQL,a,CAE/H,MACF,IAAK,mBACHP,EAAQG,KAAK,CAACC,KAAM,OAAQrD,QAAS,GAAGmE,qDAA6Db,KAAM,IAAIC,KAAKM,EAAQL,cAC5H,MACF,IAAK,oBACH,GAAIK,EAAQS,eAAiB,MAAO,CAClCrB,EAAQG,KAAK,CAACC,KAAM,UAAWrD,QAAS,GAAGmE,8BAAsCb,KAAM,IAAIC,KAAKM,EAAQL,a,KACnG,CACLP,EAAQG,KAAK,CAACC,KAAM,OAAQrD,QAAS,GAAGmE,gCAAwCb,KAAM,IAAIC,KAAKM,EAAQL,a,CAEzG,MACF,IAAK,qBACH,GAAIK,EAAQS,eAAiB,MAAO,CAClCrB,EAAQG,KAAK,CAACC,KAAM,UAAWrD,QAAS,GAAGmE,6BAAqCb,KAAM,IAAIC,KAAKM,EAAQL,a,KAClG,CACLP,EAAQG,KAAK,CAACC,KAAM,OAAQrD,QAAS,GAAGmE,+BAAuCb,KAAM,IAAIC,KAAKM,EAAQL,a,CAExG,MACF,IAAK,oBACHP,EAAQG,KAAK,CACXC,KAAM,OACNrD,QAAS,4BAA4BmE,IAAWN,EAAQS,eAAiB,WAAa,eAAiB,MACvGhB,KAAM,IAAIC,KAAKM,EAAQL,cAEzB,MACF,IAAK,cACHP,EAAQG,KAAK,CAACC,KAAM,eAAgBrD,QAAS,2BAA2BmE,KAAab,KAAM,IAAIC,KAAKM,EAAQL,cAC5G,MACF,IAAK,sBACHP,EAAQG,KAAK,CAACC,KAAM,SAAUrD,QAAS6D,EAAQS,aAAchB,KAAM,IAAIC,KAAKM,EAAQL,cACpF,MACF,IAAK,yBACHP,EAAQG,KAAK,CAACC,KAAM,gBAAiBrD,QAAS6D,EAAQS,aAAchB,KAAM,IAAIC,KAAKM,EAAQL,cAC3F,MACF,IAAK,+BACHP,EAAQG,KAAK,CAACC,KAAM,gBAAiBrD,QAAS6D,EAAQS,aAAchB,KAAM,IAAIC,KAAKM,EAAQL,cAC3F,MACF,IAAK,UACHP,EAAQG,KAAK,CAACC,KAAM,SAAUrD,QAAS,wBAAyBsD,KAAM,IAAIC,KAAKM,EAAQL,cACvF,MACF,IAAK,YACHP,EAAQG,KAAK,CAACC,KAAM,WAAYrD,QAAS,0BAA2BsD,KAAM,IAAIC,KAAKM,EAAQL,cAC3F,MAEF,IAAK,oBACL,IAAK,oBACL,IAAK,WACL,IAAK,iBACHP,EAAQG,KAAK,CAACC,KAAM,SAAUrD,QAAS,wCAAyCsD,KAAM,IAAIC,KAAKM,EAAQL,cACvG,MACF,IAAK,mBACHP,EAAQG,KAAK,CAACC,KAAM,SAAUrD,QAAS,oBAAqBsD,KAAM,IAAIC,KAAKM,EAAQL,cACnF,MACF,IAAK,2BACHP,EAAQG,KAAK,CAACC,KAAM,OAAQrD,QAAS,yCAAyC2B,KAAc2B,KAAM,IAAIC,KAAKM,EAAQL,cACnH,MACF,QACEjE,QAAQC,IAAI,iCAAkCqE,GAC9C,M,IAINZ,EAAQhC,MAAK,CAACC,EAAGC,IAAMA,EAAEmC,KAAKiB,UAAYrD,EAAEoC,KAAKiB,YACjD,OAAOtB,C,CAST,qBAAAuB,GACE,GAAIpG,KAAKW,iBAAkB,CACzB,OAAOX,KAAKqG,mBAAmB,KAAM,K,KAChC,CACL,OAAOrG,KAAKqG,mBAAmBtI,EAAY,EAAIA,E,EAInD,kBAAAsI,CAAmB7D,EAAiCC,GAClDtB,QAAQC,IAAI,yBACZpB,KAAKY,kBAAoB,KAEzB+D,EAAe3E,KAAKE,SAAUF,KAAKK,WAAY,CAACmC,mBAAkBC,uBAC/DoB,MAAK7C,IACJG,QAAQC,IAAI,UAAWJ,GACvBoB,EAAMuC,eAAe3E,KAAKK,WAAYW,GACtChB,KAAKa,gBAAkBG,EAASwB,iBAChCxC,KAAKc,kBAAoBE,EAASyB,mBAClCzC,KAAKW,mBAAqBK,EAASwB,iBACnCxC,KAAKY,kBAAoB,KAAK,IAE/BoD,OAAMzC,I,UACLJ,QAAQC,IAAI,0BAA2BG,GACvCvB,KAAKa,iBAAkBW,EAAAxB,KAAKgB,YAAU,MAAAQ,SAAA,SAAAA,EAAAgB,iBACtCxC,KAAKc,mBAAoBe,EAAA7B,KAAKgB,YAAU,MAAAa,SAAA,SAAAA,EAAAY,mBACxCzC,KAAKW,qBAAqBqB,EAAAhC,KAAKgB,YAAU,MAAAgB,SAAA,SAAAA,EAAAQ,kBACzCxC,KAAKY,kBAAoB,MACzBkD,EAAavC,EAAEO,SAASG,KAAKqE,MAAO,CAACvC,MAAO,SAAS,G,CAI3D,MAAAwC,G,4BACE,GAAIvG,KAAKe,QAAS,CAEhB,OAAOyF,EAACC,EAAI,K,CAGd,MAAMC,EAAkBC,EAAoB3G,KAAKE,SAAS0G,QAAS5G,KAAKgB,UACxE,MAAM6F,EAAiB7G,KAAK4E,wBAC5B,MAAMkC,IAAoBtF,EAAAxB,KAAKgB,YAAQ,MAAAQ,SAAA,SAAAA,EAAEO,UAAW,aAAaF,EAAA7B,KAAKgB,YAAU,MAAAa,SAAA,SAAAA,EAAAE,UAAW,cAE3F,OACEyE,EAACC,EAAK,CAAAM,MAAO/G,KAAKO,UAAY,OAAS,IACrCiG,EAAK,OAAAO,MAAM,gBACTP,EAAA,UAAQO,MAAO/G,KAAKM,YAAc,EAAI,SAAW,GAAI0G,QAAS,IAAMhH,KAAKkD,OAAO,GAAI+D,UAAWjJ,IAC/FwI,EAAA,UAAQO,MAAO/G,KAAKM,YAAc,EAAI,SAAW,GAAI0G,QAAS,IAAMhH,KAAKkD,OAAO,GAAI+D,UAAWhJ,IAC/FuI,EAAA,UAAQO,MAAO/G,KAAKM,YAAc,EAAI,SAAW,GAAI0G,QAAS,IAAMhH,KAAKkD,OAAO,GAAI+D,UAAW/I,KAGhG8B,KAAKM,YAAc,GAClBkG,EAAA,OAAKO,MAAM,WACTP,EAAK,OAAAO,MAAM,SAAqB,WAEhCP,EAAK,OAAAO,MAAM,SAAyB,eACpCP,EAAK,OAAAO,MAAM,UAAS/E,EAAAhC,KAAKgB,YAAU,MAAAgB,SAAA,SAAAA,EAAA0B,IAEnC8C,EAAK,OAAAO,MAAM,SAA0B,gBACrCP,EAAA,OAAKO,MAAM,SAASG,SAAO,IAAI/B,MAAKE,EAAArF,KAAKgB,YAAU,MAAAqE,SAAA,SAAAA,EAAAD,YAAa+B,IAEhEX,EAAK,OAAAO,MAAM,SAA2B,iBACtCP,EAAA,OAAKO,MAAM,SAASG,SAAO,IAAI/B,MAAKO,EAAA1F,KAAKgB,YAAU,MAAA0E,SAAA,SAAAA,EAAAJ,YAAa6B,IAEhEX,EAAK,OAAAO,MAAM,SAAoB,UAC/BP,EAAA,OAAKO,MAAM,SAASK,GAAWzB,EAAA3F,KAAKgB,YAAU,MAAA2E,SAAA,SAAAA,EAAA5D,SAE9CyE,EAAK,OAAAO,MAAM,SAAsB,YACjCP,EAAK,OAAAO,MAAM,UAASM,EAAArH,KAAKgB,YAAU,MAAAqG,SAAA,SAAAA,EAAAC,YAEnCd,EAAK,OAAAO,MAAM,SAAwB,cACnCP,EAAA,OAAKO,MAAM,SAASf,GAAeuB,EAAAvH,KAAKgB,YAAU,MAAAuG,SAAA,SAAAA,EAAAX,UAElDJ,EAAK,OAAAO,MAAM,SAAyB,eACpCP,EAAA,OAAKO,MAAM,UAASS,GAAAC,EAAAzH,KAAKgB,YAAQ,MAAAyG,SAAA,SAAAA,EAAEb,WAAO,MAAAY,SAAA,SAAAA,EAAEE,QAI/C1H,KAAKM,YAAc,GAClBkG,EAAA,OAAKO,MAAM,WACTP,EAAK,OAAAO,MAAM,SAAO,eACjBY,EAAA3H,KAAKgB,YAAQ,MAAA2G,SAAA,S,EAAE/E,WAAWgF,KAAI,CAACrE,EAAWsE,KACzC,MAAMC,EAAqBvE,EAAUxB,SAAW,aAAewB,EAAUxB,SAAW,YAAcwB,EAAUxB,SAAW,WACvH,MAAMgG,EAAkB/H,KAAKsD,mBAAmBC,GAChD,MAAMwC,EAAWC,EAAezC,GAEhC,OACEiD,EAAA,OAAKO,MAAM,oBACTP,EAAK,OAAAO,MAAM,oBACTP,EAAA,OAAKO,MAAM,oBAAoBc,EAAQ,GACvCrB,EAAA,OAAKO,MAAM,kBAAkBxD,EAAUK,WACvC4C,EAAA,OAAKO,MAAO,CAAC,mBAAoB,KAAM,CAACxD,EAAUxB,QAAS,OAAQwB,EAAUxB,QAC5E2E,IAAoBI,GACnBN,EACE,oBAAAwB,iBAAkBC,GAAQjI,KAAKyD,sBAAsBF,EAAW0E,EAAKC,OAAOxE,IAC5EyE,QAAS,CACP,CAACzE,GAAI,WAAY0E,MAAO,gBAAiBC,UAAWN,GACpD,CAACrE,GAAI,WAAY0E,MAAO,qBAAsBC,UAAWP,GACzD,CAACpE,GAAI,WAAY0E,MAAO,YAAaC,UAAWN,OASxDvB,EAAK,OAAAO,MAAM,qBACTP,EAAA,OAAKO,MAAM,kBAAkBhB,GAC7BS,EAAA,OAAKO,MAAM,kBAAkBxD,EAAUmE,OACvClB,EAAK,OAAAO,MAAM,kBAAkBxD,EAAU+E,QAErC,IAIT5B,GACCF,EAAK,OAAAO,MAAM,aACTP,EAAK,OAAAO,MAAM,YACTP,EAAK,OAAAO,MAAM,mBAAiC,aAC5CP,EAAgB,kBAAA6B,SAAUvB,GAAqB9G,KAAKY,kBAAmB2H,QAASvI,KAAKW,iBAAkB6H,gBAAiB,IAAMxI,KAAKoG,2BAGpIpG,KAAKW,kBACJ6F,EAACiC,EAAQ,KACPjC,EAAK,OAAAO,MAAM,YAAqE,wDAChFP,EAAK,OAAAO,MAAM,YACTP,EAAK,OAAAO,MAAM,cAA2C,4BACtDP,EAAA,sBACEkC,YAAY,cACZL,SAAUvB,GAAqB9G,KAAKY,kBACpC+H,MAAOC,OAAOC,KAAKC,MAAM9I,KAAKa,gBAAkB9C,IAChDgL,OAASxH,IACPvB,KAAKa,gBAAkBmI,OAAOzH,EAAE0H,OAAON,OAAS5K,EAChDiC,KAAKqG,mBAAmBrG,KAAKa,gBAAiBb,KAAKc,kBAAkB,KAI3E0F,EAAK,OAAAO,MAAM,YACTP,EAAK,OAAAO,MAAM,cAAuC,wBAClDP,EAAA,sBACEkC,YAAY,cACZL,SAAUvB,GAAqB9G,KAAKY,kBACpC+H,MAAOC,OAAOC,KAAKC,MAAM9I,KAAKc,kBAAoB/C,IAClDgL,OAASxH,IACPvB,KAAKc,kBAAoBkI,OAAOzH,EAAE0H,OAAON,OAAS5K,EAClDiC,KAAKqG,mBAAmBrG,KAAKa,gBAAiBb,KAAKc,kBAAkB,KAI3E0F,EAAK,OAAAO,MAAM,YACTP,EAAK,OAAAO,MAAM,cAAiC,kBAC5CP,EAAA,OAAKzC,MAAO,CAACmF,MAAO,YAAahC,SAAO,IAAI/B,MAAKgE,EAAAnJ,KAAKgB,YAAQ,MAAAmI,SAAA,SAAAA,EAAEC,eAAgB,WAczF1C,GACCF,EACE,kBAAAO,MAAM,2BACNsC,QAAQ,WACRjB,MAAM,kBACNpB,QAAS,IAAOhH,KAAKS,kBAAoBqG,EACzCuB,SAAUvB,KAMjB9G,KAAKM,YAAc,GAClBkG,EAAA,OAAKO,MAAM,WACTP,EAAK,OAAAO,MAAM,SAAqB,WAE/BF,EAAee,KAAI0B,GAClB9C,EAAA,OAAKO,MAAM,iBACTP,EAAA,OAAKO,MAAM,gBAAgBE,UAAW9I,EAAcmL,EAAMrE,OAASqE,EAAMrE,OACzEuB,EAAK,OAAAO,MAAM,oBACTP,EAAA,OAAKO,MAAM,iBAAiBuC,EAAM1H,SAElC4E,EAAA,OAAKO,MAAM,iBAAiBG,SAAOoC,EAAMpE,KAAMiC,SAOxDnH,KAAKQ,qBACJgG,EAAiC,mCAAAnG,WAAYL,KAAKK,WAAYkJ,SAAUvJ,KAAKQ,oBAAqBgJ,OAAQ,IAAOxJ,KAAKQ,oBAAsB,KAG7IR,KAAKS,kBACJ+F,EAAA,qBACEiD,QAAQ,mBACR7H,QAAS,+EACT4H,OAAQ,KACNxJ,KAAKS,iBAAmB,MACxBT,KAAKmE,sBAAsB,IAKhCnE,KAAKU,oBACJ8F,EAAA,qBACEiD,QAAQ,uBACR7H,QAAS,4JACT4H,OAAQ,KACNxJ,KAAKU,mBAAqB,EAAE,I","ignoreList":[]}

package/dist/verdocs-web-sdk/p-bde78dab.system.entry.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"names":["verdocsRadioButtonCss","VerdocsRadioButton","exports","class_1","hostRef","this","checked","name","value","disabled","prototype","render","h","Host","key","class","type","id","concat","htmlFor"],"sources":["src/components/controls/verdocs-radio-button/verdocs-radio-button.scss?tag=verdocs-radio-button","src/components/controls/verdocs-radio-button/verdocs-radio-button.tsx"],"sourcesContent":["@import '../../../theme.scss';\n\n// See https://www.sliderrevolution.com/resources/styling-radio-buttons/\nverdocs-radio-button {\n font-family: $verdocs-primary-font;\n width: 20px;\n height: 20px;\n display: block;\n font-size: 11px;\n position: relative;\n background-color: transparent;\n transform-origin: bottom left;\n border-radius: 100%;\n\n &.disabled {\n opacity: 0.5;\n }\n\n input[type='radio'] {\n position: absolute;\n opacity: 0;\n\n + label {\n &:before {\n content: '';\n background: $verdocs-grey-3;\n border-radius: 100%;\n border: 1px solid rgba(0, 0, 0, 0.6);\n display: inline-block;\n width: 16px;\n height: 16px;\n position: absolute;\n left: 1px;\n top: 1px;\n cursor: pointer;\n text-align: center;\n transition: all 250ms ease;\n }\n }\n\n &:checked {\n + label {\n &:before {\n background-color: $verdocs-green;\n box-shadow: inset 0 0 0 2px $verdocs-grey-3;\n }\n }\n }\n\n &:focus {\n + label {\n &:before {\n outline: none;\n border-color: $verdocs-green;\n }\n }\n }\n\n &:disabled {\n + label {\n &:before {\n box-shadow: inset 0 0 0 4px $verdocs-grey-3;\n border-color: darken($verdocs-grey-3, 25%);\n background: darken($verdocs-grey-3, 25%);\n }\n }\n }\n\n + label {\n &:empty {\n &:before {\n margin-right: 0;\n }\n }\n }\n }\n\n &.required {\n input[type='radio'] {\n + label {\n &:before {\n border: 1px solid $verdocs-red-1;\n }\n }\n }\n }\n\n &.hide {\n display: none;\n }\n\n &.focused {\n animation: verdocs-field-pulse 0.75s 2;\n }\n}\n","import {Component, h, Host, Prop} from '@stencil/core';\n\n/**\n * Displays a radio button. Note that this is different from the `verdocs-field-radio-button` component, which is\n * designed to be used in signing experiences and contains settings that connect to template fields. This is just a\n * simple radio button for UI displays e.g. dialog boxes.\n *\n * This control encapsulates a standard HTML radio button. To subscribe to change events, connect an `onChange`\n * handler. Sample usage:\n *\n * ```ts\n * <verdocs-radio-button\n * value=\"val1\"\n * name=\"someProperty\"\n * checked={this.someProperty === 'val1'}\n * onInput={(e: any) => { this.someProperty = 'val1' }}\n * disabled={false}\n * />\n * ```\n */\n@Component({\n tag: 'verdocs-radio-button',\n styleUrl: 'verdocs-radio-button.scss',\n shadow: false,\n})\nexport class VerdocsRadioButton {\n /**\n * Whether the radio button is currently selected.\n */\n @Prop() checked: boolean = false;\n\n /**\n * HTML form field name for the input.\n */\n @Prop() name: string = '';\n\n /**\n * Value to track with the input.\n */\n @Prop() value: string = '';\n\n /**\n * If set, the button will still be displayed but not selectable.\n */\n @Prop() disabled?: boolean = false;\n\n render() {\n return (\n <Host class={{disabled: this.disabled}}>\n <input\n type=\"radio\"\n value={this.value}\n name={this.name}\n id={`verdocs-radio-button-${this.name}-${this.value}`}\n checked={this.checked}\n disabled={this.disabled}\n // onChange={e => this.handleChange(e)}\n />\n <label htmlFor={`verdocs-radio-button-${this.name}-${this.value}`} />\n </Host>\n );\n }\n}\n"],"mappings":"kJAAA,IAAMA,EAAwB,owD,ICyBjBC,EAAkBC,EAAA,kCAL/B,SAAAC,EAAAC,G,UASUC,KAAOC,QAAY,MAKnBD,KAAIE,KAAW,GAKfF,KAAKG,MAAW,GAKhBH,KAAQI,SAAa,KAkB9B,CAhBCN,EAAAO,UAAAC,OAAA,WACE,OACEC,EAACC,EAAI,CAAAC,IAAA,2CAACC,MAAO,CAACN,SAAUJ,KAAKI,WAC3BG,EAAA,SAAAE,IAAA,2CACEE,KAAK,QACLR,MAAOH,KAAKG,MACZD,KAAMF,KAAKE,KACXU,GAAI,wBAAAC,OAAwBb,KAAKE,KAAI,KAAAW,OAAIb,KAAKG,OAC9CF,QAASD,KAAKC,QACdG,SAAUJ,KAAKI,WAGjBG,EAAA,SAAAE,IAAA,2CAAOK,QAAS,wBAAAD,OAAwBb,KAAKE,KAAI,KAAAW,OAAIb,KAAKG,S,WAjCnC,I","ignoreList":[]}

package/dist/verdocs-web-sdk/p-caf258c9.entry.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"names":["verdocsBuildCss","VerdocsBuild","constructor","hostRef","this","templateListenerId","endpoint","VerdocsEndpoint","getDefault","templateId","step","loading","template","onTemplateIdChanged","newTemplateId","oldTemplateId","loadTemplate","catch","e","console","log","onStepChanged","componentWillLoad","loadSession","session","_a","sdkError","emit","SDKError","message","_b","response","status","_c","data","_d","_e","_f","Store","subscribe","getTemplate","disconnectedCallback","unlistenToTemplate","store","delListener","handleCancel","cancel","handleTemplateCreated","stepChanged","handleRolesUpdated","templateUpdated","detail","handleTemplateUpdated","handleAttachmentsNext","handleRolesNext","handleStepChanged","render","h","Host","class","onSdkError","onExit","onNext","onTemplateUpdated","onRolesUpdated","onSend","send","style","width","display","flex","maxWidth"],"sources":["src/components/embeds/verdocs-build/verdocs-build.scss?tag=verdocs-build","src/components/embeds/verdocs-build/verdocs-build.tsx"],"sourcesContent":["@import '../../../theme.scss';\n\nverdocs-build {\n display: flex;\n flex-direction: column;\n font-family: $verdocs-primary-font;\n\n .content {\n flex: 1;\n gap: 20px;\n display: flex;\n align-items: center;\n flex-direction: column;\n //box-shadow: 0 0 7px -3px #000000cc;\n }\n\n verdocs-template-attachments,\n verdocs-template-roles {\n margin: 20px;\n }\n\n verdocs-template-fields {\n border-top: 1px solid #777777;\n }\n\n verdocs-template-attachments {\n padding: 20px;\n background: #ffffff;\n }\n\n verdocs-template-fields {\n width: 100%;\n }\n\n verdocs-preview {\n flex: 1;\n }\n\n .preview-container {\n flex-direction: row;\n display: flex;\n width: 100%;\n background-color: #eeeeee;\n max-height: 100%;\n\n @media all and (max-width: 450px) {\n flex-direction: column;\n }\n }\n\n .preview-send-wrapper {\n display: flex;\n flex: 0 0 300px;\n background-color: #ffffff;\n box-shadow: 1px 1px 6px -2px #0000007f;\n\n @media all and (max-width: 450px) {\n flex: 0;\n }\n }\n\n .preview-preview-wrapper {\n display: flex;\n flex: 1;\n justify-content: center;\n overflow-y: scroll;\n }\n}\n","import {getTemplate, ICreateEnvelopeRecipient, IRole, ITemplate, VerdocsEndpoint} from '@verdocs/js-sdk';\nimport {Component, Prop, h, Element, Event, EventEmitter, Host, Watch, State} from '@stencil/core';\nimport {SDKError} from '../../../utils/errors';\nimport {Store} from '../../../utils/Datastore';\n\nexport type TVerdocsBuildStep = 'attachments' | 'roles' | 'settings' | 'fields' | 'preview';\n\n/**\n * Display a template building experience. Several event callbacks provide status updates to the\n * parent application to support interface updates.\n *\n * ```ts\n * <verdocs-build\n * templateId={TEMPLATE_ID} step=\"preview\"\n * onSend={({detail}) => { console.log('Sent envelope from template', detail) }}\n * onSdkError={({ detail }) => { console.log('SDK error', detail) }\n * />\n * ```\n */\n@Component({\n tag: 'verdocs-build',\n styleUrl: 'verdocs-build.scss',\n shadow: false,\n})\nexport class VerdocsBuild {\n private templateListenerId = null;\n\n @Element() el!: any;\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 ID of the template to create the document from. Unlike most other components, this is an optional parameter here.\n * If the template ID is known, `step` may also be specified to force displaying a specific step in the creation process.\n * If it is not specified, `step` will be ignored and the create step will be shown.\n */\n @Prop({reflect: true, mutable: true}) templateId: string | null = null;\n\n /**\n * The step in the creation process to display.\n */\n @Prop({reflect: true, mutable: true}) step: TVerdocsBuildStep = 'preview';\n\n /**\n * Event fired if the user clicks Cancel.\n */\n @Event({composed: true}) cancel: EventEmitter;\n\n /**\n * Event fired if an error occurs. The event details will contain information about the error. Most errors will\n * terminate the process, and the calling application should correct the condition and re-render the component.\n */\n @Event({composed: true}) sdkError: EventEmitter<SDKError>;\n\n /**\n * Event fired when the user selects a different step.\n */\n @Event({composed: true}) stepChanged: EventEmitter<TVerdocsBuildStep>;\n\n /**\n * The user completed the Send form and clicked send.\n */\n @Event({composed: true}) send: EventEmitter<{recipients: ICreateEnvelopeRecipient[]; name: string; template_id: string}>;\n\n /**\n * Event fired when the template is updated in any way. May be used for tasks such as cache invalidation or reporting to other systems.\n */\n @Event({composed: true}) templateUpdated: EventEmitter<{endpoint: VerdocsEndpoint; template: ITemplate; event: string}>;\n\n /**\n * Event fired when the template is created by the upload step.\n */\n @Event({composed: true}) templateCreated: EventEmitter<{endpoint: VerdocsEndpoint; template: ITemplate; event: string}>;\n\n /**\n * Event fired when roles are updated in the roles step.\n */\n @Event({composed: true}) rolesUpdated: EventEmitter<{endpoint: VerdocsEndpoint; templateId: string; event: 'added' | 'deleted' | 'updated'; roles: IRole[]}>;\n\n @State() loading = true;\n @State() template: ITemplate | null = null;\n\n @Watch('templateId')\n onTemplateIdChanged(newTemplateId: string, oldTemplateId: string) {\n if (!oldTemplateId && newTemplateId && this.step === 'attachments') {\n this.step = 'preview';\n }\n\n this.loadTemplate(newTemplateId).catch((e: any) => console.log('Unknown Error', e));\n }\n\n @Watch('step')\n onStepChanged() {\n // We reload the template here even if only the step changed in case\n // we were out of sync before\n this.loadTemplate(this.templateId).catch((e: any) => console.log('Unknown Error', e));\n }\n\n async componentWillLoad() {\n try {\n this.endpoint.loadSession();\n if (!this.endpoint.session) {\n console.log('[BUILD] Unable to start builder session, must be authenticated');\n return;\n }\n\n if (!this.templateId) {\n console.log(`[BUILD] No template ID, activating upload mode`);\n this.step = 'attachments';\n this.loading = false;\n return;\n }\n\n try {\n this.loadTemplate(this.templateId).catch(e => console.log('[BUILD] Unable to load template', e));\n } catch (e) {\n console.log('[BUILD] Error loading template', e);\n this.sdkError?.emit(new SDKError(e.message, e.response?.status, e.response?.data));\n }\n } catch (e) {\n console.log('[BUILD] Error with builder session', e);\n this.sdkError?.emit(new SDKError(e.message, e.response?.status, e.response?.data));\n }\n }\n\n async loadTemplate(templateId: string) {\n if (templateId) {\n Store.subscribe(\n 'templates',\n this.templateId,\n () => getTemplate(this.endpoint, this.templateId),\n false,\n (template: ITemplate) => {\n this.template = template;\n this.loading = false;\n },\n );\n }\n }\n\n disconnectedCallback() {\n console.log('[BUILD] Disconnected');\n this.unlistenToTemplate();\n }\n\n unlistenToTemplate() {\n if (this.templateListenerId) {\n Store.store.delListener(this.templateListenerId);\n this.templateListenerId = null;\n }\n }\n\n handleCancel() {\n this.step = 'preview';\n this.cancel?.emit();\n }\n\n async handleTemplateCreated(templateId: string) {\n await this.loadTemplate(templateId);\n this.templateId = templateId;\n this.step = 'roles';\n this.stepChanged?.emit('roles');\n }\n\n async handleRolesUpdated(e: any) {\n this.templateUpdated?.emit(e.detail);\n }\n\n async handleTemplateUpdated(e: any) {\n this.templateUpdated?.emit(e.detail);\n }\n\n handleAttachmentsNext() {\n this.step = 'roles';\n this.stepChanged?.emit('roles');\n }\n\n handleRolesNext() {\n this.step = 'fields';\n this.stepChanged?.emit('fields');\n }\n\n handleStepChanged(step: TVerdocsBuildStep) {\n this.step = step;\n this.stepChanged?.emit(step);\n }\n\n render() {\n if (this.loading) {\n return (\n <Host class=\"loading\">\n <verdocs-loader />\n </Host>\n );\n }\n\n if (!this.endpoint.session) {\n return (\n <Host>\n <verdocs-component-error message=\"You must be authenticated to use this module.\" />\n </Host>\n );\n }\n\n return (\n <Host>\n <div class=\"content\">\n <verdocs-template-build-tabs\n endpoint={this.endpoint}\n templateId={this.templateId}\n step={this.step}\n onSdkError={e => this.sdkError?.emit(e.detail)}\n onStepChanged={e => this.handleStepChanged(e.detail)}\n />\n\n {this.step === 'attachments' && (\n <verdocs-template-attachments\n templateId={this.templateId}\n endpoint={this.endpoint}\n onExit={() => this.handleCancel()}\n onNext={() => this.handleAttachmentsNext()}\n onTemplateUpdated={e => this.handleTemplateUpdated(e)}\n />\n )}\n\n {this.step === 'roles' && (\n <verdocs-template-roles\n templateId={this.templateId}\n endpoint={this.endpoint}\n onExit={() => this.handleCancel()}\n onNext={() => this.handleRolesNext()}\n onRolesUpdated={e => this.handleRolesUpdated(e)}\n />\n )}\n\n {this.step === 'settings' && <verdocs-template-settings templateId={this.templateId} endpoint={this.endpoint} onTemplateUpdated={e => this.handleTemplateUpdated(e)} />}\n\n {this.step === 'fields' && <verdocs-template-fields templateId={this.templateId} endpoint={this.endpoint} onTemplateUpdated={e => this.handleTemplateUpdated(e)} />}\n\n {this.step === 'preview' && (\n <div class=\"preview-container\">\n <div class=\"preview-send-wrapper\">\n <verdocs-send templateId={this.templateId} endpoint={this.endpoint} onSend={e => this.send?.emit(e.detail)} style={{width: '100%'}} />\n </div>\n <div class=\"preview-preview-wrapper\">\n <verdocs-preview templateId={this.templateId} endpoint={this.endpoint} style={{display: 'flex', flex: '1', maxWidth: '1000px'}} />\n </div>\n </div>\n )}\n </div>\n </Host>\n );\n }\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/verdocs-web-sdk/p-d0bc16f9.entry.js DELETED Viewed

	@@ -1,2 +0,0 @@
1	- import{r as e,h as a,H as t,c as r,g as o}from"./p-CF7i8guW.js";import{VerdocsEndpoint as m,getTemplate as i,updateField as s,deleteField as l}from"@verdocs/js-sdk";import{S as c}from"./p-C1sRVZWv.js";import{S as d}from"./p-C_IIZj49.js";import{V as n}from"./p-CyvDgtoV.js";const b='@charset "UTF-8";@-webkit-keyframes verdocs-field-pulse{0%{background-color:rgba(0, 0, 0, 0.35)}50%{background-color:rgba(0, 0, 0, 0)}100%{background-color:rgba(0, 0, 0, 0.35)}}@keyframes verdocs-field-pulse{0%{background-color:rgba(0, 0, 0, 0.35)}50%{background-color:rgba(0, 0, 0, 0)}100%{background-color:rgba(0, 0, 0, 0.35)}}verdocs-checkbox{line-height:18px;font-family:"Inter", -apple-system, "Segoe UI", "Roboto", "Helvetica Neue", sans-serif}verdocs-checkbox label>input[type=checkbox]{display:none}verdocs-checkbox label>input[type=checkbox]+::before{content:"";width:20px;height:20px;-ms-flex-negative:0;flex-shrink:0;margin-right:8px;line-height:20px;border-radius:2px;border-style:solid;border-width:0.1rem;display:inline-block;vertical-align:bottom;border-color:#aeb4bf}verdocs-checkbox label>input[type=checkbox]:checked+{color:#55bc81}verdocs-checkbox label>input[type=checkbox]:checked+::before{content:"✓";color:white;text-align:center;background:#55bc81;border-color:#55bc81}verdocs-checkbox.dark label>input[type=checkbox]+::before{border-color:#ffffff}verdocs-checkbox.dark label>input[type=checkbox]:checked+::before{background:#55bc81;border-color:#55bc81}verdocs-checkbox.small label>input[type=checkbox]+::before{width:16px;height:16px;line-height:16px}';const p=class{constructor(a){e(this,a);this.checked=false;this.name="";this.label="";this.value="";this.theme="light";this.size="normal";this.disabled=false}render(){return a(t,{key:"28188f0522b460d6aa8744cc7d5c0498a53d4955",class:{disabled:this.disabled,[this.theme]:true,[this.size]:true}},a("label",{key:"8a7d1c1480b5d102aa90f213f249fef9b69522be"},a("input",{key:"87e8e03b06658349e583915205510c523d9bfec1",type:"checkbox",value:this.value,name:this.name,checked:this.checked,disabled:this.disabled}),a("span",{key:"307ccba611b5b935a5f40eca326e0176b939c1ed"},this.label)))}};p.style=b;const g='@-webkit-keyframes verdocs-field-pulse{0%{background-color:rgba(0, 0, 0, 0.35)}50%{background-color:rgba(0, 0, 0, 0)}100%{background-color:rgba(0, 0, 0, 0.35)}}@keyframes verdocs-field-pulse{0%{background-color:rgba(0, 0, 0, 0.35)}50%{background-color:rgba(0, 0, 0, 0)}100%{background-color:rgba(0, 0, 0, 0.35)}}verdocs-component-error{font-family:"Inter", -apple-system, "Segoe UI", "Roboto", "Helvetica Neue", sans-serif;display:-ms-flexbox;display:flex;padding:15px;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}verdocs-component-error .inner{-ms-flex:1;flex:1;height:300px;display:-ms-flexbox;display:flex;font-size:18px;-webkit-box-sizing:border-box;box-sizing:border-box;padding:0 20px;background:#ffffff;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}';const h=class{constructor(a){e(this,a);this.message=""}render(){return a(t,{key:"509807ffc56b4d364151e69514b6d43bd152852b"},a("div",{key:"c37f0168a709b72ffb4015aca2a00fae23f6681e",class:"inner"},this.message))}};h.style=g;const f="@-webkit-keyframes verdocs-field-pulse{0%{background-color:rgba(0, 0, 0, 0.35)}50%{background-color:rgba(0, 0, 0, 0)}100%{background-color:rgba(0, 0, 0, 0.35)}}@keyframes verdocs-field-pulse{0%{background-color:rgba(0, 0, 0, 0.35)}50%{background-color:rgba(0, 0, 0, 0)}100%{background-color:rgba(0, 0, 0, 0.35)}}verdocs-loader{display:block;position:absolute;top:50%;left:50%;margin-left:-20px;margin-top:-20px;font-size:24px;width:24px;height:24px;border-radius:50%;text-indent:-9999em;-webkit-animation:load5 1.1s infinite ease;animation:verdocs-loader-kf 1.1s infinite ease;-webkit-transform:translateZ(0);-ms-transform:translateZ(0);transform:translateZ(0)}@-webkit-keyframes verdocs-loader-kf{0%,100%{-webkit-box-shadow:0em -2.6em 0em 0em #aaaaaa, 1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2), 2.5em 0em 0 0em rgba(0, 0, 0, 0.2), 1.75em 1.75em 0 0em rgba(0, 0, 0, 0.2), 0em 2.5em 0 0em rgba(0, 0, 0, 0.2), -1.8em 1.8em 0 0em rgba(0, 0, 0, 0.2), -2.6em 0em 0 0em rgba(0, 0, 0, 0.3), -1.8em -1.8em 0 0em rgba(0, 0, 0, 0.4);box-shadow:0em -2.6em 0em 0em #aaaaaa, 1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2), 2.5em 0em 0 0em rgba(0, 0, 0, 0.2), 1.75em 1.75em 0 0em rgba(0, 0, 0, 0.2), 0em 2.5em 0 0em rgba(0, 0, 0, 0.2), -1.8em 1.8em 0 0em rgba(0, 0, 0, 0.2), -2.6em 0em 0 0em rgba(0, 0, 0, 0.3), -1.8em -1.8em 0 0em rgba(0, 0, 0, 0.4)}12.5%{-webkit-box-shadow:0em -2.6em 0em 0em rgba(0, 0, 0, 0.4), 1.8em -1.8em 0 0em #aaaaaa, 2.5em 0em 0 0em rgba(0, 0, 0, 0.2), 1.75em 1.75em 0 0em rgba(0, 0, 0, 0.2), 0em 2.5em 0 0em rgba(0, 0, 0, 0.2), -1.8em 1.8em 0 0em rgba(0, 0, 0, 0.2), -2.6em 0em 0 0em rgba(0, 0, 0, 0.2), -1.8em -1.8em 0 0em rgba(0, 0, 0, 0.3);box-shadow:0em -2.6em 0em 0em rgba(0, 0, 0, 0.4), 1.8em -1.8em 0 0em #aaaaaa, 2.5em 0em 0 0em rgba(0, 0, 0, 0.2), 1.75em 1.75em 0 0em rgba(0, 0, 0, 0.2), 0em 2.5em 0 0em rgba(0, 0, 0, 0.2), -1.8em 1.8em 0 0em rgba(0, 0, 0, 0.2), -2.6em 0em 0 0em rgba(0, 0, 0, 0.2), -1.8em -1.8em 0 0em rgba(0, 0, 0, 0.3)}25%{-webkit-box-shadow:0em -2.6em 0em 0em rgba(0, 0, 0, 0.3), 1.8em -1.8em 0 0em rgba(0, 0, 0, 0.4), 2.5em 0em 0 0em #aaaaaa, 1.75em 1.75em 0 0em rgba(0, 0, 0, 0.2), 0em 2.5em 0 0em rgba(0, 0, 0, 0.2), -1.8em 1.8em 0 0em rgba(0, 0, 0, 0.2), -2.6em 0em 0 0em rgba(0, 0, 0, 0.2), -1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2);box-shadow:0em -2.6em 0em 0em rgba(0, 0, 0, 0.3), 1.8em -1.8em 0 0em rgba(0, 0, 0, 0.4), 2.5em 0em 0 0em #aaaaaa, 1.75em 1.75em 0 0em rgba(0, 0, 0, 0.2), 0em 2.5em 0 0em rgba(0, 0, 0, 0.2), -1.8em 1.8em 0 0em rgba(0, 0, 0, 0.2), -2.6em 0em 0 0em rgba(0, 0, 0, 0.2), -1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2)}37.5%{-webkit-box-shadow:0em -2.6em 0em 0em rgba(0, 0, 0, 0.2), 1.8em -1.8em 0 0em rgba(0, 0, 0, 0.3), 2.5em 0em 0 0em rgba(0, 0, 0, 0.4), 1.75em 1.75em 0 0em #aaaaaa, 0em 2.5em 0 0em rgba(0, 0, 0, 0.2), -1.8em 1.8em 0 0em rgba(0, 0, 0, 0.2), -2.6em 0em 0 0em rgba(0, 0, 0, 0.2), -1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2);box-shadow:0em -2.6em 0em 0em rgba(0, 0, 0, 0.2), 1.8em -1.8em 0 0em rgba(0, 0, 0, 0.3), 2.5em 0em 0 0em rgba(0, 0, 0, 0.4), 1.75em 1.75em 0 0em #aaaaaa, 0em 2.5em 0 0em rgba(0, 0, 0, 0.2), -1.8em 1.8em 0 0em rgba(0, 0, 0, 0.2), -2.6em 0em 0 0em rgba(0, 0, 0, 0.2), -1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2)}50%{-webkit-box-shadow:0em -2.6em 0em 0em rgba(0, 0, 0, 0.2), 1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2), 2.5em 0em 0 0em rgba(0, 0, 0, 0.3), 1.75em 1.75em 0 0em rgba(0, 0, 0, 0.4), 0em 2.5em 0 0em #aaaaaa, -1.8em 1.8em 0 0em rgba(0, 0, 0, 0.2), -2.6em 0em 0 0em rgba(0, 0, 0, 0.2), -1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2);box-shadow:0em -2.6em 0em 0em rgba(0, 0, 0, 0.2), 1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2), 2.5em 0em 0 0em rgba(0, 0, 0, 0.3), 1.75em 1.75em 0 0em rgba(0, 0, 0, 0.4), 0em 2.5em 0 0em #aaaaaa, -1.8em 1.8em 0 0em rgba(0, 0, 0, 0.2), -2.6em 0em 0 0em rgba(0, 0, 0, 0.2), -1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2)}62.5%{-webkit-box-shadow:0em -2.6em 0em 0em rgba(0, 0, 0, 0.2), 1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2), 2.5em 0em 0 0em rgba(0, 0, 0, 0.2), 1.75em 1.75em 0 0em rgba(0, 0, 0, 0.3), 0em 2.5em 0 0em rgba(0, 0, 0, 0.4), -1.8em 1.8em 0 0em #aaaaaa, -2.6em 0em 0 0em rgba(0, 0, 0, 0.2), -1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2);box-shadow:0em -2.6em 0em 0em rgba(0, 0, 0, 0.2), 1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2), 2.5em 0em 0 0em rgba(0, 0, 0, 0.2), 1.75em 1.75em 0 0em rgba(0, 0, 0, 0.3), 0em 2.5em 0 0em rgba(0, 0, 0, 0.4), -1.8em 1.8em 0 0em #aaaaaa, -2.6em 0em 0 0em rgba(0, 0, 0, 0.2), -1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2)}75%{-webkit-box-shadow:0em -2.6em 0em 0em rgba(0, 0, 0, 0.2), 1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2), 2.5em 0em 0 0em rgba(0, 0, 0, 0.2), 1.75em 1.75em 0 0em rgba(0, 0, 0, 0.2), 0em 2.5em 0 0em rgba(0, 0, 0, 0.3), -1.8em 1.8em 0 0em rgba(0, 0, 0, 0.4), -2.6em 0em 0 0em #aaaaaa, -1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2);box-shadow:0em -2.6em 0em 0em rgba(0, 0, 0, 0.2), 1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2), 2.5em 0em 0 0em rgba(0, 0, 0, 0.2), 1.75em 1.75em 0 0em rgba(0, 0, 0, 0.2), 0em 2.5em 0 0em rgba(0, 0, 0, 0.3), -1.8em 1.8em 0 0em rgba(0, 0, 0, 0.4), -2.6em 0em 0 0em #aaaaaa, -1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2)}87.5%{-webkit-box-shadow:0em -2.6em 0em 0em rgba(0, 0, 0, 0.2), 1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2), 2.5em 0em 0 0em rgba(0, 0, 0, 0.2), 1.75em 1.75em 0 0em rgba(0, 0, 0, 0.2), 0em 2.5em 0 0em rgba(0, 0, 0, 0.2), -1.8em 1.8em 0 0em rgba(0, 0, 0, 0.3), -2.6em 0em 0 0em rgba(0, 0, 0, 0.4), -1.8em -1.8em 0 0em #aaaaaa;box-shadow:0em -2.6em 0em 0em rgba(0, 0, 0, 0.2), 1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2), 2.5em 0em 0 0em rgba(0, 0, 0, 0.2), 1.75em 1.75em 0 0em rgba(0, 0, 0, 0.2), 0em 2.5em 0 0em rgba(0, 0, 0, 0.2), -1.8em 1.8em 0 0em rgba(0, 0, 0, 0.3), -2.6em 0em 0 0em rgba(0, 0, 0, 0.4), -1.8em -1.8em 0 0em #aaaaaa}}@keyframes verdocs-loader-kf{0%,100%{-webkit-box-shadow:0em -2.6em 0em 0em #aaaaaa, 1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2), 2.5em 0em 0 0em rgba(0, 0, 0, 0.2), 1.75em 1.75em 0 0em rgba(0, 0, 0, 0.2), 0em 2.5em 0 0em rgba(0, 0, 0, 0.2), -1.8em 1.8em 0 0em rgba(0, 0, 0, 0.2), -2.6em 0em 0 0em rgba(0, 0, 0, 0.3), -1.8em -1.8em 0 0em rgba(0, 0, 0, 0.4);box-shadow:0em -2.6em 0em 0em #aaaaaa, 1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2), 2.5em 0em 0 0em rgba(0, 0, 0, 0.2), 1.75em 1.75em 0 0em rgba(0, 0, 0, 0.2), 0em 2.5em 0 0em rgba(0, 0, 0, 0.2), -1.8em 1.8em 0 0em rgba(0, 0, 0, 0.2), -2.6em 0em 0 0em rgba(0, 0, 0, 0.3), -1.8em -1.8em 0 0em rgba(0, 0, 0, 0.4)}12.5%{-webkit-box-shadow:0em -2.6em 0em 0em rgba(0, 0, 0, 0.4), 1.8em -1.8em 0 0em #aaaaaa, 2.5em 0em 0 0em rgba(0, 0, 0, 0.2), 1.75em 1.75em 0 0em rgba(0, 0, 0, 0.2), 0em 2.5em 0 0em rgba(0, 0, 0, 0.2), -1.8em 1.8em 0 0em rgba(0, 0, 0, 0.2), -2.6em 0em 0 0em rgba(0, 0, 0, 0.2), -1.8em -1.8em 0 0em rgba(0, 0, 0, 0.3);box-shadow:0em -2.6em 0em 0em rgba(0, 0, 0, 0.4), 1.8em -1.8em 0 0em #aaaaaa, 2.5em 0em 0 0em rgba(0, 0, 0, 0.2), 1.75em 1.75em 0 0em rgba(0, 0, 0, 0.2), 0em 2.5em 0 0em rgba(0, 0, 0, 0.2), -1.8em 1.8em 0 0em rgba(0, 0, 0, 0.2), -2.6em 0em 0 0em rgba(0, 0, 0, 0.2), -1.8em -1.8em 0 0em rgba(0, 0, 0, 0.3)}25%{-webkit-box-shadow:0em -2.6em 0em 0em rgba(0, 0, 0, 0.3), 1.8em -1.8em 0 0em rgba(0, 0, 0, 0.4), 2.5em 0em 0 0em #aaaaaa, 1.75em 1.75em 0 0em rgba(0, 0, 0, 0.2), 0em 2.5em 0 0em rgba(0, 0, 0, 0.2), -1.8em 1.8em 0 0em rgba(0, 0, 0, 0.2), -2.6em 0em 0 0em rgba(0, 0, 0, 0.2), -1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2);box-shadow:0em -2.6em 0em 0em rgba(0, 0, 0, 0.3), 1.8em -1.8em 0 0em rgba(0, 0, 0, 0.4), 2.5em 0em 0 0em #aaaaaa, 1.75em 1.75em 0 0em rgba(0, 0, 0, 0.2), 0em 2.5em 0 0em rgba(0, 0, 0, 0.2), -1.8em 1.8em 0 0em rgba(0, 0, 0, 0.2), -2.6em 0em 0 0em rgba(0, 0, 0, 0.2), -1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2)}37.5%{-webkit-box-shadow:0em -2.6em 0em 0em rgba(0, 0, 0, 0.2), 1.8em -1.8em 0 0em rgba(0, 0, 0, 0.3), 2.5em 0em 0 0em rgba(0, 0, 0, 0.4), 1.75em 1.75em 0 0em #aaaaaa, 0em 2.5em 0 0em rgba(0, 0, 0, 0.2), -1.8em 1.8em 0 0em rgba(0, 0, 0, 0.2), -2.6em 0em 0 0em rgba(0, 0, 0, 0.2), -1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2);box-shadow:0em -2.6em 0em 0em rgba(0, 0, 0, 0.2), 1.8em -1.8em 0 0em rgba(0, 0, 0, 0.3), 2.5em 0em 0 0em rgba(0, 0, 0, 0.4), 1.75em 1.75em 0 0em #aaaaaa, 0em 2.5em 0 0em rgba(0, 0, 0, 0.2), -1.8em 1.8em 0 0em rgba(0, 0, 0, 0.2), -2.6em 0em 0 0em rgba(0, 0, 0, 0.2), -1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2)}50%{-webkit-box-shadow:0em -2.6em 0em 0em rgba(0, 0, 0, 0.2), 1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2), 2.5em 0em 0 0em rgba(0, 0, 0, 0.3), 1.75em 1.75em 0 0em rgba(0, 0, 0, 0.4), 0em 2.5em 0 0em #aaaaaa, -1.8em 1.8em 0 0em rgba(0, 0, 0, 0.2), -2.6em 0em 0 0em rgba(0, 0, 0, 0.2), -1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2);box-shadow:0em -2.6em 0em 0em rgba(0, 0, 0, 0.2), 1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2), 2.5em 0em 0 0em rgba(0, 0, 0, 0.3), 1.75em 1.75em 0 0em rgba(0, 0, 0, 0.4), 0em 2.5em 0 0em #aaaaaa, -1.8em 1.8em 0 0em rgba(0, 0, 0, 0.2), -2.6em 0em 0 0em rgba(0, 0, 0, 0.2), -1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2)}62.5%{-webkit-box-shadow:0em -2.6em 0em 0em rgba(0, 0, 0, 0.2), 1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2), 2.5em 0em 0 0em rgba(0, 0, 0, 0.2), 1.75em 1.75em 0 0em rgba(0, 0, 0, 0.3), 0em 2.5em 0 0em rgba(0, 0, 0, 0.4), -1.8em 1.8em 0 0em #aaaaaa, -2.6em 0em 0 0em rgba(0, 0, 0, 0.2), -1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2);box-shadow:0em -2.6em 0em 0em rgba(0, 0, 0, 0.2), 1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2), 2.5em 0em 0 0em rgba(0, 0, 0, 0.2), 1.75em 1.75em 0 0em rgba(0, 0, 0, 0.3), 0em 2.5em 0 0em rgba(0, 0, 0, 0.4), -1.8em 1.8em 0 0em #aaaaaa, -2.6em 0em 0 0em rgba(0, 0, 0, 0.2), -1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2)}75%{-webkit-box-shadow:0em -2.6em 0em 0em rgba(0, 0, 0, 0.2), 1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2), 2.5em 0em 0 0em rgba(0, 0, 0, 0.2), 1.75em 1.75em 0 0em rgba(0, 0, 0, 0.2), 0em 2.5em 0 0em rgba(0, 0, 0, 0.3), -1.8em 1.8em 0 0em rgba(0, 0, 0, 0.4), -2.6em 0em 0 0em #aaaaaa, -1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2);box-shadow:0em -2.6em 0em 0em rgba(0, 0, 0, 0.2), 1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2), 2.5em 0em 0 0em rgba(0, 0, 0, 0.2), 1.75em 1.75em 0 0em rgba(0, 0, 0, 0.2), 0em 2.5em 0 0em rgba(0, 0, 0, 0.3), -1.8em 1.8em 0 0em rgba(0, 0, 0, 0.4), -2.6em 0em 0 0em #aaaaaa, -1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2)}87.5%{-webkit-box-shadow:0em -2.6em 0em 0em rgba(0, 0, 0, 0.2), 1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2), 2.5em 0em 0 0em rgba(0, 0, 0, 0.2), 1.75em 1.75em 0 0em rgba(0, 0, 0, 0.2), 0em 2.5em 0 0em rgba(0, 0, 0, 0.2), -1.8em 1.8em 0 0em rgba(0, 0, 0, 0.3), -2.6em 0em 0 0em rgba(0, 0, 0, 0.4), -1.8em -1.8em 0 0em #aaaaaa;box-shadow:0em -2.6em 0em 0em rgba(0, 0, 0, 0.2), 1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2), 2.5em 0em 0 0em rgba(0, 0, 0, 0.2), 1.75em 1.75em 0 0em rgba(0, 0, 0, 0.2), 0em 2.5em 0 0em rgba(0, 0, 0, 0.2), -1.8em 1.8em 0 0em rgba(0, 0, 0, 0.3), -2.6em 0em 0 0em rgba(0, 0, 0, 0.4), -1.8em -1.8em 0 0em #aaaaaa}}";const u=class{constructor(a){e(this,a)}render(){return a(t,{key:"670684370c14134e98bb0c08776a963c4e606617"})}};u.style=f;const x='@-webkit-keyframes verdocs-field-pulse{0%{background-color:rgba(0, 0, 0, 0.35)}50%{background-color:rgba(0, 0, 0, 0)}100%{background-color:rgba(0, 0, 0, 0.35)}}@keyframes verdocs-field-pulse{0%{background-color:rgba(0, 0, 0, 0.35)}50%{background-color:rgba(0, 0, 0, 0)}100%{background-color:rgba(0, 0, 0, 0.35)}}verdocs-select-input{font-family:"Inter", "Barlow", sans-serif;-webkit-box-sizing:border-box;box-sizing:border-box;margin:0 0 10px 0;display:block}verdocs-select-input .input-element{-webkit-box-sizing:border-box;box-sizing:border-box;background:#ffffff;border:1px solid #707ae5;border-radius:4px;background:#ffffff;color:#092c4c;width:100%;font-size:14px;height:34px;padding:2px 3px}verdocs-select-input .input-element::-webkit-input-placeholder{color:#aaaaaa;opacity:1}verdocs-select-input .input-element::-moz-placeholder{color:#aaaaaa;opacity:1}verdocs-select-input .input-element:-ms-input-placeholder{color:#aaaaaa;opacity:1}verdocs-select-input .input-element::-ms-input-placeholder{color:#aaaaaa;opacity:1}verdocs-select-input .input-element::placeholder{color:#aaaaaa;opacity:1}verdocs-select-input .input-label{display:block;color:#555570;font-weight:700;font-size:14px;margin:0 0 4px 0}';const v=class{constructor(a){e(this,a);this.value="";this.label="";this.disabled=false}render(){return a(t,{key:"77abc1aafe63b9ce7325461ffeee2c9c865fff43",class:"input-field"},a("label",{key:"36660b7b3106fd0caad73493fd42d6e1305a2f71"},this.label?a("div",{class:"input-label"},this.label+":"):a("div",null),a("select",{key:"8b05eb6648f308ca0015e806eeaf8c634acbb92c",class:"input-element",disabled:this.disabled},this.options.map((e=>a("option",{value:e.value,selected:e.value===this.value},e.label))))))}};v.style=x;const k='@-webkit-keyframes verdocs-field-pulse{0%{background-color:rgba(0, 0, 0, 0.35)}50%{background-color:rgba(0, 0, 0, 0)}100%{background-color:rgba(0, 0, 0, 0.35)}}@keyframes verdocs-field-pulse{0%{background-color:rgba(0, 0, 0, 0.35)}50%{background-color:rgba(0, 0, 0, 0)}100%{background-color:rgba(0, 0, 0, 0.35)}}verdocs-template-field-properties{padding:20px;display:block;border-radius:4px;background:#ffffff;border:1px solid #ccc;font-family:"Inter", -apple-system, "Segoe UI", "Roboto", "Helvetica Neue", sans-serif;-webkit-box-shadow:2px 2px 10px 0 rgba(0, 0, 0, 0.1215686275);box-shadow:2px 2px 10px 0 rgba(0, 0, 0, 0.1215686275)}@media all and (max-width: 600px){verdocs-template-field-properties{padding:10px;-webkit-transform:scale(0.8);transform:scale(0.8)}}verdocs-template-field-properties .buttons{display:-ms-flexbox;display:flex;margin-top:30px;-ms-flex-align:center;align-items:center;-ms-flex-direction:row;flex-direction:row;-ms-flex-pack:end;justify-content:flex-end}verdocs-template-field-properties .buttons verdocs-button{margin-left:16px}verdocs-template-field-properties form .row{display:-ms-flexbox;display:flex;-webkit-column-gap:15px;-moz-column-gap:15px;column-gap:15px;margin:0 0 10px 0;-ms-flex-align:center;align-items:center;-ms-flex-direction:row;flex-direction:row}verdocs-template-field-properties form .row .input-label{display:block;color:#555570;font-weight:700;font-size:14px;margin:0 0 4px 0;-ms-flex:0 0 100px;flex:0 0 100px}verdocs-template-field-properties verdocs-select-input{-ms-flex:1;flex:1;margin:0}verdocs-template-field-properties verdocs-text-input{margin:0;-ms-flex:1;flex:1}verdocs-template-field-properties verdocs-text-input label{margin:0;display:-ms-flexbox;display:flex;-webkit-column-gap:15px;-moz-column-gap:15px;column-gap:15px;-ms-flex-align:center;align-items:center;-ms-flex-direction:row;flex-direction:row}verdocs-template-field-properties verdocs-text-input .input-label{-ms-flex:0 0 100px;flex:0 0 100px}verdocs-template-field-properties verdocs-text-input input{-ms-flex:1;flex:1;display:-ms-flexbox;display:flex}verdocs-template-field-properties .checkbox-wrapper{-ms-flex:1;flex:1;display:-ms-flexbox;display:flex}verdocs-template-field-properties .delete-button{height:34px;display:-ms-flexbox;display:flex;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-field-properties .delete-button:active{background:#f3f3f3}verdocs-template-field-properties .delete-button svg{width:24px;height:24px}verdocs-template-field-properties h6{-ms-flex:1;flex:1;display:-ms-flexbox;display:flex;font-size:16px;font-weight:bold;margin:0 0 8px 0;-ms-flex-direction:row;flex-direction:row;color:#092c4c}verdocs-template-field-properties h6 .help-icon{opacity:0.5}verdocs-template-field-properties h6 .help-icon:hover{opacity:1;cursor:pointer}verdocs-template-field-properties .row-header{gap:15px;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row}verdocs-template-field-properties .row-header h6{margin-bottom:0}verdocs-template-field-properties .row-header verdocs-help-icon{-webkit-transform:scale(0.85);transform:scale(0.85)}verdocs-template-field-properties .row-header verdocs-help-icon svg{margin-bottom:-5px}verdocs-template-field-properties .row-header .add-button{margin:0;padding:0;border:none;opacity:0.5;cursor:pointer;background:none}verdocs-template-field-properties .row-header .add-button:hover{opacity:1}verdocs-template-field-properties .row-header .add-button svg{width:32px;height:32px}verdocs-template-field-properties .options-header{gap:10px;margin:0 0 5px 0;display:-ms-flexbox;display:flex;color:#ffffff;font-size:14px;padding:5px 8px;font-weight:700;text-align:center;-ms-flex-direction:row;flex-direction:row;-ms-flex-pack:center;justify-content:center;background-color:#333333}verdocs-template-field-properties .options-header-label{display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;font-weight:700;font-size:14px}verdocs-template-field-properties .option-row{margin:15px 0}verdocs-template-field-properties .option-row .remove-button{height:28px;display:-ms-flexbox;display:flex;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-field-properties .option-row .remove-button:active{background:#f3f3f3}verdocs-template-field-properties .option-row .remove-button:hover svg{stroke:rgb(165, 0, 33)}verdocs-template-field-properties .option-row .remove-button svg{width:20px;height:20px;stroke:#333333}verdocs-template-field-properties .options{background:#f3f3f3;padding:0 0 1px 0}verdocs-template-field-properties .options .row-header,verdocs-template-field-properties .options .option-row{padding:0 10px}verdocs-template-field-properties .options .add-option-button{border-radius:5px;border:1px solid #cccccc;background:#46497d;color:#ffffff;padding:3px 8px}verdocs-template-field-properties .options .option-row .input-element{font-size:14px}verdocs-template-field-properties .options verdocs-help-icon{opacity:1;-webkit-transform:scale(0.8);transform:scale(0.8)}verdocs-template-field-properties .options verdocs-help-icon svg{fill:#ffffff}';const w=e=>e.charAt(0).toUpperCase()+e.slice(1);const y=`<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 I='<svg xmlns="http://www.w3.org/2000/svg" height="24" width="24"><path d="M11.925 18q.55 0 .938-.387.387-.388.387-.938 0-.55-.387-.925-.388-.375-.938-.375-.55 0-.925.375t-.375.925q0 .55.375.938.375.387.925.387Zm-.95-3.85h1.95q0-.8.2-1.287.2-.488 1.025-1.288.65-.625 1.025-1.213.375-.587.375-1.437 0-1.425-1.025-2.175Q13.5 6 12.1 6q-1.425 0-2.35.775t-1.275 1.85l1.775.7q.125-.45.55-.975.425-.525 1.275-.525.725 0 1.1.412.375.413.375.888 0 .475-.287.9-.288.425-.713.775-1.075.95-1.325 1.475-.25.525-.25 1.875ZM12 22.2q-2.125 0-3.988-.8-1.862-.8-3.237-2.175Q3.4 17.85 2.6 15.988 1.8 14.125 1.8 12t.8-3.988q.8-1.862 2.175-3.237Q6.15 3.4 8.012 2.6 9.875 1.8 12 1.8t3.988.8q1.862.8 3.237 2.175Q20.6 6.15 21.4 8.012q.8 1.863.8 3.988t-.8 3.988q-.8 1.862-2.175 3.237Q17.85 20.6 15.988 21.4q-1.863.8-3.988.8Zm0-2.275q3.325 0 5.625-2.3t2.3-5.625q0-3.325-2.3-5.625T12 4.075q-3.325 0-5.625 2.3T4.075 12q0 3.325 2.3 5.625t5.625 2.3ZM12 12Z"/></svg>';const z=class{constructor(a){e(this,a);this.close=r(this,"close");this.delete=r(this,"delete");this.settingsChanged=r(this,"settingsChanged");this.sdkError=r(this,"sdkError");this.templateListenerId=null;this.endpoint=m.getDefault();this.templateId="";this.fieldName="";this.helpText="";this.dirty=false;this.label="";this.type="textbox";this.name="";this.required=false;this.roleName="";this.group="";this.fieldType="";this.options=[];this.placeholder="";this.defaultValue="";this.showingHelp=false;this.loading=true;this.template=null}disconnectedCallback(){this.unlistenToTemplate()}async listenToTemplate(){console.log("[SENT] Loading template",this.templateId);this.unlistenToTemplate();d.subscribe("templates",this.templateId,(()=>i(this.endpoint,this.templateId)),false,(e=>{console.log("[SEND] Template Updated",e);this.template=e;this.loading=false;this.resetForm()}))}unlistenToTemplate(){if(this.templateListenerId){d.store.delListener(this.templateListenerId);this.templateListenerId=null}}async componentWillLoad(){var e,a,t;try{this.endpoint.loadSession();if(!this.templateId){console.log(`[FIELD PROPERTIES] Missing required template ID ${this.templateId}`);return}if(!this.fieldName){console.error(`[FIELD PROPERTIES] Missing required field name`);return}if(!this.endpoint.session){console.log("[FIELD PROPERTIES] Unable to start builder session, must be authenticated");return}this.listenToTemplate()}catch(r){console.log("[FIELD PROPERTIES] Error loading template",r);this.loading=false;(e=this.sdkError)===null\|\|e===void 0?void 0:e.emit(new c(r.message,(a=r.response)===null\|\|a===void 0?void 0:a.status,(t=r.response)===null\|\|t===void 0?void 0:t.data))}}resetForm(){var e;const a=(((e=this.template)===null\|\|e===void 0?void 0:e.fields)\|\|[]).find((e=>e.name===this.fieldName));if(!a){console.log(`[FIELD PROPERTIES] Unable to find field "${this.fieldName}" in fields`);return}this.type=a.type;this.name=a.name;this.label=a.label;this.group=a.group;this.roleName=a.role_name;this.required=a.required;this.fieldType=a.type;this.options=a.options\|\|[];this.placeholder=a.placeholder\|\|"";this.defaultValue=a.default\|\|"";this.dirty=false;this.loading=false;this.cleanupOptions()}handleCancel(e){var a,t;e.stopPropagation();this.resetForm();(a=this.close)===null\|\|a===void 0?void 0:a.emit();(t=document.getElementById("verdocs-template-field-properties"))===null\|\|t===void 0?void 0:t.remove()}handleSave(e){e.stopPropagation();const a={name:this.name,role_name:this.roleName,required:this.required,label:this.label,group:this.group,placeholder:this.placeholder,default:this.defaultValue,options:this.options};this.cleanupOptions();console.log("[FIELD PROPERTIES] Will update",this.fieldName,a);s(this.endpoint,this.templateId,this.fieldName,a).then((e=>{var a,t,r;console.log("[FIELD PROPERTIES] Updated",e);const o=JSON.parse(JSON.stringify(this.template));const m=o.fields.findIndex((e=>e.name===this.fieldName));if(m>-1){o.fields[m]=e}d.updateTemplate(this.templateId,o);(a=this.settingsChanged)===null\|\|a===void 0?void 0:a.emit({fieldName:this.fieldName,field:e});(t=this.close)===null\|\|t===void 0?void 0:t.emit();(r=document.getElementById("verdocs-template-field-properties"))===null\|\|r===void 0?void 0:r.remove()})).catch((()=>{console.log("[FIELD PROPERTIES] Update failed",e)}))}async handleDelete(e){e.stopPropagation();l(this.endpoint,this.templateId,this.fieldName).then((()=>{var e,a;const t=JSON.parse(JSON.stringify(this.template));t.fields=t.fields.filter((e=>e.name!==this.fieldName));d.updateTemplate(this.templateId,t);(e=this.delete)===null\|\|e===void 0?void 0:e.emit({templateId:this.templateId,roleName:this.roleName});(a=document.getElementById("verdocs-template-field-properties"))===null\|\|a===void 0?void 0:a.remove()})).catch((e=>{console.log("[FIELD PROPERTIES] Deletion error",e)}))}cleanupOptions(){this.options=[...this.options.filter((e=>(e.id\|\|"").trim()!==""\|\|(e.label\|\|"").trim()!==""))];if(!this.options.find((e=>!e.id&&!e.label))){this.options=[...this.options,{id:"",label:""}]}}render(){var e,r;if(this.loading){return a(t,null,a("verdocs-loader",null))}if(!this.endpoint.session){return a(t,null,a("verdocs-component-error",{message:"You must be authenticated to use this module."}))}if(!this.endpoint.session\|\|!(((e=this.template)===null\|\|e===void 0?void 0:e.fields)\|\|[]).some((e=>e.name===this.fieldName))){return a(t,{class:"empty"})}if(this.helpText&&this.showingHelp){return a(t,null,a("h6",null,w(this.fieldType)," Settings ",a("div",{style:{flex:"1"}}),a("div",{class:"help-icon",innerHTML:I,onClick:()=>this.showingHelp=false})),a("p",{class:"instructions",innerHTML:this.helpText}))}const o=this.options.filter((e=>(e.id\|\|"").trim()!==""\|\|(e.label\|\|"").trim()!=="")).length>0;const m=!this.dirty\|\|this.type==="dropdown"&&!o;return a(t,{id:"verdocs-template-field-properties"},a("h6",null,w(this.fieldType.replace(/_/g," "))," Settings ",a("div",{style:{flex:"1"}}),this.helpText&&a("div",{class:"help-icon",innerHTML:I,onClick:()=>this.showingHelp=true})),a("form",{onSubmit:e=>e.preventDefault(),onClick:e=>e.stopPropagation(),autocomplete:"off"},a("div",{class:"row"},a("verdocs-text-input",{id:"verdocs-field-name",label:"Field Name",value:this.name,autocomplete:"off",placeholder:"Field Name...",onInput:e=>{this.name=e.target.value;this.dirty=true}})),a("div",{class:"row"},a("verdocs-text-input",{id:"verdocs-field-label",label:"Optional Label",value:this.label,autocomplete:"off",placeholder:"Optional Label...",onInput:e=>{this.label=e.target.value;this.dirty=true}})),a("div",{class:"row"},a("div",{class:"input-label"},"Role:"),a("verdocs-select-input",{value:this.roleName,options:(((r=this.template)===null\|\|r===void 0?void 0:r.roles)\|\|[]).map((e=>({label:e.name,value:e.name}))),onInput:e=>{this.roleName=e.target.value;this.dirty=true}})),["textbox","textarea"].includes(this.type)&&a("div",{class:"row",style:{marginTop:"10px",marginBottom:"10px"}},a("verdocs-text-input",{id:"verdocs-field-value",label:"Default Value",value:this.defaultValue,autocomplete:"off",placeholder:"Pre-filled value...",onInput:e=>{this.defaultValue=e.target.value;this.dirty=true}})),this.type==="radio"&&a("div",{class:"row"},a("verdocs-text-input",{id:"verdocs-field-label",label:"Group",value:this.group,autocomplete:"off",helpText:"Enable exclusive selections. Only one option within the same group may be selected at a time.",placeholder:"Group...",onInput:e=>{this.group=(e.target.value\|\|"").trim().toLowerCase().replace(/[^a-z0-9]/g,"");this.dirty=true}})),["textbox","textarea"].includes(this.type)&&a("div",{class:"row",style:{marginTop:"10px",marginBottom:"10px"}},a("verdocs-text-input",{id:"verdocs-field-placeholder",label:"Placeholder",value:this.placeholder,autocomplete:"off",placeholder:"Placeholder...",onInput:e=>{this.placeholder=e.target.value;this.dirty=true}})),a("div",{class:"row",style:{marginTop:"15px",marginBottom:"15px"}},a("label",{htmlFor:"verdocs-is-required",class:"input-label"},"Required"),a("verdocs-checkbox",{id:"verdocs-is-required",name:"is-required",checked:this.required,value:"on",onInput:e=>{this.required=e.target.checked;this.dirty=true}})),this.type==="dropdown"&&a("div",{class:"row",style:{marginTop:"15px",marginBottom:"15px"}},a("label",{htmlFor:"verdocs-is-required",class:"input-label"},"Options")),this.type==="dropdown"&&a("div",{class:"options"},a("div",{class:"options-header"},a("div",{class:"options-header-label"},"ID"),a("dev",{class:"options-header-label"},"Label")),this.options.map(((e,t)=>a("div",{class:"row option-row",key:t},a("verdocs-text-input",{value:e.id,placeholder:"Unique ID",onInput:e=>{this.options[t].id=e.target.value;this.dirty=true;this.cleanupOptions()}}),a("verdocs-text-input",{value:e.label,placeholder:"Display label",onInput:e=>{this.options[t].label=e.target.value;this.dirty=true;this.cleanupOptions()}}),a("button",{innerHTML:y,class:"remove-button",onClick:()=>{this.options=this.options.filter((a=>a.id!==e.id));this.dirty=true;this.cleanupOptions()}}))))),a("div",{class:"buttons"},a("button",{class:"delete-button",disabled:this.dirty,onClick:e=>this.handleDelete(e),innerHTML:y}),a("div",{style:{flex:"1"}}),a("verdocs-button",{size:"small",variant:"outline",label:"Cancel",disabled:!this.dirty,onClick:e=>this.handleCancel(e)}),a("verdocs-button",{size:"small",label:"Save",disabled:m,onClick:e=>!m&&this.handleSave(e)}))))}get el(){return o(this)}};z.style=k;const L='@-webkit-keyframes verdocs-field-pulse{0%{background-color:rgba(0, 0, 0, 0.35)}50%{background-color:rgba(0, 0, 0, 0)}100%{background-color:rgba(0, 0, 0, 0.35)}}@keyframes verdocs-field-pulse{0%{background-color:rgba(0, 0, 0, 0.35)}50%{background-color:rgba(0, 0, 0, 0)}100%{background-color:rgba(0, 0, 0, 0.35)}}verdocs-text-input{font-family:"Inter", "Barlow", sans-serif;-webkit-box-sizing:border-box;box-sizing:border-box;margin:0 0 10px 0;display:block}verdocs-text-input .input-element{-webkit-box-sizing:border-box;box-sizing:border-box;border:1px solid #707ae5;border-radius:4px;background:#ffffff;color:#000;width:100%;font-size:16px;height:34px;padding:0 9px;outline:none}verdocs-text-input .input-element:disabled{cursor:not-allowed;background:#aeb4bf;border:1px solid #33364b}verdocs-text-input .input-element::-webkit-input-placeholder{color:#aaaaaa;opacity:1}verdocs-text-input .input-element::-moz-placeholder{color:#aaaaaa;opacity:1}verdocs-text-input .input-element:-ms-input-placeholder{color:#aaaaaa;opacity:1}verdocs-text-input .input-element::-ms-input-placeholder{color:#aaaaaa;opacity:1}verdocs-text-input .input-element::placeholder{color:#aaaaaa;opacity:1}verdocs-text-input .input-element:focus{outline:1px solid #7d88ff}verdocs-text-input .input-label{display:block;color:#555570;font-weight:700;font-size:14px;margin:0 0 4px 0}verdocs-text-input .required{color:red;margin-left:2px;display:inline-block}verdocs-text-input [data-lastpass-icon-root]{display:none !important}verdocs-text-input .input-container{position:relative}verdocs-text-input .clear{top:7px;right:5px;width:18px;height:18px;fill:#cccccc;position:absolute}verdocs-text-input .clear:hover{fill:#720101;cursor:pointer}verdocs-text-input .copy{top:7px;right:5px;width:18px;height:18px;fill:#cccccc;position:absolute}verdocs-text-input .copy:hover{fill:#654dcb;cursor:pointer}verdocs-text-input .toggle-pw{top:5px;right:7px;width:18px;height:18px;stroke:#cccccc;position:absolute}verdocs-text-input .toggle-pw:hover{fill:#654dcb;cursor:pointer}verdocs-text-input.clearable .input-element,verdocs-text-input.copyable .input-element{padding-right:32px}';const E=`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 122.881 122.88"><g><path fill-rule="evenodd" clip-rule="evenodd" d="M61.44,0c33.933,0,61.441,27.507,61.441,61.439 c0,33.933-27.508,61.44-61.441,61.44C27.508,122.88,0,95.372,0,61.439C0,27.507,27.508,0,61.44,0L61.44,0z M81.719,36.226 c1.363-1.363,3.572-1.363,4.936,0c1.363,1.363,1.363,3.573,0,4.936L66.375,61.439l20.279,20.278c1.363,1.363,1.363,3.573,0,4.937 c-1.363,1.362-3.572,1.362-4.936,0L61.44,66.376L41.162,86.654c-1.362,1.362-3.573,1.362-4.936,0c-1.363-1.363-1.363-3.573,0-4.937 l20.278-20.278L36.226,41.162c-1.363-1.363-1.363-3.573,0-4.936c1.363-1.363,3.573-1.363,4.936,0L61.44,56.504L81.719,36.226 L81.719,36.226z"/></g></svg>`;const T=`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><path fill-rule="evenodd" d="M15.988 3.012A2.25 2.25 0 0118 5.25v6.5A2.25 2.25 0 0115.75 14H13.5V7A2.5 2.5 0 0011 4.5H8.128a2.252 2.252 0 011.884-1.488A2.25 2.25 0 0112.25 1h1.5a2.25 2.25 0 012.238 2.012zM11.5 3.25a.75.75 0 01.75-.75h1.5a.75.75 0 01.75.75v.25h-3v-.25z" clip-rule="evenodd" /><path fill-rule="evenodd" d="M2 7a1 1 0 011-1h8a1 1 0 011 1v10a1 1 0 01-1 1H3a1 1 0 01-1-1V7zm2 3.25a.75.75 0 01.75-.75h4.5a.75.75 0 010 1.5h-4.5a.75.75 0 01-.75-.75zm0 3.5a.75.75 0 01.75-.75h4.5a.75.75 0 010 1.5h-4.5a.75.75 0 01-.75-.75z" clip-rule="evenodd" /></svg>`;const C=`<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="M2.036 12.322a1.012 1.012 0 0 1 0-.639C3.423 7.51 7.36 4.5 12 4.5c4.638 0 8.573 3.007 9.963 7.178.07.207.07.431 0 .639C20.577 16.49 16.64 19.5 12 19.5c-4.638 0-8.573-3.007-9.963-7.178Z" /><path stroke-linecap="round" stroke-linejoin="round" d="M15 12a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z" /></svg>`;const q=`<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="M3.98 8.223A10.477 10.477 0 0 0 1.934 12C3.226 16.338 7.244 19.5 12 19.5c.993 0 1.953-.138 2.863-.395M6.228 6.228A10.451 10.451 0 0 1 12 4.5c4.756 0 8.773 3.162 10.065 7.498a10.522 10.522 0 0 1-4.293 5.774M6.228 6.228 3 3m3.228 3.228 3.65 3.65m7.894 7.894L21 21m-3.228-3.228-3.65-3.65m0 0a3 3 0 1 0-4.243-4.243m4.242 4.242L9.88 9.88" /></svg>`;const S=class{constructor(a){e(this,a);this.value="";this.label="";this.placeholder="";this.autocomplete="";this.helpText="";this.clearable=false;this.copyable=false;this.type="text";this.disabled=false;this.required=false;this.showingPw=false}copyToClipboard(){this.inputEl.select();navigator.clipboard.writeText(this.value).then((()=>n("Copied!"))).catch((e=>console.log("Error copying to clipboard",e)))}render(){return a(t,{key:"ee763adb876647c827c2b14d9cbd38f0ce572863",class:`input-field ${this.clearable?"clearable":""} ${this.copyable?"copyable":""}`},a("label",{key:"a99576f4d9b70e5bfa828b8a7d644a283bae649f"},this.label&&a("div",{key:"58a9cf77e5f90b2d464ad536aa39aac587a187ca",class:"input-label"},this.label+":",this.required&&a("span",{key:"dfcc8adfc0a3d03b405b672ace6be96ad1843d71",class:"required"},"*")),a("div",{key:"0ea91268274cddcccba835138236827729606cd4",class:"input-container"},a("input",{key:"41d7f45f825e81e8d3c7a8d6c17ee1e770246abc",type:this.type==="password"&&this.showingPw?"text":this.type,value:this.value,required:this.required,class:"input-element","data-lpignore":"true",disabled:this.disabled,placeholder:this.placeholder,autoComplete:this.autocomplete,ref:e=>this.inputEl=e,onInput:e=>this.value=e.target.value}),this.clearable&&this.value&&a("span",{key:"96ce074a6277ee5b7bb3c444c8a03c213221c8e3",innerHTML:E,class:"clear",onClick:()=>{setTimeout((()=>{var e;this.value="";(e=this.inputEl)===null\|\|e===void 0?void 0:e.setAttribute("value","");setTimeout((()=>{var e,a;(e=this.inputEl)===null\|\|e===void 0?void 0:e.dispatchEvent(new window.Event("focusout"));(a=this.inputEl)===null\|\|a===void 0?void 0:a.blur()}),50)}),50)}}),this.type==="password"&&a("span",{key:"11367904c1e1de0ee31600ecfc0103c75df9e980",innerHTML:this.showingPw?C:q,class:"toggle-pw",onClick:()=>{this.showingPw=!this.showingPw}}),!this.clearable&&this.copyable&&this.value&&a("span",{key:"5efb4dae407e58647d913a455fb41426c1bba154",innerHTML:T,class:"copy",onClick:()=>this.copyToClipboard()})),this.helpText&&a("verdocs-help-icon",{key:"ea873a050337d77f81942b351a70a0aaa49c3cf8",text:this.helpText})))}get hostEl(){return o(this)}};S.style=L;export{p as verdocs_checkbox,h as verdocs_component_error,u as verdocs_loader,v as verdocs_select_input,z as verdocs_template_field_properties,S as verdocs_text_input};
2	- //# sourceMappingURL=p-d0bc16f9.entry.js.map

package/dist/verdocs-web-sdk/p-d0bc16f9.entry.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"names":["verdocsCheckboxCss","VerdocsCheckbox","constructor","hostRef","this","checked","name","label","value","theme","size","disabled","render","h","Host","key","class","type","verdocsComponentErrorCss","VerdocsComponentError","message","verdocsLoaderCss","VerdocsLoader","verdocsSelectInputCss","VerdocsSelectInput","options","map","option","selected","verdocsTemplateFieldPropertiesCss","capitalize","str","charAt","toUpperCase","slice","TrashIcon","HelpIcon","VerdocsTemplateFieldProperties","templateListenerId","endpoint","VerdocsEndpoint","getDefault","templateId","fieldName","helpText","dirty","required","roleName","group","fieldType","placeholder","defaultValue","showingHelp","loading","template","disconnectedCallback","unlistenToTemplate","listenToTemplate","console","log","Store","subscribe","getTemplate","resetForm","store","delListener","componentWillLoad","loadSession","error","session","e","_a","sdkError","emit","SDKError","_b","response","status","_c","data","field","fields","find","role_name","default","cleanupOptions","handleCancel","stopPropagation","close","document","getElementById","remove","handleSave","newProperties","updateField","then","updatedField","newTemplate","JSON","parse","stringify","fieldIndex","findIndex","updateTemplate","settingsChanged","catch","handleDelete","deleteField","filter","delete","opt","id","trim","some","style","flex","innerHTML","onClick","hasOptions","length","saveDisabled","replace","onSubmit","preventDefault","autocomplete","onInput","target","roles","role","includes","marginTop","marginBottom","toLowerCase","htmlFor","index","variant","verdocsTextInputCss","ClearIcon","CopyIcon","EyeIcon","EyeSlashIcon","VerdocsTextInput","clearable","copyable","showingPw","copyToClipboard","inputEl","select","navigator","clipboard","writeText","VerdocsToast","autoComplete","ref","el","setTimeout","setAttribute","dispatchEvent","window","Event","blur","text"],"sources":["src/components/controls/verdocs-checkbox/verdocs-checkbox.scss?tag=verdocs-checkbox","src/components/controls/verdocs-checkbox/verdocs-checkbox.tsx","src/components/controls/verdocs-component-error/verdocs-component-error.scss?tag=verdocs-component-error","src/components/controls/verdocs-component-error/verdocs-component-error.tsx","src/components/controls/verdocs-loader/verdocs-loader.scss?tag=verdocs-loader","src/components/controls/verdocs-loader/verdocs-loader.tsx","src/components/controls/verdocs-select-input/verdocs-select-input.scss?tag=verdocs-select-input","src/components/controls/verdocs-select-input/verdocs-select-input.tsx","src/components/templates/verdocs-template-field-properties/verdocs-template-field-properties.scss?tag=verdocs-template-field-properties","src/components/templates/verdocs-template-field-properties/verdocs-template-field-properties.tsx","src/components/controls/verdocs-text-input/verdocs-text-input.scss?tag=verdocs-text-input","src/components/controls/verdocs-text-input/verdocs-text-input.tsx"],"sourcesContent":["@import '../../../theme.scss';\n\n// Your periodic reminder that it's 2022 and you still can't style HTML checkboxes\nverdocs-checkbox {\n line-height: 18px;\n font-family: $verdocs-primary-font;\n\n label > input[type='checkbox'] {\n display: none;\n }\n\n label > input[type='checkbox'] + *::before {\n content: '';\n width: 20px;\n height: 20px;\n flex-shrink: 0;\n margin-right: 8px;\n line-height: 20px;\n border-radius: 2px;\n border-style: solid;\n border-width: 0.1rem;\n display: inline-block;\n vertical-align: bottom;\n border-color: $verdocs-grey-2;\n }\n\n label > input[type='checkbox']:checked + * {\n color: $verdocs-green;\n }\n\n label > input[type='checkbox']:checked + *::before {\n content: '✓';\n color: white;\n text-align: center;\n background: $verdocs-green;\n border-color: $verdocs-green;\n }\n\n &.dark {\n label > input[type='checkbox'] + *::before {\n border-color: $verdocs-grey-4;\n }\n\n label > input[type='checkbox']:checked + *::before {\n background: $verdocs-green;\n border-color: $verdocs-green;\n }\n }\n\n &.small {\n label > input[type='checkbox'] + *::before {\n width: 16px;\n height: 16px;\n line-height: 16px;\n }\n }\n}\n","import {Component, h, Host, Prop} from '@stencil/core';\n\n/**\n * Displays a check box. Note that this is different from the `verdocs-field-checkbox` component, which is designed\n * to be used in signing experiences and contains settings that connect to template fields. This is just a simple check\n * box for UI displays e.g. dialog boxes.\n *\n * This control encapsulates a standard HTML checkbox. To subscribe to change events, connect an `onChange`\n * handler. Sample usage:\n *\n * ```ts\n * <verdocs-checkbox\n * value=\"on\"\n * name=\"thingEnabled\"\n * checked={this.thingEnabled}\n * onInput={(e: any) => (this.thingEnabled = e.target.checked)}\n * />\n * ```\n */\n@Component({\n tag: 'verdocs-checkbox',\n styleUrl: 'verdocs-checkbox.scss',\n shadow: false,\n})\nexport class VerdocsCheckbox {\n /**\n * Whether the radio button is currently selected.\n */\n @Prop() checked: boolean = false;\n\n /**\n * HTML form field name for the input.\n */\n @Prop() name: string = '';\n\n /**\n * Label to display. Leave blank for no label. The label will be displayed to the right of the checkbox, but may be\n * repositioned with CSS.\n */\n @Prop() label: string = '';\n\n /**\n * Value to track with the input. Value is not used internally by this component but is sometimes useful to set\n * because it can be retrieved in event handlers via e.target.value. This can be used to identify which\n * checkbox was clicked in a checkbox group.\n */\n @Prop() value: string = '';\n\n /**\n * Style of checkbox to render. Use 'dark' when rendering on a dark background.\n */\n @Prop() theme: 'light' | 'dark' = 'light';\n\n /**\n * Size of checkbox to render.\n */\n @Prop() size: 'normal' | 'small' = 'normal';\n\n /**\n * If set, the button will still be displayed but not selectable.\n */\n @Prop() disabled?: boolean = false;\n\n render() {\n return (\n <Host class={{disabled: this.disabled, [this.theme]: true, [this.size]: true}}>\n <label>\n <input type=\"checkbox\" value={this.value} name={this.name} checked={this.checked} disabled={this.disabled} />\n <span>{this.label}</span>\n </label>\n </Host>\n );\n }\n}\n","@import '../../../theme.scss';\n\nverdocs-component-error {\n font-family: $verdocs-primary-font;\n display: flex;\n padding: 15px;\n align-items: center;\n justify-content: center;\n\n .inner {\n flex: 1;\n height: 300px;\n display: flex;\n font-size: 18px;\n box-sizing: border-box;\n padding: 0 20px;\n background: #ffffff;\n align-items: center;\n justify-content: center;\n }\n}\n","// NOTE: This component does not have a story because it's not intended for external use.\n\nimport {Component, h, Host, Prop} from '@stencil/core';\n\n/**\n * Render a simple error message.\n */\n@Component({\n tag: 'verdocs-component-error',\n styleUrl: 'verdocs-component-error.scss',\n shadow: false,\n})\nexport class VerdocsComponentError {\n /**\n * The message to display.\n */\n @Prop() message: string = '';\n\n render() {\n return (\n <Host>\n <div class=\"inner\">{this.message}</div>\n </Host>\n );\n }\n}\n","@import '../../../theme.scss';\n\nverdocs-loader {\n display: block;\n position: absolute;\n top: 50%;\n left: 50%;\n margin-left: -20px;\n margin-top: -20px;\n font-size: 24px;\n width: 24px;\n height: 24px;\n border-radius: 50%;\n text-indent: -9999em;\n -webkit-animation: load5 1.1s infinite ease;\n animation: verdocs-loader-kf 1.1s infinite ease;\n -webkit-transform: translateZ(0);\n -ms-transform: translateZ(0);\n transform: translateZ(0);\n}\n\n@keyframes verdocs-loader-kf {\n 0%,\n 100% {\n box-shadow: 0em -2.6em 0em 0em $verdocs-bg-2, 1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2), 2.5em 0em 0 0em rgba(0, 0, 0, 0.2), 1.75em 1.75em 0 0em rgba(0, 0, 0, 0.2),\n 0em 2.5em 0 0em rgba(0, 0, 0, 0.2), -1.8em 1.8em 0 0em rgba(0, 0, 0, 0.2), -2.6em 0em 0 0em rgba(0, 0, 0, 0.3), -1.8em -1.8em 0 0em rgba(0, 0, 0, 0.4);\n }\n 12.5% {\n box-shadow: 0em -2.6em 0em 0em rgba(0, 0, 0, 0.4), 1.8em -1.8em 0 0em $verdocs-bg-2, 2.5em 0em 0 0em rgba(0, 0, 0, 0.2), 1.75em 1.75em 0 0em rgba(0, 0, 0, 0.2),\n 0em 2.5em 0 0em rgba(0, 0, 0, 0.2), -1.8em 1.8em 0 0em rgba(0, 0, 0, 0.2), -2.6em 0em 0 0em rgba(0, 0, 0, 0.2), -1.8em -1.8em 0 0em rgba(0, 0, 0, 0.3);\n }\n 25% {\n box-shadow: 0em -2.6em 0em 0em rgba(0, 0, 0, 0.3), 1.8em -1.8em 0 0em rgba(0, 0, 0, 0.4), 2.5em 0em 0 0em $verdocs-bg-2, 1.75em 1.75em 0 0em rgba(0, 0, 0, 0.2),\n 0em 2.5em 0 0em rgba(0, 0, 0, 0.2), -1.8em 1.8em 0 0em rgba(0, 0, 0, 0.2), -2.6em 0em 0 0em rgba(0, 0, 0, 0.2), -1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2);\n }\n 37.5% {\n box-shadow: 0em -2.6em 0em 0em rgba(0, 0, 0, 0.2), 1.8em -1.8em 0 0em rgba(0, 0, 0, 0.3), 2.5em 0em 0 0em rgba(0, 0, 0, 0.4), 1.75em 1.75em 0 0em $verdocs-bg-2,\n 0em 2.5em 0 0em rgba(0, 0, 0, 0.2), -1.8em 1.8em 0 0em rgba(0, 0, 0, 0.2), -2.6em 0em 0 0em rgba(0, 0, 0, 0.2), -1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2);\n }\n 50% {\n box-shadow: 0em -2.6em 0em 0em rgba(0, 0, 0, 0.2), 1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2), 2.5em 0em 0 0em rgba(0, 0, 0, 0.3), 1.75em 1.75em 0 0em rgba(0, 0, 0, 0.4),\n 0em 2.5em 0 0em $verdocs-bg-2, -1.8em 1.8em 0 0em rgba(0, 0, 0, 0.2), -2.6em 0em 0 0em rgba(0, 0, 0, 0.2), -1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2);\n }\n 62.5% {\n box-shadow: 0em -2.6em 0em 0em rgba(0, 0, 0, 0.2), 1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2), 2.5em 0em 0 0em rgba(0, 0, 0, 0.2), 1.75em 1.75em 0 0em rgba(0, 0, 0, 0.3),\n 0em 2.5em 0 0em rgba(0, 0, 0, 0.4), -1.8em 1.8em 0 0em $verdocs-bg-2, -2.6em 0em 0 0em rgba(0, 0, 0, 0.2), -1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2);\n }\n 75% {\n box-shadow: 0em -2.6em 0em 0em rgba(0, 0, 0, 0.2), 1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2), 2.5em 0em 0 0em rgba(0, 0, 0, 0.2), 1.75em 1.75em 0 0em rgba(0, 0, 0, 0.2),\n 0em 2.5em 0 0em rgba(0, 0, 0, 0.3), -1.8em 1.8em 0 0em rgba(0, 0, 0, 0.4), -2.6em 0em 0 0em $verdocs-bg-2, -1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2);\n }\n 87.5% {\n box-shadow: 0em -2.6em 0em 0em rgba(0, 0, 0, 0.2), 1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2), 2.5em 0em 0 0em rgba(0, 0, 0, 0.2), 1.75em 1.75em 0 0em rgba(0, 0, 0, 0.2),\n 0em 2.5em 0 0em rgba(0, 0, 0, 0.2), -1.8em 1.8em 0 0em rgba(0, 0, 0, 0.3), -2.6em 0em 0 0em rgba(0, 0, 0, 0.4), -1.8em -1.8em 0 0em $verdocs-bg-2;\n }\n}\n","import {Component, h, Host} from '@stencil/core';\n\n/**\n * Animated loader placeholder. There are currently no configuration options for this control.\n *\n * ```ts\n * <verdocs-loader />\n * ```\n */\n@Component({\n tag: 'verdocs-loader',\n styleUrl: 'verdocs-loader.scss',\n shadow: false,\n})\nexport class VerdocsLoader {\n render() {\n return <Host />;\n }\n}\n","@import '../../../theme.scss';\n\nverdocs-select-input {\n font-family: $primary-font;\n box-sizing: border-box;\n margin: 0 0 10px 0;\n display: block;\n\n .input-element {\n box-sizing: border-box;\n background: $verdocs-grey-4;\n border: 1px solid $border-color;\n border-radius: 4px;\n background: $verdocs-grey-4;\n color: $verdocs-grey-0;\n width: 100%;\n font-size: 14px;\n height: 34px;\n padding: 2px 3px;\n\n &::placeholder {\n color: $light-disabled-color;\n opacity: 1;\n }\n\n &:focus {\n //border: 1px solid $border-color-highlight;\n }\n }\n\n .input-label {\n display: block;\n color: $label-color-light;\n font-weight: 700;\n font-size: 14px;\n margin: 0 0 4px 0;\n }\n}\n","import {Component, Prop, Host, h} from '@stencil/core';\n\n/**\n * Display a combo box. This is just a standard HTML select field with minimal markup to fit the\n * visual styles of the other components. Note that events \"bubble\" from the input field to the container,\n * so you can subscribe to the same DOM events (input, blur, etc) that a normal input would emit.\n *\n * ```ts\n * <verdocs-select-input label=\"Select:\" label=\"Select\" options={[...options]} onInput={() => {}} />\n * ```\n */\n@Component({\n tag: 'verdocs-select-input',\n styleUrl: 'verdocs-select-input.scss',\n})\nexport class VerdocsSelectInput {\n /**\n * The initial value for the input field.\n */\n @Prop() value: string = '';\n\n /**\n * The label for the field.\n */\n @Prop() label: string = '';\n\n /**\n * The options to list.\n */\n @Prop() options: {label: string; value: string}[];\n\n /**\n * Should the field be disabled?\n */\n @Prop() disabled: boolean = false;\n\n render() {\n return (\n <Host class=\"input-field\">\n <label>\n {this.label ? <div class=\"input-label\">{this.label + ':'}</div> : <div />}\n <select class=\"input-element\" disabled={this.disabled}>\n {this.options.map(option => (\n <option value={option.value} selected={option.value === this.value}>\n {option.label}\n </option>\n ))}\n </select>\n </label>\n </Host>\n );\n }\n}\n","@import '../../../theme.scss';\n\nverdocs-template-field-properties {\n padding: 20px;\n display: block;\n border-radius: 4px;\n background: #ffffff;\n border: 1px solid #ccc;\n font-family: $verdocs-primary-font;\n box-shadow: 2px 2px 10px 0 #0000001f;\n\n @media all and (max-width: 600px) {\n padding: 10px;\n transform: scale(0.8);\n }\n\n .buttons {\n display: flex;\n margin-top: 30px;\n align-items: center;\n flex-direction: row;\n justify-content: flex-end;\n\n verdocs-button {\n margin-left: 16px;\n }\n }\n\n form .row {\n display: flex;\n column-gap: 15px;\n margin: 0 0 10px 0;\n align-items: center;\n flex-direction: row;\n\n .input-label {\n display: block;\n color: $label-color-light;\n font-weight: 700;\n font-size: 14px;\n margin: 0 0 4px 0;\n flex: 0 0 100px;\n }\n }\n\n verdocs-select-input {\n flex: 1;\n margin: 0;\n }\n\n verdocs-text-input {\n margin: 0;\n flex: 1;\n\n label {\n margin: 0;\n display: flex;\n column-gap: 15px;\n align-items: center;\n flex-direction: row;\n }\n\n .input-label {\n flex: 0 0 100px;\n }\n\n input {\n flex: 1;\n display: flex;\n }\n }\n\n .checkbox-wrapper {\n flex: 1;\n display: flex;\n }\n\n .delete-button {\n height: 34px;\n display: flex;\n cursor: pointer;\n background: none;\n border-radius: 4px;\n align-items: center;\n border: 1px solid #999;\n justify-content: center;\n\n &:active {\n background: #f3f3f3;\n }\n\n svg {\n width: 24px;\n height: 24px;\n }\n }\n\n h6 {\n flex: 1;\n display: flex;\n font-size: 16px;\n font-weight: bold;\n margin: 0 0 8px 0;\n flex-direction: row;\n color: $verdocs-grey-0;\n\n .help-icon {\n opacity: 0.5;\n\n &:hover {\n opacity: 1;\n cursor: pointer;\n }\n }\n }\n\n .instructions {\n }\n\n .row-header {\n gap: 15px;\n display: flex;\n flex-direction: row;\n\n h6 {\n margin-bottom: 0;\n }\n\n verdocs-help-icon {\n transform: scale(0.85);\n\n svg {\n margin-bottom: -5px;\n }\n }\n\n .add-button {\n margin: 0;\n padding: 0;\n border: none;\n opacity: 0.5;\n cursor: pointer;\n background: none;\n\n &:hover {\n opacity: 1;\n }\n\n svg {\n width: 32px;\n height: 32px;\n }\n }\n }\n\n .options-header {\n gap: 10px;\n margin: 0 0 5px 0;\n display: flex;\n color: #ffffff;\n font-size: 14px;\n padding: 5px 8px;\n font-weight: 700;\n text-align: center;\n flex-direction: row;\n justify-content: center;\n background-color: #333333;\n }\n\n .options-header-label {\n display: flex;\n flex: 1;\n font-weight: 700;\n font-size: 14px;\n }\n\n .option-row {\n margin: 15px 0;\n\n .remove-button {\n height: 28px;\n display: flex;\n cursor: pointer;\n background: none;\n border-radius: 4px;\n align-items: center;\n border: 1px solid #999;\n justify-content: center;\n\n &:active {\n background: #f3f3f3;\n }\n\n &:hover {\n svg {\n stroke: rgb(165, 0, 33);\n }\n }\n\n svg {\n width: 20px;\n height: 20px;\n stroke: #333333;\n }\n }\n }\n\n .options {\n background: #f3f3f3;\n padding: 0 0 1px 0;\n\n .row-header,\n .option-row {\n padding: 0 10px;\n }\n\n .add-option-button {\n border-radius: 5px;\n border: 1px solid #cccccc;\n background: $verdocs-grey-blue;\n color: #ffffff;\n padding: 3px 8px;\n }\n\n .option-row .input-element {\n font-size: 14px;\n }\n\n verdocs-help-icon {\n opacity: 1;\n transform: scale(0.8);\n\n svg {\n fill: #ffffff;\n }\n }\n }\n}\n","import {Component, h, Element, Event, EventEmitter, Prop, State, Host} from '@stencil/core';\nimport {deleteField, getTemplate, type ITemplate, ITemplateField, TFieldType, updateField, VerdocsEndpoint} from '@verdocs/js-sdk';\nimport {SDKError} from '../../../utils/errors';\nimport {Store} from '../../../utils/Datastore';\n\nconst capitalize = (str: string) => str.charAt(0).toUpperCase() + str.slice(1);\n\nconst TrashIcon = `<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>`;\n\nconst HelpIcon =\n '<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"24\" width=\"24\"><path d=\"M11.925 18q.55 0 .938-.387.387-.388.387-.938 0-.55-.387-.925-.388-.375-.938-.375-.55 0-.925.375t-.375.925q0 .55.375.938.375.387.925.387Zm-.95-3.85h1.95q0-.8.2-1.287.2-.488 1.025-1.288.65-.625 1.025-1.213.375-.587.375-1.437 0-1.425-1.025-2.175Q13.5 6 12.1 6q-1.425 0-2.35.775t-1.275 1.85l1.775.7q.125-.45.55-.975.425-.525 1.275-.525.725 0 1.1.412.375.413.375.888 0 .475-.287.9-.288.425-.713.775-1.075.95-1.325 1.475-.25.525-.25 1.875ZM12 22.2q-2.125 0-3.988-.8-1.862-.8-3.237-2.175Q3.4 17.85 2.6 15.988 1.8 14.125 1.8 12t.8-3.988q.8-1.862 2.175-3.237Q6.15 3.4 8.012 2.6 9.875 1.8 12 1.8t3.988.8q1.862.8 3.237 2.175Q20.6 6.15 21.4 8.012q.8 1.863.8 3.988t-.8 3.988q-.8 1.862-2.175 3.237Q17.85 20.6 15.988 21.4q-1.863.8-3.988.8Zm0-2.275q3.325 0 5.625-2.3t2.3-5.625q0-3.325-2.3-5.625T12 4.075q-3.325 0-5.625 2.3T4.075 12q0 3.325 2.3 5.625t5.625 2.3ZM12 12Z\"/></svg>';\n\n/**\n * Displays an edit form that allows the user to adjust a field's settings.\n */\n@Component({\n tag: 'verdocs-template-field-properties',\n styleUrl: 'verdocs-template-field-properties.scss',\n shadow: false,\n})\nexport class VerdocsTemplateFieldProperties {\n private templateListenerId = null;\n\n @Element()\n el: any;\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 template ID to edit.\n */\n @Prop() templateId: string = '';\n\n /**\n * The field to configure.\n */\n @Prop({mutable: true}) fieldName: string = '';\n\n /**\n * If specified, the properties card will have a \"back\" side with the help text as its content.\n */\n @Prop() helpText?: string = '';\n\n /**\n * Event fired when the user cancels the dialog.\n */\n @Event({composed: true}) close: EventEmitter;\n\n /**\n * Event fired when the user deletes the role. The parent should update its UI to reflect the removal. When this event is emitted,\n * the role will have already been deleted server-side.\n */\n @Event({composed: true}) delete: EventEmitter<{templateId: string; roleName: string}>;\n\n /**\n * Event fired when the field's settings are changed.\n */\n @Event({composed: true}) settingsChanged: EventEmitter<{fieldName: string; field: ITemplateField}>;\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() dirty: boolean = false;\n @State() label = '';\n @State() type = 'textbox' as TFieldType;\n @State() name = '';\n @State() required = false;\n @State() roleName = '';\n @State() group = '';\n @State() fieldType = '';\n @State() options = [];\n @State() placeholder = '';\n @State() defaultValue = '';\n @State() showingHelp = false;\n\n @State() loading = true;\n @State() template: ITemplate | null = null;\n\n disconnectedCallback() {\n this.unlistenToTemplate();\n }\n\n async listenToTemplate() {\n console.log('[SENT] Loading template', this.templateId);\n this.unlistenToTemplate();\n Store.subscribe(\n 'templates',\n this.templateId,\n () => getTemplate(this.endpoint, this.templateId),\n false,\n (template: ITemplate) => {\n console.log('[SEND] Template Updated', template);\n this.template = template;\n this.loading = false;\n this.resetForm();\n },\n );\n }\n\n unlistenToTemplate() {\n if (this.templateListenerId) {\n Store.store.delListener(this.templateListenerId);\n this.templateListenerId = null;\n }\n }\n\n async componentWillLoad() {\n try {\n this.endpoint.loadSession();\n\n if (!this.templateId) {\n console.log(`[FIELD PROPERTIES] Missing required template ID ${this.templateId}`);\n return;\n }\n\n if (!this.fieldName) {\n console.error(`[FIELD PROPERTIES] Missing required field name`);\n return;\n }\n\n if (!this.endpoint.session) {\n console.log('[FIELD PROPERTIES] Unable to start builder session, must be authenticated');\n return;\n }\n\n this.listenToTemplate();\n } catch (e) {\n console.log('[FIELD PROPERTIES] Error loading template', e);\n this.loading = false;\n this.sdkError?.emit(new SDKError(e.message, e.response?.status, e.response?.data));\n }\n }\n\n resetForm() {\n const field = (this.template?.fields || []).find(field => field.name === this.fieldName);\n if (!field) {\n console.log(`[FIELD PROPERTIES] Unable to find field \"${this.fieldName}\" in fields`);\n return;\n }\n\n this.type = field.type;\n this.name = field.name;\n this.label = field.label;\n this.group = field.group;\n this.roleName = field.role_name;\n this.required = field.required;\n this.fieldType = field.type;\n this.options = field.options || [];\n this.placeholder = field.placeholder || '';\n this.defaultValue = field.default || '';\n this.dirty = false;\n this.loading = false;\n this.cleanupOptions();\n }\n\n handleCancel(e: any) {\n e.stopPropagation();\n\n this.resetForm();\n this.close?.emit();\n document.getElementById('verdocs-template-field-properties')?.remove();\n }\n\n handleSave(e: any) {\n e.stopPropagation();\n const newProperties = {\n name: this.name,\n role_name: this.roleName,\n required: this.required,\n label: this.label,\n group: this.group,\n placeholder: this.placeholder,\n default: this.defaultValue,\n options: this.options,\n } as Partial<ITemplateField>;\n\n this.cleanupOptions();\n console.log('[FIELD PROPERTIES] Will update', this.fieldName, newProperties);\n updateField(this.endpoint, this.templateId, this.fieldName, newProperties)\n .then(updatedField => {\n console.log('[FIELD PROPERTIES] Updated', updatedField);\n const newTemplate = JSON.parse(JSON.stringify(this.template));\n const fieldIndex = newTemplate.fields.findIndex(field => field.name === this.fieldName);\n if (fieldIndex > -1) {\n newTemplate.fields[fieldIndex] = updatedField;\n }\n Store.updateTemplate(this.templateId, newTemplate);\n this.settingsChanged?.emit({fieldName: this.fieldName, field: updatedField});\n this.close?.emit();\n\n document.getElementById('verdocs-template-field-properties')?.remove();\n })\n .catch(() => {\n console.log('[FIELD PROPERTIES] Update failed', e);\n });\n }\n\n async handleDelete(e: any) {\n e.stopPropagation();\n deleteField(this.endpoint, this.templateId, this.fieldName)\n .then(() => {\n const newTemplate = JSON.parse(JSON.stringify(this.template));\n newTemplate.fields = newTemplate.fields.filter(field => field.name !== this.fieldName);\n Store.updateTemplate(this.templateId, newTemplate);\n this.delete?.emit({templateId: this.templateId, roleName: this.roleName});\n document.getElementById('verdocs-template-field-properties')?.remove();\n })\n .catch(e => {\n console.log('[FIELD PROPERTIES] Deletion error', e);\n });\n }\n\n cleanupOptions() {\n this.options = [...this.options.filter(opt => (opt.id || '').trim() !== '' || (opt.label || '').trim() !== '')];\n if (!this.options.find(opt => !opt.id && !opt.label)) {\n this.options = [...this.options, {id: '', label: ''}];\n }\n }\n\n render() {\n if (this.loading) {\n return (\n <Host>\n <verdocs-loader />\n </Host>\n );\n }\n\n if (!this.endpoint.session) {\n return (\n <Host>\n <verdocs-component-error message=\"You must be authenticated to use this module.\" />\n </Host>\n );\n }\n\n // This is meant to be a companion for larger visual experiences so we just go blank on errors for now.\n if (!this.endpoint.session || !(this.template?.fields || []).some(field => field.name === this.fieldName)) {\n return <Host class=\"empty\" />;\n }\n\n if (this.helpText && this.showingHelp) {\n return (\n <Host>\n <h6>\n {capitalize(this.fieldType)} Settings <div style={{flex: '1'}} />\n <div class=\"help-icon\" innerHTML={HelpIcon} onClick={() => (this.showingHelp = false)} />\n </h6>\n\n <p class=\"instructions\" innerHTML={this.helpText} />\n </Host>\n );\n }\n\n const hasOptions = this.options.filter(opt => (opt.id || '').trim() !== '' || (opt.label || '').trim() !== '').length > 0;\n const saveDisabled = !this.dirty || (this.type === 'dropdown' && !hasOptions);\n\n return (\n <Host id=\"verdocs-template-field-properties\">\n <h6>\n {capitalize(this.fieldType.replace(/_/g, ' '))} Settings <div style={{flex: '1'}} />\n {this.helpText && <div class=\"help-icon\" innerHTML={HelpIcon} onClick={() => (this.showingHelp = true)} />}\n </h6>\n\n <form onSubmit={e => e.preventDefault()} onClick={e => e.stopPropagation()} autocomplete=\"off\">\n <div class=\"row\">\n <verdocs-text-input\n id=\"verdocs-field-name\"\n label=\"Field Name\"\n value={this.name}\n autocomplete=\"off\"\n // helpText=\"The internal name of the field. Must be unique, and contain only letters, numbers, and dashes. After an envelope is completed, the value entered by the signer will be tagged with this key.\"\n placeholder=\"Field Name...\"\n onInput={(e: any) => {\n this.name = e.target.value;\n this.dirty = true;\n }}\n />\n </div>\n\n <div class=\"row\">\n <verdocs-text-input\n id=\"verdocs-field-label\"\n label=\"Optional Label\"\n value={this.label}\n autocomplete=\"off\"\n placeholder=\"Optional Label...\"\n onInput={(e: any) => {\n this.label = e.target.value;\n this.dirty = true;\n }}\n />\n </div>\n\n <div class=\"row\">\n <div class=\"input-label\">Role:</div>\n <verdocs-select-input\n value={this.roleName}\n options={(this.template?.roles || []).map(role => ({label: role.name, value: role.name}))}\n onInput={(e: any) => {\n this.roleName = e.target.value;\n this.dirty = true;\n }}\n />\n </div>\n\n {['textbox', 'textarea'].includes(this.type) && (\n <div class=\"row\" style={{marginTop: '10px', marginBottom: '10px'}}>\n <verdocs-text-input\n id=\"verdocs-field-value\"\n label=\"Default Value\"\n value={this.defaultValue}\n autocomplete=\"off\"\n placeholder=\"Pre-filled value...\"\n onInput={(e: any) => {\n this.defaultValue = e.target.value;\n this.dirty = true;\n }}\n />\n </div>\n )}\n\n {this.type === 'radio' && (\n <div class=\"row\">\n <verdocs-text-input\n id=\"verdocs-field-label\"\n label=\"Group\"\n value={this.group}\n autocomplete=\"off\"\n helpText=\"Enable exclusive selections. Only one option within the same group may be selected at a time.\"\n placeholder=\"Group...\"\n onInput={(e: any) => {\n this.group = (e.target.value || '')\n .trim()\n .toLowerCase()\n .replace(/[^a-z0-9]/g, '');\n this.dirty = true;\n }}\n />\n </div>\n )}\n\n {['textbox', 'textarea'].includes(this.type) && (\n <div class=\"row\" style={{marginTop: '10px', marginBottom: '10px'}}>\n <verdocs-text-input\n id=\"verdocs-field-placeholder\"\n label=\"Placeholder\"\n value={this.placeholder}\n autocomplete=\"off\"\n placeholder=\"Placeholder...\"\n onInput={(e: any) => {\n this.placeholder = e.target.value;\n this.dirty = true;\n }}\n />\n </div>\n )}\n\n <div class=\"row\" style={{marginTop: '15px', marginBottom: '15px'}}>\n <label htmlFor=\"verdocs-is-required\" class=\"input-label\">\n Required\n </label>\n <verdocs-checkbox\n id=\"verdocs-is-required\"\n name=\"is-required\"\n checked={this.required}\n value=\"on\"\n onInput={(e: any) => {\n this.required = e.target.checked;\n this.dirty = true;\n }}\n />\n </div>\n\n {this.type === 'dropdown' && (\n <div class=\"row\" style={{marginTop: '15px', marginBottom: '15px'}}>\n <label htmlFor=\"verdocs-is-required\" class=\"input-label\">\n Options\n </label>\n </div>\n )}\n\n {this.type === 'dropdown' && (\n <div class=\"options\">\n <div class=\"options-header\">\n <div class=\"options-header-label\">ID</div>\n <dev class=\"options-header-label\">Label</dev>\n </div>\n\n {this.options.map((option, index) => (\n <div class=\"row option-row\" key={index}>\n <verdocs-text-input\n value={option.id}\n placeholder=\"Unique ID\"\n onInput={(e: any) => {\n this.options[index].id = e.target.value;\n this.dirty = true;\n this.cleanupOptions();\n }}\n />\n <verdocs-text-input\n value={option.label}\n placeholder=\"Display label\"\n onInput={(e: any) => {\n this.options[index].label = e.target.value;\n this.dirty = true;\n this.cleanupOptions();\n }}\n />\n <button\n innerHTML={TrashIcon}\n class=\"remove-button\"\n onClick={() => {\n this.options = this.options.filter(opt => opt.id !== option.id);\n this.dirty = true;\n this.cleanupOptions();\n }}\n />\n </div>\n ))}\n </div>\n )}\n\n <div class=\"buttons\">\n <button class=\"delete-button\" disabled={this.dirty} onClick={e => this.handleDelete(e)} innerHTML={TrashIcon} />\n <div style={{flex: '1'}} />\n <verdocs-button size=\"small\" variant=\"outline\" label=\"Cancel\" disabled={!this.dirty} onClick={e => this.handleCancel(e)} />\n <verdocs-button size=\"small\" label=\"Save\" disabled={saveDisabled} onClick={e => !saveDisabled && this.handleSave(e)} />\n </div>\n </form>\n </Host>\n );\n }\n}\n","@import '../../../theme.scss';\n\nverdocs-text-input {\n font-family: $primary-font;\n box-sizing: border-box;\n margin: 0 0 10px 0;\n display: block;\n\n .input-element {\n box-sizing: border-box;\n border: 1px solid $border-color;\n border-radius: 4px;\n background: $verdocs-grey-4;\n color: #000;\n width: 100%;\n font-size: 16px;\n height: 34px;\n padding: 0 9px;\n outline: none;\n\n &:disabled {\n cursor: not-allowed;\n background: $verdocs-grey-2;\n border: 1px solid $verdocs-grey-1;\n }\n\n &::placeholder {\n color: $light-disabled-color;\n opacity: 1;\n }\n\n &:focus {\n outline: 1px solid $border-color-highlight;\n }\n }\n\n .input-label {\n display: block;\n color: $label-color-light;\n font-weight: 700;\n font-size: 14px;\n margin: 0 0 4px 0;\n }\n\n .required {\n color: red;\n margin-left: 2px;\n display: inline-block;\n }\n\n // @see https://community.logmein.com/t5/LastPass-Support-Discussions/placeholder-text-overrides-data-lpignore-quot-true-quot/td-p/295135\n // LastPass is ignoring the data-lpignore attribute in some cases\n [data-lastpass-icon-root] {\n display: none !important;\n }\n\n .input-container {\n position: relative;\n }\n\n .clear {\n top: 7px;\n right: 5px;\n width: 18px;\n height: 18px;\n fill: #cccccc;\n position: absolute;\n\n &:hover {\n fill: #720101;\n cursor: pointer;\n }\n }\n\n .copy {\n top: 7px;\n right: 5px;\n width: 18px;\n height: 18px;\n fill: #cccccc;\n position: absolute;\n\n &:hover {\n fill: $verdocs-purple;\n cursor: pointer;\n }\n }\n\n .toggle-pw {\n top: 5px;\n right: 7px;\n width: 18px;\n height: 18px;\n stroke: #cccccc;\n //fill: #cccccc;\n position: absolute;\n\n &:hover {\n fill: $verdocs-purple;\n cursor: pointer;\n }\n }\n\n &.clearable,\n &.copyable {\n .input-element {\n padding-right: 32px;\n }\n }\n}\n","import {Component, Element, Prop, Host, h, State} from '@stencil/core';\nimport {VerdocsToast} from '../../../utils/Toast';\n\nconst ClearIcon = `<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 122.881 122.88\"><g><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M61.44,0c33.933,0,61.441,27.507,61.441,61.439 c0,33.933-27.508,61.44-61.441,61.44C27.508,122.88,0,95.372,0,61.439C0,27.507,27.508,0,61.44,0L61.44,0z M81.719,36.226 c1.363-1.363,3.572-1.363,4.936,0c1.363,1.363,1.363,3.573,0,4.936L66.375,61.439l20.279,20.278c1.363,1.363,1.363,3.573,0,4.937 c-1.363,1.362-3.572,1.362-4.936,0L61.44,66.376L41.162,86.654c-1.362,1.362-3.573,1.362-4.936,0c-1.363-1.363-1.363-3.573,0-4.937 l20.278-20.278L36.226,41.162c-1.363-1.363-1.363-3.573,0-4.936c1.363-1.363,3.573-1.363,4.936,0L61.44,56.504L81.719,36.226 L81.719,36.226z\"/></g></svg>`;\nconst CopyIcon = `<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 20 20\"><path fill-rule=\"evenodd\" d=\"M15.988 3.012A2.25 2.25 0 0118 5.25v6.5A2.25 2.25 0 0115.75 14H13.5V7A2.5 2.5 0 0011 4.5H8.128a2.252 2.252 0 011.884-1.488A2.25 2.25 0 0112.25 1h1.5a2.25 2.25 0 012.238 2.012zM11.5 3.25a.75.75 0 01.75-.75h1.5a.75.75 0 01.75.75v.25h-3v-.25z\" clip-rule=\"evenodd\" /><path fill-rule=\"evenodd\" d=\"M2 7a1 1 0 011-1h8a1 1 0 011 1v10a1 1 0 01-1 1H3a1 1 0 01-1-1V7zm2 3.25a.75.75 0 01.75-.75h4.5a.75.75 0 010 1.5h-4.5a.75.75 0 01-.75-.75zm0 3.5a.75.75 0 01.75-.75h4.5a.75.75 0 010 1.5h-4.5a.75.75 0 01-.75-.75z\" clip-rule=\"evenodd\" /></svg>`;\nconst EyeIcon = `<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=\"M2.036 12.322a1.012 1.012 0 0 1 0-.639C3.423 7.51 7.36 4.5 12 4.5c4.638 0 8.573 3.007 9.963 7.178.07.207.07.431 0 .639C20.577 16.49 16.64 19.5 12 19.5c-4.638 0-8.573-3.007-9.963-7.178Z\" /><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M15 12a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z\" /></svg>`;\nconst EyeSlashIcon = `<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=\"M3.98 8.223A10.477 10.477 0 0 0 1.934 12C3.226 16.338 7.244 19.5 12 19.5c.993 0 1.953-.138 2.863-.395M6.228 6.228A10.451 10.451 0 0 1 12 4.5c4.756 0 8.773 3.162 10.065 7.498a10.522 10.522 0 0 1-4.293 5.774M6.228 6.228 3 3m3.228 3.228 3.65 3.65m7.894 7.894L21 21m-3.228-3.228-3.65-3.65m0 0a3 3 0 1 0-4.243-4.243m4.242 4.242L9.88 9.88\" /></svg>`;\n\n/**\n * Display a text input field. This is just a standard HTML input field with minimal markup to fit the\n * visual styles of the other components. Note that events \"bubble\" from the input field to the container,\n * so you can subscribe to the same DOM events (input, blur, etc) that a normal input would emit.\n *\n * ```ts\n * <verdocs-text-input type=\"text\" label=\"Name\" placeholder=\"Enter your name...\" value=\"\" />\n * ```\n */\n@Component({\n tag: 'verdocs-text-input',\n styleUrl: 'verdocs-text-input.scss',\n})\nexport class VerdocsTextInput {\n private inputEl: HTMLInputElement;\n\n @Element()\n hostEl: HTMLElement;\n\n /**\n * The initial value for the input field.\n */\n @Prop({mutable: true, reflect: true}) value: string = '';\n\n /**\n * The label for the field.\n */\n @Prop() label: string = '';\n\n /**\n * The placeholder for the field.\n */\n @Prop() placeholder: string = '';\n\n /**\n * If desired, the autocomplete attribute to set.\n */\n @Prop() autocomplete: string = '';\n\n /**\n * If supplied, a help icon will be displayed to provide the user more information.\n */\n @Prop() helpText: string = '';\n\n /**\n * If set, a clear button will be displayed.\n */\n @Prop() clearable = false;\n\n /**\n * If set, a copy-to-clipboard button will be displayed. NOTE: A field may not be\n * both clearable and copyable. If both properties are set to true, copyable will\n * be ignored.\n */\n @Prop() copyable = false;\n\n /**\n * The type of field to render. Only text-type fields are allowed here for the current styling. Additional types\n * (e.g. a date picker) will be supported by other controls in the future.\n */\n @Prop() type: 'text' | 'password' | 'email' | 'number' | 'search' | 'tel' | 'url' = 'text';\n\n /**\n * Should the field be disabled?\n */\n @Prop() disabled: boolean = false;\n\n /**\n * Should the field be required?\n */\n @Prop() required: boolean = false;\n\n @State() showingPw: boolean = false;\n\n copyToClipboard() {\n this.inputEl.select();\n navigator.clipboard\n .writeText(this.value)\n .then(() => VerdocsToast('Copied!'))\n .catch(e => console.log('Error copying to clipboard', e));\n }\n\n render() {\n return (\n <Host class={`input-field ${this.clearable ? 'clearable' : ''} ${this.copyable ? 'copyable' : ''}`}>\n <label>\n {this.label && (\n <div class=\"input-label\">\n {this.label + ':'}\n {this.required && <span class=\"required\">*</span>}\n </div>\n )}\n\n <div class=\"input-container\">\n <input\n type={this.type === 'password' && this.showingPw ? 'text' : this.type}\n value={this.value}\n required={this.required}\n class=\"input-element\"\n data-lpignore=\"true\"\n disabled={this.disabled}\n placeholder={this.placeholder}\n autoComplete={this.autocomplete}\n // onBlur={(e: any) => this.blur?.emit(e.target.value)}\n ref={el => (this.inputEl = el as HTMLInputElement)}\n onInput={(e: any) => (this.value = e.target.value)}\n />\n\n {this.clearable && this.value && (\n <span\n innerHTML={ClearIcon}\n class=\"clear\"\n onClick={() => {\n // We need to allow the onInput event to fire first in case\n // the user was focused on this field before clicking clear.\n setTimeout(() => {\n this.value = '';\n this.inputEl?.setAttribute('value', '');\n // We need to allow the value to \"settle\"\n setTimeout(() => {\n this.inputEl?.dispatchEvent(new window.Event('focusout'));\n this.inputEl?.blur();\n }, 50);\n }, 50);\n }}\n />\n )}\n\n {this.type === 'password' && (\n <span\n innerHTML={this.showingPw ? EyeIcon : EyeSlashIcon}\n class=\"toggle-pw\"\n onClick={() => {\n this.showingPw = !this.showingPw;\n }}\n />\n )}\n\n {!this.clearable && this.copyable && this.value && <span innerHTML={CopyIcon} class=\"copy\" onClick={() => this.copyToClipboard()} />}\n </div>\n\n {this.helpText && <verdocs-help-icon text={this.helpText} />}\n </label>\n </Host>\n );\n }\n}\n"],"mappings":"iRAAA,MAAMA,EAAqB,swC,MCwBdC,EAAe,MAL5B,WAAAC,CAAAC,G,UASUC,KAAOC,QAAY,MAKnBD,KAAIE,KAAW,GAMfF,KAAKG,MAAW,GAOhBH,KAAKI,MAAW,GAKhBJ,KAAKK,MAAqB,QAK1BL,KAAIM,KAAuB,SAK3BN,KAAQO,SAAa,KAY9B,CAVC,MAAAC,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,2CAACC,MAAO,CAACL,SAAUP,KAAKO,SAAU,CAACP,KAAKK,OAAQ,KAAM,CAACL,KAAKM,MAAO,OACtEG,EAAA,SAAAE,IAAA,4CACEF,EAAO,SAAAE,IAAA,2CAAAE,KAAK,WAAWT,MAAOJ,KAAKI,MAAOF,KAAMF,KAAKE,KAAMD,QAASD,KAAKC,QAASM,SAAUP,KAAKO,WACjGE,EAAA,QAAAE,IAAA,4CAAOX,KAAKG,Q,aCpEtB,MAAMW,EAA2B,s0B,MCYpBC,EAAqB,MALlC,WAAAjB,CAAAC,G,UASUC,KAAOgB,QAAW,EAS3B,CAPC,MAAAR,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,4CACHF,EAAK,OAAAE,IAAA,2CAAAC,MAAM,SAASZ,KAAKgB,S,aCrBjC,MAAMC,EAAmB,o9U,MCcZC,EAAa,M,yBACxB,MAAAV,GACE,OAAOC,EAACC,EAAI,CAAAC,IAAA,4C,aChBhB,MAAMQ,EAAwB,4rC,MCejBC,EAAkB,MAJ/B,WAAAtB,CAAAC,G,UAQUC,KAAKI,MAAW,GAKhBJ,KAAKG,MAAW,GAUhBH,KAAQO,SAAY,KAkB7B,CAhBC,MAAAC,GACE,OACEC,EAACC,EAAK,CAAAC,IAAA,2CAAAC,MAAM,eACVH,EAAA,SAAAE,IAAA,4CACGX,KAAKG,MAAQM,EAAA,OAAKG,MAAM,eAAeZ,KAAKG,MAAQ,KAAaM,EAAO,YACzEA,EAAQ,UAAAE,IAAA,2CAAAC,MAAM,gBAAgBL,SAAUP,KAAKO,UAC1CP,KAAKqB,QAAQC,KAAIC,GAChBd,EAAA,UAAQL,MAAOmB,EAAOnB,MAAOoB,SAAUD,EAAOnB,QAAUJ,KAAKI,OAC1DmB,EAAOpB,W,aC5CxB,MAAMsB,EAAoC,irKCK1C,MAAMC,EAAcC,GAAgBA,EAAIC,OAAO,GAAGC,cAAgBF,EAAIG,MAAM,GAE5E,MAAMC,EAAY,wkBAElB,MAAMC,EACJ,u6B,MAUWC,EAA8B,MAL3C,WAAAnC,CAAAC,G,kJAMUC,KAAkBkC,mBAAG,KAQrBlC,KAAAmC,SAA4BC,EAAgBC,aAK5CrC,KAAUsC,WAAW,GAKNtC,KAASuC,UAAW,GAKnCvC,KAAQwC,SAAY,GAwBnBxC,KAAKyC,MAAY,MACjBzC,KAAKG,MAAG,GACRH,KAAIa,KAAG,UACPb,KAAIE,KAAG,GACPF,KAAQ0C,SAAG,MACX1C,KAAQ2C,SAAG,GACX3C,KAAK4C,MAAG,GACR5C,KAAS6C,UAAG,GACZ7C,KAAOqB,QAAG,GACVrB,KAAW8C,YAAG,GACd9C,KAAY+C,aAAG,GACf/C,KAAWgD,YAAG,MAEdhD,KAAOiD,QAAG,KACVjD,KAAQkD,SAAqB,IAqWvC,CAnWC,oBAAAC,GACEnD,KAAKoD,oB,CAGP,sBAAMC,GACJC,QAAQC,IAAI,0BAA2BvD,KAAKsC,YAC5CtC,KAAKoD,qBACLI,EAAMC,UACJ,YACAzD,KAAKsC,YACL,IAAMoB,EAAY1D,KAAKmC,SAAUnC,KAAKsC,aACtC,OACCY,IACCI,QAAQC,IAAI,0BAA2BL,GACvClD,KAAKkD,SAAWA,EAChBlD,KAAKiD,QAAU,MACfjD,KAAK2D,WAAW,G,CAKtB,kBAAAP,GACE,GAAIpD,KAAKkC,mBAAoB,CAC3BsB,EAAMI,MAAMC,YAAY7D,KAAKkC,oBAC7BlC,KAAKkC,mBAAqB,I,EAI9B,uBAAM4B,G,UACJ,IACE9D,KAAKmC,SAAS4B,cAEd,IAAK/D,KAAKsC,WAAY,CACpBgB,QAAQC,IAAI,mDAAmDvD,KAAKsC,cACpE,M,CAGF,IAAKtC,KAAKuC,UAAW,CACnBe,QAAQU,MAAM,kDACd,M,CAGF,IAAKhE,KAAKmC,SAAS8B,QAAS,CAC1BX,QAAQC,IAAI,6EACZ,M,CAGFvD,KAAKqD,kB,CACL,MAAOa,GACPZ,QAAQC,IAAI,4CAA6CW,GACzDlE,KAAKiD,QAAU,OACfkB,EAAAnE,KAAKoE,YAAQ,MAAAD,SAAA,SAAAA,EAAEE,KAAK,IAAIC,EAASJ,EAAElD,SAASuD,EAAAL,EAAEM,YAAQ,MAAAD,SAAA,SAAAA,EAAEE,QAAQC,EAAAR,EAAEM,YAAU,MAAAE,SAAA,SAAAA,EAAAC,M,EAIhF,SAAAhB,G,MACE,MAAMiB,KAAST,EAAAnE,KAAKkD,YAAU,MAAAiB,SAAA,SAAAA,EAAAU,SAAU,IAAIC,MAAKF,GAASA,EAAM1E,OAASF,KAAKuC,YAC9E,IAAKqC,EAAO,CACVtB,QAAQC,IAAI,4CAA4CvD,KAAKuC,wBAC7D,M,CAGFvC,KAAKa,KAAO+D,EAAM/D,KAClBb,KAAKE,KAAO0E,EAAM1E,KAClBF,KAAKG,MAAQyE,EAAMzE,MACnBH,KAAK4C,MAAQgC,EAAMhC,MACnB5C,KAAK2C,SAAWiC,EAAMG,UACtB/E,KAAK0C,SAAWkC,EAAMlC,SACtB1C,KAAK6C,UAAY+B,EAAM/D,KACvBb,KAAKqB,QAAUuD,EAAMvD,SAAW,GAChCrB,KAAK8C,YAAc8B,EAAM9B,aAAe,GACxC9C,KAAK+C,aAAe6B,EAAMI,SAAW,GACrChF,KAAKyC,MAAQ,MACbzC,KAAKiD,QAAU,MACfjD,KAAKiF,gB,CAGP,YAAAC,CAAahB,G,QACXA,EAAEiB,kBAEFnF,KAAK2D,aACLQ,EAAAnE,KAAKoF,SAAO,MAAAjB,SAAA,SAAAA,EAAAE,QACZE,EAAAc,SAASC,eAAe,wCAAoC,MAAAf,SAAA,SAAAA,EAAEgB,Q,CAGhE,UAAAC,CAAWtB,GACTA,EAAEiB,kBACF,MAAMM,EAAgB,CACpBvF,KAAMF,KAAKE,KACX6E,UAAW/E,KAAK2C,SAChBD,SAAU1C,KAAK0C,SACfvC,MAAOH,KAAKG,MACZyC,MAAO5C,KAAK4C,MACZE,YAAa9C,KAAK8C,YAClBkC,QAAShF,KAAK+C,aACd1B,QAASrB,KAAKqB,SAGhBrB,KAAKiF,iBACL3B,QAAQC,IAAI,iCAAkCvD,KAAKuC,UAAWkD,GAC9DC,EAAY1F,KAAKmC,SAAUnC,KAAKsC,WAAYtC,KAAKuC,UAAWkD,GACzDE,MAAKC,I,UACJtC,QAAQC,IAAI,6BAA8BqC,GAC1C,MAAMC,EAAcC,KAAKC,MAAMD,KAAKE,UAAUhG,KAAKkD,WACnD,MAAM+C,EAAaJ,EAAYhB,OAAOqB,WAAUtB,GAASA,EAAM1E,OAASF,KAAKuC,YAC7E,GAAI0D,GAAa,EAAI,CACnBJ,EAAYhB,OAAOoB,GAAcL,C,CAEnCpC,EAAM2C,eAAenG,KAAKsC,WAAYuD,IACtC1B,EAAAnE,KAAKoG,mBAAe,MAAAjC,SAAA,SAAAA,EAAEE,KAAK,CAAC9B,UAAWvC,KAAKuC,UAAWqC,MAAOgB,KAC9DrB,EAAAvE,KAAKoF,SAAO,MAAAb,SAAA,SAAAA,EAAAF,QAEZK,EAAAW,SAASC,eAAe,wCAAoC,MAAAZ,SAAA,SAAAA,EAAEa,QAAQ,IAEvEc,OAAM,KACL/C,QAAQC,IAAI,mCAAoCW,EAAE,G,CAIxD,kBAAMoC,CAAapC,GACjBA,EAAEiB,kBACFoB,EAAYvG,KAAKmC,SAAUnC,KAAKsC,WAAYtC,KAAKuC,WAC9CoD,MAAK,K,QACJ,MAAME,EAAcC,KAAKC,MAAMD,KAAKE,UAAUhG,KAAKkD,WACnD2C,EAAYhB,OAASgB,EAAYhB,OAAO2B,QAAO5B,GAASA,EAAM1E,OAASF,KAAKuC,YAC5EiB,EAAM2C,eAAenG,KAAKsC,WAAYuD,IACtC1B,EAAAnE,KAAKyG,UAAM,MAAAtC,SAAA,SAAAA,EAAEE,KAAK,CAAC/B,WAAYtC,KAAKsC,WAAYK,SAAU3C,KAAK2C,YAC/D4B,EAAAc,SAASC,eAAe,wCAAoC,MAAAf,SAAA,SAAAA,EAAEgB,QAAQ,IAEvEc,OAAMnC,IACLZ,QAAQC,IAAI,oCAAqCW,EAAE,G,CAIzD,cAAAe,GACEjF,KAAKqB,QAAU,IAAIrB,KAAKqB,QAAQmF,QAAOE,IAAQA,EAAIC,IAAM,IAAIC,SAAW,KAAOF,EAAIvG,OAAS,IAAIyG,SAAW,MAC3G,IAAK5G,KAAKqB,QAAQyD,MAAK4B,IAAQA,EAAIC,KAAOD,EAAIvG,QAAQ,CACpDH,KAAKqB,QAAU,IAAIrB,KAAKqB,QAAS,CAACsF,GAAI,GAAIxG,MAAO,I,EAIrD,MAAAK,G,QACE,GAAIR,KAAKiD,QAAS,CAChB,OACExC,EAACC,EAAI,KACHD,EAAkB,uB,CAKxB,IAAKT,KAAKmC,SAAS8B,QAAS,CAC1B,OACExD,EAACC,EAAI,KACHD,EAAA,2BAAyBO,QAAQ,kD,CAMvC,IAAKhB,KAAKmC,SAAS8B,aAAaE,EAAAnE,KAAKkD,YAAQ,MAAAiB,SAAA,SAAAA,EAAEU,SAAU,IAAIgC,MAAKjC,GAASA,EAAM1E,OAASF,KAAKuC,YAAY,CACzG,OAAO9B,EAACC,EAAI,CAACE,MAAM,S,CAGrB,GAAIZ,KAAKwC,UAAYxC,KAAKgD,YAAa,CACrC,OACEvC,EAACC,EAAI,KACHD,EAAA,UACGiB,EAAW1B,KAAK6C,WAAU,aAAWpC,EAAA,OAAKqG,MAAO,CAACC,KAAM,OACzDtG,EAAK,OAAAG,MAAM,YAAYoG,UAAWhF,EAAUiF,QAAS,IAAOjH,KAAKgD,YAAc,SAGjFvC,EAAA,KAAGG,MAAM,eAAeoG,UAAWhH,KAAKwC,W,CAK9C,MAAM0E,EAAalH,KAAKqB,QAAQmF,QAAOE,IAAQA,EAAIC,IAAM,IAAIC,SAAW,KAAOF,EAAIvG,OAAS,IAAIyG,SAAW,KAAIO,OAAS,EACxH,MAAMC,GAAgBpH,KAAKyC,OAAUzC,KAAKa,OAAS,aAAeqG,EAElE,OACEzG,EAACC,EAAK,CAAAiG,GAAG,qCACPlG,EAAA,UACGiB,EAAW1B,KAAK6C,UAAUwE,QAAQ,KAAM,MAAK,aAAW5G,EAAA,OAAKqG,MAAO,CAACC,KAAM,OAC3E/G,KAAKwC,UAAY/B,EAAK,OAAAG,MAAM,YAAYoG,UAAWhF,EAAUiF,QAAS,IAAOjH,KAAKgD,YAAc,QAGnGvC,EAAM,QAAA6G,SAAUpD,GAAKA,EAAEqD,iBAAkBN,QAAS/C,GAAKA,EAAEiB,kBAAmBqC,aAAa,OACvF/G,EAAK,OAAAG,MAAM,OACTH,EAAA,sBACEkG,GAAG,qBACHxG,MAAM,aACNC,MAAOJ,KAAKE,KACZsH,aAAa,MAEb1E,YAAY,gBACZ2E,QAAUvD,IACRlE,KAAKE,KAAOgE,EAAEwD,OAAOtH,MACrBJ,KAAKyC,MAAQ,IAAI,KAKvBhC,EAAK,OAAAG,MAAM,OACTH,EACE,sBAAAkG,GAAG,sBACHxG,MAAM,iBACNC,MAAOJ,KAAKG,MACZqH,aAAa,MACb1E,YAAY,oBACZ2E,QAAUvD,IACRlE,KAAKG,MAAQ+D,EAAEwD,OAAOtH,MACtBJ,KAAKyC,MAAQ,IAAI,KAKvBhC,EAAK,OAAAG,MAAM,OACTH,EAAK,OAAAG,MAAM,eAAyB,SACpCH,EACE,wBAAAL,MAAOJ,KAAK2C,SACZtB,WAAUkD,EAAAvE,KAAKkD,YAAQ,MAAAqB,SAAA,SAAAA,EAAEoD,QAAS,IAAIrG,KAAIsG,IAAI,CAAMzH,MAAOyH,EAAK1H,KAAME,MAAOwH,EAAK1H,SAClFuH,QAAUvD,IACRlE,KAAK2C,SAAWuB,EAAEwD,OAAOtH,MACzBJ,KAAKyC,MAAQ,IAAI,KAKtB,CAAC,UAAW,YAAYoF,SAAS7H,KAAKa,OACrCJ,EAAA,OAAKG,MAAM,MAAMkG,MAAO,CAACgB,UAAW,OAAQC,aAAc,SACxDtH,EACE,sBAAAkG,GAAG,sBACHxG,MAAM,gBACNC,MAAOJ,KAAK+C,aACZyE,aAAa,MACb1E,YAAY,sBACZ2E,QAAUvD,IACRlE,KAAK+C,aAAemB,EAAEwD,OAAOtH,MAC7BJ,KAAKyC,MAAQ,IAAI,KAMxBzC,KAAKa,OAAS,SACbJ,EAAA,OAAKG,MAAM,OACTH,EAAA,sBACEkG,GAAG,sBACHxG,MAAM,QACNC,MAAOJ,KAAK4C,MACZ4E,aAAa,MACbhF,SAAS,gGACTM,YAAY,WACZ2E,QAAUvD,IACRlE,KAAK4C,OAASsB,EAAEwD,OAAOtH,OAAS,IAC7BwG,OACAoB,cACAX,QAAQ,aAAc,IACzBrH,KAAKyC,MAAQ,IAAI,KAMxB,CAAC,UAAW,YAAYoF,SAAS7H,KAAKa,OACrCJ,EAAA,OAAKG,MAAM,MAAMkG,MAAO,CAACgB,UAAW,OAAQC,aAAc,SACxDtH,EACE,sBAAAkG,GAAG,4BACHxG,MAAM,cACNC,MAAOJ,KAAK8C,YACZ0E,aAAa,MACb1E,YAAY,iBACZ2E,QAAUvD,IACRlE,KAAK8C,YAAcoB,EAAEwD,OAAOtH,MAC5BJ,KAAKyC,MAAQ,IAAI,KAMzBhC,EAAA,OAAKG,MAAM,MAAMkG,MAAO,CAACgB,UAAW,OAAQC,aAAc,SACxDtH,EAAA,SAAOwH,QAAQ,sBAAsBrH,MAAM,eAEnC,YACRH,EACE,oBAAAkG,GAAG,sBACHzG,KAAK,cACLD,QAASD,KAAK0C,SACdtC,MAAM,KACNqH,QAAUvD,IACRlE,KAAK0C,SAAWwB,EAAEwD,OAAOzH,QACzBD,KAAKyC,MAAQ,IAAI,KAKtBzC,KAAKa,OAAS,YACbJ,EAAA,OAAKG,MAAM,MAAMkG,MAAO,CAACgB,UAAW,OAAQC,aAAc,SACxDtH,EAAO,SAAAwH,QAAQ,sBAAsBrH,MAAM,eAEnC,YAIXZ,KAAKa,OAAS,YACbJ,EAAA,OAAKG,MAAM,WACTH,EAAK,OAAAG,MAAM,kBACTH,EAAK,OAAAG,MAAM,wBAA+B,MAC1CH,EAAA,OAAKG,MAAM,wBAAsB,UAGlCZ,KAAKqB,QAAQC,KAAI,CAACC,EAAQ2G,IACzBzH,EAAA,OAAKG,MAAM,iBAAiBD,IAAKuH,GAC/BzH,EAAA,sBACEL,MAAOmB,EAAOoF,GACd7D,YAAY,YACZ2E,QAAUvD,IACRlE,KAAKqB,QAAQ6G,GAAOvB,GAAKzC,EAAEwD,OAAOtH,MAClCJ,KAAKyC,MAAQ,KACbzC,KAAKiF,gBAAgB,IAGzBxE,EAAA,sBACEL,MAAOmB,EAAOpB,MACd2C,YAAY,gBACZ2E,QAAUvD,IACRlE,KAAKqB,QAAQ6G,GAAO/H,MAAQ+D,EAAEwD,OAAOtH,MACrCJ,KAAKyC,MAAQ,KACbzC,KAAKiF,gBAAgB,IAGzBxE,EACE,UAAAuG,UAAWjF,EACXnB,MAAM,gBACNqG,QAAS,KACPjH,KAAKqB,QAAUrB,KAAKqB,QAAQmF,QAAOE,GAAOA,EAAIC,KAAOpF,EAAOoF,KAC5D3G,KAAKyC,MAAQ,KACbzC,KAAKiF,gBAAgB,QAQjCxE,EAAK,OAAAG,MAAM,WACTH,EAAQ,UAAAG,MAAM,gBAAgBL,SAAUP,KAAKyC,MAAOwE,QAAS/C,GAAKlE,KAAKsG,aAAapC,GAAI8C,UAAWjF,IACnGtB,EAAA,OAAKqG,MAAO,CAACC,KAAM,OACnBtG,EAAA,kBAAgBH,KAAK,QAAQ6H,QAAQ,UAAUhI,MAAM,SAASI,UAAWP,KAAKyC,MAAOwE,QAAS/C,GAAKlE,KAAKkF,aAAahB,KACrHzD,EAAA,kBAAgBH,KAAK,QAAQH,MAAM,OAAOI,SAAU6G,EAAcH,QAAS/C,IAAMkD,GAAgBpH,KAAKwF,WAAWtB,O,qCCjb7H,MAAMkE,EAAsB,gmECG5B,MAAMC,EAAY,irBAClB,MAAMC,EAAW,+mBACjB,MAAMC,EAAU,6cAChB,MAAMC,EAAe,kgB,MAeRC,EAAgB,MAJ7B,WAAA3I,CAAAC,G,UAawCC,KAAKI,MAAW,GAK9CJ,KAAKG,MAAW,GAKhBH,KAAW8C,YAAW,GAKtB9C,KAAYwH,aAAW,GAKvBxH,KAAQwC,SAAW,GAKnBxC,KAAS0I,UAAG,MAOZ1I,KAAQ2I,SAAG,MAMX3I,KAAIa,KAAwE,OAK5Eb,KAAQO,SAAY,MAKpBP,KAAQ0C,SAAY,MAEnB1C,KAAS4I,UAAY,KA0E/B,CAxEC,eAAAC,GACE7I,KAAK8I,QAAQC,SACbC,UAAUC,UACPC,UAAUlJ,KAAKI,OACfuF,MAAK,IAAMwD,EAAa,aACxB9C,OAAMnC,GAAKZ,QAAQC,IAAI,6BAA8BW,I,CAG1D,MAAA1D,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,2CAACC,MAAO,eAAeZ,KAAK0I,UAAY,YAAc,MAAM1I,KAAK2I,SAAW,WAAa,MAC5FlI,EAAA,SAAAE,IAAA,4CACGX,KAAKG,OACJM,EAAK,OAAAE,IAAA,2CAAAC,MAAM,eACRZ,KAAKG,MAAQ,IACbH,KAAK0C,UAAYjC,EAAA,QAAAE,IAAA,2CAAMC,MAAM,YAAmB,MAIrDH,EAAK,OAAAE,IAAA,2CAAAC,MAAM,mBACTH,EACE,SAAAE,IAAA,2CAAAE,KAAMb,KAAKa,OAAS,YAAcb,KAAK4I,UAAY,OAAS5I,KAAKa,KACjET,MAAOJ,KAAKI,MACZsC,SAAU1C,KAAK0C,SACf9B,MAAM,gBACQ,uBACdL,SAAUP,KAAKO,SACfuC,YAAa9C,KAAK8C,YAClBsG,aAAcpJ,KAAKwH,aAEnB6B,IAAKC,GAAOtJ,KAAK8I,QAAUQ,EAC3B7B,QAAUvD,GAAYlE,KAAKI,MAAQ8D,EAAEwD,OAAOtH,QAG7CJ,KAAK0I,WAAa1I,KAAKI,OACtBK,EACE,QAAAE,IAAA,2CAAAqG,UAAWqB,EACXzH,MAAM,QACNqG,QAAS,KAGPsC,YAAW,K,MACTvJ,KAAKI,MAAQ,IACb+D,EAAAnE,KAAK8I,WAAS,MAAA3E,SAAA,SAAAA,EAAAqF,aAAa,QAAS,IAEpCD,YAAW,K,SACTpF,EAAAnE,KAAK8I,WAAO,MAAA3E,SAAA,SAAAA,EAAEsF,cAAc,IAAIC,OAAOC,MAAM,cAC7CpF,EAAAvE,KAAK8I,WAAS,MAAAvE,SAAA,SAAAA,EAAAqF,MAAM,GACnB,GAAG,GACL,GAAG,IAKX5J,KAAKa,OAAS,YACbJ,EACE,QAAAE,IAAA,2CAAAqG,UAAWhH,KAAK4I,UAAYL,EAAUC,EACtC5H,MAAM,YACNqG,QAAS,KACPjH,KAAK4I,WAAa5I,KAAK4I,SAAS,KAKpC5I,KAAK0I,WAAa1I,KAAK2I,UAAY3I,KAAKI,OAASK,EAAA,QAAAE,IAAA,2CAAMqG,UAAWsB,EAAU1H,MAAM,OAAOqG,QAAS,IAAMjH,KAAK6I,qBAGhH7I,KAAKwC,UAAY/B,EAAA,qBAAAE,IAAA,2CAAmBkJ,KAAM7J,KAAKwC,Y","ignoreList":[]}