@funhub/platform 0.1.127 → 0.1.130

package/dist/components/pages/login/reset-password.mjs

@@ -1,2 +1,194 @@
 
-"use client";import{Button as e}from"../../ui/button.mjs";import{pUserSendResetPasswordEmailCode as t,pUserVerifyResetPasswordEmailCode as n}from"../../../service/generated/client.mjs";import{Box as r}from"../../ui/box.mjs";import{Input as i}from"../../ui/input.mjs";import{Text as a}from"../../ui/text.mjs";import{useLoginModalStore as o}from"../../../store/modules/login-modal-store.mjs";import{useUserId as s,useUserInfo as c}from"../../../hooks/use-auth.mjs";import{LeftArrowIcon as l}from"../../../assets/icons/left-arrow-icon.mjs";import{useEffect as u,useMemo as d,useState as f}from"react";import{jsx as p,jsxs as m}from"react/jsx-runtime";import{useTranslations as h}from"next-intl";function g(e){let[t,n]=e.split(`@`);return!t||!n?e:`${t.slice(0,3)}***${t.length>3?t.slice(-1):``}@${n}`}function _(_){let v=h(`components.pages.login`),{onClose:y,onPassword:b}=_,x=s(),S=c(),{setVerifyStep:C}=o(),[w,T]=f(``),[E,D]=f(0),[O,k]=f(!1),[A,j]=f(!1),[M,N]=f(``),P=d(()=>{let e=S;return e?.email||e?.mail||``},[S]),F=d(()=>P?g(P):``,[P]);u(()=>{C(`reset-password`)},[C]),u(()=>{if(E<=0)return;let e=setInterval(()=>{D(e=>e-1)},1e3);return()=>clearInterval(e)},[E]);let I=d(()=>w.trim().length>=6&&!A,[w,A]);function L(e){T(e.replace(/\D/g,``))}function R(e){e.preventDefault(),B()}async function z(){if(!(!x||O||E>0))try{k(!0),N(``),await t({user_id:x}),D(60)}catch(e){N(e.message??v(`resetPassword.sendFailed`))}finally{k(!1)}}async function B(){if(!(!I||!x))try{j(!0),N(``),await n({user_id:x,email_code:w.trim()}),b?.(P)}catch(e){N(e.message??v(`resetPassword.verifyFailed`))}finally{j(!1)}}return m(r,{className:`min-h-screen w-full h-full bg-bg1 text-text1 flex flex-col`,children:[m(r,{className:`flex items-center h-[60px] px-[16px]`,children:[p(e,{type:`button`,onClick:y,"aria-label":v(`resetPassword.back`),className:`cursor-pointer bg-transparent !p-0 !px-0 !py-0`,children:p(l,{className:`w-[16px] h-[16px] text-text1/80`,"aria-hidden":`true`,focusable:`false`})}),p(a,{className:`flex-1 text-center text-[16px] font-semibold`,children:v(`resetPassword.title`)}),p(r,{className:`w-[16px]`,"aria-hidden":`true`})]}),m(r,{className:`px-[24px] flex flex-col mt-[24px]`,children:[m(a,{className:`text-[14px] leading-[22px] text-text1/80`,children:[v(`resetPassword.verifyViaEmail`),F?` ${F} `:` `,v(`resetPassword.verifyHint`)]}),p(a,{className:`mt-[8px] text-[12px] leading-[18px] text-text3`,children:v(`resetPassword.passwordRuleHint`)}),m(`form`,{className:`mt-[36px]`,autoComplete:`off`,onSubmit:R,children:[m(r,{className:`flex items-center justify-between px-[20px] rounded-[50px] h-[56px] bg-line1 border border-line1`,children:[p(i,{placeholder:v(`resetPassword.codePlaceholder`),type:`text`,name:`funhub-reset-password-code`,value:w,onChange:e=>L(e.target.value),inputMode:`numeric`,autoComplete:`one-time-code`,autoCorrect:`off`,autoCapitalize:`none`,spellCheck:!1,"data-lpignore":`true`,"data-1p-ignore":`true`,"data-form-type":`other`,className:`flex-1 !bg-transparent !px-0 !py-0 !rounded-none !text-text1 placeholder:!text-text3 leading-[24px] text-[16px]`}),p(e,{type:`button`,onClick:z,disabled:O||E>0,className:`ml-[12px] cursor-pointer text-theme5 !p-0 !px-0 !py-0 disabled:text-text3`,children:E>0?`${v(`resetPassword.resend`)} (${E}s)`:v(`resetPassword.sendCode`)})]}),p(r,{className:`h-[22px] mt-[16px] mb-[22px] ml-[12px] text-[14px] text-theme5`,children:M}),p(e,{type:`submit`,disabled:!I,className:`w-full h-[60px] !rounded-[30px] !text-[18px] font-bold leading-[26px] bg-theme6 disabled:bg-theme6/40 disabled:text-text3 active:opacity-90 !px-0 !py-0`,children:v(A?`resetPassword.verifying`:`resetPassword.verifyEmail`)})]})]})]})}export{_ as ResetPassword};
+'use client';
+
+import { Button } from "../../ui/button.mjs";
+import { pUserSendResetPasswordEmailCode, pUserVerifyResetPasswordEmailCode } from "../../../service/generated/client.mjs";
+import { Box } from "../../ui/box.mjs";
+import { Input } from "../../ui/input.mjs";
+import { Text } from "../../ui/text.mjs";
+import { useLoginModalStore } from "../../../store/modules/login-modal-store.mjs";
+import { useUserId, useUserInfo } from "../../../hooks/use-auth.mjs";
+import { LeftArrowIcon } from "../../../assets/icons/left-arrow-icon.mjs";
+import { useEffect, useMemo, useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useTranslations } from "next-intl";
+
+//#region components/pages/login/reset-password.tsx
+const RESEND_COUNTDOWN = 60;
+/**
+* 掩码邮箱显示。
+*/
+function maskEmail(email) {
+	const [local, domain] = email.split("@");
+	if (!local || !domain) return email;
+	return `${local.slice(0, 3)}***${local.length > 3 ? local.slice(-1) : ""}@${domain}`;
+}
+/**
+* 重置密码验证码页面。
+*/
+function ResetPassword(props) {
+	const t = useTranslations("components.pages.login");
+	const { onClose, onPassword } = props;
+	const userId = useUserId();
+	const userInfo = useUserInfo();
+	const { setVerifyStep } = useLoginModalStore();
+	const [code, setCode] = useState("");
+	const [countdown, setCountdown] = useState(0);
+	const [isSending, setIsSending] = useState(false);
+	const [isSubmitting, setIsSubmitting] = useState(false);
+	const [errorText, setErrorText] = useState("");
+	const userEmail = useMemo(() => {
+		const info = userInfo;
+		return info?.email || info?.mail || "";
+	}, [userInfo]);
+	const maskedEmail = useMemo(() => userEmail ? maskEmail(userEmail) : "", [userEmail]);
+	useEffect(() => {
+		setVerifyStep("reset-password");
+	}, [setVerifyStep]);
+	useEffect(() => {
+		if (countdown <= 0) return;
+		const timer = setInterval(() => {
+			setCountdown((prev) => prev - 1);
+		}, 1e3);
+		return () => clearInterval(timer);
+	}, [countdown]);
+	const canSubmit = useMemo(() => {
+		return code.trim().length >= 6 && !isSubmitting;
+	}, [code, isSubmitting]);
+	/**
+	* 处理验证码输入。
+	*/
+	function handleCodeChange(value) {
+		setCode(value.replace(/\D/g, ""));
+	}
+	/**
+	* 提交表单事件。
+	*/
+	function handleFormSubmit(event) {
+		event.preventDefault();
+		handleSubmit();
+	}
+	/**
+	* 发送邮箱验证码。
+	*/
+	async function handleSendCode() {
+		if (!userId || isSending || countdown > 0) return;
+		try {
+			setIsSending(true);
+			setErrorText("");
+			await pUserSendResetPasswordEmailCode({ user_id: userId });
+			setCountdown(RESEND_COUNTDOWN);
+		} catch (error) {
+			setErrorText(error.message ?? t("resetPassword.sendFailed"));
+		} finally {
+			setIsSending(false);
+		}
+	}
+	/**
+	* 验证邮箱验证码。
+	*/
+	async function handleSubmit() {
+		if (!canSubmit || !userId) return;
+		try {
+			setIsSubmitting(true);
+			setErrorText("");
+			await pUserVerifyResetPasswordEmailCode({
+				user_id: userId,
+				email_code: code.trim()
+			});
+			onPassword?.(userEmail);
+		} catch (error) {
+			setErrorText(error.message ?? t("resetPassword.verifyFailed"));
+		} finally {
+			setIsSubmitting(false);
+		}
+	}
+	return /* @__PURE__ */ jsxs(Box, {
+		className: "min-h-screen w-full h-full bg-bg1 text-text1 flex flex-col",
+		children: [/* @__PURE__ */ jsxs(Box, {
+			className: "flex items-center h-[60px] px-[16px]",
+			children: [
+				/* @__PURE__ */ jsx(Button, {
+					type: "button",
+					onClick: onClose,
+					"aria-label": t("resetPassword.back"),
+					className: "cursor-pointer bg-transparent !p-0 !px-0 !py-0",
+					children: /* @__PURE__ */ jsx(LeftArrowIcon, {
+						className: "w-[16px] h-[16px] text-text1/80",
+						"aria-hidden": "true",
+						focusable: "false"
+					})
+				}),
+				/* @__PURE__ */ jsx(Text, {
+					className: "flex-1 text-center text-[16px] font-semibold",
+					children: t("resetPassword.title")
+				}),
+				/* @__PURE__ */ jsx(Box, {
+					className: "w-[16px]",
+					"aria-hidden": "true"
+				})
+			]
+		}), /* @__PURE__ */ jsxs(Box, {
+			className: "px-[24px] flex flex-col mt-[24px]",
+			children: [
+				/* @__PURE__ */ jsxs(Text, {
+					className: "text-[14px] leading-[22px] text-text1/80",
+					children: [
+						t("resetPassword.verifyViaEmail"),
+						maskedEmail ? ` ${maskedEmail} ` : " ",
+						t("resetPassword.verifyHint")
+					]
+				}),
+				/* @__PURE__ */ jsx(Text, {
+					className: "mt-[8px] text-[12px] leading-[18px] text-text3",
+					children: t("resetPassword.passwordRuleHint")
+				}),
+				/* @__PURE__ */ jsxs("form", {
+					className: "mt-[36px]",
+					autoComplete: "off",
+					onSubmit: handleFormSubmit,
+					children: [
+						/* @__PURE__ */ jsxs(Box, {
+							className: "flex items-center justify-between px-[20px] rounded-[50px] h-[56px] bg-line1 border border-line1",
+							children: [/* @__PURE__ */ jsx(Input, {
+								placeholder: t("resetPassword.codePlaceholder"),
+								type: "text",
+								name: "funhub-reset-password-code",
+								value: code,
+								onChange: (e) => handleCodeChange(e.target.value),
+								inputMode: "numeric",
+								autoComplete: "one-time-code",
+								autoCorrect: "off",
+								autoCapitalize: "none",
+								spellCheck: false,
+								"data-lpignore": "true",
+								"data-1p-ignore": "true",
+								"data-form-type": "other",
+								className: "flex-1 !bg-transparent !px-0 !py-0 !rounded-none !text-text1 placeholder:!text-text3 leading-[24px] text-[16px]"
+							}), /* @__PURE__ */ jsx(Button, {
+								type: "button",
+								onClick: handleSendCode,
+								disabled: isSending || countdown > 0,
+								className: "ml-[12px] cursor-pointer text-theme5 !p-0 !px-0 !py-0 disabled:text-text3",
+								children: countdown > 0 ? `${t("resetPassword.resend")} (${countdown}s)` : t("resetPassword.sendCode")
+							})]
+						}),
+						/* @__PURE__ */ jsx(Box, {
+							className: "h-[22px] mt-[16px] mb-[22px] ml-[12px] text-[14px] text-theme5",
+							children: errorText
+						}),
+						/* @__PURE__ */ jsx(Button, {
+							type: "submit",
+							disabled: !canSubmit,
+							className: "w-full h-[60px] !rounded-[30px] !text-[18px] font-bold leading-[26px] bg-theme6 disabled:bg-theme6/40 disabled:text-text3 active:opacity-90 !px-0 !py-0",
+							children: isSubmitting ? t("resetPassword.verifying") : t("resetPassword.verifyEmail")
+						})
+					]
+				})
+			]
+		})]
+	});
+}
+
+//#endregion
+export { ResetPassword };

