@ledgerhq/live-common 34.48.1 → 34.49.0-nightly.0

package/src/families/kaspa/__snapshots__/bridge.integration.test.ts.snap

@@ -0,0 +1,66 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`kaspa currency bridge scanAccounts kaspa seed 1 1`] = `
+[
+  {
+    "balance": "13370000",
+    "currencyId": "kaspa",
+    "derivationMode": "",
+    "freshAddress": "kaspa:qz49rpg0q6ywewxkwl76757ya79v6j556hcmrcy7mk9d36ewgp80cdrwlct2h",
+    "freshAddressPath": "44'/111111'/0'/0/1",
+    "id": "js:2:kaspa:41049d8002c08041d975ab58491c09cf8ced7b388a114ab2f5df73f2534d4d74d17ab8913b3cb3056bad63141cb63fb92e44401b691dee069dbdb2119861c18cc01b204340fcc305ab72e752cd347f4b6271ffe21da098d4f2a4749826857dda7a5576:",
+    "index": 0,
+    "operationsCount": 1,
+    "pendingOperations": [],
+    "seedIdentifier": "41049d8002c08041d975ab58491c09cf8ced7b388a114ab2f5df73f2534d4d74d17ab8913b3cb3056bad63141cb63fb92e44401b691dee069dbdb2119861c18cc01b204340fcc305ab72e752cd347f4b6271ffe21da098d4f2a4749826857dda7a5576",
+    "spendableBalance": "13370000",
+    "swapHistory": [],
+    "syncHash": undefined,
+    "used": true,
+    "xpub": "41049d8002c08041d975ab58491c09cf8ced7b388a114ab2f5df73f2534d4d74d17ab8913b3cb3056bad63141cb63fb92e44401b691dee069dbdb2119861c18cc01b204340fcc305ab72e752cd347f4b6271ffe21da098d4f2a4749826857dda7a5576",
+  },
+  {
+    "balance": "0",
+    "currencyId": "kaspa",
+    "derivationMode": "",
+    "freshAddress": "kaspa:qpncmme6ues25uk9umkqju4rtwtt33ud9lcrp7qn8jwv62m53m26jpjhar48j",
+    "freshAddressPath": "44'/111111'/1'/0/0",
+    "id": "js:2:kaspa:4104751b5ebd4a9d2a0a25d5c37cab4814a95335b8945cfcaa6a4138de418f581bb1d0d02f22081b3cda223a51e18a63ebdffd64803e0988b68a91802738a5a9f901206d4a2b989a82b5fb160f0151ea5d046451a291a0748f3038ecdc63d637cce00b:",
+    "index": 1,
+    "operationsCount": 0,
+    "pendingOperations": [],
+    "seedIdentifier": "41049d8002c08041d975ab58491c09cf8ced7b388a114ab2f5df73f2534d4d74d17ab8913b3cb3056bad63141cb63fb92e44401b691dee069dbdb2119861c18cc01b204340fcc305ab72e752cd347f4b6271ffe21da098d4f2a4749826857dda7a5576",
+    "spendableBalance": "0",
+    "swapHistory": [],
+    "syncHash": undefined,
+    "used": false,
+    "xpub": "4104751b5ebd4a9d2a0a25d5c37cab4814a95335b8945cfcaa6a4138de418f581bb1d0d02f22081b3cda223a51e18a63ebdffd64803e0988b68a91802738a5a9f901206d4a2b989a82b5fb160f0151ea5d046451a291a0748f3038ecdc63d637cce00b",
+  },
+]
+`;
+
+exports[`kaspa currency bridge scanAccounts kaspa seed 1 2`] = `
+[
+  [
+    {
+      "accountId": "js:2:kaspa:41049d8002c08041d975ab58491c09cf8ced7b388a114ab2f5df73f2534d4d74d17ab8913b3cb3056bad63141cb63fb92e44401b691dee069dbdb2119861c18cc01b204340fcc305ab72e752cd347f4b6271ffe21da098d4f2a4749826857dda7a5576:",
+      "blockHash": "12166d40313b71447d4dd837f2e91e749407b0a1c8844e9e9d010390a67d6b52",
+      "blockHeight": 194187672,
+      "extra": {},
+      "fee": "2069",
+      "hash": "ed6dc5422558c3480e6a7809bf166e6ba1f2931ef39f24fe9b3bcf48253e4752",
+      "id": "ed6dc5422558c3480e6a7809bf166e6ba1f2931ef39f24fe9b3bcf48253e4752",
+      "recipients": [
+        "kaspa:qzavrhr9eg0k7pgr8mysfej34alfy8uj6vc9r84kgqfkqd8rtgxm5t0jvah73",
+        "kaspa:qqt874j85r5ga5av0q6tthj2tu89dfpchjmvjuvx5tyn2vpjjrhk7tcpsx2vu",
+      ],
+      "senders": [
+        "kaspa:qqt874j85r5ga5av0q6tthj2tu89dfpchjmvjuvx5tyn2vpjjrhk7tcpsx2vu",
+      ],
+      "type": "IN",
+      "value": "13370000",
+    },
+  ],
+  [],
+]
+`;

