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

package/dist/index.mjs

@@ -1,32 +1,34 @@
-import {
-  api_exports
-} from "./chunk-4A2YPGO3.mjs";
 import {
   MatchProvider,
   ModalProvider,
   ToastProvider,
+  api_exports,
   components_exports,
   hooks_exports,
   useMatch
-} from "./chunk-W5A6WY7Y.mjs";
+} from "./chunk-CLMSEFOV.mjs";
 import {
   types_exports
 } from "./chunk-HBOS3RBL.mjs";
 import "./chunk-UA6XHZHX.mjs";
 import {
   ui_exports
-} from "./chunk-FB5MHLWX.mjs";
-import "./chunk-MX7N57AH.mjs";
-import "./chunk-LHNKZISB.mjs";
+} from "./chunk-X5HGL3ZX.mjs";
+import "./chunk-IZOOVZAD.mjs";
+import {
+  icon_exports
+} from "./chunk-FKXS2XRG.mjs";
 import {
   chains_exports
-} from "./chunk-HYQ3T6WW.mjs";
+} from "./chunk-3CR66BEX.mjs";
+import "./chunk-JX73EY6V.mjs";
 import "./chunk-J5LGTIGS.mjs";
 export {
   api_exports as Api,
   chains_exports as Chains,
   components_exports as Components,
   hooks_exports as Hooks,
+  icon_exports as Icon,
   MatchProvider,
   ModalProvider,
   ToastProvider,

package/dist/request-B0CyrGFT.d.mts

@@ -0,0 +1,15 @@
+declare const isSuccess: (res: {
+    code: number;
+    message: string;
+    data?: any;
+}) => boolean;
+interface MyResponseType<T> {
+    code: number;
+    data: T;
+    message: string;
+    success: boolean;
+    fail: boolean;
+    result: T;
+}
+
+export { type MyResponseType as M, isSuccess as i };

package/dist/request-B0CyrGFT.d.ts

@@ -0,0 +1,15 @@
+declare const isSuccess: (res: {
+    code: number;
+    message: string;
+    data?: any;
+}) => boolean;
+interface MyResponseType<T> {
+    code: number;
+    data: T;
+    message: string;
+    success: boolean;
+    fail: boolean;
+    result: T;
+}
+
+export { type MyResponseType as M, isSuccess as i };

package/dist/types/index.d.mts

@@ -1,3 +1,3 @@
-export { A as Address, l as AnyObject, p as AppConfigType, q as AuthParams, r as BindInfoType, s as BindItemType, t as BindWalletParam, B as ButtonProps, C as CEXType, k as ChainType, D as DeepPartial, v as DrawerProps, E as EmailModalProps, w as EmbeddedWalletsParams, H as Hash, a as IEnvConfigType, x as IEnvName, y as ILoginWalletReq, I as IMatchEvents, h as ISocialLoginMethod, z as IconProps, F as InputProps, L as LocaleType, b as LoginBoxProps, j as LoginMethodType, f as LoginModalProps, e as LoginPanelProps, G as MessageType, J as MetaPageType, K as ModalProps, M as ModalWithHeaderProps, O as OtherLoginMethodType, i as OverviewInfo, N as PohItemType, Q as PohZkpassParams, P as PopoverPositionType, S as PopoverProps, d as PopoverTypeType, R as RecommendLoginMethodType, T as RecoveryType, V as ThemeType, X as UIProps, o as UserAssetToken, U as UserChainType, n as UserImportTokenType, Y as UserPopoverProps, Z as UserTransactionNextPageParams, _ as UserTransactionRecordType, m as UserTransactionType, g as WalletAssetMergeType, $ as WalletAssetType, a0 as WalletChainType, W as WalletConfigType, a1 as WalletNFTType, a2 as WalletPanelProps, a3 as WalletReceiveMessageType, c as WalletType, u as useMatchWalletAssetsProps } from '../types-CZbR7ERa.mjs';
+export { A as Address, m as AnyObject, q as AppConfigType, r as AuthParams, s as BindInfoType, t as BindItemType, v as BindWalletParam, B as ButtonProps, j as CEXType, l as ChainType, C as ContactType, D as DeepPartial, w as DrawerProps, E as EmailModalProps, x as EmbeddedWalletsParams, H as Hash, a as IEnvConfigType, y as IEnvName, z as ILoginWalletReq, I as IMatchEvents, h as ISocialLoginMethod, F as IconProps, G as InputProps, L as LocaleType, b as LoginBoxProps, k as LoginMethodType, f as LoginModalProps, e as LoginPanelProps, J as MessageType, K as MetaPageType, N as ModalProps, M as ModalWithHeaderProps, O as OtherLoginMethodType, i as OverviewInfo, Q as PohItemType, S as PohZkpassParams, P as PopoverPositionType, T as PopoverProps, d as PopoverTypeType, R as RecommendLoginMethodType, V as RecoveryType, X as ThemeType, Y as UIProps, p as UserAssetToken, U as UserChainType, o as UserImportTokenType, Z as UserMessageType, _ as UserPopoverProps, $ as UserTransactionNextPageParams, a0 as UserTransactionRecordType, n as UserTransactionType, g as WalletAssetMergeType, a1 as WalletAssetType, a2 as WalletChainType, W as WalletConfigType, a3 as WalletNFTType, a4 as WalletPanelProps, a5 as WalletReceiveMessageType, a6 as WalletStatusType, c as WalletType, u as useMatchWalletAssetsProps } from '../types-mRkAnXBf.mjs';
 import 'react';
 import '@tanstack/react-query/src/types';

package/dist/types/index.d.ts

@@ -1,3 +1,3 @@
-export { A as Address, l as AnyObject, p as AppConfigType, q as AuthParams, r as BindInfoType, s as BindItemType, t as BindWalletParam, B as ButtonProps, C as CEXType, k as ChainType, D as DeepPartial, v as DrawerProps, E as EmailModalProps, w as EmbeddedWalletsParams, H as Hash, a as IEnvConfigType, x as IEnvName, y as ILoginWalletReq, I as IMatchEvents, h as ISocialLoginMethod, z as IconProps, F as InputProps, L as LocaleType, b as LoginBoxProps, j as LoginMethodType, f as LoginModalProps, e as LoginPanelProps, G as MessageType, J as MetaPageType, K as ModalProps, M as ModalWithHeaderProps, O as OtherLoginMethodType, i as OverviewInfo, N as PohItemType, Q as PohZkpassParams, P as PopoverPositionType, S as PopoverProps, d as PopoverTypeType, R as RecommendLoginMethodType, T as RecoveryType, V as ThemeType, X as UIProps, o as UserAssetToken, U as UserChainType, n as UserImportTokenType, Y as UserPopoverProps, Z as UserTransactionNextPageParams, _ as UserTransactionRecordType, m as UserTransactionType, g as WalletAssetMergeType, $ as WalletAssetType, a0 as WalletChainType, W as WalletConfigType, a1 as WalletNFTType, a2 as WalletPanelProps, a3 as WalletReceiveMessageType, c as WalletType, u as useMatchWalletAssetsProps } from '../types-CZbR7ERa.js';
+export { A as Address, m as AnyObject, q as AppConfigType, r as AuthParams, s as BindInfoType, t as BindItemType, v as BindWalletParam, B as ButtonProps, j as CEXType, l as ChainType, C as ContactType, D as DeepPartial, w as DrawerProps, E as EmailModalProps, x as EmbeddedWalletsParams, H as Hash, a as IEnvConfigType, y as IEnvName, z as ILoginWalletReq, I as IMatchEvents, h as ISocialLoginMethod, F as IconProps, G as InputProps, L as LocaleType, b as LoginBoxProps, k as LoginMethodType, f as LoginModalProps, e as LoginPanelProps, J as MessageType, K as MetaPageType, N as ModalProps, M as ModalWithHeaderProps, O as OtherLoginMethodType, i as OverviewInfo, Q as PohItemType, S as PohZkpassParams, P as PopoverPositionType, T as PopoverProps, d as PopoverTypeType, R as RecommendLoginMethodType, V as RecoveryType, X as ThemeType, Y as UIProps, p as UserAssetToken, U as UserChainType, o as UserImportTokenType, Z as UserMessageType, _ as UserPopoverProps, $ as UserTransactionNextPageParams, a0 as UserTransactionRecordType, n as UserTransactionType, g as WalletAssetMergeType, a1 as WalletAssetType, a2 as WalletChainType, W as WalletConfigType, a3 as WalletNFTType, a4 as WalletPanelProps, a5 as WalletReceiveMessageType, a6 as WalletStatusType, c as WalletType, u as useMatchWalletAssetsProps } from '../types-mRkAnXBf.js';
 import 'react';
 import '@tanstack/react-query/src/types';

package/dist/{types-CZbR7ERa.d.mts → types-mRkAnXBf.d.mts}

@@ -80,6 +80,7 @@ type OverviewInfo = {
     max_level: number;
     user_level: number;
     recover_type: `${RecoveryType}`;
+    user_fried_total: number;
 };
 type AnyObject = {
     [key: string]: any;
@@ -418,5 +419,20 @@ type useMatchWalletAssetsProps = {
     importTokenOptions?: Partial<Omit<UseQueryOptions<UserImportTokenType[]>, 'queryKey' | 'queryFn'>>;
     assetListOptions?: Partial<Omit<UseQueryOptions<UserAssetToken[]>, 'queryKey' | 'queryFn'>>;
 };
+type WalletStatusType = 'error' | 'success' | 'nonce' | 'signer' | 'connecting' | 'start';
+type ContactType = {
+    address: string;
+    avatar?: string;
+    name?: string;
+    did: string;
+    limit_id?: number;
+};
+type UserMessageType = {
+    message: string;
+    status: number;
+    dispatch_time: number;
+    tag: string;
+    limit_id: number;
+};
 
-export { type WalletAssetType as $, type Address as A, type ButtonProps as B, type CEXType as C, type DeepPartial as D, type EmailModalProps as E, type InputProps as F, type MessageType as G, type Hash as H, type IMatchEvents as I, type MetaPageType as J, type ModalProps as K, type LocaleType as L, type ModalWithHeaderProps as M, type PohItemType as N, type OtherLoginMethodType as O, type PopoverPositionType as P, type PohZkpassParams as Q, type RecommendLoginMethodType as R, type PopoverProps as S, RecoveryType as T, type UserChainType as U, type ThemeType as V, type WalletConfigType as W, type UIProps as X, type UserPopoverProps as Y, type UserTransactionNextPageParams as Z, type UserTransactionRecordType as _, type IEnvConfigType as a, type WalletChainType as a0, type WalletNFTType as a1, type WalletPanelProps as a2, type WalletReceiveMessageType as a3, type LoginBoxProps as b, type WalletType as c, type PopoverTypeType as d, type LoginPanelProps as e, type LoginModalProps as f, type WalletAssetMergeType as g, type ISocialLoginMethod as h, type OverviewInfo as i, type LoginMethodType as j, ChainType as k, type AnyObject as l, type UserTransactionType as m, type UserImportTokenType as n, type UserAssetToken as o, type AppConfigType as p, type AuthParams as q, type BindInfoType as r, type BindItemType as s, type BindWalletParam as t, type useMatchWalletAssetsProps as u, type DrawerProps as v, type EmbeddedWalletsParams as w, type IEnvName as x, type ILoginWalletReq as y, type IconProps as z };
+export { type UserTransactionNextPageParams as $, type Address as A, type ButtonProps as B, type ContactType as C, type DeepPartial as D, type EmailModalProps as E, type IconProps as F, type InputProps as G, type Hash as H, type IMatchEvents as I, type MessageType as J, type MetaPageType as K, type LocaleType as L, type ModalWithHeaderProps as M, type ModalProps as N, type OtherLoginMethodType as O, type PopoverPositionType as P, type PohItemType as Q, type RecommendLoginMethodType as R, type PohZkpassParams as S, type PopoverProps as T, type UserChainType as U, RecoveryType as V, type WalletConfigType as W, type ThemeType as X, type UIProps as Y, type UserMessageType as Z, type UserPopoverProps as _, type IEnvConfigType as a, type UserTransactionRecordType as a0, type WalletAssetType as a1, type WalletChainType as a2, type WalletNFTType as a3, type WalletPanelProps as a4, type WalletReceiveMessageType as a5, type WalletStatusType as a6, type LoginBoxProps as b, type WalletType as c, type PopoverTypeType as d, type LoginPanelProps as e, type LoginModalProps as f, type WalletAssetMergeType as g, type ISocialLoginMethod as h, type OverviewInfo as i, type CEXType as j, type LoginMethodType as k, ChainType as l, type AnyObject as m, type UserTransactionType as n, type UserImportTokenType as o, type UserAssetToken as p, type AppConfigType as q, type AuthParams as r, type BindInfoType as s, type BindItemType as t, type useMatchWalletAssetsProps as u, type BindWalletParam as v, type DrawerProps as w, type EmbeddedWalletsParams as x, type IEnvName as y, type ILoginWalletReq as z };

package/dist/{types-CZbR7ERa.d.ts → types-mRkAnXBf.d.ts}

@@ -80,6 +80,7 @@ type OverviewInfo = {
     max_level: number;
     user_level: number;
     recover_type: `${RecoveryType}`;
+    user_fried_total: number;
 };
 type AnyObject = {
     [key: string]: any;
@@ -418,5 +419,20 @@ type useMatchWalletAssetsProps = {
     importTokenOptions?: Partial<Omit<UseQueryOptions<UserImportTokenType[]>, 'queryKey' | 'queryFn'>>;
     assetListOptions?: Partial<Omit<UseQueryOptions<UserAssetToken[]>, 'queryKey' | 'queryFn'>>;
 };
+type WalletStatusType = 'error' | 'success' | 'nonce' | 'signer' | 'connecting' | 'start';
+type ContactType = {
+    address: string;
+    avatar?: string;
+    name?: string;
+    did: string;
+    limit_id?: number;
+};
+type UserMessageType = {
+    message: string;
+    status: number;
+    dispatch_time: number;
+    tag: string;
+    limit_id: number;
+};
 
-export { type WalletAssetType as $, type Address as A, type ButtonProps as B, type CEXType as C, type DeepPartial as D, type EmailModalProps as E, type InputProps as F, type MessageType as G, type Hash as H, type IMatchEvents as I, type MetaPageType as J, type ModalProps as K, type LocaleType as L, type ModalWithHeaderProps as M, type PohItemType as N, type OtherLoginMethodType as O, type PopoverPositionType as P, type PohZkpassParams as Q, type RecommendLoginMethodType as R, type PopoverProps as S, RecoveryType as T, type UserChainType as U, type ThemeType as V, type WalletConfigType as W, type UIProps as X, type UserPopoverProps as Y, type UserTransactionNextPageParams as Z, type UserTransactionRecordType as _, type IEnvConfigType as a, type WalletChainType as a0, type WalletNFTType as a1, type WalletPanelProps as a2, type WalletReceiveMessageType as a3, type LoginBoxProps as b, type WalletType as c, type PopoverTypeType as d, type LoginPanelProps as e, type LoginModalProps as f, type WalletAssetMergeType as g, type ISocialLoginMethod as h, type OverviewInfo as i, type LoginMethodType as j, ChainType as k, type AnyObject as l, type UserTransactionType as m, type UserImportTokenType as n, type UserAssetToken as o, type AppConfigType as p, type AuthParams as q, type BindInfoType as r, type BindItemType as s, type BindWalletParam as t, type useMatchWalletAssetsProps as u, type DrawerProps as v, type EmbeddedWalletsParams as w, type IEnvName as x, type ILoginWalletReq as y, type IconProps as z };
+export { type UserTransactionNextPageParams as $, type Address as A, type ButtonProps as B, type ContactType as C, type DeepPartial as D, type EmailModalProps as E, type IconProps as F, type InputProps as G, type Hash as H, type IMatchEvents as I, type MessageType as J, type MetaPageType as K, type LocaleType as L, type ModalWithHeaderProps as M, type ModalProps as N, type OtherLoginMethodType as O, type PopoverPositionType as P, type PohItemType as Q, type RecommendLoginMethodType as R, type PohZkpassParams as S, type PopoverProps as T, type UserChainType as U, RecoveryType as V, type WalletConfigType as W, type ThemeType as X, type UIProps as Y, type UserMessageType as Z, type UserPopoverProps as _, type IEnvConfigType as a, type UserTransactionRecordType as a0, type WalletAssetType as a1, type WalletChainType as a2, type WalletNFTType as a3, type WalletPanelProps as a4, type WalletReceiveMessageType as a5, type WalletStatusType as a6, type LoginBoxProps as b, type WalletType as c, type PopoverTypeType as d, type LoginPanelProps as e, type LoginModalProps as f, type WalletAssetMergeType as g, type ISocialLoginMethod as h, type OverviewInfo as i, type CEXType as j, type LoginMethodType as k, ChainType as l, type AnyObject as m, type UserTransactionType as n, type UserImportTokenType as o, type UserAssetToken as p, type AppConfigType as q, type AuthParams as r, type BindInfoType as s, type BindItemType as t, type useMatchWalletAssetsProps as u, type BindWalletParam as v, type DrawerProps as w, type EmbeddedWalletsParams as x, type IEnvName as y, type ILoginWalletReq as z };

package/dist/ui/index.d.mts

@@ -1,7 +1,7 @@
-export { B as Button, F as Field, I as Input, M as Modal, a as ModalWithHeader, O as Overlay, P as Popover } from '../index-iWHaT8HV.mjs';
-export { A as AlphaAvatar, D as Drawer, e as HashPanel, M as ModalDrawer, R as Radio, S as Switch } from '../index-yy3VTdFU.mjs';
+export { B as Button, F as Field, I as Input, M as Modal, a as ModalWithHeader, O as Overlay, P as Popover } from '../index-BxHKPC5n.mjs';
+export { A as AlphaAvatar, D as Drawer, e as HashPanel, M as ModalDrawer, R as Radio, a as Skeleton, S as Switch, T as Tabs } from '../index-CA7lhjpa.mjs';
 import 'react/jsx-runtime';
 import 'react';
-import '../types-CZbR7ERa.mjs';
+import '../types-mRkAnXBf.mjs';
 import '@tanstack/react-query/src/types';
 import 'viem';

package/dist/ui/index.d.ts

@@ -1,7 +1,7 @@
-export { B as Button, F as Field, I as Input, M as Modal, a as ModalWithHeader, O as Overlay, P as Popover } from '../index-BsL6zo6a.js';
-export { A as AlphaAvatar, D as Drawer, e as HashPanel, M as ModalDrawer, R as Radio, S as Switch } from '../index-B8cUP7cH.js';
+export { B as Button, F as Field, I as Input, M as Modal, a as ModalWithHeader, O as Overlay, P as Popover } from '../index-DKV8v6s_.js';
+export { A as AlphaAvatar, D as Drawer, e as HashPanel, M as ModalDrawer, R as Radio, a as Skeleton, S as Switch, T as Tabs } from '../index-CRoZ0p2b.js';
 import 'react/jsx-runtime';
 import 'react';
-import '../types-CZbR7ERa.js';
+import '../types-mRkAnXBf.js';
 import '@tanstack/react-query/src/types';
 import 'viem';

package/dist/ui/index.js

@@ -32,7 +32,9 @@ __export(ui_exports, {
   Overlay: () => Overlay,
   Popover: () => Popover,
   Radio: () => Radio,
-  Switch: () => Switch
+  Skeleton: () => Skeleton_default,
+  Switch: () => Switch,
+  Tabs: () => Tabs
 });
 module.exports = __toCommonJS(ui_exports);
 
@@ -267,8 +269,14 @@ var import_jsx_runtime47 = require("react/jsx-runtime");
 // src/assets/icon/ArrowSendIcon.tsx
 var import_jsx_runtime48 = require("react/jsx-runtime");
 
-// src/ui/Button/index.tsx
+// src/assets/icon/PhantomIcon.tsx
 var import_jsx_runtime49 = require("react/jsx-runtime");
+
+// src/assets/icon/MoreIcon.tsx
+var import_jsx_runtime50 = require("react/jsx-runtime");
+
+// src/ui/Button/index.tsx
+var import_jsx_runtime51 = require("react/jsx-runtime");
 function Button({
   size = "df",
   disabled = false,
@@ -287,7 +295,7 @@ function Button({
       onClick && onClick();
     }
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
     "button",
     {
       type,
@@ -297,14 +305,14 @@ function Button({
         ...style
       },
       onClick: onAction,
-      children: loading ? /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(LoadingIcon_default, { className: "matchid-btn-loading-icon", color: "var(--matchid-btn-loading-color)" }) : children
+      children: loading ? /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(LoadingIcon_default, { className: "matchid-btn-loading-icon", color: "var(--matchid-btn-loading-color)" }) : children
     }
   );
 }
 
 // src/ui/Overlay/index.tsx
 var import_react = require("react");
-var import_jsx_runtime50 = require("react/jsx-runtime");
+var import_jsx_runtime52 = require("react/jsx-runtime");
 function Overlay({
   isOpen = false,
   children,
@@ -320,7 +328,7 @@ function Overlay({
       document.body.style.overflow = "";
     };
   }, [isOpen]);
-  return isOpen ? /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
+  return isOpen ? /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
     "div",
     {
       className: "matchid-overlay",
@@ -329,11 +337,11 @@ function Overlay({
       },
       children
     }
-  ) : /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(import_jsx_runtime50.Fragment, {});
+  ) : /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(import_jsx_runtime52.Fragment, {});
 }
 
 // src/ui/Drawer/index.tsx
-var import_jsx_runtime51 = require("react/jsx-runtime");
+var import_jsx_runtime53 = require("react/jsx-runtime");
 function Drawer({
   children,
   showClose = true,
@@ -344,22 +352,22 @@ function Drawer({
   onBack
 }) {
   if (!isOpen) {
-    return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_jsx_runtime51.Fragment, {});
+    return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(import_jsx_runtime53.Fragment, {});
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(Overlay, { isOpen, zIndex, children: /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("div", { className: "matchid-drawer", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("div", { className: `matchid-drawer-header matchid-flex`, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("div", { className: `matchid-drawer-header-content matchid-flex`, children: [
-        onBack && /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(ArrowLeftIcon, { height: 25, width: 24, className: "matchid-drawer-header-back", onClick: onBack }),
+  return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(Overlay, { isOpen, zIndex, children: /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)("div", { className: "matchid-drawer", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)("div", { className: `matchid-drawer-header matchid-flex`, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)("div", { className: `matchid-drawer-header-content matchid-flex`, children: [
+        onBack && /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(ArrowLeftIcon, { height: 25, width: 24, className: "matchid-drawer-header-back", onClick: onBack }),
         title
       ] }),
-      showClose && /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(CloseRoundIcon, { className: "matchid-drawer-header-close", onClick: onClose })
+      showClose && /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(CloseRoundIcon, { className: "matchid-drawer-header-close", onClick: onClose })
     ] }),
     children
   ] }) });
 }
 
 // src/ui/Field/index.tsx
-var import_jsx_runtime52 = require("react/jsx-runtime");
+var import_jsx_runtime54 = require("react/jsx-runtime");
 function Field({
   label,
   children,
@@ -367,13 +375,13 @@ function Field({
   required,
   className = ""
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)("div", { className: `matchid-field-box ${className}`, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)("div", { className: "matchid-field-label", children: [
-      required && /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("span", { className: "matchid-field-required", children: "*" }),
+  return /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("div", { className: `matchid-field-box ${className}`, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("div", { className: "matchid-field-label", children: [
+      required && /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("span", { className: "matchid-field-required", children: "*" }),
       label
     ] }),
     children,
-    error && /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("div", { className: "matchid-field-error", children: error })
+    error && /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("div", { className: "matchid-field-error", children: error })
   ] });
 }
 
@@ -397,7 +405,7 @@ function useDownMd() {
 }
 
 // src/ui/Modal/index.tsx
-var import_jsx_runtime53 = require("react/jsx-runtime");
+var import_jsx_runtime55 = require("react/jsx-runtime");
 function Modal({
   children,
   isOpen,
@@ -405,10 +413,10 @@ function Modal({
   zIndex = 100,
   className = ""
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(Overlay, { isOpen, zIndex, children: /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)("div", { className: `matchid-modal ${className}`, style: {
+  return /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(Overlay, { isOpen, zIndex, children: /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)("div", { className: `matchid-modal ${className}`, style: {
     width
   }, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("div", { className: "matchid-modal-mobile-header" }),
+    /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("div", { className: "matchid-modal-mobile-header" }),
     children
   ] }) });
 }
@@ -422,20 +430,20 @@ function ModalWithHeader({
   ...props
 }) {
   const isDownMd = useDownMd();
-  return /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)(Modal, { ...props, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)("div", { className: `matchid-modal-header ${showBorder ? "matchid-modal-header-border" : ""}`, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)("div", { className: "matchid-modal-header-content", children: [
-        onBack && /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(ArrowLeftIcon, { height: isDownMd ? 20 : 25, width: isDownMd ? 20 : 24, className: "matchid-modal-header-back", onClick: onBack }),
-        /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("span", { className: "matchid-modal-header-title", children: title })
+  return /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)(Modal, { ...props, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)("div", { className: `matchid-modal-header ${showBorder ? "matchid-modal-header-border" : ""}`, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)("div", { className: "matchid-modal-header-content", children: [
+        onBack && /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(ArrowLeftIcon, { height: isDownMd ? 20 : 25, width: isDownMd ? 20 : 24, className: "matchid-modal-header-back", onClick: onBack }),
+        /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("span", { className: "matchid-modal-header-title", children: title })
       ] }),
-      onClose && /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(CloseRoundIcon, { size: isDownMd ? 24 : 30, className: "matchid-modal-header-close", onClick: onClose })
+      onClose && /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(CloseRoundIcon, { size: isDownMd ? 24 : 30, className: "matchid-modal-header-close", onClick: onClose })
     ] }),
     children
   ] });
 }
 
 // src/ui/ModalDrawer/index.tsx
-var import_jsx_runtime54 = require("react/jsx-runtime");
+var import_jsx_runtime56 = require("react/jsx-runtime");
 function ModalDrawer({
   title,
   drawerTitleVisible = true,
@@ -443,9 +451,9 @@ function ModalDrawer({
 }) {
   const isDownMd = useDownMd();
   if (isDownMd) {
-    return /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(ModalWithHeader, { ...props, title });
+    return /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(ModalWithHeader, { ...props, title });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(Drawer, { ...props, title: drawerTitleVisible ? title : null });
+  return /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(Drawer, { ...props, title: drawerTitleVisible ? title : null });
 }
 
 // src/assets/img/confirm.gif
@@ -517,7 +525,7 @@ function useHash({
 }
 
 // src/ui/HashPanel/index.tsx
-var import_jsx_runtime55 = require("react/jsx-runtime");
+var import_jsx_runtime57 = require("react/jsx-runtime");
 function HashPanel({
   hash,
   chain,
@@ -576,14 +584,14 @@ function HashPanel({
     }
   }, [hashQuery.data]);
   const link = chain ? `${chain?.blockExplorers?.default.url}/tx/${hash}` : "";
-  return /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
     ModalDrawer,
     {
       isOpen,
       showClose: true,
       onClose,
       zIndex,
-      title: /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+      title: /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
         "div",
         {
           className: "matchid-hashpanel-header",
@@ -593,29 +601,29 @@ function HashPanel({
           children: statusValue.text
         }
       ),
-      children: /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)("div", { className: "matchid-hashpanel-box", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)("div", { className: "matchid-hashpanel-content", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("div", { className: `matchid-hashpanel-status`, style: {
+      children: /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("div", { className: "matchid-hashpanel-box", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("div", { className: "matchid-hashpanel-content", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("div", { className: `matchid-hashpanel-status`, style: {
             color: statusValue.color
           }, children: statusValue.text }),
-          /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("img", { src: statusValue.icon, alt: statusValue.text, className: `matchid-hashpanel-img` }),
-          hash && /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)("div", { className: "matchid-hashpanel-hash", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("img", { src: statusValue.icon, alt: statusValue.text, className: `matchid-hashpanel-img` }),
+          hash && /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("div", { className: "matchid-hashpanel-hash", children: [
             "Hash:",
-            /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("a", { href: link, target: "_blank", children: hash })
+            /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("a", { href: link, target: "_blank", children: hash })
           ] })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(Button, { onClick: onClose, size: "lg", block: true, children: "Back" })
+        /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(Button, { onClick: onClose, size: "lg", block: true, children: "Back" })
       ] })
     }
   );
 }
 function HashPanel_default(props) {
-  return props.isOpen && /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(HashPanel, { ...props });
+  return props.isOpen && /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(HashPanel, { ...props });
 }
 
 // src/ui/Input/index.tsx
 var import_react4 = require("react");
-var import_jsx_runtime56 = require("react/jsx-runtime");
+var import_jsx_runtime58 = require("react/jsx-runtime");
 function Input({
   onChange,
   type,
@@ -625,17 +633,17 @@ function Input({
 }) {
   const [inputType, setInputType] = (0, import_react4.useState)(type);
   const isDownMd = useDownMd();
-  return /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)(
     "div",
     {
       className: `matchid-input-box ${props.value && props.value.length > 0 ? "matchid-input-has-content" : ""} ${className}`,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("input", { type: inputType, onChange, ...props, className: "matchid-input-field" }),
-        props.value && props.value.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("div", { className: "matchid-input-delete-icon", onClick: (e) => {
+        /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("input", { type: inputType, onChange, ...props, className: "matchid-input-field" }),
+        props.value && props.value.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("div", { className: "matchid-input-delete-icon", onClick: (e) => {
           if (onChange) {
             onChange({ target: { value: "" } });
           }
-        }, children: /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
+        }, children: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
           DeleteRoundIcon,
           {
             height: isDownMd ? 16 : 21,
@@ -643,9 +651,9 @@ function Input({
             color: "var(--matchid-input-delete-icon-color)"
           }
         ) }),
-        type === "password" && /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("div", { className: "matchid-input-eye-icon", onClick: () => {
+        type === "password" && /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("div", { className: "matchid-input-eye-icon", onClick: () => {
           setInputType(inputType === "password" ? "text" : "password");
-        }, children: inputType === "password" ? /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(CloseEyeIcon, { size: isDownMd ? 16 : 20 }) : /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(OpenEyeIcon, { size: isDownMd ? 16 : 20 }) }),
+        }, children: inputType === "password" ? /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(CloseEyeIcon, { size: isDownMd ? 16 : 20 }) : /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(OpenEyeIcon, { size: isDownMd ? 16 : 20 }) }),
         after
       ]
     }
@@ -654,7 +662,7 @@ function Input({
 
 // src/ui/Popover/index.tsx
 var import_react5 = require("react");
-var import_jsx_runtime57 = require("react/jsx-runtime");
+var import_jsx_runtime59 = require("react/jsx-runtime");
 function Popover({
   children,
   content,
@@ -664,7 +672,7 @@ function Popover({
   gap = "20px"
 }) {
   const [active, setActive] = (0, import_react5.useState)(false);
-  return children && /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(
+  return children && /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)(
     "div",
     {
       onClick: () => {
@@ -675,16 +683,16 @@ function Popover({
       className: `matchid-popover-box matchid-popover-${position} matchid-popover-${type} ${className} ${type == "click" && active ? "matchid-popover-click-active" : ""}`,
       children: [
         children,
-        /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("div", { style: {
+        /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("div", { style: {
           paddingTop: gap
-        }, className: `matchid-popover-area`, children: /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("div", { className: `matchid-popover-content`, children: content }) })
+        }, className: `matchid-popover-area`, children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("div", { className: `matchid-popover-content`, children: content }) })
       ]
     }
   );
 }
 
 // src/ui/Switch/index.tsx
-var import_jsx_runtime58 = require("react/jsx-runtime");
+var import_jsx_runtime60 = require("react/jsx-runtime");
 function Switch({
   size = "default",
   checked = false,
@@ -699,12 +707,12 @@ function Switch({
       onChange && onChange(!checked);
     }
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("div", { onClick, className: `matchid-switch matchid-switch-${size} ${checked ? "matchid-switch-checked" : ""} ${disabled ? "matchid-switch-disabled" : ""} ${loading ? "matchid-switch-loading" : ""}`, ...props, children: loading ? /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(LoadingIcon_default, { className: "matchid-switch-loading-icon", size: size == "default" ? 24 : 18, color: "var(--matchid-swicth-loading-color)" }) : /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("div", { className: "matchid-switch-ball" }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("div", { onClick, className: `matchid-switch matchid-switch-${size} ${checked ? "matchid-switch-checked" : ""} ${disabled ? "matchid-switch-disabled" : ""} ${loading ? "matchid-switch-loading" : ""}`, ...props, children: loading ? /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(LoadingIcon_default, { className: "matchid-switch-loading-icon", size: size == "default" ? 24 : 18, color: "var(--matchid-swicth-loading-color)" }) : /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("div", { className: "matchid-switch-ball" }) });
 }
 
 // src/ui/AlphaAvatar/index.tsx
 var import_react6 = require("react");
-var import_jsx_runtime59 = require("react/jsx-runtime");
+var import_jsx_runtime61 = require("react/jsx-runtime");
 function AlphaAvatar({
   name,
   size = "default",
@@ -721,7 +729,7 @@ function AlphaAvatar({
     return "";
   }, [name]);
   const numberSize = typeof size === "number" ? size : size === "sm" ? 24 : size === "default" ? 40 : 64;
-  return /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("div", { className: `matchid-alpha-avatar ${className}`, style: {
+  return /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("div", { className: `matchid-alpha-avatar ${className}`, style: {
     width: numberSize,
     height: numberSize,
     fontSize: Math.ceil(numberSize / 2),
@@ -730,7 +738,7 @@ function AlphaAvatar({
 }
 
 // src/ui/Radio/index.tsx
-var import_jsx_runtime60 = require("react/jsx-runtime");
+var import_jsx_runtime62 = require("react/jsx-runtime");
 function Radio({
   checked = false,
   onChange,
@@ -739,17 +747,55 @@ function Radio({
   className = "",
   style = {}
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("div", { onClick: onChange, className: `matchid-radio ${className} ${checked ? "matchid-radio-checked" : ""}`, style: {
+  return /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("div", { onClick: onChange, className: `matchid-radio ${className} ${checked ? "matchid-radio-checked" : ""}`, style: {
     width: size,
     height: size,
     ...style,
     // @ts-ignore
     "--matchid-radio-checked": color
-  }, children: checked && /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("div", { className: `matchid-radio-content`, style: {
+  }, children: checked && /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("div", { className: `matchid-radio-content`, style: {
     width: Math.floor(size * 0.7),
     height: Math.floor(size * 0.7)
   } }) });
 }
+
+// src/ui/Skeleton/index.tsx
+var import_jsx_runtime63 = require("react/jsx-runtime");
+var Skeleton = ({
+  style = {},
+  className = "",
+  width = 40,
+  height = 40,
+  radius = 5,
+  loading = true,
+  children
+}) => {
+  if (!loading) {
+    return /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(import_jsx_runtime63.Fragment, { children });
+  }
+  const skeletonStyle = {
+    width,
+    height,
+    borderRadius: radius,
+    ...style
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
+    "div",
+    {
+      className: "matchid-skeleton " + className,
+      style: skeletonStyle
+    }
+  );
+};
+var Skeleton_default = Skeleton;
+
+// src/ui/Tabs/index.tsx
+var import_jsx_runtime64 = require("react/jsx-runtime");
+function Tabs(props) {
+  return /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("div", { className: `matchid-tabs`, children: props.tabs.map((tab, index) => {
+    return /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("div", { onClick: () => props.setActiveTab(index), className: `matchid-tab ${props.activeTab === index ? "matchid-tab-active" : ""}`, children: tab }, index);
+  }) });
+}
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   AlphaAvatar,
@@ -764,6 +810,8 @@ function Radio({
   Overlay,
   Popover,
   Radio,
-  Switch
+  Skeleton,
+  Switch,
+  Tabs
 });
 //# sourceMappingURL=index.js.map