@athoscommerce/snap-controller 1.0.0

package/dist/cjs/index.d.ts

@@ -0,0 +1,7 @@
+export { FinderController } from './Finder/FinderController';
+export { SearchController } from './Search/SearchController';
+export { AutocompleteController, INPUT_DELAY } from './Autocomplete/AutocompleteController';
+export { RecommendationController } from './Recommendation/RecommendationController';
+export { AbstractController } from './Abstract/AbstractController';
+export * from './types';
+//# sourceMappingURL=index.d.ts.map

package/dist/cjs/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,2BAA2B,CAAC;AAC7D,OAAO,EAAE,gBAAgB,EAAE,MAAM,2BAA2B,CAAC;AAC7D,OAAO,EAAE,sBAAsB,EAAE,WAAW,EAAE,MAAM,uCAAuC,CAAC;AAC5F,OAAO,EAAE,wBAAwB,EAAE,MAAM,2CAA2C,CAAC;AACrF,OAAO,EAAE,kBAAkB,EAAE,MAAM,+BAA+B,CAAC;AAEnE,cAAc,SAAS,CAAC"}

package/dist/cjs/index.js

@@ -0,0 +1,29 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AbstractController = exports.RecommendationController = exports.INPUT_DELAY = exports.AutocompleteController = exports.SearchController = exports.FinderController = void 0;
+var FinderController_1 = require("./Finder/FinderController");
+Object.defineProperty(exports, "FinderController", { enumerable: true, get: function () { return FinderController_1.FinderController; } });
+var SearchController_1 = require("./Search/SearchController");
+Object.defineProperty(exports, "SearchController", { enumerable: true, get: function () { return SearchController_1.SearchController; } });
+var AutocompleteController_1 = require("./Autocomplete/AutocompleteController");
+Object.defineProperty(exports, "AutocompleteController", { enumerable: true, get: function () { return AutocompleteController_1.AutocompleteController; } });
+Object.defineProperty(exports, "INPUT_DELAY", { enumerable: true, get: function () { return AutocompleteController_1.INPUT_DELAY; } });
+var RecommendationController_1 = require("./Recommendation/RecommendationController");
+Object.defineProperty(exports, "RecommendationController", { enumerable: true, get: function () { return RecommendationController_1.RecommendationController; } });
+var AbstractController_1 = require("./Abstract/AbstractController");
+Object.defineProperty(exports, "AbstractController", { enumerable: true, get: function () { return AbstractController_1.AbstractController; } });
+__exportStar(require("./types"), exports);

package/dist/cjs/types.d.ts

