From 99863dedbfc514aa83e48f1d0b1c2e72becb35f4 Mon Sep 17 00:00:00 2001
From: Jan Michek <15363559+janmichek@users.noreply.github.com>
Date: Mon, 8 Apr 2024 09:38:10 +0200
Subject: [PATCH] feat: Migrate to v3 endpoints pt1 (#703)

---
 src/components/ContractDetailsPanel.vue        |  2 +-
 src/components/ContractsPanel.vue              |  2 +-
 src/components/KeyblockDetailsPanel.vue        |  2 +-
 src/components/MicroblockDetailsPanel.vue      |  2 +-
 src/components/MicroblockTransactionsPanel.vue |  2 +-
 src/components/NetworkSelect.vue               | 16 ++++++++++------
 src/components/OracleDetailsPanel.vue          |  2 +-
 src/components/OracleEventsPanel.vue           |  2 +-
 src/components/OraclesPanel.vue                |  2 +-
 src/components/StateChannelDetailsPanel.vue    |  2 +-
 src/components/TokenSymbolIcon.vue             |  4 ++--
 src/components/TransactionGeneralPanel.vue     |  2 +-
 src/components/TransactionsPanel.vue           |  2 +-
 src/pages/names/[name].vue                     |  2 +-
 src/plugins/sentry.js                          | 10 +++++-----
 src/stores/accountDetails.js                   |  4 ++--
 src/stores/blockchainStats.js                  |  4 ++--
 src/stores/contractDetails.js                  |  4 ++--
 src/stores/contracts.js                        |  2 +-
 src/stores/dashboardStateChannels.js           |  2 +-
 src/stores/keyblockDetails.js                  |  8 ++++----
 src/stores/microblockDetails.js                |  6 +++---
 src/stores/nftDetails.js                       |  6 +++---
 src/stores/oracleDetails.js                    |  6 +++---
 src/stores/oracles.js                          |  4 ++--
 src/stores/recentBlocks.js                     |  8 ++++----
 src/stores/stateChannelDetails.js              |  7 ++++---
 src/stores/stateChannels.js                    |  2 +-
 src/stores/status.js                           |  2 +-
 src/stores/tokens.js                           |  7 ++++---
 src/stores/transactionDetails.js               |  4 ++--
 src/stores/transactions.js                     |  4 ++--
 32 files changed, 70 insertions(+), 64 deletions(-)

diff --git a/src/components/ContractDetailsPanel.vue b/src/components/ContractDetailsPanel.vue
index 9bae16cad..4345b5c60 100644
--- a/src/components/ContractDetailsPanel.vue
+++ b/src/components/ContractDetailsPanel.vue
@@ -216,7 +216,7 @@ const contractNodeUrl = computed(() =>
   `${NODE_URL}/v3/contracts/${props.contractDetails.id}`,
 )
 const contractMiddlewareUrl = computed(() =>
-  `${MIDDLEWARE_URL}/v2/contracts/${props.contractDetails.id}`,
+  `${MIDDLEWARE_URL}/v3/contracts/${props.contractDetails.id}`,
 )
 </script>
 
diff --git a/src/components/ContractsPanel.vue b/src/components/ContractsPanel.vue
index 1655401f8..337ab639b 100644
--- a/src/components/ContractsPanel.vue
+++ b/src/components/ContractsPanel.vue
@@ -43,7 +43,7 @@ const loadNextContracts = () => {
 }
 
 const loadContracts = () => {
-  fetchContracts(`/v2/txs?type=contract_create&limit=${limit.value}`)
+  fetchContracts(`/v3/transactions?type=contract_create&limit=${limit.value}`)
   fetchContractsCount()
   pageIndex.value = 1
 }
diff --git a/src/components/KeyblockDetailsPanel.vue b/src/components/KeyblockDetailsPanel.vue
index 6ce58ced8..f939ef42f 100644
--- a/src/components/KeyblockDetailsPanel.vue
+++ b/src/components/KeyblockDetailsPanel.vue
@@ -194,7 +194,7 @@ const keyblockNodeUrl = computed(() =>
   `${NODE_URL}/v3/key-blocks/hash/${props.keyblockDetails.hash}`,
 )
 const keyblockMiddlewareUrl = computed(() =>
-  `${MIDDLEWARE_URL}/v2/key-blocks/${props.keyblockDetails.hash}`,
+  `${MIDDLEWARE_URL}/v3/key-blocks/${props.keyblockDetails.hash}`,
 )
 const isNextKeyblockMined = computed(() =>
   props.keyblockDetails.height < latestBlockHeight.value,
diff --git a/src/components/MicroblockDetailsPanel.vue b/src/components/MicroblockDetailsPanel.vue
index ef162cf1b..2491d9f8b 100644
--- a/src/components/MicroblockDetailsPanel.vue
+++ b/src/components/MicroblockDetailsPanel.vue
@@ -122,7 +122,7 @@ const microblockNodeUrl = computed(() =>
   `${NODE_URL}/v3/micro-blocks/hash/${props.microblockDetails.hash}/header`,
 )
 const microblockMiddlewareUrl = computed(() =>
-  `${MIDDLEWARE_URL}/v2/micro-blocks/${props.microblockDetails.hash}`,
+  `${MIDDLEWARE_URL}/v3/micro-blocks/${props.microblockDetails.hash}`,
 )
 </script>
 
diff --git a/src/components/MicroblockTransactionsPanel.vue b/src/components/MicroblockTransactionsPanel.vue
index a70f6cf95..334e473ab 100644
--- a/src/components/MicroblockTransactionsPanel.vue
+++ b/src/components/MicroblockTransactionsPanel.vue
@@ -48,7 +48,7 @@ async function loadTransactions() {
   const { txType } = route.query
   const txTypeOption = TX_TYPES_OPTIONS.find(option => option.typeQuery === txType)
   selectedTxType.value = txTypeOption || TX_TYPES_OPTIONS[0]
-  await fetchMicroblockTransactions({ queryParameters: `/v2/micro-blocks/${route.params.id}/txs/?limit=${limit.value}${selectedTxType.value.typeQuery ? '&type=' + selectedTxType.value.typeQuery : ''}` })
+  await fetchMicroblockTransactions({ queryParameters: `/v3/micro-blocks/${route.params.id}/transactions/?limit=${limit.value}${selectedTxType.value.typeQuery ? '&type=' + selectedTxType.value.typeQuery : ''}` })
   pageIndex.value = 1
 }
 
diff --git a/src/components/NetworkSelect.vue b/src/components/NetworkSelect.vue
index d16af3312..5949ac7ad 100644
--- a/src/components/NetworkSelect.vue
+++ b/src/components/NetworkSelect.vue
@@ -16,23 +16,27 @@ import { computed, ref } from 'vue'
 import { useRuntimeConfig } from 'nuxt/app'
 import AppSelect from '@/components/AppSelect'
 
-const config = useRuntimeConfig()
+const {
+  NETWORK_NAME,
+  ALTERNATIVE_NETWORK_NAME,
+  ALTERNATIVE_NETWORK_URL,
+} = useRuntimeConfig().public
 
 const selectedNetwork = ref({
-  name: config.public.NETWORK_NAME,
+  name: NETWORK_NAME,
 })
 const networks = ref([
   {
-    name: config.public.NETWORK_NAME,
+    name: NETWORK_NAME,
     url: null,
   },
   {
-    name: config.public.ALTERNATIVE_NETWORK_NAME,
-    url: config.public.ALTERNATIVE_NETWORK_URL,
+    name: ALTERNATIVE_NETWORK_NAME,
+    url: ALTERNATIVE_NETWORK_URL,
   },
 ])
 
-const hasAlternativeNetwork = computed(() => !!config.public.ALTERNATIVE_NETWORK_URL)
+const hasAlternativeNetwork = computed(() => !!ALTERNATIVE_NETWORK_URL)
 const navigate = selectedOption => window.location.replace(selectedOption.url)
 </script>
 
diff --git a/src/components/OracleDetailsPanel.vue b/src/components/OracleDetailsPanel.vue
index 12183b453..631040154 100644
--- a/src/components/OracleDetailsPanel.vue
+++ b/src/components/OracleDetailsPanel.vue
@@ -199,7 +199,7 @@ const oracleNodeUrl = computed(() =>
 )
 
 const oracleMiddlewareUrl = computed(() =>
-  `${MIDDLEWARE_URL}/v2/oracles/${props.oracleDetails.id}`,
+  `${MIDDLEWARE_URL}/v3/oracles/${props.oracleDetails.id}`,
 )
 </script>
 
diff --git a/src/components/OracleEventsPanel.vue b/src/components/OracleEventsPanel.vue
index e82be590d..77dc0ba65 100644
--- a/src/components/OracleEventsPanel.vue
+++ b/src/components/OracleEventsPanel.vue
@@ -40,7 +40,7 @@ function loadNextEvents() {
 
 if (process.client) {
   const limit = computed(() => isDesktop() ? 10 : 3)
-  fetchOracleEvents(`/v2/oracles/${route.params.id}/responses?limit=${limit.value}`)
+  fetchOracleEvents(`/v3/oracles/${route.params.id}/responses?limit=${limit.value}`)
 }
 </script>
 
diff --git a/src/components/OraclesPanel.vue b/src/components/OraclesPanel.vue
index c8223d61f..3de56b349 100644
--- a/src/components/OraclesPanel.vue
+++ b/src/components/OraclesPanel.vue
@@ -48,7 +48,7 @@ async function loadOracles() {
   const { state } = route.query
   const oracleStateOption = ORACLE_STATES_OPTIONS.find(option => option.stateQuery === state)
   selectedOracleState.value = oracleStateOption || ORACLE_STATES_OPTIONS[0]
-  await fetchOracles(`/v2/oracles?limit=${limit.value}${selectedOracleState.value.stateQuery ? '&state=' + selectedOracleState.value.stateQuery : ''}`)
+  await fetchOracles(`/v3/oracles?limit=${limit.value}${selectedOracleState.value.stateQuery ? '&state=' + selectedOracleState.value.stateQuery : ''}`)
   await fetchOraclesCount()
   pageIndex.value = 1
 }
diff --git a/src/components/StateChannelDetailsPanel.vue b/src/components/StateChannelDetailsPanel.vue
index 4e2db552c..92302b689 100644
--- a/src/components/StateChannelDetailsPanel.vue
+++ b/src/components/StateChannelDetailsPanel.vue
@@ -201,7 +201,7 @@ const props = defineProps({
   },
 })
 
-const stateChannelMiddlewareUrl = `${MIDDLEWARE_URL}/v2/channels/${props.stateChannelDetails.id}`
+const stateChannelMiddlewareUrl = `${MIDDLEWARE_URL}/v3/channels/${props.stateChannelDetails.id}`
 </script>
 
 <style scoped>
diff --git a/src/components/TokenSymbolIcon.vue b/src/components/TokenSymbolIcon.vue
index adb5f7b85..7393ef30e 100644
--- a/src/components/TokenSymbolIcon.vue
+++ b/src/components/TokenSymbolIcon.vue
@@ -17,7 +17,7 @@
 import { useRuntimeConfig } from 'nuxt/app'
 import { LAEX_CONTRACT_ID } from '@/utils/constants'
 
-const config = useRuntimeConfig()
+const { AE_TOKEN_ID } = useRuntimeConfig().public
 
 const props = defineProps({
   contractId: {
@@ -26,7 +26,7 @@ const props = defineProps({
   },
 })
 
-const isAe = computed(() => props.contractId === config.public.AE_TOKEN_ID)
+const isAe = computed(() => props.contractId === AE_TOKEN_ID)
 
 const isLaex = computed(() => props.contractId === LAEX_CONTRACT_ID)
 </script>
diff --git a/src/components/TransactionGeneralPanel.vue b/src/components/TransactionGeneralPanel.vue
index ced50c856..699a40fb2 100644
--- a/src/components/TransactionGeneralPanel.vue
+++ b/src/components/TransactionGeneralPanel.vue
@@ -180,7 +180,7 @@ const transactionNodeUrl = computed(() => {
 })
 
 const transactionMiddlewareUrl = computed(() => {
-  return `${MIDDLEWARE_URL}/v2/txs/${props.transactionDetails.hash}`
+  return `${MIDDLEWARE_URL}/v3/transactions/${props.transactionDetails.hash}`
 })
 </script>
 
diff --git a/src/components/TransactionsPanel.vue b/src/components/TransactionsPanel.vue
index 0921aa5df..3b7910421 100644
--- a/src/components/TransactionsPanel.vue
+++ b/src/components/TransactionsPanel.vue
@@ -54,7 +54,7 @@ async function loadTransactions() {
   const { txType } = route.query
   const txTypeOption = TX_TYPES_OPTIONS.find(option => option.typeQuery === txType)
   selectedTxType.value = txTypeOption || TX_TYPES_OPTIONS[0]
-  await fetchTransactions(`/v2/txs?limit=${limit.value}${selectedTxType.value.typeQuery ? '&type=' + selectedTxType.value.typeQuery : ''}`)
+  await fetchTransactions(`/v3/transactions?limit=${limit.value}${selectedTxType.value.typeQuery ? '&type=' + selectedTxType.value.typeQuery : ''}`)
   await fetchTransactionsCount(selectedTxType.value.typeQuery)
   pageIndex.value = 1
 }
diff --git a/src/pages/names/[name].vue b/src/pages/names/[name].vue
index eacf87a73..e559c7716 100644
--- a/src/pages/names/[name].vue
+++ b/src/pages/names/[name].vue
@@ -76,7 +76,7 @@ try {
 
 if (hasNameHistory && process.client) {
   const limit = isDesktop() ? 10 : 3
-  fetchNameActions({ queryParameters: `/v2/accounts/${nameHash.value}/activities?limit=${limit}` })
+  fetchNameActions({ queryParameters: `/v3/accounts/${nameHash.value}/activities?limit=${limit}` })
 }
 </script>
 
diff --git a/src/plugins/sentry.js b/src/plugins/sentry.js
index e53e75c0d..e7b576439 100644
--- a/src/plugins/sentry.js
+++ b/src/plugins/sentry.js
@@ -2,14 +2,14 @@
 import * as Sentry from '@sentry/vue'
 import { BrowserTracing } from '@sentry/tracing'
 
-export default defineNuxtPlugin(({ vueApp }) => {
+export default defineNuxtPlugin(({vueApp}) => {
   if (process.server) {
     return
   }
 
-  const config = useRuntimeConfig()
+  const {SENTRY_DSN, APP_DOMAIN} = useRuntimeConfig().public
 
-  if (!config.public.SENTRY_DSN || !config.public.APP_DOMAIN) {
+  if (!SENTRY_DSN || !APP_DOMAIN) {
     console.warn('Sentry configuration is not set therefore it will not be initialized.')
     return
   }
@@ -18,11 +18,11 @@ export default defineNuxtPlugin(({ vueApp }) => {
 
   Sentry.init({
     app: vueApp,
-    dsn: config.public.SENTRY_DSN,
+    dsn: SENTRY_DSN,
     integrations: [
       new BrowserTracing({
         routingInstrumentation: Sentry.vueRouterInstrumentation(router),
-        tracingOrigins: [config.public.APP_DOMAIN, /^\//],
+        tracingOrigins: [APP_DOMAIN, /^\//],
       }),
     ],
     beforeSend: (event) => {
diff --git a/src/stores/accountDetails.js b/src/stores/accountDetails.js
index 98ea3492b..fe560e377 100644
--- a/src/stores/accountDetails.js
+++ b/src/stores/accountDetails.js
@@ -125,7 +125,7 @@ export const useAccountStore = defineStore('account', () => {
 
   async function fetchAccountActivities({ accountId, limit, queryParameters } = {}) {
     rawAccountActivities.value = null
-    const defaultParameters = `/v2/accounts/${accountId}/activities?limit=${limit ?? 10}`
+    const defaultParameters = `/v3/accounts/${accountId}/activities?limit=${limit ?? 10}`
     const { data } = await axios.get(`${MIDDLEWARE_URL}${queryParameters || defaultParameters}`)
     rawAccountActivities.value = data
   }
@@ -139,7 +139,7 @@ export const useAccountStore = defineStore('account', () => {
       return
     }
 
-    const transactionsUrl = new URL(`${MIDDLEWARE_URL}/v2/txs`)
+    const transactionsUrl = new URL(`${MIDDLEWARE_URL}/v3/transactions`)
     transactionsUrl.searchParams.append('direction', 'backward')
     transactionsUrl.searchParams.append('limit', limit ?? 10)
 
diff --git a/src/stores/blockchainStats.js b/src/stores/blockchainStats.js
index 01ad966d9..a061d8a63 100644
--- a/src/stores/blockchainStats.js
+++ b/src/stores/blockchainStats.js
@@ -20,7 +20,7 @@ export const useBlockchainStatsStore = defineStore('blockchainStats', () => {
   const totalTokenSupply = ref(null)
 
   async function fetchTotalStats() {
-    const { data } = await axios.get(`${MIDDLEWARE_URL}/v2/totalstats?limit=1`)
+    const { data } = await axios.get(`${MIDDLEWARE_URL}/v3/totalstats?limit=1`)
     const lastBlock = data.data[0]
     activeOraclesCount.value = lastBlock.activeOracles
     oraclesCount.value = lastBlock.activeOracles + lastBlock.inactiveOracles
@@ -34,7 +34,7 @@ export const useBlockchainStatsStore = defineStore('blockchainStats', () => {
   }
 
   async function fetchMaxTps() {
-    const { data } = await axios.get(`${MIDDLEWARE_URL}/v2/stats`)
+    const { data } = await axios.get(`${MIDDLEWARE_URL}/v3/stats`)
     maxTps.value = data.maxTransactionsPerSecond
   }
 
diff --git a/src/stores/contractDetails.js b/src/stores/contractDetails.js
index 572c3d69a..2a7d4fbcf 100644
--- a/src/stores/contractDetails.js
+++ b/src/stores/contractDetails.js
@@ -73,7 +73,7 @@ export const useContractDetailsStore = defineStore('contractDetails', () => {
 
   async function fetchContractCreationTx() {
     contractCreationTx.value = null
-    const { data } = await axios.get(`${MIDDLEWARE_URL}/v2/txs?limit=1&contract=${contractId.value}&direction=forward`)
+    const { data } = await axios.get(`${MIDDLEWARE_URL}/v3/transactions?limit=1&contract=${contractId.value}&direction=forward`)
     contractCreationTx.value = data?.data[0]
   }
 
@@ -106,7 +106,7 @@ export const useContractDetailsStore = defineStore('contractDetails', () => {
       return
     }
 
-    const transactionsUrl = new URL(`${MIDDLEWARE_URL}/v2/txs`)
+    const transactionsUrl = new URL(`${MIDDLEWARE_URL}/v3/transactions`)
     transactionsUrl.searchParams.append('direction', 'backward')
     transactionsUrl.searchParams.append('limit', limit ?? 10)
     transactionsUrl.searchParams.append('type', 'contract_call')
diff --git a/src/stores/contracts.js b/src/stores/contracts.js
index a8b94f450..0434fc289 100644
--- a/src/stores/contracts.js
+++ b/src/stores/contracts.js
@@ -18,7 +18,7 @@ export const useContractsStore = defineStore('contracts', () => {
   )
 
   async function fetchContracts(queryParameters = null) {
-    const { data } = await axios.get(`${MIDDLEWARE_URL}${queryParameters || '/v2/txs?type=contract_create&limit=10'}`)
+    const { data } = await axios.get(`${MIDDLEWARE_URL}${queryParameters || '/v3/transactions?type=contract_create&limit=10'}`)
 
     const verifiedContracts = await fetchVerifiedContracts(data)
     if (verifiedContracts) {
diff --git a/src/stores/dashboardStateChannels.js b/src/stores/dashboardStateChannels.js
index 7de27ab93..9622d3d91 100644
--- a/src/stores/dashboardStateChannels.js
+++ b/src/stores/dashboardStateChannels.js
@@ -15,7 +15,7 @@ export const useDashboardStateChannelsStore = defineStore('dashboardStateChannel
   )
 
   async function fetchStateChannels() {
-    const { data } = await axios.get(`${MIDDLEWARE_URL}/v2/channels?&limit=4`)
+    const { data } = await axios.get(`${MIDDLEWARE_URL}/v3/channels?&limit=4`)
     rawStateChannels.value = data.data
   }
 
diff --git a/src/stores/keyblockDetails.js b/src/stores/keyblockDetails.js
index f35dc2d56..085d26d82 100644
--- a/src/stores/keyblockDetails.js
+++ b/src/stores/keyblockDetails.js
@@ -24,7 +24,7 @@ export const useKeyblockDetailsStore = defineStore('keyblockDetails', () => {
   async function fetchKeyblockDetails(keyblockId) {
     rawKeyblock.value = null
     try {
-      const { data } = await axios.get(`${MIDDLEWARE_URL}/v2/key-blocks/${keyblockId}`)
+      const { data } = await axios.get(`${MIDDLEWARE_URL}/v3/key-blocks/${keyblockId}`)
       rawKeyblock.value = data
     } catch (error) {
       if (error.response?.status === 404) {
@@ -37,20 +37,20 @@ export const useKeyblockDetailsStore = defineStore('keyblockDetails', () => {
 
   async function fetchKeyblockMicroblocks({ queryParameters, limit, keyblockHash } = {}) {
     rawKeyblockMicroblocks.value = null
-    const defaultParameters = `/v2/key-blocks/${keyblockHash}/micro-blocks?limit=${limit ?? 10}`
+    const defaultParameters = `/v3/key-blocks/${keyblockHash}/micro-blocks?limit=${limit ?? 10}`
     const { data } = await axios.get(`${MIDDLEWARE_URL}${queryParameters || defaultParameters}`)
     rawKeyblockMicroblocks.value = data
   }
 
   async function fetchKeyblockDeltaStats(keyblockHeight) {
     keyblockDeltaStats.value = null
-    const { data } = await axios.get(`${MIDDLEWARE_URL}/v2/deltastats?scope=gen:${keyblockHeight}`)
+    const { data } = await axios.get(`${MIDDLEWARE_URL}/v3/deltastats?scope=gen:${keyblockHeight}`)
     keyblockDeltaStats.value = data.data[0]
   }
 
   async function isKeyblockAvailable(keyblockHash) {
     try {
-      await axios.get(`${MIDDLEWARE_URL}/v2/key-blocks/${keyblockHash}`)
+      await axios.get(`${MIDDLEWARE_URL}/v3/key-blocks/${keyblockHash}`)
       return true
     } catch (error) {
       if (error.response.status === 404) {
diff --git a/src/stores/microblockDetails.js b/src/stores/microblockDetails.js
index 09dbd0be8..8076e4502 100644
--- a/src/stores/microblockDetails.js
+++ b/src/stores/microblockDetails.js
@@ -20,14 +20,14 @@ export const useMicroblockDetailsStore = defineStore('microblockDetails', () =>
 
   async function fetchMicroblock(microblockHash) {
     rawMicroblock.value = null
-    const { data } = await axios.get(`${MIDDLEWARE_URL}/v2/micro-blocks/${microblockHash}`)
+    const { data } = await axios.get(`${MIDDLEWARE_URL}/v3/micro-blocks/${microblockHash}`)
     rawMicroblock.value = data
   }
 
   async function fetchMicroblockTransactions({ queryParameters, limit, microblockHash } = {}) {
     rawMicroblockTransactions.value = null
-    const defaultParameters = `/v2/micro-blocks/${microblockHash}/txs?limit=${limit ?? 10}`
-    const { data } = await axios.get(`${useRuntimeConfig().public.MIDDLEWARE_URL}${queryParameters || defaultParameters}`)
+    const defaultParameters = `/v3/micro-blocks/${microblockHash}/transactions?limit=${limit ?? 10}`
+    const { data } = await axios.get(`${MIDDLEWARE_URL}${queryParameters || defaultParameters}`)
     rawMicroblockTransactions.value = data
   }
 
diff --git a/src/stores/nftDetails.js b/src/stores/nftDetails.js
index bf2fd2357..c15b3cfa9 100644
--- a/src/stores/nftDetails.js
+++ b/src/stores/nftDetails.js
@@ -49,21 +49,21 @@ export const useNftDetailsStore = defineStore('nftDetails', () => {
   async function fetchNftInventory({ queryParameters, limit } = {}) {
     nftInventory.value = null
     const defaultParameters = `/v2/aex141/${nftId.value}/templates?limit=${limit ?? 10}`
-    const { data } = await axios.get(`${useRuntimeConfig().public.MIDDLEWARE_URL}${queryParameters || defaultParameters}`)
+    const { data } = await axios.get(`${MIDDLEWARE_URL}${queryParameters || defaultParameters}`)
     nftInventory.value = data
   }
 
   async function fetchNftOwners({ queryParameters, limit } = {}) {
     nftOwners.value = null
     const defaultParameters = `/v2/aex141/${nftId.value}/owners?limit=${limit ?? 10}`
-    const { data } = await axios.get(`${useRuntimeConfig().public.MIDDLEWARE_URL}${queryParameters || defaultParameters}`)
+    const { data } = await axios.get(`${MIDDLEWARE_URL}${queryParameters || defaultParameters}`)
     nftOwners.value = data
   }
 
   async function fetchNftTransfers({ queryParameters, limit } = {}) {
     rawNftTransfers.value = null
     const defaultParameters = `/v2/aex141/transfers/${nftId.value}?limit=${limit ?? 10}`
-    const { data } = await axios.get(`${useRuntimeConfig().public.MIDDLEWARE_URL}${queryParameters || defaultParameters}`)
+    const { data } = await axios.get(`${MIDDLEWARE_URL}${queryParameters || defaultParameters}`)
     rawNftTransfers.value = data
   }
 
diff --git a/src/stores/oracleDetails.js b/src/stores/oracleDetails.js
index cf55f69fe..02c124b9b 100644
--- a/src/stores/oracleDetails.js
+++ b/src/stores/oracleDetails.js
@@ -38,18 +38,18 @@ export const useOracleDetailsStore = defineStore('oracleDetails', () => {
   }
 
   async function fetchOracle() {
-    const { data } = await axios.get(`${MIDDLEWARE_URL}/v2/oracles/${oracleId.value}?tx_hash=true`)
+    const { data } = await axios.get(`${MIDDLEWARE_URL}/v3/oracles/${oracleId.value}?tx_hash=true`)
     rawOracle.value = data
   }
 
   async function fetchLastExtendedTx() {
-    const { data } = await axios.get(`${MIDDLEWARE_URL}/v2/txs?direction=backward&limit=1&type=oracle_extend&oracle=${oracleId.value}`)
+    const { data } = await axios.get(`${MIDDLEWARE_URL}/v3/transactions?direction=backward&limit=1&type=oracle_extend&oracle=${oracleId.value}`)
     lastExtendedTx.value = data.data?.[0]
   }
 
   async function fetchOracleEvents(queryParameters = null) {
     rawEvents.value = null
-    const defaultParameters = `/v2/oracles/${oracleId.value}/responses`
+    const defaultParameters = `/v3/oracles/${oracleId.value}/responses`
 
     try {
       const { data } = await axios.get(`${MIDDLEWARE_URL}${queryParameters || defaultParameters}`)
diff --git a/src/stores/oracles.js b/src/stores/oracles.js
index 2f038f1ce..08b68afb7 100644
--- a/src/stores/oracles.js
+++ b/src/stores/oracles.js
@@ -33,7 +33,7 @@ export const useOraclesStore = defineStore('oracles', () => {
 
   async function fetchOracles(queryParameters = null) {
     rawOracles.value = null
-    const defaultParameters = '/v2/oracles?direction=backward&limit=10'
+    const defaultParameters = '/v3/oracles?direction=backward&limit=10'
     const { data } = await axios.get(
       `${MIDDLEWARE_URL}${queryParameters || defaultParameters}`,
     )
@@ -42,7 +42,7 @@ export const useOraclesStore = defineStore('oracles', () => {
 
   async function fetchOraclesCount() {
     rawOraclesCount.value = null
-    const { data } = await axios.get(`${MIDDLEWARE_URL}/v2/totalstats?limit=1`)
+    const { data } = await axios.get(`${MIDDLEWARE_URL}/v3/totalstats?limit=1`)
     rawOraclesCount.value = data.data[0]
   }
 
diff --git a/src/stores/recentBlocks.js b/src/stores/recentBlocks.js
index 867b09e8b..bdbc8d5bf 100644
--- a/src/stores/recentBlocks.js
+++ b/src/stores/recentBlocks.js
@@ -90,7 +90,7 @@ export const useRecentBlocksStore = defineStore('recentBlocks', () => {
   /* HANDLING COMMUNICATION OVER REST API */
 
   async function fetchKeyblocks() {
-    const { data } = await axios.get(`${MIDDLEWARE_URL}/v2/key-blocks?&limit=${VISIBLE_KEYBLOCKS_LIMIT}`)
+    const { data } = await axios.get(`${MIDDLEWARE_URL}/v3/key-blocks?&limit=${VISIBLE_KEYBLOCKS_LIMIT}`)
     keyblocks.value = data.data
     blockHeight.value = data.data[0].height
   }
@@ -106,7 +106,7 @@ export const useRecentBlocksStore = defineStore('recentBlocks', () => {
   }
 
   async function fetchSelectedKeyblockMicroblocks(hash) {
-    const { data } = await axios.get(`${MIDDLEWARE_URL}/v2/key-blocks/${hash}/micro-blocks?limit=${VISIBLE_MICROBLOCKS_LIMIT}`)
+    const { data } = await axios.get(`${MIDDLEWARE_URL}/v3/key-blocks/${hash}/micro-blocks?limit=${VISIBLE_MICROBLOCKS_LIMIT}`)
     selectedKeyblockMicroblocks.value = data.data
   }
 
@@ -115,12 +115,12 @@ export const useRecentBlocksStore = defineStore('recentBlocks', () => {
       return
     }
 
-    const { data } = await axios.get(`${MIDDLEWARE_URL}/v2/micro-blocks/${selectedMicroblock.value.hash}/txs?limit=${VISIBLE_TRANSACTIONS_LIMIT}`)
+    const { data } = await axios.get(`${MIDDLEWARE_URL}/v3/micro-blocks/${selectedMicroblock.value.hash}/transactions?limit=${VISIBLE_TRANSACTIONS_LIMIT}`)
     rawSelectedMicroblockTransactions.value = data
   }
 
   async function fetchDeltaStats() {
-    const { data } = await axios.get(`${MIDDLEWARE_URL}/v2/deltastats?limit=20`)
+    const { data } = await axios.get(`${MIDDLEWARE_URL}/v3/deltastats?limit=20`)
     deltaStats.value = data.data
   }
 
diff --git a/src/stores/stateChannelDetails.js b/src/stores/stateChannelDetails.js
index e07c583f1..51f1e7bf6 100644
--- a/src/stores/stateChannelDetails.js
+++ b/src/stores/stateChannelDetails.js
@@ -39,12 +39,12 @@ export const useStateChannelDetailsStore = defineStore('stateChannelDetails', ()
   }
 
   async function fetchStateChannel() {
-    const { data } = await axios.get(`${MIDDLEWARE_URL}/v2/channels/${stateChannelId.value}`)
+    const { data } = await axios.get(`${MIDDLEWARE_URL}/v3/channels/${stateChannelId.value}`)
     rawStateChannel.value = data
   }
 
   async function fetchStateChannelCreateTx() {
-    const { data } = await axios.get(`${MIDDLEWARE_URL}/v2/channels/${stateChannelId.value}/updates?direction=forward&limit=1`)
+    const { data } = await axios.get(`${MIDDLEWARE_URL}/v3/channels/${stateChannelId.value}/updates?direction=forward&limit=1`)
     rawStateChannelCreateTx.value = data.data[0]
   }
 
@@ -57,7 +57,7 @@ export const useStateChannelDetailsStore = defineStore('stateChannelDetails', ()
       return
     }
 
-    const transactionsUrl = new URL(`${MIDDLEWARE_URL}/v2/txs`)
+    const transactionsUrl = new URL(`${MIDDLEWARE_URL}/v3/transactions`)
     transactionsUrl.searchParams.append('direction', 'backward')
     transactionsUrl.searchParams.append('limit', limit ?? 10)
     transactionsUrl.searchParams.append('channel', stateChannelId.value)
@@ -65,6 +65,7 @@ export const useStateChannelDetailsStore = defineStore('stateChannelDetails', ()
     const { data } = await axios.get(transactionsUrl.toString())
     rawStateChannelTransactions.value = data
   }
+
   async function fetchStateChannelTransactionsCount() {
     const { data } = await axios.get(`${MIDDLEWARE_URL}/v2/txs/count?id=${stateChannelId.value}`)
     stateChannelTransactionsCount.value = data + 1
diff --git a/src/stores/stateChannels.js b/src/stores/stateChannels.js
index 173d0b3e0..17174ab71 100644
--- a/src/stores/stateChannels.js
+++ b/src/stores/stateChannels.js
@@ -23,7 +23,7 @@ export const useStateChannelsStore = defineStore('stateChannels', () => {
       return
     }
 
-    const channelsUrl = new URL(`${MIDDLEWARE_URL}/v2/channels`)
+    const channelsUrl = new URL(`${MIDDLEWARE_URL}/v3/channels`)
     channelsUrl.searchParams.append('limit', limit ?? 10)
 
     const { data } = await axios.get(channelsUrl.toString())
diff --git a/src/stores/status.js b/src/stores/status.js
index e79876e2d..a8e01de6d 100644
--- a/src/stores/status.js
+++ b/src/stores/status.js
@@ -11,7 +11,7 @@ export const useStatus = defineStore('status', () => {
   const nodeStatus = ref(null)
 
   async function fetchMdwStatus() {
-    const { data } = await axios.get(`${MIDDLEWARE_URL}/v2/status`)
+    const { data } = await axios.get(`${MIDDLEWARE_URL}/v3/status`)
     middlewareStatus.value = data
   }
 
diff --git a/src/stores/tokens.js b/src/stores/tokens.js
index e29848f83..e34575ff3 100644
--- a/src/stores/tokens.js
+++ b/src/stores/tokens.js
@@ -5,6 +5,7 @@ import useAxios from '@/composables/useAxios'
 import { adaptListedTokens } from '@/utils/adapters'
 
 export const useTokensStore = defineStore('tokens', () => {
+  const { MIDDLEWARE_URL, DEX_BACKEND_URL } = useRuntimeConfig().public
   const axios = useAxios()
   const rawListedTokens = ref(null)
   const allTokens = ref(null)
@@ -33,18 +34,18 @@ export const useTokensStore = defineStore('tokens', () => {
 
   async function fetchAllTokens(queryParameters = null) {
     allTokens.value = null
-    const { data } = await axios.get(`${useRuntimeConfig().public.MIDDLEWARE_URL}${queryParameters || '/v2/aex9?by=name&direction=forward'}`)
+    const { data } = await axios.get(`${MIDDLEWARE_URL}${queryParameters || '/v2/aex9?by=name&direction=forward'}`)
     allTokens.value = data
   }
 
   async function fetchListedTokens() {
     rawListedTokens.value = null
-    const { data } = await axios.get(`${useRuntimeConfig().public.DEX_BACKEND_URL}/tokens/listed`)
+    const { data } = await axios.get(`${DEX_BACKEND_URL}/tokens/listed`)
     rawListedTokens.value = data
   }
 
   async function fetchTokensCount() {
-    const { data } = await axios.get(`${useRuntimeConfig().public.MIDDLEWARE_URL}/v2/aex9/count`)
+    const { data } = await axios.get(`${MIDDLEWARE_URL}/v2/aex9/count`)
     allTokensCount.value = data.data
   }
 
diff --git a/src/stores/transactionDetails.js b/src/stores/transactionDetails.js
index 445dbced7..a5492cfad 100644
--- a/src/stores/transactionDetails.js
+++ b/src/stores/transactionDetails.js
@@ -39,10 +39,10 @@ export const useTransactionDetailsStore = defineStore('transactionDetails', () =
 
   async function fetchTransactionTypeData(transactionId) {
     try {
-      const { data: transactionData } = await axios.get(`${MIDDLEWARE_URL}/v2/txs/${transactionId}`)
+      const { data: transactionData } = await axios.get(`${MIDDLEWARE_URL}/v3/transactions/${transactionId}`)
 
       if (transactionData.tx.channelId) {
-        const { data: channelData } = await axios.get(`${MIDDLEWARE_URL}/v2/channels/${transactionData.tx.channelId}`)
+        const { data: channelData } = await axios.get(`${MIDDLEWARE_URL}/v3/channels/${transactionData.tx.channelId}`)
 
         transactionData.tx.channel = channelData
       }
diff --git a/src/stores/transactions.js b/src/stores/transactions.js
index 893c4716b..38f2d8f2f 100644
--- a/src/stores/transactions.js
+++ b/src/stores/transactions.js
@@ -21,7 +21,7 @@ export const useTransactionsStore = defineStore('transactions', () => {
 
   async function fetchTransactions(queryParameters = null) {
     rawTransactions.value = null
-    const { data } = await axios.get(`${MIDDLEWARE_URL}${queryParameters || '/v2/txs?limit=10'}`)
+    const { data } = await axios.get(`${MIDDLEWARE_URL}${queryParameters || '/v3/transactions?limit=10'}`)
     rawTransactions.value = data
   }
 
@@ -34,7 +34,7 @@ export const useTransactionsStore = defineStore('transactions', () => {
 
   async function fetchLast24hsTransactionsCount() {
     last24hsTransactionsCount.value = null
-    const { data } = await axios.get(`${MIDDLEWARE_URL}/v2/stats`)
+    const { data } = await axios.get(`${MIDDLEWARE_URL}/v3/stats`)
     last24hsTransactionsCount.value = data.last24hsTransactions
     last24hsTransactionsTrend.value = data.last24hsTransactions !== 0
       ? formatNumber((100 * data.transactionsTrend / data.last24hsTransactions), 0, 2)