@cfxjs/sirius-next-common 0.1.26 → 0.1.28

package/dist/chunk-RRQLWLKC.js

@@ -0,0 +1,127 @@
+import {
+  convertCheckSum
+} from "./chunk-RTFAJGPO.js";
+import {
+  Text
+} from "./chunk-MU2VXMVI.js";
+import {
+  getTranslations
+} from "./chunk-DQGLZCIG.js";
+
+// src/components/AddressContainer/addressView.tsx
+import { Translation } from "react-i18next";
+import { shortenAddress } from "@cfx-kit/dapp-utils/dist/address";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+var defaultPCMaxWidth = 138;
+var renderTooltipContent = (tooltipContent) => {
+  return Object.entries(tooltipContent).map(([key, { label, value, hideLabel }]) => {
+    if (value) {
+      return /* @__PURE__ */ jsxs("div", { children: [
+        !hideLabel && /* @__PURE__ */ jsx("span", { children: /* @__PURE__ */ jsx(Translation, { children: (t) => t(label) }) }),
+        value
+      ] }, key);
+    }
+    return null;
+  }).filter(Boolean);
+};
+var convertLink = ({
+  link,
+  type,
+  hrefAddress,
+  cfxAddress
+}) => {
+  if (typeof link === "string") {
+    return link;
+  }
+  const address = hrefAddress || cfxAddress;
+  if (address && typeof address === "string") {
+    const pathname = window.location.pathname.toLowerCase();
+    const addressLower = address.toLowerCase();
+    if (pathname.includes("/address/" + addressLower)) {
+      return false;
+    }
+    if (type === "pow") {
+      return `/address/${address}`;
+    }
+    if (type === "pos") {
+      return `/pos/accounts/${address}`;
+    }
+  }
+  return false;
+};
+var RenderAddress = ({
+  cfxAddress,
+  alias,
+  hoverValue,
+  hrefAddress,
+  content,
+  link = "",
+  isFull = false,
+  isFullNameTag = false,
+  style = {},
+  maxWidth,
+  prefix = null,
+  suffix = null,
+  type = "pow",
+  addressLabel = "",
+  ENSLabel = "",
+  nametag = "",
+  hideAliasPrefixInHover = false
+}) => {
+  const translations = getTranslations();
+  const name = content || ENSLabel || nametag || addressLabel || alias;
+  const defaultStyle = {
+    maxWidth: `${name && isFullNameTag || isFull ? "auto" : (maxWidth || defaultPCMaxWidth) + "px"}`
+  };
+  const href = convertLink({ link, type, hrefAddress, cfxAddress });
+  const Wrapper = href ? "a" : "div";
+  const tooltipContent = {
+    ENSLabel: {
+      label: translations?.ens?.tip,
+      value: ENSLabel
+    },
+    nametag: {
+      label: translations?.nametag?.tip,
+      value: nametag
+    },
+    addressLabel: {
+      label: translations?.profile.address.myNameTag,
+      value: addressLabel
+    },
+    alias: {
+      label: translations?.profile.address.publicNameTag,
+      value: alias,
+      hideLabel: hideAliasPrefixInHover
+    }
+  };
+  const checksumAddress = convertCheckSum(cfxAddress);
+  const cfxAddressLabel = typeof cfxAddress === "string" && !isFull ? shortenAddress(checksumAddress) : checksumAddress;
+  return /* @__PURE__ */ jsxs("div", { className: "inline-flex", children: [
+    prefix,
+    /* @__PURE__ */ jsx(
+      Text,
+      {
+        tag: "span",
+        hoverValue: /* @__PURE__ */ jsxs(Fragment, { children: [
+          renderTooltipContent(tooltipContent),
+          /* @__PURE__ */ jsx("div", { children: hoverValue || checksumAddress })
+        ] }),
+        children: /* @__PURE__ */ jsx(
+          Wrapper,
+          {
+            className: "block relative align-bottom cursor-default truncate",
+            style: { ...defaultStyle, ...style },
+            ...href ? { href: String(href) } : {},
+            children: name || cfxAddressLabel
+          }
+        )
+      }
+    ),
+    suffix
+  ] });
+};
+
+export {
+  RenderAddress
+};
+//# sourceMappingURL=chunk-RRQLWLKC.js.map

package/dist/chunk-RRQLWLKC.js.map

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

package/dist/chunk-S7BWR5IZ.js

@@ -0,0 +1,212 @@
+import {
+  RenderAddress
+} from "./chunk-P3FVYMA6.js";
+import {
+  formatAddress,
+  isInnerContractAddress
+} from "./chunk-RTFAJGPO.js";
+import {
+  Tooltip
+} from "./chunk-OB5SKTJ7.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-S7BWR5IZ.js.map

package/dist/chunk-S7BWR5IZ.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-SUHRSNAI.js

