@verdocs/web-sdk 1.14.12 → 1.15.1

package/dist/types/components.d.ts

@@ -6,15 +6,16 @@
  */
 import { HTMLStencilElement, JSXBase } from "./stencil-public-runtime";
 import { VerdocsEndpoint } from "@verdocs/js-sdk";
-import { IAuthStatus } from "./components/embeds/verdocs-auth/verdocs-auth";
 import { SDKError } from "./utils/errors";
+import { IEnvelope, IEnvelopeField, TEnvelopeStatus, TRecipientStatus } from "@verdocs/js-sdk/Envelopes/Types";
+import { IAuthStatus } from "./components/embeds/verdocs-auth/verdocs-auth";
 import { IRole, ITemplate, ITemplateField, ITemplateFieldSetting, TTemplateSender } from "@verdocs/js-sdk/Templates/Types";
 import { IContactSearchEvent, IContactSelectEvent, IEmailContact, IPhoneContact } from "./components/envelopes/verdocs-contact-picker/verdocs-contact-picker";
 import { IMenuOption } from "./components/controls/verdocs-dropdown/verdocs-dropdown";
 import { IDocumentPageInfo, IPageLayer } from "./utils/Types";
-import { IEnvelope, IEnvelopeField, TEnvelopeStatus, TRecipientStatus } from "@verdocs/js-sdk/Envelopes/Types";
 import { IOption } from "./components/controls/verdocs-floating-menu/verdocs-floating-menu";
 import { IOrganization } from "@verdocs/js-sdk/Organizations/Types";
+import { IFilterOption } from "./components/controls/verdocs-quick-filter/verdocs-quick-filter";
 import { IRecentSearch } from "@verdocs/js-sdk/Search/Types";
 import { ISearchEvent, TContentType } from "./components/elements/verdocs-search-box/verdocs-search-box";
 import { IContactSearchEvent as IContactSearchEvent1 } from "./components/envelopes/verdocs-contact-picker/verdocs-contact-picker";
