@arcblock/ux 2.9.90 → 2.10.0

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

@@ -1,68 +1,50 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = LoggedIn;
-var _propTypes = _interopRequireDefault(require("prop-types"));
-var _react = require("react");
-var _ahooks = require("ahooks");
-var _material = require("@mui/material");
-var _react2 = require("@iconify/react");
-var _personOutlineRounded = _interopRequireDefault(require("@iconify-icons/material-symbols/person-outline-rounded"));
-var _filterVintageOutlineRounded = _interopRequireDefault(require("@iconify-icons/material-symbols/filter-vintage-outline-rounded"));
-var _accountCircleOffOutlineRounded = _interopRequireDefault(require("@iconify-icons/material-symbols/account-circle-off-outline-rounded"));
-var _noop = _interopRequireDefault(require("lodash/noop"));
-var _Avatar = _interopRequireDefault(require("../../Avatar"));
-var _Util = require("../../Util");
-var _userInfo = _interopRequireDefault(require("./user-info"));
-var _Colors = require("../../Colors");
-var _constant = require("../../Util/constant");
-var _SessionPermission = _interopRequireDefault(require("../../SessionPermission"));
-var _translation = require("../libs/translation");
-var _util = require("../../Locale/util");
-var _jsxRuntime = require("react/jsx-runtime");
-const _excluded = ["icon", "title"];
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : String(i); }
-function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-function LoggedIn(_ref) {
-  var _session$user, _session$user$avatar;
-  let {
-    session,
-    dark,
-    onBindWallet,
-    isBlocklet,
-    locale,
-    size
-  } = _ref;
-  const t = (0, _ahooks.useMemoizedFn)(function (key) {
-    let data = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-    return (0, _util.translate)(_translation.translations, key, locale, 'en', data);
+import PropTypes from 'prop-types';
+import { useRef } from 'react';
+import { useMemoizedFn, useReactive } from 'ahooks';
+import { Box, ClickAwayListener, Divider, Fade, IconButton, MenuItem, MenuList, Paper, Popper } from '@mui/material';
+import { Icon } from '@iconify/react';
+import PersonOutlineRoundedIcon from '@iconify-icons/material-symbols/person-outline-rounded';
+import FilterVintageOutlineRoundedIcon from '@iconify-icons/material-symbols/filter-vintage-outline-rounded';
+import AccountCircleOffOutlineRoundedIcon from '@iconify-icons/material-symbols/account-circle-off-outline-rounded';
+import noop from 'lodash/noop';
+import DidAvatar from '../../Avatar';
+import { getUserAvatar } from '../../Util';
+import UserInfo from './user-info';
+import { temp as colors } from '../../Colors';
+import { DASHBOARD_URL, PROFILE_URL } from '../../Util/constant';
+import SessionPermission from '../../SessionPermission';
+import { translations } from '../libs/translation';
+import { translate } from '../../Locale/util';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Fragment as _Fragment } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+export default function LoggedIn({
+  session,
+  dark,
+  onBindWallet,
+  isBlocklet,
+  locale,
+  size
+}) {
+  const t = useMemoizedFn((key, data = {}) => {
+    return translate(translations, key, locale, 'en', data);
   });
-  const popperAnchorRef = (0, _react.useRef)(null);
-  const currentState = (0, _ahooks.useReactive)({
+  const popperAnchorRef = useRef(null);
+  const currentState = useReactive({
     open: false
   });
-  const onTogglePopper = (0, _ahooks.useMemoizedFn)(function () {
-    let value = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : !currentState.open;
+  const onTogglePopper = useMemoizedFn((value = !currentState.open) => {
     currentState.open = value;
   });
   // base64 img maybe have some blank char, need encodeURIComponent to transform it
-  const avatar = (0, _Util.getUserAvatar)((_session$user = session.user) === null || _session$user === void 0 ? void 0 : (_session$user$avatar = _session$user.avatar) === null || _session$user$avatar === void 0 ? void 0 : _session$user$avatar.replace(/\s/g, encodeURIComponent(' ')));
-  const handleSwitchPassport = (0, _ahooks.useMemoizedFn)(() => {
+  const avatar = getUserAvatar(session.user?.avatar?.replace(/\s/g, encodeURIComponent(' ')));
+  const handleSwitchPassport = useMemoizedFn(() => {
     onTogglePopper(false);
     session.switchPassport();
   });
-  const handleSwitchAccount = (0, _ahooks.useMemoizedFn)(function () {
-    let {
-      userSession
-    } = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  const handleSwitchAccount = useMemoizedFn(({
+    userSession
+  } = {}) => {
     return new Promise(resolve => {
       const options = {};
       if (!userSession) {
@@ -77,33 +59,33 @@ function LoggedIn(_ref) {
       }, {}, options);
     });
   });
-  const handleSwitchProfile = (0, _ahooks.useMemoizedFn)(() => {
+  const handleSwitchProfile = useMemoizedFn(() => {
     onTogglePopper(false);
     session.switchProfile();
   });
-  const onLogout = (0, _ahooks.useMemoizedFn)(() => {
+  const onLogout = useMemoizedFn(() => {
     onTogglePopper(false);
     session.logout();
   });
-  const handleBindWallet = (0, _ahooks.useMemoizedFn)(() => {
+  const handleBindWallet = useMemoizedFn(() => {
     onTogglePopper(false);
     session.bindWallet(onBindWallet);
   });
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_material.IconButton, {
+  return /*#__PURE__*/_jsxs(_Fragment, {
+    children: [/*#__PURE__*/_jsx(IconButton, {
       ref: popperAnchorRef,
       onClick: () => onTogglePopper(),
       size: "medium",
       "data-cy": "sessionManager-logout-popup",
       "aria-label": "User info button",
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Avatar.default, {
+      children: /*#__PURE__*/_jsx(DidAvatar, {
         variant: "circle",
         did: session.user.did,
         src: avatar,
         size: size,
         shape: "circle"
       })
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Popper, {
+    }), /*#__PURE__*/_jsx(Popper, {
       open: currentState.open,
       onClose: () => onTogglePopper(false),
       anchorEl: popperAnchorRef.current,
@@ -113,136 +95,135 @@ function LoggedIn(_ref) {
       sx: {
         zIndex: 1600
       },
-      children: _ref2 => {
-        let {
-          TransitionProps
-        } = _ref2;
-        return /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.ClickAwayListener, {
-          onClickAway: e => {
-            e.preventDefault();
-            e.stopPropagation();
-            onTogglePopper(false);
-          },
-          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Fade, _objectSpread(_objectSpread({}, TransitionProps), {}, {
-            timeout: 350,
-            children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.Paper, {
-              variant: "outlined",
+      children: ({
+        TransitionProps
+      }) => /*#__PURE__*/_jsx(ClickAwayListener, {
+        onClickAway: e => {
+          e.preventDefault();
+          e.stopPropagation();
+          onTogglePopper(false);
+        },
+        children: /*#__PURE__*/_jsx(Fade, {
+          ...TransitionProps,
+          timeout: 350,
+          children: /*#__PURE__*/_jsxs(Paper, {
+            variant: "outlined",
+            sx: {
+              borderRadius: 3,
+              width: 350,
+              maxWidth: '90vw',
+              borderColor: colors.lineStep,
+              border: '0 !important',
+              boxShadow: `0px 8px 16px 0px ${colors.gray6}, 0px 0px 0px 1px ${colors.gray6}`
+            },
+            children: [/*#__PURE__*/_jsx(UserInfo, {
+              locale: locale,
+              isBlocklet: isBlocklet,
+              session: session,
+              onSwitchPassport: handleSwitchPassport,
+              onSwitchAccount: handleSwitchAccount,
+              onSwitchProfile: handleSwitchProfile,
+              onBindWallet: handleBindWallet
+            }), /*#__PURE__*/_jsx(Divider, {
+              sx: {
+                m: '0!important',
+                borderColor: colors.strokeSep
+              }
+            }), /*#__PURE__*/_jsxs(MenuList, {
               sx: {
-                borderRadius: 3,
-                width: 350,
-                maxWidth: '90vw',
-                borderColor: _Colors.temp.lineStep,
-                border: '0 !important',
-                boxShadow: "0px 8px 16px 0px ".concat(_Colors.temp.gray6, ", 0px 0px 0px 1px ").concat(_Colors.temp.gray6)
+                p: 0
               },
-              children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_userInfo.default, {
-                locale: locale,
-                isBlocklet: isBlocklet,
-                session: session,
-                onSwitchPassport: handleSwitchPassport,
-                onSwitchAccount: handleSwitchAccount,
-                onSwitchProfile: handleSwitchProfile,
-                onBindWallet: handleBindWallet
-              }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Divider, {
-                sx: {
-                  m: '0!important',
-                  borderColor: _Colors.temp.strokeSep
-                }
-              }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.MenuList, {
-                sx: {
-                  p: 0
-                },
-                children: [isBlocklet ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-                  children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_SessionPermission.default, {
-                    session: session,
-                    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(SessionMenuItem, {
-                      icon: _filterVintageOutlineRounded.default,
-                      title: t('dashboard'),
-                      component: "a",
-                      href: _constant.DASHBOARD_URL,
-                      sx: {
-                        display: 'block',
-                        textDecoration: 'none',
-                        color: 'inherit'
-                      }
-                    })
-                  }), /*#__PURE__*/(0, _jsxRuntime.jsx)(SessionMenuItem, {
-                    icon: _personOutlineRounded.default,
-                    title: t('profile'),
+              children: [isBlocklet ? /*#__PURE__*/_jsxs(_Fragment, {
+                children: [/*#__PURE__*/_jsx(SessionPermission, {
+                  session: session,
+                  children: /*#__PURE__*/_jsx(SessionMenuItem, {
+                    icon: FilterVintageOutlineRoundedIcon,
+                    title: t('dashboard'),
                     component: "a",
-                    href: _constant.PROFILE_URL,
+                    href: DASHBOARD_URL,
                     sx: {
                       display: 'block',
                       textDecoration: 'none',
                       color: 'inherit'
                     }
-                  }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Divider, {
-                    sx: {
-                      m: '0!important',
-                      borderColor: _Colors.temp.strokeSep
-                    }
-                  })]
-                }) : null, /*#__PURE__*/(0, _jsxRuntime.jsx)(SessionMenuItem, {
-                  icon: _accountCircleOffOutlineRounded.default,
-                  title: t('logout'),
+                  })
+                }), /*#__PURE__*/_jsx(SessionMenuItem, {
+                  icon: PersonOutlineRoundedIcon,
+                  title: t('profile'),
+                  component: "a",
+                  href: PROFILE_URL,
                   sx: {
-                    color: 'error.main'
-                  },
-                  onClick: onLogout,
-                  "data-cy": "sessionManager-logout-trigger"
+                    display: 'block',
+                    textDecoration: 'none',
+                    color: 'inherit'
+                  }
+                }), /*#__PURE__*/_jsx(Divider, {
+                  sx: {
+                    m: '0!important',
+                    borderColor: colors.strokeSep
+                  }
                 })]
+              }) : null, /*#__PURE__*/_jsx(SessionMenuItem, {
+                icon: AccountCircleOffOutlineRoundedIcon,
+                title: t('logout'),
+                sx: {
+                  color: 'error.main'
+                },
+                onClick: onLogout,
+                "data-cy": "sessionManager-logout-trigger"
               })]
-            })
-          }))
-        });
-      }
+            })]
+          })
+        })
+      })
     })]
   });
 }
 LoggedIn.propTypes = {
-  session: _propTypes.default.object.isRequired,
-  onBindWallet: _propTypes.default.func,
-  dark: _propTypes.default.bool,
-  isBlocklet: _propTypes.default.bool,
-  locale: _propTypes.default.string,
-  size: _propTypes.default.number
+  session: PropTypes.object.isRequired,
+  onBindWallet: PropTypes.func,
+  dark: PropTypes.bool,
+  isBlocklet: PropTypes.bool,
+  locale: PropTypes.string,
+  size: PropTypes.number
 };
 LoggedIn.defaultProps = {
   dark: false,
   isBlocklet: true,
-  onBindWallet: _noop.default,
+  onBindWallet: noop,
   locale: 'en',
   size: 24
 };
-function SessionMenuItem(_ref3) {
-  let {
-      icon,
-      title
-    } = _ref3,
-    rest = _objectWithoutProperties(_ref3, _excluded);
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Box, _objectSpread(_objectSpread({}, rest), {}, {
-    sx: _objectSpread({
-      p: 0.5
-    }, rest === null || rest === void 0 ? void 0 : rest.sx),
-    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.MenuItem, {
+function SessionMenuItem({
+  icon,
+  title,
+  ...rest
+}) {
+  return /*#__PURE__*/_jsx(Box, {
+    ...rest,
+    sx: {
+      p: 0.5,
+      ...rest?.sx
+    },
+    children: /*#__PURE__*/_jsxs(MenuItem, {
       sx: {
         display: 'flex',
         gap: 1,
         alignItems: 'center',
         borderRadius: 2,
         '&:hover': {
-          backgroundColor: "".concat(_Colors.temp.surfacePrimarySubtitle, " !important")
+          backgroundColor: `${colors.surfacePrimarySubtitle} !important`
         },
         py: 1
       },
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_react2.Icon, {
+      children: [/*#__PURE__*/_jsx(Icon, {
         icon: icon,
         fontSize: 24
       }), title]
     })
-  }));
+  });
 }
 SessionMenuItem.propTypes = {
-  icon: _propTypes.default.any.isRequired,
-  title: _propTypes.default.string.isRequired
+  icon: PropTypes.any.isRequired,
+  title: PropTypes.string.isRequired
 };

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

@@ -1,49 +1,35 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _propTypes = _interopRequireDefault(require("prop-types"));
-var _react = require("react");
-var _material = require("@mui/material");
-var _react2 = require("@iconify/react");
-var _lens = _interopRequireDefault(require("@iconify-icons/material-symbols/lens"));
-var _WalletOSIcon = _interopRequireDefault(require("../../WalletOSIcon"));
-var _Avatar = _interopRequireDefault(require("../../Avatar"));
-var _DID = _interopRequireDefault(require("../../DID"));
-var _Colors = require("../../Colors");
-var _utils = require("../libs/utils");
-var _jsxRuntime = require("react/jsx-runtime");
-const _excluded = ["sessionItem", "statusContent", "active"];
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : String(i); }
-function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-const SessionUserItem = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
-  var _sessionItem$extra, _sessionItem$extra2;
-  let {
-      sessionItem,
-      statusContent,
-      active
-    } = _ref,
-    rest = _objectWithoutProperties(_ref, _excluded);
-  const isRawWalletAccount = (0, _utils.getSourceProvider)(sessionItem === null || sessionItem === void 0 ? void 0 : sessionItem.user) === 'wallet';
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.Box, _objectSpread(_objectSpread({}, rest), {}, {
+import PropTypes from 'prop-types';
+import { forwardRef } from 'react';
+import { Box, IconButton, Tooltip, Typography } 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 { temp as colors } from '../../Colors';
+import { getSourceProvider } from '../libs/utils';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+const SessionUserItem = /*#__PURE__*/forwardRef(({
+  sessionItem,
+  statusContent,
+  active,
+  ...rest
+}, ref) => {
+  const isRawWalletAccount = getSourceProvider(sessionItem?.user) === 'wallet';
+  return /*#__PURE__*/_jsxs(Box, {
+    ...rest,
     ref: ref,
-    sx: _objectSpread({
+    sx: {
       display: 'flex',
       alignItems: 'center',
       justifyContent: 'space-between',
       py: 0.75,
       px: 1,
-      width: '100%'
-    }, rest === null || rest === void 0 ? void 0 : rest.sx),
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.Box, {
+      width: '100%',
+      ...rest?.sx
+    },
+    children: [/*#__PURE__*/_jsxs(Box, {
       sx: {
         display: 'flex',
         alignItems: 'center',
@@ -53,23 +39,23 @@ const SessionUserItem = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
           display: 'none !important'
         },
         '& .did-address-text': {
-          color: "".concat(_Colors.temp.textBase, " !important")
+          color: `${colors.textBase} !important`
         }
       },
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Box, {
+      children: [/*#__PURE__*/_jsx(Box, {
         sx: {
           mr: 0.5,
           fontSize: 0
         },
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Avatar.default, {
+        children: /*#__PURE__*/_jsx(Avatar, {
           did: sessionItem.userDid,
           size: 36
         })
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_WalletOSIcon.default, {
+      }), /*#__PURE__*/_jsx(WalletOSIcon, {
         loading: sessionItem.__isDefault,
-        provider: sessionItem === null || sessionItem === void 0 ? void 0 : (_sessionItem$extra = sessionItem.extra) === null || _sessionItem$extra === void 0 ? void 0 : _sessionItem$extra.provider,
-        walletOS: sessionItem === null || sessionItem === void 0 ? void 0 : (_sessionItem$extra2 = sessionItem.extra) === null || _sessionItem$extra2 === void 0 ? void 0 : _sessionItem$extra2.walletOS
-      }), isRawWalletAccount ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_DID.default, {
+        provider: sessionItem?.extra?.provider,
+        walletOS: sessionItem?.extra?.walletOS
+      }), isRawWalletAccount ? /*#__PURE__*/_jsx(DID, {
         did: sessionItem.userDid,
         copyable: false,
         size: 14,
@@ -78,13 +64,13 @@ const SessionUserItem = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
         sx: {
           lineHeight: 1
         }
-      }) : sessionItem.user.email && /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Tooltip, {
+      }) : sessionItem.user.email && /*#__PURE__*/_jsx(Tooltip, {
         title: sessionItem.user.email,
         sx: {
           zIndex: 1600
         },
         placement: "top",
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Typography, {
+        children: /*#__PURE__*/_jsx(Typography, {
           sx: {
             fontSize: 14,
             overflow: 'hidden',
@@ -93,24 +79,24 @@ const SessionUserItem = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
           children: sessionItem.user.email
         })
       })]
-    }), statusContent || active && /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.IconButton, {
+    }), statusContent || active && /*#__PURE__*/_jsx(IconButton, {
       size: "small",
       disableRipple: true,
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_react2.Icon, {
-        icon: _lens.default,
+      children: /*#__PURE__*/_jsx(Icon, {
+        icon: LensIcon,
         fontSize: 6,
-        color: _Colors.temp.surfaceSuccess
+        color: colors.surfaceSuccess
       })
     })]
-  }));
+  });
 });
 SessionUserItem.propTypes = {
-  sessionItem: _propTypes.default.object.isRequired,
-  statusContent: _propTypes.default.node,
-  active: _propTypes.default.bool
+  sessionItem: PropTypes.object.isRequired,
+  statusContent: PropTypes.node,
+  active: PropTypes.bool
 };
 SessionUserItem.defaultProps = {
   statusContent: null,
   active: false
 };
-var _default = exports.default = SessionUserItem;
+export default SessionUserItem;