@blocklet/ui-react 3.1.26 → 3.1.28

package/lib/UserCenter/components/user-info/social-actions/follow.js

@@ -0,0 +1,19 @@
+import { jsxs as m, jsx as r } from "react/jsx-runtime";
+import { Button as s } from "@mui/material";
+import { useMemoizedFn as p } from "ahooks";
+import { translate as a } from "@arcblock/ux/lib/Locale/util";
+import { useLocaleContext as c } from "@arcblock/ux/lib/Locale/context";
+import u from "@mui/icons-material/Notifications";
+import x from "@mui/icons-material/NotificationsOff";
+import { translations as w } from "../../../libs/locales.js";
+import { useUserFollowersContext as d } from "../../../../contexts/user-followers.js";
+function R() {
+  const { locale: i } = c(), t = p((l, f = {}) => a(w, l, i, "en", f)), { followed: o, followUser: n, unfollowUser: e } = d();
+  return /* @__PURE__ */ m(s, { variant: "contained", onClick: () => o ? e() : n(), fullWidth: !0, children: [
+    o ? /* @__PURE__ */ r(x, { sx: { fontSize: "14px", marginRight: "4px" } }) : /* @__PURE__ */ r(u, { sx: { fontSize: "14px", marginRight: "4px" } }),
+    t(o ? "profile.unfollow" : "profile.follow")
+  ] });
+}
+export {
+  R as default
+};

package/lib/UserCenter/components/user-info/social-actions/index.d.ts

@@ -0,0 +1,5 @@
+import { User } from '../../../../@types';
+declare function SocialActions({ user }: {
+    user: User;
+}): import("react/jsx-runtime").JSX.Element;
+export default SocialActions;

package/lib/UserCenter/components/user-info/social-actions/index.js

@@ -0,0 +1,13 @@
+import { jsxs as t, jsx as o } from "react/jsx-runtime";
+import { Box as i } from "@mui/material";
+import m from "./chat.js";
+import f from "./follow.js";
+function x({ user: r }) {
+  return /* @__PURE__ */ t(i, { sx: { display: "flex", gap: 1 }, children: [
+    /* @__PURE__ */ o(m, { user: r }),
+    /* @__PURE__ */ o(f, {})
+  ] });
+}
+export {
+  x as default
+};

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

@@ -1,12 +1,12 @@
 import { jsxs as c, jsx as r, Fragment as E } from "react/jsx-runtime";
-import { Box as l, Typography as y, Divider as B, IconButton as N, Collapse as T } from "@mui/material";
+import { Box as l, Typography as S, Divider as B, IconButton as N, Collapse as T } from "@mui/material";
 import F from "@arcblock/ux/lib/Avatar";
 import K from "@arcblock/ux/lib/DID";
 import { useMemoizedFn as W } from "ahooks";
 import { translate as O } from "@arcblock/ux/lib/Locale/util";
 import { useLocaleContext as Q } from "@arcblock/ux/lib/Locale/context";
 import V from "lodash/noop";
-import { useState as S, useEffect as U } from "react";
+import { useState as U, useEffect as y } from "react";
 import C from "@arcblock/ux/lib/Toast";
 import { parseURL as Y, joinURL as $ } from "ufo";
 import { KeyboardArrowUp as q, KeyboardArrowDown as G } from "@mui/icons-material";
@@ -18,29 +18,30 @@ import P from "./metadata.js";
 import M from "./user-status.js";
 import tt from "./user-info.js";
 import { client as j } from "../../../libs/client.js";
