@cfxjs/sirius-next-common 0.0.8 → 0.0.9-patch.1

package/dist/chunk-W3A6JEOD.js

@@ -0,0 +1,224 @@
+import {
+  getAccount
+} from "./chunk-JOQA6SDG.js";
+import {
+  NETWORK_ID
+} from "./chunk-ADPYV4OL.js";
+
+// src/utils/address.ts
+import SDK from "js-conflux-sdk";
+import {
+  checksumHexAddress,
+  convertHexToBase32,
+  isBase32Address,
+  isHexAddress,
+  isCoreHexAddress,
+  decode,
+  convertBase32ToHex,
+  getCoreHexAddressType
+} from "@cfx-kit/dapp-utils/dist/address";
+var ADDRESS_FUNC_CACHE = {};
+var addressHandlerWrapper = (handler, cacheKey) => {
+  return (address, ...args) => {
+    if (!address)
+      return handler(address, ...args);
+    const lowerAddress = address.toLowerCase();
+    let CACHE_KEY = "";
+    if (cacheKey) {
+      CACHE_KEY = `${cacheKey}(${lowerAddress},${args.join(",")})`;
+      if (ADDRESS_FUNC_CACHE[CACHE_KEY])
+        return ADDRESS_FUNC_CACHE[CACHE_KEY];
+    }
+    const result = handler(lowerAddress, ...args);
+    if (cacheKey) {
+      ADDRESS_FUNC_CACHE[CACHE_KEY] = result;
+    }
+    return result;
+  };
+};
+var convertCheckSum = (address) => {
+  if (address && isHexAddress(address)) {
+    return checksumHexAddress(address);
+  }
+  return address;
+};
+var isCoreMainOrTestAddress = addressHandlerWrapper(
+  (address) => {
+    return isCoreMainnetAddress(address) || isCoreTestnetAddress(address);
+  }
+);
+var isCoreMainnetAddress = addressHandlerWrapper(
+  (address) => {
+    return /^cfx:/i.test(address) && isBase32Address(address);
+  }
+);
+var isCoreTestnetAddress = addressHandlerWrapper(
+  (address) => {
+    return /^cfxtest:/i.test(address) && isBase32Address(address);
+  }
+);
+var isCoreOtherNetAddress = addressHandlerWrapper(
+  (address) => {
+    return /^net/i.test(address) && isBase32Address(address);
+  }
+);
+var isEvmAddress = addressHandlerWrapper(
+  (address) => {
+    return isHexAddress(address) || isSimplyZeroAddress(address) || isBase32Address(address);
+  }
+);
+var isCoreAddress = addressHandlerWrapper(
+  (address) => {
+    return isCoreHexAddress(address) || isSimplyZeroAddress(address) || isBase32Address(address);
+  }
+);
+var isSimplyZeroAddress = addressHandlerWrapper((address) => {
+  return address === "0x0";
+});
+var isZeroAddress = addressHandlerWrapper(
+  (address) => {
+    try {
+      if (isHexAddress(address)) {
+        return address === SDK.CONST.ZERO_ADDRESS_HEX;
+      } else if (isSimplyZeroAddress(address)) {
+        return true;
+      } else if (isBase32Address(address)) {
+        return formatAddress(address, "hex") === SDK.CONST.ZERO_ADDRESS_HEX;
+      }
+    } catch (e) {
+    }
+    return false;
+  }
+);
+var isCoreUserAddress = addressHandlerWrapper(
+  (address) => {
+    if (isZeroAddress(address))
+      return true;
+    return getCoreAddressInfo(address)?.type === "user";
+  }
+);
+var isEvmUserAddress = addressHandlerWrapper(
+  async (address) => {
+    try {
+      if (isZeroAddress(address))
+        return true;
+      return await getEvmAddressType(address) === "user";
+    } catch (e) {
+      return false;
+    }
+  }
+);
+var isCoreContractAddress = addressHandlerWrapper(
+  (address, isIncludingInnerContract = true) => {
+    return getCoreAddressInfo(address)?.type === "contract" || isIncludingInnerContract && isInnerContractAddress(address);
+  }
+);
+var isEvmContractAddress = addressHandlerWrapper(
+  async (address) => {
+    try {
+      return await getEvmAddressType(address) === "contract";
+    } catch (e) {
+      return false;
+    }
+  }
+);
+var isInnerContractAddress = addressHandlerWrapper(
+  (address) => {
+    try {
+      return SDK.address.isInternalContractAddress(
+        formatAddress(address, "hex")
+      );
+    } catch (e) {
+      return false;
+    }
+  }
+);
+var isSpecialAddress = addressHandlerWrapper(
+  (address) => {
+    return getCoreAddressInfo(address)?.type === "builtin" && !isInnerContractAddress(address);
+  }
+);
+var isContractCodeHashEmpty = addressHandlerWrapper(
+  (codeHash) => {
+    return codeHash === "0xc5d2460186f7233c927e7db2dcc703c0e500b653ca82273b7bfad8045d85a470" || codeHash === "0x" || codeHash === "";
+  }
+);
+var getEvmAddressType = addressHandlerWrapper(
+  async (address) => {
+    try {
+      console.log(address);
+      const account = await getAccount(address);
+      if (isContractCodeHashEmpty(account.codeHash)) {
+        return "user";
+      }
+      return "contract";
+    } catch (e) {
+      console.log("getEvmAddressType error: ", e);
+      throw e;
+    }
+  },
+  "getEvmAddressType"
+);
+var getCoreAddressInfo = addressHandlerWrapper(
+  (address) => {
+    try {
+      if (isCoreHexAddress(address)) {
+        return {
+          netId: NETWORK_ID,
+          type: getCoreHexAddressType(address)
+        };
+      } else if (isBase32Address(address)) {
+        const { netId, type } = decode(address);
+        return { netId, type };
+      }
+    } catch (e) {
+    }
+    return null;
+  }
+);
+var formatAddress = (address, outputType) => {
+  let result = address;
+  try {
+    if (outputType === "base32") {
+      if (isCoreHexAddress(address)) {
+        result = convertHexToBase32(address, NETWORK_ID);
+      } else if (isBase32Address(address)) {
+        const reg = /(.*):(.*):(.*)/;
+        if (reg.test(address)) {
+          result = address.replace(reg, "$1:$3").toLowerCase();
+        }
+      }
+    } else if (outputType === "hex") {
+      if (isBase32Address(address)) {
+        result = convertBase32ToHex(address);
+      }
+    }
+  } catch (error) {
+    console.error("Failed to format address:", error);
+  }
+  return result;
+};
+
+export {
+  ADDRESS_FUNC_CACHE,
+  convertCheckSum,
+  isCoreMainOrTestAddress,
+  isCoreMainnetAddress,
+  isCoreTestnetAddress,
+  isCoreOtherNetAddress,
+  isEvmAddress,
+  isCoreAddress,
+  isSimplyZeroAddress,
+  isZeroAddress,
+  isCoreUserAddress,
+  isEvmUserAddress,
+  isCoreContractAddress,
+  isEvmContractAddress,
+  isInnerContractAddress,
+  isSpecialAddress,
+  isContractCodeHashEmpty,
+  getEvmAddressType,
+  getCoreAddressInfo,
+  formatAddress
+};
+//# sourceMappingURL=chunk-W3A6JEOD.js.map