package/src/families/kaspa/bridge.integration.test.ts

@@ -0,0 +1,5 @@
+import "../../__tests__/test-helpers/setup";
+import { testBridge } from "../../__tests__/test-helpers/bridge";
+import { dataset } from "@ledgerhq/coin-kaspa/test/index";
+
+testBridge(dataset);

package/src/families/kaspa/config.ts

@@ -0,0 +1,12 @@
+import { ConfigInfo } from "@ledgerhq/live-config/LiveConfig";
+
+export const kaspaConfig: Record<string, ConfigInfo> = {
+  config_currency_kaspa: {
+    type: "object",
+    default: {
+      status: {
+        type: "active",
+      },
+    },
+  },
+};

package/src/families/kaspa/react.ts

@@ -0,0 +1,19 @@
+import type { Account, FeeStrategy } from "@ledgerhq/types-live";
+import type { Transaction } from "@ledgerhq/coin-kaspa/types/index";
+import { BigNumber } from "bignumber.js";
+
+export const useFeesStrategy = (a: Account, t: Transaction): FeeStrategy[] => {
+  const allSameEstimatedSeconds: boolean = t.networkInfo.every(
+    ni => ni.estimatedSeconds === t.networkInfo[0].estimatedSeconds,
+  );
+
+  return t.networkInfo.map(ni => ({
+    label: ni.label,
+    amount: ni.amount,
+    disabled: (ni.label === "slow" || ni.label === "medium") && allSameEstimatedSeconds,
+    extra: {
+      estimatedMs: BigNumber(ni.estimatedSeconds * 1000),
+    },
+    unit: a.currency.units[a.currency.units.length - 1], // Should be sat
+  }));
+};

package/src/families/kaspa/setup.ts

@@ -0,0 +1,27 @@
+// Goal of this file is to inject all necessary device/signer dependency to coin-modules
+
+import kaspaResolver from "@ledgerhq/coin-kaspa/hw-getAddress";
+import Kaspa from "@ledgerhq/hw-app-kaspa";
+import Transport from "@ledgerhq/hw-transport";
+import { createResolver, CreateSigner, executeWithSigner } from "../../bridge/setup";
+import type { Resolver } from "../../hw/getAddress/types";
+import { KaspaSigner } from "@ledgerhq/coin-kaspa/types/signer";
+import { KaspaAccount, Transaction, TransactionStatus } from "@ledgerhq/coin-kaspa/types/bridge";
+import { createBridges } from "@ledgerhq/coin-kaspa/bridge";
+import type { Bridge } from "@ledgerhq/types-live";
+import makeCliTools from "@ledgerhq/coin-kaspa/test/cli";
+
+const createSigner: CreateSigner<KaspaSigner> = (transport: Transport) => {
+  return new Kaspa(transport);
+};
+
+// const kaspaCoin = getCryptoCurrencyById("kaspa");
+const resolver: Resolver = createResolver(createSigner, kaspaResolver);
+// const getCurrencyConfig = (): KaspaCoinConfig => getCurrencyConfiguration(kaspaCoin);
+
+const bridge: Bridge<Transaction, KaspaAccount, TransactionStatus> = createBridges(
+  executeWithSigner(createSigner),
+);
+const cliTools = makeCliTools;
+
+export { bridge, cliTools, resolver };

package/src/families/kaspa/types.ts

@@ -0,0 +1 @@
+export * from "@ledgerhq/coin-kaspa/types/index";

