@seamly/web-ui 20.8.0-beta.1 → 20.8.0-beta.4

package/build/dist/lib/standalone.js

@@ -6830,7 +6830,9 @@ const seamly_unavailable_error_1 = __importDefault(__webpack_require__(9060));
 
 const actions_1 = __webpack_require__(60915);
 
-const actions_2 = __webpack_require__(65234);
+const actions_2 = __webpack_require__(30059);
+
+const actions_3 = __webpack_require__(65234);
 
 const seamly_utils_1 = __webpack_require__(45740);
 
@@ -6840,7 +6842,8 @@ exports.initializeApp = (0, toolkit_1.createAsyncThunk)('initializeApp', (_, _re
       api,
       config
     },
-    rejectWithValue
+    rejectWithValue,
+    dispatch
   } = _ref;
   return __awaiter(void 0, void 0, void 0, function* () {
     var _a, _b, _c, _d;
@@ -6880,6 +6883,7 @@ exports.initializeApp = (0, toolkit_1.createAsyncThunk)('initializeApp', (_, _re
           });
         }
 
+        dispatch((0, actions_2.setLocale)(locale));
         return {
           initialState: undefined,
           locale,
@@ -6920,7 +6924,7 @@ exports.resetApp = (0, toolkit_1.createAsyncThunk)('resetApp', (_, _ref2) => {
     dispatch((0, actions_1.resetConfig)());
     yield dispatch((0, actions_1.initializeConfig)());
     yield dispatch((0, exports.initializeApp)());
-    dispatch((0, actions_2.initializeVisibility)());
+    dispatch((0, actions_3.initializeVisibility)());
   });
 });
 
