@cfxjs/sirius-next-common 0.0.0

package/dist/chunk-RLWYAD7T.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-RLZTFLPD.js

@@ -0,0 +1,24 @@
+// src/utils/constants.ts
+var LOCALSTORAGE_KEYS_MAP = /* @__PURE__ */ ((LOCALSTORAGE_KEYS_MAP2) => {
+  LOCALSTORAGE_KEYS_MAP2["reqProjectConfigMD5"] = "CONFLUX_SCAN_REQ_PROJECT_CONFIG_MD5";
+  LOCALSTORAGE_KEYS_MAP2["networkId"] = "CONFLUX_SCAN_NETWORK_ID";
+  LOCALSTORAGE_KEYS_MAP2["contracts"] = "CONFLUX_SCAN_CONTRACTS";
+  LOCALSTORAGE_KEYS_MAP2["contractNameTag"] = "CONFLUX_SCAN_CONTRACT_NAME_TAG";
+  LOCALSTORAGE_KEYS_MAP2["currency"] = "CONFLUX_SCAN_LOCALSTORAGE_KEY_CURRENCY";
+  LOCALSTORAGE_KEYS_MAP2["ageFormat"] = "CONFLUX_SCAN_TABLE_AGE_FORMAT";
+  LOCALSTORAGE_KEYS_MAP2["cookieAgreed"] = "CONFLUXSCAN_COOKIE_AGREED";
+  LOCALSTORAGE_KEYS_MAP2["txnRecords"] = "CONFLUXSCAN_TXN_RECORDS";
+  LOCALSTORAGE_KEYS_MAP2["fccfxNotice"] = "CONFLUX_SCAN_FCCFX_NOTICE";
+  LOCALSTORAGE_KEYS_MAP2["addressLabel"] = "CONFLUX_SCAN_ADDRESS_LABELS";
+  LOCALSTORAGE_KEYS_MAP2["txPrivateNote"] = "CONFLUX_SCAN_TX_PRIVATE_NOTES";
+  LOCALSTORAGE_KEYS_MAP2["hideInDotNet"] = "CONFLUX_SCAN_HIDE_IN_DOT_NET";
+  LOCALSTORAGE_KEYS_MAP2["apis"] = "CONFLUX_SCAN_APIS";
+  return LOCALSTORAGE_KEYS_MAP2;
+})(LOCALSTORAGE_KEYS_MAP || {});
+var apiPrefix = "/v1";
+
+export {
+  LOCALSTORAGE_KEYS_MAP,
+  apiPrefix
+};
+//# sourceMappingURL=chunk-RLZTFLPD.js.map

package/dist/chunk-RLZTFLPD.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/utils/constants.ts"],"sourcesContent":["/**\n * @todo\n * 1. setNFTCacheInfo cacheKey\n * 2. GlobalTip\n *\n * @export\n * @enum {number}\n */\nexport enum LOCALSTORAGE_KEYS_MAP {\n  reqProjectConfigMD5 = 'CONFLUX_SCAN_REQ_PROJECT_CONFIG_MD5',\n  networkId = 'CONFLUX_SCAN_NETWORK_ID',\n  contracts = 'CONFLUX_SCAN_CONTRACTS',\n  contractNameTag = 'CONFLUX_SCAN_CONTRACT_NAME_TAG',\n  currency = 'CONFLUX_SCAN_LOCALSTORAGE_KEY_CURRENCY',\n  ageFormat = 'CONFLUX_SCAN_TABLE_AGE_FORMAT',\n  cookieAgreed = 'CONFLUXSCAN_COOKIE_AGREED',\n  txnRecords = 'CONFLUXSCAN_TXN_RECORDS',\n  fccfxNotice = 'CONFLUX_SCAN_FCCFX_NOTICE',\n  addressLabel = 'CONFLUX_SCAN_ADDRESS_LABELS',\n  txPrivateNote = 'CONFLUX_SCAN_TX_PRIVATE_NOTES',\n  hideInDotNet = 'CONFLUX_SCAN_HIDE_IN_DOT_NET',\n  apis = 'CONFLUX_SCAN_APIS',\n}\n\nexport const apiPrefix = '/v1';\n"],"mappings":";AAQO,IAAK,wBAAL,kBAAKA,2BAAL;AACL,EAAAA,uBAAA,yBAAsB;AACtB,EAAAA,uBAAA,eAAY;AACZ,EAAAA,uBAAA,eAAY;AACZ,EAAAA,uBAAA,qBAAkB;AAClB,EAAAA,uBAAA,cAAW;AACX,EAAAA,uBAAA,eAAY;AACZ,EAAAA,uBAAA,kBAAe;AACf,EAAAA,uBAAA,gBAAa;AACb,EAAAA,uBAAA,iBAAc;AACd,EAAAA,uBAAA,kBAAe;AACf,EAAAA,uBAAA,mBAAgB;AAChB,EAAAA,uBAAA,kBAAe;AACf,EAAAA,uBAAA,UAAO;AAbG,SAAAA;AAAA,GAAA;AAgBL,IAAM,YAAY;","names":["LOCALSTORAGE_KEYS_MAP"]}

