@seamly/web-ui 23.0.0-alpha.2 → 23.0.0-alpha.3

package/build/dist/lib/components.js

@@ -2094,7 +2094,7 @@ const initializeConfig = (0,_reduxjs_toolkit__WEBPACK_IMPORTED_MODULE_0__/* .cre
   },
   rejectWithValue
 }) => __awaiter(void 0, void 0, void 0, function* () {
-  var _a;
+  var _a, _b;
   try {
     const {
       features,
@@ -2104,7 +2104,8 @@ const initializeConfig = (0,_reduxjs_toolkit__WEBPACK_IMPORTED_MODULE_0__/* .cre
       userParticipant,
       startChatIcon
     } = yield api.getConfig();
-    const defaultContentLocale = ((_a = config === null || config === void 0 ? void 0 : config.context) === null || _a === void 0 ? void 0 : _a.contentLocale) || defaultLocale;
+    const defaultUserLocale = ((_a = config === null || config === void 0 ? void 0 : config.context) === null || _a === void 0 ? void 0 : _a.userLocale) || defaultLocale;
+    const defaultContentLocale = ((_b = config === null || config === void 0 ? void 0 : config.context) === null || _b === void 0 ? void 0 : _b.contentLocale) || defaultLocale;
     const {
       connectWhenInView
     } = config;
@@ -2115,6 +2116,7 @@ const initializeConfig = (0,_reduxjs_toolkit__WEBPACK_IMPORTED_MODULE_0__/* .cre
       agentParticipant,
       userParticipant,
       startChatIcon,
+      defaultUserLocale,
       defaultContentLocale,
       connectWhenInView
     };
@@ -2284,6 +2286,7 @@ const configSlice = (0,_reduxjs_toolkit__WEBPACK_IMPORTED_MODULE_3__/* .createSl
         agentParticipant,
         userParticipant,
         startChatIcon,
+        defaultUserLocale,
         defaultContentLocale
       }
     }) => {
@@ -2292,6 +2295,7 @@ const configSlice = (0,_reduxjs_toolkit__WEBPACK_IMPORTED_MODULE_3__/* .createSl
         type: 'message',
         payload
       }));
+      state.context.userLocale = defaultUserLocale;
       state.context.contentLocale = defaultContentLocale;
       state.agentParticipant = agentParticipant;
       state.userParticipant = userParticipant;
@@ -2595,7 +2599,7 @@ const setLocale = (0,_reduxjs_toolkit__WEBPACK_IMPORTED_MODULE_0__/* .createAsyn
 
 /***/ }),
 
-/***/ 4640:
+/***/ 1800:
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
 "use strict";
