@verdocs/web-sdk 1.9.41 → 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/collection/utils/utils.js

@@ -3,6 +3,14 @@ import { Envelopes } from '@verdocs/js-sdk/Envelopes';
 import { downloadBlob } from '@verdocs/js-sdk/Utils/Files';
 export const defaultWidth = (field) => {
   switch (field.type) {
+    case 'textbox':
+      return 150;
+    case 'timestamp':
+      return 64;
+    case 'date':
+      return 64;
+    case 'dropdown':
+      return 64;
     case 'attachment':
     case 'payment':
       return 24;
@@ -20,6 +28,14 @@ export const defaultWidth = (field) => {
 };
 export const defaultHeight = (field) => {
   switch (field.type) {
+    case 'textbox':
+      return 15;
+    case 'timestamp':
+      return 15;
+    case 'date':
+      return 15;
+    case 'dropdown':
+      return 15;
     case 'attachment':
     case 'payment':
       return 24;

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/VerdocsEndpoint.js

@@ -959,7 +959,7 @@ function toFormData(obj, formData, options) {
         value = JSON.stringify(value);
       } else if (
         (utils.isArray(value) && isFlatArray(value)) ||
-        (utils.isFileList(value) || utils.endsWith(key, '[]') && (arr = utils.toArray(value))
+        ((utils.isFileList(value) || utils.endsWith(key, '[]')) && (arr = utils.toArray(value))
         )) {
         // eslint-disable-next-line no-param-reassign
         key = removeBrackets(key);
@@ -1713,7 +1713,7 @@ class AxiosHeaders {
     if (header) {
       const key = utils.findKey(this, header);
 
-      return !!(key && (!matcher || matchHeaderValue(this, this[key], key, matcher)));
+      return !!(key && this[key] !== undefined && (!matcher || matchHeaderValue(this, this[key], key, matcher)));
     }
 
     return false;
@@ -2601,7 +2601,7 @@ function mergeConfig(config1, config2) {
   return config;
 }
 
-const VERSION = "1.3.0";
+const VERSION = "1.3.1";
 
 const validators$1 = {};
 

package/dist/components/index.d.ts

@@ -4,21 +4,23 @@ export { VerdocsBuild as VerdocsBuild } from '../types/components/embeds/verdocs
 export { VerdocsButton as VerdocsButton } from '../types/components/controls/verdocs-button/verdocs-button';
 export { VerdocsButtonPanel as VerdocsButtonPanel } from '../types/components/controls/verdocs-button-panel/verdocs-button-panel';
 export { VerdocsCheckbox as VerdocsCheckbox } from '../types/components/controls/verdocs-checkbox/verdocs-checkbox';
+export { VerdocsComponentError as VerdocsComponentError } from '../types/components/elements/verdocs-component-error/verdocs-component-error';
 export { VerdocsContactPicker as VerdocsContactPicker } from '../types/components/elements/verdocs-contact-picker/verdocs-contact-picker';
 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';
 export { VerdocsKbaDialog as VerdocsKbaDialog } from '../types/components/dialogs/verdocs-kba-dialog/verdocs-kba-dialog';
@@ -38,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

@@ -4,6 +4,7 @@ export { VerdocsBuild, defineCustomElement as defineCustomElementVerdocsBuild }
 export { VerdocsButton, defineCustomElement as defineCustomElementVerdocsButton } from './verdocs-button.js';
 export { VerdocsButtonPanel, defineCustomElement as defineCustomElementVerdocsButtonPanel } from './verdocs-button-panel.js';
 export { VerdocsCheckbox, defineCustomElement as defineCustomElementVerdocsCheckbox } from './verdocs-checkbox.js';
+export { VerdocsComponentError, defineCustomElement as defineCustomElementVerdocsComponentError } from './verdocs-component-error.js';
 export { VerdocsContactPicker, defineCustomElement as defineCustomElementVerdocsContactPicker } from './verdocs-contact-picker.js';
 export { VerdocsDocumentPage, defineCustomElement as defineCustomElementVerdocsDocumentPage } from './verdocs-document-page.js';
 export { VerdocsDropdown, defineCustomElement as defineCustomElementVerdocsDropdown } from './verdocs-dropdown.js';
@@ -19,6 +20,7 @@ export { VerdocsFieldSignature, defineCustomElement as defineCustomElementVerdoc
 export { VerdocsFieldTextarea, defineCustomElement as defineCustomElementVerdocsFieldTextarea } from './verdocs-field-textarea.js';
 export { VerdocsFieldTextbox, defineCustomElement as defineCustomElementVerdocsFieldTextbox } from './verdocs-field-textbox.js';
 export { VerdocsFieldTimestamp, defineCustomElement as defineCustomElementVerdocsFieldTimestamp } from './verdocs-field-timestamp.js';
+export { VerdocsFloatingMenu, defineCustomElement as defineCustomElementVerdocsFloatingMenu } from './verdocs-floating-menu.js';
 export { VerdocsHelpIcon, defineCustomElement as defineCustomElementVerdocsHelpIcon } from './verdocs-help-icon.js';
 export { VerdocsInitialDialog, defineCustomElement as defineCustomElementVerdocsInitialDialog } from './verdocs-initial-dialog.js';
 export { VerdocsKbaDialog, defineCustomElement as defineCustomElementVerdocsKbaDialog } from './verdocs-kba-dialog.js';
@@ -40,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/utils.js

@@ -7,6 +7,14 @@ function rescale(r, n) {
 
 const defaultWidth = (field) => {
   switch (field.type) {
+    case 'textbox':
+      return 150;
+    case 'timestamp':
+      return 64;
+    case 'date':
+      return 64;
+    case 'dropdown':
+      return 64;
     case 'attachment':
     case 'payment':
       return 24;
@@ -24,6 +32,14 @@ const defaultWidth = (field) => {
 };
 const defaultHeight = (field) => {
   switch (field.type) {
+    case 'textbox':
+      return 15;
+    case 'timestamp':
+      return 15;
+    case 'date':
+      return 15;
+    case 'dropdown':
+      return 15;
     case 'attachment':
     case 'payment':
       return 24;
@@ -226,4 +242,4 @@ const throttle = (f, delay) => {
   };
 };
 
-export { getRoleIndex as a, getFieldId as b, updateCssTransform as c, getFieldSettings as g, renderDocumentField as r, savePDF as s, throttle as t, updateDocumentFieldValue as u };
+export { getRoleIndex as a, getFieldId as b, updateCssTransform as c, defaultWidth as d, defaultHeight as e, getFieldSettings as g, renderDocumentField as r, savePDF as s, throttle as t, updateDocumentFieldValue as u };