@mxenabled/connect-widget 0.3.0 → 0.4.1

package/dist/index.es.js

@@ -53419,16 +53419,17 @@ MessageBox.propTypes = {
 MessageBox.displayName = "MessageBox";
 
 const InstitutionBlock = ({ institution, style }) => {
-  const { guid, name, url } = institution;
+  const { guid, logo_url, name, url } = institution;
   const tokens = useTokens();
   const styles = getStyles$V(tokens);
   return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { "data-test": "institution-block", style: { ...styles.institutionBlock, ...style }, children: [
     /* @__PURE__ */ jsxRuntimeExports.jsx(
-      InstitutionLogo,
+      De,
       {
         alt: `${name} logo`,
         "data-test": "institution-block-logo",
         institutionGuid: guid,
+        logoUrl: logo_url,
         size: 64
       }
     ),
@@ -57595,7 +57596,7 @@ const Credentials = React__default.forwardRef(
             onSubmit: (e) => e.preventDefault(),
             style: styles.form,
             children: [
-              credentials.map((field, i) => /* @__PURE__ */ jsxRuntimeExports.jsx(SlideDown, { delay: getNextDelay(), children: field.field_type === CREDENTIAL_FIELD_TYPES.PASSWORD ? /* @__PURE__ */ jsxRuntimeExports.jsx("div", { style: errors[field.field_name] ? styles.inputError : styles.input, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+              credentials.map((field) => /* @__PURE__ */ jsxRuntimeExports.jsx(SlideDown, { delay: getNextDelay(), children: field.field_type === CREDENTIAL_FIELD_TYPES.PASSWORD ? /* @__PURE__ */ jsxRuntimeExports.jsx("div", { style: errors[field.field_name] ? styles.inputError : styles.input, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
                 ProtectedTextField,
                 {
                   InputProps: { endAdornment: /* @__PURE__ */ jsxRuntimeExports.jsx(PasswordShowButton, {}) },
@@ -57625,7 +57626,6 @@ const Credentials = React__default.forwardRef(
                 {
                   autoCapitalize: "none",
                   autoComplete: "new-password",
-                  autoFocus: i === 0,
                   disabled: isProcessingMember,
                   error: !!errors[field.field_name],
                   fullWidth: true,
@@ -64895,7 +64895,7 @@ const NON_CONECTED_REASONS = [
 ];
 
 const ConnectNavigationHeader = (props) => {
-  const goBackButtonRef = useRef();
+  const goBackButtonContainerRef = useRef();
   const tokens = useTokens();
   const styles = getStyles$2(tokens);
   const step = useSelector(
@@ -64913,7 +64913,7 @@ const ConnectNavigationHeader = (props) => {
   }, [props.stepComponentRef]);
   useEffect(() => {
     if (shouldShowGlobalBackButton) {
-      goBackButtonRef.current.focus();
+      goBackButtonContainerRef.current.focus();
     }
   }, [shouldShowGlobalBackButton, step]);
   const backButtonNavigationHandler = () => {
@@ -64923,7 +64923,7 @@ const ConnectNavigationHeader = (props) => {
       props.connectGoBack();
     }
   };
-  return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { "data-test": "navigation-header", style: styles.container, children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { style: styles.content, children: shouldShowGlobalBackButton && /* @__PURE__ */ jsxRuntimeExports.jsx(GoBackButton, { handleGoBack: backButtonNavigationHandler, ref: goBackButtonRef }) }) });
+  return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { "data-test": "navigation-header", style: styles.container, children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { ref: goBackButtonContainerRef, style: styles.content, tabIndex: -1, children: shouldShowGlobalBackButton && /* @__PURE__ */ jsxRuntimeExports.jsx(GoBackButton, { handleGoBack: backButtonNavigationHandler }) }) });
 };
 ConnectNavigationHeader.propTypes = {
   connectGoBack: PropTypes$1.func.isRequired,