@cfxjs/sirius-next-common 0.2.10 → 0.2.11

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/PhishingAddressContainer/index.tsx"],"sourcesContent":["import { getTranslations } from 'src/store';\nimport { Tooltip } from '../Tooltip';\nimport { PhishingWarningIcon } from './PhishingWarningIcon';\nimport { Trans } from 'react-i18next';\nimport { useMemo } from 'react';\nimport { convertCheckSum } from 'src/utils/address';\n\nexport interface PhishingData {\n  key: string;\n  regex: RegExp;\n  list: {\n    address: string;\n    list: [string, string, string];\n  }[];\n}\n\nexport const formatListResponseWithPhishingInfo = <\n  T extends Record<string, unknown>,\n>(\n  response: T,\n) => {\n  if (!response || !response.phishingInfo || !response.list) {\n    return response;\n  }\n  const phishingInfo = response.phishingInfo as Record<string, string[]>;\n  const phishingRegex = Object.keys(phishingInfo).reduce((acc, key) => {\n    const value = phishingInfo[key] || [];\n    if (!Array.isArray(value) || value.length <= 1) {\n      return acc;\n    }\n    const [start = '', end = ''] = key.split('...');\n    const regex = new RegExp(`^(${start})(.*)(${end})$`, 'i');\n    acc.push({\n      key,\n      regex,\n      list: value.map(item => {\n        const [_, start = '', middle = '', end = ''] =\n          convertCheckSum(item).match(regex) || [];\n        return {\n          address: item,\n          list: [start, middle, end],\n        };\n      }),\n    });\n    return acc;\n  }, [] as PhishingData[]);\n  if (phishingRegex.length === 0) {\n    return response;\n  }\n  return {\n    ...response,\n    list: (response.list as Record<string, unknown>[]).map(item => {\n      const fromPhishingData = phishingRegex.find(p =>\n        p.regex.test((item.from || '') as string),\n      );\n      const toPhishingData = phishingRegex.find(p =>\n        p.regex.test((item.to || '') as string),\n      );\n      return {\n        ...item,\n        fromPhishingData,\n        toPhishingData,\n      };\n    }),\n  };\n};\n\nconst PhishingAddress: React.FC<{\n  start: string;\n  end: string;\n  middle: string;\n}> = ({ start, end, middle }) => {\n  return (\n    <span>\n      <span className=\"text-#FFBB37\">{start}</span>\n      <span>{middle}</span>\n      <span className=\"text-#FFBB37\">{end}</span>\n    </span>\n  );\n};\n\nconst SimilarAddresses: React.FC<{\n  list: [string, string, string][];\n}> = ({ list }) => {\n  return (\n    <div className=\"flex flex-col\">\n      {list.map(item => (\n        <PhishingAddress\n          key={item[1]}\n          start={item[0]}\n          end={item[2]}\n          middle={item[1]}\n        />\n      ))}\n    </div>\n  );\n};\n\nconst PhishingTooltip: React.FC<{\n  phishingData: PhishingData;\n  address: string;\n}> = ({ phishingData, address }) => {\n  const translations = getTranslations();\n  const { list: _list, key, regex } = phishingData;\n  const { start, middle, end, list } = useMemo(() => {\n    const [_, start = '', middle = '', end = ''] =\n      convertCheckSum(address).match(regex) || [];\n    return {\n      start,\n      middle,\n      end,\n      list: _list\n        .filter(item => item.address.toLowerCase() !== address.toLowerCase())\n        .map(item => item.list),\n    };\n  }, [address, key, _list]);\n\n  return (\n    <Tooltip\n      className=\"flex items-center\"\n      containerClassName=\"[&.sirius-next-tooltip>[data-part=content]]:text-10px\"\n      title={\n        <Trans i18nKey={translations.toolTip.phishingWarning}>\n          <PhishingAddress start={start} end={end} middle={middle} />\n          <SimilarAddresses list={list} />\n        </Trans>\n      }\n      portalled\n    >\n      <PhishingWarningIcon className=\"text-#FFBB37\" />\n    </Tooltip>\n  );\n};\n\nexport const PhishingAddressContainer: React.FC<\n  React.PropsWithChildren & {\n    address?: string;\n    phishingData?: PhishingData;\n  }\n> = ({ children, phishingData, address }) => {\n  if (address && phishingData && phishingData.list.length > 0) {\n    return (\n      <div className=\"flex items-center\">\n        <PhishingTooltip phishingData={phishingData} address={address} />\n        {children}\n      </div>\n    );\n  }\n  return children;\n};\n"],"mappings":"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","names":["start","end","middle"]}
+{"version":3,"sources":["../../../src/components/PhishingAddressContainer/index.tsx"],"sourcesContent":["import { getTranslations } from 'src/store';\nimport { Tooltip } from '../Tooltip';\nimport { PhishingWarningIcon } from './PhishingWarningIcon';\nimport { Trans } from 'react-i18next';\nimport { useMemo } from 'react';\nimport { convertCheckSum } from 'src/utils/address';\n\nexport interface PhishingData {\n  key: string;\n  regex: RegExp;\n  list: {\n    address: string;\n    list: [string, string, string];\n  }[];\n}\n\nexport const formatListResponseWithPhishingInfo = <\n  T extends Record<string, unknown>,\n>(\n  response: T,\n) => {\n  if (!response || !response.phishingInfo || !response.list) {\n    return response;\n  }\n  const phishingInfo = response.phishingInfo as Record<string, string[]>;\n  const phishingRegex = Object.keys(phishingInfo).reduce((acc, key) => {\n    const value = phishingInfo[key] || [];\n    if (!Array.isArray(value) || value.length <= 1) {\n      return acc;\n    }\n    const [start = '', end = ''] = key.split('...');\n    const regex = new RegExp(`^(${start})(.*)(${end})$`, 'i');\n    acc.push({\n      key,\n      regex,\n      list: value.map(item => {\n        const [_, start = '', middle = '', end = ''] =\n          convertCheckSum(item).match(regex) || [];\n        return {\n          address: item,\n          list: [start, middle, end],\n        };\n      }),\n    });\n    return acc;\n  }, [] as PhishingData[]);\n  if (phishingRegex.length === 0) {\n    return response;\n  }\n  return {\n    ...response,\n    list: (response.list as Record<string, unknown>[]).map(item => {\n      const fromPhishingData = phishingRegex.find(p =>\n        p.regex.test((item.from || '') as string),\n      );\n      const toPhishingData = phishingRegex.find(p =>\n        p.regex.test((item.to || '') as string),\n      );\n      return {\n        ...item,\n        fromPhishingData,\n        toPhishingData,\n      };\n    }),\n  };\n};\n\nconst PhishingAddress: React.FC<{\n  start: string;\n  end: string;\n  middle: string;\n}> = ({ start, end, middle }) => {\n  return (\n    <span>\n      <span className=\"text-#FFBB37\">{start}</span>\n      <span>{middle}</span>\n      <span className=\"text-#FFBB37\">{end}</span>\n    </span>\n  );\n};\n\nconst SimilarAddresses: React.FC<{\n  list: [string, string, string][];\n}> = ({ list }) => {\n  return (\n    <div className=\"flex flex-col\">\n      {list.map(item => (\n        <PhishingAddress\n          key={item[1]}\n          start={item[0]}\n          end={item[2]}\n          middle={item[1]}\n        />\n      ))}\n    </div>\n  );\n};\n\nconst PhishingTooltip: React.FC<{\n  phishingData: PhishingData;\n  address: string;\n}> = ({ phishingData, address }) => {\n  const translations = getTranslations();\n  const { list: _list, key, regex } = phishingData;\n  const { start, middle, end, list } = useMemo(() => {\n    const [_, start = '', middle = '', end = ''] =\n      convertCheckSum(address).match(regex) || [];\n    return {\n      start,\n      middle,\n      end,\n      list: _list\n        .filter(item => item.address.toLowerCase() !== address.toLowerCase())\n        .map(item => item.list),\n    };\n  }, [address, key, _list]);\n\n  return (\n    <Tooltip\n      className=\"flex items-center\"\n      containerClassName=\"[&.sirius-next-tooltip>[data-part=content]]:text-10px\"\n      title={\n        <Trans i18nKey={translations.toolTip.phishingWarning}>\n          <PhishingAddress start={start} end={end} middle={middle} />\n          <SimilarAddresses list={list} />\n        </Trans>\n      }\n      portalled\n    >\n      <PhishingWarningIcon className=\"text-#FFBB37\" />\n    </Tooltip>\n  );\n};\n\nexport const PhishingAddressContainer: React.FC<\n  React.PropsWithChildren & {\n    address?: string;\n    phishingData?: PhishingData;\n  }\n> = ({ children, phishingData, address }) => {\n  if (address && phishingData && phishingData.list.length > 0) {\n    return (\n      <div className=\"flex items-center\">\n        <PhishingTooltip phishingData={phishingData} address={address} />\n        {children}\n      </div>\n    );\n  }\n  return children;\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAGA,SAAS,aAAa;AACtB,SAAS,eAAe;AAqEpB,SACE,KADF;AAzDG,IAAM,qCAAqC,CAGhD,aACG;AACH,MAAI,CAAC,YAAY,CAAC,SAAS,gBAAgB,CAAC,SAAS,MAAM;AACzD,WAAO;AAAA,EACT;AACA,QAAM,eAAe,SAAS;AAC9B,QAAM,gBAAgB,OAAO,KAAK,YAAY,EAAE,OAAO,CAAC,KAAK,QAAQ;AACnE,UAAM,QAAQ,aAAa,GAAG,KAAK,CAAC;AACpC,QAAI,CAAC,MAAM,QAAQ,KAAK,KAAK,MAAM,UAAU,GAAG;AAC9C,aAAO;AAAA,IACT;AACA,UAAM,CAAC,QAAQ,IAAI,MAAM,EAAE,IAAI,IAAI,MAAM,KAAK;AAC9C,UAAM,QAAQ,IAAI,OAAO,KAAK,cAAc,SAAS,GAAG;AACxD,QAAI,KAAK;AAAA,MACP;AAAA,MACA;AAAA,MACA,MAAM,MAAM,IAAI,UAAQ;AACtB,cAAM,CAAC,GAAGA,SAAQ,IAAI,SAAS,IAAIC,OAAM,EAAE,IACzC,gBAAgB,IAAI,EAAE,MAAM,KAAK,KAAK,CAAC;AACzC,eAAO;AAAA,UACL,SAAS;AAAA,UACT,MAAM,CAACD,QAAO,QAAQC,IAAG;AAAA,QAC3B;AAAA,MACF,CAAC;AAAA,IACH,CAAC;AACD,WAAO;AAAA,EACT,GAAG,CAAC,CAAmB;AACvB,MAAI,cAAc,WAAW,GAAG;AAC9B,WAAO;AAAA,EACT;AACA,SAAO;AAAA,IACL,GAAG;AAAA,IACH,MAAO,SAAS,KAAmC,IAAI,UAAQ;AAC7D,YAAM,mBAAmB,cAAc;AAAA,QAAK,OAC1C,EAAE,MAAM,KAAM,KAAK,QAAQ,EAAa;AAAA,MAC1C;AACA,YAAM,iBAAiB,cAAc;AAAA,QAAK,OACxC,EAAE,MAAM,KAAM,KAAK,MAAM,EAAa;AAAA,MACxC;AACA,aAAO;AAAA,QACL,GAAG;AAAA,QACH;AAAA,QACA;AAAA,MACF;AAAA,IACF,CAAC;AAAA,EACH;AACF;AAEA,IAAM,kBAID,CAAC,EAAE,OAAO,KAAK,OAAO,MAAM;AAC/B,SACE,qBAAC,UACC;AAAA,wBAAC,UAAK,WAAU,gBAAgB,iBAAM;AAAA,IACtC,oBAAC,UAAM,kBAAO;AAAA,IACd,oBAAC,UAAK,WAAU,gBAAgB,eAAI;AAAA,KACtC;AAEJ;AAEA,IAAM,mBAED,CAAC,EAAE,KAAK,MAAM;AACjB,SACE,oBAAC,SAAI,WAAU,iBACZ,eAAK,IAAI,UACR;AAAA,IAAC;AAAA;AAAA,MAEC,OAAO,KAAK,CAAC;AAAA,MACb,KAAK,KAAK,CAAC;AAAA,MACX,QAAQ,KAAK,CAAC;AAAA;AAAA,IAHT,KAAK,CAAC;AAAA,EAIb,CACD,GACH;AAEJ;AAEA,IAAM,kBAGD,CAAC,EAAE,cAAc,QAAQ,MAAM;AAClC,QAAM,eAAe,gBAAgB;AACrC,QAAM,EAAE,MAAM,OAAO,KAAK,MAAM,IAAI;AACpC,QAAM,EAAE,OAAO,QAAQ,KAAK,KAAK,IAAI,QAAQ,MAAM;AACjD,UAAM,CAAC,GAAGD,SAAQ,IAAIE,UAAS,IAAID,OAAM,EAAE,IACzC,gBAAgB,OAAO,EAAE,MAAM,KAAK,KAAK,CAAC;AAC5C,WAAO;AAAA,MACL,OAAAD;AAAA,MACA,QAAAE;AAAA,MACA,KAAAD;AAAA,MACA,MAAM,MACH,OAAO,UAAQ,KAAK,QAAQ,YAAY,MAAM,QAAQ,YAAY,CAAC,EACnE,IAAI,UAAQ,KAAK,IAAI;AAAA,IAC1B;AAAA,EACF,GAAG,CAAC,SAAS,KAAK,KAAK,CAAC;AAExB,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAU;AAAA,MACV,oBAAmB;AAAA,MACnB,OACE,qBAAC,SAAM,SAAS,aAAa,QAAQ,iBACnC;AAAA,4BAAC,mBAAgB,OAAc,KAAU,QAAgB;AAAA,QACzD,oBAAC,oBAAiB,MAAY;AAAA,SAChC;AAAA,MAEF,WAAS;AAAA,MAET,8BAAC,uBAAoB,WAAU,gBAAe;AAAA;AAAA,EAChD;AAEJ;AAEO,IAAM,2BAKT,CAAC,EAAE,UAAU,cAAc,QAAQ,MAAM;AAC3C,MAAI,WAAW,gBAAgB,aAAa,KAAK,SAAS,GAAG;AAC3D,WACE,qBAAC,SAAI,WAAU,qBACb;AAAA,0BAAC,mBAAgB,cAA4B,SAAkB;AAAA,MAC9D;AAAA,OACH;AAAA,EAEJ;AACA,SAAO;AACT;","names":["start","end","middle"]}

package/dist/components/Popover/index.js

@@ -1,14 +1,15 @@
 import {
   Popover
-} from "../../chunk-2R6NJR5T.js";
+} from "../../chunk-LVFMTP5H.js";
 import "../../chunk-BMO4IZHV.js";
 import "../../chunk-LRCAKRPK.js";
