@matchain/matchid-sdk-react 0.1.42-alpha.16 → 0.1.42-alpha.2

package/dist/hooks/index.mjs

@@ -4,8 +4,7 @@ import {
   useMatchEvents,
   useUserInfo,
   useWallet
-} from "../chunk-UCIEZ3XI.mjs";
-import "../chunk-SQIJR7RA.mjs";
+} from "../chunk-PZPEWHBV.mjs";
 import "../chunk-DPXMCLYK.mjs";
 import "../chunk-J5LGTIGS.mjs";
 export {

package/dist/index-B4YpKSY3.d.ts

@@ -0,0 +1,94 @@
+import { j as ISocialLoginMethod, k as OverviewInfo, C as CEXType, l as LoginMethodType, I as IMatchEvents } from './types.d-DwF-Pkvh.js';
+import * as viem from 'viem';
+import { SignableMessage, Hex, TransactionSerializable, Account } from 'viem';
+
+declare const LOGIN_METHOD_MAP: {
+    email: string;
+    evm: string;
+    sol: string;
+    btc: string;
+    ton: string;
+    tron: string;
+    google: string;
+    facebook: string;
+    x: string;
+    telegram: string;
+    github: string;
+    discord: string;
+    linkedin: string;
+    youtube: string;
+};
+
+declare function useUserInfo(): {
+    loginByMethod: (method: ISocialLoginMethod) => Promise<Window | null>;
+    loginByTelegram: () => Promise<Window | null>;
+    loginByTwitter: () => Promise<Window | null>;
+    loginByGoogle: () => Promise<Window | null>;
+    loginByWallet: () => Promise<Window | null>;
+    loginByEmail: ({ email, code }: {
+        email: string;
+        code: string;
+    }) => Promise<boolean>;
+    bindWallet: () => Promise<Window | null>;
+    bindTelegram: () => Promise<void>;
+    token: string;
+    mid: string;
+    did: string;
+    address: string;
+    isLogin: boolean;
+    logout: () => Promise<void>;
+    getLoginEmailCode: (email: string) => Promise<string>;
+    refreshOverview: () => Promise<void>;
+    overview: OverviewInfo | null;
+    bindCex: (type: CEXType) => void;
+    username: string;
+    auth: () => Promise<any>;
+    login: (method: LoginMethodType) => Promise<void | Window | null>;
+    bind: (method: LoginMethodType) => Promise<void | Window | null>;
+    getAuthInfo: (method: keyof typeof LOGIN_METHOD_MAP) => Promise<unknown>;
+};
+
+declare function useMatchEvents(handlers: IMatchEvents): void;
+
+type ChainType = "ethereum" | "solana";
+type RecoveryType = "base_generated_recovery_key" | "user_passcode_recovery_key"
+
+interface UseWalletReturnType {
+    initWallet: (params: {
+        address: string;
+        did: string;
+    }) => Promise<void>;
+    generateWallet: (params: {
+        did: string;
+        userPasscode: string;
+        recoveryType?: RecoveryType;
+    }) => Promise<string>;
+    isRecovered: () => Promise<boolean>;
+    recoveryWallet: (chainType: ChainType | undefined, recoveryType: RecoveryType, userPasscode?: string) => Promise<void>;
+    signMessage: (message: SignableMessage, type?: ChainType) => Promise<Hex>;
+    signTransaction: (transaction: TransactionSerializable, type?: ChainType) => Promise<`0x02${string}` | `0x01${string}` | `0x03${string}` | `0x04${string}` | viem.TransactionSerializedLegacy>;
+    address: string;
+    evmAccount: Account | undefined;
+    recoverAfter: (func: (resolve: (value: any) => void, reject: (reason: string) => void) => Promise<any>) => Promise<any>;
+}
+declare function useWallet(): UseWalletReturnType;
+
+declare function useCopyClipboard(timeout?: number): [boolean, (toCopy: string) => void];
+
+declare function useDownMd(): boolean;
+
+declare const useLayout_useDownMd: typeof useDownMd;
+declare namespace useLayout {
+  export { useLayout_useDownMd as useDownMd };
+}
+
+declare const index_useCopyClipboard: typeof useCopyClipboard;
+declare const index_useLayout: typeof useLayout;
+declare const index_useMatchEvents: typeof useMatchEvents;
+declare const index_useUserInfo: typeof useUserInfo;
+declare const index_useWallet: typeof useWallet;
+declare namespace index {
+  export { index_useCopyClipboard as useCopyClipboard, index_useLayout as useLayout, index_useMatchEvents as useMatchEvents, index_useUserInfo as useUserInfo, index_useWallet as useWallet };
+}
+
+export { useMatchEvents as a, useWallet as b, useCopyClipboard as c, useLayout as d, index as i, useUserInfo as u };

package/dist/{index-CLvQH5gM.d.ts → index-CxY3u9Rv.d.ts}

@@ -1,7 +1,6 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { E as EmailModalProps, b as InputProps, B as ButtonProps, M as ModalProps, c as ModalWithHeaderProps, P as PopoverProps, d as LoginBoxProps, O as OtherLoginMethodType, R as RecommendLoginMethodType, e as WalletType, f as PopoverPositionType, g as PopoverTypeType, h as LoginPanelProps, i as LoginModalProps } from './types-CVwZEgQ0.js';
+import { E as EmailModalProps, b as InputProps, B as ButtonProps, M as ModalProps, c as ModalWithHeaderProps, P as PopoverProps, d as LoginBoxProps, O as OtherLoginMethodType, R as RecommendLoginMethodType, e as WalletType, f as PopoverPositionType, g as PopoverTypeType, h as LoginPanelProps, i as LoginModalProps } from './types.d-DwF-Pkvh.js';
 import { ReactNode, PropsWithChildren } from 'react';
-import { C as ChainType, R as RecoveryType } from './mpc-CTbBWHld.js';
 
 declare function EmailModal({ isOpen, width, onClose, onBack, onLogin }: EmailModalProps): react_jsx_runtime.JSX.Element;
 
@@ -42,46 +41,29 @@ declare function UsernameModal({ title, isOpen, onSuccess, ...props }: ModalWith
     onSuccess?: () => void;
 }): react_jsx_runtime.JSX.Element;
 
