@athoscommerce/snap-preact 1.4.0 → 1.5.1-beta.110

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

@@ -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

@@ -5,11 +5,11 @@ import { AppMode } from '@athoscommerce/snap-toolbox';
 import { ControllerTypes } from '@athoscommerce/snap-controller';
 import { EventManager } from '@athoscommerce/snap-event-manager';
 import type { ClientConfig, ClientGlobals } from '@athoscommerce/snap-client';
-import type { Controllers, AbstractController, SearchControllerConfig, AutocompleteControllerConfig, FinderControllerConfig, RecommendationControllerConfig, ControllerConfigs, ContextVariables } from '@athoscommerce/snap-controller';
+import type { Controllers, AbstractController, SearchControllerConfig, ChatControllerConfig, AutocompleteControllerConfig, FinderControllerConfig, RecommendationControllerConfig, ControllerConfigs, ContextVariables } from '@athoscommerce/snap-controller';
 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";
@@ -55,6 +55,7 @@ export type SnapConfig = {
     };
     controllers?: {
         search?: SnapConfigControllerDefinition<SearchControllerConfig>[];
+        chat?: SnapConfigControllerDefinition<ChatControllerConfig>[];
         autocomplete?: SnapConfigControllerDefinition<AutocompleteControllerConfig>[];
         finder?: SnapConfigControllerDefinition<FinderControllerConfig>[];
         recommendation?: SnapConfigControllerDefinition<RecommendationControllerConfig>[];

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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"}