@matchain/matchid-sdk-react 0.1.49 → 0.1.50

package/dist/index.mjs

@@ -1,6 +1,12 @@
+import {
+  chains_exports
+} from "./chunk-HYQ3T6WW.mjs";
+import {
+  types_exports
+} from "./chunk-HBOS3RBL.mjs";
 import {
   api_exports
-} from "./chunk-IKSPEZ4F.mjs";
+} from "./chunk-6KB4RLTC.mjs";
 import {
   MatchProvider,
   ModalProvider,
@@ -8,19 +14,13 @@ import {
   components_exports,
   hooks_exports,
   useMatch
-} from "./chunk-MXDPJRRH.mjs";
-import {
-  types_exports
-} from "./chunk-HBOS3RBL.mjs";
+} from "./chunk-JLQVDNWZ.mjs";
 import "./chunk-UA6XHZHX.mjs";
 import {
   ui_exports
 } from "./chunk-FB5MHLWX.mjs";
-import "./chunk-5JHHHLG4.mjs";
+import "./chunk-HLUFAIFV.mjs";
 import "./chunk-LHNKZISB.mjs";
-import {
-  chains_exports
-} from "./chunk-HYQ3T6WW.mjs";
 import "./chunk-J5LGTIGS.mjs";
 export {
   api_exports as Api,

package/dist/utils/index.d.mts

@@ -22,5 +22,6 @@ interface NumberFormatterProps {
 declare const NumberFormatter: React.FC<NumberFormatterProps>;
 declare function formatAddress(address: string, pre?: number, after?: number): string;
 declare const formatDate: (value: any, formatString?: string) => string;
+declare const isInTgApp: () => boolean;
 
-export { NumberFormatter, decodeBase64, deepMerge, encodeBase64, firstUpperCase, formatAddress, formatDate, getAppClientId, getVersion, isValidEmail, isValidUsername, truncateAddress };
+export { NumberFormatter, decodeBase64, deepMerge, encodeBase64, firstUpperCase, formatAddress, formatDate, getAppClientId, getVersion, isInTgApp, isValidEmail, isValidUsername, truncateAddress };

package/dist/utils/index.d.ts

@@ -22,5 +22,6 @@ interface NumberFormatterProps {
 declare const NumberFormatter: React.FC<NumberFormatterProps>;
 declare function formatAddress(address: string, pre?: number, after?: number): string;
 declare const formatDate: (value: any, formatString?: string) => string;
+declare const isInTgApp: () => boolean;
 
-export { NumberFormatter, decodeBase64, deepMerge, encodeBase64, firstUpperCase, formatAddress, formatDate, getAppClientId, getVersion, isValidEmail, isValidUsername, truncateAddress };
+export { NumberFormatter, decodeBase64, deepMerge, encodeBase64, firstUpperCase, formatAddress, formatDate, getAppClientId, getVersion, isInTgApp, isValidEmail, isValidUsername, truncateAddress };

package/dist/utils/index.js

@@ -39,6 +39,7 @@ __export(utils_exports, {
   formatDate: () => formatDate,
   getAppClientId: () => getAppClientId,
   getVersion: () => getVersion,
+  isInTgApp: () => isInTgApp,
   isValidEmail: () => isValidEmail,
   isValidUsername: () => isValidUsername,
   truncateAddress: () => truncateAddress
@@ -127,7 +128,7 @@ var NumberFormatter = ({
       }
     }
     if (zeroCount < tFixNum) {
-      return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", { children: [
+      return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", { className, children: [
         prefix && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: prefixClassName, children: prefix }),
         /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: intClassName, children: intFormat }),
         /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", { className: decimalClassName, children: [
@@ -137,7 +138,7 @@ var NumberFormatter = ({
         suffix
       ] });
     }
-    return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", { children: [
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", { className, children: [
       prefix && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: prefixClassName, children: prefix }),
       /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: intClassName, children: intFormat }),
       /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", { className: decimalClassName, children: [