@@ -0,0 +1,87 @@
+import type { AbstractController, AutocompleteController, SearchController, FinderController, RecommendationController } from './index';
+import type { EventManager, Middleware } from '@athoscommerce/snap-event-manager';
+import type { Client } from '@athoscommerce/snap-client';
+import type { SearchStore, AutocompleteStore, FinderStore, RecommendationStore, StoreConfig, SearchStoreConfig, FinderStoreConfig, AutocompleteStoreConfig, RecommendationStoreConfig } from '@athoscommerce/snap-store-mobx';
+import type { Tracker, ProductViewEvent } from '@athoscommerce/snap-tracker';
+import type { Profiler } from '@athoscommerce/snap-profiler';
+import type { UrlManager } from '@athoscommerce/snap-url-manager';
+import type { Logger } from '@athoscommerce/snap-logger';
+import type { AutocompleteRequestModel, SearchRequestModel } from '@athoscommerce/snapi-types';
+export type PluginFunction = (cntrlr: AbstractController, ...args: any) => Promise<void> | void;
+export type PluginGrouping = [func: PluginFunction, ...args: unknown[]];
+export type BeforeSearchObj = {
+    controller: AbstractController;
+    request: any;
+};
+export type SearchAfterSearchObj = {
+    controller: SearchController;
+    response: any;
+    request: SearchRequestModel;
+};
+export type AutocompleteAfterSearchObj = {
+    controller: AutocompleteController;
+    response: any;
+    request: AutocompleteRequestModel;
+};
+export type FinderAfterSearchObj = {
+    controller: FinderController;
+    response: any;
+    request: SearchRequestModel;
+};
+export type AfterSearchObj = SearchAfterSearchObj | AutocompleteAfterSearchObj | FinderAfterSearchObj;
+export type AfterStoreObj = {
+    controller: AbstractController;
+    request: any;
+    response: any;
+};
+export type RestorePositionObj = {
+    controller: AbstractController;
+    element?: ElementPositionObj;
+};
+export type ElementPositionObj = {
+    href?: string;
+    selector?: string;
+    domRect?: DOMRect;
+};
+export declare enum ControllerTypes {
+    search = "search",
+    autocomplete = "autocomplete",
+    finder = "finder",
+    recommendation = "recommendation"
+}
+export type Controllers = SearchController | AutocompleteController | FinderController | RecommendationController;
+export type ControllerServices = {
+    client: Client;
+    store: SearchStore | AutocompleteStore | FinderStore | RecommendationStore;
+    urlManager: UrlManager;
+    eventManager: EventManager;
+    profiler: Profiler;
+    logger: Logger;
+    tracker: Tracker;
+};
+export type Attachments = {
+    middleware?: {
+        [eventName: string]: Middleware<any> | Middleware<any>[];
+    };
+    plugins?: PluginGrouping[];
+    [any: string]: unknown;
+};
+export type ContextVariables = {
+    shopper?: {
+        id: string;
+        cart?: ProductViewEvent[];
+        [variable: string]: any;
+    };
+    page?: PageContextVariable;
+    [variable: string]: any;
+};
+export type PageContextVariable = {
+    type: 'search' | 'category';
+};
+export type ControllerConfig = StoreConfig & Attachments;
+export type SearchControllerConfig = ControllerConfig & SearchStoreConfig;
+export type FinderControllerConfig = ControllerConfig & FinderStoreConfig;
+export type AutocompleteControllerConfig = ControllerConfig & AutocompleteStoreConfig;
+export type RecommendationControllerConfig = ControllerConfig & RecommendationStoreConfig;
+export type ControllerConfigs = SearchControllerConfig | AutocompleteControllerConfig | FinderControllerConfig | RecommendationControllerConfig;
+//# sourceMappingURL=types.d.ts.map

package/dist/cjs/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/types.ts"],"names":[],"mappings":"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"}

package/dist/cjs/types.js

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ControllerTypes = void 0;
+var ControllerTypes;
+(function (ControllerTypes) {
+    ControllerTypes["search"] = "search";
+    ControllerTypes["autocomplete"] = "autocomplete";
+    ControllerTypes["finder"] = "finder";
+    ControllerTypes["recommendation"] = "recommendation";
+})(ControllerTypes || (exports.ControllerTypes = ControllerTypes = {}));

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

@@ -0,0 +1,3 @@
+import type { ImmutableUrlState } from '@athoscommerce/snap-url-manager';
+export declare function getSearchParams(state: ImmutableUrlState): Record<string, any>;
+//# sourceMappingURL=getParams.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"getParams.d.ts","sourceRoot":"","sources":["../../../src/utils/getParams.ts"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,iCAAiC,CAAC;AAEzE,wBAAgB,eAAe,CAAC,KAAK,EAAE,iBAAiB,GAAG,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAgF7E"}

package/dist/cjs/utils/getParams.js

