@cfxjs/sirius-next-common 0.1.26 → 0.1.28

package/dist/chunk-2RR4CX3F.js

@@ -0,0 +1,141 @@
+import {
+  useENS
+} from "./chunk-5CJCDS5F.js";
+import {
+  ContractAddress,
+  ContractCreatedAddress,
+  CoreHexAddress,
+  InvalidAddress,
+  MyAddress,
+  PosAddress
+} from "./chunk-S7BWR5IZ.js";
+import {
+  RenderAddress
+} from "./chunk-P3FVYMA6.js";
+import {
+  formatAddress,
+  isCoreAddress,
+  isCoreContractAddress,
+  isZeroAddress
+} from "./chunk-RTFAJGPO.js";
+import {
+  getLabelInfo
+} from "./chunk-JY62VTMC.js";
+import {
+  getTranslations,
+  useGlobalData
+} from "./chunk-DQGLZCIG.js";
+
+// src/components/AddressContainer/CoreAddressContainer.tsx
+import { memo } from "react";
+import { withTranslation } from "react-i18next";
+import _ from "lodash";
+import { Fragment, jsx } from "react/jsx-runtime";
+var parseProps = (props, globalData) => {
+  const {
+    alias,
+    ensInfo,
+    t,
+    showAddressLabel,
+    showNametag,
+    nametagInfo,
+    showENSLabel
+  } = props;
+  const value = props.value || "";
+  const cfxAddress = formatAddress(value, "base32");
+  let ENSMap = ensInfo || {};
+  const translations = getTranslations();
+  let aliasLabel = alias;
+  if (!alias && isZeroAddress(cfxAddress)) {
+    aliasLabel = t(translations.general.zeroAddress);
+  }
+  let prefixIcon = null;
+  let officalNametag = null;
+  let addressLabel = null;
+  let ENSLabel = null;
+  const gENSLabel = cfxAddress && ENSMap[cfxAddress]?.name;
+  if (cfxAddress && showAddressLabel) {
+    const addressLabels = globalData?.["CONFLUX_SCAN_ADDRESS_LABELS" /* addressLabel */];
+    const gAddressLabel = addressLabels?.[cfxAddress];
+    if (gAddressLabel) {
+      const { label } = getLabelInfo(gAddressLabel, "tag");
+      addressLabel = label;
+    }
+  }
+  if (cfxAddress && showNametag) {
+    const nametags = nametagInfo?.[cfxAddress];
+    if (nametags) {
+      const nametag = nametags?.nametag ?? "";
+      const { label } = getLabelInfo(nametag, "nametag");
+      officalNametag = label;
+    }
+  }
+  if (showENSLabel && gENSLabel) {
+    const { label, icon } = getLabelInfo(gENSLabel, "ens");
+    ENSLabel = label;
+    prefixIcon = icon;
+  }
+  return {
+    alias: aliasLabel,
+    prefix: prefixIcon,
+    nametag: officalNametag,
+    addressLabel,
+    ENSLabel,
+    cfxAddress
+  };
+};
+var CoreAddressContainer = withTranslation()(
+  memo((props) => {
+    const { globalData } = useGlobalData();
+    const unnecessaryEns = props.ensInfo || props.showENSLabel === false;
+    const { ens } = useENS(unnecessaryEns ? null : props.value);
+    if (!props.value && !props.contractCreated) {
+      return /* @__PURE__ */ jsx(Fragment, { children: "--" });
+    }
+    const defaultProps = {
+      isFull: false,
+      isFullNameTag: false,
+      link: true,
+      isMe: false,
+      showIcon: true,
+      verify: false,
+      showAddressLabel: true,
+      showENSLabel: true,
+      showNametag: true,
+      ensInfo: ens
+    };
+    const mergeDefaultProps = _.assign({}, defaultProps, props);
+    const mergeParseProps = _.merge(
+      {},
+      mergeDefaultProps,
+      parseProps(mergeDefaultProps, globalData)
+    );
+    if (mergeParseProps.isPosAddress) {
+      return PosAddress(mergeParseProps);
+    }
+    if (!mergeParseProps.value && mergeParseProps.contractCreated) {
+      return ContractCreatedAddress({
+        ...mergeParseProps,
+        outputType: "base32"
+      });
+    }
+    if (mergeParseProps.isEspaceAddress) {
+      return CoreHexAddress(mergeParseProps);
+    }
+    if (!isCoreAddress(mergeParseProps.value)) {
+      return InvalidAddress(mergeParseProps);
+    }
+    if (isCoreContractAddress(mergeParseProps.cfxAddress)) {
+      return ContractAddress(mergeParseProps);
+    }
+    if (mergeParseProps.isMe) {
+      return MyAddress(mergeParseProps);
+    }
+    return RenderAddress(mergeParseProps);
+  })
+);
+
+export {
+  CoreAddressContainer
+};
+//# sourceMappingURL=chunk-2RR4CX3F.js.map

