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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (39) hide show
  1. package/build/dist/lib/components.js +63 -76
  2. package/build/dist/lib/components.js.map +1 -1
  3. package/build/dist/lib/components.min.js +1 -1
  4. package/build/dist/lib/components.min.js.map +1 -1
  5. package/build/dist/lib/hooks.js +60 -73
  6. package/build/dist/lib/hooks.js.map +1 -1
  7. package/build/dist/lib/hooks.min.js +1 -1
  8. package/build/dist/lib/hooks.min.js.map +1 -1
  9. package/build/dist/lib/index.debug.js +9 -9
  10. package/build/dist/lib/index.debug.min.js +1 -1
  11. package/build/dist/lib/index.debug.min.js.map +1 -1
  12. package/build/dist/lib/index.js +47 -64
  13. package/build/dist/lib/index.js.map +1 -1
  14. package/build/dist/lib/index.min.js +1 -1
  15. package/build/dist/lib/index.min.js.map +1 -1
  16. package/build/dist/lib/standalone.js +57 -75
  17. package/build/dist/lib/standalone.js.map +1 -1
  18. package/build/dist/lib/standalone.min.js +1 -1
  19. package/build/dist/lib/standalone.min.js.map +1 -1
  20. package/build/dist/lib/style-guide.js +56 -69
  21. package/build/dist/lib/style-guide.js.map +1 -1
  22. package/build/dist/lib/style-guide.min.js +1 -1
  23. package/build/dist/lib/style-guide.min.js.map +1 -1
  24. package/build/dist/lib/utils.js +68 -100
  25. package/build/dist/lib/utils.js.map +1 -1
  26. package/build/dist/lib/utils.min.js +1 -1
  27. package/build/dist/lib/utils.min.js.map +1 -1
  28. package/package.json +1 -1
  29. package/src/javascripts/api/index.ts +2 -18
  30. package/src/javascripts/domains/app/actions.ts +5 -2
  31. package/src/javascripts/domains/config/actions.ts +3 -0
  32. package/src/javascripts/domains/config/slice.ts +3 -0
  33. package/src/javascripts/domains/i18n/slice.ts +1 -1
  34. package/src/javascripts/domains/translations/components/options-dialog/translation-options.tsx +1 -1
  35. package/src/javascripts/domains/translations/hooks.ts +1 -1
  36. package/src/javascripts/domains/translations/middleware.ts +5 -9
  37. package/src/javascripts/domains/translations/slice.ts +2 -2
  38. package/src/javascripts/style-guide/states.js +4 -0
  39. package/src/javascripts/style-guide/style-guide-engine.js +1 -1