@@ -0,0 +1,70 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getSearchParams = getSearchParams;
+function getSearchParams(state) {
+    var params = {};
+    if (state.tag) {
+        params.merchandising = params.merchandising || {};
+        params.merchandising.landingPage = state.tag;
+    }
+    if (state.query) {
+        params.search = params.search || {};
+        params.search.query = params.search.query || {};
+        params.search.query.string = state.query;
+    }
+    if (state.rq) {
+        params.search = params.search || {};
+        params.search.subQuery = state.rq;
+    }
+    if (state.fallbackQuery) {
+        params.search = params.search || {};
+        params.search.fallbackQuery = state.fallbackQuery;
+    }
+    if (state.page) {
+        params.pagination = params.pagination || {};
+        params.pagination.page = state.page;
+    }
+    if (state.pageSize) {
+        params.pagination = params.pagination || {};
+        params.pagination.pageSize = state.pageSize;
+    }
+    if (state.sort) {
+        params.sorts = params.sorts || [];
+        var sorts = Array.isArray(state.sort) ? state.sort : [state.sort];
+        var sort = sorts[0];
+        if (sort && sort.field && sort.direction) {
+            params.sorts.push({
+                field: sort.field,
+                direction: sort.direction,
+            });
+        }
+    }
+    if (state.filter) {
+        params.filters = params.filters || [];
+        Object.keys(state.filter).forEach(function (field) {
+            if (typeof field != 'string') {
+                return;
+            }
+            var filter = state.filter[field];
+            // ensure values are an array
+            var values = Array.isArray(filter) ? filter : [filter];
+            values.forEach(function (value) {
+                if (typeof value != 'object') {
+                    params.filters.push({
+                        type: 'value',
+                        field: field,
+                        value: value,
+                    });
+                }
+                else if (typeof value.low != 'undefined' && typeof value.high != 'undefined') {
+                    params.filters.push({
+                        type: 'range',
+                        field: field,
+                        value: value,
+                    });
+                }
+            });
+        });
+    }
+    return params;
+}

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

@@ -0,0 +1,2 @@
+export declare const isClickWithinBannerLink: (e: MouseEvent) => boolean;
+//# sourceMappingURL=isClickWithinBannerLink.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"isClickWithinBannerLink.d.ts","sourceRoot":"","sources":["../../../src/utils/isClickWithinBannerLink.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,uBAAuB,MAAO,UAAU,KAAG,OAcvD,CAAC"}

package/dist/cjs/utils/isClickWithinBannerLink.js

@@ -0,0 +1,21 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.isClickWithinBannerLink = void 0;
+var isClickWithinProductLink_1 = require("./isClickWithinProductLink");
+var TRACKING_ATTRIBUTE = 'sstracking';
+var isClickWithinBannerLink = function (e) {
+    var currentElement = e.target;
+    var href = null;
+    var level = 0;
+    while (currentElement && (level < isClickWithinProductLink_1.CLICK_THROUGH_CLOSEST_MAX_LEVELS || !currentElement.getAttribute(TRACKING_ATTRIBUTE))) {
+        href = currentElement.getAttribute('href');
+        var isAnchor = currentElement.tagName.toLowerCase() === 'a';
+        if (href && isAnchor) {
+            return true;
+        }
+        currentElement = currentElement.parentElement;
+        level++;
+    }
+    return false;
+};
+exports.isClickWithinBannerLink = isClickWithinBannerLink;

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

@@ -0,0 +1,5 @@
+import type { Product } from '@athoscommerce/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,gCAAgC,CAAC;AAE9D,eAAO,MAAM,yBAAyB,MAAM,CAAC;AAC7C,eAAO,MAAM,gCAAgC,KAAK,CAAC;AAEnD,eAAO,MAAM,wBAAwB,MAAO,UAAU,UAAU,OAAO,KAAG,OAoBzE,CAAC"}

package/dist/cjs/utils/isClickWithinProductLink.js

