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

package/dist/components/Charts/BreadcrumbNav.js

@@ -1,8 +1,8 @@
 import {
   BreadcrumbNav_default
-} from "../../chunk-5NHNBLID.js";
-import "../../chunk-ZSP5VMHE.js";
-import "../../chunk-IM77KPX5.js";
+} from "../../chunk-KSQ43WMM.js";
+import "../../chunk-IEPHKAPT.js";
+import "../../chunk-CFRPDLWO.js";
 export {
   BreadcrumbNav_default as default
 };

package/dist/components/Charts/ChartOptions.js

@@ -1,8 +1,8 @@
 import {
   ChartOptions_default
-} from "../../chunk-APPX7GEO.js";
+} from "../../chunk-XZPP35AP.js";
 import "../../chunk-P5STBOCR.js";
-import "../../chunk-25QWXIAS.js";
+import "../../chunk-HRW4BUP4.js";
 export {
   ChartOptions_default as default
 };

package/dist/components/Charts/PreviewChartTemplate.js

@@ -1,6 +1,6 @@
 import {
   PreviewTitle_default
-} from "../../chunk-5S6I7VBP.js";
+} from "../../chunk-WPMARG3B.js";
 import {
   ConstructorType,
   defaultIntervalType,
@@ -8,14 +8,14 @@ import {
   optsOrigin,
   previewOpts
 } from "../../chunk-P5STBOCR.js";
-import "../../chunk-ZSP5VMHE.js";
-import "../../chunk-IM77KPX5.js";
+import "../../chunk-IEPHKAPT.js";
+import "../../chunk-CFRPDLWO.js";
 import {
   sendRequestChart
-} from "../../chunk-MCZT23D6.js";
-import "../../chunk-AGOKIWZZ.js";
-import "../../chunk-CJQCVR64.js";
-import "../../chunk-25QWXIAS.js";
+} from "../../chunk-HVLEBJG6.js";
+import "../../chunk-NDCMVJNJ.js";
+import "../../chunk-ADPYV4OL.js";
+import "../../chunk-HRW4BUP4.js";
 
 // src/components/Charts/PreviewChartTemplate.tsx
 import { useEffect, useRef, useCallback } from "react";

package/dist/components/Charts/PreviewTitle.js

@@ -1,9 +1,9 @@
 import {
   PreviewTitle_default
-} from "../../chunk-5S6I7VBP.js";
-import "../../chunk-ZSP5VMHE.js";
-import "../../chunk-IM77KPX5.js";
-import "../../chunk-25QWXIAS.js";
+} from "../../chunk-WPMARG3B.js";
+import "../../chunk-IEPHKAPT.js";
+import "../../chunk-CFRPDLWO.js";
+import "../../chunk-HRW4BUP4.js";
 export {
   PreviewTitle_default as default
 };

package/dist/components/Charts/StockChartTemplate.js

@@ -1,26 +1,26 @@
+import {
+  StockTitle_default
+} from "../../chunk-PTT2OZV4.js";
 import {
   BreadcrumbNav_default
-} from "../../chunk-5NHNBLID.js";
+} from "../../chunk-KSQ43WMM.js";
 import {
   ChartOptions_default
-} from "../../chunk-APPX7GEO.js";
+} from "../../chunk-XZPP35AP.js";
 import {
   ConstructorType,
   defaultIntervalType,
   defaultLimit,
   optsOrigin
 } from "../../chunk-P5STBOCR.js";
-import "../../chunk-ZSP5VMHE.js";
-import "../../chunk-IM77KPX5.js";
-import {
-  StockTitle_default
-} from "../../chunk-PTT2OZV4.js";
+import "../../chunk-IEPHKAPT.js";
+import "../../chunk-CFRPDLWO.js";
 import {
   sendRequestChart
-} from "../../chunk-MCZT23D6.js";
-import "../../chunk-AGOKIWZZ.js";
-import "../../chunk-CJQCVR64.js";
-import "../../chunk-25QWXIAS.js";
+} from "../../chunk-HVLEBJG6.js";
+import "../../chunk-NDCMVJNJ.js";
+import "../../chunk-ADPYV4OL.js";
+import "../../chunk-HRW4BUP4.js";
 
 // src/components/Charts/StockChartTemplate.tsx
 import { useState, useEffect, useRef, useCallback } from "react";

package/dist/components/Charts/config.d.ts

@@ -203,4 +203,4 @@ declare const previewOpts: {
     };
 };
 
-export { type ChartOptionsProps, type ChartsProps, type ChildProps, ConstructorType, type ScopeItemType, type ScopeType, defaultIntervalType, defaultLimit, type onCombination, optsOrigin, previewOpts, scope };
+export { ChartOptionsProps, ChartsProps, ChildProps, ConstructorType, ScopeItemType, ScopeType, defaultIntervalType, defaultLimit, onCombination, optsOrigin, previewOpts, scope };

package/dist/components/CookieTip/index.js

@@ -4,10 +4,10 @@ import {
 import {
   CookieIcon
 } from "../../chunk-HI4CUQ7A.js";
-import "../../chunk-CJQCVR64.js";
+import "../../chunk-ADPYV4OL.js";
 import {
   useI18n
-} from "../../chunk-25QWXIAS.js";
+} from "../../chunk-HRW4BUP4.js";
 
 // src/components/CookieTip/index.tsx
 import React, { useState } from "react";

package/dist/components/CopyButton/index.js

@@ -1,10 +1,12 @@
 import {
   Tooltip
-} from "../../chunk-YVIZX6QJ.js";
-import "../../chunk-5IEZKHNQ.js";
+} from "../../chunk-CQLD2WE7.js";
+import "../../chunk-LRCAKRPK.js";
+import "../../chunk-NDCMVJNJ.js";
+import "../../chunk-ADPYV4OL.js";
 import {
   useI18n
-} from "../../chunk-25QWXIAS.js";
+} from "../../chunk-HRW4BUP4.js";
 
 // src/components/CopyButton/index.tsx
 import React, { useState } from "react";
@@ -41,11 +43,9 @@ var CopyButton = React.memo(
         title: text,
         onClose: handleClose,
         closeOnPointerDown: false,
-        triggerProps: {
-          onClick: (e) => e.stopPropagation()
-        },
         positioning: { placement: "top-start" },
-        children: /* @__PURE__ */ jsx("div", { className: "inline-block", children: /* @__PURE__ */ jsx("div", { onClick: handleClick, className: "cursor-pointer flex", children: /* @__PURE__ */ jsxs(
+        className: "inline-flex items-center",
+        children: /* @__PURE__ */ jsx("div", { onClick: handleClick, className: "cursor-pointer flex", children: /* @__PURE__ */ jsxs(
           "svg",
           {
             className: `icon ${className}`,
@@ -70,7 +70,7 @@ var CopyButton = React.memo(
               )
             ]
           }
-        ) }) })
+        ) })
       }
     );
   }

