@mxenabled/connect-widget 0.13.1 → 0.13.2

package/dist/index.es.js

@@ -78674,6 +78674,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 +78747,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 +78799,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,