@verdocs/web-sdk 4.2.85 → 4.2.87

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

@@ -1,235 +0,0 @@
-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;
-        }
-        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 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);
-                }
-            }
-            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" });
-        }
-        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": "node_modules::VerdocsEndpoint"
-                        }
-                    }
-                },
-                "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",
-                            "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": "node_modules::VerdocsEndpoint"
-                        },
-                        "ITemplate": {
-                            "location": "import",
-                            "path": "@verdocs/js-sdk",
-                            "id": "node_modules::ITemplate"
-                        }
-                    }
-                }
-            }];
-    }
-}

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

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

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

@@ -1,6 +0,0 @@
-import { V as VerdocsTemplateReminders$1, d as defineCustomElement$1 } from './verdocs-template-reminders2.js';
-
-const VerdocsTemplateReminders = VerdocsTemplateReminders$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { VerdocsTemplateReminders, defineCustomElement };

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

@@ -1,171 +0,0 @@
-import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
-import { VerdocsEndpoint, createTemplateReminder, updateTemplateReminder, deleteTemplateReminder } from '@verdocs/js-sdk';
-import { g as getTemplateStore } from './TemplateStore.js';
-import { V as VerdocsToast } from './Toast.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-help-icon2.js';
-import { d as defineCustomElement$2 } from './verdocs-ok-dialog2.js';
-import { d as defineCustomElement$1 } from './verdocs-text-input2.js';
-
-const verdocsTemplateRemindersCss = "@-webkit-keyframes verdocs-field-pulse{0%{background-color:rgba(0, 0, 0, 0.35)}50%{background-color:rgba(0, 0, 0, 0)}100%{background-color:rgba(0, 0, 0, 0.35)}}@keyframes verdocs-field-pulse{0%{background-color:rgba(0, 0, 0, 0.35)}50%{background-color:rgba(0, 0, 0, 0)}100%{background-color:rgba(0, 0, 0, 0.35)}}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 h5{font-size:16px;font-weight:bold;color:#4c56cb;margin:0 0 20px 0}verdocs-template-reminders form label{font-size:16px;font-weight:500;margin:0 0 6px 0;color:#33364b}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 VerdocsTemplateRemindersStyle0 = verdocsTemplateRemindersCss;
-
-const VerdocsTemplateReminders = /*@__PURE__*/ proxyCustomElement(class VerdocsTemplateReminders extends HTMLElement {
-    constructor() {
-        super();
-        this.__registerHost();
-        this.close = createEvent(this, "close", 7);
-        this.sdkError = createEvent(this, "sdkError", 7);
-        this.templateUpdated = createEvent(this, "templateUpdated", 7);
-        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;
-        }
-        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 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);
-                }
-            }
-            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" });
-        }
-        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 style() { return VerdocsTemplateRemindersStyle0; }
-}, [0, "verdocs-template-reminders", {
-        "endpoint": [16],
-        "templateId": [1, "template-id"],
-        "showPlanBlocker": [32],
-        "sendReminders": [32],
-        "firstReminderDays": [32],
-        "reminderDays": [32],
-        "dirty": [32]
-    }]);
-function defineCustomElement() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["verdocs-template-reminders", "verdocs-button", "verdocs-checkbox", "verdocs-component-error", "verdocs-help-icon", "verdocs-ok-dialog", "verdocs-text-input"];
-    components.forEach(tagName => { switch (tagName) {
-        case "verdocs-template-reminders":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, VerdocsTemplateReminders);
-            }
-            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-help-icon":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$3();
-            }
-            break;
-        case "verdocs-ok-dialog":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$2();
-            }
-            break;
-        case "verdocs-text-input":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$1();
-            }
-            break;
-    } });
-}
-
-export { VerdocsTemplateReminders as V, defineCustomElement as d };