@arcblock/ux 3.0.7 → 3.0.8

package/lib/Passport/index.js

@@ -1,5 +1,4 @@
-import "./passport";
-import { default as e } from "./passport";
+import r from "./passport.js";
 export {
-  e as default
+  r as default
 };

package/lib/Passport/passport.js

@@ -2,8 +2,8 @@ import { jsxs as r, jsx as l } from "react/jsx-runtime";
 import f from "lodash/upperFirst";
 import { Box as i } from "@mui/material";
 import x from "@arcblock/icons/lib/RevokeIcon";
-import u from "../NFTDisplay";
-import { useLocaleContext as y } from "../Locale/context";
+import u from "../NFTDisplay/index.js";
+import { useLocaleContext as y } from "../Locale/context.js";
 function b({
   passport: e,
   user: m,

package/lib/PhoneInput/country-select.js

@@ -3,7 +3,7 @@ import { useState as O, useMemo as x } from "react";
 import { Box as C, Typography as a, Select as z, TextField as j, MenuItem as k } from "@mui/material";
 import { defaultCountries as u, parseCountry as c, FlagEmoji as y } from "react-international-phone";
 import P from "@arcblock/icons/lib/ArrowDown";
-import { mergeSx as F } from "../Util/style";
+import { mergeSx as F } from "../Util/style.js";
 function L({
   ref: w = void 0,
   value: i,

package/lib/PhoneInput/index.js

@@ -3,8 +3,8 @@ import { useMemo as P, useState as F, useCallback as k } from "react";
 import { Box as I, Typography as A, TextField as L } from "@mui/material";
 import { parsePhoneNumber as v } from "awesome-phonenumber";
 import { defaultCountries as f, parseCountry as p, usePhoneInput as R } from "react-international-phone";
-import V from "./country-select";
-import { mergeSx as q } from "../Util/style";
+import V from "./country-select.js";
+import { mergeSx as q } from "../Util/style.js";
 function W(e, t, n = "") {
   var c, h;
   if (!e) return !1;

package/lib/PricingTable/PricingPlan.js

@@ -1,6 +1,6 @@
 import { jsxs as t, jsx as n } from "react/jsx-runtime";
 import { Card as a, CardContent as o, Typography as r, Button as c } from "@mui/material";
-import { styled as l } from "../Theme";
+import { styled as l } from "../Theme/index.js";
 function f({ plan: e }) {
   return /* @__PURE__ */ t(s, { $shadow: !0, children: [
     /* @__PURE__ */ n("div", { className: "card-header", children: /* @__PURE__ */ n("div", { className: "title", children: e.name }) }),

package/lib/PricingTable/index.js

@@ -1,8 +1,8 @@
 import { jsx as e } from "react/jsx-runtime";
 import { Grid as n } from "@mui/material";
-import a from "./PricingPlan";
-import { styled as m } from "../Theme";
-import { withDeprecated as o } from "../Util/deprecate";
+import a from "./PricingPlan.js";
+import { styled as m } from "../Theme/index.js";
+import { withDeprecated as o } from "../Util/deprecate.js";
 function d({ plans: i = [] }) {
   return i && i.length > 0 ? /* @__PURE__ */ e(f, { variant: "even", children: /* @__PURE__ */ e(
     n,

package/lib/RelativeTime/index.js

@@ -9,7 +9,7 @@ import E from "dayjs/plugin/relativeTime";
 import H from "dayjs/plugin/updateLocale";
 import N from "dayjs/plugin/localizedFormat";
 import { create as Z } from "zustand";
-import { setDateTool as q, formatToDatetime as D } from "../Util";
+import { formatToDatetime as D, setDateTool as q } from "../Util/index.js";
 r.extend(N);
 r.extend(k);
 r.extend(B);

package/lib/Result/common.js

@@ -1,9 +1,11 @@
 import { jsx as i } from "react/jsx-runtime";
 import { CancelRounded as f, Info as p } from "@mui/icons-material";
-import o from "./result";
-import r from "./translations";
-import { useLocaleContext as d } from "../Locale/context";
-import { useTheme as m } from "../Theme";
+import o from "./result.js";
+import r from "./translations.js";
+import { useLocaleContext as d } from "../Locale/context.js";
+import { useTheme as m } from "@mui/material";
+import "../Theme/theme.js";
+import "../Theme/theme-provider.js";
 const e = (t) => {
   t = ["zh", "en"].includes(t) ? t : "";
   const { locale: n } = d() || { locale: "en" }, c = t || n;

package/lib/Result/index.js

@@ -1,6 +1,6 @@
 import { jsx as s } from "react/jsx-runtime";
-import a from "./result";
-import * as t from "./common";
+import a from "./result.js";
+import * as t from "./common.js";
 const r = Object.keys(t).reduce(
   (o, e) => ({ ...o, [t[e].status || e]: t[e] }),
   {}

package/lib/Result/result.js

@@ -1,6 +1,6 @@
 import { jsxs as f, jsx as e } from "react/jsx-runtime";
 import { Box as n } from "@mui/material";
-import { styled as c } from "../Theme";
+import { styled as c } from "../Theme/index.js";
 function g({ icon: r = null, title: t = "", description: o = "", extra: i = null, ...l }) {
   return /* @__PURE__ */ f(s, { ...l, children: [
     r,

package/lib/Screenshot/BaseScreenshot/index.js

@@ -1,7 +1,7 @@
 import { jsx as o, jsxs as c } from "react/jsx-runtime";
-import p from "./shells/Phone";
-import f from "./shells/Macbook";
-import { styled as m } from "../../Theme";
+import p from "./shells/Phone.js";
+import f from "./shells/Macbook.js";
+import { styled as m } from "../../Theme/index.js";
 const u = {
   phone: p,
   macbook: f

package/lib/Screenshot/index.js

@@ -1,10 +1,10 @@
 import { jsx as s, jsxs as N } from "react/jsx-runtime";
-import { useRef as k, useState as v, useEffect as S, Children as g, cloneElement as z, createElement as $ } from "react";
+import { useRef as k, useState as v, useEffect as S, Children as g, cloneElement as $, createElement as z } from "react";
 import a from "lodash/isUndefined";
-import { mergeProps as C } from "../Util";
-import { styled as b } from "../Theme";
-import j from "./BaseScreenshot";
-import "./devices.css";
+import { mergeProps as C } from "../Util/index.js";
+import { styled as b } from "../Theme/index.js";
+import j from "./BaseScreenshot/index.js";
+/* empty css            */
 const u = {
   "iphone-x": {
     borderRadius: 32,
@@ -75,7 +75,7 @@ const u = {
   img: ["alt", "title", "src", "srcSet", "sizes", "loading", "key", "children"],
   video: ["alt", "title", "muted", "autoplay", "loop", "key", "children"]
 }, O = (t) => [
-  $(
+  z(
     t.type,
     E[t.type].reduce((e, i) => (e[i] = t.props[i], e), {})
   )
@@ -107,7 +107,7 @@ function y(t) {
       contentRadius: d,
       contentZIndex: h,
       children: [
-        /* @__PURE__ */ s("div", { className: "device-frame", children: /* @__PURE__ */ s("div", { className: "device-content", children: (f = w(g.toArray(n))) == null ? void 0 : f.map((R, x) => z(R, { key: x })) }) }),
+        /* @__PURE__ */ s("div", { className: "device-frame", children: /* @__PURE__ */ s("div", { className: "device-content", children: (f = w(g.toArray(n))) == null ? void 0 : f.map((R, x) => $(R, { key: x })) }) }),
         /* @__PURE__ */ s("div", { className: "device-stripe" }),
         /* @__PURE__ */ s("div", { className: "device-header" }),
         /* @__PURE__ */ s("div", { className: "device-sensors" }),
@@ -155,10 +155,10 @@ const W = b("div")`
     transform-origin: 0 0;
   }
 `;
-function Z({ type: t, src: e = "", children: i, sx: r = {}, ...n }) {
+function _({ type: t, src: e = "", children: i, sx: r = {}, ...n }) {
   const o = t.toLowerCase();
   return ["phone", "macbook"].includes(o) ? /* @__PURE__ */ s(j, { type: o, sx: r, ...n, children: i || (e ? /* @__PURE__ */ s("img", { src: e, alt: "screenshot" }) : null) }) : /* @__PURE__ */ s(P, { type: t, sx: { ...r, margin: "auto" }, ...n, children: i || (e ? /* @__PURE__ */ s("img", { src: e, alt: "screenshot" }) : null) });
 }
 export {
-  Z as default
+  _ as default
 };

package/lib/SessionBlocklet/index.js

@@ -1,14 +1,14 @@
 import { jsxs as d, jsx as o } from "react/jsx-runtime";
 import { useRef as R } from "react";
-import { useTheme as b, Box as u, IconButton as w, Popper as P, ClickAwayListener as k, Fade as C, Paper as L, List as z, ListItem as A, ListItemButton as M, Typography as S } from "@mui/material";
+import { useTheme as b, Box as u, IconButton as w, Popper as C, ClickAwayListener as P, Fade as k, Paper as L, List as z, ListItem as A, ListItemButton as M, Typography as S } from "@mui/material";
 import { Icon as m } from "@iconify/react";
 import T from "iconify-icons-material-symbols-400/dashboard-outline-rounded";
 import B from "@iconify-icons/material-symbols/widgets-outline-rounded";
 import { useReactive as E, useMemoizedFn as j } from "ahooks";
-import F from "../Button";
-import { BLOCKLET_SERVICE_PATH_PREFIX as O, NAVIGATION_URL as _ } from "../Util/constant";
-import D from "../SessionPermission";
-import { getTranslation as f } from "../Util";
+import F from "../Button/index.js";
+import { BLOCKLET_SERVICE_PATH_PREFIX as O, NAVIGATION_URL as _ } from "../Util/constant.js";
+import D from "../SessionPermission/index.js";
+import { getTranslation as f } from "../Util/index.js";
 function J({
   session: t,
   locale: a = "zh",
@@ -40,7 +40,7 @@ function J({
       children: [
         /* @__PURE__ */ o(w, { size: "medium", ref: s, children: /* @__PURE__ */ o(m, { icon: T, fontSize: h, style: { transform: "scale(1.08)" } }) }),
         /* @__PURE__ */ o(
-          P,
+          C,
           {
             open: c.open,
             anchorEl: s.current,
@@ -48,12 +48,12 @@ function J({
             placement: "bottom-end",
             sx: { zIndex: 1600 },
             children: ({ TransitionProps: n }) => /* @__PURE__ */ o(
-              k,
+              P,
               {
                 onClickAway: (e) => {
                   e.preventDefault(), e.stopPropagation(), i(!1);
                 },
-                children: /* @__PURE__ */ o(C, { ...n, timeout: 350, children: /* @__PURE__ */ d(
+                children: /* @__PURE__ */ o(k, { ...n, timeout: 350, children: /* @__PURE__ */ d(
                   L,
                   {
                     variant: "outlined",

package/lib/SessionManager/index.js

@@ -1,5 +1,4 @@
-import "../SessionUser";
-import { default as m } from "../SessionUser";
+import o from "../SessionUser/index.js";
 export {
-  m as default
+  o as default
 };

package/lib/SessionUser/components/did-space.js

@@ -1,22 +1,22 @@
 import { jsxs as a, Fragment as h, jsx as e } from "react/jsx-runtime";
 import { useState as y } from "react";
-import { useMemoizedFn as m } from "ahooks";
+import { useMemoizedFn as s } from "ahooks";
 import { useTheme as g, MenuItem as S, Divider as u } from "@mui/material";
-import { Icon as I } from "@iconify/react";
-import D from "@iconify-icons/material-symbols/lens";
-import { translate as T } from "../../Locale/util";
-import { translations as v } from "../libs/translation";
-import w from "../images/did-spaces.svg";
-import { DID_SPACE_URL as z } from "../../Util/constant";
-import { TBox as k } from "../../MuiWrap";
-import F from "../../Typography";
-function O({ session: s, locale: c = "en", ...l }) {
+import { Icon as D } from "@iconify/react";
+import I from "@iconify-icons/material-symbols/lens";
+import { translate as v } from "../../Locale/util.js";
+import { translations as T } from "../libs/translation.js";
+import w from "../images/did-spaces.svg.js";
+import { DID_SPACE_URL as z } from "../../Util/constant.js";
+import { TBox as k } from "../../MuiWrap/index.js";
+import F from "../../Typography/index.js";
+function O({ session: m, locale: l = "en", ...c }) {
   var p;
-  const d = m((r, i = {}) => T(v, r, c, "en", i)), t = g(), o = ((p = s.user) == null ? void 0 : p.didSpace) ?? {}, [n, f] = y(0), x = m(({ fontSize: r, initialSize: i }) => {
+  const d = s((r, i = {}) => v(T, r, l, "en", i)), t = g(), o = ((p = m.user) == null ? void 0 : p.didSpace) ?? {}, [n, f] = y(0), x = s(({ fontSize: r, initialSize: i }) => {
     f(Math.ceil((i - r) / 4));
   });
   return /* @__PURE__ */ a(h, { children: [
-    /* @__PURE__ */ e(k, { component: "a", href: z, sx: { p: 0.5, display: "block", textDecoration: "none" }, ...l, children: /* @__PURE__ */ a(
+    /* @__PURE__ */ e(k, { component: "a", href: z, sx: { p: 0.5, display: "block", textDecoration: "none" }, ...c, children: /* @__PURE__ */ a(
       S,
       {
         sx: {
@@ -52,10 +52,10 @@ function O({ session: s, locale: c = "en", ...l }) {
             }
           ),
           /* @__PURE__ */ e(
-            I,
+            D,
             {
               style: { marginTop: `${n}px`, flexShrink: 0 },
-              icon: D,
+              icon: I,
               fontSize: 8,
               color: o.did ? t.palette.success.main : t.palette.grey[200]
             }

package/lib/SessionUser/components/logged-in.js

@@ -10,50 +10,50 @@ import ee from "@iconify-icons/material-symbols/account-circle-off-outline-round
 import re from "@iconify-icons/material-symbols/featured-seasonal-and-gifts-rounded";
 import te from "copy-to-clipboard";
 import P from "lodash/noop";
-import oe from "../../Toast";
-import ie from "../../Avatar";
-import { getUserAvatar as ne } from "../../Util";
-import ce from "./user-info";
-import { DASHBOARD_URL as le, PROFILE_URL as ae } from "../../Util/constant";
-import pe from "../../SessionPermission";
-import { translations as ue } from "../libs/translation";
-import { translate as de } from "../../Locale/util";
-import me from "./did-space";
-import { mergeSx as se } from "../../Util/style";
-import { createDebug as fe } from "../../Util/logger";
+import oe from "../../Toast/index.js";
+import ie from "../../Avatar/index.js";
+import { getUserAvatar as ne } from "../../Util/index.js";
+import ce from "./user-info.js";
+import { DASHBOARD_URL as ae, PROFILE_URL as le } from "../../Util/constant.js";
+import pe from "../../SessionPermission/index.js";
+import { translations as ue } from "../libs/translation.js";
+import { translate as de } from "../../Locale/util.js";
+import me from "./did-space.js";
+import { mergeSx as se } from "../../Util/style.js";
+import { createDebug as fe } from "../../Util/logger.js";
 const he = (e) => {
-  const a = new URL(window.location.href);
-  return a.searchParams.set("inviter", e), a.toString();
+  const l = new URL(window.location.href);
+  return l.searchParams.set("inviter", e), l.toString();
 }, v = fe("did-connect");
 function je({
   session: e,
-  onBindWallet: a = P,
+  onBindWallet: l = P,
   isBlocklet: c = !0,
   locale: f = "en",
   size: R = 24,
   popperType: C = "click",
-  sx: D,
-  ...B
+  sx: B,
+  ...D
 }) {
   var S, b;
   const u = n((r, o = {}) => de(ue, r, f, "en", o)), L = H(() => {
-    var r, o, l;
-    return !!((l = (o = (r = globalThis == null ? void 0 : globalThis.blocklet) == null ? void 0 : r.settings) == null ? void 0 : o.invite) != null && l.enabled);
+    var r, o, a;
+    return !!((a = (o = (r = globalThis == null ? void 0 : globalThis.blocklet) == null ? void 0 : r.settings) == null ? void 0 : o.invite) != null && a.enabled);
   }, []), x = T(null), h = N({
     open: !1
   }), i = n((r = !h.open) => {
     h.open = r;
-  }), O = C === "hover" ? { onMouseEnter: () => i(!0), onMouseLeave: () => i(!1) } : { onClick: () => i() }, M = ne((b = (S = e.user) == null ? void 0 : S.avatar) == null ? void 0 : b.replace(/\s/g, encodeURIComponent(" "))), U = e.useOAuth(), E = typeof e.usePasskey == "function" ? e.usePasskey() : null, w = n(({ inArcSphere: r = !1 } = {}) => {
-    var l, d, p;
+  }), O = C === "hover" ? { onMouseEnter: () => i(!0), onMouseLeave: () => i(!1) } : { onClick: () => i() }, M = ne((b = (S = e.user) == null ? void 0 : S.avatar) == null ? void 0 : b.replace(/\s/g, encodeURIComponent(" "))), E = e.useOAuth(), U = typeof e.usePasskey == "function" ? e.usePasskey() : null, w = n(({ inArcSphere: r = !1 } = {}) => {
+    var a, d, p;
     const o = {};
-    r && (l = e == null ? void 0 : e.user) != null && l.sourceAppPid && (o.sourceAppPid = e.user.sourceAppPid), i(!1), ((d = e == null ? void 0 : e.user) == null ? void 0 : d.sourceProvider) === "passkey" ? E.switchPassport(e.user) : ["google", "apple", "email", "github"].includes((p = e == null ? void 0 : e.user) == null ? void 0 : p.sourceProvider) ? U.switchOAuthPassport(e.user) : e.switchPassport(P, o);
-  }), A = n(({ userSession: r, inArcSphere: o = !1 } = {}) => new Promise((l) => {
+    r && (a = e == null ? void 0 : e.user) != null && a.sourceAppPid && (o.sourceAppPid = e.user.sourceAppPid), i(!1), ((d = e == null ? void 0 : e.user) == null ? void 0 : d.sourceProvider) === "passkey" ? U.switchPassport(e.user) : ["google", "apple", "email", "github"].includes((p = e == null ? void 0 : e.user) == null ? void 0 : p.sourceProvider) ? E.switchOAuthPassport(e.user) : e.switchPassport(P, o);
+  }), A = n(({ userSession: r, inArcSphere: o = !1 } = {}) => new Promise((a) => {
     const d = {};
     o && e.user.sourceAppPid && (d.sourceAppPid = e.user.sourceAppPid);
     const p = {};
     r ? p.userSession = r : (i(!1), p.showQuickConnect = !1), e.switchDid(
       () => {
-        i(!1), l();
+        i(!1), a();
       },
       d,
       p
@@ -63,9 +63,9 @@ function je({
     r && e.user.sourceAppPid && (o.sourceAppPid = e.user.sourceAppPid), i(!1), e.switchProfile(P, o);
   }), F = n(() => {
     i(!1), e.logout();
-  }), z = n(() => {
-    i(!1), e.bindWallet(a);
   }), W = n(() => {
+    i(!1), e.bindWallet(l);
+  }), z = n(() => {
     i(!1);
     const r = he(e.user.did);
     te(r), oe.success(u("inviteCopied"));
@@ -88,9 +88,9 @@ function je({
           justifyContent: "center"
         },
         // @ts-ignore
-        D
+        B
       ),
-      ...B,
+      ...D,
       children: [
         /* @__PURE__ */ t(
           Q,
@@ -139,7 +139,7 @@ function je({
                           onSwitchPassport: w,
                           onSwitchAccount: A,
                           onSwitchProfile: k,
-                          onBindWallet: z
+                          onBindWallet: W
                         }
                       ),
                       /* @__PURE__ */ t(I, { sx: { m: "0 !important" } }),
@@ -151,7 +151,7 @@ function je({
                               icon: $,
                               title: u("dashboard"),
                               component: "a",
-                              href: le,
+                              href: ae,
                               sx: { display: "block", textDecoration: "none", color: "inherit" }
                             }
                           ) }),
@@ -161,7 +161,7 @@ function je({
                               icon: Z,
                               title: u("profile"),
                               component: "a",
-                              href: ae,
+                              href: le,
                               sx: { display: "block", textDecoration: "none", color: "inherit" }
                             }
                           ),
@@ -171,7 +171,7 @@ function je({
                               icon: re,
                               title: u("invite"),
                               component: "div",
-                              onClick: W,
+                              onClick: z,
                               sx: { display: "block", color: "inherit" }
                             }
                           ),
@@ -203,7 +203,7 @@ function je({
 }
 function s({
   icon: e,
-  title: a,
+  title: l,
   ...c
 }) {
   return /* @__PURE__ */ t(y, { ...c, sx: { p: 0.5, ...c == null ? void 0 : c.sx }, children: /* @__PURE__ */ m(
@@ -221,7 +221,7 @@ function s({
       },
       children: [
         /* @__PURE__ */ t(Y, { icon: e, fontSize: 24 }),
-        a
+        l
       ]
     }
   ) });

package/lib/SessionUser/components/quick-login-item.js

@@ -1,20 +1,20 @@
-import { jsxs as o, jsx as r } from "react/jsx-runtime";
-import { useTheme as g, useMediaQuery as v, Box as e, Typography as p, Chip as y } from "@mui/material";
+import { jsxs as e, jsx as r } from "react/jsx-runtime";
+import { useTheme as g, useMediaQuery as v, Box as o, Typography as n, Chip as y } from "@mui/material";
 import b from "lodash/noop";
-import w from "../../RelativeTime";
-import z from "../../WalletOSIcon";
-import { DID as k } from "../../DID";
-import u from "../../Avatar";
-import { getSourceProvider as I } from "../libs/utils";
-function Q({
+import w from "../../RelativeTime/index.js";
+import u from "../../WalletOSIcon/index.js";
+import { DID as z } from "../../DID/index.js";
+import k from "../../Avatar/index.js";
+import { getSourceProvider as I } from "../libs/utils.js";
+function M({
   userSession: t,
   locale: a = "en",
-  onClick: n = b
+  onClick: p = b
 }) {
-  var l, i, c, d;
+  var l, i, d, c;
   const { palette: m } = g(), x = v((h) => h.breakpoints.down("md")), f = I(t == null ? void 0 : t.user) === "wallet";
-  return /* @__PURE__ */ o(
-    e,
+  return /* @__PURE__ */ e(
+    o,
     {
       sx: {
         p: 2,
@@ -32,10 +32,10 @@ function Q({
         },
         width: "100%"
       },
-      onClick: n,
+      onClick: p,
       children: [
-        /* @__PURE__ */ o(
-          e,
+        /* @__PURE__ */ e(
+          o,
           {
             sx: {
               display: "flex",
@@ -45,12 +45,12 @@ function Q({
               overflow: "hidden"
             },
             children: [
-              /* @__PURE__ */ r(u, { src: t.user.avatar, did: t.user.did, size: 44, variant: "circle", shape: "circle" }),
-              /* @__PURE__ */ o(e, { sx: { flex: 1, overflow: "hidden" }, children: [
-                /* @__PURE__ */ o(
-                  p,
+              /* @__PURE__ */ r(k, { src: t.user.avatar, did: t.user.did, size: 44, variant: "circle", shape: "circle" }),
+              /* @__PURE__ */ e(o, { sx: { flex: 1, overflow: "hidden" }, children: [
+                /* @__PURE__ */ e(
+                  n,
                   {
-                    component: e,
+                    component: o,
                     sx: {
                       fontSize: "16px",
                       fontWeight: 500,
@@ -79,8 +79,8 @@ function Q({
                     ]
                   }
                 ),
-                f ? /* @__PURE__ */ o(
-                  e,
+                f ? /* @__PURE__ */ e(
+                  o,
                   {
                     sx: {
                       display: "flex",
@@ -89,15 +89,15 @@ function Q({
                     },
                     children: [
                       /* @__PURE__ */ r(
-                        z,
+                        u,
                         {
-                          provider: (c = t == null ? void 0 : t.extra) == null ? void 0 : c.provider,
-                          walletOS: (d = t == null ? void 0 : t.extra) == null ? void 0 : d.walletOS,
+                          provider: (d = t == null ? void 0 : t.extra) == null ? void 0 : d.provider,
+                          walletOS: (c = t == null ? void 0 : t.extra) == null ? void 0 : c.walletOS,
                           color: m.text.secondary
                         }
                       ),
                       /* @__PURE__ */ r(
-                        k,
+                        z,
                         {
                           locale: a,
                           did: t.user.did,
@@ -115,16 +115,16 @@ function Q({
                       )
                     ]
                   }
-                ) : /* @__PURE__ */ r(p, { sx: { fontSize: "12px", color: "text.secondary" }, children: t.user.email })
+                ) : /* @__PURE__ */ r(n, { sx: { fontSize: "12px", color: "text.secondary" }, children: t.user.email })
               ] })
             ]
           }
         ),
-        t.updatedAt && !x && /* @__PURE__ */ r(e, { component: "span", sx: { color: "text.hint", fontSize: "12px", flexShrink: 0 }, children: /* @__PURE__ */ r(w, { value: t.updatedAt, locale: a }) })
+        t.updatedAt && !x && /* @__PURE__ */ r(o, { component: "span", sx: { color: "text.hint", fontSize: "12px", flexShrink: 0 }, children: /* @__PURE__ */ r(w, { value: t.updatedAt, locale: a }) })
       ]
     }
   );
 }
 export {
-  Q as default
+  M as default
 };

package/lib/SessionUser/components/session-user-item.js

@@ -1,24 +1,24 @@
 import { jsxs as t, jsx as l } from "react/jsx-runtime";
-import { useTheme as u, Box as a, Tooltip as x, Typography as h, IconButton as v } from "@mui/material";
-import { Icon as m } from "@iconify/react";
-import w from "@iconify-icons/material-symbols/lens";
-import y from "../../WalletOSIcon";
-import S from "../../Avatar";
-import { DID as g } from "../../DID";
-import { getSourceProvider as z } from "../libs/utils";
-function W({
+import { useTheme as u, Box as e, Tooltip as x, Typography as h, IconButton as v } from "@mui/material";
+import { Icon as y } from "@iconify/react";
+import m from "@iconify-icons/material-symbols/lens";
+import w from "../../WalletOSIcon/index.js";
+import S from "../../Avatar/index.js";
+import { DID as g } from "../../DID/index.js";
+import { getSourceProvider as z } from "../libs/utils.js";
+function R({
   ref: p = void 0,
   sessionItem: r,
   statusContent: c = null,
-  active: f = !1,
-  ...e
+  active: n = !1,
+  ...a
 }) {
-  var o, d;
-  const { palette: i } = u(), n = z(r == null ? void 0 : r.user) === "wallet";
+  var i, d;
+  const { palette: o } = u(), f = z(r == null ? void 0 : r.user) === "wallet";
   return /* @__PURE__ */ t(
-    a,
+    e,
     {
-      ...e,
+      ...a,
       ref: p,
       sx: {
         display: "flex",
@@ -27,11 +27,11 @@ function W({
         py: 0.75,
         px: 1,
         width: "100%",
-        ...e == null ? void 0 : e.sx
+        ...a == null ? void 0 : a.sx
       },
       children: [
         /* @__PURE__ */ t(
-          a,
+          e,
           {
             sx: {
               display: "flex",
@@ -43,17 +43,17 @@ function W({
               }
             },
             children: [
-              /* @__PURE__ */ l(a, { sx: { mr: 0.5, fontSize: 0 }, children: /* @__PURE__ */ l(S, { did: r.userDid, size: 36 }) }),
+              /* @__PURE__ */ l(e, { sx: { mr: 0.5, fontSize: 0 }, children: /* @__PURE__ */ l(S, { did: r.userDid, size: 36 }) }),
               /* @__PURE__ */ l(
-                y,
+                w,
                 {
-                  color: i.text.secondary,
+                  color: o.text.secondary,
                   loading: r.__isDefault,
-                  provider: (o = r == null ? void 0 : r.extra) == null ? void 0 : o.provider,
+                  provider: (i = r == null ? void 0 : r.extra) == null ? void 0 : i.provider,
                   walletOS: (d = r == null ? void 0 : r.extra) == null ? void 0 : d.walletOS
                 }
               ),
-              n ? /* @__PURE__ */ l(g, { did: r.userDid, copyable: !1, size: 14, responsive: !1, compact: !0, sx: { lineHeight: 1 } }) : r.user.email && /* @__PURE__ */ l(
+              f ? /* @__PURE__ */ l(g, { did: r.userDid, copyable: !1, size: 14, responsive: !1, compact: !0, sx: { lineHeight: 1 } }) : r.user.email && /* @__PURE__ */ l(
                 x,
                 {
                   title: r.user.email,
@@ -77,11 +77,11 @@ function W({
             ]
           }
         ),
-        c || f && /* @__PURE__ */ l(v, { size: "small", disableRipple: !0, children: /* @__PURE__ */ l(m, { icon: w, fontSize: 6, color: i.success.main }) })
+        c || n && /* @__PURE__ */ l(v, { size: "small", disableRipple: !0, children: /* @__PURE__ */ l(y, { icon: m, fontSize: 6, color: o.success.main }) })
       ]
     }
   );
 }
 export {
-  W as default
+  R as default
 };