@seamly/web-ui 19.0.0-beta.2 → 19.1.1

package/build/dist/lib/standalone.js

@@ -193,6 +193,13 @@ module.exports = __webpack_require__(8933);
 
 /***/ }),
 
+/***/ 1864:
+/***/ (function(module, __unused_webpack_exports, __webpack_require__) {
+
+module.exports = __webpack_require__(3383);
+
+/***/ }),
+
 /***/ 4943:
 /***/ (function(module, __unused_webpack_exports, __webpack_require__) {
 
@@ -249,6 +256,13 @@ module.exports = __webpack_require__(9534);
 
 /***/ }),
 
+/***/ 1611:
+/***/ (function(module, __unused_webpack_exports, __webpack_require__) {
+
+module.exports = __webpack_require__(6507);
+
+/***/ }),
+
 /***/ 6902:
 /***/ (function(module, __unused_webpack_exports, __webpack_require__) {
 
@@ -6853,6 +6867,17 @@ var path = __webpack_require__(4058);
 module.exports = path.Object.getOwnPropertySymbols;
 
 
+/***/ }),
+
+/***/ 3966:
+/***/ (function(module, __unused_webpack_exports, __webpack_require__) {
+
+__webpack_require__(7405);
+var path = __webpack_require__(4058);
+
+module.exports = path.Object.getPrototypeOf;
+
+
 /***/ }),
 
 /***/ 8494:
@@ -11742,6 +11767,29 @@ $({ target: 'Object', stat: true, forced: FAILS_ON_PRIMITIVES }, {
 });
 
 
+/***/ }),
+
+/***/ 7405:
+/***/ (function(__unused_webpack_module, __unused_webpack_exports, __webpack_require__) {
+
+var $ = __webpack_require__(6887);
+var fails = __webpack_require__(5981);
+var toObject = __webpack_require__(9678);
+var nativeGetPrototypeOf = __webpack_require__(249);
+var CORRECT_PROTOTYPE_GETTER = __webpack_require__(4160);
+
+var FAILS_ON_PRIMITIVES = fails(function () { nativeGetPrototypeOf(1); });
+
+// `Object.getPrototypeOf` method
+// https://tc39.es/ecma262/#sec-object.getprototypeof
+$({ target: 'Object', stat: true, forced: FAILS_ON_PRIMITIVES, sham: !CORRECT_PROTOTYPE_GETTER }, {
+  getPrototypeOf: function getPrototypeOf(it) {
+    return nativeGetPrototypeOf(toObject(it));
+  }
+});
+
+
+
 /***/ }),
 
 /***/ 1724:
@@ -13361,6 +13409,16 @@ var parent = __webpack_require__(4426);
 module.exports = parent;
 
 
+/***/ }),
+
+/***/ 3383:
+/***/ (function(module, __unused_webpack_exports, __webpack_require__) {
+
+var parent = __webpack_require__(5999);
+
+module.exports = parent;
+
+
 /***/ }),
 
 /***/ 4471:
@@ -13441,6 +13499,16 @@ var parent = __webpack_require__(498);
 module.exports = parent;
 
 
+/***/ }),
+
+/***/ 6507:
+/***/ (function(module, __unused_webpack_exports, __webpack_require__) {
+
+var parent = __webpack_require__(3966);
+
+module.exports = parent;
+
+
 /***/ }),
 
 /***/ 3059:
