@instadapp/avocado-base 0.0.0-dev.19925f5 → 0.0.0-dev.2037715

package/components/metadata/CrossTransfer.vue

@@ -0,0 +1,65 @@
+<script setup lang="ts">
+
+const props = defineProps<{
+  metadata: any;
+  chain_id: number | string
+}>();
+
+const fromToken = asyncComputed(() => {
+  if (!props?.chain_id) return null;
+
+  return fetchTokenByAddress(
+    props.metadata?.fromToken,
+    props?.chain_id
+  );
+});
+
+const formattedFromAmount = computed(() =>
+  formatDecimal(
+    fromWei(props.metadata?.amount, fromToken?.value?.decimals).toFixed()
+  )
+);
+</script>
+
+<template>
+  <div class="h-[60px]" v-if="!fromToken">
+    <div class="rounded-5 w-24 h-4 loading-box" />
+  </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 class="inline-flex gap-2.5 items-center">
+        <img width="20" height="20" class="w-5 h-5" :src="fromToken?.logo_url" />
+        {{ formattedFromAmount }}
+        <span class="uppercase">{{ fromToken?.symbol }}</span>
+      </span>
+    </div>
+
+    <div class="flex items-center gap-2.5">
+      <span class="flex items-center gap-2.5">
+        <ChainLogo class="w-5" :chain="chain_id" />
+        <span>{{ chainIdToName(chain_id) }}</span>
+      </span>
+
+      <SvgoArrowRight class="w-4 h-4 text-slate-400" />
+
+      <span class="flex items-center gap-2.5">
+        <ChainLogo class="w-5" :chain="metadata?.toChainId" />
+
+        <a
+          target="_blank"
+          class="text-primary"
+          :href="
+            getExplorerUrl(
+              metadata?.toChainId,
+              `/address/${metadata.receiver}`
+            )
+          "
+          >{{ shortenHash(metadata.receiver) }}</a
+        >
+        on
+        <span>{{ chainIdToName(metadata?.toChainId) }}</span>
+      </span>
+    </div>
+  </div>
+</template>

package/components/metadata/GasTopup.vue

@@ -0,0 +1,31 @@
+<script setup lang="ts">
+
+const props = defineProps<{
+  metadata: any;
+  chain_id: number | string
+}>();
+
+const token = asyncComputed(() =>
+  fetchTokenByAddress(props.metadata?.token, props?.chain_id)
+);
+
+const formattedAmount = computed(() =>
+  formatDecimal(
+    fromWei(props.metadata?.amount, token?.value?.decimals).toFixed()
+  )
+);
+</script>
+
+<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 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>
+      <SvgoGas class="w-4 h-4 text-slate-400 mx-2" />
+      <span>{{ shortenHash(metadata.onBehalf) }}</span>
+    </span>
+  </div>
+</template>

package/components/metadata/Permit2.vue

@@ -0,0 +1,37 @@
+<script setup lang="ts">
+
+const props = defineProps<{
+  metadata: any;
+  chain_id: number | string
+}>();
+
+const token = asyncComputed(() =>
+  fetchTokenByAddress(props.metadata?.token, props?.chain_id)
+);
+
+const calculateDate = (timestamp: number) => {
+  return new Date(timestamp * 1000).toLocaleString();
+};
+</script>
+
+<template>
+  <div v-if="!token" class="rounded-5 w-24 h-4 loading-box" />
+  <div v-else class="inline-flex items-center gap-2 flex-wrap">
+    <span>Permit2 Allowance: </span>
+    <img width="20" height="20" class="w-5 h-5" :src="token?.logo_url" />
+    <span class="capitalize">{{ token?.symbol }}</span>
+    to
+    <NuxtLink
+      class="text-primary"
+      :href="
+        getExplorerUrl(chain_id, `/address/${metadata.spender}`)
+      "
+      target="_blank"
+      external
+    >
+      {{ shortenHash(metadata.spender) }}
+    </NuxtLink>
+    |
+    <span> Expiration date at {{ calculateDate(metadata?.expiration) }}</span>
+  </div>
+</template>

package/components/metadata/Swap.vue

