@cfxjs/sirius-next-common 0.0.8 → 0.0.9-patch.1

package/dist/components/Charts/PreviewChartTemplate.js

@@ -12,8 +12,8 @@ import "../../chunk-IEPHKAPT.js";
 import "../../chunk-CFRPDLWO.js";
 import {
   sendRequestChart
-} from "../../chunk-NEARJYPS.js";
-import "../../chunk-XQ335SM5.js";
+} from "../../chunk-AMXXTGCE.js";
+import "../../chunk-LKVGVLCW.js";
 import "../../chunk-ADPYV4OL.js";
 import "../../chunk-HRW4BUP4.js";
 

package/dist/components/Charts/StockChartTemplate.js

@@ -17,8 +17,8 @@ import "../../chunk-IEPHKAPT.js";
 import "../../chunk-CFRPDLWO.js";
 import {
   sendRequestChart
-} from "../../chunk-NEARJYPS.js";
-import "../../chunk-XQ335SM5.js";
+} from "../../chunk-AMXXTGCE.js";
+import "../../chunk-LKVGVLCW.js";
 import "../../chunk-ADPYV4OL.js";
 import "../../chunk-HRW4BUP4.js";
 

package/dist/components/CopyButton/index.js

@@ -1,8 +1,8 @@
 import {
   Tooltip
-} from "../../chunk-KVFU3X2S.js";
+} from "../../chunk-DOYWQVTM.js";
 import "../../chunk-LRCAKRPK.js";
-import "../../chunk-XQ335SM5.js";
+import "../../chunk-LKVGVLCW.js";
 import "../../chunk-ADPYV4OL.js";
 import {
   useI18n

package/dist/components/CountDown/index.js

@@ -1,12 +1,12 @@
 import {
   Text
-} from "../../chunk-BTDA5B5P.js";
+} from "../../chunk-CDYJDIZL.js";
 import "../../chunk-TOKKKTFG.js";
-import "../../chunk-KVFU3X2S.js";
+import "../../chunk-DOYWQVTM.js";
 import "../../chunk-LRCAKRPK.js";
 import {
   getDuration
-} from "../../chunk-XQ335SM5.js";
+} from "../../chunk-LKVGVLCW.js";
 import "../../chunk-ADPYV4OL.js";
 import {
   getTranslations

package/dist/components/DownloadCSV/index.js

@@ -1,6 +1,6 @@
 import {
   Modal
-} from "../../chunk-OASDYLK4.js";
+} from "../../chunk-EVCNR7M7.js";
 import "../../chunk-XCKMXAL2.js";
 import {
   Link
@@ -8,9 +8,9 @@ import {
 import "../../chunk-CFRPDLWO.js";
 import {
   Tooltip
-} from "../../chunk-KVFU3X2S.js";
+} from "../../chunk-DOYWQVTM.js";
 import "../../chunk-LRCAKRPK.js";
-import "../../chunk-XQ335SM5.js";
+import "../../chunk-LKVGVLCW.js";
 import "../../chunk-ADPYV4OL.js";
 import {
   getTranslations

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,10 +4,10 @@ import {
 import "../../chunk-H3V3K4DD.js";
 import {
   sendRequestGasPrice
-} from "../../chunk-NEARJYPS.js";
+} from "../../chunk-AMXXTGCE.js";
 import {
   fromDripToGdrip
-} from "../../chunk-XQ335SM5.js";
+} from "../../chunk-LKVGVLCW.js";
 import "../../chunk-ADPYV4OL.js";
 import {
   getTranslations,
@@ -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();
@@ -92,7 +94,7 @@ var GasPriceDropdown = () => {
               precision: 1
             })
           ) }),
-          /* @__PURE__ */ jsx("span", { children: "Gdrip" })
+          /* @__PURE__ */ jsx("span", { children: unit })
         ] })
       }
     ),
@@ -131,7 +133,7 @@ var GasPriceDropdown = () => {
               })
             ),
             " ",
