@verdocs/web-sdk 1.10.0 → 1.10.3

package/dist/types/components/templates/verdocs-template-role-properties/verdocs-template-role-properties.d.ts

@@ -0,0 +1,56 @@
+import { VerdocsEndpoint } from '@verdocs/js-sdk';
+import { TRecipientType } from '@verdocs/js-sdk/Envelopes/Types';
+import { EventEmitter } from '../../../stencil-public-runtime';
+import { TTemplateSender } from '@verdocs/js-sdk/Templates/Types';
+import { SDKError } from '../../../utils/errors';
+/**
+ * Display a dialog that allows a template sender to be selected.
+ */
+export declare class VerdocsTemplateRoleProperties {
+  /**
+   * 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;
+  /**
+   * The role name to edit.
+   */
+  roleName: string;
+  /**
+   * Event fired when the user cancels the dialog.
+   */
+  close: EventEmitter;
+  /**
+   * 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.
+   */
+  delete: EventEmitter<{
+    templateId: string;
+    roleName: string;
+  }>;
+  /**
+   * 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.
+   */
+  sdkError: EventEmitter<SDKError>;
+  /**
+   * Whether the dialog is currently being displayed. This allows it to be added to the DOM before being displayed.
+   */
+  sender: TTemplateSender;
+  dirty: boolean;
+  saving: boolean;
+  name: string;
+  type: TRecipientType;
+  fullName: string;
+  email: string;
+  phone: string;
+  allowDelegation: boolean;
+  componentWillLoad(): Promise<void>;
+  handleCancel(e: any): void;
+  handleSave(e: any): Promise<void>;
+  handleDelete(e: any): Promise<void>;
+  render(): any;
+}

package/dist/types/components/templates/verdocs-template-role-properties/verdocs-template-role-properties.stories.d.ts

@@ -0,0 +1,7 @@
+import { Meta } from '@storybook/web-components';
+declare const _default: Meta<import("@storybook/web-components").Args>;
+export default _default;
+export declare const RoleProperties: ({ value, onClose }: {
+  value: any;
+  onClose: any;
+}) => import("lit-html").TemplateResult<1>;

package/dist/types/components/templates/verdocs-template-sender/verdocs-template-sender.d.ts

@@ -0,0 +1,36 @@
+import { VerdocsEndpoint } from '@verdocs/js-sdk';
+import { EventEmitter } from '../../../stencil-public-runtime';
+import { TemplateSenderTypes, TTemplateSender } from '@verdocs/js-sdk/Templates/Types';
+import { SDKError } from '../../../utils/errors';
+/**
+ * Display a dialog that allows a template sender to be selected.
+ */
+export declare class VerdocsTemplateSender {
+  /**
+   * 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;
+  /**
+   * Event fired when the user cancels the dialog.
+   */
+  close: EventEmitter;
+  /**
+   * 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.
+   */
+  sdkError: EventEmitter<SDKError>;
+  /**
+   * Whether the dialog is currently being displayed. This allows it to be added to the DOM before being displayed.
+   */
+  sender: TTemplateSender;
+  saving: boolean;
+  componentWillLoad(): Promise<void>;
+  handleClose(): void;
+  handleDismiss(e: any): void;
+  handleSelectSetting(value: TemplateSenderTypes): Promise<void>;
+  render(): any;
+}

package/dist/types/components/templates/verdocs-template-sender/verdocs-template-sender.stories.d.ts

@@ -0,0 +1,7 @@
+import { Meta } from '@storybook/web-components';
+declare const _default: Meta<import("@storybook/web-components").Args>;
+export default _default;
+export declare const Sender: ({ value, onClose }: {
+  value: any;
+  onClose: any;
+}) => import("lit-html").TemplateResult<1>;

package/dist/types/components/templates/verdocs-template-visibillity/verdocs-template-visibility.d.ts

@@ -0,0 +1,33 @@
+import { VerdocsEndpoint } from '@verdocs/js-sdk';
+import { EventEmitter } from '../../../stencil-public-runtime';
+import { SDKError } from '../../../utils/errors';
+/**
+ * Displays an edit form that allows the user to adjust a template's visibility.
+ */
+export declare class VerdocsTemplateVisibility {
+  /**
+   * 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;
+  /**
+   * Event fired when the user cancels the dialog.
+   */
+  close: EventEmitter;
+  /**
+   * 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.
+   */
+  sdkError: EventEmitter<SDKError>;
+  dirty: boolean;
+  loading: boolean;
+  personal: boolean;
+  public: boolean;
+  componentWillLoad(): Promise<void>;
+  handleCancel(e: any): void;
+  handleSave(e: any): Promise<void>;
+  render(): any;
+}

package/dist/types/components/templates/verdocs-template-visibillity/verdocs-template-visibility.stories.d.ts

