@matchain/matchid-sdk-react 0.1.53-alpha.2 → 0.1.53-alpha.20

package/dist/{index-BS-NO8Y2.d.ts → index-IHigYscw.d.ts}

@@ -1,4 +1,5 @@
-import { h as ISocialLoginMethod, i as OverviewInfo, C as CEXType, j as LoginMethodType, I as IMatchEvents, k as ChainType, U as UserChainType, A as Address, H as Hash$1, l as AnyObject, m as UserTransactionType, u as useMatchWalletAssetsProps, n as UserImportTokenType, o as UserAssetToken, g as WalletAssetMergeType } from './types-CZbR7ERa.js';
+import { M as MyResponseType } from './request-B0CyrGFT.js';
+import { h as ISocialLoginMethod, i as OverviewInfo, j as CEXType, k as LoginMethodType, I as IMatchEvents, l as ChainType, U as UserChainType, A as Address, H as Hash$1, m as AnyObject, n as UserTransactionType, u as useMatchWalletAssetsProps, o as UserImportTokenType, p as UserAssetToken, g as WalletAssetMergeType } from './types-mRkAnXBf.js';
 import * as viem from 'viem';
 import { Account, WalletClientConfig, createWalletClient, SignableMessage, Hex, TransactionSerializable, DeployContractParameters, SendTransactionParameters, WriteContractParameters, Chain } from 'viem';
 import { Hash } from 'viem/types/misc';
@@ -8,11 +9,12 @@ import React, { ReactNode } from 'react';
 import * as viem__types_actions_siwe_verifySiweMessage from 'viem/_types/actions/siwe/verifySiweMessage';
 import * as _tanstack_react_query from '@tanstack/react-query';
 
