@cfxjs/sirius-next-common 0.0.1 → 0.0.2-zg

package/dist/components/TransactionAction/evmTransactionAction.js

@@ -0,0 +1,343 @@
+import {
+  TokenDecimals,
+  TokenIcon,
+  TokenName,
+  TokenSymbol
+} from "../../chunk-QXH3T2BM.js";
+import {
+  Link
+} from "../../chunk-IEPHKAPT.js";
+import "../../chunk-CFRPDLWO.js";
+import {
+  reqContractAndToken,
+  reqNametag
+} from "../../chunk-HVLEBJG6.js";
+import {
+  EVMAddressContainer
+} from "../../chunk-NWAEIKOD.js";
+import "../../chunk-ZRKRTAKY.js";
+import "../../chunk-LHGQPHTE.js";
+import {
+  formatAddress
+} from "../../chunk-KGSYZCQQ.js";
+import "../../chunk-UZEZWJOB.js";
+import "../../chunk-RD7ICJJF.js";
+import "../../chunk-TOKKKTFG.js";
+import "../../chunk-3D3AULGE.js";
+import "../../chunk-CQLD2WE7.js";
+import "../../chunk-LRCAKRPK.js";
+import {
+  formatBalance
+} from "../../chunk-NDCMVJNJ.js";
+import "../../chunk-ADPYV4OL.js";
+import {
+  useNametagCacheStore
+} from "../../chunk-HRW4BUP4.js";
+
+// src/components/TransactionAction/evmTransactionAction.tsx
+import { useEffect, useCallback } from "react";
+import {
+  decodeData,
+  filterByTokenAddress
+} from "@cfx-kit/dapp-utils/dist/decode-action";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+var Token = (address, customInfo, tokenType, tokenExhibit) => {
+  const customInfoToken = filterByTokenAddress(customInfo.token || {}, address);
+  return customInfoToken && customInfoToken["token"] ? /* @__PURE__ */ jsxs(Fragment, { children: [
+    tokenExhibit.includes("icon") ? customInfoToken["token"]["iconUrl"] ? /* @__PURE__ */ jsx(
+      "img",
+      {
+        className: "w-[16px] h-[16px] mt-[2px]",
+        src: customInfoToken["token"]["iconUrl"],
+        alt: "icon"
+      }
+    ) : /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(
+      "img",
+      {
+        className: "w-[16px] h-[16px] mt-[2px]",
+        src: TokenIcon,
+        alt: "icon"
+      }
+    ) }) : /* @__PURE__ */ jsx(Fragment, {}),
+    tokenExhibit.includes("name") ? /* @__PURE__ */ jsxs(Link, { href: `/address/${formatAddress(address, "hex")}`, children: [
+      customInfoToken["token"]["name"] ? `${customInfoToken["token"]["name"]}` : /* @__PURE__ */ jsx("div", { children: TokenName }),
+      " "
+    ] }) : /* @__PURE__ */ jsx(Fragment, {}),
+    tokenExhibit.includes("symbol") ? /* @__PURE__ */ jsxs(Link, { href: `/address/${formatAddress(address, "hex")}`, children: [
+      customInfoToken["token"]["symbol"] ? customInfoToken["token"]["symbol"] : TokenSymbol,
+      " "
+    ] }) : /* @__PURE__ */ jsx(Fragment, {})
+  ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+    tokenExhibit.includes("icon") && /* @__PURE__ */ jsx(
+      "img",
+      {
+        className: "w-[16px] h-[16px] mt-[2px]",
+        src: TokenIcon,
+        alt: "icon"
+      }
+    ),
+    tokenExhibit.includes("name") && /* @__PURE__ */ jsx("div", { children: TokenName }),
+    tokenExhibit.includes("symbol") && /* @__PURE__ */ jsxs("div", { children: [
+      "(",
+      TokenSymbol,
+      ")"
+    ] })
+  ] });
+};
+var convertMapKeysToHex = (data) => {
+  const newMap = {};
+  for (const [key, value] of Object.entries(data)) {
+    const newKey = formatAddress(key, "hex");
+    newMap[newKey] = value;
+  }
+  return newMap;
+};
+var AddressNameTagContainer = ({
+  value
+}) => {
+  const { nametagCache, contractCache, setNametagCache, setContractCache } = useNametagCacheStore((state) => ({
+    nametagCache: state.nametagCache,
+    contractCache: state.contractCache,
+    setNametagCache: state.setNametagCache,
+    setContractCache: state.setContractCache
+  }));
+  const fetchContractAndToken = useCallback(
+    async (address) => {
+      try {
+        const data = await reqContractAndToken([address]);
+        const dataToHex = convertMapKeysToHex(data);
+        if (dataToHex[address]) {
+          setContractCache({ [address]: dataToHex[address] });
+        }
+      } catch (error) {
+        console.error(error);
+      }
+    },
+    [setContractCache]
+  );
+  const fetchNameTag = useCallback(
+    async (address) => {
+      try {
+        const data = await reqNametag([address]);
+        const dataToHex = convertMapKeysToHex(data);
+        if (dataToHex[address]) {
+          setNametagCache({ [address]: dataToHex[address] });
+        }
+      } catch (error) {
+        console.error(error);
+      }
+    },
+    [setNametagCache]
+  );
+  useEffect(() => {
+    if (value && !contractCache[value]) {
+      fetchContractAndToken(value);
+    }
+    if (value && !nametagCache[value]) {
+      fetchNameTag(value);
+    }
+  }, [value, fetchContractAndToken, fetchNameTag, nametagCache, contractCache]);
+  const nametagInfo = {
+    [value]: {
+      address: value,
+      nametag: nametagCache[value]?.nameTag || ""
+    }
+  };
+  return /* @__PURE__ */ jsx(
+    EVMAddressContainer,
+    {
+      value,
+      alias: contractCache[value]?.contract?.name || contractCache[value]?.token?.name,
+      isFullNameTag: true,
+      nametagInfo
+    }
+  );
+};
+var customUI = {
+  ERC20_Transfer: ({ address, toAddress, value, customInfo }) => {
+    const customInfoToken = filterByTokenAddress(
+      customInfo.token || {},
+      address
+    );
+    const decimals = customInfoToken?.token?.decimals ?? TokenDecimals;
+    return /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap content-center gap-[5px]", children: [
+      "Transfer",
+      /* @__PURE__ */ jsx("div", { className: "font-extrabold", children: formatBalance(value, decimals, true) }),
+      " ",
+      Token(address, customInfo, "ERC20", ["icon", "symbol"]),
+      " to",
+      " ",
+      /* @__PURE__ */ jsx(Link, { href: `/address/${toAddress}`, children: /* @__PURE__ */ jsx(AddressNameTagContainer, { value: formatAddress(toAddress, "hex") }) })
+    ] });
+  },
+  ERC20_Approved: ({ address, toAddress, customInfo }) => {
+    return /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap content-center gap-[5px]", children: [
+      "Approved",
+      Token(address, customInfo, "ERC20", ["icon", "symbol"]),
+      " for",
+      toAddress && /* @__PURE__ */ jsx(Link, { href: `/address/${toAddress}`, children: /* @__PURE__ */ jsx(AddressNameTagContainer, { value: formatAddress(toAddress, "hex") }) })
+    ] });
+  },
+  ERC20_Revoked: ({ address, toAddress, customInfo }) => {
+    return /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap content-center gap-[5px]", children: [
+      "Revoked",
+      Token(address, customInfo, "ERC20", ["icon", "symbol"]),
+      " from",
+      toAddress && /* @__PURE__ */ jsx(Link, { href: `/address/${toAddress}`, children: /* @__PURE__ */ jsx(AddressNameTagContainer, { value: formatAddress(toAddress, "hex") }) })
+    ] });
+  },
+  ERC721_Mint: ({ value, address, customInfo }) => {
+    return /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap content-center gap-[5px]", children: [
+      "Mint ",
+      /* @__PURE__ */ jsx("div", { className: "font-extrabold", children: value }),
+      " of",
+      " ",
+      Token(address, customInfo, "ERC721", ["icon", "name", "symbol"])
+    ] });
+  },
+  ERC721_Transfer: ({ value, address, customInfo }) => {
+    return /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap content-center gap-[5px]", children: [
+      "Transfer ",
+      /* @__PURE__ */ jsx("div", { className: "font-extrabold", children: value }),
+      " of",
+      " ",
+      Token(address, customInfo, "ERC721", ["icon", "name", "symbol"])
+    ] });
+  },
+  ERC721_Burn: ({ value, address, customInfo }) => {
+    return /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap content-center gap-[5px]", children: [
+      "Burn ",
+      /* @__PURE__ */ jsx("div", { className: "font-extrabold", children: value }),
+      " of",
+      " ",
+      Token(address, customInfo, "ERC721", ["icon", "name", "symbol"])
+    ] });
+  },
+  ERC721_SafeTransferFrom: ({ value, address, customInfo }) => {
+    return /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap content-center gap-[5px]", children: [
+      "Transfer ",
+      /* @__PURE__ */ jsx("div", { className: "font-extrabold", children: value }),
+      " of",
+      " ",
+      Token(address, customInfo, "ERC721", ["icon", "name", "symbol"])
+    ] });
+  },
+  ERC721_Revoked: ({ address, toAddress, customInfo }) => {
+    return /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap content-center gap-[5px]", children: [
+      "Revoked ",
+      Token(address, customInfo, "ERC721", ["icon", "symbol"]),
+      "from",
+      toAddress && /* @__PURE__ */ jsx(Link, { href: `/address/${toAddress}`, children: /* @__PURE__ */ jsx(AddressNameTagContainer, { value: formatAddress(toAddress, "hex") }) })
+    ] });
+  },
+  ERC721_Approved: ({ address, toAddress, customInfo }) => {
+    return /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap content-center gap-[5px]", children: [
+      "Approved ",
+      Token(address, customInfo, "ERC721", ["icon", "symbol"]),
+      "for",
+      toAddress && /* @__PURE__ */ jsx(Link, { href: `/address/${toAddress}`, children: /* @__PURE__ */ jsx(AddressNameTagContainer, { value: formatAddress(toAddress, "hex") }) })
+    ] });
+  },
+  ERC1155_Approved: ({ address, toAddress, customInfo }) => {
+    return /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap content-center gap-[5px]", children: [
+      "Approved ",
+      Token(address, customInfo, "ERC1155", ["icon", "symbol"]),
+      "for",
+      toAddress && /* @__PURE__ */ jsx(Link, { href: `/address/${toAddress}`, children: /* @__PURE__ */ jsx(AddressNameTagContainer, { value: formatAddress(toAddress, "hex") }) })
+    ] });
+  },
+  ERC1155_Revoked: ({ address, toAddress, customInfo }) => {
+    return /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap content-center gap-[5px]", children: [
+      "Revoked ",
+      Token(address, customInfo, "ERC1155", ["icon", "symbol"]),
+      "from",
+      toAddress && /* @__PURE__ */ jsx(Link, { href: `/address/${toAddress}`, children: /* @__PURE__ */ jsx(AddressNameTagContainer, { value: formatAddress(toAddress, "hex") }) })
+    ] });
+  },
+  ERC1155_Mint: ({ value, address, customInfo }) => {
+    return /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap content-center gap-[5px]", children: [
+      "Mint ",
+      /* @__PURE__ */ jsx("div", { className: "font-extrabold", children: value }),
+      " of",
+      " ",
+      Token(address, customInfo, "ERC1155", ["icon", "name", "symbol"])
+    ] });
+  },
+  ERC1155_SafeTransferFrom: ({ value, address, customInfo }) => {
+    return /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap content-center gap-[5px]", children: [
+      "Transfer ",
+      /* @__PURE__ */ jsx("div", { className: "font-extrabold", children: value }),
+      " of",
+      " ",
+      Token(address, customInfo, "ERC1155", ["icon", "name", "symbol"])
+    ] });
+  },
+  ERC1155_Burn: ({ value, address, customInfo }) => {
+    return /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap content-center gap-[5px]", children: [
+      "Burn ",
+      /* @__PURE__ */ jsx("div", { className: "font-extrabold", children: value }),
+      " of",
+      " ",
+      Token(address, customInfo, "ERC1155", ["icon", "name", "symbol"])
+    ] });
+  },
+  ERC1155_Transfer: ({ value, address, customInfo }) => {
+    return /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap content-center gap-[5px]", children: [
+      "Transfer ",
+      /* @__PURE__ */ jsx("div", { className: "font-extrabold", children: value }),
+      " of",
+      " ",
+      Token(address, customInfo, "ERC1155", ["icon", "name", "symbol"])
+    ] });
+  },
+  ERC1155_SafeBatchTransferFrom: ({ value, address, customInfo }) => {
+    return /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap content-center gap-[5px]", children: [
+      "Transfer ",
+      /* @__PURE__ */ jsx("div", { className: "font-extrabold", children: value }),
+      " of",
+      " ",
+      Token(address, customInfo, "ERC1155", ["icon", "name", "symbol"])
+    ] });
+  },
+  ERC1155_BatchBurn: ({ value, address, customInfo }) => {
+    return /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap content-center gap-[5px]", children: [
+      "Burn ",
+      /* @__PURE__ */ jsx("div", { className: "font-extrabold", children: value }),
+      " of",
+      " ",
+      Token(address, customInfo, "ERC1155", ["icon", "name", "symbol"])
+    ] });
+  },
+  ERC1155_BatchMint: ({ value, address, customInfo }) => {
+    return /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap content-center gap-[5px]", children: [
+      "Mint ",
+      /* @__PURE__ */ jsx("div", { className: "font-extrabold", children: value }),
+      " of",
+      " ",
+      Token(address, customInfo, "ERC1155", ["icon", "name", "symbol"])
+    ] });
+  }
+};
+var TransactionAction = ({
+  transaction,
+  event,
+  customInfo
+}) => {
+  const res = decodeData(transaction, event, customInfo, customUI);
+  if (res && res.content && res.content.length > 0) {
+    return {
+      show: true,
+      content: /* @__PURE__ */ jsx("div", { className: "max-h-[119px] overflow-y-auto", children: res.content.map((e) => {
+        return /* @__PURE__ */ jsx("div", { children: e });
+      }) })
+    };
+  }
+  return {
+    show: false,
+    content: void 0
+  };
+};
+export {
+  TransactionAction
+};
+//# sourceMappingURL=evmTransactionAction.js.map

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

