@cfxjs/sirius-next-common 0.2.19 → 0.2.21

package/dist/{chunk-C3E5EA6J.js → chunk-4LSM4TMM.js}

@@ -92,22 +92,22 @@ var RenderAddress = ({
   const href = convertLink({ link, type, hrefAddress, cfxAddress });
   const Wrapper = href ? "a" : "div";
   const tooltipContent = {
-    ENSLabel: {
-      label: translations?.ens?.tip,
-      value: ENSLabel
+    addressLabel: {
+      label: translations?.profile.address.myNameTag,
+      value: addressLabel
     },
     nametag: {
       label: translations?.nametag?.tip,
       value: nametag
     },
-    addressLabel: {
-      label: translations?.profile.address.myNameTag,
-      value: addressLabel
-    },
     alias: {
       label: translations?.profile.address.publicNameTag,
       value: tokenName || contractName || verificationName,
       hideLabel: hideAliasPrefixInHover
+    },
+    ENSLabel: {
+      label: translations?.ens?.tip,
+      value: ENSLabel
     }
   };
   const checksumAddress = convertCheckSum(cfxAddress);
@@ -143,4 +143,4 @@ var RenderAddress = ({
 export {
   RenderAddress
 };
-//# sourceMappingURL=chunk-C3E5EA6J.js.map
+//# sourceMappingURL=chunk-4LSM4TMM.js.map

package/dist/{chunk-C3E5EA6J.js.map → chunk-4LSM4TMM.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/AddressContainer/addressView.tsx"],"sourcesContent":["import { Translation } from 'react-i18next';\nimport { Text } from '../Text';\nimport { convertCheckSum } from '../../utils/address';\nimport { getTranslations } from '../../store';\nimport { TooltipContent, RenderAddressProps } from './types';\nimport { shortenAddress } from '@cfx-kit/dapp-utils/dist/address';\n\nconst defaultPCMaxWidth = 138;\n\n// common\nconst renderTooltipContent = (tooltipContent: TooltipContent) => {\n  return Object.entries(tooltipContent)\n    .map(([key, { label, value, hideLabel }]) => {\n      if (value) {\n        return (\n          <div key={key}>\n            {!hideLabel && (\n              <span>\n                <Translation>{t => t(label)}</Translation>\n              </span>\n            )}\n            {value}\n          </div>\n        );\n      }\n      return null;\n    })\n    .filter(Boolean);\n};\n\n// common\nconst convertLink = ({\n  link,\n  type,\n  hrefAddress,\n  cfxAddress,\n}: RenderAddressProps) => {\n  if (typeof link === 'string') {\n    return link;\n  }\n  if (link === false) {\n    return false;\n  }\n\n  const address = hrefAddress || cfxAddress;\n\n  if (address && typeof address === 'string') {\n    const pathname = window.location.pathname.toLowerCase();\n    const addressLower = address.toLowerCase();\n    if (pathname.includes('/address/' + addressLower)) {\n      return false;\n    }\n\n    if (type === 'pow') {\n      return `/address/${address}`;\n    }\n\n    if (type === 'pos') {\n      return `/pos/accounts/${address}`;\n    }\n  }\n\n  return false;\n};\n\n// common\nexport const RenderAddress = ({\n  cfxAddress,\n  tokenName,\n  contractName,\n  verificationName,\n  hoverValue,\n  hrefAddress,\n  link = '',\n  isFull = false,\n  isFullNameTag = false,\n  style = {},\n  maxWidth,\n  prefix = null,\n  ENSIcon = null,\n  suffix = null,\n  type = 'pow',\n  addressLabel = '',\n  ENSLabel = '',\n  nametag = '',\n  innerName = '',\n  hideAliasPrefixInHover = false,\n}: RenderAddressProps) => {\n  const translations = getTranslations();\n\n  // Private name tags > Official tag/name > contract token name > contract name tag > contract verification name > CNS/ENS\n  const name =\n    // Private name tags\n    addressLabel ||\n    // Official tag/name\n    nametag ||\n    // contract token name\n    tokenName ||\n    // contract name tag\n    contractName ||\n    // contract verification name\n    verificationName ||\n    // CNS/ENS\n    ENSLabel ||\n    // inner name is used for some special address, like the zero address\n    innerName;\n  const isShowEns = !!ENSLabel && name === ENSLabel;\n\n  const defaultStyle = {\n    maxWidth: `${(name && isFullNameTag) || isFull ? 'unset' : (maxWidth || defaultPCMaxWidth) + 'px'}`,\n  };\n\n  const href = convertLink({ link, type, hrefAddress, cfxAddress });\n\n  const Wrapper = href ? 'a' : 'div';\n\n  const tooltipContent: TooltipContent = {\n    ENSLabel: {\n      label: (translations as any)?.ens?.tip,\n      value: ENSLabel,\n    },\n    nametag: {\n      label: translations?.nametag?.tip,\n      value: nametag,\n    },\n    addressLabel: {\n      label: translations?.profile.address.myNameTag,\n      value: addressLabel,\n    },\n    alias: {\n      label: translations?.profile.address.publicNameTag,\n      value: tokenName || contractName || verificationName,\n      hideLabel: hideAliasPrefixInHover,\n    },\n  };\n\n  const checksumAddress = convertCheckSum(cfxAddress);\n\n  const cfxAddressLabel =\n    typeof checksumAddress === 'string' && !isFull\n      ? type === 'pos'\n        ? shortenAddress(checksumAddress!, {\n            prefixLength: 10,\n            suffixLength: 0,\n          })\n        : shortenAddress(checksumAddress!)\n      : checksumAddress;\n\n  return (\n    <div className=\"inline-flex\">\n      {prefix || (isShowEns ? ENSIcon : null)}\n      <Text\n        tag=\"span\"\n        hoverValue={\n          <>\n            {renderTooltipContent(tooltipContent)}\n            <div>{hoverValue || checksumAddress}</div>\n          </>\n        }\n      >\n        <Wrapper\n          className=\"block relative align-bottom cursor-default truncate\"\n          style={{ ...defaultStyle, ...style }}\n          {...(href ? { href: String(href) } : {})}\n        >\n          {name || cfxAddressLabel}\n        </Wrapper>\n      </Text>\n      {suffix}\n    </div>\n  );\n};\n"],"mappings":"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","names":[]}
+{"version":3,"sources":["../src/components/AddressContainer/addressView.tsx"],"sourcesContent":["import { Translation } from 'react-i18next';\nimport { Text } from '../Text';\nimport { convertCheckSum } from '../../utils/address';\nimport { getTranslations } from '../../store';\nimport { TooltipContent, RenderAddressProps } from './types';\nimport { shortenAddress } from '@cfx-kit/dapp-utils/dist/address';\n\nconst defaultPCMaxWidth = 138;\n\n// common\nconst renderTooltipContent = (tooltipContent: TooltipContent) => {\n  return Object.entries(tooltipContent)\n    .map(([key, { label, value, hideLabel }]) => {\n      if (value) {\n        return (\n          <div key={key}>\n            {!hideLabel && (\n              <span>\n                <Translation>{t => t(label)}</Translation>\n              </span>\n            )}\n            {value}\n          </div>\n        );\n      }\n      return null;\n    })\n    .filter(Boolean);\n};\n\n// common\nconst convertLink = ({\n  link,\n  type,\n  hrefAddress,\n  cfxAddress,\n}: RenderAddressProps) => {\n  if (typeof link === 'string') {\n    return link;\n  }\n  if (link === false) {\n    return false;\n  }\n\n  const address = hrefAddress || cfxAddress;\n\n  if (address && typeof address === 'string') {\n    const pathname = window.location.pathname.toLowerCase();\n    const addressLower = address.toLowerCase();\n    if (pathname.includes('/address/' + addressLower)) {\n      return false;\n    }\n\n    if (type === 'pow') {\n      return `/address/${address}`;\n    }\n\n    if (type === 'pos') {\n      return `/pos/accounts/${address}`;\n    }\n  }\n\n  return false;\n};\n\n// common\nexport const RenderAddress = ({\n  cfxAddress,\n  tokenName,\n  contractName,\n  verificationName,\n  hoverValue,\n  hrefAddress,\n  link = '',\n  isFull = false,\n  isFullNameTag = false,\n  style = {},\n  maxWidth,\n  prefix = null,\n  ENSIcon = null,\n  suffix = null,\n  type = 'pow',\n  addressLabel = '',\n  ENSLabel = '',\n  nametag = '',\n  innerName = '',\n  hideAliasPrefixInHover = false,\n}: RenderAddressProps) => {\n  const translations = getTranslations();\n\n  // Private name tags > Official tag/name > contract token name > contract name tag > contract verification name > CNS/ENS\n  const name =\n    // Private name tags\n    addressLabel ||\n    // Official tag/name\n    nametag ||\n    // contract token name\n    tokenName ||\n    // contract name tag\n    contractName ||\n    // contract verification name\n    verificationName ||\n    // CNS/ENS\n    ENSLabel ||\n    // inner name is used for some special address, like the zero address\n    innerName;\n  const isShowEns = !!ENSLabel && name === ENSLabel;\n\n  const defaultStyle = {\n    maxWidth: `${(name && isFullNameTag) || isFull ? 'unset' : (maxWidth || defaultPCMaxWidth) + 'px'}`,\n  };\n\n  const href = convertLink({ link, type, hrefAddress, cfxAddress });\n\n  const Wrapper = href ? 'a' : 'div';\n\n  const tooltipContent: TooltipContent = {\n    addressLabel: {\n      label: translations?.profile.address.myNameTag,\n      value: addressLabel,\n    },\n    nametag: {\n      label: translations?.nametag?.tip,\n      value: nametag,\n    },\n    alias: {\n      label: translations?.profile.address.publicNameTag,\n      value: tokenName || contractName || verificationName,\n      hideLabel: hideAliasPrefixInHover,\n    },\n    ENSLabel: {\n      label: (translations as any)?.ens?.tip,\n      value: ENSLabel,\n    },\n  };\n\n  const checksumAddress = convertCheckSum(cfxAddress);\n\n  const cfxAddressLabel =\n    typeof checksumAddress === 'string' && !isFull\n      ? type === 'pos'\n        ? shortenAddress(checksumAddress!, {\n            prefixLength: 10,\n            suffixLength: 0,\n          })\n        : shortenAddress(checksumAddress!)\n      : checksumAddress;\n\n  return (\n    <div className=\"inline-flex\">\n      {prefix || (isShowEns ? ENSIcon : null)}\n      <Text\n        tag=\"span\"\n        hoverValue={\n          <>\n            {renderTooltipContent(tooltipContent)}\n            <div>{hoverValue || checksumAddress}</div>\n          </>\n        }\n      >\n        <Wrapper\n          className=\"block relative align-bottom cursor-default truncate\"\n          style={{ ...defaultStyle, ...style }}\n          {...(href ? { href: String(href) } : {})}\n        >\n          {name || cfxAddressLabel}\n        </Wrapper>\n      </Text>\n      {suffix}\n    </div>\n  );\n};\n"],"mappings":"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","names":[]}

package/dist/{chunk-MUW5KBWU.js → chunk-HF7RD7UD.js}

@@ -5,9 +5,12 @@ import {
 // src/utils/hooks/useAddressNameMap.ts
 import useSWRImmutable from "swr/immutable";
 import { useMemo } from "react";
+var transformNameMapKeysToLowerCase = (nameMap) => nameMap && Object.fromEntries(
+  Object.entries(nameMap).map(([k, v]) => [k.toLowerCase(), v])
+);
 var useAddressNameMap = (addresses, shouldFetch = true) => {
   const key = useMemo(() => {
-    return shouldFetch && addresses.length > 0 ? `address-name-map-${[...addresses].sort().join(",")}` : null;
+    return shouldFetch && addresses.length > 0 ? `address-name-map-${addresses.map((i) => i.toLowerCase()).sort().join(",")}` : null;
   }, [addresses, shouldFetch]);
   return useSWRImmutable(
     key,
@@ -15,11 +18,12 @@ var useAddressNameMap = (addresses, shouldFetch = true) => {
       withContractInfo: "true",
       withNameTagInfo: "true",
       withENSInfo: "true"
-    })
+    }).then(transformNameMapKeysToLowerCase)
   );
 };
 
 export {
+  transformNameMapKeysToLowerCase,
   useAddressNameMap
 };
-//# sourceMappingURL=chunk-MUW5KBWU.js.map
+//# sourceMappingURL=chunk-HF7RD7UD.js.map

package/dist/chunk-HF7RD7UD.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/utils/hooks/useAddressNameMap.ts"],"sourcesContent":["import useSWRImmutable from 'swr/immutable';\nimport { fetchAddressNameMap } from '../request';\nimport { useMemo } from 'react';\nimport { AddressNameMap } from '../request.types';\n\nexport const transformNameMapKeysToLowerCase = (\n  nameMap?: Record<string, AddressNameMap>,\n) =>\n  nameMap &&\n  Object.fromEntries(\n    Object.entries(nameMap).map(([k, v]) => [k.toLowerCase(), v]),\n  );\n\nexport const useAddressNameMap = (addresses: string[], shouldFetch = true) => {\n  const key = useMemo(() => {\n    return shouldFetch && addresses.length > 0\n      ? `address-name-map-${addresses\n          .map(i => i.toLowerCase())\n          .sort()\n          .join(',')}`\n      : null;\n  }, [addresses, shouldFetch]);\n  return useSWRImmutable(key, () =>\n    fetchAddressNameMap(addresses, {\n      withContractInfo: 'true',\n      withNameTagInfo: 'true',\n      withENSInfo: 'true',\n    }).then(transformNameMapKeysToLowerCase),\n  );\n};\n"],"mappings":";;;;;AAAA,OAAO,qBAAqB;AAE5B,SAAS,eAAe;AAGjB,IAAM,kCAAkC,CAC7C,YAEA,WACA,OAAO;AAAA,EACL,OAAO,QAAQ,OAAO,EAAE,IAAI,CAAC,CAAC,GAAG,CAAC,MAAM,CAAC,EAAE,YAAY,GAAG,CAAC,CAAC;AAC9D;AAEK,IAAM,oBAAoB,CAAC,WAAqB,cAAc,SAAS;AAC5E,QAAM,MAAM,QAAQ,MAAM;AACxB,WAAO,eAAe,UAAU,SAAS,IACrC,oBAAoB,UACjB,IAAI,OAAK,EAAE,YAAY,CAAC,EACxB,KAAK,EACL,KAAK,GAAG,MACX;AAAA,EACN,GAAG,CAAC,WAAW,WAAW,CAAC;AAC3B,SAAO;AAAA,IAAgB;AAAA,IAAK,MAC1B,oBAAoB,WAAW;AAAA,MAC7B,kBAAkB;AAAA,MAClB,iBAAiB;AAAA,MACjB,aAAa;AAAA,IACf,CAAC,EAAE,KAAK,+BAA+B;AAAA,EACzC;AACF;","names":[]}

package/dist/{chunk-S7M6UTND.js → chunk-J6ZC77OY.js}

@@ -11,10 +11,10 @@ import {
   InvalidAddress,
   MyAddress,
   PosAddress
-} from "./chunk-GPQN2P32.js";
+} from "./chunk-LCV3NUFR.js";
 import {
   RenderAddress
-} from "./chunk-C3E5EA6J.js";
+} from "./chunk-4LSM4TMM.js";
 import {
   formatAddress,
   isCoreAddress,
@@ -143,4 +143,4 @@ var CoreAddressContainer = withTranslation()(
 export {
   CoreAddressContainer
 };
-//# sourceMappingURL=chunk-S7M6UTND.js.map
+//# sourceMappingURL=chunk-J6ZC77OY.js.map

package/dist/{chunk-GPQN2P32.js → chunk-LCV3NUFR.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk-MWAD4CIG.js";
 import {
   RenderAddress
-} from "./chunk-C3E5EA6J.js";
+} from "./chunk-4LSM4TMM.js";
 import {
   formatAddress,
   isInnerContractAddress
@@ -209,4 +209,4 @@ export {
   MyAddress,
   PosAddress
 };
-//# sourceMappingURL=chunk-GPQN2P32.js.map
+//# sourceMappingURL=chunk-LCV3NUFR.js.map

package/dist/{chunk-TC4445WV.js → chunk-XUKHHB5L.js}

@@ -6,10 +6,10 @@ import {
   ContractCreatedAddress,
   InvalidAddress,
   MyAddress
-} from "./chunk-GPQN2P32.js";
+} from "./chunk-LCV3NUFR.js";
 import {
   RenderAddress
-} from "./chunk-C3E5EA6J.js";
+} from "./chunk-4LSM4TMM.js";
 import {
   convertCheckSum,
   formatAddress,
@@ -109,4 +109,4 @@ var EVMAddressContainer = withTranslation()(
 export {
   EVMAddressContainer
 };
-//# sourceMappingURL=chunk-TC4445WV.js.map
+//# sourceMappingURL=chunk-XUKHHB5L.js.map

package/dist/components/AddressContainer/CoreAddressContainer.js

@@ -1,11 +1,11 @@
 import {
   CoreAddressContainer
-} from "../../chunk-S7M6UTND.js";
+} from "../../chunk-J6ZC77OY.js";
 import "../../chunk-CMOP3BKX.js";
 import "../../chunk-WZIT54AU.js";
-import "../../chunk-GPQN2P32.js";
+import "../../chunk-LCV3NUFR.js";
 import "../../chunk-MWAD4CIG.js";
-import "../../chunk-C3E5EA6J.js";
+import "../../chunk-4LSM4TMM.js";
 import "../../chunk-6L4ZEJQI.js";
 import "../../chunk-C7OIVXE3.js";
 import "../../chunk-TOKKKTFG.js";

package/dist/components/AddressContainer/EVMAddressContainer.js

@@ -1,10 +1,10 @@
 import {
   EVMAddressContainer
-} from "../../chunk-TC4445WV.js";
+} from "../../chunk-XUKHHB5L.js";
 import "../../chunk-WZIT54AU.js";
-import "../../chunk-GPQN2P32.js";
+import "../../chunk-LCV3NUFR.js";
 import "../../chunk-MWAD4CIG.js";
-import "../../chunk-C3E5EA6J.js";
+import "../../chunk-4LSM4TMM.js";
 import "../../chunk-6L4ZEJQI.js";
 import "../../chunk-C7OIVXE3.js";
 import "../../chunk-TOKKKTFG.js";

package/dist/components/AddressContainer/addressSwitcher.js

@@ -5,9 +5,9 @@ import {
   InvalidAddress,
   MyAddress,
   PosAddress
-} from "../../chunk-GPQN2P32.js";
+} from "../../chunk-LCV3NUFR.js";
 import "../../chunk-MWAD4CIG.js";
-import "../../chunk-C3E5EA6J.js";
+import "../../chunk-4LSM4TMM.js";
 import "../../chunk-6L4ZEJQI.js";
 import "../../chunk-C7OIVXE3.js";
 import "../../chunk-TOKKKTFG.js";

package/dist/components/AddressContainer/addressView.js

@@ -1,6 +1,6 @@
 import {
   RenderAddress
-} from "../../chunk-C3E5EA6J.js";
+} from "../../chunk-4LSM4TMM.js";
 import "../../chunk-6L4ZEJQI.js";
 import "../../chunk-C7OIVXE3.js";
 import "../../chunk-TOKKKTFG.js";

package/dist/components/TransactionAction/coreTransactionAction.js

@@ -10,12 +10,12 @@ import {
 import "../../chunk-TGK5LP2H.js";
 import {
   CoreAddressContainer
-} from "../../chunk-S7M6UTND.js";
+} from "../../chunk-J6ZC77OY.js";
 import "../../chunk-CMOP3BKX.js";
 import "../../chunk-WZIT54AU.js";
-import "../../chunk-GPQN2P32.js";
+import "../../chunk-LCV3NUFR.js";
 import "../../chunk-MWAD4CIG.js";
-import "../../chunk-C3E5EA6J.js";
+import "../../chunk-4LSM4TMM.js";
 import "../../chunk-6L4ZEJQI.js";
 import "../../chunk-C7OIVXE3.js";
 import "../../chunk-TOKKKTFG.js";
@@ -46,8 +46,11 @@ import {
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 var Token = (address, customInfo, tokenType, tokenExhibit) => {
   const customInfoToken = filterByTokenAddress(customInfo.token || {}, address);
+  const showIcon = tokenExhibit.includes("icon");
+  const showName = tokenExhibit.includes("name");
+  const showSymbol = tokenExhibit.includes("symbol");
   return customInfoToken && customInfoToken["token"] ? /* @__PURE__ */ jsxs(Fragment, { children: [
-    tokenExhibit.includes("icon") ? customInfoToken["token"]["iconUrl"] ? /* @__PURE__ */ jsx(
+    showIcon ? customInfoToken["token"]["iconUrl"] ? /* @__PURE__ */ jsx(
       "img",
       {
         className: "w-[16px] h-[16px] mt-[2px]",
@@ -62,16 +65,18 @@ var Token = (address, customInfo, tokenType, tokenExhibit) => {
         alt: "icon"
       }
     ) }) : /* @__PURE__ */ jsx(Fragment, {}),
-    tokenExhibit.includes("name") ? /* @__PURE__ */ jsxs(Link, { href: `/address/${address}`, children: [
+    showName ? /* @__PURE__ */ jsxs(Link, { href: `/address/${address}`, children: [
       customInfoToken["token"]["name"] ? `${customInfoToken["token"]["name"]}` : /* @__PURE__ */ jsx("div", { children: TokenName }),
       " "
     ] }) : /* @__PURE__ */ jsx(Fragment, {}),
-    tokenExhibit.includes("symbol") ? /* @__PURE__ */ jsxs(Link, { href: `/address/${address}`, children: [
+    showSymbol ? /* @__PURE__ */ jsxs(Link, { href: `/address/${address}`, children: [
+      showName ? "(" : "",
       customInfoToken["token"]["symbol"] ? customInfoToken["token"]["symbol"] : TokenSymbol,
+      showName ? ")" : "",
       " "
     ] }) : /* @__PURE__ */ jsx(Fragment, {})
   ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
-    tokenExhibit.includes("icon") && /* @__PURE__ */ jsx(
+    showIcon && /* @__PURE__ */ jsx(
       "img",
       {
         className: "w-[16px] h-[16px] mt-[2px]",
@@ -79,11 +84,11 @@ var Token = (address, customInfo, tokenType, tokenExhibit) => {
         alt: "icon"
       }
     ),
-    tokenExhibit.includes("name") && /* @__PURE__ */ jsx("div", { children: TokenName }),
-    tokenExhibit.includes("symbol") && /* @__PURE__ */ jsxs("div", { children: [
-      "(",
+    showName && /* @__PURE__ */ jsx("div", { children: TokenName }),
+    showSymbol && /* @__PURE__ */ jsxs("div", { children: [
+      showName ? "(" : "",
       TokenSymbol,
-      ")"
+      showName ? ")" : ""
     ] })
   ] });
 };

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]))?.map;\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  return (\n    <CoreAddressContainer\n      value={value}\n      contractName={contractCache[value]?.contract?.name}\n      tokenName={contractCache[value]?.token?.name}\n      isFullNameTag={true}\n      nametag={nametagCache[value]?.nameTag || ''}\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  const showIcon = tokenExhibit.includes('icon');\n  const showName = tokenExhibit.includes('name');\n  const showSymbol = tokenExhibit.includes('symbol');\n  return customInfoToken && customInfoToken['token'] ? (\n    <>\n      {showIcon ? (\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      {showName ? (\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      {showSymbol ? (\n        <Link href={`/address/${address}`}>\n          {showName ? '(' : ''}\n          {customInfoToken['token']['symbol']\n            ? customInfoToken['token']['symbol']\n            : TokenSymbol}\n          {showName ? ')' : ''}{' '}\n        </Link>\n      ) : (\n        <></>\n      )}\n    </>\n  ) : (\n    <>\n      {showIcon && (\n        <img\n          className=\"w-[16px] h-[16px] mt-[2px]\"\n          src={TokenIcon}\n          alt=\"icon\"\n        />\n      )}\n      {showName && <div>{TokenName}</div>}\n      {showSymbol && (\n        <div>\n          {showName ? '(' : ''}\n          {TokenSymbol}\n          {showName ? ')' : ''}\n        </div>\n      )}\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]))?.map;\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  return (\n    <CoreAddressContainer\n      value={value}\n      contractName={contractCache[value]?.contract?.name}\n      tokenName={contractCache[value]?.token?.name}\n      isFullNameTag={true}\n      nametag={nametagCache[value]?.nameTag || ''}\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,11 +10,11 @@ import {
 import "../../chunk-TGK5LP2H.js";
 import {
   EVMAddressContainer
-} from "../../chunk-TC4445WV.js";
+} from "../../chunk-XUKHHB5L.js";
 import "../../chunk-WZIT54AU.js";
-import "../../chunk-GPQN2P32.js";
+import "../../chunk-LCV3NUFR.js";
 import "../../chunk-MWAD4CIG.js";
-import "../../chunk-C3E5EA6J.js";
+import "../../chunk-4LSM4TMM.js";
 import {
   formatAddress
 } from "../../chunk-6L4ZEJQI.js";
@@ -47,8 +47,11 @@ import {
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 var Token = (address, customInfo, tokenType, tokenExhibit) => {
   const customInfoToken = filterByTokenAddress(customInfo.token || {}, address);
+  const showIcon = tokenExhibit.includes("icon");
+  const showName = tokenExhibit.includes("name");
+  const showSymbol = tokenExhibit.includes("symbol");
   return customInfoToken && customInfoToken["token"] ? /* @__PURE__ */ jsxs(Fragment, { children: [
-    tokenExhibit.includes("icon") ? customInfoToken["token"]["iconUrl"] ? /* @__PURE__ */ jsx(
+    showIcon ? customInfoToken["token"]["iconUrl"] ? /* @__PURE__ */ jsx(
       "img",
       {
         className: "w-[16px] h-[16px] mt-[2px]",
@@ -63,16 +66,18 @@ var Token = (address, customInfo, tokenType, tokenExhibit) => {
         alt: "icon"
       }
     ) }) : /* @__PURE__ */ jsx(Fragment, {}),
-    tokenExhibit.includes("name") ? /* @__PURE__ */ jsxs(Link, { href: `/address/${formatAddress(address, "hex")}`, children: [
+    showName ? /* @__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: [
+    showSymbol ? /* @__PURE__ */ jsxs(Link, { href: `/address/${formatAddress(address, "hex")}`, children: [
+      showName ? "(" : "",
       customInfoToken["token"]["symbol"] ? customInfoToken["token"]["symbol"] : TokenSymbol,
+      showName ? ")" : "",
       " "
     ] }) : /* @__PURE__ */ jsx(Fragment, {})
   ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
-    tokenExhibit.includes("icon") && /* @__PURE__ */ jsx(
+    showIcon && /* @__PURE__ */ jsx(
       "img",
       {
         className: "w-[16px] h-[16px] mt-[2px]",
@@ -80,11 +85,11 @@ var Token = (address, customInfo, tokenType, tokenExhibit) => {
         alt: "icon"
       }
     ),
-    tokenExhibit.includes("name") && /* @__PURE__ */ jsx("div", { children: TokenName }),
-    tokenExhibit.includes("symbol") && /* @__PURE__ */ jsxs("div", { children: [
-      "(",
+    showName && /* @__PURE__ */ jsx("div", { children: TokenName }),
+    showSymbol && /* @__PURE__ */ jsxs("div", { children: [
+      showName ? "(" : "",
       TokenSymbol,
-      ")"
+      showName ? ")" : ""
     ] })
   ] });
 };

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]))?.map;\n        const dataToHex = convertMapKeysToHex(data);\n        if (dataToHex[address]) {\n          setContractCache({ [address]: dataToHex[address] });\n        }\n      } catch (error) {\n        console.error(error);\n      }\n    },\n    [setContractCache],\n  );\n\n  const fetchNameTag = useCallback(\n    async (address: string) => {\n      try {\n        const data = await reqNametag([address]);\n        const dataToHex = convertMapKeysToHex(data);\n        if (dataToHex[address]) {\n          setNametagCache({ [address]: dataToHex[address] });\n        }\n      } catch (error) {\n        console.error(error);\n      }\n    },\n    [setNametagCache],\n  );\n\n  useEffect(() => {\n    if (value && !contractCache[value]) {\n      fetchContractAndToken(value);\n    }\n\n    if (value && !nametagCache[value]) {\n      fetchNameTag(value);\n    }\n  }, [value, fetchContractAndToken, fetchNameTag, nametagCache, contractCache]);\n\n  return (\n    <EVMAddressContainer\n      value={value}\n      contractName={contractCache[value]?.contract?.name}\n      tokenName={contractCache[value]?.token?.name}\n      isFullNameTag={true}\n      nametag={nametagCache[value]?.nameTag || ''}\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  const showIcon = tokenExhibit.includes('icon');\n  const showName = tokenExhibit.includes('name');\n  const showSymbol = tokenExhibit.includes('symbol');\n  return customInfoToken && customInfoToken['token'] ? (\n    <>\n      {showIcon ? (\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      {showName ? (\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      {showSymbol ? (\n        <Link href={`/address/${formatAddress(address, 'hex')}`}>\n          {showName ? '(' : ''}\n          {customInfoToken['token']['symbol']\n            ? customInfoToken['token']['symbol']\n            : TokenSymbol}\n          {showName ? ')' : ''}{' '}\n        </Link>\n      ) : (\n        <></>\n      )}\n    </>\n  ) : (\n    <>\n      {showIcon && (\n        <img\n          className=\"w-[16px] h-[16px] mt-[2px]\"\n          src={TokenIcon}\n          alt=\"icon\"\n        />\n      )}\n      {showName && <div>{TokenName}</div>}\n      {showSymbol && (\n        <div>\n          {showName ? '(' : ''}\n          {TokenSymbol}\n          {showName ? ')' : ''}\n        </div>\n      )}\n    </>\n  );\n};\n\n// TODO: When the evm api is changed to hex address, it can be deleted.\nconst convertMapKeysToHex = (\n  data: Record<string, any>,\n): Record<string, any> => {\n  const newMap: Record<string, any> = {};\n  for (const [key, value] of Object.entries(data)) {\n    const newKey = formatAddress(key, 'hex');\n    newMap[newKey] = value;\n  }\n  return newMap;\n};\n\nconst AddressNameTagContainer: React.FC<AddressNameTagContainerProps> = ({\n  value,\n}) => {\n  const { nametagCache, contractCache, setNametagCache, setContractCache } =\n    useNametagCacheStore(state => ({\n      nametagCache: state.nametagCache,\n      contractCache: state.contractCache,\n      setNametagCache: state.setNametagCache,\n      setContractCache: state.setContractCache,\n    }));\n\n  const fetchContractAndToken = useCallback(\n    async (address: string) => {\n      try {\n        const data = (await reqContractAndToken([address]))?.map;\n        const dataToHex = convertMapKeysToHex(data);\n        if (dataToHex[address]) {\n          setContractCache({ [address]: dataToHex[address] });\n        }\n      } catch (error) {\n        console.error(error);\n      }\n    },\n    [setContractCache],\n  );\n\n  const fetchNameTag = useCallback(\n    async (address: string) => {\n      try {\n        const data = await reqNametag([address]);\n        const dataToHex = convertMapKeysToHex(data);\n        if (dataToHex[address]) {\n          setNametagCache({ [address]: dataToHex[address] });\n        }\n      } catch (error) {\n        console.error(error);\n      }\n    },\n    [setNametagCache],\n  );\n\n  useEffect(() => {\n    if (value && !contractCache[value]) {\n      fetchContractAndToken(value);\n    }\n\n    if (value && !nametagCache[value]) {\n      fetchNameTag(value);\n    }\n  }, [value, fetchContractAndToken, fetchNameTag, nametagCache, contractCache]);\n\n  return (\n    <EVMAddressContainer\n      value={value}\n      contractName={contractCache[value]?.contract?.name}\n      tokenName={contractCache[value]?.token?.name}\n      isFullNameTag={true}\n      nametag={nametagCache[value]?.nameTag || ''}\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/utils/hooks/useAddressNameMap.d.ts

@@ -1,6 +1,11 @@
 import * as swr from 'swr';
 import { AddressNameMap } from '../request.types.js';
 
-declare const useAddressNameMap: (addresses: string[], shouldFetch?: boolean) => swr.SWRResponse<Record<string, AddressNameMap>, any, any>;
+declare const transformNameMapKeysToLowerCase: (nameMap?: Record<string, AddressNameMap>) => {
+    [k: string]: AddressNameMap;
+} | undefined;
+declare const useAddressNameMap: (addresses: string[], shouldFetch?: boolean) => swr.SWRResponse<{
+    [k: string]: AddressNameMap;
+} | undefined, any, any>;
 
-export { useAddressNameMap };
+export { transformNameMapKeysToLowerCase, useAddressNameMap };

package/dist/utils/hooks/useAddressNameMap.js

@@ -1,12 +1,14 @@
 import {
+  transformNameMapKeysToLowerCase,
   useAddressNameMap
-} from "../../chunk-MUW5KBWU.js";
+} from "../../chunk-HF7RD7UD.js";
 import "../../chunk-VGYNHJFT.js";
 import "../../chunk-J2I22Q2M.js";
 import "../../chunk-YEINMVAR.js";
 import "../../chunk-DQGLZCIG.js";
 import "../../chunk-WQG2LZMB.js";
 export {
+  transformNameMapKeysToLowerCase,
   useAddressNameMap
 };
 //# sourceMappingURL=useAddressNameMap.js.map

package/dist/utils/hooks/useEnhanceDataWithNameMap.d.ts

@@ -1,8 +1,5 @@
 import { AddressNameMap } from '../request.types.js';
 
-declare const transformNameMapKeysToLowerCase: (nameMap?: Record<string, AddressNameMap>) => {
-    [k: string]: AddressNameMap;
-} | undefined;
 declare const enhanceDataWithNameMap: (list?: Record<string, unknown>[], nameMap?: Record<string, AddressNameMap>) => Record<string, unknown>[] | {
     nameMap: {
         [k: string]: AddressNameMap;
@@ -27,4 +24,4 @@ declare const useEnhanceDataWithNameMap: (list?: Record<string, unknown>[], { ad
     isLoading: boolean;
 };
 
-export { enhanceDataWithNameMap, formatListResponseWithNameMap, transformNameMapKeysToLowerCase, useEnhanceDataWithNameMap };
+export { enhanceDataWithNameMap, formatListResponseWithNameMap, useEnhanceDataWithNameMap };

package/dist/utils/hooks/useEnhanceDataWithNameMap.js

@@ -1,6 +1,7 @@
 import {
+  transformNameMapKeysToLowerCase,
   useAddressNameMap
-} from "../../chunk-MUW5KBWU.js";
+} from "../../chunk-HF7RD7UD.js";
 import "../../chunk-VGYNHJFT.js";
 import "../../chunk-J2I22Q2M.js";
 import "../../chunk-YEINMVAR.js";
@@ -9,9 +10,6 @@ import "../../chunk-WQG2LZMB.js";
 
 // src/utils/hooks/useEnhanceDataWithNameMap.ts
 import { useMemo } from "react";
-var transformNameMapKeysToLowerCase = (nameMap) => nameMap && Object.fromEntries(
-  Object.entries(nameMap).map(([k, v]) => [k.toLowerCase(), v])
-);
 var enhanceDataWithNameMap = (list, nameMap) => {
   if (!nameMap || !list)
     return list;
@@ -65,7 +63,6 @@ var useEnhanceDataWithNameMap = (list, {
 export {
   enhanceDataWithNameMap,
   formatListResponseWithNameMap,
-  transformNameMapKeysToLowerCase,
   useEnhanceDataWithNameMap
 };
 //# sourceMappingURL=useEnhanceDataWithNameMap.js.map

package/dist/utils/hooks/useEnhanceDataWithNameMap.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/utils/hooks/useEnhanceDataWithNameMap.ts"],"sourcesContent":["import { useMemo } from 'react';\nimport { useAddressNameMap } from './useAddressNameMap';\nimport { AddressNameMap } from '../request.types';\n\nexport const transformNameMapKeysToLowerCase = (\n  nameMap?: Record<string, AddressNameMap>,\n) =>\n  nameMap &&\n  Object.fromEntries(\n    Object.entries(nameMap).map(([k, v]) => [k.toLowerCase(), v]),\n  );\n\nexport const enhanceDataWithNameMap = (\n  list?: Record<string, unknown>[],\n  nameMap?: Record<string, AddressNameMap>,\n) => {\n  if (!nameMap || !list) return list;\n  const normalizedNameMap = transformNameMapKeysToLowerCase(nameMap);\n\n  return (\n    list.map(item => {\n      const newItem = {\n        ...item,\n        nameMap: normalizedNameMap,\n      };\n      return newItem;\n    }) || []\n  );\n};\n\nexport const formatListResponseWithNameMap = <\n  T extends Record<string, unknown>,\n>(\n  res: T,\n) => {\n  return {\n    ...res,\n    list: enhanceDataWithNameMap(\n      res.list as Record<string, unknown>[],\n      res.nameMap as Record<string, AddressNameMap>,\n    ),\n  };\n};\n\nexport const useEnhanceDataWithNameMap = (\n  list?: Record<string, unknown>[],\n  {\n    addressKeys,\n    nameMap,\n  }: {\n    addressKeys?: string[];\n    nameMap?: Record<string, AddressNameMap>;\n  } = {},\n) => {\n  const keys = useMemo(() => addressKeys?.join(',') || '', [addressKeys]);\n  const addresses = useMemo(() => {\n    const set = new Set<string>();\n    list?.forEach(item => {\n      addressKeys?.forEach(key => {\n        const address = item[key];\n        if (address && typeof address === 'string') {\n          set.add(address);\n        }\n      });\n    });\n    return Array.from(set);\n  }, [list, keys]);\n  const { data: fetchedNameMap, isLoading } = useAddressNameMap(\n    addresses,\n    !nameMap,\n  );\n  const finalNameMap = nameMap || fetchedNameMap;\n  return useMemo(() => {\n    return {\n      data: enhanceDataWithNameMap(list, finalNameMap),\n      isLoading,\n    };\n  }, [list, finalNameMap, isLoading]);\n};\n"],"mappings":";;;;;;;;;;AAAA,SAAS,eAAe;AAIjB,IAAM,kCAAkC,CAC7C,YAEA,WACA,OAAO;AAAA,EACL,OAAO,QAAQ,OAAO,EAAE,IAAI,CAAC,CAAC,GAAG,CAAC,MAAM,CAAC,EAAE,YAAY,GAAG,CAAC,CAAC;AAC9D;AAEK,IAAM,yBAAyB,CACpC,MACA,YACG;AACH,MAAI,CAAC,WAAW,CAAC;AAAM,WAAO;AAC9B,QAAM,oBAAoB,gCAAgC,OAAO;AAEjE,SACE,KAAK,IAAI,UAAQ;AACf,UAAM,UAAU;AAAA,MACd,GAAG;AAAA,MACH,SAAS;AAAA,IACX;AACA,WAAO;AAAA,EACT,CAAC,KAAK,CAAC;AAEX;AAEO,IAAM,gCAAgC,CAG3C,QACG;AACH,SAAO;AAAA,IACL,GAAG;AAAA,IACH,MAAM;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,IACN;AAAA,EACF;AACF;AAEO,IAAM,4BAA4B,CACvC,MACA;AAAA,EACE;AAAA,EACA;AACF,IAGI,CAAC,MACF;AACH,QAAM,OAAO,QAAQ,MAAM,aAAa,KAAK,GAAG,KAAK,IAAI,CAAC,WAAW,CAAC;AACtE,QAAM,YAAY,QAAQ,MAAM;AAC9B,UAAM,MAAM,oBAAI,IAAY;AAC5B,UAAM,QAAQ,UAAQ;AACpB,mBAAa,QAAQ,SAAO;AAC1B,cAAM,UAAU,KAAK,GAAG;AACxB,YAAI,WAAW,OAAO,YAAY,UAAU;AAC1C,cAAI,IAAI,OAAO;AAAA,QACjB;AAAA,MACF,CAAC;AAAA,IACH,CAAC;AACD,WAAO,MAAM,KAAK,GAAG;AAAA,EACvB,GAAG,CAAC,MAAM,IAAI,CAAC;AACf,QAAM,EAAE,MAAM,gBAAgB,UAAU,IAAI;AAAA,IAC1C;AAAA,IACA,CAAC;AAAA,EACH;AACA,QAAM,eAAe,WAAW;AAChC,SAAO,QAAQ,MAAM;AACnB,WAAO;AAAA,MACL,MAAM,uBAAuB,MAAM,YAAY;AAAA,MAC/C;AAAA,IACF;AAAA,EACF,GAAG,CAAC,MAAM,cAAc,SAAS,CAAC;AACpC;","names":[]}
+{"version":3,"sources":["../../../src/utils/hooks/useEnhanceDataWithNameMap.ts"],"sourcesContent":["import { useMemo } from 'react';\nimport {\n  transformNameMapKeysToLowerCase,\n  useAddressNameMap,\n} from './useAddressNameMap';\nimport { AddressNameMap } from '../request.types';\n\nexport const enhanceDataWithNameMap = (\n  list?: Record<string, unknown>[],\n  nameMap?: Record<string, AddressNameMap>,\n) => {\n  if (!nameMap || !list) return list;\n  const normalizedNameMap = transformNameMapKeysToLowerCase(nameMap);\n\n  return (\n    list.map(item => {\n      const newItem = {\n        ...item,\n        nameMap: normalizedNameMap,\n      };\n      return newItem;\n    }) || []\n  );\n};\n\nexport const formatListResponseWithNameMap = <\n  T extends Record<string, unknown>,\n>(\n  res: T,\n) => {\n  return {\n    ...res,\n    list: enhanceDataWithNameMap(\n      res.list as Record<string, unknown>[],\n      res.nameMap as Record<string, AddressNameMap>,\n    ),\n  };\n};\n\nexport const useEnhanceDataWithNameMap = (\n  list?: Record<string, unknown>[],\n  {\n    addressKeys,\n    nameMap,\n  }: {\n    addressKeys?: string[];\n    nameMap?: Record<string, AddressNameMap>;\n  } = {},\n) => {\n  const keys = useMemo(() => addressKeys?.join(',') || '', [addressKeys]);\n  const addresses = useMemo(() => {\n    const set = new Set<string>();\n    list?.forEach(item => {\n      addressKeys?.forEach(key => {\n        const address = item[key];\n        if (address && typeof address === 'string') {\n          set.add(address);\n        }\n      });\n    });\n    return Array.from(set);\n  }, [list, keys]);\n  const { data: fetchedNameMap, isLoading } = useAddressNameMap(\n    addresses,\n    !nameMap,\n  );\n  const finalNameMap = nameMap || fetchedNameMap;\n  return useMemo(() => {\n    return {\n      data: enhanceDataWithNameMap(list, finalNameMap),\n      isLoading,\n    };\n  }, [list, finalNameMap, isLoading]);\n};\n"],"mappings":";;;;;;;;;;;AAAA,SAAS,eAAe;AAOjB,IAAM,yBAAyB,CACpC,MACA,YACG;AACH,MAAI,CAAC,WAAW,CAAC;AAAM,WAAO;AAC9B,QAAM,oBAAoB,gCAAgC,OAAO;AAEjE,SACE,KAAK,IAAI,UAAQ;AACf,UAAM,UAAU;AAAA,MACd,GAAG;AAAA,MACH,SAAS;AAAA,IACX;AACA,WAAO;AAAA,EACT,CAAC,KAAK,CAAC;AAEX;AAEO,IAAM,gCAAgC,CAG3C,QACG;AACH,SAAO;AAAA,IACL,GAAG;AAAA,IACH,MAAM;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,IACN;AAAA,EACF;AACF;AAEO,IAAM,4BAA4B,CACvC,MACA;AAAA,EACE;AAAA,EACA;AACF,IAGI,CAAC,MACF;AACH,QAAM,OAAO,QAAQ,MAAM,aAAa,KAAK,GAAG,KAAK,IAAI,CAAC,WAAW,CAAC;AACtE,QAAM,YAAY,QAAQ,MAAM;AAC9B,UAAM,MAAM,oBAAI,IAAY;AAC5B,UAAM,QAAQ,UAAQ;AACpB,mBAAa,QAAQ,SAAO;AAC1B,cAAM,UAAU,KAAK,GAAG;AACxB,YAAI,WAAW,OAAO,YAAY,UAAU;AAC1C,cAAI,IAAI,OAAO;AAAA,QACjB;AAAA,MACF,CAAC;AAAA,IACH,CAAC;AACD,WAAO,MAAM,KAAK,GAAG;AAAA,EACvB,GAAG,CAAC,MAAM,IAAI,CAAC;AACf,QAAM,EAAE,MAAM,gBAAgB,UAAU,IAAI;AAAA,IAC1C;AAAA,IACA,CAAC;AAAA,EACH;AACA,QAAM,eAAe,WAAW;AAChC,SAAO,QAAQ,MAAM;AACnB,WAAO;AAAA,MACL,MAAM,uBAAuB,MAAM,YAAY;AAAA,MAC/C;AAAA,IACF;AAAA,EACF,GAAG,CAAC,MAAM,cAAc,SAAS,CAAC;AACpC;","names":[]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cfxjs/sirius-next-common",
-  "version": "0.2.19",
+  "version": "0.2.21",
   "type": "module",
   "files": [
     "dist/**"
@@ -78,9 +78,9 @@
     "typescript": "^5.4.2",
     "unocss": "0.58.6",
     "vitest": "3.2.3",
-    "@cfxjs/sirius-next-eslint-config": "0.0.0",
     "@cfxjs/sirius-next-i18n": "0.2.10",
-    "@cfxjs/sirius-next-typescript-config": "0.0.0"
+    "@cfxjs/sirius-next-typescript-config": "0.0.0",
+    "@cfxjs/sirius-next-eslint-config": "0.0.0"
   },
   "publishConfig": {
     "access": "public"

package/dist/chunk-MUW5KBWU.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/utils/hooks/useAddressNameMap.ts"],"sourcesContent":["import useSWRImmutable from 'swr/immutable';\nimport { fetchAddressNameMap } from '../request';\nimport { useMemo } from 'react';\n\nexport const useAddressNameMap = (addresses: string[], shouldFetch = true) => {\n  const key = useMemo(() => {\n    return shouldFetch && addresses.length > 0\n      ? `address-name-map-${[...addresses].sort().join(',')}`\n      : null;\n  }, [addresses, shouldFetch]);\n  return useSWRImmutable(key, () =>\n    fetchAddressNameMap(addresses, {\n      withContractInfo: 'true',\n      withNameTagInfo: 'true',\n      withENSInfo: 'true',\n    }),\n  );\n};\n"],"mappings":";;;;;AAAA,OAAO,qBAAqB;AAE5B,SAAS,eAAe;AAEjB,IAAM,oBAAoB,CAAC,WAAqB,cAAc,SAAS;AAC5E,QAAM,MAAM,QAAQ,MAAM;AACxB,WAAO,eAAe,UAAU,SAAS,IACrC,oBAAoB,CAAC,GAAG,SAAS,EAAE,KAAK,EAAE,KAAK,GAAG,MAClD;AAAA,EACN,GAAG,CAAC,WAAW,WAAW,CAAC;AAC3B,SAAO;AAAA,IAAgB;AAAA,IAAK,MAC1B,oBAAoB,WAAW;AAAA,MAC7B,kBAAkB;AAAA,MAClB,iBAAiB;AAAA,MACjB,aAAa;AAAA,IACf,CAAC;AAAA,EACH;AACF;","names":[]}