@cfxjs/sirius-next-common 0.0.0

package/dist/arrowDown-2RQGEVL5.svg

@@ -0,0 +1,3 @@
+<svg width="8" height="4" viewBox="0 0 8 4" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M8 0L4 4L0 0" fill="#D9D9D9"/>
+</svg>

package/dist/chunk-25QWXIAS.js

@@ -0,0 +1,60 @@
+// src/store/index.ts
+import { create } from "zustand";
+var useEnv = create((set) => ({
+  ENV_CONFIG: {},
+  SET_ENV_CONFIG: (env) => set({ ENV_CONFIG: env })
+}));
+var useI18n = create((set) => ({
+  translations: {},
+  setTranslations: (translations) => set({ translations })
+}));
+var useGlobalData = create((set) => ({
+  globalData: {},
+  setGlobalData: (data) => set({ globalData: data })
+}));
+var useENSStore = create((set) => ({
+  ens: {},
+  setENS: (newENS) => set((state) => ({
+    ens: {
+      ...state.ens,
+      ...newENS
+    }
+  }))
+}));
+var defaultGasPriceBundle = {
+  gasPriceInfo: {
+    min: 0,
+    tp50: 0,
+    max: 0
+  },
+  gasPriceMarket: {
+    min: 0,
+    tp25: 0,
+    tp50: 0,
+    tp75: 0,
+    max: 0
+  },
+  maxEpoch: 0,
+  minEpoch: 0,
+  maxTime: "0",
+  minTime: "0",
+  blockHeight: 0
+};
+var useGasPrice = create((set) => ({
+  gasPriceData: defaultGasPriceBundle,
+  setGasPrice: (data) => set({ gasPriceData: data })
+}));
+var getEnvConfig = () => useEnv.getState().ENV_CONFIG;
+var getTranslations = () => useI18n.getState().translations;
+
+export {
+  useEnv,
+  useI18n,
+  useGlobalData,
+  useENSStore,
+  defaultGasPriceBundle,
+  useGasPrice,
+  getEnvConfig,
+  getTranslations
+};
+//# sourceMappingURL=chunk-25QWXIAS.js.map

