fix: wallet connect connection chain id

package.json

@@ -1,7 +1,7 @@
 {
   "name": "@bgd-labs/frontend-web3-utils",
   "description": "Frontend utilities common to multiple Web3 projects",
-  "version": "0.4.25",
+  "version": "0.4.26",
   "author": "BGD labs",
   "license": "MIT",
   "private": false,

src/web3/connectors/index.ts

@@ -66,7 +66,11 @@ export const initAllConnectors = (props: AllConnectorsInitProps) => {
   const gnosisSafe = new SafeConnector({
     chains,
     options: {
-      allowedDomains: [/gnosis-safe.io$/, /app.safe.global$/],
+      allowedDomains: [
+        /gnosis-safe.io$/,
+        /app.safe.global$/,
+        /metissafe.tech$/,
+      ],
       debug: false,
     },
   });

src/web3/providers/WagmiProvider.tsx

@@ -22,6 +22,7 @@ interface WagmiProviderProps {
       changeActiveWalletAccount: (account?: GetAccountResult) => Promise<void>;
       changeActiveWalletChain: (chain?: Chain) => Promise<void>;
       setConnectors: (connectors: ConnectorType[]) => void;
+      setDefaultChainId: (chainId: number) => void;
     }>
   >;
   connectorsInitProps: AllConnectorsInitProps;
@@ -30,11 +31,16 @@ interface WagmiProviderProps {
 function Child({
   useStore,
   connectors,
-}: Omit<WagmiProviderProps, 'connectorsInitProps'> & {
+  connectorsInitProps,
+}: WagmiProviderProps & {
   connectors: ConnectorType[];
 }) {
-  const { setConnectors, changeActiveWalletAccount, changeActiveWalletChain } =
-    useStore();
+  const {
+    setConnectors,
+    changeActiveWalletAccount,
+    changeActiveWalletChain,
+    setDefaultChainId,
+  } = useStore();
 
   watchAccount(async (data) => {
     if (data.address) {
@@ -53,6 +59,12 @@ function Child({
     }
   }, [connectors]);
 
+  useEffect(() => {
+    if (connectorsInitProps.defaultChainId) {
+      setDefaultChainId(connectorsInitProps.defaultChainId);
+    }
+  }, [connectorsInitProps.defaultChainId]);
+
   return null;
 }
 
@@ -82,5 +94,11 @@ export function WagmiProvider({
     connectors,
   });
 
-  return <Child useStore={useStore} connectors={mappedConnectors} />;
+  return (
+    <Child
+      useStore={useStore}
+      connectors={mappedConnectors}
+      connectorsInitProps={connectorsInitProps}
+    />
+  );
 }

src/web3/store/walletSlice.ts

@@ -12,6 +12,8 @@ import {
 import { produce } from 'immer';
 import { Account, Chain, Hex, isAddress } from 'viem';
 import { privateKeyToAccount } from 'viem/accounts';
+import { mainnet } from 'viem/chains';
+import { WalletConnectConnector } from 'wagmi/connectors/walletConnect';
 
 import { StoreSlice } from '../../types/store';
 import {
@@ -66,6 +68,9 @@ export type IWalletSlice = {
   checkIsContractWallet: (
     wallet: Omit<Wallet, 'walletClient'>,
   ) => Promise<boolean>;
+
+  defaultChainId: number;
+  setDefaultChainId: (chainId: number) => void;
 };
 
 export function createWalletSlice({
@@ -151,7 +156,11 @@ export function createWalletSlice({
             }
             await connect({ connector, chainId });
           } else {
-            await connect({ connector });
+            if (connector instanceof WalletConnectConnector) {
+              await connect({ connector, chainId: get().defaultChainId });
+            } else {
+              await connect({ connector });
+            }
 
             setLocalStorageWallet(walletType);
             get().updateEthAdapter(walletType === 'GnosisSafe');
@@ -301,5 +310,10 @@ export function createWalletSlice({
     resetWalletConnectionError: () => {
       set({ walletConnectionError: '' });
     },
+
+    defaultChainId: mainnet.id,
+    setDefaultChainId: (chainId) => {
+      set({ defaultChainId: chainId });
+    },
   });
 }