@matchain/matchid-sdk-react 0.1.48-alpha.6 → 0.1.48-alpha.8

package/dist/index.mjs

@@ -6,18 +6,18 @@ import {
 } from "./chunk-HYQ3T6WW.mjs";
 import {
   api_exports
-} from "./chunk-55KYW35I.mjs";
+} from "./chunk-J5U7AXYA.mjs";
 import {
   MatchProvider,
   components_exports,
   hooks_exports,
   useMatch
-} from "./chunk-BPAPYY5P.mjs";
+} from "./chunk-EY6NPX4M.mjs";
 import "./chunk-UA6XHZHX.mjs";
 import {
   ui_exports
-} from "./chunk-UHBVYFSP.mjs";
-import "./chunk-YFJI4I5M.mjs";
+} from "./chunk-USKUYOYJ.mjs";
+import "./chunk-7UTR37EJ.mjs";
 import "./chunk-J5LGTIGS.mjs";
 export {
   api_exports as Api,

package/dist/types/index.d.mts

@@ -1,3 +1,3 @@
 export { A as AuthParams, C as ChainType, E as EmbeddedWalletsParams, R as RecoveryType } from '../mpc-CTbBWHld.mjs';
-export { A as AnyObject, k as AppConfigType, l as BindInfoType, m as BindItemType, n as BindWalletParam, B as ButtonProps, C as CEXType, D as DeepPartial, o as DrawerProps, E as EmailModalProps, a as IEnvConfigType, p as IEnvName, q as ILoginWalletReq, I as IMatchEvents, g as ISocialLoginMethod, r as IconProps, s as InputProps, L as LocaleType, b as LoginBoxProps, i as LoginMethodType, f as LoginModalProps, e as LoginPanelProps, t as MessageType, u as MetaPageType, v as ModalProps, M as ModalWithHeaderProps, O as OtherLoginMethodType, h as OverviewInfo, w as PohItemType, x as PohZkpassParams, P as PopoverPositionType, y as PopoverProps, d as PopoverTypeType, R as RecommendLoginMethodType, T as ThemeType, z as UIProps, F as UserAssetToken, U as UserChainType, G as UserImportTokenType, H as UserPopoverProps, j as UserTransactionType, J as WalletAssetType, K as WalletChainType, W as WalletConfigType, N as WalletPanelProps, Q as WalletReceiveMessageType, c as WalletType } from '../types-CHkU0WHZ.mjs';
+export { A as AnyObject, k as AppConfigType, l as BindInfoType, m as BindItemType, n as BindWalletParam, B as ButtonProps, C as CEXType, D as DeepPartial, o as DrawerProps, E as EmailModalProps, a as IEnvConfigType, p as IEnvName, q as ILoginWalletReq, I as IMatchEvents, g as ISocialLoginMethod, r as IconProps, s as InputProps, L as LocaleType, b as LoginBoxProps, i as LoginMethodType, f as LoginModalProps, e as LoginPanelProps, t as MessageType, u as MetaPageType, v as ModalProps, M as ModalWithHeaderProps, O as OtherLoginMethodType, h as OverviewInfo, w as PohItemType, x as PohZkpassParams, P as PopoverPositionType, y as PopoverProps, d as PopoverTypeType, R as RecommendLoginMethodType, T as ThemeType, z as UIProps, F as UserAssetToken, U as UserChainType, G as UserImportTokenType, H as UserPopoverProps, j as UserTransactionType, J as WalletAssetType, K as WalletChainType, W as WalletConfigType, N as WalletNFTType, Q as WalletPanelProps, S as WalletReceiveMessageType, c as WalletType } from '../types-B4BYNw8B.mjs';
 import 'react';

package/dist/types/index.d.ts

@@ -1,3 +1,3 @@
 export { A as AuthParams, C as ChainType, E as EmbeddedWalletsParams, R as RecoveryType } from '../mpc-CTbBWHld.js';
-export { A as AnyObject, k as AppConfigType, l as BindInfoType, m as BindItemType, n as BindWalletParam, B as ButtonProps, C as CEXType, D as DeepPartial, o as DrawerProps, E as EmailModalProps, a as IEnvConfigType, p as IEnvName, q as ILoginWalletReq, I as IMatchEvents, g as ISocialLoginMethod, r as IconProps, s as InputProps, L as LocaleType, b as LoginBoxProps, i as LoginMethodType, f as LoginModalProps, e as LoginPanelProps, t as MessageType, u as MetaPageType, v as ModalProps, M as ModalWithHeaderProps, O as OtherLoginMethodType, h as OverviewInfo, w as PohItemType, x as PohZkpassParams, P as PopoverPositionType, y as PopoverProps, d as PopoverTypeType, R as RecommendLoginMethodType, T as ThemeType, z as UIProps, F as UserAssetToken, U as UserChainType, G as UserImportTokenType, H as UserPopoverProps, j as UserTransactionType, J as WalletAssetType, K as WalletChainType, W as WalletConfigType, N as WalletPanelProps, Q as WalletReceiveMessageType, c as WalletType } from '../types-CHkU0WHZ.js';
+export { A as AnyObject, k as AppConfigType, l as BindInfoType, m as BindItemType, n as BindWalletParam, B as ButtonProps, C as CEXType, D as DeepPartial, o as DrawerProps, E as EmailModalProps, a as IEnvConfigType, p as IEnvName, q as ILoginWalletReq, I as IMatchEvents, g as ISocialLoginMethod, r as IconProps, s as InputProps, L as LocaleType, b as LoginBoxProps, i as LoginMethodType, f as LoginModalProps, e as LoginPanelProps, t as MessageType, u as MetaPageType, v as ModalProps, M as ModalWithHeaderProps, O as OtherLoginMethodType, h as OverviewInfo, w as PohItemType, x as PohZkpassParams, P as PopoverPositionType, y as PopoverProps, d as PopoverTypeType, R as RecommendLoginMethodType, T as ThemeType, z as UIProps, F as UserAssetToken, U as UserChainType, G as UserImportTokenType, H as UserPopoverProps, j as UserTransactionType, J as WalletAssetType, K as WalletChainType, W as WalletConfigType, N as WalletNFTType, Q as WalletPanelProps, S as WalletReceiveMessageType, c as WalletType } from '../types-B4BYNw8B.js';
 import 'react';

package/dist/{types-CHkU0WHZ.d.mts → types-B4BYNw8B.d.mts}

@@ -278,7 +278,7 @@ type UserChainType = {
     iconUrl: string;
     contracts: {
         multicall3: {
-            address: string;
+            address: `0x${string}`;
         };
     };
 };
@@ -361,5 +361,16 @@ type WalletChainType = {
     chain_full_name: string;
     chain_type: string;
 };
+type WalletNFTType = {
+    token_address: string;
+    token_id: string;
+    token_uri: string;
+    amount: string;
+    owner_of: string;
+    name: string;
+    symbol: string;
+    blockchain: string;
+    chain_id: string;
+};
 
-export type { AnyObject as A, ButtonProps as B, CEXType as C, DeepPartial as D, EmailModalProps as E, UserAssetToken as F, UserImportTokenType as G, UserPopoverProps as H, IMatchEvents as I, WalletAssetType as J, WalletChainType as K, LocaleType as L, ModalWithHeaderProps as M, WalletPanelProps as N, OtherLoginMethodType as O, PopoverPositionType as P, WalletReceiveMessageType as Q, RecommendLoginMethodType as R, ThemeType as T, UserChainType as U, WalletConfigType as W, IEnvConfigType as a, LoginBoxProps as b, WalletType as c, PopoverTypeType as d, LoginPanelProps as e, LoginModalProps as f, ISocialLoginMethod as g, OverviewInfo as h, LoginMethodType as i, UserTransactionType as j, AppConfigType as k, BindInfoType as l, BindItemType as m, BindWalletParam as n, DrawerProps as o, IEnvName as p, ILoginWalletReq as q, IconProps as r, InputProps as s, MessageType as t, MetaPageType as u, ModalProps as v, PohItemType as w, PohZkpassParams as x, PopoverProps as y, UIProps as z };
+export type { AnyObject as A, ButtonProps as B, CEXType as C, DeepPartial as D, EmailModalProps as E, UserAssetToken as F, UserImportTokenType as G, UserPopoverProps as H, IMatchEvents as I, WalletAssetType as J, WalletChainType as K, LocaleType as L, ModalWithHeaderProps as M, WalletNFTType as N, OtherLoginMethodType as O, PopoverPositionType as P, WalletPanelProps as Q, RecommendLoginMethodType as R, WalletReceiveMessageType as S, ThemeType as T, UserChainType as U, WalletConfigType as W, IEnvConfigType as a, LoginBoxProps as b, WalletType as c, PopoverTypeType as d, LoginPanelProps as e, LoginModalProps as f, ISocialLoginMethod as g, OverviewInfo as h, LoginMethodType as i, UserTransactionType as j, AppConfigType as k, BindInfoType as l, BindItemType as m, BindWalletParam as n, DrawerProps as o, IEnvName as p, ILoginWalletReq as q, IconProps as r, InputProps as s, MessageType as t, MetaPageType as u, ModalProps as v, PohItemType as w, PohZkpassParams as x, PopoverProps as y, UIProps as z };

package/dist/{types-CHkU0WHZ.d.ts → types-B4BYNw8B.d.ts}

@@ -278,7 +278,7 @@ type UserChainType = {
     iconUrl: string;
     contracts: {
         multicall3: {
-            address: string;
+            address: `0x${string}`;
         };
     };
 };
@@ -361,5 +361,16 @@ type WalletChainType = {
     chain_full_name: string;
     chain_type: string;
 };
+type WalletNFTType = {
+    token_address: string;
+    token_id: string;
+    token_uri: string;
+    amount: string;
+    owner_of: string;
+    name: string;
+    symbol: string;
+    blockchain: string;
+    chain_id: string;
+};
 
-export type { AnyObject as A, ButtonProps as B, CEXType as C, DeepPartial as D, EmailModalProps as E, UserAssetToken as F, UserImportTokenType as G, UserPopoverProps as H, IMatchEvents as I, WalletAssetType as J, WalletChainType as K, LocaleType as L, ModalWithHeaderProps as M, WalletPanelProps as N, OtherLoginMethodType as O, PopoverPositionType as P, WalletReceiveMessageType as Q, RecommendLoginMethodType as R, ThemeType as T, UserChainType as U, WalletConfigType as W, IEnvConfigType as a, LoginBoxProps as b, WalletType as c, PopoverTypeType as d, LoginPanelProps as e, LoginModalProps as f, ISocialLoginMethod as g, OverviewInfo as h, LoginMethodType as i, UserTransactionType as j, AppConfigType as k, BindInfoType as l, BindItemType as m, BindWalletParam as n, DrawerProps as o, IEnvName as p, ILoginWalletReq as q, IconProps as r, InputProps as s, MessageType as t, MetaPageType as u, ModalProps as v, PohItemType as w, PohZkpassParams as x, PopoverProps as y, UIProps as z };
+export type { AnyObject as A, ButtonProps as B, CEXType as C, DeepPartial as D, EmailModalProps as E, UserAssetToken as F, UserImportTokenType as G, UserPopoverProps as H, IMatchEvents as I, WalletAssetType as J, WalletChainType as K, LocaleType as L, ModalWithHeaderProps as M, WalletNFTType as N, OtherLoginMethodType as O, PopoverPositionType as P, WalletPanelProps as Q, RecommendLoginMethodType as R, WalletReceiveMessageType as S, ThemeType as T, UserChainType as U, WalletConfigType as W, IEnvConfigType as a, LoginBoxProps as b, WalletType as c, PopoverTypeType as d, LoginPanelProps as e, LoginModalProps as f, ISocialLoginMethod as g, OverviewInfo as h, LoginMethodType as i, UserTransactionType as j, AppConfigType as k, BindInfoType as l, BindItemType as m, BindWalletParam as n, DrawerProps as o, IEnvName as p, ILoginWalletReq as q, IconProps as r, InputProps as s, MessageType as t, MetaPageType as u, ModalProps as v, PohItemType as w, PohZkpassParams as x, PopoverProps as y, UIProps as z };

package/dist/ui/index.d.mts

@@ -1,6 +1,6 @@
-export { B as Button, F as Field, I as Input, M as Modal, a as ModalWithHeader, O as Overlay, P as Popover } from '../index-DbG5IjhP.mjs';
-export { A as AlphaAvatar, D as Drawer, e as HashPanel, M as ModalDrawer, R as Radio, S as Switch } from '../index-BvLpvebq.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-CB4j_ONH.mjs';
+export { A as AlphaAvatar, D as Drawer, e as HashPanel, M as ModalDrawer, R as Radio, S as Switch } from '../index-Dzvj-uGt.mjs';
 import 'react/jsx-runtime';
 import 'react';
-import '../types-CHkU0WHZ.mjs';
+import '../types-B4BYNw8B.mjs';
 import 'viem';

package/dist/ui/index.d.ts

@@ -1,6 +1,6 @@
-export { B as Button, F as Field, I as Input, M as Modal, a as ModalWithHeader, O as Overlay, P as Popover } from '../index-Bzcc-y8m.js';
-export { A as AlphaAvatar, D as Drawer, e as HashPanel, M as ModalDrawer, R as Radio, S as Switch } from '../index-DCeOyAw8.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-DcxdJ0m2.js';
+export { A as AlphaAvatar, D as Drawer, e as HashPanel, M as ModalDrawer, R as Radio, S as Switch } from '../index-Bbn2Stvu.js';
 import 'react/jsx-runtime';
 import 'react';
-import '../types-CHkU0WHZ.js';
+import '../types-B4BYNw8B.js';
 import 'viem';

package/dist/ui/index.js

@@ -255,11 +255,14 @@ var import_jsx_runtime43 = require("react/jsx-runtime");
 // src/assets/icon/ErrorRoundIcon.tsx
 var import_jsx_runtime44 = require("react/jsx-runtime");
 
-// src/assets/icon/InfoRoundIcon.tsx
+// src/assets/icon/InfoLineIcon.tsx
 var import_jsx_runtime45 = require("react/jsx-runtime");
 
-// src/ui/Button/index.tsx
+// src/assets/icon/InfoRoundIcon.tsx
 var import_jsx_runtime46 = require("react/jsx-runtime");
+
+// src/ui/Button/index.tsx
+var import_jsx_runtime47 = require("react/jsx-runtime");
 function Button({
   size = "df",
   disabled = false,
@@ -278,7 +281,7 @@ function Button({
       onClick && onClick();
     }
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
     "button",
     {
       type,
@@ -288,14 +291,14 @@ function Button({
         ...style
       },
       onClick: onAction,
-      children: loading ? /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(LoadingIcon_default, { className: "matchid-btn-loading-icon", color: "var(--matchid-btn-loading-color)" }) : children
+      children: loading ? /* @__PURE__ */ (0, import_jsx_runtime47.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_runtime47 = require("react/jsx-runtime");
+var import_jsx_runtime48 = require("react/jsx-runtime");
 function Overlay({
   isOpen = false,
   children,
@@ -311,7 +314,7 @@ function Overlay({
       document.body.style.overflow = "";
     };
   }, [isOpen]);
-  return isOpen ? /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
+  return isOpen ? /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
     "div",
     {
       className: "matchid-overlay",
@@ -320,11 +323,11 @@ function Overlay({
       },
       children
     }
-  ) : /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_jsx_runtime47.Fragment, {});
+  ) : /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(import_jsx_runtime48.Fragment, {});
 }
 
 // src/ui/Drawer/index.tsx
-var import_jsx_runtime48 = require("react/jsx-runtime");
+var import_jsx_runtime49 = require("react/jsx-runtime");
 function Drawer({
   children,
   showClose = true,
@@ -334,19 +337,19 @@ function Drawer({
   zIndex = 100
 }) {
   if (!isOpen) {
-    return /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(import_jsx_runtime48.Fragment, {});
+    return /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(import_jsx_runtime49.Fragment, {});
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(Overlay, { isOpen, zIndex, children: /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)("div", { className: "matchid-drawer", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)("div", { className: `matchid-drawer-header`, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("div", { children: title }),
-      showClose && /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(CloseRoundIcon, { className: "matchid-drawer-header-close", onClick: onClose })
+  return /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(Overlay, { isOpen, zIndex, children: /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)("div", { className: "matchid-drawer", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)("div", { className: `matchid-drawer-header`, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("div", { children: title }),
+      showClose && /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(CloseRoundIcon, { className: "matchid-drawer-header-close", onClick: onClose })
     ] }),
     children
   ] }) });
 }
 
 // src/ui/Field/index.tsx
-var import_jsx_runtime49 = require("react/jsx-runtime");
+var import_jsx_runtime50 = require("react/jsx-runtime");
 function Field({
   label,
   children,
@@ -354,13 +357,13 @@ function Field({
   required,
   className = ""
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)("div", { className: `matchid-field-box ${className}`, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)("div", { className: "matchid-field-label", children: [
-      required && /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("span", { className: "matchid-field-required", children: "*" }),
+  return /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)("div", { className: `matchid-field-box ${className}`, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)("div", { className: "matchid-field-label", children: [
+      required && /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("span", { className: "matchid-field-required", children: "*" }),
       label
     ] }),
     children,
-    error && /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("div", { className: "matchid-field-error", children: error })
+    error && /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("div", { className: "matchid-field-error", children: error })
   ] });
 }
 
@@ -386,7 +389,7 @@ function useDownMd() {
 }
 
 // src/ui/Modal/index.tsx
-var import_jsx_runtime50 = require("react/jsx-runtime");
+var import_jsx_runtime51 = require("react/jsx-runtime");
 function Modal({
   children,
   isOpen,
@@ -394,10 +397,10 @@ function Modal({
   zIndex = 100,
   className = ""
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(Overlay, { isOpen, zIndex, children: /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)("div", { className: `matchid-modal ${className}`, style: {
+  return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(Overlay, { isOpen, zIndex, children: /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("div", { className: `matchid-modal ${className}`, style: {
     width
   }, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("div", { className: "matchid-modal-mobile-header" }),
+    /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("div", { className: "matchid-modal-mobile-header" }),
     children
   ] }) });
 }
@@ -411,20 +414,20 @@ function ModalWithHeader({
   ...props
 }) {
   const isDownMd = useDownMd();
-  return /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)(Modal, { ...props, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)("div", { className: `matchid-modal-header ${showBorder ? "matchid-modal-header-border" : ""}`, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)("div", { className: "matchid-modal-header-content", children: [
-        onBack && /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(ArrowLeftIcon, { height: isDownMd ? 20 : 25, width: isDownMd ? 20 : 24, className: "matchid-modal-header-back", onClick: onBack }),
-        /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("span", { className: "matchid-modal-header-title", children: title })
+  return /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)(Modal, { ...props, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("div", { className: `matchid-modal-header ${showBorder ? "matchid-modal-header-border" : ""}`, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("div", { className: "matchid-modal-header-content", children: [
+        onBack && /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(ArrowLeftIcon, { height: isDownMd ? 20 : 25, width: isDownMd ? 20 : 24, className: "matchid-modal-header-back", onClick: onBack }),
+        /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("span", { className: "matchid-modal-header-title", children: title })
       ] }),
-      onClose && /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(CloseRoundIcon, { size: isDownMd ? 24 : 30, className: "matchid-modal-header-close", onClick: onClose })
+      onClose && /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(CloseRoundIcon, { size: isDownMd ? 24 : 30, className: "matchid-modal-header-close", onClick: onClose })
     ] }),
     children
   ] });
 }
 
 // src/ui/ModalDrawer/index.tsx
-var import_jsx_runtime51 = require("react/jsx-runtime");
+var import_jsx_runtime52 = require("react/jsx-runtime");
 function ModalDrawer({
   title,
   drawerTitleVisible = true,
@@ -432,9 +435,9 @@ function ModalDrawer({
 }) {
   const isDownMd = useDownMd();
   if (isDownMd) {
-    return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(ModalWithHeader, { ...props, title });
+    return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(ModalWithHeader, { ...props, title });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(Drawer, { ...props, title: drawerTitleVisible ? title : null });
+  return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(Drawer, { ...props, title: drawerTitleVisible ? title : null });
 }
 
 // src/assets/img/confirm.gif
@@ -464,7 +467,7 @@ var matchlog = new Proxy(console, handler);
 var matchlog_default = matchlog;
 
 // src/ui/HashPanel/index.tsx
-var import_jsx_runtime52 = require("react/jsx-runtime");
+var import_jsx_runtime53 = require("react/jsx-runtime");
 function HashPanel({
   hash,
   chain,
@@ -535,13 +538,13 @@ function HashPanel({
     }
   );
   const link = chain ? `${chain?.blockExplorers?.default.url}/tx/${hash}` : "";
-  return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
     ModalDrawer,
     {
       isOpen,
       showClose: true,
       onClose,
-      title: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
+      title: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
         "div",
         {
           className: "matchid-hashpanel-header",
@@ -551,29 +554,29 @@ function HashPanel({
           children: statusValue.text
         }
       ),
-      children: /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)("div", { className: "matchid-hashpanel-box", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)("div", { className: "matchid-hashpanel-content", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("div", { className: `matchid-hashpanel-status`, style: {
+      children: /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)("div", { className: "matchid-hashpanel-box", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)("div", { className: "matchid-hashpanel-content", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("div", { className: `matchid-hashpanel-status`, style: {
             color: statusValue.color
           }, children: statusValue.text }),
-          /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("img", { src: statusValue.icon, alt: statusValue.text, className: `matchid-hashpanel-img` }),
-          hash && /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)("div", { className: "matchid-hashpanel-hash", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("img", { src: statusValue.icon, alt: statusValue.text, className: `matchid-hashpanel-img` }),
+          hash && /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)("div", { className: "matchid-hashpanel-hash", children: [
             "Hash:",
-            /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("a", { href: link, target: "_blank", children: hash })
+            /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("a", { href: link, target: "_blank", children: hash })
           ] })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(Button, { onClick: onClose, size: "lg", block: true, children: "Back" })
+        /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(Button, { onClick: onClose, size: "lg", block: true, children: "Back" })
       ] })
     }
   );
 }
 function HashPanel_default(props) {
-  return props.isOpen && /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(HashPanel, { ...props });
+  return props.isOpen && /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(HashPanel, { ...props });
 }
 
 // src/ui/Input/index.tsx
 var import_react4 = require("react");
-var import_jsx_runtime53 = require("react/jsx-runtime");
+var import_jsx_runtime54 = require("react/jsx-runtime");
 function Input({
   onChange,
   type,
@@ -583,17 +586,17 @@ function Input({
 }) {
   const [inputType, setInputType] = (0, import_react4.useState)(type);
   const isDownMd = useDownMd();
-  return /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)(
     "div",
     {
       className: `matchid-input-box ${props.value && props.value.length > 0 ? "matchid-input-has-content" : ""} ${className}`,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("input", { type: inputType, onChange, ...props, className: "matchid-input-field" }),
-        props.value && props.value.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("div", { className: "matchid-input-delete-icon", onClick: (e) => {
+        /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("input", { type: inputType, onChange, ...props, className: "matchid-input-field" }),
+        props.value && props.value.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("div", { className: "matchid-input-delete-icon", onClick: (e) => {
           if (onChange) {
             onChange({ target: { value: "" } });
           }
-        }, children: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
+        }, children: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
           DeleteRoundIcon,
           {
             height: isDownMd ? 16 : 21,
@@ -601,9 +604,9 @@ function Input({
             color: "var(--matchid-input-delete-icon-color)"
           }
         ) }),
-        type === "password" && /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("div", { className: "matchid-input-eye-icon", onClick: () => {
+        type === "password" && /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("div", { className: "matchid-input-eye-icon", onClick: () => {
           setInputType(inputType === "password" ? "text" : "password");
-        }, children: inputType === "password" ? /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(CloseEyeIcon, { size: isDownMd ? 16 : 20 }) : /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(OpenEyeIcon, { size: isDownMd ? 16 : 20 }) }),
+        }, children: inputType === "password" ? /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(CloseEyeIcon, { size: isDownMd ? 16 : 20 }) : /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(OpenEyeIcon, { size: isDownMd ? 16 : 20 }) }),
         after
       ]
     }
@@ -612,7 +615,7 @@ function Input({
 
 // src/ui/Popover/index.tsx
 var import_react5 = require("react");
-var import_jsx_runtime54 = require("react/jsx-runtime");
+var import_jsx_runtime55 = require("react/jsx-runtime");
 function Popover({
   children,
   content,
@@ -622,7 +625,7 @@ function Popover({
   gap = "20px"
 }) {
   const [active, setActive] = (0, import_react5.useState)(false);
-  return children && /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)(
+  return children && /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)(
     "div",
     {
       onClick: () => {
@@ -633,16 +636,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_runtime54.jsx)("div", { style: {
+        /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("div", { style: {
           paddingTop: gap
-        }, className: `matchid-popover-area`, children: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("div", { className: `matchid-popover-content`, children: content }) })
+        }, className: `matchid-popover-area`, children: /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("div", { className: `matchid-popover-content`, children: content }) })
       ]
     }
   );
 }
 
 // src/ui/Switch/index.tsx
-var import_jsx_runtime55 = require("react/jsx-runtime");
+var import_jsx_runtime56 = require("react/jsx-runtime");
 function Switch({
   size = "default",
   checked = false,
@@ -657,12 +660,12 @@ function Switch({
       onChange && onChange(!checked);
     }
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime55.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_runtime55.jsx)(LoadingIcon_default, { className: "matchid-switch-loading-icon", size: size == "default" ? 24 : 18, color: "var(--matchid-swicth-loading-color)" }) : /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("div", { className: "matchid-switch-ball" }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime56.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_runtime56.jsx)(LoadingIcon_default, { className: "matchid-switch-loading-icon", size: size == "default" ? 24 : 18, color: "var(--matchid-swicth-loading-color)" }) : /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("div", { className: "matchid-switch-ball" }) });
 }
 
 // src/ui/AlphaAvatar/index.tsx
 var import_react6 = require("react");
-var import_jsx_runtime56 = require("react/jsx-runtime");
+var import_jsx_runtime57 = require("react/jsx-runtime");
 function AlphaAvatar({
   name,
   size = "default",
@@ -679,7 +682,7 @@ function AlphaAvatar({
     return "";
   }, [name]);
   const numberSize = typeof size === "number" ? size : size === "sm" ? 24 : size === "default" ? 40 : 64;
-  return /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("div", { className: `matchid-alpha-avatar ${className}`, style: {
+  return /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("div", { className: `matchid-alpha-avatar ${className}`, style: {
     width: numberSize,
     height: numberSize,
     fontSize: Math.ceil(numberSize / 2),
@@ -688,7 +691,7 @@ function AlphaAvatar({
 }
 
 // src/ui/Radio/index.tsx
-var import_jsx_runtime57 = require("react/jsx-runtime");
+var import_jsx_runtime58 = require("react/jsx-runtime");
 function Radio({
   checked = false,
   onChange,
@@ -697,13 +700,13 @@ function Radio({
   className = "",
   style = {}
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("div", { onClick: onChange, className: `matchid-radio ${className} ${checked ? "matchid-radio-checked" : ""}`, style: {
+  return /* @__PURE__ */ (0, import_jsx_runtime58.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_runtime57.jsx)("div", { className: `matchid-radio-content`, style: {
+  }, children: checked && /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("div", { className: `matchid-radio-content`, style: {
     width: Math.floor(size * 0.7),
     height: Math.floor(size * 0.7)
   } }) });