package/dist/chunk-25QWXIAS.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/store/index.ts"],"sourcesContent":["import { create } from 'zustand';\nimport { TranslationResource } from '@cfxjs/sirius-next-i18n/types';\nimport {\n  EnvState,\n  I18nState,\n  GlobalDataType,\n  GlobalDataState,\n  ENSStore,\n  GasPriceDataState,\n  GasPriceBundle,\n} from './types';\n\nexport const useEnv = create<EnvState<any>>(set => ({\n  ENV_CONFIG: {},\n  SET_ENV_CONFIG: (env: any) => set({ ENV_CONFIG: env }),\n}));\n\nexport const useI18n = create<I18nState>(set => ({\n  translations: {} as TranslationResource,\n  setTranslations: (translations: TranslationResource) => set({ translations }),\n}));\n\nexport const useGlobalData = create<GlobalDataState>(set => ({\n  globalData: {} as GlobalDataType,\n  setGlobalData: (data: GlobalDataType) => set({ globalData: data }),\n}));\n\nexport const useENSStore = create<ENSStore>(set => ({\n  ens: {},\n  setENS: newENS =>\n    set(state => ({\n      ens: {\n        ...state.ens,\n        ...newENS,\n      },\n    })),\n}));\n\nexport const defaultGasPriceBundle: GasPriceBundle = {\n  gasPriceInfo: {\n    min: 0,\n    tp50: 0,\n    max: 0,\n  },\n  gasPriceMarket: {\n    min: 0,\n    tp25: 0,\n    tp50: 0,\n    tp75: 0,\n    max: 0,\n  },\n  maxEpoch: 0,\n  minEpoch: 0,\n  maxTime: '0',\n  minTime: '0',\n  blockHeight: 0,\n};\nexport const useGasPrice = create<GasPriceDataState>(set => ({\n  gasPriceData: defaultGasPriceBundle,\n  setGasPrice: (data: GasPriceBundle) => set({ gasPriceData: data }),\n}));\n\nexport const getEnvConfig = () => useEnv.getState().ENV_CONFIG;\nexport const getTranslations = () => useI18n.getState().translations;\n"],"mappings":";AAAA,SAAS,cAAc;AAYhB,IAAM,SAAS,OAAsB,UAAQ;AAAA,EAClD,YAAY,CAAC;AAAA,EACb,gBAAgB,CAAC,QAAa,IAAI,EAAE,YAAY,IAAI,CAAC;AACvD,EAAE;AAEK,IAAM,UAAU,OAAkB,UAAQ;AAAA,EAC/C,cAAc,CAAC;AAAA,EACf,iBAAiB,CAAC,iBAAsC,IAAI,EAAE,aAAa,CAAC;AAC9E,EAAE;AAEK,IAAM,gBAAgB,OAAwB,UAAQ;AAAA,EAC3D,YAAY,CAAC;AAAA,EACb,eAAe,CAAC,SAAyB,IAAI,EAAE,YAAY,KAAK,CAAC;AACnE,EAAE;AAEK,IAAM,cAAc,OAAiB,UAAQ;AAAA,EAClD,KAAK,CAAC;AAAA,EACN,QAAQ,YACN,IAAI,YAAU;AAAA,IACZ,KAAK;AAAA,MACH,GAAG,MAAM;AAAA,MACT,GAAG;AAAA,IACL;AAAA,EACF,EAAE;AACN,EAAE;AAEK,IAAM,wBAAwC;AAAA,EACnD,cAAc;AAAA,IACZ,KAAK;AAAA,IACL,MAAM;AAAA,IACN,KAAK;AAAA,EACP;AAAA,EACA,gBAAgB;AAAA,IACd,KAAK;AAAA,IACL,MAAM;AAAA,IACN,MAAM;AAAA,IACN,MAAM;AAAA,IACN,KAAK;AAAA,EACP;AAAA,EACA,UAAU;AAAA,EACV,UAAU;AAAA,EACV,SAAS;AAAA,EACT,SAAS;AAAA,EACT,aAAa;AACf;AACO,IAAM,cAAc,OAA0B,UAAQ;AAAA,EAC3D,cAAc;AAAA,EACd,aAAa,CAAC,SAAyB,IAAI,EAAE,cAAc,KAAK,CAAC;AACnE,EAAE;AAEK,IAAM,eAAe,MAAM,OAAO,SAAS,EAAE;AAC7C,IAAM,kBAAkB,MAAM,QAAQ,SAAS,EAAE;","names":[]}

package/dist/chunk-27GSITHB.js

@@ -0,0 +1,28 @@
+import {
+  BaseButton
+} from "./chunk-3GGF3ULC.js";
+
+// src/components/Button/IconButton/index.tsx
+import { forwardRef } from "react";
+import clsx from "clsx";
+import { jsx } from "react/jsx-runtime";
+var IconButton = forwardRef(
+  ({ className, ...props }, ref) => {
+    return /* @__PURE__ */ jsx(
+      BaseButton,
+      {
+        ref,
+        className: clsx(
+          "min-w-2.2857rem h-2.2857rem rounded-0.2857rem px-0.4286rem text-#b1b3b9 bg-#0054fe0a hover:bg-#0054fe19",
+          className
+        ),
+        ...props
+      }
+    );
+  }
+);
+
+export {
+  IconButton
+};
+//# sourceMappingURL=chunk-27GSITHB.js.map

package/dist/chunk-27GSITHB.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Button/IconButton/index.tsx"],"sourcesContent":["import { forwardRef } from 'react';\nimport clsx from 'clsx';\nimport { BaseButton, BaseButtonProps } from '../BaseButton';\n\nexport const IconButton = forwardRef<unknown, BaseButtonProps>(\n  ({ className, ...props }, ref) => {\n    return (\n      <BaseButton\n        ref={ref}\n        className={clsx(\n          'min-w-2.2857rem h-2.2857rem rounded-0.2857rem px-0.4286rem text-#b1b3b9 bg-#0054fe0a hover:bg-#0054fe19',\n          className,\n        )}\n        {...props}\n      />\n    );\n  },\n);\n"],"mappings":";;;;;AAAA,SAAS,kBAAkB;AAC3B,OAAO,UAAU;AAMX;AAHC,IAAM,aAAa;AAAA,EACxB,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QAAQ;AAChC,WACE;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA,WAAW;AAAA,UACT;AAAA,UACA;AAAA,QACF;AAAA,QACC,GAAG;AAAA;AAAA,IACN;AAAA,EAEJ;AACF;","names":[]}

