PR to include 2.4 changes (front-end, fix bugs, refunds screen)

package.json

@@ -1,6 +1,6 @@
 {
   "name": "PowPeg",
-  "version": "2.3.1",
+  "version": "2.4.0",
   "private": true,
   "scripts": {
     "serve": "vue-cli-service serve",

src/common/utils/utils.ts

@@ -37,16 +37,16 @@ export function getBtcBaseExplorerUrl() {
   let network = '';
   switch (EnvironmentAccessorService.getEnvironmentVariables().vueAppCoin) {
     case constants.BTC_NETWORK_TESTNET:
-      network = 'btc-testnet';
+      network = '/testnet';
       break;
     case constants.BTC_NETWORK_MAINNET:
-      network = 'btc';
+      network = '';
       break;
     default:
-      network = 'btc-testnet';
+      network = '/testnet';
       break;
   }
-  return `https://live.blockcypher.com/${network}`;
+  return `https://mempool.space${network}`;
 }
 
 export function getBtcTxExplorerUrl(txId: string) {

src/pegin/components/create/PegInForm.vue

@@ -11,7 +11,7 @@
     </v-row>
     <v-row no-gutters class="ga-4 ga-lg-8">
       <btc-input @valid-amount="checkValidAmount" />
-      <rsk-destination-address @valid-address="checkValidAddress"/>
+      <rsk-destination-address @valid-address="checkValidAddress" :is-amount-filled="validAmount"/>
     </v-row>
     <btc-fee-select/>
     <div v-if="showOptions" class="d-flex flex-column ga-2">

src/pegin/components/create/RskDestinationAddress.vue

@@ -20,12 +20,16 @@
         </v-btn>
       </template>
     </v-text-field>
+    <v-alert v-show="isAmountFilled && !isInputFilled"
+      color="orange" density="compact" variant="text" class="px-0">
+      Please inform destination address
+    </v-alert>
     <v-alert v-show="!isValidInputAddress && isInputFilled" type="error"
       color="orange" density="compact">
       Not an address
     </v-alert>
     <v-alert v-show="notChecksummedAddressWarning" type="warning"
-      color="orange" density="compact" variant="outline">
+      color="orange" density="compact" variant="outlined">
       Not a checksummed address
     </v-alert>
   </v-col>
@@ -42,6 +46,12 @@ import { EnvironmentAccessorService } from '@/common/services/enviroment-accesso
 
 export default defineComponent({
   name: 'RskDestinationAddress',
+  props: {
+    isAmountFilled: {
+      type: Boolean,
+      required: true,
+    },
+  },
   setup(props, context) {
     const connectedAccount = useGetter<string>('web3Session', constants.SESSION_GET_CHECKSUMMED_ACCOUNT);
     const address = ref(connectedAccount.value);