@@ -0,0 +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 {\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) => {\n            return <div>{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/store/index.d.ts

@@ -1,15 +1,16 @@
 import * as zustand from 'zustand';
 import { TranslationResource } from '@cfxjs/sirius-next-i18n/types';
-import { EnvState, I18nState, GlobalDataState, ENSStore, GasPriceBundle, GasPriceDataState } from './types.js';
+import { EnvState, I18nState, GlobalDataState, ENSStore, NametagCacheStore, GasPriceBundle, GasPriceDataState } from './types.js';
 import '../utils/constants.js';
 
 declare const useEnv: zustand.UseBoundStore<zustand.StoreApi<EnvState<any>>>;
 declare const useI18n: zustand.UseBoundStore<zustand.StoreApi<I18nState>>;
 declare const useGlobalData: zustand.UseBoundStore<zustand.StoreApi<GlobalDataState>>;
 declare const useENSStore: zustand.UseBoundStore<zustand.StoreApi<ENSStore>>;
+declare const useNametagCacheStore: zustand.UseBoundStore<zustand.StoreApi<NametagCacheStore>>;
 declare const defaultGasPriceBundle: GasPriceBundle;
 declare const useGasPrice: zustand.UseBoundStore<zustand.StoreApi<GasPriceDataState>>;
 declare const getEnvConfig: () => any;
 declare const getTranslations: () => TranslationResource;
 
-export { defaultGasPriceBundle, getEnvConfig, getTranslations, useENSStore, useEnv, useGasPrice, useGlobalData, useI18n };
+export { defaultGasPriceBundle, getEnvConfig, getTranslations, useENSStore, useEnv, useGasPrice, useGlobalData, useI18n, useNametagCacheStore };

package/dist/store/index.js

@@ -6,8 +6,9 @@ import {
   useEnv,
   useGasPrice,
   useGlobalData,
-  useI18n
-} from "../chunk-25QWXIAS.js";
+  useI18n,
+  useNametagCacheStore
+} from "../chunk-HRW4BUP4.js";
 export {
   defaultGasPriceBundle,
   getEnvConfig,
@@ -16,6 +17,7 @@ export {
   useEnv,
   useGasPrice,
   useGlobalData,
-  useI18n
+  useI18n,
+  useNametagCacheStore
 };
 //# sourceMappingURL=index.js.map

package/dist/store/types.d.ts

@@ -52,6 +52,12 @@ interface ENSStore {
     ens: ENSType;
     setENS: (newENS: ENSType) => void;
 }
+interface NametagCacheStore {
+    nametagCache: Record<string, any>;
+    contractCache: Record<string, any>;
+    setNametagCache: (e: Record<string, any>) => void;
+    setContractCache: (e: Record<string, any>) => void;
+}
 interface GasPriceDataState {
     gasPriceData: GasPriceBundle;
     setGasPrice: (data: GasPriceBundle) => void;
@@ -76,4 +82,4 @@ interface GasPriceBundle {
     blockHeight: number;
 }
 
-export type { ContractsType, ENSStore, ENSType, EnvState, GasPriceBundle, GasPriceDataState, GlobalDataState, GlobalDataType, I18nState, NetworksType, NetworksTypeEnv };
+export { ContractsType, ENSStore, ENSType, EnvState, GasPriceBundle, GasPriceDataState, GlobalDataState, GlobalDataType, I18nState, NametagCacheStore, NetworksType, NetworksTypeEnv };

package/dist/uno.css

@@ -28,10 +28,12 @@
 .left-1\/2{left:50%;}
 .right-\[1px\]{right:1px;}
 .right-0{right:0;}
+.right-3{right:0.75rem;}
 .right-5{right:1.25rem;}
 .top-\[10px\]{top:10px;}
 .top-\[53px\]{top:53px;}
 .top-0{top:0;}
+.top-1\/2{top:50%;}
 .top-5{top:1.25rem;}
 .after\:bottom-0::after{bottom:0;}
 .after\:left-0::after{left:0;}
@@ -64,13 +66,14 @@
 .mb-0\.57rem{margin-bottom:0.57rem;}
 .mb-0\.8571rem{margin-bottom:0.8571rem;}
 .me{margin-inline-end:1rem;}
+.ml-\[3px\]{margin-left:3px;}
 .ml-0\.5714rem{margin-left:0.5714rem;}
-.ml-0\.5rem{margin-left:0.5rem;}
+.ml-0\.5rem,
+.ml-2{margin-left:0.5rem;}
 .ml-10px{margin-left:10px;}
 .ml-2\.5{margin-left:0.625rem;}
 .mr-\[20px\]{margin-right:20px;}
 .mr-\[2px\]{margin-right:2px;}
-.mr-\[3px\]{margin-right:3px;}
 .mr-0\.2857rem{margin-right:0.2857rem;}
 .mr-10px{margin-right:10px;}
 .mr-2\.93rem{margin-right:2.93rem;}
@@ -82,6 +85,7 @@
 .mt-0\.8571rem{margin-top:0.8571rem;}
 .mt-\[2\.2857rem\],
 .mt-2\.2857rem{margin-top:2.2857rem;}
+.mt-\[2px\]{margin-top:2px;}
 .mt-\[32px\]{margin-top:32px;}
 .mt-0\.7143rem{margin-top:0.7143rem;}
 .mt-1{margin-top:0.25rem;}
@@ -95,6 +99,7 @@
 .inline-block{display:inline-block;}
 .hidden{display:none;}
 .h-\[16px\]{height:16px;}
+.h-\[2\.14rem\]{height:2.14rem;}
 .h-\[24\.36px\]{height:24.36px;}
 .h-\[8px\]{height:8px;}
 .h-\[920px\]{height:920px;}
@@ -116,8 +121,10 @@
 .h-48px{height:48px;}
 .h-8{height:2rem;}
 .h-8\.5714rem{height:8.5714rem;}
+.h-9{height:2.25rem;}
 .h-auto{height:auto;}
 .h-full{height:100%;}
+.max-h-\[119px\]{max-height:119px;}
 .max-h-192px{max-height:192px;}
 .max-h-96{max-height:24rem;}
 .max-w-100\%,
@@ -170,8 +177,8 @@
 .grow-2{flex-grow:2;}
 .flex-col{flex-direction:column;}
 .flex-wrap{flex-wrap:wrap;}
-.flex-nowrap{flex-wrap:nowrap;}
 .-translate-x-1\/2{--un-translate-x:-50%;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));}
+.-translate-y-1\/2{--un-translate-y:-50%;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\=bottom\]\:translate-y-1[data-side=bottom]{--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));}
 .data-\[side\=left\]\:-translate-x-1[data-side=left]{--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\=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));}
