@funhub/platform 0.1.130 → 0.1.131

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

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

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

@@ -1,214 +1,5 @@
 
-'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: `
+"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:`
                     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
-                    ${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 };
+                    ${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};

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

@@ -1,29 +1,2 @@
 
-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 };
+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};