@defra/flood-webchat 0.0.1-beta.23 → 0.0.1-beta.25

package/dist/client.js

@@ -174,7 +174,7 @@ function Chat({
   if (availability === 'UNAVAILABLE') {
     connectionHeadlineText = 'Webchat is not currently available';
   }
-  const sendMessage = e => {
+  const sendMessage = () => {
     if (messageRef.current.value.length === 0) {
       return;
     }
@@ -268,7 +268,7 @@ function Chat({
     id: "wc-form-textarea",
     name: "message",
     onChange: onChange,
-    onKeyPress: handleKeyPress,
+    onKeyDown: handleKeyPress,
     value: userMessage
   }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("input", {
     type: "submit",
@@ -420,13 +420,14 @@ function PanelHeader() {
   const {
     thread,
     setChatVisibility,
-    setUnseenCount
+    setUnseenCount,
+    threadId
   } = (0,_store_useApp_js__WEBPACK_IMPORTED_MODULE_1__.useApp)();
   const onClose = e => {
     e.preventDefault();
     setChatVisibility(false);
-    if (thread) {
-      thread.lastMessageSeen();
+    if (threadId) {
+      thread?.lastMessageSeen();
       setUnseenCount(0);
     }
   };
@@ -494,8 +495,6 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _store_useApp_js__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../../store/useApp.js */ "./src/client/store/useApp.js");
 /* harmony import */ var _store_useChatSdk_js__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ../../store/useChatSdk.js */ "./src/client/store/useChatSdk.js");
 /* harmony import */ var _hooks_useFocusedElements_js__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ../../hooks/useFocusedElements.js */ "./src/client/hooks/useFocusedElements.js");
-/* harmony import */ var _screens_end_feedback_jsx__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ../screens/end-feedback.jsx */ "./src/client/components/screens/end-feedback.jsx");
-
 
 
 
@@ -526,6 +525,15 @@ function Panel() {
   } = (0,_store_useChatSdk_js__WEBPACK_IMPORTED_MODULE_10__.useChatSdk)(sdk);
   const [screen, setScreen] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(threadId ? 2 : 0);
   (0,_hooks_useFocusedElements_js__WEBPACK_IMPORTED_MODULE_11__.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);
+    }
+  }, [thread, threadId, setUnseenCount, setChatVisibility]);
 
   /**
    * Initializes the eventListener for pressing the escape key
@@ -535,7 +543,7 @@ function Panel() {
     return () => {
       document.removeEventListener('keydown', escapeKeyEvent);
     };
-  }, []);
+  }, [onEscapeKey, setChatVisibility]);
 
   /**
    * Recovers the thread if there is a threadId but no thread loaded in to state
@@ -564,15 +572,6 @@ function Panel() {
       }
     }
   }, [thread, threadId]);
-  const onEscapeKey = (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)(e => {
-    if (e.key === 'Escape' || e.key === 'Esc') {
-      if (thread) {
-        thread.lastMessageSeen();
-        setUnseenCount(0);
-      }
-      setChatVisibility(false);
-    }
-  }, []);
   const handleScreenChange = newScreen => e => {
     e.preventDefault();
     setScreen(newScreen);
@@ -583,7 +582,6 @@ function Panel() {
   const goToEndChatScreen = handleScreenChange(3);
   const goToFeedbackScreen = handleScreenChange(4);
   const goToSettingsScreen = handleScreenChange(5);
-  const goToEndFeedbackScreen = handleScreenChange(6);
   let ScreenComponent;
   switch (screen) {
     case 0:
@@ -610,8 +608,7 @@ function Panel() {
       break;
     case 4:
       ScreenComponent = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_screens_feedback_jsx__WEBPACK_IMPORTED_MODULE_8__.Feedback, {
-        onCancel: () => setChatVisibility(false),
-        onConfirmSubmit: goToEndFeedbackScreen
+        onCancel: () => setChatVisibility(false)
       });
       break;
     case 5:
@@ -619,11 +616,6 @@ function Panel() {
         onCancel: goToChatScreen
       });
       break;
-    case 6:
-      ScreenComponent = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_screens_end_feedback_jsx__WEBPACK_IMPORTED_MODULE_12__.EndFeedback, {
-        onClose: () => setChatVisibility(false)
-      });
-      break;
     default:
       ScreenComponent = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_screens_pre_chat_jsx__WEBPACK_IMPORTED_MODULE_2__.PreChat, {
         onContinue: goToRequestChatScreen
@@ -696,13 +688,13 @@ function EndChat({
   }, "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: "#",
+    href: "#endChat",
     className: "govuk-button govuk-!-font-size-16",
     "data-module": "govuk-button",
     id: "confirmEndChat",
     onClick: confirmEndChat
   }, "Yes, end chat"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("a", {
-    href: "#",
+    href: "#resumeChat",
     className: "govuk-link govuk-!-font-size-16",
     onClick: onChatScreen
   }, "No, resume chat"))));
@@ -710,42 +702,6 @@ function EndChat({
 
 /***/ }),
 
