@verdocs/web-sdk 1.10.0 → 1.10.1

package/dist/collection/components/templates/verdocs-template-visibillity/verdocs-template-visibility.js

@@ -0,0 +1,168 @@
+import { VerdocsEndpoint } from '@verdocs/js-sdk';
+import { updateTemplate } from '@verdocs/js-sdk/Templates/Templates';
+import { h, Host } from '@stencil/core';
+import TemplateStore from '../../../utils/templateStore';
+import { loadTemplate } from '../../../utils/Templates';
+import { SDKError } from '../../../utils/errors';
+/**
+ * Displays a collection of settings boxes that allow a user to configure a template's behavior.
+ */
+export class VerdocsTemplateVisibility {
+  constructor() {
+    this.endpoint = VerdocsEndpoint.getDefault();
+    this.templateId = '';
+    this.dirty = false;
+    this.loading = true;
+    this.personal = false;
+    this.public = false;
+  }
+  async componentWillLoad() {
+    var _a, _b, _c;
+    try {
+      this.endpoint.loadSession();
+      await loadTemplate(this.endpoint, this.templateId);
+      this.loading = false;
+      this.personal = TemplateStore.template.is_personal;
+      this.public = TemplateStore.template.is_public;
+      this.dirty = false;
+    }
+    catch (e) {
+      console.log('[TEMPLATE VISIBILITY] Error loading template', e);
+      this.loading = false;
+      (_a = this.sdkError) === null || _a === void 0 ? void 0 : _a.emit(new SDKError(e.message, (_b = e.response) === null || _b === void 0 ? void 0 : _b.status, (_c = e.response) === null || _c === void 0 ? void 0 : _c.data));
+    }
+  }
+  handleCancel(e) {
+    var _a;
+    e.stopPropagation();
+    this.personal = TemplateStore.template.is_personal;
+    this.public = TemplateStore.template.is_public;
+    this.dirty = false;
+    (_a = this.close) === null || _a === void 0 ? void 0 : _a.emit();
+  }
+  async handleSave(e) {
+    var _a;
+    e.stopPropagation();
+    await updateTemplate(this.endpoint, this.templateId, { is_personal: this.personal, is_public: this.public });
+    TemplateStore.template.is_personal = this.personal;
+    TemplateStore.template.is_public = this.public;
+    this.dirty = false;
+    (_a = this.close) === null || _a === void 0 ? void 0 : _a.emit();
+  }
+  render() {
+    if (!this.endpoint.session) {
+      return (h(Host, null, h("verdocs-component-error", { message: "You must be authenticated to use this module." })));
+    }
+    // This is meant to be a companion for larger visual experiences so we just go blank on errors for now.
+    if (!this.endpoint.session || !TemplateStore.template) {
+      return h(Host, { class: "empty" });
+    }
+    return (h(Host, null, h("form", { onSubmit: e => e.preventDefault(), onClick: e => e.stopPropagation(), autocomplete: "off" }, h("div", { class: "input-row" }, h("label", { htmlFor: "verdocs-is-personal" }, "Personal"), h("verdocs-checkbox", { id: "verdocs-is-personal", name: "is-personal", checked: this.personal, value: "on", onInput: (e) => {
+        this.personal = e.target.checked;
+        this.dirty = true;
+      } })), h("div", { class: "description" }, "Personal templates are hidden from other members of your Organization (if any)."), h("div", { class: "input-row" }, h("label", { htmlFor: "verdocs-is-public" }, "Public"), h("verdocs-checkbox", { id: "verdocs-is-public", name: "is-public", checked: this.public, value: "on", onInput: (e) => {
+        this.public = e.target.checked;
+        this.dirty = true;
+      } })), h("div", { class: "description" }, "Public templates may appear in results when any other user searches for templates. Note that a template may be both Personal and Public, which may be useful if you want your template to be found via search but not otherwise displayed to other members of your Organization (if any)."), h("div", { class: "buttons" }, h("verdocs-button", { size: "small", variant: "outline", label: "Cancel", disabled: !this.dirty, onClick: e => this.handleCancel(e) }), h("verdocs-button", { size: "small", label: "Save", disabled: !this.dirty, onClick: e => this.handleSave(e) })))));
+  }
+  static get is() { return "verdocs-template-visibility"; }
+  static get originalStyleUrls() {
+    return {
+      "$": ["verdocs-template-visibility.scss"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["verdocs-template-visibility.css"]
+    };
+  }
+  static get properties() {
+    return {
+      "endpoint": {
+        "type": "unknown",
+        "mutable": false,
+        "complexType": {
+          "original": "VerdocsEndpoint",
+          "resolved": "VerdocsEndpoint",
+          "references": {
+            "VerdocsEndpoint": {
+              "location": "import",
+              "path": "@verdocs/js-sdk"
+            }
+          }
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "The endpoint to use to communicate with Verdocs. If not set, the default endpoint will be used."
+        },
+        "defaultValue": "VerdocsEndpoint.getDefault()"
+      },
+      "templateId": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "The template ID to edit."
+        },
+        "attribute": "template-id",
+        "reflect": false,
+        "defaultValue": "''"
+      }
+    };
+  }
+  static get states() {
+    return {
+      "dirty": {},
+      "loading": {},
+      "personal": {},
+      "public": {}
+    };
+  }
+  static get events() {
+    return [{
+        "method": "close",
+        "name": "close",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": "Event fired when the user cancels the dialog."
+        },
+        "complexType": {
+          "original": "any",
+          "resolved": "any",
+          "references": {}
+        }
+      }, {
+        "method": "sdkError",
+        "name": "sdkError",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": "Event fired if an error occurs. The event details will contain information about the error. Most errors will\nterminate the process, and the calling application should correct the condition and re-render the component."
+        },
+        "complexType": {
+          "original": "SDKError",
+          "resolved": "SDKError",
+          "references": {
+            "SDKError": {
+              "location": "import",
+              "path": "../../../utils/errors"
+            }
+          }
+        }
+      }];
+  }
+}

