@cfxjs/sirius-next-common 0.0.0

package/dist/chunk-ICXZGCLG.js

@@ -0,0 +1,120 @@
+// src/components/Loading/loading.ts
+import head from "./head-QBKK4MAD.png";
+function loading(container) {
+  const canvas = document.createElement("canvas");
+  const WIDTH = 146;
+  const PADDING = 10;
+  let dpr = window.devicePixelRatio || 1;
+  let ctx = canvas.getContext("2d");
+  let rafId;
+  const img = new Image();
+  img.onload = function() {
+    if (!ctx)
+      return;
+    const { width, height } = this;
+    const pngRatio = width / height;
+    const HEIGHT = WIDTH / pngRatio;
+    canvas.width = WIDTH * dpr;
+    canvas.height = HEIGHT * dpr;
+    canvas.style.width = WIDTH + "px";
+    canvas.style.height = HEIGHT + "px";
+    ctx.scale(dpr, dpr);
+    ctx.strokeStyle = "rgb(0, 84, 254)";
+    ctx.lineWidth = 4;
+    ctx.fillStyle = "#FE7329";
+    const back = [1.1, -0.2];
+    const segs = [
+      [-0.2, 0.36],
+      [0.4, 0.42],
+      [0.46, 1.1]
+    ];
+    function update(v) {
+      if (!ctx)
+        return;
+      ctx.beginPath();
+      ctx.clearRect(0, 0, WIDTH, HEIGHT);
+      const x = WIDTH / 2, y = HEIGHT / 2 + 4, radiusX = WIDTH / 2.1, radiusY = HEIGHT / 6, rotation = -Math.PI * 0.15;
+      ctx.stroke();
+      const isFront = v < (1 + 0.25) * Math.PI || v > 1.75 * Math.PI;
+      function drawBall() {
+        if (!ctx)
+          return;
+        ctx.beginPath();
+        const px = radiusX * Math.cos(v);
+        const py = radiusY * Math.sin(v);
+        const qx = px * Math.cos(rotation) - py * Math.sin(rotation);
+        const qy = px * Math.sin(rotation) + py * Math.cos(rotation);
+        const xx = x + qx;
+        const yy = y + qy;
+        ctx.arc(xx, yy, 8, 0, 2 * Math.PI);
+        ctx.fill();
+      }
+      function drawPath([from, to]) {
+        if (!ctx)
+          return;
+        ctx.beginPath();
+        ctx.ellipse(
+          x,
+          y,
+          radiusX,
+          radiusY,
+          rotation,
+          Math.PI * from,
+          Math.PI * to
+        );
+        ctx.lineCap = "round";
+        ctx.stroke();
+      }
+      if (!isFront) {
+        drawBall();
+      }
+      drawPath(back);
+      ctx.drawImage(
+        img,
+        0,
+        0,
+        width,
+        height,
+        PADDING,
+        PADDING,
+        WIDTH - PADDING * 2,
+        (WIDTH - PADDING * 2) / pngRatio
+      );
+      segs.forEach(drawPath);
+      if (isFront) {
+        drawBall();
+      }
+    }
+    const valueStart = 0, valueEnd = 2 * Math.PI;
+    const duration = 5e3;
+    let start = Date.now();
+    function loop() {
+      const time = Date.now();
+      let elapsed = (time - start) / duration;
+      elapsed = elapsed > 1 ? 1 : elapsed;
+      if (elapsed === 1) {
+        start = Date.now();
+      }
+      let value = ease(elapsed);
+      const valueCurrent = valueStart + (valueEnd - valueStart) * value;
+      update(valueCurrent);
+      rafId = requestAnimationFrame(loop);
+    }
+    loop();
+  };
+  img.src = head;
+  container.appendChild(canvas);
+  return () => {
+    cancelAnimationFrame(rafId);
+    container.removeChild(canvas);
+  };
+}
+function ease(amount) {
+  const s = 1.2;
+  return --amount * amount * ((s + 1) * amount + s) + 1;
+}
+
+export {
+  loading
+};
+//# sourceMappingURL=chunk-ICXZGCLG.js.map

