@mxenabled/connect-widget 2.17.9 → 2.18.0

package/dist/index.es.js

@@ -9422,7 +9422,8 @@ function institutionIsBlockedForCostReasons(institution) {
 
 const initialState$6 = {
   optOutOfEarlyUserRelease: false,
-  unavailableInstitutions: []
+  unavailableInstitutions: [],
+  memberPollingMilliseconds: void 0
 };
 const experimentalFeaturesSlice = createSlice({
   name: "experimentalFeatures",
@@ -9431,6 +9432,7 @@ const experimentalFeaturesSlice = createSlice({
     loadExperimentalFeatures(state, action) {
       state.unavailableInstitutions = action.payload?.unavailableInstitutions || [];
       state.optOutOfEarlyUserRelease = action.payload?.optOutOfEarlyUserRelease || false;
+      state.memberPollingMilliseconds = action.payload?.memberPollingMilliseconds || void 0;
     }
   }
 });
@@ -64055,6 +64057,26 @@ function delay$1(due, scheduler) {
   });
 }
 
+function exhaustMap(project, resultSelector) {
+  return operate(function(source, subscriber) {
+    var index = 0;
+    var innerSub = null;
+    var isComplete = false;
+    source.subscribe(createOperatorSubscriber(subscriber, function(outerValue) {
+      if (!innerSub) {
+        innerSub = createOperatorSubscriber(subscriber, void 0, function() {
+          innerSub = null;
+          isComplete && subscriber.complete();
+        });
+        innerFrom(project(outerValue, index++)).subscribe(innerSub);
+      }
+    }, function() {
+      isComplete = true;
+      !innerSub && subscriber.complete();
+    }));
+  });
+}
+
 function pluck() {
   var properties = [];
   for (var _i = 0; _i < arguments.length; _i++) {
@@ -76184,52 +76206,6 @@ const DEFAULT_POLLING_STATE = {
   initialDataReady: false
   // whether the initial data ready event has been sent
 };
-function pollMember(memberGuid, api, clientLocale, optOutOfEarlyUserRelease = false) {
-  return interval(3e3).pipe(
-    switchMap(
-      () => (
-        // Poll the currentMember. Catch errors but don't handle it here
-        // the scan will handle it below
-        defer(() => api.loadMemberByGuid(memberGuid, clientLocale)).pipe(
-          mergeMap(
-            (member) => defer(() => api.loadJob(member.most_recent_job_guid)).pipe(
-              map((job) => ({ member, job }))
-            )
-          ),
-          catchError((error) => of(error))
-        )
-      )
-    ),
-    scan(
-      (acc, response) => {
-        const isError = response instanceof Error;
-        const pollingState = {
-          // only track if the most recent poll was an error
-          isError,
-          // always increase polling count
-          pollingCount: acc.pollingCount + 1,
-          // dont update previous response if this is an error
-          previousResponse: isError ? acc.previousResponse : acc.currentResponse,
-          // dont update current response if this is an error
-          currentResponse: isError ? acc.currentResponse : response,
-          // preserve the initialDataReadySent flag
-          initialDataReady: acc.initialDataReady
-        };
-        if (!isError && !acc.initialDataReady && response?.job?.async_account_data_ready && !optOutOfEarlyUserRelease) {
-          pollingState.initialDataReady = true;
-        }
-        const [shouldStopPolling, messageKey] = handlePollingResponse(pollingState);
-        return {
-          ...pollingState,
-          // we should keep polling based on the member
-          pollingIsDone: isError ? false : shouldStopPolling,
-          userMessage: messageKey
-        };
-      },
-      { ...DEFAULT_POLLING_STATE }
-    )
-  );
-}
 function handlePollingResponse(pollingState) {
   const polledMember = pollingState.currentResponse?.member || {};
   const previousMember = pollingState.previousResponse?.member || {};
@@ -76264,7 +76240,14 @@ function handlePollingResponse(pollingState) {
 }
 function pollOauthState(oauthStateGuid, api) {
   return interval(1e3).pipe(
-    switchMap(
+    /**
+     * used to be switchMap
+     * exhaustMap ignores new emissions from the source while the current inner observable is still active.
+     *
+     * This ensures that we do not start a new poll request until the previous one has completed,
+     * preventing overlapping requests and potential race conditions.
+     */
+    exhaustMap(
       () => (
         // Poll the oauthstate. Catch errors but don't handle it here
         // the scan will handle it below
@@ -78737,6 +78720,70 @@ function getReferrer() {
 }
 const isValidUrl = (url) => typeof url === "string" && url.match(/((\w+:\/\/)[-a-zA-Z0-9:@;?&=/%+.*!'(),$_{}^~[\]`#|]+)/g);
 
+function usePollMember() {
+  const { api } = useApi();
+  const clientLocale = useMemo(() => {
+    return document.querySelector("html")?.getAttribute("lang") || "en";
+  }, [document.querySelector("html")?.getAttribute("lang")]);
+  const { optOutOfEarlyUserRelease, memberPollingMilliseconds } = useSelector(getExperimentalFeatures);
+  const pollingInterval = memberPollingMilliseconds || 3e3;
+  const pollMember = (memberGuid) => {
+    return interval(pollingInterval).pipe(
+      /**
+       * used to be switchMap
+       * exhaustMap ignores new emissions from the source while the current inner observable is still active.
+       *
+       * This ensures that we do not start a new poll request until the previous one has completed,
+       * preventing overlapping requests and potential race conditions.
+       */
+      exhaustMap(
+        () => (
+          // Poll the currentMember. Catch errors but don't handle it here
+          // the scan will handle it below
+          // @ts-expect-error: cannot invoke a method that might be undefined
+          defer(() => api.loadMemberByGuid(memberGuid, clientLocale)).pipe(
+            mergeMap(
+              (member) => defer(() => api.loadJob(member.most_recent_job_guid)).pipe(
+                map((job) => ({ member, job }))
+              )
+            ),
+            catchError((error) => of(error))
+          )
+        )
+      ),
+      scan(
+        (acc, response) => {
+          const isError = response instanceof Error;
+          const pollingState = {
+            // only track if the most recent poll was an error
+            isError,
+            // always increase polling count
+            pollingCount: acc.pollingCount + 1,
+            // dont update previous response if this is an error
+            previousResponse: isError ? acc.previousResponse : acc.currentResponse,
+            // dont update current response if this is an error
+            currentResponse: isError ? acc.currentResponse : response,
+            // preserve the initialDataReadySent flag
+            initialDataReady: acc.initialDataReady
+          };
+          if (!isError && !acc.initialDataReady && response?.job?.async_account_data_ready && !optOutOfEarlyUserRelease) {
+            pollingState.initialDataReady = true;
+          }
+          const [shouldStopPolling, messageKey] = handlePollingResponse(pollingState);
+          return {
+            ...pollingState,
+            // we should keep polling based on the member
+            pollingIsDone: isError ? false : shouldStopPolling,
+            userMessage: messageKey
+          };
+        },
+        { ...DEFAULT_POLLING_STATE }
+      )
+    );
+  };
+  return pollMember;
+}
+
 const Connecting = (props) => {
   const {
     connectConfig,
@@ -78747,7 +78794,6 @@ const Connecting = (props) => {
     onUpsertMember
   } = props;
   const selectedInstitution = useSelector(getSelectedInstitution);
-  const { optOutOfEarlyUserRelease } = useSelector(getExperimentalFeatures);
   const sendAnalyticsEvent = useAnalyticsEvent();
   const clientLocale = useMemo(() => {
     return document.querySelector("html")?.getAttribute("lang") || "en";
@@ -78769,6 +78815,7 @@ const Connecting = (props) => {
   const [message, setMessage] = useState(CONNECTING_MESSAGES.STARTING);
   const [timedOut, setTimedOut] = useState(false);
   const [connectingError, setConnectingError] = useState(null);
+  const pollMember = usePollMember();
   const activeJob = getActiveJob(jobSchedule);
   const needsToInitializeJobSchedule = jobSchedule.isInitialized === false;
   function handleMemberPoll(pollingState) {
@@ -78898,7 +78945,7 @@ const Connecting = (props) => {
       return needsJobStarted ? startJob$ : of(currentMember);
     }).pipe(
       concatMap(
-        (member) => pollMember(member.guid, api, clientLocale, optOutOfEarlyUserRelease).pipe(
+        (member) => pollMember(member.guid).pipe(
           tap((pollingState) => handleMemberPoll(pollingState)),
           filter((pollingState) => pollingState.pollingIsDone),
           pluck("currentResponse"),
@@ -82680,6 +82727,8 @@ const getStyles$h = (tokens) => ({
     position: "relative"
   },
   svg: {
+    display: "flex",
+    alignItems: "center",
     margin: "0 auto",
     width: 200
   },