@mxenabled/connect-widget 2.18.1 → 2.19.0

package/dist/index.es.js

@@ -5269,39 +5269,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;
@@ -5420,7 +5404,8 @@ const ActionTypes$2 = {
   MFA_CONNECT_SUBMIT_SUCCESS: "connect/mfa_connect_submit_success",
   LOGIN_ERROR_START_OVER: "connect/login_error_start_over",
   CONNECT_GO_BACK: "connect/go_back",
-  REJECT_ADDITIONAL_PRODUCT: "connect/reject_additional_product"
+  REJECT_ADDITIONAL_PRODUCT: "connect/reject_additional_product",
+  DEMO_CONNECT_GUARD_RETURN_TO_SEARCH: "connect/demo_connect_guard_return_to_search"
 };
 const loadConnect$1 = (config = {}) => ({ type: ActionTypes$2.LOAD_CONNECT, payload: config });
 const loadConnectSuccess$1 = (dependencies = {}) => ({
@@ -5541,6 +5526,7 @@ const STEPS = {
   CONNECTING: "connecting",
   CONSENT: "consent",
   DELETE_MEMBER_SUCCESS: "deleteMemberSuccess",
+  DEMO_CONNECT_GUARD: "demoConnectGuard",
   DISCLOSURE: "disclosure",
   ENTER_CREDENTIALS: "enterCreds",
   INSTITUTION_STATUS_DETAILS: "institutionStatusDetails",
@@ -8783,7 +8769,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)) {
@@ -8801,6 +8787,9 @@ function requireTrim () {
 
 var convert = convert_1, func = convert("trimChars", requireTrim());
 func.placeholder = requirePlaceholder();
+var trimChars = func;
+
+const trimChars$1 = /*@__PURE__*/getDefaultExportFromCjs(trimChars);
 
 /*! gettext.js - Guillaume Potier - MIT Licensed */
 var i18n$1 = function(options) {
@@ -8982,10 +8971,17 @@ const getLocale = i18n.getLocale.bind(i18n);
 const setLocale = i18n.setLocale.bind(i18n);
 const loadJSON = i18n.loadJSON.bind(i18n);
 i18n.setMessages.bind(i18n);
-({
+const r$2 = /(\*[^*]*\*)/;
+const B$2 = ({ boldTag = "strong", children, ...rest }) => {
+  const ret = children.split(r$2);
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(React__default.Fragment, { children: ret.length === 0 ? children : ret.map(
+    (x) => x[0] === "*" ? React__default.createElement(boldTag, { key: x, ...rest }, trimChars$1("*", x)) : x
+  ) });
+};
+B$2.propTypes = {
   boldTag: PropTypes$1.oneOfType([PropTypes$1.node, PropTypes$1.func, PropTypes$1.string]),
   children: PropTypes$1.string.isRequired
-});
+};
 
 const JOB_TYPES = {
   AGGREGATION: 0,
@@ -9716,6 +9712,8 @@ const selectInstitutionSuccess = (state, action) => {
   const canOfferAggregation = action.payload.additionalProductOption === COMBO_JOB_DATA_TYPES.TRANSACTIONS;
   if (action.payload.institution && (institutionIsBlockedForCostReasons(action.payload.institution) || action.payload.institutionStatus === InstitutionStatus.UNAVAILABLE)) {
     nextStep = STEPS.INSTITUTION_STATUS_DETAILS;
+  } else if (action.payload.user?.is_demo && !action.payload.institution?.is_demo) {
+    nextStep = STEPS.DEMO_CONNECT_GUARD;
   } else if (canOfferVerification || canOfferAggregation) {
     nextStep = STEPS.ADDITIONAL_PRODUCT;
   } else if (action.payload.consentIsEnabled) {
@@ -10032,6 +10030,7 @@ const connect = createReducer(defaultState$1, {
   [ActionTypes$2.ADD_MANUAL_ACCOUNT_SUCCESS]: addManualAccount,
   [ActionTypes$2.LOGIN_ERROR_START_OVER]: loginErrorStartOver,
   [ActionTypes$2.CONNECT_GO_BACK]: connectGoBack,
+  [ActionTypes$2.DEMO_CONNECT_GUARD_RETURN_TO_SEARCH]: goBackSearchOrVerify,
   // Addtional product offer / step up reducers
   // These are here to manage changing the location/step of the widget
   [ActionTypes$2.REJECT_ADDITIONAL_PRODUCT]: continueAfterAdditionalProduct,
@@ -33092,7 +33091,7 @@ process.env.NODE_ENV !== "production" ? MenuList$1.propTypes = {
 function getStyleValue$1(value) {
   return parseInt(value, 10) || 0;
 }
-const styles$6 = {
+const styles$7 = {
   shadow: {
     // Visibility needed to hide the extra text area on iPads
     visibility: "hidden",
@@ -33252,7 +33251,7 @@ const TextareaAutosize$1 = /* @__PURE__ */ React$1.forwardRef(function TextareaA
       ref: hiddenTextareaRef,
       tabIndex: -1,
       style: {
-        ...styles$6.shadow,
+        ...styles$7.shadow,
         ...style,
         paddingTop: 0,
         paddingBottom: 0
@@ -36385,7 +36384,7 @@ function getTransitionProps$1(props, options) {
 function getScale$1(value) {
   return `scale(${value}, ${value ** 2})`;
 }
-const styles$5 = {
+const styles$6 = {
   entering: {
     opacity: 1,
     transform: getScale$1(1)
@@ -36529,7 +36528,7 @@ const Grow$1 = /* @__PURE__ */ React$1.forwardRef(function Grow2(props, ref) {
           opacity: 0,
           transform: getScale$1(0.75),
           visibility: state === "exited" && !inProp ? "hidden" : void 0,
-          ...styles$5[state],
+          ...styles$6[state],
           ...style,
           ...children.props.style
         },
@@ -37133,7 +37132,7 @@ if (process.env.NODE_ENV !== "production") {
   Portal$1["propTypes"] = exactProp$1(Portal$1.propTypes);
 }
 
-const styles$4 = {
+const styles$5 = {
   entering: {
     opacity: 1
   },
@@ -37236,7 +37235,7 @@ const Fade$1 = /* @__PURE__ */ React$1.forwardRef(function Fade2(props, ref) {
         style: {
           opacity: 0,
           visibility: state === "exited" && !inProp ? "hidden" : void 0,
-          ...styles$4[state],
+          ...styles$5[state],
           ...style,
           ...children.props.style
         },
@@ -46447,7 +46446,7 @@ if (process.env.NODE_ENV !== "production") {
 }
 
 const _excluded$q = ["addEndListener", "appear", "children", "easing", "in", "onEnter", "onEntered", "onEntering", "onExit", "onExited", "onExiting", "style", "timeout", "TransitionComponent"];
-const styles$3 = {
+const styles$4 = {
   entering: {
     opacity: 1
   },
@@ -46546,7 +46545,7 @@ const Fade = /* @__PURE__ */ React$1.forwardRef(function Fade2(props, ref) {
         style: _extends$1({
           opacity: 0,
           visibility: state === "exited" && !inProp ? "hidden" : void 0
-        }, styles$3[state], style, children.props.style),
+        }, styles$4[state], style, children.props.style),
         ref: handleRef
       }, childProps));
     }
@@ -47455,7 +47454,7 @@ const _excluded$m = ["onChange", "maxRows", "minRows", "style", "value"];
 function getStyleValue(value) {
   return parseInt(value, 10) || 0;
 }
-const styles$2 = {
+const styles$3 = {
   shadow: {
     // Visibility needed to hide the extra text area on iPads
     visibility: "hidden",
@@ -47612,7 +47611,7 @@ const TextareaAutosize = /* @__PURE__ */ React$1.forwardRef(function TextareaAut
       readOnly: true,
       ref: hiddenTextareaRef,
       tabIndex: -1,
-      style: _extends$1({}, styles$2.shadow, style, {
+      style: _extends$1({}, styles$3.shadow, style, {
         paddingTop: 0,
         paddingBottom: 0
       })
@@ -50722,7 +50721,7 @@ const _excluded$a = ["addEndListener", "appear", "children", "easing", "in", "on
 function getScale(value) {
   return `scale(${value}, ${value ** 2})`;
 }
-const styles$1 = {
+const styles$2 = {
   entering: {
     opacity: 1,
     transform: getScale(1)
@@ -50862,7 +50861,7 @@ const Grow = /* @__PURE__ */ React$1.forwardRef(function Grow2(props, ref) {
           opacity: 0,
           transform: getScale(0.75),
           visibility: state === "exited" && !inProp ? "hidden" : void 0
-        }, styles$1[state], style, children.props.style),
+        }, styles$2[state], style, children.props.style),
         ref: handleRef
       }, childProps));
     }
@@ -69554,6 +69553,7 @@ const useSelectInstitution = () => {
   const dispatch = useDispatch();
   const consentIsEnabled = useSelector((state) => isConsentEnabled(state));
   const connectConfig = useSelector(selectConnectConfig);
+  const user = useSelector((state) => state.profiles.user);
   const handleSelectInstitution = useCallback(
     (institution2) => {
       setInstitution(institution2);
@@ -69575,7 +69575,8 @@ const useSelectInstitution = () => {
             },
             institutionStatus,
             consentIsEnabled: consentIsEnabled || false,
-            additionalProductOption: connectConfig?.additional_product_option || null
+            additionalProductOption: connectConfig?.additional_product_option || null,
+            user
           }
         });
       }),
@@ -72609,9 +72610,9 @@ const focusElement = (element) => {
   }
 };
 
-const container = "_container_1pcxm_1";
-const styles = {
-	container: container
+const container$1 = "_container_1pcxm_1";
+const styles$1 = {
+	container: container$1
 };
 
 const initialState$1 = {
@@ -72849,7 +72850,7 @@ const Search$2 = React__default.forwardRef((_, navigationRef) => {
       }
     );
   }
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: styles.container, children: [
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: styles$1.container, children: [
     /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: inlineStyles.searchBar, children: [
       /* @__PURE__ */ jsxRuntimeExports.jsx(
         L,
@@ -84471,6 +84472,58 @@ const Actions = {
   HANDLE_SUCCESS: "manualAccount/handleSuccess"
 };
 
+const container = "_container_hgokd_1";
+const logoContainer = "_logoContainer_hgokd_10";
+const icon = "_icon_hgokd_15";
+const title = "_title_hgokd_25";
+const body = "_body_hgokd_34";
+const styles = {
+	container: container,
+	logoContainer: logoContainer,
+	icon: icon,
+	title: title,
+	body: body
+};
+
+const DemoConnectGuard = () => {
+  const institution = useSelector(getSelectedInstitution);
+  const initialConfig = useSelector(selectInitialConfig);
+  const dispatch = useDispatch();
+  return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: styles.container, children: /* @__PURE__ */ jsxRuntimeExports.jsxs(SlideDown, { children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: styles.logoContainer, children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx(
+        Y0,
+        {
+          alt: __("Logo for %1", institution.name),
+          "aria-hidden": true,
+          institutionGuid: institution.guid,
+          logoUrl: institution.logo_url,
+          size: 64
+        }
+      ),
+      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: styles.icon, children: /* @__PURE__ */ jsxRuntimeExports.jsx(x, { color: "error", fill: true, name: "error", size: 32 }) })
+    ] }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx(U0, { className: styles.title, truncate: false, children: __("Demo mode active") }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx(W0, { className: styles.body, truncate: false, children: /* @__PURE__ */ jsxRuntimeExports.jsx(B$2, { children: __(
+      "Live institutions are not available in the demo environment. Please select *MX Bank* to test the connection process."
+    ) }) }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx(
+      Button$2,
+      {
+        fullWidth: true,
+        onClick: () => {
+          dispatch({
+            type: ActionTypes$2.DEMO_CONNECT_GUARD_RETURN_TO_SEARCH,
+            payload: initialConfig
+          });
+        },
+        variant: "contained",
+        children: __("Return to institution selection")
+      }
+    )
+  ] }) });
+};
+
 const ADDITIONAL_PRODUCT_OPTIONS = [
   COMBO_JOB_DATA_TYPES.TRANSACTIONS,
   COMBO_JOB_DATA_TYPES.ACCOUNT_NUMBER
@@ -85005,6 +85058,8 @@ const RenderConnectStep = (props) => {
     if (!ADDITIONAL_PRODUCT_OPTIONS.includes(connectConfig?.additional_product_option))
       throw new Error("invalid product offer");
     connectStepView = /* @__PURE__ */ jsxRuntimeExports.jsx(AdditionalProductStep, { ref: props.navigationRef });
+  } else if (step === STEPS.DEMO_CONNECT_GUARD) {
+    connectStepView = /* @__PURE__ */ jsxRuntimeExports.jsx(DemoConnectGuard, {});
   } else if (step === STEPS.ADD_MANUAL_ACCOUNT) {
     connectStepView = /* @__PURE__ */ jsxRuntimeExports.jsx(
       ManualAccountConnect,
@@ -88196,6 +88251,8 @@ const frCa = {
 	"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é :",
+	"Demo mode active": "Mode démo actif",
+	"Live institutions are not available in the demo environment. Please select *MX Bank* to test the connection process.": "Les établissements réels ne sont pas disponibles dans l'environnement de démonstration. Veuillez sélectionner *MX Bank* pour tester la procédure de connexion.",
 	"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.",
@@ -88709,6 +88766,8 @@ const es = {
 	"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:",
+	"Demo mode active": "Modo de demostración activo",
+	"Live institutions are not available in the demo environment. Please select *MX Bank* to test the connection process.": "Las instituciones en vivo no están disponibles en el entorno de demostración. Seleccione *MX Bank* para probar el proceso de conexió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.",