@blocklet/ui-react 2.13.70 → 3.0.1

package/lib/Notifications/hooks/use-title.js

@@ -1,161 +1,120 @@
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-import React from "react";
-import { useCreation, useMemoizedFn } from "ahooks";
-import { useTheme, Link } from "@mui/material";
-import { WELLKNOWN_SERVICE_PATH_PREFIX } from "@abtnode/constant";
-import { joinURL, withQuery } from "ufo";
-import isEmpty from "lodash/isEmpty";
-import { getActivityLink } from "../utils.js";
-const ACTIVITY_TYPES = {
-  COMMENT: "comment",
-  LIKE: "like",
-  FOLLOW: "follow",
-  TIPS: "tips",
-  MENTION: "mention",
-  ASSIGN: "assign"
-};
-const ACTIVITY_DESCRIPTIONS = {
-  comment: (targetType, count) => count && count > 1 ? /* @__PURE__ */ jsxs(Fragment, { children: [
+import { jsx as s, jsxs as o, Fragment as i } from "react/jsx-runtime";
+import M from "react";
+import { useCreation as f, useMemoizedFn as U } from "ahooks";
+import { useTheme as C, Link as E } from "@mui/material";
+import { WELLKNOWN_SERVICE_PATH_PREFIX as S } from "@abtnode/constant";
+import { joinURL as R, withQuery as v } from "ufo";
+import D from "lodash/isEmpty";
+import { getActivityLink as I } from "../utils.js";
+const P = {
+  comment: (r, l) => l && l > 1 ? /* @__PURE__ */ o(i, { children: [
     "left ",
-    count,
+    l,
     " comments on your ",
-    targetType
-  ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+    r
+  ] }) : /* @__PURE__ */ o(i, { children: [
     "commented on your ",
-    targetType
+    r
   ] }),
-  like: (targetType) => /* @__PURE__ */ jsxs(Fragment, { children: [
+  like: (r) => /* @__PURE__ */ o(i, { children: [
     "liked your ",
-    targetType
+    r
   ] }),
-  follow: () => /* @__PURE__ */ jsx(Fragment, { children: "followed you" }),
-  tips: (targetType) => /* @__PURE__ */ jsxs(Fragment, { children: [
+  follow: () => /* @__PURE__ */ s(i, { children: "followed you" }),
+  tips: (r) => /* @__PURE__ */ o(i, { children: [
     "gave tips to your ",
-    targetType
+    r
   ] }),
-  mention: (targetType) => /* @__PURE__ */ jsxs(Fragment, { children: [
+  mention: (r) => /* @__PURE__ */ o(i, { children: [
     "mentioned you in ",
-    targetType
+    r
   ] }),
-  assign: () => /* @__PURE__ */ jsx(Fragment, { children: "assigned you a task" })
+  assign: () => /* @__PURE__ */ s(i, { children: "assigned you a task" })
 };
-function UserLink({ user, color }) {
-  const { palette } = useTheme();
-  const profileLink = withQuery(joinURL(WELLKNOWN_SERVICE_PATH_PREFIX, "user"), { did: user.did });
-  const _color = color || palette.text.primary;
-  return /* @__PURE__ */ jsx(
-    Link,
+function a({ user: r, color: l }) {
+  const { palette: d } = C(), h = v(R(S, "user"), { did: r.did }), m = l || d.text.primary;
+  return /* @__PURE__ */ s(
+    E,
     {
-      href: profileLink,
-      color: _color,
-      fontWeight: 600,
+      href: h,
+      color: m,
       target: "_blank",
-      sx: { textDecoration: "none", "&:hover": { cursor: "pointer" } },
-      onClick: (e) => {
-        e.customPreventRedirect = true;
+      onClick: (p) => {
+        p.customPreventRedirect = !0;
+      },
+      sx: {
+        fontWeight: 600,
+        textDecoration: "none",
+        "&:hover": { cursor: "pointer" }
       },
-      children: user.fullName || "System"
+      children: r.fullName || "System"
     }
   );
 }
-UserLink.displayName = "UserLink";
-export default function useActivityTitle({ activity, users, actors, extra = {}, mountPoint = "" }) {
-  const { palette } = useTheme();
-  const { type, target } = activity || {};
-  const { type: targetType } = target || {};
-  const { linkColor = palette.text.primary } = extra || {};
-  const usersMap = useCreation(() => {
-    if (!Array.isArray(users))
-      return /* @__PURE__ */ new Map();
-    const map = /* @__PURE__ */ new Map();
-    users.forEach((user) => {
-      if (user?.did && !map.has(user.did)) {
-        map.set(user.did, user);
-      }
-    });
-    return map;
-  }, [users]);
-  const uniqueUsers = useCreation(() => {
-    if (!Array.isArray(actors))
-      return [];
-    return actors.map((actorId) => {
-      if (!actorId)
-        return null;
-      return usersMap.get(actorId) || { did: actorId, fullName: "System" };
-    }).filter(Boolean);
-  }, [actors, usersMap]);
-  const formatLinkedUserNames = useMemoizedFn(() => {
-    if (!Array.isArray(uniqueUsers) || uniqueUsers.length === 0) {
+a.displayName = "UserLink";
+function H({ activity: r, users: l, actors: d, extra: h = {}, mountPoint: m = "" }) {
+  const { palette: p } = C(), { type: u, target: g } = r || {}, { type: y } = g || {}, { linkColor: c = p.text.primary } = h || {}, k = f(() => {
+    if (!Array.isArray(l)) return /* @__PURE__ */ new Map();
+    const e = /* @__PURE__ */ new Map();
+    return l.forEach((t) => {
+      t != null && t.did && !e.has(t.did) && e.set(t.did, t);
+    }), e;
+  }, [l]), n = f(() => Array.isArray(d) ? d.map((e) => e ? k.get(e) || { did: e, fullName: "System" } : null).filter(Boolean) : [], [d, k]), L = U(() => {
+    if (!Array.isArray(n) || n.length === 0)
       return null;
-    }
-    if (uniqueUsers.length === 1) {
-      return /* @__PURE__ */ jsx(UserLink, { user: uniqueUsers[0], color: linkColor });
-    }
-    const initialUsers = uniqueUsers.slice(0, -1);
-    const lastUser = uniqueUsers[uniqueUsers.length - 1];
-    if (uniqueUsers.length === 2) {
-      return /* @__PURE__ */ jsxs(Fragment, { children: [
-        /* @__PURE__ */ jsx(UserLink, { user: initialUsers[0], color: linkColor }),
+    if (n.length === 1)
+      return /* @__PURE__ */ s(a, { user: n[0], color: c });
+    const e = n.slice(0, -1), t = n[n.length - 1];
+    if (n.length === 2)
+      return /* @__PURE__ */ o(i, { children: [
+        /* @__PURE__ */ s(a, { user: e[0], color: c }),
         " and ",
-        /* @__PURE__ */ jsx(UserLink, { user: lastUser, color: linkColor })
+        /* @__PURE__ */ s(a, { user: t, color: c })
       ] });
-    }
-    const isMoreThanThree = uniqueUsers.length > 3;
-    const displayUsers = isMoreThanThree ? uniqueUsers.slice(0, 2) : initialUsers;
-    return /* @__PURE__ */ jsxs(Fragment, { children: [
-      displayUsers.map((user, index) => /* @__PURE__ */ jsxs(React.Fragment, { children: [
-        /* @__PURE__ */ jsx(UserLink, { user, color: linkColor }),
-        index < displayUsers.length - 1 ? ", " : ""
-      ] }, user.did)),
-      isMoreThanThree ? `, and ${uniqueUsers.length - 2} others` : /* @__PURE__ */ jsxs(Fragment, { children: [
+    const _ = n.length > 3, N = _ ? n.slice(0, 2) : e;
+    return /* @__PURE__ */ o(i, { children: [
+      N.map((T, F) => /* @__PURE__ */ o(M.Fragment, { children: [
+        /* @__PURE__ */ s(a, { user: T, color: c }),
+        F < N.length - 1 ? ", " : ""
+      ] }, T.did)),
+      _ ? `, and ${n.length - 2} others` : /* @__PURE__ */ o(i, { children: [
         ", and ",
-        /* @__PURE__ */ jsx(UserLink, { user: lastUser, color: linkColor })
+        /* @__PURE__ */ s(a, { user: t, color: c })
       ] })
     ] });
-  });
-  const getActivityDescription = useMemoizedFn(() => {
-    const descriptionFn = type ? ACTIVITY_DESCRIPTIONS[type] : null;
-    return descriptionFn ? descriptionFn(targetType, users.length) : null;
-  });
-  const title = useCreation(() => {
-    const linkedNames = formatLinkedUserNames();
-    const description = getActivityDescription();
-    if (!linkedNames || !description) {
-      return null;
-    }
-    return /* @__PURE__ */ jsxs(Fragment, { children: [
-      linkedNames,
+  }), A = U(() => {
+    const e = u ? P[u] : null;
+    return e ? e(y, l.length) : null;
+  }), w = f(() => {
+    const e = L(), t = A();
+    return !e || !t ? null : /* @__PURE__ */ o(i, { children: [
+      e,
       " ",
-      description
+      t
     ] });
-  }, [type, targetType, uniqueUsers, formatLinkedUserNames, getActivityDescription]);
-  const targetLink = useCreation(() => {
-    if (!activity)
-      return null;
-    const link = getActivityLink(activity);
-    if (link?.targetLink) {
-      return joinURL(mountPoint, link.targetLink);
-    }
-    return null;
-  }, [activity, mountPoint]);
-  if (!type || isEmpty(target)) {
-    return null;
-  }
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    title,
+  }, [u, y, n, L, A]), x = f(() => {
+    if (!r) return null;
+    const e = I(r);
+    return e != null && e.targetLink ? R(m, e.targetLink) : null;
+  }, [r, m]);
+  return !u || D(g) ? null : /* @__PURE__ */ o(i, { children: [
+    w,
     " ",
-    targetLink && /* @__PURE__ */ jsx(
-      Link,
+    x && /* @__PURE__ */ s(
+      E,
       {
-        href: targetLink,
-        color: linkColor,
+        href: x,
+        color: c,
         target: "_blank",
         sx: { textDecoration: "none" },
         onClick: (e) => {
-          e.customPreventRedirect = true;
+          e.customPreventRedirect = !0;
         },
-        children: target.name
+        children: g.name
       }
     )
   ] });
 }
+export {
+  H as default
+};

package/lib/Notifications/hooks/use-width.js

@@ -1,11 +1,12 @@
-import { useTheme } from "@arcblock/ux/lib/Theme";
-import useMediaQuery from "@mui/material/useMediaQuery";
-function useWidth() {
-  const theme = useTheme();
-  const keys = [...theme.breakpoints.keys].reverse();
-  return keys.reduce((output, key) => {
-    const matches = useMediaQuery(theme.breakpoints.up(key));
-    return !output && matches ? key : output;
+import { useTheme as n } from "@arcblock/ux/lib/Theme";
+import { useMediaQuery as o } from "@mui/material";
+function a() {
+  const e = n();
+  return [...e.breakpoints.keys].reverse().reduce((r, s) => {
+    const t = o(e.breakpoints.up(s));
+    return !r && t ? s : r;
   }, null) || "xs";
 }
-export default useWidth;
+export {
+  a as default
+};

package/lib/Notifications/utils.js

@@ -1,130 +1,90 @@
-import isEmpty from "lodash/isEmpty";
-import DOMPurify from "dompurify";
-import { Link, toTextList, getLink as getLinkUtil } from "@abtnode/util/lib/notification-preview/highlight";
-import { isSameAddr } from "@abtnode/util/lib/notification-preview/func";
-import { client } from "../libs/client.js";
-export const mergeAdjacentNotifications = (notifications) => {
-  if (!notifications || !notifications.length) {
+import L from "lodash/isEmpty";
+import $ from "dompurify";
+import { toTextList as k, Link as v, getLink as i } from "@abtnode/util/lib/notification-preview/highlight";
+import { isSameAddr as h } from "@abtnode/util/lib/notification-preview/func";
+import { client as w } from "../libs/client.js";
+const M = (s) => {
+  if (!s || !s.length)
     return [];
-  }
-  const result = [];
-  let currentGroup = null;
-  let groupItems = [];
-  notifications.forEach((notification) => {
-    if (!notification.activity || !notification.activity.type || !currentGroup) {
-      if (currentGroup) {
-        if (groupItems.length === 1) {
-          result.push(groupItems[0]);
-        } else {
-          currentGroup.items = groupItems;
-          result.push(currentGroup);
-        }
-      }
-      if (notification.activity && notification.activity.type) {
-        currentGroup = notification;
-        groupItems = [notification];
-      } else {
-        result.push(notification);
-        currentGroup = null;
-        groupItems = [];
-      }
+  const t = [];
+  let r = null, l = [];
+  if (s.forEach((a) => {
+    var c, o, g, y;
+    if (!a.activity || !a.activity.type || !r) {
+      r && (l.length === 1 ? t.push(l[0]) : (r.items = l, t.push(r))), a.activity && a.activity.type ? (r = a, l = [a]) : (t.push(a), r = null, l = []);
       return;
     }
-    const currentActivity = groupItems[0].activity;
-    const currentType = currentActivity?.type;
-    const currentTargetType = currentActivity?.target?.type;
-    const currentTargetId = currentActivity?.target?.id;
-    const newType = notification.activity.type;
-    const newTargetType = notification.activity.target?.type;
-    const newTargetId = notification.activity.target?.id;
-    const shouldMerge = (
+    const e = l[0].activity, n = e == null ? void 0 : e.type, p = (c = e == null ? void 0 : e.target) == null ? void 0 : c.type, u = (o = e == null ? void 0 : e.target) == null ? void 0 : o.id, d = a.activity.type, m = (g = a.activity.target) == null ? void 0 : g.type, f = (y = a.activity.target) == null ? void 0 : y.id;
+    if (
       // activity.type 必须相同且不为null或undefined
-      currentType && newType && currentType === newType && // 如果都没有target，可以合并
-      (!currentActivity?.target && !notification.activity.target || // 如果都有target，则target.type和target.id都必须相同
-      currentActivity?.target && notification.activity.target && currentTargetType === newTargetType && currentTargetId === newTargetId)
-    );
-    if (shouldMerge) {
-      groupItems.push(notification);
-    } else {
-      if (groupItems.length === 1) {
-        result.push(groupItems[0]);
-      } else {
-        const groupToAdd = Object.assign({}, currentGroup, { items: groupItems });
-        result.push(groupToAdd);
+      n && d && n === d && // 如果都没有target，可以合并
+      (!(e != null && e.target) && !a.activity.target || // 如果都有target，则target.type和target.id都必须相同
+      (e == null ? void 0 : e.target) && a.activity.target && p === m && u === f)
+    )
+      l.push(a);
+    else {
+      if (l.length === 1)
+        t.push(l[0]);
+      else {
+        const T = Object.assign({}, r, { items: l });
+        t.push(T);
       }
-      currentGroup = notification;
-      groupItems = [notification];
+      r = a, l = [a];
     }
-  });
-  if (currentGroup) {
-    if (groupItems.length === 1) {
-      result.push(groupItems[0]);
-    } else {
-      const groupToAdd = Object.assign({}, currentGroup, { items: groupItems });
-      result.push(groupToAdd);
+  }), r)
+    if (l.length === 1)
+      t.push(l[0]);
+    else {
+      const a = Object.assign({}, r, { items: l });
+      t.push(a);
     }
-  }
-  return result;
-};
-export const isIncludeActivity = (notification) => {
-  return !isEmpty(notification.activity) && !!notification.activity?.type && !!notification.activity?.actor;
-};
-export const canAutoRead = (notification) => {
-  const { severity } = notification || {};
-  return !!severity && ["normal", "success", "info"].includes(severity);
-};
-export const getActivityLink = (activity) => {
-  if (!activity) {
+  return t;
+}, z = (s) => {
+  var t, r;
+  return !L(s.activity) && !!((t = s.activity) != null && t.type) && !!((r = s.activity) != null && r.actor);
+}, D = (s) => {
+  const { severity: t } = s || {};
+  return !!t && ["normal", "success", "info"].includes(t);
+}, R = (s) => {
+  if (!s)
     return null;
-  }
-  const { meta, target } = activity;
+  const { meta: t, target: r } = s;
   return {
-    metaLink: meta?.id,
-    targetLink: target?.id
+    metaLink: t == null ? void 0 : t.id,
+    targetLink: r == null ? void 0 : r.id
   };
-};
-const getUserProfileUrl = async (did, locale) => {
+}, x = async (s, t) => {
   try {
-    const profileUrl = await client.user.getProfileUrl({ did, locale });
-    return profileUrl;
-  } catch (error) {
-    console.error(error);
-    return void 0;
+    return await w.user.getProfileUrl({ did: s, locale: t });
+  } catch (r) {
+    console.error(r);
+    return;
   }
-};
-const getLink = async (item, locale) => {
-  const { type, did } = item;
-  if (isSameAddr(type, "did")) {
-    const profileUrl = await getUserProfileUrl(did, locale);
-    return profileUrl || getLinkUtil(item);
-  }
-  return getLinkUtil(item);
-};
-export const toClickableSpan = async (str, locale, isHighLight = true) => {
-  const textList = toTextList(str);
-  const result = await Promise.all(
-    textList.map(async (item) => {
-      if (item instanceof Link) {
-        if (isHighLight) {
-          const url = await getLink(item, locale);
-          const { type, chainId, did } = item;
-          if (isSameAddr(type, "dapp")) {
-            return `<em class="dapp" data-type="${type}" data-chain-id="${chainId}" data-did="${did}">${item.text}</em>`;
-          }
-          if (url) {
-            return `<a target="_blank" rel="noopener noreferrer" class="link" href="${url}">${item.text}</a>`;
-          }
-          return `<em class="common" data-type="${type}" data-chain-id="${chainId}" data-did="${did}">${item.text}</em>`;
+}, U = async (s, t) => {
+  const { type: r, did: l } = s;
+  return h(r, "did") ? await x(l, t) || i(s) : i(s);
+}, S = async (s, t, r = !0) => {
+  const l = k(s);
+  return await Promise.all(
+    l.map(async (e) => {
+      if (e instanceof v) {
+        if (r) {
+          const n = await U(e, t), { type: p, chainId: u, did: d } = e;
+          return h(p, "dapp") ? `<em class="dapp" data-type="${p}" data-chain-id="${u}" data-did="${d}">${e.text}</em>` : n ? `<a target="_blank" rel="noopener noreferrer" class="link" href="${n}">${e.text}</a>` : `<em class="common" data-type="${p}" data-chain-id="${u}" data-did="${d}">${e.text}</em>`;
         }
-        return item.text;
+        return e.text;
       }
-      return item;
+      return e;
     })
-  ).then((results) => results.join(""));
-  return result;
-};
-export const sanitize = (innerHtml) => {
-  return DOMPurify.sanitize(innerHtml, {
-    ALLOWED_ATTR: ["href", "target", "rel", "class", "id", "style"]
-  });
+  ).then((e) => e.join(""));
+}, _ = (s) => $.sanitize(s, {
+  ALLOWED_ATTR: ["href", "target", "rel", "class", "id", "style"]
+});
+export {
+  D as canAutoRead,
+  R as getActivityLink,
+  z as isIncludeActivity,
+  M as mergeAdjacentNotifications,
+  _ as sanitize,
+  S as toClickableSpan
 };

package/lib/UserCenter/components/config-inviter.js

@@ -1,36 +1,26 @@
-import { jsx } from "react/jsx-runtime";
-import { Box, TextField } from "@mui/material";
-import { useMemoizedFn, useReactive } from "ahooks";
-import Toast from "@arcblock/ux/lib/Toast";
-import { client } from "../../libs/client.js";
-import { formatAxiosError } from "../libs/utils.js";
-export default function ConfigInviter({ user }) {
-  const currentState = useReactive({
-    inviter: user?.inviter,
-    loading: false
-  });
-  const handleChange = useMemoizedFn(async (e) => {
+import { jsx as a } from "react/jsx-runtime";
+import { Box as s, TextField as v } from "@mui/material";
+import { useReactive as m, useMemoizedFn as c } from "ahooks";
+import d from "@arcblock/ux/lib/Toast";
+import { client as u } from "../../libs/client.js";
+import { formatAxiosError as g } from "../libs/utils.js";
+function I({ user: t }) {
+  var n, r, o;
+  const i = m({
+    inviter: t == null ? void 0 : t.inviter,
+    loading: !1
+  }), l = c(async (f) => {
     try {
-      const { value } = e.target;
-      currentState.loading = true;
-      await client.user.saveProfile({ inviter: value });
-      currentState.inviter = value;
-    } catch (err) {
-      Toast.error(formatAxiosError(err));
+      const { value: e } = f.target;
+      i.loading = !0, await u.user.saveProfile({ inviter: e }), i.inviter = e;
+    } catch (e) {
+      d.error(g(e));
     } finally {
-      currentState.loading = false;
+      i.loading = !1;
     }
   });
-  if (!user) {
-    return "-";
-  }
-  const inviteEnabled = !!window.blocklet?.settings?.invite?.enabled;
-  if (!inviteEnabled) {
-    return "-";
-  }
-  const hasInviter = !!user.inviter;
-  if (hasInviter) {
-    return "-";
-  }
-  return /* @__PURE__ */ jsx(Box, { children: /* @__PURE__ */ jsx(TextField, { size: "small", fullWidth: true, label: "", value: currentState.inviter, onChange: handleChange }) });
+  return !t || !!!((o = (r = (n = window.blocklet) == null ? void 0 : n.settings) == null ? void 0 : r.invite) != null && o.enabled) || !!t.inviter ? "-" : /* @__PURE__ */ a(s, { children: /* @__PURE__ */ a(v, { size: "small", fullWidth: !0, label: "", value: i.inviter, onChange: l }) });
 }
+export {
+  I as default
+};