@seamly/web-ui 20.8.0-alpha.1 → 20.8.0-beta.2

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)());
   });
 });
 
@@ -7261,13 +7265,14 @@ exports.initialConfigState = _Object$assign(_Object$assign({}, config_1.defaultC
   connectWhenInView: true,
   showDisclaimer: false,
   showFaq: false,
+  showSuggestions: true,
   customComponents: {},
   defaults: {
     visible: null
   },
   preChatEvents: []
 });
-const configKeys = ['hideOnNoUserResponse', 'connectWhenInView', 'showDisclaimer', 'showFaq', 'namespace', 'customComponents', 'defaults', 'layoutMode', 'api', 'zIndex', 'context', 'appContainerClassNames', 'messages', 'visible', 'visibilityCallback', 'errorCallback', 'agentParticipant', 'userParticipant', 'startChatIcon'];
+const configKeys = ['hideOnNoUserResponse', 'connectWhenInView', 'showDisclaimer', 'showFaq', 'showSuggestions', 'namespace', 'customComponents', 'defaults', 'layoutMode', 'api', 'zIndex', 'context', 'appContainerClassNames', 'messages', 'visible', 'visibilityCallback', 'errorCallback', 'agentParticipant', 'userParticipant', 'startChatIcon'];
 
 const updateState = (state, config) => {
   const _a = (0, general_utils_1.pick)(config, configKeys),
@@ -8016,11 +8021,9 @@ exports.setTranslations = exports.setInitialLocale = exports.i18nSlice = void 0;
 
 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 actions_3 = __webpack_require__(30059);
+const actions_2 = __webpack_require__(30059);
 
 const initialState = {
   translations: {
@@ -8059,22 +8062,17 @@ exports.i18nSlice = (0, toolkit_1.createSlice)({
   },
   extraReducers: builder => {
     // Add reducers for additional action types here, and handle loading state as needed
-    builder.addCase(actions_2.initializeConfig.fulfilled, (state, _ref2) => {
+    builder.addCase(actions_1.initializeConfig.fulfilled, (state, _ref2) => {
       let {
         payload
       } = _ref2;
       state.initialLocale = payload.locale;
-    }).addCase(actions_1.initializeApp.fulfilled, (state, _ref3) => {
-      let {
-        payload
-      } = _ref3;
-      state.locale = payload.locale;
-    }).addCase(actions_3.setLocale.fulfilled, (state, _ref4) => {
+    }).addCase(actions_2.setLocale.fulfilled, (state, _ref3) => {
       var _context, _context2;
 
       let {
         payload
-      } = _ref4;
+      } = _ref3;
 
       if (!(payload === null || payload === void 0 ? void 0 : payload.translations)) {
         state.isLoading = false;
@@ -8478,7 +8476,7 @@ _Object$defineProperty(exports, "__esModule", {
   value: true
 });
 
-exports.stopIdleDetachCountdownCounter = exports.showOption = exports.setUserSelectedOptions = exports.setUserSelectedOption = exports.setUserEntryType = exports.setUploadProgress = exports.setUploadError = exports.setUploadComplete = exports.setServiceEntryMetadata = exports.setServiceDataItem = exports.setSeamlyContainerElement = exports.setParticipant = exports.setLoadedImageEventIds = exports.setIsLoading = exports.setInitialState = exports.setHistory = exports.setHeaderTitle = exports.setHeaderSubTitle = exports.setFeatures = exports.setFeatureEnabledState = exports.setEventsRead = exports.setBlockAutoEntrySwitch = exports.setActiveService = exports.setActiveEntryType = exports.resetHistoryLoadedFlag = exports.registerUpload = exports.initResumeConversationPrompt = exports.initIdleDetachCountdown = exports.hideOption = exports.decrementIdleDetachCountdownCounter = exports.clearResumeConversationPrompt = exports.clearIdleDetachCountdown = exports.clearFeatures = exports.clearEvents = exports.clearAllUploads = exports.addEvent = exports.ackEvent = exports.storeSlice = exports.initialStoreState = exports.mergeHistory = exports.isUnreadMessage = void 0;
+exports.stopIdleDetachCountdownCounter = exports.showOption = exports.setUserSelectedOptions = exports.setUserSelectedOption = exports.setUserEntryType = exports.setUploadProgress = exports.setUploadError = exports.setUploadComplete = exports.setServiceEntryMetadata = exports.setServiceDataItem = exports.setSeamlyContainerElement = exports.setParticipant = exports.setLoadedImageEventIds = exports.setIsLoading = exports.setInitialState = exports.setHistory = exports.setHeaderTitle = exports.setHeaderSubTitle = exports.setFeatures = exports.setFeatureEnabledState = exports.setEventsRead = exports.setBlockAutoEntrySwitch = exports.setActiveService = exports.setActiveEntryType = exports.resetHistoryLoadedFlag = exports.registerUpload = exports.initResumeConversationPrompt = exports.initIdleDetachCountdown = exports.hideOption = exports.decrementIdleDetachCountdownCounter = exports.clearResumeConversationPrompt = exports.clearIdleDetachCountdown = exports.clearFeatures = exports.clearEvents = exports.clearAllUploads = exports.addEvent = exports.ackEvent = exports.storeSlice = exports.initialStoreState = exports.mergeHistory = exports.orderHistory = exports.isUnreadMessage = void 0;
 
 const toolkit_1 = __webpack_require__(40575);
 
@@ -8518,6 +8516,8 @@ const orderHistory = events => {
   });
 };
 
+exports.orderHistory = orderHistory;
+
 const mergeHistory = (stateEvents, historyEvents) => {
   var _context;
 
@@ -8532,7 +8532,7 @@ const mergeHistory = (stateEvents, historyEvents) => {
   // the normal merging logic there is no added effect.
   ).call(_context);
 
-  return orderHistory([...newHistoryEvents, ...newStateEvents]);
+  return (0, exports.orderHistory)([...newHistoryEvents, ...newStateEvents]);
 };
 
 exports.mergeHistory = mergeHistory;
@@ -8734,7 +8734,8 @@ exports.storeSlice = (0, toolkit_1.createSlice)({
       if (matchedEvent) {
         var _context4;
 
-        state.events = orderHistory(_mapInstanceProperty(_context4 = state.events).call(_context4, m => m.payload.id === matchedEvent.payload.id ? _Object$assign(_Object$assign({}, m), {
+        state.events = (0, exports.orderHistory)( //@ts-ignore
+        _mapInstanceProperty(_context4 = state.events).call(_context4, m => m.payload.id === matchedEvent.payload.id ? _Object$assign(_Object$assign({}, m), {
           payload: _Object$assign(_Object$assign({}, m.payload), {
             id,
             occurredAt
@@ -8806,9 +8807,11 @@ exports.storeSlice = (0, toolkit_1.createSlice)({
       }
 
       const {
-        entry,
-        uploads
+        entry
       } = activeServiceSettings;
+      const {
+        upload
+      } = entry.options;
       const historyNewEntryMeta = calculateNewEntryMeta(_Object$assign(_Object$assign(_Object$assign({}, state.entryMeta), entry), {
         active: entry.default || seamly_utils_1.payloadTypes.text,
         options: _Object$assign({}, entry && entry.options ? entry.options : {})
@@ -8818,14 +8821,14 @@ 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;
         const entryType = ((_a = lastParticipantEventPayload === null || lastParticipantEventPayload === void 0 ? void 0 : lastParticipantEventPayload.entry) === null || _a === void 0 ? void 0 : _a.type) || {};
         newFeatures = _Object$assign(_Object$assign({}, newFeatures), {
           uploads: {
-            enabled: !!(uploads && uploads.enabled),
+            enabled: !!(upload && upload.enabled),
             enabledFromEntry: entryType === seamly_utils_1.entryTypes.upload
           }
         });
@@ -8842,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 || {}
       });
@@ -8918,8 +8921,8 @@ exports.storeSlice = (0, toolkit_1.createSlice)({
         payload
       } = _ref11;
 
-      if (state.serviceInfo.activeServiceSessionId !== payload.activeServiceSessionId) {
-        state.serviceInfo.activeServiceSessionId = payload.activeServiceSessionId;
+      if (state.serviceInfo.activeServiceSessionId !== payload) {
+        state.serviceInfo.activeServiceSessionId = payload;
       }
     },
     setHeaderTitle: (state, _ref12) => {
@@ -9145,7 +9148,7 @@ _Object$defineProperty(exports, "__esModule", {
 
 exports.useLocaleNativeName = exports.useTranslationsContainer = exports.useTranslatedEventData = exports.useTranslations = void 0;
 
-const selectors_1 = __webpack_require__(85238);
+const selectors_1 = __webpack_require__(86787);
 
 const slice_1 = __webpack_require__(90841);
 
@@ -9162,7 +9165,7 @@ function useTranslations() {
     sendAction
   } = (0, seamly_hooks_1.useSeamlyCommands)();
   const dispatch = (0, react_redux_1.useDispatch)();
-  const enableTranslations = (0, seamly_hooks_1.useStableCallback)(locale => {
+  const enableTranslations = (0, hooks_1.useCallback)(locale => {
     sendAction({
       type: seamly_utils_1.actionTypes.setTranslation,
       body: {
@@ -9171,18 +9174,15 @@ function useTranslations() {
       }
     });
     dispatch((0, slice_1.enableTranslation)(locale));
-  }, // eslint-disable-next-line @typescript-eslint/ban-ts-comment
-  // @ts-ignore
-  [sendAction, dispatch]);
-  const disableTranslations = (0, seamly_hooks_1.useStableCallback)(() => {
+  }, [sendAction, dispatch]);
+  const disableTranslations = (0, hooks_1.useCallback)(() => {
     sendAction({
       type: seamly_utils_1.actionTypes.setTranslation,
       body: {
         enabled: false
       }
     });
-    dispatch((0, slice_1.disableTranslation)()); // eslint-disable-next-line @typescript-eslint/ban-ts-comment
-    // @ts-ignore
+    dispatch((0, slice_1.disableTranslation)());
   }, [sendAction, dispatch]);
   const {
     languages,
@@ -9207,54 +9207,49 @@ function useTranslations() {
 
 exports.useTranslations = useTranslations;
 
-function useTranslatedEventData(_ref2) {
-  let {
-    payload
-  } = _ref2;
-  const payloadId = payload === null || payload === void 0 ? void 0 : payload.id;
-  let body;
-  let translatedBody;
-
-  switch (payload === null || payload === void 0 ? void 0 : payload.type) {
-    case 'participant':
-      body = payload.participant.introduction;
-      translatedBody = payload.participant.translatedIntroduction;
-      break;
+function useTranslatedEventData(channelEvent) {
+  const getTranslations = () => {
+    var _a, _b, _c;
 
-    default:
-      body = payload === null || payload === void 0 ? void 0 : payload.body;
-      translatedBody = payload === null || payload === void 0 ? void 0 : payload.translatedBody;
-  }
+    if (!channelEvent.payload) return {
+      body: undefined,
+      translatedBody: undefined
+    };
 
-  const hasTranslation = !!translatedBody;
-  const isTranslated = (0, react_redux_1.useSelector)(store => // @ts-ignore
-  (0, selectors_1.getIsPayloadTranslated)(store, payloadId));
-  const dispatch = (0, react_redux_1.useDispatch)();
-  const toggleTranslation = (0, seamly_hooks_1.useStableCallback)(() => {
-    if (isTranslated) {
-      dispatch((0, slice_1.disableEvent)(payloadId));
-    } else {
-      dispatch((0, slice_1.enableEvent)(payloadId));
-    } // eslint-disable-next-line @typescript-eslint/ban-ts-comment
-    // @ts-ignore
+    if (channelEvent.type === 'participant') {
+      return {
+        body: (_a = channelEvent.payload) === null || _a === void 0 ? void 0 : _a.participant.introduction,
+        translatedBody: (_c = (_b = channelEvent.payload) === null || _b === void 0 ? void 0 : _b.participant) === null || _c === void 0 ? void 0 : _c.translatedIntroduction
+      };
+    }
 
-  }, [isTranslated, payloadId, dispatch]);
-  return [hasTranslation && isTranslated ? translatedBody === null || translatedBody === void 0 ? void 0 : translatedBody.data : body, {
+    return {
+      body: channelEvent.payload.body,
+      translatedBody: channelEvent.payload.translatedBody
+    };
+  };
+
+  const {
+    translatedBody,
+    body
+  } = getTranslations();
+  const hasTranslation = !!translatedBody;
+  const isTranslated = (0, react_redux_1.useSelector)((0, selectors_1.selectIsTranslated)(channelEvent));
+  return {
+    body: hasTranslation && isTranslated ? translatedBody === null || translatedBody === void 0 ? void 0 : translatedBody.data : body,
     hasTranslation,
     isTranslated: isTranslated && hasTranslation,
-    toggleTranslation,
-    translatedBy: translatedBody === null || translatedBody === void 0 ? void 0 : translatedBody.translatedBy,
     locale: translatedBody === null || translatedBody === void 0 ? void 0 : translatedBody.locale
-  }];
+  };
 }
 
 exports.useTranslatedEventData = useTranslatedEventData;
 
 function useTranslationsContainer() {
-  const id = (0, react_redux_1.useSelector)(_ref3 => {
+  const id = (0, react_redux_1.useSelector)(_ref2 => {
     let {
       translations
-    } = _ref3;
+    } = _ref2;
     return translations.containerId;
   });
   const focusContainer = (0, seamly_hooks_1.useElementFocusingById)(id);
@@ -9281,7 +9276,7 @@ exports.useLocaleNativeName = useLocaleNativeName;
 
 /***/ }),
 
-/***/ 90841:
+/***/ 86787:
 /***/ (function(__unused_webpack_module, exports, __webpack_require__) {
 
 "use strict";
@@ -9289,8 +9284,50 @@ exports.useLocaleNativeName = useLocaleNativeName;
 
 var _Object$defineProperty = __webpack_require__(96718);
 
+var _everyInstanceProperty = __webpack_require__(2250);
+
+var _Object$values = __webpack_require__(3665);
+
 var _includesInstanceProperty = __webpack_require__(58118);
 
+_Object$defineProperty(exports, "__esModule", {
+  value: true
+});
+
+exports.selectIsTranslated = void 0;
+
+const toolkit_1 = __webpack_require__(40575);
+
+const selectIsTranslated = channelEvent => (0, toolkit_1.createSelector)(store => store.translations.translatedEventGroups, translatedEventGroups => {
+  var _context;
+
+  return _everyInstanceProperty(_context = _Object$values(translatedEventGroups)).call(_context, value => {
+    var _a;
+
+    return !_includesInstanceProperty(value).call(value, (_a = channelEvent === null || channelEvent === void 0 ? void 0 : channelEvent.payload) === null || _a === void 0 ? void 0 : _a.id);
+  });
+});
+
+exports.selectIsTranslated = selectIsTranslated;
+
+/***/ }),
+
+/***/ 90841:
+/***/ (function(__unused_webpack_module, exports, __webpack_require__) {
+
+"use strict";
+
+
+var _Object$defineProperty = __webpack_require__(96718);
+
+var _reduceInstanceProperty = __webpack_require__(24282);
+
+var _spliceInstanceProperty = __webpack_require__(39940);
+
+var _Object$entries = __webpack_require__(2018);
+
+var _mapInstanceProperty = __webpack_require__(97606);
+
 var _filterInstanceProperty = __webpack_require__(14418);
 
 var _a;
@@ -9299,30 +9336,75 @@ _Object$defineProperty(exports, "__esModule", {
   value: true
 });
 
-exports.disableEvent = exports.enableEvent = exports.disableTranslation = exports.enableTranslation = exports.translationSlice = exports.translationsInitialState = void 0;
+exports.disableEventsTranslation = exports.enableEventsTranslation = exports.disableTranslation = exports.enableTranslation = exports.translationSlice = exports.translationsInitialState = void 0;
 
 const toolkit_1 = __webpack_require__(40575);
 
-const actions_1 = __webpack_require__(64134);
+const actions_1 = __webpack_require__(60915);
 
-const actions_2 = __webpack_require__(60915);
+const slice_1 = __webpack_require__(11153);
 
 exports.translationsInitialState = {
   isActive: false,
   currentLocale: undefined,
   isAvailable: false,
   languages: [],
-  originalPayloadIds: [],
-  containerId: (0, toolkit_1.nanoid)()
+  containerId: (0, toolkit_1.nanoid)(),
+  translatedEventGroups: {}
 };
+
+const getLastGroupId = (events, id) => {
+  var _context, _context2;
+
+  const eventGroup = _reduceInstanceProperty(_context = [...events]).call(_context, (acc, _ref, _index, arr) => {
+    let {
+      payload
+    } = _ref;
+
+    var _a;
+
+    if (acc[id]) {
+      // Splice to break early (make the reducer think we are done)
+      // This is needed to avoid events of other groups from being added to the array.
+      // @ts-ignore
+      if ((payload === null || payload === void 0 ? void 0 : payload.type) === 'divider' && ((_a = payload === null || payload === void 0 ? void 0 : payload.body) === null || _a === void 0 ? void 0 : _a.translationEnabled)) {
+        _spliceInstanceProperty(arr).call(arr, 0);
+
+        return acc;
+      }
+
+      acc[id].push(payload.id);
+    }
+
+    if (payload.id === id) acc[id] = [];
+    return acc;
+  }, {});
+
+  const [[groupId, eventIds]] = _Object$entries(eventGroup);
+
+  const lastGroupId = _mapInstanceProperty(_context2 = _filterInstanceProperty(events //@ts-ignore
+  ).call(events //@ts-ignore
+  , event => {
+    var _a;
+
+    return ((_a = event.payload) === null || _a === void 0 ? void 0 : _a.type) === 'divider';
+  })).call(_context2, event => event.payload.id).at(-1);
+
+  return {
+    lastGroupId,
+    groupId,
+    eventIds
+  };
+};
+
 exports.translationSlice = (0, toolkit_1.createSlice)({
   name: 'translation',
   initialState: exports.translationsInitialState,
   reducers: {
-    enableTranslation: (state, _ref) => {
+    enableTranslation: (state, _ref2) => {
       let {
         payload
-      } = _ref;
+      } = _ref2;
       state.isActive = true;
       state.currentLocale = payload;
     },
@@ -9330,45 +9412,37 @@ exports.translationSlice = (0, toolkit_1.createSlice)({
       state.isActive = false;
       state.currentLocale = undefined;
     },
-    enableEvent: (state, _ref2) => {
-      var _context, _context2;
-
+    enableEventsTranslation: (state, _ref3) => {
       let {
-        payload
-      } = _ref2;
-
-      if (!_includesInstanceProperty(_context = state.originalPayloadIds).call(_context, payload)) {
-        return;
-      }
-
-      state.originalPayloadIds = _filterInstanceProperty(_context2 = state.originalPayloadIds).call(_context2, id => id !== payload);
+        payload: {
+          events,
+          id
+        }
+      } = _ref3;
+      delete state.translatedEventGroups[id];
+      const {
+        lastGroupId
+      } = getLastGroupId(events, id);
+      state.lastGroupId = lastGroupId;
     },
-    disableEvent: (state, _ref3) => {
-      var _context3;
-
+    disableEventsTranslation: (state, _ref4) => {
       let {
-        payload
-      } = _ref3;
-
-      if (_includesInstanceProperty(_context3 = state.originalPayloadIds).call(_context3, payload)) {
-        return;
-      }
-
-      state.originalPayloadIds.push(payload);
+        payload: {
+          events,
+          id
+        }
+      } = _ref4;
+      const {
+        lastGroupId,
+        groupId,
+        eventIds
+      } = getLastGroupId(events, id);
+      state.lastGroupId = lastGroupId;
+      state.translatedEventGroups[groupId] = eventIds;
     }
   },
   extraReducers: builder => {
-    builder.addCase(actions_1.initializeApp.fulfilled, (state, _ref4) => {
-      let {
-        payload
-      } = _ref4;
-
-      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, _ref5) => {
+    builder.addCase(actions_1.initializeConfig.fulfilled, (state, _ref5) => {
       let {
         payload
       } = _ref5;
@@ -9379,10 +9453,18 @@ exports.translationSlice = (0, toolkit_1.createSlice)({
       if (!feature) return;
       state.isAvailable = feature.enabled === true;
       state.languages = feature.languages;
+    }).addCase(slice_1.addEvent, (state, _ref6) => {
+      let {
+        payload
+      } = _ref6;
+
+      if (state.translatedEventGroups[state.lastGroupId]) {
+        state.translatedEventGroups[state.lastGroupId].push(payload.payload.id);
+      }
     });
   }
 });
-_a = exports.translationSlice.actions, exports.enableTranslation = _a.enableTranslation, exports.disableTranslation = _a.disableTranslation, exports.enableEvent = _a.enableEvent, exports.disableEvent = _a.disableEvent;
+_a = exports.translationSlice.actions, exports.enableTranslation = _a.enableTranslation, exports.disableTranslation = _a.disableTranslation, exports.enableEventsTranslation = _a.enableEventsTranslation, exports.disableEventsTranslation = _a.disableEventsTranslation;
 exports["default"] = exports.translationSlice.reducer;
 
 /***/ }),
@@ -12566,7 +12648,7 @@ class API {
     return {
       clientName: "@seamly/web-ui",
       clientVariant: this.layoutMode,
-      clientVersion: "20.8.0-alpha.1",
+      clientVersion: "20.7.0",
       currentUrl: window.location.toString(),
       screenResolution: `${window.screen.width}x${window.screen.height}`,
       timezone: getTimeZone(),
@@ -12809,35 +12891,6 @@ function createI18nMiddleware(_ref) {
 
 /***/ }),
 
-/***/ 85238:
-/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   "getIsPayloadTranslated": function() { return /* binding */ getIsPayloadTranslated; },
-/* harmony export */   "getOriginalPayloadIds": function() { return /* binding */ getOriginalPayloadIds; }
-/* harmony export */ });
-/* harmony import */ var _babel_runtime_corejs3_core_js_stable_instance_includes__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(58118);
-/* harmony import */ var _babel_runtime_corejs3_core_js_stable_instance_includes__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_corejs3_core_js_stable_instance_includes__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var _reduxjs_toolkit__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(20573);
-
-
-const getOriginalPayloadIds = (0,_reduxjs_toolkit__WEBPACK_IMPORTED_MODULE_1__.createSelector)(_ref => {
-  let {
-    translations
-  } = _ref;
-  return translations;
-}, _ref2 => {
-  let {
-    originalPayloadIds
-  } = _ref2;
-  return originalPayloadIds;
-});
-const getIsPayloadTranslated = (0,_reduxjs_toolkit__WEBPACK_IMPORTED_MODULE_1__.createSelector)([getOriginalPayloadIds, (_, payloadId) => payloadId], (payloadIds, payloadId) => !_babel_runtime_corejs3_core_js_stable_instance_includes__WEBPACK_IMPORTED_MODULE_0___default()(payloadIds).call(payloadIds, payloadId));
-
-/***/ }),
-
 /***/ 12629:
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
@@ -13282,12 +13335,14 @@ const SeamlyEventSubscriber = _ref => {
                       eventPayload = (0,objectWithoutProperties/* default */.Z)(payload, _excluded);
 
                 const {
-                  uploads,
                   entry
                 } = serviceSettings;
+                const {
+                  upload
+                } = entry.options;
                 dispatch((0,store_slice.setFeatureEnabledState)({
                   key: seamly_utils.featureKeys.uploads,
-                  enabled: !!(uploads && uploads.enabled)
+                  enabled: !!(upload && upload.enabled)
                 }));
                 dispatch((0,store_slice.setServiceEntryMetadata)(entry));
                 dispatch((0,store_slice.setActiveService)(payload.serviceSessionId));
@@ -16184,7 +16239,9 @@ const Image = _ref => {
   } = _ref,
       props = (0,objectWithoutProperties/* default */.Z)(_ref, _excluded);
 
-  const [body] = (0,translations_hooks.useTranslatedEventData)(event);
+  const {
+    body
+  } = (0,translations_hooks.useTranslatedEventData)(event);
   const {
     description,
     url,
@@ -16246,7 +16303,9 @@ const Video = _ref => {
   } = _ref,
       props = (0,objectWithoutProperties/* default */.Z)(_ref, video_excluded);
 
-  const [body] = (0,translations_hooks.useTranslatedEventData)(event);
+  const {
+    body
+  } = (0,translations_hooks.useTranslatedEventData)(event);
   const {
     description,
     url
@@ -16305,6 +16364,8 @@ const Divider = _ref => {
 };
 
 /* harmony default export */ var variants_default = (Divider);
+// EXTERNAL MODULE: ./src/javascripts/domains/translations/slice.ts
+var translations_slice = __webpack_require__(90841);
 ;// CONCATENATED MODULE: ./src/javascripts/ui/components/conversation/event/divider/variants/new-translation.js
 
 
@@ -16313,6 +16374,11 @@ const Divider = _ref => {
 
 
 
+
+
+
+
+
 const NewTranslationDivider = _ref => {
   let {
     event
@@ -16320,15 +16386,35 @@ const NewTranslationDivider = _ref => {
   const {
     t
   } = (0,i18n_hooks.useI18n)();
+  const events = (0,seamly_hooks.useEvents)();
   const {
-    translationEnabled,
-    translationLocale,
-    text
-  } = event.payload.body;
+    body: {
+      translationEnabled,
+      translationLocale,
+      text
+    },
+    id
+  } = event.payload;
   const {
     enableTranslations
   } = (0,translations_hooks.useTranslations)();
   const localeNativeName = (0,translations_hooks.useLocaleNativeName)(translationLocale);
+  const translatedEventGroups = (0,es.useSelector)(state => state.translations.translatedEventGroups);
+  const dispatch = (0,es.useDispatch)();
+  const toggleTranslations = (0,hooks_module.useCallback)(() => {
+    if (!translatedEventGroups[id]) {
+      dispatch((0,translations_slice.disableEventsTranslation)({
+        events,
+        id
+      }));
+      return;
+    }
+
+    dispatch((0,translations_slice.enableEventsTranslation)({
+      events,
+      id
+    }));
+  }, [dispatch, events, id, translatedEventGroups]);
 
   const handleRestartButtonclick = () => {
     enableTranslations(translationLocale);
@@ -16342,10 +16428,17 @@ const NewTranslationDivider = _ref => {
       children: t(translationEnabled ? 'translations.divider.startText' : 'translations.divider.stopText', {
         language: localeNativeName
       })
-    }), translationEnabled ? (0,jsxRuntime_module.jsx)("p", {
-      children: text
+    }), translationEnabled ? (0,jsxRuntime_module.jsxs)(jsxRuntime_module.Fragment, {
+      children: [(0,jsxRuntime_module.jsx)("p", {
+        children: text
+      }), (0,jsxRuntime_module.jsx)("button", {
+        className: (0,css.className)('button', 'button--secondary'),
+        onClick: toggleTranslations,
+        children: t(!translatedEventGroups[id] ? 'translations.toggle.hideTranslationsButtonText' : 'translations.toggle.showTranslationsButtonText')
+      })]
     }) : (0,jsxRuntime_module.jsx)("button", {
       className: (0,css.className)('button', 'button--secondary'),
+      "data-testid": "restartTranslationButton",
       onClick: handleRestartButtonclick,
       children: t('translations.divider.restartButtonText')
     })]
@@ -16423,7 +16516,9 @@ const Translation = _ref => {
   const {
     t
   } = (0,i18n_hooks.useI18n)();
-  const [body] = (0,translations_hooks.useTranslatedEventData)(event);
+  const {
+    body
+  } = (0,translations_hooks.useTranslatedEventData)(event);
   return (0,jsxRuntime_module.jsx)(message_container["default"], translation_objectSpread(translation_objectSpread({
     type: "text",
     event: event
@@ -16445,7 +16540,9 @@ const Participant = _ref => {
   const {
     participant
   } = event.payload;
-  const [introduction] = (0,translations_hooks.useTranslatedEventData)(event);
+  const {
+    body: introduction
+  } = (0,translations_hooks.useTranslatedEventData)(event);
 
   if (!introduction) {
     return null;
@@ -16494,7 +16591,9 @@ const Splash = _ref => {
   const {
     payload
   } = event;
-  const [body] = (0,translations_hooks.useTranslatedEventData)(event);
+  const {
+    body
+  } = (0,translations_hooks.useTranslatedEventData)(event);
   const eventClick = (0,use_event_link_click_handler/* default */.Z)(payload.id);
   return (0,jsxRuntime_module.jsx)(message_container["default"], splash_objectSpread(splash_objectSpread({
     type: "splash",
@@ -16563,7 +16662,9 @@ const Upload = _ref2 => {
   const {
     t
   } = (0,i18n_hooks.useI18n)();
-  const [body] = (0,translations_hooks.useTranslatedEventData)(event);
+  const {
+    body
+  } = (0,translations_hooks.useTranslatedEventData)(event);
   const {
     fromClient
   } = event.payload;
@@ -16614,7 +16715,9 @@ const Cta = _ref => {
   let {
     event
   } = _ref;
-  const [body] = (0,translations_hooks.useTranslatedEventData)(event);
+  const {
+    body
+  } = (0,translations_hooks.useTranslatedEventData)(event);
   const eventClick = (0,use_event_link_click_handler/* default */.Z)(event.payload.id);
   const {
     emitEvent
@@ -17040,7 +17143,9 @@ const CarouselMessage = _ref => {
   let {
     event
   } = _ref;
-  const [body] = (0,translations_hooks.useTranslatedEventData)(event);
+  const {
+    body
+  } = (0,translations_hooks.useTranslatedEventData)(event);
   const slides = body.cards;
   return (0,jsxRuntime_module.jsx)(message_container["default"], {
     event: event,
@@ -17080,7 +17185,9 @@ const CardMessage = _ref => {
   let {
     event
   } = _ref;
-  const [body] = (0,translations_hooks.useTranslatedEventData)(event);
+  const {
+    body
+  } = (0,translations_hooks.useTranslatedEventData)(event);
   const descriptionId = (0,seamly_hooks.useGeneratedId)();
   return (0,jsxRuntime_module.jsx)(message_container["default"], {
     type: "card",
@@ -17130,13 +17237,16 @@ function conversation_suggestions_objectSpread(target) { for (var i = 1; i < arg
 
 
 
+
 
 
 const useSuggestions = event => {
   const {
     payload
   } = event;
-  const [suggestions] = (0,translations_hooks.useTranslatedEventData)(event);
+  const {
+    body: suggestions
+  } = (0,translations_hooks.useTranslatedEventData)(event);
   return {
     suggestions,
     payload
@@ -17160,6 +17270,9 @@ const ConversationSuggestions = _ref => {
     suggestions,
     payload
   } = useSuggestions(event);
+  const {
+    showSuggestions
+  } = (0,hooks.useConfig)();
   const events = (0,seamly_hooks.useEvents)();
   const {
     t
@@ -17196,7 +17309,7 @@ const ConversationSuggestions = _ref => {
     addMessageBubble(question);
   }, [dispatch, sendAction, payload.id, addMessageBubble]);
 
-  if (!isExpanded || userHasResponded || !hasLastTransactionEvent) {
+  if (!isExpanded || userHasResponded || !hasLastTransactionEvent || !showSuggestions) {
     return null;
   }
 
@@ -17370,6 +17483,8 @@ const PrivacyDisclaimer = () => {
 };
 
 /* harmony default export */ var privacy_disclaimer = (PrivacyDisclaimer);
+// EXTERNAL MODULE: ./src/javascripts/ui/hooks/focus-helper-hooks.js
+var focus_helper_hooks = __webpack_require__(68956);
 // EXTERNAL MODULE: ./src/javascripts/ui/hooks/seamly-hooks.js + 2 modules
 var seamly_hooks = __webpack_require__(82849);
 // EXTERNAL MODULE: ./src/javascripts/ui/hooks/seamly-state-hooks.js
@@ -17484,6 +17599,7 @@ const Loader = () => {
 
 
 
+
 const Events = () => {
   const events = (0,seamly_state_hooks.useEvents)();
   let prevParticipant = null;
@@ -17528,11 +17644,15 @@ const Conversation = () => {
   const skiplinkTargetId = (0,seamly_hooks.useSkiplink)();
   const focusSkiplinkTarget = (0,seamly_hooks.useSkiplinkTargetFocusing)();
   const loadedImageEventIds = (0,seamly_state_hooks.useLoadedImageEventIds)();
-  (0,hooks_module.useEffect)(() => {
+  (0,hooks_module.useLayoutEffect)(() => {
     const containerElement = chatBodyContainer.current;
 
     if (containerElement) {
-      containerElement.scrollTop = containerElement.scrollHeight;
+      requestAnimationFrame(async () => {
+        await (0,focus_helper_hooks/* timeout */.Vs)(30); // Wait for next frame tick
+
+        containerElement.scrollTop = containerElement.scrollHeight;
+      });
     }
   }, [events, isLoading, isOpen, loadedImageEventIds]);
 
@@ -17739,7 +17859,9 @@ const useChoicePrompt = event => {
     activeServiceSessionId
   } = (0,ui_hooks_seamly_hooks__WEBPACK_IMPORTED_MODULE_13__.useSeamlyServiceInfo)();
   const lastEventId = (0,ui_hooks_seamly_hooks__WEBPACK_IMPORTED_MODULE_13__.useLastMessageEventId)();
-  const [body] = (0,domains_translations_hooks__WEBPACK_IMPORTED_MODULE_18__.useTranslatedEventData)(event);
+  const {
+    body
+  } = (0,domains_translations_hooks__WEBPACK_IMPORTED_MODULE_18__.useTranslatedEventData)(event);
   const {
     service
   } = payload;
@@ -18162,7 +18284,9 @@ const Text = _ref => {
   } = _ref,
       props = (0,_babel_runtime_corejs3_helpers_esm_objectWithoutProperties__WEBPACK_IMPORTED_MODULE_9__/* ["default"] */ .Z)(_ref, _excluded);
 
-  const [body] = (0,domains_translations_hooks__WEBPACK_IMPORTED_MODULE_12__.useTranslatedEventData)(event);
+  const {
+    body
+  } = (0,domains_translations_hooks__WEBPACK_IMPORTED_MODULE_12__.useTranslatedEventData)(event);
   const eventClick = (0,_hooks_use_event_link_click_handler__WEBPACK_IMPORTED_MODULE_13__/* ["default"] */ .Z)(event.payload.id);
   const containerProps = (0,preact_hooks__WEBPACK_IMPORTED_MODULE_10__.useMemo)(() => {
     if (event.payload.optimisticallyInjected) {
@@ -18219,13 +18343,11 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var ui_hooks_component_helper_hooks__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(53357);
 /* harmony import */ var domains_translations_hooks__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(32108);
 /* harmony import */ var domains_translations_hooks__WEBPACK_IMPORTED_MODULE_12___default = /*#__PURE__*/__webpack_require__.n(domains_translations_hooks__WEBPACK_IMPORTED_MODULE_12__);
-/* harmony import */ var domains_i18n_hooks__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(50546);
-/* harmony import */ var domains_i18n_hooks__WEBPACK_IMPORTED_MODULE_13___default = /*#__PURE__*/__webpack_require__.n(domains_i18n_hooks__WEBPACK_IMPORTED_MODULE_13__);
-/* harmony import */ var _event_event_participant__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(37409);
-/* harmony import */ var preact_jsx_runtime__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(16584);
+/* harmony import */ var _event_event_participant__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(37409);
+/* harmony import */ var preact_jsx_runtime__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(16584);
 
 
-const _excluded = ["showParticipant", "showTranslationToggle", "event", "type", "modifiers", "children", "bodyProps", "info"];
+const _excluded = ["showParticipant", "event", "type", "modifiers", "children", "bodyProps", "info"];
 
 function ownKeys(object, enumerableOnly) { var keys = _babel_runtime_corejs3_core_js_stable_object_keys__WEBPACK_IMPORTED_MODULE_2___default()(object); if ((_babel_runtime_corejs3_core_js_stable_object_get_own_property_symbols__WEBPACK_IMPORTED_MODULE_3___default())) { var symbols = _babel_runtime_corejs3_core_js_stable_object_get_own_property_symbols__WEBPACK_IMPORTED_MODULE_3___default()(object); enumerableOnly && (symbols = _babel_runtime_corejs3_core_js_stable_instance_filter__WEBPACK_IMPORTED_MODULE_4___default()(symbols).call(symbols, function (sym) { return _babel_runtime_corejs3_core_js_stable_object_get_own_property_descriptor__WEBPACK_IMPORTED_MODULE_5___default()(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
@@ -18247,11 +18369,9 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 
 
 
-
 function MessageContainer(_ref) {
   let {
     showParticipant = true,
-    showTranslationToggle = true,
     event,
     type,
     modifiers,
@@ -18263,14 +18383,10 @@ function MessageContainer(_ref) {
 
   const classNames = (0,ui_hooks_component_helper_hooks__WEBPACK_IMPORTED_MODULE_11__/* .useSeamlyMessageContainerClassNames */ .j)(event);
   const {
-    t
-  } = (0,domains_i18n_hooks__WEBPACK_IMPORTED_MODULE_13__.useI18n)();
-  const [, {
     hasTranslation,
     isTranslated,
-    toggleTranslation,
     locale
-  }] = (0,domains_translations_hooks__WEBPACK_IMPORTED_MODULE_12__.useTranslatedEventData)(event);
+  } = (0,domains_translations_hooks__WEBPACK_IMPORTED_MODULE_12__.useTranslatedEventData)(event);
 
   if (type) {
     classNames.push(`message--type-${type}`);
@@ -18304,27 +18420,20 @@ function MessageContainer(_ref) {
     });
   }
 
-  return (0,preact_jsx_runtime__WEBPACK_IMPORTED_MODULE_15__.jsx)(preact_jsx_runtime__WEBPACK_IMPORTED_MODULE_15__.Fragment, {
-    children: (0,preact_jsx_runtime__WEBPACK_IMPORTED_MODULE_15__.jsxs)("div", _objectSpread(_objectSpread({
+  return (0,preact_jsx_runtime__WEBPACK_IMPORTED_MODULE_14__.jsx)(preact_jsx_runtime__WEBPACK_IMPORTED_MODULE_14__.Fragment, {
+    children: (0,preact_jsx_runtime__WEBPACK_IMPORTED_MODULE_14__.jsxs)("div", _objectSpread(_objectSpread({
       className: (0,lib_css__WEBPACK_IMPORTED_MODULE_10__.className)(classNames)
     }, props), {}, {
-      children: [showParticipant && (0,preact_jsx_runtime__WEBPACK_IMPORTED_MODULE_15__.jsx)(_event_event_participant__WEBPACK_IMPORTED_MODULE_14__["default"], {
+      children: [showParticipant && (0,preact_jsx_runtime__WEBPACK_IMPORTED_MODULE_14__.jsx)(_event_event_participant__WEBPACK_IMPORTED_MODULE_13__["default"], {
         eventPayload: event.payload
-      }), (0,preact_jsx_runtime__WEBPACK_IMPORTED_MODULE_15__.jsx)("div", _objectSpread(_objectSpread({
+      }), (0,preact_jsx_runtime__WEBPACK_IMPORTED_MODULE_14__.jsx)("div", _objectSpread(_objectSpread({
         className: (0,lib_css__WEBPACK_IMPORTED_MODULE_10__.className)('message__body')
       }, bodyProps), {}, {
         children: children
-      })), info && (0,preact_jsx_runtime__WEBPACK_IMPORTED_MODULE_15__.jsx)("div", {
+      })), info && (0,preact_jsx_runtime__WEBPACK_IMPORTED_MODULE_14__.jsx)("div", {
         "aria-hidden": "true",
         className: (0,lib_css__WEBPACK_IMPORTED_MODULE_10__.className)('message__info'),
         children: info
-      }), showTranslationToggle && hasTranslation && (0,preact_jsx_runtime__WEBPACK_IMPORTED_MODULE_15__.jsx)("div", {
-        className: (0,lib_css__WEBPACK_IMPORTED_MODULE_10__.className)('message__translation-info'),
-        children: (0,preact_jsx_runtime__WEBPACK_IMPORTED_MODULE_15__.jsx)("button", {
-          className: (0,lib_css__WEBPACK_IMPORTED_MODULE_10__.className)('message__translation-toggle', 'button', 'button--secondary'),
-          onClick: toggleTranslation,
-          children: t(isTranslated ? 'translations.toggle.hideButtonText' : 'translations.toggle.showButtonText')
-        })
       })]
     }))
   });
@@ -20475,7 +20584,7 @@ const OptionsButton = () => {
   (0,hooks_module.useEffect)(() => {
     if (menuIsOpen && !prevMenuIsOpen.current) {
       requestAnimationFrame(async () => {
-        await (0,focus_helper_hooks/* timeout */.Vs)(180); // Wait for next 3 frame ticks
+        await (0,focus_helper_hooks/* timeout */.Vs)(60); // Wait for next frame tick
 
         const firstActiveOptionIndex = find_index_default()(menuOptions).call(menuOptions, option => option.available);
 
@@ -21547,30 +21656,33 @@ const Interrupt = _ref => {
 /* harmony import */ var _babel_runtime_corejs3_core_js_stable_set_timeout__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(87198);
 /* harmony import */ var _babel_runtime_corejs3_core_js_stable_set_timeout__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_corejs3_core_js_stable_set_timeout__WEBPACK_IMPORTED_MODULE_0__);
 /* harmony import */ var domains_app_hooks__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(79279);
-/* harmony import */ var domains_i18n_hooks__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(50546);
-/* harmony import */ var domains_i18n_hooks__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(domains_i18n_hooks__WEBPACK_IMPORTED_MODULE_2__);
-/* harmony import */ var domains_interrupt_hooks__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(88877);
-/* harmony import */ var domains_interrupt_hooks__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(domains_interrupt_hooks__WEBPACK_IMPORTED_MODULE_3__);
-/* harmony import */ var domains_translations_hooks__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(32108);
-/* harmony import */ var domains_translations_hooks__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(domains_translations_hooks__WEBPACK_IMPORTED_MODULE_4__);
-/* harmony import */ var domains_visibility_constants__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(12629);
-/* harmony import */ var domains_visibility_hooks__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(33742);
-/* harmony import */ var domains_visibility_hooks__WEBPACK_IMPORTED_MODULE_6___default = /*#__PURE__*/__webpack_require__.n(domains_visibility_hooks__WEBPACK_IMPORTED_MODULE_6__);
-/* harmony import */ var lib_css__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(35567);
-/* harmony import */ var preact_hooks__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(30396);
-/* harmony import */ var ui_components_suggestions_suggestions_list__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(32841);
-/* harmony import */ var ui_components_widgets_in_out_transition__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(21433);
-/* harmony import */ var ui_hooks_focus_helper_hooks__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(68956);
-/* harmony import */ var ui_hooks_live_region_hooks__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(26639);
-/* harmony import */ var ui_hooks_seamly_state_hooks__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(14809);
-/* harmony import */ var ui_hooks_use_seamly_commands__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(4431);
-/* harmony import */ var ui_hooks_use_seamly_idle_detach_countdown__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(21154);
-/* harmony import */ var ui_hooks_use_seamly_resume_conversation_prompt__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(61256);
-/* harmony import */ var ui_hooks_utility_hooks__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(25029);
-/* harmony import */ var ui_utils_general_utils__WEBPACK_IMPORTED_MODULE_18__ = __webpack_require__(64959);
-/* harmony import */ var ui_utils_seamly_utils__WEBPACK_IMPORTED_MODULE_19__ = __webpack_require__(45740);
-/* harmony import */ var ui_utils_seamly_utils__WEBPACK_IMPORTED_MODULE_19___default = /*#__PURE__*/__webpack_require__.n(ui_utils_seamly_utils__WEBPACK_IMPORTED_MODULE_19__);
-/* harmony import */ var preact_jsx_runtime__WEBPACK_IMPORTED_MODULE_20__ = __webpack_require__(16584);
+/* harmony import */ var domains_config_hooks__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(26065);
+/* harmony import */ var domains_config_hooks__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(domains_config_hooks__WEBPACK_IMPORTED_MODULE_2__);
+/* harmony import */ var domains_i18n_hooks__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(50546);
+/* harmony import */ var domains_i18n_hooks__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(domains_i18n_hooks__WEBPACK_IMPORTED_MODULE_3__);
+/* harmony import */ var domains_interrupt_hooks__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(88877);
+/* harmony import */ var domains_interrupt_hooks__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(domains_interrupt_hooks__WEBPACK_IMPORTED_MODULE_4__);
+/* harmony import */ var domains_translations_hooks__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(32108);
+/* harmony import */ var domains_translations_hooks__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(domains_translations_hooks__WEBPACK_IMPORTED_MODULE_5__);
+/* harmony import */ var domains_visibility_constants__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(12629);
+/* harmony import */ var domains_visibility_hooks__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(33742);
+/* harmony import */ var domains_visibility_hooks__WEBPACK_IMPORTED_MODULE_7___default = /*#__PURE__*/__webpack_require__.n(domains_visibility_hooks__WEBPACK_IMPORTED_MODULE_7__);
+/* harmony import */ var lib_css__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(35567);
+/* harmony import */ var preact_hooks__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(30396);
+/* harmony import */ var ui_components_suggestions_suggestions_list__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(32841);
+/* harmony import */ var ui_components_widgets_in_out_transition__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(21433);
+/* harmony import */ var ui_hooks_focus_helper_hooks__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(68956);
+/* harmony import */ var ui_hooks_live_region_hooks__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(26639);
+/* harmony import */ var ui_hooks_seamly_state_hooks__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(14809);
+/* harmony import */ var ui_hooks_use_seamly_commands__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(4431);
+/* harmony import */ var ui_hooks_use_seamly_idle_detach_countdown__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(21154);
+/* harmony import */ var ui_hooks_use_seamly_resume_conversation_prompt__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(61256);
+/* harmony import */ var ui_hooks_utility_hooks__WEBPACK_IMPORTED_MODULE_18__ = __webpack_require__(25029);
+/* harmony import */ var ui_utils_general_utils__WEBPACK_IMPORTED_MODULE_19__ = __webpack_require__(64959);
+/* harmony import */ var ui_utils_seamly_utils__WEBPACK_IMPORTED_MODULE_20__ = __webpack_require__(45740);
+/* harmony import */ var ui_utils_seamly_utils__WEBPACK_IMPORTED_MODULE_20___default = /*#__PURE__*/__webpack_require__.n(ui_utils_seamly_utils__WEBPACK_IMPORTED_MODULE_20__);
+/* harmony import */ var preact_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__ = __webpack_require__(16584);
+
 
 
 
@@ -21601,64 +21713,69 @@ const Suggestions = _ref => {
   // generic hooks
   const {
     isInline
-  } = (0,ui_hooks_seamly_state_hooks__WEBPACK_IMPORTED_MODULE_13__.useSeamlyLayoutMode)();
+  } = (0,ui_hooks_seamly_state_hooks__WEBPACK_IMPORTED_MODULE_14__.useSeamlyLayoutMode)();
   const {
     t
-  } = (0,domains_i18n_hooks__WEBPACK_IMPORTED_MODULE_2__.useI18n)();
+  } = (0,domains_i18n_hooks__WEBPACK_IMPORTED_MODULE_3__.useI18n)();
   const {
     sendAction,
     addMessageBubble
-  } = (0,ui_hooks_use_seamly_commands__WEBPACK_IMPORTED_MODULE_14__/* ["default"] */ .Z)();
+  } = (0,ui_hooks_use_seamly_commands__WEBPACK_IMPORTED_MODULE_15__/* ["default"] */ .Z)();
   const {
     isOpen,
     setVisibility
-  } = (0,domains_visibility_hooks__WEBPACK_IMPORTED_MODULE_6__.useVisibility)(); // a11y hooks
+  } = (0,domains_visibility_hooks__WEBPACK_IMPORTED_MODULE_7__.useVisibility)();
+  const {
+    showSuggestions
+  } = (0,domains_config_hooks__WEBPACK_IMPORTED_MODULE_2__.useConfig)(); // a11y hooks
 
-  const sectionId = (0,ui_hooks_utility_hooks__WEBPACK_IMPORTED_MODULE_17__/* .useGeneratedId */ .I8)();
-  const focusSkiplinkTarget = (0,ui_hooks_focus_helper_hooks__WEBPACK_IMPORTED_MODULE_11__/* .useSkiplinkTargetFocusing */ .MI)();
-  const containerRef = (0,preact_hooks__WEBPACK_IMPORTED_MODULE_8__.useRef)(null);
+  const sectionId = (0,ui_hooks_utility_hooks__WEBPACK_IMPORTED_MODULE_18__/* .useGeneratedId */ .I8)();
+  const focusSkiplinkTarget = (0,ui_hooks_focus_helper_hooks__WEBPACK_IMPORTED_MODULE_12__/* .useSkiplinkTargetFocusing */ .MI)();
+  const containerRef = (0,preact_hooks__WEBPACK_IMPORTED_MODULE_9__.useRef)(null);
   const {
     sendPolite
-  } = (0,ui_hooks_live_region_hooks__WEBPACK_IMPORTED_MODULE_12__/* .useLiveRegion */ .t)(); // interrupt & countdown hooks
+  } = (0,ui_hooks_live_region_hooks__WEBPACK_IMPORTED_MODULE_13__/* .useLiveRegion */ .t)(); // interrupt & countdown hooks
 
   const {
     hasInterrupt
-  } = (0,domains_interrupt_hooks__WEBPACK_IMPORTED_MODULE_3__.useInterrupt)();
+  } = (0,domains_interrupt_hooks__WEBPACK_IMPORTED_MODULE_4__.useInterrupt)();
   const {
     hasCountdown,
     endCountdown
-  } = (0,ui_hooks_use_seamly_idle_detach_countdown__WEBPACK_IMPORTED_MODULE_15__/* ["default"] */ .Z)();
+  } = (0,ui_hooks_use_seamly_idle_detach_countdown__WEBPACK_IMPORTED_MODULE_16__/* ["default"] */ .Z)();
   const {
     hasPrompt,
     continueChat
-  } = (0,ui_hooks_use_seamly_resume_conversation_prompt__WEBPACK_IMPORTED_MODULE_16__/* ["default"] */ .Z)(); // data hooks
+  } = (0,ui_hooks_use_seamly_resume_conversation_prompt__WEBPACK_IMPORTED_MODULE_17__/* ["default"] */ .Z)(); // data hooks
 
   const userHasResponded = (0,domains_app_hooks__WEBPACK_IMPORTED_MODULE_1__/* .useUserHasResponded */ .h)();
-  const payload = (0,ui_hooks_seamly_state_hooks__WEBPACK_IMPORTED_MODULE_13__.useSeamlyServiceData)('suggestion');
-  const [eventBody] = (0,domains_translations_hooks__WEBPACK_IMPORTED_MODULE_4__.useTranslatedEventData)({
+  const payload = (0,ui_hooks_seamly_state_hooks__WEBPACK_IMPORTED_MODULE_14__.useSeamlyServiceData)('suggestion');
+  const {
+    body: eventBody
+  } = (0,domains_translations_hooks__WEBPACK_IMPORTED_MODULE_5__.useTranslatedEventData)({
     payload
   });
-  const suggestions = (0,preact_hooks__WEBPACK_IMPORTED_MODULE_8__.useMemo)(() => payload && !hasInterrupt ? eventBody : [], [payload, hasInterrupt, eventBody]);
-  const prevSuggestions = (0,preact_hooks__WEBPACK_IMPORTED_MODULE_8__.useRef)(null);
-  const prevHasSuggestions = (0,preact_hooks__WEBPACK_IMPORTED_MODULE_8__.useRef)(false);
-  const previousRenderedSuggestions = (0,preact_hooks__WEBPACK_IMPORTED_MODULE_8__.useRef)([]);
+  const suggestions = (0,preact_hooks__WEBPACK_IMPORTED_MODULE_9__.useMemo)(() => payload && !hasInterrupt ? eventBody : [], [payload, hasInterrupt, eventBody]);
+  const prevSuggestions = (0,preact_hooks__WEBPACK_IMPORTED_MODULE_9__.useRef)(null);
+  const prevHasSuggestions = (0,preact_hooks__WEBPACK_IMPORTED_MODULE_9__.useRef)(false);
+  const previousRenderedSuggestions = (0,preact_hooks__WEBPACK_IMPORTED_MODULE_9__.useRef)([]);
   const hasSuggestions = !!suggestions.length;
   const hideSuggestions = isInline ? (userHasResponded || isOpen) && !isAside : userHasResponded;
-  const prevHideSuggestions = (0,preact_hooks__WEBPACK_IMPORTED_MODULE_8__.useRef)(hideSuggestions);
-  const showSuggestionsContainer = hasSuggestions && !hideSuggestions;
+  const prevHideSuggestions = (0,preact_hooks__WEBPACK_IMPORTED_MODULE_9__.useRef)(hideSuggestions);
+  const showSuggestionsContainer = hasSuggestions && !hideSuggestions && showSuggestions;
   const renderedSuggestions = hasSuggestions ? suggestions : previousRenderedSuggestions.current;
   previousRenderedSuggestions.current = renderedSuggestions;
-  const suggestionsClassNames = (0,preact_hooks__WEBPACK_IMPORTED_MODULE_8__.useMemo)(() => {
+  const suggestionsClassNames = (0,preact_hooks__WEBPACK_IMPORTED_MODULE_9__.useMemo)(() => {
     const classNames = ['suggestions'];
 
     if (isAside) {
       classNames.push('suggestions--aside');
     }
 
-    return (0,lib_css__WEBPACK_IMPORTED_MODULE_7__.className)(classNames);
+    return (0,lib_css__WEBPACK_IMPORTED_MODULE_8__.className)(classNames);
   }, [isAside]); // click handler
 
-  const handleClick = (0,preact_hooks__WEBPACK_IMPORTED_MODULE_8__.useCallback)(_ref2 => {
+  const handleClick = (0,preact_hooks__WEBPACK_IMPORTED_MODULE_9__.useCallback)(_ref2 => {
     let {
       id,
       question
@@ -21674,7 +21791,7 @@ const Suggestions = _ref => {
 
 
     sendAction({
-      type: ui_utils_seamly_utils__WEBPACK_IMPORTED_MODULE_19__.actionTypes.custom,
+      type: ui_utils_seamly_utils__WEBPACK_IMPORTED_MODULE_20__.actionTypes.custom,
       originMessage: payload.id,
       body: {
         type: 'faqclick',
@@ -21687,12 +21804,12 @@ const Suggestions = _ref => {
     addMessageBubble(question);
 
     if (!isOpen) {
-      setVisibility(domains_visibility_constants__WEBPACK_IMPORTED_MODULE_5__.visibilityStates.open);
+      setVisibility(domains_visibility_constants__WEBPACK_IMPORTED_MODULE_6__.visibilityStates.open);
     }
 
     focusSkiplinkTarget();
   }, [addMessageBubble, continueChat, endCountdown, focusSkiplinkTarget, hasCountdown, hasPrompt, payload, sendAction, setVisibility, isOpen]);
-  (0,preact_hooks__WEBPACK_IMPORTED_MODULE_8__.useEffect)(() => {
+  (0,preact_hooks__WEBPACK_IMPORTED_MODULE_9__.useEffect)(() => {
     if (prevSuggestions.current !== suggestions && !hideSuggestions) {
       if (hasSuggestions) {
         const politeText = prevHasSuggestions.current ? t('suggestions.srUpdatedText') : t('suggestions.srAvailableText');
@@ -21708,10 +21825,10 @@ const Suggestions = _ref => {
     }
 
     if (!prevHideSuggestions.current && hideSuggestions) {
-      (0,ui_utils_general_utils__WEBPACK_IMPORTED_MODULE_18__.runIfElementContainsOrHasFocus)(containerRef.current, focusSkiplinkTarget);
+      (0,ui_utils_general_utils__WEBPACK_IMPORTED_MODULE_19__.runIfElementContainsOrHasFocus)(containerRef.current, focusSkiplinkTarget);
       sendPolite(t('suggestions.srUnavailableText'));
     } else if (!hasSuggestions && prevHasSuggestions.current) {
-      (0,ui_utils_general_utils__WEBPACK_IMPORTED_MODULE_18__.runIfElementContainsOrHasFocus)(containerRef.current, focusSkiplinkTarget);
+      (0,ui_utils_general_utils__WEBPACK_IMPORTED_MODULE_19__.runIfElementContainsOrHasFocus)(containerRef.current, focusSkiplinkTarget);
     }
 
     prevHasSuggestions.current = hasSuggestions;
@@ -21720,22 +21837,22 @@ const Suggestions = _ref => {
   const headingText = t('suggestions.headingText');
   const footerText = t('suggestions.footerText');
   const ContainerElement = headingText ? 'section' : 'div';
-  return (0,preact_jsx_runtime__WEBPACK_IMPORTED_MODULE_20__.jsx)(ui_components_widgets_in_out_transition__WEBPACK_IMPORTED_MODULE_10__/* ["default"] */ .Z, {
+  return (0,preact_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__.jsx)(ui_components_widgets_in_out_transition__WEBPACK_IMPORTED_MODULE_11__/* ["default"] */ .Z, {
     isActive: showSuggestionsContainer,
-    transitionStartState: ui_components_widgets_in_out_transition__WEBPACK_IMPORTED_MODULE_10__/* .transitionStartStates.notRendered */ .I.notRendered,
-    children: (0,preact_jsx_runtime__WEBPACK_IMPORTED_MODULE_20__.jsxs)(ContainerElement, {
+    transitionStartState: ui_components_widgets_in_out_transition__WEBPACK_IMPORTED_MODULE_11__/* .transitionStartStates.notRendered */ .I.notRendered,
+    children: (0,preact_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__.jsxs)(ContainerElement, {
       className: suggestionsClassNames,
       "aria-labelledby": headingText ? sectionId : null,
       ref: containerRef,
-      children: [headingText && (0,preact_jsx_runtime__WEBPACK_IMPORTED_MODULE_20__.jsx)("p", {
+      children: [headingText && (0,preact_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__.jsx)("p", {
         id: sectionId,
-        className: (0,lib_css__WEBPACK_IMPORTED_MODULE_7__.className)('suggestions__heading'),
+        className: (0,lib_css__WEBPACK_IMPORTED_MODULE_8__.className)('suggestions__heading'),
         children: headingText
-      }), !!renderedSuggestions.length && (0,preact_jsx_runtime__WEBPACK_IMPORTED_MODULE_20__.jsx)(ui_components_suggestions_suggestions_list__WEBPACK_IMPORTED_MODULE_9__/* ["default"] */ .Z, {
+      }), !!renderedSuggestions.length && (0,preact_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__.jsx)(ui_components_suggestions_suggestions_list__WEBPACK_IMPORTED_MODULE_10__/* ["default"] */ .Z, {
         suggestions: renderedSuggestions,
         onClickSuggestion: handleClick
-      }), footerText && !isOpen && (0,preact_jsx_runtime__WEBPACK_IMPORTED_MODULE_20__.jsx)("p", {
-        className: (0,lib_css__WEBPACK_IMPORTED_MODULE_7__.className)('suggestions__footer'),
+      }), footerText && !isOpen && (0,preact_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__.jsx)("p", {
+        className: (0,lib_css__WEBPACK_IMPORTED_MODULE_8__.className)('suggestions__footer'),
         children: footerText
       })]
     })
@@ -22028,7 +22145,9 @@ const Faq = () => {
     continueChat
   } = (0,use_seamly_resume_conversation_prompt/* default */.Z)();
   const lastFaqEventPayload = (0,seamly_state_hooks.useSeamlyServiceData)('suggestion');
-  const [eventBody] = (0,translations_hooks.useTranslatedEventData)({
+  const {
+    body: eventBody
+  } = (0,translations_hooks.useTranslatedEventData)({
     payload: lastFaqEventPayload
   });
   const faqs = (0,hooks_module.useMemo)(() => {
@@ -23475,11 +23594,13 @@ const useSeamlyEventStream = (nextFn, filterFn) => {
 "use strict";
 __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "selectEventIds": function() { return /* binding */ selectEventIds; },
 /* harmony export */   "selectEvents": function() { return /* binding */ selectEvents; },
 /* harmony export */   "selectEventsWithSuggestion": function() { return /* binding */ selectEventsWithSuggestion; },
 /* harmony export */   "selectState": function() { return /* binding */ selectState; },
 /* harmony export */   "useEntryTextLimit": function() { return /* binding */ useEntryTextLimit; },
 /* harmony export */   "useEvents": function() { return /* binding */ useEvents; },
+/* harmony export */   "useEventsIds": function() { return /* binding */ useEventsIds; },
 /* harmony export */   "useLastMessageEventId": function() { return /* binding */ useLastMessageEventId; },
 /* harmony export */   "useLoadedImageEventIds": function() { return /* binding */ useLoadedImageEventIds; },
 /* harmony export */   "useSeamlyCurrentAgent": function() { return /* binding */ useSeamlyCurrentAgent; },
@@ -23509,17 +23630,19 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _babel_runtime_corejs3_helpers_esm_defineProperty__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(44845);
 /* harmony import */ var _babel_runtime_corejs3_core_js_stable_instance_for_each__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(86);
 /* harmony import */ var _babel_runtime_corejs3_core_js_stable_instance_for_each__WEBPACK_IMPORTED_MODULE_8___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_corejs3_core_js_stable_instance_for_each__WEBPACK_IMPORTED_MODULE_8__);
+/* harmony import */ var _babel_runtime_corejs3_core_js_stable_instance_map__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(97606);
+/* harmony import */ var _babel_runtime_corejs3_core_js_stable_instance_map__WEBPACK_IMPORTED_MODULE_9___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_corejs3_core_js_stable_instance_map__WEBPACK_IMPORTED_MODULE_9__);
 /* harmony import */ var _babel_runtime_corejs3_core_js_stable_instance_filter__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(14418);
 /* harmony import */ var _babel_runtime_corejs3_core_js_stable_instance_filter__WEBPACK_IMPORTED_MODULE_7___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_corejs3_core_js_stable_instance_filter__WEBPACK_IMPORTED_MODULE_7__);
-/* harmony import */ var domains_config_selectors__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(84788);
-/* harmony import */ var domains_config_selectors__WEBPACK_IMPORTED_MODULE_9___default = /*#__PURE__*/__webpack_require__.n(domains_config_selectors__WEBPACK_IMPORTED_MODULE_9__);
-/* harmony import */ var ui_utils_general_utils__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(64959);
-/* harmony import */ var _reduxjs_toolkit__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(20573);
-/* harmony import */ var domains_app_selectors__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(25865);
-/* harmony import */ var domains_app_selectors__WEBPACK_IMPORTED_MODULE_11___default = /*#__PURE__*/__webpack_require__.n(domains_app_selectors__WEBPACK_IMPORTED_MODULE_11__);
-/* harmony import */ var domains_config_hooks__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(26065);
-/* harmony import */ var domains_config_hooks__WEBPACK_IMPORTED_MODULE_12___default = /*#__PURE__*/__webpack_require__.n(domains_config_hooks__WEBPACK_IMPORTED_MODULE_12__);
-/* harmony import */ var react_redux__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(36113);
+/* harmony import */ var domains_config_selectors__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(84788);
+/* harmony import */ var domains_config_selectors__WEBPACK_IMPORTED_MODULE_10___default = /*#__PURE__*/__webpack_require__.n(domains_config_selectors__WEBPACK_IMPORTED_MODULE_10__);
+/* harmony import */ var ui_utils_general_utils__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(64959);
+/* harmony import */ var _reduxjs_toolkit__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(20573);
+/* harmony import */ var domains_app_selectors__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(25865);
+/* harmony import */ var domains_app_selectors__WEBPACK_IMPORTED_MODULE_12___default = /*#__PURE__*/__webpack_require__.n(domains_app_selectors__WEBPACK_IMPORTED_MODULE_12__);
+/* harmony import */ var domains_config_hooks__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(26065);
+/* harmony import */ var domains_config_hooks__WEBPACK_IMPORTED_MODULE_13___default = /*#__PURE__*/__webpack_require__.n(domains_config_hooks__WEBPACK_IMPORTED_MODULE_13__);
+/* harmony import */ var react_redux__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(36113);
 
 
 
@@ -23540,14 +23663,15 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 
 
 
+
 const selectState = _ref => {
   let {
     state
   } = _ref;
   return state;
 };
-const useSeamlyStateContext = () => (0,react_redux__WEBPACK_IMPORTED_MODULE_13__.useSelector)(selectState);
-const selectEventsWithSuggestion = (0,_reduxjs_toolkit__WEBPACK_IMPORTED_MODULE_14__.createSelector)(selectState, domains_config_selectors__WEBPACK_IMPORTED_MODULE_9__.selectConfig, domains_app_selectors__WEBPACK_IMPORTED_MODULE_11__.selectUserHasResponded, (_ref2, config, hasUserResponded) => {
+const useSeamlyStateContext = () => (0,react_redux__WEBPACK_IMPORTED_MODULE_14__.useSelector)(selectState);
+const selectEventsWithSuggestion = (0,_reduxjs_toolkit__WEBPACK_IMPORTED_MODULE_15__.createSelector)(selectState, domains_config_selectors__WEBPACK_IMPORTED_MODULE_10__.selectConfig, domains_app_selectors__WEBPACK_IMPORTED_MODULE_12__.selectUserHasResponded, (_ref2, config, hasUserResponded) => {
   var _serviceData$suggesti;
 
   let {
@@ -23565,7 +23689,7 @@ const selectEventsWithSuggestion = (0,_reduxjs_toolkit__WEBPACK_IMPORTED_MODULE_
   };
   return [...events, suggestionsEvent];
 });
-const selectEvents = (0,_reduxjs_toolkit__WEBPACK_IMPORTED_MODULE_14__.createSelector)(selectEventsWithSuggestion, domains_config_selectors__WEBPACK_IMPORTED_MODULE_9__.selectConfig, (events, config) => {
+const selectEvents = (0,_reduxjs_toolkit__WEBPACK_IMPORTED_MODULE_15__.createSelector)(selectEventsWithSuggestion, domains_config_selectors__WEBPACK_IMPORTED_MODULE_10__.selectConfig, (events, config) => {
   var _config$messages;
 
   const {
@@ -23587,7 +23711,7 @@ const selectEvents = (0,_reduxjs_toolkit__WEBPACK_IMPORTED_MODULE_14__.createSel
         timeIndicator: event.payload.occurredAt
       })); // else check if diff is greater than threshold
     } else {
-      const timeIndicator = previousEvent && (0,ui_utils_general_utils__WEBPACK_IMPORTED_MODULE_10__.microsecondsToMilliseconds)(event.payload.occurredAt - previousEvent.payload.occurredAt) >= threshold ? event.payload.occurredAt : undefined;
+      const timeIndicator = previousEvent && (0,ui_utils_general_utils__WEBPACK_IMPORTED_MODULE_11__.microsecondsToMilliseconds)(event.payload.occurredAt - previousEvent.payload.occurredAt) >= threshold ? event.payload.occurredAt : undefined;
       mappedEvents.push(_objectSpread(_objectSpread({}, event), {}, {
         timeIndicator
       }));
@@ -23598,7 +23722,11 @@ const selectEvents = (0,_reduxjs_toolkit__WEBPACK_IMPORTED_MODULE_14__.createSel
 
   return mappedEvents;
 });
-const useEvents = () => (0,react_redux__WEBPACK_IMPORTED_MODULE_13__.useSelector)(selectEvents);
+const useEvents = () => (0,react_redux__WEBPACK_IMPORTED_MODULE_14__.useSelector)(selectEvents);
+const selectEventIds = (0,_reduxjs_toolkit__WEBPACK_IMPORTED_MODULE_15__.createSelector)(selectEvents, events => {
+  return _babel_runtime_corejs3_core_js_stable_instance_map__WEBPACK_IMPORTED_MODULE_9___default()(events).call(events, event => event.payload.id);
+});
+const useEventsIds = () => (0,react_redux__WEBPACK_IMPORTED_MODULE_14__.useSelector)(selectEventIds);
 const useSeamlyIsLoading = () => useSeamlyStateContext().isLoading;
 const useSeamlyHeaderData = () => useSeamlyStateContext().headerTitles;
 const useSeamlyUnreadCount = () => useSeamlyStateContext().unreadEvents;
@@ -23606,14 +23734,14 @@ const useLoadedImageEventIds = () => useSeamlyStateContext().loadedImageEventIds
 const useSkiplink = () => useSeamlyStateContext().skiplinkTargetId;
 const useSeamlyParticipant = participantId => useSeamlyStateContext().participantInfo.participants[participantId];
 const useSeamlyServiceInfo = () => useSeamlyStateContext().serviceInfo;
-const selectLastMessageEventId = (0,_reduxjs_toolkit__WEBPACK_IMPORTED_MODULE_14__.createSelector)(selectEvents, events => {
+const selectLastMessageEventId = (0,_reduxjs_toolkit__WEBPACK_IMPORTED_MODULE_15__.createSelector)(selectEvents, events => {
   var _filteredEvents;
 
   const filteredEvents = _babel_runtime_corejs3_core_js_stable_instance_filter__WEBPACK_IMPORTED_MODULE_7___default()(events).call(events, event => event.type === 'message');
 
   return (_filteredEvents = filteredEvents[filteredEvents.length - 1]) === null || _filteredEvents === void 0 ? void 0 : _filteredEvents.payload.id;
 });
-const useLastMessageEventId = () => (0,react_redux__WEBPACK_IMPORTED_MODULE_13__.useSelector)(selectLastMessageEventId);
+const useLastMessageEventId = () => (0,react_redux__WEBPACK_IMPORTED_MODULE_14__.useSelector)(selectLastMessageEventId);
 const useSeamlyIsHistoryLoaded = () => useSeamlyStateContext().historyLoaded;
 const useSeamlyCurrentAgent = () => {
   const {
@@ -23649,7 +23777,7 @@ const useEntryTextLimit = () => {
 const useSeamlyLayoutMode = () => {
   const {
     layoutMode
-  } = (0,domains_config_hooks__WEBPACK_IMPORTED_MODULE_12__.useConfig)();
+  } = (0,domains_config_hooks__WEBPACK_IMPORTED_MODULE_13__.useConfig)();
   return {
     isInline: layoutMode === 'inline',
     isWindow: layoutMode === 'window',
@@ -23751,7 +23879,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,
@@ -23766,7 +23893,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
@@ -23800,13 +23926,10 @@ 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);
-  }, [dispatch]);
-  (0,preact_hooks__WEBPACK_IMPORTED_MODULE_5__.useEffect)(() => {
-    if (hasEvents) {
+    return () => {
       clearTimeout(spinnerTimeout.current);
-      dispatch((0,domains_store_slice__WEBPACK_IMPORTED_MODULE_2__.setIsLoading)(false));
-    }
-  }, [hasEvents, dispatch]);
+    };
+  }, [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.
@@ -25281,6 +25404,17 @@ var entryVirtual = __webpack_require__(35703);
 module.exports = entryVirtual('Array').sort;
 
 
+/***/ }),
+
+/***/ 78209:
+/***/ (function(module, __unused_webpack_exports, __webpack_require__) {
+
+__webpack_require__(98611);
+var entryVirtual = __webpack_require__(35703);
+
+module.exports = entryVirtual('Array').splice;
+
+
 /***/ }),
 
 /***/ 81103:
@@ -25576,6 +25710,22 @@ module.exports = function (it) {
 };
 
 
+/***/ }),
+
+/***/ 18339:
+/***/ (function(module, __unused_webpack_exports, __webpack_require__) {
+
+var isPrototypeOf = __webpack_require__(7046);
+var method = __webpack_require__(78209);
+
+var ArrayPrototype = Array.prototype;
+
+module.exports = function (it) {
+  var own = it.splice;
+  return it === ArrayPrototype || (isPrototypeOf(ArrayPrototype, it) && own === ArrayPrototype.splice) ? method : own;
+};
+
+
 /***/ }),
 
 /***/ 62774:
@@ -26429,6 +26579,41 @@ module.exports = {
 };
 
 
+/***/ }),
+
+/***/ 89779:
+/***/ (function(module, __unused_webpack_exports, __webpack_require__) {
+
+"use strict";
+
+var DESCRIPTORS = __webpack_require__(55746);
+var isArray = __webpack_require__(1052);
+
+var $TypeError = TypeError;
+// eslint-disable-next-line es-x/no-object-getownpropertydescriptor -- safe
+var getOwnPropertyDescriptor = Object.getOwnPropertyDescriptor;
+
+// Safari < 13 does not throw an error in this case
+var SILENT_ON_NON_WRITABLE_LENGTH_SET = DESCRIPTORS && !function () {
+  // makes no sense without proper strict mode support
+  if (this !== undefined) return true;
+  try {
+    // eslint-disable-next-line es-x/no-object-defineproperty -- safe
+    Object.defineProperty([], 'length', { writable: false }).length = 1;
+  } catch (error) {
+    return error instanceof TypeError;
+  }
+}();
+
+module.exports = SILENT_ON_NON_WRITABLE_LENGTH_SET ? function (O, length) {
+  if (isArray(O) && !getOwnPropertyDescriptor(O, 'length').writable) {
+    throw $TypeError('Cannot set read only .length');
+  } return O.length = length;
+} : function (O, length) {
+  return O.length = length;
+};
+
+
 /***/ }),
 
 /***/ 15790:
@@ -31180,6 +31365,81 @@ $({ target: 'Array', proto: true, forced: FORCED }, {
 });
 
 
+/***/ }),
+
+/***/ 98611:
+/***/ (function(__unused_webpack_module, __unused_webpack_exports, __webpack_require__) {
+
+"use strict";
+
+var $ = __webpack_require__(76887);
+var toObject = __webpack_require__(89678);
+var toAbsoluteIndex = __webpack_require__(59413);
+var toIntegerOrInfinity = __webpack_require__(62435);
+var lengthOfArrayLike = __webpack_require__(10623);
+var setArrayLength = __webpack_require__(89779);
+var doesNotExceedSafeInteger = __webpack_require__(66796);
+var arraySpeciesCreate = __webpack_require__(64692);
+var createProperty = __webpack_require__(55449);
+var deletePropertyOrThrow = __webpack_require__(15863);
+var arrayMethodHasSpeciesSupport = __webpack_require__(50568);
+
+var HAS_SPECIES_SUPPORT = arrayMethodHasSpeciesSupport('splice');
+
+var max = Math.max;
+var min = Math.min;
+
+// `Array.prototype.splice` method
+// https://tc39.es/ecma262/#sec-array.prototype.splice
+// with adding support of @@species
+$({ target: 'Array', proto: true, forced: !HAS_SPECIES_SUPPORT }, {
+  splice: function splice(start, deleteCount /* , ...items */) {
+    var O = toObject(this);
+    var len = lengthOfArrayLike(O);
+    var actualStart = toAbsoluteIndex(start, len);
+    var argumentsLength = arguments.length;
+    var insertCount, actualDeleteCount, A, k, from, to;
+    if (argumentsLength === 0) {
+      insertCount = actualDeleteCount = 0;
+    } else if (argumentsLength === 1) {
+      insertCount = 0;
+      actualDeleteCount = len - actualStart;
+    } else {
+      insertCount = argumentsLength - 2;
+      actualDeleteCount = min(max(toIntegerOrInfinity(deleteCount), 0), len - actualStart);
+    }
+    doesNotExceedSafeInteger(len + insertCount - actualDeleteCount);
+    A = arraySpeciesCreate(O, actualDeleteCount);
+    for (k = 0; k < actualDeleteCount; k++) {
+      from = actualStart + k;
+      if (from in O) createProperty(A, k, O[from]);
+    }
+    A.length = actualDeleteCount;
+    if (insertCount < actualDeleteCount) {
+      for (k = actualStart; k < len - actualDeleteCount; k++) {
+        from = k + actualDeleteCount;
+        to = k + insertCount;
+        if (from in O) O[to] = O[from];
+        else deletePropertyOrThrow(O, to);
+      }
+      for (k = len; k > len - actualDeleteCount + insertCount; k--) deletePropertyOrThrow(O, k - 1);
+    } else if (insertCount > actualDeleteCount) {
+      for (k = len - actualDeleteCount; k > actualStart; k--) {
+        from = k + actualDeleteCount - 1;
+        to = k + insertCount - 1;
+        if (from in O) O[to] = O[from];
+        else deletePropertyOrThrow(O, to);
+      }
+    }
+    for (k = 0; k < insertCount; k++) {
+      O[k + actualStart] = arguments[k + 2];
+    }
+    setArrayLength(O, len - actualDeleteCount + insertCount);
+    return A;
+  }
+});
+
+
 /***/ }),
 
 /***/ 1107:
@@ -33164,6 +33424,16 @@ var parent = __webpack_require__(69355);
 module.exports = parent;
 
 
+/***/ }),
+
+/***/ 2348:
+/***/ (function(module, __unused_webpack_exports, __webpack_require__) {
+
+var parent = __webpack_require__(18339);
+
+module.exports = parent;
+
+
 /***/ }),
 
 /***/ 76361:
@@ -39042,6 +39312,13 @@ module.exports = __webpack_require__(62856);
 
 /***/ }),
 
+/***/ 39940:
+/***/ (function(module, __unused_webpack_exports, __webpack_require__) {
+
+module.exports = __webpack_require__(2348);
+
+/***/ }),
+
 /***/ 81607:
 /***/ (function(module, __unused_webpack_exports, __webpack_require__) {