@blocklet/ui-react 2.10.26 → 2.10.28

package/lib/@types/index.d.ts

@@ -52,6 +52,7 @@ export type User = UserPublicInfo & {
     connectedAccounts?: any[];
     locale?: string;
     url: string;
+    inviter?: string;
 };
 export type UserCenterTab = {
     value: string;

package/lib/UserCenter/components/user-info/user-info.js

@@ -2,6 +2,7 @@ import { jsx } from "react/jsx-runtime";
 import { Box } from "@mui/material";
 import { Icon } from "@iconify/react";
 import { useMemoizedFn, useCreation } from "ahooks";
+import DID from "@arcblock/ux/lib/DID";
 import MailOutlineRoundedIcon from "@iconify-icons/material-symbols/mail-outline-rounded";
 import ScheduleOutlineRoundedIcon from "@iconify-icons/material-symbols/schedule-outline-rounded";
 import MoreTimeRoundedIcon from "@iconify-icons/material-symbols/more-time-rounded";
@@ -58,6 +59,11 @@ export default function UserInfo({
       title: t("registerFrom"),
       content: readableProvider
     });
+    userInfoListData.push({
+      icon: /* @__PURE__ */ jsx(Icon, { fontSize: 16, icon: CaptivePortalRoundedIcon }),
+      title: t("invitedBy"),
+      content: user?.inviter ? /* @__PURE__ */ jsx(DID, { did: user.inviter, showQrcode: true, copyable: true, compact: true, responsive: true, locale }) : "-"
+    });
   }
   return /* @__PURE__ */ jsx(
     Box,

package/lib/UserCenter/libs/locales.d.ts

@@ -10,6 +10,7 @@ export declare const translations: {
         lastLoginIp: string;
         createdAt: string;
         registerFrom: string;
+        invitedBy: string;
         unknown: string;
         walletNotification: string;
         emailNotification: string;
@@ -100,6 +101,7 @@ export declare const translations: {
         lastLoginIp: string;
         createdAt: string;
         registerFrom: string;
+        invitedBy: string;
         unknown: string;
         walletNotification: string;
         emailNotification: string;

package/lib/UserCenter/libs/locales.js

@@ -10,6 +10,7 @@ export const translations = {
     lastLoginIp: "\u4E0A\u6B21\u767B\u5F55\u5730\u5740",
     createdAt: "\u52A0\u5165\u65F6\u95F4",
     registerFrom: "\u6CE8\u518C\u6765\u6E90",
+    invitedBy: "\u9080\u8BF7\u4EBA",
     unknown: "\u672A\u77E5",
     walletNotification: "\u94B1\u5305\u901A\u77E5",
     emailNotification: "\u90AE\u4EF6\u901A\u77E5",
@@ -100,6 +101,7 @@ export const translations = {
     lastLoginIp: "Last IP",
     createdAt: "Member Since",
     registerFrom: "Register From",
+    invitedBy: "Invited By",
     unknown: "Unknown",
     walletNotification: "DID Wallet notification",
     emailNotification: "Email notification",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@blocklet/ui-react",
-  "version": "2.10.26",
+  "version": "2.10.28",
   "description": "Some useful front-end web components that can be used in Blocklets.",
   "keywords": [
     "react",
@@ -32,13 +32,13 @@
     "url": "https://github.com/ArcBlock/ux/issues"
   },
   "dependencies": {
-    "@arcblock/bridge": "^2.10.26",
-    "@arcblock/react-hooks": "^2.10.26",
+    "@arcblock/bridge": "^2.10.28",
+    "@arcblock/react-hooks": "^2.10.28",
     "@iconify-icons/logos": "^1.2.36",
     "@iconify-icons/material-symbols": "^1.2.58",
     "@iconify/react": "^4.1.1",
     "ahooks": "^3.7.10",
-    "axios": "^1.7.2",
+    "axios": "^1.7.5",
     "clsx": "^2.1.0",
     "core-js": "^3.25.5",
     "iconify-icon": "^1.0.8",
@@ -79,5 +79,5 @@
     "jest": "^28.1.3",
     "unbuild": "^2.0.0"
   },
-  "gitHead": "196e6adde06c3c62b95faecf931e2120e366a2fe"
+  "gitHead": "71cb15e455bd2f3bdf906c14ae4ef87f9da9c271"
 }

package/src/@types/index.ts

@@ -58,6 +58,7 @@ export type User = UserPublicInfo & {
   connectedAccounts?: any[];
   locale?: string;
   url: string;
+  inviter?: string;
 };
 
 export type UserCenterTab = {

package/src/UserCenter/components/user-info/user-info.tsx

@@ -2,6 +2,7 @@ import { Box } from '@mui/material';
 import type { BoxProps } from '@mui/material';
 import { Icon } from '@iconify/react';
 import { useMemoizedFn, useCreation } from 'ahooks';
+import DID from '@arcblock/ux/lib/DID';
 import MailOutlineRoundedIcon from '@iconify-icons/material-symbols/mail-outline-rounded';
 import ScheduleOutlineRoundedIcon from '@iconify-icons/material-symbols/schedule-outline-rounded';
 import MoreTimeRoundedIcon from '@iconify-icons/material-symbols/more-time-rounded';
@@ -68,6 +69,11 @@ export default function UserInfo({
       title: t('registerFrom'),
       content: readableProvider,
     });
+    userInfoListData.push({
+      icon: <Icon fontSize={16} icon={CaptivePortalRoundedIcon} />,
+      title: t('invitedBy'),
+      content: user?.inviter ? <DID did={user.inviter} showQrcode copyable compact responsive locale={locale} /> : '-',
+    });
   }
 
   return (

package/src/UserCenter/libs/locales.ts

@@ -10,6 +10,7 @@ export const translations = {
     lastLoginIp: '上次登录地址',
     createdAt: '加入时间',
     registerFrom: '注册来源',
+    invitedBy: '邀请人',
     unknown: '未知',
     walletNotification: '钱包通知',
     emailNotification: '邮件通知',
@@ -101,6 +102,7 @@ export const translations = {
     lastLoginIp: 'Last IP',
     createdAt: 'Member Since',
     registerFrom: 'Register From',
+    invitedBy: 'Invited By',
     unknown: 'Unknown',
     walletNotification: 'DID Wallet notification',
     emailNotification: 'Email notification',