@matchain/matchid-sdk-react 0.1.51-alpha.0 → 0.1.51-alpha.1

package/dist/{chunk-JJGSJGWC.mjs → chunk-55KKIDVT.mjs}

@@ -11,7 +11,7 @@ import {
   useUserInfo,
   verifyPohApi,
   wallet_exports
-} from "./chunk-5P2AOB6Q.mjs";
+} from "./chunk-KKWAYHRG.mjs";
 import {
   __export
 } from "./chunk-J5LGTIGS.mjs";
@@ -94,4 +94,4 @@ export {
   user_exports,
   api_exports
 };
-//# sourceMappingURL=chunk-JJGSJGWC.mjs.map
+//# sourceMappingURL=chunk-55KKIDVT.mjs.map

package/dist/{chunk-5P2AOB6Q.mjs → chunk-KKWAYHRG.mjs}

@@ -1,3 +1,15 @@
+import {
+  NumberFormatter,
+  encodeBase64,
+  formatAddress,
+  formatDate,
+  getAppClientId,
+  getVersion,
+  isInTgApp,
+  isValidEmail,
+  isValidUsername,
+  truncateAddress
+} from "./chunk-HLUFAIFV.mjs";
 import {
   AlphaAvatar,
   Button,
@@ -17,18 +29,6 @@ import {
   useHash,
   useLayout_exports
 } from "./chunk-FB5MHLWX.mjs";
-import {
-  NumberFormatter,
-  encodeBase64,
-  formatAddress,
-  formatDate,
-  getAppClientId,
-  getVersion,
-  isInTgApp,
-  isValidEmail,
-  isValidUsername,
-  truncateAddress
-} from "./chunk-HLUFAIFV.mjs";
 import {
   ArrowDownIcon,
   ArrowRightIcon,
@@ -6460,4 +6460,4 @@ export {
   MatchProvider,
   useMatch
 };
-//# sourceMappingURL=chunk-5P2AOB6Q.mjs.map
+//# sourceMappingURL=chunk-KKWAYHRG.mjs.map

package/dist/components/index.mjs

@@ -15,8 +15,9 @@ import {
   UsernameModal,
   WalletAsset,
   WalletModal
-} from "../chunk-5P2AOB6Q.mjs";
+} from "../chunk-KKWAYHRG.mjs";
 import "../chunk-UA6XHZHX.mjs";
+import "../chunk-HLUFAIFV.mjs";
 import {
   Button,
   Field,
@@ -26,7 +27,6 @@ import {
   Overlay,
   Popover
 } from "../chunk-FB5MHLWX.mjs";
-import "../chunk-HLUFAIFV.mjs";
 import "../chunk-LHNKZISB.mjs";
 import "../chunk-J5LGTIGS.mjs";
 export {

package/dist/hooks/api/index.mjs

@@ -2,14 +2,14 @@ import {
   bind_exports,
   poh_exports,
   user_exports
-} from "../../chunk-JJGSJGWC.mjs";
+} from "../../chunk-55KKIDVT.mjs";
 import {
   isSuccess,
   wallet_exports
-} from "../../chunk-5P2AOB6Q.mjs";
+} from "../../chunk-KKWAYHRG.mjs";
 import "../../chunk-UA6XHZHX.mjs";
-import "../../chunk-FB5MHLWX.mjs";
 import "../../chunk-HLUFAIFV.mjs";
+import "../../chunk-FB5MHLWX.mjs";
 import "../../chunk-LHNKZISB.mjs";
 import "../../chunk-J5LGTIGS.mjs";
 export {

package/dist/hooks/index.d.mts

@@ -1,4 +1,4 @@
-export { c as useCopyClipboard, n as useLayout, f as useMatchChain, a as useMatchEvents, g as useMatchWallet, k as useMatchWalletAssetList, j as useMatchWalletAssets, h as useMatchWalletRecords, d as useModal, l as useReceipt, e as useToast, m as useTransaction, u as useUserInfo, b as useWallet } from '../index-BU0r26-N.mjs';
+export { c as useCopyClipboard, n as useLayout, f as useMatchChain, a as useMatchEvents, g as useMatchWallet, k as useMatchWalletAssetList, j as useMatchWalletAssets, h as useMatchWalletRecords, d as useModal, l as useReceipt, e as useToast, m as useTransaction, u as useUserInfo, b as useWallet } from '../index-B-QfwtE5.mjs';
 import '../types-Dd_ExpLx.mjs';
 import 'react';
 import '@tanstack/react-query/src/types';

package/dist/hooks/index.d.ts

@@ -1,4 +1,4 @@
-export { c as useCopyClipboard, n as useLayout, f as useMatchChain, a as useMatchEvents, g as useMatchWallet, k as useMatchWalletAssetList, j as useMatchWalletAssets, h as useMatchWalletRecords, d as useModal, l as useReceipt, e as useToast, m as useTransaction, u as useUserInfo, b as useWallet } from '../index-C3aFwrd4.js';
+export { c as useCopyClipboard, n as useLayout, f as useMatchChain, a as useMatchEvents, g as useMatchWallet, k as useMatchWalletAssetList, j as useMatchWalletAssets, h as useMatchWalletRecords, d as useModal, l as useReceipt, e as useToast, m as useTransaction, u as useUserInfo, b as useWallet } from '../index-X_fw5wX_.js';
 import '../types-Dd_ExpLx.js';
 import 'react';
 import '@tanstack/react-query/src/types';

package/dist/hooks/index.mjs

@@ -12,12 +12,12 @@ import {
   useTransaction,
   useUserInfo,
   useWallet
-} from "../chunk-5P2AOB6Q.mjs";
+} from "../chunk-KKWAYHRG.mjs";
 import "../chunk-UA6XHZHX.mjs";
+import "../chunk-HLUFAIFV.mjs";
 import {
   useLayout_exports
 } from "../chunk-FB5MHLWX.mjs";
-import "../chunk-HLUFAIFV.mjs";
 import "../chunk-LHNKZISB.mjs";
 import "../chunk-J5LGTIGS.mjs";
 export {

package/dist/{index-BU0r26-N.d.mts → index-B-QfwtE5.d.mts}

@@ -61,7 +61,7 @@ declare const LOGIN_METHOD_MAP: {
 
 declare function useUserInfo(): {
     loginByMethod: (method: ISocialLoginMethod) => Promise<Window | null>;
-    loginByTelegram: () => Promise<Window | null>;
+    loginByTelegram: () => Promise<Window | null | undefined>;
     loginByTwitter: () => Promise<Window | null>;
     loginByGoogle: () => Promise<Window | null>;
     loginByWallet: () => Promise<Window | null>;

package/dist/{index-C3aFwrd4.d.ts → index-X_fw5wX_.d.ts}

@@ -61,7 +61,7 @@ declare const LOGIN_METHOD_MAP: {
 
 declare function useUserInfo(): {
     loginByMethod: (method: ISocialLoginMethod) => Promise<Window | null>;
-    loginByTelegram: () => Promise<Window | null>;
+    loginByTelegram: () => Promise<Window | null | undefined>;
     loginByTwitter: () => Promise<Window | null>;
     loginByGoogle: () => Promise<Window | null>;
     loginByWallet: () => Promise<Window | null>;

package/dist/index.css

@@ -1001,6 +1001,7 @@ body {
 
         display: flex;
         justify-content: space-between;
+
         .matchid-drawer-header-content {
             display: flex;
             gap: 12px;
@@ -1312,6 +1313,9 @@ body {
     display: flex;
     flex-direction: column;
     gap: 16px;
+    @media screen and (max-width: 768px) {
+        gap: 8px;
+    }
 
     .matchid-wallet-asset-item {
         display: flex;
@@ -1321,6 +1325,9 @@ body {
         padding: 16px;
         border: 1px solid var(--matchid-line);
         border-radius: 16px;
+        @media screen and (max-width: 768px) {
+            padding: 10px 16px;
+        }
 
         &:hover {
             border-color: var(--matchid-highlight-orange);
@@ -1332,11 +1339,18 @@ body {
             width: 42px;
             display: flex;
             align-items: center;
-
+            @media screen and (max-width: 768px) {
+                width: 36px;
+                height: 36px;
+            }
             .matchid-wallet-asset-icon {
                 width: 40px;
                 height: 40px;
                 border-radius: 8px;
+                @media screen and (max-width: 768px) {
+                    width: 36px;
+                    height: 36px;
+                }
             }
 
             .matchid-wallet-asset-chain {
@@ -1346,6 +1360,10 @@ body {
                 height: 12px;
                 right: 0px;
                 bottom: 1px;
+                @media screen and (max-width: 768px) {
+                    wdth:10px;
+                    height:10px;
+                }
             }
         }
 
@@ -1357,6 +1375,9 @@ body {
             justify-content: space-between;
             gap: 10px;
 
+            @media screen and (max-width: 768px) {
+                height: 44px;
+            }
             .matchid-wallet-asset-name {
                 font-size: 16px;
                 font-weight: 500;
@@ -1391,10 +1412,8 @@ body {
                     font-size: 14px;
                     font-weight: 500;
                     color: var(--matchid-gray-600);
-                    @media (max-width: 768px) {
-                        font-size: 12px;
-                    }
                 }
+
             }
 
             .matchid-wallet-asset-footer {
@@ -1416,9 +1435,6 @@ body {
                 .matchid-wallet-asset-change {
                     font-size: 14px;
                     font-weight: 400;
-                    @media (max-width: 768px) {
-                        font-size: 12px;
-                    }
                 }
             }
         }
@@ -1763,7 +1779,11 @@ body {
     border: 1px solid var(--matchid-line);
     border-radius: 16px;
     height: 78px;
-    &:hover{
+    @media screen and (max-width: 768px) {
+        height: 64px;
+    }
+
+    &:hover {
         border-color: var(--matchid-highlight-orange);
     }
 
@@ -1780,6 +1800,10 @@ body {
             display: flex;
             align-items: center;
             justify-content: center;
+            @media screen and (max-width: 768px) {
+                width: 36px;
+                height: 36px;
+            }
 
             .rotate-180 {
                 transform: rotate(180deg);
@@ -1820,73 +1844,88 @@ body {
         gap: 8px;
         font-size: 16px;
         font-weight: 500;
+        span{
+            text-align: right;
+        }
 
         @media screen and (max-width: 768px) {
             font-size: 14px;
         }
     }
-    .matchid-transaction-item-loading{
+
+    .matchid-transaction-item-loading {
         color: var(--matchid-black);
     }
-    .matchid-transaction-item-success{
+
+    .matchid-transaction-item-success {
         color: var(--matchid-success);
     }
-    .matchid-transaction-item-error{
+
+    .matchid-transaction-item-error {
         color: var(--matchid-error);
     }
 
 }
 
-.matchid-transaction-list{
+.matchid-transaction-list {
     display: flex;
     flex-direction: column;
     gap: 16px;
+    @media screen and (max-width: 768px) {
+        gap: 8px;
+    }
 }
 
-.matchid-list-nomore{
-    gap:8px;
+.matchid-list-nomore {
+    gap: 8px;
     text-align: center;
     font-size: 16px;
-    padding:16px 0;
+    padding: 16px 0;
     display: flex;
     align-items: center;
     justify-content: center;
     color: var(--matchid-secondary-grey);
-    @media screen and (max-width: 768px){
+    @media screen and (max-width: 768px) {
         font-size: 14px;
     }
 }
-.matchid-flex{
+
+.matchid-flex {
     display: flex;
 }
-.matchid-import-token-result{
+
+.matchid-import-token-result {
     display: flex;
-    flex:1;
+    flex: 1;
     flex-direction: column;
     padding-bottom: 100px;
     gap: 24px;
     justify-content: space-between;
-    @media screen and (max-width: 768px){
+    @media screen and (max-width: 768px) {
         padding-bottom: 0;
     }
-    .matchid-import-token-result-box{
+
+    .matchid-import-token-result-box {
         display: flex;
         flex-direction: column;
         gap: 48px;
         align-items: center;
-        .matchid-import-token-result-img{
-            width:96px;
-            height:96px;
+
+        .matchid-import-token-result-img {
+            width: 96px;
+            height: 96px;
         }
-        .matchid-import-token-result-text{
+
+        .matchid-import-token-result-text {
             font-size: 24px;
             font-weight: 500;
             color: var(--matchid-success);
-            @media screen and (max-width: 768px){
+            @media screen and (max-width: 768px) {
                 font-size: 20px;
             }
         }
-        .matchid-import-token-result-text-fail{
+
+        .matchid-import-token-result-text-fail {
             color: var(--matchid-error);
         }
     }

package/dist/index.d.mts

@@ -1,6 +1,6 @@
 import React, { ReactNode } from 'react';
 import { I as IMatchEvents, a as IEnvConfigType, L as LocaleType, W as WalletConfigType } from './types-Dd_ExpLx.mjs';
-export { i as Hooks, M as ModalProvider, T as ToastProvider } from './index-BU0r26-N.mjs';
+export { i as Hooks, M as ModalProvider, T as ToastProvider } from './index-B-QfwtE5.mjs';
 export { i as Components } from './index-XzSw1Bym.mjs';
 export { i as UI } from './index-D5OzNRfu.mjs';
 export { i as Api } from './index-CDqIk5k2.mjs';

package/dist/index.d.ts

@@ -1,6 +1,6 @@
 import React, { ReactNode } from 'react';
 import { I as IMatchEvents, a as IEnvConfigType, L as LocaleType, W as WalletConfigType } from './types-Dd_ExpLx.js';
-export { i as Hooks, M as ModalProvider, T as ToastProvider } from './index-C3aFwrd4.js';
+export { i as Hooks, M as ModalProvider, T as ToastProvider } from './index-X_fw5wX_.js';
 export { i as Components } from './index-BDoEk1EK.js';
 export { i as UI } from './index-DMUZQqNB.js';
 export { i as Api } from './index-DvM6x6e6.js';

package/dist/index.mjs

@@ -1,12 +1,6 @@
-import {
-  chains_exports
-} from "./chunk-HYQ3T6WW.mjs";
-import {
-  types_exports
-} from "./chunk-HBOS3RBL.mjs";
 import {
   api_exports
-} from "./chunk-JJGSJGWC.mjs";
+} from "./chunk-55KKIDVT.mjs";
 import {
   MatchProvider,
   ModalProvider,
@@ -14,13 +8,19 @@ import {
   components_exports,
   hooks_exports,
   useMatch
-} from "./chunk-5P2AOB6Q.mjs";
+} from "./chunk-KKWAYHRG.mjs";
+import {
+  types_exports
+} from "./chunk-HBOS3RBL.mjs";
 import "./chunk-UA6XHZHX.mjs";
+import "./chunk-HLUFAIFV.mjs";
 import {
   ui_exports
 } from "./chunk-FB5MHLWX.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/example/src/pages/Wallet/components/MatchWallet.tsx

@@ -46,7 +46,7 @@ export default function MatchWallet() {
                 <Button size={"sm"} onClick={wallet.showImportTokenModal}>showImportToken</Button>
                 <Button size={"sm"} onClick={wallet.showSendListModal}>showSendListModal</Button>
             </ButtonGroup>
-            <div className={`mt-[100px] gap-[20px] grid grid-cols-2`}>
+            <div className={`mt-[100px] gap-[20px] grid grid-cols-1 md:grid-cols-2`}>
                 <WalletAsset onAssetClick={onAssetClick}/>
                 <TransactionList/>
             </div>

package/package.json

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