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

package/build/dist/lib/utils.js

@@ -2102,7 +2102,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,
@@ -2112,7 +2112,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;
@@ -2123,6 +2124,7 @@ const initializeConfig = (0,_reduxjs_toolkit__WEBPACK_IMPORTED_MODULE_0__/* .cre
       agentParticipant,
       userParticipant,
       startChatIcon,
+      defaultUserLocale,
       defaultContentLocale,
       connectWhenInView
     };
@@ -2294,6 +2296,7 @@ const configSlice = (0,_reduxjs_toolkit__WEBPACK_IMPORTED_MODULE_3__/* .createSl
         agentParticipant,
         userParticipant,
         startChatIcon,
+        defaultUserLocale,
         defaultContentLocale
       }
     }) => {
@@ -2302,6 +2305,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;
@@ -2608,7 +2612,7 @@ const setLocale = (0,_reduxjs_toolkit__WEBPACK_IMPORTED_MODULE_0__/* .createAsyn
 
 /***/ }),
 
-/***/ 4640:
+/***/ 1800:
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
 "use strict";
@@ -3321,8 +3325,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
 
 
@@ -3335,10 +3361,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) {
@@ -3357,41 +3383,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__) => {
 
@@ -3402,7 +3393,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);
 
 
@@ -3669,7 +3660,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 => {
@@ -3745,8 +3736,6 @@ function 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
@@ -3755,7 +3744,6 @@ var translations_slice = __webpack_require__(8456);
 
 
 
-
 const createI18nMiddleware = ({
   dispatch,
   getState
@@ -3772,14 +3760,14 @@ const createI18nMiddleware = ({
         }
       }
       if (config_actions/* initializeConfig */.A.fulfilled.match(action)) {
-        if (action.payload.defaultContentLocale) {
-          dispatch((0,i18n_actions/* setLocale */.K)(action.payload.defaultContentLocale));
+        if (action.payload.defaultUserLocale) {
+          dispatch((0,i18n_actions/* setLocale */.K)(action.payload.defaultUserLocale));
           return result;
         }
       }
       if (actions/* initializeApp */.m.fulfilled.match(action)) {
-        if (action.payload.contentLocale) {
-          dispatch((0,i18n_actions/* setLocale */.K)(action.payload.contentLocale));
+        if (action.payload.userLocale) {
+          dispatch((0,i18n_actions/* setLocale */.K)(action.payload.userLocale));
         }
         return result;
       }
@@ -3789,11 +3777,6 @@ const createI18nMiddleware = ({
           return result;
         }
       }
-      if (translations_slice/* disableTranslation */.If.match(action)) {
-        const initialLocale = (0,selectors/* selectInitialLocale */.E$)(getState());
-        dispatch((0,i18n_actions/* setLocale */.K)(initialLocale));
-        return result;
-      }
       return result;
     };
   };
@@ -4556,8 +4539,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
@@ -4597,7 +4580,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]);
@@ -4845,8 +4828,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'
         });
@@ -5409,8 +5392,8 @@ __webpack_require__.d(__webpack_exports__, {
 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/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
@@ -6024,7 +6007,7 @@ const splitUrlParams = url => {
 /* 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);
@@ -6056,7 +6039,7 @@ const splitUrlParams = url => {
 /* 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);
@@ -6219,7 +6202,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);
@@ -6666,8 +6649,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
 
 
@@ -7065,7 +7048,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);
@@ -7205,7 +7188,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);
@@ -13400,14 +13383,6 @@ var __classPrivateFieldGet = undefined && undefined.__classPrivateFieldGet || fu
   if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError("Cannot read private member from an object whose class did not declare it");
   return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
 };
-var __rest = undefined && undefined.__rest || function (s, e) {
-  var t = {};
-  for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
-  if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-    if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
-  }
-  return t;
-};
 var _API_instances, _API_ready, _API_externalId, _API_conversationAuthToken, _API_layoutMode, _API_config, _API_getAccessToken, _API_setAccessToken, _API_setConversationUrl, _API_getChannelTopic, _API_setChannelTopic, _API_getLocale, _API_getUrlPrefix, _API_updateUrls, _API_createConversation;
 
 
@@ -13497,7 +13472,7 @@ class API {
     _API_config.set(this, void 0);
     this.conversation = new conversation_connector/* default */.c();
     _API_getLocale.set(this, locale => locale || this.locale);
-    this.store = objectStore(`${namespace}.connection${context.contentLocale ? `.${context.contentLocale}` : ''}`, config.storageProvider || store);
+    this.store = objectStore(`${namespace}.connection${context.userLocale ? `.${context.userLocale}` : ''}`, config.storageProvider || store);
     this.connectionInfo = {
       apiKey: config.key,
       domain: config.domain || DOMAIN,
@@ -13763,7 +13738,6 @@ class API {
     this.conversation.pushToChannel(command, buildPayload(command, payload), 10000);
   }
   sendContext(context) {
-    var _a, _b;
     const {
       contentLocale,
       userLocale,
@@ -13796,23 +13770,13 @@ class API {
     if (Object.keys(payload).length === 0 && payload.constructor === Object) {
       return;
     }
-    // Destructure the server locale from the payload
-    const {
-        contentLocale: _
-      } = payload,
-      restPayload = __rest(payload, ["contentLocale"]);
-    const localContentLocale = (_a = __classPrivateFieldGet(this, _API_config, "f").context) === null || _a === void 0 ? void 0 : _a.contentLocale;
-    const localUserLocale = (_b = __classPrivateFieldGet(this, _API_config, "f").context) === null || _b === void 0 ? void 0 : _b.userLocale;
-    this.send('context', Object.assign(Object.assign({}, localContentLocale ? {
-      contentLocale: localContentLocale,
-      userLocale: localUserLocale
-    } : {}), restPayload), false);
+    this.send('context', payload, false);
   }
   getEnvironment() {
     return {
       clientName: "@seamly/web-ui",
       clientVariant: __classPrivateFieldGet(this, _API_layoutMode, "f"),
-      clientVersion: "23.0.0-alpha.2",
+      clientVersion: "22.3.6",
       currentUrl: window.location.toString(),
       screenResolution: `${window.screen.width}x${window.screen.height}`,
       timezone: getTimeZone(),
@@ -14013,8 +13977,8 @@ const CardMessage = ({
   });
 };
 /* harmony default export */ const card_message = (CardMessage);
-// 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);
 ;// CONCATENATED MODULE: ./src/javascripts/ui/components/conversation/event/carousel-message/components/slide.js
 
 
@@ -16954,7 +16918,7 @@ var seamly_event_subscriber_awaiter = undefined && undefined.__awaiter || functi
     step((generator = generator.apply(thisArg, _arguments || [])).next());
   });
 };
-var seamly_event_subscriber_rest = undefined && undefined.__rest || function (s, e) {
+var __rest = undefined && undefined.__rest || function (s, e) {
   var t = {};
   for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
   if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
@@ -17138,7 +17102,7 @@ const SeamlyEventSubscriber = () => {
               const {
                   serviceSettings
                 } = payload,
-                eventPayload = seamly_event_subscriber_rest(payload, ["serviceSettings"]);
+                eventPayload = __rest(payload, ["serviceSettings"]);
               const {
                 entry,
                 proactiveMessages
@@ -18689,7 +18653,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 {