@@ -8817,7 +8821,7 @@ exports.storeSlice = (0, toolkit_1.createSlice)({
 
       const newFeaturesHasUpload = newFeatures.hasOwnProperty(seamly_utils_1.featureKeys.uploads); // Only set uploads if it was initialised by the account config.
 
-      if (newFeaturesHasUpload && lastParticipantEvent.type === 'message') {
+      if (newFeaturesHasUpload && (lastParticipantEvent === null || lastParticipantEvent === void 0 ? void 0 : lastParticipantEvent.type) === 'message') {
         const {
           payload: lastParticipantEventPayload
         } = lastParticipantEvent;
@@ -8841,7 +8845,7 @@ exports.storeSlice = (0, toolkit_1.createSlice)({
       state.serviceInfo = _Object$assign(_Object$assign({}, state.serviceInfo), {
         activeServiceSessionId
       });
-      state.serviceData = serviceData || {};
+      state.serviceData = _Object$assign(_Object$assign({}, state.serviceData), serviceData);
       state.options = _Object$assign(_Object$assign({}, state.options), {
         features: newFeatures || {}
       });
@@ -9336,9 +9340,7 @@ exports.disableEventsTranslation = exports.enableEventsTranslation = exports.dis
 
 const toolkit_1 = __webpack_require__(40575);
 
-const actions_1 = __webpack_require__(64134);
-
-const actions_2 = __webpack_require__(60915);
+const actions_1 = __webpack_require__(60915);
 
 const slice_1 = __webpack_require__(11153);
 
@@ -9440,31 +9442,21 @@ exports.translationSlice = (0, toolkit_1.createSlice)({
     }
   },
   extraReducers: builder => {
-    builder.addCase(actions_1.initializeApp.fulfilled, (state, _ref5) => {
+    builder.addCase(actions_1.initializeConfig.fulfilled, (state, _ref5) => {
       let {
         payload
       } = _ref5;
 
-      var _a, _b;
-
-      if (!((_b = (_a = payload.config) === null || _a === void 0 ? void 0 : _a.context) === null || _b === void 0 ? void 0 : _b.translationLocale)) return;
-      state.isActive = true;
-      state.currentLocale = payload.locale;
-    }).addCase(actions_2.initializeConfig.fulfilled, (state, _ref6) => {
-      let {
-        payload
-      } = _ref6;
-
       var _a;
 
       const feature = (_a = payload === null || payload === void 0 ? void 0 : payload.features) === null || _a === void 0 ? void 0 : _a.translation;
       if (!feature) return;
       state.isAvailable = feature.enabled === true;
       state.languages = feature.languages;
-    }).addCase(slice_1.addEvent, (state, _ref7) => {
+    }).addCase(slice_1.addEvent, (state, _ref6) => {
       let {
         payload
-      } = _ref7;
+      } = _ref6;
 
       if (state.translatedEventGroups[state.lastGroupId]) {
         state.translatedEventGroups[state.lastGroupId].push(payload.payload.id);
@@ -12656,7 +12648,7 @@ class API {
     return {
       clientName: "@seamly/web-ui",
       clientVariant: this.layoutMode,
-      clientVersion: "20.8.0-beta.1",
+      clientVersion: "20.7.0",
       currentUrl: window.location.toString(),
       screenResolution: `${window.screen.width}x${window.screen.height}`,
       timezone: getTimeZone(),
@@ -23873,6 +23865,7 @@ const useSeamlyActivityEventHandler = () => (0,preact_hooks__WEBPACK_IMPORTED_MO
 
 
 const useSeamlyChat = () => {
+  const events = (0,_seamly_state_hooks__WEBPACK_IMPORTED_MODULE_10__.useEvents)();
   const {
     t
   } = (0,domains_i18n_hooks__WEBPACK_IMPORTED_MODULE_1__.useI18n)();
@@ -23887,7 +23880,6 @@ const useSeamlyChat = () => {
   } = (0,domains_visibility_hooks__WEBPACK_IMPORTED_MODULE_4__.useVisibility)();
   const showInlineView = (0,react_redux__WEBPACK_IMPORTED_MODULE_6__.useSelector)(_domains_visibility_selectors__WEBPACK_IMPORTED_MODULE_7__.selectShowInlineView);
   const dispatch = (0,react_redux__WEBPACK_IMPORTED_MODULE_6__.useDispatch)();
-  const events = (0,_seamly_state_hooks__WEBPACK_IMPORTED_MODULE_10__.useEvents)();
   const spinnerTimeout = (0,preact_hooks__WEBPACK_IMPORTED_MODULE_5__.useRef)(null);
   const {
     start,
@@ -23902,7 +23894,6 @@ const useSeamlyChat = () => {
   const {
     sendAssertive
   } = (0,_live_region_hooks__WEBPACK_IMPORTED_MODULE_8__/* .useLiveRegion */ .t)();
-  const hasEvents = events.length > 0;
   (0,preact_hooks__WEBPACK_IMPORTED_MODULE_5__.useEffect)(() => {
     if (isVisible) {
       // Wait for the live containers to stabilise in the DOM before injecting
@@ -23936,13 +23927,21 @@ const useSeamlyChat = () => {
     spinnerTimeout.current = _babel_runtime_corejs3_core_js_stable_set_timeout__WEBPACK_IMPORTED_MODULE_0___default()(() => {
       dispatch((0,domains_store_slice__WEBPACK_IMPORTED_MODULE_2__.setIsLoading)(true));
     }, 500);
+    return () => {
+      clearTimeout(spinnerTimeout.current);
+    };
   }, [dispatch]);
   (0,preact_hooks__WEBPACK_IMPORTED_MODULE_5__.useEffect)(() => {
-    if (hasEvents) {
-      clearTimeout(spinnerTimeout.current);
-      dispatch((0,domains_store_slice__WEBPACK_IMPORTED_MODULE_2__.setIsLoading)(false));
+    if (events.length) {
+      spinnerTimeout.current = _babel_runtime_corejs3_core_js_stable_set_timeout__WEBPACK_IMPORTED_MODULE_0___default()(() => {
+        dispatch((0,domains_store_slice__WEBPACK_IMPORTED_MODULE_2__.setIsLoading)(false));
+      }, 5000);
     }
-  }, [hasEvents, dispatch]);
+
+    return () => {
+      clearTimeout(spinnerTimeout.current);
+    };
+  }, [events, dispatch]);
   (0,preact_hooks__WEBPACK_IMPORTED_MODULE_5__.useEffect)(() => {
     // This is needed to reset the ref to allow connect and start to happen again.
     // Mostly due to Interrupt situations and a reset being called.