@@ -0,0 +1,7 @@
+import { Meta } from '@storybook/web-components';
+declare const _default: Meta<import("@storybook/web-components").Args>;
+export default _default;
+export declare const Visibility: ({ onClose, templateId }: {
+  onClose: any;
+  templateId: any;
+}) => import("lit-html").TemplateResult<1>;

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";
@@ -17,7 +17,6 @@ import { IOption } from "./components/controls/verdocs-floating-menu/verdocs-flo
 import { IOrganization } from "@verdocs/js-sdk/Organizations/Types";
 import { IRecentSearch } from "@verdocs/js-sdk/Search/Types";
 import { ISearchEvent, TContentType } from "./components/elements/verdocs-search-box/verdocs-search-box";
-import { IContactSearchEvent as IContactSearchEvent1, IContactSelectEvent as IContactSelectEvent1, IEmailContact as IEmailContact1, IPhoneContact as IPhoneContact1 } from "./components/elements/verdocs-template-recipients/verdocs-template-recipients";
 import { IToggleIconButtons } from "./components/controls/verdocs-toggle/verdocs-toggle";
 import { Placement } from "@popperjs/core/lib/enums";
 import { FileWithData } from "@verdocs/js-sdk/Utils/Files";
@@ -650,6 +649,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.
@@ -672,6 +681,16 @@ export namespace Components {
          */
         "templateId": string | null;
     }
+    interface VerdocsTemplateName {
+        /**
+          * 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 VerdocsTemplateProperties {
         /**
           * The endpoint to use to communicate with Verdocs. If not set, the default endpoint will be used.
@@ -684,23 +703,55 @@ export namespace Components {
     }
     interface VerdocsTemplateRecipients {
         /**
-          * If set, suggestions will be displayed in a drop-down list to the user. It is recommended that the number of suggestions be limited to the 5 best matching records.
+          * The endpoint to use to communicate with Verdocs. If not set, the default endpoint will be used.
          */
-        "contactSuggestions": (IEmailContact | IPhoneContact)[];
+        "endpoint": VerdocsEndpoint;
+        /**
+          * The template ID to edit.
+         */
+        "templateId": string;
+    }
+    interface VerdocsTemplateReminders {
         /**
           * The endpoint to use to communicate with Verdocs. If not set, the default endpoint will be used.
          */
         "endpoint": VerdocsEndpoint;
         /**
-          * The role that this contact will be assigned to.
+          * The template ID to edit.
          */
-        "templateRole": IRole | null;
+        "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 {
         /**
@@ -708,6 +759,16 @@ export namespace Components {
          */
         "tags": any[];
     }
+    interface VerdocsTemplateVisibility {
+        /**
+          * 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 VerdocsTextInput {
         /**
           * If desired, the autocomplete attribute to set.
@@ -717,6 +778,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.
          */
@@ -878,6 +943,10 @@ 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;
@@ -886,6 +955,10 @@ export interface VerdocsTemplateFieldsCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLVerdocsTemplateFieldsElement;
 }
+export interface VerdocsTemplateNameCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLVerdocsTemplateNameElement;
+}
 export interface VerdocsTemplatePropertiesCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLVerdocsTemplatePropertiesElement;
@@ -894,9 +967,21 @@ export interface VerdocsTemplateRecipientsCustomEvent<T> extends CustomEvent<T>
     detail: T;
     target: HTMLVerdocsTemplateRecipientsElement;
 }
