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

package/build/dist/lib/standalone.js

@@ -4556,7 +4556,7 @@ module.exports = function (it) {
 
 /***/ }),
 
-/***/ 2315:
+/***/ 4696:
 /***/ (function(module, __unused_webpack_exports, __webpack_require__) {
 
 "use strict";
@@ -5910,7 +5910,7 @@ module.exports = !!Object.getOwnPropertySymbols && !fails(function () {
 
 /***/ }),
 
-/***/ 4696:
+/***/ 2315:
 /***/ (function(module, __unused_webpack_exports, __webpack_require__) {
 
 "use strict";
@@ -7586,7 +7586,7 @@ $({ target: 'Object', stat: true }, {
 "use strict";
 
 var $ = __webpack_require__(7580);
-var $parseFloat = __webpack_require__(2315);
+var $parseFloat = __webpack_require__(4696);
 
 // `parseFloat` method
 // https://tc39.es/ecma262/#sec-parsefloat-string
@@ -8410,7 +8410,7 @@ var uid = __webpack_require__(2360);
 var wellKnownSymbol = __webpack_require__(4604);
 var wrappedWellKnownSymbolModule = __webpack_require__(4460);
 var defineWellKnownSymbol = __webpack_require__(588);
-var defineSymbolToPrimitive = __webpack_require__(4696);
+var defineSymbolToPrimitive = __webpack_require__(2315);
 var setToStringTag = __webpack_require__(6216);
 var InternalStateModule = __webpack_require__(2348);
 var $forEach = (__webpack_require__(6548).forEach);
@@ -11228,18 +11228,15 @@ var minivents_commonjs_min_default = /*#__PURE__*/__webpack_require__.n(minivent
 // EXTERNAL MODULE: ./node_modules/@babel/runtime-corejs3/core-js-stable/promise.js
 var promise = __webpack_require__(8436);
 var promise_default = /*#__PURE__*/__webpack_require__.n(promise);
-// EXTERNAL MODULE: ./node_modules/@babel/runtime-corejs3/core-js-stable/instance/index-of.js
-var index_of = __webpack_require__(308);
-var index_of_default = /*#__PURE__*/__webpack_require__.n(index_of);
-// EXTERNAL MODULE: ./node_modules/@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols.js
-var get_own_property_symbols = __webpack_require__(6512);
-var get_own_property_symbols_default = /*#__PURE__*/__webpack_require__.n(get_own_property_symbols);
 // EXTERNAL MODULE: ./node_modules/@babel/runtime-corejs3/core-js-stable/url.js
 var core_js_stable_url = __webpack_require__(7568);
 var url_default = /*#__PURE__*/__webpack_require__.n(core_js_stable_url);
 // EXTERNAL MODULE: ./node_modules/@babel/runtime-corejs3/core-js-stable/object/assign.js
 var object_assign = __webpack_require__(2184);
 var assign_default = /*#__PURE__*/__webpack_require__.n(object_assign);
+// EXTERNAL MODULE: ./node_modules/@babel/runtime-corejs3/core-js-stable/instance/index-of.js
+var index_of = __webpack_require__(308);
+var index_of_default = /*#__PURE__*/__webpack_require__.n(index_of);
 // EXTERNAL MODULE: ./node_modules/@babel/runtime-corejs3/core-js-stable/json/stringify.js
 var stringify = __webpack_require__(9360);
 var stringify_default = /*#__PURE__*/__webpack_require__.n(stringify);
@@ -13372,7 +13369,6 @@ _ConversationConnector_connectionListeners = new (weak_map_default())(), _Conver
 
 
 
-
 var api_awaiter = undefined && undefined.__awaiter || function (thisArg, _arguments, P, generator) {
   function adopt(value) {
     return value instanceof P ? value : new P(function (resolve) {
@@ -13411,14 +13407,6 @@ var api_classPrivateFieldGet = undefined && undefined.__classPrivateFieldGet ||
   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) && index_of_default()(e).call(e, p) < 0) t[p] = s[p];
-  if (s != null && typeof (get_own_property_symbols_default()) === "function") for (var i = 0, p = get_own_property_symbols_default()(s); i < p.length; i++) {
-    if (index_of_default()(e).call(e, 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;
 
 
@@ -13508,7 +13496,7 @@ class API {
     _API_config.set(this, void 0);
     this.conversation = new conversation_connector();
     _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,
@@ -13774,7 +13762,6 @@ class API {
     this.conversation.pushToChannel(command, buildPayload(command, payload), 10000);
   }
   sendContext(context) {
-    var _a, _b;
     const {
       contentLocale,
       userLocale,
@@ -13807,23 +13794,13 @@ class API {
     if (keys_default()(payload).length === 0 && payload.constructor === Object) {
       return;
     }
-    // Destructure the server locale from the payload
-    const {
-        contentLocale: _
-      } = payload,
-      restPayload = __rest(payload, ["contentLocale"]);
-    const localContentLocale = (_a = api_classPrivateFieldGet(this, _API_config, "f").context) === null || _a === void 0 ? void 0 : _a.contentLocale;
-    const localUserLocale = (_b = api_classPrivateFieldGet(this, _API_config, "f").context) === null || _b === void 0 ? void 0 : _b.userLocale;
-    this.send('context', assign_default()(assign_default()({}, localContentLocale ? {
-      contentLocale: localContentLocale,
-      userLocale: localUserLocale
-    } : {}), restPayload), false);
+    this.send('context', payload, false);
   }
   getEnvironment() {
     return {
       clientName: "@seamly/web-ui",
       clientVariant: api_classPrivateFieldGet(this, _API_layoutMode, "f"),
-      clientVersion: "23.0.0-alpha.1",
+      clientVersion: "22.3.6",
       currentUrl: window.location.toString(),
       screenResolution: `${window.screen.width}x${window.screen.height}`,
       timezone: getTimeZone(),
@@ -18280,7 +18257,7 @@ const initializeConfig = createAsyncThunk('initializeConfig', (_, {
   },
   rejectWithValue
 }) => actions_awaiter(void 0, void 0, void 0, function* () {
-  var _a;
+  var _a, _b;
   try {
     const {
       features,
@@ -18290,7 +18267,8 @@ const initializeConfig = createAsyncThunk('initializeConfig', (_, {
       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;
@@ -18301,6 +18279,7 @@ const initializeConfig = createAsyncThunk('initializeConfig', (_, {
       agentParticipant,
       userParticipant,
       startChatIcon,
+      defaultUserLocale,
       defaultContentLocale,
       connectWhenInView
     };
@@ -19820,12 +19799,14 @@ const initializeApp = createAsyncThunk('initializeApp', (_, {
   rejectWithValue
 }) => app_actions_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(assign_default()(assign_default()({}, initialState.context), {
         environment
       }));
@@ -19893,13 +19874,16 @@ const resetApp = create_debounced_async_thunk('resetApp', (_, {
   wait: 2000,
   leading: true
 });
+// EXTERNAL MODULE: ./node_modules/@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols.js
+var get_own_property_symbols = __webpack_require__(6512);
+var get_own_property_symbols_default = /*#__PURE__*/__webpack_require__.n(get_own_property_symbols);
 ;// CONCATENATED MODULE: ./src/javascripts/domains/config/slice.ts
 
 
 
 
 
-var slice_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) && index_of_default()(e).call(e, p) < 0) t[p] = s[p];
   if (s != null && typeof (get_own_property_symbols_default()) === "function") for (var i = 0, p = get_own_property_symbols_default()(s); i < p.length; i++) {
@@ -19943,7 +19927,7 @@ const updateState = (state, config) => {
     {
       messages
     } = _a,
-    partialConfig = slice_rest(_a, ["messages"]);
+    partialConfig = __rest(_a, ["messages"]);
   let newState = state;
   if (keys_default()(partialConfig).length > 0) {
     newState = assign_default()(assign_default()({}, newState), partialConfig);
@@ -19978,6 +19962,7 @@ const configSlice = createSlice({
         agentParticipant,
         userParticipant,
         startChatIcon,
+        defaultUserLocale,
         defaultContentLocale
       }
     }) => {
@@ -19986,6 +19971,7 @@ const configSlice = createSlice({
         type: 'message',
         payload
       }));
+      state.context.userLocale = defaultUserLocale;
       state.context.contentLocale = defaultContentLocale;
       state.agentParticipant = agentParticipant;
       state.userParticipant = userParticipant;
@@ -20338,7 +20324,7 @@ const i18nSlice = createSlice({
     builder.addCase(resetApp.pending, () => i18n_slice_initialState).addCase(initializeConfig.fulfilled, (state, {
       payload
     }) => {
-      state.initialLocale = payload.defaultContentLocale;
+      state.initialLocale = payload.defaultUserLocale;
     }).addCase(setLocale.pending, state => {
       state.isLoading = true;
     }).addCase(setLocale.rejected, state => {
@@ -21154,28 +21140,6 @@ function createOptionsMiddleware({
     return result;
   };
 }
-;// CONCATENATED MODULE: ./src/javascripts/domains/i18n/selectors.ts
-
-const selectTranslations = createSelector(({
-  i18n
-}) => i18n, ({
-  translations
-}) => translations);
-const selectInitialLocale = createSelector(({
-  i18n
-}) => i18n, ({
-  initialLocale
-}) => initialLocale);
-const selectLocale = createSelector(({
-  i18n
-}) => i18n, ({
-  userLocale
-}) => userLocale);
-const selectIsLoading = createSelector(({
-  i18n
-}) => i18n, ({
-  isLoading
-}) => isLoading);
 // EXTERNAL MODULE: ./node_modules/@babel/runtime-corejs3/core-js-stable/instance/splice.js
 var splice = __webpack_require__(3628);
 var splice_default = /*#__PURE__*/__webpack_require__.n(splice);
@@ -21293,8 +21257,8 @@ const translationSlice = createSlice({
       if (!feature) return;
       state.isAvailable = feature.enabled === true;
       state.languages = sort_default()(_context3 = [...feature.languages]).call(_context3, (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'
         });
@@ -21331,7 +21295,6 @@ const {
 
 
 
-
 const createI18nMiddleware = ({
   dispatch,
   getState
@@ -21348,13 +21311,15 @@ const 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)) {
@@ -21363,11 +21328,6 @@ const createI18nMiddleware = ({
           return result;
         }
       }
-      if (disableTranslation.match(action)) {
-        const initialLocale = selectInitialLocale(getState());
-        dispatch(setLocale(initialLocale));
-        return result;
-      }
       return result;
     };
   };
@@ -22170,6 +22130,28 @@ function selectTypeHandler(value) {
 
 //# sourceMappingURL=icu-message-formatter.es.js.map
 
+;// CONCATENATED MODULE: ./src/javascripts/domains/i18n/selectors.ts
+
+const selectTranslations = createSelector(({
+  i18n
+}) => i18n, ({
+  translations
+}) => translations);
+const selectInitialLocale = createSelector(({
+  i18n
+}) => i18n, ({
+  initialLocale
+}) => initialLocale);
+const selectLocale = createSelector(({
+  i18n
+}) => i18n, ({
+  userLocale
+}) => userLocale);
+const selectIsLoading = createSelector(({
+  i18n
+}) => i18n, ({
+  isLoading
+}) => isLoading);
 ;// CONCATENATED MODULE: ./src/javascripts/domains/i18n/hooks.ts
 
 
@@ -23311,7 +23293,7 @@ function useTranslations() {
   }, [sendContext]);
   const disableTranslations = (0,hooks_module/* useCallback */.kZ)(() => {
     sendContext({
-      userLocale: config.context.userLocale
+      userLocale: config.context.contentLocale
     });
     dispatch(disableTranslation());
   }, [config.context, dispatch, sendContext]);
@@ -28607,7 +28589,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 }, } = useConfig();
+    const { context: { userLocale, contentLocale }, } = useConfig();
     const { t } = useI18n();
     const { languages, currentLocale, enableTranslations, disableTranslations } = useTranslations();
     const focusSkiplinkTarget = useSkiplinkTargetFocusing();