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

package/dist/esm/src/Templates/Stores/LibraryStore.js

@@ -15,37 +15,20 @@ import { pluginScrollToTop } from './library/plugins/common/pluginScrollToTop';
 import { pluginLogger } from './library/plugins/common/pluginLogger';
 import { pluginKlaviyoEvents } from './library/plugins/common/pluginKlaviyoEvents';
 import { CustomComponent } from './library/components/CustomComponent';
+import { currencies } from './library/currencies/currencies';
+export const currencyCodes = Object.keys(currencies);
 export class LibraryStore {
     constructor(params) {
         this.themes = {};
         this.components = {
             search: {},
             autocomplete: {},
+            quickview: {},
             recommendation: {
                 bundle: {},
                 default: {},
                 email: {},
             },
-            chat: {},
-            chatButton: {},
-            chatLoadingIndicator: {},
-            chatAttachmentContext: {},
-            chatInspirationResultMessage: {},
-            chatMessageText: {},
-            chatMessageUser: {},
-            chatProductComparisonMessage: {},
-            chatProductQueryMessage: {},
-            chatResult: {},
-            chatResultsDisplay: {},
-            chatSuggestedQuestions: {},
-            chatComparisonsTray: {},
-            chatComposer: {},
-            chatFacetsBar: {},
-            chatHistory: {},
-            chatMessages: {},
-            chatSessionFeedback: {},
-            chatSideChat: {},
-            chatTopicDrift: {},
             badge: {},
             result: {},
             overlayResult: {},
@@ -67,6 +50,7 @@ export class LibraryStore {
             paginationInfo: {},
             slideshow: {},
             price: {},
+            productDetail: {},
             skeleton: {},
             modal: {},
             calloutBadge: {},
@@ -83,10 +67,12 @@ export class LibraryStore {
             facetPaletteOptions: {},
             facetSlider: {},
             filter: {},
+            gallery: {},
             loadMore: {},
             overlayBadge: {},
             pagination: {},
             perPage: {},
+            quantityPicker: {},
             radioList: {},
             rating: {},
             searchInput: {},
@@ -94,7 +80,9 @@ export class LibraryStore {
             slideout: {},
             sortBy: {},
             swatches: {},
+            tabSelection: {},
             variantSelection: {},
+            productDetailTable: {},
             terms: {},
             branchOverride: {},
             facet: {},
@@ -175,6 +163,16 @@ export class LibraryStore {
                             (this.components.autocomplete.AutocompleteModal = (await import('./library/components/AutocompleteModal')).AutocompleteModal));
                     },
                 },
+                quickview: {
+                    QuickviewModal: async () => {
+                        return (this.components.quickview.QuickviewModal ||
+                            (this.components.quickview.QuickviewModal = (await import('./library/components/QuickviewModal')).QuickviewModal));
+                    },
+                    QuickviewSlideout: async () => {
+                        return (this.components.quickview.QuickviewSlideout ||
+                            (this.components.quickview.QuickviewSlideout = (await import('./library/components/QuickviewSlideout')).QuickviewSlideout));
+                    },
+                },
                 search: {
                     SearchCollapsible: async () => {
                         return (this.components.search.SearchCollapsible ||
@@ -224,33 +222,6 @@ export class LibraryStore {
                         },
                     },
                 },
-                chat: {
-                    Chat: async () => {
-                        return this.components.chat.Chat || (this.components.chat.Chat = (await import('./library/components/Chat')).Chat);
-                    },
-                    ChatButton: async () => {
-                        return this.components.chat.ChatButton || (this.components.chat.ChatButton = (await import('./library/components/ChatButton')).ChatButton);
-                    },
-                },
-                chatButton: {},
-                chatLoadingIndicator: {},
-                chatAttachmentContext: {},
-                chatInspirationResultMessage: {},
-                chatMessageText: {},
-                chatMessageUser: {},
-                chatProductComparisonMessage: {},
-                chatProductQueryMessage: {},
-                chatResult: {},
-                chatResultsDisplay: {},
-                chatSuggestedQuestions: {},
-                chatComparisonsTray: {},
-                chatComposer: {},
-                chatFacetsBar: {},
-                chatHistory: {},
-                chatMessages: {},
-                chatSessionFeedback: {},
-                chatSideChat: {},
-                chatTopicDrift: {},
                 badge: {},
                 result: {
                     Result: async () => {
@@ -280,6 +251,7 @@ export class LibraryStore {
                 paginationInfo: {},
                 slideshow: {},
                 price: {},
+                productDetail: {},
                 skeleton: {},
                 modal: {},
                 calloutBadge: {},
@@ -296,10 +268,12 @@ export class LibraryStore {
                 facetPaletteOptions: {},
                 facetSlider: {},
                 filter: {},
+                gallery: {},
                 loadMore: {},
                 overlayBadge: {},
                 pagination: {},
                 perPage: {},
+                quantityPicker: {},
                 radioList: {},
                 rating: {},
                 searchInput: {},
@@ -307,7 +281,9 @@ export class LibraryStore {
                 slideout: {},
                 sortBy: {},
                 swatches: {},
+                tabSelection: {},
                 variantSelection: {},
+                productDetailTable: {},
                 terms: {},
                 branchOverride: {},
                 facet: {},
@@ -322,27 +298,74 @@ export class LibraryStore {
                 termsList: {},
             },
             language: {
+                // English
                 en: async () => {
                     return this.locales.languages.en || (this.locales.languages.en = transformTranslationsToTheme((await import('./library/languages/en')).en));
                 },
+                // French
                 fr: async () => {
                     return this.locales.languages.fr || (this.locales.languages.fr = transformTranslationsToTheme((await import('./library/languages/fr')).fr));
                 },
+                // Spanish
                 es: async () => {
                     return this.locales.languages.es || (this.locales.languages.es = transformTranslationsToTheme((await import('./library/languages/es')).es));
                 },
-            },
-            currency: {
-                usd: async () => {
-                    return this.locales.currencies.usd || (this.locales.currencies.usd = (await import('./library/currencies/usd')).usd);
+                // Arabic
+                ar: async () => {
+                    return this.locales.languages.ar || (this.locales.languages.ar = transformTranslationsToTheme((await import('./library/languages/ar')).ar));
+                },
+                // Chinese
+                zh: async () => {
+                    return this.locales.languages.zh || (this.locales.languages.zh = transformTranslationsToTheme((await import('./library/languages/zh')).zh));
+                },
+                // German
+                de: async () => {
+                    return this.locales.languages.de || (this.locales.languages.de = transformTranslationsToTheme((await import('./library/languages/de')).de));
+                },
+                // Russian
+                ru: async () => {
+                    return this.locales.languages.ru || (this.locales.languages.ru = transformTranslationsToTheme((await import('./library/languages/ru')).ru));
+                },
+                // Japanese
+                ja: async () => {
+                    return this.locales.languages.ja || (this.locales.languages.ja = transformTranslationsToTheme((await import('./library/languages/ja')).ja));
+                },
+                // Portuguese
+                pt: async () => {
+                    return this.locales.languages.pt || (this.locales.languages.pt = transformTranslationsToTheme((await import('./library/languages/pt')).pt));
+                },
+                // Korean
+                ko: async () => {
+                    return this.locales.languages.ko || (this.locales.languages.ko = transformTranslationsToTheme((await import('./library/languages/ko')).ko));
+                },
+                // Italian
+                it: async () => {
+                    return this.locales.languages.it || (this.locales.languages.it = transformTranslationsToTheme((await import('./library/languages/it')).it));
+                },
+                // Hindi
+                hi: async () => {
+                    return this.locales.languages.hi || (this.locales.languages.hi = transformTranslationsToTheme((await import('./library/languages/hi')).hi));
+                },
+                // Turkish
+                tr: async () => {
+                    return this.locales.languages.tr || (this.locales.languages.tr = transformTranslationsToTheme((await import('./library/languages/tr')).tr));
                 },
-                eur: async () => {
-                    return this.locales.currencies.eur || (this.locales.currencies.eur = (await import('./library/currencies/eur')).eur);
+                // Vietnamese
+                vi: async () => {
+                    return this.locales.languages.vi || (this.locales.languages.vi = transformTranslationsToTheme((await import('./library/languages/vi')).vi));
                 },
-                aud: async () => {
-                    return this.locales.currencies.aud || (this.locales.currencies.aud = (await import('./library/currencies/aud')).aud);
+                // Dutch
+                nl: async () => {
+                    return this.locales.languages.nl || (this.locales.languages.nl = transformTranslationsToTheme((await import('./library/languages/nl')).nl));
                 },
             },
+            // the per-code importers keep the same async shape as language/theme importers, resolving from the statically imported currencies module
+            currency: currencyCodes.reduce((currencyImports, code) => {
+                currencyImports[code] = async () => {
+                    return this.locales.currencies[code] || (this.locales.currencies[code] = currencies[code]);
+                };
+                return currencyImports;
+            }, {}),
         };
         const { components, unlocked } = params || {};
         this.allowedComponentTypes = unlocked ? [...ALL_CUSTOM_COMPONENT_TYPES] : [...DEFAULT_CUSTOM_COMPONENT_TYPES];
@@ -373,10 +396,7 @@ export class LibraryStore {
     async addComponentImport(type, name, componentFn) {
         // only allow certain types based on unlocked status
         if (this.allowedComponentTypes.includes(type) && this.components[type]) {
-            // `chat` declares its library entry with literal keys so template targets stay
-            // literal-checked; custom overrides register by arbitrary name, hence the cast
-            const componentImports = this.import.component[type];
-            componentImports[name] = async () => {
+            this.import.component[type][name] = async () => {
                 return (this.components[type][name] ||
                     (this.components[type][name] = await CustomComponent({
                         type,

package/dist/esm/src/Templates/Stores/TabManagerStore.d.ts

@@ -0,0 +1,29 @@
+import type { AbstractController, TabConfig } from '@athoscommerce/snap-controller';
+export declare const TAB_ID_DEFAULT_PARAM = "tab";
+type RedirectSettings = {
+    merchandising?: boolean;
+    singleResult?: boolean;
+};
+export type Tab = {
+    id: string;
+    param: string;
+    controller: AbstractController;
+    siteId: string;
+    prefetch: boolean;
+    label?: string;
+    redirects: RedirectSettings;
+};
+export declare function getActiveTabConfig<TabType extends TabConfig>(tabs: TabType[]): TabType | undefined;
+export declare class TabManagerStore {
+    tabs: Tab[];
+    active: Tab | undefined;
+    param: string;
+    constructor(tabConfigs: TabConfig[], controllers: AbstractController[]);
+    setActive: (id: string, updateUrl?: boolean) => void;
+    private setRedirects;
+    private searchTab;
+    getTab: (id: string) => Tab;
+    getTabByParam: (param: string) => Tab;
+}
+export {};
+//# sourceMappingURL=TabManagerStore.d.ts.map

package/dist/esm/src/Templates/Stores/TabManagerStore.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TabManagerStore.d.ts","sourceRoot":"","sources":["../../../../../src/Templates/Stores/TabManagerStore.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,kBAAkB,EAA4C,SAAS,EAAE,MAAM,gCAAgC,CAAC;AAK9H,eAAO,MAAM,oBAAoB,QAAQ,CAAC;AAE1C,KAAK,gBAAgB,GAAG;IACvB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,YAAY,CAAC,EAAE,OAAO,CAAC;CACvB,CAAC;AAIF,MAAM,MAAM,GAAG,GAAG;IACjB,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,EAAE,kBAAkB,CAAC;IAC/B,MAAM,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,OAAO,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf,SAAS,EAAE,gBAAgB,CAAC;CAC5B,CAAC;AAIF,wBAAgB,kBAAkB,CAAC,OAAO,SAAS,SAAS,EAAE,IAAI,EAAE,OAAO,EAAE,GAAG,OAAO,GAAG,SAAS,CAUlG;AAED,qBAAa,eAAe;IACpB,IAAI,EAAE,GAAG,EAAE,CAAM;IACjB,MAAM,EAAE,GAAG,GAAG,SAAS,CAAC;IACxB,KAAK,EAAE,MAAM,CAAC;IAErB,YAAY,UAAU,EAAE,SAAS,EAAE,EAAE,WAAW,EAAE,kBAAkB,EAAE,EAiFrE;IAEM,SAAS,OAAQ,MAAM,+BAqB5B;IAIF,OAAO,CAAC,YAAY,CAQlB;IAEF,OAAO,CAAC,SAAS,CAUf;IAEK,MAAM,OAAQ,MAAM,SAEzB;IAEK,aAAa,UAAW,MAAM,SAEnC;CACF"}

package/dist/esm/src/Templates/Stores/TabManagerStore.js

@@ -0,0 +1,146 @@
+import { makeObservable, observable, action } from 'mobx';
+import { ControllerTypes } from '@athoscommerce/snap-controller';
+import { url } from '@athoscommerce/snap-toolbox';
+export const TAB_ID_DEFAULT_PARAM = 'tab';
+// resolves the active tab straight from the url - tab controllers begin searching as soon as they
+// are targeted, which happens before any TabManagerStore exists
+export function getActiveTabConfig(tabs) {
+    const defaultTab = tabs.filter((tab) => tab.default)[0] || tabs[0];
+    const paramValue = url(window.location.href)?.params.query[TAB_ID_DEFAULT_PARAM];
+    if (!paramValue) {
+        return defaultTab;
+    }
+    const activeParam = decodeURIComponent(paramValue);
+    return tabs.filter((tab) => tab.param == activeParam)[0] || defaultTab;
+}
+export class TabManagerStore {
+    constructor(tabConfigs, controllers) {
+        this.tabs = [];
+        this.setActive = (id, updateUrl = true) => {
+            const tabToSelect = this.getTab(id);
+            if (!tabToSelect || tabToSelect.id === this.active?.id) {
+                return;
+            }
+            const previousTab = this.active;
+            this.setRedirects(previousTab, false);
+            this.active = tabToSelect;
+            this.setRedirects(tabToSelect, true);
+            if (tabToSelect.controller.type == ControllerTypes.search) {
+                if (updateUrl) {
+                    // to remove page chain: `.remove('page')` to urlManager.set(...)
+                    tabToSelect.controller.urlManager.set(this.param, tabToSelect.param).go();
+                }
+                this.searchTab(tabToSelect);
+            }
+        };
+        // every tab shares the url and the autocomplete input, so an inactive tab landing on a single
+        // result or a merchandising redirect would navigate away from the tab the shopper is viewing
+        this.setRedirects = (tab, enabled) => {
+            if (!tab) {
+                return;
+            }
+            const config = tab.controller.config;
+            config.settings = config.settings || {};
+            config.settings.redirects = enabled ? { ...tab.redirects } : { merchandising: false, singleResult: false };
+        };
+        this.searchTab = (tab) => {
+            if (tab.controller.type != ControllerTypes.search) {
+                return;
+            }
+            const searchController = tab.controller;
+            if (!searchController.store.loading && !searchController.store.loaded) {
+                searchController.search();
+            }
+        };
+        this.getTab = (id) => {
+            return this.tabs?.filter((tab) => tab.id == id)[0];
+        };
+        this.getTabByParam = (param) => {
+            return this.tabs?.filter((tab) => tab.param == param)[0];
+        };
+        this.param = TAB_ID_DEFAULT_PARAM;
+        const startingTabConfig = tabConfigs.filter((tab) => tab.default)[0] || tabConfigs[0];
+        let urlParam;
+        tabConfigs.forEach((tabConfig) => {
+            const cntrlr = controllers.filter((controller) => controller.id == tabConfig.id)[0];
+            if (!cntrlr) {
+                return;
+            }
+            const newTab = {
+                id: tabConfig.id,
+                label: tabConfig.label,
+                siteId: tabConfig.siteId,
+                param: tabConfig.param,
+                controller: cntrlr,
+                // search-tab only setting - autocomplete has nothing to fetch until the shopper types
+                prefetch: 'prefetch' in tabConfig ? tabConfig.prefetch ?? true : true,
+                redirects: { ...(cntrlr.config.settings?.redirects || {}) },
+            };
+            if (cntrlr.type == ControllerTypes.autocomplete) {
+                const autocompleteController = cntrlr;
+                // hidden form inputs for tab selections
+                if (!autocompleteController.config.action) {
+                    autocompleteController.eventManager.on('beforeSubmit', async (context, next) => {
+                        if (context.input?.form) {
+                            addHiddenFormInput(context.input.form, this.param, this.active?.param || newTab.param);
+                        }
+                        await next();
+                    });
+                }
+            }
+            if (cntrlr.type == ControllerTypes.search) {
+                const searchController = cntrlr;
+                // read the active tab from the url on initial load
+                if (!urlParam) {
+                    urlParam = getTabParamFromUrlState(searchController.urlManager.state[this.param]);
+                }
+                // functionality for back/forward browser buttons
+                searchController.urlManager.subscribe((prev, next) => {
+                    const nextParam = getTabParamFromUrlState(next?.[this.param]);
+                    const nextTab = (nextParam && this.getTabByParam(nextParam)) || this.getTab(startingTabConfig.id);
+                    if (nextTab) {
+                        this.setActive(nextTab.id, false);
+                    }
+                });
+            }
+            this.tabs.push(newTab);
+        });
+        this.active = (urlParam && this.getTabByParam(urlParam)) || this.getTab(startingTabConfig.id) || this.tabs[0];
+        makeObservable(this, {
+            tabs: observable,
+            active: observable,
+            setActive: action,
+        });
+        // the active tab always searches - the rest only when they opt into prefetching
+        this.tabs.forEach((tab) => {
+            if (tab.id != this.active?.id) {
+                this.setRedirects(tab, false);
+            }
+            if (tab.prefetch || tab.id == this.active?.id) {
+                this.searchTab(tab);
+            }
+        });
+    }
+}
+function addHiddenFormInput(form, name, value) {
+    // match by property rather than an interpolated attribute selector to avoid selector injection
+    const existingElem = Array.from(form.querySelectorAll('input[type="hidden"]')).find((elem) => elem.name === name);
+    if (existingElem) {
+        // keep the value current - the active tab can change after the input was first appended
+        existingElem.value = value;
+        return;
+    }
+    const inputElem = document.createElement('input');
+    inputElem.type = 'hidden';
+    inputElem.name = name;
+    inputElem.value = value;
+    form.append(inputElem);
+}
+// custom url params always deserialize as arrays when parsed fresh from the url, but can be a
+// plain string when read back from an in-session localState set() - handle both shapes
+function getTabParamFromUrlState(value) {
+    if (Array.isArray(value)) {
+        return value[0];
+    }
+    return typeof value == 'string' ? value : undefined;
+}

package/dist/esm/src/Templates/Stores/TemplateEditor/TemplateEditorStore.d.ts.map

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

package/dist/esm/src/Templates/Stores/TemplateEditor/TemplateEditorStore.js

@@ -200,7 +200,12 @@ export class TemplateEditorStore {
         this.templatesStore = templatesStore;
         this.storage = new StorageStore({ type: StorageType.local, key: TEMPLATE_STORE_KEY });
         this.storedState = this.storage.get('editor') || this.storedState;
-        this.initial.config = deepmerge(this.initial.config, templatesStore.config?.config || {});
+        const { language: configLanguage, currency: configCurrency, ...restConfig } = templatesStore.config?.config || {};
+        this.initial.config = deepmerge(this.initial.config, {
+            ...restConfig,
+            ...(configLanguage ? { language: configLanguage.toLowerCase() } : {}),
+            ...(configCurrency ? { currency: configCurrency.toLowerCase() } : {}),
+        });
         this.initial.controller = {}; // set when registering controllers
         // set initial targets
         if (templatesStore.config.search?.targets)

package/dist/esm/src/Templates/Stores/TemplateEditor/uiAbstractions/configUI.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"configUI.d.ts","sourceRoot":"","sources":["../../../../../../../src/Templates/Stores/TemplateEditor/uiAbstractions/configUI.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,mBAAmB,CAAC;AACrD,OAAO,EAAE,mBAAmB,EAAE,MAAM,wBAAwB,CAAC;AAE7D,eAAO,MAAM,QAAQ,UAAW,mBAAmB,KAAG,gBAAgB,EAsHrE,CAAC"}
+{"version":3,"file":"configUI.d.ts","sourceRoot":"","sources":["../../../../../../../src/Templates/Stores/TemplateEditor/uiAbstractions/configUI.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,mBAAmB,CAAC;AAErD,OAAO,EAAE,mBAAmB,EAAE,MAAM,wBAAwB,CAAC;AAE7D,eAAO,MAAM,QAAQ,UAAW,mBAAmB,KAAG,gBAAgB,EAkHrE,CAAC"}

package/dist/esm/src/Templates/Stores/TemplateEditor/uiAbstractions/configUI.js

@@ -1,3 +1,4 @@
+import { currencyCodes } from '../../LibraryStore';
 export const configUI = (store) => {
     return [
         {
@@ -90,11 +91,7 @@ export const configUI = (store) => {
                     getDisplayState: () => 'visible',
                     getOptions: () => [
                         {
-                            options: [
-                                { label: 'USD', value: 'usd' },
-                                { label: 'EUR', value: 'eur' },
-                                { label: 'AUD', value: 'aud' },
-                            ],
+                            options: currencyCodes.map((code) => ({ label: code.toUpperCase(), value: code })),
                         },
                     ],
                     getValue: () => {

package/dist/esm/src/Templates/Stores/TemplateStore.d.ts

@@ -1,11 +1,11 @@
 import type { h } from 'preact';
-import { type SearchStoreConfigSettings, type SearchStoreConfig, type AutocompleteStoreConfigSettings, type AutocompleteStoreConfig, type ChatStoreConfigSettings } from '@athoscommerce/snap-store-mobx';
+import { type SearchStoreConfigSettings, type SearchStoreConfig, type AutocompleteStoreConfigSettings, type AutocompleteStoreConfig, type QuickviewConfig } from '@athoscommerce/snap-store-mobx';
 import { StorageStore } from '@athoscommerce/snap-toolbox';
 import { ThemeStore, ThemeStoreThemeConfig } from './ThemeStore';
 import { TargetStore } from './TargetStore';
-import { CurrencyCodes, LanguageCodes, LibraryImports, LibraryStore } from './LibraryStore';
-import { AppMode } from '@athoscommerce/snap-toolbox';
-import type { PluginFunction } from '@athoscommerce/snap-controller';
+import { TabManagerStore } from './TabManagerStore';
+import { CurrencyCodes, CurrencyCodeInput, LanguageCodes, LanguageCodeInput, LibraryImports, LibraryStore } from './LibraryStore';
+import type { PluginFunction, SearchTabConfig, AutocompleteTabConfig, AbstractController } from '@athoscommerce/snap-controller';
 import type { PluginAddToCartConfig as PluginShopifyAddToCartConfig, PluginBackgroundFiltersConfig as PluginShopifyBackgroundFiltersConfig, PluginMutateResultsConfig as PluginShopifyMutateResultsConfig } from '@athoscommerce/snap-platforms/shopify';
 import type { PluginAddToCartConfig as PluginMagento2AddToCartConfig, PluginBackgroundFiltersConfig as PluginMagento2BackgroundFiltersConfig, PluginBaseConfig as PluginMagento2BaseConfig } from '@athoscommerce/snap-platforms/magento2';
 import type { PluginAddToCartConfig as PluginBigCommerceAddToCartConfig, PluginBackgroundFiltersConfig as PluginBigcommerceBackgroundFiltersConfig } from '@athoscommerce/snap-platforms/bigcommerce';
@@ -16,7 +16,7 @@ import type { ClientConfig } from '@athoscommerce/snap-client';
 import { RecommendationInstantiatorConfigSettings } from '../../Instantiators/RecommendationInstantiator';
 import type { PluginMarketsConfig } from '@athoscommerce/snap-platforms/shopify';
 export type TemplateThemeTypes = 'library' | 'local';
-export type TemplateTypes = 'search' | 'autocomplete' | `recommendation/${RecsTemplateTypes}` | 'chat';
+export type TemplateTypes = 'search' | 'autocomplete' | `recommendation/${RecsTemplateTypes}`;
 export type SearchTargetConfig = {
     selector: string;
     component: keyof LibraryImports['component']['search'];
@@ -26,9 +26,9 @@ export type AutocompleteTargetConfig = {
     inputSelector: string;
     component: keyof LibraryImports['component']['autocomplete'];
 };
-export type ChatTargetConfig = {
-    selector: string;
-    component: keyof LibraryImports['component']['chat'];
+export type QuickviewTargetConfig = {
+    selector?: string;
+    component: keyof LibraryImports['component']['quickview'];
 };
 export type RecommendationDefaultTargetConfig = {
     component: keyof LibraryImports['component']['recommendation']['default'];
@@ -41,7 +41,7 @@ export type RecommendationBundleTargetConfig = {
 };
 export type { TemplateDefaultComponentTypes, TemplateCustomComponentTypes } from '../../../components/src';
 export type RecsTemplateTypes = 'bundle' | 'default' | 'email';
-type ComponentLibraryType = keyof LibraryImports['component']['autocomplete'] | keyof LibraryImports['component']['search'] | keyof LibraryImports['component']['chat'] | keyof LibraryImports['component']['recommendation']['default'] | keyof LibraryImports['component']['recommendation']['bundle'] | keyof LibraryImports['component']['recommendation']['email'];
+type ComponentLibraryType = keyof LibraryImports['component']['autocomplete'] | keyof LibraryImports['component']['search'] | keyof LibraryImports['component']['recommendation']['default'] | keyof LibraryImports['component']['recommendation']['bundle'] | keyof LibraryImports['component']['recommendation']['email'];
 export type TemplateTarget = {
     type: TemplateTypes;
     selector?: string;
@@ -115,14 +115,25 @@ export type PluginsConfigsLocked = {
 export type PluginsConfigsUnlocked = PluginsConfigsLocked & {
     custom?: CustomPlugins;
 };
+export type TemplatesSearchTabConfigLocked = SearchTabConfig & {
+    plugins?: PluginsConfigsLocked;
+};
+export type TemplatesSearchTabConfigUnlocked = SearchTabConfig & {
+    plugins?: PluginsConfigsUnlocked;
+};
+export type TemplatesAutocompleteTabConfigLocked = AutocompleteTabConfig & {
+    plugins?: PluginsConfigsLocked;
+};
+export type TemplatesAutocompleteTabConfigUnlocked = AutocompleteTabConfig & {
+    plugins?: PluginsConfigsUnlocked;
+};
 export type TemplatesStoreConfig = TemplatesStoreConfigLocked | TemplatesStoreConfigUnlocked;
 export type TemplatesStoreConfigLocked = {
     components?: TemplateStoreComponentConfigLocked;
     config?: {
         siteId?: string;
-        mode?: keyof typeof AppMode | AppMode;
-        currency?: CurrencyCodes;
-        language?: LanguageCodes;
+        currency?: CurrencyCodeInput;
+        language?: LanguageCodeInput;
         platform?: IntegrationPlatforms;
         client?: ClientConfig;
     };
@@ -132,22 +143,23 @@ export type TemplatesStoreConfigLocked = {
     };
     theme: TemplatesStoreThemeConfigLocked;
     search?: {
+        tabs?: TemplatesSearchTabConfigLocked[];
         targets: SearchTargetConfig[];
         globals?: SearchStoreConfig['globals'];
         settings?: SearchStoreConfigSettings;
         plugins?: PluginsConfigsLocked;
     };
     autocomplete?: {
+        tabs?: TemplatesAutocompleteTabConfigLocked[];
         targets: AutocompleteTargetConfig[];
         action?: string;
         globals?: AutocompleteStoreConfig['globals'];
         settings?: AutocompleteStoreConfigSettings;
         plugins?: PluginsConfigsLocked;
     };
-    chat?: {
-        targets: ChatTargetConfig[];
-        settings?: ChatStoreConfigSettings;
-        plugins?: PluginsConfigsLocked;
+    quickview?: {
+        targets: QuickviewTargetConfig[];
+        settings?: QuickviewConfig;
     };
     recommendation?: {
         email?: {
@@ -163,19 +175,18 @@ export type TemplatesStoreConfigLocked = {
         plugins?: PluginsConfigsLocked;
     };
 };
-export type TemplatesStoreConfigUnlocked = Omit<TemplatesStoreConfigLocked, 'unlocked' | 'theme' | 'components' | 'plugins' | 'search' | 'autocomplete' | 'chat' | 'recommendation'> & {
+export type TemplatesStoreConfigUnlocked = Omit<TemplatesStoreConfigLocked, 'unlocked' | 'theme' | 'components' | 'plugins' | 'search' | 'autocomplete' | 'recommendation'> & {
     unlocked: true;
     theme: TemplatesStoreThemeConfigUnlocked;
     components?: TemplateStoreComponentConfigUnlocked;
     plugins?: PluginsConfigsUnlocked;
-    search?: Omit<NonNullable<TemplatesStoreConfigLocked['search']>, 'plugins'> & {
-        plugins?: PluginsConfigsUnlocked;
-    };
-    autocomplete?: Omit<NonNullable<TemplatesStoreConfigLocked['autocomplete']>, 'plugins'> & {
+    search?: Omit<NonNullable<TemplatesStoreConfigLocked['search']>, 'plugins' | 'tabs'> & {
         plugins?: PluginsConfigsUnlocked;
+        tabs?: TemplatesSearchTabConfigUnlocked[];
     };
-    chat?: Omit<NonNullable<TemplatesStoreConfigLocked['chat']>, 'plugins'> & {
+    autocomplete?: Omit<NonNullable<TemplatesStoreConfigLocked['autocomplete']>, 'plugins' | 'tabs'> & {
         plugins?: PluginsConfigsUnlocked;
+        tabs?: TemplatesAutocompleteTabConfigUnlocked[];
     };
     recommendation?: Omit<NonNullable<TemplatesStoreConfigLocked['recommendation']>, 'plugins'> & {
         plugins?: PluginsConfigsUnlocked;
@@ -198,7 +209,6 @@ export declare class TemplatesStore {
     targets: {
         search: TargetStore[];
         autocomplete: TargetStore[];
-        chat: TargetStore[];
         recommendation: {
             [key in RecsTemplateTypes]: TargetStore[];
         };
@@ -213,14 +223,18 @@ export declare class TemplatesStore {
     };
     library: LibraryStore;
     window: WindowProperties;
+    private tabManagers;
     constructor(params: TemplatesStoreParams);
     addTarget(target: TemplateTarget): TargetStore | undefined;
     getTarget(type: TemplateTypes, targetIndex: number): TargetStore | undefined;
+    getTabManager(type: 'search' | 'autocomplete', controllers: {
+        [id: string]: AbstractController;
+    }): TabManagerStore | undefined;
     addTheme(config: ThemeStoreThemeConfig): void;
     private setInnerWidth;
     getThemeStore(themeName?: string): ThemeStore | undefined;
-    setCurrency(currencyCode: CurrencyCodes): Promise<void>;
-    setLanguage(languageCode: LanguageCodes): Promise<void>;
+    setCurrency(currencyCode: CurrencyCodeInput): Promise<void>;
+    setLanguage(languageCode: LanguageCodeInput): Promise<void>;
     preLoad(): Promise<void>;
 }
 export declare function transformTranslationsToTheme(translations: LangComponentOverrides): ThemeMinimal;