@athoscommerce/snap-preact 1.2.3-beta.4 → 1.2.3-beta.5

package/dist/cjs/src/Snap.d.ts

@@ -9,7 +9,7 @@ import type { Controllers, AbstractController, SearchControllerConfig, ChatContr
 import type { TrackerConfig, TrackerGlobals } from '@athoscommerce/snap-tracker';
 import type { Target, OnTarget } from '@athoscommerce/snap-toolbox';
 import type { UrlTranslatorConfig } from '@athoscommerce/snap-url-manager';
-import { RecommendationInstantiator, RecommendationInstantiatorConfig } from './Instantiators/RecommendationInstantiator';
+import type { RecommendationInstantiator, RecommendationInstantiatorConfig } from './Instantiators/RecommendationInstantiator';
 import type { SnapControllerServices, InitialUrlConfig, SnapFeatures } from './types';
 import type { TemplatesStore } from './Templates/Stores/TemplateStore';
 export declare const BRANCH_COOKIE = "athosBranch";

package/dist/cjs/src/Snap.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Snap.d.ts","sourceRoot":"","sources":["../../../src/Snap.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"Snap.d.ts","sourceRoot":"","sources":["../../../src/Snap.tsx"],"names":[],"mappings":"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"}

package/dist/cjs/src/Snap.js

