@arcblock/ux 2.13.49 → 2.13.51

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

@@ -1,6 +1,7 @@
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import { useRef } from 'react';
+import { useEffect, useRef } from 'react';
 import { useCreation, useMemoizedFn, useReactive } from 'ahooks';
+import bridge from '@arcblock/bridge';
 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';
@@ -19,11 +20,13 @@ import { translations } from '../libs/translation';
 import { translate } from '../../Locale/util';
 import DidSpace from './did-space';
 import { mergeSx } from '../../Util/style';
+import { createDebug } from '../../Util/logger';
 const getInviteLink = inviter => {
   const url = new URL(window.location.href);
   url.searchParams.set('inviter', inviter);
   return url.toString();
 };
+const debug = createDebug('did-connect');
 export default function LoggedIn({
   session,
   dark = false,
@@ -106,6 +109,21 @@ export default function LoggedIn({
     Copy(link);
     Toast.success(t('inviteCopied'));
   });
+  useEffect(() => {
+    bridge.registerBlocklet('callSwitchPassport', () => {
+      debug('bridge registerBlocklet: callSwitchPassport');
+      handleSwitchPassport();
+    });
+    bridge.registerBlocklet('callSwitchDid', () => {
+      debug('bridge registerBlocklet: callSwitchDid');
+      handleSwitchAccount();
+    });
+    bridge.registerBlocklet('callSwitchProfile', () => {
+      debug('bridge registerBlocklet: callSwitchProfile');
+      handleSwitchProfile();
+    });
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, []);
   return /*#__PURE__*/_jsxs(Box, {
     sx: mergeSx({
       display: 'inline-flex',
@@ -135,7 +153,10 @@ export default function LoggedIn({
       transition: true,
       placement: "bottom-end",
       sx: {
-        zIndex: 1600
+        zIndex: 1600,
+        '> div': {
+          boxShadow: theme => theme.palette.mode === 'dark' ? `${theme.shadows[2]}, inset 0 0 0 1px rgba(255, 255, 255, 0.05)` : theme.shadows[2]
+        }
       },
       children: ({
         TransitionProps

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@arcblock/ux",
-  "version": "2.13.49",
+  "version": "2.13.51",
   "description": "Common used react components for arcblock products",
   "keywords": [
     "react",
@@ -71,14 +71,14 @@
     "react": ">=18.2.0",
     "react-router-dom": ">=6.22.3"
   },
-  "gitHead": "a924ed1c40a2ca8fea2f50bea4de423d04aadd88",
+  "gitHead": "181e48532edade29469cf19b45752fdbda04a939",
   "dependencies": {
     "@arcblock/did-motif": "^1.1.13",
-    "@arcblock/icons": "^2.13.49",
-    "@arcblock/nft-display": "^2.13.49",
-    "@arcblock/react-hooks": "^2.13.49",
+    "@arcblock/icons": "^2.13.51",
+    "@arcblock/nft-display": "^2.13.51",
+    "@arcblock/react-hooks": "^2.13.51",
     "@babel/plugin-syntax-dynamic-import": "^7.8.3",
-    "@blocklet/theme": "^2.13.49",
+    "@blocklet/theme": "^2.13.51",
     "@fontsource/roboto": "~5.1.1",
     "@fontsource/ubuntu-mono": "^5.0.18",
     "@iconify-icons/logos": "^1.2.36",

package/src/SessionUser/components/logged-in.tsx

@@ -1,5 +1,6 @@
-import { ElementType, useRef } from 'react';
+import { ElementType, useEffect, useRef } from 'react';
 import { useCreation, useMemoizedFn, useReactive } from 'ahooks';
+import bridge from '@arcblock/bridge';
 import {
   Box,
   type BoxProps,
@@ -31,6 +32,7 @@ import { translate } from '../../Locale/util';
 import type { Locale, Session } from '../../type';
 import DidSpace from './did-space';
 import { mergeSx } from '../../Util/style';
+import { createDebug } from '../../Util/logger';
 
 const getInviteLink = (inviter: string) => {
   const url = new URL(window.location.href);
@@ -38,6 +40,8 @@ const getInviteLink = (inviter: string) => {
   return url.toString();
 };
 
+const debug = createDebug('did-connect');
+
 export interface LoggedInProps extends Omit<BoxProps, 'onClick' | 'onMouseEnter' | 'onMouseLeave'> {
   session: Session;
   dark?: false | true;
@@ -134,6 +138,22 @@ export default function LoggedIn({
     Toast.success(t('inviteCopied'));
   });
 
+  useEffect(() => {
+    bridge.registerBlocklet('callSwitchPassport', () => {
+      debug('bridge registerBlocklet: callSwitchPassport');
+      handleSwitchPassport();
+    });
+    bridge.registerBlocklet('callSwitchDid', () => {
+      debug('bridge registerBlocklet: callSwitchDid');
+      handleSwitchAccount();
+    });
+    bridge.registerBlocklet('callSwitchProfile', () => {
+      debug('bridge registerBlocklet: callSwitchProfile');
+      handleSwitchProfile();
+    });
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, []);
+
   return (
     <Box
       sx={mergeSx(
@@ -161,7 +181,15 @@ export default function LoggedIn({
         anchorEl={popperAnchorRef.current}
         transition
         placement="bottom-end"
-        sx={{ zIndex: 1600 }}>
+        sx={{
+          zIndex: 1600,
+          '> div': {
+            boxShadow: (theme) =>
+              theme.palette.mode === 'dark'
+                ? `${theme.shadows[2]}, inset 0 0 0 1px rgba(255, 255, 255, 0.05)`
+                : theme.shadows[2],
+          },
+        }}>
         {({ TransitionProps }) => (
           <ClickAwayListener
             onClickAway={(e) => {