fix: format of values for pegout native

Author: annipi

src/common/components/status/StatusSummary.vue

@@ -107,7 +107,8 @@ export default defineComponent({
 
     const btcSide = computed(() => {
       if (props.type === TxStatusType.PEGOUT || props.type === TxStatusType.FLYOVER_PEGOUT) {
-        const fee = props.details.fee === 0 ? props.details.estimatedFee : props.details.fee;
+        const fee = Number(props.details.fee) === 0
+          ? props.details.estimatedFee : props.details.fee;
         return [
           {
             title: 'You receive',
@@ -172,7 +173,7 @@ export default defineComponent({
               ? 'Fee (includes provider and network fees)' : 'Fee',
             value: status.value.type === TxStatusType.FLYOVER_PEGOUT
               ? props.details.fee
-              : gasFee,
+              : gasFee, // TODO: anni
             ticker: true,
           },
           {

src/common/components/status/TxPegout.vue

@@ -24,7 +24,10 @@ import {
 import StatusProgressBar from '@/common/components/status/StatusProgressBar.vue';
 import { useStateAttribute } from '@/common/store/helper';
 import StatusSummary from '@/common/components/status/StatusSummary.vue';
-import { bigNumberToSatoshiBigIntString, toWeiBigIntString } from '@/common/utils';
+import {
+  toWeiBigIntString,
+  toSatoshiBigIntString,
+} from '@/common/utils';
 
 export default defineComponent({
   name: 'TxPegout',
@@ -51,30 +54,35 @@ export default defineComponent({
     const amountToBeReceived = computed((): string => {
       const status = txDetails.value as PegoutStatusDataModel;
       if (isRejectedPegout.value) {
-        return '';
+        return '0';
       }
       if (status.valueInSatoshisToBeReceived) {
         return new SatoshiBig(status.valueInSatoshisToBeReceived, 'satoshi').toBTCTrimmedString();
       }
-      const requestedAmount = new SatoshiBig(status.valueRequestedInSatoshis, 'satoshi');
-      return requestedAmount.minus(pegOutEstimatedFee.value).toBTCTrimmedString();
+      const requestedAmount = new WeiBig(status.valueRequestedInSatoshis, 'wei');
+      const requestedAmountString = toWeiBigIntString(requestedAmount.toRBTCTrimmedString());
+      const pegOutEstimatedString = toSatoshiBigIntString(pegOutEstimatedFee.value
+        .toBTCTrimmedString());
+      const amountToReceive = (new WeiBig(requestedAmountString, 'wei'))
+        .minus(new WeiBig(pegOutEstimatedString, 'wei'));
+      return amountToReceive.toRBTCTrimmedString();
     });
 
     const txPegoutSummary = computed((): NormalizedSummary => {
       const status = txDetails.value as PegoutStatusDataModel;
-      const valueRequested = bigNumberToSatoshiBigIntString(status.valueRequestedInSatoshis);
-      const amountSent = new WeiBig(valueRequested, 'rbtc')
-        .plus(calculatedGasFee.value).toRBTCTrimmedString();
+      const valueRequested = new SatoshiBig(status.valueRequestedInSatoshis, 'satoshi');
+      const amountSent = new WeiBig(valueRequested.toSatoshiBigIntUnsafe(), 'wei').plus(calculatedGasFee.value);
       const btcTxId = status.status === PegoutStatus.RELEASE_BTC ? status.btcTxId : '';
       return {
-        amountFromString: amountSent,
+        amountFromString: isRejectedPegout.value ? valueRequested.toBTCTrimmedString()
+          : amountSent.toRBTCTrimmedString(),
         amountReceivedString: amountToBeReceived.value,
-        gas: calculatedGasFee.value.toString(),
+        gas: calculatedGasFee.value.toRBTCTrimmedString(),
         fee: status.feeInSatoshisToBePaid ?? '0',
         recipientAddress: status.btcRecipientAddress,
         senderAddress: status.rskSenderAddress,
         txId: status.rskTxHash ? status.rskTxHash : props.txId,
-        estimatedFee: pegOutEstimatedFee.value.toString(),
+        estimatedFee: pegOutEstimatedFee.value.toBTCTrimmedString(),
         status: status.status,
         btcTxId,
       };