@defra/flood-webchat 0.0.1-beta.47 → 0.0.1-beta.49

package/dist/client.js

@@ -1,2433 +1 @@
-/******/ (() => { // webpackBootstrap
-/******/ 	"use strict";
-/******/ 	var __webpack_modules__ = ({
-
-/***/ "./src/client/components/availability/availability.jsx":
-/*!*************************************************************!*\
-  !*** ./src/client/components/availability/availability.jsx ***!
-  \*************************************************************/
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
-
-__webpack_require__.r(__webpack_exports__);
-/* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   Availability: () => (/* binding */ Availability)
-/* 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 _lib_classnames__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../lib/classnames */ "./src/client/lib/classnames.js");
-/* harmony import */ var _panel_panel_jsx__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../panel/panel.jsx */ "./src/client/components/panel/panel.jsx");
-/* 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");
-
-
-
-
-
-
-
-function Availability() {
-  const {
-    availability,
-    isChatOpen,
-    setChatVisibility,
-    unseenCount,
-    threadId,
-    setUnseenCount,
-    setInstigatorId,
-    setLiveRegionText
-  } = (0,_store_useApp__WEBPACK_IMPORTED_MODULE_4__.useApp)();
-  const buttonRef = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)();
-  const showUnseenCount = unseenCount > 0 && !isChatOpen;
-  const messageText = unseenCount > 1 ? 'new messages' : 'new message';
-  const onClick = e => {
-    e.preventDefault();
-    setUnseenCount(0);
-    setChatVisibility(!isChatOpen);
-    setInstigatorId(e.target.id);
-    if (!isChatOpen) {
-      (0,_lib_history_js__WEBPACK_IMPORTED_MODULE_5__.historyPushState)();
-    } else {
-      (0,_lib_history_js__WEBPACK_IMPORTED_MODULE_5__.historyReplaceState)();
-    }
-  };
-  const onKeyDown = event => {
-    if (event.key === ' ') {
-      event.preventDefault();
-    }
-  };
-  const onKeyUp = event => {
-    if (event.key === ' ') {
-      setUnseenCount(0);
-      setChatVisibility(!isChatOpen);
-    }
-  };
-  (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(() => {
-    if (showUnseenCount) {
-      setLiveRegionText(`Floodline webchat - ${unseenCount} ${messageText}`);
-    }
-    return () => {
-      setLiveRegionText();
-    };
-  }, [unseenCount, isChatOpen]);
-  (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(() => {
-    const onScroll = () => {
-      if (!threadId) {
-        return;
-      }
-      if (availability !== 'AVAILABLE') {
-        return;
-      }
-      const rect = buttonRef.current.parentElement.getBoundingClientRect();
-      const isBelowFold = rect.top + 35 > (window.innerHeight || document.documentElement.clientHeight);
-      const isFixed = !isChatOpen && isBelowFold;
-      document.documentElement.classList.toggle('wc-u-scroll-padding', isFixed);
-      document.body.classList.toggle('wc-u-scroll-padding', isFixed);
-      buttonRef.current.classList.toggle('wc-availability--fixed', isFixed);
-    };
-    document.addEventListener('scroll', onScroll);
-    onScroll();
-    return () => {
-      document.removeEventListener('scroll', onScroll);
-    };
-  }, [threadId, isChatOpen, availability]);
-  switch (availability) {
-    case 'AVAILABLE':
-      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: (0,_lib_classnames__WEBPACK_IMPORTED_MODULE_1__.classnames)('wc-availability', isChatOpen && 'wc-open'),
-        ref: buttonRef
-      }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
-        className: "wc-availability__inner"
-      }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("a", {
-        id: "webchat-start-chat-link",
-        className: "wc-availability__link",
-        href: "#webchat",
-        draggable: "false",
-        onClick: onClick,
-        onKeyUp: onKeyUp,
-        onKeyDown: onKeyDown,
-        role: "button",
-        "data-module": "govuk-button"
-      }, !threadId ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement((react__WEBPACK_IMPORTED_MODULE_0___default().Fragment), null, "Start chat") : /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement((react__WEBPACK_IMPORTED_MODULE_0___default().Fragment), null, "Show chat"), showUnseenCount ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("span", {
-        className: "wc-availability__unseen"
-      }, unseenCount, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("span", {
-        className: "govuk-visually-hidden"
-      }, " ", messageText)) : null))), !isChatOpen ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_live_region_jsx__WEBPACK_IMPORTED_MODULE_6__.LiveRegion, null) : /*#__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", {
-        className: "govuk-body"
-      }, "When it is available, a 'start chat' link will appear.");
-    default:
-      return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
-        className: "govuk-body"
-      }, "Checking availability");
-  }
-}
-
-/***/ }),
-
-/***/ "./src/client/components/chat/chat.jsx":
-/*!*********************************************!*\
-  !*** ./src/client/components/chat/chat.jsx ***!
-  \*********************************************/
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
-
-__webpack_require__.r(__webpack_exports__);
-/* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   Chat: () => (/* binding */ Chat)
-/* 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 _panel_panel_header_jsx__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../panel/panel-header.jsx */ "./src/client/components/panel/panel-header.jsx");
-/* harmony import */ var _panel_panel_footer_jsx__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../panel/panel-footer.jsx */ "./src/client/components/panel/panel-footer.jsx");
-/* harmony import */ var _message_message_jsx__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../message/message.jsx */ "./src/client/components/message/message.jsx");
-/* harmony import */ var _store_useApp_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../store/useApp.js */ "./src/client/store/useApp.js");
-/* harmony import */ var _hooks_useTextareaAutosize_js__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../hooks/useTextareaAutosize.js */ "./src/client/hooks/useTextareaAutosize.js");
-/* harmony import */ var _lib_transform_messages_js__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../lib/transform-messages.js */ "./src/client/lib/transform-messages.js");
-/* harmony import */ var _lib_agent_status_headline_js__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../lib/agent-status-headline.js */ "./src/client/lib/agent-status-headline.js");
-
-
-
-
-
-
-
-
-function Chat({
-  onEndChatScreen,
-  onSettingsScreen
-}) {
-  const {
-    availability,
-    thread,
-    messages,
-    agent,
-    agentStatus,
-    isAgentTyping,
-    isChatOpen,
-    settings,
-    isKeyboard,
-    setLiveRegionText
-  } = (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);
-  const messageRef = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)();
-  (0,_hooks_useTextareaAutosize_js__WEBPACK_IMPORTED_MODULE_5__.useTextareaAutosize)(messageRef.current, userMessage);
-  (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(() => {
-    if (settings.scroll && messages.length !== 0) {
-      const chatBody = document.querySelector('.wc-body');
-      chatBody.scrollTop = chatBody.scrollHeight;
-    }
-  }, [messages, isAgentTyping]);
-  (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(() => {
-    const label = document.querySelector('.wc-form__label');
-    if (userMessage.length === 0) {
-      label.classList.remove('govuk-visually-hidden');
-    } else {
-      label.classList.add('govuk-visually-hidden');
-    }
-  }, [userMessage]);
-  const onChange = e => {
-    setUserMessage(e.target?.value);
-  };
-  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 (agentStatus !== 'closed' && lastAgentMessage?.direction === 'outbound') {
-      setLiveRegionText(`${agentName} said: ${lastAgentMessage.text}`);
-    }
-    return () => {
-      setLiveRegionText();
-    };
-  }, [messages]);
-  const sendMessage = () => {
-    if (messageRef.current.value.length === 0 || agentStatus === 'closed') {
-      return;
-    }
-    try {
-      const message = messageRef.current.value.trim();
-      thread.sendTextMessage(message);
-      setLiveRegionText(`You said: ${message}`);
-    } catch (err) {
-      console.log('[Chat Error] sendMessage', err);
-    }
-    setUserMessage('');
-  };
-  const handleSubmit = e => {
-    e.preventDefault();
-    sendMessage();
-  };
-  const saveChat = () => {
-    const transcript = (0,_lib_transform_messages_js__WEBPACK_IMPORTED_MODULE_6__.formatTranscript)(messages);
-    const saveChatLink = document.querySelector('#transcript-download');
-    saveChatLink.setAttribute('href', `data:text/plain;charset=utf-8,${transcript}`);
-  };
-  const handleKeyPress = e => {
-    if (e.key === 'Enter' && !e.shiftKey) {
-      switch (e.target.id) {
-        case 'text-area':
-          e.preventDefault();
-          sendMessage();
-          break;
-        case 'end-chat':
-          onEndChatScreen(e);
-          break;
-        case 'wc-settings':
-          onSettingsScreen(e);
-          break;
-        case 'transcript-download':
-          saveChat();
-          break;
-        default:
-          break;
-      }
-    }
-    if (e.key === ' ') {
-      if (e.target.id === 'end-chat') {
-        onEndChatScreen(e);
-      }
-      if (e.target.id === 'wc-settings') {
-        onSettingsScreen(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", {
-    className: "wc-status"
-  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
-    className: "wc-status__availability"
-  }, connectionHeadlineText), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("a", {
-    id: "end-chat",
-    className: "wc-status__link",
-    href: "#",
-    "data-module": "govuk-button",
-    role: "button",
-    onClick: onEndChatScreen,
-    onKeyDown: handleKeyPress
-  }, "End chat")), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
-    className: "wc-body",
-    tabIndex: "0"
-  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("ul", {
-    className: "wc-chat"
-  }, messages.length ? messages.map((msg, index) => /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_message_message_jsx__WEBPACK_IMPORTED_MODULE_3__.Message, {
-    key: msg.id,
-    message: msg,
-    previousMessage: messages[index - 1]
-  })) : null, isAgentTyping ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("li", {
-    className: "wc-chat__message outbound"
-  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
-    className: "wc-chat__from"
-  }, agentName, " is typing"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
-    className: "wc-chat__text outbound"
-  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("svg", {
-    width: "28",
-    height: "16",
-    x: "0px",
-    y: "0px",
-    viewBox: "0 0 28 16"
-  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("circle", {
-    stroke: "none",
-    cx: "3",
-    cy: "8",
-    r: "3",
-    fill: "currentColor"
-  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("circle", {
-    stroke: "none",
-    cx: "14",
-    cy: "8",
-    r: "3",
-    fill: "currentColor"
-  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("circle", {
-    stroke: "none",
-    cx: "25",
-    cy: "8",
-    r: "3",
-    fill: "currentColor"
-  })))) : null)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_panel_panel_footer_jsx__WEBPACK_IMPORTED_MODULE_2__.PanelFooter, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("form", {
-    className: `wc-form${focusVisibleWithin ? ' wc-focus-within' : ''}`,
-    noValidate: true,
-    onSubmit: handleSubmit
-  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("label", {
-    className: "govuk-label wc-form__label",
-    htmlFor: "wc-form-textarea"
-  }, "Your message", /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("span", {
-    className: "govuk-visually-hidden"
-  }, " (enter key submits)")), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("textarea", {
-    ref: messageRef,
-    rows: "1",
-    "aria-required": "true",
-    className: "wc-form__textarea",
-    id: "text-area",
-    name: "message",
-    onChange: onChange,
-    onKeyDown: handleKeyPress,
-    onFocus: () => {
-      setFocusVisibleWithin(isKeyboard);
-    },
-    onBlur: () => {
-      setFocusVisibleWithin(false);
-    },
-    value: userMessage
-  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("input", {
-    type: "submit",
-    className: "wc-form__button govuk-button",
-    value: "Send",
-    "data-prevent-double-click": "true"
-  })), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
-    className: "wc-footer__settings"
-  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("a", {
-    href: "#",
-    id: "wc-settings",
-    className: "wc-footer__settings-link",
-    "data-module": "govuk-button",
-    onKeyDown: handleKeyPress,
-    onClick: onSettingsScreen
-  }, "Settings"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("a", {
-    href: "#",
-    id: "transcript-download",
-    className: "wc-footer__settings-link",
-    "data-module": "govuk-button",
-    download: "floodline-webchat-transcript.txt",
-    onKeyDown: handleKeyPress,
-    onClick: saveChat
-  }, "Save chat"))));
-}
-
-/***/ }),
-
-/***/ "./src/client/components/errorSummary/error-summary.jsx":
-/*!**************************************************************!*\
-  !*** ./src/client/components/errorSummary/error-summary.jsx ***!
-  \**************************************************************/
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
-
-__webpack_require__.r(__webpack_exports__);
-/* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   ErrorSummary: () => (/* binding */ ErrorSummary)
-/* 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__);
-
-const ErrorSummary = ({
-  errors
-}) => {
-  const errs = Object.keys(errors);
-  const goToInput = e => {
-    e.preventDefault();
-    const key = e.target.getAttribute('data-key');
-    document.querySelector(`#wc-${key}`).focus();
-  };
-  if (errs.length === 0) {
-    return null;
-  }
-  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
-    className: "govuk-error-summary govuk-!-static-margin-bottom-7",
-    "data-module": "govuk-error-summary",
-    tabIndex: "-1"
-  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
-    role: "alert"
-  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("h2", {
-    id: "wc-error",
-    className: "wc-error-summary__title govuk-error-summary__title"
-  }, "There is a problem"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
-    className: "govuk-error-summary__body"
-  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("ul", {
-    className: "govuk-list govuk-error-summary__list wc-error-summary__list"
-  }, errs.map(key => /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("li", {
-    key: key
-  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("a", {
-    href: "#",
-    "data-key": key,
-    onClick: goToInput
-  }, errors[key])))))));
-};
-
-/***/ }),
-
-/***/ "./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 DEBOUNCE_MILLISECONDS = 2000;
-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);
-    }
-  }, DEBOUNCE_MILLISECONDS), [textA, textB]);
-  (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(() => {
-    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",
-    role: "status",
-    "aria-atomic": "true"
-  }, textA), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
-    className: "wc-live",
-    role: "status",
-    "aria-atomic": "true"
-  }, textB));
-};
-
-/***/ }),
-
-/***/ "./src/client/components/message/message.jsx":
-/*!***************************************************!*\
-  !*** ./src/client/components/message/message.jsx ***!
-  \***************************************************/
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
-
-__webpack_require__.r(__webpack_exports__);
-/* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   Message: () => (/* binding */ Message)
-/* 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 _lib_classnames__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../lib/classnames */ "./src/client/lib/classnames.js");
-
-
-function Message({
-  message,
-  previousMessage
-}) {
-  const outbound = message.direction === 'outbound';
-  const messageOwnerSameAsPrevious = message?.direction === previousMessage?.direction;
-  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("li", {
-    className: (0,_lib_classnames__WEBPACK_IMPORTED_MODULE_1__.classnames)('wc-chat__message', outbound ? 'outbound' : 'inbound')
-  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
-    className: "wc-chat__from"
-  }, messageOwnerSameAsPrevious ? null : /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("span", null, outbound ? message.assignee : 'You'), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("span", {
-    className: "govuk-visually-hidden"
-  }, ":")), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
-    className: (0,_lib_classnames__WEBPACK_IMPORTED_MODULE_1__.classnames)('wc-chat__text', outbound ? 'outbound' : 'inbound')
-  }, message.text));
-}
-
-/***/ }),
-
-/***/ "./src/client/components/panel/panel-footer.jsx":
-/*!******************************************************!*\
-  !*** ./src/client/components/panel/panel-footer.jsx ***!
-  \******************************************************/
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
-
-__webpack_require__.r(__webpack_exports__);
-/* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   PanelFooter: () => (/* binding */ PanelFooter)
-/* 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__);
-
-function PanelFooter({
-  children
-}) {
-  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
-    className: "wc-footer"
-  }, children);
-}
-
-/***/ }),
-
-/***/ "./src/client/components/panel/panel-header.jsx":
-/*!******************************************************!*\
-  !*** ./src/client/components/panel/panel-header.jsx ***!
-  \******************************************************/
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
-
-__webpack_require__.r(__webpack_exports__);
-/* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   PanelHeader: () => (/* binding */ PanelHeader)
-/* 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 _store_useApp_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../store/useApp.js */ "./src/client/store/useApp.js");
-/* harmony import */ var _lib_history_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../lib/history.js */ "./src/client/lib/history.js");
-
-
-
-function PanelHeader() {
-  const {
-    thread,
-    threadId,
-    setChatVisibility,
-    setUnseenCount,
-    isMobile
-  } = (0,_store_useApp_js__WEBPACK_IMPORTED_MODULE_1__.useApp)();
-  const onClose = e => {
-    e.preventDefault();
-    setChatVisibility(false);
-    (0,_lib_history_js__WEBPACK_IMPORTED_MODULE_2__.historyReplaceState)();
-    if (threadId) {
-      thread?.lastMessageSeen();
-      setUnseenCount(0);
-    }
-  };
-  const BackButtonComponent = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("button", {
-    className: "wc-header__back",
-    "aria-label": "Close the webchat",
-    onClick: onClose
-  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("svg", {
-    "aria-hidden": "true",
-    focusable: "false",
-    width: "20",
-    height: "20",
-    viewBox: "0 0 20 20"
-  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("path", {
-    d: "M4.828,11L12.314,18.485L10.899,19.899L1,10L10.899,0.101L12.314,1.515L4.828,9L19,9L19,11L4.828,11Z",
-    fill: "currentColor"
-  })));
-  const CloseButtonComponent = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("button", {
-    className: "wc-header__close",
-    "aria-label": "Close the webchat",
-    onClick: onClose
-  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("svg", {
-    "aria-hidden": "true",
-    focusable: "false",
-    width: "20",
-    height: "20",
-    viewBox: "0 0 20 20"
-  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("path", {
-    d: "M10,8.6L15.6,3L17,4.4L11.4,10L17,15.6L15.6,17L10,11.4L4.4,17L3,15.6L8.6,10L3,4.4L4.4,3L10,8.6Z",
-    fill: "currentColor"
-  })));
-  const MinimiseButtonComponent = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("button", {
-    className: "wc-header__hide",
-    "aria-label": "Minimise the webchat",
-    onClick: onClose
-  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("svg", {
-    "aria-hidden": "true",
-    focusable: "false",
-    width: "20",
-    height: "20",
-    viewBox: "0 0 20 20"
-  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("path", {
-    d: "M10 14.4l-7-7L4.4 6l5.6 5.6L15.6 6 17 7.4l-7 7z",
-    fill: "currentColor"
-  })));
-  const isMobileAndHasHistory = isMobile && window.history.state;
-  const isMobileAndNoHistory = isMobile && !window.history.state;
-  let RightButtonComponent = CloseButtonComponent;
-  if (threadId) {
-    RightButtonComponent = MinimiseButtonComponent;
-    if (isMobileAndNoHistory) {
-      RightButtonComponent = MinimiseButtonComponent;
-    }
-  }
-  if (!threadId && isMobileAndNoHistory) {
-    RightButtonComponent = CloseButtonComponent;
-  }
-  if (isMobileAndHasHistory) {
-    RightButtonComponent = null;
-  }
-  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
-    className: "wc-header"
-  }, isMobileAndHasHistory ? BackButtonComponent : null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("h2", {
-    id: "wc-header",
-    className: "wc-header__title"
-  }, "Floodline webchat"), RightButtonComponent);
-}
-
-/***/ }),
-
-/***/ "./src/client/components/panel/panel.jsx":
-/*!***********************************************!*\
-  !*** ./src/client/components/panel/panel.jsx ***!
-  \***********************************************/
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
-
-__webpack_require__.r(__webpack_exports__);
-/* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   Panel: () => (/* binding */ Panel)
-/* 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 react_dom__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react-dom */ "react-dom");
-/* harmony import */ var react_dom__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react_dom__WEBPACK_IMPORTED_MODULE_1__);
-/* harmony import */ var _lib_classnames_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../lib/classnames.js */ "./src/client/lib/classnames.js");
-/* harmony import */ var _screens_pre_chat_jsx__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../screens/pre-chat.jsx */ "./src/client/components/screens/pre-chat.jsx");
-/* harmony import */ var _screens_request_chat_jsx__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../screens/request-chat.jsx */ "./src/client/components/screens/request-chat.jsx");
-/* harmony import */ var _chat_chat_jsx__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../chat/chat.jsx */ "./src/client/components/chat/chat.jsx");
-/* harmony import */ var _screens_unavailable_jsx__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../screens/unavailable.jsx */ "./src/client/components/screens/unavailable.jsx");
-/* 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");
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-function Panel() {
-  const {
-    sdk,
-    availability,
-    instigatorId,
-    thread,
-    threadId,
-    setThread,
-    setThreadId,
-    setChatVisibility,
-    setMessages,
-    setUnseenCount,
-    isMobile,
-    isKeyboard
-  } = (0,_store_useApp_js__WEBPACK_IMPORTED_MODULE_11__.useApp)();
-  const {
-    fetchThread,
-    fetchMessages
-  } = (0,_store_useChatSdk_js__WEBPACK_IMPORTED_MODULE_12__.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);
-  const onEscapeKey = (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)(e => {
-    if (e.key === 'Escape' || e.key === 'Esc') {
-      if (threadId) {
-        thread?.lastMessageSeen();
-        setUnseenCount(0);
-      }
-      setChatVisibility(false);
-      (0,_lib_history_js__WEBPACK_IMPORTED_MODULE_14__.historyReplaceState)();
-    }
-  }, [thread, threadId, setUnseenCount, setChatVisibility]);
-
-  /**
-   * Focus previously focused element when closing the webchat
-   */
-  (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(() => {
-    return () => {
-      document.getElementById(instigatorId)?.focus();
-    };
-  }, []);
-
-  /**
-  * We need ammend classes on the body element to handle mobile behaviour
-  */
-  (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(() => {
-    document.body.classList.remove('wc-u-hidden');
-    document.getElementsByTagName('html')[0].classList.add('wc-u-html');
-    document.body.classList.add('wc-u-body');
-    return () => {
-      document.getElementsByTagName('html')[0].classList.remove('wc-u-html');
-      document.body.classList.remove('wc-u-body');
-    };
-  }, [isMobile]);
-
-  /**
-   * Initializes the eventListener for pressing the escape key
-   */
-  (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(() => {
-    document.addEventListener('keydown', onEscapeKey);
-    return () => {
-      document.removeEventListener('keydown', onEscapeKey);
-    };
-  }, [onEscapeKey, setChatVisibility]);
-
-  /**
-   * Recovers the thread if there is a threadId but no thread loaded in to state
-   */
-  (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(() => {
-    const recover = async () => {
-      try {
-        const fetchedThread = await fetchThread(threadId);
-        setThread(fetchedThread);
-        const fetchedMessages = await fetchMessages(fetchedThread, threadId);
-        setMessages(fetchedMessages);
-      } catch (err) {
-        console.log('[Chat Error] fetchThread', err);
-        setThreadId();
-        setThread();
-        setScreen(0);
-      }
-    };
-    if (threadId) {
-      if (thread) {
-        thread.lastMessageSeen();
-        setUnseenCount(0);
-        setScreen(2);
-      } else {
-        recover();
-      }
-    }
-  }, [thread, threadId]);
-  const handleScreenChange = newScreen => e => {
-    e.preventDefault();
-    setScreen(newScreen);
-  };
-  const goToPreChatScreen = handleScreenChange(0);
-  const goToRequestChatScreen = handleScreenChange(1);
-  const goToChatScreen = handleScreenChange(2);
-  const goToEndChatScreen = handleScreenChange(3);
-  const goToFeedbackScreen = handleScreenChange(4);
-  const goToSettingsScreen = handleScreenChange(5);
-  let ScreenComponent;
-  switch (screen) {
-    case 0:
-      ScreenComponent = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_screens_pre_chat_jsx__WEBPACK_IMPORTED_MODULE_3__.PreChat, {
-        onContinue: goToRequestChatScreen
-      });
-      break;
-    case 1:
-      ScreenComponent = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_screens_request_chat_jsx__WEBPACK_IMPORTED_MODULE_4__.RequestChat, {
-        onPreChatScreen: goToPreChatScreen
-      });
-      break;
-    case 2:
-      ScreenComponent = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_chat_chat_jsx__WEBPACK_IMPORTED_MODULE_5__.Chat, {
-        onSettingsScreen: goToSettingsScreen,
-        onEndChatScreen: goToEndChatScreen
-      });
-      break;
-    case 3:
-      ScreenComponent = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_screens_end_chat_jsx__WEBPACK_IMPORTED_MODULE_7__.EndChat, {
-        onChatScreen: goToChatScreen,
-        onEndChatConfirm: goToFeedbackScreen
-      });
-      break;
-    case 4:
-      ScreenComponent = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_screens_feedback_jsx__WEBPACK_IMPORTED_MODULE_9__.Feedback, {
-        onCancel: () => {
-          setChatVisibility(false);
-          (0,_lib_history_js__WEBPACK_IMPORTED_MODULE_14__.historyReplaceState)();
-        }
-      });
-      break;
-    case 5:
-      ScreenComponent = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_screens_settings_jsx__WEBPACK_IMPORTED_MODULE_8__.Settings, {
-        onCancel: goToChatScreen
-      });
-      break;
-    default:
-      ScreenComponent = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_screens_pre_chat_jsx__WEBPACK_IMPORTED_MODULE_3__.PreChat, {
-        onContinue: goToRequestChatScreen
-      });
-  }
-  if (availability === 'UNAVAILABLE') {
-    ScreenComponent = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_screens_unavailable_jsx__WEBPACK_IMPORTED_MODULE_6__.Unavailable, null);
-  }
-  const Component = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
-    id: "wc-panel",
-    role: "dialog",
-    className: (0,_lib_classnames_js__WEBPACK_IMPORTED_MODULE_2__.classnames)('wc-panel', isKeyboard && 'wc-focus-visible'),
-    tabIndex: "-1",
-    "aria-modal": "true",
-    "aria-labelledby": "wc-header wc-subtitle"
-  }, /*#__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));
-  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));
-}
-
-/***/ }),
-
-/***/ "./src/client/components/screens/end-chat.jsx":
-/*!****************************************************!*\
-  !*** ./src/client/components/screens/end-chat.jsx ***!
-  \****************************************************/
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
-
-__webpack_require__.r(__webpack_exports__);
-/* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   EndChat: () => (/* binding */ EndChat)
-/* 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 _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");
-
-
-
-function EndChat({
-  onChatScreen,
-  onEndChatConfirm
-}) {
-  const {
-    setCustomerId,
-    setThreadId,
-    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();
-    thread.lastMessageSeen();
-    setUnseenCount(0);
-
-    // End chat if still open
-    if (agentStatus !== 'closed') {
-      thread.endChat();
-    }
-    onEndChatConfirm(e);
-  };
-  (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(() => {
-    if (isKeyboard) {
-      setTimeout(() => {
-        document.querySelector('#confirm-endchat').focus();
-      }, 10);
-    }
-  }, []);
-  const handleKeyPress = e => {
-    if ((e.key === 'Enter' || e.key === ' ') && e.target.id === 'confirm-endchat') {
-      confirmEndChat(e);
-    }
-    if ((e.key === 'Enter' || e.key === ' ') && e.target.id === 'resume-chat') {
-      onChatScreen(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", {
-    className: "wc-body"
-  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
-    className: "wc-content"
-  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("h3", {
-    id: "wc-subtitle",
-    className: "wc-heading",
-    "aria-live": "polite"
-  }, "Are you sure you want to end the chat?"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
-    className: "govuk-button-group"
-  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("a", {
-    id: "confirm-endchat",
-    href: "#endChat",
-    role: "button",
-    className: "wc-button govuk-button",
-    "data-module": "govuk-button",
-    onClick: confirmEndChat,
-    onKeyDown: handleKeyPress
-  }, "Yes, end chat"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("a", {
-    id: "resume-chat",
-    href: "#resumeChat",
-    role: "button",
-    className: "wc-link govuk-link",
-    "data-module": "govuk-button",
-    onClick: onChatScreen,
-    onKeyDown: handleKeyPress
-  }, "No, resume chat")))));
-}
-
-/***/ }),
-
-/***/ "./src/client/components/screens/feedback.jsx":
-/*!****************************************************!*\
-  !*** ./src/client/components/screens/feedback.jsx ***!
-  \****************************************************/
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
-
-__webpack_require__.r(__webpack_exports__);
-/* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   Feedback: () => (/* binding */ Feedback)
-/* 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 _panel_panel_header_jsx__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../panel/panel-header.jsx */ "./src/client/components/panel/panel-header.jsx");
-
-
-function Feedback({
-  onCancel
-}) {
-  const feedbackSend = () => {
-    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');
-  };
-  const feedbackClose = async e => {
-    window.localStorage.removeItem('tmpThreadId');
-    onCancel(e);
-  };
-  const handleKeyPress = e => {
-    if (e.key === 'Enter' || e.key === ' ') {
-      if (e.target.id === 'feedback-close') {
-        feedbackClose(e);
-      }
-      if (e.target.id === 'feedback-send') {
-        feedbackSend();
-      }
-    }
-  };
-  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", {
-    className: "wc-body"
-  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
-    className: "wc-content"
-  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("h3", {
-    id: "wc-subtitle",
-    className: "wc-heading"
-  }, "Give Feedback on Floodline webchat"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", null, "We're running webchat as a trial. you can\xA0", /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("a", {
-    id: "feedback-send",
-    className: "govuk-link",
-    href: "#",
-    target: "_blank",
-    rel: "noreferrer",
-    onKeyDown: handleKeyPress,
-    onClick: feedbackSend
-  }, "give feedback"), "\xA0to help us improve it."), /*#__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: feedbackClose
-  }, "Close")))));
-}
-
-/***/ }),
-
-/***/ "./src/client/components/screens/pre-chat.jsx":
-/*!****************************************************!*\
-  !*** ./src/client/components/screens/pre-chat.jsx ***!
-  \****************************************************/
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
-
-__webpack_require__.r(__webpack_exports__);
-/* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   PreChat: () => (/* binding */ PreChat)
-/* 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 _panel_panel_header_jsx__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../panel/panel-header.jsx */ "./src/client/components/panel/panel-header.jsx");
-
-
-function PreChat({
-  onContinue
-}) {
-  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", {
-    className: "wc-body"
-  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
-    className: "wc-content"
-  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("h3", {
-    id: "wc-subtitle",
-    className: "wc-heading",
-    "aria-live": "polite"
-  }, "What you can use webchat for"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", null, "Webchat lets you talk directly to a Floodline adviser."), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", null, "You can use webchat to get:"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("ul", {
-    className: "wc-list"
-  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("li", null, "current flood warnings and alerts in your area"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("li", null, "information on the flood warning service"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("li", null, "advice on what to do before, during and after a flood")), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", null, "There are other ways to\xA0", /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("a", {
-    className: "govuk-link",
-    href: "https://www.gov.uk/sign-up-for-flood-warnings",
-    target: "_blank",
-    rel: "noreferrer"
-  }, "sign up for flood warnings"), "\xA0and\xA0", /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("a", {
-    className: "govuk-link",
-    href: "https://www.fws.environment-agency.gov.uk/app/olr/login",
-    target: "_blank",
-    rel: "noreferrer"
-  }, "manage your flood warnings account"), "."), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", null, "Do not use webchat to\xA0", /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("a", {
-    className: "govuk-link",
-    href: "https://www.gov.uk/report-flood-cause",
-    target: "_blank",
-    rel: "noreferrer"
-  }, "report a flood"), "."), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("button", {
-    className: "govuk-button wc-button govuk-!-margin-top-1",
-    "data-module": "govuk-button",
-    onClick: onContinue
-  }, "Continue"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("h3", {
-    className: "wc-heading"
-  }, "Other flood information"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", null, "Call Floodline for all other flood and flood warning information."), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("strong", null, "Floodline helpline"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("br", null), "Telephone: 0345 988 1188", /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("br", null), "Textphone: 0345 602 6340", /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("br", null), "Open 24 hours a day, 7 days a week", /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("br", null), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("a", {
-    className: "govuk-link",
-    href: "https://gov.uk/call-charges",
-    target: "_blank",
-    rel: "noreferrer"
-  }, "Find out more about call charges")))));
-}
-
-/***/ }),
-
-/***/ "./src/client/components/screens/request-chat.jsx":
-/*!********************************************************!*\
-  !*** ./src/client/components/screens/request-chat.jsx ***!
-  \********************************************************/
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
-
-__webpack_require__.r(__webpack_exports__);
-/* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   RequestChat: () => (/* binding */ RequestChat)
-/* 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 uuid__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! uuid */ "uuid");
-/* harmony import */ var uuid__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(uuid__WEBPACK_IMPORTED_MODULE_1__);
-/* harmony import */ var _lib_classnames_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../lib/classnames.js */ "./src/client/lib/classnames.js");
-/* harmony import */ var _panel_panel_header_jsx__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../panel/panel-header.jsx */ "./src/client/components/panel/panel-header.jsx");
-/* harmony import */ var _store_useApp_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../store/useApp.js */ "./src/client/store/useApp.js");
-/* harmony import */ var _store_useChatSdk_js__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../store/useChatSdk.js */ "./src/client/store/useChatSdk.js");
-/* harmony import */ var _errorSummary_error_summary_jsx__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../errorSummary/error-summary.jsx */ "./src/client/components/errorSummary/error-summary.jsx");
-
-
-
-
-
-
-
-const QUESTION_MAX_LENGTH = 500;
-function RequestChat({
-  onPreChatScreen
-}) {
-  const {
-    sdk,
-    setCustomerId,
-    setThreadId,
-    setThread,
-    setLiveRegionText
-  } = (0,_store_useApp_js__WEBPACK_IMPORTED_MODULE_4__.useApp)();
-  const {
-    fetchCustomerId,
-    fetchThread
-  } = (0,_store_useChatSdk_js__WEBPACK_IMPORTED_MODULE_5__.useChatSdk)(sdk);
-  const [errors, setErrors] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)({});
-  const [questionLength, setQuestionLength] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(0);
-  const [isButtonDisabled, setButtonDisabled] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(false);
-  const nameRef = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)();
-  const questionRef = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)();
-  const isQuestionLengthValid = QUESTION_MAX_LENGTH >= questionLength;
-  const questionLengthRemaining = QUESTION_MAX_LENGTH - questionLength;
-  const questionLengthExceeded = questionLength - QUESTION_MAX_LENGTH;
-  let questionHint = `You have ${questionLengthRemaining} characters remaining`;
-  if (!isQuestionLengthValid) {
-    questionHint = `You have ${questionLengthExceeded} characters too many`;
-  }
-  (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(() => {
-    if (Object.keys(errors).length) {
-      document.querySelector('.govuk-error-summary')?.focus();
-    }
-  }, [errors]);
-  const onQuestionChange = e => {
-    setQuestionLength(e.target.value.length);
-  };
-  const buttonLabel = isButtonDisabled ? 'Requesting...' : 'Request chat';
-  (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(() => {
-    if (isButtonDisabled) {
-      setLiveRegionText(buttonLabel);
-    }
-  }, [isButtonDisabled]);
-  const onRequestChat = async e => {
-    e.preventDefault();
-    if (isButtonDisabled) {
-      return;
-    }
-    const errs = {};
-    if (nameRef.current.value.length === 0) {
-      errs.name = 'Enter your name';
-    }
-    if (questionRef.current.value.length === 0) {
-      errs.question = 'Enter your question';
-    }
-    if (questionRef.current.value.length > QUESTION_MAX_LENGTH) {
-      errs.question = 'Your question must be 500 characters or less';
-    }
-    if (Object.keys(errs).length === 0) {
-      try {
-        setButtonDisabled(true);
-        const threadId = uuid__WEBPACK_IMPORTED_MODULE_1__.v4();
-        const customerId = await fetchCustomerId();
-        const thread = await fetchThread(threadId);
-        sdk.getCustomer().setName(nameRef.current.value);
-        await thread.startChat(questionRef.current.value || 'Begin conversation');
-        setCustomerId(customerId);
-        setThreadId(threadId);
-        setThread(thread);
-        thread.setCustomField('threadid', threadId);
-      } catch (err) {
-        console.log('[Request chat Error]', err);
-      }
-    }
-    setErrors(errs);
-  };
-  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_3__.PanelHeader, null), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
-    className: "wc-body"
-  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
-    className: "wc-content"
-  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("a", {
-    href: "#",
-    className: "wc-back-link govuk-back-link",
-    onClick: onPreChatScreen
-  }, "What you can use webchat for"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_errorSummary_error_summary_jsx__WEBPACK_IMPORTED_MODULE_6__.ErrorSummary, {
-    errors: errors
-  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("h3", {
-    id: "wc-subtitle",
-    className: "wc-heading",
-    "aria-live": "polite"
-  }, "Your name and question"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("form", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
-    className: (0,_lib_classnames_js__WEBPACK_IMPORTED_MODULE_2__.classnames)('wc-form-group', 'govuk-form-group', errors.name && 'govuk-form-group--error')
-  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("label", {
-    className: "wc-label govuk-label",
-    htmlFor: "wc-name"
-  }, "Your name"), errors.name && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
-    className: "govuk-error-message"
-  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("span", {
-    className: "govuk-visually-hidden"
-  }, "Error:"), " ", errors.name), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("input", {
-    ref: nameRef,
-    className: (0,_lib_classnames_js__WEBPACK_IMPORTED_MODULE_2__.classnames)('wc-input', 'govuk-input', errors.name && 'govuk-input--error'),
-    id: "wc-name",
-    name: "name",
-    type: "text",
-    "data-testid": "request-chat-user-name"
-  })), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
-    className: "wc-form-group govuk-character-count",
-    "data-module": "govuk-character-count",
-    "data-maxlength": "500"
-  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
-    className: (0,_lib_classnames_js__WEBPACK_IMPORTED_MODULE_2__.classnames)('govuk-form-group', errors.question && 'govuk-form-group--error')
-  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("label", {
-    className: "wc-label govuk-label",
-    htmlFor: "wc-question"
-  }, "Your question"), errors.question && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
-    className: "govuk-error-message"
-  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("span", {
-    className: "govuk-visually-hidden"
-  }, "Error:"), errors.question), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("textarea", {
-    ref: questionRef,
-    id: "wc-question",
-    name: "question",
-    rows: "5",
-    "aria-describedby": "wc-question-info",
-    onChange: onQuestionChange,
-    className: (0,_lib_classnames_js__WEBPACK_IMPORTED_MODULE_2__.classnames)('wc-textarea', 'govuk-textarea', 'govuk-js-character-count', !isQuestionLengthValid || errors.question ? 'govuk-textarea--error' : ''),
-    "data-testid": "request-chat-user-question"
-  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
-    id: "wc-question-info",
-    className: "wc-hint govuk-hint govuk-char-count__msg",
-    style: {
-      color: `${!isQuestionLengthValid ? '#d4351c' : ''}`
-    },
-    "aria-hidden": "true"
-  }, questionHint), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
-    className: "govuk-character-count__sr-status govuk-visually-hidden",
-    "aria-live": "polite"
-  }, questionHint))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
-    className: "wc-inset-text govuk-inset-text"
-  }, "By selecting 'Request chat' you agree to the terms of our\xA0", /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("a", {
-    href: "https://check-for-flooding.service.gov.uk/privacy-notice",
-    target: "_blank",
-    rel: "noreferrer",
-    className: "govuk-link"
-  }, "privacy notice"), "."), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("button", {
-    className: "wc-button govuk-button govuk-!-margin-top-1",
-    "data-module": "govuk-button",
-    onClick: onRequestChat,
-    "aria-disabled": isButtonDisabled
-  }, buttonLabel)))));
-}
-
-/***/ }),
-
-/***/ "./src/client/components/screens/settings.jsx":
-/*!****************************************************!*\
-  !*** ./src/client/components/screens/settings.jsx ***!
-  \****************************************************/
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
-
-__webpack_require__.r(__webpack_exports__);
-/* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   Settings: () => (/* binding */ Settings)
-/* 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 _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");
-
-
-
-function Settings({
-  onCancel
-}) {
-  const {
-    settings,
-    setSettings
-  } = (0,_store_useApp_js__WEBPACK_IMPORTED_MODULE_2__.useApp)();
-  const [optionAudio, setOptionAudio] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(settings.audio);
-  const [optionScroll, setOptionScroll] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(settings.scroll);
-  const onSave = e => {
-    e.preventDefault();
-    setSettings({
-      audio: optionAudio,
-      scroll: optionScroll
-    });
-    onCancel(e);
-  };
-  const handleKeyPress = e => {
-    if ((e.key === 'Enter' || e.key === ' ') && e.target.id === 'settings-save') {
-      onSave(e);
-    } else if ((e.key === 'Enter' || e.key === ' ') && e.target.id === 'settings-cancel') {
-      onCancel(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", {
-    className: "wc-body"
-  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
-    className: "wc-content"
-  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("fieldset", {
-    className: "govuk-fieldset govuk-!-margin-bottom-4"
-  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("legend", {
-    className: "govuk-fieldset__legend govuk-fieldset__legend"
-  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("h3", {
-    id: "wc-subtitle",
-    className: "wc-heading"
-  }, "Change settings")), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
-    className: "govuk-checkboxes govuk-checkboxes--small",
-    "data-module": "govuk-checkboxes"
-  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
-    className: "govuk-checkboxes__item"
-  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("input", {
-    id: "audio",
-    name: "audio",
-    type: "checkbox",
-    value: "audio",
-    className: "govuk-checkboxes__input",
-    defaultChecked: optionAudio,
-    onChange: () => setOptionAudio(!optionAudio)
-  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("label", {
-    className: "wc-label govuk-label govuk-checkboxes__label",
-    htmlFor: "audio"
-  }, "Play a sound when receiving a new message")), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
-    className: "govuk-checkboxes__item"
-  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("input", {
-    id: "scroll",
-    name: "scroll",
-    type: "checkbox",
-    value: "scroll",
-    className: "govuk-checkboxes__input",
-    defaultChecked: optionScroll,
-    onChange: () => setOptionScroll(!optionScroll)
-  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("label", {
-    className: "wc-label govuk-label govuk-checkboxes__label",
-    htmlFor: "scroll"
-  }, "Scroll automatically to a new message")))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
-    className: "govuk-button-group"
-  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("a", {
-    id: "settings-save",
-    href: "#",
-    className: "wc-button govuk-button",
-    "data-module": "govuk-button",
-    role: "button",
-    onClick: onSave,
-    onKeyDown: handleKeyPress
-  }, "Save"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("a", {
-    id: "settings-cancel",
-    href: "#",
-    className: "wc-link govuk-link",
-    "data-module": "govuk-button",
-    role: "button",
-    onClick: onCancel,
-    onKeyDown: handleKeyPress
-  }, "Cancel")))));
-}
-
-/***/ }),
-
-/***/ "./src/client/components/screens/unavailable.jsx":
-/*!*******************************************************!*\
-  !*** ./src/client/components/screens/unavailable.jsx ***!
-  \*******************************************************/
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
-
-__webpack_require__.r(__webpack_exports__);
-/* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   Unavailable: () => (/* binding */ Unavailable)
-/* 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 _panel_panel_header_jsx__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../panel/panel-header.jsx */ "./src/client/components/panel/panel-header.jsx");
-
-
-function Unavailable() {
-  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", {
-    className: "wc-body"
-  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("h3", {
-    id: "wc-subtitle",
-    className: "govuk-heading-m"
-  }, "Webchat is currently not available"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
-    className: "govuk-body-s"
-  }, "Try again later, or call Floodline:"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
-    className: "govuk-body-s"
-  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("strong", null, "Floodline helpline"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("br", null), "Telephone: 0345 988 1188", /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("br", null), "Textphone: 0345 602 6340", /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("br", null), "Open 24 hours a day, 7 days a week", /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("br", null), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("a", {
-    className: "govuk-link",
-    href: "https://gov.uk/call-charges"
-  }, "Find out more about call charges")), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
-    className: "govuk-body-s"
-  }, "We're running webchat as a trial, it will not always be available.")));
-}
-
-/***/ }),
-
-/***/ "./src/client/components/skip-link.jsx":
-/*!*********************************************!*\
-  !*** ./src/client/components/skip-link.jsx ***!
-  \*********************************************/
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
-
-__webpack_require__.r(__webpack_exports__);
-/* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   SkipLink: () => (/* binding */ SkipLink)
-/* 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 react_dom__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react-dom */ "react-dom");
-/* harmony import */ var react_dom__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react_dom__WEBPACK_IMPORTED_MODULE_1__);
-/* harmony import */ var _store_useApp__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../store/useApp */ "./src/client/store/useApp.js");
-
-
-
-const SkipLink = () => {
-  const {
-    threadId,
-    setInstigatorId
-  } = (0,_store_useApp__WEBPACK_IMPORTED_MODULE_2__.useApp)();
-  if (!threadId) {
-    return null;
-  }
-  const targetContainer = document.getElementById('webchat-skip-link-container');
-  if (!targetContainer) {
-    return null;
-  }
-  const onClick = e => {
-    e.preventDefault();
-    setInstigatorId(e.target.id);
-    window.location.hash = '#webchat';
-  };
-  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)( /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("a", {
-    id: "webchat-skip-link",
-    href: "#webchat",
-    className: "govuk-skip-link",
-    "data-module": "govuk-skip-link",
-    onClick: onClick,
-    "data-wc-skiplink": true,
-    "data-wc-open-btn": true
-  }, "Skip to webchat"), targetContainer));
-};
-
-/***/ }),
-
-/***/ "./src/client/hooks/useFocusedElements.js":
-/*!************************************************!*\
-  !*** ./src/client/hooks/useFocusedElements.js ***!
-  \************************************************/
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
-
-__webpack_require__.r(__webpack_exports__);
-/* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   getFocusableElements: () => (/* binding */ getFocusableElements),
-/* harmony export */   useFocusedElements: () => (/* binding */ useFocusedElements)
-/* 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__);
-
-const ariaHidden = 'aria-hidden';
-const dataWcInert = 'data-wc-inert';
-const setAriaHidden = isInert => {
-  for (const node of document.body.children) {
-    if (node.id !== 'wc-panel') {
-      // We only want to toggle elements that aren't already inert
-      if (isInert && !node.getAttribute(ariaHidden)) {
-        node.setAttribute(ariaHidden, 'true');
-        node.setAttribute(dataWcInert, '');
-      } else if (node.hasAttribute(dataWcInert)) {
-        node.removeAttribute(ariaHidden);
-        node.removeAttribute(dataWcInert);
-      }
-    }
-  }
-};
-const getFocusableElements = () => {
-  const selectors = ['#wc-panel a:not([disabled])', '#wc-panel button:not([disabled])', '#wc-panel select:not([disabled])', '#wc-panel input:not([disabled])', '#wc-panel textarea:not([disabled])', '#wc-panel *[tabindex="0"]:not([disabled])'];
-  const elements = document.body.querySelectorAll(selectors.join(','));
-  return Array.from(elements).filter(e => !e.closest('[hidden]') && !e.closest('[aria-hidden="true"]'));
-};
-const useFocusedElements = screen => {
-  const [panelElements, setPanelElements] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)([]);
-  const onKeyDown = (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)(e => {
-    const webchatPanelElement = document.querySelector('#wc-panel');
-    if (e.key === 'Tab') {
-      if (webchatPanelElement && !document.activeElement.closest('#wc-panel')) {
-        webchatPanelElement.focus();
-      }
-      if (e.shiftKey) {
-        if (document.activeElement === panelElements[0]) {
-          panelElements[panelElements.length - 1].focus();
-          e.preventDefault();
-        } else if (document.activeElement === document.querySelector('#wc-panel')) {
-          panelElements[panelElements.length - 1]?.focus();
-          e.preventDefault();
-        }
-      } else if (document.activeElement === panelElements[panelElements.length - 1]) {
-        panelElements[0].focus();
-        e.preventDefault();
-      }
-    }
-  }, [panelElements]);
-  (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(() => {
-    setPanelElements(getFocusableElements());
-  }, [screen]);
-  (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(() => {
-    setAriaHidden(true);
-    const panelElement = document.querySelector('#wc-panel');
-    panelElement.focus();
-    document.addEventListener('keydown', onKeyDown);
-    return () => {
-      setAriaHidden();
-      document.removeEventListener('keydown', onKeyDown);
-    };
-  }, [panelElements]);
-};
-
-
-/***/ }),
-
-/***/ "./src/client/hooks/useTextareaAutosize.js":
-/*!*************************************************!*\
-  !*** ./src/client/hooks/useTextareaAutosize.js ***!
-  \*************************************************/
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
-
-__webpack_require__.r(__webpack_exports__);
-/* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   useTextareaAutosize: () => (/* binding */ useTextareaAutosize)
-/* 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__);
-
-const useTextareaAutosize = (textAreaRef, value) => {
-  (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(() => {
-    if (textAreaRef) {
-      textAreaRef.style.height = '0px';
-      const scrollHeight = textAreaRef.scrollHeight;
-      textAreaRef.style.height = `${scrollHeight}px`;
-    }
-  }, [textAreaRef, value]);
-};
-
-/***/ }),
-
-/***/ "./src/client/lib/agent-status-headline.js":
-/*!*************************************************!*\
-  !*** ./src/client/lib/agent-status-headline.js ***!
-  \*************************************************/
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
-
-__webpack_require__.r(__webpack_exports__);
-/* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   agentStatusHeadline: () => (/* binding */ agentStatusHeadline)
-/* harmony export */ });
-const agentStatusHeadline = (availability, agentStatus, agentName) => {
-  if (availability === 'UNAVAILABLE') {
-    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';
-  }
-};
-
-/***/ }),
-
-/***/ "./src/client/lib/check-availability.js":
-/*!**********************************************!*\
-  !*** ./src/client/lib/check-availability.js ***!
-  \**********************************************/
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
-
-__webpack_require__.r(__webpack_exports__);
-/* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   checkAvailability: () => (/* binding */ checkAvailability)
-/* harmony export */ });
-async function checkAvailability(endpoint) {
-  const response = await fetch(endpoint);
-  const data = await response.json();
-  return {
-    availability: data.availability || 'UNAVAILABLE'
-  };
-}
-
-/***/ }),
-
-/***/ "./src/client/lib/classnames.js":
-/*!**************************************!*\
-  !*** ./src/client/lib/classnames.js ***!
-  \**************************************/
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
-
-__webpack_require__.r(__webpack_exports__);
-/* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   classnames: () => (/* binding */ classnames)
-/* harmony export */ });
-const classnames = (...classes) => classes.filter(classname => classname && typeof classname === 'string').join(' ');
-
-/***/ }),
-
-/***/ "./src/client/lib/history.js":
-/*!***********************************!*\
-  !*** ./src/client/lib/history.js ***!
-  \***********************************/
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
-
-__webpack_require__.r(__webpack_exports__);
-/* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   historyPushState: () => (/* binding */ historyPushState),
-/* harmony export */   historyReplaceState: () => (/* binding */ historyReplaceState)
-/* harmony export */ });
-const historyPushState = () => {
-  const url = window.location.href.split('#')[0];
-  window.history.pushState({
-    history: true
-  }, null, `${url}#webchat`);
-};
-const historyReplaceState = () => {
-  if (window.history.state?.history) {
-    return window.history.back();
-  }
-  const url = window.location.href.split('#')[0];
-  return window.history.replaceState(null, null, url);
-};
-
-/***/ }),
-
-/***/ "./src/client/lib/message-notification.js":
-/*!************************************************!*\
-  !*** ./src/client/lib/message-notification.js ***!
-  \************************************************/
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
-
-__webpack_require__.r(__webpack_exports__);
-/* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   messageNotification: () => (/* binding */ messageNotification)
-/* harmony export */ });
-const messageNotification = audioUrl => {
-  let buffer;
-  const context = new (window.AudioContext || window.webkitAudioContext)();
-  if (context.state === 'suspended') {
-    const events = ['touchstart', 'touchend', 'mousedown', 'wheel', 'keydown', 'click'];
-    const unlock = _e => {
-      events.forEach(event => {
-        document.body.removeEventListener(event, unlock);
-      });
-      context.resume();
-    };
-    events.forEach(event => {
-      document.body.addEventListener(event, unlock, false);
-    });
-  }
-  fetch(audioUrl).then(response => response.arrayBuffer()).then(data => context.decodeAudioData(data)).then(decodedData => {
-    buffer = decodedData;
-  }).catch(console.error);
-  return () => {
-    const source = context.createBufferSource();
-    source.buffer = buffer;
-    source.connect(context.destination);
-    source.start();
-  };
-};
-
-/***/ }),
-
-/***/ "./src/client/lib/transform-messages.js":
-/*!**********************************************!*\
-  !*** ./src/client/lib/transform-messages.js ***!
-  \**********************************************/
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
-
-__webpack_require__.r(__webpack_exports__);
-/* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   formatTranscript: () => (/* binding */ formatTranscript),
-/* harmony export */   transformMessage: () => (/* binding */ transformMessage),
-/* harmony export */   transformMessages: () => (/* binding */ transformMessages)
-/* harmony export */ });
-/* harmony import */ var luxon__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! luxon */ "luxon");
-/* harmony import */ var luxon__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(luxon__WEBPACK_IMPORTED_MODULE_0__);
-
-const transformMessage = message => {
-  return {
-    id: message.id,
-    text: message.messageContent?.text,
-    createdAt: new Date(message.createdAt),
-    user: message.authorEndUserIdentity?.fullName?.trim() || null,
-    assignee: message.authorUser?.firstName || null,
-    direction: message.direction
-  };
-};
-const transformMessages = messages => messages.map(message => transformMessage(message));
-const formatTranscript = messages => {
-  const now = luxon__WEBPACK_IMPORTED_MODULE_0__.DateTime.local();
-  now.setZone('Europe/London');
-  let string = `Floodline webchat transcript, ${now.toFormat('HH:mm:ss a, dd LLLL yyyy')}\n\n`;
-  for (const message of messages) {
-    const {
-      text,
-      direction,
-      user,
-      assignee,
-      createdAt
-    } = message;
-    const author = direction === 'inbound' ? user : `${assignee} (Floodline adviser)`;
-    const date = luxon__WEBPACK_IMPORTED_MODULE_0__.DateTime.fromJSDate(new Date(createdAt)).setZone('Europe/London').toFormat('HH:mm:ss a, dd LLLL yyyy');
-    string += `[${date}] ${author}: \n${text}\n\n`;
-  }
-  string = string.replace(/<a\b[^>]*>/i, '').replace(/<\/a>/i, '');
-  return encodeURIComponent(string);
-};
-
-/***/ }),
-
-/***/ "./src/client/store/AppProvider.jsx":
-/*!******************************************!*\
-  !*** ./src/client/store/AppProvider.jsx ***!
-  \******************************************/
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
-
-__webpack_require__.r(__webpack_exports__);
-/* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   AppContext: () => (/* binding */ AppContext),
-/* harmony export */   AppProvider: () => (/* binding */ AppProvider)
-/* 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 _nice_devone_nice_cxone_chat_web_sdk__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @nice-devone/nice-cxone-chat-web-sdk */ "@nice-devone/nice-cxone-chat-web-sdk");
-/* harmony import */ var _nice_devone_nice_cxone_chat_web_sdk__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_nice_devone_nice_cxone_chat_web_sdk__WEBPACK_IMPORTED_MODULE_1__);
-/* harmony import */ var _lib_message_notification_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../lib/message-notification.js */ "./src/client/lib/message-notification.js");
-/* harmony import */ var _reducer_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./reducer.js */ "./src/client/store/reducer.js");
-/* harmony import */ var _constants_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./constants.js */ "./src/client/store/constants.js");
-
-
-
-
-
-const AppContext = /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_0__.createContext)(_reducer_js__WEBPACK_IMPORTED_MODULE_3__.initialState);
-const AppProvider = ({
-  sdk,
-  availability,
-  options,
-  children
-}) => {
-  const [state, dispatch] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useReducer)(_reducer_js__WEBPACK_IMPORTED_MODULE_3__.reducer, _reducer_js__WEBPACK_IMPORTED_MODULE_3__.initialState);
-  const playSound = (0,_lib_message_notification_js__WEBPACK_IMPORTED_MODULE_2__.messageNotification)(options.audioUrl);
-
-  /**
-   * SDK event handlers
-   */
-  const onLiveChatRecovered = e => {
-    dispatch({
-      type: 'SET_AGENT',
-      payload: e.detail.data.inboxAssignee
-    });
-    dispatch({
-      type: 'SET_AGENT_STATUS',
-      payload: e.detail.data.contact.status
-    });
-    dispatch({
-      type: 'SET_UNSEEN_COUNT',
-      payload: e.detail.data.contact.customerStatistics.unseenMessagesCount
-    });
-  };
-  const onAssignedAgentChanged = e => {
-    dispatch({
-      type: 'SET_AGENT',
-      payload: e.detail.data.inboxAssignee
-    });
-    dispatch({
-      type: 'SET_AGENT_STATUS',
-      payload: e.detail.data.case.status
-    });
-  };
-  const onAgentTypingStarted = () => {
-    dispatch({
-      type: 'SET_AGENT_TYPING',
-      payload: true
-    });
-  };
-  const onAgentTypingEnded = () => {
-    dispatch({
-      type: 'SET_AGENT_TYPING',
-      payload: false
-    });
-    dispatch({
-      type: 'SET_LIVE_REGION_TEXT'
-    });
-  };
-  const onMessageCreated = e => {
-    dispatch({
-      type: 'SET_MESSAGE',
-      payload: e.detail.data.message
-    });
-    dispatch({
-      type: 'SET_AGENT_STATUS',
-      payload: e.detail.data.case.status
-    });
-    dispatch({
-      type: 'SET_UNSEEN_COUNT',
-      payload: e.detail.data.case.customerStatistics.unseenMessagesCount
-    });
-    const isAudioOn = JSON.parse(window.localStorage.getItem(_constants_js__WEBPACK_IMPORTED_MODULE_4__.SETTINGS_STORAGE_KEY)).audio;
-    if (isAudioOn && e.detail.data.message.direction === 'outbound') {
-      playSound();
-    }
-  };
-  const onContactStatusChanged = e => {
-    dispatch({
-      type: 'SET_AGENT_STATUS',
-      payload: e.detail.data.case.status
-    });
-  };
-  const onMatchMedia = e => {
-    dispatch({
-      type: 'TOGGLE_IS_MOBILE',
-      payload: e.matches
-    });
-  };
-  const onKeydown = () => {
-    dispatch({
-      type: 'TOGGLE_IS_KEYBOARD',
-      payload: true
-    });
-  };
-  const onPointerdown = () => {
-    dispatch({
-      type: 'TOGGLE_IS_KEYBOARD',
-      payload: false
-    });
-  };
-  (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(() => {
-    sdk.onChatEvent(_nice_devone_nice_cxone_chat_web_sdk__WEBPACK_IMPORTED_MODULE_1__.ChatEvent.LIVECHAT_RECOVERED, onLiveChatRecovered);
-    sdk.onChatEvent(_nice_devone_nice_cxone_chat_web_sdk__WEBPACK_IMPORTED_MODULE_1__.ChatEvent.MESSAGE_CREATED, onMessageCreated);
-    sdk.onChatEvent(_nice_devone_nice_cxone_chat_web_sdk__WEBPACK_IMPORTED_MODULE_1__.ChatEvent.AGENT_TYPING_STARTED, onAgentTypingStarted);
-    sdk.onChatEvent(_nice_devone_nice_cxone_chat_web_sdk__WEBPACK_IMPORTED_MODULE_1__.ChatEvent.AGENT_TYPING_ENDED, onAgentTypingEnded);
-    sdk.onChatEvent(_nice_devone_nice_cxone_chat_web_sdk__WEBPACK_IMPORTED_MODULE_1__.ChatEvent.ASSIGNED_AGENT_CHANGED, onAssignedAgentChanged);
-    sdk.onChatEvent(_nice_devone_nice_cxone_chat_web_sdk__WEBPACK_IMPORTED_MODULE_1__.ChatEvent.CONTACT_STATUS_CHANGED, onContactStatusChanged);
-    // We need to know if it is a mobile and if it is a keyboard interaction
-    window.matchMedia('(max-width: 640px)').addEventListener('change', onMatchMedia);
-    window.addEventListener('keydown', onKeydown);
-    window.addEventListener('pointerdown', onPointerdown);
-    // Tidying up
-    return () => {
-      window.removeEventListener('change', onMatchMedia);
-      window.removeEventListener('keydown', onKeydown);
-      window.removeEventListener('pointerdown', onPointerdown);
-    };
-  }, [sdk]);
-
-  /**
-   * Initialize customerId, threadId and whether the webchat should be open
-   */
-  (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(() => {
-    dispatch({
-      type: 'SET_AVAILABILITY',
-      payload: availability
-    });
-    setCustomerId(window.localStorage.getItem(_constants_js__WEBPACK_IMPORTED_MODULE_4__.CUSTOMER_ID_STORAGE_KEY));
-    setThreadId(window.localStorage.getItem(_constants_js__WEBPACK_IMPORTED_MODULE_4__.THREAD_ID_STORAGE_KEY));
-    setSettings(JSON.parse(window.localStorage.getItem(_constants_js__WEBPACK_IMPORTED_MODULE_4__.SETTINGS_STORAGE_KEY)) || state.settings);
-  }, []);
-
-  /**
-   * Set browser history on start chat click
-   */
-  (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(() => {
-    if (window.location.hash === '#webchat') {
-      setChatVisibility(true);
-    }
-    const onBrowserNavigation = () => {
-      if (window.location.hash === '#webchat') {
-        setChatVisibility(true);
-      } else {
-        setChatVisibility(false);
-      }
-    };
-    window.addEventListener('popstate', onBrowserNavigation);
-    return () => {
-      window.removeEventListener('popstate', onBrowserNavigation);
-    };
-  }, []);
-
-  /**
-   * State update functions
-   */
-  const setChatVisibility = payload => {
-    dispatch({
-      type: 'SET_CHAT_VISIBILITY',
-      payload
-    });
-  };
-  const setCustomerId = customerId => {
-    dispatch({
-      type: 'SET_CUSTOMER_ID',
-      payload: customerId
-    });
-  };
-  const setThreadId = threadId => {
-    dispatch({
-      type: 'SET_THREAD_ID',
-      payload: threadId
-    });
-  };
-  const setThread = thread => {
-    dispatch({
-      type: 'SET_THREAD',
-      payload: thread
-    });
-  };
-  const setMessages = messages => {
-    dispatch({
-      type: 'SET_MESSAGES',
-      payload: messages
-    });
-  };
-  const setSettings = data => {
-    dispatch({
-      type: 'SET_SETTINGS',
-      payload: data
-    });
-  };
-  const setUnseenCount = unseenCount => {
-    dispatch({
-      type: 'SET_UNSEEN_COUNT',
-      payload: unseenCount
-    });
-  };
-  const setInstigatorId = id => {
-    dispatch({
-      type: 'SET_INSTIGATOR_ID',
-      payload: id
-    });
-  };
-  const setLiveRegionText = text => {
-    dispatch({
-      type: 'SET_LIVE_REGION_TEXT',
-      payload: text
-    });
-  };
-
-  /**
-   * Application-wide state and state functions
-   */
-  const store = (0,react__WEBPACK_IMPORTED_MODULE_0__.useMemo)(() => ({
-    ...state,
-    sdk,
-    setSettings,
-    setCustomerId,
-    setThreadId,
-    setThread,
-    setMessages,
-    setUnseenCount,
-    setChatVisibility,
-    setInstigatorId,
-    setLiveRegionText,
-    onLiveChatRecovered,
-    onAssignedAgentChanged,
-    onAgentTypingStarted,
-    onAgentTypingEnded,
-    onMessageCreated,
-    onContactStatusChanged
-  }));
-  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(AppContext.Provider, {
-    value: store
-  }, children);
-};
-
-/***/ }),
-
-/***/ "./src/client/store/actions-map.js":
-/*!*****************************************!*\
-  !*** ./src/client/store/actions-map.js ***!
-  \*****************************************/
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
-
-__webpack_require__.r(__webpack_exports__);
-/* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   actionsMap: () => (/* binding */ actionsMap)
-/* harmony export */ });
-/* harmony import */ var _lib_transform_messages__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../lib/transform-messages */ "./src/client/lib/transform-messages.js");
-/* harmony import */ var _constants__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./constants */ "./src/client/store/constants.js");
-
-
-const setSettings = (state, payload) => {
-  if (payload) {
-    window.localStorage.setItem(_constants__WEBPACK_IMPORTED_MODULE_1__.SETTINGS_STORAGE_KEY, JSON.stringify(payload));
-  } else {
-    window.localStorage.removeItem(_constants__WEBPACK_IMPORTED_MODULE_1__.SETTINGS_STORAGE_KEY);
-  }
-  return {
-    ...state,
-    settings: payload
-  };
-};
-const setCustomerId = (state, payload) => {
-  if (payload) {
-    window.localStorage.setItem(_constants__WEBPACK_IMPORTED_MODULE_1__.CUSTOMER_ID_STORAGE_KEY, payload);
-  } else {
-    window.localStorage.removeItem(_constants__WEBPACK_IMPORTED_MODULE_1__.CUSTOMER_ID_STORAGE_KEY);
-  }
-  return {
-    ...state,
-    customerId: payload
-  };
-};
-const setThreadId = (state, payload) => {
-  if (payload) {
-    window.localStorage.setItem(_constants__WEBPACK_IMPORTED_MODULE_1__.THREAD_ID_STORAGE_KEY, payload);
-  } else {
-    window.localStorage.removeItem(_constants__WEBPACK_IMPORTED_MODULE_1__.THREAD_ID_STORAGE_KEY);
-  }
-  return {
-    ...state,
-    threadId: payload
-  };
-};
-const setChatVisibility = (state, payload) => {
-  return {
-    ...state,
-    isChatOpen: payload
-  };
-};
-const setAvailability = (state, payload) => {
-  return {
-    ...state,
-    availability: payload
-  };
-};
-const setThread = (state, payload) => {
-  return {
-    ...state,
-    thread: payload
-  };
-};
-const setMessages = (state, payload) => {
-  return {
-    ...state,
-    messages: (0,_lib_transform_messages__WEBPACK_IMPORTED_MODULE_0__.transformMessages)(payload).reverse()
-  };
-};
-const setMessage = (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)]
-  };
-};
-const setAgent = (state, payload) => {
-  return {
-    ...state,
-    agent: payload
-  };
-};
-const setAgentIsTyping = (state, payload) => {
-  return {
-    ...state,
-    isAgentTyping: payload
-  };
-};
-const setAgentStatus = (state, payload) => {
-  return {
-    ...state,
-    agentStatus: payload
-  };
-};
-const setUnseenCount = (state, payload) => {
-  return {
-    ...state,
-    unseenCount: payload
-  };
-};
-const setInstigatorId = (state, payload) => {
-  return {
-    ...state,
-    instigatorId: payload
-  };
-};
-const setLiveRegionText = (state, payload) => {
-  return {
-    ...state,
-    liveRegionText: payload
-  };
-};
-const toggleIsMobile = (state, payload) => {
-  return {
-    ...state,
-    isMobile: payload
-  };
-};
-const toggleIsKeyboard = (state, payload) => {
-  return {
-    ...state,
-    isKeyboard: payload
-  };
-};
-const actionsMap = {
-  SET_CHAT_VISIBILITY: setChatVisibility,
-  SET_AVAILABILITY: setAvailability,
-  SET_SETTINGS: setSettings,
-  SET_CUSTOMER_ID: setCustomerId,
-  SET_THREAD_ID: setThreadId,
-  SET_THREAD: setThread,
-  SET_MESSAGE: setMessage,
-  SET_MESSAGES: setMessages,
-  SET_AGENT: setAgent,
-  SET_AGENT_TYPING: setAgentIsTyping,
-  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
-};
-
-/***/ }),
-
-/***/ "./src/client/store/constants.js":
-/*!***************************************!*\
-  !*** ./src/client/store/constants.js ***!
-  \***************************************/
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
-
-__webpack_require__.r(__webpack_exports__);
-/* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   CUSTOMER_ID_STORAGE_KEY: () => (/* binding */ CUSTOMER_ID_STORAGE_KEY),
-/* harmony export */   SETTINGS_STORAGE_KEY: () => (/* binding */ SETTINGS_STORAGE_KEY),
-/* harmony export */   THREAD_ID_STORAGE_KEY: () => (/* binding */ THREAD_ID_STORAGE_KEY)
-/* harmony export */ });
-const SETTINGS_STORAGE_KEY = 'webchat_settings';
-const CUSTOMER_ID_STORAGE_KEY = 'webchat_customer_id';
-const THREAD_ID_STORAGE_KEY = 'webchat_thread_id';
-
-/***/ }),
-
-/***/ "./src/client/store/reducer.js":
-/*!*************************************!*\
-  !*** ./src/client/store/reducer.js ***!
-  \*************************************/
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
-
-__webpack_require__.r(__webpack_exports__);
-/* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   initialState: () => (/* binding */ initialState),
-/* harmony export */   reducer: () => (/* binding */ reducer)
-/* harmony export */ });
-/* harmony import */ var _actions_map__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./actions-map */ "./src/client/store/actions-map.js");
-
-const initialState = {
-  availability: null,
-  customerId: null,
-  threadId: null,
-  thread: null,
-  messages: [],
-  unseenCount: 0,
-  instigatorId: null,
-  agent: null,
-  agentStatus: null,
-  isAgentTyping: false,
-  isChatOpen: false,
-  isMobile: window.matchMedia('(max-width: 640px)').matches,
-  isKeyboard: false,
-  settings: {
-    audio: true,
-    scroll: true
-  }
-};
-const reducer = (state, action) => {
-  const {
-    type,
-    payload
-  } = action;
-  const fn = _actions_map__WEBPACK_IMPORTED_MODULE_0__.actionsMap[type];
-  if (fn) {
-    const actionFunction = fn.bind(undefined, state, payload);
-    return actionFunction();
-  }
-  return state;
-};
-
-/***/ }),
-
-/***/ "./src/client/store/useApp.js":
-/*!************************************!*\
-  !*** ./src/client/store/useApp.js ***!
-  \************************************/
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
-
-__webpack_require__.r(__webpack_exports__);
-/* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   useApp: () => (/* binding */ useApp)
-/* 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 _AppProvider_jsx__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./AppProvider.jsx */ "./src/client/store/AppProvider.jsx");
-
-
-const useApp = () => (0,react__WEBPACK_IMPORTED_MODULE_0__.useContext)(_AppProvider_jsx__WEBPACK_IMPORTED_MODULE_1__.AppContext);
-
-/***/ }),
-
-/***/ "./src/client/store/useChatSdk.js":
-/*!****************************************!*\
-  !*** ./src/client/store/useChatSdk.js ***!
-  \****************************************/
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
-
-__webpack_require__.r(__webpack_exports__);
-/* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   useChatSdk: () => (/* binding */ useChatSdk)
-/* harmony export */ });
-const useChatSdk = sdk => {
-  const connect = async () => sdk.authorize();
-  const fetchCustomerId = async () => {
-    const response = await connect();
-    return response?.consumerIdentity.idOnExternalPlatform;
-  };
-  const fetchThread = async threadId => {
-    await connect();
-    return sdk.getThread(threadId);
-  };
-  const fetchMessages = async (thread, threadId) => {
-    await connect();
-    const recovered = await thread.recover(threadId);
-    const allMessages = [];
-    let fetchedMessages = recovered.messages;
-    while (fetchedMessages.length) {
-      fetchedMessages.map(msg => allMessages.push(msg));
-      try {
-        const response = await thread.loadMoreMessages();
-        fetchedMessages = response.data.messages;
-      } catch (err) {
-        fetchedMessages = [];
-      }
-    }
-    return allMessages;
-  };
-  return {
-    connect,
-    fetchCustomerId,
-    fetchThread,
-    fetchMessages
-  };
-};
-
-/***/ }),
-
-/***/ "@nice-devone/nice-cxone-chat-web-sdk":
-/*!*******************************************************!*\
-  !*** external "@nice-devone/nice-cxone-chat-web-sdk" ***!
-  \*******************************************************/
-/***/ ((module) => {
-
-module.exports = require("@nice-devone/nice-cxone-chat-web-sdk");
-
-/***/ }),
-
-/***/ "lodash.debounce":
-/*!**********************************!*\
-  !*** external "lodash.debounce" ***!
-  \**********************************/
-/***/ ((module) => {
-
-module.exports = require("lodash.debounce");
-
-/***/ }),
-
-/***/ "luxon":
-/*!************************!*\
-  !*** external "luxon" ***!
-  \************************/
-/***/ ((module) => {
-
-module.exports = require("luxon");
-
-/***/ }),
-
-/***/ "react":
-/*!************************!*\
-  !*** external "react" ***!
-  \************************/
-/***/ ((module) => {
-
-module.exports = require("react");
-
-/***/ }),
-
-/***/ "react-dom":
-/*!****************************!*\
-  !*** external "react-dom" ***!
-  \****************************/
-/***/ ((module) => {
-
-module.exports = require("react-dom");
-
-/***/ }),
-
-/***/ "react-dom/client":
-/*!***********************************!*\
-  !*** external "react-dom/client" ***!
-  \***********************************/
-/***/ ((module) => {
-
-module.exports = require("react-dom/client");
-
-/***/ }),
-
-/***/ "uuid":
-/*!***********************!*\
-  !*** external "uuid" ***!
-  \***********************/
-/***/ ((module) => {
-
-module.exports = require("uuid");
-
-/***/ })
-
-/******/ 	});
-/************************************************************************/
-/******/ 	// The module cache
-/******/ 	var __webpack_module_cache__ = {};
-/******/ 	
-/******/ 	// The require function
-/******/ 	function __webpack_require__(moduleId) {
-/******/ 		// Check if module is in cache
-/******/ 		var cachedModule = __webpack_module_cache__[moduleId];
-/******/ 		if (cachedModule !== undefined) {
-/******/ 			return cachedModule.exports;
-/******/ 		}
-/******/ 		// Create a new module (and put it into the cache)
-/******/ 		var module = __webpack_module_cache__[moduleId] = {
-/******/ 			// no module.id needed
-/******/ 			// no module.loaded needed
-/******/ 			exports: {}
-/******/ 		};
-/******/ 	
-/******/ 		// Execute the module function
-/******/ 		__webpack_modules__[moduleId](module, module.exports, __webpack_require__);
-/******/ 	
-/******/ 		// Return the exports of the module
-/******/ 		return module.exports;
-/******/ 	}
-/******/ 	
-/************************************************************************/
-/******/ 	/* webpack/runtime/compat get default export */
-/******/ 	(() => {
-/******/ 		// getDefaultExport function for compatibility with non-harmony modules
-/******/ 		__webpack_require__.n = (module) => {
-/******/ 			var getter = module && module.__esModule ?
-/******/ 				() => (module['default']) :
-/******/ 				() => (module);
-/******/ 			__webpack_require__.d(getter, { a: getter });
-/******/ 			return getter;
-/******/ 		};
-/******/ 	})();
-/******/ 	
-/******/ 	/* webpack/runtime/define property getters */
-/******/ 	(() => {
-/******/ 		// define getter functions for harmony exports
-/******/ 		__webpack_require__.d = (exports, definition) => {
-/******/ 			for(var key in definition) {
-/******/ 				if(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {
-/******/ 					Object.defineProperty(exports, key, { enumerable: true, get: definition[key] });
-/******/ 				}
-/******/ 			}
-/******/ 		};
-/******/ 	})();
-/******/ 	
-/******/ 	/* webpack/runtime/hasOwnProperty shorthand */
-/******/ 	(() => {
-/******/ 		__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))
-/******/ 	})();
-/******/ 	
-/******/ 	/* webpack/runtime/make namespace object */
-/******/ 	(() => {
-/******/ 		// define __esModule on exports
-/******/ 		__webpack_require__.r = (exports) => {
-/******/ 			if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
-/******/ 				Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-/******/ 			}
-/******/ 			Object.defineProperty(exports, '__esModule', { value: true });
-/******/ 		};
-/******/ 	})();
-/******/ 	
-/************************************************************************/
-var __webpack_exports__ = {};
-// This entry need to be wrapped in an IIFE because it need to be isolated against other modules in the chunk.
-(() => {
-/*!******************************!*\
-  !*** ./src/client/index.jsx ***!
-  \******************************/
-__webpack_require__.r(__webpack_exports__);
-/* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   init: () => (/* binding */ init)
-/* 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 react_dom_client__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react-dom/client */ "react-dom/client");
-/* harmony import */ var react_dom_client__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react_dom_client__WEBPACK_IMPORTED_MODULE_1__);
-/* harmony import */ var _nice_devone_nice_cxone_chat_web_sdk__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @nice-devone/nice-cxone-chat-web-sdk */ "@nice-devone/nice-cxone-chat-web-sdk");
-/* harmony import */ var _nice_devone_nice_cxone_chat_web_sdk__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_nice_devone_nice_cxone_chat_web_sdk__WEBPACK_IMPORTED_MODULE_2__);
-/* harmony import */ var _components_availability_availability_jsx__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./components/availability/availability.jsx */ "./src/client/components/availability/availability.jsx");
-/* harmony import */ var _lib_check_availability__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./lib/check-availability */ "./src/client/lib/check-availability.js");
-/* harmony import */ var _store_AppProvider_jsx__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./store/AppProvider.jsx */ "./src/client/store/AppProvider.jsx");
-/* harmony import */ var _store_constants_js__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./store/constants.js */ "./src/client/store/constants.js");
-
-
-
-
-
-
-
-async function init(container, options) {
-  const sdk = new _nice_devone_nice_cxone_chat_web_sdk__WEBPACK_IMPORTED_MODULE_2__.ChatSdk({
-    brandId: options.brandId,
-    channelId: options.channelId,
-    customerId: window.localStorage.getItem(_store_constants_js__WEBPACK_IMPORTED_MODULE_6__.CUSTOMER_ID_STORAGE_KEY) || '',
-    environment: options.environment
-  });
-  const root = (0,react_dom_client__WEBPACK_IMPORTED_MODULE_1__.createRoot)(container);
-  let availability;
-  try {
-    const result = await (0,_lib_check_availability__WEBPACK_IMPORTED_MODULE_4__.checkAvailability)(options.availabilityEndpoint);
-    availability = result.availability;
-  } catch (e) {
-    availability = 'UNAVAILABLE';
-  }
-  root.render( /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_store_AppProvider_jsx__WEBPACK_IMPORTED_MODULE_5__.AppProvider, {
-    sdk: sdk,
-    availability: availability,
-    options: options
-  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_components_availability_availability_jsx__WEBPACK_IMPORTED_MODULE_3__.Availability, null)));
-}
-})();
-
-module.exports = __webpack_exports__;
-/******/ })()
-;
-//# sourceMappingURL=client.js.map
+(()=>{"use strict";var e={n:t=>{var a=t&&t.__esModule?()=>t.default:()=>t;return e.d(a,{a}),a},d:(t,a)=>{for(var n in a)e.o(a,n)&&!e.o(t,n)&&Object.defineProperty(t,n,{enumerable:!0,get:a[n]})},o:(e,t)=>Object.prototype.hasOwnProperty.call(e,t),r:e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})}},t={};e.r(t),e.d(t,{init:()=>J});const a=require("react");var n=e.n(a);const l=require("react-dom/client"),o=require("@nice-devone/nice-cxone-chat-web-sdk"),r=(...e)=>e.filter((e=>e&&"string"==typeof e)).join(" "),c=require("react-dom"),s=require("luxon"),i=e=>({id:e.id,text:e.messageContent?.text,createdAt:new Date(e.createdAt),user:e.authorEndUserIdentity?.fullName?.trim()||null,assignee:e.authorUser?.firstName||null,direction:e.direction}),u=e=>{const t=s.DateTime.local();t.setZone("Europe/London");let a=`Floodline webchat transcript, ${t.toFormat("HH:mm:ss a, dd LLLL yyyy")}\n\n`;for(const t of e){const{text:e,direction:n,user:l,assignee:o,createdAt:r}=t,c="inbound"===n?l:`${o} (Floodline adviser)`;a+=`[${s.DateTime.fromJSDate(new Date(r)).setZone("Europe/London").toFormat("HH:mm:ss a, dd LLLL yyyy")}] ${c}: \n${e}\n\n`}return a=a.replace(/<a\b[^>]*>/i,"").replace(/<\/a>/i,""),encodeURIComponent(a)},d="webchat_settings",m="webchat_customer_id",g="webchat_thread_id",E={SET_CHAT_VISIBILITY:(e,t)=>({...e,isChatOpen:t}),SET_AVAILABILITY:(e,t)=>({...e,availability:t}),SET_SETTINGS:(e,t)=>(t?window.localStorage.setItem(d,JSON.stringify(t)):window.localStorage.removeItem(d),{...e,settings:t}),SET_CUSTOMER_ID:(e,t)=>(t?window.localStorage.setItem(m,t):window.localStorage.removeItem(m),{...e,customerId:t}),SET_THREAD_ID:(e,t)=>(t?window.localStorage.setItem(g,t):window.localStorage.removeItem(g),{...e,threadId:t}),SET_THREAD:(e,t)=>({...e,thread:t}),SET_MESSAGE:(e,t)=>({...e,message:i(t),messages:[...e.messages,i(t)]}),SET_MESSAGES:(e,t)=>{return{...e,messages:(a=t,a.map((e=>i(e)))).reverse()};var a},SET_AGENT:(e,t)=>({...e,agent:t}),SET_AGENT_TYPING:(e,t)=>({...e,isAgentTyping:t}),SET_AGENT_STATUS:(e,t)=>({...e,agentStatus:t}),SET_UNSEEN_COUNT:(e,t)=>({...e,unseenCount:t}),SET_INSTIGATOR_ID:(e,t)=>({...e,instigatorId:t}),SET_LIVE_REGION_TEXT:(e,t)=>({...e,liveRegionText:t}),TOGGLE_IS_MOBILE:(e,t)=>({...e,isMobile:t}),TOGGLE_IS_KEYBOARD:(e,t)=>({...e,isKeyboard:t})},h={availability:null,customerId:null,threadId:null,thread:null,messages:[],unseenCount:0,instigatorId:null,agent:null,agentStatus:null,isAgentTyping:!1,isChatOpen:!1,isMobile:window.matchMedia("(max-width: 640px)").matches,isKeyboard:!1,settings:{audio:!0,scroll:!0}},w=(e,t)=>{const{type:a,payload:n}=t,l=E[a];return l?l.bind(void 0,e,n)():e},v=(0,a.createContext)(h),y=({sdk:e,availability:t,playSound:l,children:r})=>{const[c,s]=(0,a.useReducer)(w,h),i=e=>{s({type:"SET_AGENT",payload:e.detail.data.inboxAssignee}),s({type:"SET_AGENT_STATUS",payload:e.detail.data.contact.status}),s({type:"SET_UNSEEN_COUNT",payload:e.detail.data.contact.customerStatistics.unseenMessagesCount})},u=e=>{s({type:"SET_AGENT",payload:e.detail.data.inboxAssignee}),s({type:"SET_AGENT_STATUS",payload:e.detail.data.case.status})},E=()=>{s({type:"SET_AGENT_TYPING",payload:!0})},y=()=>{s({type:"SET_AGENT_TYPING",payload:!1}),s({type:"SET_LIVE_REGION_TEXT"})},b=e=>{s({type:"SET_MESSAGE",payload:e.detail.data.message}),s({type:"SET_AGENT_STATUS",payload:e.detail.data.case.status}),s({type:"SET_UNSEEN_COUNT",payload:e.detail.data.case.customerStatistics.unseenMessagesCount}),JSON.parse(window.localStorage.getItem(d)).audio&&"outbound"===e.detail.data.message.direction&&l&&l()},f=e=>{s({type:"SET_AGENT_STATUS",payload:e.detail.data.case.status})},p=e=>{s({type:"TOGGLE_IS_MOBILE",payload:e.matches})},k=()=>{s({type:"TOGGLE_IS_KEYBOARD",payload:!0})},_=()=>{s({type:"TOGGLE_IS_KEYBOARD",payload:!1})};(0,a.useEffect)((()=>(e.onChatEvent(o.ChatEvent.LIVECHAT_RECOVERED,i),e.onChatEvent(o.ChatEvent.MESSAGE_CREATED,b),e.onChatEvent(o.ChatEvent.AGENT_TYPING_STARTED,E),e.onChatEvent(o.ChatEvent.AGENT_TYPING_ENDED,y),e.onChatEvent(o.ChatEvent.ASSIGNED_AGENT_CHANGED,u),e.onChatEvent(o.ChatEvent.CONTACT_STATUS_CHANGED,f),window.matchMedia("(max-width: 640px)").addEventListener("change",p),window.addEventListener("keydown",k),window.addEventListener("pointerdown",_),()=>{window.removeEventListener("change",p),window.removeEventListener("keydown",k),window.removeEventListener("pointerdown",_)})),[e]),(0,a.useEffect)((()=>{s({type:"SET_AVAILABILITY",payload:t}),N(window.localStorage.getItem(m)),T(window.localStorage.getItem(g)),A(JSON.parse(window.localStorage.getItem(d))||c.settings)}),[]),(0,a.useEffect)((()=>{"#webchat"===window.location.hash&&S(!0);const e=()=>{"#webchat"===window.location.hash?S(!0):S(!1)};return window.addEventListener("popstate",e),()=>{window.removeEventListener("popstate",e)}}),[]);const S=e=>{s({type:"SET_CHAT_VISIBILITY",payload:e})},N=e=>{s({type:"SET_CUSTOMER_ID",payload:e})},T=e=>{s({type:"SET_THREAD_ID",payload:e})},C=e=>{s({type:"SET_THREAD",payload:e})},I=e=>{s({type:"SET_MESSAGES",payload:e})},A=e=>{s({type:"SET_SETTINGS",payload:e})},L=e=>{s({type:"SET_UNSEEN_COUNT",payload:e})},x=e=>{s({type:"SET_INSTIGATOR_ID",payload:e})},D=e=>{s({type:"SET_LIVE_REGION_TEXT",payload:e})},G=(0,a.useMemo)((()=>({...c,sdk:e,setSettings:A,setCustomerId:N,setThreadId:T,setThread:C,setMessages:I,setUnseenCount:L,setChatVisibility:S,setInstigatorId:x,setLiveRegionText:D,onLiveChatRecovered:i,onAssignedAgentChanged:u,onAgentTypingStarted:E,onAgentTypingEnded:y,onMessageCreated:b,onContactStatusChanged:f})));return n().createElement(v.Provider,{value:G},r)},b=()=>(0,a.useContext)(v),f=()=>{const e=window.location.href.split("#")[0];window.history.pushState({history:!0},null,`${e}#webchat`)},p=()=>{if(window.history.state?.history)return window.history.back();const e=window.location.href.split("#")[0];return window.history.replaceState(null,null,e)};function k(){const{thread:e,threadId:t,setChatVisibility:a,setUnseenCount:l,isMobile:o}=b(),r=n=>{n.preventDefault(),a(!1),p(),t&&(e?.lastMessageSeen(),l(0))},c=n().createElement("button",{className:"wc-header__back","aria-label":"Close the webchat",onClick:r},n().createElement("svg",{"aria-hidden":"true",focusable:"false",width:"20",height:"20",viewBox:"0 0 20 20"},n().createElement("path",{d:"M4.828,11L12.314,18.485L10.899,19.899L1,10L10.899,0.101L12.314,1.515L4.828,9L19,9L19,11L4.828,11Z",fill:"currentColor"}))),s=n().createElement("button",{className:"wc-header__close","aria-label":"Close the webchat",onClick:r},n().createElement("svg",{"aria-hidden":"true",focusable:"false",width:"20",height:"20",viewBox:"0 0 20 20"},n().createElement("path",{d:"M10,8.6L15.6,3L17,4.4L11.4,10L17,15.6L15.6,17L10,11.4L4.4,17L3,15.6L8.6,10L3,4.4L4.4,3L10,8.6Z",fill:"currentColor"}))),i=n().createElement("button",{className:"wc-header__hide","aria-label":"Minimise the webchat",onClick:r},n().createElement("svg",{"aria-hidden":"true",focusable:"false",width:"20",height:"20",viewBox:"0 0 20 20"},n().createElement("path",{d:"M10 14.4l-7-7L4.4 6l5.6 5.6L15.6 6 17 7.4l-7 7z",fill:"currentColor"}))),u=o&&window.history.state,d=o&&!window.history.state;let m=s;return t&&(m=i,d&&(m=i)),!t&&d&&(m=s),u&&(m=null),n().createElement("div",{className:"wc-header"},u?c:null,n().createElement("h2",{id:"wc-header",className:"wc-header__title"},"Floodline webchat"),m)}function _({onContinue:e}){return n().createElement(n().Fragment,null,n().createElement(k,null),n().createElement("div",{className:"wc-body"},n().createElement("div",{className:"wc-content"},n().createElement("h3",{id:"wc-subtitle",className:"wc-heading","aria-live":"polite"},"What you can use webchat for"),n().createElement("p",null,"Webchat lets you talk directly to a Floodline adviser."),n().createElement("p",null,"You can use webchat to get:"),n().createElement("ul",{className:"wc-list"},n().createElement("li",null,"current flood warnings and alerts in your area"),n().createElement("li",null,"information on the flood warning service"),n().createElement("li",null,"advice on what to do before, during and after a flood")),n().createElement("p",null,"There are other ways to ",n().createElement("a",{className:"govuk-link",href:"https://www.gov.uk/sign-up-for-flood-warnings",target:"_blank",rel:"noreferrer"},"sign up for flood warnings")," and ",n().createElement("a",{className:"govuk-link",href:"https://www.fws.environment-agency.gov.uk/app/olr/login",target:"_blank",rel:"noreferrer"},"manage your flood warnings account"),"."),n().createElement("p",null,"Do not use webchat to ",n().createElement("a",{className:"govuk-link",href:"https://www.gov.uk/report-flood-cause",target:"_blank",rel:"noreferrer"},"report a flood"),"."),n().createElement("button",{className:"govuk-button wc-button govuk-!-margin-top-1","data-module":"govuk-button",onClick:e},"Continue"),n().createElement("h3",{className:"wc-heading"},"Other flood information"),n().createElement("p",null,"Call Floodline for all other flood and flood warning information."),n().createElement("p",null,n().createElement("strong",null,"Floodline helpline"),n().createElement("br",null),"Telephone: 0345 988 1188",n().createElement("br",null),"Textphone: 0345 602 6340",n().createElement("br",null),"Open 24 hours a day, 7 days a week",n().createElement("br",null),n().createElement("a",{className:"govuk-link",href:"https://gov.uk/call-charges",target:"_blank",rel:"noreferrer"},"Find out more about call charges")))))}const S=require("uuid"),N=e=>{const t=async()=>e.authorize();return{connect:t,fetchCustomerId:async()=>{const e=await t();return e?.consumerIdentity.idOnExternalPlatform},fetchThread:async a=>(await t(),e.getThread(a)),fetchMessages:async(e,a)=>{await t();const n=await e.recover(a),l=[];let o=n.messages;for(;o.length;){o.map((e=>l.push(e)));try{o=(await e.loadMoreMessages()).data.messages}catch(e){o=[]}}return l}}},T=({errors:e})=>{const t=Object.keys(e),a=e=>{e.preventDefault();const t=e.target.getAttribute("data-key");document.querySelector(`#wc-${t}`).focus()};return 0===t.length?null:n().createElement("div",{className:"govuk-error-summary govuk-!-static-margin-bottom-7","data-module":"govuk-error-summary",tabIndex:"-1"},n().createElement("div",{role:"alert"},n().createElement("h2",{id:"wc-error",className:"wc-error-summary__title govuk-error-summary__title"},"There is a problem"),n().createElement("div",{className:"govuk-error-summary__body"},n().createElement("ul",{className:"govuk-list govuk-error-summary__list wc-error-summary__list"},t.map((t=>n().createElement("li",{key:t},n().createElement("a",{href:"#","data-key":t,onClick:a},e[t]))))))))},C=500;function I({onPreChatScreen:e}){const{sdk:t,setCustomerId:l,setThreadId:o,setThread:c,setLiveRegionText:s}=b(),{fetchCustomerId:i,fetchThread:u}=N(t),[d,m]=(0,a.useState)({}),[g,E]=(0,a.useState)(0),[h,w]=(0,a.useState)(!1),v=(0,a.useRef)(),y=(0,a.useRef)(),f=C>=g;let p=`You have ${C-g} characters remaining`;f||(p=`You have ${g-C} characters too many`),(0,a.useEffect)((()=>{Object.keys(d).length&&document.querySelector(".govuk-error-summary")?.focus()}),[d]);const _=h?"Requesting...":"Request chat";return(0,a.useEffect)((()=>{h&&s(_)}),[h]),n().createElement(n().Fragment,null,n().createElement(k,null),n().createElement("div",{className:"wc-body"},n().createElement("div",{className:"wc-content"},n().createElement("a",{href:"#",className:"wc-back-link govuk-back-link",onClick:e},"What you can use webchat for"),n().createElement(T,{errors:d}),n().createElement("h3",{id:"wc-subtitle",className:"wc-heading","aria-live":"polite"},"Your name and question"),n().createElement("form",null,n().createElement("div",{className:r("wc-form-group","govuk-form-group",d.name&&"govuk-form-group--error")},n().createElement("label",{className:"wc-label govuk-label",htmlFor:"wc-name"},"Your name"),d.name&&n().createElement("p",{className:"govuk-error-message"},n().createElement("span",{className:"govuk-visually-hidden"},"Error:")," ",d.name),n().createElement("input",{ref:v,className:r("wc-input","govuk-input",d.name&&"govuk-input--error"),id:"wc-name",name:"name",type:"text","data-testid":"request-chat-user-name"})),n().createElement("div",{className:"wc-form-group govuk-character-count","data-module":"govuk-character-count","data-maxlength":"500"},n().createElement("div",{className:r("govuk-form-group",d.question&&"govuk-form-group--error")},n().createElement("label",{className:"wc-label govuk-label",htmlFor:"wc-question"},"Your question"),d.question&&n().createElement("p",{className:"govuk-error-message"},n().createElement("span",{className:"govuk-visually-hidden"},"Error:"),d.question),n().createElement("textarea",{ref:y,id:"wc-question",name:"question",rows:"5","aria-describedby":"wc-question-info",onChange:e=>{E(e.target.value.length)},className:r("wc-textarea","govuk-textarea","govuk-js-character-count",!f||d.question?"govuk-textarea--error":""),"data-testid":"request-chat-user-question"}),n().createElement("div",{id:"wc-question-info",className:"wc-hint govuk-hint govuk-char-count__msg",style:{color:f?"":"#d4351c"},"aria-hidden":"true"},p),n().createElement("div",{className:"govuk-character-count__sr-status govuk-visually-hidden","aria-live":"polite"},p))),n().createElement("div",{className:"wc-inset-text govuk-inset-text"},"By selecting 'Request chat' you agree to the terms of our ",n().createElement("a",{href:"https://check-for-flooding.service.gov.uk/privacy-notice",target:"_blank",rel:"noreferrer",className:"govuk-link"},"privacy notice"),"."),n().createElement("button",{className:"wc-button govuk-button govuk-!-margin-top-1","data-module":"govuk-button",onClick:async e=>{if(e.preventDefault(),h)return;const a={};if(0===v.current.value.length&&(a.name="Enter your name"),0===y.current.value.length&&(a.question="Enter your question"),y.current.value.length>C&&(a.question="Your question must be 500 characters or less"),0===Object.keys(a).length)try{w(!0);const e=S.v4(),a=await i(),n=await u(e);t.getCustomer().setName(v.current.value),await n.startChat(y.current.value||"Begin conversation"),l(a),o(e),c(n),n.setCustomField("threadid",e)}catch(e){console.log("[Request chat Error]",e)}m(a)},"aria-disabled":h},_)))))}function A({children:e}){return n().createElement("div",{className:"wc-footer"},e)}function L({message:e,previousMessage:t}){const a="outbound"===e.direction,l=e?.direction===t?.direction;return n().createElement("li",{className:r("wc-chat__message",a?"outbound":"inbound")},n().createElement("div",{className:"wc-chat__from"},l?null:n().createElement("span",null,a?e.assignee:"You"),n().createElement("span",{className:"govuk-visually-hidden"},":")),n().createElement("div",{className:r("wc-chat__text",a?"outbound":"inbound")},e.text))}const x=(e,t)=>{(0,a.useEffect)((()=>{if(e){e.style.height="0px";const t=e.scrollHeight;e.style.height=`${t}px`}}),[e,t])},D=(e,t,a)=>{if("UNAVAILABLE"===e)return"Webchat is not currently available";if(!t)return"Connecting to Floodline";switch(t){case"closed":case"resolved":return a?`${a} ended the session`:"Session ended by advisor";default:return a?`You are speaking with ${a}`:"No advisers currently available"}};function G({onEndChatScreen:e,onSettingsScreen:t}){const{availability:l,thread:o,messages:r,agent:c,agentStatus:s,isAgentTyping:i,isChatOpen:d,settings:m,isKeyboard:g,setLiveRegionText:E}=b(),[h,w]=(0,a.useState)(""),[v,y]=(0,a.useState)(!1),f=(0,a.useRef)();x(f.current,h),(0,a.useEffect)((()=>{if(m.scroll&&0!==r.length){const e=document.querySelector(".wc-body");e.scrollTop=e.scrollHeight}}),[r,i]),(0,a.useEffect)((()=>{const e=document.querySelector(".wc-form__label");0===h.length?e.classList.remove("govuk-visually-hidden"):e.classList.add("govuk-visually-hidden")}),[h]);const p=c?.nickname||c?.firstName,_=D(l,s,p);(0,a.useEffect)((()=>(_&&E(`Floodline webchat - ${_}`),()=>{E()})),[_]),(0,a.useEffect)((()=>(i&&d&&E(`${p} is typing...`),()=>{E()})),[i,d]),(0,a.useEffect)((()=>{const e=r[r.length-1];return"closed"!==s&&"outbound"===e?.direction&&E(`${p} said: ${e.text}`),()=>{E()}}),[r]);const S=()=>{if(0!==f.current.value.length&&"closed"!==s){try{const e=f.current.value.trim();o.sendTextMessage(e),E(`You said: ${e}`)}catch(e){console.log("[Chat Error] sendMessage",e)}w("")}},N=()=>{const e=u(r);document.querySelector("#transcript-download").setAttribute("href",`data:text/plain;charset=utf-8,${e}`)},T=a=>{if("Enter"===a.key&&!a.shiftKey)switch(a.target.id){case"text-area":a.preventDefault(),S();break;case"end-chat":e(a);break;case"wc-settings":t(a);break;case"transcript-download":N()}" "===a.key&&("end-chat"===a.target.id&&e(a),"wc-settings"===a.target.id&&t(a))};return n().createElement(n().Fragment,null,n().createElement(k,null),n().createElement("div",{className:"wc-status"},n().createElement("p",{className:"wc-status__availability"},_),n().createElement("a",{id:"end-chat",className:"wc-status__link",href:"#","data-module":"govuk-button",role:"button",onClick:e,onKeyDown:T},"End chat")),n().createElement("div",{className:"wc-body",tabIndex:"0"},n().createElement("ul",{className:"wc-chat"},r.length?r.map(((e,t)=>n().createElement(L,{key:e.id,message:e,previousMessage:r[t-1]}))):null,i?n().createElement("li",{className:"wc-chat__message outbound"},n().createElement("div",{className:"wc-chat__from"},p," is typing"),n().createElement("div",{className:"wc-chat__text outbound"},n().createElement("svg",{width:"28",height:"16",x:"0px",y:"0px",viewBox:"0 0 28 16"},n().createElement("circle",{stroke:"none",cx:"3",cy:"8",r:"3",fill:"currentColor"}),n().createElement("circle",{stroke:"none",cx:"14",cy:"8",r:"3",fill:"currentColor"}),n().createElement("circle",{stroke:"none",cx:"25",cy:"8",r:"3",fill:"currentColor"})))):null)),n().createElement(A,null,n().createElement("form",{className:"wc-form"+(v?" wc-focus-within":""),noValidate:!0,onSubmit:e=>{e.preventDefault(),S()}},n().createElement("label",{className:"govuk-label wc-form__label",htmlFor:"wc-form-textarea"},"Your message",n().createElement("span",{className:"govuk-visually-hidden"}," (enter key submits)")),n().createElement("textarea",{ref:f,rows:"1","aria-required":"true",className:"wc-form__textarea",id:"text-area",name:"message",onChange:e=>{w(e.target?.value)},onKeyDown:T,onFocus:()=>{y(g)},onBlur:()=>{y(!1)},value:h}),n().createElement("input",{type:"submit",className:"wc-form__button govuk-button",value:"Send","data-prevent-double-click":"true"})),n().createElement("div",{className:"wc-footer__settings"},n().createElement("a",{href:"#",id:"wc-settings",className:"wc-footer__settings-link","data-module":"govuk-button",onKeyDown:T,onClick:t},"Settings"),n().createElement("a",{href:"#",id:"transcript-download",className:"wc-footer__settings-link","data-module":"govuk-button",download:"floodline-webchat-transcript.txt",onKeyDown:T,onClick:N},"Save chat"))))}function q(){return n().createElement(n().Fragment,null,n().createElement(k,null),n().createElement("div",{className:"wc-body"},n().createElement("h3",{id:"wc-subtitle",className:"govuk-heading-m"},"Webchat is currently not available"),n().createElement("p",{className:"govuk-body-s"},"Try again later, or call Floodline:"),n().createElement("p",{className:"govuk-body-s"},n().createElement("strong",null,"Floodline helpline"),n().createElement("br",null),"Telephone: 0345 988 1188",n().createElement("br",null),"Textphone: 0345 602 6340",n().createElement("br",null),"Open 24 hours a day, 7 days a week",n().createElement("br",null),n().createElement("a",{className:"govuk-link",href:"https://gov.uk/call-charges"},"Find out more about call charges")),n().createElement("p",{className:"govuk-body-s"},"We're running webchat as a trial, it will not always be available.")))}function O({onChatScreen:e,onEndChatConfirm:t}){const{setCustomerId:l,setThreadId:o,setMessages:r,agentStatus:c,thread:s,threadId:i,setUnseenCount:u,isKeyboard:d}=b(),m=async e=>{e.preventDefault(),window.localStorage.setItem("tmpThreadId",i),o(),r([]),l(),s.lastMessageSeen(),u(0),"closed"!==c&&s.endChat(),t(e)};(0,a.useEffect)((()=>{d&&setTimeout((()=>{document.querySelector("#confirm-endchat").focus()}),10)}),[]);const g=t=>{"Enter"!==t.key&&" "!==t.key||"confirm-endchat"!==t.target.id||m(t),"Enter"!==t.key&&" "!==t.key||"resume-chat"!==t.target.id||e(t)};return n().createElement(n().Fragment,null,n().createElement(k,null),n().createElement("div",{className:"wc-body"},n().createElement("div",{className:"wc-content"},n().createElement("h3",{id:"wc-subtitle",className:"wc-heading","aria-live":"polite"},"Are you sure you want to end the chat?"),n().createElement("div",{className:"govuk-button-group"},n().createElement("a",{id:"confirm-endchat",href:"#endChat",role:"button",className:"wc-button govuk-button","data-module":"govuk-button",onClick:m,onKeyDown:g},"Yes, end chat"),n().createElement("a",{id:"resume-chat",href:"#resumeChat",role:"button",className:"wc-link govuk-link","data-module":"govuk-button",onClick:e,onKeyDown:g},"No, resume chat")))))}function M({onCancel:e}){const{settings:t,setSettings:l}=b(),[o,r]=(0,a.useState)(t.audio),[c,s]=(0,a.useState)(t.scroll),i=t=>{t.preventDefault(),l({audio:o,scroll:c}),e(t)},u=t=>{"Enter"!==t.key&&" "!==t.key||"settings-save"!==t.target.id?"Enter"!==t.key&&" "!==t.key||"settings-cancel"!==t.target.id||e(t):i(t)};return n().createElement(n().Fragment,null,n().createElement(k,null),n().createElement("div",{className:"wc-body"},n().createElement("div",{className:"wc-content"},n().createElement("fieldset",{className:"govuk-fieldset govuk-!-margin-bottom-4"},n().createElement("legend",{className:"govuk-fieldset__legend govuk-fieldset__legend"},n().createElement("h3",{id:"wc-subtitle",className:"wc-heading"},"Change settings")),n().createElement("div",{className:"govuk-checkboxes govuk-checkboxes--small","data-module":"govuk-checkboxes"},n().createElement("div",{className:"govuk-checkboxes__item"},n().createElement("input",{id:"audio",name:"audio",type:"checkbox",value:"audio",className:"govuk-checkboxes__input",defaultChecked:o,onChange:()=>r(!o)}),n().createElement("label",{className:"wc-label govuk-label govuk-checkboxes__label",htmlFor:"audio"},"Play a sound when receiving a new message")),n().createElement("div",{className:"govuk-checkboxes__item"},n().createElement("input",{id:"scroll",name:"scroll",type:"checkbox",value:"scroll",className:"govuk-checkboxes__input",defaultChecked:c,onChange:()=>s(!c)}),n().createElement("label",{className:"wc-label govuk-label govuk-checkboxes__label",htmlFor:"scroll"},"Scroll automatically to a new message")))),n().createElement("div",{className:"govuk-button-group"},n().createElement("a",{id:"settings-save",href:"#",className:"wc-button govuk-button","data-module":"govuk-button",role:"button",onClick:i,onKeyDown:u},"Save"),n().createElement("a",{id:"settings-cancel",href:"#",className:"wc-link govuk-link","data-module":"govuk-button",role:"button",onClick:e,onKeyDown:u},"Cancel")))))}function R({onCancel:e}){const t=()=>{const e=window.localStorage.getItem("tmpThreadId");window.location.href=`https://defragroup.eu.qualtrics.com/jfe/form/SV_8dgFSJcxxIfqx5Y?Id=${e}&Source=${window.location.href}`,window.localStorage.removeItem("tmpThreadId")},a=async t=>{window.localStorage.removeItem("tmpThreadId"),e(t)},l=e=>{"Enter"!==e.key&&" "!==e.key||("feedback-close"===e.target.id&&a(e),"feedback-send"===e.target.id&&t())};return n().createElement(n().Fragment,null,n().createElement(k,null),n().createElement("div",{className:"wc-body"},n().createElement("div",{className:"wc-content"},n().createElement("h3",{id:"wc-subtitle",className:"wc-heading"},"Give feedback on Floodline webchat"),n().createElement("p",null,"We're running webchat as a trial. you can ",n().createElement("a",{id:"feedback-send",className:"govuk-link",href:"#",target:"_blank",rel:"noreferrer",onKeyDown:l,onClick:t},"give feedback")," to help us improve it."),n().createElement("p",null,n().createElement("a",{id:"feedback-close",className:"wc-link govuk-link",href:"#","data-module":"govuk-button",role:"button",onKeyDown:l,onClick:a},"Close")))))}const F=require("lodash.debounce");var U=e.n(F);const B=()=>{const{agentStatus:e,liveRegionText:t,setLiveRegionText:l}=b(),[o,r]=(0,a.useState)(),[c,s]=(0,a.useState)(),i="closed"===e||null===e,u=()=>{r(),s()},d=(0,a.useCallback)(U()((e=>{o?s(e):r(e)}),2e3),[o,c]);return(0,a.useEffect)((()=>(t&&(u(),d(t)),i&&(u(),l()),()=>{u(),l()})),[t]),n().createElement(n().Fragment,null,n().createElement("div",{className:"wc-live",role:"status","aria-atomic":"true"},o),n().createElement("div",{className:"wc-live",role:"status","aria-atomic":"true"},c))},Y="aria-hidden",K="data-wc-inert",V=e=>{for(const t of document.body.children)"wc-panel"!==t.id&&(e&&!t.getAttribute(Y)?(t.setAttribute(Y,"true"),t.setAttribute(K,"")):t.hasAttribute(K)&&(t.removeAttribute(Y),t.removeAttribute(K)))},$=e=>{const[t,n]=(0,a.useState)([]),l=(0,a.useCallback)((e=>{const a=document.querySelector("#wc-panel");"Tab"===e.key&&(a&&!document.activeElement.closest("#wc-panel")&&a.focus(),e.shiftKey?(document.activeElement===t[0]||document.activeElement===document.querySelector("#wc-panel"))&&(t[t.length-1].focus(),e.preventDefault()):document.activeElement===t[t.length-1]&&(t[0].focus(),e.preventDefault()))}),[t]);(0,a.useEffect)((()=>{n((()=>{const e=document.body.querySelectorAll(["#wc-panel a:not([disabled])","#wc-panel button:not([disabled])","#wc-panel select:not([disabled])","#wc-panel input:not([disabled])","#wc-panel textarea:not([disabled])",'#wc-panel *[tabindex="0"]:not([disabled])'].join(","));return Array.from(e).filter((e=>!e.closest("[hidden]")&&!e.closest('[aria-hidden="true"]')))})())}),[e]),(0,a.useEffect)((()=>(V(!0),document.querySelector("#wc-panel").focus(),document.addEventListener("keydown",l),()=>{V(),document.removeEventListener("keydown",l)})),[t])};function H(){const{sdk:e,availability:t,instigatorId:l,thread:o,threadId:s,setThread:i,setThreadId:u,setChatVisibility:d,setMessages:m,setUnseenCount:g,isMobile:E,isKeyboard:h}=b(),{fetchThread:w,fetchMessages:v}=N(e),[y,f]=(0,a.useState)(s?2:0);$(y);const k=(0,a.useCallback)((e=>{"Escape"!==e.key&&"Esc"!==e.key||(s&&(o?.lastMessageSeen(),g(0)),d(!1),p())}),[o,s,g,d]);(0,a.useEffect)((()=>()=>{document.getElementById(l)?.focus()}),[]),(0,a.useEffect)((()=>(document.body.classList.remove("wc-u-hidden"),document.getElementsByTagName("html")[0].classList.add("wc-u-html"),document.body.classList.add("wc-u-body"),()=>{document.getElementsByTagName("html")[0].classList.remove("wc-u-html"),document.body.classList.remove("wc-u-body")})),[E]),(0,a.useEffect)((()=>(document.addEventListener("keydown",k),()=>{document.removeEventListener("keydown",k)})),[k,d]),(0,a.useEffect)((()=>{s&&(o?(o.lastMessageSeen(),g(0),f(2)):(async()=>{try{const e=await w(s);i(e);const t=await v(e,s);m(t)}catch(e){console.log("[Chat Error] fetchThread",e),u(),i(),f(0)}})())}),[o,s]);const S=e=>t=>{t.preventDefault(),f(e)},T=S(0),C=S(1),A=S(2),L=S(3),x=S(4),D=S(5);let F;switch(y){case 0:default:F=n().createElement(_,{onContinue:C});break;case 1:F=n().createElement(I,{onPreChatScreen:T});break;case 2:F=n().createElement(G,{onSettingsScreen:D,onEndChatScreen:L});break;case 3:F=n().createElement(O,{onChatScreen:A,onEndChatConfirm:x});break;case 4:F=n().createElement(R,{onCancel:()=>{d(!1),p()}});break;case 5:F=n().createElement(M,{onCancel:A})}"UNAVAILABLE"===t&&(F=n().createElement(q,null));const U=n().createElement("div",{id:"wc-panel",role:"dialog",className:r("wc-panel",h&&"wc-focus-visible"),tabIndex:"-1","aria-modal":"true","aria-labelledby":"wc-header wc-subtitle"},n().createElement("div",{className:"wc-panel__inner"},F),n().createElement(B,null));return n().createElement(n().Fragment,null,(0,c.createPortal)(U,document.body))}const P=()=>{const{threadId:e,setInstigatorId:t}=b();if(!e)return null;const a=document.getElementById("webchat-skip-link-container");return a?n().createElement(n().Fragment,null,(0,c.createPortal)(n().createElement("a",{id:"webchat-skip-link",href:"#webchat",className:"govuk-skip-link","data-module":"govuk-skip-link",onClick:e=>{e.preventDefault(),t(e.target.id),window.location.hash="#webchat"},"data-wc-skiplink":!0,"data-wc-open-btn":!0},"Skip to webchat"),a)):null};function j(){const{availability:e,isChatOpen:t,setChatVisibility:l,unseenCount:o,threadId:c,setUnseenCount:s,setInstigatorId:i,setLiveRegionText:u}=b(),d=(0,a.useRef)(),m=o>0&&!t,g=o>1?"new messages":"new message",E=e=>{e.preventDefault(),s(0),l(!t),i(e.target.id),t?p():f()},h=e=>{" "===e.key&&e.preventDefault()},w=e=>{" "===e.key&&(s(0),l(!t))};switch((0,a.useEffect)((()=>(m&&u(`Floodline webchat - ${o} ${g}`),()=>{u()})),[o,t]),(0,a.useEffect)((()=>{const a=()=>{if(!c)return;if("AVAILABLE"!==e)return;const a=d.current.parentElement.getBoundingClientRect().top+35>(window.innerHeight||document.documentElement.clientHeight),n=!t&&a;document.documentElement.classList.toggle("wc-u-scroll-padding",n),document.body.classList.toggle("wc-u-scroll-padding",n),d.current.classList.toggle("wc-availability--fixed",n)};return document.addEventListener("scroll",a),a(),()=>{document.removeEventListener("scroll",a)}}),[c,t,e]),e){case"AVAILABLE":return n().createElement(n().Fragment,null,n().createElement("div",{className:r("wc-availability",t&&"wc-open"),ref:d},n().createElement("div",{className:"wc-availability__inner"},n().createElement("a",{id:"webchat-start-chat-link",className:"wc-availability__link",href:"#webchat",draggable:"false",onClick:E,onKeyUp:w,onKeyDown:h,role:"button","data-module":"govuk-button"},c?n().createElement(n().Fragment,null,"Show chat"):n().createElement(n().Fragment,null,"Start chat"),m?n().createElement("span",{className:"wc-availability__unseen"},o,n().createElement("span",{className:"govuk-visually-hidden"}," ",g)):null))),t?n().createElement(H,null):n().createElement(B,null),n().createElement(P,null));case"EXISTING":case"UNAVAILABLE":return n().createElement("p",{className:"govuk-body"},"When it is available, a 'start chat' link will appear.");default:return n().createElement("p",{className:"govuk-body"},"Checking availability")}}const W=async e=>{const t=new(window.AudioContext||window.webkitAudioContext);if("suspended"===t.state){const e=["touchstart","touchend","mousedown","wheel","keydown","click"],a=n=>{e.forEach((e=>{document.body.removeEventListener(e,a)})),t.resume()};e.forEach((e=>{document.body.addEventListener(e,a,!1)}))}const a=await fetch(e),n=await a.arrayBuffer(),l=await t.decodeAudioData(n);return()=>{const e=t.createBufferSource();e.buffer=l,e.connect(t.destination),e.start()}};async function J(e,t){const a=new o.ChatSdk({brandId:t.brandId,channelId:t.channelId,customerId:window.localStorage.getItem(m)||"",environment:t.environment}),r=(0,l.createRoot)(e);let c,s;try{const e=await async function(e){const t=await fetch(e);return{availability:(await t.json()).availability||"UNAVAILABLE"}}(t.availabilityEndpoint);s=await W(t.audioUrl),c=e.availability}catch(e){c="UNAVAILABLE"}r.render(n().createElement(y,{sdk:a,availability:c,playSound:s},n().createElement(j,null)))}module.exports=t})();