From d6b779d074a02a60c997b070b8cc548d3ad140b5 Mon Sep 17 00:00:00 2001
From: Andreas Richter <708186+richtera@users.noreply.github.com>
Date: Fri, 29 Mar 2024 09:18:36 -0400
Subject: [PATCH 1/8] fix: Add biome settings

---
 biome.json                                   |  14 ++
 src/components/endpoints/SendTransaction.vue |  72 ++++++++-
 src/components/shared/ContractFunction.vue   | 146 ++++++++++++++-----
 src/components/shared/ParamField.vue         |  96 ++++++++++--
 src/compositions/useWeb3Connection.ts        |  24 +--
 src/helpers/functionUtils.ts                 |  13 +-
 src/helpers/tokenUtils.ts                    |  19 ++-
 7 files changed, 298 insertions(+), 86 deletions(-)
 create mode 100644 biome.json

diff --git a/biome.json b/biome.json
new file mode 100644
index 00000000..93897a3f
--- /dev/null
+++ b/biome.json
@@ -0,0 +1,14 @@
+{
+  "$schema": "https://biomejs.dev/schemas/1.6.1/schema.json",
+  "linter": {
+    "enabled": true,
+    "rules": {
+      "suspicious": {
+        "noExplicitAny": "off"
+      },
+      "performance": {
+        "noDelete": "off"
+      }
+    }
+  }
+}
diff --git a/src/components/endpoints/SendTransaction.vue b/src/components/endpoints/SendTransaction.vue
index 3112c011..5da57473 100644
--- a/src/components/endpoints/SendTransaction.vue
+++ b/src/components/endpoints/SendTransaction.vue
@@ -1,7 +1,7 @@
 <script setup lang="ts">
 import { toWei, toNumber } from 'web3-utils'
 import { ref, watch, reactive, computed } from 'vue'
-import { TransactionConfig } from 'web3-core'
+import type { TransactionConfig } from 'web3-core'
 
 import { getState, setState } from '@/stores'
 import Notifications from '@/components/Notification.vue'
@@ -14,7 +14,7 @@ import {
   getSelectedNetworkConfig,
 } from '@/helpers/config'
 import ContractFunction from '@/components/shared/ContractFunction.vue'
-import { MethodSelect, MethodType } from '@/helpers/functionUtils'
+import type { MethodSelect, MethodType } from '@/helpers/functionUtils'
 import { LSPType } from '@/helpers/tokenUtils'
 import useWeb3Connection from '@/compositions/useWeb3Connection'
 
@@ -26,11 +26,16 @@ const {
   getBalance,
   estimateGas,
   defaultMaxPriorityFeePerGas,
+  call,
 } = useWeb3Connection()
 
 const data = ref<string>('')
 const hasData = ref(false)
 const isPending = ref(false)
