@mxenabled/connect-widget 2.14.2 → 2.15.0

package/dist/index.es.js

@@ -9005,7 +9005,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 +9034,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 +9174,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 +9234,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 +9515,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 +13314,7 @@ const rootReducer = combineReducers({
   browser,
   config: configSlice$1,
   connect,
+  experimentalFeatures: experimentalFeaturesSlice$1,
   localizedContent: localizedContentSlice$1,
   profiles: profilesSlice$1,
   userFeatures: userFeaturesSlice$1
@@ -70129,6 +70203,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 +70226,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 +70519,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 +70574,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 +70637,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 +73355,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 +73407,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 +74913,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 +74951,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,
         {
@@ -87688,6 +87776,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) {