npm - @athoscommerce/snap-preact - Versions diffs - 1.3.0 → 1.5.0 - Mend

@athoscommerce/snap-preact 1.3.0 → 1.5.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (50) hide show

package/dist/cjs/src/Instantiators/RecommendationInstantiator.js CHANGED Viewed

@@ -10,29 +10,6 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
 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) {
@@ -91,6 +68,7 @@ var snap_toolbox_1 = require("@athoscommerce/snap-toolbox");
 var snap_client_1 = require("@athoscommerce/snap-client");
 var snap_logger_1 = require("@athoscommerce/snap-logger");
 var snap_tracker_1 = require("@athoscommerce/snap-tracker");
+var create_1 = require("../create");
 var DEFAULT_BRANCH = 'production';
 var RecommendationInstantiator = /** @class */ (function () {
     function RecommendationInstantiator(config, services, context) {
@@ -128,33 +106,30 @@ var RecommendationInstantiator = /** @class */ (function () {
         this.tracker = (services === null || services === void 0 ? void 0 : services.tracker) || new snap_tracker_1.Tracker(this.config.client.globals);
         this.logger = (services === null || services === void 0 ? void 0 : services.logger) || new snap_logger_1.Logger({ prefix: 'RecommendationInstantiator ', mode: this.mode });
         var profileCount = {};
+        // script block targeter for "grouped" and "legacy" blocks
         this.targeter = new snap_toolbox_1.DomTargeter([
             {
                 selector: "".concat(this.config.selector ||
                     'script[type="searchspring/recommend"], script[type="searchspring/personalized-recommendations"], script[type="athos/recommend"], script[type="athos/personalized-recommendations"]', ", script[type=\"searchspring/recommend\"][profile=\"email\"], script[type=\"athos/recommend\"][profile=\"email\"]"),
                 autoRetarget: true,
                 clickRetarget: true,
-                inject: {
-                    action: 'before',
-                    element: function (target, origElement) {
-                        var profile = origElement.getAttribute('profile') || '';
-                        var recsContainer = document.createElement('div');
-                        recsContainer.setAttribute('searchspring-recommend', profile);
-                        return recsContainer;
-                    },
-                },
+                navigationRetarget: true,
+                emptyTarget: false,
             },
             {
                 selector: 'script[type="searchspring/recommendations"], script[type="athos/recommendations"]',
                 autoRetarget: true,
                 clickRetarget: true,
+                navigationRetarget: true,
                 emptyTarget: false,
             },
-        ], function (target, elem, originalElem) { return __awaiter(_this, void 0, void 0, function () {
-            var elemContext, scriptContextProfiles, scriptContextGlobals_1, requestGlobals_1, targetsArr_1, profile, products, product, seed, filters, blockedItems, options, shopper, shopperId, combinedProducts, shopperIdentifier, profileRequestGlobals;
+        ], function (target, elem) { return __awaiter(_this, void 0, void 0, function () {
+            var scriptElement, elemContext, scriptContextProfiles, scriptContextGlobals_1, requestGlobals_1, profile, products, product, seed, filters, blockedItems, options, shopper, shopperId, combinedProducts, shopperIdentifier, profileRequestGlobals_1, profileAttr, recsContainer, legacyContext_1;
             var _this = this;
             var _a;
             return __generator(this, function (_b) {
+                this.cleanupStaleControllers();
+                scriptElement = elem;
                 elemContext = (0, snap_toolbox_1.getContext)([
                     'shopperId',
                     'shopper',
@@ -169,7 +144,7 @@ var RecommendationInstantiator = /** @class */ (function () {
                     'custom',
                     'profiles',
                     'globals',
-                ], (originalElem || elem));
+                ], scriptElement);
                 if (elemContext.profiles && elemContext.profiles.length) {
                     scriptContextProfiles = elemContext.profiles;
                     scriptContextGlobals_1 = elemContext.globals;
@@ -179,42 +154,62 @@ var RecommendationInstantiator = /** @class */ (function () {
                         cart: (scriptContextGlobals_1 === null || scriptContextGlobals_1 === void 0 ? void 0 : scriptContextGlobals_1.cart) && getArrayFunc(scriptContextGlobals_1.cart),
                         products: scriptContextGlobals_1 === null || scriptContextGlobals_1 === void 0 ? void 0 : scriptContextGlobals_1.products,
                         shopper: (_a = scriptContextGlobals_1 === null || scriptContextGlobals_1 === void 0 ? void 0 : scriptContextGlobals_1.shopper) === null || _a === void 0 ? void 0 : _a.id,
-                        batchId: Math.random(),
+                        batchId: Math.floor(Math.random() * Number.MAX_SAFE_INTEGER),
                     }));
-                    targetsArr_1 = [];
-                    // build out the targets array for each profile
-                    scriptContextProfiles.forEach(function (profile) {
+                    // create a per-profile DomTargeter for each profile so each controller
+                    // gets its own targeter tracking its specific element
+                    scriptContextProfiles.forEach(function (profile, index) {
                         if (profile.selector) {
-                            var targetObj = {
+                            var profileTarget = {
                                 selector: profile.selector,
                                 autoRetarget: true,
-                                clickRetarget: true,
                                 profile: profile,
+                                order: index,
                             };
-                            targetsArr_1.push(targetObj);
+                            // track the controller for this profile so multiple matched elements share it
+                            var profileControllerPromise_1;
+                            new snap_toolbox_1.DomTargeter([profileTarget], function (target, targetElem, _originalElem, targeter) { return __awaiter(_this, void 0, void 0, function () {
+                                var profileRequestGlobals, profileContext, controller;
+                                var _a, _b, _c;
+                                return __generator(this, function (_d) {
+                                    switch (_d.label) {
+                                        case 0:
+                                            // skip retarget if the source script element was removed and release the current target
+                                            if (scriptElement.isConnected === false) {
+                                                if (targetElem) {
+                                                    targeter === null || targeter === void 0 ? void 0 : targeter.releaseTargets([targetElem]);
+                                                }
+                                                return [2 /*return*/];
+                                            }
+                                            if (!(((_a = target.profile) === null || _a === void 0 ? void 0 : _a.profile) || ((_b = target.profile) === null || _b === void 0 ? void 0 : _b.tag))) return [3 /*break*/, 3];
+                                            profileRequestGlobals = __assign(__assign({}, requestGlobals_1), { profile: __assign(__assign({}, (_c = target.profile) === null || _c === void 0 ? void 0 : _c.options), { order: target.order }), tag: target.profile.tag || target.profile.profile });
+                                            profileContext = (0, deepmerge_1.default)(this.context, defined({ globals: scriptContextGlobals_1, profile: target.profile }));
+                                            if (elemContext.custom) {
+                                                profileContext.custom = (0, deepmerge_1.default)(profileContext.custom, elemContext.custom);
+                                            }
+                                            if (!!profileControllerPromise_1) return [3 /*break*/, 1];
+                                            // first element match — create the controller
+                                            profileControllerPromise_1 = readyTheController(this, services || {}, targetElem, profileContext, profileCount, scriptElement, profileRequestGlobals, target, targeter);
+                                            return [3 /*break*/, 3];
+                                        case 1: return [4 /*yield*/, profileControllerPromise_1];
+                                        case 2:
+                                            controller = _d.sent();
+                                            if (controller && targetElem) {
+                                                renderController(this, services || {}, controller, targetElem, scriptElement, target);
+                                            }
+                                            _d.label = 3;
+                                        case 3: return [2 /*return*/];
+                                    }
+                                });
+                            }); });
                         }
                     });
-                    new snap_toolbox_1.DomTargeter(targetsArr_1, function (target, elem, originalElem) { return __awaiter(_this, void 0, void 0, function () {
-                        var profileRequestGlobals, profileContext;
-                        var _a, _b, _c;
-                        return __generator(this, function (_d) {
-                            if (((_a = target.profile) === null || _a === void 0 ? void 0 : _a.profile) || ((_b = target.profile) === null || _b === void 0 ? void 0 : _b.tag)) {
-                                profileRequestGlobals = __assign(__assign({}, requestGlobals_1), { profile: (_c = target.profile) === null || _c === void 0 ? void 0 : _c.options, tag: target.profile.tag || target.profile.profile });
-                                profileContext = (0, deepmerge_1.default)(this.context, defined({ globals: scriptContextGlobals_1, profile: target.profile }));
-                                if (elemContext.custom) {
-                                    profileContext.custom = (0, deepmerge_1.default)(profileContext.custom, elemContext.custom);
-                                }
-                                readyTheController(this, services || {}, elem, profileContext, profileCount, originalElem, profileRequestGlobals, target);
-                            }
-                            return [2 /*return*/];
-                        });
-                    }); });
                 }
                 else {
                     profile = elemContext.profile, products = elemContext.products, product = elemContext.product, seed = elemContext.seed, filters = elemContext.filters, blockedItems = elemContext.blockedItems, options = elemContext.options, shopper = elemContext.shopper, shopperId = elemContext.shopperId;
                     combinedProducts = [].concat(products || product || seed || []);
                     shopperIdentifier = [shopper, shopper === null || shopper === void 0 ? void 0 : shopper.id, shopperId, shopperId === null || shopperId === void 0 ? void 0 : shopperId.id].filter(function (val) { return val && typeof val === 'string'; }).pop();
-                    profileRequestGlobals = __assign({ tag: profile }, defined({
+                    profileRequestGlobals_1 = __assign({ tag: profile }, defined({
                         products: combinedProducts.length ? combinedProducts : undefined,
                         cart: elemContext.cart && getArrayFunc(elemContext.cart),
                         shopper: shopperIdentifier,
@@ -222,7 +217,25 @@ var RecommendationInstantiator = /** @class */ (function () {
                         blockedItems: blockedItems,
                         profile: options,
                     }));
-                    readyTheController(this, services || {}, elem, (0, deepmerge_1.default)(this.context, elemContext), profileCount, originalElem, profileRequestGlobals, target);
+                    profileAttr = scriptElement.getAttribute('profile') || '';
+                    recsContainer = scriptElement.ownerDocument.createElement('div');
+                    recsContainer.setAttribute('searchspring-recommend', profileAttr);
+                    scriptElement.before(recsContainer);
+                    legacyContext_1 = (0, deepmerge_1.default)(this.context, elemContext);
+                    // create a per-element DomTargeter for the injected div (mirrors grouped block pattern)
+                    new snap_toolbox_1.DomTargeter([{ selector: "[searchspring-recommend=\"".concat(profileAttr, "\"]"), name: "legacy_".concat(profile, "_").concat(profileCount[profile || ''] || 0) }], function (_target, targetElem, _originalElem, targeter) { return __awaiter(_this, void 0, void 0, function () {
+                        return __generator(this, function (_a) {
+                            // skip retarget if the source script element was removed and release the current target
+                            if (scriptElement.isConnected === false) {
+                                if (targetElem) {
+                                    targeter === null || targeter === void 0 ? void 0 : targeter.releaseTargets([targetElem]);
+                                }
+                                return [2 /*return*/];
+                            }
+                            readyTheController(this, services || {}, targetElem, legacyContext_1, profileCount, scriptElement, profileRequestGlobals_1, target, targeter);
+                            return [2 /*return*/];
+                        });
+                    }); });
                 }
                 return [2 /*return*/];
             });
@@ -245,34 +258,55 @@ var RecommendationInstantiator = /** @class */ (function () {
     RecommendationInstantiator.prototype.use = function (attachments) {
         this.uses.push(attachments);
     };
+    // cleanup to ensure we release controllers no longer rendering in the DOM (memory leak prevention for SPA's)
+    RecommendationInstantiator.prototype.cleanupStaleControllers = function () {
+        var _this = this;
+        Object.keys(this.controller).forEach(function (id) {
+            var _a;
+            var controller = _this.controller[id];
+            var targeters = Object.values(controller.targeters);
+            var hasConnectedTarget = targeters.some(function (targeter) {
+                return targeter.getTargetedElems().some(function (elem) {
+                    var attr = elem.isConnected !== false && elem.getAttribute('ss-controller-id');
+                    return attr === id;
+                });
+            });
+            if (!hasConnectedTarget) {
+                Object.keys(controller.targeters).forEach(function (targeterId) { return controller.targeters[targeterId].destroy(); });
+                controller.targeters = {};
+                delete _this.controller[id];
+                if ((_a = window.athos) === null || _a === void 0 ? void 0 : _a.controller) {
+                    delete window.athos.controller[id];
+                }
+            }
+        });
+    };
     return RecommendationInstantiator;
 }());
 exports.RecommendationInstantiator = RecommendationInstantiator;
-function readyTheController(instance, services, injectedElem, context, profileCount, elem, controllerGlobals, target) {
+function readyTheController(instance, services, targetElem, context, profileCount, scriptElem, controllerGlobals, target, targeter) {
     return __awaiter(this, void 0, void 0, function () {
-        var profile, batchId, cart, tag, batched, globals, controllerConfig, controller, createRecommendationController, profileVars, component, props, RecommendationsComponent, importPromises, importResolutions;
-        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v;
-        return __generator(this, function (_w) {
-            switch (_w.label) {
+        var profile, batchId, cart, tag, batched, globals, controllerConfigBase, controllerConfig, controller, profileVars;
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s;
+        return __generator(this, function (_t) {
+            switch (_t.label) {
                 case 0:
                     profile = controllerGlobals.profile, batchId = controllerGlobals.batchId, cart = controllerGlobals.cart, tag = controllerGlobals.tag;
                     batched = (_b = (_a = profile === null || profile === void 0 ? void 0 : profile.batched) !== null && _a !== void 0 ? _a : controllerGlobals.batched) !== null && _b !== void 0 ? _b : true;
                     if (!tag) {
                         // FEEDBACK: change message depending on script integration type (profile vs. legacy)
-                        instance.logger.warn("'tag' is missing from <script> tag, skipping this profile", elem);
+                        instance.logger.warn("'tag' is missing from <script> tag, skipping this profile", scriptElem);
                         return [2 /*return*/];
                     }
                     if (Array.isArray(cart)) {
                         instance.tracker.cookies.cart.set(cart);
                     }
-                    profileCount[tag] = profileCount[tag] + 1 || 1;
                     globals = deepmerge_1.default.all([
                         ((_c = instance.config.client) === null || _c === void 0 ? void 0 : _c.globals) || {},
                         ((_d = instance.config.config) === null || _d === void 0 ? void 0 : _d.globals) || {},
                         controllerGlobals,
                     ]);
-                    controllerConfig = {
-                        id: "recommend_".concat(tag, "_").concat(profileCount[tag] - 1),
+                    controllerConfigBase = {
                         tag: tag,
                         batched: (_f = batched !== null && batched !== void 0 ? batched : (_e = instance.config.config) === null || _e === void 0 ? void 0 : _e.batched) !== null && _f !== void 0 ? _f : true,
                         realtime: Boolean((_l = (_h = (_g = context.options) === null || _g === void 0 ? void 0 : _g.realtime) !== null && _h !== void 0 ? _h : (_k = (_j = context.profile) === null || _j === void 0 ? void 0 : _j.options) === null || _k === void 0 ? void 0 : _k.realtime) !== null && _l !== void 0 ? _l : (_m = instance.config.config) === null || _m === void 0 ? void 0 : _m.realtime),
@@ -281,106 +315,110 @@ function readyTheController(instance, services, injectedElem, context, profileCo
                         plugins: instance.config.config.plugins,
                         branch: ((_o = instance.config.config) === null || _o === void 0 ? void 0 : _o.branch) || 'production',
                         limit: (_p = instance.config.config) === null || _p === void 0 ? void 0 : _p.limit,
+                        beacon: ((_q = instance.config.config) === null || _q === void 0 ? void 0 : _q.beacon) || { enabled: true },
                         settings: {
-                            variants: (_q = instance.config.config) === null || _q === void 0 ? void 0 : _q.variants,
+                            variants: (_r = instance.config.config) === null || _r === void 0 ? void 0 : _r.variants,
                         },
                         globals: globals,
                     };
                     if (profile === null || profile === void 0 ? void 0 : profile.branch) {
-                        controllerConfig.branch = profile === null || profile === void 0 ? void 0 : profile.branch;
+                        controllerConfigBase.branch = profile === null || profile === void 0 ? void 0 : profile.branch;
                     }
-                    controller = Object.keys(instance.controller)
-                        .map(function (id) { return instance.controller[id]; })
-                        .filter(function (controller) {
-                        return (JSON.stringify({
-                            batched: controller.config.batched,
-                            branch: controller.config.branch,
-                            globals: controller.config.globals,
-                            tag: controller.config.tag,
-                            realtime: controller.config.realtime,
-                        }) ==
-                            JSON.stringify({
-                                batched: controllerConfig.batched,
-                                branch: controllerConfig.branch,
-                                globals: controllerConfig.globals,
-                                tag: controllerConfig.tag,
-                                realtime: controllerConfig.realtime,
-                            }));
-                    })[0];
-                    if (!!controller) return [3 /*break*/, 2];
-                    return [4 /*yield*/, Promise.resolve().then(function () { return __importStar(require('../create/createRecommendationController')); })];
-                case 1:
-                    createRecommendationController = (_w.sent()).default;
-                    controller = createRecommendationController({
+                    profileCount[tag] = profileCount[tag] + 1 || 1;
+                    controllerConfig = __assign({ id: "recommend_".concat(tag, "_").concat(profileCount[tag] - 1) }, controllerConfigBase);
+                    controller = (0, create_1.createRecommendationController)({
                         url: instance.config.url,
                         controller: controllerConfig,
                         context: context,
                         mode: instance.config.mode,
                     }, { client: instance.client, tracker: instance.tracker });
+                    // mark element with controller id so cleanupStaleControllers knows it's active
+                    if (targetElem) {
+                        targetElem.setAttribute('ss-controller-id', controller.id);
+                    }
                     instance.uses.forEach(function (attachements) { return controller.use(attachements); });
                     instance.plugins.forEach(function (plugin) { return controller.plugin.apply(controller, __spreadArray([plugin.func], plugin.args, false)); });
                     instance.middleware.forEach(function (middleware) { return controller.on.apply(controller, __spreadArray([middleware.event], middleware.func, false)); });
-                    _w.label = 2;
-                case 2:
-                    if (!!controller.store.loading) return [3 /*break*/, 4];
-                    return [4 /*yield*/, controller.search()];
-                case 3:
-                    _w.sent();
-                    _w.label = 4;
-                case 4:
-                    controller.addTargeter(instance.targeter);
+                    // add controller to instantiator and global namespace
                     instance.controller[controller.config.id] = controller;
                     window.athos.controller = window.athos.controller || {};
                     window.athos.controller[controller.config.id] = controller;
-                    profileVars = (_r = controller.store.profile.display) === null || _r === void 0 ? void 0 : _r.templateParameters;
-                    component = (_t = (_s = controller.store.profile.display) === null || _s === void 0 ? void 0 : _s.template) === null || _t === void 0 ? void 0 : _t.component;
+                    // register targeter on the controller for element tracking
+                    controller.addTargeter(targeter);
+                    if (!!controller.store.loading) return [3 /*break*/, 2];
+                    return [4 /*yield*/, controller.search()];
+                case 1:
+                    _t.sent();
+                    _t.label = 2;
+                case 2:
+                    profileVars = (_s = controller.store.profile.display) === null || _s === void 0 ? void 0 : _s.templateParameters;
                     if (controller.store.error) {
                         //something went wrong
                         //err was already logged - nothing to do.
                         return [2 /*return*/];
                     }
                     if (!controller.store.profile.display.template) {
-                        instance.logger.error("profile '".concat(tag, "' found on the following element is missing a template!\n").concat(elem === null || elem === void 0 ? void 0 : elem.outerHTML));
+                        instance.logger.error("profile '".concat(tag, "' found on the following element is missing a template!\n").concat(scriptElem === null || scriptElem === void 0 ? void 0 : scriptElem.outerHTML));
                         return [2 /*return*/];
                     }
                     if (!profileVars) {
-                        instance.logger.error("profile '".concat(tag, "' found on the following element is missing templateParameters!\n").concat(elem === null || elem === void 0 ? void 0 : elem.outerHTML));
+                        instance.logger.error("profile '".concat(tag, "' found on the following element is missing templateParameters!\n").concat(scriptElem === null || scriptElem === void 0 ? void 0 : scriptElem.outerHTML));
                         return [2 /*return*/];
                     }
+                    if (!targetElem) return [3 /*break*/, 4];
+                    return [4 /*yield*/, renderController(instance, services, controller, targetElem, scriptElem, target)];
+                case 3:
+                    _t.sent();
+                    _t.label = 4;
+                case 4: return [2 /*return*/, controller];
+            }
+        });
+    });
+}
+function renderController(instance, services, controller, targetElem, scriptElem, target) {
+    return __awaiter(this, void 0, void 0, function () {
+        var tag, component, props, RecommendationsComponent, importPromises, importResolutions;
+        var _a, _b, _c, _d;
+        return __generator(this, function (_e) {
+            switch (_e.label) {
+                case 0:
+                    // update the element with the controller id
+                    if (targetElem) {
+                        targetElem.setAttribute('ss-controller-id', controller.id);
+                    }
+                    tag = controller.config.tag;
+                    component = (_b = (_a = controller.store.profile.display) === null || _a === void 0 ? void 0 : _a.template) === null || _b === void 0 ? void 0 : _b.component;
                     if (!component) {
-                        instance.logger.error("profile '".concat(tag, "' found on the following element is missing a component!\n").concat(elem === null || elem === void 0 ? void 0 : elem.outerHTML));
+                        instance.logger.error("profile '".concat(tag, "' found on the following element is missing a component!\n").concat(scriptElem === null || scriptElem === void 0 ? void 0 : scriptElem.outerHTML));
                         return [2 /*return*/];
                     }
                     props = {};
                     RecommendationsComponent = undefined;
                     props.className = "ss__recommendation-".concat(component.toLowerCase());
-                    injectedElem === null || injectedElem === void 0 ? void 0 : injectedElem.setAttribute('id', "".concat(controllerConfig.id));
-                    (_v = (_u = instance.config.components[component]) === null || _u === void 0 ? void 0 : _u.onTarget) === null || _v === void 0 ? void 0 : _v.call(_u, target, elem, injectedElem, controller);
-                    if (!(instance.config.components[component] && typeof instance.config.components[component] == 'function')) return [3 /*break*/, 6];
+                    (_d = (_c = instance.config.components[component]) === null || _c === void 0 ? void 0 : _c.onTarget) === null || _d === void 0 ? void 0 : _d.call(_c, target, scriptElem, targetElem, controller);
+                    if (!(instance.config.components[component] && typeof instance.config.components[component] == 'function')) return [3 /*break*/, 2];
                     return [4 /*yield*/, instance.config.components[component]()];
-                case 5:
-                    RecommendationsComponent = _w.sent();
-                    return [3 /*break*/, 8];
-                case 6:
-                    if (!(instance.config.components[component] && typeof instance.config.components[component] == 'object')) return [3 /*break*/, 8];
+                case 1:
+                    RecommendationsComponent = _e.sent();
+                    return [3 /*break*/, 4];
+                case 2:
+                    if (!(instance.config.components[component] && typeof instance.config.components[component] == 'object')) return [3 /*break*/, 4];
                     props = instance.config.components[component].props || {};
                     importPromises = [];
                     // dynamically import the component
                     importPromises.push(instance.config.components[component].component());
                     return [4 /*yield*/, Promise.all(importPromises)];
-                case 7:
-                    importResolutions = _w.sent();
+                case 3:
+                    importResolutions = _e.sent();
                     RecommendationsComponent = importResolutions[0];
-                    _w.label = 8;
-                case 8:
+                    _e.label = 4;
+                case 4:
                     if (!RecommendationsComponent) {
-                        instance.logger.error("profile '".concat(tag, "' found on the following element is expecting component mapping for '").concat(component, "' - verify instantiator config.\n").concat(elem === null || elem === void 0 ? void 0 : elem.outerHTML));
+                        instance.logger.error("profile '".concat(tag, "' found on the following element is expecting component mapping for '").concat(component, "' - verify instantiator config.\n").concat(scriptElem === null || scriptElem === void 0 ? void 0 : scriptElem.outerHTML));
                         return [2 /*return*/];
                     }
                     setTimeout(function () {
-                        if (injectedElem && RecommendationsComponent) {
-                            (0, preact_1.render)((0, jsx_runtime_1.jsx)(RecommendationsComponent, __assign({ controller: controller, snap: services === null || services === void 0 ? void 0 : services.snap }, props)), injectedElem);
-                        }
+                        (0, preact_1.render)((0, jsx_runtime_1.jsx)(RecommendationsComponent, __assign({ controller: controller, snap: services === null || services === void 0 ? void 0 : services.snap }, props)), targetElem);
                     });
                     return [2 /*return*/];
             }

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

@@ -9,7 +9,7 @@ import type { Controllers, AbstractController, SearchControllerConfig, Autocompl
 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 CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Snap.d.ts","sourceRoot":"","sources":["../../../src/Snap.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,MAAM,EAAE,MAAM,4BAA4B,CAAC;AACpD,OAAO,EAAE,MAAM,EAAE,MAAM,4BAA4B,CAAC;AACpD,OAAO,EAAE,OAAO,EAAE,MAAM,6BAA6B,CAAC;AACtD,OAAO,EAAE,OAAO,EAAgE,MAAM,6BAA6B,CAAC;AACpH,OAAO,EAAE,eAAe,EAAE,MAAM,gCAAgC,CAAC;AACjE,OAAO,EAAE,YAAY,EAAE,MAAM,mCAAmC,CAAC;AAIjE,OAAO,KAAK,EAAE,YAAY,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAC;AAC9E,OAAO,KAAK,EACX,WAAW,EACX,kBAAkB,EAElB,sBAAsB,EACtB,4BAA4B,EAC5B,sBAAsB,EACtB,8BAA8B,EAC9B,iBAAiB,EACjB,gBAAgB,EAChB,MAAM,gCAAgC,CAAC;AACxC,OAAO,KAAK,EAAE,aAAa,EAAE,cAAc,EAAmB,MAAM,6BAA6B,CAAC;AAClG,OAAO,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAC;AACpE,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,iCAAiC,CAAC;AAG3E,OAAO,EAAE,0BAA0B,EAAE,gCAAgC,EAAE,MAAM,4CAA4C,CAAC;~~AAC1H~~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~~uBAoDtB~~,UAAU,KAAG,IAAI;MAgC/B;gBAEU,MAAM,EAAE,UAAU,EAAE,QAAQ,CAAC,EAAE,YAAY;CA+qBvD"}
1	+ {"version":3,"file":"Snap.d.ts","sourceRoot":"","sources":["../../../src/Snap.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,MAAM,EAAE,MAAM,4BAA4B,CAAC;AACpD,OAAO,EAAE,MAAM,EAAE,MAAM,4BAA4B,CAAC;AACpD,OAAO,EAAE,OAAO,EAAE,MAAM,6BAA6B,CAAC;AACtD,OAAO,EAAE,OAAO,EAAgE,MAAM,6BAA6B,CAAC;AACpH,OAAO,EAAE,eAAe,EAAE,MAAM,gCAAgC,CAAC;AACjE,OAAO,EAAE,YAAY,EAAE,MAAM,mCAAmC,CAAC;AAIjE,OAAO,KAAK,EAAE,YAAY,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAC;AAC9E,OAAO,KAAK,EACX,WAAW,EACX,kBAAkB,EAElB,sBAAsB,EACtB,4BAA4B,EAC5B,sBAAsB,EACtB,8BAA8B,EAC9B,iBAAiB,EACjB,gBAAgB,EAChB,MAAM,gCAAgC,CAAC;AACxC,OAAO,KAAK,EAAE,aAAa,EAAE,cAAc,EAAmB,MAAM,6BAA6B,CAAC;AAClG,OAAO,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAC;AACpE,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,iCAAiC,CAAC;AAG3E,OAAO,KAAK,EAAE,0BAA0B,EAAE,gCAAgC,EAAE,MAAM,4CAA4C,CAAC;AAC/H,OAAO,KAAK,EAAE,sBAAsB,EAAwB,gBAAgB,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAG5G,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,kCAAkC,CAAC;AAKvE,eAAO,MAAM,aAAa,gBAAgB,CAAC;AAC3C,eAAO,MAAM,YAAY,kBAAkB,CAAC;AAC5C,eAAO,MAAM,UAAU,cAAc,CAAC;AACtC,eAAO,MAAM,oBAAoB,6BAA6B,CAAC;AAE/D,MAAM,MAAM,cAAc,GAAG,MAAM,GAAG;IACrC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,UAAU,CAAC,EAAE,kBAAkB,CAAC;IAChC,SAAS,CAAC,EAAE,MAAM,OAAO,CAAC,GAAG,CAAC,GAAG,GAAG,CAAC;IACrC,QAAQ,CAAC,EAAE,MAAM,OAAO,CAAC,GAAG,CAAC,GAAG,GAAG,CAAC;IACpC,KAAK,CAAC,EAAE;QACP,CAAC,QAAQ,EAAE,MAAM,GAAG,GAAG,CAAC;KACxB,CAAC;IACF,QAAQ,CAAC,EAAE,QAAQ,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,iBAAiB,CAAC,EAAE,OAAO,CAAC;CAC5B,CAAC;AAEF,MAAM,MAAM,8BAA8B,CAAC,gBAAgB,IAAI;IAC9D,MAAM,EAAE,gBAAgB,CAAC;IACzB,SAAS,CAAC,EAAE,cAAc,EAAE,CAAC;IAC7B,QAAQ,CAAC,EAAE,sBAAsB,CAAC;IAClC,GAAG,CAAC,EAAE,mBAAmB,GAAG;QAC3B,OAAO,CAAC,EAAE,gBAAgB,CAAC;KAC3B,CAAC;IACF,OAAO,CAAC,EAAE,gBAAgB,CAAC;CAC3B,CAAC;AAEF,MAAM,MAAM,UAAU,GAAG;IACxB,QAAQ,CAAC,EAAE,YAAY,CAAC;IACxB,IAAI,CAAC,EAAE,MAAM,OAAO,OAAO,GAAG,OAAO,CAAC;IACtC,OAAO,CAAC,EAAE,gBAAgB,CAAC;IAC3B,GAAG,CAAC,EAAE,mBAAmB,CAAC;IAC1B,MAAM,CAAC,EAAE;QACR,OAAO,CAAC,EAAE,OAAO,CAAC,aAAa,CAAC,CAAC;QACjC,MAAM,CAAC,EAAE,YAAY,CAAC;KACtB,CAAC;IACF,OAAO,CAAC,EAAE;QACT,OAAO,CAAC,EAAE,cAAc,CAAC;QACzB,MAAM,CAAC,EAAE,aAAa,CAAC;KACvB,CAAC;IACF,aAAa,CAAC,EAAE;QACf,cAAc,CAAC,EAAE,gCAAgC,CAAC;KAClD,CAAC;IACF,WAAW,CAAC,EAAE;QACb,MAAM,CAAC,EAAE,8BAA8B,CAAC,sBAAsB,CAAC,EAAE,CAAC;QAClE,YAAY,CAAC,EAAE,8BAA8B,CAAC,4BAA4B,CAAC,EAAE,CAAC;QAC9E,MAAM,CAAC,EAAE,8BAA8B,CAAC,sBAAsB,CAAC,EAAE,CAAC;QAClE,cAAc,CAAC,EAAE,8BAA8B,CAAC,8BAA8B,CAAC,EAAE,CAAC;KAClF,CAAC;CACF,CAAC;AAEF,MAAM,MAAM,YAAY,GAAG;IAC1B,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,cAAc,CAAC,EAAE,cAAc,CAAC;CAChC,CAAC;AAqCF,qBAAa,IAAI;IAChB,OAAO,CAAC,IAAI,CAAsB;IAClC,OAAO,CAAC,MAAM,CAAa;IAC3B,OAAO,CAAC,qBAAqB,CAEtB;IACP,OAAO,CAAC,mBAAmB,CAEpB;IAEA,MAAM,EAAG,MAAM,CAAC;IAChB,MAAM,EAAG,MAAM,CAAC;IAChB,OAAO,EAAG,OAAO,CAAC;IAClB,OAAO,EAAE,gBAAgB,CAAC;IAC1B,WAAW,EAAE;QACnB,CAAC,kBAAkB,EAAE,MAAM,GAAG,WAAW,CAAC;KAC1C,CAAM;IAEA,YAAY,EAAE,YAAY,CAAC;IAC3B,SAAS,CAAC,EAAE,cAAc,CAAC;IAE3B,eAAe,OAAQ,MAAM,KAAG,OAAO,CAAC,0BAA0B,CAAC,CAExE;IAEK,aAAa,OAAQ,MAAM,KAAG,OAAO,CAAC,WAAW,CAAC,CAEvD;IAEK,cAAc,qBAAsB,MAAM,EAAE,KAAG,OAAO,CAAC,WAAW,EAAE,CAAC,CAI1E;IAGK,gBAAgB,SAChB,MAAM,OAAO,eAAe,UAC1B,iBAAiB,aACd,sBAAsB,cACrB,mBAAmB,YACrB,gBAAgB,aACf,CAAC,KAAK,CAAC,EAAE,WAAW,GAAG,WAAW,CAAC,WAAW,CAAC,KAAK,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,KACjF,OAAO,CAAC,WAAW,CAAC,CAarB;IAGF,OAAO,CAAC,iBAAiB,CAsDvB;IAEK,QAAQ;4BACM,UAAU,KAAG,IAAI;uBAsDtB,UAAU,KAAG,IAAI;MAgC/B;gBAEU,MAAM,EAAE,UAAU,EAAE,QAAQ,CAAC,EAAE,YAAY;CA+qBvD"}

package/dist/cjs/src/Snap.js CHANGED Viewed

@@ -222,12 +222,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++;
                 }

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

	@@ -1 +1 @@
1	- {"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,EAMX,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;~~CA0FrE~~;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,wBAAgB,2BAA2B,CAAC,cAAc,EAAE,mBAAmB,EAAE,cAAc,EAAE,cAAc,GAAG,cAAc,EAAE,~~CAkCjI~~;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,CA2I9I;AAED,wBAAgB,aAAa,CAC5B,cAAc,EAAE,mBAAmB,GAAG,2BAA2B,EACjE,cAAc,EAAE,cAAc,EAC9B,cAAc,CAAC,EAAE,cAAc,GAAG,QAAQ,GAAG,gBAAgB,GAC3D,cAAc,EAAE,CAmFlB"}
1	+ {"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,EAMX,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,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,CA2I9I;AAED,wBAAgB,aAAa,CAC5B,cAAc,EAAE,mBAAmB,GAAG,2BAA2B,EACjE,cAAc,EAAE,cAAc,EAC9B,cAAc,CAAC,EAAE,cAAc,GAAG,QAAQ,GAAG,gBAAgB,GAC3D,cAAc,EAAE,CAmFlB"}

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

@@ -124,10 +124,18 @@ 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 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');
-        var editMode = Boolean(editorCookieValue) || editUIMode;
+        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;
@@ -280,9 +288,9 @@ function createAutocompleteTargeters(templateConfig, templatesStore) {
     }
     // 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' }));
+        var target = templatesStore.addTarget(__assign(__assign({}, targetConfig), { type: 'autocomplete', selector: targetConfig.selector || targetConfig.inputSelector }));
         var targeter = {
-            selector: targetConfig.selector,
+            selector: targetConfig.selector || targetConfig.inputSelector,
             component: function () { return __awaiter(_this, void 0, void 0, function () {
                 var componentImportPromises;
                 return __generator(this, function (_a) {
@@ -297,12 +305,10 @@ function createAutocompleteTargeters(templateConfig, templatesStore) {
                     }
                 });
             }); },
-            props: { target: target, templatesStore: templatesStore },
+            props: __assign({ target: target, templatesStore: templatesStore }, (targetConfig.selector && targetConfig.selector !== targetConfig.inputSelector ? { input: targetConfig.inputSelector } : {})),
             hideTarget: true,
             createControllerBeforeTargeting: templatesStore.settings.editMode,
         };
-        if (targetConfig.inputSelector)
-            targeter.props.input = targetConfig.inputSelector;
         return targeter;
     });
 }
@@ -408,7 +414,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/TemplateEditor/TemplateEditorStore.d.ts CHANGED Viewed

@@ -1,4 +1,5 @@
-import { AutocompleteStoreConfigSettings, SearchStoreConfigSettings, StorageStore } from '@athoscommerce/snap-store-mobx';
+import { AutocompleteStoreConfigSettings, SearchStoreConfigSettings } from '@athoscommerce/snap-store-mobx';
+import { StorageStore } from '@athoscommerce/snap-toolbox';
 import { TemplatesStore, TemplateTarget } from '../TemplateStore';
 import { AutocompleteController, SearchController } from '@athoscommerce/snap-controller';
 import type { AbstractionGroup } from '../../../types';

package/dist/cjs/src/Templates/Stores/TemplateEditor/TemplateEditorStore.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"TemplateEditorStore.d.ts","sourceRoot":"","sources":["../../../../../../src/Templates/Stores/TemplateEditor/TemplateEditorStore.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,+BAA+B,EAAE,yBAAyB,EAAE,YAAY,EAAe,MAAM,~~gCAAgC~~,CAAC;~~AAKvI~~,OAAO,EAAE,cAAc,EAAsB,cAAc,EAAgD,MAAM,kBAAkB,CAAC;AACpI,OAAO,EAAE,sBAAsB,EAAE,gBAAgB,EAAE,MAAM,gCAAgC,CAAC;AAE1F,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AACvD,OAAO,EAAE,cAAc,EAAE,qBAAqB,EAAE,uBAAuB,EAAgB,MAAM,4BAA4B,CAAC;AAC1H,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAC7C,OAAO,EAAE,mBAAmB,EAAE,MAAM,qBAAqB,CAAC;AAY1D,OAAO,EAAE,aAAa,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAiB/D,MAAM,MAAM,UAAU,GAAG,WAAW,GAAG,eAAe,CAAC;AAEvD,KAAK,iBAAiB,GAAG;IACxB,MAAM,EAAE,OAAO,CAAC;IAChB,SAAS,EAAE,UAAU,CAAC;CACtB,CAAC;AAEF,KAAK,WAAW,GAAG;IAClB,iBAAiB,EAAE,MAAM,CAAC;CAC1B,CAAC;AAEF,KAAK,uBAAuB,GAAG;IAC9B,MAAM,CAAC,EAAE,yBAAyB,CAAC;IACnC,YAAY,CAAC,EAAE,+BAA+B,CAAC;CAC/C,CAAC;AAEF,KAAK,aAAa,GAAG;IACpB,MAAM,EAAE,OAAO,CAAC,cAAc,CAAC,EAAE,CAAC;IAClC,YAAY,EAAE,OAAO,CAAC,cAAc,CAAC,EAAE,CAAC;CACxC,CAAC;AAEF,KAAK,wBAAwB,GAAG;IAC/B,OAAO,EAAE,MAAM,CAAC;IAChB,SAAS,EAAE,cAAc,CAAC;IAC1B,SAAS,CAAC,EAAE,uBAAuB,CAAC;CACpC,CAAC;AAEF,KAAK,0BAA0B,GAAG;IACjC,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,SAAS,CAAC,EAAE,qBAAqB,CAAC;IAClC,SAAS,CAAC,EAAE,uBAAuB,CAAC;CACpC,CAAC;AAEF,KAAK,aAAa,GAAG;IACpB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAEF,KAAK,8BAA8B,GAAG;IACrC,MAAM,CAAC,EAAE,OAAO,GAAG,aAAa,CAAC;IACjC,KAAK,CAAC,EACH,OAAO,GACP;QACA,OAAO,CAAC,EAAE,OAAO,GAAG,aAAa,CAAC;QAClC,SAAS,CAAC,EAAE,OAAO,GAAG,aAAa,CAAC;QACpC,SAAS,CAAC,EAAE,OAAO,GAAG,aAAa,CAAC;KACnC,CAAC;IACL,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACnB,CAAC;AAEF,qBAAa,mBAAmB;IAC/B,OAAO,EAAE,YAAY,CAAC;IACtB,WAAW,EAAE,iBAAiB,CAG5B;IACF,KAAK,EAAE,WAAW,CAEhB;IACF,SAAS,EAAE;QACV,MAAM,EAAE,mBAAmB,CAAC,QAAQ,CAAC,CAAC;QACtC,UAAU,EAAE,uBAAuB,CAAC;QACpC,KAAK,EAAE,0BAA0B,CAAC;QAClC,OAAO,EAAE,aAAa,CAAC;KACvB,CAQC;IACF,OAAO,EAAE;QACR,MAAM,EAAE,mBAAmB,CAAC,QAAQ,CAAC,GAAG;YAAE,QAAQ,EAAE,aAAa,CAAC;YAAC,QAAQ,EAAE,aAAa,CAAA;SAAE,CAAC;QAC7F,UAAU,EAAE,uBAAuB,CAAC;QACpC,KAAK,EAAE,wBAAwB,CAAC;QAChC,OAAO,EAAE,aAAa,CAAC;KACvB,CAcC;IAEF,IAAI,EAAE,UAAU,EAAE,CAAkC;IAEpD,cAAc,EAAE,cAAc,CAAC;IAE/B,cAAc,EAAE;QACf,SAAS,EAAE;YACV,MAAM,EAAE,gBAAgB,EAAE,CAAC;YAC3B,KAAK,EAAE,gBAAgB,EAAE,CAAC;SAC1B,CAAC;QACF,WAAW,EAAE;YACZ,MAAM,EAAE,gBAAgB,CAAC,gBAAgB,CAAC,EAAE,CAAC;YAC7C,YAAY,EAAE,gBAAgB,CAAC,sBAAsB,CAAC,EAAE,CAAC;SACzD,CAAC;QACF,OAAO,EAAE;YACR,MAAM,CAAC,EAAE,gBAAgB,CAAC,MAAM,CAAC,EAAE,CAAC;YACpC,YAAY,CAAC,EAAE,gBAAgB,CAAC,MAAM,CAAC,EAAE,CAAC;SAC1C,CAAC;KACF,CAaC;gBAEU,EAAE,cAAc,EAAE,EAAE;QAAE,cAAc,EAAE,cAAc,CAAA;KAAE;IA+ClE,UAAU,CAAC,GAAG,EAAE,UAAU;IAK1B,UAAU,CAAC,IAAI,EAAE,OAAO;IAKxB,YAAY,CAAC,SAAS,EAAE;QACvB,MAAM,CAAC,EAAE,mBAAmB,CAAC,QAAQ,CAAC,CAAC;QACvC,KAAK,CAAC,EAAE,0BAA0B,CAAC;QACnC,MAAM,CAAC,EAAE;YAAE,OAAO,CAAC,EAAE,OAAO,CAAC,cAAc,CAAC,EAAE,CAAC;YAAC,QAAQ,CAAC,EAAE,yBAAyB,CAAA;SAAE,CAAC;QACvF,YAAY,CAAC,EAAE;YAAE,OAAO,CAAC,EAAE,OAAO,CAAC,cAAc,CAAC,EAAE,CAAC;YAAC,QAAQ,CAAC,EAAE,+BAA+B,CAAA;SAAE,CAAC;KACnG;IA6DD,cAAc;IAKd,oBAAoB,CAAC,UAAU,EAAE,MAAM,GAAG,IAAI;IAU9C,iBAAiB,CAAC,GAAG,EAAE;QAAE,IAAI,EAAE,MAAM,EAAE,CAAC;QAAC,KAAK,EAAE,OAAO,CAAA;KAAE;IAyBzD,QAAQ,CAAC,SAAS,EAAE,MAAM;IAoD1B,gBAAgB,QAAS;QAAE,IAAI,EAAE,MAAM,EAAE,CAAC;QAAC,KAAK,EAAE,OAAO,CAAA;KAAE,UAsBzD;IAEF,qBAAqB,CAAC,cAAc,SAAS,gBAAgB,GAAG,sBAAsB,EAAE,GAAG,EAAE;QAC5F,IAAI,EAAE,MAAM,EAAE,CAAC;QACf,KAAK,CAAC,EAAE,OAAO,CAAC;QAChB,UAAU,EAAE,cAAc,CAAC;KAC3B;IAiCD,iBAAiB,QAAS;QAAE,IAAI,EAAE,MAAM,EAAE,CAAC;QAAC,KAAK,EAAE,MAAM,GAAG,SAAS,CAAA;KAAE,UAsHrE;IAEF,kBAAkB,CAAC,cAAc,SAAS,gBAAgB,GAAG,sBAAsB,EAAE,UAAU,EAAE,cAAc;IAgC/G,UAAU;;;;;;IA2CV,uBAAuB,CAAC,OAAO,CAAC,EAAE,8BAA8B,GAAG,mBAAmB;CAuItF"}
1	+ {"version":3,"file":"TemplateEditorStore.d.ts","sourceRoot":"","sources":["../../../../../../src/Templates/Stores/TemplateEditor/TemplateEditorStore.ts"],"names":[],"mappings":"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"}

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

@@ -24,7 +24,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.TemplateEditorStore = void 0;
-var snap_store_mobx_1 = require("@athoscommerce/snap-store-mobx");
+var snap_toolbox_1 = require("@athoscommerce/snap-toolbox");
 var mobx_1 = require("mobx");
 var color_1 = __importDefault(require("color"));
 var deepmerge_1 = __importDefault(require("deepmerge"));
@@ -224,7 +224,7 @@ var TemplateEditorStore = /** @class */ (function () {
             // target.setComponent
         };
         this.templatesStore = templatesStore;
-        this.storage = new snap_store_mobx_1.StorageStore({ type: snap_store_mobx_1.StorageType.local, key: TemplateStore_1.TEMPLATE_STORE_KEY });
+        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, templatesStore.config.config);
         this.initial.controller = {}; // set when registering controllers