@blocklet/discuss-kit-ux 2.2.41 → 2.2.43

package/dist/components/profile-card/index.d.ts

@@ -1 +1 @@
-export { ProfileCard } from './profile-card';
+export * from './profile-card';

package/dist/components/profile-card/profile-card.d.ts

@@ -4,8 +4,11 @@ interface ProfileCardProps {
     click: () => void;
 }
 export declare function ProfileCard({ user, click, ...rest }: ProfileCardProps): import("react/jsx-runtime").JSX.Element;
-export declare function ProfileCardTooltip({ user, children }: {
+interface ProfileCardTooltipProps {
     user: User;
-    children: React.ReactElement;
-}): import("react/jsx-runtime").JSX.Element;
+    children: React.ReactElement | ((props: {
+        navigateToProfile: () => void;
+    }) => React.ReactElement);
+}
+export declare function ProfileCardTooltip({ user, children }: ProfileCardTooltipProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/shared/relative-time.d.ts

@@ -1,6 +1,7 @@
 interface Props {
     value: string | number | Date;
     [key: string]: any;
+    autoUpdate?: boolean;
 }
-export default function RelativeTime({ value, ...rest }: Props): import("react/jsx-runtime").JSX.Element;
+export default function RelativeTime({ value, autoUpdate, ...rest }: Props): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/{editor-0SygPq67.mjs → editor-D18Hv79L.mjs}

@@ -4,7 +4,7 @@ import { OnContentChangePlugin } from "@blocklet/editor/lib/ext/OnContentChangeP
 import { CtrlsShortcutPlugin } from "@blocklet/editor/lib/ext/ShortcutPlugin";
 import { SafeAreaPlugin } from "@blocklet/editor/lib/ext/SafeAreaPlugin";
 import { lazyRetry } from "@arcblock/ux/lib/Util";
-import { i as inferInitialEditorState, I as ImagePathFixerPlugin, V as VideoPathFixerPlugin, a as isEmptyContent, s as stringify, g as getExcerptSync } from "./index-BQdMWyip.mjs";
+import { i as inferInitialEditorState, I as ImagePathFixerPlugin, V as VideoPathFixerPlugin, a as isEmptyContent, s as stringify, g as getExcerptSync } from "./index-DHmJSOux.mjs";
 const BlockletEditor = lazyRetry(() => import("@blocklet/editor"));
 const Root = styled(Box)`
   .be-editable,

package/dist/{index-BQdMWyip.mjs → index-DHmJSOux.mjs}

@@ -17,7 +17,7 @@ import { joinURL, withTrailingSlash, withQuery, parseQuery } from "ufo";
 import { useLexicalComposerContext } from "@lexical/react/LexicalComposerContext";
 import { ImageNode } from "@blocklet/editor/lib/main/nodes/ImageNode";
 import { VideoNode } from "@blocklet/editor/lib/ext/VideoPlugin/VideoNode";
-import { useSize, useInViewport, useSetState, useLocalStorageState, useRequest, useGetState, useReactive } from "ahooks";
+import { useSize, useUpdate, useInViewport, useSetState, useLocalStorageState, useRequest, useGetState, useReactive } from "ahooks";
 import { LocaleContext, useLocaleContext } from "@arcblock/ux/lib/Locale/context";
 import { Send, Save, ChatBubbleOutlineOutlined, MoreVert, NavigateNext, DeleteOutlineOutlined, ContentCopy, ArrowUpward, ArrowDownward, ArrowBackIos, Add, BorderColorOutlined } from "@mui/icons-material";
 import LoadingButton from "@mui/lab/LoadingButton";
@@ -863,8 +863,21 @@ function Avatars({ users, variant = "circle", size = 24, ...restProps }) {
     return /* @__PURE__ */ jsx(Box$1, { className: "avatars-item", sx: { position: "relative", zIndex: index + 1 }, children: /* @__PURE__ */ jsx(Avatar, { did: user.did, src: user.avatar, size, shape: "circle", variant }) }, index);
   }) });
 }
-function RelativeTime({ value, ...rest }) {
+function RelativeTime({ value, autoUpdate, ...rest }) {
   const v2 = value instanceof Date ? value.getTime() : value;
+  const update = useUpdate();
+  const timestamp = useMemo(() => new Date(v2).getTime(), [v2]);
+  useEffect(() => {
+    if (autoUpdate) {
+      const diff = Math.abs(Date.now() - timestamp);
+      const isLessThan45Minutes = diff < 45 * 6e4;
+      if (isLessThan45Minutes) {
+        const timer = setInterval(update, 6e4);
+        return () => clearInterval(timer);
+      }
+    }
+    return void 0;
+  }, [autoUpdate, timestamp, update]);
   return /* @__PURE__ */ jsx(UxRelativeTime, { value: v2, ...rest });
 }
 function EmptyStatus({ sx }) {
@@ -1315,8 +1328,14 @@ function ProfileCardTooltip({ user, children }) {
       }, 100);
     }
   };
-  if (mobile.any) {
+  const renderChildren = () => {
+    if (typeof children === "function") {
+      return children({ navigateToProfile: click });
+    }
     return children;
+  };
+  if (mobile.any) {
+    return renderChildren();
   }
   return /* @__PURE__ */ jsx(
     HtmlTooltip$2,
@@ -1326,7 +1345,7 @@ function ProfileCardTooltip({ user, children }) {
       onOpen: () => setOpen(true),
       PopperProps: { disablePortal: false },
       title: /* @__PURE__ */ jsx(ProfileCard, { user, click }),
-      children
+      children: renderChildren()
     }
   );
 }
@@ -4929,7 +4948,7 @@ function Back({ url, fallbackUrl, iconOnly, sx, icon, ...rest }) {
 }
 const tablerSend = (props) => /* @__PURE__ */ jsx("svg", { viewBox: "0 0 24 24", width: "1.2em", height: "1.2em", ...props, children: /* @__PURE__ */ jsx("path", { fill: "none", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M10 14L21 3m0 0l-6.5 18a.55.55 0 0 1-1 0L10 14l-7-3.5a.55.55 0 0 1 0-1z" }) });
 const tablerLetterCase = (props) => /* @__PURE__ */ jsx("svg", { viewBox: "0 0 24 24", width: "1.2em", height: "1.2em", ...props, children: /* @__PURE__ */ jsx("path", { fill: "none", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M14 15.5a3.5 3.5 0 1 0 7 0a3.5 3.5 0 1 0-7 0M3 19V8.5a3.5 3.5 0 0 1 7 0V19m-7-6h7m11-1v7" }) });
-const Editor = lazyRetry(() => import("./editor-0SygPq67.mjs"));
+const Editor = lazyRetry(() => import("./editor-D18Hv79L.mjs"));
 function LazyEditor(props) {
   const fallback2 = /* @__PURE__ */ jsxs(Box, { sx: { px: 3 }, children: [
     /* @__PURE__ */ jsx(Skeleton, {}),
@@ -12584,6 +12603,8 @@ export {
   useArcSphereDialog as aA,
   Paywall as aB,
   SubscriptionPaywall as aC,
+  ProfileCard as aD,
+  ProfileCardTooltip as aE,
   SecureLabelPicker as aa,
   useApiErrorHandler as ab,
   useDefaultApiErrorHandler as ac,

package/dist/index.d.ts

@@ -31,3 +31,4 @@ export * from './components/toast';
 export * from './components/arcsphere';
 export { default as RelativeTime } from './components/shared/relative-time';
 export * from './components/paywall';
+export * from './components/profile-card';

package/dist/index.es.js

@@ -1,5 +1,5 @@
 export * from "@blocklet/labels";
-import { U, o, X, A, n, ae, B, G, L, K, N, aq, Z, Y, a0, _, $, a2, x, C, y, z, F, a6, a7, ai, a9, Q, T, ad, D, ah, ag, J, H, b, m, af, M, P, aB, ap, w, v, R, S, aa, ar, aC, q, a3, a5, aj, am, al, az, as, O, an, at, aw, ax, l, ay, h, p, r, k, av, t, j, ab, aA, W, c, a1, E, a8, ac, e, u, ao, d, au, a4, ak, f } from "./index-BQdMWyip.mjs";
+import { U, o, X, A, n, ae, B, G, L, K, N, aq, Z, Y, a0, _, $, a2, x, C, y, z, F, a6, a7, ai, a9, Q, T, ad, D, ah, ag, J, H, b, m, af, M, P, aB, ap, w, v, aD, aE, R, S, aa, ar, aC, q, a3, a5, aj, am, al, az, as, O, an, at, aw, ax, l, ay, h, p, r, k, av, t, j, ab, aA, W, c, a1, E, a8, ac, e, u, ao, d, au, a4, ak, f } from "./index-DHmJSOux.mjs";
 import "react/jsx-runtime";
 import "react";
 import "@mui/material/Box";
@@ -53,6 +53,8 @@ export {
   ap as PointUpProvider,
   w as Post,
   v as PostContent,
+  aD as ProfileCard,
+  aE as ProfileCardTooltip,
   R as RelativeTime,
   S as ScrollableEditorWrapper,
   aa as SecureLabelPicker,

package/dist/index.umd.js

@@ -787,8 +787,21 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
       return /* @__PURE__ */ jsxRuntime.jsx(Box, { className: "avatars-item", sx: { position: "relative", zIndex: index + 1 }, children: /* @__PURE__ */ jsxRuntime.jsx(Avatar, { did: user.did, src: user.avatar, size, shape: "circle", variant }) }, index);
     }) });
   }
-  function RelativeTime({ value, ...rest }) {
+  function RelativeTime({ value, autoUpdate, ...rest }) {
     const v2 = value instanceof Date ? value.getTime() : value;
+    const update = ahooks.useUpdate();
+    const timestamp = react.useMemo(() => new Date(v2).getTime(), [v2]);
+    react.useEffect(() => {
+      if (autoUpdate) {
+        const diff = Math.abs(Date.now() - timestamp);
+        const isLessThan45Minutes = diff < 45 * 6e4;
+        if (isLessThan45Minutes) {
+          const timer = setInterval(update, 6e4);
+          return () => clearInterval(timer);
+        }
+      }
+      return void 0;
+    }, [autoUpdate, timestamp, update]);
     return /* @__PURE__ */ jsxRuntime.jsx(UxRelativeTime, { value: v2, ...rest });
   }
   function EmptyStatus({ sx }) {
@@ -1239,8 +1252,14 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
         }, 100);
       }
     };
-    if (mobile.any) {
+    const renderChildren = () => {
+      if (typeof children === "function") {
+        return children({ navigateToProfile: click });
+      }
       return children;
+    };
+    if (mobile.any) {
+      return renderChildren();
     }
     return /* @__PURE__ */ jsxRuntime.jsx(
       HtmlTooltip$2,
@@ -1250,7 +1269,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
         onOpen: () => setOpen(true),
         PopperProps: { disablePortal: false },
         title: /* @__PURE__ */ jsxRuntime.jsx(ProfileCard, { user, click }),
-        children
+        children: renderChildren()
       }
     );
   }
@@ -12548,6 +12567,8 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
   exports2.PointUpProvider = PointUpProvider;
   exports2.Post = PostComponent;
   exports2.PostContent = PostContent;
+  exports2.ProfileCard = ProfileCard;
+  exports2.ProfileCardTooltip = ProfileCardTooltip;
   exports2.RelativeTime = RelativeTime;
   exports2.ScrollableEditorWrapper = ScrollableEditorWrapper;
   exports2.SecureLabelPicker = SecureLabelPicker;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@blocklet/discuss-kit-ux",
-  "version": "2.2.41",
+  "version": "2.2.43",
   "files": [
     "dist"
   ],
@@ -18,9 +18,9 @@
     "access": "public"
   },
   "dependencies": {
-    "@arcblock/bridge": "^2.12.72",
-    "@arcblock/react-hooks": "^2.12.72",
-    "@arcblock/ws": "^1.19.20",
+    "@arcblock/bridge": "^2.13.1",
+    "@arcblock/react-hooks": "^2.13.1",
+    "@arcblock/ws": "^1.20.0",
     "@blocklet/uploader": "^0.1.82",
     "@emotion/css": "^11.13.0",
     "@emotion/react": "^11.13.3",
@@ -45,8 +45,8 @@
     "ufo": "^1.5.4",
     "unstated-next": "^1.1.0",
     "url-join": "^4.0.1",
-    "@blocklet/editor": "^2.2.41",
-    "@blocklet/labels": "^2.2.41"
+    "@blocklet/editor": "^2.2.43",
+    "@blocklet/labels": "^2.2.43"
   },
   "peerDependencies": {
     "@arcblock/did-connect": "^2.10.36",
@@ -63,7 +63,7 @@
   "devDependencies": {
     "@arcblock/eslint-config-ts": "^0.3.3",
     "@babel/core": "^7.25.2",
-    "@blocklet/sdk": "^1.16.42-beta-20250407-225010-b71aee89",
+    "@blocklet/sdk": "^1.16.42",
     "@iconify-json/iconoir": "^1.2.1",
     "@iconify-json/material-symbols": "^1.2.1",
     "@iconify-json/mdi": "^1.2.0",