@defra/flood-webchat 0.0.1-beta.38-draft → 0.0.1-beta.39

package/dist/client.js

@@ -19,8 +19,6 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _skip_link_jsx__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../skip-link.jsx */ "./src/client/components/skip-link.jsx");
 /* harmony import */ var _store_useApp__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../store/useApp */ "./src/client/store/useApp.js");
 /* harmony import */ var _lib_history_js__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../lib/history.js */ "./src/client/lib/history.js");
-/* harmony import */ var _live_region_jsx__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../live-region.jsx */ "./src/client/components/live-region.jsx");
-
 
 
 
@@ -35,8 +33,7 @@ function Availability() {
     unseenCount,
     threadId,
     setUnseenCount,
-    setInstigatorId,
-    setLiveRegionText
+    setInstigatorId
   } = (0,_store_useApp__WEBPACK_IMPORTED_MODULE_4__.useApp)();
   const buttonRef = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)();
   const onClick = e => {
@@ -61,14 +58,6 @@ function Availability() {
       setChatVisibility(!isChatOpen);
     }
   };
-  (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(() => {
-    if (!isChatOpen && unseenCount > 0) {
-      setLiveRegionText(`Floodline Webchat - ${unseenCount} new messages`);
-    }
-    return () => {
-      setLiveRegionText();
-    };
-  }, [unseenCount, isChatOpen]);
   (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(() => {
     const onScroll = () => {
       if (!threadId) {
@@ -111,9 +100,9 @@ function Availability() {
         onKeyDown: onKeyDown,
         role: "button",
         "data-module": "govuk-button"
-      }, TextComponent, unseenCount > 0 && !isChatOpen ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement((react__WEBPACK_IMPORTED_MODULE_0___default().Fragment), null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("span", {
+      }, TextComponent, unseenCount > 0 && !isChatOpen ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("span", {
         className: "wc-availability__unseen"
-      }, unseenCount), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_live_region_jsx__WEBPACK_IMPORTED_MODULE_6__.LiveRegion, null)) : null))), isChatOpen && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_panel_panel_jsx__WEBPACK_IMPORTED_MODULE_2__.Panel, null), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_skip_link_jsx__WEBPACK_IMPORTED_MODULE_3__.SkipLink, null));
+      }, unseenCount) : null))), isChatOpen && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_panel_panel_jsx__WEBPACK_IMPORTED_MODULE_2__.Panel, null), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_skip_link_jsx__WEBPACK_IMPORTED_MODULE_3__.SkipLink, null));
     case 'EXISTING':
     case 'UNAVAILABLE':
       return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
@@ -166,10 +155,8 @@ function Chat({
     agent,
     agentStatus,
     isAgentTyping,
-    isChatOpen,
     settings,
-    isKeyboard,
-    setLiveRegionText
+    isKeyboard
   } = (0,_store_useApp_js__WEBPACK_IMPORTED_MODULE_4__.useApp)();
   const [userMessage, setUserMessage] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)('');
   const [focusVisibleWithin, setFocusVisibleWithin] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(false);
