fix: fix custom contract proposal creation and view (#4524)

Signed-off-by: david <[email protected]>

src/plugins/oSnap/Create.vue

@@ -58,7 +58,6 @@ function removeTransaction(transactionIndex: number) {
 
 function updateTransaction(transaction: Transaction, transactionIndex: number) {
   if (!newPluginData.value.safe) return;
-
   newPluginData.value.safe.transactions[transactionIndex] = transaction;
   update(newPluginData.value);
 }

src/plugins/oSnap/Proposal.vue

@@ -54,12 +54,14 @@ function enrichTransactionForDisplay(transaction: Transaction) {
     return { ...commonProperties, type: 'Raw' };
   }
   if (transaction.type === 'contractInteraction') {
-    const { methodName, parameters } = transaction;
+    const { method, parameters } = transaction;
     return {
       ...commonProperties,
       type: 'Contract interaction',
-      'method name': methodName,
-      parameters: parameters?.join(', ')
+      'method name': method.name,
+      ...Object.fromEntries(method.inputs.map((input,i)=>{
+        return [`${input.name} (param ${i+1}): `,parameters[i]]
+      }))
     };
   }
   if (transaction.type === 'transferFunds') {

src/plugins/oSnap/components/TransactionBuilder/ContractInteraction.vue

@@ -38,7 +38,6 @@ const selectedMethod = computed(
     methods.value[0]
 );
 const parameters = ref<string[]>([]);
-const selectedParameters = ref<string[]>([]);
 
 function updateTransaction() {
   if (!isValueValid || !isToValid || !isAbiValid) return;
@@ -48,15 +47,15 @@ function updateTransaction() {
       value: value.value,
       abi: abi.value,
       method: selectedMethod.value,
-      parameters: selectedParameters.value
+      parameters: parameters.value
     });
 
     if (validateTransaction(transaction)) {
       emit('updateTransaction', transaction);
       return;
     }
   } catch (error) {
-    console.warn('invalid transaction');
+    console.warn('ContractInteraction - Invalid Transaction:',error);
   }
 }
 
@@ -66,7 +65,7 @@ function updateParameter(index: number, value: string) {
 }
 
 function updateMethod(methodName: string) {
-  selectedParameters.value = [];
+  parameters.value = [];
   selectedMethodName.value = methodName;
   updateTransaction();
 }

src/plugins/oSnap/components/TransactionBuilder/Transaction.vue

@@ -66,6 +66,7 @@ function updateTransaction(transaction: TTransaction) {
       v-if="transaction.type === 'contractInteraction'"
       :transaction="newTransaction as ContractInteractionTransaction"
       :network="network"
+      @update-transaction="updateTransaction"
     />
 
     <TransferFunds