@instadapp/avocado-base 0.0.0-dev.c8c43bc → 0.0.0-dev.d36b11d

package/app.vue

@@ -0,0 +1,20 @@
+<template>
+  <div class="container mx-auto">
+    Networks:
+    <ul class="grid grid-cols-5 gap-5">
+      <li class="w-fit" v-for="network in networks">
+        <p>
+          {{ network.name }}
+        </p>
+        <p>
+          {{ network.chainId }}
+        </p>
+        <div class="flex items-center gap-2">
+          <ChainLogo class="w-8 h-8" :chain="network.chainId" />
+          <ChainLogo stroke class="w-8 h-8" :chain="network.chainId" />
+        </div>
+      </li>
+    </ul>
+  </div>
+  <ul></ul>
+</template>

package/components/ChainLogo.vue

@@ -380,6 +380,146 @@
     </defs>
   </svg>
 
+  <svg
+    v-else-if="chain == 1313161554"
+    width="24"
+    height="24"
+    viewBox="0 0 24 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+  >
+    <rect
+      x="1"
+      y="1"
+      width="22"
+      height="22"
+      rx="11"
+      :fill="generateID('aurora', true)"
+    />
+    <path
+      d="M11.9961 7.26624C12.4182 7.26624 12.8014 7.505 12.9902 7.88257L16.1114 14.1291C16.3835 14.6788 16.1614 15.3451 15.6116 15.6172C15.4561 15.6949 15.2894 15.7338 15.1173 15.7338H8.87486C8.26395 15.7338 7.76411 15.234 7.76411 14.6233C7.76411 14.4511 7.80299 14.279 7.88074 14.1291L11.0019 7.88257C11.1908 7.49944 11.574 7.26069 11.9961 7.26624ZM11.9961 6.5C11.2852 6.5 10.6354 6.89978 10.3188 7.53831L7.19763 13.7848C6.73667 14.7121 7.10877 15.8337 8.03624 16.3001C8.29727 16.4278 8.58607 16.5 8.87486 16.5H15.1228C16.1558 16.5 17 15.6616 17 14.6288C17 14.3401 16.9334 14.0514 16.8001 13.7904L13.6733 7.53831C13.3567 6.89978 12.707 6.5 11.9961 6.5Z"
+      fill="white"
+    />
+    <rect
+      x="1"
+      y="1"
+      width="22"
+      height="22"
+      rx="11"
+      stroke="black"
+      stroke-width="2"
+      v-if="stroke"
+      :class="strokeClass"
+    />
+    <defs>
+      <linearGradient
+        :id="generateID('aurora')"
+        x1="12"
+        y1="2"
+        x2="12"
+        y2="22"
+        gradientUnits="userSpaceOnUse"
+      >
+        <stop stop-color="#8EEF6B" />
+        <stop offset="1" stop-color="#70D44B" />
+      </linearGradient>
+    </defs>
+  </svg>
+
+  <svg
+    v-else-if="chain == 250"
+    width="24"
+    height="24"
+    viewBox="0 0 24 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+  >
+    <rect
+      x="1"
+      y="1"
+      width="22"
+      height="22"
+      rx="11"
+      :fill="generateID('fantom', true)"
+    />
+    <path
+      fill-rule="evenodd"
+      clip-rule="evenodd"
+      d="M12.75 10.0625L15 8.75V11.375L12.75 10.0625ZM15 15.6875L12 17.4375L9 15.6875V12.625L12 14.375L15 12.625V15.6875ZM9 8.75L11.25 10.0625L9 11.375V8.75ZM12.375 10.6875L14.625 12L12.375 13.3125V10.6875ZM11.625 13.3125L9.375 12L11.625 10.6875V13.3125ZM14.625 8.125L12 9.625L9.375 8.125L12 6.5625L14.625 8.125ZM8.25 7.875V16.0625L12 18.1875L15.75 16.0625V7.875L12 5.75L8.25 7.875Z"
+      fill="white"
+    />
+    <rect
+      x="1"
+      y="1"
+      width="22"
+      height="22"
+      rx="11"
+      stroke="black"
+      stroke-width="2"
+      v-if="stroke"
+      :class="strokeClass"
+    />
+    <defs>
+      <linearGradient
+        :id="generateID('fantom')"
+        x1="12"
+        y1="2"
+        x2="12"
+        y2="22"
+        gradientUnits="userSpaceOnUse"
+      >
+        <stop stop-color="#51D3FF" />
+        <stop offset="1" stop-color="#13B5EC" />
+      </linearGradient>
+    </defs>
+  </svg>
+
+  <svg
+    v-else-if="chain == 634 || chain == 63400"
+    width="24"
+    height="24"
+    viewBox="0 0 24 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+  >
+    <rect
+      x="1"
+      y="1"
+      width="22"
+      height="22"
+      rx="11"
+      :fill="generateID('avo', true)"
+    />
+    <path
+      d="M11.9999 17.4052C11.9999 17.7497 12.2787 18.0322 12.6197 17.997C15.6422 17.6854 18 15.1194 18 12C18 8.88061 15.6422 6.31462 12.6197 6.00299C12.2787 5.96765 11.9999 6.25038 11.9999 6.59486V8.25799C11.9999 8.60246 12.2806 8.87521 12.6167 8.94319C14.0353 9.2307 15.1035 10.4899 15.1035 12C15.1035 13.5101 14.0353 14.7693 12.6167 15.0569C12.2806 15.1248 11.9999 15.3978 11.9999 15.7421V17.4052ZM10.1378 7.12664C10.1378 6.70254 9.7247 6.4036 9.34642 6.59132C7.36369 7.57527 6 9.62756 6 12C6 14.3725 7.36369 16.4248 9.34642 17.4087C9.7247 17.5964 10.1378 17.2975 10.1378 16.8734V7.12685V7.12664Z"
+      fill="white"
+    />
+    <rect
+      x="1"
+      y="1"
+      width="22"
+      height="22"
+      rx="11"
+      stroke="black"
+      stroke-width="2"
+      v-if="stroke"
+      :class="strokeClass"
+    />
+    <defs>
+      <linearGradient
+        :id="generateID('avo')"
+        x1="12"
+        y1="2"
+        x2="12"
+        y2="22"
+        gradientUnits="userSpaceOnUse"
+      >
+        <stop stop-color="#6ED578" />
+        <stop offset="1" stop-color="#4CA054" />
+      </linearGradient>
+    </defs>
+  </svg>
+
   <template v-else>
     <svg
       v-bind="$attrs"

