@verdocs/web-sdk 2.3.88 → 4.0.6

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

@@ -1,231 +1,235 @@
-import { VerdocsEndpoint } from '@verdocs/js-sdk';
-import { h, Host } from '@stencil/core';
-import { createReminder, updateReminder, deleteReminder } from '@verdocs/js-sdk/Templates/Reminders';
-import { getTemplateStore } from '../../../utils/TemplateStore';
-import { SDKError } from '../../../utils/errors';
-import { VerdocsToast } from '../../../utils/Toast';
+import { updateTemplateReminder, VerdocsEndpoint } from "@verdocs/js-sdk";
+import { h, Host } from "@stencil/core";
+import { createTemplateReminder, deleteTemplateReminder } from "@verdocs/js-sdk";
+import { getTemplateStore } from "../../../utils/TemplateStore";
+import { VerdocsToast } from "../../../utils/Toast";
+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;
-    this.sendReminders = false;
-    this.firstReminderDays = '1';
-    this.reminderDays = '1';
-    this.dirty = false;
-  }
-  // POST https://api.verdocs.com/templates/8337af06-3b5a-4e1b-98be-67d82bc7ecd1/reminder
-  // interval_time: 1,
-  // setup_time:1,
-  async componentWillLoad() {
-    var _a, _b, _c, _d, _e;
-    try {
-      this.endpoint.loadSession();
-      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.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;
+    constructor() {
+        this.store = null;
+        this.endpoint = VerdocsEndpoint.getDefault();
+        this.templateId = '';
+        this.showPlanBlocker = false;
+        this.sendReminders = false;
+        this.firstReminderDays = '1';
+        this.reminderDays = '1';
+        this.dirty = false;
     }
-    catch (e) {
-      console.log('[TEMPLATE REMINDERS] Error loading template', e);
-      (_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, _b, _c;
-    e.stopPropagation();
-    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;
-    (_c = this.close) === null || _c === void 0 ? void 0 : _c.emit();
-  }
-  async handleSave(e) {
-    var _a, _b, _c, _d, _e, _f, _g, _h, _j;
-    e.stopPropagation();
-    try {
-      if (this.sendReminders) {
-        const params = {
-          setup_time: +this.firstReminderDays,
-          interval_time: +this.reminderDays,
-        };
-        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);
-          this.store = await getTemplateStore(this.endpoint, this.templateId, false);
+    // POST https://api.verdocs.com/templates/8337af06-3b5a-4e1b-98be-67d82bc7ecd1/reminder
+    // interval_time: 1,
+    // setup_time:1,
+    async componentWillLoad() {
+        var _a, _b, _c, _d, _e;
+        try {
+            this.endpoint.loadSession();
+            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.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;
         }
-        else {
-          await updateReminder(this.endpoint, this.templateId, (_c = this.store) === null || _c === void 0 ? void 0 : _c.state.reminder_id, params);
-          this.store = await getTemplateStore(this.endpoint, this.templateId, false);
+        catch (e) {
+            console.log('[TEMPLATE REMINDERS] Error loading template', e);
+            (_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));
         }
-      }
-      else {
-        await deleteReminder(this.endpoint, this.templateId, (_d = this.store) === null || _d === void 0 ? void 0 : _d.state.reminder_id);
-        this.store = await getTemplateStore(this.endpoint, this.templateId, false);
-      }
-      (_e = this.templateUpdated) === null || _e === void 0 ? void 0 : _e.emit({ endpoint: this.endpoint, template: this.store.state, event: 'attachments' });
-    }
-    catch (e) {
-      console.log('[TEMPLATE REMINDERS] Unable to update reminders', e);
-      VerdocsToast(e.message);
-      (_f = this.sdkError) === null || _f === void 0 ? void 0 : _f.emit(new SDKError(e.message, (_g = e.response) === null || _g === void 0 ? void 0 : _g.status, (_h = e.response) === null || _h === void 0 ? void 0 : _h.data));
-    }
-    this.dirty = false;
-    (_j = this.close) === null || _j === void 0 ? void 0 : _j.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 || !((_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" });
+    handleCancel(e) {
+        var _a, _b, _c;
+        e.stopPropagation();
+        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;
+        (_c = this.close) === null || _c === void 0 ? void 0 : _c.emit();
     }
-    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) => {
-        // this.showPlanBlocker = true;
-        // e.target.checked = false;
-        this.sendReminders = e.target.checked;
-        this.dirty = true;
-      } })), h("p", null, h("strong", null, "NOTE:"), " Reminders will only be sent for up to 14 days."), h("div", { class: "input-row" }, h("label", { htmlFor: "verdocs-first-reminder-days" }, "Days Before First Reminder"), h("verdocs-text-input", { id: "verdocs-first-reminder-days", type: "number", value: this.firstReminderDays, onInput: (e) => {
-        this.firstReminderDays = e.target.value;
-        this.dirty = true;
-      }, disabled: !this.sendReminders })), h("div", { class: "input-row" }, h("label", { htmlFor: "verdocs-days-between-reminders" }, "Days Between Reminders"), h("verdocs-text-input", { id: "verdocs-days-between-reminders", type: "number", value: this.reminderDays, onInput: (e) => {
-        this.reminderDays = e.target.value;
-        this.dirty = true;
-      }, disabled: !this.sendReminders })), 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) }))), this.showPlanBlocker && (h("verdocs-ok-dialog", { heading: "Upgrade to access this feature", message: "Please upgrade your plan to access this feature.", onNext: () => (this.showPlanBlocker = false) }))));
-  }
-  static get is() { return "verdocs-template-reminders"; }
-  static get originalStyleUrls() {
-    return {
-      "$": ["verdocs-template-reminders.scss"]
-    };
-  }
-  static get styleUrls() {
-    return {
-      "$": ["verdocs-template-reminders.css"]
-    };
-  }
-  static get properties() {
-    return {
-      "endpoint": {
-        "type": "unknown",
-        "mutable": false,
-        "complexType": {
-          "original": "VerdocsEndpoint",
-          "resolved": "VerdocsEndpoint",
-          "references": {
-            "VerdocsEndpoint": {
-              "location": "import",
-              "path": "@verdocs/js-sdk"
+    async handleSave(e) {
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j;
+        e.stopPropagation();
+        try {
+            if (this.sendReminders) {
+                const params = {
+                    setup_time: +this.firstReminderDays,
+                    interval_time: +this.reminderDays,
+                };
+                if (!((_b = (_a = this.store) === null || _a === void 0 ? void 0 : _a.state) === null || _b === void 0 ? void 0 : _b.reminder_id)) {
+                    await createTemplateReminder(this.endpoint, this.templateId, params);
+                    this.store = await getTemplateStore(this.endpoint, this.templateId, false);
+                }
+                else {
+                    await updateTemplateReminder(this.endpoint, this.templateId, (_c = this.store) === null || _c === void 0 ? void 0 : _c.state.reminder_id, params);
+                    this.store = await getTemplateStore(this.endpoint, this.templateId, false);
+                }
             }
-          }
-        },
-        "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 {
-      "showPlanBlocker": {},
-      "sendReminders": {},
-      "firstReminderDays": {},
-      "reminderDays": {},
-      "dirty": {}
-    };
-  }
-  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"
+            else {
+                await deleteTemplateReminder(this.endpoint, this.templateId, (_d = this.store) === null || _d === void 0 ? void 0 : _d.state.reminder_id);
+                this.store = await getTemplateStore(this.endpoint, this.templateId, false);
             }
-          }
+            (_e = this.templateUpdated) === null || _e === void 0 ? void 0 : _e.emit({ endpoint: this.endpoint, template: this.store.state, event: 'attachments' });
+        }
+        catch (e) {
+            console.log('[TEMPLATE REMINDERS] Unable to update reminders', e);
+            VerdocsToast(e.message);
+            (_f = this.sdkError) === null || _f === void 0 ? void 0 : _f.emit(new SDKError(e.message, (_g = e.response) === null || _g === void 0 ? void 0 : _g.status, (_h = e.response) === null || _h === void 0 ? void 0 : _h.data));
+        }
+        this.dirty = false;
+        (_j = this.close) === null || _j === void 0 ? void 0 : _j.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 || !((_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" });
         }
-      }, {
-        "method": "templateUpdated",
-        "name": "templateUpdated",
-        "bubbles": true,
-        "cancelable": true,
-        "composed": true,
-        "docs": {
-          "tags": [],
-          "text": "Event fired when the user updates the template."
-        },
-        "complexType": {
-          "original": "{endpoint: VerdocsEndpoint; template: ITemplate; event: string}",
-          "resolved": "{ endpoint: VerdocsEndpoint; template: ITemplate; event: string; }",
-          "references": {
-            "VerdocsEndpoint": {
-              "location": "import",
-              "path": "@verdocs/js-sdk"
+        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) => {
+                // this.showPlanBlocker = true;
+                // e.target.checked = false;
+                this.sendReminders = e.target.checked;
+                this.dirty = true;
+            } })), h("p", null, h("strong", null, "NOTE:"), " Reminders will only be sent for up to 14 days."), h("div", { class: "input-row" }, h("label", { htmlFor: "verdocs-first-reminder-days" }, "Days Before First Reminder"), h("verdocs-text-input", { id: "verdocs-first-reminder-days", type: "number", value: this.firstReminderDays, onInput: (e) => {
+                this.firstReminderDays = e.target.value;
+                this.dirty = true;
+            }, disabled: !this.sendReminders })), h("div", { class: "input-row" }, h("label", { htmlFor: "verdocs-days-between-reminders" }, "Days Between Reminders"), h("verdocs-text-input", { id: "verdocs-days-between-reminders", type: "number", value: this.reminderDays, onInput: (e) => {
+                this.reminderDays = e.target.value;
+                this.dirty = true;
+            }, disabled: !this.sendReminders })), 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) }))), this.showPlanBlocker && (h("verdocs-ok-dialog", { heading: "Upgrade to access this feature", message: "Please upgrade your plan to access this feature.", onNext: () => (this.showPlanBlocker = false) }))));
+    }
+    static get is() { return "verdocs-template-reminders"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["verdocs-template-reminders.scss"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["verdocs-template-reminders.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "endpoint": {
+                "type": "unknown",
+                "mutable": false,
+                "complexType": {
+                    "original": "VerdocsEndpoint",
+                    "resolved": "VerdocsEndpoint",
+                    "references": {
+                        "VerdocsEndpoint": {
+                            "location": "import",
+                            "path": "@verdocs/js-sdk",
+                            "id": ""
+                        }
+                    }
+                },
+                "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()"
             },
-            "ITemplate": {
-              "location": "import",
-              "path": "@verdocs/js-sdk/Templates/Types"
+            "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 {
+            "showPlanBlocker": {},
+            "sendReminders": {},
+            "firstReminderDays": {},
+            "reminderDays": {},
+            "dirty": {}
+        };
+    }
+    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",
+                            "id": "src/utils/errors.ts::SDKError"
+                        }
+                    }
+                }
+            }, {
+                "method": "templateUpdated",
+                "name": "templateUpdated",
+                "bubbles": true,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Event fired when the user updates the template."
+                },
+                "complexType": {
+                    "original": "{endpoint: VerdocsEndpoint; template: ITemplate; event: string}",
+                    "resolved": "{ endpoint: VerdocsEndpoint; template: ITemplate; event: string; }",
+                    "references": {
+                        "VerdocsEndpoint": {
+                            "location": "import",
+                            "path": "@verdocs/js-sdk",
+                            "id": ""
+                        },
+                        "ITemplate": {
+                            "location": "import",
+                            "path": "@verdocs/js-sdk",
+                            "id": ""
+                        }
+                    }
+                }
+            }];
+    }
 }

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

@@ -26,7 +26,7 @@ verdocs-template-role-properties .background-overlay {
   display: flex;
   align-items: center;
   justify-content: center;
-  background: #0000007f;
+  background: rgba(0, 0, 0, 0.4980392157);
 }
 verdocs-template-role-properties .dialog {
   width: 340px;