@defra/flood-webchat 0.0.1-alpha.9 → 0.0.1-beta.10

package/dist/client.js

@@ -0,0 +1,1547 @@
+/******/ (() => { // 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 _store_useApp__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../store/useApp */ "./src/client/store/useApp.js");
+
+
+
+
+function Availability() {
+  const {
+    availability,
+    messages,
+    isChatOpen,
+    setChatVisibility
+  } = (0,_store_useApp__WEBPACK_IMPORTED_MODULE_3__.useApp)();
+  const [isFixed, setIsFixed] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(false);
+  const buttonRef = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)();
+  const onClick = () => {
+    setChatVisibility(!isChatOpen);
+  };
+  const onKeyDown = event => {
+    if (event.key === ' ') {
+      event.preventDefault();
+    }
+  };
+  const onKeyUp = event => {
+    if (event.key === ' ') {
+      setChatVisibility(!isChatOpen);
+    }
+  };
+  const intersectionCallback = entries => {
+    const [entry] = entries;
+    const isBelowFold = !entry.isIntersecting && entry.boundingClientRect.top > 0;
+    setIsFixed(!isChatOpen && isBelowFold);
+  };
+  (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(() => {
+    const observer = new window.IntersectionObserver(intersectionCallback, {
+      rootMargin: '35px'
+    });
+    const parentElement = buttonRef.current?.parentElement;
+    if (parentElement) {
+      observer.observe(parentElement);
+    }
+    return () => {
+      if (parentElement) {
+        observer.unobserve(parentElement);
+      }
+    };
+  }, [buttonRef, isChatOpen]);
+  (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(() => {
+    document.documentElement.classList.toggle('wc-scroll-padding', isFixed);
+    document.body.classList.toggle('wc-scroll-padding', isFixed);
+  }, [isFixed]);
+  let TextComponent = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement((react__WEBPACK_IMPORTED_MODULE_0___default().Fragment), null, "Show Chat");
+  if (!messages.length) {
+    TextComponent = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement((react__WEBPACK_IMPORTED_MODULE_0___default().Fragment), null, "Start Chat");
+  }
+  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', isFixed && 'wc-availability--fixed', 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", {
+        className: "wc-availability__link",
+        href: "#webchat",
+        draggable: "false",
+        onClick: onClick,
+        onKeyUp: onKeyUp,
+        onKeyDown: onKeyDown
+      }, TextComponent))), isChatOpen && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_panel_panel_jsx__WEBPACK_IMPORTED_MODULE_2__.Panel, 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 sanitize_html__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! sanitize-html */ "sanitize-html");
+/* harmony import */ var sanitize_html__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(sanitize_html__WEBPACK_IMPORTED_MODULE_1__);
+/* harmony import */ var _panel_panel_header_jsx__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../panel/panel-header.jsx */ "./src/client/components/panel/panel-header.jsx");
+/* harmony import */ var _panel_panel_footer_jsx__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../panel/panel-footer.jsx */ "./src/client/components/panel/panel-footer.jsx");
+/* harmony import */ var _message_message_jsx__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../message/message.jsx */ "./src/client/components/message/message.jsx");
+/* harmony import */ var _store_useApp_js__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../store/useApp.js */ "./src/client/store/useApp.js");
+/* harmony import */ var _hooks_useTextareaAutosize_js__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../hooks/useTextareaAutosize.js */ "./src/client/hooks/useTextareaAutosize.js");
+
+
+
+
+
+
+
+function Chat({
+  onEndChat
+}) {
+  const {
+    availability,
+    thread,
+    messages,
+    agent,
+    agentStatus,
+    isAgentTyping
+  } = (0,_store_useApp_js__WEBPACK_IMPORTED_MODULE_5__.useApp)();
+  const [userMessage, setUserMessage] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)('');
+  const messageRef = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)();
+  (0,_hooks_useTextareaAutosize_js__WEBPACK_IMPORTED_MODULE_6__.useTextareaAutosize)(messageRef.current, userMessage);
+  (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(() => {
+    if (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;
+  let connectionHeadlineText = 'Connecting to Floodline';
+  if (agentStatus === 'closed') {
+    connectionHeadlineText = agentName ? `${agentName} ended the session` : 'Session ended by advisor';
+  } else if (agentStatus) {
+    if (agentName) {
+      connectionHeadlineText = `You are speaking with ${agentName}`;
+    } else {
+      connectionHeadlineText = 'No advisers currently available';
+    }
+  }
+  if (availability === 'UNAVAILABLE') {
+    connectionHeadlineText = 'Webchat is not currently available';
+  }
+  const sendMessage = e => {
+    e.preventDefault();
+    if (messageRef.current.value.length === 0) {
+      return;
+    }
+    try {
+      thread.sendTextMessage(sanitize_html__WEBPACK_IMPORTED_MODULE_1___default()(messageRef.current.value.trim()));
+    } catch (err) {
+      console.log('[Chat Error] sendMessage', err);
+    }
+    setUserMessage('');
+  };
+  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_2__.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 govuk-body-s"
+  }, connectionHeadlineText), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("a", {
+    className: "wc-status__link govuk-!-font-size-16",
+    href: "#",
+    "data-module": "govuk-button",
+    onClick: onEndChat
+  }, "End chat")), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
+    className: "wc-body"
+  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
+    className: "wc-chat__body"
+  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("ul", {
+    className: "wc-chat__messages"
+  }, messages.length ? messages.map((msg, index) => /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_message_message_jsx__WEBPACK_IMPORTED_MODULE_4__.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 govuk-body outbound"
+  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
+    className: "wc-chat__from govuk-!-font-size-14"
+  }, 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_3__.PanelFooter, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
+    className: "wc-footer__input"
+  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("form", {
+    className: "wc-form",
+    noValidate: true
+  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("label", {
+    className: "govuk-label wc-form__label govuk-!-font-size-16",
+    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 govuk-textarea govuk-!-font-size-16",
+    id: "wc-form-textarea",
+    name: "message",
+    onChange: onChange,
+    value: userMessage
+  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("input", {
+    type: "submit",
+    className: "wc-form__button govuk-button govuk-!-font-size-16",
+    value: "Send",
+    "data-prevent-double-click": "true",
+    onClick: sendMessage
+  }))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
+    className: "wc-footer__settings"
+  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("a", {
+    href: "#",
+    className: "wc-footer__settings-link",
+    "data-module": "govuk-button"
+  }, "Settings"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("a", {
+    href: "#",
+    className: "wc-footer__settings-link",
+    "data-module": "govuk-button",
+    download: "transcript.txt"
+  }, "Save chat"))));
+}
+
+/***/ }),
+
+/***/ "./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 govuk-body', outbound ? 'outbound' : 'inbound')
+  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
+    className: "wc-chat__from govuk-!-font-size-14"
+  }, 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("p", {
+    className: (0,_lib_classnames__WEBPACK_IMPORTED_MODULE_1__.classnames)('wc-chat__text', 'govuk-body-s', 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");
+
+
+function PanelHeader() {
+  const {
+    thread,
+    setChatVisibility
+  } = (0,_store_useApp_js__WEBPACK_IMPORTED_MODULE_1__.useApp)();
+  const onClose = e => {
+    e.preventDefault();
+    setChatVisibility(false);
+  };
+  let ButtonComponent = /*#__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"
+  })));
+  if (thread) {
+    ButtonComponent = /*#__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"
+    })));
+  }
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
+    className: "wc-header"
+  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("h2", {
+    id: "wc-header-title",
+    className: "wc-header__title govuk-heading-s"
+  }, "Floodline Webchat"), ButtonComponent);
+}
+
+/***/ }),
+
+/***/ "./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 _screens_pre_chat_jsx__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../screens/pre-chat.jsx */ "./src/client/components/screens/pre-chat.jsx");
+/* harmony import */ var _screens_request_chat_jsx__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../screens/request-chat.jsx */ "./src/client/components/screens/request-chat.jsx");
+/* harmony import */ var _chat_chat_jsx__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../chat/chat.jsx */ "./src/client/components/chat/chat.jsx");
+/* harmony import */ var _screens_unavailable_jsx__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../screens/unavailable.jsx */ "./src/client/components/screens/unavailable.jsx");
+/* harmony import */ var _screens_end_chat_jsx__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../screens/end-chat.jsx */ "./src/client/components/screens/end-chat.jsx");
+/* harmony import */ var _store_useApp_js__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../store/useApp.js */ "./src/client/store/useApp.js");
+/* harmony import */ var _store_useChatSdk_js__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../../store/useChatSdk.js */ "./src/client/store/useChatSdk.js");
+/* harmony import */ var _hooks_useFocusedElements_js__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../../hooks/useFocusedElements.js */ "./src/client/hooks/useFocusedElements.js");
+
+
+
+
+
+
+
+
+
+
+function Panel() {
+  const {
+    sdk,
+    availability,
+    thread,
+    threadId,
+    setThread,
+    setThreadId,
+    setChatVisibility,
+    setMessages
+  } = (0,_store_useApp_js__WEBPACK_IMPORTED_MODULE_7__.useApp)();
+  const {
+    fetchThread,
+    fetchMessages
+  } = (0,_store_useChatSdk_js__WEBPACK_IMPORTED_MODULE_8__.useChatSdk)(sdk);
+  const [screen, setScreen] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(threadId ? 2 : 0);
+  (0,_hooks_useFocusedElements_js__WEBPACK_IMPORTED_MODULE_9__.useFocusedElements)(screen);
+
+  /**
+   * Initializes the eventListener for pressing the escape key
+   */
+  (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(() => {
+    const escapeKeyEvent = document.addEventListener('keydown', onEscapeKey);
+    return () => {
+      document.removeEventListener('keydown', escapeKeyEvent);
+    };
+  }, []);
+
+  /**
+   * 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) {
+      thread ? setScreen(2) : recover();
+    }
+  }, [thread, threadId]);
+  const onEscapeKey = (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)(e => {
+    if (e.key === 'Escape' || e.key === 'Esc') {
+      setChatVisibility(false);
+    }
+  }, []);
+  const handleScreenChange = newScreen => e => {
+    e.preventDefault();
+    setScreen(newScreen);
+  };
+  const onForward = handleScreenChange(screen + 1);
+  const onBack = handleScreenChange(screen - 1);
+  const onEndChat = handleScreenChange(3);
+  const onResume = handleScreenChange(2);
+  const onEndChatConfirm = e => {
+    e.preventDefault();
+    console.log('confirmed end chat');
+  };
+  let ScreenComponent;
+  switch (screen) {
+    case 0:
+      ScreenComponent = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_screens_pre_chat_jsx__WEBPACK_IMPORTED_MODULE_2__.PreChat, {
+        onForward: onForward
+      });
+      break;
+    case 1:
+      ScreenComponent = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_screens_request_chat_jsx__WEBPACK_IMPORTED_MODULE_3__.RequestChat, {
+        onBack: onBack
+      });
+      break;
+    case 2:
+      ScreenComponent = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_chat_chat_jsx__WEBPACK_IMPORTED_MODULE_4__.Chat, {
+        setScreen: setScreen,
+        onEndChat: onEndChat
+      });
+      break;
+    case 3:
+      ScreenComponent = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_screens_end_chat_jsx__WEBPACK_IMPORTED_MODULE_6__.EndChat, {
+        onResume: onResume,
+        onEndChatConfirm: onEndChatConfirm
+      });
+      break;
+    default:
+      ScreenComponent = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_screens_pre_chat_jsx__WEBPACK_IMPORTED_MODULE_2__.PreChat, {
+        onForward: onForward
+      });
+  }
+  if (availability === 'UNAVAILABLE') {
+    ScreenComponent = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_screens_unavailable_jsx__WEBPACK_IMPORTED_MODULE_5__.Unavailable, null);
+  }
+  const Component = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
+    id: "wc-panel",
+    className: "wc-panel",
+    role: "dialog",
+    tabIndex: "-1",
+    "aria-modal": "true",
+    "aria-labelledby": "wc-header-title"
+  }, ScreenComponent);
+  return /*#__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");
+
+
+function EndChat({
+  onResume,
+  onEndChatConfirm
+}) {
+  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", {
+    className: "govuk-heading-s",
+    "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", {
+    href: "#",
+    className: "govuk-button govuk-!-font-size-16",
+    "data-module": "govuk-button",
+    onClick: onEndChatConfirm
+  }, "Yes, end chat"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("a", {
+    href: "#",
+    className: "govuk-link govuk-!-font-size-16",
+    onClick: onResume
+  }, "No, resume chat"))));
+}
+
+/***/ }),
+
+/***/ "./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({
+  onForward
+}) {
+  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", {
+    className: "govuk-heading-s",
+    "aria-live": "polite"
+  }, "What you can use webchat for"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
+    className: "govuk-body-s"
+  }, "Webchat lets you talk directly to a Floodline adviser."), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
+    className: "govuk-body-s"
+  }, "You can use webchat to get:"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("ul", {
+    className: "govuk-list govuk-list--bullet govuk-body-s"
+  }, /*#__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", {
+    className: "govuk-body-s"
+  }, 'There are other ways to ', /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("a", {
+    className: "govuk-link",
+    href: "https://www.gov.uk/sign-up-for-flood-warnings"
+  }, "sign up for flood warnings"), ' and ', /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("a", {
+    className: "govuk-link",
+    href: "https://www.fws.environment-agency.gov.uk/app/olr/login"
+  }, "manage your flood warnings account"), "."), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
+    className: "govuk-body-s"
+  }, "Do not use webchat to ", /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("a", {
+    className: "govuk-link",
+    href: "https://www.gov.uk/report-flood-cause"
+  }, "report a flood"), "."), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("button", {
+    className: "govuk-button govuk-!-font-size-16",
+    "data-module": "govuk-button",
+    onClick: onForward
+  }, "Continue"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("h3", {
+    className: "govuk-heading-s"
+  }, "Other flood information"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
+    className: "govuk-body-s"
+  }, "Call Floodline for all other flood and flood warning information."), /*#__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"))));
+}
+
+/***/ }),
+
+/***/ "./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");
+
+
+
+
+
+
+const QUESTION_MAX_LENGTH = 500;
+function RequestChat({
+  onBack
+}) {
+  const {
+    sdk,
+    setCustomerId,
+    setThreadId,
+    setThread
+  } = (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 nameRef = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)();
+  const questionRef = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)();
+  (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 onRequestChat = async e => {
+    e.preventDefault();
+    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 {
+        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);
+      } catch (err) {
+        console.log('[Request Chat Error]', err);
+      }
+    }
+    setErrors(errs);
+  };
+  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`;
+  }
+  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("a", {
+    href: "#",
+    className: "wc-back-link govuk-back-link",
+    onClick: onBack
+  }, "What you can use webchat for"), Object.keys(errors).length > 0 ? /*#__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: "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"
+  }, Object.keys(errors).map(key => /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("li", {
+    key: key
+  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("a", {
+    href: `#${key}`
+  }, errors[key]))))))) : null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("h3", {
+    className: "govuk-heading-s",
+    "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)('govuk-form-group', errors.name && 'govuk-form-group--error')
+  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("label", {
+    className: "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)('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: "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: "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)('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: "govuk-hint govuk-character-count__message",
+    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("button", {
+    className: "govuk-button govuk-!-margin-top-1 govuk-!-font-size-16",
+    "data-module": "govuk-button",
+    onClick: onRequestChat
+  }, "Request chat"))));
+}
+
+/***/ }),
+
+/***/ "./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/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 setAriaHidden = bool => {
+  for (const node of document.body.children) {
+    if (node.id !== 'wc-panel') {
+      bool ? node.setAttribute('aria-hidden', 'true') : node.removeAttribute('aria-hidden');
+    }
+  }
+};
+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.body.querySelector('.wc-availability__link')?.focus();
+      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/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/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 */   transformMessage: () => (/* binding */ transformMessage),
+/* harmony export */   transformMessages: () => (/* binding */ transformMessages)
+/* harmony export */ });
+/* harmony import */ var sanitize_html__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! sanitize-html */ "sanitize-html");
+/* harmony import */ var sanitize_html__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(sanitize_html__WEBPACK_IMPORTED_MODULE_0__);
+
+const transformMessage = message => {
+  return {
+    id: message.id,
+    text: sanitize_html__WEBPACK_IMPORTED_MODULE_0___default()(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));
+
+/***/ }),
+
+/***/ "./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 _reducer_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./reducer.js */ "./src/client/store/reducer.js");
+
+
+
+const AppContext = /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_0__.createContext)(_reducer_js__WEBPACK_IMPORTED_MODULE_2__.initialState);
+const AppProvider = ({
+  sdk,
+  availability,
+  children
+}) => {
+  const [state, dispatch] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useReducer)(_reducer_js__WEBPACK_IMPORTED_MODULE_2__.reducer, _reducer_js__WEBPACK_IMPORTED_MODULE_2__.initialState);
+
+  /**
+   * 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
+    });
+  };
+  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
+    });
+  };
+  const onMessageCreated = e => {
+    setMessage(e.detail.data.message);
+    dispatch({
+      type: 'SET_AGENT_STATUS',
+      payload: e.detail.data.case.status
+    });
+  };
+  const onContactStatusChanged = e => {
+    dispatch({
+      type: 'SET_AGENT_STATUS',
+      payload: e.detail.data.case.status
+    });
+  };
+  (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);
+  }, [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(_reducer_js__WEBPACK_IMPORTED_MODULE_2__.CUSTOMER_ID_STORAGE_KEY));
+    setThreadId(window.localStorage.getItem(_reducer_js__WEBPACK_IMPORTED_MODULE_2__.THREAD_ID_STORAGE_KEY));
+    if (window.location.hash === '#webchat') {
+      setChatVisibility(true);
+    }
+  }, []);
+
+  /**
+   * State update functions
+   */
+  const setChatVisibility = payload => {
+    if (!payload) {
+      window.location.hash = '';
+    }
+    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 setMessage = message => {
+    dispatch({
+      type: 'SET_MESSAGE',
+      payload: message
+    });
+  };
+  const setMessages = messages => {
+    dispatch({
+      type: 'SET_MESSAGES',
+      payload: messages
+    });
+  };
+
+  /**
+   * Application-wide state and state functions
+   */
+  const store = (0,react__WEBPACK_IMPORTED_MODULE_0__.useMemo)(() => ({
+    ...state,
+    sdk,
+    setCustomerId,
+    setThreadId,
+    setThread,
+    setMessage,
+    setMessages,
+    setChatVisibility
+  }));
+  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 _reducer__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./reducer */ "./src/client/store/reducer.js");
+
+
+const setCustomerId = (state, payload) => {
+  if (payload) {
+    window.localStorage.setItem(_reducer__WEBPACK_IMPORTED_MODULE_1__.CUSTOMER_ID_STORAGE_KEY, payload);
+  } else {
+    window.localStorage.removeItem(_reducer__WEBPACK_IMPORTED_MODULE_1__.CUSTOMER_ID_STORAGE_KEY);
+  }
+  return {
+    ...state,
+    customerId: payload
+  };
+};
+const setThreadId = (state, payload) => {
+  if (payload) {
+    window.localStorage.setItem(_reducer__WEBPACK_IMPORTED_MODULE_1__.THREAD_ID_STORAGE_KEY, payload);
+  } else {
+    window.localStorage.removeItem(_reducer__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 setMessage = (state, payload) => {
+  return {
+    ...state,
+    messages: [...state.messages, (0,_lib_transform_messages__WEBPACK_IMPORTED_MODULE_0__.transformMessage)(payload)]
+  };
+};
+const setMessages = (state, payload) => {
+  return {
+    ...state,
+    messages: (0,_lib_transform_messages__WEBPACK_IMPORTED_MODULE_0__.transformMessages)(payload).reverse()
+  };
+};
+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 actionsMap = {
+  SET_CHAT_VISIBILITY: setChatVisibility,
+  SET_AVAILABILITY: setAvailability,
+  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
+};
+
+/***/ }),
+
+/***/ "./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 */   CUSTOMER_ID_STORAGE_KEY: () => (/* binding */ CUSTOMER_ID_STORAGE_KEY),
+/* harmony export */   THREAD_ID_STORAGE_KEY: () => (/* binding */ THREAD_ID_STORAGE_KEY),
+/* 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 CUSTOMER_ID_STORAGE_KEY = 'webchat_customer_id';
+const THREAD_ID_STORAGE_KEY = 'webchat_thread_id';
+const initialState = {
+  availability: null,
+  customerId: null,
+  threadId: null,
+  thread: null,
+  messages: [],
+  agent: null,
+  agentStatus: null,
+  isAgentTyping: false,
+  isChatOpen: false
+};
+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");
+
+/***/ }),
+
+/***/ "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");
+
+/***/ }),
+
+/***/ "sanitize-html":
+/*!********************************!*\
+  !*** external "sanitize-html" ***!
+  \********************************/
+/***/ ((module) => {
+
+module.exports = require("sanitize-html");
+
+/***/ }),
+
+/***/ "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_reducer_js__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./store/reducer.js */ "./src/client/store/reducer.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_reducer_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
+  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_components_availability_availability_jsx__WEBPACK_IMPORTED_MODULE_3__.Availability, {
+    availability: availability
+  })));
+}
+})();
+
+module.exports = __webpack_exports__;
+/******/ })()
+;
+//# sourceMappingURL=client.js.map