@@ -163,6 +164,9 @@ var formatDate = (value, formatString = "YYYY-MM-DD HH:mm:ss") => {
   }
   return "--";
 };
+var isInTgApp = () => {
+  return !!window.TelegramWebviewProxy;
+};
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   NumberFormatter,
@@ -174,6 +178,7 @@ var formatDate = (value, formatString = "YYYY-MM-DD HH:mm:ss") => {
   formatDate,
   getAppClientId,
   getVersion,
+  isInTgApp,
   isValidEmail,
   isValidUsername,
   truncateAddress

package/dist/utils/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/utils/index.tsx"],"sourcesContent":["import moment from 'moment';\n\nexport const getVersion = (): string => {\n    return \"0.0.2\";\n};\n\nexport function encodeBase64(input: string) {\n    return btoa(unescape(encodeURIComponent(input)));\n}\n\nexport function decodeBase64(input: string) {\n    return decodeURIComponent(escape(atob(input)));\n}\n\nexport const isValidEmail = (email: string) => {\n    return /^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$/.test(email)\n}\nexport const isValidUsername = (username: string) => {\n    //8-32 alpha number - _\n    return /^[a-zA-Z0-9_-]+$/.test(username)\n}\n\nexport const deepMerge = (target: any, source: any): any => {\n    for (const key in source) {\n        if (source[key] instanceof Object && key in target) {\n            target[key] = deepMerge(target[key], source[key]);\n        } else {\n            target[key] = source[key];\n        }\n    }\n    return target;\n};\n\nexport function truncateAddress(address: string): string {\n    if (address.length <= 6) {\n        return address;\n    }\n    const start = address.slice(0, 4);\n    const end = address.slice(-2);\n    return `${start}...${end}`;\n}\n\n\nexport function firstUpperCase(str: string): string {\n    return str.toString()[0].toUpperCase() + str.toString().slice(1);\n}\n\nexport function getAppClientId() {\n    return \"react-sdk-\" + getVersion()\n}\n\n\nfunction convertScientificToDecimal(num: number) {\n    let str = num.toFixed(12)\n    str = str.replace(/0+$/, '')\n    str = str.replace(/\\.$/, '')\n    return str\n}\n\ninterface NumberFormatterProps {\n    value: number | string | undefined\n    prefix?: string\n    suffix?: string\n    separator?: boolean\n    fixNum?: number //number >= 1 fix num\n    tFixNum?: number //number < 1 fix num\n    intClassName?: string\n    decimalClassName?: string\n    prefixClassName?: string\n    className?: string\n}\n\nexport const NumberFormatter: React.FC<NumberFormatterProps> = ({\n                                                                    value,\n                                                                    prefix = '',\n                                                                    suffix = '',\n                                                                    separator = true,\n                                                                    fixNum = 2,\n                                                                    tFixNum = 4,\n                                                                    intClassName = \"\",\n                                                                    decimalClassName = \"\",\n                                                                    prefixClassName = \"\",\n                                                                    className = \"\"\n                                                                }) => {\n    const numberValue =\n        typeof value === 'number'\n            ? convertScientificToDecimal(value)\n            : value\n                ? value\n                : '0'\n\n    const [intPart, decimalPart] = numberValue.toString().split('.')\n\n    const intFormat = separator\n        ? intPart.replace(/\\B(?=(\\d{3})+(?!\\d))/g, ',')\n        : intPart\n\n    if (Math.abs(parseFloat(numberValue)) >= 1) {\n        return (\n            <span className={className}>\n            {prefix && <span className={prefixClassName}>{prefix}</span>}\n                <span className={intClassName}>{intFormat}</span>\n                {decimalPart ? (\n                    <span className={decimalClassName}>\n            .{decimalPart.substring(0, fixNum)}\n            </span>\n                ) : (\n                    ''\n                )}\n                {suffix}\n        </span>\n        )\n    }\n\n    if (decimalPart) {\n        let zeroCount = 0\n        for (let i = 0; i < decimalPart.length; i++) {\n            if (decimalPart[i] === '0') {\n                zeroCount++\n            } else {\n                break\n            }\n        }\n        if (zeroCount < tFixNum) {\n            return (\n                <span>\n                        {prefix && <span className={prefixClassName}>{prefix}</span>}\n                    <span className={intClassName}>{intFormat}</span>\n                    <span className={decimalClassName}>\n            .{decimalPart.substring(0, tFixNum)}\n                </span>\n                    {suffix}\n                </span>\n            )\n        }\n        return (\n            <span>\n                        {prefix && <span className={prefixClassName}>{prefix}</span>}\n                <span className={intClassName}>{intFormat}</span>\n                    <span className={decimalClassName}>\n                    .0<sub>{zeroCount}</sub>\n                        {decimalPart?.substring(zeroCount, zeroCount + tFixNum - 2)}\n                </span>\n                {suffix}\n                </span>\n        )\n    }\n    return (\n        <span className={className}>\n                    {prefix && <span className={prefixClassName}>{prefix}</span>}\n            <span className={intClassName}>{intPart}</span>\n            {suffix}\n                </span>\n    )\n}\n\nexport function formatAddress(address: string,pre=4,after=5) {\n    return `${address.substring(0, pre)}...${address.substring(address.length - after, address.length)}`\n}\n\nexport const formatDate = (value: any, formatString = 'YYYY-MM-DD HH:mm:ss') => {\n    if (value) {\n        return moment.unix(value).format(formatString)\n    }\n    return '--'\n}"],"mappings":"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","names":["moment"]}
+{"version":3,"sources":["../../src/utils/index.tsx"],"sourcesContent":["import moment from 'moment';\n\nexport const getVersion = (): string => {\n    return \"0.0.2\";\n};\n\nexport function encodeBase64(input: string) {\n    return btoa(unescape(encodeURIComponent(input)));\n}\n\nexport function decodeBase64(input: string) {\n    return decodeURIComponent(escape(atob(input)));\n}\n\nexport const isValidEmail = (email: string) => {\n    return /^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$/.test(email)\n}\nexport const isValidUsername = (username: string) => {\n    //8-32 alpha number - _\n    return /^[a-zA-Z0-9_-]+$/.test(username)\n}\n\nexport const deepMerge = (target: any, source: any): any => {\n    for (const key in source) {\n        if (source[key] instanceof Object && key in target) {\n            target[key] = deepMerge(target[key], source[key]);\n        } else {\n            target[key] = source[key];\n        }\n    }\n    return target;\n};\n\nexport function truncateAddress(address: string): string {\n    if (address.length <= 6) {\n        return address;\n    }\n    const start = address.slice(0, 4);\n    const end = address.slice(-2);\n    return `${start}...${end}`;\n}\n\n\nexport function firstUpperCase(str: string): string {\n    return str.toString()[0].toUpperCase() + str.toString().slice(1);\n}\n\nexport function getAppClientId() {\n    return \"react-sdk-\" + getVersion()\n}\n\n\nfunction convertScientificToDecimal(num: number) {\n    let str = num.toFixed(12)\n    str = str.replace(/0+$/, '')\n    str = str.replace(/\\.$/, '')\n    return str\n}\n\ninterface NumberFormatterProps {\n    value: number | string | undefined\n    prefix?: string\n    suffix?: string\n    separator?: boolean\n    fixNum?: number //number >= 1 fix num\n    tFixNum?: number //number < 1 fix num\n    intClassName?: string\n    decimalClassName?: string\n    prefixClassName?: string\n    className?: string\n}\n\nexport const NumberFormatter: React.FC<NumberFormatterProps> = ({\n                                                                    value,\n                                                                    prefix = '',\n                                                                    suffix = '',\n                                                                    separator = true,\n                                                                    fixNum = 2,\n                                                                    tFixNum = 4,\n                                                                    intClassName = \"\",\n                                                                    decimalClassName = \"\",\n                                                                    prefixClassName = \"\",\n                                                                    className = \"\"\n                                                                }) => {\n    const numberValue =\n        typeof value === 'number'\n            ? convertScientificToDecimal(value)\n            : value\n                ? value\n                : '0'\n\n    const [intPart, decimalPart] = numberValue.toString().split('.')\n\n    const intFormat = separator\n        ? intPart.replace(/\\B(?=(\\d{3})+(?!\\d))/g, ',')\n        : intPart\n\n    if (Math.abs(parseFloat(numberValue)) >= 1) {\n        return (\n            <span className={className}>\n            {prefix && <span className={prefixClassName}>{prefix}</span>}\n                <span className={intClassName}>{intFormat}</span>\n                {decimalPart ? (\n                    <span className={decimalClassName}>\n            .{decimalPart.substring(0, fixNum)}\n            </span>\n                ) : (\n                    ''\n                )}\n                {suffix}\n        </span>\n        )\n    }\n\n    if (decimalPart) {\n        let zeroCount = 0\n        for (let i = 0; i < decimalPart.length; i++) {\n            if (decimalPart[i] === '0') {\n                zeroCount++\n            } else {\n                break\n            }\n        }\n        if (zeroCount < tFixNum) {\n            return (\n                <span className={className}>\n                        {prefix && <span className={prefixClassName}>{prefix}</span>}\n                    <span className={intClassName}>{intFormat}</span>\n                    <span className={decimalClassName}>\n            .{decimalPart.substring(0, tFixNum)}\n                </span>\n                    {suffix}\n                </span>\n            )\n        }\n        return (\n            <span className={className}>\n                        {prefix && <span className={prefixClassName}>{prefix}</span>}\n                <span className={intClassName}>{intFormat}</span>\n                    <span className={decimalClassName}>\n                    .0<sub>{zeroCount}</sub>\n                        {decimalPart?.substring(zeroCount, zeroCount + tFixNum - 2)}\n                </span>\n                {suffix}\n                </span>\n        )\n    }\n    return (\n        <span className={className}>\n                    {prefix && <span className={prefixClassName}>{prefix}</span>}\n            <span className={intClassName}>{intPart}</span>\n            {suffix}\n                </span>\n    )\n}\n\nexport function formatAddress(address: string, pre = 4, after = 5) {\n    return `${address.substring(0, pre)}...${address.substring(address.length - after, address.length)}`\n}\n\nexport const formatDate = (value: any, formatString = 'YYYY-MM-DD HH:mm:ss') => {\n    if (value) {\n        return moment.unix(value).format(formatString)\n    }\n    return '--'\n}\nexport const isInTgApp = () => {\n    return !!(window.TelegramWebviewProxy)\n}"],"mappings":"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","names":["moment"]}

