@arcblock/ux 3.0.5 → 3.0.7

package/lib/RelativeTime/index.js

@@ -1,4 +1,4 @@
-import { jsx as i, jsxs as v, Fragment as F } from "react/jsx-runtime";
+import { jsx as i, jsxs as M, Fragment as F } from "react/jsx-runtime";
 import { Tooltip as O, Box as f } from "@mui/material";
 import { useEffect as R, useMemo as $ } from "react";
 import r from "dayjs";
@@ -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 { formatToDatetime as D, setDateTool as q } from "../Util/index.js";
+import { setDateTool as q, formatToDatetime as D } from "../Util";
 r.extend(N);
 r.extend(k);
 r.extend(B);
@@ -62,11 +62,11 @@ function w({
   relativeRange: L,
   format: C
 }) {
-  const u = (/* @__PURE__ */ new Date()).getTimezoneOffset(), U = u > 0 ? "-" : "+", y = Math.abs(u) / 60, c = u === 0, x = z((g) => g.isUtc), T = z((g) => g.setIsUtc);
+  const u = (/* @__PURE__ */ new Date()).getTimezoneOffset(), U = u > 0 ? "-" : "+", v = Math.abs(u) / 60, c = u === 0, x = z((g) => g.isUtc), T = z((g) => g.setIsUtc);
   if (R(() => {
     T(c);
   }, [c]), !t)
-    return { innerContent: "-", popContent: "-", isUtc: x, setIsUtc: T, sign: U, hoursOffset: y };
+    return { innerContent: "-", popContent: "-", isUtc: x, setIsUtc: T, sign: U, hoursOffset: v };
   const d = e === "zh" ? "zh-cn" : "en-us";
   let n = r(t).locale(d);
   o === "utc" && (n = r(t).utc().locale(d)), s && (n = n.tz(s));
@@ -81,12 +81,12 @@ function w({
     Math.abs(g) > L && (l = p);
   }
   l || (l = n.fromNow(m));
-  let b = l, I = p;
-  return o === "absolute" && (b = p, I = l), o === "utc" && (x ? (b = D(t, { locale: d, tz: s, isUtc: !0, format: C }), I = D(t, { locale: d, tz: s, isUtc: !0, format: C })) : (b = p, I = l)), { innerContent: b, popContent: I, isUtc: x, setIsUtc: T, sign: U, hoursOffset: y, relativeString: l, absoluteString: p };
+  let y = l, b = p;
+  return o === "absolute" && (y = p, b = l), o === "utc" && (x ? (y = D(t, { locale: d, tz: s, isUtc: !0, format: C }), b = D(t, { locale: d, tz: s, isUtc: !0, format: C })) : (y = p, b = l)), { innerContent: y, popContent: b, isUtc: x, setIsUtc: T, sign: U, hoursOffset: v, relativeString: l, absoluteString: p };
 }
 function A({
   locale: t,
-  isUtc: e,
+  isUtc: e = !1,
   setIsUtc: m,
   useShortTimezone: a = !0
 }) {
@@ -120,13 +120,13 @@ function et({
   from: a = "",
   to: h = "",
   type: o = "relative",
-  tz: s,
-  relativeRange: L,
+  tz: s = void 0,
+  relativeRange: L = void 0,
   enableTooltip: C = !0,
-  useShortTimezone: M = !1,
+  useShortTimezone: I = !1,
   disableTimezone: u = !1,
   placement: U = "top-end",
-  format: y = "lll",
+  format: v = "lll",
   ...c
 }) {
   const { innerContent: x, popContent: T, isUtc: d, setIsUtc: n, relativeString: p } = w({
@@ -138,9 +138,9 @@ function et({
     type: o === "all" ? "utc" : o,
     tz: s,
     relativeRange: L,
-    format: y
+    format: v
   });
-  return o === "all" ? /* @__PURE__ */ i(O, { title: void 0, placement: U, enterTouchDelay: 0, children: /* @__PURE__ */ v(
+  return o === "all" ? /* @__PURE__ */ i(O, { title: void 0, placement: U, enterTouchDelay: 0, children: /* @__PURE__ */ M(
     f,
     {
       ...c,
@@ -156,13 +156,13 @@ function et({
         /* @__PURE__ */ i(f, { component: "span", ...c, sx: {}, children: x }),
         /* @__PURE__ */ i(f, { component: "span", sx: { color: "inherit" }, children: "·" }),
         /* @__PURE__ */ i(f, { component: "span", sx: { color: "text.secondary" }, children: p }),
-        !u && /* @__PURE__ */ v(F, { children: [
+        !u && /* @__PURE__ */ M(F, { children: [
           /* @__PURE__ */ i(f, { component: "span", sx: { color: "inherit" }, children: "·" }),
-          /* @__PURE__ */ i(A, { locale: e, isUtc: d, setIsUtc: n, useShortTimezone: M })
+          /* @__PURE__ */ i(A, { locale: e, isUtc: d, setIsUtc: n, useShortTimezone: I })
         ] })
       ]
     }
-  ) }) : /* @__PURE__ */ i(O, { title: C ? T : void 0, placement: U, enterTouchDelay: 0, children: /* @__PURE__ */ v(
+  ) }) : /* @__PURE__ */ i(O, { title: C ? T : void 0, placement: U, enterTouchDelay: 0, children: /* @__PURE__ */ M(
     f,
     {
       sx: {
@@ -172,7 +172,7 @@ function et({
       },
       children: [
         /* @__PURE__ */ i(f, { component: "span", ...c, children: x }),
-        o === "utc" && !u && /* @__PURE__ */ i(A, { locale: e, isUtc: d, setIsUtc: n, useShortTimezone: M })
+        o === "utc" && !u && /* @__PURE__ */ i(A, { locale: e, isUtc: d, setIsUtc: n, useShortTimezone: I })
       ]
     }
   ) });

package/lib/Result/common.js

@@ -1,11 +1,9 @@
 import { jsx as i } from "react/jsx-runtime";
 import { CancelRounded as f, Info as p } from "@mui/icons-material";
-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";
+import o from "./result";
+import r from "./translations";
+import { useLocaleContext as d } from "../Locale/context";
+import { useTheme as m } from "../Theme";
 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.js";
-import * as t from "./common.js";
+import a from "./result";
+import * as t from "./common";
 const r = Object.keys(t).reduce(
   (o, e) => ({ ...o, [t[e].status || e]: t[e] }),
   {}

package/lib/Result/result.js

@@ -1,8 +1,8 @@
-import { jsxs as c, jsx as e } from "react/jsx-runtime";
+import { jsxs as f, jsx as e } from "react/jsx-runtime";
 import { Box as n } from "@mui/material";
-import { styled as l } from "../Theme/index.js";
-function g({ icon: r, title: t = "", description: o = "", extra: i, ...f }) {
-  return /* @__PURE__ */ c(s, { ...f, children: [
+import { styled as c } from "../Theme";
+function g({ icon: r = null, title: t = "", description: o = "", extra: i = null, ...l }) {
+  return /* @__PURE__ */ f(s, { ...l, children: [
     r,
     typeof t == "string" ? /* @__PURE__ */ e(
       n,
@@ -40,7 +40,7 @@ function g({ icon: r, title: t = "", description: o = "", extra: i, ...f }) {
     )
   ] });
 }
-const s = l("div")`
+const s = c("div")`
   box-sizing: border-box;
   display: flex;
   flex-direction: column;

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.js";
-import f from "./shells/Macbook.js";
-import { styled as m } from "../../Theme/index.js";
+import p from "./shells/Phone";
+import f from "./shells/Macbook";
+import { styled as m } from "../../Theme";
 const u = {
   phone: p,
   macbook: f

package/lib/Screenshot/index.d.ts

@@ -67,7 +67,7 @@ declare const types: {
     };
 };
 export interface OldScreenshotProps extends React.ComponentProps<'div'> {
-    type?: keyof typeof types;
+    type: keyof typeof types;
     className?: string;
     style?: React.CSSProperties;
     width?: number;

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 $, createElement as z } from "react";
+import { useRef as k, useState as v, useEffect as S, Children as g, cloneElement as z, createElement as $ } from "react";
 import a from "lodash/isUndefined";
-import { mergeProps as C } from "../Util/index.js";
-import { styled as b } from "../Theme/index.js";
-import j from "./BaseScreenshot/index.js";
-/* empty css            */
+import { mergeProps as C } from "../Util";
+import { styled as b } from "../Theme";
+import j from "./BaseScreenshot";
+import "./devices.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) => $(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) => z(R, { key: x })) }) }),
         /* @__PURE__ */ s("div", { className: "device-stripe" }),
         /* @__PURE__ */ s("div", { className: "device-header" }),
         /* @__PURE__ */ s("div", { className: "device-sensors" }),
@@ -136,7 +136,7 @@ const H = b("div")`
     height: 100.1%;
   }
 `;
-function P(t) {
+function P({ ...t }) {
   const e = k(null), [i, r] = v(), [n, o] = v(null);
   return S(() => {
     let c = null;
@@ -155,10 +155,10 @@ const W = b("div")`
     transform-origin: 0 0;
   }
 `;
-function _({ type: t, src: e = "", children: i, sx: r = {}, ...n }) {
+function Z({ 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 {
-  _ as default
+  Z 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 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 { 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 { 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/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";
+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";
 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(
-          C,
+          P,
           {
             open: c.open,
             anchorEl: s.current,
@@ -48,12 +48,12 @@ function J({
             placement: "bottom-end",
             sx: { zIndex: 1600 },
             children: ({ TransitionProps: n }) => /* @__PURE__ */ o(
-              P,
+              k,
               {
                 onClickAway: (e) => {
                   e.preventDefault(), e.stopPropagation(), i(!1);
                 },
-                children: /* @__PURE__ */ o(k, { ...n, timeout: 350, children: /* @__PURE__ */ d(
+                children: /* @__PURE__ */ o(C, { ...n, timeout: 350, children: /* @__PURE__ */ d(
                   L,
                   {
                     variant: "outlined",

package/lib/SessionManager/index.js

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

package/lib/SessionUser/components/did-space.d.ts

@@ -2,6 +2,6 @@ import { BoxProps } from '@mui/material';
 import { Locale, Session } from '../../type';
 export interface DidSpaceProps extends BoxProps {
     session: Session;
-    locale: Locale;
+    locale?: Locale;
 }
 export default function DidSpace({ session, locale, ...rest }: DidSpaceProps): import("react/jsx-runtime").JSX.Element;

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 s } from "ahooks";
+import { useMemoizedFn as m } from "ahooks";
 import { useTheme as g, MenuItem as S, Divider as u } from "@mui/material";
-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 }) {
+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 }) {
   var p;
-  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 }) => {
+  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 }) => {
     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" }, ...c, children: /* @__PURE__ */ a(
+    /* @__PURE__ */ e(k, { component: "a", href: z, sx: { p: 0.5, display: "block", textDecoration: "none" }, ...l, children: /* @__PURE__ */ a(
       S,
       {
         sx: {
@@ -52,10 +52,10 @@ function O({ session: m, locale: l = "en", ...c }) {
             }
           ),
           /* @__PURE__ */ e(
-            D,
+            I,
             {
               style: { marginTop: `${n}px`, flexShrink: 0 },
-              icon: I,
+              icon: D,
               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/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";
+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";
 const he = (e) => {
-  const l = new URL(window.location.href);
-  return l.searchParams.set("inviter", e), l.toString();
+  const a = new URL(window.location.href);
+  return a.searchParams.set("inviter", e), a.toString();
 }, v = fe("did-connect");
 function je({
   session: e,
-  onBindWallet: l = P,
+  onBindWallet: a = P,
   isBlocklet: c = !0,
   locale: f = "en",
   size: R = 24,
   popperType: C = "click",
-  sx: B,
-  ...D
+  sx: D,
+  ...B
 }) {
   var S, b;
   const u = n((r, o = {}) => de(ue, r, f, "en", o)), L = H(() => {
-    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);
+    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);
   }, []), 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(" "))), E = e.useOAuth(), U = typeof e.usePasskey == "function" ? e.usePasskey() : null, w = n(({ inArcSphere: r = !1 } = {}) => {
-    var a, 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(" "))), U = e.useOAuth(), E = typeof e.usePasskey == "function" ? e.usePasskey() : null, w = n(({ inArcSphere: r = !1 } = {}) => {
+    var l, d, p;
     const o = {};
-    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) => {
+    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) => {
     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), a();
+        i(!1), l();
       },
       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();
-  }), W = n(() => {
-    i(!1), e.bindWallet(l);
   }), z = n(() => {
+    i(!1), e.bindWallet(a);
+  }), W = 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
-        B
+        D
       ),
-      ...D,
+      ...B,
       children: [
         /* @__PURE__ */ t(
           Q,
@@ -139,7 +139,7 @@ function je({
                           onSwitchPassport: w,
                           onSwitchAccount: A,
                           onSwitchProfile: k,
-                          onBindWallet: W
+                          onBindWallet: z
                         }
                       ),
                       /* @__PURE__ */ t(I, { sx: { m: "0 !important" } }),
@@ -151,7 +151,7 @@ function je({
                               icon: $,
                               title: u("dashboard"),
                               component: "a",
-                              href: ae,
+                              href: le,
                               sx: { display: "block", textDecoration: "none", color: "inherit" }
                             }
                           ) }),
@@ -161,7 +161,7 @@ function je({
                               icon: Z,
                               title: u("profile"),
                               component: "a",
-                              href: le,
+                              href: ae,
                               sx: { display: "block", textDecoration: "none", color: "inherit" }
                             }
                           ),
@@ -171,7 +171,7 @@ function je({
                               icon: re,
                               title: u("invite"),
                               component: "div",
-                              onClick: z,
+                              onClick: W,
                               sx: { display: "block", color: "inherit" }
                             }
                           ),
@@ -203,7 +203,7 @@ function je({
 }
 function s({
   icon: e,
-  title: l,
+  title: a,
   ...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 }),
-        l
+        a
       ]
     }
   ) });

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

@@ -1,20 +1,20 @@
-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 { 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 b from "lodash/noop";
-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({
+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({
   userSession: t,
   locale: a = "en",
-  onClick: p = b
+  onClick: n = b
 }) {
-  var l, i, d, c;
+  var l, i, c, d;
   const { palette: m } = g(), x = v((h) => h.breakpoints.down("md")), f = I(t == null ? void 0 : t.user) === "wallet";
-  return /* @__PURE__ */ e(
-    o,
+  return /* @__PURE__ */ o(
+    e,
     {
       sx: {
         p: 2,
@@ -32,10 +32,10 @@ function M({
         },
         width: "100%"
       },
-      onClick: p,
+      onClick: n,
       children: [
-        /* @__PURE__ */ e(
-          o,
+        /* @__PURE__ */ o(
+          e,
           {
             sx: {
               display: "flex",
@@ -45,12 +45,12 @@ function M({
               overflow: "hidden"
             },
             children: [
-              /* @__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,
+              /* @__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,
                   {
-                    component: o,
+                    component: e,
                     sx: {
                       fontSize: "16px",
                       fontWeight: 500,
@@ -79,8 +79,8 @@ function M({
                     ]
                   }
                 ),
-                f ? /* @__PURE__ */ e(
-                  o,
+                f ? /* @__PURE__ */ o(
+                  e,
                   {
                     sx: {
                       display: "flex",
@@ -89,15 +89,15 @@ function M({
                     },
                     children: [
                       /* @__PURE__ */ r(
-                        u,
+                        z,
                         {
-                          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,
+                          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,
                           color: m.text.secondary
                         }
                       ),
                       /* @__PURE__ */ r(
-                        z,
+                        k,
                         {
                           locale: a,
                           did: t.user.did,
@@ -115,16 +115,16 @@ function M({
                       )
                     ]
                   }
-                ) : /* @__PURE__ */ r(n, { sx: { fontSize: "12px", color: "text.secondary" }, children: t.user.email })
+                ) : /* @__PURE__ */ r(p, { sx: { fontSize: "12px", color: "text.secondary" }, children: t.user.email })
               ] })
             ]
           }
         ),
-        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 }) })
+        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 }) })
       ]
     }
   );
 }
 export {
-  M as default
+  Q as default
 };