@mxenabled/connect-widget 2.16.2 → 2.17.0

package/dist/index.es.js

@@ -5099,39 +5099,23 @@ function baseFindIndex$2(array, predicate, fromIndex, fromRight) {
 }
 var _baseFindIndex = baseFindIndex$2;
 
-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 reWhitespace = /\s/;
+function trimmedEndIndex$1(string) {
+  var index = string.length;
+  while (index-- && reWhitespace.test(string.charAt(index))) {
+  }
+  return index;
 }
+var _trimmedEndIndex = trimmedEndIndex$1;
 
-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 trimmedEndIndex = _trimmedEndIndex;
+var reTrimStart = /^\s+/;
+function baseTrim$1(string) {
+  return string ? string.slice(0, trimmedEndIndex(string) + 1).replace(reTrimStart, "") : string;
 }
+var _baseTrim = baseTrim$1;
 
-var baseTrim = require_baseTrim(), isObject$7 = isObject_1, isSymbol$1 = isSymbol_1;
+var baseTrim = _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;
@@ -8613,7 +8597,7 @@ var hasRequiredTrim;
 function requireTrim () {
 	if (hasRequiredTrim) return trim_1;
 	hasRequiredTrim = 1;
-	var baseToString = _baseToString, baseTrim = require_baseTrim(), castSlice = require_castSlice(), charsEndIndex = require_charsEndIndex(), charsStartIndex = require_charsStartIndex(), stringToArray = require_stringToArray(), toString = toString_1;
+	var baseToString = _baseToString, baseTrim = _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)) {
@@ -75126,58 +75110,109 @@ ExampleCheckbox.propTypes = {
   id: PropTypes$1.string
 };
 
-const WELLS_FARGO_INSTRUCTIONS_FEATURE_NAME = "WELLS_FARGO_INSTRUCTIONS";
+function isWellsFargoInstitution(institution) {
+  const wellsFargoGuids = [
+    "INS-6073ad01-da9e-f6ba-dfdf-5f1500d8e867",
+    // Wells Fargo PROD guid
+    "INS-f9e8d5f6-b953-da63-32e4-6e88fbe8b250"
+    // Wells Fargo SAND guid for testing
+  ];
+  return wellsFargoGuids.includes(institution.guid) || institution.name === "Wells Fargo";
+}
+function getInstitutionBrandColor(institution, defaultColor) {
+  const rawColor = institution?.brand_color_hex_code;
+  const configuredInstitutionColor = rawColor && /^#([0-9A-Fa-f]{3}|[0-9A-Fa-f]{6}|[0-9A-Fa-f]{8})$/.test(rawColor) ? rawColor : null;
+  if (isWellsFargoInstitution(institution)) {
+    return configuredInstitutionColor || "#B22222";
+  }
+  return configuredInstitutionColor || defaultColor;
+}
+const OAUTH_PREDIRECT_INSTRUCTION = {
+  ACCOUNT_AND_TRANSACTIONS_INSTRUCTION: 0,
+  ACCOUNT_NUMBERS_INSTRUCTION: 1,
+  PROFILE_INFORMATION_INSTRUCTION: 2,
+  STATEMENTS_INSTRUCTION: 3,
+  TAX_INSTRUCTION: 4
+};
+
+const DEFAULT_HEADER_HEX_COLOR = "#444444";
 function PredirectInstructions(props) {
-  const config = useSelector(selectConnectConfig);
-  const products = config?.data_request?.products || [];
-  const showProfileSelection = products.includes("account_verification") || products.includes("identity_verification");
-  const institutionColor = "#d9181f";
+  const configuredPredirectInstructions = Array.isArray(
+    props.institution?.oauth_predirect_instructions
+  ) ? [...props.institution.oauth_predirect_instructions].filter(
+    (instruction) => Object.values(OAUTH_PREDIRECT_INSTRUCTION).includes(instruction)
+  ) : [];
+  if (isWellsFargoInstitution(props.institution) && configuredPredirectInstructions.length === 0) {
+    configuredPredirectInstructions.push(
+      OAUTH_PREDIRECT_INSTRUCTION.ACCOUNT_AND_TRANSACTIONS_INSTRUCTION
+    );
+    configuredPredirectInstructions.push(
+      OAUTH_PREDIRECT_INSTRUCTION.PROFILE_INFORMATION_INSTRUCTION
+    );
+  }
+  if (configuredPredirectInstructions.length === 0) {
+    configuredPredirectInstructions.push(
+      OAUTH_PREDIRECT_INSTRUCTION.ACCOUNT_AND_TRANSACTIONS_INSTRUCTION
+    );
+  }
+  const institutionColor = getInstitutionBrandColor(props.institution, DEFAULT_HEADER_HEX_COLOR);
   const uiElementTypes = {
-    CHECKING_OR_SAVINGS_ACCOUNT: "checking-or-savings-account",
-    DIVIDER: "divider",
-    PROFILE_INFORMATION: "profile"
+    [OAUTH_PREDIRECT_INSTRUCTION.ACCOUNT_AND_TRANSACTIONS_INSTRUCTION]: "checking-or-savings-account",
+    [OAUTH_PREDIRECT_INSTRUCTION.ACCOUNT_NUMBERS_INSTRUCTION]: "account-numbers",
+    [OAUTH_PREDIRECT_INSTRUCTION.PROFILE_INFORMATION_INSTRUCTION]: "profile",
+    [OAUTH_PREDIRECT_INSTRUCTION.STATEMENTS_INSTRUCTION]: "statements",
+    [OAUTH_PREDIRECT_INSTRUCTION.TAX_INSTRUCTION]: "tax"
   };
-  const checkboxItems = [uiElementTypes.CHECKING_OR_SAVINGS_ACCOUNT];
-  if (showProfileSelection) {
-    checkboxItems.push(uiElementTypes.DIVIDER);
-    checkboxItems.push(uiElementTypes.PROFILE_INFORMATION);
-  }
-  const instructionText = showProfileSelection ? __(
-    "After logging in, share at least one account and %1profile information%2.",
+  const checkboxItems = [];
+  configuredPredirectInstructions.forEach((instruction) => {
+    const uiElementType = uiElementTypes[instruction];
+    if (uiElementType) {
+      checkboxItems.push(uiElementType);
+    }
+  });
+  const instructionText = __(
+    "To complete your connection, please %1share%2 the following after signing in:",
     "<strong style='font-weight: bold;'>",
     "</strong>"
-  ) : __("After logging in, share at least one account.");
+  );
   return /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
-    /* @__PURE__ */ jsxRuntimeExports.jsx(D, { bold: true, component: "h2", sx: { mb: 12 }, truncate: false, variant: "H2", children: __("Log in at %1", props.institutionName) }),
-    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "predirect-instruction-text-wrapper", children: [
-      /* @__PURE__ */ jsxRuntimeExports.jsx(
-        D,
-        {
-          className: "predirect-instruction-text",
-          color: "textSecondary",
-          dangerouslySetInnerHTML: {
-            __html: instructionText
-          },
-          truncate: false,
-          variant: "body1"
-        }
-      ),
-      showProfileSelection && /* @__PURE__ */ jsxRuntimeExports.jsx(M, { color: "secondary", name: "info", size: 20, weight: Fe.Dark })
-    ] }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx(D, { bold: true, component: "h2", sx: { mb: 12 }, truncate: false, variant: "H2", children: __("Log in at %1", props.institution.name) }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "predirect-instruction-text-wrapper", children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+      D,
+      {
+        className: "predirect-instruction-text",
+        color: "textSecondary",
+        dangerouslySetInnerHTML: {
+          __html: instructionText
+        },
+        truncate: false,
+        variant: "body1"
+      }
+    ) }),
     /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "institution-panel-wrapper", children: /* @__PURE__ */ jsxRuntimeExports.jsxs(Paper$1, { className: "institution-panel", elevation: 2, children: [
-      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "institution-panel-header", style: { backgroundColor: institutionColor }, children: /* @__PURE__ */ jsxRuntimeExports.jsx(D, { "aria-hidden": "true", sx: { fontWeight: 600, color: "white" }, uppercase: true, children: props.institutionName }) }),
-      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "institution-panel-body", children: /* @__PURE__ */ jsxRuntimeExports.jsx("ul", { "aria-label": __("Information to select on the %1 site", props.institutionName), children: checkboxItems.map((item, index) => {
-        if (item === uiElementTypes.DIVIDER) {
-          return /* @__PURE__ */ jsxRuntimeExports.jsx(Divider, {}, `divider-${index}`);
-        } else {
-          let text = "";
-          if (item === uiElementTypes.CHECKING_OR_SAVINGS_ACCOUNT) {
+      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "institution-panel-header", style: { backgroundColor: institutionColor }, children: /* @__PURE__ */ jsxRuntimeExports.jsx(D, { "aria-hidden": "true", sx: { fontWeight: 600, color: "white" }, uppercase: true, children: props.institution.name }) }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "institution-panel-body", children: /* @__PURE__ */ jsxRuntimeExports.jsx("ul", { "aria-label": __("Information to select on the %1 site", props.institution.name), children: checkboxItems.map((item, index) => {
+        let text = "";
+        switch (item) {
+          case uiElementTypes[OAUTH_PREDIRECT_INSTRUCTION.ACCOUNT_AND_TRANSACTIONS_INSTRUCTION]:
             text = __("Checking or savings account");
-          } else if (item === uiElementTypes.PROFILE_INFORMATION) {
+            break;
+          case uiElementTypes[OAUTH_PREDIRECT_INSTRUCTION.ACCOUNT_NUMBERS_INSTRUCTION]:
+            text = __("Account numbers");
+            break;
+          case uiElementTypes[OAUTH_PREDIRECT_INSTRUCTION.PROFILE_INFORMATION_INSTRUCTION]:
             text = __("Profile information");
-          }
-          const isLastItem = index === checkboxItems.length - 1;
-          return /* @__PURE__ */ jsxRuntimeExports.jsxs("li", { children: [
+            break;
+          case uiElementTypes[OAUTH_PREDIRECT_INSTRUCTION.STATEMENTS_INSTRUCTION]:
+            text = __("Statements");
+            break;
+          case uiElementTypes[OAUTH_PREDIRECT_INSTRUCTION.TAX_INSTRUCTION]:
+            text = __("Tax documents");
+            break;
+        }
+        const isLastItem = index === checkboxItems.length - 1;
+        return /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsxs("li", { children: [
             /* @__PURE__ */ jsxRuntimeExports.jsx(
               ExampleCheckbox,
               {
@@ -75187,8 +75222,9 @@ function PredirectInstructions(props) {
               }
             ),
             /* @__PURE__ */ jsxRuntimeExports.jsx(D, { className: "psuedo-checkbox-label", variant: "body1", children: text })
-          ] }, item);
-        }
+          ] }, item),
+          !isLastItem && /* @__PURE__ */ jsxRuntimeExports.jsx(Divider, {}, `divider-${index}`)
+        ] });
       }) }) })
     ] }) })
   ] });
