@arcblock/ux 2.7.15 → 2.7.17

package/lib/SessionManager/index.js

@@ -7,26 +7,25 @@ exports.default = void 0;
 var _react = require("react");
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _material = require("@mui/material");
-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 _ShieldCheck = _interopRequireDefault(require("mdi-material-ui/ShieldCheck"));
 var _Account = _interopRequireDefault(require("@arcblock/icons/lib/Account"));
-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 _useBrowser = _interopRequireDefault(require("@arcblock/react-hooks/lib/useBrowser"));
 var _noop = _interopRequireDefault(require("lodash/noop"));
-var _isEmpty = _interopRequireDefault(require("lodash/isEmpty"));
+var _cloneDeep = _interopRequireDefault(require("lodash/cloneDeep"));
+var _ahooks = require("ahooks");
 var _Avatar = _interopRequireDefault(require("../Avatar"));
-var _Address = _interopRequireDefault(require("../Address"));
 var _Util = require("../Util");
 var _federatedLoginDetecter = _interopRequireDefault(require("./federated-login-detecter"));
 var _userPopper = _interopRequireDefault(require("./user-popper"));
+var _userInfo = _interopRequireDefault(require("./user-info"));
+var _util = require("../Locale/util");
+var _manageAccounts = _interopRequireDefault(require("./manage-accounts"));
+var _manageBlocklet = _interopRequireDefault(require("./manage-blocklet"));
+var _translation = require("./translation");
+var _utils = require("./utils");
+var _useConfig = _interopRequireDefault(require("./use-config"));
+var _federated = require("../Util/federated");
 var _jsxRuntime = require("react/jsx-runtime");
-const _excluded = ["session", "locale", "showText", "showRole", "switchDid", "switchProfile", "switchPassport", "disableLogout", "onLogin", "onLogout", "onSwitchDid", "onSwitchProfile", "onSwitchPassport", "onBindWallet", "menu", "menuRender", "dark", "size"],
-  _excluded2 = ["svgIcon"];
-/* eslint-disable react/no-array-index-key  */
+const _excluded = ["session", "locale", "showText", "showRole", "switchDid", "switchProfile", "switchPassport", "disableLogout", "onLogin", "onLogout", "onSwitchDid", "onSwitchProfile", "onSwitchPassport", "onBindWallet", "menu", "menuRender", "dark", "size", "showManageBlocklet"];
+/* eslint-disable react/prop-types */
 /* eslint-disable react/jsx-no-bind */
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 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; }
@@ -36,47 +35,8 @@ function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typ
 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: {
-    account: 'account',
-    switchDid: 'Switch DID',
-    switchTo: 'Switch to',
-    switchProfile: 'Switch Profile',
-    switchPassport: 'Switch Passport',
-    disconnect: 'Disconnect',
-    connect: 'Connect',
-    openInWallet: 'Open DID Wallet',
-    alreadyBindOAuth: 'Already bind Auth0',
-    bind: 'Bind ',
-    thirdParty: 'Third Party Login',
-    connectedWith: 'Connected with'
-  },
-  zh: {
-    account: '账号',
-    switchDid: '切换账户',
-    switchTo: '切换至',
-    switchProfile: '切换用户信息',
-    switchPassport: '切换通行证',
-    disconnect: '退出',
-    connect: '登录',
-    openInWallet: '打开 DID 钱包',
-    // NOTE: 目前只有 Auth0，展示出具体的第三方名字会更好
-    alreadyBindOAuth: '已绑定 Auth0 账号',
-    bind: '绑定',
-    thirdParty: '第三方登录',
-    connectedWith: '连接至'
-  }
-};
-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, _window$blocklet, _window$blocklet$sett, _window$blocklet$sett2, _session$user3, _session$user4, _session$user5;
+  var _session$user, _session$user$avatar;
   let {
       session,
       locale,
@@ -95,36 +55,34 @@ function SessionManager(_ref) {
       menu,
       menuRender,
       dark,
-      size
+      size,
+      showManageBlocklet
     } = _ref,
     rest = _objectWithoutProperties(_ref, _excluded);
-  const translation = translations[locale] || translations.en;
+  const latestSession = (0, _ahooks.useLatest)(session);
+  const {
+    connectAccount,
+    config,
+    setConfig
+  } = (0, _useConfig.default)();
+  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);
+  });
   const userAnchorRef = (0, _react.useRef)(null);