package/dist/chunk-2RR4CX3F.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/AddressContainer/CoreAddressContainer.tsx"],"sourcesContent":["import { memo } from 'react';\nimport { WithTranslation, withTranslation } from 'react-i18next';\nimport _ from 'lodash';\nimport {\n  formatAddress,\n  isCoreAddress,\n  isCoreContractAddress,\n  isZeroAddress,\n  convertCheckSum,\n} from '../../utils/address';\nimport { useGlobalData, getTranslations } from '../../store';\nimport { LOCALSTORAGE_KEYS_MAP } from '../../utils/constants';\nimport { getLabelInfo } from './label';\nimport { useENS } from '../../utils/hooks/useENS';\n\nimport { RenderAddress } from './addressView';\nimport {\n  ContractCreatedAddress,\n  CoreHexAddress,\n  InvalidAddress,\n  ContractAddress,\n  MyAddress,\n  PosAddress,\n} from './addressSwitcher';\nimport { GlobalDataType } from 'src/store/types';\nimport { CoreAddressContainerProps } from './types';\n\nconst parseProps = (\n  props: CoreAddressContainerProps & WithTranslation,\n  globalData: GlobalDataType,\n) => {\n  const {\n    alias,\n    ensInfo,\n    t,\n    showAddressLabel,\n    showNametag,\n    nametagInfo,\n    showENSLabel,\n  } = props;\n  const value: string = props.value || '';\n  const cfxAddress = formatAddress(value, 'base32');\n\n  let ENSMap = ensInfo || {};\n\n  const translations = getTranslations();\n\n  let aliasLabel = alias;\n  if (!alias && isZeroAddress(cfxAddress)) {\n    aliasLabel = t(translations.general.zeroAddress);\n  }\n\n  let prefixIcon: React.ReactNode = null;\n  // official name tag\n  let officalNametag: React.ReactNode = null;\n  // private name tag\n  let addressLabel: React.ReactNode = null;\n  // ens name tag\n  let ENSLabel: React.ReactNode = null;\n  // global ens name tag\n  const gENSLabel = cfxAddress && ENSMap[cfxAddress]?.name;\n\n  if (cfxAddress && showAddressLabel) {\n    // global private name tag\n    const addressLabels = globalData?.[LOCALSTORAGE_KEYS_MAP.addressLabel];\n    const gAddressLabel = addressLabels?.[cfxAddress];\n\n    if (gAddressLabel) {\n      const { label } = getLabelInfo(gAddressLabel, 'tag');\n      addressLabel = label;\n    }\n  }\n\n  if (cfxAddress && showNametag) {\n    const nametags = nametagInfo?.[cfxAddress];\n\n    if (nametags) {\n      const nametag = nametags?.nametag ?? '';\n      const { label } = getLabelInfo(nametag, 'nametag');\n      officalNametag = label;\n    }\n  }\n\n  if (showENSLabel && gENSLabel) {\n    const { label, icon } = getLabelInfo(gENSLabel, 'ens');\n    ENSLabel = label;\n    prefixIcon = icon;\n  }\n\n  return {\n    alias: aliasLabel,\n    prefix: prefixIcon,\n    nametag: officalNametag,\n    addressLabel,\n    ENSLabel,\n    cfxAddress,\n  };\n};\n\nexport const CoreAddressContainer = withTranslation()(\n  memo((props: CoreAddressContainerProps & WithTranslation) => {\n    const { globalData } = useGlobalData();\n\n    // If the interface returns Ens content, there is no need to obtain it separately, or disable the display of Ens content (in most cases on the list page).\n    const unnecessaryEns = props.ensInfo || props.showENSLabel === false;\n    const { ens } = useENS(unnecessaryEns ? null : props.value);\n\n    // If a txn receipt has no 'to' address or 'contractCreated', show -- for temp\n    if (!props.value && !props.contractCreated) {\n      return <>--</>;\n    }\n\n    const defaultProps = {\n      isFull: false,\n      isFullNameTag: false,\n      link: true,\n      isMe: false,\n      showIcon: true,\n      verify: false,\n      showAddressLabel: true,\n      showENSLabel: true,\n      showNametag: true,\n      ensInfo: ens,\n    };\n\n    const mergeDefaultProps = _.assign({}, defaultProps, props);\n\n    const mergeParseProps = _.merge(\n      {},\n      mergeDefaultProps,\n      parseProps(mergeDefaultProps, globalData),\n    );\n\n    if (mergeParseProps.isPosAddress) {\n      return PosAddress(mergeParseProps);\n    }\n\n    if (!mergeParseProps.value && mergeParseProps.contractCreated) {\n      return ContractCreatedAddress({\n        ...mergeParseProps,\n        outputType: 'base32',\n      });\n    }\n\n    if (mergeParseProps.isEspaceAddress) {\n      return CoreHexAddress(mergeParseProps);\n    }\n\n    if (!isCoreAddress(mergeParseProps.value)) {\n      return InvalidAddress(mergeParseProps);\n    }\n\n    if (isCoreContractAddress(mergeParseProps.cfxAddress)) {\n      return ContractAddress(mergeParseProps);\n    }\n\n    if (mergeParseProps.isMe) {\n      return MyAddress(mergeParseProps);\n    }\n\n    return RenderAddress(mergeParseProps);\n  }),\n);\n"],"mappings":"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","names":[]}

package/dist/chunk-2S6T3LVP.js

@@ -0,0 +1,212 @@
+import {
+  RenderAddress
+} from "./chunk-NP4YOCMX.js";
+import {
+  formatAddress,
+  isInnerContractAddress
+} from "./chunk-RTFAJGPO.js";
+import {
+  Tooltip
+} from "./chunk-XVA5MO4M.js";
+import {
+  coreCorrespondsToEspace,
+  formatString,
+  getNetwork
+} from "./chunk-4WJBUQY7.js";
+import {
+  getEnvConfig,
+  getTranslations,
+  useGlobalData
+} from "./chunk-DQGLZCIG.js";
+
+// src/components/AddressContainer/addressSwitcher.tsx
+import { AlertTriangle, File } from "@zeit-ui/react-icons";
+import InternalContractIcon from "./internal-contract-icon-ZH2RG3CU.png";
+import ContractIcon from "./contract-icon-P3W2HUAA.png";
+import VerifiedIcon from "./verified-VJRHZNN7.png";
+import isMeIcon from "./me-SIV36SR7.png";
+import { isPosAddress } from "@cfx-kit/dapp-utils/dist/address";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+var ContractCreatedAddress = (props) => {
+  const { contractCreated = "", outputType, t, isFull } = props;
+  const translations = getTranslations();
+  const contractAddress = formatAddress(contractCreated, outputType);
+  const customProps = {
+    content: t(translations.transaction.contractCreation),
+    alias: t(translations.transaction.contractCreation),
+    hrefAddress: contractAddress,
+    cfxAddress: contractAddress,
+    maxWidth: 160
+  };
+  const mergedProps = { ...props, ...customProps };
+  return RenderAddress({
+    ...mergedProps,
+    prefix: /* @__PURE__ */ jsx("div", { className: `mr-[2px] flex-shrink-0 ${isFull ? "icon" : ""}`, children: /* @__PURE__ */ jsx(Tooltip, { title: mergedProps.content, children: /* @__PURE__ */ jsx("div", { className: "relative w-[16px] h-[16px]", children: /* @__PURE__ */ jsx(
+      "img",
+      {
+        className: "w-[16px] h-[16px] align-bottom mb-[3px]",
+        src: ContractIcon,
+        alt: mergedProps.content
+      }
+    ) }) }) })
+  });
+};
+var CoreHexAddress = (props) => {
+  const { value, t, isFull, maxWidth } = props;
+  const { globalData } = useGlobalData();
+  const ENV_CONFIG = getEnvConfig();
+  const translations = getTranslations();
+  const hexAddress = formatAddress(value, "hex");
+  const network = getNetwork(
+    globalData?.networks,
+    coreCorrespondsToEspace(ENV_CONFIG.ENV_NETWORK_ID)
+  );
+  const url = `${window.location.protocol}${network.url}/address/${hexAddress}`;
+  return RenderAddress({
+    cfxAddress: hexAddress,
+    hoverValue: hexAddress,
+    link: url,
+    isFull,
+    maxWidth,
+    suffixSize: 0,
+    prefix: /* @__PURE__ */ jsx("div", { className: "mr-[2px] flex-shrink-0", children: /* @__PURE__ */ jsx(Tooltip, { title: t(translations.general.eSpaceAddress), children: /* @__PURE__ */ jsx(File, { size: 16, color: "#17B38A" }) }) })
+  });
+};
+var InvalidAddress = (props) => {
+  const {
+    value,
+    alias,
+    t,
+    isFull,
+    maxWidth,
+    isFullNameTag,
+    hideAliasPrefixInHover
+  } = props;
+  const translations = getTranslations();
+  const tip = t(translations.general.invalidAddress);
+  return RenderAddress({
+    cfxAddress: value,
+    alias,
+    hoverValue: `${tip}: ${value}`,
+    content: alias ? formatString(alias, "tag") : value,
+    link: false,
+    isFull,
+    isFullNameTag,
+    maxWidth,
+    style: { color: "#e00909" },
+    prefix: /* @__PURE__ */ jsx("div", { className: "mr-[2px] flex-shrink-0", children: /* @__PURE__ */ jsx(Tooltip, { title: tip, children: /* @__PURE__ */ jsx(AlertTriangle, { size: 16, color: "#e00909" }) }) }),
+    hideAliasPrefixInHover
+  });
+};
+var ContractAddress = (props) => {
+  const { showIcon, verify, t, cfxAddress, isFull } = props;
+  const translations = getTranslations();
+  const isInnerContract = cfxAddress && isInnerContractAddress(cfxAddress);
+  const typeText = t(
+    isInnerContract ? translations.general.internalContract : verify ? translations.general.verifiedContract : translations.general.unverifiedContract
+  );
+  return RenderAddress({
+    ...props,
+    prefix: showIcon ? /* @__PURE__ */ jsx("div", { className: `mr-[2px] flex-shrink-0 ${isFull ? "icon" : ""}`, 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(Fragment, {})
+  });
+};
+var MyAddress = (props) => {
+  const { isFull } = props;
+  return RenderAddress({
+    ...props,
+    suffix: /* @__PURE__ */ jsx("div", { className: "mr-[2px] flex-shrink-0", children: /* @__PURE__ */ jsx(
+      "img",
+      {
+        className: "w-[38.5px] h-[16px] ml-[3px] align-bottom",
+        src: isMeIcon,
+        alt: "is me",
+        style: {
+          marginBottom: isFull ? "6px" : "4px"
+        }
+      }
+    ) })
+  });
+};
+var PosAddress = (props) => {
+  const {
+    alias,
+    isFull,
+    isFullNameTag,
+    maxWidth,
+    t,
+    link,
+    isMe,
+    hideAliasPrefixInHover
+  } = props;
+  const value = props.value;
+  if (!value) {
+    return /* @__PURE__ */ jsx(Fragment, { children: "--" });
+  }
+  if (isMe) {
+    return MyAddress(props);
+  }
+  const translations = getTranslations();
+  const content = alias ? formatString(alias, "tag") : formatString(value, "posAddress");
+  if (!isPosAddress(value)) {
+    const tip = t(translations.general.invalidPosAddress);
+    return RenderAddress({
+      cfxAddress: value,
+      alias,
+      hoverValue: `${tip}: ${value}`,
+      content,
+      link: false,
+      isFull,
+      isFullNameTag,
+      maxWidth,
+      style: { color: "#e00909" },
+      prefix: /* @__PURE__ */ jsx("div", { className: "mr-[2px] flex-shrink-0", children: /* @__PURE__ */ jsx(Tooltip, { title: tip, children: /* @__PURE__ */ jsx(AlertTriangle, { size: 16, color: "#e00909" }) }) }),
+      type: "pos",
+      hideAliasPrefixInHover
+    });
+  }
+  return RenderAddress({
+    cfxAddress: value,
+    alias,
+    link,
+    isFull,
+    isFullNameTag,
+    maxWidth,
+    type: "pos",
+    content,
+    hideAliasPrefixInHover
+  });
+};
+
+export {
+  ContractCreatedAddress,
+  CoreHexAddress,
+  InvalidAddress,
+  ContractAddress,
+  MyAddress,
+  PosAddress
+};
+//# sourceMappingURL=chunk-2S6T3LVP.js.map

package/dist/chunk-2S6T3LVP.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/AddressContainer/addressSwitcher.tsx"],"sourcesContent":["import { WithTranslation } from 'react-i18next';\nimport { AlertTriangle, File } from '@zeit-ui/react-icons';\nimport InternalContractIcon from '../../images/internal-contract-icon.png';\nimport ContractIcon from '../../images/contract-icon.png';\nimport VerifiedIcon from '../../images/verified.png';\nimport isMeIcon from '../../images/me.png';\nimport { Tooltip } from '../Tooltip';\nimport { isPosAddress } from '@cfx-kit/dapp-utils/dist/address';\nimport { formatAddress, isInnerContractAddress } from '../../utils/address';\nimport { getTranslations, getEnvConfig, useGlobalData } from '../../store';\nimport { getNetwork, formatString, coreCorrespondsToEspace } from 'src/utils';\nimport { Props } from './types';\nimport { RenderAddress } from './addressView';\n\n// common\nexport const ContractCreatedAddress = (\n  props: Props & WithTranslation & { outputType: 'hex' | 'base32' },\n) => {\n  const { contractCreated = '', outputType, t, isFull } = props;\n\n  const translations = getTranslations();\n\n  const contractAddress = formatAddress(contractCreated, outputType);\n\n  const customProps = {\n    content: t(translations.transaction.contractCreation),\n    alias: t(translations.transaction.contractCreation),\n    hrefAddress: contractAddress,\n    cfxAddress: contractAddress,\n    maxWidth: 160,\n  };\n\n  const mergedProps = { ...props, ...customProps };\n  return RenderAddress({\n    ...mergedProps,\n    prefix: (\n      <div className={`mr-[2px] flex-shrink-0 ${isFull ? 'icon' : ''}`}>\n        <Tooltip title={mergedProps.content}>\n          <div className=\"relative w-[16px] h-[16px]\">\n            <img\n              className=\"w-[16px] h-[16px] align-bottom mb-[3px]\"\n              src={ContractIcon}\n              alt={mergedProps.content}\n            />\n          </div>\n        </Tooltip>\n      </div>\n    ),\n  });\n};\n\n// core\nexport const CoreHexAddress = (props: Props & WithTranslation) => {\n  const { value, t, isFull, maxWidth } = props;\n  const { globalData } = useGlobalData();\n\n  const ENV_CONFIG = getEnvConfig();\n  const translations = getTranslations();\n  const hexAddress = formatAddress(value, 'hex');\n  const network = getNetwork(\n    globalData?.networks,\n    coreCorrespondsToEspace(ENV_CONFIG.ENV_NETWORK_ID),\n  );\n  const url = `${window.location.protocol}${network.url}/address/${hexAddress}`;\n\n  return RenderAddress({\n    cfxAddress: hexAddress,\n    hoverValue: hexAddress,\n    link: url,\n    isFull,\n    maxWidth,\n    suffixSize: 0,\n    prefix: (\n      <div className=\"mr-[2px] flex-shrink-0\">\n        <Tooltip title={t((translations as any).general.eSpaceAddress)}>\n          <File size={16} color=\"#17B38A\" />\n        </Tooltip>\n      </div>\n    ),\n  });\n};\n\n// common\nexport const InvalidAddress = (props: Props & WithTranslation) => {\n  const {\n    value,\n    alias,\n    t,\n    isFull,\n    maxWidth,\n    isFullNameTag,\n    hideAliasPrefixInHover,\n  } = props;\n\n  const translations = getTranslations();\n\n  const tip = t(translations.general.invalidAddress);\n\n  return RenderAddress({\n    cfxAddress: value,\n    alias,\n    hoverValue: `${tip}: ${value}`,\n    content: alias ? formatString(alias, 'tag') : value,\n    link: false,\n    isFull,\n    isFullNameTag,\n    maxWidth,\n    style: { color: '#e00909' },\n    prefix: (\n      <div className=\"mr-[2px] flex-shrink-0\">\n        <Tooltip title={tip}>\n          <AlertTriangle size={16} color=\"#e00909\" />\n        </Tooltip>\n      </div>\n    ),\n    hideAliasPrefixInHover,\n  });\n};\n\n// common\nexport const ContractAddress = (props: Props & WithTranslation) => {\n  const { showIcon, verify, t, cfxAddress, isFull } = props;\n\n  const translations = getTranslations();\n\n  const isInnerContract = cfxAddress && isInnerContractAddress(cfxAddress);\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 RenderAddress({\n    ...props,\n    prefix: showIcon ? (\n      <div className={`mr-[2px] flex-shrink-0 ${isFull ? 'icon' : ''}`}>\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      <></>\n    ),\n  });\n};\n\n// common\nexport const MyAddress = (props: Props & WithTranslation) => {\n  const { isFull } = props;\n  return RenderAddress({\n    ...props,\n    suffix: (\n      <div className=\"mr-[2px] flex-shrink-0\">\n        <img\n          className=\"w-[38.5px] h-[16px] ml-[3px] align-bottom\"\n          src={isMeIcon}\n          alt=\"is me\"\n          style={{\n            marginBottom: isFull ? '6px' : '4px',\n          }}\n        />\n      </div>\n    ),\n  });\n};\n\n// core\nexport const PosAddress = (props: Props & WithTranslation) => {\n  const {\n    alias,\n    isFull,\n    isFullNameTag,\n    maxWidth,\n    t,\n    link,\n    isMe,\n    hideAliasPrefixInHover,\n  } = props;\n  const value = props.value;\n  if (!value) {\n    return <>--</>;\n  }\n  if (isMe) {\n    return MyAddress(props);\n  }\n  const translations = getTranslations();\n  const content = alias\n    ? formatString(alias, 'tag')\n    : formatString(value, 'posAddress');\n  if (!isPosAddress(value)) {\n    const tip = t(translations.general.invalidPosAddress);\n    return RenderAddress({\n      cfxAddress: value,\n      alias,\n      hoverValue: `${tip}: ${value}`,\n      content,\n      link: false,\n      isFull,\n      isFullNameTag,\n      maxWidth,\n      style: { color: '#e00909' },\n      prefix: (\n        <div className=\"mr-[2px] flex-shrink-0\">\n          <Tooltip title={tip}>\n            <AlertTriangle size={16} color=\"#e00909\" />\n          </Tooltip>\n        </div>\n      ),\n      type: 'pos',\n      hideAliasPrefixInHover,\n    });\n  }\n\n  return RenderAddress({\n    cfxAddress: value,\n    alias,\n    link,\n    isFull,\n    isFullNameTag,\n    maxWidth,\n    type: 'pos',\n    content,\n    hideAliasPrefixInHover,\n  });\n};\n"],"mappings":"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","names":[]}

package/dist/chunk-3357K7AW.js

@@ -0,0 +1,108 @@
+import {
+  ContractAddress,
+  ContractCreatedAddress,
+  InvalidAddress,
+  MyAddress
+} from "./chunk-5SRYL5WC.js";
+import {
+  RenderAddress
+} from "./chunk-2ATI4GSO.js";
+import {
+  convertCheckSum,
+  formatAddress,
+  isEvmAddress,
+  isZeroAddress
+} from "./chunk-RTFAJGPO.js";
+import {
+  getLabelInfo
+} from "./chunk-CRLSK4N6.js";
+import {
+  getTranslations,
+  useGlobalData
+} from "./chunk-DQGLZCIG.js";
+
+// src/components/AddressContainer/EVMAddressContainer.tsx
+import { memo } from "react";
+import { withTranslation } from "react-i18next";
+import _ from "lodash";
+import { Fragment, jsx } from "react/jsx-runtime";
+var parseProps = (props, globalData) => {
+  const { alias, t, showAddressLabel, showNametag, nametagInfo } = props;
+  const value = props.value || "";
+  const cfxAddress = formatAddress(value, "hex");
+  const translations = getTranslations();
+  let aliasLabel = alias;
+  if (!alias && isZeroAddress(cfxAddress)) {
+    aliasLabel = t(translations.general.zeroAddress);
+  }
+  let officalNametag = null;
+  let addressLabel = null;
+  if (cfxAddress && showAddressLabel) {
+    const addressLabels = globalData?.["CONFLUX_SCAN_ADDRESS_LABELS" /* addressLabel */];
+    const gAddressLabel = addressLabels?.[convertCheckSum(cfxAddress)] || addressLabels?.[cfxAddress.toLowerCase()];
+    if (gAddressLabel) {
+      const { label } = getLabelInfo(gAddressLabel, "tag");
+      addressLabel = label;
+    }
+  }
+  if (cfxAddress && showNametag) {
+    const nametags = nametagInfo?.[convertCheckSum(cfxAddress)] || nametagInfo?.[cfxAddress.toLowerCase()];
+    if (nametags) {
+      const nametag = nametags?.nametag ?? "";
+      const { label } = getLabelInfo(nametag, "nametag");
+      officalNametag = label;
+    }
+  }
+  return {
+    alias: aliasLabel,
+    nametag: officalNametag,
+    addressLabel,
+    cfxAddress
+  };
+};
+var EVMAddressContainer = withTranslation()(
+  memo((props) => {
+    const { globalData } = useGlobalData();
+    if (!props.value && !props.contractCreated) {
+      return /* @__PURE__ */ jsx(Fragment, { children: "--" });
+    }
+    const defaultProps = {
+      isFull: false,
+      isFullNameTag: false,
+      link: true,
+      isMe: false,
+      showIcon: true,
+      verify: false,
+      showAddressLabel: true,
+      showENSLabel: true,
+      showNametag: true
+    };
+    const mergeDefaultProps = _.assign({}, defaultProps, props);
+    const mergeParseProps = _.merge(
+      {},
+      mergeDefaultProps,
+      parseProps(mergeDefaultProps, globalData)
+    );
+    if (!mergeParseProps.value && mergeParseProps.contractCreated) {
+      return ContractCreatedAddress({
+        ...mergeParseProps,
+        outputType: "hex"
+      });
+    }
+    if (!isEvmAddress(mergeParseProps.value)) {
+      return InvalidAddress(mergeParseProps);
+    }
+    if (mergeParseProps.isContract) {
+      return ContractAddress(mergeParseProps);
+    }
+    if (mergeParseProps.isMe) {
+      return MyAddress(mergeParseProps);
+    }
+    return RenderAddress(mergeParseProps);
+  })
+);
+
+export {
+  EVMAddressContainer
+};
+//# sourceMappingURL=chunk-3357K7AW.js.map

package/dist/chunk-3357K7AW.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/AddressContainer/EVMAddressContainer.tsx"],"sourcesContent":["import { memo } from 'react';\nimport { WithTranslation, withTranslation } from 'react-i18next';\nimport _ from 'lodash';\nimport {\n  formatAddress,\n  isEvmAddress,\n  isZeroAddress,\n  convertCheckSum,\n} from '../../utils/address';\nimport { useGlobalData, getTranslations } from '../../store';\nimport { LOCALSTORAGE_KEYS_MAP } from '../../utils/constants';\nimport { getLabelInfo } from './label';\n\nimport { RenderAddress } from './addressView';\nimport {\n  ContractCreatedAddress,\n  InvalidAddress,\n  ContractAddress,\n  MyAddress,\n} from './addressSwitcher';\nimport { GlobalDataType } from 'src/store/types';\nimport { EVMAddressContainerProps } from './types';\n\nconst parseProps = (\n  props: EVMAddressContainerProps & WithTranslation,\n  globalData: GlobalDataType,\n) => {\n  const { alias, t, showAddressLabel, showNametag, nametagInfo } = props;\n  const value: string = props.value || '';\n  const cfxAddress = formatAddress(value, 'hex');\n\n  const translations = getTranslations();\n\n  let aliasLabel = alias;\n  if (!alias && isZeroAddress(cfxAddress)) {\n    aliasLabel = t(translations.general.zeroAddress);\n  }\n\n  // official name tag\n  let officalNametag: React.ReactNode = null;\n  // private name tag\n  let addressLabel: React.ReactNode = null;\n\n  if (cfxAddress && showAddressLabel) {\n    // global private name tag\n    const addressLabels = globalData?.[LOCALSTORAGE_KEYS_MAP.addressLabel];\n    const gAddressLabel =\n      addressLabels?.[convertCheckSum(cfxAddress)] ||\n      addressLabels?.[cfxAddress.toLowerCase()];\n\n    if (gAddressLabel) {\n      const { label } = getLabelInfo(gAddressLabel, 'tag');\n      addressLabel = label;\n    }\n  }\n\n  if (cfxAddress && showNametag) {\n    const nametags =\n      nametagInfo?.[convertCheckSum(cfxAddress)] ||\n      nametagInfo?.[cfxAddress.toLowerCase()];\n\n    if (nametags) {\n      const nametag = nametags?.nametag ?? '';\n      const { label } = getLabelInfo(nametag, 'nametag');\n      officalNametag = label;\n    }\n  }\n\n  return {\n    alias: aliasLabel,\n    nametag: officalNametag,\n    addressLabel,\n    cfxAddress,\n  };\n};\n\nexport const EVMAddressContainer = withTranslation()(\n  memo((props: EVMAddressContainerProps & WithTranslation) => {\n    const { globalData } = useGlobalData();\n\n    // If a txn receipt has no 'to' address or 'contractCreated', show -- for temp\n    if (!props.value && !props.contractCreated) {\n      return <>--</>;\n    }\n\n    const defaultProps = {\n      isFull: false,\n      isFullNameTag: false,\n      link: true,\n      isMe: false,\n      showIcon: true,\n      verify: false,\n      showAddressLabel: true,\n      showENSLabel: true,\n      showNametag: true,\n    };\n\n    const mergeDefaultProps = _.assign({}, defaultProps, props);\n\n    const mergeParseProps = _.merge(\n      {},\n      mergeDefaultProps,\n      parseProps(mergeDefaultProps, globalData),\n    );\n\n    if (!mergeParseProps.value && mergeParseProps.contractCreated) {\n      return ContractCreatedAddress({\n        ...mergeParseProps,\n        outputType: 'hex',\n      });\n    }\n\n    if (!isEvmAddress(mergeParseProps.value)) {\n      return InvalidAddress(mergeParseProps);\n    }\n\n    if (mergeParseProps.isContract) {\n      return ContractAddress(mergeParseProps);\n    }\n\n    if (mergeParseProps.isMe) {\n      return MyAddress(mergeParseProps);\n    }\n\n    return RenderAddress(mergeParseProps);\n  }),\n);\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAAA,SAAS,YAAY;AACrB,SAA0B,uBAAuB;AACjD,OAAO,OAAO;AAgFD;AA3Db,IAAM,aAAa,CACjB,OACA,eACG;AACH,QAAM,EAAE,OAAO,GAAG,kBAAkB,aAAa,YAAY,IAAI;AACjE,QAAM,QAAgB,MAAM,SAAS;AACrC,QAAM,aAAa,cAAc,OAAO,KAAK;AAE7C,QAAM,eAAe,gBAAgB;AAErC,MAAI,aAAa;AACjB,MAAI,CAAC,SAAS,cAAc,UAAU,GAAG;AACvC,iBAAa,EAAE,aAAa,QAAQ,WAAW;AAAA,EACjD;AAGA,MAAI,iBAAkC;AAEtC,MAAI,eAAgC;AAEpC,MAAI,cAAc,kBAAkB;AAElC,UAAM,gBAAgB,6DAA+C;AACrE,UAAM,gBACJ,gBAAgB,gBAAgB,UAAU,CAAC,KAC3C,gBAAgB,WAAW,YAAY,CAAC;AAE1C,QAAI,eAAe;AACjB,YAAM,EAAE,MAAM,IAAI,aAAa,eAAe,KAAK;AACnD,qBAAe;AAAA,IACjB;AAAA,EACF;AAEA,MAAI,cAAc,aAAa;AAC7B,UAAM,WACJ,cAAc,gBAAgB,UAAU,CAAC,KACzC,cAAc,WAAW,YAAY,CAAC;AAExC,QAAI,UAAU;AACZ,YAAM,UAAU,UAAU,WAAW;AACrC,YAAM,EAAE,MAAM,IAAI,aAAa,SAAS,SAAS;AACjD,uBAAiB;AAAA,IACnB;AAAA,EACF;AAEA,SAAO;AAAA,IACL,OAAO;AAAA,IACP,SAAS;AAAA,IACT;AAAA,IACA;AAAA,EACF;AACF;AAEO,IAAM,sBAAsB,gBAAgB;AAAA,EACjD,KAAK,CAAC,UAAsD;AAC1D,UAAM,EAAE,WAAW,IAAI,cAAc;AAGrC,QAAI,CAAC,MAAM,SAAS,CAAC,MAAM,iBAAiB;AAC1C,aAAO,gCAAE,gBAAE;AAAA,IACb;AAEA,UAAM,eAAe;AAAA,MACnB,QAAQ;AAAA,MACR,eAAe;AAAA,MACf,MAAM;AAAA,MACN,MAAM;AAAA,MACN,UAAU;AAAA,MACV,QAAQ;AAAA,MACR,kBAAkB;AAAA,MAClB,cAAc;AAAA,MACd,aAAa;AAAA,IACf;AAEA,UAAM,oBAAoB,EAAE,OAAO,CAAC,GAAG,cAAc,KAAK;AAE1D,UAAM,kBAAkB,EAAE;AAAA,MACxB,CAAC;AAAA,MACD;AAAA,MACA,WAAW,mBAAmB,UAAU;AAAA,IAC1C;AAEA,QAAI,CAAC,gBAAgB,SAAS,gBAAgB,iBAAiB;AAC7D,aAAO,uBAAuB;AAAA,QAC5B,GAAG;AAAA,QACH,YAAY;AAAA,MACd,CAAC;AAAA,IACH;AAEA,QAAI,CAAC,aAAa,gBAAgB,KAAK,GAAG;AACxC,aAAO,eAAe,eAAe;AAAA,IACvC;AAEA,QAAI,gBAAgB,YAAY;AAC9B,aAAO,gBAAgB,eAAe;AAAA,IACxC;AAEA,QAAI,gBAAgB,MAAM;AACxB,aAAO,UAAU,eAAe;AAAA,IAClC;AAEA,WAAO,cAAc,eAAe;AAAA,EACtC,CAAC;AACH;","names":[]}

package/dist/chunk-3BLNV3M6.js

@@ -0,0 +1,49 @@
+import {
+  Tooltip
+} from "./chunk-XXEJA3Q7.js";
+import {
+  getTranslations
+} from "./chunk-DQGLZCIG.js";
+
+// src/components/AddressContainer/label.tsx
+import { Translation } from "react-i18next";
+import { Bookmark, Hash } from "@zeit-ui/react-icons";
+import ICON_ENS from "./logo-cns-7CXISC6I.svg";
+import { jsx } from "react/jsx-runtime";
+var getLabelInfo = (label, type) => {
+  const translations = getTranslations();
+  if (label) {
+    let trans = "";
+    let icon = null;
+    if (type === "tag") {
+      trans = translations.profile.tip.label;
+      icon = /* @__PURE__ */ jsx(Bookmark, { color: "var(--theme-color-gray2)", size: 16 });
+    } else if (type === "ens") {
+      trans = translations.ens.label;
+      icon = /* @__PURE__ */ jsx(
+        "img",
+        {
+          src: ICON_ENS,
+          className: "w-[16px] h-[16px] mb-[3px] mr-[2px]",
+          alt: ""
+        }
+      );
+    } else if (type === "nametag") {
+      trans = translations.nametag.label;
+      icon = /* @__PURE__ */ jsx(Hash, { color: "var(--theme-color-gray2)", size: 16 });
+    }
+    return {
+      label,
+      icon: /* @__PURE__ */ jsx("span", { className: "mr-[2px]", children: /* @__PURE__ */ jsx(Tooltip, { title: /* @__PURE__ */ jsx(Translation, { children: (t) => t(trans) }), children: icon }) })
+    };
+  }
+  return {
+    label: "",
+    icon: null
+  };
+};
+
+export {
+  getLabelInfo
+};
+//# sourceMappingURL=chunk-3BLNV3M6.js.map

package/dist/chunk-3BLNV3M6.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/AddressContainer/label.tsx"],"sourcesContent":["import { Translation } from 'react-i18next';\nimport { Bookmark, Hash } from '@zeit-ui/react-icons';\nimport { Tooltip } from '../Tooltip';\nimport { getTranslations } from '../../store';\nimport ICON_ENS from '../../images/logo-cns.svg';\n\nexport const getLabelInfo = (label: string, type: string) => {\n  const translations = getTranslations();\n  if (label) {\n    let trans: string = '';\n    let icon: React.ReactNode = null;\n\n    if (type === 'tag') {\n      trans = translations.profile.tip.label;\n      icon = <Bookmark color=\"var(--theme-color-gray2)\" size={16} />;\n    } else if (type === 'ens') {\n      trans = (translations as any).ens.label;\n      icon = (\n        <img\n          src={ICON_ENS}\n          className=\"w-[16px] h-[16px] mb-[3px] mr-[2px]\"\n          alt=\"\"\n        />\n      );\n      // nametag from official operational staff\n    } else if (type === 'nametag') {\n      trans = translations.nametag.label;\n      icon = <Hash color=\"var(--theme-color-gray2)\" size={16} />;\n    }\n\n    return {\n      label,\n      icon: (\n        <span className=\"mr-[2px]\">\n          <Tooltip title={<Translation>{t => t(trans)}</Translation>}>\n            {icon}\n          </Tooltip>\n        </span>\n      ),\n    };\n  }\n\n  return {\n    label: '',\n    icon: null,\n  };\n};\n"],"mappings":";;;;;;;;AAAA,SAAS,mBAAmB;AAC5B,SAAS,UAAU,YAAY;AAG/B,OAAO,cAAc;AAUR;AARN,IAAM,eAAe,CAAC,OAAe,SAAiB;AAC3D,QAAM,eAAe,gBAAgB;AACrC,MAAI,OAAO;AACT,QAAI,QAAgB;AACpB,QAAI,OAAwB;AAE5B,QAAI,SAAS,OAAO;AAClB,cAAQ,aAAa,QAAQ,IAAI;AACjC,aAAO,oBAAC,YAAS,OAAM,4BAA2B,MAAM,IAAI;AAAA,IAC9D,WAAW,SAAS,OAAO;AACzB,cAAS,aAAqB,IAAI;AAClC,aACE;AAAA,QAAC;AAAA;AAAA,UACC,KAAK;AAAA,UACL,WAAU;AAAA,UACV,KAAI;AAAA;AAAA,MACN;AAAA,IAGJ,WAAW,SAAS,WAAW;AAC7B,cAAQ,aAAa,QAAQ;AAC7B,aAAO,oBAAC,QAAK,OAAM,4BAA2B,MAAM,IAAI;AAAA,IAC1D;AAEA,WAAO;AAAA,MACL;AAAA,MACA,MACE,oBAAC,UAAK,WAAU,YACd,8BAAC,WAAQ,OAAO,oBAAC,eAAa,iBAAK,EAAE,KAAK,GAAE,GACzC,gBACH,GACF;AAAA,IAEJ;AAAA,EACF;AAEA,SAAO;AAAA,IACL,OAAO;AAAA,IACP,MAAM;AAAA,EACR;AACF;","names":[]}

package/dist/chunk-3DOLNPRU.js

@@ -0,0 +1,27 @@
+// src/components/PhishingAddressContainer/PhishingWarningIcon.tsx
+import { jsx } from "react/jsx-runtime";
+var PhishingWarningIcon = ({ ...props }) => {
+  return /* @__PURE__ */ jsx(
+    "svg",
+    {
+      width: "16",
+      height: "16",
+      viewBox: "0 0 16 16",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      ...props,
+      children: /* @__PURE__ */ jsx(
+        "path",
+        {
+          d: "M8 0C12.4183 0 16 3.58172 16 8C16 12.4183 12.4183 16 8 16C3.58172 16 0 12.4183 0 8C0 3.58172 3.58172 0 8 0ZM8 1.54883C4.43687 1.54883 1.54883 4.43687 1.54883 8C1.54883 11.5631 4.43687 14.4512 8 14.4512C11.5631 14.4512 14.4512 11.5631 14.4512 8C14.4512 4.43687 11.5631 1.54883 8 1.54883ZM8 7.22559C8.39182 7.22559 8.71616 7.51682 8.76758 7.89453L8.77441 8V10.8906C8.77425 11.3181 8.42747 11.6641 8 11.6641C7.60806 11.6641 7.28369 11.373 7.23242 10.9951L7.22559 10.8906V8C7.22559 7.57242 7.57242 7.22559 8 7.22559ZM8.00684 4.33594C8.43431 4.33594 8.78109 4.68194 8.78125 5.10938C8.78125 5.50132 8.49019 5.82569 8.1123 5.87695L8.00684 5.88379C7.57222 5.88358 7.22559 5.53682 7.22559 5.10938C7.22574 4.71772 7.51696 4.39422 7.89453 4.34277L8.00684 4.33594Z",
+          fill: "currentColor"
+        }
+      )
+    }
+  );
+};
+
+export {
+  PhishingWarningIcon
+};
+//# sourceMappingURL=chunk-3DOLNPRU.js.map

package/dist/chunk-3DOLNPRU.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/PhishingAddressContainer/PhishingWarningIcon.tsx"],"sourcesContent":["import { SVGProps } from 'react';\n\nexport const PhishingWarningIcon = ({ ...props }: SVGProps<SVGSVGElement>) => {\n  return (\n    <svg\n      width=\"16\"\n      height=\"16\"\n      viewBox=\"0 0 16 16\"\n      fill=\"none\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      {...props}\n    >\n      <path\n        d=\"M8 0C12.4183 0 16 3.58172 16 8C16 12.4183 12.4183 16 8 16C3.58172 16 0 12.4183 0 8C0 3.58172 3.58172 0 8 0ZM8 1.54883C4.43687 1.54883 1.54883 4.43687 1.54883 8C1.54883 11.5631 4.43687 14.4512 8 14.4512C11.5631 14.4512 14.4512 11.5631 14.4512 8C14.4512 4.43687 11.5631 1.54883 8 1.54883ZM8 7.22559C8.39182 7.22559 8.71616 7.51682 8.76758 7.89453L8.77441 8V10.8906C8.77425 11.3181 8.42747 11.6641 8 11.6641C7.60806 11.6641 7.28369 11.373 7.23242 10.9951L7.22559 10.8906V8C7.22559 7.57242 7.57242 7.22559 8 7.22559ZM8.00684 4.33594C8.43431 4.33594 8.78109 4.68194 8.78125 5.10938C8.78125 5.50132 8.49019 5.82569 8.1123 5.87695L8.00684 5.88379C7.57222 5.88358 7.22559 5.53682 7.22559 5.10938C7.22574 4.71772 7.51696 4.39422 7.89453 4.34277L8.00684 4.33594Z\"\n        fill=\"currentColor\"\n      />\n    </svg>\n  );\n};\n"],"mappings":";AAYM;AAVC,IAAM,sBAAsB,CAAC,EAAE,GAAG,MAAM,MAA+B;AAC5E,SACE;AAAA,IAAC;AAAA;AAAA,MACC,OAAM;AAAA,MACN,QAAO;AAAA,MACP,SAAQ;AAAA,MACR,MAAK;AAAA,MACL,OAAM;AAAA,MACL,GAAG;AAAA,MAEJ;AAAA,QAAC;AAAA;AAAA,UACC,GAAE;AAAA,UACF,MAAK;AAAA;AAAA,MACP;AAAA;AAAA,EACF;AAEJ;","names":[]}