@mezo-org/passport 0.4.0-dev.81 → 0.4.0-dev.83

package/dist/src/utils/cryptoAssets.test.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"cryptoAssets.test.js","sourceRoot":"","sources":["../../../src/utils/cryptoAssets.test.ts"],"names":[],"mappings":"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"}

package/src/components/Dropdown/Root/AccountAssetItem.tsx

@@ -1,26 +0,0 @@
-import React from "react"
-import { CryptoAssetKey, getCryptoAsset } from "../../../utils/cryptoAssets"
-import ListingItem from "../ListingItem"
-
-type AccountAssetItemProps = {
-  type: CryptoAssetKey
-  amount: string
-  subLabel: string
-  subValue: string
-}
-
-export default function AccountAssetItem(props: AccountAssetItemProps) {
-  const { type, amount, subLabel, subValue } = props
-
-  const { icon: Icon, name: label } = getCryptoAsset(type)
-
-  return (
-    <ListingItem
-      icon={Icon}
-      label={label}
-      subLabel={subLabel}
-      value={amount}
-      subValue={subValue}
-    />
-  )
-}

package/src/hooks/useDropdownData.ts

@@ -1,152 +0,0 @@
-import { useBalance } from "wagmi"
-import { useGetCurrentAccount } from "."
-import {
-  CryptoAssetKey,
-  getCryptoAsset,
-  isBitcoinLikeCryptoAsset,
-  mapCryptoAssetToDetails,
-} from "../utils/cryptoAssets"
-import { fromFixedPoint } from "../utils/numbers"
-import { useAssetsConversionRates } from "./useAssetsConversionRates"
-import useWalletAccount from "./useWalletAccount"
-import { useTokensBalances } from "./useTokensBalances"
-import { useBorrowData } from "./useBorrowData"
-import { CHAIN_ID } from "../constants"
-import { usePassportContext } from "./usePassportContext"
-import { useWatchTransferEventsForAllTokens } from "./useWatchTransferEvents"
-import { convertToUsd } from "../utils/currency"
-
-export type DropdownCryptoAsset<T = CryptoAssetKey> = {
-  type: T
-  balance: bigint
-}
-
-const DEFAULT_ASSET_DATA = {
-  rawBalance: 0n,
-  formattedBalance: "0.0000",
-  usdBalance: 0,
-  formattedUsdBalance: "$0.00",
-}
-
-/**
- * Aggregates dropdown data for Dropdown component.
- * @param {accountDataRefetchInterval: number, nativeBalanceRefetchInterval: number }
- * Object containing refetch intervals time (in milliseconds) for account data
- * (like mats or mezo id) and for native balance. After that time the specific
- * value should be marked as stale and re-fetched. Default value for both is
- * 90000 (90 secs).
- * @returns Dropdown data.
- * @dev This hook is for internal use only.
- */
-export default function useDropdownData({
-  accountDataRefetchInterval = 90000,
-  nativeBalanceRefetchInterval = 90000,
-}) {
-  const {
-    walletAddress,
-    accountAddress,
-    networkFamily: walletType,
-  } = useWalletAccount()
-  const { environment = "mainnet" } = usePassportContext()
-  const { data: btcBalance } = useBalance({
-    address: accountAddress,
-    chainId: CHAIN_ID[environment],
-    query: {
-      staleTime: nativeBalanceRefetchInterval,
-      refetchInterval: nativeBalanceRefetchInterval,
-    },
-  })
-  const { data: passportAccount } = useGetCurrentAccount({
-    staleTime: accountDataRefetchInterval,
-    refetchInterval: accountDataRefetchInterval,
-    enabled: !!accountAddress,
-  })
-  const { data: assetsConversionRates } = useAssetsConversionRates()
-  const { data: tokensBalances } = useTokensBalances()
-  const { data: debt } = useBorrowData()
-
-  useWatchTransferEventsForAllTokens()
-
-  const mezoId = passportAccount?.mezoId
-
-  const detailedAssets = [
-    ["BTC", btcBalance?.value ?? 0n],
-    ...Object.entries(tokensBalances ?? {}),
-  ].map((asset) => {
-    const [type, balance] = asset as [CryptoAssetKey, bigint]
-
-    if (isBitcoinLikeCryptoAsset(type)) {
-      return mapCryptoAssetToDetails(
-        type,
-        balance,
-        assetsConversionRates.btc.price,
-        assetsConversionRates.btc.decimals,
-      )
-    }
-    if (type === "mT") {
-      return mapCryptoAssetToDetails(
-        type,
-        balance,
-        assetsConversionRates.t.price,
-        assetsConversionRates.t.decimals,
-      )
-    }
-
-    return mapCryptoAssetToDetails(type, balance, 1n, 0)
-  })
-
-  const btcData = detailedAssets.find(({ type }) => type === "BTC")!
-  const musdData = detailedAssets.find(({ type }) => type === "MUSD")!
-  const otherAssetsData = detailedAssets.filter(
-    ({ type }) => !["BTC", "MUSD"].includes(type),
-  )
-
-  const otherAssetsCount = otherAssetsData.filter(
-    (asset) => asset.rawBalance !== 0n,
-  ).length
-
-  const assets = {
-    btc: btcData || {
-      type: "BTC",
-      ...DEFAULT_ASSET_DATA,
-    },
-    musd: musdData || {
-      type: "mUSD",
-      ...DEFAULT_ASSET_DATA,
-    },
-  }
-
-  const otherAssetsUsdTotal = otherAssetsData.reduce(
-    (sum, { usdBalance }) => sum + usdBalance,
-    0,
-  )
-
-  const matsBalance = passportAccount?.mats.totalMats || 0
-
-  const usdCollateral = convertToUsd(
-    debt?.collateral ?? 0n,
-    getCryptoAsset("MUSD").decimals,
-    assetsConversionRates.btc.price,
-    assetsConversionRates.btc.decimals,
-  )
-
-  const usdTroveDebt = fromFixedPoint(debt?.troveDebt ?? 0n, 18)
-
-  const usdTotalBalance =
-    detailedAssets.reduce((sum, { usdBalance }) => sum + usdBalance, 0) +
-    usdCollateral
-
-  return {
-    mezoId,
-    matsBalance,
-    accountAddress,
-    walletAddress,
-    walletType,
-    usdTotalBalance,
-    usdTroveDebt,
-    usdCollateral,
-    assets,
-    otherAssetsCount,
-    otherAssetsUsdTotal,
-  }
-}

