@verdocs/web-sdk 5.0.49 → 5.0.52

package/dist/types/components/embeds/verdocs-sign/verdocs-sign.d.ts

@@ -1,3 +1,4 @@
+import { IKBAQuestion, ISignerTokenResponse } from '@verdocs/js-sdk';
 import { EventEmitter } from '../../../stencil-public-runtime';
 import { IEnvelope, IEnvelopeField, IRecipient, TAuthenticateRecipientRequest } from '@verdocs/js-sdk';
 import { VerdocsEndpoint, TRecipientAuthMethod } from '@verdocs/js-sdk';
@@ -83,9 +84,8 @@ export declare class VerdocsSign {
     agreed: boolean;
     documentsSingularPlural: string;
     authStep: string | null;
-    authDetails: any;
     authMethodStates: Partial<Record<TRecipientAuthMethod, string>>;
-    kbaQuestions: any[];
+    kbaQuestions: IKBAQuestion[] | null;
     showSpinner: boolean;
     kbaChoices: any[];
     loading: boolean;
@@ -93,6 +93,7 @@ export declare class VerdocsSign {
     componentWillLoad(): void;
     componentDidLoad(): Promise<void>;
     componentDidRender(): void;
+    processAuthResponse(response: ISignerTokenResponse): void;
     handleClickAgree(): void;
     handleOptionSelected(e: any): Promise<void>;
     updateRecipientFieldValue(fieldName: string, updateResult: any): void;

package/dist/types/components.d.ts

@@ -5,7 +5,7 @@
  * It contains typing information for all components that exist in this project.
  */
 import { HTMLStencilElement, JSXBase } from "./stencil-public-runtime";
-import { ICreateEnvelopeRecipient, IEnvelope, IEnvelopeField, IOrganization, IRecipient, IRole, ITemplate, ITemplateField, TEnvelopeStatus, TRecipientStatus, VerdocsEndpoint } from "@verdocs/js-sdk";
+import { ICreateEnvelopeRecipient, IEnvelope, IEnvelopeField, IOrganization, IRecipient, IRole, ISignerTokenResponse, ITemplate, ITemplateField, TEnvelopeStatus, TRecipientStatus, VerdocsEndpoint } from "@verdocs/js-sdk";
 import { IAuthStatus } from "./components/embeds/verdocs-auth/verdocs-auth";
 import { SDKError } from "./utils/errors";
 import { TVerdocsBuildStep } from "./components/embeds/verdocs-build/verdocs-build";
@@ -23,7 +23,7 @@ import { TVerdocsBuildStep as TVerdocsBuildStep1 } from "./components/templates/
 import { TAllowedTemplateAction } from "./components/templates/verdocs-templates-list/verdocs-templates-list";
 import { IToggleIconButtons } from "./components/controls/verdocs-toggle/verdocs-toggle";
 import { Placement } from "@popperjs/core/lib/enums";
-export { ICreateEnvelopeRecipient, IEnvelope, IEnvelopeField, IOrganization, IRecipient, IRole, ITemplate, ITemplateField, TEnvelopeStatus, TRecipientStatus, VerdocsEndpoint } from "@verdocs/js-sdk";
+export { ICreateEnvelopeRecipient, IEnvelope, IEnvelopeField, IOrganization, IRecipient, IRole, ISignerTokenResponse, ITemplate, ITemplateField, TEnvelopeStatus, TRecipientStatus, VerdocsEndpoint } from "@verdocs/js-sdk";
 export { IAuthStatus } from "./components/embeds/verdocs-auth/verdocs-auth";
 export { SDKError } from "./utils/errors";
 export { TVerdocsBuildStep } from "./components/embeds/verdocs-build/verdocs-build";
@@ -1234,6 +1234,19 @@ export namespace Components {
          */
         "organization": IOrganization;
     }
+    /**
+     * Prompt the user to confirm their identity with a one time code via email/SMS.
+     */
+    interface VerdocsOtpDialog {
+        /**
+          * The type of dialog to display. Three modes are supported.
+         */
+        "method": 'email' | 'sms';
+        /**
+          * For identity confirmation, the current recipient details.
+         */
+        "recipient": IRecipient | null;
+    }
     /**
      * Display a simple pagination control with individual buttons to move through the data set.
      * ```ts
@@ -2101,6 +2114,10 @@ export interface VerdocsOkDialogCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLVerdocsOkDialogElement;
 }
+export interface VerdocsOtpDialogCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLVerdocsOtpDialogElement;
+}
 export interface VerdocsPaginationCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLVerdocsPaginationElement;
@@ -2987,6 +3004,27 @@ declare global {
         prototype: HTMLVerdocsOrganizationCardElement;
         new (): HTMLVerdocsOrganizationCardElement;
     };
+    interface HTMLVerdocsOtpDialogElementEventMap {
+        "exit": any;
+        "next": {response: ISignerTokenResponse};
+    }
+    /**
+     * Prompt the user to confirm their identity with a one time code via email/SMS.
+     */
+    interface HTMLVerdocsOtpDialogElement extends Components.VerdocsOtpDialog, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLVerdocsOtpDialogElementEventMap>(type: K, listener: (this: HTMLVerdocsOtpDialogElement, ev: VerdocsOtpDialogCustomEvent<HTMLVerdocsOtpDialogElementEventMap[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 HTMLVerdocsOtpDialogElementEventMap>(type: K, listener: (this: HTMLVerdocsOtpDialogElement, ev: VerdocsOtpDialogCustomEvent<HTMLVerdocsOtpDialogElementEventMap[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 HTMLVerdocsOtpDialogElement: {
+        prototype: HTMLVerdocsOtpDialogElement;
+        new (): HTMLVerdocsOtpDialogElement;
+    };
     interface HTMLVerdocsPaginationElementEventMap {
         "selectPage": {selectedPage: number};
     }
@@ -3818,6 +3856,7 @@ declare global {
         "verdocs-multiselect": HTMLVerdocsMultiselectElement;
         "verdocs-ok-dialog": HTMLVerdocsOkDialogElement;
         "verdocs-organization-card": HTMLVerdocsOrganizationCardElement;
+        "verdocs-otp-dialog": HTMLVerdocsOtpDialogElement;
         "verdocs-pagination": HTMLVerdocsPaginationElement;
         "verdocs-portal": HTMLVerdocsPortalElement;
         "verdocs-preview": HTMLVerdocsPreviewElement;
@@ -5299,6 +5338,27 @@ declare namespace LocalJSX {
          */
         "organization"?: IOrganization;
     }
+    /**
+     * Prompt the user to confirm their identity with a one time code via email/SMS.
+     */
+    interface VerdocsOtpDialog {
+        /**
+          * The type of dialog to display. Three modes are supported.
+         */
+        "method"?: 'email' | 'sms';
+        /**
+          * Event fired when the step is cancelled. This is called exit to avoid conflicts with the JS-reserved "cancel" event name.
+         */
+        "onExit"?: (event: VerdocsOtpDialogCustomEvent<any>) => void;
+        /**
+          * Event fired when the process has completed successfully.
+         */
+        "onNext"?: (event: VerdocsOtpDialogCustomEvent<{response: ISignerTokenResponse}>) => void;
+        /**
+          * For identity confirmation, the current recipient details.
+         */
+        "recipient"?: IRecipient | null;
+    }
     /**
      * Display a simple pagination control with individual buttons to move through the data set.
      * ```ts
@@ -6374,6 +6434,7 @@ declare namespace LocalJSX {
         "verdocs-multiselect": VerdocsMultiselect;
         "verdocs-ok-dialog": VerdocsOkDialog;
         "verdocs-organization-card": VerdocsOrganizationCard;
+        "verdocs-otp-dialog": VerdocsOtpDialog;
         "verdocs-pagination": VerdocsPagination;
         "verdocs-portal": VerdocsPortal;
         "verdocs-preview": VerdocsPreview;
@@ -6680,6 +6741,10 @@ declare module "@stencil/core" {
              * ```
              */
             "verdocs-organization-card": LocalJSX.VerdocsOrganizationCard & JSXBase.HTMLAttributes<HTMLVerdocsOrganizationCardElement>;
+            /**
+             * Prompt the user to confirm their identity with a one time code via email/SMS.
+             */
+            "verdocs-otp-dialog": LocalJSX.VerdocsOtpDialog & JSXBase.HTMLAttributes<HTMLVerdocsOtpDialogElement>;
             /**
              * Display a simple pagination control with individual buttons to move through the data set.
              * ```ts

package/dist/verdocs-web-sdk/{p-0fd9da1e.entry.js → p-017ae3bc.entry.js}

@@ -1,2 +1,2 @@
-import{r as e,c as t,h as o,H as r}from"./p-ddadabfb.js";import{VerdocsEndpoint as a,createTemplate as s}from"@verdocs/js-sdk";import{S as i}from"./p-fd97809c.js";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-template-create{font-family:"Inter", -apple-system, "Segoe UI", "Roboto", "Helvetica Neue", sans-serif}verdocs-template-create form{background-color:#ffffff;padding:12px;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}verdocs-template-create form .upload-box{-webkit-box-sizing:border-box;box-sizing:border-box;width:320px;text-align:center;padding:44px 18px 66px;border:2px dashed #979797;color:rgba(0, 0, 0, 0.54)}verdocs-template-create form .upload-box.drag-over{border:2px solid #4c56cb}verdocs-template-create form .upload-box svg{width:64px;fill:#5c6575}verdocs-template-create p{color:#33364b;margin-top:20px;font-size:18px;font-weight:500;overflow-wrap:anywhere}verdocs-template-create p.subscript{color:#5c6575;font-size:14px;margin:20px}verdocs-template-create .loader-wrapper{background-color:#ffffff;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;width:320px;height:320px;text-align:center;border:2px dashed #979797;-ms-flex-pack:end;justify-content:flex-end}verdocs-template-create .progress-wrapper{padding:20px}verdocs-template-create .buttons{display:-ms-flexbox;display:flex;-webkit-column-gap:8px;-moz-column-gap:8px;column-gap:8px;margin-top:16px;-ms-flex-align:center;align-items:center;-ms-flex-direction:row;flex-direction:row;-ms-flex-pack:end;justify-content:flex-end}verdocs-template-create .buttons .flex-fill{-ms-flex:1;flex:1}verdocs-template-create ::-webkit-input-placeholder{color:#aaaaaa}verdocs-template-create ::-moz-placeholder{color:#aaaaaa}verdocs-template-create :-ms-input-placeholder{color:#aaaaaa}verdocs-template-create ::-ms-input-placeholder{color:#aaaaaa}verdocs-template-create ::placeholder{color:#aaaaaa}verdocs-template-create .error{margin:20px 0;color:#cc0000}';const c=l;const d='<svg focusable="false" aria-hidden="true" viewBox="0 0 24 24"><path d="M6 2c-1.1 0-1.99.9-1.99 2L4 20c0 1.1.89 2 1.99 2H18c1.1 0 2-.9 2-2V8l-6-6H6zm7 7V3.5L18.5 9H13z"></path></svg>';const n=class{constructor(o){e(this,o);this.exit=t(this,"exit",7);this.next=t(this,"next",7);this.sdkError=t(this,"sdkError",7);this.templateCreated=t(this,"templateCreated",7);this.endpoint=a.getDefault();this.maxSize=20.5*1024*1024;this.creating=false;this.progressLabel="Uploading...";this.progressPercent=0;this.errorMessage=""}componentWillLoad(){this.endpoint.setTimeout(3e4);this.endpoint.loadSession()}handleFileChanged(e){var t;this.errorMessage="";this.file=((t=e.target.files)===null||t===void 0?void 0:t[0])||null;console.log("[CREATE] Selected file",this.file);const o=this.file.size;if(o>this.maxSize){this.errorMessage="Total file size must not exceed 20MB."}}handleUpload(e){e.stopPropagation();const t=document.getElementById("verdocs-template-create-file");t.click()}handleCancel(e){e.stopPropagation();this.exit.emit()}async handleSubmit(e){var t,o,r,a,l;e.stopPropagation();if(!this.file){return}this.creating=true;this.progressLabel="Uploading...";try{const e=await s(this.endpoint,{name:this.file.name,initial_reminder:0,followup_reminders:0,documents:[this.file]},(e=>{if(e>=99){this.progressLabel="Processing...";this.progressPercent=100}else{this.progressPercent=e}}));console.log("[CREATE] Created template",e);(t=this.templateCreated)===null||t===void 0?void 0:t.emit({endpoint:this.endpoint,template:e,templateId:e.id});(o=this.next)===null||o===void 0?void 0:o.emit(e);this.creating=false;this.progressLabel="";this.progressPercent=0}catch(e){console.log("[CREATE] Error creating template",e);(r=this.sdkError)===null||r===void 0?void 0:r.emit(new i(e.message,(a=e.response)===null||a===void 0?void 0:a.status,(l=e.response)===null||l===void 0?void 0:l.data));this.creating=false}}render(){if(!this.endpoint.session){return o(r,null,o("verdocs-component-error",{message:"You must be authenticated to use this module."}))}return o(r,null,o("form",{onSubmit:e=>e.preventDefault(),onClick:e=>e.stopPropagation(),autocomplete:"off"},o("input",{type:"file",id:"verdocs-template-create-file",multiple:true,accept:".pdf,application/pdf,.doc,.docx,application/msword,application/vnd.openxmlformats-officedocument.wordprocessingml.document",style:{display:"none"},onChange:e=>this.handleFileChanged(e)}),this.creating?o("div",{class:"loader-wrapper"},o("verdocs-loader",null),this.progressLabel&&o("div",{class:"progress-wrapper"},o("verdocs-progress-bar",{showPercent:true,percent:this.progressPercent,label:this.progressLabel}))):o("div",{class:"upload-box",onDrop:e=>{e.preventDefault();e.target.classList.remove("drag-over");this.file=e.dataTransfer.files[0];if(this.file.size>this.maxSize){this.errorMessage="Total file size must not exceed 20MB."}},onDragOver:e=>{e.preventDefault();e.dataTransfer.dropEffect="copy"},onDragEnter:e=>e.target.classList.add("drag-over"),onDragLeave:e=>e.target.classList.remove("drag-over")},o("span",{innerHTML:d,style:{display:"flex",justifyContent:"center"}}),o("p",null,this.file?this.file.name:"Drag and drop your files here"),o("p",{class:"subscript"},"Supported files: PDF, Word"),o("verdocs-button",{label:this.file?"Select a different file":"Select a file from your computer",size:"small",onClick:e=>this.handleUpload(e)})),!!this.errorMessage&&o("div",{class:"error"},this.errorMessage),o("div",{class:"buttons"},o("verdocs-button",{variant:"outline",label:"Cancel",size:"small",onClick:e=>this.handleCancel(e),disabled:this.creating}),o("verdocs-button",{label:"Next",size:"small",onClick:e=>this.handleSubmit(e),disabled:!this.file||this.creating||!!this.errorMessage}))))}};n.style=c;export{n as verdocs_template_create};
-//# sourceMappingURL=p-0fd9da1e.entry.js.map
+import{r as e,c as t,h as o,H as r}from"./p-576f984d.js";import{VerdocsEndpoint as a,createTemplate as s}from"@verdocs/js-sdk";import{S as i}from"./p-fd97809c.js";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-template-create{font-family:"Inter", -apple-system, "Segoe UI", "Roboto", "Helvetica Neue", sans-serif}verdocs-template-create form{background-color:#ffffff;padding:12px;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}verdocs-template-create form .upload-box{-webkit-box-sizing:border-box;box-sizing:border-box;width:320px;text-align:center;padding:44px 18px 66px;border:2px dashed #979797;color:rgba(0, 0, 0, 0.54)}verdocs-template-create form .upload-box.drag-over{border:2px solid #4c56cb}verdocs-template-create form .upload-box svg{width:64px;fill:#5c6575}verdocs-template-create p{color:#33364b;margin-top:20px;font-size:18px;font-weight:500;overflow-wrap:anywhere}verdocs-template-create p.subscript{color:#5c6575;font-size:14px;margin:20px}verdocs-template-create .loader-wrapper{background-color:#ffffff;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;width:320px;height:320px;text-align:center;border:2px dashed #979797;-ms-flex-pack:end;justify-content:flex-end}verdocs-template-create .progress-wrapper{padding:20px}verdocs-template-create .buttons{display:-ms-flexbox;display:flex;-webkit-column-gap:8px;-moz-column-gap:8px;column-gap:8px;margin-top:16px;-ms-flex-align:center;align-items:center;-ms-flex-direction:row;flex-direction:row;-ms-flex-pack:end;justify-content:flex-end}verdocs-template-create .buttons .flex-fill{-ms-flex:1;flex:1}verdocs-template-create ::-webkit-input-placeholder{color:#aaaaaa}verdocs-template-create ::-moz-placeholder{color:#aaaaaa}verdocs-template-create :-ms-input-placeholder{color:#aaaaaa}verdocs-template-create ::-ms-input-placeholder{color:#aaaaaa}verdocs-template-create ::placeholder{color:#aaaaaa}verdocs-template-create .error{margin:20px 0;color:#cc0000}';const c=l;const d='<svg focusable="false" aria-hidden="true" viewBox="0 0 24 24"><path d="M6 2c-1.1 0-1.99.9-1.99 2L4 20c0 1.1.89 2 1.99 2H18c1.1 0 2-.9 2-2V8l-6-6H6zm7 7V3.5L18.5 9H13z"></path></svg>';const n=class{constructor(o){e(this,o);this.exit=t(this,"exit",7);this.next=t(this,"next",7);this.sdkError=t(this,"sdkError",7);this.templateCreated=t(this,"templateCreated",7);this.endpoint=a.getDefault();this.maxSize=20.5*1024*1024;this.creating=false;this.progressLabel="Uploading...";this.progressPercent=0;this.errorMessage=""}componentWillLoad(){this.endpoint.setTimeout(3e4);this.endpoint.loadSession()}handleFileChanged(e){var t;this.errorMessage="";this.file=((t=e.target.files)===null||t===void 0?void 0:t[0])||null;console.log("[CREATE] Selected file",this.file);const o=this.file.size;if(o>this.maxSize){this.errorMessage="Total file size must not exceed 20MB."}}handleUpload(e){e.stopPropagation();const t=document.getElementById("verdocs-template-create-file");t.click()}handleCancel(e){e.stopPropagation();this.exit.emit()}async handleSubmit(e){var t,o,r,a,l;e.stopPropagation();if(!this.file){return}this.creating=true;this.progressLabel="Uploading...";try{const e=await s(this.endpoint,{name:this.file.name,initial_reminder:0,followup_reminders:0,documents:[this.file]},(e=>{if(e>=99){this.progressLabel="Processing...";this.progressPercent=100}else{this.progressPercent=e}}));console.log("[CREATE] Created template",e);(t=this.templateCreated)===null||t===void 0?void 0:t.emit({endpoint:this.endpoint,template:e,templateId:e.id});(o=this.next)===null||o===void 0?void 0:o.emit(e);this.creating=false;this.progressLabel="";this.progressPercent=0}catch(e){console.log("[CREATE] Error creating template",e);(r=this.sdkError)===null||r===void 0?void 0:r.emit(new i(e.message,(a=e.response)===null||a===void 0?void 0:a.status,(l=e.response)===null||l===void 0?void 0:l.data));this.creating=false}}render(){if(!this.endpoint.session){return o(r,null,o("verdocs-component-error",{message:"You must be authenticated to use this module."}))}return o(r,null,o("form",{onSubmit:e=>e.preventDefault(),onClick:e=>e.stopPropagation(),autocomplete:"off"},o("input",{type:"file",id:"verdocs-template-create-file",multiple:true,accept:".pdf,application/pdf,.doc,.docx,application/msword,application/vnd.openxmlformats-officedocument.wordprocessingml.document",style:{display:"none"},onChange:e=>this.handleFileChanged(e)}),this.creating?o("div",{class:"loader-wrapper"},o("verdocs-loader",null),this.progressLabel&&o("div",{class:"progress-wrapper"},o("verdocs-progress-bar",{showPercent:true,percent:this.progressPercent,label:this.progressLabel}))):o("div",{class:"upload-box",onDrop:e=>{e.preventDefault();e.target.classList.remove("drag-over");this.file=e.dataTransfer.files[0];if(this.file.size>this.maxSize){this.errorMessage="Total file size must not exceed 20MB."}},onDragOver:e=>{e.preventDefault();e.dataTransfer.dropEffect="copy"},onDragEnter:e=>e.target.classList.add("drag-over"),onDragLeave:e=>e.target.classList.remove("drag-over")},o("span",{innerHTML:d,style:{display:"flex",justifyContent:"center"}}),o("p",null,this.file?this.file.name:"Drag and drop your files here"),o("p",{class:"subscript"},"Supported files: PDF, Word"),o("verdocs-button",{label:this.file?"Select a different file":"Select a file from your computer",size:"small",onClick:e=>this.handleUpload(e)})),!!this.errorMessage&&o("div",{class:"error"},this.errorMessage),o("div",{class:"buttons"},o("verdocs-button",{variant:"outline",label:"Cancel",size:"small",onClick:e=>this.handleCancel(e),disabled:this.creating}),o("verdocs-button",{label:"Next",size:"small",onClick:e=>this.handleSubmit(e),disabled:!this.file||this.creating||!!this.errorMessage}))))}};n.style=c;export{n as verdocs_template_create};
+//# sourceMappingURL=p-017ae3bc.entry.js.map