@verdocs/web-sdk 1.12.43 → 1.13.0

package/dist/collection/components/templates/verdocs-template-name/verdocs-template-name.js

@@ -1,62 +1,71 @@
 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 { getTemplateStore } from '../../../utils/TemplateStore';
 import { SDKError } from '../../../utils/errors';
 /**
  * Displays an edit form that allows the user to rename a template. Note that an active session and valid template ID must be supplied.
  */
 export class VerdocsTemplateName {
   constructor() {
+    this.store = null;
     this.endpoint = VerdocsEndpoint.getDefault();
     this.templateId = '';
     this.name = '';
     this.dirty = false;
-    this.loading = true;
   }
   async componentWillLoad() {
-    var _a, _b, _c;
+    var _a, _b, _c, _d, _e;
     try {
       this.endpoint.loadSession();
-      await loadTemplate(this.endpoint, this.templateId);
-      this.loading = false;
-      this.name = TemplateStore.template.name;
+      if (!this.templateId) {
+        console.log(`[ROLES] Missing required template ID ${this.templateId}`);
+        return;
+      }
+      if (!this.endpoint.session) {
+        console.log('[ROLES] Unable to start builder session, must be authenticated');
+        return;
+      }
+      this.store = await getTemplateStore(this.endpoint, this.templateId, false);
+      this.name = (_b = (_a = this.store) === null || _a === void 0 ? void 0 : _a.state) === null || _b === void 0 ? void 0 : _b.name;
       this.dirty = false;
     }
     catch (e) {
       console.log('[TEMPLATE NAME] 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));
+      (_c = this.sdkError) === null || _c === void 0 ? void 0 : _c.emit(new SDKError(e.message, (_d = e.response) === null || _d === void 0 ? void 0 : _d.status, (_e = e.response) === null || _e === void 0 ? void 0 : _e.data));
     }
   }
   handleCancel(e) {
-    var _a;
+    var _a, _b, _c;
     e.stopPropagation();
-    this.name = TemplateStore.template.name;
+    this.name = (_b = (_a = this.store) === null || _a === void 0 ? void 0 : _a.state) === null || _b === void 0 ? void 0 : _b.name;
     this.dirty = false;
     console.log('Closing');
-    (_a = this.close) === null || _a === void 0 ? void 0 : _a.emit();
+    (_c = this.close) === null || _c === void 0 ? void 0 : _c.emit();
   }
   async handleSave(e) {
-    var _a;
+    var _a, _b;
     e.stopPropagation();
     await updateTemplate(this.endpoint, this.templateId, { name: this.name });
-    TemplateStore.template.name = this.name;
+    if ((_a = this.store) === null || _a === void 0 ? void 0 : _a.state) {
+      this.store.state.name = this.name;
+    }
     this.dirty = false;
     console.log('Closing');
-    (_a = this.close) === null || _a === void 0 ? void 0 : _a.emit();
+    (_b = this.close) === null || _b === void 0 ? void 0 : _b.emit();
   }
   render() {
+    var _a, _b;
     if (!this.endpoint.session) {
       return (h(Host, null, h("verdocs-component-error", { message: "You must be authenticated to use this module." })));
     }
-    if (this.loading) {
+    if ((_b = (_a = this.store) === null || _a === void 0 ? void 0 : _a.state) === null || _b === void 0 ? void 0 : _b.isLoading) {
       return (h(Host, { class: "loading" }, h("verdocs-loader", null)));
     }
     return (h(Host, null, h("form", { onSubmit: e => e.preventDefault(), onClick: e => e.stopPropagation(), autocomplete: "off" }, h("label", { htmlFor: "verdocs-template-name" }, "Template Name"), h("verdocs-text-input", { id: "verdocs-template-name", value: this.name, autocomplete: "off", placeholder: "Template Name...", onInput: (e) => {
+        var _a, _b;
         this.name = e.target.value;
-        this.dirty = this.name !== TemplateStore.template.name;
+        this.dirty = this.name !== ((_b = (_a = this.store) === null || _a === void 0 ? void 0 : _a.state) === null || _b === void 0 ? void 0 : _b.name);
       } }), 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-name"; }
@@ -116,8 +125,7 @@ export class VerdocsTemplateName {
   static get states() {
     return {
       "name": {},
-      "dirty": {},
-      "loading": {}
+      "dirty": {}
     };
   }
   static get events() {

package/dist/collection/components/templates/verdocs-template-properties/verdocs-template-properties.js

@@ -1,16 +1,15 @@
 import { VerdocsEndpoint } from '@verdocs/js-sdk';
 import { h, Host } from '@stencil/core';
-import { getTemplate } from '@verdocs/js-sdk/Templates/Templates';
+import { getTemplateStore } from '../../../utils/TemplateStore';
 import { SDKError } from '../../../utils/errors';
-import TemplateStore from '../../../utils/templateStore';
 /**
  * Displays a collection of settings boxes that allow a user to configure a template's behavior.
  */
 export class VerdocsTemplateProperties {
   constructor() {
+    this.store = null;
     this.endpoint = VerdocsEndpoint.getDefault();
     this.templateId = '';
-    this.template = null;
     this.name = '';
     this.visibility = '';
     this.sendReminders = false;
@@ -18,24 +17,24 @@ export class VerdocsTemplateProperties {
     this.reminderDays = '1';
   }
   async componentWillLoad() {
-    var _a, _b, _c;
+    var _a, _b, _c, _d, _e, _f, _g;
     try {
       this.endpoint.loadSession();
-      console.log(`[PROPERTIES] Loading template ${this.templateId}`);
-      const template = await getTemplate(this.endpoint, this.templateId);
-      if (!template) {
-        console.log('[PREVIEW] Unable to load template');
+      if (!this.templateId) {
+        console.log(`[PROPERTIES] Missing required template ID ${this.templateId}`);
         return;
       }
-      console.log('[PROPERTIES] Got template', template);
-      this.template = template;
-      TemplateStore.template = template;
-      this.name = template.name;
-      this.sendReminders = template.reminder_id !== null;
+      if (!this.endpoint.session) {
+        console.log('[PROPERTIES] Unable to start builder session, must be authenticated');
+        return;
+      }
+      this.store = await getTemplateStore(this.endpoint, this.templateId, false);
+      this.name = (_b = (_a = this.store) === null || _a === void 0 ? void 0 : _a.state) === null || _b === void 0 ? void 0 : _b.name;
+      this.sendReminders = ((_d = (_c = this.store) === null || _c === void 0 ? void 0 : _c.state) === null || _d === void 0 ? void 0 : _d.reminder_id) !== null;
     }
     catch (e) {
       console.log('[PROPERTIES] Error loading template', e);
-      (_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));
+      (_e = this.sdkError) === null || _e === void 0 ? void 0 : _e.emit(new SDKError(e.message, (_f = e.response) === null || _f === void 0 ? void 0 : _f.status, (_g = e.response) === null || _g === void 0 ? void 0 : _g.data));
     }
   }
   handleCancel(e) {
@@ -115,7 +114,6 @@ export class VerdocsTemplateProperties {
   }
   static get states() {
     return {
-      "template": {},
       "name": {},
       "visibility": {},
       "sendReminders": {},

package/dist/collection/components/templates/verdocs-template-reminders/verdocs-template-reminders.js

@@ -1,14 +1,14 @@
 import { VerdocsEndpoint } from '@verdocs/js-sdk';
 import { h, Host } from '@stencil/core';
 import { createReminder, updateReminder, deleteReminder } from '@verdocs/js-sdk/Templates/Reminders';
-import TemplateStore from '../../../utils/templateStore';
-import { loadTemplate } from '../../../utils/Templates';
+import { getTemplateStore } from '../../../utils/TemplateStore';
 import { SDKError } from '../../../utils/errors';
 /**
  * Displays an edit form that allows the user to adjust a template's reminders.
  */
 export class VerdocsTemplateReminders {
   constructor() {
+    this.store = null;
     this.endpoint = VerdocsEndpoint.getDefault();
     this.templateId = '';
     this.showPlanBlocker = false;
@@ -16,57 +16,63 @@ export class VerdocsTemplateReminders {
     this.firstReminderDays = '1';
     this.reminderDays = '1';
     this.dirty = false;
-    this.loading = true;
   }
   async componentWillLoad() {
-    var _a, _b, _c;
+    var _a, _b, _c, _d, _e;
     try {
       this.endpoint.loadSession();
-      await loadTemplate(this.endpoint, this.templateId);
-      this.loading = false;
-      this.sendReminders = !!TemplateStore.template.reminder_id;
+      if (!this.templateId) {
+        console.log(`[ROLES] Missing required template ID ${this.templateId}`);
+        return;
+      }
+      if (!this.endpoint.session) {
+        console.log('[ROLES] Unable to start builder session, must be authenticated');
+        return;
+      }
+      this.store = await getTemplateStore(this.endpoint, this.templateId, true);
+      this.sendReminders = !!((_b = (_a = this.store) === null || _a === void 0 ? void 0 : _a.state) === null || _b === void 0 ? void 0 : _b.reminder_id);
       this.dirty = false;
     }
     catch (e) {
       console.log('[TEMPLATE REMINDERS] 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));
+      (_c = this.sdkError) === null || _c === void 0 ? void 0 : _c.emit(new SDKError(e.message, (_d = e.response) === null || _d === void 0 ? void 0 : _d.status, (_e = e.response) === null || _e === void 0 ? void 0 : _e.data));
     }
   }
   handleCancel(e) {
-    var _a;
+    var _a, _b, _c;
     e.stopPropagation();
-    this.sendReminders = !!TemplateStore.template.reminder_id;
+    this.sendReminders = !!((_b = (_a = this.store) === null || _a === void 0 ? void 0 : _a.state) === null || _b === void 0 ? void 0 : _b.reminder_id);
     this.dirty = false;
-    (_a = this.close) === null || _a === void 0 ? void 0 : _a.emit();
+    (_c = this.close) === null || _c === void 0 ? void 0 : _c.emit();
   }
   async handleSave(e) {
-    var _a;
+    var _a, _b, _c, _d, _e;
     e.stopPropagation();
     if (this.sendReminders) {
       const params = {
         setup_time: 86400000 * +this.firstReminderDays,
         interval_time: 86400000 * +this.reminderDays,
       };
-      if (!TemplateStore.template.reminder_id) {
+      if (!((_b = (_a = this.store) === null || _a === void 0 ? void 0 : _a.state) === null || _b === void 0 ? void 0 : _b.reminder_id)) {
         await createReminder(this.endpoint, this.templateId, params);
       }
       else {
-        await updateReminder(this.endpoint, this.templateId, TemplateStore.template.reminder_id, params);
+        await updateReminder(this.endpoint, this.templateId, (_c = this.store) === null || _c === void 0 ? void 0 : _c.state.reminder_id, params);
       }
     }
     else {
-      await deleteReminder(this.endpoint, this.templateId, TemplateStore.template.reminder_id);
+      await deleteReminder(this.endpoint, this.templateId, (_d = this.store) === null || _d === void 0 ? void 0 : _d.state.reminder_id);
     }
     this.dirty = false;
-    (_a = this.close) === null || _a === void 0 ? void 0 : _a.emit();
+    (_e = this.close) === null || _e === void 0 ? void 0 : _e.emit();
   }
   render() {
+    var _a, _b;
     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) {
+    if (!this.endpoint.session || !((_b = (_a = this.store) === null || _a === void 0 ? void 0 : _a.state) === null || _b === void 0 ? void 0 : _b.isLoaded)) {
       return h(Host, { class: "empty" });
     }
     return (h(Host, null, h("form", { onSubmit: e => e.preventDefault(), onClick: e => e.stopPropagation(), autocomplete: "off" }, h("h5", null, "Reminders"), h("div", { class: "input-row" }, h("label", { htmlFor: "verdocs-send-reminders" }, "Send Automatic Reminders"), h("verdocs-checkbox", { id: "verdocs-send-reminders", name: "automatic-reminders", checked: this.sendReminders, value: "on", onInput: (e) => {
@@ -136,8 +142,7 @@ export class VerdocsTemplateReminders {
       "sendReminders": {},
       "firstReminderDays": {},
       "reminderDays": {},
-      "dirty": {},
-      "loading": {}
+      "dirty": {}
     };
   }
   static get events() {

package/dist/collection/components/templates/verdocs-template-role-properties/verdocs-template-role-properties.js

@@ -2,8 +2,7 @@ import { VerdocsEndpoint } from '@verdocs/js-sdk';
 import { deleteRole, updateRole } from '@verdocs/js-sdk/Templates/Roles';
 import { h, Host } from '@stencil/core';
 import { TemplateSenderTypes } from '@verdocs/js-sdk/Templates/Types';
-import TemplateStore from '../../../utils/templateStore';
-import { loadTemplate } from '../../../utils/Templates';
+import { getTemplateStore } from '../../../utils/TemplateStore';
 import { SDKError } from '../../../utils/errors';
 const TrashIcon = `<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>`;
 /**
@@ -11,6 +10,7 @@ const TrashIcon = `<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="
  */
 export class VerdocsTemplateRoleProperties {
   constructor() {
+    this.store = null;
     this.endpoint = VerdocsEndpoint.getDefault();
     this.templateId = '';
     this.roleName = '';
@@ -25,26 +25,19 @@ export class VerdocsTemplateRoleProperties {
     this.allowDelegation = false;
   }
   async componentWillLoad() {
-    var _a, _b, _c, _d, _e, _f;
+    var _a, _b, _c, _d, _e;
     try {
       this.endpoint.loadSession();
       if (!this.templateId) {
-        console.log(`[TEMPLATE ROLE PROPERTIES] Missing required template ID ${this.templateId}`);
+        console.log(`[ROLE_PROPERTIES] Missing required template ID ${this.templateId}`);
         return;
       }
       if (!this.endpoint.session) {
-        console.log('[TEMPLATE ROLE PROPERTIES] Unable to start builder session, must be authenticated');
+        console.log('[ROLE_PROPERTIES] Unable to start builder session, must be authenticated');
         return;
       }
-      try {
-        console.log(`[TEMPLATE ROLE PROPERTIES] Loading template ${this.templateId}`, this.endpoint.session);
-        await loadTemplate(this.endpoint, this.templateId);
-      }
-      catch (e) {
-        console.log('[TEMPLATE ROLE PROPERTIES] Error loading template', e);
-        (_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));
-      }
-      const editingRole = TemplateStore.template.roles.find(role => role.name === this.roleName);
+      this.store = await getTemplateStore(this.endpoint, this.templateId, false);
+      const editingRole = (_b = (_a = this.store) === null || _a === void 0 ? void 0 : _a.state) === null || _b === void 0 ? void 0 : _b.roles.find(role => role.name === this.roleName);
       if (editingRole) {
         this.name = editingRole.name;
         this.type = editingRole.type;
@@ -57,15 +50,15 @@ export class VerdocsTemplateRoleProperties {
     }
     catch (e) {
       console.log('[TEMPLATE ROLE PROPERTIES] Error with preview session', e);
-      (_d = this.sdkError) === null || _d === void 0 ? void 0 : _d.emit(new SDKError(e.message, (_e = e.response) === null || _e === void 0 ? void 0 : _e.status, (_f = e.response) === null || _f === void 0 ? void 0 : _f.data));
+      (_c = this.sdkError) === null || _c === void 0 ? void 0 : _c.emit(new SDKError(e.message, (_d = e.response) === null || _d === void 0 ? void 0 : _d.status, (_e = e.response) === null || _e === void 0 ? void 0 : _e.data));
     }
   }
   handleCancel(e) {
-    var _a;
+    var _a, _b, _c;
     e.stopPropagation();
-    this.name = TemplateStore.template.name;
+    this.name = (_b = (_a = this.store) === null || _a === void 0 ? void 0 : _a.state) === null || _b === void 0 ? void 0 : _b.name;
     this.dirty = false;
-    (_a = this.close) === null || _a === void 0 ? void 0 : _a.emit();
+    (_c = this.close) === null || _c === void 0 ? void 0 : _c.emit();
   }
   async handleSave(e) {
     e.stopPropagation();
@@ -79,11 +72,11 @@ export class VerdocsTemplateRoleProperties {
       delegator: this.allowDelegation,
     })
       .then(r => {
-      var _a;
+      var _a, _b, _c;
       console.log('Update result', r);
       this.saving = false;
       this.dirty = false;
-      TemplateStore.template.roles.forEach(role => {
+      (_b = (_a = this.store) === null || _a === void 0 ? void 0 : _a.state) === null || _b === void 0 ? void 0 : _b.roles.forEach(role => {
         if (role.name === this.roleName) {
           role.name = this.name;
           role.type = this.type;
@@ -93,7 +86,7 @@ export class VerdocsTemplateRoleProperties {
           role.delegator = this.allowDelegation;
         }
       });
-      (_a = this.close) === null || _a === void 0 ? void 0 : _a.emit();
+      (_c = this.close) === null || _c === void 0 ? void 0 : _c.emit();
     })
       .catch(e => {
       console.log('Uopdate error', e);
@@ -105,10 +98,12 @@ export class VerdocsTemplateRoleProperties {
     if (window.confirm('Are you sure you wish to remove this role? All associated fields will be removed as well. This action cannot be undone.')) {
       deleteRole(this.endpoint, this.templateId, this.roleName)
         .then(r => {
-        var _a;
+        var _a, _b;
         console.log('Role deleted', r);
-        TemplateStore.template.roles = [...TemplateStore.template.roles.filter(role => role.name !== this.roleName)];
-        (_a = this.delete) === null || _a === void 0 ? void 0 : _a.emit({ templateId: this.templateId, roleName: this.roleName });
+        if ((_a = this.store) === null || _a === void 0 ? void 0 : _a.state) {
+          this.store.state.roles = [...this.store.state.roles.filter(role => role.name !== this.roleName)];
+        }
+        (_b = this.delete) === null || _b === void 0 ? void 0 : _b.emit({ templateId: this.templateId, roleName: this.roleName });
       })
         .catch(e => {
         console.log('Deletion error', e);