package/src/families/solana/bridge/mock-data.ts

@@ -1053,4 +1053,11 @@ export const getMockedMethods = (): {
     ],
     answer: 5000,
   },
+  {
+    method: "getFeeForMessage",
+    params: [
+      "AgAHDjc1rOIrIJkfixB2PGXIAQSzJwuHJA9YroUmtv2PuvSPP+8OPBqVxmRDx/Y75aPMpYwLwXOcvyV/U0x7nko+EO0SBFGvLZ0NYneO32pug1iWWcHAu3j2ZtDx1LCKrAYFoiSCOgVw4vJ15CezszuME15jz9Dg/Bi25syF3OAtN5lhbEv97TDG68Oluwjq10I/k9yP1JbVfNOF4vOLIAq5nZCJB31VpbsTMHY+t2f1XsB3tBoNB1994dc/uso8Y9VUcQLsVE9HDck59M2MuvGmoFz06Gte/oDTVSycPUq+bb8nAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACMlyWPTiSJ8bs9ECkUjg2DC1oTmdr/EIQEjnvY2+n4WQMGRm/lIRcy/+ytunLDm+e8jOW7xfcSayxDmzpAAAAAC0PMCi3T8KLzvCS5ybFyitIXec9h5Iog+RBxXKqC+3oG3fbh12Whk9nL4UbO63msHLSF7V9bN5E6jPWFfv8AqQcowx/Lp2T6I5NWJlk9KDhksV8W/Y4smwWoasmtC9eGB1KXA+nRSCQN7RPXU1jOZSh4bUHdu8NydguyoXRQ/33sHqkza0G2zsD3DxIUPVABI7l4d6+kz6Cj9qnT58WDQgYHAQEMCAAAAAAAAAAAAAAACQAFAkANAwAJAAkDmDoAAAAAAAAHAgAFDAIAAADoAwAAAAAAAAgGAAIDCgcLAQENCgwGAwIABAELBw0JDBiCewAAAAAA",
+    ],
+    answer: 5000,
+  },
 ];

package/src/featureFlags/defaultFeatures.ts

