@funhub/platform 0.1.53 → 0.1.54

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

@@ -1,2 +1,187 @@
 
-"use client";import{Button as e}from"../../ui/button.mjs";import{getCookie as t,hashPassword as n}from"../../../utils/common.mjs";import{pUserRegister as r,pUserResetForgetPassword as i,pUserResetPassword as a}from"../../../service/generated/client.mjs";import{Box as o}from"../../ui/box.mjs";import{Input as s}from"../../ui/input.mjs";import{Text as c}from"../../ui/text.mjs";import{useLoginModalStore as l}from"../../../store/modules/login-modal-store.mjs";import{useSetAuthFields as u,useUserId as d}from"../../../hooks/use-auth.mjs";import{LeftArrowIcon as f}from"../../../assets/icons/left-arrow-icon.mjs";import{EyeIcon as p}from"../../../assets/icons/eye-icon.mjs";import{EyeOffIcon as m}from"../../../assets/icons/eye-off-icon.mjs";import{useCallback as h,useMemo as g,useState as _}from"react";import{jsx as v,jsxs as y}from"react/jsx-runtime";import{toast as b}from"sonner";import{useTranslations as x}from"next-intl";function S(S){let C=x(`components.pages.login`),{email:w,onClose:T}=S,E=u(),D=d(),{resolveLogin:O}=l(),[k,A]=_(``),[j,M]=_(``),[N,P]=_(!1),[F,I]=_(!1),[L,R]=_(!1),[z,B]=_(``),{verifyStep:V}=l(),H=h(async()=>{let e=n(k);return V===`reset-password`?await a({user_id:D,password:e}):V===`forgot-password`?await i({email:w,password:e}):await r({email:w,user_id:await t(`guestUserId`),password:e})},[V,D,w,k]),U=g(()=>k.length===0||j.length===0?``:k.length<6?C(`password.passwordTooShort`):k.length>18?C(`password.passwordTooLong`):k===j?``:C(`password.passwordsNotMatch`),[k,j,C]),W=g(()=>k.length>=6&&k.length<=18&&k===j&&!L,[k,j,L]);async function G(){if(W)try{R(!0),B(``);let{data:e}=await H();e?.user_id&&(E({token:e.token,expireTime:e.expire_time,userId:e.user_id}),b.success(C(`password.passwordSetSuccess`))),O(!0)}catch(e){B(e.message??C(`password.submitFailed`))}finally{R(!1)}}let K=C(V===`reset-password`?`password.confirmModify`:V===`forgot-password`?`password.confirmReset`:`password.register`),q=C(V===`reset-password`||V===`forgot-password`?`password.setNewPassword`:`password.setLoginPassword`);return y(o,{className:`min-h-screen w-full h-full bg-bg1 text-text1 flex flex-col`,children:[y(o,{className:`flex justify-between items-center h-[60px] px-[16px]`,children:[v(e,{type:`button`,onClick:T,"aria-label":C(`password.back`),className:`cursor-pointer bg-transparent !p-0 !px-0 !py-0`,children:v(f,{className:`w-[16px] h-[16px] text-text1/80`,"aria-hidden":`true`,focusable:`false`})}),v(c,{className:`text-[14px] text-text2`})]}),y(o,{className:`px-[24px] flex flex-col mt-[15px]`,children:[v(o,{className:`flex flex-col`,children:v(c,{className:`text-[24px] leading-[32px] font-bold`,children:q})}),y(`form`,{className:`mt-[58px]`,autoComplete:`off`,onSubmit:e=>{e.preventDefault(),G()},children:[y(o,{className:`space-y-[16px]`,children:[y(o,{className:`flex items-center justify-between px-[28px] rounded-[50px] h-[66px] bg-line1 border border-line1`,children:[v(s,{placeholder:C(`password.passwordPlaceholder`),type:N?`text`:`password`,name:`funhub-password`,value:k,onChange:e=>A(e.target.value),autoComplete:`new-password`,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-[26px] text-[18px]`}),v(e,{type:`button`,onClick:()=>P(!N),className:`ml-[10px] cursor-pointer bg-transparent !p-0 !px-0 !py-0`,children:v(N?p:m,{className:`w-[20px] h-[20px] text-text3`})})]}),y(o,{className:`flex items-center justify-between px-[28px] rounded-[50px] h-[66px] bg-line1 border border-line1`,children:[v(s,{placeholder:C(`password.confirmPasswordPlaceholder`),type:F?`text`:`password`,name:`funhub-confirm-password`,value:j,onChange:e=>M(e.target.value),autoComplete:`new-password`,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-[26px] text-[18px]`}),v(e,{type:`button`,onClick:()=>I(!F),className:`ml-[10px] cursor-pointer bg-transparent !p-0 !px-0 !py-0`,children:v(F?p:m,{className:`w-[20px] h-[20px] text-text3`})})]})]}),v(o,{className:`h-[22px] mt-[16px] mb-[22px] ml-[12px] text-[14px] text-theme5`,children:U||z}),v(e,{type:`submit`,disabled:!W,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:L?C(`password.submitting`):K})]})]})]})}export{S as Password};
+'use client';
+
+import { Button } from "../../ui/button.mjs";
+import { getCookie, hashPassword } from "../../../utils/common.mjs";
+import { pUserRegister, pUserResetForgetPassword, pUserResetPassword } from "../../../service/generated/client.mjs";
+import { getPasswordValidationErrorText, validatePasswordPair } from "../../../utils/password-validator.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 { useSetAuthFields, useUserId } from "../../../hooks/use-auth.mjs";
+import { LeftArrowIcon } from "../../../assets/icons/left-arrow-icon.mjs";
+import { EyeIcon } from "../../../assets/icons/eye-icon.mjs";
+import { EyeOffIcon } from "../../../assets/icons/eye-off-icon.mjs";
+import { useCallback, useMemo, useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { toast } from "sonner";
+import { useTranslations } from "next-intl";
+
+//#region components/pages/login/password.tsx
+function Password(props) {
+	const t = useTranslations("components.pages.login");
+	const { email, onClose } = props;
+	const setAuthFields = useSetAuthFields();
+	const userId = useUserId();
+	const { resolveLogin } = useLoginModalStore();
+	const [password, setPassword] = useState("");
+	const [confirmPassword, setConfirmPassword] = useState("");
+	const [showPassword, setShowPassword] = useState(false);
+	const [showConfirmPassword, setShowConfirmPassword] = useState(false);
+	const [isSubmitting, setIsSubmitting] = useState(false);
+	const [errorText, setErrorText] = useState("");
+	const { verifyStep } = useLoginModalStore();
+	const resetPassword = useCallback(async () => {
+		const encryptedPassword = hashPassword(password);
+		if (verifyStep === "reset-password") return await pUserResetPassword({
+			user_id: userId,
+			password: encryptedPassword
+		});
+		if (verifyStep === "forgot-password") return await pUserResetForgetPassword({
+			email,
+			password: encryptedPassword
+		});
+		return await pUserRegister({
+			email,
+			user_id: await getCookie("guestUserId"),
+			password: encryptedPassword
+		});
+	}, [
+		verifyStep,
+		userId,
+		email,
+		password
+	]);
+	const validationResult = useMemo(() => validatePasswordPair(password, confirmPassword), [password, confirmPassword]);
+	const validationError = useMemo(() => getPasswordValidationErrorText(validationResult), [validationResult]);
+	const showPasswordError = validationError !== "";
+	const showConfirmPasswordError = validationResult.type === "not-match";
+	const canSubmit = useMemo(() => {
+		return password.length > 0 && confirmPassword.length > 0 && validationError === "" && !isSubmitting;
+	}, [
+		password,
+		confirmPassword,
+		validationError,
+		isSubmitting
+	]);
+	async function handleSubmit() {
+		if (!canSubmit) return;
+		try {
+			setIsSubmitting(true);
+			setErrorText("");
+			const { data } = await resetPassword();
+			if (data?.user_id) {
+				setAuthFields({
+					token: data.token,
+					expireTime: data.expire_time,
+					userId: data.user_id
+				});
+				toast.success(t("password.passwordSetSuccess"));
+			}
+			resolveLogin(true);
+		} catch (error) {
+			setErrorText(error.message ?? t("password.submitFailed"));
+		} finally {
+			setIsSubmitting(false);
+		}
+	}
+	const actionLabel = verifyStep === "reset-password" ? t("password.confirmModify") : verifyStep === "forgot-password" ? t("password.confirmReset") : t("password.register");
+	const titleText = verifyStep === "reset-password" ? t("password.setNewPassword") : verifyStep === "forgot-password" ? t("password.setNewPassword") : t("password.setLoginPassword");
+	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("password.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__ */ jsx(Box, {
+				className: "flex flex-col",
+				children: /* @__PURE__ */ jsx(Text, {
+					className: "text-[24px] leading-[32px] font-bold",
+					children: titleText
+				})
+			}), /* @__PURE__ */ jsxs("form", {
+				className: "mt-[58px]",
+				autoComplete: "off",
+				onSubmit: (e) => {
+					e.preventDefault();
+					handleSubmit();
+				},
+				children: [
+					/* @__PURE__ */ jsxs(Box, {
+						className: "space-y-[16px]",
+						children: [/* @__PURE__ */ jsxs(Box, {
+							className: `flex items-center justify-between px-[28px] rounded-[50px] h-[66px] bg-line1 border ${showPasswordError ? "border-theme5" : "border-line1"}`,
+							children: [/* @__PURE__ */ jsx(Input, {
+								placeholder: t("password.passwordPlaceholder"),
+								type: showPassword ? "text" : "password",
+								name: "funhub-password",
+								value: password,
+								onChange: (e) => setPassword(e.target.value),
+								autoComplete: "new-password",
+								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-[26px] text-[18px]"
+							}), /* @__PURE__ */ jsx(Button, {
+								type: "button",
+								onClick: () => setShowPassword(!showPassword),
+								className: "ml-[10px] cursor-pointer bg-transparent !p-0 !px-0 !py-0",
+								children: showPassword ? /* @__PURE__ */ jsx(EyeIcon, { className: "w-[20px] h-[20px] text-text3" }) : /* @__PURE__ */ jsx(EyeOffIcon, { className: "w-[20px] h-[20px] text-text3" })
+							})]
+						}), /* @__PURE__ */ jsxs(Box, {
+							className: `flex items-center justify-between px-[28px] rounded-[50px] h-[66px] bg-line1 border ${showConfirmPasswordError ? "border-theme5" : "border-line1"}`,
+							children: [/* @__PURE__ */ jsx(Input, {
+								placeholder: t("password.confirmPasswordPlaceholder"),
+								type: showConfirmPassword ? "text" : "password",
+								name: "funhub-confirm-password",
+								value: confirmPassword,
+								onChange: (e) => setConfirmPassword(e.target.value),
+								autoComplete: "new-password",
+								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-[26px] text-[18px]"
+							}), /* @__PURE__ */ jsx(Button, {
+								type: "button",
+								onClick: () => setShowConfirmPassword(!showConfirmPassword),
+								className: "ml-[10px] cursor-pointer bg-transparent !p-0 !px-0 !py-0",
+								children: showConfirmPassword ? /* @__PURE__ */ jsx(EyeIcon, { className: "w-[20px] h-[20px] text-text3" }) : /* @__PURE__ */ jsx(EyeOffIcon, { className: "w-[20px] h-[20px] text-text3" })
+							})]
+						})]
+					}),
+					/* @__PURE__ */ jsx(Box, {
+						className: "h-[22px] mt-[16px] mb-[22px] ml-[12px] text-[14px] text-theme5",
+						children: validationError || 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("password.submitting") : actionLabel
+					})
+				]
+			})]
+		})]
+	});
+}
+
+//#endregion
+export { Password };

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

