@mxenabled/connect-widget 2.17.10 → 2.18.1

package/dist/index.es.js

@@ -5269,23 +5269,39 @@ function baseFindIndex$2(array, predicate, fromIndex, fromRight) {
 }
 var _baseFindIndex = baseFindIndex$2;
 
-var reWhitespace = /\s/;
-function trimmedEndIndex$1(string) {
-  var index = string.length;
-  while (index-- && reWhitespace.test(string.charAt(index))) {
-  }
-  return index;
+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 _trimmedEndIndex = trimmedEndIndex$1;
 
-var trimmedEndIndex = _trimmedEndIndex;
-var reTrimStart = /^\s+/;
-function baseTrim$1(string) {
-  return string ? string.slice(0, trimmedEndIndex(string) + 1).replace(reTrimStart, "") : string;
+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 _baseTrim = baseTrim$1;
 
-var baseTrim = _baseTrim, isObject$7 = isObject_1, isSymbol$1 = isSymbol_1;
+var baseTrim = require_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;
@@ -8767,7 +8783,7 @@ var hasRequiredTrim;
 function requireTrim () {
 	if (hasRequiredTrim) return trim_1;
 	hasRequiredTrim = 1;
-	var baseToString = _baseToString, baseTrim = _baseTrim, castSlice = require_castSlice(), charsEndIndex = require_charsEndIndex(), charsStartIndex = require_charsStartIndex(), stringToArray = require_stringToArray(), toString = toString_1;
+	var baseToString = _baseToString, baseTrim = require_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)) {
@@ -9406,7 +9422,8 @@ function institutionIsBlockedForCostReasons(institution) {
 
 const initialState$6 = {
   optOutOfEarlyUserRelease: false,
-  unavailableInstitutions: []
+  unavailableInstitutions: [],
+  memberPollingMilliseconds: void 0
 };
 const experimentalFeaturesSlice = createSlice({
   name: "experimentalFeatures",
@@ -9415,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;
     }
   }
 });
@@ -64039,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++) {
@@ -73495,7 +73533,7 @@ const ViewTitle = ({ connectionStatus, title }) => {
   const tokens = useTokens();
   const styles = getStyles$14(tokens);
   return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: styles.container, children: [
-    /* @__PURE__ */ jsxRuntimeExports.jsx(L, { bold: true, component: "h2", "data-test": "title-text", truncate: false, variant: "H2", children: title }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx(L, { bold: true, component: "h1", "data-test": "title-text", truncate: false, variant: "H2", children: title }),
     connectionStatus === ReadableStatuses$1.DEGRADED && /* @__PURE__ */ jsxRuntimeExports.jsx(InfoFilled, { color: tokens.BackgroundColor.MessageBoxHelp, size: 24 }),
     connectionStatus === ReadableStatuses$1.REJECTED && /* @__PURE__ */ jsxRuntimeExports.jsx(AttentionFilled, { color: tokens.BackgroundColor.MessageBoxError, size: 24 })
   ] });
@@ -76168,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 || {};
@@ -76248,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
@@ -78721,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,
@@ -78731,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";
@@ -78753,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) {
@@ -78882,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"),
@@ -81307,7 +81370,7 @@ const RoutingNumber = (props) => {
     /* @__PURE__ */ jsxRuntimeExports.jsx(SlideDown, { delay: getNextDelay(), children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { style: styles.header, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
       L,
       {
-        component: "h2",
+        component: "h1",
         "data-test": "microdeposit-header",
         style: styles.title,
         truncate: false,