-export interface VerdocsTemplateSenderDialogCustomEvent<T> extends CustomEvent<T> {
+export interface VerdocsTemplateRemindersCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLVerdocsTemplateRemindersElement;
+}
+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;
+    target: HTMLVerdocsTemplateVisibilityElement;
 }
 export interface VerdocsToggleButtonCustomEvent<T> extends CustomEvent<T> {
     detail: T;
@@ -1151,6 +1236,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: {
@@ -1169,6 +1260,12 @@ declare global {
         prototype: HTMLVerdocsTemplateFieldsElement;
         new (): HTMLVerdocsTemplateFieldsElement;
     };
+    interface HTMLVerdocsTemplateNameElement extends Components.VerdocsTemplateName, HTMLStencilElement {
+    }
+    var HTMLVerdocsTemplateNameElement: {
+        prototype: HTMLVerdocsTemplateNameElement;
+        new (): HTMLVerdocsTemplateNameElement;
+    };
     interface HTMLVerdocsTemplatePropertiesElement extends Components.VerdocsTemplateProperties, HTMLStencilElement {
     }
     var HTMLVerdocsTemplatePropertiesElement: {
@@ -1181,11 +1278,23 @@ declare global {
         prototype: HTMLVerdocsTemplateRecipientsElement;
         new (): HTMLVerdocsTemplateRecipientsElement;
     };
-    interface HTMLVerdocsTemplateSenderDialogElement extends Components.VerdocsTemplateSenderDialog, HTMLStencilElement {
+    interface HTMLVerdocsTemplateRemindersElement extends Components.VerdocsTemplateReminders, HTMLStencilElement {
+    }
+    var HTMLVerdocsTemplateRemindersElement: {
+        prototype: HTMLVerdocsTemplateRemindersElement;
+        new (): HTMLVerdocsTemplateRemindersElement;
+    };
+    interface HTMLVerdocsTemplateRolePropertiesElement extends Components.VerdocsTemplateRoleProperties, HTMLStencilElement {
+    }
+    var HTMLVerdocsTemplateRolePropertiesElement: {
+        prototype: HTMLVerdocsTemplateRolePropertiesElement;
+        new (): HTMLVerdocsTemplateRolePropertiesElement;
+    };
+    interface HTMLVerdocsTemplateSenderElement extends Components.VerdocsTemplateSender, HTMLStencilElement {
     }
-    var HTMLVerdocsTemplateSenderDialogElement: {
-        prototype: HTMLVerdocsTemplateSenderDialogElement;
-        new (): HTMLVerdocsTemplateSenderDialogElement;
+    var HTMLVerdocsTemplateSenderElement: {
+        prototype: HTMLVerdocsTemplateSenderElement;
+        new (): HTMLVerdocsTemplateSenderElement;
     };
     interface HTMLVerdocsTemplateTagsElement extends Components.VerdocsTemplateTags, HTMLStencilElement {
     }
@@ -1193,6 +1302,12 @@ declare global {
         prototype: HTMLVerdocsTemplateTagsElement;
         new (): HTMLVerdocsTemplateTagsElement;
     };
+    interface HTMLVerdocsTemplateVisibilityElement extends Components.VerdocsTemplateVisibility, HTMLStencilElement {
+    }
+    var HTMLVerdocsTemplateVisibilityElement: {
+        prototype: HTMLVerdocsTemplateVisibilityElement;
+        new (): HTMLVerdocsTemplateVisibilityElement;
+    };
     interface HTMLVerdocsTextInputElement extends Components.VerdocsTextInput, HTMLStencilElement {
     }
     var HTMLVerdocsTextInputElement: {
@@ -1270,13 +1385,18 @@ 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-fields": HTMLVerdocsTemplateFieldsElement;
+        "verdocs-template-name": HTMLVerdocsTemplateNameElement;
         "verdocs-template-properties": HTMLVerdocsTemplatePropertiesElement;
         "verdocs-template-recipients": HTMLVerdocsTemplateRecipientsElement;
-        "verdocs-template-sender-dialog": HTMLVerdocsTemplateSenderDialogElement;
+        "verdocs-template-reminders": HTMLVerdocsTemplateRemindersElement;
+        "verdocs-template-role-properties": HTMLVerdocsTemplateRolePropertiesElement;
+        "verdocs-template-sender": HTMLVerdocsTemplateSenderElement;
         "verdocs-template-tags": HTMLVerdocsTemplateTagsElement;
+        "verdocs-template-visibility": HTMLVerdocsTemplateVisibilityElement;
         "verdocs-text-input": HTMLVerdocsTextInputElement;
         "verdocs-toggle": HTMLVerdocsToggleElement;
         "verdocs-toggle-button": HTMLVerdocsToggleButtonElement;
@@ -2067,6 +2187,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.
@@ -2113,6 +2251,24 @@ declare namespace LocalJSX {
          */
         "templateId"?: string | null;
     }
+    interface VerdocsTemplateName {
+        /**
+          * 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: VerdocsTemplateNameCustomEvent<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: VerdocsTemplateNameCustomEvent<SDKError>) => void;
+        /**
+          * The template ID to edit.
+         */
+        "templateId"?: string;
+    }
     interface VerdocsTemplateProperties {
         /**
           * The endpoint to use to communicate with Verdocs. If not set, the default endpoint will be used.
@@ -2137,9 +2293,23 @@ declare namespace LocalJSX {
     }
     interface VerdocsTemplateRecipients {
         /**
-          * If set, suggestions will be displayed in a drop-down list to the user. It is recommended that the number of suggestions be limited to the 5 best matching records.
+          * The endpoint to use to communicate with Verdocs. If not set, the default endpoint will be used.
          */
-        "contactSuggestions"?: (IEmailContact | IPhoneContact)[];
+        "endpoint"?: VerdocsEndpoint;
+        /**
+          * Event fired when the user cancels the dialog.
+         */
+        "onCancel"?: (event: VerdocsTemplateRecipientsCustomEvent<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: VerdocsTemplateRecipientsCustomEvent<SDKError>) => void;
+        /**
+          * The template ID to edit.
+         */
+        "templateId"?: string;
+    }
+    interface VerdocsTemplateReminders {
         /**
           * The endpoint to use to communicate with Verdocs. If not set, the default endpoint will be used.
          */
@@ -2147,33 +2317,67 @@ declare namespace LocalJSX {
         /**
           * Event fired when the user cancels the dialog.
          */
-        "onCancel"?: (event: VerdocsTemplateRecipientsCustomEvent<any>) => void;
+        "onClose"?: (event: VerdocsTemplateRemindersCustomEvent<any>) => void;
         /**
-          * Event fired when the user selects a contact.
+          * 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.
          */
-        "onNext"?: (event: VerdocsTemplateRecipientsCustomEvent<IContactSelectEvent>) => void;
+        "onSdkError"?: (event: VerdocsTemplateRemindersCustomEvent<SDKError>) => void;
         /**
-          * Event fired when the user enters text in the search field. The calling application may use this to update the `contactSuggestions` property.
+          * The template ID to edit.
          */
-        "onSearchContacts"?: (event: VerdocsTemplateRecipientsCustomEvent<IContactSearchEvent>) => void;
+        "templateId"?: string;
+    }
+    interface VerdocsTemplateRoleProperties {
         /**
-          * The role that this contact will be assigned to.
+          * The endpoint to use to communicate with Verdocs. If not set, the default endpoint will be used.
          */
-        "templateRole"?: IRole | null;
+        "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.
+         */
+        "onSdkError"?: (event: VerdocsTemplateRolePropertiesCustomEvent<SDKError>) => void;
+        /**
+          * 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 VerdocsTemplateSenderDialog {
+    interface VerdocsTemplateSender {
         /**
-          * 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.
          */
-        "onCancel"?: (event: VerdocsTemplateSenderDialogCustomEvent<any>) => void;
+        "onClose"?: (event: VerdocsTemplateSenderCustomEvent<any>) => void;
         /**
-          * Event fired when the dialog is closed. The event data will contain the selected value.
+          * 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.
          */
-        "onNext"?: (event: VerdocsTemplateSenderDialogCustomEvent<TemplateSenderTypes>) => void;
+        "onSdkError"?: (event: VerdocsTemplateSenderCustomEvent<SDKError>) => void;
         /**
           * 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 {
         /**
@@ -2181,6 +2385,24 @@ declare namespace LocalJSX {
          */
         "tags"?: any[];
     }
+    interface VerdocsTemplateVisibility {
+        /**
+          * 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: VerdocsTemplateVisibilityCustomEvent<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: VerdocsTemplateVisibilityCustomEvent<SDKError>) => void;
+        /**
+          * The template ID to edit.
+         */
+        "templateId"?: string;
+    }
     interface VerdocsTextInput {
         /**
           * If desired, the autocomplete attribute to set.
@@ -2190,6 +2412,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.
          */
@@ -2315,13 +2541,18 @@ 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-fields": VerdocsTemplateFields;
+        "verdocs-template-name": VerdocsTemplateName;
         "verdocs-template-properties": VerdocsTemplateProperties;
         "verdocs-template-recipients": VerdocsTemplateRecipients;
-        "verdocs-template-sender-dialog": VerdocsTemplateSenderDialog;
+        "verdocs-template-reminders": VerdocsTemplateReminders;
+        "verdocs-template-role-properties": VerdocsTemplateRoleProperties;
+        "verdocs-template-sender": VerdocsTemplateSender;
         "verdocs-template-tags": VerdocsTemplateTags;
+        "verdocs-template-visibility": VerdocsTemplateVisibility;
         "verdocs-text-input": VerdocsTextInput;
         "verdocs-toggle": VerdocsToggle;
         "verdocs-toggle-button": VerdocsToggleButton;
@@ -2374,13 +2605,18 @@ 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-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-sender-dialog": LocalJSX.VerdocsTemplateSenderDialog & JSXBase.HTMLAttributes<HTMLVerdocsTemplateSenderDialogElement>;
+            "verdocs-template-reminders": LocalJSX.VerdocsTemplateReminders & JSXBase.HTMLAttributes<HTMLVerdocsTemplateRemindersElement>;
+            "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>;
             "verdocs-toggle": LocalJSX.VerdocsToggle & JSXBase.HTMLAttributes<HTMLVerdocsToggleElement>;
             "verdocs-toggle-button": LocalJSX.VerdocsToggleButton & JSXBase.HTMLAttributes<HTMLVerdocsToggleButtonElement>;

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

@@ -1,2 +1,2 @@
 import { VerdocsEndpoint } from '@verdocs/js-sdk';
-export declare const loadTemplate: (endpoint: VerdocsEndpoint, templateId: string) => Promise<void>;
+export declare const loadTemplate: (endpoint: VerdocsEndpoint, templateId: string) => Promise<unknown>;