@cfxjs/sirius-next-common 0.2.10 → 0.2.11

package/dist/components/TransactionAction/evmTransactionAction.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/TransactionAction/evmTransactionAction.tsx"],"sourcesContent":["import React, { useEffect, useCallback } from 'react';\nimport { formatBalance } from '../../utils';\nimport { formatAddress } from '../../utils/address';\nimport { Link } from '../Link';\nimport {\n  decodeData,\n  filterByTokenAddress,\n} from '@cfx-kit/dapp-utils/dist/decode-action';\nimport { EVMAddressContainer } from '../AddressContainer/EVMAddressContainer';\nimport { reqNametag, reqContractAndToken } from '../../utils/request';\nimport { useNametagCacheStore } from '../../store';\nimport type {\n  TransactionActionProps,\n  AddressNameTagContainerProps,\n  MultiAction,\n} from '@cfx-kit/dapp-utils/dist/decode-action';\nimport { TokenIcon, TokenName, TokenSymbol, TokenDecimals } from './constants';\n\nconst Token = (\n  address: string,\n  customInfo: any,\n  tokenType: string,\n  tokenExhibit: string[], // icon, name, symbol\n) => {\n  const customInfoToken = filterByTokenAddress(customInfo.token || {}, address);\n  return customInfoToken && customInfoToken['token'] ? (\n    <>\n      {tokenExhibit.includes('icon') ? (\n        customInfoToken['token']['iconUrl'] ? (\n          <img\n            className=\"w-[16px] h-[16px] mt-[2px]\"\n            src={customInfoToken['token']['iconUrl']}\n            alt=\"icon\"\n          />\n        ) : (\n          <>\n            <img\n              className=\"w-[16px] h-[16px] mt-[2px]\"\n              src={TokenIcon}\n              alt=\"icon\"\n            />\n          </>\n        )\n      ) : (\n        <></>\n      )}\n      {tokenExhibit.includes('name') ? (\n        <Link href={`/address/${formatAddress(address, 'hex')}`}>\n          {customInfoToken['token']['name'] ? (\n            `${customInfoToken['token']['name']}`\n          ) : (\n            <div>{TokenName}</div>\n          )}{' '}\n        </Link>\n      ) : (\n        <></>\n      )}\n      {tokenExhibit.includes('symbol') ? (\n        <Link href={`/address/${formatAddress(address, 'hex')}`}>\n          {customInfoToken['token']['symbol']\n            ? customInfoToken['token']['symbol']\n            : TokenSymbol}{' '}\n        </Link>\n      ) : (\n        <></>\n      )}\n    </>\n  ) : (\n    <>\n      {tokenExhibit.includes('icon') && (\n        <img\n          className=\"w-[16px] h-[16px] mt-[2px]\"\n          src={TokenIcon}\n          alt=\"icon\"\n        />\n      )}\n      {tokenExhibit.includes('name') && <div>{TokenName}</div>}\n      {tokenExhibit.includes('symbol') && <div>({TokenSymbol})</div>}\n    </>\n  );\n};\n\n// TODO: When the evm api is changed to hex address, it can be deleted.\nconst convertMapKeysToHex = (\n  data: Record<string, any>,\n): Record<string, any> => {\n  const newMap: Record<string, any> = {};\n  for (const [key, value] of Object.entries(data)) {\n    const newKey = formatAddress(key, 'hex');\n    newMap[newKey] = value;\n  }\n  return newMap;\n};\n\nconst AddressNameTagContainer: React.FC<AddressNameTagContainerProps> = ({\n  value,\n}) => {\n  const { nametagCache, contractCache, setNametagCache, setContractCache } =\n    useNametagCacheStore(state => ({\n      nametagCache: state.nametagCache,\n      contractCache: state.contractCache,\n      setNametagCache: state.setNametagCache,\n      setContractCache: state.setContractCache,\n    }));\n\n  const fetchContractAndToken = useCallback(\n    async (address: string) => {\n      try {\n        const data = await reqContractAndToken([address]);\n        const dataToHex = convertMapKeysToHex(data);\n        if (dataToHex[address]) {\n          setContractCache({ [address]: dataToHex[address] });\n        }\n      } catch (error) {\n        console.error(error);\n      }\n    },\n    [setContractCache],\n  );\n\n  const fetchNameTag = useCallback(\n    async (address: string) => {\n      try {\n        const data = await reqNametag([address]);\n        const dataToHex = convertMapKeysToHex(data);\n        if (dataToHex[address]) {\n          setNametagCache({ [address]: dataToHex[address] });\n        }\n      } catch (error) {\n        console.error(error);\n      }\n    },\n    [setNametagCache],\n  );\n\n  useEffect(() => {\n    if (value && !contractCache[value]) {\n      fetchContractAndToken(value);\n    }\n\n    if (value && !nametagCache[value]) {\n      fetchNameTag(value);\n    }\n  }, [value, fetchContractAndToken, fetchNameTag, nametagCache, contractCache]);\n\n  const nametagInfo = {\n    [value]: {\n      address: value,\n      nametag: nametagCache[value]?.nameTag || '',\n    },\n  };\n\n  return (\n    <EVMAddressContainer\n      value={value}\n      alias={\n        contractCache[value]?.contract?.name ||\n        contractCache[value]?.token?.name\n      }\n      isFullNameTag={true}\n      nametagInfo={nametagInfo}\n    />\n  );\n};\nconst customUI: MultiAction = {\n  ERC20_Transfer: ({ address, toAddress, value, customInfo }) => {\n    const customInfoToken = filterByTokenAddress(\n      customInfo.token || {},\n      address,\n    );\n    const decimals = customInfoToken?.token?.decimals ?? TokenDecimals;\n    return (\n      <div className=\"flex flex-wrap content-center gap-[5px]\">\n        Transfer\n        <div className=\"font-extrabold\">\n          {formatBalance(value, decimals, true)}\n        </div>{' '}\n        {Token(address, customInfo, 'ERC20', ['icon', 'symbol'])} to{' '}\n        <Link href={`/address/${toAddress}`}>\n          <AddressNameTagContainer value={formatAddress(toAddress, 'hex')} />\n        </Link>\n      </div>\n    );\n  },\n  ERC20_Approved: ({ address, toAddress, customInfo }) => {\n    return (\n      <div className=\"flex flex-wrap content-center gap-[5px]\">\n        Approved\n        {Token(address, customInfo, 'ERC20', ['icon', 'symbol'])} for\n        {toAddress && (\n          <Link href={`/address/${toAddress}`}>\n            <AddressNameTagContainer value={formatAddress(toAddress, 'hex')} />\n          </Link>\n        )}\n      </div>\n    );\n  },\n  ERC20_Revoked: ({ address, toAddress, customInfo }) => {\n    return (\n      <div className=\"flex flex-wrap content-center gap-[5px]\">\n        Revoked\n        {Token(address, customInfo, 'ERC20', ['icon', 'symbol'])} from\n        {toAddress && (\n          <Link href={`/address/${toAddress}`}>\n            <AddressNameTagContainer value={formatAddress(toAddress, 'hex')} />\n          </Link>\n        )}\n      </div>\n    );\n  },\n  ERC721_Mint: ({ value, address, customInfo }) => {\n    return (\n      <div className=\"flex flex-wrap content-center gap-[5px]\">\n        Mint <div className=\"font-extrabold\">{value}</div> of{' '}\n        {Token(address, customInfo, 'ERC721', ['icon', 'name', 'symbol'])}\n      </div>\n    );\n  },\n  ERC721_Transfer: ({ value, address, customInfo }) => {\n    return (\n      <div className=\"flex flex-wrap content-center gap-[5px]\">\n        Transfer <div className=\"font-extrabold\">{value}</div> of{' '}\n        {Token(address, customInfo, 'ERC721', ['icon', 'name', 'symbol'])}\n      </div>\n    );\n  },\n  ERC721_Burn: ({ value, address, customInfo }) => {\n    return (\n      <div className=\"flex flex-wrap content-center gap-[5px]\">\n        Burn <div className=\"font-extrabold\">{value}</div> of{' '}\n        {Token(address, customInfo, 'ERC721', ['icon', 'name', 'symbol'])}\n      </div>\n    );\n  },\n  ERC721_SafeTransferFrom: ({ value, address, customInfo }) => {\n    return (\n      <div className=\"flex flex-wrap content-center gap-[5px]\">\n        Transfer <div className=\"font-extrabold\">{value}</div> of{' '}\n        {Token(address, customInfo, 'ERC721', ['icon', 'name', 'symbol'])}\n      </div>\n    );\n  },\n  ERC721_Revoked: ({ address, toAddress, customInfo }) => {\n    return (\n      <div className=\"flex flex-wrap content-center gap-[5px]\">\n        Revoked {Token(address, customInfo, 'ERC721', ['icon', 'symbol'])}\n        from\n        {toAddress && (\n          <Link href={`/address/${toAddress}`}>\n            <AddressNameTagContainer value={formatAddress(toAddress, 'hex')} />\n          </Link>\n        )}\n      </div>\n    );\n  },\n  ERC721_Approved: ({ address, toAddress, customInfo }) => {\n    return (\n      <div className=\"flex flex-wrap content-center gap-[5px]\">\n        Approved {Token(address, customInfo, 'ERC721', ['icon', 'symbol'])}\n        for\n        {toAddress && (\n          <Link href={`/address/${toAddress}`}>\n            <AddressNameTagContainer value={formatAddress(toAddress, 'hex')} />\n          </Link>\n        )}\n      </div>\n    );\n  },\n  ERC1155_Approved: ({ address, toAddress, customInfo }) => {\n    return (\n      <div className=\"flex flex-wrap content-center gap-[5px]\">\n        Approved {Token(address, customInfo, 'ERC1155', ['icon', 'symbol'])}\n        for\n        {toAddress && (\n          <Link href={`/address/${toAddress}`}>\n            <AddressNameTagContainer value={formatAddress(toAddress, 'hex')} />\n          </Link>\n        )}\n      </div>\n    );\n  },\n  ERC1155_Revoked: ({ address, toAddress, customInfo }) => {\n    return (\n      <div className=\"flex flex-wrap content-center gap-[5px]\">\n        Revoked {Token(address, customInfo, 'ERC1155', ['icon', 'symbol'])}\n        from\n        {toAddress && (\n          <Link href={`/address/${toAddress}`}>\n            <AddressNameTagContainer value={formatAddress(toAddress, 'hex')} />\n          </Link>\n        )}\n      </div>\n    );\n  },\n  ERC1155_Mint: ({ value, address, customInfo }) => {\n    return (\n      <div className=\"flex flex-wrap content-center gap-[5px]\">\n        Mint <div className=\"font-extrabold\">{value}</div> of{' '}\n        {Token(address, customInfo, 'ERC1155', ['icon', 'name', 'symbol'])}\n      </div>\n    );\n  },\n  ERC1155_SafeTransferFrom: ({ value, address, customInfo }) => {\n    return (\n      <div className=\"flex flex-wrap content-center gap-[5px]\">\n        Transfer <div className=\"font-extrabold\">{value}</div> of{' '}\n        {Token(address, customInfo, 'ERC1155', ['icon', 'name', 'symbol'])}\n      </div>\n    );\n  },\n  ERC1155_Burn: ({ value, address, customInfo }) => {\n    return (\n      <div className=\"flex flex-wrap content-center gap-[5px]\">\n        Burn <div className=\"font-extrabold\">{value}</div> of{' '}\n        {Token(address, customInfo, 'ERC1155', ['icon', 'name', 'symbol'])}\n      </div>\n    );\n  },\n  ERC1155_Transfer: ({ value, address, customInfo }) => {\n    return (\n      <div className=\"flex flex-wrap content-center gap-[5px]\">\n        Transfer <div className=\"font-extrabold\">{value}</div> of{' '}\n        {Token(address, customInfo, 'ERC1155', ['icon', 'name', 'symbol'])}\n      </div>\n    );\n  },\n  ERC1155_SafeBatchTransferFrom: ({ value, address, customInfo }) => {\n    return (\n      <div className=\"flex flex-wrap content-center gap-[5px]\">\n        Transfer <div className=\"font-extrabold\">{value}</div> of{' '}\n        {Token(address, customInfo, 'ERC1155', ['icon', 'name', 'symbol'])}\n      </div>\n    );\n  },\n  ERC1155_BatchBurn: ({ value, address, customInfo }) => {\n    return (\n      <div className=\"flex flex-wrap content-center gap-[5px]\">\n        Burn <div className=\"font-extrabold\">{value}</div> of{' '}\n        {Token(address, customInfo, 'ERC1155', ['icon', 'name', 'symbol'])}\n      </div>\n    );\n  },\n  ERC1155_BatchMint: ({ value, address, customInfo }) => {\n    return (\n      <div className=\"flex flex-wrap content-center gap-[5px]\">\n        Mint <div className=\"font-extrabold\">{value}</div> of{' '}\n        {Token(address, customInfo, 'ERC1155', ['icon', 'name', 'symbol'])}\n      </div>\n    );\n  },\n};\n\nexport const TransactionAction = ({\n  transaction,\n  event,\n  customInfo,\n}: TransactionActionProps) => {\n  const res = decodeData(transaction, event, customInfo, customUI);\n  if (res && res.content && res.content.length > 0) {\n    return {\n      show: true,\n      content: (\n        <div className=\"max-h-[119px] overflow-y-auto\">\n          {res.content.map((e: any, i) => {\n            return <div key={i}>{e}</div>;\n          })}\n        </div>\n      ),\n    };\n  }\n  return {\n    show: false,\n    content: undefined,\n  };\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,SAAgB,WAAW,mBAAmB;AAI9C;AAAA,EACE;AAAA,EACA;AAAA,OACK;AAsBG,SAMA,UANA,KAkBF,YAlBE;AAXV,IAAM,QAAQ,CACZ,SACA,YACA,WACA,iBACG;AACH,QAAM,kBAAkB,qBAAqB,WAAW,SAAS,CAAC,GAAG,OAAO;AAC5E,SAAO,mBAAmB,gBAAgB,OAAO,IAC/C,iCACG;AAAA,iBAAa,SAAS,MAAM,IAC3B,gBAAgB,OAAO,EAAE,SAAS,IAChC;AAAA,MAAC;AAAA;AAAA,QACC,WAAU;AAAA,QACV,KAAK,gBAAgB,OAAO,EAAE,SAAS;AAAA,QACvC,KAAI;AAAA;AAAA,IACN,IAEA,gCACE;AAAA,MAAC;AAAA;AAAA,QACC,WAAU;AAAA,QACV,KAAK;AAAA,QACL,KAAI;AAAA;AAAA,IACN,GACF,IAGF,gCAAE;AAAA,IAEH,aAAa,SAAS,MAAM,IAC3B,qBAAC,QAAK,MAAM,YAAY,cAAc,SAAS,KAAK,KACjD;AAAA,sBAAgB,OAAO,EAAE,MAAM,IAC9B,GAAG,gBAAgB,OAAO,EAAE,MAAM,MAElC,oBAAC,SAAK,qBAAU;AAAA,MACf;AAAA,OACL,IAEA,gCAAE;AAAA,IAEH,aAAa,SAAS,QAAQ,IAC7B,qBAAC,QAAK,MAAM,YAAY,cAAc,SAAS,KAAK,KACjD;AAAA,sBAAgB,OAAO,EAAE,QAAQ,IAC9B,gBAAgB,OAAO,EAAE,QAAQ,IACjC;AAAA,MAAa;AAAA,OACnB,IAEA,gCAAE;AAAA,KAEN,IAEA,iCACG;AAAA,iBAAa,SAAS,MAAM,KAC3B;AAAA,MAAC;AAAA;AAAA,QACC,WAAU;AAAA,QACV,KAAK;AAAA,QACL,KAAI;AAAA;AAAA,IACN;AAAA,IAED,aAAa,SAAS,MAAM,KAAK,oBAAC,SAAK,qBAAU;AAAA,IACjD,aAAa,SAAS,QAAQ,KAAK,qBAAC,SAAI;AAAA;AAAA,MAAE;AAAA,MAAY;AAAA,OAAC;AAAA,KAC1D;AAEJ;AAGA,IAAM,sBAAsB,CAC1B,SACwB;AACxB,QAAM,SAA8B,CAAC;AACrC,aAAW,CAAC,KAAK,KAAK,KAAK,OAAO,QAAQ,IAAI,GAAG;AAC/C,UAAM,SAAS,cAAc,KAAK,KAAK;AACvC,WAAO,MAAM,IAAI;AAAA,EACnB;AACA,SAAO;AACT;AAEA,IAAM,0BAAkE,CAAC;AAAA,EACvE;AACF,MAAM;AACJ,QAAM,EAAE,cAAc,eAAe,iBAAiB,iBAAiB,IACrE,qBAAqB,YAAU;AAAA,IAC7B,cAAc,MAAM;AAAA,IACpB,eAAe,MAAM;AAAA,IACrB,iBAAiB,MAAM;AAAA,IACvB,kBAAkB,MAAM;AAAA,EAC1B,EAAE;AAEJ,QAAM,wBAAwB;AAAA,IAC5B,OAAO,YAAoB;AACzB,UAAI;AACF,cAAM,OAAO,MAAM,oBAAoB,CAAC,OAAO,CAAC;AAChD,cAAM,YAAY,oBAAoB,IAAI;AAC1C,YAAI,UAAU,OAAO,GAAG;AACtB,2BAAiB,EAAE,CAAC,OAAO,GAAG,UAAU,OAAO,EAAE,CAAC;AAAA,QACpD;AAAA,MACF,SAAS,OAAP;AACA,gBAAQ,MAAM,KAAK;AAAA,MACrB;AAAA,IACF;AAAA,IACA,CAAC,gBAAgB;AAAA,EACnB;AAEA,QAAM,eAAe;AAAA,IACnB,OAAO,YAAoB;AACzB,UAAI;AACF,cAAM,OAAO,MAAM,WAAW,CAAC,OAAO,CAAC;AACvC,cAAM,YAAY,oBAAoB,IAAI;AAC1C,YAAI,UAAU,OAAO,GAAG;AACtB,0BAAgB,EAAE,CAAC,OAAO,GAAG,UAAU,OAAO,EAAE,CAAC;AAAA,QACnD;AAAA,MACF,SAAS,OAAP;AACA,gBAAQ,MAAM,KAAK;AAAA,MACrB;AAAA,IACF;AAAA,IACA,CAAC,eAAe;AAAA,EAClB;AAEA,YAAU,MAAM;AACd,QAAI,SAAS,CAAC,cAAc,KAAK,GAAG;AAClC,4BAAsB,KAAK;AAAA,IAC7B;AAEA,QAAI,SAAS,CAAC,aAAa,KAAK,GAAG;AACjC,mBAAa,KAAK;AAAA,IACpB;AAAA,EACF,GAAG,CAAC,OAAO,uBAAuB,cAAc,cAAc,aAAa,CAAC;AAE5E,QAAM,cAAc;AAAA,IAClB,CAAC,KAAK,GAAG;AAAA,MACP,SAAS;AAAA,MACT,SAAS,aAAa,KAAK,GAAG,WAAW;AAAA,IAC3C;AAAA,EACF;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,OACE,cAAc,KAAK,GAAG,UAAU,QAChC,cAAc,KAAK,GAAG,OAAO;AAAA,MAE/B,eAAe;AAAA,MACf;AAAA;AAAA,EACF;AAEJ;AACA,IAAM,WAAwB;AAAA,EAC5B,gBAAgB,CAAC,EAAE,SAAS,WAAW,OAAO,WAAW,MAAM;AAC7D,UAAM,kBAAkB;AAAA,MACtB,WAAW,SAAS,CAAC;AAAA,MACrB;AAAA,IACF;AACA,UAAM,WAAW,iBAAiB,OAAO,YAAY;AACrD,WACE,qBAAC,SAAI,WAAU,2CAA0C;AAAA;AAAA,MAEvD,oBAAC,SAAI,WAAU,kBACZ,wBAAc,OAAO,UAAU,IAAI,GACtC;AAAA,MAAO;AAAA,MACN,MAAM,SAAS,YAAY,SAAS,CAAC,QAAQ,QAAQ,CAAC;AAAA,MAAE;AAAA,MAAI;AAAA,MAC7D,oBAAC,QAAK,MAAM,YAAY,aACtB,8BAAC,2BAAwB,OAAO,cAAc,WAAW,KAAK,GAAG,GACnE;AAAA,OACF;AAAA,EAEJ;AAAA,EACA,gBAAgB,CAAC,EAAE,SAAS,WAAW,WAAW,MAAM;AACtD,WACE,qBAAC,SAAI,WAAU,2CAA0C;AAAA;AAAA,MAEtD,MAAM,SAAS,YAAY,SAAS,CAAC,QAAQ,QAAQ,CAAC;AAAA,MAAE;AAAA,MACxD,aACC,oBAAC,QAAK,MAAM,YAAY,aACtB,8BAAC,2BAAwB,OAAO,cAAc,WAAW,KAAK,GAAG,GACnE;AAAA,OAEJ;AAAA,EAEJ;AAAA,EACA,eAAe,CAAC,EAAE,SAAS,WAAW,WAAW,MAAM;AACrD,WACE,qBAAC,SAAI,WAAU,2CAA0C;AAAA;AAAA,MAEtD,MAAM,SAAS,YAAY,SAAS,CAAC,QAAQ,QAAQ,CAAC;AAAA,MAAE;AAAA,MACxD,aACC,oBAAC,QAAK,MAAM,YAAY,aACtB,8BAAC,2BAAwB,OAAO,cAAc,WAAW,KAAK,GAAG,GACnE;AAAA,OAEJ;AAAA,EAEJ;AAAA,EACA,aAAa,CAAC,EAAE,OAAO,SAAS,WAAW,MAAM;AAC/C,WACE,qBAAC,SAAI,WAAU,2CAA0C;AAAA;AAAA,MAClD,oBAAC,SAAI,WAAU,kBAAkB,iBAAM;AAAA,MAAM;AAAA,MAAI;AAAA,MACrD,MAAM,SAAS,YAAY,UAAU,CAAC,QAAQ,QAAQ,QAAQ,CAAC;AAAA,OAClE;AAAA,EAEJ;AAAA,EACA,iBAAiB,CAAC,EAAE,OAAO,SAAS,WAAW,MAAM;AACnD,WACE,qBAAC,SAAI,WAAU,2CAA0C;AAAA;AAAA,MAC9C,oBAAC,SAAI,WAAU,kBAAkB,iBAAM;AAAA,MAAM;AAAA,MAAI;AAAA,MACzD,MAAM,SAAS,YAAY,UAAU,CAAC,QAAQ,QAAQ,QAAQ,CAAC;AAAA,OAClE;AAAA,EAEJ;AAAA,EACA,aAAa,CAAC,EAAE,OAAO,SAAS,WAAW,MAAM;AAC/C,WACE,qBAAC,SAAI,WAAU,2CAA0C;AAAA;AAAA,MAClD,oBAAC,SAAI,WAAU,kBAAkB,iBAAM;AAAA,MAAM;AAAA,MAAI;AAAA,MACrD,MAAM,SAAS,YAAY,UAAU,CAAC,QAAQ,QAAQ,QAAQ,CAAC;AAAA,OAClE;AAAA,EAEJ;AAAA,EACA,yBAAyB,CAAC,EAAE,OAAO,SAAS,WAAW,MAAM;AAC3D,WACE,qBAAC,SAAI,WAAU,2CAA0C;AAAA;AAAA,MAC9C,oBAAC,SAAI,WAAU,kBAAkB,iBAAM;AAAA,MAAM;AAAA,MAAI;AAAA,MACzD,MAAM,SAAS,YAAY,UAAU,CAAC,QAAQ,QAAQ,QAAQ,CAAC;AAAA,OAClE;AAAA,EAEJ;AAAA,EACA,gBAAgB,CAAC,EAAE,SAAS,WAAW,WAAW,MAAM;AACtD,WACE,qBAAC,SAAI,WAAU,2CAA0C;AAAA;AAAA,MAC9C,MAAM,SAAS,YAAY,UAAU,CAAC,QAAQ,QAAQ,CAAC;AAAA,MAAE;AAAA,MAEjE,aACC,oBAAC,QAAK,MAAM,YAAY,aACtB,8BAAC,2BAAwB,OAAO,cAAc,WAAW,KAAK,GAAG,GACnE;AAAA,OAEJ;AAAA,EAEJ;AAAA,EACA,iBAAiB,CAAC,EAAE,SAAS,WAAW,WAAW,MAAM;AACvD,WACE,qBAAC,SAAI,WAAU,2CAA0C;AAAA;AAAA,MAC7C,MAAM,SAAS,YAAY,UAAU,CAAC,QAAQ,QAAQ,CAAC;AAAA,MAAE;AAAA,MAElE,aACC,oBAAC,QAAK,MAAM,YAAY,aACtB,8BAAC,2BAAwB,OAAO,cAAc,WAAW,KAAK,GAAG,GACnE;AAAA,OAEJ;AAAA,EAEJ;AAAA,EACA,kBAAkB,CAAC,EAAE,SAAS,WAAW,WAAW,MAAM;AACxD,WACE,qBAAC,SAAI,WAAU,2CAA0C;AAAA;AAAA,MAC7C,MAAM,SAAS,YAAY,WAAW,CAAC,QAAQ,QAAQ,CAAC;AAAA,MAAE;AAAA,MAEnE,aACC,oBAAC,QAAK,MAAM,YAAY,aACtB,8BAAC,2BAAwB,OAAO,cAAc,WAAW,KAAK,GAAG,GACnE;AAAA,OAEJ;AAAA,EAEJ;AAAA,EACA,iBAAiB,CAAC,EAAE,SAAS,WAAW,WAAW,MAAM;AACvD,WACE,qBAAC,SAAI,WAAU,2CAA0C;AAAA;AAAA,MAC9C,MAAM,SAAS,YAAY,WAAW,CAAC,QAAQ,QAAQ,CAAC;AAAA,MAAE;AAAA,MAElE,aACC,oBAAC,QAAK,MAAM,YAAY,aACtB,8BAAC,2BAAwB,OAAO,cAAc,WAAW,KAAK,GAAG,GACnE;AAAA,OAEJ;AAAA,EAEJ;AAAA,EACA,cAAc,CAAC,EAAE,OAAO,SAAS,WAAW,MAAM;AAChD,WACE,qBAAC,SAAI,WAAU,2CAA0C;AAAA;AAAA,MAClD,oBAAC,SAAI,WAAU,kBAAkB,iBAAM;AAAA,MAAM;AAAA,MAAI;AAAA,MACrD,MAAM,SAAS,YAAY,WAAW,CAAC,QAAQ,QAAQ,QAAQ,CAAC;AAAA,OACnE;AAAA,EAEJ;AAAA,EACA,0BAA0B,CAAC,EAAE,OAAO,SAAS,WAAW,MAAM;AAC5D,WACE,qBAAC,SAAI,WAAU,2CAA0C;AAAA;AAAA,MAC9C,oBAAC,SAAI,WAAU,kBAAkB,iBAAM;AAAA,MAAM;AAAA,MAAI;AAAA,MACzD,MAAM,SAAS,YAAY,WAAW,CAAC,QAAQ,QAAQ,QAAQ,CAAC;AAAA,OACnE;AAAA,EAEJ;AAAA,EACA,cAAc,CAAC,EAAE,OAAO,SAAS,WAAW,MAAM;AAChD,WACE,qBAAC,SAAI,WAAU,2CAA0C;AAAA;AAAA,MAClD,oBAAC,SAAI,WAAU,kBAAkB,iBAAM;AAAA,MAAM;AAAA,MAAI;AAAA,MACrD,MAAM,SAAS,YAAY,WAAW,CAAC,QAAQ,QAAQ,QAAQ,CAAC;AAAA,OACnE;AAAA,EAEJ;AAAA,EACA,kBAAkB,CAAC,EAAE,OAAO,SAAS,WAAW,MAAM;AACpD,WACE,qBAAC,SAAI,WAAU,2CAA0C;AAAA;AAAA,MAC9C,oBAAC,SAAI,WAAU,kBAAkB,iBAAM;AAAA,MAAM;AAAA,MAAI;AAAA,MACzD,MAAM,SAAS,YAAY,WAAW,CAAC,QAAQ,QAAQ,QAAQ,CAAC;AAAA,OACnE;AAAA,EAEJ;AAAA,EACA,+BAA+B,CAAC,EAAE,OAAO,SAAS,WAAW,MAAM;AACjE,WACE,qBAAC,SAAI,WAAU,2CAA0C;AAAA;AAAA,MAC9C,oBAAC,SAAI,WAAU,kBAAkB,iBAAM;AAAA,MAAM;AAAA,MAAI;AAAA,MACzD,MAAM,SAAS,YAAY,WAAW,CAAC,QAAQ,QAAQ,QAAQ,CAAC;AAAA,OACnE;AAAA,EAEJ;AAAA,EACA,mBAAmB,CAAC,EAAE,OAAO,SAAS,WAAW,MAAM;AACrD,WACE,qBAAC,SAAI,WAAU,2CAA0C;AAAA;AAAA,MAClD,oBAAC,SAAI,WAAU,kBAAkB,iBAAM;AAAA,MAAM;AAAA,MAAI;AAAA,MACrD,MAAM,SAAS,YAAY,WAAW,CAAC,QAAQ,QAAQ,QAAQ,CAAC;AAAA,OACnE;AAAA,EAEJ;AAAA,EACA,mBAAmB,CAAC,EAAE,OAAO,SAAS,WAAW,MAAM;AACrD,WACE,qBAAC,SAAI,WAAU,2CAA0C;AAAA;AAAA,MAClD,oBAAC,SAAI,WAAU,kBAAkB,iBAAM;AAAA,MAAM;AAAA,MAAI;AAAA,MACrD,MAAM,SAAS,YAAY,WAAW,CAAC,QAAQ,QAAQ,QAAQ,CAAC;AAAA,OACnE;AAAA,EAEJ;AACF;AAEO,IAAM,oBAAoB,CAAC;AAAA,EAChC;AAAA,EACA;AAAA,EACA;AACF,MAA8B;AAC5B,QAAM,MAAM,WAAW,aAAa,OAAO,YAAY,QAAQ;AAC/D,MAAI,OAAO,IAAI,WAAW,IAAI,QAAQ,SAAS,GAAG;AAChD,WAAO;AAAA,MACL,MAAM;AAAA,MACN,SACE,oBAAC,SAAI,WAAU,iCACZ,cAAI,QAAQ,IAAI,CAAC,GAAQ,MAAM;AAC9B,eAAO,oBAAC,SAAa,eAAJ,CAAM;AAAA,MACzB,CAAC,GACH;AAAA,IAEJ;AAAA,EACF;AACA,SAAO;AAAA,IACL,MAAM;AAAA,IACN,SAAS;AAAA,EACX;AACF;","names":[]}
+{"version":3,"sources":["../../../src/components/TransactionAction/evmTransactionAction.tsx"],"sourcesContent":["import React, { useEffect, useCallback } from 'react';\nimport { formatBalance } from '../../utils';\nimport { formatAddress } from '../../utils/address';\nimport { Link } from '../Link';\nimport {\n  decodeData,\n  filterByTokenAddress,\n} from '@cfx-kit/dapp-utils/dist/decode-action';\nimport { EVMAddressContainer } from '../AddressContainer/EVMAddressContainer';\nimport { reqNametag, reqContractAndToken } from '../../utils/request';\nimport { useNametagCacheStore } from '../../store';\nimport type {\n  TransactionActionProps,\n  AddressNameTagContainerProps,\n  MultiAction,\n} from '@cfx-kit/dapp-utils/dist/decode-action';\nimport { TokenIcon, TokenName, TokenSymbol, TokenDecimals } from './constants';\n\nconst Token = (\n  address: string,\n  customInfo: any,\n  tokenType: string,\n  tokenExhibit: string[], // icon, name, symbol\n) => {\n  const customInfoToken = filterByTokenAddress(customInfo.token || {}, address);\n  return customInfoToken && customInfoToken['token'] ? (\n    <>\n      {tokenExhibit.includes('icon') ? (\n        customInfoToken['token']['iconUrl'] ? (\n          <img\n            className=\"w-[16px] h-[16px] mt-[2px]\"\n            src={customInfoToken['token']['iconUrl']}\n            alt=\"icon\"\n          />\n        ) : (\n          <>\n            <img\n              className=\"w-[16px] h-[16px] mt-[2px]\"\n              src={TokenIcon}\n              alt=\"icon\"\n            />\n          </>\n        )\n      ) : (\n        <></>\n      )}\n      {tokenExhibit.includes('name') ? (\n        <Link href={`/address/${formatAddress(address, 'hex')}`}>\n          {customInfoToken['token']['name'] ? (\n            `${customInfoToken['token']['name']}`\n          ) : (\n            <div>{TokenName}</div>\n          )}{' '}\n        </Link>\n      ) : (\n        <></>\n      )}\n      {tokenExhibit.includes('symbol') ? (\n        <Link href={`/address/${formatAddress(address, 'hex')}`}>\n          {customInfoToken['token']['symbol']\n            ? customInfoToken['token']['symbol']\n            : TokenSymbol}{' '}\n        </Link>\n      ) : (\n        <></>\n      )}\n    </>\n  ) : (\n    <>\n      {tokenExhibit.includes('icon') && (\n        <img\n          className=\"w-[16px] h-[16px] mt-[2px]\"\n          src={TokenIcon}\n          alt=\"icon\"\n        />\n      )}\n      {tokenExhibit.includes('name') && <div>{TokenName}</div>}\n      {tokenExhibit.includes('symbol') && <div>({TokenSymbol})</div>}\n    </>\n  );\n};\n\n// TODO: When the evm api is changed to hex address, it can be deleted.\nconst convertMapKeysToHex = (\n  data: Record<string, any>,\n): Record<string, any> => {\n  const newMap: Record<string, any> = {};\n  for (const [key, value] of Object.entries(data)) {\n    const newKey = formatAddress(key, 'hex');\n    newMap[newKey] = value;\n  }\n  return newMap;\n};\n\nconst AddressNameTagContainer: React.FC<AddressNameTagContainerProps> = ({\n  value,\n}) => {\n  const { nametagCache, contractCache, setNametagCache, setContractCache } =\n    useNametagCacheStore(state => ({\n      nametagCache: state.nametagCache,\n      contractCache: state.contractCache,\n      setNametagCache: state.setNametagCache,\n      setContractCache: state.setContractCache,\n    }));\n\n  const fetchContractAndToken = useCallback(\n    async (address: string) => {\n      try {\n        const data = (await reqContractAndToken([address]))?.map;\n        const dataToHex = convertMapKeysToHex(data);\n        if (dataToHex[address]) {\n          setContractCache({ [address]: dataToHex[address] });\n        }\n      } catch (error) {\n        console.error(error);\n      }\n    },\n    [setContractCache],\n  );\n\n  const fetchNameTag = useCallback(\n    async (address: string) => {\n      try {\n        const data = await reqNametag([address]);\n        const dataToHex = convertMapKeysToHex(data);\n        if (dataToHex[address]) {\n          setNametagCache({ [address]: dataToHex[address] });\n        }\n      } catch (error) {\n        console.error(error);\n      }\n    },\n    [setNametagCache],\n  );\n\n  useEffect(() => {\n    if (value && !contractCache[value]) {\n      fetchContractAndToken(value);\n    }\n\n    if (value && !nametagCache[value]) {\n      fetchNameTag(value);\n    }\n  }, [value, fetchContractAndToken, fetchNameTag, nametagCache, contractCache]);\n\n  const nametagInfo = {\n    [value]: {\n      address: value,\n      nametag: nametagCache[value]?.nameTag || '',\n    },\n  };\n\n  return (\n    <EVMAddressContainer\n      value={value}\n      alias={\n        contractCache[value]?.contract?.name ||\n        contractCache[value]?.token?.name\n      }\n      isFullNameTag={true}\n      nametagInfo={nametagInfo}\n    />\n  );\n};\nconst customUI: MultiAction = {\n  ERC20_Transfer: ({ address, toAddress, value, customInfo }) => {\n    const customInfoToken = filterByTokenAddress(\n      customInfo.token || {},\n      address,\n    );\n    const decimals = customInfoToken?.token?.decimals ?? TokenDecimals;\n    return (\n      <div className=\"flex flex-wrap content-center gap-[5px]\">\n        Transfer\n        <div className=\"font-extrabold\">\n          {formatBalance(value, decimals, true)}\n        </div>{' '}\n        {Token(address, customInfo, 'ERC20', ['icon', 'symbol'])} to{' '}\n        <Link href={`/address/${toAddress}`}>\n          <AddressNameTagContainer value={formatAddress(toAddress, 'hex')} />\n        </Link>\n      </div>\n    );\n  },\n  ERC20_Approved: ({ address, toAddress, customInfo }) => {\n    return (\n      <div className=\"flex flex-wrap content-center gap-[5px]\">\n        Approved\n        {Token(address, customInfo, 'ERC20', ['icon', 'symbol'])} for\n        {toAddress && (\n          <Link href={`/address/${toAddress}`}>\n            <AddressNameTagContainer value={formatAddress(toAddress, 'hex')} />\n          </Link>\n        )}\n      </div>\n    );\n  },\n  ERC20_Revoked: ({ address, toAddress, customInfo }) => {\n    return (\n      <div className=\"flex flex-wrap content-center gap-[5px]\">\n        Revoked\n        {Token(address, customInfo, 'ERC20', ['icon', 'symbol'])} from\n        {toAddress && (\n          <Link href={`/address/${toAddress}`}>\n            <AddressNameTagContainer value={formatAddress(toAddress, 'hex')} />\n          </Link>\n        )}\n      </div>\n    );\n  },\n  ERC721_Mint: ({ value, address, customInfo }) => {\n    return (\n      <div className=\"flex flex-wrap content-center gap-[5px]\">\n        Mint <div className=\"font-extrabold\">{value}</div> of{' '}\n        {Token(address, customInfo, 'ERC721', ['icon', 'name', 'symbol'])}\n      </div>\n    );\n  },\n  ERC721_Transfer: ({ value, address, customInfo }) => {\n    return (\n      <div className=\"flex flex-wrap content-center gap-[5px]\">\n        Transfer <div className=\"font-extrabold\">{value}</div> of{' '}\n        {Token(address, customInfo, 'ERC721', ['icon', 'name', 'symbol'])}\n      </div>\n    );\n  },\n  ERC721_Burn: ({ value, address, customInfo }) => {\n    return (\n      <div className=\"flex flex-wrap content-center gap-[5px]\">\n        Burn <div className=\"font-extrabold\">{value}</div> of{' '}\n        {Token(address, customInfo, 'ERC721', ['icon', 'name', 'symbol'])}\n      </div>\n    );\n  },\n  ERC721_SafeTransferFrom: ({ value, address, customInfo }) => {\n    return (\n      <div className=\"flex flex-wrap content-center gap-[5px]\">\n        Transfer <div className=\"font-extrabold\">{value}</div> of{' '}\n        {Token(address, customInfo, 'ERC721', ['icon', 'name', 'symbol'])}\n      </div>\n    );\n  },\n  ERC721_Revoked: ({ address, toAddress, customInfo }) => {\n    return (\n      <div className=\"flex flex-wrap content-center gap-[5px]\">\n        Revoked {Token(address, customInfo, 'ERC721', ['icon', 'symbol'])}\n        from\n        {toAddress && (\n          <Link href={`/address/${toAddress}`}>\n            <AddressNameTagContainer value={formatAddress(toAddress, 'hex')} />\n          </Link>\n        )}\n      </div>\n    );\n  },\n  ERC721_Approved: ({ address, toAddress, customInfo }) => {\n    return (\n      <div className=\"flex flex-wrap content-center gap-[5px]\">\n        Approved {Token(address, customInfo, 'ERC721', ['icon', 'symbol'])}\n        for\n        {toAddress && (\n          <Link href={`/address/${toAddress}`}>\n            <AddressNameTagContainer value={formatAddress(toAddress, 'hex')} />\n          </Link>\n        )}\n      </div>\n    );\n  },\n  ERC1155_Approved: ({ address, toAddress, customInfo }) => {\n    return (\n      <div className=\"flex flex-wrap content-center gap-[5px]\">\n        Approved {Token(address, customInfo, 'ERC1155', ['icon', 'symbol'])}\n        for\n        {toAddress && (\n          <Link href={`/address/${toAddress}`}>\n            <AddressNameTagContainer value={formatAddress(toAddress, 'hex')} />\n          </Link>\n        )}\n      </div>\n    );\n  },\n  ERC1155_Revoked: ({ address, toAddress, customInfo }) => {\n    return (\n      <div className=\"flex flex-wrap content-center gap-[5px]\">\n        Revoked {Token(address, customInfo, 'ERC1155', ['icon', 'symbol'])}\n        from\n        {toAddress && (\n          <Link href={`/address/${toAddress}`}>\n            <AddressNameTagContainer value={formatAddress(toAddress, 'hex')} />\n          </Link>\n        )}\n      </div>\n    );\n  },\n  ERC1155_Mint: ({ value, address, customInfo }) => {\n    return (\n      <div className=\"flex flex-wrap content-center gap-[5px]\">\n        Mint <div className=\"font-extrabold\">{value}</div> of{' '}\n        {Token(address, customInfo, 'ERC1155', ['icon', 'name', 'symbol'])}\n      </div>\n    );\n  },\n  ERC1155_SafeTransferFrom: ({ value, address, customInfo }) => {\n    return (\n      <div className=\"flex flex-wrap content-center gap-[5px]\">\n        Transfer <div className=\"font-extrabold\">{value}</div> of{' '}\n        {Token(address, customInfo, 'ERC1155', ['icon', 'name', 'symbol'])}\n      </div>\n    );\n  },\n  ERC1155_Burn: ({ value, address, customInfo }) => {\n    return (\n      <div className=\"flex flex-wrap content-center gap-[5px]\">\n        Burn <div className=\"font-extrabold\">{value}</div> of{' '}\n        {Token(address, customInfo, 'ERC1155', ['icon', 'name', 'symbol'])}\n      </div>\n    );\n  },\n  ERC1155_Transfer: ({ value, address, customInfo }) => {\n    return (\n      <div className=\"flex flex-wrap content-center gap-[5px]\">\n        Transfer <div className=\"font-extrabold\">{value}</div> of{' '}\n        {Token(address, customInfo, 'ERC1155', ['icon', 'name', 'symbol'])}\n      </div>\n    );\n  },\n  ERC1155_SafeBatchTransferFrom: ({ value, address, customInfo }) => {\n    return (\n      <div className=\"flex flex-wrap content-center gap-[5px]\">\n        Transfer <div className=\"font-extrabold\">{value}</div> of{' '}\n        {Token(address, customInfo, 'ERC1155', ['icon', 'name', 'symbol'])}\n      </div>\n    );\n  },\n  ERC1155_BatchBurn: ({ value, address, customInfo }) => {\n    return (\n      <div className=\"flex flex-wrap content-center gap-[5px]\">\n        Burn <div className=\"font-extrabold\">{value}</div> of{' '}\n        {Token(address, customInfo, 'ERC1155', ['icon', 'name', 'symbol'])}\n      </div>\n    );\n  },\n  ERC1155_BatchMint: ({ value, address, customInfo }) => {\n    return (\n      <div className=\"flex flex-wrap content-center gap-[5px]\">\n        Mint <div className=\"font-extrabold\">{value}</div> of{' '}\n        {Token(address, customInfo, 'ERC1155', ['icon', 'name', 'symbol'])}\n      </div>\n    );\n  },\n};\n\nexport const TransactionAction = ({\n  transaction,\n  event,\n  customInfo,\n}: TransactionActionProps) => {\n  const res = decodeData(transaction, event, customInfo, customUI);\n  if (res && res.content && res.content.length > 0) {\n    return {\n      show: true,\n      content: (\n        <div className=\"max-h-[119px] overflow-y-auto\">\n          {res.content.map((e: any, i) => {\n            return <div key={i}>{e}</div>;\n          })}\n        </div>\n      ),\n    };\n  }\n  return {\n    show: false,\n    content: undefined,\n  };\n};\n"],"mappings":"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","names":[]}

package/dist/components/TransactionTrace/TraceDetail.d.ts

@@ -0,0 +1,20 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { AbiFunctionWithoutGas } from '../../utils/sdk.js';
+import 'viem';
+
+interface Props {
+    to?: string;
+    isContractCreated?: boolean;
+    input?: `0x${string}`;
+    output?: `0x${string}`;
+    abi?: AbiFunctionWithoutGas[];
+    outcome?: 'success' | 'fail' | 'reverted';
+    space: 'evm' | 'core';
+    proxy?: {
+        beaconAddress?: string;
+        implAddress: string;
+    };
+}
+declare const TraceDetail: (props: Props) => react_jsx_runtime.JSX.Element;
+
+export { TraceDetail };

package/dist/components/TransactionTrace/TraceDetail.js

@@ -0,0 +1,54 @@
+import {
+  TraceDetail
+} from "../../chunk-YDA7DDMQ.js";
+import "../../chunk-UM5J477V.js";
+import "../../chunk-EERNUGUK.js";
+import "../../chunk-E3ZD2GGG.js";
+import "../../chunk-YIZCD4WG.js";
+import "../../chunk-EMPFZFBS.js";
+import "../../chunk-NWVSTRCG.js";
+import "../../chunk-7CBOXGGA.js";
+import "../../chunk-AKMGJWIM.js";
+import "../../chunk-K6FHTS3F.js";
+import "../../chunk-6SXAFSBF.js";
+import "../../chunk-JIRLY7OG.js";
+import "../../chunk-4B6ASBYQ.js";
+import "../../chunk-3PXUIH3S.js";
+import "../../chunk-NXCZ5PMI.js";
+import "../../chunk-OYESIV3F.js";
+import "../../chunk-L62OTV7F.js";
+import "../../chunk-U6ZN2ABK.js";
+import "../../chunk-FYLAXC3R.js";
+import "../../chunk-YBQQ72FQ.js";
+import "../../chunk-CPR4QZT6.js";
+import "../../chunk-SFCNLOQ5.js";
+import "../../chunk-CKVDFS45.js";
+import "../../chunk-6H5A42YS.js";
+import "../../chunk-SUCQASD3.js";
+import "../../chunk-O6NJ56NA.js";
+import "../../chunk-XCKMXAL2.js";
+import "../../chunk-2Y57U43P.js";
+import "../../chunk-TGK5LP2H.js";
+import "../../chunk-5TGK2EA2.js";
+import "../../chunk-ADNS57X5.js";
+import "../../chunk-5Y7I6VYA.js";
+import "../../chunk-BUSBM33B.js";
+import "../../chunk-JFFTHCNE.js";
+import "../../chunk-CNF26YY7.js";
+import "../../chunk-P4EE3QGM.js";
+import "../../chunk-TOKKKTFG.js";
+import "../../chunk-Q2DX6IDH.js";
+import "../../chunk-DF3PVTB5.js";
+import "../../chunk-BMO4IZHV.js";
+import "../../chunk-LRCAKRPK.js";
+import "../../chunk-CPPQCJEV.js";
+import "../../chunk-WIB76E7O.js";
+import "../../chunk-5EDEEGZK.js";
+import "../../chunk-J2I22Q2M.js";
+import "../../chunk-YEINMVAR.js";
+import "../../chunk-DQGLZCIG.js";
+import "../../chunk-WQG2LZMB.js";
+export {
+  TraceDetail
+};
+//# sourceMappingURL=TraceDetail.js.map

package/dist/components/TransactionTrace/TraceDetail.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/components/TransactionTrace/TreeTraceTable.d.ts

@@ -0,0 +1,20 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { TableProps } from '@rc-component/table';
+import { TreeTraceForUI } from '../../utils/hooks/useTxTrace.js';
+import 'swr';
+import '../../utils/sdk.js';
+import 'viem';
+import '../../utils/request.types.js';
+
+declare const TreeTraceTable: ({ data, columns, loading, showHeader, colorReverse, treeExpandedKeys, detailExpandedKeys, space, }: {
+    data?: TreeTraceForUI[] | undefined;
+    columns: TableProps<TreeTraceForUI>['columns'];
+    loading?: boolean | undefined;
+    showHeader?: boolean | undefined;
+    colorReverse?: boolean | undefined;
+    treeExpandedKeys: string[];
+    detailExpandedKeys: string[];
+    space: 'evm' | 'core';
+}) => react_jsx_runtime.JSX.Element;
+
+export { TreeTraceTable };

package/dist/components/TransactionTrace/TreeTraceTable.js

@@ -0,0 +1,57 @@
+import {
+  TreeTraceTable
+} from "../../chunk-735VMABS.js";
+import "../../chunk-XZ7IV2FF.js";
+import "../../chunk-YDA7DDMQ.js";
+import "../../chunk-UM5J477V.js";
+import "../../chunk-EERNUGUK.js";
+import "../../chunk-E3ZD2GGG.js";
+import "../../chunk-YIZCD4WG.js";
+import "../../chunk-EMPFZFBS.js";
+import "../../chunk-NWVSTRCG.js";
+import "../../chunk-7CBOXGGA.js";
+import "../../chunk-AKMGJWIM.js";
+import "../../chunk-K6FHTS3F.js";
+import "../../chunk-6SXAFSBF.js";
+import "../../chunk-JIRLY7OG.js";
+import "../../chunk-4B6ASBYQ.js";
+import "../../chunk-3PXUIH3S.js";
+import "../../chunk-NXCZ5PMI.js";
+import "../../chunk-OYESIV3F.js";
+import "../../chunk-L62OTV7F.js";
+import "../../chunk-U6ZN2ABK.js";
+import "../../chunk-FYLAXC3R.js";
+import "../../chunk-YBQQ72FQ.js";
+import "../../chunk-CPR4QZT6.js";
+import "../../chunk-SFCNLOQ5.js";
+import "../../chunk-CKVDFS45.js";
+import "../../chunk-6H5A42YS.js";
+import "../../chunk-SUCQASD3.js";
+import "../../chunk-Y7OVL5US.js";
+import "../../chunk-O6NJ56NA.js";
+import "../../chunk-XCKMXAL2.js";
+import "../../chunk-2Y57U43P.js";
+import "../../chunk-TGK5LP2H.js";
+import "../../chunk-5TGK2EA2.js";
+import "../../chunk-ADNS57X5.js";
+import "../../chunk-5Y7I6VYA.js";
+import "../../chunk-BUSBM33B.js";
+import "../../chunk-JFFTHCNE.js";
+import "../../chunk-CNF26YY7.js";
+import "../../chunk-P4EE3QGM.js";
+import "../../chunk-TOKKKTFG.js";
+import "../../chunk-Q2DX6IDH.js";
+import "../../chunk-DF3PVTB5.js";
+import "../../chunk-BMO4IZHV.js";
+import "../../chunk-LRCAKRPK.js";
+import "../../chunk-CPPQCJEV.js";
+import "../../chunk-WIB76E7O.js";
+import "../../chunk-5EDEEGZK.js";
+import "../../chunk-J2I22Q2M.js";
+import "../../chunk-YEINMVAR.js";
+import "../../chunk-DQGLZCIG.js";
+import "../../chunk-WQG2LZMB.js";
+export {
+  TreeTraceTable
+};
+//# sourceMappingURL=TreeTraceTable.js.map

package/dist/components/TransactionTrace/TreeTraceTable.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/components/TransactionTrace/index.d.ts

@@ -0,0 +1,9 @@
+export { TreeTraceTable } from './TreeTraceTable.js';
+export { TraceDetail } from './TraceDetail.js';
+import 'react/jsx-runtime';
+import '@rc-component/table';
+import '../../utils/hooks/useTxTrace.js';
+import 'swr';
+import '../../utils/sdk.js';
+import 'viem';
+import '../../utils/request.types.js';

package/dist/components/TransactionTrace/index.js

@@ -0,0 +1,60 @@
+import {
+  TreeTraceTable
+} from "../../chunk-735VMABS.js";
+import "../../chunk-XZ7IV2FF.js";
+import {
+  TraceDetail
+} from "../../chunk-YDA7DDMQ.js";
+import "../../chunk-UM5J477V.js";
+import "../../chunk-EERNUGUK.js";
+import "../../chunk-E3ZD2GGG.js";
+import "../../chunk-YIZCD4WG.js";
+import "../../chunk-EMPFZFBS.js";
+import "../../chunk-NWVSTRCG.js";
+import "../../chunk-7CBOXGGA.js";
+import "../../chunk-AKMGJWIM.js";
+import "../../chunk-K6FHTS3F.js";
+import "../../chunk-6SXAFSBF.js";
+import "../../chunk-JIRLY7OG.js";
+import "../../chunk-4B6ASBYQ.js";
+import "../../chunk-3PXUIH3S.js";
+import "../../chunk-NXCZ5PMI.js";
+import "../../chunk-OYESIV3F.js";
+import "../../chunk-L62OTV7F.js";
+import "../../chunk-U6ZN2ABK.js";
+import "../../chunk-FYLAXC3R.js";
+import "../../chunk-YBQQ72FQ.js";
+import "../../chunk-CPR4QZT6.js";
+import "../../chunk-SFCNLOQ5.js";
+import "../../chunk-CKVDFS45.js";
+import "../../chunk-6H5A42YS.js";
+import "../../chunk-SUCQASD3.js";
+import "../../chunk-Y7OVL5US.js";
+import "../../chunk-O6NJ56NA.js";
+import "../../chunk-XCKMXAL2.js";
+import "../../chunk-2Y57U43P.js";
+import "../../chunk-TGK5LP2H.js";
+import "../../chunk-5TGK2EA2.js";
+import "../../chunk-ADNS57X5.js";
+import "../../chunk-5Y7I6VYA.js";
+import "../../chunk-BUSBM33B.js";
+import "../../chunk-JFFTHCNE.js";
+import "../../chunk-CNF26YY7.js";
+import "../../chunk-P4EE3QGM.js";
+import "../../chunk-TOKKKTFG.js";
+import "../../chunk-Q2DX6IDH.js";
+import "../../chunk-DF3PVTB5.js";
+import "../../chunk-BMO4IZHV.js";
+import "../../chunk-LRCAKRPK.js";
+import "../../chunk-CPPQCJEV.js";
+import "../../chunk-WIB76E7O.js";
+import "../../chunk-5EDEEGZK.js";
+import "../../chunk-J2I22Q2M.js";
+import "../../chunk-YEINMVAR.js";
+import "../../chunk-DQGLZCIG.js";
+import "../../chunk-WQG2LZMB.js";
+export {
+  TraceDetail,
+  TreeTraceTable
+};
+//# sourceMappingURL=index.js.map

package/dist/components/TransactionTrace/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}