package/dist/components/CopyButton/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/CopyButton/index.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport { useTranslation } from 'react-i18next';\nimport { Tooltip } from '../Tooltip';\nimport { useI18n } from '../../store';\n\ninterface CopyButtonProps {\n  size?: number;\n  copyText: string;\n  tooltipText?: string;\n  className?: string;\n  color?: string;\n}\n\nexport const CopyButton = React.memo(\n  ({ size, copyText, tooltipText, className, color }: CopyButtonProps) => {\n    const { translations } = useI18n();\n    const { t } = useTranslation();\n    const [text, setText] = useState(\n      tooltipText || t(translations.general.copyButton.copyToClipboard),\n    );\n    const handleClick = () => {\n      const oInput = document.createElement('input');\n      oInput.value = copyText;\n      document.body.appendChild(oInput);\n      oInput.select();\n      const copyResult = document.execCommand('copy');\n      document.body.removeChild(oInput);\n      if (copyResult) {\n        setText(t(translations.general.copyButton.success));\n      } else {\n        setText(t(translations.general.copyButton.failed));\n      }\n    };\n\n    const handleClose = () => {\n      setText(\n        tooltipText || t(translations.general.copyButton.copyToClipboard),\n      );\n    };\n    return (\n      <Tooltip\n        title={text}\n        onClose={handleClose}\n        closeOnPointerDown={false}\n        triggerProps={{\n          onClick: e => e.stopPropagation(),\n        }}\n        positioning={{ placement: 'top-start' }}\n      >\n        <div className=\"inline-block\">\n          <div onClick={handleClick} className=\"cursor-pointer flex\">\n            <svg\n              className={`icon ${className}`}\n              viewBox=\"0 0 1024 1024\"\n              width={size || 12}\n              height={size || 12}\n            >\n              <defs>\n                <style type=\"text/css\" />\n              </defs>\n              <path\n                fill={color || '#4b4b4b'}\n                d=\"M967.552 760.448H304.896a41.472 41.472 0 0 1-41.344-41.344V56.32c0-22.912 18.56-41.344 41.344-41.344H967.68c22.912 0 41.344 18.432 41.344 41.344v662.656a41.472 41.472 0 0 1-41.344 41.344z m-621.184-82.816h579.84V97.792h-579.84v579.84z\"\n              />\n              <path\n                fill={color || '#4b4b4b'}\n                d=\"M719.104 1008.896H56.32a41.472 41.472 0 0 1-41.344-41.344V304.896c0-22.784 18.432-41.344 41.344-41.344h124.16v82.816H98.048v579.84h579.84V847.36h82.688v120.064a41.472 41.472 0 0 1-41.344 41.344z\"\n              />\n            </svg>\n          </div>\n        </div>\n      </Tooltip>\n    );\n  },\n);\n"],"mappings":";;;;;;;;;AAAA,OAAO,SAAS,gBAAgB;AAChC,SAAS,sBAAsB;AAkDnB,SAOI,KAPJ;AAtCL,IAAM,aAAa,MAAM;AAAA,EAC9B,CAAC,EAAE,MAAM,UAAU,aAAa,WAAW,MAAM,MAAuB;AACtE,UAAM,EAAE,aAAa,IAAI,QAAQ;AACjC,UAAM,EAAE,EAAE,IAAI,eAAe;AAC7B,UAAM,CAAC,MAAM,OAAO,IAAI;AAAA,MACtB,eAAe,EAAE,aAAa,QAAQ,WAAW,eAAe;AAAA,IAClE;AACA,UAAM,cAAc,MAAM;AACxB,YAAM,SAAS,SAAS,cAAc,OAAO;AAC7C,aAAO,QAAQ;AACf,eAAS,KAAK,YAAY,MAAM;AAChC,aAAO,OAAO;AACd,YAAM,aAAa,SAAS,YAAY,MAAM;AAC9C,eAAS,KAAK,YAAY,MAAM;AAChC,UAAI,YAAY;AACd,gBAAQ,EAAE,aAAa,QAAQ,WAAW,OAAO,CAAC;AAAA,MACpD,OAAO;AACL,gBAAQ,EAAE,aAAa,QAAQ,WAAW,MAAM,CAAC;AAAA,MACnD;AAAA,IACF;AAEA,UAAM,cAAc,MAAM;AACxB;AAAA,QACE,eAAe,EAAE,aAAa,QAAQ,WAAW,eAAe;AAAA,MAClE;AAAA,IACF;AACA,WACE;AAAA,MAAC;AAAA;AAAA,QACC,OAAO;AAAA,QACP,SAAS;AAAA,QACT,oBAAoB;AAAA,QACpB,cAAc;AAAA,UACZ,SAAS,OAAK,EAAE,gBAAgB;AAAA,QAClC;AAAA,QACA,aAAa,EAAE,WAAW,YAAY;AAAA,QAEtC,8BAAC,SAAI,WAAU,gBACb,8BAAC,SAAI,SAAS,aAAa,WAAU,uBACnC;AAAA,UAAC;AAAA;AAAA,YACC,WAAW,QAAQ,SAAS;AAAA,YAC5B,SAAQ;AAAA,YACR,OAAO,QAAQ;AAAA,YACf,QAAQ,QAAQ;AAAA,YAEhB;AAAA,kCAAC,UACC,8BAAC,WAAM,MAAK,YAAW,GACzB;AAAA,cACA;AAAA,gBAAC;AAAA;AAAA,kBACC,MAAM,SAAS;AAAA,kBACf,GAAE;AAAA;AAAA,cACJ;AAAA,cACA;AAAA,gBAAC;AAAA;AAAA,kBACC,MAAM,SAAS;AAAA,kBACf,GAAE;AAAA;AAAA,cACJ;AAAA;AAAA;AAAA,QACF,GACF,GACF;AAAA;AAAA,IACF;AAAA,EAEJ;AACF;","names":[]}
+{"version":3,"sources":["../../../src/components/CopyButton/index.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport { useTranslation } from 'react-i18next';\nimport { Tooltip } from '../Tooltip';\nimport { useI18n } from '../../store';\n\ninterface CopyButtonProps {\n  size?: number;\n  copyText: string;\n  tooltipText?: string;\n  className?: string;\n  color?: string;\n}\n\nexport const CopyButton = React.memo(\n  ({ size, copyText, tooltipText, className, color }: CopyButtonProps) => {\n    const { translations } = useI18n();\n    const { t } = useTranslation();\n    const [text, setText] = useState(\n      tooltipText || t(translations.general.copyButton.copyToClipboard),\n    );\n    const handleClick = () => {\n      const oInput = document.createElement('input');\n      oInput.value = copyText;\n      document.body.appendChild(oInput);\n      oInput.select();\n      const copyResult = document.execCommand('copy');\n      document.body.removeChild(oInput);\n      if (copyResult) {\n        setText(t(translations.general.copyButton.success));\n      } else {\n        setText(t(translations.general.copyButton.failed));\n      }\n    };\n\n    const handleClose = () => {\n      setText(\n        tooltipText || t(translations.general.copyButton.copyToClipboard),\n      );\n    };\n    return (\n      <Tooltip\n        title={text}\n        onClose={handleClose}\n        closeOnPointerDown={false}\n        positioning={{ placement: 'top-start' }}\n        className=\"inline-flex items-center\"\n      >\n        <div onClick={handleClick} className=\"cursor-pointer flex\">\n          <svg\n            className={`icon ${className}`}\n            viewBox=\"0 0 1024 1024\"\n            width={size || 12}\n            height={size || 12}\n          >\n            <defs>\n              <style type=\"text/css\" />\n            </defs>\n            <path\n              fill={color || '#4b4b4b'}\n              d=\"M967.552 760.448H304.896a41.472 41.472 0 0 1-41.344-41.344V56.32c0-22.912 18.56-41.344 41.344-41.344H967.68c22.912 0 41.344 18.432 41.344 41.344v662.656a41.472 41.472 0 0 1-41.344 41.344z m-621.184-82.816h579.84V97.792h-579.84v579.84z\"\n            />\n            <path\n              fill={color || '#4b4b4b'}\n              d=\"M719.104 1008.896H56.32a41.472 41.472 0 0 1-41.344-41.344V304.896c0-22.784 18.432-41.344 41.344-41.344h124.16v82.816H98.048v579.84h579.84V847.36h82.688v120.064a41.472 41.472 0 0 1-41.344 41.344z\"\n            />\n          </svg>\n        </div>\n      </Tooltip>\n    );\n  },\n);\n"],"mappings":";;;;;;;;;;;AAAA,OAAO,SAAS,gBAAgB;AAChC,SAAS,sBAAsB;AA+CrB,SAOI,KAPJ;AAnCH,IAAM,aAAa,MAAM;AAAA,EAC9B,CAAC,EAAE,MAAM,UAAU,aAAa,WAAW,MAAM,MAAuB;AACtE,UAAM,EAAE,aAAa,IAAI,QAAQ;AACjC,UAAM,EAAE,EAAE,IAAI,eAAe;AAC7B,UAAM,CAAC,MAAM,OAAO,IAAI;AAAA,MACtB,eAAe,EAAE,aAAa,QAAQ,WAAW,eAAe;AAAA,IAClE;AACA,UAAM,cAAc,MAAM;AACxB,YAAM,SAAS,SAAS,cAAc,OAAO;AAC7C,aAAO,QAAQ;AACf,eAAS,KAAK,YAAY,MAAM;AAChC,aAAO,OAAO;AACd,YAAM,aAAa,SAAS,YAAY,MAAM;AAC9C,eAAS,KAAK,YAAY,MAAM;AAChC,UAAI,YAAY;AACd,gBAAQ,EAAE,aAAa,QAAQ,WAAW,OAAO,CAAC;AAAA,MACpD,OAAO;AACL,gBAAQ,EAAE,aAAa,QAAQ,WAAW,MAAM,CAAC;AAAA,MACnD;AAAA,IACF;AAEA,UAAM,cAAc,MAAM;AACxB;AAAA,QACE,eAAe,EAAE,aAAa,QAAQ,WAAW,eAAe;AAAA,MAClE;AAAA,IACF;AACA,WACE;AAAA,MAAC;AAAA;AAAA,QACC,OAAO;AAAA,QACP,SAAS;AAAA,QACT,oBAAoB;AAAA,QACpB,aAAa,EAAE,WAAW,YAAY;AAAA,QACtC,WAAU;AAAA,QAEV,8BAAC,SAAI,SAAS,aAAa,WAAU,uBACnC;AAAA,UAAC;AAAA;AAAA,YACC,WAAW,QAAQ;AAAA,YACnB,SAAQ;AAAA,YACR,OAAO,QAAQ;AAAA,YACf,QAAQ,QAAQ;AAAA,YAEhB;AAAA,kCAAC,UACC,8BAAC,WAAM,MAAK,YAAW,GACzB;AAAA,cACA;AAAA,gBAAC;AAAA;AAAA,kBACC,MAAM,SAAS;AAAA,kBACf,GAAE;AAAA;AAAA,cACJ;AAAA,cACA;AAAA,gBAAC;AAAA;AAAA,kBACC,MAAM,SAAS;AAAA,kBACf,GAAE;AAAA;AAAA,cACJ;AAAA;AAAA;AAAA,QACF,GACF;AAAA;AAAA,IACF;AAAA,EAEJ;AACF;","names":[]}

package/dist/components/CountDown/index.js

@@ -1,16 +1,16 @@
 import {
   Text
-} from "../../chunk-4V4K4OJ4.js";
-import "../../chunk-FXBVUGRI.js";
+} from "../../chunk-RD7ICJJF.js";
+import "../../chunk-TOKKKTFG.js";
+import "../../chunk-CQLD2WE7.js";
+import "../../chunk-LRCAKRPK.js";
 import {
   getDuration
-} from "../../chunk-AGOKIWZZ.js";
-import "../../chunk-CJQCVR64.js";
-import "../../chunk-YVIZX6QJ.js";
-import "../../chunk-5IEZKHNQ.js";
+} from "../../chunk-NDCMVJNJ.js";
+import "../../chunk-ADPYV4OL.js";
 import {
   getTranslations
-} from "../../chunk-25QWXIAS.js";
+} from "../../chunk-HRW4BUP4.js";
 
 // src/components/CountDown/index.tsx
 import React from "react";