@@ -194,39 +181,12 @@ function Chat({
   };
   const agentName = agent?.nickname || agent?.firstName;
   const connectionHeadlineText = (0,_lib_agent_status_headline_js__WEBPACK_IMPORTED_MODULE_7__.agentStatusHeadline)(availability, agentStatus, agentName);
-  (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(() => {
-    if (connectionHeadlineText) {
-      setLiveRegionText(`Floodline Webchat - ${connectionHeadlineText}`);
-    }
-    return () => {
-      setLiveRegionText();
-    };
-  }, [connectionHeadlineText]);
-  (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(() => {
-    if (isAgentTyping && isChatOpen) {
-      setLiveRegionText(`${agentName} is typing...`);
-    }
-    return () => {
-      setLiveRegionText();
-    };
-  }, [isAgentTyping, isChatOpen]);
-  (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(() => {
-    const lastAgentMessage = messages[messages.length - 1];
-    if (lastAgentMessage?.direction === 'outbound') {
-      setLiveRegionText(`${agentName} said: ${lastAgentMessage.text}`);
-    }
-    return () => {
-      setLiveRegionText();
-    };
-  }, [messages]);
   const sendMessage = () => {
-    if (messageRef.current.value.length === 0) {
+    if (messageRef.current.value.length === 0 || agentStatus === 'closed') {
       return;
     }
     try {
-      const message = messageRef.current.value.trim();
-      thread.sendTextMessage(message);
-      setLiveRegionText(`You said: ${message}`);
+      thread.sendTextMessage(messageRef.current.value.trim());
     } catch (err) {
       console.log('[Chat Error] sendMessage', err);
     }
@@ -260,10 +220,12 @@ function Chat({
         default:
           break;
       }
-    } else if (e.key === ' ') {
+    }
+    if (e.key === ' ') {
       if (e.target.id === 'end-chat') {
         onEndChatScreen(e);
-      } else if (e.target.id === 'wc-settings') {
+      }
+      if (e.target.id === 'wc-settings') {
         onSettingsScreen(e);
       }
     }
@@ -420,72 +382,6 @@ const ErrorSummary = ({
 
 /***/ }),
 
-/***/ "./src/client/components/live-region.jsx":
-/*!***********************************************!*\
-  !*** ./src/client/components/live-region.jsx ***!
-  \***********************************************/
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
-
-__webpack_require__.r(__webpack_exports__);
-/* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   LiveRegion: () => (/* binding */ LiveRegion)
-/* harmony export */ });
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var lodash_debounce__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! lodash.debounce */ "lodash.debounce");
-/* harmony import */ var lodash_debounce__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(lodash_debounce__WEBPACK_IMPORTED_MODULE_1__);
-/* harmony import */ var _store_useApp__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../store/useApp */ "./src/client/store/useApp.js");
-
-
-
-const LiveRegion = () => {
-  const {
-    agentStatus,
-    liveRegionText,
-    setLiveRegionText
-  } = (0,_store_useApp__WEBPACK_IMPORTED_MODULE_2__.useApp)();
-  const [textA, setTextA] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)();
-  const [textB, setTextB] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)();
-  const isSessionEnded = agentStatus === 'closed' || agentStatus === null;
-  const clearText = () => {
-    setTextA();
-    setTextB();
-  };
-  const setText = (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)(lodash_debounce__WEBPACK_IMPORTED_MODULE_1___default()(text => {
-    if (textA) {
-      setTextB(text);
-    } else {
-      setTextA(text);
-    }
-  }, 2000), [textA, textB]);
-  (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(() => {
-    console.log('liveRegionText', liveRegionText);
-    if (liveRegionText) {
-      clearText();
-      setText(liveRegionText);
-    }
-    if (isSessionEnded) {
-      clearText();
-      setLiveRegionText();
-    }
-    return () => {
-      clearText();
-      setLiveRegionText();
-    };
-  }, [liveRegionText]);
-  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement((react__WEBPACK_IMPORTED_MODULE_0___default().Fragment), null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
-    className: "wc-live",
-    "aria-live": "polite",
-    "aria-atomic": "true"
-  }, textA), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
-    className: "wc-live",
-    "aria-live": "polite",
-    "aria-atomic": "true"
-  }, textB));
-};
-
-/***/ }),
-
 /***/ "./src/client/components/message/message.jsx":
 /*!***************************************************!*\
   !*** ./src/client/components/message/message.jsx ***!
@@ -666,12 +562,10 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _screens_end_chat_jsx__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../screens/end-chat.jsx */ "./src/client/components/screens/end-chat.jsx");
 /* harmony import */ var _screens_settings_jsx__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../screens/settings.jsx */ "./src/client/components/screens/settings.jsx");
 /* harmony import */ var _screens_feedback_jsx__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../screens/feedback.jsx */ "./src/client/components/screens/feedback.jsx");
