@mxenabled/connect-widget 0.19.0 → 0.19.2

package/dist/index.es.js

@@ -5087,39 +5087,23 @@ function baseFindIndex$2(array, predicate, fromIndex, fromRight) {
 }
 var _baseFindIndex = baseFindIndex$2;
 
-var _trimmedEndIndex;
-var hasRequired_trimmedEndIndex;
-
-function require_trimmedEndIndex () {
-	if (hasRequired_trimmedEndIndex) return _trimmedEndIndex;
-	hasRequired_trimmedEndIndex = 1;
-	var reWhitespace = /\s/;
-	function trimmedEndIndex(string) {
-	  var index = string.length;
-	  while (index-- && reWhitespace.test(string.charAt(index))) {
-	  }
-	  return index;
-	}
-	_trimmedEndIndex = trimmedEndIndex;
-	return _trimmedEndIndex;
+var reWhitespace = /\s/;
+function trimmedEndIndex$1(string) {
+  var index = string.length;
+  while (index-- && reWhitespace.test(string.charAt(index))) {
+  }
+  return index;
 }
+var _trimmedEndIndex = trimmedEndIndex$1;
 
-var _baseTrim;
-var hasRequired_baseTrim;
-
-function require_baseTrim () {
-	if (hasRequired_baseTrim) return _baseTrim;
-	hasRequired_baseTrim = 1;
-	var trimmedEndIndex = require_trimmedEndIndex();
-	var reTrimStart = /^\s+/;
-	function baseTrim(string) {
-	  return string ? string.slice(0, trimmedEndIndex(string) + 1).replace(reTrimStart, "") : string;
-	}
-	_baseTrim = baseTrim;
-	return _baseTrim;
+var trimmedEndIndex = _trimmedEndIndex;
+var reTrimStart = /^\s+/;
+function baseTrim$1(string) {
+  return string ? string.slice(0, trimmedEndIndex(string) + 1).replace(reTrimStart, "") : string;
 }
+var _baseTrim = baseTrim$1;
 
-var baseTrim = require_baseTrim(), isObject$7 = isObject_1, isSymbol$1 = isSymbol_1;
+var baseTrim = _baseTrim, isObject$7 = isObject_1, isSymbol$1 = isSymbol_1;
 var NAN = 0 / 0;
 var reIsBadHex = /^[-+]0x[0-9a-f]+$/i;
 var reIsBinary = /^0b[01]+$/i;
@@ -8573,7 +8557,7 @@ var hasRequiredTrim;
 function requireTrim () {
 	if (hasRequiredTrim) return trim_1;
 	hasRequiredTrim = 1;
-	var baseToString = _baseToString, baseTrim = require_baseTrim(), castSlice = require_castSlice(), charsEndIndex = require_charsEndIndex(), charsStartIndex = require_charsStartIndex(), stringToArray = require_stringToArray(), toString = toString_1;
+	var baseToString = _baseToString, baseTrim = _baseTrim, castSlice = require_castSlice(), charsEndIndex = require_charsEndIndex(), charsStartIndex = require_charsStartIndex(), stringToArray = require_stringToArray(), toString = toString_1;
 	function trim(string, chars, guard) {
 	  string = toString(string);
 	  if (string && (guard || chars === void 0)) {
@@ -65342,20 +65326,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 +65376,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 +65391,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 +65423,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: {
@@ -73859,6 +73854,7 @@ const PersonalInfoForm = ({ accountDetails, onContinue }) => {
           label: schema.firstName.label,
           name: "firstName",
           onChange: handleTextInputChange,
+          required: true,
           value: values.firstName
         }
       ) }),
@@ -73872,10 +73868,11 @@ const PersonalInfoForm = ({ accountDetails, onContinue }) => {
           label: schema.lastName.label,
           name: "lastName",
           onChange: handleTextInputChange,
+          required: true,
           value: values.lastName
         }
       ) }),
-      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { style: styles.inputStyle, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { children: /* @__PURE__ */ jsxRuntimeExports.jsx(
         ProtectedTextField,
         {
           error: !!errors.email,
@@ -73885,10 +73882,16 @@ const PersonalInfoForm = ({ accountDetails, onContinue }) => {
           label: schema.email.label,
           name: "email",
           onChange: handleTextInputChange,
+          required: true,
           value: values.email
         }
       ) })
     ] }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { style: { marginTop: 16, marginBottom: 32 }, children: /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { style: { color: "#666", fontSize: 13 }, children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx("span", { style: { color: "#E32727", fontSize: 13 }, children: "*" }),
+      " ",
+      __("Required")
+    ] }) }),
     /* @__PURE__ */ jsxRuntimeExports.jsx(SlideDown, { delay: getNextDelay(), children: /* @__PURE__ */ jsxRuntimeExports.jsx(
       Button$2,
       {
@@ -80741,6 +80744,16 @@ const connectThemeOverrides = (palette) => ({
         }
       }
     },
+    MuiFormLabel: {
+      styleOverrides: {
+        asterisk: {
+          color: "#E32727",
+          "&$error": {
+            color: "#E32727"
+          }
+        }
+      }
+    },
     MuiIcon: {
       styleOverrides: {
         root: {