@searchspring/snap-preact 0.20.0

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

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

package/dist/cjs/Snap.js

@@ -0,0 +1,549 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (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) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __generator = (this && this.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
+    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (_) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Snap = void 0;
+var jsx_runtime_1 = require("preact/jsx-runtime");
+var deepmerge_1 = __importDefault(require("deepmerge"));
+var preact_1 = require("preact");
+var snap_client_1 = require("@searchspring/snap-client");
+var snap_logger_1 = require("@searchspring/snap-logger");
+var snap_tracker_1 = require("@searchspring/snap-tracker");
+var snap_toolbox_1 = require("@searchspring/snap-toolbox");
+var createSearchController_1 = __importDefault(require("./create/createSearchController"));
+var BRANCH_COOKIE = 'ssBranch';
+var SS_DEV_COOKIE = 'ssDev';
+var DynamicImportNames;
+(function (DynamicImportNames) {
+    DynamicImportNames["SEARCH"] = "searchController";
+    DynamicImportNames["AUTOCOMPLETE"] = "autocompleteController";
+    DynamicImportNames["FINDER"] = "finderController";
+    DynamicImportNames["RECOMMENDATION"] = "recommendationController";
+})(DynamicImportNames || (DynamicImportNames = {}));
+var Snap = /** @class */ (function () {
+    function Snap(config) {
+        var _this = this;
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l;
+        this.getInstantiator = function (id) {
+            return _this._instantiatorPromises[id] || Promise.reject("getInstantiator could not find instantiator with id: ".concat(id));
+        };
+        this.getController = function (id) {
+            return _this._controllerPromises[id] || Promise.reject("getController could not find controller with id: ".concat(id));
+        };
+        this.getControllers = function () {
+            var controllerIds = [];
+            for (var _i = 0; _i < arguments.length; _i++) {
+                controllerIds[_i] = arguments[_i];
+            }
+            var getControllerPromises = [];
+            controllerIds.forEach(function (id) { return getControllerPromises.push(_this.getController(id)); });
+            return Promise.all(getControllerPromises);
+        };
+        this.createController = function (type, config, services, urlConfig, resolve) {
+            var importPromise;
+            switch (type) {
+                case DynamicImportNames.SEARCH:
+                    importPromise = Promise.resolve().then(function () { return __importStar(require('./create/createSearchController')); });
+                    break;
+                case DynamicImportNames.AUTOCOMPLETE:
+                    importPromise = Promise.resolve().then(function () { return __importStar(require('./create/createAutocompleteController')); });
+                    break;
+                case DynamicImportNames.FINDER:
+                    importPromise = Promise.resolve().then(function () { return __importStar(require('./create/createFinderController')); });
+                    break;
+                case DynamicImportNames.RECOMMENDATION:
+                    importPromise = Promise.resolve().then(function () { return __importStar(require('./create/createRecommendationController')); });
+                    break;
+            }
+            return importPromise.then(function (_) {
+                if (!_this.controllers[config.id]) {
+                    _this.controllers[config.id] = _.default({
+                        url: (0, deepmerge_1.default)(_this.config.url || {}, urlConfig || {}),
+                        controller: config,
+                    }, { client: (services === null || services === void 0 ? void 0 : services.client) || _this.client, tracker: (services === null || services === void 0 ? void 0 : services.tracker) || _this.tracker });
+                    resolve(_this.controllers[config.id]);
+                }
+                return _this.controllers[config.id];
+            });
+        };
+        this.config = config;
+        this.logger = new snap_logger_1.Logger('Snap Preact ');
+        if (!((_c = (_b = (_a = this.config) === null || _a === void 0 ? void 0 : _a.client) === null || _b === void 0 ? void 0 : _b.globals) === null || _c === void 0 ? void 0 : _c.siteId)) {
+            throw new Error("Snap: config provided must contain a valid config.client.globals.siteId value");
+        }
+        this.client = new snap_client_1.Client(this.config.client.globals, this.config.client.config);
+        this.tracker = new snap_tracker_1.Tracker(this.config.client.globals);
+        this._controllerPromises = {};
+        this._instantiatorPromises = {};
+        this.controllers = {};
+        // TODO environment switch using URL?
+        this.logger.setMode(process.env.NODE_ENV);
+        // log version
+        this.logger.imageText({
+            url: 'https://snapui.searchspring.io/favicon.svg',
+            text: "[".concat(snap_toolbox_1.version, "]"),
+            style: "color: ".concat(this.logger.colors.indigo, "; font-weight: bold;"),
+        });
+        try {
+            var urlParams = (0, snap_toolbox_1.url)(window.location.href);
+            var branchParam_1 = ((_e = (_d = urlParams.params) === null || _d === void 0 ? void 0 : _d.query) === null || _e === void 0 ? void 0 : _e.branch) || snap_toolbox_1.cookies.get(BRANCH_COOKIE);
+            if (branchParam_1 && !document.querySelector("script[".concat(BRANCH_COOKIE, "]"))) {
+                // set a cookie or localstorage with branch
+                if (snap_toolbox_1.featureFlags.cookies) {
+                    snap_toolbox_1.cookies.set(BRANCH_COOKIE, branchParam_1, 'Lax', 3600000); // 1 hour
+                    snap_toolbox_1.cookies.set(SS_DEV_COOKIE, '1', 'Lax', 0);
+                }
+                else {
+                    this.logger.warn('Cookies are not supported/enabled by this browser, branch overrides will not persist!');
+                }
+                this.logger.setMode(snap_logger_1.LogMode.DEVELOPMENT);
+                this.logger.warn("...loading build... '".concat(branchParam_1, "'"));
+                // append script with new branch in path
+                var script = document.createElement('script');
+                var src_1 = "https://snapui.searchspring.io/".concat(this.config.client.globals.siteId, "/").concat(branchParam_1, "/bundle.js");
+                script.src = src_1;
+                script.setAttribute(BRANCH_COOKIE, '');
+                document.head.appendChild(script);
+                new snap_toolbox_1.DomTargeter([
+                    {
+                        selector: 'body',
+                        inject: {
+                            action: 'append',
+                            element: function () {
+                                var branchContainer = document.createElement('div');
+                                branchContainer.className = 'ss__branch--target';
+                                return branchContainer;
+                            },
+                        },
+                    },
+                ], function (target, elem) { return __awaiter(_this, void 0, void 0, function () {
+                    var BranchOverride;
+                    return __generator(this, function (_a) {
+                        switch (_a.label) {
+                            case 0: return [4 /*yield*/, Promise.resolve().then(function () { return __importStar(require('./components/BranchOverride')); })];
+                            case 1:
+                                BranchOverride = (_a.sent()).BranchOverride;
+                                (0, preact_1.render)((0, jsx_runtime_1.jsx)(BranchOverride, { branch: branchParam_1, cookieName: BRANCH_COOKIE, bundleUrl: src_1 }, void 0), elem);
+                                return [2 /*return*/];
+                        }
+                    });
+                }); });
+                // prevent further instantiation of config
+                return;
+            }
+        }
+        catch (e) { }
+        if (window.searchspring) {
+            if (this.config.context)
+                window.searchspring.context = this.config.context;
+            if (this.client)
+                window.searchspring.client = this.client;
+        }
+        // autotrack shopper id from the context
+        if ((_g = (_f = this.config.context) === null || _f === void 0 ? void 0 : _f.shopper) === null || _g === void 0 ? void 0 : _g.id) {
+            this.tracker.track.shopper.login({
+                id: this.config.context.shopper.id,
+            });
+        }
+        // auto populate cart cookie from the context
+        if ((_j = (_h = this.config.context) === null || _h === void 0 ? void 0 : _h.shopper) === null || _j === void 0 ? void 0 : _j.cart) {
+            var cart = this.config.context.shopper.cart;
+            if (Array.isArray(cart)) {
+                var cartItems = cart.filter(function (item) { return (item === null || item === void 0 ? void 0 : item.sku) || (item === null || item === void 0 ? void 0 : item.childSku); }).map(function (item) { return ((item === null || item === void 0 ? void 0 : item.sku) || (item === null || item === void 0 ? void 0 : item.childSku)).trim(); });
+                this.tracker.cookies.cart.set(cartItems);
+            }
+        }
+        Object.keys(((_k = this.config) === null || _k === void 0 ? void 0 : _k.controllers) || {}).forEach(function (type) {
+            switch (type) {
+                case 'search': {
+                    _this.config.controllers[type].forEach(function (controller, index) {
+                        var _a, _b, _c;
+                        try {
+                            var cntrlr_1 = (0, createSearchController_1.default)({
+                                url: (0, deepmerge_1.default)(_this.config.url || {}, controller.url || {}),
+                                controller: controller.config,
+                            }, { client: ((_a = controller.services) === null || _a === void 0 ? void 0 : _a.client) || _this.client, tracker: ((_b = controller.services) === null || _b === void 0 ? void 0 : _b.tracker) || _this.tracker });
+                            _this.controllers[cntrlr_1.config.id] = cntrlr_1;
+                            _this._controllerPromises[cntrlr_1.config.id] = new Promise(function (resolve) { return resolve(cntrlr_1); });
+                            var searched_1 = false;
+                            var runSearch_1 = function () {
+                                if (!searched_1) {
+                                    searched_1 = true;
+                                    _this.controllers[controller.config.id].search();
+                                }
+                            };
+                            var targetFunction_1 = function (target, elem, originalElem) { return __awaiter(_this, void 0, void 0, function () {
+                                var onTarget, Component_1, err_1;
+                                var _this = this;
+                                return __generator(this, function (_a) {
+                                    switch (_a.label) {
+                                        case 0:
+                                            runSearch_1();
+                                            onTarget = target.onTarget;
+                                            onTarget && onTarget(target, elem, originalElem);
+                                            _a.label = 1;
+                                        case 1:
+                                            _a.trys.push([1, 3, , 4]);
+                                            return [4 /*yield*/, target.component()];
+                                        case 2:
+                                            Component_1 = _a.sent();
+                                            setTimeout(function () {
+                                                (0, preact_1.render)((0, jsx_runtime_1.jsx)(Component_1, __assign({ controller: _this.controllers[controller.config.id] }, target.props), void 0), elem);
+                                            });
+                                            return [3 /*break*/, 4];
+                                        case 3:
+                                            err_1 = _a.sent();
+                                            this.logger.error("Uncaught Error - Invalid value passed as the component.\n\tThis usually happens when you pass a JSX Element, and not a function that returns the component, in the snap config. \n\t\t\t\n\t\t\t\tinstead of - \n\n\t\t\ttargeters: [\n\t\t\t\t{\n\t\t\t\t\tselector: '#searchspring-content',\n\t\t\t\t\thideTarget: true,\n\t\t\t\t\tcomponent: <Content/>,\n\t\t\t\t},\n\t\t\t]\n\n\t\t\t\tor - \n\n\t\t\ttargeters: [\n\t\t\t\t{\n\t\t\t\t\tselector: '#searchspring-content',\n\t\t\t\t\thideTarget: true,\n\t\t\t\t\tcomponent: Content,\n\t\t\t\t},\n\t\t\t]\n\n\t\t\t\tplease try - \n\n\t\t\ttargeters: [\n\t\t\t\t{\n\t\t\t\t\tselector: '#searchspring-content',\n\t\t\t\t\thideTarget: true,\n\t\t\t\t\tcomponent: () => Content\n\t\t\t\t},\n\t\t\t]\n\n\t\t\t\nThe error above happened in the following targeter in the Snap Config", target);
+                                            return [3 /*break*/, 4];
+                                        case 4: return [2 /*return*/];
+                                    }
+                                });
+                            }); };
+                            (_c = controller === null || controller === void 0 ? void 0 : controller.targeters) === null || _c === void 0 ? void 0 : _c.forEach(function (target, target_index) { return __awaiter(_this, void 0, void 0, function () {
+                                var _this = this;
+                                return __generator(this, function (_a) {
+                                    if (!target.selector) {
+                                        throw new Error("Targets at index ".concat(target_index, " missing selector value (string)."));
+                                    }
+                                    if (!target.component) {
+                                        throw new Error("Targets at index ".concat(target_index, " missing component value (Component)."));
+                                    }
+                                    if (target.prefetch) {
+                                        runSearch_1();
+                                    }
+                                    cntrlr_1.createTargeter(__assign({ controller: cntrlr_1 }, target), function (target, elem, originalElem) { return __awaiter(_this, void 0, void 0, function () {
+                                        var Skeleton_1;
+                                        return __generator(this, function (_a) {
+                                            switch (_a.label) {
+                                                case 0:
+                                                    if (!target.skeleton) return [3 /*break*/, 2];
+                                                    return [4 /*yield*/, target.skeleton()];
+                                                case 1:
+                                                    Skeleton_1 = _a.sent();
+                                                    setTimeout(function () {
+                                                        (0, preact_1.render)((0, jsx_runtime_1.jsx)(Skeleton_1, {}, void 0), elem);
+                                                    });
+                                                    _a.label = 2;
+                                                case 2:
+                                                    targetFunction_1(target, elem, originalElem);
+                                                    return [2 /*return*/];
+                                            }
+                                        });
+                                    }); });
+                                    return [2 /*return*/];
+                                });
+                            }); });
+                        }
+                        catch (err) {
+                            _this.logger.error("Failed to instantiate ".concat(type, " controller at index ").concat(index, "."), err);
+                        }
+                    });
+                    break;
+                }
+                case 'autocomplete': {
+                    _this.config.controllers[type].forEach(function (controller, index) {
+                        _this._controllerPromises[controller.config.id] = new Promise(function (resolve) {
+                            var _a;
+                            try {
+                                var bound_1 = false;
+                                var runBind_1 = function () {
+                                    if (!bound_1) {
+                                        bound_1 = true;
+                                        setTimeout(function () {
+                                            _this.controllers[controller.config.id].bind();
+                                        });
+                                    }
+                                };
+                                var targetFunction_2 = function (target, elem, originalElem) { return __awaiter(_this, void 0, void 0, function () {
+                                    var onTarget, Component;
+                                    var _this = this;
+                                    return __generator(this, function (_a) {
+                                        switch (_a.label) {
+                                            case 0:
+                                                onTarget = target.onTarget;
+                                                onTarget && onTarget(target, elem, originalElem);
+                                                return [4 /*yield*/, target.component()];
+                                            case 1:
+                                                Component = (_a.sent());
+                                                setTimeout(function () {
+                                                    (0, preact_1.render)((0, jsx_runtime_1.jsx)(Component, __assign({ controller: _this.controllers[controller.config.id], input: originalElem }, target.props), void 0), elem);
+                                                });
+                                                return [2 /*return*/];
+                                        }
+                                    });
+                                }); };
+                                if (!(controller === null || controller === void 0 ? void 0 : controller.targeters) || (controller === null || controller === void 0 ? void 0 : controller.targeters.length) === 0) {
+                                    _this.createController(DynamicImportNames.AUTOCOMPLETE, controller.config, controller.services, controller.url, resolve);
+                                }
+                                (_a = controller === null || controller === void 0 ? void 0 : controller.targeters) === null || _a === void 0 ? void 0 : _a.forEach(function (target, target_index) { return __awaiter(_this, void 0, void 0, function () {
+                                    var targeter;
+                                    var _this = this;
+                                    return __generator(this, function (_a) {
+                                        if (!target.selector) {
+                                            throw new Error("Targets at index ".concat(target_index, " missing selector value (string)."));
+                                        }
+                                        if (!target.component) {
+                                            throw new Error("Targets at index ".concat(target_index, " missing component value (Component)."));
+                                        }
+                                        targeter = new snap_toolbox_1.DomTargeter([
+                                            __assign({ inject: {
+                                                    action: 'after',
+                                                    element: function () {
+                                                        var acContainer = document.createElement('div');
+                                                        acContainer.className = 'ss__autocomplete--target';
+                                                        acContainer.addEventListener('click', function (e) {
+                                                            e.stopPropagation();
+                                                        });
+                                                        return acContainer;
+                                                    },
+                                                } }, target),
+                                        ], function (target, elem, originalElem) { return __awaiter(_this, void 0, void 0, function () {
+                                            var cntrlr;
+                                            return __generator(this, function (_a) {
+                                                switch (_a.label) {
+                                                    case 0: return [4 /*yield*/, this.createController(DynamicImportNames.AUTOCOMPLETE, controller.config, controller.services, controller.url, resolve)];
+                                                    case 1:
+                                                        cntrlr = _a.sent();
+                                                        runBind_1();
+                                                        targetFunction_2(__assign({ controller: cntrlr }, target), elem, originalElem);
+                                                        cntrlr.addTargeter(targeter);
+                                                        return [2 /*return*/];
+                                                }
+                                            });
+                                        }); });
+                                        return [2 /*return*/];
+                                    });
+                                }); });
+                            }
+                            catch (err) {
+                                _this.logger.error("Failed to instantiate ".concat(type, " controller at index ").concat(index, "."), err);
+                            }
+                        });
+                    });
+                    break;
+                }
+                case 'finder': {
+                    _this.config.controllers[type].forEach(function (controller, index) {
+                        _this._controllerPromises[controller.config.id] = new Promise(function (resolve) {
+                            var _a;
+                            try {
+                                var searched_2 = false;
+                                var runSearch_2 = function () {
+                                    if (!searched_2) {
+                                        _this.controllers[controller.config.id].search();
+                                        searched_2 = true;
+                                    }
+                                };
+                                var targetFunction_3 = function (target, elem, originalElem) { return __awaiter(_this, void 0, void 0, function () {
+                                    var onTarget, Component;
+                                    var _this = this;
+                                    return __generator(this, function (_a) {
+                                        switch (_a.label) {
+                                            case 0:
+                                                onTarget = target.onTarget;
+                                                onTarget && onTarget(target, elem, originalElem);
+                                                return [4 /*yield*/, target.component()];
+                                            case 1:
+                                                Component = _a.sent();
+                                                setTimeout(function () {
+                                                    (0, preact_1.render)((0, jsx_runtime_1.jsx)(Component, __assign({ controller: _this.controllers[controller.config.id] }, target.props), void 0), elem);
+                                                });
+                                                return [2 /*return*/];
+                                        }
+                                    });
+                                }); };
+                                if (!(controller === null || controller === void 0 ? void 0 : controller.targeters) || (controller === null || controller === void 0 ? void 0 : controller.targeters.length) === 0) {
+                                    _this.createController(DynamicImportNames.FINDER, controller.config, controller.services, controller.url, resolve);
+                                }
+                                (_a = controller === null || controller === void 0 ? void 0 : controller.targeters) === null || _a === void 0 ? void 0 : _a.forEach(function (target, target_index) { return __awaiter(_this, void 0, void 0, function () {
+                                    var targeter;
+                                    var _this = this;
+                                    return __generator(this, function (_a) {
+                                        if (!target.selector) {
+                                            throw new Error("Targets at index ".concat(target_index, " missing selector value (string)."));
+                                        }
+                                        if (!target.component) {
+                                            throw new Error("Targets at index ".concat(target_index, " missing component value (Component)."));
+                                        }
+                                        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) {
+                                                switch (_a.label) {
+                                                    case 0: return [4 /*yield*/, this.createController(DynamicImportNames.FINDER, controller.config, controller.services, controller.url, resolve)];
+                                                    case 1:
+                                                        cntrlr = _a.sent();
+                                                        runSearch_2();
+                                                        targetFunction_3(__assign({ controller: cntrlr }, target), elem, originalElem);
+                                                        cntrlr.addTargeter(targeter);
+                                                        return [2 /*return*/];
+                                                }
+                                            });
+                                        }); });
+                                        return [2 /*return*/];
+                                    });
+                                }); });
+                            }
+                            catch (err) {
+                                _this.logger.error("Failed to instantiate ".concat(type, " controller at index ").concat(index, "."), err);
+                            }
+                        });
+                    });
+                    break;
+                }
+                case 'recommendation': {
+                    _this.config.controllers[type].forEach(function (controller, index) {
+                        _this._controllerPromises[controller.config.id] = new Promise(function (resolve) {
+                            var _a;
+                            try {
+                                var searched_3 = false;
+                                var runSearch_3 = function () {
+                                    if (!searched_3) {
+                                        _this.controllers[controller.config.id].search();
+                                        searched_3 = true;
+                                    }
+                                };
+                                var targetFunction_4 = function (target, elem, originalElem) { return __awaiter(_this, void 0, void 0, function () {
+                                    var onTarget, Component;
+                                    var _this = this;
+                                    return __generator(this, function (_a) {
+                                        switch (_a.label) {
+                                            case 0:
+                                                onTarget = target.onTarget;
+                                                onTarget && onTarget(target, elem, originalElem);
+                                                return [4 /*yield*/, target.component()];
+                                            case 1:
+                                                Component = _a.sent();
+                                                setTimeout(function () {
+                                                    (0, preact_1.render)((0, jsx_runtime_1.jsx)(Component, __assign({ controller: _this.controllers[controller.config.id] }, target.props), void 0), elem);
+                                                });
+                                                return [2 /*return*/];
+                                        }
+                                    });
+                                }); };
+                                if (!(controller === null || controller === void 0 ? void 0 : controller.targeters) || (controller === null || controller === void 0 ? void 0 : controller.targeters.length) === 0) {
+                                    _this.createController(DynamicImportNames.RECOMMENDATION, controller.config, controller.services, controller.url, resolve);
+                                }
+                                (_a = controller === null || controller === void 0 ? void 0 : controller.targeters) === null || _a === void 0 ? void 0 : _a.forEach(function (target, target_index) { return __awaiter(_this, void 0, void 0, function () {
+                                    var targeter;
+                                    var _this = this;
+                                    return __generator(this, function (_a) {
+                                        if (!target.selector) {
+                                            throw new Error("Targets at index ".concat(target_index, " missing selector value (string)."));
+                                        }
+                                        if (!target.component) {
+                                            throw new Error("Targets at index ".concat(target_index, " missing component value (Component)."));
+                                        }
+                                        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) {
+                                                switch (_a.label) {
+                                                    case 0: return [4 /*yield*/, this.createController(DynamicImportNames.RECOMMENDATION, controller.config, controller.services, controller.url, resolve)];
+                                                    case 1:
+                                                        cntrlr = _a.sent();
+                                                        runSearch_3();
+                                                        targetFunction_4(__assign({ controller: cntrlr }, target), elem, originalElem);
+                                                        cntrlr.addTargeter(targeter);
+                                                        return [2 /*return*/];
+                                                }
+                                            });
+                                        }); });
+                                        return [2 /*return*/];
+                                    });
+                                }); });
+                            }
+                            catch (err) {
+                                _this.logger.error("Failed to instantiate ".concat(type, " controller at index ").concat(index, "."), err);
+                            }
+                        });
+                    });
+                    break;
+                }
+            }
+        });
+        if ((_l = config === null || config === void 0 ? void 0 : config.instantiators) === null || _l === void 0 ? void 0 : _l.recommendation) {
+            try {
+                this._instantiatorPromises.recommendations = Promise.resolve().then(function () { return __importStar(require('./Instantiators/RecommendationInstantiator')); }).then(function (_a) {
+                    var _b, _c, _d, _e, _f, _g;
+                    var RecommendationInstantiator = _a.RecommendationInstantiator;
+                    return new RecommendationInstantiator(config.instantiators.recommendation, {
+                        client: ((_c = (_b = config.instantiators.recommendation) === null || _b === void 0 ? void 0 : _b.services) === null || _c === void 0 ? void 0 : _c.client) || _this.client,
+                        tracker: ((_e = (_d = config.instantiators.recommendation) === null || _d === void 0 ? void 0 : _d.services) === null || _e === void 0 ? void 0 : _e.tracker) || _this.tracker,
+                        logger: ((_g = (_f = config.instantiators.recommendation) === null || _f === void 0 ? void 0 : _f.services) === null || _g === void 0 ? void 0 : _g.logger) || _this.logger,
+                    });
+                });
+            }
+            catch (err) {
+                this.logger.error("Failed to create Recommendations Instantiator.", err);
+            }
+        }
+    }
+    return Snap;
+}());
+exports.Snap = Snap;

package/dist/cjs/components/BranchOverride.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+export declare const BranchOverride: (props: {
+    branch: string;
+    cookieName: string;
+    bundleUrl: string;
+}) => JSX.Element;
+//# sourceMappingURL=BranchOverride.d.ts.map

package/dist/cjs/components/BranchOverride.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BranchOverride.d.ts","sourceRoot":"","sources":["../../../src/components/BranchOverride.tsx"],"names":[],"mappings":";AA8IA,eAAO,MAAM,cAAc,UAAW;IAAE,MAAM,EAAE,MAAM,CAAC;IAAC,UAAU,EAAE,MAAM,CAAC;IAAC,SAAS,EAAE,MAAM,CAAA;CAAE,KAAG,WA+FjG,CAAC"}