@arcblock/ux 2.5.58 → 2.5.59

package/lib/Screenshot/BaseScreenshot/shells/Macbook.js

@@ -5,15 +5,12 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.Shell = Shell;
 exports.width = exports.screenData = exports.ratio = exports.height = exports.default = void 0;
-
 var _jsxRuntime = require("react/jsx-runtime");
-
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
+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(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
 function Shell(_ref) {
   let rest = Object.assign({}, _ref);
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)("svg", _objectSpread(_objectSpread({
@@ -35,16 +32,18 @@ function Shell(_ref) {
       fill: "#282828"
     })]
   }));
-} // 设备截图的实际尺寸
-
+}
 
+// 设备截图的实际尺寸
 const width = 909;
 exports.width = width;
-const height = 517; // 屏幕的比例
+const height = 517;
 
+// 屏幕的比例
 exports.height = height;
-const ratio = 438 / 785; // 屏幕相关数据
+const ratio = 438 / 785;
 
+// 屏幕相关数据
 exports.ratio = ratio;
 const screenData = {
   // 屏幕坐标轴相对图片的百分比

package/lib/Screenshot/BaseScreenshot/shells/Phone.js

@@ -5,20 +5,16 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.Shell = Shell;
 exports.width = exports.screenData = exports.ratio = exports.height = exports.default = void 0;
-
 var _jsxRuntime = require("react/jsx-runtime");
-
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
+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(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
 const width = 268;
 exports.width = width;
 const height = 554;
 exports.height = height;
-
 function Shell(_ref) {
   let rest = Object.assign({}, _ref);
   return /*#__PURE__*/(0, _jsxRuntime.jsx)("svg", _objectSpread(_objectSpread({
@@ -36,7 +32,6 @@ function Shell(_ref) {
     })
   }));
 }
-
 const ratio = 798 / 386;
 exports.ratio = ratio;
 const screenData = {

package/lib/Screenshot/index.js

@@ -4,40 +4,25 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = require("react");
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _Util = require("../Util");
-
 var _Theme = require("../Theme");
-
 var _BaseScreenshot = _interopRequireDefault(require("./BaseScreenshot"));
-
 require("./devices.css");
-
 var _jsxRuntime = require("react/jsx-runtime");
-
 var _templateObject, _templateObject2;
-
 const _excluded = ["type", "children", "style", "className", "width", "height"],
-      _excluded2 = ["type", "src", "children", "style", "sx"];
-
+  _excluded2 = ["type", "src", "children", "style", "sx"];
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
-
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
+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(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
 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 types = {
   'iphone-x': {
     borderRadius: 32,
@@ -109,56 +94,45 @@ const childProps = {
   img: ['alt', 'title', 'src', 'srcSet', 'sizes', 'loading', 'key', 'children'],
   video: ['alt', 'title', 'muted', 'autoplay', 'loop', 'key', 'children']
 };
-
 const createChild = child => [/*#__PURE__*/(0, _react.createElement)(child.type, childProps[child.type].reduce((acc, x) => {
   acc[x] = child.props[x];
   return acc;
 }, {}))];
-
 const findChildren = function findChildren(children) {
   let returnArgWhenNotFound = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
-
   for (let i = 0; i < children.length; i++) {
     const child = children[i];
-
     if (['img', 'video'].includes(child.type)) {
       return createChild(child);
     }
-
     if (child.props && child.props.children) {
       const subChildren = _react.Children.toArray(child.props.children);
-
       const result = findChildren(subChildren, false);
-
       if (result) {
         return result;
       }
     }
   }
-
   if (returnArgWhenNotFound) {
     return children;
   }
-
   return null;
-}; // This component is built upon the awesome device.css lib
+};
+
+// This component is built upon the awesome device.css lib
 // By default it will find and only render img/video tags in the children
 // If neither of them are found, the whole child tree is rendered
-
-
 function OldScreenshot(props) {
   const newProps = (0, _Util.mergeProps)(props, OldScreenshot, ['style', 'width', 'height']);
-
   const {
-    type,
-    children,
-    style,
-    className,
-    width,
-    height
-  } = newProps,
-        rest = _objectWithoutProperties(newProps, _excluded);
-
+      type,
+      children,
+      style,
+      className,
+      width,
+      height
+    } = newProps,
+    rest = _objectWithoutProperties(newProps, _excluded);
   const {
     zIndex = 0,
     borderRadius = 0
@@ -190,7 +164,6 @@ function OldScreenshot(props) {
     })]
   }));
 }
