@verdocs/web-sdk 1.2.0 → 1.4.6

package/dist/types/components.d.ts

@@ -6,8 +6,8 @@
  */
 import { HTMLStencilElement, JSXBase } from "./stencil-public-runtime";
 import { IAuthStatus } from "./components/embeds/verdocs-auth/verdocs-auth";
-import { IDocumentField, TDocumentStatus } from "@verdocs/js-sdk/Documents/Documents";
 import { IMenuOption } from "./components/controls/verdocs-dropdown/verdocs-dropdown";
+import { IDocument, IDocumentField, TDocumentStatus, TRecipientStatus } from "@verdocs/js-sdk/Documents/Documents";
 import { IOrganization } from "@verdocs/js-sdk/Organizations/Types";
 import { IRecentSearch } from "@verdocs/js-sdk/Search/Types";
 import { ISearchEvent, TContentType } from "./components/elements/verdocs-search-box/verdocs-search-box";
@@ -36,9 +36,21 @@ export namespace Components {
          */
         "disabled": boolean;
         /**
-          * The label for the  button.
+          * If desired, a suffix icon for the button
+         */
+        "endIcon": string | null;
+        /**
+          * The label for the button.
          */
         "label": string;
+        /**
+          * The size (height) of the button.
+         */
+        "size": 'small' | 'normal' | 'medium' | 'large';
+        /**
+          * If desired, a prefix icon for the button
+         */
+        "startIcon": string | null;
         /**
           * The type of the button.
          */
@@ -48,12 +60,6 @@ export namespace Components {
          */
         "variant": 'standard' | 'text' | 'outline';
     }
-    interface VerdocsDocumentStatus {
-        /**
-          * The status to display
-         */
-        "status": TDocumentStatus;
-    }
     interface VerdocsDropdown {
         /**
           * If set, the component will be open by default. This is primarily intended to be used for testing.
@@ -278,6 +284,44 @@ export namespace Components {
          */
         "open": boolean;
     }
+    interface VerdocsKbaDialog {
+        /**
+          * For choice challenges, a set of choices to choose from. 6 choices is recommended to fit most screen sizes.
+         */
+        "choices": string[];
+        /**
+          * If set, a help/instructions box will be displayed with this text
+         */
+        "helptext": string;
+        /**
+          * If set, a help/instructions box will be displayed with this title
+         */
+        "helptitle": string;
+        /**
+          * For text input challenges, the label to display next to the input field.
+         */
+        "label": string;
+        /**
+          * Whether the dialog is currently being displayed. This allows it to be added to the DOM before being displayed.
+         */
+        "mode": 'text' | 'choice';
+        /**
+          * Whether the dialog is currently being displayed. This allows it to be added to the DOM before being displayed.
+         */
+        "open": boolean;
+        /**
+          * For text input challenges, the placeholder to display inside the input field.
+         */
+        "placeholder": string;
+        /**
+          * Which step this confirmation is for, in a multi-step process. Ignored if `steps` is < 2.
+         */
+        "step": number;
+        /**
+          * How many steps exist in a multi-step process. Set to 1 for a single-step process (hides the indicator).
+         */
+        "steps": number;
+    }
     interface VerdocsLoader {
     }
     interface VerdocsOkDialog {
@@ -352,6 +396,24 @@ export namespace Components {
          */
         "open": boolean;
     }
+    interface VerdocsStatusIndicator {
+        /**
+          * The document to display status for. Ignored if `status` is set directly.
+         */
+        "document"?: IDocument;
+        /**
+          * The size (height) of the indicator. The small variant is suitable for use in densely populated components such as table rows.
+         */
+        "size": 'small' | 'normal';
+        /**
+          * The status to display.
+         */
+        "status"?: TDocumentStatus | TRecipientStatus | 'accepted';
+        /**
+          * The theme to use for diplay.
+         */
+        "theme"?: 'dark' | 'light';
+    }
     interface VerdocsTemplateCard {
         /**
           * The template for which the card will be rendered.
@@ -421,6 +483,98 @@ export namespace Components {
         "token": string | null;
     }
 }
+export interface VerdocsAuthCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLVerdocsAuthElement;
+}
+export interface VerdocsButtonCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLVerdocsButtonElement;
+}
+export interface VerdocsDropdownCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLVerdocsDropdownElement;
+}
+export interface VerdocsFieldAttachmentCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLVerdocsFieldAttachmentElement;
+}
+export interface VerdocsFieldCheckboxCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLVerdocsFieldCheckboxElement;
+}
+export interface VerdocsFieldDateCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLVerdocsFieldDateElement;
+}
+export interface VerdocsFieldDropdownCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLVerdocsFieldDropdownElement;
+}
+export interface VerdocsFieldInitialCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLVerdocsFieldInitialElement;
+}
+export interface VerdocsFieldPaymentCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLVerdocsFieldPaymentElement;
+}
+export interface VerdocsFieldRadioButtonCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLVerdocsFieldRadioButtonElement;
+}
+export interface VerdocsFieldSignatureCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLVerdocsFieldSignatureElement;
+}
+export interface VerdocsFieldTextareaCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLVerdocsFieldTextareaElement;
+}
+export interface VerdocsFieldTextboxCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLVerdocsFieldTextboxElement;
+}
+export interface VerdocsInitialDialogCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLVerdocsInitialDialogElement;
+}
+export interface VerdocsKbaDialogCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLVerdocsKbaDialogElement;
+}
+export interface VerdocsOkDialogCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLVerdocsOkDialogElement;
+}
+export interface VerdocsQuickFunctionsCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLVerdocsQuickFunctionsElement;
+}
+export interface VerdocsSearchActivityCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLVerdocsSearchActivityElement;
+}
+export interface VerdocsSearchBoxCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLVerdocsSearchBoxElement;
+}
+export interface VerdocsSignatureDialogCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLVerdocsSignatureDialogElement;
+}
+export interface VerdocsTextInputCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLVerdocsTextInputElement;
+}
+export interface VerdocsUploadDialogCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLVerdocsUploadDialogElement;
+}
+export interface VerdocsViewCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLVerdocsViewElement;
+}
 declare global {
     interface HTMLVerdocsAuthElement extends Components.VerdocsAuth, HTMLStencilElement {
     }
@@ -434,12 +588,6 @@ declare global {
         prototype: HTMLVerdocsButtonElement;
         new (): HTMLVerdocsButtonElement;
     };
-    interface HTMLVerdocsDocumentStatusElement extends Components.VerdocsDocumentStatus, HTMLStencilElement {
-    }
-    var HTMLVerdocsDocumentStatusElement: {
-        prototype: HTMLVerdocsDocumentStatusElement;
-        new (): HTMLVerdocsDocumentStatusElement;
-    };
     interface HTMLVerdocsDropdownElement extends Components.VerdocsDropdown, HTMLStencilElement {
     }
     var HTMLVerdocsDropdownElement: {
@@ -512,6 +660,12 @@ declare global {
         prototype: HTMLVerdocsInitialDialogElement;
         new (): HTMLVerdocsInitialDialogElement;
     };
+    interface HTMLVerdocsKbaDialogElement extends Components.VerdocsKbaDialog, HTMLStencilElement {
+    }
+    var HTMLVerdocsKbaDialogElement: {
+        prototype: HTMLVerdocsKbaDialogElement;
+        new (): HTMLVerdocsKbaDialogElement;
+    };
     interface HTMLVerdocsLoaderElement extends Components.VerdocsLoader, HTMLStencilElement {
     }
     var HTMLVerdocsLoaderElement: {
@@ -572,6 +726,12 @@ declare global {
         prototype: HTMLVerdocsSignatureDialogElement;
         new (): HTMLVerdocsSignatureDialogElement;
     };
+    interface HTMLVerdocsStatusIndicatorElement extends Components.VerdocsStatusIndicator, HTMLStencilElement {
+    }
+    var HTMLVerdocsStatusIndicatorElement: {
+        prototype: HTMLVerdocsStatusIndicatorElement;
+        new (): HTMLVerdocsStatusIndicatorElement;
+    };
     interface HTMLVerdocsTemplateCardElement extends Components.VerdocsTemplateCard, HTMLStencilElement {
     }
     var HTMLVerdocsTemplateCardElement: {
@@ -611,7 +771,6 @@ declare global {
     interface HTMLElementTagNameMap {
         "verdocs-auth": HTMLVerdocsAuthElement;
         "verdocs-button": HTMLVerdocsButtonElement;
-        "verdocs-document-status": HTMLVerdocsDocumentStatusElement;
         "verdocs-dropdown": HTMLVerdocsDropdownElement;
         "verdocs-field-attachment": HTMLVerdocsFieldAttachmentElement;
         "verdocs-field-checkbox": HTMLVerdocsFieldCheckboxElement;
@@ -624,6 +783,7 @@ declare global {
         "verdocs-field-textarea": HTMLVerdocsFieldTextareaElement;
         "verdocs-field-textbox": HTMLVerdocsFieldTextboxElement;
         "verdocs-initial-dialog": HTMLVerdocsInitialDialogElement;
+        "verdocs-kba-dialog": HTMLVerdocsKbaDialogElement;
         "verdocs-loader": HTMLVerdocsLoaderElement;
         "verdocs-ok-dialog": HTMLVerdocsOkDialogElement;
         "verdocs-organization-card": HTMLVerdocsOrganizationCardElement;
@@ -634,6 +794,7 @@ declare global {
         "verdocs-search-tabs": HTMLVerdocsSearchTabsElement;
         "verdocs-sign": HTMLVerdocsSignElement;
         "verdocs-signature-dialog": HTMLVerdocsSignatureDialogElement;
+        "verdocs-status-indicator": HTMLVerdocsStatusIndicatorElement;
         "verdocs-template-card": HTMLVerdocsTemplateCardElement;
         "verdocs-template-tags": HTMLVerdocsTemplateTagsElement;
         "verdocs-text-input": HTMLVerdocsTextInputElement;
@@ -655,7 +816,7 @@ declare namespace LocalJSX {
         /**
           * Event fired when session authentication process has completed. Check the event contents for completion status.
          */
-        "onAuthenticated"?: (event: CustomEvent<IAuthStatus>) => void;
+        "onAuthenticated"?: (event: VerdocsAuthCustomEvent<IAuthStatus>) => void;
         /**
           * Normally, if the user has a valid session, this embed will be invisible, otherwise it will display login / signup forms. If this is set to false, this embed will be invisible in both cases. Apps may use this to verify if a user has a valid session without needing a separate call to Verdocs JS SDK.
          */
@@ -667,13 +828,25 @@ declare namespace LocalJSX {
          */
         "disabled"?: boolean;
         /**
-          * The label for the  button.
+          * If desired, a suffix icon for the button
          */
-        "label"?: string;
+        "endIcon"?: string | null;
+        /**
+          * The label for the button.
+         */
+        "label": string;
         /**
           * Event fired when the button is pressed.
          */
-        "onPress"?: (event: CustomEvent<any>) => void;
+        "onPress"?: (event: VerdocsButtonCustomEvent<any>) => void;
+        /**
+          * The size (height) of the button.
+         */
+        "size"?: 'small' | 'normal' | 'medium' | 'large';
+        /**
+          * If desired, a prefix icon for the button
+         */
+        "startIcon"?: string | null;
         /**
           * The type of the button.
          */
@@ -683,17 +856,11 @@ declare namespace LocalJSX {
          */
         "variant"?: 'standard' | 'text' | 'outline';
     }
-    interface VerdocsDocumentStatus {
-        /**
-          * The status to display
-         */
-        "status"?: TDocumentStatus;
-    }
     interface VerdocsDropdown {
         /**
           * Event fired when a menu option is clicked. Web Component events need to be "composed" to cross the Shadow DOM and be received by parent frameworks.
          */
-        "onOptionSelected"?: (event: CustomEvent<IMenuOption>) => void;
+        "onOptionSelected"?: (event: VerdocsDropdownCustomEvent<IMenuOption>) => void;
         /**
           * If set, the component will be open by default. This is primarily intended to be used for testing.
          */
@@ -711,7 +878,7 @@ declare namespace LocalJSX {
         /**
           * Event fired when the input field value changes. Note that this will only be fired on blur, tab-out, ENTER key press, etc. It is generally the best event to subscribe to than `input` for most cases EXCEPT autocomplete fields that need to see every keypress.
          */
-        "onFieldChange"?: (event: CustomEvent<string>) => void;
+        "onFieldChange"?: (event: VerdocsFieldAttachmentCustomEvent<string>) => void;
         /**
           * Sets the tabIndex of the input element.
          */
@@ -733,7 +900,7 @@ declare namespace LocalJSX {
         /**
           * Event fired when the input field value changes. Note that this will only be fired on blur, tab-out, ENTER key press, etc. It is generally the best event to subscribe to than `input` for most cases EXCEPT autocomplete fields that need to see every keypress.
          */
-        "onFieldChange"?: (event: CustomEvent<string>) => void;
+        "onFieldChange"?: (event: VerdocsFieldCheckboxCustomEvent<string>) => void;
         /**
           * Sets the tabIndex of the input element.
          */
@@ -755,19 +922,19 @@ declare namespace LocalJSX {
         /**
           * Event fired when the input field gains focus.
          */
-        "onFieldBlur"?: (event: CustomEvent<boolean>) => void;
+        "onFieldBlur"?: (event: VerdocsFieldDateCustomEvent<boolean>) => void;
         /**
           * Event fired when the input field value changes. Note that this will only be fired on blur, tab-out, ENTER key press, etc. It is generally the best event to subscribe to than `input` for most cases EXCEPT autocomplete fields that need to see every keypress.
          */
-        "onFieldChange"?: (event: CustomEvent<string>) => void;
+        "onFieldChange"?: (event: VerdocsFieldDateCustomEvent<string>) => void;
         /**
           * Event fired when the input field loses focus.
          */
-        "onFieldFocus"?: (event: CustomEvent<boolean>) => void;
+        "onFieldFocus"?: (event: VerdocsFieldDateCustomEvent<boolean>) => void;
         /**
           * Event fired on every character entered into / deleted from the field.
          */
-        "onFieldInput"?: (event: CustomEvent<string>) => void;
+        "onFieldInput"?: (event: VerdocsFieldDateCustomEvent<string>) => void;
         /**
           * Sets the tabIndex of the input element.
          */
@@ -793,15 +960,15 @@ declare namespace LocalJSX {
         /**
           * Event fired when the input field gains focus.
          */
-        "onFieldBlur"?: (event: CustomEvent<boolean>) => void;
+        "onFieldBlur"?: (event: VerdocsFieldDropdownCustomEvent<boolean>) => void;
         /**
           * Event fired when the input field value changes. Note that this will only be fired on blur, tab-out, ENTER key press, etc. It is generally the best event to subscribe to than `input` for most cases EXCEPT autocomplete fields that need to see every keypress.
          */
-        "onFieldChange"?: (event: CustomEvent<string>) => void;
+        "onFieldChange"?: (event: VerdocsFieldDropdownCustomEvent<string>) => void;
         /**
           * Event fired when the input field loses focus.
          */
-        "onFieldFocus"?: (event: CustomEvent<boolean>) => void;
+        "onFieldFocus"?: (event: VerdocsFieldDropdownCustomEvent<boolean>) => void;
         /**
           * The optoins to choose from.
          */
@@ -827,11 +994,11 @@ declare namespace LocalJSX {
         /**
           * Event emitted when an initial block is adopted by the user. The event detail will contain the base64 string of the initial image.
          */
-        "onAdopt"?: (event: CustomEvent<string>) => void;
+        "onAdopt"?: (event: VerdocsFieldInitialCustomEvent<string>) => void;
         /**
           * Event emitted when the user cancels the process.
          */
-        "onCancel"?: (event: CustomEvent<any>) => void;
+        "onCancel"?: (event: VerdocsFieldInitialCustomEvent<any>) => void;
         /**
           * Whether the field is required.
          */
@@ -853,8 +1020,8 @@ declare namespace LocalJSX {
         "fieldId"?: string;
         "fields"?: any[];
         "focused"?: boolean;
-        "onInitialComplete"?: (event: CustomEvent<string>) => void;
-        "onSignatureComplete"?: (event: CustomEvent<string>) => void;
+        "onInitialComplete"?: (event: VerdocsFieldPaymentCustomEvent<string>) => void;
+        "onSignatureComplete"?: (event: VerdocsFieldPaymentCustomEvent<string>) => void;
         "pageNum"?: number;
         "pdfPages"?: any[];
         "recipients"?: any;
@@ -878,7 +1045,7 @@ declare namespace LocalJSX {
         /**
           * Event fired when the input field value changes. Note that this will only be fired on blur, tab-out, ENTER key press, etc. It is generally the best event to subscribe to than `input` for most cases EXCEPT autocomplete fields that need to see every keypress.
          */
-        "onFieldChange"?: (event: CustomEvent<string>) => void;
+        "onFieldChange"?: (event: VerdocsFieldRadioButtonCustomEvent<string>) => void;
         /**
           * Sets the tabIndex of the input element.
          */
@@ -900,11 +1067,11 @@ declare namespace LocalJSX {
         /**
           * Event emitted when an initial block is adopted by the user. The event detail will contain the base64 string of the initial image.
          */
-        "onAdopt"?: (event: CustomEvent<string>) => void;
+        "onAdopt"?: (event: VerdocsFieldSignatureCustomEvent<string>) => void;
         /**
           * Event emitted when the user cancels the process.
          */
-        "onCancel"?: (event: CustomEvent<any>) => void;
+        "onCancel"?: (event: VerdocsFieldSignatureCustomEvent<any>) => void;
         /**
           * Whether the field is required.
          */
@@ -922,19 +1089,19 @@ declare namespace LocalJSX {
         /**
           * Event fired when the input field gains focus.
          */
-        "onFieldBlur"?: (event: CustomEvent<boolean>) => void;
+        "onFieldBlur"?: (event: VerdocsFieldTextareaCustomEvent<boolean>) => void;
         /**
           * Event fired when the input field value changes. Note that this will only be fired on blur, tab-out, ENTER key press, etc. It is generally the best event to subscribe to than `input` for most cases EXCEPT autocomplete fields that need to see every keypress.
          */
-        "onFieldChange"?: (event: CustomEvent<string>) => void;
+        "onFieldChange"?: (event: VerdocsFieldTextareaCustomEvent<string>) => void;
         /**
           * Event fired when the input field loses focus.
          */
-        "onFieldFocus"?: (event: CustomEvent<boolean>) => void;
+        "onFieldFocus"?: (event: VerdocsFieldTextareaCustomEvent<boolean>) => void;
         /**
           * Event fired on every character entered into / deleted from the field.
          */
-        "onFieldInput"?: (event: CustomEvent<string>) => void;
+        "onFieldInput"?: (event: VerdocsFieldTextareaCustomEvent<string>) => void;
         /**
           * Sets the tabIndex of the input element.
          */
@@ -960,19 +1127,19 @@ declare namespace LocalJSX {
         /**
           * Event fired when the input field gains focus.
          */
-        "onFieldBlur"?: (event: CustomEvent<boolean>) => void;
+        "onFieldBlur"?: (event: VerdocsFieldTextboxCustomEvent<boolean>) => void;
         /**
           * Event fired when the input field value changes. Note that this will only be fired on blur, tab-out, ENTER key press, etc. It is generally the best event to subscribe to than `input` for most cases EXCEPT autocomplete fields that need to see every keypress.
          */
-        "onFieldChange"?: (event: CustomEvent<string>) => void;
+        "onFieldChange"?: (event: VerdocsFieldTextboxCustomEvent<string>) => void;
         /**
           * Event fired when the input field loses focus.
          */
-        "onFieldFocus"?: (event: CustomEvent<boolean>) => void;
+        "onFieldFocus"?: (event: VerdocsFieldTextboxCustomEvent<boolean>) => void;
         /**
           * Event fired on every character entered into / deleted from the field.
          */
-        "onFieldInput"?: (event: CustomEvent<string>) => void;
+        "onFieldInput"?: (event: VerdocsFieldTextboxCustomEvent<string>) => void;
         /**
           * Sets the tabIndex of the input element.
          */
@@ -998,15 +1165,61 @@ declare namespace LocalJSX {
         /**
           * Event fired when the initials are adopted.
          */
-        "onAdopt"?: (event: CustomEvent<string>) => void;
+        "onAdopt"?: (event: VerdocsInitialDialogCustomEvent<string>) => void;
         /**
           * Event fired when the step is cancelled.
          */
-        "onCancel"?: (event: CustomEvent<any>) => void;
+        "onCancel"?: (event: VerdocsInitialDialogCustomEvent<any>) => void;
+        /**
+          * Whether the dialog is currently being displayed. This allows it to be added to the DOM before being displayed.
+         */
+        "open"?: boolean;
+    }
+    interface VerdocsKbaDialog {
+        /**
+          * For choice challenges, a set of choices to choose from. 6 choices is recommended to fit most screen sizes.
+         */
+        "choices"?: string[];
+        /**
+          * If set, a help/instructions box will be displayed with this text
+         */
+        "helptext"?: string;
+        /**
+          * If set, a help/instructions box will be displayed with this title
+         */
+        "helptitle"?: string;
+        /**
+          * For text input challenges, the label to display next to the input field.
+         */
+        "label"?: string;
+        /**
+          * Whether the dialog is currently being displayed. This allows it to be added to the DOM before being displayed.
+         */
+        "mode"?: 'text' | 'choice';
+        /**
+          * Event fired when the dialog is closed. The event data will contain the closure reason.
+         */
+        "onCancel"?: (event: VerdocsKbaDialogCustomEvent<any>) => void;
+        /**
+          * Event fired when the dialog is closed. The event data will contain the closure reason.
+         */
+        "onDone"?: (event: VerdocsKbaDialogCustomEvent<string>) => void;
         /**
           * Whether the dialog is currently being displayed. This allows it to be added to the DOM before being displayed.
          */
         "open"?: boolean;
+        /**
+          * For text input challenges, the placeholder to display inside the input field.
+         */
+        "placeholder"?: string;
+        /**
+          * Which step this confirmation is for, in a multi-step process. Ignored if `steps` is < 2.
+         */
+        "step"?: number;
+        /**
+          * How many steps exist in a multi-step process. Set to 1 for a single-step process (hides the indicator).
+         */
+        "steps"?: number;
     }
     interface VerdocsLoader {
     }
@@ -1026,7 +1239,7 @@ declare namespace LocalJSX {
         /**
           * Event fired when the dialog is closed. The event data will contain the closure reason.
          */
-        "onClosed"?: (event: CustomEvent<'cancel' | 'ok'>) => void;
+        "onClosed"?: (event: VerdocsOkDialogCustomEvent<'cancel' | 'ok'>) => void;
         /**
           * Whether the dialog is currently being displayed. This allows it to be added to the DOM before being displayed.
          */
@@ -1042,11 +1255,11 @@ declare namespace LocalJSX {
         /**
           * Event fired when an entry is clicked.
          */
-        "onCreateDocument"?: (event: CustomEvent<any>) => void;
+        "onCreateDocument"?: (event: VerdocsQuickFunctionsCustomEvent<any>) => void;
         /**
           * Event fired when an entry is clicked.
          */
-        "onCreateTemplate"?: (event: CustomEvent<any>) => void;
+        "onCreateTemplate"?: (event: VerdocsQuickFunctionsCustomEvent<any>) => void;
     }
     interface VerdocsSearch {
     }
@@ -1054,7 +1267,7 @@ declare namespace LocalJSX {
         /**
           * Event fired when an entry is clicked.
          */
-        "onEntrySelected"?: (event: CustomEvent<IRecentSearch>) => void;
+        "onEntrySelected"?: (event: VerdocsSearchActivityCustomEvent<IRecentSearch>) => void;
         "options"?: any;
         "type"?: 'recent' | 'saved' | 'starred';
     }
@@ -1062,15 +1275,15 @@ declare namespace LocalJSX {
         /**
           * Event fired when the user changes the query string.
          */
-        "onQueryChanged"?: (event: CustomEvent<string>) => void;
+        "onQueryChanged"?: (event: VerdocsSearchBoxCustomEvent<string>) => void;
         /**
           * Event fired when the user changes the type.
          */
-        "onSearchClicked"?: (event: CustomEvent<ISearchEvent>) => void;
+        "onSearchClicked"?: (event: VerdocsSearchBoxCustomEvent<ISearchEvent>) => void;
         /**
           * Event fired when the user changes the type.
          */
-        "onTypeChanged"?: (event: CustomEvent<TContentType>) => void;
+        "onTypeChanged"?: (event: VerdocsSearchBoxCustomEvent<TContentType>) => void;
         /**
           * The placeholder to display in the input field.
          */
@@ -1108,16 +1321,34 @@ declare namespace LocalJSX {
         /**
           * Event fired when the initials are adopted.
          */
-        "onAdopt"?: (event: CustomEvent<string>) => void;
+        "onAdopt"?: (event: VerdocsSignatureDialogCustomEvent<string>) => void;
         /**
           * Event fired when the step is cancelled.
          */
-        "onCancel"?: (event: CustomEvent<any>) => void;
+        "onCancel"?: (event: VerdocsSignatureDialogCustomEvent<any>) => void;
         /**
           * Whether the dialog is currently being displayed. This allows it to be added to the DOM before being displayed.
          */
         "open"?: boolean;
     }
+    interface VerdocsStatusIndicator {
+        /**
+          * The document to display status for. Ignored if `status` is set directly.
+         */
+        "document"?: IDocument;
+        /**
+          * The size (height) of the indicator. The small variant is suitable for use in densely populated components such as table rows.
+         */
+        "size"?: 'small' | 'normal';
+        /**
+          * The status to display.
+         */
+        "status"?: TDocumentStatus | TRecipientStatus | 'accepted';
+        /**
+          * The theme to use for diplay.
+         */
+        "theme"?: 'dark' | 'light';
+    }
     interface VerdocsTemplateCard {
         /**
           * The template for which the card will be rendered.
@@ -1146,15 +1377,15 @@ declare namespace LocalJSX {
         /**
           * Event fired when the field loses focus.
          */
-        "onFieldBlur"?: (event: CustomEvent<any>) => void;
+        "onFieldBlur"?: (event: VerdocsTextInputCustomEvent<any>) => void;
         /**
           * Event fired when the field receives focus.
          */
-        "onFieldFocus"?: (event: CustomEvent<any>) => void;
+        "onFieldFocus"?: (event: VerdocsTextInputCustomEvent<any>) => void;
         /**
           * Event fired when the input value changes.
          */
-        "onFieldInput"?: (event: CustomEvent<string>) => void;
+        "onFieldInput"?: (event: VerdocsTextInputCustomEvent<string>) => void;
         /**
           * The placeholder for the field.
          */
@@ -1182,11 +1413,11 @@ declare namespace LocalJSX {
         /**
           * Event fired when the dialog is closed. The event data will contain the closure reason.
          */
-        "onCancel"?: (event: CustomEvent<any>) => void;
+        "onCancel"?: (event: VerdocsUploadDialogCustomEvent<any>) => void;
         /**
           * Event fired when the dialog is closed. The event data will contain the closure reason.
          */
-        "onDone"?: (event: CustomEvent<FileWithData[]>) => void;
+        "onDone"?: (event: VerdocsUploadDialogCustomEvent<FileWithData[]>) => void;
         /**
           * Whether the dialog is currently being displayed. This allows it to be added to the DOM before being displayed.
          */
@@ -1196,27 +1427,27 @@ declare namespace LocalJSX {
         /**
           * Fired when the document has completed rendered. The event will include the rendered page count.
          */
-        "onDocumentRendered"?: (event: CustomEvent<IPDFRenderEvent>) => void;
+        "onDocumentRendered"?: (event: VerdocsViewCustomEvent<IPDFRenderEvent>) => void;
         /**
           * Fired when a page has been changed
          */
-        "onPageChange"?: (event: CustomEvent<number>) => void;
+        "onPageChange"?: (event: VerdocsViewCustomEvent<number>) => void;
         /**
           * Fired when a page has been initialized
          */
-        "onPageInit"?: (event: CustomEvent<number>) => void;
+        "onPageInit"?: (event: VerdocsViewCustomEvent<number>) => void;
         /**
           * Fired when a page has been changed
          */
-        "onPageLoaded"?: (event: CustomEvent<number>) => void;
+        "onPageLoaded"?: (event: VerdocsViewCustomEvent<number>) => void;
         /**
           * Fired when a page has been rendered
          */
-        "onPageRendered"?: (event: CustomEvent<IPDFRenderEvent>) => void;
+        "onPageRendered"?: (event: VerdocsViewCustomEvent<IPDFRenderEvent>) => void;
         /**
           * Fired when a page has been scaled
          */
-        "onScaleChange"?: (event: CustomEvent<number>) => void;
+        "onScaleChange"?: (event: VerdocsViewCustomEvent<number>) => void;
         /**
           * Rotate the PDF in degrees
          */
@@ -1233,7 +1464,6 @@ declare namespace LocalJSX {
     interface IntrinsicElements {
         "verdocs-auth": VerdocsAuth;
         "verdocs-button": VerdocsButton;
-        "verdocs-document-status": VerdocsDocumentStatus;
         "verdocs-dropdown": VerdocsDropdown;
         "verdocs-field-attachment": VerdocsFieldAttachment;
         "verdocs-field-checkbox": VerdocsFieldCheckbox;
@@ -1246,6 +1476,7 @@ declare namespace LocalJSX {
         "verdocs-field-textarea": VerdocsFieldTextarea;
         "verdocs-field-textbox": VerdocsFieldTextbox;
         "verdocs-initial-dialog": VerdocsInitialDialog;
+        "verdocs-kba-dialog": VerdocsKbaDialog;
         "verdocs-loader": VerdocsLoader;
         "verdocs-ok-dialog": VerdocsOkDialog;
         "verdocs-organization-card": VerdocsOrganizationCard;
@@ -1256,6 +1487,7 @@ declare namespace LocalJSX {
         "verdocs-search-tabs": VerdocsSearchTabs;
         "verdocs-sign": VerdocsSign;
         "verdocs-signature-dialog": VerdocsSignatureDialog;
+        "verdocs-status-indicator": VerdocsStatusIndicator;
         "verdocs-template-card": VerdocsTemplateCard;
         "verdocs-template-tags": VerdocsTemplateTags;
         "verdocs-text-input": VerdocsTextInput;
@@ -1270,7 +1502,6 @@ declare module "@stencil/core" {
         interface IntrinsicElements {
             "verdocs-auth": LocalJSX.VerdocsAuth & JSXBase.HTMLAttributes<HTMLVerdocsAuthElement>;
             "verdocs-button": LocalJSX.VerdocsButton & JSXBase.HTMLAttributes<HTMLVerdocsButtonElement>;
-            "verdocs-document-status": LocalJSX.VerdocsDocumentStatus & JSXBase.HTMLAttributes<HTMLVerdocsDocumentStatusElement>;
             "verdocs-dropdown": LocalJSX.VerdocsDropdown & JSXBase.HTMLAttributes<HTMLVerdocsDropdownElement>;
             "verdocs-field-attachment": LocalJSX.VerdocsFieldAttachment & JSXBase.HTMLAttributes<HTMLVerdocsFieldAttachmentElement>;
             "verdocs-field-checkbox": LocalJSX.VerdocsFieldCheckbox & JSXBase.HTMLAttributes<HTMLVerdocsFieldCheckboxElement>;
@@ -1283,6 +1514,7 @@ declare module "@stencil/core" {
             "verdocs-field-textarea": LocalJSX.VerdocsFieldTextarea & JSXBase.HTMLAttributes<HTMLVerdocsFieldTextareaElement>;
             "verdocs-field-textbox": LocalJSX.VerdocsFieldTextbox & JSXBase.HTMLAttributes<HTMLVerdocsFieldTextboxElement>;
             "verdocs-initial-dialog": LocalJSX.VerdocsInitialDialog & JSXBase.HTMLAttributes<HTMLVerdocsInitialDialogElement>;
+            "verdocs-kba-dialog": LocalJSX.VerdocsKbaDialog & JSXBase.HTMLAttributes<HTMLVerdocsKbaDialogElement>;
             "verdocs-loader": LocalJSX.VerdocsLoader & JSXBase.HTMLAttributes<HTMLVerdocsLoaderElement>;
             "verdocs-ok-dialog": LocalJSX.VerdocsOkDialog & JSXBase.HTMLAttributes<HTMLVerdocsOkDialogElement>;
             "verdocs-organization-card": LocalJSX.VerdocsOrganizationCard & JSXBase.HTMLAttributes<HTMLVerdocsOrganizationCardElement>;
@@ -1293,6 +1525,7 @@ declare module "@stencil/core" {
             "verdocs-search-tabs": LocalJSX.VerdocsSearchTabs & JSXBase.HTMLAttributes<HTMLVerdocsSearchTabsElement>;
             "verdocs-sign": LocalJSX.VerdocsSign & JSXBase.HTMLAttributes<HTMLVerdocsSignElement>;
             "verdocs-signature-dialog": LocalJSX.VerdocsSignatureDialog & JSXBase.HTMLAttributes<HTMLVerdocsSignatureDialogElement>;
+            "verdocs-status-indicator": LocalJSX.VerdocsStatusIndicator & JSXBase.HTMLAttributes<HTMLVerdocsStatusIndicatorElement>;
             "verdocs-template-card": LocalJSX.VerdocsTemplateCard & JSXBase.HTMLAttributes<HTMLVerdocsTemplateCardElement>;
             "verdocs-template-tags": LocalJSX.VerdocsTemplateTags & JSXBase.HTMLAttributes<HTMLVerdocsTemplateTagsElement>;
             "verdocs-text-input": LocalJSX.VerdocsTextInput & JSXBase.HTMLAttributes<HTMLVerdocsTextInputElement>;