@cfxjs/sirius-next-common 0.2.20 → 0.2.22

package/dist/components/SmartAccountAddress/index.js

@@ -0,0 +1,94 @@
+import {
+  useAddressLabel
+} from "../../chunk-RJOY6FMD.js";
+import {
+  Link
+} from "../../chunk-2Y57U43P.js";
+import "../../chunk-TGK5LP2H.js";
+import {
+  getAddressNameInfo
+} from "../../chunk-SQI2F34Q.js";
+import "../../chunk-6TKFGXSA.js";
+import {
+  Tooltip
+} from "../../chunk-VXHLESK7.js";
+import "../../chunk-BMO4IZHV.js";
+import "../../chunk-LRCAKRPK.js";
+import {
+  cn
+} from "../../chunk-G246NFI4.js";
+import "../../chunk-WIB76E7O.js";
+import "../../chunk-ZSOMTVP5.js";
+import "../../chunk-J2I22Q2M.js";
+import "../../chunk-YEINMVAR.js";
+import "../../chunk-DQGLZCIG.js";
+import "../../chunk-WQG2LZMB.js";
+
+// src/components/SmartAccountAddress/index.tsx
+import { shortenAddress } from "@cfx-kit/dapp-utils/dist/address";
+import { useMemo } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+var SmartAccountAddress = (props) => {
+  const {
+    showAddressLabel = true,
+    showVerificationName = false,
+    value,
+    isFull = false,
+    delegatedTo,
+    className,
+    style,
+    showNametag = true,
+    nameMap
+  } = props;
+  const nameInfo = getAddressNameInfo(value, nameMap);
+  const tokenName = props.tokenName ?? nameInfo?.tokenName;
+  const contractName = props.contractName ?? nameInfo?.contractName;
+  const verificationName = props.verificationName ?? nameInfo?.verificationName;
+  const nametag = props.nametag ?? nameInfo?.nametag;
+  const addressLabel = useAddressLabel(value, showAddressLabel);
+  const text = useMemo(() => {
+    return addressLabel || (showNametag ? nametag : void 0) || tokenName || contractName || showVerificationName && verificationName || (isFull ? value : shortenAddress(value));
+  }, [
+    nametag,
+    value,
+    showNametag,
+    addressLabel,
+    contractName,
+    tokenName,
+    showVerificationName,
+    verificationName,
+    isFull
+  ]);
+  return /* @__PURE__ */ jsx("div", { className: "inline-flex", children: /* @__PURE__ */ jsx(
+    Tooltip,
+    {
+      title: /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-5px", children: [
+        /* @__PURE__ */ jsx("div", { children: value }),
+        /* @__PURE__ */ jsxs("div", { children: [
+          "Delegated to: ",
+          delegatedTo
+        ] })
+      ] }),
+      containerClassName: "max-w-unset",
+      children: /* @__PURE__ */ jsxs(
+        Link,
+        {
+          className: cn(
+            "block relative align-bottom cursor-pointer truncate max-w-220px",
+            className
+          ),
+          href: `/address/${value}`,
+          style,
+          children: [
+            text,
+            " (Code)"
+          ]
+        }
+      )
+    }
+  ) });
+};
+export {
+  SmartAccountAddress
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/SmartAccountAddress/index.tsx"],"sourcesContent":["import { Tooltip } from '../Tooltip';\nimport { shortenAddress } from '@cfx-kit/dapp-utils/dist/address';\nimport { cn } from 'src/utils';\nimport { useAddressLabel } from 'src/utils/hooks/useAddressLabel';\nimport { useMemo } from 'react';\nimport { Link } from '../Link';\nimport { EVMAddressContainerProps } from '../AddressContainer/types';\nimport { getAddressNameInfo } from '../AddressContainer/utils';\n\nexport const SmartAccountAddress = (\n  props: Pick<\n    EVMAddressContainerProps,\n    | 'value'\n    | 'contractName'\n    | 'tokenName'\n    | 'showVerificationName'\n    | 'verificationName'\n    | 'isFull'\n    | 'verify'\n    | 'showAddressLabel'\n    | 'showNametag'\n    | 'nametag'\n    | 'nameMap'\n  > & {\n    delegatedTo: string;\n    style?: React.CSSProperties;\n    className?: string;\n  },\n) => {\n  const {\n    showAddressLabel = true,\n    showVerificationName = false,\n    value,\n    isFull = false,\n    delegatedTo,\n    className,\n    style,\n    showNametag = true,\n    nameMap,\n  } = props;\n\n  const nameInfo = getAddressNameInfo(value, nameMap);\n\n  const tokenName = props.tokenName ?? nameInfo?.tokenName;\n  const contractName = props.contractName ?? nameInfo?.contractName;\n  const verificationName = props.verificationName ?? nameInfo?.verificationName;\n\n  const nametag = props.nametag ?? nameInfo?.nametag;\n\n  const addressLabel = useAddressLabel(value, showAddressLabel);\n\n  const text = useMemo(() => {\n    // Private name tags > Official tag/name > contract token name > contract tag > contract name > CNS/ENS\n    return (\n      addressLabel ||\n      (showNametag ? nametag : undefined) ||\n      tokenName ||\n      contractName ||\n      (showVerificationName && verificationName) ||\n      (isFull ? value : shortenAddress(value))\n    );\n  }, [\n    nametag,\n    value,\n    showNametag,\n    addressLabel,\n    contractName,\n    tokenName,\n    showVerificationName,\n    verificationName,\n    isFull,\n  ]);\n\n  return (\n    <div className=\"inline-flex\">\n      <Tooltip\n        title={\n          <div className=\"flex flex-col gap-5px\">\n            <div>{value}</div>\n            <div>Delegated to: {delegatedTo}</div>\n          </div>\n        }\n        containerClassName=\"max-w-unset\"\n      >\n        <Link\n          className={cn(\n            'block relative align-bottom cursor-pointer truncate max-w-220px',\n            className,\n          )}\n          href={`/address/${value}`}\n          style={style}\n        >\n          {text} (Code)\n        </Link>\n      </Tooltip>\n    </div>\n  );\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AACA,SAAS,sBAAsB;AAG/B,SAAS,eAAe;AA0EZ,cACA,YADA;AArEL,IAAM,sBAAsB,CACjC,UAkBG;AACH,QAAM;AAAA,IACJ,mBAAmB;AAAA,IACnB,uBAAuB;AAAA,IACvB;AAAA,IACA,SAAS;AAAA,IACT;AAAA,IACA;AAAA,IACA;AAAA,IACA,cAAc;AAAA,IACd;AAAA,EACF,IAAI;AAEJ,QAAM,WAAW,mBAAmB,OAAO,OAAO;AAElD,QAAM,YAAY,MAAM,aAAa,UAAU;AAC/C,QAAM,eAAe,MAAM,gBAAgB,UAAU;AACrD,QAAM,mBAAmB,MAAM,oBAAoB,UAAU;AAE7D,QAAM,UAAU,MAAM,WAAW,UAAU;AAE3C,QAAM,eAAe,gBAAgB,OAAO,gBAAgB;AAE5D,QAAM,OAAO,QAAQ,MAAM;AAEzB,WACE,iBACC,cAAc,UAAU,WACzB,aACA,gBACC,wBAAwB,qBACxB,SAAS,QAAQ,eAAe,KAAK;AAAA,EAE1C,GAAG;AAAA,IACD;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,CAAC;AAED,SACE,oBAAC,SAAI,WAAU,eACb;AAAA,IAAC;AAAA;AAAA,MACC,OACE,qBAAC,SAAI,WAAU,yBACb;AAAA,4BAAC,SAAK,iBAAM;AAAA,QACZ,qBAAC,SAAI;AAAA;AAAA,UAAe;AAAA,WAAY;AAAA,SAClC;AAAA,MAEF,oBAAmB;AAAA,MAEnB;AAAA,QAAC;AAAA;AAAA,UACC,WAAW;AAAA,YACT;AAAA,YACA;AAAA,UACF;AAAA,UACA,MAAM,YAAY;AAAA,UAClB;AAAA,UAEC;AAAA;AAAA,YAAK;AAAA;AAAA;AAAA,MACR;AAAA;AAAA,EACF,GACF;AAEJ;","names":[]}

package/dist/components/Text/index.js

@@ -1,13 +1,13 @@
 import {
   Text
-} from "../../chunk-C7OIVXE3.js";
+} from "../../chunk-VVEA44KS.js";
 import "../../chunk-TOKKKTFG.js";
-import "../../chunk-GQRCW7WX.js";
+import "../../chunk-VXHLESK7.js";
 import "../../chunk-BMO4IZHV.js";
 import "../../chunk-LRCAKRPK.js";
-import "../../chunk-NM3BMITL.js";
+import "../../chunk-G246NFI4.js";
 import "../../chunk-WIB76E7O.js";
-import "../../chunk-VGYNHJFT.js";
+import "../../chunk-ZSOMTVP5.js";
 import "../../chunk-J2I22Q2M.js";
 import "../../chunk-YEINMVAR.js";
 import "../../chunk-DQGLZCIG.js";

package/dist/components/Tooltip/index.js

@@ -1,11 +1,11 @@
 import {
   Tooltip
-} from "../../chunk-GQRCW7WX.js";
+} from "../../chunk-VXHLESK7.js";
 import "../../chunk-BMO4IZHV.js";
 import "../../chunk-LRCAKRPK.js";
-import "../../chunk-NM3BMITL.js";
+import "../../chunk-G246NFI4.js";
 import "../../chunk-WIB76E7O.js";
-import "../../chunk-VGYNHJFT.js";
+import "../../chunk-ZSOMTVP5.js";
 import "../../chunk-J2I22Q2M.js";
 import "../../chunk-YEINMVAR.js";
 import "../../chunk-DQGLZCIG.js";

package/dist/components/TransactionAction/coreTransactionAction.js

@@ -10,26 +10,26 @@ import {
 import "../../chunk-TGK5LP2H.js";
 import {
   CoreAddressContainer
-} from "../../chunk-J6ZC77OY.js";
-import "../../chunk-CMOP3BKX.js";
-import "../../chunk-WZIT54AU.js";
-import "../../chunk-LCV3NUFR.js";
+} from "../../chunk-YXREYDKU.js";
+import "../../chunk-DEZ6AV62.js";
+import "../../chunk-SQI2F34Q.js";
+import "../../chunk-TJZKPAAH.js";
 import "../../chunk-MWAD4CIG.js";
-import "../../chunk-4LSM4TMM.js";
-import "../../chunk-6L4ZEJQI.js";
-import "../../chunk-C7OIVXE3.js";
+import "../../chunk-E7ZFE6KT.js";
+import "../../chunk-6TKFGXSA.js";
+import "../../chunk-VVEA44KS.js";
 import "../../chunk-TOKKKTFG.js";
-import "../../chunk-GQRCW7WX.js";
+import "../../chunk-VXHLESK7.js";
 import "../../chunk-BMO4IZHV.js";
 import "../../chunk-LRCAKRPK.js";
 import {
   formatBalance
-} from "../../chunk-NM3BMITL.js";
+} from "../../chunk-G246NFI4.js";
 import "../../chunk-WIB76E7O.js";
 import {
   reqContractAndToken,
   reqNametag
-} from "../../chunk-VGYNHJFT.js";
+} from "../../chunk-ZSOMTVP5.js";
 import "../../chunk-J2I22Q2M.js";
 import "../../chunk-YEINMVAR.js";
 import {
@@ -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,27 +10,27 @@ import {
 import "../../chunk-TGK5LP2H.js";
 import {
   EVMAddressContainer
-} from "../../chunk-XUKHHB5L.js";
-import "../../chunk-WZIT54AU.js";
-import "../../chunk-LCV3NUFR.js";
+} from "../../chunk-2KBVDLVC.js";
+import "../../chunk-SQI2F34Q.js";
+import "../../chunk-TJZKPAAH.js";
 import "../../chunk-MWAD4CIG.js";
-import "../../chunk-4LSM4TMM.js";
+import "../../chunk-E7ZFE6KT.js";
 import {
   formatAddress
-} from "../../chunk-6L4ZEJQI.js";
-import "../../chunk-C7OIVXE3.js";
+} from "../../chunk-6TKFGXSA.js";
+import "../../chunk-VVEA44KS.js";
 import "../../chunk-TOKKKTFG.js";
