@mxenabled/connect-widget 0.10.1 → 0.10.3

package/dist/index.es.js

@@ -46293,6 +46293,25 @@ class LicenseInfo {
 
 const circularProgressClasses = generateUtilityClasses$1("MuiCircularProgress", ["root", "determinate", "indeterminate", "colorPrimary", "colorSecondary", "svg", "circle", "circleDeterminate", "circleIndeterminate", "circleDisableShrink"]);
 
+const g = ({
+  children: e,
+  height: o,
+  size: n = 16,
+  viewBox: r = "0 0 16 16",
+  width: i
+}) => /* @__PURE__ */ jsxRuntimeExports.jsx(
+  "svg",
+  {
+    "aria-hidden": true,
+    className: "mx-kmui-icon",
+    focusable: false,
+    height: o || n,
+    viewBox: r,
+    width: i || n,
+    xmlns: "http://www.w3.org/2000/svg",
+    children: e
+  }
+);
 var f0 = /* @__PURE__ */ ((e) => (e[e.Lighter = 100] = "Lighter", e[e.Light = 200] = "Light", e[e.Normal = 300] = "Normal", e[e.Dark = 400] = "Dark", e[e.Darker = 500] = "Darker", e))(f0 || {});
 const M = ({
   color: e,
@@ -46331,7 +46350,16 @@ const M = ({
       children: n
     }
   );
-};
+}, be = ({
+  color: e = "currentColor",
+  ...o
+}) => /* @__PURE__ */ jsxRuntimeExports.jsx(g, { ...o, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+  "path",
+  {
+    d: "M5.207 13.32a.6.6 0 01-.012-.848L9.55 8 5.195 3.528a.6.6 0 11.86-.837l4.76 4.89a.6.6 0 010 .838l-4.76 4.89a.6.6 0 01-.848.012z",
+    fill: e
+  }
+) });
 var u = /* @__PURE__ */ ((e) => (e.AutoTransport = "CAT-7829f71c-2e8c-afa5-2f55-fa3634b89874", e.BillsUtilities = "CAT-79b02f2f-2adc-88f0-ac2b-4e71ead9cfc8", e.BusinessServices = "CAT-94b11142-e97b-941a-f67f-6e18d246a23f", e.Education = "CAT-bf5c9cca-c96b-b50d-440d-38d9adfda5b0", e.Entertainment = "CAT-e04e9d1e-e041-c315-2e50-094143ab3f73", e.FeesCharges = "CAT-d73ee74b-13a4-ac3e-4015-fc4ba9a62b2a", e.Financial = "CAT-6c7de3f8-de6c-7061-1dd2-b093044014bf", e.FoodDining = "CAT-bd56d35a-a9a7-6e10-66c1-5b9cc1b6c81a", e.GiftsDonations = "CAT-8edf9663-623e-4735-490e-31288f0a70b0", e.HealthFitness = "CAT-52fa4693-c088-afb2-2a99-7bc39bb23a0f", e.Home = "CAT-b709172b-4eb7-318e-3b5d-e0f0500b32ac", e.Income = "CAT-bf9f3294-4c40-1677-d269-54fbc189faf3", e.Investments = "CAT-ccd42390-9e8c-3fb6-a5d9-6c31182d9c5c", e.Kids = "CAT-0cb1d99d-f558-99e3-2282-b31f359b411a", e.PersonalCare = "CAT-e5154228-fe45-790d-a280-f6bf5ae5ac9f", e.Pets = "CAT-7cccbafa-87d7-c9a6-661b-8b3402fe9e78", e.Shopping = "CAT-aad51b46-d6f7-3da5-fd6e-492328b3023f", e.Taxes = "CAT-d00fc539-aa14-009b-4ffb-7e8c7b839954", e.Transfer = "CAT-bce48142-fea4-ff45-20d9-0a642d44de83", e.Travel = "CAT-ea23d844-cbd1-eb10-f6ac-0df9610e59ae", e.Uncategorized = "CAT-d7851c65-3353-e490-1953-fb9235e681e4", e))(u || {});
 const $ = {
   guid: u.Uncategorized,
@@ -72855,7 +72883,7 @@ const ActionTile = (props) => {
   return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { children: /* @__PURE__ */ jsxRuntimeExports.jsx(
     Button$2,
     {
-      endIcon: /* @__PURE__ */ jsxRuntimeExports.jsx(M, { name: "chevron_right", size: 24 }),
+      endIcon: /* @__PURE__ */ jsxRuntimeExports.jsx(be, { size: 24 }),
       fullWidth: true,
       onClick: onSelectAction,
       size: "large",
@@ -73237,6 +73265,9 @@ const RoutingNumber = (props) => {
     return () => {
     };
   }, [submitting]);
+  useEffect(() => {
+    if (institutions.length > 0) props.setShowSharedRoutingNumber(true);
+  }, [institutions.length]);
   const handleContinue = (newAccountDetails) => fadeOut(containerRef.current, "up", 300).then(() => onContinue(newAccountDetails));
   if (showFindDetails) {
     return /* @__PURE__ */ jsxRuntimeExports.jsx(FindAccountInfo, { onClose: () => setShowFindDetails(false), step: "routingNumber" });
@@ -73245,12 +73276,18 @@ const RoutingNumber = (props) => {
     return /* @__PURE__ */ jsxRuntimeExports.jsx(
       SharedRoutingNumber,
       {
-        continueMicrodeposits: () => onContinue({
-          ...accountDetails,
-          routing_number: values.routingNumber
-        }),
+        continueMicrodeposits: () => {
+          props.setShowSharedRoutingNumber(false);
+          onContinue({
+            ...accountDetails,
+            routing_number: values.routingNumber
+          });
+        },
         institutions,
-        onGoBack: () => setInstitutions([]),
+        onGoBack: () => {
+          props.setShowSharedRoutingNumber(false);
+          setInstitutions([]);
+        },
         routingNumber: values.routingNumber,
         selectInstitution: (institutionGuid) => stepToIAV(institutionGuid)
       }
@@ -73330,6 +73367,7 @@ const getStyles$r = (tokens) => ({
 RoutingNumber.propTypes = {
   accountDetails: PropTypes$1.object,
   onContinue: PropTypes$1.func.isRequired,
+  setShowSharedRoutingNumber: PropTypes$1.func.isRequired,
   stepToIAV: PropTypes$1.func.isRequired
 };
 
@@ -74648,6 +74686,7 @@ const Microdeposits = React__default.forwardRef((props, navigationRef) => {
   useAnalyticsPath(...PageviewInfo.CONNECT_MICRODEPOSITS);
   const { api } = useApi();
   const [state, dispatch] = useReducer(reducer$2, initialState);
+  const [showSharedRoutingNumber, setShowSharedRoutingNumber] = useState(false);
   const { microdepositGuid, stepToIAV } = props;
   const postMessageFunctions = useContext(PostMessageContext);
   const reduxDispatch = useDispatch();
@@ -74711,10 +74750,11 @@ const Microdeposits = React__default.forwardRef((props, navigationRef) => {
         handleGoBack();
       },
       showBackButton() {
+        if (showSharedRoutingNumber) return false;
         return true;
       }
     };
-  }, [state.currentView]);
+  }, [state.currentView, showSharedRoutingNumber]);
   const handleGoBack = () => {
     switch (state.currentView) {
       case VIEWS.HOW_IT_WORKS:
@@ -74744,6 +74784,7 @@ const Microdeposits = React__default.forwardRef((props, navigationRef) => {
           type: state.returnToConfirm ? ACTIONS.STEP_TO_CONFIRM_DETAILS : ACTIONS.STEP_TO_HOW_IT_WORKS,
           payload: accountDetails
         }),
+        setShowSharedRoutingNumber,
         stepToIAV
       }
     ),
@@ -76393,6 +76434,7 @@ const DynamicDisclosure = React__default.forwardRef(
     const footer = /* @__PURE__ */ jsxRuntimeExports.jsx(
       Button$2,
       {
+        "data-test": "consent-button",
         disabled: isButtonDisabled,
         fullWidth: true,
         onClick: () => {
@@ -76482,6 +76524,7 @@ const DynamicDisclosure = React__default.forwardRef(
           !["en-us", "en-ca"].includes(initialLocal) ? /* @__PURE__ */ jsxRuntimeExports.jsx(
             Link$1,
             {
+              "data-test": "translation-button",
               onClick: () => {
                 const locale = getLocale();
                 setLocale(locale === "en" ? initialLocal : "en");