@arcblock/ux 2.13.70 → 3.0.1

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

@@ -1,125 +1,130 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import DID from '@arcblock/ux/lib/DID';
-import RelativeTime from '@arcblock/ux/lib/RelativeTime';
-import WalletOSIcon from '@arcblock/ux/lib/WalletOSIcon';
-import { Box, Chip, Typography, useMediaQuery, useTheme } from '@mui/material';
-import noop from 'lodash/noop';
-import Avatar from '../../Avatar';
-import { getSourceProvider } from '../libs/utils';
-export default function QuickLoginItem({
-  userSession,
-  locale = 'en',
-  onClick = noop
+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/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: p = b
 }) {
-  const {
-    palette
-  } = useTheme();
-  const isMobile = useMediaQuery(theme => theme.breakpoints.down('md'));
-  const isRawWalletAccount = getSourceProvider(userSession?.user) === 'wallet';
-  return /*#__PURE__*/_jsxs(Box, {
-    sx: {
-      p: 2,
-      transition: 'background-color 0.5s',
-      bgcolor: 'background.paper',
-      '&:hover, &:active': {
-        backgroundColor: 'action.hover'
-      },
-      display: 'flex',
-      justifyContent: 'space-between',
-      alignItems: 'center',
-      cursor: 'pointer',
-      '&:hover': {
-        backgroundColor: 'action.hover'
-      },
-      width: '100%'
-    },
-    onClick: onClick,
-    children: [/*#__PURE__*/_jsxs(Box, {
+  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__ */ e(
+    o,
+    {
       sx: {
-        display: 'flex',
-        alignItems: 'center',
-        gap: 1.5,
-        flex: 1,
-        overflow: 'hidden'
-      },
-      children: [/*#__PURE__*/_jsx(Avatar, {
-        src: userSession.user.avatar,
-        did: userSession.user.did,
-        size: 44,
-        variant: "circle",
-        shape: "circle"
-      }), /*#__PURE__*/_jsxs(Box, {
-        sx: {
-          flex: 1,
-          overflow: 'hidden'
+        p: 2,
+        transition: "background-color 0.5s",
+        bgcolor: "background.paper",
+        "&:hover, &:active": {
+          backgroundColor: "action.hover"
+        },
+        display: "flex",
+        justifyContent: "space-between",
+        alignItems: "center",
+        cursor: "pointer",
+        "&:hover": {
+          backgroundColor: "action.hover"
         },
-        children: [/*#__PURE__*/_jsxs(Typography, {
-          component: Box,
-          sx: {
-            fontSize: '16px',
-            fontWeight: 500,
-            display: 'flex',
-            alignItems: 'center',
-            gap: 1,
-            color: 'text.primary'
-          },
-          children: [userSession.user.fullName, /*#__PURE__*/_jsx(Chip, {
-            label: userSession.user?.roleTitle || userSession.user?.role,
-            size: "small",
-            variant: "outlined",
-            sx: () => ({
-              height: 'auto',
-              fontWeight: 'bold',
-              fontSize: '12px',
-              borderColor: 'grey.300',
-              color: 'text.secondary'
-            })
-          })]
-        }), isRawWalletAccount ? /*#__PURE__*/_jsxs(Box, {
-          sx: {
-            display: 'flex',
-            alignItems: 'center',
-            gap: 0.5
-          },
-          children: [/*#__PURE__*/_jsx(WalletOSIcon, {
-            provider: userSession?.extra?.provider,
-            walletOS: userSession?.extra?.walletOS,
-            color: palette.text.secondary
-          }), /*#__PURE__*/_jsx(DID
-          // @ts-ignore
-          , {
-            locale: locale,
-            did: userSession.user.did,
-            size: 12,
+        width: "100%"
+      },
+      onClick: p,
+      children: [
+        /* @__PURE__ */ e(
+          o,
+          {
             sx: {
-              lineHeight: 1,
-              fontSize: '12px',
-              mt: 0.5,
-              '& span.arc-avatar-did-motif': {
-                display: 'none !important'
-              }
+              display: "flex",
+              alignItems: "center",
+              gap: 1.5,
+              flex: 1,
+              overflow: "hidden"
             },
-            compact: true
-          })]
-        }) : /*#__PURE__*/_jsx(Typography, {
-          sx: {
-            fontSize: '12px',
-            color: 'text.secondary'
-          },
-          children: userSession.user.email
-        })]
-      })]
-    }), userSession.updatedAt && !isMobile && /*#__PURE__*/_jsx(Box, {
-      component: "span",
-      sx: {
-        color: 'text.hint',
-        fontSize: '12px',
-        flexShrink: 0
-      },
-      children: /*#__PURE__*/_jsx(RelativeTime, {
-        value: userSession.updatedAt,
-        locale: locale
-      })
-    })]
-  });
-}
+            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,
+                  {
+                    component: o,
+                    sx: {
+                      fontSize: "16px",
+                      fontWeight: 500,
+                      display: "flex",
+                      alignItems: "center",
+                      gap: 1,
+                      color: "text.primary"
+                    },
+                    children: [
+                      t.user.fullName,
+                      /* @__PURE__ */ r(
+                        y,
+                        {
+                          label: ((l = t.user) == null ? void 0 : l.roleTitle) || ((i = t.user) == null ? void 0 : i.role),
+                          size: "small",
+                          variant: "outlined",
+                          sx: () => ({
+                            height: "auto",
+                            fontWeight: "bold",
+                            fontSize: "12px",
+                            borderColor: "grey.300",
+                            color: "text.secondary"
+                          })
+                        }
+                      )
+                    ]
+                  }
+                ),
+                f ? /* @__PURE__ */ e(
+                  o,
+                  {
+                    sx: {
+                      display: "flex",
+                      alignItems: "center",
+                      gap: 0.5
+                    },
+                    children: [
+                      /* @__PURE__ */ r(
+                        u,
+                        {
+                          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(
+                        z,
+                        {
+                          locale: a,
+                          did: t.user.did,
+                          size: 12,
+                          sx: {
+                            lineHeight: 1,
+                            fontSize: "12px",
+                            mt: 0.5,
+                            "& span.arc-avatar-did-motif": {
+                              display: "none !important"
+                            }
+                          },
+                          compact: !0
+                        }
+                      )
+                    ]
+                  }
+                ) : /* @__PURE__ */ r(n, { 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 }) })
+      ]
+    }
+  );
+}
+export {
+  M as default
+};