-/***/ "./src/client/components/screens/end-feedback.jsx":
-/*!********************************************************!*\
-  !*** ./src/client/components/screens/end-feedback.jsx ***!
-  \********************************************************/
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
-
-__webpack_require__.r(__webpack_exports__);
-/* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   EndFeedback: () => (/* binding */ EndFeedback)
-/* 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 EndFeedback({
-  onClose
-}) {
-  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",
-    class: "govuk-heading-m"
-  }, "Thank you for your feedback"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("a", {
-    href: "#",
-    role: "button",
-    draggable: "false",
-    "data-module": "govuk-button",
-    "data-wc-focus-visible": true,
-    "data-wc-close-btn": true,
-    onClick: onClose
-  }, "Close window"))));
-}
-
-/***/ }),
-
 /***/ "./src/client/components/screens/feedback.jsx":
 /*!****************************************************!*\
   !*** ./src/client/components/screens/feedback.jsx ***!
@@ -762,12 +718,9 @@ __webpack_require__.r(__webpack_exports__);
 
 
 function Feedback({
-  onConfirmSubmit,
   onCancel
 }) {
-  const feedbackSubmit = async e => {
-    e.preventDefault();
-    onConfirmSubmit(e);
+  const feedbackCancel = async e => {
     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", {
@@ -775,149 +728,20 @@ function Feedback({
   }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("h3", {
     id: "wc-subtitle",
     className: "govuk-heading-s"
-  }, "Give Feedback on Floodline webchat"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", null, "Please note we\u2019re unable to respond to feedback."), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
-    className: "govuk-form-group"
-  }, /*#__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-heading govuk-fieldset__legend"
-  }, "Overall, how did you feel about webchat?"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
-    className: "govuk-radios govuk-radios--small",
-    "data-module": "govuk-radios"
-  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
-    className: "govuk-radios__item"
-  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("input", {
-    id: "very-satisfied",
-    name: "satisfaction",
-    type: "radio",
-    className: "govuk-radios__input",
-    value: "Very satisfied"
-  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("label", {
-    className: "govuk-label govuk-radios__label",
-    for: "very-satisfied"
-  }, "Very satisfied")), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
-    className: "govuk-radios__item"
-  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("input", {
-    id: "satisfied",
-    name: "satisfaction",
-    type: "radio",
-    className: "govuk-radios__input",
-    value: "Satisfied"
-  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("label", {
-    className: "govuk-label govuk-radios__label",
-    for: "satisfied"
-  }, "Satisfied")), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
-    className: "govuk-radios__item"
-  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("input", {
-    id: "no-opinion",
-    name: "satisfaction",
-    type: "radio",
-    className: "govuk-radios__input",
-    value: "No opinion"
-  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("label", {
-    className: "govuk-label govuk-radios__label",
-    for: "no-opinion"
-  }, "No Opinion")), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
-    className: "govuk-radios__item"
-  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("input", {
-    id: "dissatisfied",
-    name: "satisfaction",
-    type: "radio",
-    className: "govuk-radios__input",
-    value: "Dissatisfied"
-  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("label", {
-    className: "govuk-label govuk-radios__label",
-    for: "dissatisfied"
-  }, "Dissatisfied")), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
-    className: "govuk-radios__item"
-  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("input", {
-    id: "very-dissatisfied",
-    name: "satisfaction",
-    type: "radio",
-    className: "govuk-radios__input",
-    value: "Very dissatisfied"
-  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("label", {
-    className: "govuk-label govuk-radios__label",
-    for: "very-dissatisfied"
-  }, "Very dissatisfied")))), /*#__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"
-  }, "Did the adviser answer your question?"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
-    className: "govuk-radios govuk-radios--small",
-    "data-module": "govuk-radios"
-  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
-    className: "govuk-radios__item"
-  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("input", {
-    id: "answer-yes",
-    name: "answer",
-    type: "radio",
-    className: "govuk-radios__input",
-    value: "Yes"
-  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("label", {
-    className: "govuk-label govuk-radios__label",
-    for: "answer-yes"
-  }, "Yes")), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
-    className: "govuk-radios__item"
-  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("input", {
-    id: "answer-no",
-    name: "answer",
-    type: "radio",
-    className: "govuk-radios__input",
-    value: "No"
-  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("label", {
-    className: "govuk-label govuk-radios__label",
-    for: "answer-no"
-  }, "No")), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
-    className: "govuk-radios__item"
-  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("input", {
-    id: "answer-partly",
-    name: "answer",
-    type: "radio",
-    className: "govuk-radios__input",
-    value: "Partly"
-  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("label", {
-    className: "govuk-label govuk-radios__label",
-    for: "answer-partly"
-  }, "Partly"))))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
-    className: "govuk-form-group"
-  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("label", {
-    className: "govuk-label",
-    for: "improvements"
-  }, "How can we improve webchat? (optional)"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("textarea", {
-    className: "govuk-textarea govuk-!-margin-bottom-4",
-    id: "improvements",
-    name: "improvements",
-    rows: "5"
-  })), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
-    className: "govuk-form-group"
-  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("label", {
-    className: "wc-fieldset-heading govuk-label",
-    for: "research"
-  }, "Tell us your email address if you want to take part in user research (optional)"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
-    id: "research-hint",
-    class: "wc-hint govuk-hint"
-  }, "We will not share your email address or use it for anything else. We\u2019ll delete it after 2 years."), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("input", {
-    className: "govuk-input govuk-!-margin-bottom-4",
-    id: "research",
-    name: "research",
-    "aria-describedby": "research-hint",
-    type: "text"
-  })), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
+  }, "Give Feedback on Floodline webchat"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", null, "Please note we\u2019re unable to respond to feedback."), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("a", {
+    className: "govuk-link",
+    href: "#",
+    target: "_blank",
+    rel: "noreferrer"
+  }, "Feedback Link"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
     className: "govuk-button-group"
   }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("a", {
-    id: "feedback-save",
-    href: "#",
-    className: "govuk-button govuk-!-font-size-16",
-    "data-module": "govuk-button",
-    onClick: feedbackSubmit
-  }, "Submit"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("a", {
     id: "feedback-cancel",
     href: "#",
-    className: "govuk-link govuk-!-font-size-16",
     "data-module": "govuk-button",
-    onClick: onCancel
-  }, "Cancel"))));
+    role: "button",
+    onClick: feedbackCancel
+  }, "Close"))));
 }
 
 /***/ }),