-import "../../chunk-GQRCW7WX.js";
+import "../../chunk-VXHLESK7.js";
 import "../../chunk-BMO4IZHV.js";
 import "../../chunk-LRCAKRPK.js";
 import {
   formatBalance
-} from "../../chunk-NM3BMITL.js";
+} from "../../chunk-G246NFI4.js";
 import "../../chunk-WIB76E7O.js";
 import {
   reqContractAndToken,
   reqNametag
-} from "../../chunk-VGYNHJFT.js";
+} from "../../chunk-ZSOMTVP5.js";
 import "../../chunk-J2I22Q2M.js";
 import "../../chunk-YEINMVAR.js";
 import {
@@ -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/components/TransactionTrace/TraceDetail.d.ts

@@ -10,10 +10,7 @@ interface Props {
     abi?: AbiFunctionWithoutGas[];
     outcome?: 'success' | 'fail' | 'reverted';
     space: 'evm' | 'core';
-    proxy?: {
-        beaconAddress?: string;
-        implAddress: string;
-    };
+    implementation?: string;
 }
 declare const TraceDetail: (props: Props) => react_jsx_runtime.JSX.Element;
 

package/dist/components/TransactionTrace/TraceDetail.js

@@ -1,49 +1,51 @@
 import {
   TraceDetail
-} from "../../chunk-W64AF7LA.js";
-import "../../chunk-XZL5CZFT.js";
+} from "../../chunk-7IGZGPFM.js";
+import "../../chunk-CRTD2R3I.js";
+import "../../chunk-7P6KYI3Z.js";
 import "../../chunk-UM5J477V.js";
