@verdocs/web-sdk 1.10.0 → 1.10.1

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

@@ -0,0 +1,158 @@
+import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
+import './Types.js';
+import { V as VerdocsEndpoint } from './VerdocsEndpoint.js';
+import { s as state } from './templateStore.js';
+import { l as loadTemplate } from './Templates.js';
+import { S as SDKError } from './errors.js';
+import { d as defineCustomElement$6 } from './verdocs-button2.js';
+import { d as defineCustomElement$5 } from './verdocs-checkbox2.js';
+import { d as defineCustomElement$4 } from './verdocs-component-error2.js';
+import { d as defineCustomElement$3 } from './verdocs-ok-dialog2.js';
+import { d as defineCustomElement$2 } from './verdocs-text-input2.js';
+
+var createReminder = function (endpoint, templateId, params) {
+    return endpoint.api //
+        .post("/templates/".concat(templateId, "/reminder/"), params)
+        .then(function (r) { return r.data; });
+};
+var updateReminder = function (endpoint, templateId, reminderId, params) {
+    return endpoint.api //
+        .put("/templates/".concat(templateId, "/reminder/").concat(reminderId), params)
+        .then(function (r) { return r.data; });
+};
+var deleteReminder = function (endpoint, templateId, reminderId) {
+    return endpoint.api //
+        .delete("/templates/".concat(templateId, "/reminder/").concat(reminderId))
+        .then(function (r) { return r.data; });
+};
+
+const verdocsTemplateRemindersCss = "verdocs-template-reminders{font-family:\"Inter\", -apple-system, \"Segoe UI\", \"Roboto\", \"Helvetica Neue\", sans-serif}verdocs-template-reminders.loading{min-height:300px;position:relative;display:block}verdocs-template-reminders.empty{display:none}verdocs-template-reminders form{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}verdocs-template-reminders form label{font-size:16px;font-weight:500;margin:0 0 6px 0}verdocs-template-reminders form input{border:none;font-size:18px;padding:3px 6px 3px 0;background:transparent;border-bottom:1px solid #33364b}verdocs-template-reminders form input:focus{outline:none}verdocs-template-reminders form .input-row{display:-ms-flexbox;display:flex;margin:0 0 10px 0;-ms-flex-align:center;align-items:center;-ms-flex-direction:row;flex-direction:row}verdocs-template-reminders form .input-row label{-ms-flex:1;flex:1;display:-ms-flexbox;display:flex}verdocs-template-reminders form .input-row verdocs-text-input{margin:0;display:-ms-flexbox;display:flex;-ms-flex:0 0 60px;flex:0 0 60px}verdocs-template-reminders form .input-row verdocs-text-input input{text-align:center}verdocs-template-reminders form .input-row verdocs-checkbox{display:-ms-flexbox;display:flex;-ms-flex:0 0 40px;flex:0 0 40px;-ms-flex-pack:center;justify-content:center}verdocs-template-reminders .buttons{display:-ms-flexbox;display:flex;-webkit-column-gap:8px;-moz-column-gap:8px;column-gap:8px;margin-top:16px;-ms-flex-direction:row;flex-direction:row}verdocs-template-reminders ::-webkit-input-placeholder{color:#aaaaaa}verdocs-template-reminders ::-moz-placeholder{color:#aaaaaa}verdocs-template-reminders :-ms-input-placeholder{color:#aaaaaa}verdocs-template-reminders ::-ms-input-placeholder{color:#aaaaaa}verdocs-template-reminders ::placeholder{color:#aaaaaa}";
+
+const VerdocsTemplateReminders$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
+  constructor() {
+    super();
+    this.__registerHost();
+    this.close = createEvent(this, "close", 7);
+    this.sdkError = createEvent(this, "sdkError", 7);
+    this.endpoint = VerdocsEndpoint.getDefault();
+    this.templateId = '';
+    this.showPlanBlocker = false;
+    this.sendReminders = false;
+    this.firstReminderDays = '1';
+    this.reminderDays = '1';
+    this.dirty = false;
+    this.loading = true;
+  }
+  async componentWillLoad() {
+    var _a, _b, _c;
+    try {
+      this.endpoint.loadSession();
+      await loadTemplate(this.endpoint, this.templateId);
+      this.loading = false;
+      this.sendReminders = !!state.template.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));
+    }
+  }
+  handleCancel(e) {
+    var _a;
+    e.stopPropagation();
+    this.sendReminders = !!state.template.reminder_id;
+    this.dirty = false;
+    (_a = this.close) === null || _a === void 0 ? void 0 : _a.emit();
+  }
+  async handleSave(e) {
+    var _a;
+    e.stopPropagation();
+    if (this.sendReminders) {
+      const params = {
+        setup_time: 86400000 * +this.firstReminderDays,
+        interval_time: 86400000 * +this.reminderDays,
+      };
+      if (!state.template.reminder_id) {
+        await createReminder(this.endpoint, this.templateId, params);
+      }
+      else {
+        await updateReminder(this.endpoint, this.templateId, state.template.reminder_id, params);
+      }
+    }
+    else {
+      await deleteReminder(this.endpoint, this.templateId, state.template.reminder_id);
+    }
+    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 || !state.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-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("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), 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), 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 style() { return verdocsTemplateRemindersCss; }
+}, [0, "verdocs-template-reminders", {
+    "endpoint": [16],
+    "templateId": [1, "template-id"],
+    "showPlanBlocker": [32],
+    "sendReminders": [32],
+    "firstReminderDays": [32],
+    "reminderDays": [32],
+    "dirty": [32],
+    "loading": [32]
+  }]);
+function defineCustomElement$1() {
+  if (typeof customElements === "undefined") {
+    return;
+  }
+  const components = ["verdocs-template-reminders", "verdocs-button", "verdocs-checkbox", "verdocs-component-error", "verdocs-ok-dialog", "verdocs-text-input"];
+  components.forEach(tagName => { switch (tagName) {
+    case "verdocs-template-reminders":
+      if (!customElements.get(tagName)) {
+        customElements.define(tagName, VerdocsTemplateReminders$1);
+      }
+      break;
+    case "verdocs-button":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$6();
+      }
+      break;
+    case "verdocs-checkbox":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$5();
+      }
+      break;
+    case "verdocs-component-error":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$4();
+      }
+      break;
+    case "verdocs-ok-dialog":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$3();
+      }
+      break;
+    case "verdocs-text-input":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$2();
+      }
+      break;
+  } });
+}
+defineCustomElement$1();
+
+const VerdocsTemplateReminders = VerdocsTemplateReminders$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { VerdocsTemplateReminders, defineCustomElement };

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

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

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