@@ -1,2 +1,190 @@
 
-"use client";import{Button as e}from"../../ui/button.mjs";import{pUserSendEmailCode as t}from"../../../service/generated/client.mjs";import{Box as n}from"../../ui/box.mjs";import{Input as r}from"../../ui/input.mjs";import{Text as i}from"../../ui/text.mjs";import{useLoginModalStore as a}from"../../../store/modules/login-modal-store.mjs";import{LeftArrowIcon as o}from"../../../assets/icons/left-arrow-icon.mjs";import{useMemo as s,useState as c}from"react";import{jsx as l,jsxs as u}from"react/jsx-runtime";import{useTranslations as d}from"next-intl";function f(f){let p=d(`components.pages.login`),{onClose:m,onLogin:h,onVerify:g}=f,{setVerifyStep:_}=a(),[v,y]=c(``),[b,x]=c(!1),[S,C]=c(``),w=s(()=>v.trim().length>0&&!b,[v,b]);function T(e){return/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(e)}function E(e){y(e),S&&C(``)}async function D(){if(w)try{x(!0),C(``);let e=v.trim();if(!T(e)){C(p(`register.invalidEmail`));return}await t({email:e}),_(`register-verify`),g?.(e)}catch(e){C(e.message??p(`register.sendFailed`))}finally{x(!1)}}return u(n,{className:`min-h-screen w-full h-full bg-bg1 text-text1 flex flex-col`,children:[u(n,{className:`flex justify-between items-center h-[60px] px-[16px]`,children:[l(e,{type:`button`,onClick:m,"aria-label":p(`register.back`),className:`cursor-pointer bg-transparent !p-0 !px-0 !py-0`,children:l(o,{className:`w-[16px] h-[16px] text-text1/80`,"aria-hidden":`true`,focusable:`false`})}),l(i,{className:`text-[14px] text-text2`})]}),u(n,{className:`px-[24px] flex flex-col mt-[15px]`,children:[u(n,{className:`flex flex-col`,children:[l(i,{className:`text-[24px] leading-[32px] font-bold`,children:p(`register.title`)}),u(i,{className:`text-[14px] leading-[22px] mt-[12px] text-text1/80`,children:[p(`register.hasAccount`),`？`,l(e,{type:`button`,onClick:h,className:`cursor-pointer text-theme5 hover:opacity-90 bg-transparent !p-0 !px-0 !py-0`,children:p(`register.loginLink`)})]})]}),u(n,{className:`mt-[38px]`,children:[l(n,{className:`flex items-center px-[28px] rounded-[50px] h-[66px] bg-line1 border border-line1`,children:l(r,{placeholder:p(`register.emailPlaceholder`),type:`email`,name:`funhub-register-email`,value:v,onChange:e=>E(e.target.value),autoComplete:`off`,autoCorrect:`off`,autoCapitalize:`none`,spellCheck:!1,"data-lpignore":`true`,"data-1p-ignore":`true`,"data-form-type":`other`,className:`!bg-transparent !px-0 !py-0 !rounded-none !text-text1 placeholder:!text-text3 leading-[26px] text-[18px]`})}),l(n,{className:`h-[22px] mt-[16px] mb-[22px] ml-[12px] text-[14px] text-theme5`,children:S}),l(e,{type:`button`,onClick:D,disabled:!w,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:p(b?`register.sending`:`register.getCode`)})]})]})]})}export{f as Register};
+'use client';
+
+import { Button } from "../../ui/button.mjs";
+import { pUserSendEmailCode } from "../../../service/generated/client.mjs";
+import { Box } from "../../ui/box.mjs";
+import { Checkbox } from "../../ui/checkbox.mjs";
+import { Input } from "../../ui/input.mjs";
+import { Text } from "../../ui/text.mjs";
+import { useLoginModalStore } from "../../../store/modules/login-modal-store.mjs";
+import { LeftArrowIcon } from "../../../assets/icons/left-arrow-icon.mjs";
+import { AgreementDialog } from "./agreement-dialog.mjs";
+import { useMemo, useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useTranslations } from "next-intl";
+
+//#region components/pages/login/register.tsx
+/**
+* 注册页面内容。
+*/
+function Register(props) {
+	const t = useTranslations("components.pages.login");
+	const { onClose, onLogin, onVerify } = props;
+	const { setVerifyStep } = useLoginModalStore();
+	const [email, setEmail] = useState("");
+	const [isSubmitting, setIsSubmitting] = useState(false);
+	const [errorText, setErrorText] = useState("");
+	const [agreedToTerms, setAgreedToTerms] = useState(false);
+	const [agreementDialog, setAgreementDialog] = useState(null);
+	const canSubmit = useMemo(() => {
+		return email.trim().length > 0 && agreedToTerms && !isSubmitting;
+	}, [
+		email,
+		agreedToTerms,
+		isSubmitting
+	]);
+	/**
+	* 校验邮箱格式是否有效。
+	*/
+	function isValidEmail(value) {
+		return /^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(value);
+	}
+	/**
+	* 处理邮箱输入变化。
+	*/
+	function handleEmailChange(value) {
+		setEmail(value);
+		if (errorText) setErrorText("");
+	}
+	async function handleSubmit() {
+		if (!canSubmit) return;
+		try {
+			setIsSubmitting(true);
+			setErrorText("");
+			const trimmedEmail = email.trim();
+			if (!isValidEmail(trimmedEmail)) {
+				setErrorText(t("register.invalidEmail"));
+				return;
+			}
+			await pUserSendEmailCode({ email: trimmedEmail });
+			setVerifyStep("register-verify");
+			onVerify?.(trimmedEmail);
+		} catch (error) {
+			setErrorText(error.message ?? t("register.sendFailed"));
+		} 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("register.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-1 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("register.title")
+						}), /* @__PURE__ */ jsxs(Text, {
+							className: "text-[14px] leading-[22px] mt-[12px] text-text1/80",
+							children: [
+								t("register.hasAccount"),
+								"？",
+								/* @__PURE__ */ jsx(Button, {
+									type: "button",
+									onClick: onLogin,
+									className: "cursor-pointer text-theme5 hover:opacity-90 bg-transparent !p-0 !px-0 !py-0",
+									children: t("register.loginLink")
+								})
+							]
+						})]
+					}),
+					/* @__PURE__ */ jsxs(Box, {
+						className: "mt-[38px]",
+						children: [/* @__PURE__ */ jsx(Box, {
+							className: "flex items-center px-[28px] rounded-[50px] h-[66px] bg-line1 border border-line1",
+							children: /* @__PURE__ */ jsx(Input, {
+								placeholder: t("register.emailPlaceholder"),
+								type: "email",
+								name: "funhub-register-email",
+								value: email,
+								onChange: (e) => handleEmailChange(e.target.value),
+								autoComplete: "off",
+								autoCorrect: "off",
+								autoCapitalize: "none",
+								spellCheck: false,
+								"data-lpignore": "true",
+								"data-1p-ignore": "true",
+								"data-form-type": "other",
+								className: "!bg-transparent !px-0 !py-0 !rounded-none !text-text1 placeholder:!text-text3 leading-[26px] text-[18px]"
+							})
+						}), /* @__PURE__ */ jsx(Box, {
+							className: "h-[22px] mt-[16px] mb-[22px] ml-[12px] text-[14px] text-theme5",
+							children: errorText
+						})]
+					}),
+					/* @__PURE__ */ jsxs(Box, {
+						className: "mt-auto flex flex-col items-center w-full pb-[55px]",
+						children: [/* @__PURE__ */ jsxs(Box, {
+							className: "flex items-center justify-center gap-2 flex-wrap mb-[16px] w-full",
+							children: [/* @__PURE__ */ jsx(Checkbox, {
+								checked: agreedToTerms,
+								onCheckedChange: (checked) => setAgreedToTerms(checked === true),
+								"aria-label": t("loginClient.agreeToTerms"),
+								className: "shrink-0"
+							}), /* @__PURE__ */ jsxs(Text, {
+								as: "span",
+								className: "text-[14px] text-text2",
+								children: [
+									t("loginClient.agreeToTermsPrefix"),
+									/* @__PURE__ */ jsxs(Button, {
+										type: "button",
+										variant: "link",
+										className: "inline text-theme6 !p-0 !h-auto font-normal underline-offset-2 hover:underline bg-transparent",
+										onClick: () => setAgreementDialog("terms"),
+										children: [
+											"《",
+											t("loginClient.userAgreement"),
+											"》"
+										]
+									}),
+									t("loginClient.and"),
+									/* @__PURE__ */ jsxs(Button, {
+										type: "button",
+										variant: "link",
+										className: "inline text-theme6 !p-0 !h-auto font-normal underline-offset-2 hover:underline bg-transparent",
+										onClick: () => setAgreementDialog("privacy"),
+										children: [
+											"《",
+											t("loginClient.privacyPolicy"),
+											"》"
+										]
+									})
+								]
+							})]
+						}), /* @__PURE__ */ jsx(Button, {
+							type: "button",
+							onClick: handleSubmit,
+							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("register.sending") : t("register.getCode")
+						})]
+					})
+				]
+			}),
+			/* @__PURE__ */ jsx(AgreementDialog, {
+				type: agreementDialog,
+				onClose: () => setAgreementDialog(null)
+			})
+		]
+	});
+}
+
+//#endregion
+export { Register };

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`)]}),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`,{countdown:E}):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 };