+interface ModalProps {
+    close: () => void;
+    zIndex: number;
+}
 interface ModalContextType {
-    show: (content: (props: {
-        close: () => void;
-        zIndex: number;
-    }) => ReactNode, index?: number) => void;
+    show: (content: React.FC<ModalProps>, index?: number) => void;
     open: (props: {
         title: ReactNode;
         content: React.ComponentType<{
@@ -90,6 +92,7 @@ declare function useUserInfo(): {
         [key: string]: any;
     }) => Promise<string | void | Window | null>;
     getAuthInfo: (method: keyof typeof LOGIN_METHOD_MAP) => Promise<unknown>;
+    invite: (invite_code: string) => Promise<MyResponseType<any>>;
 };
 
 declare function useMatchEvents(handlers: IMatchEvents): void;
@@ -176,9 +179,9 @@ declare function useMatchChain(): {
         getBlobBaseFee: () => Promise<viem.GetBlobBaseFeeReturnType>;
         getBlock: <includeTransactions extends boolean = false, blockTag extends viem.BlockTag = "latest">(args?: viem.GetBlockParameters<includeTransactions, blockTag> | undefined) => Promise<{
             number: blockTag extends "pending" ? null : bigint;
+            nonce: blockTag extends "pending" ? null : `0x${string}`;
             size: bigint;
             hash: blockTag extends "pending" ? null : `0x${string}`;
-            nonce: blockTag extends "pending" ? null : `0x${string}`;
             logsBloom: blockTag extends "pending" ? null : `0x${string}`;
             baseFeePerGas: bigint | null;
             blobGasUsed: bigint;
@@ -202,6 +205,7 @@ declare function useMatchChain(): {
             withdrawalsRoot?: viem.Hex | undefined;
             transactions: includeTransactions extends true ? ({
                 type: "legacy";
+                nonce: number;
                 chainId?: number | undefined;
                 value: bigint;
                 input: viem.Hex;
@@ -212,7 +216,6 @@ declare function useMatchChain(): {
                 hash: viem.Hash;
                 from: viem.Address;
                 gas: bigint;
-                nonce: number;
                 to: viem.Address | null;
                 blobVersionedHashes?: undefined;
                 gasPrice: bigint;
@@ -226,6 +229,7 @@ declare function useMatchChain(): {
                 transactionIndex: (blockTag extends "pending" ? true : false) extends infer T_2 ? T_2 extends (blockTag extends "pending" ? true : false) ? T_2 extends true ? null : number : never : never;
             } | {
                 type: "eip2930";
+                nonce: number;
                 chainId: number;
                 value: bigint;
                 input: viem.Hex;
@@ -236,7 +240,6 @@ declare function useMatchChain(): {
                 hash: viem.Hash;
                 from: viem.Address;
                 gas: bigint;
-                nonce: number;
                 to: viem.Address | null;
                 blobVersionedHashes?: undefined;
                 gasPrice: bigint;
@@ -250,6 +253,7 @@ declare function useMatchChain(): {
                 transactionIndex: (blockTag extends "pending" ? true : false) extends infer T_2 ? T_2 extends (blockTag extends "pending" ? true : false) ? T_2 extends true ? null : number : never : never;
             } | {
                 type: "eip1559";
+                nonce: number;
                 chainId: number;
                 value: bigint;
                 input: viem.Hex;
@@ -260,7 +264,6 @@ declare function useMatchChain(): {
                 hash: viem.Hash;
                 from: viem.Address;
                 gas: bigint;
-                nonce: number;
                 to: viem.Address | null;
                 blobVersionedHashes?: undefined;
                 gasPrice?: undefined;
@@ -274,6 +277,7 @@ declare function useMatchChain(): {
                 transactionIndex: (blockTag extends "pending" ? true : false) extends infer T_2 ? T_2 extends (blockTag extends "pending" ? true : false) ? T_2 extends true ? null : number : never : never;
             } | {
                 type: "eip4844";
+                nonce: number;
                 chainId: number;
                 value: bigint;
                 input: viem.Hex;
@@ -284,7 +288,6 @@ declare function useMatchChain(): {
                 hash: viem.Hash;
                 from: viem.Address;
                 gas: bigint;
-                nonce: number;
                 to: viem.Address | null;
                 blobVersionedHashes: readonly viem.Hex[];
                 gasPrice?: undefined;
@@ -323,6 +326,7 @@ declare function useMatchChain(): {
         getStorageAt: (args: viem.GetStorageAtParameters) => Promise<viem.GetStorageAtReturnType>;
         getTransaction: <blockTag extends viem.BlockTag = "latest">(args: viem.GetTransactionParameters<blockTag>) => Promise<{
             type: "legacy";
+            nonce: number;
             chainId?: number | undefined;
             value: bigint;
             input: viem.Hex;
@@ -333,7 +337,6 @@ declare function useMatchChain(): {
             hash: viem.Hash;
             from: viem.Address;
             gas: bigint;
-            nonce: number;
             to: viem.Address | null;
             blobVersionedHashes?: undefined;
             gasPrice: bigint;
@@ -347,6 +350,7 @@ declare function useMatchChain(): {
             transactionIndex: (blockTag extends "pending" ? true : false) extends infer T_2 ? T_2 extends (blockTag extends "pending" ? true : false) ? T_2 extends true ? null : number : never : never;
         } | {
             type: "eip2930";
+            nonce: number;
             chainId: number;
             value: bigint;
             input: viem.Hex;
@@ -357,7 +361,6 @@ declare function useMatchChain(): {
             hash: viem.Hash;
             from: viem.Address;
             gas: bigint;
-            nonce: number;
             to: viem.Address | null;
             blobVersionedHashes?: undefined;
             gasPrice: bigint;
@@ -371,6 +374,7 @@ declare function useMatchChain(): {
             transactionIndex: (blockTag extends "pending" ? true : false) extends infer T_2 ? T_2 extends (blockTag extends "pending" ? true : false) ? T_2 extends true ? null : number : never : never;
         } | {
             type: "eip1559";
+            nonce: number;
             chainId: number;
             value: bigint;
             input: viem.Hex;
@@ -381,7 +385,6 @@ declare function useMatchChain(): {
             hash: viem.Hash;
             from: viem.Address;
             gas: bigint;
-            nonce: number;
             to: viem.Address | null;
             blobVersionedHashes?: undefined;
             gasPrice?: undefined;
@@ -395,6 +398,7 @@ declare function useMatchChain(): {
             transactionIndex: (blockTag extends "pending" ? true : false) extends infer T_2 ? T_2 extends (blockTag extends "pending" ? true : false) ? T_2 extends true ? null : number : never : never;
         } | {
             type: "eip4844";
+            nonce: number;
             chainId: number;
             value: bigint;
             input: viem.Hex;
@@ -405,7 +409,6 @@ declare function useMatchChain(): {
             hash: viem.Hash;
             from: viem.Address;
             gas: bigint;
-            nonce: number;
             to: viem.Address | null;
             blobVersionedHashes: readonly viem.Hex[];
             gasPrice?: undefined;
@@ -1810,7 +1813,7 @@ declare function useMatchChain(): {
             sidecars: viem.TransactionSerializableEIP4844["sidecars"];
         }, viem.TransactionSerializableEIP4844>)) | viem.Opaque<viem.TransactionSerializableEIP4844, request> | viem.Opaque<viem.TransactionRequestEIP4844, request> ? "eip4844" : never) | (request["type"] extends string ? request["type"] : never)>) ? T_6 extends "eip4844" ? viem.TransactionRequestEIP4844 : never : never : never)>> & {
             chainId?: number | undefined;
-        }, (request["parameters"] extends readonly viem.PrepareTransactionRequestParameterType[] ? request["parameters"][number] : "type" | "chainId" | "gas" | "nonce" | "blobVersionedHashes" | "fees") extends infer T_7 ? T_7 extends (request["parameters"] extends readonly viem.PrepareTransactionRequestParameterType[] ? request["parameters"][number] : "type" | "chainId" | "gas" | "nonce" | "blobVersionedHashes" | "fees") ? T_7 extends "fees" ? "gasPrice" | "maxFeePerGas" | "maxPriorityFeePerGas" : T_7 : never : never> & (unknown extends request["kzg"] ? {} : Pick<request, "kzg">) extends infer T ? { [K in keyof T]: (viem.UnionRequiredBy<Extract<viem.UnionOmit<viem.ExtractChainFormatterParameters<viem.DeriveChain<UserChainType, chainOverride>, "transactionRequest", viem.TransactionRequest>, "from"> & (viem.DeriveChain<UserChainType, chainOverride> extends infer T_1 ? T_1 extends viem.DeriveChain<UserChainType, chainOverride> ? T_1 extends viem.Chain ? {
+        }, (request["parameters"] extends readonly viem.PrepareTransactionRequestParameterType[] ? request["parameters"][number] : "type" | "nonce" | "chainId" | "gas" | "blobVersionedHashes" | "fees") extends infer T_7 ? T_7 extends (request["parameters"] extends readonly viem.PrepareTransactionRequestParameterType[] ? request["parameters"][number] : "type" | "nonce" | "chainId" | "gas" | "blobVersionedHashes" | "fees") ? T_7 extends "fees" ? "gasPrice" | "maxFeePerGas" | "maxPriorityFeePerGas" : T_7 : never : never> & (unknown extends request["kzg"] ? {} : Pick<request, "kzg">) extends infer T ? { [K in keyof T]: (viem.UnionRequiredBy<Extract<viem.UnionOmit<viem.ExtractChainFormatterParameters<viem.DeriveChain<UserChainType, chainOverride>, "transactionRequest", viem.TransactionRequest>, "from"> & (viem.DeriveChain<UserChainType, chainOverride> extends infer T_1 ? T_1 extends viem.DeriveChain<UserChainType, chainOverride> ? T_1 extends viem.Chain ? {
             chain: T_1;
         } : {
             chain?: undefined;
@@ -3198,7 +3201,7 @@ declare function useMatchChain(): {
             sidecars: viem.TransactionSerializableEIP4844["sidecars"];
         }, viem.TransactionSerializableEIP4844>)) | viem.Opaque<viem.TransactionSerializableEIP4844, request> | viem.Opaque<viem.TransactionRequestEIP4844, request> ? "eip4844" : never) | (request["type"] extends string ? request["type"] : never)>) ? T_6 extends "eip4844" ? viem.TransactionRequestEIP4844 : never : never : never)>> & {
             chainId?: number | undefined;
-        }, (request["parameters"] extends readonly viem.PrepareTransactionRequestParameterType[] ? request["parameters"][number] : "type" | "chainId" | "gas" | "nonce" | "blobVersionedHashes" | "fees") extends infer T_7 ? T_7 extends (request["parameters"] extends readonly viem.PrepareTransactionRequestParameterType[] ? request["parameters"][number] : "type" | "chainId" | "gas" | "nonce" | "blobVersionedHashes" | "fees") ? T_7 extends "fees" ? "gasPrice" | "maxFeePerGas" | "maxPriorityFeePerGas" : T_7 : never : never> & (unknown extends request["kzg"] ? {} : Pick<request, "kzg">))[K]; } : never>;
+        }, (request["parameters"] extends readonly viem.PrepareTransactionRequestParameterType[] ? request["parameters"][number] : "type" | "nonce" | "chainId" | "gas" | "blobVersionedHashes" | "fees") extends infer T_7 ? T_7 extends (request["parameters"] extends readonly viem.PrepareTransactionRequestParameterType[] ? request["parameters"][number] : "type" | "nonce" | "chainId" | "gas" | "blobVersionedHashes" | "fees") ? T_7 extends "fees" ? "gasPrice" | "maxFeePerGas" | "maxPriorityFeePerGas" : T_7 : never : never> & (unknown extends request["kzg"] ? {} : Pick<request, "kzg">))[K]; } : never>;
         readContract: <const abi extends viem.Abi | readonly unknown[], functionName extends viem.ContractFunctionName<abi, "pure" | "view">, args extends viem.ContractFunctionArgs<abi, "pure" | "view", functionName>>(args: viem.ReadContractParameters<abi, functionName, args>) => Promise<viem.ReadContractReturnType<abi, functionName, args>>;
         sendRawTransaction: (args: viem.SendRawTransactionParameters) => Promise<viem.SendRawTransactionReturnType>;
         simulateContract: <const abi extends viem.Abi | readonly unknown[], functionName extends viem.ContractFunctionName<abi, "nonpayable" | "payable">, args_1 extends viem.ContractFunctionArgs<abi, "nonpayable" | "payable", functionName>, chainOverride extends viem.Chain | undefined, accountOverride extends viem.Account | viem.Address | undefined = undefined>(args: viem.SimulateContractParameters<abi, functionName, args_1, UserChainType, chainOverride, accountOverride>) => Promise<viem.SimulateContractReturnType<abi, functionName, args_1, UserChainType, viem.Account | undefined, chainOverride, accountOverride>>;

package/dist/index.css

@@ -140,6 +140,9 @@ body {
     /**matchid-transaction-list**/
     --matchid-wallet-transaction-bg: var(--matchid-white);
     --matchid-wallet-transaction-color: var(--matchid-black);
+    /**tab**/
+    --matchid-tab-color:var(--matchid-secondary-grey);
+    --matchid-tab-active-color: var(--matchid-highlight-orange);
 
 
 }
@@ -400,7 +403,7 @@ body {
     overflow: hidden;
     backdrop-filter: blur(2px);
     background: rgba(0, 0, 0, .3);
-    color:var(--matchid-overlay-color);
+    color: var(--matchid-overlay-color);
     @media screen and (max-width: 768px) {
         align-items: center;
     }
@@ -1183,7 +1186,7 @@ body {
     flex-direction: column;
     gap: 48px;
     @media screen and (max-width: 768px) {
-        gap:36px;
+        gap: 36px;
     }
 
     .matchid-change-network-list {
@@ -1218,7 +1221,7 @@ body {
                 align-items: center;
                 gap: 16px;
                 @media screen and (max-width: 768px) {
-                    gap:8px;
+                    gap: 8px;
                 }
 
                 .matchid-change-network-item-icon {
@@ -1288,6 +1291,7 @@ body {
         @media screen and (max-width: 768px) {
             gap: 24px;
         }
+
         .matchid-receive-text {
             font-size: 14px;
             font-weight: 500;
@@ -1304,6 +1308,7 @@ body {
             @media screen and (max-width: 768px) {
                 padding: 10px;
             }
+
             .matchid-qr-code {
                 width: 148px;
                 height: 148px;
@@ -1352,7 +1357,7 @@ body {
 
     .matchid-wallet-asset-item {
 
-        background:var(--matchid-wallet-asset-bg);
+        background: var(--matchid-wallet-asset-bg);
         color: var(--matchid-wallet-asset-color);
         display: flex;
         cursor: pointer;
@@ -1379,6 +1384,7 @@ body {
                 width: 36px;
                 height: 36px;
             }
+
             .matchid-wallet-asset-icon {
                 width: 40px;
                 height: 40px;
@@ -1397,8 +1403,8 @@ body {
                 right: 0px;
                 bottom: 1px;
                 @media screen and (max-width: 768px) {
-                    wdth:10px;
-                    height:10px;
+                    width: 10px;
+                    height: 10px;
                 }
             }
         }
@@ -1414,6 +1420,7 @@ body {
             @media screen and (max-width: 768px) {
                 height: 44px;
             }
+
             .matchid-wallet-asset-name {
                 font-size: 16px;
                 font-weight: 500;
@@ -1495,7 +1502,7 @@ body {
 
     @media (max-width: 768px) {
         padding-bottom: 0px;
-        gap:36px;
+        gap: 36px;
     }
 
     .matchid-token-main {
@@ -1549,7 +1556,7 @@ body {
             background: var(--matchid-gray-100);
             border-radius: 12px;
             @media (max-width: 768px) {
-               gap:8px;
+                gap: 8px;
             }
 
             .matchid-token-contract-title {
@@ -1583,7 +1590,7 @@ body {
     gap: 40px;
     @media (max-width: 768px) {
         padding-bottom: 0px;
-        gap:68px;
+        gap: 68px;
     }
 
     .matchid-token-send-content {
@@ -1743,7 +1750,7 @@ body {
 
     @media (max-width: 768px) {
         padding-bottom: 0px;
-        gap:36px;
+        gap: 36px;
     }
 
     .matchid-token-send-list {
@@ -1840,7 +1847,7 @@ body {
     border: 1px solid var(--matchid-line);
     border-radius: 16px;
     height: 78px;
-    background:var(--matchid-wallet-transaction-bg);
+    background: var(--matchid-wallet-transaction-bg);
     color: var(--matchid-wallet-transaction-color);
     @media screen and (max-width: 768px) {
         height: 64px;
@@ -1907,7 +1914,8 @@ body {
         gap: 8px;
         font-size: 16px;
         font-weight: 500;
-        span{
+
+        span {
             text-align: right;
         }
 
@@ -1966,7 +1974,7 @@ body {
     justify-content: space-between;
     @media screen and (max-width: 768px) {
         padding-bottom: 0;
-        gap:115px;
+        gap: 115px;
     }
 
     .matchid-import-token-result-box {
@@ -1997,4 +2005,115 @@ body {
         }
     }
 
+}
+
+.matchid-error {
+    color: var(--matchid-red-600);
+}
+
+.matchid-skeleton {
+    background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);
+    background-size: 200% 100%;
+    animation: matchid-loading 1.5s infinite;
+}
+
+@keyframes matchid-loading {
+    0% {
+        background-position: 200% 0;
+    }
+    100% {
+        background-position: -200% 0;
+    }
+}
+
+.matchid-contact-item{
+    justify-content: space-between;
+    align-items: center;
+    padding:8px 16px;
+    @media screen and (max-width: 768px) {
+        padding:6px 12px;
+    }
+    .matchid-contact-item-content{
+        height:48px;
+        display: flex;
+        gap:16px;
+        align-items: center;
+        @media screen and (max-width: 768px) {
+            height:36px;
+        }
+        .matchid-contact-item-avatar{
+            width:48px;
+            height:48px;
+            border-radius: 50%;
+            @media screen and (max-width: 768px) {
+                height:36px;
+                width:36px;
+            }
+        }
+        .matchid-contact-item-info{
+            display: flex;
+            flex-direction: column;
+            justify-content: space-between;
+            height:100%;
+            .matchid-contact-item-name{
+                font-size: 18px;
+                font-weight: 500;
+                color: var(--matchid-black);
+                @media screen and (max-width: 768px) {
+                    font-size:14px;
+                }
+            }
+            .matchid-contact-item-address{
+                font-size: 14px;
+                color: var(--matchid-secondary-grey);
+                @media screen and (max-width: 768px) {
+                    font-size:12px;
+                }
+            }
+        }
+    }
+
+}
+
+.matchid-nomore{
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    font-weight: 500;
+    font-size: 16px;
+    color: var(--matchid-secondary-grey);
+    padding:20px 0;
+    @media screen and (max-width: 768px) {
+        font-size: 14px;
+    }
+}
+
+.matchid-tabs{
+    gap:36px;
+    align-items: start;
+    display: flex;
+}
+
+.matchid-tab{
+    color:var(--matchid-tab-color);
+    font-weight:500;
+    font-size: 20px;
+    cursor: pointer;
+
+    @media screen and (max-width: 768px) {
+        font-size: 14px;
+        padding:10px 0;
+    }
+    &.matchid-tab-active{
+        color:var(--matchid-tab-active-color);
+        border-bottom: 2px solid var(--matchid-tab-active-color);
+    }
+}
+
+.matchid-cursor-pointer{
+    cursor: pointer;
+}
+
+.matchid-remove-box{
+    padding:0px 20px;
 }

package/dist/index.d.mts

@@ -1,19 +1,21 @@
 import React, { ReactNode } from 'react';
-import { I as IMatchEvents, a as IEnvConfigType, L as LocaleType, W as WalletConfigType } from './types-CZbR7ERa.mjs';
-export { i as Hooks, M as ModalProvider, T as ToastProvider } from './index-Bil_db2f.mjs';
-export { i as Components } from './index-DNJuiNdz.mjs';
-export { i as UI } from './index-yy3VTdFU.mjs';
-export { i as Api } from './index-CZqdmQu1.mjs';
+import { I as IMatchEvents, a as IEnvConfigType, L as LocaleType, W as WalletConfigType } from './types-mRkAnXBf.mjs';
+export { i as Hooks, M as ModalProvider, T as ToastProvider } from './index-Ce3oCu6-.mjs';
+export { i as Components } from './index-Ci_ub_5y.mjs';
+export { i as UI } from './index-CA7lhjpa.mjs';
+export { i as Api } from './index-BeTS09HM.mjs';
 export { i as Chains } from './index-DXRGMAbv.mjs';
-export { i as Types } from './index-BCGJczpk.mjs';
+export { i as Types } from './index-CXPCmoIu.mjs';
+export { i as Icon } from './index-B1T3lcwo.mjs';
 import '@tanstack/react-query/src/types';
+import './request-B0CyrGFT.mjs';
 import 'viem';
 import 'viem/types/misc';
 import 'abitype';
 import 'react/jsx-runtime';
 import 'viem/_types/actions/siwe/verifySiweMessage';
 import '@tanstack/react-query';
-import './index-iWHaT8HV.mjs';
+import './index-BxHKPC5n.mjs';
 
 type MatchContextType = {
     appid: string;

package/dist/index.d.ts

@@ -1,19 +1,21 @@
 import React, { ReactNode } from 'react';
-import { I as IMatchEvents, a as IEnvConfigType, L as LocaleType, W as WalletConfigType } from './types-CZbR7ERa.js';
-export { i as Hooks, M as ModalProvider, T as ToastProvider } from './index-BS-NO8Y2.js';
-export { i as Components } from './index-Df-WlkXq.js';
-export { i as UI } from './index-B8cUP7cH.js';
-export { i as Api } from './index-K5vXmiRX.js';
+import { I as IMatchEvents, a as IEnvConfigType, L as LocaleType, W as WalletConfigType } from './types-mRkAnXBf.js';
+export { i as Hooks, M as ModalProvider, T as ToastProvider } from './index-IHigYscw.js';
+export { i as Components } from './index-B6Tmp2HR.js';
+export { i as UI } from './index-CRoZ0p2b.js';
+export { i as Api } from './index-Dnjr-WPp.js';
 export { i as Chains } from './index-DXRGMAbv.js';
-export { i as Types } from './index-IwwXQ_QV.js';
+export { i as Types } from './index-BR3CyOOn.js';
+export { i as Icon } from './index-B6pp5UQe.js';
 import '@tanstack/react-query/src/types';
+import './request-B0CyrGFT.js';
 import 'viem';
 import 'viem/types/misc';
 import 'abitype';
 import 'react/jsx-runtime';
 import 'viem/_types/actions/siwe/verifySiweMessage';
 import '@tanstack/react-query';
-import './index-BsL6zo6a.js';
+import './index-DKV8v6s_.js';
 
 type MatchContextType = {
     appid: string;