@verdocs/web-sdk 1.10.0 → 1.10.3

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

@@ -0,0 +1,13 @@
+import { html } from 'lit-html';
+export default {
+  title: 'Dialogs/Sender',
+  component: 'verdocs-template-sender',
+  args: {
+    templateId: '056b837f-b183-4039-b50a-d68acbf81b67',
+    // templateId: 'd2338742-f3a1-465b-8592-806587413cc1',
+  },
+  argTypes: {
+    onClose: { action: 'close' },
+  },
+};
+export const Sender = ({ value, onClose }) => html `<verdocs-template-sender-dialog .value=${value} @close=${onClose} />`;

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

@@ -0,0 +1,75 @@
+verdocs-template-visibility {
+  font-family: "Inter", -apple-system, "Segoe UI", "Roboto", "Helvetica Neue", sans-serif;
+}
+verdocs-template-visibility.loading {
+  min-height: 300px;
+  position: relative;
+  display: block;
+}
+verdocs-template-visibility.empty {
+  display: none;
+}
+verdocs-template-visibility form {
+  display: flex;
+  flex-direction: column;
+}
+verdocs-template-visibility form .description {
+  font-size: 14px;
+  text-align: justify;
+  color: #5c6575;
+}
+verdocs-template-visibility form h5 {
+  font-size: 16px;
+  font-weight: bold;
+  color: #4c56cb;
+  margin: 0;
+}
+verdocs-template-visibility form label {
+  flex: 1;
+  display: flex;
+  font-size: 16px;
+  font-weight: 500;
+  margin: 0 0 4px 0;
+  color: #33364b;
+}
+verdocs-template-visibility form input {
+  border: none;
+  font-size: 18px;
+  padding: 3px 6px 3px 0;
+  background: transparent;
+  border-bottom: 1px solid #33364b;
+}
+verdocs-template-visibility form input:focus {
+  outline: none;
+}
+verdocs-template-visibility form .input-row {
+  display: flex;
+  margin: 20px 0 0 0;
+  align-items: center;
+  flex-direction: row;
+}
+verdocs-template-visibility form .input-row verdocs-text-input {
+  margin: 0;
+  display: flex;
+  flex: 0 0 40px;
+}
+verdocs-template-visibility form .input-row verdocs-text-input input {
+  text-align: center;
+}
+verdocs-template-visibility form .input-row verdocs-checkbox {
+  flex: 0;
+  display: flex;
+  justify-content: center;
+}
+verdocs-template-visibility form .input-row verdocs-checkbox label > input[type=checkbox] + *::before {
+  margin-right: 0;
+}
+verdocs-template-visibility .buttons {
+  display: flex;
+  column-gap: 8px;
+  margin-top: 25px;
+  flex-direction: row;
+}
+verdocs-template-visibility ::placeholder {
+  color: #aaaaaa;
+}

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 an edit form that allows the user to adjust a template's visibility.
+ */
+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("h5", null, "Visibility"), 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/Visibility',
+  component: 'verdocs-template-visibility',
+  args: {
+    templateId: '951016b0-c5ef-450d-b628-9a0c5b84b163',
+  },
+  argTypes: {
+    onClose: { action: 'close' },
+  },
+};
+export const Visibility = ({ 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/VerdocsEndpoint.js

@@ -1,5 +1,47 @@
 import { d as decodeAccessTokenBody } from './Token.js';
 
+var TemplatePermissions;
+(function (TemplatePermissions) {
+    TemplatePermissions["TEMPLATE_CREATOR_CREATE_PUBLIC"] = "template:creator:create:public";
+    TemplatePermissions["TEMPLATE_CREATOR_CREATE_ORG"] = "template:creator:create:org";
+    TemplatePermissions["TEMPLATE_CREATOR_CREATE_PERSONAL"] = "template:creator:create:personal";
+    TemplatePermissions["TEMPLATE_CREATOR_DELETE"] = "template:creator:delete";
+    TemplatePermissions["TEMPLATE_CREATOR_VISIBILITY"] = "template:creator:visibility";
+    TemplatePermissions["TEMPLATE_MEMBER_READ"] = "template:member:read";
+    TemplatePermissions["TEMPLATE_MEMBER_WRITE"] = "template:member:write";
+    TemplatePermissions["TEMPLATE_MEMBER_DELETE"] = "template:member:delete";
+    TemplatePermissions["TEMPLATE_MEMBER_VISIBILITY"] = "template:member:visibility";
+})(TemplatePermissions || (TemplatePermissions = {}));
+var TemplateSenderTypes;
+(function (TemplateSenderTypes) {
+    TemplateSenderTypes["CREATOR"] = "creator";
+    TemplateSenderTypes["ORGANIZATION_MEMBER"] = "organization_member";
+    TemplateSenderTypes["ORGANIZATION_MEMBER_AS_CREATOR"] = "organization_member_as_creator";
+    TemplateSenderTypes["EVERYONE"] = "everyone";
+    TemplateSenderTypes["EVERYONE_AS_CREATOR"] = "everyone_as_creator";
+})(TemplateSenderTypes || (TemplateSenderTypes = {}));
+var TemplateActions;
+(function (TemplateActions) {
+    TemplateActions["CREATE_PERSONAL"] = "create_personal";
+    TemplateActions["CREATE_ORG"] = "create_org";
+    TemplateActions["CREATE_PUBLIC"] = "create_public";
+    TemplateActions["READ"] = "read";
+    TemplateActions["WRITE"] = "write";
+    TemplateActions["DELETE"] = "delete";
+    TemplateActions["CHANGE_VISIBILITY_PERSONAL"] = "change_visibility_personal";
+    TemplateActions["CHANGE_VISIBILITY_ORG"] = "change_visibility_org";
+    TemplateActions["CHANGE_VISIBILITY_PUBLIC"] = "change_visibility_public";
+})(TemplateActions || (TemplateActions = {}));
+var SortOptions;
+(function (SortOptions) {
+    SortOptions["CREATED_AT"] = "created_at";
+    SortOptions["UPDATED_AT"] = "updated_at";
+    SortOptions["NAME"] = "name";
+    SortOptions["LAST_USED_AT"] = "last_used_at";
+    SortOptions["COUNTER"] = "counter";
+    SortOptions["STAR_COUNTER"] = "star_counter";
+})(SortOptions || (SortOptions = {}));
+
 function bind(fn, thisArg) {
   return function wrap() {
     return fn.apply(thisArg, arguments);
@@ -3529,4 +3571,4 @@ var VerdocsEndpoint = /** @class */ (function () {
     return VerdocsEndpoint;
 }());
 
-export { VerdocsEndpoint as V };
+export { TemplateSenderTypes as T, VerdocsEndpoint as V };

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';
@@ -39,13 +39,18 @@ export { VerdocsSend as VerdocsSend } from '../types/components/embeds/verdocs-s
 export { VerdocsSign as VerdocsSign } from '../types/components/embeds/verdocs-sign/verdocs-sign';
 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 { VerdocsTemplateAttachments as VerdocsTemplateAttachments } from '../types/components/templates/verdocs-template-attachments/verdocs-template-attachments';
 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 { VerdocsTemplateSenderDialog as VerdocsTemplateSenderDialog } from '../types/components/dialogs/verdocs-template-sender-dialog/verdocs-template-sender-dialog';
+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 { VerdocsTemplateRoleProperties as VerdocsTemplateRoleProperties } from '../types/components/templates/verdocs-template-role-properties/verdocs-template-role-properties';
+export { VerdocsTemplateSender as VerdocsTemplateSender } from '../types/components/templates/verdocs-template-sender/verdocs-template-sender';
 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

@@ -39,13 +39,18 @@ export { VerdocsSend, defineCustomElement as defineCustomElementVerdocsSend } fr
 export { VerdocsSign, defineCustomElement as defineCustomElementVerdocsSign } from './verdocs-sign.js';
 export { VerdocsSignatureDialog, defineCustomElement as defineCustomElementVerdocsSignatureDialog } from './verdocs-signature-dialog.js';
 export { VerdocsStatusIndicator, defineCustomElement as defineCustomElementVerdocsStatusIndicator } from './verdocs-status-indicator.js';
+export { VerdocsTemplateAttachments, defineCustomElement as defineCustomElementVerdocsTemplateAttachments } from './verdocs-template-attachments.js';
 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 { VerdocsTemplateSenderDialog, defineCustomElement as defineCustomElementVerdocsTemplateSenderDialog } from './verdocs-template-sender-dialog.js';
+export { VerdocsTemplateReminders, defineCustomElement as defineCustomElementVerdocsTemplateReminders } from './verdocs-template-reminders.js';
+export { VerdocsTemplateRoleProperties, defineCustomElement as defineCustomElementVerdocsTemplateRoleProperties } from './verdocs-template-role-properties.js';
+export { VerdocsTemplateSender, defineCustomElement as defineCustomElementVerdocsTemplateSender } from './verdocs-template-sender.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-auth.js

@@ -1,8 +1,8 @@
 import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
-import './Types.js';
 import { V as VerdocsEndpoint } from './VerdocsEndpoint.js';
 import { S as SDKError } from './errors.js';
-import { d as defineCustomElement$4 } from './verdocs-button2.js';
+import { d as defineCustomElement$5 } from './verdocs-button2.js';
+import { d as defineCustomElement$4 } from './verdocs-help-icon2.js';
 import { d as defineCustomElement$3 } from './verdocs-ok-dialog2.js';
 import { d as defineCustomElement$2 } from './verdocs-text-input2.js';
 
@@ -117,7 +117,7 @@ function defineCustomElement$1() {
   if (typeof customElements === "undefined") {
     return;
   }
-  const components = ["verdocs-auth", "verdocs-button", "verdocs-ok-dialog", "verdocs-text-input"];
+  const components = ["verdocs-auth", "verdocs-button", "verdocs-help-icon", "verdocs-ok-dialog", "verdocs-text-input"];
   components.forEach(tagName => { switch (tagName) {
     case "verdocs-auth":
       if (!customElements.get(tagName)) {
@@ -125,6 +125,11 @@ function defineCustomElement$1() {
       }
       break;
     case "verdocs-button":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$5();
+      }
+      break;
+    case "verdocs-help-icon":
       if (!customElements.get(tagName)) {
         defineCustomElement$4();
       }