-import "../../chunk-BEI5TWJL.js";
-import "../../chunk-GHHUAWSG.js";
-import "../../chunk-RUU22F7R.js";
+import "../../chunk-MF6LAIGP.js";
+import "../../chunk-7PQ6YKBC.js";
 import "../../chunk-NWVSTRCG.js";
-import "../../chunk-UZALXR3J.js";
-import "../../chunk-H5ZJBRIK.js";
-import "../../chunk-7AVQOIDM.js";
-import "../../chunk-6SXAFSBF.js";
-import "../../chunk-JIRLY7OG.js";
-import "../../chunk-4B6ASBYQ.js";
-import "../../chunk-LCIBOT5P.js";
-import "../../chunk-7VQL3G7K.js";
+import "../../chunk-KHUI4JLS.js";
+import "../../chunk-ABO5SDB4.js";
+import "../../chunk-2TO4UOX3.js";
 import "../../chunk-OYESIV3F.js";
-import "../../chunk-OT7NZ4PK.js";
-import "../../chunk-DYNSSHD5.js";
-import "../../chunk-2WEBXRNL.js";
+import "../../chunk-KZ2KYINT.js";
+import "../../chunk-OMU7JQ6Y.js";
+import "../../chunk-TTNJMHOJ.js";
+import "../../chunk-RJOY6FMD.js";
+import "../../chunk-6XLSWPR3.js";
+import "../../chunk-LQCS5PT5.js";
 import "../../chunk-FYLAXC3R.js";
 import "../../chunk-SFCNLOQ5.js";