package/dist/collection/components/templates/verdocs-template-visibillity/verdocs-template-visibility.stories.js

@@ -0,0 +1,18 @@
+import { html } from 'lit-html';
+export default {
+  title: 'Templates/Template Visibility',
+  component: 'verdocs-template-visibility',
+  args: {
+    templateId: '951016b0-c5ef-450d-b628-9a0c5b84b163',
+  },
+  argTypes: {
+    onClose: { action: 'close' },
+  },
+};
+export const TemplateVisibility = ({ onClose, templateId }) => templateId
+  ? html `
+        <div style="width: 360px; background: #ffffff; padding: 20px; box-sizing: border-box">
+          <verdocs-template-visibility .templateId=${templateId} @close=${onClose} />
+        </div>
+      `
+  : html `<img src="https://verdocs-public-assets.s3.amazonaws.com/storybook-placeholders/template-name.png" alt="Placeholder" />`;

package/dist/collection/utils/Templates.js

@@ -1,12 +1,25 @@
 import { getTemplate } from '@verdocs/js-sdk/Templates/Templates';
 import TemplateStore from './templateStore';
+const pendingNotifications = [];
 export const loadTemplate = async (endpoint, templateId) => {
-  TemplateStore.template = null;
   if (!templateId) {
     console.log(`[TEMPLATES] Missing required template ID`);
-    return;
+    throw new Error('Missing required template ID');
+  }
+  // TODO: This resolves a race condition where multiple components might share the template store and all want to load the same template
+  //  at once. It also creates a problem where two components might want DIFFERENT templates. This should be rare because most components
+  //  are visually "large" experiences that wouldn't run well in parallel with others anyway. But just to cover the base we may want to
+  //  account for that in the future.
+  if (TemplateStore.loading) {
+    return new Promise((resolve, reject) => {
+      pendingNotifications.push({ resolve, reject });
+    });
+  }
+  if (templateId === TemplateStore.templateId) {
+    return TemplateStore.template;
   }
   TemplateStore.loading = true;
+  TemplateStore.template = null;
   try {
     console.log(`[TEMPLATES] Loading template ${templateId}`);
     const template = await getTemplate(endpoint, templateId, true);
@@ -14,11 +27,18 @@ export const loadTemplate = async (endpoint, templateId) => {
       console.log('[TEMPLATES] Unable to load template');
       return;
     }
-    TemplateStore.template = template;
     TemplateStore.loading = false;
+    TemplateStore.template = template;
+    TemplateStore.templateId = templateId;
+    pendingNotifications.forEach(notification => notification.resolve(true));
+    pendingNotifications.length = 0;
+    return true;
   }
   catch (e) {
     console.log('[TEMPLATES] Error loading template', e);
+    TemplateStore.loading = false;
+    pendingNotifications.forEach(notification => notification.reject(e));
+    pendingNotifications.length = 0;
     throw e;
   }
 };