-/* harmony import */ var _live_region_jsx__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ../live-region.jsx */ "./src/client/components/live-region.jsx");
-/* harmony import */ var _store_useApp_js__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ../../store/useApp.js */ "./src/client/store/useApp.js");
-/* harmony import */ var _store_useChatSdk_js__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ../../store/useChatSdk.js */ "./src/client/store/useChatSdk.js");
-/* harmony import */ var _hooks_useFocusedElements_js__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ../../hooks/useFocusedElements.js */ "./src/client/hooks/useFocusedElements.js");
-/* harmony import */ var _lib_history_js__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ../../lib/history.js */ "./src/client/lib/history.js");
-
+/* harmony import */ var _store_useApp_js__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ../../store/useApp.js */ "./src/client/store/useApp.js");
+/* harmony import */ var _store_useChatSdk_js__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ../../store/useChatSdk.js */ "./src/client/store/useChatSdk.js");
+/* harmony import */ var _hooks_useFocusedElements_js__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ../../hooks/useFocusedElements.js */ "./src/client/hooks/useFocusedElements.js");
+/* harmony import */ var _lib_history_js__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ../../lib/history.js */ "./src/client/lib/history.js");
 
 
 
@@ -700,13 +594,13 @@ function Panel() {
     setUnseenCount,
     isMobile,
     isKeyboard
-  } = (0,_store_useApp_js__WEBPACK_IMPORTED_MODULE_11__.useApp)();
+  } = (0,_store_useApp_js__WEBPACK_IMPORTED_MODULE_10__.useApp)();
   const {
     fetchThread,
     fetchMessages
-  } = (0,_store_useChatSdk_js__WEBPACK_IMPORTED_MODULE_12__.useChatSdk)(sdk);
+  } = (0,_store_useChatSdk_js__WEBPACK_IMPORTED_MODULE_11__.useChatSdk)(sdk);
   const [screen, setScreen] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(threadId ? 2 : 0);
-  (0,_hooks_useFocusedElements_js__WEBPACK_IMPORTED_MODULE_13__.useFocusedElements)(screen);
+  (0,_hooks_useFocusedElements_js__WEBPACK_IMPORTED_MODULE_12__.useFocusedElements)(screen);
   const onEscapeKey = (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)(e => {
     if (e.key === 'Escape' || e.key === 'Esc') {
       if (threadId) {
@@ -714,7 +608,7 @@ function Panel() {
         setUnseenCount(0);
       }
       setChatVisibility(false);
-      (0,_lib_history_js__WEBPACK_IMPORTED_MODULE_14__.historyReplaceState)();
+      (0,_lib_history_js__WEBPACK_IMPORTED_MODULE_13__.historyReplaceState)();
       document.getElementById(instigatorId)?.focus();
     }
   }, [thread, threadId, setUnseenCount, setChatVisibility]);
@@ -830,7 +724,7 @@ function Panel() {
     "aria-labelledby": "wc-header-title"
   }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
     className: "wc-panel__inner"
-  }, ScreenComponent), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_live_region_jsx__WEBPACK_IMPORTED_MODULE_10__.LiveRegion, null));
+  }, ScreenComponent));
   return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement((react__WEBPACK_IMPORTED_MODULE_0___default().Fragment), null, /*#__PURE__*/(0,react_dom__WEBPACK_IMPORTED_MODULE_1__.createPortal)(Component, document.body));
 }
 
@@ -850,8 +744,6 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
 /* harmony import */ var _panel_panel_header_jsx__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../panel/panel-header.jsx */ "./src/client/components/panel/panel-header.jsx");
 /* harmony import */ var _store_useApp_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../store/useApp.js */ "./src/client/store/useApp.js");
-/* harmony import */ var _lib_history_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../lib/history.js */ "./src/client/lib/history.js");
-
 
 
 