-import "../../chunk-DFQG46WD.js";
-import "../../chunk-7RH7LJYB.js";
-import "../../chunk-LXTR4VAD.js";
+import "../../chunk-CPPQCJEV.js";
+import "../../chunk-WIB76E7O.js";
+import "../../chunk-5EDEEGZK.js";
 import "../../chunk-J2I22Q2M.js";
-import "../../chunk-YEUH2K6Z.js";
+import "../../chunk-YEINMVAR.js";
 import "../../chunk-DQGLZCIG.js";
+import "../../chunk-WQG2LZMB.js";
 export {
   Popover
 };

package/dist/components/Price/index.js

@@ -1,16 +1,17 @@
 import {
   Tooltip
-} from "../../chunk-NUKYY7GO.js";
+} from "../../chunk-DF3PVTB5.js";
 import "../../chunk-BMO4IZHV.js";
 import "../../chunk-LRCAKRPK.js";
 import {
   formatPrice
-} from "../../chunk-DFQG46WD.js";
-import "../../chunk-7RH7LJYB.js";
-import "../../chunk-LXTR4VAD.js";
+} from "../../chunk-CPPQCJEV.js";
+import "../../chunk-WIB76E7O.js";
+import "../../chunk-5EDEEGZK.js";
 import "../../chunk-J2I22Q2M.js";
