@searchspring/snap-controller 0.65.1 → 0.66.0

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

@@ -12,9 +12,6 @@ type RecommendationTrackMethods = {
         impression: (result: Product) => void;
         addToCart: (result: Product) => void;
     };
-    bundle: {
-        addToCart: (results: Product[]) => void;
-    };
 };
 export declare class RecommendationController extends AbstractController {
     type: ControllerTypes;
@@ -22,6 +19,7 @@ export declare class RecommendationController extends AbstractController {
     config: RecommendationControllerConfig;
     events: {
         product: Record<string, {
+            click?: boolean;
             clickThrough?: boolean;
             impression?: boolean;
             render?: boolean;
@@ -31,6 +29,7 @@ export declare class RecommendationController extends AbstractController {
     track: RecommendationTrackMethods;
     get params(): RecommendRequestModel;
     search: () => Promise<void>;
+    addToCart: (_products: Product[] | Product) => Promise<void>;
 }
 export {};
 //# sourceMappingURL=RecommendationController.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"RecommendationController.d.ts","sourceRoot":"","sources":["../../../src/Recommendation/RecommendationController.ts"],"names":[],"mappings":"AAEA,OAAO,EAAa,OAAO,EAAE,MAAM,+BAA+B,CAAC;AACnE,OAAO,EAAE,kBAAkB,EAAE,MAAM,gCAAgC,CAAC;AACpE,OAAO,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AAC3C,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,+BAA+B,CAAC;AACzE,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,2BAA2B,CAAC;AACvE,OAAO,KAAK,EAAE,8BAA8B,EAAE,kBAAkB,EAAE,gBAAgB,EAAE,MAAM,UAAU,CAAC;AAIrG,KAAK,0BAA0B,GAAG;IACjC,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,KAAK,IAAI,CAAC;QAChD,MAAM,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;QAClC,UAAU,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;QACtC,SAAS,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;KACrC,CAAC;IACF,MAAM,EAAE;QACP,SAAS,EAAE,CAAC,OAAO,EAAE,OAAO,EAAE,KAAK,IAAI,CAAC;KACxC,CAAC;CACF,CAAC;AAUF,qBAAa,wBAAyB,SAAQ,kBAAkB;IACxD,IAAI,kBAAkC;IACrC,KAAK,EAAE,mBAAmB,CAAC;IAC3B,MAAM,EAAE,8BAA8B,CAAC;IAE/C,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,8BAA8B,EACtC,EAAE,MAAM,EAAE,KAAK,EAAE,UAAU,EAAE,YAAY,EAAE,QAAQ,EAAE,MAAM,EAAE,OAAO,EAAE,EAAE,kBAAkB,EAC1F,OAAO,CAAC,EAAE,gBAAgB;IAwC3B,KAAK,EAAE,0BAA0B,CAyD/B;IAEF,IAAI,MAAM,IAAI,qBAAqB,CA4BlC;IAED,MAAM,QAAa,QAAQ,IAAI,CAAC,CA6H9B;CACF"}
+{"version":3,"file":"RecommendationController.d.ts","sourceRoot":"","sources":["../../../src/Recommendation/RecommendationController.ts"],"names":[],"mappings":"AAEA,OAAO,EAAa,OAAO,EAAE,MAAM,+BAA+B,CAAC;AACnE,OAAO,EAAE,kBAAkB,EAAE,MAAM,gCAAgC,CAAC;AACpE,OAAO,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AAC3C,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,+BAA+B,CAAC;AACzE,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,2BAA2B,CAAC;AACvE,OAAO,KAAK,EAAE,8BAA8B,EAAE,kBAAkB,EAAE,gBAAgB,EAAiB,MAAM,UAAU,CAAC;AAKpH,KAAK,0BAA0B,GAAG;IACjC,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,KAAK,IAAI,CAAC;QAChD,MAAM,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;QAClC,UAAU,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;QACtC,SAAS,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;KACrC,CAAC;CACF,CAAC;AAUF,qBAAa,wBAAyB,SAAQ,kBAAkB;IACxD,IAAI,kBAAkC;IACrC,KAAK,EAAE,mBAAmB,CAAC;IAC3B,MAAM,EAAE,8BAA8B,CAAC;IAE/C,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,8BAA8B,EACtC,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,0BAA0B,CAuD/B;IAEF,IAAI,MAAM,IAAI,qBAAqB,CA4BlC;IAED,MAAM,QAAa,QAAQ,IAAI,CAAC,CA6H9B;IAEF,SAAS,cAAqB,OAAO,EAAE,GAAG,OAAO,KAAG,QAAQ,IAAI,CAAC,CAQ/D;CACF"}

package/dist/esm/Recommendation/RecommendationController.js

@@ -2,6 +2,7 @@ import deepmerge from 'deepmerge';
 import { ErrorType } from '@searchspring/snap-store-mobx';
 import { AbstractController } from '../Abstract/AbstractController';
 import { ControllerTypes } from '../types';
+import { CLICK_DUPLICATION_TIMEOUT, isClickWithinProductLink } from '../utils/isClickWithinProductLink';
 const defaultConfig = {
     id: 'recommend',
     tag: '',
@@ -25,17 +26,21 @@ export class RecommendationController extends AbstractController {
                     this.tracker.events.recommendations.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) => {
-                    // 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);
+                    if (this.events.product[result.id]?.click) {
+                        return;
                     }
-                    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);
                 },
                 impression: (result) => {
                     if (this.events.product[result.id]?.impression)
@@ -44,7 +49,7 @@ export class RecommendationController extends AbstractController {
                     this.tracker.events.recommendations.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 });
                     return data;
                 },
                 render: (result) => {
@@ -54,23 +59,13 @@ export class RecommendationController extends AbstractController {
                     this.tracker.events.recommendations.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 });
                     return data;
                 },
                 addToCart: (result) => {
-                    const data = getRecommendationsSchemaData({ store: this.store, results: [result] });
+                    const data = getRecommendationsAddtocartSchemaData({ store: this.store, results: [result] });
                     this.tracker.events.recommendations.addToCart({ data, siteId: this.config.globals?.siteId });
-                    this.eventManager.fire('track.product.addToCart', { controller: this, products: [result], trackEvent: data });
-                    return data;
-                },
-            },
-            bundle: {
-                addToCart: (results) => {
-                    if (this.store.profile.type != 'bundle')
-                        return;
-                    const data = getRecommendationsSchemaData({ store: this.store, results });
-                    this.tracker.events.recommendations.addToCart({ data, siteId: this.config.globals?.siteId });
-                    this.eventManager.fire('track.bundle.addToCart', { controller: this, products: results, trackEvent: data });
+                    this.eventManager.fire('track.product.addToCart', { controller: this, product: result, trackEvent: data });
                     return data;
                 },
             },
@@ -194,6 +189,15 @@ export class RecommendationController extends AbstractController {
                 this.store.loading = false;
             }
         };
