@verdocs/web-sdk 4.2.134 → 4.2.136

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

@@ -1,189 +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";
-/**
- * Display a dialog that allows a template sender to be selected.
- */
-export class VerdocsTemplateSender {
-    constructor() {
-        this.store = null;
-        this.endpoint = VerdocsEndpoint.getDefault();
-        this.templateId = '';
-        this.sender = 'everyone';
-        this.saving = false;
-    }
-    async componentWillLoad() {
-        var _a, _b, _c, _d, _e;
-        try {
-            this.endpoint.loadSession();
-            if (!this.templateId) {
-                console.log(`[SENDER] Missing required template ID ${this.templateId}`);
-                return;
-            }
-            if (!this.endpoint.session) {
-                console.log('[SENDER] Unable to start builder session, must be authenticated');
-                return;
-            }
-            this.store = await getTemplateStore(this.endpoint, this.templateId, false);
-            this.sender = (_b = (_a = this.store) === null || _a === void 0 ? void 0 : _a.state) === null || _b === void 0 ? void 0 : _b.sender;
-        }
-        catch (e) {
-            console.log('[SENDER] Error with preview session', 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));
-        }
-    }
-    handleClose() {
-        this.close.emit();
-    }
-    // We need a separate event handler for clicking the background because it can receive events "through" other child components
-    handleDismiss(e) {
-        if (e.target.className === 'background-overlay') {
-            e.preventDefault();
-            this.handleClose();
-        }
-    }
-    async handleSelectSetting(value) {
-        this.saving = true;
-        updateTemplate(this.endpoint, this.templateId, { sender: value })
-            .then(r => {
-            var _a;
-            console.log('Update result', r);
-            if ((_a = this.store) === null || _a === void 0 ? void 0 : _a.state) {
-                this.store.state.sender = value;
-            }
-            this.saving = false;
-            this.sender = value;
-        })
-            .catch(e => {
-            console.log('Error saving', e);
-            this.saving = false;
-        });
-    }
-    render() {
-        return (h(Host, { key: 'f9ebeecc2d0d2467718e1c54161fd8eee32ba5f6' }, h("div", { key: 'efc13020bd5674c874707cefea2384b52521a85f', class: "background-overlay", onClick: e => this.handleDismiss(e) }, h("div", { key: '3c85258b0ea837e4e78ad16eb6cec93cffa6e629', class: "dialog" }, h("div", { key: '46a6eb1bed8de495d834faa73e48547a891aa00e', class: "options" }, h("div", { key: '9425750a4508f6a6c176f0ee88a1674aceec8475', class: "option" }, h("verdocs-radio-button", { key: '65d2059bb0b433e1b95a55273ad7a7ca4734ce51', name: "template-sender", value: 'everyone', checked: this.sender === 'everyone', onInput: () => this.handleSelectSetting('everyone') }), h("div", { key: '119b053c18bffd95451eed224132d1592ccf6004', class: "description" }, h("div", { key: 'c4a3fac447abea997dec0906221df87cc9014e4b', class: "name" }, "Anyone on the Web"), h("verdocs-help-icon", { key: '1e8e078477cdd86100e3b73e275e856449eb84ee', text: "Anyone can use this template. (Make its visibility is set to to 'Public' or 'Shared'.)" }))), h("div", { key: 'b91f257e6a6c702f2fa0ee147dda5642b6ff514a', class: "option" }, h("verdocs-radio-button", { key: '00a900ef8a3a1e9cb7ca8e1de93bf3528f78b32d', name: "template-sender", value: 'everyone_as_creator', checked: this.sender === 'everyone_as_creator', onInput: () => this.handleSelectSetting('everyone_as_creator') }), h("div", { key: 'f767a5d108262e22fb3f0936379f6b84481801ad', class: "description" }, h("div", { key: '59f6f409b9f51a2ab597241a4052191e46a4d5c1', class: "name" }, "Anyone on the Web as me"), h("verdocs-help-icon", { key: '0b90c72573e4b75c3294e8f95a709ee0559bdbef', text: "Anyone can use this template on my behalf. (Make sure its visibility is set to 'Public' or 'Shared'.)" }))), h("div", { key: 'afd67488f38d33075a454476be475cd7801c4ed3', class: "option" }, h("verdocs-radio-button", { key: '8c09dc41fbb371c3380a2ddf06a806a131aef8b6', name: "template-sender", value: 'organization_member', checked: this.sender === 'organization_member', onInput: () => this.handleSelectSetting('organization_member') }), h("div", { key: 'caf2a20f93130262b878e9df13e0e569aacffb9c', class: "description" }, h("div", { key: '430ccbe92e4b39a789d215886e9ecbfed0c30f3e', class: "name" }, "Anyone in my organization"), h("verdocs-help-icon", { key: '21a2cec2a249f6e4d6f486f501a813e10bdd1497', text: "Anyone in my organization can use this template. (Make sure its visibility is set to 'Shared')" }))), h("div", { key: 'a48b2814e9b04e09f6661a754b52e739d0566200', class: "option" }, h("verdocs-radio-button", { key: 'e3f9885aa8215f79686555a1fb85c5b87aa4aa03', name: "template-sender", value: 'organization_member_as_creator', checked: this.sender === 'organization_member_as_creator', onInput: () => this.handleSelectSetting('organization_member_as_creator') }), h("div", { key: '99ea5cdc2c55b0e73d092a1df4fc728f30810059', class: "description" }, h("div", { key: '79109d8cc3845c287fbffdd017695139cfb1a16f', class: "name" }, "Anyone in my organization as me"), h("verdocs-help-icon", { key: 'b093f771c7cf119cbf27c404562bf5029664bb1b', text: "Anyone in my organization can use this template on my behalf. (Make sure its visibility is set to to 'Shared'.)" }))), h("div", { key: '1a250fdd2b385e70d27f0fb6895a5b673c24e655', class: "option" }, h("verdocs-radio-button", { key: '526a88e4e339932623183ec5fa9218adcbb5d832', name: "template-sender", value: 'creator', checked: this.sender === 'creator', onInput: () => this.handleSelectSetting('creator') }), h("div", { key: '94a699f6c4c430cbd3e221c6baf4972ec188260f', class: "description" }, h("div", { key: 'b2c16bda7146c436cd90d919e7c7a7d912c90809', class: "name" }, "Me"), h("verdocs-help-icon", { key: '360ad19358fd4ce6a6f8e3e3e47bb0ff0da18d37', text: "Only I can use this template." })))), h("div", { key: '059e9ebf124ffcd2d45ea4316d1fdd49c4ec36ae', class: "buttons" }, h("verdocs-button", { key: 'b0a0a519eb6b713fa334065de19021369e20ee0b', label: "Close", onClick: () => this.handleClose() }))))));
-    }
-    static get is() { return "verdocs-template-sender"; }
-    static get originalStyleUrls() {
-        return {
-            "$": ["verdocs-template-sender.scss"]
-        };
-    }
-    static get styleUrls() {
-        return {
-            "$": ["verdocs-template-sender.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": "''"
-            },
-            "sender": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "TTemplateSenderType",
-                    "resolved": "\"creator\" | \"everyone\" | \"everyone_as_creator\" | \"organization_member\" | \"organization_member_as_creator\"",
-                    "references": {
-                        "TTemplateSenderType": {
-                            "location": "import",
-                            "path": "@verdocs/js-sdk",
-                            "id": "node_modules::TTemplateSenderType"
-                        }
-                    }
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": "Whether the dialog is currently being displayed. This allows it to be added to the DOM before being displayed."
-                },
-                "attribute": "sender",
-                "reflect": false,
-                "defaultValue": "'everyone'"
-            }
-        };
-    }
-    static get states() {
-        return {
-            "saving": {}
-        };
-    }
-    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"
-                        }
-                    }
-                }
-            }];
-    }
-}

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

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

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

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

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

