@athoscommerce/snap-preact 1.10.1-beta.150 → 1.11.0

package/dist/esm/components/src/utilities/selectionKey.d.ts

@@ -0,0 +1,3 @@
+import type { ListOption } from '../types';
+export declare function selectionKey(selected?: ListOption | ListOption[]): string;
+//# sourceMappingURL=selectionKey.d.ts.map

package/dist/esm/components/src/utilities/selectionKey.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"selectionKey.d.ts","sourceRoot":"","sources":["../../../../../components/src/utilities/selectionKey.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAM3C,wBAAgB,YAAY,CAAC,QAAQ,CAAC,EAAE,UAAU,GAAG,UAAU,EAAE,GAAG,MAAM,CAKzE"}

package/dist/esm/components/src/utilities/selectionKey.js

@@ -0,0 +1,9 @@
+// identifies a selection by the fields that options are matched on when rendering, so that a store
+// handing back an equivalent - but not identical - option counts as the same selection. option
+// objects themselves are not comparable: those built by the stores carry a UrlManager that picks up
+// every url change, which would read as a new selection on each navigation
+export function selectionKey(selected) {
+    const options = selected == undefined ? [] : Array.isArray(selected) ? selected : [selected];
+    // label is included so that options without a value still produce distinct keys
+    return options.map((option) => `${option?.value}:${option?.label}`).join('|');
+}

package/dist/esm/components/src/utilities/snapify.d.ts

@@ -1,9 +1,8 @@
-import { SearchController, AutocompleteController, RecommendationController, ChatController } from '@athoscommerce/snap-controller';
-import type { SearchControllerConfig, AutocompleteControllerConfig, RecommendationControllerConfig, ChatControllerConfig } from '@athoscommerce/snap-controller';
+import { SearchController, AutocompleteController, RecommendationController } from '@athoscommerce/snap-controller';
+import type { SearchControllerConfig, AutocompleteControllerConfig, RecommendationControllerConfig } from '@athoscommerce/snap-controller';
 export declare class Snapify {
     static recommendation(config: RecommendationControllerConfig): RecommendationController;
     static autocomplete(config: AutocompleteControllerConfig): AutocompleteController;
-    static chat(config: ChatControllerConfig): ChatController;
     static search(config: SearchControllerConfig): SearchController;
 }
 //# sourceMappingURL=snapify.d.ts.map