package/dist/chunk-ROAIYVDT.js

@@ -0,0 +1,22 @@
+import {
+  Link
+} from "./chunk-FSLH4MIP.js";
+
+// src/components/Charts/BreadcrumbNav.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+var BreadcrumbNav = ({
+  breadcrumb
+}) => {
+  return /* @__PURE__ */ jsx("div", { className: "absolute right-0 flex z-10", children: breadcrumb.map(
+    (e, i, arr) => /* @__PURE__ */ jsxs("div", { children: [
+      /* @__PURE__ */ jsx(Link, { href: e.path, children: e.name }),
+      i < arr.length - 1 && /* @__PURE__ */ jsx("span", { className: "mx-2", children: "/" })
+    ] }, i)
+  ) });
+};
+var BreadcrumbNav_default = BreadcrumbNav;
+
+export {
+  BreadcrumbNav_default
+};
+//# sourceMappingURL=chunk-ROAIYVDT.js.map

package/dist/chunk-ROAIYVDT.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Charts/BreadcrumbNav.tsx"],"sourcesContent":["import { Link } from '../Link';\ninterface BreadcrumbItemType {\n  name: string;\n  path: string;\n}\nconst BreadcrumbNav = ({\n  breadcrumb,\n}: {\n  breadcrumb: BreadcrumbItemType[];\n}) => {\n  return (\n    <div className=\"absolute right-0 flex z-10\">\n      {breadcrumb.map(\n        (e: BreadcrumbItemType, i: number, arr: BreadcrumbItemType[]) => (\n          <div key={i}>\n            <Link href={e.path}>{e.name}</Link>\n            {i < arr.length - 1 && <span className=\"mx-2\">/</span>}\n          </div>\n        ),\n      )}\n    </div>\n  );\n};\n\nexport default BreadcrumbNav;\n"],"mappings":";;;;;AAcU,SACE,KADF;AATV,IAAM,gBAAgB,CAAC;AAAA,EACrB;AACF,MAEM;AACJ,SACE,oBAAC,SAAI,WAAU,8BACZ,qBAAW;AAAA,IACV,CAAC,GAAuB,GAAW,QACjC,qBAAC,SACC;AAAA,0BAAC,QAAK,MAAM,EAAE,MAAO,YAAE,MAAK;AAAA,MAC3B,IAAI,IAAI,SAAS,KAAK,oBAAC,UAAK,WAAU,QAAO,eAAC;AAAA,SAFvC,CAGV;AAAA,EAEJ,GACF;AAEJ;AAEA,IAAO,wBAAQ;","names":[]}

package/dist/chunk-RRIL2F7M.js

@@ -0,0 +1,100 @@
+import {
+  abbreviateString,
+  isBase32Address,
+  isPosAddress
+} from "./chunk-2TNEFW2L.js";
+import {
+  Tooltip
+} from "./chunk-UBCDOZDY.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-RRIL2F7M.js.map

package/dist/chunk-RRIL2F7M.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-RV66XRFR.js

@@ -0,0 +1,111 @@
+// src/components/Loading/loading.ts
+import head from "./components/Loading/head.png.png";
+function loading(container) {
+  const canvas = document.createElement("canvas");
+  const WIDTH = 146;
+  const PADDING = 10;
+  var dpr = window.devicePixelRatio || 1;
+  var ctx = canvas.getContext("2d");
+  let rafId;
+  var img = new Image();
+  img.onload = function() {
+    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) {
+      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() {
+        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]) {
+        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);
+  };
+}
+function ease(amount) {
+  var s = 1.2;
+  return --amount * amount * ((s + 1) * amount + s) + 1;
+}
+
+export {
+  loading
+};
+//# sourceMappingURL=chunk-RV66XRFR.js.map

