@verdocs/web-sdk 1.1.0 → 1.4.2

package/dist/types/components.d.ts

@@ -5,50 +5,17 @@
  * It contains typing information for all components that exist in this project.
  */
 import { HTMLStencilElement, JSXBase } from "./stencil-public-runtime";
-import { ISearchEvent, TContentType } from "./components/elements/search-box/search-box";
-import { IRecentSearch, ISavedSearch } from "@verdocs/js-sdk/Search/Types";
 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";
 import { ITemplate } from "@verdocs/js-sdk/Templates/Types";
 import { IToggleIconButtons } from "./components/controls/verdocs-toggle/verdocs-toggle";
 import { FileWithData } from "@verdocs/js-sdk/Utils/Files";
 import { IPDFRenderEvent } from "./components/embeds/verdocs-view/verdocs-view";
 export namespace Components {
-    interface SearchBox {
-        /**
-          * The placeholder to display in the input field.
-         */
-        "placeholder": string;
-        /**
-          * The text search string entered by the user.
-         */
-        "query": string;
-        /**
-          * If set to a value other than 'all', a removeable filter indicator will be displayed.
-         */
-        "type": TContentType;
-    }
-    interface SearchQuickFunctions {
-    }
-    interface SearchRecent {
-        /**
-          * If set, limits the number of entries that will be shown. Note that there is a server-imposed limit of 20 entries that cannot currently be increased (only reduced).
-         */
-        "limit": number;
-    }
-    interface SearchSaved {
-        /**
-          * If set, limits the number of entries that will be shown. Note that there is a server-imposed limit of 20 entries that cannot currently be increased (only reduced).
-         */
-        "limit": number;
-    }
-    interface SearchStarred {
-        "options": any;
-    }
-    interface SearchTabs {
-    }
     interface VerdocsAuth {
         /**
           * If the user is authenticated, this embed will normally render invisibly. If debug is set true, a summary if the user's session details will be displayed instead. This may be useful while debugging authentication flows in new applications.
@@ -69,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.
          */
@@ -81,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.
@@ -311,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 {
@@ -337,8 +348,30 @@ export namespace Components {
          */
         "organization": IOrganization;
     }
+    interface VerdocsQuickFunctions {
+    }
     interface VerdocsSearch {
     }
+    interface VerdocsSearchActivity {
+        "options": any;
+        "type": 'recent' | 'saved' | 'starred';
+    }
+    interface VerdocsSearchBox {
+        /**
+          * The placeholder to display in the input field.
+         */
+        "placeholder": string;
+        /**
+          * The text search string entered by the user.
+         */
+        "query": string;
+        /**
+          * If set to a value other than 'all', a removeable filter indicator will be displayed.
+         */
+        "type": TContentType;
+    }
+    interface VerdocsSearchTabs {
+    }
     interface VerdocsSign {
         /**
           * If `source` is set to `verdocs-sign`, this should be set to a valid invitation code to activate a signing session.
@@ -363,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.
@@ -432,43 +483,99 @@ 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 HTMLSearchBoxElement extends Components.SearchBox, HTMLStencilElement {
-    }
-    var HTMLSearchBoxElement: {
-        prototype: HTMLSearchBoxElement;
-        new (): HTMLSearchBoxElement;
-    };
-    interface HTMLSearchQuickFunctionsElement extends Components.SearchQuickFunctions, HTMLStencilElement {
-    }
-    var HTMLSearchQuickFunctionsElement: {
-        prototype: HTMLSearchQuickFunctionsElement;
-        new (): HTMLSearchQuickFunctionsElement;
-    };
-    interface HTMLSearchRecentElement extends Components.SearchRecent, HTMLStencilElement {
-    }
-    var HTMLSearchRecentElement: {
-        prototype: HTMLSearchRecentElement;
-        new (): HTMLSearchRecentElement;
-    };
-    interface HTMLSearchSavedElement extends Components.SearchSaved, HTMLStencilElement {
-    }
-    var HTMLSearchSavedElement: {
-        prototype: HTMLSearchSavedElement;
-        new (): HTMLSearchSavedElement;
-    };
-    interface HTMLSearchStarredElement extends Components.SearchStarred, HTMLStencilElement {
-    }
-    var HTMLSearchStarredElement: {
-        prototype: HTMLSearchStarredElement;
-        new (): HTMLSearchStarredElement;
-    };
-    interface HTMLSearchTabsElement extends Components.SearchTabs, HTMLStencilElement {
-    }
-    var HTMLSearchTabsElement: {
-        prototype: HTMLSearchTabsElement;
-        new (): HTMLSearchTabsElement;
-    };
     interface HTMLVerdocsAuthElement extends Components.VerdocsAuth, HTMLStencilElement {
     }
     var HTMLVerdocsAuthElement: {
@@ -481,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: {
@@ -559,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: {
@@ -577,12 +684,36 @@ declare global {
         prototype: HTMLVerdocsOrganizationCardElement;
         new (): HTMLVerdocsOrganizationCardElement;
     };
+    interface HTMLVerdocsQuickFunctionsElement extends Components.VerdocsQuickFunctions, HTMLStencilElement {
+    }
+    var HTMLVerdocsQuickFunctionsElement: {
+        prototype: HTMLVerdocsQuickFunctionsElement;
+        new (): HTMLVerdocsQuickFunctionsElement;
+    };
     interface HTMLVerdocsSearchElement extends Components.VerdocsSearch, HTMLStencilElement {
     }
     var HTMLVerdocsSearchElement: {
         prototype: HTMLVerdocsSearchElement;
         new (): HTMLVerdocsSearchElement;
     };
+    interface HTMLVerdocsSearchActivityElement extends Components.VerdocsSearchActivity, HTMLStencilElement {
+    }
+    var HTMLVerdocsSearchActivityElement: {
+        prototype: HTMLVerdocsSearchActivityElement;
+        new (): HTMLVerdocsSearchActivityElement;
+    };
+    interface HTMLVerdocsSearchBoxElement extends Components.VerdocsSearchBox, HTMLStencilElement {
+    }
+    var HTMLVerdocsSearchBoxElement: {
+        prototype: HTMLVerdocsSearchBoxElement;
+        new (): HTMLVerdocsSearchBoxElement;
+    };
+    interface HTMLVerdocsSearchTabsElement extends Components.VerdocsSearchTabs, HTMLStencilElement {
+    }
+    var HTMLVerdocsSearchTabsElement: {
+        prototype: HTMLVerdocsSearchTabsElement;
+        new (): HTMLVerdocsSearchTabsElement;
+    };
     interface HTMLVerdocsSignElement extends Components.VerdocsSign, HTMLStencilElement {
     }
     var HTMLVerdocsSignElement: {
@@ -595,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: {
@@ -632,15 +769,8 @@ declare global {
         new (): HTMLVerdocsViewElement;
     };
     interface HTMLElementTagNameMap {
-        "search-box": HTMLSearchBoxElement;
-        "search-quick-functions": HTMLSearchQuickFunctionsElement;
-        "search-recent": HTMLSearchRecentElement;
-        "search-saved": HTMLSearchSavedElement;
-        "search-starred": HTMLSearchStarredElement;
-        "search-tabs": HTMLSearchTabsElement;
         "verdocs-auth": HTMLVerdocsAuthElement;
         "verdocs-button": HTMLVerdocsButtonElement;
-        "verdocs-document-status": HTMLVerdocsDocumentStatusElement;
         "verdocs-dropdown": HTMLVerdocsDropdownElement;
         "verdocs-field-attachment": HTMLVerdocsFieldAttachmentElement;
         "verdocs-field-checkbox": HTMLVerdocsFieldCheckboxElement;
@@ -653,12 +783,18 @@ 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;
+        "verdocs-quick-functions": HTMLVerdocsQuickFunctionsElement;
         "verdocs-search": HTMLVerdocsSearchElement;
+        "verdocs-search-activity": HTMLVerdocsSearchActivityElement;
+        "verdocs-search-box": HTMLVerdocsSearchBoxElement;
+        "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;
@@ -668,71 +804,6 @@ declare global {
     }
 }
 declare namespace LocalJSX {
-    interface SearchBox {
-        /**
-          * Event fired when the user changes the query string.
-         */
-        "onQueryChanged"?: (event: CustomEvent<string>) => void;
-        /**
-          * Event fired when the user changes the type.
-         */
-        "onSearchClicked"?: (event: CustomEvent<ISearchEvent>) => void;
-        /**
-          * Event fired when the user changes the type.
-         */
-        "onTypeChanged"?: (event: CustomEvent<TContentType>) => void;
-        /**
-          * The placeholder to display in the input field.
-         */
-        "placeholder"?: string;
-        /**
-          * The text search string entered by the user.
-         */
-        "query"?: string;
-        /**
-          * If set to a value other than 'all', a removeable filter indicator will be displayed.
-         */
-        "type"?: TContentType;
-    }
-    interface SearchQuickFunctions {
-        /**
-          * Event fired when an entry is clicked.
-         */
-        "onCreateDocument"?: (event: CustomEvent<any>) => void;
-        /**
-          * Event fired when an entry is clicked.
-         */
-        "onCreateTemplate"?: (event: CustomEvent<any>) => void;
-    }
-    interface SearchRecent {
-        /**
-          * If set, limits the number of entries that will be shown. Note that there is a server-imposed limit of 20 entries that cannot currently be increased (only reduced).
-         */
-        "limit"?: number;
-        /**
-          * Event fired when an entry is clicked.
-         */
-        "onEntrySelected"?: (event: CustomEvent<IRecentSearch>) => void;
-    }
-    interface SearchSaved {
-        /**
-          * If set, limits the number of entries that will be shown. Note that there is a server-imposed limit of 20 entries that cannot currently be increased (only reduced).
-         */
-        "limit"?: number;
-        /**
-          * Event fired when an entry is clicked.
-         */
-        "onEntrySelected"?: (event: CustomEvent<ISavedSearch>) => void;
-    }
-    interface SearchStarred {
-        /**
-          * Event fired when an entry is clicked.
-         */
-        "onEntrySelected"?: (event: CustomEvent<IRecentSearch>) => void;
-        "options"?: any;
-    }
-    interface SearchTabs {
-    }
     interface VerdocsAuth {
         /**
           * If the user is authenticated, this embed will normally render invisibly. If debug is set true, a summary if the user's session details will be displayed instead. This may be useful while debugging authentication flows in new applications.
@@ -745,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.
          */
@@ -757,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.
          */
@@ -773,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.
          */
@@ -801,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.
          */
@@ -823,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.
          */
@@ -845,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.
          */
@@ -883,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.
          */
@@ -917,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.
          */
@@ -943,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;
@@ -968,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.
          */
@@ -990,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.
          */
@@ -1012,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.
          */
@@ -1050,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.
          */
@@ -1088,16 +1165,62 @@ 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 {
     }
     interface VerdocsOkDialog {
@@ -1116,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.
          */
@@ -1128,8 +1251,54 @@ declare namespace LocalJSX {
          */
         "organization"?: IOrganization;
     }
+    interface VerdocsQuickFunctions {
+        /**
+          * Event fired when an entry is clicked.
+         */
+        "onCreateDocument"?: (event: VerdocsQuickFunctionsCustomEvent<any>) => void;
+        /**
+          * Event fired when an entry is clicked.
+         */
+        "onCreateTemplate"?: (event: VerdocsQuickFunctionsCustomEvent<any>) => void;
+    }
     interface VerdocsSearch {
     }
+    interface VerdocsSearchActivity {
+        /**
+          * Event fired when an entry is clicked.
+         */
+        "onEntrySelected"?: (event: VerdocsSearchActivityCustomEvent<IRecentSearch>) => void;
+        "options"?: any;
+        "type"?: 'recent' | 'saved' | 'starred';
+    }
+    interface VerdocsSearchBox {
+        /**
+          * Event fired when the user changes the query string.
+         */
+        "onQueryChanged"?: (event: VerdocsSearchBoxCustomEvent<string>) => void;
+        /**
+          * Event fired when the user changes the type.
+         */
+        "onSearchClicked"?: (event: VerdocsSearchBoxCustomEvent<ISearchEvent>) => void;
+        /**
+          * Event fired when the user changes the type.
+         */
+        "onTypeChanged"?: (event: VerdocsSearchBoxCustomEvent<TContentType>) => void;
+        /**
+          * The placeholder to display in the input field.
+         */
+        "placeholder"?: string;
+        /**
+          * The text search string entered by the user.
+         */
+        "query"?: string;
+        /**
+          * If set to a value other than 'all', a removeable filter indicator will be displayed.
+         */
+        "type"?: TContentType;
+    }
+    interface VerdocsSearchTabs {
+    }
     interface VerdocsSign {
         /**
           * If `source` is set to `verdocs-sign`, this should be set to a valid invitation code to activate a signing session.
@@ -1152,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.
@@ -1190,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.
          */
@@ -1226,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.
          */
@@ -1240,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
          */
@@ -1275,15 +1462,8 @@ declare namespace LocalJSX {
         "token"?: string | null;
     }
     interface IntrinsicElements {
-        "search-box": SearchBox;
-        "search-quick-functions": SearchQuickFunctions;
-        "search-recent": SearchRecent;
-        "search-saved": SearchSaved;
-        "search-starred": SearchStarred;
-        "search-tabs": SearchTabs;
         "verdocs-auth": VerdocsAuth;
         "verdocs-button": VerdocsButton;
-        "verdocs-document-status": VerdocsDocumentStatus;
         "verdocs-dropdown": VerdocsDropdown;
         "verdocs-field-attachment": VerdocsFieldAttachment;
         "verdocs-field-checkbox": VerdocsFieldCheckbox;
@@ -1296,12 +1476,18 @@ 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;
+        "verdocs-quick-functions": VerdocsQuickFunctions;
         "verdocs-search": VerdocsSearch;
+        "verdocs-search-activity": VerdocsSearchActivity;
+        "verdocs-search-box": VerdocsSearchBox;
+        "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;
@@ -1314,15 +1500,8 @@ export { LocalJSX as JSX };
 declare module "@stencil/core" {
     export namespace JSX {
         interface IntrinsicElements {
-            "search-box": LocalJSX.SearchBox & JSXBase.HTMLAttributes<HTMLSearchBoxElement>;
-            "search-quick-functions": LocalJSX.SearchQuickFunctions & JSXBase.HTMLAttributes<HTMLSearchQuickFunctionsElement>;
-            "search-recent": LocalJSX.SearchRecent & JSXBase.HTMLAttributes<HTMLSearchRecentElement>;
-            "search-saved": LocalJSX.SearchSaved & JSXBase.HTMLAttributes<HTMLSearchSavedElement>;
-            "search-starred": LocalJSX.SearchStarred & JSXBase.HTMLAttributes<HTMLSearchStarredElement>;
-            "search-tabs": LocalJSX.SearchTabs & JSXBase.HTMLAttributes<HTMLSearchTabsElement>;
             "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>;
@@ -1335,12 +1514,18 @@ 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>;
+            "verdocs-quick-functions": LocalJSX.VerdocsQuickFunctions & JSXBase.HTMLAttributes<HTMLVerdocsQuickFunctionsElement>;
             "verdocs-search": LocalJSX.VerdocsSearch & JSXBase.HTMLAttributes<HTMLVerdocsSearchElement>;
+            "verdocs-search-activity": LocalJSX.VerdocsSearchActivity & JSXBase.HTMLAttributes<HTMLVerdocsSearchActivityElement>;
+            "verdocs-search-box": LocalJSX.VerdocsSearchBox & JSXBase.HTMLAttributes<HTMLVerdocsSearchBoxElement>;
+            "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>;