@instadapp/avocado-base 0.0.35 → 0.0.37

package/components/ActionMetadata.vue

@@ -1,10 +1,13 @@
 <script lang="ts" setup>
 
-defineProps<{
+const props = defineProps<{
   metadata: any;
   chain_id: number | string;
+  compact?: boolean;
 }>();
 
+provide('compact', props.compact);
+
 </script>
 
 <template>

package/components/metadata/Bridge.vue

@@ -5,6 +5,8 @@ const props = defineProps<{
   chain_id: number | string
 }>();
 
+const compact = inject('compact');
+
 const toToken = asyncComputed(() =>
   fetchTokenByAddress(props.metadata?.toToken, props.metadata?.toChainId)
 );
@@ -22,12 +24,12 @@ const bridgeAmountFormatted = computed(() =>
     class="flex gap-5 items-center"
     v-if="metadata.type === 'bridge' && toToken"
   >
-    <span class="capitalize text-xs sm:text-sm">{{ metadata.type }}</span>
+    <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="toToken.logo_url" />
       {{ bridgeAmountFormatted }}
       <span class="uppercase">{{ toToken?.symbol }}</span>
-      <SvgoBridge class="text-slate-400 w-5 h-5" />
+      <SvgoBridge class="text-slate-400 w-4 h-4" />
       <span class="flex items-center gap-2.5">
         <ChainLogo class="w-5" :chain="metadata.toChainId" />
         <span>{{ chainIdToName(metadata.toChainId) }}</span>

package/components/metadata/CrossTransfer.vue

@@ -5,6 +5,8 @@ const props = defineProps<{
   chain_id: number | string
 }>();
 
+const compact = inject('compact');
+
 const fromToken = asyncComputed(() => {
   if (!props?.chain_id) return null;
 
@@ -27,7 +29,7 @@ const formattedFromAmount = computed(() =>
   </div>
   <div class="flex gap-5 flex-col" v-else>
     <div class="flex items-center gap-5">
-      <span class="capitalize text-xs sm:text-sm">Cross-chain send</span>
+      <span v-if="!compact" class="capitalize text-xs sm:text-sm">Cross-chain send</span>
       <span class="inline-flex gap-2.5 items-center">
         <img width="20" height="20" class="w-5 h-5" :src="fromToken?.logo_url" />
         {{ formattedFromAmount }}

package/components/metadata/GasTopup.vue

@@ -9,6 +9,8 @@ const token = asyncComputed(() =>
   fetchTokenByAddress(props.metadata?.token, props?.chain_id)
 );
 
+const compact = inject('compact');
+
 const formattedAmount = computed(() =>
   formatDecimal(
     fromWei(props.metadata?.amount, token?.value?.decimals).toFixed()
@@ -19,7 +21,7 @@ const formattedAmount = computed(() =>
 <template>
   <div v-if="!token" class="rounded-5 w-24 h-4 loading-box" />
   <div class="flex items-center gap-5" v-else>
-    <span class="capitalize text-xs sm:text-sm">{{ metadata.type }}</span>
+    <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="token?.logo_url" />
       {{ formattedAmount }}

package/components/metadata/Swap.vue

@@ -5,6 +5,7 @@ const props = defineProps<{
   chain_id: number | string
 }>();
 
+const compact = inject('compact');
 
 const buyToken = asyncComputed(() =>
   fetchTokenByAddress(props.metadata?.buyToken, props?.chain_id)
@@ -45,7 +46,7 @@ const formatProtocol = (protocol: string) => {
       class="flex items-center gap-5"
         v-else
     >
-      <span class="capitalize text-xs sm:text-sm">{{ metadata.type }}</span>
+      <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 }}
@@ -56,7 +57,7 @@ const formatProtocol = (protocol: string) => {
         <span class="uppercase">{{ buyToken?.symbol }}</span>
         <span
           class="capitalize hidden sm:flex items-center gap-2.5"
-          v-if="metadata.protocol"
+          v-if="metadata.protocol && !compact"
         >
           On <ProtocolLogo class="w-5 h-5" :name="metadata.protocol" />
           {{ formatProtocol(metadata.protocol) }}

package/components/metadata/Transfer.vue

@@ -5,6 +5,7 @@ const props = defineProps<{
   chain_id: number | string
 }>();
 
+const compact = inject('compact');
 
 const token = asyncComputed(() => {
   if (!props?.chain_id) return null;
@@ -25,19 +26,21 @@ const formattedAmount = computed(() =>
 <template>
   <div v-if="!token" class="rounded-5 w-24 h-4 loading-box" />
   <div class="flex items-center gap-5" v-else>
-    <span class="capitalize text-xs sm:text-sm">{{ metadata.type }}</span>
+    <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="token?.logo_url" />
       {{ formattedAmount }}
       <span class="uppercase">{{ token?.symbol }}</span>
       <SvgoArrowRight class="w-4 h-4 text-slate-400 mx-2" />
-      <a
+      <NuxtLink
         class="text-primary"
-        :href="
+        target="_blank"
+        external
+        :to="
           getExplorerUrl(chain_id, `/address/${metadata.receiver}`)
         "
-        >{{ shortenHash(metadata.receiver) }}</a
-      >
+        >{{ shortenHash(metadata.receiver) }}
+        </NuxtLink>
     </span>
   </div>
 </template>

package/package.json

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

package/utils/metadata.ts

@@ -43,6 +43,7 @@ const actionMetadataTypes = {
     "uint48 expiration",
   ],
   "instadapp-pro": ["string castDetails"],
+  reject: ["string reason"],
 };
 
 const encodeMetadata = (props: MetadataProps) => {
@@ -87,6 +88,20 @@ export const encodeTransferMetadata = (
   return single ? encodeMultipleActions(data) : data;
 };
 
+export const encodeRejectMetadata = (reason: string, single = true) => {
+  const encodedData = ethers.utils.defaultAbiCoder.encode(
+    actionMetadataTypes.reject,
+    [reason]
+  );
+
+  const data = encodeMetadata({
+    type: "reject",
+    encodedData,
+  });
+
+  return single ? encodeMultipleActions(data) : data;
+};
+
 export const encodeCrossTransferMetadata = (
   params: CrossSendMetadataProps,
   single = true
@@ -435,6 +450,13 @@ const parseMetadata = (metadata: string) => {
         };
 
         break;
+
+      case "reject":
+        payload = {
+          type,
+          reason: decodedData.reason,
+        };
+        break;
     }
 
     metadataArr.push(payload);

package/utils/utils.d.ts

@@ -112,7 +112,8 @@ type MetadataProps = {
     | "deploy"
     | "permit2"
     | "cross-transfer"
-    | "auth";
+    | "auth"
+    | "reject";
   encodedData: string;
   version?: string;
 };