Multichain layout

package.json

@@ -27,11 +27,13 @@
     "tscheck": "yarn ts:clean && tsc -p tsconfig.json --noEmit",
     "prettier": "prettier --write src/**/*.{js,ts,jsx,tsx,css,scss}",
     "typechain": "typechain --target ethers-v6 --out-dir ./src/typechain-types './sdk/src/abis/*.json'",
+    "typechain:stargate": "typechain --target ethers-v6 --out-dir ./src/typechain-types-stargate './node_modules/@stargatefinance/stg-evm-sdk-v2/artifacts/src/{interfaces/IStargate.sol/IStargate.json,messaging/TokenMessaging.sol/TokenMessaging.json}'",
     "postinstall": "yarn typechain && cd ./sdk && echo \"Building SDK\" && yarn && yarn build",
     "prebuild": "cd ./sdk && yarn tsx scripts/prebuild"
   },
   "dependencies": {
     "@apollo/client": "3.5.6",
+    "@arbitrum/sdk": "4.0.4",
     "@binance/w3w-utils": "1.1.4",
     "@davatar/react": "1.8.1",
     "@ensdomains/ens-avatar": "1.0.0-alpha.0.ethers.6",
@@ -40,10 +42,13 @@
     "@gelatonetwork/relay-sdk": "5.6.0",
     "@gemini-wallet/rainbow": "0.2.0",
     "@headlessui/react": "1.7.19",
+    "@layerzerolabs/lz-v2-utilities": "3.0.85",
     "@lingui/core": "4.10.0",
     "@lingui/macro": "4.11.3",
     "@lingui/react": "4.10.0",
     "@rainbow-me/rainbowkit": "2.2.0",
+    "@stargatefinance/stg-definitions-v2": "2.0.1",
+    "@stargatefinance/stg-evm-sdk-v2": "1.1.12",
     "@tanstack/react-query": "5.25.0",
     "@taskworld.com/rereselect": "0.3.0",
     "@testing-library/jest-dom": "5.16.1",
@@ -83,7 +88,7 @@
     "react-dom": "18.2.0",
     "react-helmet": "6.1.0",
     "react-hot-toast": "2.2.0",
-    "react-icons": "4.3.1",
+    "react-icons": "5.5.0",
     "react-jazzicon": "1.0.4",
     "react-loading-skeleton": "3.3.1",
     "react-remove-scroll": "2.5.5",
@@ -96,10 +101,10 @@
     "reselect": "5.1.0",
     "sass": "1.55.0",
     "shallowequal": "1.1.0",
-    "swr": "2.2.1",
+    "swr": "2.3.3",
     "typescript": "5.4.2",
     "use-context-selector": "1.4.1",
-    "viem": "2.7.20",
+    "viem": "2.26.2",
     "wagmi": "2.12.29",
     "web-vitals": "1.1.2",
     "worker-loader": "3.0.8"
@@ -144,6 +149,7 @@
     "@typescript-eslint/parser": "8.26.1",
     "@vitejs/plugin-react": "4.3.1",
     "@vitest/web-worker": "2.0.5",
+    "@wagmi/cli": "2.2.1",
     "autoprefixer": "10.4.20",
     "babel-plugin-macros": "3.1.0",
     "buffer": "6.0.3",

scripts/abiComparator.mjs

@@ -0,0 +1,37 @@
+import fs from "fs";
+import path from "path";
+import { fileURLToPath } from "url";
+
+const __filename = fileURLToPath(import.meta.url);
+const __dirname = path.dirname(__filename);
+
+const mainAbisDir = path.join(__dirname, "..", "sdk/src/abis");
+const arbitrumSepoliaDir = path.join(__dirname, "..", "sdk/src/abis/arbitrumSepolia");
+
+// Get all JSON files from arbitrumSepolia directory
+const arbitrumSepoliaFiles = fs.readdirSync(arbitrumSepoliaDir).filter((file) => file.endsWith(".json"));
+
+arbitrumSepoliaFiles.forEach((file) => {
+  const arbitrumSepoliaPath = path.join(arbitrumSepoliaDir, file);
+  const mainPath = path.join(mainAbisDir, file);
+
+  if (!fs.existsSync(mainPath)) {
+    console.log(`${file} exists in arbitrumSepolia but not in main abis directory`);
+    // delete file
+    // fs.unlinkSync(arbitrumSepoliaPath);
+    return;
+  }
+
+  const arbitrumSepoliaContent = JSON.parse(fs.readFileSync(arbitrumSepoliaPath, "utf8"));
+  const mainContent = JSON.parse(fs.readFileSync(mainPath, "utf8"));
+
+  // Compare ABIs
+  const arbitrumSepoliaAbi = JSON.stringify(arbitrumSepoliaContent.abi);
+  const mainAbi = JSON.stringify(mainContent.abi);
+
+  if (arbitrumSepoliaAbi === mainAbi) {
+    console.log(`${file}: ABIs are equal`);
+  } else {
+    console.log(`${file}: ABIs are different`);
+  }
+});

sdk/package.json

@@ -72,7 +72,7 @@
     "query-string": "7.1.1",
     "typescript": "5.4.2",
     "universal-perf-hooks": "1.0.1",
-    "viem": "^2.7.20"
+    "viem": "^2.26.2"
   },
   "devDependencies": {
     "@babel/plugin-proposal-private-property-in-object": "7.21.11",