@cfxjs/sirius-next-common 0.2.1 → 0.2.3

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/TransactionAction/coreTransactionAction.tsx"],"sourcesContent":["import React, { useEffect, useCallback } from 'react';\nimport { formatBalance } from '../../utils';\nimport { Link } from '../Link';\nimport {\n  decodeData,\n  filterByTokenAddress,\n} from '@cfx-kit/dapp-utils/dist/decode-action';\nimport { CoreAddressContainer } from '../AddressContainer/CoreAddressContainer';\nimport { reqNametag, reqContractAndToken } from '../../utils/request';\nimport { useNametagCacheStore } from '../../store';\nimport {\n  TransactionActionProps,\n  AddressNameTagContainerProps,\n  MultiAction,\n} from '@cfx-kit/dapp-utils/dist/decode-action';\n\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/${address}`}>\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/${address}`}>\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\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        if (data[address]) {\n          setContractCache({ [address]: data[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        if (data[address]) {\n          setNametagCache({ [address]: data[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    <CoreAddressContainer\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={toAddress} />\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={toAddress} />\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={toAddress} />\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={toAddress} />\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={toAddress} />\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={toAddress} />\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={toAddress} />\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\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":[]}
+{"version":3,"sources":["../../../src/components/TransactionAction/coreTransactionAction.tsx"],"sourcesContent":["import React, { useEffect, useCallback } from 'react';\nimport { formatBalance } from '../../utils';\nimport { Link } from '../Link';\nimport {\n  decodeData,\n  filterByTokenAddress,\n} from '@cfx-kit/dapp-utils/dist/decode-action';\nimport { CoreAddressContainer } from '../AddressContainer/CoreAddressContainer';\nimport { reqNametag, reqContractAndToken } from '../../utils/request';\nimport { useNametagCacheStore } from '../../store';\nimport {\n  TransactionActionProps,\n  AddressNameTagContainerProps,\n  MultiAction,\n} from '@cfx-kit/dapp-utils/dist/decode-action';\n\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/${address}`}>\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/${address}`}>\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\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        if (data[address]) {\n          setContractCache({ [address]: data[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        if (data[address]) {\n          setNametagCache({ [address]: data[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    <CoreAddressContainer\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={toAddress} />\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={toAddress} />\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={toAddress} />\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={toAddress} />\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={toAddress} />\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={toAddress} />\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={toAddress} />\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\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/TransactionAction/evmTransactionAction.js

@@ -10,20 +10,21 @@ import {
 import "../../chunk-TGK5LP2H.js";
 import {
   EVMAddressContainer
-} from "../../chunk-NIYCXPXR.js";
-import "../../chunk-AAQD5VX5.js";
-import "../../chunk-73IFRWHE.js";
+} from "../../chunk-CY4XPEK5.js";
+import "../../chunk-XZQWPTKA.js";
+import "../../chunk-52R454XN.js";
 import {
   formatAddress
 } from "../../chunk-KKR2JERD.js";
-import "../../chunk-RB2U3Y7F.js";
-import "../../chunk-FMHO65DC.js";
+import "../../chunk-CKOT4CK7.js";
+import "../../chunk-W7ZK4OQA.js";
 import "../../chunk-TOKKKTFG.js";
-import "../../chunk-ZKNMJZ5R.js";
+import "../../chunk-JXKHN73X.js";
+import "../../chunk-BMO4IZHV.js";
 import "../../chunk-LRCAKRPK.js";
 import {
   formatBalance
-} from "../../chunk-VUULJBTQ.js";
+} from "../../chunk-H7V2CGOB.js";
 import "../../chunk-7RH7LJYB.js";
 import {
   reqContractAndToken,

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":"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","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]);\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/uno.css

@@ -10,6 +10,9 @@
 /* layer: default */
 .\[\&\.sirius-next-tooltip\>\[data-part\=arrow\]\]\:\[--arrow-background\:\#333\].sirius-next-tooltip>[data-part=arrow]{--arrow-background:#333;}
 .\[\&\.sirius-next-tooltip\>\[data-part\=arrow\]\]\:\[--arrow-size\:6px\].sirius-next-tooltip>[data-part=arrow]{--arrow-size:6px;}
+.\[\&\>\[data-part\=arrow\]\]\:\[--arrow-background\:\#fff\]>[data-part=arrow]{--arrow-background:#fff;}
+.\[\&\>\[data-part\=arrow\]\]\:\[--arrow-shadow-color\:gray\]>[data-part=arrow]{--arrow-shadow-color:gray;}
+.\[\&\>\[data-part\=arrow\]\]\:\[--arrow-size\:12px\]>[data-part=arrow]{--arrow-size:12px;}
 .pointer-events-none{pointer-events:none;}
 .visible{visibility:visible;}
 .\[\&\>\*\]\:invisible>*{visibility:hidden;}
@@ -44,6 +47,7 @@
 .z-10{z-index:10;}
 .z-1000{z-index:1000;}
 .z-10000{z-index:10000;}
+.z-1030{z-index:1030;}
 .z-2{z-index:2;}
 .z-4{z-index:4;}
 .z-50{z-index:50;}
@@ -100,7 +104,8 @@
 .after\:block::after{display:block;}
 .inline-block{display:inline-block;}
 .hidden{display:none;}
-.h-\[16px\]{height:16px;}
+.h-\[16px\],
+.h-16px{height:16px;}
 .h-\[2\.14rem\]{height:2.14rem;}
 .h-\[24\.36px\]{height:24.36px;}
 .h-\[8px\]{height:8px;}
@@ -109,6 +114,7 @@
 .h-1\.5714rem{height:1.5714rem;}
 .h-10{height:2.5rem;}
 .h-12{height:3rem;}
+.h-12px{height:12px;}
 .h-1em{height:1em;}
 .h-1px,
 .h-px{height:1px;}
@@ -146,23 +152,29 @@
 .min-w-160px{min-width:160px;}
 .min-w-2\.2857rem{min-width:2.2857rem;}
 .min-w-30px{min-width:30px;}
+.min-w-80px{min-width:80px;}
 .min-w-unset\!{min-width:unset !important;}
 .w-\[1\.2857rem\]{width:1.2857rem;}
-.w-\[16px\]{width:16px;}
+.w-\[16px\],
+.w-16px{width:16px;}
 .w-\[29\.71px\]{width:29.71px;}
 .w-\[38\.5px\]{width:38.5px;}
 .w-\[8px\]{width:8px;}
+.w-0{width:0;}
 .w-1\/2{width:50%;}
 .w-1\/4,
 .w-25\%{width:25%;}
+.w-100px{width:100px;}
 .w-100vw{width:100vw;}
 .w-10rem{width:10rem;}
+.w-12px{width:12px;}
 .w-1em{width:1em;}
 .w-20px{width:20px;}
 .w-4{width:1rem;}
 .w-48\%{width:48%;}
 .w-48px{width:48px;}
 .w-6rem{width:6rem;}
+.w-76px{width:76px;}
 .w-87px{width:87px;}
 .w-auto{width:auto;}
 .w-fit{width:fit-content;}
@@ -188,6 +200,7 @@
 .data-\[side\=right\]\:translate-x-1[data-side=right]{--un-translate-x:0.25rem;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}
 .data-\[side\=top\]\:-translate-y-1[data-side=top]{--un-translate-y:-0.25rem;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}
 .after\:transform-translate-x--100\%::after{--un-translate-x:-100%;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}
+.rotate-180{--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-rotate:180deg;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}
 .active\:scale-75:active{--un-scale-x:0.75;--un-scale-y:0.75;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}
 .preserve-3d{transform-style:preserve-3d;}
 .transform{transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}
@@ -209,11 +222,13 @@
 .after\:animate-ease-linear::after{animation-timing-function:linear;}
 .animate-count-infinite{animation-iteration-count:infinite;}
 .after\:animate-count-infinite::after{animation-iteration-count:infinite;}
+.cursor-auto{cursor:auto;}
 .cursor-default{cursor:default;}
 .all-\[a\]\:cursor-pointer a,
 .cursor-pointer{cursor:pointer;}
 .cursor-not-allowed{cursor:not-allowed;}
 .disabled\:cursor-not-allowed:disabled{cursor:not-allowed;}
+.select-text{-webkit-user-select:text;user-select:text;}
 .select-none{-webkit-user-select:none;user-select:none;}
 .content-center{align-content:center;}
 .items-start{align-items:flex-start;}
@@ -221,12 +236,14 @@
 .items-stretch{align-items:stretch;}
 .justify-center{justify-content:center;}
 .justify-between{justify-content:space-between;}
-.gap-\[10px\]{gap:10px;}
+.gap-\[10px\],
+.gap-10px{gap:10px;}
 .gap-\[16px\]{gap:16px;}
 .gap-\[3px\]{gap:3px;}
 .gap-\[4px\]{gap:4px;}
 .gap-\[5px\]{gap:5px;}
-.gap-\[8px\]{gap:8px;}
+.gap-\[8px\],
+.gap-8px{gap:8px;}
 .gap-0\.5{gap:0.125rem;}
 .gap-1{gap:0.25rem;}
 .overflow-hidden{overflow:hidden;}
@@ -238,6 +255,7 @@
 .break-words{overflow-wrap:break-word;}
 .border,
 .border-\[1px\],
+.border-1,
 .border-1px{border-width:1px;}
 .border-0{border-width:0px;}
 .border-2px{border-width:2px;}
@@ -246,7 +264,9 @@
 .after\:border-l-1px::after{border-left-width:1px;}
 .\[\&\>a\]\:border-\#ddd>a{--un-border-opacity:1;border-color:rgb(221 221 221 / var(--un-border-opacity));}
 .border-\[\#E5E5E5\]{--un-border-opacity:1;border-color:rgb(229 229 229 / var(--un-border-opacity));}
+.border-\[rgb\(118\,118\,118\)\]{--un-border-opacity:1;border-color:rgb(118 118 118 / var(--un-border-opacity));}
 .border-\[var\(--theme-color-primary\)\]{border-color:var(--theme-color-primary);}
+.border-\#E8E9EA{--un-border-opacity:1;border-color:rgb(232 233 234 / var(--un-border-opacity));}
 .border-transparent{border-color:transparent;}
 .\[\&\>a\]\:hover\:border-\#fff:hover>a{--un-border-opacity:1;border-color:rgb(255 255 255 / var(--un-border-opacity));}
 .border-b-\#e8e9ea{--un-border-opacity:1;--un-border-bottom-opacity:var(--un-border-opacity);border-bottom-color:rgb(232 233 234 / var(--un-border-bottom-opacity));}
@@ -254,7 +274,8 @@
 .rounded{border-radius:0.25rem;}
 .rounded-\[4px\],
 .rounded-4px{border-radius:4px;}
-.rounded-\[5px\]{border-radius:5px;}
+.rounded-\[5px\],
+.rounded-5px{border-radius:5px;}
 .rounded-0\.14rem{border-radius:0.14rem;}
 .rounded-0\.2857rem{border-radius:0.2857rem;}
 .rounded-12px{border-radius:12px;}
@@ -268,6 +289,7 @@
 .rounded-r-md{border-top-right-radius:0.375rem;border-bottom-right-radius:0.375rem;}
 .rounded-t-5px{border-top-left-radius:5px;border-top-right-radius:5px;}
 .border-dashed{border-style:dashed;}
+.border-none{border-style:none;}
 .border-solid{border-style:solid;}
 .border-b-solid{border-bottom-style:solid;}
 .after\:border-l-solid::after{border-left-style:solid;}
@@ -277,6 +299,7 @@
 .bg-\[\#F7F7F7\]{--un-bg-opacity:1;background-color:rgb(247 247 247 / var(--un-bg-opacity));}
 .bg-\[\#FAFAFF\]{--un-bg-opacity:1;background-color:rgb(250 250 255 / var(--un-bg-opacity));}
 .bg-\[\#fafbfc\]{--un-bg-opacity:1;background-color:rgb(250 251 252 / var(--un-bg-opacity));}
+.bg-\[\#fff\],
 .bg-\[\#FFF\],
 .bg-\[\#FFFFFF\],
 .bg-\#fff{--un-bg-opacity:1;background-color:rgb(255 255 255 / var(--un-bg-opacity));}
@@ -298,6 +321,7 @@
 .data-\[highlighted\]\:bg-\[\#7789D3\][data-highlighted]{--un-bg-opacity:1;background-color:rgb(119 137 211 / var(--un-bg-opacity));}
 .data-\[highlighted\]\:bg-\[\#f1f3f5\][data-highlighted]{--un-bg-opacity:1;background-color:rgb(241 243 245 / var(--un-bg-opacity));}
 .hover\:bg-\[\#eee\]:hover{--un-bg-opacity:1;background-color:rgb(238 238 238 / var(--un-bg-opacity));}
+.hover\:bg-\[\#f1f3f5\]:hover{--un-bg-opacity:1;background-color:rgb(241 243 245 / var(--un-bg-opacity));}
 .hover\:bg-\[var\(--theme-color-button-bg\)\]:hover{background-color:var(--theme-color-button-bg);}
 .hover\:bg-\[var\(--theme-color-gray0\)\]:hover{background-color:var(--theme-color-gray0);}
 .hover\:bg-\#0054fe19:hover{--un-bg-opacity:0.1;background-color:rgb(0 84 254 / var(--un-bg-opacity));}
@@ -306,6 +330,7 @@
 .after\:bg-\[\#fff\]::after{--un-bg-opacity:1;background-color:rgb(255 255 255 / var(--un-bg-opacity));}
 .bg-opacity-25{--un-bg-opacity:0.25;}
 .bg-opacity-50{--un-bg-opacity:0.5;}
+.bg-clip-padding{-webkit-background-clip:padding-box;background-clip:padding-box;}
 .fill-\#bfbfbf{--un-fill-opacity:1;fill:rgb(191 191 191 / var(--un-fill-opacity));}
 .object-contain{object-fit:contain;}
 .p-\[1\.14rem\]{padding:1.14rem;}
@@ -328,6 +353,7 @@
 .px-1\.14rem{padding-left:1.14rem;padding-right:1.14rem;}
 .px-1\.2857rem{padding-left:1.2857rem;padding-right:1.2857rem;}
 .px-10px{padding-left:10px;padding-right:10px;}
+.px-12px{padding-left:12px;padding-right:12px;}
 .px-8px{padding-left:8px;padding-right:8px;}
 .py-\[2px\]{padding-top:2px;padding-bottom:2px;}
 .py-0{padding-top:0;padding-bottom:0;}
@@ -336,6 +362,7 @@
 .py-2{padding-top:0.5rem;padding-bottom:0.5rem;}
 .py-0\.8571rem{padding-top:0.8571rem;padding-bottom:0.8571rem;}
 .py-1{padding-top:0.25rem;padding-bottom:0.25rem;}
+.py-16px{padding-top:16px;padding-bottom:16px;}
 .py-6px{padding-top:6px;padding-bottom:6px;}
 .pb-0{padding-bottom:0;}
 .pl-5{padding-left:1.25rem;}
@@ -410,11 +437,12 @@
 .\[\&\>a\]\:hover\:text-\#fff:hover>a{--un-text-opacity:1;color:rgb(255 255 255 / var(--un-text-opacity));}
 .hover-text-\[var\(--theme-color-gray2\)\]:hover{color:var(--theme-color-gray2);}
 .hover\:text-\#fff:hover{--un-text-opacity:1;color:rgb(255 255 255 / var(--un-text-opacity));}
+.font-400,
+.font-normal{font-weight:400;}
 .font-450{font-weight:450;}
 .font-bold{font-weight:700;}
 .font-extrabold{font-weight:800;}
 .font-medium{font-weight:500;}
-.font-normal{font-weight:400;}
 .font-semibold{font-weight:600;}
 .leading-\[1\.2857rem\],
 .lh-1\.2857rem{line-height:1.2857rem;}
@@ -446,6 +474,7 @@
 .shadow-modal{--un-shadow: 8px 30px 80px 0px #707e9e3d;box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}
 .shadow-sm{--un-shadow:var(--un-shadow-inset) 0 1px 2px 0 var(--un-shadow-color, rgb(0 0 0 / 0.05));box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}
 .outline-none{outline:2px solid transparent;outline-offset:2px;}
+.filter-drop-shadow{--un-drop-shadow:drop-shadow(0 1px 2px var(--un-drop-shadow-color, rgb(0 0 0 / 0.1))) drop-shadow(0 1px 1px var(--un-drop-shadow-color, rgb(0 0 0 / 0.06)));filter:var(--un-blur) var(--un-brightness) var(--un-contrast) var(--un-drop-shadow) var(--un-grayscale) var(--un-hue-rotate) var(--un-invert) var(--un-saturate) var(--un-sepia);}
 .transition-all-200{transition-property:all;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:200ms;}
 .transition-all-300{transition-property:all;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:300ms;}
 .transition-opacity-300{transition-property:opacity;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:300ms;}

package/dist/utils/contractManagerTool.js

@@ -1,6 +1,6 @@
 import {
   parseString
-} from "../chunk-VUULJBTQ.js";
+} from "../chunk-H7V2CGOB.js";
 import "../chunk-7RH7LJYB.js";
 import "../chunk-Z6EYKGBH.js";
 import "../chunk-J2I22Q2M.js";

package/dist/utils/index.d.ts

@@ -27,7 +27,7 @@ declare const getPercent: (divisor: number | string | BigNumber, dividend: numbe
 declare const formatTimeStamp: (time: number, type?: 'standard' | 'timezone') => string;
 declare const fromGdripToDrip: (num: number | string) => BigNumber;
 declare const fromCfxToDrip: (num: number | string) => BigNumber;
-declare const formatBalance: (balance: any, decimals?: number, isShowFull?: boolean, opt?: {}, ltValue?: number | string) => any;
+declare const formatBalance: (balance: any, decimals?: number, isShowFull?: boolean, opt?: {}, ltValue?: number | string) => string;
 declare const selectText: (element: HTMLElement) => void;
 declare const isHash: (str: string) => boolean;
 declare const isBlockHash: (str: string) => Promise<boolean>;

package/dist/utils/index.js

@@ -52,7 +52,7 @@ import {
   transferToLowerCase,
   validURL,
   viewJson
-} from "../chunk-VUULJBTQ.js";
+} from "../chunk-H7V2CGOB.js";
 import "../chunk-7RH7LJYB.js";
 import "../chunk-Z6EYKGBH.js";
 import "../chunk-J2I22Q2M.js";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cfxjs/sirius-next-common",
-  "version": "0.2.1",
+  "version": "0.2.3",
   "type": "module",
   "files": [
     "dist/**"
@@ -72,8 +72,8 @@
     "typescript": "^5.4.2",
     "unocss": "0.58.6",
     "vitest": "3.2.3",
-    "@cfxjs/sirius-next-i18n": "0.2.1",
     "@cfxjs/sirius-next-eslint-config": "0.0.0",
+    "@cfxjs/sirius-next-i18n": "0.2.5",
     "@cfxjs/sirius-next-typescript-config": "0.0.0"
   },
   "publishConfig": {

package/dist/chunk-CDYRVFSO.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/Modal/index.tsx"],"sourcesContent":["import React, { useEffect, useCallback, useMemo } from 'react';\nimport ReactDOM from 'react-dom';\nimport { X } from 'lucide-react';\nimport { Spin } from '../Spin';\nimport { cn } from '../../utils';\n\ninterface ModalProps {\n  open: boolean;\n  closeOnEsc?: boolean;\n  closable?: boolean;\n  preventScroll?: boolean;\n  backdropClassName?: string;\n  containerClassName?: string;\n  onOpen?: () => void;\n  onClose?: () => void;\n  children?: React.ReactNode;\n  width?: string | number;\n  maskClosable?: boolean;\n  centered?: boolean;\n  loading?: boolean;\n}\n\ninterface ModalContentProps {\n  containerClassName: string;\n  closable: boolean;\n  onClose?: VoidFunction;\n  children?: React.ReactNode;\n  loading?: boolean;\n  modalStyles: React.CSSProperties;\n}\n\ninterface BackdropProps {\n  onClick: (event: React.MouseEvent<HTMLDivElement, MouseEvent>) => void;\n  className: string;\n  children?: React.ReactNode;\n}\n\nconst Backdrop: React.FC<BackdropProps> = ({\n  onClick,\n  children,\n  className,\n}) => (\n  <div className={className} onClick={onClick}>\n    {children}\n  </div>\n);\n\nconst ModalContent = ({\n  containerClassName,\n  closable,\n  onClose,\n  children,\n  loading,\n  modalStyles,\n}: ModalContentProps) => (\n  <div\n    className={cn('relative bg-[#FFF] rounded shadow-lg', containerClassName)}\n    tabIndex={-1}\n    style={modalStyles}\n  >\n    <Spin spinning={loading}>\n      {closable && (\n        <X className=\"h-4 w-4 absolute right-5 top-5\" onClick={onClose} />\n      )}\n      <div className=\"p-4\">{children}</div>\n    </Spin>\n  </div>\n);\n\nconst useEventListener = (\n  eventName: string,\n  handler: (event: Event) => void,\n  active: boolean,\n) => {\n  useEffect(() => {\n    if (active) {\n      const eventListener = (event: Event) => handler(event);\n\n      document.addEventListener(eventName, eventListener);\n      return () => {\n        document.removeEventListener(eventName, eventListener);\n      };\n    }\n  }, [eventName, handler, active]);\n};\n\nconst Modal: React.FC<ModalProps> = ({\n  open,\n  closeOnEsc = true,\n  closable = true,\n  preventScroll = true,\n  backdropClassName = '',\n  containerClassName = '',\n  onOpen = () => {},\n  onClose,\n  children,\n  width = '600px',\n  maskClosable = true,\n  centered = true,\n  loading = false,\n}) => {\n  useEffect(() => {\n    if (open) {\n      onOpen?.();\n      if (preventScroll) {\n        document.body.style.overflow = 'hidden';\n      }\n    } else {\n      if (preventScroll) {\n        document.body.style.overflow = '';\n      }\n    }\n    return () => {\n      if (preventScroll) {\n        document.body.style.overflow = '';\n      }\n    };\n  }, [open, onOpen, preventScroll]);\n\n  const handleKeyDown = useCallback(\n    (event: KeyboardEvent) => {\n      if (event.key === 'Escape' && closeOnEsc && onClose) {\n        onClose?.();\n      }\n    },\n    [closeOnEsc, onClose],\n  );\n\n  const handleClickOutside = useCallback(() => {\n    if (onClose && maskClosable) {\n      onClose?.();\n    }\n  }, [onClose, maskClosable]);\n\n  const handleBackdropClick = useCallback(\n    (event: React.MouseEvent<HTMLDivElement, MouseEvent>) => {\n      if (maskClosable && event.target === event.currentTarget && onClose) {\n        onClose?.();\n      }\n    },\n    [maskClosable, onClose],\n  );\n\n  const modalStyles: React.CSSProperties = useMemo(\n    () => ({\n      width: typeof width === 'string' ? width : `${width}px`,\n      margin: centered ? 'auto' : undefined,\n    }),\n    [width, centered],\n  );\n\n  useEventListener(\n    'keydown',\n    handleKeyDown as (event: Event) => void,\n    open && closeOnEsc,\n  );\n  useEventListener(\n    'mousedown',\n    handleClickOutside as (event: Event) => void,\n    open && maskClosable,\n  );\n\n  if (!open) return null;\n\n  return ReactDOM.createPortal(\n    <Backdrop\n      onClick={handleBackdropClick}\n      className={cn(\n        'fixed inset-0 bg-[#000] bg-opacity-25 flex items-center justify-center z-10000',\n        backdropClassName,\n      )}\n    >\n      <ModalContent\n        containerClassName={containerClassName}\n        closable={closable}\n        onClose={onClose}\n        children={children}\n        loading={loading}\n        modalStyles={modalStyles}\n      />\n    </Backdrop>,\n    document.body,\n  );\n};\n\nexport { Modal };\n"],"mappings":"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","names":[]}