@@ -3308,8 +3312,30 @@ function selectTypeHandler(value) {
 var hooks_ = __webpack_require__(8056);
 // EXTERNAL MODULE: ./node_modules/react-redux/dist/react-redux.mjs
 var react_redux = __webpack_require__(2328);
-// EXTERNAL MODULE: ./src/javascripts/domains/i18n/selectors.ts
-var selectors = __webpack_require__(9144);
+// EXTERNAL MODULE: ./node_modules/reselect/dist/reselect.mjs
+var reselect = __webpack_require__(8888);
+;// CONCATENATED MODULE: ./src/javascripts/domains/i18n/selectors.ts
+
+const selectTranslations = (0,reselect/* createSelector */.M3)(({
+  i18n
+}) => i18n, ({
+  translations
+}) => translations);
+const selectInitialLocale = (0,reselect/* createSelector */.M3)(({
+  i18n
+}) => i18n, ({
+  initialLocale
+}) => initialLocale);
+const selectLocale = (0,reselect/* createSelector */.M3)(({
+  i18n
+}) => i18n, ({
+  userLocale
+}) => userLocale);
+const selectIsLoading = (0,reselect/* createSelector */.M3)(({
+  i18n
+}) => i18n, ({
+  isLoading
+}) => isLoading);
 ;// CONCATENATED MODULE: ./src/javascripts/domains/i18n/hooks.ts
 
 
@@ -3322,10 +3348,10 @@ const formatter = new MessageFormatter('en-GB', {
   select: selectTypeHandler
 });
 function useI18n() {
-  const translations = (0,react_redux/* useSelector */.w1)(selectors/* selectTranslations */.UO);
-  const userLocale = (0,react_redux/* useSelector */.w1)(selectors/* selectLocale */.Oo);
-  const initialLocale = (0,react_redux/* useSelector */.w1)(selectors/* selectInitialLocale */.E$);
-  const isLoading = (0,react_redux/* useSelector */.w1)(selectors/* selectIsLoading */.Ir);
+  const translations = (0,react_redux/* useSelector */.w1)(selectTranslations);
+  const userLocale = (0,react_redux/* useSelector */.w1)(selectLocale);
+  const initialLocale = (0,react_redux/* useSelector */.w1)(selectInitialLocale);
+  const isLoading = (0,react_redux/* useSelector */.w1)(selectIsLoading);
   const t = (0,hooks_.useCallback)((key, values = {}) => {
     const translation = translations[key];
     if (!translation) {
@@ -3344,41 +3370,6 @@ function useI18n() {
 
 /***/ }),
 
-/***/ 9144:
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
-
-"use strict";
-/* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   E$: () => (/* binding */ selectInitialLocale),
-/* harmony export */   Ir: () => (/* binding */ selectIsLoading),
-/* harmony export */   Oo: () => (/* binding */ selectLocale),
-/* harmony export */   UO: () => (/* binding */ selectTranslations)
-/* harmony export */ });
-/* harmony import */ var _reduxjs_toolkit__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(8888);
-
-const selectTranslations = (0,_reduxjs_toolkit__WEBPACK_IMPORTED_MODULE_0__/* .createSelector */ .M3)(({
-  i18n
-}) => i18n, ({
-  translations
-}) => translations);
-const selectInitialLocale = (0,_reduxjs_toolkit__WEBPACK_IMPORTED_MODULE_0__/* .createSelector */ .M3)(({
-  i18n
-}) => i18n, ({
-  initialLocale
-}) => initialLocale);
-const selectLocale = (0,_reduxjs_toolkit__WEBPACK_IMPORTED_MODULE_0__/* .createSelector */ .M3)(({
-  i18n
-}) => i18n, ({
-  userLocale
-}) => userLocale);
-const selectIsLoading = (0,_reduxjs_toolkit__WEBPACK_IMPORTED_MODULE_0__/* .createSelector */ .M3)(({
-  i18n
-}) => i18n, ({
-  isLoading
-}) => isLoading);
-
-/***/ }),
-
 /***/ 9748:
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
@@ -3389,7 +3380,7 @@ const selectIsLoading = (0,_reduxjs_toolkit__WEBPACK_IMPORTED_MODULE_0__/* .crea
 /* harmony import */ var preact_hooks__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(8056);
 /* harmony import */ var preact_hooks__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(preact_hooks__WEBPACK_IMPORTED_MODULE_0__);
 /* harmony import */ var react_redux__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(2328);
-/* harmony import */ var domains_i18n_hooks__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(4640);
+/* harmony import */ var domains_i18n_hooks__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(1800);
 /* harmony import */ var _selectors__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(5768);
 
 
@@ -3656,7 +3647,7 @@ const i18nSlice = (0,redux_toolkit_modern/* createSlice */.is)({
     builder.addCase(actions/* resetApp */.C.pending, () => initialState).addCase(config_actions/* initializeConfig */.A.fulfilled, (state, {
       payload
     }) => {
-      state.initialLocale = payload.defaultContentLocale;
+      state.initialLocale = payload.defaultUserLocale;
     }).addCase(i18n_actions/* setLocale */.K.pending, state => {
       state.isLoading = true;
     }).addCase(i18n_actions/* setLocale */.K.rejected, state => {
@@ -3732,8 +3723,6 @@ function middleware_createOptionsMiddleware({
     return result;
   };
 }
-// EXTERNAL MODULE: ./src/javascripts/domains/i18n/selectors.ts
-var selectors = __webpack_require__(9144);
 // EXTERNAL MODULE: ./src/javascripts/domains/translations/slice.ts
 var translations_slice = __webpack_require__(8456);
 ;// CONCATENATED MODULE: ./src/javascripts/domains/translations/middleware.ts
@@ -3742,7 +3731,6 @@ var translations_slice = __webpack_require__(8456);
 
 
 
-
 const middleware_createI18nMiddleware = ({
   dispatch,
   getState
@@ -3759,14 +3747,14 @@ const middleware_createI18nMiddleware = ({
         }
       }
       if (initializeConfig.fulfilled.match(action)) {
-        if (action.payload.defaultContentLocale) {
-          dispatch(setLocale(action.payload.defaultContentLocale));
+        if (action.payload.defaultUserLocale) {
+          dispatch(setLocale(action.payload.defaultUserLocale));
           return result;
         }
       }
       if (initializeApp.fulfilled.match(action)) {
-        if (action.payload.contentLocale) {
-          dispatch(setLocale(action.payload.contentLocale));
+        if (action.payload.userLocale) {
+          dispatch(setLocale(action.payload.userLocale));
         }
         return result;
       }
@@ -3776,11 +3764,6 @@ const middleware_createI18nMiddleware = ({
           return result;
         }
       }
-      if (disableTranslation.match(action)) {
-        const initialLocale = selectInitialLocale(getState());
-        dispatch(setLocale(initialLocale));
-        return result;
-      }
       return result;
     };
   };
@@ -4526,8 +4509,8 @@ var hooks_ = __webpack_require__(8056);
 var react_redux = __webpack_require__(2328);
 // EXTERNAL MODULE: ./src/javascripts/domains/config/hooks.ts
 var hooks = __webpack_require__(5352);
-// EXTERNAL MODULE: ./src/javascripts/domains/i18n/hooks.ts + 15 modules
-var i18n_hooks = __webpack_require__(4640);
+// EXTERNAL MODULE: ./src/javascripts/domains/i18n/hooks.ts + 16 modules
+var i18n_hooks = __webpack_require__(1800);
 // EXTERNAL MODULE: ./node_modules/reselect/dist/reselect.mjs
 var reselect = __webpack_require__(8888);
 ;// CONCATENATED MODULE: ./src/javascripts/domains/translations/selectors.ts
@@ -4567,7 +4550,7 @@ function useTranslations() {
   }, [sendContext]);
   const disableTranslations = (0,hooks_.useCallback)(() => {
     sendContext({
-      userLocale: config.context.userLocale
+      userLocale: config.context.contentLocale
     });
     dispatch((0,slice/* disableTranslation */.If)());
   }, [config.context, dispatch, sendContext]);
@@ -4813,8 +4796,8 @@ const translationSlice = (0,_reduxjs_toolkit__WEBPACK_IMPORTED_MODULE_4__/* .cre
       if (!feature) return;
       state.isAvailable = feature.enabled === true;
       state.languages = [...feature.languages].sort((a, b) => {
-        if (a.locale === payload.defaultContentLocale) return -1;
-        if (b.locale === payload.defaultContentLocale) return 1;
+        if (a.locale === payload.defaultUserLocale) return -1;
+        if (b.locale === payload.defaultUserLocale) return 1;
         return a.nativeName.localeCompare(b.nativeName, undefined, {
           sensitivity: 'base'
         });
@@ -5372,8 +5355,8 @@ const useSeamlyLayoutMode = () => {
 
 // EXTERNAL MODULE: external "preact/hooks"
 var hooks_ = __webpack_require__(8056);
-// EXTERNAL MODULE: ./src/javascripts/domains/i18n/hooks.ts + 15 modules
-var hooks = __webpack_require__(4640);
+// EXTERNAL MODULE: ./src/javascripts/domains/i18n/hooks.ts + 16 modules
+var hooks = __webpack_require__(1800);
 // EXTERNAL MODULE: ./src/javascripts/domains/visibility/hooks.ts
 var visibility_hooks = __webpack_require__(8632);
 // EXTERNAL MODULE: ./src/javascripts/ui/hooks/use-seamly-commands.js
@@ -5952,7 +5935,7 @@ function randomId() {
 /* harmony export */   useI18n: () => (/* reexport safe */ domains_i18n_hooks__WEBPACK_IMPORTED_MODULE_0__.g),
 /* harmony export */   useTranslatedEventData: () => (/* reexport safe */ domains_translations_hooks__WEBPACK_IMPORTED_MODULE_1__.kx)
 /* harmony export */ });
-/* harmony import */ var domains_i18n_hooks__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(4640);
+/* harmony import */ var domains_i18n_hooks__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(1800);
 /* harmony import */ var domains_translations_hooks__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(7456);
 /* harmony import */ var ui_components_conversation_event_choice_prompt__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(2080);
 /* harmony import */ var ui_hooks_seamly_hooks__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(6204);
@@ -5984,7 +5967,7 @@ function randomId() {
 /* harmony import */ var preact__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(preact__WEBPACK_IMPORTED_MODULE_0__);
 /* harmony import */ var preact_hooks__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(8056);
 /* harmony import */ var preact_hooks__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(preact_hooks__WEBPACK_IMPORTED_MODULE_1__);
-/* harmony import */ var domains_i18n_hooks__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(4640);
+/* harmony import */ var domains_i18n_hooks__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(1800);
 /* harmony import */ var domains_translations_hooks__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(7456);
 /* harmony import */ var lib_css__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(8544);
 /* harmony import */ var lib_id__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(1676);
@@ -6147,7 +6130,7 @@ const ChoicePrompt = ({
 /* harmony export */   c: () => (__WEBPACK_DEFAULT_EXPORT__)
 /* harmony export */ });
 /* harmony import */ var domains_config_hooks__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(5352);
-/* harmony import */ var domains_i18n_hooks__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(4640);
+/* harmony import */ var domains_i18n_hooks__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(1800);
 /* harmony import */ var lib_css__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(8544);
 /* harmony import */ var ui_hooks_seamly_hooks__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(6204);
 /* harmony import */ var preact_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(784);
@@ -6592,8 +6575,8 @@ const useFileUploads = () => {
 var live_region_hooks = __webpack_require__(8384);
 // EXTERNAL MODULE: ./src/javascripts/ui/hooks/seamly-api-hooks.ts
 var seamly_api_hooks = __webpack_require__(9320);
-// EXTERNAL MODULE: ./src/javascripts/domains/i18n/hooks.ts + 15 modules
-var hooks = __webpack_require__(4640);
+// EXTERNAL MODULE: ./src/javascripts/domains/i18n/hooks.ts + 16 modules
+var hooks = __webpack_require__(1800);
 ;// CONCATENATED MODULE: ./src/javascripts/ui/hooks/seamly-option-hooks.js
 
 
@@ -6991,7 +6974,7 @@ const useSeamlyCommands = () => {
 /* harmony import */ var preact_hooks__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(preact_hooks__WEBPACK_IMPORTED_MODULE_0__);
 /* harmony import */ var react_redux__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(2328);
 /* harmony import */ var config__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(7548);
-/* harmony import */ var domains_i18n_hooks__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(4640);
+/* harmony import */ var domains_i18n_hooks__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(1800);
 /* harmony import */ var domains_store_slice__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(3332);
 /* harmony import */ var domains_visibility_hooks__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(8632);
 /* harmony import */ var ui_utils_general_utils__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(8760);
@@ -7131,7 +7114,7 @@ const useSeamlyIdleDetachCountdown = () => {
 /* harmony export */   c: () => (__WEBPACK_DEFAULT_EXPORT__)
 /* harmony export */ });
 /* harmony import */ var react_redux__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(2328);
-/* harmony import */ var domains_i18n_hooks__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(4640);
+/* harmony import */ var domains_i18n_hooks__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(1800);
 /* harmony import */ var domains_store_slice__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(3332);
 /* harmony import */ var ui_utils_seamly_utils__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(6244);
 /* harmony import */ var _live_region_hooks__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(8384);
@@ -13165,8 +13148,8 @@ __webpack_require__.d(__webpack_exports__, {
 
 // EXTERNAL MODULE: external "preact/jsx-runtime"
 var jsx_runtime_ = __webpack_require__(784);
-// EXTERNAL MODULE: ./src/javascripts/domains/i18n/hooks.ts + 15 modules
-var hooks = __webpack_require__(4640);
+// EXTERNAL MODULE: ./src/javascripts/domains/i18n/hooks.ts + 16 modules
+var hooks = __webpack_require__(1800);
 // EXTERNAL MODULE: ./src/javascripts/domains/visibility/hooks.ts
 var visibility_hooks = __webpack_require__(8632);
 // EXTERNAL MODULE: ./src/javascripts/lib/css.js
@@ -18269,7 +18252,7 @@ const TranslationOptions = ({ onChange, describedById, }) => {
     const { languages, currentLocale, enableTranslations, disableTranslations } = (0,translations_hooks/* useTranslations */.A1)();
     const focusSkiplinkTarget = (0,focus_helper_hooks/* useSkiplinkTargetFocusing */.e6)();
     const handleChange = (locale) => () => {
-        if (locale === currentLocale || userLocale === locale) {
+        if (locale === currentLocale || contentLocale === locale) {
             disableTranslations();
         }
         else {