@@ -865,11 +757,13 @@ function EndChat({
     setMessages,
     agentStatus,
     thread,
+    threadId,
     setUnseenCount,
     isKeyboard
   } = (0,_store_useApp_js__WEBPACK_IMPORTED_MODULE_2__.useApp)();
   const confirmEndChat = async e => {
     e.preventDefault();
+    window.localStorage.setItem('tmpThreadId', threadId);
     setThreadId();
     setMessages([]);
     setCustomerId();
@@ -880,7 +774,6 @@ function EndChat({
     if (agentStatus !== 'closed') {
       thread.endChat();
     }
-    (0,_lib_history_js__WEBPACK_IMPORTED_MODULE_3__.historyReplaceState)();
     onEndChatConfirm(e);
   };
   (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(() => {
@@ -893,7 +786,8 @@ function EndChat({
   const handleKeyPress = e => {
     if ((e.key === 'Enter' || e.key === ' ') && e.target.id === 'confirm-endchat') {
       confirmEndChat(e);
-    } else if ((e.key === 'Enter' || e.key === ' ') && e.target.id === 'resume-chat') {
+    }
+    if ((e.key === 'Enter' || e.key === ' ') && e.target.id === 'resume-chat') {
       onChatScreen(e);
     }
   };
@@ -945,12 +839,23 @@ __webpack_require__.r(__webpack_exports__);
 function Feedback({
   onCancel
 }) {
-  const feedbackCancel = async e => {
+  const feedbackSend = e => {
+    const tmpThreadId = window.localStorage.getItem('tmpThreadId');
+    window.location.href = `https://defragroup.eu.qualtrics.com/jfe/form/SV_8dgFSJcxxIfqx5Y?Id=${tmpThreadId}&Source=${window.location.href}`;
+    window.localStorage.removeItem('tmpThreadId');
+    onCancel(e);
+  };
+  const feedbackClose = async e => {
     onCancel(e);
   };
   const handleKeyPress = e => {
-    if ((e.key === 'Enter' || e.key === ' ') && e.target.id === 'feedback-cancel') {
-      onCancel(e);
+    if (e.key === 'Enter' || e.key === ' ') {
+      if (e.target.id === 'feedback-close') {
+        feedbackClose(e);
+      }
+      if (e.target.id === 'feedback-send') {
+        feedbackSend(e);
+      }
     }
   };
   return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement((react__WEBPACK_IMPORTED_MODULE_0___default().Fragment), null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_panel_panel_header_jsx__WEBPACK_IMPORTED_MODULE_1__.PanelHeader, null), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
@@ -961,18 +866,21 @@ function Feedback({
     id: "wc-subtitle",
     className: "wc-heading"
   }, "Give Feedback on Floodline webchat"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", null, "Please note we\u2019re unable to respond to feedback."), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("a", {
+    id: "feedback-send",
     className: "govuk-link",
     href: "#",
     target: "_blank",
-    rel: "noreferrer"
-  }, "Feedback Link")), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("a", {
-    id: "feedback-cancel",
+    rel: "noreferrer",
+    onKeyDown: handleKeyPress,
+    onClick: feedbackSend
+  }, "Leave Feedback")), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("a", {
+    id: "feedback-close",
     className: "wc-link govuk-link",
     href: "#",
     "data-module": "govuk-button",
     role: "button",
     onKeyDown: handleKeyPress,
-    onClick: feedbackCancel
+    onClick: feedbackClose
   }, "Close")))));
 }
 
@@ -1099,6 +1007,9 @@ function RequestChat({
   const buttonLabel = isButtonDisabled ? 'Requesting...' : 'Request Chat';
   const onRequestChat = async e => {
     e.preventDefault();
+    if (isButtonDisabled) {
+      return;
+    }
     const errs = {};
     if (nameRef.current.value.length === 0) {
       errs.name = 'Enter your name';
@@ -1199,7 +1110,7 @@ function RequestChat({
     className: "wc-button govuk-button govuk-!-margin-top-1",
     "data-module": "govuk-button",
     onClick: onRequestChat,
-    disabled: isButtonDisabled
+    "aria-disabled": isButtonDisabled
   }, buttonLabel)))));
 }
 
@@ -1364,10 +1275,10 @@ __webpack_require__.r(__webpack_exports__);
 
 const SkipLink = () => {
   const {
-    thread,
+    threadId,
     setInstigatorId
   } = (0,_store_useApp__WEBPACK_IMPORTED_MODULE_2__.useApp)();
-  if (!thread) {
+  if (!threadId) {
     return null;
   }
   const targetContainer = document.getElementById('skip-links');
@@ -1503,20 +1414,19 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */   agentStatusHeadline: () => (/* binding */ agentStatusHeadline)
 /* harmony export */ });
 const agentStatusHeadline = (availability, agentStatus, agentName) => {
-  let connectionHeadlineText = 'Connecting to Floodline';
-  if (agentStatus === 'closed') {
-    connectionHeadlineText = agentName ? `${agentName} ended the session` : 'Session ended by advisor';
-  } else if (agentStatus) {
-    if (agentName) {
-      connectionHeadlineText = `You are speaking with ${agentName}`;
-    } else {
-      connectionHeadlineText = 'No advisers currently available';
-    }
-  }
   if (availability === 'UNAVAILABLE') {
-    connectionHeadlineText = 'Webchat is not currently available';
+    return 'Webchat is not currently available';
+  }
+  if (!agentStatus) {
+    return 'Connecting to Floodline';
+  }
+  switch (agentStatus) {
+    case 'closed':
+    case 'resolved':
+      return agentName ? `${agentName} ended the session` : 'Session ended by advisor';
+    default:
+      return agentName ? `You are speaking with ${agentName}` : 'No advisers currently available';
   }
-  return connectionHeadlineText;
 };
 
 /***/ }),