package/dist/components/pages/login/verify.mjs

@@ -1,5 +1,214 @@
 
-"use client";import{Button as e}from"../../ui/button.mjs";import{getCookie as t}from"../../../utils/common.mjs";import{pUserSendEmailCode as n,pUserSendResetPasswordEmailCode as r,pUserVerifyForgetEmailCode as i,pUserVerifyResetPasswordEmailCode as a}from"../../../service/generated/client.mjs";import{pUserRegisterByVerifyEmailCode as o}from"../../../service/register-by-verify-email-code.mjs";import{Box as s}from"../../ui/box.mjs";import{Text as c}from"../../ui/text.mjs";import{useLoginModalStore as l}from"../../../store/modules/login-modal-store.mjs";import{useDeleteRequest as u}from"../../../hooks/query/use-query.mjs";import{useSetAuthFields as d,useUserId as f}from"../../../hooks/use-auth.mjs";import{LeftArrowIcon as p}from"../../../assets/icons/left-arrow-icon.mjs";import{useCallback as m,useEffect as h,useMemo as g,useRef as _,useState as v}from"react";import{jsx as y,jsxs as b}from"react/jsx-runtime";import{toast as x}from"sonner";import{useTranslations as S}from"next-intl";function C(e){let[t,n]=e.split(`@`);return!t||!n?e:`${t.slice(0,3)}***${t.length>3?t.slice(-1):``}@${n}`}function w(w){let T=S(`components.pages.login`),{email:E,onClose:D,onPassword:O}=w,{verifyStep:k,resolveLogin:A}=l(),[j,M]=v([,,,,,,].fill(``)),[N,P]=v(0),[F,I]=v(!1),[L,R]=v(60),[z,B]=v(!1),[V,H]=v(``),U=_(null),W=f(),G=d(),K=u(),q=g(()=>C(E),[E]),J=m(async()=>{if(k===`reset-password`)return await a({user_id:W,email_code:j.join(``)});if(k===`forgot-password`)return await i({email:E,email_code:j.join(``)});if(k===`register-verify`){let e=await t(`guestUserId`);return await o({email:E,email_code:j.join(``),user_id:e})}throw Error(T(`verify.invalidCode`))},[k,j,W,E,T]),Y=g(()=>j.every(e=>e!==``)&&!F,[j,F]);h(()=>{if(L<=0)return;let e=setInterval(()=>{R(e=>e-1)},1e3);return()=>clearInterval(e)},[L]),h(()=>{U.current?.focus()},[]);let X=m(e=>{let t=e.target.value.replace(/\D/g,``);if(t.length===0)return;let n=[...j],r=t.split(``),i=N;for(let e of r)i<6&&(n[i]=e,i++);M(n),P(Math.min(i,5)),H(``)},[j,N]),Z=m(e=>{if(e.key===`Backspace`){e.preventDefault();let t=[...j];j[N]?t[N]=``:N>0&&(t[N-1]=``,P(N-1)),M(t),H(``)}else e.key===`ArrowLeft`&&N>0?P(N-1):e.key===`ArrowRight`&&N<5&&P(N+1)},[j,N]),Q=m(e=>{P(e),U.current?.focus()},[]);async function $(){if(!(L>0||z))try{B(!0),k===`reset-password`?await r({user_id:W}):await n({email:E}),R(60),H(``)}finally{B(!1)}}async function ee(){if(Y)try{I(!0);let e=await J();if(k===`register-verify`){let t=e?.data;if(t?.user_id){G({token:t.token??``,expireTime:t.expire_time??0,userId:t.user_id}),x.success(T(`index.loginSuccess`)),K([`user-profile`,`mine`]),A(!0);return}}O?.(E)}catch(e){H(e.message??T(`verify.invalidCode`))}finally{I(!1)}}return b(s,{className:`min-h-screen w-full h-full bg-bg1 text-text1 flex flex-col`,children:[b(s,{className:`flex justify-between items-center h-[60px] px-[16px]`,children:[y(e,{type:`button`,onClick:D,"aria-label":T(`verify.back`),className:`cursor-pointer bg-transparent !p-0 !px-0 !py-0`,children:y(p,{className:`w-[16px] h-[16px] text-text1/80`,"aria-hidden":`true`,focusable:`false`})}),y(c,{className:`text-[14px] text-text2`})]}),b(s,{className:`px-[24px] flex flex-col mt-[15px]`,children:[b(s,{className:`flex flex-col`,children:[y(c,{className:`text-[24px] leading-[32px] font-bold`,children:T(`verify.title`)}),b(s,{className:`mt-[12px] flex items-center`,children:[b(c,{className:`text-[14px] leading-[14px] text-text1/80`,children:[T(`verify.sentTo`),` `,q]}),y(e,{type:`button`,onClick:$,disabled:L>0||z,className:`ml-[8px] rounded-[19px] !px-[8px] !py-[8px] text-[12px] leading-[12px] cursor-pointer bg-line1 text-text1/80 disabled:cursor-not-allowed`,children:L>0?`${T(`verify.resend`)} (${L}s)`:T(`verify.resend`)})]})]}),b(`form`,{className:`mt-[38px]`,onSubmit:e=>{e.preventDefault(),ee()},children:[b(s,{className:`h-14 sm:h-16 md:h-20 relative`,children:[y(`input`,{ref:U,type:`text`,inputMode:`numeric`,pattern:`[0-9]*`,value:``,onChange:X,onKeyDown:Z,className:`absolute opacity-0 pointer-events-none w-full h-full border-none outline-none bg-transparent text-base`,autoComplete:`one-time-code`}),y(s,{className:`w-full flex justify-between items-center`,children:j.map((e,t)=>y(s,{onClick:()=>Q(t),className:`
+'use client';
+
+import { Button } from "../../ui/button.mjs";
+import { pUserSendEmailCode, pUserSendResetPasswordEmailCode, pUserVerifyEmailCode, pUserVerifyForgetEmailCode, pUserVerifyResetPasswordEmailCode } from "../../../service/generated/client.mjs";
+import { Box } from "../../ui/box.mjs";
+import { Text } from "../../ui/text.mjs";
+import { useLoginModalStore } from "../../../store/modules/login-modal-store.mjs";
+import { useUserId } from "../../../hooks/use-auth.mjs";
+import { LeftArrowIcon } from "../../../assets/icons/left-arrow-icon.mjs";
+import { useCallback, useEffect, useMemo, useRef, useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useTranslations } from "next-intl";
+
+//#region components/pages/login/verify.tsx
+const CODE_LENGTH = 6;
+const RESEND_COUNTDOWN = 60;
+function maskEmail(email) {
+	const [local, domain] = email.split("@");
+	if (!local || !domain) return email;
+	return `${local.slice(0, 3)}***${local.length > 3 ? local.slice(-1) : ""}@${domain}`;
+}
+function Verify(props) {
+	const t = useTranslations("components.pages.login");
+	const { email, onClose, onPassword } = props;
+	const { verifyStep } = useLoginModalStore();
+	const [code, setCode] = useState(new Array(CODE_LENGTH).fill(""));
+	const [activeIndex, setActiveIndex] = useState(0);
+	const [isSubmitting, setIsSubmitting] = useState(false);
+	const [countdown, setCountdown] = useState(RESEND_COUNTDOWN);
+	const [isResending, setIsResending] = useState(false);
+	const [errorText, setErrorText] = useState("");
+	const inputRef = useRef(null);
+	const userId = useUserId();
+	const maskedEmail = useMemo(() => maskEmail(email), [email]);
+	const verifyEmailCode = useCallback(async () => {
+		if (verifyStep === "reset-password") return await pUserVerifyResetPasswordEmailCode({
+			user_id: userId,
+			email_code: code.join("")
+		});
+		else if (verifyStep === "forgot-password") return await pUserVerifyForgetEmailCode({
+			email,
+			email_code: code.join("")
+		});
+		else return await pUserVerifyEmailCode({
+			email,
+			email_code: code.join("")
+		});
+	}, [
+		verifyStep,
+		code,
+		userId,
+		email
+	]);
+	const canSubmit = useMemo(() => {
+		return code.every((digit) => digit !== "") && !isSubmitting;
+	}, [code, isSubmitting]);
+	useEffect(() => {
+		if (countdown <= 0) return;
+		const timer = setInterval(() => {
+			setCountdown((prev) => prev - 1);
+		}, 1e3);
+		return () => clearInterval(timer);
+	}, [countdown]);
+	useEffect(() => {
+		inputRef.current?.focus();
+	}, []);
+	const handleInputChange = useCallback((e) => {
+		const value = e.target.value.replace(/\D/g, "");
+		if (value.length === 0) return;
+		const newCode = [...code];
+		const digits = value.split("");
+		let currentIndex = activeIndex;
+		for (const digit of digits) if (currentIndex < CODE_LENGTH) {
+			newCode[currentIndex] = digit;
+			currentIndex++;
+		}
+		setCode(newCode);
+		setActiveIndex(Math.min(currentIndex, CODE_LENGTH - 1));
+		setErrorText("");
+	}, [code, activeIndex]);
+	const handleKeyDown = useCallback((e) => {
+		if (e.key === "Backspace") {
+			e.preventDefault();
+			const newCode = [...code];
+			if (code[activeIndex]) newCode[activeIndex] = "";
+			else if (activeIndex > 0) {
+				newCode[activeIndex - 1] = "";
+				setActiveIndex(activeIndex - 1);
+			}
+			setCode(newCode);
+			setErrorText("");
+		} else if (e.key === "ArrowLeft" && activeIndex > 0) setActiveIndex(activeIndex - 1);
+		else if (e.key === "ArrowRight" && activeIndex < CODE_LENGTH - 1) setActiveIndex(activeIndex + 1);
+	}, [code, activeIndex]);
+	const handleBoxClick = useCallback((index) => {
+		setActiveIndex(index);
+		inputRef.current?.focus();
+	}, []);
+	async function handleResend() {
+		if (countdown > 0 || isResending) return;
+		try {
+			setIsResending(true);
+			if (verifyStep === "reset-password") await pUserSendResetPasswordEmailCode({ user_id: userId });
+			else await pUserSendEmailCode({ email });
+			setCountdown(RESEND_COUNTDOWN);
+			setErrorText("");
+		} finally {
+			setIsResending(false);
+		}
+	}
+	async function handleSubmit() {
+		if (!canSubmit) return;
+		try {
+			setIsSubmitting(true);
+			await verifyEmailCode();
+			onPassword?.(email);
+		} catch (error) {
+			setErrorText(error.message ?? t("verify.invalidCode"));
+		} finally {
+			setIsSubmitting(false);
+		}
+	}
+	return /* @__PURE__ */ jsxs(Box, {
+		className: "min-h-screen w-full h-full bg-bg1 text-text1 flex flex-col",
+		children: [/* @__PURE__ */ jsxs(Box, {
+			className: "flex justify-between items-center h-[60px] px-[16px]",
+			children: [/* @__PURE__ */ jsx(Button, {
+				type: "button",
+				onClick: onClose,
+				"aria-label": t("verify.back"),
+				className: "cursor-pointer bg-transparent !p-0 !px-0 !py-0",
+				children: /* @__PURE__ */ jsx(LeftArrowIcon, {
+					className: "w-[16px] h-[16px] text-text1/80",
+					"aria-hidden": "true",
+					focusable: "false"
+				})
+			}), /* @__PURE__ */ jsx(Text, { className: "text-[14px] text-text2" })]
+		}), /* @__PURE__ */ jsxs(Box, {
+			className: "px-[24px] flex flex-col mt-[15px]",
+			children: [/* @__PURE__ */ jsxs(Box, {
+				className: "flex flex-col",
+				children: [/* @__PURE__ */ jsx(Text, {
+					className: "text-[24px] leading-[32px] font-bold",
+					children: t("verify.title")
+				}), /* @__PURE__ */ jsxs(Box, {
+					className: "mt-[12px] flex items-center",
+					children: [/* @__PURE__ */ jsxs(Text, {
+						className: "text-[14px] leading-[14px] text-text1/80",
+						children: [
+							t("verify.sentTo"),
+							" ",
+							maskedEmail
+						]
+					}), /* @__PURE__ */ jsx(Button, {
+						type: "button",
+						onClick: handleResend,
+						disabled: countdown > 0 || isResending,
+						className: "ml-[8px] rounded-[19px] !px-[8px] !py-[8px] text-[12px] leading-[12px] cursor-pointer bg-line1 text-text1/80 disabled:cursor-not-allowed",
+						children: countdown > 0 ? `${t("verify.resend")} (${countdown}s)` : t("verify.resend")
+					})]
+				})]
+			}), /* @__PURE__ */ jsxs("form", {
+				className: "mt-[38px]",
+				onSubmit: (e) => {
+					e.preventDefault();
+					handleSubmit();
+				},
+				children: [
+					/* @__PURE__ */ jsxs(Box, {
+						className: "h-14 sm:h-16 md:h-20 relative",
+						children: [/* @__PURE__ */ jsx("input", {
+							ref: inputRef,
+							type: "text",
+							inputMode: "numeric",
+							pattern: "[0-9]*",
+							value: "",
+							onChange: handleInputChange,
+							onKeyDown: handleKeyDown,
+							className: "absolute opacity-0 pointer-events-none w-full h-full border-none outline-none bg-transparent text-base",
+							autoComplete: "one-time-code"
+						}), /* @__PURE__ */ jsx(Box, {
+							className: "w-full flex justify-between items-center",
+							children: code.map((digit, index) => /* @__PURE__ */ jsx(Box, {
+								onClick: () => handleBoxClick(index),
+								className: `
                     w-14 h-14 sm:w-16 sm:h-16 md:w-20 md:h-20 rounded-xl border-2 flex items-center justify-center cursor-pointer transition-all duration-200
-                    ${t===N?`border-theme3 bg-theme3`:`border-transparent bg-bg2`}
-                  `,children:y(c,{className:`select-none font-semibold text-2xl sm:text-3xl leading-none text-text1`,children:e})},t))})]}),y(s,{className:`h-[22px] mt-[16px] mb-[22px] ml-[12px] text-[14px] text-theme5`,children:V}),y(e,{type:`submit`,disabled:!Y,className:`w-full h-[60px] !rounded-[30px] !text-[18px] font-bold leading-[26px] bg-theme6 disabled:bg-theme6/40 disabled:text-text3 active:opacity-90 !px-0 !py-0`,children:T(F?`verify.verifying`:`verify.nextStep`)})]})]})]})}export{w as Verify};
+                    ${index === activeIndex ? "border-theme3 bg-theme3" : "border-transparent bg-bg2"}
+                  `,
+								children: /* @__PURE__ */ jsx(Text, {
+									className: "select-none font-semibold text-2xl sm:text-3xl leading-none text-text1",
+									children: digit
+								})
+							}, index))
+						})]
+					}),
+					/* @__PURE__ */ jsx(Box, {
+						className: "h-[22px] mt-[16px] mb-[22px] ml-[12px] text-[14px] text-theme5",
+						children: errorText
+					}),
+					/* @__PURE__ */ jsx(Button, {
+						type: "submit",
+						disabled: !canSubmit,
+						className: "w-full h-[60px] !rounded-[30px] !text-[18px] font-bold leading-[26px] bg-theme6 disabled:bg-theme6/40 disabled:text-text3 active:opacity-90 !px-0 !py-0",
+						children: isSubmitting ? t("verify.verifying") : t("verify.nextStep")
+					})
+				]
+			})]
+		})]
+	});
+}
+
+//#endregion
+export { Verify };

