@verdocs/web-sdk 1.0.25 → 1.4.0

package/dist/types/components.d.ts

@@ -5,280 +5,1285 @@
  * It contains typing information for all components that exist in this project.
  */
 import { HTMLStencilElement, JSXBase } from "./stencil-public-runtime";
-import { TDocumentStatus } from "@verdocs/js-sdk/Documents/Documents";
-import { IMenuOption } from "./components/controls/dropdown-menu/dropdown-menu";
-import { ISearchEvent, TContentType } from "./components/elements/search-box/search-box";
-import { IRecentSearch, ISavedSearch } from "@verdocs/js-sdk/Search/Types";
-import { IToggleIconButtons } from "./components/controls/toggle-icon-buttons/toggle-icon-buttons";
+import { IAuthStatus } from "./components/embeds/verdocs-auth/verdocs-auth";
+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 DocumentStatusIndicator {
+    interface VerdocsAuth {
         /**
-          * The status to display
+          * 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.
          */
-        "status": TDocumentStatus;
+        "debug": boolean;
+        /**
+          * By default, a Verdocs logo will be displayed above the login/signup forms. This may be used to override its source. (Alternatively, you may simply hide it via CSS overrides.) Logos should be in SVG format for best results.
+         */
+        "logo": string;
+        /**
+          * 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.
+         */
+        "visible": boolean;
+    }
+    interface VerdocsButton {
+        /**
+          * Whether the button should be disabled.
+         */
+        "disabled": boolean;
+        /**
+          * 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.
+         */
+        "type": 'button' | 'submit' | 'reset';
+        /**
+          * The display variant of the button.
+         */
+        "variant": 'standard' | 'text' | 'outline';
+    }
+    interface VerdocsDropdown {
+        /**
+          * If set, the component will be open by default. This is primarily intended to be used for testing.
+         */
+        "open": boolean;
+        /**
+          * The menu options to display.
+         */
+        "options": IMenuOption[];
+    }
+    interface VerdocsFieldAttachment {
+        /**
+          * Sets the disabled attribute of the input element.
+         */
+        "disabled": boolean;
+        "focusField": () => Promise<void>;
+        /**
+          * Sets the tabIndex of the input element.
+         */
+        "order": number;
+        /**
+          * If true, the field will be marked required.
+         */
+        "required": boolean;
+        /**
+          * Sets the value of the input element.
+         */
+        "value": string;
+    }
+    interface VerdocsFieldCheckbox {
+        /**
+          * Sets the disabled attribute of the input element.
+         */
+        "disabled": boolean;
+        /**
+          * Sets the tabIndex of the input element.
+         */
+        "order": number;
+        /**
+          * If true, the field will be marked required.
+         */
+        "required": boolean;
+        /**
+          * Sets the value of the input element.
+         */
+        "value": boolean;
+    }
+    interface VerdocsFieldDate {
+        /**
+          * Sets the disabled attribute of the input element.
+         */
+        "disabled": boolean;
+        "focusField": () => Promise<void>;
+        /**
+          * Sets the tabIndex of the input element.
+         */
+        "order": number;
+        /**
+          * A placeholder to assist the user in completing the field.
+         */
+        "placeholder": string;
+        /**
+          * If true, the field will be marked required.
+         */
+        "required": boolean;
+        /**
+          * Sets the value of the input element.
+         */
+        "value": string;
+    }
+    interface VerdocsFieldDropdown {
+        /**
+          * Sets the disabled attribute of the input element.
+         */
+        "disabled": boolean;
+        "focusField": () => Promise<void>;
+        /**
+          * The optoins to choose from.
+         */
+        "options": any[];
+        /**
+          * Sets the tabIndex of the input element.
+         */
+        "order": number;
+        /**
+          * If true, the field will be marked required.
+         */
+        "required": boolean;
+        /**
+          * The currently selected value.
+         */
+        "value": string;
+    }
+    interface VerdocsFieldInitial {
+        "focusField": () => Promise<void>;
+        /**
+          * The user's full name.
+         */
+        "fullName": string;
+        /**
+          * Whether the field is required.
+         */
+        "required": boolean;
+        /**
+          * The base64 signature value.
+         */
+        "value": string;
+    }
+    interface VerdocsFieldPayment {
+        "currentInitial": string;
+        "currentInitialId": string;
+        "currentSignature": string;
+        "currentSignatureId": string;
+        /**
+          * The field to display.
+         */
+        "field": IDocumentField;
+        "fieldId": string;
+        "fields": any[];
+        "focused": boolean;
+        "pageNum": number;
+        "pdfPages": any[];
+        "recipients": any;
+        "roleName": string;
+        "selectedRoleName": string;
+        "signed": boolean;
+    }
+    interface VerdocsFieldRadioButton {
+        /**
+          * Sets the value of the input element.
+         */
+        "checked": boolean;
+        /**
+          * Sets the disabled attribute of the input element.
+         */
+        "disabled": boolean;
+        /**
+          * Sets the name of the input element.
+         */
+        "name": string;
+        /**
+          * Sets the tabIndex of the input element.
+         */
+        "order": number;
+        /**
+          * If true, the field will be marked required.
+         */
+        "required": boolean;
+        /**
+          * Sets the value of the input element.
+         */
+        "value": string;
+    }
+    interface VerdocsFieldSignature {
+        "focusField": () => Promise<void>;
+        /**
+          * The user's full name.
+         */
+        "fullName": string;
+        /**
+          * Whether the field is required.
+         */
+        "required": boolean;
+        /**
+          * The base64 signature value.
+         */
+        "value": string;
+    }
+    interface VerdocsFieldTextarea {
+        /**
+          * Sets the disabled attribute of the input element.
+         */
+        "disabled": boolean;
+        "focusField": () => Promise<void>;
+        /**
+          * Sets the tabIndex of the input element.
+         */
+        "order": number;
+        /**
+          * A placeholder to assist the user in completing the field.
+         */
+        "placeholder": string;
+        /**
+          * If true, the field will be marked required.
+         */
+        "required": boolean;
+        /**
+          * Sets the value of the input element.
+         */
+        "value": string;
+    }
+    interface VerdocsFieldTextbox {
+        /**
+          * Sets the disabled attribute of the input element.
+         */
+        "disabled": boolean;
+        "focusField": () => Promise<void>;
+        /**
+          * Sets the tabIndex of the input element.
+         */
+        "order": number;
+        /**
+          * A placeholder to assist the user in completing the field.
+         */
+        "placeholder": string;
+        /**
+          * If true, the field will be marked required.
+         */
+        "required": boolean;
+        /**
+          * Sets the value of the input element.
+         */
+        "value": string;
+    }
+    interface VerdocsInitialDialog {
+        /**
+          * Initial signature text
+         */
+        "fullname": string;
+        /**
+          * 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';
+        /**
+          * 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 {
+        /**
+          * If set, a cancel button will also be displayed. Note that the dialog is always cancelable by clicking the background overlay to dismiss it.
+         */
+        "cancel": boolean;
+        /**
+          * The title of the dialog. "title" is a reserved word, so we use heading.
+         */
+        "heading": string;
+        /**
+          * The message content to display.
+         */
+        "message": string;
+        /**
+          * Whether the dialog is currently being displayed. This allows it to be added to the DOM before being displayed.
+         */
+        "open": boolean;
+    }
+    interface VerdocsOrganizationCard {
+        /**
+          * The organization to display
+         */
+        "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.
+         */
+        "documentid": string | null;
+        /**
+          * If `source` is set to `verdocs-sign`, this should be set to a valid invitation code to activate a signing session.
+         */
+        "invitecode": string | null;
+        /**
+          * If `source` is set to `verdocs-sign`, this should be set to a valid invitation code to activate a signing session.
+         */
+        "roleid": string | null;
+    }
+    interface VerdocsSignatureDialog {
+        /**
+          * Initial signature text
+         */
+        "fullname": string;
+        /**
+          * 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.
+         */
+        "template": ITemplate;
+    }
+    interface VerdocsTemplateTags {
+        /**
+          * The tags to display
+         */
+        "tags": any[];
+    }
+    interface VerdocsTextInput {
+        /**
+          * If desired, the autocomplete attribute to set.
+         */
+        "autocomplete": string;
+        /**
+          * Should the field be disabled?
+         */
+        "disabled": boolean;
+        /**
+          * The label for the field.
+         */
+        "label": string;
+        /**
+          * The placeholder for the field.
+         */
+        "placeholder": string;
+        /**
+          * The type of field to render. Only text-type fields are allowed here for the current styling. Additional types (e.g. a date picker) will be supported by other controls in the future.
+         */
+        "type": 'text' | 'password' | 'email' | 'number' | 'search' | 'tel' | 'url';
+        /**
+          * The value for the input field.
+         */
+        "value": string;
+    }
+    interface VerdocsToggle {
+        /**
+          * The tags to display
+         */
+        "options": IToggleIconButtons;
+        /**
+          * The "theme" to be used
+         */
+        "theme": 'light' | 'dark';
+    }
+    interface VerdocsUploadDialog {
+        /**
+          * Whether the dialog is currently being displayed. This allows it to be added to the DOM before being displayed.
+         */
+        "open": boolean;
+    }
+    interface VerdocsView {
+        /**
+          * Rotate the PDF in degrees
+         */
+        "rotation": 0 | 90 | 180 | 270;
+        /**
+          * Src of the PDF to load and render
+         */
+        "source": string;
+        /**
+          * Access token to use. This component is a wrapper for PDF.js which does not use a VerdocsEndpoint, so the token must be supplied directly.
+         */
+        "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 {
+    }
+    var HTMLVerdocsAuthElement: {
+        prototype: HTMLVerdocsAuthElement;
+        new (): HTMLVerdocsAuthElement;
+    };
+    interface HTMLVerdocsButtonElement extends Components.VerdocsButton, HTMLStencilElement {
+    }
+    var HTMLVerdocsButtonElement: {
+        prototype: HTMLVerdocsButtonElement;
+        new (): HTMLVerdocsButtonElement;
+    };
+    interface HTMLVerdocsDropdownElement extends Components.VerdocsDropdown, HTMLStencilElement {
+    }
+    var HTMLVerdocsDropdownElement: {
+        prototype: HTMLVerdocsDropdownElement;
+        new (): HTMLVerdocsDropdownElement;
+    };
+    interface HTMLVerdocsFieldAttachmentElement extends Components.VerdocsFieldAttachment, HTMLStencilElement {
+    }
+    var HTMLVerdocsFieldAttachmentElement: {
+        prototype: HTMLVerdocsFieldAttachmentElement;
+        new (): HTMLVerdocsFieldAttachmentElement;
+    };
+    interface HTMLVerdocsFieldCheckboxElement extends Components.VerdocsFieldCheckbox, HTMLStencilElement {
+    }
+    var HTMLVerdocsFieldCheckboxElement: {
+        prototype: HTMLVerdocsFieldCheckboxElement;
+        new (): HTMLVerdocsFieldCheckboxElement;
+    };
+    interface HTMLVerdocsFieldDateElement extends Components.VerdocsFieldDate, HTMLStencilElement {
+    }
+    var HTMLVerdocsFieldDateElement: {
+        prototype: HTMLVerdocsFieldDateElement;
+        new (): HTMLVerdocsFieldDateElement;
+    };
+    interface HTMLVerdocsFieldDropdownElement extends Components.VerdocsFieldDropdown, HTMLStencilElement {
+    }
+    var HTMLVerdocsFieldDropdownElement: {
+        prototype: HTMLVerdocsFieldDropdownElement;
+        new (): HTMLVerdocsFieldDropdownElement;
+    };
+    interface HTMLVerdocsFieldInitialElement extends Components.VerdocsFieldInitial, HTMLStencilElement {
+    }
+    var HTMLVerdocsFieldInitialElement: {
+        prototype: HTMLVerdocsFieldInitialElement;
+        new (): HTMLVerdocsFieldInitialElement;
+    };
+    interface HTMLVerdocsFieldPaymentElement extends Components.VerdocsFieldPayment, HTMLStencilElement {
+    }
+    var HTMLVerdocsFieldPaymentElement: {
+        prototype: HTMLVerdocsFieldPaymentElement;
+        new (): HTMLVerdocsFieldPaymentElement;
+    };
+    interface HTMLVerdocsFieldRadioButtonElement extends Components.VerdocsFieldRadioButton, HTMLStencilElement {
+    }
+    var HTMLVerdocsFieldRadioButtonElement: {
+        prototype: HTMLVerdocsFieldRadioButtonElement;
+        new (): HTMLVerdocsFieldRadioButtonElement;
+    };
+    interface HTMLVerdocsFieldSignatureElement extends Components.VerdocsFieldSignature, HTMLStencilElement {
+    }
+    var HTMLVerdocsFieldSignatureElement: {
+        prototype: HTMLVerdocsFieldSignatureElement;
+        new (): HTMLVerdocsFieldSignatureElement;
+    };
+    interface HTMLVerdocsFieldTextareaElement extends Components.VerdocsFieldTextarea, HTMLStencilElement {
+    }
+    var HTMLVerdocsFieldTextareaElement: {
+        prototype: HTMLVerdocsFieldTextareaElement;
+        new (): HTMLVerdocsFieldTextareaElement;
+    };
+    interface HTMLVerdocsFieldTextboxElement extends Components.VerdocsFieldTextbox, HTMLStencilElement {
+    }
+    var HTMLVerdocsFieldTextboxElement: {
+        prototype: HTMLVerdocsFieldTextboxElement;
+        new (): HTMLVerdocsFieldTextboxElement;
+    };
+    interface HTMLVerdocsInitialDialogElement extends Components.VerdocsInitialDialog, HTMLStencilElement {
+    }
+    var HTMLVerdocsInitialDialogElement: {
+        prototype: HTMLVerdocsInitialDialogElement;
+        new (): HTMLVerdocsInitialDialogElement;
+    };
+    interface HTMLVerdocsKbaDialogElement extends Components.VerdocsKbaDialog, HTMLStencilElement {
+    }
+    var HTMLVerdocsKbaDialogElement: {
+        prototype: HTMLVerdocsKbaDialogElement;
+        new (): HTMLVerdocsKbaDialogElement;
+    };
+    interface HTMLVerdocsLoaderElement extends Components.VerdocsLoader, HTMLStencilElement {
+    }
+    var HTMLVerdocsLoaderElement: {
+        prototype: HTMLVerdocsLoaderElement;
+        new (): HTMLVerdocsLoaderElement;
+    };
+    interface HTMLVerdocsOkDialogElement extends Components.VerdocsOkDialog, HTMLStencilElement {
+    }
+    var HTMLVerdocsOkDialogElement: {
+        prototype: HTMLVerdocsOkDialogElement;
+        new (): HTMLVerdocsOkDialogElement;
+    };
+    interface HTMLVerdocsOrganizationCardElement extends Components.VerdocsOrganizationCard, HTMLStencilElement {
+    }
+    var HTMLVerdocsOrganizationCardElement: {
+        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: {
+        prototype: HTMLVerdocsSignElement;
+        new (): HTMLVerdocsSignElement;
+    };
+    interface HTMLVerdocsSignatureDialogElement extends Components.VerdocsSignatureDialog, HTMLStencilElement {
+    }
+    var HTMLVerdocsSignatureDialogElement: {
+        prototype: HTMLVerdocsSignatureDialogElement;
+        new (): HTMLVerdocsSignatureDialogElement;
+    };
+    interface HTMLVerdocsStatusIndicatorElement extends Components.VerdocsStatusIndicator, HTMLStencilElement {
+    }
+    var HTMLVerdocsStatusIndicatorElement: {
+        prototype: HTMLVerdocsStatusIndicatorElement;
+        new (): HTMLVerdocsStatusIndicatorElement;
+    };
+    interface HTMLVerdocsTemplateCardElement extends Components.VerdocsTemplateCard, HTMLStencilElement {
+    }
+    var HTMLVerdocsTemplateCardElement: {
+        prototype: HTMLVerdocsTemplateCardElement;
+        new (): HTMLVerdocsTemplateCardElement;
+    };
+    interface HTMLVerdocsTemplateTagsElement extends Components.VerdocsTemplateTags, HTMLStencilElement {
+    }
+    var HTMLVerdocsTemplateTagsElement: {
+        prototype: HTMLVerdocsTemplateTagsElement;
+        new (): HTMLVerdocsTemplateTagsElement;
+    };
+    interface HTMLVerdocsTextInputElement extends Components.VerdocsTextInput, HTMLStencilElement {
+    }
+    var HTMLVerdocsTextInputElement: {
+        prototype: HTMLVerdocsTextInputElement;
+        new (): HTMLVerdocsTextInputElement;
+    };
+    interface HTMLVerdocsToggleElement extends Components.VerdocsToggle, HTMLStencilElement {
+    }
+    var HTMLVerdocsToggleElement: {
+        prototype: HTMLVerdocsToggleElement;
+        new (): HTMLVerdocsToggleElement;
+    };
+    interface HTMLVerdocsUploadDialogElement extends Components.VerdocsUploadDialog, HTMLStencilElement {
+    }
+    var HTMLVerdocsUploadDialogElement: {
+        prototype: HTMLVerdocsUploadDialogElement;
+        new (): HTMLVerdocsUploadDialogElement;
+    };
+    interface HTMLVerdocsViewElement extends Components.VerdocsView, HTMLStencilElement {
+    }
+    var HTMLVerdocsViewElement: {
+        prototype: HTMLVerdocsViewElement;
+        new (): HTMLVerdocsViewElement;
+    };
+    interface HTMLElementTagNameMap {
+        "verdocs-auth": HTMLVerdocsAuthElement;
+        "verdocs-button": HTMLVerdocsButtonElement;
+        "verdocs-dropdown": HTMLVerdocsDropdownElement;
+        "verdocs-field-attachment": HTMLVerdocsFieldAttachmentElement;
+        "verdocs-field-checkbox": HTMLVerdocsFieldCheckboxElement;
+        "verdocs-field-date": HTMLVerdocsFieldDateElement;
+        "verdocs-field-dropdown": HTMLVerdocsFieldDropdownElement;
+        "verdocs-field-initial": HTMLVerdocsFieldInitialElement;
+        "verdocs-field-payment": HTMLVerdocsFieldPaymentElement;
+        "verdocs-field-radio-button": HTMLVerdocsFieldRadioButtonElement;
+        "verdocs-field-signature": HTMLVerdocsFieldSignatureElement;
+        "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;
+        "verdocs-toggle": HTMLVerdocsToggleElement;
+        "verdocs-upload-dialog": HTMLVerdocsUploadDialogElement;
+        "verdocs-view": HTMLVerdocsViewElement;
+    }
+}
+declare namespace LocalJSX {
+    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.
+         */
+        "debug"?: boolean;
+        /**
+          * By default, a Verdocs logo will be displayed above the login/signup forms. This may be used to override its source. (Alternatively, you may simply hide it via CSS overrides.) Logos should be in SVG format for best results.
+         */
+        "logo"?: string;
+        /**
+          * Event fired when session authentication process has completed. Check the event contents for completion status.
+         */
+        "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.
+         */
+        "visible"?: boolean;
+    }
+    interface VerdocsButton {
+        /**
+          * Whether the button should be disabled.
+         */
+        "disabled"?: boolean;
+        /**
+          * If desired, a suffix icon for the button
+         */
+        "endIcon"?: string | null;
+        /**
+          * The label for the button.
+         */
+        "label": string;
+        /**
+          * Event fired when the button is pressed.
+         */
+        "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.
+         */
+        "type"?: 'button' | 'submit' | 'reset';
+        /**
+          * The display variant of the button.
+         */
+        "variant"?: 'standard' | 'text' | 'outline';
+    }
+    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: VerdocsDropdownCustomEvent<IMenuOption>) => void;
+        /**
+          * If set, the component will be open by default. This is primarily intended to be used for testing.
+         */
+        "open"?: boolean;
+        /**
+          * The menu options to display.
+         */
+        "options"?: IMenuOption[];
+    }
+    interface VerdocsFieldAttachment {
+        /**
+          * Sets the disabled attribute of the input element.
+         */
+        "disabled"?: boolean;
+        /**
+          * 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: VerdocsFieldAttachmentCustomEvent<string>) => void;
+        /**
+          * Sets the tabIndex of the input element.
+         */
+        "order"?: number;
+        /**
+          * If true, the field will be marked required.
+         */
+        "required"?: boolean;
+        /**
+          * Sets the value of the input element.
+         */
+        "value"?: string;
     }
