@swype-org/react-sdk 0.1.232 → 0.1.241

package/dist/index.cjs

@@ -2004,14 +2004,29 @@ function isTransferInFlight(transfer) {
   if (!transfer) return false;
   return ["CREATED", "SENDING", "SENT"].includes(transfer.status);
 }
+function isGuestPreauthCompletedTransferPinPhase(phase) {
+  switch (phase.step) {
+    case "completed":
+    case "select-source":
+    case "one-tap-setup":
+    case "token-picker":
+    case "login":
+    case "otp-verify":
+    case "passkey-create":
+    case "passkey-verify":
+    case "data-loading":
+      return true;
+    case "wallet-setup":
+      return phase.mobile == null;
+    default:
+      return false;
+  }
+}
 function resolvePhase(state) {
   const p = state.phase;
-  if (p.step === "select-source" && state.transfer?.status === "COMPLETED" && state.guestPreauthorizing) {
+  if (state.transfer?.status === "COMPLETED" && state.guestPreauthorizing && isGuestPreauthCompletedTransferPinPhase(p)) {
     return p;
   }
-  if (state.transfer?.status === "COMPLETED" && state.guestPreauthorizing) {
-    return { step: "processing", transfer: state.transfer };
-  }
   if (state.transfer?.status === "COMPLETED") {
     return { step: "completed", transfer: state.transfer };
   }
@@ -2021,10 +2036,9 @@ function resolvePhase(state) {
   if (state.creatingTransfer || isTransferInFlight(state.transfer)) {
     return { step: "processing", transfer: state.transfer };
   }
-  if (p.step === "token-picker" || p.step === "one-tap-setup" || p.step === "select-source" || p.step === "confirm-sign" || p.step === "guest-token-picker") {
+  if (!state.loginRequested && (p.step === "token-picker" || p.step === "one-tap-setup" || p.step === "select-source" || p.step === "confirm-sign" || p.step === "guest-token-picker")) {
     return p;
   }
-  if (p.step === "wallet-setup") return p;
   if (state.mobileFlow && state.deeplinkUri) {
     return {
       step: "wallet-setup",
@@ -2032,7 +2046,19 @@ function resolvePhase(state) {
       accountId: null
     };
   }
-  if (!state.activeCredentialId && !state.passkeyConfigLoaded) {
+  if (p.step === "wallet-setup" && p.mobile == null) {
+    return p;
+  }
+  if (state.isGuestFlow && state.selectedProviderId != null && !state.transfer) {
+    return { step: "guest-token-picker" };
+  }
+  if (p.step === "wallet-picker" && !state.creatingTransfer && !(state.mobileFlow && state.deeplinkUri)) {
+    return p;
+  }
+  if (!state.privyReady) {
+    return { step: "initializing" };
+  }
+  if (state.privyAuthenticated && !state.activeCredentialId && !state.passkeyConfigLoaded) {
     return { step: "initializing" };
   }
   if (state.verificationTarget) {
@@ -2050,9 +2076,6 @@ function resolvePhase(state) {
   if (state.loadingData && state.activeCredentialId && hasActiveWallet(state.accounts)) {
     return { step: "data-loading" };
   }
-  if (state.isGuestFlow && state.selectedProviderId != null && !state.transfer) {
-    return { step: "guest-token-picker" };
-  }
   if (state.activeCredentialId && !hasActiveWallet(state.accounts) && !state.mobileFlow) {
     return { step: "wallet-picker", reason: "link" };
   }
@@ -2109,7 +2132,9 @@ function createInitialState(config) {
     guestPreauthSessionId: null,
     activePublicKey: null,
     loginRequested: false,
-    guestPreauthorizing: false
+    guestPreauthorizing: false,
+    privyReady: false,
+    privyAuthenticated: false
   };
 }
 function paymentReducer(state, action) {
@@ -2339,6 +2364,17 @@ function applyAction(state, action) {
         selectedWalletId: null,
         selectedTokenSymbol: null
       };
+    case "GUEST_BACK_FROM_TOKEN_PICKER":
+      return {
+        ...state,
+        selectedProviderId: null,
+        guestTransferId: null,
+        guestSessionToken: null,
+        selectedAccountId: null,
+        selectedWalletId: null,
+        selectedTokenSymbol: null,
+        error: null
+      };
     case "GUEST_TRANSFER_COMPLETED":
       return {
         ...state,
@@ -2352,7 +2388,10 @@ function applyAction(state, action) {
       return {
         ...state,
         guestPreauthAccountId: action.accountId,
-        guestPreauthSessionId: action.sessionId ?? state.guestPreauthSessionId
+        guestPreauthSessionId: action.sessionId ?? state.guestPreauthSessionId,
+        selectedAccountId: action.accountId,
+        selectedWalletId: null,
+        selectedTokenSymbol: null
       };
     case "GUEST_PREAUTH_BEGIN":
       return { ...state, guestPreauthorizing: true, error: null };
@@ -2410,7 +2449,15 @@ function applyAction(state, action) {
           depositAmount: action.depositAmount,
           passkeyPopupNeeded: state.passkeyPopupNeeded,
           activeCredentialId: null
-        })
+        }),
+        privyReady: action.privyReady,
+        privyAuthenticated: false
+      };
+    case "SYNC_PRIVY_SESSION":
+      return {
+        ...state,
+        privyReady: action.ready,
+        privyAuthenticated: action.authenticated
       };
     case "SYNC_AMOUNT":
       return { ...state, amount: action.amount };
@@ -2478,7 +2525,6 @@ function screenForPhase(phase) {
     case "wallet-setup":
       return phase.mobile ? "open-wallet" : "setup-status";
     case "select-source":
-      if (phase.skipOneTapLimit) return "select-source";
       return phase.isDesktop ? "setup" : "select-source";
     case "one-tap-setup":
       return "setup";
@@ -6014,7 +6060,8 @@ function StepRendererContent({
     pollingError,
     authExecutorError,
     transferSigningSigning,
-    transferSigningError
+    transferSigningError,
+    pendingSelectSource
   } = remote;
   const {
     pendingConnections,
@@ -6214,6 +6261,26 @@ function StepRendererContent({
     }
     case "token-picker": {
       if (!selectedAccount) {
+        if (pendingSelectSource && selectSourceChoices.length > 0) {
+          return /* @__PURE__ */ jsxRuntime.jsx(
+            SelectSourceScreen,
+            {
+              choices: selectSourceChoices,
+              selectedChainName: selectSourceChainName,
+              selectedTokenSymbol: selectSourceTokenSymbol,
+              recommended: selectSourceRecommended,
+              onChainChange: handlers.onSelectSourceChainChange,
+              onTokenChange: handlers.onSetSelectSourceTokenSymbol,
+              onConfirm: handlers.onConfirmSelectSource,
+              onBack: () => handlers.onSetPhase({
+                step: "select-source",
+                action: pendingSelectSource,
+                isDesktop
+              }),
+              onLogout: handlers.onLogout
+            }
+          );
+        }
         return /* @__PURE__ */ jsxRuntime.jsx(BlinkLoadingScreen, {});
       }
       return /* @__PURE__ */ jsxRuntime.jsx(
@@ -6241,7 +6308,7 @@ function StepRendererContent({
           depositAmount: depositAmount ?? void 0,
           error: state.error,
           onSelect: handlers.onSelectGuestToken,
-          onBack: () => handlers.onSetPhase({ step: "wallet-picker", reason: "guest-entry" })
+          onBack: handlers.onGuestBackFromTokenPicker
         }
       );
     case "processing": {
@@ -6523,9 +6590,18 @@ function usePasskeyHandlers(dispatch, apiBaseUrl, accounts, knownCredentialIds,
   const { user, getAccessToken } = reactAuth.usePrivy();
   const checkingPasskeyRef = react.useRef(false);
   const activateExistingCredential = react.useCallback(async (credentialId) => {
-    dispatch({ type: "PASSKEY_ACTIVATED", credentialId });
-    window.localStorage.setItem(ACTIVE_CREDENTIAL_STORAGE_KEY, credentialId);
     const token = await getAccessToken();
+    let publicKey;
+    if (token) {
+      try {
+        const { config } = await fetchUserConfig(apiBaseUrl, token);
+        const allPasskeys = config.passkeys ?? (config.passkey ? [config.passkey] : []);
+        publicKey = allPasskeys.find((p) => p.credentialId === credentialId)?.publicKey;
+      } catch {
+      }
+    }
+    dispatch({ type: "PASSKEY_ACTIVATED", credentialId, publicKey });
+    window.localStorage.setItem(ACTIVE_CREDENTIAL_STORAGE_KEY, credentialId);
     if (token) {
       reportPasskeyActivity(apiBaseUrl, token, credentialId).catch(() => {
       });
@@ -6598,9 +6674,13 @@ function usePasskeyHandlers(dispatch, apiBaseUrl, accounts, knownCredentialIds,
         authToken: token ?? void 0,
         apiBaseUrl
       });
-      const { credentialId } = await createPasskeyViaPopup(popupOptions);
-      dispatch({ type: "PASSKEY_ACTIVATED", credentialId });
+      const { credentialId, publicKey } = await createPasskeyViaPopup(popupOptions);
+      dispatch({ type: "PASSKEY_ACTIVATED", credentialId, publicKey });
       localStorage.setItem(ACTIVE_CREDENTIAL_STORAGE_KEY, credentialId);
+      if (token) {
+        reportPasskeyActivity(apiBaseUrl, token, credentialId).catch(() => {
+        });
+      }
     } catch (err) {
       captureException(err);
       dispatch({
@@ -6616,19 +6696,25 @@ function usePasskeyHandlers(dispatch, apiBaseUrl, accounts, knownCredentialIds,
     dispatch({ type: "SET_ERROR", error: null });
     try {
       const token = await getAccessToken();
+      if (!token) throw new Error("Not authenticated");
       const matched = await findDevicePasskeyViaPopup({
         credentialIds: knownCredentialIds,
         rpId: resolvePasskeyRpId(),
-        authToken: token ?? void 0,
+        authToken: token,
         apiBaseUrl
       });
       if (matched) {
-        dispatch({ type: "PASSKEY_ACTIVATED", credentialId: matched });
-        window.localStorage.setItem(ACTIVE_CREDENTIAL_STORAGE_KEY, matched);
-        if (token) {
-          reportPasskeyActivity(apiBaseUrl, token, matched).catch(() => {
-          });
+        let publicKey;
+        try {
+          const { config } = await fetchUserConfig(apiBaseUrl, token);
+          const allPasskeys = config.passkeys ?? (config.passkey ? [config.passkey] : []);
+          publicKey = allPasskeys.find((p) => p.credentialId === matched)?.publicKey;
+        } catch {
         }
+        dispatch({ type: "PASSKEY_ACTIVATED", credentialId: matched, publicKey });
+        window.localStorage.setItem(ACTIVE_CREDENTIAL_STORAGE_KEY, matched);
+        reportPasskeyActivity(apiBaseUrl, token, matched).catch(() => {
+        });
       } else {
         dispatch({
           type: "SET_ERROR",
@@ -6792,15 +6878,15 @@ function useTransferHandlers(deps) {
     pollingTransferIdRef
   };
 }
-function useSourceSelectionHandlers(dispatch, authExecutor) {
+function useSourceSelectionHandlers(dispatch, authExecutor, options) {
   const [selectSourceChainName, setSelectSourceChainName] = react.useState("");
   const [selectSourceTokenSymbol, setSelectSourceTokenSymbol] = react.useState("");
   const initializedSelectSourceActionRef = react.useRef(null);
   const pendingSelectSourceAction = authExecutor.pendingSelectSource;
   const selectSourceChoices = react.useMemo(() => {
     if (!pendingSelectSourceAction) return [];
-    const options = pendingSelectSourceAction.metadata?.options ?? [];
-    return buildSelectSourceChoices(options);
+    const options2 = pendingSelectSourceAction.metadata?.options ?? [];
+    return buildSelectSourceChoices(options2);
   }, [pendingSelectSourceAction]);
   const selectSourceRecommended = react.useMemo(() => {
     if (!pendingSelectSourceAction) return null;
@@ -6808,16 +6894,16 @@ function useSourceSelectionHandlers(dispatch, authExecutor) {
   }, [pendingSelectSourceAction]);
   const selectSourceAvailableBalance = react.useMemo(() => {
     if (!pendingSelectSourceAction) return 0;
-    const options = pendingSelectSourceAction.metadata?.options ?? [];
+    const options2 = pendingSelectSourceAction.metadata?.options ?? [];
     const recommended = selectSourceRecommended;
     if (recommended) {
-      const match = options.find(
+      const match = options2.find(
         (opt) => opt.chainName === recommended.chainName && opt.tokenSymbol === recommended.tokenSymbol
       );
       if (match) return Number(match.rawBalance) / Math.pow(10, match.decimals);
     }
     let max = 0;
-    for (const opt of options) {
+    for (const opt of options2) {
       const bal = Number(opt.rawBalance) / Math.pow(10, opt.decimals);
       if (bal > max) max = bal;
     }
@@ -6841,7 +6927,17 @@ function useSourceSelectionHandlers(dispatch, authExecutor) {
       chainName: selectSourceChainName,
       tokenSymbol: selectSourceTokenSymbol
     });
-  }, [authExecutor, selectSourceChainName, selectSourceTokenSymbol]);
+    if (options?.guestPreauthorizing && options?.isDesktop) {
+      dispatch({ type: "REQUEST_LOGIN" });
+    }
+  }, [
+    authExecutor,
+    dispatch,
+    options?.guestPreauthorizing,
+    options?.isDesktop,
+    selectSourceChainName,
+    selectSourceTokenSymbol
+  ]);
   return {
     selectSourceChainName,
     selectSourceTokenSymbol,
@@ -7677,11 +7773,15 @@ function useGuestTransferHandlers(deps) {
     };
     execute();
   }, [isGuestFlow, guestTransferId, guestSessionToken, settingSender, apiBaseUrl, wagmiConfig2, switchChainAsync, dispatch, onComplete, onError]);
+  const handleGuestBackFromTokenPicker = react.useCallback(() => {
+    dispatch({ type: "GUEST_BACK_FROM_TOKEN_PICKER" });
+  }, [dispatch]);
   return {
     guestTokenEntries,
     loadingBalances,
     settingSender,
-    handleSelectGuestToken
+    handleSelectGuestToken,
+    handleGuestBackFromTokenPicker
   };
 }
 function useOneTapSetupHandlers(deps) {
@@ -7691,15 +7791,24 @@ function useOneTapSetupHandlers(deps) {
     apiBaseUrl,
     authExecutor,
     selectSourceChainName,
-    selectSourceTokenSymbol
+    selectSourceTokenSymbol,
+    authorizationSessionIdForGuest
   } = deps;
   const [savingOneTapLimit, setSavingOneTapLimit] = react.useState(false);
   const handleSetupOneTap = react.useCallback(async (limit) => {
     setSavingOneTapLimit(true);
     try {
-      const token = await getAccessToken();
-      if (!token) throw new Error("Not authenticated");
-      await updateUserConfig(apiBaseUrl, token, { defaultAllowance: limit });
+      if (authorizationSessionIdForGuest) {
+        await updateUserConfigBySession(
+          apiBaseUrl,
+          authorizationSessionIdForGuest,
+          { defaultAllowance: limit }
+        );
+      } else {
+        const token = await getAccessToken();
+        if (!token) throw new Error("Not authenticated");
+        await updateUserConfig(apiBaseUrl, token, { defaultAllowance: limit });
+      }
       if (authExecutor.pendingSelectSource) {
         const action = authExecutor.pendingSelectSource;
         const recommended = action.metadata?.recommended;
@@ -7729,12 +7838,30 @@ function useOneTapSetupHandlers(deps) {
     } finally {
       setSavingOneTapLimit(false);
     }
-  }, [getAccessToken, apiBaseUrl, authExecutor, dispatch, selectSourceChainName, selectSourceTokenSymbol]);
+  }, [
+    getAccessToken,
+    apiBaseUrl,
+    authExecutor,
+    dispatch,
+    selectSourceChainName,
+    selectSourceTokenSymbol,
+    authorizationSessionIdForGuest
+  ]);
   return {
     handleSetupOneTap,
     savingOneTapLimit
   };
 }
+function usePrivySessionSyncEffect(deps) {
+  const { dispatch, ready, authenticated } = deps;
+  react.useEffect(() => {
+    dispatch({
+      type: "SYNC_PRIVY_SESSION",
+      ready,
+      authenticated
+    });
+  }, [dispatch, ready, authenticated]);
+}
 function useOtpEffects(deps) {
   const {
     state,
@@ -7928,7 +8055,18 @@ function usePasskeyCheckEffect(deps) {
           if (token || cancelled) break;
           await new Promise((r) => setTimeout(r, 1e3));
         }
-        if (!token || cancelled) return;
+        if (cancelled) return;
+        if (!token) {
+          dispatch({
+            type: "PASSKEY_CONFIG_LOADED",
+            knownIds: []
+          });
+          dispatch({
+            type: "SET_ERROR",
+            error: "Could not refresh your session. Try signing in again."
+          });
+          return;
+        }
         const { config } = await fetchUserConfig(apiBaseUrl, token);
         if (cancelled) return;
         const allPasskeys = config.passkeys ?? (config.passkey ? [config.passkey] : []);
@@ -7939,6 +8077,10 @@ function usePasskeyCheckEffect(deps) {
         });
         if (allPasskeys.length === 0) return;
         if (activeCredentialId && allPasskeys.some((p) => p.credentialId === activeCredentialId)) {
+          const pk = allPasskeys.find((p) => p.credentialId === activeCredentialId)?.publicKey;
+          if (pk) {
+            dispatch({ type: "PASSKEY_ACTIVATED", credentialId: activeCredentialId, publicKey: pk });
+          }
           await restoreState(activeCredentialId, token);
           return;
         }
@@ -7957,13 +8099,22 @@ function usePasskeyCheckEffect(deps) {
         }
         if (cancelled) return;
         if (matched) {
-          dispatch({ type: "PASSKEY_ACTIVATED", credentialId: matched });
+          const publicKey = allPasskeys.find((p) => p.credentialId === matched)?.publicKey;
+          dispatch({ type: "PASSKEY_ACTIVATED", credentialId: matched, publicKey });
           window.localStorage.setItem(ACTIVE_CREDENTIAL_STORAGE_KEY, matched);
           reportPasskeyActivity(apiBaseUrl, token, matched).catch(() => {
           });
           await restoreState(matched, token);
         }
-      } catch {
+      } catch (err) {
+        dispatch({
+          type: "PASSKEY_CONFIG_LOADED",
+          knownIds: []
+        });
+        dispatch({
+          type: "SET_ERROR",
+          error: err instanceof Error ? err.message : "Unable to load passkey settings."
+        });
       }
     };
     checkPasskey();
@@ -8513,22 +8664,25 @@ function useGuestPreauthPhaseSyncEffect(deps) {
     if (!state.guestPreauthorizing || !isDesktop) return;
     const pending = authExecutor.pendingSelectSource;
     if (pending) {
+      if (state.phase.step === "token-picker") {
+        return;
+      }
       const intent = {
         step: "select-source",
         action: pending,
-        isDesktop,
-        skipOneTapLimit: true
+        isDesktop
       };
-      if (state.phase.step === "select-source") {
-        const ph = state.phase;
-        if (ph.skipOneTapLimit && ph.action.id === pending.id) {
-          return;
-        }
+      if (state.phase.step === "select-source" && state.phase.action.id === pending.id) {
+        return;
       }
       dispatch({ type: "SET_USER_INTENT", intent });
       return;
     }
-    if (state.phase.step === "select-source" && state.phase.skipOneTapLimit === true) {
+    if (state.phase.step === "select-source") {
+      dispatch({ type: "SET_USER_INTENT", intent: { step: "one-tap-setup", action: null } });
+      return;
+    }
+    if (state.phase.step === "token-picker") {
       dispatch({ type: "SET_USER_INTENT", intent: { step: "one-tap-setup", action: null } });
     }
   }, [
@@ -8539,6 +8693,42 @@ function useGuestPreauthPhaseSyncEffect(deps) {
     dispatch
   ]);
 }
+function useGuestPreauthWalletSetupEffect(deps) {
+  const { state, dispatch, authExecutor, isDesktop, privyAuthenticated } = deps;
+  react.useEffect(() => {
+    if (!isDesktop || !state.guestPreauthorizing || !state.guestPreauthSessionId) return;
+    if (!authExecutor.executing || authExecutor.pendingSelectSource) return;
+    if (!privyAuthenticated || !state.activeCredentialId) return;
+    if (state.verificationTarget) return;
+    if (state.loginRequested) return;
+    const p = state.phase;
+    if (p.step === "wallet-setup" && p.mobile == null) {
+      const id = state.guestPreauthAccountId;
+      if (id != null && p.accountId === id) return;
+    }
+    dispatch({
+      type: "SET_USER_INTENT",
+      intent: {
+        step: "wallet-setup",
+        mobile: null,
+        accountId: state.guestPreauthAccountId
+      }
+    });
+  }, [
+    isDesktop,
+    state.guestPreauthorizing,
+    state.guestPreauthSessionId,
+    state.guestPreauthAccountId,
+    state.activeCredentialId,
+    state.verificationTarget,
+    state.loginRequested,
+    state.phase,
+    authExecutor.executing,
+    authExecutor.pendingSelectSource,
+    dispatch,
+    privyAuthenticated
+  ]);
+}
 function BlinkPayment(props) {
   const resetKey = react.useRef(0);
   const handleBoundaryReset = react.useCallback(() => {
@@ -8623,7 +8813,10 @@ function BlinkPaymentInner({
     mobileFlowRefs,
     onComplete
   );
-  const sourceSelection = useSourceSelectionHandlers(dispatch, authExecutor);
+  const sourceSelection = useSourceSelectionHandlers(dispatch, authExecutor, {
+    guestPreauthorizing: state.guestPreauthorizing,
+    isDesktop
+  });
   const provider = useProviderHandlers({
     dispatch,
     getAccessToken,
@@ -8657,7 +8850,8 @@ function BlinkPaymentInner({
     apiBaseUrl,
     authExecutor,
     selectSourceChainName: sourceSelection.selectSourceChainName,
-    selectSourceTokenSymbol: sourceSelection.selectSourceTokenSymbol
+    selectSourceTokenSymbol: sourceSelection.selectSourceTokenSymbol,
+    authorizationSessionIdForGuest: state.guestPreauthSessionId
   });
   const guestTransfer = useGuestTransferHandlers({
     dispatch,
@@ -8690,13 +8884,14 @@ function BlinkPaymentInner({
     passkey.checkingPasskeyRef.current = false;
     auth.setAuthInput("");
     auth.setOtpCode("");
-    dispatch({ type: "LOGOUT", depositAmount });
-  }, [logout, polling, depositAmount, auth, passkey]);
+    dispatch({ type: "LOGOUT", depositAmount, privyReady: ready });
+  }, [logout, polling, depositAmount, auth, passkey, ready]);
   react.useEffect(() => {
     if (depositAmount != null) {
       dispatch({ type: "SYNC_AMOUNT", amount: depositAmount.toString() });
     }
   }, [depositAmount, dispatch]);
+  usePrivySessionSyncEffect({ dispatch, ready, authenticated });
   useOtpEffects({
     state,
     dispatch,
@@ -8794,6 +8989,13 @@ function BlinkPaymentInner({
     dispatch,
     desktopGuestPreauth: isDesktop
   });
+  useGuestPreauthWalletSetupEffect({
+    state,
+    dispatch,
+    authExecutor,
+    isDesktop,
+    privyAuthenticated: authenticated
+  });
   const handlers = react.useMemo(() => ({
     onSendLoginCode: auth.handleSendLoginCode,
     onVerifyLoginCode: auth.handleVerifyLoginCode,
@@ -8830,6 +9032,7 @@ function BlinkPaymentInner({
     onSelectAuthorizedToken: provider.handleSelectAuthorizedToken,
     onAuthorizeToken: provider.handleAuthorizeToken,
     onSelectGuestToken: guestTransfer.handleSelectGuestToken,
+    onGuestBackFromTokenPicker: guestTransfer.handleGuestBackFromTokenPicker,
     onLogin: () => dispatch({ type: "REQUEST_LOGIN" }),
     onPreauthorize: provider.handlePreauthorize
   }), [