@mxenabled/connect-widget 0.13.2 → 0.13.4

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,
@@ -70187,6 +70218,15 @@ const Credentials = React__default.forwardRef(
       formSchema,
       initialValues
     );
+    const inputRefs = useRef({});
+    useEffect(() => {
+      for (const field of credentials) {
+        if (errors[field.field_name]) {
+          inputRefs.current[field.field_name]?.focus();
+          break;
+        }
+      }
+    }, [errors]);
     function attemptConnect() {
       const credentialsPayload = credentials.map((credential) => {
         return {
@@ -70362,7 +70402,11 @@ const Credentials = React__default.forwardRef(
                   fullWidth: true,
                   helperText: validations.isCapsLockOn && __("Caps lock is on") || validations.validateSpaceMessage || errors[field.field_name],
                   id: field.field_name,
-                  inputProps: { "aria-label": field.label },
+                  inputProps: {
+                    "aria-label": field.label,
+                    "aria-describedby": errors[field.field_name] ? `${field.field_name}-error` : void 0
+                  },
+                  inputRef: (el) => inputRefs.current[field.field_name] = el,
                   label: field.label,
                   name: field.field_name,
                   onBlur: handleBlur,
@@ -70386,7 +70430,11 @@ const Credentials = React__default.forwardRef(
                   fullWidth: true,
                   helperText: errors[field.field_name],
                   id: field.field_name,
-                  inputProps: { "aria-label": __("Enter your %1", field.label) },
+                  inputProps: {
+                    "aria-label": __("Enter your %1", field.label),
+                    "aria-describedby": errors[field.field_name] ? `${field.field_name}-error` : void 0
+                  },
+                  inputRef: (el) => inputRefs.current[field.field_name] = el,
                   label: field.label,
                   name: field.field_name,
                   onChange: handleUserNameTextChange,