@@ -0,0 +1,25 @@
+"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 resultDisplayUrl = ((_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) || '';
+    var resultCoreUrl = ((_c = result === null || result === void 0 ? void 0 : result.mappings.core) === null || _c === void 0 ? void 0 : _c.url) || '';
+    // Get the composed path to handle shadow DOM elements
+    var path = e.composedPath ? e.composedPath() : [e.target];
+    // Check up to CLICK_THROUGH_CLOSEST_MAX_LEVELS elements in the path
+    var elementsToCheck = path.slice(0, exports.CLICK_THROUGH_CLOSEST_MAX_LEVELS);
+    for (var _i = 0, elementsToCheck_1 = elementsToCheck; _i < elementsToCheck_1.length; _i++) {
+        var element = elementsToCheck_1[_i];
+        if (element instanceof Element) {
+            var href = element.getAttribute('href');
+            if (href && ((resultCoreUrl && href.includes(resultCoreUrl)) || (resultDisplayUrl && href.includes(resultDisplayUrl)))) {
+                return true;
+            }
+        }
+    }
+    return false;
+};
+exports.isClickWithinProductLink = isClickWithinProductLink;

package/dist/esm/Abstract/AbstractController.d.ts

@@ -0,0 +1,42 @@
+import { DomTargeter } from '@athoscommerce/snap-toolbox';
+import type { Client } from '@athoscommerce/snap-client';
+import type { AbstractStore } from '@athoscommerce/snap-store-mobx';
+import type { UrlManager } from '@athoscommerce/snap-url-manager';
+import type { EventManager, Middleware } from '@athoscommerce/snap-event-manager';
+import type { Profiler } from '@athoscommerce/snap-profiler';
+import type { Logger } from '@athoscommerce/snap-logger';
+import type { Tracker } from '@athoscommerce/snap-tracker';
+import type { Target, OnTarget } from '@athoscommerce/snap-toolbox';
+import type { ControllerServices, ControllerConfig, Attachments, ContextVariables, PluginFunction } from '../types';
+export declare abstract class AbstractController {
+    id: string;
+    type: string;
+    config: ControllerConfig;
+    client: Client;
+    store: AbstractStore;
+    urlManager: UrlManager;
+    eventManager: EventManager;
+    profiler: Profiler;
+    log: Logger;
+    tracker: Tracker;
+    context: ContextVariables;
+    targeters: {
+        [key: string]: DomTargeter;
+    };
+    protected _initialized: boolean;
+    get initialized(): boolean;
+    handleError: (err: unknown, details?: {
+        [any: string]: unknown;
+    }) => void;
+    constructor(config: ControllerConfig, { client, store, urlManager, eventManager, profiler, logger, tracker }: ControllerServices, context?: ContextVariables);
+    createTargeter(target: Target, onTarget: OnTarget, document?: Document): DomTargeter | undefined;
+    addTargeter(target: DomTargeter): DomTargeter | undefined;
+    init(): Promise<void>;
+    retarget(): void;
+    abstract search(): Promise<void>;
+    plugin(func: PluginFunction, ...args: unknown[]): Promise<void>;
+    on<T>(event: string, ...func: Middleware<T>[]): void;
+    use(attachments: Attachments): void;
+    setConfig(newConfig: any): void;
+}
+//# sourceMappingURL=AbstractController.d.ts.map