@@ -17971,13 +18039,10 @@ __webpack_require__.d(__webpack_exports__, {
   "Interrupt": function() { return /* reexport */ interrupt; },
   "MessageContainer": function() { return /* reexport */ message_container; },
   "SeamlyApiContext": function() { return /* reexport */ SeamlyApiContext; },
-  "SeamlyConfigurationError": function() { return /* reexport */ SeamlyConfigurationError; },
   "SeamlyEventBusContext": function() { return /* reexport */ SeamlyEventBusContext; },
   "SeamlyGeneralError": function() { return /* reexport */ SeamlyGeneralError; },
   "SeamlyLiveRegionContext": function() { return /* reexport */ SeamlyLiveRegionContext; },
   "SeamlyOfflineError": function() { return /* reexport */ SeamlyOfflineError; },
-  "SeamlySessionExpiredError": function() { return /* reexport */ SeamlySessionExpiredError; },
-  "SeamlyUnauthorizedError": function() { return /* reexport */ SeamlyUnauthorizedError; },
   "StoreProvider": function() { return /* reexport */ StoreProvider; },
   "Text": function() { return /* reexport */ event_text; },
   "ToggleButton": function() { return /* reexport */ toggle_button; },
@@ -18003,7 +18068,7 @@ __webpack_require__.d(__webpack_exports__, {
   "useSeamlyIdleDetachCountdown": function() { return /* reexport */ use_seamly_idle_detach_countdown; },
   "useSeamlyMessageContainerClassNames": function() { return /* reexport */ useSeamlyMessageContainerClassNames; },
   "useSeamlyOptions": function() { return /* reexport */ useSeamlyOptions; },
-  "useSeamlyVisibility": function() { return /* reexport */ use_seamly_visibility; },
+  "useSeamlyVisibility": function() { return /* reexport */ useVisibility; },
   "useTranslatedEventData": function() { return /* reexport */ useTranslatedEventData; },
   "useTranslations": function() { return /* reexport */ useTranslations; },
   "useTranslationsContainer": function() { return /* reexport */ useTranslationsContainer; },
@@ -20185,7 +20250,6 @@ const millisecondsToSeconds = milliseconds => {
 const microsecondsToMilliseconds = microseconds => {
   return Math.ceil(microseconds / 1000);
 };
-const sanitizeText = text => text.replace(/&/g, '&amp;').replace(/</g, '&lt;').replace(/>/g, '&gt;').replace(/"/g, '&quot;').replace(/'/g, '&#39;').replace(/\//g, '&#x2F;');
 const getTimeFromSeconds = seconds => {
   const minutes = Math.floor(seconds / 60);
   const secondsPartial = seconds - minutes * 60;
@@ -20286,6 +20350,20 @@ const omit = (obj, keys) => {
     return accum;
   }, {});
 };
+// EXTERNAL MODULE: ./node_modules/@babel/runtime-corejs3/core-js-stable/object/assign.js
+var object_assign = __webpack_require__(1864);
+var assign_default = /*#__PURE__*/__webpack_require__.n(object_assign);
+// EXTERNAL MODULE: ./node_modules/@babel/runtime-corejs3/core-js-stable/date/now.js
+var now = __webpack_require__(1128);
+var now_default = /*#__PURE__*/__webpack_require__.n(now);
+;// CONCATENATED MODULE: ./src/javascripts/lib/id.js
+
+
+function randomId() {
+  var _context;
+
+  return '_' + (Number(slice_default()(_context = String(Math.random())).call(_context, 2)) + now_default()() + Math.round(performance.now())).toString(36);
+}
 ;// CONCATENATED MODULE: ./src/javascripts/lib/redux-helpers/index.js
 
 
@@ -20298,10 +20376,12 @@ const omit = (obj, keys) => {
 
 
 
+
 function redux_helpers_ownKeys(object, enumerableOnly) { var keys = keys_default()(object); if ((get_own_property_symbols_default())) { var symbols = get_own_property_symbols_default()(object); if (enumerableOnly) { symbols = filter_default()(symbols).call(symbols, function (sym) { return get_own_property_descriptor_default()(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
 
 function redux_helpers_objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { var _context2; for_each_default()(_context2 = redux_helpers_ownKeys(Object(source), true)).call(_context2, function (key) { defineProperty_defineProperty(target, key, source[key]); }); } else if ((get_own_property_descriptors_default())) { define_properties_default()(target, get_own_property_descriptors_default()(source)); } else { var _context3; for_each_default()(_context3 = redux_helpers_ownKeys(Object(source))).call(_context3, function (key) { define_property_default()(target, key, get_own_property_descriptor_default()(source, key)); }); } } return target; }
 
+
 const SLICE_DELIMITER = '/';
 const DOMAIN_DELIMITER = '//';
 function prefixType(prefix, fn, delimiter = '/') {
@@ -20314,7 +20394,9 @@ function createAction(type, identityReducer = payload => ({
     type
   }, identityReducer(...params));
 
-  action.toString = () => type.toString();
+  action.toString = () => String(type);
+
+  action.match = obj => (obj === null || obj === void 0 ? void 0 : obj.type) === String(type);
 
   return action;
 }
@@ -20340,24 +20422,73 @@ function createActions(baseType, ...args) {
   const create = prefixType(baseType, createAction, SLICE_DELIMITER);
   return map_default()(handlers).call(handlers, handler => create(...handler));
 }
-function createThunk(type, thunkCreator) {
-  const fn = (...args) => {
-    const thunk = thunkCreator(...args);
-    thunk.type = type;
-    return thunk;
-  };
+function createThunk(type, payloadCreator) {
+  const [pending, fulfilled, rejected] = createActions(type, {
+    pending: (arg, requestId) => ({
+      meta: {
+        arg,
+        requestId,
+        status: 'pending'
+      }
+    }),
+    fulfilled: (arg, payload, requestId) => ({
+      payload,
+      meta: {
+        arg,
+        requestId,
+        status: 'fulfilled'
+      }
+    }),
+    rejected: (arg, error, requestId) => ({
+      error,
+      meta: {
+        arg,
+        requestId,
+        status: 'rejected',
+        error: String(error)
+      }
+    })
+  });
+
+  const thunkCreator = arg => (dispatch, getState, extra) => {
+    const requestId = randomId();
+
+    const promise = (async () => {
+      let finalAction;
+
+      try {
+        dispatch(pending(arg, requestId));
+        const prms = payloadCreator(arg, {
+          dispatch,
+          getState,
+          extra
+        });
+        const result = await prms;
+        finalAction = fulfilled(arg, result, requestId);
+      } catch (error) {
+        finalAction = rejected(arg, error, requestId);
+      }
 
-  fn.toString = () => type;
+      dispatch(finalAction);
+      return finalAction;
+    })();
 
-  return fn;
+    return assign_default()(promise, {
+      type,
+      arg,
+      requestId
+    });
+  };
+
+  return assign_default()(thunkCreator, {
+    type,
+    pending,
+    fulfilled,
+    rejected
+  });
 }
 function createReducer(domain, handlers = {}, defaultState) {
-  const reducer = (state, action) => {
-    if (state === undefined) {
-      // eslint-disable-next-line no-param-reassign
-      state = defaultState;
-    }
-
+  const reducer = (state = defaultState, action) => {
     const typeReducer = handlers === null || handlers === void 0 ? void 0 : handlers[action === null || action === void 0 ? void 0 : action.type];
     return typeReducer ? typeReducer(state, action) : state;
   };
@@ -20391,6 +20522,53 @@ const initialize = utils_createAction('initialize', config => ({
 const update = utils_createAction('update', config => ({
   config
 }));
+;// CONCATENATED MODULE: ./src/javascripts/domains/visibility/constants.js
+const StoreKey = 'visibility';
+const visibilityStates = {
+  hidden: 'hidden',
+  minimized: 'minimized',
+  open: 'open',
+  initialize: null
+};
+;// CONCATENATED MODULE: ./src/javascripts/domains/config/selectors.js
+
+
+
+
+
+
+
+
+
+
+function selectors_ownKeys(object, enumerableOnly) { var keys = keys_default()(object); if ((get_own_property_symbols_default())) { var symbols = get_own_property_symbols_default()(object); if (enumerableOnly) { symbols = filter_default()(symbols).call(symbols, function (sym) { return get_own_property_descriptor_default()(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+
+function selectors_objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { var _context; for_each_default()(_context = selectors_ownKeys(Object(source), true)).call(_context, function (key) { defineProperty_defineProperty(target, key, source[key]); }); } else if ((get_own_property_descriptors_default())) { define_properties_default()(target, get_own_property_descriptors_default()(source)); } else { var _context2; for_each_default()(_context2 = selectors_ownKeys(Object(source))).call(_context2, function (key) { define_property_default()(target, key, get_own_property_descriptor_default()(source, key)); }); } } return target; }
+
+
+
+
+const selectConfig = createSelector(selectState, config => {
+  let newConfig = selectors_objectSpread({
+    visible: (config === null || config === void 0 ? void 0 : config.layoutMode) === 'inline' ? visibilityStates.open : visibilityStates.minimized,
+    appContainerClassNames: config.appContainerClassNames || []
+  }, config);
+
+  if (typeof newConfig.appContainerClassNames === 'function') {
+    newConfig = selectors_objectSpread(selectors_objectSpread({}, newConfig), {}, {
+      appContainerClassNames: newConfig.appContainerClassNames(newConfig)
+    });
+  }
+
+  return newConfig;
+});
+
+;// CONCATENATED MODULE: ./src/javascripts/domains/config/hooks.js
+
+
+function useConfig() {
+  return useSelector(selectConfig);
+}
 // EXTERNAL MODULE: ./node_modules/@babel/runtime-corejs3/core-js-stable/instance/sort.js
 var sort = __webpack_require__(7302);
 var sort_default = /*#__PURE__*/__webpack_require__.n(sort);
@@ -20445,12 +20623,6 @@ const entryTypes = {
   text: 'text',
   upload: 'upload'
 };
-const visibilityStates = {
-  hidden: 'hidden',
-  minimized: 'minimized',
-  open: 'open',
-  initialize: null
-};
 const readStates = {
   received: 'received',
   read: 'read'
@@ -20497,7 +20669,6 @@ const seamlyActions = {
   SET_PARTICIPANT: 'SET_PARTICIPANT',
   SET_HEADER_TITLE: 'SET_HEADER_TITLE',
   SET_HEADER_SUB_TITLE: 'SET_HEADER_SUB_TITLE',
-  SET_VISIBILITY: 'SET_VISIBILITY',
   RESET_HISTORY_LOADED_FLAG: 'RESET_HISTORY_LOADED_FLAG',
   SET_ACTIVE_SERVICE: 'SET_ACTIVE_SERVICE',
   INIT_IDLE_DETACH_COUNTDOWN: 'INIT_IDLE_DETACH_COUNTDOWN',
@@ -20525,8 +20696,6 @@ const seamlyActions = {
   SET_UPLOAD_ERROR: 'SET_UPLOAD_ERROR',
   CLEAR_UPLOAD: 'CLEAR_UPLOAD',
   CLEAR_ALL_UPLOADS: 'CLEAR_ALL_UPLOADS',
-  RESET_UPLOAD_STATE: 'RESET_UPLOAD_STATE',
-  RESET_ENTRY_STATE: 'RESET_ENTRY_STATE',
   SET_SEAMLY_CONTAINER_ELEMENT: 'SET_SEAMLY_CONTAINER_ELEMENT'
 };
 const cardTypes = {
@@ -20545,7 +20714,6 @@ const {
   SET_PARTICIPANT,
   SET_HEADER_TITLE,
   SET_HEADER_SUB_TITLE,
-  SET_VISIBILITY,
   RESET_HISTORY_LOADED_FLAG,
   SET_ACTIVE_SERVICE,
   INIT_IDLE_DETACH_COUNTDOWN,
@@ -20573,8 +20741,6 @@ const {
   SET_UPLOAD_ERROR,
   CLEAR_UPLOAD,
   CLEAR_ALL_UPLOADS,
-  RESET_UPLOAD_STATE,
-  RESET_ENTRY_STATE,
   SET_SEAMLY_CONTAINER_ELEMENT
 } = seamlyActions;
 const isUnreadMessage = ({
@@ -20962,11 +21128,6 @@ const seamlyStateReducer = (state, action) => {
         resumeConversationPrompt: false
       });
 
-    case SET_VISIBILITY:
-      return seamly_utils_objectSpread(seamly_utils_objectSpread({}, state), {}, {
-        visible: action.visible
-      });
-
     case SET_PARTICIPANT:
     case CLEAR_PARTICIPANTS:
       return seamly_utils_objectSpread(seamly_utils_objectSpread({}, state), {}, {
@@ -21174,26 +21335,6 @@ const seamlyStateReducer = (state, action) => {
         currentUploads: []
       });
 
-    case RESET_UPLOAD_STATE:
-      return seamly_utils_objectSpread(seamly_utils_objectSpread({}, state), {}, {
-        showFileUpload: false,
-        currentUploads: []
-      });
-
-    case RESET_ENTRY_STATE:
-      {
-        return seamly_utils_objectSpread(seamly_utils_objectSpread({}, state), {}, {
-          entryMeta: {
-            default: payloadTypes.text,
-            active: payloadTypes.text,
-            userSelected: null,
-            blockAutoEntrySwitch: false,
-            options: {},
-            optionsOverride: {}
-          }
-        });
-      }
-
     case SET_SEAMLY_CONTAINER_ELEMENT:
       {
         return seamly_utils_objectSpread(seamly_utils_objectSpread({}, state), {}, {
@@ -21205,67 +21346,6 @@ const seamlyStateReducer = (state, action) => {
       return state;
   }
 };
-const calculateVisibility = ({
-  hasResponded,
-  previousVisibility,
-  requestedVisibility,
-  config
-}) => {
-  const {
-    defaults,
-    layoutMode,
-    hideOnNoUserResponse
-  } = config;
-  const {
-    visible: defaultVisibility
-  } = defaults || {}; // Requesting open should override the responded check.
-
-  if (layoutMode === 'window' && hideOnNoUserResponse && requestedVisibility !== visibilityStates.open) {
-    return hasResponded ? requestedVisibility || previousVisibility || visibilityStates.open : visibilityStates.hidden;
-  }
-
-  const baseVisibility = layoutMode === 'inline' ? visibilityStates.open : visibilityStates.minimized;
-  return requestedVisibility || previousVisibility || defaultVisibility || baseVisibility;
-};
-;// CONCATENATED MODULE: ./src/javascripts/domains/config/selectors.js
-
-
-
-
-
-
-
-
-
-
-function selectors_ownKeys(object, enumerableOnly) { var keys = keys_default()(object); if ((get_own_property_symbols_default())) { var symbols = get_own_property_symbols_default()(object); if (enumerableOnly) { symbols = filter_default()(symbols).call(symbols, function (sym) { return get_own_property_descriptor_default()(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
-
-function selectors_objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { var _context; for_each_default()(_context = selectors_ownKeys(Object(source), true)).call(_context, function (key) { defineProperty_defineProperty(target, key, source[key]); }); } else if ((get_own_property_descriptors_default())) { define_properties_default()(target, get_own_property_descriptors_default()(source)); } else { var _context2; for_each_default()(_context2 = selectors_ownKeys(Object(source))).call(_context2, function (key) { define_property_default()(target, key, get_own_property_descriptor_default()(source, key)); }); } } return target; }
-
-
-
-
-const selectConfig = createSelector(selectState, config => {
-  let newConfig = selectors_objectSpread({
-    visible: (config === null || config === void 0 ? void 0 : config.layoutMode) === 'inline' ? visibilityStates.open : visibilityStates.minimized,
-    appContainerClassNames: config.appContainerClassNames || []
-  }, config);
-
-  if (typeof newConfig.appContainerClassNames === 'function') {
-    newConfig = selectors_objectSpread(selectors_objectSpread({}, newConfig), {}, {
-      appContainerClassNames: newConfig.appContainerClassNames(newConfig)
-    });
-  }
-
-  return newConfig;
-});
-
-;// CONCATENATED MODULE: ./src/javascripts/domains/config/hooks.js
-
-
-function useConfig() {
-  return useSelector(selectConfig);
-}
 ;// CONCATENATED MODULE: ./src/javascripts/domains/config/middleware.js
 
 
@@ -21362,7 +21442,7 @@ const initialState = reducer_objectSpread(reducer_objectSpread({}, defaultConfig
   defaults: {}
 });
 
-const configKeys = ['hideOnNoUserResponse', 'showDisclaimer', 'showFaq', 'namespace', 'customComponents', 'defaults', 'layoutMode', 'api', 'zIndex', 'context', 'appContainerClassNames', 'messages', 'visible', 'visibilityCallback'];
+const configKeys = ['hideOnNoUserResponse', 'showDisclaimer', 'showFaq', 'namespace', 'customComponents', 'defaults', 'layoutMode', 'api', 'zIndex', 'context', 'appContainerClassNames', 'messages', 'visible', 'visibilityCallback', 'errorCallback'];
 
 const updateState = (state, {
   config
@@ -21641,7 +21721,6 @@ function createMutex() {
 
 const {
   createAction: i18n_utils_createAction,
-  createActions: utils_createActions,
   createThunk: i18n_utils_createThunk,
   createReducer: i18n_utils_createReducer,
   selectState: utils_selectState
@@ -21660,38 +21739,19 @@ const selectLocale = createSelector(utils_selectState, state => state.locale);
 const setInitialLocale = i18n_utils_createAction('setInitialLocale', locale => ({
   locale
 }));
-const [setLocaleStart, setLocaleResolve, setLocaleReject] = utils_createActions('setLocale', {
-  start: locale => ({
-    locale
-  }),
-  resolve: (locale, translations) => ({
-    locale,
-    translations
-  }),
-  reject: (locale, error) => ({
-    locale,
-    error
-  })
-});
 const mutex = createMutex();
-const setLocale = i18n_utils_createThunk('setLocale', locale => async (dispatch, getState, {
-  api
+const setLocale = i18n_utils_createThunk('setLocale', async (locale, {
+  getState,
+  extra: {
+    api
+  }
 }) => {
-  await mutex.runExclusively(async () => {
-    const currentLocale = selectLocale(getState());
-
-    if (currentLocale === locale) {
-      return;
+  return mutex.runExclusively(() => {
+    if (locale === selectLocale(getState())) {
+      return undefined;
     }
 
-    dispatch(setLocaleStart(locale));
-
-    try {
-      const translations = await api.getTranslations(locale);
-      dispatch(setLocaleResolve(locale, translations));
-    } catch (error) {
-      dispatch(setLocaleReject(locale, error));
-    }
+    return api.getTranslations(locale);
   });
 });
 ;// CONCATENATED MODULE: ./node_modules/@ultraq/icu-message-formatter/node_modules/@babel/runtime/helpers/esm/arrayWithHoles.js
@@ -22427,7 +22487,11 @@ const defaultState = {
     'errors.general.title': 'Something went wrong',
     'errors.seamlyOffline.message': 'There might be a problem with your or our network connection. The chat session should resume as soon the connection is available again.',
     'errors.seamlyOffline.srText': 'The chat has connection issues. There might be a problem with your or our network connection. The chat session should resume as soon as the connection is available again.',
-    'errors.seamlyOffline.title': 'Connection issues'
+    'errors.seamlyOffline.title': 'Connection issues',
+    'errors.seamlyUnavailable.buttonText': 'Try again',
+    'errors.seamlyUnavailable.message': 'The server could not be reached. Try again in a little while.',
+    'errors.seamlyUnavailable.srText': 'The chat server could not be reached. Try again in a little while.',
+    'errors.seamlyUnavailable.title': 'Server unavailable'
   },
   isLoading: false,
   initialLocale: undefined
@@ -22438,15 +22502,23 @@ const defaultState = {
   }) => i18n_reducer_objectSpread(i18n_reducer_objectSpread({}, state), {}, {
     initialLocale: locale
   }),
-  [setLocaleStart]: state => i18n_reducer_objectSpread(i18n_reducer_objectSpread({}, state), {}, {
+  [setLocale.pending]: state => i18n_reducer_objectSpread(i18n_reducer_objectSpread({}, state), {}, {
     isLoading: true
   }),
-  [setLocaleResolve]: (state, {
-    locale,
-    translations
+  [setLocale.fulfilled]: (state, {
+    payload: translations,
+    meta: {
+      arg: locale
+    }
   }) => {
     var _context, _context2;
 
+    if (!translations) {
+      return i18n_reducer_objectSpread(i18n_reducer_objectSpread({}, state), {}, {
+        isLoading: false
+      });
+    }
+
     return i18n_reducer_objectSpread(i18n_reducer_objectSpread({}, state), {}, {
       isLoading: false,
       locale,
@@ -22455,7 +22527,7 @@ const defaultState = {
       }), {})
     });
   },
-  [setLocaleReject]: state => i18n_reducer_objectSpread(i18n_reducer_objectSpread({}, state), {}, {
+  [setLocale.rejected]: state => i18n_reducer_objectSpread(i18n_reducer_objectSpread({}, state), {}, {
     isLoading: false
   })
 }, defaultState));
@@ -22694,20 +22766,9 @@ const useFileUploads = () => {
     isComplete: every_default()(currentUploads).call(currentUploads, file => file.complete)
   };
 };
-// EXTERNAL MODULE: ./node_modules/@babel/runtime-corejs3/core-js-stable/date/now.js
-var now = __webpack_require__(1128);
-var now_default = /*#__PURE__*/__webpack_require__.n(now);
 // EXTERNAL MODULE: ./node_modules/@babel/runtime-corejs3/core-js-stable/instance/trim.js
 var trim = __webpack_require__(5843);
 var trim_default = /*#__PURE__*/__webpack_require__.n(trim);
-;// CONCATENATED MODULE: ./src/javascripts/lib/id.js
-
-
-function randomId() {
-  var _context;
-
-  return '_' + (Number(slice_default()(_context = String(Math.random())).call(_context, 2)) + now_default()() + Math.round(performance.now())).toString(36);
-}
 ;// CONCATENATED MODULE: ./src/javascripts/ui/hooks/utility-hooks.js
 
 
@@ -22809,15 +22870,28 @@ function useInterrupt() {
     error
   };
 }
-;// CONCATENATED MODULE: ./src/javascripts/api/errors/seamly-general-error.js
-class SeamlyGeneralError extends Error {
-  constructor(params) {
-    super(params);
+// EXTERNAL MODULE: ./node_modules/@babel/runtime-corejs3/core-js-stable/object/get-prototype-of.js
+var get_prototype_of = __webpack_require__(1611);
+var get_prototype_of_default = /*#__PURE__*/__webpack_require__.n(get_prototype_of);
+;// CONCATENATED MODULE: ./src/javascripts/api/errors/seamly-base-error.js
+
+class SeamlyBaseError extends Error {
+  constructor(originalError, ...params) {
+    super(...params);
 
     if (Error.captureStackTrace) {
-      Error.captureStackTrace(this, SeamlyGeneralError);
+      Error.captureStackTrace(this, get_prototype_of_default()(this));
     }
 
+    this.originalError = originalError;
+  }
+
+}
+;// CONCATENATED MODULE: ./src/javascripts/api/errors/seamly-general-error.js
+
+class SeamlyGeneralError extends SeamlyBaseError {
+  constructor(originalError, ...params) {
+    super(originalError, ...params);
     this.name = 'SeamlyGeneralError';
     this.langKey = 'errors.general';
     this.action = 'reset';
@@ -22825,59 +22899,62 @@ class SeamlyGeneralError extends Error {
 
 }
 ;// CONCATENATED MODULE: ./src/javascripts/api/errors/seamly-configuration-error.js
-class SeamlyConfigurationError extends Error {
-  constructor(params) {
-    super(params);
-
-    if (Error.captureStackTrace) {
-      Error.captureStackTrace(this, SeamlyConfigurationError);
-    }
 
+class SeamlyConfigurationError extends SeamlyBaseError {
+  constructor(originalError, ...params) {
+    super(originalError, ...params);
     this.name = 'SeamlyConfigurationError';
     this.langKey = 'errors.configError';
   }
 
 }
 ;// CONCATENATED MODULE: ./src/javascripts/api/errors/seamly-session-expired-error.js
-class SeamlySessionExpiredError extends Error {
-  constructor(params) {
-    super(params);
-
-    if (Error.captureStackTrace) {
-      Error.captureStackTrace(this, SeamlySessionExpiredError);
-    }
 
+class SeamlySessionExpiredError extends SeamlyBaseError {
+  constructor(originalError, ...params) {
+    super(originalError, ...params);
     this.name = 'SeamlySessionExpiredError';
     this.action = 'reset';
   }
 
 }
 ;// CONCATENATED MODULE: ./src/javascripts/api/errors/seamly-offline-error.js
-class SeamlyOfflineError extends Error {
-  constructor(params) {
-    super(params);
-
-    if (Error.captureStackTrace) {
-      Error.captureStackTrace(this, SeamlyOfflineError);
-    }
 
+class SeamlyOfflineError extends SeamlyBaseError {
+  constructor(originalError, ...params) {
+    super(originalError, ...params);
     this.name = 'SeamlyOfflineError';
     this.langKey = 'errors.seamlyOffline';
   }
 
 }
 ;// CONCATENATED MODULE: ./src/javascripts/api/errors/seamly-unauthorized-error.js
-class SeamlyUnauthorizedError extends Error {
+
+class SeamlyUnauthorizedError extends SeamlyBaseError {
+  constructor(originalError, ...params) {
+    super(originalError, ...params);
+    this.name = 'SeamlyUnauthorizedError';
+    this.langKey = 'errors.general';
+    this.action = 'reset';
+  }
+
+}
+;// CONCATENATED MODULE: ./src/javascripts/api/errors/seamly-unavailable-error.js
+/**
+ * This error is used to alert the user that there's a problem with the connection
+ * when initialising the application because of a connection issue on either the server
+ * or the client side.
+ */
+class SeamlyUnavailableError extends Error {
   constructor(params) {
     super(params);
 
     if (Error.captureStackTrace) {
-      Error.captureStackTrace(this, SeamlyUnauthorizedError);
+      Error.captureStackTrace(this, SeamlyUnavailableError);
     }
 
-    this.name = 'SeamlyUnauthorizedError';
-    this.langKey = 'errors.general';
-    this.action = 'reset';
+    this.name = 'SeamlyUnavailableError';
+    this.langKey = 'errors.seamlyUnavailable';
   }
 
 }
@@ -22889,81 +22966,201 @@ class SeamlyUnauthorizedError extends Error {
 
 
 
-const handledErrorTypes = [SeamlyGeneralError, SeamlyConfigurationError, SeamlySessionExpiredError, SeamlyOfflineError, SeamlyUnauthorizedError];
-function middleware_createMiddleware() {
+const handledErrorTypes = [SeamlyGeneralError, SeamlyConfigurationError, SeamlySessionExpiredError, SeamlyOfflineError, SeamlyUnauthorizedError, SeamlyUnavailableError];
+function middleware_createMiddleware({
+  api
+}) {
   return () => next => action => {
-    if (action.type === String(set)) {
-      if (!some_default()(handledErrorTypes).call(handledErrorTypes, ErrorType => action.error instanceof ErrorType)) {
-        throw action.error;
+    const {
+      error
+    } = action;
+
+    if (error) {
+      if (!some_default()(handledErrorTypes).call(handledErrorTypes, ErrorType => error instanceof ErrorType)) {
+        throw error;
+      } else if (error.action === 'reset') {
+        // [SMLY-942] We clear the store before a reset to force a new conversation if the page is refreshed before the conversation is reset
+        api.disconnect().then(() => {
+          api.clearStore();
+        });
       }
     }
 
     return next(action);
   };
 }
-;// CONCATENATED MODULE: ./src/javascripts/domains/interrupt/reducer.js
+;// CONCATENATED MODULE: ./src/javascripts/domains/app/utils.js
+
+const {
+  createAction: app_utils_createAction,
+  createThunk: app_utils_createThunk,
+  createReducer: app_utils_createReducer,
+  selectState: app_utils_selectState
+} = createDomain('app');
+;// CONCATENATED MODULE: ./src/javascripts/domains/app/selectors.js
+
+
+const selectUserHasResponded = createSelector(app_utils_selectState, state => state.userHasResponded);
+
+;// CONCATENATED MODULE: ./src/javascripts/domains/visibility/utils.js
+
+
+const {
+  createAction: visibility_utils_createAction,
+  createActions: utils_createActions,
+  createThunk: visibility_utils_createThunk,
+  createReducer: visibility_utils_createReducer,
+  selectState: visibility_utils_selectState
+} = createDomain('visibility');
+const calculateVisibility = ({
+  hasResponded,
+  previousVisibility,
+  requestedVisibility,
+  config
+}) => {
+  const {
+    defaults,
+    layoutMode,
+    hideOnNoUserResponse
+  } = config;
+  const {
+    visible: defaultVisibility
+  } = defaults || {}; // Requesting open should override the responded check.
 
+  if (layoutMode === 'window' && hideOnNoUserResponse && requestedVisibility !== visibilityStates.open) {
+    return hasResponded ? requestedVisibility || previousVisibility || visibilityStates.open : visibilityStates.hidden;
+  }
 
+  const baseVisibility = layoutMode === 'inline' ? visibilityStates.open : visibilityStates.minimized;
+  return requestedVisibility || previousVisibility || defaultVisibility || baseVisibility;
+};
+;// CONCATENATED MODULE: ./src/javascripts/domains/visibility/selectors.js
 
 
+const selectVisibility = createSelector(visibility_utils_selectState, state => state.visibility);
 
+;// CONCATENATED MODULE: ./src/javascripts/domains/visibility/actions.js
 
 
 
 
 
-function interrupt_reducer_ownKeys(object, enumerableOnly) { var keys = keys_default()(object); if ((get_own_property_symbols_default())) { var symbols = get_own_property_symbols_default()(object); if (enumerableOnly) { symbols = filter_default()(symbols).call(symbols, function (sym) { return get_own_property_descriptor_default()(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
 
-function interrupt_reducer_objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { var _context; for_each_default()(_context = interrupt_reducer_ownKeys(Object(source), true)).call(_context, function (key) { defineProperty_defineProperty(target, key, source[key]); }); } else if ((get_own_property_descriptors_default())) { define_properties_default()(target, get_own_property_descriptors_default()(source)); } else { var _context2; for_each_default()(_context2 = interrupt_reducer_ownKeys(Object(source))).call(_context2, function (key) { define_property_default()(target, key, get_own_property_descriptor_default()(source, key)); }); } } return target; }
 
 
 
-const reducer_initialState = {
-  error: undefined
-};
-/* harmony default export */ var interrupt_reducer = (interrupt_utils_createReducer({
-  [set]: (state, {
-    error
-  }) => {
-    return interrupt_reducer_objectSpread(interrupt_reducer_objectSpread({}, state), {}, {
-      error
-    });
-  },
-  [clear]: () => {
-    return reducer_initialState;
+
+function actions_ownKeys(object, enumerableOnly) { var keys = keys_default()(object); if ((get_own_property_symbols_default())) { var symbols = get_own_property_symbols_default()(object); if (enumerableOnly) { symbols = filter_default()(symbols).call(symbols, function (sym) { return get_own_property_descriptor_default()(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+
+function actions_objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { var _context; for_each_default()(_context = actions_ownKeys(Object(source), true)).call(_context, function (key) { defineProperty_defineProperty(target, key, source[key]); }); } else if ((get_own_property_descriptors_default())) { define_properties_default()(target, get_own_property_descriptors_default()(source)); } else { var _context2; for_each_default()(_context2 = actions_ownKeys(Object(source))).call(_context2, function (key) { define_property_default()(target, key, get_own_property_descriptor_default()(source, key)); }); } } return target; }
+
+
+
+
+
+
+
+
+const setFromStorage = visibility_utils_createAction('setFromStorage', visibility => ({
+  visibility
+}));
+const validVisibilityStates = [visibilityStates.open, visibilityStates.minimized, visibilityStates.hidden];
+const actions_setVisibility = visibility_utils_createThunk('set', (requestedVisibility, {
+  getState,
+  extra: {
+    api,
+    eventBus
   }
-}, reducer_initialState));
-;// CONCATENATED MODULE: ./src/javascripts/domains/interrupt/index.js
+}) => {
+  const state = getState();
+  const previousVisibility = selectVisibility(state);
+  const hasResponded = selectUserHasResponded(state);
+  const hasConversation = api.hasConversation();
+  const config = selectConfig(state);
+  const {
+    visibilityCallback = calculateVisibility,
+    layoutMode
+  } = config;
+  const {
+    unreadEvents: unreadMessageCount
+  } = seamly_state_hooks_selectState(state);
+  const calculatedVisibility = visibilityCallback({
+    hasConversation,
+    hasResponded,
+    previousVisibility,
+    requestedVisibility,
+    config
+  });
+
+  if (!includes_default()(validVisibilityStates).call(validVisibilityStates, calculatedVisibility)) {
+    console.error('The visibilityCallback function should return "open", "minimized" or "hidden".');
+    return undefined;
+  }
+
+  if (previousVisibility === calculatedVisibility) {
+    return undefined;
+  } // Store the user-requested visibility in order to reinitialize after refresh
 
 
+  api.store.set(StoreKey, actions_objectSpread(actions_objectSpread({}, api.store.get(StoreKey) || {}), {}, {
+    [layoutMode]: requestedVisibility
+  }));
 
+  if (requestedVisibility) {
+    eventBus.emit('ui.visible', requestedVisibility, {
+      visibility: requestedVisibility,
+      hasConversation,
+      hasResponded,
+      unreadMessageCount
+    });
+  }
 
+  return calculatedVisibility;
+});
+const actions_initialize = visibility_utils_createThunk('initialize', async (locale, {
+  dispatch,
+  getState,
+  extra: {
+    api
+  }
+}) => {
+  var _api$store$get;
 
+  // initialize stored visibility
+  const {
+    layoutMode
+  } = selectConfig(getState());
+  const storedVisibility = (_api$store$get = api.store.get(StoreKey)) === null || _api$store$get === void 0 ? void 0 : _api$store$get[layoutMode];
 
-;// CONCATENATED MODULE: ./src/javascripts/domains/app/utils.js
+  if (storedVisibility) {
+    dispatch(setFromStorage(storedVisibility));
+  }
 
-const {
-  createAction: app_utils_createAction,
-  createThunk: app_utils_createThunk,
-  createReducer: app_utils_createReducer,
-  selectState: app_utils_selectState
-} = createDomain('app');
+  dispatch(actions_setVisibility(visibilityStates.initialize));
+});
 ;// CONCATENATED MODULE: ./src/javascripts/domains/app/actions.js
 
 
 
 
 
+
+
 const setHasResponded = app_utils_createAction('setHasResponded', hasResponded => ({
   hasResponded
 }));
-const actions_initialize = app_utils_createThunk('initialize', config => async (dispatch, getState, {
-  api
+const app_actions_initialize = app_utils_createThunk('initialize', async (config, {
+  dispatch,
+  extra: {
+    api
+  }
 }) => {
-  try {
-    var _config$context;
+  var _config$context;
 
-    dispatch(initialize(config));
+  dispatch(initialize(config));
+  let locale = config === null || config === void 0 ? void 0 : (_config$context = config.context) === null || _config$context === void 0 ? void 0 : _config$context.locale;
+
+  try {
     const {
       features,
       defaultLocale
@@ -22972,38 +23169,39 @@ const actions_initialize = app_utils_createThunk('initialize', config => async (
       type: seamlyActions.SET_FEATURES,
       features
     });
-    let locale = (config === null || config === void 0 ? void 0 : (_config$context = config.context) === null || _config$context === void 0 ? void 0 : _config$context.locale) || defaultLocale;
+    locale = locale || defaultLocale;
     dispatch(setInitialLocale(locale));
+  } catch (e) {
+    throw new SeamlyUnavailableError();
+  }
 
-    try {
-      if (api.hasConversation()) {
-        var _initialState$transla;
+  try {
+    if (api.hasConversation()) {
+      var _initialState$transla;
 
-        const initialState = await api.getConversationIntitialState();
-        dispatch({
-          type: seamlyActions.SET_INITIAL_STATE,
-          initialState
-        });
-        locale = ((_initialState$transla = initialState.translation) === null || _initialState$transla === void 0 ? void 0 : _initialState$transla.locale) || locale;
+      const initialState = await api.getConversationIntitialState();
+      dispatch({
+        type: seamlyActions.SET_INITIAL_STATE,
+        initialState
+      });
+      locale = ((_initialState$transla = initialState.translation) === null || _initialState$transla === void 0 ? void 0 : _initialState$transla.locale) || locale;
 
-        if ('userResponded' in initialState) {
-          dispatch(setHasResponded(initialState.userResponded));
-        }
+      if ('userResponded' in initialState) {
+        dispatch(setHasResponded(initialState.userResponded));
       }
-    } catch (error) {
-      dispatch(set(error));
+    }
+  } catch (e) {
+    if (e instanceof SeamlySessionExpiredError) {
+      throw e;
     }
 
+    throw new SeamlyUnavailableError();
+  } finally {
     await dispatch(setLocale(locale));
-  } catch (error) {
-    dispatch(set(error));
+    dispatch(actions_initialize());
   }
 });
-;// CONCATENATED MODULE: ./src/javascripts/domains/app/selectors.js
-
-
-const selectUserHasResponded = createSelector(app_utils_selectState, state => state.userHasResponded);
-
+const actions_reset = app_utils_createAction('reset', () => {});
 ;// CONCATENATED MODULE: ./src/javascripts/domains/app/hooks.js
 
 
@@ -23027,7 +23225,7 @@ function app_reducer_objectSpread(target) { for (var i = 1; i < arguments.length
 
 
 
-const app_reducer_initialState = {
+const reducer_initialState = {
   userHasResponded: false
 };
 /* harmony default export */ var app_reducer = (app_utils_createReducer({
@@ -23036,12 +23234,118 @@ const app_reducer_initialState = {
   }) => app_reducer_objectSpread(app_reducer_objectSpread({}, state), {}, {
     userHasResponded: hasResponded
   })
-}, app_reducer_initialState));
+}, reducer_initialState));
 ;// CONCATENATED MODULE: ./src/javascripts/domains/app/index.js
 
 
 
 
+
+;// CONCATENATED MODULE: ./src/javascripts/domains/interrupt/reducer.js
+
+
+
+
+
+
+
+
+
+
+function interrupt_reducer_ownKeys(object, enumerableOnly) { var keys = keys_default()(object); if ((get_own_property_symbols_default())) { var symbols = get_own_property_symbols_default()(object); if (enumerableOnly) { symbols = filter_default()(symbols).call(symbols, function (sym) { return get_own_property_descriptor_default()(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+
+function interrupt_reducer_objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { var _context; for_each_default()(_context = interrupt_reducer_ownKeys(Object(source), true)).call(_context, function (key) { defineProperty_defineProperty(target, key, source[key]); }); } else if ((get_own_property_descriptors_default())) { define_properties_default()(target, get_own_property_descriptors_default()(source)); } else { var _context2; for_each_default()(_context2 = interrupt_reducer_ownKeys(Object(source))).call(_context2, function (key) { define_property_default()(target, key, get_own_property_descriptor_default()(source, key)); }); } } return target; }
+
+
+
+
+const interrupt_reducer_initialState = {
+  error: undefined
+};
+
+const handleError = (state, {
+  error
+}) => interrupt_reducer_objectSpread(interrupt_reducer_objectSpread({}, state), {}, {
+  error
+});
+
+/* harmony default export */ var interrupt_reducer = (interrupt_utils_createReducer({
+  [set]: handleError,
+  [app_actions_initialize.rejected]: handleError,
+  [clear]: () => interrupt_reducer_initialState,
+  [actions_reset]: () => interrupt_reducer_initialState
+}, interrupt_reducer_initialState));
+;// CONCATENATED MODULE: ./src/javascripts/domains/interrupt/index.js
+
+
+
+
+
+
+;// CONCATENATED MODULE: ./src/javascripts/domains/visibility/hooks.js
+
+
+
+
+
+
+const useVisibility = () => {
+  const dispatch = useStoreDispatch();
+  const visible = useSelector(selectVisibility);
+  const isVisible = visible ? visible !== visibilityStates.hidden : false;
+  const {
+    layoutMode
+  } = useConfig();
+  const isOpen = visible && layoutMode ? visible === visibilityStates.open || layoutMode === 'inline' && visible !== visibilityStates.hidden : false;
+  const setVisibility = F(visibility => dispatch(actions_setVisibility(visibility)), [dispatch]);
+  return {
+    isVisible,
+    isOpen,
+    visible,
+    setVisibility
+  };
+};
+;// CONCATENATED MODULE: ./src/javascripts/domains/visibility/reducer.js
+
+
+
+
+
+
+
+
+
+
+function visibility_reducer_ownKeys(object, enumerableOnly) { var keys = keys_default()(object); if ((get_own_property_symbols_default())) { var symbols = get_own_property_symbols_default()(object); if (enumerableOnly) { symbols = filter_default()(symbols).call(symbols, function (sym) { return get_own_property_descriptor_default()(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+
+function visibility_reducer_objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { var _context; for_each_default()(_context = visibility_reducer_ownKeys(Object(source), true)).call(_context, function (key) { defineProperty_defineProperty(target, key, source[key]); }); } else if ((get_own_property_descriptors_default())) { define_properties_default()(target, get_own_property_descriptors_default()(source)); } else { var _context2; for_each_default()(_context2 = visibility_reducer_ownKeys(Object(source))).call(_context2, function (key) { define_property_default()(target, key, get_own_property_descriptor_default()(source, key)); }); } } return target; }
+
+
+
+
+const visibility_reducer_initialState = {
+  visibility: visibilityStates.initialize
+};
+/* harmony default export */ var visibility_reducer = (visibility_utils_createReducer({
+  [setFromStorage]: (state, {
+    visibility
+  }) => visibility_reducer_objectSpread(visibility_reducer_objectSpread({}, state), {}, {
+    visibility
+  }),
+  [actions_setVisibility.fulfilled]: (state, {
+    payload: visibility
+  }) => visibility ? visibility_reducer_objectSpread(visibility_reducer_objectSpread({}, state), {}, {
+    visibility
+  }) : state
+}, visibility_reducer_initialState));
+;// CONCATENATED MODULE: ./src/javascripts/domains/visibility/index.js
+
+
+
+
+
+
+
 ;// CONCATENATED MODULE: ./src/javascripts/ui/hooks/use-seamly-commands.js
 
 
@@ -23075,15 +23379,10 @@ function use_seamly_commands_objectSpread(target) { for (var i = 1; i < argument
 
 const {
   ADD_EVENT: use_seamly_commands_ADD_EVENT,
-  CLEAR_EVENTS: use_seamly_commands_CLEAR_EVENTS,
   SET_IS_LOADING: use_seamly_commands_SET_IS_LOADING,
-  CLEAR_PARTICIPANTS: use_seamly_commands_CLEAR_PARTICIPANTS,
   SET_HEADER_SUB_TITLE: use_seamly_commands_SET_HEADER_SUB_TITLE,
   SET_INITIAL_STATE: use_seamly_commands_SET_INITIAL_STATE,
-  CLEAR_FEATURES: use_seamly_commands_CLEAR_FEATURES,
-  SET_FEATURES: use_seamly_commands_SET_FEATURES,
-  RESET_UPLOAD_STATE: use_seamly_commands_RESET_UPLOAD_STATE,
-  RESET_ENTRY_STATE: use_seamly_commands_RESET_ENTRY_STATE
+  SET_FEATURES: use_seamly_commands_SET_FEATURES
 } = seamlyActions;
 
 const useSeamlyCommands = () => {
@@ -23095,7 +23394,7 @@ const useSeamlyCommands = () => {
   const hasConversation = useSeamlyHasConversation();
   const {
     visible: visibility
-  } = useSeamlyStateContext();
+  } = useVisibility();
   const unreadMessageCount = useSeamlyUnreadCount();
   const emitEvent = F((...args) => {
     eventBus.emit(...args);
@@ -23117,26 +23416,12 @@ const useSeamlyCommands = () => {
     });
   }, [api, appConfig, emitEvent, hasResponded, hasConversation, visibility, unreadMessageCount]);
   const reset = F(async () => {
+    dispatch(actions_reset());
     dispatch(clear());
-    dispatch({
-      type: use_seamly_commands_CLEAR_EVENTS
-    });
     dispatch({
       type: use_seamly_commands_SET_IS_LOADING,
       isLoading: true
     });
-    dispatch({
-      type: use_seamly_commands_CLEAR_PARTICIPANTS
-    });
-    dispatch({
-      type: use_seamly_commands_RESET_UPLOAD_STATE
-    });
-    dispatch({
-      type: use_seamly_commands_RESET_ENTRY_STATE
-    });
-    dispatch({
-      type: use_seamly_commands_CLEAR_FEATURES
-    });
     const {
       agentName
     } = appConfig.defaults || {};
@@ -23188,21 +23473,13 @@ const useSeamlyCommands = () => {
 
     const message = use_seamly_commands_objectSpread(use_seamly_commands_objectSpread({}, getTextMessageBase(body)), config);
 
-    const sanitizedText = sanitizeText(body);
-
-    const sanitizedMessage = use_seamly_commands_objectSpread(use_seamly_commands_objectSpread({}, message), {}, {
-      body: {
-        text: sanitizedText
-      }
-    });
-
     api.send('message', message);
     emitEvent('message', message);
     dispatch({
       type: use_seamly_commands_ADD_EVENT,
       event: {
         type: 'message',
-        payload: sanitizedMessage
+        payload: message
       }
     });
   }, [api, dispatch, emitEvent, getTextMessageBase]);
@@ -23498,132 +23775,6 @@ const useSeamlyEntry = () => {
     setBlockAutoEntrySwitch
   };
 };
-;// CONCATENATED MODULE: ./src/javascripts/ui/hooks/use-seamly-stored-visibility.js
-
-
-
-
-
-
-
-
-
-
-function use_seamly_stored_visibility_ownKeys(object, enumerableOnly) { var keys = keys_default()(object); if ((get_own_property_symbols_default())) { var symbols = get_own_property_symbols_default()(object); if (enumerableOnly) { symbols = filter_default()(symbols).call(symbols, function (sym) { return get_own_property_descriptor_default()(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
-
-function use_seamly_stored_visibility_objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { var _context; for_each_default()(_context = use_seamly_stored_visibility_ownKeys(Object(source), true)).call(_context, function (key) { defineProperty_defineProperty(target, key, source[key]); }); } else if ((get_own_property_descriptors_default())) { define_properties_default()(target, get_own_property_descriptors_default()(source)); } else { var _context2; for_each_default()(_context2 = use_seamly_stored_visibility_ownKeys(Object(source))).call(_context2, function (key) { define_property_default()(target, key, get_own_property_descriptor_default()(source, key)); }); } } return target; }
-
-
-
-
-
-const useSeamlyStoredVisibility = () => {
-  const {
-    layoutMode
-  } = useConfig();
-  const key = 'visibility';
-  const {
-    get,
-    set
-  } = useSeamlyObjectStore();
-  let storedVisibilityObj = {};
-  const savedVisibility = get ? get(key) : {};
-
-  if (savedVisibility) {
-    storedVisibilityObj = savedVisibility;
-  }
-
-  const setStoredVisibility = F(state => {
-    const saved = get ? get(key) : {};
-    set(key, use_seamly_stored_visibility_objectSpread(use_seamly_stored_visibility_objectSpread({}, saved), {}, {
-      [layoutMode]: state
-    }));
-  }, [set, get, layoutMode]);
-  return [layoutMode ? storedVisibilityObj[layoutMode] : null, set && layoutMode ? setStoredVisibility : null];
-};
-
-/* harmony default export */ var use_seamly_stored_visibility = (useSeamlyStoredVisibility);
-;// CONCATENATED MODULE: ./src/javascripts/ui/hooks/use-seamly-visibility.js
-
-
-
-
-
-
-
-
-
-
-const {
-  SET_VISIBILITY: use_seamly_visibility_SET_VISIBILITY
-} = seamlyActions;
-
-const useSeamlyVisibility = () => {
-  const config = useConfig();
-  const {
-    layoutMode,
-    visibilityCallback
-  } = config;
-  const {
-    visible
-  } = useSeamlyStateContext();
-  const {
-    emitEvent
-  } = use_seamly_commands();
-  const dispatch = use_seamly_dispatch();
-  const [storedVisibility, setStoredVisibility] = use_seamly_stored_visibility();
-  const hasResponded = useUserHasResponded();
-  const hasConversation = useSeamlyHasConversation();
-  const unreadMessageCount = useSeamlyUnreadCount();
-  const isVisible = visible ? visible !== visibilityStates.hidden : false;
-  const isOpen = visible && layoutMode ? visible === visibilityStates.open || layoutMode === 'inline' && visible !== visibilityStates.hidden : false;
-  const setVisibility = F(visibility => {
-    var _context;
-
-    const visibilityFn = visibilityCallback || calculateVisibility;
-    const requestedVisibility = visibilityFn({
-      hasConversation,
-      hasResponded,
-      previousVisibility: storedVisibility || null,
-      requestedVisibility: visibility,
-      config
-    });
-
-    if (!includes_default()(_context = [visibilityStates.open, visibilityStates.minimized, visibilityStates.hidden]).call(_context, requestedVisibility)) {
-      console.error('The visibilityCallback function should return "open", "minimized" or "hidden".');
-      return;
-    }
-
-    if (requestedVisibility !== visible) {
-      if (setStoredVisibility) {
-        setStoredVisibility(requestedVisibility);
-      } // Don't broadcast the init visibility state
-
-
-      if (visibility) {
-        emitEvent('ui.visible', requestedVisibility, {
-          visibility: requestedVisibility,
-          hasConversation,
-          hasResponded,
-          unreadMessageCount
-        });
-      }
-
-      dispatch({
-        type: use_seamly_visibility_SET_VISIBILITY,
-        visible: requestedVisibility
-      });
-    }
-  }, [visible, emitEvent, dispatch, hasConversation, hasResponded, storedVisibility, visibilityCallback, config, setStoredVisibility, unreadMessageCount]);
-  return {
-    isVisible,
-    isOpen,
-    visible,
-    setVisibility
-  };
-};
-
-/* harmony default export */ var use_seamly_visibility = (useSeamlyVisibility);
 ;// CONCATENATED MODULE: ./src/javascripts/ui/hooks/use-seamly-chat.js
 
 
@@ -23646,9 +23797,8 @@ const useSeamlyChat = () => {
   const {
     isOpen,
     isVisible,
-    visible,
     setVisibility
-  } = use_seamly_visibility();
+  } = useVisibility();
   const dispatch = use_seamly_dispatch();
   const events = useEvents();
   const spinnerTimeout = hooks_module_s(null);
@@ -23692,7 +23842,6 @@ const useSeamlyChat = () => {
     prevIsOpen.current = isOpen;
     prevIsVisible.current = isVisible;
   }, [isOpen, isVisible, sendAssertive, t]);
-  hooks_module_y(() => {}, [visible, sendAssertive]);
   hooks_module_y(() => {
     // This delays the start of the loading inidicator we set when we initialise
     // the application. This is done to only avoid BSOD on initial load if DCX is slow.
@@ -23798,7 +23947,7 @@ const useSeamlyIdleDetachCountdown = () => {
   } = useSeamlyStateContext();
   const {
     isOpen: isSeamlyOpen
-  } = use_seamly_visibility();
+  } = useVisibility();
   const stableState = hooks_module_s({});
   stableState.current = {
     hasCountdown: idleDetachCountdown.hasCountdown,
@@ -23998,8 +24147,6 @@ const useSeamlyResumeConversationPrompt = () => {
 
 
 
-
-
  // This hook isn't used within the core
 // But it is used in implementations
 // and imported directly from this file
@@ -24174,7 +24321,7 @@ const ModalWrapper = ({
   const {
     isOpen,
     setVisibility
-  } = use_seamly_visibility();
+  } = useVisibility();
   const container = hooks_module_s(null);
   const focusTrap = hooks_module_s(null);
 
@@ -25121,11 +25268,11 @@ function updateFormControl(state, formId, name, controlState) {
 
 
 // EXTERNAL MODULE: ./node_modules/@babel/runtime-corejs3/core-js/object/assign.js
-var object_assign = __webpack_require__(2088);
+var core_js_object_assign = __webpack_require__(2088);
 ;// CONCATENATED MODULE: ./node_modules/@babel/runtime-corejs3/helpers/esm/extends.js
 
 function _extends() {
-  _extends = object_assign || function (target) {
+  _extends = core_js_object_assign || function (target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = arguments[i];
 
@@ -26036,7 +26183,7 @@ const AppFrame = ({
     isOpen,
     isVisible,
     setVisibility
-  } = use_seamly_visibility();
+  } = useVisibility();
   const {
     zIndex,
     showFaq
@@ -26793,7 +26940,7 @@ function ChatFrame({
   } = useInterrupt();
   const {
     isOpen
-  } = use_seamly_visibility();
+  } = useVisibility();
 
   const getContent = () => {
     if (hasInterrupt) {
@@ -26825,6 +26972,7 @@ function ChatFrame({
 
 
 
+
 const ToggleButton = ({
   onOpenChat
 }) => {
@@ -26834,7 +26982,7 @@ const ToggleButton = ({
   const titleId = useGeneratedId();
   const {
     isOpen
-  } = use_seamly_visibility();
+  } = useVisibility();
   const prevIsOpen = hooks_module_s(null);
   const buttonRef = hooks_module_s(null);
   const lastEventRef = hooks_module_s();
@@ -26915,6 +27063,7 @@ const ToggleButton = ({
 
 
 
+
 const AgentInfo = () => {
   const {
     t
@@ -26926,7 +27075,7 @@ const AgentInfo = () => {
   const unreadMessageCount = useSeamlyUnreadCount();
   const {
     isOpen
-  } = use_seamly_visibility();
+  } = useVisibility();
   const currentAgent = useSeamlyCurrentAgent();
   const {
     hasInterrupt
@@ -28430,7 +28579,6 @@ mustache.Writer = Writer;
 
 
 
-
 mustache_mustache.escape = function (escapeText) {
   return escapeText;
 };
@@ -28439,7 +28587,7 @@ const parseLinkVariable = variable => {
   return `<a href='${variable.url}' data-link-id='${variable.id}' ${variable.newTab ? 'target="_blank"' : ''}>${variable.name}</a>`;
 };
 
-function parseRichtText(text, variables = {}) {
+function parseRichText(text, variables = {}) {
   var _context;
 
   const view = {};
@@ -28467,15 +28615,6 @@ function parseRichtText(text, variables = {}) {
   mustache_mustache.escape = oldEscape;
   return output;
 }
-
-const useTextRendering = ({
-  text,
-  variables = {}
-}) => {
-  return hooks_module_A(() => parseRichtText(text, variables), [text, variables]);
-};
-
-/* harmony default export */ var use_text_rendering = (useTextRendering);
 ;// CONCATENATED MODULE: ./src/javascripts/ui/components/conversation/event/text.js
 
 
@@ -28500,32 +28639,37 @@ function text_objectSpread(target) { for (var i = 1; i < arguments.length; i++)
 
 
 
+
 const Text = _ref => {
   let {
     event
   } = _ref,
       props = _objectWithoutProperties(_ref, text_excluded);
 
-  const {
-    payload
-  } = event;
   const [body] = useTranslatedEventData(event);
-  const eventClick = use_event_link_click_handler(payload.id);
-  const eventBody = use_text_rendering({
-    text: parse_body(body.text),
-    variables: body.variables
-  });
+  const eventClick = use_event_link_click_handler(event.payload.id);
+  const containerProps = hooks_module_A(() => {
+    if (!event.payload.fromClient) {
+      return {
+        bodyProps: {
+          dangerouslySetInnerHTML: {
+            __html: parseRichText(parse_body(body.text), body.variables)
+          }
+        }
+      };
+    }
+
+    return {
+      children: jsxRuntime_module_e("p", {
+        children: body.text
+      })
+    };
+  }, [body, event]);
   return jsxRuntime_module_e(message_container, text_objectSpread(text_objectSpread({
     type: "text",
     event: event,
     onClick: eventClick
-  }, props), {}, {
-    bodyProps: {
-      dangerouslySetInnerHTML: {
-        __html: eventBody
-      }
-    }
-  }));
+  }, props), containerProps));
 };
 
 /* harmony default export */ var event_text = (Text);
@@ -29775,6 +29919,7 @@ const PrivacyDisclaimer = () => {
 
 
 
+
 const Conversation = () => {
   const {
     t
@@ -29784,7 +29929,7 @@ const Conversation = () => {
   const isLoading = useSeamlyIsLoading();
   const {
     isOpen
-  } = use_seamly_visibility();
+  } = useVisibility();
   const skiplinkTargetId = useSkiplink();
   const focusSkiplinkTarget = useSkiplinkTargetFocusing();
   hooks_module_y(() => {
@@ -30891,10 +31036,11 @@ const Interrupt = ({
 
 
 
+
 const View = () => {
   const {
     isVisible
-  } = use_seamly_visibility();
+  } = useVisibility();
   const {
     openChat,
     closeChat
@@ -30960,7 +31106,7 @@ const SeamlyInstanceFunctionsLoader = () => {
   const {
     setVisibility,
     visible
-  } = use_seamly_visibility();
+  } = useVisibility();
   const currentVisibility = hooks_module_s(visible);
   const eventBus = hooks_module_T(SeamlyEventBusContext);
   const api = useSeamlyApiContext();
@@ -31088,6 +31234,7 @@ const SeamlyInstanceFunctionsLoader = () => {
 
 
 
+
 const {
   SET_EVENTS_READ: seamly_read_state_SET_EVENTS_READ
 } = seamlyActions;
@@ -31101,7 +31248,7 @@ const SeamlyReadState = () => {
   const {
     isOpen,
     isVisible
-  } = use_seamly_visibility();
+  } = useVisibility();
   const {
     sendAction
   } = use_seamly_commands();
@@ -31160,6 +31307,7 @@ const SeamlyReadState = () => {
 
 
 
+
 const SeamlyNewNotifications = () => {
   const {
     t
@@ -31173,7 +31321,7 @@ const SeamlyNewNotifications = () => {
   } = useLiveRegion();
   const {
     isOpen
-  } = use_seamly_visibility();
+  } = useVisibility();
   const prevIsOpen = hooks_module_s(null);
   const debounceFunc = hooks_module_s(null);
   const notifyUnread = hooks_module_A(() => {
@@ -31391,23 +31539,18 @@ const SeamlyActivityMonitor = ({
 
 
 
-
 const SeamlyInitializer = () => {
   const {
     initUserSelectedOptions
   } = useSeamlyOptions();
   const seamlyInitialized = hooks_module_s(false);
-  const {
-    setVisibility
-  } = use_seamly_visibility();
   const config = useConfig();
   hooks_module_y(() => {
     if (config.api && !seamlyInitialized.current) {
       seamlyInitialized.current = true;
       initUserSelectedOptions();
-      setVisibility(visibilityStates.initialize);
     }
-  }, [initUserSelectedOptions, config, setVisibility]);
+  }, [initUserSelectedOptions, config]);
   return null;
 };
 
@@ -31639,18 +31782,18 @@ const SeamlyEventSubscriber = ({
             case 'error':
               switch (payload.type) {
                 case 'find_conversation_erred':
-                  dispatch(set(new SeamlySessionExpiredError()));
+                  dispatch(set(new SeamlySessionExpiredError(event)));
                   break;
 
                 case 'seamly_offline':
-                  dispatch(set(new SeamlyOfflineError()));
+                  dispatch(set(new SeamlyOfflineError(event)));
                   dispatch({
                     type: seamly_event_subscriber_CLEAR_EVENTS
                   });
                   break;
 
                 default:
-                  dispatch(set(new SeamlyGeneralError()));
+                  dispatch(set(new SeamlyGeneralError(event)));
                   break;
               }
 
@@ -31823,6 +31966,50 @@ const SeamlyFileUpload = ({
 };
 
 /* harmony default export */ var seamly_file_upload = (SeamlyFileUpload);
+;// CONCATENATED MODULE: ./src/javascripts/domains/errors/index.js
+
+
+const {
+  createAction: errors_createAction
+} = createDomain('errors');
+const catchError = errors_createAction('catch-error', error => ({
+  error
+}));
+function errors_createMiddleware({
+  api: seamlyApi
+}) {
+  return ({
+    getState
+  }) => {
+    const handleError = error => {
+      const {
+        errorCallback,
+        namespace,
+        api,
+        layoutMode
+      } = selectConfig(getState());
+      errorCallback === null || errorCallback === void 0 ? void 0 : errorCallback(error, {
+        namespace,
+        api,
+        layoutMode,
+        conversationUrl: seamlyApi.getConversationUrl()
+      });
+    };
+
+    return next => action => {
+      try {
+        if (action.error) {
+          handleError(action.error);
+        }
+
+        return next(action);
+      } catch (error) {
+        handleError(error);
+        throw error;
+      }
+    };
+  };
+}
 ;// CONCATENATED MODULE: ./src/javascripts/ui/components/core/seamly-core.js
 
 
@@ -31838,6 +32025,8 @@ const SeamlyFileUpload = ({
 
 
 
+
+
 const SeamlyCore = ({
   store,
   children,
@@ -31845,6 +32034,7 @@ const SeamlyCore = ({
   eventBus,
   api
 }) => {
+  hooks_module_q(error => store.dispatch(catchError(error)));
   return jsxRuntime_module_e(StoreProvider, {
     store: store,
     children: jsxRuntime_module_e(SeamlyEventBusContext.Provider, {
@@ -33606,11 +33796,21 @@ class ConversationProducer {
 }
 ;// CONCATENATED MODULE: ./src/javascripts/lib/store/providers/session-storage.js
 
+
 function store(key) {
   const KEY = 'cvco.' + key;
   return {
     get() {
-      return JSON.parse(sessionStorage.getItem(KEY));
+      var _context;
+
+      const candidates = [KEY, slice_default()(_context = KEY.split('.')).call(_context, 0, -1).join('.')];
+      let val;
+
+      do {
+        val = sessionStorage.getItem(candidates[0]);
+      } while (candidates.shift() && !val);
+
+      return JSON.parse(val);
     },
 
     set(value) {
@@ -33860,7 +34060,6 @@ class API {
       }) // withCredentials() is necessary to allow browsers to save received
       // cookies in CORS requests.
       .withCredentials().send({
-        authorizationRequired: true,
         externalId: this.externalId || undefined
       });
       const {
@@ -33881,7 +34080,7 @@ class API {
       return initialState;
     } catch (error) {
       if (error.status >= 500) {
-        throw new SeamlyGeneralError();
+        throw new SeamlyGeneralError(error);
       }
 
       throw error;
@@ -33927,15 +34126,15 @@ class API {
       };
     } catch (error) {
       if (error.status === 401) {
-        throw new SeamlyUnauthorizedError();
+        throw new SeamlyUnauthorizedError(error);
       }
 
       if (error.status === 404) {
-        throw new SeamlySessionExpiredError();
+        throw new SeamlySessionExpiredError(error);
       }
 
       if (error.status >= 500) {
-        throw new SeamlyGeneralError();
+        throw new SeamlyGeneralError(error);
       }
 
       throw error;
@@ -34000,11 +34199,11 @@ class API {
       return body.config;
     }).catch(error => {
       if (error.status === 404) {
-        throw new SeamlyConfigurationError();
+        throw new SeamlyConfigurationError(error);
       }
 
       if (error.status >= 500) {
-        throw new SeamlyGeneralError();
+        throw new SeamlyGeneralError(error);
       }
 
       throw error;
@@ -34021,15 +34220,15 @@ class API {
       return omit(body.conversation, ['accessToken', 'channelName']);
     }).catch(error => {
       if (error.status === 401) {
-        throw new SeamlyUnauthorizedError();
+        throw new SeamlyUnauthorizedError(error);
       }
 
       if (error.status === 404) {
-        throw new SeamlySessionExpiredError();
+        throw new SeamlySessionExpiredError(error);
       }
 
       if (error.status >= 500) {
-        throw new SeamlyGeneralError();
+        throw new SeamlyGeneralError(error);
       }
 
       throw error;
@@ -34052,7 +34251,7 @@ class API {
       return body.translations;
     } catch (error) {
       if (error.status >= 500) {
-        throw new SeamlyGeneralError();
+        throw new SeamlyGeneralError(error);
       }
 
       throw error;
@@ -34191,9 +34390,24 @@ function options_middleware_createMiddleware({
 ;// CONCATENATED MODULE: ./src/javascripts/domains/options/index.js
 
 ;// CONCATENATED MODULE: ./src/javascripts/domains/store/state-reducer.js
+
+
+
+
+
+
+
+
+
+
+function state_reducer_ownKeys(object, enumerableOnly) { var keys = keys_default()(object); if ((get_own_property_symbols_default())) { var symbols = get_own_property_symbols_default()(object); if (enumerableOnly) { symbols = filter_default()(symbols).call(symbols, function (sym) { return get_own_property_descriptor_default()(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+
+function state_reducer_objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { var _context; for_each_default()(_context = state_reducer_ownKeys(Object(source), true)).call(_context, function (key) { defineProperty_defineProperty(target, key, source[key]); }); } else if ((get_own_property_descriptors_default())) { define_properties_default()(target, get_own_property_descriptors_default()(source)); } else { var _context2; for_each_default()(_context2 = state_reducer_ownKeys(Object(source))).call(_context2, function (key) { define_property_default()(target, key, get_own_property_descriptor_default()(source, key)); }); } } return target; }
+
 // Legacy state reducer. Do not add new features here but extract/create new reducers as needed
 
 
+
 const state_reducer_initialState = {
   events: [],
   initialState: {},
@@ -34204,7 +34418,6 @@ const state_reducer_initialState = {
     isActive: false
   },
   resumeConversationPrompt: false,
-  visible: visibilityStates.hidden,
   serviceInfo: {
     activeServiceSessionId: ''
   },
@@ -34241,6 +34454,15 @@ const state_reducer_initialState = {
   seamlyContainerElement: null
 };
 function stateReducer(state = state_reducer_initialState, action) {
+  if (action.type === String(actions_reset)) {
+    const {
+      visible
+    } = state;
+    return state_reducer_objectSpread(state_reducer_objectSpread({}, state_reducer_initialState), {}, {
+      visible
+    });
+  }
+
   return seamlyStateReducer(state, action);
 }
 ;// CONCATENATED MODULE: ./src/javascripts/domains/store/index.js
@@ -34254,9 +34476,12 @@ function stateReducer(state = state_reducer_initialState, action) {
 
 
 
+
+
 function store_createStore({
   initialState,
-  api
+  api,
+  eventBus
 } = {}) {
   const store = createReduxStore({
     reducers: {
@@ -34266,12 +34491,18 @@ function store_createStore({
       [String(forms_reducer)]: forms_reducer,
       [String(translations_reducer)]: translations_reducer,
       [String(i18n_reducer)]: i18n_reducer,
-      [String(interrupt_reducer)]: interrupt_reducer
+      [String(interrupt_reducer)]: interrupt_reducer,
+      [String(visibility_reducer)]: visibility_reducer
     },
     initialState,
-    middlewares: [es.withExtraArgument({
+    middlewares: [errors_createMiddleware({
+      api
+    }), es.withExtraArgument({
+      api,
+      eventBus
+    }), createMiddleware(), middleware_createMiddleware({
       api
-    }), createMiddleware(), middleware_createMiddleware(), options_middleware_createMiddleware({
+    }), options_middleware_createMiddleware({
       api
     }), translations_middleware_createMiddleware()]
   });
@@ -34349,9 +34580,10 @@ class Engine {
     });
 
     const store = store_createStore({
-      api: this.api
+      api: this.api,
+      eventBus: this.eventBus
     });
-    await store.dispatch(actions_initialize(renderConfig));
+    await store.dispatch(app_actions_initialize(renderConfig));
 
     if (View) {
       S(jsxRuntime_module_e(seamly_core, {
@@ -34701,12 +34933,6 @@ function initializeExternalApi(appConfig) {
 
  // Used by: StyleGuide
 
- // Used by: StyleGuide
-
- // Used by: StyleGuide
-
- // Used by: StyleGuide
-
 
 }();
 /******/ 	return __webpack_exports__;