@@ -0,0 +1,118 @@
+import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
+import { u as updateTemplate } from './Templates2.js';
+import './Types.js';
+import { V as VerdocsEndpoint } from './VerdocsEndpoint.js';
+import { s as state } from './templateStore.js';
+import { l as loadTemplate } from './Templates.js';
+import { S as SDKError } from './errors.js';
+import { d as defineCustomElement$4 } from './verdocs-button2.js';
+import { d as defineCustomElement$3 } from './verdocs-checkbox2.js';
+import { d as defineCustomElement$2 } from './verdocs-component-error2.js';
+
+const verdocsTemplateVisibilityCss = "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:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}verdocs-template-visibility form .description{font-size:14px;text-align:justify;margin-bottom:20px;color:#5c6575}verdocs-template-visibility form label{-ms-flex:1;flex:1;display:-ms-flexbox;display:flex;font-size:18px;font-weight:500;margin:0 0 4px 0;color:#5c6575}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:-ms-flexbox;display:flex;margin:0 0 10px 0;-ms-flex-align:center;align-items:center;-ms-flex-direction:row;flex-direction:row}verdocs-template-visibility form .input-row verdocs-text-input{margin:0;display:-ms-flexbox;display:flex;-ms-flex:0 0 40px;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{display:-ms-flexbox;display:flex;-ms-flex:0 0 40px;flex:0 0 40px;-ms-flex-pack:center;justify-content:center}verdocs-template-visibility .buttons{display:-ms-flexbox;display:flex;-webkit-column-gap:8px;-moz-column-gap:8px;column-gap:8px;margin-top:16px;-ms-flex-direction:row;flex-direction:row}verdocs-template-visibility ::-webkit-input-placeholder{color:#aaaaaa}verdocs-template-visibility ::-moz-placeholder{color:#aaaaaa}verdocs-template-visibility :-ms-input-placeholder{color:#aaaaaa}verdocs-template-visibility ::-ms-input-placeholder{color:#aaaaaa}verdocs-template-visibility ::placeholder{color:#aaaaaa}";
+
+const VerdocsTemplateVisibility$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
+  constructor() {
+    super();
+    this.__registerHost();
+    this.close = createEvent(this, "close", 7);
+    this.sdkError = createEvent(this, "sdkError", 7);
+    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 = state.template.is_personal;
+      this.public = state.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 = state.template.is_personal;
+    this.public = state.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 });
+    state.template.is_personal = this.personal;
+    state.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 || !state.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 style() { return verdocsTemplateVisibilityCss; }
+}, [0, "verdocs-template-visibility", {
+    "endpoint": [16],
+    "templateId": [1, "template-id"],
+    "dirty": [32],
+    "loading": [32],
+    "personal": [32],
+    "public": [32]
+  }]);
+function defineCustomElement$1() {
+  if (typeof customElements === "undefined") {
+    return;
+  }
+  const components = ["verdocs-template-visibility", "verdocs-button", "verdocs-checkbox", "verdocs-component-error"];
+  components.forEach(tagName => { switch (tagName) {
+    case "verdocs-template-visibility":
+      if (!customElements.get(tagName)) {
+        customElements.define(tagName, VerdocsTemplateVisibility$1);
+      }
+      break;
+    case "verdocs-button":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$4();
+      }
+      break;
+    case "verdocs-checkbox":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$3();
+      }
+      break;
+    case "verdocs-component-error":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$2();
+      }
+      break;
+  } });
+}
+defineCustomElement$1();
+
+const VerdocsTemplateVisibility = VerdocsTemplateVisibility$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { VerdocsTemplateVisibility, defineCustomElement };