@@ -1919,12 +1919,14 @@ const initializeApp = (0,redux_toolkit_modern/* createAsyncThunk */.aw)('initial
1919
1919
  rejectWithValue
1920
1920
  }) => __awaiter(void 0, void 0, void 0, function* () {
1921
1921
  var _a, _b, _c;
1922
- const contentLocale = (_a = config === null || config === void 0 ? void 0 : config.context) === null || _a === void 0 ? void 0 : _a.contentLocale;
1923
- const userLocale = (_b = config === null || config === void 0 ? void 0 : config.context) === null || _b === void 0 ? void 0 : _b.userLocale;
1922
+ let contentLocale = (_a = config === null || config === void 0 ? void 0 : config.context) === null || _a === void 0 ? void 0 : _a.contentLocale;
1923
+ let userLocale = (_b = config === null || config === void 0 ? void 0 : config.context) === null || _b === void 0 ? void 0 : _b.userLocale;
1924
1924
  const environment = config.api.sendEnvironment !== false ? api.getEnvironment() : config.api.sendEnvironment;
1925
1925
  try {
1926
1926
  if (api.hasConversation()) {
1927
1927
  const initialState = yield api.getConversationIntitialState();
1928
+ contentLocale = initialState.context.contentLocale || contentLocale;
1929
+ userLocale = initialState.context.userLocale || userLocale;
1928
1930
  api.sendContext(Object.assign(Object.assign({}, initialState.context), {
1929
1931
  environment
1930
1932
  }));
@@ -2100,7 +2102,7 @@ const initializeConfig = (0,_reduxjs_toolkit__WEBPACK_IMPORTED_MODULE_0__/* .cre
2100
2102
  },
2101
2103
  rejectWithValue
2102
2104
  }) => __awaiter(void 0, void 0, void 0, function* () {
2103
- var _a;
2105
+ var _a, _b;
2104
2106
  try {
2105
2107
  const {
2106
2108
  features,
@@ -2110,7 +2112,8 @@ const initializeConfig = (0,_reduxjs_toolkit__WEBPACK_IMPORTED_MODULE_0__/* .cre
2110
2112
  userParticipant,
2111
2113
  startChatIcon
2112
2114
  } = yield api.getConfig();
2113
- const defaultContentLocale = ((_a = config === null || config === void 0 ? void 0 : config.context) === null || _a === void 0 ? void 0 : _a.contentLocale) || defaultLocale;
2115
+ const defaultUserLocale = ((_a = config === null || config === void 0 ? void 0 : config.context) === null || _a === void 0 ? void 0 : _a.userLocale) || defaultLocale;
2116
+ const defaultContentLocale = ((_b = config === null || config === void 0 ? void 0 : config.context) === null || _b === void 0 ? void 0 : _b.contentLocale) || defaultLocale;
2114
2117
  const {
2115
2118
  connectWhenInView
2116
2119
  } = config;
@@ -2121,6 +2124,7 @@ const initializeConfig = (0,_reduxjs_toolkit__WEBPACK_IMPORTED_MODULE_0__/* .cre
2121
2124
  agentParticipant,
2122
2125
  userParticipant,
2123
2126
  startChatIcon,
2127
+ defaultUserLocale,
2124
2128
  defaultContentLocale,
2125
2129
  connectWhenInView
2126
2130
  };
@@ -2292,6 +2296,7 @@ const configSlice = (0,_reduxjs_toolkit__WEBPACK_IMPORTED_MODULE_3__/* .createSl
2292
2296
  agentParticipant,
2293
2297
  userParticipant,
2294
2298
  startChatIcon,
2299
+ defaultUserLocale,
2295
2300
  defaultContentLocale
2296
2301
  }
2297
2302
  }) => {
@@ -2300,6 +2305,7 @@ const configSlice = (0,_reduxjs_toolkit__WEBPACK_IMPORTED_MODULE_3__/* .createSl
2300
2305
  type: 'message',
2301
2306
  payload
2302
2307
  }));
2308
+ state.context.userLocale = defaultUserLocale;
2303
2309
  state.context.contentLocale = defaultContentLocale;
2304
2310
  state.agentParticipant = agentParticipant;
2305
2311
  state.userParticipant = userParticipant;
@@ -2606,7 +2612,7 @@ const setLocale = (0,_reduxjs_toolkit__WEBPACK_IMPORTED_MODULE_0__/* .createAsyn
2606
2612
 
2607
2613
  /***/ }),
2608
2614
 
2609
- /***/ 4640:
2615
+ /***/ 1800:
2610
2616
  /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
2611
2617
 
2612
2618
  "use strict";
@@ -3319,8 +3325,30 @@ function selectTypeHandler(value) {
3319
3325
  var hooks_ = __webpack_require__(8056);
3320
3326
  // EXTERNAL MODULE: ./node_modules/react-redux/dist/react-redux.mjs
3321
3327
  var react_redux = __webpack_require__(2328);
3322
- // EXTERNAL MODULE: ./src/javascripts/domains/i18n/selectors.ts
3323
- var selectors = __webpack_require__(9144);
3328
+ // EXTERNAL MODULE: ./node_modules/reselect/dist/reselect.mjs
3329
+ var reselect = __webpack_require__(8888);
3330
+ ;// CONCATENATED MODULE: ./src/javascripts/domains/i18n/selectors.ts
3331
+
3332
+ const selectTranslations = (0,reselect/* createSelector */.M3)(({
3333
+ i18n
3334
+ }) => i18n, ({
3335
+ translations
3336
+ }) => translations);
3337
+ const selectInitialLocale = (0,reselect/* createSelector */.M3)(({
3338
+ i18n
3339
+ }) => i18n, ({
3340
+ initialLocale
3341
+ }) => initialLocale);
3342
+ const selectLocale = (0,reselect/* createSelector */.M3)(({
3343
+ i18n
3344
+ }) => i18n, ({
3345
+ userLocale
3346
+ }) => userLocale);
3347
+ const selectIsLoading = (0,reselect/* createSelector */.M3)(({
3348
+ i18n
3349
+ }) => i18n, ({
3350
+ isLoading
3351
+ }) => isLoading);
3324
3352
  ;// CONCATENATED MODULE: ./src/javascripts/domains/i18n/hooks.ts
3325
3353
 
3326
3354
 
@@ -3333,10 +3361,10 @@ const formatter = new MessageFormatter('en-GB', {
3333
3361
  select: selectTypeHandler
3334
3362
  });
3335
3363
  function useI18n() {
3336
- const translations = (0,react_redux/* useSelector */.w1)(selectors/* selectTranslations */.UO);
3337
- const userLocale = (0,react_redux/* useSelector */.w1)(selectors/* selectLocale */.Oo);
3338
- const initialLocale = (0,react_redux/* useSelector */.w1)(selectors/* selectInitialLocale */.E$);
3339
- const isLoading = (0,react_redux/* useSelector */.w1)(selectors/* selectIsLoading */.Ir);
3364
+ const translations = (0,react_redux/* useSelector */.w1)(selectTranslations);
3365
+ const userLocale = (0,react_redux/* useSelector */.w1)(selectLocale);
3366
+ const initialLocale = (0,react_redux/* useSelector */.w1)(selectInitialLocale);
3367
+ const isLoading = (0,react_redux/* useSelector */.w1)(selectIsLoading);
3340
3368
  const t = (0,hooks_.useCallback)((key, values = {}) => {
3341
3369
  const translation = translations[key];
3342
3370
  if (!translation) {
@@ -3355,41 +3383,6 @@ function useI18n() {
3355
3383
 
3356
3384
  /***/ }),
3357
3385
 
3358
- /***/ 9144:
3359
- /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
3360
-
3361
- "use strict";
3362
- /* harmony export */ __webpack_require__.d(__webpack_exports__, {
3363
- /* harmony export */ E$: () => (/* binding */ selectInitialLocale),
3364
- /* harmony export */ Ir: () => (/* binding */ selectIsLoading),
3365
- /* harmony export */ Oo: () => (/* binding */ selectLocale),
3366
- /* harmony export */ UO: () => (/* binding */ selectTranslations)
3367
- /* harmony export */ });
3368
- /* harmony import */ var _reduxjs_toolkit__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(8888);
3369
-
3370
- const selectTranslations = (0,_reduxjs_toolkit__WEBPACK_IMPORTED_MODULE_0__/* .createSelector */ .M3)(({
3371
- i18n
3372
- }) => i18n, ({
3373
- translations
3374
- }) => translations);
3375
- const selectInitialLocale = (0,_reduxjs_toolkit__WEBPACK_IMPORTED_MODULE_0__/* .createSelector */ .M3)(({
3376
- i18n
3377
- }) => i18n, ({
3378
- initialLocale
3379
- }) => initialLocale);
3380
- const selectLocale = (0,_reduxjs_toolkit__WEBPACK_IMPORTED_MODULE_0__/* .createSelector */ .M3)(({
3381
- i18n
3382
- }) => i18n, ({
3383
- userLocale
3384
- }) => userLocale);
3385
- const selectIsLoading = (0,_reduxjs_toolkit__WEBPACK_IMPORTED_MODULE_0__/* .createSelector */ .M3)(({
3386
- i18n
3387
- }) => i18n, ({
3388
- isLoading
3389
- }) => isLoading);
3390
-
3391
- /***/ }),
3392
-
3393
3386
  /***/ 9748:
3394
3387
  /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
3395
3388
 
@@ -3400,7 +3393,7 @@ const selectIsLoading = (0,_reduxjs_toolkit__WEBPACK_IMPORTED_MODULE_0__/* .crea
3400
3393
  /* harmony import */ var preact_hooks__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(8056);
3401
3394
  /* harmony import */ var preact_hooks__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(preact_hooks__WEBPACK_IMPORTED_MODULE_0__);
3402
3395
  /* harmony import */ var react_redux__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(2328);
3403
- /* harmony import */ var domains_i18n_hooks__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(4640);
3396
+ /* harmony import */ var domains_i18n_hooks__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(1800);
3404
3397
  /* harmony import */ var _selectors__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(5768);
3405
3398
 
3406
3399
 
@@ -3667,7 +3660,7 @@ const i18nSlice = (0,redux_toolkit_modern/* createSlice */.is)({
3667
3660
  builder.addCase(actions/* resetApp */.C.pending, () => initialState).addCase(config_actions/* initializeConfig */.A.fulfilled, (state, {
3668
3661
  payload
3669
3662
  }) => {
3670
- state.initialLocale = payload.defaultContentLocale;
3663
+ state.initialLocale = payload.defaultUserLocale;
3671
3664
  }).addCase(i18n_actions/* setLocale */.K.pending, state => {
3672
3665
  state.isLoading = true;
3673
3666
  }).addCase(i18n_actions/* setLocale */.K.rejected, state => {
@@ -3743,8 +3736,6 @@ function createOptionsMiddleware({
3743
3736
  return result;
3744
3737
  };
3745
3738
  }
3746
- // EXTERNAL MODULE: ./src/javascripts/domains/i18n/selectors.ts
3747
- var selectors = __webpack_require__(9144);
3748
3739
  // EXTERNAL MODULE: ./src/javascripts/domains/translations/slice.ts
3749
3740
  var translations_slice = __webpack_require__(8456);
3750
3741
  ;// CONCATENATED MODULE: ./src/javascripts/domains/translations/middleware.ts
@@ -3753,7 +3744,6 @@ var translations_slice = __webpack_require__(8456);
3753
3744
 
3754
3745
 
3755
3746
 
3756
-
3757
3747
  const createI18nMiddleware = ({
3758
3748
  dispatch,
3759
3749
  getState
@@ -3770,13 +3760,15 @@ const createI18nMiddleware = ({
3770
3760
  }
3771
3761
  }
3772
3762
  if (config_actions/* initializeConfig */.A.fulfilled.match(action)) {
3773
- if (action.payload.defaultContentLocale) {
3774
- dispatch((0,i18n_actions/* setLocale */.K)(action.payload.defaultContentLocale));
3763
+ if (action.payload.defaultUserLocale) {
3764
+ dispatch((0,i18n_actions/* setLocale */.K)(action.payload.defaultUserLocale));
3775
3765
  return result;
3776
3766
  }
3777
3767
  }
3778
3768
  if (actions/* initializeApp */.m.fulfilled.match(action)) {
3779
- dispatch((0,i18n_actions/* setLocale */.K)(action.payload.contentLocale));
3769
+ if (action.payload.userLocale) {
3770
+ dispatch((0,i18n_actions/* setLocale */.K)(action.payload.userLocale));
3771
+ }
3780
3772
  return result;
3781
3773
  }
3782
3774
  if (store_slice/* addEvent */.Ux.match(action)) {
@@ -3785,11 +3777,6 @@ const createI18nMiddleware = ({
3785
3777
  return result;
3786
3778
  }
3787
3779
  }
3788
- if (translations_slice/* disableTranslation */.If.match(action)) {
3789
- const initialLocale = (0,selectors/* selectInitialLocale */.E$)(getState());
3790
- dispatch((0,i18n_actions/* setLocale */.K)(initialLocale));
3791
- return result;
3792
- }
3793
3780
  return result;
3794
3781
  };
3795
3782
  };
@@ -4552,8 +4539,8 @@ var hooks_ = __webpack_require__(8056);
4552
4539
  var react_redux = __webpack_require__(2328);
4553
4540
  // EXTERNAL MODULE: ./src/javascripts/domains/config/hooks.ts
4554
4541
  var hooks = __webpack_require__(5352);
4555
- // EXTERNAL MODULE: ./src/javascripts/domains/i18n/hooks.ts + 15 modules
4556
- var i18n_hooks = __webpack_require__(4640);
4542
+ // EXTERNAL MODULE: ./src/javascripts/domains/i18n/hooks.ts + 16 modules
4543
+ var i18n_hooks = __webpack_require__(1800);
4557
4544
  // EXTERNAL MODULE: ./node_modules/reselect/dist/reselect.mjs
4558
4545
  var reselect = __webpack_require__(8888);
4559
4546
  ;// CONCATENATED MODULE: ./src/javascripts/domains/translations/selectors.ts
@@ -4593,7 +4580,7 @@ function useTranslations() {
4593
4580
  }, [sendContext]);
4594
4581
  const disableTranslations = (0,hooks_.useCallback)(() => {
4595
4582
  sendContext({
4596
- userLocale: config.context.userLocale
4583
+ userLocale: config.context.contentLocale
4597
4584
  });
4598
4585
  dispatch((0,slice/* disableTranslation */.If)());
4599
4586
  }, [config.context, dispatch, sendContext]);
@@ -4841,8 +4828,8 @@ const translationSlice = (0,_reduxjs_toolkit__WEBPACK_IMPORTED_MODULE_4__/* .cre
4841
4828
  if (!feature) return;
4842
4829
  state.isAvailable = feature.enabled === true;
4843
4830
  state.languages = [...feature.languages].sort((a, b) => {
4844
- if (a.locale === payload.defaultContentLocale) return -1;
4845
- if (b.locale === payload.defaultContentLocale) return 1;
4831
+ if (a.locale === payload.defaultUserLocale) return -1;
4832
+ if (b.locale === payload.defaultUserLocale) return 1;
4846
4833
  return a.nativeName.localeCompare(b.nativeName, undefined, {
4847
4834
  sensitivity: 'base'
4848
4835
  });
@@ -5405,8 +5392,8 @@ __webpack_require__.d(__webpack_exports__, {
5405
5392
  var hooks_ = __webpack_require__(8056);
5406
5393
  // EXTERNAL MODULE: ./node_modules/react-redux/dist/react-redux.mjs
5407
5394
  var react_redux = __webpack_require__(2328);
5408
- // EXTERNAL MODULE: ./src/javascripts/domains/i18n/hooks.ts + 15 modules
5409
- var hooks = __webpack_require__(4640);
5395
+ // EXTERNAL MODULE: ./src/javascripts/domains/i18n/hooks.ts + 16 modules
5396
+ var hooks = __webpack_require__(1800);
5410
5397
  // EXTERNAL MODULE: ./src/javascripts/domains/visibility/hooks.ts
5411
5398
  var visibility_hooks = __webpack_require__(8632);
5412
5399
  // EXTERNAL MODULE: ./src/javascripts/ui/hooks/use-seamly-commands.js
@@ -6020,7 +6007,7 @@ const splitUrlParams = url => {
6020
6007
  /* harmony export */ useI18n: () => (/* reexport safe */ domains_i18n_hooks__WEBPACK_IMPORTED_MODULE_0__.g),
6021
6008
  /* harmony export */ useTranslatedEventData: () => (/* reexport safe */ domains_translations_hooks__WEBPACK_IMPORTED_MODULE_1__.kx)
6022
6009
  /* harmony export */ });
6023
- /* harmony import */ var domains_i18n_hooks__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(4640);
6010
+ /* harmony import */ var domains_i18n_hooks__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(1800);
6024
6011
  /* harmony import */ var domains_translations_hooks__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(7456);
6025
6012
  /* harmony import */ var ui_components_conversation_event_choice_prompt__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(2080);
6026
6013
  /* harmony import */ var ui_hooks_seamly_hooks__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(6204);
@@ -6052,7 +6039,7 @@ const splitUrlParams = url => {
6052
6039
  /* harmony import */ var preact__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(preact__WEBPACK_IMPORTED_MODULE_0__);
6053
6040
  /* harmony import */ var preact_hooks__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(8056);
6054
6041
  /* harmony import */ var preact_hooks__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(preact_hooks__WEBPACK_IMPORTED_MODULE_1__);
6055
- /* harmony import */ var domains_i18n_hooks__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(4640);
6042
+ /* harmony import */ var domains_i18n_hooks__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(1800);
6056
6043
  /* harmony import */ var domains_translations_hooks__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(7456);
6057
6044
  /* harmony import */ var lib_css__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(8544);
6058
6045
  /* harmony import */ var lib_id__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(1676);
@@ -6215,7 +6202,7 @@ const ChoicePrompt = ({
6215
6202
  /* harmony export */ c: () => (__WEBPACK_DEFAULT_EXPORT__)
6216
6203
  /* harmony export */ });
6217
6204
  /* harmony import */ var domains_config_hooks__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(5352);
6218
- /* harmony import */ var domains_i18n_hooks__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(4640);
6205
+ /* harmony import */ var domains_i18n_hooks__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(1800);
6219
6206
  /* harmony import */ var lib_css__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(8544);
6220
6207
  /* harmony import */ var ui_hooks_seamly_hooks__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(6204);
6221
6208
  /* harmony import */ var preact_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(784);
@@ -6662,8 +6649,8 @@ const useFileUploads = () => {
6662
6649
  var live_region_hooks = __webpack_require__(8384);
6663
6650
  // EXTERNAL MODULE: ./src/javascripts/ui/hooks/seamly-api-hooks.ts
6664
6651
  var seamly_api_hooks = __webpack_require__(9320);
6665
- // EXTERNAL MODULE: ./src/javascripts/domains/i18n/hooks.ts + 15 modules
6666
- var hooks = __webpack_require__(4640);
6652
+ // EXTERNAL MODULE: ./src/javascripts/domains/i18n/hooks.ts + 16 modules
6653
+ var hooks = __webpack_require__(1800);
6667
6654
  ;// CONCATENATED MODULE: ./src/javascripts/ui/hooks/seamly-option-hooks.js
6668
6655
 
6669
6656
 
@@ -7061,7 +7048,7 @@ const useSeamlyCommands = () => {
7061
7048
  /* harmony import */ var preact_hooks__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(preact_hooks__WEBPACK_IMPORTED_MODULE_0__);
7062
7049
  /* harmony import */ var react_redux__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(2328);
7063
7050
  /* harmony import */ var config__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(7548);
7064
- /* harmony import */ var domains_i18n_hooks__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(4640);
7051
+ /* harmony import */ var domains_i18n_hooks__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(1800);
7065
7052
  /* harmony import */ var domains_store_slice__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(3332);
7066
7053
  /* harmony import */ var domains_visibility_hooks__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(8632);
7067
7054
  /* harmony import */ var ui_utils_general_utils__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(8760);
@@ -7201,7 +7188,7 @@ const useSeamlyIdleDetachCountdown = () => {
7201
7188
  /* harmony export */ c: () => (__WEBPACK_DEFAULT_EXPORT__)
7202
7189
  /* harmony export */ });
7203
7190
  /* harmony import */ var react_redux__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(2328);
7204
- /* harmony import */ var domains_i18n_hooks__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(4640);
7191
+ /* harmony import */ var domains_i18n_hooks__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(1800);
7205
7192
  /* harmony import */ var domains_store_slice__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(3332);
7206
7193
  /* harmony import */ var ui_utils_seamly_utils__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(6244);
7207
7194
  /* harmony import */ var _live_region_hooks__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(8384);
@@ -13396,14 +13383,6 @@ var __classPrivateFieldGet = undefined && undefined.__classPrivateFieldGet || fu
13396
13383
  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");
13397
13384
  return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
13398
13385
  };
13399
- var __rest = undefined && undefined.__rest || function (s, e) {
13400
- var t = {};
13401
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
13402
- if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
13403
- if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
13404
- }
13405
- return t;
13406
- };
13407
13386
  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;
13408
13387
 
13409
13388
 
@@ -13493,7 +13472,7 @@ class API {
13493
13472
  _API_config.set(this, void 0);
13494
13473
  this.conversation = new conversation_connector/* default */.c();
13495
13474
  _API_getLocale.set(this, locale => locale || this.locale);
13496
- this.store = objectStore(`${namespace}.connection${context.contentLocale ? `.${context.contentLocale}` : ''}`, config.storageProvider || store);
13475
+ this.store = objectStore(`${namespace}.connection${context.userLocale ? `.${context.userLocale}` : ''}`, config.storageProvider || store);
13497
13476
  this.connectionInfo = {
13498
13477
  apiKey: config.key,
13499
13478
  domain: config.domain || DOMAIN,
@@ -13759,7 +13738,6 @@ class API {
13759
13738
  this.conversation.pushToChannel(command, buildPayload(command, payload), 10000);
13760
13739
  }
13761
13740
  sendContext(context) {
13762
- var _a, _b;
13763
13741
  const {
13764
13742
  contentLocale,
13765
13743
  userLocale,
@@ -13792,23 +13770,13 @@ class API {
13792
13770
  if (Object.keys(payload).length === 0 && payload.constructor === Object) {
13793
13771
  return;
13794
13772
  }
13795
- // Destructure the server locale from the payload
13796
- const {
13797
- contentLocale: _
13798
- } = payload,
13799
- restPayload = __rest(payload, ["contentLocale"]);
13800
- const localContentLocale = (_a = __classPrivateFieldGet(this, _API_config, "f").context) === null || _a === void 0 ? void 0 : _a.contentLocale;
13801
- const localUserLocale = (_b = __classPrivateFieldGet(this, _API_config, "f").context) === null || _b === void 0 ? void 0 : _b.userLocale;
13802
- this.send('context', Object.assign(Object.assign({}, localContentLocale ? {
13803
- contentLocale: localContentLocale,
13804
- userLocale: localUserLocale
13805
- } : {}), restPayload), false);
13773
+ this.send('context', payload, false);
13806
13774
  }
13807
13775
  getEnvironment() {
13808
13776
  return {
13809
13777
  clientName: "@seamly/web-ui",
13810
13778
  clientVariant: __classPrivateFieldGet(this, _API_layoutMode, "f"),
13811
- clientVersion: "23.0.0-alpha.1",
13779
+ clientVersion: "22.3.6",
13812
13780
  currentUrl: window.location.toString(),
13813
13781
  screenResolution: `${window.screen.width}x${window.screen.height}`,
13814
13782
  timezone: getTimeZone(),
@@ -14009,8 +13977,8 @@ const CardMessage = ({
14009
13977
  });
14010
13978
  };
14011
13979
  /* harmony default export */ const card_message = (CardMessage);
14012
- // EXTERNAL MODULE: ./src/javascripts/domains/i18n/hooks.ts + 15 modules
14013
- var i18n_hooks = __webpack_require__(4640);
13980
+ // EXTERNAL MODULE: ./src/javascripts/domains/i18n/hooks.ts + 16 modules
13981
+ var i18n_hooks = __webpack_require__(1800);
14014
13982
  ;// CONCATENATED MODULE: ./src/javascripts/ui/components/conversation/event/carousel-message/components/slide.js
14015
13983
 
14016
13984
 
@@ -16950,7 +16918,7 @@ var seamly_event_subscriber_awaiter = undefined && undefined.__awaiter || functi
16950
16918
  step((generator = generator.apply(thisArg, _arguments || [])).next());
16951
16919
  });
16952
16920
  };
16953
- var seamly_event_subscriber_rest = undefined && undefined.__rest || function (s, e) {
16921
+ var __rest = undefined && undefined.__rest || function (s, e) {
16954
16922
  var t = {};
16955
16923
  for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
16956
16924
  if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
@@ -17134,7 +17102,7 @@ const SeamlyEventSubscriber = () => {
17134
17102
  const {
17135
17103
  serviceSettings
17136
17104
  } = payload,
17137
- eventPayload = seamly_event_subscriber_rest(payload, ["serviceSettings"]);
17105
+ eventPayload = __rest(payload, ["serviceSettings"]);
17138
17106
  const {
17139
17107
  entry,
17140
17108
  proactiveMessages
@@ -18680,7 +18648,7 @@ const TranslationOption = ({ label, checked, description, onChange, id, itemClas
18680
18648
 
18681
18649
  const isChecked = (language, currentLocale, isOriginal) => currentLocale === language.locale || (!currentLocale && isOriginal);
18682
18650
  const TranslationOptions = ({ onChange, describedById, }) => {
18683
- const { context: { contentLocale }, } = (0,hooks/* useConfig */.EV)();
18651
+ const { context: { userLocale, contentLocale }, } = (0,hooks/* useConfig */.EV)();
18684
18652
  const { t } = (0,i18n_hooks/* useI18n */.g)();
18685
18653
  const { languages, currentLocale, enableTranslations, disableTranslations } = (0,translations_hooks/* useTranslations */.A1)();
18686
18654
  const focusSkiplinkTarget = (0,focus_helper_hooks/* useSkiplinkTargetFocusing */.e6)();