+        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 });
+            }
+        };
         if (!config.tag) {
             throw new Error(`Invalid config passed to RecommendationController. The "tag" attribute is required.`);
         }
@@ -209,6 +213,21 @@ export class RecommendationController extends AbstractController {
         // deep merge config with defaults
         this.config = deepmerge(defaultConfig, this.config);
         this.store.setConfig(this.config);
+        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 = getRecommendationsSchemaData({ store: this.store, results });
+                this.tracker.events.recommendations.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 });
+                });
+            }
+        });
         // add 'afterStore' middleware
         // this.eventManager.on('afterStore', async (recommend: AfterStoreObj, next: Next): Promise<void | boolean> => {
         // 	await next();
@@ -248,16 +267,30 @@ export class RecommendationController extends AbstractController {
         return params;
     }
 }
+function getRecommendationsAddtocartSchemaData({ store, results, }) {
+    return {
+        tag: store.profile.tag,
+        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 getRecommendationsSchemaData({ store, results }) {
     return {
         tag: store.profile.tag,
         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,
             };
         }) || [],
     };

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

@@ -26,7 +26,7 @@ export declare class SearchController extends AbstractController {
     track: SearchTrackMethods;
     get params(): SearchRequestModel;
     search: () => Promise<void>;
-    addToCart: (product: Product) => Promise<void>;
+    addToCart: (_products: Product[] | Product) => Promise<void>;
 }
 export declare function getStorableRequestParams(request: SearchRequestModel): SearchRequestModel;
 export declare function generateHrefSelector(element: HTMLElement, href: string, levels?: number): string | undefined;

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,OAAO,EAAE,MAAM,EAAE,WAAW,EAAqB,MAAM,+BAA+B,CAAC;AACrG,OAAO,KAAK,EACX,sBAAsB,EAGtB,kBAAkB,EAClB,gBAAgB,EAIhB,MAAM,UAAU,CAAC;AAElB,OAAO,KAAK,EACX,kBAAkB,EAOlB,MAAM,2BAA2B,CAAC;AA8BnC,KAAK,kBAAkB,GAAG;IACzB,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,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;IAC/D,OAAO,CAAC,QAAQ,CAAmC;IACnD,OAAO,CAAC,MAAM,CASM;gBAGnB,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;IAmM3B,KAAK,EAAE,kBAAkB,CA0FvB;IAEF,IAAI,MAAM,IAAI,kBAAkB,CA8C/B;IAED,MAAM,QAAa,QAAQ,IAAI,CAAC,CAuN9B;IAEF,SAAS,YAAmB,OAAO,KAAG,QAAQ,IAAI,CAAC,CAGjD;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,OAAO,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,+BAA+B,CAAC;AAClF,OAAO,KAAK,EACX,sBAAsB,EAGtB,kBAAkB,EAClB,gBAAgB,EAIhB,MAAM,UAAU,CAAC;AAElB,OAAO,KAAK,EACX,kBAAkB,EAQlB,MAAM,2BAA2B,CAAC;AAkCnC,KAAK,kBAAkB,GAAG;IACzB,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;AAGF,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;IAC/D,OAAO,CAAC,QAAQ,CAAmC;IACnD,OAAO,CAAC,MAAM,CAUM;gBAGnB,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;IAuN3B,KAAK,EAAE,kBAAkB,CA+FvB;IAEF,IAAI,MAAM,IAAI,kBAAkB,CA8C/B;IAED,MAAM,QAAa,QAAQ,IAAI,CAAC,CAyN9B;IAEF,SAAS,cAAqB,OAAO,EAAE,GAAG,OAAO,KAAG,QAAQ,IAAI,CAAC,CAQ/D;CACF;AAwBD,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"}