package/dist/chunk-2C7IFQEA.js

@@ -0,0 +1,27 @@
+import {
+  Link
+} from "./chunk-UT4JDBL4.js";
+import {
+  useI18n
+} from "./chunk-F2UNHDUR.js";
+
+// src/components/Charts/PreviewTitle.tsx
+import { useTranslation } from "react-i18next";
+import { jsx, jsxs } from "react/jsx-runtime";
+var Title = ({ header }) => {
+  const { t } = useTranslation();
+  const { translations } = useI18n();
+  return /* @__PURE__ */ jsxs("div", { className: "flex items-start justify-between pt-4 pr-5 pb-0 pl-5", children: [
+    /* @__PURE__ */ jsxs("div", { children: [
+      /* @__PURE__ */ jsx("div", { className: "text-[16px] text-[#26244B] ", children: header.title.text }),
+      /* @__PURE__ */ jsx("div", { className: "text-[14px] text-[#74798C]", children: header.subtitle.text })
+    ] }),
+    /* @__PURE__ */ jsx(Link, { className: "shrink-0", href: header?.breadcrumb?.[1]?.path || "/", children: t(translations.highcharts.preview.viewDetail) })
+  ] });
+};
+var PreviewTitle_default = Title;
+
+export {
+  PreviewTitle_default
+};
+//# sourceMappingURL=chunk-2C7IFQEA.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Charts/PreviewTitle.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next';\nimport { useI18n } from '../../store';\nimport { Link } from '../Link';\ninterface headerType {\n  title: { text: string };\n  subtitle: { text: string };\n  breadcrumb: { name: string; path: string }[];\n}\nconst Title = ({ header }: { header: headerType }) => {\n  const { t } = useTranslation();\n  const { translations } = useI18n();\n\n  return (\n    <div className=\"flex items-start justify-between pt-4 pr-5 pb-0 pl-5\">\n      <div>\n        <div className=\"text-[16px] text-[#26244B] \">{header.title.text}</div>\n        <div className=\"text-[14px] text-[#74798C]\">{header.subtitle.text}</div>\n      </div>\n      <Link className=\"shrink-0\" href={header?.breadcrumb?.[1]?.path || '/'}>\n        {t(translations.highcharts.preview.viewDetail)}\n      </Link>\n    </div>\n  );\n};\n\nexport default Title;\n"],"mappings":";;;;;;;;AAAA,SAAS,sBAAsB;AAczB,SACE,KADF;AANN,IAAM,QAAQ,CAAC,EAAE,OAAO,MAA8B;AACpD,QAAM,EAAE,EAAE,IAAI,eAAe;AAC7B,QAAM,EAAE,aAAa,IAAI,QAAQ;AAEjC,SACE,qBAAC,SAAI,WAAU,wDACb;AAAA,yBAAC,SACC;AAAA,0BAAC,SAAI,WAAU,+BAA+B,iBAAO,MAAM,MAAK;AAAA,MAChE,oBAAC,SAAI,WAAU,8BAA8B,iBAAO,SAAS,MAAK;AAAA,OACpE;AAAA,IACA,oBAAC,QAAK,WAAU,YAAW,MAAM,QAAQ,aAAa,CAAC,GAAG,QAAQ,KAC/D,YAAE,aAAa,WAAW,QAAQ,UAAU,GAC/C;AAAA,KACF;AAEJ;AAEA,IAAO,uBAAQ;","names":[]}

package/dist/chunk-2CS64Q56.js