-            "Gdrip"
+            unit
           ] }) })
         ] }),
         /* @__PURE__ */ jsxs("div", { className: "flex flex-col justify-center items-center flex-1 bg-[#fafbfc] p-2", children: [
@@ -151,7 +153,7 @@ var GasPriceDropdown = () => {
               })
             ),
             " ",
-            "Gdrip"
+            unit
           ] }) })
         ] }),
         /* @__PURE__ */ jsxs("div", { className: "flex flex-col justify-center items-center flex-1 bg-[#fafbfc] p-2", children: [
@@ -173,7 +175,7 @@ var GasPriceDropdown = () => {
               )
             ),
             " ",
-            "Gdrip"
+            unit
           ] }) })
         ] })
       ] }),

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/GasPriceDropdown/index.tsx"],"sourcesContent":["import React, { useState, useEffect, useCallback } from 'react';\nimport { Translation } from 'react-i18next';\nimport { useGasPrice, getTranslations } from '../../store';\nimport { sendRequestGasPrice } from '../../utils/request';\nimport { useInterval } from 'react-use';\n\nimport { fromDripToGdrip } from '../../utils';\nimport { SkeletonContainer } from '../SkeletonContainer';\n\nimport IconGas from '../../images/icon-gas.svg';\nimport IconRefresh from '../../images/refresh.svg';\nimport GasLow from '../../images/gas-low.png';\nimport GasMedian from '../../images/gas-median.png';\nimport GasHigh from '../../images/gas-high.png';\nimport ArrowDown from '../../images/arrowDown.svg';\n\nconst roundNumberWithSuffix = (value: string): string => {\n  if (value === '< 0.001') return value;\n\n  const numericPart = parseFloat(value);\n  if (isNaN(numericPart)) {\n    throw new Error('Invalid number');\n  }\n\n  const roundedNumber = Math.round(numericPart * 10) / 10;\n\n  const suffix = value.replace(/[0-9.-]/g, '');\n\n  const roundedString =\n    roundedNumber % 1 === 0 ? roundedNumber : roundedNumber.toFixed(1);\n\n  return roundedString + suffix;\n};\nconst refreshGasPrice = {\n  init: false,\n};\nexport const GasPriceDropdown = () => {\n  const translations = getTranslations();\n\n  const [showModal, setShowModal] = useState(false);\n  const { gasPriceData, setGasPrice } = useGasPrice();\n  const [isRefreshing, setIsRefreshing] = useState(false);\n\n  const handleOutsideClick = useCallback(\n    (event: MouseEvent) => {\n      const target = event.target as HTMLElement;\n      if (showModal && !target.closest('.modal')) {\n        setShowModal(false);\n      }\n    },\n    [showModal],\n  );\n\n  const refreshData = useCallback(async () => {\n    setIsRefreshing(true);\n    const res = await sendRequestGasPrice();\n    if (res) {\n      setGasPrice(res);\n    }\n    setIsRefreshing(false);\n  }, [setGasPrice]);\n\n  useEffect(() => {\n    if (!refreshGasPrice.init) {\n      refreshGasPrice.init = true;\n      refreshData();\n    }\n  }, [refreshData]);\n\n  useInterval(() => {\n    refreshData();\n  }, 20000);\n\n  useEffect(() => {\n    if (showModal) {\n      document.addEventListener('mousedown', handleOutsideClick);\n    }\n\n    return () => {\n      document.removeEventListener('mousedown', handleOutsideClick);\n    };\n  }, [showModal, handleOutsideClick]);\n\n  return (\n    <div className=\"relative\">\n      <div\n        className=\"flex gap-1 text-[#424a71] ml-2.5 cursor-pointer text-[14px]\"\n        onClick={() => setShowModal(true)}\n      >\n        <SkeletonContainer shown={gasPriceData.gasPriceInfo.tp50 === 0}>\n          <img src={IconGas} alt=\"\" />\n          <span className=\"text-[var(--theme-color-primary)]\">\n            {roundNumberWithSuffix(\n              fromDripToGdrip(gasPriceData.gasPriceInfo.tp50, false, {\n                precision: 1,\n              }),\n            )}\n          </span>\n          <span>Gdrip</span>\n        </SkeletonContainer>\n      </div>\n      {showModal && (\n        <div className=\"modal animate-in fade-in w-full min-h-[fit-content] bg-[#FFF] fixed right-0 top-[53px] p-[16px] z-10 shadow-modal md:w-[400px] md:absolute md:top-[35px]\">\n          <div className=\"flex justify-between\">\n            <div className=\"font-bold text-[#20253a] text-[16px] text-[14px]\">\n              <Translation>\n                {t => t(translations.gaspriceDropdown.blockHeight)}\n              </Translation>\n              :\n              <SkeletonContainer shown={gasPriceData.blockHeight === 0}>\n                {gasPriceData.blockHeight}\n              </SkeletonContainer>\n            </div>\n            <img\n              className={\n                'active:scale-75 ' +\n                (isRefreshing\n                  ? 'animate-in spin-in--360 animate-duration-300'\n                  : '')\n              }\n              src={IconRefresh}\n              alt=\"\"\n              onClick={() => refreshData()}\n            />\n          </div>\n          <div className=\"mt-3 flex gap-[8px]\">\n            <div className=\"flex flex-col justify-center items-center flex-1 bg-[#fafbfc] p-2\">\n              <img\n                className=\"w-[29.71px] h-[24.36px] mt-1.5\"\n                src={GasLow}\n                alt=\"\"\n              />\n              <div className=\"font-bold text-[14px] leading-6 text-[14px] mt-1.5\">\n                <Translation>\n                  {t => t(translations.gaspriceDropdown.low)}\n                </Translation>\n              </div>\n              <div className=\"text-[18px] mt-1.5 leading-5 font-bold text-center text-[#4ca960]\">\n                <SkeletonContainer shown={gasPriceData.gasPriceInfo.min === 0}>\n                  {roundNumberWithSuffix(\n                    fromDripToGdrip(gasPriceData.gasPriceInfo.min, false, {\n                      precision: 1,\n                    }),\n                  )}{' '}\n                  Gdrip\n                </SkeletonContainer>\n              </div>\n            </div>\n            <div className=\"flex flex-col justify-center items-center flex-1 bg-[#fafbfc] p-2\">\n              <img\n                className=\"w-[29.71px] h-[24.36px] mt-1.5\"\n                src={GasMedian}\n                alt=\"\"\n              />\n              <div className=\"font-bold text-[14px] leading-6 text-[14px] mt-1.5\">\n                <Translation>\n                  {t => t(translations.gaspriceDropdown.median)}\n                </Translation>\n              </div>\n              <div className=\"text-[18px] mt-1.5 leading-5 font-bold text-center text-[#395bd4]\">\n                <SkeletonContainer shown={gasPriceData.gasPriceInfo.tp50 === 0}>\n                  {roundNumberWithSuffix(\n                    fromDripToGdrip(gasPriceData.gasPriceInfo.tp50, false, {\n                      precision: 1,\n                    }),\n                  )}{' '}\n                  Gdrip\n                </SkeletonContainer>\n              </div>\n            </div>\n            <div className=\"flex flex-col justify-center items-center flex-1 bg-[#fafbfc] p-2\">\n              <img\n                className=\"w-[29.71px] h-[24.36px] mt-1.5\"\n                src={GasHigh}\n                alt=\"\"\n              />\n              <div className=\"font-bold text-[14px] leading-6 text-[14px] mt-1.5\">\n                <Translation>\n                  {t => t(translations.gaspriceDropdown.high)}\n                </Translation>\n              </div>\n              <div className=\"text-[18px] mt-1.5 leading-5 font-bold text-center text-[#d74841]\">\n                <SkeletonContainer shown={gasPriceData.gasPriceInfo.max === 0}>\n                  {roundNumberWithSuffix(\n                    roundNumberWithSuffix(\n                      fromDripToGdrip(gasPriceData.gasPriceInfo.max, false, {\n                        precision: 1,\n                      }),\n                    ),\n                  )}{' '}\n                  Gdrip\n                </SkeletonContainer>\n              </div>\n            </div>\n          </div>\n          <div className=\"relative\">\n            <div className=\"w-full flex justify-between mt-4 text-[#424a71] text-[14px] font-bold\">\n              <div>\n                <Translation>\n                  {t => t(translations.gaspriceDropdown.market)}\n                </Translation>\n              </div>\n\n              <div className=\"text-[#9b9eac] text-[12px]\">\n                <Translation>\n                  {t => t(translations.gaspriceDropdown.latest60Blocks)}\n                </Translation>\n              </div>\n            </div>\n            <div className=\"absolute text-[10px] text-[#9b9eac] mt-2 left-[25%]\">\n              <div className=\"fit-content transform -translate-x-1/2 text-center\">\n                {roundNumberWithSuffix(\n                  fromDripToGdrip(gasPriceData.gasPriceMarket.tp25, false, {\n                    precision: 1,\n                  }),\n                )}\n              </div>\n              <img\n                className=\"mt-[-12px]\"\n                src={ArrowDown}\n                alt=\"?\"\n                style={{ transform: 'translateX(-50%)' }}\n              />\n            </div>\n            <div className=\"absolute text-[10px] text-[#9b9eac] mt-2 left-[75%]\">\n              <div className=\"fit-content transform -translate-x-1/2 text-center\">\n                {roundNumberWithSuffix(\n                  fromDripToGdrip(gasPriceData.gasPriceMarket.tp75, false, {\n                    precision: 1,\n                  }),\n                )}\n              </div>\n              <img\n                className=\"mt-[-12px]\"\n                src={ArrowDown}\n                alt=\"?\"\n                style={{ transform: 'translateX(-50%)' }}\n              />\n            </div>\n            <div className=\"mt-[32px] w-full flex gap-0.5\">\n              <div className=\"w-1/4 h-2 bg-[var(--theme-color-gas-price-line-bg)] rounded-l-md\"></div>\n              <div className=\"w-1/2 h-2 bg-[var(--theme-color-primary)]\"></div>\n              <div className=\"w-1/4 h-2 bg-[var(--theme-color-gas-price-line-bg)] rounded-r-md\"></div>\n            </div>\n            <div className=\"w-full flex justify-between mt-1\">\n              <div>\n                <div className=\"text-[12px] text-[14px] text-[#9b9eac]\">\n                  Min\n                </div>\n                <div className=\"text-left text-[12px] font-semibold text-[#424a71]\">\n                  {roundNumberWithSuffix(\n                    fromDripToGdrip(gasPriceData.gasPriceMarket.min, false, {\n                      precision: 1,\n                    }),\n                  )}\n                </div>\n              </div>\n              <div className=\"relative\">\n                <div className=\"absolute w-px h-3 bg-[var(--theme-color-primary)] mt-[-10px] left-1/2\"></div>\n                <div className=\"text-[12px] text-[14px] text-[#9b9eac]\">\n                  Mid\n                </div>\n                <div className=\"text-center text-[12px] font-semibold text-[var(--theme-color-primary)]\">\n                  {roundNumberWithSuffix(\n                    fromDripToGdrip(gasPriceData.gasPriceMarket.tp50, false, {\n                      precision: 1,\n                    }),\n                  )}\n                </div>\n              </div>\n              <div>\n                <div className=\"text-[12px] text-[14px] text-[#9b9eac]\">\n                  Max\n                </div>\n                <div className=\"text-right text-[12px] font-semibold text-[#424a71]\">\n                  {roundNumberWithSuffix(\n                    fromDripToGdrip(gasPriceData.gasPriceMarket.max, false, {\n                      precision: 1,\n                    }),\n                  )}\n                </div>\n              </div>\n            </div>\n          </div>\n        </div>\n      )}\n      {showModal && (\n        <div className=\"md:hidden fixed top-[53px] left-0 w-full h-[920px] bg-[#000] bg-opacity-50 flex justify-center items-center z-[-1]\"></div>\n      )}\n    </div>\n  );\n};\n"],"mappings":"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","names":[]}
+{"version":3,"sources":["../../../src/components/GasPriceDropdown/index.tsx"],"sourcesContent":["import React, { useState, useEffect, useCallback } from 'react';\nimport { Translation } from 'react-i18next';\nimport { useGasPrice, getTranslations } from '../../store';\nimport { sendRequestGasPrice } from '../../utils/request';\nimport { useInterval } from 'react-use';\n\nimport { fromDripToGdrip } from '../../utils';\nimport { SkeletonContainer } from '../SkeletonContainer';\n\nimport IconGas from '../../images/icon-gas.svg';\nimport IconRefresh from '../../images/refresh.svg';\nimport GasLow from '../../images/gas-low.png';\nimport GasMedian from '../../images/gas-median.png';\nimport GasHigh from '../../images/gas-high.png';\nimport ArrowDown from '../../images/arrowDown.svg';\n\nconst roundNumberWithSuffix = (value: string): string => {\n  if (value === '< 0.001') return value;\n\n  const numericPart = parseFloat(value);\n  if (isNaN(numericPart)) {\n    throw new Error('Invalid number');\n  }\n\n  const roundedNumber = Math.round(numericPart * 10) / 10;\n\n  const suffix = value.replace(/[0-9.-]/g, '');\n\n  const roundedString =\n    roundedNumber % 1 === 0 ? roundedNumber : roundedNumber.toFixed(1);\n\n  return roundedString + suffix;\n};\nconst refreshGasPrice = {\n  init: false,\n};\ninterface GasPriceDropdownProps {\n  unit?: string;\n}\n\nexport const GasPriceDropdown: React.FC<GasPriceDropdownProps> = ({\n  unit = 'Gdrip',\n}) => {\n  const translations = getTranslations();\n\n  const [showModal, setShowModal] = useState(false);\n  const { gasPriceData, setGasPrice } = useGasPrice();\n  const [isRefreshing, setIsRefreshing] = useState(false);\n\n  const handleOutsideClick = useCallback(\n    (event: MouseEvent) => {\n      const target = event.target as HTMLElement;\n      if (showModal && !target.closest('.modal')) {\n        setShowModal(false);\n      }\n    },\n    [showModal],\n  );\n\n  const refreshData = useCallback(async () => {\n    setIsRefreshing(true);\n    const res = await sendRequestGasPrice();\n    if (res) {\n      setGasPrice(res);\n    }\n    setIsRefreshing(false);\n  }, [setGasPrice]);\n\n  useEffect(() => {\n    if (!refreshGasPrice.init) {\n      refreshGasPrice.init = true;\n      refreshData();\n    }\n  }, [refreshData]);\n\n  useInterval(() => {\n    refreshData();\n  }, 20000);\n\n  useEffect(() => {\n    if (showModal) {\n      document.addEventListener('mousedown', handleOutsideClick);\n    }\n\n    return () => {\n      document.removeEventListener('mousedown', handleOutsideClick);\n    };\n  }, [showModal, handleOutsideClick]);\n\n  return (\n    <div className=\"relative\">\n      <div\n        className=\"flex gap-1 text-[#424a71] ml-2.5 cursor-pointer text-[14px]\"\n        onClick={() => setShowModal(true)}\n      >\n        <SkeletonContainer shown={gasPriceData.gasPriceInfo.tp50 === 0}>\n          <img src={IconGas} alt=\"\" />\n          <span className=\"text-[var(--theme-color-primary)]\">\n            {roundNumberWithSuffix(\n              fromDripToGdrip(gasPriceData.gasPriceInfo.tp50, false, {\n                precision: 1,\n              }),\n            )}\n          </span>\n          <span>{unit}</span>\n        </SkeletonContainer>\n      </div>\n      {showModal && (\n        <div className=\"modal animate-in fade-in w-full min-h-[fit-content] bg-[#FFF] fixed right-0 top-[53px] p-[16px] z-10 shadow-modal md:w-[400px] md:absolute md:top-[35px]\">\n          <div className=\"flex justify-between\">\n            <div className=\"font-bold text-[#20253a] text-[16px] text-[14px]\">\n              <Translation>\n                {t => t(translations.gaspriceDropdown.blockHeight)}\n              </Translation>\n              :\n              <SkeletonContainer shown={gasPriceData.blockHeight === 0}>\n                {gasPriceData.blockHeight}\n              </SkeletonContainer>\n            </div>\n            <img\n              className={\n                'active:scale-75 ' +\n                (isRefreshing\n                  ? 'animate-in spin-in--360 animate-duration-300'\n                  : '')\n              }\n              src={IconRefresh}\n              alt=\"\"\n              onClick={() => refreshData()}\n            />\n          </div>\n          <div className=\"mt-3 flex gap-[8px]\">\n            <div className=\"flex flex-col justify-center items-center flex-1 bg-[#fafbfc] p-2\">\n              <img\n                className=\"w-[29.71px] h-[24.36px] mt-1.5\"\n                src={GasLow}\n                alt=\"\"\n              />\n              <div className=\"font-bold text-[14px] leading-6 text-[14px] mt-1.5\">\n                <Translation>\n                  {t => t(translations.gaspriceDropdown.low)}\n                </Translation>\n              </div>\n              <div className=\"text-[18px] mt-1.5 leading-5 font-bold text-center text-[#4ca960]\">\n                <SkeletonContainer shown={gasPriceData.gasPriceInfo.min === 0}>\n                  {roundNumberWithSuffix(\n                    fromDripToGdrip(gasPriceData.gasPriceInfo.min, false, {\n                      precision: 1,\n                    }),\n                  )}{' '}\n                  {unit}\n                </SkeletonContainer>\n              </div>\n            </div>\n            <div className=\"flex flex-col justify-center items-center flex-1 bg-[#fafbfc] p-2\">\n              <img\n                className=\"w-[29.71px] h-[24.36px] mt-1.5\"\n                src={GasMedian}\n                alt=\"\"\n              />\n              <div className=\"font-bold text-[14px] leading-6 text-[14px] mt-1.5\">\n                <Translation>\n                  {t => t(translations.gaspriceDropdown.median)}\n                </Translation>\n              </div>\n              <div className=\"text-[18px] mt-1.5 leading-5 font-bold text-center text-[#395bd4]\">\n                <SkeletonContainer shown={gasPriceData.gasPriceInfo.tp50 === 0}>\n                  {roundNumberWithSuffix(\n                    fromDripToGdrip(gasPriceData.gasPriceInfo.tp50, false, {\n                      precision: 1,\n                    }),\n                  )}{' '}\n                  {unit}\n                </SkeletonContainer>\n              </div>\n            </div>\n            <div className=\"flex flex-col justify-center items-center flex-1 bg-[#fafbfc] p-2\">\n              <img\n                className=\"w-[29.71px] h-[24.36px] mt-1.5\"\n                src={GasHigh}\n                alt=\"\"\n              />\n              <div className=\"font-bold text-[14px] leading-6 text-[14px] mt-1.5\">\n                <Translation>\n                  {t => t(translations.gaspriceDropdown.high)}\n                </Translation>\n              </div>\n              <div className=\"text-[18px] mt-1.5 leading-5 font-bold text-center text-[#d74841]\">\n                <SkeletonContainer shown={gasPriceData.gasPriceInfo.max === 0}>\n                  {roundNumberWithSuffix(\n                    roundNumberWithSuffix(\n                      fromDripToGdrip(gasPriceData.gasPriceInfo.max, false, {\n                        precision: 1,\n                      }),\n                    ),\n                  )}{' '}\n                  {unit}\n                </SkeletonContainer>\n              </div>\n            </div>\n          </div>\n          <div className=\"relative\">\n            <div className=\"w-full flex justify-between mt-4 text-[#424a71] text-[14px] font-bold\">\n              <div>\n                <Translation>\n                  {t => t(translations.gaspriceDropdown.market)}\n                </Translation>\n              </div>\n\n              <div className=\"text-[#9b9eac] text-[12px]\">\n                <Translation>\n                  {t => t(translations.gaspriceDropdown.latest60Blocks)}\n                </Translation>\n              </div>\n            </div>\n            <div className=\"absolute text-[10px] text-[#9b9eac] mt-2 left-[25%]\">\n              <div className=\"fit-content transform -translate-x-1/2 text-center\">\n                {roundNumberWithSuffix(\n                  fromDripToGdrip(gasPriceData.gasPriceMarket.tp25, false, {\n                    precision: 1,\n                  }),\n                )}\n              </div>\n              <img\n                className=\"mt-[-12px]\"\n                src={ArrowDown}\n                alt=\"?\"\n                style={{ transform: 'translateX(-50%)' }}\n              />\n            </div>\n            <div className=\"absolute text-[10px] text-[#9b9eac] mt-2 left-[75%]\">\n              <div className=\"fit-content transform -translate-x-1/2 text-center\">\n                {roundNumberWithSuffix(\n                  fromDripToGdrip(gasPriceData.gasPriceMarket.tp75, false, {\n                    precision: 1,\n                  }),\n                )}\n              </div>\n              <img\n                className=\"mt-[-12px]\"\n                src={ArrowDown}\n                alt=\"?\"\n                style={{ transform: 'translateX(-50%)' }}\n              />\n            </div>\n            <div className=\"mt-[32px] w-full flex gap-0.5\">\n              <div className=\"w-1/4 h-2 bg-[var(--theme-color-gas-price-line-bg)] rounded-l-md\"></div>\n              <div className=\"w-1/2 h-2 bg-[var(--theme-color-primary)]\"></div>\n              <div className=\"w-1/4 h-2 bg-[var(--theme-color-gas-price-line-bg)] rounded-r-md\"></div>\n            </div>\n            <div className=\"w-full flex justify-between mt-1\">\n              <div>\n                <div className=\"text-[12px] text-[14px] text-[#9b9eac]\">\n                  Min\n                </div>\n                <div className=\"text-left text-[12px] font-semibold text-[#424a71]\">\n                  {roundNumberWithSuffix(\n                    fromDripToGdrip(gasPriceData.gasPriceMarket.min, false, {\n                      precision: 1,\n                    }),\n                  )}\n                </div>\n              </div>\n              <div className=\"relative\">\n                <div className=\"absolute w-px h-3 bg-[var(--theme-color-primary)] mt-[-10px] left-1/2\"></div>\n                <div className=\"text-[12px] text-[14px] text-[#9b9eac]\">\n                  Mid\n                </div>\n                <div className=\"text-center text-[12px] font-semibold text-[var(--theme-color-primary)]\">\n                  {roundNumberWithSuffix(\n                    fromDripToGdrip(gasPriceData.gasPriceMarket.tp50, false, {\n                      precision: 1,\n                    }),\n                  )}\n                </div>\n              </div>\n              <div>\n                <div className=\"text-[12px] text-[14px] text-[#9b9eac]\">\n                  Max\n                </div>\n                <div className=\"text-right text-[12px] font-semibold text-[#424a71]\">\n                  {roundNumberWithSuffix(\n                    fromDripToGdrip(gasPriceData.gasPriceMarket.max, false, {\n                      precision: 1,\n                    }),\n                  )}\n                </div>\n              </div>\n            </div>\n          </div>\n        </div>\n      )}\n      {showModal && (\n        <div className=\"md:hidden fixed top-[53px] left-0 w-full h-[920px] bg-[#000] bg-opacity-50 flex justify-center items-center z-[-1]\"></div>\n      )}\n    </div>\n  );\n};\n"],"mappings":"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","names":[]}