package/dist/components/CountDown/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/CountDown/index.tsx"],"sourcesContent":["import React from 'react';\nimport { useTranslation } from 'react-i18next';\nimport { getDuration } from '../../utils';\nimport { Text } from '../Text';\nimport { getTranslations } from '../../store';\n\ninterface CountDownProps {\n  from: number;\n  to?: number;\n  retainDurations?: 1 | 2 | 3 | 4;\n}\nexport const CountDown = React.memo(\n  ({ from, to, retainDurations = 2 }: CountDownProps) => {\n    const translations = getTranslations();\n    const { t } = useTranslation();\n    const duration = getDuration(from, to);\n    const str = [\n      translations.general.countdown.day,\n      translations.general.countdown.hour,\n      translations.general.countdown.minute,\n      translations.general.countdown.second,\n    ];\n\n    const label = duration.reduce(\n      (acc, cur, index) => {\n        // default max to retain 2 duration, and min to retain 1 duration\n        if (Number(acc[1]) < retainDurations && (cur > 0 || index === 3)) {\n          const next = t(str[index] || '', { count: cur });\n          acc[0] = acc[0] ? `${acc[0]} ${next}` : `${next}`;\n          acc[1] = Number(acc[1]) + 1;\n        }\n        return acc;\n      },\n      ['', 0],\n    );\n\n    const fullLabel = duration.reduce(\n      (acc, cur, index) => {\n        if (Number(acc[1]) < 4 && (cur > 0 || index === 3)) {\n          const next = t(str[index] || '', { count: cur });\n          acc[0] = acc[0] ? `${acc[0]} ${next}` : `${next}`;\n          acc[1] = Number(acc[1]) + 1;\n        }\n        return acc;\n      },\n      ['', 0],\n    );\n\n    return (\n      <Text\n        tag=\"span\"\n        hoverValue={`${fullLabel[0]} ${t(translations.general.countdown.ago)}`}\n      >\n        {label[0]} {t(translations.general.countdown.ago)}\n      </Text>\n    );\n  },\n);\n"],"mappings":";;;;;;;;;;;;;;;AAAA,OAAO,WAAW;AAClB,SAAS,sBAAsB;AAgDzB;AAtCC,IAAM,YAAY,MAAM;AAAA,EAC7B,CAAC,EAAE,MAAM,IAAI,kBAAkB,EAAE,MAAsB;AACrD,UAAM,eAAe,gBAAgB;AACrC,UAAM,EAAE,EAAE,IAAI,eAAe;AAC7B,UAAM,WAAW,YAAY,MAAM,EAAE;AACrC,UAAM,MAAM;AAAA,MACV,aAAa,QAAQ,UAAU;AAAA,MAC/B,aAAa,QAAQ,UAAU;AAAA,MAC/B,aAAa,QAAQ,UAAU;AAAA,MAC/B,aAAa,QAAQ,UAAU;AAAA,IACjC;AAEA,UAAM,QAAQ,SAAS;AAAA,MACrB,CAAC,KAAK,KAAK,UAAU;AAEnB,YAAI,OAAO,IAAI,CAAC,CAAC,IAAI,oBAAoB,MAAM,KAAK,UAAU,IAAI;AAChE,gBAAM,OAAO,EAAE,IAAI,KAAK,KAAK,IAAI,EAAE,OAAO,IAAI,CAAC;AAC/C,cAAI,CAAC,IAAI,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC,CAAC,IAAI,IAAI,KAAK,GAAG,IAAI;AAC/C,cAAI,CAAC,IAAI,OAAO,IAAI,CAAC,CAAC,IAAI;AAAA,QAC5B;AACA,eAAO;AAAA,MACT;AAAA,MACA,CAAC,IAAI,CAAC;AAAA,IACR;AAEA,UAAM,YAAY,SAAS;AAAA,MACzB,CAAC,KAAK,KAAK,UAAU;AACnB,YAAI,OAAO,IAAI,CAAC,CAAC,IAAI,MAAM,MAAM,KAAK,UAAU,IAAI;AAClD,gBAAM,OAAO,EAAE,IAAI,KAAK,KAAK,IAAI,EAAE,OAAO,IAAI,CAAC;AAC/C,cAAI,CAAC,IAAI,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC,CAAC,IAAI,IAAI,KAAK,GAAG,IAAI;AAC/C,cAAI,CAAC,IAAI,OAAO,IAAI,CAAC,CAAC,IAAI;AAAA,QAC5B;AACA,eAAO;AAAA,MACT;AAAA,MACA,CAAC,IAAI,CAAC;AAAA,IACR;AAEA,WACE;AAAA,MAAC;AAAA;AAAA,QACC,KAAI;AAAA,QACJ,YAAY,GAAG,UAAU,CAAC,CAAC,IAAI,EAAE,aAAa,QAAQ,UAAU,GAAG,CAAC;AAAA,QAEnE;AAAA,gBAAM,CAAC;AAAA,UAAE;AAAA,UAAE,EAAE,aAAa,QAAQ,UAAU,GAAG;AAAA;AAAA;AAAA,IAClD;AAAA,EAEJ;AACF;","names":[]}
+{"version":3,"sources":["../../../src/components/CountDown/index.tsx"],"sourcesContent":["import React from 'react';\nimport { useTranslation } from 'react-i18next';\nimport { getDuration } from '../../utils';\nimport { Text } from '../Text';\nimport { getTranslations } from '../../store';\n\ninterface CountDownProps {\n  from: number;\n  to?: number;\n  retainDurations?: 1 | 2 | 3 | 4;\n}\nexport const CountDown = React.memo(\n  ({ from, to, retainDurations = 2 }: CountDownProps) => {\n    const translations = getTranslations();\n    const { t } = useTranslation();\n    const duration = getDuration(from, to);\n    const str = [\n      translations.general.countdown.day,\n      translations.general.countdown.hour,\n      translations.general.countdown.minute,\n      translations.general.countdown.second,\n    ];\n\n    const label = duration.reduce(\n      (acc, cur, index) => {\n        // default max to retain 2 duration, and min to retain 1 duration\n        if (Number(acc[1]) < retainDurations && (cur > 0 || index === 3)) {\n          const next = t(str[index] || '', { count: cur });\n          acc[0] = acc[0] ? `${acc[0]} ${next}` : `${next}`;\n          acc[1] = Number(acc[1]) + 1;\n        }\n        return acc;\n      },\n      ['', 0],\n    );\n\n    const fullLabel = duration.reduce(\n      (acc, cur, index) => {\n        if (Number(acc[1]) < 4 && (cur > 0 || index === 3)) {\n          const next = t(str[index] || '', { count: cur });\n          acc[0] = acc[0] ? `${acc[0]} ${next}` : `${next}`;\n          acc[1] = Number(acc[1]) + 1;\n        }\n        return acc;\n      },\n      ['', 0],\n    );\n\n    return (\n      <Text\n        tag=\"span\"\n        hoverValue={`${fullLabel[0]} ${t(translations.general.countdown.ago)}`}\n      >\n        {label[0]} {t(translations.general.countdown.ago)}\n      </Text>\n    );\n  },\n);\n"],"mappings":";;;;;;;;;;;;;;;AAAA,OAAO,WAAW;AAClB,SAAS,sBAAsB;AAgDzB;AAtCC,IAAM,YAAY,MAAM;AAAA,EAC7B,CAAC,EAAE,MAAM,IAAI,kBAAkB,EAAE,MAAsB;AACrD,UAAM,eAAe,gBAAgB;AACrC,UAAM,EAAE,EAAE,IAAI,eAAe;AAC7B,UAAM,WAAW,YAAY,MAAM,EAAE;AACrC,UAAM,MAAM;AAAA,MACV,aAAa,QAAQ,UAAU;AAAA,MAC/B,aAAa,QAAQ,UAAU;AAAA,MAC/B,aAAa,QAAQ,UAAU;AAAA,MAC/B,aAAa,QAAQ,UAAU;AAAA,IACjC;AAEA,UAAM,QAAQ,SAAS;AAAA,MACrB,CAAC,KAAK,KAAK,UAAU;AAEnB,YAAI,OAAO,IAAI,CAAC,CAAC,IAAI,oBAAoB,MAAM,KAAK,UAAU,IAAI;AAChE,gBAAM,OAAO,EAAE,IAAI,KAAK,KAAK,IAAI,EAAE,OAAO,IAAI,CAAC;AAC/C,cAAI,CAAC,IAAI,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC,KAAK,SAAS,GAAG;AAC3C,cAAI,CAAC,IAAI,OAAO,IAAI,CAAC,CAAC,IAAI;AAAA,QAC5B;AACA,eAAO;AAAA,MACT;AAAA,MACA,CAAC,IAAI,CAAC;AAAA,IACR;AAEA,UAAM,YAAY,SAAS;AAAA,MACzB,CAAC,KAAK,KAAK,UAAU;AACnB,YAAI,OAAO,IAAI,CAAC,CAAC,IAAI,MAAM,MAAM,KAAK,UAAU,IAAI;AAClD,gBAAM,OAAO,EAAE,IAAI,KAAK,KAAK,IAAI,EAAE,OAAO,IAAI,CAAC;AAC/C,cAAI,CAAC,IAAI,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC,KAAK,SAAS,GAAG;AAC3C,cAAI,CAAC,IAAI,OAAO,IAAI,CAAC,CAAC,IAAI;AAAA,QAC5B;AACA,eAAO;AAAA,MACT;AAAA,MACA,CAAC,IAAI,CAAC;AAAA,IACR;AAEA,WACE;AAAA,MAAC;AAAA;AAAA,QACC,KAAI;AAAA,QACJ,YAAY,GAAG,UAAU,CAAC,KAAK,EAAE,aAAa,QAAQ,UAAU,GAAG;AAAA,QAElE;AAAA,gBAAM,CAAC;AAAA,UAAE;AAAA,UAAE,EAAE,aAAa,QAAQ,UAAU,GAAG;AAAA;AAAA;AAAA,IAClD;AAAA,EAEJ;AACF;","names":[]}

package/dist/components/Description/index.d.ts

@@ -12,4 +12,4 @@ type NativeAttrs = Omit<React__default.HTMLAttributes<any>, keyof Props>;
 type DescriptionProps = Props & NativeAttrs;
 declare const Description: ({ title, style, className, children, noBorder, vertical, size, ...others }: DescriptionProps) => react_jsx_runtime.JSX.Element;
 
-export { Description, type DescriptionProps };
+export { Description, DescriptionProps };

package/dist/components/DownloadCSV/index.js

@@ -1,20 +1,20 @@
 import {
   Modal
-} from "../../chunk-R5ECXT74.js";
+} from "../../chunk-XKKCZHHP.js";
 import "../../chunk-XCKMXAL2.js";
 import {
   Link
-} from "../../chunk-ZSP5VMHE.js";
-import "../../chunk-IM77KPX5.js";
-import "../../chunk-AGOKIWZZ.js";
-import "../../chunk-CJQCVR64.js";
+} from "../../chunk-IEPHKAPT.js";
+import "../../chunk-CFRPDLWO.js";
 import {
   Tooltip
-} from "../../chunk-YVIZX6QJ.js";
-import "../../chunk-5IEZKHNQ.js";
+} from "../../chunk-CQLD2WE7.js";
+import "../../chunk-LRCAKRPK.js";
+import "../../chunk-NDCMVJNJ.js";
+import "../../chunk-ADPYV4OL.js";
 import {
   getTranslations
-} from "../../chunk-25QWXIAS.js";
+} from "../../chunk-HRW4BUP4.js";
 
 // src/components/DownloadCSV/index.tsx
 import { useState } from "react";
