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

package/dist/index.mjs

@@ -1,6 +1,6 @@
 import {
   ui_exports
-} from "./chunk-CNQJUDKT.mjs";
+} from "./chunk-IPT2PAEX.mjs";
 import {
   chains_exports
 } from "./chunk-HYQ3T6WW.mjs";

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, j as AppConfigType, k as BindInfoType, l as BindItemType, m as BindWalletParam, B as ButtonProps, C as CEXType, D as DeepPartial, n as DrawerProps, E as EmailModalProps, a as IEnvConfigType, o as IEnvName, p as ILoginWalletReq, I as IMatchEvents, g as ISocialLoginMethod, q as IconProps, r as InputProps, L as LocaleType, b as LoginBoxProps, i as LoginMethodType, f as LoginModalProps, e as LoginPanelProps, s as MessageType, t as ModalProps, M as ModalWithHeaderProps, O as OtherLoginMethodType, h as OverviewInfo, u as PohItemType, v as PohZkpassParams, P as PopoverPositionType, w as PopoverProps, d as PopoverTypeType, R as RecommendLoginMethodType, T as ThemeType, U as UIProps, x as UserPopoverProps, W as WalletConfigType, y as WalletPanelProps, z as WalletReceiveMessageType, c as WalletType } from '../types-Cpmx3fld.mjs';
+export { A as AnyObject, j as AppConfigType, k as BindInfoType, l as BindItemType, m as BindWalletParam, B as ButtonProps, C as CEXType, D as DeepPartial, n as DrawerProps, E as EmailModalProps, a as IEnvConfigType, o as IEnvName, p as ILoginWalletReq, I as IMatchEvents, g as ISocialLoginMethod, q as IconProps, r as InputProps, L as LocaleType, b as LoginBoxProps, i as LoginMethodType, f as LoginModalProps, e as LoginPanelProps, s as MessageType, t as ModalProps, M as ModalWithHeaderProps, O as OtherLoginMethodType, h as OverviewInfo, u as PohItemType, v as PohZkpassParams, P as PopoverPositionType, w as PopoverProps, d as PopoverTypeType, R as RecommendLoginMethodType, T as ThemeType, U as UIProps, x as UserPopoverProps, W as WalletConfigType, y as WalletPanelProps, z as WalletReceiveMessageType, c as WalletType } from '../types-Q3WHZX4Z.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, j as AppConfigType, k as BindInfoType, l as BindItemType, m as BindWalletParam, B as ButtonProps, C as CEXType, D as DeepPartial, n as DrawerProps, E as EmailModalProps, a as IEnvConfigType, o as IEnvName, p as ILoginWalletReq, I as IMatchEvents, g as ISocialLoginMethod, q as IconProps, r as InputProps, L as LocaleType, b as LoginBoxProps, i as LoginMethodType, f as LoginModalProps, e as LoginPanelProps, s as MessageType, t as ModalProps, M as ModalWithHeaderProps, O as OtherLoginMethodType, h as OverviewInfo, u as PohItemType, v as PohZkpassParams, P as PopoverPositionType, w as PopoverProps, d as PopoverTypeType, R as RecommendLoginMethodType, T as ThemeType, U as UIProps, x as UserPopoverProps, W as WalletConfigType, y as WalletPanelProps, z as WalletReceiveMessageType, c as WalletType } from '../types-Cpmx3fld.js';
+export { A as AnyObject, j as AppConfigType, k as BindInfoType, l as BindItemType, m as BindWalletParam, B as ButtonProps, C as CEXType, D as DeepPartial, n as DrawerProps, E as EmailModalProps, a as IEnvConfigType, o as IEnvName, p as ILoginWalletReq, I as IMatchEvents, g as ISocialLoginMethod, q as IconProps, r as InputProps, L as LocaleType, b as LoginBoxProps, i as LoginMethodType, f as LoginModalProps, e as LoginPanelProps, s as MessageType, t as ModalProps, M as ModalWithHeaderProps, O as OtherLoginMethodType, h as OverviewInfo, u as PohItemType, v as PohZkpassParams, P as PopoverPositionType, w as PopoverProps, d as PopoverTypeType, R as RecommendLoginMethodType, T as ThemeType, U as UIProps, x as UserPopoverProps, W as WalletConfigType, y as WalletPanelProps, z as WalletReceiveMessageType, c as WalletType } from '../types-Q3WHZX4Z.js';
 import 'react';

package/dist/{types-Cpmx3fld.d.mts → types-Q3WHZX4Z.d.mts}