@@ -96,6 +96,7 @@ export const CURRENCY_DEFAULT_FEATURES = {
   currencyBerachain: DEFAULT_FEATURE,
   currencyHyperevm: DEFAULT_FEATURE,
   currencyCantonNetwork: DEFAULT_FEATURE,
+  currencyKaspa: DEFAULT_FEATURE,
 };
 
 /**
@@ -103,7 +104,6 @@ export const CURRENCY_DEFAULT_FEATURES = {
  */
 export const DEFAULT_FEATURES: Features = {
   ...CURRENCY_DEFAULT_FEATURES,
-  brazeLearn: DEFAULT_FEATURE,
   portfolioExchangeBanner: DEFAULT_FEATURE,
   postOnboardingAssetsTransfer: DEFAULT_FEATURE,
   counterValue: DEFAULT_FEATURE,
@@ -522,7 +522,6 @@ export const DEFAULT_FEATURES: Features = {
   llmMarketQuickActions: DEFAULT_FEATURE,
   spamFilteringTx: DEFAULT_FEATURE,
   lldSpamFilteringTx: DEFAULT_FEATURE,
-  llmSpamFilteringTx: DEFAULT_FEATURE,
   llmMemoTag: DEFAULT_FEATURE,
   lldMemoTag: DEFAULT_FEATURE,
   ldmkTransport: {
@@ -622,6 +621,8 @@ export const DEFAULT_FEATURES: Features = {
       receive_flow: true,
       send_flow: true,
       enableModularization: false,
+      searchDebounceTime: 500,
+      backendEnvironment: "PROD",
     },
   },
   llmModularDrawer: {
@@ -634,6 +635,8 @@ export const DEFAULT_FEATURES: Features = {
       receive_flow: true,
       send_flow: true,
       enableModularization: false,
+      searchDebounceTime: 500,
+      backendEnvironment: "PROD",
     },
   },
   llNftSupport: DEFAULT_FEATURE,
@@ -679,6 +682,7 @@ export const DEFAULT_FEATURES: Features = {
     params: {},
   },
   supportDeviceApex: DEFAULT_FEATURE,
+  llmSyncOnboardingIncr1: DEFAULT_FEATURE,
 };
 
 // Firebase SDK treat JSON values as strings

package/src/generated/bridge/js.ts

@@ -11,6 +11,7 @@ import { bridge as hedera } from "../../families/hedera/setup";
 import { bridge as filecoin } from "../../families/filecoin/setup";
 import { bridge as internet_computer } from "../../families/internet_computer/setup";
 import { bridge as icon } from "../../families/icon/setup";
+import { bridge as kaspa } from "../../families/kaspa/setup";
 import { bridge as multiversx } from "../../families/multiversx/setup";
 import { bridge as near } from "../../families/near/setup";
 import { bridge as polkadot } from "../../families/polkadot/setup";
@@ -37,6 +38,7 @@ export default {
   filecoin,
   internet_computer,
   icon,
+  kaspa,
   multiversx,
   near,
   polkadot,

package/src/generated/cli-transaction.ts

@@ -11,6 +11,7 @@ import { cliTools as hedera } from "../families/hedera/setup";
 import { cliTools as filecoin } from "../families/filecoin/setup";
 import { cliTools as internet_computer } from "../families/internet_computer/setup";
 import { cliTools as icon } from "../families/icon/setup";
+import { cliTools as kaspa } from "../families/kaspa/setup";
 import { cliTools as multiversx } from "../families/multiversx/setup";
 import { cliTools as near } from "../families/near/setup";
 import { cliTools as polkadot } from "../families/polkadot/setup";
@@ -39,6 +40,7 @@ export default {
   filecoin,
   internet_computer,
   icon,
+  kaspa,
   multiversx,
   near,
   polkadot,

package/src/generated/deviceTransactionConfig.ts

@@ -11,6 +11,7 @@ import hedera from "@ledgerhq/coin-hedera/deviceTransactionConfig";
 import filecoin from "@ledgerhq/coin-filecoin/deviceTransactionConfig";
 import internet_computer from "@ledgerhq/coin-internet_computer/deviceTransactionConfig";
 import icon from "@ledgerhq/coin-icon/deviceTransactionConfig";
+import kaspa from "@ledgerhq/coin-kaspa/deviceTransactionConfig";
 import multiversx from "@ledgerhq/coin-multiversx/deviceTransactionConfig";
 import near from "@ledgerhq/coin-near/deviceTransactionConfig";
 import polkadot from "@ledgerhq/coin-polkadot/deviceTransactionConfig";
@@ -37,6 +38,7 @@ export default {
   filecoin,
   internet_computer,
   icon,
+  kaspa,
   multiversx,
   near,
   polkadot,

package/src/generated/hw-getAddress.ts

@@ -11,6 +11,7 @@ import { resolver as hedera } from "../families/hedera/setup";
 import { resolver as filecoin } from "../families/filecoin/setup";
 import { resolver as internet_computer } from "../families/internet_computer/setup";
 import { resolver as icon } from "../families/icon/setup";
+import { resolver as kaspa } from "../families/kaspa/setup";
 import { resolver as multiversx } from "../families/multiversx/setup";
 import { resolver as near } from "../families/near/setup";
 import { resolver as polkadot } from "../families/polkadot/setup";
@@ -39,6 +40,7 @@ export default {
   filecoin,
   internet_computer,
   icon,
+  kaspa,
   multiversx,
   near,
   polkadot,

package/src/generated/transaction.ts

@@ -11,6 +11,7 @@ import hedera from "@ledgerhq/coin-hedera/transaction";
 import filecoin from "@ledgerhq/coin-filecoin/transaction";
 import internet_computer from "@ledgerhq/coin-internet_computer/transaction";
 import icon from "@ledgerhq/coin-icon/transaction";
+import kaspa from "@ledgerhq/coin-kaspa/transaction";
 import multiversx from "@ledgerhq/coin-multiversx/transaction";
 import near from "@ledgerhq/coin-near/transaction";
 import polkadot from "@ledgerhq/coin-polkadot/transaction";
@@ -39,6 +40,7 @@ export default {
   filecoin,
   internet_computer,
   icon,
+  kaspa,
   multiversx,
   near,
   polkadot,

package/src/generated/types.ts

@@ -76,6 +76,12 @@ import type {
   TransactionStatus as internet_computerTransactionStatus,
   TransactionStatusRaw as internet_computerTransactionStatusRaw,
 } from "@ledgerhq/coin-internet_computer/types/index";
+import type {
+  Transaction as kaspaTransaction,
+  TransactionRaw as kaspaTransactionRaw,
+  TransactionStatus as kaspaTransactionStatus,
+  TransactionStatusRaw as kaspaTransactionStatusRaw,
+} from "@ledgerhq/coin-kaspa/types/index";
 import type {
   Transaction as minaTransaction,
   TransactionRaw as minaTransactionRaw,
@@ -169,6 +175,7 @@ export type Transaction =
   | hederaTransaction
   | iconTransaction
   | internet_computerTransaction
+  | kaspaTransaction
   | minaTransaction
   | multiversxTransaction
   | nearTransaction
@@ -197,6 +204,7 @@ export type TransactionRaw =
   | hederaTransactionRaw
   | iconTransactionRaw
   | internet_computerTransactionRaw
+  | kaspaTransactionRaw
   | minaTransactionRaw
   | multiversxTransactionRaw
   | nearTransactionRaw
@@ -225,6 +233,7 @@ export type TransactionStatus =
   | hederaTransactionStatus
   | iconTransactionStatus
   | internet_computerTransactionStatus
+  | kaspaTransactionStatus
   | minaTransactionStatus
   | multiversxTransactionStatus
   | nearTransactionStatus
@@ -253,6 +262,7 @@ export type TransactionStatusRaw =
   | hederaTransactionStatusRaw
   | iconTransactionStatusRaw
   | internet_computerTransactionStatusRaw
+  | kaspaTransactionStatusRaw
   | minaTransactionStatusRaw
   | multiversxTransactionStatusRaw
   | nearTransactionStatusRaw

package/src/hw/actions/app.ts

@@ -540,7 +540,6 @@ export const createAction = (
         displayUpgradeWarning: false,
       }));
     }, []);
-
     return {
       ...state,
       inWrongDeviceForAccount:

package/src/hw/getDeviceNameMaxLength.test.ts

@@ -62,6 +62,22 @@ describe("getDeviceNameMaxLength", () => {
       }),
     ).toBe(20);
   });
+  test("Europa of any version should max at 20", async () => {
+    expect(
+      getDeviceNameMaxLength({
+        deviceModelId: DeviceModelId.europa,
+        version: "0.0.1",
+      }),
+    ).toBe(20);
+  });
+  test("Apex of any version should max at 20", async () => {
+    expect(
+      getDeviceNameMaxLength({
+        deviceModelId: DeviceModelId.apex,
+        version: "0.0.1",
+      }),
+    ).toBe(20);
+  });
   test("Other models should just return 17 as a fallback", async () => {
     expect(
       getDeviceNameMaxLength({

package/src/hw/getDeviceNameMaxLength.ts

@@ -31,6 +31,8 @@ const getDeviceNameMaxLength = (props: Props): number => {
     }
 
     case DeviceModelId.stax:
+    case DeviceModelId.europa:
+    case DeviceModelId.apex:
       maxLength = 20;
       break;
   }

package/src/modularDrawer/data/entities/interestRateSelectors.ts

@@ -1,39 +1,7 @@
-import { createSelector } from "@reduxjs/toolkit";
 import { InterestRate } from "../entities";
-
-interface ApiState {
-  assetsDataApi?: {
-    queries?: Record<string, QueryCacheEntry>;
-  };
-}
-
-interface QueryCacheEntry {
-  data?: {
-    pages?: Array<{
-      interestRates?: Record<string, InterestRate>;
-    }>;
-  };
-}
+import { createCurrencyDataSelector, ApiState } from "./selectorUtils";
 
 export const selectInterestRateByCurrency: (
   state: ApiState,
   currencyId: string,
-) => InterestRate | undefined = createSelector(
-  [
-    (state: ApiState) => state.assetsDataApi?.queries ?? {},
-    (_state: ApiState, currencyId: string) => currencyId,
-  ],
-  (queries, currencyId): InterestRate | undefined => {
-    for (const query of Object.values(queries)) {
-      const pages = query.data?.pages;
-      if (!pages) continue;
-
-      for (const page of pages) {
-        const rate = page.interestRates?.[currencyId];
-        if (rate) return rate;
-      }
-    }
-
-    return undefined;
-  },
-);
+) => InterestRate | undefined = createCurrencyDataSelector<InterestRate>("interestRates");

package/src/modularDrawer/data/entities/marketSelectors.ts

@@ -0,0 +1,8 @@
+import { PartialMarketItemResponse } from "../../../market/utils/types";
+import { createCurrencyDataSelector, ApiState } from "./selectorUtils";
+
+export const selectMarketByCurrency: (
+  state: ApiState,
+  currencyId: string,
+) => PartialMarketItemResponse | undefined =
+  createCurrencyDataSelector<PartialMarketItemResponse>("markets");

package/src/modularDrawer/data/entities/selectorUtils.ts

@@ -0,0 +1,42 @@
+import { createSelector, Selector } from "@reduxjs/toolkit";
+
+export interface ApiState {
+  assetsDataApi?: {
+    queries?: Record<string, QueryCacheEntry>;
+  };
+}
+
+export interface QueryCacheEntry {
+  data?: {
+    pages?: Array<Record<string, unknown>>;
+  };
+}
+
+/**
+ * Generic selector factory for finding data by currency ID in paginated API responses
+ * @param dataKey - The key to look for in each page (e.g., 'markets', 'interestRates')
+ * @returns A selector function that finds data by currency ID
+ */
+export function createCurrencyDataSelector<T>(
+  dataKey: string,
+): Selector<ApiState, T | undefined, [string]> {
+  return createSelector(
+    [
+      (state: ApiState) => state.assetsDataApi?.queries ?? {},
+      (_state: ApiState, currencyId: string) => currencyId,
+    ],
+    (queries, currencyId): T | undefined => {
+      for (const query of Object.values(queries)) {
+        const pages = query.data?.pages;
+        if (!pages) continue;
+
+        for (const page of pages) {
+          const data = page[dataKey]?.[currencyId];
+          if (data) return data;
+        }
+      }
+
+      return undefined;
+    },
+  );
+}

package/src/modularDrawer/data/state-manager/api.ts

@@ -30,7 +30,7 @@ function transformAssetsResponse(
 export const assetsDataApi = createApi({
   reducerPath: "assetsDataApi",
   baseQuery: fetchBaseQuery({
-    baseUrl: __DEV__ ? getEnv("DADA_API_STAGING") : getEnv("DADA_API_PROD"),
+    baseUrl: "", // Will be overridden in query
   }),
   tagTypes: [AssetsDataTags.Assets],
   endpoints: build => ({
@@ -49,8 +49,10 @@ export const assetsDataApi = createApi({
           additionalData: [AssetsAdditionalData.Apy, AssetsAdditionalData.MarketTrend],
         };
 
+        const baseUrl = queryArg.isStaging ? getEnv("DADA_API_STAGING") : getEnv("DADA_API_PROD");
+
         return {
-          url: "assets",
+          url: `${baseUrl}assets`,
           params,
         };
       },

package/src/modularDrawer/data/state-manager/types.ts

@@ -15,6 +15,7 @@ export interface GetAssetsDataParams {
   useCase?: string;
   product: "llm" | "lld";
   version: string;
+  isStaging?: boolean;
 }
 
 export interface PageParam {

package/src/modularDrawer/hooks/modules/useLeftMarketTrendModule.tsx

@@ -0,0 +1,36 @@
+import React, { useMemo } from "react";
+import { CryptoOrTokenCurrency } from "@ledgerhq/types-cryptoassets";
+import { useMarketByCurrencies } from "../useMarketByCurrencies";
+
+const createMarketTrendItem = ({
+  percent,
+  MarketPercentIndicator,
+}: {
+  percent: number;
+  MarketPercentIndicator: React.ComponentType<{ percent: number }>;
+}) => <MarketPercentIndicator percent={percent} />;
+
+export const useLeftMarketTrendModule = (
+  currencies: CryptoOrTokenCurrency[],
+  MarketPercentIndicator: React.ComponentType<{ percent: number }>,
+) => {
+  const marketByCurrencies = useMarketByCurrencies(currencies);
+
+  return useMemo(() => {
+    return currencies.map(currency => {
+      const currencyMarket = marketByCurrencies[currency.id];
+
+      if (!currencyMarket || currencyMarket.priceChangePercentage24h === undefined) {
+        return currency;
+      }
+
+      return {
+        ...currency,
+        leftElement: createMarketTrendItem({
+          percent: currencyMarket.priceChangePercentage24h,
+          MarketPercentIndicator,
+        }),
+      };
+    });
+  }, [currencies, marketByCurrencies, MarketPercentIndicator]);
+};

package/src/modularDrawer/hooks/modules/useRightMarketTrendModule.tsx

@@ -0,0 +1,57 @@
+import React, { useMemo } from "react";
+import { CryptoOrTokenCurrency } from "@ledgerhq/types-cryptoassets";
+import { useMarketByCurrencies } from "../useMarketByCurrencies";
+import { counterValueFormatter } from "../../utils/counterValueFormatter";
+import { UseBalanceDeps } from "../../utils/type";
+
+const createMarketPriceItem = ({
+  price,
+  percent,
+  MarketPriceIndicator,
+}: {
+  price: string;
+  percent: number;
+  MarketPriceIndicator: React.ComponentType<{ percent: number; price: string }>;
+}) => <MarketPriceIndicator percent={percent} price={price} />;
+
+export const useRightMarketTrendModule = ({
+  currencies,
+  useBalanceDeps,
+  MarketPriceIndicator,
+}: {
+  currencies: CryptoOrTokenCurrency[];
+  useBalanceDeps: UseBalanceDeps;
+  MarketPriceIndicator: React.ComponentType<{ percent: number; price: string }>;
+}) => {
+  const marketByCurrencies = useMarketByCurrencies(currencies);
+  const { counterValueCurrency, locale } = useBalanceDeps();
+
+  return useMemo(() => {
+    return currencies.map(currency => {
+      const currencyMarket = marketByCurrencies[currency.id];
+
+      if (
+        !currencyMarket ||
+        currencyMarket.priceChangePercentage24h === undefined ||
+        currencyMarket.price === undefined
+      ) {
+        return currency;
+      }
+
+      const priceFormatted = counterValueFormatter({
+        value: currencyMarket.price,
+        currency: counterValueCurrency.ticker,
+        locale,
+      });
+
+      return {
+        ...currency,
+        rightElement: createMarketPriceItem({
+          percent: currencyMarket.priceChangePercentage24h,
+          price: priceFormatted,
+          MarketPriceIndicator,
+        }),
+      };
+    });
+  }, [currencies, marketByCurrencies, counterValueCurrency.ticker, locale, MarketPriceIndicator]);
+};

package/src/modularDrawer/hooks/useAssetsData.ts

@@ -24,6 +24,7 @@ export function useAssetsData({
   areCurrenciesFiltered,
   product,
   version,
+  isStaging,
 }: {
   search?: string;
   currencyIds?: string[];
@@ -31,15 +32,26 @@ export function useAssetsData({
   areCurrenciesFiltered?: boolean;
   product: "llm" | "lld";
   version: string;
+  isStaging?: boolean;
 }) {
-  const { data, isLoading, error, fetchNextPage, isSuccess, refetch } =
-    useGetAssetsDataInfiniteQuery({
-      search,
-      useCase,
-      currencyIds: areCurrenciesFiltered ? currencyIds : undefined,
-      product,
-      version,
-    });
+  const {
+    data,
+    isLoading,
+    error,
+    fetchNextPage,
+    isSuccess,
+    refetch,
+    isFetching,
+    isError,
+    isFetchingNextPage,
+  } = useGetAssetsDataInfiniteQuery({
+    search,
+    useCase,
+    currencyIds: areCurrenciesFiltered ? currencyIds : undefined,
+    product,
+    version,
+    isStaging,
+  });
 
   const joinedPages = useMemo(() => {
     return data?.pages.reduce<AssetsDataWithPagination>((acc, page) => {
@@ -62,12 +74,15 @@ export function useAssetsData({
 
   const hasMore = Boolean(joinedPages?.pagination.nextCursor);
 
+  const isInitialLoading = isLoading || (isFetching && !isFetchingNextPage);
+
   return {
     data: joinedPages,
-    isLoading,
+    isLoading: isInitialLoading,
     error,
     loadNext: hasMore ? fetchNextPage : undefined,
     isSuccess,
+    isError,
     refetch,
   };
 }