@verdocs/web-sdk 1.9.6 → 1.9.10

package/dist/types/components.d.ts

@@ -8,11 +8,11 @@ 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 { IRole, ITemplate, ITemplateDocument, ITemplateField, TemplateSenderTypes } from "@verdocs/js-sdk/Templates/Types";
+import { IRole, ITemplate, ITemplateField, TemplateSenderTypes } from "@verdocs/js-sdk/Templates/Types";
 import { IContactSearchEvent, IContactSelectEvent, IEmailContact, IPhoneContact } from "./components/elements/verdocs-contact-picker/verdocs-contact-picker";
 import { IDocumentPageInfo, IPageLayer } from "./utils/Types";
 import { IMenuOption } from "./components/controls/verdocs-dropdown/verdocs-dropdown";
-import { IDocument, IDocumentField, IRecipient, TDocumentStatus, TRecipientStatus } from "@verdocs/js-sdk/Documents/Types";
+import { IDocumentField, IEnvelope, IRecipient, TEnvelopeStatus, TRecipientStatus } from "@verdocs/js-sdk/Envelopes/Types";
 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";
@@ -20,6 +20,8 @@ import { IContactSearchEvent as IContactSearchEvent1, IContactSelectEvent as ICo
 import { IToggleIconButtons } from "./components/controls/verdocs-toggle/verdocs-toggle";
 import { FileWithData } from "@verdocs/js-sdk/Utils/Files";
 import { IPageRenderEvent } from "./components/embeds/verdocs-view/verdocs-view";
+import { IPageRenderEvent as IPageRenderEvent1 } from "./components/elements/verdocs-view-envelope-document/verdocs-view-envelope-document";
+import { IPageRenderEvent as IPageRenderEvent2 } from "./components/elements/verdocs-view-template-document/verdocs-view-template-document";
 export namespace Components {
     interface VerdocsAuth {
         /**
@@ -55,7 +57,7 @@ export namespace Components {
          */
         "disabled": boolean;
         /**
-          * If desired, a suffix icon for the button
+          * If desired, a suffix icon for the button.
          */
         "endIcon": string | null;
         /**
@@ -67,7 +69,7 @@ export namespace Components {
          */
         "size": 'small' | 'normal' | 'medium' | 'large';
         /**
-          * If desired, a prefix icon for the button
+          * If desired, a prefix icon for the button.
          */
         "startIcon": string | null;
         /**
@@ -127,23 +129,19 @@ export namespace Components {
          */
         "pageImageUri": string;
         /**
-          * The page number being rendered. Not used internally but included in callbacks/events beacuse page numbers are used everywhere in document handling.
+          * The page number being rendered. Not used internally, but included in callbacks/events beacuse page numbers are used everywhere in document handling. (Reminder: page numbers are 1-based.)
          */
         "pageNumber": number;
         /**
-          * The "virtual" height of the page canvas.  Defaults to 792 which at 72dpi is 11" tall. This is used to compute the aspect ratio of the final rendered element.
+          * The "virtual" height of the page canvas.  Defaults to 792 which at 72dpi is 11" tall. This is used to compute the aspect ratio of the final rendered element when scaling up/down.
          */
         "virtualHeight": number;
         /**
-          * The "virtual" width of the page canvas. Defaults to 612 which at 72dpi is 8.5" wide. This is used to compute the aspect ratio of the final rendered element.
+          * The "virtual" width of the page canvas. Defaults to 612 which at 72dpi is 8.5" wide. This is used to compute the aspect ratio of the final rendered element when scaling up/down.
          */
         "virtualWidth": number;
     }
     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.
          */
@@ -423,10 +421,6 @@ export namespace Components {
           * Initial signature text
          */
         "initials": string;
-        /**
-          * Whether the dialog is currently being displayed. This allows it to be added to the DOM before being displayed.
-         */
-        "open": boolean;
     }
     interface VerdocsKbaDialog {
         /**
@@ -449,10 +443,6 @@ export namespace Components {
           * 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.
          */
@@ -469,10 +459,6 @@ export namespace Components {
     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.
          */
@@ -482,9 +468,9 @@ export namespace Components {
          */
         "message": string;
         /**
-          * Whether the dialog is currently being displayed. This allows it to be added to the DOM before being displayed.
+          * If set, a cancel button will also be displayed. Note that the dialog is always cancelable by clicking the background overlay to dismiss it.
          */
-        "open": boolean;
+        "showCancel": boolean;
     }
     interface VerdocsOrganizationCard {
         /**
@@ -594,14 +580,14 @@ export namespace Components {
         "templateId": string | null;
     }
     interface VerdocsSign {
-        /**
-          * The ID of the document to sign.
-         */
-        "documentId": string | null;
         /**
           * The endpoint to use to communicate with Verdocs. If not set, the default endpoint will be used.
          */
         "endpoint": VerdocsEndpoint;
+        /**
+          * The ID of the envelope to sign.
+         */
+        "envelopeId": string | null;
         /**
           * The invite code for the signer.
          */
@@ -616,16 +602,12 @@ export namespace Components {
           * Initial signature text
          */
         "name": 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;
+        "envelope"?: IEnvelope;
         /**
           * The size (height) of the indicator. The small variant is suitable for use in densely populated components such as table rows.
          */
@@ -633,7 +615,7 @@ export namespace Components {
         /**
           * The status to display.
          */
-        "status"?: TDocumentStatus | TRecipientStatus | 'accepted';
+        "status"?: TEnvelopeStatus | TRecipientStatus | 'accepted';
         /**
           * The theme to use for diplay.
          */
@@ -686,10 +668,6 @@ export namespace Components {
         "templateRole": IRole | null;
     }
     interface VerdocsTemplateSenderDialog {
-        /**
-          * Whether the dialog is currently being displayed. This allows it to be added to the DOM before being displayed.
-         */
-        "open": boolean;
         /**
           * Whether the dialog is currently being displayed. This allows it to be added to the DOM before being displayed.
          */
@@ -763,16 +741,42 @@ export namespace Components {
         "text": string;
     }
     interface VerdocsUploadDialog {
+    }
+    interface VerdocsView {
         /**
-          * Whether the dialog is currently being displayed. This allows it to be added to the DOM before being displayed.
+          * The endpoint to use to communicate with Verdocs. If not set, the default endpoint will be used.
          */
-        "open": boolean;
+        "endpoint": VerdocsEndpoint;
+        /**
+          * The envelope ID to render. Set ONE OF templateId or envelopeId. If both are set, envelopeId will be ignored.
+         */
+        "envelopeId": string;
+        /**
+          * Layers will be passed through to the individual pages inside this component.
+         */
+        "pageLayers": IPageLayer[];
+        /**
+          * Rotate the PDF in degrees
+         */
+        "rotation": 0 | 90 | 180 | 270;
+        /**
+          * The template ID to render. Set ONE OF templateId or envelopeId.
+         */
+        "templateId": string;
     }
-    interface VerdocsView {
+    interface VerdocsViewEnvelopeDocument {
+        /**
+          * The document ID to render
+         */
+        "documentId": string;
         /**
           * The endpoint to use to communicate with Verdocs. If not set, the default endpoint will be used.
          */
         "endpoint": VerdocsEndpoint;
+        /**
+          * The envelope ID to render
+         */
+        "envelopeId": string;
         /**
           * Layers will be passed through to the individual pages inside this component.
          */
@@ -781,10 +785,24 @@ export namespace Components {
           * Rotate the PDF in degrees
          */
         "rotation": 0 | 90 | 180 | 270;
+    }
+    interface VerdocsViewTemplateDocument {
+        /**
+          * The document ID to render within the template
+         */
+        "documentId": string;
         /**
-          * Src of the PDF to load and render
+          * The endpoint to use to communicate with Verdocs. If not set, the default endpoint will be used.
          */
-        "source": string;
+        "endpoint": VerdocsEndpoint;
+        /**
+          * Layers will be passed through to the individual pages inside this component.
+         */
+        "pageLayers": IPageLayer[];
+        /**
+          * Rotate the PDF in degrees
+         */
+        "rotation": 0 | 90 | 180 | 270;
         /**
           * The template ID to render
          */
@@ -799,14 +817,6 @@ export interface VerdocsBuildCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLVerdocsBuildElement;
 }
-export interface VerdocsButtonCustomEvent<T> extends CustomEvent<T> {
-    detail: T;
-    target: HTMLVerdocsButtonElement;
-}
-export interface VerdocsCheckboxCustomEvent<T> extends CustomEvent<T> {
-    detail: T;
-    target: HTMLVerdocsCheckboxElement;
-}
 export interface VerdocsContactPickerCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLVerdocsContactPickerElement;
@@ -819,14 +829,6 @@ 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;
@@ -883,10 +885,6 @@ export interface VerdocsQuickFunctionsCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLVerdocsQuickFunctionsElement;
 }
-export interface VerdocsRadioButtonCustomEvent<T> extends CustomEvent<T> {
-    detail: T;
-    target: HTMLVerdocsRadioButtonElement;
-}
 export interface VerdocsSearchActivityCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLVerdocsSearchActivityElement;
@@ -895,10 +893,6 @@ export interface VerdocsSearchBoxCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLVerdocsSearchBoxElement;
 }
-export interface VerdocsSelectInputCustomEvent<T> extends CustomEvent<T> {
-    detail: T;
-    target: HTMLVerdocsSelectInputElement;
-}
 export interface VerdocsSendCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLVerdocsSendElement;
@@ -935,10 +929,6 @@ export interface VerdocsToggleButtonCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLVerdocsToggleButtonElement;
 }
-export interface VerdocsToolbarIconCustomEvent<T> extends CustomEvent<T> {
-    detail: T;
-    target: HTMLVerdocsToolbarIconElement;
-}
 export interface VerdocsUploadDialogCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLVerdocsUploadDialogElement;
@@ -947,6 +937,14 @@ export interface VerdocsViewCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLVerdocsViewElement;
 }
+export interface VerdocsViewEnvelopeDocumentCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLVerdocsViewEnvelopeDocumentElement;
+}
+export interface VerdocsViewTemplateDocumentCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLVerdocsViewTemplateDocumentElement;
+}
 declare global {
     interface HTMLVerdocsAuthElement extends Components.VerdocsAuth, HTMLStencilElement {
     }
@@ -1248,6 +1246,18 @@ declare global {
         prototype: HTMLVerdocsViewElement;
         new (): HTMLVerdocsViewElement;
     };
+    interface HTMLVerdocsViewEnvelopeDocumentElement extends Components.VerdocsViewEnvelopeDocument, HTMLStencilElement {
+    }
+    var HTMLVerdocsViewEnvelopeDocumentElement: {
+        prototype: HTMLVerdocsViewEnvelopeDocumentElement;
+        new (): HTMLVerdocsViewEnvelopeDocumentElement;
+    };
+    interface HTMLVerdocsViewTemplateDocumentElement extends Components.VerdocsViewTemplateDocument, HTMLStencilElement {
+    }
+    var HTMLVerdocsViewTemplateDocumentElement: {
+        prototype: HTMLVerdocsViewTemplateDocumentElement;
+        new (): HTMLVerdocsViewTemplateDocumentElement;
+    };
     interface HTMLElementTagNameMap {
         "verdocs-auth": HTMLVerdocsAuthElement;
         "verdocs-build": HTMLVerdocsBuildElement;
@@ -1299,6 +1309,8 @@ declare global {
         "verdocs-toolbar-icon": HTMLVerdocsToolbarIconElement;
         "verdocs-upload-dialog": HTMLVerdocsUploadDialogElement;
         "verdocs-view": HTMLVerdocsViewElement;
+        "verdocs-view-envelope-document": HTMLVerdocsViewEnvelopeDocumentElement;
+        "verdocs-view-template-document": HTMLVerdocsViewTemplateDocumentElement;
     }
 }
 declare namespace LocalJSX {
@@ -1348,23 +1360,19 @@ declare namespace LocalJSX {
          */
         "disabled"?: boolean;
         /**
-          * If desired, a suffix icon for the button
+          * 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
+          * If desired, a prefix icon for the button.
          */
         "startIcon"?: string | null;
         /**
@@ -1395,10 +1403,6 @@ declare namespace LocalJSX {
           * HTML form field name for the input.
          */
         "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.
-         */
-        "onSelected"?: (event: VerdocsCheckboxCustomEvent<{value: string}>) => void;
         /**
           * Value to track with the input.
          */
@@ -1420,7 +1424,7 @@ declare namespace LocalJSX {
         /**
           * Event fired when the user changes the type.
          */
-        "onContactSelected"?: (event: VerdocsContactPickerCustomEvent<IContactSelectEvent>) => void;
+        "onNext"?: (event: VerdocsContactPickerCustomEvent<IContactSelectEvent>) => void;
         /**
           * Event fired when the user enters text in the search field. The calling application may use this to update the `contactSuggestions` property.
          */
@@ -1444,15 +1448,15 @@ declare namespace LocalJSX {
          */
         "pageImageUri"?: string;
         /**
-          * The page number being rendered. Not used internally but included in callbacks/events beacuse page numbers are used everywhere in document handling.
+          * The page number being rendered. Not used internally, but included in callbacks/events beacuse page numbers are used everywhere in document handling. (Reminder: page numbers are 1-based.)
          */
         "pageNumber"?: number;
         /**
-          * The "virtual" height of the page canvas.  Defaults to 792 which at 72dpi is 11" tall. This is used to compute the aspect ratio of the final rendered element.
+          * The "virtual" height of the page canvas.  Defaults to 792 which at 72dpi is 11" tall. This is used to compute the aspect ratio of the final rendered element when scaling up/down.
          */
         "virtualHeight"?: number;
         /**
-          * The "virtual" width of the page canvas. Defaults to 612 which at 72dpi is 8.5" wide. This is used to compute the aspect ratio of the final rendered element.
+          * The "virtual" width of the page canvas. Defaults to 612 which at 72dpi is 8.5" wide. This is used to compute the aspect ratio of the final rendered element when scaling up/down.
          */
         "virtualWidth"?: number;
     }
@@ -1461,10 +1465,6 @@ declare namespace LocalJSX {
           * 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.
          */
@@ -1479,10 +1479,6 @@ declare namespace LocalJSX {
           * The document or template field to display.
          */
         "field"?: IDocumentField | ITemplateField | null;
-        /**
-          * 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;
         /**
           * The recipient completing the form, if known.
          */
@@ -1497,10 +1493,6 @@ declare namespace LocalJSX {
           * The document or template field to display.
          */
         "field"?: IDocumentField | ITemplateField | null;
-        /**
-          * 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: VerdocsFieldCheckboxCustomEvent<{option: number; value: boolean}>) => void;
         /**
           * The index of the settings option this particular checkbox is for
          */
@@ -1527,22 +1519,6 @@ declare namespace LocalJSX {
           * If set, the field may be dragged to a new location. This should only be enabled in the Builder, or for self-placed fields.
          */
         "moveable"?: boolean;
-        /**
-          * Event fired when the input field gains focus.
-         */
-        "onFieldBlur"?: (event: VerdocsFieldDateCustomEvent<boolean>) => void;
-        /**
-          * Event fired when the input field value changes. Note that this will only be fired on blur, tab-out, ENTER key press, etc. It is generally the best event to subscribe to than `input` for most cases EXCEPT autocomplete fields that need to see every keypress.
-         */
-        "onFieldChange"?: (event: VerdocsFieldDateCustomEvent<string>) => void;
-        /**
-          * Event fired when the input field loses focus.
-         */
-        "onFieldFocus"?: (event: VerdocsFieldDateCustomEvent<boolean>) => void;
-        /**
-          * Event fired on every character entered into / deleted from the field.
-         */
-        "onFieldInput"?: (event: VerdocsFieldDateCustomEvent<string>) => void;
         /**
           * Event fired on every character entered into / deleted from the field.
          */
@@ -1862,18 +1838,14 @@ declare namespace LocalJSX {
           * Initial signature text
          */
         "initials"?: 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.
+          * Event fired when the initials are adopted.
          */
-        "open"?: boolean;
+        "onNext"?: (event: VerdocsInitialDialogCustomEvent<string>) => void;
     }
     interface VerdocsKbaDialog {
         /**
@@ -1901,13 +1873,9 @@ declare namespace LocalJSX {
          */
         "onCancel"?: (event: VerdocsKbaDialogCustomEvent<any>) => void;
         /**
-          * Event fired when the dialog is closed. The event data will contain the closure reason.
+          * Event fired when the dialog is closed. The event data will contain the value selected.
          */
-        "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;
+        "onNext"?: (event: VerdocsKbaDialogCustomEvent<string>) => void;
         /**
           * For text input challenges, the placeholder to display inside the input field.
          */
@@ -1924,10 +1892,6 @@ declare namespace LocalJSX {
     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.
          */
@@ -1937,13 +1901,17 @@ declare namespace LocalJSX {
          */
         "message"?: string;
         /**
-          * Event fired when the dialog is closed. The event data will contain the closure reason.
+          * Event fired when the user clicks the background overlay or Cancel button.
          */
-        "onClosed"?: (event: VerdocsOkDialogCustomEvent<'cancel' | 'ok'>) => void;
+        "onCancel"?: (event: VerdocsOkDialogCustomEvent<any>) => void;
         /**
-          * Whether the dialog is currently being displayed. This allows it to be added to the DOM before being displayed.
+          * Event fired when the user clicks the OK button.
          */
-        "open"?: boolean;
+        "onNext"?: (event: VerdocsOkDialogCustomEvent<any>) => void;
+        /**
+          * If set, a cancel button will also be displayed. Note that the dialog is always cancelable by clicking the background overlay to dismiss it.
+         */
+        "showCancel"?: boolean;
     }
     interface VerdocsOrganizationCard {
         /**
@@ -1992,10 +1960,6 @@ declare namespace LocalJSX {
           * HTML form field name for the input.
          */
         "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.
-         */
-        "onSelected"?: (event: VerdocsRadioButtonCustomEvent<{value: string}>) => void;
         /**
           * Value to track with the input.
          */
@@ -2064,10 +2028,6 @@ declare namespace LocalJSX {
           * The label for the field.
          */
         "label"?: string;
-        /**
-          * Event fired when the selection has changed
-         */
-        "onFieldChange"?: (event: VerdocsSelectInputCustomEvent<string>) => void;
         /**
           * The options to list.
          */
@@ -2100,14 +2060,14 @@ declare namespace LocalJSX {
         "templateId"?: string | null;
     }
     interface VerdocsSign {
-        /**
-          * The ID of the document to sign.
-         */
-        "documentId"?: string | null;
         /**
           * The endpoint to use to communicate with Verdocs. If not set, the default endpoint will be used.
          */
         "endpoint"?: VerdocsEndpoint;
+        /**
+          * The ID of the envelope to sign.
+         */
+        "envelopeId"?: string | null;
         /**
           * The invite code for the signer.
          */
@@ -2127,23 +2087,19 @@ declare namespace LocalJSX {
          */
         "name"?: string;
         /**
-          * Event fired when a signature is adopted.
-         */
-        "onAdopt"?: (event: VerdocsSignatureDialogCustomEvent<string>) => void;
-        /**
-          * Event fired when the step is cancelled.
+          * Fired if the user cancels the dialog.
          */
         "onCancel"?: (event: VerdocsSignatureDialogCustomEvent<any>) => void;
         /**
-          * Whether the dialog is currently being displayed. This allows it to be added to the DOM before being displayed.
+          * Fired when the user completes the dialog and clicks Adopt. The event detail will contain a base64-encoded string representation of the signature adopted.
          */
-        "open"?: boolean;
+        "onNext"?: (event: VerdocsSignatureDialogCustomEvent<string>) => void;
     }
     interface VerdocsStatusIndicator {
         /**
           * The document to display status for. Ignored if `status` is set directly.
          */
-        "document"?: IDocument;
+        "envelope"?: IEnvelope;
         /**
           * The size (height) of the indicator. The small variant is suitable for use in densely populated components such as table rows.
          */
@@ -2151,7 +2107,7 @@ declare namespace LocalJSX {
         /**
           * The status to display.
          */
-        "status"?: TDocumentStatus | TRecipientStatus | 'accepted';
+        "status"?: TEnvelopeStatus | TRecipientStatus | 'accepted';
         /**
           * The theme to use for diplay.
          */
@@ -2173,13 +2129,13 @@ declare namespace LocalJSX {
          */
         "onCancel"?: (event: VerdocsTemplateCreateCustomEvent<any>) => 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.
+          * Event fired when the user changes the type.
          */
-        "onSdkError"?: (event: VerdocsTemplateCreateCustomEvent<SDKError>) => void;
+        "onNext"?: (event: VerdocsTemplateCreateCustomEvent<ITemplate>) => void;
         /**
-          * Event fired when the user changes the type.
+          * 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.
          */
-        "onTemplateCreated"?: (event: VerdocsTemplateCreateCustomEvent<{template: ITemplate; template_document: ITemplateDocument}>) => void;
+        "onSdkError"?: (event: VerdocsTemplateCreateCustomEvent<SDKError>) => void;
     }
     interface VerdocsTemplateFields {
         /**
@@ -2191,13 +2147,13 @@ declare namespace LocalJSX {
          */
         "onCancel"?: (event: VerdocsTemplateFieldsCustomEvent<any>) => 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.
+          * Event fired when the user completes the step.
          */
-        "onSdkError"?: (event: VerdocsTemplateFieldsCustomEvent<SDKError>) => void;
+        "onNext"?: (event: VerdocsTemplateFieldsCustomEvent<ITemplate>) => void;
         /**
-          * Event fired when the user completes the step.
+          * 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.
          */
-        "onSettingsUpdated"?: (event: VerdocsTemplateFieldsCustomEvent<any>) => void;
+        "onSdkError"?: (event: VerdocsTemplateFieldsCustomEvent<SDKError>) => void;
         /**
           * The ID of the template to create the document from.
          */
@@ -2213,13 +2169,13 @@ declare namespace LocalJSX {
          */
         "onCancel"?: (event: VerdocsTemplatePropertiesCustomEvent<any>) => 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.
+          * Event fired when the user completes the step.
          */
-        "onSdkError"?: (event: VerdocsTemplatePropertiesCustomEvent<SDKError>) => void;
+        "onNext"?: (event: VerdocsTemplatePropertiesCustomEvent<{name: string; sendReminders: boolean; firstReminderDays: number; reminderDays: number}>) => void;
         /**
-          * Event fired when the user completes the step.
+          * 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.
          */
-        "onSettingsUpdated"?: (event: VerdocsTemplatePropertiesCustomEvent<any>) => void;
+        "onSdkError"?: (event: VerdocsTemplatePropertiesCustomEvent<SDKError>) => void;
         /**
           * The template ID to edit.
          */
@@ -2239,17 +2195,13 @@ declare namespace LocalJSX {
          */
         "onCancel"?: (event: VerdocsTemplateRecipientsCustomEvent<any>) => void;
         /**
-          * Event fired when the user changes the type.
+          * Event fired when the user selects a contact.
          */
-        "onContactSelected"?: (event: VerdocsTemplateRecipientsCustomEvent<IContactSelectEvent>) => void;
+        "onNext"?: (event: VerdocsTemplateRecipientsCustomEvent<IContactSelectEvent>) => void;
         /**
           * Event fired when the user enters text in the search field. The calling application may use this to update the `contactSuggestions` property.
          */
         "onSearchContacts"?: (event: VerdocsTemplateRecipientsCustomEvent<IContactSearchEvent>) => void;
-        /**
-          * Event fired when the user completes the step.
-         */
-        "onSettingsUpdated"?: (event: VerdocsTemplateRecipientsCustomEvent<any>) => void;
         /**
           * The role that this contact will be assigned to.
          */
@@ -2261,13 +2213,9 @@ declare namespace LocalJSX {
          */
         "onCancel"?: (event: VerdocsTemplateSenderDialogCustomEvent<any>) => void;
         /**
-          * Event fired when the dialog is closed. The event data will contain the closure reason.
-         */
-        "onDone"?: (event: VerdocsTemplateSenderDialogCustomEvent<{sender: TemplateSenderTypes}>) => void;
-        /**
-          * Whether the dialog is currently being displayed. This allows it to be added to the DOM before being displayed.
+          * Event fired when the dialog is closed. The event data will contain the selected value.
          */
-        "open"?: boolean;
+        "onNext"?: (event: VerdocsTemplateSenderDialogCustomEvent<TemplateSenderTypes>) => void;
         /**
           * Whether the dialog is currently being displayed. This allows it to be added to the DOM before being displayed.
          */
@@ -2339,10 +2287,6 @@ declare namespace LocalJSX {
           * SVG icon to display
          */
         "icon"?: string;
-        /**
-          * Triggered when the icon is pressed
-         */
-        "onPress"?: (event: VerdocsToolbarIconCustomEvent<any>) => void;
         /**
           * Help text to display on hover/focus
          */
@@ -2350,23 +2294,23 @@ declare namespace LocalJSX {
     }
     interface VerdocsUploadDialog {
         /**
-          * Event fired when the dialog is closed. The event data will contain the closure reason.
+          * Event fired when the dialog is cancelled.
          */
         "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.
+          * Event fired when the dialog is closed. The event data will contain the file selected.
          */
-        "open"?: boolean;
+        "onNext"?: (event: VerdocsUploadDialogCustomEvent<FileWithData[]>) => void;
     }
     interface VerdocsView {
         /**
           * The endpoint to use to communicate with Verdocs. If not set, the default endpoint will be used.
          */
         "endpoint"?: VerdocsEndpoint;
+        /**
+          * The envelope ID to render. Set ONE OF templateId or envelopeId. If both are set, envelopeId will be ignored.
+         */
+        "envelopeId"?: string;
         /**
           * Fired when a page has been changed
          */
@@ -2400,9 +2344,97 @@ declare namespace LocalJSX {
          */
         "rotation"?: 0 | 90 | 180 | 270;
         /**
-          * Src of the PDF to load and render
+          * The template ID to render. Set ONE OF templateId or envelopeId.
+         */
+        "templateId"?: string;
+    }
+    interface VerdocsViewEnvelopeDocument {
+        /**
+          * The document ID to render
+         */
+        "documentId"?: string;
+        /**
+          * The endpoint to use to communicate with Verdocs. If not set, the default endpoint will be used.
+         */
+        "endpoint"?: VerdocsEndpoint;
+        /**
+          * The envelope ID to render
+         */
+        "envelopeId"?: string;
+        /**
+          * Fired when a page has been changed
+         */
+        "onPageChange"?: (event: VerdocsViewEnvelopeDocumentCustomEvent<number>) => void;
+        /**
+          * Fired when a page has been initialized
+         */
+        "onPageInit"?: (event: VerdocsViewEnvelopeDocumentCustomEvent<number>) => void;
+        /**
+          * Fired when a page has been changed
+         */
+        "onPageLoaded"?: (event: VerdocsViewEnvelopeDocumentCustomEvent<number>) => void;
+        /**
+          * Fired when a page has been rendered
+         */
+        "onPageRendered"?: (event: VerdocsViewEnvelopeDocumentCustomEvent<IPageRenderEvent>) => void;
+        /**
+          * Fired when a page has been scaled
+         */
+        "onScaleChange"?: (event: VerdocsViewEnvelopeDocumentCustomEvent<number>) => 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: VerdocsViewEnvelopeDocumentCustomEvent<SDKError>) => void;
+        /**
+          * Layers will be passed through to the individual pages inside this component.
+         */
+        "pageLayers"?: IPageLayer[];
+        /**
+          * Rotate the PDF in degrees
+         */
+        "rotation"?: 0 | 90 | 180 | 270;
+    }
+    interface VerdocsViewTemplateDocument {
+        /**
+          * The document ID to render within the template
          */
-        "source"?: string;
+        "documentId"?: string;
+        /**
+          * The endpoint to use to communicate with Verdocs. If not set, the default endpoint will be used.
+         */
+        "endpoint"?: VerdocsEndpoint;
+        /**
+          * Fired when a page has been changed
+         */
+        "onPageChange"?: (event: VerdocsViewTemplateDocumentCustomEvent<number>) => void;
+        /**
+          * Fired when a page has been initialized
+         */
+        "onPageInit"?: (event: VerdocsViewTemplateDocumentCustomEvent<number>) => void;
+        /**
+          * Fired when a page has been changed
+         */
+        "onPageLoaded"?: (event: VerdocsViewTemplateDocumentCustomEvent<number>) => void;
+        /**
+          * Fired when a page has been rendered
+         */
+        "onPageRendered"?: (event: VerdocsViewTemplateDocumentCustomEvent<IPageRenderEvent>) => void;
+        /**
+          * Fired when a page has been scaled
+         */
+        "onScaleChange"?: (event: VerdocsViewTemplateDocumentCustomEvent<number>) => 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: VerdocsViewTemplateDocumentCustomEvent<SDKError>) => void;
+        /**
+          * Layers will be passed through to the individual pages inside this component.
+         */
+        "pageLayers"?: IPageLayer[];
+        /**
+          * Rotate the PDF in degrees
+         */
+        "rotation"?: 0 | 90 | 180 | 270;
         /**
           * The template ID to render
          */
@@ -2459,6 +2491,8 @@ declare namespace LocalJSX {
         "verdocs-toolbar-icon": VerdocsToolbarIcon;
         "verdocs-upload-dialog": VerdocsUploadDialog;
         "verdocs-view": VerdocsView;
+        "verdocs-view-envelope-document": VerdocsViewEnvelopeDocument;
+        "verdocs-view-template-document": VerdocsViewTemplateDocument;
     }
 }
 export { LocalJSX as JSX };
@@ -2515,6 +2549,8 @@ declare module "@stencil/core" {
             "verdocs-toolbar-icon": LocalJSX.VerdocsToolbarIcon & JSXBase.HTMLAttributes<HTMLVerdocsToolbarIconElement>;
             "verdocs-upload-dialog": LocalJSX.VerdocsUploadDialog & JSXBase.HTMLAttributes<HTMLVerdocsUploadDialogElement>;
             "verdocs-view": LocalJSX.VerdocsView & JSXBase.HTMLAttributes<HTMLVerdocsViewElement>;
+            "verdocs-view-envelope-document": LocalJSX.VerdocsViewEnvelopeDocument & JSXBase.HTMLAttributes<HTMLVerdocsViewEnvelopeDocumentElement>;
+            "verdocs-view-template-document": LocalJSX.VerdocsViewTemplateDocument & JSXBase.HTMLAttributes<HTMLVerdocsViewTemplateDocumentElement>;
         }
     }
 }