-import "../../chunk-YBQQ72FQ.js";
-import "../../chunk-UF5BN4QN.js";
+import "../../chunk-5AM5HM3B.js";
+import "../../chunk-P7M7B7ER.js";
 import "../../chunk-XBEBAU77.js";
-import "../../chunk-BHAXBHVC.js";
-import "../../chunk-DCQANK66.js";
 import "../../chunk-O6NJ56NA.js";
 import "../../chunk-XCKMXAL2.js";
 import "../../chunk-2Y57U43P.js";
 import "../../chunk-TGK5LP2H.js";
+import "../../chunk-XF2CMO2A.js";
+import "../../chunk-6SXAFSBF.js";
+import "../../chunk-JIRLY7OG.js";
+import "../../chunk-4B6ASBYQ.js";
+import "../../chunk-DV3GFG5Q.js";
 import "../../chunk-5TGK2EA2.js";
 import "../../chunk-ADNS57X5.js";
-import "../../chunk-YEAWH772.js";
-import "../../chunk-CMOP3BKX.js";
+import "../../chunk-FTRICVXA.js";
+import "../../chunk-DEZ6AV62.js";
+import "../../chunk-SQI2F34Q.js";
 import "../../chunk-MWAD4CIG.js";
-import "../../chunk-6L4ZEJQI.js";
-import "../../chunk-C7OIVXE3.js";
+import "../../chunk-6TKFGXSA.js";
+import "../../chunk-VVEA44KS.js";
 import "../../chunk-TOKKKTFG.js";
-import "../../chunk-GQRCW7WX.js";
+import "../../chunk-VXHLESK7.js";
 import "../../chunk-BMO4IZHV.js";
 import "../../chunk-LRCAKRPK.js";
-import "../../chunk-NM3BMITL.js";
+import "../../chunk-G246NFI4.js";
 import "../../chunk-WIB76E7O.js";
-import "../../chunk-VGYNHJFT.js";
+import "../../chunk-ZSOMTVP5.js";
 import "../../chunk-J2I22Q2M.js";
 import "../../chunk-YEINMVAR.js";
 import "../../chunk-DQGLZCIG.js";