package/dist/components/IncreasePercent/Icons.d.ts

@@ -0,0 +1,6 @@
+import { SVGAttributes } from 'react';
+
+declare const PositiveArrow: React.FC<SVGAttributes<SVGSVGElement>>;
+declare const NegativeArrow: React.FC<SVGAttributes<SVGSVGElement>>;
+
+export { NegativeArrow, PositiveArrow };

package/dist/components/IncreasePercent/Icons.js

@@ -0,0 +1,9 @@
+import {
+  NegativeArrow,
+  PositiveArrow
+} from "../../chunk-7OAWG2IZ.js";
+export {
+  NegativeArrow,
+  PositiveArrow
+};
+//# sourceMappingURL=Icons.js.map

package/dist/components/IncreasePercent/Icons.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

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

@@ -0,0 +1,20 @@
+import BigNumber from 'bignumber.js';
+
+interface BaseProps {
+    className?: string;
+    /** show + while value is positive */
+    showPlus?: boolean;
+    showArrow?: boolean;
+}
+interface ValueProps {
+    value: string;
+}
+interface CalcProps {
+    base: string | number | BigNumber;
+    prev: string | number | BigNumber;
+    precision?: number;
+}
+type Props = CalcProps | ValueProps;
+declare const IncreasePercent: React.FC<Props & BaseProps>;
+
+export { IncreasePercent };