@@ -75196,12 +75232,8 @@ function PredirectInstructions(props) {
 
 const OAuthDefault = (props) => {
   const language = window?.app?.options?.language || "en-US";
-  const userFeatures = useSelector(getUserFeatures);
-  const isWellsFargoInstructionsFeatureEnabled = userFeatures.some(
-    (feature) => feature.feature_name === WELLS_FARGO_INSTRUCTIONS_FEATURE_NAME && feature.is_enabled === "test"
-  ) && (props.institution.guid === "INS-6073ad01-da9e-f6ba-dfdf-5f1500d8e867" || // Wells Fargo PROD guid
-  props.institution.guid === "INS-f9e8d5f6-b953-da63-32e4-6e88fbe8b250") && // Wells Fargo SAND guid for testing
-  language.toLowerCase() === "en-us";
+  const isWellsFargo = isWellsFargoInstitution(props.institution);
+  const hasPredirectInstructions = Array.isArray(props.institution?.oauth_predirect_instructions) && props.institution?.oauth_predirect_instructions.length > 0;
   const { api } = useApi();
   useAnalyticsPath(...PageviewInfo.CONNECT_OAUTH_INSTRUCTIONS, {
     institution_guid: props.institution.guid,
@@ -75218,7 +75250,7 @@ const OAuthDefault = (props) => {
   const tokens = useTokens();
   const styles = getStyles$X(tokens);
   return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { role: "alert", children: [
-    isWellsFargoInstructionsFeatureEnabled ? /* @__PURE__ */ jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(PredirectInstructions, { institutionName: props?.institution?.name }) }) : /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
+    isWellsFargo || hasPredirectInstructions ? /* @__PURE__ */ jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(PredirectInstructions, { institution: props?.institution }) }) : /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
       /* @__PURE__ */ jsxRuntimeExports.jsx(InstitutionBlock, { institution: props.institution }),
       /* @__PURE__ */ jsxRuntimeExports.jsx(
         ViewTitle,
@@ -87040,8 +87072,6 @@ const frCa = {
 	"Unable to connect": "Impossible de se connecter",
 	"Maintenance in progress": "Entretien en cours",
 	"Deposits verified. You're almost done setting things up. Continue to your institution.": "Dépôts vérifiés. Vous avez presque terminé la configuration. Rendez-vous dans votre établissement.",
-	"After logging in, share at least one account and %1profile information%2.": "Après vous être connecté, partagez au moins un compte et %1informations de profil%2.",
-	"After logging in, share at least one account.": "Après vous être connecté, partagez au moins un compte.",
 	"Connection not supported by %1": "Connexion non prise en charge par %1",
 	"%1 currently limits how your data can be shared. We'll enable this connection once %1 opens access.": "%1 limite actuellement la manière dont vos données peuvent être partagées. Nous activerons cette connexion une fois que %1 ouvrira l'accès.",
 	UNAVAILABLE: UNAVAILABLE$1,
@@ -87055,6 +87085,8 @@ const frCa = {
 	"Information to select on the %1 site": "Informations à sélectionner sur le site %1.",
 	"Checking or savings account": "Compte courant ou compte d'épargne",
 	"Profile information": "Informations de profil",
+	"Account numbers": "Numéros de compte",
+	"To complete your connection, please %1share%2 the following after signing in:": "Pour finaliser votre connexion, veuillez %1partager%2 les informations suivantes après vous être connecté :",
 	"connect/disclosure/policy/text\u0004By clicking Continue, you agree to the ": "En cliquant sur Continuer, vous acceptez la ",
 	"connect/disclosure/policy/link\u0004MX Privacy Policy.": "Politique de confidentialité de MX.",
 	"connect/disclosure/policy/link\u0004MX Privacy Policy": "Politique de confidentialité de MX.",
@@ -87553,8 +87585,6 @@ const es = {
 	"Unable to connect": "No se puede conectar",
 	"Maintenance in progress": "Mantenimiento en curso",
 	"Deposits verified. You're almost done setting things up. Continue to your institution.": "Depósitos verificados. Ya casi terminas de configurar todo. Continúa con tu institución.",
-	"After logging in, share at least one account and %1profile information%2.": "Después de iniciar sesión, comparta al menos una cuenta y %1información de perfil%2.",
-	"After logging in, share at least one account.": "Después de iniciar sesión, comparta al menos una cuenta.",
 	"Connection not supported by %1": "Conexión no compatible con %1",
 	"%1 currently limits how your data can be shared. We'll enable this connection once %1 opens access.": "%1 actualmente limita cómo se pueden compartir sus datos. Habilitaremos esta conexión una vez que %1 abra el acceso.",
 	UNAVAILABLE: UNAVAILABLE,
@@ -87568,6 +87598,8 @@ const es = {
 	"Information to select on the %1 site": "Información para seleccionar en el sitio %1",
 	"Checking or savings account": "Cuenta corriente o de ahorros",
 	"Profile information": "Información del perfil",
+	"Account numbers": "Números de cuenta",
+	"To complete your connection, please %1share%2 the following after signing in:": "Para completar su conexión, por favor, %1comparta%2 lo siguiente después de iniciar sesión:",
 	"connect/disclosure/button\u0004Continue": "Continuar",
 	"connect/disclosure/policy/text\u0004By clicking Continue, you agree to the ": "Al hacer clic en Continuar, tu aceptas la ",
 	"connect/disclosure/policy/link\u0004MX Privacy Policy.": "Política de privacidad de Money Experience.",