From 23b90cdcd67d3a46e4c8baa0cf37ac22484957d1 Mon Sep 17 00:00:00 2001
From: lserra-iov <lucio.serra@iovlabs.org>
Date: Mon, 10 Aug 2026 17:45:17 -0300
Subject: [PATCH 1/2] fix: duplicated fast mode option

---
 src/pegin/components/create/PegInForm.vue | 42 +++++++++++++----------
 1 file changed, 23 insertions(+), 19 deletions(-)

diff --git a/src/pegin/components/create/PegInForm.vue b/src/pegin/components/create/PegInForm.vue
index 07724772..334e3c1d 100644
--- a/src/pegin/components/create/PegInForm.vue
+++ b/src/pegin/components/create/PegInForm.vue
@@ -27,40 +27,33 @@
           <v-row no-gutters class="my-4">
             <span class="text-body-sm">Select mode to see exact amounts</span>
           </v-row>
-          <v-row no-gutters v-if="(!flyoverIsEnabled
-                    || peginQuotes.length === 0)
-                    || !enoughAmountFlyover">
+          <v-row no-gutters v-if="fastModeState !== 'available'">
             <pegin-option-card :option-type="peginType.FLYOVER" flyover-not-available>
               <template v-slot>
-                <h4 v-if="countdown === recaptchanNewTokenTime">
+                <h4 v-if="fastModeState === 'disabled' && countdown === recaptchanNewTokenTime">
                   <span class="text-orange">Fast Mode</span> is unavailable at this time.
                 </h4>
-                <h4 v-else>
+                <h4 v-else-if="fastModeState === 'disabled'">
                   Fast mode will be <br> available in
                   <span class="text-orange">{{ countdown }} seconds.</span>
                 </h4>
-              </template>
-            </pegin-option-card>
-          </v-row>
-          <v-row no-gutters v-if="flyoverIsEnabled
-            && peginQuotes.length === 0 && enoughAmountFlyover">
-            <pegin-option-card :option-type="peginType.FLYOVER" flyover-not-available>
-              <template v-slot>
-                <h4 v-if="countdown === recaptchanNewTokenTime && enoughFlyoverLiquidity">
-                  <span class="text-orange">Fast Mode</span> no quotes available for this amount.
-                </h4>
-                <h4 v-else-if="!enoughFlyoverLiquidity">
+                <h4 v-else-if="fastModeState === 'no-liquidity'">
                   <span class="text-orange">Fast Mode</span>
                   There is not enough liquidity for this amount.
                   <a href="mailto:flyover@rootstocklabs.com?subject=Insufficient Liquidity">
                     Contact support</a> if you want to use the fast mode.
                 </h4>
+                <h4 v-else-if="fastModeState === 'no-quotes'">
+                  <span class="text-orange">Fast Mode</span> no quotes available for this amount.
+                </h4>
+                <h4 v-else-if="fastModeState === 'insufficient-funds'">
+                  <span class="text-orange">Fast Mode</span>
+                  You don't have enough funds to cover the amount including fees.
+                </h4>
               </template>
             </pegin-option-card>
           </v-row>
-          <v-row no-gutters v-else-if="countdown === recaptchanNewTokenTime
-                          && peginQuotes.length > 0"
-            v-for="(quote, index) in peginQuotes" :key="index">
+          <v-row no-gutters v-else v-for="(quote, index) in peginQuotes" :key="index">
             <pegin-option-card
               :option-type="peginType.FLYOVER"
               @selected-option="changeSelectedOption"
@@ -163,6 +156,8 @@ import { AcceptedQuote } from '@rsksmart/flyover-sdk';
 import { EnvironmentAccessorService } from '@/common/services/enviroment-accessor.service';
 import { useRouter } from 'vue-router';
 
