@instadapp/avocado-base 0.0.88 → 0.0.92

package/components/metadata/Swap.vue

@@ -8,17 +8,15 @@ const props = defineProps<{
 const compact = inject('compact');
 const tokens = inject<ITokenPrice[]>('tokens');
 
-const buyToken = asyncComputed(() =>
-{
+const buyToken = asyncComputed(() => {
   if (Array.isArray(tokens) && !tokens.length) return null;
-    return fetchTokenByAddress(props.metadata?.buyToken, props?.chain_id, tokens) 
-  }
+  return fetchTokenByAddress(props.metadata?.buyToken, props?.chain_id, tokens)
+}
 );
-const sellToken = asyncComputed(() =>
-{
+const sellToken = asyncComputed(() => {
   if (Array.isArray(tokens) && !tokens.length) return null;
-  return  fetchTokenByAddress(props.metadata?.sellToken, props?.chain_id, tokens)
-  }
+  return fetchTokenByAddress(props.metadata?.sellToken, props?.chain_id, tokens)
+}
 );
 
 const sellAmountFormatted = computed(() =>
@@ -49,26 +47,21 @@ const formatProtocol = (protocol: string) => {
 
 <template>
   <div v-if="!sellToken || !buyToken" class="rounded-5 w-24 h-4 loading-box" />
-  <div
-      class="flex items-center gap-5"
-        v-else
-    >
-      <span v-if="!compact" class="capitalize text-xs sm:text-sm">{{ metadata.type }}</span>
-      <span class="inline-flex gap-2.5 items-center">
-        <img width="20" height="20" class="w-5 h-5" :src="sellToken?.logo_url" />
-        {{ sellAmountFormatted }}
-        <span class="uppercase">{{ sellToken?.symbol }}</span>
-        <SvgoRefresh class="w-4 h-4 text-slate-400 mx-2" />
-        <img width="20" height="20" class="w-5 h-5" :src="buyToken?.logo_url" />
-        {{ buyAmountFormatted }}
-        <span class="uppercase">{{ buyToken?.symbol }}</span>
-        <span
-          class="capitalize hidden sm:flex items-center gap-2.5"
-          v-if="metadata.protocol && !compact"
-        >
-          On <ProtocolLogo class="w-5 h-5" :name="metadata.protocol" />
-          {{ formatProtocol(metadata.protocol) }}
-        </span>
+  <div class="flex items-center gap-5" v-else>
+    <span v-if="!compact" class="capitalize text-xs sm:text-sm">{{ metadata.type }}</span>
+    <span class="inline-flex gap-2.5 items-center">
+      <img width="20" height="20" class="w-5 h-5" :src="sellToken?.logo_url" />
+      {{ sellAmountFormatted }}
+      <span class="uppercase">{{ sellToken?.symbol }}</span>
+      <SvgoRefresh class="w-4 h-4 text-slate-400 mx-2" />
+      <img width="20" height="20" class="w-5 h-5" :src="buyToken?.logo_url" />
+      ~ {{ buyAmountFormatted }}
+      <span class="uppercase">{{ buyToken?.symbol }}</span>
+      <span class="capitalize hidden sm:flex items-center gap-2.5" v-if="metadata.protocol && !compact">
+        On
+        <ProtocolLogo class="w-5 h-5" :name="metadata.protocol" />
+        {{ formatProtocol(metadata.protocol) }}
       </span>
-    </div>
+    </span>
+  </div>
 </template>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@instadapp/avocado-base",
-  "version": "0.0.88",
+  "version": "0.0.92",
   "type": "module",
   "main": "./nuxt.config.ts",
   "types": "global.d.ts",

package/utils/network.ts

@@ -354,6 +354,25 @@ export const networks: Network[] = [
       },
     },
   },
+  {
+    name: "Manta Pacific",
+    chainId: 169,
+    explorerUrl: "https://manta-pacific.l2scan.co",
+    params: {
+      rpcUrls: ["https://pacific-rpc.manta.network/http"],
+      chainName: "Manta Pacific",
+      nativeCurrency: {
+        name: "Ethereum",
+        symbol: "ETH",
+        decimals: 18,
+      },
+    },
+    color: "#78d64b",
+    fakeTransactionHash: "0x3fB128aA5AC254C8539996B11C587E521AE0d3ab",
+    get serverRpcUrl() {
+      return process.env?.MANTA_RPC_URL || this.params.rpcUrls[0];
+    },
+  },
   {
     name: AVO_PROD_CHAIN_NAME,
     chainId: AVO_PROD_CHAIN_ID,

package/utils/utils.d.ts

@@ -15,7 +15,8 @@ declare global {
     | 122
     | 534352
     | 204
-    | 63400;
+    | 63400
+    | 169;
 
   type ISlackMessageType = "danger" | "error" | "success" | "banner";