@@ -1,110 +0,0 @@
-import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
-import { VerdocsEndpoint, updateTemplate } from '@verdocs/js-sdk';
-import { g as getTemplateStore } from './TemplateStore.js';
-import { S as SDKError } from './errors.js';
-import { d as defineCustomElement$3 } from './verdocs-button2.js';
-import { d as defineCustomElement$2 } from './verdocs-help-icon2.js';
-import { d as defineCustomElement$1 } from './verdocs-radio-button2.js';
-
-const verdocsTemplateSenderCss = "@-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-sender{font-family:\"Inter\", \"Barlow\", sans-serif;-webkit-box-sizing:border-box;box-sizing:border-box}verdocs-template-sender div{-webkit-box-sizing:border-box;box-sizing:border-box}verdocs-template-sender .background-overlay{position:absolute;z-index:10000;top:0;left:0;right:0;bottom:0;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;background:rgba(0, 0, 0, 0.4980392157)}verdocs-template-sender .dialog{width:340px;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;border-radius:4px;overflow:hidden;background:#ffffff;padding:16px;-webkit-box-shadow:3px 3px 5px 1px rgba(40, 40, 40, 0.4);box-shadow:3px 3px 5px 1px rgba(40, 40, 40, 0.4)}verdocs-template-sender .heading{display:-ms-flexbox;display:flex;font-size:20px;font-weight:500;-ms-flex-direction:row;flex-direction:row}verdocs-template-sender .buttons{display:-ms-flexbox;display:flex;margin-top:10px;-ms-flex-align:center;align-items:center;-ms-flex-direction:row;flex-direction:row;-ms-flex-pack:end;justify-content:flex-end}verdocs-template-sender .buttons verdocs-button{margin-left:16px}verdocs-template-sender .options{row-gap:10px}verdocs-template-sender .options .option{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row}verdocs-template-sender .options .option .description{margin-left:10px}verdocs-template-sender .options .option .description .name{display:inline-block;vertical-align:top;margin-top:4px;margin-right:4px}";
-const VerdocsTemplateSenderStyle0 = verdocsTemplateSenderCss;
-
-const VerdocsTemplateSender = /*@__PURE__*/ proxyCustomElement(class VerdocsTemplateSender extends HTMLElement {
-    constructor() {
-        super();
-        this.__registerHost();
-        this.close = createEvent(this, "close", 7);
-        this.sdkError = createEvent(this, "sdkError", 7);
-        this.store = null;
-        this.endpoint = VerdocsEndpoint.getDefault();
-        this.templateId = '';
-        this.sender = 'everyone';
-        this.saving = false;
-    }
-    async componentWillLoad() {
-        var _a, _b, _c, _d, _e;
-        try {
-            this.endpoint.loadSession();
-            if (!this.templateId) {
-                console.log(`[SENDER] Missing required template ID ${this.templateId}`);
-                return;
-            }
-            if (!this.endpoint.session) {
-                console.log('[SENDER] Unable to start builder session, must be authenticated');
-                return;
-            }
-            this.store = await getTemplateStore(this.endpoint, this.templateId, false);
-            this.sender = (_b = (_a = this.store) === null || _a === void 0 ? void 0 : _a.state) === null || _b === void 0 ? void 0 : _b.sender;
-        }
-        catch (e) {
-            console.log('[SENDER] Error with preview session', 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));
-        }
-    }
-    handleClose() {
-        this.close.emit();
-    }
-    // We need a separate event handler for clicking the background because it can receive events "through" other child components
-    handleDismiss(e) {
-        if (e.target.className === 'background-overlay') {
-            e.preventDefault();
-            this.handleClose();
-        }
-    }
-    async handleSelectSetting(value) {
-        this.saving = true;
-        updateTemplate(this.endpoint, this.templateId, { sender: value })
-            .then(r => {
-            var _a;
-            console.log('Update result', r);
-            if ((_a = this.store) === null || _a === void 0 ? void 0 : _a.state) {
-                this.store.state.sender = value;
-            }
-            this.saving = false;
-            this.sender = value;
-        })
-            .catch(e => {
-            console.log('Error saving', e);
-            this.saving = false;
-        });
-    }
-    render() {
-        return (h(Host, { key: 'f9ebeecc2d0d2467718e1c54161fd8eee32ba5f6' }, h("div", { key: 'efc13020bd5674c874707cefea2384b52521a85f', class: "background-overlay", onClick: e => this.handleDismiss(e) }, h("div", { key: '3c85258b0ea837e4e78ad16eb6cec93cffa6e629', class: "dialog" }, h("div", { key: '46a6eb1bed8de495d834faa73e48547a891aa00e', class: "options" }, h("div", { key: '9425750a4508f6a6c176f0ee88a1674aceec8475', class: "option" }, h("verdocs-radio-button", { key: '65d2059bb0b433e1b95a55273ad7a7ca4734ce51', name: "template-sender", value: 'everyone', checked: this.sender === 'everyone', onInput: () => this.handleSelectSetting('everyone') }), h("div", { key: '119b053c18bffd95451eed224132d1592ccf6004', class: "description" }, h("div", { key: 'c4a3fac447abea997dec0906221df87cc9014e4b', class: "name" }, "Anyone on the Web"), h("verdocs-help-icon", { key: '1e8e078477cdd86100e3b73e275e856449eb84ee', text: "Anyone can use this template. (Make its visibility is set to to 'Public' or 'Shared'.)" }))), h("div", { key: 'b91f257e6a6c702f2fa0ee147dda5642b6ff514a', class: "option" }, h("verdocs-radio-button", { key: '00a900ef8a3a1e9cb7ca8e1de93bf3528f78b32d', name: "template-sender", value: 'everyone_as_creator', checked: this.sender === 'everyone_as_creator', onInput: () => this.handleSelectSetting('everyone_as_creator') }), h("div", { key: 'f767a5d108262e22fb3f0936379f6b84481801ad', class: "description" }, h("div", { key: '59f6f409b9f51a2ab597241a4052191e46a4d5c1', class: "name" }, "Anyone on the Web as me"), h("verdocs-help-icon", { key: '0b90c72573e4b75c3294e8f95a709ee0559bdbef', text: "Anyone can use this template on my behalf. (Make sure its visibility is set to 'Public' or 'Shared'.)" }))), h("div", { key: 'afd67488f38d33075a454476be475cd7801c4ed3', class: "option" }, h("verdocs-radio-button", { key: '8c09dc41fbb371c3380a2ddf06a806a131aef8b6', name: "template-sender", value: 'organization_member', checked: this.sender === 'organization_member', onInput: () => this.handleSelectSetting('organization_member') }), h("div", { key: 'caf2a20f93130262b878e9df13e0e569aacffb9c', class: "description" }, h("div", { key: '430ccbe92e4b39a789d215886e9ecbfed0c30f3e', class: "name" }, "Anyone in my organization"), h("verdocs-help-icon", { key: '21a2cec2a249f6e4d6f486f501a813e10bdd1497', text: "Anyone in my organization can use this template. (Make sure its visibility is set to 'Shared')" }))), h("div", { key: 'a48b2814e9b04e09f6661a754b52e739d0566200', class: "option" }, h("verdocs-radio-button", { key: 'e3f9885aa8215f79686555a1fb85c5b87aa4aa03', name: "template-sender", value: 'organization_member_as_creator', checked: this.sender === 'organization_member_as_creator', onInput: () => this.handleSelectSetting('organization_member_as_creator') }), h("div", { key: '99ea5cdc2c55b0e73d092a1df4fc728f30810059', class: "description" }, h("div", { key: '79109d8cc3845c287fbffdd017695139cfb1a16f', class: "name" }, "Anyone in my organization as me"), h("verdocs-help-icon", { key: 'b093f771c7cf119cbf27c404562bf5029664bb1b', text: "Anyone in my organization can use this template on my behalf. (Make sure its visibility is set to to 'Shared'.)" }))), h("div", { key: '1a250fdd2b385e70d27f0fb6895a5b673c24e655', class: "option" }, h("verdocs-radio-button", { key: '526a88e4e339932623183ec5fa9218adcbb5d832', name: "template-sender", value: 'creator', checked: this.sender === 'creator', onInput: () => this.handleSelectSetting('creator') }), h("div", { key: '94a699f6c4c430cbd3e221c6baf4972ec188260f', class: "description" }, h("div", { key: 'b2c16bda7146c436cd90d919e7c7a7d912c90809', class: "name" }, "Me"), h("verdocs-help-icon", { key: '360ad19358fd4ce6a6f8e3e3e47bb0ff0da18d37', text: "Only I can use this template." })))), h("div", { key: '059e9ebf124ffcd2d45ea4316d1fdd49c4ec36ae', class: "buttons" }, h("verdocs-button", { key: 'b0a0a519eb6b713fa334065de19021369e20ee0b', label: "Close", onClick: () => this.handleClose() }))))));
-    }
-    static get style() { return VerdocsTemplateSenderStyle0; }
-}, [0, "verdocs-template-sender", {
-        "endpoint": [16],
-        "templateId": [1, "template-id"],
-        "sender": [1],
-        "saving": [32]
-    }]);
-function defineCustomElement() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["verdocs-template-sender", "verdocs-button", "verdocs-help-icon", "verdocs-radio-button"];
-    components.forEach(tagName => { switch (tagName) {
-        case "verdocs-template-sender":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, VerdocsTemplateSender);
-            }
-            break;
-        case "verdocs-button":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$3();
-            }
-            break;
-        case "verdocs-help-icon":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$2();
-            }
-            break;
-        case "verdocs-radio-button":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$1();
-            }
-            break;
-    } });
-}
-
-export { VerdocsTemplateSender as V, defineCustomElement as d };