@@ -204,6 +211,7 @@
 .cursor-not-allowed{cursor:not-allowed;}
 .disabled\:cursor-not-allowed:disabled{cursor:not-allowed;}
 .select-none{-webkit-user-select:none;user-select:none;}
+.content-center{align-content:center;}
 .items-start{align-items:flex-start;}
 .items-center{align-items:center;}
 .items-stretch{align-items:stretch;}
@@ -211,15 +219,16 @@
 .justify-between{justify-content:space-between;}
 .gap-\[10px\]{gap:10px;}
 .gap-\[3px\]{gap:3px;}
+.gap-\[5px\]{gap:5px;}
 .gap-\[8px\]{gap:8px;}
 .gap-0\.5{gap:0.125rem;}
 .gap-1{gap:0.25rem;}
 .overflow-hidden{overflow:hidden;}
+.overflow-y-auto{overflow-y:auto;}
 .all-\[a\]\:truncate a,
 .truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
-.whitespace-nowrap,
-.ws-nowrap{white-space:nowrap;}
 .ws-normal{white-space:normal;}
+.ws-nowrap{white-space:nowrap;}
 .break-words{overflow-wrap:break-word;}
 .border{border-width:1px;}
 .border-0{border-width:0px;}
@@ -269,15 +278,20 @@
 .bg-\#eee{--un-bg-opacity:1;background-color:rgb(238 238 238 / var(--un-bg-opacity));}
 .bg-\#EFF2FA{--un-bg-opacity:1;background-color:rgb(239 242 250 / var(--un-bg-opacity));}
 .bg-\#f9fafb{--un-bg-opacity:1;background-color:rgb(249 250 251 / var(--un-bg-opacity));}
