@swype-org/react-sdk 0.1.91 → 0.1.93

package/dist/index.cjs

@@ -4949,7 +4949,7 @@ function StepRenderer({
     );
   }
   if ((step === "login" || step === "otp-verify") && authenticated) {
-    return /* @__PURE__ */ jsxRuntime.jsx(CenteredSpinner, { label: "Verifying your passkey..." });
+    return /* @__PURE__ */ jsxRuntime.jsx(CenteredSpinner, { label: "Verifying your passkey...test2" });
   }
   if (step === "verify-passkey") {
     return /* @__PURE__ */ jsxRuntime.jsx(
@@ -5233,12 +5233,20 @@ function SwypePaymentInner({
   const processingStartedAtRef = react.useRef(null);
   const initializedSelectSourceActionRef = react.useRef(null);
   const preSelectSourceStepRef = react.useRef(null);
+  const checkingPasskeyRef = react.useRef(false);
+  const onCompleteRef = react.useRef(onComplete);
+  onCompleteRef.current = onComplete;
+  const pollingRef = react.useRef(null);
+  const handleAuthorizedMobileReturnRef = react.useRef(
+    null
+  );
   const [authInput, setAuthInput] = react.useState("");
   const [otpCode, setOtpCode] = react.useState("");
   const [selectSourceChainName, setSelectSourceChainName] = react.useState("");
   const [selectSourceTokenSymbol, setSelectSourceTokenSymbol] = react.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);
@@ -5492,6 +5500,7 @@ function SwypePaymentInner({
     clearMobileFlowState();
     dispatch({ type: "MOBILE_SIGN_READY", transfer: authorizedTransfer });
   }, [polling.stopPolling, reloadAccounts]);
+  handleAuthorizedMobileReturnRef.current = handleAuthorizedMobileReturn;
   const handlePay = react.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)}.` });
@@ -5761,6 +5770,7 @@ function SwypePaymentInner({
     }
     polling.stopPolling();
     preSelectSourceStepRef.current = null;
+    checkingPasskeyRef.current = false;
     setAuthInput("");
     setOtpCode("");
     dispatch({ type: "LOGOUT", depositAmount });
@@ -5809,8 +5819,13 @@ function SwypePaymentInner({
     }
   }, [otpCode, state.step, activeOtpStatus, handleVerifyLoginCode]);
   react.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("");
@@ -5836,7 +5851,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 {
@@ -5851,17 +5866,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") {
@@ -5872,7 +5887,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") {
@@ -5890,7 +5905,7 @@ function SwypePaymentInner({
           });
           pollingTransferIdRef.current = persisted.transferId;
           mobileSetupFlowRef.current = persisted.isSetup;
-          polling.startPolling(persisted.transferId);
+          pollingRef.current.startPolling(persisted.transferId);
           return;
         }
         dispatch({
@@ -5900,7 +5915,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 });
@@ -5959,17 +5974,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]);
   react.useEffect(() => {
     const loadAction = resolveDataLoadAction({
       authenticated,