@mxenabled/connect-widget 2.14.2 → 2.15.1

package/dist/index.es.js

@@ -5099,23 +5099,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;
@@ -8597,7 +8613,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)) {
@@ -9005,7 +9021,7 @@ const COMBO_JOB_DATA_TYPES = {
   TRANSACTIONS: "transactions",
   REWARDS: "rewards"};
 
-const initialState$6 = {
+const initialState$7 = {
   _initialValues: "",
   is_mobile_webview: false,
   target_origin_referrer: null,
@@ -9034,7 +9050,7 @@ const initialState$6 = {
 };
 const configSlice = createSlice({
   name: "config",
-  initialState: initialState$6,
+  initialState: initialState$7,
   reducers: {
     // eslint-disable-next-line @typescript-eslint/no-unused-vars
     addVerificationData: (state, _) => {
@@ -9174,9 +9190,9 @@ function _additionalProductReset(state) {
   const initialValuesObject = convertInitialValuesToObject(state._initialValues);
   return {
     ...state,
-    include_transactions: initialValuesObject?.include_transactions ?? initialState$6.include_transactions,
-    mode: initialValuesObject?.mode ?? initialState$6.mode,
-    use_cases: initialValuesObject?.use_cases ?? initialState$6.use_cases
+    include_transactions: initialValuesObject?.include_transactions ?? initialState$7.include_transactions,
+    mode: initialValuesObject?.mode ?? initialState$7.mode,
+    use_cases: initialValuesObject?.use_cases ?? initialState$7.use_cases
   };
 }
 const { addVerificationData, addAggregationData, additionalProductReset } = configSlice.actions;
@@ -9234,6 +9250,79 @@ function institutionIsBlockedForCostReasons(institution) {
   return isChase && institution?.is_disabled_by_client === true;
 }
 
+const initialState$6 = {
+  unavailableInstitutions: []
+};
+const experimentalFeaturesSlice = createSlice({
+  name: "experimentalFeatures",
+  initialState: initialState$6,
+  reducers: {
+    loadExperimentalFeatures(state, action) {
+      state.unavailableInstitutions = action.payload?.unavailableInstitutions || [];
+    }
+  }
+});
+const getExperimentalFeatures = (state) => state.experimentalFeatures;
+const { loadExperimentalFeatures } = experimentalFeaturesSlice.actions;
+const experimentalFeaturesSlice$1 = experimentalFeaturesSlice.reducer;
+
+const InstitutionStatus = {
+  CLIENT_BLOCKED_FOR_FEES: "CLIENT_BLOCKED_FOR_FEES",
+  OPERATIONAL: "OPERATIONAL",
+  UNAVAILABLE: "UNAVAILABLE"
+};
+function useInstitutionStatusMessage(institution) {
+  const { unavailableInstitutions } = useSelector(getExperimentalFeatures);
+  const status = useInstitutionStatus(institution);
+  if (!institution || !institution.name || !institution.guid) {
+    throw new Error("Selected institution is not defined or missing name and guid");
+  }
+  if (!unavailableInstitutions || !Array.isArray(unavailableInstitutions)) {
+    throw new Error("Experimental feature unavailableInstitutions is not defined or not an array");
+  }
+  switch (status) {
+    case InstitutionStatus.CLIENT_BLOCKED_FOR_FEES:
+      return {
+        title: __("Free %1 Connections Are No Longer Available", institution.name),
+        body: __(
+          "%1 now charges a fee for us to access your account data. To avoid passing that cost on to you, we no longer support %1 connections.",
+          institution.name
+        )
+      };
+    case InstitutionStatus.UNAVAILABLE:
+      return {
+        title: __("Connection not supported by %1", institution.name),
+        body: __(
+          "%1 currently limits how your data can be shared. We'll enable this connection once %1 opens access.",
+          institution.name
+        )
+      };
+    default:
+      return {
+        title: "",
+        body: ""
+      };
+  }
+}
+function useInstitutionStatus(institution) {
+  const { unavailableInstitutions } = useSelector(getExperimentalFeatures);
+  return getInstitutionStatus(institution, unavailableInstitutions || []);
+}
+function getInstitutionStatus(institution, unavailableInstitutions) {
+  if (!institution || !Array.isArray(unavailableInstitutions)) {
+    return InstitutionStatus.OPERATIONAL;
+  }
+  if (institutionIsBlockedForCostReasons(institution)) {
+    return InstitutionStatus.CLIENT_BLOCKED_FOR_FEES;
+  }
+  if (unavailableInstitutions.some(
+    (unavailable) => institution?.name === unavailable.name || institution?.guid === unavailable.guid
+  )) {
+    return InstitutionStatus.UNAVAILABLE;
+  }
+  return InstitutionStatus.OPERATIONAL;
+}
+
 const defaultState$1 = {
   error: null,
   // The most recent job request error, if any
@@ -9442,7 +9531,7 @@ const selectInstitutionSuccess = (state, action) => {
   let nextStep = STEPS.ENTER_CREDENTIALS;
   const canOfferVerification = action.payload.institution?.account_verification_is_enabled && action.payload.additionalProductOption === COMBO_JOB_DATA_TYPES.ACCOUNT_NUMBER;
   const canOfferAggregation = action.payload.additionalProductOption === COMBO_JOB_DATA_TYPES.TRANSACTIONS;
-  if (action.payload.institution && institutionIsBlockedForCostReasons(action.payload.institution)) {
+  if (action.payload.institution && (institutionIsBlockedForCostReasons(action.payload.institution) || action.payload.institutionStatus === InstitutionStatus.UNAVAILABLE)) {
     nextStep = STEPS.INSTITUTION_STATUS_DETAILS;
   } else if (canOfferVerification || canOfferAggregation) {
     nextStep = STEPS.ADDITIONAL_PRODUCT;
@@ -13241,6 +13330,7 @@ const rootReducer = combineReducers({
   browser,
   config: configSlice$1,
   connect,
+  experimentalFeatures: experimentalFeaturesSlice$1,
   localizedContent: localizedContentSlice$1,
   profiles: profilesSlice$1,
   userFeatures: userFeaturesSlice$1
@@ -70129,6 +70219,7 @@ const useApi = () => {
 const useSelectInstitution = () => {
   const { api } = useApi();
   const [institution, setInstitution] = useState(null);
+  const institutionStatus = useInstitutionStatus(institution);
   const dispatch = useDispatch();
   const consentIsEnabled = useSelector((state) => isConsentEnabled(state));
   const connectConfig = useSelector(selectConnectConfig);
@@ -70151,6 +70242,7 @@ const useSelectInstitution = () => {
               is_disabled_by_client: institutionIsBlockedForCostReasons(institution)
               // Temporary workaround till backend/core is fixed
             },
+            institutionStatus,
             consentIsEnabled: consentIsEnabled || false,
             additionalProductOption: connectConfig?.additional_product_option || null
           }
@@ -70443,6 +70535,7 @@ const formatUrl = (url) => {
 
 const InstitutionTile = (props) => {
   const { institution, selectInstitution, size } = props;
+  const status = useInstitutionStatus(institution);
   const tokens = useTokens();
   const styles = getStyles$1p(tokens);
   return /* @__PURE__ */ jsxRuntimeExports.jsxs(
@@ -70497,7 +70590,8 @@ const InstitutionTile = (props) => {
           /* @__PURE__ */ jsxRuntimeExports.jsx("div", { style: styles.name, children: institution.name }),
           /* @__PURE__ */ jsxRuntimeExports.jsx("div", { style: styles.url, children: formatUrl(institution.url) })
         ] }),
-        institution.is_disabled_by_client && /* @__PURE__ */ jsxRuntimeExports.jsx(Chip, { color: "secondary", label: __("DISABLED"), size: "small", sx: styles.chip })
+        institution.is_disabled_by_client && /* @__PURE__ */ jsxRuntimeExports.jsx(Chip, { color: "secondary", label: __("DISABLED"), size: "small", sx: styles.chip }),
+        !institution.is_disabled_by_client && status === InstitutionStatus.UNAVAILABLE && /* @__PURE__ */ jsxRuntimeExports.jsx(Chip, { color: "secondary", label: __("UNAVAILABLE"), size: "small", sx: styles.chip })
       ]
     }
   );
@@ -70559,7 +70653,8 @@ const getStyles$1p = (tokens) => {
       padding: `${tokens.Spacing.XTiny}px 0`,
       background: "#ECECEC",
       color: "#494949",
-      height: tokens.Spacing.Medium
+      height: tokens.Spacing.Medium,
+      fontSize: "9px"
     }
   };
 };
@@ -73276,6 +73371,8 @@ const Search$2 = React__default.forwardRef((_, navigationRef) => {
     const client = state2.profiles.client || {};
     return (clientProfile.uses_custom_popular_institution_list ?? false) || (client.has_limited_institutions ?? false);
   });
+  const experimentalFeatures = useSelector(getExperimentalFeatures);
+  const unavailableInstitutions = experimentalFeatures?.unavailableInstitutions || [];
   const MINIMUM_SEARCH_LENGTH = 2;
   const isFirstTimeUser = connectedMembers.length === 0;
   useImperativeHandle(navigationRef, () => {
@@ -73326,9 +73423,18 @@ const Search$2 = React__default.forwardRef((_, navigationRef) => {
             analyticType: INSTITUTION_TYPES.DISCOVERED
           };
         });
+        const filteredPopularInstitutions = updatedPopularInstitutions.filter(
+          (popular) => getInstitutionStatus(popular, unavailableInstitutions) !== InstitutionStatus.UNAVAILABLE
+        );
+        const filteredDiscoveredInstitutions = updatedDiscoveredInstitutions.filter(
+          (discovered) => getInstitutionStatus(discovered, unavailableInstitutions) !== InstitutionStatus.UNAVAILABLE
+        );
         return dispatch({
           type: SEARCH_ACTIONS.LOAD_SUCCESS,
-          payload: { updatedPopularInstitutions, updatedDiscoveredInstitutions }
+          payload: {
+            updatedPopularInstitutions: filteredPopularInstitutions,
+            updatedDiscoveredInstitutions: filteredDiscoveredInstitutions
+          }
         });
       },
       (error) => {
@@ -74823,6 +74929,7 @@ const InstitutionStatusDetails = React__default.forwardRef(
     const containerRef = React__default.useRef(null);
     const postMessageFunctions = useContext(PostMessageContext);
     const institution = useSelector(getSelectedInstitution);
+    const message = useInstitutionStatusMessage(institution);
     const initialConfig = useSelector(selectInitialConfig);
     const dispatch = useDispatch();
     const styles = getStyles$_();
@@ -74860,11 +74967,8 @@ const InstitutionStatusDetails = React__default.forwardRef(
         ),
         /* @__PURE__ */ jsxRuntimeExports.jsx(M, { color: "error", fill: true, name: "error", size: 32, sx: styles.icon })
       ] }),
-      /* @__PURE__ */ jsxRuntimeExports.jsx(G0, { sx: styles.title, truncate: false, children: __("Free %1 Connections Are No Longer Available", institution.name) }),
-      /* @__PURE__ */ jsxRuntimeExports.jsx(U0, { sx: styles.body, truncate: false, children: __(
-        "%1 now charges a fee for us to access your account data. To avoid passing that cost on to you, we no longer support %1 connections.",
-        institution.name
-      ) }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx(G0, { sx: styles.title, truncate: false, children: message.title }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx(U0, { sx: styles.body, truncate: false, children: message.body }),
       /* @__PURE__ */ jsxRuntimeExports.jsx(
         Button$2,
         {
@@ -79967,13 +80071,13 @@ LoginError.displayName = "LoginError";
 
 const useActionableErrorMap = (jobDetailCode, setShowSupport) => {
   const postMessageFunctions = useContext(PostMessageContext);
-  const initialConfig = useSelector((state) => state.connect.initialConfig);
+  const initialConfig = useSelector(selectInitialConfig);
   const dispatch = useDispatch();
   const goToSearch = () => {
     postMessageFunctions.onPostMessage("connect/backToSearch");
     dispatch({
       type: ActionTypes$2.ACTIONABLE_ERROR_CONNECT_DIFFERENT_INSTITUTION,
-      payload: initialConfig.mode
+      payload: initialConfig.mode || AGG_MODE
     });
   };
   const goToSupport = () => setShowSupport(true);
@@ -87688,6 +87792,7 @@ const Connect$2 = ({
     loadConnect(props.clientConfig);
     dispatch(loadProfiles(props.profiles));
     dispatch(loadUserFeatures(props.userFeatures));
+    dispatch(loadExperimentalFeatures(props?.experimentalFeatures || {}));
     if (hasAtriumAPI && isMobileWebview && uiMessageVersion < 4) {
       window.location = "atrium://mxConnectLoaded";
     } else if (hasAtriumAPI && uiMessageVersion < 4) {