@verdocs/web-sdk 4.1.14 → 4.1.16

package/dist/types/components.d.ts

@@ -5,7 +5,7 @@
  * It contains typing information for all components that exist in this project.
  */
 import { HTMLStencilElement, JSXBase } from "./stencil-public-runtime";
-import { IActivityEntry, ICreateEnvelopeRole, IEnvelope, IEnvelopeSummary, IFileWithData, IGetTemplateSummarySortBy, IOrganization, IProfile, IRole, ITemplate, ITemplateField, ITemplateFieldSetting, TEnvelopeStatus, TRecipientStatus, TTemplateSenderType, VerdocsEndpoint } from "@verdocs/js-sdk";
+import { IActivityEntry, ICreateEnvelopeRole, IEnvelope, IEnvelopeSummary, IFileWithData, IGetTemplateSummarySortBy, IOrganization, IRole, ITemplate, ITemplateField, ITemplateFieldSetting, TEnvelopeStatus, TRecipientStatus, TTemplateSenderType, VerdocsEndpoint } from "@verdocs/js-sdk";
 import { SDKError } from "./utils/errors";
 import { IAuthStatus } from "./components/embeds/verdocs-auth/verdocs-auth";
 import { TVerdocsBuildStep } from "./components/embeds/verdocs-build/verdocs-build";
@@ -22,7 +22,7 @@ import { TVerdocsBuildStep as TVerdocsBuildStep1 } from "./components/templates/
 import { TAllowedTemplateAction } from "./components/templates/verdocs-templates-list/verdocs-templates-list";
 import { IToggleIconButtons } from "./components/controls/verdocs-toggle/verdocs-toggle";
 import { Placement } from "@popperjs/core/lib/enums";
-export { IActivityEntry, ICreateEnvelopeRole, IEnvelope, IEnvelopeSummary, IFileWithData, IGetTemplateSummarySortBy, IOrganization, IProfile, IRole, ITemplate, ITemplateField, ITemplateFieldSetting, TEnvelopeStatus, TRecipientStatus, TTemplateSenderType, VerdocsEndpoint } from "@verdocs/js-sdk";
+export { IActivityEntry, ICreateEnvelopeRole, IEnvelope, IEnvelopeSummary, IFileWithData, IGetTemplateSummarySortBy, IOrganization, IRole, ITemplate, ITemplateField, ITemplateFieldSetting, TEnvelopeStatus, TRecipientStatus, TTemplateSenderType, VerdocsEndpoint } from "@verdocs/js-sdk";
 export { SDKError } from "./utils/errors";
 export { IAuthStatus } from "./components/embeds/verdocs-auth/verdocs-auth";
 export { TVerdocsBuildStep } from "./components/embeds/verdocs-build/verdocs-build";
@@ -1294,56 +1294,6 @@ export namespace Components {
          */
         "templateId": string | null;
     }
