@athoscommerce/snap-preact 1.9.1 → 1.10.0

package/dist/cjs/src/Templates/Stores/TemplateEditor/TemplateEditorStore.js

@@ -1,37 +1,17 @@
 "use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
-    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
-        if (ar || !(i in from)) {
-            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
-            ar[i] = from[i];
-        }
-    }
-    return to.concat(ar || Array.prototype.slice.call(from));
-};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.TemplateEditorStore = void 0;
-var snap_toolbox_1 = require("@athoscommerce/snap-toolbox");
-var mobx_1 = require("mobx");
-var colord_1 = require("colord");
-var deepmerge_1 = __importDefault(require("deepmerge"));
-var TemplateStore_1 = require("../TemplateStore");
-var uiAbstractions_1 = require("./uiAbstractions");
-var utils_1 = require("../../../utils");
-var THEME_VARIABLE_DEFAULTS = {
+const snap_toolbox_1 = require("@athoscommerce/snap-toolbox");
+const mobx_1 = require("mobx");
+const colord_1 = require("colord");
+const deepmerge_1 = __importDefault(require("deepmerge"));
+const TemplateStore_1 = require("../TemplateStore");
+const uiAbstractions_1 = require("./uiAbstractions");
+const utils_1 = require("../../../utils");
+const THEME_VARIABLE_DEFAULTS = {
     breakpoints: {
         mobile: 600,
         tablet: 900,
@@ -43,11 +23,8 @@ var THEME_VARIABLE_DEFAULTS = {
         accent: '#00AEEF',
     },
 };
-var TemplateEditorStore = /** @class */ (function () {
-    function TemplateEditorStore(_a) {
-        var templatesStore = _a.templatesStore;
-        var _this = this;
-        var _b, _c, _d, _e, _f, _g, _h, _j, _k;
+class TemplateEditorStore {
+    constructor({ templatesStore }) {
         this.storedState = {
             hidden: false,
             activeTab: 'configuration',
@@ -94,20 +71,20 @@ var TemplateEditorStore = /** @class */ (function () {
                 autocomplete: (0, uiAbstractions_1.autocompleteTargetUI)(this),
             },
         };
-        this.setThemeOverride = function (obj) {
-            var path = obj.path, value = obj.value;
+        this.setThemeOverride = (obj) => {
+            const { path, value } = obj;
             // grab the initial config value using the path provided
-            var initialValue = path.reduce(function (acc, key) {
+            const initialValue = path.reduce((acc, key) => {
                 return acc && acc[key];
-            }, _this.initial.theme);
-            var themeConfigOverrides = generateObject(path, value == initialValue ? undefined : value);
-            _this.overrides.theme = removeEmptyObjects((0, deepmerge_1.default)(_this.overrides.theme || {}, themeConfigOverrides || {}));
-            _this.storage.set('overrides.theme', _this.overrides.theme);
-            var mergedOverrides = (0, deepmerge_1.default)(_this.initial.theme || {}, _this.overrides.theme || {});
-            var transformedMergedOverrides = transformThemeComponentOverrides(mergedOverrides);
+            }, this.initial.theme);
+            const themeConfigOverrides = generateObject(path, value == initialValue ? undefined : value);
+            this.overrides.theme = removeEmptyObjects((0, deepmerge_1.default)(this.overrides.theme || {}, themeConfigOverrides || {}));
+            this.storage.set('overrides.theme', this.overrides.theme);
+            const mergedOverrides = (0, deepmerge_1.default)(this.initial.theme || {}, this.overrides.theme || {});
+            const transformedMergedOverrides = transformThemeComponentOverrides(mergedOverrides);
             // update all themes with the new overrides
-            Object.keys(_this.templatesStore.themes.library).forEach(function (themeName) {
-                var themeStore = _this.templatesStore.themes.library[themeName];
+            Object.keys(this.templatesStore.themes.library).forEach((themeName) => {
+                const themeStore = this.templatesStore.themes.library[themeName];
                 themeStore.setEditorOverrides(transformedMergedOverrides);
             });
         };
@@ -117,9 +94,9 @@ var TemplateEditorStore = /** @class */ (function () {
         // store.setTargetOverride({ path: ['search', '[0]'], value });
         // store.setTargetOverride({ path: ['search', '[0]', 'selector'], value });
         // store.setTargetOverride({ path: ['search', '[0]'], value });  --- value = {...}
-        this.setTargetOverride = function (obj) {
-            var path = obj.path;
-            var value = obj.value;
+        this.setTargetOverride = (obj) => {
+            const path = obj.path;
+            let value = obj.value;
             /*
             this.initial.targets = {
                 search: [
@@ -128,17 +105,17 @@ var TemplateEditorStore = /** @class */ (function () {
                 ]
             }
             */
-            var targetFeature = path[0];
+            const targetFeature = path[0];
             // const lastPath = path[path.length - 1];
-            var targetIndex = -1;
+            let targetIndex = -1;
             // grab the initial config value using the path provided
-            var initialValue = path.reduce(function (acc, key) {
+            const initialValue = path.reduce((acc, key) => {
                 // handle array index access
                 // e.g., [0], [1], etc.
                 // if the key is in the format of [index], convert it to a number and access the array
                 // otherwise, access the object property as usual
                 try {
-                    var keyIndex = Number(key.replace(/^\[(\d+)\]$/, '$1'));
+                    const keyIndex = Number(key.replace(/^\[(\d+)\]$/, '$1'));
                     if (Number.isNaN(keyIndex)) {
                         // not an index position
                         return acc && acc[key];
@@ -154,17 +131,17 @@ var TemplateEditorStore = /** @class */ (function () {
                     console.error('Error accessing path in initial targets:', error);
                     return undefined;
                 }
-            }, _this.initial.targets);
-            var targetOverrides = generateObject(path, value == initialValue ? undefined : value);
-            var merged = (0, deepmerge_1.default)((0, mobx_1.toJS)(_this.overrides.targets) || {}, (0, mobx_1.toJS)(targetOverrides) || {}, { arrayMerge: utils_1.combineMerge });
-            _this.overrides.targets = removeEmptyObjects(merged);
-            _this.storage.set('overrides.targets', _this.overrides.targets);
+            }, this.initial.targets);
+            const targetOverrides = generateObject(path, value == initialValue ? undefined : value);
+            const merged = (0, deepmerge_1.default)((0, mobx_1.toJS)(this.overrides.targets) || {}, (0, mobx_1.toJS)(targetOverrides) || {}, { arrayMerge: utils_1.combineMerge });
+            this.overrides.targets = removeEmptyObjects(merged);
+            this.storage.set('overrides.targets', this.overrides.targets);
             // const plainInitial = convertObservableToPlain(this.initial.targets);
             // const plainOverrides = convertObservableToPlain(this.overrides.targets);
-            var mergedOverrides = (0, deepmerge_1.default)((0, mobx_1.toJS)(_this.initial.targets) || {}, (0, mobx_1.toJS)(_this.overrides.targets) || {}, {
+            const mergedOverrides = (0, deepmerge_1.default)((0, mobx_1.toJS)(this.initial.targets) || {}, (0, mobx_1.toJS)(this.overrides.targets) || {}, {
                 arrayMerge: utils_1.combineMerge,
             });
-            var finalPath = path[path.length - 1];
+            const finalPath = path[path.length - 1];
             if (finalPath == 'selector' && targetIndex > -1) {
                 // if reset button was clicked value will be undefined
                 if (typeof value == 'undefined') {
@@ -172,13 +149,13 @@ var TemplateEditorStore = /** @class */ (function () {
                 }
                 // needs to have a value and some actual elem to find
                 if (typeof value == 'string' && value.length > 1 && document.querySelector(value)) {
-                    var activeTargeterKey = Object.keys(window.athos.controller[targetFeature].targeters)[targetIndex];
+                    const activeTargeterKey = Object.keys(window.athos.controller[targetFeature].targeters)[targetIndex];
                     if (activeTargeterKey) {
-                        var oldSelector = window.athos.controller[targetFeature].targeters[activeTargeterKey].targets[0].selector;
-                        var elem = document.querySelector(oldSelector || '');
+                        const oldSelector = window.athos.controller[targetFeature].targeters[activeTargeterKey].targets[0].selector;
+                        const elem = document.querySelector(oldSelector || '');
                         if (targetFeature == 'search' && elem) {
                             //create clone of elem with all attributes
-                            var clonedElement = elem.cloneNode(true);
+                            const clonedElement = elem.cloneNode(true);
                             clonedElement.innerHTML = '';
                             //inject clone right after elem
                             elem.insertAdjacentElement('afterend', clonedElement);
@@ -201,23 +178,23 @@ var TemplateEditorStore = /** @class */ (function () {
                 }
             }
             else if (finalPath == 'inputSelector' && targetIndex > -1) {
-                var activeTargeterKey = Object.keys(window.athos.controller[targetFeature].targeters)[targetIndex];
+                const activeTargeterKey = Object.keys(window.athos.controller[targetFeature].targeters)[targetIndex];
                 window.athos.controller[targetFeature].targeters[activeTargeterKey].targets[0].props.input = value;
                 window.athos.controller[targetFeature].retarget();
             }
             // if the component changed we need to tell the targetStore about it via:
-            var targetFeatureSet = _this.templatesStore.targets[targetFeature];
+            const targetFeatureSet = this.templatesStore.targets[targetFeature];
             if (targetFeatureSet && targetIndex != -1) {
-                var target_1 = targetFeatureSet[targetIndex];
+                const target = targetFeatureSet[targetIndex];
                 // if (target && lastPath) {
                 // 	const finalValue = mergedOverrides[targetFeature][targetIndex]?.selector;
                 // 	finalValue && target.setValue(lastPath, finalValue);
                 // }
                 // update values in target
-                var mergedTarget_1 = mergedOverrides[targetFeature][targetIndex];
-                Object.keys(mergedTarget_1).forEach(function (key) {
-                    var value = mergedTarget_1[key];
-                    target_1.setValue(key, value);
+                const mergedTarget = mergedOverrides[targetFeature][targetIndex];
+                Object.keys(mergedTarget).forEach((key) => {
+                    const value = mergedTarget[key];
+                    target.setValue(key, value);
                 });
             }
             // target.setComponent
@@ -225,28 +202,28 @@ var TemplateEditorStore = /** @class */ (function () {
         this.templatesStore = templatesStore;
         this.storage = new snap_toolbox_1.StorageStore({ type: snap_toolbox_1.StorageType.local, key: TemplateStore_1.TEMPLATE_STORE_KEY });
         this.storedState = this.storage.get('editor') || this.storedState;
-        this.initial.config = (0, deepmerge_1.default)(this.initial.config, ((_b = templatesStore.config) === null || _b === void 0 ? void 0 : _b.config) || {});
+        this.initial.config = (0, deepmerge_1.default)(this.initial.config, templatesStore.config?.config || {});
         this.initial.controller = {}; // set when registering controllers
         // set initial targets
-        if ((_c = templatesStore.config.search) === null || _c === void 0 ? void 0 : _c.targets)
-            this.initial.targets.search = (_d = templatesStore.config.search) === null || _d === void 0 ? void 0 : _d.targets;
-        if ((_e = templatesStore.config.autocomplete) === null || _e === void 0 ? void 0 : _e.targets)
-            this.initial.targets.autocomplete = (_f = templatesStore.config.autocomplete) === null || _f === void 0 ? void 0 : _f.targets;
-        var themeConfig = JSON.parse(JSON.stringify(templatesStore.config.theme || {}));
+        if (templatesStore.config.search?.targets)
+            this.initial.targets.search = templatesStore.config.search?.targets;
+        if (templatesStore.config.autocomplete?.targets)
+            this.initial.targets.autocomplete = templatesStore.config.autocomplete?.targets;
+        const themeConfig = JSON.parse(JSON.stringify(templatesStore.config.theme || {}));
         delete themeConfig.style;
         this.initial.theme = (0, deepmerge_1.default)(this.initial.theme, themeConfig);
         // apply stored overrides (normalizes, persists, and triggers theme changes)
-        var storedOverrides = this.storage.get('overrides') || {};
+        const storedOverrides = this.storage.get('overrides') || {};
         this.setOverrides({
             config: storedOverrides.config,
             theme: storedOverrides.theme,
             search: {
-                targets: (_g = storedOverrides.targets) === null || _g === void 0 ? void 0 : _g.search,
-                settings: (_h = storedOverrides.controller) === null || _h === void 0 ? void 0 : _h.search,
+                targets: storedOverrides.targets?.search,
+                settings: storedOverrides.controller?.search,
             },
             autocomplete: {
-                targets: (_j = storedOverrides.targets) === null || _j === void 0 ? void 0 : _j.autocomplete,
-                settings: (_k = storedOverrides.controller) === null || _k === void 0 ? void 0 : _k.autocomplete,
+                targets: storedOverrides.targets?.autocomplete,
+                settings: storedOverrides.controller?.autocomplete,
             },
         });
         this.storage.set('initial', this.initial);
@@ -262,74 +239,71 @@ var TemplateEditorStore = /** @class */ (function () {
         // 	currency: observable,
         // });
     }
-    TemplateEditorStore.prototype.switchTabs = function (tab) {
+    switchTabs(tab) {
         this.storedState.activeTab = tab;
         this.storage.set('editor', this.storedState);
-    };
-    TemplateEditorStore.prototype.toggleHide = function (hide) {
+    }
+    toggleHide(hide) {
         this.storedState.hidden = hide;
         this.storage.set('editor', this.storedState);
-    };
-    TemplateEditorStore.prototype.setOverrides = function (overrides) {
-        var _this = this;
-        var _a, _b, _c, _d, _e;
+    }
+    setOverrides(overrides) {
         // normalize and set overrides, preventing empty objects
         this.overrides.config = overrides.config || {};
         this.overrides.controller = {
-            search: (_a = overrides.search) === null || _a === void 0 ? void 0 : _a.settings,
-            autocomplete: (_b = overrides.autocomplete) === null || _b === void 0 ? void 0 : _b.settings,
+            search: overrides.search?.settings,
+            autocomplete: overrides.autocomplete?.settings,
         };
         this.overrides.theme = overrides.theme || {};
         this.overrides.targets = {
-            search: ((_c = overrides.search) === null || _c === void 0 ? void 0 : _c.targets) || [],
-            autocomplete: ((_d = overrides.autocomplete) === null || _d === void 0 ? void 0 : _d.targets) || [],
+            search: overrides.search?.targets || [],
+            autocomplete: overrides.autocomplete?.targets || [],
         };
         // persist each section to storage
         this.storage.set('overrides.config', this.overrides.config);
         this.storage.set('overrides.controller', this.overrides.controller);
         this.storage.set('overrides.targets', this.overrides.targets);
         // apply language/currency overrides to the templates store
-        var language = (this.overrides.config.language || this.initial.config.language);
-        var currency = (this.overrides.config.currency || this.initial.config.currency);
+        const language = (this.overrides.config.language || this.initial.config.language);
+        const currency = (this.overrides.config.currency || this.initial.config.currency);
         this.templatesStore.setLanguage(language);
         this.templatesStore.setCurrency(currency);
         // re-apply controller configs with merged overrides
         // (skip if initial.controller hasn't been populated yet — registerController handles that case)
-        ['search', 'autocomplete'].forEach(function (type) {
-            var _a, _b;
-            var controller = (_b = (_a = window.athos) === null || _a === void 0 ? void 0 : _a.controller) === null || _b === void 0 ? void 0 : _b[type];
-            if (controller && _this.initial.controller[type]) {
+        ['search', 'autocomplete'].forEach((type) => {
+            const controller = window.athos?.controller?.[type];
+            if (controller && this.initial.controller[type]) {
                 // reset settings to initial values first, then merge overrides on top
                 // (controller.config.settings already has old overrides baked in, so we can't use it as a base)
-                var cleanConfig = __assign(__assign({}, controller.config), { settings: JSON.parse(JSON.stringify(_this.initial.controller[type])) });
-                var mergedConfig = (0, deepmerge_1.default)(cleanConfig, {
-                    settings: _this.overrides.controller[type] || {},
+                const cleanConfig = { ...controller.config, settings: JSON.parse(JSON.stringify(this.initial.controller[type])) };
+                const mergedConfig = (0, deepmerge_1.default)(cleanConfig, {
+                    settings: this.overrides.controller[type] || {},
                 });
                 controller.setConfig(mergedConfig);
             }
         });
         // re-apply target overrides (component, selector, etc.)
-        ['search', 'autocomplete'].forEach(function (feature) {
-            var targetFeatureSet = _this.templatesStore.targets[feature];
-            var mergedTargets = (0, deepmerge_1.default)((0, mobx_1.toJS)(_this.initial.targets[feature]) || [], (0, mobx_1.toJS)(_this.overrides.targets[feature]) || [], { arrayMerge: utils_1.combineMerge });
-            targetFeatureSet.forEach(function (target, index) {
-                var mergedTarget = mergedTargets[index];
+        ['search', 'autocomplete'].forEach((feature) => {
+            const targetFeatureSet = this.templatesStore.targets[feature];
+            const mergedTargets = (0, deepmerge_1.default)((0, mobx_1.toJS)(this.initial.targets[feature]) || [], (0, mobx_1.toJS)(this.overrides.targets[feature]) || [], { arrayMerge: utils_1.combineMerge });
+            targetFeatureSet.forEach((target, index) => {
+                const mergedTarget = mergedTargets[index];
                 if (mergedTarget) {
-                    Object.keys(mergedTarget).forEach(function (key) {
+                    Object.keys(mergedTarget).forEach((key) => {
                         target.setValue(key, mergedTarget[key]);
                     });
                 }
             });
         });
         // apply theme changes (also persists overrides.theme)
-        this.setTheme((_e = this.overrides.theme.extends) !== null && _e !== void 0 ? _e : this.initial.theme.extends);
-    };
-    TemplateEditorStore.prototype.resetOverrides = function () {
+        this.setTheme(this.overrides.theme.extends ?? this.initial.theme.extends);
+    }
+    resetOverrides() {
         this.storage.set('overrides', undefined);
         this.setOverrides({});
-    };
-    TemplateEditorStore.prototype.setActiveDomSelector = function (selectorId) {
-        if (selectorId === null || selectorId === void 0 ? void 0 : selectorId.length) {
+    }
+    setActiveDomSelector(selectorId) {
+        if (selectorId?.length) {
             this.state.activeDomSelector = selectorId;
             this.toggleHide(true);
         }
@@ -337,105 +311,101 @@ var TemplateEditorStore = /** @class */ (function () {
             this.state.activeDomSelector = '';
             this.toggleHide(false);
         }
-    };
-    TemplateEditorStore.prototype.setConfigOverride = function (obj) {
-        var _this = this;
-        var path = obj.path, value = obj.value;
+    }
+    setConfigOverride(obj) {
+        const { path, value } = obj;
         // grab the initial config value using the path provided
-        var initialValue = path.reduce(function (acc, key) {
+        const initialValue = path.reduce((acc, key) => {
             return acc && acc[key];
         }, this.initial.config);
-        var configOverrides = generateObject(path, value == initialValue ? undefined : value);
-        var updatedOverrides = removeEmptyObjects((0, deepmerge_1.default)(this.overrides.config || {}, configOverrides || {}));
+        const configOverrides = generateObject(path, value == initialValue ? undefined : value);
+        const updatedOverrides = removeEmptyObjects((0, deepmerge_1.default)(this.overrides.config || {}, configOverrides || {}));
         this.overrides.config = updatedOverrides;
         this.storage.set('overrides.config', updatedOverrides);
         if (path[0] === 'language') {
-            this.templatesStore.setLanguage((value || initialValue)).then(function () {
-                _this.storage.set('overrides.config', updatedOverrides);
+            this.templatesStore.setLanguage((value || initialValue)).then(() => {
+                this.storage.set('overrides.config', updatedOverrides);
             });
         }
         else if (path[0] === 'currency') {
-            this.templatesStore.setCurrency((value || initialValue)).then(function () {
-                _this.storage.set('overrides.config', updatedOverrides);
+            this.templatesStore.setCurrency((value || initialValue)).then(() => {
+                this.storage.set('overrides.config', updatedOverrides);
             });
         }
-    };
-    TemplateEditorStore.prototype.setTheme = function (themeName) {
-        var _this = this;
-        var updatedConfig = { extends: themeName };
+    }
+    setTheme(themeName) {
+        const updatedConfig = { extends: themeName };
         if (this.initial.theme.extends === themeName) {
             updatedConfig.extends = undefined;
         }
         this.overrides.theme = (0, deepmerge_1.default)(this.overrides.theme, updatedConfig);
         this.storage.set('overrides.theme', this.overrides.theme);
         // update initial variables from the newly selected theme's raw definition
-        var themeDefinition = this.templatesStore.library.themes[themeName];
+        const themeDefinition = this.templatesStore.library.themes[themeName];
         if (themeDefinition) {
-            var themeConfig = JSON.parse(JSON.stringify(this.templatesStore.config.theme || {}));
+            const themeConfig = JSON.parse(JSON.stringify(this.templatesStore.config.theme || {}));
             delete themeConfig.style;
             this.initial.theme.variables = (0, deepmerge_1.default)(themeDefinition.variables || {}, themeConfig.variables || {});
             // normalize colors to hexadecimal format
-            Object.keys(this.initial.theme.variables.colors).forEach(function (key) {
-                var color = _this.initial.theme.variables.colors[key];
-                var parsedColor = (0, colord_1.colord)(color || '#000');
-                _this.initial.theme.variables.colors[key] = parsedColor.isValid()
+            Object.keys(this.initial.theme.variables.colors).forEach((key) => {
+                const color = this.initial.theme.variables.colors[key];
+                const parsedColor = (0, colord_1.colord)(color || '#000');
+                this.initial.theme.variables.colors[key] = parsedColor.isValid()
                     ? parsedColor.toHex()
                     : color;
             });
             this.storage.set('initial', this.initial);
         }
         // update all library themes with recomputed editor overrides based on the new theme's variables
-        var mergedOverrides = (0, deepmerge_1.default)(this.initial.theme || {}, this.overrides.theme || {});
-        var transformedMergedOverrides = transformThemeComponentOverrides(mergedOverrides);
-        Object.keys(this.templatesStore.themes.library).forEach(function (libThemeName) {
-            var themeStore = _this.templatesStore.themes.library[libThemeName];
+        const mergedOverrides = (0, deepmerge_1.default)(this.initial.theme || {}, this.overrides.theme || {});
+        const transformedMergedOverrides = transformThemeComponentOverrides(mergedOverrides);
+        Object.keys(this.templatesStore.themes.library).forEach((libThemeName) => {
+            const themeStore = this.templatesStore.themes.library[libThemeName];
             themeStore.setEditorOverrides(transformedMergedOverrides);
         });
         // loop through all targets in templateStore and call setTheme on them all
-        Object.keys(this.templatesStore.targets).forEach(function (feature) {
+        Object.keys(this.templatesStore.targets).forEach((feature) => {
             // loop through all the features (search, autocomplete, recommendations)
             if (feature == 'recommendation') {
-                var recommendationTargetObject_1 = _this.templatesStore.targets.recommendation;
-                Object.keys(recommendationTargetObject_1).forEach(function (recType) {
-                    var featureTargets = recommendationTargetObject_1[recType];
-                    featureTargets.forEach(function (target) {
+                const recommendationTargetObject = this.templatesStore.targets.recommendation;
+                Object.keys(recommendationTargetObject).forEach((recType) => {
+                    const featureTargets = recommendationTargetObject[recType];
+                    featureTargets.forEach((target) => {
                         target.setTheme(themeName, 'library');
                     });
                 });
             }
             else {
-                var featureTargets = _this.templatesStore.targets[feature];
-                featureTargets.forEach(function (target) {
+                const featureTargets = this.templatesStore.targets[feature];
+                featureTargets.forEach((target) => {
                     target.setTheme(themeName, 'library');
                 });
             }
         });
-    };
-    TemplateEditorStore.prototype.setControllerOverride = function (obj) {
-        var _a;
-        var path = obj.path, value = obj.value, controller = obj.controller;
-        var type = controller.type;
-        var controllerOverrides = (_a = {},
-            _a[type] = generateObject(path, value),
-            _a);
+    }
+    setControllerOverride(obj) {
+        const { path, value, controller } = obj;
+        const type = controller.type;
+        const controllerOverrides = {
+            [type]: generateObject(path, value),
+        };
         this.overrides.controller = (0, deepmerge_1.default)(this.overrides.controller || {}, controllerOverrides);
         // recursively remove empty objects and undefined values from this.overrides.controller
         this.overrides.controller = removeEmptyObjects(this.overrides.controller);
-        this.storage.set("overrides.controller.".concat(type), this.overrides.controller[type]);
-        var mergedConfig = (0, deepmerge_1.default)({
+        this.storage.set(`overrides.controller.${type}`, this.overrides.controller[type]);
+        const mergedConfig = (0, deepmerge_1.default)({
             settings: this.initial.controller[type] || {},
         }, {
             settings: this.overrides.controller[type] || {},
         });
-        controller === null || controller === void 0 ? void 0 : controller.setConfig(mergedConfig);
-    };
-    TemplateEditorStore.prototype.registerController = function (controller) {
-        var _a, _b;
-        var settingsCopy = JSON.parse(JSON.stringify(controller.config.settings));
-        var type = controller.type;
+        controller?.setConfig(mergedConfig);
+    }
+    registerController(controller) {
+        const settingsCopy = JSON.parse(JSON.stringify(controller.config.settings));
+        const type = controller.type;
         this.initial.controller[type] = settingsCopy;
-        this.storage.set("initial.controller.".concat(type), this.initial.controller[type]);
-        var mergedConfig = (0, deepmerge_1.default)(controller.config, {
+        this.storage.set(`initial.controller.${type}`, this.initial.controller[type]);
+        const mergedConfig = (0, deepmerge_1.default)(controller.config, {
             settings: this.overrides.controller[type] || {},
         });
         controller.setConfig(mergedConfig);
@@ -444,68 +414,73 @@ var TemplateEditorStore = /** @class */ (function () {
         }
         if (type === 'search') {
             // @ts-ignore - accessing a private property
-            var clientGlobals = controller.client.config.globals || {};
+            const clientGlobals = controller.client.config.globals || {};
             // controller globals > client globals > templates config
-            var siteId = ((_a = controller.config.globals) === null || _a === void 0 ? void 0 : _a.siteId) || (clientGlobals === null || clientGlobals === void 0 ? void 0 : clientGlobals.siteId) || ((_b = this.templatesStore.config.config) === null || _b === void 0 ? void 0 : _b.siteId) || '';
+            const siteId = controller.config.globals?.siteId || clientGlobals?.siteId || this.templatesStore.config.config?.siteId || '';
             if (this.initial.config.siteId != siteId) {
                 this.storage.set('overrides.config.siteId', siteId);
             }
         }
-    };
-    TemplateEditorStore.prototype.getTargets = function () {
-        var storeTargets = this.templatesStore.targets;
-        var searchTargets = storeTargets.search.map(function (target) { return ({
+    }
+    getTargets() {
+        const storeTargets = this.templatesStore.targets;
+        const searchTargets = storeTargets.search.map((target) => ({
             type: 'search',
-            target: target,
+            target,
             template: target.component,
             selector: target.selector,
-        }); });
-        var autocompleteTargets = storeTargets.autocomplete.map(function (target) { return ({
+        }));
+        const autocompleteTargets = storeTargets.autocomplete.map((target) => ({
             type: 'autocomplete',
-            target: target,
+            target,
             template: target.component,
             selector: target.selector,
-        }); });
-        var recommendationBundleTargets = storeTargets.recommendation.bundle.map(function (target) { return ({
+        }));
+        const recommendationBundleTargets = storeTargets.recommendation.bundle.map((target) => ({
             type: 'recommendation/bundle',
-            target: target,
+            target,
             template: target.component,
             selector: target.selector,
-        }); });
-        var recommendationDefaultTargets = storeTargets.recommendation.default.map(function (target) { return ({
+        }));
+        const recommendationDefaultTargets = storeTargets.recommendation.default.map((target) => ({
             type: 'recommendation/default',
-            target: target,
+            target,
             template: target.component,
             selector: target.selector,
-        }); });
-        var recommendationEmailTargets = storeTargets.recommendation.email.map(function (target) { return ({
+        }));
+        const recommendationEmailTargets = storeTargets.recommendation.email.map((target) => ({
             type: 'recommendation/email',
-            target: target,
+            target,
             template: target.component,
             selector: target.selector,
-        }); });
-        var targets = __spreadArray(__spreadArray(__spreadArray(__spreadArray(__spreadArray([], searchTargets, true), autocompleteTargets, true), recommendationBundleTargets, true), recommendationDefaultTargets, true), recommendationEmailTargets, true);
+        }));
+        const targets = [
+            ...searchTargets,
+            ...autocompleteTargets,
+            ...recommendationBundleTargets,
+            ...recommendationDefaultTargets,
+            ...recommendationEmailTargets,
+        ];
         return targets;
-    };
-    TemplateEditorStore.prototype.generateTemplatesConfig = function (options) {
-        var resolveSource = function (opt) {
-            var _a, _b;
+    }
+    generateTemplatesConfig(options) {
+        const resolveSource = (opt) => {
             if (opt === undefined || opt === true)
                 return { initial: true, overrides: true };
             if (opt === false)
                 return { initial: false, overrides: false };
-            return { initial: (_a = opt.initial) !== null && _a !== void 0 ? _a : true, overrides: (_b = opt.overrides) !== null && _b !== void 0 ? _b : true };
+            return { initial: opt.initial ?? true, overrides: opt.overrides ?? true };
         };
-        var configOpt = resolveSource(options === null || options === void 0 ? void 0 : options.config);
-        var themeExtendsOpt;
-        var themeVariablesOpt;
-        var themeOverridesOpt;
-        if ((options === null || options === void 0 ? void 0 : options.theme) === undefined || (options === null || options === void 0 ? void 0 : options.theme) === true) {
+        const configOpt = resolveSource(options?.config);
+        let themeExtendsOpt;
+        let themeVariablesOpt;
+        let themeOverridesOpt;
+        if (options?.theme === undefined || options?.theme === true) {
             themeExtendsOpt = { initial: true, overrides: true };
             themeVariablesOpt = { initial: true, overrides: true };
             themeOverridesOpt = { initial: true, overrides: true };
         }
-        else if ((options === null || options === void 0 ? void 0 : options.theme) === false) {
+        else if (options?.theme === false) {
             themeExtendsOpt = { initial: false, overrides: false };
             themeVariablesOpt = { initial: false, overrides: false };
             themeOverridesOpt = { initial: false, overrides: false };
@@ -515,13 +490,13 @@ var TemplateEditorStore = /** @class */ (function () {
             themeVariablesOpt = resolveSource(options.theme.variables);
             themeOverridesOpt = resolveSource(options.theme.overrides);
         }
-        var includeTheme = themeExtendsOpt.initial ||
+        const includeTheme = themeExtendsOpt.initial ||
             themeExtendsOpt.overrides ||
             themeVariablesOpt.initial ||
             themeVariablesOpt.overrides ||
             themeOverridesOpt.initial ||
             themeOverridesOpt.overrides;
-        var originalConfig = JSON.parse(JSON.stringify(this.templatesStore.config));
+        const originalConfig = JSON.parse(JSON.stringify(this.templatesStore.config));
         delete originalConfig.search;
         delete originalConfig.autocomplete;
         delete originalConfig.recommendation;
@@ -542,13 +517,13 @@ var TemplateEditorStore = /** @class */ (function () {
             if (!themeOverridesOpt.initial)
                 delete originalConfig.theme.overrides;
         }
-        var overrideConfig = {};
+        const overrideConfig = {};
         if (configOpt.overrides) {
             overrideConfig.config = (this.storage.get('overrides.config') || {});
         }
         if (includeTheme) {
-            var themeOverrideData = (this.storage.get('overrides.theme') || {});
-            var filteredTheme = {};
+            const themeOverrideData = (this.storage.get('overrides.theme') || {});
+            const filteredTheme = {};
             if (themeExtendsOpt.overrides && themeOverrideData.extends !== undefined)
                 filteredTheme.extends = themeOverrideData.extends;
             if (themeVariablesOpt.overrides && themeOverrideData.variables !== undefined)
@@ -559,16 +534,14 @@ var TemplateEditorStore = /** @class */ (function () {
                 overrideConfig.theme = filteredTheme;
             }
         }
-        var targets = this.getTargets();
-        if ((options === null || options === void 0 ? void 0 : options.search) !== false) {
-            var searchTargets = targets
-                .filter(function (target) { return target.type === 'search'; })
-                .map(function (target) {
-                return ({
-                    selector: target.selector,
-                    component: target.target.component,
-                });
-            });
+        const targets = this.getTargets();
+        if (options?.search !== false) {
+            const searchTargets = targets
+                .filter((target) => target.type === 'search')
+                .map((target) => ({
+                selector: target.selector,
+                component: target.target.component,
+            }));
             if (searchTargets.length) {
                 overrideConfig.search = {
                     targets: searchTargets,
@@ -576,15 +549,13 @@ var TemplateEditorStore = /** @class */ (function () {
                 };
             }
         }
-        if ((options === null || options === void 0 ? void 0 : options.autocomplete) !== false) {
-            var autocompleteTargets = targets
-                .filter(function (target) { return target.type === 'autocomplete'; })
-                .map(function (target) {
-                return ({
-                    selector: target.selector,
-                    component: target.target.component,
-                });
-            });
+        if (options?.autocomplete !== false) {
+            const autocompleteTargets = targets
+                .filter((target) => target.type === 'autocomplete')
+                .map((target) => ({
+                selector: target.selector,
+                component: target.target.component,
+            }));
             if (autocompleteTargets.length) {
                 overrideConfig.autocomplete = {
                     targets: autocompleteTargets,
@@ -592,42 +563,39 @@ var TemplateEditorStore = /** @class */ (function () {
                 };
             }
         }
-        var config = (0, deepmerge_1.default)(originalConfig, overrideConfig);
-        var cleaned = removeEmptyObjects(config);
-        if (!(options === null || options === void 0 ? void 0 : options.unlocked)) {
+        const config = (0, deepmerge_1.default)(originalConfig, overrideConfig);
+        const cleaned = removeEmptyObjects(config);
+        if (!options?.unlocked) {
             delete cleaned.unlocked;
         }
         // reorder keys: unlocked, config, theme, search, autocomplete, then everything else
-        var orderedKeys = ['unlocked', 'config', 'theme', 'search', 'autocomplete'];
-        var ordered = {};
-        for (var _i = 0, orderedKeys_1 = orderedKeys; _i < orderedKeys_1.length; _i++) {
-            var key = orderedKeys_1[_i];
+        const orderedKeys = ['unlocked', 'config', 'theme', 'search', 'autocomplete'];
+        const ordered = {};
+        for (const key of orderedKeys) {
             if (key in cleaned) {
                 ordered[key] = cleaned[key];
             }
         }
-        for (var _a = 0, _b = Object.keys(cleaned); _a < _b.length; _a++) {
-            var key = _b[_a];
+        for (const key of Object.keys(cleaned)) {
             if (!(key in ordered)) {
                 ordered[key] = cleaned[key];
             }
         }
         return ordered;
-    };
-    return TemplateEditorStore;
-}());
+    }
+}
 exports.TemplateEditorStore = TemplateEditorStore;
 function removeEmptyObjects(object) {
     // Create a recursive cleaning function that works with any object
-    var cleanObj = function (obj) {
+    const cleanObj = (obj) => {
         if (obj === null || typeof obj !== 'object') {
             return obj;
         }
         // Handle arrays differently from objects
         if (Array.isArray(obj)) {
             return obj
-                .map(function (item) { return cleanObj(item); })
-                .filter(function (item) {
+                .map((item) => cleanObj(item))
+                .filter((item) => {
                 // Keep non-null/undefined items
                 if (item === null || item === undefined)
                     return false;
@@ -640,15 +608,14 @@ function removeEmptyObjects(object) {
             });
         }
         // Handle regular objects
-        var result = {};
-        Object.entries(obj).forEach(function (_a) {
-            var key = _a[0], value = _a[1];
+        const result = {};
+        Object.entries(obj).forEach(([key, value]) => {
             // Skip undefined values
             if (value === undefined)
                 return;
             if (value !== null && typeof value === 'object') {
                 // Recursively clean nested objects/arrays
-                var cleanedValue = cleanObj(value);
+                const cleanedValue = cleanObj(value);
                 // Only add non-empty objects/arrays
                 if (Array.isArray(cleanedValue) ? cleanedValue.length > 0 : Object.keys(cleanedValue).length > 0) {
                     result[key] = cleanedValue;
@@ -685,38 +652,37 @@ function generateObject(path, value) {
     return path
         .slice()
         .reverse()
-        .reduce(function (res, key) {
-        var _a;
+        .reduce((res, key) => {
         // Check if key is array index notation like [0], [1], etc.
-        var arrayIndexMatch = key.match(/^\[(\d+)\]$/);
+        const arrayIndexMatch = key.match(/^\[(\d+)\]$/);
         if (arrayIndexMatch) {
             // Extract the index number
-            var index = parseInt(arrayIndexMatch[1], 10);
+            const index = parseInt(arrayIndexMatch[1], 10);
             // Create an array with the element at the specified index
-            var arr = [];
+            const arr = [];
             arr[index] = res;
             return arr;
         }
         // Regular object property
-        return _a = {},
-            _a[key] = res,
-            _a;
+        return {
+            [key]: res,
+        };
     }, value);
 }
 function transformThemeComponentOverrides(theme) {
-    var overrides = theme.overrides, variables = theme.variables;
-    var result = {};
+    const { overrides, variables } = theme;
+    const result = {};
     if (variables) {
         result.variables = variables;
     }
-    if (overrides === null || overrides === void 0 ? void 0 : overrides.default) {
+    if (overrides?.default) {
         result.components = overrides.default;
     }
-    if ((overrides === null || overrides === void 0 ? void 0 : overrides.mobile) || (overrides === null || overrides === void 0 ? void 0 : overrides.tablet) || (overrides === null || overrides === void 0 ? void 0 : overrides.desktop)) {
+    if (overrides?.mobile || overrides?.tablet || overrides?.desktop) {
         result.responsive = {
-            mobile: overrides === null || overrides === void 0 ? void 0 : overrides.mobile,
-            tablet: overrides === null || overrides === void 0 ? void 0 : overrides.tablet,
-            desktop: overrides === null || overrides === void 0 ? void 0 : overrides.desktop,
+            mobile: overrides?.mobile,
+            tablet: overrides?.tablet,
+            desktop: overrides?.desktop,
         };
     }
     return result;