@arcblock/ux 2.9.91 → 2.10.0

package/lib/SessionUser/components/user-info.js

@@ -1,49 +1,37 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = UserInfo;
-var _propTypes = _interopRequireDefault(require("prop-types"));
-var _material = require("@mui/material");
-var _react = require("@iconify/react");
-var _swapHorizRounded = _interopRequireDefault(require("@iconify-icons/material-symbols/swap-horiz-rounded"));
-var _arrowRightAltRounded = _interopRequireDefault(require("@iconify-icons/material-symbols/arrow-right-alt-rounded"));
-var _ahooks = require("ahooks");
-var _noop = _interopRequireDefault(require("lodash/noop"));
-var _Avatar = _interopRequireDefault(require("../../Avatar"));
-var _Util = require("../../Util");
-var _sessionUserSwitch = _interopRequireDefault(require("./session-user-switch"));
-var _Colors = require("../../Colors");
-var _utils = require("../libs/utils");
-var _translation = require("../libs/translation");
-var _util = require("../../Locale/util");
-var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function UserInfo(_ref) {
-  var _session$user, _session$user$avatar, _session$user3, _session$user4, _session$user5;
-  let {
-    session,
-    onSwitchPassport,
-    onSwitchAccount,
-    onBindWallet,
-    onSwitchProfile,
-    locale,
-    isBlocklet
-  } = _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 { Box, Chip, Typography } from '@mui/material';
+import { Icon } from '@iconify/react';
+import SwapHorizRoundedIcon from '@iconify-icons/material-symbols/swap-horiz-rounded';
+import ArrowRightAltRoundedIcon from '@iconify-icons/material-symbols/arrow-right-alt-rounded';
+import { useCreation, useMemoizedFn } from 'ahooks';
+import noop from 'lodash/noop';
+import DidAvatar from '../../Avatar';
+import { getUserAvatar } from '../../Util';
+import SessionUserSwitch from './session-user-switch';
+import { temp as colors } from '../../Colors';
+import { getWallet } from '../libs/utils';
+import { translations } from '../libs/translation';
+import { translate } from '../../Locale/util';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+export default function UserInfo({
+  session,
+  onSwitchPassport,
+  onSwitchAccount,
+  onBindWallet,
+  onSwitchProfile,
+  locale,
+  isBlocklet
+}) {
+  const t = useMemoizedFn((key, data = {}) => {
+    return translate(translations, key, locale, 'en', data);
   });
-  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(' ')), 64);
-  const currentRole = (0, _ahooks.useCreation)(() => {
-    var _session$user2, _session$user2$passpo;
-    return (_session$user2 = session.user) === null || _session$user2 === void 0 ? void 0 : (_session$user2$passpo = _session$user2.passports) === null || _session$user2$passpo === void 0 ? void 0 : _session$user2$passpo.find(item => item.name === session.user.role);
-  }, [session === null || session === void 0 ? void 0 : (_session$user3 = session.user) === null || _session$user3 === void 0 ? void 0 : _session$user3.passports, session === null || session === void 0 ? void 0 : (_session$user4 = session.user) === null || _session$user4 === void 0 ? void 0 : _session$user4.role]);
-  const hasBindWallet = (0, _ahooks.useCreation)(() => {
-    return (0, _utils.getWallet)(session === null || session === void 0 ? void 0 : session.user);
-  }, [session === null || session === void 0 ? void 0 : session.user]);
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.Box, {
+  const avatar = getUserAvatar(session.user?.avatar?.replace(/\s/g, encodeURIComponent(' ')), 64);
+  const currentRole = useCreation(() => session.user?.passports?.find(item => item.name === session.user.role), [session?.user?.passports, session?.user?.role]);
+  const hasBindWallet = useCreation(() => {
+    return getWallet(session?.user);
+  }, [session?.user]);
+  return /*#__PURE__*/_jsxs(Box, {
     sx: {
       py: 2,
       px: 0.5,
@@ -52,7 +40,7 @@ function UserInfo(_ref) {
       flexDirection: 'column',
       gap: 1.5
     },
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.Box, {
+    children: [/*#__PURE__*/_jsxs(Box, {
       sx: {
         display: 'flex',
         justifyContent: 'space-between',
@@ -60,14 +48,14 @@ function UserInfo(_ref) {
         gap: 1,
         px: 2
       },
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.Box, {
+      children: [/*#__PURE__*/_jsxs(Box, {
         sx: {
           display: 'flex',
           alignItems: 'center',
           gap: 1.5
         },
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Box, {
-          onClick: isBlocklet ? _noop.default : onSwitchProfile,
+        children: [/*#__PURE__*/_jsx(Box, {
+          onClick: isBlocklet ? noop : onSwitchProfile,
           "data-cy": "sessionManager-switch-profile-trigger",
           sx: {
             cursor: isBlocklet ? 'default' : 'pointer',
@@ -78,7 +66,7 @@ function UserInfo(_ref) {
             flexShrink: 0,
             '&:hover': isBlocklet ? {} : {
               '&::after': {
-                content: "\"".concat(t('switch'), "\""),
+                content: `"${t('switch')}"`,
                 position: 'absolute',
                 bottom: 0,
                 background: 'rgba(0, 0, 0, 0.2)',
@@ -92,7 +80,7 @@ function UserInfo(_ref) {
               }
             }
           },
-          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Avatar.default, {
+          children: /*#__PURE__*/_jsx(DidAvatar, {
             variant: "circle",
             did: session.user.did,
             src: avatar,
@@ -102,15 +90,15 @@ function UserInfo(_ref) {
               cursor: isBlocklet ? 'unset' : 'pointer'
             }
           })
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Typography, {
+        }), /*#__PURE__*/_jsx(Typography, {
           variant: "h6",
           sx: {
             wordBreak: 'break-word'
           },
           children: session.user.fullName
         })]
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Chip, {
-        label: (currentRole === null || currentRole === void 0 ? void 0 : currentRole.title) || ((_session$user5 = session.user) === null || _session$user5 === void 0 ? void 0 : _session$user5.role.toUpperCase()),
+      }), /*#__PURE__*/_jsx(Chip, {
+        label: currentRole?.title || session.user?.role.toUpperCase(),
         size: "small",
         variant: "outlined",
         clickable: true,
@@ -118,31 +106,31 @@ function UserInfo(_ref) {
           flexShrink: 0,
           fontWeight: 'bold',
           fontSize: '12px',
-          color: _Colors.temp.textBase,
-          borderColor: _Colors.temp.borderBase,
+          color: colors.textBase,
+          borderColor: colors.borderBase,
           pr: 1,
           pl: 0.5,
           '&:active': {
             boxShadow: 'none'
           }
         },
-        deleteIcon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_react.Icon, {
-          icon: _swapHorizRounded.default,
-          color: _Colors.temp.textBase
+        deleteIcon: /*#__PURE__*/_jsx(Icon, {
+          icon: SwapHorizRoundedIcon,
+          color: colors.textBase
         }),
         onDelete: onSwitchPassport,
         onClick: onSwitchPassport,
         "data-cy": "sessionManager-switch-passport-trigger"
       })]
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_sessionUserSwitch.default, {
+    }), /*#__PURE__*/_jsx(SessionUserSwitch, {
       session: session,
       onSwitch: onSwitchAccount,
       isBlocklet: isBlocklet,
       locale: locale
-    }), !hasBindWallet ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.Box, {
+    }), !hasBindWallet ? /*#__PURE__*/_jsxs(Box, {
       sx: {
-        color: _Colors.temp.primaryBase,
-        backgroundColor: _Colors.temp.surfacePrimarySubtitle,
+        color: colors.primaryBase,
+        backgroundColor: colors.surfacePrimarySubtitle,
         borderRadius: 1,
         display: 'flex',
         justifyContent: 'space-between',
@@ -155,25 +143,25 @@ function UserInfo(_ref) {
       },
       onClick: onBindWallet,
       "data-cy": "sessionManager-bind-trigger",
-      children: [t('connectDIDWallet'), /*#__PURE__*/(0, _jsxRuntime.jsx)(_react.Icon, {
-        icon: _arrowRightAltRounded.default,
-        color: _Colors.temp.primaryBase,
+      children: [t('connectDIDWallet'), /*#__PURE__*/_jsx(Icon, {
+        icon: ArrowRightAltRoundedIcon,
+        color: colors.primaryBase,
         fontSize: 16
       })]
     }) : null]
   });
 }
 UserInfo.propTypes = {
-  session: _propTypes.default.object.isRequired,
-  onSwitchPassport: _propTypes.default.func.isRequired,
-  onSwitchAccount: _propTypes.default.func.isRequired,
-  onBindWallet: _propTypes.default.func.isRequired,
-  onSwitchProfile: _propTypes.default.func,
-  locale: _propTypes.default.string,
-  isBlocklet: _propTypes.default.bool
+  session: PropTypes.object.isRequired,
+  onSwitchPassport: PropTypes.func.isRequired,
+  onSwitchAccount: PropTypes.func.isRequired,
+  onBindWallet: PropTypes.func.isRequired,
+  onSwitchProfile: PropTypes.func,
+  locale: PropTypes.string,
+  isBlocklet: PropTypes.bool
 };
 UserInfo.defaultProps = {
   locale: 'en',
   isBlocklet: true,
-  onSwitchProfile: _noop.default
+  onSwitchProfile: noop
 };

package/lib/SessionUser/index.js

@@ -1,28 +1,20 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = SessionUser;
-var _propTypes = _interopRequireDefault(require("prop-types"));
-var _noop = _interopRequireDefault(require("lodash/noop"));
-var _ahooks = require("ahooks");
-var _loggedIn = _interopRequireDefault(require("./components/logged-in"));
-var _unLogin = _interopRequireDefault(require("./components/un-login"));
-var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function SessionUser(_ref) {
-  let {
-    session,
-    onBindWallet,
-    locale,
-    size
-  } = _ref;
-  const isBlocklet = (0, _ahooks.useCreation)(() => {
-    return !!(globalThis !== null && globalThis !== void 0 && globalThis.blocklet);
+import PropTypes from 'prop-types';
+import noop from 'lodash/noop';
+import { useCreation } from 'ahooks';
+import LoggedIn from './components/logged-in';
+import UnLogin from './components/un-login';
+import { jsx as _jsx } from "react/jsx-runtime";
+export default function SessionUser({
+  session,
+  onBindWallet,
+  locale,
+  size
+}) {
+  const isBlocklet = useCreation(() => {
+    return !!globalThis?.blocklet;
   });
   if (session.user) {
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_loggedIn.default, {
+    return /*#__PURE__*/_jsx(LoggedIn, {
       isBlocklet: isBlocklet,
       session: session,
       onBindWallet: onBindWallet,
@@ -30,7 +22,7 @@ function SessionUser(_ref) {
       size: size
     });
   }
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_unLogin.default, {
+  return /*#__PURE__*/_jsx(UnLogin, {
     session: session,
     isBlocklet: isBlocklet,
     locale: locale,
@@ -38,20 +30,20 @@ function SessionUser(_ref) {
   });
 }
 SessionUser.propTypes = {
-  session: _propTypes.default.shape({
-    user: _propTypes.default.shape({
-      did: _propTypes.default.string.isRequired,
-      fullName: _propTypes.default.string.isRequired,
-      avatar: _propTypes.default.string.isRequired,
-      email: _propTypes.default.string
+  session: PropTypes.shape({
+    user: PropTypes.shape({
+      did: PropTypes.string.isRequired,
+      fullName: PropTypes.string.isRequired,
+      avatar: PropTypes.string.isRequired,
+      email: PropTypes.string
     })
   }).isRequired,
-  onBindWallet: _propTypes.default.func,
-  locale: _propTypes.default.string,
-  size: _propTypes.default.number
+  onBindWallet: PropTypes.func,
+  locale: PropTypes.string,
+  size: PropTypes.number
 };
 SessionUser.defaultProps = {
-  onBindWallet: _noop.default,
+  onBindWallet: noop,
   locale: 'en',
   size: 24
 };

package/lib/SessionUser/libs/translation.js

@@ -1,11 +1,5 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.translations = void 0;
 /* eslint-disable import/prefer-default-export */
-const translations = exports.translations = {
+export const translations = {
   en: {
     connectDIDWallet: 'Connect your DID Wallet for enhanced security',
     switch: 'Switch',

package/lib/SessionUser/libs/utils.js

@@ -1,50 +1,29 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.getConnectedAccounts = getConnectedAccounts;
-exports.getConnectedDids = getConnectedDids;
-exports.getCurrentAppPid = void 0;
-exports.getPermanentDid = getPermanentDid;
-exports.getSourceAppPid = void 0;
-exports.getSourceProvider = getSourceProvider;
-exports.getSourceProviders = getSourceProviders;
-exports.getWallet = getWallet;
-exports.getWalletDid = getWalletDid;
-const getSourceAppPid = user => user === null || user === void 0 ? void 0 : user.sourceAppPid;
-exports.getSourceAppPid = getSourceAppPid;
-const getCurrentAppPid = user => {
-  var _window, _window$blocklet;
-  return (user === null || user === void 0 ? void 0 : user.sourceAppPid) || ((_window = window) === null || _window === void 0 ? void 0 : (_window$blocklet = _window.blocklet) === null || _window$blocklet === void 0 ? void 0 : _window$blocklet.appPid);
-};
-exports.getCurrentAppPid = getCurrentAppPid;
-function getPermanentDid(user) {
-  return user === null || user === void 0 ? void 0 : user.did;
+export const getSourceAppPid = user => user?.sourceAppPid;
+export const getCurrentAppPid = user => user?.sourceAppPid || window?.blocklet?.appPid;
+export function getPermanentDid(user) {
+  return user?.did;
 }
-function getConnectedAccounts(user) {
-  var _user$extraConfigs;
-  return (user === null || user === void 0 ? void 0 : user.connectedAccounts) || (user === null || user === void 0 ? void 0 : (_user$extraConfigs = user.extraConfigs) === null || _user$extraConfigs === void 0 ? void 0 : _user$extraConfigs.connectedAccounts) || [];
+export function getConnectedAccounts(user) {
+  return user?.connectedAccounts || user?.extraConfigs?.connectedAccounts || [];
 }
-function getSourceProvider(user) {
-  var _user$extraConfigs2;
-  return (user === null || user === void 0 ? void 0 : user.sourceProvider) || (user === null || user === void 0 ? void 0 : (_user$extraConfigs2 = user.extraConfigs) === null || _user$extraConfigs2 === void 0 ? void 0 : _user$extraConfigs2.sourceProvider) || 'wallet';
+export function getSourceProvider(user) {
+  return user?.sourceProvider || user?.extraConfigs?.sourceProvider || 'wallet';
 }
-function getSourceProviders(user) {
+export function getSourceProviders(user) {
   const connectedAccounts = getConnectedAccounts(user);
   return connectedAccounts.map(item => item.provider);
 }
-function getConnectedDids(user) {
+export function getConnectedDids(user) {
   const connectedAccounts = getConnectedAccounts(user);
   const didList = connectedAccounts.map(item => item.did);
   return didList;
 }
-function getWallet(user) {
+export function getWallet(user) {
   const connectedAccounts = getConnectedAccounts(user);
   const walletAccount = connectedAccounts.find(item => item.provider === 'wallet');
   return walletAccount;
 }
-function getWalletDid(user) {
+export function getWalletDid(user) {
   const walletAccount = getWallet(user);
-  return walletAccount === null || walletAccount === void 0 ? void 0 : walletAccount.did;
+  return walletAccount?.did;
 }

package/lib/Sparkline/index.js

@@ -1,9 +1,3 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = sparkline;
 /* eslint-disable guard-for-in */
 /* eslint-disable no-restricted-syntax */
 // origin: https://github.com/fnando/sparkline
@@ -23,7 +17,7 @@ function buildElement(tag, attrs) {
   }
   return element;
 }
-function sparkline(svg, entries, options) {
+export default function sparkline(svg, entries, options) {
   removeChildren(svg);
   if (entries.length <= 1) {
     return;
@@ -107,7 +101,7 @@ function sparkline(svg, entries, options) {
 
   // Hold the line coordinates.
   const pathY = getY(max, height, strokeWidth + spotRadius, values[0]);
-  let pathCoords = "M".concat(spotDiameter, " ").concat(pathY);
+  let pathCoords = `M${spotDiameter} ${pathY}`;
   values.forEach((value, index) => {
     const x = index * offset + spotDiameter;
     const y = getY(max, height, strokeWidth + spotRadius, value);
@@ -116,14 +110,14 @@ function sparkline(svg, entries, options) {
       x,
       y
     }));
-    pathCoords += " L ".concat(x, " ").concat(y);
+    pathCoords += ` L ${x} ${y}`;
   });
   const path = buildElement('path', {
     class: 'sparkline--line',
     d: pathCoords,
     fill: 'none'
   });
-  const fillCoords = "".concat(pathCoords, " V ").concat(fullHeight, " L ").concat(spotDiameter, " ").concat(fullHeight, " Z");
+  const fillCoords = `${pathCoords} V ${fullHeight} L ${spotDiameter} ${fullHeight} Z`;
   const fill = buildElement('path', {
     class: 'sparkline--fill',
     d: fillCoords,

package/lib/Spinner/index.js

@@ -1,18 +1,7 @@
-"use strict";
+import CircularProgress from '@mui/material/CircularProgress';
+import { withDeprecated } from '../Util/deprecate';
 
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _CircularProgress = _interopRequireDefault(require("@mui/material/CircularProgress"));
-var _deprecate = require("../Util/deprecate");
-var _jsxRuntime = require("react/jsx-runtime");
-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); } /**
+/**
  * Spinner
  *
  * 之前的 Spinner 实现由内外 2 个环构成, 现在改为基于 @mui/material/CircularProgress 的实现
@@ -20,15 +9,20 @@ function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e =
  * - 之前 size prop 是 array 类型, 需要与 CircularProgress#size 兼容
  * - color 默认使用 #4598fa, 如果调用方传入了 color prop 或 style#color, 则默认 color 被覆盖
  */
+import { jsx as _jsx } from "react/jsx-runtime";
 function Spinner(props) {
-  const _props = _objectSpread({}, props);
+  const _props = {
+    ...props
+  };
   // 兼容之前的 size prop (设置外圈/内圈的尺寸)
   if (_props.size && Array.isArray(_props.size)) {
     [_props.size] = _props.size;
   }
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_CircularProgress.default, _objectSpread({}, _props));
+  return /*#__PURE__*/_jsx(CircularProgress, {
+    ..._props
+  });
 }
-var _default = exports.default = (0, _deprecate.withDeprecated)(Spinner, {
+export default withDeprecated(Spinner, {
   name: 'Spinner',
   alternative: '@mui/material/CircularProgress'
 });