@ledgerhq/live-common 34.47.0-nightly.6 → 34.47.0-nightly.8

package/src/modularDrawer/modules/createNetworkConfiguration.ts

@@ -0,0 +1,79 @@
+import type { CryptoOrTokenCurrency } from "@ledgerhq/types-cryptoassets";
+import { createUseLeftAccountsModule } from "../hooks/useLeftAccounts";
+import { createUseLeftAccountsApyModule } from "../hooks/useLeftAccountsApy";
+import { createUseRightBalanceNetwork } from "../hooks/useRightBalanceNetwork";
+import {
+  CreateNetworkConfigurationHookProps,
+  NetworkConfigurationDeps,
+  LeftElementKind,
+  Network,
+  NetworkHook,
+  RightElementKind,
+} from "../utils/type";
+import { composeHooks } from "../../utils/composeHooks";
+
+export const getLeftElement =
+  (NetworkConfigurationDeps: NetworkConfigurationDeps) =>
+  (leftElement: LeftElementKind): NetworkHook | undefined => {
+    switch (leftElement) {
+      case "numberOfAccounts":
+        return createUseLeftAccountsModule({
+          useAccountData: NetworkConfigurationDeps.useAccountData,
+          accountsCount: NetworkConfigurationDeps.accountsCount,
+        });
+      case "numberOfAccountsAndApy":
+        return createUseLeftAccountsApyModule({
+          useAccountData: NetworkConfigurationDeps.useAccountData,
+          accountsCountAndApy: NetworkConfigurationDeps.accountsCountAndApy,
+        });
+      case "undefined":
+      default:
+        return undefined;
+    }
+  };
+
+export const getRightElement =
+  (NetworkConfigurationDeps: NetworkConfigurationDeps) =>
+  (rightElement: RightElementKind): NetworkHook | undefined => {
+    switch (rightElement) {
+      case "balance":
+        return createUseRightBalanceNetwork({
+          useBalanceDeps: NetworkConfigurationDeps.useBalanceDeps,
+          balanceItem: NetworkConfigurationDeps.balanceItem,
+        });
+      case "undefined":
+      default:
+        return undefined;
+    }
+  };
+
+export const createNetworkConfigurationHook =
+  (NetworkConfigurationDeps: NetworkConfigurationDeps) =>
+  ({
+    networksConfig,
+    selectedAssetId,
+    currenciesByProvider,
+    accounts$,
+  }: CreateNetworkConfigurationHookProps) => {
+    const { leftElement = "undefined", rightElement = "undefined" } = networksConfig ?? {};
+    const leftHook = getLeftElement(NetworkConfigurationDeps)(leftElement);
+    const rightHook = getRightElement(NetworkConfigurationDeps)(rightElement);
+
+    // eslint-disable-next-line @typescript-eslint/consistent-type-assertions
+    const hooks = [rightHook, leftHook].filter(Boolean) as NetworkHook[];
+
+    return (assets: CryptoOrTokenCurrency[]): Array<CryptoOrTokenCurrency & Network> => {
+      const composedHook = composeHooks<CryptoOrTokenCurrency, Network>(
+        ...hooks.map(
+          hook => (assets: CryptoOrTokenCurrency[]) =>
+            hook({
+              assets,
+              selectedAssetId,
+              currenciesByProvider: currenciesByProvider || [],
+              accounts$,
+            }),
+        ),
+      );
+      return composedHook(assets);
+    };
+  };

package/src/modularDrawer/utils/buildProviderCurrenciesMap.tsx

@@ -0,0 +1,25 @@
+import { CryptoOrTokenCurrency } from "@ledgerhq/types-cryptoassets";
+
+export const buildProviderCurrenciesMap = (
+  currenciesByProvider?: Array<{
+    providerId: string;
+    currenciesByNetwork?: CryptoOrTokenCurrency[];
+  }>,
+) => {
+  if (!currenciesByProvider?.length) return null;
+
+  const map = new Map<
+    string,
+    { mainCurrency: CryptoOrTokenCurrency; currencies: CryptoOrTokenCurrency[] }
+  >();
+
+  currenciesByProvider.forEach(({ providerId, currenciesByNetwork = [] }) => {
+    if (currenciesByNetwork.length > 0) {
+      const mainCurrency =
+        currenciesByNetwork.find(c => c.id === providerId) ?? currenciesByNetwork[0];
+      map.set(providerId, { mainCurrency, currencies: currenciesByNetwork });
+    }
+  });
+
+  return map;
+};

