@mxenabled/connect-widget 0.13.1 → 0.13.3

package/dist/index.es.js

@@ -64864,6 +64864,21 @@ const RequestInstitution = React__default.forwardRef((props, requestInstitutionR
   const tokens = useTokens();
   const styles = getStyles$17(tokens);
   const getNextDelay = getDelay();
+  const emailInputRef = useRef(null);
+  const institutionNameInputRef = useRef(null);
+  const institutionWebsiteInputRef = useRef(null);
+  const institutionLoginInputRef = useRef(null);
+  useEffect(() => {
+    if (errors.email) {
+      emailInputRef.current?.focus();
+    } else if (errors.institutionName) {
+      institutionNameInputRef.current?.focus();
+    } else if (errors.institutionWebsite) {
+      institutionWebsiteInputRef.current?.focus();
+    } else if (errors.institutionLogin) {
+      institutionLoginInputRef.current?.focus();
+    }
+  }, [errors]);
   useEffect(() => {
     if (submitting) {
       const ticket = {
@@ -64900,6 +64915,10 @@ const RequestInstitution = React__default.forwardRef((props, requestInstitutionR
             fullWidth: true,
             helperText: errors.email,
             id: "email",
+            inputProps: {
+              "aria-describedby": errors.email ? "email-error" : void 0
+            },
+            inputRef: emailInputRef,
             label: schema.email.label,
             name: "email",
             onChange: handleTextInputChange,
@@ -64916,6 +64935,10 @@ const RequestInstitution = React__default.forwardRef((props, requestInstitutionR
             fullWidth: true,
             helperText: errors.institutionName,
             id: "institutionName",
+            inputProps: {
+              "aria-describedby": errors.institutionName ? "institutionName-error" : void 0
+            },
+            inputRef: institutionNameInputRef,
             label: schema.institutionName.label,
             name: "institutionName",
             onChange: handleTextInputChange,
@@ -64931,6 +64954,10 @@ const RequestInstitution = React__default.forwardRef((props, requestInstitutionR
             fullWidth: true,
             helperText: errors.institutionWebsite,
             id: "institutionWebsite",
+            inputProps: {
+              "aria-describedby": errors.institutionWebsite ? "institutionWebsite-error" : void 0
+            },
+            inputRef: institutionWebsiteInputRef,
             label: schema.institutionWebsite.label,
             name: "institutionWebsite",
             onChange: handleTextInputChange,
@@ -64947,6 +64974,10 @@ const RequestInstitution = React__default.forwardRef((props, requestInstitutionR
             fullWidth: true,
             helperText: errors.institutionLogin,
             id: "institutionLogin",
+            inputProps: {
+              "aria-describedby": errors.institutionLogin ? "institutionLogin-error" : void 0
+            },
+            inputRef: institutionLoginInputRef,
             label: schema.institutionLogin.label,
             name: "institutionLogin",
             onChange: handleTextInputChange,
@@ -78674,6 +78705,7 @@ const RoutingNumber = (props) => {
     }
   };
   const containerRef = useRef(null);
+  const routingNumberInputRef = useRef(null);
   useAnalyticsPath(...PageviewInfo.CONNECT_MICRODEPOSITS_ROUTING_NUMBER);
   const tokens = useTokens();
   const styles = getStyles$r(tokens);
@@ -78746,6 +78778,11 @@ const RoutingNumber = (props) => {
   useEffect(() => {
     if (institutions.length > 0) props.setShowSharedRoutingNumber(true);
   }, [institutions.length]);
+  useEffect(() => {
+    if (errors.routingNumber) {
+      routingNumberInputRef.current.focus();
+    }
+  }, [errors]);
   const handleContinue = (newAccountDetails) => fadeOut(containerRef.current, "up", 300).then(() => onContinue(newAccountDetails));
   if (showFindDetails) {
     return /* @__PURE__ */ jsxRuntimeExports.jsx(FindAccountInfo, { onClose: () => setShowFindDetails(false), step: "routingNumber" });
@@ -78793,7 +78830,11 @@ const RoutingNumber = (props) => {
           error: !!errors.routingNumber || !!routingBlocked,
           fullWidth: true,
           helperText: errors.routingNumber ?? routingBlocked,
-          inputProps: { "data-test": "routing-number-input" },
+          inputProps: {
+            "data-test": "routing-number-input",
+            "aria-describedby": errors.routingNumber ? "routingNumber-error" : void 0
+          },
+          inputRef: routingNumberInputRef,
           label: __("Routing number"),
           name: "routingNumber",
           onChange: handleTextInputChange,