@@ -0,0 +1,102 @@
+import {
+  abbreviateString,
+  isBase32Address,
+  isPosAddress
+} from "./chunk-FLVGMPHV.js";
+import {
+  Tooltip
+} from "./chunk-YVIZX6QJ.js";
+import {
+  getTranslations
+} from "./chunk-WFCK7FPT.js";
+
+// src/components/AddressContainer/addressView.tsx
+import SDK from "js-conflux-sdk";
+import { Translation } from "react-i18next";
+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 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();
+  let href = typeof link === "string" ? link : `/${type === "pow" ? "address" : "pos/accounts"}/${hrefAddress || cfxAddress}`;
+  const name = content || ENSLabel || nametag || addressLabel || alias;
+  const calculatedMaxWidth = name && isFullNameTag ? 1e3 : isFull ? 430 : maxWidth || defaultPCMaxWidth;
+  const baseClassName = `w-[${calculatedMaxWidth}px] relative inline-flex flex-nowrap align-bottom cursor-default whitespace-nowrap overflow-hidden`;
+  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 = cfxAddress && isBase32Address(cfxAddress) ? cfxAddress : cfxAddress && isPosAddress(cfxAddress) ? cfxAddress : SDK.format.checksumAddress(cfxAddress);
+  const cfxAddressLabel = typeof cfxAddress === "string" && !isFull ? abbreviateString(cfxAddress) : checksumAddress;
+  return /* @__PURE__ */ jsxs("div", { className: "inline-flex", children: [
+    prefix,
+    /* @__PURE__ */ jsx(
+      Tooltip,
+      {
+        title: /* @__PURE__ */ jsxs(Fragment, { children: [
+          renderTooltipContent(tooltipContent),
+          /* @__PURE__ */ jsx("div", { children: hoverValue || checksumAddress })
+        ] }),
+        children: /* @__PURE__ */ jsx(
+          Wrapper,
+          {
+            className: baseClassName,
+            style,
+            ...href ? { href: String(href) } : {},
+            children: name || cfxAddressLabel
+          }
+        )
+      }
+    ),
+    suffix
+  ] });
+};
+
+export {
+  RenderAddress
+};
+//# sourceMappingURL=chunk-2CS64Q56.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/AddressContainer/addressView.tsx"],"sourcesContent":["import SDK from 'js-conflux-sdk';\nimport { Translation } from 'react-i18next';\nimport { Tooltip } from '../Tooltip';\nimport {\n  abbreviateString,\n  isBase32Address,\n  isPosAddress,\n} from '../../utils/address';\nimport { getTranslations } from '../../store';\nimport { TooltipContent, RenderAddressProps } from './types';\n\nconst defaultPCMaxWidth = 138;\n\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\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  let href =\n    typeof link === 'string'\n      ? link\n      : `/${type === 'pow' ? 'address' : 'pos/accounts'}/${hrefAddress || cfxAddress}`;\n\n  const name = content || ENSLabel || nametag || addressLabel || alias;\n\n  const calculatedMaxWidth =\n    name && isFullNameTag ? 1000 : isFull ? 430 : maxWidth || defaultPCMaxWidth;\n  const baseClassName = `w-[${calculatedMaxWidth}px] relative inline-flex flex-nowrap align-bottom cursor-default whitespace-nowrap overflow-hidden`;\n\n  const Wrapper = href ? 'a' : 'div';\n\n  const 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 =\n    cfxAddress && isBase32Address(cfxAddress)\n      ? cfxAddress\n      : cfxAddress && isPosAddress(cfxAddress)\n        ? cfxAddress\n        : SDK.format.checksumAddress(cfxAddress);\n\n  const cfxAddressLabel =\n    typeof cfxAddress === 'string' && !isFull\n      ? abbreviateString(cfxAddress)\n      : checksumAddress;\n\n  return (\n    <div className=\"inline-flex\">\n      {prefix}\n      <Tooltip\n        title={\n          <>\n            {renderTooltipContent(tooltipContent)}\n            <div>{hoverValue || checksumAddress}</div>\n          </>\n        }\n      >\n        <Wrapper\n          className={baseClassName}\n          style={style}\n          {...(href ? { href: String(href) } : {})}\n        >\n          {name || cfxAddressLabel}\n        </Wrapper>\n      </Tooltip>\n      {suffix}\n    </div>\n  );\n};\n"],"mappings":";;;;;;;;;;;;;AAAA,OAAO,SAAS;AAChB,SAAS,mBAAmB;AAiBlB,SAsFA,UAnFM,KAHN;AAPV,IAAM,oBAAoB;AAE1B,IAAM,uBAAuB,CAAC,mBAAmC;AAC/D,SAAO,OAAO,QAAQ,cAAc,EACjC,IAAI,CAAC,CAAC,KAAK,EAAE,OAAO,OAAO,UAAU,CAAC,MAAM;AAC3C,QAAI,OAAO;AACT,aACE,qBAAC,SACE;AAAA,SAAC,aACA,oBAAC,UACC,8BAAC,eAAa,iBAAK,EAAE,KAAK,GAAE,GAC9B;AAAA,QAED;AAAA,WANO,GAOV;AAAA,IAEJ;AACA,WAAO;AAAA,EACT,CAAC,EACA,OAAO,OAAO;AACnB;AAEO,IAAM,gBAAgB,CAAC;AAAA,EAC5B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,OAAO;AAAA,EACP,SAAS;AAAA,EACT,gBAAgB;AAAA,EAChB,QAAQ,CAAC;AAAA,EACT;AAAA,EACA,SAAS;AAAA,EACT,SAAS;AAAA,EACT,OAAO;AAAA,EACP,eAAe;AAAA,EACf,WAAW;AAAA,EACX,UAAU;AAAA,EACV,yBAAyB;AAC3B,MAA0B;AACxB,QAAM,eAAe,gBAAgB;AAErC,MAAI,OACF,OAAO,SAAS,WACZ,OACA,IAAI,SAAS,QAAQ,YAAY,cAAc,IAAI,eAAe,UAAU;AAElF,QAAM,OAAO,WAAW,YAAY,WAAW,gBAAgB;AAE/D,QAAM,qBACJ,QAAQ,gBAAgB,MAAO,SAAS,MAAM,YAAY;AAC5D,QAAM,gBAAgB,MAAM,kBAAkB;AAE9C,QAAM,UAAU,OAAO,MAAM;AAE7B,QAAM,iBAAiB;AAAA,IACrB,UAAU;AAAA,MACR,OAAQ,cAAsB,KAAK;AAAA,MACnC,OAAO;AAAA,IACT;AAAA,IACA,SAAS;AAAA,MACP,OAAO,cAAc,SAAS;AAAA,MAC9B,OAAO;AAAA,IACT;AAAA,IACA,cAAc;AAAA,MACZ,OAAO,cAAc,QAAQ,QAAQ;AAAA,MACrC,OAAO;AAAA,IACT;AAAA,IACA,OAAO;AAAA,MACL,OAAO,cAAc,QAAQ,QAAQ;AAAA,MACrC,OAAO;AAAA,MACP,WAAW;AAAA,IACb;AAAA,EACF;AAEA,QAAM,kBACJ,cAAc,gBAAgB,UAAU,IACpC,aACA,cAAc,aAAa,UAAU,IACnC,aACA,IAAI,OAAO,gBAAgB,UAAU;AAE7C,QAAM,kBACJ,OAAO,eAAe,YAAY,CAAC,SAC/B,iBAAiB,UAAU,IAC3B;AAEN,SACE,qBAAC,SAAI,WAAU,eACZ;AAAA;AAAA,IACD;AAAA,MAAC;AAAA;AAAA,QACC,OACE,iCACG;AAAA,+BAAqB,cAAc;AAAA,UACpC,oBAAC,SAAK,wBAAc,iBAAgB;AAAA,WACtC;AAAA,QAGF;AAAA,UAAC;AAAA;AAAA,YACC,WAAW;AAAA,YACX;AAAA,YACC,GAAI,OAAO,EAAE,MAAM,OAAO,IAAI,EAAE,IAAI,CAAC;AAAA,YAErC,kBAAQ;AAAA;AAAA,QACX;AAAA;AAAA,IACF;AAAA,IACC;AAAA,KACH;AAEJ;","names":[]}

