@verdocs/web-sdk 1.10.1 → 1.10.4

package/dist/types/components.d.ts

@@ -8,7 +8,7 @@ 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, ITemplateField, TemplateSenderTypes } from "@verdocs/js-sdk/Templates/Types";
+import { IRole, ITemplate, ITemplateField, TTemplateSender } 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";
@@ -76,10 +76,13 @@ export namespace Components {
         "variant": 'standard' | 'text' | 'outline';
     }
     interface VerdocsButtonPanel {
+        "hidePanel": () => Promise<void>;
         /**
           * SVG icon to display
          */
         "icon": string;
+        "showPanel": () => Promise<void>;
+        "toggle": () => Promise<void>;
     }
     interface VerdocsCheckbox {
         /**
@@ -175,10 +178,12 @@ export namespace Components {
          */
         "field": IDocumentField | ITemplateField | null;
         "focusField": () => Promise<void>;
+        "hideSettingsPanel": () => Promise<void>;
         /**
           * If set, the field will be colored using this index value to select the background color.
          */
         "roleIndex"?: number;
+        "showSettingsPanel": () => Promise<void>;
     }
     interface VerdocsFieldCheckbox {
         /**
@@ -189,10 +194,19 @@ export namespace Components {
           * If set, the field is considered "done" and is drawn in a display-final-value state.
          */
         "done"?: boolean;
+        /**
+          * If set, a settings icon will be displayed on hover. The settings shown allow the field's recipient and other settings to be changed, so it should typically only be enabled in the Builder.
+         */
+        "editable"?: boolean;
         /**
           * The document or template field to display.
          */
         "field": IDocumentField | ITemplateField | null;
+        "hideSettingsPanel": () => Promise<void>;
+        /**
+          * 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;
         /**
           * The index of the settings option this particular checkbox is for
          */
@@ -201,6 +215,7 @@ export namespace Components {
           * If set, the field will be colored using this index value to select the background color.
          */
         "roleindex"?: number;
+        "showSettingsPanel": () => Promise<void>;
     }
     interface VerdocsFieldDate {
         /**
@@ -220,6 +235,7 @@ export namespace Components {
          */
         "field": IDocumentField | ITemplateField | null;
         "focusField": () => Promise<void>;
+        "hideSettingsPanel": () => Promise<void>;
         /**
           * If set, the field may be dragged to a new location. This should only be enabled in the Builder, or for self-placed fields.
          */
@@ -228,6 +244,7 @@ export namespace Components {
           * If set, the field will be colored using this index value to select the background color.
          */
         "roleindex"?: number;
+        "showSettingsPanel": () => Promise<void>;
     }
     interface VerdocsFieldDropdown {
         /**
@@ -239,10 +256,12 @@ export namespace Components {
          */
         "field": IDocumentField | ITemplateField | null;
         "focusField": () => Promise<void>;
+        "hideSettingsPanel": () => Promise<void>;
         /**
           * If set, the field will be colored using this index value to select the background color.
          */
         "roleindex"?: number;
+        "showSettingsPanel": () => Promise<void>;
     }
     interface VerdocsFieldInitial {
         /**
@@ -262,6 +281,7 @@ export namespace Components {
          */
         "field": IDocumentField | ITemplateField | null;
         "focusField": () => Promise<void>;
+        "hideSettingsPanel": () => Promise<void>;
         /**
           * The document or template field to display.
          */
@@ -274,6 +294,7 @@ export namespace Components {
           * If set, the field will be colored using this index value to select the background color.
          */
         "roleindex"?: number;
+        "showSettingsPanel": () => Promise<void>;
     }
     interface VerdocsFieldPayment {
         "currentInitial": string;
@@ -291,6 +312,7 @@ export namespace Components {
         "fieldId": string;
         "fields": any[];
         "focused": boolean;
+        "hideSettingsPanel": () => Promise<void>;
         "pageNum": number;
         "pdfPages": any[];
         "recipients": any;
@@ -300,6 +322,7 @@ export namespace Components {
          */
         "roleindex"?: number;
         "selectedRoleName": string;
+        "showSettingsPanel": () => Promise<void>;
         "signed": boolean;
     }
     interface VerdocsFieldRadioButton {
@@ -311,10 +334,19 @@ export namespace Components {
           * If set, the field is considered "done" and is drawn in a display-final-value state.
          */
         "done"?: boolean;
+        /**
+          * If set, a settings icon will be displayed on hover. The settings shown allow the field's recipient and other settings to be changed, so it should typically only be enabled in the Builder.
+         */
+        "editable"?: boolean;
         /**
           * The document or template field to display.
          */
         "field": IDocumentField | ITemplateField | null;
+        "hideSettingsPanel": () => Promise<void>;
+        /**
+          * 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;
         /**
           * The index of the settings option this particular checkbox is for
          */
@@ -323,6 +355,7 @@ export namespace Components {
           * If set, the field will be colored using this index value to select the background color.
          */
         "roleindex"?: number;
+        "showSettingsPanel": () => Promise<void>;
     }
     interface VerdocsFieldSignature {
         /**
@@ -342,6 +375,7 @@ export namespace Components {
          */
         "field": IDocumentField | ITemplateField | null;
         "focusField": () => Promise<void>;
+        "hideSettingsPanel": () => Promise<void>;
         /**
           * If set, the field may be dragged to a new location. This should only be enabled in the Builder, or for self-placed fields.
          */
@@ -354,6 +388,7 @@ export namespace Components {
           * If set, the field will be colored using this index value to select the background color.
          */
         "roleindex"?: number;
+        "showSettingsPanel": () => Promise<void>;
     }
     interface VerdocsFieldTextarea {
         /**
@@ -373,6 +408,7 @@ export namespace Components {
          */
         "field": IDocumentField | ITemplateField | null;
         "focusField": () => Promise<void>;
+        "hideSettingsPanel": () => Promise<void>;
         /**
           * If set, the field may be dragged to a new location. This should only be enabled in the Builder, or for self-placed fields.
          */
@@ -381,6 +417,7 @@ export namespace Components {
           * If set, the field will be colored using this index value to select the background color.
          */
         "roleindex"?: number;
+        "showSettingsPanel": () => Promise<void>;
     }
     interface VerdocsFieldTextbox {
         /**
@@ -400,6 +437,7 @@ export namespace Components {
          */
         "field": IDocumentField | ITemplateField | null;
         "focusField": () => Promise<void>;
+        "hideSettingsPanel": () => Promise<void>;
         /**
           * If set, the field may be dragged to a new location. This should only be enabled in the Builder, or for self-placed fields.
          */
@@ -408,6 +446,7 @@ export namespace Components {
           * If set, the field will be colored using this index value to select the background color.
          */
         "roleindex"?: number;
+        "showSettingsPanel": () => Promise<void>;
     }
     interface VerdocsFieldTimestamp {
         /**
@@ -427,6 +466,7 @@ export namespace Components {
          */
         "field": IDocumentField | ITemplateField | null;
         "focusField": () => Promise<void>;
+        "hideSettingsPanel": () => Promise<void>;
         /**
           * If set, the field may be dragged to a new location. This should only be enabled in the Builder, or for self-placed fields.
          */
@@ -435,6 +475,7 @@ export namespace Components {
           * If set, the field will be colored using this index value to select the background color.
          */
         "roleindex"?: number;
+        "showSettingsPanel": () => Promise<void>;
     }
     interface VerdocsFloatingMenu {
         /**
@@ -649,6 +690,16 @@ export namespace Components {
          */
         "theme"?: 'dark' | 'light';
     }
+    interface VerdocsTemplateAttachments {
+        /**
+          * 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 VerdocsTemplateCard {
         /**
           * The template for which the card will be rendered.
@@ -661,6 +712,20 @@ export namespace Components {
          */
         "endpoint": VerdocsEndpoint;
     }
+    interface VerdocsTemplateFieldProperties {
+        /**
+          * The endpoint to use to communicate with Verdocs. If not set, the default endpoint will be used.
+         */
+        "endpoint": VerdocsEndpoint;
+        /**
+          * The field to configure.
+         */
+        "fieldName": string;
+        /**
+          * The template ID to edit.
+         */
+        "templateId": string;
+    }
     interface VerdocsTemplateFields {
         /**
           * The endpoint to use to communicate with Verdocs. If not set, the default endpoint will be used.
@@ -711,11 +776,37 @@ export namespace Components {
          */
         "templateId": string;
     }
-    interface VerdocsTemplateSenderDialog {
+    interface VerdocsTemplateRoleProperties {
+        /**
+          * The endpoint to use to communicate with Verdocs. If not set, the default endpoint will be used.
+         */
+        "endpoint": VerdocsEndpoint;
+        /**
+          * The role name to edit.
+         */
+        "roleName": string;
+        /**
+          * Whether the dialog is currently being displayed. This allows it to be added to the DOM before being displayed.
+         */
+        "sender": TTemplateSender;
+        /**
+          * The template ID to edit.
+         */
+        "templateId": string;
+    }
+    interface VerdocsTemplateSender {
+        /**
+          * The endpoint to use to communicate with Verdocs. If not set, the default endpoint will be used.
+         */
+        "endpoint": VerdocsEndpoint;
         /**
           * Whether the dialog is currently being displayed. This allows it to be added to the DOM before being displayed.
          */
-        "value": TemplateSenderTypes;
+        "sender": TTemplateSender;
+        /**
+          * The template ID to edit.
+         */
+        "templateId": string;
     }
     interface VerdocsTemplateTags {
         /**
@@ -742,6 +833,10 @@ export namespace Components {
           * Should the field be disabled?
          */
         "disabled": boolean;
+        /**
+          * If supplied, a help icon will be displayed to provide the user more information.
+         */
+        "helpText": string;
         /**
           * The label for the field.
          */
@@ -835,6 +930,14 @@ export interface VerdocsEnvelopeSidebarCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLVerdocsEnvelopeSidebarElement;
 }
+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;
@@ -851,14 +954,26 @@ 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 VerdocsFieldTimestampCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLVerdocsFieldTimestampElement;
+}
 export interface VerdocsFloatingMenuCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLVerdocsFloatingMenuElement;
@@ -903,10 +1018,18 @@ export interface VerdocsSignatureDialogCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLVerdocsSignatureDialogElement;
 }
+export interface VerdocsTemplateAttachmentsCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLVerdocsTemplateAttachmentsElement;
+}
 export interface VerdocsTemplateCreateCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLVerdocsTemplateCreateElement;
 }
+export interface VerdocsTemplateFieldPropertiesCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLVerdocsTemplateFieldPropertiesElement;
+}
 export interface VerdocsTemplateFieldsCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLVerdocsTemplateFieldsElement;
@@ -927,9 +1050,13 @@ export interface VerdocsTemplateRemindersCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLVerdocsTemplateRemindersElement;
 }
-export interface VerdocsTemplateSenderDialogCustomEvent<T> extends CustomEvent<T> {
+export interface VerdocsTemplateRolePropertiesCustomEvent<T> extends CustomEvent<T> {
     detail: T;
-    target: HTMLVerdocsTemplateSenderDialogElement;
+    target: HTMLVerdocsTemplateRolePropertiesElement;
+}
+export interface VerdocsTemplateSenderCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLVerdocsTemplateSenderElement;
 }
 export interface VerdocsTemplateVisibilityCustomEvent<T> extends CustomEvent<T> {
     detail: T;
@@ -1188,6 +1315,12 @@ declare global {
         prototype: HTMLVerdocsStatusIndicatorElement;
         new (): HTMLVerdocsStatusIndicatorElement;
     };
+    interface HTMLVerdocsTemplateAttachmentsElement extends Components.VerdocsTemplateAttachments, HTMLStencilElement {
+    }
+    var HTMLVerdocsTemplateAttachmentsElement: {
+        prototype: HTMLVerdocsTemplateAttachmentsElement;
+        new (): HTMLVerdocsTemplateAttachmentsElement;
+    };
     interface HTMLVerdocsTemplateCardElement extends Components.VerdocsTemplateCard, HTMLStencilElement {
     }
     var HTMLVerdocsTemplateCardElement: {
@@ -1200,6 +1333,12 @@ declare global {
         prototype: HTMLVerdocsTemplateCreateElement;
         new (): HTMLVerdocsTemplateCreateElement;
     };
+    interface HTMLVerdocsTemplateFieldPropertiesElement extends Components.VerdocsTemplateFieldProperties, HTMLStencilElement {
+    }
+    var HTMLVerdocsTemplateFieldPropertiesElement: {
+        prototype: HTMLVerdocsTemplateFieldPropertiesElement;
+        new (): HTMLVerdocsTemplateFieldPropertiesElement;
+    };
     interface HTMLVerdocsTemplateFieldsElement extends Components.VerdocsTemplateFields, HTMLStencilElement {
     }
     var HTMLVerdocsTemplateFieldsElement: {
@@ -1230,11 +1369,17 @@ declare global {
         prototype: HTMLVerdocsTemplateRemindersElement;
         new (): HTMLVerdocsTemplateRemindersElement;
     };
-    interface HTMLVerdocsTemplateSenderDialogElement extends Components.VerdocsTemplateSenderDialog, HTMLStencilElement {
+    interface HTMLVerdocsTemplateRolePropertiesElement extends Components.VerdocsTemplateRoleProperties, HTMLStencilElement {
     }
-    var HTMLVerdocsTemplateSenderDialogElement: {
-        prototype: HTMLVerdocsTemplateSenderDialogElement;
-        new (): HTMLVerdocsTemplateSenderDialogElement;
+    var HTMLVerdocsTemplateRolePropertiesElement: {
+        prototype: HTMLVerdocsTemplateRolePropertiesElement;
+        new (): HTMLVerdocsTemplateRolePropertiesElement;
+    };
+    interface HTMLVerdocsTemplateSenderElement extends Components.VerdocsTemplateSender, HTMLStencilElement {
+    }
+    var HTMLVerdocsTemplateSenderElement: {
+        prototype: HTMLVerdocsTemplateSenderElement;
+        new (): HTMLVerdocsTemplateSenderElement;
     };
     interface HTMLVerdocsTemplateTagsElement extends Components.VerdocsTemplateTags, HTMLStencilElement {
     }
@@ -1325,14 +1470,17 @@ declare global {
         "verdocs-sign": HTMLVerdocsSignElement;
         "verdocs-signature-dialog": HTMLVerdocsSignatureDialogElement;
         "verdocs-status-indicator": HTMLVerdocsStatusIndicatorElement;
+        "verdocs-template-attachments": HTMLVerdocsTemplateAttachmentsElement;
         "verdocs-template-card": HTMLVerdocsTemplateCardElement;
         "verdocs-template-create": HTMLVerdocsTemplateCreateElement;
+        "verdocs-template-field-properties": HTMLVerdocsTemplateFieldPropertiesElement;
         "verdocs-template-fields": HTMLVerdocsTemplateFieldsElement;
         "verdocs-template-name": HTMLVerdocsTemplateNameElement;
         "verdocs-template-properties": HTMLVerdocsTemplatePropertiesElement;
         "verdocs-template-recipients": HTMLVerdocsTemplateRecipientsElement;
         "verdocs-template-reminders": HTMLVerdocsTemplateRemindersElement;
-        "verdocs-template-sender-dialog": HTMLVerdocsTemplateSenderDialogElement;
+        "verdocs-template-role-properties": HTMLVerdocsTemplateRolePropertiesElement;
+        "verdocs-template-sender": HTMLVerdocsTemplateSenderElement;
         "verdocs-template-tags": HTMLVerdocsTemplateTagsElement;
         "verdocs-template-visibility": HTMLVerdocsTemplateVisibilityElement;
         "verdocs-text-input": HTMLVerdocsTextInputElement;
@@ -1533,6 +1681,10 @@ declare namespace LocalJSX {
           * The document or template field to display.
          */
         "field"?: IDocumentField | ITemplateField | null;
+        /**
+          * Event fired when the field's settings are changed.
+         */
+        "onSettingsChanged"?: (event: VerdocsFieldAttachmentCustomEvent<{fieldName: string}>) => void;
         /**
           * If set, the field will be colored using this index value to select the background color.
          */
@@ -1547,10 +1699,22 @@ declare namespace LocalJSX {
           * If set, the field is considered "done" and is drawn in a display-final-value state.
          */
         "done"?: boolean;
+        /**
+          * If set, a settings icon will be displayed on hover. The settings shown allow the field's recipient and other settings to be changed, so it should typically only be enabled in the Builder.
+         */
+        "editable"?: boolean;
         /**
           * The document or template field to display.
          */
         "field"?: IDocumentField | ITemplateField | null;
+        /**
+          * 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 field's settings are changed.
+         */
+        "onSettingsChanged"?: (event: VerdocsFieldCheckboxCustomEvent<{fieldName: string}>) => void;
         /**
           * The index of the settings option this particular checkbox is for
          */
@@ -1581,6 +1745,10 @@ 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 field's settings are changed.
+         */
+        "onSettingsChanged"?: (event: VerdocsFieldDateCustomEvent<{fieldName: string}>) => void;
         /**
           * Event fired on every character entered into / deleted from the field.
          */
@@ -1603,6 +1771,10 @@ declare namespace LocalJSX {
           * Event fired when the input field value changes. Note that this will only be fired on blur, tab-out, ENTER key press, etc. It is generally the best event to subscribe to than `input` for most cases EXCEPT autocomplete fields that need to see every keypress.
          */
         "onFieldChange"?: (event: VerdocsFieldDropdownCustomEvent<string>) => void;
+        /**
+          * Event fired when the field's settings are changed.
+         */
+        "onSettingsChanged"?: (event: VerdocsFieldDropdownCustomEvent<{fieldName: string}>) => void;
         /**
           * If set, the field will be colored using this index value to select the background color.
          */
@@ -1645,6 +1817,10 @@ declare namespace LocalJSX {
           * Event fired when the input field value changes. Note that this will only be fired on blur, tab-out, ENTER key press, etc. It is generally the best event to subscribe to than `input` for most cases EXCEPT autocomplete fields that need to see every keypress.
          */
         "onFieldChange"?: (event: VerdocsFieldInitialCustomEvent<string>) => void;
+        /**
+          * Event fired when the field's settings are changed.
+         */
+        "onSettingsChanged"?: (event: VerdocsFieldInitialCustomEvent<{fieldName: string}>) => void;
         /**
           * Event fired on every character entered into / deleted from the field.
          */
@@ -1671,6 +1847,10 @@ declare namespace LocalJSX {
         "fields"?: any[];
         "focused"?: boolean;
         "onInitialComplete"?: (event: VerdocsFieldPaymentCustomEvent<string>) => void;
+        /**
+          * Event fired when the field's settings are changed.
+         */
+        "onSettingsChanged"?: (event: VerdocsFieldPaymentCustomEvent<{fieldName: string}>) => void;
         "onSignatureComplete"?: (event: VerdocsFieldPaymentCustomEvent<string>) => void;
         "pageNum"?: number;
         "pdfPages"?: any[];
@@ -1692,10 +1872,22 @@ declare namespace LocalJSX {
           * If set, the field is considered "done" and is drawn in a display-final-value state.
          */
         "done"?: boolean;
+        /**
+          * If set, a settings icon will be displayed on hover. The settings shown allow the field's recipient and other settings to be changed, so it should typically only be enabled in the Builder.
+         */
+        "editable"?: boolean;
         /**
           * The document or template field to display.
          */
         "field"?: IDocumentField | ITemplateField | null;
+        /**
+          * 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 field's settings are changed.
+         */
+        "onSettingsChanged"?: (event: VerdocsFieldRadioButtonCustomEvent<{fieldName: string}>) => void;
         /**
           * The index of the settings option this particular checkbox is for
          */
@@ -1734,6 +1926,10 @@ declare namespace LocalJSX {
           * Event emitted when the field has changed.
          */
         "onFieldChange"?: (event: VerdocsFieldSignatureCustomEvent<string>) => void;
+        /**
+          * Event fired when the field's settings are changed.
+         */
+        "onSettingsChanged"?: (event: VerdocsFieldSignatureCustomEvent<{fieldName: string}>) => void;
         /**
           * Event fired on every character entered into / deleted from the field.
          */
@@ -1764,6 +1960,10 @@ 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 field's settings are changed.
+         */
+        "onSettingsChanged"?: (event: VerdocsFieldTextareaCustomEvent<{fieldName: string}>) => void;
         /**
           * If set, the field will be colored using this index value to select the background color.
          */
@@ -1791,9 +1991,9 @@ declare namespace LocalJSX {
          */
         "moveable"?: boolean;
         /**
-          * Event fired if the field is configurable when the recipient has changed.
+          * Event fired when the field's settings are changed.
          */
-        "onRecipientChanged"?: (event: VerdocsFieldTextboxCustomEvent<string>) => void;
+        "onSettingsChanged"?: (event: VerdocsFieldTextboxCustomEvent<{fieldName: string}>) => void;
         /**
           * If set, the field will be colored using this index value to select the background color.
          */
@@ -1820,6 +2020,10 @@ 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 field's settings are changed.
+         */
+        "onSettingsChanged"?: (event: VerdocsFieldTimestampCustomEvent<{fieldName: string}>) => void;
         /**
           * If set, the field will be colored using this index value to select the background color.
          */
@@ -2125,6 +2329,24 @@ declare namespace LocalJSX {
          */
         "theme"?: 'dark' | 'light';
     }
+    interface VerdocsTemplateAttachments {
+        /**
+          * The endpoint to use to communicate with Verdocs. If not set, the default endpoint will be used.
+         */
+        "endpoint"?: VerdocsEndpoint;
+        /**
+          * Event fired when the user cancels the dialog.
+         */
+        "onClose"?: (event: VerdocsTemplateAttachmentsCustomEvent<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.
+         */
+        "onSdkError"?: (event: VerdocsTemplateAttachmentsCustomEvent<SDKError>) => void;
+        /**
+          * The template ID to edit.
+         */
+        "templateId"?: string;
+    }
     interface VerdocsTemplateCard {
         /**
           * The template for which the card will be rendered.
@@ -2149,6 +2371,36 @@ declare namespace LocalJSX {
          */
         "onSdkError"?: (event: VerdocsTemplateCreateCustomEvent<SDKError>) => void;
     }
+    interface VerdocsTemplateFieldProperties {
+        /**
+          * The endpoint to use to communicate with Verdocs. If not set, the default endpoint will be used.
+         */
+        "endpoint"?: VerdocsEndpoint;
+        /**
+          * The field to configure.
+         */
+        "fieldName"?: string;
+        /**
+          * Event fired when the user cancels the dialog.
+         */
+        "onClose"?: (event: VerdocsTemplateFieldPropertiesCustomEvent<any>) => void;
+        /**
+          * Event fired when the user deletes the role. The parent should update its UI to reflect the removal. When this event is emitted, the role will have already been deleted server-side.
+         */
+        "onDelete"?: (event: VerdocsTemplateFieldPropertiesCustomEvent<{templateId: string; roleName: string}>) => 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: VerdocsTemplateFieldPropertiesCustomEvent<SDKError>) => void;
+        /**
+          * Event fired when the field's settings are changed.
+         */
+        "onSettingsChanged"?: (event: VerdocsTemplateFieldPropertiesCustomEvent<{fieldName: string}>) => void;
+        /**
+          * The template ID to edit.
+         */
+        "templateId"?: string;
+    }
     interface VerdocsTemplateFields {
         /**
           * The endpoint to use to communicate with Verdocs. If not set, the default endpoint will be used.
@@ -2247,19 +2499,57 @@ declare namespace LocalJSX {
          */
         "templateId"?: string;
     }
-    interface VerdocsTemplateSenderDialog {
+    interface VerdocsTemplateRoleProperties {
         /**
-          * Event fired when the dialog is closed. The event data will contain the closure reason.
+          * The endpoint to use to communicate with Verdocs. If not set, the default endpoint will be used.
+         */
+        "endpoint"?: VerdocsEndpoint;
+        /**
+          * Event fired when the user cancels the dialog.
+         */
+        "onClose"?: (event: VerdocsTemplateRolePropertiesCustomEvent<any>) => void;
+        /**
+          * Event fired when the user deletes the role. The parent should update its UI to reflect the removal. When this event is emitted, the role will have already been deleted server-side.
+         */
+        "onDelete"?: (event: VerdocsTemplateRolePropertiesCustomEvent<{templateId: string; roleName: string}>) => 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.
          */
-        "onCancel"?: (event: VerdocsTemplateSenderDialogCustomEvent<any>) => void;
+        "onSdkError"?: (event: VerdocsTemplateRolePropertiesCustomEvent<SDKError>) => void;
         /**
-          * Event fired when the dialog is closed. The event data will contain the selected value.
+          * The role name to edit.
          */
-        "onNext"?: (event: VerdocsTemplateSenderDialogCustomEvent<TemplateSenderTypes>) => void;
+        "roleName"?: string;
         /**
           * Whether the dialog is currently being displayed. This allows it to be added to the DOM before being displayed.
          */
-        "value"?: TemplateSenderTypes;
+        "sender"?: TTemplateSender;
+        /**
+          * The template ID to edit.
+         */
+        "templateId"?: string;
+    }
+    interface VerdocsTemplateSender {
+        /**
+          * The endpoint to use to communicate with Verdocs. If not set, the default endpoint will be used.
+         */
+        "endpoint"?: VerdocsEndpoint;
+        /**
+          * Event fired when the user cancels the dialog.
+         */
+        "onClose"?: (event: VerdocsTemplateSenderCustomEvent<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.
+         */
+        "onSdkError"?: (event: VerdocsTemplateSenderCustomEvent<SDKError>) => void;
+        /**
+          * Whether the dialog is currently being displayed. This allows it to be added to the DOM before being displayed.
+         */
+        "sender"?: TTemplateSender;
+        /**
+          * The template ID to edit.
+         */
+        "templateId"?: string;
     }
     interface VerdocsTemplateTags {
         /**
@@ -2294,6 +2584,10 @@ declare namespace LocalJSX {
           * Should the field be disabled?
          */
         "disabled"?: boolean;
+        /**
+          * If supplied, a help icon will be displayed to provide the user more information.
+         */
+        "helpText"?: string;
         /**
           * The label for the field.
          */
@@ -2419,14 +2713,17 @@ declare namespace LocalJSX {
         "verdocs-sign": VerdocsSign;
         "verdocs-signature-dialog": VerdocsSignatureDialog;
         "verdocs-status-indicator": VerdocsStatusIndicator;
+        "verdocs-template-attachments": VerdocsTemplateAttachments;
         "verdocs-template-card": VerdocsTemplateCard;
         "verdocs-template-create": VerdocsTemplateCreate;
+        "verdocs-template-field-properties": VerdocsTemplateFieldProperties;
         "verdocs-template-fields": VerdocsTemplateFields;
         "verdocs-template-name": VerdocsTemplateName;
         "verdocs-template-properties": VerdocsTemplateProperties;
         "verdocs-template-recipients": VerdocsTemplateRecipients;
         "verdocs-template-reminders": VerdocsTemplateReminders;
-        "verdocs-template-sender-dialog": VerdocsTemplateSenderDialog;
+        "verdocs-template-role-properties": VerdocsTemplateRoleProperties;
+        "verdocs-template-sender": VerdocsTemplateSender;
         "verdocs-template-tags": VerdocsTemplateTags;
         "verdocs-template-visibility": VerdocsTemplateVisibility;
         "verdocs-text-input": VerdocsTextInput;
@@ -2481,14 +2778,17 @@ declare module "@stencil/core" {
             "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-attachments": LocalJSX.VerdocsTemplateAttachments & JSXBase.HTMLAttributes<HTMLVerdocsTemplateAttachmentsElement>;
             "verdocs-template-card": LocalJSX.VerdocsTemplateCard & JSXBase.HTMLAttributes<HTMLVerdocsTemplateCardElement>;
             "verdocs-template-create": LocalJSX.VerdocsTemplateCreate & JSXBase.HTMLAttributes<HTMLVerdocsTemplateCreateElement>;
+            "verdocs-template-field-properties": LocalJSX.VerdocsTemplateFieldProperties & JSXBase.HTMLAttributes<HTMLVerdocsTemplateFieldPropertiesElement>;
             "verdocs-template-fields": LocalJSX.VerdocsTemplateFields & JSXBase.HTMLAttributes<HTMLVerdocsTemplateFieldsElement>;
             "verdocs-template-name": LocalJSX.VerdocsTemplateName & JSXBase.HTMLAttributes<HTMLVerdocsTemplateNameElement>;
             "verdocs-template-properties": LocalJSX.VerdocsTemplateProperties & JSXBase.HTMLAttributes<HTMLVerdocsTemplatePropertiesElement>;
             "verdocs-template-recipients": LocalJSX.VerdocsTemplateRecipients & JSXBase.HTMLAttributes<HTMLVerdocsTemplateRecipientsElement>;
             "verdocs-template-reminders": LocalJSX.VerdocsTemplateReminders & JSXBase.HTMLAttributes<HTMLVerdocsTemplateRemindersElement>;
-            "verdocs-template-sender-dialog": LocalJSX.VerdocsTemplateSenderDialog & JSXBase.HTMLAttributes<HTMLVerdocsTemplateSenderDialogElement>;
+            "verdocs-template-role-properties": LocalJSX.VerdocsTemplateRoleProperties & JSXBase.HTMLAttributes<HTMLVerdocsTemplateRolePropertiesElement>;
+            "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-text-input": LocalJSX.VerdocsTextInput & JSXBase.HTMLAttributes<HTMLVerdocsTextInputElement>;