package/dist/components/verdocs-text-input2.js

@@ -1,6 +1,6 @@
 import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
 
-const verdocsTextInputCss = "verdocs-text-input{font-family:\"Barlow\", sans-serif;-webkit-box-sizing:border-box;box-sizing:border-box;margin:0 0 10px 0;display:block}verdocs-text-input .input-element{-webkit-box-sizing:border-box;box-sizing:border-box;border:1px solid #707ae5;border-radius:4px;background:#ffffff;color:#000;width:100%;font-size:16px;height:28px;padding:4px 12px;outline:none}verdocs-text-input .input-element::-webkit-input-placeholder{color:#aaaaaa;opacity:1}verdocs-text-input .input-element::-moz-placeholder{color:#aaaaaa;opacity:1}verdocs-text-input .input-element:-ms-input-placeholder{color:#aaaaaa;opacity:1}verdocs-text-input .input-element::-ms-input-placeholder{color:#aaaaaa;opacity:1}verdocs-text-input .input-element::placeholder{color:#aaaaaa;opacity:1}verdocs-text-input .input-element:focus{outline:1px solid #7d88ff}verdocs-text-input .input-label{display:block;color:#555570;font-weight:700;font-size:14px;margin:0 0 4px 0}verdocs-text-input [data-lastpass-icon-root]{display:none !important}";
+const verdocsTextInputCss = "verdocs-text-input{font-family:\"Barlow\", sans-serif;-webkit-box-sizing:border-box;box-sizing:border-box;margin:0 0 10px 0;display:block}verdocs-text-input .input-element{-webkit-box-sizing:border-box;box-sizing:border-box;border:1px solid #707ae5;border-radius:4px;background:#ffffff;color:#000;width:100%;font-size:16px;height:28px;padding:4px 12px;outline:none}verdocs-text-input .input-element:disabled{border:1px solid #aeb4bf;background:#f5f5fa}verdocs-text-input .input-element::-webkit-input-placeholder{color:#aaaaaa;opacity:1}verdocs-text-input .input-element::-moz-placeholder{color:#aaaaaa;opacity:1}verdocs-text-input .input-element:-ms-input-placeholder{color:#aaaaaa;opacity:1}verdocs-text-input .input-element::-ms-input-placeholder{color:#aaaaaa;opacity:1}verdocs-text-input .input-element::placeholder{color:#aaaaaa;opacity:1}verdocs-text-input .input-element:focus{outline:1px solid #7d88ff}verdocs-text-input .input-label{display:block;color:#555570;font-weight:700;font-size:14px;margin:0 0 4px 0}verdocs-text-input [data-lastpass-icon-root]{display:none !important}";
 
 const VerdocsTextInput = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
   constructor() {