@swype-org/react-sdk 0.1.92 → 0.1.94

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(
@@ -5236,12 +5236,17 @@ function SwypePaymentInner({
   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);
@@ -5495,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)}.` });
@@ -5764,6 +5770,7 @@ function SwypePaymentInner({
     }
     polling.stopPolling();
     preSelectSourceStepRef.current = null;
+    checkingPasskeyRef.current = false;
     setAuthInput("");
     setOtpCode("");
     dispatch({ type: "LOGOUT", depositAmount });
@@ -5812,7 +5819,10 @@ 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;
@@ -5841,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 {
@@ -5856,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") {
@@ -5877,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") {
@@ -5895,7 +5905,7 @@ function SwypePaymentInner({
           });
           pollingTransferIdRef.current = persisted.transferId;
           mobileSetupFlowRef.current = persisted.isSetup;
-          polling.startPolling(persisted.transferId);
+          pollingRef.current.startPolling(persisted.transferId);
           return;
         }
         dispatch({
@@ -5905,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 });
@@ -5940,12 +5950,18 @@ function SwypePaymentInner({
           return;
         }
         if (cancelled) return;
+        const credentialIds = allPasskeys.map((p) => p.credentialId);
+        let matched = null;
         if (isSafari() && isInCrossOriginIframe()) {
-          dispatch({ type: "NAVIGATE", step: "verify-passkey" });
-          return;
+          matched = await findDevicePasskeyViaPopup({
+            credentialIds,
+            rpId: resolvePasskeyRpId(),
+            authToken: token ?? void 0,
+            apiBaseUrl
+          });
+        } else {
+          matched = await findDevicePasskey(credentialIds);
         }
-        const credentialIds = allPasskeys.map((p) => p.credentialId);
-        const matched = await findDevicePasskey(credentialIds);
         if (cancelled) return;
         if (matched) {
           dispatch({ type: "PASSKEY_ACTIVATED", credentialId: matched });
@@ -5963,19 +5979,8 @@ function SwypePaymentInner({
     checkPasskey();
     return () => {
       cancelled = true;
-      checkingPasskeyRef.current = false;
     };
-  }, [
-    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,