package/dist/chunk-ICXZGCLG.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Loading/loading.ts"],"sourcesContent":["import head from '../../images/head.png';\nexport default function loading(container: HTMLDivElement) {\n  const canvas = document.createElement('canvas');\n  const WIDTH = 146;\n  const PADDING = 10;\n  let dpr = window.devicePixelRatio || 1;\n  let ctx = canvas.getContext('2d');\n  let rafId: number;\n  const img = new Image();\n  img.onload = function () {\n    if (!ctx) return;\n    const { width, height } = this as HTMLImageElement;\n    const pngRatio = width / height;\n    const HEIGHT = WIDTH / pngRatio;\n\n    canvas.width = WIDTH * dpr;\n    canvas.height = HEIGHT * dpr;\n\n    canvas.style.width = WIDTH + 'px';\n    canvas.style.height = HEIGHT + 'px';\n\n    ctx.scale(dpr, dpr);\n\n    ctx.strokeStyle = 'rgb(0, 84, 254)';\n    ctx.lineWidth = 4;\n    ctx.fillStyle = '#FE7329';\n\n    const back: [number, number] = [1.1, -0.2];\n    const segs: [number, number][] = [\n      [-0.2, 0.36],\n      [0.4, 0.42],\n      [0.46, 1.1],\n    ];\n\n    // debugger;\n\n    function update(v: number) {\n      if (!ctx) return;\n      ctx.beginPath();\n      ctx.clearRect(0, 0, WIDTH, HEIGHT);\n      const x = WIDTH / 2,\n        y = HEIGHT / 2 + 4,\n        radiusX = WIDTH / 2.1,\n        radiusY = HEIGHT / 6,\n        rotation = -Math.PI * 0.15;\n      ctx.stroke();\n\n      const isFront = v < (1 + 0.25) * Math.PI || v > 1.75 * Math.PI;\n\n      function drawBall() {\n        if (!ctx) return;\n        ctx.beginPath();\n        const px = radiusX * Math.cos(v);\n        const py = radiusY * Math.sin(v);\n\n        const qx = px * Math.cos(rotation) - py * Math.sin(rotation);\n        const qy = px * Math.sin(rotation) + py * Math.cos(rotation);\n\n        const xx = x + qx;\n        const yy = y + qy;\n        ctx.arc(xx, yy, 8, 0, 2 * Math.PI);\n        ctx.fill();\n      }\n\n      function drawPath([from, to]: [number, number]) {\n        if (!ctx) return;\n        ctx.beginPath();\n        ctx.ellipse(\n          x,\n          y,\n          radiusX,\n          radiusY,\n          rotation,\n          Math.PI * from,\n          Math.PI * to,\n        );\n        ctx.lineCap = 'round';\n        ctx.stroke();\n      }\n      if (!isFront) {\n        drawBall();\n      }\n      drawPath(back);\n      ctx.drawImage(\n        img,\n        0,\n        0,\n        width,\n        height,\n        PADDING,\n        PADDING,\n        WIDTH - PADDING * 2,\n        (WIDTH - PADDING * 2) / pngRatio,\n      );\n\n      segs.forEach(drawPath);\n\n      if (isFront) {\n        drawBall();\n      }\n    }\n\n    const valueStart = 0,\n      valueEnd = 2 * Math.PI;\n    const duration = 5000;\n    let start = Date.now();\n    function loop() {\n      const time = Date.now();\n      let elapsed = (time - start) / duration;\n      elapsed = elapsed > 1 ? 1 : elapsed;\n      if (elapsed === 1) {\n        start = Date.now();\n      }\n      let value = ease(elapsed);\n      const valueCurrent = valueStart + (valueEnd - valueStart) * value;\n      update(valueCurrent);\n\n      rafId = requestAnimationFrame(loop);\n    }\n    loop();\n  };\n  img.src = head;\n  container.appendChild(canvas);\n  return () => {\n    cancelAnimationFrame(rafId);\n    container.removeChild(canvas);\n  };\n}\n\nfunction ease(amount: number) {\n  const s = 1.2;\n  return --amount * amount * ((s + 1) * amount + s) + 1;\n}\n"],"mappings":";AAAA,OAAO,UAAU;AACF,SAAR,QAAyB,WAA2B;AACzD,QAAM,SAAS,SAAS,cAAc,QAAQ;AAC9C,QAAM,QAAQ;AACd,QAAM,UAAU;AAChB,MAAI,MAAM,OAAO,oBAAoB;AACrC,MAAI,MAAM,OAAO,WAAW,IAAI;AAChC,MAAI;AACJ,QAAM,MAAM,IAAI,MAAM;AACtB,MAAI,SAAS,WAAY;AACvB,QAAI,CAAC;AAAK;AACV,UAAM,EAAE,OAAO,OAAO,IAAI;AAC1B,UAAM,WAAW,QAAQ;AACzB,UAAM,SAAS,QAAQ;AAEvB,WAAO,QAAQ,QAAQ;AACvB,WAAO,SAAS,SAAS;AAEzB,WAAO,MAAM,QAAQ,QAAQ;AAC7B,WAAO,MAAM,SAAS,SAAS;AAE/B,QAAI,MAAM,KAAK,GAAG;AAElB,QAAI,cAAc;AAClB,QAAI,YAAY;AAChB,QAAI,YAAY;AAEhB,UAAM,OAAyB,CAAC,KAAK,IAAI;AACzC,UAAM,OAA2B;AAAA,MAC/B,CAAC,MAAM,IAAI;AAAA,MACX,CAAC,KAAK,IAAI;AAAA,MACV,CAAC,MAAM,GAAG;AAAA,IACZ;AAIA,aAAS,OAAO,GAAW;AACzB,UAAI,CAAC;AAAK;AACV,UAAI,UAAU;AACd,UAAI,UAAU,GAAG,GAAG,OAAO,MAAM;AACjC,YAAM,IAAI,QAAQ,GAChB,IAAI,SAAS,IAAI,GACjB,UAAU,QAAQ,KAClB,UAAU,SAAS,GACnB,WAAW,CAAC,KAAK,KAAK;AACxB,UAAI,OAAO;AAEX,YAAM,UAAU,KAAK,IAAI,QAAQ,KAAK,MAAM,IAAI,OAAO,KAAK;AAE5D,eAAS,WAAW;AAClB,YAAI,CAAC;AAAK;AACV,YAAI,UAAU;AACd,cAAM,KAAK,UAAU,KAAK,IAAI,CAAC;AAC/B,cAAM,KAAK,UAAU,KAAK,IAAI,CAAC;AAE/B,cAAM,KAAK,KAAK,KAAK,IAAI,QAAQ,IAAI,KAAK,KAAK,IAAI,QAAQ;AAC3D,cAAM,KAAK,KAAK,KAAK,IAAI,QAAQ,IAAI,KAAK,KAAK,IAAI,QAAQ;AAE3D,cAAM,KAAK,IAAI;AACf,cAAM,KAAK,IAAI;AACf,YAAI,IAAI,IAAI,IAAI,GAAG,GAAG,IAAI,KAAK,EAAE;AACjC,YAAI,KAAK;AAAA,MACX;AAEA,eAAS,SAAS,CAAC,MAAM,EAAE,GAAqB;AAC9C,YAAI,CAAC;AAAK;AACV,YAAI,UAAU;AACd,YAAI;AAAA,UACF;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA,KAAK,KAAK;AAAA,UACV,KAAK,KAAK;AAAA,QACZ;AACA,YAAI,UAAU;AACd,YAAI,OAAO;AAAA,MACb;AACA,UAAI,CAAC,SAAS;AACZ,iBAAS;AAAA,MACX;AACA,eAAS,IAAI;AACb,UAAI;AAAA,QACF;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA,QAAQ,UAAU;AAAA,SACjB,QAAQ,UAAU,KAAK;AAAA,MAC1B;AAEA,WAAK,QAAQ,QAAQ;AAErB,UAAI,SAAS;AACX,iBAAS;AAAA,MACX;AAAA,IACF;AAEA,UAAM,aAAa,GACjB,WAAW,IAAI,KAAK;AACtB,UAAM,WAAW;AACjB,QAAI,QAAQ,KAAK,IAAI;AACrB,aAAS,OAAO;AACd,YAAM,OAAO,KAAK,IAAI;AACtB,UAAI,WAAW,OAAO,SAAS;AAC/B,gBAAU,UAAU,IAAI,IAAI;AAC5B,UAAI,YAAY,GAAG;AACjB,gBAAQ,KAAK,IAAI;AAAA,MACnB;AACA,UAAI,QAAQ,KAAK,OAAO;AACxB,YAAM,eAAe,cAAc,WAAW,cAAc;AAC5D,aAAO,YAAY;AAEnB,cAAQ,sBAAsB,IAAI;AAAA,IACpC;AACA,SAAK;AAAA,EACP;AACA,MAAI,MAAM;AACV,YAAU,YAAY,MAAM;AAC5B,SAAO,MAAM;AACX,yBAAqB,KAAK;AAC1B,cAAU,YAAY,MAAM;AAAA,EAC9B;AACF;AAEA,SAAS,KAAK,QAAgB;AAC5B,QAAM,IAAI;AACV,SAAO,EAAE,SAAS,WAAW,IAAI,KAAK,SAAS,KAAK;AACtD;","names":[]}

package/dist/chunk-IJ4UPXWM.js

@@ -0,0 +1,35 @@
+// 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 getEnvConfig = () => useEnv.getState().ENV_CONFIG;
+var getTranslations = () => useI18n.getState().translations;
+
+export {
+  useEnv,
+  useI18n,
+  useGlobalData,
+  useENSStore,
+  getEnvConfig,
+  getTranslations
+};
+//# sourceMappingURL=chunk-IJ4UPXWM.js.map

package/dist/chunk-IJ4UPXWM.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/store/index.ts"],"sourcesContent":["import { create } from 'zustand';\nimport { TranslationResource } from '@repo/i18n/types';\nimport {\n  EnvState,\n  I18nState,\n  GlobalDataType,\n  GlobalDataState,\n  ENSStore,\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 getEnvConfig = () => useEnv.getState().ENV_CONFIG;\nexport const getTranslations = () => useI18n.getState().translations;\n"],"mappings":";AAAA,SAAS,cAAc;AAUhB,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,eAAe,MAAM,OAAO,SAAS,EAAE;AAC7C,IAAM,kBAAkB,MAAM,QAAQ,SAAS,EAAE;","names":[]}

package/dist/chunk-ILQXEOSB.js

@@ -0,0 +1,61 @@
+import {
+  trackEvent
+} from "./chunk-IM77KPX5.js";
+
+// src/components/Link/index.tsx
+import React from "react";
+import { Link as RouterLink, useHistory } from "react-router-dom";
+import clsx from "clsx";
+import { jsx } from "react/jsx-runtime";
+var Link = React.memo(
+  ({ className, href, children, state, ga = null, afterClick, ...others }) => {
+    const history = useHistory();
+    const handleClick = (e) => {
+      e.preventDefault();
+      if (ga) {
+        trackEvent(ga);
+      }
+      console.log("href", href);
+      if (!href || href.startsWith("javascript:"))
+        return;
+      if (/^http/.test(href)) {
+        window.open(href, "_blank", "noopener,noreferrer");
+      } else if (e.metaKey || e.ctrlKey) {
+        window.open(`${window.location.origin}${href}`, "_blank");
+      } else {
+        history.push(href, state);
+      }
+      afterClick?.();
+    };
+    if (href && /^http/.test(href)) {
+      return /* @__PURE__ */ jsx(
+        "a",
+        {
+          className: clsx("link", className),
+          onClick: handleClick,
+          ...others,
+          children
+        }
+      );
+    } else {
+      return /* @__PURE__ */ jsx(
+        RouterLink,
+        {
+          className: clsx("link", className),
+          to: {
+            pathname: href,
+            state
+          },
+          onClick: handleClick,
+          ...others,
+          children
+        }
+      );
+    }
+  }
+);
+
+export {
+  Link
+};
+//# sourceMappingURL=chunk-ILQXEOSB.js.map

package/dist/chunk-ILQXEOSB.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Link/index.tsx"],"sourcesContent":["import React, { PropsWithChildren, MouseEvent } from 'react';\nimport { Link as RouterLink, useHistory } from 'react-router-dom';\nimport { TrackEventParams, trackEvent } from '../../utils/ga';\nimport clsx from 'clsx';\n\ninterface LinkProps extends React.AnchorHTMLAttributes<HTMLAnchorElement> {\n  className?: string;\n  href?: string;\n  state?: any; // Consider typing this more strictly if possible\n  ga?: TrackEventParams;\n  afterClick?: VoidFunction;\n}\n\nexport const Link: React.FC<PropsWithChildren<LinkProps>> = React.memo(\n  ({ className, href, children, state, ga = null, afterClick, ...others }) => {\n    const history = useHistory();\n\n    const handleClick = (e: MouseEvent<HTMLAnchorElement>) => {\n      e.preventDefault();\n      if (ga) {\n        trackEvent(ga);\n      }\n      console.log('href', href);\n      if (!href || href.startsWith('javascript:')) return;\n\n      if (/^http/.test(href)) {\n        window.open(href, '_blank', 'noopener,noreferrer');\n      } else if (e.metaKey || e.ctrlKey) {\n        window.open(`${window.location.origin}${href}`, '_blank');\n      } else {\n        history.push(href, state);\n      }\n      afterClick?.();\n    };\n\n    if (href && /^http/.test(href)) {\n      return (\n        <a\n          className={clsx('link', className)}\n          // href={href}\n          onClick={handleClick}\n          {...others}\n        >\n          {children}\n        </a>\n      );\n    } else {\n      return (\n        <RouterLink\n          className={clsx('link', className)}\n          to={{\n            pathname: href,\n            state: state,\n          }}\n          onClick={handleClick}\n          {...others}\n        >\n          {children}\n        </RouterLink>\n      );\n    }\n  },\n);\n\n// react-router-dom v6\n// import React, { PropsWithChildren, MouseEvent } from 'react';\n// import { Link as RouterLink, useNavigate } from 'react-router-dom';\n\n// interface LinkProps {\n//   className: string;\n//   href: string;\n//   state?: any;\n// }\n\n// export const Link: React.FC<PropsWithChildren<LinkProps>> = React.memo(\n//   ({ className, href, children, state, ...others }) => {\n//     const navigate = useNavigate();\n\n//     const handleClick = (e: MouseEvent<HTMLAnchorElement | HTMLDivElement>) => {\n//       e.preventDefault();\n\n//       if (!href) return;\n\n//       if (/^http/.test(href)) {\n//         window.open(href, '_blank', 'noopener,noreferrer');\n//       } else if (e.metaKey || e.ctrlKey) {\n//         window.open(`${window.location.origin}${href}`, '_blank');\n//       } else {\n//         navigate(href, { state });\n//       }\n//     };\n\n//     if (/^http/.test(href)) {\n//       return (\n//         <a href={href} onClick={handleClick} {...others}>\n//           {children}\n//         </a>\n//       );\n//     } else {\n//       return (\n//         <RouterLink className={className} to={href} state={state} onClick={handleClick} {...others}>\n//           {children}\n//         </RouterLink>\n//       );\n//     }\n//   }\n// );\n"],"mappings":";;;;;AAAA,OAAO,WAA8C;AACrD,SAAS,QAAQ,YAAY,kBAAkB;AAE/C,OAAO,UAAU;AAkCT;AAxBD,IAAM,OAA+C,MAAM;AAAA,EAChE,CAAC,EAAE,WAAW,MAAM,UAAU,OAAO,KAAK,MAAM,YAAY,GAAG,OAAO,MAAM;AAC1E,UAAM,UAAU,WAAW;AAE3B,UAAM,cAAc,CAAC,MAAqC;AACxD,QAAE,eAAe;AACjB,UAAI,IAAI;AACN,mBAAW,EAAE;AAAA,MACf;AACA,cAAQ,IAAI,QAAQ,IAAI;AACxB,UAAI,CAAC,QAAQ,KAAK,WAAW,aAAa;AAAG;AAE7C,UAAI,QAAQ,KAAK,IAAI,GAAG;AACtB,eAAO,KAAK,MAAM,UAAU,qBAAqB;AAAA,MACnD,WAAW,EAAE,WAAW,EAAE,SAAS;AACjC,eAAO,KAAK,GAAG,OAAO,SAAS,MAAM,GAAG,IAAI,IAAI,QAAQ;AAAA,MAC1D,OAAO;AACL,gBAAQ,KAAK,MAAM,KAAK;AAAA,MAC1B;AACA,mBAAa;AAAA,IACf;AAEA,QAAI,QAAQ,QAAQ,KAAK,IAAI,GAAG;AAC9B,aACE;AAAA,QAAC;AAAA;AAAA,UACC,WAAW,KAAK,QAAQ,SAAS;AAAA,UAEjC,SAAS;AAAA,UACR,GAAG;AAAA,UAEH;AAAA;AAAA,MACH;AAAA,IAEJ,OAAO;AACL,aACE;AAAA,QAAC;AAAA;AAAA,UACC,WAAW,KAAK,QAAQ,SAAS;AAAA,UACjC,IAAI;AAAA,YACF,UAAU;AAAA,YACV;AAAA,UACF;AAAA,UACA,SAAS;AAAA,UACR,GAAG;AAAA,UAEH;AAAA;AAAA,MACH;AAAA,IAEJ;AAAA,EACF;AACF;","names":[]}

package/dist/chunk-IM77KPX5.js

@@ -0,0 +1,78 @@
+// src/utils/ga.ts
+var prodTargetId = "G-BWQ72S5QE8";
+var testTargetId = "G-17W5VXCYSL";
+var devTargetId = "G-VCXQ7FY6EV";
+var getTrackId = () => {
+  return window.location.hostname.includes("confluxscan.io") ? prodTargetId : window.location.hostname.includes("confluxnetwork.org") ? testTargetId : devTargetId;
+};
+var trackConfig = (configInfo = {}) => {
+  window.gtag && window.gtag("config", getTrackId(), configInfo);
+};
+var trackEvent = (eventInfo) => {
+  try {
+    const eventObject = {
+      event_category: eventInfo.category
+    };
+    if (typeof eventInfo.label !== "undefined") {
+      eventObject.event_label = eventInfo.label;
+    }
+    if (typeof eventInfo.value !== "undefined") {
+      eventObject.value = eventInfo.value;
+    }
+    window.gtag && window.gtag(
+      "event",
+      `${eventInfo.category}_${eventInfo.action}`,
+      eventObject
+    );
+  } catch (e) {
+    console.error(e);
+  }
+};
+var trackScreenView = (screenViewInfo) => {
+  try {
+    window.gtag && window.gtag("event", "screen_view", {
+      screen_name: screenViewInfo.screenName,
+      app_name: screenViewInfo.appName,
+      app_id: screenViewInfo.appId || "",
+      app_version: screenViewInfo.appVersion || "",
+      app_installer_id: screenViewInfo.appInstallerId || ""
+    });
+  } catch (e) {
+    console.error(e);
+  }
+};
+var trackTiming = (timingInfo) => {
+  try {
+    window.gtag && window.gtag("event", "timing_complete", {
+      name: timingInfo.name,
+      event_category: timingInfo.category,
+      event_label: timingInfo.label || "",
+      value: timingInfo.value || 0
+    });
+  } catch (e) {
+    console.error(e);
+  }
+};
+var trackError = (description, fatal = false) => {
+  try {
+    window.gtag && window.gtag("event", "exception", {
+      description,
+      fatal
+    });
+  } catch (e) {
+    console.error(e);
+  }
+};
+
+export {
+  prodTargetId,
+  testTargetId,
+  devTargetId,
+  getTrackId,
+  trackConfig,
+  trackEvent,
+  trackScreenView,
+  trackTiming,
+  trackError
+};
+//# sourceMappingURL=chunk-IM77KPX5.js.map

package/dist/chunk-IM77KPX5.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/utils/ga.ts"],"sourcesContent":["// Google Analytics gtag version API\n// https://developers.google.com/analytics/devguides/collection/gtagjs\n\ndeclare global {\n  interface Window {\n    gtag: any;\n  }\n}\n\nexport const prodTargetId = 'G-BWQ72S5QE8';\nexport const testTargetId = 'G-17W5VXCYSL';\nexport const devTargetId = 'G-VCXQ7FY6EV';\n\n// TODO userId bind portal address\n\nexport const getTrackId = () => {\n  return window.location.hostname.includes('confluxscan.io')\n    ? prodTargetId\n    : window.location.hostname.includes('confluxnetwork.org')\n      ? testTargetId\n      : devTargetId;\n};\n\n// add additional configuration information to targets\nexport const trackConfig = (configInfo = {}) => {\n  window.gtag && window.gtag('config', getTrackId(), configInfo);\n};\n\nexport interface TrackEventParams {\n  action: string;\n  category: string;\n  label?: string;\n  value?: number;\n}\n// track event data\nexport const trackEvent = (eventInfo: TrackEventParams) => {\n  try {\n    const eventObject: any = {\n      event_category: eventInfo.category,\n    };\n    if (typeof eventInfo.label !== 'undefined') {\n      eventObject.event_label = eventInfo.label;\n    }\n    if (typeof eventInfo.value !== 'undefined') {\n      eventObject.value = eventInfo.value;\n    }\n    // if (\n    //   window.location.hostname.includes('127.0.0.1') ||\n    //   window.location.hostname.includes('localhost')\n    // ) {\n    //   console.info(`trackEvent`, eventInfo);\n    // }\n    window.gtag &&\n      window.gtag(\n        'event',\n        `${eventInfo.category}_${eventInfo.action}`,\n        eventObject,\n      );\n  } catch (e) {\n    console.error(e);\n  }\n};\n\ninterface TrackScreenViewParams {\n  appName: string;\n  screenName: string;\n  appId?: string;\n  appVersion?: string;\n  appInstallerId?: string;\n}\n// track screen view\nexport const trackScreenView = (screenViewInfo: TrackScreenViewParams) => {\n  try {\n    window.gtag &&\n      window.gtag('event', 'screen_view', {\n        screen_name: screenViewInfo.screenName,\n        app_name: screenViewInfo.appName,\n        app_id: screenViewInfo.appId || '',\n        app_version: screenViewInfo.appVersion || '',\n        app_installer_id: screenViewInfo.appInstallerId || '',\n      });\n  } catch (e) {\n    console.error(e);\n  }\n};\n\ninterface TrackTimingParams {\n  name: string;\n  value: number; // milliseconds\n  category: string;\n  label?: string;\n}\n// track timing\nexport const trackTiming = (timingInfo: TrackTimingParams) => {\n  try {\n    window.gtag &&\n      window.gtag('event', 'timing_complete', {\n        name: timingInfo.name,\n        event_category: timingInfo.category,\n        event_label: timingInfo.label || '',\n        value: timingInfo.value || 0,\n      });\n  } catch (e) {\n    console.error(e);\n  }\n};\n\n// track error\n// set fatal to true if the error is fatal\nexport const trackError = (description: string, fatal = false) => {\n  try {\n    window.gtag &&\n      window.gtag('event', 'exception', {\n        description,\n        fatal,\n      });\n  } catch (e) {\n    console.error(e);\n  }\n};\n"],"mappings":";AASO,IAAM,eAAe;AACrB,IAAM,eAAe;AACrB,IAAM,cAAc;AAIpB,IAAM,aAAa,MAAM;AAC9B,SAAO,OAAO,SAAS,SAAS,SAAS,gBAAgB,IACrD,eACA,OAAO,SAAS,SAAS,SAAS,oBAAoB,IACpD,eACA;AACR;AAGO,IAAM,cAAc,CAAC,aAAa,CAAC,MAAM;AAC9C,SAAO,QAAQ,OAAO,KAAK,UAAU,WAAW,GAAG,UAAU;AAC/D;AASO,IAAM,aAAa,CAAC,cAAgC;AACzD,MAAI;AACF,UAAM,cAAmB;AAAA,MACvB,gBAAgB,UAAU;AAAA,IAC5B;AACA,QAAI,OAAO,UAAU,UAAU,aAAa;AAC1C,kBAAY,cAAc,UAAU;AAAA,IACtC;AACA,QAAI,OAAO,UAAU,UAAU,aAAa;AAC1C,kBAAY,QAAQ,UAAU;AAAA,IAChC;AAOA,WAAO,QACL,OAAO;AAAA,MACL;AAAA,MACA,GAAG,UAAU,QAAQ,IAAI,UAAU,MAAM;AAAA,MACzC;AAAA,IACF;AAAA,EACJ,SAAS,GAAG;AACV,YAAQ,MAAM,CAAC;AAAA,EACjB;AACF;AAUO,IAAM,kBAAkB,CAAC,mBAA0C;AACxE,MAAI;AACF,WAAO,QACL,OAAO,KAAK,SAAS,eAAe;AAAA,MAClC,aAAa,eAAe;AAAA,MAC5B,UAAU,eAAe;AAAA,MACzB,QAAQ,eAAe,SAAS;AAAA,MAChC,aAAa,eAAe,cAAc;AAAA,MAC1C,kBAAkB,eAAe,kBAAkB;AAAA,IACrD,CAAC;AAAA,EACL,SAAS,GAAG;AACV,YAAQ,MAAM,CAAC;AAAA,EACjB;AACF;AASO,IAAM,cAAc,CAAC,eAAkC;AAC5D,MAAI;AACF,WAAO,QACL,OAAO,KAAK,SAAS,mBAAmB;AAAA,MACtC,MAAM,WAAW;AAAA,MACjB,gBAAgB,WAAW;AAAA,MAC3B,aAAa,WAAW,SAAS;AAAA,MACjC,OAAO,WAAW,SAAS;AAAA,IAC7B,CAAC;AAAA,EACL,SAAS,GAAG;AACV,YAAQ,MAAM,CAAC;AAAA,EACjB;AACF;AAIO,IAAM,aAAa,CAAC,aAAqB,QAAQ,UAAU;AAChE,MAAI;AACF,WAAO,QACL,OAAO,KAAK,SAAS,aAAa;AAAA,MAChC;AAAA,MACA;AAAA,IACF,CAAC;AAAA,EACL,SAAS,GAAG;AACV,YAAQ,MAAM,CAAC;AAAA,EACjB;AACF;","names":[]}

package/dist/chunk-IS76X5TE.js

@@ -0,0 +1,100 @@
+import {
+  abbreviateString,
+  isBase32Address,
+  isPosAddress
+} from "./chunk-LRRZQJVV.js";
+import {
+  Tooltip
+} from "./chunk-IB7T4CUM.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 }]) => {
+    if (value) {
+      return /* @__PURE__ */ jsxs("div", { children: [
+        /* @__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 = ""
+}) => {
+  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
+    }
+  };
+  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-IS76X5TE.js.map

package/dist/chunk-IS76X5TE.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 }]) => {\n      if (value) {\n        return (\n          <div key={key}>\n            <span>\n              <Translation>{t => t(label)}</Translation>\n            </span>\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}: 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    },\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,SAkFA,UAhFI,KAFJ;AAPV,IAAM,oBAAoB;AAE1B,IAAM,uBAAuB,CAAC,mBAAmC;AAC/D,SAAO,OAAO,QAAQ,cAAc,EACjC,IAAI,CAAC,CAAC,KAAK,EAAE,OAAO,MAAM,CAAC,MAAM;AAChC,QAAI,OAAO;AACT,aACE,qBAAC,SACC;AAAA,4BAAC,UACC,8BAAC,eAAa,iBAAK,EAAE,KAAK,GAAE,GAC9B;AAAA,QACC;AAAA,WAJO,GAKV;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;AACZ,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,IACT;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-J5NPC6NJ.js

@@ -0,0 +1,27 @@
+import {
+  Link
+} from "./chunk-KK7XFZMX.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-J5NPC6NJ.js.map

package/dist/chunk-J5NPC6NJ.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":[]}