@@ -0,0 +1,66 @@
+<script setup lang="ts">
+
+const props = defineProps<{
+  metadata: any;
+  chain_id: number | string
+}>();
+
+
+const buyToken = asyncComputed(() =>
+  fetchTokenByAddress(props.metadata?.buyToken, props?.chain_id)
+);
+const sellToken = asyncComputed(() =>
+  fetchTokenByAddress(props.metadata?.sellToken, props?.chain_id)
+);
+
+const sellAmountFormatted = computed(() =>
+  formatDecimal(
+    fromWei(props.metadata?.sellAmount, sellToken?.value?.decimals).toFixed()
+  )
+);
+
+const buyAmountFormatted = computed(() =>
+  formatDecimal(
+    fromWei(props.metadata?.buyAmount, buyToken?.value?.decimals).toFixed()
+  )
+);
+
+const formatProtocol = (protocol: string) => {
+  return (
+    new Map([
+      ["1inch-v5", "1inch"],
+      ["0x-v1", "0x"],
+      ["paraswap-v5", "Paraswap"],
+      ["kyber-v1", "Kyber Network"],
+    ]).get(protocol) || protocol
+  );
+};
+
+
+</script>
+
+<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 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"
+        >
+          On <ProtocolLogo class="w-5 h-5" :name="metadata.protocol" />
+          {{ formatProtocol(metadata.protocol) }}
+        </span>
+      </span>
+    </div>
+</template>

package/components/metadata/Transfer.vue

@@ -0,0 +1,43 @@
+<script setup lang="ts">
+
+const props = defineProps<{
+  metadata: any;
+  chain_id: number | string
+}>();
+
+
+const token = asyncComputed(() => {
+  if (!props?.chain_id) return null;
+
+  return fetchTokenByAddress(
+    props.metadata?.token,
+    props?.chain_id
+  );
+});
+
+const formattedAmount = computed(() =>
+  formatDecimal(
+    fromWei(props.metadata?.amount, token?.value?.decimals).toFixed()
+  )
+);
+</script>
+
+<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 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
+        class="text-primary"
+        :href="
+          getExplorerUrl(chain_id, `/address/${metadata.receiver}`)
+        "
+        >{{ shortenHash(metadata.receiver) }}</a
+      >
+    </span>
+  </div>
+</template>

package/components.d.ts

@@ -0,0 +1,13 @@
+/* eslint-disable */
+/* prettier-ignore */
+// @ts-nocheck
+// Generated by unplugin-vue-components
+// Read more: https://github.com/vuejs/core/pull/3399
+export {}
+
+declare module 'vue' {
+  export interface GlobalComponents {
+    RouterLink: typeof import('vue-router')['RouterLink']
+    RouterView: typeof import('vue-router')['RouterView']
+  }
+}

package/contracts/AvoFactoryProxy.ts

