@funhub/platform 0.1.62 → 0.1.63

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 { useCardDecoration } from "../../../hooks/use-card-decoration.mjs";
-import SvgRightArrow from "../../../assets/icons/right_arrow.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{getPostDetailPagePath as u}from"../../../utils/tools.mjs";import{apiCollectCustom as d}from"../../../utils/api-collect.mjs";import{VideoListItemSkeleton as f}from"../../common/skeleton/video-list-item-skeleton.mjs";import{useCardDecoration as p}from"../../../hooks/use-card-decoration.mjs";import m from"../../../assets/icons/right_arrow.mjs";import h from"../../ui/rate.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(i,{className:`w-full px-[12px] pt-[12px]`,children:Array.from({length:3}).map((e,t)=>y(f,{},`search-video-skeleton-${t}`))}));C.displayName=`SearchVideoListSkeleton`;const w=g(({item:e})=>{let{getCalculationScore:t}=p();return b(S,{className:`w-full flex items-center justify-between mb-[12px] pb-[12px] border-b border-line1 cursor-pointer px-[12px]`,href:u({id:e.video_id,contentType:0}),onClick:()=>{e.video_id},children:[y(i,{className:`w-[76px] h-[102px] shrink-0 rounded-[8px] overflow-hidden relative bg-bg2`,children:y(r,{src:e.img_y||e.img_x||``,fill:!0,objectFit:`cover`,alt:e.name||``})}),b(i,{className:`flex-1 min-w-0 flex flex-col ml-[12px]`,children:[y(s,{as:`span`,className:`leading-[26px] text-text1 text-[18px] font-bold max-w-[200px] line-clamp-1 mb-[4px]`,children:e.name||``}),b(i,{className:`flex items-center`,style:{transform:`scale(0.6)`,transformOrigin:`left center`},children:[y(h,{allowHalf:!0,value:t({score:String(e.score??0)})}),y(s,{as:`span`,className:`ml-[8px] text-[24px] text-[#F59E0B] font-bold leading-[24px]`,children:e.score?(Number(e.score)/10).toFixed(1):0})]}),b(i,{className:`w-full mt-[4px] flex items-center shrink-0 pr-[12px]`,children:[y(i,{className:`w-fit h-[20px] leading-[20px] px-[6px] text-text3 text-[12px] bg-line1 rounded-[4px] shrink-0 mr-[10px]`,children:e.group_name}),y(s,{as:`span`,className:`text-text2 text-[14px] leading-[22px] flex-1 min-w-0 line-clamp-1`,children:e.description})]})]})]})});w.displayName=`VideoItem`;const T=g(({list:e})=>y(i,{className:`w-full px-[12px] pt-[12px]`,children:e.map((e,t)=>y(w,{item:e},String(e.video_id??t)))}));T.displayName=`VideoListContent`;const E=g(({list:n,hasMore:r})=>{let a=_(()=>{t.emit(l.EXCHANGE_SEARCH_TYPE,`video`)},[]);return b(i,{className:`w-full`,children:[y(T,{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]`})]})})]})});E.displayName=`SearchVideoWithAll`;const D=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(w,{item:e})},String(e.video_id??t)))})})});D.displayName=`SearchVideoWithPagination`;const O=g(e=>e.mode===`all`?y(E,{list:e.list,hasMore:e.hasMore}):y(D,{inputVal:e.inputVal,sort:e.sort,refreshVersion:e.refreshVersion}));O.displayName=`SearchVideo`;export{O as default};

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

@@ -1,257 +1,2 @@
 
-'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" })
-					})]
-				}),
-				/* @__PURE__ */ jsx(Text, {
-					className: "min-h-[22px] text-[14px] text-theme5 px-[12px]",
-					children: resetValidationError
-				}),
-				/* @__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 l,DrawerDescription as u,DrawerHeader as d,DrawerTitle as f}from"../../../ui/drawer.mjs";import{Text as p}from"../../../ui/text.mjs";import m from"../../../ui/legacy/button.mjs";import{EyeIcon as h}from"../../../../assets/icons/eye-icon.mjs";import{EyeOffIcon as g}from"../../../../assets/icons/eye-off-icon.mjs";import{HeaderNav as _}from"../../../common/header-nav/client.mjs";import v from"../../../ui/legacy/input.mjs";import{useEffect as y,useMemo as b,useRef as x,useState as S}from"react";import{jsx as C,jsxs as w}from"react/jsx-runtime";import{toast as T}from"sonner";import{useTranslations as te}from"next-intl";function E(E){let D=te(`components.pages.settings.components`),{open:O,onOpenChange:k}=E,A=n(e=>e.userInfo),[j,M]=S(``),ne=j.length!==6,N=x(null),[P,F]=S(60),[I,L]=S(!1);async function R(){if(I)return;let e=T.loading(D(`resetPasswordDrawer.sending`));try{let t=await i({user_id:A?.user_id});t.code===0?(T.success(D(`resetPasswordDrawer.codeSentSuccess`),{id:e}),L(!0),F(60)):T.error(t.message||D(`resetPasswordDrawer.sendFailed`),{id:e})}catch(t){console.error(t),T.error(D(`resetPasswordDrawer.sendFailed`),{id:e})}}function z(){H(e=>e===1?e:e+1)}async function B(){let e=T.loading(D(`resetPasswordDrawer.verifying`));try{let t=await a({user_id:A?.user_id,email_code:j});t.code===0?(T.success(D(`resetPasswordDrawer.verifySuccess`),{id:e}),z()):T.error(t.message||D(`resetPasswordDrawer.verifyFailed`),{id:e})}catch(t){console.error(t),T.error(D(`resetPasswordDrawer.verifyFailed`),{id:e})}}y(()=>{if(I)return N.current=setInterval(()=>{F(e=>e<=1?(N.current&&clearInterval(N.current),L(!1),60):e-1)},1e3),()=>{N.current&&clearInterval(N.current)}},[I]);let[V,H]=S(0),[U,W]=S({password:``,confirmPassword:``}),[G,K]=S(!1),[q,J]=S(!1),[Y,X]=S(!1),Z=b(()=>ee(U.password,U.confirmPassword),[U.password,U.confirmPassword]),Q=b(()=>o(Z),[Z]),$=b(()=>G||U.password.length===0||U.confirmPassword.length===0||Z.type!==`none`,[G,U.password.length,U.confirmPassword.length,Z.type]);async function re(){if($)return;let e=T.loading(D(`resetPasswordDrawer.submitting`));try{K(!0);let n=await r({user_id:A?.user_id,password:t(U.password)});n.code===0?(T.success(D(`resetPasswordDrawer.passwordResetSuccess`),{id:e}),W({password:``,confirmPassword:``}),M(``),k(!1)):T.error(n.message||D(`resetPasswordDrawer.resetFailed`),{id:e})}catch(t){console.error(t),T.error(D(`resetPasswordDrawer.resetFailed`),{id:e})}finally{K(!1)}}let ie=w(s,{className:`p-6`,children:[C(s,{children:w(p,{className:`text-text2`,children:[D(`resetPasswordDrawer.boundEmailNotice`),C(p,{className:`dark:text-white text-white`,children:A?.email}),D(`resetPasswordDrawer.verifyHint`)]})}),w(s,{className:`mt-6 space-y-6`,children:[w(s,{className:`flex relative items-center px-2 rounded-[50px] h-16.5 bg-line1 border border-line1`,children:[C(v,{value:j,onChange:e=>M(e)}),C(e,{variant:`link`,disabled:I,onClick:R,children:I?`${P}s ${D(`resetPasswordDrawer.resendAfter`)}`:D(`resetPasswordDrawer.sendCode`)})]}),C(m,{onClick:B,disabled:ne,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:D(`resetPasswordDrawer.verifyEmailButton`)})]})]}),ae=w(s,{className:`p-6`,children:[C(s,{children:C(p,{className:`text-text2`,children:D(`resetPasswordDrawer.setNewPasswordHint`)})}),w(s,{className:`mt-6 space-y-6`,children:[w(s,{className:`flex relative items-center px-2 rounded-[50px] h-16.5 bg-line1 border ${Q?`border-theme5`:`border-line1`}`,children:[C(v,{value:U.password,onChange:e=>W(t=>({...t,password:e})),placeholder:D(`resetPasswordDrawer.passwordPlaceholder`),type:q?`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`}),C(`button`,{type:`button`,onClick:()=>J(!q),className:`absolute right-4 top-1/2 -translate-y-1/2 text-text2 hover:text-text1 transition-colors`,children:C(q?g:h,{className:`w-5 h-5`})})]}),w(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:[C(v,{value:U.confirmPassword,onChange:e=>W(t=>({...t,confirmPassword:e})),placeholder:D(`resetPasswordDrawer.confirmPasswordPlaceholder`),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`}),C(`button`,{type:`button`,onClick:()=>X(!Y),className:`absolute right-4 top-1/2 -translate-y-1/2 text-text2 hover:text-text1 transition-colors`,children:C(Y?g:h,{className:`w-5 h-5`})})]}),C(p,{className:`min-h-[22px] text-[14px] text-theme5 px-[12px]`,children:Q}),C(m,{onClick:re,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:D(G?`resetPasswordDrawer.submitting`:`resetPasswordDrawer.resetPassword`)})]})]});return w(c,{open:O,onOpenChange:k,direction:`right`,handleOnly:!0,children:[w(d,{className:`hidden`,children:[C(f,{children:D(`resetPasswordDrawer.title`)}),C(u,{children:D(`resetPasswordDrawer.title`)})]}),w(l,{className:`!w-full`,children:[C(_,{onBack:()=>k(!1),title:D(`resetPasswordDrawer.title`)}),V===0&&ie,V===1&&ae]})]})}export{E as ResetPasswordDrawer};