package/dist/chunk-RV66XRFR.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Loading/loading.ts"],"sourcesContent":["import head from './head.png';\nexport default function loading(container) {\n  const canvas = document.createElement('canvas');\n  const WIDTH = 146;\n  const PADDING = 10;\n  var dpr = window.devicePixelRatio || 1;\n  var ctx = canvas.getContext('2d');\n  let rafId;\n  var img = new Image();\n  img.onload = function () {\n    const { width, height } = this;\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 = [1.1, -0.2];\n    const segs = [\n      [-0.2, 0.36],\n      [0.4, 0.42],\n      [0.46, 1.1],\n    ];\n\n    // debugger;\n\n    function update(v) {\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        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]) {\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  };\n}\n\nfunction ease(amount) {\n  var s = 1.2;\n  return --amount * amount * ((s + 1) * amount + s) + 1;\n}\n"],"mappings":"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","names":[]}

package/dist/chunk-RVRQ2255.js

@@ -0,0 +1,60 @@
+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, ...others }) => {
+    const history = useHistory();
+    const handleClick = (e) => {
+      e.preventDefault();
+      if (ga) {
+        trackEvent(ga);
+      }
+      if (!href)
+        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);
+      }
+    };
+    if (href && /^http/.test(href)) {
+      return /* @__PURE__ */ jsx(
+        "a",
+        {
+          className: clsx("link", className),
+          href,
+          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-RVRQ2255.js.map

package/dist/chunk-RVRQ2255.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, ...others }) => {\n    const history = useHistory();\n\n    const handleClick = (e: MouseEvent<HTMLAnchorElement>) => {\n      e.preventDefault();\n      if (ga) {\n        trackEvent(ga);\n      }\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        history.push(href, state);\n      }\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;AAiCT;AAvBD,IAAM,OAA+C,MAAM;AAAA,EAChE,CAAC,EAAE,WAAW,MAAM,UAAU,OAAO,KAAK,MAAM,GAAG,OAAO,MAAM;AAC9D,UAAM,UAAU,WAAW;AAE3B,UAAM,cAAc,CAAC,MAAqC;AACxD,QAAE,eAAe;AACjB,UAAI,IAAI;AACN,mBAAW,EAAE;AAAA,MACf;AAEA,UAAI,CAAC;AAAM;AAEX,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;AAAA,IACF;AAEA,QAAI,QAAQ,QAAQ,KAAK,IAAI,GAAG;AAC9B,aACE;AAAA,QAAC;AAAA;AAAA,UACC,WAAW,KAAK,QAAQ,SAAS;AAAA,UACjC;AAAA,UACA,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-S4JJPIDW.js

@@ -0,0 +1,22 @@
+import {
+  Link
+} from "./chunk-CXSJ4LQP.js";
+
+// src/components/Charts/BreadcrumbNav.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+var BreadcrumbNav = ({
+  breadcrumb
+}) => {
+  return /* @__PURE__ */ jsx("div", { className: "absolute right-0 flex z-10", children: breadcrumb.map(
+    (e, i, arr) => /* @__PURE__ */ jsxs("div", { children: [
+      /* @__PURE__ */ jsx(Link, { href: e.path, children: e.name }),
+      i < arr.length - 1 && /* @__PURE__ */ jsx("span", { className: "mx-2", children: "/" })
+    ] }, i)
+  ) });
+};
+var BreadcrumbNav_default = BreadcrumbNav;
+
+export {
+  BreadcrumbNav_default
+};
+//# sourceMappingURL=chunk-S4JJPIDW.js.map

package/dist/chunk-S4JJPIDW.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Charts/BreadcrumbNav.tsx"],"sourcesContent":["import { Link } from '../Link';\ninterface BreadcrumbItemType {\n  name: string;\n  path: string;\n}\nconst BreadcrumbNav = ({\n  breadcrumb,\n}: {\n  breadcrumb: BreadcrumbItemType[];\n}) => {\n  return (\n    <div className=\"absolute right-0 flex z-10\">\n      {breadcrumb.map(\n        (e: BreadcrumbItemType, i: number, arr: BreadcrumbItemType[]) => (\n          <div key={i}>\n            <Link href={e.path}>{e.name}</Link>\n            {i < arr.length - 1 && <span className=\"mx-2\">/</span>}\n          </div>\n        ),\n      )}\n    </div>\n  );\n};\n\nexport default BreadcrumbNav;\n"],"mappings":";;;;;AAcU,SACE,KADF;AATV,IAAM,gBAAgB,CAAC;AAAA,EACrB;AACF,MAEM;AACJ,SACE,oBAAC,SAAI,WAAU,8BACZ,qBAAW;AAAA,IACV,CAAC,GAAuB,GAAW,QACjC,qBAAC,SACC;AAAA,0BAAC,QAAK,MAAM,EAAE,MAAO,YAAE,MAAK;AAAA,MAC3B,IAAI,IAAI,SAAS,KAAK,oBAAC,UAAK,WAAU,QAAO,eAAC;AAAA,SAFvC,CAGV;AAAA,EAEJ,GACF;AAEJ;AAEA,IAAO,wBAAQ;","names":[]}