package/dist/esm/Abstract/AbstractController.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AbstractController.d.ts","sourceRoot":"","sources":["../../../src/Abstract/AbstractController.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,6BAA6B,CAAC;AAE1D,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,4BAA4B,CAAC;AACzD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,gCAAgC,CAAC;AACpE,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,iCAAiC,CAAC;AAClE,OAAO,KAAK,EAAE,YAAY,EAAE,UAAU,EAAE,MAAM,mCAAmC,CAAC;AAClF,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,8BAA8B,CAAC;AAC7D,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,4BAA4B,CAAC;AACzD,OAAO,KAAK,EAAE,OAAO,EAAmB,MAAM,6BAA6B,CAAC;AAC5E,OAAO,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAC;AAEpE,OAAO,KAAK,EAAE,kBAAkB,EAAE,gBAAgB,EAAE,WAAW,EAAE,gBAAgB,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAEpH,8BAAsB,kBAAkB;IAChC,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,SAAc;IAClB,MAAM,EAAE,gBAAgB,CAAC;IACzB,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,aAAa,CAAC;IACrB,UAAU,EAAE,UAAU,CAAC;IACvB,YAAY,EAAE,YAAY,CAAC;IAC3B,QAAQ,EAAE,QAAQ,CAAC;IACnB,GAAG,EAAE,MAAM,CAAC;IACZ,OAAO,EAAE,OAAO,CAAC;IACjB,OAAO,EAAE,gBAAgB,CAAC;IAE1B,SAAS,EAAE;QACjB,CAAC,GAAG,EAAE,MAAM,GAAG,WAAW,CAAC;KAC3B,CAAM;IAEP,SAAS,CAAC,YAAY,UAAS;IAE/B,IAAI,WAAW,IAAI,OAAO,CAEzB;IAEM,WAAW,QAAS,OAAO,YAAY;QAAE,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAA;KAAE,KAAG,IAAI,CAoD7E;gBAGD,MAAM,EAAE,gBAAgB,EACxB,EAAE,MAAM,EAAE,KAAK,EAAE,UAAU,EAAE,YAAY,EAAE,QAAQ,EAAE,MAAM,EAAE,OAAO,EAAE,EAAE,kBAAkB,EAC1F,OAAO,GAAE,gBAAqB;IA2DxB,cAAc,CAAC,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,CAAC,EAAE,QAAQ,GAAG,WAAW,GAAG,SAAS;IAIhG,WAAW,CAAC,MAAM,EAAE,WAAW,GAAG,WAAW,GAAG,SAAS;IASnD,IAAI,IAAI,OAAO,CAAC,IAAI,CAAC;IAgD3B,QAAQ,IAAI,IAAI;aAMP,MAAM,IAAI,OAAO,CAAC,IAAI,CAAC;IAE1B,MAAM,CAAC,IAAI,EAAE,cAAc,EAAE,GAAG,IAAI,EAAE,OAAO,EAAE,GAAG,OAAO,CAAC,IAAI,CAAC;IAIrE,EAAE,CAAC,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,IAAI,EAAE,UAAU,CAAC,CAAC,CAAC,EAAE,GAAG,IAAI;IAIpD,GAAG,CAAC,WAAW,EAAE,WAAW,GAAG,IAAI;IAqC1C,SAAS,CAAC,SAAS,EAAE,GAAG,GAAG,IAAI;CAI/B"}

package/dist/esm/Abstract/AbstractController.js