-
 const Div = (0, _Theme.styled)('div')(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  @media (max-width: ", "px) {\n    transform-origin: 0 0;\n    transform: scale(", ");\n  }\n  .device-content {\n    overflow: hidden;\n  }\n  .device-content video,\n  .device-content img {\n    border-radius: ", "px;\n    background-color: #fff;\n    background-position: center center;\n    background-size: cover;\n    object-fit: cover;\n    width: 100.1%;\n    height: 100.1%;\n  }\n"])), props => types[props.type].width, props => types[props.type].scale, props => props.contentRadius);
 OldScreenshot.propTypes = {
   type: _propTypes.default.oneOf(Object.keys(types)),
@@ -207,30 +180,29 @@ OldScreenshot.defaultProps = {
   width: 0,
   height: 0
 };
+
 /**
  * 用于修正旧版 Screenshot 无法匹配尺寸的问题
  * @param {*} props params to OldScreenshot
  * @returns <OldScreenshot />
  */
-
 function ScreenFixer(props) {
   const screenEl = (0, _react.useRef)(null);
   const [height, setHeight] = (0, _react.useState)(undefined);
   const [scale, setScale] = (0, _react.useState)(null);
   (0, _react.useEffect)(() => {
     let resizeObs;
-
     const fixSize = () => {
       const {
         clientWidth
-      } = screenEl.current; // 获取内部元素的宽高
+      } = screenEl.current;
 
+      // 获取内部元素的宽高
       const {
         clientWidth: targetWidth,
         clientHeight: targetHeight
       } = screenEl.current.children[0];
       const realScale = clientWidth / targetWidth;
-
       if (realScale < 1) {
         setScale(realScale);
         setHeight(realScale * targetHeight);
@@ -239,17 +211,16 @@ function ScreenFixer(props) {
         setHeight(undefined);
       }
     };
-
     if (screenEl.current) {
       resizeObs = new ResizeObserver(fixSize);
       resizeObs.observe(screenEl.current);
     }
-
     return () => {
       if (resizeObs) {
         resizeObs.disconnect();
       }
-    }; // eslint-disable-next-line react-hooks/exhaustive-deps
+    };
+    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [screenEl.current]);
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(ReScreen, {
     ref: screenEl,
@@ -263,22 +234,19 @@ function ScreenFixer(props) {
     }))
   });
 }
-
 const ReScreen = (0, _Theme.styled)('div')(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  div[type] {\n    transform: scale(1);\n    transform-origin: 0 0;\n  }\n"])));
-
 function Screenshot(_ref) {
   let {
-    type,
-    src,
-    children,
-    style,
-    sx
-  } = _ref,
-      rest = _objectWithoutProperties(_ref, _excluded2);
-
-  const _type = type.toLowerCase(); // 新版采用容器采用BaseScreenshot，svg集成，更容易拓展，响应式更好
-
-
+      type,
+      src,
+      children,
+      style,
+      sx
+    } = _ref,
+    rest = _objectWithoutProperties(_ref, _excluded2);
+  const _type = type.toLowerCase();
+
+  // 新版采用容器采用BaseScreenshot，svg集成，更容易拓展，响应式更好
   if (['phone', 'macbook'].includes(_type)) {
     return /*#__PURE__*/(0, _jsxRuntime.jsx)(_BaseScreenshot.default, _objectSpread(_objectSpread({
       type: _type,
@@ -289,9 +257,9 @@ function Screenshot(_ref) {
         alt: "screenshot"
       }) : null)
     }));
-  } // 旧版采用纯css制作，定制性欠缺，暂时保留使用
-
+  }
 
