@verdocs/web-sdk 4.2.157 → 5.0.0

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

@@ -1,196 +0,0 @@
-import { updateTemplate, VerdocsEndpoint } from "@verdocs/js-sdk";
-import { h, Host } from "@stencil/core";
-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;
-    }
-    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.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);
-            (_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.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');
-        (_c = this.close) === null || _c === void 0 ? void 0 : _c.emit();
-    }
-    async handleSave(e) {
-        var _a, _b, _c;
-        e.stopPropagation();
-        await updateTemplate(this.endpoint, this.templateId, { name: this.name });
-        if ((_a = this.store) === null || _a === void 0 ? void 0 : _a.state) {
-            this.store.state.name = this.name;
-        }
-        this.dirty = false;
-        (_b = this.templateUpdated) === null || _b === void 0 ? void 0 : _b.emit({ endpoint: this.endpoint, template: this.store.state, event: 'name' });
-        (_c = this.close) === null || _c === void 0 ? void 0 : _c.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 ((_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 !== ((_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"; }
-    static get originalStyleUrls() {
-        return {
-            "$": ["verdocs-template-name.scss"]
-        };
-    }
-    static get styleUrls() {
-        return {
-            "$": ["verdocs-template-name.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 {
-            "name": {},
-            "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/collection/components/templates/verdocs-template-visibillity/verdocs-template-visibility.css

@@ -1,86 +0,0 @@
-@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-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

@@ -1,203 +0,0 @@
-import { updateTemplate, VerdocsEndpoint } from "@verdocs/js-sdk";
-import { h, Host } from "@stencil/core";
-import { getTemplateStore } from "../../../utils/TemplateStore";
-import { SDKError } from "../../../utils/errors";
-/**
- * Displays an edit form that allows the user to adjust a template's visibility.
- */
-export class VerdocsTemplateVisibility {
-    constructor() {
-        this.store = null;
-        this.endpoint = VerdocsEndpoint.getDefault();
-        this.templateId = '';
-        this.dirty = false;
-        this.personal = false;
-        this.public = false;
-    }
-    async componentWillLoad() {
-        var _a, _b, _c, _d, _e, _f, _g;
-        try {
-            this.endpoint.loadSession();
-            if (!this.templateId) {
-                console.log(`[VISIBILITY] Missing required template ID ${this.templateId}`);
-                return;
-            }
-            if (!this.endpoint.session) {
-                console.log('[VISIBILITY] Unable to start builder session, must be authenticated');
-                return;
-            }
-            this.store = await getTemplateStore(this.endpoint, this.templateId, false);
-            this.personal = ((_b = (_a = this.store) === null || _a === void 0 ? void 0 : _a.state) === null || _b === void 0 ? void 0 : _b.is_personal) || true;
-            this.public = ((_d = (_c = this.store) === null || _c === void 0 ? void 0 : _c.state) === null || _d === void 0 ? void 0 : _d.is_public) || false;
-            this.dirty = false;
-        }
-        catch (e) {
-            console.log('[TEMPLATE VISIBILITY] Error loading template', e);
-            (_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) {
-        var _a, _b, _c, _d, _e;
-        e.stopPropagation();
-        this.personal = (_b = (_a = this.store) === null || _a === void 0 ? void 0 : _a.state) === null || _b === void 0 ? void 0 : _b.is_personal;
-        this.public = (_d = (_c = this.store) === null || _c === void 0 ? void 0 : _c.state) === null || _d === void 0 ? void 0 : _d.is_public;
-        this.dirty = false;
-        (_e = this.close) === null || _e === void 0 ? void 0 : _e.emit();
-    }
-    async handleSave(e) {
-        var _a, _b, _c;
-        e.stopPropagation();
-        await updateTemplate(this.endpoint, this.templateId, { is_personal: this.personal, is_public: this.public });
-        if ((_a = this.store) === null || _a === void 0 ? void 0 : _a.state) {
-            this.store.state.is_personal = this.personal;
-            this.store.state.is_public = this.public;
-        }
-        this.dirty = false;
-        (_b = this.templateUpdated) === null || _b === void 0 ? void 0 : _b.emit({ endpoint: this.endpoint, template: this.store.state, event: 'visibility' });
-        (_c = this.close) === null || _c === void 0 ? void 0 : _c.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, "Visibility"), h("div", { class: "input-row" }, h("label", { htmlFor: "verdocs-is-shared" }, "Shared"), h("verdocs-checkbox", { id: "verdocs-is-shared", name: "is-shared", checked: !this.personal, value: "on", onInput: (e) => {
-                this.personal = !e.target.checked;
-                this.dirty = true;
-            } })), h("div", { class: "description" }, "Shared templates are visible to 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",
-                            "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 {
-            "dirty": {},
-            "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",
-                            "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/collection/utils/EnvelopeStore.js

@@ -1,90 +0,0 @@
-import { undefined } from "zod";
-import { createStore } from "@stencil/store";
-import { getEnvelope } from "@verdocs/js-sdk";
-const createEnvelopeStore = (envelopeId) => {
-    const now = new Date().toISOString();
-    return createStore({
-        isLoading: true,
-        isLoaded: false,
-        isError: false,
-        error: null,
-        roleNames: [],
-        id: envelopeId,
-        template_id: '',
-        name: '',
-        status: 'pending',
-        profile_id: '',
-        organization_id: '',
-        no_contact: false,
-        created_at: now,
-        updated_at: now,
-        canceled_at: null,
-        visibility: 'private',
-        recipients: [],
-        access_keys: [],
-        data: undefined,
-        search_key: '',
-        initial_reminder: null,
-        followup_reminders: null,
-        next_reminder: null,
-        profile: null,
-        organization: null,
-        template: null,
-        history_entries: [],
-        documents: [],
-        fields: [],
-    });
-};
-const envelopeStores = {};
-export const getEnvelopeStore = async (endpoint, envelopeId, forceReload = false) => {
-    var _a;
-    let created = false;
-    if (!envelopeStores[envelopeId]) {
-        console.debug('[ENVELOPES] No envelope store found for ID, creating', envelopeId);
-        envelopeStores[envelopeId] = createEnvelopeStore(envelopeId);
-        created = true;
-    }
-    const store = envelopeStores[envelopeId];
-    // NOTE: If we need it, store.use() returns an unsubcribe function
-    // See https://github.com/ionic-team/stencil-store#storeusesubscriptions
-    store.use({
-        reset: () => console.debug('[ENVELOPES] Store got reset'),
-        dispose: () => console.debug('[ENVELOPES] Store got disposed'),
-    });
-    // TODO: This can create a race condition if two components call this at the same time.
-    //  For now we can probably defer doing something smart here because it's only a
-    //  double-load issue.
-    if (created || forceReload) {
-        console.debug('[ENVELOPES] Reloading envelope', { envelopeId, created, forceReload });
-        store.state.isLoading = true;
-        store.state.isLoaded = false;
-        store.state.isError = false;
-        store.state.error = undefined;
-        try {
-            const envelope = await getEnvelope(endpoint, envelopeId);
-            // Post-process the envelope to upgrade to new data fields
-            (_a = envelope.documents) === null || _a === void 0 ? void 0 : _a.forEach(document => {
-                if (!document.order) {
-                    document.order = 0;
-                }
-            });
-            console.debug('[ENVELOPES] Got envelope', envelope);
-            Object.assign(store.state, envelope);
-            store.state.isLoaded = true;
-            store.state.isError = false;
-            store.state.error = undefined;
-        }
-        catch (e) {
-            console.error('[ENVELOPES] Error loading envelope', e);
-            store.state.isLoaded = false;
-            store.state.isError = true;
-            store.state.error = e;
-            throw e;
-        }
-        store.state.isLoading = false;
-    }
-    return store;
-};
-export const updateStoreEnvelope = (store, envelope) => {
-    Object.assign(store.state, envelope);
-};

package/dist/collection/utils/TemplateFieldStore.js

@@ -1,36 +0,0 @@
-import { createStore } from "@stencil/store";
-const templateFieldStores = {};
-export const getTemplateFieldStore = (templateId) => {
-    if (!templateFieldStores[templateId]) {
-        templateFieldStores[templateId] = createStore({ fields: [] });
-    }
-    return templateFieldStores[templateId];
-};
-export const createTemplateFieldStore = (template) => {
-    let store = getTemplateFieldStore(template.id);
-    store.set('fields', [...template.fields.map(field => ({ ...field, page: field.page || field.page_sequence }))]);
-    return store;
-};
-export const createTemplateFieldStoreFromEnvelope = (envelope) => {
-    let store = getTemplateFieldStore(envelope.template_id);
-    if (!store) {
-        console.log('Creating field store for envelope', envelope.id, envelope.template_id);
-        store = createStore({ fields: [] });
-        templateFieldStores[envelope.template_id] = store;
-    }
-    else {
-        store.reset();
-    }
-    store.set('fields', [...envelope.fields]);
-    return store;
-};
-export const updateStoreField = (store, oldName, newFieldData) => {
-    const oldFields = store.get('fields') || [];
-    if (oldName !== newFieldData.name) {
-        const withoutOldField = oldFields.filter(field => field.name !== oldName);
-        store.set('fields', [...withoutOldField, newFieldData]);
-    }
-    else {
-        store.set('fields', oldFields.map(field => (field.name === oldName ? { ...field, ...newFieldData } : { ...field })));
-    }
-};

package/dist/collection/utils/TemplateRoleStore.js

@@ -1,41 +0,0 @@
-import { createStore } from "@stencil/store";
-const templateRoleStores = {};
-export const getTemplateRoleStore = (templateId) => {
-    if (!templateRoleStores[templateId]) {
-        templateRoleStores[templateId] = createStore({ roles: [] });
-    }
-    return templateRoleStores[templateId];
-};
-export const createTemplateRoleStore = (template) => {
-    let store = getTemplateRoleStore(template.id);
-    const roles = [...(template.roles || [])];
-    roles.sort((a, b) => {
-        if (a.sequence !== b.sequence) {
-            return a.sequence - b.sequence;
-        }
-        return a.order - b.order;
-    });
-    store.set('roles', roles);
-    return store;
-};
-export const updateStoreRole = (store, name, newRoleData) => {
-    console.log('[ROLES] Updating store role', name, newRoleData);
-    const newRoles = [
-        ...(store.get('roles') || []).map(role => {
-            if (role.name !== name) {
-                return role;
-            }
-            return { ...role, ...newRoleData };
-        }),
-    ];
-    store.set('roles', newRoles);
-};
-export const deleteStoreRole = (store, name) => {
-    console.log('[ROLES] Deleting store role', name);
-    const newRoles = [...((store === null || store === void 0 ? void 0 : store.get('roles')) || []).filter(field => field.name !== name)];
-    store.set('roles', newRoles);
-};
-export const getRoleNames = (store) => ((store === null || store === void 0 ? void 0 : store.get('roles')) || []).map(role => role.name);
-export const getRoleIndex = (store, name) => {
-    return Math.max(getRoleNames(store).findIndex(roleName => roleName === name), 0);
-};