@mezo-org/passport 0.4.0-dev.9 → 0.5.0

package/src/hooks/useDropdownData.ts

@@ -1,130 +0,0 @@
-import { useBitcoinAccount } from "@mezo-org/orangekit"
-import { useGetCurrentAccount } from "."
-import {
-  CryptoAssetKey,
-  getCryptoAsset,
-  isBitcoinLikeCryptoAsset,
-  isUsdLikeCryptoAsset,
-} from "../utils/cryptoAssets"
-import { fromFixedPoint } from "../utils/numbers"
-import { useAssetsUsdConversion } from "./useAssetsUSDConversion"
-import useWalletAccount from "./useWalletAccount"
-
-/**
- * Formats crypto asset to balance details (balance in USD and decimals)
- * @param type The type of crypto asset
- * @param balance The balance of crypto asset
- * @param btcUsdConversionRate The USD conversion rate
- * @returns The balance details
- */
-export function formatCryptoAsset(
-  type: CryptoAssetKey,
-  balance: bigint,
-  btcUsdConversionRate: number,
-) {
-  const { decimals } = getCryptoAsset(type)
-
-  const nativeBalance = fromFixedPoint(balance, decimals, 4)
-  let balanceInUsd = 0
-  if (isBitcoinLikeCryptoAsset(type)) {
-    balanceInUsd = nativeBalance * btcUsdConversionRate
-  }
-  if (isUsdLikeCryptoAsset(type)) {
-    balanceInUsd = nativeBalance
-  }
-
-  return {
-    type,
-    balance: nativeBalance,
-    balanceInUsd,
-    decimals,
-  }
-}
-
-export type DropdownCryptoAsset<T = CryptoAssetKey> = {
-  type: T
-  balance: bigint
-}
-
-type DropdownDetailedCryptoAsset = ReturnType<typeof formatCryptoAsset>
-
-export type DropdownData = {
-  mezoId: string
-  address: string
-  walletType: "bitcoin" | "evm"
-  totalBalanceInUsd: number
-  formattedNativeAssets: DropdownDetailedCryptoAsset[]
-  matsnet: {
-    mats: number
-    formattedAssets: DropdownDetailedCryptoAsset[]
-  }
-}
-
-type UseDropdownDataOptions = {
-  // This is workaround. It should be read from contracts or fetched from API.
-  evmNativeAssets?: DropdownCryptoAsset[]
-  matsnetAssets?: DropdownCryptoAsset[]
-}
-
-/**
- * Aggregates dropdown data for Dropdown component.
- * @param options - Options for the dropdown data.
- * @param options.evmNativeAssets - Native assets for EVM wallet.
- * @param options.matsnetAssets - Matsnet tokens. Rendered as separate section.
- * @returns Dropdown data.
- */
-export default function useDropdownData(
-  options?: UseDropdownDataOptions,
-): DropdownData | null {
-  const { evmNativeAssets = [], matsnetAssets = [] } = options || {}
-
-  const { btcBalance } = useBitcoinAccount()
-  const { address, networkFamily, isConnected } = useWalletAccount()
-  const { data: passportAccount } = useGetCurrentAccount()
-  const { data: assetsUsdConversion } = useAssetsUsdConversion()
-
-  if (!address || !isConnected || !passportAccount) {
-    return null
-  }
-
-  const mezoId = passportAccount.mezoId!
-
-  const nativeAssets: DropdownCryptoAsset[] =
-    networkFamily === "bitcoin"
-      ? [
-          {
-            type: "btc",
-            balance: BigInt(btcBalance?.total ?? 0),
-          },
-        ]
-      : evmNativeAssets
-
-  const btcUsdConversionRate = Number(assetsUsdConversion?.btcUsd ?? 0)
-
-  const formattedNativeAssets = nativeAssets.map((asset) =>
-    formatCryptoAsset(asset.type, asset.balance, btcUsdConversionRate),
-  )
-
-  const totalBalanceInUsd = formattedNativeAssets.reduce(
-    (sum, value) => sum + value.balanceInUsd,
-    0,
-  )
-
-  const matsBalance = passportAccount.mats.totalMats
-
-  const matsnetFormattedAssets = matsnetAssets.map((asset) =>
-    formatCryptoAsset(asset.type, asset.balance, btcUsdConversionRate),
-  )
-
-  return {
-    mezoId,
-    address,
-    walletType: networkFamily,
-    totalBalanceInUsd,
-    formattedNativeAssets,
-    matsnet: {
-      mats: matsBalance,
-      formattedAssets: matsnetFormattedAssets,
-    },
-  }
-}

package/src/utils/cryptoAssets.test.ts

