@verdocs/web-sdk 4.2.96 → 4.2.99

package/dist/types/components.d.ts

@@ -977,7 +977,7 @@ export namespace Components {
         "initials": string;
     }
     /**
-     * Prompt the user to confirm their identity with a series of questions.
+     * Prompt the user to confirm their identity with a PIN or a series of questions.
      */
     interface VerdocsKbaDialog {
         /**
@@ -1380,6 +1380,23 @@ export namespace Components {
          */
         "theme"?: 'dark' | 'light';
     }
+    /**
+     * Displays a toggle switch.
+     * ```ts
+     * <verdocs-switch checked={sendReminders} onCheckedChange={setSendReminders} />
+     * ```
+     */
+    interface VerdocsSwitch {
+        "checked": boolean;
+        /**
+          * Should the field be disabled?
+         */
+        "disabled": boolean;
+        /**
+          * Select purple or green treatments.
+         */
+        "style": 'primary' | 'secondary';
+    }
     /**
      * Display a simple table of data. Columns and data cells may have custom renderers defined to
      * support creating interactive table layouts.
@@ -1803,6 +1820,7 @@ export namespace Components {
      * caller via the onNext event handler.
      */
     interface VerdocsUploadDialog {
+        "existingFile": File;
     }
     /**
      * Render the documents attached to an envelope in read-only (view) mode. All documents are
@@ -1965,6 +1983,10 @@ export interface VerdocsSignatureDialogCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLVerdocsSignatureDialogElement;
 }
+export interface VerdocsSwitchCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLVerdocsSwitchElement;
+}
 export interface VerdocsTableCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLVerdocsTableElement;
@@ -2025,6 +2047,10 @@ export interface VerdocsTemplatesListCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLVerdocsTemplatesListElement;
 }
+export interface VerdocsTextInputCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLVerdocsTextInputElement;
+}
 export interface VerdocsToggleButtonCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLVerdocsToggleButtonElement;
@@ -2394,6 +2420,7 @@ declare global {
         "settingsChanged": {fieldName: string; field: ITemplateField};
         "deleted": {fieldName: string};
         "attached": ISelectedFile;
+        "remove": any;
     }
     /**
      * Displays an attachment field.
@@ -2708,7 +2735,7 @@ declare global {
         "next": string;
     }
     /**
-     * Prompt the user to confirm their identity with a series of questions.
+     * Prompt the user to confirm their identity with a PIN or a series of questions.
      */
     interface HTMLVerdocsKbaDialogElement extends Components.VerdocsKbaDialog, HTMLStencilElement {
         addEventListener<K extends keyof HTMLVerdocsKbaDialogElementEventMap>(type: K, listener: (this: HTMLVerdocsKbaDialogElement, ev: VerdocsKbaDialogCustomEvent<HTMLVerdocsKbaDialogElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
@@ -3105,6 +3132,29 @@ declare global {
         prototype: HTMLVerdocsStatusIndicatorElement;
         new (): HTMLVerdocsStatusIndicatorElement;
     };
+    interface HTMLVerdocsSwitchElementEventMap {
+        "checkedChange": boolean;
+    }
+    /**
+     * Displays a toggle switch.
+     * ```ts
+     * <verdocs-switch checked={sendReminders} onCheckedChange={setSendReminders} />
+     * ```
+     */
+    interface HTMLVerdocsSwitchElement extends Components.VerdocsSwitch, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLVerdocsSwitchElementEventMap>(type: K, listener: (this: HTMLVerdocsSwitchElement, ev: VerdocsSwitchCustomEvent<HTMLVerdocsSwitchElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLVerdocsSwitchElementEventMap>(type: K, listener: (this: HTMLVerdocsSwitchElement, ev: VerdocsSwitchCustomEvent<HTMLVerdocsSwitchElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
+    }
+    var HTMLVerdocsSwitchElement: {
+        prototype: HTMLVerdocsSwitchElement;
+        new (): HTMLVerdocsSwitchElement;
+    };
     interface HTMLVerdocsTableElementEventMap {
         "colHeaderClick": {col: IColumn};
         "rowClick": {row: any};
@@ -3469,6 +3519,9 @@ declare global {
         prototype: HTMLVerdocsTemplatesListElement;
         new (): HTMLVerdocsTemplatesListElement;
     };
+    interface HTMLVerdocsTextInputElementEventMap {
+        "blur": any;
+    }
     /**
      * Display a text input field. This is just a standard HTML input field with minimal markup to fit the
      * visual styles of the other components. Note that events "bubble" from the input field to the container,
@@ -3478,6 +3531,14 @@ declare global {
      * ```
      */
     interface HTMLVerdocsTextInputElement extends Components.VerdocsTextInput, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLVerdocsTextInputElementEventMap>(type: K, listener: (this: HTMLVerdocsTextInputElement, ev: VerdocsTextInputCustomEvent<HTMLVerdocsTextInputElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLVerdocsTextInputElementEventMap>(type: K, listener: (this: HTMLVerdocsTextInputElement, ev: VerdocsTextInputCustomEvent<HTMLVerdocsTextInputElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
     }
     var HTMLVerdocsTextInputElement: {
         prototype: HTMLVerdocsTextInputElement;
@@ -3533,6 +3594,7 @@ declare global {
     interface HTMLVerdocsUploadDialogElementEventMap {
         "exit": any;
         "next": File[];
+        "remove": any;
     }
     /**
      * Display a file upload tool. Note that the file is not actually transmitted, so it may be used by
@@ -3632,6 +3694,7 @@ declare global {
         "verdocs-signature-dialog": HTMLVerdocsSignatureDialogElement;
         "verdocs-spinner": HTMLVerdocsSpinnerElement;
         "verdocs-status-indicator": HTMLVerdocsStatusIndicatorElement;
+        "verdocs-switch": HTMLVerdocsSwitchElement;
         "verdocs-table": HTMLVerdocsTableElement;
         "verdocs-tabs": HTMLVerdocsTabsElement;
         "verdocs-template-attachments": HTMLVerdocsTemplateAttachmentsElement;
@@ -4177,13 +4240,17 @@ declare namespace LocalJSX {
          */
         "moveable"?: boolean;
         /**
-          * Event fired when the field is deleted.
+          * Event fired when a file is attached by the signer.
          */
         "onAttached"?: (event: VerdocsFieldAttachmentCustomEvent<ISelectedFile>) => void;
         /**
-          * Event fired when the field is deleted.
+          * Event fired when the field is deleted. Note that this is for the FIELD (e.g. in Build) not for any attachments (during signing).
          */
         "onDeleted"?: (event: VerdocsFieldAttachmentCustomEvent<{fieldName: string}>) => void;
+        /**
+          * Event fired when a file attachment is removed by the signer.
+         */
+        "onRemove"?: (event: VerdocsFieldAttachmentCustomEvent<any>) => void;
         /**
           * Event fired when the field's settings are changed.
          */
@@ -4820,7 +4887,7 @@ declare namespace LocalJSX {
         "onNext"?: (event: VerdocsInitialDialogCustomEvent<string>) => void;
     }
     /**
-     * Prompt the user to confirm their identity with a series of questions.
+     * Prompt the user to confirm their identity with a PIN or a series of questions.
      */
     interface VerdocsKbaDialog {
         /**
@@ -5310,6 +5377,24 @@ declare namespace LocalJSX {
          */
         "theme"?: 'dark' | 'light';
     }
+    /**
+     * Displays a toggle switch.
+     * ```ts
+     * <verdocs-switch checked={sendReminders} onCheckedChange={setSendReminders} />
+     * ```
+     */
+    interface VerdocsSwitch {
+        "checked"?: boolean;
+        /**
+          * Should the field be disabled?
+         */
+        "disabled"?: boolean;
+        "onCheckedChange"?: (event: VerdocsSwitchCustomEvent<boolean>) => void;
+        /**
+          * Select purple or green treatments.
+         */
+        "style"?: 'primary' | 'secondary';
+    }
     /**
      * Display a simple table of data. Columns and data cells may have custom renderers defined to
      * support creating interactive table layouts.
@@ -5842,6 +5927,7 @@ declare namespace LocalJSX {
           * The label for the field.
          */
         "label"?: string;
+        "onBlur"?: (event: VerdocsTextInputCustomEvent<any>) => void;
         /**
           * The placeholder for the field.
          */
@@ -5926,6 +6012,7 @@ declare namespace LocalJSX {
      * caller via the onNext event handler.
      */
     interface VerdocsUploadDialog {
+        "existingFile"?: File;
         /**
           * Event fired when the step is cancelled. This is called exit to avoid conflicts with the JS-reserved "cancel" event name.
          */
@@ -5934,6 +6021,10 @@ declare namespace LocalJSX {
           * Event fired when the dialog is closed. The event data will contain the file selected.
          */
         "onNext"?: (event: VerdocsUploadDialogCustomEvent<File[]>) => void;
+        /**
+          * Event fired when an existing attachment is deleted. The parent component is responsible for the actual removal.
+         */
+        "onRemove"?: (event: VerdocsUploadDialogCustomEvent<any>) => void;
     }
     /**
      * Render the documents attached to an envelope in read-only (view) mode. All documents are
@@ -6027,6 +6118,7 @@ declare namespace LocalJSX {
         "verdocs-signature-dialog": VerdocsSignatureDialog;
         "verdocs-spinner": VerdocsSpinner;
         "verdocs-status-indicator": VerdocsStatusIndicator;
+        "verdocs-switch": VerdocsSwitch;
         "verdocs-table": VerdocsTable;
         "verdocs-tabs": VerdocsTabs;
         "verdocs-template-attachments": VerdocsTemplateAttachments;
@@ -6285,7 +6377,7 @@ declare module "@stencil/core" {
              */
             "verdocs-initial-dialog": LocalJSX.VerdocsInitialDialog & JSXBase.HTMLAttributes<HTMLVerdocsInitialDialogElement>;
             /**
-             * Prompt the user to confirm their identity with a series of questions.
+             * Prompt the user to confirm their identity with a PIN or a series of questions.
              */
             "verdocs-kba-dialog": LocalJSX.VerdocsKbaDialog & JSXBase.HTMLAttributes<HTMLVerdocsKbaDialogElement>;
             /**
@@ -6458,6 +6550,13 @@ declare module "@stencil/core" {
              * If the status is provided as a string it can be either a `TRecipientStatus` or `TDocumentStatus` value.
              */
             "verdocs-status-indicator": LocalJSX.VerdocsStatusIndicator & JSXBase.HTMLAttributes<HTMLVerdocsStatusIndicatorElement>;
+            /**
+             * Displays a toggle switch.
+             * ```ts
+             * <verdocs-switch checked={sendReminders} onCheckedChange={setSendReminders} />
+             * ```
+             */
+            "verdocs-switch": LocalJSX.VerdocsSwitch & JSXBase.HTMLAttributes<HTMLVerdocsSwitchElement>;
             /**
              * Display a simple table of data. Columns and data cells may have custom renderers defined to
              * support creating interactive table layouts.

package/dist/types/utils/EnvelopeStore.d.ts

@@ -1,5 +1,5 @@
-import { IEnvelope, VerdocsEndpoint } from '@verdocs/js-sdk';
 import { ObservableMap } from '@stencil/store/dist/types';
+import { IEnvelope, VerdocsEndpoint } from '@verdocs/js-sdk';
 export interface IEnvelopeStore extends IEnvelope {
     isLoading: boolean;
     isLoaded: boolean;
@@ -9,3 +9,4 @@ export interface IEnvelopeStore extends IEnvelope {
 }
 export type TEnvelopeStore = ObservableMap<IEnvelopeStore>;
 export declare const getEnvelopeStore: (endpoint: VerdocsEndpoint, envelopeId: string, forceReload?: boolean) => Promise<TEnvelopeStore>;
+export declare const updateStoreEnvelope: (store: TEnvelopeStore, envelope: IEnvelope) => void;

package/dist/verdocs-web-sdk/{p-44dad7e0.entry.js → p-025eeafe.entry.js}

@@ -1 +1 @@
-import{r as e,c as t,h as o}from"./p-5207d80c.js";import{VerdocsEndpoint as r}from"@verdocs/js-sdk";const n=class{constructor(o){e(this,o),this.createTemplate=t(this,"createTemplate",7),this.createDocument=t(this,"createDocument",7),this.endpoint=r.getDefault()}handleCreateTemplate(){this.createTemplate.emit()}handleCreateDocument(){this.createDocument.emit()}render(){return o("div",{key:"0977445aaeb18033ee53e208d9b3f60469ddb756",class:"container"},o("p",{key:"f3d8fe0ae4d9b09a7070ef4448326be32aeb7fd4",class:"title"},"Quick Create"),o("button",{key:"7347890de8556714585fc579490503724ebfa01c",onClick:()=>this.handleCreateTemplate(),innerHTML:'<svg xmlns="http://www.w3.org/2000/svg" enable-background="new 0 0 24 24" height="24px" viewBox="0 0 24 24" width="24px" fill="#000000"><g><rect fill="none" height="24" width="24"/><g><path d="M19,5v14H5V5H19 M19,3H5C3.9,3,3,3.9,3,5v14c0,1.1,0.9,2,2,2h14c1.1,0,2-0.9,2-2V5C21,3.9,20.1,3,19,3L19,3z"/></g><path d="M14,17H7v-2h7V17z M17,13H7v-2h10V13z M17,9H7V7h10V9z"/></g></svg>'},"Template"),o("button",{key:"a056bb9b946edb68ce2f4364fe408c4a59d13b7f",onClick:()=>this.handleCreateDocument(),innerHTML:'<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 0 24 24" width="24px" fill="#000000"><path d="M0 0h24v24H0V0z" fill="none"/><path d="M8 16h8v2H8zm0-4h8v2H8zm6-10H6c-1.1 0-2 .9-2 2v16c0 1.1.89 2 1.99 2H18c1.1 0 2-.9 2-2V8l-6-6zm4 18H6V4h7v5h5v11z"/></svg>'},"Document"))}};n.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-quick-functions{font-family:"Inter", -apple-system, "Segoe UI", "Roboto", "Helvetica Neue", sans-serif}verdocs-quick-functions .container{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-wrap:nowrap;flex-wrap:nowrap;width:240px;background-color:#1e2031;text-transform:uppercase;padding:10px 10px 20px 10px;font-family:sans-serif;color:#ffffff}verdocs-quick-functions .title{font-size:22px;font-weight:700;line-height:30px;margin:1em 0 40px 0}verdocs-quick-functions button{width:140px;height:40px;border:none;display:-ms-flexbox;display:flex;color:#ffffff;cursor:pointer;font-size:14px;font-weight:700;line-height:25px;-ms-flex-align:center;align-items:center;margin-bottom:20px;border-radius:5px;text-transform:uppercase;-ms-flex-pack:space-evenly;justify-content:space-evenly;background-color:#55bc81}verdocs-quick-functions button svg{fill:#ffffff}';export{n as verdocs_quick_functions}
+import{r as e,c as t,h as o}from"./p-5207d80c.js";import{VerdocsEndpoint as c}from"@verdocs/js-sdk";const r=class{constructor(o){e(this,o),this.createTemplate=t(this,"createTemplate",7),this.createDocument=t(this,"createDocument",7),this.endpoint=c.getDefault()}handleCreateTemplate(){this.createTemplate.emit()}handleCreateDocument(){this.createDocument.emit()}render(){return o("div",{key:"427a4bfc1c41a292ed25c46ea29f770b6207fecf",class:"container"},o("p",{key:"e2e0e046e25b1cc9ee2c9920d33f52a37a703c8b",class:"title"},"Quick Create"),o("button",{key:"4fd375e82e13f7aeac71d046c065297089805db6",onClick:()=>this.handleCreateTemplate(),innerHTML:'<svg xmlns="http://www.w3.org/2000/svg" enable-background="new 0 0 24 24" height="24px" viewBox="0 0 24 24" width="24px" fill="#000000"><g><rect fill="none" height="24" width="24"/><g><path d="M19,5v14H5V5H19 M19,3H5C3.9,3,3,3.9,3,5v14c0,1.1,0.9,2,2,2h14c1.1,0,2-0.9,2-2V5C21,3.9,20.1,3,19,3L19,3z"/></g><path d="M14,17H7v-2h7V17z M17,13H7v-2h10V13z M17,9H7V7h10V9z"/></g></svg>'},"Template"),o("button",{key:"4f725f16085dc64adb11ec1efb45433984927b84",onClick:()=>this.handleCreateDocument(),innerHTML:'<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 0 24 24" width="24px" fill="#000000"><path d="M0 0h24v24H0V0z" fill="none"/><path d="M8 16h8v2H8zm0-4h8v2H8zm6-10H6c-1.1 0-2 .9-2 2v16c0 1.1.89 2 1.99 2H18c1.1 0 2-.9 2-2V8l-6-6zm4 18H6V4h7v5h5v11z"/></svg>'},"Document"))}};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-quick-functions{font-family:"Inter", -apple-system, "Segoe UI", "Roboto", "Helvetica Neue", sans-serif}verdocs-quick-functions .container{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-wrap:nowrap;flex-wrap:nowrap;width:240px;background-color:#1e2031;text-transform:uppercase;padding:10px 10px 20px 10px;font-family:sans-serif;color:#ffffff}verdocs-quick-functions .title{font-size:22px;font-weight:700;line-height:30px;margin:1em 0 40px 0}verdocs-quick-functions button{width:140px;height:40px;border:none;display:-ms-flexbox;display:flex;color:#ffffff;cursor:pointer;font-size:14px;font-weight:700;line-height:25px;-ms-flex-align:center;align-items:center;margin-bottom:20px;border-radius:5px;text-transform:uppercase;-ms-flex-pack:space-evenly;justify-content:space-evenly;background-color:#55bc81}verdocs-quick-functions button svg{fill:#ffffff}';export{r as verdocs_quick_functions}

package/dist/verdocs-web-sdk/{p-1c04628f.entry.js → p-09b52821.entry.js}

@@ -1 +1 @@
-import{r as e,c as t,h as o,H as a}from"./p-5207d80c.js";import{VerdocsEndpoint as i,formatFullName as s}from"@verdocs/js-sdk";import{f as c}from"./p-ca7ef3ff.js";import"./p-85aa8e05.js";import"./p-c7ee88c7.js";import"./p-edaec1b6.js";const r=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.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=s(this.templateRole).split(" "),t=this.templateRole.first_name||e.shift()||"",o=this.templateRole.last_name||e.join(" ")||"";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=""}}handleFirstNameChange(e){var t;this.first_name=e.target.value,null===(t=this.searchContacts)||void 0===t||t.emit({query:this.first_name})}handleLastNameChange(e){var t;this.last_name=e.target.value,null===(t=this.searchContacts)||void 0===t||t.emit({query:this.last_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({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.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:"dd02e23758d334495edb642f0f1513889eca5bbe",onSubmit:e=>e.preventDefault(),onClick:e=>e.stopPropagation(),autocomplete:"off"},o("div",{key:"f8594524ea492993227b07e0e8d5a71c847f1b64",class:"row"},o("label",{key:"fbbef02b5e11880c7c104b96de3a17537bc7ff8c",htmlFor:this.nameFieldId},"Name:"),o("div",{key:"50d4ff03c47eb77865de05ffd247e7684e2cdbcf",class:"names-row"},o("input",{key:"dc52d17011643cbb25f9e5129aadacd1104365a9",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.handleFirstNameChange(e)}),o("input",{key:"f46f41f7eb915569ce6e202667873a0309d98d16",id:this.lastNameFieldId,name:this.lastNameFieldId,type:"text","data-lpignore":"true",autocomplete:"blocked",value:this.last_name,placeholder:"Last Name...",onFocus:()=>this.showSuggestions=!1,onInput:e=>this.handleLastNameChange(e)})),this.showSuggestions&&o("div",{key:"b82ecccbf9fa1172af45f33595337a73589ac482",class:"dropdown"},this.contactSuggestions.filter((e=>!this.first_name||e.first_name.toLowerCase().includes(this.first_name.toLowerCase()))).map((e=>{var t;return o("div",{key:null!==(t=e.id)&&void 0!==t?t:e.email,class:"suggestion",onClick:t=>this.handleSelectSuggestion(t,e)},e.picture?o("img",{alt:"Avatar",class:"avatar",src:e.picture}):o("div",{class:"avatar",innerHTML:'<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-book-user"><path d="M15 13a3 3 0 1 0-6 0"/><path d="M4 19.5v-15A2.5 2.5 0 0 1 6.5 2H19a1 1 0 0 1 1 1v18a1 1 0 0 1-1 1H6.5a1 1 0 0 1 0-5H20"/><circle cx="12" cy="8" r="2"/></svg>'}),o("div",{class:"details"},o("div",{class:"name"},s(e)),e.email&&o("div",{class:"destination"},e.email),e.phone&&o("div",{class:"destination"},e.phone)))})))),o("div",{key:"7a3fc3c98c19a4a1bb07a6914f35eba61132294d",class:"row"},o("label",{key:"b2a589aae874fe69b8ae50569e14c6005344d8f3",htmlFor:this.emailFieldId},"Email:"),o("input",{key:"39ee39af447b65d543492ebac6d199985aada563",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:"c7420ac25ad40fb99a40212266efa3b564058b1d",class:"row"},o("label",{key:"bd4b4eaf87be10f5a34186b27fd4ee8239cfacc9",htmlFor:this.phoneFieldId},"Phone:"),o("input",{key:"abfa297fa18f57ef20313b1ac9e9cc866f0e37e9",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:"bea4383cd29e9c43b883c29b55f0e6cacf89c63f",class:"row"},o("div",{key:"8ebacef0e2786a5a141ebc338fcaa062a25c5090",class:"label-with-icon"},o("label",{key:"74c32c83aac8d0400726f4ef5d95c60b3eb12c99"},"KBA:"),o("verdocs-help-icon",{key:"be3777686a2a9d51ff91205f49e68b17d6fee18c",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:"35a7918e94a09d78c5c5a43992bea92e19fd406b",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:"aeefe336a8461aa1ac41d3be0494f51b858b3810",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:"1c55a0f11426dbcf82ced0fe5291fcb14a70bb2f",class:"row"},o("label",{key:"c2c7f9dd66ed8fd9dae52175cba6e9b575aa64b5",htmlFor:"verdocs-contact-picker-message"},"Message:"),o("input",{key:"c63897c136a04b3feba02b6dde46d7f74c97f330",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:"7e0d6e9b519a51988711cfca0f1392b39ae4eec1",class:"buttons"},o("verdocs-toggle-button",{key:"3cae0b84394a5c8516599af788e2cb0568235582",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:"045544245ba967bd6ee43cb25a5fb8f2c9013da9",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:"1363f8353900490ac9a98ccd1da36831b9c06469",class:"flex-fill"}),o("verdocs-button",{key:"5cf40a9d890ff67a96dff5913b76eb603e4e1702",variant:"outline",label:"Cancel",size:"small",onClick:e=>this.handleCancel(e)}),o("verdocs-button",{key:"bfe86cdc15de884189f1ae342bef1be2f7887221",label:"OK",size:"small",onClick:e=>this.handleSubmit(e)})))}};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-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 .names-row{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;gap:8px}verdocs-contact-picker form .names-row>input{min-width:0}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;max-height:225px;overflow-y:scroll;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{width:32px;height:32px}verdocs-contact-picker form .dropdown .suggestion .avatar{width:32px;height:32px;-ms-flex:0 0 32px;flex:0 0 32px;margin-right:8px;border-radius:100%}verdocs-contact-picker 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 n=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))}};n.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{r as verdocs_contact_picker,n as verdocs_toggle_button}
+import{r as e,c as t,h as o,H as a}from"./p-5207d80c.js";import{VerdocsEndpoint as i,formatFullName as s}from"@verdocs/js-sdk";import{f as c}from"./p-ca7ef3ff.js";import"./p-85aa8e05.js";import"./p-c7ee88c7.js";import"./p-edaec1b6.js";const r=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.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=s(this.templateRole).split(" "),t=this.templateRole.first_name||e.shift()||"",o=this.templateRole.last_name||e.join(" ")||"";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=""}}handleFirstNameChange(e){var t;this.first_name=e.target.value,null===(t=this.searchContacts)||void 0===t||t.emit({query:this.first_name})}handleLastNameChange(e){var t;this.last_name=e.target.value,null===(t=this.searchContacts)||void 0===t||t.emit({query:this.last_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({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.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:"dd02e23758d334495edb642f0f1513889eca5bbe",onSubmit:e=>e.preventDefault(),onClick:e=>e.stopPropagation(),autocomplete:"off"},o("div",{key:"f8594524ea492993227b07e0e8d5a71c847f1b64",class:"row"},o("label",{key:"fbbef02b5e11880c7c104b96de3a17537bc7ff8c",htmlFor:this.nameFieldId},"Name:"),o("div",{key:"50d4ff03c47eb77865de05ffd247e7684e2cdbcf",class:"names-row"},o("input",{key:"dc52d17011643cbb25f9e5129aadacd1104365a9",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.handleFirstNameChange(e)}),o("input",{key:"f46f41f7eb915569ce6e202667873a0309d98d16",id:this.lastNameFieldId,name:this.lastNameFieldId,type:"text","data-lpignore":"true",autocomplete:"blocked",value:this.last_name,placeholder:"Last Name...",onFocus:()=>this.showSuggestions=!1,onInput:e=>this.handleLastNameChange(e)})),this.showSuggestions&&o("div",{key:"b82ecccbf9fa1172af45f33595337a73589ac482",class:"dropdown"},this.contactSuggestions.filter((e=>!this.first_name||e.first_name.toLowerCase().includes(this.first_name.toLowerCase()))).map((e=>{var t;return o("div",{key:null!==(t=e.id)&&void 0!==t?t:e.email,class:"suggestion",onClick:t=>this.handleSelectSuggestion(t,e)},e.picture?o("img",{alt:"Avatar",class:"avatar",src:e.picture}):o("div",{class:"avatar",innerHTML:'<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-book-user"><path d="M15 13a3 3 0 1 0-6 0"/><path d="M4 19.5v-15A2.5 2.5 0 0 1 6.5 2H19a1 1 0 0 1 1 1v18a1 1 0 0 1-1 1H6.5a1 1 0 0 1 0-5H20"/><circle cx="12" cy="8" r="2"/></svg>'}),o("div",{class:"details"},o("div",{class:"name"},s(e)),e.email&&o("div",{class:"destination"},e.email),e.phone&&o("div",{class:"destination"},e.phone)))})))),o("div",{key:"7a3fc3c98c19a4a1bb07a6914f35eba61132294d",class:"row"},o("label",{key:"b2a589aae874fe69b8ae50569e14c6005344d8f3",htmlFor:this.emailFieldId},"Email:"),o("input",{key:"39ee39af447b65d543492ebac6d199985aada563",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:"c7420ac25ad40fb99a40212266efa3b564058b1d",class:"row"},o("label",{key:"bd4b4eaf87be10f5a34186b27fd4ee8239cfacc9",htmlFor:this.phoneFieldId},"Phone:"),o("input",{key:"abfa297fa18f57ef20313b1ac9e9cc866f0e37e9",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:"bea4383cd29e9c43b883c29b55f0e6cacf89c63f",class:"row"},o("div",{key:"8ebacef0e2786a5a141ebc338fcaa062a25c5090",class:"label-with-icon"},o("label",{key:"74c32c83aac8d0400726f4ef5d95c60b3eb12c99"},"KBA:"),o("verdocs-help-icon",{key:"be3777686a2a9d51ff91205f49e68b17d6fee18c",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:"35a7918e94a09d78c5c5a43992bea92e19fd406b",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:"aeefe336a8461aa1ac41d3be0494f51b858b3810",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:"1c55a0f11426dbcf82ced0fe5291fcb14a70bb2f",class:"row"},o("label",{key:"c2c7f9dd66ed8fd9dae52175cba6e9b575aa64b5",htmlFor:"verdocs-contact-picker-message"},"Message:"),o("input",{key:"c63897c136a04b3feba02b6dde46d7f74c97f330",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:"7e0d6e9b519a51988711cfca0f1392b39ae4eec1",class:"buttons"},o("verdocs-toggle-button",{key:"3cae0b84394a5c8516599af788e2cb0568235582",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:"045544245ba967bd6ee43cb25a5fb8f2c9013da9",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:"1363f8353900490ac9a98ccd1da36831b9c06469",class:"flex-fill"}),o("verdocs-button",{key:"5cf40a9d890ff67a96dff5913b76eb603e4e1702",variant:"outline",label:"Cancel",size:"small",onClick:e=>this.handleCancel(e)}),o("verdocs-button",{key:"bfe86cdc15de884189f1ae342bef1be2f7887221",label:"OK",size:"small",onClick:e=>this.handleSubmit(e)})))}};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-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 .names-row{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;gap:8px}verdocs-contact-picker form .names-row>input{min-width:0}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;max-height:225px;overflow-y:scroll;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{width:32px;height:32px}verdocs-contact-picker form .dropdown .suggestion .avatar{width:32px;height:32px;-ms-flex:0 0 32px;flex:0 0 32px;margin-right:8px;border-radius:100%}verdocs-contact-picker 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 n=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:"95a678bbbbc6d63aff1239b6fb296e98e093ceb8",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))}};n.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{r as verdocs_contact_picker,n as verdocs_toggle_button}

package/dist/verdocs-web-sdk/p-0bc31629.system.entry.js

@@ -0,0 +1 @@
+var __awaiter=this&&this.__awaiter||function(e,n,i,t){function o(e){return e instanceof i?e:new i((function(n){n(e)}))}return new(i||(i=Promise))((function(i,r){function s(e){try{l(t.next(e))}catch(e){r(e)}}function a(e){try{l(t["throw"](e))}catch(e){r(e)}}function l(e){e.done?i(e.value):o(e.value).then(s,a)}l((t=t.apply(e,n||[])).next())}))};var __generator=this&&this.__generator||function(e,n){var i={label:0,sent:function(){if(r[0]&1)throw r[1];return r[1]},trys:[],ops:[]},t,o,r,s;return s={next:a(0),throw:a(1),return:a(2)},typeof Symbol==="function"&&(s[Symbol.iterator]=function(){return this}),s;function a(e){return function(n){return l([e,n])}}function l(a){if(t)throw new TypeError("Generator is already executing.");while(s&&(s=0,a[0]&&(i=0)),i)try{if(t=1,o&&(r=a[0]&2?o["return"]:a[0]?o["throw"]||((r=o["return"])&&r.call(o),0):o.next)&&!(r=r.call(o,a[1])).done)return r;if(o=0,r)a=[a[0]&2,r.value];switch(a[0]){case 0:case 1:r=a;break;case 4:i.label++;return{value:a[1],done:false};case 5:i.label++;o=a[1];a=[0];continue;case 7:a=i.ops.pop();i.trys.pop();continue;default:if(!(r=i.trys,r=r.length>0&&r[r.length-1])&&(a[0]===6||a[0]===2)){i=0;continue}if(a[0]===3&&(!r||a[1]>r[0]&&a[1]<r[3])){i.label=a[1];break}if(a[0]===6&&i.label<r[1]){i.label=r[1];r=a;break}if(r&&i.label<r[2]){i.label=r[2];i.ops.push(a);break}if(r[2])i.ops.pop();i.trys.pop();continue}a=n.call(e,i)}catch(e){a=[6,e];o=0}finally{t=r=0}if(a[0]&5)throw a[1];return{value:a[0]?a[1]:void 0,done:true}}};System.register(["./p-59073837.system.js","@verdocs/js-sdk","./p-ae347813.system.js","./p-c8a15cb7.system.js","./p-21b1acec.system.js","./p-d738b5db.system.js","./p-f24d887c.system.js"],(function(e){"use strict";var n,i,t,o,r,s,a,l,c,d,u,f,h,v;return{setters:[function(e){n=e.r;i=e.c;t=e.h;o=e.H;r=e.F;s=e.g},function(e){a=e.VerdocsEndpoint;l=e.getEnvelope;c=e.getDocumentDownloadLink;d=e.cancelEnvelope;u=e.userCanCancelEnvelope;f=e.integerSequence},function(e){h=e.s},function(e){v=e.S},function(){},function(){},function(){}],execute:function(){var p='@-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-view{display:-ms-flexbox;display:flex;overflow:hidden;min-height:600px;position:relative;-ms-flex-align:center;align-items:center;-ms-flex-direction:column;flex-direction:column;-webkit-box-sizing:border-box;box-sizing:border-box;font-family:"Inter", -apple-system, "Segoe UI", "Roboto", "Helvetica Neue", sans-serif}verdocs-view div,verdocs-view canvas{-webkit-box-sizing:border-box;box-sizing:border-box}verdocs-view .document{-ms-flex:1;flex:1;width:100%;height:100%;display:-ms-flexbox;display:flex;padding:15px;row-gap:15px;min-height:200px;max-width:1200px;position:relative;overflow-y:scroll;-ms-flex-align:center;align-items:center;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-flex-direction:column;flex-direction:column}verdocs-view .document .inner{width:100%;max-width:1028px}verdocs-view .loading-indicator{top:0;left:0;right:0;bottom:0;display:-ms-flexbox;display:flex;z-index:10000;position:fixed;background-color:rgba(0, 0, 0, 0.7)}#verdocs-view-header{width:100%;color:#fff;display:-ms-flexbox;display:flex;z-index:1000;-ms-flex:0 0 56px;flex:0 0 56px;padding:0 20px;font-size:12px;-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;-webkit-transition:all 0.25s;transition:all 0.25s;background-color:#33354c;-webkit-box-shadow:0 4px 4px 0 rgba(0, 0, 0, 0.24), 0 0 4px 0 rgba(0, 0, 0, 0.12);box-shadow:0 4px 4px 0 rgba(0, 0, 0, 0.24), 0 0 4px 0 rgba(0, 0, 0, 0.12)}@media all and (max-width: 500px){#verdocs-view-header{padding:0 10px}}#verdocs-view-header .inner{width:100%;display:-ms-flexbox;display:flex;margin:0 auto;padding:0 20px;max-width:1200px;-ms-flex-align:center;align-items:center;-ms-flex-direction:row;flex-direction:row}@media all and (max-width: 500px){#verdocs-view-header .inner{padding:0 10px}}#verdocs-view-header .logo{width:80px;display:none;margin:-6px 0 0 0}#verdocs-view-header .title{font-size:18px;font-weight:500;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}';var x=p;var g=e("verdocs_view",function(){function e(e){n(this,e);this.sdkError=i(this,"sdkError",7);this.envelopeUpdated=i(this,"envelopeUpdated",7);this.another=i(this,"another",7);this.view=i(this,"view",7);this.next=i(this,"next",7);this.endpoint=a.getDefault();this.envelopeId="";this.headerTargetId=null;this.canceling=false;this.envelope=null;this.roleNames=[];this.showCancelDone=false;this.showLoadError=false}e.prototype.componentWillLoad=function(){return __awaiter(this,void 0,void 0,(function(){var e,n,i,t,o;var r=this;return __generator(this,(function(s){switch(s.label){case 0:this.endpoint.loadSession();if(!this.envelopeId){console.error("[VIEW] Missing required envelopeId");return[2]}console.log("[VIEW] Loading envelope...");s.label=1;case 1:s.trys.push([1,3,,4]);t=this;return[4,l(this.endpoint,this.envelopeId)];case 2:t.envelope=s.sent();console.log("[VIEW] Loaded envelope",this.envelope);this.roleNames=this.envelope.recipients.map((function(e){return e.role_name}));setTimeout((function(){return __awaiter(r,void 0,void 0,(function(){var e;return __generator(this,(function(n){switch(n.label){case 0:console.log("[VIEW] Reloading envelope...");e=this;return[4,l(this.endpoint,this.envelopeId)];case 1:e.envelope=n.sent();console.log("[VIEW] Reloaded envelope",this.envelope);return[2]}}))}))}),2e3);return[3,4];case 3:o=s.sent();this.showLoadError=true;(e=this.sdkError)===null||e===void 0?void 0:e.emit(new v(o.message,(n=o.response)===null||n===void 0?void 0:n.status,(i=o.response)===null||i===void 0?void 0:i.data));return[3,4];case 4:return[2]}}))}))};e.prototype.componentDidRender=function(){var e=this.headerTargetId?document.getElementById(this.headerTargetId):null;var n=document.getElementById("verdocs-view-header");if(e&&n){console.log("[VIEW] Moving header");n.remove();e.append(n)}};e.prototype.handlePageRendered=function(e){var n=e.detail;console.log("[VIEW] Page rendered",n)};e.prototype.handleOptionSelected=function(e){return __awaiter(this,void 0,void 0,(function(){var n,i,t,o,r,s,r;var a=this;return __generator(this,(function(u){switch(u.label){case 0:t=e.detail.id;switch(t){case"cancel":return[3,1];case"print":return[3,2];case"download-attachments":return[3,3];case"download-certificate":return[3,6];case"download-all":return[3,9]}return[3,10];case 1:if(confirm("Are you sure you wish to cancel this envelope? This action cannot be undone.")){this.canceling=true;d(this.endpoint,this.envelopeId).then((function(e){a.canceling=false;console.log("[VIEW] Envelope canceled",e);return l(a.endpoint,a.envelopeId)})).then((function(e){console.log("[VIEW] Loaded new envelope details",e);a.envelope=e})).catch((function(e){var n,i,t;a.canceling=false;console.log("[VIEW] Error canceling envelope",e);(n=a.sdkError)===null||n===void 0?void 0:n.emit(new v(e.message,(i=e.response)===null||i===void 0?void 0:i.status,(t=e.response)===null||t===void 0?void 0:t.data))}));this.showCancelDone=true;(n=this.envelopeUpdated)===null||n===void 0?void 0:n.emit({endpoint:this.endpoint,envelope:this.envelope,event:"canceled"})}return[3,10];case 2:window.print();(i=this.envelopeUpdated)===null||i===void 0?void 0:i.emit({endpoint:this.endpoint,envelope:this.envelope,event:"printed"});return[3,10];case 3:o=this.envelope.documents.find((function(e){return e.type==="attachment"}));if(!o)return[3,5];return[4,c(this.endpoint,this.envelopeId,o.id)];case 4:r=u.sent();window.open(r,"_blank");u.label=5;case 5:return[3,10];case 6:s=this.envelope.documents.find((function(e){return e.type==="certificate"}));if(!s)return[3,8];return[4,c(this.endpoint,this.envelopeId,s.id)];case 7:r=u.sent();window.open(r,"_blank");u.label=8;case 8:return[3,10];case 9:h(this.endpoint,[this.envelope]).then((function(){var e;(e=a.envelopeUpdated)===null||e===void 0?void 0:e.emit({endpoint:a.endpoint,envelope:a.envelope,event:"downloaded"})})).catch((function(e){console.log("Error downloading Zip",e)}));return[3,10];case 10:return[2]}}))}))};e.prototype.render=function(){var e=this;var n;if(this.showLoadError){return t(o,null,t("verdocs-ok-dialog",{heading:"Unable to View Envelope",message:"Sorry, that envelope is not valid.",buttonLabel:"OK",onNext:function(){e.showLoadError=false}}))}if(!this.envelope){return t(o,null,t("img",{src:"https://public-assets.verdocs.com/loading-placeholder.png",style:{width:"612px",height:"792px",boxShadow:"0 0 10px 5px #0000000f",marginTop:"15px"},alt:"Placeholder page"}))}var i=[{id:"print",label:"Print"}];if(u(this.endpoint.profile,this.envelope)){i.push({id:"cancel",label:"Cancel"})}var s=this.envelope.documents.length>0;var a=this.envelope.documents.filter((function(e){return e.type==="attachment"})).length;var l=this.envelope.documents.find((function(e){return e.type==="certificate"}))!==undefined;if(s||l){i.push({label:""});if(s){i.push({id:"download-attachments",label:a>1?"Download Documents":"Download Document"})}if(l){i.push({id:"download-certificate",label:"Download Certificate"})}if(s&&l){i.push({id:"download-all",label:"Download All Files"})}}return t(o,null,t("div",{id:"verdocs-view-header"},t("div",{class:"inner"},t("img",{src:"https://verdocs.com/assets/white-logo.svg",alt:"Verdocs Logo",class:"logo"}),t("div",{class:"title"},this.envelope.name),t("div",{style:{flex:"1"}}),t("div",{style:{marginLeft:"10px"}}),t("verdocs-dropdown",{options:i,onOptionSelected:function(n){return e.handleOptionSelected(n)}}))),t("div",{class:"document",style:{paddingTop:this.headerTargetId?"70px":"15px"}},(((n=this.envelope)===null||n===void 0?void 0:n.documents)||[]).filter((function(e){return e.type!=="certificate"})).map((function(n){var i=f(1,n.pages);return t(r,null,i.map((function(i){return t("verdocs-envelope-document-page",{envelopeId:e.envelopeId,documentId:n.id,endpoint:e.endpoint,type:"filled",virtualWidth:612,virtualHeight:792,pageNumber:i,onPageRendered:function(n){return e.handlePageRendered(n)},layers:[{name:"page",type:"canvas"},{name:"controls",type:"div"}]})})))}))),this.showCancelDone&&t("verdocs-ok-dialog",{heading:"Cancelled",message:"This envelope has been cancelled successfully.",onNext:function(){e.showCancelDone=false}}),this.canceling&&t("div",{class:"loading-indicator"},t("verdocs-loader",null)))};Object.defineProperty(e.prototype,"component",{get:function(){return s(this)},enumerable:false,configurable:true});return e}());g.style=x}}}));