@mxenabled/connect-widget 0.1.0 → 0.3.0

package/dist/index.es.js

@@ -5370,7 +5370,7 @@ const ReadableStatuses$1 = {
   IMPAIRED: 20,
   PENDING: 21
 };
-const ProcessingStatuses = [0, 15, 18];
+const ProcessingStatuses = [0, 8, 15, 18];
 const ErrorStatuses$1 = [1, 2, 3, 4, 5, 7, 9, 10, 11, 12, 13, 14, 16, 17, 19, 20];
 
 const AGG_MODE = "aggregation";
@@ -50052,7 +50052,14 @@ const InstitutionTile = (props) => {
       endIcon: /* @__PURE__ */ jsxRuntimeExports.jsx(ChevronRight, { color: tokens.TextColor.Default, height: 16, width: 16 }),
       fullWidth: true,
       onClick: selectInstitution,
-      startIcon: /* @__PURE__ */ jsxRuntimeExports.jsx(De, { institutionGuid: institution.guid, size }),
+      startIcon: /* @__PURE__ */ jsxRuntimeExports.jsx(
+        De,
+        {
+          institutionGuid: institution.guid,
+          logoUrl: institution.logo_url,
+          size
+        }
+      ),
       style: styles.container,
       sx: {
         "&:hover": {
@@ -50061,8 +50068,10 @@ const InstitutionTile = (props) => {
           zIndex: 100
         },
         "&:focus": {
-          border: `1px solid ${tokens.BorderColor.InputFocus}`,
-          outline: "none",
+          outline: `1px solid ${tokens.BorderColor.InputFocus}`,
+          // We offset the outline by a negative 1px so that
+          // It's placed exactly at the border edge of the element.
+          outlineOffset: "-1px",
           boxShadow: "none"
         },
         "&:active": {
@@ -50099,9 +50108,6 @@ const getStyles$1c = (tokens) => {
       boxSizing: "border-box",
       alignItems: "center",
       width: "100%",
-      // We provide a transparent border here to ensure our box sizing is the
-      // same with or without our focus border applied.
-      border: "1px solid transparent",
       zIndex: 1
     },
     institutionBodyContainer: {
@@ -53427,7 +53433,7 @@ const InstitutionBlock = ({ institution, style }) => {
       }
     ),
     /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: styles.institutionInfo, children: [
-      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { style: styles.institutionName, children: guid.startsWith("INS-MANUAL") ? __("Manual Institution") : name }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { style: styles.institutionName, children: guid?.startsWith("INS-MANUAL") ? __("Manual Institution") : name }),
       /* @__PURE__ */ jsxRuntimeExports.jsx("div", { style: styles.institutionUrl, children: formatUrl(url) })
     ] })
   ] });
@@ -61733,6 +61739,7 @@ const getViewByStatus = (status) => {
 const VerifyExistingMember = (props) => {
   useAnalyticsPath(...PageviewInfo.CONNECT_VERIFY_EXISTING_MEMBER);
   const { api } = useApi();
+  const searchForInstitution = useRef(null);
   const dispatch = useDispatch();
   const { members, onAddNew } = props;
   const iavMembers = members.filter((member) => member.verification_is_enabled);
@@ -61747,6 +61754,9 @@ const VerifyExistingMember = (props) => {
     setSelectedMember(selectedMember2);
     setInstitution((state) => ({ ...state, isLoadingInstitution: true }));
   };
+  useEffect(() => {
+    focusElement(searchForInstitution.current);
+  }, []);
   useEffect(() => {
     if (!isLoadingInstitution || !selectedMember) return;
     api.loadInstitutionByGuid(selectedMember.institution_guid).then((institution) => {
@@ -61777,7 +61787,19 @@ const VerifyExistingMember = (props) => {
     );
   }
   return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: styles.container, children: [
-    /* @__PURE__ */ jsxRuntimeExports.jsx(Text, { as: "H3", "data-test": "verify-existing-member-header", style: styles.headerText, children: __("Select your institution") }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx(
+      Text,
+      {
+        "aria-label": __("Select your institution"),
+        as: "H2",
+        "data-test": "verify-existing-member-header",
+        ref: searchForInstitution,
+        style: styles.headerText,
+        tabIndex: -1,
+        tag: "h2",
+        children: __("Select your institution")
+      }
+    ),
     /* @__PURE__ */ jsxRuntimeExports.jsx(Text, { as: "Paragraph", "data-test": "verify-existing-member-text", style: styles.primaryParagraph, children: __(
       "Choose an institution that’s already connected and select accounts to share, or search for a different one."
     ) }),