package/dist/chunk-W3A6JEOD.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/utils/address.ts"],"sourcesContent":["import SDK from 'js-conflux-sdk';\nimport { getAccount } from './rpcRequest';\nimport { NETWORK_ID } from './constants';\nimport {\n  checksumHexAddress,\n  convertHexToBase32,\n  isBase32Address,\n  isHexAddress,\n  isCoreHexAddress,\n  decode,\n  convertBase32ToHex,\n  getCoreHexAddressType,\n} from '@cfx-kit/dapp-utils/dist/address';\n\ntype CoreAddressType = 'user' | 'contract' | 'builtin' | 'null' | 'unknown';\ntype EvmAddressType = 'user' | 'contract';\n\ninterface AddressCache {\n  [key: string]: any;\n}\nexport const ADDRESS_FUNC_CACHE: AddressCache = {};\n\n// common\nconst addressHandlerWrapper = <T extends Function>(\n  handler: T,\n  cacheKey?: string,\n): T => {\n  return ((address: string, ...args: unknown[]) => {\n    if (!address) return handler(address, ...args);\n    const lowerAddress = address.toLowerCase();\n    let CACHE_KEY = '';\n    if (cacheKey) {\n      CACHE_KEY = `${cacheKey}(${lowerAddress},${args.join(',')})`;\n      if (ADDRESS_FUNC_CACHE[CACHE_KEY]) return ADDRESS_FUNC_CACHE[CACHE_KEY];\n    }\n    const result = handler(lowerAddress, ...args);\n    if (cacheKey) {\n      ADDRESS_FUNC_CACHE[CACHE_KEY] = result;\n    }\n    return result;\n  }) as unknown as T;\n};\n\n// evm\nexport const convertCheckSum = <T extends undefined | string>(address: T) => {\n  if (address && isHexAddress(address)) {\n    return checksumHexAddress(address);\n  }\n  return address;\n};\n\n// core mainnet or testnet\nexport const isCoreMainOrTestAddress = addressHandlerWrapper(\n  (address: string): boolean => {\n    return isCoreMainnetAddress(address) || isCoreTestnetAddress(address);\n  },\n);\n\n// core mainnet\nexport const isCoreMainnetAddress = addressHandlerWrapper(\n  (address: string): boolean => {\n    return /^cfx:/i.test(address) && isBase32Address(address);\n  },\n);\n\n// core testnet\nexport const isCoreTestnetAddress = addressHandlerWrapper(\n  (address: string): boolean => {\n    return /^cfxtest:/i.test(address) && isBase32Address(address);\n  },\n);\n\n// core other chainId\nexport const isCoreOtherNetAddress = addressHandlerWrapper(\n  (address: string): boolean => {\n    return /^net/i.test(address) && isBase32Address(address);\n  },\n);\n\n// evm\nexport const isEvmAddress = addressHandlerWrapper(\n  (address: string): boolean => {\n    return (\n      isHexAddress(address) ||\n      isSimplyZeroAddress(address) ||\n      isBase32Address(address)\n    );\n  },\n);\n\n// core\nexport const isCoreAddress = addressHandlerWrapper(\n  (address: string): boolean => {\n    return (\n      isCoreHexAddress(address) ||\n      isSimplyZeroAddress(address) ||\n      isBase32Address(address)\n    );\n  },\n);\n\n// common, only for 0x0\nexport const isSimplyZeroAddress = addressHandlerWrapper((address: string) => {\n  return address === '0x0';\n});\n\n// common\nexport const isZeroAddress = addressHandlerWrapper(\n  (address: string): boolean => {\n    try {\n      // hex\n      if (isHexAddress(address)) {\n        return address === SDK.CONST.ZERO_ADDRESS_HEX;\n      } else if (isSimplyZeroAddress(address)) {\n        return true;\n        // base32\n      } else if (isBase32Address(address)) {\n        return formatAddress(address, 'hex') === SDK.CONST.ZERO_ADDRESS_HEX;\n      }\n    } catch (e) {}\n    return false;\n  },\n);\n\n// core\nexport const isCoreUserAddress = addressHandlerWrapper(\n  (address: string): boolean => {\n    if (isZeroAddress(address)) return true;\n    return getCoreAddressInfo(address)?.type === 'user';\n  },\n);\n\n// evm\nexport const isEvmUserAddress = addressHandlerWrapper(\n  async (address: string): Promise<boolean> => {\n    try {\n      if (isZeroAddress(address)) return true;\n      return (await getEvmAddressType(address)) === 'user';\n    } catch (e) {\n      return false;\n    }\n  },\n);\n\n// core\nexport const isCoreContractAddress = addressHandlerWrapper(\n  (address: string, isIncludingInnerContract = true): boolean => {\n    return (\n      getCoreAddressInfo(address)?.type === 'contract' ||\n      (isIncludingInnerContract && isInnerContractAddress(address))\n    );\n  },\n);\n\n// evm\nexport const isEvmContractAddress = addressHandlerWrapper(\n  async (address: string): Promise<boolean> => {\n    try {\n      return (await getEvmAddressType(address)) === 'contract';\n    } catch (e) {\n      return false;\n    }\n  },\n);\n\n//core\nexport const isInnerContractAddress = addressHandlerWrapper(\n  (address: string): boolean => {\n    try {\n      return SDK.address.isInternalContractAddress(\n        formatAddress(address, 'hex'),\n      );\n    } catch (e) {\n      return false;\n    }\n  },\n);\n\n// core\n// address start with 0x0, not valid internal contract, but fullnode support\nexport const isSpecialAddress = addressHandlerWrapper(\n  (address: string): boolean => {\n    return (\n      getCoreAddressInfo(address)?.type === 'builtin' &&\n      !isInnerContractAddress(address)\n    );\n  },\n);\n\n// evm\nexport const isContractCodeHashEmpty = addressHandlerWrapper(\n  (codeHash: string) => {\n    return (\n      codeHash ===\n        '0xc5d2460186f7233c927e7db2dcc703c0e500b653ca82273b7bfad8045d85a470' ||\n      codeHash === '0x' ||\n      codeHash === ''\n    );\n  },\n);\n\n// evm\n/**\n * Only evm address type\n */\nexport const getEvmAddressType = addressHandlerWrapper(\n  async (address: string): Promise<EvmAddressType> => {\n    try {\n      console.log(address)\n      const account: any = await getAccount(address);\n      if (isContractCodeHashEmpty(account.codeHash)) {\n        return 'user';\n      }\n      return 'contract';\n    } catch (e) {\n      console.log('getEvmAddressType error: ', e);\n      throw e;\n    }\n  },\n  'getEvmAddressType',\n);\n\ninterface CoreAddressInfo {\n  netId: number;\n  type: CoreAddressType;\n}\n\n// core\n/**\n * Only core address type\n */\nexport const getCoreAddressInfo = addressHandlerWrapper(\n  (address: string): CoreAddressInfo | null => {\n    try {\n      if (isCoreHexAddress(address)) {\n        return {\n          netId: NETWORK_ID,\n          type: getCoreHexAddressType(address),\n        };\n      } else if (isBase32Address(address)) {\n        const { netId, type } = decode(address);\n        return { netId, type } as CoreAddressInfo;\n      }\n    } catch (e) {}\n    return null;\n  },\n);\n\n// common\nexport const formatAddress = (\n  address: string,\n  outputType: 'hex' | 'base32',\n) => {\n  let result = address;\n\n  try {\n    if (outputType === 'base32') {\n      if (isCoreHexAddress(address)) {\n        result = convertHexToBase32(address, NETWORK_ID);\n      } else if (isBase32Address(address)) {\n        const reg = /(.*):(.*):(.*)/;\n        if (reg.test(address)) {\n          result = address.replace(reg, '$1:$3').toLowerCase();\n        }\n      }\n    } else if (outputType === 'hex') {\n      if (isBase32Address(address)) {\n        result = convertBase32ToHex(address);\n      }\n    }\n  } catch (error) {\n    console.error('Failed to format address:', error);\n  }\n\n  return result;\n};\n"],"mappings":"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","names":[]}

