@mxenabled/connect-widget 2.10.1 → 2.11.0

package/dist/index.es.js

@@ -86615,6 +86615,37 @@ class InstitutionConfigNotEnabled extends Error {
   }
 }
 
+const useNavigationPostMessage = () => {
+  const postMessageFunctions = useContext(PostMessageContext);
+  const dispatch = useDispatch();
+  const connectConfig = useSelector(selectConnectConfig);
+  const initialConfig = useSelector(selectInitialConfig);
+  const step = useSelector(
+    (state) => state.connect.location[state.connect.location.length - 1]?.step ?? STEPS.SEARCH
+  );
+  useEffect(() => {
+    window.addEventListener("message", _handleNavigationPostMessage);
+    return () => window.removeEventListener("message", _handleNavigationPostMessage);
+  }, []);
+  const _handleNavigationPostMessage = (event) => {
+    const eventData = PostMessage.parse(event.data);
+    if (eventData.type === "mx/navigation") {
+      if (eventData.payload.action === "back") {
+        const dontChangeConnectStep = step === STEPS.SEARCH || step === STEPS.DISCLOSURE || step === STEPS.VERIFY_EXISTING_MEMBER || connectConfig.disable_institution_search;
+        if (dontChangeConnectStep) {
+          postMessageFunctions.onPostMessage("navigation", { did_go_back: false });
+        } else {
+          dispatch({
+            type: ActionTypes$2.GO_BACK_POST_MESSAGE,
+            payload: initialConfig
+          });
+          postMessageFunctions.onPostMessage("navigation", { did_go_back: true });
+        }
+      }
+    }
+  };
+};
+
 const AnalyticContext = createContext({
   onAnalyticEvent: () => {
   },
@@ -86643,6 +86674,7 @@ const Connect$2 = ({
   },
   ...props
 }) => {
+  useNavigationPostMessage();
   const connectConfig = useSelector(selectConnectConfig);
   const initialConfig = useSelector(selectInitialConfig);
   const loadError = useSelector((state2) => state2.connect.loadError);
@@ -86689,7 +86721,6 @@ const Connect$2 = ({
     };
   }, []);
   useEffect(() => {
-    window.addEventListener("message", _handleNavigationPostMessage);
     loadConnect(props.clientConfig);
     dispatch(loadProfiles(props.profiles));
     dispatch(loadUserFeatures(props.userFeatures));
@@ -86700,7 +86731,6 @@ const Connect$2 = ({
     }
     return () => {
       dispatch(resetConnect$1());
-      window.removeEventListener("message", _handleNavigationPostMessage);
     };
   }, []);
   useEffect(() => {
@@ -86745,23 +86775,6 @@ const Connect$2 = ({
       loadConnect(props.clientConfig);
     }
   }, [isLoading, step, props.clientConfig]);
-  const _handleNavigationPostMessage = (event) => {
-    const eventData = PostMessage.parse(event.data);
-    if (eventData.type === "mx/navigation") {
-      if (eventData.payload.action === "back") {
-        const dontChangeConnectStep = step === STEPS.SEARCH || step === STEPS.DISCLOSURE || step === STEPS.VERIFY_EXISTING_MEMBER || connectConfig.disable_institution_search;
-        if (dontChangeConnectStep) {
-          postMessageFunctions.onPostMessage("navigation", { did_go_back: false });
-        } else {
-          dispatch({
-            type: ActionTypes$2.GO_BACK_POST_MESSAGE,
-            payload: initialConfig
-          });
-          postMessageFunctions.onPostMessage("navigation", { did_go_back: true });
-        }
-      }
-    }
-  };
   const _handleAddManualAccountClick = () => {
     dispatch(stepToAddManualAccount$1());
   };