@funhub/platform 0.2.16 → 0.2.18

package/dist/components/biz/basics/fullscreen-feed/runtime/use-series-feed-controller.mjs

@@ -1,213 +1,2 @@
 
-'use client';
-
-import { useUserStore } from "../../../../../store/modules/user-store.mjs";
-import { gContentGetVideoDetail } from "../../../../../service/generated/client.mjs";
-import { useKeepAliveState } from "../../../../common/keep-scroll-position/index.mjs";
-import { normalizeToSeriesFeedItem } from "./adapters.mjs";
-import { batchQueryContentInteractions } from "../../../../../hooks/use-content-operate.mjs";
-import { buildInteractionMap, collectPendingInteractionIdsFromInfos, mergeInteractionIntoInfos } from "./interaction-sync.mjs";
-import { useCallback, useEffect, useMemo, useRef } from "react";
-
-//#region components/biz/basics/fullscreen-feed/runtime/use-series-feed-controller.ts
-function buildSeriesContents(detail) {
-	const detailId = detail.id || "";
-	const seriesLinks = Array.isArray(detail.links) ? detail.links : [];
-	const baseInfo = {
-		...detail,
-		id: detailId,
-		name: detail.name || "",
-		episode_cnt: detail.episode_cnt ?? seriesLinks.length,
-		links: []
-	};
-	if (seriesLinks.length === 0) return [{
-		...baseInfo,
-		links: []
-	}];
-	return seriesLinks.map((link, index) => {
-		const episodeName = link.name || `第${index + 1}集`;
-		return {
-			...baseInfo,
-			name: episodeName,
-			links: [link]
-		};
-	});
-}
-function useSeriesFeedController({ seriesId, initialContents = [], initialActiveIndex = 0, onEpisodeNavigate, keepAliveKey }) {
-	const cacheKey = keepAliveKey || `fullscreen-series:${seriesId}`;
-	const { isLogin, userId: storeUserId, userInfo } = useUserStore();
-	const resolvedUserId = storeUserId || userInfo?.userId || "";
-	const [activeIndex, setActiveIndexState] = useKeepAliveState(`${cacheKey}-active-index`, initialActiveIndex);
-	const [userInteracted, setUserInteractedState] = useKeepAliveState(`${cacheKey}-user-interacted`, false);
-	const [isSeriesSelectorOpen, setIsSeriesSelectorOpen] = useKeepAliveState(`${cacheKey}-series-selector-open`, false);
-	const initialContentsRef = useRef(initialContents);
-	const [infos, setInfos] = useKeepAliveState(`${cacheKey}-infos`, initialContentsRef.current || []);
-	const [checkedInteractionIds, setCheckedInteractionIds] = useKeepAliveState(`${cacheKey}-checked-interaction-ids`, []);
-	const checkedInteractionIdsRef = useRef(new Set(checkedInteractionIds));
-	const checkedInteractionIdsListRef = useRef(checkedInteractionIds);
-	checkedInteractionIdsListRef.current = checkedInteractionIds;
-	const [seriesTitle, setSeriesTitle] = useKeepAliveState(`${cacheKey}-series-title`, "");
-	const [seriesList, setSeriesList] = useKeepAliveState(`${cacheKey}-series-list`, []);
-	useEffect(() => {
-		checkedInteractionIdsRef.current = new Set(checkedInteractionIdsListRef.current);
-	}, [checkedInteractionIds, resolvedUserId]);
-	useEffect(() => {
-		checkedInteractionIdsRef.current = /* @__PURE__ */ new Set();
-		setCheckedInteractionIds([]);
-	}, [resolvedUserId, setCheckedInteractionIds]);
-	const refreshInteractionStatus = useCallback(async (targetInfos) => {
-		if (!isLogin || !resolvedUserId) return;
-		const pendingIds = collectPendingInteractionIdsFromInfos(targetInfos, checkedInteractionIdsRef.current);
-		if (pendingIds.length === 0) return;
-		setCheckedInteractionIds(Array.from(checkedInteractionIdsRef.current));
-		const interactionMap = buildInteractionMap((await batchQueryContentInteractions(pendingIds, 1))?.interaction_list);
-		if (interactionMap.size === 0) return;
-		setInfos((prev) => mergeInteractionIntoInfos(prev, interactionMap));
-	}, [
-		isLogin,
-		resolvedUserId,
-		setCheckedInteractionIds,
-		setInfos
-	]);
-	useEffect(() => {
-		if (seriesList.length > 0) return;
-		if (infos.length === 0) return;
-		const fallbackList = infos.map((info, index) => {
-			const link = info.links?.[0];
-			return {
-				id: link?.id || info.id || `${index + 1}`,
-				name: link?.name || info.name || String(index + 1),
-				preview_m3u8_url: link?.preview_m3u8_url,
-				m3u8_url: link?.m3u8_url
-			};
-		}).filter((item) => Boolean(item.id));
-		if (fallbackList.length > 0) setSeriesList(fallbackList);
-	}, [
-		infos,
-		seriesList.length,
-		setSeriesList
-	]);
-	useEffect(() => {
-		if (infos.length > 0) return;
-		if (!seriesId) return;
-		let active = true;
-		async function fetchDetail() {
-			try {
-				const detail = (await gContentGetVideoDetail({ id: seriesId }))?.data?.video;
-				if (!active || !detail) return;
-				setSeriesTitle(detail.name || "");
-				setSeriesList(Array.isArray(detail.links) ? detail.links : []);
-				setInfos(buildSeriesContents(detail));
-			} catch (error) {
-				console.error("SeriesFeed fetch detail failed:", error);
-			}
-		}
-		fetchDetail();
-		return () => {
-			active = false;
-		};
-	}, [
-		infos.length,
-		seriesId,
-		setInfos,
-		setSeriesList,
-		setSeriesTitle
-	]);
-	useEffect(() => {
-		if (!isLogin || !resolvedUserId) return;
-		if (infos.length === 0) return;
-		refreshInteractionStatus(infos);
-	}, [
-		infos,
-		isLogin,
-		refreshInteractionStatus,
-		resolvedUserId
-	]);
-	const items = useMemo(() => {
-		return infos.map((info) => normalizeToSeriesFeedItem(info)).filter(Boolean);
-	}, [infos]);
-	const activeEpisodeId = useMemo(() => items[activeIndex]?.id || "", [activeIndex, items]);
-	const setActiveIndex = useCallback((nextIndex, direction) => {
-		setActiveIndexState(nextIndex);
-		if (direction === "jump") {
-			const episodeId = items[nextIndex]?.id || "";
-			const parsed = Number.parseInt(seriesList[nextIndex]?.name || "", 10);
-			const episodeNum = Number.isNaN(parsed) ? nextIndex + 1 : parsed;
-			if (episodeId) onEpisodeNavigate?.({
-				episodeId,
-				episodeNum
-			});
-		}
-	}, [
-		items,
-		onEpisodeNavigate,
-		seriesList,
-		setActiveIndexState
-	]);
-	const updateItemData = useCallback((id, patch) => {
-		setInfos((prev) => prev.map((info) => {
-			if (info.id !== id) return info;
-			return {
-				...info,
-				...patch,
-				static: patch.static ? {
-					...info.static,
-					...patch.static
-				} : info.static,
-				author: patch.author ? {
-					...info.author,
-					...patch.author
-				} : info.author
-			};
-		}));
-	}, [setInfos]);
-	const openSeriesSelector = useCallback(() => setIsSeriesSelectorOpen(true), [setIsSeriesSelectorOpen]);
-	const closeSeriesSelector = useCallback(() => setIsSeriesSelectorOpen(false), [setIsSeriesSelectorOpen]);
-	const onSelectEpisode = useCallback((episodeId, episodeNum) => {
-		const targetIndex = items.findIndex((item) => item.id === episodeId);
-		if (targetIndex >= 0) setActiveIndex(targetIndex, "jump");
-		onEpisodeNavigate?.({
-			episodeId,
-			episodeNum
-		});
-	}, [
-		items,
-		onEpisodeNavigate,
-		setActiveIndex
-	]);
-	const getNavigationInfo = useCallback((index) => {
-		const current = items[index];
-		return {
-			showSeriesButton: true,
-			seriesTitle,
-			seriesText: current ? current.title : void 0,
-			nextItemText: void 0,
-			onSeriesClick: openSeriesSelector
-		};
-	}, [
-		items,
-		openSeriesSelector,
-		seriesTitle
-	]);
-	return {
-		items,
-		activeIndex,
-		userInteracted,
-		setUserInteracted: () => setUserInteractedState(true),
-		setActiveIndex,
-		updateItemData,
-		openSeriesSelector,
-		closeSeriesSelector,
-		isSeriesSelectorOpen,
-		seriesMeta: {
-			seriesTitle,
-			seriesList
-		},
-		activeEpisodeId,
-		onSelectEpisode,
-		getNavigationInfo
-	};
-}
-
-//#endregion
-export { useSeriesFeedController };
+"use client";import{useUserStore as e}from"../../../../../store/modules/user-store.mjs";import{gContentGetVideoDetail as t}from"../../../../../service/generated/client.mjs";import{useKeepAliveState as n}from"../../../../common/keep-scroll-position/index.mjs";import{normalizeToSeriesFeedItem as r}from"./adapters.mjs";import{batchQueryContentInteractions as i}from"../../../../../hooks/use-content-operate.mjs";import{buildInteractionMap as a,collectPendingInteractionIdsFromInfos as o,mergeInteractionIntoInfos as s}from"./interaction-sync.mjs";import{useCallback as c,useEffect as l,useMemo as u,useRef as d}from"react";function f(e){let t=e.id||``,n=Array.isArray(e.links)?e.links:[],r={...e,id:t,name:e.name||``,episode_cnt:e.episode_cnt??n.length,links:[]};return n.length===0?[{...r,links:[]}]:n.map((e,t)=>{let n=e.name||`第${t+1}集`;return{...r,name:n,links:[e]}})}function p({seriesId:p,initialContents:m=[],initialActiveIndex:h=0,onEpisodeNavigate:g,keepAliveKey:_}){let v=_||`fullscreen-series:${p}`,{isLogin:y,userId:b,userInfo:x}=e(),S=b||x?.userId||``,[C,w]=n(`${v}-active-index`,h),[T,E]=n(`${v}-user-interacted`,!1),[D,O]=n(`${v}-series-selector-open`,!1),k=d(m),[A,j]=n(`${v}-infos`,k.current||[]),[M,N]=n(`${v}-checked-interaction-ids`,[]),P=d(new Set(M)),F=d(M);F.current=M;let[I,L]=n(`${v}-series-title`,``),[R,z]=n(`${v}-series-list`,[]);l(()=>{P.current=new Set(F.current)},[M,S]),l(()=>{P.current=new Set,N([])},[S,N]);let B=c(async e=>{if(!y||!S)return;let t=o(e,P.current);if(t.length===0)return;N(Array.from(P.current));let n=a((await i(t,1))?.interaction_list);n.size!==0&&j(e=>s(e,n))},[y,S,N,j]);l(()=>{if(R.length>0||A.length===0)return;let e=A.map((e,t)=>{let n=e.links?.[0];return{id:n?.id||e.id||`${t+1}`,name:n?.name||e.name||String(t+1),preview_m3u8_url:n?.preview_m3u8_url,m3u8_url:n?.m3u8_url}}).filter(e=>!!e.id);e.length>0&&z(e)},[A,R.length,z]),l(()=>{if(A.length>0||!p)return;let e=!0;async function n(){try{let n=(await t({id:p}))?.data?.video;if(!e||!n)return;L(n.name||``),z(Array.isArray(n.links)?n.links:[]),j(f(n))}catch(e){console.error(`SeriesFeed fetch detail failed:`,e)}}return n(),()=>{e=!1}},[A.length,p,j,z,L]),l(()=>{!y||!S||A.length!==0&&B(A)},[A,y,B,S]);let V=u(()=>A.map(e=>r(e)).filter(Boolean),[A]),H=u(()=>V[C]?.id||``,[C,V]),U=c((e,t)=>{if(w(e),t===`jump`){let t=V[e]?.id||``,n=Number.parseInt(R[e]?.name||``,10),r=Number.isNaN(n)?e+1:n;t&&g?.({episodeId:t,episodeNum:r})}},[V,g,R,w]),W=c((e,t)=>{j(n=>n.map(n=>n.id===e?{...n,...t,static:t.static?{...n.static,...t.static}:n.static,author:t.author?{...n.author,...t.author}:n.author}:n))},[j]),G=c(()=>O(!0),[O]),K=c(()=>O(!1),[O]),q=c((e,t)=>{let n=V.findIndex(t=>t.id===e);n>=0&&U(n,`jump`),g?.({episodeId:e,episodeNum:t})},[V,g,U]),J=c(e=>{let t=V[e];return{showSeriesButton:!0,seriesTitle:I,seriesText:t?t.title:void 0,nextItemText:void 0,onSeriesClick:G}},[V,G,I]);return{items:V,activeIndex:C,userInteracted:T,setUserInteracted:()=>E(!0),setActiveIndex:U,updateItemData:W,openSeriesSelector:G,closeSeriesSelector:K,isSeriesSelectorOpen:D,seriesMeta:{seriesTitle:I,seriesList:R},activeEpisodeId:H,onSelectEpisode:q,getNavigationInfo:J}}export{p as useSeriesFeedController};