+  // 旧版采用纯css制作，定制性欠缺，暂时保留使用
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(ScreenFixer, _objectSpread(_objectSpread({
     type: type
   }, rest), {}, {
@@ -304,7 +272,6 @@ function Screenshot(_ref) {
     }) : null)
   }));
 }
-
 Screenshot.propTypes = {
   type: _propTypes.default.string.isRequired,
   src: _propTypes.default.string,

package/lib/SessionManager/index.js

@@ -4,62 +4,38 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = require("react");
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _material = require("@mui/material");
-
 var _Account = _interopRequireDefault(require("@arcblock/icons/lib/Account"));
-
 var _ShieldCheck = _interopRequireDefault(require("mdi-material-ui/ShieldCheck"));
-
 var _OpenIn = _interopRequireDefault(require("@arcblock/icons/lib/OpenIn"));
-
 var _Disconnect = _interopRequireDefault(require("@arcblock/icons/lib/Disconnect"));
-
 var _Switch = _interopRequireDefault(require("@arcblock/icons/lib/Switch"));
-
 var _PersonOutline = _interopRequireDefault(require("@mui/icons-material/PersonOutline"));
-
 var _Link = _interopRequireDefault(require("@mui/icons-material/Link"));
-
 var _VpnKeyOutlined = _interopRequireDefault(require("@mui/icons-material/VpnKeyOutlined"));
-
 var _useBrowser = _interopRequireDefault(require("@arcblock/react-hooks/lib/useBrowser"));
-
 var _OAuth = require("@arcblock/did-connect/lib/OAuth");
-
 var _User = require("@arcblock/did-connect/lib/User");
-
 var _Theme = require("../Theme");
-
 var _Avatar = _interopRequireDefault(require("../Avatar"));
-
 var _Address = _interopRequireDefault(require("../Address"));
-
 var _jsxRuntime = require("react/jsx-runtime");
-
 var _templateObject;
-
 const _excluded = ["session", "locale", "showText", "showRole", "switchDid", "switchProfile", "switchPassport", "disableLogout", "onLogin", "onLogout", "onSwitchDid", "onSwitchProfile", "onSwitchPassport", "onBindWallet", "menu", "menuRender", "dark", "size"],
-      _excluded2 = ["svgIcon"];
-
+  _excluded2 = ["svgIcon"];
+/* eslint-disable react/no-array-index-key  */
+/* eslint-disable react/jsx-no-bind */
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
-
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
+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(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
 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 translations = {
   en: {
     switchDid: 'Switch DID',
@@ -85,44 +61,37 @@ const translations = {
     thirdParty: '第三方登录'
   }
 };
-
 const 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) || [];
 };
-
 const 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';
 };