@@ -43,14 +43,21 @@ var DownloadCSV = ({ url: outerUrl }) => {
     setRecaptchaVisible(true);
   };
   return /* @__PURE__ */ jsxs("div", { className: "text-right mb-[-1rem]", children: [
-    /* @__PURE__ */ jsx(Tooltip, { title: t(translations.general.downloadCSV.latest5000records), children: /* @__PURE__ */ jsx("div", { className: "inline-block pr-[0.2857rem] w-[1.2857rem] cursor-pointer", children: /* @__PURE__ */ jsx(
-      "img",
+    /* @__PURE__ */ jsx(
+      Tooltip,
       {
-        src: iconInfo,
-        alt: "warning-icon",
-        className: "mt-[-0.2857rem]"
+        className: "inline-block pr-[0.2857rem] w-[1.2857rem] cursor-pointer",
+        title: t(translations.general.downloadCSV.latest5000records),
+        children: /* @__PURE__ */ jsx(
+          "img",
+          {
+            src: iconInfo,
+            alt: "warning-icon",
+            className: "mt-[-0.2857rem]"
+          }
+        )
       }
-    ) }) }),
+    ),
     /* @__PURE__ */ jsxs("span", { children: [
       t(translations.general.downloadCSV.download),
       " "

package/dist/components/DownloadCSV/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/DownloadCSV/index.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport { useTranslation } from 'react-i18next';\nimport { getTranslations } from '../../store';\nimport { Link } from '../Link';\nimport { Modal } from '../Modal';\nimport ReCAPTCHA from 'react-google-recaptcha';\nimport iconInfo from '../../images/info.svg';\nimport { Tooltip } from '../Tooltip';\nimport qs from 'qs';\n\nexport const DownloadCSV = ({ url: outerUrl }: { url: string }) => {\n  const { t, i18n } = useTranslation();\n  const [recaptchaVisible, setRecaptchaVisible] = useState(false);\n  const translations = getTranslations();\n\n  const handleRecaptchaModalClose = () => setRecaptchaVisible(false);\n  const onRecaptchaChange = (value: string | null) => {\n    if (value) {\n      const parsedUrl = new URL(outerUrl, window.location.origin);\n      const query = qs.parse(parsedUrl.search, { ignoreQueryPrefix: true });\n\n      query.token = value;\n\n      const newUrl = `${parsedUrl.origin}${parsedUrl.pathname}?${qs.stringify(query)}`;\n\n      window.open(newUrl);\n\n      setRecaptchaVisible(false);\n    }\n  };\n  const handleDownloadCSV = (e: React.MouseEvent<HTMLAnchorElement>) => {\n    e.preventDefault();\n    setRecaptchaVisible(true);\n  };\n\n  return (\n    <div className=\"text-right mb-[-1rem]\">\n      <Tooltip title={t(translations.general.downloadCSV.latest5000records)}>\n        <div className=\"inline-block pr-[0.2857rem] w-[1.2857rem] cursor-pointer\">\n          <img\n            src={iconInfo}\n            alt=\"warning-icon\"\n            className=\"mt-[-0.2857rem]\"\n          ></img>\n        </div>\n      </Tooltip>\n      <span>{t(translations.general.downloadCSV.download)} </span>\n      <Link onClick={handleDownloadCSV}>\n        {t(translations.general.downloadCSV.csvFile)}\n      </Link>\n      <Modal\n        open={recaptchaVisible}\n        onClose={handleRecaptchaModalClose}\n        closable\n        width={'26.0714rem'}\n      >\n        <ReCAPTCHA\n          sitekey=\"6LeSnTofAAAAAML11Df2KzLagoDb59fhVWb8ENSc\"\n          onChange={onRecaptchaChange}\n          hl={i18n.language.indexOf('en') > -1 ? 'en' : 'zh'}\n        />\n      </Modal>\n    </div>\n  );\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA,SAAgB,gBAAgB;AAChC,SAAS,sBAAsB;AAI/B,OAAO,eAAe;AACtB,OAAO,cAAc;AAErB,OAAO,QAAQ;AA+BL,cAOJ,YAPI;AA7BH,IAAM,cAAc,CAAC,EAAE,KAAK,SAAS,MAAuB;AACjE,QAAM,EAAE,GAAG,KAAK,IAAI,eAAe;AACnC,QAAM,CAAC,kBAAkB,mBAAmB,IAAI,SAAS,KAAK;AAC9D,QAAM,eAAe,gBAAgB;AAErC,QAAM,4BAA4B,MAAM,oBAAoB,KAAK;AACjE,QAAM,oBAAoB,CAAC,UAAyB;AAClD,QAAI,OAAO;AACT,YAAM,YAAY,IAAI,IAAI,UAAU,OAAO,SAAS,MAAM;AAC1D,YAAM,QAAQ,GAAG,MAAM,UAAU,QAAQ,EAAE,mBAAmB,KAAK,CAAC;AAEpE,YAAM,QAAQ;AAEd,YAAM,SAAS,GAAG,UAAU,MAAM,GAAG,UAAU,QAAQ,IAAI,GAAG,UAAU,KAAK,CAAC;AAE9E,aAAO,KAAK,MAAM;AAElB,0BAAoB,KAAK;AAAA,IAC3B;AAAA,EACF;AACA,QAAM,oBAAoB,CAAC,MAA2C;AACpE,MAAE,eAAe;AACjB,wBAAoB,IAAI;AAAA,EAC1B;AAEA,SACE,qBAAC,SAAI,WAAU,yBACb;AAAA,wBAAC,WAAQ,OAAO,EAAE,aAAa,QAAQ,YAAY,iBAAiB,GAClE,8BAAC,SAAI,WAAU,4DACb;AAAA,MAAC;AAAA;AAAA,QACC,KAAK;AAAA,QACL,KAAI;AAAA,QACJ,WAAU;AAAA;AAAA,IACX,GACH,GACF;AAAA,IACA,qBAAC,UAAM;AAAA,QAAE,aAAa,QAAQ,YAAY,QAAQ;AAAA,MAAE;AAAA,OAAC;AAAA,IACrD,oBAAC,QAAK,SAAS,mBACZ,YAAE,aAAa,QAAQ,YAAY,OAAO,GAC7C;AAAA,IACA;AAAA,MAAC;AAAA;AAAA,QACC,MAAM;AAAA,QACN,SAAS;AAAA,QACT,UAAQ;AAAA,QACR,OAAO;AAAA,QAEP;AAAA,UAAC;AAAA;AAAA,YACC,SAAQ;AAAA,YACR,UAAU;AAAA,YACV,IAAI,KAAK,SAAS,QAAQ,IAAI,IAAI,KAAK,OAAO;AAAA;AAAA,QAChD;AAAA;AAAA,IACF;AAAA,KACF;AAEJ;","names":[]}
+{"version":3,"sources":["../../../src/components/DownloadCSV/index.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport { useTranslation } from 'react-i18next';\nimport { getTranslations } from '../../store';\nimport { Link } from '../Link';\nimport { Modal } from '../Modal';\nimport ReCAPTCHA from 'react-google-recaptcha';\nimport iconInfo from '../../images/info.svg';\nimport { Tooltip } from '../Tooltip';\nimport qs from 'qs';\n\nexport const DownloadCSV = ({ url: outerUrl }: { url: string }) => {\n  const { t, i18n } = useTranslation();\n  const [recaptchaVisible, setRecaptchaVisible] = useState(false);\n  const translations = getTranslations();\n\n  const handleRecaptchaModalClose = () => setRecaptchaVisible(false);\n  const onRecaptchaChange = (value: string | null) => {\n    if (value) {\n      const parsedUrl = new URL(outerUrl, window.location.origin);\n      const query = qs.parse(parsedUrl.search, { ignoreQueryPrefix: true });\n\n      query.token = value;\n\n      const newUrl = `${parsedUrl.origin}${parsedUrl.pathname}?${qs.stringify(query)}`;\n\n      window.open(newUrl);\n\n      setRecaptchaVisible(false);\n    }\n  };\n  const handleDownloadCSV = (e: React.MouseEvent<HTMLAnchorElement>) => {\n    e.preventDefault();\n    setRecaptchaVisible(true);\n  };\n\n  return (\n    <div className=\"text-right mb-[-1rem]\">\n      <Tooltip\n        className=\"inline-block pr-[0.2857rem] w-[1.2857rem] cursor-pointer\"\n        title={t(translations.general.downloadCSV.latest5000records)}\n      >\n        <img\n          src={iconInfo}\n          alt=\"warning-icon\"\n          className=\"mt-[-0.2857rem]\"\n        ></img>\n      </Tooltip>\n      <span>{t(translations.general.downloadCSV.download)} </span>\n      <Link onClick={handleDownloadCSV}>\n        {t(translations.general.downloadCSV.csvFile)}\n      </Link>\n      <Modal\n        open={recaptchaVisible}\n        onClose={handleRecaptchaModalClose}\n        closable\n        width={'26.0714rem'}\n      >\n        <ReCAPTCHA\n          sitekey=\"6LeSnTofAAAAAML11Df2KzLagoDb59fhVWb8ENSc\"\n          onChange={onRecaptchaChange}\n          hl={i18n.language.indexOf('en') > -1 ? 'en' : 'zh'}\n        />\n      </Modal>\n    </div>\n  );\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA,SAAgB,gBAAgB;AAChC,SAAS,sBAAsB;AAI/B,OAAO,eAAe;AACtB,OAAO,cAAc;AAErB,OAAO,QAAQ;AAiCP,cAMF,YANE;AA/BD,IAAM,cAAc,CAAC,EAAE,KAAK,SAAS,MAAuB;AACjE,QAAM,EAAE,GAAG,KAAK,IAAI,eAAe;AACnC,QAAM,CAAC,kBAAkB,mBAAmB,IAAI,SAAS,KAAK;AAC9D,QAAM,eAAe,gBAAgB;AAErC,QAAM,4BAA4B,MAAM,oBAAoB,KAAK;AACjE,QAAM,oBAAoB,CAAC,UAAyB;AAClD,QAAI,OAAO;AACT,YAAM,YAAY,IAAI,IAAI,UAAU,OAAO,SAAS,MAAM;AAC1D,YAAM,QAAQ,GAAG,MAAM,UAAU,QAAQ,EAAE,mBAAmB,KAAK,CAAC;AAEpE,YAAM,QAAQ;AAEd,YAAM,SAAS,GAAG,UAAU,SAAS,UAAU,YAAY,GAAG,UAAU,KAAK;AAE7E,aAAO,KAAK,MAAM;AAElB,0BAAoB,KAAK;AAAA,IAC3B;AAAA,EACF;AACA,QAAM,oBAAoB,CAAC,MAA2C;AACpE,MAAE,eAAe;AACjB,wBAAoB,IAAI;AAAA,EAC1B;AAEA,SACE,qBAAC,SAAI,WAAU,yBACb;AAAA;AAAA,MAAC;AAAA;AAAA,QACC,WAAU;AAAA,QACV,OAAO,EAAE,aAAa,QAAQ,YAAY,iBAAiB;AAAA,QAE3D;AAAA,UAAC;AAAA;AAAA,YACC,KAAK;AAAA,YACL,KAAI;AAAA,YACJ,WAAU;AAAA;AAAA,QACX;AAAA;AAAA,IACH;AAAA,IACA,qBAAC,UAAM;AAAA,QAAE,aAAa,QAAQ,YAAY,QAAQ;AAAA,MAAE;AAAA,OAAC;AAAA,IACrD,oBAAC,QAAK,SAAS,mBACZ,YAAE,aAAa,QAAQ,YAAY,OAAO,GAC7C;AAAA,IACA;AAAA,MAAC;AAAA;AAAA,QACC,MAAM;AAAA,QACN,SAAS;AAAA,QACT,UAAQ;AAAA,QACR,OAAO;AAAA,QAEP;AAAA,UAAC;AAAA;AAAA,YACC,SAAQ;AAAA,YACR,UAAU;AAAA,YACV,IAAI,KAAK,SAAS,QAAQ,IAAI,IAAI,KAAK,OAAO;AAAA;AAAA,QAChD;AAAA;AAAA,IACF;AAAA,KACF;AAEJ;","names":[]}

package/dist/components/Dropdown/index.js

@@ -1,8 +1,8 @@
 import {
   Button_default
-} from "../../chunk-WML236LE.js";
-import "../../chunk-6UM5Y3SL.js";
+} from "../../chunk-RWMP7K3H.js";
 import "../../chunk-27GSITHB.js";
+import "../../chunk-6UM5Y3SL.js";
 import "../../chunk-3GGF3ULC.js";
 
 // src/components/Dropdown/index.tsx

package/dist/components/Dropdown/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/Dropdown/index.tsx"],"sourcesContent":["import qs from 'qs';\nimport React, { useState, useRef, useEffect } from 'react';\nimport { useLocation, useHistory } from 'react-router-dom';\nimport { useClickAway } from '@cfx-kit/react-utils/dist/hooks.js';\nimport clsx from 'clsx';\nimport Button from '../Button';\n\n// options example:\n// [\n//   {\n//     key: 'txType',\n//     value: 'all',\n//     name: 'viewAll',\n//   },\n//   {\n//     key: 'txType',\n//     value: 'outgoing',\n//     name: 'viewOutgoingTxns',\n//   },\n//   {\n//     key: 'txType',\n//     value: 'incoming',\n//     name: 'viewIncomingTxns',\n//   },\n//   {\n//     key: 'txType',\n//     value: '1',\n//     name: 'failed txns',\n//   },\n// ];\n\nexport const TableSearchDropdown = ({\n  options = [],\n  onChange,\n}: {\n  options?: Array<{\n    key: string;\n    value: string;\n    name: string;\n  }>;\n  onChange?: (value: string) => void;\n}) => {\n  const history = useHistory();\n  const location = useLocation();\n  const dropdownRef = useRef<HTMLDivElement>(null);\n  const [visible, setVisible] = useState<boolean>(false);\n  const [selected, setSelected] = useState(0);\n\n  useClickAway(dropdownRef, () => visible && setVisible(false));\n\n  let keyList = options.reduce((prev, curr) => {\n    return prev.concat(curr.key);\n  }, [] as Array<string>);\n  // @ts-ignore\n  keyList = [...new Set(keyList)];\n\n  useEffect(() => {\n    const query = qs.parse(location.search || '', {\n      ignoreQueryPrefix: true,\n    });\n    const realValue2 = options.reduce((prev, curr, index) => {\n      if (query[curr.key] === curr.value) {\n        return index;\n      }\n      return prev;\n    }, 0);\n    setSelected(realValue2);\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [location.search]);\n\n  const handleClick = (index: number) => {\n    setVisible(false);\n\n    const option = options[index];\n    if (!option) return;\n\n    if (onChange) {\n      onChange(option.value);\n    } else {\n      let { skip, ...query } = qs.parse(location.search || '', {\n        ignoreQueryPrefix: true,\n      });\n      let queryValue = '';\n\n      keyList.forEach(k => {\n        if (k === option.key) {\n          queryValue = query[k] as string;\n        }\n        delete query[k];\n      });\n\n      if (queryValue !== option.value) {\n        query[option.key] = option.value;\n        history.push(\n          `${location.pathname}${qs.stringify(\n            {\n              skip: '0',\n              ...query,\n            },\n            {\n              addQueryPrefix: true,\n            },\n          )}`,\n        );\n      }\n    }\n  };\n\n  return (\n    <div className=\"relative inline-block ml-0.5714rem\">\n      <Button type=\"icon\" onClick={() => setVisible(!visible)}>\n        <span className=\"i-material-symbols:more-horiz text-18px\"></span>\n      </Button>\n      {visible && (\n        <div\n          className={clsx(\n            'option-container',\n            'absolute right-0 rounded-0.14rem bg-#fff w-max mt-0.7143rem z-10 lt-sm:right-unset lt-sm:left-0',\n          )}\n          style={{\n            boxShadow: '0rem 0.43rem 1.14rem 0rem rgba(20, 27, 50, 0.08)',\n          }}\n          ref={dropdownRef}\n        >\n          {options.map((o, index) => (\n            <div\n              key={o.value}\n              onClick={() => handleClick(index)}\n              className={clsx(\n                'opt',\n                'flex-vertical-center justify-between lh-1.57rem py-0.29rem px-1.14rem cursor-pointer hover:bg-#f1f4f6',\n                selected === index\n                  ? 'text-[var(--theme-color-primary)]'\n                  : 'text-#65709a',\n              )}\n            >\n              <span>{o.name}</span>\n              {selected === index && (\n                <span className=\"i-material-symbols:check-small-rounded text-28px ml-0.5rem\"></span>\n              )}\n            </div>\n          ))}\n        </div>\n      )}\n    </div>\n  );\n};\n"],"mappings":";;;;;;;;AAAA,OAAO,QAAQ;AACf,SAAgB,UAAU,QAAQ,iBAAiB;AACnD,SAAS,aAAa,kBAAkB;AACxC,SAAS,oBAAoB;AAC7B,OAAO,UAAU;AA2GT,cAcI,YAdJ;AAhFD,IAAM,sBAAsB,CAAC;AAAA,EAClC,UAAU,CAAC;AAAA,EACX;AACF,MAOM;AACJ,QAAM,UAAU,WAAW;AAC3B,QAAM,WAAW,YAAY;AAC7B,QAAM,cAAc,OAAuB,IAAI;AAC/C,QAAM,CAAC,SAAS,UAAU,IAAI,SAAkB,KAAK;AACrD,QAAM,CAAC,UAAU,WAAW,IAAI,SAAS,CAAC;AAE1C,eAAa,aAAa,MAAM,WAAW,WAAW,KAAK,CAAC;AAE5D,MAAI,UAAU,QAAQ,OAAO,CAAC,MAAM,SAAS;AAC3C,WAAO,KAAK,OAAO,KAAK,GAAG;AAAA,EAC7B,GAAG,CAAC,CAAkB;AAEtB,YAAU,CAAC,GAAG,IAAI,IAAI,OAAO,CAAC;AAE9B,YAAU,MAAM;AACd,UAAM,QAAQ,GAAG,MAAM,SAAS,UAAU,IAAI;AAAA,MAC5C,mBAAmB;AAAA,IACrB,CAAC;AACD,UAAM,aAAa,QAAQ,OAAO,CAAC,MAAM,MAAM,UAAU;AACvD,UAAI,MAAM,KAAK,GAAG,MAAM,KAAK,OAAO;AAClC,eAAO;AAAA,MACT;AACA,aAAO;AAAA,IACT,GAAG,CAAC;AACJ,gBAAY,UAAU;AAAA,EAExB,GAAG,CAAC,SAAS,MAAM,CAAC;AAEpB,QAAM,cAAc,CAAC,UAAkB;AACrC,eAAW,KAAK;AAEhB,UAAM,SAAS,QAAQ,KAAK;AAC5B,QAAI,CAAC;AAAQ;AAEb,QAAI,UAAU;AACZ,eAAS,OAAO,KAAK;AAAA,IACvB,OAAO;AACL,UAAI,EAAE,MAAM,GAAG,MAAM,IAAI,GAAG,MAAM,SAAS,UAAU,IAAI;AAAA,QACvD,mBAAmB;AAAA,MACrB,CAAC;AACD,UAAI,aAAa;AAEjB,cAAQ,QAAQ,OAAK;AACnB,YAAI,MAAM,OAAO,KAAK;AACpB,uBAAa,MAAM,CAAC;AAAA,QACtB;AACA,eAAO,MAAM,CAAC;AAAA,MAChB,CAAC;AAED,UAAI,eAAe,OAAO,OAAO;AAC/B,cAAM,OAAO,GAAG,IAAI,OAAO;AAC3B,gBAAQ;AAAA,UACN,GAAG,SAAS,QAAQ,GAAG,GAAG;AAAA,YACxB;AAAA,cACE,MAAM;AAAA,cACN,GAAG;AAAA,YACL;AAAA,YACA;AAAA,cACE,gBAAgB;AAAA,YAClB;AAAA,UACF,CAAC;AAAA,QACH;AAAA,MACF;AAAA,IACF;AAAA,EACF;AAEA,SACE,qBAAC,SAAI,WAAU,sCACb;AAAA,wBAAC,kBAAO,MAAK,QAAO,SAAS,MAAM,WAAW,CAAC,OAAO,GACpD,8BAAC,UAAK,WAAU,2CAA0C,GAC5D;AAAA,IACC,WACC;AAAA,MAAC;AAAA;AAAA,QACC,WAAW;AAAA,UACT;AAAA,UACA;AAAA,QACF;AAAA,QACA,OAAO;AAAA,UACL,WAAW;AAAA,QACb;AAAA,QACA,KAAK;AAAA,QAEJ,kBAAQ,IAAI,CAAC,GAAG,UACf;AAAA,UAAC;AAAA;AAAA,YAEC,SAAS,MAAM,YAAY,KAAK;AAAA,YAChC,WAAW;AAAA,cACT;AAAA,cACA;AAAA,cACA,aAAa,QACT,sCACA;AAAA,YACN;AAAA,YAEA;AAAA,kCAAC,UAAM,YAAE,MAAK;AAAA,cACb,aAAa,SACZ,oBAAC,UAAK,WAAU,8DAA6D;AAAA;AAAA;AAAA,UAZ1E,EAAE;AAAA,QAcT,CACD;AAAA;AAAA,IACH;AAAA,KAEJ;AAEJ;","names":[]}
+{"version":3,"sources":["../../../src/components/Dropdown/index.tsx"],"sourcesContent":["import qs from 'qs';\nimport React, { useState, useRef, useEffect } from 'react';\nimport { useLocation, useHistory } from 'react-router-dom';\nimport { useClickAway } from '@cfx-kit/react-utils/dist/hooks.js';\nimport clsx from 'clsx';\nimport Button from '../Button';\n\n// options example:\n// [\n//   {\n//     key: 'txType',\n//     value: 'all',\n//     name: 'viewAll',\n//   },\n//   {\n//     key: 'txType',\n//     value: 'outgoing',\n//     name: 'viewOutgoingTxns',\n//   },\n//   {\n//     key: 'txType',\n//     value: 'incoming',\n//     name: 'viewIncomingTxns',\n//   },\n//   {\n//     key: 'txType',\n//     value: '1',\n//     name: 'failed txns',\n//   },\n// ];\n\nexport const TableSearchDropdown = ({\n  options = [],\n  onChange,\n}: {\n  options?: Array<{\n    key: string;\n    value: string;\n    name: string;\n  }>;\n  onChange?: (value: string) => void;\n}) => {\n  const history = useHistory();\n  const location = useLocation();\n  const dropdownRef = useRef<HTMLDivElement>(null);\n  const [visible, setVisible] = useState<boolean>(false);\n  const [selected, setSelected] = useState(0);\n\n  useClickAway(dropdownRef, () => visible && setVisible(false));\n\n  let keyList = options.reduce((prev, curr) => {\n    return prev.concat(curr.key);\n  }, [] as Array<string>);\n  // @ts-ignore\n  keyList = [...new Set(keyList)];\n\n  useEffect(() => {\n    const query = qs.parse(location.search || '', {\n      ignoreQueryPrefix: true,\n    });\n    const realValue2 = options.reduce((prev, curr, index) => {\n      if (query[curr.key] === curr.value) {\n        return index;\n      }\n      return prev;\n    }, 0);\n    setSelected(realValue2);\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [location.search]);\n\n  const handleClick = (index: number) => {\n    setVisible(false);\n\n    const option = options[index];\n    if (!option) return;\n\n    if (onChange) {\n      onChange(option.value);\n    } else {\n      let { skip, ...query } = qs.parse(location.search || '', {\n        ignoreQueryPrefix: true,\n      });\n      let queryValue = '';\n\n      keyList.forEach(k => {\n        if (k === option.key) {\n          queryValue = query[k] as string;\n        }\n        delete query[k];\n      });\n\n      if (queryValue !== option.value) {\n        query[option.key] = option.value;\n        history.push(\n          `${location.pathname}${qs.stringify(\n            {\n              skip: '0',\n              ...query,\n            },\n            {\n              addQueryPrefix: true,\n            },\n          )}`,\n        );\n      }\n    }\n  };\n\n  return (\n    <div className=\"relative inline-block ml-0.5714rem\">\n      <Button type=\"icon\" onClick={() => setVisible(!visible)}>\n        <span className=\"i-material-symbols:more-horiz text-18px\"></span>\n      </Button>\n      {visible && (\n        <div\n          className={clsx(\n            'option-container',\n            'absolute right-0 rounded-0.14rem bg-#fff w-max mt-0.7143rem z-10 lt-sm:right-unset lt-sm:left-0',\n          )}\n          style={{\n            boxShadow: '0rem 0.43rem 1.14rem 0rem rgba(20, 27, 50, 0.08)',\n          }}\n          ref={dropdownRef}\n        >\n          {options.map((o, index) => (\n            <div\n              key={o.value}\n              onClick={() => handleClick(index)}\n              className={clsx(\n                'opt',\n                'flex-vertical-center justify-between lh-1.57rem py-0.29rem px-1.14rem cursor-pointer hover:bg-#f1f4f6',\n                selected === index\n                  ? 'text-[var(--theme-color-primary)]'\n                  : 'text-#65709a',\n              )}\n            >\n              <span>{o.name}</span>\n              {selected === index && (\n                <span className=\"i-material-symbols:check-small-rounded text-28px ml-0.5rem\"></span>\n              )}\n            </div>\n          ))}\n        </div>\n      )}\n    </div>\n  );\n};\n"],"mappings":";;;;;;;;AAAA,OAAO,QAAQ;AACf,SAAgB,UAAU,QAAQ,iBAAiB;AACnD,SAAS,aAAa,kBAAkB;AACxC,SAAS,oBAAoB;AAC7B,OAAO,UAAU;AA2GT,cAcI,YAdJ;AAhFD,IAAM,sBAAsB,CAAC;AAAA,EAClC,UAAU,CAAC;AAAA,EACX;AACF,MAOM;AACJ,QAAM,UAAU,WAAW;AAC3B,QAAM,WAAW,YAAY;AAC7B,QAAM,cAAc,OAAuB,IAAI;AAC/C,QAAM,CAAC,SAAS,UAAU,IAAI,SAAkB,KAAK;AACrD,QAAM,CAAC,UAAU,WAAW,IAAI,SAAS,CAAC;AAE1C,eAAa,aAAa,MAAM,WAAW,WAAW,KAAK,CAAC;AAE5D,MAAI,UAAU,QAAQ,OAAO,CAAC,MAAM,SAAS;AAC3C,WAAO,KAAK,OAAO,KAAK,GAAG;AAAA,EAC7B,GAAG,CAAC,CAAkB;AAEtB,YAAU,CAAC,GAAG,IAAI,IAAI,OAAO,CAAC;AAE9B,YAAU,MAAM;AACd,UAAM,QAAQ,GAAG,MAAM,SAAS,UAAU,IAAI;AAAA,MAC5C,mBAAmB;AAAA,IACrB,CAAC;AACD,UAAM,aAAa,QAAQ,OAAO,CAAC,MAAM,MAAM,UAAU;AACvD,UAAI,MAAM,KAAK,GAAG,MAAM,KAAK,OAAO;AAClC,eAAO;AAAA,MACT;AACA,aAAO;AAAA,IACT,GAAG,CAAC;AACJ,gBAAY,UAAU;AAAA,EAExB,GAAG,CAAC,SAAS,MAAM,CAAC;AAEpB,QAAM,cAAc,CAAC,UAAkB;AACrC,eAAW,KAAK;AAEhB,UAAM,SAAS,QAAQ,KAAK;AAC5B,QAAI,CAAC;AAAQ;AAEb,QAAI,UAAU;AACZ,eAAS,OAAO,KAAK;AAAA,IACvB,OAAO;AACL,UAAI,EAAE,MAAM,GAAG,MAAM,IAAI,GAAG,MAAM,SAAS,UAAU,IAAI;AAAA,QACvD,mBAAmB;AAAA,MACrB,CAAC;AACD,UAAI,aAAa;AAEjB,cAAQ,QAAQ,OAAK;AACnB,YAAI,MAAM,OAAO,KAAK;AACpB,uBAAa,MAAM,CAAC;AAAA,QACtB;AACA,eAAO,MAAM,CAAC;AAAA,MAChB,CAAC;AAED,UAAI,eAAe,OAAO,OAAO;AAC/B,cAAM,OAAO,GAAG,IAAI,OAAO;AAC3B,gBAAQ;AAAA,UACN,GAAG,SAAS,WAAW,GAAG;AAAA,YACxB;AAAA,cACE,MAAM;AAAA,cACN,GAAG;AAAA,YACL;AAAA,YACA;AAAA,cACE,gBAAgB;AAAA,YAClB;AAAA,UACF;AAAA,QACF;AAAA,MACF;AAAA,IACF;AAAA,EACF;AAEA,SACE,qBAAC,SAAI,WAAU,sCACb;AAAA,wBAAC,kBAAO,MAAK,QAAO,SAAS,MAAM,WAAW,CAAC,OAAO,GACpD,8BAAC,UAAK,WAAU,2CAA0C,GAC5D;AAAA,IACC,WACC;AAAA,MAAC;AAAA;AAAA,QACC,WAAW;AAAA,UACT;AAAA,UACA;AAAA,QACF;AAAA,QACA,OAAO;AAAA,UACL,WAAW;AAAA,QACb;AAAA,QACA,KAAK;AAAA,QAEJ,kBAAQ,IAAI,CAAC,GAAG,UACf;AAAA,UAAC;AAAA;AAAA,YAEC,SAAS,MAAM,YAAY,KAAK;AAAA,YAChC,WAAW;AAAA,cACT;AAAA,cACA;AAAA,cACA,aAAa,QACT,sCACA;AAAA,YACN;AAAA,YAEA;AAAA,kCAAC,UAAM,YAAE,MAAK;AAAA,cACb,aAAa,SACZ,oBAAC,UAAK,WAAU,8DAA6D;AAAA;AAAA;AAAA,UAZ1E,EAAE;AAAA,QAcT,CACD;AAAA;AAAA,IACH;AAAA,KAEJ;AAEJ;","names":[]}

package/dist/components/Empty/index.d.ts

@@ -14,4 +14,4 @@ type NativeAttrs = Omit<React__default.HTMLAttributes<HTMLDivElement>, keyof Pro
 type EmptyProps = Props & NativeAttrs;
 declare const Empty: ({ show, type, className, title, noTitle, description, children, ...others }: EmptyProps) => react_jsx_runtime.JSX.Element;
 
-export { Empty, type EmptyProps };
+export { Empty, EmptyProps };

package/dist/components/Empty/index.js

@@ -1,6 +1,6 @@
 import {
   useI18n
-} from "../../chunk-25QWXIAS.js";
+} from "../../chunk-HRW4BUP4.js";
 
 // src/components/Empty/index.tsx
 import clsx from "clsx";

package/dist/components/FileUpload/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/FileUpload/index.tsx"],"sourcesContent":["import React from 'react';\n\nexport const FileUpload = React.forwardRef(\n  (\n    {\n      onChange = () => {},\n      onError = () => {},\n      accept = '',\n      ...others\n    }: {\n      onChange?: (result: string) => void;\n      onError?: (result: unknown) => void;\n      accept?: string;\n    },\n    ref: React.LegacyRef<HTMLInputElement>,\n  ) => {\n    const handleInputChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n      let reader = new FileReader();\n      let file = e.target.files?.[0];\n\n      if (file) {\n        reader.onloadend = () => {\n          try {\n            onChange(reader.result as string);\n          } catch (e) {\n            onError(e);\n          }\n        };\n        reader.readAsText(file);\n      } else {\n        const error = new Error('no file');\n        onError(error);\n      }\n    };\n\n    return (\n      <input\n        type=\"file\"\n        name=\"File\"\n        style={{ display: 'none' }}\n        accept={accept}\n        ref={ref}\n        onChange={handleInputChange}\n        {...others}\n      />\n    );\n  },\n);\n"],"mappings":";AAAA,OAAO,WAAW;AAoCZ;AAlCC,IAAM,aAAa,MAAM;AAAA,EAC9B,CACE;AAAA,IACE,WAAW,MAAM;AAAA,IAAC;AAAA,IAClB,UAAU,MAAM;AAAA,IAAC;AAAA,IACjB,SAAS;AAAA,IACT,GAAG;AAAA,EACL,GAKA,QACG;AACH,UAAM,oBAAoB,CAAC,MAA2C;AACpE,UAAI,SAAS,IAAI,WAAW;AAC5B,UAAI,OAAO,EAAE,OAAO,QAAQ,CAAC;AAE7B,UAAI,MAAM;AACR,eAAO,YAAY,MAAM;AACvB,cAAI;AACF,qBAAS,OAAO,MAAgB;AAAA,UAClC,SAASA,IAAG;AACV,oBAAQA,EAAC;AAAA,UACX;AAAA,QACF;AACA,eAAO,WAAW,IAAI;AAAA,MACxB,OAAO;AACL,cAAM,QAAQ,IAAI,MAAM,SAAS;AACjC,gBAAQ,KAAK;AAAA,MACf;AAAA,IACF;AAEA,WACE;AAAA,MAAC;AAAA;AAAA,QACC,MAAK;AAAA,QACL,MAAK;AAAA,QACL,OAAO,EAAE,SAAS,OAAO;AAAA,QACzB;AAAA,QACA;AAAA,QACA,UAAU;AAAA,QACT,GAAG;AAAA;AAAA,IACN;AAAA,EAEJ;AACF;","names":["e"]}
+{"version":3,"sources":["../../../src/components/FileUpload/index.tsx"],"sourcesContent":["import React from 'react';\n\nexport const FileUpload = React.forwardRef(\n  (\n    {\n      onChange = () => {},\n      onError = () => {},\n      accept = '',\n      ...others\n    }: {\n      onChange?: (result: string) => void;\n      onError?: (result: unknown) => void;\n      accept?: string;\n    },\n    ref: React.LegacyRef<HTMLInputElement>,\n  ) => {\n    const handleInputChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n      let reader = new FileReader();\n      let file = e.target.files?.[0];\n\n      if (file) {\n        reader.onloadend = () => {\n          try {\n            onChange(reader.result as string);\n          } catch (e) {\n            onError(e);\n          }\n        };\n        reader.readAsText(file);\n      } else {\n        const error = new Error('no file');\n        onError(error);\n      }\n    };\n\n    return (\n      <input\n        type=\"file\"\n        name=\"File\"\n        style={{ display: 'none' }}\n        accept={accept}\n        ref={ref}\n        onChange={handleInputChange}\n        {...others}\n      />\n    );\n  },\n);\n"],"mappings":";AAAA,OAAO,WAAW;AAoCZ;AAlCC,IAAM,aAAa,MAAM;AAAA,EAC9B,CACE;AAAA,IACE,WAAW,MAAM;AAAA,IAAC;AAAA,IAClB,UAAU,MAAM;AAAA,IAAC;AAAA,IACjB,SAAS;AAAA,IACT,GAAG;AAAA,EACL,GAKA,QACG;AACH,UAAM,oBAAoB,CAAC,MAA2C;AACpE,UAAI,SAAS,IAAI,WAAW;AAC5B,UAAI,OAAO,EAAE,OAAO,QAAQ,CAAC;AAE7B,UAAI,MAAM;AACR,eAAO,YAAY,MAAM;AACvB,cAAI;AACF,qBAAS,OAAO,MAAgB;AAAA,UAClC,SAASA,IAAP;AACA,oBAAQA,EAAC;AAAA,UACX;AAAA,QACF;AACA,eAAO,WAAW,IAAI;AAAA,MACxB,OAAO;AACL,cAAM,QAAQ,IAAI,MAAM,SAAS;AACjC,gBAAQ,KAAK;AAAA,MACf;AAAA,IACF;AAEA,WACE;AAAA,MAAC;AAAA;AAAA,QACC,MAAK;AAAA,QACL,MAAK;AAAA,QACL,OAAO,EAAE,SAAS,OAAO;AAAA,QACzB;AAAA,QACA;AAAA,QACA,UAAU;AAAA,QACT,GAAG;AAAA;AAAA,IACN;AAAA,EAEJ;AACF;","names":["e"]}

package/dist/components/GasPriceDropdown/index.d.ts

@@ -1,5 +1,8 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
+import React__default from 'react';
 
-declare const GasPriceDropdown: () => react_jsx_runtime.JSX.Element;
+interface GasPriceDropdownProps {
+    unit?: string;
+}
+declare const GasPriceDropdown: React__default.FC<GasPriceDropdownProps>;
 
 export { GasPriceDropdown };

package/dist/components/GasPriceDropdown/index.js

@@ -4,15 +4,15 @@ import {
 import "../../chunk-H3V3K4DD.js";
 import {
   sendRequestGasPrice
-} from "../../chunk-MCZT23D6.js";
+} from "../../chunk-HVLEBJG6.js";
 import {
   fromDripToGdrip
-} from "../../chunk-AGOKIWZZ.js";
-import "../../chunk-CJQCVR64.js";
+} from "../../chunk-NDCMVJNJ.js";
+import "../../chunk-ADPYV4OL.js";
 import {
   getTranslations,
   useGasPrice
-} from "../../chunk-25QWXIAS.js";
+} from "../../chunk-HRW4BUP4.js";
 
 // src/components/GasPriceDropdown/index.tsx
 import { useState, useEffect, useCallback } from "react";
@@ -26,7 +26,7 @@ import GasHigh from "../../gas-high-2FHHZJBC.png";
 import ArrowDown from "../../arrowDown-2RQGEVL5.svg";
 import { jsx, jsxs } from "react/jsx-runtime";
 var roundNumberWithSuffix = (value) => {
-  if (value === "< 0.001")
+  if (value.startsWith("<"))
     return value;
   const numericPart = parseFloat(value);
   if (isNaN(numericPart)) {
@@ -40,7 +40,9 @@ var roundNumberWithSuffix = (value) => {
 var refreshGasPrice = {
   init: false
 };
-var GasPriceDropdown = () => {
+var GasPriceDropdown = ({
+  unit = "Gdrip"
+}) => {
   const translations = getTranslations();
   const [showModal, setShowModal] = useState(false);
   const { gasPriceData, setGasPrice } = useGasPrice();
@@ -89,10 +91,11 @@ var GasPriceDropdown = () => {
           /* @__PURE__ */ jsx("img", { src: IconGas, alt: "" }),
           /* @__PURE__ */ jsx("span", { className: "text-[var(--theme-color-primary)]", children: roundNumberWithSuffix(
             fromDripToGdrip(gasPriceData.gasPriceInfo.tp50, false, {
-              precision: 1
+              precision: 1,
+              minNum: 0.1
             })
           ) }),
-          /* @__PURE__ */ jsx("span", { children: "Gdrip" })
+          /* @__PURE__ */ jsx("span", { children: unit })
         ] })
       }
     ),
@@ -127,11 +130,12 @@ var GasPriceDropdown = () => {
           /* @__PURE__ */ jsx("div", { className: "text-[18px] mt-1.5 leading-5 font-bold text-center text-[#4ca960]", children: /* @__PURE__ */ jsxs(SkeletonContainer, { shown: gasPriceData.gasPriceInfo.min === 0, children: [
             roundNumberWithSuffix(
               fromDripToGdrip(gasPriceData.gasPriceInfo.min, false, {
-                precision: 1
+                precision: 1,
+                minNum: 0.1
               })
             ),
             " ",
-            "Gdrip"
+            unit
           ] }) })
         ] }),
         /* @__PURE__ */ jsxs("div", { className: "flex flex-col justify-center items-center flex-1 bg-[#fafbfc] p-2", children: [
@@ -147,11 +151,12 @@ var GasPriceDropdown = () => {
           /* @__PURE__ */ jsx("div", { className: "text-[18px] mt-1.5 leading-5 font-bold text-center text-[#395bd4]", children: /* @__PURE__ */ jsxs(SkeletonContainer, { shown: gasPriceData.gasPriceInfo.tp50 === 0, children: [
             roundNumberWithSuffix(
               fromDripToGdrip(gasPriceData.gasPriceInfo.tp50, false, {
-                precision: 1
+                precision: 1,
+                minNum: 0.1
               })
             ),
             " ",
-            "Gdrip"
+            unit
           ] }) })
         ] }),
         /* @__PURE__ */ jsxs("div", { className: "flex flex-col justify-center items-center flex-1 bg-[#fafbfc] p-2", children: [
@@ -166,14 +171,13 @@ var GasPriceDropdown = () => {
           /* @__PURE__ */ jsx("div", { className: "font-bold text-[14px] leading-6 text-[14px] mt-1.5", children: /* @__PURE__ */ jsx(Translation, { children: (t) => t(translations.gaspriceDropdown.high) }) }),
           /* @__PURE__ */ jsx("div", { className: "text-[18px] mt-1.5 leading-5 font-bold text-center text-[#d74841]", children: /* @__PURE__ */ jsxs(SkeletonContainer, { shown: gasPriceData.gasPriceInfo.max === 0, children: [
             roundNumberWithSuffix(
-              roundNumberWithSuffix(
-                fromDripToGdrip(gasPriceData.gasPriceInfo.max, false, {
-                  precision: 1
-                })
-              )
+              fromDripToGdrip(gasPriceData.gasPriceInfo.max, false, {
+                precision: 1,
+                minNum: 0.1
+              })
             ),
             " ",
-            "Gdrip"
+            unit
           ] }) })
         ] })
       ] }),
@@ -185,7 +189,8 @@ var GasPriceDropdown = () => {
         /* @__PURE__ */ jsxs("div", { className: "absolute text-[10px] text-[#9b9eac] mt-2 left-[25%]", children: [
           /* @__PURE__ */ jsx("div", { className: "fit-content transform -translate-x-1/2 text-center", children: roundNumberWithSuffix(
             fromDripToGdrip(gasPriceData.gasPriceMarket.tp25, false, {
-              precision: 1
+              precision: 1,
+              minNum: 0.1
             })
           ) }),
           /* @__PURE__ */ jsx(
@@ -201,7 +206,8 @@ var GasPriceDropdown = () => {
         /* @__PURE__ */ jsxs("div", { className: "absolute text-[10px] text-[#9b9eac] mt-2 left-[75%]", children: [
           /* @__PURE__ */ jsx("div", { className: "fit-content transform -translate-x-1/2 text-center", children: roundNumberWithSuffix(
             fromDripToGdrip(gasPriceData.gasPriceMarket.tp75, false, {
-              precision: 1
+              precision: 1,
+              minNum: 0.1
             })
           ) }),
           /* @__PURE__ */ jsx(
@@ -224,7 +230,8 @@ var GasPriceDropdown = () => {
             /* @__PURE__ */ jsx("div", { className: "text-[12px] text-[14px] text-[#9b9eac]", children: "Min" }),
             /* @__PURE__ */ jsx("div", { className: "text-left text-[12px] font-semibold text-[#424a71]", children: roundNumberWithSuffix(
               fromDripToGdrip(gasPriceData.gasPriceMarket.min, false, {
-                precision: 1
+                precision: 1,
+                minNum: 0.1
               })
             ) })
           ] }),
@@ -233,7 +240,8 @@ var GasPriceDropdown = () => {
             /* @__PURE__ */ jsx("div", { className: "text-[12px] text-[14px] text-[#9b9eac]", children: "Mid" }),
             /* @__PURE__ */ jsx("div", { className: "text-center text-[12px] font-semibold text-[var(--theme-color-primary)]", children: roundNumberWithSuffix(
               fromDripToGdrip(gasPriceData.gasPriceMarket.tp50, false, {
-                precision: 1
+                precision: 1,
+                minNum: 0.1
               })
             ) })
           ] }),
@@ -241,7 +249,8 @@ var GasPriceDropdown = () => {
             /* @__PURE__ */ jsx("div", { className: "text-[12px] text-[14px] text-[#9b9eac]", children: "Max" }),
             /* @__PURE__ */ jsx("div", { className: "text-right text-[12px] font-semibold text-[#424a71]", children: roundNumberWithSuffix(
               fromDripToGdrip(gasPriceData.gasPriceMarket.max, false, {
-                precision: 1
+                precision: 1,
+                minNum: 0.1
               })
             ) })
           ] })