@athoscommerce/snap-controller 1.0.0

package/dist/cjs/Search/SearchController.js

@@ -0,0 +1,993 @@
+"use strict";
+var __extends = (this && this.__extends) || (function () {
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+    return function (d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
+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 __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 = Object.create((typeof Iterator === "function" ? Iterator : Object).prototype);
+    return g.next = verb(0), g["throw"] = verb(1), g["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 (g && (g = 0, op[0] && (_ = 0)), _) 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 __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SearchController = void 0;
+exports.getStorableRequestParams = getStorableRequestParams;
+exports.generateHrefSelector = generateHrefSelector;
+var deepmerge_1 = __importDefault(require("deepmerge"));
+var css_escape_1 = __importDefault(require("css.escape"));
+var AbstractController_1 = require("../Abstract/AbstractController");
+var snap_store_mobx_1 = require("@athoscommerce/snap-store-mobx");
+var getParams_1 = require("../utils/getParams");
+var types_1 = require("../types");
+var isClickWithinProductLink_1 = require("../utils/isClickWithinProductLink");
+var isClickWithinBannerLink_1 = require("../utils/isClickWithinBannerLink");
+var BACKGROUND_FILTER_FIELD_MATCHES = ['collection', 'category', 'categories', 'hierarchy', 'brand', 'manufacturer'];
+var BACKGROUND_FILTERS_VALUE_FLAGS = [1, 0, '1', '0', 'true', 'false', true, false];
+var defaultConfig = {
+    id: 'search',
+    globals: {},
+    beacon: {
+        enabled: true,
+    },
+    settings: {
+        redirects: {
+            merchandising: true,
+            singleResult: true,
+        },
+        facets: {
+            trim: true,
+            pinFiltered: true,
+            storeRange: true,
+            autoOpenActive: true,
+        },
+    },
+};
+var SearchController = /** @class */ (function (_super) {
+    __extends(SearchController, _super);
+    function SearchController(config, _a, context) {
+        var client = _a.client, store = _a.store, urlManager = _a.urlManager, eventManager = _a.eventManager, profiler = _a.profiler, logger = _a.logger, tracker = _a.tracker;
+        var _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o;
+        var _this = _super.call(this, config, { client: client, store: store, urlManager: urlManager, eventManager: eventManager, profiler: profiler, logger: logger, tracker: tracker }, context) || this;
+        _this.type = types_1.ControllerTypes.search;
+        _this.previousResults = [];
+        _this.page = {
+            type: 'search',
+        };
+        _this.events = {};
+        _this.track = {
+            banner: {
+                impression: function (_a) {
+                    var _b, _c, _d, _e;
+                    var uid = _a.uid, responseId = _a.responseId;
+                    if (!uid) {
+                        _this.log.warn('No banner provided to track.banner.impression');
+                        return;
+                    }
+                    if (!_this.events[responseId]) {
+                        _this.log.warn('No responseId found in controller, ensure correct controller is used');
+                        return;
+                    }
+                    else if ((_c = (_b = _this.events[responseId]) === null || _b === void 0 ? void 0 : _b.banner[uid]) === null || _c === void 0 ? void 0 : _c.impression) {
+                        return;
+                    }
+                    var banner = { uid: uid };
+                    var data = {
+                        responseId: responseId,
+                        banners: [banner],
+                        results: [],
+                    };
+                    _this.eventManager.fire('track.banner.impression', { controller: _this, product: { uid: uid }, trackEvent: data });
+                    ((_d = _this.config.beacon) === null || _d === void 0 ? void 0 : _d.enabled) && _this.tracker.events[_this.page.type].impression({ data: data, siteId: (_e = _this.config.globals) === null || _e === void 0 ? void 0 : _e.siteId });
+                    _this.events[responseId].banner[uid] = _this.events[responseId].banner[uid] || {};
+                    _this.events[responseId].banner[uid].impression = true;
+                },
+                click: function (e, banner) {
+                    var _a, _b, _c;
+                    if (!banner) {
+                        _this.log.warn('No banner provided to track.banner.click');
+                        return;
+                    }
+                    var responseId = banner.responseId, uid = banner.uid;
+                    if (!_this.events[responseId]) {
+                        _this.log.warn('No responseId found in controller, ensure correct controller is used');
+                        return;
+                    }
+                    if ((0, isClickWithinBannerLink_1.isClickWithinBannerLink)(e)) {
+                        if ((_c = (_b = (_a = _this.events) === null || _a === void 0 ? void 0 : _a[responseId]) === null || _b === void 0 ? void 0 : _b.banner[uid]) === null || _c === void 0 ? void 0 : _c.clickThrough) {
+                            return;
+                        }
+                        _this.track.banner.clickThrough(e, banner);
+                        _this.events[responseId].banner[uid] = _this.events[responseId].banner[uid] || {};
+                        _this.events[responseId].banner[uid].clickThrough = true;
+                        setTimeout(function () {
+                            _this.events[responseId].banner[uid].clickThrough = false;
+                        }, isClickWithinProductLink_1.CLICK_DUPLICATION_TIMEOUT);
+                    }
+                },
+                clickThrough: function (e, _a) {
+                    var _b, _c;
+                    var uid = _a.uid, responseId = _a.responseId;
+                    if (!uid) {
+                        _this.log.warn('No banner provided to track.banner.clickThrough');
+                        return;
+                    }
+                    if (!_this.events[responseId]) {
+                        _this.log.warn('No responseId found in controller, ensure correct controller is used');
+                        return;
+                    }
+                    var banner = { uid: uid };
+                    var data = {
+                        responseId: responseId,
+                        banners: [banner],
+                    };
+                    _this.eventManager.fire('track.banner.clickThrough', { controller: _this, event: e, product: { uid: uid }, trackEvent: data });
+                    ((_b = _this.config.beacon) === null || _b === void 0 ? void 0 : _b.enabled) && _this.tracker.events[_this.page.type].clickThrough({ data: data, siteId: (_c = _this.config.globals) === null || _c === void 0 ? void 0 : _c.siteId });
+                    _this.events[responseId].banner[uid] = _this.events[responseId].banner[uid] || {};
+                    _this.events[responseId].banner[uid].clickThrough = true;
+                    setTimeout(function () {
+                        _this.events[responseId].banner[uid].clickThrough = false;
+                    }, isClickWithinProductLink_1.CLICK_DUPLICATION_TIMEOUT);
+                },
+            },
+            product: {
+                clickThrough: function (e, result) {
+                    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
+                    if (!result) {
+                        _this.log.warn('No result provided to track.product.clickThrough');
+                        return;
+                    }
+                    var responseId = result.responseId;
+                    if (!_this.events[responseId]) {
+                        _this.log.warn('No responseId found in controller, ensure correct controller is used');
+                        return;
+                    }
+                    var target = e.target;
+                    var resultHref = ((_b = (_a = result.display) === null || _a === void 0 ? void 0 : _a.mappings.core) === null || _b === void 0 ? void 0 : _b.url) || ((_c = result.mappings.core) === null || _c === void 0 ? void 0 : _c.url) || '';
+                    var elemHref = target === null || target === void 0 ? void 0 : target.getAttribute('href');
+                    // the href that should be used for restoration - if the elemHref contains the resultHref - use resultHref
+                    var storedHref = (elemHref === null || elemHref === void 0 ? void 0 : elemHref.indexOf(resultHref)) != -1 ? resultHref : elemHref || resultHref;
+                    var scrollMap = {};
+                    // generate the selector using element class and parent classes
+                    var selector = generateHrefSelector(target, storedHref);
+                    var domRect = selector ? (_d = document === null || document === void 0 ? void 0 : document.querySelector(selector)) === null || _d === void 0 ? void 0 : _d.getBoundingClientRect() : undefined;
+                    // store element position data to scrollMap
+                    if (selector || storedHref || domRect) {
+                        try {
+                            var lastRequest = _this.storage.get('lastStringyParams');
+                            if (lastRequest) {
+                                var storableRequestParams = getStorableRequestParams(JSON.parse(lastRequest));
+                                var storableStringyParams = JSON.stringify(storableRequestParams);
+                                scrollMap[storableStringyParams] = { domRect: domRect, href: storedHref, selector: selector };
+                            }
+                        }
+                        catch (err) {
+                            // failed to get lastStringParams
+                            _this.log.warn('Failed to save srcollMap!', err);
+                        }
+                    }
+                    // store position data or empty object
+                    _this.storage.set('scrollMap', scrollMap);
+                    var type = (['product', 'banner'].includes(result.type) ? result.type : 'product');
+                    var item = __assign({ type: type, uid: result.id ? '' + result.id : '' }, (type === 'product'
+                        ? {
+                            parentId: ((_e = result.mappings.core) === null || _e === void 0 ? void 0 : _e.parentId) ? '' + ((_f = result.mappings.core) === null || _f === void 0 ? void 0 : _f.parentId) : '',
+                            sku: ((_g = result.mappings.core) === null || _g === void 0 ? void 0 : _g.sku) ? '' + ((_h = result.mappings.core) === null || _h === void 0 ? void 0 : _h.sku) : undefined,
+                        }
+                        : {}));
+                    var data = {
+                        responseId: responseId,
+                        results: [item],
+                    };
+                    _this.eventManager.fire('track.product.clickThrough', { controller: _this, event: e, product: result, trackEvent: data });
+                    ((_j = _this.config.beacon) === null || _j === void 0 ? void 0 : _j.enabled) && _this.tracker.events[_this.page.type].clickThrough({ data: data, siteId: (_k = _this.config.globals) === null || _k === void 0 ? void 0 : _k.siteId });
+                },
+                click: function (e, result) {
+                    var _a, _b, _c, _d, _e, _f;
+                    if (!result) {
+                        _this.log.warn('No result provided to track.product.click');
+                        return;
+                    }
+                    var responseId = result.responseId;
+                    if (!_this.events[responseId]) {
+                        _this.log.warn('No responseId found in controller, ensure correct controller is used');
+                        return;
+                    }
+                    if (result.type === 'banner' && (0, isClickWithinBannerLink_1.isClickWithinBannerLink)(e)) {
+                        if ((_c = (_b = (_a = _this.events) === null || _a === void 0 ? void 0 : _a[responseId]) === null || _b === void 0 ? void 0 : _b.product[result.id]) === null || _c === void 0 ? void 0 : _c.inlineBannerClickThrough) {
+                            return;
+                        }
+                        _this.track.product.clickThrough(e, result);
+                        _this.events[responseId].product[result.id] = _this.events[responseId].product[result.id] || {};
+                        _this.events[responseId].product[result.id].inlineBannerClickThrough = true;
+                        setTimeout(function () {
+                            _this.events[responseId].product[result.id].inlineBannerClickThrough = false;
+                        }, isClickWithinProductLink_1.CLICK_DUPLICATION_TIMEOUT);
+                    }
+                    else if ((0, isClickWithinProductLink_1.isClickWithinProductLink)(e, result)) {
+                        if ((_f = (_e = (_d = _this.events) === null || _d === void 0 ? void 0 : _d[responseId]) === null || _e === void 0 ? void 0 : _e.product[result.id]) === null || _f === void 0 ? void 0 : _f.productClickThrough) {
+                            return;
+                        }
+                        _this.track.product.clickThrough(e, result);
+                        _this.events[responseId].product[result.id] = _this.events[responseId].product[result.id] || {};
+                        _this.events[responseId].product[result.id].productClickThrough = true;
+                        setTimeout(function () {
+                            _this.events[responseId].product[result.id].productClickThrough = false;
+                        }, isClickWithinProductLink_1.CLICK_DUPLICATION_TIMEOUT);
+                    }
+                },
+                impression: function (result) {
+                    var _a, _b, _c, _d, _e, _f, _g, _h;
+                    if (!result) {
+                        _this.log.warn('No result provided to track.product.impression');
+                        return;
+                    }
+                    var responseId = result.responseId;
+                    if (!_this.events[responseId]) {
+                        _this.log.warn('No responseId found in controller, ensure correct controller is used');
+                        return;
+                    }
+                    else if ((_b = (_a = _this.events[responseId]) === null || _a === void 0 ? void 0 : _a.product[result.id]) === null || _b === void 0 ? void 0 : _b.impression) {
+                        return;
+                    }
+                    var type = (['product', 'banner'].includes(result.type) ? result.type : 'product');
+                    var item = __assign({ type: type, uid: result.id ? '' + result.id : '' }, (type === 'product'
+                        ? {
+                            parentId: ((_c = result.mappings.core) === null || _c === void 0 ? void 0 : _c.parentId) ? '' + ((_d = result.mappings.core) === null || _d === void 0 ? void 0 : _d.parentId) : '',
+                            sku: ((_e = result.mappings.core) === null || _e === void 0 ? void 0 : _e.sku) ? '' + ((_f = result.mappings.core) === null || _f === void 0 ? void 0 : _f.sku) : undefined,
+                        }
+                        : {}));
+                    var data = {
+                        responseId: responseId,
+                        results: [item],
+                        banners: [],
+                    };
+                    _this.eventManager.fire('track.product.impression', { controller: _this, product: result, trackEvent: data });
+                    ((_g = _this.config.beacon) === null || _g === void 0 ? void 0 : _g.enabled) && _this.tracker.events[_this.page.type].impression({ data: data, siteId: (_h = _this.config.globals) === null || _h === void 0 ? void 0 : _h.siteId });
+                    _this.events[responseId].product[result.id] = _this.events[responseId].product[result.id] || {};
+                    _this.events[responseId].product[result.id].impression = true;
+                },
+                addToCart: function (result) {
+                    var _a, _b, _c, _d, _e, _f;
+                    if (!result) {
+                        _this.log.warn('No result provided to track.product.addToCart');
+                        return;
+                    }
+                    var responseId = result.responseId;
+                    if (!_this.events[responseId]) {
+                        _this.log.warn('No responseId found in controller, ensure correct controller is used');
+                        return;
+                    }
+                    var product = {
+                        parentId: ((_a = result.mappings.core) === null || _a === void 0 ? void 0 : _a.parentId) ? '' + ((_b = result.mappings.core) === null || _b === void 0 ? void 0 : _b.parentId) : '',
+                        uid: result.id,
+                        sku: (_c = result.mappings.core) === null || _c === void 0 ? void 0 : _c.sku,
+                        qty: result.quantity || 1,
+                        price: Number((_d = result.mappings.core) === null || _d === void 0 ? void 0 : _d.price),
+                    };
+                    var data = {
+                        responseId: responseId,
+                        results: [product],
+                    };
+                    _this.eventManager.fire('track.product.addToCart', { controller: _this, product: result, trackEvent: data });
+                    ((_e = _this.config.beacon) === null || _e === void 0 ? void 0 : _e.enabled) && _this.tracker.events[_this.page.type].addToCart({ data: data, siteId: (_f = _this.config.globals) === null || _f === void 0 ? void 0 : _f.siteId });
+                },
+            },
+            redirect: function (_a) {
+                var _b, _c;
+                var redirectURL = _a.redirectURL, responseId = _a.responseId;
+                if (!redirectURL) {
+                    _this.log.warn('No redirectURL provided to track.redirect');
+                    return;
+                }
+                var data = {
+                    responseId: responseId,
+                    redirect: redirectURL,
+                };
+                _this.eventManager.fire('track.redirect', { controller: _this, redirectURL: redirectURL, trackEvent: data });
+                ((_b = _this.config.beacon) === null || _b === void 0 ? void 0 : _b.enabled) && _this.tracker.events.search.redirect({ data: data, siteId: (_c = _this.config.globals) === null || _c === void 0 ? void 0 : _c.siteId });
+            },
+        };
+        _this.search = function () { return __awaiter(_this, void 0, void 0, function () {
+            var params_1, err_1, stringyParams, prevStringyParams, searchProfile, meta, search, preventBackfill, dontBackfill, backfillRequestsParams_1, backfillRequests, backfillResponses, backfillResults, infiniteResponse, responseId, searchResponse, responseId, response, afterSearchProfile, err_2, data, afterStoreProfile, err_3, err_4;
+            var _this = this;
+            var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o;
+            return __generator(this, function (_p) {
+                switch (_p.label) {
+                    case 0:
+                        _p.trys.push([0, 22, 23, 24]);
+                        if (!!this.initialized) return [3 /*break*/, 2];
+                        return [4 /*yield*/, this.init()];
+                    case 1:
+                        _p.sent();
+                        _p.label = 2;
+                    case 2:
+                        params_1 = this.params;
+                        if (((_b = (_a = params_1.search) === null || _a === void 0 ? void 0 : _a.query) === null || _b === void 0 ? void 0 : _b.string) && ((_d = (_c = params_1.search) === null || _c === void 0 ? void 0 : _c.query) === null || _d === void 0 ? void 0 : _d.string.length)) {
+                            // save it to the history store
+                            this.store.history.save(params_1.search.query.string);
+                        }
+                        this.store.loading = true;
+                        _p.label = 3;
+                    case 3:
+                        _p.trys.push([3, 5, , 6]);
+                        return [4 /*yield*/, this.eventManager.fire('beforeSearch', {
+                                controller: this,
+                                request: params_1,
+                            })];
+                    case 4:
+                        _p.sent();
+                        return [3 /*break*/, 6];
+                    case 5:
+                        err_1 = _p.sent();
+                        if ((err_1 === null || err_1 === void 0 ? void 0 : err_1.message) == 'cancelled') {
+                            this.log.warn("'beforeSearch' middleware cancelled");
+                            return [2 /*return*/];
+                        }
+                        else {
+                            this.log.error("error in 'beforeSearch' middleware");
+                            throw err_1;
+                        }
+                        return [3 /*break*/, 6];
+                    case 6:
+                        stringyParams = JSON.stringify(getStorableRequestParams(params_1));
+                        prevStringyParams = this.storage.get('lastStringyParams');
+                        if (this.store.loaded && stringyParams === prevStringyParams) {
+                            // no param change - not searching
+                            return [2 /*return*/];
+                        }
+                        searchProfile = this.profiler.create({ type: 'event', name: 'search', context: params_1 }).start();
+                        meta = {};
+                        search = void 0;
+                        if (!(((_f = (_e = this.config.settings) === null || _e === void 0 ? void 0 : _e.infinite) === null || _f === void 0 ? void 0 : _f.enabled) && ((_g = params_1.pagination) === null || _g === void 0 ? void 0 : _g.page) && params_1.pagination.page > 1)) return [3 /*break*/, 11];
+                        preventBackfill = ((_h = this.config.settings.infinite) === null || _h === void 0 ? void 0 : _h.backfill) && !this.store.results.length && params_1.pagination.page > this.config.settings.infinite.backfill;
+                        dontBackfill = !((_j = this.config.settings.infinite) === null || _j === void 0 ? void 0 : _j.backfill) && !this.store.results.length;
+                        // if the page is higher than the backfill setting redirect back to page 1
+                        if (preventBackfill || dontBackfill) {
+                            this.storage.set('scrollMap', {});
+                            this.urlManager.set('page', 1).go();
+                            return [2 /*return*/];
+                        }
+                        if (!(((_k = this.config.settings) === null || _k === void 0 ? void 0 : _k.infinite.backfill) && !this.store.loaded)) return [3 /*break*/, 8];
+                        backfillRequestsParams_1 = [];
+                        backfillRequests = Array(params_1.pagination.page)
+                            .fill('backfill')
+                            .map(function (v, i) {
+                            var _a, _b, _c, _d;
+                            var backfillParams = (0, deepmerge_1.default)(__assign({}, params_1), { pagination: { page: i + 1 }, search: { redirectResponse: 'full' } });
+                            // don't include page parameter if on page 1
+                            if (i + 1 == 1) {
+                                (_a = backfillParams === null || backfillParams === void 0 ? void 0 : backfillParams.pagination) === null || _a === void 0 ? true : delete _a.page;
+                                if ((_c = (_b = _this.config.settings) === null || _b === void 0 ? void 0 : _b.redirects) === null || _c === void 0 ? void 0 : _c.merchandising) {
+                                    // redirect setting
+                                    // DUPLICATED LOGIC can be found in params getter
+                                    (_d = backfillParams === null || backfillParams === void 0 ? void 0 : backfillParams.search) === null || _d === void 0 ? true : delete _d.redirectResponse;
+                                }
+                            }
+                            backfillRequestsParams_1.push(backfillParams);
+                            return _this.client[_this.page.type](backfillParams);
+                        });
+                        return [4 /*yield*/, Promise.all(backfillRequests)];
+                    case 7:
+                        backfillResponses = _p.sent();
+                        // backfillResponses are [{ meta: MetaResponseModel, search: SearchResponseModel }]
+                        // set the meta and response to the first page of backfillResponses
+                        meta = backfillResponses[0].meta;
+                        search = backfillResponses[0].search;
+                        backfillResults = backfillResponses.reduce(function (results, response) {
+                            var responseId = response.search.tracking.responseId;
+                            _this.events[responseId] = _this.events[responseId] || { product: {}, banner: {} };
+                            return results.concat.apply(results, response.search.results);
+                        }, []);
+                        // overwrite pagination params to expected state
+                        search.pagination.totalPages = Math.ceil(search.pagination.totalResults / search.pagination.pageSize);
+                        search.pagination.page = (_l = params_1.pagination) === null || _l === void 0 ? void 0 : _l.page;
+                        // set the response results with results from backfill responses
+                        search.results = backfillResults;
+                        return [3 /*break*/, 10];
+                    case 8: return [4 /*yield*/, this.client[this.page.type](params_1)];
+                    case 9:
+                        infiniteResponse = _p.sent();
+                        meta = infiniteResponse.meta;
+                        search = infiniteResponse.search;
+                        responseId = search.tracking.responseId;
+                        this.events[responseId] = this.events[responseId] || { product: {}, banner: {} };
+                        // append new results to previous results
+                        search.results = __spreadArray(__spreadArray([], this.previousResults, true), (search.results || []), true);
+                        _p.label = 10;
+                    case 10: return [3 /*break*/, 13];
+                    case 11:
+                        // normal request
+                        // clear previousResults to prevent infinite scroll from using them
+                        this.previousResults = [];
+                        return [4 /*yield*/, this.client[this.page.type](params_1)];
+                    case 12:
+                        searchResponse = _p.sent();
+                        meta = searchResponse.meta;
+                        search = searchResponse.search;
+                        responseId = search.tracking.responseId;
+                        this.events[responseId] = { product: {}, banner: {} };
+                        _p.label = 13;
+                    case 13:
+                        response = { meta: meta, search: search };
+                        searchProfile.stop();
+                        this.log.profile(searchProfile);
+                        afterSearchProfile = this.profiler.create({ type: 'event', name: 'afterSearch', context: params_1 }).start();
+                        _p.label = 14;
+                    case 14:
+                        _p.trys.push([14, 16, , 17]);
+                        return [4 /*yield*/, this.eventManager.fire('afterSearch', {
+                                controller: this,
+                                request: params_1,
+                                response: response,
+                            })];
+                    case 15:
+                        _p.sent();
+                        return [3 /*break*/, 17];
+                    case 16:
+                        err_2 = _p.sent();
+                        if ((err_2 === null || err_2 === void 0 ? void 0 : err_2.message) == 'cancelled') {
+                            this.log.warn("'afterSearch' middleware cancelled");
+                            afterSearchProfile.stop();
+                            return [2 /*return*/];
+                        }
+                        else {
+                            this.log.error("error in 'afterSearch' middleware");
+                            throw err_2;
+                        }
+                        return [3 /*break*/, 17];
+                    case 17:
+                        afterSearchProfile.stop();
+                        this.log.profile(afterSearchProfile);
+                        // store previous results for infinite usage (need to alsways store in case switch to infinite after pagination)
+                        this.previousResults = JSON.parse(JSON.stringify(response.search.results));
+                        // update the store
+                        this.store.update(response);
+                        data = { responseId: response.search.tracking.responseId };
+                        ((_m = this.config.beacon) === null || _m === void 0 ? void 0 : _m.enabled) && this.tracker.events[this.page.type].render({ data: data, siteId: (_o = this.config.globals) === null || _o === void 0 ? void 0 : _o.siteId });
+                        afterStoreProfile = this.profiler.create({ type: 'event', name: 'afterStore', context: params_1 }).start();
+                        _p.label = 18;
+                    case 18:
+                        _p.trys.push([18, 20, , 21]);
+                        return [4 /*yield*/, this.eventManager.fire('afterStore', {
+                                controller: this,
+                                request: params_1,
+                                response: response,
+                            })];
+                    case 19:
+                        _p.sent();
+                        return [3 /*break*/, 21];
+                    case 20:
+                        err_3 = _p.sent();
+                        if ((err_3 === null || err_3 === void 0 ? void 0 : err_3.message) == 'cancelled') {
+                            this.log.warn("'afterStore' middleware cancelled");
+                            afterStoreProfile.stop();
+                            return [2 /*return*/];
+                        }
+                        else {
+                            this.log.error("error in 'afterStore' middleware");
+                            throw err_3;
+                        }
+                        return [3 /*break*/, 21];
+                    case 21:
+                        afterStoreProfile.stop();
+                        this.log.profile(afterStoreProfile);
+                        return [3 /*break*/, 24];
+                    case 22:
+                        err_4 = _p.sent();
+                        if (err_4) {
+                            if (err_4.err && err_4.fetchDetails) {
+                                switch (err_4.fetchDetails.status) {
+                                    case 429: {
+                                        this.store.error = {
+                                            code: 429,
+                                            type: snap_store_mobx_1.ErrorType.WARNING,
+                                            message: 'Too many requests try again later',
+                                        };
+                                        break;
+                                    }
+                                    case 500: {
+                                        this.store.error = {
+                                            code: 500,
+                                            type: snap_store_mobx_1.ErrorType.ERROR,
+                                            message: 'Invalid Search Request or Service Unavailable',
+                                        };
+                                        break;
+                                    }
+                                    default: {
+                                        this.store.error = {
+                                            type: snap_store_mobx_1.ErrorType.ERROR,
+                                            message: err_4.err.message,
+                                        };
+                                        break;
+                                    }
+                                }
+                                this.log.error(this.store.error);
+                                this.handleError(err_4.err, err_4.fetchDetails);
+                            }
+                            else {
+                                this.store.error = {
+                                    type: snap_store_mobx_1.ErrorType.ERROR,
+                                    message: "Something went wrong... - ".concat(err_4),
+                                };
+                                this.log.error(err_4);
+                                this.handleError(err_4);
+                            }
+                        }
+                        return [3 /*break*/, 24];
+                    case 23:
+                        this.store.loading = false;
+                        return [7 /*endfinally*/];
+                    case 24: return [2 /*return*/];
+                }
+            });
+        }); };
+        _this.addToCart = function (_products) { return __awaiter(_this, void 0, void 0, function () {
+            var products;
+            var _this = this;
+            return __generator(this, function (_a) {
+                products = typeof (_products === null || _products === void 0 ? void 0 : _products.slice) == 'function' ? _products.slice() : [_products];
+                if (!_products || products.length === 0) {
+                    this.log.warn('No products provided to search controller.addToCart');
+                    return [2 /*return*/];
+                }
+                products.forEach(function (product) {
+                    _this.track.product.addToCart(product);
+                });
+                if (products.length > 0) {
+                    this.eventManager.fire('addToCart', { controller: this, products: products });
+                }
+                return [2 /*return*/];
+            });
+        }); };
+        // deep merge config with defaults
+        _this.config = (0, deepmerge_1.default)(defaultConfig, _this.config);
+        if (((_b = _this.config.settings) === null || _b === void 0 ? void 0 : _b.infinite) &&
+            typeof ((_c = _this.config.settings) === null || _c === void 0 ? void 0 : _c.infinite) == 'object' &&
+            (Object.keys((_d = _this.config.settings) === null || _d === void 0 ? void 0 : _d.infinite).length == 0 || typeof ((_f = (_e = _this.config.settings) === null || _e === void 0 ? void 0 : _e.infinite) === null || _f === void 0 ? void 0 : _f.backfill) != 'undefined')) {
+            // infinite is enabled by setting config.infinite={} (old method)
+            // set config.infinite.enabled=true
+            _this.config.settings = __assign(__assign({}, _this.config.settings), { infinite: __assign({ enabled: true }, _this.config.settings.infinite) });
+        }
+        // set restorePosition to be enabled by default when using infinite (if not provided)
+        if (((_h = (_g = _this.config.settings) === null || _g === void 0 ? void 0 : _g.infinite) === null || _h === void 0 ? void 0 : _h.enabled) && typeof _this.config.settings.restorePosition == 'undefined') {
+            _this.config.settings.restorePosition = { enabled: true };
+        }
+        _this.store.setConfig(_this.config);
+        _this.storage = new snap_store_mobx_1.StorageStore({
+            type: 'session',
+            key: "athos-controller-".concat(_this.config.id),
+        });
+        if (typeof ((_j = _this.context) === null || _j === void 0 ? void 0 : _j.page) === 'object' && ['search', 'category'].includes(_this.context.page.type)) {
+            _this.page = (0, deepmerge_1.default)(_this.page, _this.context.page);
+        }
+        _this.eventManager.on('beforeSearch', function (_a, next_1) { return __awaiter(_this, [_a, next_1], void 0, function (_b, next) {
+            var req, query, hasCategoryBackgroundFilters;
+            var _c, _d;
+            var request = _b.request;
+            return __generator(this, function (_e) {
+                switch (_e.label) {
+                    case 0: 
+                    // wait for other middleware to resolve
+                    return [4 /*yield*/, next()];
+                    case 1:
+                        // wait for other middleware to resolve
+                        _e.sent();
+                        req = request;
+                        query = (_c = req.search) === null || _c === void 0 ? void 0 : _c.query;
+                        if (!query) {
+                            hasCategoryBackgroundFilters = (_d = req.filters) === null || _d === void 0 ? void 0 : _d.filter(function (filter) { return filter.background; }).filter(function (filter) {
+                                return BACKGROUND_FILTER_FIELD_MATCHES.find(function (bgFilter) {
+                                    var _a;
+                                    return (_a = filter.field) === null || _a === void 0 ? void 0 : _a.toLowerCase().includes(bgFilter);
+                                });
+                            }).filter(function (filter) {
+                                return BACKGROUND_FILTERS_VALUE_FLAGS.every(function (flag) {
+                                    switch (filter.type) {
+                                        case 'range':
+                                            var rangeFilter = filter;
+                                            return rangeFilter.value !== flag;
+                                        case 'value':
+                                        default:
+                                            var valueFilter = filter;
+                                            return valueFilter.value !== flag;
+                                    }
+                                });
+                            });
+                            if (hasCategoryBackgroundFilters === null || hasCategoryBackgroundFilters === void 0 ? void 0 : hasCategoryBackgroundFilters.length) {
+                                this.page = (0, deepmerge_1.default)(this.page, { type: 'category' });
+                            }
+                        }
+                        return [2 /*return*/];
+                }
+            });
+        }); });
+        // add 'afterSearch' middleware
+        _this.eventManager.on('afterSearch', function (search, next) { return __awaiter(_this, void 0, void 0, function () {
+            var config, redirectURL, searchStore;
+            var _a, _b, _c, _d, _e, _f, _g, _h;
+            return __generator(this, function (_j) {
+                switch (_j.label) {
+                    case 0:
+                        config = search.controller.config;
+                        redirectURL = (_c = (_b = (_a = search.response) === null || _a === void 0 ? void 0 : _a.search) === null || _b === void 0 ? void 0 : _b.merchandising) === null || _c === void 0 ? void 0 : _c.redirect;
+                        searchStore = search.controller.store;
+                        if (redirectURL && ((_e = (_d = config === null || config === void 0 ? void 0 : config.settings) === null || _d === void 0 ? void 0 : _d.redirects) === null || _e === void 0 ? void 0 : _e.merchandising) && !((_h = (_g = (_f = search === null || search === void 0 ? void 0 : search.response) === null || _f === void 0 ? void 0 : _f.search) === null || _g === void 0 ? void 0 : _g.filters) === null || _h === void 0 ? void 0 : _h.length) && !searchStore.loaded) {
+                            // set loaded to true to prevent infinite search/reloading from happening
+                            searchStore.loaded = true;
+                            this.track.redirect({ redirectURL: redirectURL, responseId: search.response.search.tracking.responseId });
+                            window.location.replace(redirectURL);
+                            return [2 /*return*/, false];
+                        }
+                        return [4 /*yield*/, next()];
+                    case 1:
+                        _j.sent();
+                        return [2 /*return*/];
+                }
+            });
+        }); });
+        _this.eventManager.on('afterStore', function (search, next) { return __awaiter(_this, void 0, void 0, function () {
+            var storableRequestParams, stringyParams, scrollMap, elementPosition;
+            return __generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0: return [4 /*yield*/, next()];
+                    case 1:
+                        _a.sent();
+                        storableRequestParams = getStorableRequestParams(search.request);
+                        stringyParams = JSON.stringify(storableRequestParams);
+                        this.storage.set('lastStringyParams', stringyParams);
+                        scrollMap = this.storage.get('scrollMap') || {};
+                        elementPosition = scrollMap[stringyParams];
+                        if (!elementPosition) {
+                            // search params have changed - empty the scrollMap
+                            this.storage.set('scrollMap', {});
+                        }
+                        // not awaiting this event as it relies on render, and render is blocked by afterStore event
+                        this.eventManager.fire('restorePosition', { controller: this, element: elementPosition });
+                        return [2 /*return*/];
+                }
+            });
+        }); });
+        _this.eventManager.on('afterSearch', function (search, next) { return __awaiter(_this, void 0, void 0, function () {
+            var facets;
+            var _this = this;
+            return __generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0: return [4 /*yield*/, next()];
+                    case 1:
+                        _a.sent();
+                        facets = search.response.search.facets;
+                        if (facets) {
+                            facets.forEach(function (facet) {
+                                var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t;
+                                if (((_a = search.response.meta) === null || _a === void 0 ? void 0 : _a.facets) && facet.field) {
+                                    var field = facet.field || '';
+                                    var metaFacet = search.response.meta.facets[field];
+                                    var dataDelimiter = (metaFacet === null || metaFacet === void 0 ? void 0 : metaFacet.hierarchyDelimiter) || ' / ';
+                                    var filterSettings = ((_d = (_c = (_b = _this.config) === null || _b === void 0 ? void 0 : _b.settings) === null || _c === void 0 ? void 0 : _c.filters) === null || _d === void 0 ? void 0 : _d.fields)
+                                        ? (_g = (_f = (_e = _this.config) === null || _e === void 0 ? void 0 : _e.settings) === null || _f === void 0 ? void 0 : _f.filters) === null || _g === void 0 ? void 0 : _g.fields[field]
+                                        : (_j = (_h = _this.config) === null || _h === void 0 ? void 0 : _h.settings) === null || _j === void 0 ? void 0 : _j.filters;
+                                    var displayDelimiter = (_l = (_k = filterSettings === null || filterSettings === void 0 ? void 0 : filterSettings.hierarchy) === null || _k === void 0 ? void 0 : _k.displayDelimiter) !== null && _l !== void 0 ? _l : ' / '; // choose delimiter for label
+                                    var showFullPath = (_o = (_m = filterSettings === null || filterSettings === void 0 ? void 0 : filterSettings.hierarchy) === null || _m === void 0 ? void 0 : _m.showFullPath) !== null && _o !== void 0 ? _o : false; // display full hierarchy path or just the current level
+                                    if (((_p = filterSettings === null || filterSettings === void 0 ? void 0 : filterSettings.hierarchy) === null || _p === void 0 ? void 0 : _p.enabled) &&
+                                        metaFacet &&
+                                        metaFacet.display === 'hierarchy' &&
+                                        facet.filtered &&
+                                        ((_q = facet.values) === null || _q === void 0 ? void 0 : _q.length) > 0) {
+                                        var filteredValues = (_r = facet.values) === null || _r === void 0 ? void 0 : _r.filter(function (val) { return (val === null || val === void 0 ? void 0 : val.filtered) === true; });
+                                        if (filteredValues && filteredValues.length) {
+                                            var filterToAdd = {
+                                                field: facet.field,
+                                                //escape special charactors used in regex
+                                                label: showFullPath
+                                                    ? ((_t = (_s = filteredValues[0].value) !== null && _s !== void 0 ? _s : filteredValues[0].label) !== null && _t !== void 0 ? _t : '').replace(new RegExp(dataDelimiter.replace(/[.*+?^${}()|[\]\\]/g, '\\$&'), 'g'), displayDelimiter)
+                                                    : filteredValues[0].label,
+                                                type: 'value',
+                                            };
+                                            if (search.response.search.filters) {
+                                                search.response.search.filters.push(filterToAdd);
+                                            }
+                                            else {
+                                                search.response.search.filters = [filterToAdd];
+                                            }
+                                        }
+                                    }
+                                }
+                            });
+                        }
+                        return [2 /*return*/];
+                }
+            });
+        }); });
+        _this.eventManager.on('afterStore', function (search, next) { return __awaiter(_this, void 0, void 0, function () {
+            var controller, response, config_1, nonBackgroundFilters, singleResultUrl;
+            var _a, _b, _c, _d, _e, _f, _g, _h, _j;
+            return __generator(this, function (_k) {
+                switch (_k.label) {
+                    case 0: return [4 /*yield*/, next()];
+                    case 1:
+                        _k.sent();
+                        controller = search.controller;
+                        response = search.response.search;
+                        if (controller.store.loaded && !controller.store.error) {
+                            config_1 = search.controller.config;
+                            nonBackgroundFilters = (_b = (_a = search === null || search === void 0 ? void 0 : search.request) === null || _a === void 0 ? void 0 : _a.filters) === null || _b === void 0 ? void 0 : _b.filter(function (filter) { return !filter.background; });
+                            singleResultUrl = ((_c = response === null || response === void 0 ? void 0 : response.results) === null || _c === void 0 ? void 0 : _c.length) && ((_e = (_d = response === null || response === void 0 ? void 0 : response.results[0].mappings) === null || _d === void 0 ? void 0 : _d.core) === null || _e === void 0 ? void 0 : _e.url);
+                            if (((_g = (_f = config_1 === null || config_1 === void 0 ? void 0 : config_1.settings) === null || _f === void 0 ? void 0 : _f.redirects) === null || _g === void 0 ? void 0 : _g.singleResult) &&
+                                ((_h = response.search) === null || _h === void 0 ? void 0 : _h.query) &&
+                                ((_j = response.pagination) === null || _j === void 0 ? void 0 : _j.totalResults) === 1 &&
+                                !(nonBackgroundFilters === null || nonBackgroundFilters === void 0 ? void 0 : nonBackgroundFilters.length) &&
+                                singleResultUrl) {
+                                window.location.replace(singleResultUrl);
+                                return [2 /*return*/, false];
+                            }
+                        }
+                        return [2 /*return*/];
+                }
+            });
+        }); });
+        // restore position
+        if ((_l = (_k = _this.config.settings) === null || _k === void 0 ? void 0 : _k.restorePosition) === null || _l === void 0 ? void 0 : _l.enabled) {
+            _this.eventManager.on('restorePosition', function (_a, next_1) { return __awaiter(_this, [_a, next_1], void 0, function (_b, next) {
+                var lastRequest, storableRequestParams, stringyParams, scrollMap, scrollToPosition;
+                var _this = this;
+                var controller = _b.controller, element = _b.element;
+                return __generator(this, function (_c) {
+                    switch (_c.label) {
+                        case 0:
+                            // attempt to grab the element from storage if it is not provided
+                            if (!(element === null || element === void 0 ? void 0 : element.selector)) {
+                                lastRequest = this.storage.get('lastStringyParams');
+                                if (lastRequest) {
+                                    storableRequestParams = getStorableRequestParams(JSON.parse(lastRequest));
+                                    stringyParams = JSON.stringify(storableRequestParams);
+                                    scrollMap = this.storage.get('scrollMap') || {};
+                                    element = scrollMap[stringyParams];
+                                }
+                            }
+                            scrollToPosition = function () {
+                                return new Promise(function (resolve) { return __awaiter(_this, void 0, void 0, function () {
+                                    var maxCheckTime, checkTime, maxScrolls, maxCheckCount, scrollBackCount, checkCount, scrolledElem, checkAndScroll;
+                                    return __generator(this, function (_a) {
+                                        switch (_a.label) {
+                                            case 0:
+                                                maxCheckTime = 600;
+                                                checkTime = 60;
+                                                maxScrolls = Math.ceil(maxCheckTime / checkTime);
+                                                maxCheckCount = maxScrolls + 2;
+                                                scrollBackCount = 0;
+                                                checkCount = 0;
+                                                scrolledElem = undefined;
+                                                checkAndScroll = function () {
+                                                    var _a;
+                                                    var offset = ((_a = element === null || element === void 0 ? void 0 : element.domRect) === null || _a === void 0 ? void 0 : _a.top) || 0;
+                                                    var elem = document.querySelector(element === null || element === void 0 ? void 0 : element.selector);
+                                                    // for case where the element clicked on has no height
+                                                    while (elem && !elem.getBoundingClientRect().height) {
+                                                        elem = elem.parentElement;
+                                                        // original offset no longer applies since using different element
+                                                        offset = 0;
+                                                    }
+                                                    if (elem) {
+                                                        var y = elem.getBoundingClientRect().y;
+                                                        scrollBackCount++;
+                                                        // if the offset is off, we need to scroll into position (can be caused by lazy loaded images)
+                                                        if (y > offset + 1 || y < offset - 1) {
+                                                            window.scrollBy(0, y - offset);
+                                                        }
+                                                        else {
+                                                            // don't need to scroll - it is right where we want it
+                                                            scrolledElem = elem;
+                                                        }
+                                                    }
+                                                    else {
+                                                        checkCount++;
+                                                    }
+                                                    return true;
+                                                };
+                                                _a.label = 1;
+                                            case 1:
+                                                if (!(checkAndScroll() && scrollBackCount <= maxScrolls && checkCount <= maxCheckCount)) return [3 /*break*/, 3];
+                                                return [4 /*yield*/, new Promise(function (resolve) { return setTimeout(resolve, checkTime); })];
+                                            case 2:
+                                                _a.sent();
+                                                return [3 /*break*/, 1];
+                                            case 3:
+                                                if (scrolledElem) {
+                                                    controller.log.debug('restored position to: ', scrolledElem);
+                                                }
+                                                else {
+                                                    controller.log.debug('attempted to scroll back to element with selector: ', element === null || element === void 0 ? void 0 : element.selector);
+                                                }
+                                                resolve();
+                                                return [2 /*return*/];
+                                        }
+                                    });
+                                }); });
+                            };
+                            if (!element) return [3 /*break*/, 2];
+                            return [4 /*yield*/, scrollToPosition()];
+                        case 1:
+                            _c.sent();
+                            _c.label = 2;
+                        case 2: return [4 /*yield*/, next()];
+                        case 3:
+                            _c.sent();
+                            return [2 /*return*/];
+                    }
+                });
+            }); });
+            // fire restorePosition event on 'pageshow' when setting is enabled
+            if ((_o = (_m = _this.config.settings) === null || _m === void 0 ? void 0 : _m.restorePosition) === null || _o === void 0 ? void 0 : _o.onPageShow) {
+                window.addEventListener('pageshow', function (e) {
+                    if (e.persisted && _this.store.loaded) {
+                        _this.eventManager.fire('restorePosition', { controller: _this, element: {} });
+                    }
+                });
+            }
+        }
+        // attach config plugins and event middleware
+        _this.use(_this.config);
+        return _this;
+    }
+    Object.defineProperty(SearchController.prototype, "params", {
+        get: function () {
+            var _a, _b, _c, _d;
+            var params = (0, deepmerge_1.default)(__assign({}, (0, getParams_1.getSearchParams)(this.urlManager.state)), this.config.globals || {});
+            // redirect setting
+            // DUPLICATED LOGIC can be found in infinite backfill (change both if updating)
+            if (!((_b = (_a = this.config.settings) === null || _a === void 0 ? void 0 : _a.redirects) === null || _b === void 0 ? void 0 : _b.merchandising) || this.store.loaded) {
+                params.search = params.search || {};
+                params.search.redirectResponse = 'full';
+            }
+            params.tracking = params.tracking || {};
+            params.tracking.domain = window.location.href;
+            var _e = this.tracker.getContext(), userId = _e.userId, sessionId = _e.sessionId, pageLoadId = _e.pageLoadId, shopperId = _e.shopperId;
+            if (userId) {
+                params.tracking.userId = userId;
+            }
+            if (sessionId) {
+                params.tracking.sessionId = sessionId;
+            }
+            if (pageLoadId) {
+                params.tracking.pageLoadId = pageLoadId;
+            }
+            if (!((_d = (_c = this.config.globals) === null || _c === void 0 ? void 0 : _c.personalization) === null || _d === void 0 ? void 0 : _d.disabled)) {
+                var cartItems = this.tracker.cookies.cart.get();
+                if (cartItems.length) {
+                    params.personalization = params.personalization || {};
+                    params.personalization.cart = cartItems.join(',');
+                }
+                var lastViewedItems = this.tracker.cookies.viewed.get();
+                if (lastViewedItems.length) {
+                    params.personalization = params.personalization || {};
+                    params.personalization.lastViewed = lastViewedItems.join(',');
+                }
+                if (shopperId) {
+                    params.personalization = params.personalization || {};
+                    params.personalization.shopper = shopperId;
+                }
+            }
+            return params;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    return SearchController;
+}(AbstractController_1.AbstractController));
+exports.SearchController = SearchController;
+function getStorableRequestParams(request) {
+    var _a, _b, _c, _d;
+    return {
+        siteId: request.siteId,
+        sorts: request.sorts,
+        search: {
+            query: {
+                string: ((_b = (_a = request === null || request === void 0 ? void 0 : request.search) === null || _a === void 0 ? void 0 : _a.query) === null || _b === void 0 ? void 0 : _b.string) || '',
+            },
+            subQuery: ((_c = request === null || request === void 0 ? void 0 : request.search) === null || _c === void 0 ? void 0 : _c.subQuery) || '',
+        },
+        filters: request.filters,
+        pagination: request.pagination,
+        facets: request.facets,
+        merchandising: {
+            landingPage: ((_d = request.merchandising) === null || _d === void 0 ? void 0 : _d.landingPage) || '',
+        },
+    };
+}
+function generateHrefSelector(element, href, levels) {
+    if (levels === void 0) { levels = 7; }
+    var level = 0;
+    var elem = element;
+    while (elem && level <= levels) {
+        var innerHrefElem = null;
+        try {
+            innerHrefElem = elem.querySelector("[href*=\"".concat(href, "\"]"));
+        }
+        catch (e) {
+            try {
+                innerHrefElem = elem.querySelector((0, css_escape_1.default)("[href*=\"".concat(href, "\"]")));
+            }
+            catch (_a) { }
+        }
+        if (innerHrefElem) {
+            // innerHrefElem was found! now get selectors up to elem that contained it
+            var selector = '';
+            var parentElem = innerHrefElem;
+            while (parentElem && parentElem != elem.parentElement) {
+                var classNames = parentElem.classList.value.trim().split(' ');
+                // document.querySelector does not appreciate special characters - must escape them
+                var escapedClassSelector = classNames.reduce(function (classes, classname) { return (classname.trim() ? "".concat(classes, ".").concat((0, css_escape_1.default)(classname.trim())) : classes); }, '');
+                selector = "".concat(parentElem.tagName).concat(escapedClassSelector).concat(selector ? " ".concat(selector) : '');
+                parentElem = parentElem.parentElement;
+            }
+            return "".concat(selector, "[href*=\"").concat(href, "\"]");
+        }
+        elem = elem.parentElement;
+        level++;
+    }
+    return;
+}