@swype-org/react-sdk 0.1.128 → 0.1.130

package/dist/index.cjs

@@ -7161,6 +7161,20 @@ function SwypePaymentInner({
       return;
     }
     if (initializedSelectSourceActionRef.current === pendingSelectSourceAction.id) return;
+    const options = pendingSelectSourceAction.metadata?.options ?? [];
+    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()
+      );
+      if (match) {
+        setSelectSourceChainName(match.chainName);
+        setSelectSourceTokenSymbol(match.tokenSymbol);
+        initializedSelectSourceActionRef.current = pendingSelectSourceAction.id;
+        return;
+      }
+    }
     const hasRecommended = !!selectSourceRecommended && selectSourceChoices.some(
       (chain) => chain.chainName === selectSourceRecommended.chainName && chain.tokens.some((t) => t.tokenSymbol === selectSourceRecommended.tokenSymbol)
     );
@@ -7178,37 +7192,38 @@ function SwypePaymentInner({
   }, [pendingSelectSourceAction, selectSourceChoices, selectSourceRecommended]);
   react.useEffect(() => {
     if (pendingSelectSourceAction && (state.step === "processing" || state.step === "open-wallet" || state.step === "setup-status")) {
-      if (state.step === "setup-status") {
-        const recommended = selectSourceRecommended;
-        if (recommended) {
-          authExecutor.resolveSelectSource(recommended);
+      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 {
-          authExecutor.resolveSelectSource({ chainName: "Base", tokenSymbol: "USDC" });
+          const choices = buildSelectSourceChoices(options);
+          chainName = recommended?.chainName ?? choices[0]?.chainName ?? "Base";
+          tokenSymbol = recommended?.tokenSymbol ?? choices[0]?.tokens[0]?.tokenSymbol ?? "USDC";
         }
-      } else {
-        preSelectSourceStepRef.current = state.step;
-        dispatch({ type: "NAVIGATE", step: "select-source" });
+        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, selectSourceRecommended, authExecutor]);
-  react.useEffect(() => {
-    if (!pendingSelectSourceAction || !pendingTokenAuthRef.current) return;
-    const { tokenAddress, chainId } = pendingTokenAuthRef.current;
-    const chainIdHex = `0x${chainId.toString(16)}`;
-    const options = pendingSelectSourceAction.metadata?.options ?? [];
-    const match = options.find(
-      (opt) => opt.tokenAddress.toLowerCase() === tokenAddress.toLowerCase() && opt.chainId.toLowerCase() === chainIdHex.toLowerCase()
-    );
-    if (match) {
-      authExecutor.resolveSelectSource({
-        chainName: match.chainName,
-        tokenSymbol: match.tokenSymbol
-      });
-    }
-  }, [pendingSelectSourceAction, authExecutor]);
+  }, [pendingSelectSourceAction, state.step, authExecutor, useWalletConnectorProp]);
   const pendingOneTapSetupAction = authExecutor.pendingOneTapSetup;
   const preOneTapSetupStepRef = react.useRef(null);
   react.useEffect(() => {