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

package/build/dist/lib/style-guide.js

@@ -2342,14 +2342,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) && 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;
 
 
@@ -2439,7 +2431,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,
@@ -2705,7 +2697,6 @@ class API {
     this.conversation.pushToChannel(command, buildPayload(command, payload), 10000);
   }
   sendContext(context) {
-    var _a, _b;
     const {
       contentLocale,
       userLocale,
@@ -2738,23 +2729,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 = 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', Object.assign(Object.assign({}, 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(),
@@ -7209,7 +7190,7 @@ const initializeConfig = createAsyncThunk('initializeConfig', (_, {
   },
   rejectWithValue
 }) => actions_awaiter(void 0, void 0, void 0, function* () {
-  var _a;
+  var _a, _b;
   try {
     const {
       features,
@@ -7219,7 +7200,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;
@@ -7230,6 +7212,7 @@ const initializeConfig = createAsyncThunk('initializeConfig', (_, {
       agentParticipant,
       userParticipant,
       startChatIcon,
+      defaultUserLocale,
       defaultContentLocale,
       connectWhenInView
     };
@@ -8737,12 +8720,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(Object.assign(Object.assign({}, initialState.context), {
         environment
       }));
@@ -8811,7 +8796,7 @@ const resetApp = create_debounced_async_thunk('resetApp', (_, {
   leading: true
 });
 ;// 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) && 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++) {
@@ -8855,7 +8840,7 @@ const updateState = (state, config) => {
     {
       messages
     } = _a,
-    partialConfig = slice_rest(_a, ["messages"]);
+    partialConfig = __rest(_a, ["messages"]);
   let newState = state;
   if (Object.keys(partialConfig).length > 0) {
     newState = Object.assign(Object.assign({}, newState), partialConfig);
@@ -8890,6 +8875,7 @@ const configSlice = createSlice({
         agentParticipant,
         userParticipant,
         startChatIcon,
+        defaultUserLocale,
         defaultContentLocale
       }
     }) => {
@@ -8898,6 +8884,7 @@ const configSlice = createSlice({
         type: 'message',
         payload
       }));
+      state.context.userLocale = defaultUserLocale;
       state.context.contentLocale = defaultContentLocale;
       state.agentParticipant = agentParticipant;
       state.userParticipant = userParticipant;
@@ -9238,7 +9225,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 => {
@@ -10026,28 +10013,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);
 ;// CONCATENATED MODULE: ./src/javascripts/domains/translations/slice.ts
 
 
@@ -10152,8 +10117,8 @@ const translationSlice = createSlice({
       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'
         });
@@ -10190,7 +10155,6 @@ const {
 
 
 
-
 const createI18nMiddleware = ({
   dispatch,
   getState
@@ -10207,13 +10171,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)) {
@@ -10222,11 +10188,6 @@ const createI18nMiddleware = ({
           return result;
         }
       }
-      if (disableTranslation.match(action)) {
-        const initialLocale = selectInitialLocale(getState());
-        dispatch(setLocale(initialLocale));
-        return result;
-      }
       return result;
     };
   };
@@ -11025,6 +10986,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
 
 
@@ -12138,7 +12121,7 @@ function useTranslations() {
   }, [sendContext]);
   const disableTranslations = (0,hooks_.useCallback)(() => {
     sendContext({
-      userLocale: config.context.userLocale
+      userLocale: config.context.contentLocale
     });
     dispatch(disableTranslation());
   }, [config.context, dispatch, sendContext]);
@@ -17372,7 +17355,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();
@@ -21863,7 +21846,8 @@ const standardState = {
       ...baseState.config,
       context: {
         ...baseState.context,
-        contentLocale: 'nl'
+        contentLocale: 'nl',
+        userLocale: 'en'
       }
     },
     translations: {
@@ -21978,7 +21962,8 @@ const standardState = {
       ...baseState.config,
       context: {
         ...baseState.context,
-        contentLocale: 'nl'
+        contentLocale: 'nl',
+        userLocale: 'en'
       }
     },
     translations: {
@@ -22117,7 +22102,8 @@ const standardState = {
       ...baseState.config,
       showDisclaimer: true,
       context: {
-        contentLocale: 'nl-informal'
+        contentLocale: 'nl-informal',
+        userLocale: 'en-GB'
       }
     },
     translations: {
@@ -22149,7 +22135,8 @@ const standardState = {
       ...baseState.config,
       showDisclaimer: true,
       context: {
-        contentLocale: 'nl-informal'
+        contentLocale: 'nl-informal',
+        userLocale: 'en-GB'
       }
     },
     translations: {
@@ -22944,7 +22931,7 @@ class SeamlyStyleGuideInstance extends Engine {
     api.URLS = {
       translations: `/client/${this.config.api.key}/translations/{version}/{locale}.json`
     };
-    const translations = await api.getTranslations(this.config.context.contentLocale || 'en-GB');
+    const translations = await api.getTranslations(this.config.context.userLocale || 'en-GB');
     const {
       agentParticipant,
       userParticipant