-function St({
+import rt from "./social-actions/index.js";
+function Ct({
   user: t,
-  isMyself: a = !0,
+  isMyself: e = !0,
   showFullDid: f = !0,
   switchPassport: I,
   switchProfile: R,
-  isMobile: o = !1,
+  isMobile: a = !1,
   onlyProfile: s = !1,
   refreshProfile: u,
   ...m
 }) {
-  const { locale: x } = Q(), [h, g] = S(void 0), w = W((n, e = {}) => O(H, n, x, "en", e)), [d, v] = S(!o || s);
-  U(() => {
+  const { locale: x } = Q(), [h, g] = U(void 0), w = W((n, o = {}) => O(H, n, x, "en", o)), [d, v] = U(!a || s);
+  y(() => {
     g(t?.metadata?.status);
-  }, [t]), U(() => {
-    v(!o || s);
-  }, [o, s]);
+  }, [t]), y(() => {
+    v(!a || s);
+  }, [a, s]);
   const A = async (n) => {
-    if (a)
+    if (e)
       try {
         if (n) {
-          const e = X(n);
-          n.dateRange = e.length > 0 ? e : h?.dateRange ?? [];
+          const o = X(n);
+          n.dateRange = o.length > 0 ? o : h?.dateRange ?? [];
         }
         g(n), await j.user.saveProfile({
           // @ts-ignore
@@ -49,8 +50,8 @@ function St({
             status: n || {}
           }
         }), u();
-      } catch (e) {
-        console.error(e), C.error(z(e));
+      } catch (o) {
+        console.error(o), C.error(z(o));
       }
   }, b = () => {
     v(!d);
@@ -58,11 +59,11 @@ function St({
   if (!t)
     return null;
   const D = async (n) => {
-    if (!a)
+    if (!e)
       return;
-    const { metadata: e, address: L } = n;
+    const { metadata: o, address: L } = n;
     try {
-      const p = e?.links?.map((i) => {
+      const p = o?.links?.map((i) => {
         if (!i.url || !Z(i.url)) return null;
         try {
           return Y(i.url).protocol || (i.url = $("https://", i.url)), i;
@@ -70,7 +71,7 @@ function St({
           return console.error("Invalid URL:", i.url), null;
         }
       }).filter((i) => !!i) || [];
-      e.links = p, await j.user.saveProfile({ metadata: e, address: L }), u();
+      o.links = p, await j.user.saveProfile({ metadata: o, address: L }), u();
     } catch (p) {
       console.error(p), C.error(z(p));
     }
@@ -90,7 +91,7 @@ function St({
             className: "user-info",
             sx: {
               display: "flex",
-              flexDirection: o ? "row" : "column",
+              flexDirection: a ? "row" : "column",
               gap: 2
             },
             children: [
@@ -110,7 +111,7 @@ function St({
                       {
                         src: t?.avatar,
                         did: t?.did,
-                        size: m.size || (o ? 64 : 100),
+                        size: m.size || (a ? 64 : 100),
                         variant: "circle",
                         shape: "circle",
                         sx: {
@@ -119,7 +120,7 @@ function St({
                           position: "relative",
                           overflow: "hidden",
                           flexShrink: 0,
-                          ...a ? {
+                          ...e ? {
                             cursor: "pointer",
                             "&::after": {
                               content: `"${w("switchProfile")}"`,
@@ -137,15 +138,15 @@ function St({
                             }
                           } : {}
                         },
-                        onClick: a ? R : V
+                        onClick: e ? R : V
                       }
                     ),
                     /* @__PURE__ */ r(
                       M,
                       {
-                        isMobile: o,
-                        size: m.size || (o ? 64 : 100),
-                        isMyself: a,
+                        isMobile: a,
+                        size: m.size || (a ? 64 : 100),
+                        isMyself: e,
                         timezone: t?.metadata?.timezone || J,
                         status: h,
                         onChange: A
@@ -163,7 +164,7 @@ function St({
                   },
                   children: [
                     /* @__PURE__ */ c(
-                      y,
+                      S,
                       {
                         variant: "h6",
                         component: "div",
@@ -188,7 +189,7 @@ function St({
                               children: t?.fullName
                             }
                           ),
-                          a ? /* @__PURE__ */ r(_, { user: t, switchPassport: I }) : null
+                          e ? /* @__PURE__ */ r(_, { user: t, switchPassport: I }) : null
                         ]
                       }
                     ),
@@ -199,10 +200,11 @@ function St({
             ]
           }
         ),
-        /* @__PURE__ */ r(P, { isMobile: o, isMyself: a, user: t, onSave: D }),
-        a ? /* @__PURE__ */ c(E, { children: [
-          /* @__PURE__ */ r(B, { sx: { my: o ? 1 : 3 } }),
-          o && !s ? /* @__PURE__ */ r(
+        e ? null : /* @__PURE__ */ r(l, { sx: { mt: 2 }, children: /* @__PURE__ */ r(rt, { user: t }) }),
+        /* @__PURE__ */ r(P, { isMobile: a, isMyself: e, user: t, onSave: D }),
+        e ? /* @__PURE__ */ c(E, { children: [
+          /* @__PURE__ */ r(B, { sx: { my: a ? 1 : 3 } }),
+          a && !s ? /* @__PURE__ */ r(
             l,
             {
               sx: {
@@ -229,7 +231,7 @@ function St({
           ) : null,
           /* @__PURE__ */ c(T, { in: d, timeout: "auto", children: [
             /* @__PURE__ */ r(
-              y,
+              S,
               {
                 component: "p",
                 sx: {
@@ -240,7 +242,7 @@ function St({
                 children: w("profile.justForYou")
               }
             ),
-            /* @__PURE__ */ r(tt, { user: t, isMySelf: a })
+            /* @__PURE__ */ r(tt, { user: t, isMySelf: e })
           ] })
         ] }) : null
       ]
@@ -248,5 +250,5 @@ function St({
   );
 }
 export {
-  St as default
+  Ct as default
 };

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

@@ -25,10 +25,12 @@ export declare const translations: {
         emptyField: string;
         emptyContent: string;
         underProtected: string;
+        followersOnly: string;
         noUserFound: string;
         notificationManagement: string;
         privacyManagement: string;
         storageManagement: string;
+        userFollowers: string;
         webhook: {
             url: string;
             slack: string;
@@ -159,6 +161,11 @@ export declare const translations: {
                 invalidPostalCode: string;
             };
             maxLinkCount: string;
+            chat: string;
+            follow: string;
+            unfollow: string;
+            follow_success: string;
+            unfollow_success: string;
         };
         destroyMyself: {
             title: string;
@@ -201,8 +208,10 @@ export declare const translations: {
         notificationManagement: string;
         privacyManagement: string;
         storageManagement: string;
+        userFollowers: string;
         emptyContent: string;
         underProtected: string;
+        followersOnly: string;
         noUserFound: string;
         webhook: {
             url: string;
@@ -335,6 +344,11 @@ export declare const translations: {
                 invalidPostalCode: string;
             };
             maxLinkCount: string;
+            chat: string;
+            follow: string;
+            unfollow: string;
+            follow_success: string;
+            unfollow_success: string;
         };
         destroyMyself: {
             title: string;

package/lib/UserCenter/libs/locales.js

@@ -25,10 +25,12 @@ const e = {
     emptyField: "未填写",
     emptyContent: "暂无内容",
     underProtected: "用户已设置隐私保护",
+    followersOnly: "用户已设置仅粉丝可见，关注用户后可查看",
     noUserFound: "未找到指定的用户",
     notificationManagement: "通知管理",
     privacyManagement: "隐私管理",
     storageManagement: "DID Spaces",
+    userFollowers: "关注 & 粉丝",
     webhook: {
       url: "自定义URL",
       slack: "Slack"
@@ -158,7 +160,12 @@ const e = {
         postalCode: "邮政编码",
         invalidPostalCode: "邮政编码格式不正确"
       },
-      maxLinkCount: "最多可添加 {count} 个社交链接"
+      maxLinkCount: "最多可添加 {count} 个社交链接",
+      chat: "聊天",
+      follow: "关注",
+      unfollow: "取消关注",
+      follow_success: "关注成功",
+      unfollow_success: "取消关注成功"
     },
     destroyMyself: {
       title: "删除账户",
@@ -201,8 +208,10 @@ const e = {
     notificationManagement: "Notifications",
     privacyManagement: "Privacy",
     storageManagement: "DID Spaces",
+    userFollowers: "Following & Followers",
     emptyContent: "Empty",
     underProtected: "This page has protected privacy",
+    followersOnly: "This page is only visible to followers, follow the user to view",
     noUserFound: "No user found",
     webhook: {
       url: "Custom url",
@@ -334,7 +343,12 @@ const e = {
         postalCode: "Postal Code",
         invalidPostalCode: "Postal code is invalid"
       },
-      maxLinkCount: "Up to {count} social links can be added"
+      maxLinkCount: "Up to {count} social links can be added",
+      chat: "Chat",
+      follow: "Follow",
+      unfollow: "Unfollow",
+      follow_success: "Follow successfully",
+      unfollow_success: "Unfollow successfully"
     },
     destroyMyself: {
       title: "Delete Account",

package/lib/blocklets.js

@@ -1,48 +1,50 @@
-import { mapRecursive as s, filterRecursive as a, isUrl as f } from "./utils.js";
-const g = window?.blocklet?.groupPrefix || window?.blocklet?.prefix || "/", i = (o) => {
-  const r = { ...o }, e = o?.background;
-  return typeof e == "string" ? r.background = { header: e, footer: e, default: e } : e && typeof e == "object" && (r.background = {
-    header: e.header || e.default,
-    footer: e.footer || e.default,
-    default: e.default
+import { mapRecursive as s, filterRecursive as a, isUrl as f, isMailProtocol as i } from "./utils.js";
+const p = window?.blocklet?.groupPrefix || window?.blocklet?.prefix || "/", c = (e) => {
+  const r = { ...e }, t = e?.background;
+  return typeof t == "string" ? r.background = { header: t, footer: t, default: t } : t && typeof t == "object" && (r.background = {
+    header: t.header || t.default,
+    footer: t.footer || t.default,
+    default: t.default
   }), r;
-}, c = (o, r = "en") => {
-  if (typeof o == "string") {
-    if (f(o)) {
-      const t = new URL(o);
-      return t.searchParams.set("locale", r), t.href;
+}, u = (e, r = "en") => {
+  if (typeof e == "string") {
+    if (f(e)) {
+      const o = new URL(e);
+      return o.searchParams.set("locale", r), o.href;
     }
-    const e = new URL(o, window.location.origin);
-    return e.searchParams.set("locale", r), e.pathname + e.search;
+    if (i(e))
+      return e;
+    const t = new URL(e, window.location.origin);
+    return t.searchParams.set("locale", r), t.pathname + t.search;
   }
-  return typeof o == "object" ? o[r] || o?.en || o?.zh : o;
-}, p = (o, r = "en") => {
-  if (!o?.length)
-    return o;
-  const e = (t, n) => t && typeof t == "object" ? t[n] || t?.en || t?.zh : t;
+  return typeof e == "object" ? e[r] || e?.en || e?.zh : e;
+}, b = (e, r = "en") => {
+  if (!e?.length)
+    return e;
+  const t = (o, n) => o && typeof o == "object" ? o[n] || o?.en || o?.zh : o;
   return s(
-    o,
-    (t) => ({
-      ...t,
-      title: e(t.title, r),
-      description: e(t.description, r),
+    e,
+    (o) => ({
+      ...o,
+      title: t(o.title, r),
+      description: t(o.description, r),
       // 仅对叶结点进行处理
-      link: t.items?.length ? t.link : c(t.link, r),
-      _rawLink: t.link
+      link: o.items?.length ? o.link : u(o.link, r),
+      _rawLink: o.link
     }),
     "items"
   );
-}, u = (o) => s(
-  o,
+}, l = (e) => s(
+  e,
   (r) => r.role ? {
     ...r,
     role: Array.isArray(r.role) ? r.role : [r.role]
   } : r,
   "items"
-), l = (o) => {
-  if (!o?.length)
+), d = (e) => {
+  if (!e?.length)
     return null;
-  const r = u(o), e = {
+  const r = l(e), t = {
     header: [],
     footer: [],
     // 对应 footer social media
@@ -55,32 +57,32 @@ const g = window?.blocklet?.groupPrefix || window?.blocklet?.prefix || "/", i =
     sessionManager: [],
     userCenter: []
   };
-  return r.forEach((t) => {
-    t.section ? Array.isArray(t.section) ? t.section.forEach((n) => {
-      e[n]?.push(t);
-    }) : typeof t.section == "string" && e[t.section]?.push(t) : e.header.push(t);
-  }), e;
-}, b = (o) => {
-  if (!o)
+  return r.forEach((o) => {
+    o.section ? Array.isArray(o.section) ? o.section.forEach((n) => {
+      t[n]?.push(o);
+    }) : typeof o.section == "string" && t[o.section]?.push(o) : t.header.push(o);
+  }), t;
+}, y = (e) => {
+  if (!e)
     return null;
-  const r = { ...o };
-  return r.theme = i(r.theme), r.navigation = l(d(r.navigation)), r;
-}, d = (o = []) => a(o, (r, e) => !!r.link || e.filteredChildren?.length, "items"), y = (o, r) => a(
-  o,
-  (e, t) => {
-    const n = !e.role || r && (e.role.includes(r) || e.role.includes("guest"));
-    return t.isLeaf ? n : n && t.filteredChildren?.length;
+  const r = { ...e };
+  return r.theme = c(r.theme), r.navigation = d(h(r.navigation)), r;
+}, h = (e = []) => a(e, (r, t) => !!r.link || t.filteredChildren?.length, "items"), w = (e, r) => a(
+  e,
+  (t, o) => {
+    const n = !t.role || r && (t.role.includes(r) || t.role.includes("guest"));
+    return o.isLeaf ? n : n && o.filteredChildren?.length;
   },
   "items"
 );
 export {
-  y as filterNavByRole,
-  d as filterValidNavItems,
-  b as formatBlockletInfo,
-  u as formatNavigation,
-  i as formatTheme,
-  c as getLink,
-  p as getLocalizedNavigation,
-  l as parseNavigation,
-  g as publicPath
+  w as filterNavByRole,
+  h as filterValidNavItems,
+  y as formatBlockletInfo,
+  l as formatNavigation,
+  c as formatTheme,
+  u as getLink,
+  b as getLocalizedNavigation,
+  d as parseNavigation,
+  p as publicPath
 };

package/lib/contexts/user-followers.d.ts

@@ -0,0 +1,13 @@
+declare const UserFollowersContext: import('react').Context<UserFollowersContextType>;
+type UserFollowersContextType = {
+    followed: boolean;
+    followUser: () => void;
+    unfollowUser: () => void;
+};
+declare function UserFollowersProvider({ isMySelf, userDid, children, }: {
+    children: React.ReactNode;
+    isMySelf: boolean;
+    userDid: string;
+}): import("react/jsx-runtime").JSX.Element;
+declare function useUserFollowersContext(): UserFollowersContextType;
+export { UserFollowersContext, useUserFollowersContext, UserFollowersProvider };

package/lib/contexts/user-followers.js

@@ -0,0 +1,40 @@
+import { jsx as c } from "react/jsx-runtime";
+import { createContext as w, useContext as a } from "react";
+import { translate as p } from "@arcblock/ux/lib/Locale/util";
+import { useMemoizedFn as x } from "ahooks";
+import { useLocaleContext as U } from "@arcblock/ux/lib/Locale/context";
+import d from "../hooks/use-follow.js";
+import { translations as C } from "../UserCenter/libs/locales.js";
+const e = w({
+  followed: !1,
+  followUser: () => {
+  },
+  unfollowUser: () => {
+  }
+}), { Provider: F } = e;
+function g({
+  isMySelf: o,
+  userDid: r,
+  children: t
+}) {
+  const { locale: s } = U(), l = x((i, u = {}) => p(C, i, s, "en", u)), { followed: n, followUser: f, unfollowUser: m } = d({ userDid: r, t: l, isMySelf: o });
+  return /* @__PURE__ */ c(
+    F,
+    {
+      value: {
+        followed: n,
+        followUser: f,
+        unfollowUser: m
+      },
+      children: t
+    }
+  );
+}
+function h() {
+  return a(e);
+}
+export {
+  e as UserFollowersContext,
+  g as UserFollowersProvider,
+  h as useUserFollowersContext
+};

package/lib/hooks/use-follow.d.ts

@@ -0,0 +1,12 @@
+/**
+ * 登录用户与当前用户（userDid）的关注关系
+ */
+export default function useFollow({ userDid, t, isMySelf, }: {
+    userDid: string;
+    t: (k: string) => string;
+    isMySelf: boolean;
+}): {
+    followed: boolean;
+    followUser: (this: unknown, followUserDid?: string | undefined) => Promise<void>;
+    unfollowUser: (this: unknown, unfollowUserDid?: string | undefined) => Promise<void>;
+};

package/lib/hooks/use-follow.js

@@ -0,0 +1,47 @@
+import { useState as p, useEffect as F } from "react";
+import { useMemoizedFn as n } from "ahooks";
+import c from "@arcblock/ux/lib/Toast";
+import { client as l } from "../libs/client.js";
+import { formatAxiosError as u } from "../UserCenter/libs/utils.js";
+function E({
+  userDid: o,
+  t: a,
+  isMySelf: e
+}) {
+  const [i, f] = p(!1), t = n(async () => {
+    try {
+      if (e) {
+        f(!0);
+        return;
+      }
+      const r = await l.user.isFollowingUser({ userDid: o });
+      f(r);
+    } catch (r) {
+      console.error(r);
+    }
+  }), m = n(async (r = o) => {
+    if (!(e && r === o))
+      try {
+        await l.user.followUser({ userDid: r }), c.success(a("profile.follow_success")), t();
+      } catch (s) {
+        console.error(s), c.error(u(s));
+      }
+  }), w = n(async (r = o) => {
+    if (!(e && r === o))
+      try {
+        await l.user.unfollowUser({ userDid: r }), c.success(a("profile.unfollow_success")), t();
+      } catch (s) {
+        console.error(s), c.error(u(s));
+      }
+  });
+  return F(() => {
+    o && !e && t();
+  }, [t, o, e]), {
+    followed: i,
+    followUser: m,
+    unfollowUser: w
+  };
+}
+export {
+  E as default
+};

package/lib/utils.d.ts

@@ -3,6 +3,7 @@ export function flatRecursive(array: any, childrenKey?: string): any[];
 export function countRecursive(array: any, childrenKey?: string): number;
 export function filterRecursive(array: any, predicate: any, childrenKey?: string): any;
 export function isUrl(str: any): boolean;
+export function isMailProtocol(str: any): boolean;
 export function isIconifyString(str: any): boolean;
 export function matchPath(path: any): any;
 export function matchPaths(paths?: any[]): number;