-    /**
-     * Display a template preview experience. This will display the template's attached
-     * documents with signing fields overlaid on each page. Fields will be color-coded
-     * by recipient, and will be read-only (cannot be filled, moved, or altered).
-     * ```ts
-     * <verdocs-settings />
-     * ```
-     */
-    interface VerdocsSettings {
-        /**
-          * The endpoint to use to communicate with Verdocs. If not set, the default endpoint will be used.
-         */
-        "endpoint": VerdocsEndpoint;
-    }
-    /**
-     * Displays a settings form that allows the user to manage their API keys.
-     */
-    interface VerdocsSettingsApiKeys {
-        /**
-          * The endpoint to use to communicate with Verdocs. If not set, the default endpoint will be used.
-         */
-        "endpoint": VerdocsEndpoint;
-    }
-    /**
-     * Displays a settings form that allows the user to manage their Verdocs profile.
-     */
-    interface VerdocsSettingsMembers {
-        /**
-          * The endpoint to use to communicate with Verdocs. If not set, the default endpoint will be used.
-         */
-        "endpoint": VerdocsEndpoint;
-    }
-    /**
-     * Displays a settings form that allows the user to manage their Verdocs profile.
-     */
-    interface VerdocsSettingsOrganization {
-        /**
-          * The endpoint to use to communicate with Verdocs. If not set, the default endpoint will be used.
-         */
-        "endpoint": VerdocsEndpoint;
-    }
-    /**
-     * Displays a settings form that allows the user to manage their Verdocs profile.
-     */
-    interface VerdocsSettingsProfile {
-        /**
-          * The endpoint to use to communicate with Verdocs. If not set, the default endpoint will be used.
-         */
-        "endpoint": VerdocsEndpoint;
-    }
     /**
      * Display an envelope signing experience. This will display the envelope's attached
      * documents with signing fields overlaid on each page.
@@ -2009,26 +1959,6 @@ export interface VerdocsSendCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLVerdocsSendElement;
 }
-export interface VerdocsSettingsCustomEvent<T> extends CustomEvent<T> {
-    detail: T;
-    target: HTMLVerdocsSettingsElement;
-}
-export interface VerdocsSettingsApiKeysCustomEvent<T> extends CustomEvent<T> {
-    detail: T;
-    target: HTMLVerdocsSettingsApiKeysElement;
-}
-export interface VerdocsSettingsMembersCustomEvent<T> extends CustomEvent<T> {
-    detail: T;
-    target: HTMLVerdocsSettingsMembersElement;
-}
-export interface VerdocsSettingsOrganizationCustomEvent<T> extends CustomEvent<T> {
-    detail: T;
-    target: HTMLVerdocsSettingsOrganizationElement;
-}
-export interface VerdocsSettingsProfileCustomEvent<T> extends CustomEvent<T> {
-    detail: T;
-    target: HTMLVerdocsSettingsProfileElement;
-}
 export interface VerdocsSignCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLVerdocsSignElement;
@@ -3090,119 +3020,6 @@ declare global {
         prototype: HTMLVerdocsSendElement;
         new (): HTMLVerdocsSendElement;
     };
-    interface HTMLVerdocsSettingsElementEventMap {
-        "sdkError": SDKError;
-    }
-    /**
-     * Display a template preview experience. This will display the template's attached
-     * documents with signing fields overlaid on each page. Fields will be color-coded
-     * by recipient, and will be read-only (cannot be filled, moved, or altered).
-     * ```ts
-     * <verdocs-settings />
-     * ```
-     */
-    interface HTMLVerdocsSettingsElement extends Components.VerdocsSettings, HTMLStencilElement {
-        addEventListener<K extends keyof HTMLVerdocsSettingsElementEventMap>(type: K, listener: (this: HTMLVerdocsSettingsElement, ev: VerdocsSettingsCustomEvent<HTMLVerdocsSettingsElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
-        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
-        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
-        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
-        removeEventListener<K extends keyof HTMLVerdocsSettingsElementEventMap>(type: K, listener: (this: HTMLVerdocsSettingsElement, ev: VerdocsSettingsCustomEvent<HTMLVerdocsSettingsElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
-        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
-        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
-        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
-    }
-    var HTMLVerdocsSettingsElement: {
-        prototype: HTMLVerdocsSettingsElement;
-        new (): HTMLVerdocsSettingsElement;
-    };
-    interface HTMLVerdocsSettingsApiKeysElementEventMap {
-        "sdkError": SDKError;
-        "memberInvited": {endpoint: VerdocsEndpoint; member: IProfile};
-        "memberUpdated": {endpoint: VerdocsEndpoint; member: IProfile};
-        "memberRemoved": {endpoint: VerdocsEndpoint; member: IProfile};
-    }
-    /**
-     * Displays a settings form that allows the user to manage their API keys.
-     */
-    interface HTMLVerdocsSettingsApiKeysElement extends Components.VerdocsSettingsApiKeys, HTMLStencilElement {
-        addEventListener<K extends keyof HTMLVerdocsSettingsApiKeysElementEventMap>(type: K, listener: (this: HTMLVerdocsSettingsApiKeysElement, ev: VerdocsSettingsApiKeysCustomEvent<HTMLVerdocsSettingsApiKeysElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
-        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
-        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
-        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
-        removeEventListener<K extends keyof HTMLVerdocsSettingsApiKeysElementEventMap>(type: K, listener: (this: HTMLVerdocsSettingsApiKeysElement, ev: VerdocsSettingsApiKeysCustomEvent<HTMLVerdocsSettingsApiKeysElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
-        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
-        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
-        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
-    }
-    var HTMLVerdocsSettingsApiKeysElement: {
-        prototype: HTMLVerdocsSettingsApiKeysElement;
-        new (): HTMLVerdocsSettingsApiKeysElement;
-    };
-    interface HTMLVerdocsSettingsMembersElementEventMap {
-        "sdkError": SDKError;
-        "memberInvited": {endpoint: VerdocsEndpoint; member: IProfile};
-        "memberUpdated": {endpoint: VerdocsEndpoint; member: IProfile};
-        "memberRemoved": {endpoint: VerdocsEndpoint; member: IProfile};
-    }
-    /**
-     * Displays a settings form that allows the user to manage their Verdocs profile.
-     */
-    interface HTMLVerdocsSettingsMembersElement extends Components.VerdocsSettingsMembers, HTMLStencilElement {
-        addEventListener<K extends keyof HTMLVerdocsSettingsMembersElementEventMap>(type: K, listener: (this: HTMLVerdocsSettingsMembersElement, ev: VerdocsSettingsMembersCustomEvent<HTMLVerdocsSettingsMembersElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
-        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
-        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
-        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
-        removeEventListener<K extends keyof HTMLVerdocsSettingsMembersElementEventMap>(type: K, listener: (this: HTMLVerdocsSettingsMembersElement, ev: VerdocsSettingsMembersCustomEvent<HTMLVerdocsSettingsMembersElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
-        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
-        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
-        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
-    }
-    var HTMLVerdocsSettingsMembersElement: {
-        prototype: HTMLVerdocsSettingsMembersElement;
-        new (): HTMLVerdocsSettingsMembersElement;
-    };
-    interface HTMLVerdocsSettingsOrganizationElementEventMap {
-        "sdkError": SDKError;
-        "organizationUpdated": {endpoint: VerdocsEndpoint; organization: IOrganization};
-    }
-    /**
-     * Displays a settings form that allows the user to manage their Verdocs profile.
-     */
-    interface HTMLVerdocsSettingsOrganizationElement extends Components.VerdocsSettingsOrganization, HTMLStencilElement {
-        addEventListener<K extends keyof HTMLVerdocsSettingsOrganizationElementEventMap>(type: K, listener: (this: HTMLVerdocsSettingsOrganizationElement, ev: VerdocsSettingsOrganizationCustomEvent<HTMLVerdocsSettingsOrganizationElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
-        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
-        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
-        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
-        removeEventListener<K extends keyof HTMLVerdocsSettingsOrganizationElementEventMap>(type: K, listener: (this: HTMLVerdocsSettingsOrganizationElement, ev: VerdocsSettingsOrganizationCustomEvent<HTMLVerdocsSettingsOrganizationElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
-        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
-        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
-        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
-    }
-    var HTMLVerdocsSettingsOrganizationElement: {
-        prototype: HTMLVerdocsSettingsOrganizationElement;
-        new (): HTMLVerdocsSettingsOrganizationElement;
-    };
-    interface HTMLVerdocsSettingsProfileElementEventMap {
-        "sdkError": SDKError;
-        "profileUpdated": {endpoint: VerdocsEndpoint; profile: IProfile};
-    }
-    /**
-     * Displays a settings form that allows the user to manage their Verdocs profile.
-     */
-    interface HTMLVerdocsSettingsProfileElement extends Components.VerdocsSettingsProfile, HTMLStencilElement {
-        addEventListener<K extends keyof HTMLVerdocsSettingsProfileElementEventMap>(type: K, listener: (this: HTMLVerdocsSettingsProfileElement, ev: VerdocsSettingsProfileCustomEvent<HTMLVerdocsSettingsProfileElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
-        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
-        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
-        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
-        removeEventListener<K extends keyof HTMLVerdocsSettingsProfileElementEventMap>(type: K, listener: (this: HTMLVerdocsSettingsProfileElement, ev: VerdocsSettingsProfileCustomEvent<HTMLVerdocsSettingsProfileElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
-        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
-        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
-        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
-    }
-    var HTMLVerdocsSettingsProfileElement: {
-        prototype: HTMLVerdocsSettingsProfileElement;
-        new (): HTMLVerdocsSettingsProfileElement;
-    };
     interface HTMLVerdocsSignElementEventMap {
         "sdkError": SDKError;
         "envelopeLoaded": {endpoint: VerdocsEndpoint; envelope: IEnvelope};
@@ -3824,11 +3641,6 @@ declare global {
         "verdocs-search-tabs": HTMLVerdocsSearchTabsElement;
         "verdocs-select-input": HTMLVerdocsSelectInputElement;
         "verdocs-send": HTMLVerdocsSendElement;
-        "verdocs-settings": HTMLVerdocsSettingsElement;
-        "verdocs-settings-api-keys": HTMLVerdocsSettingsApiKeysElement;
-        "verdocs-settings-members": HTMLVerdocsSettingsMembersElement;
-        "verdocs-settings-organization": HTMLVerdocsSettingsOrganizationElement;
-        "verdocs-settings-profile": HTMLVerdocsSettingsProfileElement;
         "verdocs-sign": HTMLVerdocsSignElement;
         "verdocs-signature-dialog": HTMLVerdocsSignatureDialogElement;
         "verdocs-spinner": HTMLVerdocsSpinnerElement;
@@ -5419,108 +5231,6 @@ declare namespace LocalJSX {
          */
         "templateId"?: string | null;
     }
-    /**
-     * Display a template preview experience. This will display the template's attached
-     * documents with signing fields overlaid on each page. Fields will be color-coded
-     * by recipient, and will be read-only (cannot be filled, moved, or altered).
-     * ```ts
-     * <verdocs-settings />
-     * ```
-     */
-    interface VerdocsSettings {
-        /**
-          * The endpoint to use to communicate with Verdocs. If not set, the default endpoint will be used.
-         */
-        "endpoint"?: VerdocsEndpoint;
-        /**
-          * 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: VerdocsSettingsCustomEvent<SDKError>) => void;
-    }
-    /**
-     * Displays a settings form that allows the user to manage their API keys.
-     */
-    interface VerdocsSettingsApiKeys {
-        /**
-          * The endpoint to use to communicate with Verdocs. If not set, the default endpoint will be used.
-         */
-        "endpoint"?: VerdocsEndpoint;
-        /**
-          * Event fired when the user chooses to invite a new member.
-         */
-        "onMemberInvited"?: (event: VerdocsSettingsApiKeysCustomEvent<{endpoint: VerdocsEndpoint; member: IProfile}>) => void;
-        /**
-          * Event fired when the user chooses to invite a new member.
-         */
-        "onMemberRemoved"?: (event: VerdocsSettingsApiKeysCustomEvent<{endpoint: VerdocsEndpoint; member: IProfile}>) => void;
-        /**
-          * Event fired when the user chooses to invite a new member.
-         */
-        "onMemberUpdated"?: (event: VerdocsSettingsApiKeysCustomEvent<{endpoint: VerdocsEndpoint; member: IProfile}>) => 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: VerdocsSettingsApiKeysCustomEvent<SDKError>) => void;
-    }
-    /**
-     * Displays a settings form that allows the user to manage their Verdocs profile.
-     */
-    interface VerdocsSettingsMembers {
-        /**
-          * The endpoint to use to communicate with Verdocs. If not set, the default endpoint will be used.
-         */
-        "endpoint"?: VerdocsEndpoint;
-        /**
-          * Event fired when the user chooses to invite a new member.
-         */
-        "onMemberInvited"?: (event: VerdocsSettingsMembersCustomEvent<{endpoint: VerdocsEndpoint; member: IProfile}>) => void;
-        /**
-          * Event fired when the user chooses to invite a new member.
-         */
-        "onMemberRemoved"?: (event: VerdocsSettingsMembersCustomEvent<{endpoint: VerdocsEndpoint; member: IProfile}>) => void;
-        /**
-          * Event fired when the user chooses to invite a new member.
-         */
-        "onMemberUpdated"?: (event: VerdocsSettingsMembersCustomEvent<{endpoint: VerdocsEndpoint; member: IProfile}>) => 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: VerdocsSettingsMembersCustomEvent<SDKError>) => void;
-    }
-    /**
-     * Displays a settings form that allows the user to manage their Verdocs profile.
-     */
-    interface VerdocsSettingsOrganization {
-        /**
-          * The endpoint to use to communicate with Verdocs. If not set, the default endpoint will be used.
-         */
-        "endpoint"?: VerdocsEndpoint;
-        /**
-          * Event fired when the user chooses the Edit option from the dropdown menu.
-         */
-        "onOrganizationUpdated"?: (event: VerdocsSettingsOrganizationCustomEvent<{endpoint: VerdocsEndpoint; organization: IOrganization}>) => 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: VerdocsSettingsOrganizationCustomEvent<SDKError>) => void;
-    }
-    /**
-     * Displays a settings form that allows the user to manage their Verdocs profile.
-     */
-    interface VerdocsSettingsProfile {
-        /**
-          * The endpoint to use to communicate with Verdocs. If not set, the default endpoint will be used.
-         */
-        "endpoint"?: VerdocsEndpoint;
-        /**
-          * Event fired when the user chooses the Edit option from the dropdown menu.
-         */
-        "onProfileUpdated"?: (event: VerdocsSettingsProfileCustomEvent<{endpoint: VerdocsEndpoint; profile: IProfile}>) => 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: VerdocsSettingsProfileCustomEvent<SDKError>) => void;
-    }
     /**
      * Display an envelope signing experience. This will display the envelope's attached
      * documents with signing fields overlaid on each page.
@@ -6352,11 +6062,6 @@ declare namespace LocalJSX {
         "verdocs-search-tabs": VerdocsSearchTabs;
         "verdocs-select-input": VerdocsSelectInput;
         "verdocs-send": VerdocsSend;
-        "verdocs-settings": VerdocsSettings;
-        "verdocs-settings-api-keys": VerdocsSettingsApiKeys;
-        "verdocs-settings-members": VerdocsSettingsMembers;
-        "verdocs-settings-organization": VerdocsSettingsOrganization;
-        "verdocs-settings-profile": VerdocsSettingsProfile;
         "verdocs-sign": VerdocsSign;
         "verdocs-signature-dialog": VerdocsSignatureDialog;
         "verdocs-spinner": VerdocsSpinner;
@@ -6724,31 +6429,6 @@ declare module "@stencil/core" {
              * ```
              */
             "verdocs-send": LocalJSX.VerdocsSend & JSXBase.HTMLAttributes<HTMLVerdocsSendElement>;
-            /**
-             * Display a template preview experience. This will display the template's attached
-             * documents with signing fields overlaid on each page. Fields will be color-coded
-             * by recipient, and will be read-only (cannot be filled, moved, or altered).
-             * ```ts
-             * <verdocs-settings />
-             * ```
-             */
-            "verdocs-settings": LocalJSX.VerdocsSettings & JSXBase.HTMLAttributes<HTMLVerdocsSettingsElement>;
-            /**
-             * Displays a settings form that allows the user to manage their API keys.
-             */
-            "verdocs-settings-api-keys": LocalJSX.VerdocsSettingsApiKeys & JSXBase.HTMLAttributes<HTMLVerdocsSettingsApiKeysElement>;
-            /**
-             * Displays a settings form that allows the user to manage their Verdocs profile.
-             */
-            "verdocs-settings-members": LocalJSX.VerdocsSettingsMembers & JSXBase.HTMLAttributes<HTMLVerdocsSettingsMembersElement>;
-            /**
-             * Displays a settings form that allows the user to manage their Verdocs profile.
-             */
-            "verdocs-settings-organization": LocalJSX.VerdocsSettingsOrganization & JSXBase.HTMLAttributes<HTMLVerdocsSettingsOrganizationElement>;
-            /**
-             * Displays a settings form that allows the user to manage their Verdocs profile.
-             */
-            "verdocs-settings-profile": LocalJSX.VerdocsSettingsProfile & JSXBase.HTMLAttributes<HTMLVerdocsSettingsProfileElement>;
             /**
              * Display an envelope signing experience. This will display the envelope's attached
              * documents with signing fields overlaid on each page.

package/dist/verdocs-web-sdk/{p-5961ce51.entry.js → p-0d54abe5.entry.js}

@@ -1 +1 @@
-import{r as e,h as t,H as o,c as i}from"./p-73a6f972.js";import{VerdocsEndpoint as s,updateTemplateRole as a,deleteTemplateRole as r,updateTemplate as d}from"@verdocs/js-sdk";import{g as l,u as n,d as c}from"./p-316fc185.js";import{g as b}from"./p-f69d8d39.js";import{g as p}from"./p-9ec464df.js";import{S as f}from"./p-fd97809c.js";import"./p-00b37c9a.js";import"./p-f3b47dfc.js";const h=class{constructor(t){e(this,t),this.checked=!1,this.name="",this.value="",this.disabled=!1}render(){return t(o,{key:"635ebb3b00a1ba9596addcc8722c0897c67ccefc",class:{disabled:this.disabled}},t("input",{key:"c3ec421823ccb3e8f587b535ba8e23f7069f4a61",type:"radio",value:this.value,name:this.name,id:`verdocs-radio-button-${this.name}-${this.value}`,checked:this.checked,disabled:this.disabled}),t("label",{key:"80b453e62ed979c5f7ee73303d5dc43464b21289",htmlFor:`verdocs-radio-button-${this.name}-${this.value}`}))}};h.style='@-webkit-keyframes verdocs-field-pulse{0%{background-color:rgba(0, 0, 0, 0.35)}50%{background-color:rgba(0, 0, 0, 0)}100%{background-color:rgba(0, 0, 0, 0.35)}}@keyframes verdocs-field-pulse{0%{background-color:rgba(0, 0, 0, 0.35)}50%{background-color:rgba(0, 0, 0, 0)}100%{background-color:rgba(0, 0, 0, 0.35)}}verdocs-radio-button{font-family:"Inter", -apple-system, "Segoe UI", "Roboto", "Helvetica Neue", sans-serif;width:20px;height:20px;display:block;font-size:11px;position:relative;background-color:transparent;-webkit-transform-origin:bottom left;transform-origin:bottom left;border-radius:100%}verdocs-radio-button.disabled{opacity:0.5}verdocs-radio-button input[type=radio]{position:absolute;opacity:0}verdocs-radio-button input[type=radio]+label:before{content:"";background:#f5f5fa;border-radius:100%;border:1px solid rgba(0, 0, 0, 0.6);display:inline-block;width:16px;height:16px;position:absolute;left:1px;top:1px;cursor:pointer;text-align:center;-webkit-transition:all 250ms ease;transition:all 250ms ease}verdocs-radio-button input[type=radio]:checked+label:before{background-color:#55bc81;-webkit-box-shadow:inset 0 0 0 2px #f5f5fa;box-shadow:inset 0 0 0 2px #f5f5fa}verdocs-radio-button input[type=radio]:focus+label:before{outline:none;border-color:#55bc81}verdocs-radio-button input[type=radio]:disabled+label:before{-webkit-box-shadow:inset 0 0 0 4px #f5f5fa;box-shadow:inset 0 0 0 4px #f5f5fa;border-color:#a0a0d0;background:#a0a0d0}verdocs-radio-button input[type=radio]+label:empty:before{margin-right:0}verdocs-radio-button.required input[type=radio]+label:before{border:1px solid #cc0000}verdocs-radio-button.hide{display:none}verdocs-radio-button.focused{-webkit-animation:verdocs-field-pulse 0.75s 2;animation:verdocs-field-pulse 0.75s 2}';const m=class{constructor(t){e(this,t),this.close=i(this,"close",7),this.delete=i(this,"delete",7),this.sdkError=i(this,"sdkError",7),this.templateStore=null,this.fieldStore=null,this.roleStore=null,this.endpoint=s.getDefault(),this.templateId="",this.roleName="",this.sender="everyone",this.dirty=!1,this.saving=!1,this.name="",this.type="signer",this.full_name="",this.email="",this.phone="",this.delegator=!1}async componentWillLoad(){var e,t,o;try{if(this.endpoint.loadSession(),!this.templateId)return void console.log(`[ROLE_PROPERTIES] Missing required template ID ${this.templateId}`);if(!this.endpoint.session)return void console.log("[ROLE_PROPERTIES] Unable to start builder session, must be authenticated");this.templateStore=await p(this.endpoint,this.templateId,!1),this.fieldStore=b(this.templateId),this.roleStore=l(this.templateId);const e=this.roleStore.state.roles.find((e=>e.name===this.roleName));e&&(this.name=e.name,this.type=e.type,this.full_name=e.full_name,this.email=e.email,this.phone=e.phone,this.delegator=e.delegator,console.log("[ROLE_PROPERTIES] Editing role",e))}catch(i){console.log("[ROLE_PROPERTIES Error with preview session",i),null===(e=this.sdkError)||void 0===e||e.emit(new f(i.message,null===(t=i.response)||void 0===t?void 0:t.status,null===(o=i.response)||void 0===o?void 0:o.data))}}handleCancel(e){var t;e.stopPropagation();const o=this.roleStore.state.roles.find((e=>e.name===this.roleName));o&&(this.name=o.name,this.type=o.type,this.full_name=o.full_name,this.email=o.email,this.phone=o.phone,this.delegator=o.delegator),this.dirty=!1,null===(t=this.close)||void 0===t||t.emit()}async handleSave(e){e.stopPropagation(),this.saving=!0,a(this.endpoint,this.templateId,this.roleName,{name:this.name,type:this.type,full_name:this.full_name,email:this.email,phone:this.phone,delegator:this.delegator}).then((async e=>{var t;console.log("[ROLE_PROPERTIES] Update result",e),this.saving=!1,this.dirty=!1,n(this.roleStore,this.roleName,e),null===(t=this.close)||void 0===t||t.emit()})).catch((e=>{console.log("[ROLE_PROPERTIES Update 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.")&&r(this.endpoint,this.templateId,this.roleName).then((()=>{var e;c(this.roleStore,this.roleName),null===(e=this.delete)||void 0===e||e.emit({templateId:this.templateId,roleName:this.roleName})})).catch((e=>{console.log("[ROLE_PROPERTIES Deletion error",e)}))}render(){const e=this.fieldStore.get("fields").some((e=>e.role_name===this.roleName));return t(o,{key:"d3988edb91247f2dd580645350c7c5641d21c61a"},t("div",{key:"912555974fc01f6b5dbd37173217a17e1e6cc756",class:"background-overlay",onClick:e=>this.handleCancel(e)},t("div",{key:"e6d8172451f3fe78fd4b932039b15615f4b4c843",class:"dialog"},t("form",{key:"0d0519144c0de4813a664a2345a85a7da15606c9",onSubmit:e=>e.preventDefault(),onClick:e=>e.stopPropagation(),autocomplete:"off"},t("verdocs-text-input",{key:"9169dd76bf19c5f809b78bdef9a20511d21cbdcc",id:"verdocs-role-name",label:"Role Name",value:this.name,autocomplete:"off",disabled:e,helpText:e?"This role has fields assigned and can no longer be renamed.":"A unique name to identify the role in the workflow. Submitted data will also be tagged with this value.",placeholder:"Role Name...",onInput:e=>{this.name=e.target.value,this.dirty=!0}}),t("div",{key:"fba0622ed18d69ae13c2dc6dbc4f3c2230fb72d5",class:"row"},t("div",{key:"db653736e1e1b32a58ea8df1d5f9f58928ca7047",class:"input-label"},"Type:"),t("verdocs-select-input",{key:"7199410b3a1598e9fc74b6bcd42b58458e7c0ad7",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}}),t("verdocs-help-icon",{key:"8e553f8d63d8d57022d449b9db08d8ab0bbdd48c",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."})),t("verdocs-text-input",{key:"da8fae069e9a65a8fbe41c926a4aabc2af0816f2",id:"verdocs-recipient-email",label:"Full Name",value:this.full_name,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.full_name=e.target.value,this.dirty=!0}}),t("verdocs-text-input",{key:"5c2818a8b37c6fdef9dfd4a9a64bbb2c66216ca9",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}}),t("verdocs-text-input",{key:"4230659800aac4470c96d411436434511a208015",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}}),t("div",{key:"2a675d0120b3cbeff8af790260578126d3cf46ce",class:"row"},t("div",{key:"66c007c4d9ea713f5a399186e144d7445797765a",class:"input-label"},"May Delegate:"),t("div",{key:"ab88572b986a7c5def40a9c1e084fe3c62a766bf",class:"checkbox-wrapper"},t("verdocs-checkbox",{key:"b1ca8f96ffd71843beecdc349d86bf3d8cc35708",checked:this.delegator,onInput:e=>{this.delegator=e.target.checked,this.dirty=!0}})),t("verdocs-help-icon",{key:"de1d5f121299c133edcc8001a9b6a6b63ff9b739",text:"If enabled, this recipient may delegate their actions to another individual."})),t("div",{key:"79869b6fb38187967ca3550284e4d25f63884fd0",class:"buttons"},t("button",{key:"e58733c07c6793e2c454e5f68c5ffc8907cec1f1",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>'}),t("div",{key:"55f4478946d4675a17055be652e19eb377ae5437",style:{flex:"1"}}),t("verdocs-button",{key:"f67fa328ee71a14f0bd1ba049ffddf228841eb67",size:"small",variant:"outline",label:"Cancel",disabled:!this.dirty,onClick:e=>this.handleCancel(e)}),t("verdocs-button",{key:"690bc539949328f6130e4d8da5db97ed1b355992",size:"small",label:"Save",disabled:!this.dirty,onClick:e=>this.handleSave(e)}))))))}};m.style='@-webkit-keyframes verdocs-field-pulse{0%{background-color:rgba(0, 0, 0, 0.35)}50%{background-color:rgba(0, 0, 0, 0)}100%{background-color:rgba(0, 0, 0, 0.35)}}@keyframes verdocs-field-pulse{0%{background-color:rgba(0, 0, 0, 0.35)}50%{background-color:rgba(0, 0, 0, 0)}100%{background-color:rgba(0, 0, 0, 0.35)}}verdocs-template-role-properties{font-family:"Inter", "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:fixed;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:rgba(0, 0, 0, 0.4980392157)}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;padding:0 6px;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 svg{width:24px;height:24px}verdocs-template-role-properties .delete-button:active{background:#f3f3f3}';const u=class{constructor(t){e(this,t),this.close=i(this,"close",7),this.sdkError=i(this,"sdkError",7),this.store=null,this.endpoint=s.getDefault(),this.templateId="",this.sender="everyone",this.saving=!1}async componentWillLoad(){var e,t,o,i,s;try{if(this.endpoint.loadSession(),!this.templateId)return void console.log(`[SENDER] Missing required template ID ${this.templateId}`);if(!this.endpoint.session)return void console.log("[SENDER] Unable to start builder session, must be authenticated");this.store=await p(this.endpoint,this.templateId,!1),this.sender=null===(t=null===(e=this.store)||void 0===e?void 0:e.state)||void 0===t?void 0:t.sender}catch(e){console.log("[SENDER] Error with preview session",e),null===(o=this.sdkError)||void 0===o||o.emit(new f(e.message,null===(i=e.response)||void 0===i?void 0:i.status,null===(s=e.response)||void 0===s?void 0:s.data))}}handleClose(){this.close.emit()}handleDismiss(e){"background-overlay"===e.target.className&&(e.preventDefault(),this.handleClose())}async handleSelectSetting(e){this.saving=!0,d(this.endpoint,this.templateId,{sender:e}).then((t=>{var o;console.log("Update result",t),(null===(o=this.store)||void 0===o?void 0:o.state)&&(this.store.state.sender=e),this.saving=!1,this.sender=e})).catch((e=>{console.log("Error saving",e),this.saving=!1}))}render(){return t(o,{key:"092c9e3593fffb0559c72fab66510070e73d7c05"},t("div",{key:"666b71a674030a3541138d6dd07a04ec2f352e20",class:"background-overlay",onClick:e=>this.handleDismiss(e)},t("div",{key:"fcabfd99d07d0f72a874fd2ff32a7f72cda51d86",class:"dialog"},t("div",{key:"1098b307a0f787d282ae423f273f02231524598a",class:"options"},t("div",{key:"bb2bd6a5c6f338a955d0e38ddd72be127a908ea7",class:"option"},t("verdocs-radio-button",{key:"47ef7fa0ea436b284f76f8507ecf66ff098a3021",name:"template-sender",value:"everyone",checked:"everyone"===this.sender,onInput:()=>this.handleSelectSetting("everyone")}),t("div",{key:"8dcc183312a85bf6bb0145a55933842951c859c4",class:"description"},t("div",{key:"c3e41eff5d8353846d5fe62e9739864743936d5d",class:"name"},"Anyone on the Web"),t("verdocs-help-icon",{key:"b3b965183887842c7f3434afc9602ca8d67de419",text:"Anyone can use this template. (Make its visibility is set to to 'Public' or 'Shared'.)"}))),t("div",{key:"4fa78b48a79fc3932a02553e9360fb656c735493",class:"option"},t("verdocs-radio-button",{key:"40429f3fbaa48e0515d4f1e860d0a256df551fb4",name:"template-sender",value:"everyone_as_creator",checked:"everyone_as_creator"===this.sender,onInput:()=>this.handleSelectSetting("everyone_as_creator")}),t("div",{key:"5add2c44aac55f11094780c82ff6006b4b48ca8e",class:"description"},t("div",{key:"ac8e1c67ab3614b8e5dd3a255c0d71c1820ba83b",class:"name"},"Anyone on the Web as me"),t("verdocs-help-icon",{key:"4d2172b0dcef9cd3e46095e8337aa3c1b8e06523",text:"Anyone can use this template on my behalf. (Make sure its visibility is set to 'Public' or 'Shared'.)"}))),t("div",{key:"36970f9e7c4be312447a36c4a63b470ea85cddf8",class:"option"},t("verdocs-radio-button",{key:"b2fd0896b2bee7243450d6a50cc65fe96e98ab20",name:"template-sender",value:"organization_member",checked:"organization_member"===this.sender,onInput:()=>this.handleSelectSetting("organization_member")}),t("div",{key:"0bbfeeaf609aa3106df12bf34ef778891e83d0df",class:"description"},t("div",{key:"bb62d9eece8db82b8ef071c0c24127086a89dccc",class:"name"},"Anyone in my organization"),t("verdocs-help-icon",{key:"73d7fa4b6f4b4896d778f3fbc165de2d7b6b2c87",text:"Anyone in my organization can use this template. (Make sure its visibility is set to 'Shared')"}))),t("div",{key:"e1eca6d0234cf0d01ee8d30690248eec07912d3c",class:"option"},t("verdocs-radio-button",{key:"f31029edc86697d113fc37f55c0a94bcc4a35f68",name:"template-sender",value:"organization_member_as_creator",checked:"organization_member_as_creator"===this.sender,onInput:()=>this.handleSelectSetting("organization_member_as_creator")}),t("div",{key:"5a0f46208920de20dd725f4e16c5de556260d7cb",class:"description"},t("div",{key:"9bfd1c74d34afe93d4a0e11b0877ff7dadf19f83",class:"name"},"Anyone in my organization as me"),t("verdocs-help-icon",{key:"d72a7899414895b1637186c4f731be73cc786eb9",text:"Anyone in my organization can use this template on my behalf. (Make sure its visibility is set to to 'Shared'.)"}))),t("div",{key:"5e55d764e9040fb7b87e0456c2809286835b89e3",class:"option"},t("verdocs-radio-button",{key:"2309a84ec1b4487619f932e8a2316f51c331a13d",name:"template-sender",value:"creator",checked:"creator"===this.sender,onInput:()=>this.handleSelectSetting("creator")}),t("div",{key:"f3bd9236d0b692415c5a39687c35ba71cf245703",class:"description"},t("div",{key:"8aa05e4b9f42d4febf3c3b28f53dec9de2e0c64d",class:"name"},"Me"),t("verdocs-help-icon",{key:"e79cb02b13641acd64983b91e8de6eb6284a8ee7",text:"Only I can use this template."})))),t("div",{key:"d4b7c6ee528df1ee7f7ec952e80826a20c29ff6c",class:"buttons"},t("verdocs-button",{key:"024ba9b87fc9131db993ecafd76105be0959df47",label:"Close",onClick:()=>this.handleClose()})))))}};u.style='@-webkit-keyframes verdocs-field-pulse{0%{background-color:rgba(0, 0, 0, 0.35)}50%{background-color:rgba(0, 0, 0, 0)}100%{background-color:rgba(0, 0, 0, 0.35)}}@keyframes verdocs-field-pulse{0%{background-color:rgba(0, 0, 0, 0.35)}50%{background-color:rgba(0, 0, 0, 0)}100%{background-color:rgba(0, 0, 0, 0.35)}}verdocs-template-sender{font-family:"Inter", "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:rgba(0, 0, 0, 0.4980392157)}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_radio_button,m as verdocs_template_role_properties,u as verdocs_template_sender}
+import{r as e,h as t,H as o,c as i}from"./p-73a6f972.js";import{VerdocsEndpoint as s,updateTemplateRole as a,deleteTemplateRole as r,updateTemplate as d}from"@verdocs/js-sdk";import{g as l,u as n,d as c}from"./p-316fc185.js";import{g as b}from"./p-f69d8d39.js";import{g as p}from"./p-fc2ae858.js";import{S as f}from"./p-fd97809c.js";import"./p-00b37c9a.js";import"./p-a706bac9.js";const h=class{constructor(t){e(this,t),this.checked=!1,this.name="",this.value="",this.disabled=!1}render(){return t(o,{key:"635ebb3b00a1ba9596addcc8722c0897c67ccefc",class:{disabled:this.disabled}},t("input",{key:"c3ec421823ccb3e8f587b535ba8e23f7069f4a61",type:"radio",value:this.value,name:this.name,id:`verdocs-radio-button-${this.name}-${this.value}`,checked:this.checked,disabled:this.disabled}),t("label",{key:"80b453e62ed979c5f7ee73303d5dc43464b21289",htmlFor:`verdocs-radio-button-${this.name}-${this.value}`}))}};h.style='@-webkit-keyframes verdocs-field-pulse{0%{background-color:rgba(0, 0, 0, 0.35)}50%{background-color:rgba(0, 0, 0, 0)}100%{background-color:rgba(0, 0, 0, 0.35)}}@keyframes verdocs-field-pulse{0%{background-color:rgba(0, 0, 0, 0.35)}50%{background-color:rgba(0, 0, 0, 0)}100%{background-color:rgba(0, 0, 0, 0.35)}}verdocs-radio-button{font-family:"Inter", -apple-system, "Segoe UI", "Roboto", "Helvetica Neue", sans-serif;width:20px;height:20px;display:block;font-size:11px;position:relative;background-color:transparent;-webkit-transform-origin:bottom left;transform-origin:bottom left;border-radius:100%}verdocs-radio-button.disabled{opacity:0.5}verdocs-radio-button input[type=radio]{position:absolute;opacity:0}verdocs-radio-button input[type=radio]+label:before{content:"";background:#f5f5fa;border-radius:100%;border:1px solid rgba(0, 0, 0, 0.6);display:inline-block;width:16px;height:16px;position:absolute;left:1px;top:1px;cursor:pointer;text-align:center;-webkit-transition:all 250ms ease;transition:all 250ms ease}verdocs-radio-button input[type=radio]:checked+label:before{background-color:#55bc81;-webkit-box-shadow:inset 0 0 0 2px #f5f5fa;box-shadow:inset 0 0 0 2px #f5f5fa}verdocs-radio-button input[type=radio]:focus+label:before{outline:none;border-color:#55bc81}verdocs-radio-button input[type=radio]:disabled+label:before{-webkit-box-shadow:inset 0 0 0 4px #f5f5fa;box-shadow:inset 0 0 0 4px #f5f5fa;border-color:#a0a0d0;background:#a0a0d0}verdocs-radio-button input[type=radio]+label:empty:before{margin-right:0}verdocs-radio-button.required input[type=radio]+label:before{border:1px solid #cc0000}verdocs-radio-button.hide{display:none}verdocs-radio-button.focused{-webkit-animation:verdocs-field-pulse 0.75s 2;animation:verdocs-field-pulse 0.75s 2}';const m=class{constructor(t){e(this,t),this.close=i(this,"close",7),this.delete=i(this,"delete",7),this.sdkError=i(this,"sdkError",7),this.templateStore=null,this.fieldStore=null,this.roleStore=null,this.endpoint=s.getDefault(),this.templateId="",this.roleName="",this.sender="everyone",this.dirty=!1,this.saving=!1,this.name="",this.type="signer",this.full_name="",this.email="",this.phone="",this.delegator=!1}async componentWillLoad(){var e,t,o;try{if(this.endpoint.loadSession(),!this.templateId)return void console.log(`[ROLE_PROPERTIES] Missing required template ID ${this.templateId}`);if(!this.endpoint.session)return void console.log("[ROLE_PROPERTIES] Unable to start builder session, must be authenticated");this.templateStore=await p(this.endpoint,this.templateId,!1),this.fieldStore=b(this.templateId),this.roleStore=l(this.templateId);const e=this.roleStore.state.roles.find((e=>e.name===this.roleName));e&&(this.name=e.name,this.type=e.type,this.full_name=e.full_name,this.email=e.email,this.phone=e.phone,this.delegator=e.delegator,console.log("[ROLE_PROPERTIES] Editing role",e))}catch(i){console.log("[ROLE_PROPERTIES Error with preview session",i),null===(e=this.sdkError)||void 0===e||e.emit(new f(i.message,null===(t=i.response)||void 0===t?void 0:t.status,null===(o=i.response)||void 0===o?void 0:o.data))}}handleCancel(e){var t;e.stopPropagation();const o=this.roleStore.state.roles.find((e=>e.name===this.roleName));o&&(this.name=o.name,this.type=o.type,this.full_name=o.full_name,this.email=o.email,this.phone=o.phone,this.delegator=o.delegator),this.dirty=!1,null===(t=this.close)||void 0===t||t.emit()}async handleSave(e){e.stopPropagation(),this.saving=!0,a(this.endpoint,this.templateId,this.roleName,{name:this.name,type:this.type,full_name:this.full_name,email:this.email,phone:this.phone,delegator:this.delegator}).then((async e=>{var t;console.log("[ROLE_PROPERTIES] Update result",e),this.saving=!1,this.dirty=!1,n(this.roleStore,this.roleName,e),null===(t=this.close)||void 0===t||t.emit()})).catch((e=>{console.log("[ROLE_PROPERTIES Update 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.")&&r(this.endpoint,this.templateId,this.roleName).then((()=>{var e;c(this.roleStore,this.roleName),null===(e=this.delete)||void 0===e||e.emit({templateId:this.templateId,roleName:this.roleName})})).catch((e=>{console.log("[ROLE_PROPERTIES Deletion error",e)}))}render(){const e=this.fieldStore.get("fields").some((e=>e.role_name===this.roleName));return t(o,{key:"d3988edb91247f2dd580645350c7c5641d21c61a"},t("div",{key:"912555974fc01f6b5dbd37173217a17e1e6cc756",class:"background-overlay",onClick:e=>this.handleCancel(e)},t("div",{key:"e6d8172451f3fe78fd4b932039b15615f4b4c843",class:"dialog"},t("form",{key:"0d0519144c0de4813a664a2345a85a7da15606c9",onSubmit:e=>e.preventDefault(),onClick:e=>e.stopPropagation(),autocomplete:"off"},t("verdocs-text-input",{key:"9169dd76bf19c5f809b78bdef9a20511d21cbdcc",id:"verdocs-role-name",label:"Role Name",value:this.name,autocomplete:"off",disabled:e,helpText:e?"This role has fields assigned and can no longer be renamed.":"A unique name to identify the role in the workflow. Submitted data will also be tagged with this value.",placeholder:"Role Name...",onInput:e=>{this.name=e.target.value,this.dirty=!0}}),t("div",{key:"fba0622ed18d69ae13c2dc6dbc4f3c2230fb72d5",class:"row"},t("div",{key:"db653736e1e1b32a58ea8df1d5f9f58928ca7047",class:"input-label"},"Type:"),t("verdocs-select-input",{key:"7199410b3a1598e9fc74b6bcd42b58458e7c0ad7",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}}),t("verdocs-help-icon",{key:"8e553f8d63d8d57022d449b9db08d8ab0bbdd48c",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."})),t("verdocs-text-input",{key:"da8fae069e9a65a8fbe41c926a4aabc2af0816f2",id:"verdocs-recipient-email",label:"Full Name",value:this.full_name,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.full_name=e.target.value,this.dirty=!0}}),t("verdocs-text-input",{key:"5c2818a8b37c6fdef9dfd4a9a64bbb2c66216ca9",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}}),t("verdocs-text-input",{key:"4230659800aac4470c96d411436434511a208015",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}}),t("div",{key:"2a675d0120b3cbeff8af790260578126d3cf46ce",class:"row"},t("div",{key:"66c007c4d9ea713f5a399186e144d7445797765a",class:"input-label"},"May Delegate:"),t("div",{key:"ab88572b986a7c5def40a9c1e084fe3c62a766bf",class:"checkbox-wrapper"},t("verdocs-checkbox",{key:"b1ca8f96ffd71843beecdc349d86bf3d8cc35708",checked:this.delegator,onInput:e=>{this.delegator=e.target.checked,this.dirty=!0}})),t("verdocs-help-icon",{key:"de1d5f121299c133edcc8001a9b6a6b63ff9b739",text:"If enabled, this recipient may delegate their actions to another individual."})),t("div",{key:"79869b6fb38187967ca3550284e4d25f63884fd0",class:"buttons"},t("button",{key:"e58733c07c6793e2c454e5f68c5ffc8907cec1f1",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>'}),t("div",{key:"55f4478946d4675a17055be652e19eb377ae5437",style:{flex:"1"}}),t("verdocs-button",{key:"f67fa328ee71a14f0bd1ba049ffddf228841eb67",size:"small",variant:"outline",label:"Cancel",disabled:!this.dirty,onClick:e=>this.handleCancel(e)}),t("verdocs-button",{key:"690bc539949328f6130e4d8da5db97ed1b355992",size:"small",label:"Save",disabled:!this.dirty,onClick:e=>this.handleSave(e)}))))))}};m.style='@-webkit-keyframes verdocs-field-pulse{0%{background-color:rgba(0, 0, 0, 0.35)}50%{background-color:rgba(0, 0, 0, 0)}100%{background-color:rgba(0, 0, 0, 0.35)}}@keyframes verdocs-field-pulse{0%{background-color:rgba(0, 0, 0, 0.35)}50%{background-color:rgba(0, 0, 0, 0)}100%{background-color:rgba(0, 0, 0, 0.35)}}verdocs-template-role-properties{font-family:"Inter", "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:fixed;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:rgba(0, 0, 0, 0.4980392157)}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;padding:0 6px;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 svg{width:24px;height:24px}verdocs-template-role-properties .delete-button:active{background:#f3f3f3}';const u=class{constructor(t){e(this,t),this.close=i(this,"close",7),this.sdkError=i(this,"sdkError",7),this.store=null,this.endpoint=s.getDefault(),this.templateId="",this.sender="everyone",this.saving=!1}async componentWillLoad(){var e,t,o,i,s;try{if(this.endpoint.loadSession(),!this.templateId)return void console.log(`[SENDER] Missing required template ID ${this.templateId}`);if(!this.endpoint.session)return void console.log("[SENDER] Unable to start builder session, must be authenticated");this.store=await p(this.endpoint,this.templateId,!1),this.sender=null===(t=null===(e=this.store)||void 0===e?void 0:e.state)||void 0===t?void 0:t.sender}catch(e){console.log("[SENDER] Error with preview session",e),null===(o=this.sdkError)||void 0===o||o.emit(new f(e.message,null===(i=e.response)||void 0===i?void 0:i.status,null===(s=e.response)||void 0===s?void 0:s.data))}}handleClose(){this.close.emit()}handleDismiss(e){"background-overlay"===e.target.className&&(e.preventDefault(),this.handleClose())}async handleSelectSetting(e){this.saving=!0,d(this.endpoint,this.templateId,{sender:e}).then((t=>{var o;console.log("Update result",t),(null===(o=this.store)||void 0===o?void 0:o.state)&&(this.store.state.sender=e),this.saving=!1,this.sender=e})).catch((e=>{console.log("Error saving",e),this.saving=!1}))}render(){return t(o,{key:"092c9e3593fffb0559c72fab66510070e73d7c05"},t("div",{key:"666b71a674030a3541138d6dd07a04ec2f352e20",class:"background-overlay",onClick:e=>this.handleDismiss(e)},t("div",{key:"fcabfd99d07d0f72a874fd2ff32a7f72cda51d86",class:"dialog"},t("div",{key:"1098b307a0f787d282ae423f273f02231524598a",class:"options"},t("div",{key:"bb2bd6a5c6f338a955d0e38ddd72be127a908ea7",class:"option"},t("verdocs-radio-button",{key:"47ef7fa0ea436b284f76f8507ecf66ff098a3021",name:"template-sender",value:"everyone",checked:"everyone"===this.sender,onInput:()=>this.handleSelectSetting("everyone")}),t("div",{key:"8dcc183312a85bf6bb0145a55933842951c859c4",class:"description"},t("div",{key:"c3e41eff5d8353846d5fe62e9739864743936d5d",class:"name"},"Anyone on the Web"),t("verdocs-help-icon",{key:"b3b965183887842c7f3434afc9602ca8d67de419",text:"Anyone can use this template. (Make its visibility is set to to 'Public' or 'Shared'.)"}))),t("div",{key:"4fa78b48a79fc3932a02553e9360fb656c735493",class:"option"},t("verdocs-radio-button",{key:"40429f3fbaa48e0515d4f1e860d0a256df551fb4",name:"template-sender",value:"everyone_as_creator",checked:"everyone_as_creator"===this.sender,onInput:()=>this.handleSelectSetting("everyone_as_creator")}),t("div",{key:"5add2c44aac55f11094780c82ff6006b4b48ca8e",class:"description"},t("div",{key:"ac8e1c67ab3614b8e5dd3a255c0d71c1820ba83b",class:"name"},"Anyone on the Web as me"),t("verdocs-help-icon",{key:"4d2172b0dcef9cd3e46095e8337aa3c1b8e06523",text:"Anyone can use this template on my behalf. (Make sure its visibility is set to 'Public' or 'Shared'.)"}))),t("div",{key:"36970f9e7c4be312447a36c4a63b470ea85cddf8",class:"option"},t("verdocs-radio-button",{key:"b2fd0896b2bee7243450d6a50cc65fe96e98ab20",name:"template-sender",value:"organization_member",checked:"organization_member"===this.sender,onInput:()=>this.handleSelectSetting("organization_member")}),t("div",{key:"0bbfeeaf609aa3106df12bf34ef778891e83d0df",class:"description"},t("div",{key:"bb62d9eece8db82b8ef071c0c24127086a89dccc",class:"name"},"Anyone in my organization"),t("verdocs-help-icon",{key:"73d7fa4b6f4b4896d778f3fbc165de2d7b6b2c87",text:"Anyone in my organization can use this template. (Make sure its visibility is set to 'Shared')"}))),t("div",{key:"e1eca6d0234cf0d01ee8d30690248eec07912d3c",class:"option"},t("verdocs-radio-button",{key:"f31029edc86697d113fc37f55c0a94bcc4a35f68",name:"template-sender",value:"organization_member_as_creator",checked:"organization_member_as_creator"===this.sender,onInput:()=>this.handleSelectSetting("organization_member_as_creator")}),t("div",{key:"5a0f46208920de20dd725f4e16c5de556260d7cb",class:"description"},t("div",{key:"9bfd1c74d34afe93d4a0e11b0877ff7dadf19f83",class:"name"},"Anyone in my organization as me"),t("verdocs-help-icon",{key:"d72a7899414895b1637186c4f731be73cc786eb9",text:"Anyone in my organization can use this template on my behalf. (Make sure its visibility is set to to 'Shared'.)"}))),t("div",{key:"5e55d764e9040fb7b87e0456c2809286835b89e3",class:"option"},t("verdocs-radio-button",{key:"2309a84ec1b4487619f932e8a2316f51c331a13d",name:"template-sender",value:"creator",checked:"creator"===this.sender,onInput:()=>this.handleSelectSetting("creator")}),t("div",{key:"f3bd9236d0b692415c5a39687c35ba71cf245703",class:"description"},t("div",{key:"8aa05e4b9f42d4febf3c3b28f53dec9de2e0c64d",class:"name"},"Me"),t("verdocs-help-icon",{key:"e79cb02b13641acd64983b91e8de6eb6284a8ee7",text:"Only I can use this template."})))),t("div",{key:"d4b7c6ee528df1ee7f7ec952e80826a20c29ff6c",class:"buttons"},t("verdocs-button",{key:"024ba9b87fc9131db993ecafd76105be0959df47",label:"Close",onClick:()=>this.handleClose()})))))}};u.style='@-webkit-keyframes verdocs-field-pulse{0%{background-color:rgba(0, 0, 0, 0.35)}50%{background-color:rgba(0, 0, 0, 0)}100%{background-color:rgba(0, 0, 0, 0.35)}}@keyframes verdocs-field-pulse{0%{background-color:rgba(0, 0, 0, 0.35)}50%{background-color:rgba(0, 0, 0, 0)}100%{background-color:rgba(0, 0, 0, 0.35)}}verdocs-template-sender{font-family:"Inter", "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:rgba(0, 0, 0, 0.4980392157)}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_radio_button,m as verdocs_template_role_properties,u as verdocs_template_sender}

package/dist/verdocs-web-sdk/p-1f771dad.entry.js

@@ -0,0 +1 @@
+import{r as e,h as t,H as o,c as i,g as s}from"./p-73a6f972.js";import{VerdocsEndpoint as r,updateField as l,deleteField as a}from"@verdocs/js-sdk";import{g as d,u as n}from"./p-f69d8d39.js";import{g as c}from"./p-316fc185.js";import{g as p}from"./p-fc2ae858.js";import{S as h}from"./p-fd97809c.js";import"./p-00b37c9a.js";import"./p-a706bac9.js";const f=class{constructor(t){e(this,t),this.checked=!1,this.name="",this.label="",this.value="",this.theme="light",this.disabled=!1}render(){return t(o,{key:"02a992ff0c9365a18637ccd7b0acc34a16c95b0e",class:{disabled:this.disabled,[this.theme]:!0}},t("label",{key:"897f8d9d3f3365087a00ab0bb12b741c944a66a3"},t("input",{key:"1e82031b5febc2cea4920e2c374a5f3cbff07889",type:"checkbox",value:this.value,name:this.name,checked:this.checked,disabled:this.disabled}),t("span",{key:"a5b8a8518301ce6866228d7a66029abdc802e092"},this.label)))}};f.style='@charset "UTF-8";@-webkit-keyframes verdocs-field-pulse{0%{background-color:rgba(0, 0, 0, 0.35)}50%{background-color:rgba(0, 0, 0, 0)}100%{background-color:rgba(0, 0, 0, 0.35)}}@keyframes verdocs-field-pulse{0%{background-color:rgba(0, 0, 0, 0.35)}50%{background-color:rgba(0, 0, 0, 0)}100%{background-color:rgba(0, 0, 0, 0.35)}}verdocs-checkbox{line-height:18px;font-family:"Inter", -apple-system, "Segoe UI", "Roboto", "Helvetica Neue", sans-serif}verdocs-checkbox label>input[type=checkbox]{display:none}verdocs-checkbox label>input[type=checkbox]+*::before{content:"";width:20px;height:20px;-ms-flex-negative:0;flex-shrink:0;margin-right:8px;line-height:20px;border-radius:2px;border-style:solid;border-width:0.1rem;display:inline-block;vertical-align:bottom;border-color:#aeb4bf}verdocs-checkbox label>input[type=checkbox]:checked+*{color:#55bc81}verdocs-checkbox label>input[type=checkbox]:checked+*::before{content:"✓";color:white;text-align:center;background:#55bc81;border-color:#55bc81}verdocs-checkbox.dark label>input[type=checkbox]+*::before{border-color:#ffffff}verdocs-checkbox.dark label>input[type=checkbox]:checked+*::before{background:#55bc81;border-color:#55bc81}';const b=class{constructor(t){e(this,t),this.message=""}render(){return t(o,{key:"572b854146e540ecb3fecdab0abe7a89bdc5f6e5"},t("div",{key:"b531eabc052b083f9a99b20d57df4dc0992a1ef0",class:"inner"},this.message))}};b.style='@-webkit-keyframes verdocs-field-pulse{0%{background-color:rgba(0, 0, 0, 0.35)}50%{background-color:rgba(0, 0, 0, 0)}100%{background-color:rgba(0, 0, 0, 0.35)}}@keyframes verdocs-field-pulse{0%{background-color:rgba(0, 0, 0, 0.35)}50%{background-color:rgba(0, 0, 0, 0)}100%{background-color:rgba(0, 0, 0, 0.35)}}verdocs-component-error{font-family:"Inter", -apple-system, "Segoe UI", "Roboto", "Helvetica Neue", sans-serif;display:-ms-flexbox;display:flex;padding:15px;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}verdocs-component-error .inner{-ms-flex:1;flex:1;height:300px;display:-ms-flexbox;display:flex;font-size:18px;-webkit-box-sizing:border-box;box-sizing:border-box;padding:0 20px;background:#ffffff;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}';const u=class{constructor(t){e(this,t),this.value="",this.label="",this.options=void 0,this.disabled=!1}render(){return t(o,{key:"49b233e1dcda5c8ffd51453654fa88bdec73bd82",class:"input-field"},t("label",{key:"53ec0b8c1823a9e992c04e554bb33752ed676ad3"},this.label?t("div",{class:"input-label"},this.label+":"):t("div",null),t("select",{key:"e7e0ef4dc4ab8aae9cc81d39010cfa335d37b291",class:"input-element",disabled:this.disabled},this.options.map((e=>t("option",{value:e.value,selected:e.value===this.value},e.label))))))}};u.style='@-webkit-keyframes verdocs-field-pulse{0%{background-color:rgba(0, 0, 0, 0.35)}50%{background-color:rgba(0, 0, 0, 0)}100%{background-color:rgba(0, 0, 0, 0.35)}}@keyframes verdocs-field-pulse{0%{background-color:rgba(0, 0, 0, 0.35)}50%{background-color:rgba(0, 0, 0, 0)}100%{background-color:rgba(0, 0, 0, 0.35)}}verdocs-select-input{font-family:"Inter", "Barlow", sans-serif;-webkit-box-sizing:border-box;box-sizing:border-box;margin:0 0 10px 0;display:block}verdocs-select-input .input-element{-webkit-box-sizing:border-box;box-sizing:border-box;background:#ffffff;border:1px solid #cccccc;border-radius:4px;background:#ffffff;color:#092c4c;width:100%;font-size:16px;height:28px;padding:2px 8px}verdocs-select-input .input-element::-webkit-input-placeholder{color:#aaaaaa;opacity:1}verdocs-select-input .input-element::-moz-placeholder{color:#aaaaaa;opacity:1}verdocs-select-input .input-element:-ms-input-placeholder{color:#aaaaaa;opacity:1}verdocs-select-input .input-element::-ms-input-placeholder{color:#aaaaaa;opacity:1}verdocs-select-input .input-element::placeholder{color:#aaaaaa;opacity:1}verdocs-select-input .input-label{display:block;color:#555570;font-weight:700;font-size:14px;margin:0 0 4px 0}';const m=e=>e.charAt(0).toUpperCase()+e.slice(1),x='<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>',v='<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>';function g(){const e=()=>Math.floor(65536*(1+Math.random())).toString(16).substring(1);return e()+e()+"-"+e()+"-"+e()+"-"+e()+"-"+e()+e()+e()}const k=class{constructor(t){e(this,t),this.close=i(this,"close",7),this.delete=i(this,"delete",7),this.settingsChanged=i(this,"settingsChanged",7),this.sdkError=i(this,"sdkError",7),this.templateStore=null,this.fieldStore=null,this.roleStore=null,this.endpoint=r.getDefault(),this.templateId="",this.fieldName="",this.helpText="",this.dirty=!1,this.loading=!0,this.setting=null,this.label="",this.type="textbox",this.name="",this.required=!1,this.roleName="",this.group="",this.fieldType="",this.options=[],this.placeholder="",this.value="",this.leading=0,this.showingHelp=!1}async componentWillLoad(){var e,t,o,i,s,r,l;try{if(this.endpoint.loadSession(),!this.templateId)return void console.log(`[FIELD PROPERTIES] Missing required template ID ${this.templateId}`);if(!this.fieldName)return void console.error("[FIELD PROPERTIES] Missing required field name");if(!this.endpoint.session)return void console.log("[FIELD PROPERTIES] Unable to start builder session, must be authenticated");this.templateStore=await p(this.endpoint,this.templateId),this.fieldStore=await d(this.templateId),this.roleStore=await c(this.templateId);const s=this.fieldStore.get("fields").find((e=>e.name===this.fieldName));s?console.log("props",s):console.log(`[FIELD PROPERTIES] Unable to find field "${this.fieldName}" in fields`),this.type=s.type,this.name=s.name,this.label=s.label,this.group=s.name,this.roleName=s.role_name,this.required=s.required,this.fieldType=s.type,this.placeholder=(null===(e=s.settings)||void 0===e?void 0:e.placeholder)||"",this.value=(null===(t=s.settings)||void 0===t?void 0:t.result)||"",this.leading=(null===(o=s.settings)||void 0===o?void 0:o.leading)||0,this.setting=s.settings||{},this.options=(null===(i=s.settings)||void 0===i?void 0:i.options)||[],this.dirty=!1,this.loading=!1,console.log("Displaying settings for",this.setting)}catch(e){console.log("[FIELD PROPERTIES] Error loading template",e),this.loading=!1,null===(s=this.sdkError)||void 0===s||s.emit(new h(e.message,null===(r=e.response)||void 0===r?void 0:r.status,null===(l=e.response)||void 0===l?void 0:l.data))}}handleCancel(e){var t,o,i,s,r;e.stopPropagation();const l=this.fieldStore.get("fields").find((e=>e.name===this.fieldName));l&&(this.name=l.name,this.label=l.label,this.roleName=l.role_name,this.required=l.required,this.placeholder=(null===(t=l.settings)||void 0===t?void 0:t.placeholder)||"",this.value=(null===(o=l.settings)||void 0===o?void 0:o.result)||"",this.leading=(null===(i=l.settings)||void 0===i?void 0:i.leading)||0),this.dirty=!1,null===(s=this.close)||void 0===s||s.emit(),null===(r=document.getElementById("verdocs-template-field-properties"))||void 0===r||r.remove()}handleSave(e){e.stopPropagation();const t={name:this.name,label:this.label||null,required:this.required,role_name:this.roleName};"checkbox_group"===this.type||"radio_button_group"===this.type?(t.settings=this.setting,t.settings.options=this.options):"textarea"===this.type||"textbox"===this.type?(t.settings={...this.setting},t.settings.result=(this.value||"").trim()):"dropdown"===this.type&&(t.settings={x:this.setting.x,y:this.setting.y,options:this.options}),console.log("FP: Will update",this.fieldName,t),l(this.endpoint,this.templateId,this.fieldName,t).then((e=>{var o,i,s;this.dirty=!1,n(this.fieldStore,this.fieldName,e),null===(o=this.settingsChanged)||void 0===o||o.emit({fieldName:this.fieldName,settings:t,field:e}),null===(i=this.close)||void 0===i||i.emit(),null===(s=document.getElementById("verdocs-template-field-properties"))||void 0===s||s.remove()})).catch((()=>{console.log("Field update failed",e)}))}handleAddOption(e){e.stopPropagation();const t={name:this.name,required:this.required,role_name:this.roleName};this.options.push("radio_button_group"===this.type?{id:g(),value:`Option ${this.options.length+1}`,selected:!1,x:this.options.length>0?this.options[this.options.length-1].x:20,y:this.options.length>0?this.options[this.options.length-1].y-25:20}:{id:g(),value:`Option ${this.options.length+1}`,checked:!1,x:this.options.length>0?this.options[this.options.length-1].x:20,y:this.options.length>0?this.options[this.options.length-1].y-25:20}),t.settings={...this.setting},delete t.settings.result,t.settings.options=[...this.options],l(this.endpoint,this.templateId,this.fieldName,t).then((e=>{var o,i,s;this.dirty=!1,n(this.fieldStore,this.fieldName,e),this.fieldName=e.name,null===(o=this.settingsChanged)||void 0===o||o.emit({fieldName:this.fieldName,settings:t,field:e}),null===(i=this.close)||void 0===i||i.emit(),null===(s=document.getElementById("verdocs-template-field-properties"))||void 0===s||s.remove()})).catch((()=>{console.log("Field update failed",e)}))}async handleDelete(e){e.stopPropagation(),window.confirm("Are you sure you wish to remove this field? This action cannot be undone.")&&a(this.endpoint,this.templateId,this.fieldName).then((()=>{var e,t;this.fieldStore.set("fields",this.fieldStore.get("fields").filter((e=>e.name!==this.fieldName))),null===(e=this.delete)||void 0===e||e.emit({templateId:this.templateId,roleName:this.roleName}),null===(t=document.getElementById("verdocs-template-field-properties"))||void 0===t||t.remove()})).catch((e=>{console.log("[FIELD PROPERTIES] Deletion error",e)}))}render(){var e;return this.endpoint.session?this.endpoint.session&&this.fieldStore.get("fields").some((e=>e.name===this.fieldName))?this.helpText&&this.showingHelp?t(o,null,t("h6",null,m(this.fieldType)," Settings ",t("div",{style:{flex:"1"}}),t("div",{class:"help-icon",innerHTML:v,onClick:()=>this.showingHelp=!1})),t("p",{class:"instructions",innerHTML:this.helpText})):t(o,{id:"verdocs-template-field-properties"},t("h6",null,m(this.fieldType.replace(/_/g," "))," Settings ",t("div",{style:{flex:"1"}}),this.helpText&&t("div",{class:"help-icon",innerHTML:v,onClick:()=>this.showingHelp=!0})),t("form",{onSubmit:e=>e.preventDefault(),onClick:e=>e.stopPropagation(),autocomplete:"off"},t("div",{class:"row"},t("verdocs-text-input",{id:"verdocs-field-name",label:"Field Name",value:this.name,autocomplete:"off",placeholder:"Field Name...",onInput:e=>{this.name=e.target.value,this.dirty=!0}})),t("div",{class:"row"},t("verdocs-text-input",{id:"verdocs-field-label",label:"Optional Label",value:this.label,autocomplete:"off",placeholder:"Optional Label...",onInput:e=>{this.label=e.target.value,this.dirty=!0}})),t("div",{class:"row"},t("div",{class:"input-label"},"Role:"),t("verdocs-select-input",{value:this.roleName,options:null===(e=this.roleStore.state)||void 0===e?void 0:e.roles.map((e=>({label:e.name,value:e.name}))),onInput:e=>{this.roleName=e.target.value,this.dirty=!0}})),["textbox","textarea"].includes(this.type)&&t("div",{class:"row",style:{marginTop:"10px",marginBottom:"10px"}},t("verdocs-text-input",{id:"verdocs-field-value",label:"Value",value:this.value,autocomplete:"off",placeholder:"Pre-defined value...",onInput:e=>{this.value=e.target.value,this.dirty=!0}})),["textbox","textarea"].includes(this.type)&&t("div",{class:"row",style:{marginTop:"10px",marginBottom:"10px"}},t("verdocs-text-input",{id:"verdocs-field-placeholder",label:"Placeholder",value:this.placeholder,autocomplete:"off",placeholder:"Placeholder...",onInput:e=>{this.placeholder=e.target.value,this.dirty=!0}})),t("div",{class:"row",style:{marginTop:"15px",marginBottom:"15px"}},t("label",{htmlFor:"verdocs-is-required",class:"input-label"},"Required"),t("verdocs-checkbox",{id:"verdocs-is-required",name:"is-required",checked:this.required,value:"on",onInput:e=>{this.required=e.target.checked,this.dirty=!0}})),["checkbox_group","radio_button_group"].includes(this.type)&&t("verdocs-button",{size:"small",onClick:e=>this.handleAddOption(e),label:"Add Option"}),["dropdown"].includes(this.type)&&t("div",{class:"options"},t("div",{class:"row",style:{marginTop:"15px",marginBottom:"15px",textAlign:"center",fontWeight:"700",fontSize:"14px",justifyContent:"center",backgroundColor:"#333333",padding:"5px 8px",color:"#ffffff"}},"Options"),t("div",{class:"row-header"},t("h6",null,"ID"),t("h6",null,"Label"),t("div",{style:{width:"34px"}})),this.options.map(((e,o)=>t("div",{class:"row option-row",key:o},t("verdocs-text-input",{id:`verdocs-option-id-${e.id}`,value:e.id,placeholder:"Unique ID",onInput:e=>{this.options[o].id=e.target.value,this.dirty=!0}}),t("verdocs-text-input",{id:`verdocs-option-value-${e.id}`,value:e.value,placeholder:"Display value",onInput:e=>{this.options[o].value=e.target.value,this.dirty=!0}}),t("button",{innerHTML:x,class:"remove-button",onClick:()=>{this.options=this.options.filter((t=>t.id!==e.id)),this.dirty=!0}})))),t("div",{class:"row-header"},t("button",{class:"add-option-button",onClick:()=>{this.options=[...this.options,{id:`option-${this.options.length+1}`,value:`Option ${this.options.length+1}`}],this.dirty=!0}},"Add Option"))),t("div",{class:"buttons"},t("button",{class:"delete-button",disabled:this.dirty,onClick:e=>this.handleDelete(e),innerHTML:x}),t("div",{style:{flex:"1"}}),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"}):t(o,null,t("verdocs-component-error",{message:"You must be authenticated to use this module."}))}get el(){return s(this)}};k.style='@-webkit-keyframes verdocs-field-pulse{0%{background-color:rgba(0, 0, 0, 0.35)}50%{background-color:rgba(0, 0, 0, 0)}100%{background-color:rgba(0, 0, 0, 0.35)}}@keyframes verdocs-field-pulse{0%{background-color:rgba(0, 0, 0, 0.35)}50%{background-color:rgba(0, 0, 0, 0)}100%{background-color:rgba(0, 0, 0, 0.35)}}verdocs-template-field-properties{padding:20px;display:block;border-radius:4px;background:#ffffff;border:1px solid #ccc;font-family:"Inter", -apple-system, "Segoe UI", "Roboto", "Helvetica Neue", sans-serif;-webkit-box-shadow:2px 2px 10px 0px rgba(0, 0, 0, 0.1215686275);box-shadow:2px 2px 10px 0px rgba(0, 0, 0, 0.1215686275)}verdocs-template-field-properties .buttons{display:-ms-flexbox;display:flex;margin-top:30px;-ms-flex-align:center;align-items:center;-ms-flex-direction:row;flex-direction:row;-ms-flex-pack:end;justify-content:flex-end}verdocs-template-field-properties .buttons verdocs-button{margin-left:16px}verdocs-template-field-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-field-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-field-properties verdocs-select-input{-ms-flex:1;flex:1;margin:0}verdocs-template-field-properties verdocs-text-input{margin:0;-ms-flex:1;flex:1}verdocs-template-field-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-field-properties verdocs-text-input .input-label{-ms-flex:0 0 100px;flex:0 0 100px}verdocs-template-field-properties verdocs-text-input input{-ms-flex:1;flex:1;display:-ms-flexbox;display:flex}verdocs-template-field-properties .checkbox-wrapper{-ms-flex:1;flex:1;display:-ms-flexbox;display:flex}verdocs-template-field-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-field-properties .delete-button:active{background:#f3f3f3}verdocs-template-field-properties .delete-button svg{width:24px;height:24px}verdocs-template-field-properties h6{-ms-flex:1;flex:1;display:-ms-flexbox;display:flex;font-size:16px;font-weight:bold;margin:0 0 8px 0;-ms-flex-direction:row;flex-direction:row;color:#092c4c}verdocs-template-field-properties h6 .help-icon{opacity:0.5}verdocs-template-field-properties h6 .help-icon:hover{opacity:1;cursor:pointer}verdocs-template-field-properties .row-header{gap:15px;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row}verdocs-template-field-properties .row-header h6{margin-bottom:0}verdocs-template-field-properties .row-header verdocs-help-icon{-webkit-transform:scale(0.85);transform:scale(0.85)}verdocs-template-field-properties .row-header verdocs-help-icon svg{margin-bottom:-5px}verdocs-template-field-properties .row-header .add-button{margin:0;padding:0;border:none;opacity:0.5;cursor:pointer;background:none}verdocs-template-field-properties .row-header .add-button:hover{opacity:1}verdocs-template-field-properties .row-header .add-button svg{width:32px;height:32px}verdocs-template-field-properties .option-row{margin:15px 0}verdocs-template-field-properties .option-row .remove-button{height:28px;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-field-properties .option-row .remove-button:active{background:#f3f3f3}verdocs-template-field-properties .option-row .remove-button:hover svg{stroke:rgb(165, 0, 33)}verdocs-template-field-properties .option-row .remove-button svg{width:20px;height:20px;stroke:#333333}verdocs-template-field-properties .options{background:#f3f3f3;padding:0 0 10px 0}verdocs-template-field-properties .options .row-header,verdocs-template-field-properties .options .option-row{padding:0 10px}verdocs-template-field-properties .options .add-option-button{border-radius:5px;border:1px solid #cccccc;background:#46497d;color:#ffffff;padding:3px 8px}verdocs-template-field-properties .options .option-row .input-element{font-size:14px}verdocs-template-field-properties .options verdocs-help-icon{opacity:1;-webkit-transform:scale(0.8);transform:scale(0.8)}verdocs-template-field-properties .options verdocs-help-icon svg{fill:#ffffff}';export{f as verdocs_checkbox,b as verdocs_component_error,u as verdocs_select_input,k as verdocs_template_field_properties}