package/lib/SessionUser/components/session-user-item.d.ts

@@ -1,9 +1,11 @@
-import { type BoxProps } from '@mui/material';
+import { BoxProps } from '@mui/material';
 import { Session } from '../../type';
 export interface SessionUserItemProps extends BoxProps {
     sessionItem: Session;
     statusContent?: React.ReactNode;
     active?: false | true;
 }
-declare const SessionUserItem: import("react").ForwardRefExoticComponent<Omit<SessionUserItemProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+declare function SessionUserItem({ ref, sessionItem, statusContent, active, ...rest }: SessionUserItemProps & {
+    ref?: React.Ref<unknown>;
+}): import("react/jsx-runtime").JSX.Element;
 export default SessionUserItem;

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

@@ -1,91 +1,87 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { forwardRef } from 'react';
-import { Box, IconButton, Tooltip, Typography, useTheme } from '@mui/material';
-import { Icon } from '@iconify/react';
-import LensIcon from '@iconify-icons/material-symbols/lens';
-import WalletOSIcon from '../../WalletOSIcon';
-import Avatar from '../../Avatar';
-import DID from '../../DID';
-import { getSourceProvider } from '../libs/utils';
-const SessionUserItem = /*#__PURE__*/forwardRef(({
-  sessionItem,
-  statusContent = null,
-  active = false,
-  ...rest
-}, ref) => {
-  const {
-    palette
-  } = useTheme();
-  const isRawWalletAccount = getSourceProvider(sessionItem?.user) === 'wallet';
-  return /*#__PURE__*/_jsxs(Box, {
-    ...rest,
-    ref: ref,
-    sx: {
-      display: 'flex',
-      alignItems: 'center',
-      justifyContent: 'space-between',
-      py: 0.75,
-      px: 1,
-      width: '100%',
-      ...rest?.sx
-    },
-    children: [/*#__PURE__*/_jsxs(Box, {
+import { jsxs as d, jsx as l } from "react/jsx-runtime";
+import { useTheme as u, Box as e, Tooltip as x, Typography as h, IconButton as y } from "@mui/material";
+import { Icon as m } from "@iconify/react";
+import v 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,
+  sessionItem: r,
+  statusContent: c = null,
+  active: n = !1,
+  ...a
+}) {
+  var i, t;
+  const { palette: o } = u(), f = z(r == null ? void 0 : r.user) === "wallet";
+  return /* @__PURE__ */ d(
+    e,
+    {
+      ...a,
+      ref: p,
       sx: {
-        display: 'flex',
-        alignItems: 'center',
-        gap: 0.5,
-        overflow: 'hidden',
-        '& .did-address-avatar': {
-          display: 'none !important'
-        }
+        display: "flex",
+        alignItems: "center",
+        justifyContent: "space-between",
+        py: 0.75,
+        px: 1,
+        width: "100%",
+        ...a == null ? void 0 : a.sx
       },
-      children: [/*#__PURE__*/_jsx(Box, {
-        sx: {
-          mr: 0.5,
-          fontSize: 0
-        },
-        children: /*#__PURE__*/_jsx(Avatar, {
-          did: sessionItem.userDid,
-          size: 36
-        })
-      }), /*#__PURE__*/_jsx(WalletOSIcon, {
-        color: palette.text.secondary,
-        loading: sessionItem.__isDefault,
-        provider: sessionItem?.extra?.provider,
-        walletOS: sessionItem?.extra?.walletOS
-      }), isRawWalletAccount ? /*#__PURE__*/_jsx(DID, {
-        did: sessionItem.userDid,
-        copyable: false,
-        size: 14,
-        responsive: false,
-        compact: true,
-        sx: {
-          lineHeight: 1
-        }
-      }) : sessionItem.user.email && /*#__PURE__*/_jsx(Tooltip, {
-        title: sessionItem.user.email,
-        sx: {
-          zIndex: 1600
-        },
-        placement: "top",
-        children: /*#__PURE__*/_jsx(Typography, {
-          sx: {
-            fontSize: 14,
-            overflow: 'hidden',
-            textOverflow: 'ellipsis'
-          },
-          children: sessionItem.user.email
-        })
-      })]
-    }), statusContent || active && /*#__PURE__*/_jsx(IconButton, {
-      size: "small",
-      disableRipple: true,
-      children: /*#__PURE__*/_jsx(Icon, {
-        icon: LensIcon,
-        fontSize: 6,
-        color: palette.success.main
-      })
-    })]
-  });
-});
-export default SessionUserItem;
+      children: [
+        /* @__PURE__ */ d(
+          e,
+          {
+            sx: {
+              display: "flex",
+              alignItems: "center",
+              gap: 0.5,
+              overflow: "hidden",
+              "& .did-address-avatar": {
+                display: "none !important"
+              }
+            },
+            children: [
+              /* @__PURE__ */ l(e, { sx: { mr: 0.5, fontSize: 0 }, children: /* @__PURE__ */ l(S, { did: r.userDid, size: 36 }) }),
+              /* @__PURE__ */ l(
+                w,
+                {
+                  color: o.text.secondary,
+                  loading: r.__isDefault,
+                  provider: (i = r == null ? void 0 : r.extra) == null ? void 0 : i.provider,
+                  walletOS: (t = r == null ? void 0 : r.extra) == null ? void 0 : t.walletOS
+                }
+              ),
+              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,
+                  sx: {
+                    zIndex: 1600
+                  },
+                  placement: "top",
+                  children: /* @__PURE__ */ l(
+                    h,
+                    {
+                      sx: {
+                        fontSize: 14,
+                        overflow: "hidden",
+                        textOverflow: "ellipsis"
+                      },
+                      children: r.user.email
+                    }
+                  )
+                }
+              )
+            ]
+          }
+        ),
+        c || n && /* @__PURE__ */ l(y, { size: "small", disableRipple: !0, children: /* @__PURE__ */ l(m, { icon: v, fontSize: 6, color: o.success.main }) })
+      ]
+    }
+  );
+}
+export {
+  R as default
+};

package/lib/SessionUser/components/session-user-switch.d.ts

@@ -1,4 +1,4 @@
-import type { Locale, Session } from '../../type';
+import { Locale, Session } from '../../type';
 export interface SessionUserSwitchProps {
     session: Session;
     onSwitch: (params?: {