@@ -1728,7 +1638,7 @@ const AppProvider = ({
       payload: e.detail.data.case.status
     });
   };
-  const onAgentTypingStarted = e => {
+  const onAgentTypingStarted = () => {
     dispatch({
       type: 'SET_AGENT_TYPING',
       payload: true
@@ -1739,9 +1649,6 @@ const AppProvider = ({
       type: 'SET_AGENT_TYPING',
       payload: false
     });
-    dispatch({
-      type: 'SET_LIVE_REGION_TEXT'
-    });
   };
   const onMessageCreated = e => {
     dispatch({
@@ -1887,12 +1794,6 @@ const AppProvider = ({
       payload: id
     });
   };
-  const setLiveRegionText = text => {
-    dispatch({
-      type: 'SET_LIVE_REGION_TEXT',
-      payload: text
-    });
-  };
 
   /**
    * Application-wide state and state functions
@@ -1908,7 +1809,6 @@ const AppProvider = ({
     setUnseenCount,
     setChatVisibility,
     setInstigatorId,
-    setLiveRegionText,
     onLiveChatRecovered,
     onAssignedAgentChanged,
     onAgentTypingStarted,
@@ -1988,17 +1888,16 @@ const setThread = (state, payload) => {
     thread: payload
   };
 };
-const setMessages = (state, payload) => {
+const setMessage = (state, payload) => {
   return {
     ...state,
-    messages: (0,_lib_transform_messages__WEBPACK_IMPORTED_MODULE_0__.transformMessages)(payload).reverse()
+    messages: [...state.messages, (0,_lib_transform_messages__WEBPACK_IMPORTED_MODULE_0__.transformMessage)(payload)]
   };
 };
-const setMessage = (state, payload) => {
+const setMessages = (state, payload) => {
   return {
     ...state,
-    message: (0,_lib_transform_messages__WEBPACK_IMPORTED_MODULE_0__.transformMessage)(payload),
-    messages: [...state.messages, (0,_lib_transform_messages__WEBPACK_IMPORTED_MODULE_0__.transformMessage)(payload)]
+    messages: (0,_lib_transform_messages__WEBPACK_IMPORTED_MODULE_0__.transformMessages)(payload).reverse()
   };
 };
 const setAgent = (state, payload) => {
@@ -2031,12 +1930,6 @@ const setInstigatorId = (state, payload) => {
     instigatorId: payload
   };
 };
-const setLiveRegionText = (state, payload) => {
-  return {
-    ...state,
-    liveRegionText: payload
-  };
-};
 const toggleIsMobile = (state, payload) => {
   return {
     ...state,
@@ -2063,7 +1956,6 @@ const actionsMap = {
   SET_AGENT_STATUS: setAgentStatus,
   SET_UNSEEN_COUNT: setUnseenCount,
   SET_INSTIGATOR_ID: setInstigatorId,
-  SET_LIVE_REGION_TEXT: setLiveRegionText,
   TOGGLE_IS_MOBILE: toggleIsMobile,
   TOGGLE_IS_KEYBOARD: toggleIsKeyboard
 };
@@ -2210,16 +2102,6 @@ module.exports = require("@nice-devone/nice-cxone-chat-web-sdk");
 
 /***/ }),
 
-/***/ "lodash.debounce":
-/*!**********************************!*\
-  !*** external "lodash.debounce" ***!
-  \**********************************/
-/***/ ((module) => {
-
-module.exports = require("lodash.debounce");
-
-/***/ }),
-
 /***/ "luxon":
 /*!************************!*\
   !*** external "luxon" ***!