@ledgerhq/live-common 34.48.0-nightly.1 → 34.48.0-nightly.10

package/src/families/canton/config.ts

@@ -7,13 +7,12 @@ export const cantonConfig: Record<string, ConfigInfo> = {
       status: {
         type: "active",
       },
-      // TBC
-      nodeUrl: "https://wallet-validator-canton.ledger.com",
-      nodeId: "figment",
-      // TBC
+      nodeUrl: "https://canton-gateway.api.live.ledger.com/v1/node/ledger-mainnet-prd",
+      nodeId: "ledger-live-mainnet-prd",
       gatewayUrl: "https://canton-gateway.api.live.ledger.com",
       minReserve: 0,
       useGateway: true,
+      networkType: "mainnet",
     },
   },
   config_currency_canton_network_devnet: {
@@ -23,12 +22,12 @@ export const cantonConfig: Record<string, ConfigInfo> = {
         type: "active",
       },
       nodeUrl: "https://wallet-validator-devnet-canton.ledger-test.com",
-      nodeId: "ledger-live-devnet-prd",
+      nodeId: "ledger-devnet-stg",
       gatewayUrl: "https://canton-gateway.api.live.ledger-test.com",
       minReserve: 0,
       useGateway: true,
-      nativeInstrumentId:
-        "6e9fc50fb94e56751b49f09ba2dc84da53a9d7cff08115ebb4f6b7a12d0c990c:Splice.Amulet:Amulet",
+      networkType: "devnet",
+      nativeInstrumentId: "Amulet",
     },
   },
   config_currency_canton_network_localnet: {
@@ -42,6 +41,7 @@ export const cantonConfig: Record<string, ConfigInfo> = {
       gatewayUrl: undefined,
       minReserve: 0,
       useGateway: false,
+      networkType: "localnet",
     },
   },
 };

package/src/families/canton/setup.ts

@@ -1,6 +1,7 @@
 // Goal of this file is to inject all necessary device/signer dependency to coin-modules
 
 import { createBridges } from "@ledgerhq/coin-canton/bridge/index";
+import { getEnv } from "@ledgerhq/live-env";
 import Transport from "@ledgerhq/hw-transport";
 import { CantonSigner } from "@ledgerhq/coin-canton";
 import cantonResolver from "@ledgerhq/coin-canton/signer";
@@ -10,22 +11,25 @@ import { CantonCoinConfig } from "@ledgerhq/coin-canton/config";
 import { TransactionStatus, Transaction } from "@ledgerhq/coin-canton/types";
 import { LegacySignerCanton } from "@ledgerhq/live-signer-canton";
 import { CreateSigner, createResolver, executeWithSigner } from "../../bridge/setup";
+import cantonBridgeMock from "./bridge/mock";
 import { Resolver } from "../../hw/getAddress/types";
 import { getCurrencyConfiguration } from "../../config";
-import { getCryptoCurrencyById } from "../../currencies";
+import { CryptoCurrency } from "@ledgerhq/types-cryptoassets";
 
 const createSigner: CreateSigner<CantonSigner> = (transport: Transport) => {
   return new LegacySignerCanton(transport);
 };
 
-const getCurrencyConfig = () => {
-  return getCurrencyConfiguration<CantonCoinConfig>(getCryptoCurrencyById("canton_network"));
+const getCurrencyConfig = (currency?: CryptoCurrency) => {
+  if (!currency) {
+    throw new Error("currency not defined");
+  }
+  return getCurrencyConfiguration<CantonCoinConfig>(currency);
 };
 
-const bridge: Bridge<Transaction, Account, TransactionStatus> = createBridges(
-  executeWithSigner(createSigner),
-  getCurrencyConfig,
-);
+const bridge: Bridge<Transaction, Account, TransactionStatus> = getEnv("MOCK")
+  ? cantonBridgeMock
+  : createBridges(executeWithSigner(createSigner), getCurrencyConfig);
 
 const resolver: Resolver = createResolver(createSigner, cantonResolver);
 

package/src/families/evm/config.ts

@@ -674,8 +674,8 @@ const evmConfig: CurrencyLiveConfigDefinition = {
         uri: "https://zkevm-rpc.com",
       },
       explorer: {
-        type: "blockscout",
-        uri: "https://explorer-ui.cardona.zkevm-rpc.com/api",
+        type: "etherscan",
+        uri: "https://proxyetherscan.api.live.ledger.com/v2/api/1101",
       },
       showNfts: false,
     },

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/featureFlags/defaultFeatures.ts