package/nuxt.config.ts

@@ -1,4 +1,4 @@
 // https://nuxt.com/docs/api/configuration/nuxt-config
 export default defineNuxtConfig({
-
-})
+  modules: ["@nuxtjs/tailwindcss"],
+});

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@instadapp/avocado-base",
-  "version": "0.0.0-dev.c8c43bc",
+  "version": "0.0.0-dev.d36b11d",
   "type": "module",
   "main": "./nuxt.config.ts",
   "types": "global.d.ts",
@@ -14,6 +14,7 @@
   "devDependencies": {
     "@instadapp/avocado": "^0.1.10",
     "@instadapp/avocado-dev": "npm:@instadapp/avocado@dev",
+    "@nuxtjs/tailwindcss": "^6.6.5",
     "@typechain/ethers-v5": "^10.2.0",
     "nuxt": "^3.3.3",
     "rimraf": "^3.0.2",

package/server/utils/index.ts

@@ -1,2 +1,4 @@
 export * from "../../utils/avocado";
 export * from "../../utils/network";
+export * from "../../utils/bignumber";
+export * from "../../utils/formatter";

package/utils/bignumber.ts

@@ -0,0 +1,31 @@
+import { BigNumber } from "bignumber.js";
+import { BigNumber as BN } from "ethers";
+
+export const toBN = (value: BigNumber.Value | BN) =>
+  new BigNumber(BN.isBigNumber(value) ? value.toString() : value);
+export const isZero = (value: BigNumber.Value | BN) => toBN(value).isZero();
+export const times = (a: BigNumber.Value | BN, b: BigNumber.Value | BN) =>
+  toBN(a).times(toBN(b));
+export const minus = (a: BigNumber.Value | BN, b: BigNumber.Value | BN) =>
+  toBN(a).minus(toBN(b));
+export const plus = (a: BigNumber.Value | BN, b: BigNumber.Value | BN) =>
+  toBN(a).plus(toBN(b));
+export const lte = (a: BigNumber.Value | BN, b: BigNumber.Value | BN) =>
+  toBN(a).lte(toBN(b));
+export const gte = (a: BigNumber.Value | BN, b: BigNumber.Value | BN) =>
+  toBN(a).gte(toBN(b));
+export const div = (a: BigNumber.Value | BN, b: BigNumber.Value | BN) =>
+  toBN(a).div(toBN(b));
+export const lt = (a: BigNumber.Value | BN, b: BigNumber.Value | BN) =>
+  toBN(a).lt(toBN(b));
+export const gt = (a: BigNumber.Value | BN, b: BigNumber.Value | BN) =>
+  toBN(a).gt(toBN(b));
+export const ensureValue = (value: any) => {
+  if (!value) return toBN("0");
+  if (toBN(value).isNaN()) return toBN("0");
+
+  return toBN(value);
+};
+export const max = (...args: BigNumber.Value[]) => {
+  return BigNumber.max(...args);
+};

package/utils/formatter.ts

@@ -0,0 +1,94 @@
+export function formatPercent(
+  value?: number | string,
+  fractionDigits = 2,
+  maxValue = null
+) {
+  if (!value || isZero(value)) return "0.00%";
+
+  const valueAsNumber = toBN(value).toNumber();
+
+  if (maxValue && gt(times(valueAsNumber, "100"), maxValue))
+    return `>${maxValue}%`;
+
+  const formatter = new Intl.NumberFormat("en-US", {
+    style: "percent",
+    minimumFractionDigits: fractionDigits,
+    maximumFractionDigits: fractionDigits,
+  });
+
+  return formatter.format(valueAsNumber);
+}
+
+export function shortenHash(hash: string, length: number = 4) {
+  if (!hash) return;
+  if (hash.length < 12) return hash;
+  const beginningChars = hash.startsWith("0x") ? length + 2 : length;
+  const shortened =
+    hash.substr(0, beginningChars) + "..." + hash.substr(-length);
+  return shortened;
+}
+
+export function formatUsd(value: any, fractionDigits = 2) {
+  const formatter = new Intl.NumberFormat("en-US", {
+    style: "currency",
+    currency: "USD",
+    minimumFractionDigits: fractionDigits,
+    maximumFractionDigits: fractionDigits,
+  });
+
+  return formatter.format(value);
+}
+
+export function signedNumber(numb: string | number) {
+  return new Intl.NumberFormat("en-US", {
+    signDisplay: "exceptZero",
+  }).format(toBN(numb).toNumber());
+}
+
+function getFractionDigits(value: string | number) {
+  const absoluteValue = toBN(value).abs();
+
+  if (isZero(absoluteValue)) {
+    return 2;
+  } else if (lt(absoluteValue, 0.01)) {
+    return 6;
+  } else if (lt(absoluteValue, 1)) {
+    return 4;
+  } else if (lt(absoluteValue, 10000)) {
+    return 2;
+  } else {
+    return 0;
+  }
+}
+
+export function formatDecimal(value: string | number, fractionDigits?: number) {
+  if (!value) {
+    value = "0";
+  }
+  if (lt(value, "0.0001") && gt(value, "0")) {
+    return "< 0.0001";
+  } else {
+    const num = toBN(value);
+    let decimals;
+
+    if (num.lt(1)) {
+      decimals = 8;
+    } else if (num.lt(10)) {
+      decimals = 6;
+    } else if (num.lt(100)) {
+      decimals = 4;
+    } else if (num.lt(1000)) {
+      decimals = 3;
+    } else if (num.lt(10000)) {
+      decimals = 2;
+    } else if (num.lt(100000)) {
+      decimals = 1;
+    } else {
+      decimals = 0;
+    }
+
+    const formattedNumber = num.toFixed(fractionDigits || decimals);
+
+    return toBN(formattedNumber).toFormat();
+  }
+}

package/utils/helper.ts

@@ -26,3 +26,29 @@ export function sortByMany<T>(
     return result;
   });
 }