package/dist/esm/Search/SearchController.js

@@ -4,6 +4,7 @@ import { AbstractController } from '../Abstract/AbstractController';
 import { StorageStore, ErrorType } from '@searchspring/snap-store-mobx';
 import { getSearchParams } from '../utils/getParams';
 import { ControllerTypes } from '../types';
+import { CLICK_DUPLICATION_TIMEOUT, isClickWithinProductLink } from '../utils/isClickWithinProductLink';
 const BACKGROUND_FILTER_FIELD_MATCHES = ['collection', 'category', 'categories', 'hierarchy'];
 const BACKGROUND_FILTERS_VALUE_FLAGS = [1, 0, '1', '0', 'true', 'false', true, false];
 const defaultConfig = {
@@ -22,6 +23,7 @@ const defaultConfig = {
         },
     },
 };
+const schemaMap = {};
 export class SearchController extends AbstractController {
     constructor(config, { client, store, urlManager, eventManager, profiler, logger, tracker }, context) {
         super(config, { client, store, urlManager, eventManager, profiler, logger, tracker }, context);
@@ -61,52 +63,53 @@ export class SearchController extends AbstractController {
                     }
                     // store position data or empty object
                     this.storage.set('scrollMap', scrollMap);
-                    const data = getSearchSchemaData({ params: this.params, store: this.store, results: [result] });
+                    const data = schemaMap[result.id];
                     this.tracker.events[this.pageType].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 = getSearchSchemaData({ params: this.params, store: this.store, results: [result] });
+                    const data = schemaMap[result.id];
                     this.tracker.events[this.pageType].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) {
                         return;
                     }
-                    const data = getSearchSchemaData({ params: this.params, store: this.store, results: [result] });
+                    const data = schemaMap[result.id];
                     this.tracker.events[this.pageType].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 = getSearchSchemaData({ params: this.params, store: this.store, results: [result] });
+                    const data = getSearchAddtocartSchemaData({ searchSchemaData: schemaMap[result.id], results: [result] });
                     this.tracker.events[this.pageType].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) => {
@@ -142,7 +145,7 @@ export class SearchController extends AbstractController {
                         throw err;
                     }
                 }
