[SDK] Allow custom chain for SIWE authentication (#8365)

Author: joaquim-verges

.changeset/loose-moose-draw.md

@@ -0,0 +1,5 @@
+---
+"thirdweb": patch
+---
+
+Respect passed chain when doing SIWE for in-app/ecosystem wallet

apps/playground-web/package.json

@@ -1,6 +1,6 @@
 {
   "dependencies": {
-    "@abstract-foundation/agw-react": "^1.6.4",
+    "@abstract-foundation/agw-react": "^1.10.0",
     "@ai-sdk/react": "^2.0.25",
     "@hookform/resolvers": "^3.9.1",
     "@radix-ui/react-avatar": "^1.1.10",

packages/thirdweb/src/wallets/in-app/core/authentication/siwe.ts

@@ -1,5 +1,6 @@
 import { signLoginPayload } from "../../../../auth/core/sign-login-payload.js";
 import type { LoginPayload } from "../../../../auth/core/types.js";
+import type { Chain } from "../../../../chains/types.js";
 import { getCachedChain } from "../../../../chains/utils.js";
 import type { ThirdwebClient } from "../../../../client/client.js";
 import { getClientFetch } from "../../../../utils/fetch.js";
@@ -15,10 +16,11 @@ import type { AuthStoredTokenWithCookieReturnType } from "./types.js";
 export async function siweAuthenticate(args: {
   wallet: Wallet;
   client: ThirdwebClient;
+  chain?: Chain;
   ecosystem?: Ecosystem;
 }): Promise<AuthStoredTokenWithCookieReturnType> {
-  const { wallet, client, ecosystem } = args;
-  const siweChain = getCachedChain(1); // always use mainnet for SIWE for wide wallet compatibility
+  const { wallet, client, ecosystem, chain } = args;
+  const siweChain = chain || getCachedChain(1); // fallback to mainnet for SIWE for wide wallet compatibility
   // only connect if the wallet doesn't already have an account
   const account =
     wallet.getAccount() || (await wallet.connect({ chain: siweChain, client }));

packages/thirdweb/src/wallets/in-app/core/authentication/types.ts

@@ -69,7 +69,7 @@ export type SingleStepAuthArgsType =
   | {
       strategy: "wallet";
       wallet: Wallet;
-      chain: Chain;
+      chain?: Chain;
     }
   | {
       strategy: "guest";

packages/thirdweb/src/wallets/in-app/native/native-connector.ts

@@ -186,6 +186,7 @@ export class InAppNativeConnector implements InAppConnector {
           client: this.client,
           ecosystem: params.ecosystem,
           wallet: params.wallet,
+          chain: params.chain,
         });
       }
       case "github":

packages/thirdweb/src/wallets/in-app/web/lib/web-connector.test.ts

@@ -107,6 +107,7 @@ describe("InAppWebConnector.connect", () => {
       client: TEST_CLIENT,
       ecosystem: undefined,
       wallet: mockWallet,
+      chain: ethereum,
     });
   });
 

packages/thirdweb/src/wallets/in-app/web/lib/web-connector.ts

@@ -368,6 +368,7 @@ export class InAppWebConnector implements InAppConnector {
           client: this.client,
           ecosystem: this.ecosystem,
           wallet: args.wallet,
+          chain: args.chain,
         });
       }
     }