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

package/build/dist/lib/index.js

@@ -6643,7 +6643,9 @@ const seamly_unavailable_error_1 = __importDefault(__webpack_require__(9060));
 
 const actions_1 = __webpack_require__(915);
 
-const actions_2 = __webpack_require__(5234);
+const actions_2 = __webpack_require__(59);
+
+const actions_3 = __webpack_require__(5234);
 
 const seamly_utils_1 = __webpack_require__(5740);
 
@@ -6652,7 +6654,8 @@ exports.initializeApp = (0, toolkit_1.createAsyncThunk)('initializeApp', (_, {
     api,
     config
   },
-  rejectWithValue
+  rejectWithValue,
+  dispatch
 }) => __awaiter(void 0, void 0, void 0, function* () {
   var _a, _b, _c, _d;
 
@@ -6691,6 +6694,7 @@ exports.initializeApp = (0, toolkit_1.createAsyncThunk)('initializeApp', (_, {
         });
       }
 
+      dispatch((0, actions_2.setLocale)(locale));
       return {
         initialState: undefined,
         locale,
@@ -6728,7 +6732,7 @@ exports.resetApp = (0, toolkit_1.createAsyncThunk)('resetApp', (_, {
   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)());
 }));
 
 /***/ }),
@@ -8350,7 +8354,7 @@ exports.storeSlice = (0, toolkit_1.createSlice)({
       let newFeatures = Object.assign({}, state.options.features);
       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;
@@ -8374,7 +8378,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 || {}
       });
@@ -8798,9 +8802,7 @@ exports.disableEventsTranslation = exports.enableEventsTranslation = exports.dis
 
 const toolkit_1 = __webpack_require__(575);
 
-const actions_1 = __webpack_require__(4134);
-
-const actions_2 = __webpack_require__(915);
+const actions_1 = __webpack_require__(915);
 
 const slice_1 = __webpack_require__(1153);
 
@@ -8890,15 +8892,7 @@ exports.translationSlice = (0, toolkit_1.createSlice)({
     }
   },
   extraReducers: builder => {
-    builder.addCase(actions_1.initializeApp.fulfilled, (state, {
-      payload
-    }) => {
-      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, {
+    builder.addCase(actions_1.initializeConfig.fulfilled, (state, {
       payload
     }) => {
       var _a;
@@ -11866,7 +11860,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(),
@@ -22128,6 +22122,7 @@ const useSeamlyActivityEventHandler = () => (0,preact_hooks__WEBPACK_IMPORTED_MO
 
 
 const useSeamlyChat = () => {
+  const events = (0,_seamly_state_hooks__WEBPACK_IMPORTED_MODULE_9__.useEvents)();
   const {
     t
   } = (0,domains_i18n_hooks__WEBPACK_IMPORTED_MODULE_0__.useI18n)();
@@ -22142,7 +22137,6 @@ const useSeamlyChat = () => {
   } = (0,domains_visibility_hooks__WEBPACK_IMPORTED_MODULE_3__.useVisibility)();
   const showInlineView = (0,react_redux__WEBPACK_IMPORTED_MODULE_5__.useSelector)(_domains_visibility_selectors__WEBPACK_IMPORTED_MODULE_6__.selectShowInlineView);
   const dispatch = (0,react_redux__WEBPACK_IMPORTED_MODULE_5__.useDispatch)();
-  const events = (0,_seamly_state_hooks__WEBPACK_IMPORTED_MODULE_9__.useEvents)();
   const spinnerTimeout = (0,preact_hooks__WEBPACK_IMPORTED_MODULE_4__.useRef)(null);
   const {
     start,
@@ -22157,7 +22151,6 @@ const useSeamlyChat = () => {
   const {
     sendAssertive
   } = (0,_live_region_hooks__WEBPACK_IMPORTED_MODULE_7__/* .useLiveRegion */ .t)();
-  const hasEvents = events.length > 0;
   (0,preact_hooks__WEBPACK_IMPORTED_MODULE_4__.useEffect)(() => {
     if (isVisible) {
       // Wait for the live containers to stabilise in the DOM before injecting
@@ -22191,13 +22184,21 @@ const useSeamlyChat = () => {
     spinnerTimeout.current = setTimeout(() => {
       dispatch((0,domains_store_slice__WEBPACK_IMPORTED_MODULE_1__.setIsLoading)(true));
     }, 500);
+    return () => {
+      clearTimeout(spinnerTimeout.current);
+    };
   }, [dispatch]);
   (0,preact_hooks__WEBPACK_IMPORTED_MODULE_4__.useEffect)(() => {
-    if (hasEvents) {
-      clearTimeout(spinnerTimeout.current);
-      dispatch((0,domains_store_slice__WEBPACK_IMPORTED_MODULE_1__.setIsLoading)(false));
+    if (events.length) {
+      spinnerTimeout.current = setTimeout(() => {
+        dispatch((0,domains_store_slice__WEBPACK_IMPORTED_MODULE_1__.setIsLoading)(false));
+      }, 5000);
     }
-  }, [hasEvents, dispatch]);
+
+    return () => {
+      clearTimeout(spinnerTimeout.current);
+    };
+  }, [events, dispatch]);
   (0,preact_hooks__WEBPACK_IMPORTED_MODULE_4__.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.