@searchspring/snap-controller 0.65.1 → 0.66.0

package/dist/cjs/Search/SearchController.js

@@ -81,6 +81,7 @@ var AbstractController_1 = require("../Abstract/AbstractController");
 var snap_store_mobx_1 = require("@searchspring/snap-store-mobx");
 var getParams_1 = require("../utils/getParams");
 var types_1 = require("../types");
+var isClickWithinProductLink_1 = require("../utils/isClickWithinProductLink");
 var BACKGROUND_FILTER_FIELD_MATCHES = ['collection', 'category', 'categories', 'hierarchy'];
 var BACKGROUND_FILTERS_VALUE_FLAGS = [1, 0, '1', '0', 'true', 'false', true, false];
 var defaultConfig = {
@@ -99,6 +100,7 @@ var defaultConfig = {
         },
     },
 };
+var schemaMap = {};
 var SearchController = /** @class */ (function (_super) {
     __extends(SearchController, _super);
     function SearchController(config, _a, context) {
@@ -142,56 +144,57 @@ var SearchController = /** @class */ (function (_super) {
                     }
                     // store position data or empty object
                     _this.storage.set('scrollMap', scrollMap);
-                    var data = getSearchSchemaData({ params: _this.params, store: _this.store, results: [result] });
+                    var data = schemaMap[result.id];
                     _this.tracker.events[_this.pageType].clickThrough({ data: data, siteId: (_f = _this.config.globals) === null || _f === void 0 ? void 0 : _f.siteId });
                     _this.events.product[result.id] = _this.events.product[result.id] || {};
                     _this.events.product[result.id].clickThrough = true;
-                    _this.eventManager.fire('track.product.clickThrough', { controller: _this, event: e, products: [result], trackEvent: data });
+                    _this.eventManager.fire('track.product.clickThrough', { controller: _this, event: e, product: result, trackEvent: data });
                 },
                 click: function (e, result) {
-                    var _a, _b, _c;
-                    if (result.type === 'banner') {
+                    var _a;
+                    if ((_a = _this.events.product[result.id]) === null || _a === void 0 ? void 0 : _a.click) {
                         return;
                     }
-                    // TODO: closest might be going too far - write own function to only go n levels up - additionally check that href includes result.url
-                    var href = ((_a = e.target) === null || _a === void 0 ? void 0 : _a.getAttribute('href')) || ((_c = (_b = e.target) === null || _b === void 0 ? void 0 : _b.closest('a')) === null || _c === void 0 ? void 0 : _c.getAttribute('href'));
-                    if (href) {
-                        _this.track.product.clickThrough(e, result);
-                    }
-                    else {
-                        // TODO: in future, send as an interaction event
+                    if (result.type === 'banner') {
+                        return;
                     }
+                    (0, isClickWithinProductLink_1.isClickWithinProductLink)(e, result) && _this.track.product.clickThrough(e, result);
+                    _this.events.product[result.id] = _this.events.product[result.id] || {};
+                    _this.events.product[result.id].click = true;
+                    setTimeout(function () {
+                        _this.events.product[result.id].click = false;
+                    }, isClickWithinProductLink_1.CLICK_DUPLICATION_TIMEOUT);
                 },
                 render: function (result) {
                     var _a, _b;
                     if ((_a = _this.events.product[result.id]) === null || _a === void 0 ? void 0 : _a.render) {
                         return;
                     }
-                    var data = getSearchSchemaData({ params: _this.params, store: _this.store, results: [result] });
+                    var data = schemaMap[result.id];
                     _this.tracker.events[_this.pageType].render({ data: data, siteId: (_b = _this.config.globals) === null || _b === void 0 ? void 0 : _b.siteId });
                     _this.events.product[result.id] = _this.events.product[result.id] || {};
                     _this.events.product[result.id].render = true;
-                    _this.eventManager.fire('track.product.render', { controller: _this, products: [result], trackEvent: data });
+                    _this.eventManager.fire('track.product.render', { controller: _this, product: result, trackEvent: data });
                 },
                 impression: function (result) {
                     var _a, _b;
                     if ((_a = _this.events.product[result.id]) === null || _a === void 0 ? void 0 : _a.impression) {
                         return;
                     }
-                    var data = getSearchSchemaData({ params: _this.params, store: _this.store, results: [result] });
+                    var data = schemaMap[result.id];
                     _this.tracker.events[_this.pageType].impression({ data: data, siteId: (_b = _this.config.globals) === null || _b === void 0 ? void 0 : _b.siteId });
                     _this.events.product[result.id] = _this.events.product[result.id] || {};
                     _this.events.product[result.id].impression = true;
-                    _this.eventManager.fire('track.product.impression', { controller: _this, products: [result], trackEvent: data });
+                    _this.eventManager.fire('track.product.impression', { controller: _this, product: result, trackEvent: data });
                 },
                 addToCart: function (result) {
                     var _a;
-                    var data = getSearchSchemaData({ params: _this.params, store: _this.store, results: [result] });
+                    var data = getSearchAddtocartSchemaData({ searchSchemaData: schemaMap[result.id], results: [result] });
                     _this.tracker.events[_this.pageType].addToCart({
                         data: data,
                         siteId: (_a = _this.config.globals) === null || _a === void 0 ? void 0 : _a.siteId,
                     });
-                    _this.eventManager.fire('track.product.addToCart', { controller: _this, products: [result], trackEvent: data });
+                    _this.eventManager.fire('track.product.addToCart', { controller: _this, product: result, trackEvent: data });
                 },
             },
             redirect: function (redirectURL) {
@@ -202,7 +205,7 @@ var SearchController = /** @class */ (function (_super) {
             },
         };
         _this.search = function () { return __awaiter(_this, void 0, void 0, function () {
-            var params_1, 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, backfillRequestsParams_1, 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;
@@ -244,7 +247,7 @@ var SearchController = /** @class */ (function (_super) {
                         }
                         return [3 /*break*/, 6];
                     case 6:
-                        stringyParams = JSON.stringify(params_1);
+                        stringyParams = JSON.stringify(getStorableRequestParams(params_1));
                         prevStringyParams = this.storage.get('lastStringyParams');
                         if (stringyParams == prevStringyParams) {
                             // no param change - not searching
@@ -263,6 +266,7 @@ var SearchController = /** @class */ (function (_super) {
                             return [2 /*return*/];
                         }
                         if (!(((_l = this.config.settings) === null || _l === void 0 ? void 0 : _l.infinite.backfill) && !this.store.loaded)) return [3 /*break*/, 8];
+                        backfillRequestsParams_1 = [];
                         backfillRequests = Array(params_1.pagination.page)
                             .fill('backfill')
                             .map(function (v, i) {
@@ -277,6 +281,7 @@ var SearchController = /** @class */ (function (_super) {
                                     (_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.search(backfillParams);
                         });
                         return [4 /*yield*/, Promise.all(backfillRequests)];
@@ -286,8 +291,8 @@ var SearchController = /** @class */ (function (_super) {
                         // set the meta and response to the first page of backfillResponses
                         meta = backfillResponses[0][0];
                         response = backfillResponses[0][1];
-                        backfillResults = backfillResponses.reduce(function (results, response) {
-                            // response is [meta, searchResponse]
+                        backfillResults = backfillResponses.reduce(function (results, response, index) {
+                            createResultSchemaMapping({ request: backfillRequestsParams_1[index], response: response });
                             return results.concat.apply(results, response[1].results);
                         }, []);
                         // overwrite pagination params to expected state
@@ -300,6 +305,7 @@ var SearchController = /** @class */ (function (_super) {
                     case 9:
                         // infinite with no backfills.
                         _a = _o.sent(), meta = _a[0], response = _a[1];
+                        createResultSchemaMapping({ request: params_1, response: [meta, response] });
                         // append new results to previous results
                         response.results = __spreadArray(__spreadArray([], this.previousResults, true), (response.results || []), true);
                         _o.label = 10;
@@ -313,6 +319,7 @@ var SearchController = /** @class */ (function (_super) {
                         return [4 /*yield*/, this.client.search(params_1)];
                     case 12:
                         _b = _o.sent(), meta = _b[0], response = _b[1];
+                        createResultSchemaMapping({ request: params_1, response: [meta, response] });
                         _o.label = 13;
                     case 13:
                         // MockClient will overwrite the client search() method and use SearchData to return mock data which already contains meta data
@@ -429,10 +436,17 @@ var SearchController = /** @class */ (function (_super) {
                 }
             });
         }); };
-        _this.addToCart = function (product) { return __awaiter(_this, void 0, void 0, function () {
+        _this.addToCart = function (_products) { return __awaiter(_this, void 0, void 0, function () {
+            var products;
+            var _this = this;
             return __generator(this, function (_a) {
-                this.track.product.addToCart(product);
-                this.eventManager.fire('addToCart', { controller: this, products: [product] });
+                products = typeof _products.slice == 'function' ? _products.slice() : [_products];
+                products.forEach(function (product) {
+                    _this.track.product.addToCart(product);
+                });
+                if (products.length > 0) {
+                    this.eventManager.fire('addToCart', { controller: this, products: products });
+                }
                 return [2 /*return*/];
             });
         }); };
@@ -498,10 +512,10 @@ var SearchController = /** @class */ (function (_super) {
         });
         // add 'afterSearch' middleware
         _this.eventManager.on('afterSearch', function (search, next) { return __awaiter(_this, void 0, void 0, function () {
-            var config, redirectURL, searchStore, nonBackgroundFilters;
-            var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p;
-            return __generator(this, function (_q) {
-                switch (_q.label) {
+            var config, redirectURL, searchStore;
+            var _a, _b, _c, _d, _e, _f;
+            return __generator(this, function (_g) {
+                switch (_g.label) {
                     case 0:
                         config = search.controller.config;
                         redirectURL = (_b = (_a = search.response) === null || _a === void 0 ? void 0 : _a.merchandising) === null || _b === void 0 ? void 0 : _b.redirect;
@@ -513,19 +527,9 @@ var SearchController = /** @class */ (function (_super) {
                             window.location.replace(redirectURL);
                             return [2 /*return*/, false];
                         }
-                        nonBackgroundFilters = (_h = (_g = search === null || search === void 0 ? void 0 : search.request) === null || _g === void 0 ? void 0 : _g.filters) === null || _h === void 0 ? void 0 : _h.filter(function (filter) { return !filter.background; });
-                        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)) {
-                            //set loaded to true to prevent infinite search/reloading from happening
-                            searchStore.loaded = true;
-                            window.location.replace(search === null || search === void 0 ? void 0 : search.response.results[0].mappings.core.url);
-                            return [2 /*return*/, false];
-                        }
                         return [4 /*yield*/, next()];
                     case 1:
-                        _q.sent();
+                        _g.sent();
                         return [2 /*return*/];
                 }
             });
@@ -537,10 +541,9 @@ var SearchController = /** @class */ (function (_super) {
                     case 0: return [4 /*yield*/, next()];
                     case 1:
                         _a.sent();
-                        // save last params
-                        this.storage.set('lastStringyParams', JSON.stringify(search.request));
                         storableRequestParams = getStorableRequestParams(search.request);
                         stringyParams = JSON.stringify(storableRequestParams);
+                        this.storage.set('lastStringyParams', stringyParams);
                         scrollMap = this.storage.get('scrollMap') || {};
                         elementPosition = scrollMap[stringyParams];
                         if (!elementPosition) {
@@ -553,6 +556,44 @@ var SearchController = /** @class */ (function (_super) {
                 }
             });
         }); });
+        _this.eventManager.on('afterStore', function (search, next) { return __awaiter(_this, void 0, void 0, function () {
+            var controller, products, data, config_1, nonBackgroundFilters;
+            var _this = this;
+            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;
+                        if (controller.store.loaded && !controller.store.error) {
+                            products = controller.store.results.filter(function (result) { var _a; return result.type === 'product' && !((_a = _this.events.product[result.id]) === null || _a === void 0 ? void 0 : _a.render); });
+                            if (products.length === 0) {
+                                data = getSearchSchemaData({ params: search.request, results: [] });
+                                this.tracker.events[this.pageType].render({ data: data, siteId: (_a = this.config.globals) === null || _a === void 0 ? void 0 : _a.siteId });
+                            }
+                            products.forEach(function (result) {
+                                var _a;
+                                var data = schemaMap[result.id];
+                                _this.tracker.events[_this.pageType].render({ data: data, siteId: (_a = _this.config.globals) === null || _a === void 0 ? void 0 : _a.siteId });
+                                _this.events.product[result.id] = _this.events.product[result.id] || {};
+                                _this.events.product[result.id].render = true;
+                                _this.eventManager.fire('track.product.render', { controller: _this, product: result, trackEvent: data });
+                            });
+                            config_1 = search.controller.config;
+                            nonBackgroundFilters = (_c = (_b = search === null || search === void 0 ? void 0 : search.request) === null || _b === void 0 ? void 0 : _b.filters) === null || _c === void 0 ? void 0 : _c.filter(function (filter) { return !filter.background; });
+                            if (((_e = (_d = config_1 === null || config_1 === void 0 ? void 0 : config_1.settings) === null || _d === void 0 ? void 0 : _d.redirects) === null || _e === void 0 ? void 0 : _e.singleResult) &&
+                                ((_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.query) &&
+                                ((_j = (_h = search === null || search === void 0 ? void 0 : search.response) === null || _h === void 0 ? void 0 : _h.pagination) === null || _j === void 0 ? void 0 : _j.totalResults) === 1 &&
+                                !(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];
+                            }
+                        }
+                        return [2 /*return*/];
+                }
+            });
+        }); });
         // restore position
         if ((_d = (_c = _this.config.settings) === null || _c === void 0 ? void 0 : _c.restorePosition) === null || _d === void 0 ? void 0 : _d.enabled) {
             _this.eventManager.on('restorePosition', function (_a, next) {
@@ -703,6 +744,26 @@ var SearchController = /** @class */ (function (_super) {
     return SearchController;
 }(AbstractController_1.AbstractController));
 exports.SearchController = SearchController;
+function createResultSchemaMapping(_a) {
+    var _b;
+    var request = _a.request, response = _a.response;
+    var _ = response[0], searchResponse = response[1];
+    var schema = getSearchSchemaData({
+        params: request,
+        results: [], // results added below because this would contain all results
+        response: searchResponse,
+    });
+    (_b = searchResponse.results) === null || _b === void 0 ? void 0 : _b.forEach(function (result) {
+        var _a, _b, _c, _d;
+        schemaMap[result.id] = __assign(__assign({}, schema), { results: [
+                {
+                    position: result.position,
+                    uid: ((_b = (_a = result.mappings) === null || _a === void 0 ? void 0 : _a.core) === null || _b === void 0 ? void 0 : _b.uid) || '',
+                    sku: (_d = (_c = result.mappings) === null || _c === void 0 ? void 0 : _c.core) === null || _d === void 0 ? void 0 : _d.sku,
+                },
+            ] });
+    });
+}
 function getStorableRequestParams(request) {
     var _a, _b, _c, _d;
     return {
@@ -755,9 +816,21 @@ function getSearchRedirectSchemaData(_a) {
         redirect: redirectURL,
     };
 }
+function getSearchAddtocartSchemaData(_a) {
+    var searchSchemaData = _a.searchSchemaData, results = _a.results;
+    return __assign(__assign({}, searchSchemaData), { results: (results === null || results === void 0 ? void 0 : results.map(function (result) {
+            var core = result.mappings.core;
+            return {
+                uid: core.uid || '',
+                sku: core.sku,
+                price: Number(core.price),
+                qty: result.quantity || 1,
+            };
+        })) || [] });
+}
 function getSearchSchemaData(_a) {
-    var _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m;
-    var params = _a.params, store = _a.store, results = _a.results;
+    var _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r;
+    var params = _a.params, results = _a.results, response = _a.response;
     var filters = (_b = params.filters) === null || _b === void 0 ? void 0 : _b.reduce(function (acc, filter) {
         var _a;
         var _b, _c, _d, _e;
@@ -780,35 +853,42 @@ function getSearchSchemaData(_a) {
         }
         return acc;
     }, {});
-    return __assign(__assign({ q: ((_d = (_c = params.search) === null || _c === void 0 ? void 0 : _c.query) === null || _d === void 0 ? void 0 : _d.string) || '', correctedQuery: ((_f = (_e = store.search) === null || _e === void 0 ? void 0 : _e.originalQuery) === null || _f === void 0 ? void 0 : _f.string) ? (_h = (_g = store.search) === null || _g === void 0 ? void 0 : _g.query) === null || _h === void 0 ? void 0 : _h.string : undefined }, filters), { sort: [
-            {
-                field: (_j = store.sorting.current) === null || _j === void 0 ? void 0 : _j.field,
-                dir: (_k = store.sorting.current) === null || _k === void 0 ? void 0 : _k.direction,
-            },
-        ], pagination: {
-            totalResults: store.pagination.totalResults,
-            page: store.pagination.page,
-            resultsPerPage: store.pagination.pageSize,
+    var correctedQuery;
+    if (((_c = response === null || response === void 0 ? void 0 : response.search) === null || _c === void 0 ? void 0 : _c.originalQuery) && ((_d = response === null || response === void 0 ? void 0 : response.search) === null || _d === void 0 ? void 0 : _d.query)) {
+        correctedQuery = (_e = response === null || response === void 0 ? void 0 : response.search) === null || _e === void 0 ? void 0 : _e.query;
+    }
+    var campaigns = ((_f = response === null || response === void 0 ? void 0 : response.merchandising) === null || _f === void 0 ? void 0 : _f.campaigns) || [];
+    var experiments = ((_g = response === null || response === void 0 ? void 0 : response.merchandising) === null || _g === void 0 ? void 0 : _g.experiments) || [];
+    return __assign(__assign({ q: ((_j = (_h = params.search) === null || _h === void 0 ? void 0 : _h.query) === null || _j === void 0 ? void 0 : _j.string) || '', correctedQuery: correctedQuery, matchType: (_k = response === null || response === void 0 ? void 0 : response.search) === null || _k === void 0 ? void 0 : _k.matchType }, filters), { sort: (_l = params.sorts) === null || _l === void 0 ? void 0 : _l.map(function (sort) {
+            return {
+                field: sort.field,
+                dir: sort.direction,
+            };
+        }), pagination: {
+            totalResults: (_m = response === null || response === void 0 ? void 0 : response.pagination) === null || _m === void 0 ? void 0 : _m.totalResults,
+            page: (_o = response === null || response === void 0 ? void 0 : response.pagination) === null || _o === void 0 ? void 0 : _o.page,
+            resultsPerPage: (_p = response === null || response === void 0 ? void 0 : response.pagination) === null || _p === void 0 ? void 0 : _p.pageSize,
         }, merchandising: {
-            personalized: store.merchandising.personalized,
-            redirect: store.merchandising.redirect,
-            triggeredCampaigns: (((_l = store.merchandising.campaigns) === null || _l === void 0 ? void 0 : _l.length) &&
-                ((_m = store.merchandising.campaigns) === null || _m === void 0 ? void 0 : _m.map(function (campaign) {
-                    var experiement = store.merchandising.experiments.find(function (experiment) { return experiment.campaignId === campaign.id; });
+            personalized: (_q = response === null || response === void 0 ? void 0 : response.merchandising) === null || _q === void 0 ? void 0 : _q.personalized,
+            redirect: (_r = response === null || response === void 0 ? void 0 : response.merchandising) === null || _r === void 0 ? void 0 : _r.redirect,
+            triggeredCampaigns: (campaigns.length &&
+                campaigns.map(function (campaign) {
+                    var experiement = experiments.find(function (experiment) { return experiment.campaignId === campaign.id; });
                     return {
                         id: campaign.id,
                         experimentId: experiement === null || experiement === void 0 ? void 0 : experiement.experimentId,
                         variationId: experiement === null || experiement === void 0 ? void 0 : experiement.variationId,
                     };
-                }))) ||
+                })) ||
                 undefined,
         }, results: (results === null || results === void 0 ? void 0 : results.map(function (result) {
-            var core = result.mappings.core;
+            var _a;
+            var core = (_a = result.mappings) === null || _a === void 0 ? void 0 : _a.core;
+            var position = result.position;
             return {
+                position: position,
                 uid: core.uid || '',
-                // childUid: core.uid,
                 sku: core.sku,
-                // childSku: core.sku,
             };
         })) || [] });
 }

package/dist/cjs/utils/isClickWithinProductLink.d.ts

@@ -0,0 +1,5 @@
+import type { Product } from '@searchspring/snap-store-mobx';
+export declare const CLICK_DUPLICATION_TIMEOUT = 300;
+export declare const CLICK_THROUGH_CLOSEST_MAX_LEVELS = 12;
+export declare const isClickWithinProductLink: (e: MouseEvent, result: Product) => boolean;
+//# sourceMappingURL=isClickWithinProductLink.d.ts.map

package/dist/cjs/utils/isClickWithinProductLink.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"isClickWithinProductLink.d.ts","sourceRoot":"","sources":["../../../src/utils/isClickWithinProductLink.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,+BAA+B,CAAC;AAE7D,eAAO,MAAM,yBAAyB,MAAM,CAAC;AAC7C,eAAO,MAAM,gCAAgC,KAAK,CAAC;AAEnD,eAAO,MAAM,wBAAwB,MAAO,UAAU,UAAU,OAAO,KAAG,OAezE,CAAC"}

package/dist/cjs/utils/isClickWithinProductLink.js

@@ -0,0 +1,22 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.isClickWithinProductLink = exports.CLICK_THROUGH_CLOSEST_MAX_LEVELS = exports.CLICK_DUPLICATION_TIMEOUT = void 0;
+exports.CLICK_DUPLICATION_TIMEOUT = 300;
+exports.CLICK_THROUGH_CLOSEST_MAX_LEVELS = 12;
+var isClickWithinProductLink = function (e, result) {
+    var _a, _b, _c;
+    var currentElement = e.target;
+    var href = null;
+    var level = 0;
+    var resultUrl = ((_b = (_a = result === null || result === void 0 ? void 0 : result.display) === null || _a === void 0 ? void 0 : _a.mappings.core) === null || _b === void 0 ? void 0 : _b.url) || ((_c = result === null || result === void 0 ? void 0 : result.mappings.core) === null || _c === void 0 ? void 0 : _c.url) || '';
+    while (currentElement && level < exports.CLICK_THROUGH_CLOSEST_MAX_LEVELS) {
+        href = currentElement.getAttribute('href');
+        if (href && resultUrl && href.includes(resultUrl)) {
+            return true;
+        }
+        currentElement = currentElement.parentElement;
+        level++;
+    }
+    return false;
+};
+exports.isClickWithinProductLink = isClickWithinProductLink;

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

@@ -23,6 +23,7 @@ export declare class AutocompleteController extends AbstractController {
     storage: StorageStore;
     events: {
         product: Record<string, {
+            click?: boolean;
             clickThrough?: boolean;
             impression?: boolean;
             render?: boolean;
@@ -51,7 +52,7 @@ export declare class AutocompleteController extends AbstractController {
     bind(): Promise<void>;
     searchTrending: () => Promise<void>;
     search: () => Promise<void>;
-    addToCart: (product: Product) => Promise<void>;
+    addToCart: (_products: Product[] | Product) => Promise<void>;
 }
 export {};
 //# sourceMappingURL=AutocompleteController.d.ts.map

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,OAAO,EAAqB,MAAM,EAAE,MAAM,+BAA+B,CAAC;AAC5G,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,EAAgE,MAAM,2BAA2B,CAAC;AAWxI,eAAO,MAAM,WAAW,MAAM,CAAC;AA+B/B,KAAK,wBAAwB,GAAG;IAC/B,OAAO,EAAE;QACR,YAAY,EAAE,CAAC,CAAC,EAAE,UAAU,EAAE,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;QACvD,KAAK,EAAE,CAAC,CAAC,EAAE,UAAU,EAAE,MAAM,EAAE,OAAO,GAAG,MAAM,KAAK,IAAI,CAAC;QACzD,MAAM,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;QAClC,UAAU,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;QACtC,SAAS,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;KACtC,CAAC;IACF,QAAQ,EAAE,CAAC,WAAW,EAAE,MAAM,KAAK,IAAI,CAAC;CACxC,CAAC;AAEF,qBAAa,sBAAuB,SAAQ,kBAAkB;IACtD,IAAI,kBAAgC;IACnC,KAAK,EAAE,iBAAiB,CAAC;IACzB,MAAM,EAAE,4BAA4B,CAAC;IACtC,OAAO,EAAE,YAAY,CAAC;IAE7B,MAAM,EAAE;QACP,OAAO,EAAE,MAAM,CACd,MAAM,EACN;YACC,YAAY,CAAC,EAAE,OAAO,CAAC;YACvB,UAAU,CAAC,EAAE,OAAO,CAAC;YACrB,MAAM,CAAC,EAAE,OAAO,CAAC;SACjB,CACD,CAAC;KACF,CAEC;gBAGD,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;IA0D3B,KAAK,EAAE,wBAAwB,CAqD7B;IAEF,IAAI,MAAM,IAAI,wBAAwB,CAwCrC;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,CA6I9B;IAEF,SAAS,YAAmB,OAAO,KAAG,QAAQ,IAAI,CAAC,CAGjD;CACF"}
+{"version":3,"file":"AutocompleteController.d.ts","sourceRoot":"","sources":["../../../src/Autocomplete/AutocompleteController.ts"],"names":[],"mappings":";AAEA,OAAO,EAAE,YAAY,EAAa,OAAO,EAAE,MAAM,EAAE,MAAM,+BAA+B,CAAC;AACzF,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,EAAgE,MAAM,2BAA2B,CAAC;AAcxI,eAAO,MAAM,WAAW,MAAM,CAAC;AA+B/B,KAAK,wBAAwB,GAAG;IAC/B,OAAO,EAAE;QACR,YAAY,EAAE,CAAC,CAAC,EAAE,UAAU,EAAE,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;QACvD,KAAK,EAAE,CAAC,CAAC,EAAE,UAAU,EAAE,MAAM,EAAE,OAAO,GAAG,MAAM,KAAK,IAAI,CAAC;QACzD,MAAM,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;QAClC,UAAU,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;QACtC,SAAS,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;KACtC,CAAC;IACF,QAAQ,EAAE,CAAC,WAAW,EAAE,MAAM,KAAK,IAAI,CAAC;CACxC,CAAC;AAEF,qBAAa,sBAAuB,SAAQ,kBAAkB;IACtD,IAAI,kBAAgC;IACnC,KAAK,EAAE,iBAAiB,CAAC;IACzB,MAAM,EAAE,4BAA4B,CAAC;IACtC,OAAO,EAAE,YAAY,CAAC;IAE7B,MAAM,EAAE;QACP,OAAO,EAAE,MAAM,CACd,MAAM,EACN;YACC,KAAK,CAAC,EAAE,OAAO,CAAC;YAChB,YAAY,CAAC,EAAE,OAAO,CAAC;YACvB,UAAU,CAAC,EAAE,OAAO,CAAC;YACrB,MAAM,CAAC,EAAE,OAAO,CAAC;SACjB,CACD,CAAC;KACF,CAEC;gBAGD,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;IA4E3B,KAAK,EAAE,wBAAwB,CA0D7B;IAEF,IAAI,MAAM,IAAI,wBAAwB,CAwCrC;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;IAEF,SAAS,cAAqB,OAAO,EAAE,GAAG,OAAO,KAAG,QAAQ,IAAI,CAAC,CAQ/D;CACF"}

package/dist/esm/Autocomplete/AutocompleteController.js

@@ -3,6 +3,7 @@ import { StorageStore, ErrorType } from '@searchspring/snap-store-mobx';
 import { AbstractController } from '../Abstract/AbstractController';
 import { getSearchParams } from '../utils/getParams';
 import { ControllerTypes } from '../types';
+import { CLICK_DUPLICATION_TIMEOUT, isClickWithinProductLink } from '../utils/isClickWithinProductLink';
 const INPUT_ATTRIBUTE = 'ss-autocomplete-input';
 export const INPUT_DELAY = 200;
 const KEY_ENTER = 13;
@@ -50,29 +51,30 @@ export class AutocompleteController extends AbstractController {
                     this.tracker.events.autocomplete.clickThrough({ data, siteId: this.config.globals?.siteId });
                     this.events.product[result.id] = this.events.product[result.id] || {};
                     this.events.product[result.id].clickThrough = true;
-                    this.eventManager.fire('track.product.clickThrough', { controller: this, event: e, products: [result], trackEvent: data });
+                    this.eventManager.fire('track.product.clickThrough', { controller: this, event: e, product: result, trackEvent: data });
                 },
                 click: (e, result) => {
-                    if (result.type === 'banner') {
+                    if (this.events.product[result.id]?.click) {
                         return;
                     }
-                    // TODO: closest might be going too far - write own function to only go n levels up - additionally check that href includes result.url
-                    const href = e.target?.getAttribute('href') || e.target?.closest('a')?.getAttribute('href');
-                    if (href) {
-                        this.track.product.clickThrough(e, result);
-                    }
-                    else {
-                        // TODO: in future, send as an interaction event
+                    if (result.type === 'banner') {
+                        return;
                     }
+                    isClickWithinProductLink(e, result) && this.track.product.clickThrough(e, result);
+                    this.events.product[result.id] = this.events.product[result.id] || {};
+                    this.events.product[result.id].click = true;
+                    setTimeout(() => {
+                        this.events.product[result.id].click = false;
+                    }, CLICK_DUPLICATION_TIMEOUT);
                 },
                 render: (result) => {
                     if (this.events.product[result.id]?.render)
                         return;
-                    const data = getAutocompleteSchemaData({ params: this.params, store: this.store, results: [result] });
+                    const data = getAutocompleteSchemaData({ params: this.params, store: this.store, results: result ? [result] : [] });
                     this.tracker.events.autocomplete.render({ data, siteId: this.config.globals?.siteId });
                     this.events.product[result.id] = this.events.product[result.id] || {};
                     this.events.product[result.id].render = true;
-                    this.eventManager.fire('track.product.render', { controller: this, products: [result], trackEvent: data });
+                    this.eventManager.fire('track.product.render', { controller: this, product: result, trackEvent: data });
                 },
                 impression: (result) => {
                     if (this.events.product[result.id]?.impression)
@@ -81,18 +83,18 @@ export class AutocompleteController extends AbstractController {
                     this.tracker.events.autocomplete.impression({ data, siteId: this.config.globals?.siteId });
                     this.events.product[result.id] = this.events.product[result.id] || {};
                     this.events.product[result.id].impression = true;
-                    this.eventManager.fire('track.product.impression', { controller: this, products: [result], trackEvent: data });
+                    this.eventManager.fire('track.product.impression', { controller: this, product: result, trackEvent: data });
                 },
                 addToCart: (result) => {
-                    const data = getAutocompleteSchemaData({ params: this.params, store: this.store, results: [result] });
+                    const data = getAutocompleteAddtocartSchemaData({ params: this.params, store: this.store, results: [result] });
                     this.tracker.events.autocomplete.addToCart({ data, siteId: this.config.globals?.siteId });
-                    this.eventManager.fire('track.product.addToCart', { controller: this, products: [result], trackEvent: data });
+                    this.eventManager.fire('track.product.addToCart', { controller: this, product: result, trackEvent: data });
                 },
             },
             redirect: (redirectURL) => {
                 const data = getAutocompleteRedirectSchemaData({ redirectURL });
                 this.tracker.events.autocomplete.redirect({ data, siteId: this.config.globals?.siteId });
-                this.eventManager.fire('track.product.redirect', { controller: this, redirectURL, trackEvent: data });
+                this.eventManager.fire('track.redirect', { controller: this, redirectURL, trackEvent: data });
             },
         };
         this.handlers = {
@@ -307,8 +309,6 @@ export class AutocompleteController extends AbstractController {
                 if (!this.initialized) {
                     await this.init();
                 }
-                // reset events for new search
-                this.events = { product: {} };
                 // if urlManager has no query, there will be no need to get params and no query
                 if (!this.urlManager.state.query) {
                     return;
@@ -434,9 +434,14 @@ export class AutocompleteController extends AbstractController {
                 this.store.loading = false;
             }
         };
-        this.addToCart = async (product) => {
-            this.track.product.addToCart(product);
-            this.eventManager.fire('addToCart', { controller: this, products: [product] });
+        this.addToCart = async (_products) => {
+            const products = typeof _products.slice == 'function' ? _products.slice() : [_products];
+            products.forEach((product) => {
+                this.track.product.addToCart(product);
+            });
+            if (products.length > 0) {
+                this.eventManager.fire('addToCart', { controller: this, products });
+            }
         };
         // deep merge config with defaults
         this.config = deepmerge(defaultConfig, this.config);
@@ -453,6 +458,23 @@ export class AutocompleteController extends AbstractController {
             type: 'session',
             key: `ss-controller-${this.config.id}`,
         });
+        this.eventManager.on('afterStore', async (search, next) => {
+            await next();
+            const controller = search.controller;
+            if (controller.store.loaded && !controller.store.error) {
+                const products = controller.store.results.filter((result) => result.type === 'product');
+                const results = products.length === 0 ? [] : products;
+                const data = getAutocompleteSchemaData({ params: search.request, store: this.store, results });
+                this.tracker.events.autocomplete.render({ data, siteId: this.config.globals?.siteId });
+                products.forEach((result) => {
+                    this.events.product[result.id] = this.events.product[result.id] || {};
+                    this.events.product[result.id].render = true;
+                    this.eventManager.fire('track.product.render', { controller: this, product: result, trackEvent: data });
+                });
+                // reset events for new search. It's here for a reason. Ensures render happens before impressions on new input value?
+                this.events = { product: {} };
+            }
+        });
         // add 'afterSearch' middleware
         this.eventManager.on('afterSearch', async (ac, next) => {
             await next();
@@ -692,6 +714,21 @@ function getAutocompleteRedirectSchemaData({ redirectURL }) {
         redirect: redirectURL,
     };
 }
+function getAutocompleteAddtocartSchemaData({ params, store, results, }) {
+    const base = getAutocompleteSchemaData({ params, store, results });
+    return {
+        ...base,
+        results: results?.map((result) => {
+            const core = result.mappings.core;
+            return {
+                uid: core.uid || '',
+                sku: core.sku,
+                price: Number(core.price),
+                qty: result.quantity || 1,
+            };
+        }) || [],
+    };
+}
 function getAutocompleteSchemaData({ params, store, results, }) {
     const filters = params.filters?.reduce((acc, filter) => {
         const key = filter.background ? 'bgfilter' : 'filter';
@@ -716,13 +753,14 @@ function getAutocompleteSchemaData({ params, store, results, }) {
     return {
         q: store.search?.originalQuery?.string || store.search?.query?.string || '',
         correctedQuery: store.search?.originalQuery?.string ? store.search?.query?.string : undefined,
+        matchType: store.search.matchType,
         ...filters,
-        sort: [
-            {
-                field: store.sorting.current?.field,
-                dir: store.sorting.current?.direction,
-            },
-        ],
+        sort: params.sorts?.map((sort) => {
+            return {
+                field: sort.field,
+                dir: sort.direction,
+            };
+        }),
         pagination: {
             totalResults: store.pagination.totalResults,
             page: store.pagination.page,
@@ -744,11 +782,11 @@ function getAutocompleteSchemaData({ params, store, results, }) {
         },
         results: results?.map((result) => {
             const core = result.mappings.core;
+            const position = result.position;
             return {
+                position,
                 uid: core.uid || '',
-                // childUid: core.uid,
                 sku: core.sku,
-                // childSku: core.sku,
             };
         }) || [],
     };