package/src/modularDrawer/utils/sortByBalance.tsx

@@ -0,0 +1,32 @@
+import { BalanceUI } from "./type";
+
+export const parseFiatValue = (value?: string, discreet?: boolean) => {
+  if (!value || discreet) return -1;
+  return parseFloat(value.replace(/[^0-9.-]+/g, "")) || -1;
+};
+
+export function toFiatString(x?: BalanceUI): string | undefined {
+  return x && "fiatValue" in x ? String(x.fiatValue) : undefined;
+}
+
+export function hasBalance(balanceData?: BalanceUI): boolean {
+  return (
+    !!balanceData &&
+    (("fiatValue" in balanceData && !!balanceData.fiatValue) ||
+      ("balance" in balanceData && !!balanceData.balance))
+  );
+}
+
+export function compareByBalanceThenFiat(
+  a: BalanceUI | undefined,
+  b: BalanceUI | undefined,
+  discreet: boolean,
+): number {
+  const ah = hasBalance(a);
+  const bh = hasBalance(b);
+  if (ah && !bh) return -1;
+  if (!ah && bh) return 1;
+  const af = parseFiatValue(toFiatString(a), discreet);
+  const bf = parseFiatValue(toFiatString(b), discreet);
+  return bf - af;
+}

package/src/modularDrawer/utils/type.ts