@@ -22,6 +23,34 @@ import { IToggleIconButtons } from "./components/controls/verdocs-toggle/verdocs
 import { Placement } from "@popperjs/core/lib/enums";
 import { FileWithData } from "@verdocs/js-sdk/Utils/Files";
 export namespace Components {
+    interface IpcTest {
+        /**
+          * The endpoint to use to communicate with Verdocs. If not set, the default endpoint will be used.
+         */
+        "endpoint": VerdocsEndpoint;
+        /**
+          * The template ID to edit.
+         */
+        "templateId": string;
+    }
+    interface VerdocsActivityBox {
+        /**
+          * The endpoint to use to communicate with Verdocs. If not set, the default endpoint will be used.
+         */
+        "endpoint": VerdocsEndpoint;
+        /**
+          * The title to display on the box ("title" is a reserved word). This is optional, and if not set, the title will be derived from the view. Set this to an empty string to hide the header.
+         */
+        "header"?: string | undefined;
+        /**
+          * The number of items to display.
+         */
+        "items": number;
+        /**
+          * The filtered view to display. "completed" will show envelopes that have been submitted. "action" will show envelopes where the user is a recipient and the envelope is not completed. "waiting" will show only envelopes where the user is the sender and the envelope is not completed.
+         */
+        "view"?: 'completed' | 'action' | 'waiting';
+    }
     interface VerdocsAuth {
         /**
           * The endpoint to use to communicate with Verdocs. If not set, the default endpoint will be used.
@@ -208,6 +237,32 @@ export namespace Components {
          */
         "envelopeId": string;
     }
+    interface VerdocsEnvelopesList {
+        /**
+          * The endpoint to use to communicate with Verdocs. If not set, the default endpoint will be used.
+         */
+        "endpoint": VerdocsEndpoint;
+        /**
+          * The max number of items to display.
+         */
+        "maxItems": number;
+        /**
+          * The initial page number to select. Pagination is internally controlled but may be overriden by the host applicaiton.
+         */
+        "selectedPage": number;
+        /**
+          * The sort field to use
+         */
+        "sortBy": 'created_at' | 'updated_at' | 'envelope_name' | 'canceled_at' | 'envelope_status';
+        /**
+          * The status value to filter by
+         */
+        "status": TEnvelopeStatus | 'all';
+        /**
+          * The filtered view to display. "completed" will show envelopes that have been submitted. "action" will show envelopes where the user is a recipient and the envelope is not completed. "waiting" will show only envelopes where the user is the sender and the envelope is not completed.
+         */
+        "view"?: 'all' | 'inbox' | 'sent' | 'completed' | 'action' | 'waiting';
+    }
     interface VerdocsFieldAttachment {
         /**
           * If set, overrides the field's settings object. Primarily used to support "preview" modes where all fields are disabled.
@@ -721,6 +776,20 @@ export namespace Components {
          */
         "organization": IOrganization;
     }
+    interface VerdocsPagination {
+        /**
+          * The total number of items.
+         */
+        "itemCount": number;
+        /**
+          * The number of displayed per page.
+         */
+        "perPage": number;
+        /**
+          * The currently selected page.
+         */
+        "selectedPage": number;
+    }
     interface VerdocsPreview {
         /**
           * The endpoint to use to communicate with Verdocs. If not set, the default endpoint will be used.
@@ -745,6 +814,15 @@ export namespace Components {
          */
         "showPercent": boolean;
     }
+    interface VerdocsQuickFilter {
+        "label": string;
+        /**
+          * The menu options to display.
+         */
+        "options": IFilterOption[];
+        "placeholder": string;
+        "value": string;
+    }
     interface VerdocsQuickFunctions {
         /**
           * The endpoint to use to communicate with Verdocs. If not set, the default endpoint will be used.
@@ -861,6 +939,10 @@ export namespace Components {
          */
         "name": string;
     }
+    interface VerdocsSpinner {
+        "mode": 'light' | 'dark';
+        "size": number;
+    }
     interface VerdocsStatusIndicator {
         /**
           * The document to display status for. Ignored if `status` is set directly.
@@ -1041,6 +1123,24 @@ export namespace Components {
          */
         "templateId": string;
     }
+    interface VerdocsTemplatesList {
+        /**
+          * The endpoint to use to communicate with Verdocs. If not set, the default endpoint will be used.
+         */
+        "endpoint": VerdocsEndpoint;
+        /**
+          * The number of items to display.
+         */
+        "items": number;
+        /**
+          * The first page nymbver to display (0-based)
+         */
+        "page": number;
+        /**
+          * The filtered view to display. "completed" will show envelopes that have been submitted. "action" will show envelopes where the user is a recipient and the envelope is not completed. "waiting" will show only envelopes where the user is the sender and the envelope is not completed.
+         */
+        "view"?: 'all' | 'inbox' | 'sent' | 'completed' | 'action' | 'waiting';
+    }
     interface VerdocsTextInput {
         /**
           * If desired, the autocomplete attribute to set.
@@ -1127,6 +1227,10 @@ export namespace Components {
         "headerTargetId": string | null;
     }
 }
+export interface VerdocsActivityBoxCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLVerdocsActivityBoxElement;
+}
 export interface VerdocsAuthCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLVerdocsAuthElement;
@@ -1155,6 +1259,10 @@ export interface VerdocsEnvelopeSidebarCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLVerdocsEnvelopeSidebarElement;
 }
+export interface VerdocsEnvelopesListCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLVerdocsEnvelopesListElement;
+}
 export interface VerdocsFieldAttachmentCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLVerdocsFieldAttachmentElement;
@@ -1219,10 +1327,18 @@ export interface VerdocsOkDialogCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLVerdocsOkDialogElement;
 }
+export interface VerdocsPaginationCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLVerdocsPaginationElement;
+}
 export interface VerdocsPreviewCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLVerdocsPreviewElement;
 }
+export interface VerdocsQuickFilterCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLVerdocsQuickFilterElement;
+}
 export interface VerdocsQuickFunctionsCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLVerdocsQuickFunctionsElement;
@@ -1291,6 +1407,10 @@ export interface VerdocsTemplateVisibilityCustomEvent<T> extends CustomEvent<T>
     detail: T;
     target: HTMLVerdocsTemplateVisibilityElement;
 }
+export interface VerdocsTemplatesListCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLVerdocsTemplatesListElement;
+}
 export interface VerdocsToggleButtonCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLVerdocsToggleButtonElement;
@@ -1304,6 +1424,18 @@ export interface VerdocsViewCustomEvent<T> extends CustomEvent<T> {
     target: HTMLVerdocsViewElement;
 }
 declare global {
+    interface HTMLIpcTestElement extends Components.IpcTest, HTMLStencilElement {
+    }
+    var HTMLIpcTestElement: {
+        prototype: HTMLIpcTestElement;
+        new (): HTMLIpcTestElement;
+    };
+    interface HTMLVerdocsActivityBoxElement extends Components.VerdocsActivityBox, HTMLStencilElement {
+    }
+    var HTMLVerdocsActivityBoxElement: {
+        prototype: HTMLVerdocsActivityBoxElement;
+        new (): HTMLVerdocsActivityBoxElement;
+    };
     interface HTMLVerdocsAuthElement extends Components.VerdocsAuth, HTMLStencilElement {
     }
     var HTMLVerdocsAuthElement: {
@@ -1370,6 +1502,12 @@ declare global {
         prototype: HTMLVerdocsEnvelopeSidebarElement;
         new (): HTMLVerdocsEnvelopeSidebarElement;
     };
+    interface HTMLVerdocsEnvelopesListElement extends Components.VerdocsEnvelopesList, HTMLStencilElement {
+    }
+    var HTMLVerdocsEnvelopesListElement: {
+        prototype: HTMLVerdocsEnvelopesListElement;
+        new (): HTMLVerdocsEnvelopesListElement;
+    };
     interface HTMLVerdocsFieldAttachmentElement extends Components.VerdocsFieldAttachment, HTMLStencilElement {
     }
     var HTMLVerdocsFieldAttachmentElement: {
@@ -1484,6 +1622,12 @@ declare global {
         prototype: HTMLVerdocsOrganizationCardElement;
         new (): HTMLVerdocsOrganizationCardElement;
     };
+    interface HTMLVerdocsPaginationElement extends Components.VerdocsPagination, HTMLStencilElement {
+    }
+    var HTMLVerdocsPaginationElement: {
+        prototype: HTMLVerdocsPaginationElement;
+        new (): HTMLVerdocsPaginationElement;
+    };
     interface HTMLVerdocsPreviewElement extends Components.VerdocsPreview, HTMLStencilElement {
     }
     var HTMLVerdocsPreviewElement: {
@@ -1496,6 +1640,12 @@ declare global {
         prototype: HTMLVerdocsProgressBarElement;
         new (): HTMLVerdocsProgressBarElement;
     };
+    interface HTMLVerdocsQuickFilterElement extends Components.VerdocsQuickFilter, HTMLStencilElement {
+    }
+    var HTMLVerdocsQuickFilterElement: {
+        prototype: HTMLVerdocsQuickFilterElement;
+        new (): HTMLVerdocsQuickFilterElement;
+    };
     interface HTMLVerdocsQuickFunctionsElement extends Components.VerdocsQuickFunctions, HTMLStencilElement {
     }
     var HTMLVerdocsQuickFunctionsElement: {
@@ -1556,6 +1706,12 @@ declare global {
         prototype: HTMLVerdocsSignatureDialogElement;
         new (): HTMLVerdocsSignatureDialogElement;
     };
+    interface HTMLVerdocsSpinnerElement extends Components.VerdocsSpinner, HTMLStencilElement {
+    }
+    var HTMLVerdocsSpinnerElement: {
+        prototype: HTMLVerdocsSpinnerElement;
+        new (): HTMLVerdocsSpinnerElement;
+    };
     interface HTMLVerdocsStatusIndicatorElement extends Components.VerdocsStatusIndicator, HTMLStencilElement {
     }
     var HTMLVerdocsStatusIndicatorElement: {
@@ -1640,6 +1796,12 @@ declare global {
         prototype: HTMLVerdocsTemplateVisibilityElement;
         new (): HTMLVerdocsTemplateVisibilityElement;
     };
+    interface HTMLVerdocsTemplatesListElement extends Components.VerdocsTemplatesList, HTMLStencilElement {
+    }
+    var HTMLVerdocsTemplatesListElement: {
+        prototype: HTMLVerdocsTemplatesListElement;
+        new (): HTMLVerdocsTemplatesListElement;
+    };
     interface HTMLVerdocsTextInputElement extends Components.VerdocsTextInput, HTMLStencilElement {
     }
     var HTMLVerdocsTextInputElement: {
@@ -1677,6 +1839,8 @@ declare global {
         new (): HTMLVerdocsViewElement;
     };
     interface HTMLElementTagNameMap {
+        "ipc-test": HTMLIpcTestElement;
+        "verdocs-activity-box": HTMLVerdocsActivityBoxElement;
         "verdocs-auth": HTMLVerdocsAuthElement;
         "verdocs-build": HTMLVerdocsBuildElement;
         "verdocs-button": HTMLVerdocsButtonElement;
@@ -1688,6 +1852,7 @@ declare global {
         "verdocs-envelope-document-page": HTMLVerdocsEnvelopeDocumentPageElement;
         "verdocs-envelope-recipient-summary": HTMLVerdocsEnvelopeRecipientSummaryElement;
         "verdocs-envelope-sidebar": HTMLVerdocsEnvelopeSidebarElement;
+        "verdocs-envelopes-list": HTMLVerdocsEnvelopesListElement;
         "verdocs-field-attachment": HTMLVerdocsFieldAttachmentElement;
         "verdocs-field-checkbox": HTMLVerdocsFieldCheckboxElement;
         "verdocs-field-date": HTMLVerdocsFieldDateElement;
@@ -1707,8 +1872,10 @@ declare global {
         "verdocs-loader": HTMLVerdocsLoaderElement;
         "verdocs-ok-dialog": HTMLVerdocsOkDialogElement;
         "verdocs-organization-card": HTMLVerdocsOrganizationCardElement;
+        "verdocs-pagination": HTMLVerdocsPaginationElement;
         "verdocs-preview": HTMLVerdocsPreviewElement;
         "verdocs-progress-bar": HTMLVerdocsProgressBarElement;
+        "verdocs-quick-filter": HTMLVerdocsQuickFilterElement;
         "verdocs-quick-functions": HTMLVerdocsQuickFunctionsElement;
         "verdocs-radio-button": HTMLVerdocsRadioButtonElement;
         "verdocs-search": HTMLVerdocsSearchElement;
@@ -1719,6 +1886,7 @@ declare global {
         "verdocs-send": HTMLVerdocsSendElement;
         "verdocs-sign": HTMLVerdocsSignElement;
         "verdocs-signature-dialog": HTMLVerdocsSignatureDialogElement;
+        "verdocs-spinner": HTMLVerdocsSpinnerElement;
         "verdocs-status-indicator": HTMLVerdocsStatusIndicatorElement;
         "verdocs-template-attachments": HTMLVerdocsTemplateAttachmentsElement;
         "verdocs-template-card": HTMLVerdocsTemplateCardElement;
@@ -1733,6 +1901,7 @@ declare global {
         "verdocs-template-sender": HTMLVerdocsTemplateSenderElement;
         "verdocs-template-tags": HTMLVerdocsTemplateTagsElement;
         "verdocs-template-visibility": HTMLVerdocsTemplateVisibilityElement;
+        "verdocs-templates-list": HTMLVerdocsTemplatesListElement;
         "verdocs-text-input": HTMLVerdocsTextInputElement;
         "verdocs-toggle": HTMLVerdocsToggleElement;
         "verdocs-toggle-button": HTMLVerdocsToggleButtonElement;
@@ -1742,6 +1911,46 @@ declare global {
     }
 }
 declare namespace LocalJSX {
+    interface IpcTest {
+        /**
+          * The endpoint to use to communicate with Verdocs. If not set, the default endpoint will be used.
+         */
+        "endpoint"?: VerdocsEndpoint;
+        /**
+          * The template ID to edit.
+         */
+        "templateId"?: string;
+    }
+    interface VerdocsActivityBox {
+        /**
+          * The endpoint to use to communicate with Verdocs. If not set, the default endpoint will be used.
+         */
+        "endpoint"?: VerdocsEndpoint;
+        /**
+          * The title to display on the box ("title" is a reserved word). This is optional, and if not set, the title will be derived from the view. Set this to an empty string to hide the header.
+         */
+        "header"?: string | undefined;
+        /**
+          * The number of items to display.
+         */
+        "items"?: number;
+        /**
+          * Event fired if an error occurs. The event details will contain information about the error. Most errors will terminate the process, and the calling application should correct the condition and re-render the component.
+         */
+        "onSdkError"?: (event: VerdocsActivityBoxCustomEvent<SDKError>) => void;
+        /**
+          * Event fired when the user clicks View All in the title bar. The current view will be included in the event details to help the host application navigate the user to the appropriate screen for the request. Note that the verdocs-envelopes-list control uses the same "view" parameter, so host applications can typically pass this value through directly. This button is not visible if the header is hidden.
+         */
+        "onViewAll"?: (event: VerdocsActivityBoxCustomEvent<{endpoint: VerdocsEndpoint; view: string}>) => void;
+        /**
+          * Event fired when the user clicks an activity entry. Typically the host application will use this to navigate to the envelope detail view.
+         */
+        "onViewEnvelope"?: (event: VerdocsActivityBoxCustomEvent<{endpoint: VerdocsEndpoint; envelope: IEnvelope}>) => void;
+        /**
+          * The filtered view to display. "completed" will show envelopes that have been submitted. "action" will show envelopes where the user is a recipient and the envelope is not completed. "waiting" will show only envelopes where the user is the sender and the envelope is not completed.
+         */
+        "view"?: 'completed' | 'action' | 'waiting';
+    }
     interface VerdocsAuth {
         /**
           * The endpoint to use to communicate with Verdocs. If not set, the default endpoint will be used.
@@ -1993,6 +2202,48 @@ declare namespace LocalJSX {
          */
         "onToggle"?: (event: VerdocsEnvelopeSidebarCustomEvent<{open: boolean}>) => void;
     }
+    interface VerdocsEnvelopesList {
+        /**
+          * The endpoint to use to communicate with Verdocs. If not set, the default endpoint will be used.
+         */
+        "endpoint"?: VerdocsEndpoint;
+        /**
+          * The max number of items to display.
+         */
+        "maxItems"?: number;
+        /**
+          * Event fired when the user clicks to finish signing later. Typically the host application should redirect the user to another page.
+         */
+        "onFinishLater"?: (event: VerdocsEnvelopesListCustomEvent<{endpoint: VerdocsEndpoint; envelope: IEnvelope}>) => void;
+        /**
+          * Event fired if an error occurs. The event details will contain information about the error. Most errors will terminate the process, and the calling application should correct the condition and re-render the component.
+         */
+        "onSdkError"?: (event: VerdocsEnvelopesListCustomEvent<SDKError>) => void;
+        /**
+          * Event fired when the user clicks View All in the title bar. The current view will be included in the event details to help the host application navigate the user to the appropriate screen for the request. Note that the verdocs-envelopes-list control uses the same "view" parameter, so host applications can typically pass this value through directly. This button is not visible if the header is hidden.
+         */
+        "onViewAll"?: (event: VerdocsEnvelopesListCustomEvent<{endpoint: VerdocsEndpoint; view: string}>) => void;
+        /**
+          * Event fired when the user clicks an activity entry. Typically the host application will use this to navigate to the envelope detail view.
+         */
+        "onViewEnvelope"?: (event: VerdocsEnvelopesListCustomEvent<{endpoint: VerdocsEndpoint; envelope: IEnvelope}>) => void;
+        /**
+          * The initial page number to select. Pagination is internally controlled but may be overriden by the host applicaiton.
+         */
+        "selectedPage"?: number;
+        /**
+          * The sort field to use
+         */
+        "sortBy"?: 'created_at' | 'updated_at' | 'envelope_name' | 'canceled_at' | 'envelope_status';
+        /**
+          * The status value to filter by
+         */
+        "status"?: TEnvelopeStatus | 'all';
+        /**
+          * The filtered view to display. "completed" will show envelopes that have been submitted. "action" will show envelopes where the user is a recipient and the envelope is not completed. "waiting" will show only envelopes where the user is the sender and the envelope is not completed.
+         */
+        "view"?: 'all' | 'inbox' | 'sent' | 'completed' | 'action' | 'waiting';
+    }
     interface VerdocsFieldAttachment {
         /**
           * If set, overrides the field's settings object. Primarily used to support "preview" modes where all fields are disabled.
@@ -2626,6 +2877,24 @@ declare namespace LocalJSX {
          */
         "organization"?: IOrganization;
     }
+    interface VerdocsPagination {
+        /**
+          * The total number of items.
+         */
+        "itemCount"?: number;
+        /**
+          * Event fired when the selected page changes. The new page number is included in the event.
+         */
+        "onSelectPage"?: (event: VerdocsPaginationCustomEvent<{selectedPage: number}>) => void;
+        /**
+          * The number of displayed per page.
+         */
+        "perPage"?: number;
+        /**
+          * The currently selected page.
+         */
+        "selectedPage"?: number;
+    }
     interface VerdocsPreview {
         /**
           * The endpoint to use to communicate with Verdocs. If not set, the default endpoint will be used.
@@ -2654,6 +2923,19 @@ declare namespace LocalJSX {
          */
         "showPercent"?: boolean;
     }
+    interface VerdocsQuickFilter {
+        "label"?: string;
+        /**
+          * 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: VerdocsQuickFilterCustomEvent<IFilterOption>) => void;
+        /**
+          * The menu options to display.
+         */
+        "options"?: IFilterOption[];
+        "placeholder"?: string;
+        "value"?: string;
+    }
     interface VerdocsQuickFunctions {
         /**
           * The endpoint to use to communicate with Verdocs. If not set, the default endpoint will be used.
@@ -2828,6 +3110,10 @@ declare namespace LocalJSX {
          */
         "onNext"?: (event: VerdocsSignatureDialogCustomEvent<string>) => void;
     }
+    interface VerdocsSpinner {
+        "mode"?: 'light' | 'dark';
+        "size"?: number;
+    }
     interface VerdocsStatusIndicator {
         /**
           * The document to display status for. Ignored if `status` is set directly.
@@ -3124,6 +3410,40 @@ declare namespace LocalJSX {
          */
         "templateId"?: string;
     }
+    interface VerdocsTemplatesList {
+        /**
+          * The endpoint to use to communicate with Verdocs. If not set, the default endpoint will be used.
+         */
+        "endpoint"?: VerdocsEndpoint;
+        /**
+          * The number of items to display.
+         */
+        "items"?: number;
+        /**
+          * Event fired when the user clicks to finish signing later. Typically the host application should redirect the user to another page.
+         */
+        "onFinishLater"?: (event: VerdocsTemplatesListCustomEvent<{endpoint: VerdocsEndpoint; template: ITemplate}>) => void;
+        /**
+          * Event fired if an error occurs. The event details will contain information about the error. Most errors will terminate the process, and the calling application should correct the condition and re-render the component.
+         */
+        "onSdkError"?: (event: VerdocsTemplatesListCustomEvent<SDKError>) => void;
+        /**
+          * Event fired when the user clicks View All in the title bar. The current view will be included in the event details to help the host application navigate the user to the appropriate screen for the request. Note that the verdocs-envelopes-list control uses the same "view" parameter, so host applications can typically pass this value through directly. This button is not visible if the header is hidden.
+         */
+        "onViewAll"?: (event: VerdocsTemplatesListCustomEvent<{endpoint: VerdocsEndpoint; view: string}>) => void;
+        /**
+          * Event fired when the user clicks an activity entry. Typically the host application will use this to navigate to the envelope detail view.
+         */
+        "onViewEnvelope"?: (event: VerdocsTemplatesListCustomEvent<{endpoint: VerdocsEndpoint; template: ITemplate}>) => void;
+        /**
+          * The first page nymbver to display (0-based)
+         */
+        "page"?: number;
+        /**
+          * The filtered view to display. "completed" will show envelopes that have been submitted. "action" will show envelopes where the user is a recipient and the envelope is not completed. "waiting" will show only envelopes where the user is the sender and the envelope is not completed.
+         */
+        "view"?: 'all' | 'inbox' | 'sent' | 'completed' | 'action' | 'waiting';
+    }
     interface VerdocsTextInput {
         /**
           * If desired, the autocomplete attribute to set.
@@ -3242,6 +3562,8 @@ declare namespace LocalJSX {
         "onView"?: (event: VerdocsViewCustomEvent<any>) => void;
     }
     interface IntrinsicElements {
+        "ipc-test": IpcTest;
+        "verdocs-activity-box": VerdocsActivityBox;
         "verdocs-auth": VerdocsAuth;
         "verdocs-build": VerdocsBuild;
         "verdocs-button": VerdocsButton;
@@ -3253,6 +3575,7 @@ declare namespace LocalJSX {
         "verdocs-envelope-document-page": VerdocsEnvelopeDocumentPage;
         "verdocs-envelope-recipient-summary": VerdocsEnvelopeRecipientSummary;
         "verdocs-envelope-sidebar": VerdocsEnvelopeSidebar;
+        "verdocs-envelopes-list": VerdocsEnvelopesList;
         "verdocs-field-attachment": VerdocsFieldAttachment;
         "verdocs-field-checkbox": VerdocsFieldCheckbox;
         "verdocs-field-date": VerdocsFieldDate;
@@ -3272,8 +3595,10 @@ declare namespace LocalJSX {
         "verdocs-loader": VerdocsLoader;
         "verdocs-ok-dialog": VerdocsOkDialog;
         "verdocs-organization-card": VerdocsOrganizationCard;
+        "verdocs-pagination": VerdocsPagination;
         "verdocs-preview": VerdocsPreview;
         "verdocs-progress-bar": VerdocsProgressBar;
+        "verdocs-quick-filter": VerdocsQuickFilter;
         "verdocs-quick-functions": VerdocsQuickFunctions;
         "verdocs-radio-button": VerdocsRadioButton;
         "verdocs-search": VerdocsSearch;
@@ -3284,6 +3609,7 @@ declare namespace LocalJSX {
         "verdocs-send": VerdocsSend;
         "verdocs-sign": VerdocsSign;
         "verdocs-signature-dialog": VerdocsSignatureDialog;
+        "verdocs-spinner": VerdocsSpinner;
         "verdocs-status-indicator": VerdocsStatusIndicator;
         "verdocs-template-attachments": VerdocsTemplateAttachments;
         "verdocs-template-card": VerdocsTemplateCard;
@@ -3298,6 +3624,7 @@ declare namespace LocalJSX {
         "verdocs-template-sender": VerdocsTemplateSender;
         "verdocs-template-tags": VerdocsTemplateTags;
         "verdocs-template-visibility": VerdocsTemplateVisibility;
+        "verdocs-templates-list": VerdocsTemplatesList;
         "verdocs-text-input": VerdocsTextInput;
         "verdocs-toggle": VerdocsToggle;
         "verdocs-toggle-button": VerdocsToggleButton;
@@ -3310,6 +3637,8 @@ export { LocalJSX as JSX };
 declare module "@stencil/core" {
     export namespace JSX {
         interface IntrinsicElements {
+            "ipc-test": LocalJSX.IpcTest & JSXBase.HTMLAttributes<HTMLIpcTestElement>;
+            "verdocs-activity-box": LocalJSX.VerdocsActivityBox & JSXBase.HTMLAttributes<HTMLVerdocsActivityBoxElement>;
             "verdocs-auth": LocalJSX.VerdocsAuth & JSXBase.HTMLAttributes<HTMLVerdocsAuthElement>;
             "verdocs-build": LocalJSX.VerdocsBuild & JSXBase.HTMLAttributes<HTMLVerdocsBuildElement>;
             "verdocs-button": LocalJSX.VerdocsButton & JSXBase.HTMLAttributes<HTMLVerdocsButtonElement>;
@@ -3321,6 +3650,7 @@ declare module "@stencil/core" {
             "verdocs-envelope-document-page": LocalJSX.VerdocsEnvelopeDocumentPage & JSXBase.HTMLAttributes<HTMLVerdocsEnvelopeDocumentPageElement>;
             "verdocs-envelope-recipient-summary": LocalJSX.VerdocsEnvelopeRecipientSummary & JSXBase.HTMLAttributes<HTMLVerdocsEnvelopeRecipientSummaryElement>;
             "verdocs-envelope-sidebar": LocalJSX.VerdocsEnvelopeSidebar & JSXBase.HTMLAttributes<HTMLVerdocsEnvelopeSidebarElement>;
+            "verdocs-envelopes-list": LocalJSX.VerdocsEnvelopesList & JSXBase.HTMLAttributes<HTMLVerdocsEnvelopesListElement>;
             "verdocs-field-attachment": LocalJSX.VerdocsFieldAttachment & JSXBase.HTMLAttributes<HTMLVerdocsFieldAttachmentElement>;
             "verdocs-field-checkbox": LocalJSX.VerdocsFieldCheckbox & JSXBase.HTMLAttributes<HTMLVerdocsFieldCheckboxElement>;
             "verdocs-field-date": LocalJSX.VerdocsFieldDate & JSXBase.HTMLAttributes<HTMLVerdocsFieldDateElement>;
@@ -3340,8 +3670,10 @@ declare module "@stencil/core" {
             "verdocs-loader": LocalJSX.VerdocsLoader & JSXBase.HTMLAttributes<HTMLVerdocsLoaderElement>;
             "verdocs-ok-dialog": LocalJSX.VerdocsOkDialog & JSXBase.HTMLAttributes<HTMLVerdocsOkDialogElement>;
             "verdocs-organization-card": LocalJSX.VerdocsOrganizationCard & JSXBase.HTMLAttributes<HTMLVerdocsOrganizationCardElement>;
+            "verdocs-pagination": LocalJSX.VerdocsPagination & JSXBase.HTMLAttributes<HTMLVerdocsPaginationElement>;
             "verdocs-preview": LocalJSX.VerdocsPreview & JSXBase.HTMLAttributes<HTMLVerdocsPreviewElement>;
             "verdocs-progress-bar": LocalJSX.VerdocsProgressBar & JSXBase.HTMLAttributes<HTMLVerdocsProgressBarElement>;
+            "verdocs-quick-filter": LocalJSX.VerdocsQuickFilter & JSXBase.HTMLAttributes<HTMLVerdocsQuickFilterElement>;
             "verdocs-quick-functions": LocalJSX.VerdocsQuickFunctions & JSXBase.HTMLAttributes<HTMLVerdocsQuickFunctionsElement>;
             "verdocs-radio-button": LocalJSX.VerdocsRadioButton & JSXBase.HTMLAttributes<HTMLVerdocsRadioButtonElement>;
             "verdocs-search": LocalJSX.VerdocsSearch & JSXBase.HTMLAttributes<HTMLVerdocsSearchElement>;
@@ -3352,6 +3684,7 @@ declare module "@stencil/core" {
             "verdocs-send": LocalJSX.VerdocsSend & JSXBase.HTMLAttributes<HTMLVerdocsSendElement>;
             "verdocs-sign": LocalJSX.VerdocsSign & JSXBase.HTMLAttributes<HTMLVerdocsSignElement>;
             "verdocs-signature-dialog": LocalJSX.VerdocsSignatureDialog & JSXBase.HTMLAttributes<HTMLVerdocsSignatureDialogElement>;
+            "verdocs-spinner": LocalJSX.VerdocsSpinner & JSXBase.HTMLAttributes<HTMLVerdocsSpinnerElement>;
             "verdocs-status-indicator": LocalJSX.VerdocsStatusIndicator & JSXBase.HTMLAttributes<HTMLVerdocsStatusIndicatorElement>;
             "verdocs-template-attachments": LocalJSX.VerdocsTemplateAttachments & JSXBase.HTMLAttributes<HTMLVerdocsTemplateAttachmentsElement>;
             "verdocs-template-card": LocalJSX.VerdocsTemplateCard & JSXBase.HTMLAttributes<HTMLVerdocsTemplateCardElement>;
@@ -3366,6 +3699,7 @@ declare module "@stencil/core" {
             "verdocs-template-sender": LocalJSX.VerdocsTemplateSender & JSXBase.HTMLAttributes<HTMLVerdocsTemplateSenderElement>;
             "verdocs-template-tags": LocalJSX.VerdocsTemplateTags & JSXBase.HTMLAttributes<HTMLVerdocsTemplateTagsElement>;
             "verdocs-template-visibility": LocalJSX.VerdocsTemplateVisibility & JSXBase.HTMLAttributes<HTMLVerdocsTemplateVisibilityElement>;
+            "verdocs-templates-list": LocalJSX.VerdocsTemplatesList & JSXBase.HTMLAttributes<HTMLVerdocsTemplatesListElement>;
             "verdocs-text-input": LocalJSX.VerdocsTextInput & JSXBase.HTMLAttributes<HTMLVerdocsTextInputElement>;
             "verdocs-toggle": LocalJSX.VerdocsToggle & JSXBase.HTMLAttributes<HTMLVerdocsToggleElement>;
             "verdocs-toggle-button": LocalJSX.VerdocsToggleButton & JSXBase.HTMLAttributes<HTMLVerdocsToggleButtonElement>;

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

@@ -3,7 +3,7 @@ import { ITemplateField } from '@verdocs/js-sdk/Templates/Types';
 import { IEnvelopeField, IEnvelope, TDocumentFieldType } from '@verdocs/js-sdk/Envelopes/Types';
 import { IDocumentPageInfo } from './Types';
 export declare const defaultWidth: (type: TDocumentFieldType) => 150 | 105 | 64 | 85 | 24 | 14 | 71;
-export declare const defaultHeight: (type: TDocumentFieldType) => 36 | 20 | 24 | 14 | 41 | 15 | 50;
+export declare const defaultHeight: (type: TDocumentFieldType) => 36 | 24 | 14 | 41 | 15 | 20 | 50;
 export declare const setControlStyles: (el: HTMLElement, field: ITemplateField | IEnvelopeField, xScale: number, yScale: number, option?: number) => void;
 export declare const getFieldId: (field: ITemplateField | IEnvelopeField) => string;
 export declare const getFieldOptionId: (field: ITemplateField | IEnvelopeField, index: number) => string;
@@ -36,4 +36,8 @@ export declare const throttle: (f: any, delay: any) => (...args: any[]) => void;
  * Convert a browser File object's data into a base64-encoded string.
  */
 export declare const fileToBase64: (file: File) => Promise<string>;
+/**
+ * Compute the rendered width of a given text string, using a given font.
+ */
+export declare const renderedTextWidth: (text: string, font?: string) => number;
 export {};