feat: add getSupportedChainIdsFromWalletConnectSession (#855)

packages/react-kit/src/components/wallet2/selector/ChainSelector.tsx

@@ -36,6 +36,7 @@ import {
   CoreProtocolConfig
 } from "@bosonprotocol/core-sdk";
 import { SvgImage } from "../../ui/SvgImage";
+import { getSupportedChainIdsFromWalletConnectSession } from "./getSupportedChainIdsFromWalletConnectSession";
 
 const IconAndChevron = styled.div<{
   $isOpen: boolean;
@@ -71,8 +72,6 @@ function useWalletSupportedChains({
 
   switch (connectionType) {
     case ConnectionType.WALLET_CONNECT_V2:
-      // eslint-disable-next-line @typescript-eslint/ban-ts-comment
-      // @ts-ignore
       return getSupportedChainIdsFromWalletConnectSession(
         (connector as WalletConnectV2).provider?.session
       );

packages/react-kit/src/components/wallet2/selector/getSupportedChainIdsFromWalletConnectSession.ts

@@ -0,0 +1,39 @@
+import type { SessionTypes } from "@walletconnect/types";
+import { ChainId } from "@uniswap/sdk-core";
+
+// Helper function to extract chainId from string in format 'eip155:{chainId}'
+function getChainIdFromFormattedString(item: string): number | null {
+  const splitItem = item.startsWith("eip155:") ? item.split(":") : [];
+  return splitItem.length > 1 && !isNaN(Number(splitItem[1]))
+    ? Number(splitItem[1])
+    : null;
+}
+
+export function getSupportedChainIdsFromWalletConnectSession(
+  session?: SessionTypes.Struct
+): ChainId[] {
+  if (!session?.namespaces) return [];
+
+  const eip155Keys = Object.keys(session.namespaces);
+  const namespaces = Object.values(session.namespaces);
+
+  // Collect all arrays into one for unified processing
+  const allItems = [
+    ...eip155Keys,
+    ...namespaces.flatMap((namespace) => namespace.chains),
+    ...namespaces.flatMap((namespace) => namespace.accounts)
+  ];
+
+  // Process all items to extract chainIds
+  const allChainIds = allItems
+    .map((item) => {
+      if (typeof item === "string") {
+        return getChainIdFromFormattedString(item);
+      }
+      // Check if the item is a number
+      return isNaN(Number(item)) ? null : Number(item);
+    })
+    .filter((item) => item !== null); // Filter out any null values
+
+  return Array.from(new Set(allChainIds)) as ChainId[];
+}