@@ -1,3 +1,14 @@
+import { CounterValuesState } from "@ledgerhq/live-countervalues/lib/types";
+import { CryptoOrTokenCurrency, Currency } from "@ledgerhq/types-cryptoassets";
+import { AccountLike } from "@ledgerhq/types-live";
+import { ReactNode } from "react";
+import { Observable } from "rxjs";
+import { WalletAPIAccount } from "../../wallet-api/types";
+import { CurrenciesByProviderId } from "../../deposit/type";
+import { EnhancedModularDrawerConfiguration } from "../../wallet-api/ModularDrawer/types";
+
+export type ApyType = "NRR" | "APY" | "APR";
+
 export type AssetType = {
   name: string;
   ticker: string;
@@ -20,3 +31,89 @@ export type ProviderBalanceResultsMap = Map<string, ProviderBalanceAsset>;
 export type AssetWithBalance = AssetType & {
   sortValue?: number;
 };
+
+export type UseBalanceDeps = () => {
+  flattenedAccounts: AccountLike[];
+  discreet: boolean;
+  state: CounterValuesState;
+  counterValueCurrency: Currency;
+  locale: string;
+};
+
+export type BalanceUI = { balance?: string; fiatValue?: string };
+export type CreateBalanceItem = (x: BalanceUI) => React.ReactNode;
+
+export type CreateAccountsCountAndApy = (args: {
+  label: string;
+  value: number;
+  type: ApyType;
+}) => ReactNode;
+
+export type NetworkWithCount = CryptoOrTokenCurrency & {
+  leftElement?: ReactNode;
+  count: number;
+};
+
+export type AccountDataItem = {
+  asset: CryptoOrTokenCurrency;
+  label: string;
+  count: number;
+};
+
+export type AccountModuleParams = {
+  assets: CryptoOrTokenCurrency[];
+  accounts$?: Observable<WalletAPIAccount[]>;
+};
+
+export type CreateAccountsCount = (args: { label: string }) => ReactNode;
+
+export type UseAccountData = (params: AccountModuleParams) => AccountDataItem[];
+
+export type NetworkHookParams = {
+  assets: CryptoOrTokenCurrency[];
+  selectedAssetId: string;
+  currenciesByProvider: CurrenciesByProviderId[];
+  accounts$?: Observable<WalletAPIAccount[]>;
+};
+export type NetworkHook = (params: NetworkHookParams) => Array<CryptoOrTokenCurrency & Network>;
+
+export type NetworkConfigurationDeps = {
+  useAccountData: UseAccountData;
+  accountsCount: CreateAccountsCount;
+  accountsCountAndApy: CreateAccountsCountAndApy;
+  useBalanceDeps: UseBalanceDeps;
+  balanceItem: CreateBalanceItem;
+};
+
+export type LeftElementKind = "numberOfAccounts" | "numberOfAccountsAndApy" | "undefined";
+export type RightElementKind = "balance" | "undefined";
+
+export type Network = {
+  name: string;
+  id: string;
+  ticker: string;
+  leftElement?: React.ReactNode;
+  rightElement?: React.ReactNode;
+};
+
+export type CreateNetworkConfigurationHookProps = {
+  networksConfig: EnhancedModularDrawerConfiguration["networks"];
+  currenciesByProvider?: CurrenciesByProviderId[];
+  selectedAssetId: string;
+  accounts$?: Observable<WalletAPIAccount[]>;
+};
+
+type Props = {
+  assetsConfiguration: EnhancedModularDrawerConfiguration["assets"];
+  currenciesByProvider?: CurrenciesByProviderId[];
+};
+
+export type AssetConfigurationDeps = {
+  ApyIndicator: (args: { value: number; type: ApyType }) => ReactNode;
+  useBalanceDeps: UseBalanceDeps;
+  balanceItem: (asset: { fiatValue?: string; balance?: string }) => ReactNode;
+};
+
+export type CreateAssetConfigurationHook = (
+  AssetConfigurationDeps: AssetConfigurationDeps,
+) => (props: Props) => (assets: CryptoOrTokenCurrency[]) => (CryptoOrTokenCurrency & AssetType)[];

package/lib/modularDrawer/hooks/modules/useAssetAccountCounts.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"useAssetAccountCounts.d.ts","sourceRoot":"","sources":["../../../../src/modularDrawer/hooks/modules/useAssetAccountCounts.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,MAAM,CAAC;AAClC,OAAO,EAAE,qBAAqB,EAAE,MAAM,8BAA8B,CAAC;AAErE,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAC;AACpD,OAAO,EAAE,gBAAgB,EAAE,MAAM,2BAA2B,CAAC;AAE7D,KAAK,mBAAmB,GAAG;IACzB,MAAM,EAAE,qBAAqB,EAAE,CAAC;IAChC,cAAc,EAAE,OAAO,EAAE,CAAC;IAC1B,UAAU,EAAE,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,SAAS,CAAC;IAC7C,WAAW,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;IACvC,SAAS,CAAC,EAAE,UAAU,CAAC,gBAAgB,EAAE,CAAC,CAAC;CAC5C,CAAC;AAEF,MAAM,MAAM,cAAc,GAAG;IAC3B,KAAK,EAAE,qBAAqB,CAAC;IAC7B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,eAAO,MAAM,qBAAqB,yDAK/B,mBAAmB,KAAG,cAAc,EAUD,CAAC"}

package/lib/modularDrawer/hooks/modules/useAssetAccountCounts.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useAssetAccountCounts.js","sourceRoot":"","sources":["../../../../src/modularDrawer/hooks/modules/useAssetAccountCounts.tsx"],"names":[],"mappings":";;;AAEA,4FAAyF;AAkBlF,MAAM,qBAAqB,GAAG,CAAC,EACpC,MAAM,EACN,cAAc,EACd,UAAU,EACV,WAAW,GACS,EAAoB,EAAE,CAC1C,MAAM;KACH,GAAG,CAAC,KAAK,CAAC,EAAE;IACX,MAAM,EAAE,MAAM,EAAE,GAAG,IAAA,yDAA2B,EAAC,KAAK,EAAE,cAAc,EAAE,UAAU,CAAC,CAAC;IAClF,OAAO;QACL,KAAK;QACL,KAAK,EAAE,WAAW,CAAC,MAAM,CAAC;QAC1B,KAAK,EAAE,MAAM;KACd,CAAC;AACJ,CAAC,CAAC;KACD,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,KAAK,GAAG,CAAC,CAAC,KAAK,CAAC,CAAC;AAf1B,QAAA,qBAAqB,yBAeK"}

package/lib/modularDrawer/types.d.ts

@@ -1,2 +0,0 @@
-export type ApyType = "NRR" | "APY" | "APR";
-//# sourceMappingURL=types.d.ts.map

package/lib/modularDrawer/types.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/modularDrawer/types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,OAAO,GAAG,KAAK,GAAG,KAAK,GAAG,KAAK,CAAC"}

package/lib/modularDrawer/types.js

@@ -1,3 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-//# sourceMappingURL=types.js.map

package/lib/modularDrawer/types.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"types.js","sourceRoot":"","sources":["../../src/modularDrawer/types.ts"],"names":[],"mappings":""}

