@athoscommerce/snap-preact 1.12.1-beta.152 → 1.13.0

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

@@ -45,20 +45,6 @@ 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]) {
@@ -101,19 +87,6 @@ function createRecommendationController(config) {
     });
     return cntrlr;
 }
-function createChatController(config) {
-    const urlManager = new snap_url_manager_1.UrlManager(new snap_url_manager_1.UrlTranslator(), snap_url_manager_1.reactLinker).detach(true);
-    const cntrlr = new snap_controller_1.ChatController(config.controller, {
-        client: new snap_client_1.Client(config.client.globals, config.client.config),
-        store: new snap_store_mobx_1.ChatStore({ ...config.controller, siteId: config.client.globals.siteId }, { urlManager }),
-        urlManager,
-        eventManager: new snap_event_manager_1.EventManager(),
-        profiler: new snap_profiler_1.Profiler(),
-        logger: new snap_logger_1.Logger(),
-        tracker: new snap_tracker_1.Tracker(config.client.globals),
-    });
-    return cntrlr;
-}
 function createAutocompleteController(config) {
     const urlManager = new snap_url_manager_1.UrlManager(new snap_url_manager_1.UrlTranslator(), snap_url_manager_1.reactLinker).detach();
     const cntrlr = new snap_controller_1.AutocompleteController(config.controller, {

package/dist/cjs/src/Snap.js

@@ -101,9 +101,6 @@ class Snap {
                 case snap_controller_1.ControllerTypes.recommendation:
                     importPromise = import('./create/createRecommendationController');
                     break;
-                case snap_controller_1.ControllerTypes.chat:
-                    importPromise = import('./create/createChatController');
-                    break;
                 case snap_controller_1.ControllerTypes.search:
                 default:
                     importPromise = import('./create/createSearchController');
@@ -287,7 +284,7 @@ class Snap {
                 3. override via query param / cookie
             */
             // node env
-            if (process.env.NODE_ENV && Object.values(snap_toolbox_1.AppMode).includes(process.env.NODE_ENV)) {
+            if (typeof process !== 'undefined' && process.env.NODE_ENV && Object.values(snap_toolbox_1.AppMode).includes(process.env.NODE_ENV)) {
                 this.mode = process.env.NODE_ENV;
             }
             // config
@@ -587,73 +584,6 @@ 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(() => {
-                                            (0, preact_1.render)((0, jsx_runtime_1.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(snap_controller_1.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 = (0, utils_1.applyChatTargetInject)(target);
-                                    const targeter = new snap_toolbox_1.DomTargeter([{ ...target }], async (target, elem, originalElem) => {
-                                        const cntrlr = await this._createController(snap_controller_1.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/cjs/src/Templates/SnapTemplates.js

@@ -3,7 +3,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.createChatTargeters = exports.createSearchTargeters = exports.SnapTemplates = exports.applyAutomaticThemeOverrides = exports.TAB_PREFIXED_PARAMS = exports.DEFAULT_AUTOCOMPLETE_CONTROLLER_SETTINGS = exports.DEFAULT_FEATURES = exports.TEMPLATE_EDITOR_UI_PARAM = exports.TEMPLATE_EDITOR_COOKIE = void 0;
+exports.createSearchTargeters = exports.SnapTemplates = exports.TAB_PREFIXED_PARAMS = exports.DEFAULT_AUTOCOMPLETE_CONTROLLER_SETTINGS = exports.DEFAULT_FEATURES = exports.TEMPLATE_EDITOR_UI_PARAM = exports.TEMPLATE_EDITOR_COOKIE = void 0;
 exports.validateTemplatesConfig = validateTemplatesConfig;
 exports.validateTemplatesConfigUnlocked = validateTemplatesConfigUnlocked;
 exports.mapBreakpoints = mapBreakpoints;
@@ -24,14 +24,17 @@ const TargetStore_1 = require("./Stores/TargetStore");
 const TabManagerStore_1 = require("./Stores/TabManagerStore");
 const snap_client_1 = require("@athoscommerce/snap-client");
 const snap_tracker_1 = require("@athoscommerce/snap-tracker");
-const shopify_1 = require("@athoscommerce/snap-platforms/shopify");
 const utils_1 = require("../utils");
 exports.TEMPLATE_EDITOR_COOKIE = 'athosEditor';
 exports.TEMPLATE_EDITOR_UI_PARAM = 'athos-editor';
+// prettier-ignore
 function validateTemplatesConfig(config) {
+    // the return type is a compile-time verdict; at runtime the config passes straight through
     return config;
 }
+// prettier-ignore
 function validateTemplatesConfigUnlocked(config) {
+    // the return type is a compile-time verdict; at runtime the config passes straight through
     return config;
 }
 exports.DEFAULT_FEATURES = {};
@@ -42,54 +45,8 @@ exports.DEFAULT_AUTOCOMPLETE_CONTROLLER_SETTINGS = {
 };
 // tabs namespace their catalog specific url state - the query is shared so a single search spans every tab
 exports.TAB_PREFIXED_PARAMS = ['filter', 'sort', 'pageSize', 'rq', 'page'];
-const hasShopifyMarketsPluginConfig = (templateConfig) => {
-    const pluginConfigs = [
-        templateConfig.plugins?.shopify?.markets,
-        templateConfig.search?.plugins?.shopify?.markets,
-        templateConfig.autocomplete?.plugins?.shopify?.markets,
-        templateConfig.recommendation?.plugins?.shopify?.markets,
-    ];
-    return pluginConfigs.some((pluginConfig) => {
-        return typeof pluginConfig?.token === 'string' && pluginConfig.token.length > 0;
-    });
-};
-const applyAutomaticThemeOverrides = (templateConfig) => {
-    if (templateConfig.config?.platform !== 'shopify') {
-        return templateConfig;
-    }
-    if (!hasShopifyMarketsPluginConfig(templateConfig)) {
-        return templateConfig;
-    }
-    const defaultOverrides = templateConfig.theme?.overrides?.default;
-    const priceOverride = defaultOverrides?.price;
-    if (typeof priceOverride?.format !== 'undefined') {
-        return templateConfig;
-    }
-    let context;
-    try {
-        context = (0, snap_toolbox_1.getContext)(['format']);
-    }
-    catch {
-        context = undefined;
-    }
-    const currencyFormat = context?.format || '${{amount}}';
-    // todo: consider moving this inside of the plugin if possible. seems odd to have this happen outside of it.
-    return (0, deepmerge_1.default)(templateConfig, {
-        theme: {
-            overrides: {
-                default: {
-                    price: {
-                        format: (number) => (0, shopify_1.shopifyMarketsPriceFormat)(number, currencyFormat),
-                    },
-                },
-            },
-        },
-    });
-};
-exports.applyAutomaticThemeOverrides = applyAutomaticThemeOverrides;
 class SnapTemplates extends Snap_1.Snap {
     constructor(config) {
-        const modifiedConfig = (0, exports.applyAutomaticThemeOverrides)(config);
         let context = {};
         try {
             context = (0, snap_toolbox_1.getContext)(['editor']);
@@ -103,11 +60,11 @@ class SnapTemplates extends Snap_1.Snap {
         const editUIMode = Boolean((urlParams?.params?.query && exports.TEMPLATE_EDITOR_UI_PARAM in urlParams.params.query) || editorCookieValue === 'ui' || editor?.mode === 'ui');
         const editMode = Boolean(editorCookieValue) || editUIMode || Boolean(editor?.mode === 'headless');
         // handle "global" result component configuration
-        if (modifiedConfig.theme.globalResultComponent) {
-            modifiedConfig.theme.overrides = (0, deepmerge_1.default)({ default: { result: { customComponent: modifiedConfig.theme.globalResultComponent } } }, modifiedConfig.theme.overrides || {});
+        if (config.theme.globalResultComponent) {
+            config.theme.overrides = (0, deepmerge_1.default)({ default: { result: { customComponent: config.theme.globalResultComponent } } }, config.theme.overrides || {});
         }
-        const templatesStore = new TemplateStore_1.TemplatesStore({ config: modifiedConfig, settings: { editMode } });
-        const snapConfig = createSnapConfig(modifiedConfig, templatesStore);
+        const templatesStore = new TemplateStore_1.TemplatesStore({ config: config, settings: { editMode } });
+        const snapConfig = createSnapConfig(config, templatesStore);
         super(snapConfig, { templatesStore });
         this.templates = templatesStore;
         setTimeout(async () => {
@@ -220,36 +177,6 @@ const createSearchTargeters = (templateConfig, templatesStore) => {
     });
 };
 exports.createSearchTargeters = createSearchTargeters;
-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 = (0, deepmerge_1.default)(targetConfigs, overrideConfigs, { arrayMerge: utils_1.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_1.TemplateSelect;
-            },
-            props: { target, templatesStore },
-        };
-        return (0, utils_1.applyChatTargetInject)(targeter);
-    });
-};
-exports.createChatTargeters = createChatTargeters;
 function createAutocompleteTargeters(templateConfig, templatesStore) {
     // initial target configs
     const targetConfigs = templateConfig.autocomplete?.targets || [];
@@ -376,7 +303,6 @@ function createTabServices(snapConfig, siteId) {
 function createSnapConfig(templateConfig, templatesStore) {
     const initiatorPrefix = window?.athos?.managed ? `managed/` : '';
     const snapConfig = {
-        mode: templateConfig.config?.mode,
         features: templateConfig.features || exports.DEFAULT_FEATURES,
         client: {
             globals: {},
@@ -577,21 +503,6 @@ 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: (0, exports.createChatTargeters)(templateConfig, templatesStore),
-        };
-        snapConfig.controllers.chat = [chatControllerConfig];
-    }
     /* QUICKVIEW MANAGER — injects quickview component(s) into <body> when enabled */
     if (templateConfig.quickview) {
         const quickviewSettings = templateConfig.quickview?.settings;
@@ -611,14 +522,10 @@ 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,
-            (0, deepmerge_1.default)(templateConfig.plugins?.common?.backgroundFilters || {}, controllerConfig?.plugins?.common?.backgroundFilters || {}),
-        ]);
-    }
+    plugins.push([
+        templatesStore.library.import.plugins.common.backgroundFilters,
+        (0, deepmerge_1.default)(templateConfig.plugins?.common?.backgroundFilters || {}, controllerConfig?.plugins?.common?.backgroundFilters || {}),
+    ]);
     plugins.push([
         templatesStore.library.import.plugins.common.scrollToTop,
         (0, deepmerge_1.default)(templateConfig.plugins?.common?.scrollToTop || {}, controllerConfig?.plugins?.common?.scrollToTop || {}),
@@ -647,9 +554,16 @@ function createPlugins(templateConfig, templatesStore, controllerType) {
             ]);
             const marketsConfig = (0, deepmerge_1.default)(templateConfig.plugins?.shopify?.markets || {}, controllerConfig?.plugins?.shopify?.markets || {});
             //only push if token is defined and non-empty
-            if (typeof marketsConfig?.token === 'string' && marketsConfig.token.length > 0) {
+            const marketsEnabled = typeof marketsConfig?.token === 'string' && marketsConfig.token.length > 0;
+            if (marketsEnabled) {
                 plugins.push([templatesStore.library.import.plugins.shopify.markets, marketsConfig]);
             }
+            // markets plugin enables the currency plugin unless it has been explicitly disabled
+            const currencyConfig = (0, deepmerge_1.default)(templateConfig.plugins?.shopify?.currency || {}, controllerConfig?.plugins?.shopify?.currency || {});
+            if (currencyConfig?.enabled === true || (marketsEnabled && currencyConfig?.enabled !== false)) {
+                // `enabled` is resolved onto the config so the plugin survives the tab plugin filter below
+                plugins.push([templatesStore.library.import.plugins.shopify.currency, { ...currencyConfig, enabled: true }, templatesStore]);
+            }
             break;
         case 'bigCommerce':
             plugins.push([

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

@@ -7,6 +7,7 @@ const pluginBackgroundFilters_1 = require("./library/plugins/shopify/pluginBackg
 const pluginMutateResults_1 = require("./library/plugins/shopify/pluginMutateResults");
 const pluginAddToCart_1 = require("./library/plugins/shopify/pluginAddToCart");
 const pluginMarkets_1 = require("./library/plugins/shopify/pluginMarkets");
+const pluginCurrency_1 = require("./library/plugins/shopify/pluginCurrency");
 const pluginAddToCart_2 = require("./library/plugins/bigCommerce/pluginAddToCart");
 const pluginAddToCart_3 = require("./library/plugins/magento2/pluginAddToCart");
 const pluginAddToCart_4 = require("./library/plugins/common/pluginAddToCart");
@@ -32,26 +33,6 @@ class LibraryStore {
                 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: {},
@@ -153,6 +134,7 @@ class LibraryStore {
                     mutateResults: pluginMutateResults_1.pluginMutateResults,
                     addToCart: pluginAddToCart_1.pluginAddToCart,
                     markets: pluginMarkets_1.pluginMarkets,
+                    currency: pluginCurrency_1.pluginCurrency,
                 },
                 bigcommerce: {
                     backgroundFilters: pluginBackgroundFilters_2.pluginBackgroundFilters,
@@ -245,33 +227,6 @@ 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 () => {
@@ -446,10 +401,7 @@ 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 (0, CustomComponent_1.CustomComponent)({
                         type,

package/dist/cjs/src/Templates/Stores/TemplateStore.js

@@ -1,13 +1,21 @@
 "use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.TemplatesStore = exports.TEMPLATE_STORE_KEY = void 0;
+exports.resolveCurrencyOverridesTheme = resolveCurrencyOverridesTheme;
+exports.withCurrencyCode = withCurrencyCode;
 exports.transformTranslationsToTheme = transformTranslationsToTheme;
+exports.resolveTranslationsOverridesTheme = resolveTranslationsOverridesTheme;
+const deepmerge_1 = __importDefault(require("deepmerge"));
 const mobx_1 = require("mobx");
 const snap_toolbox_1 = require("@athoscommerce/snap-toolbox");
 const ThemeStore_1 = require("./ThemeStore");
 const TargetStore_1 = require("./TargetStore");
 const TabManagerStore_1 = require("./TabManagerStore");
 const LibraryStore_1 = require("./LibraryStore");
+const snap_toolbox_2 = require("@athoscommerce/snap-toolbox");
 const RESIZE_DEBOUNCE = 100;
 exports.TEMPLATE_STORE_KEY = 'athos-templates';
 class TemplatesStore {
@@ -26,7 +34,6 @@ class TemplatesStore {
         this.targets = {
             search: [],
             autocomplete: [],
-            chat: [],
             recommendation: {
                 bundle: [],
                 default: [],
@@ -60,7 +67,7 @@ class TemplatesStore {
         // configure window properties and add event listeners
         if (window) {
             this.setInnerWidth(window.innerWidth);
-            const debouncedHandleResize = (0, snap_toolbox_1.debounce)(() => {
+            const debouncedHandleResize = (0, snap_toolbox_2.debounce)(() => {
                 this.setInnerWidth(window.innerWidth);
             }, RESIZE_DEBOUNCE);
             window.addEventListener('resize', debouncedHandleResize);
@@ -79,9 +86,10 @@ class TemplatesStore {
             const base = this.library.themes[themeConfiguration.extends];
             const overrides = themeConfiguration.overrides || {};
             const variables = themeConfiguration.variables || {};
-            const currency = this.library.locales.currencies[this.currency] || {};
+            const currency = withCurrencyCode(this.currency, this.library.locales.currencies[this.currency] || {});
+            const currencyOverrides = resolveCurrencyOverridesTheme(this.config.currencies, this.currency);
             const language = this.library.locales.languages[this.language] || {};
-            const languageOverrides = transformTranslationsToTheme((this.config.translations && this.config.translations[this.language]) || {});
+            const languageOverrides = resolveTranslationsOverridesTheme(this.config.translations, this.language);
             const translatedOverrides = {
                 components: overrides.default,
                 responsive: {
@@ -98,6 +106,7 @@ class TemplatesStore {
                 overrides: translatedOverrides,
                 variables,
                 currency,
+                currencyOverrides,
                 language,
                 languageOverrides,
                 innerWidth: this.window.innerWidth,
@@ -189,13 +198,15 @@ class TemplatesStore {
             if (currency) {
                 this.currency = code;
                 this.storage.set('overrides.config.currency', this.currency);
+                const currencyLayer = withCurrencyCode(code, currency);
+                const currencyOverrides = resolveCurrencyOverridesTheme(this.config.currencies, code);
                 for (const themeName in this.themes.local) {
                     const theme = this.themes.local[themeName];
-                    theme.setCurrency(currency);
+                    theme.setCurrency(currencyLayer, currencyOverrides);
                 }
                 for (const themeName in this.themes.library) {
                     const theme = this.themes.library[themeName];
-                    theme.setCurrency(currency);
+                    theme.setCurrency(currencyLayer, currencyOverrides);
                 }
             }
         }
@@ -211,13 +222,14 @@ class TemplatesStore {
             if (language) {
                 this.language = code;
                 this.storage.set('overrides.config.language', this.language);
+                const languageOverrides = resolveTranslationsOverridesTheme(this.config.translations, code);
                 for (const themeName in this.themes.local) {
                     const theme = this.themes.local[themeName];
-                    theme.setLanguage(language);
+                    theme.setLanguage(language, languageOverrides);
                 }
                 for (const themeName in this.themes.library) {
                     const theme = this.themes.library[themeName];
-                    theme.setLanguage(language);
+                    theme.setLanguage(language, languageOverrides);
                 }
             }
         }
@@ -238,8 +250,9 @@ class TemplatesStore {
                 type: 'library',
                 base: theme,
                 language: this.library.locales.languages[this.language] || {},
-                languageOverrides: transformTranslationsToTheme((this.config.translations && this.config.translations[this.language]) || {}),
-                currency: this.library.locales.currencies[this.currency] || {},
+                languageOverrides: resolveTranslationsOverridesTheme(this.config.translations, this.language),
+                currency: withCurrencyCode(this.currency, this.library.locales.currencies[this.currency] || {}),
+                currencyOverrides: resolveCurrencyOverridesTheme(this.config.currencies, this.currency),
                 innerWidth: this.window.innerWidth,
             };
             if (this.settings.editMode) {
@@ -257,11 +270,23 @@ function getTargetArray(targets, type) {
     if (category === 'recommendation' && subcategory) {
         return targets.recommendation[subcategory];
     }
-    if (category === 'search' || category === 'autocomplete' || category === 'chat') {
+    if (category === 'search' || category === 'autocomplete') {
         return targets[category];
     }
     return undefined;
 }
+/*
+    Resolves the configured component overrides for a currency into a theme layer.
+*/
+function resolveCurrencyOverridesTheme(currencies, code) {
+    const overrides = currencies?.[code] || currencies?.[code.toUpperCase()];
+    return overrides ? { components: overrides } : {};
+}
+// the ISO code is not stored in the locale data - it is derived from the active currency so the `Price`
+// component can render it after the amount when `showCode` is enabled
+function withCurrencyCode(code, currency) {
+    return (0, deepmerge_1.default)(currency, { components: { price: { code: code.toUpperCase() } } });
+}
 function transformTranslationsToTheme(translations) {
     const components = {};
     Object.keys(translations).forEach((component) => {
@@ -274,6 +299,10 @@ function transformTranslationsToTheme(translations) {
         components,
     };
 }
+function resolveTranslationsOverridesTheme(translations, code) {
+    const overrides = translations?.[code] || translations?.[code.toUpperCase()];
+    return transformTranslationsToTheme(overrides || {});
+}
 class Deferred {
     constructor() {
         this.promise = new Promise((resolve, reject) => {