@searchspring/snap-controller 0.61.5 → 0.63.0

package/dist/cjs/Search/SearchController.js

@@ -61,15 +61,6 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
         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 };
 };
@@ -104,7 +95,6 @@ var SearchController = /** @class */ (function (_super) {
         var _b, _c, _d, _e, _f;
         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.track = {
             product: {
                 click: function (e, result) {
@@ -148,39 +138,38 @@ var SearchController = /** @class */ (function (_super) {
             },
         };
         _this.search = function () { return __awaiter(_this, void 0, void 0, function () {
-            var params, err_1, stringyParams, prevStringyParams, searchProfile, meta, response, preventBackfill, dontBackfill, backfillRequests, backfillResponses, backfillResults, afterSearchProfile, err_2, afterStoreProfile, err_3, err_4;
+            var params_1, err_1, stringyParams, prevStringyParams, searchProfile, meta, response, preventBackfill, dontBackfill, backfillRequests, backfillResponses, backfillResults, afterSearchProfile, err_2, afterStoreProfile, err_3, err_4;
             var _a, _b;
             var _this = this;
-            var _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o;
-            return __generator(this, function (_p) {
-                switch (_p.label) {
+            var _c, _d, _e, _f, _g, _h, _j, _k, _l, _m;
+            return __generator(this, function (_o) {
+                switch (_o.label) {
                     case 0:
+                        _o.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;
+                        _o.sent();
+                        _o.label = 2;
                     case 2:
-                        params = this.params;
+                        params_1 = this.params;
                         if (((_d = (_c = this.params.search) === null || _c === void 0 ? void 0 : _c.query) === null || _d === void 0 ? void 0 : _d.string) && ((_f = (_e = this.params.search) === null || _e === void 0 ? void 0 : _e.query) === null || _f === void 0 ? void 0 : _f.string.length)) {
                             // save it to the history store
                             this.store.history.save(this.params.search.query.string);
                         }
-                        _p.label = 3;
+                        this.store.loading = true;
+                        _o.label = 3;
                     case 3:
-                        _p.trys.push([3, 23, , 24]);
-                        _p.label = 4;
-                    case 4:
-                        _p.trys.push([4, 6, , 7]);
+                        _o.trys.push([3, 5, , 6]);
                         return [4 /*yield*/, this.eventManager.fire('beforeSearch', {
                                 controller: this,
-                                request: params,
+                                request: params_1,
                             })];
+                    case 4:
+                        _o.sent();
+                        return [3 /*break*/, 6];
                     case 5:
-                        _p.sent();
-                        return [3 /*break*/, 7];
-                    case 6:
-                        err_1 = _p.sent();
+                        err_1 = _o.sent();
                         if ((err_1 === null || err_1 === void 0 ? void 0 : err_1.message) == 'cancelled') {
                             this.log.warn("'beforeSearch' middleware cancelled");
                             return [2 /*return*/];
@@ -189,19 +178,19 @@ var SearchController = /** @class */ (function (_super) {
                             this.log.error("error in 'beforeSearch' middleware");
                             throw err_1;
                         }
-                        return [3 /*break*/, 7];
-                    case 7:
-                        stringyParams = JSON.stringify(params);
+                        return [3 /*break*/, 6];
+                    case 6:
+                        stringyParams = JSON.stringify(params_1);
                         prevStringyParams = this.storage.get('lastStringyParams');
                         if (stringyParams == prevStringyParams) {
                             // no param change - not searching
                             return [2 /*return*/];
                         }
-                        searchProfile = this.profiler.create({ type: 'event', name: 'search', context: params }).start();
+                        searchProfile = this.profiler.create({ type: 'event', name: 'search', context: params_1 }).start();
                         meta = {};
                         response = {};
-                        if (!(((_g = this.config.settings) === null || _g === void 0 ? void 0 : _g.infinite) && ((_h = params.pagination) === null || _h === void 0 ? void 0 : _h.page) && params.pagination.page > 1)) return [3 /*break*/, 12];
-                        preventBackfill = ((_j = this.config.settings.infinite) === null || _j === void 0 ? void 0 : _j.backfill) && !this.store.results.length && params.pagination.page > this.config.settings.infinite.backfill;
+                        if (!(((_g = this.config.settings) === null || _g === void 0 ? void 0 : _g.infinite) && ((_h = params_1.pagination) === null || _h === void 0 ? void 0 : _h.page) && params_1.pagination.page > 1)) return [3 /*break*/, 11];
+                        preventBackfill = ((_j = this.config.settings.infinite) === null || _j === void 0 ? void 0 : _j.backfill) && !this.store.results.length && params_1.pagination.page > this.config.settings.infinite.backfill;
                         dontBackfill = !((_k = this.config.settings.infinite) === null || _k === void 0 ? void 0 : _k.backfill) && !this.store.results.length;
                         // if the page is higher than the backfill setting redirect back to page 1
                         if (preventBackfill || dontBackfill) {
@@ -209,12 +198,12 @@ var SearchController = /** @class */ (function (_super) {
                             this.urlManager.set('page', 1).go();
                             return [2 /*return*/];
                         }
-                        if (!(((_l = this.config.settings) === null || _l === void 0 ? void 0 : _l.infinite.backfill) && !this.previousResults.length)) return [3 /*break*/, 9];
-                        backfillRequests = Array(params.pagination.page)
+                        if (!(((_l = this.config.settings) === null || _l === void 0 ? void 0 : _l.infinite.backfill) && !this.store.loaded)) return [3 /*break*/, 8];
+                        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), { pagination: { page: i + 1 }, search: { redirectResponse: 'full' } });
+                            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;
@@ -227,8 +216,8 @@ var SearchController = /** @class */ (function (_super) {
                             return _this.client.search(backfillParams);
                         });
                         return [4 /*yield*/, Promise.all(backfillRequests)];
-                    case 8:
-                        backfillResponses = _p.sent();
+                    case 7:
+                        backfillResponses = _o.sent();
                         // backfillResponses are [meta, searchResponse][]
                         // set the meta and response to the first page of backfillResponses
                         meta = backfillResponses[0][0];
@@ -239,44 +228,42 @@ var SearchController = /** @class */ (function (_super) {
                         }, []);
                         // overwrite pagination params to expected state
                         response.pagination.totalPages = Math.ceil(response.pagination.totalResults / response.pagination.pageSize);
-                        response.pagination.page = (_m = params.pagination) === null || _m === void 0 ? void 0 : _m.page;
+                        response.pagination.page = (_m = params_1.pagination) === null || _m === void 0 ? void 0 : _m.page;
                         // set the response results with results from backfill responses
                         response.results = backfillResults;
-                        return [3 /*break*/, 11];
-                    case 9: return [4 /*yield*/, this.client.search(params)];
-                    case 10:
+                        return [3 /*break*/, 10];
+                    case 8: return [4 /*yield*/, this.client.search(params_1)];
+                    case 9:
                         // infinite with no backfills.
-                        _a = _p.sent(), meta = _a[0], response = _a[1];
-                        // append new results to previous results
-                        response.results = __spreadArray(__spreadArray([], this.previousResults, true), (response.results || []), true);
-                        _p.label = 11;
-                    case 11: return [3 /*break*/, 14];
-                    case 12: return [4 /*yield*/, this.client.search(params)];
+                        _a = _o.sent(), meta = _a[0], response = _a[1];
+                        _o.label = 10;
+                    case 10: return [3 /*break*/, 13];
+                    case 11: return [4 /*yield*/, this.client.search(params_1)];
+                    case 12:
+                        // normal request for next page
+                        _b = _o.sent(), meta = _b[0], response = _b[1];
+                        _o.label = 13;
                     case 13:
-                        // standard request (not using infinite scroll)
-                        _b = _p.sent(), meta = _b[0], response = _b[1];
-                        _p.label = 14;
-                    case 14:
                         // MockClient will overwrite the client search() method and use SearchData to return mock data which already contains meta data
                         if (!response.meta) {
                             response.meta = meta;
                         }
                         searchProfile.stop();
                         this.log.profile(searchProfile);
-                        afterSearchProfile = this.profiler.create({ type: 'event', name: 'afterSearch', context: params }).start();
-                        _p.label = 15;
-                    case 15:
-                        _p.trys.push([15, 17, , 18]);
+                        afterSearchProfile = this.profiler.create({ type: 'event', name: 'afterSearch', context: params_1 }).start();
+                        _o.label = 14;
+                    case 14:
+                        _o.trys.push([14, 16, , 17]);
                         return [4 /*yield*/, this.eventManager.fire('afterSearch', {
                                 controller: this,
-                                request: params,
+                                request: params_1,
                                 response: response,
                             })];
+                    case 15:
+                        _o.sent();
+                        return [3 /*break*/, 17];
                     case 16:
-                        _p.sent();
-                        return [3 /*break*/, 18];
-                    case 17:
-                        err_2 = _p.sent();
+                        err_2 = _o.sent();
                         if ((err_2 === null || err_2 === void 0 ? void 0 : err_2.message) == 'cancelled') {
                             this.log.warn("'afterSearch' middleware cancelled");
                             afterSearchProfile.stop();
@@ -286,30 +273,26 @@ var SearchController = /** @class */ (function (_super) {
                             this.log.error("error in 'afterSearch' middleware");
                             throw err_2;
                         }
-                        return [3 /*break*/, 18];
-                    case 18:
+                        return [3 /*break*/, 17];
+                    case 17:
                         afterSearchProfile.stop();
                         this.log.profile(afterSearchProfile);
-                        // store previous results for infinite usage
-                        if ((_o = this.config.settings) === null || _o === void 0 ? void 0 : _o.infinite) {
-                            this.previousResults = JSON.parse(JSON.stringify(response.results));
-                        }
                         // update the store
                         this.store.update(response);
-                        afterStoreProfile = this.profiler.create({ type: 'event', name: 'afterStore', context: params }).start();
-                        _p.label = 19;
-                    case 19:
-                        _p.trys.push([19, 21, , 22]);
+                        afterStoreProfile = this.profiler.create({ type: 'event', name: 'afterStore', context: params_1 }).start();
+                        _o.label = 18;
+                    case 18:
+                        _o.trys.push([18, 20, , 21]);
                         return [4 /*yield*/, this.eventManager.fire('afterStore', {
                                 controller: this,
-                                request: params,
+                                request: params_1,
                                 response: response,
                             })];
+                    case 19:
+                        _o.sent();
+                        return [3 /*break*/, 21];
                     case 20:
-                        _p.sent();
-                        return [3 /*break*/, 22];
-                    case 21:
-                        err_3 = _p.sent();
+                        err_3 = _o.sent();
                         if ((err_3 === null || err_3 === void 0 ? void 0 : err_3.message) == 'cancelled') {
                             this.log.warn("'afterStore' middleware cancelled");
                             afterStoreProfile.stop();
@@ -319,13 +302,13 @@ var SearchController = /** @class */ (function (_super) {
                             this.log.error("error in 'afterStore' middleware");
                             throw err_3;
                         }
-                        return [3 /*break*/, 22];
-                    case 22:
+                        return [3 /*break*/, 21];
+                    case 21:
                         afterStoreProfile.stop();
                         this.log.profile(afterStoreProfile);
                         return [3 /*break*/, 24];
-                    case 23:
-                        err_4 = _p.sent();
+                    case 22:
+                        err_4 = _o.sent();
                         if (err_4) {
                             if (err_4.err && err_4.fetchDetails) {
                                 switch (err_4.fetchDetails.status) {
@@ -364,9 +347,11 @@ var SearchController = /** @class */ (function (_super) {
                                 this.log.error(err_4);
                                 this.handleError(err_4);
                             }
-                            this.store.loading = false;
                         }
                         return [3 /*break*/, 24];
+                    case 23:
+                        this.store.loading = false;
+                        return [7 /*endfinally*/];
                     case 24: return [2 /*return*/];
                 }
             });
@@ -384,19 +369,6 @@ var SearchController = /** @class */ (function (_super) {
         });
         // set last params to undefined for compare in search
         _this.storage.set('lastStringyParams', undefined);
-        // add 'beforeSearch' middleware
-        _this.eventManager.on('beforeSearch', function (search, next) { return __awaiter(_this, void 0, void 0, function () {
-            return __generator(this, function (_a) {
-                switch (_a.label) {
-                    case 0:
-                        search.controller.store.loading = true;
-                        return [4 /*yield*/, next()];
-                    case 1:
-                        _a.sent();
-                        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, nonBackgroundFilters;
@@ -415,8 +387,7 @@ var SearchController = /** @class */ (function (_super) {
                         if (((_k = (_j = config === null || config === void 0 ? void 0 : config.settings) === null || _j === void 0 ? void 0 : _j.redirects) === null || _k === void 0 ? void 0 : _k.singleResult) &&
                             ((_m = (_l = search === null || search === void 0 ? void 0 : search.response) === null || _l === void 0 ? void 0 : _l.search) === null || _m === void 0 ? void 0 : _m.query) &&
                             ((_p = (_o = search === null || search === void 0 ? void 0 : search.response) === null || _o === void 0 ? void 0 : _o.pagination) === null || _p === void 0 ? void 0 : _p.totalResults) === 1 &&
-                            !(nonBackgroundFilters === null || nonBackgroundFilters === void 0 ? void 0 : nonBackgroundFilters.length) &&
-                            !search.controller.previousResults.length) {
+                            !(nonBackgroundFilters === null || nonBackgroundFilters === void 0 ? void 0 : nonBackgroundFilters.length)) {
                             window.location.replace(search === null || search === void 0 ? void 0 : search.response.results[0].mappings.core.url);
                             return [2 /*return*/, false];
                         }
@@ -447,7 +418,6 @@ var SearchController = /** @class */ (function (_super) {
                         return [4 /*yield*/, this.eventManager.fire('restorePosition', { controller: this, element: elementPosition })];
                     case 2:
                         _a.sent();
-                        search.controller.store.loading = false;
                         return [2 /*return*/];
                 }
             });

package/dist/esm/Autocomplete/AutocompleteController.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AutocompleteController.d.ts","sourceRoot":"","sources":["../../../src/Autocomplete/AutocompleteController.ts"],"names":[],"mappings":";AAEA,OAAO,EAAE,YAAY,EAAa,MAAM,+BAA+B,CAAC;AACxE,OAAO,EAAE,kBAAkB,EAAE,MAAM,gCAAgC,CAAC;AAEpE,OAAO,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AAE3C,OAAO,EAAE,iBAAiB,EAAE,MAAM,+BAA+B,CAAC;AAClE,OAAO,KAAK,EAAE,4BAA4B,EAAkD,kBAAkB,EAAE,gBAAgB,EAAE,MAAM,UAAU,CAAC;AAEnJ,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,2BAA2B,CAAC;AAG1E,eAAO,MAAM,WAAW,MAAM,CAAC;AA2B/B,KAAK,wBAAwB,GAAG;IAC/B,OAAO,EAAE;QACR,KAAK,EAAE,CAAC,CAAC,EAAE,UAAU,EAAE,MAAM,EAAE,GAAG,KAAK,IAAI,CAAC;KAC5C,CAAC;CACF,CAAC;AAEF,qBAAa,sBAAuB,SAAQ,kBAAkB;IACtD,IAAI,kBAAgC;IACnC,KAAK,EAAE,iBAAiB,CAAC;IACzB,MAAM,EAAE,4BAA4B,CAAC;IACtC,OAAO,EAAE,YAAY,CAAC;gBAG5B,MAAM,EAAE,4BAA4B,EACpC,EAAE,MAAM,EAAE,KAAK,EAAE,UAAU,EAAE,YAAY,EAAE,QAAQ,EAAE,MAAM,EAAE,OAAO,EAAE,EAAE,kBAAkB,EAC1F,OAAO,CAAC,EAAE,gBAAgB;IAuE3B,KAAK,EAAE,wBAAwB,CAO7B;IAEF,IAAI,MAAM,IAAI,wBAAwB,CA0CrC;IAEK,UAAU,CAAC,YAAY,CAAC,EAAE,gBAAgB,GAAG,OAAO,CAAC,IAAI,CAAC;IA2BhE,KAAK,IAAI,IAAI;IASb,QAAQ;;0BAEc,aAAa,KAAG,QAAQ,OAAO,GAAG,SAAS,CAAC;wBAkDpD,aAAa,KAAG,IAAI;uBAMrB,UAAU,KAAG,IAAI;4BAQN,MAAM,SAAS,CAAC,gBAAgB,CAAC,KAAG,QAAQ,IAAI,CAAC;mCAgDhD,MAAM,WAAW,CAAC,gBAAgB,CAAC,KAAG,IAAI;uBAqBtD,KAAK;;;;uBAsDL,UAAU,KAAG,IAAI;;MAS5B;IAEF,MAAM,IAAI,IAAI;IAgBR,IAAI,IAAI,OAAO,CAAC,IAAI,CAAC;IAgF3B,cAAc,QAAa,QAAQ,IAAI,CAAC,CAwBtC;IAEF,MAAM,QAAa,QAAQ,IAAI,CAAC,CAmI9B;CACF"}
+{"version":3,"file":"AutocompleteController.d.ts","sourceRoot":"","sources":["../../../src/Autocomplete/AutocompleteController.ts"],"names":[],"mappings":";AAEA,OAAO,EAAE,YAAY,EAAa,MAAM,+BAA+B,CAAC;AACxE,OAAO,EAAE,kBAAkB,EAAE,MAAM,gCAAgC,CAAC;AAEpE,OAAO,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AAE3C,OAAO,EAAE,iBAAiB,EAAE,MAAM,+BAA+B,CAAC;AAClE,OAAO,KAAK,EAAE,4BAA4B,EAAiC,kBAAkB,EAAE,gBAAgB,EAAE,MAAM,UAAU,CAAC;AAElI,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,2BAA2B,CAAC;AAG1E,eAAO,MAAM,WAAW,MAAM,CAAC;AA+B/B,KAAK,wBAAwB,GAAG;IAC/B,OAAO,EAAE;QACR,KAAK,EAAE,CAAC,CAAC,EAAE,UAAU,EAAE,MAAM,EAAE,GAAG,KAAK,IAAI,CAAC;KAC5C,CAAC;CACF,CAAC;AAEF,qBAAa,sBAAuB,SAAQ,kBAAkB;IACtD,IAAI,kBAAgC;IACnC,KAAK,EAAE,iBAAiB,CAAC;IACzB,MAAM,EAAE,4BAA4B,CAAC;IACtC,OAAO,EAAE,YAAY,CAAC;gBAG5B,MAAM,EAAE,4BAA4B,EACpC,EAAE,MAAM,EAAE,KAAK,EAAE,UAAU,EAAE,YAAY,EAAE,QAAQ,EAAE,MAAM,EAAE,OAAO,EAAE,EAAE,kBAAkB,EAC1F,OAAO,CAAC,EAAE,gBAAgB;IAwD3B,KAAK,EAAE,wBAAwB,CAO7B;IAEF,IAAI,MAAM,IAAI,wBAAwB,CA0CrC;IAEK,UAAU,CAAC,YAAY,CAAC,EAAE,gBAAgB,GAAG,OAAO,CAAC,IAAI,CAAC;IA2BhE,KAAK,IAAI,IAAI;IASb,QAAQ;;0BAEc,aAAa,KAAG,QAAQ,OAAO,GAAG,SAAS,CAAC;wBAkDpD,aAAa,KAAG,IAAI;uBAMrB,UAAU,KAAG,IAAI;4BAQN,MAAM,SAAS,CAAC,gBAAgB,CAAC,KAAG,QAAQ,IAAI,CAAC;mCAgDhD,MAAM,WAAW,CAAC,gBAAgB,CAAC,KAAG,IAAI;uBAqBtD,KAAK;;;;uBAyDL,UAAU,KAAG,IAAI;;MAS5B;IAEF,MAAM,IAAI,IAAI;IAgBR,IAAI,IAAI,OAAO,CAAC,IAAI,CAAC;IAgF3B,cAAc,QAAa,QAAQ,IAAI,CAAC,CAwBtC;IAEF,MAAM,QAAa,QAAQ,IAAI,CAAC,CA0I9B;CACF"}

package/dist/esm/Autocomplete/AutocompleteController.js

@@ -27,6 +27,10 @@ const defaultConfig = {
             merchandising: true,
             singleResult: false,
         },
+        bind: {
+            input: true,
+            submit: true,
+        },
     },
 };
 export class AutocompleteController extends AbstractController {
@@ -176,6 +180,8 @@ export class AutocompleteController extends AbstractController {
                         return;
                     }
                     this.store.state.input = value;
+                    // remove merch redirect to prevent race condition
+                    this.store.merchandising.redirect = '';
                     if (this.config?.settings?.syncInputs) {
                         const inputs = document.querySelectorAll(this.config.selector);
                         inputs.forEach((input) => {
@@ -247,16 +253,20 @@ export class AutocompleteController extends AbstractController {
             this.store.updateTrendingTerms(terms);
         };
         this.search = async () => {
-            // if urlManager has no query, there will be no need to get params and no query
-            if (!this.urlManager.state.query) {
-                return;
-            }
-            const params = this.params;
-            // if params have no query do not search
-            if (!params?.search?.query?.string) {
-                return;
-            }
             try {
+                if (!this.initialized) {
+                    await this.init();
+                }
+                // if urlManager has no query, there will be no need to get params and no query
+                if (!this.urlManager.state.query) {
+                    return;
+                }
+                const params = this.params;
+                // if params have no query do not search
+                if (!params?.search?.query?.string) {
+                    return;
+                }
+                this.store.loading = true;
                 try {
                     await this.eventManager.fire('beforeSearch', {
                         controller: this,
@@ -366,9 +376,11 @@ export class AutocompleteController extends AbstractController {
                         this.log.error(err);
                         this.handleError(err);
                     }
-                    this.store.loading = false;
                 }
             }
+            finally {
+                this.store.loading = false;
+            }
         };
         // deep merge config with defaults
         this.config = deepmerge(defaultConfig, this.config);
@@ -385,25 +397,14 @@ export class AutocompleteController extends AbstractController {
             type: 'session',
             key: `ss-controller-${this.config.id}`,
         });
-        // add 'beforeSearch' middleware
-        this.eventManager.on('beforeSearch', async (ac, next) => {
-            ac.controller.store.loading = true;
-            await next();
-        });
         // add 'afterSearch' middleware
         this.eventManager.on('afterSearch', async (ac, next) => {
             await next();
             // cancel search if no input or query doesn't match current urlState
             if (ac.response.autocomplete.query != ac.controller.urlManager.state.query) {
-                ac.controller.store.loading = false;
                 return false;
             }
         });
-        // add 'afterStore' middleware
-        this.eventManager.on('afterStore', async (ac, next) => {
-            await next();
-            ac.controller.store.loading = false;
-        });
         this.eventManager.on('beforeSubmit', async (ac, next) => {
             await next();
             const redirectURL = ac.controller.store.merchandising?.redirect;
@@ -521,7 +522,7 @@ export class AutocompleteController extends AbstractController {
             input.setAttribute('autocorrect', 'off');
             input.setAttribute('autocapitalize', 'none');
             input.setAttribute(INPUT_ATTRIBUTE, '');
-            input.addEventListener('input', this.handlers.input.input);
+            this.config.settings?.bind?.input && input.addEventListener('input', this.handlers.input.input);
             if (this.config?.settings?.initializeFromUrl && !input.value && this.store.state.input) {
                 input.value = this.store.state.input;
             }
@@ -530,11 +531,11 @@ export class AutocompleteController extends AbstractController {
             const form = input.form;
             let formActionUrl;
             if (this.config.action) {
-                input.addEventListener('keydown', this.handlers.input.enterKey);
+                this.config.settings?.bind?.submit && input.addEventListener('keydown', this.handlers.input.enterKey);
                 formActionUrl = this.config.action;
             }
             else if (form) {
-                form.addEventListener('submit', this.handlers.input.formSubmit);
+                this.config.settings?.bind?.submit && form.addEventListener('submit', this.handlers.input.formSubmit);
                 formActionUrl = form.action || '';
                 // serializeForm will include additional form element in our urlManager as globals
                 if (this.config.settings?.serializeForm) {

package/dist/esm/Finder/FinderController.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FinderController.d.ts","sourceRoot":"","sources":["../../../src/Finder/FinderController.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,kBAAkB,EAAE,MAAM,gCAAgC,CAAC;AAEpE,OAAO,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AAC3C,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,+BAA+B,CAAC;AAEjE,OAAO,KAAK,EAAE,sBAAsB,EAAmC,kBAAkB,EAAE,gBAAgB,EAAE,MAAM,UAAU,CAAC;AAiB9H,qBAAa,gBAAiB,SAAQ,kBAAkB;IAChD,IAAI,kBAA0B;IAC7B,KAAK,EAAE,WAAW,CAAC;IACnB,MAAM,EAAE,sBAAsB,CAAC;gBAGtC,MAAM,EAAE,sBAAsB,EAC9B,EAAE,MAAM,EAAE,KAAK,EAAE,UAAU,EAAE,YAAY,EAAE,QAAQ,EAAE,MAAM,EAAE,OAAO,EAAE,EAAE,kBAAkB,EAC1F,OAAO,CAAC,EAAE,gBAAgB;IAqC3B,IAAI,MAAM,IAAI,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CA+BhC;IAED,IAAI,QAAa,QAAQ,IAAI,CAAC,CAkB5B;IAEF,KAAK,QAAO,IAAI,CAId;IAEF,MAAM,QAAa,QAAQ,IAAI,CAAC,CAkI9B;CACF"}
+{"version":3,"file":"FinderController.d.ts","sourceRoot":"","sources":["../../../src/Finder/FinderController.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,kBAAkB,EAAE,MAAM,gCAAgC,CAAC;AAEpE,OAAO,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AAC3C,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,+BAA+B,CAAC;AAEjE,OAAO,KAAK,EAAE,sBAAsB,EAAkB,kBAAkB,EAAE,gBAAgB,EAAE,MAAM,UAAU,CAAC;AAiB7G,qBAAa,gBAAiB,SAAQ,kBAAkB;IAChD,IAAI,kBAA0B;IAC7B,KAAK,EAAE,WAAW,CAAC;IACnB,MAAM,EAAE,sBAAsB,CAAC;gBAGtC,MAAM,EAAE,sBAAsB,EAC9B,EAAE,MAAM,EAAE,KAAK,EAAE,UAAU,EAAE,YAAY,EAAE,QAAQ,EAAE,MAAM,EAAE,OAAO,EAAE,EAAE,kBAAkB,EAC1F,OAAO,CAAC,EAAE,gBAAgB;IA+B3B,IAAI,MAAM,IAAI,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CA+BhC;IAED,IAAI,QAAa,QAAQ,IAAI,CAAC,CAkB5B;IAEF,KAAK,QAAO,IAAI,CAId;IAEF,MAAM,QAAa,QAAQ,IAAI,CAAC,CAoI9B;CACF"}

package/dist/esm/Finder/FinderController.js

@@ -46,14 +46,15 @@ export class FinderController extends AbstractController {
             this.store.setService('urlManager', this.urlManager);
         };
         this.search = async () => {
-            if (!this.initialized) {
-                await this.init();
-            }
-            if (this.store.state.persisted) {
-                return;
-            }
-            const params = this.params;
             try {
+                if (!this.initialized) {
+                    await this.init();
+                }
+                if (this.store.state.persisted) {
+                    return;
+                }
+                const params = this.params;
+                this.store.loading = true;
                 try {
                     await this.eventManager.fire('beforeSearch', {
                         controller: this,
@@ -164,9 +165,11 @@ export class FinderController extends AbstractController {
                         this.log.error(err);
                         this.handleError(err);
                     }
-                    this.store.loading = false;
                 }
             }
+            finally {
+                this.store.loading = false;
+            }
         };
         // deep merge config with defaults
         this.config = deepmerge(defaultConfig, this.config);
@@ -180,11 +183,7 @@ export class FinderController extends AbstractController {
                 };
             });
         }
-        this.eventManager.on('beforeSearch', async (finder, next) => {
-            finder.controller.store.loading = true;
-            await next();
-        });
-        // TODO: move this to afterStore
+        // TODO: remove this aftersearch when store interface changes
         this.eventManager.on('afterSearch', async (finder, next) => {
             await next();
             finder.controller.store.loading = false;

package/dist/esm/Recommendation/RecommendationController.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"RecommendationController.d.ts","sourceRoot":"","sources":["../../../src/Recommendation/RecommendationController.ts"],"names":[],"mappings":"AAGA,OAAO,EAAa,OAAO,EAAE,MAAM,+BAA+B,CAAC;AACnE,OAAO,EAAE,WAAW,EAAE,MAAM,4BAA4B,CAAC;AACzD,OAAO,EAAE,kBAAkB,EAAE,MAAM,gCAAgC,CAAC;AACpE,OAAO,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AAE3C,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,+BAA+B,CAAC;AAEzE,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,2BAA2B,CAAC;AACvE,OAAO,KAAK,EAAE,8BAA8B,EAAkC,kBAAkB,EAAE,gBAAgB,EAAE,MAAM,UAAU,CAAC;AAErI,KAAK,0BAA0B,GAAG;IACjC,OAAO,EAAE;QACR,KAAK,EAAE,CAAC,CAAC,EAAE,UAAU,EAAE,MAAM,EAAE,OAAO,KAAK,WAAW,GAAG,SAAS,CAAC;QACnE,MAAM,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,WAAW,GAAG,SAAS,CAAC;QACrD,UAAU,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,WAAW,GAAG,SAAS,CAAC;QACzD,iBAAiB,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,WAAW,GAAG,SAAS,CAAC;QAChE,aAAa,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,WAAW,GAAG,SAAS,CAAC;KAC5D,CAAC;IACF,KAAK,EAAE,CAAC,CAAC,EAAE,UAAU,KAAK,WAAW,GAAG,SAAS,CAAC;IAClD,SAAS,EAAE,CAAC,CAAC,EAAE,UAAU,EAAE,OAAO,EAAE,OAAO,EAAE,KAAK,WAAW,GAAG,SAAS,CAAC;IAC1E,UAAU,EAAE,MAAM,WAAW,GAAG,SAAS,CAAC;IAC1C,MAAM,EAAE,CAAC,OAAO,CAAC,EAAE,OAAO,EAAE,KAAK,WAAW,GAAG,SAAS,CAAC;CACzD,CAAC;AAUF,qBAAa,wBAAyB,SAAQ,kBAAkB;IACxD,IAAI,kBAAkC;IACrC,KAAK,EAAE,mBAAmB,CAAC;IAC3B,MAAM,EAAE,8BAA8B,CAAC;IAE/C,MAAM,EAAE;QACP,KAAK,CAAC,EAAE,WAAW,CAAC;QACpB,UAAU,CAAC,EAAE,WAAW,CAAC;QACzB,MAAM,CAAC,EAAE,WAAW,CAAC;QACrB,OAAO,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE;YAAE,UAAU,CAAC,EAAE,WAAW,CAAC;YAAC,MAAM,CAAC,EAAE,WAAW,CAAA;SAAE,CAAC,CAAC;KAC7E,CAKC;gBAGD,MAAM,EAAE,8BAA8B,EACtC,EAAE,MAAM,EAAE,KAAK,EAAE,UAAU,EAAE,YAAY,EAAE,QAAQ,EAAE,MAAM,EAAE,OAAO,EAAE,EAAE,kBAAkB,EAC1F,OAAO,CAAC,EAAE,gBAAgB;IA2C3B,KAAK,EAAE,0BAA0B,CAwS5B;IAEL,IAAI,MAAM,IAAI,qBAAqB,CA2BlC;IAED,MAAM,QAAa,QAAQ,IAAI,CAAC,CAuH9B;CACF"}
+{"version":3,"file":"RecommendationController.d.ts","sourceRoot":"","sources":["../../../src/Recommendation/RecommendationController.ts"],"names":[],"mappings":"AAGA,OAAO,EAAa,OAAO,EAAE,MAAM,+BAA+B,CAAC;AACnE,OAAO,EAAE,WAAW,EAAE,MAAM,4BAA4B,CAAC;AACzD,OAAO,EAAE,kBAAkB,EAAE,MAAM,gCAAgC,CAAC;AACpE,OAAO,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AAE3C,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,+BAA+B,CAAC;AAEzE,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,2BAA2B,CAAC;AACvE,OAAO,KAAK,EAAE,8BAA8B,EAAiB,kBAAkB,EAAE,gBAAgB,EAAE,MAAM,UAAU,CAAC;AAEpH,KAAK,0BAA0B,GAAG;IACjC,OAAO,EAAE;QACR,KAAK,EAAE,CAAC,CAAC,EAAE,UAAU,EAAE,MAAM,EAAE,OAAO,KAAK,WAAW,GAAG,SAAS,CAAC;QACnE,MAAM,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,WAAW,GAAG,SAAS,CAAC;QACrD,UAAU,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,WAAW,GAAG,SAAS,CAAC;QACzD,iBAAiB,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,WAAW,GAAG,SAAS,CAAC;QAChE,aAAa,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,WAAW,GAAG,SAAS,CAAC;KAC5D,CAAC;IACF,KAAK,EAAE,CAAC,CAAC,EAAE,UAAU,KAAK,WAAW,GAAG,SAAS,CAAC;IAClD,SAAS,EAAE,CAAC,CAAC,EAAE,UAAU,EAAE,OAAO,EAAE,OAAO,EAAE,KAAK,WAAW,GAAG,SAAS,CAAC;IAC1E,UAAU,EAAE,MAAM,WAAW,GAAG,SAAS,CAAC;IAC1C,MAAM,EAAE,CAAC,OAAO,CAAC,EAAE,OAAO,EAAE,KAAK,WAAW,GAAG,SAAS,CAAC;CACzD,CAAC;AAUF,qBAAa,wBAAyB,SAAQ,kBAAkB;IACxD,IAAI,kBAAkC;IACrC,KAAK,EAAE,mBAAmB,CAAC;IAC3B,MAAM,EAAE,8BAA8B,CAAC;IAE/C,MAAM,EAAE;QACP,KAAK,CAAC,EAAE,WAAW,CAAC;QACpB,UAAU,CAAC,EAAE,WAAW,CAAC;QACzB,MAAM,CAAC,EAAE,WAAW,CAAC;QACrB,OAAO,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE;YAAE,UAAU,CAAC,EAAE,WAAW,CAAC;YAAC,MAAM,CAAC,EAAE,WAAW,CAAA;SAAE,CAAC,CAAC;KAC7E,CAKC;gBAGD,MAAM,EAAE,8BAA8B,EACtC,EAAE,MAAM,EAAE,KAAK,EAAE,UAAU,EAAE,YAAY,EAAE,QAAQ,EAAE,MAAM,EAAE,OAAO,EAAE,EAAE,kBAAkB,EAC1F,OAAO,CAAC,EAAE,gBAAgB;IA4C3B,KAAK,EAAE,0BAA0B,CAwS5B;IAEL,IAAI,MAAM,IAAI,qBAAqB,CA2BlC;IAED,MAAM,QAAa,QAAQ,IAAI,CAAC,CA0H9B;CACF"}

package/dist/esm/Recommendation/RecommendationController.js

@@ -311,11 +311,12 @@ export class RecommendationController extends AbstractController {
             };
         })();
         this.search = async () => {
-            if (!this.initialized) {
-                await this.init();
-            }
-            const params = this.params;
             try {
+                if (!this.initialized) {
+                    await this.init();
+                }
+                const params = this.params;
+                this.store.loading = true;
                 try {
                     await this.eventManager.fire('beforeSearch', {
                         controller: this,
@@ -420,21 +421,27 @@ export class RecommendationController extends AbstractController {
                         this.log.error(err);
                         this.handleError(err);
                     }
-                    this.store.loading = false;
                 }
             }
+            finally {
+                this.store.loading = false;
+            }
         };
         if (!config.tag) {
             throw new Error(`Invalid config passed to RecommendationController. The "tag" attribute is required.`);
         }
+        // attach to bfCache restore event and re-run search on the controller
+        // enabled by default
+        if (config.settings?.searchOnPageShow !== false) {
+            window.addEventListener('pageshow', (e) => {
+                if (e.persisted && !this.store.error && this.store.loaded && !this.store.loading) {
+                    this.search();
+                }
+            });
+        }
         // deep merge config with defaults
         this.config = deepmerge(defaultConfig, this.config);
         this.store.setConfig(this.config);
-        // add 'beforeSearch' middleware
-        this.eventManager.on('beforeSearch', async (recommend, next) => {
-            recommend.controller.store.loading = true;
-            await next();
-        });
         // add 'afterStore' middleware
         this.eventManager.on('afterStore', async (recommend, next) => {
             await next();
@@ -449,7 +456,6 @@ export class RecommendationController extends AbstractController {
                     this.track.product.removedFromBundle(item);
                 });
             });
-            recommend.controller.store.loading = false;
         });
         // attach config plugins and event middleware
         this.use(this.config);

package/dist/esm/Search/SearchController.d.ts

@@ -15,7 +15,6 @@ export declare class SearchController extends AbstractController {
     store: SearchStore;
     config: SearchControllerConfig;
     storage: StorageStore;
-    private previousResults;
     constructor(config: SearchControllerConfig, { client, store, urlManager, eventManager, profiler, logger, tracker }: ControllerServices, context?: ContextVariables);
     track: SearchTrackMethods;
     get params(): SearchRequestModel;

package/dist/esm/Search/SearchController.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SearchController.d.ts","sourceRoot":"","sources":["../../../src/Search/SearchController.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,kBAAkB,EAAE,MAAM,gCAAgC,CAAC;AACpE,OAAO,EAAE,YAAY,EAAa,MAAM,+BAA+B,CAAC;AAExE,OAAO,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AAE3C,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,4BAA4B,CAAC;AAC9D,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,+BAA+B,CAAC;AACjE,OAAO,KAAK,EACX,sBAAsB,EAItB,kBAAkB,EAClB,gBAAgB,EAGhB,MAAM,UAAU,CAAC;AAElB,OAAO,KAAK,EACX,kBAAkB,EAKlB,MAAM,2BAA2B,CAAC;AAmBnC,KAAK,kBAAkB,GAAG;IACzB,OAAO,EAAE;QACR,KAAK,EAAE,CAAC,CAAC,EAAE,UAAU,EAAE,MAAM,EAAE,GAAG,KAAK,WAAW,GAAG,SAAS,CAAC;KAC/D,CAAC;CACF,CAAC;AAEF,qBAAa,gBAAiB,SAAQ,kBAAkB;IAChD,IAAI,kBAA0B;IAC7B,KAAK,EAAE,WAAW,CAAC;IACnB,MAAM,EAAE,sBAAsB,CAAC;IACvC,OAAO,EAAE,YAAY,CAAC;IACtB,OAAO,CAAC,eAAe,CAAwC;gBAG9D,MAAM,EAAE,sBAAsB,EAC9B,EAAE,MAAM,EAAE,KAAK,EAAE,UAAU,EAAE,YAAY,EAAE,QAAQ,EAAE,MAAM,EAAE,OAAO,EAAE,EAAE,kBAAkB,EAC1F,OAAO,CAAC,EAAE,gBAAgB;IAgK3B,KAAK,EAAE,kBAAkB,CA+CvB;IAEF,IAAI,MAAM,IAAI,kBAAkB,CAiD/B;IAED,MAAM,QAAa,QAAQ,IAAI,CAAC,CAkN9B;CACF;AAED,wBAAgB,wBAAwB,CAAC,OAAO,EAAE,kBAAkB,GAAG,kBAAkB,CAiBxF;AAED,wBAAgB,oBAAoB,CAAC,OAAO,EAAE,WAAW,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,SAAI,GAAG,MAAM,GAAG,SAAS,CAgCvG"}
+{"version":3,"file":"SearchController.d.ts","sourceRoot":"","sources":["../../../src/Search/SearchController.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,kBAAkB,EAAE,MAAM,gCAAgC,CAAC;AACpE,OAAO,EAAE,YAAY,EAAa,MAAM,+BAA+B,CAAC;AAExE,OAAO,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AAE3C,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,4BAA4B,CAAC;AAC9D,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,+BAA+B,CAAC;AACjE,OAAO,KAAK,EACX,sBAAsB,EAGtB,kBAAkB,EAClB,gBAAgB,EAGhB,MAAM,UAAU,CAAC;AAElB,OAAO,KAAK,EACX,kBAAkB,EAKlB,MAAM,2BAA2B,CAAC;AAmBnC,KAAK,kBAAkB,GAAG;IACzB,OAAO,EAAE;QACR,KAAK,EAAE,CAAC,CAAC,EAAE,UAAU,EAAE,MAAM,EAAE,GAAG,KAAK,WAAW,GAAG,SAAS,CAAC;KAC/D,CAAC;CACF,CAAC;AAEF,qBAAa,gBAAiB,SAAQ,kBAAkB;IAChD,IAAI,kBAA0B;IAC7B,KAAK,EAAE,WAAW,CAAC;IACnB,MAAM,EAAE,sBAAsB,CAAC;IACvC,OAAO,EAAE,YAAY,CAAC;gBAGrB,MAAM,EAAE,sBAAsB,EAC9B,EAAE,MAAM,EAAE,KAAK,EAAE,UAAU,EAAE,YAAY,EAAE,QAAQ,EAAE,MAAM,EAAE,OAAO,EAAE,EAAE,kBAAkB,EAC1F,OAAO,CAAC,EAAE,gBAAgB;IAsJ3B,KAAK,EAAE,kBAAkB,CA+CvB;IAEF,IAAI,MAAM,IAAI,kBAAkB,CAiD/B;IAED,MAAM,QAAa,QAAQ,IAAI,CAAC,CA2M9B;CACF;AAED,wBAAgB,wBAAwB,CAAC,OAAO,EAAE,kBAAkB,GAAG,kBAAkB,CAiBxF;AAED,wBAAgB,oBAAoB,CAAC,OAAO,EAAE,WAAW,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,SAAI,GAAG,MAAM,GAAG,SAAS,CAgCvG"}