@arcblock/ux 2.13.60 → 2.13.61

package/lib/DIDConnect/auth-apps/auth-apps-info.d.ts

@@ -8,7 +8,7 @@ export type CurrentAppInfo = {
     appName: string;
     appUrl: string;
 };
-export default function AuthApps({ requestAppInfo, currentAppInfo, }: {
+export default function AuthAppsInfo({ requestAppInfo, currentAppInfo, }: {
     requestAppInfo: RequestAppInfo;
     currentAppInfo: CurrentAppInfo;
 }): import("react/jsx-runtime").JSX.Element;

package/lib/DIDConnect/auth-apps/auth-apps-info.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Box, Typography } from '@mui/material';
 import Img from '../../Img';
-export default function AuthApps({
+export default function AuthAppsInfo({
   requestAppInfo,
   currentAppInfo
 }) {

package/lib/DIDConnect/auth-apps/index.d.ts

@@ -1,9 +1,10 @@
+import { BoxProps } from '@mui/material';
 import type { UserPublicInfo } from '@blocklet/js-sdk';
 import { type RequestAppInfo, type CurrentAppInfo } from './auth-apps-info';
 /**
  * @example app/connect-to-did-space?appPid=zNKp8tdZUanWKnvhwZWvF2hKRutwM9ykLaY8&appDid=zNKp8tdZUanWKnvhwZWvF2hKRutwM9ykLaY8&appName=233&appDescription=456&appUrl=https://bbqaw5mgxc6fnihrwqcejcxvukkdgkk4anwxwk5msvm.did.abtnet.io/zh
  */
-export default function AuthApps({ session, requestAppInfo, currentAppInfo, children, userInfo, hideSwitchConnect, hideAuthorize, hideCancel, notThisText, authorizeText, connectText, cancelText, useAnotherText, onConnect, onAuthorize, onSwitchConnect, onCancel, }: {
+export default function AuthApps({ session, requestAppInfo, currentAppInfo, children, userInfo, hideSwitchConnect, hideAuthorize, hideCancel, notThisText, authorizeText, connectText, cancelText, useAnotherText, slotProps, onConnect, onAuthorize, onSwitchConnect, onCancel, }: {
     session: any;
     requestAppInfo: RequestAppInfo;
     currentAppInfo: CurrentAppInfo;
@@ -17,6 +18,11 @@ export default function AuthApps({ session, requestAppInfo, currentAppInfo, chil
     connectText?: string;
     cancelText?: string;
     useAnotherText?: string;
+    slotProps?: {
+        root?: BoxProps;
+        didConnectContainer?: object;
+        contentContainer?: BoxProps;
+    };
     onConnect?: (done: () => void) => void;
     onAuthorize?: (done: () => void) => void;
     onSwitchConnect?: (done: () => void) => void;

package/lib/DIDConnect/auth-apps/index.js

@@ -10,6 +10,7 @@ import { translate } from '../../Locale/util';
 import { useLocaleContext } from '../../Locale/context';
 import UserCard from '../../UserCard';
 import { CardType, InfoType } from '../../UserCard/types';
+import { mergeSx } from '../../Util/style';
 const translations = {
   en: {
     notThis: 'Not this?',
@@ -44,6 +45,7 @@ export default function AuthApps({
   connectText,
   cancelText,
   useAnotherText,
+  slotProps,
   onConnect = noop,
   onAuthorize = noop,
   onSwitchConnect = noop,
@@ -84,14 +86,17 @@ export default function AuthApps({
     did: window.blocklet?.appPid,
     standalone: true,
     children: /*#__PURE__*/_jsx(Box, {
-      sx: {
+      ...slotProps?.root,
+      sx: mergeSx({
         width: 420,
         maxWidth: '100%'
-      },
+      }, slotProps?.root?.sx),
       children: /*#__PURE__*/_jsx(DIDConnectContainer, {
         hideCloseButton: true,
+        ...slotProps?.didConnectContainer,
         children: /*#__PURE__*/_jsxs(Box, {
-          sx: {
+          ...slotProps?.contentContainer,
+          sx: mergeSx({
             display: 'flex',
             flexDirection: 'column',
             gap: 1.5,
@@ -105,7 +110,7 @@ export default function AuthApps({
               xl: 4
             },
             bgcolor: 'background.paper'
-          },
+          }, slotProps?.contentContainer?.sx),
           children: [/*#__PURE__*/_jsx(AuthAppsInfo, {
             requestAppInfo: requestAppInfo,
             currentAppInfo: currentAppInfo

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@arcblock/ux",
-  "version": "2.13.60",
+  "version": "2.13.61",
   "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": "76eb26b12d8ccc1190e5fce847372babca7515c5",
+  "gitHead": "af211a24eb0d7f0b24a3e15b8d7acff49edd7494",
   "dependencies": {
     "@arcblock/did-motif": "^1.1.13",
-    "@arcblock/icons": "^2.13.60",
-    "@arcblock/nft-display": "^2.13.60",
-    "@arcblock/react-hooks": "^2.13.60",
+    "@arcblock/icons": "^2.13.61",
+    "@arcblock/nft-display": "^2.13.61",
+    "@arcblock/react-hooks": "^2.13.61",
     "@babel/plugin-syntax-dynamic-import": "^7.8.3",
-    "@blocklet/theme": "^2.13.60",
+    "@blocklet/theme": "^2.13.61",
     "@fontsource/roboto": "~5.1.1",
     "@fontsource/ubuntu-mono": "^5.0.18",
     "@iconify-icons/logos": "^1.2.36",

package/src/DIDConnect/auth-apps/auth-apps-info.tsx

@@ -13,7 +13,7 @@ export type CurrentAppInfo = {
   appUrl: string;
 };
 
-export default function AuthApps({
+export default function AuthAppsInfo({
   requestAppInfo,
   currentAppInfo,
 }: {

package/src/DIDConnect/auth-apps/index.tsx

@@ -1,4 +1,4 @@
-import { Box, Button, CircularProgress, Link, Stack, Typography } from '@mui/material';
+import { Box, BoxProps, Button, CircularProgress, Link, Stack, SxProps, Typography } from '@mui/material';
 import { useMemoizedFn, useReactive } from 'ahooks';
 import noop from 'lodash/noop';
 import type { UserPublicInfo } from '@blocklet/js-sdk';
@@ -11,6 +11,7 @@ import { translate } from '../../Locale/util';
 import { useLocaleContext } from '../../Locale/context';
 import UserCard from '../../UserCard';
 import { CardType, InfoType } from '../../UserCard/types';
+import { mergeSx } from '../../Util/style';
 
 const translations = {
   en: {
@@ -49,6 +50,8 @@ export default function AuthApps({
   cancelText,
   useAnotherText,
 
+  slotProps,
+
   onConnect = noop,
   onAuthorize = noop,
   onSwitchConnect = noop,
@@ -70,6 +73,12 @@ export default function AuthApps({
   cancelText?: string;
   useAnotherText?: string;
 
+  slotProps?: {
+    root?: BoxProps;
+    didConnectContainer?: object;
+    contentContainer?: BoxProps;
+  };
+
   onConnect?: (done: () => void) => void;
   onAuthorize?: (done: () => void) => void;
   onSwitchConnect?: (done: () => void) => void;
@@ -114,27 +123,35 @@ export default function AuthApps({
   return (
     <LandingPage did={window.blocklet?.appPid} standalone>
       <Box
-        sx={{
-          width: 420,
-          maxWidth: '100%',
-        }}>
-        <DIDConnectContainer hideCloseButton>
+        {...slotProps?.root}
+        sx={mergeSx(
+          {
+            width: 420,
+            maxWidth: '100%',
+          },
+          slotProps?.root?.sx as SxProps
+        )}>
+        <DIDConnectContainer hideCloseButton {...slotProps?.didConnectContainer}>
           <Box
-            sx={{
-              display: 'flex',
-              flexDirection: 'column',
-              gap: 1.5,
-              p: {
-                xs: 2,
-                lg: 3,
-                xl: 4,
-              },
-              pt: {
-                xs: 3,
-                xl: 4,
+            {...slotProps?.contentContainer}
+            sx={mergeSx(
+              {
+                display: 'flex',
+                flexDirection: 'column',
+                gap: 1.5,
+                p: {
+                  xs: 2,
+                  lg: 3,
+                  xl: 4,
+                },
+                pt: {
+                  xs: 3,
+                  xl: 4,
+                },
+                bgcolor: 'background.paper',
               },
-              bgcolor: 'background.paper',
-            }}>
+              slotProps?.contentContainer?.sx as SxProps
+            )}>
             <AuthAppsInfo requestAppInfo={requestAppInfo} currentAppInfo={currentAppInfo} />
 
             {user ? (