From fe16c57b5793585ddef2190a86baac2a384f7fc7 Mon Sep 17 00:00:00 2001
From: ronaldsg <ronaldsg20@gmail.com>
Date: Thu, 21 Nov 2024 15:35:36 -0500
Subject: [PATCH] Using anonnymus connection on the flyover instance

		I've defined the provider parameter on the flyover instance depending
		on the option, for pegin it will use an annonymus wallet and for pegout
		the rlogin provider connected.
---
 src/App.vue                           | 14 +-------------
 src/common/services/FlyoverService.ts | 16 +++++++++++-----
 src/pegout/components/PegoutForm.vue  |  4 +++-
 src/pegout/views/PegOut.vue           |  6 ++++--
 4 files changed, 19 insertions(+), 21 deletions(-)

diff --git a/src/App.vue b/src/App.vue
index cbc5d94d..009f1ac0 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -14,7 +14,7 @@
 
 <script lang="ts">
 import {
-  computed, onBeforeMount, onMounted, ref,
+  computed, onBeforeMount, ref,
 } from 'vue';
 import Top from '@/common/components/layouts/Top.vue';
 import FooterRsk from '@/common/components/layouts/Footer.vue';
@@ -39,7 +39,6 @@ export default {
     let hotjarScriptTag: HTMLScriptElement;
     const getFeatures = useAction('web3Session', constants.SESSION_ADD_FEATURES);
     const getBtcPrice = useAction('pegInTx', constants.PEGIN_TX_ADD_BITCOIN_PRICE);
-    const initFlyover = useAction('flyoverPegin', constants.FLYOVER_PEGIN_INIT);
     const showTermsAndConditions = ref(false);
     const contentSecurityPolicy = computed((): string => {
       const envVariables = EnvironmentAccessorService.getEnvironmentVariables();
@@ -100,17 +99,6 @@ export default {
       getBtcPrice();
     });
 
-    onMounted(() => {
-      console.log('App mounted trying to init flyover');
-      initFlyover()
-        .then(() => {
-          console.log('flyover init success');
-        })
-        .catch((error) => {
-          console.error('flyover init error', error);
-        });
-    });
-
     appendHotjar();
     appendClarity();
     appendCSP();
diff --git a/src/common/services/FlyoverService.ts b/src/common/services/FlyoverService.ts
index 68838fd9..981d9722 100644
--- a/src/common/services/FlyoverService.ts
+++ b/src/common/services/FlyoverService.ts
@@ -1,4 +1,4 @@
-import { BlockchainConnection, BlockchainReadOnlyConnection, Network } from '@rsksmart/bridges-core-sdk';
+import { BlockchainConnection, Network } from '@rsksmart/bridges-core-sdk';
 import {
   AcceptedPegoutQuote, Flyover,
   LiquidityProvider, PegoutQuote, Quote,
@@ -10,6 +10,7 @@ import {
   LiquidityProvider2WP, PeginQuote, QuotePegOut2WP,
   SatoshiBig, WeiBig,
 } from '@/common/types';
+import { Wallet, providers } from 'ethers';
 import { EnvironmentAccessorService } from './enviroment-accessor.service';
 import { isValidSiteKey, ServiceError } from '../utils';
 
@@ -51,14 +52,19 @@ export default class FlyoverService {
     }
   }
 
-  initialize(): Promise<void> {
+  initialize(web3Provider?: providers.ExternalProvider): Promise<void> {
     return new Promise<void>((resolve, reject) => {
-      BlockchainReadOnlyConnection.createUsingRpc(this.providerUrl)
+      const connectionPromise = web3Provider
+        ? BlockchainConnection.createUsingStandard(web3Provider)
+        : BlockchainConnection.createUsingPassphrase(
+          Wallet.createRandom().mnemonic.phrase,
+          this.providerUrl,
+        );
+      connectionPromise
         .then((connection) => {
-          console.log(connection);
           this.flyover = new Flyover({
             network: this.flyoverNetwork,
-            rskConnection: connection as unknown as BlockchainConnection,
+            rskConnection: connection as BlockchainConnection,
             captchaTokenResolver: this.tokenResolver.bind(this),
             disableChecksum: true,
           });
diff --git a/src/pegout/components/PegoutForm.vue b/src/pegout/components/PegoutForm.vue
index ee70d1d8..6076f03f 100644
--- a/src/pegout/components/PegoutForm.vue
+++ b/src/pegout/components/PegoutForm.vue
@@ -146,6 +146,7 @@ import router from '@/common/router';
 import ApiService from '@/common/services/ApiService';
 import { FlyoverService } from '@/common/services';
 import FullTxErrorDialog from '@/common/components/exchange/FullTxErrorDialog.vue';
+import { providers } from 'ethers';
 import PegoutOption from './PegoutOption.vue';
 
 export default defineComponent({
@@ -186,6 +187,7 @@ export default defineComponent({
     const clearFlyoverState = useAction('flyoverPegout', constants.FLYOVER_PEGOUT_CLEAR_STATE);
     const clearPegoutTx = useAction('pegOutTx', constants.PEGOUT_TX_CLEAR);
     const getPegoutQuotes = useAction('flyoverPegout', constants.FLYOVER_PEGOUT_GET_QUOTES);
+    const ethersProvider = useStateAttribute<providers.Web3Provider>('web3Session', 'ethersProvider');
     const quotes = useStateAttribute<Record<number, QuotePegOut2WP[]>>('flyoverPegout', 'quotes');
     const quoteDifferences = useStateAttribute<Array<ObjectDifference>>('flyoverPegout', 'differences');
     const selectedQuote = useGetter<QuotePegOut2WP>('flyoverPegout', constants.FLYOVER_PEGOUT_GET_SELECTED_QUOTE);
@@ -368,7 +370,7 @@ export default defineComponent({
     function clearState() {
       clearFlyoverState();
       clearPegoutTx();
-      initFlyoverTx();
+      initFlyoverTx(ethersProvider.value);
       initPegoutTx();
       selectedOption.value = '';
       showStep.value = false;
diff --git a/src/pegout/views/PegOut.vue b/src/pegout/views/PegOut.vue
index b2d5499c..f9c5f523 100644
--- a/src/pegout/views/PegOut.vue
+++ b/src/pegout/views/PegOut.vue
@@ -19,8 +19,9 @@ import {
 } from 'vue';
 import * as constants from '@/common/store/constants';
 import PegoutForm from '@/pegout/components/PegoutForm.vue';
-import { useAction, useGetter } from '@/common/store/helper';
+import { useAction, useGetter, useStateAttribute } from '@/common/store/helper';
 import { Feature, FeatureNames } from '@/common/types';
+import { providers } from 'ethers';
 
 export default defineComponent({
   name: 'PegOut',
@@ -31,13 +32,14 @@ export default defineComponent({
     const init = useAction('pegOutTx', constants.PEGOUT_TX_INIT);
     const initFlyover = useAction('flyoverPegout', constants.FLYOVER_PEGOUT_INIT);
     const flyoverFeature = useGetter<(name: FeatureNames) => Feature>('web3Session', constants.SESSION_GET_FEATURE);
+    const ethersProvider = useStateAttribute<providers.Web3Provider>('web3Session', 'ethersProvider');
     const flyoverEnabled = ref(false);
     const loadingProviders = ref(true);
 
     onBeforeMount(() => {
       const feature = flyoverFeature.value(FeatureNames.FLYOVER_PEG_OUT);
       if (feature?.value === constants.ENABLED) {
-        initFlyover()
+        initFlyover(ethersProvider.value)
           .then(() => {
             flyoverEnabled.value = true;
             loadingProviders.value = false;