@athoscommerce/snap-controller 1.0.0

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

@@ -0,0 +1,15 @@
+import { AbstractController } from '../Abstract/AbstractController';
+import { ControllerTypes } from '../types';
+import type { FinderStore } from '@athoscommerce/snap-store-mobx';
+import type { FinderControllerConfig, ControllerServices, ContextVariables } from '../types';
+export declare class FinderController extends AbstractController {
+    type: ControllerTypes;
+    store: FinderStore;
+    config: FinderControllerConfig;
+    constructor(config: FinderControllerConfig, { client, store, urlManager, eventManager, profiler, logger, tracker }: ControllerServices, context?: ContextVariables);
+    get params(): Record<string, any>;
+    find: () => Promise<void>;
+    reset: () => void;
+    search: () => Promise<void>;
+}
+//# sourceMappingURL=FinderController.d.ts.map

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

@@ -0,0 +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,gCAAgC,CAAC;AAClE,OAAO,KAAK,EAAE,sBAAsB,EAAE,kBAAkB,EAAE,gBAAgB,EAAE,MAAM,UAAU,CAAC;AAoB7F,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;IAwB3B,IAAI,MAAM,IAAI,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CA6BhC;IAED,IAAI,QAAa,OAAO,CAAC,IAAI,CAAC,CAkB5B;IAEF,KAAK,QAAO,IAAI,CAId;IAEF,MAAM,QAAa,OAAO,CAAC,IAAI,CAAC,CAoI9B;CACF"}

package/dist/esm/Finder/FinderController.js