package/dist/utils/index.mjs

@@ -8,10 +8,11 @@ import {
   formatDate,
   getAppClientId,
   getVersion,
+  isInTgApp,
   isValidEmail,
   isValidUsername,
   truncateAddress
-} from "../chunk-5JHHHLG4.mjs";
+} from "../chunk-HLUFAIFV.mjs";
 import "../chunk-J5LGTIGS.mjs";
 export {
   NumberFormatter,
@@ -23,6 +24,7 @@ export {
   formatDate,
   getAppClientId,
   getVersion,
+  isInTgApp,
   isValidEmail,
   isValidUsername,
   truncateAddress

package/example/package.json

@@ -22,8 +22,9 @@
     "@types/react-router-dom": "../node_modules/@types/react-router-dom"
   },
   "dependencies": {
+    "@matchain/matchid-sdk-react": "../dist",
     "@zerodev/webauthn-key": "5.3.3",
-    "@matchain/matchid-sdk-react": "../dist"
+    "eruda": "^3.4.1"
   },
   "devDependencies": {
     "@types/node": "^22.9.0",

package/example/src/App.tsx

@@ -11,8 +11,9 @@ import {LocaleType} from "@matchain/matchid-sdk-react/types";
 import {useUserInfo} from "@matchain/matchid-sdk-react/hooks";
 import RoutePrivate from "@/components/RoutePrivate";
 import useLocalStore from "@/store/useLocalStore";
-import {LoginButton}     from "@matchain/matchid-sdk-react/components";
+import {LoginButton} from "@matchain/matchid-sdk-react/components";
 import UI from "@/pages/UI";
+import TgApp from "@/pages/TgApp";
 
 
 function Nav() {
@@ -35,6 +36,11 @@ function Nav() {
                 url: '/ui',
                 onActive: location.pathname === '/ui'
             },
+            {
+                name: 'TgApp',
+                url: '/tgapp',
+                onActive: location.pathname === '/tgapp'
+            },
             {
                 name: 'User',
                 url: '/user',
@@ -49,13 +55,17 @@ function Nav() {
         ]
         return list
     }, [location.pathname, isLogin])
-    return <nav className={`text-2xl mb-5 p-2 text-red-600 flex gap-10`}>
-        {menus.map((menu) => {
-            return <Link key={menu.url} to={menu.url}
-                         className={`text-2xl ${menu.onActive ? 'text-red-600' : 'text-gray-400'}`}>{menu.name}</Link>
-        })}
-        <LoginButton/>
-    </nav>
+    return <>
+        <nav className={`text-2xl mb-5 p-2 text-red-600 flex gap-10 flex-wrap`}>
+            {menus.map((menu) => {
+                return <Link key={menu.url} to={menu.url}
+                             className={`text-2xl ${menu.onActive ? 'text-red-600' : 'text-gray-400'} ${menu.hidden?'hidden' :''}`}>{menu.name}</Link>
+            })}
+
+            <LoginButton/>
+        </nav>
+
+    </>
 }
 
 function RouterApp() {
@@ -96,6 +106,7 @@ function RouterApp() {
             <Routes>
                 <Route path="/" element={<Home/>}/>
                 <Route path="/ui" element={<UI/>}/>
+                <Route path="/tgapp" element={<TgApp/>}/>
                 <Route element={<RoutePrivate/>}>
                     <Route path="/user" element={<User/>}/>
                     <Route path="/wallet" element={<Wallet/>}/>

package/example/src/main.tsx

@@ -1,5 +1,7 @@
 import React from 'react';
 import ReactDOM from 'react-dom/client';
 import App from './App';
+import eruda from "eruda";
+eruda.init()
 
 ReactDOM.createRoot(document.getElementById('root')!).render(<App />);

package/example/src/pages/TgApp/index.tsx

@@ -0,0 +1,44 @@
+import {Button} from "@matchain/matchid-sdk-react/ui";
+import {useUserInfo, useWallet} from "@matchain/matchid-sdk-react/hooks";
+import {useState} from "react";
+
+export default function TgApp(){
+    const {login,isLogin,getAuthInfo} = useUserInfo()
+    const {address} = useWallet()
+    const [authInfo,setAuthInfo] = useState<any>()
+    const telegramLogin = async () => {
+        return login('telegram')
+    }
+    const telegramAuth = async () => {
+        try{
+            const res = await getAuthInfo('telegram')
+            setAuthInfo(JSON.stringify(res))
+        }catch(error:any){
+            setAuthInfo('error:'+error.message)
+        }
+
+    }
+    return <div className={`flex flex-col gap-[10px]`}>
+        <div className={`flex`}>
+            <Button onClick={telegramLogin} disabled={isLogin}>1.Login by Telegram</Button>
+        </div>
+        <div className={"text-green-500"}>
+            Code: login('telegram')
+        </div>
+        <div className={`break-all`}>
+            2.Auto generate wallet:{address ||'-'}
+        </div>
+        <div>
+            <Button onClick={telegramAuth} disabled={!isLogin}>3.Get Telegram auth info</Button>
+        </div>
+        <div className={"text-green-500"}>
+            Code: getAuthInfo('telegram')
+        </div>
+        <div className={`break-all`}>
+            AuthResult:{authInfo||'-'}
+        </div>
+        <div className={`break-all`}>
+            4.Send auth result to server and verify.<a href={"https://docs.matchid.ai/api/method/auth/verify.html"} target={"_blank"} className={'text-red-600'}>Click here to read api</a>
+        </div>
+    </div>
+}

package/example/src/pages/Wallet/index.tsx

@@ -144,7 +144,6 @@ export default function Wallet() {
                 value: parseUnits(toAmount, 18),
                 data: data as `0x${string}`,
                 chain: chain,
-                type:"legacy"
             }
             const request = await walletClient.prepareTransactionRequest(transaction)
             const res = await evmAccount.signTransaction!(request as TransactionSerializable)
@@ -308,7 +307,7 @@ function ERC20() {
         return formatUnits(balanceQuery.data,decimalsQuery.data)
     },[balanceQuery.data,decimalsQuery.data])
 
-    console.log(balanceQuery,symbolQuery,decimalsQuery)
+    // console.log(balanceQuery,symbolQuery,decimalsQuery)
 
     function Transfer(){
         const [to, setTo] = useState(address)

package/example/yarn.lock

@@ -718,6 +718,11 @@ emoji-regex@^9.2.2:
   resolved "https://registry.npmmirror.com/emoji-regex/-/emoji-regex-9.2.2.tgz"
   integrity sha512-L18DaJsXSUk2+42pv8mLs5jJT2hqFkFE4j21wOmgbUqsZ2hL72NsUU785g9RXgo3s0ZNgVl42TiHp3ZtOv/Vyg==
 
+eruda@^3.4.1:
+  version "3.4.1"
+  resolved "https://registry.yarnpkg.com/eruda/-/eruda-3.4.1.tgz#5ff04fa2c55c3a5f4998e48c952adb759307b53f"
+  integrity sha512-RmaO5yD97URY/9Q0lye3cmmNPoXNKreeePIw7c/zllbscR92CjGFZFuQ70+0fLIvLcKW3Xha8DS8NFhmeNbEBQ==
+
 esbuild@^0.21.3:
   version "0.21.5"
   resolved "https://registry.npmmirror.com/esbuild/-/esbuild-0.21.5.tgz"

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@matchain/matchid-sdk-react",
-  "version": "0.1.49",
+  "version": "0.1.50",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "exports": {

package/dist/chunk-5JHHHLG4.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/utils/index.tsx"],"sourcesContent":["import moment from 'moment';\n\nexport const getVersion = (): string => {\n    return \"0.0.2\";\n};\n\nexport function encodeBase64(input: string) {\n    return btoa(unescape(encodeURIComponent(input)));\n}\n\nexport function decodeBase64(input: string) {\n    return decodeURIComponent(escape(atob(input)));\n}\n\nexport const isValidEmail = (email: string) => {\n    return /^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$/.test(email)\n}\nexport const isValidUsername = (username: string) => {\n    //8-32 alpha number - _\n    return /^[a-zA-Z0-9_-]+$/.test(username)\n}\n\nexport const deepMerge = (target: any, source: any): any => {\n    for (const key in source) {\n        if (source[key] instanceof Object && key in target) {\n            target[key] = deepMerge(target[key], source[key]);\n        } else {\n            target[key] = source[key];\n        }\n    }\n    return target;\n};\n\nexport function truncateAddress(address: string): string {\n    if (address.length <= 6) {\n        return address;\n    }\n    const start = address.slice(0, 4);\n    const end = address.slice(-2);\n    return `${start}...${end}`;\n}\n\n\nexport function firstUpperCase(str: string): string {\n    return str.toString()[0].toUpperCase() + str.toString().slice(1);\n}\n\nexport function getAppClientId() {\n    return \"react-sdk-\" + getVersion()\n}\n\n\nfunction convertScientificToDecimal(num: number) {\n    let str = num.toFixed(12)\n    str = str.replace(/0+$/, '')\n    str = str.replace(/\\.$/, '')\n    return str\n}\n\ninterface NumberFormatterProps {\n    value: number | string | undefined\n    prefix?: string\n    suffix?: string\n    separator?: boolean\n    fixNum?: number //number >= 1 fix num\n    tFixNum?: number //number < 1 fix num\n    intClassName?: string\n    decimalClassName?: string\n    prefixClassName?: string\n    className?: string\n}\n\nexport const NumberFormatter: React.FC<NumberFormatterProps> = ({\n                                                                    value,\n                                                                    prefix = '',\n                                                                    suffix = '',\n                                                                    separator = true,\n                                                                    fixNum = 2,\n                                                                    tFixNum = 4,\n                                                                    intClassName = \"\",\n                                                                    decimalClassName = \"\",\n                                                                    prefixClassName = \"\",\n                                                                    className = \"\"\n                                                                }) => {\n    const numberValue =\n        typeof value === 'number'\n            ? convertScientificToDecimal(value)\n            : value\n                ? value\n                : '0'\n\n    const [intPart, decimalPart] = numberValue.toString().split('.')\n\n    const intFormat = separator\n        ? intPart.replace(/\\B(?=(\\d{3})+(?!\\d))/g, ',')\n        : intPart\n\n    if (Math.abs(parseFloat(numberValue)) >= 1) {\n        return (\n            <span className={className}>\n            {prefix && <span className={prefixClassName}>{prefix}</span>}\n                <span className={intClassName}>{intFormat}</span>\n                {decimalPart ? (\n                    <span className={decimalClassName}>\n            .{decimalPart.substring(0, fixNum)}\n            </span>\n                ) : (\n                    ''\n                )}\n                {suffix}\n        </span>\n        )\n    }\n\n    if (decimalPart) {\n        let zeroCount = 0\n        for (let i = 0; i < decimalPart.length; i++) {\n            if (decimalPart[i] === '0') {\n                zeroCount++\n            } else {\n                break\n            }\n        }\n        if (zeroCount < tFixNum) {\n            return (\n                <span>\n                        {prefix && <span className={prefixClassName}>{prefix}</span>}\n                    <span className={intClassName}>{intFormat}</span>\n                    <span className={decimalClassName}>\n            .{decimalPart.substring(0, tFixNum)}\n                </span>\n                    {suffix}\n                </span>\n            )\n        }\n        return (\n            <span>\n                        {prefix && <span className={prefixClassName}>{prefix}</span>}\n                <span className={intClassName}>{intFormat}</span>\n                    <span className={decimalClassName}>\n                    .0<sub>{zeroCount}</sub>\n                        {decimalPart?.substring(zeroCount, zeroCount + tFixNum - 2)}\n                </span>\n                {suffix}\n                </span>\n        )\n    }\n    return (\n        <span className={className}>\n                    {prefix && <span className={prefixClassName}>{prefix}</span>}\n            <span className={intClassName}>{intPart}</span>\n            {suffix}\n                </span>\n    )\n}\n\nexport function formatAddress(address: string,pre=4,after=5) {\n    return `${address.substring(0, pre)}...${address.substring(address.length - after, address.length)}`\n}\n\nexport const formatDate = (value: any, formatString = 'YYYY-MM-DD HH:mm:ss') => {\n    if (value) {\n        return moment.unix(value).format(formatString)\n    }\n    return '--'\n}"],"mappings":"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","names":[]}