+.bg-blue-04{--un-bg-opacity:0.04;background-color:rgba(30, 61, 228, var(--un-bg-opacity));}
+.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-\[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));}
 .hover\:bg-\#f1f4f6:hover{--un-bg-opacity:1;background-color:rgb(241 244 246 / var(--un-bg-opacity));}
+.hover\:bg-blue-08:hover{--un-bg-opacity:0.08;background-color:rgba(30, 61, 228, var(--un-bg-opacity));}
 .bg-opacity-25{--un-bg-opacity:0.25;}
 .bg-opacity-50{--un-bg-opacity:0.5;}
 .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;}
 .p-\[1\.2857rem\]{padding:1.2857rem;}
 .p-\[16px\]{padding:16px;}
 .p-0{padding:0;}
@@ -290,12 +304,12 @@
 .p-x-7px,
 .px-\[7px\]{padding-left:7px;padding-right:7px;}
 .p-y-4px{padding-top:4px;padding-bottom:4px;}
-.px{padding-left:1rem;padding-right:1rem;}
+.px,
+.px-4{padding-left:1rem;padding-right:1rem;}
 .px-0{padding-left:0;padding-right:0;}
 .px-0\.4286rem{padding-left:0.4286rem;padding-right:0.4286rem;}
 .px-1\.14rem{padding-left:1.14rem;padding-right:1.14rem;}
 .px-1\.2857rem{padding-left:1.2857rem;padding-right:1.2857rem;}