@@ -0,0 +1,218 @@
+import deepmerge from 'deepmerge';
+import { ErrorType } from '@athoscommerce/snap-store-mobx';
+import { AbstractController } from '../Abstract/AbstractController';
+import { getSearchParams } from '../utils/getParams';
+import { ControllerTypes } from '../types';
+const defaultConfig = {
+    id: 'finder',
+    beacon: {
+        enabled: true,
+    },
+    globals: {
+        pagination: {
+            pageSize: 0,
+        },
+    },
+    fields: [],
+    persist: {
+        enabled: false,
+        lockSelections: true,
+        expiration: 0,
+    },
+};
+export class FinderController extends AbstractController {
+    constructor(config, { client, store, urlManager, eventManager, profiler, logger, tracker }, context) {
+        super(config, { client, store, urlManager, eventManager, profiler, logger, tracker }, context);
+        this.type = ControllerTypes.finder;
+        this.find = async () => {
+            await this.store.save(); // save current selections to storage
+            try {
+                await this.eventManager.fire('beforeFind', {
+                    controller: this,
+                });
+                // redirect to configured URL after middleware completes
+                window.location.href = this.urlManager.href;
+            }
+            catch (err) {
+                if (err?.message == 'cancelled') {
+                    this.log.warn(`'beforeFind' middleware cancelled`);
+                }
+                else {
+                    this.log.error(`error in 'beforeFind' middleware`);
+                    this.log.error(err);
+                }
+            }
+        };
+        this.reset = () => {
+            this.store.reset();
+            this.urlManager.remove('filter').go();
+            this.store.setService('urlManager', this.urlManager);
+        };
+        this.search = async () => {
+            try {
+                if (!this.initialized) {
+                    await this.init();
+                }
+                if (this.store.persisted) {
+                    return;
+                }
+                const params = this.params;
+                this.store.loading = true;
+                try {
+                    await this.eventManager.fire('beforeSearch', {
+                        controller: this,
+                        request: params,
+                    });
+                }
+                catch (err) {
+                    if (err?.message == 'cancelled') {
+                        this.log.warn(`'beforeSearch' middleware cancelled`);
+                        return;
+                    }
+                    else {
+                        this.log.error(`error in 'beforeSearch' middleware`);
+                        throw err;
+                    }
+                }
+                const searchProfile = this.profiler.create({ type: 'event', name: 'search', context: params }).start();
+                const { meta, search } = await this.client.finder(params);
+                searchProfile.stop();
+                this.log.profile(searchProfile);
+                const afterSearchProfile = this.profiler.create({ type: 'event', name: 'afterSearch', context: params }).start();
+                try {
+                    await this.eventManager.fire('afterSearch', {
+                        controller: this,
+                        request: params,
+                        response: {
+                            meta,
+                            search,
+                        },
+                    });
+                }
+                catch (err) {
+                    if (err?.message == 'cancelled') {
+                        this.log.warn(`'afterSearch' middleware cancelled`);
+                        afterSearchProfile.stop();
+                        return;
+                    }
+                    else {
+                        this.log.error(`error in 'afterSearch' middleware`);
+                        throw err;
+                    }
+                }
+                afterSearchProfile.stop();
+                this.log.profile(afterSearchProfile);
+                // update the store
+                this.store.update({ meta, search });
+                const afterStoreProfile = this.profiler.create({ type: 'event', name: 'afterStore', context: params }).start();
+                try {
+                    await this.eventManager.fire('afterStore', {
+                        controller: this,
+                        request: params,
+                        response: {
+                            meta,
+                            search,
+                        },
+                    });
+                }
+                catch (err) {
+                    if (err?.message == 'cancelled') {
+                        this.log.warn(`'afterStore' middleware cancelled`);
+                        afterStoreProfile.stop();
+                        return;
+                    }
+                    else {
+                        this.log.error(`error in 'afterStore' middleware`);
+                        throw err;
+                    }
+                }
+                afterStoreProfile.stop();
+                this.log.profile(afterStoreProfile);
+            }
+            catch (err) {
+                if (err) {
+                    if (err.err && err.fetchDetails) {
+                        switch (err.fetchDetails.status) {
+                            case 429: {
+                                this.store.error = {
+                                    code: 429,
+                                    type: ErrorType.WARNING,
+                                    message: 'Too many requests try again later',
+                                };
+                                break;
+                            }
+                            case 500: {
+                                this.store.error = {
+                                    code: 500,
+                                    type: ErrorType.ERROR,
+                                    message: 'Invalid Search Request or Service Unavailable',
+                                };
+                                break;
+                            }
+                            default: {
+                                this.store.error = {
+                                    type: ErrorType.ERROR,
+                                    message: err.err.message,
+                                };
+                                break;
+                            }
+                        }
+                        this.log.error(this.store.error);
+                        this.handleError(err.err, err.fetchDetails);
+                    }
+                    else {
+                        this.store.error = {
+                            type: ErrorType.ERROR,
+                            message: `Something went wrong... - ${err}`,
+                        };
+                        this.log.error(err);
+                        this.handleError(err);
+                    }
+                }
+            }
+            finally {
+                this.store.loading = false;
+            }
+        };
+        // deep merge config with defaults
+        this.config = deepmerge(defaultConfig, this.config);
+        this.store.setConfig(this.config);
+        // set the root URL on urlManager
+        if (this.config.url) {
+            this.urlManager = this.urlManager.withConfig((translatorConfig) => {
+                return {
+                    ...translatorConfig,
+                    urlRoot: this.config.url,
+                };
+            });
+        }
+        // attach config plugins and event middleware
+        this.use(this.config);
+        this.store.loadPersisted();
+    }
+    get params() {
+        const urlState = this.urlManager.state;
+        const { userId, sessionId, pageLoadId } = this.tracker.getContext();
+        const tracking = {};
+        if (userId) {
+            tracking.userId = userId;
+        }
+        if (sessionId) {
+            tracking.sessionId = sessionId;
+        }
+        if (pageLoadId) {
+            tracking.pageLoadId = pageLoadId;
+        }
+        tracking.domain = window.location.href;
+        // get only the finder fields and disable auto drill down
+        const defaultParams = {
+            facets: {
+                include: this.config.fields.map((fieldConfig) => fieldConfig.field),
+                autoDrillDown: false,
+            },
+            tracking: tracking,
+        };
+        const params = deepmerge({ ...getSearchParams(urlState) }, deepmerge(defaultParams, this.config.globals));
+        return params;
+    }
+}

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