package/dist/components/IncreasePercent/index.js

@@ -0,0 +1,42 @@
+import {
+  NegativeArrow,
+  PositiveArrow
+} from "../../chunk-7OAWG2IZ.js";
+import {
+  cn,
+  getIncreasePercent
+} from "../../chunk-7SH3YCJ7.js";
+import "../../chunk-3DSBII47.js";
+import "../../chunk-QKQG47IV.js";
+
+// src/components/IncreasePercent/index.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+var isValueProps = (props) => "value" in props;
+var IncreasePercent = ({
+  className,
+  showPlus,
+  showArrow,
+  ...props
+}) => {
+  const value = isValueProps(props) ? props.value : getIncreasePercent(props.base, props.prev, props.precision).percent;
+  const isNegative = value[0] === "-";
+  return /* @__PURE__ */ jsxs(
+    "span",
+    {
+      className: cn(
+        "inline-flex items-center",
+        isNegative ? "text-[#FA5D5D]" : "text-[#4AC2AB]",
+        className
+      ),
+      children: [
+        showArrow && (isNegative ? /* @__PURE__ */ jsx(NegativeArrow, { className: "mr-4px" }) : /* @__PURE__ */ jsx(PositiveArrow, { className: "mr-4px" })),
+        !isNegative && showPlus && "+",
+        value
+      ]
+    }
+  );
+};
+export {
+  IncreasePercent
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/IncreasePercent/index.tsx"],"sourcesContent":["import BigNumber from 'bignumber.js';\nimport { cn, getIncreasePercent } from 'src/utils';\nimport { NegativeArrow, PositiveArrow } from './Icons';\n\nconst isValueProps = (props: unknown): props is ValueProps =>\n  'value' in (props as ValueProps);\n\ninterface BaseProps {\n  className?: string;\n  /** show + while value is positive */\n  showPlus?: boolean;\n  showArrow?: boolean;\n}\n\ninterface ValueProps {\n  value: string;\n}\ninterface CalcProps {\n  base: string | number | BigNumber;\n  prev: string | number | BigNumber;\n  precision?: number;\n}\n\ntype Props = CalcProps | ValueProps;\n\nexport const IncreasePercent: React.FC<Props & BaseProps> = ({\n  className,\n  showPlus,\n  showArrow,\n  ...props\n}) => {\n  const value = isValueProps(props)\n    ? props.value\n    : getIncreasePercent(props.base, props.prev, props.precision).percent;\n  const isNegative = value[0] === '-';\n  return (\n    <span\n      className={cn(\n        'inline-flex items-center',\n        isNegative ? 'text-[#FA5D5D]' : 'text-[#4AC2AB]',\n        className,\n      )}\n    >\n      {showArrow &&\n        (isNegative ? (\n          <NegativeArrow className=\"mr-4px\" />\n        ) : (\n          <PositiveArrow className=\"mr-4px\" />\n        ))}\n      {!isNegative && showPlus && '+'}\n      {value}\n    </span>\n  );\n};\n"],"mappings":";;;;;;;;;;;;AAoCI,SASM,KATN;AAhCJ,IAAM,eAAe,CAAC,UACpB,WAAY;AAoBP,IAAM,kBAA+C,CAAC;AAAA,EAC3D;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAAM;AACJ,QAAM,QAAQ,aAAa,KAAK,IAC5B,MAAM,QACN,mBAAmB,MAAM,MAAM,MAAM,MAAM,MAAM,SAAS,EAAE;AAChE,QAAM,aAAa,MAAM,CAAC,MAAM;AAChC,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW;AAAA,QACT;AAAA,QACA,aAAa,mBAAmB;AAAA,QAChC;AAAA,MACF;AAAA,MAEC;AAAA,sBACE,aACC,oBAAC,iBAAc,WAAU,UAAS,IAElC,oBAAC,iBAAc,WAAU,UAAS;AAAA,QAErC,CAAC,cAAc,YAAY;AAAA,QAC3B;AAAA;AAAA;AAAA,EACH;AAEJ;","names":[]}

package/dist/components/InfoIconWithTooltip/index.js

@@ -3,9 +3,9 @@ import {
 } from "../../chunk-C2OQXICS.js";
 import {
   Tooltip
-} from "../../chunk-KVFU3X2S.js";
+} from "../../chunk-DOYWQVTM.js";
 import "../../chunk-LRCAKRPK.js";
-import "../../chunk-XQ335SM5.js";
+import "../../chunk-LKVGVLCW.js";
 import "../../chunk-ADPYV4OL.js";
 import "../../chunk-HRW4BUP4.js";
 

package/dist/components/Modal/index.js

@@ -1,8 +1,8 @@
 import {
   Modal
-} from "../../chunk-OASDYLK4.js";
+} from "../../chunk-EVCNR7M7.js";
 import "../../chunk-XCKMXAL2.js";
-import "../../chunk-XQ335SM5.js";
+import "../../chunk-LKVGVLCW.js";
 import "../../chunk-ADPYV4OL.js";
 import "../../chunk-HRW4BUP4.js";
 export {

package/dist/components/Price/index.js

@@ -1,10 +1,10 @@
 import {
   Tooltip
-} from "../../chunk-KVFU3X2S.js";
+} from "../../chunk-DOYWQVTM.js";
 import "../../chunk-LRCAKRPK.js";
 import {
   formatPrice
-} from "../../chunk-XQ335SM5.js";
+} from "../../chunk-LKVGVLCW.js";
 import "../../chunk-ADPYV4OL.js";
 import "../../chunk-HRW4BUP4.js";
 

package/dist/components/Select/index.js

@@ -5,11 +5,11 @@ import {
   SelectItem,
   SelectTrigger,
   SelectValue
-} from "../../chunk-WT374IEE.js";
+} from "../../chunk-QF5ASUBG.js";
 import "../../chunk-LRCAKRPK.js";
 import {
   cn
-} from "../../chunk-XQ335SM5.js";
+} from "../../chunk-LKVGVLCW.js";
 import "../../chunk-ADPYV4OL.js";
 import "../../chunk-HRW4BUP4.js";
 

