@funhub/platform 0.1.127 → 0.1.130

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

@@ -1,2 +1,227 @@
 
-"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};
+'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 };

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

@@ -1,5 +1,257 @@
 
-"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};
+'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 };