@arcblock/ux 3.4.11 → 3.4.13

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

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

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

@@ -1,9 +1,10 @@
 import { jsxs as r, jsx as t } from "react/jsx-runtime";
-import { Box as e, Typography as l } from "@mui/material";
+import { Box as e, Typography as s } from "@mui/material";
 import o from "../../Img/index.js";
-function m({
+function p({
   requestAppInfo: a,
-  currentAppInfo: i
+  currentAppInfo: i,
+  titlePrefix: l = "Authorize"
 }) {
   return /* @__PURE__ */ r(
     e,
@@ -53,14 +54,14 @@ function m({
           }
         ),
         /* @__PURE__ */ r(
-          l,
+          s,
           {
             sx: {
               mb: 1,
               fontSize: "1.2rem"
             },
             children: [
-              "Authorize",
+              l,
               " ",
               /* @__PURE__ */ t(e, { component: "span", sx: { color: "primary.main" }, children: a.appName })
             ]
@@ -71,5 +72,5 @@ function m({
   );
 }
 export {
-  m as default
+  p as default
 };

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

@@ -1,11 +1,11 @@
-import { BoxProps } from '@mui/material';
+import { BoxProps, ButtonProps } from '@mui/material';
 import { UserPublicInfo } from '@blocklet/js-sdk';
 import { Ref } from 'react';
 import { RequestAppInfo, 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, hideButton, notThisText, authorizeText, connectText, cancelText, useAnotherText, slotProps, onConnect, onAuthorize, onSwitchConnect, onSwitchPassport, onCancel, ref, disableAuthorizeButton, }: {
+export default function AuthApps({ session, requestAppInfo, currentAppInfo, children, userInfo, hideSwitchConnect, hideAuthorize, hideCancel, hideButton, notThisText, authorizeText, connectText, cancelText, useAnotherText, slotProps, onConnect, onAuthorize, onSwitchConnect, onSwitchPassport, onCancel, ref, disableAuthorizeButton, titlePrefix, }: {
     session: any;
     requestAppInfo: RequestAppInfo;
     currentAppInfo: CurrentAppInfo;
@@ -24,6 +24,9 @@ export default function AuthApps({ session, requestAppInfo, currentAppInfo, chil
         root?: BoxProps;
         didConnectContainer?: object;
         contentContainer?: BoxProps;
+        connectButton?: ButtonProps;
+        authorizeButton?: ButtonProps;
+        cancelButton?: ButtonProps;
     };
     onConnect?: (done: () => void) => void;
     onAuthorize?: (done: () => void) => void;
@@ -34,4 +37,5 @@ export default function AuthApps({ session, requestAppInfo, currentAppInfo, chil
         closeLoading: () => void;
     }>;
     disableAuthorizeButton?: boolean;
+    titlePrefix?: string;
 }): import("react/jsx-runtime").JSX.Element;

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

@@ -1,19 +1,19 @@
-import { jsx as e, jsxs as o, Fragment as p } from "react/jsx-runtime";
-import { CircularProgress as u, Box as d, Stack as G, Button as h, Typography as J, Link as K } from "@mui/material";
-import { useReactive as O, useMemoizedFn as r } from "ahooks";
+import { jsx as e, jsxs as t, Fragment as p } from "react/jsx-runtime";
+import { CircularProgress as u, Box as d, Stack as K, Button as h, Typography as O, Link as Q } from "@mui/material";
+import { useReactive as V, useMemoizedFn as i } from "ahooks";
 import c from "lodash/noop";
-import { useImperativeHandle as Q } from "react";
-import V from "../did-connect-container.js";
-import X from "./auth-apps-info.js";
-import Y from "../../Center/index.js";
-import Z from "../landing-page.js";
-import { translate as _ } from "../../Locale/util.js";
-import { useLocaleContext as $ } from "../../Locale/context.js";
-import ee from "../../UserCard/index.js";
-import { InfoType as ne, CardType as oe } from "../../UserCard/types.js";
+import { useImperativeHandle as X } from "react";
+import Y from "../did-connect-container.js";
+import Z from "./auth-apps-info.js";
+import _ from "../../Center/index.js";
+import $ from "../landing-page.js";
+import { translate as P } from "../../Locale/util.js";
+import { useLocaleContext as ee } from "../../Locale/context.js";
+import ne from "../../UserCard/index.js";
+import { InfoType as oe, CardType as te } from "../../UserCard/types.js";
 import { mergeSx as f } from "../../Util/style.js";
-import re from "./switch-role.js";
-const ie = {
+import ie from "./switch-role.js";
+const re = {
   en: {
     notThis: "Not you?",
     useAnother: "Use another account",
@@ -29,7 +29,7 @@ const ie = {
     cancel: "取消"
   }
 };
-function ye({
+function ze({
   session: s,
   requestAppInfo: g,
   currentAppInfo: x,
@@ -43,51 +43,52 @@ function ye({
   authorizeText: b = void 0,
   connectText: k = void 0,
   cancelText: S = void 0,
-  useAnotherText: D = void 0,
-  slotProps: i = void 0,
-  onConnect: I = c,
-  onAuthorize: L = c,
-  onSwitchConnect: R = c,
-  onSwitchPassport: W = c,
-  onCancel: j = c,
-  ref: B,
-  disableAuthorizeButton: m = !1
+  useAnotherText: B = void 0,
+  slotProps: o = void 0,
+  onConnect: D = c,
+  onAuthorize: I = c,
+  onSwitchConnect: L = c,
+  onSwitchPassport: R = c,
+  onCancel: W = c,
+  ref: j,
+  disableAuthorizeButton: m = !1,
+  titlePrefix: F = void 0
 }) {
-  const n = O({
+  const n = V({
     loading: !1
-  }), { locale: F = "en" } = $() || {}, t = r((q, E = {}) => _(ie, q, F, "en", E)), l = r(() => {
+  }), { locale: M = "en" } = ee() || {}, r = i((G, J = {}) => P(re, G, M, "en", J)), l = i(() => {
     n.loading = !1;
-  }), M = r(() => {
+  }), U = i(() => {
+    n.loading = !0, D?.(l);
+  }), H = i(() => {
+    n.loading = !0, L?.(l);
+  }), N = i(() => {
     n.loading = !0, I?.(l);
-  }), U = r(() => {
+  }), q = i(() => {
     n.loading = !0, R?.(l);
-  }), H = r(() => {
-    n.loading = !0, L?.(l);
-  }), N = r(() => {
-    n.loading = !0, W?.(l);
-  }), P = r(() => {
-    j?.();
+  }), E = i(() => {
+    W?.();
   });
-  if (Q(B, () => ({
+  if (X(j, () => ({
     closeLoading: l
   })), s.loading || !s.initialized)
-    return /* @__PURE__ */ e(Y, { children: /* @__PURE__ */ e(u, {}) });
+    return /* @__PURE__ */ e(_, { children: /* @__PURE__ */ e(u, {}) });
   const a = v ?? s?.user;
-  return /* @__PURE__ */ e(Z, { did: window.blocklet?.appPid, standalone: !0, children: /* @__PURE__ */ e(
+  return /* @__PURE__ */ e($, { did: window.blocklet?.appPid, standalone: !0, children: /* @__PURE__ */ e(
     d,
     {
-      ...i?.root,
+      ...o?.root,
       sx: f(
         {
           width: 420,
           maxWidth: "100%"
         },
-        i?.root?.sx
+        o?.root?.sx
       ),
-      children: /* @__PURE__ */ e(V, { hideCloseButton: !0, ...i?.didConnectContainer, children: /* @__PURE__ */ o(
+      children: /* @__PURE__ */ e(Y, { hideCloseButton: !0, ...o?.didConnectContainer, children: /* @__PURE__ */ t(
         d,
         {
-          ...i?.contentContainer,
+          ...o?.contentContainer,
           sx: f(
             {
               display: "flex",
@@ -104,25 +105,25 @@ function ye({
               },
               bgcolor: "background.paper"
             },
-            i?.contentContainer?.sx
+            o?.contentContainer?.sx
           ),
           children: [
-            /* @__PURE__ */ e(X, { requestAppInfo: g, currentAppInfo: x }),
-            a ? /* @__PURE__ */ o(p, { children: [
+            /* @__PURE__ */ e(Z, { requestAppInfo: g, currentAppInfo: x, titlePrefix: F }),
+            a ? /* @__PURE__ */ t(p, { children: [
               /* @__PURE__ */ e(
-                ee,
+                ne,
                 {
                   user: a,
                   showDid: !0,
-                  cardType: oe.Detailed,
-                  infoType: ne.Minimal,
-                  renderTopRightContent: () => /* @__PURE__ */ e(re, { user: a, switchPassport: N })
+                  cardType: te.Detailed,
+                  infoType: oe.Minimal,
+                  renderTopRightContent: () => /* @__PURE__ */ e(ie, { user: a, switchPassport: q })
                 }
               ),
               /* @__PURE__ */ e(d, {})
             ] }) : null,
             C,
-            A ? null : /* @__PURE__ */ o(p, { children: [
+            A ? null : /* @__PURE__ */ t(p, { children: [
               /* @__PURE__ */ e(
                 d,
                 {
@@ -135,7 +136,7 @@ function ye({
                   }
                 }
               ),
-              /* @__PURE__ */ o(G, { direction: "row", spacing: 2, children: [
+              /* @__PURE__ */ t(K, { direction: "row", spacing: 2, children: [
                 w ? null : /* @__PURE__ */ e(
                   h,
                   {
@@ -143,44 +144,47 @@ function ye({
                     variant: "outlined",
                     size: "large",
                     fullWidth: !0,
-                    onClick: P,
+                    onClick: E,
                     sx: {
                       color: "grey.500"
                     },
-                    children: S || t("cancel")
+                    ...o?.cancelButton,
+                    children: S || r("cancel")
                   }
                 ),
-                a && !z ? /* @__PURE__ */ o(
+                a && !z ? /* @__PURE__ */ t(
                   h,
                   {
                     variant: "contained",
                     size: "large",
                     fullWidth: !0,
-                    onClick: H,
+                    onClick: N,
                     disabled: n.loading || m,
+                    ...o?.authorizeButton,
                     children: [
                       n.loading ? /* @__PURE__ */ e(u, { size: 20, sx: { mr: 1 } }) : null,
-                      b || t("authorize")
+                      b || r("authorize")
                     ]
                   }
-                ) : /* @__PURE__ */ o(
+                ) : /* @__PURE__ */ t(
                   h,
                   {
                     variant: "contained",
                     size: "large",
                     fullWidth: !0,
                     disabled: n.loading || m,
-                    onClick: M,
+                    onClick: U,
+                    ...o?.connectButton,
                     children: [
                       n.loading ? /* @__PURE__ */ e(u, { size: 20, sx: { mr: 1 } }) : null,
-                      k || t("connect")
+                      k || r("connect")
                     ]
                   }
                 )
               ] })
             ] }),
-            y || !a ? null : /* @__PURE__ */ e(d, { sx: { textAlign: "center" }, children: /* @__PURE__ */ o(
-              J,
+            y || !a ? null : /* @__PURE__ */ e(d, { sx: { textAlign: "center" }, children: /* @__PURE__ */ t(
+              O,
               {
                 variant: "body2",
                 sx: {
@@ -190,17 +194,17 @@ function ye({
                   gap: 1
                 },
                 children: [
-                  T || t("notThis"),
+                  T || r("notThis"),
                   " ",
                   /* @__PURE__ */ e(
-                    K,
+                    Q,
                     {
                       underline: "hover",
-                      onClick: U,
+                      onClick: H,
                       sx: {
                         cursor: "pointer"
                       },
-                      children: D || t("useAnother")
+                      children: B || r("useAnother")
                     }
                   )
                 ]
@@ -213,5 +217,5 @@ function ye({
   ) });
 }
 export {
-  ye as default
+  ze as default
 };

package/lib/package.json.js

@@ -1,4 +1,4 @@
-const e = "3.4.11", s = { "@blocklet/js-sdk": "^1.17.7" }, n = {
+const e = "3.4.13", s = { "@blocklet/js-sdk": "^1.17.7" }, n = {
   version: e,
   dependencies: s
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@arcblock/ux",
-  "version": "3.4.11",
+  "version": "3.4.13",
   "description": "Common used react components for arcblock products",
   "keywords": [
     "react",
@@ -74,16 +74,16 @@
     "react": "^19.0.0",
     "react-router-dom": "^6.22.3"
   },
-  "gitHead": "1cc263e80cb7b98f6ebb02bb8d151fee552e6c76",
+  "gitHead": "0ec0dab9e461171384dbed3e114b805771eb1d88",
   "dependencies": {
-    "@arcblock/bridge": "3.4.11",
-    "@arcblock/did": "^1.28.6",
+    "@arcblock/bridge": "3.4.13",
+    "@arcblock/did": "^1.28.8",
     "@arcblock/did-motif": "^1.1.14",
-    "@arcblock/icons": "3.4.11",
-    "@arcblock/nft-display": "3.4.11",
-    "@arcblock/react-hooks": "3.4.11",
+    "@arcblock/icons": "3.4.13",
+    "@arcblock/nft-display": "3.4.13",
+    "@arcblock/react-hooks": "3.4.13",
     "@blocklet/js-sdk": "^1.17.7",
-    "@blocklet/theme": "3.4.11",
+    "@blocklet/theme": "3.4.13",
     "@fontsource/roboto": "~5.1.1",
     "@fontsource/ubuntu-mono": "^5.2.6",
     "@iconify-icons/logos": "^1.2.36",
@@ -91,7 +91,7 @@
     "@iconify-icons/mdi": "^1.2.48",
     "@iconify-icons/tabler": "^1.2.95",
     "@iconify/react": "^5.2.1",
-    "@ocap/mcrypto": "^1.28.6",
+    "@ocap/mcrypto": "^1.28.8",
     "@solana/qr-code-styling": "^1.6.0",
     "@types/dompurify": "^3.2.0",
     "@types/mui-datatables": "^4.3.12",

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

@@ -16,9 +16,11 @@ export type CurrentAppInfo = {
 export default function AuthAppsInfo({
   requestAppInfo,
   currentAppInfo,
+  titlePrefix = 'Authorize',
 }: {
   requestAppInfo: RequestAppInfo;
   currentAppInfo: CurrentAppInfo;
+  titlePrefix?: string;
 }) {
   return (
     <Box
@@ -65,7 +67,7 @@ export default function AuthAppsInfo({
           mb: 1,
           fontSize: '1.2rem',
         }}>
-        Authorize{' '}
+        {titlePrefix}{' '}
         <Box component="span" sx={{ color: 'primary.main' }}>
           {requestAppInfo.appName}
         </Box>

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

@@ -1,4 +1,4 @@
-import { Box, BoxProps, Button, CircularProgress, Link, Stack, SxProps, Typography } from '@mui/material';
+import { Box, BoxProps, Button, ButtonProps, 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';
@@ -63,6 +63,7 @@ export default function AuthApps({
   ref,
 
   disableAuthorizeButton = false,
+  titlePrefix = undefined,
 }: {
   session: any;
   requestAppInfo: RequestAppInfo;
@@ -85,6 +86,9 @@ export default function AuthApps({
     root?: BoxProps;
     didConnectContainer?: object;
     contentContainer?: BoxProps;
+    connectButton?: ButtonProps;
+    authorizeButton?: ButtonProps;
+    cancelButton?: ButtonProps;
   };
 
   onConnect?: (done: () => void) => void;
@@ -95,6 +99,7 @@ export default function AuthApps({
   ref: Ref<{ closeLoading: () => void }>;
 
   disableAuthorizeButton?: boolean;
+  titlePrefix?: string;
 }) {
   const currentState = useReactive({
     loading: false,
@@ -172,7 +177,7 @@ export default function AuthApps({
               },
               slotProps?.contentContainer?.sx as SxProps
             )}>
-            <AuthAppsInfo requestAppInfo={requestAppInfo} currentAppInfo={currentAppInfo} />
+            <AuthAppsInfo requestAppInfo={requestAppInfo} currentAppInfo={currentAppInfo} titlePrefix={titlePrefix} />
 
             {user ? (
               <>
@@ -211,7 +216,8 @@ export default function AuthApps({
                       onClick={handleCancel}
                       sx={{
                         color: 'grey.500',
-                      }}>
+                      }}
+                      {...slotProps?.cancelButton}>
                       {cancelText || t('cancel')}
                     </Button>
                   ) : null}
@@ -221,7 +227,8 @@ export default function AuthApps({
                       size="large"
                       fullWidth
                       onClick={handleAuthorize}
-                      disabled={currentState.loading || disableAuthorizeButton}>
+                      disabled={currentState.loading || disableAuthorizeButton}
+                      {...slotProps?.authorizeButton}>
                       {currentState.loading ? <CircularProgress size={20} sx={{ mr: 1 }} /> : null}
                       {authorizeText || t('authorize')}
                     </Button>
@@ -231,7 +238,8 @@ export default function AuthApps({
                       size="large"
                       fullWidth
                       disabled={currentState.loading || disableAuthorizeButton}
-                      onClick={handleConnect}>
+                      onClick={handleConnect}
+                      {...slotProps?.connectButton}>
                       {currentState.loading ? <CircularProgress size={20} sx={{ mr: 1 }} /> : null}
                       {connectText || t('connect')}
                     </Button>