package/dist/chunk-W4BQSWJN.js

@@ -0,0 +1,212 @@
+import {
+  RenderAddress
+} from "./chunk-IODNITVN.js";
+import {
+  formatAddress,
+  isInnerContractAddress
+} from "./chunk-KM2ZAN4M.js";
+import {
+  Tooltip
+} from "./chunk-UHLTNS5S.js";
+import {
+  coreCorrespondsToEspace,
+  formatString,
+  getNetwork
+} from "./chunk-O4IEY4EN.js";
+import {
+  getEnvConfig,
+  getTranslations,
+  useGlobalData
+} from "./chunk-QKQG47IV.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-W4BQSWJN.js.map

package/dist/chunk-W4BQSWJN.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-WJK2VUHR.js

@@ -0,0 +1,65 @@
+import {
+  scope
+} from "./chunk-P5STBOCR.js";
+import {
+  useI18n
+} from "./chunk-QKQG47IV.js";
+
+// src/components/Charts/ChartOptions.tsx
+import { useTranslation } from "react-i18next";
+import { jsx, jsxs } from "react/jsx-runtime";
+var ChartOptions = ({
+  intervalScope,
+  intervalType,
+  limit,
+  onCombination
+}) => {
+  const { t } = useTranslation();
+  const { translations } = useI18n();
+  const intervalScopeDefault = intervalScope || { day: scope.day };
+  return /* @__PURE__ */ jsxs("div", { className: "flex relative z-2 top-[10px] mb-[20px] left-[40px] gap-[10px] flex-col chartsFilter:flex-row chartsFilter:gap-0", children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex gap-[3px] mr-[20px]", children: [
+      /* @__PURE__ */ jsxs("div", { children: [
+        t(translations.highcharts.options.time),
+        ":"
+      ] }),
+      Object.keys(intervalScopeDefault).map((e, i) => {
+        const scopeItemArray = intervalScopeDefault[e];
+        const lastScopeItem = scopeItemArray?.[scopeItemArray.length - 1];
+        const lastItemLimit = lastScopeItem?.limit;
+        return /* @__PURE__ */ jsx(
+          "div",
+          {
+            className: `${intervalType === e ? "bg-[#E6EBF5]" : "bg-[#F7F7F7]"} w-fit px-[7px] py-[2px] rounded-[5px] text-[12px] cursor-pointer hover:bg-[#eee]`,
+            onClick: () => onCombination(e, lastItemLimit + ""),
+            children: e
+          },
+          "scopeKey" + i
+        );
+      })
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "flex gap-[3px]", children: [
+      /* @__PURE__ */ jsxs("div", { children: [
+        t(translations.highcharts.options.range),
+        ":"
+      ] }),
+      intervalScopeDefault[intervalType]?.map(
+        (e, i) => /* @__PURE__ */ jsx(
+          "div",
+          {
+            onClick: () => onCombination(intervalType, e.limit + ""),
+            className: `${limit === e.limit + "" ? "bg-[#E6EBF5]" : "bg-[#F7F7F7]"} w-fit px-[7px] py-[2px] rounded-[5px] text-[12px] cursor-pointer hover:bg-[#eee]`,
+            children: e.label
+          },
+          "scopeLimit" + i
+        )
+      )
+    ] })
+  ] });
+};
+var ChartOptions_default = ChartOptions;
+
+export {
+  ChartOptions_default
+};
+//# sourceMappingURL=chunk-WJK2VUHR.js.map