@@ -953,19 +777,19 @@ function PreChat({
     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", {
+  }, "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"), ' and ', /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("a", {
+  }, "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", {
     className: "govuk-body-s"
-  }, 'Do not use webchat to ', /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("a", {
+  }, "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",
@@ -1035,6 +859,13 @@ function RequestChat({
   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();
@@ -1043,6 +874,7 @@ function RequestChat({
   const onQuestionChange = e => {
     setQuestionLength(e.target.value.length);
   };
+  const buttonLabel = isButtonDisabled ? 'Requesting...' : 'Request Chat';
   const onRequestChat = async e => {
     e.preventDefault();
     const errs = {};
@@ -1073,13 +905,6 @@ function RequestChat({
     }
     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", {
@@ -1139,12 +964,19 @@ function RequestChat({
   }, 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", {
+  }, questionHint))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
+    className: "govuk-inset-text govuk-!-font-size-16"
+  }, "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: "govuk-button govuk-!-margin-top-1 govuk-!-font-size-16",
     "data-module": "govuk-button",
     onClick: onRequestChat,
     disabled: isButtonDisabled
-  }, isButtonDisabled ? 'Requesting...' : 'Request Chat'))));
+  }, buttonLabel))));
 }
 
 /***/ }),
@@ -1587,9 +1419,6 @@ const AppProvider = ({
     });
   };
   (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(() => {
-    sdk.onChatEvent('SetConsumerContactCustomFields', () => {
-      console.log('Custom field set');
-    });
     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);