@@ -249,6 +249,7 @@ type AppConfigType = {
 type UIProps = {
     style?: CSSProperties;
     className?: string;
+    onClick?: (e?: any) => void;
 };
 
 export type { AnyObject as A, ButtonProps as B, CEXType as C, DeepPartial as D, EmailModalProps as E, IMatchEvents as I, LocaleType as L, ModalWithHeaderProps as M, OtherLoginMethodType as O, PopoverPositionType as P, RecommendLoginMethodType as R, ThemeType as T, UIProps 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, AppConfigType as j, BindInfoType as k, BindItemType as l, BindWalletParam as m, DrawerProps as n, IEnvName as o, ILoginWalletReq as p, IconProps as q, InputProps as r, MessageType as s, ModalProps as t, PohItemType as u, PohZkpassParams as v, PopoverProps as w, UserPopoverProps as x, WalletPanelProps as y, WalletReceiveMessageType as z };

package/dist/{types-Cpmx3fld.d.ts → types-Q3WHZX4Z.d.ts}

@@ -249,6 +249,7 @@ type AppConfigType = {
 type UIProps = {
     style?: CSSProperties;
     className?: string;
+    onClick?: (e?: any) => void;
 };
 
 export type { AnyObject as A, ButtonProps as B, CEXType as C, DeepPartial as D, EmailModalProps as E, IMatchEvents as I, LocaleType as L, ModalWithHeaderProps as M, OtherLoginMethodType as O, PopoverPositionType as P, RecommendLoginMethodType as R, ThemeType as T, UIProps 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, AppConfigType as j, BindInfoType as k, BindItemType as l, BindWalletParam as m, DrawerProps as n, IEnvName as o, ILoginWalletReq as p, IconProps as q, InputProps as r, MessageType as s, ModalProps as t, PohItemType as u, PohZkpassParams as v, PopoverProps as w, UserPopoverProps as x, WalletPanelProps as y, WalletReceiveMessageType 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-BXCdzLbc.mjs';
-export { D as Drawer, e as HashPanel, M as ModalDrawer, S as Switch } from '../index-bpGeBrps.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-B6OKNMN_.mjs';
+export { A as AlphaAvatar, D as Drawer, e as HashPanel, M as ModalDrawer, S as Switch } from '../index-DYy-xBrS.mjs';
 import 'react/jsx-runtime';
 import 'react';
-import '../types-Cpmx3fld.mjs';
+import '../types-Q3WHZX4Z.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-CsHEukeG.js';
-export { D as Drawer, e as HashPanel, M as ModalDrawer, S as Switch } from '../index-DSLYDlMJ.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-C9lQIgOD.js';
+export { A as AlphaAvatar, D as Drawer, e as HashPanel, M as ModalDrawer, S as Switch } from '../index-C76VhJX1.js';
 import 'react/jsx-runtime';
 import 'react';
-import '../types-Cpmx3fld.js';
+import '../types-Q3WHZX4Z.js';
 import 'viem';

package/dist/ui/index.js

@@ -20,6 +20,7 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 // src/ui/index.ts
 var ui_exports = {};
 __export(ui_exports, {
+  AlphaAvatar: () => AlphaAvatar,
   Button: () => Button,
   Drawer: () => Drawer,
   Field: () => Field,
@@ -642,8 +643,36 @@ function Switch({
   };
   return /* @__PURE__ */ (0, import_jsx_runtime53.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_runtime53.jsx)(LoadingIcon_default, { className: "matchid-switch-loading-icon", size: size == "default" ? 24 : 18, color: "var(--matchid-swicth-loading-color)" }) : /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("div", { className: "matchid-switch-ball" }) });
 }
+
+// src/ui/AlphaAvatar/index.tsx
+var import_react6 = require("react");
+var import_jsx_runtime54 = require("react/jsx-runtime");
+function AlphaAvatar({
+  name,
+  size = "default",
+  className = "",
+  style
+}) {
+  const avatar = (0, import_react6.useMemo)(() => {
+    if (name) {
+      const char = name[0].toUpperCase();
+      if (char.match(/[a-zA-Z0-9]/)) {
+        return char;
+      }
+    }
+    return "";
+  }, [name]);
+  const numberSize = typeof size === "number" ? size : size === "sm" ? 24 : size === "default" ? 40 : 64;
+  return /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("div", { className: `matchid-alpha-avatar ${className}`, style: {
+    width: numberSize,
+    height: numberSize,
+    fontSize: Math.ceil(numberSize / 2),
+    ...style
+  }, children: avatar });
+}
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
+  AlphaAvatar,
   Button,
   Drawer,
   Field,