package/dist/components/pages/post-detail/page.mjs

@@ -1,2 +1,29 @@
 
-import{gCommunityGetContentInfo as e,gCommunityGetContentList as t}from"../../../service/generated/client.mjs";import{HydrationBoundary as n}from"../../../hooks/query/hydration-boundary.mjs";import{revalidate as r}from"../../../constants/revalidate.mjs";import i from"./post-detail-client.mjs";import{Fragment as a,jsx as o}from"react/jsx-runtime";async function s({params:s}){let{level:c}=await s,l=c?.[0]||``;return o(a,{children:o(n,{prefetch:l?[{queryKey:[`post-detail`,l],queryFn:()=>e({content_id:l},{revalidate:r.TIME})},{queryKey:[`post-detail-recommend`,l],queryFn:()=>t({page:1,page_size:6,sort_by:`recommend`},{revalidate:r.TIME})}]:[],children:o(i,{detailId:l})})})}export{s as default};
+import { gCommunityGetContentInfo, gCommunityGetContentList } from "../../../service/generated/client.mjs";
+import { HydrationBoundary } from "../../../hooks/query/hydration-boundary.mjs";
+import { revalidate } from "../../../constants/revalidate.mjs";
+import PostDetailClient from "./post-detail-client.mjs";
+import { Fragment, jsx } from "react/jsx-runtime";
+
+//#region components/pages/post-detail/page.tsx
+async function PostDetailPage({ params }) {
+	const { level } = await params;
+	const id = level?.[0] || "";
+	return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(HydrationBoundary, {
+		prefetch: id ? [{
+			queryKey: ["post-detail", id],
+			queryFn: () => gCommunityGetContentInfo({ content_id: id }, { revalidate: revalidate.TIME })
+		}, {
+			queryKey: ["post-detail-recommend", id],
+			queryFn: () => gCommunityGetContentList({
+				page: 1,
+				page_size: 6,
+				sort_by: "recommend"
+			}, { revalidate: revalidate.TIME })
+		}] : [],
+		children: /* @__PURE__ */ jsx(PostDetailClient, { detailId: id })
+	}) });
+}
+
+//#endregion
+export { PostDetailPage as default };