@swype-org/react-sdk 0.1.90 → 0.1.92

package/dist/index.js

@@ -5230,6 +5230,9 @@ function SwypePaymentInner({
   const processingStartedAtRef = useRef(null);
   const initializedSelectSourceActionRef = useRef(null);
   const preSelectSourceStepRef = useRef(null);
+  const checkingPasskeyRef = useRef(false);
+  const onCompleteRef = useRef(onComplete);
+  onCompleteRef.current = onComplete;
   const [authInput, setAuthInput] = useState("");
   const [otpCode, setOtpCode] = useState("");
   const [selectSourceChainName, setSelectSourceChainName] = useState("");
@@ -5808,6 +5811,8 @@ function SwypePaymentInner({
   useEffect(() => {
     if (!ready || !authenticated) return;
     if (state.step !== "login" && state.step !== "otp-verify") return;
+    if (checkingPasskeyRef.current) return;
+    checkingPasskeyRef.current = true;
     let cancelled = false;
     dispatch({ type: "SET_ERROR", error: null });
     setAuthInput("");
@@ -5904,8 +5909,17 @@ function SwypePaymentInner({
     };
     const checkPasskey = async () => {
       try {
-        const token = await getAccessToken();
-        if (!token || cancelled) return;
+        let token = null;
+        for (let attempt = 0; attempt < 3; attempt++) {
+          token = await getAccessToken();
+          if (token || cancelled) break;
+          await new Promise((r) => setTimeout(r, 1e3));
+        }
+        if (!token) {
+          if (!cancelled) dispatch({ type: "NAVIGATE", step: "create-passkey" });
+          return;
+        }
+        if (cancelled) return;
         const { config } = await fetchUserConfig(apiBaseUrl, token);
         if (cancelled) return;
         const allPasskeys = config.passkeys ?? (config.passkey ? [config.passkey] : []);
@@ -5946,6 +5960,7 @@ function SwypePaymentInner({
     checkPasskey();
     return () => {
       cancelled = true;
+      checkingPasskeyRef.current = false;
     };
   }, [
     ready,