@funhub/platform 0.2.16 → 0.2.18

package/dist/components/biz/business/comment/reply-detail.mjs

@@ -1,979 +1,2 @@
 
-'use client';
-
-import { cn } from "../../../../utils/cn.mjs";
-import { debounceFun, getCurrentSecondTime, parseTextAtUserIds, replaceAtUserElement } from "../../../../utils/common.mjs";
-import { useFollowIdsState } from "../../../../store/modules/follow-ids-store.mjs";
-import { useUserStore } from "../../../../store/modules/user-store.mjs";
-import { gCommunityGetComments, pCommunityCreateComment, pCommunityDislikeComment, pCommunityLikeComment, pInteractionFollow, pInteractionUnfollow } from "../../../../service/generated/client.mjs";
-import { checkFollowStatus } from "../../../../utils/follow-service.mjs";
-import { useRouter } from "../../../../utils/use-compatible-router.mjs";
-import { Image } from "../../../ui/image.mjs";
-import { Dialog, DialogContent } from "../../../ui/dialog.mjs";
-import { InfiniteScroll } from "../../../ui/infinite-scroll.mjs";
-import { useLikeDislike } from "../../../../hooks/use-like-dislike.mjs";
-import { useKeepAliveState } from "../../../common/keep-scroll-position/index.mjs";
-import SvgClose from "../../../../assets/icons/close.mjs";
-import SvgFollowSel from "../../../../assets/icons/common/follow_sel.mjs";
-import SvgFollowUser from "../../../../assets/icons/common/follow_user.mjs";
-import { UnfollowConfirmDialog } from "../../../common/follow-button/unfollow-confirm-dialog.mjs";
-import SvgGiveLike from "../../../../assets/icons/detail/give_like.mjs";
-import SvgGiveLikeSel from "../../../../assets/icons/detail/give_like_sel.mjs";
-import CommentInput from "./comment-input.mjs";
-import SvgUnLike from "../../../../assets/icons/detail/un_like.mjs";
-import SvgUnLikeSel from "../../../../assets/icons/detail/un_like_sel.mjs";
-import { CommentMedia } from "./comment-media.mjs";
-import { CommentRichText } from "./comment-rich-text.mjs";
-import { TimeDisplay } from "./time-display.mjs";
-import { CommentItem } from "./comment-item.mjs";
-import { mapApiReplayToReplay } from "../../../../types/safe-replay.mjs";
-import { memo, useCallback, useEffect, useMemo, useRef, useState } from "react";
-import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
-import { toast } from "sonner";
-import { useTranslations } from "next-intl";
-
-//#region components/biz/business/comment/reply-detail.tsx
-/**
-* 将接口时间字段转换为秒级时间戳，兼容秒/毫秒/ISO 字符串。
-*/
-function parseToSecondTimestamp(value) {
-	if (value === void 0 || value === null) return 0;
-	const numericValue = typeof value === "number" ? value : Number(value);
-	if (!Number.isNaN(numericValue) && numericValue > 0) {
-		if (numericValue > 0xe8d4a51000) return Math.floor(numericValue / 1e3);
-		return Math.floor(numericValue);
-	}
-	const parsed = Date.parse(String(value));
-	if (Number.isNaN(parsed)) return 0;
-	return Math.floor(parsed / 1e3);
-}
-/**
-* 将评论媒体转换为 SafeNineGridInfoType 数组（优先 medias）。
-*/
-function convertMediaArrayToNineGridInfo(images, videos, medias) {
-	const result = [];
-	if (Array.isArray(medias) && medias.length > 0) {
-		medias.forEach((media) => {
-			const isVideo = Boolean(media?.is_video);
-			const mediaUrl = String(media?.media_url || "");
-			const coverImage = String(media?.cover_image || "");
-			if (!mediaUrl && !coverImage) return;
-			result.push({
-				cover_image: coverImage,
-				cover_image_thumbnail: coverImage,
-				cover_image_radio: 1,
-				cover_image_resolution: String(media?.cover_image_resolution || ""),
-				image_url: isVideo ? "" : mediaUrl,
-				image_thumbnail: isVideo ? "" : mediaUrl,
-				image_radio: 1,
-				image_resolution: String(media?.image_resolution || ""),
-				is_video: isVideo,
-				resolution: String(media?.video_resolution || ""),
-				video_duration: Number(media?.video_duration || 0),
-				video_url: isVideo ? mediaUrl : "",
-				video_size: Number(media?.video_size || 0),
-				video_codec_info: {
-					hls_info: [],
-					video_codec_deal: false
-				}
-			});
-		});
-		return result;
-	}
-	if (images?.length) images.forEach((imageUrl) => {
-		result.push({
-			cover_image: "",
-			cover_image_thumbnail: "",
-			cover_image_radio: 1,
-			cover_image_resolution: "",
-			image_url: imageUrl,
-			image_thumbnail: imageUrl,
-			image_radio: 1,
-			image_resolution: "",
-			is_video: false,
-			resolution: "",
-			video_duration: 0,
-			video_url: "",
-			video_size: 0,
-			video_codec_info: {
-				hls_info: [],
-				video_codec_deal: false
-			}
-		});
-	});
-	if (videos?.length) videos.forEach((videoUrl) => {
-		result.push({
-			cover_image: "",
-			cover_image_thumbnail: "",
-			cover_image_radio: 1,
-			cover_image_resolution: "",
-			image_url: "",
-			image_thumbnail: "",
-			image_radio: 1,
-			image_resolution: "",
-			is_video: true,
-			resolution: "",
-			video_duration: 0,
-			video_url: videoUrl,
-			video_size: 0,
-			video_codec_info: {
-				hls_info: [],
-				video_codec_deal: false
-			}
-		});
-	});
-	return result;
-}
-/**
-* 将 Community 评论结构映射到 SafeParentReplayType。
-*/
-function mapCommunityCommentToParentReply(comment) {
-	const mentionedUsers = mapCommunityMentionedUsers(comment.mentioned_users);
-	const resolvedAtUsers = mentionedUsers.length > 0 ? mentionedUsers : parseAtUsersFromHtml(comment.content || "");
-	return {
-		id: String(comment.comment_id ?? comment.id ?? ""),
-		user_name: comment.user?.nickname || comment.user?.username || "",
-		text: comment.content || "",
-		type: "4",
-		files: [],
-		at_users: resolvedAtUsers,
-		cover_image: "",
-		nine_grid_content_info: convertMediaArrayToNineGridInfo(comment?.images, comment?.videos, comment?.medias)
-	};
-}
-/**
-* 将 Community 评论结构映射到 SafeReplayType
-*/
-function mapCommunityCommentToSafeReply(comment, parentComment) {
-	const likeFlag = comment.is_liked ? "1" : comment.is_dislike ? "2" : "0";
-	const mentionedUsers = mapCommunityMentionedUsers(comment.mentioned_users);
-	const resolvedAtUsers = mentionedUsers.length > 0 ? mentionedUsers : parseAtUsersFromHtml(comment.content || "");
-	const resolvedId = String(comment.comment_id ?? comment.id ?? "");
-	const rawLikeCnt = typeof comment.like_count === "number" ? comment.like_count : 0;
-	const reply = mapApiReplayToReplay({
-		id: resolvedId,
-		like_cnt: (comment.is_liked && rawLikeCnt === 0 ? 1 : rawLikeCnt).toString(),
-		dislike_cnt: (comment.dislike_count || 0).toString(),
-		created_at: parseToSecondTimestamp(comment.create_time),
-		text: comment.content || "",
-		type: "4",
-		like_flag: likeFlag,
-		user_id: comment.user_id || "",
-		user_name: comment.user?.nickname || comment.user?.username || "",
-		avatar: comment.user?.avatar_url || "",
-		reply_cnt: (comment.reply_count || 0).toString(),
-		nine_grid_content_info: convertMediaArrayToNineGridInfo(comment?.images, comment?.videos, comment?.medias),
-		at_users: resolvedAtUsers,
-		parent_reply: void 0
-	});
-	if (parentComment) reply.parent_reply = mapCommunityCommentToParentReply(parentComment);
-	return reply;
-}
-/**
-* 将评论里的 @ 用户信息转换为 SafeAtUserType。
-*/
-function mapCommunityMentionedUsers(mentionedUsers) {
-	if (!Array.isArray(mentionedUsers)) return [];
-	return mentionedUsers.map((user) => ({
-		user_id: user.user_id || "",
-		name: user.nickname || user.username || "",
-		avatar: user.avatar_url || "",
-		birthday: "",
-		signature: user.signature || ""
-	}));
-}
-/**
-* 从富文本中解析 @mention 信息，用于本地新增回复的高亮展示。
-*/
-function parseAtUsersFromHtml(text) {
-	if (!text) return [];
-	const result = /* @__PURE__ */ new Map();
-	const mentionRegex = /<span[^>]*class=['"]mention['"][^>]*data-id=['"]([^'"]+)['"][^>]*>@([^<]*)<\/span>/g;
-	let match;
-	while ((match = mentionRegex.exec(text)) !== null) {
-		const id = match[1] ? String(match[1]) : "";
-		const name = (match[2] ? String(match[2]) : "").replace(/^@/, "") || id;
-		if (!id || result.has(id)) continue;
-		result.set(id, {
-			user_id: id,
-			name,
-			avatar: "",
-			birthday: "",
-			signature: ""
-		});
-	}
-	if (result.size > 0) return Array.from(result.values());
-	const placeholderRegex = /<@_user>(\w+)<\/@_user>/g;
-	while ((match = placeholderRegex.exec(text)) !== null) {
-		const id = match[1] ? String(match[1]) : "";
-		if (!id || result.has(id)) continue;
-		result.set(id, {
-			user_id: id,
-			name: id,
-			avatar: "",
-			birthday: "",
-			signature: ""
-		});
-	}
-	return Array.from(result.values());
-}
-/**
-* 将评论附件转换为 createComment 的 medias 结构。
-*/
-function buildCommentMedias(list) {
-	if (!Array.isArray(list) || list.length === 0) return [];
-	return list.map((item) => {
-		const isVideo = Boolean(item.is_video);
-		const mediaUrl = isVideo ? String(item.video_url || "") : String(item.image_url || item.cover_image || "");
-		const coverImage = String(item.cover_image || item.image_url || "");
-		return {
-			media_url: mediaUrl,
-			is_video: isVideo,
-			image_resolution: String(item.image_resolution || ""),
-			cover_image: coverImage,
-			cover_image_resolution: String(item.cover_image_resolution || ""),
-			video_resolution: String(item.resolution || ""),
-			video_duration: Number(item.video_duration || 0),
-			video_size: Number(item.video_size || 0)
-		};
-	}).filter((media) => Boolean(media.media_url));
-}
-/**
-* 将 Community 评论列表扁平化，包含 sub_comments。
-*/
-function flattenCommunityCommentReplies(comments, parentComment) {
-	const result = [];
-	comments.forEach((item) => {
-		result.push(mapCommunityCommentToSafeReply(item, parentComment));
-		if (item.sub_comments?.length) result.push(...flattenCommunityCommentReplies(item.sub_comments, item));
-	});
-	return result;
-}
-/**
-* 将数量转换为紧凑格式展示。
-*/
-function formatCount(value) {
-	const num = Number(value) || 0;
-	if (num >= 1e4) return `${(num / 1e4).toFixed(1)}w`;
-	if (num >= 1e3) return `${(num / 1e3).toFixed(1)}k`;
-	return String(num);
-}
-/**
-* 回复详情点赞节流。
-*/
-const replyDetailLikeDebounce = debounceFun((reply, _informationId, _commentId) => {
-	try {
-		if (!reply?.id) return;
-		pCommunityLikeComment({
-			comment_id: reply.id,
-			is_like: reply.like_flag !== "1"
-		}, { revalidate: false });
-	} catch (error) {
-		console.error("点赞回复失败:", error);
-	}
-}, 200);
-/**
-* 回复详情点踩节流。
-*/
-const replyDetailDislikeDebounce = debounceFun((reply, _informationId, _commentId) => {
-	try {
-		if (!reply?.id) return;
-		pCommunityDislikeComment({
-			comment_id: reply.id,
-			is_dislike: reply.like_flag !== "2"
-		}, { revalidate: false });
-	} catch (error) {
-		console.error("点踩回复失败:", error);
-	}
-}, 200);
-/**
-* 回复详情顶部评论区。
-*/
-const ReplyDetailHeader = memo(({ comment, updateFollow, onRequireLogin }) => {
-	const { userInfo, userId, isLogin } = useUserStore();
-	const resolvedUserId = userInfo?.userId || userInfo?.user_id || userId || "";
-	return /* @__PURE__ */ jsx("div", {
-		className: "w-full bg-bg1",
-		children: /* @__PURE__ */ jsx(CommentItem, {
-			comment,
-			variant: "light",
-			isLogin,
-			onRequireLogin,
-			rightSlot: useMemo(() => Boolean(resolvedUserId) && String(resolvedUserId) === String(comment.user_id || ""), [comment.user_id, resolvedUserId]) ? /* @__PURE__ */ jsx(Fragment$1, {}) : /* @__PURE__ */ jsx(ReplyFollowButton, {
-				userId: comment.user_id,
-				hasFollow: comment.is_follow,
-				onChange: updateFollow,
-				onRequireLogin
-			}),
-			showReplyButton: false
-		})
-	});
-});
-/**
-* 回复详情关注按钮。
-*/
-function ReplyFollowButton({ userId: followUserId, hasFollow = false, onChange, onRequireLogin }) {
-	const t = useTranslations("components.biz.business.comment");
-	const { isLogin, userInfo, userId } = useUserStore();
-	const { followIds } = useFollowIdsState();
-	const [isFollow, setIsFollow] = useState(hasFollow);
-	const [confirmOpen, setConfirmOpen] = useState(false);
-	const resolvedUserId = userInfo?.userId || userInfo?.user_id || userId || "";
-	const isSelf = useMemo(() => Boolean(resolvedUserId) && String(resolvedUserId) === String(followUserId || ""), [followUserId, resolvedUserId]);
-	const isHasFollowedStatus = useMemo(() => hasFollow || followIds.includes(followUserId), [
-		followIds,
-		hasFollow,
-		followUserId
-	]);
-	useEffect(() => {
-		setIsFollow(isHasFollowedStatus);
-	}, [isHasFollowedStatus]);
-	/**
-	* 改变关注状态。
-	*/
-	const changeFollowStatus = useCallback(async () => {
-		try {
-			if (!resolvedUserId || !followUserId || followUserId === "0") {
-				toast.error(t("replyDetail.loginRequired"));
-				return;
-			}
-			if (isFollow) {
-				const res = await pInteractionUnfollow({
-					follower_id: String(resolvedUserId),
-					followee_id: followUserId
-				});
-				if (res.code !== 0) {
-					toast.error(res.message || t("replyDetail.unfollowFailed"));
-					return;
-				}
-			} else {
-				const res = await pInteractionFollow({
-					follower_id: String(resolvedUserId),
-					followee_id: followUserId
-				});
-				if (res.code !== 0) {
-					toast.error(res.message || t("replyDetail.followFailed"));
-					return;
-				}
-			}
-			window.sensors?.track("detail_follow_click", {
-				object_id: "",
-				action: isFollow ? "取消关注" : "关注",
-				author_id: followUserId
-			});
-			sessionStorage.setItem("user_page_refresh", "1");
-		} catch (error) {
-			console.error("关注或取消关注失败:", error);
-			toast.error(isFollow ? t("replyDetail.unfollowFailed") : t("replyDetail.followFailed"));
-			return;
-		}
-		const nextFollow = !isFollow;
-		onChange?.(nextFollow);
-		setIsFollow(nextFollow);
-		const { followIds: prevIds, setFollowIds } = useFollowIdsState.getState();
-		const next = new Set(prevIds);
-		if (nextFollow) next.add(followUserId);
-		else next.delete(followUserId);
-		setFollowIds(Array.from(next));
-	}, [
-		followUserId,
-		isFollow,
-		onChange,
-		resolvedUserId,
-		t
-	]);
-	/**
-	* 点击关注按钮。
-	*/
-	const followHandler = useCallback(() => {
-		if (!isLogin) {
-			onRequireLogin?.();
-			return;
-		}
-		if (isFollow) {
-			setConfirmOpen(true);
-			return;
-		}
-		changeFollowStatus();
-	}, [
-		changeFollowStatus,
-		isFollow,
-		isLogin,
-		onRequireLogin
-	]);
-	function handleConfirmUnfollow() {
-		setConfirmOpen(false);
-		changeFollowStatus();
-	}
-	function handleCancelUnfollow() {
-		setConfirmOpen(false);
-	}
-	if (isSelf || !followUserId || followUserId === "0") return null;
-	return /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx("div", {
-		className: cn("h-[28px] rounded-[14px] px-[8px] border border-solid cursor-pointer flex items-center justify-center", !isFollow ? "border-theme5" : "border-text3"),
-		onClick: followHandler,
-		children: !isFollow ? /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(SvgFollowUser, { className: "block w-[12px] h-[12px] text-theme5 shrink-0" }), /* @__PURE__ */ jsx("span", {
-			className: "block text-theme5 text-[12px] leading-[18px] ml-[4px] shrink-0",
-			children: t("replyDetail.follow")
-		})] }) : /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(SvgFollowSel, { className: "w-[12px] h-[12px] text-text3 shrink-0" }), /* @__PURE__ */ jsx("span", {
-			className: "text-text3 text-[12px] leading-[18px] ml-[4px] shrink-0",
-			children: t("replyDetail.followed")
-		})] })
-	}), /* @__PURE__ */ jsx(UnfollowConfirmDialog, {
-		open: confirmOpen,
-		onOpenChange: setConfirmOpen,
-		onCancel: handleCancelUnfollow,
-		onConfirm: handleConfirmUnfollow
-	})] });
-}
-/**
-* 0ms 节流：用于输入框失焦时先重置状态。
-*/
-const replyDetailDebounce0 = debounceFun((callback) => {
-	callback();
-}, 0);
-/**
-* 跟随列表滚动位置变化，自动保存/恢复滚动位置。
-*/
-function useScrollPositionEffect(containerRef, scrollTop, onScrollTopChange, key) {
-	const restoredRef = useRef(false);
-	useEffect(() => {
-		restoredRef.current = false;
-	}, [key]);
-	useEffect(() => {
-		const container = containerRef.current;
-		if (!container) return;
-		if (!restoredRef.current && scrollTop > 0) {
-			container.scrollTop = scrollTop;
-			restoredRef.current = true;
-		}
-		const handleScroll = () => {
-			restoredRef.current = true;
-			onScrollTopChange(container.scrollTop);
-		};
-		container.addEventListener("scroll", handleScroll, { passive: true });
-		return () => container.removeEventListener("scroll", handleScroll);
-	}, [
-		containerRef,
-		onScrollTopChange,
-		scrollTop,
-		key
-	]);
-}
-/**
-* 回复列表。
-*/
-const ReplyList = memo(({ commentId, informationId, handleReplyComment, onReplyListUpdate }) => {
-	const t = useTranslations("components.biz.business.comment");
-	const [replyList, setReplyList] = useKeepAliveState(`replay-detail-list-${commentId}`, []);
-	const [hasMore, setHasMore] = useKeepAliveState(`replay-detail-has-more-${commentId}`, true);
-	const [page, setPage] = useKeepAliveState(`replay-detail-page-${commentId}`, 1);
-	const { getLikedListData, getDislikedListData } = useLikeDislike();
-	const fetchInProgressRef = useRef(false);
-	/**
-	* 获取回复列表。
-	*/
-	const fetchReplyList = useCallback(async () => {
-		if (!commentId || !informationId) return;
-		if (fetchInProgressRef.current) return;
-		fetchInProgressRef.current = true;
-		try {
-			const result = await gCommunityGetComments({
-				content_id: informationId,
-				parent_id: commentId,
-				page,
-				page_size: 20,
-				sort_by: "latest"
-			});
-			if (result.code !== 0) throw new Error(result.message || t("replyDetail.fetchRepliesFailed"));
-			const list = result.data?.data?.comments ?? [];
-			const data = flattenCommunityCommentReplies(list);
-			if ((result.data?.data?.has_more ?? false) === false || list.length < 20) setHasMore(false);
-			setReplyList((prevList) => {
-				const existingIds = new Set(prevList.map((item) => item.id));
-				const filteredData = data.filter((item) => !existingIds.has(item.id));
-				return [...prevList, ...filteredData];
-			});
-			if (data.length > 0) setPage(page + 1);
-		} catch (error) {
-			console.error("获取回复列表失败:", error);
-			setHasMore(false);
-		} finally {
-			fetchInProgressRef.current = false;
-		}
-	}, [
-		commentId,
-		informationId,
-		page,
-		setReplyList,
-		setHasMore,
-		setPage,
-		t
-	]);
-	/**
-	* 更新回复列表。
-	*/
-	const updateReplyList = useCallback((newReply) => {
-		setReplyList((prevList) => [newReply, ...prevList]);
-	}, [setReplyList]);
-	useEffect(() => {
-		onReplyListUpdate(updateReplyList);
-	}, [onReplyListUpdate, updateReplyList]);
-	/**
-	* 当评论ID改变时，重置状态并加载第一页数据。
-	*/
-	useEffect(() => {
-		if (commentId && informationId) {
-			setReplyList((prev) => prev.length === 0 ? prev : []);
-			setHasMore((prev) => prev === true ? prev : true);
-			setPage((prev) => prev === 1 ? prev : 1);
-		}
-	}, [
-		commentId,
-		informationId,
-		setReplyList,
-		setHasMore,
-		setPage
-	]);
-	/**
-	* 点赞回复。
-	*/
-	const handleLikeReply = useCallback((reply) => {
-		setReplyList((prevList) => getLikedListData(prevList, reply.id));
-		replyDetailLikeDebounce(reply, informationId, commentId);
-	}, [
-		commentId,
-		getLikedListData,
-		informationId,
-		setReplyList
-	]);
-	/**
-	* 点踩回复。
-	*/
-	const handleDislikeReply = useCallback((reply) => {
-		if (reply.like_flag !== "2") toast.message(t("replyDetail.dislikeHint"));
-		setReplyList((prevList) => getDislikedListData(prevList, reply.id));
-		replyDetailDislikeDebounce(reply, informationId, commentId);
-	}, [
-		commentId,
-		getDislikedListData,
-		informationId,
-		setReplyList,
-		t
-	]);
-	const [scrollTop, setScrollTop] = useKeepAliveState(`replay-detail-scroll-top-${commentId}`, 0);
-	const containerRef = useRef(null);
-	useScrollPositionEffect(containerRef, scrollTop, setScrollTop, commentId);
-	useEffect(() => {
-		if (!commentId || !informationId) return;
-		if (replyList.length === 0 && hasMore) fetchReplyList();
-	}, [
-		commentId,
-		informationId,
-		fetchReplyList,
-		replyList.length,
-		hasMore
-	]);
-	/**
-	* 加载更多。
-	*/
-	const handleLoadMore = useCallback(async () => {
-		await fetchReplyList();
-	}, [fetchReplyList]);
-	return /* @__PURE__ */ jsxs("div", {
-		ref: containerRef,
-		className: "w-full pb-[66px]",
-		children: [replyList.map((item, index) => /* @__PURE__ */ jsx(ReplyCommentItem, {
-			replyItem: item,
-			replyComment: handleReplyComment,
-			onLikeReply: handleLikeReply,
-			onDislikeReply: handleDislikeReply
-		}, `${item.id}-${index}`)), /* @__PURE__ */ jsx(InfiniteScroll, {
-			loadMore: handleLoadMore,
-			hasMore
-		})]
-	});
-});
-/**
-* 回复列表项。
-*/
-function ReplyCommentItem({ replyItem, replyComment, onLikeReply, onDislikeReply }) {
-	const t = useTranslations("components.biz.business.comment");
-	const router = useRouter();
-	const isUnderReview = replyItem.status === "0";
-	/**
-	* 点赞回复。
-	*/
-	function handleLikeClick() {
-		onLikeReply?.(replyItem);
-	}
-	/**
-	* 点踩回复。
-	*/
-	function handleDislikeClick() {
-		onDislikeReply?.(replyItem);
-	}
-	/**
-	* 回复该回复。
-	*/
-	function handleReplyClick() {
-		replyComment(replyItem);
-	}
-	return /* @__PURE__ */ jsxs("div", {
-		className: "p-[16px] flex flex-col",
-		children: [/* @__PURE__ */ jsxs("div", {
-			className: "flex flex-row justify-between",
-			children: [/* @__PURE__ */ jsxs("button", {
-				type: "button",
-				className: "flex flex-row items-center text-left",
-				onClick: () => {
-					router.push(`/profile/${replyItem.user_id}`);
-				},
-				children: [/* @__PURE__ */ jsx("div", {
-					className: "w-[38px] h-[38px] rounded-full overflow-hidden relative bg-bg2",
-					children: replyItem.avatar && /* @__PURE__ */ jsx(Image, {
-						src: replyItem.avatar,
-						fill: true,
-						objectFit: "cover",
-						alt: "avatar"
-					})
-				}), /* @__PURE__ */ jsxs("div", {
-					className: "ml-[12px] flex flex-col",
-					children: [/* @__PURE__ */ jsx("span", {
-						className: "text-text2 text-[14px] leading-[14px] max-w-[180px] text-ellipsis overflow-hidden whitespace-nowrap",
-						children: replyItem.user_name
-					}), /* @__PURE__ */ jsx("span", {
-						className: "mt-[8px] text-text3 text-[12px] leading-[12px]",
-						children: /* @__PURE__ */ jsx(TimeDisplay, { timestamp: replyItem.created_at })
-					})]
-				})]
-			}), isUnderReview ? /* @__PURE__ */ jsx("div", {
-				className: "px-[8px] py-[4px] bg-text3/10 rounded-[12px]",
-				children: /* @__PURE__ */ jsx("span", {
-					className: "text-text3 text-[12px] leading-[12px]",
-					children: t("replyDetail.underReview")
-				})
-			}) : /* @__PURE__ */ jsxs("div", {
-				className: "flex flex-row items-center",
-				children: [/* @__PURE__ */ jsxs("div", {
-					className: "px-[4px] flex flex-col items-center",
-					onClick: handleLikeClick,
-					children: [replyItem.like_flag === "1" ? /* @__PURE__ */ jsx(SvgGiveLikeSel, { className: "w-[14px] h-[14px]" }) : /* @__PURE__ */ jsx(SvgGiveLike, { className: "w-[14px] h-[14px] text-text3" }), /* @__PURE__ */ jsx("span", {
-						className: "mt-[4px] text-text3 text-[12px] leading-[12px]",
-						children: replyItem.like_cnt === "0" ? t("replyDetail.like") : formatCount(replyItem.like_cnt)
-					})]
-				}), /* @__PURE__ */ jsxs("div", {
-					className: "ml-[12px] px-[4px] flex flex-col items-center",
-					onClick: handleDislikeClick,
-					children: [replyItem.like_flag === "2" ? /* @__PURE__ */ jsx(SvgUnLikeSel, { className: "w-[14px] h-[14px]" }) : /* @__PURE__ */ jsx(SvgUnLike, { className: "w-[14px] h-[14px] text-text3" }), /* @__PURE__ */ jsx("span", {
-						className: "mt-[4px] text-text3 text-[12px] leading-[12px]",
-						children: replyItem.dislike_cnt === "0" ? t("replyDetail.dislike") : formatCount(replyItem.dislike_cnt)
-					})]
-				})]
-			})]
-		}), /* @__PURE__ */ jsxs("div", {
-			className: "mt-[4px] pl-[50px] flex flex-col",
-			children: [
-				replyItem.text && /* @__PURE__ */ jsx(CommentRichText, {
-					className: "text-text1 text-[14px] leading-[22px] break-all",
-					text: replyItem.text,
-					atUsers: replyItem.at_users
-				}),
-				/* @__PURE__ */ jsx(CommentMedia, {
-					list: replyItem.nine_grid_content_info,
-					disabled: isUnderReview,
-					hasText: Boolean(replyItem.text),
-					playerId: replyItem.id
-				}),
-				replyItem.parent_reply && replyItem.parent_reply.text && /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsxs("div", {
-					className: "mt-[4px] flex flex-row items-center text-[14px] leading-[22px] relative pl-[8px]",
-					children: [/* @__PURE__ */ jsx("div", { className: "w-[2px] h-full bg-line1 mr-[8px] absolute left-0 top-0 bottom-0 m-auto" }), /* @__PURE__ */ jsxs("span", {
-						className: "text-theme1",
-						children: [
-							replyItem.parent_reply.user_name,
-							"：",
-							replyItem.parent_reply.text && /* @__PURE__ */ jsx("span", {
-								className: "text-text1",
-								children: /* @__PURE__ */ jsx(CommentRichText, {
-									text: replyItem.parent_reply.text,
-									atUsers: replyItem.parent_reply.at_users
-								})
-							})
-						]
-					})]
-				}), /* @__PURE__ */ jsx("div", {
-					className: "mt-1",
-					children: /* @__PURE__ */ jsx(CommentMedia, {
-						list: replyItem.parent_reply.nine_grid_content_info,
-						disabled: isUnderReview,
-						hasText: Boolean(replyItem.parent_reply.text),
-						playerId: replyItem.parent_reply.id
-					})
-				})] }),
-				/* @__PURE__ */ jsx("div", {
-					className: "mt-[4px] w-[fit-content] h-[30px] px-[12px] text-text1 text-[14px] leading-[22px] flex flex-row items-center bg-bg1 rounded-[15px]",
-					onClick: handleReplyClick,
-					children: /* @__PURE__ */ jsx("span", { children: t("replyDetail.reply") })
-				})
-			]
-		})]
-	});
-}
-/**
-* 回复详情弹层。
-*/
-function ReplyDetail({ comment, information, contentType, visible, onClose, onReplyComment, onReplyAdded, onRequireLogin }) {
-	const t = useTranslations("components.biz.business.comment");
-	const commentRef = useRef(null);
-	const [replyComment, setReplyComment] = useState(() => mapApiReplayToReplay({}));
-	const [isClickReplyButton, setIsClickReplyButton] = useState(false);
-	const { userInfo, userId: storeUserId } = useUserStore();
-	const { followIds, setFollowIds } = useFollowIdsState();
-	const resolvedUserId = userInfo?.userId || userInfo?.user_id || storeUserId || "";
-	const resolvedUserName = userInfo?.name || userInfo?.nick_name || userInfo?.nickname || userInfo?.user_name || "";
-	const resolvedUserAvatar = userInfo?.avatar || userInfo?.avatar_url || "";
-	const followCheckRef = useRef({
-		commentId: "",
-		userId: ""
-	});
-	/**
-	* CreateComment 接口 data 字段在不同端/版本里可能是：
-	* - { comment_id: '123' }
-	* - ['123']
-	* - { data: ['123'] }
-	* 统一兜底解析，避免拿不到 comment_id 后本地用时间戳/0 作为 id，进一步把 parent_id 传错（深层回复会放大这个问题）。
-	*/
-	function resolveCreatedCommentId(data) {
-		if (!data) return "";
-		if (Array.isArray(data)) return String(data[0] || "");
-		if (typeof data === "object") {
-			if (Object.prototype.hasOwnProperty.call(data, "comment_id")) return String(data.comment_id ?? "");
-			if (Array.isArray(data.data)) return String(data.data[0] || "");
-		}
-		return "";
-	}
-	/**
-	* 弹窗打开时刷新关注状态（同步 followIds/评论头部按钮）。
-	*/
-	useEffect(() => {
-		if (!visible) return;
-		if (!resolvedUserId || !comment.user_id) return;
-		if (comment.user_id === "0") return;
-		if (String(resolvedUserId) === String(comment.user_id)) return;
-		if (followCheckRef.current.commentId === comment.id && followCheckRef.current.userId === resolvedUserId) return;
-		followCheckRef.current = {
-			commentId: comment.id,
-			userId: resolvedUserId
-		};
-		(async () => {
-			const result = await checkFollowStatus({
-				app_id: 0,
-				follower_id: resolvedUserId,
-				followee_ids: [comment.user_id]
-			});
-			if (!result.success || !result.data?.is_following_map) return;
-			const isFollowed = Boolean(result.data.is_following_map[comment.user_id]);
-			comment.is_follow = isFollowed;
-			const next = new Set(followIds);
-			if (isFollowed) next.add(comment.user_id);
-			else next.delete(comment.user_id);
-			setFollowIds(Array.from(next));
-		})();
-	}, [
-		comment,
-		followIds,
-		resolvedUserId,
-		setFollowIds,
-		visible
-	]);
-	/**
-	* 回复回复：定位到输入框。
-	*/
-	const handleReplyComment = useCallback((reply) => {
-		setReplyComment(reply);
-		setTimeout(() => {
-			setIsClickReplyButton(true);
-			commentRef.current?.focus();
-		}, 10);
-	}, []);
-	/**
-	* 输入框失焦：重置回复态。
-	*/
-	function handleInputBlur() {
-		replyDetailDebounce0(() => {
-			setIsClickReplyButton(false);
-		});
-	}
-	/**
-	* 回复评论（统一入口）。
-	*/
-	async function handlePublishComment({ text, imageVideoInfoList }) {
-		/**
-		* 统一处理发布失败提示。
-		*/
-		const handlePublishFailure = (result) => {
-			if (result.success) return result;
-			toast.error(result.message || t("replyDetail.publishReplyFailed"));
-			return {
-				...result,
-				toastHandled: true
-			};
-		};
-		if (isClickReplyButton) {
-			const result = await publishReplyReply({
-				text,
-				imageVideoInfoList
-			});
-			setIsClickReplyButton(false);
-			return handlePublishFailure(result);
-		} else {
-			const result = await publishReplyComment({
-				text,
-				imageVideoInfoList
-			});
-			setIsClickReplyButton(false);
-			return handlePublishFailure(result);
-		}
-	}
-	/**
-	* 发布回复评论（直接回复评论）。
-	*/
-	async function publishReplyComment({ text, imageVideoInfoList }) {
-		return await onReplyComment?.({
-			text,
-			imageVideoInfoList,
-			callback: (replyId) => {
-				const localAtUsers = parseAtUsersFromHtml(text);
-				if (!replyId || replyId === "0") return;
-				const newReply = mapApiReplayToReplay({
-					id: replyId,
-					user_id: resolvedUserId,
-					user_name: resolvedUserName,
-					avatar: resolvedUserAvatar,
-					text,
-					created_at: getCurrentSecondTime(),
-					type: "4",
-					nine_grid_content_info: imageVideoInfoList,
-					at_users: localAtUsers
-				});
-				updateReplyListFn?.(newReply);
-			}
-		}) ?? { success: true };
-	}
-	/**
-	* 发布回复回复（回复某条回复）。
-	*/
-	async function publishReplyReply({ text, imageVideoInfoList }) {
-		if (!replyComment?.id || replyComment.id === "0") return {
-			success: false,
-			message: t("replyDetail.invalidReplyTarget")
-		};
-		const medias = buildCommentMedias(imageVideoInfoList);
-		const mentionedUserIds = parseTextAtUserIds(text);
-		const resolvedSourceType = contentType === "video" ? 1 : 2;
-		try {
-			const result = await pCommunityCreateComment({
-				content_id: information.id,
-				content: replaceAtUserElement(text),
-				medias,
-				mentioned_users: mentionedUserIds,
-				parent_id: replyComment.id,
-				source_type: resolvedSourceType
-			}, { revalidate: false });
-			if (result.code !== 0) return {
-				success: false,
-				message: result.message || t("replyDetail.publishReplyFailed")
-			};
-			const replyId = resolveCreatedCommentId(result.data);
-			if (!replyId || replyId === "0") return {
-				success: false,
-				message: t("replyDetail.publishReplyFailed")
-			};
-			const newReply = mapApiReplayToReplay({
-				id: replyId,
-				user_id: resolvedUserId,
-				user_name: resolvedUserName,
-				avatar: resolvedUserAvatar,
-				text,
-				created_at: getCurrentSecondTime(),
-				type: "4",
-				nine_grid_content_info: imageVideoInfoList,
-				at_users: parseAtUsersFromHtml(text)
-			});
-			newReply.parent_reply = replyComment;
-			updateReplyListFn?.(newReply);
-			onReplyAdded?.();
-			return { success: true };
-		} catch (error) {
-			console.error("发布回复回复失败:", error);
-			return {
-				success: false,
-				message: t("replyDetail.publishReplyFailed")
-			};
-		}
-	}
-	const [updateReplyListFn, setUpdateReplyListFn] = useState(null);
-	/**
-	* 处理更新回复列表的函数。
-	*/
-	const handleReplyListUpdate = useCallback((updateFn) => {
-		setUpdateReplyListFn(() => updateFn);
-	}, []);
-	/**
-	* 评论输入框占位符。
-	*/
-	const inputPlaceholder = isClickReplyButton ? `回复@${replyComment.user_name}` : "";
-	/**
-	* 弹窗开关回调。
-	*/
-	function handleDialogOpenChange(next) {
-		if (!next) onClose();
-	}
-	return /* @__PURE__ */ jsx(Dialog, {
-		open: visible,
-		onOpenChange: handleDialogOpenChange,
-		children: /* @__PURE__ */ jsxs(DialogContent, {
-			showCloseButton: false,
-			className: "fixed left-0 right-0 bottom-0 top-[84px] z-[1000] h-auto w-full max-w-none translate-x-0 translate-y-0 rounded-none bg-bg2 p-0 text-text1 !flex !flex-col !gap-0",
-			children: [/* @__PURE__ */ jsxs("div", {
-				className: "w-full h-[60px] bg-bg1 flex items-center justify-center relative",
-				children: [/* @__PURE__ */ jsx("button", {
-					type: "button",
-					className: "w-[48px] focus-within:outline-none focus-within:border-none focus-within:ring-0 h-full flex items-center justify-center absolute left-0 top-0",
-					onClick: onClose,
-					children: /* @__PURE__ */ jsx(SvgClose, { className: "w-[16px] h-[16px] text-text1" })
-				}), /* @__PURE__ */ jsx("span", {
-					className: "text-[18px] font-bold",
-					children: t("replyDetail.commentDetail")
-				})]
-			}), /* @__PURE__ */ jsxs("div", {
-				className: "flex-1 min-h-0 w-full overflow-y-auto bg-bg2",
-				children: [
-					/* @__PURE__ */ jsx(ReplyDetailHeader, {
-						comment,
-						updateFollow: (hasFollow) => {
-							comment.is_follow = hasFollow;
-						},
-						onRequireLogin
-					}),
-					/* @__PURE__ */ jsx(ReplyList, {
-						commentId: comment.id,
-						informationId: information.id,
-						handleReplyComment,
-						onReplyListUpdate: handleReplyListUpdate
-					}),
-					/* @__PURE__ */ jsx(CommentInput, {
-						placeholder: inputPlaceholder,
-						onInputBlur: handleInputBlur,
-						onPublish: handlePublishComment,
-						onRequireLogin,
-						ref: commentRef
-					})
-				]
-			})]
-		})
-	});
-}
-
-//#endregion
-export { ReplyDetail as default };
+"use client";import{debounceFun as e,formatCompactCount as t,getCurrentSecondTime as n,parseTextAtUserIds as r,replaceAtUserElement as i}from"../../../../utils/common.mjs";import{cn as a}from"../../../../utils/cn.mjs";import{useFollowIdsState as o}from"../../../../store/modules/follow-ids-store.mjs";import{useUserStore as s}from"../../../../store/modules/user-store.mjs";import{gCommunityGetComments as c,pCommunityCreateComment as l,pCommunityDislikeComment as u,pCommunityLikeComment as d,pInteractionFollow as f,pInteractionUnfollow as p}from"../../../../service/generated/client.mjs";import{checkFollowStatus as m}from"../../../../utils/follow-service.mjs";import{useRouter as h}from"../../../../utils/use-compatible-router.mjs";import{Image as g}from"../../../ui/image.mjs";import{Dialog as _,DialogContent as v}from"../../../ui/dialog.mjs";import{InfiniteScroll as y}from"../../../ui/infinite-scroll.mjs";import{useLikeDislike as b}from"../../../../hooks/use-like-dislike.mjs";import{useKeepAliveState as x}from"../../../common/keep-scroll-position/index.mjs";import S from"../../../../assets/icons/close.mjs";import C from"../../../../assets/icons/common/follow_sel.mjs";import w from"../../../../assets/icons/common/follow_user.mjs";import{UnfollowConfirmDialog as T}from"../../../common/follow-button/unfollow-confirm-dialog.mjs";import E from"../../../../assets/icons/detail/give_like.mjs";import D from"../../../../assets/icons/detail/give_like_sel.mjs";import O from"./comment-input.mjs";import k from"../../../../assets/icons/detail/un_like.mjs";import A from"../../../../assets/icons/detail/un_like_sel.mjs";import{CommentMedia as j}from"./comment-media.mjs";import{CommentRichText as M}from"./comment-rich-text.mjs";import{TimeDisplay as N}from"./time-display.mjs";import{CommentItem as P}from"./comment-item.mjs";import{mapApiReplayToReplay as F}from"../../../../types/safe-replay.mjs";import{toast as I}from"sonner";import{memo as L,useCallback as R,useEffect as z,useMemo as B,useRef as V,useState as H}from"react";import{Fragment as U,jsx as W,jsxs as G}from"react/jsx-runtime";import{useTranslations as K}from"next-intl";function q(e){if(e==null)return 0;let t=typeof e==`number`?e:Number(e);if(!Number.isNaN(t)&&t>0)return t>0xe8d4a51000?Math.floor(t/1e3):Math.floor(t);let n=Date.parse(String(e));return Number.isNaN(n)?0:Math.floor(n/1e3)}function J(e,t,n){let r=[];return Array.isArray(n)&&n.length>0?(n.forEach(e=>{let t=!!e?.is_video,n=String(e?.media_url||``),i=String(e?.cover_image||``);!n&&!i||r.push({cover_image:i,cover_image_thumbnail:i,cover_image_radio:1,cover_image_resolution:String(e?.cover_image_resolution||``),image_url:t?``:n,image_thumbnail:t?``:n,image_radio:1,image_resolution:String(e?.image_resolution||``),is_video:t,resolution:String(e?.video_resolution||``),video_duration:Number(e?.video_duration||0),video_url:t?n:``,video_size:Number(e?.video_size||0),video_codec_info:{hls_info:[],video_codec_deal:!1}})}),r):(e?.length&&e.forEach(e=>{r.push({cover_image:``,cover_image_thumbnail:``,cover_image_radio:1,cover_image_resolution:``,image_url:e,image_thumbnail:e,image_radio:1,image_resolution:``,is_video:!1,resolution:``,video_duration:0,video_url:``,video_size:0,video_codec_info:{hls_info:[],video_codec_deal:!1}})}),t?.length&&t.forEach(e=>{r.push({cover_image:``,cover_image_thumbnail:``,cover_image_radio:1,cover_image_resolution:``,image_url:``,image_thumbnail:``,image_radio:1,image_resolution:``,is_video:!0,resolution:``,video_duration:0,video_url:e,video_size:0,video_codec_info:{hls_info:[],video_codec_deal:!1}})}),r)}function Y(e){let t=Z(e.mentioned_users),n=t.length>0?t:Q(e.content||``);return{id:String(e.comment_id??e.id??``),user_name:e.user?.nickname||e.user?.username||``,text:e.content||``,type:`4`,files:[],at_users:n,cover_image:``,nine_grid_content_info:J(e?.images,e?.videos,e?.medias)}}function X(e,t){let n=e.is_liked?`1`:e.is_dislike?`2`:`0`,r=Z(e.mentioned_users),i=r.length>0?r:Q(e.content||``),a=String(e.comment_id??e.id??``),o=typeof e.like_count==`number`?e.like_count:0,s=F({id:a,like_cnt:(e.is_liked&&o===0?1:o).toString(),dislike_cnt:(e.dislike_count||0).toString(),created_at:q(e.create_time),text:e.content||``,type:`4`,like_flag:n,user_id:e.user_id||``,user_name:e.user?.nickname||e.user?.username||``,avatar:e.user?.avatar_url||``,reply_cnt:(e.reply_count||0).toString(),nine_grid_content_info:J(e?.images,e?.videos,e?.medias),at_users:i,parent_reply:void 0});return t&&(s.parent_reply=Y(t)),s}function Z(e){return Array.isArray(e)?e.map(e=>({user_id:e.user_id||``,name:e.nickname||e.username||``,avatar:e.avatar_url||``,birthday:``,signature:e.signature||``})):[]}function Q(e){if(!e)return[];let t=new Map,n=/<span[^>]*class=['"]mention['"][^>]*data-id=['"]([^'"]+)['"][^>]*>@([^<]*)<\/span>/g,r;for(;(r=n.exec(e))!==null;){let e=r[1]?String(r[1]):``,n=(r[2]?String(r[2]):``).replace(/^@/,``)||e;!e||t.has(e)||t.set(e,{user_id:e,name:n,avatar:``,birthday:``,signature:``})}if(t.size>0)return Array.from(t.values());let i=/<@_user>(\w+)<\/@_user>/g;for(;(r=i.exec(e))!==null;){let e=r[1]?String(r[1]):``;!e||t.has(e)||t.set(e,{user_id:e,name:e,avatar:``,birthday:``,signature:``})}return Array.from(t.values())}function ee(e){return!Array.isArray(e)||e.length===0?[]:e.map(e=>{let t=!!e.is_video,n=t?String(e.video_url||``):String(e.image_url||e.cover_image||``),r=String(e.cover_image||e.image_url||``);return{media_url:n,is_video:t,image_resolution:String(e.image_resolution||``),cover_image:r,cover_image_resolution:String(e.cover_image_resolution||``),video_resolution:String(e.resolution||``),video_duration:Number(e.video_duration||0),video_size:Number(e.video_size||0)}}).filter(e=>!!e.media_url)}function $(e,t){let n=[];return e.forEach(e=>{n.push(X(e,t)),e.sub_comments?.length&&n.push(...$(e.sub_comments,e))}),n}const te=e((e,t,n)=>{try{if(!e?.id)return;d({comment_id:e.id,is_like:e.like_flag!==`1`},{revalidate:!1})}catch(e){console.error(`点赞回复失败:`,e)}},200),ne=e((e,t,n)=>{try{if(!e?.id)return;u({comment_id:e.id,is_dislike:e.like_flag!==`2`},{revalidate:!1})}catch(e){console.error(`点踩回复失败:`,e)}},200),re=L(({comment:e,updateFollow:t,onRequireLogin:n})=>{let{userInfo:r,userId:i,isLogin:a}=s(),o=r?.userId||r?.user_id||i||``;return W(`div`,{className:`w-full bg-bg1`,children:W(P,{comment:e,variant:`light`,isLogin:a,onRequireLogin:n,rightSlot:B(()=>!!o&&String(o)===String(e.user_id||``),[e.user_id,o])?W(U,{}):W(ie,{userId:e.user_id,hasFollow:e.is_follow,onChange:t,onRequireLogin:n}),showReplyButton:!1})})});function ie({userId:e,hasFollow:t=!1,onChange:n,onRequireLogin:r}){let i=K(`components.biz.business.comment`),{isLogin:c,userInfo:l,userId:u}=s(),{followIds:d}=o(),[m,h]=H(t),[g,_]=H(!1),v=l?.userId||l?.user_id||u||``,y=B(()=>!!v&&String(v)===String(e||``),[e,v]),b=B(()=>t||d.includes(e),[d,t,e]);z(()=>{h(b)},[b]);let x=R(async()=>{try{if(!v||!e||e===`0`){I.error(i(`replyDetail.loginRequired`));return}if(m){let t=await p({follower_id:String(v),followee_id:e});if(t.code!==0){I.error(t.message||i(`replyDetail.unfollowFailed`));return}}else{let t=await f({follower_id:String(v),followee_id:e});if(t.code!==0){I.error(t.message||i(`replyDetail.followFailed`));return}}window.sensors?.track(`detail_follow_click`,{object_id:``,action:m?`取消关注`:`关注`,author_id:e}),sessionStorage.setItem(`user_page_refresh`,`1`)}catch(e){console.error(`关注或取消关注失败:`,e),I.error(i(m?`replyDetail.unfollowFailed`:`replyDetail.followFailed`));return}let t=!m;n?.(t),h(t);let{followIds:r,setFollowIds:a}=o.getState(),s=new Set(r);t?s.add(e):s.delete(e),a(Array.from(s))},[e,m,n,v,i]),S=R(()=>{if(!c){r?.();return}if(m){_(!0);return}x()},[x,m,c,r]);function E(){_(!1),x()}function D(){_(!1)}return y||!e||e===`0`?null:G(U,{children:[W(`div`,{className:a(`h-[28px] rounded-[14px] px-[8px] border border-solid cursor-pointer flex items-center justify-center`,m?`border-text3`:`border-theme5`),onClick:S,children:m?G(U,{children:[W(C,{className:`w-[12px] h-[12px] text-text3 shrink-0`}),W(`span`,{className:`text-text3 text-[12px] leading-[18px] ml-[4px] shrink-0`,children:i(`replyDetail.followed`)})]}):G(U,{children:[W(w,{className:`block w-[12px] h-[12px] text-theme5 shrink-0`}),W(`span`,{className:`block text-theme5 text-[12px] leading-[18px] ml-[4px] shrink-0`,children:i(`replyDetail.follow`)})]})}),W(T,{open:g,onOpenChange:_,onCancel:D,onConfirm:E})]})}const ae=e(e=>{e()},0);function oe(e,t,n,r){let i=V(!1);z(()=>{i.current=!1},[r]),z(()=>{let r=e.current;if(!r)return;!i.current&&t>0&&(r.scrollTop=t,i.current=!0);let a=()=>{i.current=!0,n(r.scrollTop)};return r.addEventListener(`scroll`,a,{passive:!0}),()=>r.removeEventListener(`scroll`,a)},[e,n,t,r])}const se=L(({commentId:e,informationId:t,handleReplyComment:n,onReplyListUpdate:r})=>{let i=K(`components.biz.business.comment`),[a,o]=x(`replay-detail-list-${e}`,[]),[s,l]=x(`replay-detail-has-more-${e}`,!0),[u,d]=x(`replay-detail-page-${e}`,1),{getLikedListData:f,getDislikedListData:p}=b(),m=V(!1),h=R(async()=>{if(!(!e||!t)&&!m.current){m.current=!0;try{let n=await c({content_id:t,parent_id:e,page:u,page_size:20,sort_by:`latest`});if(n.code!==0)throw Error(n.message||i(`replyDetail.fetchRepliesFailed`));let r=n.data?.data?.comments??[],a=$(r);((n.data?.data?.has_more??!1)===!1||r.length<20)&&l(!1),o(e=>{let t=new Set(e.map(e=>e.id)),n=a.filter(e=>!t.has(e.id));return[...e,...n]}),a.length>0&&d(u+1)}catch(e){console.error(`获取回复列表失败:`,e),l(!1)}finally{m.current=!1}}},[e,t,u,o,l,d,i]),g=R(e=>{o(t=>[e,...t])},[o]);z(()=>{r(g)},[r,g]),z(()=>{e&&t&&(o(e=>e.length===0?e:[]),l(e=>e===!0?e:!0),d(e=>e===1?e:1))},[e,t,o,l,d]);let _=R(n=>{o(e=>f(e,n.id)),te(n,t,e)},[e,f,t,o]),v=R(n=>{n.like_flag!==`2`&&I.message(i(`replyDetail.dislikeHint`)),o(e=>p(e,n.id)),ne(n,t,e)},[e,p,t,o,i]),[S,C]=x(`replay-detail-scroll-top-${e}`,0),w=V(null);oe(w,S,C,e),z(()=>{!e||!t||a.length===0&&s&&h()},[e,t,h,a.length,s]);let T=R(async()=>{await h()},[h]);return G(`div`,{ref:w,className:`w-full pb-[66px]`,children:[a.map((e,t)=>W(ce,{replyItem:e,replyComment:n,onLikeReply:_,onDislikeReply:v},`${e.id}-${t}`)),W(y,{loadMore:T,hasMore:s})]})});function ce({replyItem:e,replyComment:n,onLikeReply:r,onDislikeReply:i}){let a=K(`components.biz.business.comment`),o=h(),s=e.status===`0`;function c(){r?.(e)}function l(){i?.(e)}function u(){n(e)}return G(`div`,{className:`p-[16px] flex flex-col`,children:[G(`div`,{className:`flex flex-row justify-between`,children:[G(`button`,{type:`button`,className:`flex flex-row items-center text-left`,onClick:()=>{o.push(`/profile/${e.user_id}`)},children:[W(`div`,{className:`w-[38px] h-[38px] rounded-full overflow-hidden relative bg-bg2`,children:e.avatar&&W(g,{src:e.avatar,fill:!0,objectFit:`cover`,alt:`avatar`})}),G(`div`,{className:`ml-[12px] flex flex-col`,children:[W(`span`,{className:`text-text2 text-[14px] leading-[14px] max-w-[180px] text-ellipsis overflow-hidden whitespace-nowrap`,children:e.user_name}),W(`span`,{className:`mt-[8px] text-text3 text-[12px] leading-[12px]`,children:W(N,{timestamp:e.created_at})})]})]}),s?W(`div`,{className:`px-[8px] py-[4px] bg-text3/10 rounded-[12px]`,children:W(`span`,{className:`text-text3 text-[12px] leading-[12px]`,children:a(`replyDetail.underReview`)})}):G(`div`,{className:`flex flex-row items-center`,children:[G(`div`,{className:`px-[4px] flex flex-col items-center`,onClick:c,children:[e.like_flag===`1`?W(D,{className:`w-[14px] h-[14px]`}):W(E,{className:`w-[14px] h-[14px] text-text3`}),W(`span`,{className:`mt-[4px] text-text3 text-[12px] leading-[12px]`,children:e.like_cnt===`0`?a(`replyDetail.like`):t(e.like_cnt)})]}),G(`div`,{className:`ml-[12px] px-[4px] flex flex-col items-center`,onClick:l,children:[e.like_flag===`2`?W(A,{className:`w-[14px] h-[14px]`}):W(k,{className:`w-[14px] h-[14px] text-text3`}),W(`span`,{className:`mt-[4px] text-text3 text-[12px] leading-[12px]`,children:e.dislike_cnt===`0`?a(`replyDetail.dislike`):t(e.dislike_cnt)})]})]})]}),G(`div`,{className:`mt-[4px] pl-[50px] flex flex-col`,children:[e.text&&W(M,{className:`text-text1 text-[14px] leading-[22px] break-all`,text:e.text,atUsers:e.at_users}),W(j,{list:e.nine_grid_content_info,disabled:s,hasText:!!e.text,playerId:e.id}),e.parent_reply&&e.parent_reply.text&&G(U,{children:[G(`div`,{className:`mt-[4px] flex flex-row items-center text-[14px] leading-[22px] relative pl-[8px]`,children:[W(`div`,{className:`w-[2px] h-full bg-line1 mr-[8px] absolute left-0 top-0 bottom-0 m-auto`}),G(`span`,{className:`text-theme1`,children:[e.parent_reply.user_name,`：`,e.parent_reply.text&&W(`span`,{className:`text-text1`,children:W(M,{text:e.parent_reply.text,atUsers:e.parent_reply.at_users})})]})]}),W(`div`,{className:`mt-1`,children:W(j,{list:e.parent_reply.nine_grid_content_info,disabled:s,hasText:!!e.parent_reply.text,playerId:e.parent_reply.id})})]}),W(`div`,{className:`mt-[4px] w-[fit-content] h-[30px] px-[12px] text-text1 text-[14px] leading-[22px] flex flex-row items-center bg-bg1 rounded-[15px]`,onClick:u,children:W(`span`,{children:a(`replyDetail.reply`)})})]})]})}function le({comment:e,information:t,contentType:a,visible:c,onClose:u,onReplyComment:d,onReplyAdded:f,onRequireLogin:p}){let h=K(`components.biz.business.comment`),g=V(null),[y,b]=H(()=>F({})),[x,C]=H(!1),{userInfo:w,userId:T}=s(),{followIds:E,setFollowIds:D}=o(),k=w?.userId||w?.user_id||T||``,A=w?.name||w?.nick_name||w?.nickname||w?.user_name||``,j=w?.avatar||w?.avatar_url||``,M=V({commentId:``,userId:``});function N(e){if(!e)return``;if(Array.isArray(e))return String(e[0]||``);if(typeof e==`object`){if(Object.prototype.hasOwnProperty.call(e,`comment_id`))return String(e.comment_id??``);if(Array.isArray(e.data))return String(e.data[0]||``)}return``}z(()=>{c&&(!k||!e.user_id||e.user_id!==`0`&&String(k)!==String(e.user_id)&&(M.current.commentId===e.id&&M.current.userId===k||(M.current={commentId:e.id,userId:k},(async()=>{let t=await m({app_id:0,follower_id:k,followee_ids:[e.user_id]});if(!t.success||!t.data?.is_following_map)return;let n=!!t.data.is_following_map[e.user_id];e.is_follow=n;let r=new Set(E);n?r.add(e.user_id):r.delete(e.user_id),D(Array.from(r))})())))},[e,E,k,D,c]);let P=R(e=>{b(e),setTimeout(()=>{C(!0),g.current?.focus()},10)},[]);function L(){ae(()=>{C(!1)})}async function B({text:e,imageVideoInfoList:t}){let n=e=>e.success?e:(I.error(e.message||h(`replyDetail.publishReplyFailed`)),{...e,toastHandled:!0});if(x){let r=await q({text:e,imageVideoInfoList:t});return C(!1),n(r)}else{let r=await U({text:e,imageVideoInfoList:t});return C(!1),n(r)}}async function U({text:e,imageVideoInfoList:t}){return await d?.({text:e,imageVideoInfoList:t,callback:r=>{let i=Q(e);if(!r||r===`0`)return;let a=F({id:r,user_id:k,user_name:A,avatar:j,text:e,created_at:n(),type:`4`,nine_grid_content_info:t,at_users:i});J?.(a)}})??{success:!0}}async function q({text:e,imageVideoInfoList:o}){if(!y?.id||y.id===`0`)return{success:!1,message:h(`replyDetail.invalidReplyTarget`)};let s=ee(o),c=r(e),u=a===`video`?1:2;try{let r=await l({content_id:t.id,content:i(e),medias:s,mentioned_users:c,parent_id:y.id,source_type:u},{revalidate:!1});if(r.code!==0)return{success:!1,message:r.message||h(`replyDetail.publishReplyFailed`)};let a=N(r.data);if(!a||a===`0`)return{success:!1,message:h(`replyDetail.publishReplyFailed`)};let d=F({id:a,user_id:k,user_name:A,avatar:j,text:e,created_at:n(),type:`4`,nine_grid_content_info:o,at_users:Q(e)});return d.parent_reply=y,J?.(d),f?.(),{success:!0}}catch(e){return console.error(`发布回复回复失败:`,e),{success:!1,message:h(`replyDetail.publishReplyFailed`)}}}let[J,Y]=H(null),X=R(e=>{Y(()=>e)},[]),Z=x?`回复@${y.user_name}`:``;function $(e){e||u()}return W(_,{open:c,onOpenChange:$,children:G(v,{showCloseButton:!1,className:`fixed left-0 right-0 bottom-0 top-[84px] z-[1000] h-auto w-full max-w-none translate-x-0 translate-y-0 rounded-none bg-bg2 p-0 text-text1 !flex !flex-col !gap-0`,children:[G(`div`,{className:`w-full h-[60px] bg-bg1 flex items-center justify-center relative`,children:[W(`button`,{type:`button`,className:`w-[48px] focus-within:outline-none focus-within:border-none focus-within:ring-0 h-full flex items-center justify-center absolute left-0 top-0`,onClick:u,children:W(S,{className:`w-[16px] h-[16px] text-text1`})}),W(`span`,{className:`text-[18px] font-bold`,children:h(`replyDetail.commentDetail`)})]}),G(`div`,{className:`flex-1 min-h-0 w-full overflow-y-auto bg-bg2`,children:[W(re,{comment:e,updateFollow:t=>{e.is_follow=t},onRequireLogin:p}),W(se,{commentId:e.id,informationId:t.id,handleReplyComment:P,onReplyListUpdate:X}),W(O,{placeholder:Z,onInputBlur:L,onPublish:B,onRequireLogin:p,ref:g})]})]})})}export{le as default};