@swype-org/react-sdk 0.1.70 → 0.1.71

package/dist/index.cjs

@@ -1644,6 +1644,23 @@ function resolveRestoredMobileFlow(transferStatus, isSetup) {
   }
   return { kind: "resume-open-wallet", step: "open-wallet", clearPersistedFlow: false };
 }
+
+// src/dataLoading.ts
+function resolveDataLoadAction({
+  authenticated,
+  step,
+  accountsCount,
+  hasActiveCredential,
+  loading
+}) {
+  if (!authenticated || step === "login" || step === "otp-verify" || accountsCount > 0 || !hasActiveCredential) {
+    return "reset";
+  }
+  if (loading) {
+    return "wait";
+  }
+  return "load";
+}
 var FOOTER_CSS = `
 .swype-screen-footer {
   padding-bottom: max(24px, env(safe-area-inset-bottom, 24px));
@@ -4486,6 +4503,7 @@ function SwypePaymentInner({
   const [oneTapLimit, setOneTapLimit] = react.useState(100);
   const [mobileFlow, setMobileFlow] = react.useState(false);
   const [deeplinkUri, setDeeplinkUri] = react.useState(null);
+  const loadingDataRef = react.useRef(false);
   const pollingTransferIdRef = react.useRef(null);
   const mobileSigningTransferIdRef = react.useRef(null);
   const mobileSetupFlowRef = react.useRef(false);
@@ -4516,6 +4534,10 @@ function SwypePaymentInner({
       setConnectingNewAccount(false);
     }
   }, [getAccessToken, activeCredentialId, apiBaseUrl, depositAmount]);
+  const resetDataLoadingState = react.useCallback(() => {
+    loadingDataRef.current = false;
+    setLoadingData(false);
+  }, []);
   const enterPersistedMobileFlow = react.useCallback((persisted, errorMessage) => {
     setMobileFlow(true);
     setDeeplinkUri(persisted.deeplinkUri);
@@ -4533,6 +4555,7 @@ function SwypePaymentInner({
       clearMobileFlowState();
       try {
         await reloadAccounts();
+        resetDataLoadingState();
         setTransfer(null);
         setError(null);
         setDeeplinkUri(null);
@@ -4553,7 +4576,7 @@ function SwypePaymentInner({
     setDeeplinkUri(null);
     setMobileFlow(false);
     setStep("confirm-sign");
-  }, [polling.stopPolling, reloadAccounts]);
+  }, [polling.stopPolling, reloadAccounts, resetDataLoadingState]);
   const handleRetryMobileStatus = react.useCallback(() => {
     setError(null);
     const currentTransfer = polling.transfer ?? transfer;
@@ -4781,12 +4804,26 @@ function SwypePaymentInner({
     handleAuthorizedMobileReturn,
     onComplete
   ]);
-  const loadingDataRef = react.useRef(false);
   react.useEffect(() => {
-    if (!authenticated) return;
-    if (step === "login" || step === "otp-verify") return;
-    if (accounts.length > 0 || loadingDataRef.current) return;
-    if (!activeCredentialId) return;
+    const loadAction = resolveDataLoadAction({
+      authenticated,
+      step,
+      accountsCount: accounts.length,
+      hasActiveCredential: !!activeCredentialId,
+      loading: loadingDataRef.current
+    });
+    if (loadAction === "reset") {
+      resetDataLoadingState();
+      return;
+    }
+    if (loadAction === "wait") {
+      return;
+    }
+    const credentialId = activeCredentialId;
+    if (!credentialId) {
+      resetDataLoadingState();
+      return;
+    }
     let cancelled = false;
     loadingDataRef.current = true;
     const load = async () => {
@@ -4797,7 +4834,7 @@ function SwypePaymentInner({
         if (!token) throw new Error("Not authenticated");
         const [prov, accts, chn] = await Promise.all([
           fetchProviders(apiBaseUrl, token),
-          fetchAccounts(apiBaseUrl, token, activeCredentialId),
+          fetchAccounts(apiBaseUrl, token, credentialId),
           fetchChains(apiBaseUrl, token)
         ]);
         if (cancelled) return;
@@ -4835,8 +4872,7 @@ function SwypePaymentInner({
         }
       } finally {
         if (!cancelled) {
-          setLoadingData(false);
-          loadingDataRef.current = false;
+          resetDataLoadingState();
         }
       }
     };
@@ -4845,7 +4881,7 @@ function SwypePaymentInner({
       cancelled = true;
       loadingDataRef.current = false;
     };
-  }, [authenticated, step, accounts.length, apiBaseUrl, getAccessToken, activeCredentialId, depositAmount, connectingNewAccount]);
+  }, [authenticated, step, accounts.length, apiBaseUrl, getAccessToken, activeCredentialId, depositAmount, connectingNewAccount, resetDataLoadingState]);
   react.useEffect(() => {
     if (!polling.transfer) return;
     if (polling.transfer.status === "COMPLETED") {