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

package/build/dist/lib/components.js

@@ -1911,12 +1911,14 @@ const initializeApp = (0,redux_toolkit_modern/* createAsyncThunk */.aw)('initial
   rejectWithValue
 }) => __awaiter(void 0, void 0, void 0, function* () {
   var _a, _b, _c;
-  const contentLocale = (_a = config === null || config === void 0 ? void 0 : config.context) === null || _a === void 0 ? void 0 : _a.contentLocale;
-  const userLocale = (_b = config === null || config === void 0 ? void 0 : config.context) === null || _b === void 0 ? void 0 : _b.userLocale;
+  let contentLocale = (_a = config === null || config === void 0 ? void 0 : config.context) === null || _a === void 0 ? void 0 : _a.contentLocale;
+  let userLocale = (_b = config === null || config === void 0 ? void 0 : config.context) === null || _b === void 0 ? void 0 : _b.userLocale;
   const environment = config.api.sendEnvironment !== false ? api.getEnvironment() : config.api.sendEnvironment;
   try {
     if (api.hasConversation()) {
       const initialState = yield api.getConversationIntitialState();
+      contentLocale = initialState.context.contentLocale || contentLocale;
+      userLocale = initialState.context.userLocale || userLocale;
       api.sendContext(Object.assign(Object.assign({}, initialState.context), {
         environment
       }));
@@ -2092,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,
@@ -2102,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;
@@ -2113,6 +2116,7 @@ const initializeConfig = (0,_reduxjs_toolkit__WEBPACK_IMPORTED_MODULE_0__/* .cre
       agentParticipant,
       userParticipant,
       startChatIcon,
+      defaultUserLocale,
       defaultContentLocale,
       connectWhenInView
     };
@@ -2282,6 +2286,7 @@ const configSlice = (0,_reduxjs_toolkit__WEBPACK_IMPORTED_MODULE_3__/* .createSl
         agentParticipant,
         userParticipant,
         startChatIcon,
+        defaultUserLocale,
         defaultContentLocale
       }
     }) => {
@@ -2290,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;
@@ -2593,7 +2599,7 @@ const setLocale = (0,_reduxjs_toolkit__WEBPACK_IMPORTED_MODULE_0__/* .createAsyn
 
 /***/ }),
 
-/***/ 4640:
+/***/ 1800:
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
 "use strict";
@@ -3306,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
 
 
@@ -3320,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) {
@@ -3342,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__) => {
 
@@ -3387,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);
 
 
@@ -3654,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 => {
@@ -3730,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
@@ -3740,7 +3731,6 @@ var translations_slice = __webpack_require__(8456);
 
 
 
-
 const middleware_createI18nMiddleware = ({
   dispatch,
   getState
@@ -3757,13 +3747,15 @@ 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)) {
-        dispatch(setLocale(action.payload.contentLocale));
+        if (action.payload.userLocale) {
+          dispatch(setLocale(action.payload.userLocale));
+        }
         return result;
       }
       if (addEvent.match(action)) {
@@ -3772,11 +3764,6 @@ const middleware_createI18nMiddleware = ({
           return result;
         }
       }
-      if (disableTranslation.match(action)) {
-        const initialLocale = selectInitialLocale(getState());
-        dispatch(setLocale(initialLocale));
-        return result;
-      }
       return result;
     };
   };
@@ -4522,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
@@ -4563,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]);
@@ -4809,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'
         });
@@ -5368,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
@@ -5948,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);
@@ -5980,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);
@@ -6143,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);
@@ -6588,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
 
 
@@ -6987,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);
@@ -7127,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);
@@ -13161,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
@@ -18260,7 +18247,7 @@ const TranslationOption = ({ label, checked, description, onChange, id, itemClas
 
 const isChecked = (language, currentLocale, isOriginal) => currentLocale === language.locale || (!currentLocale && isOriginal);
 const TranslationOptions = ({ onChange, describedById, }) => {
-    const { context: { contentLocale }, } = (0,config_hooks/* useConfig */.EV)();
+    const { context: { userLocale, contentLocale }, } = (0,config_hooks/* useConfig */.EV)();
     const { t } = (0,hooks/* useI18n */.g)();
     const { languages, currentLocale, enableTranslations, disableTranslations } = (0,translations_hooks/* useTranslations */.A1)();
     const focusSkiplinkTarget = (0,focus_helper_hooks/* useSkiplinkTargetFocusing */.e6)();