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

package/build/dist/lib/index.js

@@ -9947,13 +9947,10 @@ __webpack_require__.d(__webpack_exports__, {
   "Interrupt": () => (/* reexport */ interrupt),
   "MessageContainer": () => (/* reexport */ message_container),
   "SeamlyApiContext": () => (/* reexport */ SeamlyApiContext),
-  "SeamlyConfigurationError": () => (/* reexport */ SeamlyConfigurationError),
   "SeamlyEventBusContext": () => (/* reexport */ SeamlyEventBusContext),
   "SeamlyGeneralError": () => (/* reexport */ SeamlyGeneralError),
   "SeamlyLiveRegionContext": () => (/* reexport */ SeamlyLiveRegionContext),
   "SeamlyOfflineError": () => (/* reexport */ SeamlyOfflineError),
-  "SeamlySessionExpiredError": () => (/* reexport */ SeamlySessionExpiredError),
-  "SeamlyUnauthorizedError": () => (/* reexport */ SeamlyUnauthorizedError),
   "StoreProvider": () => (/* reexport */ StoreProvider),
   "Text": () => (/* reexport */ event_text),
   "ToggleButton": () => (/* reexport */ toggle_button),
@@ -9979,7 +9976,7 @@ __webpack_require__.d(__webpack_exports__, {
   "useSeamlyIdleDetachCountdown": () => (/* reexport */ use_seamly_idle_detach_countdown),
   "useSeamlyMessageContainerClassNames": () => (/* reexport */ useSeamlyMessageContainerClassNames),
   "useSeamlyOptions": () => (/* reexport */ useSeamlyOptions),
-  "useSeamlyVisibility": () => (/* reexport */ use_seamly_visibility),
+  "useSeamlyVisibility": () => (/* reexport */ useVisibility),
   "useTranslatedEventData": () => (/* reexport */ useTranslatedEventData),
   "useTranslations": () => (/* reexport */ useTranslations),
   "useTranslationsContainer": () => (/* reexport */ useTranslationsContainer),
@@ -12009,7 +12006,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;
@@ -12103,6 +12099,10 @@ const omit = (obj, keys) => Object.keys(obj).reduce((accum, key) => {
   if (!keys.includes(key)) accum[key] = obj[key];
   return accum;
 }, {});
+;// CONCATENATED MODULE: ./src/javascripts/lib/id.js
+function randomId() {
+  return '_' + (Number(String(Math.random()).slice(2)) + Date.now() + Math.round(performance.now())).toString(36);
+}
 ;// CONCATENATED MODULE: ./src/javascripts/lib/redux-helpers/index.js
 function redux_helpers_ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
 
@@ -12110,6 +12110,7 @@ function redux_helpers_objectSpread(target) { for (var i = 1; i < arguments.leng
 
 function redux_helpers_defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 
+
 const SLICE_DELIMITER = '/';
 const DOMAIN_DELIMITER = '//';
 function prefixType(prefix, fn, delimiter = '/') {
@@ -12122,7 +12123,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;
 }
@@ -12145,24 +12148,73 @@ function createActions(baseType, ...args) {
   const create = prefixType(baseType, createAction, SLICE_DELIMITER);
   return handlers.map(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);
+      }
+
+      dispatch(finalAction);
+      return finalAction;
+    })();
 
-  fn.toString = () => type;
+    return Object.assign(promise, {
+      type,
+      arg,
+      requestId
+    });
+  };
 
-  return fn;
+  return Object.assign(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;
   };
@@ -12196,6 +12248,45 @@ 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 = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(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) { selectors_ownKeys(Object(source), true).forEach(function (key) { selectors_defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { selectors_ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
+function selectors_defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+
+
+
+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/ui/utils/seamly-utils.js
 function seamly_utils_ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
 
@@ -12227,12 +12318,6 @@ const entryTypes = {
   text: 'text',
   upload: 'upload'
 };
-const visibilityStates = {
-  hidden: 'hidden',
-  minimized: 'minimized',
-  open: 'open',
-  initialize: null
-};
 const readStates = {
   received: 'received',
   read: 'read'
@@ -12279,7 +12364,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',
@@ -12307,8 +12391,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 = {
@@ -12327,7 +12409,6 @@ const {
   SET_PARTICIPANT,
   SET_HEADER_TITLE,
   SET_HEADER_SUB_TITLE,
-  SET_VISIBILITY,
   RESET_HISTORY_LOADED_FLAG,
   SET_ACTIVE_SERVICE,
   INIT_IDLE_DETACH_COUNTDOWN,
@@ -12355,8 +12436,6 @@ const {
   SET_UPLOAD_ERROR,
   CLEAR_UPLOAD,
   CLEAR_ALL_UPLOADS,
-  RESET_UPLOAD_STATE,
-  RESET_ENTRY_STATE,
   SET_SEAMLY_CONTAINER_ELEMENT
 } = seamlyActions;
 const isUnreadMessage = ({
@@ -12735,11 +12814,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), {}, {
@@ -12947,26 +13021,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), {}, {
@@ -12978,59 +13032,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 = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(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) { selectors_ownKeys(Object(source), true).forEach(function (key) { selectors_defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { selectors_ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
-
-function selectors_defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
-
-
-
-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
 
 
@@ -13123,7 +13124,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
@@ -13387,7 +13388,6 @@ function createMutex() {
 
 const {
   createAction: i18n_utils_createAction,
-  createActions: utils_createActions,
   createThunk: i18n_utils_createThunk,
   createReducer: i18n_utils_createReducer,
   selectState: utils_selectState
@@ -13406,38 +13406,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
@@ -14163,7 +14144,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
@@ -14174,13 +14159,21 @@ 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
+    }
   }) => {
+    if (!translations) {
+      return i18n_reducer_objectSpread(i18n_reducer_objectSpread({}, state), {}, {
+        isLoading: false
+      });
+    }
+
     return i18n_reducer_objectSpread(i18n_reducer_objectSpread({}, state), {}, {
       isLoading: false,
       locale,
@@ -14189,7 +14182,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));
@@ -14402,10 +14395,6 @@ const useFileUploads = () => {
     isComplete: currentUploads.every(file => file.complete)
   };
 };
-;// CONCATENATED MODULE: ./src/javascripts/lib/id.js
-function randomId() {
-  return '_' + (Number(String(Math.random()).slice(2)) + Date.now() + Math.round(performance.now())).toString(36);
-}
 ;// CONCATENATED MODULE: ./src/javascripts/ui/hooks/utility-hooks.js
 
 
@@ -14498,15 +14487,24 @@ function useInterrupt() {
     error
   };
 }
-;// CONCATENATED MODULE: ./src/javascripts/api/errors/seamly-general-error.js
-class SeamlyGeneralError extends Error {
-  constructor(params) {
-    super(params);
+;// 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, Object.getPrototypeOf(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';
@@ -14514,59 +14512,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';
   }
 
 }
@@ -14577,73 +14578,192 @@ 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 (!handledErrorTypes.some(ErrorType => action.error instanceof ErrorType)) {
-        throw action.error;
+    const {
+      error
+    } = action;
+
+    if (error) {
+      if (!handledErrorTypes.some(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
-function interrupt_reducer_ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+;// CONCATENATED MODULE: ./src/javascripts/domains/app/utils.js
 
-function interrupt_reducer_objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { interrupt_reducer_ownKeys(Object(source), true).forEach(function (key) { interrupt_reducer_defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { interrupt_reducer_ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+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
 
-function interrupt_reducer_defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 
+const selectUserHasResponded = createSelector(app_utils_selectState, state => state.userHasResponded);
 
+;// CONCATENATED MODULE: ./src/javascripts/domains/visibility/utils.js
 
-const reducer_initialState = {
-  error: undefined
+
+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;
 };
-/* harmony default export */ const interrupt_reducer = (interrupt_utils_createReducer({
-  [set]: (state, {
-    error
-  }) => {
-    return interrupt_reducer_objectSpread(interrupt_reducer_objectSpread({}, state), {}, {
-      error
-    });
-  },
-  [clear]: () => {
-    return reducer_initialState;
+;// 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 actions_ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(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) { actions_ownKeys(Object(source), true).forEach(function (key) { actions_defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { actions_ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
+function actions_defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+
+
+
+
+
+
+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 (!validVisibilityStates.includes(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
+    });
+  }
 
-;// CONCATENATED MODULE: ./src/javascripts/domains/app/utils.js
+  return calculatedVisibility;
+});
+const actions_initialize = visibility_utils_createThunk('initialize', async (locale, {
+  dispatch,
+  getState,
+  extra: {
+    api
+  }
+}) => {
+  var _api$store$get;
 
-const {
-  createAction: app_utils_createAction,
-  createThunk: app_utils_createThunk,
-  createReducer: app_utils_createReducer,
-  selectState: app_utils_selectState
-} = createDomain('app');
+  // 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];
+
+  if (storedVisibility) {
+    dispatch(setFromStorage(storedVisibility));
+  }
+
+  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));
+  let locale = config === null || config === void 0 ? void 0 : (_config$context = config.context) === null || _config$context === void 0 ? void 0 : _config$context.locale;
 
-    dispatch(initialize(config));
+  try {
     const {
       features,
       defaultLocale
@@ -14652,38 +14772,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
 
 
@@ -14699,7 +14820,7 @@ function app_reducer_defineProperty(obj, key, value) { if (key in obj) { Object.
 
 
 
-const app_reducer_initialState = {
+const reducer_initialState = {
   userHasResponded: false
 };
 /* harmony default export */ const app_reducer = (app_utils_createReducer({
@@ -14708,12 +14829,102 @@ 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 = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(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) { interrupt_reducer_ownKeys(Object(source), true).forEach(function (key) { interrupt_reducer_defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { interrupt_reducer_ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
+function interrupt_reducer_defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+
+
+
+const interrupt_reducer_initialState = {
+  error: undefined
+};
+
+const handleError = (state, {
+  error
+}) => interrupt_reducer_objectSpread(interrupt_reducer_objectSpread({}, state), {}, {
+  error
+});
+
+/* harmony default export */ const 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 = (0,hooks_namespaceObject.useCallback)(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 = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(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) { visibility_reducer_ownKeys(Object(source), true).forEach(function (key) { visibility_reducer_defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { visibility_reducer_ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
+function visibility_reducer_defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+
+
+
+const visibility_reducer_initialState = {
+  visibility: visibilityStates.initialize
+};
+/* harmony default export */ const 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
 function use_seamly_commands_ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
 
@@ -14736,15 +14947,10 @@ function use_seamly_commands_defineProperty(obj, key, value) { if (key in obj) {
 
 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 = () => {
@@ -14756,7 +14962,7 @@ const useSeamlyCommands = () => {
   const hasConversation = useSeamlyHasConversation();
   const {
     visible: visibility
-  } = useSeamlyStateContext();
+  } = useVisibility();
   const unreadMessageCount = useSeamlyUnreadCount();
   const emitEvent = (0,hooks_namespaceObject.useCallback)((...args) => {
     eventBus.emit(...args);
@@ -14778,26 +14984,12 @@ const useSeamlyCommands = () => {
     });
   }, [api, appConfig, emitEvent, hasResponded, hasConversation, visibility, unreadMessageCount]);
   const reset = (0,hooks_namespaceObject.useCallback)(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 || {};
@@ -14849,21 +15041,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]);
@@ -15146,121 +15330,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 = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(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) { use_seamly_stored_visibility_ownKeys(Object(source), true).forEach(function (key) { use_seamly_stored_visibility_defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { use_seamly_stored_visibility_ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
-
-function use_seamly_stored_visibility_defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
-
-
-
-
-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 = (0,hooks_namespaceObject.useCallback)(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 */ const 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 = (0,hooks_namespaceObject.useCallback)(visibility => {
-    const visibilityFn = visibilityCallback || calculateVisibility;
-    const requestedVisibility = visibilityFn({
-      hasConversation,
-      hasResponded,
-      previousVisibility: storedVisibility || null,
-      requestedVisibility: visibility,
-      config
-    });
-
-    if (![visibilityStates.open, visibilityStates.minimized, visibilityStates.hidden].includes(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 */ const use_seamly_visibility = (useSeamlyVisibility);
 ;// CONCATENATED MODULE: ./src/javascripts/ui/hooks/use-seamly-chat.js
 
 
@@ -15282,9 +15351,8 @@ const useSeamlyChat = () => {
   const {
     isOpen,
     isVisible,
-    visible,
     setVisibility
-  } = use_seamly_visibility();
+  } = useVisibility();
   const dispatch = use_seamly_dispatch();
   const events = useEvents();
   const spinnerTimeout = (0,hooks_namespaceObject.useRef)(null);
@@ -15328,7 +15396,6 @@ const useSeamlyChat = () => {
     prevIsOpen.current = isOpen;
     prevIsVisible.current = isVisible;
   }, [isOpen, isVisible, sendAssertive, t]);
-  (0,hooks_namespaceObject.useEffect)(() => {}, [visible, sendAssertive]);
   (0,hooks_namespaceObject.useEffect)(() => {
     // 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.
@@ -15426,7 +15493,7 @@ const useSeamlyIdleDetachCountdown = () => {
   } = useSeamlyStateContext();
   const {
     isOpen: isSeamlyOpen
-  } = use_seamly_visibility();
+  } = useVisibility();
   const stableState = (0,hooks_namespaceObject.useRef)({});
   stableState.current = {
     hasCountdown: idleDetachCountdown.hasCountdown,
@@ -15625,8 +15692,6 @@ const useSeamlyResumeConversationPrompt = () => {
 
 
 
-
-
  // This hook isn't used within the core
 // But it is used in implementations
 // and imported directly from this file
@@ -15772,7 +15837,7 @@ const ModalWrapper = ({
   const {
     isOpen,
     setVisibility
-  } = use_seamly_visibility();
+  } = useVisibility();
   const container = (0,hooks_namespaceObject.useRef)(null);
   const focusTrap = (0,hooks_namespaceObject.useRef)(null);
 
@@ -17530,7 +17595,7 @@ const AppFrame = ({
     isOpen,
     isVisible,
     setVisibility
-  } = use_seamly_visibility();
+  } = useVisibility();
   const {
     zIndex,
     showFaq
@@ -18256,7 +18321,7 @@ function ChatFrame({
   } = useInterrupt();
   const {
     isOpen
-  } = use_seamly_visibility();
+  } = useVisibility();
 
   const getContent = () => {
     if (hasInterrupt) {
@@ -18288,6 +18353,7 @@ function ChatFrame({
 
 
 
+
 const ToggleButton = ({
   onOpenChat
 }) => {
@@ -18297,7 +18363,7 @@ const ToggleButton = ({
   const titleId = useGeneratedId();
   const {
     isOpen
-  } = use_seamly_visibility();
+  } = useVisibility();
   const prevIsOpen = (0,hooks_namespaceObject.useRef)(null);
   const buttonRef = (0,hooks_namespaceObject.useRef)(null);
   const lastEventRef = (0,hooks_namespaceObject.useRef)();
@@ -18378,6 +18444,7 @@ const ToggleButton = ({
 
 
 
+
 const AgentInfo = () => {
   const {
     t
@@ -18389,7 +18456,7 @@ const AgentInfo = () => {
   const unreadMessageCount = useSeamlyUnreadCount();
   const {
     isOpen
-  } = use_seamly_visibility();
+  } = useVisibility();
   const currentAgent = useSeamlyCurrentAgent();
   const {
     hasInterrupt
@@ -19868,7 +19935,6 @@ mustache.Writer = Writer;
 ;// CONCATENATED MODULE: ./src/javascripts/ui/components/conversation/event/hooks/use-text-rendering.js
 
 
-
 mustache_mustache.escape = function (escapeText) {
   return escapeText;
 };
@@ -19877,7 +19943,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 = {}) {
   const view = {};
   Object.entries(variables).forEach(([key, variable]) => {
     switch (variable.type) {
@@ -19901,15 +19967,6 @@ function parseRichtText(text, variables = {}) {
   mustache_mustache.escape = oldEscape;
   return output;
 }
-
-const useTextRendering = ({
-  text,
-  variables = {}
-}) => {
-  return (0,hooks_namespaceObject.useMemo)(() => parseRichtText(text, variables), [text, variables]);
-};
-
-/* harmony default export */ const use_text_rendering = (useTextRendering);
 ;// CONCATENATED MODULE: ./src/javascripts/ui/components/conversation/event/text.js
 const text_excluded = ["event"];
 
@@ -19930,32 +19987,37 @@ function text_objectWithoutPropertiesLoose(source, excluded) { if (source == nul
 
 
 
+
 const Text = _ref => {
   let {
     event
   } = _ref,
       props = text_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 = (0,hooks_namespaceObject.useMemo)(() => {
+    if (!event.payload.fromClient) {
+      return {
+        bodyProps: {
+          dangerouslySetInnerHTML: {
+            __html: parseRichText(parse_body(body.text), body.variables)
+          }
+        }
+      };
+    }
+
+    return {
+      children: (0,jsx_runtime_namespaceObject.jsx)("p", {
+        children: body.text
+      })
+    };
+  }, [body, event]);
   return (0,jsx_runtime_namespaceObject.jsx)(message_container, text_objectSpread(text_objectSpread({
     type: "text",
     event: event,
     onClick: eventClick
-  }, props), {}, {
-    bodyProps: {
-      dangerouslySetInnerHTML: {
-        __html: eventBody
-      }
-    }
-  }));
+  }, props), containerProps));
 };
 
 /* harmony default export */ const event_text = (Text);
@@ -21129,6 +21191,7 @@ const PrivacyDisclaimer = () => {
 
 
 
+
 const Conversation = () => {
   const {
     t
@@ -21138,7 +21201,7 @@ const Conversation = () => {
   const isLoading = useSeamlyIsLoading();
   const {
     isOpen
-  } = use_seamly_visibility();
+  } = useVisibility();
   const skiplinkTargetId = useSkiplink();
   const focusSkiplinkTarget = useSkiplinkTargetFocusing();
   (0,hooks_namespaceObject.useEffect)(() => {
@@ -22227,10 +22290,11 @@ const Interrupt = ({
 
 
 
+
 const View = () => {
   const {
     isVisible
-  } = use_seamly_visibility();
+  } = useVisibility();
   const {
     openChat,
     closeChat
@@ -22293,7 +22357,7 @@ const SeamlyInstanceFunctionsLoader = () => {
   const {
     setVisibility,
     visible
-  } = use_seamly_visibility();
+  } = useVisibility();
   const currentVisibility = (0,hooks_namespaceObject.useRef)(visible);
   const eventBus = (0,hooks_namespaceObject.useContext)(SeamlyEventBusContext);
   const api = useSeamlyApiContext();
@@ -22417,6 +22481,7 @@ const SeamlyInstanceFunctionsLoader = () => {
 
 
 
+
 const {
   SET_EVENTS_READ: seamly_read_state_SET_EVENTS_READ
 } = seamlyActions;
@@ -22430,7 +22495,7 @@ const SeamlyReadState = () => {
   const {
     isOpen,
     isVisible
-  } = use_seamly_visibility();
+  } = useVisibility();
   const {
     sendAction
   } = use_seamly_commands();
@@ -22485,6 +22550,7 @@ const SeamlyReadState = () => {
 
 
 
+
 const SeamlyNewNotifications = () => {
   const {
     t
@@ -22498,7 +22564,7 @@ const SeamlyNewNotifications = () => {
   } = useLiveRegion();
   const {
     isOpen
-  } = use_seamly_visibility();
+  } = useVisibility();
   const prevIsOpen = (0,hooks_namespaceObject.useRef)(null);
   const debounceFunc = (0,hooks_namespaceObject.useRef)(null);
   const notifyUnread = (0,hooks_namespaceObject.useMemo)(() => {
@@ -22713,23 +22779,18 @@ const SeamlyActivityMonitor = ({
 
 
 
-
 const SeamlyInitializer = () => {
   const {
     initUserSelectedOptions
   } = useSeamlyOptions();
   const seamlyInitialized = (0,hooks_namespaceObject.useRef)(false);
-  const {
-    setVisibility
-  } = use_seamly_visibility();
   const config = useConfig();
   (0,hooks_namespaceObject.useEffect)(() => {
     if (config.api && !seamlyInitialized.current) {
       seamlyInitialized.current = true;
       initUserSelectedOptions();
-      setVisibility(visibilityStates.initialize);
     }
-  }, [initUserSelectedOptions, config, setVisibility]);
+  }, [initUserSelectedOptions, config]);
   return null;
 };
 
@@ -22961,18 +23022,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;
               }
 
@@ -23142,6 +23203,50 @@ const SeamlyFileUpload = ({
 };
 
 /* harmony default export */ const 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
 
 
@@ -23157,6 +23262,8 @@ const SeamlyFileUpload = ({
 
 
 
+
+
 const SeamlyCore = ({
   store,
   children,
@@ -23164,6 +23271,7 @@ const SeamlyCore = ({
   eventBus,
   api
 }) => {
+  (0,hooks_namespaceObject.useErrorBoundary)(error => store.dispatch(catchError(error)));
   return (0,jsx_runtime_namespaceObject.jsx)(StoreProvider, {
     store: store,
     children: (0,jsx_runtime_namespaceObject.jsx)(SeamlyEventBusContext.Provider, {
@@ -24799,7 +24907,14 @@ function store(key) {
   const KEY = 'cvco.' + key;
   return {
     get() {
-      return JSON.parse(sessionStorage.getItem(KEY));
+      const candidates = [KEY, KEY.split('.').slice(0, -1).join('.')];
+      let val;
+
+      do {
+        val = sessionStorage.getItem(candidates[0]);
+      } while (candidates.shift() && !val);
+
+      return JSON.parse(val);
     },
 
     set(value) {
@@ -25033,7 +25148,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 {
@@ -25054,7 +25168,7 @@ class API {
       return initialState;
     } catch (error) {
       if (error.status >= 500) {
-        throw new SeamlyGeneralError();
+        throw new SeamlyGeneralError(error);
       }
 
       throw error;
@@ -25100,15 +25214,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;
@@ -25173,11 +25287,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;
@@ -25194,15 +25308,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;
@@ -25225,7 +25339,7 @@ class API {
       return body.translations;
     } catch (error) {
       if (error.status >= 500) {
-        throw new SeamlyGeneralError();
+        throw new SeamlyGeneralError(error);
       }
 
       throw error;
@@ -25351,9 +25465,16 @@ 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 = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(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) { state_reducer_ownKeys(Object(source), true).forEach(function (key) { state_reducer_defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { state_reducer_ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
+function state_reducer_defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
 // Legacy state reducer. Do not add new features here but extract/create new reducers as needed
 
 
+
 const state_reducer_initialState = {
   events: [],
   initialState: {},
@@ -25364,7 +25485,6 @@ const state_reducer_initialState = {
     isActive: false
   },
   resumeConversationPrompt: false,
-  visible: visibilityStates.hidden,
   serviceInfo: {
     activeServiceSessionId: ''
   },
@@ -25401,6 +25521,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
@@ -25414,9 +25543,12 @@ function stateReducer(state = state_reducer_initialState, action) {
 
 
 
+
+
 function store_createStore({
   initialState,
-  api
+  api,
+  eventBus
 } = {}) {
   const store = createReduxStore({
     reducers: {
@@ -25426,12 +25558,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()]
   });
@@ -25504,9 +25642,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) {
       (0,external_preact_namespaceObject.render)((0,jsx_runtime_namespaceObject.jsx)(seamly_core, {
@@ -25826,12 +25965,6 @@ function initializeExternalApi(appConfig) {
 
  // Used by: StyleGuide
 
- // Used by: StyleGuide
-
- // Used by: StyleGuide
-
- // Used by: StyleGuide
-
 
 })();