@@ -0,0 +1,302 @@
+/* Autogenerated file. Do not edit manually. */
+/* tslint:disable */
+/* eslint-disable */
+import type {
+  BaseContract,
+  BigNumber,
+  BytesLike,
+  CallOverrides,
+  ContractTransaction,
+  Overrides,
+  PopulatedTransaction,
+  Signer,
+  utils,
+} from "ethers";
+import type {
+  FunctionFragment,
+  Result,
+  EventFragment,
+} from "@ethersproject/abi";
+import type { Listener, Provider } from "@ethersproject/providers";
+import type {
+  TypedEventFilter,
+  TypedEvent,
+  TypedListener,
+  OnEvent,
+  PromiseOrValue,
+} from "./common";
+
+export interface AvoFactoryProxyInterface extends utils.Interface {
+  functions: {
+    "avoSafeBytecode()": FunctionFragment;
+    "avoVersionsRegistry()": FunctionFragment;
+    "avoWalletImpl()": FunctionFragment;
+    "computeAddress(address)": FunctionFragment;
+    "deploy(address)": FunctionFragment;
+    "initialize()": FunctionFragment;
+    "setAvoWalletImpl(address)": FunctionFragment;
+  };
+
+  getFunction(
+    nameOrSignatureOrTopic:
+      | "avoSafeBytecode"
+      | "avoVersionsRegistry"
+      | "avoWalletImpl"
+      | "computeAddress"
+      | "deploy"
+      | "initialize"
+      | "setAvoWalletImpl"
+  ): FunctionFragment;
+
+  encodeFunctionData(
+    functionFragment: "avoSafeBytecode",
+    values?: undefined
+  ): string;
+  encodeFunctionData(
+    functionFragment: "avoVersionsRegistry",
+    values?: undefined
+  ): string;
+  encodeFunctionData(
+    functionFragment: "avoWalletImpl",
+    values?: undefined
+  ): string;
+  encodeFunctionData(
+    functionFragment: "computeAddress",
+    values: [PromiseOrValue<string>]
+  ): string;
+  encodeFunctionData(
+    functionFragment: "deploy",
+    values: [PromiseOrValue<string>]
+  ): string;
+  encodeFunctionData(
+    functionFragment: "initialize",
+    values?: undefined
+  ): string;
+  encodeFunctionData(
+    functionFragment: "setAvoWalletImpl",
+    values: [PromiseOrValue<string>]
+  ): string;
+
+  decodeFunctionResult(
+    functionFragment: "avoSafeBytecode",
+    data: BytesLike
+  ): Result;
+  decodeFunctionResult(
+    functionFragment: "avoVersionsRegistry",
+    data: BytesLike
+  ): Result;
+  decodeFunctionResult(
+    functionFragment: "avoWalletImpl",
+    data: BytesLike
+  ): Result;
+  decodeFunctionResult(
+    functionFragment: "computeAddress",
+    data: BytesLike
+  ): Result;
+  decodeFunctionResult(functionFragment: "deploy", data: BytesLike): Result;
+  decodeFunctionResult(functionFragment: "initialize", data: BytesLike): Result;
+  decodeFunctionResult(
+    functionFragment: "setAvoWalletImpl",
+    data: BytesLike
+  ): Result;
+
+  events: {
+    "AvoSafeDeployed(address,address)": EventFragment;
+    "Initialized(uint8)": EventFragment;
+  };
+
+  getEvent(nameOrSignatureOrTopic: "AvoSafeDeployed"): EventFragment;
+  getEvent(nameOrSignatureOrTopic: "Initialized"): EventFragment;
+}
+
+export interface AvoSafeDeployedEventObject {
+  owner: string;
+  avoSafe: string;
+}
+export type AvoSafeDeployedEvent = TypedEvent<
+  [string, string],
+  AvoSafeDeployedEventObject
+>;
+
+export type AvoSafeDeployedEventFilter = TypedEventFilter<AvoSafeDeployedEvent>;
+
+export interface InitializedEventObject {
+  version: number;
+}
+export type InitializedEvent = TypedEvent<[number], InitializedEventObject>;
+
+export type InitializedEventFilter = TypedEventFilter<InitializedEvent>;
+
+export interface AvoFactoryProxy extends BaseContract {
+  connect(signerOrProvider: Signer | Provider | string): this;
+  attach(addressOrName: string): this;
+  deployed(): Promise<this>;
+
+  interface: AvoFactoryProxyInterface;
+
+  queryFilter<TEvent extends TypedEvent>(
+    event: TypedEventFilter<TEvent>,
+    fromBlockOrBlockhash?: string | number | undefined,
+    toBlock?: string | number | undefined
+  ): Promise<Array<TEvent>>;
+
+  listeners<TEvent extends TypedEvent>(
+    eventFilter?: TypedEventFilter<TEvent>
+  ): Array<TypedListener<TEvent>>;
+  listeners(eventName?: string): Array<Listener>;
+  removeAllListeners<TEvent extends TypedEvent>(
+    eventFilter: TypedEventFilter<TEvent>
+  ): this;
+  removeAllListeners(eventName?: string): this;
+  off: OnEvent<this>;
+  on: OnEvent<this>;
+  once: OnEvent<this>;
+  removeListener: OnEvent<this>;
+
+  functions: {
+    avoSafeBytecode(overrides?: CallOverrides): Promise<[string]>;
+
+    avoVersionsRegistry(overrides?: CallOverrides): Promise<[string]>;
+
+    avoWalletImpl(overrides?: CallOverrides): Promise<[string]>;
+
+    computeAddress(
+      owner_: PromiseOrValue<string>,
+      overrides?: CallOverrides
+    ): Promise<[string]>;
+
+    deploy(
+      owner_: PromiseOrValue<string>,
+      overrides?: Overrides & { from?: PromiseOrValue<string> }
+    ): Promise<ContractTransaction>;
+
+    initialize(
+      overrides?: Overrides & { from?: PromiseOrValue<string> }
+    ): Promise<ContractTransaction>;
+
+    setAvoWalletImpl(
+      avoWalletImpl_: PromiseOrValue<string>,
+      overrides?: Overrides & { from?: PromiseOrValue<string> }
+    ): Promise<ContractTransaction>;
+  };
+
+  avoSafeBytecode(overrides?: CallOverrides): Promise<string>;
+
+  avoVersionsRegistry(overrides?: CallOverrides): Promise<string>;
+
+  avoWalletImpl(overrides?: CallOverrides): Promise<string>;
+
+  computeAddress(
+    owner_: PromiseOrValue<string>,
+    overrides?: CallOverrides
+  ): Promise<string>;
+
+  deploy(
+    owner_: PromiseOrValue<string>,
+    overrides?: Overrides & { from?: PromiseOrValue<string> }
+  ): Promise<ContractTransaction>;
+
+  initialize(
+    overrides?: Overrides & { from?: PromiseOrValue<string> }
+  ): Promise<ContractTransaction>;
+
+  setAvoWalletImpl(
+    avoWalletImpl_: PromiseOrValue<string>,
+    overrides?: Overrides & { from?: PromiseOrValue<string> }
+  ): Promise<ContractTransaction>;
+
+  callStatic: {
+    avoSafeBytecode(overrides?: CallOverrides): Promise<string>;
+
+    avoVersionsRegistry(overrides?: CallOverrides): Promise<string>;
+
+    avoWalletImpl(overrides?: CallOverrides): Promise<string>;
+
+    computeAddress(
+      owner_: PromiseOrValue<string>,
+      overrides?: CallOverrides
+    ): Promise<string>;
+
+    deploy(
+      owner_: PromiseOrValue<string>,
+      overrides?: CallOverrides
+    ): Promise<string>;
+
+    initialize(overrides?: CallOverrides): Promise<void>;
+
+    setAvoWalletImpl(
+      avoWalletImpl_: PromiseOrValue<string>,
+      overrides?: CallOverrides
+    ): Promise<void>;
+  };
+
+  filters: {
+    "AvoSafeDeployed(address,address)"(
+      owner?: PromiseOrValue<string> | null,
+      avoSafe?: PromiseOrValue<string> | null
+    ): AvoSafeDeployedEventFilter;
+    AvoSafeDeployed(
+      owner?: PromiseOrValue<string> | null,
+      avoSafe?: PromiseOrValue<string> | null
+    ): AvoSafeDeployedEventFilter;
+
+    "Initialized(uint8)"(version?: null): InitializedEventFilter;
+    Initialized(version?: null): InitializedEventFilter;
+  };
+
+  estimateGas: {
+    avoSafeBytecode(overrides?: CallOverrides): Promise<BigNumber>;
+
+    avoVersionsRegistry(overrides?: CallOverrides): Promise<BigNumber>;
+
+    avoWalletImpl(overrides?: CallOverrides): Promise<BigNumber>;
+
+    computeAddress(
+      owner_: PromiseOrValue<string>,
+      overrides?: CallOverrides
+    ): Promise<BigNumber>;
+
+    deploy(
+      owner_: PromiseOrValue<string>,
+      overrides?: Overrides & { from?: PromiseOrValue<string> }
+    ): Promise<BigNumber>;
+
+    initialize(
+      overrides?: Overrides & { from?: PromiseOrValue<string> }
+    ): Promise<BigNumber>;
+
+    setAvoWalletImpl(
+      avoWalletImpl_: PromiseOrValue<string>,
+      overrides?: Overrides & { from?: PromiseOrValue<string> }
+    ): Promise<BigNumber>;
+  };
+
+  populateTransaction: {
+    avoSafeBytecode(overrides?: CallOverrides): Promise<PopulatedTransaction>;
+
+    avoVersionsRegistry(
+      overrides?: CallOverrides
+    ): Promise<PopulatedTransaction>;
+
+    avoWalletImpl(overrides?: CallOverrides): Promise<PopulatedTransaction>;
+
+    computeAddress(
+      owner_: PromiseOrValue<string>,
+      overrides?: CallOverrides
+    ): Promise<PopulatedTransaction>;
+
+    deploy(
+      owner_: PromiseOrValue<string>,
+      overrides?: Overrides & { from?: PromiseOrValue<string> }
+    ): Promise<PopulatedTransaction>;
+
+    initialize(
+      overrides?: Overrides & { from?: PromiseOrValue<string> }
+    ): Promise<PopulatedTransaction>;
+
+    setAvoWalletImpl(
+      avoWalletImpl_: PromiseOrValue<string>,
+      overrides?: Overrides & { from?: PromiseOrValue<string> }
+    ): Promise<PopulatedTransaction>;
+  };
+}