@mxenabled/connect-widget 0.19.0 → 0.19.1

package/dist/index.es.js

@@ -65342,20 +65342,25 @@ GeneralSupport.propTypes = {
 GeneralSupport.displayName = "GeneralSupport";
 
 const SupportSuccess = React__default.forwardRef((props, supportSuccessRef) => {
-  const { email, handleClose } = props;
+  const { email, handleClose, setAriaLiveRegionMessage } = props;
   useAnalyticsPath(...PageviewInfo.CONNECT_SUPPORT_SUCCESS);
   const tokens = useTokens();
   const styles = getStyles$15(tokens);
   const getNextDelay = getDelay();
+  const requestReceived = __(
+    "Thanks! Your request has been received. A reply will be sent to %1. Be sure to check your junk mail or spam folder, as replies sometimes end up there.",
+    email
+  );
+  const workingHours = __("Our hours are Monday to Friday, 9 a.m. – 5 p.m. MST.");
   const onClose = () => fadeOut(supportSuccessRef.current, "up", 300).then(() => handleClose());
+  useEffect(() => {
+    setAriaLiveRegionMessage(`${requestReceived} ${workingHours}`);
+  }, []);
   return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { ref: supportSuccessRef, children: [
     /* @__PURE__ */ jsxRuntimeExports.jsx(SlideDown, { delay: getNextDelay(), children: /* @__PURE__ */ jsxRuntimeExports.jsx(x, { style: styles.title, truncate: false, variant: "H2", children: __("Request received") }) }),
     /* @__PURE__ */ jsxRuntimeExports.jsxs(SlideDown, { delay: getNextDelay(), children: [
-      /* @__PURE__ */ jsxRuntimeExports.jsx(x, { component: "p", style: styles.firstParagraph, truncate: false, variant: "Paragraph", children: __(
-        "Thanks! Your request has been received. A reply will be sent to %1. Be sure to check your junk mail or spam folder, as replies sometimes end up there.",
-        email
-      ) }),
-      /* @__PURE__ */ jsxRuntimeExports.jsx(x, { component: "p", truncate: false, variant: "Paragraph", children: __("Our hours are Monday to Friday, 9 a.m. – 5 p.m. MST.") }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx(x, { component: "p", style: styles.firstParagraph, truncate: false, variant: "Paragraph", children: requestReceived }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx(x, { component: "p", truncate: false, variant: "Paragraph", children: workingHours }),
       /* @__PURE__ */ jsxRuntimeExports.jsx(
         Button$2,
         {
@@ -65387,7 +65392,8 @@ const getStyles$15 = (tokens) => ({
 });
 SupportSuccess.propTypes = {
   email: PropTypes$1.string.isRequired,
-  handleClose: PropTypes$1.func.isRequired
+  handleClose: PropTypes$1.func.isRequired,
+  setAriaLiveRegionMessage: PropTypes$1.func.isRequired
 };
 SupportSuccess.displayName = "SupportSuccess";
 
@@ -65401,6 +65407,7 @@ const Support = React__default.forwardRef((props, supportNavRef) => {
   const { loadToView, onClose } = props;
   const [currentView, setCurrentView] = useState(loadToView);
   const [email, setEmail] = useState("");
+  const [ariaLiveRegionMessage, setAriaLiveRegionMessage] = useState("");
   const user = useSelector((state) => state.profiles.user);
   const menuRef = useRef(null);
   const requestInstitutionRef = useRef(null);
@@ -65432,42 +65439,46 @@ const Support = React__default.forwardRef((props, supportNavRef) => {
     setEmail(email2);
     setCurrentView(VIEWS$2.SUCCESS);
   };
-  return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { style: styles.container, children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: styles.content, children: [
-    currentView === VIEWS$2.MENU && /* @__PURE__ */ jsxRuntimeExports.jsx(
-      SupportMenu,
-      {
-        ref: menuRef,
-        selectGeneralSupport: () => setCurrentView(VIEWS$2.GENERAL_SUPPORT),
-        selectRequestInstitution: () => setCurrentView(VIEWS$2.REQ_INSTITUTION)
-      }
-    ),
-    currentView === VIEWS$2.REQ_INSTITUTION && /* @__PURE__ */ jsxRuntimeExports.jsx(
-      RequestInstitution,
-      {
-        handleClose: () => loadToView !== VIEWS$2.MENU ? handleCloseSupport(requestInstitutionRef) : setCurrentView(VIEWS$2.MENU),
-        handleTicketSuccess,
-        ref: requestInstitutionRef,
-        user
-      }
-    ),
-    currentView === VIEWS$2.GENERAL_SUPPORT && /* @__PURE__ */ jsxRuntimeExports.jsx(
-      GeneralSupport,
-      {
-        handleClose: () => loadToView !== VIEWS$2.MENU ? handleCloseSupport(generalSupportRef) : setCurrentView(VIEWS$2.MENU),
-        handleTicketSuccess,
-        ref: generalSupportRef,
-        user
-      }
-    ),
-    currentView === VIEWS$2.SUCCESS && /* @__PURE__ */ jsxRuntimeExports.jsx(
-      SupportSuccess,
-      {
-        email,
-        handleClose: () => loadToView !== VIEWS$2.MENU ? handleCloseSupport(supportSuccessRef) : setCurrentView(VIEWS$2.MENU),
-        ref: supportSuccessRef
-      }
-    )
-  ] }) });
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: styles.container, children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: styles.content, children: [
+      currentView === VIEWS$2.MENU && /* @__PURE__ */ jsxRuntimeExports.jsx(
+        SupportMenu,
+        {
+          ref: menuRef,
+          selectGeneralSupport: () => setCurrentView(VIEWS$2.GENERAL_SUPPORT),
+          selectRequestInstitution: () => setCurrentView(VIEWS$2.REQ_INSTITUTION)
+        }
+      ),
+      currentView === VIEWS$2.REQ_INSTITUTION && /* @__PURE__ */ jsxRuntimeExports.jsx(
+        RequestInstitution,
+        {
+          handleClose: () => loadToView !== VIEWS$2.MENU ? handleCloseSupport(requestInstitutionRef) : setCurrentView(VIEWS$2.MENU),
+          handleTicketSuccess,
+          ref: requestInstitutionRef,
+          user
+        }
+      ),
+      currentView === VIEWS$2.GENERAL_SUPPORT && /* @__PURE__ */ jsxRuntimeExports.jsx(
+        GeneralSupport,
+        {
+          handleClose: () => loadToView !== VIEWS$2.MENU ? handleCloseSupport(generalSupportRef) : setCurrentView(VIEWS$2.MENU),
+          handleTicketSuccess,
+          ref: generalSupportRef,
+          user
+        }
+      ),
+      currentView === VIEWS$2.SUCCESS && /* @__PURE__ */ jsxRuntimeExports.jsx(
+        SupportSuccess,
+        {
+          email,
+          handleClose: () => loadToView !== VIEWS$2.MENU ? handleCloseSupport(supportSuccessRef) : setCurrentView(VIEWS$2.MENU),
+          ref: supportSuccessRef,
+          setAriaLiveRegionMessage
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx(AriaLive, { level: "assertive", message: ariaLiveRegionMessage })
+  ] });
 });
 const getStyles$14 = (tokens) => ({
   container: {