package/dist/esm/components/src/utilities/snapify.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"snapify.d.ts","sourceRoot":"","sources":["../../../../../components/src/utilities/snapify.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,gBAAgB,EAAE,sBAAsB,EAAE,wBAAwB,EAAE,cAAc,EAAE,MAAM,gCAAgC,CAAC;AAUpI,OAAO,KAAK,EACX,sBAAsB,EACtB,4BAA4B,EAC5B,8BAA8B,EAC9B,oBAAoB,EACpB,MAAM,gCAAgC,CAAC;AAqBxC,qBAAa,OAAO;IACnB,MAAM,CAAC,cAAc,CAAC,MAAM,EAAE,8BAA8B,GAAG,wBAAwB,CAiBtF;IACD,MAAM,CAAC,YAAY,CAAC,MAAM,EAAE,4BAA4B,GAAG,sBAAsB,CAiBhF;IAED,MAAM,CAAC,IAAI,CAAC,MAAM,EAAE,oBAAoB,GAAG,cAAc,CAiBxD;IAED,MAAM,CAAC,MAAM,CAAC,MAAM,EAAE,sBAAsB,GAAG,gBAAgB,CAiB9D;CACD"}
+{"version":3,"file":"snapify.d.ts","sourceRoot":"","sources":["../../../../../components/src/utilities/snapify.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,gBAAgB,EAAE,sBAAsB,EAAE,wBAAwB,EAAE,MAAM,gCAAgC,CAAC;AAUpH,OAAO,KAAK,EAAE,sBAAsB,EAAE,4BAA4B,EAAE,8BAA8B,EAAE,MAAM,gCAAgC,CAAC;AAqB3I,qBAAa,OAAO;IACnB,MAAM,CAAC,cAAc,CAAC,MAAM,EAAE,8BAA8B,GAAG,wBAAwB,CAiBtF;IACD,MAAM,CAAC,YAAY,CAAC,MAAM,EAAE,4BAA4B,GAAG,sBAAsB,CAiBhF;IAED,MAAM,CAAC,MAAM,CAAC,MAAM,EAAE,sBAAsB,GAAG,gBAAgB,CAiB9D;CACD"}

package/dist/esm/components/src/utilities/snapify.js

@@ -1,7 +1,7 @@
 import { configure as configureMobx } from 'mobx';
-import { SearchController, AutocompleteController, RecommendationController, ChatController } from '@athoscommerce/snap-controller';
+import { SearchController, AutocompleteController, RecommendationController } from '@athoscommerce/snap-controller';
 import { Client } from '@athoscommerce/snap-client';
-import { SearchStore, AutocompleteStore, RecommendationStore, ChatStore } from '@athoscommerce/snap-store-mobx';
+import { SearchStore, AutocompleteStore, RecommendationStore } from '@athoscommerce/snap-store-mobx';
 import { UrlManager, UrlTranslator, reactLinker } from '@athoscommerce/snap-url-manager';
 import { EventManager } from '@athoscommerce/snap-event-manager';
 import { Profiler } from '@athoscommerce/snap-profiler';
@@ -42,20 +42,6 @@ export class Snapify {
         cntrlr.init();
         return cntrlr;
     }
-    static chat(config) {
-        const id = config.id;
-        if (controllers[id]) {
-            return controllers[id];
-        }
-        const cntrlr = (controllers[id] = createChatController({ client, controller: config }));
-        cntrlr.on('afterStore', async ({ controller }, next) => {
-            controller.log.debug('controller', controller);
-            controller.log.debug('store', controller.store.toJSON());
-            await next();
-        });
-        cntrlr.init();
-        return cntrlr;
-    }
     static search(config) {
         const id = config.id;
         if (controllers[id]) {
@@ -97,19 +83,6 @@ function createRecommendationController(config) {
     });
     return cntrlr;
 }
-function createChatController(config) {
-    const urlManager = new UrlManager(new UrlTranslator(), reactLinker).detach(true);
-    const cntrlr = new ChatController(config.controller, {
-        client: new Client(config.client.globals, config.client.config),
-        store: new ChatStore({ ...config.controller, siteId: config.client.globals.siteId }, { urlManager }),
-        urlManager,
-        eventManager: new EventManager(),
-        profiler: new Profiler(),
-        logger: new Logger(),
-        tracker: new Tracker(config.client.globals),
-    });
-    return cntrlr;
-}
 function createAutocompleteController(config) {
     const urlManager = new UrlManager(new UrlTranslator(), reactLinker).detach();
     const cntrlr = new AutocompleteController(config.controller, {

package/dist/esm/src/Snap.d.ts

@@ -5,7 +5,7 @@ import { AppMode } from '@athoscommerce/snap-toolbox';
 import { ControllerTypes } from '@athoscommerce/snap-controller';
 import { EventManager } from '@athoscommerce/snap-event-manager';
 import type { ClientConfig, ClientGlobals } from '@athoscommerce/snap-client';
-import type { Controllers, AbstractController, SearchControllerConfig, ChatControllerConfig, AutocompleteControllerConfig, FinderControllerConfig, RecommendationControllerConfig, ControllerConfigs, ContextVariables } from '@athoscommerce/snap-controller';
+import type { Controllers, AbstractController, SearchControllerConfig, AutocompleteControllerConfig, FinderControllerConfig, RecommendationControllerConfig, ControllerConfigs, ContextVariables } from '@athoscommerce/snap-controller';
 import type { TrackerConfig, TrackerGlobals } from '@athoscommerce/snap-tracker';
 import type { Target, OnTarget } from '@athoscommerce/snap-toolbox';
 import type { UrlTranslatorConfig } from '@athoscommerce/snap-url-manager';
@@ -55,7 +55,6 @@ export type SnapConfig = {
     };
     controllers?: {
         search?: SnapConfigControllerDefinition<SearchControllerConfig>[];
-        chat?: SnapConfigControllerDefinition<ChatControllerConfig>[];
         autocomplete?: SnapConfigControllerDefinition<AutocompleteControllerConfig>[];
         finder?: SnapConfigControllerDefinition<FinderControllerConfig>[];
         recommendation?: SnapConfigControllerDefinition<RecommendationControllerConfig>[];

package/dist/esm/src/Snap.d.ts.map

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

package/dist/esm/src/Snap.js

@@ -10,7 +10,7 @@ import { AppMode, version, getContext, DomTargeter, url, cookies, featureFlags }
 import { ControllerTypes } from '@athoscommerce/snap-controller';
 import { getInitialUrlState } from './getInitialUrlState/getInitialUrlState';
 import { default as createSearchController } from './create/createSearchController';
-import { applyChatTargetInject, configureSnapFeatures } from './utils';
+import { configureSnapFeatures } from './utils';
 import { setupEvents } from './setupEvents';
 // configure MobX
 configureMobx({ useProxies: 'never', isolateGlobalState: true, enforceActions: 'never' });
@@ -95,9 +95,6 @@ export class Snap {
                 case ControllerTypes.recommendation:
                     importPromise = import('./create/createRecommendationController');
                     break;
-                case ControllerTypes.chat:
-                    importPromise = import('./create/createChatController');
-                    break;
                 case ControllerTypes.search:
                 default:
                     importPromise = import('./create/createSearchController');
@@ -541,73 +538,6 @@ export class Snap {
                     });
                     break;
                 }
-                case 'chat': {
-                    this.config.controllers[type].forEach((controller, index) => {
-                        if (typeof this._controllerPromises[controller.config.id] != 'undefined') {
-                            this.logger.error(`Controller with id '${controller.config.id}' is already defined`);
-                            return;
-                        }
-                        this._controllerPromises[controller.config.id] = new Promise(async (resolve) => {
-                            try {
-                                // `_initialized` is only set after the awaited init fires, so two chat
-                                // targeters would otherwise both re-run the init middleware
-                                let initialized = false;
-                                const targetFunction = async (target, elem, originalElem) => {
-                                    const onTarget = target.onTarget;
-                                    onTarget && (await onTarget(target, elem, originalElem));
-                                    try {
-                                        const importPromises = [];
-                                        // dynamically import the component
-                                        importPromises.push(target.component());
-                                        const importResolutions = await Promise.all(importPromises);
-                                        const Component = importResolutions[0];
-                                        setTimeout(() => {
-                                            render(_jsx(Component, { controller: this.controllers[controller.config.id], snap: this, ...target.props }), elem);
-                                        });
-                                    }
-                                    catch (err) {
-                                        this.logger.error(err);
-                                        this.logger.error(COMPONENT_ERROR, target);
-                                    }
-                                };
-                                if (!controller?.targeters || controller?.targeters.length === 0) {
-                                    const cntrlr = await this._createController(ControllerTypes.chat, controller.config, controller.services, controller.url, controller.context, (cntrlr) => {
-                                        if (cntrlr)
-                                            resolve(cntrlr);
-                                    });
-                                    if (!cntrlr.initialized)
-                                        cntrlr.init();
-                                }
-                                controller?.targeters?.forEach((target, target_index) => {
-                                    if (!target.selector) {
-                                        throw new Error(`Targets at index ${target_index} missing selector value (string).`);
-                                    }
-                                    if (!target.component) {
-                                        throw new Error(`Targets at index ${target_index} missing component value (Component).`);
-                                    }
-                                    target = applyChatTargetInject(target);
-                                    const targeter = new DomTargeter([{ ...target }], async (target, elem, originalElem) => {
-                                        const cntrlr = await this._createController(ControllerTypes.chat, controller.config, controller.services, controller.url, controller.context, (cntrlr) => {
-                                            if (cntrlr)
-                                                resolve(cntrlr);
-                                        });
-                                        if (!initialized) {
-                                            initialized = true;
-                                            if (!cntrlr.initialized)
-                                                cntrlr.init();
-                                        }
-                                        targetFunction({ controller: cntrlr, ...target }, elem, originalElem);
-                                        cntrlr.addTargeter(targeter);
-                                    });
-                                });
-                            }
-                            catch (err) {
-                                this.logger.error(`Failed to instantiate ${type} controller at index ${index}.`, err);
-                            }
-                        });
-                    });
-                    break;
-                }
                 case 'autocomplete': {
                     this.config.controllers[type].forEach((controller, index) => {
                         if (typeof this._controllerPromises[controller.config.id] != 'undefined') {

package/dist/esm/src/Templates/SnapTemplates.d.ts

@@ -1,12 +1,12 @@
 import { Snap } from '../Snap';
 import { TemplatesStore } from './Stores/TemplateStore';
 import { type AutocompleteStoreConfigSettings } from '@athoscommerce/snap-store-mobx';
-import type { UrlTranslatorConfig } from '@athoscommerce/snap-url-manager';
-import type { PluginGrouping } from '@athoscommerce/snap-controller';
+import type { CoreMap, UrlTranslatorConfig } from '@athoscommerce/snap-url-manager';
+import type { Controllers, PluginGrouping } from '@athoscommerce/snap-controller';
 import type { RecommendationComponentObject } from '../Instantiators/RecommendationInstantiator';
 import type { SnapFeatures } from '../types';
 import type { SnapConfig, ExtendedTarget } from '../Snap';
-import type { TemplatesStoreConfigLocked, TemplatesStoreConfigUnlocked } from './Stores/TemplateStore';
+import type { PluginsConfigsUnlocked, TemplatesStoreConfigLocked, TemplatesStoreConfigUnlocked } from './Stores/TemplateStore';
 export declare const TEMPLATE_EDITOR_COOKIE = "athosEditor";
 export declare const TEMPLATE_EDITOR_UI_PARAM = "athos-editor";
 export type SnapTemplatesConfig = SnapTemplatesConfigLocked;
@@ -21,20 +21,22 @@ export type SnapTemplatesConfigLocked = TemplatesStoreConfigLocked & {
 };
 export declare const DEFAULT_FEATURES: SnapFeatures;
 export declare const DEFAULT_AUTOCOMPLETE_CONTROLLER_SETTINGS: AutocompleteStoreConfigSettings;
+export declare const TAB_PREFIXED_PARAMS: (keyof CoreMap)[];
 export declare const applyAutomaticThemeOverrides: (templateConfig: SnapTemplatesConfig | SnapTemplatesConfigUnlocked) => SnapTemplatesConfig | SnapTemplatesConfigUnlocked;
 export declare class SnapTemplates extends Snap {
     templates: TemplatesStore;
     constructor(config: SnapTemplatesConfig | SnapTemplatesConfigUnlocked);
+    getTemplateController(type: 'search' | 'autocomplete'): Controllers | undefined;
 }
 export declare function mapBreakpoints<ControllerConfigSettings>(breakpointsKeys: number[], breakpointSettings: ControllerConfigSettings[]): {
     [key: string]: ControllerConfigSettings | Record<string, never>;
 };
 export declare const createSearchTargeters: (templateConfig: SnapTemplatesConfig, templatesStore: TemplatesStore) => ExtendedTarget[];
-export declare const createChatTargeters: (templateConfig: SnapTemplatesConfig, templatesStore: TemplatesStore) => ExtendedTarget[];
 export declare function createAutocompleteTargeters(templateConfig: SnapTemplatesConfig, templatesStore: TemplatesStore): ExtendedTarget[];
 export declare function createRecommendationComponentMapping(templateConfig: SnapTemplatesConfig | SnapTemplatesConfigUnlocked, templatesStore: TemplatesStore): {
     [name: string]: RecommendationComponentObject;
 };
 export declare function createSnapConfig(templateConfig: SnapTemplatesConfig | SnapTemplatesConfigUnlocked, templatesStore: TemplatesStore): SnapConfig;
-export declare function createPlugins(templateConfig: SnapTemplatesConfig | SnapTemplatesConfigUnlocked, templatesStore: TemplatesStore, controllerType?: 'autocomplete' | 'search' | 'recommendation' | 'chat'): PluginGrouping[];
+export declare function createPlugins(templateConfig: SnapTemplatesConfig | SnapTemplatesConfigUnlocked, templatesStore: TemplatesStore, controllerType?: 'autocomplete' | 'search' | 'recommendation'): PluginGrouping[];
+export declare function createTabPlugins(tabPlugins: PluginsConfigsUnlocked, templatesStore: TemplatesStore): PluginGrouping[];
 //# sourceMappingURL=SnapTemplates.d.ts.map

package/dist/esm/src/Templates/SnapTemplates.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SnapTemplates.d.ts","sourceRoot":"","sources":["../../../../src/Templates/SnapTemplates.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAC;AAI/B,OAAO,EAAkB,cAAc,EAAE,MAAM,wBAAwB,CAAC;AAGxE,OAAO,EAAE,KAAK,+BAA+B,EAAE,MAAM,gCAAgC,CAAC;AACtF,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,iCAAiC,CAAC;AAC3E,OAAO,KAAK,EAA0C,cAAc,EAAoB,MAAM,gCAAgC,CAAC;AAC/H,OAAO,KAAK,EAAE,6BAA6B,EAAoC,MAAM,6CAA6C,CAAC;AACnI,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AAC7C,OAAO,KAAK,EAAE,UAAU,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAC1D,OAAO,KAAK,EAOX,0BAA0B,EAC1B,4BAA4B,EAE5B,MAAM,wBAAwB,CAAC;AA0ChC,eAAO,MAAM,sBAAsB,gBAAgB,CAAC;AACpD,eAAO,MAAM,wBAAwB,iBAAiB,CAAC;AAEvD,MAAM,MAAM,mBAAmB,GAAG,yBAAyB,CAAC;AAC5D,MAAM,MAAM,2BAA2B,GAAG,4BAA4B,GAAG;IACxE,QAAQ,EAAE,IAAI,CAAC;IACf,GAAG,CAAC,EAAE,mBAAmB,CAAC;IAC1B,QAAQ,CAAC,EAAE,YAAY,CAAC;CACxB,CAAC;AAEF,MAAM,MAAM,yBAAyB,GAAG,0BAA0B,GAAG;IACpE,GAAG,CAAC,EAAE,mBAAmB,CAAC;IAC1B,QAAQ,CAAC,EAAE,YAAY,CAAC;CACxB,CAAC;AA0BF,eAAO,MAAM,gBAAgB,EAAE,YAAiB,CAAC;AAEjD,eAAO,MAAM,wCAAwC,EAAE,+BAItD,CAAC;AAeF,eAAO,MAAM,4BAA4B,mBACxB,mBAAmB,GAAG,2BAA2B,KAC/D,mBAAmB,GAAG,2BAmCxB,CAAC;AAEF,qBAAa,aAAc,SAAQ,IAAI;IACtC,SAAS,EAAE,cAAc,CAAC;IAC1B,YAAY,MAAM,EAAE,mBAAmB,GAAG,2BAA2B,EA4GpE;CACD;AAED,wBAAgB,cAAc,CAAC,wBAAwB,EACtD,eAAe,EAAE,MAAM,EAAE,EACzB,kBAAkB,EAAE,wBAAwB,EAAE,GAC5C;IAAE,CAAC,GAAG,EAAE,MAAM,GAAG,wBAAwB,GAAG,MAAM,CAAC,MAAM,EAAE,KAAK,CAAC,CAAA;CAAE,CAKrE;AAED,eAAO,MAAM,qBAAqB,mBAAoB,mBAAmB,kBAAkB,cAAc,KAAG,cAAc,EAqCzH,CAAC;AAEF,eAAO,MAAM,mBAAmB,mBAAoB,mBAAmB,kBAAkB,cAAc,KAAG,cAAc,EAgCvH,CAAC;AAEF,wBAAgB,2BAA2B,CAAC,cAAc,EAAE,mBAAmB,EAAE,cAAc,EAAE,cAAc,GAAG,cAAc,EAAE,CAsCjI;AAED,wBAAgB,oCAAoC,CACnD,cAAc,EAAE,mBAAmB,GAAG,2BAA2B,EACjE,cAAc,EAAE,cAAc,GAC5B;IAAE,CAAC,IAAI,EAAE,MAAM,GAAG,6BAA6B,CAAA;CAAE,CAiDnD;AAED,wBAAgB,gBAAgB,CAAC,cAAc,EAAE,mBAAmB,GAAG,2BAA2B,EAAE,cAAc,EAAE,cAAc,GAAG,UAAU,CAmK9I;AAED,wBAAgB,aAAa,CAC5B,cAAc,EAAE,mBAAmB,GAAG,2BAA2B,EACjE,cAAc,EAAE,cAAc,EAC9B,cAAc,CAAC,EAAE,cAAc,GAAG,QAAQ,GAAG,gBAAgB,GAAG,MAAM,GACpE,cAAc,EAAE,CAgGlB"}
+{"version":3,"file":"SnapTemplates.d.ts","sourceRoot":"","sources":["../../../../src/Templates/SnapTemplates.tsx"],"names":[],"mappings":"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"}

package/dist/esm/src/Templates/SnapTemplates.js

@@ -5,8 +5,11 @@ import { Snap } from '../Snap';
 import { TemplateSelect } from '../../components/src/components/Atoms/TemplateSelect';
 import { DomTargeter, url, cookies, version, getContext } from '@athoscommerce/snap-toolbox';
 import { TemplatesStore } from './Stores/TemplateStore';
+import { TAB_ID_DEFAULT_PARAM, getActiveTabConfig } from './Stores/TabManagerStore';
+import { Client } from '@athoscommerce/snap-client';
+import { Tracker } from '@athoscommerce/snap-tracker';
 import { shopifyMarketsPriceFormat, } from '@athoscommerce/snap-platforms/shopify';
-import { applyChatTargetInject, combineMerge } from '../utils';
+import { combineMerge } from '../utils';
 export const TEMPLATE_EDITOR_COOKIE = 'athosEditor';
 export const TEMPLATE_EDITOR_UI_PARAM = 'athos-editor';
 export const DEFAULT_FEATURES = {};
@@ -15,6 +18,8 @@ export const DEFAULT_AUTOCOMPLETE_CONTROLLER_SETTINGS = {
         limit: 5,
     },
 };
+// tabs namespace their catalog specific url state - the query is shared so a single search spans every tab
+export const TAB_PREFIXED_PARAMS = ['filter', 'sort', 'pageSize', 'rq', 'page'];
 const hasShopifyMarketsPluginConfig = (templateConfig) => {
     const pluginConfigs = [
         templateConfig.plugins?.shopify?.markets,
@@ -93,8 +98,8 @@ export class SnapTemplates extends Snap {
                 // attach to the window object
                 window.athos = window.athos || {};
                 window.athos.editor = templateEditorStore;
-                const searchController = this.controllers['search'];
-                const autocompleteController = this.controllers['autocomplete'];
+                const searchController = this.getTemplateController('search');
+                const autocompleteController = this.getTemplateController('autocomplete');
                 if (searchController) {
                     templateEditorStore.registerController(searchController);
                 }
@@ -140,6 +145,16 @@ export class SnapTemplates extends Snap {
             }
         });
     }
+    // when tabs are configured there is no controller using the `search` / `autocomplete` id -
+    // the default tab controller is used instead
+    getTemplateController(type) {
+        const tabs = this.templates.config[type]?.tabs;
+        if (tabs?.length) {
+            const defaultTab = tabs.filter((tab) => tab.default)[0] || tabs[0];
+            return this.controllers[defaultTab.id];
+        }
+        return this.controllers[type];
+    }
 }
 export function mapBreakpoints(breakpointsKeys, breakpointSettings) {
     return breakpointsKeys.reduce((mapping, width, index) => {
@@ -180,35 +195,6 @@ export const createSearchTargeters = (templateConfig, templatesStore) => {
         return targeter;
     });
 };
-export const createChatTargeters = (templateConfig, templatesStore) => {
-    // initial target configs
-    const targetConfigs = templateConfig.chat?.targets || [];
-    let mergedConfigs;
-    if (templatesStore.settings.editMode) {
-        const overrideConfigs = (templatesStore.storage.get('overrides.targets.chat') || []);
-        mergedConfigs = deepmerge(targetConfigs, overrideConfigs, { arrayMerge: combineMerge });
-    }
-    else {
-        mergedConfigs = targetConfigs;
-    }
-    return mergedConfigs.map((targetConfig) => {
-        const target = templatesStore.addTarget({ ...targetConfig, type: 'chat' });
-        const targeter = {
-            selector: targetConfig.selector,
-            // inline selectors (e.g. a nav slot) may render after DOMContentLoaded;
-            // re-injection at already-targeted elements is prevented by DomTargeter
-            autoRetarget: true,
-            component: async () => {
-                const componentImportPromises = [];
-                componentImportPromises.push(templatesStore.library.import.component.chat[targetConfig.component]());
-                await Promise.all(componentImportPromises);
-                return TemplateSelect;
-            },
-            props: { target, templatesStore },
-        };
-        return applyChatTargetInject(targeter);
-    });
-};
 export function createAutocompleteTargeters(templateConfig, templatesStore) {
     // initial target configs
     const targetConfigs = templateConfig.autocomplete?.targets || [];
@@ -292,10 +278,19 @@ export function createRecommendationComponentMapping(templateConfig, templatesSt
         return mapping;
     }, {});
 }
+function createTabServices(snapConfig, siteId) {
+    const tabGlobals = {
+        ...snapConfig.client?.globals,
+        siteId,
+    };
+    return {
+        client: new Client(tabGlobals, snapConfig.client?.config),
+        tracker: new Tracker(tabGlobals, snapConfig.tracker?.config),
+    };
+}
 export function createSnapConfig(templateConfig, templatesStore) {
     const initiatorPrefix = window?.athos?.managed ? `managed/` : '';
     const snapConfig = {
-        mode: templateConfig.config?.mode,
         features: templateConfig.features || DEFAULT_FEATURES,
         client: {
             globals: {},
@@ -323,37 +318,63 @@ export function createSnapConfig(templateConfig, templatesStore) {
     }
     /* SEARCH CONTROLLER */
     if (templateConfig.search && snapConfig.controllers) {
-        const searchControllerConfig = {
-            config: {
-                id: 'search',
-                plugins: createPlugins(templateConfig, templatesStore, 'search'),
-                globals: templateConfig.search.globals || {},
-                settings: templateConfig.search.settings || {},
-            },
-            targeters: createSearchTargeters(templateConfig, templatesStore),
-        };
-        // merge the responsive settings if there are any
-        // if (templateConfig.config.theme.variables?.breakpoints && templateConfig.search.breakpointSettings) {
-        // 	const mappedBreakpoints = mapBreakpoints(templateConfig.config.theme.variables.breakpoints, templateConfig.search.breakpointSettings || []);
-        // 	const breakpointSettings = getDisplaySettings(mappedBreakpoints) as SearchStoreConfigSettings;
-        // 	searchControllerConfig.config.settings = deepmerge(searchControllerConfig.config.settings, breakpointSettings);
-        // }
-        snapConfig.controllers.search = [searchControllerConfig];
+        const searchTabs = templateConfig.search.tabs || [];
+        const searchTargeters = createSearchTargeters(templateConfig, templatesStore);
+        const searchSettings = templateConfig.search.settings || {};
+        const searchGlobals = templateConfig.search.globals || {};
+        snapConfig.controllers.search = [];
+        if (!searchTabs.length) {
+            snapConfig.controllers.search.push({
+                config: {
+                    id: 'search',
+                    plugins: createPlugins(templateConfig, templatesStore, 'search'),
+                    globals: searchGlobals,
+                    settings: searchSettings,
+                },
+                targeters: searchTargeters,
+            });
+        }
+        else {
+            // when tabs are configured, the tab controllers do all of the searching - an additional
+            // non-tab controller would only produce a redundant API request, so the targeters are
+            // attached to the active tab controller instead. targeting kicks off a search before the
+            // TabManagerStore exists to gate redirects, so this must be the tab the shopper is viewing
+            const targetedTab = getActiveTabConfig(searchTabs) || searchTabs[0];
+            searchTabs.forEach((tab) => {
+                const tabParam = tab.param;
+                snapConfig.controllers.search.push({
+                    url: {
+                        settings: {
+                            // the query is shared across tabs - only per-catalog state is namespaced
+                            ...(tabParam ? { corePrefix: tabParam, corePrefixParams: TAB_PREFIXED_PARAMS } : {}),
+                        },
+                        parameters: {
+                            custom: {
+                                [TAB_ID_DEFAULT_PARAM]: { type: 'query' },
+                            },
+                        },
+                    },
+                    config: {
+                        id: tab.id,
+                        plugins: tab.plugins ? createTabPlugins(tab.plugins, templatesStore) : createPlugins(templateConfig, templatesStore, 'search'),
+                        settings: {
+                            ...deepmerge(searchSettings, tab.settings || {}),
+                        },
+                        globals: deepmerge(searchGlobals, tab.globals || {}),
+                    },
+                    services: createTabServices(snapConfig, tab.siteId),
+                    ...(tab === targetedTab ? { targeters: searchTargeters } : {}),
+                });
+            });
+        }
     }
     /* AUTOCOMPLETE CONTROLLER */
     if (templateConfig.autocomplete && snapConfig.controllers) {
         const autocompleteControllerSettings = deepmerge(DEFAULT_AUTOCOMPLETE_CONTROLLER_SETTINGS, templateConfig.autocomplete.settings || {});
-        const autocompleteControllerConfig = {
-            config: {
-                id: 'autocomplete',
-                plugins: createPlugins(templateConfig, templatesStore, 'autocomplete'),
-                selector: templateConfig.autocomplete.targets.map((target) => target.inputSelector).join(', '),
-                action: templateConfig.autocomplete.action || '',
-                globals: templateConfig.autocomplete.globals || {},
-                settings: autocompleteControllerSettings,
-            },
-            targeters: createAutocompleteTargeters(templateConfig, templatesStore),
-        };
+        const autocompleteSelector = templateConfig.autocomplete.targets.map((target) => target.inputSelector).join(', ');
+        const autocompleteTabs = templateConfig.autocomplete.tabs || [];
+        const autocompleteGlobals = templateConfig.autocomplete.globals || {};
+        const autocompleteTargeters = createAutocompleteTargeters(templateConfig, templatesStore);
         // merge the responsive settings if there are any
         // if (templateConfig.config.theme.variables?.breakpoints && templateConfig.autocomplete.breakpointSettings) {
         // 	const mappedBreakpoints = mapBreakpoints(
@@ -361,9 +382,61 @@ export function createSnapConfig(templateConfig, templatesStore) {
         // 		templateConfig.autocomplete.breakpointSettings || []
         // 	);
         // 	const breakpointSettings = getDisplaySettings(mappedBreakpoints) as AutocompleteStoreConfigSettings;
-        // 	autocompleteControllerConfig.config.settings = deepmerge(autocompleteControllerConfig.config.settings, breakpointSettings);
+        // 	autocompleteControllerSettings = deepmerge(autocompleteControllerSettings, breakpointSettings);
         // }
-        snapConfig.controllers.autocomplete = [autocompleteControllerConfig];
+        snapConfig.controllers.autocomplete = [];
+        if (!autocompleteTabs.length) {
+            snapConfig.controllers.autocomplete.push({
+                config: {
+                    id: 'autocomplete',
+                    plugins: createPlugins(templateConfig, templatesStore, 'autocomplete'),
+                    selector: autocompleteSelector,
+                    action: templateConfig.autocomplete.action || '',
+                    globals: autocompleteGlobals,
+                    settings: autocompleteControllerSettings,
+                },
+                targeters: autocompleteTargeters,
+            });
+        }
+        else {
+            // when tabs are configured, every tab controller binds to the same input - an additional
+            // non-tab controller would only produce redundant API requests, so the targeters are
+            // attached to the default tab controller instead
+            const defaultTab = autocompleteTabs.filter((tab) => tab.default)[0] || autocompleteTabs[0];
+            autocompleteTabs.forEach((tab) => {
+                const tabParam = tab.param;
+                snapConfig.controllers.autocomplete.push({
+                    url: {
+                        settings: {
+                            // the query is shared across tabs - only per-catalog state is namespaced
+                            ...(tabParam ? { corePrefix: tabParam, corePrefixParams: TAB_PREFIXED_PARAMS } : {}),
+                        },
+                        parameters: {
+                            custom: {
+                                [TAB_ID_DEFAULT_PARAM]: { type: 'query' },
+                            },
+                        },
+                        // every url the autocomplete builds must carry the tab it belongs to
+                        globals: [
+                            {
+                                param: TAB_ID_DEFAULT_PARAM,
+                                value: tab.param,
+                            },
+                        ],
+                    },
+                    config: {
+                        id: tab.id,
+                        plugins: tab.plugins ? createTabPlugins(tab.plugins, templatesStore) : createPlugins(templateConfig, templatesStore, 'autocomplete'),
+                        selector: autocompleteSelector,
+                        action: templateConfig.autocomplete.action || '',
+                        settings: deepmerge(autocompleteControllerSettings, tab.settings || {}),
+                        globals: deepmerge(autocompleteGlobals, tab.globals || {}),
+                    },
+                    services: createTabServices(snapConfig, tab.siteId),
+                    ...(tab === defaultTab ? { targeters: autocompleteTargeters } : {}),
+                });
+            });
+        }
     }
     /* RECOMMENDATION INSTANTIATOR */
     const originalRecsConfig = templateConfig.recommendation || {};
@@ -418,21 +491,6 @@ export function createSnapConfig(templateConfig, templatesStore) {
         // }
         snapConfig.instantiators.recommendation = recommendationInstantiatorConfig;
     }
-    /* CHAT CONTROLLER */
-    if (templateConfig.chat && snapConfig.controllers) {
-        const chatControllerConfig = {
-            config: {
-                id: 'chat',
-                plugins: createPlugins(templateConfig, templatesStore, 'chat'),
-                settings: {
-                    languageCode: templatesStore.language,
-                    ...(templateConfig.chat.settings || {}),
-                },
-            },
-            targeters: createChatTargeters(templateConfig, templatesStore),
-        };
-        snapConfig.controllers.chat = [chatControllerConfig];
-    }
     return snapConfig;
 }
 export function createPlugins(templateConfig, templatesStore, controllerType) {
@@ -441,14 +499,10 @@ export function createPlugins(templateConfig, templatesStore, controllerType) {
     if (controllerType) {
         controllerConfig = templateConfig[controllerType] || {};
     }
-    // backgroundFilters writes `config.globals.filters`, which the chat endpoint has no
-    // field for — chat carries background filters via `settings.bgFilters` instead
-    if (controllerType !== 'chat') {
-        plugins.push([
-            templatesStore.library.import.plugins.common.backgroundFilters,
-            deepmerge(templateConfig.plugins?.common?.backgroundFilters || {}, controllerConfig?.plugins?.common?.backgroundFilters || {}),
-        ]);
-    }
+    plugins.push([
+        templatesStore.library.import.plugins.common.backgroundFilters,
+        deepmerge(templateConfig.plugins?.common?.backgroundFilters || {}, controllerConfig?.plugins?.common?.backgroundFilters || {}),
+    ]);
     plugins.push([
         templatesStore.library.import.plugins.common.scrollToTop,
         deepmerge(templateConfig.plugins?.common?.scrollToTop || {}, controllerConfig?.plugins?.common?.scrollToTop || {}),
@@ -523,3 +577,10 @@ export function createPlugins(templateConfig, templatesStore, controllerType) {
     });
     return plugins;
 }
+// tab level plugins do not inherit global or controller level plugins - only the plugins configured on the tab are used
+export function createTabPlugins(tabPlugins, templatesStore) {
+    const plugins = createPlugins({ plugins: tabPlugins }, templatesStore);
+    const customPluginFunctions = Object.values(tabPlugins.custom || {}).map((customPlugin) => customPlugin.function);
+    // built-in plugins are always created - keep only the ones that were given configuration on the tab
+    return plugins.filter((plugin) => customPluginFunctions.includes(plugin[0]) || Object.keys(plugin[1] || {}).length > 0);
+}