-import "../../chunk-YEUH2K6Z.js";
+import "../../chunk-YEINMVAR.js";
 import "../../chunk-DQGLZCIG.js";
+import "../../chunk-WQG2LZMB.js";
 
 // src/components/Price/index.tsx
 import { jsx } from "react/jsx-runtime";

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/Price/index.tsx"],"sourcesContent":["/**\n *\n * Footer\n *\n */\nimport React from 'react';\nimport { formatPrice } from '../../utils';\nimport { Tooltip } from '../Tooltip';\n\nexport const Price = ({\n  children,\n  showTooltip = true,\n}: {\n  children: string | number;\n  showTooltip?: boolean;\n}) => {\n  if (['NaN', 'undefined', 'null'].includes(String(children))) {\n    return <span>--</span>;\n  }\n\n  const [fPrice, fullPrice] = formatPrice(children);\n\n  return fullPrice && showTooltip ? (\n    <Tooltip\n      title={\n        <span\n          style={{\n            whiteSpace: 'nowrap',\n          }}\n        >\n          {fullPrice}\n        </span>\n      }\n    >\n      <span>{fPrice}</span>\n    </Tooltip>\n  ) : (\n    <span>{fPrice}</span>\n  );\n};\n"],"mappings":";;;;;;;;;;;;;;;AAiBW;AARJ,IAAM,QAAQ,CAAC;AAAA,EACpB;AAAA,EACA,cAAc;AAChB,MAGM;AACJ,MAAI,CAAC,OAAO,aAAa,MAAM,EAAE,SAAS,OAAO,QAAQ,CAAC,GAAG;AAC3D,WAAO,oBAAC,UAAK,gBAAE;AAAA,EACjB;AAEA,QAAM,CAAC,QAAQ,SAAS,IAAI,YAAY,QAAQ;AAEhD,SAAO,aAAa,cAClB;AAAA,IAAC;AAAA;AAAA,MACC,OACE;AAAA,QAAC;AAAA;AAAA,UACC,OAAO;AAAA,YACL,YAAY;AAAA,UACd;AAAA,UAEC;AAAA;AAAA,MACH;AAAA,MAGF,8BAAC,UAAM,kBAAO;AAAA;AAAA,EAChB,IAEA,oBAAC,UAAM,kBAAO;AAElB;","names":[]}
+{"version":3,"sources":["../../../src/components/Price/index.tsx"],"sourcesContent":["/**\n *\n * Footer\n *\n */\nimport React from 'react';\nimport { formatPrice } from '../../utils';\nimport { Tooltip } from '../Tooltip';\n\nexport const Price = ({\n  children,\n  showTooltip = true,\n}: {\n  children: string | number;\n  showTooltip?: boolean;\n}) => {\n  if (['NaN', 'undefined', 'null'].includes(String(children))) {\n    return <span>--</span>;\n  }\n\n  const [fPrice, fullPrice] = formatPrice(children);\n\n  return fullPrice && showTooltip ? (\n    <Tooltip\n      title={\n        <span\n          style={{\n            whiteSpace: 'nowrap',\n          }}\n        >\n          {fullPrice}\n        </span>\n      }\n    >\n      <span>{fPrice}</span>\n    </Tooltip>\n  ) : (\n    <span>{fPrice}</span>\n  );\n};\n"],"mappings":";;;;;;;;;;;;;;;;AAiBW;AARJ,IAAM,QAAQ,CAAC;AAAA,EACpB;AAAA,EACA,cAAc;AAChB,MAGM;AACJ,MAAI,CAAC,OAAO,aAAa,MAAM,EAAE,SAAS,OAAO,QAAQ,CAAC,GAAG;AAC3D,WAAO,oBAAC,UAAK,gBAAE;AAAA,EACjB;AAEA,QAAM,CAAC,QAAQ,SAAS,IAAI,YAAY,QAAQ;AAEhD,SAAO,aAAa,cAClB;AAAA,IAAC;AAAA;AAAA,MACC,OACE;AAAA,QAAC;AAAA;AAAA,UACC,OAAO;AAAA,YACL,YAAY;AAAA,UACd;AAAA,UAEC;AAAA;AAAA,MACH;AAAA,MAGF,8BAAC,UAAM,kBAAO;AAAA;AAAA,EAChB,IAEA,oBAAC,UAAM,kBAAO;AAElB;","names":[]}

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

