@swype-org/react-sdk 0.1.224 → 0.1.226

package/dist/index.cjs

@@ -459,7 +459,6 @@ async function waitForTransactionReceipt(config, parameters) {
 // src/api.ts
 var api_exports = {};
 __export(api_exports, {
-  claimAccount: () => claimAccount,
   createAccount: () => createAccount,
   createAccountAuthorizationSession: () => createAccountAuthorizationSession,
   createGuestTransfer: () => createGuestTransfer,
@@ -479,6 +478,7 @@ __export(api_exports, {
   registerPasskey: () => registerPasskey,
   reportActionCompletion: () => reportActionCompletion,
   reportPasskeyActivity: () => reportPasskeyActivity,
+  setAccountOwner: () => setAccountOwner,
   setTransferSender: () => setTransferSender,
   signGuestTransfer: () => signGuestTransfer,
   signTransfer: () => signTransfer,
@@ -776,12 +776,13 @@ async function fetchGuestPreauthAccount(apiBaseUrl, guestToken) {
   if (!res.ok) await throwApiError(res);
   return await res.json();
 }
-async function claimAccount(apiBaseUrl, accessToken, accountId, body) {
-  const res = await fetch(`${apiBaseUrl}/v1/accounts/${accountId}/claim`, {
-    method: "POST",
+async function setAccountOwner(apiBaseUrl, accessToken, accountId, guestSessionToken, body) {
+  const res = await fetch(`${apiBaseUrl}/v1/accounts/${accountId}/owner`, {
+    method: "PUT",
     headers: {
       "Content-Type": "application/json",
-      "Authorization": `Bearer ${accessToken}`
+      "Authorization": `Bearer ${accessToken}`,
+      "x-guest-session-token": guestSessionToken
     },
     body: JSON.stringify(body)
   });
@@ -2217,7 +2218,7 @@ function paymentReducer(state, action) {
         guestPreauthAccountId: action.accountId,
         step: "login"
       };
-    case "GUEST_PREAUTH_CLAIMED":
+    case "ACCOUNT_OWNER_SET":
       return {
         ...state,
         guestPreauthAccountId: null,
@@ -6820,13 +6821,10 @@ function useMobileFlowHandlers(dispatch, polling, reloadAccounts, pollingTransfe
   const onCompleteRef = react.useRef(onComplete);
   onCompleteRef.current = onComplete;
   const guestPollingActiveRef = react.useRef(false);
-  react.useEffect(() => {
-    const persisted = loadMobileFlowState();
-    if (!persisted?.isGuestCheckout || !persisted.transferId || !persisted.guestSessionToken) return;
+  const guestPollingCleanupRef = react.useRef(null);
+  const startGuestPolling = react.useCallback((transferId, guestSessionToken) => {
     if (guestPollingActiveRef.current) return;
     guestPollingActiveRef.current = true;
-    const transferId = persisted.transferId;
-    const guestSessionToken = persisted.guestSessionToken;
     let cancelled = false;
     const POLL_INTERVAL_MS = 3e3;
     dispatch({ type: "NAVIGATE", step: "processing" });
@@ -6838,12 +6836,14 @@ function useMobileFlowHandlers(dispatch, polling, reloadAccounts, pollingTransfe
         if (transfer.status === "COMPLETED") {
           cancelled = true;
           guestPollingActiveRef.current = false;
+          guestPollingCleanupRef.current = null;
           clearMobileFlowState();
           dispatch({ type: "GUEST_TRANSFER_COMPLETED", transfer, guestSessionToken });
           onCompleteRef.current?.(transfer);
         } else if (transfer.status === "FAILED") {
           cancelled = true;
           guestPollingActiveRef.current = false;
+          guestPollingCleanupRef.current = null;
           clearMobileFlowState();
           dispatch({ type: "TRANSFER_FAILED", transfer, error: "Transfer failed." });
         }
@@ -6852,26 +6852,44 @@ function useMobileFlowHandlers(dispatch, polling, reloadAccounts, pollingTransfe
     };
     poll();
     const intervalId = window.setInterval(poll, POLL_INTERVAL_MS);
-    const handleVisibility = () => {
-      if (document.visibilityState === "visible" && !cancelled) {
-        poll();
+    const cleanup = () => {
+      cancelled = true;
+      guestPollingActiveRef.current = false;
+      guestPollingCleanupRef.current = null;
+      window.clearInterval(intervalId);
+    };
+    guestPollingCleanupRef.current = cleanup;
+  }, [apiBaseUrl, dispatch]);
+  react.useEffect(() => {
+    const persisted = loadMobileFlowState();
+    if (persisted?.isGuestCheckout && persisted.transferId && persisted.guestSessionToken) {
+      startGuestPolling(persisted.transferId, persisted.guestSessionToken);
+    }
+    return () => {
+      guestPollingCleanupRef.current?.();
+    };
+  }, [startGuestPolling]);
+  react.useEffect(() => {
+    const tryStartPolling = () => {
+      if (guestPollingActiveRef.current) return;
+      const persisted = loadMobileFlowState();
+      if (persisted?.isGuestCheckout && persisted.transferId && persisted.guestSessionToken) {
+        startGuestPolling(persisted.transferId, persisted.guestSessionToken);
       }
     };
+    const handleVisibility = () => {
+      if (document.visibilityState === "visible") tryStartPolling();
+    };
     const handlePageShow = (e) => {
-      if (e.persisted && !cancelled) {
-        poll();
-      }
+      if (e.persisted) tryStartPolling();
     };
     document.addEventListener("visibilitychange", handleVisibility);
     window.addEventListener("pageshow", handlePageShow);
     return () => {
-      cancelled = true;
-      guestPollingActiveRef.current = false;
-      window.clearInterval(intervalId);
       document.removeEventListener("visibilitychange", handleVisibility);
       window.removeEventListener("pageshow", handlePageShow);
     };
-  }, [apiBaseUrl, dispatch]);
+  }, [startGuestPolling]);
   const handleAuthorizedMobileReturn = react.useCallback(async (authorizedTransfer, isSetup) => {
     if (handlingMobileReturnRef.current) return;
     handlingMobileReturnRef.current = true;
@@ -8327,22 +8345,21 @@ function usePaymentEffects(deps) {
       cancelled = true;
     };
   }, [state.step, state.guestSessionToken, state.guestPreauthAccountId, apiBaseUrl, dispatch]);
-  const claimingRef = react.useRef(false);
+  const settingOwnerRef = react.useRef(false);
   react.useEffect(() => {
     if (!state.guestPreauthAccountId) return;
     if (!state.activeCredentialId) return;
     if (!state.activePublicKey) return;
     if (!authenticated) return;
     if (!state.guestSessionToken) return;
-    if (claimingRef.current) return;
-    claimingRef.current = true;
+    if (settingOwnerRef.current) return;
+    settingOwnerRef.current = true;
     let cancelled = false;
-    const claimPreauth = async () => {
+    const setOwner = async () => {
       try {
         const token = await getAccessTokenRef.current();
         if (!token || cancelled) return;
-        await claimAccount(apiBaseUrl, token, state.guestPreauthAccountId, {
-          guestToken: state.guestSessionToken,
+        await setAccountOwner(apiBaseUrl, token, state.guestPreauthAccountId, state.guestSessionToken, {
           credentialId: state.activeCredentialId,
           publicKey: state.activePublicKey
         });
@@ -8352,19 +8369,19 @@ function usePaymentEffects(deps) {
         } catch {
         }
         if (cancelled) return;
-        dispatch({ type: "GUEST_PREAUTH_CLAIMED" });
+        dispatch({ type: "ACCOUNT_OWNER_SET" });
       } catch (err) {
         if (cancelled) return;
         captureException(err);
         dispatch({
           type: "SET_ERROR",
-          error: err instanceof Error ? err.message : "Failed to claim account"
+          error: err instanceof Error ? err.message : "Failed to set account owner"
         });
       } finally {
-        claimingRef.current = false;
+        settingOwnerRef.current = false;
       }
     };
-    claimPreauth();
+    setOwner();
     return () => {
       cancelled = true;
     };