@@ -1,59 +0,0 @@
-import {
-  BitcoinCircle,
-  EthCircle,
-  MUsdCircle,
-  TBtcCircle,
-} from "@mezo-org/mezo-clay"
-import { getCryptoAsset } from "./cryptoAssets"
-
-describe("getCryptoAsset", () => {
-  it("returns the correct asset for 'btc'", () => {
-    const asset = getCryptoAsset("btc")
-    expect(asset.name).toBe("Bitcoin")
-    expect(asset.symbol).toBe("BTC")
-    expect(asset.decimals).toBe(8)
-    expect(asset.icon).toBe(BitcoinCircle)
-  })
-
-  it("returns the correct asset for 'eth'", () => {
-    const asset = getCryptoAsset("eth")
-    expect(asset.name).toBe("Ethereum")
-    expect(asset.symbol).toBe("ETH")
-    expect(asset.decimals).toBe(18)
-    expect(asset.icon).toBe(EthCircle)
-  })
-
-  it("returns the correct asset for 'tbtc'", () => {
-    const asset = getCryptoAsset("tbtc")
-    expect(asset.name).toBe("Threshold Bitcoin")
-    expect(asset.symbol).toBe("tBTC")
-    expect(asset.decimals).toBe(18)
-    expect(asset.icon).toBe(TBtcCircle)
-  })
-
-  it("returns the correct asset for 'wbtc'", () => {
-    const asset = getCryptoAsset("wbtc")
-    expect(asset.name).toBe("Wrapped Bitcoin")
-    expect(asset.symbol).toBe("wBTC")
-    expect(asset.decimals).toBe(8)
-    // FIXME: Test should expect the exact icon component
-    expect(asset.icon).toEqual(expect.any(Function))
-  })
-
-  it("returns the correct asset for 'mbtc'", () => {
-    const asset = getCryptoAsset("mbtc")
-    expect(asset.name).toBe("Matsnet Bitcoin")
-    expect(asset.symbol).toBe("BTC")
-    expect(asset.decimals).toBe(18)
-    // FIXME: Test should expect the exact icon component
-    expect(asset.icon).toEqual(expect.any(Function))
-  })
-
-  it("returns the correct asset for 'musd'", () => {
-    const asset = getCryptoAsset("musd")
-    expect(asset.name).toBe("Mezo USD")
-    expect(asset.symbol).toBe("mUSD")
-    expect(asset.decimals).toBe(18)
-    expect(asset.icon).toBe(MUsdCircle)
-  })
-})

package/src/utils/cryptoAssets.ts

@@ -1,93 +0,0 @@
-import {
-  BitcoinCircle,
-  EthCircle,
-  IconProps,
-  MUsdCircle,
-  TBtcCircle,
-} from "@mezo-org/mezo-clay"
-import { createElement, FC } from "react"
-
-export type CryptoAssetKey = "btc" | "eth" | "tbtc" | "wbtc" | "mbtc" | "musd"
-
-export type CryptoAsset = {
-  name: string
-  symbol: string
-  icon: FC<IconProps>
-  decimals: number
-}
-
-const CRYPTO_ASSETS: Record<CryptoAssetKey, CryptoAsset> = {
-  btc: {
-    name: "Bitcoin",
-    symbol: "BTC",
-    icon: BitcoinCircle,
-    decimals: 8,
-  },
-  eth: {
-    name: "Ethereum",
-    symbol: "ETH",
-    icon: EthCircle,
-    decimals: 18,
-  },
-  tbtc: {
-    name: "Threshold Bitcoin",
-    symbol: "tBTC",
-    icon: TBtcCircle,
-    decimals: 18,
-  },
-  wbtc: {
-    name: "Wrapped Bitcoin",
-    symbol: "wBTC",
-    icon: (props) =>
-      createElement(BitcoinCircle, {
-        ...props,
-        symbolColor: "#FF8A00",
-        color: "#000000",
-      }),
-    decimals: 8,
-  },
-  mbtc: {
-    name: "Matsnet Bitcoin",
-    symbol: "BTC",
-    icon: (props) =>
-      createElement(BitcoinCircle, {
-        ...props,
-        symbolColor: "#000000",
-        color: "#FFC907",
-      }),
-    decimals: 18,
-  },
-  musd: {
-    name: "Mezo USD",
-    symbol: "MUSD",
-    icon: MUsdCircle,
-    decimals: 18,
-  },
-}
-
-/**
- * Gets details of given crypto asset
- * @param key The key of crypto asset
- * @returns The crypto asset details
- */
-export function getCryptoAsset(key: CryptoAssetKey) {
-  return CRYPTO_ASSETS[key]
-}
-
-/**
- * Checks if given crypto asset is Bitcoin-like
- * @param key The key of crypto asset
- * @returns True if crypto asset is Bitcoin-like
- */
-export function isBitcoinLikeCryptoAsset(key: CryptoAssetKey) {
-  return ["btc", "tbtc", "wbtc", "mbtc"].includes(key)
-}
-
-/**
- * Checks if given crypto asset is USD-like
- * @param key The key of crypto asset
- * @returns True if crypto asset is USD-like
- */
-export function isUsdLikeCryptoAsset(key: CryptoAssetKey) {
-  return ["musd"].includes(key)
-}