@swype-org/react-sdk 0.1.91 → 0.1.93

package/dist/index.js

@@ -4946,7 +4946,7 @@ function StepRenderer({
     );
   }
   if ((step === "login" || step === "otp-verify") && authenticated) {
-    return /* @__PURE__ */ jsx(CenteredSpinner, { label: "Verifying your passkey..." });
+    return /* @__PURE__ */ jsx(CenteredSpinner, { label: "Verifying your passkey...test2" });
   }
   if (step === "verify-passkey") {
     return /* @__PURE__ */ jsx(
@@ -5230,12 +5230,20 @@ 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 pollingRef = useRef(null);
+  const handleAuthorizedMobileReturnRef = useRef(
+    null
+  );
   const [authInput, setAuthInput] = useState("");
   const [otpCode, setOtpCode] = useState("");
   const [selectSourceChainName, setSelectSourceChainName] = useState("");
   const [selectSourceTokenSymbol, setSelectSourceTokenSymbol] = useState("");
   const authExecutor = useAuthorizationExecutor();
   const polling = useTransferPolling();
+  pollingRef.current = polling;
   const transferSigning = useTransferSigning();
   const { sourceType, sourceId } = deriveSourceTypeAndId(state);
   const selectedAccount = state.accounts.find((a) => a.id === state.selectedAccountId);
@@ -5489,6 +5497,7 @@ function SwypePaymentInner({
     clearMobileFlowState();
     dispatch({ type: "MOBILE_SIGN_READY", transfer: authorizedTransfer });
   }, [polling.stopPolling, reloadAccounts]);
+  handleAuthorizedMobileReturnRef.current = handleAuthorizedMobileReturn;
   const handlePay = useCallback(async (payAmount, sourceOverrides) => {
     if (isNaN(payAmount) || payAmount < MIN_SEND_AMOUNT_USD) {
       dispatch({ type: "SET_ERROR", error: `Minimum amount is $${MIN_SEND_AMOUNT_USD.toFixed(2)}.` });
@@ -5758,6 +5767,7 @@ function SwypePaymentInner({
     }
     polling.stopPolling();
     preSelectSourceStepRef.current = null;
+    checkingPasskeyRef.current = false;
     setAuthInput("");
     setOtpCode("");
     dispatch({ type: "LOGOUT", depositAmount });
@@ -5806,8 +5816,13 @@ function SwypePaymentInner({
     }
   }, [otpCode, state.step, activeOtpStatus, handleVerifyLoginCode]);
   useEffect(() => {
-    if (!ready || !authenticated) return;
+    if (!ready || !authenticated) {
+      checkingPasskeyRef.current = false;
+      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("");
@@ -5833,7 +5848,7 @@ function SwypePaymentInner({
           const existingTransfer = await fetchTransfer(apiBaseUrl, token, persisted.transferId);
           if (cancelled) return;
           if (existingTransfer.status === "AUTHORIZED") {
-            await handleAuthorizedMobileReturn(existingTransfer, true);
+            await handleAuthorizedMobileReturnRef.current(existingTransfer, true);
             return;
           }
         } catch {
@@ -5848,17 +5863,17 @@ function SwypePaymentInner({
             persisted.isSetup
           );
           if (mobileResolution.kind === "resume-setup-deposit") {
-            await handleAuthorizedMobileReturn(existingTransfer, true);
+            await handleAuthorizedMobileReturnRef.current(existingTransfer, true);
             return;
           }
           if (mobileResolution.kind === "resume-confirm-sign") {
-            await handleAuthorizedMobileReturn(existingTransfer, false);
+            await handleAuthorizedMobileReturnRef.current(existingTransfer, false);
             return;
           }
           if (mobileResolution.kind === "resume-success") {
             clearMobileFlowState();
             dispatch({ type: "MOBILE_RESUME_SUCCESS", transfer: existingTransfer });
-            onComplete?.(existingTransfer);
+            onCompleteRef.current?.(existingTransfer);
             return;
           }
           if (mobileResolution.kind === "resume-failed") {
@@ -5869,7 +5884,7 @@ function SwypePaymentInner({
           if (mobileResolution.kind === "resume-processing") {
             clearMobileFlowState();
             dispatch({ type: "MOBILE_RESUME_PROCESSING", transfer: existingTransfer });
-            polling.startPolling(existingTransfer.id);
+            pollingRef.current.startPolling(existingTransfer.id);
             return;
           }
           if (mobileResolution.kind === "resume-stale-setup") {
@@ -5887,7 +5902,7 @@ function SwypePaymentInner({
           });
           pollingTransferIdRef.current = persisted.transferId;
           mobileSetupFlowRef.current = persisted.isSetup;
-          polling.startPolling(persisted.transferId);
+          pollingRef.current.startPolling(persisted.transferId);
           return;
         }
         dispatch({
@@ -5897,7 +5912,7 @@ function SwypePaymentInner({
         });
         pollingTransferIdRef.current = persisted.transferId;
         mobileSetupFlowRef.current = persisted.isSetup;
-        polling.startPolling(persisted.transferId);
+        pollingRef.current.startPolling(persisted.transferId);
         return;
       }
       dispatch({ type: "NAVIGATE", step: resolved.step });
@@ -5956,17 +5971,7 @@ function SwypePaymentInner({
     return () => {
       cancelled = true;
     };
-  }, [
-    ready,
-    authenticated,
-    state.step,
-    apiBaseUrl,
-    getAccessToken,
-    state.activeCredentialId,
-    handleAuthorizedMobileReturn,
-    onComplete,
-    polling
-  ]);
+  }, [ready, authenticated, state.step, apiBaseUrl, getAccessToken, state.activeCredentialId]);
   useEffect(() => {
     const loadAction = resolveDataLoadAction({
       authenticated,