package/dist/components/Select/select.js

@@ -8,9 +8,9 @@ import {
   SelectSeparator,
   SelectTrigger,
   SelectValue
-} from "../../chunk-WT374IEE.js";
+} from "../../chunk-QF5ASUBG.js";
 import "../../chunk-LRCAKRPK.js";
-import "../../chunk-XQ335SM5.js";
+import "../../chunk-LKVGVLCW.js";
 import "../../chunk-ADPYV4OL.js";
 import "../../chunk-HRW4BUP4.js";
 export {

package/dist/components/Text/index.js

@@ -1,10 +1,10 @@
 import {
   Text
-} from "../../chunk-BTDA5B5P.js";
+} from "../../chunk-CDYJDIZL.js";
 import "../../chunk-TOKKKTFG.js";
-import "../../chunk-KVFU3X2S.js";
+import "../../chunk-DOYWQVTM.js";
 import "../../chunk-LRCAKRPK.js";
-import "../../chunk-XQ335SM5.js";
+import "../../chunk-LKVGVLCW.js";
 import "../../chunk-ADPYV4OL.js";
 import "../../chunk-HRW4BUP4.js";
 export {

package/dist/components/Tooltip/index.js

@@ -1,8 +1,8 @@
 import {
   Tooltip
-} from "../../chunk-KVFU3X2S.js";
+} from "../../chunk-DOYWQVTM.js";
 import "../../chunk-LRCAKRPK.js";