@@ -103,12 +103,10 @@ 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,
   mockFeature: DEFAULT_FEATURE,
-  calLedgerService: DEFAULT_FEATURE,
   ptxServiceCtaExchangeDrawer: DEFAULT_FEATURE,
   ptxServiceCtaScreens: DEFAULT_FEATURE,
   ptxSwapReceiveTRC20WithoutTrx: DEFAULT_FEATURE,
@@ -523,7 +521,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: {
@@ -623,6 +620,8 @@ export const DEFAULT_FEATURES: Features = {
       receive_flow: true,
       send_flow: true,
       enableModularization: false,
+      searchDebounceTime: 500,
+      backendEnvironment: "PROD",
     },
   },
   llmModularDrawer: {
@@ -635,6 +634,8 @@ export const DEFAULT_FEATURES: Features = {
       receive_flow: true,
       send_flow: true,
       enableModularization: false,
+      searchDebounceTime: 500,
+      backendEnvironment: "PROD",
     },
   },
   llNftSupport: DEFAULT_FEATURE,

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/bridge/mock.ts

@@ -1,5 +1,6 @@
 import algorand from "../../families/algorand/bridge/mock";
 import bitcoin from "../../families/bitcoin/bridge/mock";
+import canton from "../../families/canton/bridge/mock";
 import cardano from "../../families/cardano/bridge/mock";
 import casper from "../../families/casper/bridge/mock";
 import cosmos from "../../families/cosmos/bridge/mock";
@@ -16,6 +17,7 @@ import xrp from "../../families/xrp/bridge/mock";
 export default {
   algorand,
   bitcoin,
+  canton,
   cardano,
   casper,
   cosmos,

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/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/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,
   };
 }

package/src/modularDrawer/hooks/useSearch.ts

@@ -0,0 +1,52 @@
+import { ChangeEvent, useCallback, useState } from "react";
+
+export type UseSearchParams = {
+  /** Initial value to display in the search input */
+  initialValue?: string;
+  /** Persist the search value to the host app state (e.g., Redux) */
+  onPersistSearchValue?: (value: string) => void;
+  /** Track analytics when the debounced value changes and should be emitted */
+  onTrackSearch?: (query: string) => void;
+};
+
+export type UseSearchResult = {
+  handleSearch: (queryOrEvent: string | ChangeEvent<HTMLInputElement>) => void;
+  handleDebouncedChange: (current: string, previous: string) => void;
+  displayedValue: string | undefined;
+};
+
+const normalize = (value: string) => value.trim();
+
+export function useSearchCommon({
+  initialValue,
+  onPersistSearchValue,
+  onTrackSearch,
+}: UseSearchParams): UseSearchResult {
+  const [displayedValue, setDisplayedValue] = useState<string | undefined>(initialValue);
+
+  const handleSearch = useCallback((queryOrEvent: string | ChangeEvent<HTMLInputElement>) => {
+    const nextValue = typeof queryOrEvent === "string" ? queryOrEvent : queryOrEvent.target.value;
+    setDisplayedValue(nextValue);
+  }, []);
+
+  const shouldEmitEvent = useCallback(
+    (currentQuery: string, previousQuery: string) =>
+      currentQuery !== "" && currentQuery !== previousQuery,
+    [],
+  );
+  const handleDebouncedChange = useCallback(
+    (current: string, previous: string) => {
+      const currentQuery = normalize(current);
+      const previousQuery = normalize(previous);
+
+      onPersistSearchValue?.(currentQuery);
+
+      if (!shouldEmitEvent(currentQuery, previousQuery)) return;
+
+      onTrackSearch?.(currentQuery);
+    },
+    [onPersistSearchValue, onTrackSearch, shouldEmitEvent],
+  );
+
+  return { handleSearch, handleDebouncedChange, displayedValue };
+}