package/src/utils/cryptoAssets.test.ts

@@ -1,79 +0,0 @@
-import { BitcoinCircle, EthCircle, MUsdCircle02 } from "@mezo-org/mezo-clay"
-import {
-  CryptoAssetKey,
-  getCryptoAsset,
-  isBitcoinLikeCryptoAsset,
-  isUsdLikeCryptoAsset,
-} from "./cryptoAssets"
-
-// FIXME: Test fails if run in full suite (pnpm test) but works when run in isolation (pnpm test cryptoAssets)
-
-describe("getCryptoAsset", () => {
-  it("returns the correct asset for 'BTC (mBTC)'", () => {
-    const asset = getCryptoAsset("BTC")
-    expect(asset.name).toBe("Bitcoin")
-    expect(asset.symbol).toBe("BTC")
-    expect(asset.decimals).toBe(18)
-    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 'MUSD'", () => {
-    const asset = getCryptoAsset("MUSD")
-    expect(asset.name).toBe("MUSD")
-    expect(asset.symbol).toBe("MUSD")
-    expect(asset.decimals).toBe(18)
-    expect(asset.icon).toBe(MUsdCircle02)
-  })
-})
-
-describe("isBitcoinLikeCryptoAsset", () => {
-  const cases = [
-    { input: "mcbBTC", expected: true },
-    { input: "mDAI", expected: false },
-    { input: "mFBTC", expected: true },
-    { input: "mSolvBTC", expected: true },
-    { input: "mswBTC", expected: true },
-    { input: "mT", expected: false },
-    { input: "mUSDC", expected: false },
-    { input: "mUSDe", expected: false },
-    { input: "mUSDT", expected: false },
-    { input: "mxSolvBTC", expected: true },
-    { input: "MUSD", expected: false },
-  ]
-
-  cases.forEach(({ input, expected }) => {
-    it(`returns ${expected} for ${input}`, () => {
-      expect(isBitcoinLikeCryptoAsset(input as CryptoAssetKey)).toBe(expected)
-    })
-  })
-})
-
-describe("isUsdLikeCryptoAsset", () => {
-  const cases = [
-    { input: "mcbBTC", expected: false },
-    { input: "mDAI", expected: true },
-    { input: "mFBTC", expected: false },
-    { input: "mSolvBTC", expected: false },
-    { input: "mswBTC", expected: false },
-    { input: "mT", expected: false },
-    { input: "mUSDC", expected: true },
-    { input: "mUSDe", expected: true },
-    { input: "mUSDT", expected: true },
-    { input: "mxSolvBTC", expected: false },
-    { input: "MUSD", expected: true },
-  ]
-
-  cases.forEach(({ input, expected }) => {
-    it(`returns ${expected} for ${input}`, () => {
-      expect(isUsdLikeCryptoAsset(input as CryptoAssetKey)).toBe(expected)
-    })
-  })
-})