package/dist/collection/utils/templateStore.js

@@ -3,9 +3,10 @@
 import { createStore } from '@stencil/store';
 import { integerSequence } from '@verdocs/js-sdk/Utils/Primitives';
 const { state, onChange } = createStore({
+  templateId: '',
   template: null,
   loadProgress: 0,
-  loading: true,
+  loading: false,
   pageNumbers: [],
   pageUris: {},
   roleNames: [],

package/dist/components/Templates.js

@@ -1,13 +1,26 @@
 import { g as getTemplate } from './Templates2.js';
 import { s as state } from './templateStore.js';
 
+const pendingNotifications = [];
 const loadTemplate = async (endpoint, templateId) => {
-  state.template = null;
   if (!templateId) {
     console.log(`[TEMPLATES] Missing required template ID`);
-    return;
+    throw new Error('Missing required template ID');
+  }
+  // TODO: This resolves a race condition where multiple components might share the template store and all want to load the same template
+  //  at once. It also creates a problem where two components might want DIFFERENT templates. This should be rare because most components
+  //  are visually "large" experiences that wouldn't run well in parallel with others anyway. But just to cover the base we may want to
+  //  account for that in the future.
+  if (state.loading) {
+    return new Promise((resolve, reject) => {
+      pendingNotifications.push({ resolve, reject });
+    });
+  }
+  if (templateId === state.templateId) {
+    return state.template;
   }
   state.loading = true;
+  state.template = null;
   try {
     console.log(`[TEMPLATES] Loading template ${templateId}`);
     const template = await getTemplate(endpoint, templateId, true);
@@ -15,11 +28,18 @@ const loadTemplate = async (endpoint, templateId) => {
       console.log('[TEMPLATES] Unable to load template');
       return;
     }
-    state.template = template;
     state.loading = false;
+    state.template = template;
+    state.templateId = templateId;
+    pendingNotifications.forEach(notification => notification.resolve(true));
+    pendingNotifications.length = 0;
+    return true;
   }
   catch (e) {
     console.log('[TEMPLATES] Error loading template', e);
+    state.loading = false;
+    pendingNotifications.forEach(notification => notification.reject(e));
+    pendingNotifications.length = 0;
     throw e;
   }
 };

package/dist/components/Templates2.js

@@ -49,5 +49,19 @@ var createTemplate = function (endpoint, params) {
         .post('/templates/', params)
         .then(function (r) { return r.data; });
 };
+/**
+ * Update a template.
+ *
+ * ```typescript
+ * import {Templates} from '@verdocs/js-sdk/Templates';
+ *
+ * const updatedTemplate = await Templates.updateTemplate((VerdocsEndpoint.getDefault(), '83da3d70-7857-4392-b876-c4592a304bc9', { name: 'New Name' });
+ * ```
+ */
+var updateTemplate = function (endpoint, templateId, params) {
+    return endpoint.api //
+        .put("/templates/".concat(templateId), params)
+        .then(function (r) { return r.data; });
+};
 
-export { getTemplates as a, createTemplate as c, getTemplate as g };
+export { getTemplates as a, createTemplate as c, getTemplate as g, updateTemplate as u };

package/dist/components/index.d.ts

@@ -9,17 +9,17 @@ export { VerdocsContactPicker as VerdocsContactPicker } from '../types/component
 export { VerdocsDocumentPage as VerdocsDocumentPage } from '../types/components/elements/verdocs-document-page/verdocs-document-page';
 export { VerdocsDropdown as VerdocsDropdown } from '../types/components/controls/verdocs-dropdown/verdocs-dropdown';
 export { VerdocsEnvelopeSidebar as VerdocsEnvelopeSidebar } from '../types/components/elements/verdocs-envelope-sidebar/verdocs-envelope-sidebar';
-export { VerdocsFieldAttachment as VerdocsFieldAttachment } from '../types/components/elements/verdocs-field-attachment/verdocs-field-attachment';
-export { VerdocsFieldCheckbox as VerdocsFieldCheckbox } from '../types/components/elements/verdocs-field-checkbox/verdocs-field-checkbox';
-export { VerdocsFieldDate as VerdocsFieldDate } from '../types/components/elements/verdocs-field-date/verdocs-field-date';
-export { VerdocsFieldDropdown as VerdocsFieldDropdown } from '../types/components/elements/verdocs-field-dropdown/verdocs-field-dropdown';
-export { VerdocsFieldInitial as VerdocsFieldInitial } from '../types/components/elements/verdocs-field-initial/verdocs-field-initial';
-export { VerdocsFieldPayment as VerdocsFieldPayment } from '../types/components/elements/verdocs-field-payment/verdocs-field-payment';
-export { VerdocsFieldRadioButton as VerdocsFieldRadioButton } from '../types/components/elements/verdocs-field-radio-button-group/verdocs-field-radio-button';
-export { VerdocsFieldSignature as VerdocsFieldSignature } from '../types/components/elements/verdocs-field-signature/verdocs-field-signature';
-export { VerdocsFieldTextarea as VerdocsFieldTextarea } from '../types/components/elements/verdocs-field-textarea/verdocs-field-textarea';
-export { VerdocsFieldTextbox as VerdocsFieldTextbox } from '../types/components/elements/verdocs-field-textbox/verdocs-field-textbox';
-export { VerdocsFieldTimestamp as VerdocsFieldTimestamp } from '../types/components/elements/verdocs-field-timestamp/verdocs-field-timestamp';
+export { VerdocsFieldAttachment as VerdocsFieldAttachment } from '../types/components/fields/verdocs-field-attachment/verdocs-field-attachment';
+export { VerdocsFieldCheckbox as VerdocsFieldCheckbox } from '../types/components/fields/verdocs-field-checkbox/verdocs-field-checkbox';
+export { VerdocsFieldDate as VerdocsFieldDate } from '../types/components/fields/verdocs-field-date/verdocs-field-date';
+export { VerdocsFieldDropdown as VerdocsFieldDropdown } from '../types/components/fields/verdocs-field-dropdown/verdocs-field-dropdown';
+export { VerdocsFieldInitial as VerdocsFieldInitial } from '../types/components/fields/verdocs-field-initial/verdocs-field-initial';
+export { VerdocsFieldPayment as VerdocsFieldPayment } from '../types/components/fields/verdocs-field-payment/verdocs-field-payment';
+export { VerdocsFieldRadioButton as VerdocsFieldRadioButton } from '../types/components/fields/verdocs-field-radio-button-group/verdocs-field-radio-button';
+export { VerdocsFieldSignature as VerdocsFieldSignature } from '../types/components/fields/verdocs-field-signature/verdocs-field-signature';
+export { VerdocsFieldTextarea as VerdocsFieldTextarea } from '../types/components/fields/verdocs-field-textarea/verdocs-field-textarea';
+export { VerdocsFieldTextbox as VerdocsFieldTextbox } from '../types/components/fields/verdocs-field-textbox/verdocs-field-textbox';
+export { VerdocsFieldTimestamp as VerdocsFieldTimestamp } from '../types/components/fields/verdocs-field-timestamp/verdocs-field-timestamp';
 export { VerdocsFloatingMenu as VerdocsFloatingMenu } from '../types/components/controls/verdocs-floating-menu/verdocs-floating-menu';
 export { VerdocsHelpIcon as VerdocsHelpIcon } from '../types/components/controls/verdocs-help-icon/verdocs-help-icon';
 export { VerdocsInitialDialog as VerdocsInitialDialog } from '../types/components/dialogs/verdocs-initial-dialog/verdocs-initial-dialog';
@@ -40,12 +40,15 @@ export { VerdocsSign as VerdocsSign } from '../types/components/embeds/verdocs-s
 export { VerdocsSignatureDialog as VerdocsSignatureDialog } from '../types/components/dialogs/verdocs-signature-dialog/verdocs-signature-dialog';
 export { VerdocsStatusIndicator as VerdocsStatusIndicator } from '../types/components/controls/verdocs-status-indicator/verdocs-status-indicator';
 export { VerdocsTemplateCard as VerdocsTemplateCard } from '../types/components/controls/verdocs-template-card/verdocs-template-card';
-export { VerdocsTemplateCreate as VerdocsTemplateCreate } from '../types/components/elements/verdocs-template-create/verdocs-template-create';
-export { VerdocsTemplateFields as VerdocsTemplateFields } from '../types/components/elements/verdocs-template-fields/verdocs-template-fields';
-export { VerdocsTemplateProperties as VerdocsTemplateProperties } from '../types/components/elements/verdocs-template-properties/verdocs-template-properties';
-export { VerdocsTemplateRecipients as VerdocsTemplateRecipients } from '../types/components/elements/verdocs-template-recipients/verdocs-template-recipients';
+export { VerdocsTemplateCreate as VerdocsTemplateCreate } from '../types/components/templates/verdocs-template-create/verdocs-template-create';
+export { VerdocsTemplateFields as VerdocsTemplateFields } from '../types/components/templates/verdocs-template-fields/verdocs-template-fields';
+export { VerdocsTemplateName as VerdocsTemplateName } from '../types/components/templates/verdocs-template-name/verdocs-template-name';
+export { VerdocsTemplateProperties as VerdocsTemplateProperties } from '../types/components/templates/verdocs-template-properties/verdocs-template-properties';
+export { VerdocsTemplateRecipients as VerdocsTemplateRecipients } from '../types/components/templates/verdocs-template-recipients/verdocs-template-recipients';
+export { VerdocsTemplateReminders as VerdocsTemplateReminders } from '../types/components/templates/verdocs-template-reminders/verdocs-template-reminders';
 export { VerdocsTemplateSenderDialog as VerdocsTemplateSenderDialog } from '../types/components/dialogs/verdocs-template-sender-dialog/verdocs-template-sender-dialog';
 export { VerdocsTemplateTags as VerdocsTemplateTags } from '../types/components/controls/verdocs-template-tags/verdocs-template-tags';
+export { VerdocsTemplateVisibility as VerdocsTemplateVisibility } from '../types/components/templates/verdocs-template-visibillity/verdocs-template-visibility';
 export { VerdocsTextInput as VerdocsTextInput } from '../types/components/controls/verdocs-text-input/verdocs-text-input';
 export { VerdocsToggle as VerdocsToggle } from '../types/components/controls/verdocs-toggle/verdocs-toggle';
 export { VerdocsToggleButton as VerdocsToggleButton } from '../types/components/controls/verdocs-toggle-button/verdocs-toggle-button';

package/dist/components/index.js

@@ -42,10 +42,13 @@ export { VerdocsStatusIndicator, defineCustomElement as defineCustomElementVerdo
 export { VerdocsTemplateCard, defineCustomElement as defineCustomElementVerdocsTemplateCard } from './verdocs-template-card.js';
 export { VerdocsTemplateCreate, defineCustomElement as defineCustomElementVerdocsTemplateCreate } from './verdocs-template-create.js';
 export { VerdocsTemplateFields, defineCustomElement as defineCustomElementVerdocsTemplateFields } from './verdocs-template-fields.js';
+export { VerdocsTemplateName, defineCustomElement as defineCustomElementVerdocsTemplateName } from './verdocs-template-name.js';
 export { VerdocsTemplateProperties, defineCustomElement as defineCustomElementVerdocsTemplateProperties } from './verdocs-template-properties.js';
 export { VerdocsTemplateRecipients, defineCustomElement as defineCustomElementVerdocsTemplateRecipients } from './verdocs-template-recipients.js';
+export { VerdocsTemplateReminders, defineCustomElement as defineCustomElementVerdocsTemplateReminders } from './verdocs-template-reminders.js';
 export { VerdocsTemplateSenderDialog, defineCustomElement as defineCustomElementVerdocsTemplateSenderDialog } from './verdocs-template-sender-dialog.js';
 export { VerdocsTemplateTags, defineCustomElement as defineCustomElementVerdocsTemplateTags } from './verdocs-template-tags.js';
+export { VerdocsTemplateVisibility, defineCustomElement as defineCustomElementVerdocsTemplateVisibility } from './verdocs-template-visibility.js';
 export { VerdocsTextInput, defineCustomElement as defineCustomElementVerdocsTextInput } from './verdocs-text-input.js';
 export { VerdocsToggle, defineCustomElement as defineCustomElementVerdocsToggle } from './verdocs-toggle.js';
 export { VerdocsToggleButton, defineCustomElement as defineCustomElementVerdocsToggleButton } from './verdocs-toggle-button.js';

package/dist/components/templateStore.js

@@ -3,9 +3,10 @@ import { i as integerSequence } from './Primitives.js';
 
 // NOTE: Do not attempt to convert this to a named-export module. It triggers compilation issues in Rollup that I spent days trying to
 const { state, onChange } = createStore({
+  templateId: '',
   template: null,
   loadProgress: 0,
-  loading: true,
+  loading: false,
   pageNumbers: [],
   pageUris: {},
   roleNames: [],

package/dist/components/verdocs-build.js

@@ -3,20 +3,13 @@ import './Types.js';
 import { V as VerdocsEndpoint } from './VerdocsEndpoint.js';
 import { l as loadTemplate } from './Templates.js';
 import { S as SDKError } from './errors.js';
-import { d as defineCustomElement$g } from './verdocs-button2.js';
-import { d as defineCustomElement$f } from './verdocs-checkbox2.js';
-import { d as defineCustomElement$e } from './verdocs-component-error2.js';
-import { d as defineCustomElement$d } from './verdocs-document-page2.js';
-import { d as defineCustomElement$c } from './verdocs-floating-menu2.js';
-import { d as defineCustomElement$b } from './verdocs-help-icon2.js';
-import { d as defineCustomElement$a } from './verdocs-loader2.js';
-import { d as defineCustomElement$9 } from './verdocs-radio-button2.js';
-import { d as defineCustomElement$8 } from './verdocs-template-create2.js';
-import { d as defineCustomElement$7 } from './verdocs-template-fields2.js';
-import { d as defineCustomElement$6 } from './verdocs-template-properties2.js';
-import { d as defineCustomElement$5 } from './verdocs-template-recipients2.js';
-import { d as defineCustomElement$4 } from './verdocs-template-sender-dialog2.js';
-import { d as defineCustomElement$3 } from './verdocs-text-input2.js';
+import { d as defineCustomElement$9 } from './verdocs-button2.js';
+import { d as defineCustomElement$8 } from './verdocs-component-error2.js';
+import { d as defineCustomElement$7 } from './verdocs-document-page2.js';
+import { d as defineCustomElement$6 } from './verdocs-floating-menu2.js';
+import { d as defineCustomElement$5 } from './verdocs-loader2.js';
+import { d as defineCustomElement$4 } from './verdocs-template-create2.js';
+import { d as defineCustomElement$3 } from './verdocs-template-fields2.js';
 import { d as defineCustomElement$2 } from './verdocs-toolbar-icon2.js';
 
 const verdocsBuildCss = "verdocs-build{display:-ms-flexbox;display:flex;font-family:\"Inter\", -apple-system, \"Segoe UI\", \"Roboto\", \"Helvetica Neue\", sans-serif;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}";
@@ -61,7 +54,8 @@ const VerdocsBuild$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElemen
   }
   handleTemplateCreated(e) {
     console.log('Created', e.detail);
-    this.step = 'properties';
+    this.step = 'fields';
+    // this.step = 'properties';
   }
   handlePropertiesUpdated(e) {
     console.log('updated', e.detail);
@@ -75,7 +69,7 @@ const VerdocsBuild$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElemen
     if (!this.endpoint.session) {
       return (h(Host, null, h("verdocs-component-error", { message: "You must be authenticated to use this module." })));
     }
-    return (h(Host, null, this.step === 'create' && h("verdocs-template-create", { onCancel: e => this.handleCancel(e), onNext: e => this.handleTemplateCreated(e) }), this.step === 'properties' && h("verdocs-template-properties", { onCancel: e => this.handleCancel(e), onNext: e => this.handlePropertiesUpdated(e) }), this.step === 'recipients' && h("verdocs-template-recipients", { onCancel: e => this.handleCancel(e), onNext: e => this.handleRecipientsUpdated(e) }), this.step === 'fields' && h("verdocs-template-fields", { onCancel: e => this.handleCancel(e), onNext: e => this.handleCancel(e) })));
+    return (h(Host, null, this.step === 'create' && h("verdocs-template-create", { onCancel: e => this.handleCancel(e), onNext: e => this.handleTemplateCreated(e) }), this.step === 'fields' && h("verdocs-template-fields", { onCancel: e => this.handleCancel(e), onNext: e => this.handleCancel(e) })));
   }
   static get style() { return verdocsBuildCss; }
 }, [0, "verdocs-build", {
@@ -89,7 +83,7 @@ function defineCustomElement$1() {
   if (typeof customElements === "undefined") {
     return;
   }
-  const components = ["verdocs-build", "verdocs-button", "verdocs-checkbox", "verdocs-component-error", "verdocs-document-page", "verdocs-floating-menu", "verdocs-help-icon", "verdocs-loader", "verdocs-radio-button", "verdocs-template-create", "verdocs-template-fields", "verdocs-template-properties", "verdocs-template-recipients", "verdocs-template-sender-dialog", "verdocs-text-input", "verdocs-toolbar-icon"];
+  const components = ["verdocs-build", "verdocs-button", "verdocs-component-error", "verdocs-document-page", "verdocs-floating-menu", "verdocs-loader", "verdocs-template-create", "verdocs-template-fields", "verdocs-toolbar-icon"];
   components.forEach(tagName => { switch (tagName) {
     case "verdocs-build":
       if (!customElements.get(tagName)) {
@@ -97,71 +91,36 @@ function defineCustomElement$1() {
       }
       break;
     case "verdocs-button":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$g();
-      }
-      break;
-    case "verdocs-checkbox":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$f();
-      }
-      break;
-    case "verdocs-component-error":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$e();
-      }
-      break;
-    case "verdocs-document-page":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$d();
-      }
-      break;
-    case "verdocs-floating-menu":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$c();
-      }
-      break;
-    case "verdocs-help-icon":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$b();
-      }
-      break;
-    case "verdocs-loader":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$a();
-      }
-      break;
-    case "verdocs-radio-button":
       if (!customElements.get(tagName)) {
         defineCustomElement$9();
       }
       break;
-    case "verdocs-template-create":
+    case "verdocs-component-error":
       if (!customElements.get(tagName)) {
         defineCustomElement$8();
       }
       break;
-    case "verdocs-template-fields":
+    case "verdocs-document-page":
       if (!customElements.get(tagName)) {
         defineCustomElement$7();
       }
       break;
-    case "verdocs-template-properties":
+    case "verdocs-floating-menu":
       if (!customElements.get(tagName)) {
         defineCustomElement$6();
       }
       break;
-    case "verdocs-template-recipients":
+    case "verdocs-loader":
       if (!customElements.get(tagName)) {
         defineCustomElement$5();
       }
       break;
-    case "verdocs-template-sender-dialog":
+    case "verdocs-template-create":
       if (!customElements.get(tagName)) {
         defineCustomElement$4();
       }
       break;
-    case "verdocs-text-input":
+    case "verdocs-template-fields":
       if (!customElements.get(tagName)) {
         defineCustomElement$3();
       }

package/dist/components/verdocs-template-fields2.js

@@ -17,7 +17,6 @@ import { d as defineCustomElement$1 } from './verdocs-toolbar-icon2.js';
  */
 var createField = function (endpoint, templateId, params) {
     return endpoint.api //
-        // curl -X POST 'https://api.verdocs.com/templates/d2338742-f3a1-465b-8592-806587413cc1/fields' \
         .post("/templates/".concat(templateId, "/fields"), params)
         .then(function (r) { return r.data; });
 };

package/dist/components/verdocs-template-name.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface VerdocsTemplateName extends Components.VerdocsTemplateName, HTMLElement {}
+export const VerdocsTemplateName: {
+  prototype: VerdocsTemplateName;
+  new (): VerdocsTemplateName;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;