@cfxjs/sirius-next-common 0.0.1 → 0.0.2-zg

package/dist/{chunk-OK7ZHYID.js → chunk-RTUI55OW.js}

@@ -1,49 +1,62 @@
 import {
   RenderAddress
-} from "./chunk-YO35FTDP.js";
+} from "./chunk-NQNVZ2Y2.js";
 import {
   formatAddress,
-  isInnerContractAddress,
-  isPosAddress
-} from "./chunk-6Z6JAP4R.js";
+  isInnerContractAddress
+} from "./chunk-BSSE7DI3.js";
+import {
+  Tooltip
+} from "./chunk-L7LRX5XU.js";
 import {
   coreCorrespondsToEspace,
   formatString,
   getNetwork
-} from "./chunk-AGOKIWZZ.js";
-import {
-  Tooltip
-} from "./chunk-YVIZX6QJ.js";
+} from "./chunk-7SH3YCJ7.js";
 import {
   getEnvConfig,
-  getTranslations
-} from "./chunk-25QWXIAS.js";
+  getTranslations,
+  useGlobalData
+} from "./chunk-QKQG47IV.js";
 
 // src/components/AddressContainer/addressSwitcher.tsx
-import SDK from "js-conflux-sdk";
 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 = "", t } = props;
+  const { contractCreated = "", outputType, t, isFull } = props;
   const translations = getTranslations();
-  const fContractCreated = formatAddress(contractCreated);
+  const contractAddress = formatAddress(contractCreated, outputType);
   const customProps = {
     content: t(translations.transaction.contractCreation),
-    hrefAddress: fContractCreated,
+    alias: t(translations.transaction.contractCreation),
+    hrefAddress: contractAddress,
+    cfxAddress: contractAddress,
     maxWidth: 160
   };
-  const mergedProps = { ...customProps, ...props };
-  return RenderAddress(mergedProps);
+  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 { globalData, value, t, isFull, maxWidth } = props;
+  const { value, t, isFull, maxWidth } = props;
+  const { globalData } = useGlobalData();
   const ENV_CONFIG = getEnvConfig();
   const translations = getTranslations();
-  const hexAddress = SDK.format.hexAddress(value);
+  const hexAddress = formatAddress(value, "hex");
   const network = getNetwork(
     globalData?.networks,
     coreCorrespondsToEspace(ENV_CONFIG.ENV_NETWORK_ID)
@@ -128,9 +141,12 @@ var MyAddress = (props) => {
     suffix: /* @__PURE__ */ jsx("div", { className: "mr-[2px] flex-shrink-0", children: /* @__PURE__ */ jsx(
       "img",
       {
-        className: `w-[38.5px] h-[16px] mr-[3px] align-bottom mb-[${isFull ? 6 : 4}px]`,
+        className: "w-[38.5px] h-[16px] ml-[3px] align-bottom",
         src: isMeIcon,
-        alt: "is me"
+        alt: "is me",
+        style: {
+          marginBottom: isFull ? "6px" : "4px"
+        }
       }
     ) })
   });
@@ -193,4 +209,4 @@ export {
   MyAddress,
   PosAddress
 };
-//# sourceMappingURL=chunk-OK7ZHYID.js.map
+//# sourceMappingURL=chunk-RTUI55OW.js.map

package/dist/chunk-RTUI55OW.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-2IQSVQYV.js → chunk-RVARUZVC.js}

@@ -1,9 +1,9 @@
 import {
   Link
-} from "./chunk-EXW5F6NL.js";
+} from "./chunk-IEPHKAPT.js";
 import {
   useI18n
-} from "./chunk-WFCK7FPT.js";
+} from "./chunk-QKQG47IV.js";
 
 // src/components/Charts/PreviewTitle.tsx
 import { useTranslation } from "react-i18next";
@@ -24,4 +24,4 @@ var PreviewTitle_default = Title;
 export {
   PreviewTitle_default
 };
-//# sourceMappingURL=chunk-2IQSVQYV.js.map
+//# sourceMappingURL=chunk-RVARUZVC.js.map

package/dist/{chunk-WML236LE.js → chunk-RWMP7K3H.js}

@@ -1,9 +1,9 @@
-import {
-  ActionButton
-} from "./chunk-6UM5Y3SL.js";
 import {
   IconButton
 } from "./chunk-27GSITHB.js";