-  // eslint-disable-next-line react/prop-types
   const {
     logoutOAuth,
-    bindOAuth,
-    configs: oauthConfigs,
     switchOAuthPassport
   } = session.useOAuth();
   const [userOpen, setUserOpen] = (0, _react.useState)(false);
 
   // 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 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)();
-  // eslint-disable-next-line react/prop-types
-  const {
-    walletDid
-  } = session.useDid({
-    session
-  });
-  const isRawWalletAccount = getSourceProvider(session.user) === 'wallet';
-  const connectedAccounts = getConnectedAccounts(session.user);
-  const federatedAccount = connectedAccounts.find(item => item.provider === 'federated');
+  const isRawWalletAccount = (0, _utils.getSourceProvider)(session.user) === 'wallet';
+  const connectedAccounts = (0, _utils.getConnectedAccounts)(session.user);
+  const isFirstLoading = (0, _react.useMemo)(() => {
+    return (session === null || session === void 0 ? void 0 : session.initialized) === false && (session === null || session === void 0 ? void 0 : session.loading) === true;
+  }, [session === null || session === void 0 ? void 0 : session.initialized, session === null || session === void 0 ? void 0 : session.loading]);
   let hasBindWallet = false;
   let hasBindAccount = false;
   if (isRawWalletAccount) {
@@ -136,19 +94,38 @@ function SessionManager(_ref) {
     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);
-  const isFirstLoading = (0, _react.useMemo)(() => {
-    // eslint-disable-next-line react/prop-types
-    return (session === null || session === void 0 ? void 0 : session.initialized) === false && (session === null || session === void 0 ? void 0 : session.loading) === true;
-    // eslint-disable-next-line react/prop-types
-  }, [session === null || session === void 0 ? void 0 : session.initialized, session === null || session === void 0 ? void 0 : session.loading]);
-  const masterSiteInfo = (_window$blocklet = window.blocklet) === null || _window$blocklet === void 0 ? void 0 : (_window$blocklet$sett = _window$blocklet.settings) === null || _window$blocklet$sett === void 0 ? void 0 : (_window$blocklet$sett2 = _window$blocklet$sett.federated) === null || _window$blocklet$sett2 === void 0 ? void 0 : _window$blocklet$sett2.master;
-  const currentSiteInfo = window.blocklet;
+  const _connectAccount = (0, _ahooks.useMemoizedFn)(async () => {
+    var _latestSession$curren, _window;
+    // HACK: 强制等待组件渲染一轮，以拿到最新的 session 值
+    await (0, _Util.sleep)();
+    if (!((_latestSession$curren = latestSession.current) !== null && _latestSession$curren !== void 0 && _latestSession$curren.user)) {
+      return;
+    }
+    if (typeof window === 'undefined') {
+      return;
+    }
+    const blocklet = (_window = window) === null || _window === void 0 ? void 0 : _window.blocklet;
+    const currentApp = (0, _federated.getCurrentApp)(blocklet);
+    const masterApp = (0, _federated.getFederatedApp)(blocklet);
+    const targetApp = latestSession.current.user.sourceAppPid ? masterApp : currentApp;
+    if (targetApp) {
+      const loginAccount = _objectSpread({
+        did: latestSession.current.user.did,
+        avatar: latestSession.current.user.avatar,
+        provider: latestSession.current.provider
+      }, targetApp);
+      connectAccount(loginAccount);
+    }
+  });
+
+  // HACK: 用于处理 统一登录 的自动登录情况，添加一个已连接的账号
+  // 同时可用于以前的站点，会自动生成一个已连接的账号
+  (0, _react.useEffect)(() => {
+    if (session.user) {
+      _connectAccount();
+    }
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [session.user]);
   if (!session.user) {
     return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
       children: [showText ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.Button, _objectSpread(_objectSpread({
@@ -169,7 +146,7 @@ function SessionManager(_ref) {
           style: {
             lineHeight: '25px'
           },
-          children: translation.connect
+          children: t('connect')
         })]
       })) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.IconButton, _objectSpread(_objectSpread({
         ref: userAnchorRef
@@ -210,15 +187,21 @@ function SessionManager(_ref) {
   function onToggleUser() {
     setUserOpen(prevOpen => !prevOpen);
   }
+  function close() {
+    setUserOpen(false);
+  }
   function onCloseUser(e) {
     if (userAnchorRef.current && userAnchorRef.current.contains(e.target)) {
       return;
     }
-    setUserOpen(false);
+    close();
   }
   function _onLogin() {
     if (!isFirstLoading) {
-      session.login(onLogin);
+      session.login(function () {
+        _connectAccount();
+        onLogin(...arguments);
+      });
     }
   }
   function _onLogout() {
@@ -234,7 +217,7 @@ function SessionManager(_ref) {
       }).catch(err => {
         console.error(err);
       }).finally(() => {
-        setUserOpen(false);
+        close();
       });
     });
   }
@@ -242,29 +225,10 @@ function SessionManager(_ref) {
    * @name 切换账户
    * @description 该功能仅在登录后才能使用，目前仅用于切换普通登录和统一登录的账户，所以会增加一些与统一登录相关的逻辑
    */
-  function _onSwitchDid() {
-    const {
-      provider,
-      user
-    } = session;
-    if (!user) return;
-    let targetProvider = provider;
-    if (provider === 'federated') {
-      targetProvider = 'wallet';
-    } else if (['auth0', 'wallet'].includes(provider)) {
-      targetProvider = 'federated';
-    }
-    session.switchDid(function () {
-      setUserOpen(false);
-      onSwitchDid(...arguments);
-    }, {
-      provider: targetProvider,
-      providerMode: 'paramsFirst'
-    });
-  }
+
   function _onSwitchProfile() {
     session.switchProfile(function () {
-      setUserOpen(false);
+      close();
       onSwitchProfile(...arguments);
     });
   }
@@ -273,28 +237,16 @@ function SessionManager(_ref) {
       user,
       provider
     } = session;
-    if (!isRawWalletAccount && provider !== 'federated') {
+    if (['auth0'].includes(provider)) {
       switchOAuthPassport(user);
     } else {
-      setUserOpen(false);
+      close();
       session.switchPassport(function () {
-        setUserOpen(false);
+        close();
         onSwitchPassport(...arguments);
       });
     }
   }
-  function _onBindWallet() {
-    setUserOpen(false);
-    // FIXME: @zhanghan 暂时切换回 isRawWalletAccount 的方式来判断，在 did-connect 改版时，简化这里的关系判断
-    if (!isRawWalletAccount) {
-      session.bindWallet(function () {
-        setUserOpen(false);
-        onBindWallet(...arguments);
-      });
-    } else {
-      bindOAuth();
-    }
-  }
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
     children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_material.IconButton, _objectSpread(_objectSpread({
       ref: userAnchorRef,
@@ -323,151 +275,47 @@ function SessionManager(_ref) {
         sx: {
           p: 0
         },
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-          className: "session-manager-user",
-          children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-            className: "session-manager-user-name",
-            role: "button",
-            "aria-label": "User info panel",
-            children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
-              children: session.user.fullName
-            }), !!showRole && ((currentRole === null || currentRole === void 0 ? void 0 : currentRole.title) || ((_session$user3 = session.user) === null || _session$user3 === void 0 ? void 0 : _session$user3.role.toUpperCase())) && /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Chip, {
-              label: (currentRole === null || currentRole === void 0 ? void 0 : currentRole.title) || ((_session$user4 = session.user) === null || _session$user4 === void 0 ? void 0 : _session$user4.role.toUpperCase()),
-              size: "small",
-              variant: "outlined",
-              sx: {
-                height: 'auto',
-                marginRight: 0
-              },
-              icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.SvgIcon, {
-                component: _ShieldCheck.default,
-                size: "small"
-              })
-            })]
-          }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-            className: "session-manager-id-list",
-            "aria-label": "User DID list",
-            children: [walletDid && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-              className: "session-manager-id-item",
-              children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Address.default, {
-                responsive: false,
-                children: walletDid
-              })
-            }), federatedAccount && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-              className: "session-manager-id-item",
-              children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Address.default, {
-                responsive: false,
-                children: federatedAccount.did
-              })
-            }), (session === null || session === void 0 ? void 0 : (_session$user5 = session.user) === null || _session$user5 === void 0 ? void 0 : _session$user5.email) && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-              className: "session-manager-id-item",
-              children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Address.default, {
-                responsive: false,
-                children: session.user.email
-              })
-            })]
-          })]
-        }), Array.isArray(menu) && menu.map((menuItem, index) => {
-          const {
-              svgIcon
-            } = menuItem,
-            menuProps = _objectWithoutProperties(menuItem, _excluded2);
-          return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.MenuItem, _objectSpread(_objectSpread({
-            className: "session-manager-menu-item"
-          }, _objectSpread(_objectSpread({}, menuProps), {}, {
-            icon: undefined,
-            label: undefined
-          })), {}, {
-            children: [svgIcon ? svgIcon && /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.SvgIcon, {
-              component: svgIcon,
-              className: "session-manager-menu-icon"
-            }) : menuItem.icon, menuItem.label]
-          }), index);
-        }), menuRender({
-          classes: {
-            menuItem: 'session-manager-menu-item',
-            menuIcon: 'session-manager-menu-icon'
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_userInfo.default, {
+          session: session,
+          size: size,
+          locale: locale,
+          onSwitchProfile: () => {
+            close();
+            _onSwitchProfile();
+          },
+          onSwitchPassport: () => {
+            close();
+            _onSwitchPassport();
+          },
+          close: close,
+          switchProfile: switchProfile,
+          hasBindWallet: hasBindWallet
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Divider, {}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_manageAccounts.default, {
+          session: session,
+          locale: locale,
+          onBindWallet: onBindWallet,
+          onSwitchDid: onSwitchDid,
+          connectAccount: _connectAccount,
+          close: close,
+          hasBindAccount: hasBindAccount,
+          onLogout: _onLogout,
+          expanded: config.expandAccount,
+          onExpand: value => {
+            const cloneConfig = (0, _cloneDeep.default)(config);
+            cloneConfig.expandAccount = value;
+            setConfig(cloneConfig);
           }
-        }), !browser.wallet && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.MenuItem, {
-          component: "a",
-          className: "session-manager-menu-item",
-          "data-cy": "sessionManager-openInWallet",
-          href: "https://www.abtwallet.io/",
-          "aria-label": translation.openInWallet,
-          target: "_blank",
-          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_material.SvgIcon, {
-            component: _OpenIn.default,
-            className: "session-manager-menu-icon"
-          }), translation.openInWallet]
-        }), !(0, _isEmpty.default)(masterSiteInfo) && !!switchDid && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.MenuItem, {
-          className: "session-manager-menu-item",
-          onClick: _onSwitchDid,
-          "aria-label": translation.switchDid,
-          "data-cy": "sessionManager-switch-trigger",
-          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_material.SvgIcon, {
-            component: _Switch.default,
-            className: "session-manager-menu-icon"
-          }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.Box, {
-            sx: {
-              whiteSpace: 'normal',
-              wordBreak: 'break-all'
-            },
-            children: [translation.switchTo, session.provider === 'federated' ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Link, {
-              mx: 1,
-              href: currentSiteInfo.appUrl,
-              underline: "hover",
-              target: "_blank",
-              title: currentSiteInfo.appName,
-              "aria-label": "Open current site url",
-              children: currentSiteInfo.appName
-            }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Link, {
-              mx: 1,
-              href: masterSiteInfo.appUrl,
-              underline: "hover",
-              target: "_blank",
-              title: masterSiteInfo.appName,
-              "aria-label": "Open federated master site url",
-              children: masterSiteInfo.appName
-            }), translation.account]
-          })]
-        }), !!switchProfile && hasBindWallet && session.provider !== 'federated' && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.MenuItem, {
-          className: "session-manager-menu-item",
-          onClick: _onSwitchProfile,
-          "aria-label": translation.switchProfile,
-          "data-cy": "sessionManager-switch-profile-trigger",
-          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_material.SvgIcon, {
-            component: _PersonOutline.default,
-            className: "session-manager-menu-icon"
-          }), translation.switchProfile]
-        }), !!switchPassport && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.MenuItem, {
-          className: "session-manager-menu-item",
-          onClick: _onSwitchPassport,
-          "aria-label": translation.switchPassport,
-          "data-cy": "sessionManager-switch-passport-trigger",
-          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_material.SvgIcon, {
-            component: _VpnKeyOutlined.default,
-            className: "session-manager-menu-icon"
-          }), translation.switchPassport]
-        }), oauthConfigList.length > 0 && !hasBindAccount && session.provider !== 'federated' && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.MenuItem, {
-          className: "session-manager-menu-item",
-          onClick: _onBindWallet,
-          "aria-label": !isRawWalletAccount ? "".concat(translation.bind, "DID Wallet") : "".concat(translation.bind).concat(translation.thirdParty),
-          "data-cy": "sessionManager-bind-trigger",
-          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_material.SvgIcon, {
-            component: _Link.default,
-            className: "session-manager-menu-icon"
-          }), !isRawWalletAccount ? "".concat(translation.bind, "DID Wallet") : "".concat(translation.bind).concat(translation.thirdParty)]
-        }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.MenuItem, {
-          className: "session-manager-menu-item",
-          onClick: _onLogout,
-          disabled: disableLogout,
-          "aria-label": "Logout account",
-          "data-cy": "sessionManager-logout-trigger",
-          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_material.SvgIcon, {
-            component: _Disconnect.default,
-            className: "session-manager-menu-icon"
-          }), translation.disconnect]
-        })]
+        }), showManageBlocklet ? [/*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Divider, {}, "divider"), /*#__PURE__*/(0, _jsxRuntime.jsx)(_manageBlocklet.default, {
+          menu: menu,
+          menuRender: menuRender,
+          locale: locale,
+          expanded: config.expandBlocklet,
+          onExpand: value => {
+            const cloneConfig = (0, _cloneDeep.default)(config);
+            cloneConfig.expandBlocklet = value;
+            setConfig(cloneConfig);
+          }
+        }, "manageBlocklet")] : null]
       })
     })]
   });
@@ -475,7 +323,7 @@ function SessionManager(_ref) {
 SessionManager.propTypes = {
   session: _propTypes.default.shape({
     federatedMaster: _propTypes.default.object,
-    provider: _propTypes.default.oneOf(['wallet', 'federated', 'auth0', '']),
+    provider: _propTypes.default.oneOf(['wallet', 'auth0', '']),
     user: _propTypes.default.shape({
       did: _propTypes.default.string.isRequired,
       role: _propTypes.default.string.isRequired,
@@ -519,7 +367,8 @@ SessionManager.propTypes = {
   menu: _propTypes.default.array,
   menuRender: _propTypes.default.func,
   dark: _propTypes.default.bool,
-  size: _propTypes.default.number
+  size: _propTypes.default.number,
+  showManageBlocklet: _propTypes.default.bool
 };
 SessionManager.defaultProps = {
   locale: 'en',
@@ -538,7 +387,8 @@ SessionManager.defaultProps = {
   onSwitchPassport: _noop.default,
   onBindWallet: _noop.default,
   dark: false,
-  size: 24
+  size: 24,
+  showManageBlocklet: true
 };
 var _default = SessionManager;
 exports.default = _default;