-                const stringyParams = JSON.stringify(params);
+                const stringyParams = JSON.stringify(getStorableRequestParams(params));
                 const prevStringyParams = this.storage.get('lastStringyParams');
                 if (stringyParams == prevStringyParams) {
                     // no param change - not searching
@@ -164,6 +167,7 @@ export class SearchController extends AbstractController {
                     // infinite backfill is enabled AND we have not yet fetched any results
                     if (this.config.settings?.infinite.backfill && !this.store.loaded) {
                         // create requests for all missing pages (using Arrray(page).fill() to populate an array to map)
+                        const backfillRequestsParams = [];
                         const backfillRequests = Array(params.pagination.page)
                             .fill('backfill')
                             .map((v, i) => {
@@ -177,6 +181,7 @@ export class SearchController extends AbstractController {
                                     delete backfillParams?.search?.redirectResponse;
                                 }
                             }
+                            backfillRequestsParams.push(backfillParams);
                             return this.client.search(backfillParams);
                         });
                         const backfillResponses = await Promise.all(backfillRequests);
@@ -185,8 +190,8 @@ export class SearchController extends AbstractController {
                         meta = backfillResponses[0][0];
                         response = backfillResponses[0][1];
                         // accumulate results from all backfill responses
-                        const backfillResults = backfillResponses.reduce((results, response) => {
-                            // response is [meta, searchResponse]
+                        const backfillResults = backfillResponses.reduce((results, response, index) => {
+                            createResultSchemaMapping({ request: backfillRequestsParams[index], response: response });
                             return results.concat(...response[1].results);
                         }, []);
                         // overwrite pagination params to expected state
@@ -198,6 +203,7 @@ export class SearchController extends AbstractController {
                     else {
                         // infinite with no backfills.
                         [meta, response] = await this.client.search(params);
+                        createResultSchemaMapping({ request: params, response: [meta, response] });
                         // append new results to previous results
                         response.results = [...this.previousResults, ...(response.results || [])];
                     }
@@ -209,6 +215,7 @@ export class SearchController extends AbstractController {
                     // clear previousResults to prevent infinite scroll from using them
                     this.previousResults = [];
                     [meta, response] = await this.client.search(params);
+                    createResultSchemaMapping({ request: params, response: [meta, response] });
                 }
                 // MockClient will overwrite the client search() method and use SearchData to return mock data which already contains meta data
                 if (!response.meta) {
@@ -308,9 +315,14 @@ export class SearchController 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);
@@ -372,25 +384,14 @@ export class SearchController extends AbstractController {
                 window.location.replace(redirectURL);
                 return false;
             }
-            const nonBackgroundFilters = search?.request?.filters?.filter((filter) => !filter.background);
-            if (config?.settings?.redirects?.singleResult &&
-                search?.response?.search?.query &&
-                search?.response?.pagination?.totalResults === 1 &&
-                !nonBackgroundFilters?.length) {
-                //set loaded to true to prevent infinite search/reloading from happening
-                searchStore.loaded = true;
-                window.location.replace(search?.response.results[0].mappings.core.url);
-                return false;
-            }
             await next();
         });
         this.eventManager.on('afterStore', async (search, next) => {
             await next();
-            // save last params
-            this.storage.set('lastStringyParams', JSON.stringify(search.request));
             // get scrollTo positioning and send it to 'restorePosition' event
             const storableRequestParams = getStorableRequestParams(search.request);
             const stringyParams = JSON.stringify(storableRequestParams);
+            this.storage.set('lastStringyParams', stringyParams);
             const scrollMap = this.storage.get('scrollMap') || {};
             const elementPosition = scrollMap[stringyParams];
             if (!elementPosition) {
@@ -400,6 +401,34 @@ export class SearchController extends AbstractController {
             // not awaiting this event as it relies on render, and render is blocked by afterStore event
             this.eventManager.fire('restorePosition', { controller: this, element: elementPosition });
         });
+        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' && !this.events.product[result.id]?.render);
+                if (products.length === 0) {
+                    // handle no results
+                    const data = getSearchSchemaData({ params: search.request, results: [] });
+                    this.tracker.events[this.pageType].render({ data, siteId: this.config.globals?.siteId });
+                }
+                products.forEach((result) => {
+                    const data = schemaMap[result.id];
+                    this.tracker.events[this.pageType].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, product: result, trackEvent: data });
+                });
+                const config = search.controller.config;
+                const nonBackgroundFilters = search?.request?.filters?.filter((filter) => !filter.background);
+                if (config?.settings?.redirects?.singleResult &&
+                    search?.response?.search?.query &&
+                    search?.response?.pagination?.totalResults === 1 &&
+                    !nonBackgroundFilters?.length) {
+                    window.location.replace(search?.response.results[0].mappings.core.url);
+                    return false;
+                }
+            }
+        });
         // restore position
         if (this.config.settings?.restorePosition?.enabled) {
             this.eventManager.on('restorePosition', async ({ controller, element }, next) => {
@@ -513,6 +542,26 @@ export class SearchController extends AbstractController {
         return params;
     }
 }
+function createResultSchemaMapping({ request, response }) {
+    const [_, searchResponse] = response;
+    const schema = getSearchSchemaData({
+        params: request,
+        results: [], // results added below because this would contain all results
+        response: searchResponse,
+    });
+    searchResponse.results?.forEach((result) => {
+        schemaMap[result.id] = {
+            ...schema,
+            results: [
+                {
+                    position: result.position,
+                    uid: result.mappings?.core?.uid || '',
+                    sku: result.mappings?.core?.sku,
+                },
+            ],
+        };
+    });
+}
 export function getStorableRequestParams(request) {
     return {
         siteId: request.siteId,
@@ -560,7 +609,21 @@ function getSearchRedirectSchemaData({ redirectURL }) {
         redirect: redirectURL,
     };
 }
-function getSearchSchemaData({ params, store, results, }) {
+function getSearchAddtocartSchemaData({ searchSchemaData, results, }) {
+    return {
+        ...searchSchemaData,
+        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 getSearchSchemaData({ params, results, response, }) {
     const filters = params.filters?.reduce((acc, filter) => {
         const key = filter.background ? 'bgfilter' : 'filter';
         acc[key] = acc[key] || [];
@@ -581,27 +644,34 @@ function getSearchSchemaData({ params, store, results, }) {
         }
         return acc;
     }, {});
+    let correctedQuery;
+    if (response?.search?.originalQuery && response?.search?.query) {
+        correctedQuery = response?.search?.query;
+    }
+    const campaigns = response?.merchandising?.campaigns || [];
+    const experiments = response?.merchandising?.experiments || [];
     return {
         q: params.search?.query?.string || '',
-        correctedQuery: store.search?.originalQuery?.string ? store.search?.query?.string : undefined,
+        correctedQuery,
+        matchType: response?.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,
-            resultsPerPage: store.pagination.pageSize,
+            totalResults: response?.pagination?.totalResults,
+            page: response?.pagination?.page,
+            resultsPerPage: response?.pagination?.pageSize,
         },
         merchandising: {
-            personalized: store.merchandising.personalized,
-            redirect: store.merchandising.redirect,
-            triggeredCampaigns: (store.merchandising.campaigns?.length &&
-                store.merchandising.campaigns?.map((campaign) => {
-                    const experiement = store.merchandising.experiments.find((experiment) => experiment.campaignId === campaign.id);
+            personalized: response?.merchandising?.personalized,
+            redirect: response?.merchandising?.redirect,
+            triggeredCampaigns: (campaigns.length &&
+                campaigns.map((campaign) => {
+                    const experiement = experiments.find((experiment) => experiment.campaignId === campaign.id);
                     return {
                         id: campaign.id,
                         experimentId: experiement?.experimentId,
@@ -611,12 +681,12 @@ function getSearchSchemaData({ params, store, results, }) {
                 undefined,
         },
         results: results?.map((result) => {
-            const core = result.mappings.core;
+            const core = result.mappings?.core;
+            const position = result.position;
             return {
+                position,
                 uid: core.uid || '',
-                // childUid: core.uid,
                 sku: core.sku,
-                // childSku: core.sku,
             };
         }) || [],
     };

package/dist/esm/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/esm/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/esm/utils/isClickWithinProductLink.js

@@ -0,0 +1,17 @@
+export const CLICK_DUPLICATION_TIMEOUT = 300;
+export const CLICK_THROUGH_CLOSEST_MAX_LEVELS = 12;
+export const isClickWithinProductLink = (e, result) => {
+    let currentElement = e.target;
+    let href = null;
+    let level = 0;
+    const resultUrl = result?.display?.mappings.core?.url || result?.mappings.core?.url || '';
+    while (currentElement && level < CLICK_THROUGH_CLOSEST_MAX_LEVELS) {
+        href = currentElement.getAttribute('href');
+        if (href && resultUrl && href.includes(resultUrl)) {
+            return true;
+        }
+        currentElement = currentElement.parentElement;
+        level++;
+    }
+    return false;
+};

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@searchspring/snap-controller",
-	"version": "0.65.1",
+	"version": "0.66.0",
 	"description": "Snap Controllers",
 	"main": "dist/cjs/index.js",
 	"module": "dist/esm/index.js",
@@ -20,22 +20,22 @@
 		"test:watch": "jest --watch"
 	},
 	"dependencies": {
-		"@searchspring/snap-toolbox": "^0.65.1",
+		"@searchspring/snap-toolbox": "^0.66.0",
 		"css.escape": "1.5.1",
 		"deepmerge": "4.3.1"
 	},
 	"devDependencies": {
-		"@searchspring/snap-client": "^0.65.1",
-		"@searchspring/snap-event-manager": "^0.65.1",
-		"@searchspring/snap-logger": "^0.65.1",
-		"@searchspring/snap-profiler": "^0.65.1",
-		"@searchspring/snap-store-mobx": "^0.65.1",
-		"@searchspring/snap-tracker": "^0.65.1",
-		"@searchspring/snap-url-manager": "^0.65.1"
+		"@searchspring/snap-client": "^0.66.0",
+		"@searchspring/snap-event-manager": "^0.66.0",
+		"@searchspring/snap-logger": "^0.66.0",
+		"@searchspring/snap-profiler": "^0.66.0",
+		"@searchspring/snap-store-mobx": "^0.66.0",
+		"@searchspring/snap-tracker": "^0.66.0",
+		"@searchspring/snap-url-manager": "^0.66.0"
 	},
 	"sideEffects": false,
 	"files": [
 		"dist/**/*"
 	],
-	"gitHead": "cd33cd87ad8d51302000b31bce6aa90b4b25ba89"
+	"gitHead": "97d209ef85cfb63946bea8ce3737b7dcb2803b89"
 }