@verdocs/web-sdk 6.5.0-beta.2 → 6.5.0-beta.21

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

@@ -15,6 +15,7 @@ import { SDKError } from '../../../utils/errors';
  */
 export declare class VerdocsPreview {
     private templateListenerId;
+    private renderedPages;
     /**
      * The endpoint to use to communicate with Verdocs. If not set, the default endpoint will be used.
      */
@@ -35,6 +36,6 @@ export declare class VerdocsPreview {
     unlistenToTemplate(): void;
     onTemplateIdChanged(newTemplateId: string): void;
     componentWillLoad(): Promise<void>;
-    handlePageRendered(_e: any): void;
+    handlePageRendered(e: any): void;
     render(): any;
 }

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

@@ -2,6 +2,7 @@ import { EventEmitter } from '../../../stencil-public-runtime';
 import { VerdocsEndpoint, TRecipientAuthMethod } from '@verdocs/js-sdk';
 import { IEnvelope, IEnvelopeField, IRecipient, TAuthenticateRecipientRequest } from '@verdocs/js-sdk';
 import { IKBAQuestion, ISignerTokenResponse } from '@verdocs/js-sdk';
+import { IDocumentPageInfo } from '../../../utils/Types';
 import { SDKError } from '../../../utils/errors';
 /**
  * Display an envelope signing experience. This will display the envelope's attached
@@ -31,6 +32,7 @@ import { SDKError } from '../../../utils/errors';
  * ```
  */
 export declare class VerdocsSign {
+    el: HTMLElement;
     /**
      * The endpoint to use to communicate with Verdocs. If not set, the default endpoint will be used.
      */
@@ -57,6 +59,10 @@ export declare class VerdocsSign {
      * be externally controlled, use CSS display options to hide/show it instead.
      */
     headerTargetId: string | null;
+    /**
+     * The style of the toolbar to display.
+     */
+    toolbarStyle: 'controls' | 'menu';
     /**
      * Event fired if an error occurs. The event details will contain information about the error. Most errors will
      * terminate the process, and the calling application should correct the condition and re-render the component.
@@ -85,47 +91,57 @@ export declare class VerdocsSign {
     fatalErrorMessage: string;
     focusedField: string;
     disclosures: string;
+    fieldUpdateCounter: number;
     submitting: boolean;
     submitted: boolean;
     isDone: boolean;
     showDone: boolean;
-    showAdoptSignature: boolean;
+    adoptingSignature: boolean;
     showLoadError: boolean;
     finishLater: boolean;
     showFinishLater: boolean;
     agreed: boolean;
+    signatureId: string | null;
+    initialId: string | null;
     documentsSingularPlural: string;
     authStep: string | null;
     authMethodStates: Partial<Record<TRecipientAuthMethod, string>>;
+    pageNumber: number;
     kbaQuestions: IKBAQuestion[] | null;
     showSpinner: boolean;
     declining: boolean;
     delegating: boolean;
     delegated: boolean;
-    startedSigning: boolean;
     kbaChoices: any[];
+    showDownloadDialog: boolean;
     loading: boolean;
     envelope: IEnvelope | null;
+    zoomLevel: 'normal' | 'zoom1' | 'zoom2';
     private renderedPages;
+    private observer;
     componentDidLoad(): Promise<void>;
     componentDidRender(): void;
+    disconnectedCallback(): void;
+    updateZoomFromWindow(): void;
+    setupIntersectionObserver(): void;
     processAuthResponse(response: ISignerTokenResponse): void;
     handleClickAgree(): void;
+    handlePageSelect(e: any): void;
     handleOptionSelected(e: any): Promise<void>;
+    handleZoomIn(): void;
+    handleZoomOut(): void;
     updateRecipientFieldValue(fieldName: string, updateResult: any): void;
     saveFieldChange(fieldName: string, value: string, prepared: boolean): void;
     handleFieldChange(field: IEnvelopeField, e: any): Promise<void>;
     getSortedFillableFields(): IEnvelopeField[];
-    handleNext(): Promise<void>;
+    handleNext(): void;
     getRecipientFields(): IEnvelopeField[];
     checkRecipientFields(): void;
-    getNextRequiredField(): {
-        index: number;
-        field: IEnvelopeField;
-    };
+    getNextRequiredField(): IEnvelopeField;
+    getNextFieldFromList(fields: IEnvelopeField[]): IEnvelopeField;
     handlePrev(): void;
     updateAllFlags(): void;
-    updateFlagsForPage(pageNumber: number): void;
+    updateFlagsForPage(pageInfo: IDocumentPageInfo): void;
     attachFieldAttributes(pageInfo: any, field: any, el: any): void;
     handlePageRendered(e: any): void;
     handleAuthenticateSigner(params: TAuthenticateRecipientRequest): void;

package/dist/types/components/fields/verdocs-field-initial/verdocs-field-initial.d.ts

@@ -62,6 +62,11 @@ export declare class VerdocsFieldInitial {
      * The page the field is on
      */
     pagenumber?: number;
+    /**
+     * If set, provides the ID of already-adopted initials. If present, clicking the field (when empty)
+     * will immediately use these initials instead of showing the adoption dialog.
+     */
+    initialid?: string;
     /**
      * Event emitted when an initial block is adopted by the user. The event detail will contain the base64 string of the initial image.
      */
@@ -97,14 +102,11 @@ export declare class VerdocsFieldInitial {
     focused?: boolean;
     focusField(): Promise<void>;
     tempInitials: string;
-    private dialog?;
     componentDidRender(): void;
+    onBlur(): void;
     handleResizeStart(e: ResizeEvent): void;
     handleResize(e: any): void;
     handleResizeEnd(e: any): Promise<void>;
-    hideDialog(): void;
-    handleAdopt(e: any): void;
-    handleShow(): void;
     showSettingsPanel(): Promise<void>;
     hideSettingsPanel(): Promise<void>;
     render(): any;

package/dist/types/components/fields/verdocs-field-signature/verdocs-field-signature.d.ts

@@ -62,6 +62,11 @@ export declare class VerdocsFieldSignature {
      * The page the field is on
      */
     pagenumber?: number;
+    /**
+     * If set, provides the ID of an already-adopted signature. If present, clicking the field (when empty)
+     * will immediately use this signature instead of showing the adoption dialog.
+     */
+    signatureid?: string;
     /**
      * Event emitted when the field has changed.
      */
@@ -85,16 +90,14 @@ export declare class VerdocsFieldSignature {
     }>;
     showingProperties?: boolean;
     focused?: boolean;
+    adopt: EventEmitter;
     focusField(): Promise<void>;
     tempSignature: string;
-    private dialog?;
     componentDidRender(): void;
+    onBlur(): void;
     handleResizeStart(e: ResizeEvent): void;
     handleResize(e: any): void;
     handleResizeEnd(e: any): Promise<void>;
-    hideDialog(): void;
-    handleAdopt(e: any): void;
-    handleShow(): void;
     showSettingsPanel(): Promise<void>;
     hideSettingsPanel(): Promise<void>;
     render(): any;

package/dist/types/components.d.ts

@@ -338,6 +338,11 @@ export namespace Components {
      * Display a simple dialog where the contents are provided via slots.
      */
     interface VerdocsDialog {
+        /**
+          * If true, clicking on the background overlay will not close the dialog.
+          * @default false
+         */
+        "persistent": boolean;
     }
     /**
      * Display e-signing disclosures with options to delegate, decline or proceed.
@@ -354,6 +359,13 @@ export namespace Components {
          */
         "disclosures": string;
     }
+    interface VerdocsDownloadDialog {
+        /**
+          * If true, the envelope has a certificate available for download.
+          * @default false
+         */
+        "hasCertificate": boolean;
+    }
     /**
      * Display a drop-down menu button. A menu of the specified options will be displayed when the button is pressed. The menu will be hidden
      * when the button is pressed again, or an option is selected. Separators may be created by supplying an entry with an empty label.
@@ -842,6 +854,10 @@ export namespace Components {
         "fieldname": string;
         "focusField": () => Promise<void>;
         "hideSettingsPanel": () => Promise<void>;
+        /**
+          * If set, provides the ID of already-adopted initials. If present, clicking the field (when empty) will immediately use these initials instead of showing the adoption dialog.
+         */
+        "initialid"?: string;
         /**
           * The document or template field to display.
           * @default ''
@@ -1083,6 +1099,10 @@ export namespace Components {
          */
         "pagenumber"?: number;
         "showSettingsPanel": () => Promise<void>;
+        /**
+          * If set, provides the ID of an already-adopted signature. If present, clicking the field (when empty) will immediately use this signature instead of showing the adoption dialog.
+         */
+        "signatureid"?: string;
         /**
           * Fields may be attached to templates or envelopes, but only template fields may be edited.
           * @default 'template'
@@ -1532,11 +1552,6 @@ export namespace Components {
           * @default 'email'
          */
         "method": 'email' | 'sms';
-        /**
-          * For identity confirmation, the current recipient details.
-          * @default null
-         */
-        "recipient": IRecipient | null;
     }
     /**
      * Display a simple pagination control with individual buttons to move through the data set.
@@ -1566,6 +1581,16 @@ export namespace Components {
          */
         "selectedPage": number;
     }
+    /**
+     * Prompt the user to confirm their identity with a passcode.
+     */
+    interface VerdocsPasscodeDialog {
+        /**
+          * The endpoint to use to communicate with Verdocs. If not set, the default endpoint will be used.
+          * @default DefaultEndpoint
+         */
+        "endpoint": VerdocsEndpoint;
+    }
     /**
      * Display a child component in a "portal", popping it out of the main DOM tree
      * to allow it to escape the bounds set by its parent.
@@ -1857,7 +1882,7 @@ export namespace Components {
     interface VerdocsSign {
         /**
           * The endpoint to use to communicate with Verdocs. If not set, the default endpoint will be used.
-          * @default new VerdocsEndpoint({sessionType: 'signing'})
+          * @default new VerdocsEndpoint({ sessionType: 'signing' })
          */
         "endpoint": VerdocsEndpoint;
         /**
@@ -1880,6 +1905,11 @@ export namespace Components {
           * @default null
          */
         "roleId": string | null;
+        /**
+          * The style of the toolbar to display.
+          * @default 'controls'
+         */
+        "toolbarStyle": 'controls' | 'menu';
     }
     /**
      * Typically presented by the `verdocs-sign` component. Displays a footer toolbar
@@ -1934,6 +1964,16 @@ export namespace Components {
           * @default 'start'
          */
         "mode": 'start' | 'signing' | 'completed';
+        /**
+          * Detailed progress counts for required and optional fields
+          * @default null
+         */
+        "progress": {required: {remaining: number; total: number}; optional: {remaining: number; total: number}} | null;
+        /**
+          * List of remaining fields to complete
+          * @default []
+         */
+        "remainingFields": any[];
         /**
           * Total number of fields
           * @default 0
@@ -2536,6 +2576,10 @@ export interface VerdocsDisclosureDialogCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLVerdocsDisclosureDialogElement;
 }
+export interface VerdocsDownloadDialogCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLVerdocsDownloadDialogElement;
+}
 export interface VerdocsDropdownCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLVerdocsDropdownElement;
@@ -2644,6 +2688,10 @@ export interface VerdocsPaginationCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLVerdocsPaginationElement;
 }
+export interface VerdocsPasscodeDialogCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLVerdocsPasscodeDialogElement;
+}
 export interface VerdocsPortalCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLVerdocsPortalElement;
@@ -2998,9 +3046,9 @@ declare global {
         new (): HTMLVerdocsDialogElement;
     };
     interface HTMLVerdocsDisclosureDialogElementEventMap {
-        "decline": { first_name: string; last_name: string; email: string; phone: string; message: string };
-        "delegate": { first_name: string; last_name: string; email: string; phone: string; message: string };
-        "accept": { first_name: string; last_name: string; email: string; phone: string; message: string };
+        "decline": {first_name: string; last_name: string; email: string; phone: string; message: string};
+        "delegate": {first_name: string; last_name: string; email: string; phone: string; message: string};
+        "accept": {first_name: string; last_name: string; email: string; phone: string; message: string};
     }
     /**
      * Display e-signing disclosures with options to delegate, decline or proceed.
@@ -3019,6 +3067,24 @@ declare global {
         prototype: HTMLVerdocsDisclosureDialogElement;
         new (): HTMLVerdocsDisclosureDialogElement;
     };
+    interface HTMLVerdocsDownloadDialogElementEventMap {
+        "next": {action: 'document' | 'certificate' | 'zip'};
+        "exit": any;
+    }
+    interface HTMLVerdocsDownloadDialogElement extends Components.VerdocsDownloadDialog, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLVerdocsDownloadDialogElementEventMap>(type: K, listener: (this: HTMLVerdocsDownloadDialogElement, ev: VerdocsDownloadDialogCustomEvent<HTMLVerdocsDownloadDialogElementEventMap[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 HTMLVerdocsDownloadDialogElementEventMap>(type: K, listener: (this: HTMLVerdocsDownloadDialogElement, ev: VerdocsDownloadDialogCustomEvent<HTMLVerdocsDownloadDialogElementEventMap[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 HTMLVerdocsDownloadDialogElement: {
+        prototype: HTMLVerdocsDownloadDialogElement;
+        new (): HTMLVerdocsDownloadDialogElement;
+    };
     interface HTMLVerdocsDropdownElementEventMap {
         "optionSelected": IMenuOption;
     }
@@ -3355,6 +3421,7 @@ declare global {
         "settingsPress": any;
         "settingsChanged": {fieldName: string; field: ITemplateField};
         "deleted": {fieldName: string};
+        "adopt": any;
     }
     /**
      * Displays a signature field. If a signature already exists, it will be displayed and the field
@@ -3689,6 +3756,27 @@ declare global {
         prototype: HTMLVerdocsPaginationElement;
         new (): HTMLVerdocsPaginationElement;
     };
+    interface HTMLVerdocsPasscodeDialogElementEventMap {
+        "exit": any;
+        "next": {response: ISignerTokenResponse};
+    }
+    /**
+     * Prompt the user to confirm their identity with a passcode.
+     */
+    interface HTMLVerdocsPasscodeDialogElement extends Components.VerdocsPasscodeDialog, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLVerdocsPasscodeDialogElementEventMap>(type: K, listener: (this: HTMLVerdocsPasscodeDialogElement, ev: VerdocsPasscodeDialogCustomEvent<HTMLVerdocsPasscodeDialogElementEventMap[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 HTMLVerdocsPasscodeDialogElementEventMap>(type: K, listener: (this: HTMLVerdocsPasscodeDialogElement, ev: VerdocsPasscodeDialogCustomEvent<HTMLVerdocsPasscodeDialogElementEventMap[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 HTMLVerdocsPasscodeDialogElement: {
+        prototype: HTMLVerdocsPasscodeDialogElement;
+        new (): HTMLVerdocsPasscodeDialogElement;
+    };
     interface HTMLVerdocsPortalElementEventMap {
         "clickAway": void;
     }
@@ -3938,8 +4026,8 @@ declare global {
     };
     interface HTMLVerdocsSignElementEventMap {
         "sdkError": SDKError;
-        "envelopeLoaded": {endpoint: VerdocsEndpoint; envelope: IEnvelope};
-        "envelopeUpdated": {endpoint: VerdocsEndpoint; envelope: IEnvelope; event: string};
+        "envelopeLoaded": { endpoint: VerdocsEndpoint; envelope: IEnvelope };
+        "envelopeUpdated": { endpoint: VerdocsEndpoint; envelope: IEnvelope; event: string };
     }
     /**
      * Display an envelope signing experience. This will display the envelope's attached
@@ -4552,6 +4640,7 @@ declare global {
         "verdocs-delegate-dialog": HTMLVerdocsDelegateDialogElement;
         "verdocs-dialog": HTMLVerdocsDialogElement;
         "verdocs-disclosure-dialog": HTMLVerdocsDisclosureDialogElement;
+        "verdocs-download-dialog": HTMLVerdocsDownloadDialogElement;
         "verdocs-dropdown": HTMLVerdocsDropdownElement;
         "verdocs-envelope-document-page": HTMLVerdocsEnvelopeDocumentPageElement;
         "verdocs-envelope-recipient-link": HTMLVerdocsEnvelopeRecipientLinkElement;
@@ -4582,6 +4671,7 @@ declare global {
         "verdocs-organization-card": HTMLVerdocsOrganizationCardElement;
         "verdocs-otp-dialog": HTMLVerdocsOtpDialogElement;
         "verdocs-pagination": HTMLVerdocsPaginationElement;
+        "verdocs-passcode-dialog": HTMLVerdocsPasscodeDialogElement;
         "verdocs-portal": HTMLVerdocsPortalElement;
         "verdocs-preview": HTMLVerdocsPreviewElement;
         "verdocs-progress-bar": HTMLVerdocsProgressBarElement;
@@ -4984,6 +5074,11 @@ declare namespace LocalJSX {
           * Event fired when the dialog is dismissed by clicking the background overlay.
          */
         "onExit"?: (event: VerdocsDialogCustomEvent<any>) => void;
+        /**
+          * If true, clicking on the background overlay will not close the dialog.
+          * @default false
+         */
+        "persistent"?: boolean;
     }
     /**
      * Display e-signing disclosures with options to delegate, decline or proceed.
@@ -5002,15 +5097,30 @@ declare namespace LocalJSX {
         /**
           * Event fired when the user chooses to proceed.
          */
-        "onAccept"?: (event: VerdocsDisclosureDialogCustomEvent<{ first_name: string; last_name: string; email: string; phone: string; message: string }>) => void;
+        "onAccept"?: (event: VerdocsDisclosureDialogCustomEvent<{first_name: string; last_name: string; email: string; phone: string; message: string}>) => void;
         /**
           * Event fired when the user chooses to decline.
          */
-        "onDecline"?: (event: VerdocsDisclosureDialogCustomEvent<{ first_name: string; last_name: string; email: string; phone: string; message: string }>) => void;
+        "onDecline"?: (event: VerdocsDisclosureDialogCustomEvent<{first_name: string; last_name: string; email: string; phone: string; message: string}>) => void;
         /**
           * Event fired when the user chooses to delegate signing.
          */
-        "onDelegate"?: (event: VerdocsDisclosureDialogCustomEvent<{ first_name: string; last_name: string; email: string; phone: string; message: string }>) => void;
+        "onDelegate"?: (event: VerdocsDisclosureDialogCustomEvent<{first_name: string; last_name: string; email: string; phone: string; message: string}>) => void;
+    }
+    interface VerdocsDownloadDialog {
+        /**
+          * If true, the envelope has a certificate available for download.
+          * @default false
+         */
+        "hasCertificate"?: boolean;
+        /**
+          * Event fired when Cancel is pressed or background is clicked.
+         */
+        "onExit"?: (event: VerdocsDownloadDialogCustomEvent<any>) => void;
+        /**
+          * Event fired when an option is selected.
+         */
+        "onNext"?: (event: VerdocsDownloadDialogCustomEvent<{action: 'document' | 'certificate' | 'zip'}>) => void;
     }
     /**
      * Display a drop-down menu button. A menu of the specified options will be displayed when the button is pressed. The menu will be hidden
@@ -5614,6 +5724,10 @@ declare namespace LocalJSX {
           * @default ''
          */
         "fieldname"?: string;
+        /**
+          * If set, provides the ID of already-adopted initials. If present, clicking the field (when empty) will immediately use these initials instead of showing the adoption dialog.
+         */
+        "initialid"?: string;
         /**
           * The document or template field to display.
           * @default ''
@@ -5880,6 +5994,7 @@ declare namespace LocalJSX {
           * @default ''
          */
         "name"?: string;
+        "onAdopt"?: (event: VerdocsFieldSignatureCustomEvent<any>) => void;
         /**
           * Event fired when the field is deleted.
          */
@@ -5901,6 +6016,10 @@ declare namespace LocalJSX {
           * @default 1
          */
         "pagenumber"?: number;
+        /**
+          * If set, provides the ID of an already-adopted signature. If present, clicking the field (when empty) will immediately use this signature instead of showing the adoption dialog.
+         */
+        "signatureid"?: string;
         /**
           * Fields may be attached to templates or envelopes, but only template fields may be edited.
           * @default 'template'
@@ -6415,11 +6534,6 @@ declare namespace LocalJSX {
           * Event fired when the process has completed successfully.
          */
         "onNext"?: (event: VerdocsOtpDialogCustomEvent<{response: ISignerTokenResponse}>) => void;
-        /**
-          * For identity confirmation, the current recipient details.
-          * @default null
-         */
-        "recipient"?: IRecipient | null;
     }
     /**
      * Display a simple pagination control with individual buttons to move through the data set.
@@ -6453,6 +6567,24 @@ declare namespace LocalJSX {
          */
         "selectedPage"?: number;
     }
+    /**
+     * Prompt the user to confirm their identity with a passcode.
+     */
+    interface VerdocsPasscodeDialog {
+        /**
+          * The endpoint to use to communicate with Verdocs. If not set, the default endpoint will be used.
+          * @default DefaultEndpoint
+         */
+        "endpoint"?: VerdocsEndpoint;
+        /**
+          * Event fired when the step is cancelled. This is called exit to avoid conflicts with the JS-reserved "cancel" event name.
+         */
+        "onExit"?: (event: VerdocsPasscodeDialogCustomEvent<any>) => void;
+        /**
+          * Event fired when the process has completed successfully.
+         */
+        "onNext"?: (event: VerdocsPasscodeDialogCustomEvent<{response: ISignerTokenResponse}>) => void;
+    }
     /**
      * Display a child component in a "portal", popping it out of the main DOM tree
      * to allow it to escape the bounds set by its parent.
@@ -6799,7 +6931,7 @@ declare namespace LocalJSX {
     interface VerdocsSign {
         /**
           * The endpoint to use to communicate with Verdocs. If not set, the default endpoint will be used.
-          * @default new VerdocsEndpoint({sessionType: 'signing'})
+          * @default new VerdocsEndpoint({ sessionType: 'signing' })
          */
         "endpoint"?: VerdocsEndpoint;
         /**
@@ -6820,11 +6952,11 @@ declare namespace LocalJSX {
         /**
           * Event fired when the envelope is loaded for the first time.
          */
-        "onEnvelopeLoaded"?: (event: VerdocsSignCustomEvent<{endpoint: VerdocsEndpoint; envelope: IEnvelope}>) => void;
+        "onEnvelopeLoaded"?: (event: VerdocsSignCustomEvent<{ endpoint: VerdocsEndpoint; envelope: IEnvelope }>) => void;
         /**
           * Event fired when the envelope is updated in any way.
          */
-        "onEnvelopeUpdated"?: (event: VerdocsSignCustomEvent<{endpoint: VerdocsEndpoint; envelope: IEnvelope; event: string}>) => void;
+        "onEnvelopeUpdated"?: (event: VerdocsSignCustomEvent<{ endpoint: VerdocsEndpoint; envelope: IEnvelope; event: string }>) => void;
         /**
           * Event fired if an error occurs. The event details will contain information about the error. Most errors will terminate the process, and the calling application should correct the condition and re-render the component.
          */
@@ -6834,6 +6966,11 @@ declare namespace LocalJSX {
           * @default null
          */
         "roleId"?: string | null;
+        /**
+          * The style of the toolbar to display.
+          * @default 'controls'
+         */
+        "toolbarStyle"?: 'controls' | 'menu';
     }
     /**
      * Typically presented by the `verdocs-sign` component. Displays a footer toolbar
@@ -6928,6 +7065,16 @@ declare namespace LocalJSX {
           * Emitted when user clicks Start
          */
         "onStarted"?: (event: VerdocsSigningProgressCustomEvent<any>) => void;
+        /**
+          * Detailed progress counts for required and optional fields
+          * @default null
+         */
+        "progress"?: {required: {remaining: number; total: number}; optional: {remaining: number; total: number}} | null;
+        /**
+          * List of remaining fields to complete
+          * @default []
+         */
+        "remainingFields"?: any[];
         /**
           * Total number of fields
           * @default 0
@@ -7724,6 +7871,7 @@ declare namespace LocalJSX {
         "verdocs-delegate-dialog": VerdocsDelegateDialog;
         "verdocs-dialog": VerdocsDialog;
         "verdocs-disclosure-dialog": VerdocsDisclosureDialog;
+        "verdocs-download-dialog": VerdocsDownloadDialog;
         "verdocs-dropdown": VerdocsDropdown;
         "verdocs-envelope-document-page": VerdocsEnvelopeDocumentPage;
         "verdocs-envelope-recipient-link": VerdocsEnvelopeRecipientLink;
@@ -7754,6 +7902,7 @@ declare namespace LocalJSX {
         "verdocs-organization-card": VerdocsOrganizationCard;
         "verdocs-otp-dialog": VerdocsOtpDialog;
         "verdocs-pagination": VerdocsPagination;
+        "verdocs-passcode-dialog": VerdocsPasscodeDialog;
         "verdocs-portal": VerdocsPortal;
         "verdocs-preview": VerdocsPreview;
         "verdocs-progress-bar": VerdocsProgressBar;
@@ -7911,6 +8060,7 @@ declare module "@stencil/core" {
              * Display e-signing disclosures with options to delegate, decline or proceed.
              */
             "verdocs-disclosure-dialog": LocalJSX.VerdocsDisclosureDialog & JSXBase.HTMLAttributes<HTMLVerdocsDisclosureDialogElement>;
+            "verdocs-download-dialog": LocalJSX.VerdocsDownloadDialog & JSXBase.HTMLAttributes<HTMLVerdocsDownloadDialogElement>;
             /**
              * Display a drop-down menu button. A menu of the specified options will be displayed when the button is pressed. The menu will be hidden
              * when the button is pressed again, or an option is selected. Separators may be created by supplying an entry with an empty label.
@@ -8094,6 +8244,10 @@ declare module "@stencil/core" {
              * ```
              */
             "verdocs-pagination": LocalJSX.VerdocsPagination & JSXBase.HTMLAttributes<HTMLVerdocsPaginationElement>;
+            /**
+             * Prompt the user to confirm their identity with a passcode.
+             */
+            "verdocs-passcode-dialog": LocalJSX.VerdocsPasscodeDialog & JSXBase.HTMLAttributes<HTMLVerdocsPasscodeDialogElement>;
             /**
              * Display a child component in a "portal", popping it out of the main DOM tree
              * to allow it to escape the bounds set by its parent.

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

@@ -7,3 +7,7 @@ export declare const PngIcon = "<svg width=\"19\" height=\"24\" viewBox=\"0 0 19
 export declare const DocIcon = "<svg width=\"19\" height=\"24\" viewBox=\"0 0 19 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M0 16.2189V1.75354C0 0.78509 0.785066 0 1.75352 0H11.4037L18.6338 7.23011V17.6856H0.000116018V16.219L0 16.2189Z\" fill=\"#33A9FE\"/>\n<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M18.6338 17.6855V22.5769C18.6338 23.3629 17.8489 23.9999 16.8804 23.9999H1.75352C0.785067 23.9999 0 23.3629 0 22.5769V17.6855H18.6337H18.6338Z\" fill=\"#2585CB\"/>\n<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M11.4004 4.63363e-05H11.4036L18.6347 7.23109V13.2774C18.5839 13.3036 18.5406 13.3018 18.5058 13.2671C18.1634 12.9247 11.7261 6.93062 11.7261 6.44637C11.7261 4.3169 11.4043 0.0509979 11.4004 0V4.63363e-05Z\" fill=\"url(#paint0_linear_1513_141)\"/>\n<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M11.4004 4.63363e-05H11.4036L18.6347 7.23109H13.2259C12.7419 7.23109 12.2776 7.03876 11.9352 6.6964C11.5928 6.35404 11.4004 5.8897 11.4004 5.40555V0V4.63363e-05Z\" fill=\"#2585CB\"/>\n<defs>\n<linearGradient id=\"paint0_linear_1513_141\" x1=\"13.6443\" y1=\"5.4399\" x2=\"20.0976\" y2=\"11.7889\" gradientUnits=\"userSpaceOnUse\">\n<stop stop-color=\"#212121\" stop-opacity=\"0.61569\"/>\n<stop offset=\"1\" stop-color=\"#4D4D4D\" stop-opacity=\"0\"/>\n</linearGradient>\n</defs>\n</svg>\n;";
 export declare const PageCountIcon = "<svg width=\"19\" height=\"24\" viewBox=\"0 0 19 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n<rect x=\"0.5\" y=\"0.5\" width=\"14\" height=\"17\" rx=\"0.5\" fill=\"white\" stroke=\"#375367\"/>\n<rect x=\"2.5\" y=\"2.5\" width=\"14\" height=\"18\" rx=\"0.5\" fill=\"white\" stroke=\"#375367\"/>\n<rect x=\"4.5\" y=\"4.5\" width=\"14\" height=\"19\" rx=\"0.5\" fill=\"white\" stroke=\"#375367\"/>\n</svg>\n";
 export declare const SettingsIcon = "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"currentColor\"><path fill-rule=\"evenodd\" d=\"M7.84 1.804A1 1 0 0 1 8.82 1h2.36a1 1 0 0 1 .98.804l.331 1.652a6.993 6.993 0 0 1 1.929 1.115l1.598-.54a1 1 0 0 1 1.186.447l1.18 2.044a1 1 0 0 1-.205 1.251l-1.267 1.113a7.047 7.047 0 0 1 0 2.228l1.267 1.113a1 1 0 0 1 .206 1.25l-1.18 2.045a1 1 0 0 1-1.187.447l-1.598-.54a6.993 6.993 0 0 1-1.929 1.115l-.33 1.652a1 1 0 0 1-.98.804H8.82a1 1 0 0 1-.98-.804l-.331-1.652a6.993 6.993 0 0 1-1.929-1.115l-1.598.54a1 1 0 0 1-1.186-.447l-1.18-2.044a1 1 0 0 1 .205-1.251l1.267-1.114a7.05 7.05 0 0 1 0-2.227L1.821 7.773a1 1 0 0 1-.206-1.25l1.18-2.045a1 1 0 0 1 1.187-.447l1.598.54A6.992 6.992 0 0 1 7.51 3.456l.33-1.652ZM10 13a3 3 0 1 0 0-6 3 3 0 0 0 0 6Z\" clip-rule=\"evenodd\" /></svg>";
+export declare const PencilIcon = "<svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"1.5\" stroke=\"currentColor\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M16.862 4.487l1.687-1.688a1.875 1.875 0 112.652 2.652L6.832 19.82a4.5 4.5 0 01-1.897 1.13l-2.685.8.8-2.685a4.5 4.5 0 011.13-1.897L16.863 4.487zm0 0L19.5 7.125\" /></svg>";
+export declare const EraserIcon = "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M21 21H8a2 2 0 0 1-1.42-.587l-3.994-3.999a2 2 0 0 1 0-2.828l10-10a2 2 0 0 1 2.829 0l5.999 6a2 2 0 0 1 0 2.828L12.834 21\"/><path d=\"m5.082 11.09 8.828 8.828\"/></svg>";
+export declare const SignatureXIcon = "<svg width=\"25\" height=\"28\" viewBox=\"0 0 25 28\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M24.0625 28.0078H18.4961L12.7539 17.7344C12.5846 17.4219 12.3958 16.9792 12.1875 16.4062H12.1094C11.9922 16.6927 11.7969 17.1354 11.5234 17.7344L5.60547 28.0078H0L9.17969 13.9258L0.742188 0H6.42578L11.4844 9.45312C11.8099 10.0781 12.1029 10.7031 12.3633 11.3281H12.4219C12.7995 10.5078 13.125 9.85677 13.3984 9.375L18.6523 0H23.8867L15.2539 13.8867L24.0625 28.0078Z\" fill=\"#E0E0E0\"/></svg>";
+export declare const DocumentPageIcon = "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M6 22a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h8a2.4 2.4 0 0 1 1.704.706l3.588 3.588A2.4 2.4 0 0 1 20 8v12a2 2 0 0 1-2 2z\"/><path d=\"M14 2v5a1 1 0 0 0 1 1h5\"/><path d=\"M10 9H8\"/><path d=\"M16 13H8\"/><path d=\"M16 17H8\"/></svg>";