@@ -0,0 +1,24 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ProxyType } from '../../utils/hooks/useTxTrace.js';
+import 'swr';
+import '../../utils/sdk.js';
+import 'viem';
+import '../../utils/request.types.js';
+
+declare const ProxyContractAddress: (props: {
+    address: string;
+    alias?: string;
+    isFull?: boolean;
+    verify?: boolean;
+    showIcon?: boolean;
+    showAddressLabel?: boolean;
+    proxy: {
+        type: ProxyType;
+        implAddress: string;
+        beaconAddress?: string;
+    };
+    style?: React.CSSProperties;
+    className?: string;
+}) => react_jsx_runtime.JSX.Element;
+
+export { ProxyContractAddress };

package/dist/components/ProxyContractAddress/index.js

@@ -0,0 +1,120 @@
+import {
+  useAddressLabel
+} from "../../chunk-6H5A42YS.js";
+import {
+  isInnerContractAddress
+} from "../../chunk-CNF26YY7.js";
+import {
+  Tooltip
+} from "../../chunk-DF3PVTB5.js";
+import "../../chunk-BMO4IZHV.js";
+import "../../chunk-LRCAKRPK.js";
+import {
+  cn
+} from "../../chunk-CPPQCJEV.js";
+import "../../chunk-WIB76E7O.js";
+import "../../chunk-5EDEEGZK.js";
+import "../../chunk-J2I22Q2M.js";
+import "../../chunk-YEINMVAR.js";
+import {
+  getTranslations
+} from "../../chunk-DQGLZCIG.js";
+import "../../chunk-WQG2LZMB.js";
+
+// src/components/ProxyContractAddress/index.tsx
+import { useTranslation } from "react-i18next";
+import InternalContractIcon from "../../internal-contract-icon-ZH2RG3CU.png";
+import ContractIcon from "../../contract-icon-P3W2HUAA.png";
+import VerifiedIcon from "../../verified-VJRHZNN7.png";
+import { shortenAddress } from "@cfx-kit/dapp-utils/dist/address";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+var ProxyContractAddress = (props) => {
+  const {
+    showIcon = true,
+    showAddressLabel = true,
+    verify,
+    address,
+    alias,
+    isFull = false,
+    proxy,
+    className,
+    style
+  } = props;
+  const { t } = useTranslation();
+  const translations = getTranslations();
+  const addressLabel = useAddressLabel(address, showAddressLabel);
+  const text = addressLabel || alias || (isFull ? address : shortenAddress(address));
+  const isInnerContract = address && isInnerContractAddress(address);
+  const typeText = t(
+    isInnerContract ? translations.general.internalContract : verify ? translations.general.verifiedContract : translations.general.unverifiedContract
+  );
+  return /* @__PURE__ */ jsxs("div", { className: "inline-flex", children: [
+    showIcon && /* @__PURE__ */ jsx("div", { className: `mr-[2px] flex-shrink-0`, children: /* @__PURE__ */ jsx(Tooltip, { title: typeText, children: /* @__PURE__ */ jsx("div", { className: "relative w-[16px] h-[16px]", children: isInnerContract ? /* @__PURE__ */ jsx(
+      "img",
+      {
+        className: "w-[16px] h-[16px] align-bottom mb-[5px]",
+        src: InternalContractIcon,
+        alt: typeText
+      }
+    ) : /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx(
+        "img",
+        {
+          className: "w-[16px] h-[16px] align-bottom mb-[5px]",
+          src: ContractIcon,
+          alt: typeText
+        }
+      ),
+      verify ? /* @__PURE__ */ jsx(
+        "img",
+        {
+          className: "w-[8px] h-[8px] absolute bottom-[-1px] right-[1px]",
+          src: VerifiedIcon,
+          alt: ""
+        }
+      ) : /* @__PURE__ */ jsx(Fragment, {})
+    ] }) }) }) }),
+    /* @__PURE__ */ jsx(
+      Tooltip,
+      {
+        title: /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-5px", children: [
+          /* @__PURE__ */ jsxs("div", { children: [
+            proxy.type,
+            ": ",
+            address
+          ] }),
+          proxy.beaconAddress && /* @__PURE__ */ jsxs("div", { children: [
+            "Beacon: ",
+            proxy.beaconAddress
+          ] }),
+          /* @__PURE__ */ jsxs("div", { children: [
+            "Impl: ",
+            proxy.implAddress
+          ] })
+        ] }),
+        containerClassName: "max-w-unset",
+        children: /* @__PURE__ */ jsxs(
+          "a",
+          {
+            className: cn(
+              "block relative align-bottom cursor-pointer truncate max-w-190px",
+              className
+            ),
+            href: `/address/${address}`,
+            style,
+            children: [
+              text,
+              "(",
+              proxy.type,
+              ")"
+            ]
+          }
+        )
+      }
+    )
+  ] });
+};
+export {
+  ProxyContractAddress
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/ProxyContractAddress/index.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next';\nimport { getTranslations } from 'src/store';\nimport { isInnerContractAddress } from 'src/utils/address';\nimport { Tooltip } from '../Tooltip';\nimport InternalContractIcon from '../../images/internal-contract-icon.png';\nimport ContractIcon from '../../images/contract-icon.png';\nimport VerifiedIcon from '../../images/verified.png';\nimport { shortenAddress } from '@cfx-kit/dapp-utils/dist/address';\nimport { cn } from 'src/utils';\nimport { ProxyType } from 'src/utils/hooks/useTxTrace';\nimport { useAddressLabel } from 'src/utils/hooks/useAddressLabel';\n\nexport const ProxyContractAddress = (props: {\n  address: string;\n  alias?: string;\n  isFull?: boolean;\n  verify?: boolean;\n  showIcon?: boolean;\n  showAddressLabel?: boolean;\n  proxy: {\n    type: ProxyType;\n    implAddress: string;\n    beaconAddress?: string;\n  };\n  style?: React.CSSProperties;\n  className?: string;\n}) => {\n  const {\n    showIcon = true,\n    showAddressLabel = true,\n    verify,\n    address,\n    alias,\n    isFull = false,\n    proxy,\n    className,\n    style,\n  } = props;\n\n  const { t } = useTranslation();\n  const translations = getTranslations();\n  const addressLabel = useAddressLabel(address, showAddressLabel);\n  const text =\n    addressLabel || alias || (isFull ? address : shortenAddress(address));\n\n  const isInnerContract = address && isInnerContractAddress(address);\n\n  const typeText = t(\n    isInnerContract\n      ? translations.general.internalContract\n      : verify\n        ? translations.general.verifiedContract\n        : translations.general.unverifiedContract,\n  );\n\n  return (\n    <div className=\"inline-flex\">\n      {showIcon && (\n        <div className={`mr-[2px] flex-shrink-0`}>\n          <Tooltip title={typeText}>\n            <div className=\"relative w-[16px] h-[16px]\">\n              {isInnerContract ? (\n                <img\n                  className=\"w-[16px] h-[16px] align-bottom mb-[5px]\"\n                  src={InternalContractIcon}\n                  alt={typeText}\n                />\n              ) : (\n                <>\n                  <img\n                    className=\"w-[16px] h-[16px] align-bottom mb-[5px]\"\n                    src={ContractIcon}\n                    alt={typeText}\n                  />\n                  {verify ? (\n                    <img\n                      className=\"w-[8px] h-[8px] absolute bottom-[-1px] right-[1px]\"\n                      src={VerifiedIcon}\n                      alt={''}\n                    />\n                  ) : (\n                    <></>\n                  )}\n                </>\n              )}\n            </div>\n          </Tooltip>\n        </div>\n      )}\n      <Tooltip\n        title={\n          <div className=\"flex flex-col gap-5px\">\n            <div>\n              {proxy.type}: {address}\n            </div>\n            {proxy.beaconAddress && <div>Beacon: {proxy.beaconAddress}</div>}\n            <div>Impl: {proxy.implAddress}</div>\n          </div>\n        }\n        containerClassName=\"max-w-unset\"\n      >\n        <a\n          className={cn(\n            'block relative align-bottom cursor-pointer truncate max-w-190px',\n            className,\n          )}\n          href={`/address/${address}`}\n          style={style}\n        >\n          {text}({proxy.type})\n        </a>\n      </Tooltip>\n    </div>\n  );\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAAA,SAAS,sBAAsB;AAI/B,OAAO,0BAA0B;AACjC,OAAO,kBAAkB;AACzB,OAAO,kBAAkB;AACzB,SAAS,sBAAsB;AAuDf,SAmBI,UAnBJ,KAMA,YANA;AAlDT,IAAM,uBAAuB,CAAC,UAc/B;AACJ,QAAM;AAAA,IACJ,WAAW;AAAA,IACX,mBAAmB;AAAA,IACnB;AAAA,IACA;AAAA,IACA;AAAA,IACA,SAAS;AAAA,IACT;AAAA,IACA;AAAA,IACA;AAAA,EACF,IAAI;AAEJ,QAAM,EAAE,EAAE,IAAI,eAAe;AAC7B,QAAM,eAAe,gBAAgB;AACrC,QAAM,eAAe,gBAAgB,SAAS,gBAAgB;AAC9D,QAAM,OACJ,gBAAgB,UAAU,SAAS,UAAU,eAAe,OAAO;AAErE,QAAM,kBAAkB,WAAW,uBAAuB,OAAO;AAEjE,QAAM,WAAW;AAAA,IACf,kBACI,aAAa,QAAQ,mBACrB,SACE,aAAa,QAAQ,mBACrB,aAAa,QAAQ;AAAA,EAC7B;AAEA,SACE,qBAAC,SAAI,WAAU,eACZ;AAAA,gBACC,oBAAC,SAAI,WAAW,0BACd,8BAAC,WAAQ,OAAO,UACd,8BAAC,SAAI,WAAU,8BACZ,4BACC;AAAA,MAAC;AAAA;AAAA,QACC,WAAU;AAAA,QACV,KAAK;AAAA,QACL,KAAK;AAAA;AAAA,IACP,IAEA,iCACE;AAAA;AAAA,QAAC;AAAA;AAAA,UACC,WAAU;AAAA,UACV,KAAK;AAAA,UACL,KAAK;AAAA;AAAA,MACP;AAAA,MACC,SACC;AAAA,QAAC;AAAA;AAAA,UACC,WAAU;AAAA,UACV,KAAK;AAAA,UACL,KAAK;AAAA;AAAA,MACP,IAEA,gCAAE;AAAA,OAEN,GAEJ,GACF,GACF;AAAA,IAEF;AAAA,MAAC;AAAA;AAAA,QACC,OACE,qBAAC,SAAI,WAAU,yBACb;AAAA,+BAAC,SACE;AAAA,kBAAM;AAAA,YAAK;AAAA,YAAG;AAAA,aACjB;AAAA,UACC,MAAM,iBAAiB,qBAAC,SAAI;AAAA;AAAA,YAAS,MAAM;AAAA,aAAc;AAAA,UAC1D,qBAAC,SAAI;AAAA;AAAA,YAAO,MAAM;AAAA,aAAY;AAAA,WAChC;AAAA,QAEF,oBAAmB;AAAA,QAEnB;AAAA,UAAC;AAAA;AAAA,YACC,WAAW;AAAA,cACT;AAAA,cACA;AAAA,YACF;AAAA,YACA,MAAM,YAAY;AAAA,YAClB;AAAA,YAEC;AAAA;AAAA,cAAK;AAAA,cAAE,MAAM;AAAA,cAAK;AAAA;AAAA;AAAA,QACrB;AAAA;AAAA,IACF;AAAA,KACF;AAEJ;","names":[]}

package/dist/components/Radio/index.js

@@ -1,11 +1,12 @@
 import {
   cn
-} from "../../chunk-DFQG46WD.js";
-import "../../chunk-7RH7LJYB.js";
-import "../../chunk-LXTR4VAD.js";
+} from "../../chunk-CPPQCJEV.js";
+import "../../chunk-WIB76E7O.js";
+import "../../chunk-5EDEEGZK.js";
 import "../../chunk-J2I22Q2M.js";
-import "../../chunk-YEUH2K6Z.js";
+import "../../chunk-YEINMVAR.js";
 import "../../chunk-DQGLZCIG.js";
+import "../../chunk-WQG2LZMB.js";
 
 // ../../node_modules/.pnpm/@radix-ui+react-radio-group@1.2.3_@types+react-dom@18.2.22_@types+react@18.2.67_react-dom@18._7hoofqvtnex5636yqbwyqoruey/node_modules/@radix-ui/react-radio-group/dist/index.mjs
 import * as React23 from "react";