@funhub/platform 0.1.130 → 0.1.132

package/dist/components/pages/search-result/search-video.mjs

@@ -1,227 +1,2 @@
 
-'use client';
-
-import { Button } from "../../ui/button.mjs";
-import eventBus from "../../../utils/event-bus.mjs";
-import { gContentGetRecommendVideoList } from "../../../service/generated/client.mjs";
-import { Image } from "../../ui/image.mjs";
-import { Box } from "../../ui/box.mjs";
-import { Item } from "../../ui/item.mjs";
-import { List } from "../../ui/list.mjs";
-import { Text } from "../../ui/text.mjs";
-import { usePaginated } from "../../../hooks/query/use-query.mjs";
-import { eventKey } from "../../../constants/event-key.mjs";
-import { getPostDetailPagePath } from "../../../utils/tools.mjs";
-import { apiCollectCustom } from "../../../utils/api-collect.mjs";
-import { VideoListItemSkeleton } from "../../common/skeleton/video-list-item-skeleton.mjs";
-import SvgRightArrow from "../../../assets/icons/right_arrow.mjs";
-import { useCardDecoration } from "../../../hooks/use-card-decoration.mjs";
-import Rate from "../../ui/rate.mjs";
-import { memo, useCallback, useMemo } from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-import { useTranslations } from "next-intl";
-import Link from "next/link";
-
-//#region components/pages/search-result/search-video.tsx
-const DEFAULT_VIDEO_SKELETON_COUNT = 3;
-const SEARCH_PAGE_SIZE = 20;
-const VIDEO_SEARCH_TYPE = 3;
-/**
-* 视频列表首屏骨架。
-*/
-const SearchVideoListSkeleton = memo(() => /* @__PURE__ */ jsx(Box, {
-	className: "w-full px-[12px] pt-[12px]",
-	children: Array.from({ length: DEFAULT_VIDEO_SKELETON_COUNT }).map((_, index) => /* @__PURE__ */ jsx(VideoListItemSkeleton, {}, `search-video-skeleton-${index}`))
-}));
-SearchVideoListSkeleton.displayName = "SearchVideoListSkeleton";
-/**
-* 视频项组件。
-*/
-const VideoItem = memo(({ item }) => {
-	const { getCalculationScore } = useCardDecoration();
-	return /* @__PURE__ */ jsxs(Link, {
-		className: "w-full flex items-center justify-between mb-[12px] pb-[12px] border-b border-line1 cursor-pointer px-[12px]",
-		href: getPostDetailPagePath({
-			id: item.video_id,
-			contentType: 0
-		}),
-		onClick: () => {
-			/* @__PURE__ */ apiCollectCustom({
-				contentId: item.video_id,
-				custom: "hot_search"
-			});
-		},
-		children: [/* @__PURE__ */ jsx(Box, {
-			className: "w-[76px] h-[102px] shrink-0 rounded-[8px] overflow-hidden relative bg-bg2",
-			children: /* @__PURE__ */ jsx(Image, {
-				src: item.img_y || item.img_x || "",
-				fill: true,
-				objectFit: "cover",
-				alt: item.name || ""
-			})
-		}), /* @__PURE__ */ jsxs(Box, {
-			className: "flex-1 min-w-0 flex flex-col ml-[12px]",
-			children: [
-				/* @__PURE__ */ jsx(Text, {
-					as: "span",
-					className: "leading-[26px] text-text1 text-[18px] font-bold max-w-[200px] line-clamp-1 mb-[4px]",
-					children: item.name || ""
-				}),
-				/* @__PURE__ */ jsxs(Box, {
-					className: "flex items-center",
-					style: {
-						transform: "scale(0.6)",
-						transformOrigin: "left center"
-					},
-					children: [/* @__PURE__ */ jsx(Rate, {
-						allowHalf: true,
-						value: getCalculationScore({ score: String(item.score ?? 0) })
-					}), /* @__PURE__ */ jsx(Text, {
-						as: "span",
-						className: "ml-[8px] text-[24px] text-[#F59E0B] font-bold leading-[24px]",
-						children: item.score ? (Number(item.score) / 10).toFixed(1) : 0
-					})]
-				}),
-				/* @__PURE__ */ jsxs(Box, {
-					className: "w-full mt-[4px] flex items-center shrink-0 pr-[12px]",
-					children: [/* @__PURE__ */ jsx(Box, {
-						className: "w-fit h-[20px] leading-[20px] px-[6px] text-text3 text-[12px] bg-line1 rounded-[4px] shrink-0 mr-[10px]",
-						children: item.group_name
-					}), /* @__PURE__ */ jsx(Text, {
-						as: "span",
-						className: "text-text2 text-[14px] leading-[22px] flex-1 min-w-0 line-clamp-1",
-						children: item.description
-					})]
-				})
-			]
-		})]
-	});
-});
-VideoItem.displayName = "VideoItem";
-/**
-* 视频列表展示。
-*/
-const VideoListContent = memo(({ list }) => /* @__PURE__ */ jsx(Box, {
-	className: "w-full px-[12px] pt-[12px]",
-	children: list.map((item, index) => /* @__PURE__ */ jsx(VideoItem, { item }, String(item.video_id ?? index)))
-}));
-VideoListContent.displayName = "VideoListContent";
-/**
-* all tab 视频模块（不限制当前列表数量，hasMore 时显示查看更多）。
-*/
-const SearchVideoWithAll = memo(({ list, hasMore }) => {
-	const handleViewMore = useCallback(() => {
-		eventBus.emit(eventKey.EXCHANGE_SEARCH_TYPE, "video");
-	}, []);
-	return /* @__PURE__ */ jsxs(Box, {
-		className: "w-full",
-		children: [/* @__PURE__ */ jsx(VideoListContent, { list }), hasMore && /* @__PURE__ */ jsx(Box, {
-			className: "w-full flex items-center justify-center",
-			children: /* @__PURE__ */ jsxs(Button, {
-				variant: "ghost",
-				className: "w-fit h-[46px] leading-[46px] mx-auto mt-[-12px] text-[14px] text-text2",
-				onClick: handleViewMore,
-				children: [/* @__PURE__ */ jsx(Text, {
-					as: "span",
-					children: "查看更多"
-				}), /* @__PURE__ */ jsx(SvgRightArrow, { className: "w-[12px] h-[12px]" })]
-			})
-		})]
-	});
-});
-SearchVideoWithAll.displayName = "SearchVideoWithAll";
-/**
-* video tab 视频模块（完整分页）。
-*/
-const SearchVideoWithPagination = memo(({ inputVal, sort, refreshVersion }) => {
-	const t = useTranslations("components.pages.search.searchResult");
-	const fetchSearchData = useCallback(async (page) => {
-		return await gContentGetRecommendVideoList({
-			data_type: 2,
-			extra_params: JSON.stringify({
-				type: VIDEO_SEARCH_TYPE,
-				keywords: inputVal,
-				sort
-			}),
-			page: page || 1,
-			page_size: SEARCH_PAGE_SIZE
-		});
-	}, [inputVal, sort]);
-	const pageData = usePaginated({
-		key: useMemo(() => [
-			"searchByKeyForVideoInfo",
-			inputVal,
-			VIDEO_SEARCH_TYPE,
-			sort,
-			refreshVersion
-		], [
-			inputVal,
-			sort,
-			refreshVersion
-		]),
-		initialPageParam: 1,
-		async queryFn(pageParam) {
-			return (await fetchSearchData(pageParam))?.data?.videos ?? {
-				has_more: false,
-				total: 0,
-				list: []
-			};
-		},
-		getNextPageParam(lastPage, allPages) {
-			if (!lastPage.has_more) return void 0;
-			return allPages.length + 1;
-		}
-	});
-	const contentList = useMemo(() => {
-		const pages = pageData.data?.pages ?? [];
-		const results = [];
-		for (const page of pages) {
-			const list = page.list ?? [];
-			results.push(...list);
-		}
-		return results;
-	}, [pageData.data?.pages]);
-	const isSearching = pageData.isPending || pageData.isFetching;
-	const shouldShowSkeleton = isSearching && contentList.length === 0;
-	const loadMore = async (_isRetry) => {
-		try {
-			await pageData.fetchNextPage();
-		} catch (error) {
-			console.error("获取内容列表失败", error);
-		}
-	};
-	if (shouldShowSkeleton) return /* @__PURE__ */ jsx(SearchVideoListSkeleton, {});
-	return /* @__PURE__ */ jsx(Box, {
-		className: "w-full",
-		children: /* @__PURE__ */ jsx(List, {
-			loading: isSearching,
-			hasMore: pageData.hasNextPage ?? false,
-			loadMore,
-			empty: "nodata",
-			emptyText: t("searchVideoInfo.noRelevantContent"),
-			children: contentList.map((item, index) => /* @__PURE__ */ jsx(Item, {
-				className: "p-0",
-				children: /* @__PURE__ */ jsx(VideoItem, { item })
-			}, String(item.video_id ?? index)))
-		})
-	});
-});
-SearchVideoWithPagination.displayName = "SearchVideoWithPagination";
-/**
-* 视频列表组件。
-*/
-const SearchVideo = memo((props) => {
-	if (props.mode === "all") return /* @__PURE__ */ jsx(SearchVideoWithAll, {
-		list: props.list,
-		hasMore: props.hasMore
-	});
-	return /* @__PURE__ */ jsx(SearchVideoWithPagination, {
-		inputVal: props.inputVal,
-		sort: props.sort,
-		refreshVersion: props.refreshVersion
-	});
-});
-SearchVideo.displayName = "SearchVideo";
-
-//#endregion
-export { SearchVideo as default };
+"use client";import{Button as e}from"../../ui/button.mjs";import t from"../../../utils/event-bus.mjs";import{gContentGetRecommendVideoList as n}from"../../../service/generated/client.mjs";import{Image as r}from"../../ui/image.mjs";import{Box as i}from"../../ui/box.mjs";import{Item as a}from"../../ui/item.mjs";import{List as o}from"../../ui/list.mjs";import{Text as s}from"../../ui/text.mjs";import{usePaginated as c}from"../../../hooks/query/use-query.mjs";import{eventKey as l}from"../../../constants/event-key.mjs";import{formatVideoDuration as u,getPostDetailPagePath as d}from"../../../utils/tools.mjs";import{apiCollectCustom as f}from"../../../utils/api-collect.mjs";import p from"../../../assets/icons/view.mjs";import m from"../../../assets/icons/right_arrow.mjs";import{SearchVideoCardSkeleton as h}from"../../common/skeleton/search-video-card-skeleton.mjs";import{memo as g,useCallback as _,useMemo as v}from"react";import{jsx as y,jsxs as b}from"react/jsx-runtime";import{useTranslations as x}from"next-intl";import S from"next/link";const C=g(()=>y(h,{count:3}));C.displayName=`SearchVideoListSkeleton`;function w(e){let t=Number(e||0);return Number.isNaN(t)||t<=0?`0`:t>=1e4?`${(t/1e4).toFixed(1)}w`:t>=1e3?`${(t/1e3).toFixed(1)}k`:String(t)}function T(e){let t=Number(e.episode_count||0),n=Number.isFinite(t)&&t>0,r=String(e.update_status??``).trim();return!n||t<=1?u(Number(e.duration||0)):r===`1`?`${t}集全`:`更新至${t}集`}const E=g(({item:e})=>{let t=e.name||``,n=e.img_x||e.img_y||``,a=T(e);return b(S,{className:`mb-[12px] block w-full border-b border-line1 px-[12px] pb-[12px]`,href:d({id:e.video_id,contentType:0}),onClick:()=>{e.video_id},children:[b(i,{className:`relative w-full overflow-hidden rounded-[12px] bg-neutral-800`,style:{aspectRatio:`16/9`},children:[n&&y(r,{src:n,alt:t||`封面`,fill:!0,objectFit:`cover`}),y(i,{className:`absolute inset-x-0 bottom-0 h-[40px] bg-gradient-to-t from-black/80 to-transparent z-0 pointer-events-none`}),b(i,{className:`absolute bottom-0 left-[8px] mb-[6px] z-10 flex items-center gap-[4px]`,children:[y(p,{className:`h-[14px] w-[14px] text-white`}),y(s,{as:`span`,className:`text-[12px] font-medium text-white drop-shadow-md`,children:w(e.play_count)})]}),a&&y(i,{className:`absolute bottom-0 right-[8px] mb-[6px] z-10 flex items-center`,children:y(s,{as:`span`,className:`text-[12px] font-medium text-white drop-shadow-md`,children:a})})]}),b(i,{className:`flex items-center justify-between gap-[12px] pt-[10px] px-2`,children:[b(i,{className:`flex-1 min-w-0`,children:[y(s,{as:`h3`,className:`text-[16px] font-semibold leading-[24px] text-text1 line-clamp-1`,children:t}),e.description&&y(s,{as:`p`,className:`mt-[4px] text-[13px] leading-[20px] text-text2 line-clamp-1`,children:e.description})]}),y(s,{className:`shrink-0 rounded-[20px] border border-[#FD4C5E] px-[24px] py-[8px] text-[14px] font-normal text-[#FD4C5E]`,children:`观看`})]})]})});E.displayName=`VideoItem`;const D=g(({list:e})=>y(i,{className:`w-full px-[12px] pt-[12px]`,children:e.map((e,t)=>y(E,{item:e},String(e.video_id??t)))}));D.displayName=`VideoListContent`;const O=g(({list:n,hasMore:r})=>{let a=_(()=>{t.emit(l.EXCHANGE_SEARCH_TYPE,`video`)},[]);return b(i,{className:`w-full`,children:[y(D,{list:n}),r&&y(i,{className:`w-full flex items-center justify-center`,children:b(e,{variant:`ghost`,className:`w-fit h-[46px] leading-[46px] mx-auto mt-[-12px] text-[14px] text-text2`,onClick:a,children:[y(s,{as:`span`,children:`查看更多`}),y(m,{className:`w-[12px] h-[12px]`})]})})]})});O.displayName=`SearchVideoWithAll`;const k=g(({inputVal:e,sort:t,refreshVersion:r})=>{let s=x(`components.pages.search.searchResult`),l=_(async r=>await n({data_type:2,extra_params:JSON.stringify({type:3,keywords:e,sort:t}),page:r||1,page_size:20}),[e,t]),u=c({key:v(()=>[`searchByKeyForVideoInfo`,e,3,t,r],[e,t,r]),initialPageParam:1,async queryFn(e){return(await l(e))?.data?.videos??{has_more:!1,total:0,list:[]}},getNextPageParam(e,t){if(e.has_more)return t.length+1}}),d=v(()=>{let e=u.data?.pages??[],t=[];for(let n of e){let e=n.list??[];t.push(...e)}return t},[u.data?.pages]),f=u.isPending||u.isFetching;return f&&d.length===0?y(C,{}):y(i,{className:`w-full`,children:y(o,{loading:f,hasMore:u.hasNextPage??!1,loadMore:async e=>{try{await u.fetchNextPage()}catch(e){console.error(`获取内容列表失败`,e)}},empty:`nodata`,emptyText:s(`searchVideoInfo.noRelevantContent`),children:d.map((e,t)=>y(a,{className:`p-0`,children:y(E,{item:e})},String(e.video_id??t)))})})});k.displayName=`SearchVideoWithPagination`;const A=g(e=>e.mode===`all`?y(O,{list:e.list,hasMore:e.hasMore}):y(k,{inputVal:e.inputVal,sort:e.sort,refreshVersion:e.refreshVersion}));A.displayName=`SearchVideo`;export{A as default};