+
+export function cloneDeep<T>(value: T): T {
+  return JSON.parse(JSON.stringify(value));
+}
+
+export function filterArray(array: any, filters: any) {
+  const filterKeys = Object.keys(filters);
+  return array.filter((item: any) => {
+    // validates all filter criteria
+    return filterKeys.every((key) => {
+      // ignores non-function predicates
+      if (typeof filters[key] !== "function") return true;
+      return filters[key](item[key], item);
+    });
+  });
+}
+
+export function onImageError(this: HTMLImageElement) {
+  const parentElement = this.parentElement;
+  this.onerror = null;
+  this.remove();
+
+  if (parentElement) {
+    parentElement.classList.add("bg-gray-300");
+  }
+}

package/utils/metadata.ts

@@ -1,6 +1,5 @@
 import { ethers, utils } from "ethers";
 import { Forwarder__factory } from "@/contracts";
-import { toBN } from "./index";
 
 const multiMetadataTypes = ["bytes[]"];
 
@@ -8,6 +7,13 @@ const metadataTypes = ["bytes32 type", "uint8 version", "bytes data"];
 
 const actionMetadataTypes = {
   transfer: ["address token", "uint256 amount", "address receiver"],
+  "cross-transfer": [
+    "address fromToken",
+    "address toToken",
+    "uint256 toChainId",
+    "uint256 amount",
+    "address receiver",
+  ],
   bridge: [
     "uint256 amount",
     "address receiver",
@@ -79,6 +85,29 @@ export const encodeTransferMetadata = (
   return single ? encodeMultipleActions(data) : data;
 };
 
+export const encodeCrossTransferMetadata = (
+  params: CrossSendMetadataProps,
+  single = true
+) => {
+  const encodedData = ethers.utils.defaultAbiCoder.encode(
+    actionMetadataTypes["cross-transfer"],
+    [
+      params.fromToken,
+      params.toToken,
+      params.toChainId,
+      params.amount,
+      params.receiver,
+    ]
+  );
+
+  const data = encodeMetadata({
+    type: "cross-transfer",
+    encodedData,
+  });
+
+  return single ? encodeMultipleActions(data) : data;
+};
+
 export const encodeDeployMetadata = (single = true) => {
   const data = encodeMetadata({
     type: "deploy",
@@ -303,6 +332,7 @@ export const decodeMetadata = (data: string) => {
           payload = {
             type,
           };
+          break;
 
         case "permit2":
           payload = {
@@ -312,6 +342,19 @@ export const decodeMetadata = (data: string) => {
             amount: toBN(decodedData.amount).toFixed(),
             expiration: decodedData.expiration,
           };
+          break;
+
+        case "cross-transfer":
+          payload = {
+            type,
+            fromToken: decodedData.fromToken,
+            toToken: decodedData.toToken,
+            toChainId: decodedData.toChainId
+              ? decodedData.toChainId.toString()
+              : null,
+            amount: toBN(decodedData.amount).toFixed(),
+            receiver: decodedData.receiver,
+          };
 
           break;
       }

package/utils/network.ts

@@ -7,15 +7,17 @@ export const networks: Network[] = [
     name: "Mainnet",
     debankName: "eth",
     ankrName: "eth",
+    zerionName: "ethereum",
     chainId: 1,
+    explorerUrl: "https://etherscan.io",
+    color: "#5D5FEF",
+    get serverRpcUrl() {
+      return process.env?.MAINNET_RPC_URL || this.params.rpcUrls[0];
+    },
+    balanceResolverAddress: "0x5b7D61b389D12e1f5873d0cCEe7E675915AB5F43",
+    usdcAddress: "0xa0b86991c6218b36c1d19d4a2e9eb0ce3606eb48",
     params: {
       rpcUrls: ["https://rpc.ankr.com/eth"],
-      explorerUrl: "https://etherscan.io",
-      get serverRpcUrl() {
-        return process.env?.MAINNET_RPC_URL || this.rpcUrls[0];
-      },
-      balanceResolverAddress: "0x5b7D61b389D12e1f5873d0cCEe7E675915AB5F43",
-      usdcAddress: "0xa0b86991c6218b36c1d19d4a2e9eb0ce3606eb48",
       nativeCurrency: {
         name: "Ethereum",
         symbol: "ETH",
@@ -27,7 +29,15 @@ export const networks: Network[] = [
     name: "Polygon",
     debankName: "matic",
     ankrName: "polygon",
+    zerionName: "polygon",
+    color: "#7A4ADD",
     chainId: 137,
+    balanceResolverAddress: "0x58632D23120b20650262b8A629a14e4F4043E0D9",
+    usdcAddress: "0x2791Bca1f2de4661ED88A30C99A7a9449Aa84174",
+    explorerUrl: "https://polygonscan.com",
+    get serverRpcUrl() {
+      return process.env?.POLYGON_RPC_URL || this.params.rpcUrls[0];
+    },
     params: {
       chainName: "Matic(Polygon) Mainnet",
       nativeCurrency: {
@@ -35,20 +45,22 @@ export const networks: Network[] = [
         symbol: "MATIC",
         decimals: 18,
       },
-      balanceResolverAddress: "0x58632D23120b20650262b8A629a14e4F4043E0D9",
-      usdcAddress: "0x2791Bca1f2de4661ED88A30C99A7a9449Aa84174",
       rpcUrls: ["https://polygon-rpc.com"],
-      get serverRpcUrl() {
-        return process.env?.POLYGON_RPC_URL || this.rpcUrls[0];
-      },
-      explorerUrl: "https://polygonscan.com",
     },
   },
   {
     name: "Arbitrum",
     debankName: "arb",
     ankrName: "arbitrum",
+    zerionName: "arbitrum",
+    color: "#2D374B",
     chainId: 42161,
+    usdcAddress: "0xff970a61a04b1ca14834a43f5de4533ebddb5cc8",
+    balanceResolverAddress: "0xca5f37e6D8bB24c5A7958d5eccE7Bd9Aacc944f2",
+    explorerUrl: "https://arbiscan.io",
+    get serverRpcUrl() {
+      return process.env?.ARBITRUM_RPC_URL || this.params.rpcUrls[0];
+    },
     params: {
       chainName: "Arbitrum One",
       nativeCurrency: {
@@ -56,20 +68,22 @@ export const networks: Network[] = [
         symbol: "ETH",
         decimals: 18,
       },
-      usdcAddress: "0xff970a61a04b1ca14834a43f5de4533ebddb5cc8",
-      balanceResolverAddress: "0xca5f37e6D8bB24c5A7958d5eccE7Bd9Aacc944f2",
-      get serverRpcUrl() {
-        return process.env?.ARBITRUM_RPC_URL || this.rpcUrls[0];
-      },
       rpcUrls: ["https://arb1.arbitrum.io/rpc"],
-      explorerUrl: "https://arbiscan.io",
     },
   },
   {
     name: "Optimism",
     debankName: "op",
     ankrName: "optimism",
+    zerionName: "optimism",
+    color: "#FF0420",
     chainId: 10,
+    usdcAddress: "0x7f5c764cbc14f9669b88837ca1490cca17c31607",
+    balanceResolverAddress: "0xca5f37e6D8bB24c5A7958d5eccE7Bd9Aacc944f2",
+    explorerUrl: "https://optimistic.etherscan.io",
+    get serverRpcUrl() {
+      return process.env?.OPTIMISM_RPC_URL || this.params.rpcUrls[0];
+    },
     params: {
       chainName: "Optimistic Ethereum",
       nativeCurrency: {
@@ -77,50 +91,48 @@ export const networks: Network[] = [
         symbol: "ETH",
         decimals: 18,
       },
-      usdcAddress: "0x7f5c764cbc14f9669b88837ca1490cca17c31607",
-      balanceResolverAddress: "0xca5f37e6D8bB24c5A7958d5eccE7Bd9Aacc944f2",
-      get serverRpcUrl() {
-        return process.env?.OPTIMISM_RPC_URL || this.rpcUrls[0];
-      },
-      rpcUrls: ["https://mainnet.optimism.io"],
-      explorerUrl: "https://optimistic.etherscan.io",
+      rpcUrls: ["https://rpc.ankr.com/optimism"],
     },
   },
   {
     name: "Avalanche",
     debankName: "avax",
     ankrName: "avalanche",
+    zerionName: "avalanche",
+    color: "#EB5757",
     chainId: 43114,
+    usdcAddress: "0xb97ef9ef8734c71904d8002f8b6bc66dd9c48a6e",
+    balanceResolverAddress: "0x63009f31D054E0ac9F321Cf0D642375236A4Bf1E",
+    explorerUrl: "https://snowtrace.io",
+    get serverRpcUrl() {
+      return process.env?.AVALANCHE_RPC_URL || this.params.rpcUrls[0];
+    },
     params: {
       chainName: "Avalanche Network",
-      get serverRpcUrl() {
-        return process.env?.AVALANCHE_RPC_URL || this.rpcUrls[0];
-      },
       nativeCurrency: {
         name: "Avalanche",
         symbol: "AVAX",
         decimals: 18,
       },
-      usdcAddress: "0xb97ef9ef8734c71904d8002f8b6bc66dd9c48a6e",
-      balanceResolverAddress: "0x63009f31D054E0ac9F321Cf0D642375236A4Bf1E",
       rpcUrls: ["https://api.avax.network/ext/bc/C/rpc"],
-      explorerUrl: "https://snowtrace.io",
     },
   },
   {
     name: "BSC",
     debankName: "bsc",
     ankrName: "bsc",
+    zerionName: "binance-smart-chain",
+    color: "#F3BA2F",
     chainId: 56,
+    explorerUrl: "https://bscscan.com",
+    usdcAddress: "0x8ac76a51cc950d9822d68b83fe1ad97b32cd580d",
+    balanceResolverAddress: "0xb808cff38706e267067b0af427726aa099f69f89",
+    get serverRpcUrl() {
+      return process.env?.BSC_RPC_URL || this.params.rpcUrls[0];
+    },
     params: {
       chainName: "Binance Smart Chain",
-      explorerUrl: "https://bscscan.com",
       rpcUrls: ["https://rpc.ankr.com/bsc"],
-      get serverRpcUrl() {
-        return process.env?.BSC_RPC_URL || this.rpcUrls[0];
-      },
-      usdcAddress: "0x8ac76a51cc950d9822d68b83fe1ad97b32cd580d",
-      balanceResolverAddress: "0xb808cff38706e267067b0af427726aa099f69f89",
       nativeCurrency: {
         name: "Binance Coin",
         symbol: "BNB",
@@ -131,17 +143,18 @@ export const networks: Network[] = [
   {
     name: "Gnosis",
     debankName: "xdai",
-    ankrName: "gnosis",
+    zerionName: "xdai",
+    color: "#04795C",
     chainId: 100,
+    balanceResolverAddress: "0xfaa244e276b1597f663975ed007ee4ff70d27849",
+    explorerUrl: "https://gnosisscan.io",
+    usdcAddress: "0xddafbb505ad214d7b80b1f830fccc89b60fb7a83",
+    get serverRpcUrl() {
+      return process.env?.GNOSIS_RPC_URL || this.params.rpcUrls[0];
+    },
     params: {
       chainName: "Gnosis Safe",
-      explorerUrl: "https://gnosisscan.io",
       rpcUrls: ["https://rpc.ankr.com/gnosis"],
-      get serverRpcUrl() {
-        return process.env?.GNOSIS_RPC_URL || this.rpcUrls[0];
-      },
-      balanceResolverAddress: "0xfaa244e276b1597f663975ed007ee4ff70d27849",
-      usdcAddress: "0xddafbb505ad214d7b80b1f830fccc89b60fb7a83",
       nativeCurrency: {
         name: "xdaistable",
         symbol: "xDAI",
@@ -152,15 +165,17 @@ export const networks: Network[] = [
   {
     name: "Polygon zkEVM",
     chainId: 1101,
+    color: "#8544f6",
+    explorerUrl: "https://zkevm.polygonscan.com",
+    balanceResolverAddress: "0x48D1Fa5Ee6691a1E0B45d2B515650997BEA27a01",
+    usdcAddress: "0xa8ce8aee21bc2a48a5ef670afcc9274c7bbbc035",
+    get serverRpcUrl() {
+      return process.env?.POLYGON_ZKEVM_RPC_URL || this.params.rpcUrls[0];
+    },
     params: {
       chainName: "polygon zkEVM",
-      explorerUrl: "https://zkevm.polygonscan.com",
       rpcUrls: ["https://rpc.ankr.com/polygon_zkevm"],
-      get serverRpcUrl() {
-        return process.env?.POLYGON_ZKEVM_RPC_URL || this.rpcUrls[0];
-      },
-      balanceResolverAddress: "0x48D1Fa5Ee6691a1E0B45d2B515650997BEA27a01",
-      usdcAddress: "0xa8ce8aee21bc2a48a5ef670afcc9274c7bbbc035",
+
       nativeCurrency: {
         name: "Ethereum",
         symbol: "ETH",
@@ -168,10 +183,58 @@ export const networks: Network[] = [
       },
     },
   },
+  {
+    name: "Aurora",
+    chainId: 1313161554,
+    zerionName: "aurora",
+    color: "#78d64b",
+    explorerUrl: "https://explorer.mainnet.aurora.dev",
+    get serverRpcUrl() {
+      return process.env?.AURORA_RPC_URL || this.params.rpcUrls[0];
+    },
+    usdcAddress: "0xB12BFcA5A55806AaF64E99521918A4bf0fC40802",
+    balanceResolverAddress: "0xdF19Da523DA64bBE82eE0E4DFf00d676A8386474",
+    params: {
+      rpcUrls: ["https://mainnet.aurora.dev"],
+      chainName: "Aurora",
+      nativeCurrency: {
+        decimals: 18,
+        name: "Aurora ETH",
+        symbol: "AETH",
+      },
+    },
+  },
+  {
+    name: "Fantom",
+    chainId: 250,
+    zerionName: "fantom",
+    explorerUrl: "https://ftmscan.com",
+    ankrName: "fantom",
+    color: "#1969ff",
+    get serverRpcUrl() {
+      return process.env?.FANTOM_RPC_URL || this.params.rpcUrls[0];
+    },
+    usdcAddress: "0x04068da6c83afcfa0e13ba15a6696662335d5b75",
+    balanceResolverAddress: "0x929376c77a2fb8152375a089a4fccf84ff481479",
+    params: {
+      rpcUrls: ["https://rpc.ankr.com/fantom"],
+      chainName: "Fantom",
+      nativeCurrency: {
+        name: "Fantom",
+        symbol: "FTM",
+        decimals: 18,
+      },
+    },
+  },
   {
     name: AVO_PROD_CHAIN_NAME,
     chainId: AVO_PROD_CHAIN_ID,
     isAvocado: true,
+    balanceResolverAddress: "",
+    color: "#16A34A",
+    usdcAddress: "",
+    serverRpcUrl: AVO_PROD_RPC_URL,
+    explorerUrl: AVO_PROD_EXPLORER_URL,
     params: {
       chainName: AVO_PROD_CHAIN_NAME,
       nativeCurrency: {
@@ -180,17 +243,18 @@ export const networks: Network[] = [
         decimals: 18,
       },
       iconUrls: ["https://avocado.instadapp.io/logo.svg"],
-      balanceResolverAddress: "",
-      usdcAddress: "",
-      serverRpcUrl: AVO_PROD_RPC_URL,
       rpcUrls: [AVO_PROD_RPC_URL],
-      explorerUrl: AVO_PROD_EXPLORER_URL,
     },
   },
   {
     name: AVO_STAGING_CHAIN_NAME,
     chainId: AVO_STAGING_CHAIN_ID,
+    serverRpcUrl: AVO_STAGING_RPC_URL,
+    color: "#16A34A",
+    explorerUrl: AVO_STAGING_EXPLORER_URL,
     isAvocado: true,
+    balanceResolverAddress: "",
+    usdcAddress: "",
     params: {
       chainName: AVO_STAGING_CHAIN_NAME,
       nativeCurrency: {
@@ -198,12 +262,8 @@ export const networks: Network[] = [
         symbol: "USDC",
         decimals: 18,
       },
-      serverRpcUrl: AVO_STAGING_RPC_URL,
-      balanceResolverAddress: "",
-      usdcAddress: "",
       iconUrls: ["https://avocado.instadapp.io/logo.svg"],
       rpcUrls: [AVO_STAGING_RPC_URL],
-      explorerUrl: AVO_STAGING_EXPLORER_URL,
     },
   },
 ];
@@ -235,14 +295,17 @@ export const RPCMap = networks.reduce((acc, network) => {
 
 export const networkIds = networks.map((network) => network.chainId);
 
-const rpcInstances: Record<string, ethers.providers.JsonRpcProvider> = {};
-const serverRpcInstances: Record<string, ethers.providers.JsonRpcProvider> = {};
+const rpcInstances: Record<string, ethers.providers.StaticJsonRpcProvider> = {};
+const serverRpcInstances: Record<
+  string,
+  ethers.providers.StaticJsonRpcProvider
+> = {};
 
 export const getServerRpcProvider = (chainId: number | string) => {
   if (!rpcInstances[chainId]) {
     const network = networks.find((n) => n.chainId == chainId);
-    serverRpcInstances[chainId] = new ethers.providers.JsonRpcProvider(
-      network?.params.serverRpcUrl
+    serverRpcInstances[chainId] = new ethers.providers.StaticJsonRpcProvider(
+      network?.serverRpcUrl
     );
   }
 
@@ -251,7 +314,7 @@ export const getServerRpcProvider = (chainId: number | string) => {
 
 export const getRpcProvider = (chainId: number | string) => {
   if (!rpcInstances[chainId]) {
-    rpcInstances[chainId] = new ethers.providers.JsonRpcProvider(
+    rpcInstances[chainId] = new ethers.providers.StaticJsonRpcProvider(
       getRpcURLByChainId(Number(chainId))
     );
   }
@@ -264,5 +327,5 @@ export const getExplorerUrl = (
   suffix: `/${string}` = "/"
 ) => {
   const network = getNetworkByChainId(chainId);
-  return `${network.params.explorerUrl}${suffix}`;
+  return `${network.explorerUrl}${suffix}`;
 };

package/utils/utils.d.ts

@@ -1,4 +1,16 @@
-type ChainId = 1 | 137 | 42161 | 10 | 56 | 43114 | 100 | 1101 | 634 | 63400;
+type ChainId =
+  | 1
+  | 137
+  | 42161
+  | 10
+  | 56
+  | 43114
+  | 100
+  | 1101
+  | 250
+  | 634
+  | 1313161554
+  | 63400;
 
 type ISlackMessageType = "danger" | "error" | "success" | "banner";
 
@@ -6,16 +18,18 @@ interface Network {
   name: string;
   debankName?: string;
   ankrName?: string;
+  zerionName?: string;
   chainId: ChainId;
+  color: string;
   isAvocado?: boolean;
+  serverRpcUrl: string | undefined;
+  balanceResolverAddress?: string;
+  usdcAddress: string;
+  explorerUrl: string;
   params: {
     chainName?: string;
-    rpcUrls: string[];
-    serverRpcUrl: string | undefined;
-    balanceResolverAddress?: string;
-    usdcAddress: string;
-    explorerUrl: string;
     iconUrls?: string[];
+    rpcUrls: string[];
     nativeCurrency?: {
       name: string;
       symbol: string;
@@ -42,6 +56,14 @@ type SendMetadataProps = {
   receiver: string;
 };
 
+type CrossSendMetadataProps = {
+  fromToken: string;
+  toToken: string;
+  toChainId: string;
+  amount: string;
+  receiver: string;
+};
+
 type UpgradeMetadataProps = {
   version: string;
   walletImpl: string;
@@ -82,7 +104,8 @@ type MetadataProps = {
     | "upgrade"
     | "dapp"
     | "deploy"
-    | "permit2";
+    | "permit2"
+    | "cross-transfer";
   encodedData: string;
   version?: string;
 };

package/utils/index.ts

@@ -1,93 +0,0 @@
-import { BigNumber } from "bignumber.js";
-import { BigNumber as BN } from "ethers";
-
-export function shortenHash(hash: string, length: number = 4) {
-  if (!hash) return;
-  if (hash.length < 12) return hash;
-  const beginningChars = hash.startsWith("0x") ? length + 2 : length;
-  const shortened =
-    hash.substr(0, beginningChars) + "..." + hash.substr(-length);
-  return shortened;
-}
-
-export const toBN = (value: BigNumber.Value | BN) =>
-  new BigNumber(BN.isBigNumber(value) ? value.toString() : value);
-export const isZero = (value: BigNumber.Value | BN) => toBN(value).isZero();
-export const times = (a: BigNumber.Value | BN, b: BigNumber.Value | BN) =>
-  toBN(a).times(toBN(b));
-export const minus = (a: BigNumber.Value | BN, b: BigNumber.Value | BN) =>
-  toBN(a).minus(toBN(b));
-export const plus = (a: BigNumber.Value | BN, b: BigNumber.Value | BN) =>
-  toBN(a).plus(toBN(b));
-export const lte = (a: BigNumber.Value | BN, b: BigNumber.Value | BN) =>
-  toBN(a).lte(toBN(b));
-export const gte = (a: BigNumber.Value | BN, b: BigNumber.Value | BN) =>
-  toBN(a).gte(toBN(b));
-export const div = (a: BigNumber.Value | BN, b: BigNumber.Value | BN) =>
-  toBN(a).div(toBN(b));
-export const lt = (a: BigNumber.Value | BN, b: BigNumber.Value | BN) =>
-  toBN(a).lt(toBN(b));
-export const gt = (a: BigNumber.Value | BN, b: BigNumber.Value | BN) =>
-  toBN(a).gt(toBN(b));
-export const ensureValue = (value: any) => {
-  if (!value) return toBN("0");
-  if (toBN(value).isNaN()) return toBN("0");
-
-  return toBN(value);
-};
-export const max = (...args: BigNumber.Value[]) => {
-  return BigNumber.max(...args);
-};
-
-export function onImageError(this: HTMLImageElement) {
-  const parentElement = this.parentElement;
-  this.onerror = null;
-  this.remove();
-
-  if (parentElement) {
-    parentElement.classList.add("bg-gray-300");
-  }
-}
-
-const locale = "en-US";
-
-export function formatUsd(value: any, fractionDigits = 2) {
-  const formatter = new Intl.NumberFormat(locale, {
-    style: "currency",
-    currency: "USD",
-    minimumFractionDigits: fractionDigits,
-    maximumFractionDigits: fractionDigits,
-  });
-
-  return formatter.format(value);
-}
-
-export function cloneDeep<T>(value: T): T {
-  return JSON.parse(JSON.stringify(value));
-}
-
-export function signedNumber(numb: string | number) {
-  return new Intl.NumberFormat("en-US", {
-    signDisplay: "exceptZero",
-  }).format(toBN(numb).toNumber());
-}
-
-export function formatDecimal(value: string | number, decimalPlaces = 5) {
-  if (!value) {
-    value = "0";
-  }
-
-  return toBN(value).decimalPlaces(decimalPlaces).toFormat();
-}
-
-export function filterArray(array: any, filters: any) {
-  const filterKeys = Object.keys(filters);
-  return array.filter((item: any) => {
-    // validates all filter criteria
-    return filterKeys.every((key) => {
-      // ignores non-function predicates
-      if (typeof filters[key] !== "function") return true;
-      return filters[key](item[key], item);
-    });
-  });
-}