v4.1.4 (#1410)

* Added dynamic gas station price based using API (#1404)

* Added dynamic gas station metadata fetch

* Log

* Refactor

* revert

* Refactor

* Revert latestblock

* Added chain id check

* Fix

* Fixed sdk-core imports (#1405)

* Added dynamic gas station metadata fetch

* Log

* Refactor

* revert

* Refactor

* Revert latestblock

* Added chain id check

* Fix

* Fixed sdk-core imports

* CHANGELOG

* Added account cleanup on login (#1408)

* Added account cleanup on login

* CHANGELOG

* v4.1.4 (#1409)

* Fixed tests

* Clear address

* Added clear at web wallet login

---------

Co-authored-by: Radu Mojic <radu.mojic@multiversx.com>

Author: razvantomegea

CHANGELOG.md

@@ -7,7 +7,13 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 
 ## [Unreleased]
 
-## [[v4.1.3](https://github.com/multiversx/mx-sdk-dapp/pull/1407)] - 2025-04-15
+## [[v4.1.4](https://github.com/multiversx/mx-sdk-dapp/pull/1409)] - 2025-05-07
+
+- [Added account cleanup on login](https://github.com/multiversx/mx-sdk-dapp/pull/1408)
+- [Fixed sdk-core imports](https://github.com/multiversx/mx-sdk-dapp/pull/1405)
+- [Added dynamic gas station metadata fetch](https://github.com/multiversx/mx-sdk-dapp/pull/1404)
+
+## [[v4.1.3](https://github.com/multiversx/mx-sdk-dapp/pull/1407)] - 2025-05-06
 
 - [Update WalletConnect Provider](https://github.com/multiversx/mx-sdk-dapp/pull/1407)
 

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@multiversx/sdk-dapp",
-  "version": "4.1.3",
+  "version": "4.1.4",
   "description": "A library to hold the main logic for a dapp on the MultiversX blockchain",
   "author": "MultiversX",
   "license": "GPL-3.0-or-later",

src/UI/SignTransactionsModals/SignWithDeviceModal/components/SignStepBody.tsx

@@ -1,5 +1,5 @@
 import React from 'react';
-import { Address } from '@multiversx/sdk-core/out';
+import { Address } from '@multiversx/sdk-core';
 import classNames from 'classnames';
 
 import { withStyles, WithStylesImportType } from 'hocs/withStyles';

src/UI/SignTransactionsModals/SignWithDeviceModal/components/components/ConfirmFee/components/GasDetails/gasDetails.types.ts

@@ -1,4 +1,4 @@
-import { Transaction } from '@multiversx/sdk-core/out';
+import { Transaction } from '@multiversx/sdk-core';
 
 import { WithStylesImportType } from 'hocs/useStyles';
 import { UseSignTransactionsWithDeviceReturnType } from 'hooks';

src/UI/SignTransactionsModals/SignWithDeviceModal/components/components/ConfirmFee/components/GasDetails/helpers/getGasPriceDetails.ts

@@ -1,4 +1,4 @@
-import { Transaction } from '@multiversx/sdk-core/out';
+import { Transaction } from '@multiversx/sdk-core';
 import BigNumber from 'bignumber.js';
 import { recommendGasPrice } from 'hooks/transactions/helpers/recommendGasPrice';
 import { NetworkType } from 'types/network.types';

src/UI/SignTransactionsModals/SignWithDeviceModal/components/components/ConfirmFee/components/GasDetails/helpers/tests/getGasPriceDetails.test.ts

@@ -1,4 +1,4 @@
-import { Transaction } from '@multiversx/sdk-core/out';
+import { Transaction } from '@multiversx/sdk-core';
 import { testAddress } from '__mocks__';
 import { getGasPriceDetails } from '../getGasPriceDetails';
 
@@ -18,20 +18,20 @@ describe('getGasPriceDetails', () => {
   it('should return the correct gas price details', () => {
     const gasPriceDetails = getGasPriceDetails({
       shard: 1,
-      gasStationMetadata: [
-        {
+      gasStationMetadata: {
+        0: {
           fast: 11_760_000,
           faster: 19_287_760
         },
-        {
+        1: {
           fast: 11_760_000,
           faster: 19_287_760
         },
-        {
+        2: {
           fast: 11_760_000,
           faster: 19_287_760
         }
-      ],
+      },
       transaction: secondTx,
       initialGasPrice: 1_000_000_000
     });

src/UI/ledger/LedgerLoginContainer/AddressRow/AddressRow.tsx

@@ -1,5 +1,5 @@
 import React from 'react';
-import { Address, AddressComputer } from '@multiversx/sdk-core/out';
+import { Address, AddressComputer } from '@multiversx/sdk-core';
 import classNames from 'classnames';
 
 import ShardLogo from 'assets/icons/shard-icon.svg';

src/apiCalls/configuration/getGasStationMetadata.ts

@@ -0,0 +1,40 @@
+import axios from 'axios';
+import { getCleanApiAddress } from 'apiCalls/utils';
+import { BaseNetworkType } from 'types/network.types';
+
+interface IGasStationApiResponse {
+  lastBlock: number;
+  fast: number;
+  faster: number;
+}
+
+const GAS_STATION_ENDPOINT = 'transactions/ppu';
+
+export async function getGasStationMetadataFromApi(
+  shard: number
+): Promise<BaseNetworkType['gasStationMetadata'] | null> {
+  const apiAddress = getCleanApiAddress();
+  const gasStationUrl = `${apiAddress}/${GAS_STATION_ENDPOINT}/${shard}`;
+
+  try {
+    const { data } = await axios.get<IGasStationApiResponse>(gasStationUrl);
+
+    if (data) {
+      return {
+        [shard]: {
+          lastBlock: data.lastBlock,
+          fast: data.fast,
+          faster: data.faster
+        }
+      };
+    }
+    return null;
+  } catch (err) {
+    console.error(
+      'Error fetching gas station metadata from:',
+      gasStationUrl,
+      err
+    );
+    return null;
+  }
+}

src/apiCalls/configuration/index.ts

@@ -1,6 +1,7 @@
 export * from './getServerConfigurationForEnvironment';
 export * from './getServerConfiguration';
 export * from './getNetworkConfig';
+export * from './getGasStationMetadata';
 export * from './getApiAddressForChainId';
 export * from './getEnvironmentForChainId';
 export * from './useGetNetworkConfigFromApi';

src/components/ProviderInitializer/ProviderInitializer.tsx

@@ -1,6 +1,10 @@
-import { useEffect, useRef } from 'react';
+import { useEffect, useRef, useState } from 'react';
 
-import { getNetworkConfigFromApi, useGetAccountFromApi } from 'apiCalls';
+import {
+  getNetworkConfigFromApi,
+  getGasStationMetadataFromApi,
+  useGetAccountFromApi
+} from 'apiCalls';
 import {
   DEVNET_CHAIN_ID,
   MAINNET_CHAIN_ID,
@@ -46,6 +50,7 @@ import {
 } from 'reduxStore/slices';
 import { decodeNativeAuthToken } from 'services/nativeAuth/helpers';
 import { LoginMethodsEnum } from 'types/enums.types';
+import { NetworkType, ApiNetworkConfigType } from 'types/network.types';
 import {
   getAddress,
   getLatestNonce,
@@ -67,7 +72,6 @@ import {
   handleGuardianWarning
 } from './helpers';
 import { useSetLedgerProvider } from './hooks';
-
 let initalizingLedger = false;
 
 export function ProviderInitializer() {
@@ -85,6 +89,7 @@ export function ProviderInitializer() {
   const tokenLogin = useSelector(tokenLoginSelector);
   const userAccount = useSelector(accountSelector);
   const nativeAuthConfig = tokenLogin?.nativeAuthConfig;
+  const [lastChainId, setLastChainId] = useState<string>(chainID);
 
   const loginService = useLoginService(
     nativeAuthConfig ? nativeAuthConfig : false
@@ -136,6 +141,51 @@ export function ProviderInitializer() {
     }
   }, [isLoggedIn, userAccount]);
 
+  useEffect(() => {
+    checkGasMetadata();
+  }, [
+    userAccount.shard,
+    userAccount.address,
+    isLoggedIn,
+    lastChainId,
+    chainID
+  ]);
+
+  async function checkGasMetadata() {
+    const hasAccountShard = isLoggedIn && userAccount.shard != null;
+
+    if (!hasAccountShard) {
+      return;
+    }
+
+    const shard = Number(userAccount.shard);
+    const fetchedGasMetadata = await getGasStationMetadataFromApi(shard);
+
+    if (!fetchedGasMetadata?.[shard]?.lastBlock) {
+      return;
+    }
+
+    const hasDifferentGasStationMetadata =
+      !network.gasStationMetadata ||
+      !network.gasStationMetadata[shard] ||
+      network.gasStationMetadata[shard].lastBlock !==
+        fetchedGasMetadata[shard].lastBlock;
+
+    const hasDifferentChainId = lastChainId !== chainID;
+
+    if (hasDifferentChainId) {
+      setLastChainId(chainID);
+    }
+
+    if (hasDifferentGasStationMetadata || hasDifferentChainId) {
+      dispatch(
+        updateNetworkConfig({
+          gasStationMetadata: fetchedGasMetadata
+        })
+      );
+    }
+  }
+
   // We need to get the roundDuration for networks that do not support websocket (e.g. sovereign)
   // The round duration is used for polling interval
   async function refreshNetworkConfig() {
@@ -146,30 +196,37 @@ export function ProviderInitializer() {
       ) &&
       !network.roundDuration;
 
-    const shouldGetConfig =
+    const shouldGetBaseConfig =
       !network.chainId || needsRoundDurationForPollingInterval;
 
-    if (!shouldGetConfig) {
+    if (!shouldGetBaseConfig) {
       return;
     }
 
     try {
-      const networkConfig = await getNetworkConfigFromApi();
-      const hasDifferentNetworkConfig =
-        networkConfig &&
-        (network.chainId !== networkConfig.erd_chain_id ||
-          network.roundDuration !== networkConfig.erd_round_duration);
+      const fetchedNetworkConfig = await getNetworkConfigFromApi();
 
-      if (hasDifferentNetworkConfig) {
-        dispatch(
-          updateNetworkConfig({
-            chainId: networkConfig.erd_chain_id,
-            roundDuration: networkConfig.erd_round_duration
-          })
-        );
+      const updates: Partial<NetworkType> = {};
+
+      if (fetchedNetworkConfig) {
+        const networkConfigResult =
+          fetchedNetworkConfig as ApiNetworkConfigType;
+
+        const hasDifferentNetworkConfig =
+          network.chainId !== networkConfigResult.erd_chain_id ||
+          network.roundDuration !== networkConfigResult.erd_round_duration;
+
+        if (hasDifferentNetworkConfig) {
+          updates.chainId = networkConfigResult.erd_chain_id;
+          updates.roundDuration = networkConfigResult.erd_round_duration;
+        }
+      }
+
+      if (Object.keys(updates).length > 0) {
+        dispatch(updateNetworkConfig(updates));
       }
     } catch (err) {
-      console.error('failed refreshing chainId ', err);
+      console.error('Failed refreshing network config:', err);
     }
   }