-import "../../chunk-XQ335SM5.js";
+import "../../chunk-LKVGVLCW.js";
 import "../../chunk-ADPYV4OL.js";
 import "../../chunk-HRW4BUP4.js";
 export {

package/dist/components/TransactionAction/coreTransactionAction.js

@@ -10,24 +10,24 @@ import {
 import "../../chunk-CFRPDLWO.js";
 import {
   CoreAddressContainer
-} from "../../chunk-MQVEXUUL.js";
-import "../../chunk-4WXBNSCI.js";
+} from "../../chunk-7JJQSXBV.js";
+import "../../chunk-TXNXFHTS.js";
 import {
   reqContractAndToken,
   reqNametag
-} from "../../chunk-NEARJYPS.js";
-import "../../chunk-Y6GKVV25.js";
-import "../../chunk-6FTTLWSN.js";
-import "../../chunk-WKT3L6C4.js";
-import "../../chunk-2L5HRVSF.js";
-import "../../chunk-BTDA5B5P.js";
+} from "../../chunk-AMXXTGCE.js";
+import "../../chunk-7CRUFCGX.js";
+import "../../chunk-VGCTU7HB.js";
+import "../../chunk-A7RMNSCW.js";
+import "../../chunk-TLC6WXQ6.js";
+import "../../chunk-CDYJDIZL.js";
 import "../../chunk-TOKKKTFG.js";