@@ -225,12 +225,14 @@ var Snap = /** @class */ (function () {
                 var elem = null;
                 elem = event && event.target;
                 while (Object.keys(attributes).length == 0 && elem !== null && levels <= MAX_PARENT_LEVELS) {
-                    Object.values(elem.attributes).forEach(function (attr) {
-                        var attrName = attr.nodeName;
-                        if (attributeList.indexOf(attrName) != -1) {
-                            attributes[attrName] = elem && elem.getAttribute(attrName);
-                        }
-                    });
+                    if (elem.attributes) {
+                        Object.values(elem.attributes).forEach(function (attr) {
+                            var attrName = attr.nodeName;
+                            if (attributeList.indexOf(attrName) != -1) {
+                                attributes[attrName] = elem && elem.getAttribute(attrName);
+                            }
+                        });
+                    }
                     elem = elem.parentElement;
                     levels++;
                 }
@@ -750,6 +752,16 @@ var Snap = /** @class */ (function () {
                                             if (!target.component) {
                                                 throw new Error("Targets at index ".concat(target_index, " missing component value (Component)."));
                                             }
+                                            // Chat mounts at the document level — if the consumer aimed at <body>
+                                            // directly, give DomTargeter a child to render into instead of stomping on body.
+                                            if (target.selector === 'body' && !target.inject) {
+                                                target = __assign(__assign({}, target), { inject: {
+                                                        action: 'append',
+                                                        element: function () {
+                                                            return document.createElement('div');
+                                                        },
+                                                    } });
+                                            }
                                             var targeter = new snap_toolbox_1.DomTargeter([__assign({}, target)], function (target, elem, originalElem) { return __awaiter(_this, void 0, void 0, function () {
                                                 var cntrlr;
                                                 return __generator(this, function (_a) {

package/dist/cjs/src/SnapHybrid.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SnapHybrid.d.ts","sourceRoot":"","sources":["../../../src/SnapHybrid.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,YAAY,EAAE,MAAM,QAAQ,CAAC;AACxD,OAAO,EAAE,yBAAyB,EAAE,2BAA2B,EAAoB,MAAM,2BAA2B,CAAC;AAKrH,KAAK,uBAAuB,GAAG;IAC9B,eAAe,EAAE,yBAAyB,GAAG,2BAA2B,CAAC;IACzE,UAAU,EAAE,UAAU,CAAC;IACvB,QAAQ,CAAC,EAAE,YAAY,CAAC;CACxB,CAAC;AAEF,qBAAa,UAAW,SAAQ,IAAI;gBACvB,MAAM,EAAE,uBAAuB;CAqB3C"}
+{"version":3,"file":"SnapHybrid.d.ts","sourceRoot":"","sources":["../../../src/SnapHybrid.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,YAAY,EAAE,MAAM,QAAQ,CAAC;AACxD,OAAO,EAAoB,yBAAyB,EAAE,2BAA2B,EAAE,MAAM,2BAA2B,CAAC;AAKrH,KAAK,uBAAuB,GAAG;IAC9B,eAAe,EAAE,yBAAyB,GAAG,2BAA2B,CAAC;IACzE,UAAU,EAAE,UAAU,CAAC;IACvB,QAAQ,CAAC,EAAE,YAAY,CAAC;CACxB,CAAC;AAEF,qBAAa,UAAW,SAAQ,IAAI;gBACvB,MAAM,EAAE,uBAAuB;CAqB3C"}

package/dist/cjs/src/Templates/SnapTemplates.d.ts

@@ -1,82 +1,23 @@
 import { Snap } from '../Snap';
 import { TemplatesStore } from './Stores/TemplateStore';
-import { type SearchStoreConfigSettings, type AutocompleteStoreConfigSettings, ChatStoreConfigSettings } from '@athoscommerce/snap-store-mobx';
+import { type AutocompleteStoreConfigSettings } from '@athoscommerce/snap-store-mobx';
 import type { UrlTranslatorConfig } from '@athoscommerce/snap-url-manager';
 import type { PluginGrouping } from '@athoscommerce/snap-controller';
-import type { RecommendationInstantiatorConfigSettings, RecommendationComponentObject } from '../Instantiators/RecommendationInstantiator';
+import type { RecommendationComponentObject } from '../Instantiators/RecommendationInstantiator';
 import type { SnapFeatures } from '../types';
 import type { SnapConfig, ExtendedTarget } from '../Snap';
-import type { PluginsConfigs, PluginsConfigsUnlocked, TemplateStoreConfigConfig, TemplateStoreConfigConfigUnlocked } from './Stores/TemplateStore';
-import { LibraryImports } from './Stores/LibraryStore';
-export declare const TEMPLATE_EDIT_COOKIE = "athosEditor";
-export declare const TEMPLATE_EDITOR_PARAM = "athos-editor";
-export type SearchTargetConfig = {
-    selector: string;
-    component: keyof LibraryImports['component']['search'];
-};
-export type AutocompleteTargetConfig = {
-    selector: string;
-    inputSelector?: string;
-    component: keyof LibraryImports['component']['autocomplete'];
-};
-export type RecommendationDefaultTargetConfig = {
-    component: keyof LibraryImports['component']['recommendation']['default'];
-};
-export type RecommendationEmailTargetConfig = {
-    component: keyof LibraryImports['component']['recommendation']['email'];
-};
-export type RecommendationBundleTargetConfig = {
-    component: keyof LibraryImports['component']['recommendation']['bundle'];
-};
-export type ChatTargetConfig = {
-    selector: string;
-    component: keyof LibraryImports['component']['chat'];
-};
+import type { TemplatesStoreConfigLocked, TemplatesStoreConfigUnlocked } from './Stores/TemplateStore';
+export declare const TEMPLATE_EDITOR_COOKIE = "athosEditor";
+export declare const TEMPLATE_EDITOR_UI_PARAM = "athos-editor";
 export type SnapTemplatesConfig = SnapTemplatesConfigLocked;
-export type SnapTemplatesConfigLocked = TemplateStoreConfigConfig & {
-    unlocked?: false;
+export type SnapTemplatesConfigUnlocked = TemplatesStoreConfigUnlocked & {
+    unlocked: true;
     url?: UrlTranslatorConfig;
     features?: SnapFeatures;
-    search?: {
-        targets: SearchTargetConfig[];
-        settings?: SearchStoreConfigSettings;
-        plugins?: PluginsConfigs;
-    };
-    autocomplete?: {
-        targets: AutocompleteTargetConfig[];
-        settings?: AutocompleteStoreConfigSettings;
-        plugins?: PluginsConfigs;
-    };
-    recommendation?: {
-        email?: {
-            [profileComponentName: string]: RecommendationEmailTargetConfig;
-        };
-        default?: {
-            [profileComponentName: string]: RecommendationDefaultTargetConfig;
-        };
-        bundle?: {
-            [profileComponentName: string]: RecommendationBundleTargetConfig;
-        };
-        settings?: RecommendationInstantiatorConfigSettings;
-        plugins?: PluginsConfigs;
-    };
-    chat?: {
-        targets: ChatTargetConfig[];
-        settings?: ChatStoreConfigSettings;
-        plugins?: PluginsConfigs;
-    };
 };
-export type SnapTemplatesConfigUnlocked = Omit<SnapTemplatesConfigLocked, 'unlocked' | 'plugins' | 'search' | 'autocomplete' | 'recommendation'> & TemplateStoreConfigConfigUnlocked & {
-    unlocked: true;
-    search?: Omit<NonNullable<SnapTemplatesConfigLocked['search']>, 'plugins'> & {
-        plugins?: PluginsConfigsUnlocked;
-    };
-    autocomplete?: Omit<NonNullable<SnapTemplatesConfigLocked['autocomplete']>, 'plugins'> & {
-        plugins?: PluginsConfigsUnlocked;
-    };
-    recommendation?: Omit<NonNullable<SnapTemplatesConfigLocked['recommendation']>, 'plugins'> & {
-        plugins?: PluginsConfigsUnlocked;
-    };
+export type SnapTemplatesConfigLocked = TemplatesStoreConfigLocked & {
+    url?: UrlTranslatorConfig;
+    features?: SnapFeatures;
 };
 export declare const DEFAULT_FEATURES: SnapFeatures;
 export declare const DEFAULT_AUTOCOMPLETE_CONTROLLER_SETTINGS: AutocompleteStoreConfigSettings;
@@ -87,9 +28,9 @@ export declare class SnapTemplates extends Snap {
 export declare function mapBreakpoints<ControllerConfigSettings>(breakpointsKeys: number[], breakpointSettings: ControllerConfigSettings[]): {
     [key: string]: ControllerConfigSettings | Record<string, never>;
 };
-export declare const createSearchTargeters: (templateConfig: SnapTemplatesConfig | SnapTemplatesConfigUnlocked, templatesStore: TemplatesStore) => ExtendedTarget[];
-export declare const createChatTargeters: (templateConfig: SnapTemplatesConfig | SnapTemplatesConfigUnlocked, templatesStore: TemplatesStore) => ExtendedTarget[];
-export declare function createAutocompleteTargeters(templateConfig: SnapTemplatesConfig | SnapTemplatesConfigUnlocked, templatesStore: TemplatesStore): ExtendedTarget[];
+export declare const createSearchTargeters: (templateConfig: SnapTemplatesConfig, templatesStore: TemplatesStore) => ExtendedTarget[];
+export declare const createChatTargeters: (templateConfig: SnapTemplatesConfig, templatesStore: TemplatesStore) => ExtendedTarget[];
+export declare function createAutocompleteTargeters(templateConfig: SnapTemplatesConfig, templatesStore: TemplatesStore): ExtendedTarget[];
 export declare function createRecommendationComponentMapping(templateConfig: SnapTemplatesConfig | SnapTemplatesConfigUnlocked, templatesStore: TemplatesStore): {
     [name: string]: RecommendationComponentObject;
 };

package/dist/cjs/src/Templates/SnapTemplates.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SnapTemplates.d.ts","sourceRoot":"","sources":["../../../../src/Templates/SnapTemplates.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"SnapTemplates.d.ts","sourceRoot":"","sources":["../../../../src/Templates/SnapTemplates.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAC;AAI/B,OAAO,EAAkB,cAAc,EAAE,MAAM,wBAAwB,CAAC;AAGxE,OAAO,EAAE,KAAK,+BAA+B,EAAE,MAAM,gCAAgC,CAAC;AACtF,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,iCAAiC,CAAC;AAC3E,OAAO,KAAK,EAA0C,cAAc,EAAoB,MAAM,gCAAgC,CAAC;AAC/H,OAAO,KAAK,EAAE,6BAA6B,EAAoC,MAAM,6CAA6C,CAAC;AACnI,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AAC7C,OAAO,KAAK,EAAE,UAAU,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAC1D,OAAO,KAAK,EAOX,0BAA0B,EAC1B,4BAA4B,EAE5B,MAAM,wBAAwB,CAAC;AAoChC,eAAO,MAAM,sBAAsB,gBAAgB,CAAC;AACpD,eAAO,MAAM,wBAAwB,iBAAiB,CAAC;AAEvD,MAAM,MAAM,mBAAmB,GAAG,yBAAyB,CAAC;AAC5D,MAAM,MAAM,2BAA2B,GAAG,4BAA4B,GAAG;IACxE,QAAQ,EAAE,IAAI,CAAC;IACf,GAAG,CAAC,EAAE,mBAAmB,CAAC;IAC1B,QAAQ,CAAC,EAAE,YAAY,CAAC;CACxB,CAAC;AAEF,MAAM,MAAM,yBAAyB,GAAG,0BAA0B,GAAG;IACpE,GAAG,CAAC,EAAE,mBAAmB,CAAC;IAC1B,QAAQ,CAAC,EAAE,YAAY,CAAC;CACxB,CAAC;AAwBF,eAAO,MAAM,gBAAgB,EAAE,YAAiB,CAAC;AAEjD,eAAO,MAAM,wCAAwC,EAAE,+BAItD,CAAC;AAEF,qBAAa,aAAc,SAAQ,IAAI;IACtC,SAAS,EAAE,cAAc,CAAC;gBACd,MAAM,EAAE,mBAAmB,GAAG,2BAA2B;CAoGrE;AAED,wBAAgB,cAAc,CAAC,wBAAwB,EACtD,eAAe,EAAE,MAAM,EAAE,EACzB,kBAAkB,EAAE,wBAAwB,EAAE,GAC5C;IAAE,CAAC,GAAG,EAAE,MAAM,GAAG,wBAAwB,GAAG,MAAM,CAAC,MAAM,EAAE,KAAK,CAAC,CAAA;CAAE,CAKrE;AAED,eAAO,MAAM,qBAAqB,mBAAoB,mBAAmB,kBAAkB,cAAc,KAAG,cAAc,EAoCzH,CAAC;AAEF,eAAO,MAAM,mBAAmB,mBAAoB,mBAAmB,kBAAkB,cAAc,KAAG,cAAc,EA2CvH,CAAC;AAEF,wBAAgB,2BAA2B,CAAC,cAAc,EAAE,mBAAmB,EAAE,cAAc,EAAE,cAAc,GAAG,cAAc,EAAE,CAqCjI;AAED,wBAAgB,oCAAoC,CACnD,cAAc,EAAE,mBAAmB,GAAG,2BAA2B,EACjE,cAAc,EAAE,cAAc,GAC5B;IAAE,CAAC,IAAI,EAAE,MAAM,GAAG,6BAA6B,CAAA;CAAE,CAiDnD;AAED,wBAAgB,gBAAgB,CAAC,cAAc,EAAE,mBAAmB,GAAG,2BAA2B,EAAE,cAAc,EAAE,cAAc,GAAG,UAAU,CA0J9I;AAED,wBAAgB,aAAa,CAC5B,cAAc,EAAE,mBAAmB,GAAG,2BAA2B,EACjE,cAAc,EAAE,cAAc,EAC9B,cAAc,CAAC,EAAE,cAAc,GAAG,QAAQ,GAAG,gBAAgB,GAAG,MAAM,GACpE,cAAc,EAAE,CAmFlB"}

package/dist/cjs/src/Templates/SnapTemplates.js

@@ -97,7 +97,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.createChatTargeters = exports.createSearchTargeters = exports.SnapTemplates = exports.DEFAULT_AUTOCOMPLETE_CONTROLLER_SETTINGS = exports.DEFAULT_FEATURES = exports.TEMPLATE_EDITOR_PARAM = exports.TEMPLATE_EDIT_COOKIE = void 0;
+exports.createChatTargeters = exports.createSearchTargeters = exports.SnapTemplates = exports.DEFAULT_AUTOCOMPLETE_CONTROLLER_SETTINGS = exports.DEFAULT_FEATURES = exports.TEMPLATE_EDITOR_UI_PARAM = exports.TEMPLATE_EDITOR_COOKIE = void 0;
 exports.mapBreakpoints = mapBreakpoints;
 exports.createAutocompleteTargeters = createAutocompleteTargeters;
 exports.createRecommendationComponentMapping = createRecommendationComponentMapping;
@@ -110,8 +110,9 @@ var Snap_1 = require("../Snap");
 var TemplateSelect_1 = require("../../components/src/components/Atoms/TemplateSelect");
 var snap_toolbox_1 = require("@athoscommerce/snap-toolbox");
 var TemplateStore_1 = require("./Stores/TemplateStore");
-exports.TEMPLATE_EDIT_COOKIE = 'athosEditor';
-exports.TEMPLATE_EDITOR_PARAM = 'athos-editor';
+var utils_1 = require("../utils");
+exports.TEMPLATE_EDITOR_COOKIE = 'athosEditor';
+exports.TEMPLATE_EDITOR_UI_PARAM = 'athos-editor';
 exports.DEFAULT_FEATURES = {};
 exports.DEFAULT_AUTOCOMPLETE_CONTROLLER_SETTINGS = {
     trending: {
@@ -123,24 +124,54 @@ var SnapTemplates = /** @class */ (function (_super) {
     function SnapTemplates(config) {
         var _this = this;
         var _a;
+        var context = {};
+        try {
+            context = (0, snap_toolbox_1.getContext)(['editor']);
+        }
+        catch (_b) {
+            context = {};
+        }
+        var editor = context.editor;
         var urlParams = (0, snap_toolbox_1.url)(window.location.href);
-        var editMode = Boolean((((_a = urlParams === null || urlParams === void 0 ? void 0 : urlParams.params) === null || _a === void 0 ? void 0 : _a.query) && exports.TEMPLATE_EDITOR_PARAM in urlParams.params.query) || snap_toolbox_1.cookies.get(exports.TEMPLATE_EDIT_COOKIE));
+        var editorCookieValue = snap_toolbox_1.cookies.get(exports.TEMPLATE_EDITOR_COOKIE);
+        var editUIMode = Boolean((((_a = urlParams === null || urlParams === void 0 ? void 0 : urlParams.params) === null || _a === void 0 ? void 0 : _a.query) && exports.TEMPLATE_EDITOR_UI_PARAM in urlParams.params.query) || editorCookieValue === 'ui' || (editor === null || editor === void 0 ? void 0 : editor.mode) === 'ui');
+        var editMode = Boolean(editorCookieValue) || editUIMode || Boolean((editor === null || editor === void 0 ? void 0 : editor.mode) === 'headless');
         var templatesStore = new TemplateStore_1.TemplatesStore({ config: config, settings: { editMode: editMode } });
         var snapConfig = createSnapConfig(config, templatesStore);
         _this = _super.call(this, snapConfig, { templatesStore: templatesStore }) || this;
         _this.templates = templatesStore;
-        if (editMode) {
-            snap_toolbox_1.cookies.set(exports.TEMPLATE_EDIT_COOKIE, 'true');
-            setTimeout(function () { return __awaiter(_this, void 0, void 0, function () {
-                var _this = this;
-                return __generator(this, function (_a) {
-                    switch (_a.label) {
-                        case 0: 
+        setTimeout(function () { return __awaiter(_this, void 0, void 0, function () {
+            var TemplateEditorStore, templateEditorStore_1, searchController, autocompleteController;
+            var _this = this;
+            return __generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0:
+                        if (!editMode) return [3 /*break*/, 3];
+                        // create templateditor store
                         // preload the library
                         return [4 /*yield*/, templatesStore.preLoad()];
-                        case 1:
-                            // preload the library
-                            _a.sent();
+                    case 1:
+                        // create templateditor store
+                        // preload the library
+                        _a.sent();
+                        return [4 /*yield*/, Promise.resolve().then(function () { return __importStar(require('./Stores/TemplateEditor/TemplateEditorStore')); })];
+                    case 2:
+                        TemplateEditorStore = (_a.sent()).TemplateEditorStore;
+                        templateEditorStore_1 = new TemplateEditorStore({ templatesStore: templatesStore });
+                        // attach to the window object
+                        window.athos = window.athos || {};
+                        window.athos.editor = templateEditorStore_1;
+                        searchController = this.controllers['search'];
+                        autocompleteController = this.controllers['autocomplete'];
+                        if (searchController) {
+                            templateEditorStore_1.registerController(searchController);
+                        }
+                        if (autocompleteController) {
+                            templateEditorStore_1.registerController(autocompleteController);
+                        }
+                        // render ui editor
+                        if (editUIMode) {
+                            snap_toolbox_1.cookies.set(exports.TEMPLATE_EDITOR_COOKIE, 'ui');
                             new snap_toolbox_1.DomTargeter([
                                 {
                                     selector: 'body',
@@ -154,30 +185,18 @@ var SnapTemplates = /** @class */ (function (_super) {
                                     },
                                 },
                             ], function (target, elem) { return __awaiter(_this, void 0, void 0, function () {
-                                var TemplateEditor, TemplateEditorStore, templateEditorStore, searchController, autocompleteController, error_1;
+                                var TemplateEditor, error_1;
                                 return __generator(this, function (_a) {
                                     switch (_a.label) {
                                         case 0:
-                                            _a.trys.push([0, 3, , 4]);
+                                            _a.trys.push([0, 2, , 3]);
                                             return [4 /*yield*/, Promise.resolve().then(function () { return __importStar(require('../../components/src')); })];
                                         case 1:
                                             TemplateEditor = (_a.sent()).TemplatesEditor;
-                                            return [4 /*yield*/, Promise.resolve().then(function () { return __importStar(require('./Stores/TemplateEditor/TemplateEditorStore')); })];
-                                        case 2:
-                                            TemplateEditorStore = (_a.sent()).TemplateEditorStore;
-                                            templateEditorStore = new TemplateEditorStore({ templatesStore: templatesStore });
-                                            searchController = this.controllers['search'];
-                                            autocompleteController = this.controllers['autocomplete'];
-                                            if (searchController) {
-                                                templateEditorStore.registerController(searchController);
-                                            }
-                                            if (autocompleteController) {
-                                                templateEditorStore.registerController(autocompleteController);
-                                            }
-                                            (0, preact_1.render)((0, jsx_runtime_1.jsx)(TemplateEditor, { templatesStore: templatesStore, editorStore: templateEditorStore, snap: this, onRemoveClick: function () {
-                                                    snap_toolbox_1.cookies.unset(exports.TEMPLATE_EDIT_COOKIE);
+                                            (0, preact_1.render)((0, jsx_runtime_1.jsx)(TemplateEditor, { templatesStore: templatesStore, editorStore: templateEditorStore_1, snap: this, onRemoveClick: function () {
+                                                    snap_toolbox_1.cookies.unset(exports.TEMPLATE_EDITOR_COOKIE);
                                                     var urlState = (0, snap_toolbox_1.url)(window.location.href);
-                                                    urlState === null || urlState === void 0 ? true : delete urlState.params.query[exports.TEMPLATE_EDITOR_PARAM];
+                                                    urlState === null || urlState === void 0 ? true : delete urlState.params.query[exports.TEMPLATE_EDITOR_UI_PARAM];
                                                     var newUrl = urlState === null || urlState === void 0 ? void 0 : urlState.url();
                                                     if (newUrl && newUrl != window.location.href) {
                                                         window.location.href = newUrl;
@@ -186,20 +205,21 @@ var SnapTemplates = /** @class */ (function (_super) {
                                                         window.location.reload();
                                                     }
                                                 } }), elem);
-                                            return [3 /*break*/, 4];
-                                        case 3:
+                                            return [3 /*break*/, 3];
+                                        case 2:
                                             error_1 = _a.sent();
                                             console.error('Error rendering TemplateEditor:', error_1);
-                                            return [3 /*break*/, 4];
-                                        case 4: return [2 /*return*/];
+                                            return [3 /*break*/, 3];
+                                        case 3: return [2 /*return*/];
                                     }
                                 });
                             }); });
-                            return [2 /*return*/];
-                    }
-                });
-            }); });
-        }
+                        }
+                        _a.label = 3;
+                    case 3: return [2 /*return*/];
+                }
+            });
+        }); });
         return _this;
     }
     return SnapTemplates;
@@ -213,11 +233,25 @@ function mapBreakpoints(breakpointsKeys, breakpointSettings) {
 }
 var createSearchTargeters = function (templateConfig, templatesStore) {
     var _a;
-    var targets = ((_a = templateConfig.search) === null || _a === void 0 ? void 0 : _a.targets) || [];
-    return targets.map(function (target) {
-        var targetId = templatesStore.addTarget('search', target);
+    // initial target configs
+    var targetConfigs = ((_a = templateConfig.search) === null || _a === void 0 ? void 0 : _a.targets) || [];
+    var mergedConfigs;
+    if (templatesStore.settings.editMode) {
+        var overrideConfigs = (templatesStore.storage.get('overrides.targets.search') || []);
+        mergedConfigs = (0, deepmerge_1.default)(targetConfigs, overrideConfigs, { arrayMerge: utils_1.combineMerge });
+    }
+    else {
+        mergedConfigs = targetConfigs;
+    }
+    // loop through mergedConfigs ---
+    return mergedConfigs.map(function (targetConfig) {
+        var target = templatesStore.addTarget(__assign(__assign({}, targetConfig), { type: 'search' }));
+        // const overrideTemplateStoreTarget = templatesStore.getTarget('search', target.index);
+        // console.log("templatesStore", templatesStore)
+        // console.log('selector', targetConfig.selector);
+        // console.log('overrideTemplateStoreTarget', overrideTemplateStoreTarget);
         var targeter = {
-            selector: target.selector,
+            selector: targetConfig.selector,
             hideTarget: true,
             component: function () { return __awaiter(void 0, void 0, void 0, function () {
                 var componentImportPromises;
@@ -225,7 +259,7 @@ var createSearchTargeters = function (templateConfig, templatesStore) {
                     switch (_a.label) {
                         case 0:
                             componentImportPromises = [];
-                            componentImportPromises.push(templatesStore.library.import.component.search[target.component]());
+                            componentImportPromises.push(templatesStore.library.import.component.search[targetConfig.component]());
                             return [4 /*yield*/, Promise.all(componentImportPromises)];
                         case 1:
                             _a.sent();
@@ -233,7 +267,7 @@ var createSearchTargeters = function (templateConfig, templatesStore) {
                     }
                 });
             }); },
-            props: { type: 'search', templatesStore: templatesStore, targetId: targetId },
+            props: { target: target, templatesStore: templatesStore },
         };
         return targeter;
     });
@@ -241,11 +275,20 @@ var createSearchTargeters = function (templateConfig, templatesStore) {
 exports.createSearchTargeters = createSearchTargeters;
 var createChatTargeters = function (templateConfig, templatesStore) {
     var _a;
-    var targets = ((_a = templateConfig.chat) === null || _a === void 0 ? void 0 : _a.targets) || [];
-    return targets.map(function (target) {
-        var targetId = templatesStore.addTarget('chat', target);
+    // initial target configs
+    var targetConfigs = ((_a = templateConfig.chat) === null || _a === void 0 ? void 0 : _a.targets) || [];
+    var mergedConfigs;
+    if (templatesStore.settings.editMode) {
+        var overrideConfigs = (templatesStore.storage.get('overrides.targets.chat') || []);
+        mergedConfigs = (0, deepmerge_1.default)(targetConfigs, overrideConfigs, { arrayMerge: utils_1.combineMerge });
+    }
+    else {
+        mergedConfigs = targetConfigs;
+    }
+    return mergedConfigs.map(function (targetConfig) {
+        var target = templatesStore.addTarget(__assign(__assign({}, targetConfig), { type: 'chat' }));
         var targeter = {
-            selector: target.selector,
+            selector: targetConfig.selector,
             hideTarget: true,
             component: function () { return __awaiter(void 0, void 0, void 0, function () {
                 var componentImportPromises;
@@ -253,7 +296,7 @@ var createChatTargeters = function (templateConfig, templatesStore) {
                     switch (_a.label) {
                         case 0:
                             componentImportPromises = [];
-                            componentImportPromises.push(templatesStore.library.import.component.chat[target.component]());
+                            componentImportPromises.push(templatesStore.library.import.component.chat[targetConfig.component]());
                             return [4 /*yield*/, Promise.all(componentImportPromises)];
                         case 1:
                             _a.sent();
@@ -261,10 +304,10 @@ var createChatTargeters = function (templateConfig, templatesStore) {
                     }
                 });
             }); },
-            props: { type: 'chat', templatesStore: templatesStore, targetId: targetId },
+            props: { target: target, templatesStore: templatesStore },
         };
         // temporary change to allow injecting into body to append target
-        if (target.selector == 'body') {
+        if (targetConfig.selector == 'body') {
             targeter.hideTarget = false;
             targeter.inject = {
                 action: 'append',
@@ -282,18 +325,28 @@ exports.createChatTargeters = createChatTargeters;
 function createAutocompleteTargeters(templateConfig, templatesStore) {
     var _this = this;
     var _a;
-    var targets = ((_a = templateConfig.autocomplete) === null || _a === void 0 ? void 0 : _a.targets) || [];
-    return targets.map(function (target) {
-        var targetId = templatesStore.addTarget('autocomplete', target);
+    // initial target configs
+    var targetConfigs = ((_a = templateConfig.autocomplete) === null || _a === void 0 ? void 0 : _a.targets) || [];
+    var mergedConfigs;
+    if (templatesStore.settings.editMode) {
+        var overrideConfigs = (templatesStore.storage.get('overrides.targets.autocomplete') || []);
+        mergedConfigs = (0, deepmerge_1.default)(targetConfigs, overrideConfigs, { arrayMerge: utils_1.combineMerge });
+    }
+    else {
+        mergedConfigs = targetConfigs;
+    }
+    // load target override from localstorage OR from the editorStore (would be better);
+    return mergedConfigs.map(function (targetConfig) {
+        var target = templatesStore.addTarget(__assign(__assign({}, targetConfig), { type: 'autocomplete', selector: targetConfig.selector || targetConfig.inputSelector }));
         var targeter = {
-            selector: target.selector,
+            selector: targetConfig.selector || targetConfig.inputSelector,
             component: function () { return __awaiter(_this, void 0, void 0, function () {
                 var componentImportPromises;
                 return __generator(this, function (_a) {
                     switch (_a.label) {
                         case 0:
                             componentImportPromises = [];
-                            componentImportPromises.push(templatesStore.library.import.component.autocomplete[target.component]());
+                            componentImportPromises.push(templatesStore.library.import.component.autocomplete[targetConfig.component]());
                             return [4 /*yield*/, Promise.all(componentImportPromises)];
                         case 1:
                             _a.sent();
@@ -301,24 +354,23 @@ function createAutocompleteTargeters(templateConfig, templatesStore) {
                     }
                 });
             }); },
-            props: { type: 'autocomplete', templatesStore: templatesStore, targetId: targetId },
+            props: __assign({ target: target, templatesStore: templatesStore }, (targetConfig.selector && targetConfig.selector !== targetConfig.inputSelector ? { input: targetConfig.inputSelector } : {})),
             hideTarget: true,
+            createControllerBeforeTargeting: templatesStore.settings.editMode,
         };
-        if (target.inputSelector)
-            targeter.props.input = target.inputSelector;
         return targeter;
     });
 }
 function createRecommendationComponentMapping(templateConfig, templatesStore) {
-    // TODO: throw a warning if keys match inside each recommendation type
     var _this = this;
+    // TODO: throw a warning if keys match inside each recommendation type
     return Object.keys(templateConfig.recommendation || {})
         .filter(function (key) { return ['default', 'email', 'bundle'].includes(key); })
         .reduce(function (mapping, type) {
         var recsType = type;
-        Object.keys(templateConfig.recommendation[recsType] || {}).forEach(function (targetName) {
+        Object.keys(templateConfig.recommendation[recsType] || {}).forEach(function (targetName, index) {
             var type = "recommendation/".concat(recsType);
-            var target = templateConfig.recommendation[recsType][targetName];
+            var targetConfig = __assign(__assign({}, templateConfig.recommendation[recsType][targetName]), { index: index, type: type });
             var mappedConfig = {
                 component: function () { return __awaiter(_this, void 0, void 0, function () {
                     var componentImportPromises, importLocation, importLocation, importLocation;
@@ -329,17 +381,17 @@ function createRecommendationComponentMapping(templateConfig, templatesStore) {
                                 switch (recsType) {
                                     case 'default': {
                                         importLocation = templatesStore.library.import.component.recommendation.default;
-                                        componentImportPromises.push(importLocation[target.component]());
+                                        componentImportPromises.push(importLocation[targetConfig.component]());
                                         break;
                                     }
                                     case 'bundle': {
                                         importLocation = templatesStore.library.import.component.recommendation.bundle;
-                                        componentImportPromises.push(importLocation[target.component]());
+                                        componentImportPromises.push(importLocation[targetConfig.component]());
                                         break;
                                     }
                                     case 'email': {
                                         importLocation = templatesStore.library.import.component.recommendation.email;
-                                        componentImportPromises.push(importLocation[target.component]());
+                                        componentImportPromises.push(importLocation[targetConfig.component]());
                                         break;
                                     }
                                 }
@@ -350,12 +402,11 @@ function createRecommendationComponentMapping(templateConfig, templatesStore) {
                         }
                     });
                 }); },
-                props: { type: type, templatesStore: templatesStore },
+                props: { templatesStore: templatesStore },
                 onTarget: function (domTarget, elem, injectedElem, controller) {
-                    target.selector = "#".concat(controller.id);
-                    var targetId = templatesStore.addTarget(type, target);
+                    targetConfig.selector = "#".concat(controller.id);
                     this.props = this.props || {};
-                    this.props.targetId = targetId;
+                    this.props.target = templatesStore.addTarget(targetConfig);
                 },
             };
             mapping[targetName] = mappedConfig;
@@ -413,7 +464,7 @@ function createSnapConfig(templateConfig, templatesStore) {
             config: {
                 id: 'autocomplete',
                 plugins: createPlugins(templateConfig, templatesStore, 'autocomplete'),
-                selector: templateConfig.autocomplete.targets.map(function (target) { return target.inputSelector || target.selector; }).join(', '),
+                selector: templateConfig.autocomplete.targets.map(function (target) { return target.inputSelector; }).join(', '),
                 settings: autocompleteControllerSettings,
             },
             targeters: createAutocompleteTargeters(templateConfig, templatesStore),

package/dist/cjs/src/Templates/Stores/TargetStore.d.ts

@@ -1,20 +1,21 @@
-import { TemplateTarget, type TemplatesStoreConfigSettings, type TemplatesStoreDependencies, type TemplateThemeTypes } from './TemplateStore';
+import { TemplateTarget, type TemplateTypes, type TemplateThemeTypes } from './TemplateStore';
 export declare const GLOBAL_THEME_NAME = "global";
 type TargetStoreConfig = {
-    target: TemplateTarget;
-    dependencies: TemplatesStoreDependencies;
-    settings: TemplatesStoreConfigSettings;
+    target: TemplateTarget & {
+        index: number;
+    };
 };
 export declare class TargetStore {
+    index: number;
+    type: TemplateTypes;
     selector: string;
     component: string;
     theme: {
         location: TemplateThemeTypes;
         name: string;
     };
-    private dependencies;
     constructor(params: TargetStoreConfig);
-    setComponent(componentName: string): void;
+    setValue(name: string, value: string): void;
     setTheme(themeName: string, location: TemplateThemeTypes): void;
 }
 export {};

package/dist/cjs/src/Templates/Stores/TargetStore.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TargetStore.d.ts","sourceRoot":"","sources":["../../../../../src/Templates/Stores/TargetStore.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,cAAc,EAAE,KAAK,4BAA4B,EAAE,KAAK,0BAA0B,EAAE,KAAK,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AAE9I,eAAO,MAAM,iBAAiB,WAAW,CAAC;AAE1C,KAAK,iBAAiB,GAAG;IACxB,MAAM,EAAE,cAAc,CAAC;IACvB,YAAY,EAAE,0BAA0B,CAAC;IACzC,QAAQ,EAAE,4BAA4B,CAAC;CACvC,CAAC;AACF,qBAAa,WAAW;IAChB,QAAQ,EAAE,MAAM,CAAC;IACjB,SAAS,EAAE,MAAM,CAAC;IAClB,KAAK,EAAE;QACb,QAAQ,EAAE,kBAAkB,CAAC;QAC7B,IAAI,EAAE,MAAM,CAAC;KACb,CAAC;IACF,OAAO,CAAC,YAAY,CAA6B;gBAErC,MAAM,EAAE,iBAAiB;IAiB9B,YAAY,CAAC,aAAa,EAAE,MAAM;IAKlC,QAAQ,CAAC,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,kBAAkB;CAO/D"}
+{"version":3,"file":"TargetStore.d.ts","sourceRoot":"","sources":["../../../../../src/Templates/Stores/TargetStore.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,cAAc,EAAE,KAAK,aAAa,EAAE,KAAK,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AAE9F,eAAO,MAAM,iBAAiB,WAAW,CAAC;AAE1C,KAAK,iBAAiB,GAAG;IACxB,MAAM,EAAE,cAAc,GAAG;QACxB,KAAK,EAAE,MAAM,CAAC;KACd,CAAC;CACF,CAAC;AACF,qBAAa,WAAW;IAChB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,aAAa,CAAC;IACpB,QAAQ,EAAE,MAAM,CAAC;IACjB,SAAS,EAAE,MAAM,CAAC;IAClB,KAAK,EAAE;QACb,QAAQ,EAAE,kBAAkB,CAAC;QAC7B,IAAI,EAAE,MAAM,CAAC;KACb,CAAC;gBAEU,MAAM,EAAE,iBAAiB;IAmB9B,QAAQ,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM;IAWpC,QAAQ,CAAC,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,kBAAkB;CAM/D"}