+import {
+  ActionButton
+} from "./chunk-6UM5Y3SL.js";
 import {
   BaseButton
 } from "./chunk-3GGF3ULC.js";
@@ -27,4 +27,4 @@ var Button_default = Button;
 export {
   Button_default
 };
-//# sourceMappingURL=chunk-WML236LE.js.map
+//# sourceMappingURL=chunk-RWMP7K3H.js.map

package/dist/{chunk-624443IP.js → chunk-TLC6WXQ6.js}

@@ -1,6 +1,6 @@
 import {
   publishRequestError
-} from "./chunk-NCT7N5ZO.js";
+} from "./chunk-LKVGVLCW.js";
 
 // src/utils/rpcRequest.ts
 var request = async (method, ...args) => {
@@ -34,4 +34,4 @@ var getAccount = async (...args) => {
 export {
   getAccount
 };
-//# sourceMappingURL=chunk-624443IP.js.map
+//# sourceMappingURL=chunk-TLC6WXQ6.js.map

package/dist/{chunk-624443IP.js.map → chunk-TLC6WXQ6.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/utils/rpcRequest.ts"],"sourcesContent":["import { publishRequestError } from './index';\n\nconst request = async <T>(method: string, ...args: any[]): Promise<T> => {\n  const CFX = (window as any).CFX;\n\n  try {\n    const [namespace, m] = method.split('_');\n    // 断言 CFX[namespace][m] 为一个函数，并调用它\n    if (namespace && m && typeof CFX[namespace][m] === 'function') {\n      return await CFX[namespace][m](...args);\n    } else {\n      throw new Error(\n        `Method ${m} is not a function in namespace ${namespace}`,\n      );\n    }\n  } catch (e: unknown) {\n    if (e instanceof Error) {\n      publishRequestError(e, 'rpc');\n    } else {\n      console.error('Unexpected error', e);\n    }\n    throw e;\n  }\n};\n\nexport const getAccount = async (...args: any[]) => {\n  try {\n    return request('cfx_getAccount', ...args);\n  } catch (e) {\n    throw e;\n  }\n};\n"],"mappings":";;;;;AAEA,IAAM,UAAU,OAAU,WAAmB,SAA4B;AACvE,QAAM,MAAO,OAAe;AAE5B,MAAI;AACF,UAAM,CAAC,WAAW,CAAC,IAAI,OAAO,MAAM,GAAG;AAEvC,QAAI,aAAa,KAAK,OAAO,IAAI,SAAS,EAAE,CAAC,MAAM,YAAY;AAC7D,aAAO,MAAM,IAAI,SAAS,EAAE,CAAC,EAAE,GAAG,IAAI;AAAA,IACxC,OAAO;AACL,YAAM,IAAI;AAAA,QACR,UAAU,CAAC,mCAAmC,SAAS;AAAA,MACzD;AAAA,IACF;AAAA,EACF,SAAS,GAAY;AACnB,QAAI,aAAa,OAAO;AACtB,0BAAoB,GAAG,KAAK;AAAA,IAC9B,OAAO;AACL,cAAQ,MAAM,oBAAoB,CAAC;AAAA,IACrC;AACA,UAAM;AAAA,EACR;AACF;AAEO,IAAM,aAAa,UAAU,SAAgB;AAClD,MAAI;AACF,WAAO,QAAQ,kBAAkB,GAAG,IAAI;AAAA,EAC1C,SAAS,GAAG;AACV,UAAM;AAAA,EACR;AACF;","names":[]}
+{"version":3,"sources":["../src/utils/rpcRequest.ts"],"sourcesContent":["import { publishRequestError } from './index';\n\nconst request = async <T>(method: string, ...args: any[]): Promise<T> => {\n  const CFX = (window as any).CFX;\n\n  try {\n    const [namespace, m] = method.split('_');\n    // 断言 CFX[namespace][m] 为一个函数，并调用它\n    if (namespace && m && typeof CFX[namespace][m] === 'function') {\n      return await CFX[namespace][m](...args);\n    } else {\n      throw new Error(\n        `Method ${m} is not a function in namespace ${namespace}`,\n      );\n    }\n  } catch (e: unknown) {\n    if (e instanceof Error) {\n      publishRequestError(e, 'rpc');\n    } else {\n      console.error('Unexpected error', e);\n    }\n    throw e;\n  }\n};\n\nexport const getAccount = async (...args: any[]) => {\n  try {\n    return request('cfx_getAccount', ...args);\n  } catch (e) {\n    throw e;\n  }\n};\n"],"mappings":";;;;;AAEA,IAAM,UAAU,OAAU,WAAmB,SAA4B;AACvE,QAAM,MAAO,OAAe;AAE5B,MAAI;AACF,UAAM,CAAC,WAAW,CAAC,IAAI,OAAO,MAAM,GAAG;AAEvC,QAAI,aAAa,KAAK,OAAO,IAAI,SAAS,EAAE,CAAC,MAAM,YAAY;AAC7D,aAAO,MAAM,IAAI,SAAS,EAAE,CAAC,EAAE,GAAG,IAAI;AAAA,IACxC,OAAO;AACL,YAAM,IAAI;AAAA,QACR,UAAU,oCAAoC;AAAA,MAChD;AAAA,IACF;AAAA,EACF,SAAS,GAAP;AACA,QAAI,aAAa,OAAO;AACtB,0BAAoB,GAAG,KAAK;AAAA,IAC9B,OAAO;AACL,cAAQ,MAAM,oBAAoB,CAAC;AAAA,IACrC;AACA,UAAM;AAAA,EACR;AACF;AAEO,IAAM,aAAa,UAAU,SAAgB;AAClD,MAAI;AACF,WAAO,QAAQ,kBAAkB,GAAG,IAAI;AAAA,EAC1C,SAAS,GAAP;AACA,UAAM;AAAA,EACR;AACF;","names":[]}

package/dist/{chunk-FXBVUGRI.js → chunk-TOKKKTFG.js}

@@ -13,11 +13,11 @@ var subUid = -1;
 var size = "";
 var ResponsiveObserve = {
   sortedBreakpoints: Object.entries(sizes).sort(
-    (a, b) => a[1] <= b[1] ? -1 : 1
+    (a, b) => a[1] <= b[1] ? 1 : -1
   ),
   dispatch(innerWidth) {
     const length = this.sortedBreakpoints.length;
-    let _size = this.sortedBreakpoints[length - 1][0];
+    let _size = this.sortedBreakpoints[0][0];
     for (let i = 0; i < length; i++) {
       const [name, width] = this.sortedBreakpoints[i];
       if (innerWidth <= width) {
@@ -42,7 +42,7 @@ var ResponsiveObserve = {
       this.unregister();
   },
   unregister() {
-    window.addEventListener("resize", this.listener);
+    window.removeEventListener("resize", this.listener);
   },
   register() {
     window.addEventListener("resize", this.listener);
@@ -52,9 +52,9 @@ var ResponsiveObserve = {
     ResponsiveObserve.dispatch(window.innerWidth);
   }, 1e3)
 };
-var getInitialBreakpoint = () => ResponsiveObserve.dispatch(window.innerWidth);
+ResponsiveObserve.dispatch(window.innerWidth);
 var useBreakpoint = () => {
-  const [breakpoint, setBreakpoint] = useState(getInitialBreakpoint);
+  const [breakpoint, setBreakpoint] = useState(size);
   useEffect(() => {
     const token = ResponsiveObserve.subscribe((supportScreens) => {
       setBreakpoint(supportScreens);
@@ -77,4 +77,4 @@ export {
   useBreakpoint,
   media
 };
-//# sourceMappingURL=chunk-FXBVUGRI.js.map
+//# sourceMappingURL=chunk-TOKKKTFG.js.map

package/dist/chunk-TOKKKTFG.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/utils/media.ts"],"sourcesContent":["/*\n * Media queries utility\n */\nimport { useEffect, useState } from 'react';\nimport { debounce } from 'lodash';\n\n/*\n * Taken from https://github.com/DefinitelyTyped/DefinitelyTyped/issues/32914\n */\n// Update your breakpoints if you want\nexport const sizes = {\n  s: 768,\n  m: 1024,\n  l: 1280,\n  xl: 1440,\n  xxl: 1920,\n};\n\ntype SubscribeFunc = (size: string) => void;\nconst subscribers = new Map<Number, SubscribeFunc>();\nlet subUid = -1;\nlet size = '';\nconst ResponsiveObserve = {\n  sortedBreakpoints: Object.entries(sizes).sort((a, b) =>\n    a[1] <= b[1] ? 1 : -1,\n  ),\n  dispatch(innerWidth: number) {\n    const length = this.sortedBreakpoints.length;\n    let _size = this.sortedBreakpoints[0]![0];\n    for (let i = 0; i < length; i++) {\n      const [name, width] = this.sortedBreakpoints[i]!;\n      if (innerWidth <= width) {\n        _size = name;\n      }\n    }\n    size = _size;\n    subscribers.forEach(func => func(_size));\n    return _size;\n  },\n  subscribe(func: SubscribeFunc): number {\n    if (!subscribers.size) this.register();\n    subUid += 1;\n    subscribers.set(subUid, func);\n    func(size);\n    return subUid;\n  },\n  unsubscribe(token: number) {\n    subscribers.delete(token);\n    if (!subscribers.size) this.unregister();\n  },\n  unregister() {\n    window.removeEventListener('resize', this.listener);\n  },\n  register() {\n    window.addEventListener('resize', this.listener);\n    this.listener();\n  },\n  listener: debounce(() => {\n    ResponsiveObserve.dispatch(window.innerWidth);\n  }, 1000),\n};\n\nResponsiveObserve.dispatch(window.innerWidth);\n\nexport const useBreakpoint = () => {\n  const [breakpoint, setBreakpoint] = useState(size);\n\n  useEffect(() => {\n    const token = ResponsiveObserve.subscribe(supportScreens => {\n      setBreakpoint(supportScreens);\n    });\n\n    return () => ResponsiveObserve.unsubscribe(token);\n  }, []);\n\n  return breakpoint;\n};\n\n/* Example\n  const Demo = () => {\n  const breakpoint = useBreakpoint();\n\n  if (breakpoint === \"xl\") return <div>xl</div>;\n  else if (breakpoint == \"l\") return <div>l</div>;\n  else if (breakpoint == \"m\") return <div>m</div>;\n  else return <div>s</div>;\n  };\n*/\n\nconst customMediaQuery = (size: keyof typeof sizes) =>\n  `@media (max-width:${sizes[size]}px)`;\n\nexport const media = {\n  s: customMediaQuery('s'),\n  m: customMediaQuery('m'),\n  l: customMediaQuery('l'),\n  xl: customMediaQuery('xl'),\n  xxl: customMediaQuery('xxl'),\n};\n\n/* Example\nconst SomeDiv = styled.div`\n  display: flex;\n  ....\n  ${media.m} {\n    display: block\n  }\n`;\n*/\n"],"mappings":";AAGA,SAAS,WAAW,gBAAgB;AACpC,SAAS,gBAAgB;AAMlB,IAAM,QAAQ;AAAA,EACnB,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AAAA,EACH,IAAI;AAAA,EACJ,KAAK;AACP;AAGA,IAAM,cAAc,oBAAI,IAA2B;AACnD,IAAI,SAAS;AACb,IAAI,OAAO;AACX,IAAM,oBAAoB;AAAA,EACxB,mBAAmB,OAAO,QAAQ,KAAK,EAAE;AAAA,IAAK,CAAC,GAAG,MAChD,EAAE,CAAC,KAAK,EAAE,CAAC,IAAI,IAAI;AAAA,EACrB;AAAA,EACA,SAAS,YAAoB;AAC3B,UAAM,SAAS,KAAK,kBAAkB;AACtC,QAAI,QAAQ,KAAK,kBAAkB,CAAC,EAAG,CAAC;AACxC,aAAS,IAAI,GAAG,IAAI,QAAQ,KAAK;AAC/B,YAAM,CAAC,MAAM,KAAK,IAAI,KAAK,kBAAkB,CAAC;AAC9C,UAAI,cAAc,OAAO;AACvB,gBAAQ;AAAA,MACV;AAAA,IACF;AACA,WAAO;AACP,gBAAY,QAAQ,UAAQ,KAAK,KAAK,CAAC;AACvC,WAAO;AAAA,EACT;AAAA,EACA,UAAU,MAA6B;AACrC,QAAI,CAAC,YAAY;AAAM,WAAK,SAAS;AACrC,cAAU;AACV,gBAAY,IAAI,QAAQ,IAAI;AAC5B,SAAK,IAAI;AACT,WAAO;AAAA,EACT;AAAA,EACA,YAAY,OAAe;AACzB,gBAAY,OAAO,KAAK;AACxB,QAAI,CAAC,YAAY;AAAM,WAAK,WAAW;AAAA,EACzC;AAAA,EACA,aAAa;AACX,WAAO,oBAAoB,UAAU,KAAK,QAAQ;AAAA,EACpD;AAAA,EACA,WAAW;AACT,WAAO,iBAAiB,UAAU,KAAK,QAAQ;AAC/C,SAAK,SAAS;AAAA,EAChB;AAAA,EACA,UAAU,SAAS,MAAM;AACvB,sBAAkB,SAAS,OAAO,UAAU;AAAA,EAC9C,GAAG,GAAI;AACT;AAEA,kBAAkB,SAAS,OAAO,UAAU;AAErC,IAAM,gBAAgB,MAAM;AACjC,QAAM,CAAC,YAAY,aAAa,IAAI,SAAS,IAAI;AAEjD,YAAU,MAAM;AACd,UAAM,QAAQ,kBAAkB,UAAU,oBAAkB;AAC1D,oBAAc,cAAc;AAAA,IAC9B,CAAC;AAED,WAAO,MAAM,kBAAkB,YAAY,KAAK;AAAA,EAClD,GAAG,CAAC,CAAC;AAEL,SAAO;AACT;AAaA,IAAM,mBAAmB,CAACA,UACxB,qBAAqB,MAAMA,KAAI;AAE1B,IAAM,QAAQ;AAAA,EACnB,GAAG,iBAAiB,GAAG;AAAA,EACvB,GAAG,iBAAiB,GAAG;AAAA,EACvB,GAAG,iBAAiB,GAAG;AAAA,EACvB,IAAI,iBAAiB,IAAI;AAAA,EACzB,KAAK,iBAAiB,KAAK;AAC7B;","names":["size"]}

package/dist/{chunk-5AEWLDN5.js → chunk-TQ4T3Y2Y.js}

@@ -1,9 +1,9 @@
 import {
   Tooltip
-} from "./chunk-UBCDOZDY.js";
+} from "./chunk-RI63CIWZ.js";
 import {
   getTranslations
-} from "./chunk-WFCK7FPT.js";
+} from "./chunk-HRW4BUP4.js";
 
 // src/components/AddressContainer/label.tsx
 import { Translation } from "react-i18next";
@@ -34,7 +34,7 @@ var getLabelInfo = (label, type) => {
     }
     return {
       label,
-      icon: /* @__PURE__ */ jsx("div", { className: "mr-[2px]", children: /* @__PURE__ */ jsx(Tooltip, { title: /* @__PURE__ */ jsx(Translation, { children: (t) => t(trans) }), children: icon }) })
+      icon: /* @__PURE__ */ jsx("span", { className: "mr-[2px]", children: /* @__PURE__ */ jsx(Tooltip, { title: /* @__PURE__ */ jsx(Translation, { children: (t) => t(trans) }), children: icon }) })
     };
   }
   return {
@@ -46,4 +46,4 @@ var getLabelInfo = (label, type) => {
 export {
   getLabelInfo
 };
-//# sourceMappingURL=chunk-5AEWLDN5.js.map
+//# sourceMappingURL=chunk-TQ4T3Y2Y.js.map

package/dist/{chunk-H3IMRG3I.js.map → chunk-TQ4T3Y2Y.js.map}

@@ -1 +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        <div className=\"mr-[2px]\">\n          <Tooltip title={<Translation>{t => t(trans)}</Translation>}>\n            {icon}\n          </Tooltip>\n        </div>\n      ),\n    };\n  }\n\n  return {\n    label: '',\n    icon: null,\n  };\n};\n"],"mappings":";;;;;;;;AAAA,SAAS,mBAAmB;AAC5B,SAAS,UAAU,YAAY;;;;;;AAalB;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,SAAI,WAAU,YACb,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":[]}
+{"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":[]}