-    interface DropdownMenu {
+    interface VerdocsFieldCheckbox {
         /**
-          * If set, the component will be open by default. This is primarily intended to be used for testing.
+          * Sets the disabled attribute of the input element.
          */
-        "open": boolean;
+        "disabled"?: boolean;
         /**
-          * The menu options to display.
+          * 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.
          */
-        "options": IMenuOption[];
+        "onFieldChange"?: (event: VerdocsFieldCheckboxCustomEvent<string>) => void;
         /**
-          * If set, the component will reserve space for Storybook-display purposes.
+          * Sets the tabIndex of the input element.
          */
-        "tall": boolean;
-    }
-    interface OrgPopup {
+        "order"?: number;
         /**
-          * The organization to display
+          * If true, the field will be marked required.
          */
-        "organization": any;
+        "required"?: boolean;
         /**
-          * The "theme" to be used
+          * Sets the value of the input element.
          */
-        "theme": "light" | "dark";
+        "value"?: boolean;
     }
-    interface PdfViewer {
+    interface VerdocsFieldDate {
         /**
-          * Rotate the PDF in degrees {number}
+          * Sets the disabled attribute of the input element.
          */
-        "rotation": 0 | 90 | 180 | 270 | 360;
+        "disabled"?: boolean;
         /**
-          * Src of the PDF to load and render {number}
+          * Event fired when the input field gains focus.
          */
-        "src": string;
-    }
-    interface SearchBox {
+        "onFieldBlur"?: (event: VerdocsFieldDateCustomEvent<boolean>) => void;
         /**
-          * The placeholder to display in the input field.
+          * 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.
          */
-        "placeholder": string;
+        "onFieldChange"?: (event: VerdocsFieldDateCustomEvent<string>) => void;
         /**
-          * The text search string entered by the user.
+          * Event fired when the input field loses focus.
          */
-        "query": string;
+        "onFieldFocus"?: (event: VerdocsFieldDateCustomEvent<boolean>) => void;
         /**
-          * If set to a value other than 'all', a removeable filter indicator will be displayed.
+          * Event fired on every character entered into / deleted from the field.
          */
-        "type": TContentType;
-    }
-    interface SearchEmbed {
-    }
-    interface SearchQuickFunctions {
-    }
-    interface SearchRecent {
+        "onFieldInput"?: (event: VerdocsFieldDateCustomEvent<string>) => void;
         /**
-          * 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).
+          * Sets the tabIndex of the input element.
          */
-        "limit": number;
-    }
-    interface SearchSaved {
+        "order"?: number;
         /**
-          * 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).
+          * A placeholder to assist the user in completing the field.
          */
-        "limit": number;
-    }
-    interface SearchStarred {
-        "options": any;
-    }
-    interface SearchTabs {
-    }
-    interface TagsIndicator {
+        "placeholder"?: string;
         /**
-          * The tags to display
+          * If true, the field will be marked required.
          */
-        "tags": any[];
+        "required"?: boolean;
         /**
-          * The "theme" to be used
+          * Sets the value of the input element.
          */
-        "theme": "light" | "dark";
+        "value"?: string;
     }
-    interface TemplateCard {
+    interface VerdocsFieldDropdown {
         /**
-          * The template whose information is gonna be displayed
+          * Sets the disabled attribute of the input element.
          */
-        "template": any;
+        "disabled"?: boolean;
         /**
-          * The "theme" to be used
+          * Event fired when the input field gains focus.
          */
-        "theme": 'light' | 'dark';
-    }
-    interface ToggleIconButtons {
+        "onFieldBlur"?: (event: VerdocsFieldDropdownCustomEvent<boolean>) => void;
         /**
-          * The tags to display
+          * 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.
          */
-        "options": IToggleIconButtons;
+        "onFieldChange"?: (event: VerdocsFieldDropdownCustomEvent<string>) => void;
         /**
-          * The "theme" to be used
+          * Event fired when the input field loses focus.
          */
-        "theme": "light" | "dark";
-    }
-}
-declare global {
-    interface HTMLDocumentStatusIndicatorElement extends Components.DocumentStatusIndicator, HTMLStencilElement {
-    }
-    var HTMLDocumentStatusIndicatorElement: {
-        prototype: HTMLDocumentStatusIndicatorElement;
-        new (): HTMLDocumentStatusIndicatorElement;
-    };
-    interface HTMLDropdownMenuElement extends Components.DropdownMenu, HTMLStencilElement {
-    }
-    var HTMLDropdownMenuElement: {
-        prototype: HTMLDropdownMenuElement;
-        new (): HTMLDropdownMenuElement;
-    };
-    interface HTMLOrgPopupElement extends Components.OrgPopup, HTMLStencilElement {
-    }
-    var HTMLOrgPopupElement: {
-        prototype: HTMLOrgPopupElement;
-        new (): HTMLOrgPopupElement;
-    };
-    interface HTMLPdfViewerElement extends Components.PdfViewer, HTMLStencilElement {
-    }
-    var HTMLPdfViewerElement: {
-        prototype: HTMLPdfViewerElement;
-        new (): HTMLPdfViewerElement;
-    };
-    interface HTMLSearchBoxElement extends Components.SearchBox, HTMLStencilElement {
-    }
-    var HTMLSearchBoxElement: {
-        prototype: HTMLSearchBoxElement;
-        new (): HTMLSearchBoxElement;
-    };
-    interface HTMLSearchEmbedElement extends Components.SearchEmbed, HTMLStencilElement {
+        "onFieldFocus"?: (event: VerdocsFieldDropdownCustomEvent<boolean>) => void;
+        /**
+          * The optoins to choose from.
+         */
+        "options"?: any[];
+        /**
+          * Sets the tabIndex of the input element.
+         */
+        "order"?: number;
+        /**
+          * If true, the field will be marked required.
+         */
+        "required"?: boolean;
+        /**
+          * The currently selected value.
+         */
+        "value"?: string;
     }
-    var HTMLSearchEmbedElement: {
-        prototype: HTMLSearchEmbedElement;
-        new (): HTMLSearchEmbedElement;
-    };
-    interface HTMLSearchQuickFunctionsElement extends Components.SearchQuickFunctions, HTMLStencilElement {
+    interface VerdocsFieldInitial {
+        /**
+          * The user's full name.
+         */
+        "fullName"?: string;
+        /**
+          * 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: VerdocsFieldInitialCustomEvent<string>) => void;
+        /**
+          * Event emitted when the user cancels the process.
+         */
+        "onCancel"?: (event: VerdocsFieldInitialCustomEvent<any>) => void;
+        /**
+          * Whether the field is required.
+         */
+        "required"?: boolean;
+        /**
+          * The base64 signature value.
+         */
+        "value"?: string;
     }
-    var HTMLSearchQuickFunctionsElement: {
-        prototype: HTMLSearchQuickFunctionsElement;
-        new (): HTMLSearchQuickFunctionsElement;
-    };
-    interface HTMLSearchRecentElement extends Components.SearchRecent, HTMLStencilElement {
+    interface VerdocsFieldPayment {
+        "currentInitial"?: string;
+        "currentInitialId"?: string;
+        "currentSignature"?: string;
+        "currentSignatureId"?: string;
+        /**
+          * The field to display.
+         */
+        "field"?: IDocumentField;
+        "fieldId"?: string;
+        "fields"?: any[];
+        "focused"?: boolean;
+        "onInitialComplete"?: (event: VerdocsFieldPaymentCustomEvent<string>) => void;
+        "onSignatureComplete"?: (event: VerdocsFieldPaymentCustomEvent<string>) => void;
+        "pageNum"?: number;
+        "pdfPages"?: any[];
+        "recipients"?: any;
+        "roleName"?: string;
+        "selectedRoleName"?: string;
+        "signed"?: boolean;
     }
-    var HTMLSearchRecentElement: {
-        prototype: HTMLSearchRecentElement;
-        new (): HTMLSearchRecentElement;
-    };
-    interface HTMLSearchSavedElement extends Components.SearchSaved, HTMLStencilElement {
+    interface VerdocsFieldRadioButton {
+        /**
+          * Sets the value of the input element.
+         */
+        "checked"?: boolean;
+        /**
+          * Sets the disabled attribute of the input element.
+         */
+        "disabled"?: boolean;
+        /**
+          * Sets the name of the input element.
+         */
+        "name"?: string;
+        /**
+          * 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: VerdocsFieldRadioButtonCustomEvent<string>) => void;
+        /**
+          * Sets the tabIndex of the input element.
+         */
+        "order"?: number;
+        /**
+          * If true, the field will be marked required.
+         */
+        "required"?: boolean;
+        /**
+          * Sets the value of the input element.
+         */
+        "value"?: string;
     }
-    var HTMLSearchSavedElement: {
-        prototype: HTMLSearchSavedElement;
-        new (): HTMLSearchSavedElement;
-    };
-    interface HTMLSearchStarredElement extends Components.SearchStarred, HTMLStencilElement {
+    interface VerdocsFieldSignature {
+        /**
+          * The user's full name.
+         */
+        "fullName"?: string;
+        /**
+          * 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: VerdocsFieldSignatureCustomEvent<string>) => void;
+        /**
+          * Event emitted when the user cancels the process.
+         */
+        "onCancel"?: (event: VerdocsFieldSignatureCustomEvent<any>) => void;
+        /**
+          * Whether the field is required.
+         */
+        "required"?: boolean;
+        /**
+          * The base64 signature value.
+         */
+        "value"?: string;
     }
-    var HTMLSearchStarredElement: {
-        prototype: HTMLSearchStarredElement;
-        new (): HTMLSearchStarredElement;
-    };
-    interface HTMLSearchTabsElement extends Components.SearchTabs, HTMLStencilElement {
+    interface VerdocsFieldTextarea {
+        /**
+          * Sets the disabled attribute of the input element.
+         */
+        "disabled"?: boolean;
+        /**
+          * Event fired when the input field gains focus.
+         */
+        "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: VerdocsFieldTextareaCustomEvent<string>) => void;
+        /**
+          * Event fired when the input field loses focus.
+         */
+        "onFieldFocus"?: (event: VerdocsFieldTextareaCustomEvent<boolean>) => void;
+        /**
+          * Event fired on every character entered into / deleted from the field.
+         */
+        "onFieldInput"?: (event: VerdocsFieldTextareaCustomEvent<string>) => void;
+        /**
+          * Sets the tabIndex of the input element.
+         */
+        "order"?: number;
+        /**
+          * A placeholder to assist the user in completing the field.
+         */
+        "placeholder"?: string;
+        /**
+          * If true, the field will be marked required.
+         */
+        "required"?: boolean;
+        /**
+          * Sets the value of the input element.
+         */
+        "value"?: string;
     }
-    var HTMLSearchTabsElement: {
-        prototype: HTMLSearchTabsElement;
-        new (): HTMLSearchTabsElement;
-    };
-    interface HTMLTagsIndicatorElement extends Components.TagsIndicator, HTMLStencilElement {
+    interface VerdocsFieldTextbox {
+        /**
+          * Sets the disabled attribute of the input element.
+         */
+        "disabled"?: boolean;
+        /**
+          * Event fired when the input field gains focus.
+         */
+        "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: VerdocsFieldTextboxCustomEvent<string>) => void;
+        /**
+          * Event fired when the input field loses focus.
+         */
+        "onFieldFocus"?: (event: VerdocsFieldTextboxCustomEvent<boolean>) => void;
+        /**
+          * Event fired on every character entered into / deleted from the field.
+         */
+        "onFieldInput"?: (event: VerdocsFieldTextboxCustomEvent<string>) => void;
+        /**
+          * Sets the tabIndex of the input element.
+         */
+        "order"?: number;
+        /**
+          * A placeholder to assist the user in completing the field.
+         */
+        "placeholder"?: string;
+        /**
+          * If true, the field will be marked required.
+         */
+        "required"?: boolean;
+        /**
+          * Sets the value of the input element.
+         */
+        "value"?: string;
     }
-    var HTMLTagsIndicatorElement: {
-        prototype: HTMLTagsIndicatorElement;
-        new (): HTMLTagsIndicatorElement;
-    };
-    interface HTMLTemplateCardElement extends Components.TemplateCard, HTMLStencilElement {
+    interface VerdocsInitialDialog {
+        /**
+          * Initial signature text
+         */
+        "fullname"?: string;
+        /**
+          * Event fired when the initials are adopted.
+         */
+        "onAdopt"?: (event: VerdocsInitialDialogCustomEvent<string>) => void;
+        /**
+          * Event fired when the step is cancelled.
+         */
+        "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;
     }
-    var HTMLTemplateCardElement: {
-        prototype: HTMLTemplateCardElement;
-        new (): HTMLTemplateCardElement;
-    };
-    interface HTMLToggleIconButtonsElement extends Components.ToggleIconButtons, HTMLStencilElement {
+    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;
     }
-    var HTMLToggleIconButtonsElement: {
-        prototype: HTMLToggleIconButtonsElement;
-        new (): HTMLToggleIconButtonsElement;
-    };
-    interface HTMLElementTagNameMap {
-        "document-status-indicator": HTMLDocumentStatusIndicatorElement;
-        "dropdown-menu": HTMLDropdownMenuElement;
-        "org-popup": HTMLOrgPopupElement;
-        "pdf-viewer": HTMLPdfViewerElement;
-        "search-box": HTMLSearchBoxElement;
-        "search-embed": HTMLSearchEmbedElement;
-        "search-quick-functions": HTMLSearchQuickFunctionsElement;
-        "search-recent": HTMLSearchRecentElement;
-        "search-saved": HTMLSearchSavedElement;
-        "search-starred": HTMLSearchStarredElement;
-        "search-tabs": HTMLSearchTabsElement;
-        "tags-indicator": HTMLTagsIndicatorElement;
-        "template-card": HTMLTemplateCardElement;
-        "toggle-icon-buttons": HTMLToggleIconButtonsElement;
+    interface VerdocsLoader {
     }
-}
-declare namespace LocalJSX {
-    interface DocumentStatusIndicator {
+    interface VerdocsOkDialog {
         /**
-          * The status to display
+          * If set, a cancel button will also be displayed. Note that the dialog is always cancelable by clicking the background overlay to dismiss it.
          */
-        "status"?: TDocumentStatus;
-    }
-    interface DropdownMenu {
+        "cancel"?: boolean;
         /**
-          * 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.
+          * The title of the dialog. "title" is a reserved word, so we use heading.
          */
-        "onOptionSelected"?: (event: CustomEvent<IMenuOption>) => void;
+        "heading"?: string;
         /**
-          * If set, the component will be open by default. This is primarily intended to be used for testing.
+          * The message content to display.
          */
-        "open"?: boolean;
+        "message"?: string;
         /**
-          * The menu options to display.
+          * Event fired when the dialog is closed. The event data will contain the closure reason.
          */
-        "options"?: IMenuOption[];
+        "onClosed"?: (event: VerdocsOkDialogCustomEvent<'cancel' | 'ok'>) => void;
         /**
-          * If set, the component will reserve space for Storybook-display purposes.
+          * Whether the dialog is currently being displayed. This allows it to be added to the DOM before being displayed.
          */
-        "tall"?: boolean;
+        "open"?: boolean;
     }
-    interface OrgPopup {
+    interface VerdocsOrganizationCard {
         /**
           * The organization to display
          */
-        "organization"?: any;
+        "organization"?: IOrganization;
+    }
+    interface VerdocsQuickFunctions {
         /**
-          * The "theme" to be used
+          * Event fired when an entry is clicked.
          */
-        "theme"?: "light" | "dark";
-    }
-    interface PdfViewer {
-        "onPageChange"?: (event: CustomEvent<number>) => void;
-        "onPageRendered"?: (event: CustomEvent<number>) => void;
+        "onCreateDocument"?: (event: VerdocsQuickFunctionsCustomEvent<any>) => void;
         /**
-          * Rotate the PDF in degrees {number}
+          * Event fired when an entry is clicked.
          */
-        "rotation"?: 0 | 90 | 180 | 270 | 360;
+        "onCreateTemplate"?: (event: VerdocsQuickFunctionsCustomEvent<any>) => void;
+    }
+    interface VerdocsSearch {
+    }
+    interface VerdocsSearchActivity {
         /**
-          * Src of the PDF to load and render {number}
+          * Event fired when an entry is clicked.
          */
-        "src"?: string;
+        "onEntrySelected"?: (event: VerdocsSearchActivityCustomEvent<IRecentSearch>) => void;
+        "options"?: any;
+        "type"?: 'recent' | 'saved' | 'starred';
     }
-    interface SearchBox {
+    interface VerdocsSearchBox {
         /**
           * 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.
          */
@@ -292,68 +1297,109 @@ declare namespace LocalJSX {
          */
         "type"?: TContentType;
     }
-    interface SearchEmbed {
+    interface VerdocsSearchTabs {
     }
-    interface SearchQuickFunctions {
+    interface VerdocsSign {
         /**
-          * Event fired when an entry is clicked.
+          * If `source` is set to `verdocs-sign`, this should be set to a valid invitation code to activate a signing session.
          */
-        "onCreateDocument"?: (event: CustomEvent<any>) => void;
+        "documentid"?: string | null;
         /**
-          * Event fired when an entry is clicked.
+          * If `source` is set to `verdocs-sign`, this should be set to a valid invitation code to activate a signing session.
+         */
+        "invitecode"?: string | null;
+        /**
+          * If `source` is set to `verdocs-sign`, this should be set to a valid invitation code to activate a signing session.
          */
-        "onCreateTemplate"?: (event: CustomEvent<any>) => void;
+        "roleid"?: string | null;
     }
-    interface SearchRecent {
+    interface VerdocsSignatureDialog {
         /**
-          * 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).
+          * Initial signature text
          */
-        "limit"?: number;
+        "fullname"?: string;
         /**
-          * Event fired when an entry is clicked.
+          * Event fired when the initials are adopted.
          */
-        "onEntrySelected"?: (event: CustomEvent<IRecentSearch>) => void;
-    }
-    interface SearchSaved {
+        "onAdopt"?: (event: VerdocsSignatureDialogCustomEvent<string>) => void;
         /**
-          * 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).
+          * Event fired when the step is cancelled.
          */
-        "limit"?: number;
+        "onCancel"?: (event: VerdocsSignatureDialogCustomEvent<any>) => void;
         /**
-          * Event fired when an entry is clicked.
+          * Whether the dialog is currently being displayed. This allows it to be added to the DOM before being displayed.
          */
-        "onEntrySelected"?: (event: CustomEvent<ISavedSearch>) => void;
+        "open"?: boolean;
     }
-    interface SearchStarred {
+    interface VerdocsStatusIndicator {
         /**
-          * Event fired when an entry is clicked.
+          * The document to display status for. Ignored if `status` is set directly.
          */
-        "onEntrySelected"?: (event: CustomEvent<IRecentSearch>) => void;
-        "options"?: any;
+        "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 SearchTabs {
+    interface VerdocsTemplateCard {
+        /**
+          * The template for which the card will be rendered.
+         */
+        "template"?: ITemplate;
     }
-    interface TagsIndicator {
+    interface VerdocsTemplateTags {
         /**
           * The tags to display
          */
         "tags"?: any[];
+    }
+    interface VerdocsTextInput {
         /**
-          * The "theme" to be used
+          * If desired, the autocomplete attribute to set.
          */
-        "theme"?: "light" | "dark";
-    }
-    interface TemplateCard {
+        "autocomplete"?: string;
         /**
-          * The template whose information is gonna be displayed
+          * Should the field be disabled?
          */
-        "template"?: any;
+        "disabled"?: boolean;
         /**
-          * The "theme" to be used
+          * The label for the field.
          */
-        "theme"?: 'light' | 'dark';
+        "label"?: string;
+        /**
+          * Event fired when the field loses focus.
+         */
+        "onFieldBlur"?: (event: VerdocsTextInputCustomEvent<any>) => void;
+        /**
+          * Event fired when the field receives focus.
+         */
+        "onFieldFocus"?: (event: VerdocsTextInputCustomEvent<any>) => void;
+        /**
+          * Event fired when the input value changes.
+         */
+        "onFieldInput"?: (event: VerdocsTextInputCustomEvent<string>) => void;
+        /**
+          * The placeholder for the field.
+         */
+        "placeholder"?: string;
+        /**
+          * The type of field to render. Only text-type fields are allowed here for the current styling. Additional types (e.g. a date picker) will be supported by other controls in the future.
+         */
+        "type"?: 'text' | 'password' | 'email' | 'number' | 'search' | 'tel' | 'url';
+        /**
+          * The value for the input field.
+         */
+        "value"?: string;
     }
-    interface ToggleIconButtons {
+    interface VerdocsToggle {
         /**
           * The tags to display
          */
@@ -361,43 +1407,131 @@ declare namespace LocalJSX {
         /**
           * The "theme" to be used
          */
-        "theme"?: "light" | "dark";
+        "theme"?: 'light' | 'dark';
+    }
+    interface VerdocsUploadDialog {
+        /**
+          * Event fired when the dialog is closed. The event data will contain the closure reason.
+         */
+        "onCancel"?: (event: VerdocsUploadDialogCustomEvent<any>) => void;
+        /**
+          * Event fired when the dialog is closed. The event data will contain the closure reason.
+         */
+        "onDone"?: (event: VerdocsUploadDialogCustomEvent<FileWithData[]>) => void;
+        /**
+          * Whether the dialog is currently being displayed. This allows it to be added to the DOM before being displayed.
+         */
+        "open"?: boolean;
+    }
+    interface VerdocsView {
+        /**
+          * Fired when the document has completed rendered. The event will include the rendered page count.
+         */
+        "onDocumentRendered"?: (event: VerdocsViewCustomEvent<IPDFRenderEvent>) => void;
+        /**
+          * Fired when a page has been changed
+         */
+        "onPageChange"?: (event: VerdocsViewCustomEvent<number>) => void;
+        /**
+          * Fired when a page has been initialized
+         */
+        "onPageInit"?: (event: VerdocsViewCustomEvent<number>) => void;
+        /**
+          * Fired when a page has been changed
+         */
+        "onPageLoaded"?: (event: VerdocsViewCustomEvent<number>) => void;
+        /**
+          * Fired when a page has been rendered
+         */
+        "onPageRendered"?: (event: VerdocsViewCustomEvent<IPDFRenderEvent>) => void;
+        /**
+          * Fired when a page has been scaled
+         */
+        "onScaleChange"?: (event: VerdocsViewCustomEvent<number>) => void;
+        /**
+          * Rotate the PDF in degrees
+         */
+        "rotation"?: 0 | 90 | 180 | 270;
+        /**
+          * Src of the PDF to load and render
+         */
+        "source"?: string;
+        /**
+          * Access token to use. This component is a wrapper for PDF.js which does not use a VerdocsEndpoint, so the token must be supplied directly.
+         */
+        "token"?: string | null;
     }
     interface IntrinsicElements {
-        "document-status-indicator": DocumentStatusIndicator;
-        "dropdown-menu": DropdownMenu;
-        "org-popup": OrgPopup;
-        "pdf-viewer": PdfViewer;
-        "search-box": SearchBox;
-        "search-embed": SearchEmbed;
-        "search-quick-functions": SearchQuickFunctions;
-        "search-recent": SearchRecent;
-        "search-saved": SearchSaved;
-        "search-starred": SearchStarred;
-        "search-tabs": SearchTabs;
-        "tags-indicator": TagsIndicator;
-        "template-card": TemplateCard;
-        "toggle-icon-buttons": ToggleIconButtons;
+        "verdocs-auth": VerdocsAuth;
+        "verdocs-button": VerdocsButton;
+        "verdocs-dropdown": VerdocsDropdown;
+        "verdocs-field-attachment": VerdocsFieldAttachment;
+        "verdocs-field-checkbox": VerdocsFieldCheckbox;
+        "verdocs-field-date": VerdocsFieldDate;
+        "verdocs-field-dropdown": VerdocsFieldDropdown;
+        "verdocs-field-initial": VerdocsFieldInitial;
+        "verdocs-field-payment": VerdocsFieldPayment;
+        "verdocs-field-radio-button": VerdocsFieldRadioButton;
+        "verdocs-field-signature": VerdocsFieldSignature;
+        "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;
+        "verdocs-toggle": VerdocsToggle;
+        "verdocs-upload-dialog": VerdocsUploadDialog;
+        "verdocs-view": VerdocsView;
     }
 }
 export { LocalJSX as JSX };
 declare module "@stencil/core" {
     export namespace JSX {
         interface IntrinsicElements {
-            "document-status-indicator": LocalJSX.DocumentStatusIndicator & JSXBase.HTMLAttributes<HTMLDocumentStatusIndicatorElement>;
-            "dropdown-menu": LocalJSX.DropdownMenu & JSXBase.HTMLAttributes<HTMLDropdownMenuElement>;
-            "org-popup": LocalJSX.OrgPopup & JSXBase.HTMLAttributes<HTMLOrgPopupElement>;
-            "pdf-viewer": LocalJSX.PdfViewer & JSXBase.HTMLAttributes<HTMLPdfViewerElement>;
-            "search-box": LocalJSX.SearchBox & JSXBase.HTMLAttributes<HTMLSearchBoxElement>;
-            "search-embed": LocalJSX.SearchEmbed & JSXBase.HTMLAttributes<HTMLSearchEmbedElement>;
-            "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>;
-            "tags-indicator": LocalJSX.TagsIndicator & JSXBase.HTMLAttributes<HTMLTagsIndicatorElement>;
-            "template-card": LocalJSX.TemplateCard & JSXBase.HTMLAttributes<HTMLTemplateCardElement>;
-            "toggle-icon-buttons": LocalJSX.ToggleIconButtons & JSXBase.HTMLAttributes<HTMLToggleIconButtonsElement>;
+            "verdocs-auth": LocalJSX.VerdocsAuth & JSXBase.HTMLAttributes<HTMLVerdocsAuthElement>;
+            "verdocs-button": LocalJSX.VerdocsButton & JSXBase.HTMLAttributes<HTMLVerdocsButtonElement>;
+            "verdocs-dropdown": LocalJSX.VerdocsDropdown & JSXBase.HTMLAttributes<HTMLVerdocsDropdownElement>;
+            "verdocs-field-attachment": LocalJSX.VerdocsFieldAttachment & JSXBase.HTMLAttributes<HTMLVerdocsFieldAttachmentElement>;
+            "verdocs-field-checkbox": LocalJSX.VerdocsFieldCheckbox & JSXBase.HTMLAttributes<HTMLVerdocsFieldCheckboxElement>;
+            "verdocs-field-date": LocalJSX.VerdocsFieldDate & JSXBase.HTMLAttributes<HTMLVerdocsFieldDateElement>;
+            "verdocs-field-dropdown": LocalJSX.VerdocsFieldDropdown & JSXBase.HTMLAttributes<HTMLVerdocsFieldDropdownElement>;
+            "verdocs-field-initial": LocalJSX.VerdocsFieldInitial & JSXBase.HTMLAttributes<HTMLVerdocsFieldInitialElement>;
+            "verdocs-field-payment": LocalJSX.VerdocsFieldPayment & JSXBase.HTMLAttributes<HTMLVerdocsFieldPaymentElement>;
+            "verdocs-field-radio-button": LocalJSX.VerdocsFieldRadioButton & JSXBase.HTMLAttributes<HTMLVerdocsFieldRadioButtonElement>;
+            "verdocs-field-signature": LocalJSX.VerdocsFieldSignature & JSXBase.HTMLAttributes<HTMLVerdocsFieldSignatureElement>;
+            "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>;
+            "verdocs-toggle": LocalJSX.VerdocsToggle & JSXBase.HTMLAttributes<HTMLVerdocsToggleElement>;
+            "verdocs-upload-dialog": LocalJSX.VerdocsUploadDialog & JSXBase.HTMLAttributes<HTMLVerdocsUploadDialogElement>;
+            "verdocs-view": LocalJSX.VerdocsView & JSXBase.HTMLAttributes<HTMLVerdocsViewElement>;
         }
     }
 }