@swype-org/react-sdk 0.1.129 → 0.1.131

package/dist/index.cjs

@@ -6007,6 +6007,7 @@ function SwypePaymentInner({
   const initializedSelectSourceActionRef = react.useRef(null);
   const preSelectSourceStepRef = react.useRef(null);
   const pendingTokenAuthRef = react.useRef(null);
+  const pendingTokenSelectionRef = react.useRef(null);
   const reauthSessionIdRef = react.useRef(null);
   const reauthTokenRef = react.useRef(null);
   const checkingPasskeyRef = react.useRef(false);
@@ -6508,7 +6509,8 @@ function SwypePaymentInner({
         dispatch({ type: "NAVIGATE", step: "setup-status" });
         await authExecutor.executeSessionById(session.id);
         await reloadAccounts();
-        dispatch({ type: "SELECT_TOKEN", walletId: _walletId, tokenSymbol });
+        pendingTokenSelectionRef.current = { walletId: _walletId, tokenSymbol };
+        dispatch({ type: "NAVIGATE", step: "setup" });
       }
     } catch (err) {
       captureException(err);
@@ -6658,6 +6660,10 @@ function SwypePaymentInner({
       await updateUserConfig(apiBaseUrl, token, { defaultAllowance: limit });
       if (authExecutor.pendingOneTapSetup) {
         authExecutor.resolveOneTapSetup();
+      } else if (pendingTokenSelectionRef.current) {
+        const sel = pendingTokenSelectionRef.current;
+        pendingTokenSelectionRef.current = null;
+        dispatch({ type: "SELECT_TOKEN", walletId: sel.walletId, tokenSymbol: sel.tokenSymbol });
       } else {
         dispatch({ type: "NAVIGATE", step: "deposit" });
       }
@@ -6676,6 +6682,7 @@ function SwypePaymentInner({
     processingStartedAtRef.current = null;
     pollingTransferIdRef.current = null;
     preSelectSourceStepRef.current = null;
+    pendingTokenSelectionRef.current = null;
     dispatch({
       type: "NEW_PAYMENT",
       depositAmount,
@@ -6693,6 +6700,7 @@ function SwypePaymentInner({
     }
     polling.stopPolling();
     preSelectSourceStepRef.current = null;
+    pendingTokenSelectionRef.current = null;
     checkingPasskeyRef.current = false;
     setAuthInput("");
     setOtpCode("");
@@ -7192,13 +7200,38 @@ function SwypePaymentInner({
   }, [pendingSelectSourceAction, selectSourceChoices, selectSourceRecommended]);
   react.useEffect(() => {
     if (pendingSelectSourceAction && (state.step === "processing" || state.step === "open-wallet" || state.step === "setup-status")) {
+      const isDesktop = shouldUseWalletConnector({
+        useWalletConnector: useWalletConnectorProp,
+        userAgent: typeof navigator === "undefined" ? void 0 : navigator.userAgent
+      });
+      if (isDesktop && state.step === "setup-status") {
+        const recommended = pendingSelectSourceAction.metadata?.recommended;
+        const options = pendingSelectSourceAction.metadata?.options ?? [];
+        let chainName;
+        let tokenSymbol;
+        if (pendingTokenAuthRef.current) {
+          const { tokenAddress, chainId } = pendingTokenAuthRef.current;
+          const chainIdHex = `0x${chainId.toString(16)}`;
+          const match = options.find(
+            (opt) => opt.tokenAddress.toLowerCase() === tokenAddress.toLowerCase() && opt.chainId.toLowerCase() === chainIdHex.toLowerCase()
+          );
+          chainName = match?.chainName ?? recommended?.chainName ?? "Base";
+          tokenSymbol = match?.tokenSymbol ?? recommended?.tokenSymbol ?? "USDC";
+        } else {
+          const choices = buildSelectSourceChoices(options);
+          chainName = recommended?.chainName ?? choices[0]?.chainName ?? "Base";
+          tokenSymbol = recommended?.tokenSymbol ?? choices[0]?.tokens[0]?.tokenSymbol ?? "USDC";
+        }
+        authExecutor.resolveSelectSource({ chainName, tokenSymbol });
+        return;
+      }
       preSelectSourceStepRef.current = state.step;
       dispatch({ type: "NAVIGATE", step: "select-source" });
     } else if (!pendingSelectSourceAction && state.step === "select-source") {
       dispatch({ type: "NAVIGATE", step: preSelectSourceStepRef.current ?? "processing" });
       preSelectSourceStepRef.current = null;
     }
-  }, [pendingSelectSourceAction, state.step, authExecutor]);
+  }, [pendingSelectSourceAction, state.step, authExecutor, useWalletConnectorProp]);
   const pendingOneTapSetupAction = authExecutor.pendingOneTapSetup;
   const preOneTapSetupStepRef = react.useRef(null);
   react.useEffect(() => {