Show error msg when pegout is rejected

src/common/store/constants.ts

@@ -372,3 +372,9 @@ export enum FlyoverCallFunction {
   LPS = 'getLps',
   QUOTE = 'getQuote',
 }
+
+export enum RejectedPegoutReasons {
+  LOW_AMOUNT = 'LOW_AMOUNT',
+  CALLER_CONTRACT = 'CALLER_CONTRACT',
+  FEE_ABOVE_VALUE = 'FEE_ABOVE_VALUE',
+}

src/common/types/store.ts

@@ -1,5 +1,5 @@
 import { Duration } from 'moment/moment';
-import { PegStatus } from '@/common/store/constants';
+import { PegStatus, RejectedPegoutReasons } from '@/common/store/constants';
 import SatoshiBig from '@/common/types/SatoshiBig';
 import { PegInTxState } from '@/common/types/pegInTx';
 import { SessionState } from '@/common/types/session';
@@ -73,6 +73,7 @@ export interface PegoutStatusDataModel {
   fees: number;
   estimatedFee: SatoshiBig;
   btcTxId: string;
+  reason?: RejectedPegoutReasons;
 }
 
 export interface FlyoverStatusModel {

src/status/views/Status.vue

@@ -18,6 +18,9 @@
     <v-row no-gutters v-if="showStatus && showTimeLeft" justify="center">
       <span class="text-bw-400 text-body-1">Estimated time: {{ releaseTimeText }}</span>
     </v-row>
+    <v-row no-gutters v-if="showStatus && isRejected" justify="center">
+      <p class="w-75 text-center text-body-1">{{ rejectionMsg }}</p>
+    </v-row>
     <v-row no-gutters v-if="showStatus">
       <tx-pegin v-if="isPegIn" :txId="txId" :isFlyover="isFlyover"
                 :txWithErrorType="txWithErrorType" :txWithError="txWithError" />
@@ -90,6 +93,21 @@ export default defineComponent({
 
     const isRejected = computed(() => status.value.txDetails?.status === 'REJECTED');
 
+    const rejectionMsg = computed(() => {
+      const details = txDetails.value as PegoutStatusDataModel;
+      const { LOW_AMOUNT, CALLER_CONTRACT, FEE_ABOVE_VALUE } = constants.RejectedPegoutReasons;
+      switch (details.reason) {
+        case LOW_AMOUNT:
+          return 'The transaction was rejected because the amount is less than the minimum required.';
+        case CALLER_CONTRACT:
+          return 'The transaction was rejected because the sender is a contract.';
+        case FEE_ABOVE_VALUE:
+          return 'Due to high network fees, your transaction is cancelled. Please try again later when network fees are lower or you can bridge higher amounts.';
+        default:
+          return '';
+      }
+    });
+
     const isPegIn = computed((): boolean => status.value.type === TxStatusType.PEGIN
       || status.value.type === TxStatusType.FLYOVER_PEGIN);
 
@@ -214,6 +232,7 @@ export default defineComponent({
       rules,
       txWithErrorType,
       txWithError,
+      rejectionMsg,
     };
   },
 });