-declare function PasswordModal({ title, isOpen, onSuccess, chainType, recoveryType, ...props }: ModalWithHeaderProps & {
+declare function PasswordModal({ title, isOpen, onSuccess, ...props }: ModalWithHeaderProps & {
     onSuccess?: () => void;
-    chainType?: `${ChainType}`;
-    recoveryType?: `${RecoveryType}`;
 }): react_jsx_runtime.JSX.Element;
 
-type SOLModalProps = ModalWithHeaderProps & {
+declare function SOLModal({ type, onSuccess, ...props }: ModalWithHeaderProps & {
     type?: 'login' | 'bind' | '';
     onSuccess?: () => void;
-};
-declare function SOLModal(props: SOLModalProps): false | react_jsx_runtime.JSX.Element;
+}): react_jsx_runtime.JSX.Element;
 
-type TRONConnectModalProps = ModalWithHeaderProps & {
+declare function TRONModal({ type, onSuccess, ...props }: ModalWithHeaderProps & {
     type?: 'login' | 'bind' | '';
     onSuccess?: () => void;
-};
-declare function TRONModal(props: TRONConnectModalProps): false | react_jsx_runtime.JSX.Element;
+}): react_jsx_runtime.JSX.Element;
 
-type TonModalProps = ModalWithHeaderProps & {
+declare function TONModal({ type, onSuccess, ...props }: ModalWithHeaderProps & {
     type?: 'login' | 'bind' | '';
     onSuccess?: () => void;
-};
-declare function TONModal(props: TonModalProps): false | react_jsx_runtime.JSX.Element;
+}): react_jsx_runtime.JSX.Element;
 
-type BTCConnectModalProps = ModalWithHeaderProps & {
+declare function BTCModal({ type, onSuccess, ...props }: ModalWithHeaderProps & {
     type?: 'login' | 'bind' | '';
     onSuccess?: () => void;
-};
-declare function BTCModal(props: BTCConnectModalProps): false | react_jsx_runtime.JSX.Element;
-
-declare function Overlay({ isOpen, children, zIndex, }: {
-    isOpen?: boolean;
-    zIndex?: number;
-} & PropsWithChildren): react_jsx_runtime.JSX.Element;
-
-type WalletModalProps = ModalWithHeaderProps & {
-    type?: 'login' | 'bind' | '';
-    methods?: WalletType[];
-};
-declare function WalletModal(props: WalletModalProps): false | react_jsx_runtime.JSX.Element;
+}): react_jsx_runtime.JSX.Element;
 
 declare const index_BTCModal: typeof BTCModal;
 declare const index_Button: typeof Button;
@@ -94,16 +76,14 @@ declare const index_LoginModal: typeof LoginModal;
 declare const index_LoginPanel: typeof LoginPanel;
 declare const index_Modal: typeof Modal;
 declare const index_ModalWithHeader: typeof ModalWithHeader;
-declare const index_Overlay: typeof Overlay;
 declare const index_PasswordModal: typeof PasswordModal;
 declare const index_Popover: typeof Popover;
 declare const index_SOLModal: typeof SOLModal;
 declare const index_TONModal: typeof TONModal;
 declare const index_TRONModal: typeof TRONModal;
 declare const index_UsernameModal: typeof UsernameModal;
-declare const index_WalletModal: typeof WalletModal;
 declare namespace index {
-  export { index_BTCModal as BTCModal, index_Button as Button, index_EmailModal as EmailModal, index_Field as Field, index_Input as Input, index_LoginBox as LoginBox, index_LoginButton as LoginButton, index_LoginModal as LoginModal, index_LoginPanel as LoginPanel, index_Modal as Modal, index_ModalWithHeader as ModalWithHeader, index_Overlay as Overlay, index_PasswordModal as PasswordModal, index_Popover as Popover, index_SOLModal as SOLModal, index_TONModal as TONModal, index_TRONModal as TRONModal, index_UsernameModal as UsernameModal, index_WalletModal as WalletModal };
+  export { index_BTCModal as BTCModal, index_Button as Button, index_EmailModal as EmailModal, index_Field as Field, index_Input as Input, index_LoginBox as LoginBox, index_LoginButton as LoginButton, index_LoginModal as LoginModal, index_LoginPanel as LoginPanel, index_Modal as Modal, index_ModalWithHeader as ModalWithHeader, index_PasswordModal as PasswordModal, index_Popover as Popover, index_SOLModal as SOLModal, index_TONModal as TONModal, index_TRONModal as TRONModal, index_UsernameModal as UsernameModal };
 }
 
-export { Button as B, EmailModal as E, Field as F, Input as I, LoginBox as L, Modal as M, Overlay as O, Popover as P, SOLModal as S, TRONModal as T, UsernameModal as U, WalletModal as W, ModalWithHeader as a, LoginButton as b, LoginPanel as c, LoginModal as d, PasswordModal as e, TONModal as f, BTCModal as g, index as i };
+export { Button as B, EmailModal as E, Field as F, Input as I, LoginBox as L, Modal as M, Popover as P, SOLModal as S, TRONModal as T, UsernameModal as U, ModalWithHeader as a, LoginButton as b, LoginPanel as c, LoginModal as d, PasswordModal as e, TONModal as f, BTCModal as g, index as i };

package/dist/{index-DlhAHm_s.d.mts → index-DCReY5T2.d.mts}

@@ -1,7 +1,6 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { E as EmailModalProps, b as InputProps, B as ButtonProps, M as ModalProps, c as ModalWithHeaderProps, P as PopoverProps, d as LoginBoxProps, O as OtherLoginMethodType, R as RecommendLoginMethodType, e as WalletType, f as PopoverPositionType, g as PopoverTypeType, h as LoginPanelProps, i as LoginModalProps } from './types-CVwZEgQ0.mjs';
+import { E as EmailModalProps, b as InputProps, B as ButtonProps, M as ModalProps, c as ModalWithHeaderProps, P as PopoverProps, d as LoginBoxProps, O as OtherLoginMethodType, R as RecommendLoginMethodType, e as WalletType, f as PopoverPositionType, g as PopoverTypeType, h as LoginPanelProps, i as LoginModalProps } from './types.d-DwF-Pkvh.mjs';
 import { ReactNode, PropsWithChildren } from 'react';
-import { C as ChainType, R as RecoveryType } from './mpc-CTbBWHld.mjs';
 
 declare function EmailModal({ isOpen, width, onClose, onBack, onLogin }: EmailModalProps): react_jsx_runtime.JSX.Element;
 
@@ -42,46 +41,29 @@ declare function UsernameModal({ title, isOpen, onSuccess, ...props }: ModalWith
     onSuccess?: () => void;
 }): react_jsx_runtime.JSX.Element;
 
-declare function PasswordModal({ title, isOpen, onSuccess, chainType, recoveryType, ...props }: ModalWithHeaderProps & {
+declare function PasswordModal({ title, isOpen, onSuccess, ...props }: ModalWithHeaderProps & {
     onSuccess?: () => void;
-    chainType?: `${ChainType}`;
-    recoveryType?: `${RecoveryType}`;
 }): react_jsx_runtime.JSX.Element;
 
-type SOLModalProps = ModalWithHeaderProps & {
+declare function SOLModal({ type, onSuccess, ...props }: ModalWithHeaderProps & {
     type?: 'login' | 'bind' | '';
     onSuccess?: () => void;
-};
-declare function SOLModal(props: SOLModalProps): false | react_jsx_runtime.JSX.Element;
+}): react_jsx_runtime.JSX.Element;
 
-type TRONConnectModalProps = ModalWithHeaderProps & {
+declare function TRONModal({ type, onSuccess, ...props }: ModalWithHeaderProps & {
     type?: 'login' | 'bind' | '';
     onSuccess?: () => void;
-};
-declare function TRONModal(props: TRONConnectModalProps): false | react_jsx_runtime.JSX.Element;
+}): react_jsx_runtime.JSX.Element;
 
-type TonModalProps = ModalWithHeaderProps & {
+declare function TONModal({ type, onSuccess, ...props }: ModalWithHeaderProps & {
     type?: 'login' | 'bind' | '';
     onSuccess?: () => void;
-};
-declare function TONModal(props: TonModalProps): false | react_jsx_runtime.JSX.Element;
+}): react_jsx_runtime.JSX.Element;
 
-type BTCConnectModalProps = ModalWithHeaderProps & {
+declare function BTCModal({ type, onSuccess, ...props }: ModalWithHeaderProps & {
     type?: 'login' | 'bind' | '';
     onSuccess?: () => void;
-};
-declare function BTCModal(props: BTCConnectModalProps): false | react_jsx_runtime.JSX.Element;
-
-declare function Overlay({ isOpen, children, zIndex, }: {
-    isOpen?: boolean;
-    zIndex?: number;
-} & PropsWithChildren): react_jsx_runtime.JSX.Element;
-
-type WalletModalProps = ModalWithHeaderProps & {
-    type?: 'login' | 'bind' | '';
-    methods?: WalletType[];
-};
-declare function WalletModal(props: WalletModalProps): false | react_jsx_runtime.JSX.Element;
+}): react_jsx_runtime.JSX.Element;
 
 declare const index_BTCModal: typeof BTCModal;
 declare const index_Button: typeof Button;
@@ -94,16 +76,14 @@ declare const index_LoginModal: typeof LoginModal;
 declare const index_LoginPanel: typeof LoginPanel;
 declare const index_Modal: typeof Modal;
 declare const index_ModalWithHeader: typeof ModalWithHeader;
-declare const index_Overlay: typeof Overlay;
 declare const index_PasswordModal: typeof PasswordModal;
 declare const index_Popover: typeof Popover;
 declare const index_SOLModal: typeof SOLModal;
 declare const index_TONModal: typeof TONModal;
 declare const index_TRONModal: typeof TRONModal;
 declare const index_UsernameModal: typeof UsernameModal;
-declare const index_WalletModal: typeof WalletModal;
 declare namespace index {
-  export { index_BTCModal as BTCModal, index_Button as Button, index_EmailModal as EmailModal, index_Field as Field, index_Input as Input, index_LoginBox as LoginBox, index_LoginButton as LoginButton, index_LoginModal as LoginModal, index_LoginPanel as LoginPanel, index_Modal as Modal, index_ModalWithHeader as ModalWithHeader, index_Overlay as Overlay, index_PasswordModal as PasswordModal, index_Popover as Popover, index_SOLModal as SOLModal, index_TONModal as TONModal, index_TRONModal as TRONModal, index_UsernameModal as UsernameModal, index_WalletModal as WalletModal };
+  export { index_BTCModal as BTCModal, index_Button as Button, index_EmailModal as EmailModal, index_Field as Field, index_Input as Input, index_LoginBox as LoginBox, index_LoginButton as LoginButton, index_LoginModal as LoginModal, index_LoginPanel as LoginPanel, index_Modal as Modal, index_ModalWithHeader as ModalWithHeader, index_PasswordModal as PasswordModal, index_Popover as Popover, index_SOLModal as SOLModal, index_TONModal as TONModal, index_TRONModal as TRONModal, index_UsernameModal as UsernameModal };
 }
 
-export { Button as B, EmailModal as E, Field as F, Input as I, LoginBox as L, Modal as M, Overlay as O, Popover as P, SOLModal as S, TRONModal as T, UsernameModal as U, WalletModal as W, ModalWithHeader as a, LoginButton as b, LoginPanel as c, LoginModal as d, PasswordModal as e, TONModal as f, BTCModal as g, index as i };
+export { Button as B, EmailModal as E, Field as F, Input as I, LoginBox as L, Modal as M, Popover as P, SOLModal as S, TRONModal as T, UsernameModal as U, ModalWithHeader as a, LoginButton as b, LoginPanel as c, LoginModal as d, PasswordModal as e, TONModal as f, BTCModal as g, index as i };

package/dist/{index-Ca9nh_8s.d.ts → index-DbjibQ5d.d.mts}

@@ -1,6 +1,6 @@
 import * as _tanstack_react_query from '@tanstack/react-query';
 import { UseQueryOptions } from '@tanstack/react-query/src/types';
-import { v as PohZkpassParams, n as BindItemType, m as BindInfoType, u as PohItemType } from './types-CVwZEgQ0.js';
+import { n as PohZkpassParams, o as BindItemType, p as BindInfoType, q as PohItemType } from './types.d-DwF-Pkvh.mjs';
 
 interface MyResponseType<T> {
     code: number;

package/dist/{index-DFZpfAfc.d.mts → index-GcpJCj6O.d.ts}

@@ -1,6 +1,6 @@
 import * as _tanstack_react_query from '@tanstack/react-query';
 import { UseQueryOptions } from '@tanstack/react-query/src/types';
-import { v as PohZkpassParams, n as BindItemType, m as BindInfoType, u as PohItemType } from './types-CVwZEgQ0.mjs';
+import { n as PohZkpassParams, o as BindItemType, p as BindInfoType, q as PohItemType } from './types.d-DwF-Pkvh.js';
 
 interface MyResponseType<T> {
     code: number;

package/dist/index-_k6h9w0P.d.mts

@@ -0,0 +1,94 @@
+import { j as ISocialLoginMethod, k as OverviewInfo, C as CEXType, l as LoginMethodType, I as IMatchEvents } from './types.d-DwF-Pkvh.mjs';
+import * as viem from 'viem';
+import { SignableMessage, Hex, TransactionSerializable, Account } from 'viem';
+
+declare const LOGIN_METHOD_MAP: {
+    email: string;
+    evm: string;
+    sol: string;
+    btc: string;
+    ton: string;
+    tron: string;
+    google: string;
+    facebook: string;
+    x: string;
+    telegram: string;
+    github: string;
+    discord: string;
+    linkedin: string;
+    youtube: string;
+};
+
+declare function useUserInfo(): {
+    loginByMethod: (method: ISocialLoginMethod) => Promise<Window | null>;
+    loginByTelegram: () => Promise<Window | null>;
+    loginByTwitter: () => Promise<Window | null>;
+    loginByGoogle: () => Promise<Window | null>;
+    loginByWallet: () => Promise<Window | null>;
+    loginByEmail: ({ email, code }: {
+        email: string;
+        code: string;
+    }) => Promise<boolean>;
+    bindWallet: () => Promise<Window | null>;
+    bindTelegram: () => Promise<void>;
+    token: string;
+    mid: string;
+    did: string;
+    address: string;
+    isLogin: boolean;
+    logout: () => Promise<void>;
+    getLoginEmailCode: (email: string) => Promise<string>;
+    refreshOverview: () => Promise<void>;
+    overview: OverviewInfo | null;
+    bindCex: (type: CEXType) => void;
+    username: string;
+    auth: () => Promise<any>;
+    login: (method: LoginMethodType) => Promise<void | Window | null>;
+    bind: (method: LoginMethodType) => Promise<void | Window | null>;
+    getAuthInfo: (method: keyof typeof LOGIN_METHOD_MAP) => Promise<unknown>;
+};
+
+declare function useMatchEvents(handlers: IMatchEvents): void;
+
+type ChainType = "ethereum" | "solana";
+type RecoveryType = "base_generated_recovery_key" | "user_passcode_recovery_key"
+
+interface UseWalletReturnType {
+    initWallet: (params: {
+        address: string;
+        did: string;
+    }) => Promise<void>;
+    generateWallet: (params: {
+        did: string;
+        userPasscode: string;
+        recoveryType?: RecoveryType;
+    }) => Promise<string>;
+    isRecovered: () => Promise<boolean>;
+    recoveryWallet: (chainType: ChainType | undefined, recoveryType: RecoveryType, userPasscode?: string) => Promise<void>;
+    signMessage: (message: SignableMessage, type?: ChainType) => Promise<Hex>;
+    signTransaction: (transaction: TransactionSerializable, type?: ChainType) => Promise<`0x02${string}` | `0x01${string}` | `0x03${string}` | `0x04${string}` | viem.TransactionSerializedLegacy>;
+    address: string;
+    evmAccount: Account | undefined;
+    recoverAfter: (func: (resolve: (value: any) => void, reject: (reason: string) => void) => Promise<any>) => Promise<any>;
+}
+declare function useWallet(): UseWalletReturnType;
+
+declare function useCopyClipboard(timeout?: number): [boolean, (toCopy: string) => void];
+
+declare function useDownMd(): boolean;
+
+declare const useLayout_useDownMd: typeof useDownMd;
+declare namespace useLayout {
+  export { useLayout_useDownMd as useDownMd };
+}
+
+declare const index_useCopyClipboard: typeof useCopyClipboard;
+declare const index_useLayout: typeof useLayout;
+declare const index_useMatchEvents: typeof useMatchEvents;
+declare const index_useUserInfo: typeof useUserInfo;
+declare const index_useWallet: typeof useWallet;
+declare namespace index {
+  export { index_useCopyClipboard as useCopyClipboard, index_useLayout as useLayout, index_useMatchEvents as useMatchEvents, index_useUserInfo as useUserInfo, index_useWallet as useWallet };
+}
+
+export { useMatchEvents as a, useWallet as b, useCopyClipboard as c, useLayout as d, index as i, useUserInfo as u };

package/dist/index.css

@@ -587,7 +587,6 @@ body {
     cursor: not-allowed;
     background: var(--matchid-btn-disabled-bg);
     color: var(--matchid-btn-disabled-color);
-    border-width: 0px;
 }
 
 .matchid-btn-loading {
@@ -812,7 +811,6 @@ body {
         display: none;
         position: absolute;
         z-index: 100;
-
         .matchid-popover-content {
             background: var(--matchid-popover-bg);
             box-shadow: var(--matchid-shadow-middle);
@@ -828,13 +826,13 @@ body {
     }
 
     &.matchid-popover-click-active {
-        .matchid-popover-area {
+        .matchid-popover-area{
             display: block;
         }
     }
 
     &.matchid-popover-hover:hover {
-        .matchid-popover-area {
+        .matchid-popover-area{
             display: block;
         }
     }
@@ -947,87 +945,9 @@ body {
     padding-right: 0;
 }
 
-.matchid-cex-modal {
+.matchid-cex-modal{
     font-size: 14px;
     display: flex;
     flex-direction: column;
-    gap: 12px;
-}
-
-.matchid-drawer {
-
-    width: 416px;
-    height: 100vh;
-    padding: 24px 24px 0;
-    background: #FFFFFF;
-    display: flex;
-    gap: 48px;
-    position: absolute;
-    top: 0;
-    right: 0;
-    transition: all 0.3s;
-    flex-direction: column;
-    border-left: 1px solid #D3D3D3;
-    box-shadow: -20px 0px 20px 0px rgba(22, 17, 46, 0.12);
-    .matchid-drawer-header{
-        display: flex;
-        justify-content: flex-end;
-        .matchid-drawer-header-close{
-            cursor: pointer;
-        }
-    }
-}
-.matchid-hashpanel-header{
-    font-size: 16px;
-    font-weight: 500;
-    display: block;
-    @media screen and (min-width: 768px) {
-        display: none;
-    }
-}
-
-.matchid-hashpanel-box{
-    display: flex;
-    flex-direction: column;
-    gap:36px;
-    align-items: center;
-    @media screen and (min-width: 768px) {
-        justify-content: space-between;
-        flex: 1;
-        padding-bottom: 120px;
-    }
-    .matchid-hashpanel-content{
-        display: flex;
-        flex-direction: column;
-        gap: 24px;
-        align-items: center;
-        width: 100%;
-        @media screen and (min-width: 768px) {
-            gap: 48px;
-        }
-        .matchid-hashpanel-status{
-            font-size: 24px;
-            font-weight: 500;
-            display: none;
-            @media screen and (min-width: 768px) {
-                display: block;
-            }
-        }
-        .matchid-hashpanel-img{
-            width:96px;
-            height: 96px;
-        }
-        .matchid-hashpanel-hash{
-            width: 100%;
-            font-size: 14px;
-            word-break: break-all;
-            @media screen and (min-width: 768px){
-                font-size: 16px;
-            }
-            a{
-                color: #006FFF;
-                text-decoration: none;
-            }
-        }
-    }
+    gap:12px;
 }

package/dist/index.d.mts

@@ -1,15 +1,11 @@
 import React, { ReactNode } from 'react';
-import { I as IMatchEvents, a as IEnvConfigType, L as LocaleType, W as WalletConfigType } from './types-CVwZEgQ0.mjs';
-export { i as Components } from './index-DlhAHm_s.mjs';
-export { i as Hooks } from './index-Bluim2ZP.mjs';
-export { i as Api } from './index-DFZpfAfc.mjs';
+import { I as IMatchEvents, a as IEnvConfigType, L as LocaleType, W as WalletConfigType } from './types.d-DwF-Pkvh.mjs';
+export { i as Components } from './index-DCReY5T2.mjs';
+export { i as Hooks } from './index-_k6h9w0P.mjs';
+export { i as Api } from './index-DbjibQ5d.mjs';
 export { i as Chains } from './index-DXRGMAbv.mjs';
-export { i as Types } from './index-q5XDobUF.mjs';
 import 'react/jsx-runtime';
-import './mpc-CTbBWHld.mjs';
 import 'viem';
-import 'viem/types/misc';
-import 'abitype';
 import '@tanstack/react-query';
 import '@tanstack/react-query/src/types';
 
@@ -30,7 +26,7 @@ declare const MatchProvider: React.FC<{
     theme?: "light" | "dark";
     endpoints?: IEnvConfigType['endpoints'];
     locale?: LocaleType;
-    wallet: WalletConfigType;
+    wallet?: WalletConfigType;
 }>;
 declare const useMatch: () => MatchContextType;
 

package/dist/index.d.ts

@@ -1,15 +1,11 @@
 import React, { ReactNode } from 'react';
-import { I as IMatchEvents, a as IEnvConfigType, L as LocaleType, W as WalletConfigType } from './types-CVwZEgQ0.js';
-export { i as Components } from './index-CLvQH5gM.js';
-export { i as Hooks } from './index-EqksEEto.js';
-export { i as Api } from './index-Ca9nh_8s.js';
+import { I as IMatchEvents, a as IEnvConfigType, L as LocaleType, W as WalletConfigType } from './types.d-DwF-Pkvh.js';
+export { i as Components } from './index-CxY3u9Rv.js';
+export { i as Hooks } from './index-B4YpKSY3.js';
+export { i as Api } from './index-GcpJCj6O.js';
 export { i as Chains } from './index-DXRGMAbv.js';
-export { i as Types } from './index-BxS06a5O.js';
 import 'react/jsx-runtime';
-import './mpc-CTbBWHld.js';
 import 'viem';
-import 'viem/types/misc';
-import 'abitype';
 import '@tanstack/react-query';
 import '@tanstack/react-query/src/types';
 
@@ -30,7 +26,7 @@ declare const MatchProvider: React.FC<{
     theme?: "light" | "dark";
     endpoints?: IEnvConfigType['endpoints'];
     locale?: LocaleType;
-    wallet: WalletConfigType;
+    wallet?: WalletConfigType;
 }>;
 declare const useMatch: () => MatchContextType;