@mxenabled/connect-widget 0.2.0 → 0.4.0

package/dist/index.es.js

@@ -5131,23 +5131,39 @@ function baseFindIndex$2(array, predicate, fromIndex, fromRight) {
 }
 var _baseFindIndex = baseFindIndex$2;
 
-var reWhitespace = /\s/;
-function trimmedEndIndex$1(string) {
-  var index = string.length;
-  while (index-- && reWhitespace.test(string.charAt(index))) {
-  }
-  return index;
+var _trimmedEndIndex;
+var hasRequired_trimmedEndIndex;
+
+function require_trimmedEndIndex () {
+	if (hasRequired_trimmedEndIndex) return _trimmedEndIndex;
+	hasRequired_trimmedEndIndex = 1;
+	var reWhitespace = /\s/;
+	function trimmedEndIndex(string) {
+	  var index = string.length;
+	  while (index-- && reWhitespace.test(string.charAt(index))) {
+	  }
+	  return index;
+	}
+	_trimmedEndIndex = trimmedEndIndex;
+	return _trimmedEndIndex;
 }
-var _trimmedEndIndex = trimmedEndIndex$1;
 
-var trimmedEndIndex = _trimmedEndIndex;
-var reTrimStart = /^\s+/;
-function baseTrim$1(string) {
-  return string ? string.slice(0, trimmedEndIndex(string) + 1).replace(reTrimStart, "") : string;
+var _baseTrim;
+var hasRequired_baseTrim;
+
+function require_baseTrim () {
+	if (hasRequired_baseTrim) return _baseTrim;
+	hasRequired_baseTrim = 1;
+	var trimmedEndIndex = require_trimmedEndIndex();
+	var reTrimStart = /^\s+/;
+	function baseTrim(string) {
+	  return string ? string.slice(0, trimmedEndIndex(string) + 1).replace(reTrimStart, "") : string;
+	}
+	_baseTrim = baseTrim;
+	return _baseTrim;
 }
-var _baseTrim = baseTrim$1;
 
-var baseTrim = _baseTrim, isObject$7 = isObject_1, isSymbol$1 = isSymbol_1;
+var baseTrim = require_baseTrim(), isObject$7 = isObject_1, isSymbol$1 = isSymbol_1;
 var NAN = 0 / 0;
 var reIsBadHex = /^[-+]0x[0-9a-f]+$/i;
 var reIsBinary = /^0b[01]+$/i;
@@ -5354,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";
@@ -8613,7 +8629,7 @@ var hasRequiredTrim;
 function requireTrim () {
 	if (hasRequiredTrim) return trim_1;
 	hasRequiredTrim = 1;
-	var baseToString = _baseToString, baseTrim = _baseTrim, castSlice = require_castSlice(), charsEndIndex = require_charsEndIndex(), charsStartIndex = require_charsStartIndex(), stringToArray = require_stringToArray(), toString = toString_1;
+	var baseToString = _baseToString, baseTrim = require_baseTrim(), castSlice = require_castSlice(), charsEndIndex = require_charsEndIndex(), charsStartIndex = require_charsStartIndex(), stringToArray = require_stringToArray(), toString = toString_1;
 	function trim(string, chars, guard) {
 	  string = toString(string);
 	  if (string && (guard || chars === void 0)) {
@@ -50052,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": {
@@ -50090,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: {
@@ -53404,21 +53419,22 @@ 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
       }
     ),
     /* @__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) })
     ] })
   ] });
@@ -61724,6 +61740,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);
@@ -61738,6 +61755,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) => {
@@ -61768,7 +61788,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."
     ) }),