package/src/utils/cryptoAssets.ts

@@ -1,171 +0,0 @@
-import {
-  BitcoinCircle,
-  EthCircle,
-  IconProps,
-  MUsdCircle02,
-  Cryptocurrency04,
-} from "@mezo-org/mezo-clay"
-import { FC } from "react"
-import { MezoChainToken } from "../lib/contracts"
-import { convertToUsd, formatUsd } from "./currency"
-import { fromFixedPointToString } from "./numbers"
-
-export type CryptoAssetKey = MezoChainToken | "BTC" | "ETH"
-
-export type CryptoAsset = {
-  name: string
-  symbol: string
-  icon: FC<IconProps>
-  decimals: number
-}
-
-// TODO: Add actual icons for the assets
-
-const CRYPTO_ASSETS: Record<CryptoAssetKey, CryptoAsset> = {
-  BTC: {
-    name: "Bitcoin",
-    symbol: "BTC",
-    icon: BitcoinCircle,
-    decimals: 18,
-  },
-  ETH: {
-    name: "Ethereum",
-    symbol: "ETH",
-    icon: EthCircle,
-    decimals: 18,
-  },
-  MUSD: {
-    name: "MUSD",
-    symbol: "MUSD",
-    icon: MUsdCircle02,
-    decimals: 18,
-  },
-  mDAI: {
-    name: "mDAI",
-    symbol: "mDAI",
-    icon: Cryptocurrency04,
-    decimals: 18,
-  },
-  mFBTC: {
-    name: "mFBTC",
-    symbol: "mFBTC",
-    icon: BitcoinCircle,
-    decimals: 8,
-  },
-  mcbBTC: {
-    name: "mcbBTC",
-    symbol: "mcbBTC",
-    icon: BitcoinCircle,
-    decimals: 8,
-  },
-  mSolvBTC: {
-    name: "mSolvBTC",
-    symbol: "mSolvBTC",
-    icon: BitcoinCircle,
-    decimals: 18,
-  },
-  mswBTC: {
-    name: "mswBTC",
-    symbol: "mswBTC",
-    icon: BitcoinCircle,
-    decimals: 8,
-  },
-  mT: {
-    name: "mT",
-    symbol: "mT",
-    icon: Cryptocurrency04,
-    decimals: 18,
-  },
-  mUSDC: {
-    name: "mUSDC",
-    symbol: "mUSDC",
-    icon: Cryptocurrency04,
-    decimals: 6,
-  },
-  mUSDe: {
-    name: "mUSDe",
-    symbol: "mUSDe",
-    icon: Cryptocurrency04,
-    decimals: 18,
-  },
-  mUSDT: {
-    name: "mUSDT",
-    symbol: "mUSDT",
-    icon: Cryptocurrency04,
-    decimals: 6,
-  },
-  mxSolvBTC: {
-    name: "mxSolvBTC",
-    symbol: "mxSolvBTC",
-    icon: BitcoinCircle,
-    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)/i.test(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 /(usd|dai)/i.test(key)
-}
-
-/**
- * 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 usdConversionRate The USD conversion rate
- * @returns The balance details
- */
-export function mapCryptoAssetToDetails(
-  type: CryptoAssetKey,
-  balance: bigint,
-  usdConversionRate: bigint,
-  usdConversionRateDecimals: number,
-) {
-  const { decimals } = getCryptoAsset(type)
-
-  const formattedBalance = fromFixedPointToString(
-    balance,
-    decimals,
-    isUsdLikeCryptoAsset(type) ? 2 : 4,
-  )
-
-  const usdBalance = convertToUsd(
-    balance,
-    decimals,
-    usdConversionRate,
-    usdConversionRateDecimals,
-  )
-
-  const formattedUsdBalance = formatUsd(usdBalance)
-
-  return {
-    type,
-    rawBalance: balance,
-    formattedBalance,
-    usdBalance,
-    formattedUsdBalance,
-  }
-}
-
-export type DetailedCryptoAsset = ReturnType<typeof mapCryptoAssetToDetails>