transaction placement dialog

src/components/NativeWrap.vue

@@ -26,9 +26,8 @@
 <script setup>
 import {useStore} from "@/store/store";
 import {computed, ref} from "vue";
-import {vaultContract} from "@/blockchain/contract.js"
-import {pendTransaction} from "@/blockchain/wallet.js";
 import {FixedNumber} from "ethers";
+import {WrapTransaction} from "@/blockchain/transaction.js";
 
 const s = useStore()
 const props = defineProps(['modelValue', 'vault', 'maxAmount'])
@@ -45,10 +44,7 @@ function wrapNative() {
   if( amount === 0n )
     return
   console.log('pending wrap', valueStr, amount)
-  pendTransaction(async (signer)=>{
-    const vault = await vaultContract(vaultAddr, signer)
-    return await vault.wrap(amount)
-  })
+  new WrapTransaction(s.chainId, vaultAddr, amount).submit()
   floatAmount.value = 0
   emit('update:modelValue', false)
 }