-
 function SessionManager(_ref) {
   var _session$user, _session$user$avatar, _session$user3, _session$user4, _session$user5;
-
   let {
-    session,
-    locale,
-    showText,
-    showRole,
-    switchDid,
-    switchProfile,
-    switchPassport,
-    disableLogout,
-    onLogin,
-    onLogout,
-    onSwitchDid,
-    onSwitchProfile,
-    onSwitchPassport,
-    onBindWallet,
-    menu,
-    menuRender,
-    dark,
-    size
-  } = _ref,
-      rest = _objectWithoutProperties(_ref, _excluded);
-
+      session,
+      locale,
+      showText,
+      showRole,
+      switchDid,
+      switchProfile,
+      switchPassport,
+      disableLogout,
+      onLogin,
+      onLogout,
+      onSwitchDid,
+      onSwitchProfile,
+      onSwitchPassport,
+      onBindWallet,
+      menu,
+      menuRender,
+      dark,
+      size
+    } = _ref,
+    rest = _objectWithoutProperties(_ref, _excluded);
   const translation = translations[locale] || translations.en;
   const userAnchorRef = (0, _react.useRef)(null);
   const {
@@ -131,12 +100,12 @@ function SessionManager(_ref) {
     configs: oauthConfigs,
     switchOAuthPassport
   } = (0, _OAuth.useOAuth)();
-  const [userOpen, setUserOpen] = (0, _react.useState)(false); // base64 img maybe have some blank char, need encodeURIComponent to transform it
+  const [userOpen, setUserOpen] = (0, _react.useState)(false);
 
+  // base64 img maybe have some blank char, need encodeURIComponent to transform it
   const avatar = (_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 currentRole = (0, _react.useMemo)(() => {
     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.user]);
   const browser = (0, _useBrowser.default)();
@@ -149,25 +118,21 @@ function SessionManager(_ref) {
   const connectedAccounts = getConnectedAccounts(session.user);
   let hasBindWallet = false;
   let hasBindAccount = false;
-
   if (isRawWalletAccount) {
     if (connectedAccounts.some(item => item.provider !== 'wallet')) {
       hasBindAccount = true;
     }
-
     hasBindWallet = true;
   } else if (connectedAccounts.some(item => item.provider === 'wallet')) {
     hasBindAccount = true;
     hasBindWallet = true;
   }
-
   const oauthConfigList = Object.entries(oauthConfigs).map(_ref2 => {
     let [key, value] = _ref2;
     return _objectSpread(_objectSpread({}, value), {}, {
       provider: key
     });
   }).filter(item => item.enabled);
-
   if (!session.user) {
     return showText ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.Button, _objectSpread(_objectSpread({
       sx: [{
@@ -200,29 +165,23 @@ function SessionManager(_ref) {
       })
     }));
   }
-
   function onToggleUser() {
     setUserOpen(prevOpen => !prevOpen);
   }
-
   function onCloseUser(e) {
     if (userAnchorRef.current && userAnchorRef.current.contains(e.target)) {
       return;
     }
-
     setUserOpen(false);
   }
-
   function _onLogin() {
     session.login(onLogin);
   }
-
   function _onLogout() {
     session.logout(function () {
       for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
         args[_key] = arguments[_key];
       }
-
       logoutOAuth({
         session
       }, ...args).then(() => {
@@ -234,26 +193,22 @@ function SessionManager(_ref) {
       });
     });
   }
-
   function _onSwitchDid() {
     session.switchDid(function () {
       setUserOpen(false);
       onSwitchDid(...arguments);
     });
   }
-
   function _onSwitchProfile() {
     session.switchProfile(function () {
       setUserOpen(false);
       onSwitchProfile(...arguments);
     });
   }
-
   function _onSwitchPassport() {
     const {
       user
     } = session;
-
     if (isRawWalletAccount) {
       setUserOpen(false);
       session.switchPassport(function () {
@@ -264,10 +219,8 @@ function SessionManager(_ref) {
       switchOAuthPassport(user);
     }
   }
-
   function _onBindWallet() {
     setUserOpen(false);
-
     if (isRawWalletAccount) {
       bindOAuth();
     } else {
@@ -277,7 +230,6 @@ function SessionManager(_ref) {
       });
     }
   }
-
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
     children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_material.IconButton, _objectSpread(_objectSpread({
       ref: userAnchorRef,
@@ -369,10 +321,9 @@ function SessionManager(_ref) {
               })]
             }), Array.isArray(menu) && menu.map((menuItem, index) => {
               const {
-                svgIcon
-              } = menuItem,
-                    menuProps = _objectWithoutProperties(menuItem, _excluded2);
-
+                  svgIcon
+                } = menuItem,
+                menuProps = _objectWithoutProperties(menuItem, _excluded2);
               return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.MenuItem, _objectSpread(_objectSpread({
                 className: "session-manager-menu-item"
               }, _objectSpread(_objectSpread({}, menuProps), {}, {
@@ -447,7 +398,6 @@ function SessionManager(_ref) {
     })]
   });
 }
-
 SessionManager.propTypes = {
   session: _propTypes.default.shape({
     user: _propTypes.default.shape({
@@ -495,9 +445,7 @@ SessionManager.propTypes = {
   dark: _propTypes.default.bool,
   size: _propTypes.default.number
 };
-
 const noop = () => {};
-
 SessionManager.defaultProps = {
   locale: 'en',
   showText: false,