@@ -0,0 +1,208 @@
+import { DomTargeter } from '@athoscommerce/snap-toolbox';
+export class AbstractController {
+    get initialized() {
+        return this._initialized;
+    }
+    constructor(config, { client, store, urlManager, eventManager, profiler, logger, tracker }, context = {}) {
+        this.type = 'abstract';
+        this.targeters = {};
+        this._initialized = false;
+        this.handleError = (err, details) => {
+            let event;
+            if (err instanceof ErrorEvent) {
+                event = err;
+            }
+            else if (err instanceof Error) {
+                event = new ErrorEvent('error', {
+                    error: err,
+                    message: err.message,
+                });
+            }
+            else if (typeof err === 'string' || typeof err == 'number') {
+                event = new ErrorEvent('error', {
+                    error: new Error(err.toString()),
+                });
+            }
+            else if (typeof err === 'object' && Object.keys(err).length) {
+                try {
+                    event = new ErrorEvent('error', {
+                        error: new Error(JSON.stringify(err)),
+                    });
+                }
+                catch (e) { }
+            }
+            if (event) {
+                const { filename, colno, lineno, error: { stack }, message, timeStamp, } = event;
+                const beaconPayload = {
+                    filename,
+                    stack,
+                    message,
+                    colno,
+                    lineno,
+                    errortimestamp: timeStamp,
+                    details,
+                    context: {
+                        controller: {
+                            id: this.id,
+                            type: this.type,
+                        },
+                    },
+                };
+                this.tracker.track.error(beaconPayload);
+                this.eventManager.fire('error', { controller: this, error: err });
+            }
+        };
+        if (typeof config != 'object' || typeof config.id != 'string' || !config.id.match(/^[a-zA-Z0-9_-]*$/)) {
+            throw new Error(`Invalid config passed to controller. The "id" attribute must be an alphanumeric string.`);
+        }
+        if (typeof client != 'object' || typeof client.search != 'function') {
+            throw new Error(`Invalid service 'client' passed to controller. Missing "search" function.`);
+        }
+        if (typeof store != 'object' || typeof store.update != 'function') {
+            throw new Error(`Invalid service 'store' passed to controller. Missing "update" function.`);
+        }
+        if (typeof urlManager != 'object' || typeof urlManager.subscribe != 'function') {
+            throw new Error(`Invalid service 'urlManager' passed to controller. Missing "subscribe" function.`);
+        }
+        if (typeof eventManager != 'object' || typeof eventManager.on != 'function') {
+            throw new Error(`Invalid service 'eventManager' passed to controller. Missing "on" function.`);
+        }
+        if (typeof eventManager != 'object' || typeof eventManager.fire != 'function') {
+            throw new Error(`Invalid service 'eventManager' passed to controller. Missing "fire" function.`);
+        }
+        if (typeof profiler != 'object' || typeof profiler.setNamespace != 'function') {
+            throw new Error(`Invalid service 'profiler' passed to controller. Missing "setNamespace" function.`);
+        }
+        if (typeof profiler != 'object' || typeof profiler.create != 'function') {
+            throw new Error(`Invalid service 'profiler' passed to controller. Missing "create" function.`);
+        }
+        if (typeof logger != 'object' || typeof logger.dev != 'function') {
+            throw new Error(`Invalid service 'logger' passed to controller. Missing "dev" function.`);
+        }
+        if (typeof tracker != 'object' || typeof tracker.track != 'object') {
+            throw new Error(`Invalid service 'tracker' passed to controller. Missing "track" object.`);
+        }
+        this.id = config.id;
+        this.config = config;
+        this.client = client;
+        this.store = store;
+        this.urlManager = urlManager;
+        this.eventManager = eventManager;
+        this.profiler = profiler;
+        this.log = logger;
+        this.tracker = tracker;
+        this.context = context;
+        // configure the logger
+        this.log.setNamespace(this.config.id);
+        // set namespaces
+        this.profiler.setNamespace(this.config.id);
+    }
+    createTargeter(target, onTarget, document) {
+        return this.addTargeter(new DomTargeter([target], onTarget, document));
+    }
+    addTargeter(target) {
+        const firstTarget = target.getTargets()[0];
+        const targetName = firstTarget?.name ?? firstTarget?.selector;
+        if (targetName && !this.targeters[targetName]) {
+            this.targeters[targetName] = target;
+            return target;
+        }
+    }
+    async init() {
+        if (this._initialized) {
+            this.log.warn(`'init' middleware recalled`);
+        }
+        const initProfile = this.profiler.create({ type: 'event', name: 'init', context: this.config }).start();
+        try {
+            try {
+                await this.eventManager.fire('init', {
+                    controller: this,
+                });
+            }
+            catch (err) {
+                if (err?.message == 'cancelled') {
+                    this.log.warn(`'init' middleware cancelled`);
+                }
+                else {
+                    this.log.error(`error in 'init' middleware`);
+                    throw err;
+                }
+            }
+        }
+        catch (err) {
+            if (err) {
+                console.error(err);
+                this.handleError(err);
+            }
+        }
+        if (!this._initialized) {
+            // subscribe to urlManager changes
+            this.urlManager.subscribe((prev, next) => {
+                try {
+                    const prevString = JSON.stringify(prev);
+                    const nextString = JSON.stringify(next);
+                    if (prevString !== nextString) {
+                        this.search();
+                    }
+                }
+                catch (err) {
+                    this.log.error('URL state is invalid', err);
+                }
+            });
+            this._initialized = true;
+        }
+        initProfile.stop();
+        this.log.profile(initProfile);
+    }
+    retarget() {
+        Object.keys(this.targeters).forEach((target) => {
+            this.targeters[target].retarget();
+        });
+    }
+    async plugin(func, ...args) {
+        await func(this, ...args);
+    }
+    on(event, ...func) {
+        this.eventManager.on(event, ...func);
+    }
+    use(attachments) {
+        // attach plugins
+        if (attachments?.plugins) {
+            try {
+                if (!Array.isArray(attachments?.plugins)) {
+                    throw 'invalid format';
+                }
+                attachments?.plugins.forEach((plugin) => {
+                    if (!Array.isArray(plugin)) {
+                        throw 'invalid format';
+                    }
+                    const [func, ...args] = plugin;
+                    this.plugin(func, ...args);
+                });
+            }
+            catch (err) {
+                this.log.warn('plugins not attached - use format [func, ...args?][]');
+            }
+        }
+        // attach event middleware
+        if (attachments?.middleware) {
+            Object.keys(attachments.middleware).forEach((eventName) => {
+                const eventMiddleware = attachments.middleware[eventName];
+                let middlewareArray;
+                if (Array.isArray(eventMiddleware)) {
+                    middlewareArray = eventMiddleware;
+                }
+                else {
+                    middlewareArray = [eventMiddleware];
+                }
+                middlewareArray.forEach((middleware) => {
+                    this.on(eventName, middleware);
+                });
+            });
+        }
+    }
+    setConfig(newConfig) {
+        this.config = newConfig;
+        this.store.setConfig(newConfig);
+    }
+}

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

