@blocklet/ui-react 3.5.0 → 3.5.1

package/lib/common/notification-addon.js

@@ -1,61 +1,61 @@
 import { jsx as c } from "react/jsx-runtime";
-import S from "prop-types";
-import { useMemo as L, useCallback as T, useEffect as $ } from "react";
-import { IconButton as B, Badge as P } from "@mui/material";
-import { useSnackbar as V } from "notistack";
-import x from "@arcblock/icons/lib/Notification";
+import $ from "prop-types";
+import { useMemo as I, useCallback as L, useEffect as B } from "react";
+import { IconButton as P, Badge as V } from "@mui/material";
+import { useSnackbar as x } from "notistack";
+import W from "@arcblock/icons/lib/Notification";
 import { useCreation as s } from "ahooks";
-import { WELLKNOWN_SERVICE_PATH_PREFIX as W, ROLES as A, EVENTS as O } from "@abtnode/constant";
-import j from "@arcblock/react-hooks/lib/useBrowser";
-import { compareVersions as F } from "@arcblock/ux/lib/Util";
-import { joinURL as H, withQuery as R } from "ufo";
-import { useListenWsClient as K } from "./ws.js";
-import M from "../Notifications/Snackbar.js";
-const E = H(W, "user", "notifications"), z = (r) => R(E, {
-  id: r.id,
-  severity: r.severity || "all",
-  componentDid: r.source === "system" ? "system" : r.componentDid || "all"
+import { WELLKNOWN_SERVICE_PATH_PREFIX as j, ROLES as T, EVENTS as O } from "@abtnode/constant";
+import F from "@arcblock/react-hooks/lib/useBrowser";
+import { compareVersions as H } from "@arcblock/ux/lib/Util";
+import { joinURL as K, withQuery as R } from "ufo";
+import { useListenWsClient as M } from "./ws.js";
+import z from "../Notifications/Snackbar.js";
+const E = K(j, "user", "notifications"), q = (t) => R(E, {
+  id: t.id,
+  severity: t.severity || "all",
+  componentDid: t.source === "system" ? "system" : t.componentDid || "all"
 });
-function q({ session: r = {} }) {
-  const { unReadCount: l, user: t, setUnReadCount: i } = r, e = s(() => t?.did, [t]), h = s(() => t?.role && [A.ADMIN, A.OWNER].includes(t?.role), [t?.role]), { enqueueSnackbar: N } = V(), d = j(), u = L(() => !e || t?.isPreviewUser || e === window.blocklet.did, [e, t]), k = L(() => d.arcSphere || d.wallet, [d]), y = s(() => window.blocklet?.serverVersion, []), n = K("user"), a = s(
+function Q({ session: t = {} }) {
+  const { unReadCount: l, user: r, setUnReadCount: i } = t, e = s(() => r?.did, [r]), h = s(() => r?.role && [T.ADMIN, T.OWNER].includes(r?.role), [r?.role]), { enqueueSnackbar: k } = x(), d = F(), a = I(() => !e || r?.isPreviewUser || e === window.blocklet.did, [e, r]), N = I(() => d.arcSphere || d.wallet, [d]), y = s(() => window.blocklet?.serverVersion, []), n = M("user"), u = s(
     () => `${window.blocklet.did}/${e}/${O.NOTIFICATION_BLOCKLET_CREATE}`,
     [e]
   ), m = s(
     () => `${window.blocklet.did}/${e}/${O.NOTIFICATION_BLOCKLET_READ}`,
     [e]
-  ), p = T(
+  ), p = L(
     (o) => {
-      const { receivers: v, source: w } = o ?? {}, { receiver: C } = v[0] ?? {};
-      if (C === e && (h || w !== "system")) {
-        i((b) => b + 1);
-        const U = F(y, "1.16.42-beta-20250407");
-        if (!k && o.source === "component" && U) {
-          const b = z(o), { severity: I, description: _ } = o || {}, g = ["error", "warning"].includes(I) || o.sticky;
-          N(_, {
-            variant: I,
-            autoHideDuration: g ? null : 5e3,
+      const { receivers: w, source: v } = o ?? {}, { receiver: b } = w[0] ?? {};
+      if (b === e && (h || v !== "system")) {
+        i((C) => C + 1);
+        const U = window.blocklet?.settings?.notification?.toastAlert === !0, g = H(y, "1.16.42-beta-20250407");
+        if (U && !N && o.source === "component" && g) {
+          const C = q(o), { severity: A, description: _ } = o || {}, D = ["error", "warning"].includes(A) || o.sticky;
+          k(_, {
+            variant: A,
+            autoHideDuration: D ? null : 5e3,
             anchorOrigin: {
               vertical: "top",
               horizontal: "center"
             },
             // eslint-disable-next-line react/no-unstable-nested-components
-            content: (D) => /* @__PURE__ */ c(M, { viewAllUrl: b, keyId: D, notification: o })
+            content: (S) => /* @__PURE__ */ c(z, { viewAllUrl: C, keyId: S, notification: o })
           });
         }
       }
     },
-    [e, i, N, y, k, h]
-  ), f = T(
+    [e, i, k, y, N, h]
+  ), f = L(
     (o) => {
-      const { receiver: v, readCount: w } = o ?? {};
-      v === e && i((C) => Math.max(C - w, 0));
+      const { receiver: w, readCount: v } = o ?? {};
+      w === e && i((b) => Math.max(b - v, 0));
     },
     [e, i]
   );
-  return $(() => (n && !u && (n.on(a, p), n.on(m, f)), () => {
-    n && !u && (n.off(a, p), n.off(m, f));
-  }), [n, i, p, a, f, m, u]), !r.user || !E ? null : /* @__PURE__ */ c(
-    B,
+  return B(() => (n && !a && (n.on(u, p), n.on(m, f)), () => {
+    n && !a && (n.off(u, p), n.off(m, f));
+  }), [n, i, p, u, f, m, a]), !t.user || !E ? null : /* @__PURE__ */ c(
+    P,
     {
       size: "medium",
       variant: "outlined",
@@ -65,13 +65,13 @@ function q({ session: r = {} }) {
           borderRadius: "50%"
         }
       },
-      children: /* @__PURE__ */ c(P, { badgeContent: l, color: "error", invisible: l === 0, children: /* @__PURE__ */ c(x, { style: { width: "auto", height: 24 } }) })
+      children: /* @__PURE__ */ c(V, { badgeContent: l, color: "error", invisible: l === 0, children: /* @__PURE__ */ c(W, { style: { width: "auto", height: 24 } }) })
     }
   );
 }
-q.propTypes = {
-  session: S.object
+Q.propTypes = {
+  session: $.object
 };
 export {
-  q as default
+  Q as default
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@blocklet/ui-react",
-  "version": "3.5.0",
+  "version": "3.5.1",
   "description": "Some useful front-end web components that can be used in Blocklets.",
   "keywords": [
     "react",
@@ -36,9 +36,9 @@
   "dependencies": {
     "@abtnode/constant": "^1.17.7",
     "@abtnode/util": "^1.17.7",
-    "@arcblock/bridge": "3.5.0",
-    "@arcblock/icons": "3.5.0",
-    "@arcblock/react-hooks": "3.5.0",
+    "@arcblock/bridge": "3.5.1",
+    "@arcblock/icons": "3.5.1",
+    "@arcblock/react-hooks": "3.5.1",
     "@arcblock/ws": "^1.29.4",
     "@blocklet/did-space-react": "^1.2.15",
     "@blocklet/uploader": "^0.3.19",
@@ -87,7 +87,7 @@
     "access": "public"
   },
   "devDependencies": {
-    "@arcblock/did-connect-react": "3.5.0",
+    "@arcblock/did-connect-react": "3.5.1",
     "@babel/preset-env": "^7.28.0",
     "@babel/preset-react": "^7.27.1",
     "@babel/preset-typescript": "^7.27.1",
@@ -101,5 +101,5 @@
     "typescript": "~5.5.4",
     "unbuild": "^2.0.0"
   },
-  "gitHead": "1cfc816004525cf1b352ec2b64d459f4769f0237"
+  "gitHead": "78fdd8a869a60672e8b66d4eefc172c8a716acd8"
 }