@mxenabled/connect-widget 0.13.0 → 0.13.1

package/dist/index.es.js

@@ -79572,6 +79572,8 @@ const reducer$3 = (state, action) => {
 };
 const VerifyDeposits = ({ microdeposit, onSuccess }) => {
   const containerRef = useRef(null);
+  const firstInputRef = useRef(null);
+  const secondInputRef = useRef(null);
   useAnalyticsPath(...PageviewInfo.CONNECT_MICRODEPOSITS_VERIFY_DEPOSITS);
   const { api } = useApi();
   const initialForm = { firstAmount: "", secondAmount: "" };
@@ -79613,6 +79615,13 @@ const VerifyDeposits = ({ microdeposit, onSuccess }) => {
     );
     return () => subscription.unsubscribe();
   }, [state.isSubmitting]);
+  useEffect(() => {
+    if (errors.firstAmount) {
+      firstInputRef.current.focus();
+    } else if (errors.secondAmount) {
+      secondInputRef.current.focus();
+    }
+  }, [errors]);
   return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { ref: containerRef, children: [
     /* @__PURE__ */ jsxRuntimeExports.jsx(SlideDown, { children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: styles.header, children: [
       /* @__PURE__ */ jsxRuntimeExports.jsx(x, { "data-test": "title-header", style: styles.title, truncate: false, variant: "H2", children: __("Enter deposit amounts") }),
@@ -79651,7 +79660,11 @@ const VerifyDeposits = ({ microdeposit, onSuccess }) => {
             error: !!errors.firstAmount,
             helperText: errors.firstAmount,
             id: schema.firstAmount.label,
-            inputProps: { "data-test": "amount-1-input" },
+            inputProps: {
+              "data-test": "amount-1-input",
+              "aria-describedby": errors.firstAmount ? "firstAmount-error" : void 0
+            },
+            inputRef: firstInputRef,
             label: schema.firstAmount.label,
             name: "firstAmount",
             onChange: handleTextInputChange,
@@ -79667,7 +79680,11 @@ const VerifyDeposits = ({ microdeposit, onSuccess }) => {
             error: !!errors.secondAmount,
             helperText: errors.secondAmount,
             id: schema.secondAmount.label,
-            inputProps: { "data-test": "amount-2-input" },
+            inputProps: {
+              "data-test": "amount-2-input",
+              "aria-describedby": errors.secondAmount ? "secondAmount-error" : void 0
+            },
+            inputRef: secondInputRef,
             label: schema.secondAmount.label,
             name: "secondAmount",
             onChange: handleTextInputChange,