package/lib-es/modularDrawer/hooks/modules/useAssetAccountCounts.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"useAssetAccountCounts.d.ts","sourceRoot":"","sources":["../../../../src/modularDrawer/hooks/modules/useAssetAccountCounts.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,MAAM,CAAC;AAClC,OAAO,EAAE,qBAAqB,EAAE,MAAM,8BAA8B,CAAC;AAErE,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAC;AACpD,OAAO,EAAE,gBAAgB,EAAE,MAAM,2BAA2B,CAAC;AAE7D,KAAK,mBAAmB,GAAG;IACzB,MAAM,EAAE,qBAAqB,EAAE,CAAC;IAChC,cAAc,EAAE,OAAO,EAAE,CAAC;IAC1B,UAAU,EAAE,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,SAAS,CAAC;IAC7C,WAAW,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;IACvC,SAAS,CAAC,EAAE,UAAU,CAAC,gBAAgB,EAAE,CAAC,CAAC;CAC5C,CAAC;AAEF,MAAM,MAAM,cAAc,GAAG;IAC3B,KAAK,EAAE,qBAAqB,CAAC;IAC7B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,eAAO,MAAM,qBAAqB,yDAK/B,mBAAmB,KAAG,cAAc,EAUD,CAAC"}

package/lib-es/modularDrawer/hooks/modules/useAssetAccountCounts.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useAssetAccountCounts.js","sourceRoot":"","sources":["../../../../src/modularDrawer/hooks/modules/useAssetAccountCounts.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,2BAA2B,EAAE,MAAM,4CAA4C,CAAC;AAkBzF,MAAM,CAAC,MAAM,qBAAqB,GAAG,CAAC,EACpC,MAAM,EACN,cAAc,EACd,UAAU,EACV,WAAW,GACS,EAAoB,EAAE,CAC1C,MAAM;KACH,GAAG,CAAC,KAAK,CAAC,EAAE;IACX,MAAM,EAAE,MAAM,EAAE,GAAG,2BAA2B,CAAC,KAAK,EAAE,cAAc,EAAE,UAAU,CAAC,CAAC;IAClF,OAAO;QACL,KAAK;QACL,KAAK,EAAE,WAAW,CAAC,MAAM,CAAC;QAC1B,KAAK,EAAE,MAAM;KACd,CAAC;AACJ,CAAC,CAAC;KACD,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,KAAK,GAAG,CAAC,CAAC,KAAK,CAAC,CAAC"}

package/lib-es/modularDrawer/types.d.ts

@@ -1,2 +0,0 @@
-export type ApyType = "NRR" | "APY" | "APR";
-//# sourceMappingURL=types.d.ts.map

package/lib-es/modularDrawer/types.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/modularDrawer/types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,OAAO,GAAG,KAAK,GAAG,KAAK,GAAG,KAAK,CAAC"}

package/lib-es/modularDrawer/types.js

@@ -1,2 +0,0 @@
-export {};
-//# sourceMappingURL=types.js.map

package/lib-es/modularDrawer/types.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"types.js","sourceRoot":"","sources":["../../src/modularDrawer/types.ts"],"names":[],"mappings":""}

package/src/modularDrawer/types.ts

@@ -1 +0,0 @@
-export type ApyType = "NRR" | "APY" | "APR";