@verdocs/web-sdk 1.10.1 → 1.10.3

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

@@ -1,7 +1,7 @@
 import { Meta } from '@storybook/web-components';
 declare const _default: Meta<import("@storybook/web-components").Args>;
 export default _default;
-export declare const TemplateFields: ({ templateId, onCancel, onNext }: {
+export declare const Fields: ({ templateId, onCancel, onNext }: {
   templateId: any;
   onCancel: any;
   onNext: any;

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

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

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

@@ -1,7 +1,7 @@
 import { Meta } from '@storybook/web-components';
 declare const _default: Meta<import("@storybook/web-components").Args>;
 export default _default;
-export declare const TemplateProperties: ({ onCancel, onNext, templateId }: {
+export declare const Properties: ({ onCancel, onNext, templateId }: {
   onCancel: any;
   onNext: any;
   templateId: any;

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

@@ -1,20 +1,11 @@
 import { VerdocsEndpoint } from '@verdocs/js-sdk';
-import { IRole } from '@verdocs/js-sdk/Templates/Types';
 import { EventEmitter } from '../../../stencil-public-runtime';
 import { SDKError } from '../../../utils/errors';
-declare type TAnnotatedRole = IRole & {
-  order: number;
-};
 /**
- * Displays a contact picker suitable for filling out Recipient objects when sending Documents.
- *
- * This picker can also be integrated with a backend to provide contact list / suggestion / address-book style behavior. As the
- * user interacts with the component, the text entered in the name field is sent back to the parent via the `searchContacts` event.
- * The parent can use that text as a query string to call a backend to obtain appropriate contacts to show. This list may also be
- * hard-coded ahead of time to provide the user with smart suggestions on initial display, such as "Recently Used" contacts, or
- * to always display the user's own contact record.
+ * Displays an edit form that allows the user to adjust a template's recipients and workflow.
  */
 export declare class VerdocsTemplateRecipients {
+  el: HTMLElement;
   /**
    * The endpoint to use to communicate with Verdocs. If not set, the default endpoint will be used.
    */
@@ -28,20 +19,22 @@ export declare class VerdocsTemplateRecipients {
    */
   cancel: EventEmitter;
   sequences: number[];
-  rolesAtSequence: Record<number, TAnnotatedRole[]>;
   /**
    * 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>;
+  showingRoleDialog: string | null;
   showingSenderDialog: boolean;
   sender: any;
-  orderedRoles: TAnnotatedRole[];
+  forceRerender: number;
   componentWillLoad(): Promise<void>;
   componentDidRender(): void;
-  computeRolesBySequence(): void;
   handleCancel(e: any): void;
   handleSubmit(e: any): void;
+  sortTemplateRoles(): void;
+  extractSequenceNumbers(): void;
+  renumberTemplateRoles(): void;
+  handleAddRole(e: any, sequence: number): void;
   render(): any;
 }
-export {};

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

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

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

@@ -2,7 +2,7 @@ import { VerdocsEndpoint } from '@verdocs/js-sdk';
 import { EventEmitter } from '../../../stencil-public-runtime';
 import { SDKError } from '../../../utils/errors';
 /**
- * Displays a collection of settings boxes that allow a user to configure a template's behavior.
+ * Displays an edit form that allows the user to adjust a template's reminders.
  */
 export declare class VerdocsTemplateReminders {
   /**

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

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

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/{dialogs/verdocs-template-sender-dialog/verdocs-template-sender-dialog.stories.d.ts → templates/verdocs-template-role-properties/verdocs-template-role-properties.stories.d.ts}

@@ -1,8 +1,7 @@
 import { Meta } from '@storybook/web-components';
 declare const _default: Meta<import("@storybook/web-components").Args>;
 export default _default;
-export declare const TemplateSenderDialog: ({ value, onCancel, onNext }: {
+export declare const RoleProperties: ({ value, onClose }: {
   value: any;
-  onCancel: any;
-  onNext: 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

@@ -2,7 +2,7 @@ import { VerdocsEndpoint } from '@verdocs/js-sdk';
 import { EventEmitter } from '../../../stencil-public-runtime';
 import { SDKError } from '../../../utils/errors';
 /**
- * Displays a collection of settings boxes that allow a user to configure a template's behavior.
+ * Displays an edit form that allows the user to adjust a template's visibility.
  */
 export declare class VerdocsTemplateVisibility {
   /**

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

@@ -1,7 +1,7 @@
 import { Meta } from '@storybook/web-components';
 declare const _default: Meta<import("@storybook/web-components").Args>;
 export default _default;
-export declare const TemplateVisibility: ({ onClose, templateId }: {
+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";
@@ -649,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.
@@ -711,11 +721,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.
          */
-        "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;
+        /**
+          * 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 {
         /**
@@ -742,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.
          */
@@ -903,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;
@@ -927,9 +971,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 +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: {
@@ -1230,11 +1284,17 @@ declare global {
         prototype: HTMLVerdocsTemplateRemindersElement;
         new (): HTMLVerdocsTemplateRemindersElement;
     };
-    interface HTMLVerdocsTemplateSenderDialogElement extends Components.VerdocsTemplateSenderDialog, HTMLStencilElement {
+    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 {
     }
@@ -1325,6 +1385,7 @@ 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;
@@ -1332,7 +1393,8 @@ declare global {
         "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;
@@ -2125,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.
@@ -2247,19 +2327,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.
+         */
+        "onSdkError"?: (event: VerdocsTemplateRolePropertiesCustomEvent<SDKError>) => void;
+        /**
+          * The role name to edit.
          */
-        "onCancel"?: (event: VerdocsTemplateSenderDialogCustomEvent<any>) => void;
+        "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 {
         /**
-          * Event fired when the dialog is closed. The event data will contain the selected value.
+          * The endpoint to use to communicate with Verdocs. If not set, the default endpoint will be used.
          */
-        "onNext"?: (event: VerdocsTemplateSenderDialogCustomEvent<TemplateSenderTypes>) => void;
+        "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.
          */
-        "value"?: TemplateSenderTypes;
+        "sender"?: TTemplateSender;
+        /**
+          * The template ID to edit.
+         */
+        "templateId"?: string;
     }
     interface VerdocsTemplateTags {
         /**
@@ -2294,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.
          */
@@ -2419,6 +2541,7 @@ 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;
@@ -2426,7 +2549,8 @@ declare namespace LocalJSX {
         "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,6 +2605,7 @@ 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>;
@@ -2488,7 +2613,8 @@ declare module "@stencil/core" {
             "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>;

package/dist/verdocs-web-sdk/p-0ee57bd9.entry.js

@@ -0,0 +1 @@
+import{r as e,c as t,h as s,H as r}from"./p-ff1278ed.js";import{V as i}from"./p-2d4712ea.js";import{s as o}from"./p-87749601.js";import{l as a}from"./p-848e555d.js";import{S as n}from"./p-7a1b2643.js";import"./p-21603661.js";import"./p-5ea05a1d.js";import"./p-7291906c.js";import"./p-b28ef4bb.js";const l=class{constructor(s){e(this,s),this.close=t(this,"close",7),this.sdkError=t(this,"sdkError",7),this.endpoint=i.getDefault(),this.templateId="",this.showPlanBlocker=!1,this.sendReminders=!1,this.firstReminderDays="1",this.reminderDays="1",this.dirty=!1,this.loading=!0}async componentWillLoad(){var e,t,s;try{this.endpoint.loadSession(),await a(this.endpoint,this.templateId),this.loading=!1,this.sendReminders=!!o.template.reminder_id,this.dirty=!1}catch(r){console.log("[TEMPLATE REMINDERS] Error loading template",r),this.loading=!1,null===(e=this.sdkError)||void 0===e||e.emit(new n(r.message,null===(t=r.response)||void 0===t?void 0:t.status,null===(s=r.response)||void 0===s?void 0:s.data))}}handleCancel(e){var t;e.stopPropagation(),this.sendReminders=!!o.template.reminder_id,this.dirty=!1,null===(t=this.close)||void 0===t||t.emit()}async handleSave(e){var t,s,r,i;if(e.stopPropagation(),this.sendReminders){const e={setup_time:864e5*+this.firstReminderDays,interval_time:864e5*+this.reminderDays};o.template.reminder_id?await function(e,t,s,r){return e.api.put("/templates/".concat(t,"/reminder/").concat(s),r).then((function(e){return e.data}))}(this.endpoint,this.templateId,o.template.reminder_id,e):await function(e,t,s){return e.api.post("/templates/".concat(t,"/reminder/"),s).then((function(e){return e.data}))}(this.endpoint,this.templateId,e)}else await(s=this.endpoint,r=this.templateId,i=o.template.reminder_id,s.api.delete("/templates/".concat(r,"/reminder/").concat(i)).then((function(e){return e.data})));this.dirty=!1,null===(t=this.close)||void 0===t||t.emit()}render(){return this.endpoint.session?this.endpoint.session&&o.template?s(r,null,s("form",{onSubmit:e=>e.preventDefault(),onClick:e=>e.stopPropagation(),autocomplete:"off"},s("h5",null,"Reminders"),s("div",{class:"input-row"},s("label",{htmlFor:"verdocs-send-reminders"},"Send Automatic Reminders"),s("verdocs-checkbox",{id:"verdocs-send-reminders",name:"automatic-reminders",checked:this.sendReminders,value:"on",onInput:e=>{this.showPlanBlocker=!0,e.target.checked=!1}})),s("div",{class:"input-row"},s("label",{htmlFor:"verdocs-first-reminder-days"},"Days Before First Reminder"),s("verdocs-text-input",{id:"verdocs-first-reminder-days",type:"number",value:this.firstReminderDays,onInput:e=>this.firstReminderDays=e.target.value,disabled:!this.sendReminders})),s("div",{class:"input-row"},s("label",{htmlFor:"verdocs-days-between-reminders"},"Days Between Reminders"),s("verdocs-text-input",{id:"verdocs-days-between-reminders",type:"number",value:this.reminderDays,onInput:e=>this.reminderDays=e.target.value,disabled:!this.sendReminders})),s("div",{class:"buttons"},s("verdocs-button",{size:"small",variant:"outline",label:"Cancel",disabled:!this.dirty,onClick:e=>this.handleCancel(e)}),s("verdocs-button",{size:"small",label:"Save",disabled:!this.dirty,onClick:e=>this.handleSave(e)}))),this.showPlanBlocker&&s("verdocs-ok-dialog",{heading:"Upgrade to access this feature",message:"Please upgrade your plan to access this feature.",onNext:()=>this.showPlanBlocker=!1})):s(r,{class:"empty"}):s(r,null,s("verdocs-component-error",{message:"You must be authenticated to use this module."}))}};l.style='verdocs-template-reminders{font-family:"Inter", -apple-system, "Segoe UI", "Roboto", "Helvetica Neue", sans-serif}verdocs-template-reminders.loading{min-height:300px;position:relative;display:block}verdocs-template-reminders.empty{display:none}verdocs-template-reminders form{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}verdocs-template-reminders form h5{font-size:16px;font-weight:bold;color:#4c56cb;margin:0 0 20px 0}verdocs-template-reminders form label{font-size:16px;font-weight:500;margin:0 0 6px 0;color:#33364b}verdocs-template-reminders form input{border:none;font-size:18px;padding:3px 6px 3px 0;background:transparent;border-bottom:1px solid #33364b}verdocs-template-reminders form input:focus{outline:none}verdocs-template-reminders form .input-row{display:-ms-flexbox;display:flex;margin:0 0 10px 0;-ms-flex-align:center;align-items:center;-ms-flex-direction:row;flex-direction:row}verdocs-template-reminders form .input-row label{-ms-flex:1;flex:1;display:-ms-flexbox;display:flex}verdocs-template-reminders form .input-row verdocs-text-input{margin:0;display:-ms-flexbox;display:flex;-ms-flex:0 0 60px;flex:0 0 60px}verdocs-template-reminders form .input-row verdocs-text-input input{text-align:center}verdocs-template-reminders form .input-row verdocs-checkbox{display:-ms-flexbox;display:flex;-ms-flex:0 0 40px;flex:0 0 40px;-ms-flex-pack:center;justify-content:center}verdocs-template-reminders .buttons{display:-ms-flexbox;display:flex;-webkit-column-gap:8px;-moz-column-gap:8px;column-gap:8px;margin-top:16px;-ms-flex-direction:row;flex-direction:row}verdocs-template-reminders ::-webkit-input-placeholder{color:#aaaaaa}verdocs-template-reminders ::-moz-placeholder{color:#aaaaaa}verdocs-template-reminders :-ms-input-placeholder{color:#aaaaaa}verdocs-template-reminders ::-ms-input-placeholder{color:#aaaaaa}verdocs-template-reminders ::placeholder{color:#aaaaaa}';export{l as verdocs_template_reminders}

package/dist/verdocs-web-sdk/p-12c732a7.entry.js

@@ -0,0 +1 @@
+import{r as e,c as a,h as t,H as o}from"./p-ff1278ed.js";import{u as s}from"./p-b28ef4bb.js";import{V as l}from"./p-2d4712ea.js";import{s as i}from"./p-87749601.js";import{l as r}from"./p-848e555d.js";import{S as n}from"./p-7a1b2643.js";import"./p-21603661.js";import"./p-5ea05a1d.js";import"./p-7291906c.js";const m=class{constructor(t){e(this,t),this.close=a(this,"close",7),this.sdkError=a(this,"sdkError",7),this.endpoint=l.getDefault(),this.templateId="",this.name="",this.dirty=!1,this.loading=!0}async componentWillLoad(){var e,a,t;try{this.endpoint.loadSession(),await r(this.endpoint,this.templateId),this.loading=!1,this.name=i.template.name,this.dirty=!1}catch(o){console.log("[TEMPLATE NAME] Error loading template",o),this.loading=!1,null===(e=this.sdkError)||void 0===e||e.emit(new n(o.message,null===(a=o.response)||void 0===a?void 0:a.status,null===(t=o.response)||void 0===t?void 0:t.data))}}handleCancel(e){var a;e.stopPropagation(),this.name=i.template.name,this.dirty=!1,null===(a=this.close)||void 0===a||a.emit()}async handleSave(e){var a;e.stopPropagation(),await s(this.endpoint,this.templateId,{name:this.name}),i.template.name=this.name,this.dirty=!1,null===(a=this.close)||void 0===a||a.emit()}render(){return this.loading?t(o,{class:"loading"},t("verdocs-loader",null)):this.endpoint.session&&i.template?t(o,null,t("form",{onSubmit:e=>e.preventDefault(),onClick:e=>e.stopPropagation(),autocomplete:"off"},t("label",{htmlFor:"verdocs-template-name"},"Template Name"),t("verdocs-text-input",{id:"verdocs-template-name",value:this.name,autocomplete:"off",placeholder:"Template Name...",onInput:e=>{this.name=e.target.value,this.dirty=this.name!==i.template.name}}),t("div",{class:"buttons"},t("verdocs-button",{size:"small",variant:"outline",label:"Cancel",disabled:!this.dirty,onClick:e=>this.handleCancel(e)}),t("verdocs-button",{size:"small",label:"Save",disabled:!this.dirty,onClick:e=>this.handleSave(e)})))):t(o,{class:"empty"})}};m.style='verdocs-template-name{font-family:"Inter", -apple-system, "Segoe UI", "Roboto", "Helvetica Neue", sans-serif}verdocs-template-name.loading{min-height:300px;position:relative;display:block}verdocs-template-name.empty{display:none}verdocs-template-name form{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}verdocs-template-name form label{font-size:16px;font-weight:bold;color:#4c56cb;margin:0 0 20px 0}verdocs-template-name form input{border:none;font-size:18px;padding:3px 6px 3px 0;background:transparent;border-bottom:1px solid #33364b}verdocs-template-name form input:focus{outline:none}verdocs-template-name .buttons{display:-ms-flexbox;display:flex;-webkit-column-gap:8px;-moz-column-gap:8px;column-gap:8px;margin-top:16px;-ms-flex-direction:row;flex-direction:row}verdocs-template-name ::-webkit-input-placeholder{color:#aaaaaa}verdocs-template-name ::-moz-placeholder{color:#aaaaaa}verdocs-template-name :-ms-input-placeholder{color:#aaaaaa}verdocs-template-name ::-ms-input-placeholder{color:#aaaaaa}verdocs-template-name ::placeholder{color:#aaaaaa}';export{m as verdocs_template_name}

package/dist/verdocs-web-sdk/p-130fe919.system.entry.js

@@ -0,0 +1 @@
+System.register(["./p-97329951.system.js","./p-e12b7fbc.system.js"],(function(t){"use strict";var o,e,i,n;return{setters:[function(t){o=t.r;e=t.h;i=t.H},function(t){n=t.c}],execute:function(){var r='verdocs-help-icon{font-family:"Inter", -apple-system, "Segoe UI", "Roboto", "Helvetica Neue", sans-serif;display:inline-block;opacity:0.3}verdocs-help-icon:hover{opacity:1;cursor:none}verdocs-help-icon .icon{display:inline-block}verdocs-help-icon .icon svg{fill:#5c6575}verdocs-help-icon .tooltip{display:none;-webkit-box-shadow:0 0 10px 1px #999999;box-shadow:0 0 10px 1px #999999;background:#ffffff;color:#33364b;max-width:240px;font-weight:bold;position:relative;padding:5px 10px;font-size:13px;border-radius:4px;z-index:10000}verdocs-help-icon .tooltip .arrow,verdocs-help-icon .tooltip .arrow::before{position:absolute;width:8px;height:8px;background:inherit}verdocs-help-icon .tooltip .arrow{visibility:hidden;top:-4px}verdocs-help-icon .tooltip .arrow::before{visibility:visible;content:"";-webkit-transform:rotate(45deg);transform:rotate(45deg)}verdocs-help-icon .tooltip[data-show]{display:block}verdocs-help-icon .tooltip[data-popper-placement^=top]>.arrow{bottom:-4px}verdocs-help-icon .tooltip[data-popper-placement^=bottom]>.arrow{top:-4px}verdocs-help-icon .tooltip[data-popper-placement^=left]>.arrow{right:-4px}verdocs-help-icon .tooltip[data-popper-placement^=right]>.arrow{left:-4px}';var p='<svg xmlns="http://www.w3.org/2000/svg" height="24" width="24"><path d="M11.925 18q.55 0 .938-.387.387-.388.387-.938 0-.55-.387-.925-.388-.375-.938-.375-.55 0-.925.375t-.375.925q0 .55.375.938.375.387.925.387Zm-.95-3.85h1.95q0-.8.2-1.287.2-.488 1.025-1.288.65-.625 1.025-1.213.375-.587.375-1.437 0-1.425-1.025-2.175Q13.5 6 12.1 6q-1.425 0-2.35.775t-1.275 1.85l1.775.7q.125-.45.55-.975.425-.525 1.275-.525.725 0 1.1.412.375.413.375.888 0 .475-.287.9-.288.425-.713.775-1.075.95-1.325 1.475-.25.525-.25 1.875ZM12 22.2q-2.125 0-3.988-.8-1.862-.8-3.237-2.175Q3.4 17.85 2.6 15.988 1.8 14.125 1.8 12t.8-3.988q.8-1.862 2.175-3.237Q6.15 3.4 8.012 2.6 9.875 1.8 12 1.8t3.988.8q1.862.8 3.237 2.175Q20.6 6.15 21.4 8.012q.8 1.863.8 3.988t-.8 3.988q-.8 1.862-2.175 3.237Q17.85 20.6 15.988 21.4q-1.863.8-3.988.8Zm0-2.275q3.325 0 5.625-2.3t2.3-5.625q0-3.325-2.3-5.625T12 4.075q-3.325 0-5.625 2.3T4.075 12q0 3.325 2.3 5.625t5.625 2.3ZM12 12Z"/></svg>';var a=t("verdocs_help_icon",function(){function t(t){o(this,t);this.text="";this.containerId="verdocs-help-icon-".concat(Math.random().toString(36).substring(2,11))}t.prototype.componentDidLoad=function(){this.popperInstance=n(this.icon,this.tooltip,{})};t.prototype.disconnectedCallback=function(){if(this.popperInstance){this.popperInstance.destroy();this.popperInstance=null}};t.prototype.show=function(){var t,o;(t=this.tooltip)===null||t===void 0?void 0:t.setAttribute("data-show","");(o=this.popperInstance)===null||o===void 0?void 0:o.update().catch((function(){}))};t.prototype.hide=function(){var t;(t=this.tooltip)===null||t===void 0?void 0:t.removeAttribute("data-show")};t.prototype.render=function(){var t=this;return e(i,{class:{}},e("div",{"aria-describedby":this.containerId,class:"icon",innerHTML:p,onMouseEnter:function(){return t.show()},onFocus:function(){return t.show()},onMouseLeave:function(){return t.hide()},onBlur:function(){return t.hide()},ref:function(o){return t.icon=o}}),e("div",{id:this.containerId,role:"tooltip",class:"tooltip","data-popper-placement":"bottom",ref:function(o){return t.tooltip=o}},this.text,e("div",{"data-popper-arrow":"true",class:"arrow"})))};return t}());a.style=r;var s='verdocs-text-input{font-family:"Barlow", sans-serif;-webkit-box-sizing:border-box;box-sizing:border-box;margin:0 0 10px 0;display:block}verdocs-text-input .input-element{-webkit-box-sizing:border-box;box-sizing:border-box;border:1px solid #707ae5;border-radius:4px;background:#ffffff;color:#000;width:100%;font-size:16px;height:28px;padding:4px 12px;outline:none}verdocs-text-input .input-element:disabled{border:1px solid #aeb4bf;background:#f5f5fa}verdocs-text-input .input-element::-webkit-input-placeholder{color:#aaaaaa;opacity:1}verdocs-text-input .input-element::-moz-placeholder{color:#aaaaaa;opacity:1}verdocs-text-input .input-element:-ms-input-placeholder{color:#aaaaaa;opacity:1}verdocs-text-input .input-element::-ms-input-placeholder{color:#aaaaaa;opacity:1}verdocs-text-input .input-element::placeholder{color:#aaaaaa;opacity:1}verdocs-text-input .input-element:focus{outline:1px solid #7d88ff}verdocs-text-input .input-label{display:block;color:#555570;font-weight:700;font-size:14px;margin:0 0 4px 0}verdocs-text-input [data-lastpass-icon-root]{display:none !important}';var l=t("verdocs_text_input",function(){function t(t){o(this,t);this.value="";this.label="";this.placeholder="";this.autocomplete="";this.helpText="";this.type="text";this.disabled=false}t.prototype.render=function(){return e(i,{class:"input-field"},e("label",null,this.label?e("div",{class:"input-label"},this.label+":"):e("div",null),e("input",{type:this.type,value:this.value,class:"input-element","data-lpignore":"true",disabled:this.disabled,placeholder:this.placeholder,autoComplete:this.autocomplete}),this.helpText&&e("verdocs-help-icon",{text:this.helpText})))};return t}());l.style=s}}}));

package/dist/verdocs-web-sdk/p-15aef735.entry.js

@@ -0,0 +1 @@
+import{r as e,c as t,h as i,H as s}from"./p-ff1278ed.js";import{u as o,d as l}from"./p-ffe60abd.js";import{V as r,T as n}from"./p-2d4712ea.js";import{s as a}from"./p-87749601.js";import{l as d}from"./p-848e555d.js";import{S as p}from"./p-7a1b2643.js";import{u as c}from"./p-b28ef4bb.js";import"./p-21603661.js";import"./p-5ea05a1d.js";import"./p-7291906c.js";const h=class{constructor(i){e(this,i),this.close=t(this,"close",7),this.delete=t(this,"delete",7),this.sdkError=t(this,"sdkError",7),this.endpoint=r.getDefault(),this.templateId="",this.roleName="",this.sender=n.EVERYONE,this.dirty=!1,this.saving=!1,this.name="",this.type="signer",this.fullName="",this.email="",this.phone="",this.allowDelegation=!1}async componentWillLoad(){var e,t,i,s,o,l;try{if(this.endpoint.loadSession(),!this.templateId)return void console.log(`[TEMPLATE ROLE PROPERTIES] Missing required template ID ${this.templateId}`);if(!this.endpoint.session)return void console.log("[TEMPLATE ROLE PROPERTIES] Unable to start builder session, must be authenticated");try{console.log(`[TEMPLATE ROLE PROPERTIES] Loading template ${this.templateId}`,this.endpoint.session),await d(this.endpoint,this.templateId)}catch(s){console.log("[TEMPLATE ROLE PROPERTIES] Error loading template",s),null===(e=this.sdkError)||void 0===e||e.emit(new p(s.message,null===(t=s.response)||void 0===t?void 0:t.status,null===(i=s.response)||void 0===i?void 0:i.data))}const s=a.template.roles.find((e=>e.name===this.roleName));s&&(this.name=s.name,this.type=s.type,this.fullName=s.full_name,this.email=s.email,this.phone=s.phone,this.allowDelegation=s.delegator,console.log("Got role",s))}catch(e){console.log("[TEMPLATE ROLE PROPERTIES] Error with preview session",e),null===(s=this.sdkError)||void 0===s||s.emit(new p(e.message,null===(o=e.response)||void 0===o?void 0:o.status,null===(l=e.response)||void 0===l?void 0:l.data))}}handleCancel(e){var t;e.stopPropagation(),this.name=a.template.name,this.dirty=!1,null===(t=this.close)||void 0===t||t.emit()}async handleSave(e){e.stopPropagation(),this.saving=!0,o(this.endpoint,this.templateId,this.roleName,{name:this.name,type:this.type,full_name:this.fullName,email:this.email,phone:this.phone,delegator:this.allowDelegation}).then((e=>{var t;console.log("Update result",e),this.saving=!1,this.dirty=!1,a.template.roles.forEach((e=>{e.name===this.roleName&&(e.name=this.name,e.type=this.type,e.full_name=this.fullName,e.email=this.email,e.phone=this.phone,e.delegator=this.allowDelegation)})),null===(t=this.close)||void 0===t||t.emit()})).catch((e=>{console.log("Uopdate error",e),this.saving=!1}))}async handleDelete(e){e.stopPropagation(),window.confirm("Are you sure you wish to remove this role? All associated fields will be removed as well. This action cannot be undone.")&&l(this.endpoint,this.templateId,this.roleName).then((e=>{var t;console.log("Role deleted",e),a.template.roles=[...a.template.roles.filter((e=>e.name!==this.roleName))],null===(t=this.delete)||void 0===t||t.emit({templateId:this.templateId,roleName:this.roleName})})).catch((e=>{console.log("Deletion error",e)}))}render(){return i(s,null,i("div",{class:"background-overlay",onClick:e=>this.handleCancel(e)},i("div",{class:"dialog"},i("form",{onSubmit:e=>e.preventDefault(),onClick:e=>e.stopPropagation(),autocomplete:"off"},i("verdocs-text-input",{id:"verdocs-recipient-name",label:"Role Name",value:this.name,autocomplete:"off",helpText:"A unique name to identify the role in the workflow. Submitted data will also be tagged with this value.",placeholder:"Template Name...",onInput:e=>{this.name=e.target.value,this.dirty=!0}}),i("div",{class:"row"},i("div",{class:"input-label"},"Type:"),i("verdocs-select-input",{value:this.type,options:[{label:"Signer",value:"signer"},{label:"CC",value:"cc"},{label:"Approver",value:"approver"}],onInput:e=>{this.type=e.target.value,this.dirty=!0}}),i("verdocs-help-icon",{text:"Most participants are Signers. CC roles are notified when documents are signed, but have no other actions. Approvers get notified when signing is completed to perform a final review."})),i("verdocs-text-input",{id:"verdocs-recipient-email",label:"Full Name",value:this.fullName,autocomplete:"off",helpText:"The recipient's full name, if it will always stay the same. Leave blank to supply this value later, when each new envelope is created from the template.",placeholder:"Full Name...",onInput:e=>{this.fullName=e.target.value,this.dirty=!0}}),i("verdocs-text-input",{id:"verdocs-recipient-email",label:"Email",value:this.email,autocomplete:"off",helpText:"The recipient's email address, if it will always stay the same. Leave blank to supply this value later, when each new envelope is created from the template.",placeholder:"Email Address...",onInput:e=>{this.email=e.target.value,this.dirty=!0}}),i("verdocs-text-input",{id:"verdocs-recipient-phone",label:"Phone",value:this.phone,autocomplete:"off",helpText:"The recipient's phone number, if it will always stay the same. Leave blank to supply this value later, when each new envelope is created from the template.",placeholder:"Phone Number...",onInput:e=>{this.phone=e.target.value,this.dirty=!0}}),i("div",{class:"row"},i("div",{class:"input-label"},"May Delegate:"),i("div",{class:"checkbox-wrapper"},i("verdocs-checkbox",{checked:this.allowDelegation,onInput:e=>{this.allowDelegation=e.target.checked,this.dirty=!0}})),i("verdocs-help-icon",{text:"If enabled, this recipient may delegate their actions to another individual."})),i("div",{class:"buttons"},i("button",{class:"delete-button",disabled:this.dirty,onClick:e=>this.handleDelete(e),innerHTML:'<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="#a50021"><path stroke-linecap="round" stroke-linejoin="round" d="M14.74 9l-.346 9m-4.788 0L9.26 9m9.968-3.21c.342.052.682.107 1.022.166m-1.022-.165L18.16 19.673a2.25 2.25 0 01-2.244 2.077H8.084a2.25 2.25 0 01-2.244-2.077L4.772 5.79m14.456 0a48.108 48.108 0 00-3.478-.397m-12 .562c.34-.059.68-.114 1.022-.165m0 0a48.11 48.11 0 013.478-.397m7.5 0v-.916c0-1.18-.91-2.164-2.09-2.201a51.964 51.964 0 00-3.32 0c-1.18.037-2.09 1.022-2.09 2.201v.916m7.5 0a48.667 48.667 0 00-7.5 0" /></svg>'}),i("div",{style:{flex:"1"}}),i("verdocs-button",{size:"small",variant:"outline",label:"Cancel",disabled:!this.dirty,onClick:e=>this.handleCancel(e)}),i("verdocs-button",{size:"small",label:"Save",disabled:!this.dirty,onClick:e=>this.handleSave(e)}))))))}};h.style='verdocs-template-role-properties{font-family:"Barlow", sans-serif;-webkit-box-sizing:border-box;box-sizing:border-box}verdocs-template-role-properties div{-webkit-box-sizing:border-box;box-sizing:border-box}verdocs-template-role-properties .background-overlay{position:absolute;z-index:10000;top:0;left:0;right:0;bottom:0;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;background:#0000007f}verdocs-template-role-properties .dialog{width:340px;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;border-radius:4px;overflow:hidden;background:#ffffff;padding:16px;-webkit-box-shadow:3px 3px 5px 1px rgba(40, 40, 40, 0.4);box-shadow:3px 3px 5px 1px rgba(40, 40, 40, 0.4)}verdocs-template-role-properties .heading{display:-ms-flexbox;display:flex;font-size:20px;font-weight:500;-ms-flex-direction:row;flex-direction:row}verdocs-template-role-properties .buttons{display:-ms-flexbox;display:flex;margin-top:10px;-ms-flex-align:center;align-items:center;-ms-flex-direction:row;flex-direction:row;-ms-flex-pack:end;justify-content:flex-end}verdocs-template-role-properties .buttons verdocs-button{margin-left:16px}verdocs-template-role-properties form .row{display:-ms-flexbox;display:flex;-webkit-column-gap:15px;-moz-column-gap:15px;column-gap:15px;margin:0 0 10px 0;-ms-flex-align:center;align-items:center;-ms-flex-direction:row;flex-direction:row}verdocs-template-role-properties form .row .input-label{display:block;color:#555570;font-weight:700;font-size:14px;margin:0 0 4px 0;-ms-flex:0 0 100px;flex:0 0 100px}verdocs-template-role-properties verdocs-select-input{-ms-flex:1;flex:1;margin:0}verdocs-template-role-properties verdocs-text-input{margin:0 0 10px 0}verdocs-template-role-properties verdocs-text-input label{margin:0;display:-ms-flexbox;display:flex;-webkit-column-gap:15px;-moz-column-gap:15px;column-gap:15px;-ms-flex-align:center;align-items:center;-ms-flex-direction:row;flex-direction:row}verdocs-template-role-properties verdocs-text-input .input-label{-ms-flex:0 0 100px;flex:0 0 100px}verdocs-template-role-properties verdocs-text-input input{-ms-flex:1;flex:1;display:-ms-flexbox;display:flex}verdocs-template-role-properties verdocs-text-input verdocs-text-input{margin:0}verdocs-template-role-properties .checkbox-wrapper{-ms-flex:1;flex:1;display:-ms-flexbox;display:flex}verdocs-template-role-properties .delete-button{height:34px;display:-ms-flexbox;display:flex;cursor:pointer;background:none;border-radius:4px;-ms-flex-align:center;align-items:center;border:1px solid #999;-ms-flex-pack:center;justify-content:center}verdocs-template-role-properties .delete-button:active{background:#f3f3f3}verdocs-template-role-properties .delete-button svg{width:24px;height:24px}';const m=class{constructor(i){e(this,i),this.close=t(this,"close",7),this.sdkError=t(this,"sdkError",7),this.endpoint=r.getDefault(),this.templateId="",this.sender=n.EVERYONE,this.saving=!1}async componentWillLoad(){var e,t,i,s,o,l;try{if(this.endpoint.loadSession(),!this.templateId)return void console.log(`[TEMPLATE SENDER] Missing required template ID ${this.templateId}`);if(!this.endpoint.session)return void console.log("[TEMPLATE SENDER] Unable to start builder session, must be authenticated");try{console.log(`[TEMPLATE SENDER] Loading template ${this.templateId}`,this.endpoint.session),await d(this.endpoint,this.templateId)}catch(s){console.log("[TEMPLATE SENDER] Error loading template",s),null===(e=this.sdkError)||void 0===e||e.emit(new p(s.message,null===(t=s.response)||void 0===t?void 0:t.status,null===(i=s.response)||void 0===i?void 0:i.data))}this.sender=a.template.sender,console.log("s",this.sender)}catch(e){console.log("[TEMPLATE SENDER] Error with preview session",e),null===(s=this.sdkError)||void 0===s||s.emit(new p(e.message,null===(o=e.response)||void 0===o?void 0:o.status,null===(l=e.response)||void 0===l?void 0:l.data))}}handleClose(){this.close.emit()}handleDismiss(e){"background-overlay"===e.target.className&&(e.preventDefault(),this.handleClose())}async handleSelectSetting(e){this.saving=!0,c(this.endpoint,this.templateId,{sender:e}).then((t=>{console.log("Update result",t),a.template.sender=e,this.saving=!1,this.sender=e})).catch((e=>{console.log("Error saving",e),this.saving=!1}))}render(){return i(s,null,i("div",{class:"background-overlay",onClick:e=>this.handleDismiss(e)},i("div",{class:"dialog"},i("div",{class:"options"},i("div",{class:"option"},i("verdocs-radio-button",{name:"template-sender",value:n.EVERYONE,checked:this.sender===n.EVERYONE,onInput:()=>this.handleSelectSetting(n.EVERYONE)}),i("div",{class:"description"},i("div",{class:"name"},"Anyone on the Web"),i("verdocs-help-icon",{text:"Anyone can use this template. (Make its visibility is set to to 'Public' or 'Shared'.)"}))),i("div",{class:"option"},i("verdocs-radio-button",{name:"template-sender",value:n.EVERYONE_AS_CREATOR,checked:this.sender===n.EVERYONE_AS_CREATOR,onInput:()=>this.handleSelectSetting(n.EVERYONE_AS_CREATOR)}),i("div",{class:"description"},i("div",{class:"name"},"Anyone on the Web as me"),i("verdocs-help-icon",{text:"Anyone can use this template on my behalf. (Make sure its visibility is set to 'Public' or 'Shared'.)"}))),i("div",{class:"option"},i("verdocs-radio-button",{name:"template-sender",value:n.ORGANIZATION_MEMBER,checked:this.sender===n.ORGANIZATION_MEMBER,onInput:()=>this.handleSelectSetting(n.ORGANIZATION_MEMBER)}),i("div",{class:"description"},i("div",{class:"name"},"Anyone in my organization"),i("verdocs-help-icon",{text:"Anyone in my organization can use this template. (Make sure its visibility is set to 'Shared')"}))),i("div",{class:"option"},i("verdocs-radio-button",{name:"template-sender",value:n.ORGANIZATION_MEMBER_AS_CREATOR,checked:this.sender===n.ORGANIZATION_MEMBER_AS_CREATOR,onInput:()=>this.handleSelectSetting(n.ORGANIZATION_MEMBER_AS_CREATOR)}),i("div",{class:"description"},i("div",{class:"name"},"Anyone in my organization as me"),i("verdocs-help-icon",{text:"Anyone in my organization can use this template on my behalf. (Make sure its visibility is set to to 'Shared'.)"}))),i("div",{class:"option"},i("verdocs-radio-button",{name:"template-sender",value:n.CREATOR,checked:this.sender===n.CREATOR,onInput:()=>this.handleSelectSetting(n.CREATOR)}),i("div",{class:"description"},i("div",{class:"name"},"Me"),i("verdocs-help-icon",{text:"Only I can use this template."})))),i("div",{class:"buttons"},i("verdocs-button",{label:"Close",onClick:()=>this.handleClose()})))))}};m.style='verdocs-template-sender{font-family:"Barlow", sans-serif;-webkit-box-sizing:border-box;box-sizing:border-box}verdocs-template-sender div{-webkit-box-sizing:border-box;box-sizing:border-box}verdocs-template-sender .background-overlay{position:absolute;z-index:10000;top:0;left:0;right:0;bottom:0;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;background:#0000007f}verdocs-template-sender .dialog{width:340px;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;border-radius:4px;overflow:hidden;background:#ffffff;padding:16px;-webkit-box-shadow:3px 3px 5px 1px rgba(40, 40, 40, 0.4);box-shadow:3px 3px 5px 1px rgba(40, 40, 40, 0.4)}verdocs-template-sender .heading{display:-ms-flexbox;display:flex;font-size:20px;font-weight:500;-ms-flex-direction:row;flex-direction:row}verdocs-template-sender .buttons{display:-ms-flexbox;display:flex;margin-top:10px;-ms-flex-align:center;align-items:center;-ms-flex-direction:row;flex-direction:row;-ms-flex-pack:end;justify-content:flex-end}verdocs-template-sender .buttons verdocs-button{margin-left:16px}verdocs-template-sender .options{row-gap:10px}verdocs-template-sender .options .option{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row}verdocs-template-sender .options .option .description{margin-left:10px}verdocs-template-sender .options .option .description .name{display:inline-block;vertical-align:top;margin-top:4px;margin-right:4px}';export{h as verdocs_template_role_properties,m as verdocs_template_sender}