package/dist/components/biz/basics/fullscreen-feed/runtime/user-action.mjs

@@ -1,274 +1,2 @@
 
-import { useUserStore } from "../../../../../store/modules/user-store.mjs";
-import { followUser } from "../../../../../utils/follow-service.mjs";
-import { Avatar, AvatarImage } from "../../../../ui/avatar.mjs";
-import SvgCollectNor from "../../../../../assets/icons/common/collect_nor.mjs";
-import SvgCollectSel from "../../../../../assets/icons/common/collect_sel.mjs";
-import SvgHeartLike from "../../../../../assets/icons/common/heart-like.mjs";
-import SvgHeartUnlike from "../../../../../assets/icons/common/heart-unlike.mjs";
-import SvgShare from "../../../../../assets/icons/common/share.mjs";
-import SvgComment from "../../../../../assets/icons/detail/comment.mjs";
-import interaction_animations_module_default from "../../../../common/interaction-animations.module.mjs";
-import Button from "../../../../ui/legacy/button.mjs";
-import { useContentOperate } from "../../../../../hooks/use-content-operate.mjs";
-import { useCallback, useEffect, useMemo, useState } from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-import { toast } from "sonner";
-import { useTranslations } from "next-intl";
-
-//#region components/biz/basics/fullscreen-feed/runtime/user-action.tsx
-const emptyFollowIds = [];
-/**
-* 点赞/评论/收藏等操作区域
-*/
-function UserAction({ information, activeEpisodeId, onUpdate, onOpenComment, onCustomActionRender, onUserNavigate, currentUserId, followIds = emptyFollowIds, onFollowChange, onRequireLogin }) {
-	const t = useTranslations("components.biz.basics.fullscreenFeed.runtime");
-	const [updating, setUpdating] = useState(false);
-	const [likeState, setLikeState] = useState({
-		liked: false,
-		count: 0
-	});
-	const [collectState, setCollectState] = useState({
-		collected: false,
-		count: 0
-	});
-	const [commentCount, setCommentCount] = useState(0);
-	const [isFollowingState, setIsFollowingState] = useState(false);
-	const { isLogin, userInfo, userId: storeUserId } = useUserStore();
-	const authorId = information.author?.user_id || "";
-	const authorAvatar = information.author?.avatar;
-	const resolvedUserId = currentUserId || storeUserId || userInfo?.userId || "";
-	const dislikeCount = information.static?.dislike_cnt || 0;
-	const { likeAnimation, handleLikeOperate, handleShareOperate, handleToCollectionOperate } = useContentOperate({
-		id: information.id,
-		isLike: likeState.liked,
-		isDislike: Boolean(information.is_dislike),
-		isCollect: collectState.collected,
-		likeCnt: likeState.count,
-		dislikeCnt: dislikeCount,
-		contentType: information.links?.length > 0 ? 1 : 2,
-		animationClasses: {
-			like: interaction_animations_module_default.likeShakeAnimation,
-			dislike: interaction_animations_module_default.dislikeShakeAnimation
-		}
-	});
-	useEffect(() => {
-		const liked = Boolean(information.is_liked);
-		const likeCnt = Number(information.static?.like_cnt || 0);
-		setLikeState({
-			liked,
-			count: liked && likeCnt === 0 ? 1 : likeCnt
-		});
-		const collected = Boolean(information.is_collected);
-		const collectCnt = Number(information.static?.collect_cnt || 0);
-		setCollectState({
-			collected,
-			count: collected && collectCnt === 0 ? 1 : collectCnt
-		});
-		setCommentCount(information.static?.comment_cnt || 0);
-		setIsFollowingState(Boolean(information.is_followed));
-	}, [
-		information.id,
-		information.is_liked,
-		information.is_collected,
-		information.static?.like_cnt,
-		information.static?.collect_cnt,
-		information.static?.comment_cnt,
-		information.is_followed
-	]);
-	const isSelf = useMemo(() => resolvedUserId === authorId, [authorId, resolvedUserId]);
-	const isFollowingUser = useMemo(() => Boolean(isFollowingState), [isFollowingState]);
-	const formatCount = (count) => {
-		if (count >= 1e6) return `${(count / 1e6).toFixed(1)}M`;
-		if (count >= 1e3) return `${(count / 1e3).toFixed(1)}K`;
-		return count.toString();
-	};
-	const requireLogin = () => {
-		if (isLogin) return true;
-		onRequireLogin?.();
-		return false;
-	};
-	/**
-	* 构建分享链接，避免使用当前地址栏。
-	*/
-	const buildShareUrl = useCallback(() => {
-		if (typeof window === "undefined") return "";
-		const baseUrl = window.location.origin;
-		let contentId = information.id;
-		if (!contentId) return "";
-		if (information.links?.length > 0) {
-			contentId = information.mid || information.id;
-			return `${baseUrl}/feed-series/${contentId}/episode/${activeEpisodeId || "1"}`;
-		}
-		return `${baseUrl}/post/${contentId}`;
-	}, [
-		information.id,
-		activeEpisodeId,
-		information.links?.length,
-		information.mid
-	]);
-	const handleFollow = async () => {
-		if (updating) return;
-		if (!requireLogin()) return;
-		if (!authorId || !resolvedUserId || isSelf) return;
-		setUpdating(true);
-		try {
-			const result = await followUser({
-				app_id: 0,
-				follower_id: resolvedUserId,
-				followee_id: authorId
-			});
-			if (result.success) {
-				const nextIds = followIds.includes(authorId) ? followIds : [...followIds, authorId];
-				onFollowChange?.(nextIds);
-				onUpdate?.({ is_followed: true });
-				setIsFollowingState(true);
-			} else {
-				console.error("关注失败:", result.message);
-				toast.error(t("userAction.followFailed"), { description: result.message });
-			}
-		} catch (error) {
-			console.error("关注失败:", error);
-		} finally {
-			setUpdating(false);
-		}
-	};
-	const handleLike = async () => {
-		if (!requireLogin()) return;
-		const result = await handleLikeOperate();
-		if (!result) return;
-		const nextLiked = result.isLike;
-		const nextCount = nextLiked && result.likeCnt === 0 ? 1 : result.likeCnt;
-		const nextDislike = result.isDislike ?? information.is_dislike ?? false;
-		const nextDislikeCount = result.dislikeCnt ?? dislikeCount;
-		setLikeState({
-			liked: nextLiked,
-			count: nextCount
-		});
-		onUpdate?.({
-			is_liked: nextLiked,
-			is_dislike: nextDislike,
-			static: {
-				...information.static,
-				like_cnt: nextCount,
-				dislike_cnt: nextDislikeCount
-			}
-		});
-	};
-	const handleCollect = async () => {
-		if (!requireLogin()) return;
-		if (!handleToCollectionOperate({
-			currentCollect: collectState.collected,
-			onUpdate: ({ isCollect }) => {
-				const nextCount = Math.max(0, collectState.count + (isCollect ? 1 : -1));
-				setCollectState({
-					collected: isCollect,
-					count: nextCount
-				});
-				onUpdate?.({
-					is_collected: isCollect,
-					static: {
-						...information.static,
-						collect_cnt: nextCount
-					}
-				});
-			}
-		})) toast.error(t("userAction.loginRequired"));
-	};
-	const handleShare = async () => {
-		handleShareOperate(({ isCollect }) => {
-			const nextCount = Math.max(0, collectState.count + (isCollect ? 1 : -1));
-			setCollectState({
-				collected: isCollect,
-				count: nextCount
-			});
-			onUpdate?.({
-				is_collected: isCollect,
-				static: {
-					...information.static,
-					collect_cnt: nextCount
-				}
-			});
-		}, { shareUrl: buildShareUrl() });
-	};
-	return /* @__PURE__ */ jsxs("div", {
-		className: "absolute right-3 bottom-5 z-20 flex flex-col items-center gap-4 g-safe-area text-white",
-		children: [authorId && /* @__PURE__ */ jsxs("div", {
-			className: "relative h-[62px] flex flex-col items-center",
-			children: [/* @__PURE__ */ jsx(Button, {
-				className: "w-12 h-12 !p-0 rounded-full overflow-hidden cursor-pointer",
-				onClick: (event) => {
-					event.stopPropagation();
-					if (authorId) onUserNavigate?.(authorId);
-				},
-				children: /* @__PURE__ */ jsx(Avatar, {
-					className: "w-full h-full",
-					children: /* @__PURE__ */ jsx(AvatarImage, { src: authorAvatar })
-				})
-			}), !isSelf && !isFollowingUser && /* @__PURE__ */ jsx(Button, {
-				onClick: handleFollow,
-				className: "w-[34px] h-[18px] !p-0 -mt-2 bg-[linear-gradient(73deg,#FD4C5E,#F05D19)] flex items-center justify-center text-xs cursor-pointer relative z-[1]",
-				children: "+"
-			})]
-		}), /* @__PURE__ */ jsxs("div", {
-			className: "flex flex-col gap-5 items-center",
-			children: [
-				/* @__PURE__ */ jsx(ActionButton, {
-					active: likeState.liked,
-					count: likeState.count <= 0 ? t("userAction.like") : formatCount(likeState.count),
-					onClick: handleLike,
-					label: t("userAction.likeAction"),
-					children: likeState.liked ? /* @__PURE__ */ jsx(SvgHeartLike, { className: `w-full h-full ${likeAnimation.animationClass || ""}` }) : /* @__PURE__ */ jsx(SvgHeartUnlike, { className: "w-full h-full" })
-				}),
-				/* @__PURE__ */ jsx(ActionButton, {
-					active: false,
-					count: formatCount(commentCount),
-					onClick: (event) => {
-						event.stopPropagation();
-						if (!isLogin) {
-							onRequireLogin?.();
-							return;
-						}
-						onOpenComment?.();
-					},
-					label: t("userAction.commentAction"),
-					children: /* @__PURE__ */ jsx(SvgComment, { className: "w-full h-full" })
-				}),
-				/* @__PURE__ */ jsx(ActionButton, {
-					active: collectState.collected,
-					count: formatCount(collectState.count),
-					onClick: handleCollect,
-					label: t("userAction.collectAction"),
-					children: collectState.collected ? /* @__PURE__ */ jsx(SvgCollectSel, { className: "w-full h-full" }) : /* @__PURE__ */ jsx(SvgCollectNor, { className: "w-full h-full" })
-				}),
-				/* @__PURE__ */ jsx(ActionButton, {
-					active: false,
-					count: t("userAction.shareAction"),
-					onClick: handleShare,
-					label: t("userAction.shareAction"),
-					children: /* @__PURE__ */ jsx(SvgShare, { className: "w-full h-full" })
-				}),
-				onCustomActionRender?.(information)
-			]
-		})]
-	});
-}
-function ActionButton({ active, count, onClick, children }) {
-	return /* @__PURE__ */ jsxs("div", {
-		className: "flex flex-col items-center gap-1",
-		children: [/* @__PURE__ */ jsx(Button, {
-			onClick: (event) => {
-				event.stopPropagation();
-				onClick(event);
-			},
-			className: `w-8 h-8 !p-0 !rounded-full flex items-center justify-center transition ${active ? "text-theme5" : "text-white"}`,
-			children
-		}), /* @__PURE__ */ jsx("span", {
-			className: "text-xs font-medium text-center min-w-5 drop-shadow",
-			children: count
-		})]
-	});
-}
-
-//#endregion
-export { UserAction };
+import{formatCompactCount as e}from"../../../../../utils/common.mjs";import{useUserStore as t}from"../../../../../store/modules/user-store.mjs";import{followUser as n}from"../../../../../utils/follow-service.mjs";import{Avatar as r,AvatarImage as i}from"../../../../ui/avatar.mjs";import a from"../../../../../assets/icons/common/collect_nor.mjs";import o from"../../../../../assets/icons/common/collect_sel.mjs";import s from"../../../../../assets/icons/common/heart-like.mjs";import ee from"../../../../../assets/icons/common/heart-unlike.mjs";import c from"../../../../../assets/icons/common/share.mjs";import l from"../../../../../assets/icons/detail/comment.mjs";import u from"../../../../common/interaction-animations.module.mjs";import d from"../../../../ui/legacy/button.mjs";import{useContentOperate as f}from"../../../../../hooks/use-content-operate.mjs";import{toast as p}from"sonner";import{useCallback as m,useEffect as te,useMemo as h,useState as g}from"react";import{jsx as _,jsxs as v}from"react/jsx-runtime";import{useTranslations as y}from"next-intl";const b=[];function x({information:x,activeEpisodeId:C,onUpdate:w,onOpenComment:T,onCustomActionRender:E,onUserNavigate:D,currentUserId:O,followIds:k=b,onFollowChange:ne,onRequireLogin:A}){let j=y(`components.biz.basics.fullscreenFeed.runtime`),[M,N]=g(!1),[P,F]=g({liked:!1,count:0}),[I,L]=g({collected:!1,count:0}),[R,z]=g(0),[B,V]=g(!1),{isLogin:H,userInfo:U,userId:W}=t(),G=x.author?.user_id||``,K=x.author?.avatar,q=O||W||U?.userId||``,J=x.static?.dislike_cnt||0,{likeAnimation:Y,handleLikeOperate:X,handleShareOperate:re,handleToCollectionOperate:ie}=f({id:x.id,isLike:P.liked,isDislike:!!x.is_dislike,isCollect:I.collected,likeCnt:P.count,dislikeCnt:J,contentType:x.links?.length>0?1:2,animationClasses:{like:u.likeShakeAnimation,dislike:u.dislikeShakeAnimation}});te(()=>{let e=!!x.is_liked,t=Number(x.static?.like_cnt||0);F({liked:e,count:e&&t===0?1:t});let n=!!x.is_collected,r=Number(x.static?.collect_cnt||0);L({collected:n,count:n&&r===0?1:r}),z(x.static?.comment_cnt||0),V(!!x.is_followed)},[x.id,x.is_liked,x.is_collected,x.static?.like_cnt,x.static?.collect_cnt,x.static?.comment_cnt,x.is_followed]);let Z=h(()=>q===G,[G,q]),ae=h(()=>!!B,[B]),Q=t=>e(t),$=()=>H?!0:(A?.(),!1),oe=m(()=>{if(typeof window>`u`)return``;let e=window.location.origin,t=x.id;return t?x.links?.length>0?(t=x.mid||x.id,`${e}/feed-series/${t}/episode/${C||`1`}`):`${e}/post/${t}`:``},[x.id,C,x.links?.length,x.mid]);return v(`div`,{className:`absolute right-3 bottom-5 z-20 flex flex-col items-center gap-4 g-safe-area text-white`,children:[G&&v(`div`,{className:`relative h-[62px] flex flex-col items-center`,children:[_(d,{className:`w-12 h-12 !p-0 rounded-full overflow-hidden cursor-pointer`,onClick:e=>{e.stopPropagation(),G&&D?.(G)},children:_(r,{className:`w-full h-full`,children:_(i,{src:K})})}),!Z&&!ae&&_(d,{onClick:async()=>{if(!M&&$()&&!(!G||!q||Z)){N(!0);try{let e=await n({app_id:0,follower_id:q,followee_id:G});if(e.success){let e=k.includes(G)?k:[...k,G];ne?.(e),w?.({is_followed:!0}),V(!0)}else console.error(`关注失败:`,e.message),p.error(j(`userAction.followFailed`),{description:e.message})}catch(e){console.error(`关注失败:`,e)}finally{N(!1)}}},className:`w-[34px] h-[18px] !p-0 -mt-2 bg-[linear-gradient(73deg,#FD4C5E,#F05D19)] flex items-center justify-center text-xs cursor-pointer relative z-[1]`,children:`+`})]}),v(`div`,{className:`flex flex-col gap-5 items-center`,children:[_(S,{active:P.liked,count:P.count<=0?j(`userAction.like`):Q(P.count),onClick:async()=>{if(!$())return;let e=await X();if(!e)return;let t=e.isLike,n=t&&e.likeCnt===0?1:e.likeCnt,r=e.isDislike??x.is_dislike??!1,i=e.dislikeCnt??J;F({liked:t,count:n}),w?.({is_liked:t,is_dislike:r,static:{...x.static,like_cnt:n,dislike_cnt:i}})},label:j(`userAction.likeAction`),children:P.liked?_(s,{className:`w-full h-full ${Y.animationClass||``}`}):_(ee,{className:`w-full h-full`})}),_(S,{active:!1,count:Q(R),onClick:e=>{if(e.stopPropagation(),!H){A?.();return}T?.()},label:j(`userAction.commentAction`),children:_(l,{className:`w-full h-full`})}),_(S,{active:I.collected,count:Q(I.count),onClick:async()=>{$()&&(ie({currentCollect:I.collected,onUpdate:({isCollect:e})=>{let t=Math.max(0,I.count+(e?1:-1));L({collected:e,count:t}),w?.({is_collected:e,static:{...x.static,collect_cnt:t}})}})||p.error(j(`userAction.loginRequired`)))},label:j(`userAction.collectAction`),children:I.collected?_(o,{className:`w-full h-full`}):_(a,{className:`w-full h-full`})}),_(S,{active:!1,count:j(`userAction.shareAction`),onClick:async()=>{re(({isCollect:e})=>{let t=Math.max(0,I.count+(e?1:-1));L({collected:e,count:t}),w?.({is_collected:e,static:{...x.static,collect_cnt:t}})},{shareUrl:oe()})},label:j(`userAction.shareAction`),children:_(c,{className:`w-full h-full`})}),E?.(x)]})]})}function S({active:e,count:t,onClick:n,children:r}){return v(`div`,{className:`flex flex-col items-center gap-1`,children:[_(d,{onClick:e=>{e.stopPropagation(),n(e)},className:`w-8 h-8 !p-0 !rounded-full flex items-center justify-center transition ${e?`text-theme5`:`text-white`}`,children:r}),_(`span`,{className:`text-xs font-medium text-center min-w-5 drop-shadow`,children:t})]})}export{x as UserAction};