package/dist/components/pages/settings/_components/reset-password-drawer.mjs

@@ -1,257 +1,5 @@
 
-'use client';
-
-import { Button } from "../../../ui/button.mjs";
-import { hashPassword } from "../../../../utils/common.mjs";
-import { useUserStore } from "../../../../store/modules/user-store.mjs";
-import { pUserResetPassword, pUserSendResetPasswordEmailCode, pUserVerifyResetPasswordEmailCode } from "../../../../service/generated/client.mjs";
-import { getPasswordValidationErrorText, validatePasswordPair } from "../../../../utils/password-validator.mjs";
-import { Box } from "../../../ui/box.mjs";
-import { Drawer, DrawerContent, DrawerDescription, DrawerHeader, DrawerTitle } from "../../../ui/drawer.mjs";
-import { Text } from "../../../ui/text.mjs";
-import Button$1 from "../../../ui/legacy/button.mjs";
-import { EyeIcon } from "../../../../assets/icons/eye-icon.mjs";
-import { EyeOffIcon } from "../../../../assets/icons/eye-off-icon.mjs";
-import { HeaderNav } from "../../../common/header-nav/client.mjs";
-import Input from "../../../ui/legacy/input.mjs";
-import { useEffect, useMemo, useRef, useState } from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-import { toast } from "sonner";
-import { useTranslations } from "next-intl";
-
-//#region components/pages/settings/_components/reset-password-drawer.tsx
-function ResetPasswordDrawer(props) {
-	const t = useTranslations("components.pages.settings.components");
-	const { open, onOpenChange } = props;
-	const userInfo = useUserStore((state) => state.userInfo);
-	const [code, setCode] = useState("");
-	const disabledValidEmail = code.length !== 6;
-	const sendCodeTimerRef = useRef(null);
-	const [sendCodeTimes, setSendCodeTimes] = useState(60);
-	const [isSendingCode, setIsSendingCode] = useState(false);
-	async function handleSendCode() {
-		if (isSendingCode) return;
-		const loadingId = toast.loading(t("resetPasswordDrawer.sending"));
-		try {
-			const res = await pUserSendResetPasswordEmailCode({ user_id: userInfo?.user_id });
-			if (res.code === 0) {
-				toast.success(t("resetPasswordDrawer.codeSentSuccess"), { id: loadingId });
-				setIsSendingCode(true);
-				setSendCodeTimes(60);
-			} else toast.error(res.message || t("resetPasswordDrawer.sendFailed"), { id: loadingId });
-		} catch (error) {
-			console.error(error);
-			toast.error(t("resetPasswordDrawer.sendFailed"), { id: loadingId });
-		}
-	}
-	function nextStep() {
-		setSteps((prev) => {
-			if (prev !== 1) return prev + 1;
-			return prev;
-		});
-	}
-	async function handleValid() {
-		const loadingId = toast.loading(t("resetPasswordDrawer.verifying"));
-		try {
-			const res = await pUserVerifyResetPasswordEmailCode({
-				user_id: userInfo?.user_id,
-				email_code: code
-			});
-			if (res.code === 0) {
-				toast.success(t("resetPasswordDrawer.verifySuccess"), { id: loadingId });
-				nextStep();
-			} else toast.error(res.message || t("resetPasswordDrawer.verifyFailed"), { id: loadingId });
-		} catch (error) {
-			console.error(error);
-			toast.error(t("resetPasswordDrawer.verifyFailed"), { id: loadingId });
-		}
-	}
-	useEffect(() => {
-		if (!isSendingCode) return;
-		sendCodeTimerRef.current = setInterval(() => {
-			setSendCodeTimes((prev) => {
-				if (prev <= 1) {
-					if (sendCodeTimerRef.current) clearInterval(sendCodeTimerRef.current);
-					setIsSendingCode(false);
-					return 60;
-				}
-				return prev - 1;
-			});
-		}, 1e3);
-		return () => {
-			if (sendCodeTimerRef.current) clearInterval(sendCodeTimerRef.current);
-		};
-	}, [isSendingCode]);
-	const [steps, setSteps] = useState(0);
-	const [resetForm, setResetForm] = useState({
-		password: "",
-		confirmPassword: ""
-	});
-	const [isResetting, setIsResetting] = useState(false);
-	const [showPassword, setShowPassword] = useState(false);
-	const [showConfirmPassword, setShowConfirmPassword] = useState(false);
-	const validationResult = useMemo(() => {
-		return validatePasswordPair(resetForm.password, resetForm.confirmPassword);
-	}, [resetForm.password, resetForm.confirmPassword]);
-	const resetValidationError = useMemo(() => getPasswordValidationErrorText(validationResult), [validationResult]);
-	const disabledHandleReset = useMemo(() => {
-		return isResetting || resetForm.password.length === 0 || resetForm.confirmPassword.length === 0 || validationResult.type !== "none";
-	}, [
-		isResetting,
-		resetForm.password.length,
-		resetForm.confirmPassword.length,
-		validationResult.type
-	]);
-	async function handleReset() {
-		if (disabledHandleReset) return;
-		const loadingId = toast.loading(t("resetPasswordDrawer.submitting"));
-		try {
-			setIsResetting(true);
-			const res = await pUserResetPassword({
-				user_id: userInfo?.user_id,
-				password: hashPassword(resetForm.password)
-			});
-			if (res.code === 0) {
-				toast.success(t("resetPasswordDrawer.passwordResetSuccess"), { id: loadingId });
-				setResetForm({
-					password: "",
-					confirmPassword: ""
-				});
-				setCode("");
-				onOpenChange(false);
-			} else toast.error(res.message || t("resetPasswordDrawer.resetFailed"), { id: loadingId });
-		} catch (error) {
-			console.error(error);
-			toast.error(t("resetPasswordDrawer.resetFailed"), { id: loadingId });
-		} finally {
-			setIsResetting(false);
-		}
-	}
-	const validFormContent = /* @__PURE__ */ jsxs(Box, {
-		className: "p-6",
-		children: [/* @__PURE__ */ jsx(Box, { children: /* @__PURE__ */ jsxs(Text, {
-			className: "text-text2",
-			children: [
-				t("resetPasswordDrawer.boundEmailNotice"),
-				/* @__PURE__ */ jsx(Text, {
-					className: "dark:text-white text-white",
-					children: userInfo?.email
-				}),
-				t("resetPasswordDrawer.verifyHint")
-			]
-		}) }), /* @__PURE__ */ jsxs(Box, {
-			className: "mt-6 space-y-6",
-			children: [/* @__PURE__ */ jsxs(Box, {
-				className: "flex relative items-center px-2 rounded-[50px] h-16.5 bg-line1 border border-line1",
-				children: [/* @__PURE__ */ jsx(Input, {
-					value: code,
-					onChange: (val) => setCode(val)
-				}), /* @__PURE__ */ jsx(Button, {
-					variant: "link",
-					disabled: isSendingCode,
-					onClick: handleSendCode,
-					children: isSendingCode ? `${sendCodeTimes}s ${t("resetPasswordDrawer.resendAfter")}` : t("resetPasswordDrawer.sendCode")
-				})]
-			}), /* @__PURE__ */ jsx(Button$1, {
-				onClick: handleValid,
-				disabled: disabledValidEmail,
-				className: "w-full h-15 !rounded-[30px] !text-[18px] font-bold leading-6.5 bg-theme6 disabled:bg-theme6/40 disabled:text-text3 active:opacity-90 !px-0 !py-0",
-				children: t("resetPasswordDrawer.verifyEmailButton")
-			})]
-		})]
-	});
-	const resetFormContent = /* @__PURE__ */ jsxs(Box, {
-		className: "p-6",
-		children: [/* @__PURE__ */ jsx(Box, { children: /* @__PURE__ */ jsx(Text, {
-			className: "text-text2",
-			children: t("resetPasswordDrawer.setNewPasswordHint")
-		}) }), /* @__PURE__ */ jsxs(Box, {
-			className: "mt-6 space-y-6",
-			children: [
-				/* @__PURE__ */ jsxs(Box, {
-					className: `flex relative items-center px-2 rounded-[50px] h-16.5 bg-line1 border ${resetValidationError ? "border-theme5" : "border-line1"}`,
-					children: [/* @__PURE__ */ jsx(Input, {
-						value: resetForm.password,
-						onChange: (val) => setResetForm((prev) => ({
-							...prev,
-							password: val
-						})),
-						placeholder: t("resetPasswordDrawer.passwordPlaceholder"),
-						type: showPassword ? "text" : "password",
-						autoComplete: "new-password",
-						autoCorrect: "off",
-						autoCapitalize: "none",
-						spellCheck: false,
-						"data-lpignore": "true",
-						"data-1p-ignore": "true",
-						"data-form-type": "other",
-						className: "pr-10"
-					}), /* @__PURE__ */ jsx("button", {
-						type: "button",
-						onClick: () => setShowPassword(!showPassword),
-						className: "absolute right-4 top-1/2 -translate-y-1/2 text-text2 hover:text-text1 transition-colors",
-						children: showPassword ? /* @__PURE__ */ jsx(EyeOffIcon, { className: "w-5 h-5" }) : /* @__PURE__ */ jsx(EyeIcon, { className: "w-5 h-5" })
-					})]
-				}),
-				/* @__PURE__ */ jsxs(Box, {
-					className: `flex relative items-center px-2 rounded-[50px] h-16.5 bg-line1 border ${validationResult.type === "not-match" ? "border-theme5" : "border-line1"}`,
-					children: [/* @__PURE__ */ jsx(Input, {
-						value: resetForm.confirmPassword,
-						onChange: (val) => setResetForm((prev) => ({
-							...prev,
-							confirmPassword: val
-						})),
-						placeholder: t("resetPasswordDrawer.confirmPasswordPlaceholder"),
-						type: showConfirmPassword ? "text" : "password",
-						autoComplete: "new-password",
-						autoCorrect: "off",
-						autoCapitalize: "none",
-						spellCheck: false,
-						"data-lpignore": "true",
-						"data-1p-ignore": "true",
-						"data-form-type": "other",
-						className: "pr-10"
-					}), /* @__PURE__ */ jsx("button", {
-						type: "button",
-						onClick: () => setShowConfirmPassword(!showConfirmPassword),
-						className: "absolute right-4 top-1/2 -translate-y-1/2 text-text2 hover:text-text1 transition-colors",
-						children: showConfirmPassword ? /* @__PURE__ */ jsx(EyeOffIcon, { className: "w-5 h-5" }) : /* @__PURE__ */ jsx(EyeIcon, { className: "w-5 h-5" })
-					})]
-				}),
-				resetValidationError ? /* @__PURE__ */ jsx(Box, { children: /* @__PURE__ */ jsx(Text, {
-					className: "min-h-[22px] text-[14px] text-theme5 px-[12px]",
-					children: resetValidationError
-				}) }) : null,
-				/* @__PURE__ */ jsx(Button$1, {
-					onClick: handleReset,
-					disabled: disabledHandleReset,
-					className: "w-full h-15 !rounded-[30px] !text-[18px] font-bold leading-6.5 bg-theme6 disabled:bg-theme6/40 disabled:text-text3 active:opacity-90 !px-0 !py-0",
-					children: isResetting ? t("resetPasswordDrawer.submitting") : t("resetPasswordDrawer.resetPassword")
-				})
-			]
-		})]
-	});
-	return /* @__PURE__ */ jsxs(Drawer, {
-		open,
-		onOpenChange,
-		direction: "right",
-		handleOnly: true,
-		children: [/* @__PURE__ */ jsxs(DrawerHeader, {
-			className: "hidden",
-			children: [/* @__PURE__ */ jsx(DrawerTitle, { children: t("resetPasswordDrawer.title") }), /* @__PURE__ */ jsx(DrawerDescription, { children: t("resetPasswordDrawer.title") })]
-		}), /* @__PURE__ */ jsxs(DrawerContent, {
-			className: "!w-full",
-			children: [
-				/* @__PURE__ */ jsx(HeaderNav, {
-					onBack: () => onOpenChange(false),
-					title: t("resetPasswordDrawer.title")
-				}),
-				steps === 0 && validFormContent,
-				steps === 1 && resetFormContent
-			]
-		})]
-	});
-}
-
-//#endregion
-export { ResetPasswordDrawer };
+"use client";import{Button as e}from"../../../ui/button.mjs";import{hashPassword as t}from"../../../../utils/common.mjs";import{useUserStore as n}from"../../../../store/modules/user-store.mjs";import{pUserResetPassword as r,pUserSendResetPasswordEmailCode as i,pUserVerifyResetPasswordEmailCode as a}from"../../../../service/generated/client.mjs";import{getPasswordValidationErrorText as o,validatePasswordPair as ee}from"../../../../utils/password-validator.mjs";import{Box as s}from"../../../ui/box.mjs";import{Drawer as c,DrawerContent as te,DrawerDescription as l,DrawerHeader as u,DrawerTitle as ne}from"../../../ui/drawer.mjs";import{Text as d}from"../../../ui/text.mjs";import f from"../../../ui/legacy/button.mjs";import{EyeIcon as p}from"../../../../assets/icons/eye-icon.mjs";import{EyeOffIcon as m}from"../../../../assets/icons/eye-off-icon.mjs";import{HeaderNav as h}from"../../../common/header-nav/client.mjs";import g from"../../../ui/legacy/input.mjs";import{useEffect as _,useMemo as v,useRef as y,useState as b}from"react";import{jsx as x,jsxs as S}from"react/jsx-runtime";import{toast as C}from"sonner";import{useTranslations as w}from"next-intl";function T(T){let E=w(`components.pages.settings.components`),{open:re,onOpenChange:D}=T,O=n(e=>e.userInfo),[k,A]=b([,,,,,,].fill(``)),[j,M]=b(0),N=y(null),ie=k.some(e=>e===``),[P,F]=b(``),I=y(null),[ae,L]=b(60),[R,z]=b(!1);async function B(){if(R)return;let e=C.loading(E(`resetPasswordDrawer.sending`));try{let t=await i({user_id:O?.user_id});t.code===0?(C.success(E(`resetPasswordDrawer.codeSentSuccess`),{id:e}),z(!0),L(60),F(``)):C.error(t.message||E(`resetPasswordDrawer.sendFailed`),{id:e})}catch(t){console.error(t),C.error(E(`resetPasswordDrawer.sendFailed`),{id:e})}}function V(){W(e=>e===1?e:e+1)}async function H(){let e=C.loading(E(`resetPasswordDrawer.verifying`));try{F(``);let t=await a({user_id:O?.user_id,email_code:k.join(``)});t.code===0?(C.success(E(`resetPasswordDrawer.verifySuccess`),{id:e}),V()):(F(t.message||E(`resetPasswordDrawer.verifyFailed`)),C.error(t.message||E(`resetPasswordDrawer.verifyFailed`),{id:e}))}catch(t){console.error(t),F(E(`resetPasswordDrawer.verifyFailed`)),C.error(E(`resetPasswordDrawer.verifyFailed`),{id:e})}}_(()=>{if(R)return I.current=setInterval(()=>{L(e=>e<=1?(I.current&&clearInterval(I.current),z(!1),60):e-1)},1e3),()=>{I.current&&clearInterval(I.current)}},[R]);let[U,W]=b(0);_(()=>{U===0&&N.current?.focus()},[U]);let[G,K]=b({password:``,confirmPassword:``}),[q,J]=b(!1),[Y,oe]=b(!1),[X,se]=b(!1),Z=v(()=>ee(G.password,G.confirmPassword),[G.password,G.confirmPassword]),Q=v(()=>o(Z),[Z]),$=v(()=>q||G.password.length===0||G.confirmPassword.length===0||Z.type!==`none`,[q,G.password.length,G.confirmPassword.length,Z.type]);async function ce(){if($)return;let e=C.loading(E(`resetPasswordDrawer.submitting`));try{J(!0);let n=await r({user_id:O?.user_id,password:t(G.password)});n.code===0?(C.success(E(`resetPasswordDrawer.passwordResetSuccess`),{id:e}),K({password:``,confirmPassword:``}),A([,,,,,,].fill(``)),M(0),D(!1)):C.error(n.message||E(`resetPasswordDrawer.resetFailed`),{id:e})}catch(t){console.error(t),C.error(E(`resetPasswordDrawer.resetFailed`),{id:e})}finally{J(!1)}}function le(e){let t=e.target.value.replace(/\D/g,``);if(t.length===0)return;let n=[...k],r=t.split(``),i=j;for(let e of r){if(i>=6)break;n[i]=e,i+=1}A(n),M(Math.min(i,5)),P&&F(``)}function ue(e){if(e.key===`Backspace`){e.preventDefault();let t=[...k];t[j]?t[j]=``:j>0&&(t[j-1]=``,M(j-1)),A(t),P&&F(``);return}e.key===`ArrowLeft`&&j>0&&M(j-1),e.key===`ArrowRight`&&j<5&&M(j+1)}function de(e){M(e),N.current?.focus()}let fe=S(s,{className:`p-6`,children:[S(s,{className:`space-y-[12px]`,children:[x(d,{className:`text-[24px] leading-[32px] font-bold text-text1`,children:`请输入验证码`}),S(s,{className:`flex items-center justify-between gap-[8px]`,children:[S(d,{className:`min-w-0 flex-1 truncate text-[12px] leading-[16px] text-text2`,children:[E(`resetPasswordDrawer.boundEmailNotice`),x(d,{className:`dark:text-white text-white`,children:O?.email}),E(`resetPasswordDrawer.verifyHint`)]}),x(e,{variant:`link`,disabled:R,onClick:B,className:`h-auto shrink-0 rounded-[10px] bg-line1 px-[10px] py-[4px] text-[10px] leading-[12px] text-text1 no-underline hover:no-underline disabled:opacity-60`,children:R?`${E(`resetPasswordDrawer.sendCode`)} (${ae}s)`:E(`resetPasswordDrawer.sendCode`)})]})]}),S(s,{className:`mt-[28px]`,children:[S(s,{className:`relative`,children:[x(`input`,{ref:N,type:`text`,inputMode:`numeric`,pattern:`[0-9]*`,value:``,onChange:le,onKeyDown:ue,className:`absolute inset-0 h-full w-full opacity-0 pointer-events-none`,autoComplete:`one-time-code`}),x(s,{className:`flex justify-between gap-[10px]`,children:k.map((e,t)=>x(s,{onClick:()=>de(t),className:`
+                  h-[48px] flex-1 rounded-[6px] border-2 flex items-center justify-center cursor-pointer transition-all duration-200
+                  ${P?`border-theme5 bg-line1`:t===j?`border-theme3 bg-theme3/10`:`border-transparent bg-line1`}
+                `,children:x(d,{className:`text-[24px] leading-none font-semibold text-text1 select-none`,children:e})},`${t}-${e||`empty`}`))})]}),x(s,{className:`min-h-[22px] pt-[8px]`,children:x(d,{className:`text-[12px] leading-[18px] text-theme5`,children:P})}),x(f,{onClick:H,disabled:ie,className:`mt-[180px] w-full h-15 !rounded-[30px] !text-[18px] font-bold leading-6.5 bg-theme6 disabled:bg-theme6/40 disabled:text-text3 active:opacity-90 !px-0 !py-0`,children:`提交`})]})]}),pe=S(s,{className:`p-6`,children:[x(s,{children:x(d,{className:`text-text2`,children:E(`resetPasswordDrawer.setNewPasswordHint`)})}),S(s,{className:`mt-6 space-y-6`,children:[S(s,{className:`flex relative items-center px-2 rounded-[50px] h-16.5 bg-line1 border ${Q?`border-theme5`:`border-line1`}`,children:[x(g,{value:G.password,onChange:e=>K(t=>({...t,password:e})),placeholder:E(`resetPasswordDrawer.passwordPlaceholder`),type:Y?`text`:`password`,autoComplete:`new-password`,autoCorrect:`off`,autoCapitalize:`none`,spellCheck:!1,"data-lpignore":`true`,"data-1p-ignore":`true`,"data-form-type":`other`,className:`pr-10`}),x(`button`,{type:`button`,onClick:()=>oe(!Y),className:`absolute right-4 top-1/2 -translate-y-1/2 text-text2 hover:text-text1 transition-colors`,children:x(Y?m:p,{className:`w-5 h-5`})})]}),S(s,{className:`flex relative items-center px-2 rounded-[50px] h-16.5 bg-line1 border ${Z.type===`not-match`?`border-theme5`:`border-line1`}`,children:[x(g,{value:G.confirmPassword,onChange:e=>K(t=>({...t,confirmPassword:e})),placeholder:E(`resetPasswordDrawer.confirmPasswordPlaceholder`),type:X?`text`:`password`,autoComplete:`new-password`,autoCorrect:`off`,autoCapitalize:`none`,spellCheck:!1,"data-lpignore":`true`,"data-1p-ignore":`true`,"data-form-type":`other`,className:`pr-10`}),x(`button`,{type:`button`,onClick:()=>se(!X),className:`absolute right-4 top-1/2 -translate-y-1/2 text-text2 hover:text-text1 transition-colors`,children:x(X?m:p,{className:`w-5 h-5`})})]}),Q?x(s,{children:x(d,{className:`min-h-[22px] text-[14px] text-theme5 px-[12px]`,children:Q})}):null,x(f,{onClick:ce,disabled:$,className:`w-full h-15 !rounded-[30px] !text-[18px] font-bold leading-6.5 bg-theme6 disabled:bg-theme6/40 disabled:text-text3 active:opacity-90 !px-0 !py-0`,children:E(q?`resetPasswordDrawer.submitting`:`resetPasswordDrawer.resetPassword`)})]})]});return S(c,{open:re,onOpenChange:D,direction:`right`,handleOnly:!0,children:[S(u,{className:`hidden`,children:[x(ne,{children:E(`resetPasswordDrawer.title`)}),x(l,{children:E(`resetPasswordDrawer.title`)})]}),S(te,{className:`!w-full`,children:[x(h,{onBack:()=>D(!1),title:E(`resetPasswordDrawer.title`)}),U===0&&fe,U===1&&pe]})]})}export{T as ResetPasswordDrawer};