+const callResults = ref<string | null>(null)
+const resultFormat = reactive<{ item: MethodSelect }>({
+  item: { label: 'results' },
+})
 
 const methods: MethodSelect[] = [
   {
@@ -351,6 +356,7 @@ const send = async () => {
 
   try {
     isPending.value = true
+    callResults.value = null
     await sendTransaction(transaction)
     setNotification('The transaction was successful')
     setState('balance', await getBalance(from))
@@ -361,6 +367,35 @@ const send = async () => {
   }
 }
 
+const rawCall = async () => {
+  clearNotification()
+
+  const from = makeValue(params.items[0])
+  console.log('from', from, params.items)
+  let transaction = {
+    from,
+    to: makeValue(params.items[1]),
+    value: makeValue(params.items[2]),
+  } as TransactionConfig
+  if (hasData.value) {
+    transaction = { ...transaction, data: data.value }
+  }
+
+  console.log(transaction)
+
+  try {
+    isPending.value = true
+    callResults.value = null
+    const result = await call(transaction)
+    callResults.value = result
+    setNotification('Call executed successfully.')
+    setState('balance', await getBalance(from))
+  } catch (error) {
+    setNotification((error as unknown as Error).message, 'danger')
+  } finally {
+    isPending.value = false
+  }
+}
 const method = reactive<{ item: MethodSelect }>({ item: methods[0] })
 const params = reactive<{ items: MethodType[] }>({
   items: [
@@ -390,14 +425,14 @@ const params = reactive<{ items: MethodType[] }>({
 })
 
 const selectMethod = (e: Event) => {
-  const value = parseInt((e.target as HTMLInputElement).value, 10)
+  const value = Number.parseInt((e.target as HTMLInputElement).value, 10)
   const { to, amount, ...item } =
     value >= methods.length
       ? items.items[value - methods.length]
       : methods[value]
-  Object.entries(item).forEach(([key, val]) => {
+  for (const [key, val] of Object.entries(item)) {
     ;(method.item as any)[key] = val
-  })
+  }
   params.items = params.items.map((param, index) => {
     if (index === 1) {
       if (
@@ -412,10 +447,10 @@ const selectMethod = (e: Event) => {
   })
   method.item.call = item.call
   hasData.value = item.call != null
-  if (to != undefined) {
+  if (to != null) {
     params.items[1].value = to
   }
-  if (amount != undefined) {
+  if (amount != null) {
     params.items[2].value = amount
   }
   defaultMaxPriorityFeePerGas().then(value => {
@@ -477,7 +512,7 @@ const hasRemove = computed<boolean>(() => {
 
 <template>
   <div class="tile is-4 is-parent">
-    <div class="tile is-child box">
+    <div class="tile is-child box" style="width: 100%">
       <p class="is-size-5 has-text-weight-bold mb-4">Transaction</p>
       <div class="field">
         <div class="select is-fullwidth mb-2">
@@ -586,6 +621,15 @@ const hasRemove = computed<boolean>(() => {
         >
           Send Transaction
         </button>
+        <button
+          :class="`button is-primary is-rounded mt-4 ${
+            isPending ? 'is-loading' : ''
+          }`"
+          data-testid="rawCall"
+          @click="rawCall"
+        >
+          Call
+        </button>
       </div>
 
       <div class="field">
@@ -595,6 +639,18 @@ const hasRemove = computed<boolean>(() => {
         >.
       </div>
 
+      <div v-if="callResults">
+        <label class="label">Call result</label>
+        <ContractFunction
+          v-model="resultFormat.item.inputs"
+          custom
+          :data="callResults"
+          :data-decoder="true"
+          :hide-data="true"
+        />
+        <div class="box" style="overflow-wrap: anywhere">{{ callResults }}</div>
+      </div>
+
       <div class="field">
         <Notifications
           v-if="hasNotification"
diff --git a/src/components/shared/ContractFunction.vue b/src/components/shared/ContractFunction.vue
index 264b2609..bbe8ac4b 100644
--- a/src/components/shared/ContractFunction.vue
+++ b/src/components/shared/ContractFunction.vue
@@ -1,7 +1,7 @@
 <script setup lang="ts">
-import { decodeData, MethodType } from '@/helpers/functionUtils'
+import { decodeData, type MethodType } from '@/helpers/functionUtils'
 import { reactive, computed, watch, onMounted } from 'vue'
-import { toWei, Unit, padLeft } from 'web3-utils'
+import { toWei, type Unit, padLeft, numberToHex } from 'web3-utils'
 import ParamField from './ParamField.vue'
 import useWeb3Connection from '@/compositions/useWeb3Connection'
 import ERC725 from '@erc725/erc725.js'
@@ -18,6 +18,7 @@ type Props = {
   hideData?: boolean
   data?: string
   testidPrefix?: string
+  dataDecoder?: boolean
 }
 
 type Emits = {
@@ -35,10 +36,11 @@ const IS_ARRAY_TYPE_REGEXP = /\[\]$/
 const SUPPORTED_TYPES_REGEXP =
   /^(bytes(3[0-2]|2[0-9]|1[0-9]|[1-9])?|u?int(8|16|32|64|128|256)|string|bool|address)(\[\])?$/
 const FUNCTION_REGEXP = /^([a-z_]*)\(([^)]*)\)$/i
+const ONLYARGS_REGEXP = /^()(.*)$/i
 
-function convertModel(model?: MethodType[]) {
-  model =
-    model?.map((info: MethodType) => {
+function convertModel(_model?: MethodType[]) {
+  const model =
+    _model?.map((info: MethodType) => {
       let value = info.value ?? undefined
       if (info.type.match(IS_ARRAY_TYPE_REGEXP) && value == null) {
         value = []
@@ -119,12 +121,15 @@ function handleIsKey(param: number, isKey?: boolean) {
 }
 
 const computedCall = computed<string>(() => {
-  if (!reactiveData.call) {
-    return ''
-  }
-  return `${reactiveData.call}(${reactiveData.items
-    ?.map(({ name, type }) => `${type} ${name}`)
-    .join(', ')})`
+  return props.dataDecoder
+    ? `${reactiveData.items
+        ?.map(({ name, type }) => `${type} ${name}`)
+        .join(', ')}`
+    : reactiveData.call
+    ? `${reactiveData.call}(${reactiveData.items
+        ?.map(({ name, type }) => `${type} ${name}`)
+        .join(', ')})`
+    : ''
 })
 
 /**
@@ -134,7 +139,9 @@ const computedCall = computed<string>(() => {
  */
 function handleCall(e: Event) {
   const { value } = e.target as HTMLTextAreaElement
-  const [_all, newCall, newArgs] = FUNCTION_REGEXP.exec(value || '') || []
+  const [_all, newCall, newArgs] = props.dataDecoder
+    ? ONLYARGS_REGEXP.exec(value || '') || []
+    : FUNCTION_REGEXP.exec(value || '') || []
   if (!_all) {
     return
   }
@@ -166,12 +173,13 @@ function handleCall(e: Event) {
 const makeBytes32 = (value: string, type: string) => {
   if (/^bytes32/.test(type)) {
     if (/^[0-9]+$/.test(value)) {
-      return padLeft(value, 64)
+      const hex = numberToHex(value)
+      return padLeft(hex, 64)
     }
     if (/^0x[0-9a-f]*$/i.test(value)) {
       return padLeft(value.replace(/^0x/, ''), 64)
     }
-    if (/^\w*:.*,.*$/.test(value)) {
+    if (/^\w*(:.*,.*)?$/.test(value)) {
       const items = (value || '').split(',')
       try {
         return ERC725.encodeKeyName(items[0], items.slice(1))
@@ -183,29 +191,63 @@ const makeBytes32 = (value: string, type: string) => {
   return value
 }
 
+if (props.dataDecoder) {
+  watch(
+    () => reactiveData.items?.map(({ type }) => type),
+    async () => {
+      const value = props.data
+      if (value) {
+        try {
+          const { eth } = getWeb3()
+          const output = eth.abi.decodeParameters(
+            reactiveData.items.map(({ type }) => type),
+            value
+          )
+          for (const [index, item] of Object.entries(output)) {
+            if (Number.isNaN(Number(index))) {
+              continue
+            }
+            reactiveData.items[Number(index)].value = item
+          }
+          emits('update:modelValue', reactiveData.items)
+        } catch (err) {
+          // Ignore
+        }
+      }
+    }
+  )
+}
+
 const output = computed<{ error: undefined | string; value: string }>(() => {
   try {
-    if (!reactiveData.call) {
+    if (!reactiveData.call && !props.dataDecoder) {
       return { value: '0x', error: undefined }
     }
     const { eth } = getWeb3()
-    const callSig = `${reactiveData.call}(${reactiveData.items
-      .map(({ type }) => type)
-      .join(',')})`
+    const callSig = props.dataDecoder
+      ? `${reactiveData.items.map(({ type }) => type).join(',')}`
+      : `${reactiveData.call}(${reactiveData.items
+          .map(({ type }) => type)
+          .join(',')})`
+    const types = reactiveData.items.map(({ type }) => type)
+    const args = reactiveData.items.map(({ value, type, isWei }) => {
+      const makeItem = (value: any) =>
+        /^bytes32/.test(type)
+          ? makeBytes32(value, type) ?? '0x'
+          : makeValue(value, isWei) || ''
+      if (/\[\]$/.test(type)) {
+        return value.map(makeItem)
+      }
+      return makeItem(value)
+    })
+    if (props.dataDecoder) {
+      return {
+        error: undefined,
+        value: props.data || '0x',
+      }
+    }
     const output = `${eth.abi.encodeFunctionSignature(callSig)}${eth.abi
-      .encodeParameters(
-        reactiveData.items.map(({ type }) => type),
-        reactiveData.items.map(({ value, type, isWei }) => {
-          const makeItem = (value: any) =>
-            /^bytes32/.test(type)
-              ? makeBytes32(value, type) ?? '0x'
-              : makeValue(value, isWei) || ''
-          if (/\[\]$/.test(type)) {
-            return value.map(makeItem)
-          }
-          return makeItem(value)
-        })
-      )
+      .encodeParameters(types, args)
       .substring(2)}`
     return {
       error: undefined,
@@ -227,14 +269,34 @@ watch(
   () => props.data,
   async value => {
     const { value: _value } = output.value
+
     if (value && value !== _value) {
-      try {
-        const { eth } = getWeb3()
-        const method = await decodeData(eth, value)
-        reactiveData.call = method.call
-        reactiveData.items = method.inputs || []
-      } catch (err) {
-        // Ignore
+      if (props.dataDecoder) {
+        try {
+          const { eth } = getWeb3()
+          const output = eth.abi.decodeParameters(
+            reactiveData.items.map(({ type }) => type),
+            value
+          )
+          for (const [index, item] of Object.entries(output)) {
+            if (Number.isNaN(Number(index))) {
+              continue
+            }
+            reactiveData.items[Number(index)].value = item
+          }
+          emits('update:modelValue', reactiveData.items)
+        } catch (err) {
+          // Ignore
+        }
+      } else {
+        try {
+          const { eth } = getWeb3()
+          const method = await decodeData(eth, value)
+          reactiveData.call = method.call
+          reactiveData.items = method.inputs || []
+        } catch (err) {
+          // Ignore
+        }
       }
     }
   }
@@ -252,7 +314,11 @@ onMounted(() => {
   <div :class="{ box: !props.onlyParams, 'mb-5': true }">
     <div v-if="!props.onlyParams">
       <label class="label">{{
-        !props.custom ? `Function ${computedCall}` : 'Function'
+        props.dataDecoder
+          ? 'Decode Types'
+          : !props.custom
+          ? `Function ${computedCall}`
+          : 'Function'
       }}</label>
       <div v-if="props.custom" class="field">
         <input
@@ -272,6 +338,7 @@ onMounted(() => {
         :model-value="item.value"
         :info="item"
         :custom="props.custom"
+        :data-decoder="props.dataDecoder"
         :testid-prefix="props.testidPrefix"
         @update:is-key="e => handleIsKey(index, e)"
         @update:error="e => handleError(index, e)"
@@ -281,6 +348,7 @@ onMounted(() => {
     </div>
     <div
       v-if="!props.onlyParams && !props.hideData"
+      style="overflow-wrap: anywhere"
       :class="{ box: true, 'is-danger': output.error }"
     >
       <div style="overflow-wrap: anywhere">{{ output.value }}</div>
diff --git a/src/components/shared/ParamField.vue b/src/components/shared/ParamField.vue
index 71516010..81a51237 100644
--- a/src/components/shared/ParamField.vue
+++ b/src/components/shared/ParamField.vue
@@ -1,15 +1,23 @@
 <script setup lang="ts">
 import { reactive, computed, watch } from 'vue'
-import { toWei, Unit, padLeft, numberToHex } from 'web3-utils'
-import ERC725 from '@erc725/erc725.js'
+import { toWei, type Unit, padLeft, numberToHex } from 'web3-utils'
+import ERC725, { type ERC725JSONSchema } from '@erc725/erc725.js'
 import LSPSelect from '@/components/shared/LSPSelect.vue'
 import { BN } from 'bn.js'
-import { MethodType } from '@/helpers/functionUtils'
-import { TokenInfo } from '@/helpers/tokenUtils'
+import type { MethodType } from '@/helpers/functionUtils'
+import type { TokenInfo } from '@/helpers/tokenUtils'
+import LSP3ProfileMetadata from '@erc725/erc725.js/schemas/LSP3ProfileMetadata.json'
+import LSP4DigitalAsset from '@erc725/erc725.js/schemas/LSP4DigitalAsset.json'
+import LSP9Vault from '@erc725/erc725.js/schemas/LSP9Vault.json'
+
+const schemas = LSP3ProfileMetadata.concat(LSP4DigitalAsset, LSP9Vault)
 
 interface ElementType {
   error?: string | undefined
   value: any
+  decoder?: string
+  decoded?: any
+  decodedError?: string
 }
 
 type Props = {
@@ -17,6 +25,7 @@ type Props = {
   modelValue: any
   custom?: boolean
   testidPrefix?: string
+  dataDecoder?: boolean
 }
 
 type Emits = {
@@ -36,11 +45,12 @@ const isArray = computed<boolean>(
   () => methodInfo.value.type?.match(/\[\]$/) != null
 )
 
-function makeWei(value: string, hex = false) {
+function makeWei(_value: string, hex = false) {
   try {
-    if (typeof value !== 'string') {
-      value = numberToHex(value)
-    }
+    const value =
+      typeof _value === 'string' && /^0x/.test(_value)
+        ? _value
+        : numberToHex(_value)
     const val = methodInfo.value.isWei
       ? toWei(value, methodInfo.value.isWei as Unit)
       : value
@@ -284,6 +294,31 @@ const handleChange = (index: number, e: Event) => {
   }
 }
 
+const handleLSP = (index: number, e: Event) => {
+  const { value } = e.target as HTMLInputElement
+  const item = data.items[index]
+  item.decoder = value
+  try {
+    const [keyName] = value.split(',')
+    item.decodedError = undefined
+
+    const output = ERC725.decodeData(
+      [{ keyName, value: item.value }],
+      schemas as ERC725JSONSchema[]
+    )
+    const decoded = output.find(({ name }) => name === keyName)?.value
+    if (decoded) {
+      if (typeof decoded === 'object') {
+        item.decoded = JSON.stringify(decoded, null, 2)
+      } else {
+        item.decoded = decoded
+      }
+    }
+  } catch (error: any) {
+    item.decodedError = error.message
+  }
+}
+
 const handleSelected = (index: number, info: TokenInfo) => {
   const item = data.items[index]
   const { value, error } = validate(info.address)
@@ -322,11 +357,11 @@ const shouldBytes32 = (index: number) => {
   return false
 }
 
-const makeBytes32 = (index: number) => {
+const makeBytes32 = (index: number, force = false) => {
   const item = data.items[index]
   if (/^bytes32/.test(methodInfo.value.type)) {
     if (
-      methodInfo.value.isKey &&
+      (force || methodInfo.value.isKey) &&
       !/^0x/i.test(item.value) &&
       /^[a-z0-9]+$/i.test(item.value)
     ) {
@@ -354,7 +389,12 @@ const hasError = (index: number) => {
 </script>
 
 <template>
-  <div v-for="(item, index) of data.items" :key="index" class="field">
+  <div
+    v-for="(item, index) of data.items"
+    :key="index"
+    class="field"
+    style="max-width: 100%"
+  >
     <label v-if="methodInfo.type !== 'bool'" class="label"
       >{{
         methodInfo.label
@@ -367,6 +407,7 @@ const hasError = (index: number) => {
       }}<select
         v-if="props.custom && methodInfo.type.match(/^u?int256/)"
         :value="methodInfo.isWei"
+        :readonly="props.dataDecoder"
         class="ml-1"
         @change="handleUnits"
       >
@@ -399,18 +440,20 @@ const hasError = (index: number) => {
         <option value="gether">gether</option>
         <option value="tether">tether</option></select
       >{{ !props.custom && methodInfo.isWei ? methodInfo.isWei : ''
-      }}<label v-if="methodInfo.type === 'bytes32'" class="ml-2"
+      }}<label v-if="/^bytes32/.test(methodInfo.type)" class="ml-2"
         ><input
           type="checkbox"
+          :readonly="props.dataDecoder"
           :checked="methodInfo.isKey"
           :data-testid="props.testidPrefix + methodInfo.name + '_isKey'"
           @input="handleIsKey"
-        />&nbsp;Decode LSPKey</label
+        />&nbsp;Encode LSP DataKey</label
       >)
     </label>
     <LSPSelect
       v-if="methodInfo.type.match(/^address/)"
       :show-types="methodInfo.hasSpecs"
+      :readonly="props.dataDecoder"
       :address="item.value"
       @option-selected="(e: TokenInfo) => handleSelected(index, e)"
     />
@@ -418,6 +461,7 @@ const hasError = (index: number) => {
       <input
         v-if="methodInfo.type !== 'bool'"
         :value="item.value"
+        :readonly="props.dataDecoder"
         class="input is-family-code"
         type="text"
         :data-testid="props.testidPrefix + methodInfo.name"
@@ -427,6 +471,7 @@ const hasError = (index: number) => {
         ><input
           type="checkbox"
           :checked="item.value"
+          :readonly="props.dataDecoder"
           :data-testid="props.testidPrefix + methodInfo.name"
           @input="e => handleChange(index, e)"
         />&nbsp;{{
@@ -453,15 +498,36 @@ const hasError = (index: number) => {
     <p v-if="shouldWei(index)" class="help" style="overflow-wrap: anywhere">
       actual value {{ makeWei(item.value) }} ({{ makeWei(item.value, true) }})
     </p>
+    <div v-if="props.dataDecoder" class="w-100">
+      <div>
+        <label>LSP Decoder</label
+        ><input
+          :value="item.decoder"
+          class="input is-family-code"
+          type="text"
+          @input="e => handleLSP(index, e)"
+        />
+      </div>
+      <pre v-if="item.decoded" class="help" style="overflow-x: scroll">{{
+        item.decoded
+      }}</pre>
+      <p
+        v-if="item.decodedError"
+        class="help is-danger"
+        style="overflow-wrap: anywhere"
+      >
+        {{ item.decodedError }}
+      </p>
+    </div>
     <p v-if="hasError(index)" class="help is-danger">{{ hasError(index) }}</p>
-    <div v-if="isArray" class="mt-1">
+    <div v-if="!props.dataDecoder && isArray" class="mt-1">
       <button @click="handleAdd(index)">Add</button
       ><button v-if="data.items.length > 0" @click="handleRemove(index)">
         Remove
       </button>
     </div>
   </div>
-  <div v-if="isArray && data.items.length === 0">
+  <div v-if="!props.dataDecoder && isArray && data.items.length === 0">
     <label class="label">{{
       methodInfo.label
         ? methodInfo.label
diff --git a/src/compositions/useWeb3Connection.ts b/src/compositions/useWeb3Connection.ts
index c96317ec..244f94f2 100644
--- a/src/compositions/useWeb3Connection.ts
+++ b/src/compositions/useWeb3Connection.ts
@@ -1,4 +1,4 @@
-import { AbiItem, isAddress as baseIsAddress } from 'web3-utils'
+import { type AbiItem, isAddress as baseIsAddress } from 'web3-utils'
 import {
   UP_CONNECTED_ADDRESS,
   WALLET_CONNECT,
@@ -7,13 +7,13 @@ import {
 import useWalletConnectV2 from './useWalletConnectV2'
 import useWeb3Onboard from './useWeb3Onboard'
 import { ref } from 'vue'
-import { TransactionConfig, TransactionReceipt } from 'web3-core'
+import type { TransactionConfig, TransactionReceipt } from 'web3-core'
 import { resetNetworkConfig, setNetworkConfig } from '@/helpers/config'
 import { getState, useState } from '@/stores'
-import EthereumProvider from '@walletconnect/ethereum-provider/dist/types/EthereumProvider'
+import type EthereumProvider from '@walletconnect/ethereum-provider/dist/types/EthereumProvider'
 import Web3 from 'web3'
-import { ContractOptions, Contract } from 'web3-eth-contract'
-import { EthereumProviderError } from 'eth-rpc-errors'
+import type { ContractOptions, Contract } from 'web3-eth-contract'
+import type { EthereumProviderError } from 'eth-rpc-errors'
 
 const web3Onboard = useWeb3Onboard()
 const web3WalletConnectV2 = useWalletConnectV2()
@@ -81,9 +81,9 @@ const setupProvider = async (
 }
 
 const disconnect = async () => {
-  if (getState('channel') == WALLET_CONNECT) {
+  if (getState('channel') === WALLET_CONNECT) {
     await provider.value?.disconnect()
-  } else if (getState('channel') == WEB3_ONBOARD) {
+  } else if (getState('channel') === WEB3_ONBOARD) {
     await web3Onboard.disconnect()
   } else {
     localStorage.removeItem(UP_CONNECTED_ADDRESS)
@@ -123,12 +123,16 @@ const estimateGas = async (transaction: TransactionConfig) => {
   return Number(await web3.eth.estimateGas(transaction))
 }
 
+const call = async (transaction: TransactionConfig) => {
+  return await web3.eth.call(transaction)
+}
+
 const sendTransaction = async (
   transaction: TransactionConfig
 ): Promise<TransactionReceipt> => {
   return await web3.eth
     .sendTransaction(transaction)
-    .on('receipt', function (receipt: any) {
+    .on('receipt', (receipt: any) => {
       console.log(receipt)
     })
     .once('sending', payload => {
@@ -139,9 +143,8 @@ const sendTransaction = async (
 const sendRequest = async (request: any): Promise<any> => {
   if (provider.value) {
     return await provider.value.request(request)
-  } else {
-    console.warn('Provider is not set up or not connected.')
   }
+  console.warn('Provider is not set up or not connected.')
 }
 
 const accounts = async () => {
@@ -187,6 +190,7 @@ export default function useWeb3Connection() {
     getBalance,
     sendTransaction,
     defaultMaxPriorityFeePerGas,
+    call,
     accounts,
     requestAccounts,
     estimateGas,
diff --git a/src/helpers/functionUtils.ts b/src/helpers/functionUtils.ts
index 10f7adad..6cfa2009 100644
--- a/src/helpers/functionUtils.ts
+++ b/src/helpers/functionUtils.ts
@@ -1,7 +1,7 @@
-import { LSPType } from '@/helpers/tokenUtils'
+import type { LSPType } from '@/helpers/tokenUtils'
 import { SIGNATURE_LOOKUP_URL } from '@/helpers/config'
-import Web3 from 'web3'
-import { Unit, isAddress } from 'web3-utils'
+import type Web3 from 'web3'
+import { type Unit, isAddress } from 'web3-utils'
 
 export type MethodType = {
   label?: string
@@ -77,8 +77,9 @@ export function getSelectorLookupURL(selector: string) {
 
 export const decodeData = async (
   eth: Web3['eth'],
-  data: string
+  _data: string
 ): Promise<MethodSelect> => {
+  let data = _data
   if (/^0x/i.test(data)) {
     data = data.substring(2)
   }
@@ -108,7 +109,7 @@ export const decodeData = async (
             .map((_val, index) => {
               if (params[index] === 'bool') {
                 const val = args[`${index}`]
-                if (val != 1 && val != 0) {
+                if (val !== 1 && val !== 0) {
                   // Due to javascript truthyness any non-empty or non-zero value is encoded as true without a problem.
                   // The output packet won't match but there is really no reason to even try.
                   throw new Error('Invalid boolean value')
@@ -151,5 +152,5 @@ export const decodeData = async (
       }
     }
   }
-  throw new Error(`Unable to decode data`)
+  throw new Error('Unable to decode data')
 }
diff --git a/src/helpers/tokenUtils.ts b/src/helpers/tokenUtils.ts
index e370aa69..a49c3bd0 100644
--- a/src/helpers/tokenUtils.ts
+++ b/src/helpers/tokenUtils.ts
@@ -1,5 +1,5 @@
 import BN from 'bn.js'
-import ERC725, { ERC725JSONSchema } from '@erc725/erc725.js'
+import ERC725, { type ERC725JSONSchema } from '@erc725/erc725.js'
 import { INTERFACE_IDS } from '@lukso/lsp-smart-contracts'
 import LSP3ProfileMetadata from '@erc725/erc725.js/schemas/LSP3ProfileMetadata.json'
 import LSP4DigitalAsset from '@erc725/erc725.js/schemas/LSP4DigitalAsset.json'
@@ -10,9 +10,9 @@ import { erc20ABI } from '@/abis/erc20ABI'
 import { store, setState } from '@/stores/index'
 import { getSelectedNetworkConfig } from '@/helpers/config'
 import useWeb3Connection from '@/compositions/useWeb3Connection'
-import { rightPad, fromUtf8, leftPad } from 'web3-utils'
+import { rightPad, fromUtf8, isHex, leftPad, toNumber } from 'web3-utils'
 import { LSP8_TOKEN_ID_FORMAT } from '@lukso/lsp-smart-contracts'
-import { LSP4MetadataUrlForEncoding } from '@lukso/lsp-factory.js/build/main/src/lib/interfaces/lsp4-digital-asset'
+import type { LSP4MetadataUrlForEncoding } from '@lukso/lsp-factory.js/build/main/src/lib/interfaces/lsp4-digital-asset'
 
 const { lsp7TokenDivisible, lsp7TokenNonDivisible } = getSelectedNetworkConfig()
 
@@ -161,7 +161,7 @@ export const detectLSP = async (
 
       if (currentDecimals !== '0') {
         const _balance = await contract.methods
-          .balanceOf(store['address'])
+          .balanceOf(store.address)
           .call()
           .catch(() => undefined)
         balance = _balance
@@ -255,7 +255,7 @@ export function addTokenToLocalStore(address: string) {
 export async function recalculateAssets() {
   const { getInstance } = useErc725()
 
-  const address = store['address']
+  const address = store.address
   if (!address) {
     return
   }
@@ -270,11 +270,11 @@ export async function recalculateAssets() {
       return all
     }, {})
     const tokens = getTokensCreated()
-    tokens.forEach(address => {
+    for (const address of tokens) {
       if (!(address in mapAssets)) {
         mapAssets[address] = false
       }
-    })
+    }
     if (!(lsp7TokenDivisible in mapAssets)) {
       mapAssets[lsp7TokenDivisible] = false
     }
@@ -328,10 +328,13 @@ export async function recalculateAssets() {
 export const padTokenId = (tokenIdType: number, tokenId: string) => {
   switch (tokenIdType) {
     case LSP8_TOKEN_ID_FORMAT.NUMBER:
-      return `0x${leftPad(tokenId, 64)}`
+      return leftPad(toNumber(tokenId), 64)
     case LSP8_TOKEN_ID_FORMAT.STRING:
       return rightPad(fromUtf8(tokenId), 64)
     case LSP8_TOKEN_ID_FORMAT.UNIQUE_ID:
+      if (!isHex(tokenId)) {
+        throw new Error('Token ID is not a valid hex value')
+      }
       return rightPad(tokenId, 64)
     case LSP8_TOKEN_ID_FORMAT.HASH:
       return tokenId // it's 32 bytes already

From 358919f662266f7b7c84a7b22c98b2cba64f7e53 Mon Sep 17 00:00:00 2001
From: Andreas Richter <708186+richtera@users.noreply.github.com>
Date: Fri, 29 Mar 2024 09:38:17 -0400
Subject: [PATCH 2/8] fix: Repair lint error decodeData does actually return an
 array (need to fix in erc725)

---
 src/components/shared/ParamField.vue | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/src/components/shared/ParamField.vue b/src/components/shared/ParamField.vue
index 81a51237..2bd1078e 100644
--- a/src/components/shared/ParamField.vue
+++ b/src/components/shared/ParamField.vue
@@ -306,7 +306,8 @@ const handleLSP = (index: number, e: Event) => {
       [{ keyName, value: item.value }],
       schemas as ERC725JSONSchema[]
     )
-    const decoded = output.find(({ name }) => name === keyName)?.value
+    const decoded = (output as any[]).find(({ name }) => name === keyName)
+      ?.value
     if (decoded) {
       if (typeof decoded === 'object') {
         item.decoded = JSON.stringify(decoded, null, 2)

From 9bdf10e280269d8dd9bb3e29c1f5e67d139d6c0b Mon Sep 17 00:00:00 2001
From: Andreas Richter <708186+richtera@users.noreply.github.com>
Date: Tue, 2 Apr 2024 10:37:51 -0400
Subject: [PATCH 3/8] fix: Repair cloudflare script

---
 package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/package.json b/package.json
index 82a64b22..48cb1f0c 100644
--- a/package.json
+++ b/package.json
@@ -6,7 +6,7 @@
   "scripts": {
     "dev": "vite --mode development",
     "build": "vue-tsc --noEmit && vite build",
-    "build:cloudflare": "yarn lint:js && yarn lint:css && yarn lint:format && yarn lint:types && yarn test:unit && yarn build",
+    "build:cloudflare": "yarn lint:js && yarn lint:css && yarn lint:format && yarn lint:types && yarn test && yarn build",
     "preview": "vite preview",
     "test": "jest",
     "lint": "npm-run-all --aggregate-output --continue-on-error --parallel 'lint:*!(fix)'",

From 07dde5b365d55969e55c53d8c4e9e15cf389af0e Mon Sep 17 00:00:00 2001
From: Andreas Richter <708186+richtera@users.noreply.github.com>
Date: Tue, 2 Apr 2024 17:01:56 -0400
Subject: [PATCH 4/8] fix: Simplify and cleanup and try again

---
 biome.json                                   |  3 +
 src/components/endpoints/SendTransaction.vue | 87 +++++++++++---------
 src/components/shared/ContractFunction.vue   | 11 ++-
 src/components/shared/ParamField.vue         |  8 +-
 src/compositions/useWeb3Connection.ts        | 25 +++---
 src/helpers/functionUtils.ts                 |  6 +-
 src/helpers/tokenUtils.ts                    |  4 +-
 7 files changed, 79 insertions(+), 65 deletions(-)

diff --git a/biome.json b/biome.json
index 93897a3f..ab0a1f73 100644
--- a/biome.json
+++ b/biome.json
@@ -8,6 +8,9 @@
       },
       "performance": {
         "noDelete": "off"
+      },
+      "style": {
+        "useImportType": "off"
       }
     }
   }
diff --git a/src/components/endpoints/SendTransaction.vue b/src/components/endpoints/SendTransaction.vue
index 5da57473..6ca41945 100644
--- a/src/components/endpoints/SendTransaction.vue
+++ b/src/components/endpoints/SendTransaction.vue
@@ -1,7 +1,7 @@
 <script setup lang="ts">
 import { toWei, toNumber } from 'web3-utils'
 import { ref, watch, reactive, computed } from 'vue'
-import type { TransactionConfig } from 'web3-core'
+import { TransactionConfig } from 'web3-core'
 
 import { getState, setState } from '@/stores'
 import Notifications from '@/components/Notification.vue'
@@ -14,7 +14,7 @@ import {
   getSelectedNetworkConfig,
 } from '@/helpers/config'
 import ContractFunction from '@/components/shared/ContractFunction.vue'
-import type { MethodSelect, MethodType } from '@/helpers/functionUtils'
+import { MethodSelect, MethodType } from '@/helpers/functionUtils'
 import { LSPType } from '@/helpers/tokenUtils'
 import useWeb3Connection from '@/compositions/useWeb3Connection'
 
@@ -26,7 +26,7 @@ const {
   getBalance,
   estimateGas,
   defaultMaxPriorityFeePerGas,
-  call,
+  executeCall,
 } = useWeb3Connection()
 
 const data = ref<string>('')
@@ -324,20 +324,22 @@ const estimate = async () => {
     transaction = { ...transaction, data: data.value }
   }
 
-  try {
-    isPending.value = true
-    const gas = await estimateGas(transaction)
-    setNotification(`Estimated gas ${gas}`)
-    params.items[5].value = gas
-    setState('balance', await getBalance(from))
-  } catch (error) {
-    setNotification((error as unknown as Error).message, 'danger')
-  } finally {
-    isPending.value = false
-  }
+  isPending.value = true
+  Promise.all([estimateGas(transaction), getBalance(from)])
+    .then(([gas, balance]) => {
+      setNotification(`Estimated gas ${gas}`)
+      params.items[5].value = gas
+      setState('balance', balance)
+    })
+    .catch(error => {
+      setNotification((error as unknown as Error).message, 'danger')
+    })
+    .finally(() => {
+      isPending.value = false
+    })
 }
 
-const send = async () => {
+const send = () => {
   clearNotification()
 
   const from = makeValue(params.items[0])
@@ -353,21 +355,22 @@ const send = async () => {
   if (hasData.value) {
     transaction = { ...transaction, data: data.value }
   }
-
-  try {
-    isPending.value = true
-    callResults.value = null
-    await sendTransaction(transaction)
-    setNotification('The transaction was successful')
-    setState('balance', await getBalance(from))
-  } catch (error) {
-    setNotification((error as unknown as Error).message, 'danger')
-  } finally {
-    isPending.value = false
-  }
+  isPending.value = true
+  callResults.value = null
+  Promise.all([sendTransaction(transaction), getBalance(from)])
+    .then(([, balance]) => {
+      setNotification('The transaction was successful')
+      setState('balance', balance)
+    })
+    .catch(error => {
+      setNotification((error as unknown as Error).message, 'danger')
+    })
+    .finally(() => {
+      isPending.value = false
+    })
 }
 
-const rawCall = async () => {
+const rawCall = () => {
   clearNotification()
 
   const from = makeValue(params.items[0])
@@ -383,18 +386,21 @@ const rawCall = async () => {
 
   console.log(transaction)
 
-  try {
-    isPending.value = true
-    callResults.value = null
-    const result = await call(transaction)
-    callResults.value = result
-    setNotification('Call executed successfully.')
-    setState('balance', await getBalance(from))
-  } catch (error) {
-    setNotification((error as unknown as Error).message, 'danger')
-  } finally {
-    isPending.value = false
-  }
+  isPending.value = true
+  callResults.value = null
+  Promise.all([executeCall(transaction), getBalance(from)])
+    .then(([result, balance]) => {
+      debugger
+      callResults.value = result
+      setNotification('Call executed successfully.')
+      setState('balance', balance)
+    })
+    .catch(error => {
+      setNotification((error as unknown as Error).message, 'danger')
+    })
+    .finally(() => {
+      isPending.value = false
+    })
 }
 const method = reactive<{ item: MethodSelect }>({ item: methods[0] })
 const params = reactive<{ items: MethodType[] }>({
@@ -459,6 +465,7 @@ const selectMethod = (e: Event) => {
 }
 
 const handleData = (e?: string) => {
+  console.log(e)
   if (data.value !== e || '') {
     data.value = e || ''
   }
diff --git a/src/components/shared/ContractFunction.vue b/src/components/shared/ContractFunction.vue
index bbe8ac4b..9305687a 100644
--- a/src/components/shared/ContractFunction.vue
+++ b/src/components/shared/ContractFunction.vue
@@ -1,7 +1,7 @@
 <script setup lang="ts">
-import { decodeData, type MethodType } from '@/helpers/functionUtils'
+import { decodeData, MethodType } from '@/helpers/functionUtils'
 import { reactive, computed, watch, onMounted } from 'vue'
-import { toWei, type Unit, padLeft, numberToHex } from 'web3-utils'
+import { toWei, Unit, padLeft, numberToHex } from 'web3-utils'
 import ParamField from './ParamField.vue'
 import useWeb3Connection from '@/compositions/useWeb3Connection'
 import ERC725 from '@erc725/erc725.js'
@@ -193,7 +193,7 @@ const makeBytes32 = (value: string, type: string) => {
 
 if (props.dataDecoder) {
   watch(
-    () => reactiveData.items?.map(({ type }) => type),
+    () => reactiveData.items?.map(({ type }) => type).join('-'),
     async () => {
       const value = props.data
       if (value) {
@@ -220,7 +220,7 @@ if (props.dataDecoder) {
 
 const output = computed<{ error: undefined | string; value: string }>(() => {
   try {
-    if (!reactiveData.call && !props.dataDecoder) {
+    if (!props.dataDecoder && !reactiveData.call) {
       return { value: '0x', error: undefined }
     }
     const { eth } = getWeb3()
@@ -254,6 +254,7 @@ const output = computed<{ error: undefined | string; value: string }>(() => {
       value: output,
     }
   } catch (err) {
+    console.error(err)
     return { error: (err as Error).message, value: '' }
   }
 })
@@ -287,6 +288,7 @@ watch(
           emits('update:modelValue', reactiveData.items)
         } catch (err) {
           // Ignore
+          console.error(err)
         }
       } else {
         try {
@@ -296,6 +298,7 @@ watch(
           reactiveData.items = method.inputs || []
         } catch (err) {
           // Ignore
+          console.error(err)
         }
       }
     }
diff --git a/src/components/shared/ParamField.vue b/src/components/shared/ParamField.vue
index 2bd1078e..dba440eb 100644
--- a/src/components/shared/ParamField.vue
+++ b/src/components/shared/ParamField.vue
@@ -1,11 +1,11 @@
 <script setup lang="ts">
 import { reactive, computed, watch } from 'vue'
-import { toWei, type Unit, padLeft, numberToHex } from 'web3-utils'
-import ERC725, { type ERC725JSONSchema } from '@erc725/erc725.js'
+import { toWei, Unit, padLeft, numberToHex } from 'web3-utils'
+import ERC725, { ERC725JSONSchema } from '@erc725/erc725.js'
 import LSPSelect from '@/components/shared/LSPSelect.vue'
 import { BN } from 'bn.js'
-import type { MethodType } from '@/helpers/functionUtils'
-import type { TokenInfo } from '@/helpers/tokenUtils'
+import { MethodType } from '@/helpers/functionUtils'
+import { TokenInfo } from '@/helpers/tokenUtils'
 import LSP3ProfileMetadata from '@erc725/erc725.js/schemas/LSP3ProfileMetadata.json'
 import LSP4DigitalAsset from '@erc725/erc725.js/schemas/LSP4DigitalAsset.json'
 import LSP9Vault from '@erc725/erc725.js/schemas/LSP9Vault.json'
diff --git a/src/compositions/useWeb3Connection.ts b/src/compositions/useWeb3Connection.ts
index 244f94f2..81cda44b 100644
--- a/src/compositions/useWeb3Connection.ts
+++ b/src/compositions/useWeb3Connection.ts
@@ -1,4 +1,4 @@
-import { type AbiItem, isAddress as baseIsAddress } from 'web3-utils'
+import { AbiItem, isAddress as baseIsAddress } from 'web3-utils'
 import {
   UP_CONNECTED_ADDRESS,
   WALLET_CONNECT,
@@ -7,13 +7,13 @@ import {
 import useWalletConnectV2 from './useWalletConnectV2'
 import useWeb3Onboard from './useWeb3Onboard'
 import { ref } from 'vue'
-import type { TransactionConfig, TransactionReceipt } from 'web3-core'
+import { TransactionConfig, TransactionReceipt } from 'web3-core'
 import { resetNetworkConfig, setNetworkConfig } from '@/helpers/config'
 import { getState, useState } from '@/stores'
-import type EthereumProvider from '@walletconnect/ethereum-provider/dist/types/EthereumProvider'
+import EthereumProvider from '@walletconnect/ethereum-provider/dist/types/EthereumProvider'
 import Web3 from 'web3'
-import type { ContractOptions, Contract } from 'web3-eth-contract'
-import type { EthereumProviderError } from 'eth-rpc-errors'
+import { ContractOptions, Contract } from 'web3-eth-contract'
+import { EthereumProviderError } from 'eth-rpc-errors'
 
 const web3Onboard = useWeb3Onboard()
 const web3WalletConnectV2 = useWalletConnectV2()
@@ -123,14 +123,14 @@ const estimateGas = async (transaction: TransactionConfig) => {
   return Number(await web3.eth.estimateGas(transaction))
 }
 
-const call = async (transaction: TransactionConfig) => {
-  return await web3.eth.call(transaction)
+const executeCall = (transaction: TransactionConfig): Promise<string> => {
+  return web3.eth.call(transaction)
 }
 
-const sendTransaction = async (
+const sendTransaction = (
   transaction: TransactionConfig
 ): Promise<TransactionReceipt> => {
-  return await web3.eth
+  return web3.eth
     .sendTransaction(transaction)
     .on('receipt', (receipt: any) => {
       console.log(receipt)
@@ -140,11 +140,12 @@ const sendTransaction = async (
     })
 }
 
-const sendRequest = async (request: any): Promise<any> => {
+const sendRequest = (request: any): Promise<any> => {
   if (provider.value) {
-    return await provider.value.request(request)
+    return provider.value.request(request)
   }
   console.warn('Provider is not set up or not connected.')
+  return Promise.resolve(null)
 }
 
 const accounts = async () => {
@@ -190,7 +191,7 @@ export default function useWeb3Connection() {
     getBalance,
     sendTransaction,
     defaultMaxPriorityFeePerGas,
-    call,
+    executeCall,
     accounts,
     requestAccounts,
     estimateGas,
diff --git a/src/helpers/functionUtils.ts b/src/helpers/functionUtils.ts
index 6cfa2009..b75c0433 100644
--- a/src/helpers/functionUtils.ts
+++ b/src/helpers/functionUtils.ts
@@ -1,7 +1,7 @@
-import type { LSPType } from '@/helpers/tokenUtils'
+import { LSPType } from '@/helpers/tokenUtils'
 import { SIGNATURE_LOOKUP_URL } from '@/helpers/config'
-import type Web3 from 'web3'
-import { type Unit, isAddress } from 'web3-utils'
+import Web3 from 'web3'
+import { Unit, isAddress } from 'web3-utils'
 
 export type MethodType = {
   label?: string
diff --git a/src/helpers/tokenUtils.ts b/src/helpers/tokenUtils.ts
index a49c3bd0..016b6bd5 100644
--- a/src/helpers/tokenUtils.ts
+++ b/src/helpers/tokenUtils.ts
@@ -1,5 +1,5 @@
 import BN from 'bn.js'
-import ERC725, { type ERC725JSONSchema } from '@erc725/erc725.js'
+import ERC725, { ERC725JSONSchema } from '@erc725/erc725.js'
 import { INTERFACE_IDS } from '@lukso/lsp-smart-contracts'
 import LSP3ProfileMetadata from '@erc725/erc725.js/schemas/LSP3ProfileMetadata.json'
 import LSP4DigitalAsset from '@erc725/erc725.js/schemas/LSP4DigitalAsset.json'
@@ -12,7 +12,7 @@ import { getSelectedNetworkConfig } from '@/helpers/config'
 import useWeb3Connection from '@/compositions/useWeb3Connection'
 import { rightPad, fromUtf8, isHex, leftPad, toNumber } from 'web3-utils'
 import { LSP8_TOKEN_ID_FORMAT } from '@lukso/lsp-smart-contracts'
-import type { LSP4MetadataUrlForEncoding } from '@lukso/lsp-factory.js/build/main/src/lib/interfaces/lsp4-digital-asset'
+import { LSP4MetadataUrlForEncoding } from '@lukso/lsp-factory.js/build/main/src/lib/interfaces/lsp4-digital-asset'
 
 const { lsp7TokenDivisible, lsp7TokenNonDivisible } = getSelectedNetworkConfig()
 

From adb82066b35a0665e6d9d5e2a45f341b6c9343f1 Mon Sep 17 00:00:00 2001
From: Andreas Richter <708186+richtera@users.noreply.github.com>
Date: Wed, 3 Apr 2024 04:08:04 -0400
Subject: [PATCH 5/8] fix: Repair jests

---
 .../__tests__/SendTransaction.spec.ts         | 35 ++++++++++++-------
 src/components/shared/ParamField.vue          |  7 ++--
 src/helpers/functionUtils.ts                  | 17 ++++-----
 3 files changed, 37 insertions(+), 22 deletions(-)

diff --git a/src/components/endpoints/__tests__/SendTransaction.spec.ts b/src/components/endpoints/__tests__/SendTransaction.spec.ts
index 04df18d8..b98e4b4c 100644
--- a/src/components/endpoints/__tests__/SendTransaction.spec.ts
+++ b/src/components/endpoints/__tests__/SendTransaction.spec.ts
@@ -12,11 +12,23 @@ const mockGetBalance = jest.fn()
 const mockSendTransaction = jest.fn()
 const mockEncodeFunctionSignature = jest.fn()
 const mockEncodeParameters = jest.fn()
+const mockDecodeParameters = jest.fn()
 
 jest.mock('@/compositions/useWeb3Onboard', () => ({
   __esModule: true,
   default: () => ({}),
 }))
+jest.mock('@/helpers/functionUtils', () => {
+  return {
+    __esModule: true,
+    decodeData: () => {
+      return {
+        call: 'minter',
+        inputs: [],
+      }
+    },
+  }
+})
 jest.mock('@/compositions/useWeb3Connection', () => {
   const output = {
     __esModule: true,
@@ -27,12 +39,7 @@ jest.mock('@/compositions/useWeb3Connection', () => {
             abi: {
               encodeFunctionSignature: () => mockEncodeFunctionSignature(),
               encodeParameters: () => mockEncodeParameters(),
-              decodeData: () => {
-                return {
-                  call: 'minter',
-                  inputs: [],
-                }
-              },
+              decodeParameters: () => mockDecodeParameters(),
             },
           },
         }),
@@ -60,9 +67,11 @@ test('can send lyx transaction', async () => {
   )
   await fireEvent.click(screen.getByTestId('send'))
 
-  expect(screen.getByTestId('notification')).toHaveTextContent(
-    'The transaction was successful'
-  )
+  await waitFor(() => {
+    expect(screen.getByTestId('notification')).toHaveTextContent(
+      'The transaction was successful'
+    )
+  })
   expect(mockSendTransaction).toBeCalledWith({
     from: '0x517216362D594516c6f96Ee34b2c502d65B847E4',
     to: '0x7367C96553Ed4C44E6962A38d8a0b5f4BE9F6298',
@@ -95,9 +104,11 @@ test('can send lyx transaction with data', async () => {
   )
   await fireEvent.click(screen.getByTestId('send'))
 
-  expect(screen.getByTestId('notification')).toHaveTextContent(
-    'The transaction was successful'
-  )
+  await waitFor(() => {
+    expect(screen.getByTestId('notification')).toHaveTextContent(
+      'The transaction was successful'
+    )
+  })
   expect(mockSendTransaction).toBeCalledWith({
     data: '0x8fe36f1b00000000000000000000000000000000000000000000000000000000000000c040b8bec57d7b5ff0dbd9e9acd0a47dfeb0101e1a203766f5ccab00445fbf39e900000000000000000000000000000000000000000000000000000000000001200000000000000000000000000000000000000000000000000000000000000001000000000000000000000000000000000000000000000000000000000000018000000000000000000000000000000000000000000000000000000000000001c0000000000000000000000000000000000000000000000000000000000000000200000000000000000000000069909c12c875271adc49155cc8d01dbf67fe82f1000000000000000000000000b27f5845e6ce846c02209bd2497780099611b9a00000000000000000000000000000000000000000000000000000000000000002000000000000000000000000000000000000000000000000000000008bd02b7b000000000000000000000000000000000000000000000000000000000001e19c000000000000000000000000000000000000000000000000000000000000000648656c6c6f210000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000014e4c6f72656d20697073756d20646f6c6f722073697420616d65742c20636f6e73656374657475722061646970697363696e6720656c69742c2073656420646f20656975736d6f642074656d706f7220696e6369646964756e74207574206c61626f726520657420646f6c6f7265206d61676e6120616c697175612e20557420656e696d206164206d696e696d2076656e69616d2c2071756973206e6f737472756420657865726369746174696f6e20756c6c616d636f206c61626f726973206e69736920757420616c697175697020657820656120636f6d6d6f646f20636f6e7365717561742e2044756973206175746520697275726520646f6c6f7220696e20726570726568656e646572697420696e20766f6c7570746174652076656c697420657373652063696c6c756d20646f6c6f726520657520667567696174206e756c6c612070617269617475722e000000000000000000000000000000000000',
     from: '0x517216362D594516c6f96Ee34b2c502d65B847E4',
diff --git a/src/components/shared/ParamField.vue b/src/components/shared/ParamField.vue
index dba440eb..c9a640b4 100644
--- a/src/components/shared/ParamField.vue
+++ b/src/components/shared/ParamField.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import { reactive, computed, watch } from 'vue'
-import { toWei, Unit, padLeft, numberToHex } from 'web3-utils'
+import { toWei, Unit, padLeft, numberToHex, hexToNumber } from 'web3-utils'
 import ERC725, { ERC725JSONSchema } from '@erc725/erc725.js'
 import LSPSelect from '@/components/shared/LSPSelect.vue'
 import { BN } from 'bn.js'
@@ -52,7 +52,10 @@ function makeWei(_value: string, hex = false) {
         ? _value
         : numberToHex(_value)
     const val = methodInfo.value.isWei
-      ? toWei(value, methodInfo.value.isWei as Unit)
+      ? toWei(
+          hexToNumber(value, true).toString(),
+          methodInfo.value.isWei as Unit
+        )
       : value
     if (hex) {
       return padLeft(val, 64)
diff --git a/src/helpers/functionUtils.ts b/src/helpers/functionUtils.ts
index b75c0433..ee1bba5e 100644
--- a/src/helpers/functionUtils.ts
+++ b/src/helpers/functionUtils.ts
@@ -85,9 +85,12 @@ export const decodeData = async (
   }
   const selector = data?.substring(0, 8)
   if (selector) {
-    const signatureCache = await caches.open(SIGNATURE_CACHE)
+    let signatureCache: Cache | undefined = undefined
+    try {
+      signatureCache = await caches.open(SIGNATURE_CACHE)
+    } catch {}
     const url = getSelectorLookupURL(selector)
-    const functionSignatureResponse = await signatureCache.match(url)
+    const functionSignatureResponse = await signatureCache?.match(url)
     if (functionSignatureResponse) {
       return await functionSignatureResponse.json()
     }
@@ -103,7 +106,7 @@ export const decodeData = async (
           const params: string[] = result.text_signature
             .replace(/^[^(]*\(|\)[^)]*$/g, '')
             .split(',')
-          const args = eth.abi.decodeParameters(params, data.substring(8))
+          const args = eth.abi.decodeParameters(params, data.substring(8)) || {}
           const encodeArgs = Array(params.length)
             .fill(null)
             .map((_val, index) => {
@@ -125,9 +128,8 @@ export const decodeData = async (
               }
               return args[`${index}`] ?? '0x'
             })
-          const newData = eth.abi
-            .encodeParameters(params, encodeArgs)
-            .substring(2)
+          const newData =
+            eth.abi.encodeParameters(params, encodeArgs).substring(2) || '0x'
           if (data.substring(8) === newData) {
             const call = result.text_signature.replace(/\(.*$/, '')
             const item = {
@@ -142,12 +144,11 @@ export const decodeData = async (
                   call in { setData: true, getData: true },
               })),
             }
-            await signatureCache.put(url, new Response(JSON.stringify(item)))
+            await signatureCache?.put(url, new Response(JSON.stringify(item)))
             return item
           }
         } catch (err) {
           // Ignore to try next record
-          console.error(err)
         }
       }
     }

From d80a35c2428a8220b6b7bd8fffd69e34e5880728 Mon Sep 17 00:00:00 2001
From: Andreas Richter <708186+richtera@users.noreply.github.com>
Date: Wed, 3 Apr 2024 04:16:34 -0400
Subject: [PATCH 6/8] fix: Remove extra maxPriorityFeePerGas

---
 src/components/endpoints/SendTransaction.vue | 10 ----------
 1 file changed, 10 deletions(-)

diff --git a/src/components/endpoints/SendTransaction.vue b/src/components/endpoints/SendTransaction.vue
index 6ca41945..00a2ca0c 100644
--- a/src/components/endpoints/SendTransaction.vue
+++ b/src/components/endpoints/SendTransaction.vue
@@ -571,16 +571,6 @@ const hasRemove = computed<boolean>(() => {
         @update:data="handleData"
       />
 
-      <div>
-        <label class="label">maxPriorityFeePerGas</label>
-        <input
-          v-model="params.items[3].value"
-          class="input"
-          type="number"
-          placeholder="0"
-          data-testid="maxPriorityFeePerGas"
-        />
-      </div>
       <div v-if="hasData" class="field">
         <label class="label">Data (optional)</label>
         <textarea

From d587ee9eb339e1d15d982cf1f67d3050f6c1c5de Mon Sep 17 00:00:00 2001
From: Andreas Richter <708186+richtera@users.noreply.github.com>
Date: Wed, 3 Apr 2024 07:15:46 -0400
Subject: [PATCH 7/8] fix: Repair lint/jest and apply suggested fixes

---
 jest.config.cjs                               |   2 +-
 package.json                                  |  21 +-
 src/components/endpoints/SendTransaction.vue  |   1 -
 .../endpoints/__tests__/Mint.spec.ts          |   2 +-
 src/components/shared/ContractFunction.vue    |   4 +-
 src/components/shared/ParamField.vue          |  22 +-
 src/helpers/functionUtils.ts                  |   2 +-
 yarn.lock                                     | 728 ++++++++++--------
 8 files changed, 421 insertions(+), 361 deletions(-)

diff --git a/jest.config.cjs b/jest.config.cjs
index 924c0550..08b57014 100644
--- a/jest.config.cjs
+++ b/jest.config.cjs
@@ -12,7 +12,7 @@ module.exports = {
   moduleNameMapper: {
     '@/(.*)$': '<rootDir>/src/$1',
   },
-  modulePaths: ['<rootDir>'],
+  // modulePaths: ['<rootDir>'],
   verbose: true,
   testEnvironmentOptions: {
     customExportConditions: ['node', 'node-addons'],
diff --git a/package.json b/package.json
index 48cb1f0c..fa8d7372 100644
--- a/package.json
+++ b/package.json
@@ -23,14 +23,14 @@
     "@lukso/lsp-smart-contracts": "0.14.0",
     "@lukso/web3-onboard-config": "1.1.2",
     "@pinata/sdk": "^2.1.0",
-    "@tsndr/cloudflare-worker-jwt": "^2.3.2",
+    "@tsndr/cloudflare-worker-jwt": "^2.5.3",
     "@types/isomorphic-fetch": "^0.0.39",
     "@walletconnect/ethereum-provider": "2.10.1",
     "@walletconnect/sign-client": "2.10.1",
     "@walletconnect/types": "2.10.1",
     "@walletconnect/utils": "2.10.1",
-    "@web3-onboard/core": "^2.21.0",
-    "@web3-onboard/injected-wallets": "^2.10.5",
+    "@web3-onboard/core": "^2.21.3",
+    "@web3-onboard/injected-wallets": "^2.10.13",
     "@web3modal/ethereum": "2.7.1",
     "@web3modal/standalone": "2.4.3",
     "bulma": "0.9.4",
@@ -40,11 +40,12 @@
     "https-browserify": "1.0.0",
     "isomorphic-fetch": "^3.0.0",
     "siwe": "1.1.6",
-    "vue": "^3.3.4",
+    "tslib": "^2.6.2",
+    "vue": "^3.4.21",
     "vue-router": "4.2.4",
     "wagmi": "^1.3.9",
-    "web3": "1.10.2",
-    "web3-eth-contract": "1.10.2"
+    "web3": "1.10.4",
+    "web3-eth-contract": "1.10.4"
   },
   "devDependencies": {
     "@depay/web3-mock": "^14.17.0",
@@ -54,8 +55,8 @@
     "@types/jest": "28.1.8",
     "@typescript-eslint/eslint-plugin": "6.6.0",
     "@typescript-eslint/parser": "^6.6.0",
-    "@vitejs/plugin-vue": "^4.3.4",
-    "@vue/compiler-sfc": "3.3.4",
+    "@vitejs/plugin-vue": "^5.0.4",
+    "@vue/compiler-sfc": "3.4.21",
     "@vue/vue3-jest": "28.1.0",
     "eslint": "8.49.0",
     "eslint-config-prettier": "9.0.0",
@@ -76,11 +77,11 @@
     "stylelint-config-recommended-vue": "1.5.0",
     "stylelint-config-standard-scss": "10.0.0",
     "ts-jest": "28.0.8",
-    "typescript": "^5.2.2",
+    "typescript": "^5.4.3",
     "util": "0.12.5",
     "vite": "^4.4.9",
     "vue-loader": "17.2.2",
-    "vue-tsc": "^1.8.10"
+    "vue-tsc": "^2.0.7"
   },
   "lint-staged": {
     "*.{ts,js,vue}": [
diff --git a/src/components/endpoints/SendTransaction.vue b/src/components/endpoints/SendTransaction.vue
index 00a2ca0c..a25cfc58 100644
--- a/src/components/endpoints/SendTransaction.vue
+++ b/src/components/endpoints/SendTransaction.vue
@@ -390,7 +390,6 @@ const rawCall = () => {
   callResults.value = null
   Promise.all([executeCall(transaction), getBalance(from)])
     .then(([result, balance]) => {
-      debugger
       callResults.value = result
       setNotification('Call executed successfully.')
       setState('balance', balance)
diff --git a/src/components/endpoints/__tests__/Mint.spec.ts b/src/components/endpoints/__tests__/Mint.spec.ts
index a10a4be9..1b63477d 100644
--- a/src/components/endpoints/__tests__/Mint.spec.ts
+++ b/src/components/endpoints/__tests__/Mint.spec.ts
@@ -28,7 +28,7 @@ jest.mock('@/compositions/useWeb3Connection', () => ({
   }),
 }))
 
-jest.mock('src/helpers/env', () => ({
+jest.mock('@/helpers/env', () => ({
   PUBLIC_API_SHARED_SECRET: '123',
 }))
 
diff --git a/src/components/shared/ContractFunction.vue b/src/components/shared/ContractFunction.vue
index 9305687a..3448e87f 100644
--- a/src/components/shared/ContractFunction.vue
+++ b/src/components/shared/ContractFunction.vue
@@ -177,7 +177,7 @@ const makeBytes32 = (value: string, type: string) => {
       return padLeft(hex, 64)
     }
     if (/^0x[0-9a-f]*$/i.test(value)) {
-      return padLeft(value.replace(/^0x/, ''), 64)
+      return padLeft(value, 64)
     }
     if (/^\w*(:.*,.*)?$/.test(value)) {
       const items = (value || '').split(',')
@@ -248,7 +248,7 @@ const output = computed<{ error: undefined | string; value: string }>(() => {
     }
     const output = `${eth.abi.encodeFunctionSignature(callSig)}${eth.abi
       .encodeParameters(types, args)
-      .substring(2)}`
+      ?.substring(2)}`
     return {
       error: undefined,
       value: output,
diff --git a/src/components/shared/ParamField.vue b/src/components/shared/ParamField.vue
index c9a640b4..bc2c3875 100644
--- a/src/components/shared/ParamField.vue
+++ b/src/components/shared/ParamField.vue
@@ -10,7 +10,7 @@ import LSP3ProfileMetadata from '@erc725/erc725.js/schemas/LSP3ProfileMetadata.j
 import LSP4DigitalAsset from '@erc725/erc725.js/schemas/LSP4DigitalAsset.json'
 import LSP9Vault from '@erc725/erc725.js/schemas/LSP9Vault.json'
 
-const schemas = LSP3ProfileMetadata.concat(LSP4DigitalAsset, LSP9Vault)
+const schemas = [...LSP3ProfileMetadata, ...LSP4DigitalAsset, ...LSP9Vault]
 
 interface ElementType {
   error?: string | undefined
@@ -48,7 +48,7 @@ const isArray = computed<boolean>(
 function makeWei(_value: string, hex = false) {
   try {
     const value =
-      typeof _value === 'string' && /^0x/.test(_value)
+      typeof _value === 'string' && _value.startsWith('0x')
         ? _value
         : numberToHex(_value)
     const val = methodInfo.value.isWei
@@ -84,7 +84,7 @@ function validate(value: any): { value: any; error?: string } {
   switch (methodInfo.value.type.replace(/\[\]$/, '')) {
     case 'address':
       if (/^(0x)?[0-9a-f]{40}/i.test(value)) {
-        if (!/^0x/.test(value)) {
+        if (!value.startsWith('0x')) {
           return { value: `0x${value}` }
         }
         return { value }
@@ -116,7 +116,7 @@ function validate(value: any): { value: any; error?: string } {
         return { value }
       }
       if (/^(0x)?[0-9a-f]{64}$/i.test(value)) {
-        if (!/^0x/.test(value)) {
+        if (!value.startsWith('0x')) {
           return { value: `0x${value}` }
         }
         return { value }
@@ -158,7 +158,7 @@ function validate(value: any): { value: any; error?: string } {
         return { value }
       }
       if (/^(0x)?[0-9a-f]{64}$/i.test(value)) {
-        if (!/^0x/.test(value)) {
+        if (!value.startsWith('0x')) {
           return { value: `0x${value}` }
         }
         return { value }
@@ -224,7 +224,7 @@ function validate(value: any): { value: any; error?: string } {
         return { value }
       }
       if (/^(0x)?[0-9a-f]{64}$/i.test(value)) {
-        if (!/^0x/.test(value)) {
+        if (!value.startsWith('0x')) {
           return { value: `0x${value}` }
         }
         return { value }
@@ -353,7 +353,7 @@ const shouldBytes32 = (index: number) => {
   if (/^bytes32/.test(methodInfo.value.type)) {
     if (
       /^[0-9]+$/.test(item.value) ||
-      (methodInfo.value.isKey && !/^0x/.test(item.value))
+      (methodInfo.value.isKey && !item.value?.startsWith('0x'))
     ) {
       return true
     }
@@ -366,7 +366,7 @@ const makeBytes32 = (index: number, force = false) => {
   if (/^bytes32/.test(methodInfo.value.type)) {
     if (
       (force || methodInfo.value.isKey) &&
-      !/^0x/i.test(item.value) &&
+      !item.value?.startsWith('0x') &&
       /^[a-z0-9]+$/i.test(item.value)
     ) {
       const items = (item.value || '').split(',')
@@ -377,7 +377,7 @@ const makeBytes32 = (index: number, force = false) => {
       }
     }
     if (/^0x[0-9a-f]*$/i.test(item.value)) {
-      return padLeft(item.value.replace(/^0x/, ''), 64)
+      return padLeft(item.value, 64)
     }
     if (/^[0-9]*$/.test(item.value)) {
       return padLeft(item.value, 64)
@@ -526,12 +526,12 @@ const hasError = (index: number) => {
     <p v-if="hasError(index)" class="help is-danger">{{ hasError(index) }}</p>
     <div v-if="!props.dataDecoder && isArray" class="mt-1">
       <button @click="handleAdd(index)">Add</button
-      ><button v-if="data.items.length > 0" @click="handleRemove(index)">
+      ><button v-if="data?.items?.length > 0" @click="handleRemove(index)">
         Remove
       </button>
     </div>
   </div>
-  <div v-if="!props.dataDecoder && isArray && data.items.length === 0">
+  <div v-if="!props.dataDecoder && isArray && data?.items?.length === 0">
     <label class="label">{{
       methodInfo.label
         ? methodInfo.label
diff --git a/src/helpers/functionUtils.ts b/src/helpers/functionUtils.ts
index ee1bba5e..c4fb809a 100644
--- a/src/helpers/functionUtils.ts
+++ b/src/helpers/functionUtils.ts
@@ -80,7 +80,7 @@ export const decodeData = async (
   _data: string
 ): Promise<MethodSelect> => {
   let data = _data
-  if (/^0x/i.test(data)) {
+  if (data?.startsWith('0x')) {
     data = data.substring(2)
   }
   const selector = data?.substring(0, 8)
diff --git a/yarn.lock b/yarn.lock
index cc708229..57ce8747 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -235,7 +235,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@babel/parser@npm:^7.1.0, @babel/parser@npm:^7.14.7, @babel/parser@npm:^7.20.15, @babel/parser@npm:^7.20.7, @babel/parser@npm:^7.21.3, @babel/parser@npm:^7.22.5, @babel/parser@npm:^7.22.7":
+"@babel/parser@npm:^7.1.0, @babel/parser@npm:^7.14.7, @babel/parser@npm:^7.20.7, @babel/parser@npm:^7.22.5, @babel/parser@npm:^7.22.7":
   version: 7.22.7
   resolution: "@babel/parser@npm:7.22.7"
   bin:
@@ -244,6 +244,15 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@babel/parser@npm:^7.23.9":
+  version: 7.24.1
+  resolution: "@babel/parser@npm:7.24.1"
+  bin:
+    parser: ./bin/babel-parser.js
+  checksum: a1068941dddf82ffdf572565b8b7b2cddb963ff9ddf97e6e28f50e843d820b4285e6def8f59170104a94e2a91ae2e3b326489886d77a57ea29d468f6a5e79bf9
+  languageName: node
+  linkType: hard
+
 "@babel/plugin-syntax-async-generators@npm:^7.8.4":
   version: 7.8.4
   resolution: "@babel/plugin-syntax-async-generators@npm:7.8.4"
@@ -821,7 +830,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@ethereumjs/common@npm:^2.4.0, @ethereumjs/common@npm:^2.5.0, @ethereumjs/common@npm:^2.6.4":
+"@ethereumjs/common@npm:2.6.5, @ethereumjs/common@npm:^2.4.0, @ethereumjs/common@npm:^2.5.0, @ethereumjs/common@npm:^2.6.4":
   version: 2.6.5
   resolution: "@ethereumjs/common@npm:2.6.5"
   dependencies:
@@ -850,7 +859,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@ethereumjs/tx@npm:^3.3.0":
+"@ethereumjs/tx@npm:3.5.2, @ethereumjs/tx@npm:^3.3.0":
   version: 3.5.2
   resolution: "@ethereumjs/tx@npm:3.5.2"
   dependencies:
@@ -3129,10 +3138,10 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@tsndr/cloudflare-worker-jwt@npm:^2.3.2":
-  version: 2.3.2
-  resolution: "@tsndr/cloudflare-worker-jwt@npm:2.3.2"
-  checksum: 8d4779aee5c54a643c0bbb7b97ce2f3883eb085febe5c792f15530be580c7eed087fcc25a9ca4cf77d4a9cd52860891dedd937d63d5b521dc694cbf19a65dbb9
+"@tsndr/cloudflare-worker-jwt@npm:^2.5.3":
+  version: 2.5.3
+  resolution: "@tsndr/cloudflare-worker-jwt@npm:2.5.3"
+  checksum: dfa3f0faf17893f695f2cbf483eb456c7511cf0b0aff8db55c679912a6ad34cd1b400151b6f15e9008f3629bc1287d80bbd35236ee88410c54c8f42d0f8965a0
   languageName: node
   linkType: hard
 
@@ -3650,90 +3659,91 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@vitejs/plugin-vue@npm:^4.3.4":
-  version: 4.3.4
-  resolution: "@vitejs/plugin-vue@npm:4.3.4"
+"@vitejs/plugin-vue@npm:^5.0.4":
+  version: 5.0.4
+  resolution: "@vitejs/plugin-vue@npm:5.0.4"
   peerDependencies:
-    vite: ^4.0.0
+    vite: ^5.0.0
     vue: ^3.2.25
-  checksum: 95bf6c85c0a7812a96a07faf3c28155624c74584448a8fe46ac93e08ebc13520fdc9eb96e2fa95bccacf23028277a9cd3210e00120dadaab25b116456ee2cc43
+  checksum: e2ec5446daf87e404d537498ca87c01462d0f749d2c8ee92ab67de568fd9937b267babbbb26e3036a84bfd4d37be584e4e07da5e3471d79c8797a468a2f255cc
   languageName: node
   linkType: hard
 
-"@volar/language-core@npm:1.10.0, @volar/language-core@npm:~1.10.0":
-  version: 1.10.0
-  resolution: "@volar/language-core@npm:1.10.0"
+"@volar/language-core@npm:2.1.6, @volar/language-core@npm:~2.1.3":
+  version: 2.1.6
+  resolution: "@volar/language-core@npm:2.1.6"
   dependencies:
-    "@volar/source-map": 1.10.0
-  checksum: 5fd5ffe5f0edad9d78a3b524851fa6012836f1fb926ae6c64dc9f2aa4bfdf0470328ccea56b5509ebbc44d8781a3740640cbdea513c2467c9abea8eb0445aa42
+    "@volar/source-map": 2.1.6
+  checksum: 6797c281c52f2887cd22a9d9ae2d1c0781dc37f9007b0732cc51c70813baa57aefd213e7f1ad696aa48c4fe29493e028dc511cab025cb061bf518962c7b2ab90
   languageName: node
   linkType: hard
 
-"@volar/source-map@npm:1.10.0, @volar/source-map@npm:~1.10.0":
-  version: 1.10.0
-  resolution: "@volar/source-map@npm:1.10.0"
+"@volar/source-map@npm:2.1.6":
+  version: 2.1.6
+  resolution: "@volar/source-map@npm:2.1.6"
   dependencies:
-    muggle-string: ^0.3.1
-  checksum: 3a473aa16fb3d7de6b5ee827908b92ff5ea8286fad23e1bf6ef515999b9dbc742a8d4b425446851e0f14ae074b2a268544a386b63bbe800f50914e32407f22d8
+    muggle-string: ^0.4.0
+  checksum: 5e9181747e407db60355c7e036960fb9537a7b9a2f88051aaa01a4936fc5879410ce09d5acca8666601e3414b5e8d7854818885ea0db604a6c5d4865efe93ba1
   languageName: node
   linkType: hard
 
-"@volar/typescript@npm:~1.10.0":
-  version: 1.10.0
-  resolution: "@volar/typescript@npm:1.10.0"
+"@volar/typescript@npm:~2.1.3":
+  version: 2.1.6
+  resolution: "@volar/typescript@npm:2.1.6"
   dependencies:
-    "@volar/language-core": 1.10.0
-  checksum: cd49932bca21d3d1186a9eedbfeba215372e9ca546774fa94225670f5b571e5d580b76b1dae59aba9012c006c5422c2648517206e95cd100cfb48c8a551dbe00
+    "@volar/language-core": 2.1.6
+    path-browserify: ^1.0.1
+  checksum: 0785d99d7d2b6cc5ef5c380759c9243dcc8df0811c0a52489c867f006e43859e807bf6271c2876b038e13298787b110cb96d5b421346514b86a621cc54b56b57
   languageName: node
   linkType: hard
 
-"@vue/compiler-core@npm:3.3.4":
-  version: 3.3.4
-  resolution: "@vue/compiler-core@npm:3.3.4"
+"@vue/compiler-core@npm:3.4.21":
+  version: 3.4.21
+  resolution: "@vue/compiler-core@npm:3.4.21"
   dependencies:
-    "@babel/parser": ^7.21.3
-    "@vue/shared": 3.3.4
+    "@babel/parser": ^7.23.9
+    "@vue/shared": 3.4.21
+    entities: ^4.5.0
     estree-walker: ^2.0.2
     source-map-js: ^1.0.2
-  checksum: 5437942ea6575b316c9cd84f4f128a44939713da8b6958060e152c599e6d771d5db056c398d7574ee706ff8092e0d99ac4f14e7eef8712a8dd923d2323201b9e
+  checksum: 0d6b7732bc5ca5b4561526bbe646f9acd09cd70561b6c822d15856347f21a009ebf30f2f85b1b7500f24f7c0333a2af8ee645c389abe52485c1f4724c982b306
   languageName: node
   linkType: hard
 
-"@vue/compiler-dom@npm:3.3.4, @vue/compiler-dom@npm:^3.3.0":
-  version: 3.3.4
-  resolution: "@vue/compiler-dom@npm:3.3.4"
+"@vue/compiler-dom@npm:3.4.21, @vue/compiler-dom@npm:^3.4.0":
+  version: 3.4.21
+  resolution: "@vue/compiler-dom@npm:3.4.21"
   dependencies:
-    "@vue/compiler-core": 3.3.4
-    "@vue/shared": 3.3.4
-  checksum: 1c2ac0c89de8eef7be1c568d57504e6245adaaec40c2c4d9717bc231ca10bf682d918a3b358d24c786eeaf8e0d7eb8a65f57d9044775a304783fde1d069a1896
+    "@vue/compiler-core": 3.4.21
+    "@vue/shared": 3.4.21
+  checksum: f53e4f4e0afc954cede91a8cbeb3a4e053531a43a0f5999d1b18da443ca3f1f6fc9344a8741c72c5719a61bb34e18004ac88e16747bcf145ebc8a31188263690
   languageName: node
   linkType: hard
 
-"@vue/compiler-sfc@npm:3.3.4":
-  version: 3.3.4
-  resolution: "@vue/compiler-sfc@npm:3.3.4"
+"@vue/compiler-sfc@npm:3.4.21":
+  version: 3.4.21
+  resolution: "@vue/compiler-sfc@npm:3.4.21"
   dependencies:
-    "@babel/parser": ^7.20.15
-    "@vue/compiler-core": 3.3.4
-    "@vue/compiler-dom": 3.3.4
-    "@vue/compiler-ssr": 3.3.4
-    "@vue/reactivity-transform": 3.3.4
-    "@vue/shared": 3.3.4
+    "@babel/parser": ^7.23.9
+    "@vue/compiler-core": 3.4.21
+    "@vue/compiler-dom": 3.4.21
+    "@vue/compiler-ssr": 3.4.21
+    "@vue/shared": 3.4.21
     estree-walker: ^2.0.2
-    magic-string: ^0.30.0
-    postcss: ^8.1.10
+    magic-string: ^0.30.7
+    postcss: ^8.4.35
     source-map-js: ^1.0.2
-  checksum: 0a0adfdd3e812f528e25e4b3bbf14b2296b719a8aac609eca42035295527cc253b918a552dc15218e917efef26b7ca94054dc8784a1a18c06c3d4bb4d18ab8b9
+  checksum: 226dc404be96a2811777825918d971feb42650e262159183548d64a463c4153fab97cdc2647224c609c89dbc0d930c6d9dbe6528ef52a1396b4b22163c20569a
   languageName: node
   linkType: hard
 
-"@vue/compiler-ssr@npm:3.3.4":
-  version: 3.3.4
-  resolution: "@vue/compiler-ssr@npm:3.3.4"
+"@vue/compiler-ssr@npm:3.4.21":
+  version: 3.4.21
+  resolution: "@vue/compiler-ssr@npm:3.4.21"
   dependencies:
-    "@vue/compiler-dom": 3.3.4
-    "@vue/shared": 3.3.4
-  checksum: 5d1875d55ea864080dd90e5d81a29f93308e312faf00163db5b391b38c2fe799fd3eb58955823dc632f2f8bdd271a4534cc0020646b7f82717be1a8d30dc16e7
+    "@vue/compiler-dom": 3.4.21
+    "@vue/shared": 3.4.21
+  checksum: c510bee68b1a5b7f8ae3fe771c10ce9c397f876a234ced9df89e4a8353f3874870857e929cbb37e6d785d355b43f2264dc3a7fd5cb6867dc5b39ddca607ea3ed
   languageName: node
   linkType: hard
 
@@ -3744,86 +3754,72 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@vue/language-core@npm:1.8.10":
-  version: 1.8.10
-  resolution: "@vue/language-core@npm:1.8.10"
-  dependencies:
-    "@volar/language-core": ~1.10.0
-    "@volar/source-map": ~1.10.0
-    "@vue/compiler-dom": ^3.3.0
-    "@vue/reactivity": ^3.3.0
-    "@vue/shared": ^3.3.0
-    minimatch: ^9.0.0
-    muggle-string: ^0.3.1
+"@vue/language-core@npm:2.0.7":
+  version: 2.0.7
+  resolution: "@vue/language-core@npm:2.0.7"
+  dependencies:
+    "@volar/language-core": ~2.1.3
+    "@vue/compiler-dom": ^3.4.0
+    "@vue/shared": ^3.4.0
+    computeds: ^0.0.1
+    minimatch: ^9.0.3
+    path-browserify: ^1.0.1
     vue-template-compiler: ^2.7.14
   peerDependencies:
     typescript: "*"
   peerDependenciesMeta:
     typescript:
       optional: true
-  checksum: 588c7420f9bd1b18c8dd256c03e14fa9e3100d48070f9bff7e4b451a37571b31ea88738740eb249039c8f56ca432c92f09a6bd269d0cfbf00de7ae3faa96e1e0
-  languageName: node
-  linkType: hard
-
-"@vue/reactivity-transform@npm:3.3.4":
-  version: 3.3.4
-  resolution: "@vue/reactivity-transform@npm:3.3.4"
-  dependencies:
-    "@babel/parser": ^7.20.15
-    "@vue/compiler-core": 3.3.4
-    "@vue/shared": 3.3.4
-    estree-walker: ^2.0.2
-    magic-string: ^0.30.0
-  checksum: b425e78b2084ac7037887fbe012dcad5e5963ac9714ae15a04fda1c6766ec8c53ef231de1cfdc4d3cf46bd5d84bfec8ebdccf48da4ff5ee2f4b5084e54f0a1b1
+  checksum: a6b7f0f7f32711a534f694a2860de5f259be055a93d94bb08f7fd53d7d45d2b71c27aef40a958cacdb582773ab921838c75274779774084e6632b82b969df6dd
   languageName: node
   linkType: hard
 
-"@vue/reactivity@npm:3.3.4, @vue/reactivity@npm:^3.3.0":
-  version: 3.3.4
-  resolution: "@vue/reactivity@npm:3.3.4"
+"@vue/reactivity@npm:3.4.21":
+  version: 3.4.21
+  resolution: "@vue/reactivity@npm:3.4.21"
   dependencies:
-    "@vue/shared": 3.3.4
-  checksum: 81c3d0c587d23656a57a7a31afb51357274f6512b51baffc67cda183b2361a7e65e646029c26a8bc28587f26b65bba808dcd93cdd3bacab48d2b99d11ad0ec97
+    "@vue/shared": 3.4.21
+  checksum: 79c7ebe3ec9295cdcb4d762e3a4c0e3eb67d7f12c9deb37baf372c4f48cd5914cdeeba14add433c3149b9c4dd890dc9891ee76e9d13c8ebcd521b5a754a8cc0d
   languageName: node
   linkType: hard
 
-"@vue/runtime-core@npm:3.3.4":
-  version: 3.3.4
-  resolution: "@vue/runtime-core@npm:3.3.4"
+"@vue/runtime-core@npm:3.4.21":
+  version: 3.4.21
+  resolution: "@vue/runtime-core@npm:3.4.21"
   dependencies:
-    "@vue/reactivity": 3.3.4
-    "@vue/shared": 3.3.4
-  checksum: d402da51269658cba5d857d65fbe322121160bcb1a6fcf03601d5183705e92505c6e90418f491a331ca3e27628f457a6ca7158b9add25f5b0cf5cf53664b8011
+    "@vue/reactivity": 3.4.21
+    "@vue/shared": 3.4.21
+  checksum: 4eb9b5d91fe58bc5b3f38293099d704ba7699a16d4ce68de03fbe5fc703e521ebfe3cefc156ef866d2ce0cbd1c2af1795674b39ab2b764bfedc069aa05233231
   languageName: node
   linkType: hard
 
-"@vue/runtime-dom@npm:3.3.4":
-  version: 3.3.4
-  resolution: "@vue/runtime-dom@npm:3.3.4"
+"@vue/runtime-dom@npm:3.4.21":
+  version: 3.4.21
+  resolution: "@vue/runtime-dom@npm:3.4.21"
   dependencies:
-    "@vue/runtime-core": 3.3.4
-    "@vue/shared": 3.3.4
-    csstype: ^3.1.1
-  checksum: dac9ada7f6128bcccc031fe5c25d00db94ffb7c011fcb70bada22fa4d889ff842eeb139ab9304bcc52cb5ae9030911a52cb3510b691bb190bbe5fab680b4411a
+    "@vue/runtime-core": 3.4.21
+    "@vue/shared": 3.4.21
+    csstype: ^3.1.3
+  checksum: ebfdaa081fb7f18214a4e3324a7b58cc1bfe9b585cfc9dc5cf2ee480f233f992c32a6a3a3b595040babf26570ca18e748049d9284c42beceac8665e8f4ce5383
   languageName: node
   linkType: hard
 
-"@vue/server-renderer@npm:3.3.4":
-  version: 3.3.4
-  resolution: "@vue/server-renderer@npm:3.3.4"
+"@vue/server-renderer@npm:3.4.21":
+  version: 3.4.21
+  resolution: "@vue/server-renderer@npm:3.4.21"
   dependencies:
-    "@vue/compiler-ssr": 3.3.4
-    "@vue/shared": 3.3.4
+    "@vue/compiler-ssr": 3.4.21
+    "@vue/shared": 3.4.21
   peerDependencies:
-    vue: 3.3.4
-  checksum: e8598ed1a44df70edaea0ad6786aea6443b9b3d9266249eec5690401859d72d45a1e29ba3eef20e37a95f020abd5e763088b79070ee848af436a4390a253a37a
+    vue: 3.4.21
+  checksum: faa3dc48767fc4308ffa031d07a6dbb362f26b0b8893f82747e6d879f046c373978402d1c15ed08267ebc0f090809cd3d554e6a4f582affcefb5239be5d4860c
   languageName: node
   linkType: hard
 
-"@vue/shared@npm:3.3.4, @vue/shared@npm:^3.3.0":
-  version: 3.3.4
-  resolution: "@vue/shared@npm:3.3.4"
-  checksum: 12fe53ff816bfa29ea53f89212067a86512c626b8d30149ff28b36705820f6150e1fb4e4e46897ad9eddb1d1cfc02d8941053939910eed69a905f7a5509baabe
+"@vue/shared@npm:3.4.21, @vue/shared@npm:^3.4.0":
+  version: 3.4.21
+  resolution: "@vue/shared@npm:3.4.21"
+  checksum: 5f30a408911f339c647baa88c45c3a2f6d58dbdaf2bd404753690f24b612717bdfe9050401d8ffb02613a9a06dd0b43c8307420cd69fda6e92e6d65bf9bc0c6f
   languageName: node
   linkType: hard
 
@@ -3843,16 +3839,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@vue/typescript@npm:1.8.10":
-  version: 1.8.10
-  resolution: "@vue/typescript@npm:1.8.10"
-  dependencies:
-    "@volar/typescript": ~1.10.0
-    "@vue/language-core": 1.8.10
-  checksum: 16349a213c9ffb5444b8337eac8352355f8343b868a001fe229360abd4183acb8d57eb20cc2062bf5187664a3968c76bfd131dce49ed32865c649e7abe810314
-  languageName: node
-  linkType: hard
-
 "@vue/vue3-jest@npm:28.1.0":
   version: 28.1.0
   resolution: "@vue/vue3-jest@npm:28.1.0"
@@ -4491,11 +4477,22 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@web3-onboard/core@npm:^2.21.0":
-  version: 2.21.0
-  resolution: "@web3-onboard/core@npm:2.21.0"
+"@web3-onboard/common@npm:^2.3.4":
+  version: 2.3.4
+  resolution: "@web3-onboard/common@npm:2.3.4"
   dependencies:
-    "@web3-onboard/common": ^2.3.3
+    bignumber.js: ^9.1.0
+    ethers: 5.5.4
+    joi: 17.9.1
+  checksum: 10ce1a82c9e9830b07269bcda171219c385d2d493e9cbeb4bcd1f28d3c43629d418314e944419d4d1c26e387b8f23917ea18294a1f846ad69e302a749d78bafb
+  languageName: node
+  linkType: hard
+
+"@web3-onboard/core@npm:^2.21.3":
+  version: 2.21.3
+  resolution: "@web3-onboard/core@npm:2.21.3"
+  dependencies:
+    "@web3-onboard/common": ^2.3.4
     bignumber.js: ^9.0.0
     bnc-sdk: ^4.6.7
     bowser: ^2.11.0
@@ -4508,18 +4505,18 @@ __metadata:
     rxjs: ^7.5.5
     svelte: ^3.49.0
     svelte-i18n: ^3.3.13
-  checksum: fd21c3dfbd7cc3cd9f96462c07e582ffbf3d3219adda8151e0d070006743bbc0ea3ebf48ac38af7a201aebb467a2f3c96cf6517b70433b50ce33f416995f3fdb
+  checksum: c313a703a91eaeee83a031cab59e51169eef9d43df427d52df325ea6401999f19bc28edd5a390b75d813199dcbee8e24430199a9576261034e0cbf7276d7b83a
   languageName: node
   linkType: hard
 
-"@web3-onboard/injected-wallets@npm:^2.10.5":
-  version: 2.10.5
-  resolution: "@web3-onboard/injected-wallets@npm:2.10.5"
+"@web3-onboard/injected-wallets@npm:^2.10.13":
+  version: 2.10.13
+  resolution: "@web3-onboard/injected-wallets@npm:2.10.13"
   dependencies:
     "@web3-onboard/common": ^2.3.3
     joi: 17.9.1
     lodash.uniqby: ^4.7.0
-  checksum: 9123cd1ad5260bb24f9bd7df0ca6ef294c63b88957ceffeda157dc15d47ec74bc7cf30feb844a72f9e760063861a00885e984d20a1f2515c95269978ae41c242
+  checksum: f583b3cfad856ac65703b556ac27f8e863e555c2fbfbd148ea2dc50b315e6bae8994905087ffa71202f90c1f07dbd2f748f86c6edabf53da5fac8c00a6e4e767
   languageName: node
   linkType: hard
 
@@ -6069,6 +6066,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"computeds@npm:^0.0.1":
+  version: 0.0.1
+  resolution: "computeds@npm:0.0.1"
+  checksum: 9d81c5850b7c48072253e15e369f72da22288e9d6a9be32adc2729ba076dddec51078e84e00dae9c567cdb2c6e1dd5981f985561b519976a29f1ecc9869779f2
+  languageName: node
+  linkType: hard
+
 "concat-map@npm:0.0.1":
   version: 0.0.1
   resolution: "concat-map@npm:0.0.1"
@@ -6346,10 +6350,10 @@ __metadata:
   languageName: node
   linkType: hard
 
-"csstype@npm:^3.1.1":
-  version: 3.1.2
-  resolution: "csstype@npm:3.1.2"
-  checksum: e1a52e6c25c1314d6beef5168da704ab29c5186b877c07d822bd0806717d9a265e8493a2e35ca7e68d0f5d472d43fac1cdce70fd79fd0853dff81f3028d857b5
+"csstype@npm:^3.1.3":
+  version: 3.1.3
+  resolution: "csstype@npm:3.1.3"
+  checksum: 8db785cc92d259102725b3c694ec0c823f5619a84741b5c7991b8ad135dfaa66093038a1cc63e03361a6cd28d122be48f2106ae72334e067dd619a51f49eddf7
   languageName: node
   linkType: hard
 
@@ -6861,7 +6865,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"entities@npm:^4.2.0, entities@npm:^4.4.0":
+"entities@npm:^4.2.0, entities@npm:^4.4.0, entities@npm:^4.5.0":
   version: 4.5.0
   resolution: "entities@npm:4.5.0"
   checksum: 853f8ebd5b425d350bffa97dd6958143179a5938352ccae092c62d1267c4e392a039be1bae7d51b6e4ffad25f51f9617531fedf5237f15df302ccfb452cbf2d7
@@ -11216,12 +11220,12 @@ __metadata:
   languageName: node
   linkType: hard
 
-"magic-string@npm:^0.30.0":
-  version: 0.30.1
-  resolution: "magic-string@npm:0.30.1"
+"magic-string@npm:^0.30.7":
+  version: 0.30.8
+  resolution: "magic-string@npm:0.30.8"
   dependencies:
     "@jridgewell/sourcemap-codec": ^1.4.15
-  checksum: 7bc7e4493e32a77068f3753bf8652d4ab44142122eb7fb9fa871af83bef2cd2c57518a6769701cd5d0379bd624a13bc8c72ca25ac5655b27e5a61adf1fd38db2
+  checksum: 79922f4500d3932bb587a04440d98d040170decf432edc0f91c0bf8d41db16d364189bf800e334170ac740918feda62cd39dcc170c337dc18050cfcf00a5f232
   languageName: node
   linkType: hard
 
@@ -11556,7 +11560,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"minimatch@npm:^9.0.0, minimatch@npm:^9.0.1":
+"minimatch@npm:^9.0.1":
   version: 9.0.3
   resolution: "minimatch@npm:9.0.3"
   dependencies:
@@ -11565,6 +11569,15 @@ __metadata:
   languageName: node
   linkType: hard
 
+"minimatch@npm:^9.0.3":
+  version: 9.0.4
+  resolution: "minimatch@npm:9.0.4"
+  dependencies:
+    brace-expansion: ^2.0.1
+  checksum: cf717f597ec3eed7dabc33153482a2e8d49f4fd3c26e58fd9c71a94c5029a0838728841b93f46bf1263b65a8010e2ee800d0dc9b004ab8ba8b6d1ec07cc115b5
+  languageName: node
+  linkType: hard
+
 "minimist-options@npm:4.1.0":
   version: 4.1.0
   resolution: "minimist-options@npm:4.1.0"
@@ -11773,10 +11786,10 @@ __metadata:
   languageName: node
   linkType: hard
 
-"muggle-string@npm:^0.3.1":
-  version: 0.3.1
-  resolution: "muggle-string@npm:0.3.1"
-  checksum: f2357f906e0160b7df0179c77838cf859f3ca23cb74eca7c043b9fc9e1e416d91497c80fbe2f3c9aeb003c14ad15857fc4e94f1631e8a6695b07e4135626d305
+"muggle-string@npm:^0.4.0":
+  version: 0.4.1
+  resolution: "muggle-string@npm:0.4.1"
+  checksum: 85fe1766d18d43cf22b6da7d047203a65b2e2b1ccfac505b699c2a459644f95ebb3c854a96db5be559eea0e213f6ee32b986b8c2f73c48e6c89e1fd829616532
   languageName: node
   linkType: hard
 
@@ -11911,6 +11924,15 @@ __metadata:
   languageName: node
   linkType: hard
 
+"nanoid@npm:^3.3.7":
+  version: 3.3.7
+  resolution: "nanoid@npm:3.3.7"
+  bin:
+    nanoid: bin/nanoid.cjs
+  checksum: d36c427e530713e4ac6567d488b489a36582ef89da1d6d4e3b87eded11eb10d7042a877958c6f104929809b2ab0bafa17652b076cdf84324aa75b30b722204f2
+  languageName: node
+  linkType: hard
+
 "nanoid@npm:^4.0.0":
   version: 4.0.2
   resolution: "nanoid@npm:4.0.2"
@@ -12433,6 +12455,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"path-browserify@npm:^1.0.1":
+  version: 1.0.1
+  resolution: "path-browserify@npm:1.0.1"
+  checksum: c6d7fa376423fe35b95b2d67990060c3ee304fc815ff0a2dc1c6c3cfaff2bd0d572ee67e18f19d0ea3bbe32e8add2a05021132ac40509416459fffee35200699
+  languageName: node
+  linkType: hard
+
 "path-exists@npm:^4.0.0":
   version: 4.0.0
   resolution: "path-exists@npm:4.0.0"
@@ -12706,7 +12735,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"postcss@npm:^8.1.10, postcss@npm:^8.4.0, postcss@npm:^8.4.27":
+"postcss@npm:^8.4.0, postcss@npm:^8.4.27":
   version: 8.4.27
   resolution: "postcss@npm:8.4.27"
   dependencies:
@@ -12717,6 +12746,17 @@ __metadata:
   languageName: node
   linkType: hard
 
+"postcss@npm:^8.4.35":
+  version: 8.4.38
+  resolution: "postcss@npm:8.4.38"
+  dependencies:
+    nanoid: ^3.3.7
+    picocolors: ^1.0.0
+    source-map-js: ^1.2.0
+  checksum: 649f9e60a763ca4b5a7bbec446a069edf07f057f6d780a5a0070576b841538d1ecf7dd888f2fbfd1f76200e26c969e405aeeae66332e6927dbdc8bdcb90b9451
+  languageName: node
+  linkType: hard
+
 "preact@npm:^10.12.0, preact@npm:^10.5.9":
   version: 10.16.0
   resolution: "preact@npm:10.16.0"
@@ -13933,6 +13973,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"source-map-js@npm:^1.2.0":
+  version: 1.2.0
+  resolution: "source-map-js@npm:1.2.0"
+  checksum: 791a43306d9223792e84293b00458bf102a8946e7188f3db0e4e22d8d530b5f80a4ce468eb5ec0bf585443ad55ebbd630bf379c98db0b1f317fd902500217f97
+  languageName: node
+  linkType: hard
+
 "source-map-support@npm:0.5.13":
   version: 0.5.13
   resolution: "source-map-support@npm:0.5.13"
@@ -14905,6 +14952,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"tslib@npm:^2.6.2":
+  version: 2.6.2
+  resolution: "tslib@npm:2.6.2"
+  checksum: 329ea56123005922f39642318e3d1f0f8265d1e7fcb92c633e0809521da75eeaca28d2cf96d7248229deb40e5c19adf408259f4b9640afd20d13aecc1430f3ad
+  languageName: node
+  linkType: hard
+
 "tunnel-agent@npm:^0.6.0":
   version: 0.6.0
   resolution: "tunnel-agent@npm:0.6.0"
@@ -15052,23 +15106,23 @@ __metadata:
   languageName: node
   linkType: hard
 
-"typescript@npm:^5.2.2":
-  version: 5.2.2
-  resolution: "typescript@npm:5.2.2"
+"typescript@npm:^5.4.3":
+  version: 5.4.3
+  resolution: "typescript@npm:5.4.3"
   bin:
     tsc: bin/tsc
     tsserver: bin/tsserver
-  checksum: 7912821dac4d962d315c36800fe387cdc0a6298dba7ec171b350b4a6e988b51d7b8f051317786db1094bd7431d526b648aba7da8236607febb26cf5b871d2d3c
+  checksum: d74d731527e35e64d8d2dcf2f897cf8cfbc3428be0ad7c48434218ba4ae41239f53be7c90714089db1068c05cae22436af2ecba71fd36ecc5e7a9118af060198
   languageName: node
   linkType: hard
 
-"typescript@patch:typescript@^5.2.2#~builtin<compat/typescript>":
-  version: 5.2.2
-  resolution: "typescript@patch:typescript@npm%3A5.2.2#~builtin<compat/typescript>::version=5.2.2&hash=d73830"
+"typescript@patch:typescript@^5.4.3#~builtin<compat/typescript>":
+  version: 5.4.3
+  resolution: "typescript@patch:typescript@npm%3A5.4.3#~builtin<compat/typescript>::version=5.4.3&hash=d73830"
   bin:
     tsc: bin/tsc
     tsserver: bin/tsserver
-  checksum: 07106822b4305de3f22835cbba949a2b35451cad50888759b6818421290ff95d522b38ef7919e70fb381c5fe9c1c643d7dea22c8b31652a717ddbd57b7f4d554
+  checksum: 3a62fe90aa79d68c9ce38ea5edb2957e62801c733b99f0e5a2b8b50922761f68f7d9a40d28c544b449866e81185cddb93cba2496d0ff3fa52ef5b1f8bcace38c
   languageName: node
   linkType: hard
 
@@ -15145,20 +15199,20 @@ __metadata:
     "@testing-library/jest-dom": 5.17.0
     "@testing-library/user-event": 14.4.3
     "@testing-library/vue": 7.0.0
-    "@tsndr/cloudflare-worker-jwt": ^2.3.2
+    "@tsndr/cloudflare-worker-jwt": ^2.5.3
     "@types/isomorphic-fetch": ^0.0.39
     "@types/jest": 28.1.8
     "@typescript-eslint/eslint-plugin": 6.6.0
     "@typescript-eslint/parser": ^6.6.0
-    "@vitejs/plugin-vue": ^4.3.4
-    "@vue/compiler-sfc": 3.3.4
+    "@vitejs/plugin-vue": ^5.0.4
+    "@vue/compiler-sfc": 3.4.21
     "@vue/vue3-jest": 28.1.0
     "@walletconnect/ethereum-provider": 2.10.1
     "@walletconnect/sign-client": 2.10.1
     "@walletconnect/types": 2.10.1
     "@walletconnect/utils": 2.10.1
-    "@web3-onboard/core": ^2.21.0
-    "@web3-onboard/injected-wallets": ^2.10.5
+    "@web3-onboard/core": ^2.21.3
+    "@web3-onboard/injected-wallets": ^2.10.13
     "@web3modal/ethereum": 2.7.1
     "@web3modal/standalone": 2.4.3
     bulma: 0.9.4
@@ -15187,16 +15241,17 @@ __metadata:
     stylelint-config-recommended-vue: 1.5.0
     stylelint-config-standard-scss: 10.0.0
     ts-jest: 28.0.8
-    typescript: ^5.2.2
+    tslib: ^2.6.2
+    typescript: ^5.4.3
     util: 0.12.5
     vite: ^4.4.9
-    vue: ^3.3.4
+    vue: ^3.4.21
     vue-loader: 17.2.2
     vue-router: 4.2.4
-    vue-tsc: ^1.8.10
+    vue-tsc: ^2.0.7
     wagmi: ^1.3.9
-    web3: 1.10.2
-    web3-eth-contract: 1.10.2
+    web3: 1.10.4
+    web3-eth-contract: 1.10.4
   languageName: unknown
   linkType: soft
 
@@ -15529,31 +15584,36 @@ __metadata:
   languageName: node
   linkType: hard
 
-"vue-tsc@npm:^1.8.10":
-  version: 1.8.10
-  resolution: "vue-tsc@npm:1.8.10"
+"vue-tsc@npm:^2.0.7":
+  version: 2.0.7
+  resolution: "vue-tsc@npm:2.0.7"
   dependencies:
-    "@vue/language-core": 1.8.10
-    "@vue/typescript": 1.8.10
-    semver: ^7.3.8
+    "@volar/typescript": ~2.1.3
+    "@vue/language-core": 2.0.7
+    semver: ^7.5.4
   peerDependencies:
     typescript: "*"
   bin:
     vue-tsc: bin/vue-tsc.js
-  checksum: 449616f94aa149464f5e60b6a54f2b821caa48b9bd3ae899c73a75f014fe5b50916d177f96f12ac3f8c054e8a433ec5ffc04754a026b362284fa47170d4ba0f4
+  checksum: c83bdfda60a510d31d4462f25a72c8513a8b54fb3d975aa86d109e5cb7a1ebd7a9b2d2990111421b308fb4e31b3e11a2a2f764471cb20511c3142d6a94437341
   languageName: node
   linkType: hard
 
-"vue@npm:^3.3.4":
-  version: 3.3.4
-  resolution: "vue@npm:3.3.4"
+"vue@npm:^3.4.21":
+  version: 3.4.21
+  resolution: "vue@npm:3.4.21"
   dependencies:
-    "@vue/compiler-dom": 3.3.4
-    "@vue/compiler-sfc": 3.3.4
-    "@vue/runtime-dom": 3.3.4
-    "@vue/server-renderer": 3.3.4
-    "@vue/shared": 3.3.4
-  checksum: 58b6c62a66a375ce5df460fcb7ba41b37c8637c635faf06ef472ae4197f412cf9ad83586cd8e3f66c486404fbe8550e694f90ff724a571d1ba78830791099c59
+    "@vue/compiler-dom": 3.4.21
+    "@vue/compiler-sfc": 3.4.21
+    "@vue/runtime-dom": 3.4.21
+    "@vue/server-renderer": 3.4.21
+    "@vue/shared": 3.4.21
+  peerDependencies:
+    typescript: "*"
+  peerDependenciesMeta:
+    typescript:
+      optional: true
+  checksum: 3c477982a0a9aadfa512eb625b67f35809f123e98a268ace52e3ee738b23a9b8d9461cfc1f2b314fb098047ab3aab50f8beea657a2d3ebe5aae0e02aa4f903d2
   languageName: node
   linkType: hard
 
@@ -15626,14 +15686,14 @@ __metadata:
   languageName: node
   linkType: hard
 
-"web3-bzz@npm:1.10.2":
-  version: 1.10.2
-  resolution: "web3-bzz@npm:1.10.2"
+"web3-bzz@npm:1.10.4":
+  version: 1.10.4
+  resolution: "web3-bzz@npm:1.10.4"
   dependencies:
     "@types/node": ^12.12.6
     got: 12.1.0
     swarm-js: ^0.1.40
-  checksum: 50bc1bb26dfe0192ed7476bd8390e207c57f508621e848aea001714603bd6f9c1c60eae952fe9a7b3c93352cc02c7bbc2e1e62aabd5b69167ee7a7db74713f64
+  checksum: 9a8259be31d3398451a6735341f36912923591b82f0cf2b70f75df49de67441a7b53ba80c22e1bac0fec3545187dc2eded4e2694a5e3beee766a4cf0f48fcf0a
   languageName: node
   linkType: hard
 
@@ -15647,13 +15707,13 @@ __metadata:
   languageName: node
   linkType: hard
 
-"web3-core-helpers@npm:1.10.2":
-  version: 1.10.2
-  resolution: "web3-core-helpers@npm:1.10.2"
+"web3-core-helpers@npm:1.10.4":
+  version: 1.10.4
+  resolution: "web3-core-helpers@npm:1.10.4"
   dependencies:
-    web3-eth-iban: 1.10.2
-    web3-utils: 1.10.2
-  checksum: 0bbc87051bcd9fa9979812348d066f95ed1e6d2425ce5f004649119e5112adaf5352b4a77ab6292706a4a075433b249a6d7eb07a99a9b280c639759a4c201438
+    web3-eth-iban: 1.10.4
+    web3-utils: 1.10.4
+  checksum: a43fc382cd37ac1b6738a7a4e351ad113f0531b1022952c039480e48c14fb8c254ca9855236d6a2da3ad1ea918f7d8f07a64f17bc9784f035c9e38242e52b593
   languageName: node
   linkType: hard
 
@@ -15670,16 +15730,16 @@ __metadata:
   languageName: node
   linkType: hard
 
-"web3-core-method@npm:1.10.2":
-  version: 1.10.2
-  resolution: "web3-core-method@npm:1.10.2"
+"web3-core-method@npm:1.10.4":
+  version: 1.10.4
+  resolution: "web3-core-method@npm:1.10.4"
   dependencies:
     "@ethersproject/transactions": ^5.6.2
-    web3-core-helpers: 1.10.2
-    web3-core-promievent: 1.10.2
-    web3-core-subscriptions: 1.10.2
-    web3-utils: 1.10.2
-  checksum: 07af27d66fdfbdefe54478264dc0b24375218a5f7ced52af0de0ee4ad9088c931f048c6d7f1cec531f450d08c7372ad3898401183928a3d062fbba363eeef577
+    web3-core-helpers: 1.10.4
+    web3-core-promievent: 1.10.4
+    web3-core-subscriptions: 1.10.4
+    web3-utils: 1.10.4
+  checksum: 98971d6568995bcc8cf6721aa587f4664373a502fbc20bd04ebe167d1c719d6e1ed2bdb0488f20e43abd82223ae813d5fa25a8e8da0e1ca60637d7578a09cac1
   languageName: node
   linkType: hard
 
@@ -15692,12 +15752,12 @@ __metadata:
   languageName: node
   linkType: hard
 
-"web3-core-promievent@npm:1.10.2":
-  version: 1.10.2
-  resolution: "web3-core-promievent@npm:1.10.2"
+"web3-core-promievent@npm:1.10.4":
+  version: 1.10.4
+  resolution: "web3-core-promievent@npm:1.10.4"
   dependencies:
     eventemitter3: 4.0.4
-  checksum: 2341ee71e66127821dffeb33fedc65b59550641e5318653e60b9fadb95ccd79c7b3d729c1e4bf4f5c06d907639e6f0c5b22558518b599ec04d3da044d086b67d
+  checksum: a792c74aa5c91dc63fb493af04628ecfa08b9e6ceea402dfe53f718b019c41d63a0200bf3045dd23ec3c42b8d7474ac96eb4cb4456060becc551c2cacbd02bb1
   languageName: node
   linkType: hard
 
@@ -15714,16 +15774,16 @@ __metadata:
   languageName: node
   linkType: hard
 
-"web3-core-requestmanager@npm:1.10.2":
-  version: 1.10.2
-  resolution: "web3-core-requestmanager@npm:1.10.2"
+"web3-core-requestmanager@npm:1.10.4":
+  version: 1.10.4
+  resolution: "web3-core-requestmanager@npm:1.10.4"
   dependencies:
     util: ^0.12.5
-    web3-core-helpers: 1.10.2
-    web3-providers-http: 1.10.2
-    web3-providers-ipc: 1.10.2
-    web3-providers-ws: 1.10.2
-  checksum: be086fdd2749b12aa6cc54ea1a6bb933e0f4a59a52662e4ba7b8ebf53abf16d82c1ad6e508255ac94fadc62754c25f8f3917d3cab3a7d733339caf9671c74537
+    web3-core-helpers: 1.10.4
+    web3-providers-http: 1.10.4
+    web3-providers-ipc: 1.10.4
+    web3-providers-ws: 1.10.4
+  checksum: 5f1520b756a3e4d252b96ad360a78b6c24f3825cf2448aee535fe857867f35d2cbbc6b9a8f1c2ffd2eebfdde14a4c82bac28f0760d5f8be6bdd7d37d88e6cd97
   languageName: node
   linkType: hard
 
@@ -15737,13 +15797,13 @@ __metadata:
   languageName: node
   linkType: hard
 
-"web3-core-subscriptions@npm:1.10.2":
-  version: 1.10.2
-  resolution: "web3-core-subscriptions@npm:1.10.2"
+"web3-core-subscriptions@npm:1.10.4":
+  version: 1.10.4
+  resolution: "web3-core-subscriptions@npm:1.10.4"
   dependencies:
     eventemitter3: 4.0.4
-    web3-core-helpers: 1.10.2
-  checksum: 07464a4e868fe93fb96be5f89e9415230c428367c4a7caf4bdec69291490e83902533aebc289d3a95d6b60a549caab94a7224644db3fe6a31ac295dae2d51c06
+    web3-core-helpers: 1.10.4
+  checksum: f79aedf5d5c14c4e73a0040fe5102905b79169a413c49f3887ade6709584803b648593d6f877524deb482d3b94860de42c54d4b50005298cbc69b7fc3ddf39db
   languageName: node
   linkType: hard
 
@@ -15762,18 +15822,18 @@ __metadata:
   languageName: node
   linkType: hard
 
-"web3-core@npm:1.10.2":
-  version: 1.10.2
-  resolution: "web3-core@npm:1.10.2"
+"web3-core@npm:1.10.4":
+  version: 1.10.4
+  resolution: "web3-core@npm:1.10.4"
   dependencies:
     "@types/bn.js": ^5.1.1
     "@types/node": ^12.12.6
     bignumber.js: ^9.0.0
-    web3-core-helpers: 1.10.2
-    web3-core-method: 1.10.2
-    web3-core-requestmanager: 1.10.2
-    web3-utils: 1.10.2
-  checksum: c959bb041e96bcf111cf46a8a55ac17eb9a0e2e9cac16bfd3cd47d0e9685bed637f1aad86b19db4836122bd24e3eca32d2add42c1713d1cbd7bc994ae935305f
+    web3-core-helpers: 1.10.4
+    web3-core-method: 1.10.4
+    web3-core-requestmanager: 1.10.4
+    web3-utils: 1.10.4
+  checksum: 2f6fae35c15acf68c23f8ff696777cb5a7bf322fc00191e5c4b70850eaf494231d8f096e6dbe8993306d81b28bc65bb38c64afca85e1ddbd1419ee293da64bc0
   languageName: node
   linkType: hard
 
@@ -15787,13 +15847,13 @@ __metadata:
   languageName: node
   linkType: hard
 
-"web3-eth-abi@npm:1.10.2":
-  version: 1.10.2
-  resolution: "web3-eth-abi@npm:1.10.2"
+"web3-eth-abi@npm:1.10.4":
+  version: 1.10.4
+  resolution: "web3-eth-abi@npm:1.10.4"
   dependencies:
     "@ethersproject/abi": ^5.6.3
-    web3-utils: 1.10.2
-  checksum: 0f2ec674c4e804e85e168dea12d5a371f2cc95c55be460e4cd94699620f52a745df349ab4a99defac0bfb05916ca9002c785161b37a8e43ea45007e04cb83d8f
+    web3-utils: 1.10.4
+  checksum: d7a2781f6d896028c6dfa5c37a412b47c884853769915f42c8006c9390cb44a2105c25dda2d8375990ff2dd4cc3c71112fe857250760f74eaa80464f564600bc
   languageName: node
   linkType: hard
 
@@ -15815,21 +15875,21 @@ __metadata:
   languageName: node
   linkType: hard
 
-"web3-eth-accounts@npm:1.10.2":
-  version: 1.10.2
-  resolution: "web3-eth-accounts@npm:1.10.2"
+"web3-eth-accounts@npm:1.10.4":
+  version: 1.10.4
+  resolution: "web3-eth-accounts@npm:1.10.4"
   dependencies:
-    "@ethereumjs/common": 2.5.0
-    "@ethereumjs/tx": 3.3.2
+    "@ethereumjs/common": 2.6.5
+    "@ethereumjs/tx": 3.5.2
     "@ethereumjs/util": ^8.1.0
     eth-lib: 0.2.8
     scrypt-js: ^3.0.1
     uuid: ^9.0.0
-    web3-core: 1.10.2
-    web3-core-helpers: 1.10.2
-    web3-core-method: 1.10.2
-    web3-utils: 1.10.2
-  checksum: 31a71902f8dda004b5de879d52ad6e09ab7386837adae6e158ca30482853eca55745f74c2732bea5dc411c9f83f310b3bcdfb487b7c314fafe55a438e33e6bc5
+    web3-core: 1.10.4
+    web3-core-helpers: 1.10.4
+    web3-core-method: 1.10.4
+    web3-utils: 1.10.4
+  checksum: e75e3441b38d51efaf437231f803bb86f02d7434ef1c57d184b9a7fe2c1ab733348908108153b079f54c53fb57c27673210dfd8d9b49e6352e4972ba1d097bd5
   languageName: node
   linkType: hard
 
@@ -15849,19 +15909,19 @@ __metadata:
   languageName: node
   linkType: hard
 
-"web3-eth-contract@npm:1.10.2":
-  version: 1.10.2
-  resolution: "web3-eth-contract@npm:1.10.2"
+"web3-eth-contract@npm:1.10.4":
+  version: 1.10.4
+  resolution: "web3-eth-contract@npm:1.10.4"
   dependencies:
     "@types/bn.js": ^5.1.1
-    web3-core: 1.10.2
-    web3-core-helpers: 1.10.2
-    web3-core-method: 1.10.2
-    web3-core-promievent: 1.10.2
-    web3-core-subscriptions: 1.10.2
-    web3-eth-abi: 1.10.2
-    web3-utils: 1.10.2
-  checksum: e3a75fa8cfb85141822b7ec945b84406c8c4ab176d99cc77333c2414d2e9bc267a7c36bdef0db82ad72547231a38d753383f57aa65d0bc9e88eb9072282e7452
+    web3-core: 1.10.4
+    web3-core-helpers: 1.10.4
+    web3-core-method: 1.10.4
+    web3-core-promievent: 1.10.4
+    web3-core-subscriptions: 1.10.4
+    web3-eth-abi: 1.10.4
+    web3-utils: 1.10.4
+  checksum: 421957a5d5242ece3421b69b33b8b1f092fc3e7f2d8959e554b91693e83ecaee1cf04dcc6acb34b3352a7b8e50b9194f159ddbf2493739d94399290cc7a070b5
   languageName: node
   linkType: hard
 
@@ -15881,19 +15941,19 @@ __metadata:
   languageName: node
   linkType: hard
 
-"web3-eth-ens@npm:1.10.2":
-  version: 1.10.2
-  resolution: "web3-eth-ens@npm:1.10.2"
+"web3-eth-ens@npm:1.10.4":
+  version: 1.10.4
+  resolution: "web3-eth-ens@npm:1.10.4"
   dependencies:
     content-hash: ^2.5.2
     eth-ens-namehash: 2.0.8
-    web3-core: 1.10.2
-    web3-core-helpers: 1.10.2
-    web3-core-promievent: 1.10.2
-    web3-eth-abi: 1.10.2
-    web3-eth-contract: 1.10.2
-    web3-utils: 1.10.2
-  checksum: f077501937ca7eec02251b7a0358727f0d20067fd8100833fcbb06fc9aa6e3aa1fc7999751501a7716d96df707c0c7f1d3cc04607d7ceedc6f197f28771a75b2
+    web3-core: 1.10.4
+    web3-core-helpers: 1.10.4
+    web3-core-promievent: 1.10.4
+    web3-eth-abi: 1.10.4
+    web3-eth-contract: 1.10.4
+    web3-utils: 1.10.4
+  checksum: b29d2f7f944081df9c3617a56243ad98c7b69e32db803856a2b6d097b3ae914a3c472cc377fc2cc6bba7ced43eeba1c2830cf3ff5a29e0aa63d5a66c257035f5
   languageName: node
   linkType: hard
 
@@ -15907,13 +15967,13 @@ __metadata:
   languageName: node
   linkType: hard
 
-"web3-eth-iban@npm:1.10.2":
-  version: 1.10.2
-  resolution: "web3-eth-iban@npm:1.10.2"
+"web3-eth-iban@npm:1.10.4":
+  version: 1.10.4
+  resolution: "web3-eth-iban@npm:1.10.4"
   dependencies:
     bn.js: ^5.2.1
-    web3-utils: 1.10.2
-  checksum: 05abda6ebd9a520aae7ecbbeffcef0b5b7b39c273e366a221e4fadd3f98074e6426f0ba817d92fdd3a4e30cd1219999facd5778b38b0ba48852d4720a5ebbcac
+    web3-utils: 1.10.4
+  checksum: a3304a9fc56d003ebc2263a835f8f229e0164b025e718ecb4c64d5a9771f4146951d07f5a51d2bc6f3888f26f838bfb9778ca3cf0621ae5dd25206c3024ed8b6
   languageName: node
   linkType: hard
 
@@ -15931,17 +15991,17 @@ __metadata:
   languageName: node
   linkType: hard
 
-"web3-eth-personal@npm:1.10.2":
-  version: 1.10.2
-  resolution: "web3-eth-personal@npm:1.10.2"
+"web3-eth-personal@npm:1.10.4":
+  version: 1.10.4
+  resolution: "web3-eth-personal@npm:1.10.4"
   dependencies:
     "@types/node": ^12.12.6
-    web3-core: 1.10.2
-    web3-core-helpers: 1.10.2
-    web3-core-method: 1.10.2
-    web3-net: 1.10.2
-    web3-utils: 1.10.2
-  checksum: f38abadc156e67730005ac136dcba9b6fc36fc9a88a1f2909b069eb7418dcdd106e6db7c19406dd5ba5daa8ab3da7258793e20e0ffab223eaaa6eb044eb0d53e
+    web3-core: 1.10.4
+    web3-core-helpers: 1.10.4
+    web3-core-method: 1.10.4
+    web3-net: 1.10.4
+    web3-utils: 1.10.4
+  checksum: cf6f1be5961bf7eb7447bbce2298db762902badf358110468b5fbd36f1833d4583e6fa2562f187f0b08b1291d97081fe929a92023acff521a8ac7c96a6ac26fa
   languageName: node
   linkType: hard
 
@@ -15965,23 +16025,23 @@ __metadata:
   languageName: node
   linkType: hard
 
-"web3-eth@npm:1.10.2":
-  version: 1.10.2
-  resolution: "web3-eth@npm:1.10.2"
+"web3-eth@npm:1.10.4":
+  version: 1.10.4
+  resolution: "web3-eth@npm:1.10.4"
   dependencies:
-    web3-core: 1.10.2
-    web3-core-helpers: 1.10.2
-    web3-core-method: 1.10.2
-    web3-core-subscriptions: 1.10.2
-    web3-eth-abi: 1.10.2
-    web3-eth-accounts: 1.10.2
-    web3-eth-contract: 1.10.2
-    web3-eth-ens: 1.10.2
-    web3-eth-iban: 1.10.2
-    web3-eth-personal: 1.10.2
-    web3-net: 1.10.2
-    web3-utils: 1.10.2
-  checksum: 30c8b9e5427565ca0a0f15a9a0cb09ab1b4a79db99d8313416f40e98d760ce0cd920e42b3c12c3e4af1d9e630bdfda5085f9dedb23dc772a00dbdf2f0dcae465
+    web3-core: 1.10.4
+    web3-core-helpers: 1.10.4
+    web3-core-method: 1.10.4
+    web3-core-subscriptions: 1.10.4
+    web3-eth-abi: 1.10.4
+    web3-eth-accounts: 1.10.4
+    web3-eth-contract: 1.10.4
+    web3-eth-ens: 1.10.4
+    web3-eth-iban: 1.10.4
+    web3-eth-personal: 1.10.4
+    web3-net: 1.10.4
+    web3-utils: 1.10.4
+  checksum: 6ffb0210d151ea0c98b297bc99ae9895f94792cc188444337a578e143ee729330af98d133461623f85f4b545e47166af999eabd3ed14f5b7d6245c131d3507d9
   languageName: node
   linkType: hard
 
@@ -15996,14 +16056,14 @@ __metadata:
   languageName: node
   linkType: hard
 
-"web3-net@npm:1.10.2":
-  version: 1.10.2
-  resolution: "web3-net@npm:1.10.2"
+"web3-net@npm:1.10.4":
+  version: 1.10.4
+  resolution: "web3-net@npm:1.10.4"
   dependencies:
-    web3-core: 1.10.2
-    web3-core-method: 1.10.2
-    web3-utils: 1.10.2
-  checksum: 066ac69db7c5556e6a808f8061df3010501924b05a75202d752217831c991d509ba6437446a16196dc547a8638ff24cac04584a771c8873d694d98af9eed8d1e
+    web3-core: 1.10.4
+    web3-core-method: 1.10.4
+    web3-utils: 1.10.4
+  checksum: 7f28f58ed1521bd805d63340994be436812e771e8edaa00aea568fa7ae3374746fb5f5aa6ac67632862a739833dfea6ffa92f4df4bca7c394b2608c603e1eda6
   languageName: node
   linkType: hard
 
@@ -16049,15 +16109,15 @@ __metadata:
   languageName: node
   linkType: hard
 
-"web3-providers-http@npm:1.10.2":
-  version: 1.10.2
-  resolution: "web3-providers-http@npm:1.10.2"
+"web3-providers-http@npm:1.10.4":
+  version: 1.10.4
+  resolution: "web3-providers-http@npm:1.10.4"
   dependencies:
     abortcontroller-polyfill: ^1.7.5
     cross-fetch: ^4.0.0
     es6-promise: ^4.2.8
-    web3-core-helpers: 1.10.2
-  checksum: 156f6f939c86552adada0af1371944d5da3c6f921ec1be1bff7849c53e9306fc93abb5549df97fc7f246f51605cac5d89f9f39a2e5e4dd216ee4c40f413ed215
+    web3-core-helpers: 1.10.4
+  checksum: a868037ed9914dc70cb01599718f8f60cab35c2219c83b70a46e848f0e83268fc4b3f6e25578f07b614c0dad74a4c32d6b3e250b5be2734c0316212035c94ef1
   languageName: node
   linkType: hard
 
@@ -16071,13 +16131,13 @@ __metadata:
   languageName: node
   linkType: hard
 
-"web3-providers-ipc@npm:1.10.2":
-  version: 1.10.2
-  resolution: "web3-providers-ipc@npm:1.10.2"
+"web3-providers-ipc@npm:1.10.4":
+  version: 1.10.4
+  resolution: "web3-providers-ipc@npm:1.10.4"
   dependencies:
     oboe: 2.1.5
-    web3-core-helpers: 1.10.2
-  checksum: fb46c0cfd2e5089b4ce0f88c17efe094eac51305927942eec8649455a6c9f15507095d200cbc245e2afff3a20d2fa3c72745cc5ece87fd0c64879511de12a916
+    web3-core-helpers: 1.10.4
+  checksum: bd8b689e884b604678f927080b4634cb4c5e2c83ec55f6add20d2e948e66845da8342f15b0d08fc626d1cbeb1f584b276931f5f195c599149bb0605f915c8bb2
   languageName: node
   linkType: hard
 
@@ -16092,14 +16152,14 @@ __metadata:
   languageName: node
   linkType: hard
 
-"web3-providers-ws@npm:1.10.2":
-  version: 1.10.2
-  resolution: "web3-providers-ws@npm:1.10.2"
+"web3-providers-ws@npm:1.10.4":
+  version: 1.10.4
+  resolution: "web3-providers-ws@npm:1.10.4"
   dependencies:
     eventemitter3: 4.0.4
-    web3-core-helpers: 1.10.2
+    web3-core-helpers: 1.10.4
     websocket: ^1.0.32
-  checksum: 978317b4a6575eb7dbd9f6eaf3eead43748d06e712d31626d22c218df909d8cc85e3ac50379915e63ec85be744563ee92638e1709e584a4bcf488e9f71d2e16e
+  checksum: 989a8fc27727e020b02dd4489704855252a24f65fe41e7b9a468849040589b0b4fb86f6da645ae9ee4c3ae80f5cb1ab4c461e2b8e7a7d306a5f368a63a9e1301
   languageName: node
   linkType: hard
 
@@ -16115,15 +16175,15 @@ __metadata:
   languageName: node
   linkType: hard
 
-"web3-shh@npm:1.10.2":
-  version: 1.10.2
-  resolution: "web3-shh@npm:1.10.2"
+"web3-shh@npm:1.10.4":
+  version: 1.10.4
+  resolution: "web3-shh@npm:1.10.4"
   dependencies:
-    web3-core: 1.10.2
-    web3-core-method: 1.10.2
-    web3-core-subscriptions: 1.10.2
-    web3-net: 1.10.2
-  checksum: 419feada0f9cdfe4b464c00d6eab7aec14e75e28c17ed4041dd49a48475297dce08b6ea6c8d61bd5c72c385c28308808a79441790466e4d135a19560814da3a0
+    web3-core: 1.10.4
+    web3-core-method: 1.10.4
+    web3-core-subscriptions: 1.10.4
+    web3-net: 1.10.4
+  checksum: 9510f2944e161148740e038fa51f05a9d6d7faeb813a06565c03f3a035f648c74061da3700b5da4fbfe50a3790703f606d7a28bf8f83e90d57d0c69b747fe210
   languageName: node
   linkType: hard
 
@@ -16142,9 +16202,9 @@ __metadata:
   languageName: node
   linkType: hard
 
-"web3-utils@npm:1.10.2":
-  version: 1.10.2
-  resolution: "web3-utils@npm:1.10.2"
+"web3-utils@npm:1.10.4":
+  version: 1.10.4
+  resolution: "web3-utils@npm:1.10.4"
   dependencies:
     "@ethereumjs/util": ^8.1.0
     bn.js: ^5.2.1
@@ -16154,7 +16214,7 @@ __metadata:
     number-to-bn: 1.7.0
     randombytes: ^2.1.0
     utf8: 3.0.0
-  checksum: a5f8db69603fdd5e984aa6407f47f7a4e0dab83af42e10de25a6d9eeaf2e7d4d18fe665b569e364b2e916233fb73b26cc70ff0d730e7909720118c4790dfb043
+  checksum: a1535817a4653f1b5cc868aa19305158122379078a41e13642e1ba64803f6f8e5dd2fb8c45c033612b8f52dde42d8008afce85296c0608276fe1513dece66a49
   languageName: node
   linkType: hard
 
@@ -16173,18 +16233,18 @@ __metadata:
   languageName: node
   linkType: hard
 
-"web3@npm:1.10.2":
-  version: 1.10.2
-  resolution: "web3@npm:1.10.2"
-  dependencies:
-    web3-bzz: 1.10.2
-    web3-core: 1.10.2
-    web3-eth: 1.10.2
-    web3-eth-personal: 1.10.2
-    web3-net: 1.10.2
-    web3-shh: 1.10.2
-    web3-utils: 1.10.2
-  checksum: 5e4e5da71a2f47b8555ed0ed3072bf2766c73f75fce9dfc40a3764fd57fd0b7bba64fbfa19ae2a8be32ede72ebfc6d112dc3829dce79ca8e5bce3210dedcb55b
+"web3@npm:1.10.4":
+  version: 1.10.4
+  resolution: "web3@npm:1.10.4"
+  dependencies:
+    web3-bzz: 1.10.4
+    web3-core: 1.10.4
+    web3-eth: 1.10.4
+    web3-eth-personal: 1.10.4
+    web3-net: 1.10.4
+    web3-shh: 1.10.4
+    web3-utils: 1.10.4
+  checksum: 9f8517a47e7d6b3782ed0713966f653d6c01e578be114c782d34c9b9fbb311f4676f591ac5d6c96bc251337a91bc495003100a13baa9edbc7790954103af0211
   languageName: node
   linkType: hard
 

From f3a004a0c9b7bba0c5a4594f7fe23c68ba718947 Mon Sep 17 00:00:00 2001
From: Andreas Richter <708186+richtera@users.noreply.github.com>
Date: Wed, 3 Apr 2024 11:52:55 -0400
Subject: [PATCH 8/8] fix: Repair lint error

---
 src/compositions/useWeb3Onboard.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/compositions/useWeb3Onboard.ts b/src/compositions/useWeb3Onboard.ts
index 88a83619..b295856b 100644
--- a/src/compositions/useWeb3Onboard.ts
+++ b/src/compositions/useWeb3Onboard.ts
@@ -73,7 +73,7 @@ let onboard: OnboardAPI
 
 const setupWeb3Onboard = async () => {
   onboard = Onboard({
-    wallets,
+    wallets: wallets as any,
     chains,
     appMetadata,
     connect,