@verdocs/web-sdk 4.2.49 → 4.2.56

package/dist/verdocs-web-sdk/{p-996ea831.entry.js → p-b551b4ec.entry.js}

@@ -1 +1 @@
-import{r as e,c as t,h as o,H as a}from"./p-646fde57.js";import{VerdocsEndpoint as i}from"@verdocs/js-sdk";import{f as c}from"./p-c86983bc.js";import"./p-85aa8e05.js";import"./p-251c4106.js";import"./p-edaec1b6.js";const s=class{constructor(o){e(this,o),this.searchContacts=t(this,"searchContacts",7),this.exit=t(this,"exit",7),this.next=t(this,"next",7),this.endpoint=i.getDefault(),this.templateRole=null,this.contactSuggestions=[],this.name=void 0,this.first_name=void 0,this.last_name=void 0,this.email=void 0,this.phone=void 0,this.message=void 0,this.showSuggestions=!1,this.showMessage=!1,this.delegator=!1,this.showKba=!1,this.kbaMethod="",this.pinCode="",this.nameFieldId=`verdocs-contact-picker-name-${Math.random().toString(36).substring(2,11)}`,this.firstNameFieldId=`verdocs-contact-picker-firstname-${Math.random().toString(36).substring(2,11)}`,this.lastNameFieldId=`verdocs-contact-picker-lastname-${Math.random().toString(36).substring(2,11)}`,this.emailFieldId=`verdocs-contact-picker-email-${Math.random().toString(36).substring(2,11)}`,this.phoneFieldId=`verdocs-contact-picker-phone-${Math.random().toString(36).substring(2,11)}`}componentWillLoad(){if(this.templateRole){const e=(this.templateRole.full_name||"").split(" "),t=e.shift()||"",o=e.join(" ");this.name=this.templateRole.full_name||"",this.first_name=t,this.last_name=o,this.email=this.templateRole.email||"",this.phone=this.templateRole.phone||"",this.delegator=this.templateRole.delegator||!1,this.message=this.templateRole.message||"",this.showMessage=""!==this.message,this.kbaMethod=this.templateRole.kba_method||"",this.showKba=!!this.kbaMethod,this.pinCode=""}}handleNameChange(e){var t;this.name=e.target.value,null===(t=this.searchContacts)||void 0===t||t.emit({query:this.name})}handleEmailChange(e){this.email=e.target.value}handlePhoneChange(e){this.phone=c(e.target.value)}handleMessageChange(e){this.message=e.target.value}handleCancel(e){var t;e.stopPropagation(),this.showSuggestions=!1,null===(t=this.exit)||void 0===t||t.emit()}handleSubmit(e){var t;e.stopPropagation(),this.showSuggestions=!1,null===(t=this.next)||void 0===t||t.emit({full_name:this.name,first_name:this.first_name,last_name:this.last_name,email:this.email,phone:this.phone,message:this.message,delegator:this.delegator})}handleSelectSuggestion(e,t){e.stopPropagation(),this.name=t.name,this.first_name=t.first_name,this.last_name=t.last_name,this.email=t.email,this.phone=t.phone,this.showSuggestions=!1}render(){return o("form",{key:"d4a74d3f95d9c13bf7b4afdc0391aafdc504b053",onSubmit:e=>e.preventDefault(),onClick:e=>e.stopPropagation(),autocomplete:"off"},o("div",{key:"329611e08994741cc94d01d62ab563ad182243ba",class:"row"},o("label",{key:"fd235b92d011939bbc20cf4efbe6428d953c454d",htmlFor:this.nameFieldId},"Name:"),o("div",{key:"e3531ddf8308a1be0a3fd43205fde1e99bca5dbc",style:{display:"flex",flexDirection:"row",gap:"8px;"}},o("input",{key:"b8bf71e3f6ce8e5aad6ee9cb03d1119935206f0c",id:this.firstNameFieldId,name:this.firstNameFieldId,type:"text","data-lpignore":"true",autocomplete:"blocked",value:this.first_name,placeholder:"First Name...",onFocus:()=>{var e;return this.showSuggestions=(null===(e=this.contactSuggestions)||void 0===e?void 0:e.length)>0},onInput:e=>this.handleNameChange(e)}),o("input",{key:"9d53c8d43ed0ca4d3f17d39b6d90bece9afd68a7",id:this.lastNameFieldId,name:this.lastNameFieldId,type:"text","data-lpignore":"true",autocomplete:"blocked",value:this.last_name,placeholder:"Last Name...",onFocus:()=>{var e;return this.showSuggestions=(null===(e=this.contactSuggestions)||void 0===e?void 0:e.length)>0},onInput:e=>this.handleNameChange(e)})),this.showSuggestions&&o("div",{key:"f53fc8a9ec12e31401afc4d22c98269ba96d0048",class:"dropdown"},this.contactSuggestions.map((e=>{var t;return o("div",{key:null!==(t=e.id)&&void 0!==t?t:e.name,class:"suggestion",onClick:t=>this.handleSelectSuggestion(t,e)},e.avatar?o("img",{alt:"Avatar",class:"avatar",src:e.avatar}):o("div",{class:"avatar",innerHTML:'<svg focusable="false" viewBox="0 0 24 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 4c1.93 0 3.5 1.57 3.5 3.5S13.93 13 12 13s-3.5-1.57-3.5-3.5S10.07 6 12 6zm0 14c-2.03 0-4.43-.82-6.14-2.88C7.55 15.8 9.68 15 12 15s4.45.8 6.14 2.12C16.43 19.18 14.03 20 12 20z"></path></svg>'}),o("div",{class:"details"},o("div",{class:"name"},e.name),e.email&&o("div",{class:"destination"},e.email),e.phone&&o("div",{class:"destination"},e.phone)))})))),o("div",{key:"29211a4aeccb45c1f6ce4581ce89eef56fd0efa0",class:"row"},o("label",{key:"32fb4eaa0599ea08364af828e93dd182ee36b42b",htmlFor:this.emailFieldId},"Email:"),o("input",{key:"9a75b49d558dab786d4cec8e74e1d4970da63467",id:this.emailFieldId,name:this.emailFieldId,type:"text","data-lpignore":"true",autoComplete:"blocked",value:this.email,placeholder:"Email Address...",onFocus:()=>this.showSuggestions=!1,onInput:e=>this.handleEmailChange(e)})),o("div",{key:"d5e07b3b8b24283acb158a8b44a981b1281c0964",class:"row"},o("label",{key:"0d76a478038a18d4b16f73c14fe8ec53a014ca37",htmlFor:this.phoneFieldId},"Phone:"),o("input",{key:"7c957fa5584d100e08bcb4ef808ec21ef507df32",id:this.phoneFieldId,name:this.phoneFieldId,type:"text","data-lpignore":"true",autoComplete:"blocked",value:this.phone,placeholder:"Phone Number...",onFocus:()=>this.showSuggestions=!1,onInput:e=>this.handlePhoneChange(e)})),this.showKba&&o("div",{key:"3d48f1e8c4941700ecbc07a57fa3a8e22e866c26",class:"row"},o("div",{key:"94f76f6449c8939dbd989507d03f8c7323b0487d",class:"label-with-icon"},o("label",{key:"516dd082ac4cd08e881bffc1ab22d14ed3cc4c52"},"KBA:"),o("verdocs-help-icon",{key:"e12ca24140bbcfb1645c14c2bfcf3e7326d3033a",text:"Knowledge-Based Authentication adds additional authentication for this user either via a simple PIN code or full address validation. NOTE: There may be a fee for using this feature."})),o("verdocs-select-input",{key:"eadc53ce819c1ff21a9a3c51e4771a8dd7076eee",value:this.kbaMethod,onInput:e=>this.kbaMethod=e.target.value,options:[{label:"None",value:""},{label:"PIN Code",value:"pin"},{label:"Full Verification",value:"kba"}]}),"pin"===this.kbaMethod&&o("input",{key:"db7162ba5935448fdf6b335b57c2ac91283563b6",id:"verdocs-pin-code",name:"verdocs-pin-code",type:"text","data-lpignore":"true",autocomplete:"blocked",value:this.pinCode,placeholder:"KBA PIN Code...",onFocus:()=>this.showSuggestions=!1,onInput:e=>this.handleMessageChange(e)})),this.showMessage&&o("div",{key:"2ff18d49d7bd4181ba6fbf1ecacb64ba458b66d2",class:"row"},o("label",{key:"2c22e7f0c17c5e86e4c920399ba3d4b0500a495e",htmlFor:"verdocs-contact-picker-message"},"Message:"),o("input",{key:"ff3a0a753f1cb6418e02cb0f4abffbe540fd4213",id:"verdocs-contact-picker-message",name:"verdocs-contact-picker-message",type:"text","data-lpignore":"true",autocomplete:"blocked",value:this.message,placeholder:"Invitation Message...",onFocus:()=>this.showSuggestions=!1,onInput:e=>this.handleMessageChange(e)})),o("div",{key:"cec56a872a810a5cedc49e57f3afe1ecf3c3ade6",class:"buttons"},o("verdocs-toggle-button",{key:"6f9e177a3e8d077144b5d4382a18a95b44616d12",icon:'<svg focusable="false" viewBox="0 0 24 24"><path fill-rule="evenodd" d="M4.5 3.75a3 3 0 0 0-3 3v10.5a3 3 0 0 0 3 3h15a3 3 0 0 0 3-3V6.75a3 3 0 0 0-3-3h-15Zm4.125 3a2.25 2.25 0 1 0 0 4.5 2.25 2.25 0 0 0 0-4.5Zm-3.873 8.703a4.126 4.126 0 0 1 7.746 0 .75.75 0 0 1-.351.92 7.47 7.47 0 0 1-3.522.877 7.47 7.47 0 0 1-3.522-.877.75.75 0 0 1-.351-.92ZM15 8.25a.75.75 0 0 0 0 1.5h3.75a.75.75 0 0 0 0-1.5H15ZM14.25 12a.75.75 0 0 1 .75-.75h3.75a.75.75 0 0 1 0 1.5H15a.75.75 0 0 1-.75-.75Zm.75 2.25a.75.75 0 0 0 0 1.5h3.75a.75.75 0 0 0 0-1.5H15Z" clip-rule="evenodd" /></svg>',size:"small",active:this.showKba,onToggle:e=>{this.showKba=e.detail.active,e.detail.active||(this.pinCode="",this.kbaMethod=""),this.showSuggestions=!1}}),o("verdocs-toggle-button",{key:"8d7468bdc795eff356f4636bff62b9536c0a2d59",icon:'<svg focusable="false" viewBox="0 0 24 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-2zm-2 12H6v-2h12v2zm0-3H6V9h12v2zm0-3H6V6h12v2z"></path></svg>',size:"small",active:this.showMessage,onToggle:e=>{this.showMessage=e.detail.active,this.showSuggestions=!1}}),o("div",{key:"a902c45f33e944655d42f758b67c082fa57c93ca",class:"flex-fill"}),o("verdocs-button",{key:"b24bce7779c3049c5f578cc55b2dec550258c57a",variant:"outline",label:"Cancel",size:"small",onClick:e=>this.handleCancel(e)}),o("verdocs-button",{key:"6445645ad05e49aa28c149bed65ee95ce6889e2a",label:"OK",size:"small",onClick:e=>this.handleSubmit(e)})))}};s.style='@-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-contact-picker{display:block;border:1px solid #ebebeb;background-color:#ffffff;font-family:"Inter", -apple-system, "Segoe UI", "Roboto", "Helvetica Neue", sans-serif;-webkit-box-shadow:0 0 15px 0 rgba(0, 0, 0, 0.1);box-shadow:0 0 15px 0 rgba(0, 0, 0, 0.1)}verdocs-contact-picker form{background-color:#f5f5fa;padding:12px;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}verdocs-contact-picker form .row{width:300px;display:-ms-flexbox;display:flex;position:relative;margin:0 0 20px 0;-ms-flex-direction:column;flex-direction:column}verdocs-contact-picker form label{display:block;font-size:14px;font-weight:500;margin:0 0 4px 0;color:#5c6575}verdocs-contact-picker form .label-with-icon{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-pack:justify;justify-content:space-between}verdocs-contact-picker form .label-with-icon verdocs-help-icon svg{-webkit-transform:scale(0.8);transform:scale(0.8)}verdocs-contact-picker form input{border:none;font-size:18px;padding:3px 6px 3px 0;background:transparent;border-bottom:1px solid #33364b}verdocs-contact-picker form input:focus{outline:none}verdocs-contact-picker form .dropdown{left:0;right:0;top:49px;z-index:1000000;position:absolute;background:#ffffff;-webkit-box-shadow:0 0 15px 0 rgba(0, 0, 0, 0.1);box-shadow:0 0 15px 0 rgba(0, 0, 0, 0.1)}verdocs-contact-picker form .dropdown .suggestion{display:-ms-flexbox;display:flex;padding:6px 12px;-ms-flex-align:center;align-items:center;-ms-flex-direction:row;flex-direction:row}verdocs-contact-picker form .dropdown .suggestion svg{fill:#666666}verdocs-contact-picker form .dropdown .suggestion .avatar{width:48px;height:48px;-ms-flex:0 0 48px;flex:0 0 48px;margin-right:8px;border-radius:100%}verdocs-contact-picker form .dropdown .suggestion .details{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}verdocs-contact-picker form .dropdown .suggestion .name{font-size:16px;font-weight:500;margin-bottom:3px;color:#092c4c}verdocs-contact-picker form .dropdown .suggestion .destination{font-size:14px;margin-bottom:3px;color:#33364b}verdocs-contact-picker form .dropdown .suggestion:hover{background:#eee;cursor:pointer}verdocs-contact-picker .buttons{display:-ms-flexbox;display:flex;-webkit-column-gap:6px;-moz-column-gap:6px;column-gap:6px;margin-top:16px;-ms-flex-direction:row;flex-direction:row}verdocs-contact-picker .buttons .flex-fill{-ms-flex:1;flex:1}verdocs-contact-picker ::-webkit-input-placeholder{color:#aaaaaa}verdocs-contact-picker ::-moz-placeholder{color:#aaaaaa}verdocs-contact-picker :-ms-input-placeholder{color:#aaaaaa}verdocs-contact-picker ::-ms-input-placeholder{color:#aaaaaa}verdocs-contact-picker ::placeholder{color:#aaaaaa}verdocs-contact-picker [data-lastpass-icon-root]{display:none !important}';const r=class{constructor(o){e(this,o),this.toggle=t(this,"toggle",7),this.active=!1,this.icon=null,this.label=null,this.size="normal",this._active=!1}componentWillLoad(){this._active=this.active}handleToggle(e){var t;e.stopPropagation();const o=!this._active;this._active=o,null===(t=this.toggle)||void 0===t||t.emit({active:o})}render(){return o(a,{key:"172f6a0d3eec15a7b97ed055125defe6d7e69fcb",class:`size-${this.size}`},this.icon?o("button",{innerHTML:this.icon,class:{active:this._active},onClick:e=>this.handleToggle(e)}):o("button",{class:{active:this._active},onClick:e=>this.handleToggle(e)},this.label))}};r.style='@-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-toggle-button{font-family:"Inter", "Barlow", sans-serif}verdocs-toggle-button button{border:none;outline:none;cursor:pointer;-ms-flex-align:center;align-items:center;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-pack:center;justify-content:center;background:#cccccc;color:#33364b}verdocs-toggle-button button svg{max-width:100%;max-height:100%;fill:#33364b}verdocs-toggle-button button.active{background:#55bc81;color:#f5f5fa}verdocs-toggle-button button.active svg{fill:#f5f5fa}verdocs-toggle-button button:focus{border:none;outline:none}verdocs-toggle-button.size-normal button{width:40px;height:40px;padding:6px;border-radius:4px}verdocs-toggle-button.size-small button{width:34px;height:34px;padding:4px;border-radius:2px}';export{s as verdocs_contact_picker,r as verdocs_toggle_button}
+import{r as e,c as t,h as o,H as a}from"./p-646fde57.js";import{VerdocsEndpoint as i}from"@verdocs/js-sdk";import{f as s}from"./p-e48b07b7.js";import"./p-85aa8e05.js";import"./p-251c4106.js";import"./p-37bb615d.js";const c=class{constructor(o){e(this,o),this.searchContacts=t(this,"searchContacts",7),this.exit=t(this,"exit",7),this.next=t(this,"next",7),this.endpoint=i.getDefault(),this.templateRole=null,this.contactSuggestions=[],this.name=void 0,this.first_name=void 0,this.last_name=void 0,this.email=void 0,this.phone=void 0,this.message=void 0,this.showSuggestions=!1,this.showMessage=!1,this.delegator=!1,this.showKba=!1,this.kbaMethod="",this.pinCode="",this.nameFieldId=`verdocs-contact-picker-name-${Math.random().toString(36).substring(2,11)}`,this.firstNameFieldId=`verdocs-contact-picker-firstname-${Math.random().toString(36).substring(2,11)}`,this.lastNameFieldId=`verdocs-contact-picker-lastname-${Math.random().toString(36).substring(2,11)}`,this.emailFieldId=`verdocs-contact-picker-email-${Math.random().toString(36).substring(2,11)}`,this.phoneFieldId=`verdocs-contact-picker-phone-${Math.random().toString(36).substring(2,11)}`}componentWillLoad(){if(this.templateRole){const e=(this.templateRole.full_name||"").split(" "),t=e.shift()||"",o=e.join(" ");this.name=this.templateRole.full_name||"",this.first_name=t,this.last_name=o,this.email=this.templateRole.email||"",this.phone=this.templateRole.phone||"",this.delegator=this.templateRole.delegator||!1,this.message=this.templateRole.message||"",this.showMessage=""!==this.message,this.kbaMethod=this.templateRole.kba_method||"",this.showKba=!!this.kbaMethod,this.pinCode=""}}handleNameChange(e){var t;this.name=e.target.value,null===(t=this.searchContacts)||void 0===t||t.emit({query:this.name})}handleEmailChange(e){this.email=e.target.value}handlePhoneChange(e){this.phone=s(e.target.value)}handleMessageChange(e){this.message=e.target.value}handleCancel(e){var t;e.stopPropagation(),this.showSuggestions=!1,null===(t=this.exit)||void 0===t||t.emit()}handleSubmit(e){var t;e.stopPropagation(),this.showSuggestions=!1,null===(t=this.next)||void 0===t||t.emit({full_name:this.name,first_name:this.first_name,last_name:this.last_name,email:this.email,phone:this.phone,message:this.message,delegator:this.delegator})}handleSelectSuggestion(e,t){e.stopPropagation(),this.name=t.name,this.first_name=t.first_name,this.last_name=t.last_name,this.email=t.email,this.phone=t.phone,this.showSuggestions=!1}render(){return o("form",{key:"d4a74d3f95d9c13bf7b4afdc0391aafdc504b053",onSubmit:e=>e.preventDefault(),onClick:e=>e.stopPropagation(),autocomplete:"off"},o("div",{key:"329611e08994741cc94d01d62ab563ad182243ba",class:"row"},o("label",{key:"fd235b92d011939bbc20cf4efbe6428d953c454d",htmlFor:this.nameFieldId},"Name:"),o("div",{key:"e3531ddf8308a1be0a3fd43205fde1e99bca5dbc",style:{display:"flex",flexDirection:"row",gap:"8px;"}},o("input",{key:"b8bf71e3f6ce8e5aad6ee9cb03d1119935206f0c",id:this.firstNameFieldId,name:this.firstNameFieldId,type:"text","data-lpignore":"true",autocomplete:"blocked",value:this.first_name,placeholder:"First Name...",onFocus:()=>{var e;return this.showSuggestions=(null===(e=this.contactSuggestions)||void 0===e?void 0:e.length)>0},onInput:e=>this.handleNameChange(e)}),o("input",{key:"9d53c8d43ed0ca4d3f17d39b6d90bece9afd68a7",id:this.lastNameFieldId,name:this.lastNameFieldId,type:"text","data-lpignore":"true",autocomplete:"blocked",value:this.last_name,placeholder:"Last Name...",onFocus:()=>{var e;return this.showSuggestions=(null===(e=this.contactSuggestions)||void 0===e?void 0:e.length)>0},onInput:e=>this.handleNameChange(e)})),this.showSuggestions&&o("div",{key:"f53fc8a9ec12e31401afc4d22c98269ba96d0048",class:"dropdown"},this.contactSuggestions.map((e=>{var t;return o("div",{key:null!==(t=e.id)&&void 0!==t?t:e.name,class:"suggestion",onClick:t=>this.handleSelectSuggestion(t,e)},e.avatar?o("img",{alt:"Avatar",class:"avatar",src:e.avatar}):o("div",{class:"avatar",innerHTML:'<svg focusable="false" viewBox="0 0 24 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 4c1.93 0 3.5 1.57 3.5 3.5S13.93 13 12 13s-3.5-1.57-3.5-3.5S10.07 6 12 6zm0 14c-2.03 0-4.43-.82-6.14-2.88C7.55 15.8 9.68 15 12 15s4.45.8 6.14 2.12C16.43 19.18 14.03 20 12 20z"></path></svg>'}),o("div",{class:"details"},o("div",{class:"name"},e.name),e.email&&o("div",{class:"destination"},e.email),e.phone&&o("div",{class:"destination"},e.phone)))})))),o("div",{key:"29211a4aeccb45c1f6ce4581ce89eef56fd0efa0",class:"row"},o("label",{key:"32fb4eaa0599ea08364af828e93dd182ee36b42b",htmlFor:this.emailFieldId},"Email:"),o("input",{key:"9a75b49d558dab786d4cec8e74e1d4970da63467",id:this.emailFieldId,name:this.emailFieldId,type:"text","data-lpignore":"true",autoComplete:"blocked",value:this.email,placeholder:"Email Address...",onFocus:()=>this.showSuggestions=!1,onInput:e=>this.handleEmailChange(e)})),o("div",{key:"d5e07b3b8b24283acb158a8b44a981b1281c0964",class:"row"},o("label",{key:"0d76a478038a18d4b16f73c14fe8ec53a014ca37",htmlFor:this.phoneFieldId},"Phone:"),o("input",{key:"7c957fa5584d100e08bcb4ef808ec21ef507df32",id:this.phoneFieldId,name:this.phoneFieldId,type:"text","data-lpignore":"true",autoComplete:"blocked",value:this.phone,placeholder:"Phone Number...",onFocus:()=>this.showSuggestions=!1,onInput:e=>this.handlePhoneChange(e)})),this.showKba&&o("div",{key:"3d48f1e8c4941700ecbc07a57fa3a8e22e866c26",class:"row"},o("div",{key:"94f76f6449c8939dbd989507d03f8c7323b0487d",class:"label-with-icon"},o("label",{key:"516dd082ac4cd08e881bffc1ab22d14ed3cc4c52"},"KBA:"),o("verdocs-help-icon",{key:"e12ca24140bbcfb1645c14c2bfcf3e7326d3033a",text:"Knowledge-Based Authentication adds additional authentication for this user either via a simple PIN code or full address validation. NOTE: There may be a fee for using this feature."})),o("verdocs-select-input",{key:"eadc53ce819c1ff21a9a3c51e4771a8dd7076eee",value:this.kbaMethod,onInput:e=>this.kbaMethod=e.target.value,options:[{label:"None",value:""},{label:"PIN Code",value:"pin"},{label:"Full Verification",value:"kba"}]}),"pin"===this.kbaMethod&&o("input",{key:"db7162ba5935448fdf6b335b57c2ac91283563b6",id:"verdocs-pin-code",name:"verdocs-pin-code",type:"text","data-lpignore":"true",autocomplete:"blocked",value:this.pinCode,placeholder:"KBA PIN Code...",onFocus:()=>this.showSuggestions=!1,onInput:e=>this.handleMessageChange(e)})),this.showMessage&&o("div",{key:"2ff18d49d7bd4181ba6fbf1ecacb64ba458b66d2",class:"row"},o("label",{key:"2c22e7f0c17c5e86e4c920399ba3d4b0500a495e",htmlFor:"verdocs-contact-picker-message"},"Message:"),o("input",{key:"ff3a0a753f1cb6418e02cb0f4abffbe540fd4213",id:"verdocs-contact-picker-message",name:"verdocs-contact-picker-message",type:"text","data-lpignore":"true",autocomplete:"blocked",value:this.message,placeholder:"Invitation Message...",onFocus:()=>this.showSuggestions=!1,onInput:e=>this.handleMessageChange(e)})),o("div",{key:"cec56a872a810a5cedc49e57f3afe1ecf3c3ade6",class:"buttons"},o("verdocs-toggle-button",{key:"6f9e177a3e8d077144b5d4382a18a95b44616d12",icon:'<svg focusable="false" viewBox="0 0 24 24"><path fill-rule="evenodd" d="M4.5 3.75a3 3 0 0 0-3 3v10.5a3 3 0 0 0 3 3h15a3 3 0 0 0 3-3V6.75a3 3 0 0 0-3-3h-15Zm4.125 3a2.25 2.25 0 1 0 0 4.5 2.25 2.25 0 0 0 0-4.5Zm-3.873 8.703a4.126 4.126 0 0 1 7.746 0 .75.75 0 0 1-.351.92 7.47 7.47 0 0 1-3.522.877 7.47 7.47 0 0 1-3.522-.877.75.75 0 0 1-.351-.92ZM15 8.25a.75.75 0 0 0 0 1.5h3.75a.75.75 0 0 0 0-1.5H15ZM14.25 12a.75.75 0 0 1 .75-.75h3.75a.75.75 0 0 1 0 1.5H15a.75.75 0 0 1-.75-.75Zm.75 2.25a.75.75 0 0 0 0 1.5h3.75a.75.75 0 0 0 0-1.5H15Z" clip-rule="evenodd" /></svg>',size:"small",active:this.showKba,onToggle:e=>{this.showKba=e.detail.active,e.detail.active||(this.pinCode="",this.kbaMethod=""),this.showSuggestions=!1}}),o("verdocs-toggle-button",{key:"8d7468bdc795eff356f4636bff62b9536c0a2d59",icon:'<svg focusable="false" viewBox="0 0 24 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-2zm-2 12H6v-2h12v2zm0-3H6V9h12v2zm0-3H6V6h12v2z"></path></svg>',size:"small",active:this.showMessage,onToggle:e=>{this.showMessage=e.detail.active,this.showSuggestions=!1}}),o("div",{key:"a902c45f33e944655d42f758b67c082fa57c93ca",class:"flex-fill"}),o("verdocs-button",{key:"b24bce7779c3049c5f578cc55b2dec550258c57a",variant:"outline",label:"Cancel",size:"small",onClick:e=>this.handleCancel(e)}),o("verdocs-button",{key:"6445645ad05e49aa28c149bed65ee95ce6889e2a",label:"OK",size:"small",onClick:e=>this.handleSubmit(e)})))}};c.style='@-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-contact-picker{display:block;border:1px solid #ebebeb;background-color:#ffffff;font-family:"Inter", -apple-system, "Segoe UI", "Roboto", "Helvetica Neue", sans-serif;-webkit-box-shadow:0 0 15px 0 rgba(0, 0, 0, 0.1);box-shadow:0 0 15px 0 rgba(0, 0, 0, 0.1)}verdocs-contact-picker form{background-color:#f5f5fa;padding:12px;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}verdocs-contact-picker form .row{width:300px;display:-ms-flexbox;display:flex;position:relative;margin:0 0 20px 0;-ms-flex-direction:column;flex-direction:column}verdocs-contact-picker form label{display:block;font-size:14px;font-weight:500;margin:0 0 4px 0;color:#5c6575}verdocs-contact-picker form .label-with-icon{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-pack:justify;justify-content:space-between}verdocs-contact-picker form .label-with-icon verdocs-help-icon svg{-webkit-transform:scale(0.8);transform:scale(0.8)}verdocs-contact-picker form input{border:none;font-size:18px;padding:3px 6px 3px 0;background:transparent;border-bottom:1px solid #33364b}verdocs-contact-picker form input:focus{outline:none}verdocs-contact-picker form .dropdown{left:0;right:0;top:49px;z-index:1000000;position:absolute;background:#ffffff;-webkit-box-shadow:0 0 15px 0 rgba(0, 0, 0, 0.1);box-shadow:0 0 15px 0 rgba(0, 0, 0, 0.1)}verdocs-contact-picker form .dropdown .suggestion{display:-ms-flexbox;display:flex;padding:6px 12px;-ms-flex-align:center;align-items:center;-ms-flex-direction:row;flex-direction:row}verdocs-contact-picker form .dropdown .suggestion svg{fill:#666666}verdocs-contact-picker form .dropdown .suggestion .avatar{width:48px;height:48px;-ms-flex:0 0 48px;flex:0 0 48px;margin-right:8px;border-radius:100%}verdocs-contact-picker form .dropdown .suggestion .details{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}verdocs-contact-picker form .dropdown .suggestion .name{font-size:16px;font-weight:500;margin-bottom:3px;color:#092c4c}verdocs-contact-picker form .dropdown .suggestion .destination{font-size:14px;margin-bottom:3px;color:#33364b}verdocs-contact-picker form .dropdown .suggestion:hover{background:#eee;cursor:pointer}verdocs-contact-picker .buttons{display:-ms-flexbox;display:flex;-webkit-column-gap:6px;-moz-column-gap:6px;column-gap:6px;margin-top:16px;-ms-flex-direction:row;flex-direction:row}verdocs-contact-picker .buttons .flex-fill{-ms-flex:1;flex:1}verdocs-contact-picker ::-webkit-input-placeholder{color:#aaaaaa}verdocs-contact-picker ::-moz-placeholder{color:#aaaaaa}verdocs-contact-picker :-ms-input-placeholder{color:#aaaaaa}verdocs-contact-picker ::-ms-input-placeholder{color:#aaaaaa}verdocs-contact-picker ::placeholder{color:#aaaaaa}verdocs-contact-picker [data-lastpass-icon-root]{display:none !important}';const r=class{constructor(o){e(this,o),this.toggle=t(this,"toggle",7),this.active=!1,this.icon=null,this.label=null,this.size="normal",this._active=!1}componentWillLoad(){this._active=this.active}handleToggle(e){var t;e.stopPropagation();const o=!this._active;this._active=o,null===(t=this.toggle)||void 0===t||t.emit({active:o})}render(){return o(a,{key:"172f6a0d3eec15a7b97ed055125defe6d7e69fcb",class:`size-${this.size}`},this.icon?o("button",{innerHTML:this.icon,class:{active:this._active},onClick:e=>this.handleToggle(e)}):o("button",{class:{active:this._active},onClick:e=>this.handleToggle(e)},this.label))}};r.style='@-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-toggle-button{font-family:"Inter", "Barlow", sans-serif}verdocs-toggle-button button{border:none;outline:none;cursor:pointer;-ms-flex-align:center;align-items:center;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-pack:center;justify-content:center;background:#cccccc;color:#33364b}verdocs-toggle-button button svg{max-width:100%;max-height:100%;fill:#33364b}verdocs-toggle-button button.active{background:#55bc81;color:#f5f5fa}verdocs-toggle-button button.active svg{fill:#f5f5fa}verdocs-toggle-button button:focus{border:none;outline:none}verdocs-toggle-button.size-normal button{width:40px;height:40px;padding:6px;border-radius:4px}verdocs-toggle-button.size-small button{width:34px;height:34px;padding:4px;border-radius:2px}';export{c as verdocs_contact_picker,r as verdocs_toggle_button}