-import "../../chunk-72WUTI2U.js";
-import "../../chunk-KVFU3X2S.js";
+import "../../chunk-GUCQ4F2G.js";
+import "../../chunk-DOYWQVTM.js";
 import "../../chunk-LRCAKRPK.js";
 import {
   formatBalance
-} from "../../chunk-XQ335SM5.js";
+} from "../../chunk-LKVGVLCW.js";
 import "../../chunk-ADPYV4OL.js";
 import {
   useNametagCacheStore

package/dist/components/TransactionAction/evmTransactionAction.js

@@ -11,24 +11,24 @@ import "../../chunk-CFRPDLWO.js";
 import {
   reqContractAndToken,
   reqNametag
-} from "../../chunk-NEARJYPS.js";
+} from "../../chunk-AMXXTGCE.js";
 import {
   EVMAddressContainer
-} from "../../chunk-WKUKEPBV.js";
-import "../../chunk-Y6GKVV25.js";
-import "../../chunk-6FTTLWSN.js";
+} from "../../chunk-CBLGPZ6N.js";
+import "../../chunk-7CRUFCGX.js";
+import "../../chunk-VGCTU7HB.js";
 import {
   formatAddress
-} from "../../chunk-WKT3L6C4.js";
-import "../../chunk-2L5HRVSF.js";
-import "../../chunk-BTDA5B5P.js";
+} from "../../chunk-A7RMNSCW.js";
+import "../../chunk-TLC6WXQ6.js";
+import "../../chunk-CDYJDIZL.js";
 import "../../chunk-TOKKKTFG.js";