+type FlyoverDisplayState = 'disabled' | 'no-liquidity' | 'no-quotes' | 'insufficient-funds' | 'available';
+
 export default defineComponent({
   name: 'PegInForm',
   props: {
@@ -245,6 +240,14 @@ export default defineComponent({
       return selectedAccountBalance.value?.gte(fullAmount);
     });
 
+    const fastModeState = computed<FlyoverDisplayState>(() => {
+      if (!flyoverIsEnabled.value) return 'disabled';
+      if (!enoughFlyoverLiquidity.value) return 'no-liquidity';
+      if (peginQuotes.value.length === 0) return 'no-quotes';
+      if (!enoughAmountFlyover.value) return 'insufficient-funds';
+      return 'available';
+    });
+
     function back() {
       pegInFormState.value.send('loading');
       clearQuotes();
@@ -439,6 +442,7 @@ export default defineComponent({
       toQr,
       enoughFlyoverLiquidity,
       enoughAmountFlyover,
+      fastModeState,
     };
   },
 });

From 1c36932f88efa274ba3364955e5711bbc2efa364 Mon Sep 17 00:00:00 2001
From: lserra-iov <lucio.serra@iovlabs.org>
Date: Tue, 11 Aug 2026 14:33:55 -0300
Subject: [PATCH 2/2] fix: typo and format

---
 src/pegin/components/create/PegInForm.vue | 17 +++++++++++------
 1 file changed, 11 insertions(+), 6 deletions(-)

diff --git a/src/pegin/components/create/PegInForm.vue b/src/pegin/components/create/PegInForm.vue
index 334e3c1d..06c49c6b 100644
--- a/src/pegin/components/create/PegInForm.vue
+++ b/src/pegin/components/create/PegInForm.vue
@@ -30,7 +30,7 @@
           <v-row no-gutters v-if="fastModeState !== 'available'">
             <pegin-option-card :option-type="peginType.FLYOVER" flyover-not-available>
               <template v-slot>
-                <h4 v-if="fastModeState === 'disabled' && countdown === recaptchanNewTokenTime">
+                <h4 v-if="fastModeState === 'disabled' && countdown === recaptchaNewTokenTime">
                   <span class="text-orange">Fast Mode</span> is unavailable at this time.
                 </h4>
                 <h4 v-else-if="fastModeState === 'disabled'">
@@ -156,7 +156,12 @@ import { AcceptedQuote } from '@rsksmart/flyover-sdk';
 import { EnvironmentAccessorService } from '@/common/services/enviroment-accessor.service';
 import { useRouter } from 'vue-router';
 
-type FlyoverDisplayState = 'disabled' | 'no-liquidity' | 'no-quotes' | 'insufficient-funds' | 'available';
+type FlyoverDisplayState =
+  | 'disabled'
+  | 'no-liquidity'
+  | 'no-quotes'
+  | 'insufficient-funds'
+  | 'available';
 
 export default defineComponent({
   name: 'PegInForm',
@@ -203,7 +208,7 @@ export default defineComponent({
     const loadingFee = useStateAttribute<boolean>('pegInTx', 'loadingFee');
     const startCountdown = useAction('web3Session', constants.SESSION_COUNTDOWN_GRECAPTCHA_TIME);
     const countdown = useStateAttribute<number>('web3Session', 'grecaptchaCountdown');
-    const recaptchanNewTokenTime = EnvironmentAccessorService.getEnvironmentVariables()
+    const recaptchaNewTokenTime = EnvironmentAccessorService.getEnvironmentVariables()
       .grecaptchaTime;
     const toQr = ref(false);
     const router = useRouter();
@@ -226,7 +231,7 @@ export default defineComponent({
     const flyoverIsEnabled = computed(() => {
       if (props.isFlyoverAvailable) {
         if (sendingPegin.value) return true;
-        return countdown.value === recaptchanNewTokenTime;
+        return countdown.value === recaptchaNewTokenTime;
       }
       return false;
     });
@@ -378,7 +383,7 @@ export default defineComponent({
           && !!flyoverPeginState.value.selectedQuoteHash
           && !!flyoverPeginState.value.rootstockRecipientAddress
           && flyoverPeginState.value.rootstockRecipientAddress !== '0x'
-          && countdown.value === recaptchanNewTokenTime;
+          && countdown.value === recaptchaNewTokenTime;
       }
 
       return false;
@@ -437,7 +442,7 @@ export default defineComponent({
       sendTx,
       flyoverIsEnabled,
       countdown,
-      recaptchanNewTokenTime,
+      recaptchaNewTokenTime,
       mdiQrcode,
       toQr,
       enoughFlyoverLiquidity,