@@ -0,0 +1,63 @@
+// src/components/Tooltip/tt.tsx
+import {
+  useEffect,
+  useId,
+  isValidElement,
+  cloneElement,
+  Children
+} from "react";
+import { machine, connect } from "@zag-js/tooltip";
+import { useMachine, normalizeProps } from "@zag-js/react";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+var Tooltip = ({
+  id,
+  open = false,
+  openDelay = 200,
+  closeDelay = 200,
+  arrow = true,
+  positioning,
+  children,
+  containerClassName,
+  trigger,
+  ...props
+}) => {
+  const uniqueId = useId();
+  const [state, send] = useMachine(
+    machine({
+      id: id ?? uniqueId,
+      openDelay,
+      closeDelay,
+      positioning,
+      ...props
+    })
+  );
+  const api = connect(state, send, normalizeProps);
+  useEffect(() => {
+    if (open === true) {
+      api.open();
+    } else {
+      api.close();
+    }
+  }, [open]);
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    typeof trigger === "function" ? trigger({ triggerProps: api.triggerProps }) : null,
+    api.isOpen && /* @__PURE__ */ jsxs(
+      "div",
+      {
+        className: `ui-tooltip${containerClassName ? ` ${containerClassName}` : ""}`,
+        ...api.positionerProps,
+        children: [
+          arrow && /* @__PURE__ */ jsx("div", { ...api.arrowProps, children: /* @__PURE__ */ jsx("div", { ...api.arrowTipProps }) }),
+          typeof children === "function" && children({ contentProps: api.contentProps }),
+          typeof children !== "function" ? Children.count(children) === 1 && isValidElement(children) ? cloneElement(children, { ...api.contentProps }) : /* @__PURE__ */ jsx("div", { ...api.contentProps, children }) : null
+        ]
+      }
+    )
+  ] });
+};
+var tt_default = Tooltip;
+
+export {
+  tt_default
+};
+//# sourceMappingURL=chunk-SUHRSNAI.js.map