-.px-3{padding-left:0.75rem;padding-right:0.75rem;}
 .px-8px{padding-left:8px;padding-right:8px;}
 .py-\[2px\]{padding-top:2px;padding-bottom:2px;}
 .py-0{padding-top:0;padding-bottom:0;}
@@ -343,12 +357,16 @@
 .all-\[a\:hover\]\:text-\[var\(--theme-color-blue2\)\] a:hover{color:var(--theme-color-blue2);}
 .all-\[a\:hover\]\:text-\#0626ae a:hover{--un-text-opacity:1;color:rgb(6 38 174 / var(--un-text-opacity));}
 .all-\[a\]\:text-\[var\(--theme-color-blue0\)\] a{color:var(--theme-color-blue0);}
+.data-\[highlighted\]\:text-\[\#AFE9D2\][data-highlighted]{--un-text-opacity:1;color:rgb(175 233 210 / var(--un-text-opacity));}
+.data-\[highlighted\]\:text-\[\#fff\][data-highlighted],
+.text-\#fff{--un-text-opacity:1;color:rgb(255 255 255 / var(--un-text-opacity));}
 .text-\[\#050505\]{--un-text-opacity:1;color:rgb(5 5 5 / var(--un-text-opacity));}
 .text-\[\#20253a\]{--un-text-opacity:1;color:rgb(32 37 58 / var(--un-text-opacity));}
 .text-\[\#26244B\]{--un-text-opacity:1;color:rgb(38 36 75 / var(--un-text-opacity));}
 .text-\[\#395bd4\]{--un-text-opacity:1;color:rgb(57 91 212 / var(--un-text-opacity));}
 .text-\[\#424a71\],
 .text-\#424A71{--un-text-opacity:1;color:rgb(66 74 113 / var(--un-text-opacity));}
+.text-\[\#444\]{--un-text-opacity:1;color:rgb(68 68 68 / var(--un-text-opacity));}
 .text-\[\#4ca960\]{--un-text-opacity:1;color:rgb(76 169 96 / var(--un-text-opacity));}
 .text-\[\#74798c\],
 .text-\[\#74798C\],
@@ -366,11 +384,11 @@
 .text-\#65709a{--un-text-opacity:1;color:rgb(101 112 154 / var(--un-text-opacity));}
 .text-\#7e8598{--un-text-opacity:1;color:rgb(126 133 152 / var(--un-text-opacity));}
 .text-\#b1b3b9{--un-text-opacity:1;color:rgb(177 179 185 / var(--un-text-opacity));}
-.text-\#fff{--un-text-opacity:1;color:rgb(255 255 255 / var(--un-text-opacity));}
 .\[\&\>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-bold{font-weight:700;}
+.font-extrabold{font-weight:800;}
 .font-medium{font-weight:500;}
 .font-normal{font-weight:400;}
 .font-semibold{font-weight:600;}
@@ -401,10 +419,6 @@
 .shadow-md{--un-shadow:var(--un-shadow-inset) 0 4px 6px -1px var(--un-shadow-color, rgb(0 0 0 / 0.1)),var(--un-shadow-inset) 0 2px 4px -2px var(--un-shadow-color, rgb(0 0 0 / 0.1));box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}
 .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;}
-.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px;}
-.focus\:ring-2:focus{--un-ring-width:2px;--un-ring-offset-shadow:var(--un-ring-inset) 0 0 0 var(--un-ring-offset-width) var(--un-ring-offset-color);--un-ring-shadow:var(--un-ring-inset) 0 0 0 calc(var(--un-ring-width) + var(--un-ring-offset-width)) var(--un-ring-color);box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}
-.focus\:ring-offset-2:focus{--un-ring-offset-width:2px;}
 .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;}