@matchain/matchid-sdk-react 0.1.53-alpha.9 → 0.1.55-alpha.0

package/dist/ui/index.mjs

@@ -1,6 +1,7 @@
 import {
   AlphaAvatar,
   Button,
+  ConfirmModal,
   Drawer,
   Field,
   HashPanel_default,
@@ -14,12 +15,16 @@ import {
   Skeleton_default,
   Switch,
   Tabs
-} from "../chunk-X5HGL3ZX.mjs";
+} from "../chunk-36M5ROJI.mjs";
+import "../chunk-UA6XHZHX.mjs";
+import "../chunk-IZOOVZAD.mjs";
 import "../chunk-FKXS2XRG.mjs";
+import "../chunk-JX73EY6V.mjs";
 import "../chunk-J5LGTIGS.mjs";
 export {
   AlphaAvatar,
   Button,
+  ConfirmModal,
   Drawer,
   Field,
   HashPanel_default as HashPanel,

package/dist/utils/index.d.mts

@@ -0,0 +1,28 @@
+declare const getVersion: () => string;
+declare function encodeBase64(input: string): string;
+declare function decodeBase64(input: string): string;
+declare const isValidEmail: (email: string) => boolean;
+declare const isValidUsername: (username: string) => boolean;
+declare const deepMerge: (target: any, source: any) => any;
+declare function truncateAddress(address: string, startLen?: number, endLen?: number): string;
+declare function firstUpperCase(str: string): string;
+declare function getAppClientId(): string;
+interface NumberFormatterProps {
+    value: number | string | undefined;
+    prefix?: string;
+    suffix?: string;
+    separator?: boolean;
+    fixNum?: number;
+    tFixNum?: number;
+    intClassName?: string;
+    decimalClassName?: string;
+    prefixClassName?: string;
+    className?: string;
+}
+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;
+declare function bytesToBase64(bytes: Uint8Array): string;
+
+export { NumberFormatter, bytesToBase64, decodeBase64, deepMerge, encodeBase64, firstUpperCase, formatAddress, formatDate, getAppClientId, getVersion, isInTgApp, isValidEmail, isValidUsername, truncateAddress };

package/dist/utils/index.d.ts

@@ -0,0 +1,28 @@
+declare const getVersion: () => string;
+declare function encodeBase64(input: string): string;
+declare function decodeBase64(input: string): string;
+declare const isValidEmail: (email: string) => boolean;
+declare const isValidUsername: (username: string) => boolean;
+declare const deepMerge: (target: any, source: any) => any;
+declare function truncateAddress(address: string, startLen?: number, endLen?: number): string;
+declare function firstUpperCase(str: string): string;
+declare function getAppClientId(): string;
+interface NumberFormatterProps {
+    value: number | string | undefined;
+    prefix?: string;
+    suffix?: string;
+    separator?: boolean;
+    fixNum?: number;
+    tFixNum?: number;
+    intClassName?: string;
+    decimalClassName?: string;
+    prefixClassName?: string;
+    className?: string;
+}
+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;
+declare function bytesToBase64(bytes: Uint8Array): string;
+
+export { NumberFormatter, bytesToBase64, decodeBase64, deepMerge, encodeBase64, firstUpperCase, formatAddress, formatDate, getAppClientId, getVersion, isInTgApp, isValidEmail, isValidUsername, truncateAddress };

package/example/package.json

@@ -16,6 +16,7 @@
   "alias": {
     "viem": "../node_modules/viem",
     "react": "../node_modules/react",
+    "wagmi": "../node_modules/wagmi",
     "react-dom": "../node_modules/react-dom/profiling",
     "lodash": "../node_modules/lodash",
     "axios": "../node_modules/axios",

package/example/src/App.tsx

@@ -1,5 +1,5 @@
 import React, {useEffect, useMemo, useState} from "react";
-import {MatchProvider} from "@matchain/matchid-sdk-react";
+import {MatchProvider, wagmiConfig} from "@matchain/matchid-sdk-react";
 import {BrowserRouter as Router, Routes, Route, Link, useLocation} from 'react-router-dom';
 import Home from "./pages/Home";
 import './app.css'
@@ -14,7 +14,7 @@ import useLocalStore from "@/store/useLocalStore";
 import {LoginButton} from "@matchain/matchid-sdk-react/components";
 import UI from "@/pages/UI";
 import TgApp from "@/pages/TgApp";
-import Contact from "./pages/Contact";
+import {WagmiProvider} from "wagmi";
 
 
 function Nav() {
@@ -53,12 +53,6 @@ function Nav() {
                 onActive: location.pathname === '/wallet',
                 hidden: !isLogin
             },
-            {
-                name: 'Contact',
-                url: '/contact',
-                onActive: location.pathname === '/contact',
-                hidden: !isLogin
-            }
         ]
         return list
     }, [location.pathname, isLogin])
@@ -149,7 +143,6 @@ function RouterApp() {
                 <Route element={<RoutePrivate/>}>
                     <Route path="/user" element={<User/>}/>
                     <Route path="/wallet" element={<Wallet/>}/>
-                    <Route path="/contact" element={<Contact/>}/>
                 </Route>
             </Routes>
         </div>
@@ -162,24 +155,27 @@ function App() {
     return <div style={{
         backgroundColor: backgroundColor,
         color: color
-    }}><MatchProvider
-        appid={appid}
-        endpoints={endpoints}
-        locale={locale}
-        events={{
-            onLogin: (data) => {
-                console.log('events.onLogin', data)
-            },
-            onLogout: () => {
-                console.log('events.onLogout')
-            }
-        }}
-        wallet={{
-            type: walletType
-        }}
-    >
-        <RouterApp/>
-    </MatchProvider>
+    }}>
+        <WagmiProvider config={wagmiConfig}>
+            <MatchProvider
+                appid={appid}
+                endpoints={endpoints}
+                locale={locale}
+                events={{
+                    onLogin: (data) => {
+                        console.log('events.onLogin', data)
+                    },
+                    onLogout: () => {
+                        console.log('events.onLogout')
+                    }
+                }}
+                wallet={{
+                    type: walletType
+                }}
+            >
+                <RouterApp/>
+            </MatchProvider>
+        </WagmiProvider>
     </div>;
 }
 

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

@@ -432,7 +432,7 @@ function ERC20() {
     return <div className="mt-[20px]">
         <ButtonGroup title={"ERC20"}></ButtonGroup>
         <ButtonGroup title={"Contract Address"}>
-            <input className="border px-[8px]" type={'text'} placeholder={'contact'} value={erc20Address}
+            <input className="border px-[8px]" type={'text'} placeholder={'contract'} value={erc20Address}
                    onChange={(e) => setErc20Address(e.target.value)}/>
         </ButtonGroup>
         <ButtonGroup title={"Info"}>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@matchain/matchid-sdk-react",
-  "version": "0.1.53-alpha.9",
+  "version": "0.1.55-alpha.0",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "exports": {