@@ -0,0 +1,59 @@
+import { StorageStore, Product, Banner, MerchandisingContentBanner } from '@athoscommerce/snap-store-mobx';
+import { AbstractController } from '../Abstract/AbstractController';
+import { ControllerTypes } from '../types';
+import { AutocompleteStore } from '@athoscommerce/snap-store-mobx';
+import type { AutocompleteControllerConfig, ControllerServices, ContextVariables } from '../types';
+import type { AutocompleteRequestModel } from '@athoscommerce/snapi-types';
+export declare const INPUT_DELAY = 200;
+type AutocompleteTrackMethods = {
+    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 AutocompleteController extends AbstractController {
+    type: ControllerTypes;
+    store: AutocompleteStore;
+    config: AutocompleteControllerConfig;
+    storage: StorageStore;
+    private events;
+    constructor(config: AutocompleteControllerConfig, { client, store, urlManager, eventManager, profiler, logger, tracker }: ControllerServices, context?: ContextVariables);
+    track: AutocompleteTrackMethods;
+    get params(): AutocompleteRequestModel;
+    setFocused(inputElement?: HTMLInputElement): Promise<void>;
+    reset(): void;
+    handlers: {
+        input: {
+            enterKey: (e: KeyboardEvent) => Promise<boolean | undefined>;
+            escKey: (e: KeyboardEvent) => void;
+            focus: (e: FocusEvent) => void;
+            formSubmit: (e: React.FormEvent<HTMLInputElement>) => Promise<void>;
+            formElementChange: (e: React.ChangeEvent<HTMLInputElement>) => void;
+            input: (e: Event) => void;
+            timeoutDelay: undefined | ReturnType<typeof setTimeout>;
+        };
+        document: {
+            click: (e: MouseEvent) => void;
+        };
+    };
+    unbind(): void;
+    bind(): Promise<void>;
+    searchTrending: (options?: {
+        limit?: number;
+    }) => Promise<void>;
+    search: () => Promise<void>;
+    addToCart: (_products: Product[] | Product) => Promise<void>;
+}
+export {};
+//# sourceMappingURL=AutocompleteController.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AutocompleteController.d.ts","sourceRoot":"","sources":["../../../src/Autocomplete/AutocompleteController.ts"],"names":[],"mappings":"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"}