@servicetitan/dte-unlayer 0.89.0 → 0.90.0

package/dist/store.js

@@ -1,16 +1,20 @@
-var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
+function _define_property(obj, key, value) {
+    if (key in obj) {
+        Object.defineProperty(obj, key, {
+            value: value,
+            enumerable: true,
+            configurable: true,
+            writable: true
+        });
+    } else {
+        obj[key] = value;
+    }
+    return obj;
+}
 import { loadScript } from './loadScript';
 import { unlayerToolsParseTwinKey } from './shared/tools';
 import { unlayerToolsIterate } from './tools';
-import { createUnlayerEditor, DesignUpdatedEventType, } from './unlayer';
+import { createUnlayerEditor, DesignUpdatedEventType } from './unlayer';
 const defaultScriptUrl = 'https://editor.unlayer.com/embed.js?2';
 // We are using exclusive lists here, because we can't be sure that we know all unlayer event types
 const eventsNotChangingToolsList = [
@@ -19,339 +23,255 @@ const eventsNotChangingToolsList = [
     DesignUpdatedEventType.ColumnModified,
     DesignUpdatedEventType.RowMoved,
     DesignUpdatedEventType.RowModified,
-    DesignUpdatedEventType.BodyModified,
+    DesignUpdatedEventType.BodyModified
 ];
 const eventsNotAddingTools = [
     ...eventsNotChangingToolsList,
     DesignUpdatedEventType.ContentRemoved,
     DesignUpdatedEventType.ColumnRemoved,
-    DesignUpdatedEventType.RowRemoved,
+    DesignUpdatedEventType.RowRemoved
 ];
 export class UnlayerStore {
-    constructor(props) {
-        Object.defineProperty(this, "props", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: props
-        });
-        Object.defineProperty(this, "unlayerRef", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: void 0
-        });
-        Object.defineProperty(this, "editor", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: void 0
-        });
-        Object.defineProperty(this, "isInit", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: false
-        });
-        Object.defineProperty(this, "iframe", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: void 0
-        });
-        Object.defineProperty(this, "hasDesign", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: false
-        });
-        Object.defineProperty(this, "onMessageCB", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: void 0
-        });
-        Object.defineProperty(this, "onChangeCB", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: void 0
-        });
-        Object.defineProperty(this, "onSnapshotSaveCB", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: void 0
-        });
-        Object.defineProperty(this, "onReadyCB", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: void 0
-        });
-        Object.defineProperty(this, "onImageCB", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: void 0
-        });
-        Object.defineProperty(this, "init", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: (container) => __awaiter(this, void 0, void 0, function* () {
-                var _a;
-                if (this.isInit) {
-                    return;
-                }
-                this.isInit = true;
-                setTimeout(() => window.addEventListener('message', this.onPostMessage));
-                yield loadScript(defaultScriptUrl);
-                this.editor = createUnlayerEditor(container, this.props);
-                this.editor.addEventListener('design:loaded', this.onDesignLoaded);
-                this.editor.addEventListener('design:updated', this.onDesignUpdated);
-                this.editor.registerCallback('image', this.uploadImage);
-                this.iframe = (_a = container.querySelector(`iframe`)) !== null && _a !== void 0 ? _a : undefined;
-            })
-        });
-        Object.defineProperty(this, "destroy", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: () => {
-                window.removeEventListener('message', this.onPostMessage);
-                if (this.editor) {
-                    this.editor.removeEventListener('design:loaded', this.onDesignLoaded);
-                    this.editor.removeEventListener('design:updated', this.onDesignUpdated);
-                    this.editor.unregisterCallback('image', this.uploadImage);
-                    this.editor = undefined;
-                }
+    constructor(props){
+        _define_property(this, "props", void 0);
+        _define_property(this, "unlayerRef", void 0);
+        _define_property(this, "editor", void 0);
+        _define_property(this, "isInit", void 0);
+        _define_property(this, "iframe", void 0);
+        _define_property(this, "hasDesign", void 0);
+        _define_property(this, "onMessageCB", void 0);
+        _define_property(this, "onChangeCB", void 0);
+        _define_property(this, "onSnapshotSaveCB", void 0);
+        _define_property(this, "onReadyCB", void 0);
+        _define_property(this, "onImageCB", void 0);
+        _define_property(this, "init", void 0);
+        _define_property(this, "destroy", void 0);
+        _define_property(this, "addTwin", void 0);
+        _define_property(this, "setDesign", void 0);
+        _define_property(this, "setOnChange", void 0);
+        _define_property(this, "setOnSnapshotSave", void 0);
+        _define_property(this, "setOnReady", void 0);
+        _define_property(this, "setOnImage", void 0);
+        _define_property(this, "setOnMessage", void 0);
+        _define_property(this, "onDesignLoaded", void 0);
+        _define_property(this, "onDesignUpdated", void 0);
+        _define_property(this, "onPostMessage", void 0);
+        _define_property(this, "sendMessage", void 0);
+        _define_property(this, "uploadImage", void 0);
+        this.props = props;
+        this.isInit = false;
+        this.hasDesign = false;
+        this.init = async (container)=>{
+            if (this.isInit) {
+                return;
             }
-        });
-        Object.defineProperty(this, "addTwin", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: (twin) => {
-                var _a;
-                (_a = this.props.toolTwins) === null || _a === void 0 ? void 0 : _a.push(twin);
-                this.sendMessage('--add-twin', JSON.parse(JSON.stringify(twin)));
-            }
-        });
-        Object.defineProperty(this, "setDesign", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: (design) => {
-                if (!this.editor) {
-                    return;
-                }
-                this.hasDesign = !!design;
-                if (design) {
-                    this.editor.loadDesign(design);
-                }
+            this.isInit = true;
+            setTimeout(()=>window.addEventListener('message', this.onPostMessage));
+            await loadScript(defaultScriptUrl);
+            this.editor = createUnlayerEditor(container, this.props);
+            this.editor.addEventListener('design:loaded', this.onDesignLoaded);
+            this.editor.addEventListener('design:updated', this.onDesignUpdated);
+            this.editor.registerCallback('image', this.uploadImage);
+            var _container_querySelector;
+            this.iframe = (_container_querySelector = container.querySelector(`iframe`)) !== null && _container_querySelector !== void 0 ? _container_querySelector : undefined;
+        };
+        this.destroy = ()=>{
+            window.removeEventListener('message', this.onPostMessage);
+            if (this.editor) {
+                this.editor.removeEventListener('design:loaded', this.onDesignLoaded);
+                this.editor.removeEventListener('design:updated', this.onDesignUpdated);
+                this.editor.unregisterCallback('image', this.uploadImage);
+                this.editor = undefined;
             }
-        });
-        Object.defineProperty(this, "setOnChange", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: (onChange) => {
-                this.onChangeCB = onChange;
+        };
+        this.addTwin = (twin)=>{
+            var _this_props_toolTwins;
+            (_this_props_toolTwins = this.props.toolTwins) === null || _this_props_toolTwins === void 0 ? void 0 : _this_props_toolTwins.push(twin);
+            this.sendMessage('--add-twin', JSON.parse(JSON.stringify(twin)));
+        };
+        this.setDesign = (design)=>{
+            if (!this.editor) {
+                return;
             }
-        });
-        Object.defineProperty(this, "setOnSnapshotSave", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: (onSnapshotSave) => {
-                this.onSnapshotSaveCB = onSnapshotSave;
+            this.hasDesign = !!design;
+            if (design) {
+                this.editor.loadDesign(design);
             }
-        });
-        Object.defineProperty(this, "setOnReady", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: (onReady) => {
-                this.onReadyCB = onReady;
+        };
+        this.setOnChange = (onChange)=>{
+            this.onChangeCB = onChange;
+        };
+        this.setOnSnapshotSave = (onSnapshotSave)=>{
+            this.onSnapshotSaveCB = onSnapshotSave;
+        };
+        this.setOnReady = (onReady)=>{
+            this.onReadyCB = onReady;
+        };
+        this.setOnImage = (onImage)=>{
+            this.onImageCB = onImage;
+        };
+        this.setOnMessage = (onMessage)=>{
+            this.onMessageCB = onMessage;
+        };
+        this.onDesignLoaded = ()=>{
+            if (!this.hasDesign) {
+                var _this_editor;
+                this.hasDesign = true;
+                (_this_editor = this.editor) === null || _this_editor === void 0 ? void 0 : _this_editor.setBodyValues({
+                    backgroundColor: 'rgba(0,0,0,0)',
+                    contentWidth: '100%'
+                });
             }
-        });
-        Object.defineProperty(this, "setOnImage", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: (onImage) => {
-                this.onImageCB = onImage;
+        };
+        this.onDesignUpdated = (event)=>{
+            const isToolAdded = !eventsNotAddingTools.includes(event.type);
+            const isToolsListChanged = !eventsNotChangingToolsList.includes(event.type);
+            if (isToolAdded) {
+                var _this_editor;
+                (_this_editor = this.editor) === null || _this_editor === void 0 ? void 0 : _this_editor.exportHtml((data)=>{
+                    var _this_onChangeCB, _this;
+                    let hasChanges = false;
+                    unlayerToolsIterate(data.design, (tool)=>{
+                        var _tool_slug;
+                        const realTool = tool.slug ? unlayerToolsParseTwinKey((_tool_slug = tool.slug) !== null && _tool_slug !== void 0 ? _tool_slug : '') : undefined;
+                        if (realTool) {
+                            hasChanges = true;
+                            if (tool.slug) {
+                                delete data.design.counters[`u_content_custom_${tool.slug}`];
+                                delete tool.values._meta.htmlID;
+                            }
+                            tool.type = realTool.type;
+                            tool.slug = realTool.slug;
+                        }
+                    });
+                    if (hasChanges) {
+                        this.setDesign(data.design);
+                    }
+                    (_this_onChangeCB = (_this = this).onChangeCB) === null || _this_onChangeCB === void 0 ? void 0 : _this_onChangeCB.call(_this, {
+                        isToolsListChanged
+                    });
+                });
+            } else {
+                var _this_onChangeCB, _this;
+                (_this_onChangeCB = (_this = this).onChangeCB) === null || _this_onChangeCB === void 0 ? void 0 : _this_onChangeCB.call(_this, {
+                    isToolsListChanged
+                });
             }
-        });
-        Object.defineProperty(this, "setOnMessage", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: (onMessage) => {
-                this.onMessageCB = onMessage;
+        };
+        this.onPostMessage = (e)=>{
+            var _e_data, _e_data_dtemessagefrom, _e_data1, _e_data_dtemessagefrom1, _e_data2, _this_onMessageCB, _this;
+            if (!((_e_data = e.data) === null || _e_data === void 0 ? void 0 : _e_data['-dte-message-from'])) {
+                return;
             }
-        });
-        Object.defineProperty(this, "onDesignLoaded", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: () => {
-                var _a;
-                if (!this.hasDesign) {
-                    this.hasDesign = true;
-                    (_a = this.editor) === null || _a === void 0 ? void 0 : _a.setBodyValues({
-                        backgroundColor: 'rgba(0,0,0,0)',
-                        contentWidth: '100%',
-                    });
-                }
+            const type = (_e_data1 = e.data) === null || _e_data1 === void 0 ? void 0 : (_e_data_dtemessagefrom = _e_data1['-dte-message-from']) === null || _e_data_dtemessagefrom === void 0 ? void 0 : _e_data_dtemessagefrom.type;
+            const data = (_e_data2 = e.data) === null || _e_data2 === void 0 ? void 0 : (_e_data_dtemessagefrom1 = _e_data2['-dte-message-from']) === null || _e_data_dtemessagefrom1 === void 0 ? void 0 : _e_data_dtemessagefrom1.data;
+            if (!type) {
+                return;
             }
-        });
-        Object.defineProperty(this, "onDesignUpdated", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: (event) => {
-                var _a, _b;
-                const isToolAdded = !eventsNotAddingTools.includes(event.type);
-                const isToolsListChanged = !eventsNotChangingToolsList.includes(event.type);
-                if (isToolAdded) {
-                    (_a = this.editor) === null || _a === void 0 ? void 0 : _a.exportHtml(data => {
-                        var _a;
-                        let hasChanges = false;
-                        unlayerToolsIterate(data.design, tool => {
-                            var _a;
-                            const realTool = tool.slug
-                                ? unlayerToolsParseTwinKey((_a = tool.slug) !== null && _a !== void 0 ? _a : '')
-                                : undefined;
-                            if (realTool) {
-                                hasChanges = true;
-                                if (tool.slug) {
-                                    delete data.design.counters[`u_content_custom_${tool.slug}`];
-                                    delete tool.values._meta.htmlID;
-                                }
-                                tool.type = realTool.type;
-                                tool.slug = realTool.slug;
+            if (type === '--ready' || type === '--registered') {
+                var _this_onReadyCB, _this1;
+                (_this_onReadyCB = (_this1 = this).onReadyCB) === null || _this_onReadyCB === void 0 ? void 0 : _this_onReadyCB.call(_this1);
+            } else if (type === '--core-loaded') {
+                const data = {
+                    dummyData: this.props.dummyData,
+                    schema: this.props.schema,
+                    generics: this.props.generics,
+                    genericConfigMode: this.props.genericConfigMode,
+                    isSnapshotMode: this.props.isSnapshotMode
+                };
+                this.sendMessage('--config', JSON.parse(JSON.stringify(data)));
+            } else if (type === '--data-loaded') {
+                var _this_props_units;
+                const data = {
+                    customTools: this.props.tools.map((tool)=>({
+                            key: tool.key
+                        })),
+                    toolTwins: this.props.toolTwins,
+                    eSignRecipients: this.props.eSignRecipients,
+                    eSignFieldTypes: this.props.eSignFieldTypes,
+                    units: (_this_props_units = this.props.units) === null || _this_props_units === void 0 ? void 0 : _this_props_units.map((unit)=>({
+                            ...unit,
+                            values: {
+                                ...unit.values,
+                                adminConfig: undefined
+                            }
+                        }))
+                };
+                this.sendMessage('--register', JSON.parse(JSON.stringify(data)));
+            } else if (type === '--save-snapshot') {
+                var _this_editor;
+                (_this_editor = this.editor) === null || _this_editor === void 0 ? void 0 : _this_editor.exportHtml((template)=>{
+                    unlayerToolsIterate(template.design, (tool)=>{
+                        var _tool_values_twin, _tool_values;
+                        if (((_tool_values = tool.values) === null || _tool_values === void 0 ? void 0 : (_tool_values_twin = _tool_values.twin) === null || _tool_values_twin === void 0 ? void 0 : _tool_values_twin.id) === data.id) {
+                            var _this_onSnapshotSaveCB, _this;
+                            if (!tool.slug) {
+                                return;
                             }
-                        });
-                        if (hasChanges) {
-                            this.setDesign(data.design);
+                            (_this_onSnapshotSaveCB = (_this = this).onSnapshotSaveCB) === null || _this_onSnapshotSaveCB === void 0 ? void 0 : _this_onSnapshotSaveCB.call(_this, {
+                                title: '',
+                                tool: tool.slug,
+                                values: tool.values
+                            });
+                            return false;
                         }
-                        (_a = this.onChangeCB) === null || _a === void 0 ? void 0 : _a.call(this, { isToolsListChanged });
                     });
-                }
-                else {
-                    (_b = this.onChangeCB) === null || _b === void 0 ? void 0 : _b.call(this, { isToolsListChanged });
-                }
+                });
             }
-        });
-        Object.defineProperty(this, "onPostMessage", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: (e) => {
-                var _a, _b, _c, _d, _e, _f, _g, _h, _j;
-                if (!((_a = e.data) === null || _a === void 0 ? void 0 : _a['-dte-message-from'])) {
-                    return;
-                }
-                const type = (_c = (_b = e.data) === null || _b === void 0 ? void 0 : _b['-dte-message-from']) === null || _c === void 0 ? void 0 : _c.type;
-                const data = (_e = (_d = e.data) === null || _d === void 0 ? void 0 : _d['-dte-message-from']) === null || _e === void 0 ? void 0 : _e.data;
-                if (!type) {
-                    return;
-                }
-                if (type === '--ready' || type === '--registered') {
-                    (_f = this.onReadyCB) === null || _f === void 0 ? void 0 : _f.call(this);
-                }
-                else if (type === '--core-loaded') {
-                    const data = {
-                        dummyData: this.props.dummyData,
-                        schema: this.props.schema,
-                        generics: this.props.generics,
-                        genericConfigMode: this.props.genericConfigMode,
-                        isSnapshotMode: this.props.isSnapshotMode,
-                    };
-                    this.sendMessage('--config', JSON.parse(JSON.stringify(data)));
-                }
-                else if (type === '--data-loaded') {
-                    const data = {
-                        customTools: this.props.tools.map(tool => ({ key: tool.key })),
-                        toolTwins: this.props.toolTwins,
-                        eSignRecipients: this.props.eSignRecipients,
-                        eSignFieldTypes: this.props.eSignFieldTypes,
-                        units: (_g = this.props.units) === null || _g === void 0 ? void 0 : _g.map(unit => (Object.assign(Object.assign({}, unit), { values: Object.assign(Object.assign({}, unit.values), { adminConfig: undefined }) }))),
-                    };
-                    this.sendMessage('--register', JSON.parse(JSON.stringify(data)));
-                }
-                else if (type === '--save-snapshot') {
-                    (_h = this.editor) === null || _h === void 0 ? void 0 : _h.exportHtml(template => {
-                        unlayerToolsIterate(template.design, tool => {
-                            var _a, _b, _c;
-                            if (((_b = (_a = tool.values) === null || _a === void 0 ? void 0 : _a.twin) === null || _b === void 0 ? void 0 : _b.id) === data.id) {
-                                if (!tool.slug) {
-                                    return;
-                                }
-                                (_c = this.onSnapshotSaveCB) === null || _c === void 0 ? void 0 : _c.call(this, {
-                                    title: '',
-                                    tool: tool.slug,
-                                    values: tool.values,
-                                });
-                                return false;
-                            }
-                        });
-                    });
+            (_this_onMessageCB = (_this = this).onMessageCB) === null || _this_onMessageCB === void 0 ? void 0 : _this_onMessageCB.call(_this, type, data);
+        };
+        this.sendMessage = (type, data)=>{
+            var _this_iframe_contentWindow, _this_iframe;
+            (_this_iframe = this.iframe) === null || _this_iframe === void 0 ? void 0 : (_this_iframe_contentWindow = _this_iframe.contentWindow) === null || _this_iframe_contentWindow === void 0 ? void 0 : _this_iframe_contentWindow.postMessage({
+                '-dte-message-to': {
+                    type,
+                    data
                 }
-                (_j = this.onMessageCB) === null || _j === void 0 ? void 0 : _j.call(this, type, data);
+            }, '*');
+        };
+        this.uploadImage = (data, done)=>{
+            var _data_attachments;
+            if (!this.onImageCB) {
+                done({
+                    progress: 100
+                });
+                throw new Error('image upload is not implemented');
             }
-        });
-        Object.defineProperty(this, "sendMessage", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: (type, data) => {
-                var _a, _b;
-                (_b = (_a = this.iframe) === null || _a === void 0 ? void 0 : _a.contentWindow) === null || _b === void 0 ? void 0 : _b.postMessage({
-                    '-dte-message-to': {
-                        type,
-                        data,
-                    },
-                }, '*');
+            done({
+                progress: 0
+            });
+            if ((_data_attachments = data.attachments) === null || _data_attachments === void 0 ? void 0 : _data_attachments.length) {
+                this.onImageCB(data.attachments[0]).catch(()=>({
+                        url: ''
+                    })).then(({ url })=>done({
+                        progress: 100,
+                        url
+                    }));
             }
-        });
-        Object.defineProperty(this, "uploadImage", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: (data, done) => {
-                var _a;
-                if (!this.onImageCB) {
-                    done({ progress: 100 });
-                    throw new Error('image upload is not implemented');
-                }
-                done({ progress: 0 });
-                if ((_a = data.attachments) === null || _a === void 0 ? void 0 : _a.length) {
-                    this.onImageCB(data.attachments[0])
-                        .catch(() => ({ url: '' }))
-                        .then(({ url }) => done({ progress: 100, url }));
-                }
-            }
-        });
-        this.props.eSignFieldTypes = ['Signature', 'Initials', 'Date Signed', 'Full Name'];
+        };
+        this.props.eSignFieldTypes = [
+            'Signature',
+            'Initials',
+            'Date Signed',
+            'Full Name'
+        ];
         this.unlayerRef = {
-            loadDesign: design => {
-                var _a;
-                (_a = this.editor) === null || _a === void 0 ? void 0 : _a.loadDesign(design);
+            loadDesign: (design)=>{
+                var _this_editor;
+                (_this_editor = this.editor) === null || _this_editor === void 0 ? void 0 : _this_editor.loadDesign(design);
             },
-            saveDesign: cb => {
-                var _a;
-                (_a = this.editor) === null || _a === void 0 ? void 0 : _a.saveDesign(cb);
+            saveDesign: (cb)=>{
+                var _this_editor;
+                (_this_editor = this.editor) === null || _this_editor === void 0 ? void 0 : _this_editor.saveDesign(cb);
             },
-            exportHtml: cb => {
-                var _a;
-                (_a = this.editor) === null || _a === void 0 ? void 0 : _a.exportHtml(data => {
+            exportHtml: (cb)=>{
+                var _this_editor;
+                (_this_editor = this.editor) === null || _this_editor === void 0 ? void 0 : _this_editor.exportHtml((data)=>{
                     cb(data);
                 });
-            },
+            }
         };
     }
 }
+
 //# sourceMappingURL=store.js.map