package/dist/chunk-WJK2VUHR.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Charts/ChartOptions.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next';\nimport { useI18n } from '../../store';\nimport { ScopeItemType, ScopeType, ChartOptionsProps, scope } from './config';\n\nconst ChartOptions = ({\n  intervalScope,\n  intervalType,\n  limit,\n  onCombination,\n}: ChartOptionsProps) => {\n  const { t } = useTranslation();\n  const { translations } = useI18n();\n  const intervalScopeDefault = intervalScope || { day: scope.day };\n  return (\n    <div className=\"flex relative z-2 top-[10px] mb-[20px] left-[40px] gap-[10px] flex-col chartsFilter:flex-row chartsFilter:gap-0\">\n      <div className=\"flex gap-[3px] mr-[20px]\">\n        <div>{t(translations.highcharts.options.time)}:</div>\n        {Object.keys(intervalScopeDefault).map((e, i) => {\n          const scopeItemArray = intervalScopeDefault[e as keyof ScopeType];\n          const lastScopeItem = scopeItemArray?.[scopeItemArray.length - 1];\n          const lastItemLimit = lastScopeItem?.limit;\n\n          return (\n            <div\n              className={`${intervalType === e ? 'bg-[#E6EBF5]' : 'bg-[#F7F7F7]'} w-fit px-[7px] py-[2px] rounded-[5px] text-[12px] cursor-pointer hover:bg-[#eee]`}\n              key={'scopeKey' + i}\n              onClick={() =>\n                onCombination(e as keyof ScopeType, lastItemLimit + '')\n              }\n            >\n              {e}\n            </div>\n          );\n        })}\n      </div>\n      <div className=\"flex gap-[3px]\">\n        <div>{t(translations.highcharts.options.range)}:</div>\n        {intervalScopeDefault[intervalType]?.map(\n          (e: ScopeItemType, i: number) => (\n            <div\n              key={'scopeLimit' + i}\n              onClick={() => onCombination(intervalType, e.limit + '')}\n              className={`${limit === e.limit + '' ? 'bg-[#E6EBF5]' : 'bg-[#F7F7F7]'} w-fit px-[7px] py-[2px] rounded-[5px] text-[12px] cursor-pointer hover:bg-[#eee]`}\n            >\n              {e.label}\n            </div>\n          ),\n        )}\n      </div>\n    </div>\n  );\n};\n\nexport default ChartOptions;\n"],"mappings":";;;;;;;;AAAA,SAAS,sBAAsB;AAgBvB,SAOI,KAPJ;AAZR,IAAM,eAAe,CAAC;AAAA,EACpB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAyB;AACvB,QAAM,EAAE,EAAE,IAAI,eAAe;AAC7B,QAAM,EAAE,aAAa,IAAI,QAAQ;AACjC,QAAM,uBAAuB,iBAAiB,EAAE,KAAK,MAAM,IAAI;AAC/D,SACE,qBAAC,SAAI,WAAU,mHACb;AAAA,yBAAC,SAAI,WAAU,4BACb;AAAA,2BAAC,SAAK;AAAA,UAAE,aAAa,WAAW,QAAQ,IAAI;AAAA,QAAE;AAAA,SAAC;AAAA,MAC9C,OAAO,KAAK,oBAAoB,EAAE,IAAI,CAAC,GAAG,MAAM;AAC/C,cAAM,iBAAiB,qBAAqB,CAAoB;AAChE,cAAM,gBAAgB,iBAAiB,eAAe,SAAS,CAAC;AAChE,cAAM,gBAAgB,eAAe;AAErC,eACE;AAAA,UAAC;AAAA;AAAA,YACC,WAAW,GAAG,iBAAiB,IAAI,iBAAiB;AAAA,YAEpD,SAAS,MACP,cAAc,GAAsB,gBAAgB,EAAE;AAAA,YAGvD;AAAA;AAAA,UALI,aAAa;AAAA,QAMpB;AAAA,MAEJ,CAAC;AAAA,OACH;AAAA,IACA,qBAAC,SAAI,WAAU,kBACb;AAAA,2BAAC,SAAK;AAAA,UAAE,aAAa,WAAW,QAAQ,KAAK;AAAA,QAAE;AAAA,SAAC;AAAA,MAC/C,qBAAqB,YAAY,GAAG;AAAA,QACnC,CAAC,GAAkB,MACjB;AAAA,UAAC;AAAA;AAAA,YAEC,SAAS,MAAM,cAAc,cAAc,EAAE,QAAQ,EAAE;AAAA,YACvD,WAAW,GAAG,UAAU,EAAE,QAAQ,KAAK,iBAAiB;AAAA,YAEvD,YAAE;AAAA;AAAA,UAJE,eAAe;AAAA,QAKtB;AAAA,MAEJ;AAAA,OACF;AAAA,KACF;AAEJ;AAEA,IAAO,uBAAQ;","names":[]}