@@ -0,0 +1,27 @@
+import { Product } from '@athoscommerce/snap-store-mobx';
+import { AbstractController } from '../Abstract/AbstractController';
+import { ControllerTypes } from '../types';
+import type { Banner, RecommendationStore } from '@athoscommerce/snap-store-mobx';
+import type { RecommendRequestModel } from '@athoscommerce/snap-client';
+import type { RecommendationControllerConfig, ControllerServices, ContextVariables } from '../types';
+type RecommendationTrackMethods = {
+    product: {
+        clickThrough: (e: MouseEvent, result: Product | Banner) => void;
+        click: (e: MouseEvent, result: Product | Banner) => void;
+        impression: (result: Product | Banner) => void;
+        addToCart: (result: Product) => void;
+    };
+};
+export declare class RecommendationController extends AbstractController {
+    type: ControllerTypes;
+    store: RecommendationStore;
+    config: RecommendationControllerConfig;
+    private events;
+    constructor(config: RecommendationControllerConfig, { client, store, urlManager, eventManager, profiler, logger, tracker }: ControllerServices, context?: ContextVariables);
+    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

@@ -0,0 +1 @@
+{"version":3,"file":"RecommendationController.d.ts","sourceRoot":"","sources":["../../../src/Recommendation/RecommendationController.ts"],"names":[],"mappings":"AAEA,OAAO,EAAa,OAAO,EAAE,MAAM,gCAAgC,CAAC;AACpE,OAAO,EAAE,kBAAkB,EAAE,MAAM,gCAAgC,CAAC;AACpE,OAAO,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AAW3C,OAAO,KAAK,EAAE,MAAM,EAAE,mBAAmB,EAAE,MAAM,gCAAgC,CAAC;AAClF,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,4BAA4B,CAAC;AACxE,OAAO,KAAK,EAAE,8BAA8B,EAAE,kBAAkB,EAAE,gBAAgB,EAAE,MAAM,UAAU,CAAC;AAGrG,KAAK,0BAA0B,GAAG;IACjC,OAAO,EAAE;QACR,YAAY,EAAE,CAAC,CAAC,EAAE,UAAU,EAAE,MAAM,EAAE,OAAO,GAAG,MAAM,KAAK,IAAI,CAAC;QAChE,KAAK,EAAE,CAAC,CAAC,EAAE,UAAU,EAAE,MAAM,EAAE,OAAO,GAAG,MAAM,KAAK,IAAI,CAAC;QACzD,UAAU,EAAE,CAAC,MAAM,EAAE,OAAO,GAAG,MAAM,KAAK,IAAI,CAAC;QAC/C,SAAS,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;KACrC,CAAC;CACF,CAAC;AAaF,qBAAa,wBAAyB,SAAQ,kBAAkB;IACxD,IAAI,kBAAkC;IACrC,KAAK,EAAE,mBAAmB,CAAC;IAC3B,MAAM,EAAE,8BAA8B,CAAC;IAE/C,OAAO,CAAC,MAAM,CAUP;gBAGN,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,CAyI/B;IAEF,IAAI,MAAM,IAAI,qBAAqB,CA4BlC;IAED,MAAM,QAAa,OAAO,CAAC,IAAI,CAAC,CAoI9B;IAEF,SAAS,cAAqB,OAAO,EAAE,GAAG,OAAO,KAAG,OAAO,CAAC,IAAI,CAAC,CAY/D;CACF"}

package/dist/esm/Recommendation/RecommendationController.js

@@ -0,0 +1,342 @@
+import deepmerge from 'deepmerge';
+import { ErrorType } from '@athoscommerce/snap-store-mobx';
+import { AbstractController } from '../Abstract/AbstractController';
+import { ControllerTypes } from '../types';
+import { CLICK_DUPLICATION_TIMEOUT, isClickWithinProductLink } from '../utils/isClickWithinProductLink';
+const defaultConfig = {
+    id: 'recommend',
+    beacon: {
+        enabled: true,
+    },
+    tag: '',
+    batched: true,
+    realtime: false,
+    globals: {},
+};
+export class RecommendationController extends AbstractController {
+    constructor(config, { client, store, urlManager, eventManager, profiler, logger, tracker }, context) {
+        super(config, { client, store, urlManager, eventManager, profiler, logger, tracker }, context);
+        this.type = ControllerTypes.recommendation;
+        this.events = {};
+        this.track = {
+            product: {
+                clickThrough: (e, result) => {
+                    if (!result) {
+                        this.log.warn('No result provided to track.product.clickThrough');
+                        return;
+                    }
+                    const responseId = result.responseId;
+                    if (!this.events[responseId]) {
+                        this.log.warn('No responseId found in controller, ensure correct controller is used');
+                        return;
+                    }
+                    if (this.events[responseId]?.product[result.id]?.productClickThrough)
+                        return;
+                    const type = (['product', 'banner'].includes(result.type) ? result.type : 'product');
+                    const beaconResult = {
+                        type,
+                        uid: result.id ? '' + result.id : '',
+                        ...(type === 'product'
+                            ? {
+                                parentId: result.mappings.core?.parentId ? '' + result.mappings.core?.parentId : '',
+                                sku: result.mappings.core?.sku ? '' + result.mappings.core?.sku : undefined,
+                            }
+                            : {}),
+                    };
+                    const data = {
+                        tag: this.store.profile.tag,
+                        responseId,
+                        results: [beaconResult],
+                    };
+                    this.eventManager.fire('track.product.clickThrough', { controller: this, event: e, product: result, trackEvent: data });
+                    this.config.beacon?.enabled && this.tracker.events.recommendations.clickThrough({ data, siteId: this.config.globals?.siteId });
+                    this.events[responseId].product[result.id] = this.events[responseId].product[result.id] || {};
+                    this.events[responseId].product[result.id].productClickThrough = true;
+                },
+                click: (e, result) => {
+                    if (!result) {
+                        this.log.warn('No result provided to track.product.click');
+                        return;
+                    }
+                    const responseId = result.responseId;
+                    if (!this.events[responseId]) {
+                        this.log.warn('No responseId found in controller, ensure correct controller is used');
+                        return;
+                    }
+                    if (result.type === 'banner') {
+                        if (this.events[responseId]?.product[result.id]?.inlineBannerClickThrough) {
+                            return;
+                        }
+                        this.track.product.clickThrough(e, result);
+                        this.events[responseId].product[result.id] = this.events[responseId].product[result.id] || {};
+                        this.events[responseId].product[result.id].inlineBannerClickThrough = true;
+                        setTimeout(() => {
+                            this.events[responseId].product[result.id].inlineBannerClickThrough = false;
+                        }, CLICK_DUPLICATION_TIMEOUT);
+                    }
+                    else if (isClickWithinProductLink(e, result)) {
+                        if (this.events?.[responseId]?.product[result.id]?.productClickThrough) {
+                            return;
+                        }
+                        this.track.product.clickThrough(e, result);
+                        this.events[responseId].product[result.id] = this.events[responseId].product[result.id] || {};
+                        this.events[responseId].product[result.id].productClickThrough = true;
+                        setTimeout(() => {
+                            this.events[responseId].product[result.id].productClickThrough = false;
+                        }, CLICK_DUPLICATION_TIMEOUT);
+                    }
+                },
+                impression: (result) => {
+                    if (!result) {
+                        this.log.warn('No result provided to track.product.impression');
+                        return;
+                    }
+                    const responseId = result.responseId;
+                    if (!this.events[responseId]) {
+                        this.log.warn('No responseId found in controller, ensure correct controller is used');
+                        return;
+                    }
+                    else if (this.events[responseId]?.product[result.id]?.impression) {
+                        return;
+                    }
+                    const type = (['product', 'banner'].includes(result.type) ? result.type : 'product');
+                    const item = {
+                        type,
+                        uid: result.id ? '' + result.id : '',
+                        ...(type === 'product'
+                            ? {
+                                parentId: result.mappings.core?.parentId ? '' + result.mappings.core?.parentId : '',
+                                sku: result.mappings.core?.sku ? '' + result.mappings.core?.sku : undefined,
+                            }
+                            : {}),
+                    };
+                    const data = {
+                        tag: this.store.profile.tag,
+                        responseId,
+                        results: [item],
+                        banners: [],
+                    };
+                    this.eventManager.fire('track.product.impression', { controller: this, product: result, trackEvent: data });
+                    this.config.beacon?.enabled && this.tracker.events.recommendations.impression({ data, siteId: this.config.globals?.siteId });
+                    this.events[responseId].product[result.id] = this.events[responseId].product[result.id] || {};
+                    this.events[responseId].product[result.id].impression = true;
+                },
+                addToCart: (result) => {
+                    if (!result) {
+                        this.log.warn('No result provided to track.product.addToCart');
+                        return;
+                    }
+                    const responseId = result.responseId;
+                    if (!this.events[responseId]) {
+                        this.log.warn('No responseId found in controller, ensure correct controller is used');
+                        return;
+                    }
+                    const product = {
+                        parentId: result.mappings.core?.parentId ? '' + result.mappings.core?.parentId : '',
+                        uid: result.id,
+                        sku: result.mappings.core?.sku,
+                        qty: result.quantity || 1,
+                        price: Number(result.mappings.core?.price),
+                    };
+                    const data = {
+                        responseId,
+                        tag: this.store.profile.tag,
+                        results: [product],
+                    };
+                    this.eventManager.fire('track.product.addToCart', { controller: this, product: result, trackEvent: data });
+                    this.config.beacon?.enabled && this.tracker.events.recommendations.addToCart({ data, siteId: this.config.globals?.siteId });
+                },
+            },
+        };
+        this.search = async () => {
+            try {
+                if (!this.initialized) {
+                    await this.init();
+                }
+                const params = this.params;
+                this.store.loading = true;
+                try {
+                    await this.eventManager.fire('beforeSearch', {
+                        controller: this,
+                        request: params,
+                    });
+                }
+                catch (err) {
+                    if (err?.message == 'cancelled') {
+                        this.log.warn(`'beforeSearch' middleware cancelled`);
+                        return;
+                    }
+                    else {
+                        this.log.error(`error in 'beforeSearch' middleware`);
+                        throw err;
+                    }
+                }
+                const searchProfile = this.profiler.create({ type: 'event', name: 'search', context: params }).start();
+                const { meta, profile, results, responseId } = await this.client.recommend(params);
+                searchProfile.stop();
+                this.log.profile(searchProfile);
+                this.events[responseId] = this.events[responseId] || { product: {} };
+                const afterSearchProfile = this.profiler.create({ type: 'event', name: 'afterSearch', context: params }).start();
+                try {
+                    await this.eventManager.fire('afterSearch', {
+                        controller: this,
+                        request: params,
+                        response: { meta, profile, results },
+                    });
+                }
+                catch (err) {
+                    if (err?.message == 'cancelled') {
+                        this.log.warn(`'afterSearch' middleware cancelled`);
+                        afterSearchProfile.stop();
+                        return;
+                    }
+                    else {
+                        this.log.error(`error in 'afterSearch' middleware`);
+                        throw err;
+                    }
+                }
+                afterSearchProfile.stop();
+                this.log.profile(afterSearchProfile);
+                // update the store
+                this.store.update({
+                    meta: meta,
+                    profile: profile,
+                    results: results,
+                    responseId: responseId,
+                });
+                const data = { responseId, tag: this.store.profile.tag };
+                this.config.beacon?.enabled && this.tracker.events.recommendations.render({ data, siteId: this.config.globals?.siteId });
+                const afterStoreProfile = this.profiler.create({ type: 'event', name: 'afterStore', context: params }).start();
+                try {
+                    await this.eventManager.fire('afterStore', {
+                        controller: this,
+                        request: params,
+                        response: { meta, profile, results, responseId },
+                    });
+                }
+                catch (err) {
+                    if (err?.message == 'cancelled') {
+                        this.log.warn(`'afterStore' middleware cancelled`);
+                        afterStoreProfile.stop();
+                        return;
+                    }
+                    else {
+                        this.log.error(`error in 'afterStore' middleware`);
+                        throw err;
+                    }
+                }
+                afterStoreProfile.stop();
+                this.log.profile(afterStoreProfile);
+            }
+            catch (err) {
+                if (err) {
+                    if (err.err && err.fetchDetails) {
+                        switch (err.fetchDetails.status) {
+                            case 429: {
+                                this.store.error = {
+                                    code: 429,
+                                    type: ErrorType.WARNING,
+                                    message: 'Too many requests try again later',
+                                };
+                                break;
+                            }
+                            case 500: {
+                                this.store.error = {
+                                    code: 500,
+                                    type: ErrorType.ERROR,
+                                    message: 'Invalid Search Request or Service Unavailable',
+                                };
+                                break;
+                            }
+                            default: {
+                                this.store.error = {
+                                    type: ErrorType.ERROR,
+                                    message: err.err.message,
+                                };
+                                break;
+                            }
+                        }
+                        this.log.error(this.store.error);
+                        this.handleError(err.err, err.fetchDetails);
+                    }
+                    else {
+                        this.store.error = {
+                            type: ErrorType.ERROR,
+                            message: `Something went wrong... - ${err}`,
+                        };
+                        this.log.error(err);
+                        this.handleError(err);
+                    }
+                }
+            }
+            finally {
+                this.store.loading = false;
+            }
+        };
+        this.addToCart = async (_products) => {
+            const products = typeof _products?.slice == 'function' ? _products.slice() : [_products];
+            if (!_products || products.length === 0) {
+                this.log.warn('No products provided to recommendation controller.addToCart');
+                return;
+            }
+            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.`);
+        }
+        // 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 'afterStore' middleware
+        // this.eventManager.on('afterStore', async (recommend: AfterStoreObj, next: Next): Promise<void | boolean> => {
+        // 	await next();
+        // 	// attach tracking events to cart store
+        // 	this.store.cart?.on('addItems', ({ items }: { items: Product[] }) => {
+        // 		// add to bundle
+        // 	});
+        // 	this.store.cart?.on('removeItems', ({ items }: { items: Product[] }) => {
+        // 		// remove from bundle
+        // 	});
+        // });
+        // attach config plugins and event middleware
+        this.use(this.config);
+    }
+    get params() {
+        const params = {
+            tag: this.config.tag,
+            batched: this.config.batched,
+            branch: this.config.branch || 'production',
+            batchId: this.config.batchId,
+            ...this.config.globals,
+        };
+        const { shopperId } = this.tracker.getContext();
+        if (shopperId) {
+            params.shopper = shopperId;
+        }
+        if (!params.siteId || params.siteId == this.tracker.getGlobals().siteId) {
+            const cart = this.tracker.cookies.cart.get();
+            const lastViewed = this.tracker.cookies.viewed.get();
+            if (cart?.length) {
+                params.cart = cart;
+            }
+            if (lastViewed?.length) {
+                params.lastViewed = lastViewed;
+            }
+        }
+        return params;
+    }
+}

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

@@ -0,0 +1,41 @@
+import { AbstractController } from '../Abstract/AbstractController';
+import { StorageStore, MerchandisingContentBanner } from '@athoscommerce/snap-store-mobx';
+import { ControllerTypes } from '../types';
+import type { Product, Banner, SearchStore } from '@athoscommerce/snap-store-mobx';
+import type { SearchControllerConfig, ControllerServices, ContextVariables } from '../types';
+import { type SearchRequestModel } from '@athoscommerce/snapi-types';
+type SearchTrackMethods = {
+    banner: {
+        click: (e: MouseEvent, merchandisingBanner: MerchandisingContentBanner) => void;
+        clickThrough: (e: MouseEvent, merchandisingBanner: MerchandisingContentBanner) => void;
+        impression: (merchandisingBanner: MerchandisingContentBanner) => void;
+    };
+    product: {
+        clickThrough: (e: MouseEvent, result: Product | Banner) => void;
+        click: (e: MouseEvent, result: Product | Banner) => void;
+        impression: (result: Product | Banner) => void;
+        addToCart: (results: Product) => void;
+    };
+    redirect: ({ redirectURL, responseId }: {
+        redirectURL: string;
+        responseId: string;
+    }) => void;
+};
+export declare class SearchController extends AbstractController {
+    type: ControllerTypes;
+    store: SearchStore;
+    config: SearchControllerConfig;
+    storage: StorageStore;
+    private previousResults;
+    private page;
+    private events;
+    constructor(config: SearchControllerConfig, { client, store, urlManager, eventManager, profiler, logger, tracker }: ControllerServices, context?: ContextVariables);
+    track: SearchTrackMethods;
+    get params(): SearchRequestModel;
+    search: () => 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;
+export {};
+//# sourceMappingURL=SearchController.d.ts.map

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

@@ -0,0 +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,0BAA0B,EAAE,MAAM,gCAAgC,CAAC;AAErG,OAAO,EAAE,eAAe,EAAuB,MAAM,UAAU,CAAC;AAEhE,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,EAAE,WAAW,EAAiC,MAAM,gCAAgC,CAAC;AAClH,OAAO,KAAK,EACX,sBAAsB,EAGtB,kBAAkB,EAClB,gBAAgB,EAIhB,MAAM,UAAU,CAAC;AAElB,OAAO,EACN,KAAK,kBAAkB,EAYvB,MAAM,4BAA4B,CAAC;AAyCpC,KAAK,kBAAkB,GAAG;IACzB,MAAM,EAAE;QACP,KAAK,EAAE,CAAC,CAAC,EAAE,UAAU,EAAE,mBAAmB,EAAE,0BAA0B,KAAK,IAAI,CAAC;QAChF,YAAY,EAAE,CAAC,CAAC,EAAE,UAAU,EAAE,mBAAmB,EAAE,0BAA0B,KAAK,IAAI,CAAC;QACvF,UAAU,EAAE,CAAC,mBAAmB,EAAE,0BAA0B,KAAK,IAAI,CAAC;KACtE,CAAC;IACF,OAAO,EAAE;QACR,YAAY,EAAE,CAAC,CAAC,EAAE,UAAU,EAAE,MAAM,EAAE,OAAO,GAAG,MAAM,KAAK,IAAI,CAAC;QAChE,KAAK,EAAE,CAAC,CAAC,EAAE,UAAU,EAAE,MAAM,EAAE,OAAO,GAAG,MAAM,KAAK,IAAI,CAAC;QACzD,UAAU,EAAE,CAAC,MAAM,EAAE,OAAO,GAAG,MAAM,KAAK,IAAI,CAAC;QAC/C,SAAS,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;KACtC,CAAC;IACF,QAAQ,EAAE,CAAC,EAAE,WAAW,EAAE,UAAU,EAAE,EAAE;QAAE,WAAW,EAAE,MAAM,CAAC;QAAC,UAAU,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAC;CAC7F,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,IAAI,CAEV;IACF,OAAO,CAAC,MAAM,CAiBP;gBAGN,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;IA2Q3B,KAAK,EAAE,kBAAkB,CA0PvB;IAEF,IAAI,MAAM,IAAI,kBAAkB,CA8C/B;IAED,MAAM,QAAa,OAAO,CAAC,IAAI,CAAC,CAiO9B;IAEF,SAAS,cAAqB,OAAO,EAAE,GAAG,OAAO,KAAG,OAAO,CAAC,IAAI,CAAC,CAY/D;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,CAuCvG"}