package/dist/chunk-2CWEC36S.js

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

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/AddressContainer/label.tsx"],"sourcesContent":["import { Translation } from 'react-i18next';\nimport { Bookmark, Hash } from '@zeit-ui/react-icons';\nimport { Tooltip } from '../Tooltip';\nimport { getTranslations } from '../../store';\nimport ICON_ENS from '../../images/logo-cns.svg';\n\nexport const getLabelInfo = (label: string, type: string) => {\n  const translations = getTranslations();\n  if (label) {\n    let trans: string = '';\n    let icon: React.ReactNode = null;\n\n    if (type === 'tag') {\n      trans = translations.profile.tip.label;\n      icon = <Bookmark color=\"var(--theme-color-gray2)\" size={16} />;\n    } else if (type === 'ens') {\n      trans = (translations as any).ens.label;\n      icon = (\n        <img\n          src={ICON_ENS}\n          className=\"w-[16px] h-[16px] mb-[3px] mr-[2px]\"\n          alt=\"\"\n        />\n      );\n      // nametag from official operational staff\n    } else if (type === 'nametag') {\n      trans = translations.nametag.label;\n      icon = <Hash color=\"var(--theme-color-gray2)\" size={16} />;\n    }\n\n    return {\n      label,\n      icon: (\n        <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":[]}

package/dist/chunk-2GJPZIIE.js

@@ -0,0 +1,27 @@
+import {
+  Link
+} from "./chunk-R6JXPAOX.js";
+import {
+  useI18n
+} from "./chunk-F2UNHDUR.js";
+
+// src/components/Charts/PreviewTitle.tsx
+import { useTranslation } from "react-i18next";
+import { jsx, jsxs } from "react/jsx-runtime";
+var Title = ({ header }) => {
+  const { t } = useTranslation();
+  const { translations } = useI18n();
+  return /* @__PURE__ */ jsxs("div", { className: "flex items-start justify-between pt-4 pr-5 pb-0 pl-5", children: [
+    /* @__PURE__ */ jsxs("div", { children: [
+      /* @__PURE__ */ jsx("div", { className: "text-[16px] text-[#26244B] ", children: header.title.text }),
+      /* @__PURE__ */ jsx("div", { className: "text-[14px] text-[#74798C]", children: header.subtitle.text })
+    ] }),
+    /* @__PURE__ */ jsx(Link, { className: "shrink-0", href: header?.breadcrumb?.[1]?.path || "/", children: t(translations.highcharts.preview.viewDetail) })
+  ] });
+};
+var PreviewTitle_default = Title;
+
+export {
+  PreviewTitle_default
+};
+//# sourceMappingURL=chunk-2GJPZIIE.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Charts/PreviewTitle.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next';\nimport { useI18n } from '../../store';\nimport { Link } from '../Link';\ninterface headerType {\n  title: { text: string };\n  subtitle: { text: string };\n  breadcrumb: { name: string; path: string }[];\n}\nconst Title = ({ header }: { header: headerType }) => {\n  const { t } = useTranslation();\n  const { translations } = useI18n();\n\n  return (\n    <div className=\"flex items-start justify-between pt-4 pr-5 pb-0 pl-5\">\n      <div>\n        <div className=\"text-[16px] text-[#26244B] \">{header.title.text}</div>\n        <div className=\"text-[14px] text-[#74798C]\">{header.subtitle.text}</div>\n      </div>\n      <Link className=\"shrink-0\" href={header?.breadcrumb?.[1]?.path || '/'}>\n        {t(translations.highcharts.preview.viewDetail)}\n      </Link>\n    </div>\n  );\n};\n\nexport default Title;\n"],"mappings":";;;;;;;;AAAA,SAAS,sBAAsB;AAczB,SACE,KADF;AANN,IAAM,QAAQ,CAAC,EAAE,OAAO,MAA8B;AACpD,QAAM,EAAE,EAAE,IAAI,eAAe;AAC7B,QAAM,EAAE,aAAa,IAAI,QAAQ;AAEjC,SACE,qBAAC,SAAI,WAAU,wDACb;AAAA,yBAAC,SACC;AAAA,0BAAC,SAAI,WAAU,+BAA+B,iBAAO,MAAM,MAAK;AAAA,MAChE,oBAAC,SAAI,WAAU,8BAA8B,iBAAO,SAAS,MAAK;AAAA,OACpE;AAAA,IACA,oBAAC,QAAK,WAAU,YAAW,MAAM,QAAQ,aAAa,CAAC,GAAG,QAAQ,KAC/D,YAAE,aAAa,WAAW,QAAQ,UAAU,GAC/C;AAAA,KACF;AAEJ;AAEA,IAAO,uBAAQ;","names":[]}

package/dist/chunk-2IQSVQYV.js

@@ -0,0 +1,27 @@
+import {
+  Link
+} from "./chunk-EXW5F6NL.js";
+import {
+  useI18n
+} from "./chunk-WFCK7FPT.js";
+
+// src/components/Charts/PreviewTitle.tsx
+import { useTranslation } from "react-i18next";
+import { jsx, jsxs } from "react/jsx-runtime";
+var Title = ({ header }) => {
+  const { t } = useTranslation();
+  const { translations } = useI18n();
+  return /* @__PURE__ */ jsxs("div", { className: "flex items-start justify-between pt-4 pr-5 pb-0 pl-5", children: [
+    /* @__PURE__ */ jsxs("div", { children: [
+      /* @__PURE__ */ jsx("div", { className: "text-[16px] text-[#26244B] ", children: header.title.text }),
+      /* @__PURE__ */ jsx("div", { className: "text-[14px] text-[#74798C]", children: header.subtitle.text })
+    ] }),
+    /* @__PURE__ */ jsx(Link, { className: "shrink-0", href: header?.breadcrumb?.[1]?.path || "/", children: t(translations.highcharts.preview.viewDetail) })
+  ] });
+};
+var PreviewTitle_default = Title;
+
+export {
+  PreviewTitle_default
+};
+//# sourceMappingURL=chunk-2IQSVQYV.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Charts/PreviewTitle.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next';\nimport { useI18n } from '../../store';\nimport { Link } from '../Link';\ninterface headerType {\n  title: { text: string };\n  subtitle: { text: string };\n  breadcrumb: { name: string; path: string }[];\n}\nconst Title = ({ header }: { header: headerType }) => {\n  const { t } = useTranslation();\n  const { translations } = useI18n();\n\n  return (\n    <div className=\"flex items-start justify-between pt-4 pr-5 pb-0 pl-5\">\n      <div>\n        <div className=\"text-[16px] text-[#26244B] \">{header.title.text}</div>\n        <div className=\"text-[14px] text-[#74798C]\">{header.subtitle.text}</div>\n      </div>\n      <Link className=\"shrink-0\" href={header?.breadcrumb?.[1]?.path || '/'}>\n        {t(translations.highcharts.preview.viewDetail)}\n      </Link>\n    </div>\n  );\n};\n\nexport default Title;\n"],"mappings":";;;;;;;;AAAA,SAAS,sBAAsB;AAczB,SACE,KADF;AANN,IAAM,QAAQ,CAAC,EAAE,OAAO,MAA8B;AACpD,QAAM,EAAE,EAAE,IAAI,eAAe;AAC7B,QAAM,EAAE,aAAa,IAAI,QAAQ;AAEjC,SACE,qBAAC,SAAI,WAAU,wDACb;AAAA,yBAAC,SACC;AAAA,0BAAC,SAAI,WAAU,+BAA+B,iBAAO,MAAM,MAAK;AAAA,MAChE,oBAAC,SAAI,WAAU,8BAA8B,iBAAO,SAAS,MAAK;AAAA,OACpE;AAAA,IACA,oBAAC,QAAK,WAAU,YAAW,MAAM,QAAQ,aAAa,CAAC,GAAG,QAAQ,KAC/D,YAAE,aAAa,WAAW,QAAQ,UAAU,GAC/C;AAAA,KACF;AAEJ;AAEA,IAAO,uBAAQ;","names":[]}