package/dist/chunk-SUHRSNAI.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Tooltip/tt.tsx"],"sourcesContent":["import {\n  useEffect,\n  useId,\n  isValidElement,\n  cloneElement,\n  Children,\n  type HTMLAttributes,\n  type ReactNode,\n} from 'react';\nimport { machine, connect, type PositioningOptions } from '@zag-js/tooltip';\nimport { useMachine, normalizeProps } from '@zag-js/react';\n\ninterface Props {\n  id?: string;\n  open?: boolean;\n  openDelay?: number;\n  closeDelay?: number;\n  closeOnPointerDown?: boolean;\n  closeOnEscape?: boolean;\n  arrow?: boolean;\n  interactive?: boolean;\n  positioning?: PositioningOptions;\n  onOpen?: VoidFunction;\n  onClose?: VoidFunction;\n  containerClassName?: string;\n  children?:\n    | (({\n        contentProps,\n      }: {\n        contentProps: HTMLAttributes<HTMLElement>;\n      }) => JSX.Element)\n    | ReactNode;\n  trigger?: ({\n    triggerProps,\n  }: {\n    triggerProps: Omit<HTMLAttributes<HTMLElement>, 'color'>;\n  }) => JSX.Element;\n}\n\nconst Tooltip: React.FC<Props> = ({\n  id,\n  open = false,\n  openDelay = 200,\n  closeDelay = 200,\n  arrow = true,\n  positioning,\n  children,\n  containerClassName,\n  trigger,\n  ...props\n}) => {\n  const uniqueId = useId();\n  const [state, send] = useMachine(\n    machine({\n      id: id ?? uniqueId,\n      openDelay,\n      closeDelay,\n      positioning,\n      ...props,\n    }),\n  );\n  const api = connect(state, send, normalizeProps);\n\n  useEffect(() => {\n    if (open === true) {\n      api.open();\n    } else {\n      api.close();\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [open]);\n\n  return (\n    <>\n      {typeof trigger === 'function'\n        ? trigger({ triggerProps: api.triggerProps })\n        : null}\n      {api.isOpen && (\n        <div\n          className={`ui-tooltip${containerClassName ? ` ${containerClassName}` : ''}`}\n          {...api.positionerProps}\n        >\n          {arrow && (\n            <div {...api.arrowProps}>\n              <div {...api.arrowTipProps} />\n            </div>\n          )}\n          {typeof children === 'function' &&\n            children({ contentProps: api.contentProps })}\n          {typeof children !== 'function' ? (\n            Children.count(children) === 1 && isValidElement(children) ? (\n              cloneElement(children, { ...api.contentProps })\n            ) : (\n              <div {...api.contentProps}>{children}</div>\n            )\n          ) : null}\n        </div>\n      )}\n    </>\n  );\n};\n\nexport type { PositioningOptions } from '@zag-js/tooltip';\nexport default Tooltip;\n"],"mappings":";AAAA;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OAGK;AACP,SAAS,SAAS,eAAwC;AAC1D,SAAS,YAAY,sBAAsB;AA+DvC,mBAWU,KANN,YALJ;AAlCJ,IAAM,UAA2B,CAAC;AAAA,EAChC;AAAA,EACA,OAAO;AAAA,EACP,YAAY;AAAA,EACZ,aAAa;AAAA,EACb,QAAQ;AAAA,EACR;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAAM;AACJ,QAAM,WAAW,MAAM;AACvB,QAAM,CAAC,OAAO,IAAI,IAAI;AAAA,IACpB,QAAQ;AAAA,MACN,IAAI,MAAM;AAAA,MACV;AAAA,MACA;AAAA,MACA;AAAA,MACA,GAAG;AAAA,IACL,CAAC;AAAA,EACH;AACA,QAAM,MAAM,QAAQ,OAAO,MAAM,cAAc;AAE/C,YAAU,MAAM;AACd,QAAI,SAAS,MAAM;AACjB,UAAI,KAAK;AAAA,IACX,OAAO;AACL,UAAI,MAAM;AAAA,IACZ;AAAA,EAEF,GAAG,CAAC,IAAI,CAAC;AAET,SACE,iCACG;AAAA,WAAO,YAAY,aAChB,QAAQ,EAAE,cAAc,IAAI,aAAa,CAAC,IAC1C;AAAA,IACH,IAAI,UACH;AAAA,MAAC;AAAA;AAAA,QACC,WAAW,aAAa,qBAAqB,IAAI,uBAAuB;AAAA,QACvE,GAAG,IAAI;AAAA,QAEP;AAAA,mBACC,oBAAC,SAAK,GAAG,IAAI,YACX,8BAAC,SAAK,GAAG,IAAI,eAAe,GAC9B;AAAA,UAED,OAAO,aAAa,cACnB,SAAS,EAAE,cAAc,IAAI,aAAa,CAAC;AAAA,UAC5C,OAAO,aAAa,aACnB,SAAS,MAAM,QAAQ,MAAM,KAAK,eAAe,QAAQ,IACvD,aAAa,UAAU,EAAE,GAAG,IAAI,aAAa,CAAC,IAE9C,oBAAC,SAAK,GAAG,IAAI,cAAe,UAAS,IAErC;AAAA;AAAA;AAAA,IACN;AAAA,KAEJ;AAEJ;AAGA,IAAO,aAAQ;","names":[]}

package/dist/chunk-T5J4XBWF.js

@@ -0,0 +1,127 @@
+import {
+  convertCheckSum
+} from "./chunk-RTFAJGPO.js";
+import {
+  Text
+} from "./chunk-TZ6FCCCJ.js";
+import {
+  getTranslations
+} from "./chunk-DQGLZCIG.js";
+
+// src/components/AddressContainer/addressView.tsx
+import { Translation } from "react-i18next";
+import { shortenAddress } from "@cfx-kit/dapp-utils/dist/address";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+var defaultPCMaxWidth = 138;
+var renderTooltipContent = (tooltipContent) => {
+  return Object.entries(tooltipContent).map(([key, { label, value, hideLabel }]) => {
+    if (value) {
+      return /* @__PURE__ */ jsxs("div", { children: [
+        !hideLabel && /* @__PURE__ */ jsx("span", { children: /* @__PURE__ */ jsx(Translation, { children: (t) => t(label) }) }),
+        value
+      ] }, key);
+    }
+    return null;
+  }).filter(Boolean);
+};
+var convertLink = ({
+  link,
+  type,
+  hrefAddress,
+  cfxAddress
+}) => {
+  if (typeof link === "string") {
+    return link;
+  }
+  const address = hrefAddress || cfxAddress;
+  if (address && typeof address === "string") {
+    const pathname = window.location.pathname.toLowerCase();
+    const addressLower = address.toLowerCase();
+    if (pathname.includes("/address/" + addressLower)) {
+      return false;
+    }
+    if (type === "pow") {
+      return `/address/${address}`;
+    }
+    if (type === "pos") {
+      return `/pos/accounts/${address}`;
+    }
+  }
+  return false;
+};
+var RenderAddress = ({
+  cfxAddress,
+  alias,
+  hoverValue,
+  hrefAddress,
+  content,
+  link = "",
+  isFull = false,
+  isFullNameTag = false,
+  style = {},
+  maxWidth,
+  prefix = null,
+  suffix = null,
+  type = "pow",
+  addressLabel = "",
+  ENSLabel = "",
+  nametag = "",
+  hideAliasPrefixInHover = false
+}) => {
+  const translations = getTranslations();
+  const name = content || ENSLabel || nametag || addressLabel || alias;
+  const defaultStyle = {
+    maxWidth: `${name && isFullNameTag || isFull ? "auto" : (maxWidth || defaultPCMaxWidth) + "px"}`
+  };
+  const href = convertLink({ link, type, hrefAddress, cfxAddress });
+  const Wrapper = href ? "a" : "div";
+  const tooltipContent = {
+    ENSLabel: {
+      label: translations?.ens?.tip,
+      value: ENSLabel
+    },
+    nametag: {
+      label: translations?.nametag?.tip,
+      value: nametag
+    },
+    addressLabel: {
+      label: translations?.profile.address.myNameTag,
+      value: addressLabel
+    },
+    alias: {
+      label: translations?.profile.address.publicNameTag,
+      value: alias,
+      hideLabel: hideAliasPrefixInHover
+    }
+  };
+  const checksumAddress = convertCheckSum(cfxAddress);
+  const cfxAddressLabel = typeof cfxAddress === "string" && !isFull ? shortenAddress(checksumAddress) : checksumAddress;
+  return /* @__PURE__ */ jsxs("div", { className: "inline-flex", children: [
+    prefix,
+    /* @__PURE__ */ jsx(
+      Text,
+      {
+        tag: "span",
+        hoverValue: /* @__PURE__ */ jsxs(Fragment, { children: [
+          renderTooltipContent(tooltipContent),
+          /* @__PURE__ */ jsx("div", { children: hoverValue || checksumAddress })
+        ] }),
+        children: /* @__PURE__ */ jsx(
+          Wrapper,
+          {
+            className: "block relative align-bottom cursor-default truncate",
+            style: { ...defaultStyle, ...style },
+            ...href ? { href: String(href) } : {},
+            children: name || cfxAddressLabel
+          }
+        )
+      }
+    ),
+    suffix
+  ] });
+};
+
+export {
+  RenderAddress
+};
+//# sourceMappingURL=chunk-T5J4XBWF.js.map

package/dist/chunk-T5J4XBWF.js.map

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

package/dist/chunk-T5OKHLM7.js

@@ -0,0 +1,86 @@
+import {
+  tt_default
+} from "./chunk-HRVIZJEA.js";
+import {
+  cn
+} from "./chunk-4WJBUQY7.js";
+
+// src/components/Tooltip/index.tsx
+import {
+  useRef
+} from "react";
+import clsx from "clsx";
+import { useClickAway } from "@cfx-kit/react-utils/dist/hooks";
+import { jsx } from "react/jsx-runtime";
+var Tooltip = ({
+  title,
+  children = null,
+  positioning = {},
+  className,
+  ...rest
+}) => {
+  const { placement = "top" } = positioning;
+  const onCloseRef = useRef();
+  const triggerRef = useRef(null);
+  const triggerContentRef = useRef(null);
+  useClickAway([triggerRef, triggerContentRef], (e) => {
+    onCloseRef.current?.(
+      e
+    );
+  });
+  return /* @__PURE__ */ jsx(
+    tt_default,
+    {
+      trigger: ({ triggerProps }) => {
+        onCloseRef.current = triggerProps.onClick;
+        triggerProps.onClick = (e) => {
+          triggerProps.onPointerMove?.(e);
+        };
+        return /* @__PURE__ */ jsx(
+          "span",
+          {
+            ref: triggerRef,
+            ...title ? triggerProps : {},
+            className: cn(className, triggerProps.className),
+            children
+          }
+        );
+      },
+      containerClassName: clsx(
+        "sirius-next-tooltip",
+        "lh-normal max-w-250px z-1000 w-max min-w-unset!",
+        "all-[a]:text-[var(--theme-color-blue0)] all-[a:hover]:text-[var(--theme-color-blue2)]",
+        "[&.ui-tooltip>[data-part=arrow]]:[--arrow-size:6px] [&.ui-tooltip>[data-part=arrow]]:[--arrow-background:#333]"
+      ),
+      openDelay: 0,
+      closeOnPointerDown: false,
+      ...rest,
+      positioning: {
+        ...positioning,
+        placement
+      },
+      children: ({ contentProps }) => {
+        const _onPointerLeave = contentProps.onPointerLeave;
+        contentProps.onPointerLeave = (e) => {
+          if (e.pointerType === "touch")
+            return;
+          _onPointerLeave?.(e);
+        };
+        return /* @__PURE__ */ jsx(
+          "div",
+          {
+            className: "px-8px py-6px text-12px text-#fff text-left shadow break-words ws-normal bg-#333 min-w-30px min-h-32px decoration-none rounded-2px",
+            ref: (_ref) => _ref ? triggerContentRef.current = _ref.parentElement : triggerContentRef.current = null,
+            ...contentProps,
+            children: title
+          }
+        );
+      }
+    }
+  );
+};
+
+export {
+  Tooltip
+};
+//# sourceMappingURL=chunk-T5OKHLM7.js.map