-import "../../chunk-72WUTI2U.js";
-import "../../chunk-KVFU3X2S.js";
+import "../../chunk-GUCQ4F2G.js";
+import "../../chunk-DOYWQVTM.js";
 import "../../chunk-LRCAKRPK.js";
 import {
   formatBalance
-} from "../../chunk-XQ335SM5.js";
+} from "../../chunk-LKVGVLCW.js";
 import "../../chunk-ADPYV4OL.js";
 import {
   useNametagCacheStore

package/dist/utils/address.d.ts

@@ -1,29 +1,30 @@
 type CoreAddressType = 'user' | 'contract' | 'builtin' | 'null' | 'unknown';
 type EvmAddressType = 'user' | 'contract';
+type LooseAddressType = string | undefined | null;
 interface AddressCache {
-    [key: string]: any;
+    [key: string]: unknown;
 }
 declare const ADDRESS_FUNC_CACHE: AddressCache;
-declare const convertCheckSum: <T extends string | undefined>(address: T) => T | `0x${string}`;
-declare const isCoreMainOrTestAddress: (address: string) => boolean;
-declare const isCoreMainnetAddress: (address: string) => boolean;
-declare const isCoreTestnetAddress: (address: string) => boolean;
-declare const isCoreOtherNetAddress: (address: string) => boolean;
-declare const isEvmAddress: (address: string) => boolean;
-declare const isCoreAddress: (address: string) => boolean;
-declare const isSimplyZeroAddress: (address: string) => boolean;
-declare const isZeroAddress: (address: string) => boolean;
-declare const isCoreUserAddress: (address: string) => boolean;
-declare const isEvmUserAddress: (address: string) => Promise<boolean>;
-declare const isCoreContractAddress: (address: string, isIncludingInnerContract?: boolean) => boolean;
-declare const isEvmContractAddress: (address: string) => Promise<boolean>;
-declare const isInnerContractAddress: (address: string) => boolean;
-declare const isSpecialAddress: (address: string) => boolean;
+declare const convertCheckSum: <T extends LooseAddressType>(address: T) => T | `0x${string}`;
+declare const isCoreMainOrTestAddress: (address: LooseAddressType) => boolean;
+declare const isCoreMainnetAddress: (address: LooseAddressType) => boolean;
+declare const isCoreTestnetAddress: (address: LooseAddressType) => boolean;
+declare const isCoreOtherNetAddress: (address: LooseAddressType) => boolean;
+declare const isEvmAddress: (address: LooseAddressType) => boolean;
+declare const isCoreAddress: (address: LooseAddressType) => boolean;
+declare const isSimplyZeroAddress: (address: LooseAddressType) => boolean;
+declare const isZeroAddress: (address: LooseAddressType) => boolean;
+declare const isCoreUserAddress: (address: LooseAddressType) => boolean;
+declare const isEvmUserAddress: (address: LooseAddressType) => Promise<boolean>;
+declare const isCoreContractAddress: (address: LooseAddressType, isIncludingInnerContract?: boolean) => boolean;
+declare const isEvmContractAddress: (address: LooseAddressType) => Promise<boolean>;
+declare const isInnerContractAddress: (address: LooseAddressType) => boolean;
+declare const isSpecialAddress: (address: LooseAddressType) => boolean;
 declare const isContractCodeHashEmpty: (codeHash: string) => boolean;
 /**
  * Only evm address type
  */
-declare const getEvmAddressType: (address: string) => Promise<EvmAddressType>;
+declare const getEvmAddressType: (address: LooseAddressType) => Promise<EvmAddressType | null>;
 interface CoreAddressInfo {
     netId: number;
     type: CoreAddressType;
@@ -31,7 +32,9 @@ interface CoreAddressInfo {
 /**
  * Only core address type
  */
-declare const getCoreAddressInfo: (address: string) => CoreAddressInfo | null;
-declare const formatAddress: (address: string, outputType: 'hex' | 'base32') => string;
+declare const getCoreAddressInfo: (address: LooseAddressType) => CoreAddressInfo | null;
+declare const formatAddress: <T extends LooseAddressType>(address: T, outputType: 'hex' | 'base32') => string | T;
+declare const isBase32Address: (address: LooseAddressType) => boolean;
+declare const isSimplyBase32Address: (address: LooseAddressType) => boolean;
 
-export { ADDRESS_FUNC_CACHE, convertCheckSum, formatAddress, getCoreAddressInfo, getEvmAddressType, isContractCodeHashEmpty, isCoreAddress, isCoreContractAddress, isCoreMainOrTestAddress, isCoreMainnetAddress, isCoreOtherNetAddress, isCoreTestnetAddress, isCoreUserAddress, isEvmAddress, isEvmContractAddress, isEvmUserAddress, isInnerContractAddress, isSimplyZeroAddress, isSpecialAddress, isZeroAddress };
+export { ADDRESS_FUNC_CACHE, convertCheckSum, formatAddress, getCoreAddressInfo, getEvmAddressType, isBase32Address, isContractCodeHashEmpty, isCoreAddress, isCoreContractAddress, isCoreMainOrTestAddress, isCoreMainnetAddress, isCoreOtherNetAddress, isCoreTestnetAddress, isCoreUserAddress, isEvmAddress, isEvmContractAddress, isEvmUserAddress, isInnerContractAddress, isSimplyBase32Address, isSimplyZeroAddress, isSpecialAddress, isZeroAddress };

package/dist/utils/address.js

@@ -4,6 +4,7 @@ import {
   formatAddress,
   getCoreAddressInfo,
   getEvmAddressType,
+  isBase32Address,
   isContractCodeHashEmpty,
   isCoreAddress,
   isCoreContractAddress,
@@ -16,12 +17,13 @@ import {
   isEvmContractAddress,
   isEvmUserAddress,
   isInnerContractAddress,
+  isSimplyBase32Address,
   isSimplyZeroAddress,
   isSpecialAddress,
   isZeroAddress
-} from "../chunk-WKT3L6C4.js";
-import "../chunk-2L5HRVSF.js";
-import "../chunk-XQ335SM5.js";
+} from "../chunk-A7RMNSCW.js";
+import "../chunk-TLC6WXQ6.js";
+import "../chunk-LKVGVLCW.js";
 import "../chunk-ADPYV4OL.js";
 import "../chunk-HRW4BUP4.js";
 export {
@@ -30,6 +32,7 @@ export {
   formatAddress,
   getCoreAddressInfo,
   getEvmAddressType,
+  isBase32Address,
   isContractCodeHashEmpty,
   isCoreAddress,
   isCoreContractAddress,
@@ -42,6 +45,7 @@ export {
   isEvmContractAddress,
   isEvmUserAddress,
   isInnerContractAddress,
+  isSimplyBase32Address,
   isSimplyZeroAddress,
   isSpecialAddress,
   isZeroAddress

package/dist/utils/hooks/useENS.js

@@ -1,10 +1,10 @@
 import {
   useENS
-} from "../../chunk-4WXBNSCI.js";
-import "../../chunk-NEARJYPS.js";
-import "../../chunk-WKT3L6C4.js";
-import "../../chunk-2L5HRVSF.js";
-import "../../chunk-XQ335SM5.js";
+} from "../../chunk-TXNXFHTS.js";
+import "../../chunk-AMXXTGCE.js";
+import "../../chunk-A7RMNSCW.js";
+import "../../chunk-TLC6WXQ6.js";
+import "../../chunk-LKVGVLCW.js";
 import "../../chunk-ADPYV4OL.js";
 import "../../chunk-HRW4BUP4.js";
 export {

package/dist/utils/index.d.ts

@@ -137,6 +137,6 @@ declare const fromDripToGdrip: (num: number | string, isShowFull?: boolean, _opt
  * @param {string | number} to current serverTimestamp or current browserTimestamp
  */
 declare const getDuration: (pFrom: number, pTo?: number) => number[];
-declare const formatPrice: (price: string | number, symbol?: string | undefined) => string[];
+declare const formatPrice: (price: string | number, symbol?: string | undefined) => [string, string];
 
 export { HIDE_IN_DOT_NET, NetworksType, addIPFSGateway, appendApiPrefix, byteToKb, checkBytes, checkCfxType, checkInt, checkUint, cn, constprocessResultArray, convertBigNumbersToStrings, convertObjBigNumbersToStrings, coreCorrespondsToEspace, formatBalance, formatLargeNumber, formatNumber, formatPrice, formatString, formatTimeStamp, fromCfxToDrip, fromDripToGdrip, fromGdripToDrip, getDuration, getEllipsStr, getInitialDate, getNetwork, getPercent, getTimeByBlockInterval, hex2utf8, isBlockHash, isEvenLength, isHash, isHex, isLikeBigNumber, isObject, isSafeNumberOrNumericStringInput, isTxHash, isZeroOrPositiveInteger, mergeDeep, parseString, publishRequestError, pubsub, replaceAll, roundToFixedPrecision, selectText, simpleGetFetcher, sleep, toThousands, tranferToLowerCase, transferRisk, useSWRWithGetFecher, validURL };

package/dist/utils/index.js

@@ -51,7 +51,7 @@ import {
   transferRisk,
   useSWRWithGetFecher,
   validURL
-} from "../chunk-XQ335SM5.js";
+} from "../chunk-LKVGVLCW.js";
 import "../chunk-ADPYV4OL.js";
 import "../chunk-HRW4BUP4.js";
 export {