@funhub/platform 0.2.31 → 0.2.33

package/dist/components/pages/login/login-client.mjs

@@ -1,234 +1,2 @@
 
-'use client';
-
-import { ensureGuestIdentity } from "../../../store/modules/user-store.mjs";
-import { Button } from "../../ui/button.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 { CloseIcon } from "../../../assets/icons/close-icon.mjs";
-import { EyeIcon } from "../../../assets/icons/eye-icon.mjs";
-import { EyeOffIcon } from "../../../assets/icons/eye-off-icon.mjs";
-import { AgreementDialog } from "./agreement-dialog.mjs";
-import { authGradientTextStyle, authPanelBackgroundStyle } from "./auth-page-styles.mjs";
-import { trackLoginPageClick } from "./tracking.mjs";
-import { useCallback, useMemo, useState } from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-import { useTranslations } from "next-intl";
-
-//#region components/pages/login/login-client.tsx
-function LoginClient(props) {
-	const t = useTranslations("components.pages.login");
-	const { onClose, onForgotPassword, onRegister, onSubmit, errorText } = props;
-	const [email, setEmail] = useState("");
-	const [password, setPassword] = useState("");
-	const [isPasswordVisible, setIsPasswordVisible] = useState(false);
-	const [isSubmitting, setIsSubmitting] = useState(false);
-	const [agreedToTerms, setAgreedToTerms] = useState(false);
-	const [agreementDialog, setAgreementDialog] = useState(null);
-	const canSubmit = useMemo(() => {
-		return email.trim().length > 0 && password.length > 0 && agreedToTerms && !isSubmitting;
-	}, [
-		email,
-		password,
-		agreedToTerms,
-		isSubmitting
-	]);
-	const onRegisterHandler = useCallback(() => {
-		ensureGuestIdentity(true);
-		onRegister?.();
-	}, [onRegister]);
-	async function handleSubmit() {
-		if (!canSubmit) return;
-		try {
-			setIsSubmitting(true);
-			await onSubmit?.({
-				email: email.trim(),
-				password
-			});
-		} finally {
-			setIsSubmitting(false);
-		}
-	}
-	return /* @__PURE__ */ jsxs(Box, {
-		className: "min-h-screen w-full h-full bg-bg1 text-text1 flex flex-col",
-		style: authPanelBackgroundStyle,
-		children: [/* @__PURE__ */ jsxs(Box, {
-			className: "relative z-[1] mx-auto flex min-h-screen w-full max-w-[390px] flex-col justify-between px-[32px] pt-[calc(env(safe-area-inset-top)+152px)] pb-[calc(env(safe-area-inset-bottom)+40px)]",
-			children: [
-				/* @__PURE__ */ jsx(Button, {
-					type: "button",
-					variant: "ghost",
-					onClick: onClose,
-					"aria-label": t("loginClient.close"),
-					className: "absolute top-[calc(env(safe-area-inset-top)+12px)] right-[24px] h-[32px] w-[32px] rounded-full border border-white/10 bg-white/5 !p-0 text-text2 backdrop-blur-[12px] hover:!bg-white/10 hover:text-text1",
-					children: /* @__PURE__ */ jsx(CloseIcon, {
-						className: "h-[16px] w-[16px]",
-						"aria-hidden": "true",
-						focusable: "false"
-					})
-				}),
-				/* @__PURE__ */ jsxs(Box, {
-					className: "flex w-full flex-col",
-					children: [
-						/* @__PURE__ */ jsx(Text, {
-							className: "text-[28px] leading-[32px] font-medium text-[#E6E6E6]",
-							children: t("loginClient.title")
-						}),
-						/* @__PURE__ */ jsx(Text, {
-							className: "mt-[16px] text-[14px] leading-[24px] text-[#E6E6E6]",
-							children: t("loginClient.subtitle")
-						}),
-						/* @__PURE__ */ jsxs("form", {
-							className: "mt-[48px]",
-							autoComplete: "off",
-							onSubmit: (e) => {
-								e.preventDefault();
-								handleSubmit();
-							},
-							children: [
-								/* @__PURE__ */ jsx(Box, {
-									className: "flex h-[48px] items-center rounded-[8px] bg-white/10 px-[22px]",
-									children: /* @__PURE__ */ jsx(Input, {
-										placeholder: t("loginClient.emailPlaceholder"),
-										type: "email",
-										name: "funhub-login-email",
-										value: email,
-										onChange: (e) => setEmail(e.target.value),
-										autoComplete: "off",
-										autoCorrect: "off",
-										autoCapitalize: "none",
-										spellCheck: false,
-										"data-lpignore": "true",
-										"data-1p-ignore": "true",
-										"data-form-type": "other",
-										className: "!h-auto !rounded-none !bg-transparent !px-0 !py-0 !text-[14px] !leading-[20px] !text-text2 placeholder:!text-white/60"
-									})
-								}),
-								/* @__PURE__ */ jsxs(Box, {
-									className: "mt-[24px] flex h-[48px] items-center justify-between rounded-[8px] bg-white/10 px-[16px]",
-									children: [/* @__PURE__ */ jsx(Input, {
-										placeholder: t("loginClient.passwordPlaceholder"),
-										type: isPasswordVisible ? "text" : "password",
-										name: "funhub-login-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 !h-auto !rounded-none !bg-transparent !px-0 !py-0 !text-[14px] !leading-[20px] !text-text2 placeholder:!text-white/60"
-									}), /* @__PURE__ */ jsx(Button, {
-										type: "button",
-										variant: "ghost",
-										className: "ml-[12px] h-[24px] w-[24px] cursor-pointer select-none !p-0 text-white/50 hover:text-white/80",
-										"aria-label": isPasswordVisible ? t("loginClient.hidePassword") : t("loginClient.showPassword"),
-										onClick: () => setIsPasswordVisible((v) => !v),
-										children: isPasswordVisible ? /* @__PURE__ */ jsx(EyeIcon, {
-											className: "h-[20px] w-[20px]",
-											"aria-hidden": "true",
-											focusable: "false"
-										}) : /* @__PURE__ */ jsx(EyeOffIcon, {
-											className: "h-[20px] w-[20px]",
-											"aria-hidden": "true",
-											focusable: "false"
-										})
-									})]
-								}),
-								!!errorText && /* @__PURE__ */ jsx(Box, {
-									className: "mt-[8px] text-[12px] leading-[16px] text-theme5",
-									children: errorText
-								})
-							]
-						}),
-						/* @__PURE__ */ jsxs(Box, {
-							className: "mt-[16px] flex items-center justify-between text-[14px] leading-[24px] text-[#9DA3AC]",
-							children: [/* @__PURE__ */ jsxs(Text, {
-								as: "span",
-								className: "whitespace-nowrap",
-								children: [t("loginClient.noAccount"), /* @__PURE__ */ jsx(Button, {
-									type: "button",
-									variant: "link",
-									onClick: onRegisterHandler,
-									className: "inline h-auto !p-0 text-[14px] font-normal leading-[24px] !no-underline hover:opacity-80 hover:!no-underline",
-									style: authGradientTextStyle,
-									children: t("loginClient.registerLink")
-								})]
-							}), /* @__PURE__ */ jsx(Button, {
-								type: "button",
-								variant: "link",
-								onClick: onForgotPassword,
-								className: "inline h-auto !p-0 text-[14px] font-normal leading-[24px] text-[#9DA3AC] !no-underline hover:text-text1 hover:!no-underline",
-								children: t("loginClient.forgotPassword")
-							})]
-						})
-					]
-				}),
-				/* @__PURE__ */ jsxs(Box, {
-					className: "flex w-full flex-col",
-					children: [/* @__PURE__ */ jsxs(Box, {
-						className: "flex items-center",
-						children: [/* @__PURE__ */ jsx(Checkbox, {
-							checked: agreedToTerms,
-							onCheckedChange: (checked) => setAgreedToTerms(checked === true),
-							"aria-label": t("loginClient.agreeToTerms"),
-							className: "mt-px size-[16px] border-white/60 bg-transparent data-[checked]:border-theme5 data-[checked]:bg-theme5 data-[checked]:text-white"
-						}), /* @__PURE__ */ jsxs(Text, {
-							as: "span",
-							className: "ml-[8px] text-[12px] leading-[16px] text-[#9DA3AC]",
-							children: [
-								t("loginClient.agreeToTermsPrefix"),
-								/* @__PURE__ */ jsxs(Button, {
-									type: "button",
-									variant: "link",
-									className: "inline h-auto !p-0 text-[12px] font-normal leading-[16px] !no-underline hover:opacity-80 hover:!no-underline",
-									style: authGradientTextStyle,
-									onClick: () => setAgreementDialog("terms"),
-									children: [
-										"《",
-										t("loginClient.userAgreement"),
-										"》"
-									]
-								}),
-								t("loginClient.and"),
-								/* @__PURE__ */ jsxs(Button, {
-									type: "button",
-									variant: "link",
-									className: "inline h-auto !p-0 text-[12px] font-normal leading-[16px] !no-underline hover:opacity-80 hover:!no-underline",
-									style: authGradientTextStyle,
-									onClick: () => setAgreementDialog("privacy"),
-									children: [
-										"《",
-										t("loginClient.privacyPolicy"),
-										"》"
-									]
-								})
-							]
-						})]
-					}), /* @__PURE__ */ jsx(Button, {
-						type: "button",
-						"data-skip-dialog-track": "true",
-						onClick: (e) => {
-							trackLoginPageClick(e, "login_submit");
-							handleSubmit();
-						},
-						disabled: !canSubmit,
-						className: `mt-[16px] h-[48px] w-full !rounded-[8px] !border-0 !px-0 !py-0 text-[16px] font-normal leading-[24px] text-white disabled:opacity-100 active:opacity-90 ${canSubmit ? "" : "!text-white/60"}`,
-						style: { background: canSubmit ? "var(--gradient-action-button)" : "linear-gradient(90deg, rgba(151, 86, 227, 0.45) 0%, rgba(108, 67, 238, 0.45) 100%)" },
-						children: isSubmitting ? t("loginClient.loggingIn") : t("loginClient.login")
-					})]
-				})
-			]
-		}), /* @__PURE__ */ jsx(AgreementDialog, {
-			type: agreementDialog,
-			onClose: () => setAgreementDialog(null)
-		})]
-	});
-}
-
-//#endregion
-export { LoginClient };
+"use client";import{ensureGuestIdentity as e}from"../../../store/modules/user-store.mjs";import{Button as t}from"../../ui/button.mjs";import{Box as n}from"../../ui/box.mjs";import{Checkbox as r}from"../../ui/checkbox.mjs";import{Input as i}from"../../ui/input.mjs";import{Text as a}from"../../ui/text.mjs";import{CloseIcon as o}from"../../../assets/icons/close-icon.mjs";import{EyeIcon as s}from"../../../assets/icons/eye-icon.mjs";import{EyeOffIcon as c}from"../../../assets/icons/eye-off-icon.mjs";import{AgreementDialog as l}from"./agreement-dialog.mjs";import{authGradientTextStyle as u,authPanelBackgroundStyle as d}from"./auth-page-styles.mjs";import{trackLoginPageClick as f}from"./tracking.mjs";import{useCallback as p,useMemo as m,useState as h}from"react";import{jsx as g,jsxs as _}from"react/jsx-runtime";import{useTranslations as v}from"next-intl";function y(y){let b=v(`components.pages.login`),{onClose:x,onForgotPassword:S,onRegister:C,onSubmit:w,errorText:T}=y,[E,D]=h(``),[O,k]=h(``),[A,j]=h(!1),[M,N]=h(!1),[P,F]=h(!1),[I,L]=h(null),R=m(()=>E.trim().length>0&&O.length>0&&P&&!M,[E,O,P,M]),z=p(()=>{e(!0),C?.()},[C]);async function B(){if(R)try{N(!0),await w?.({email:E.trim(),password:O})}finally{N(!1)}}return _(n,{className:`min-h-screen w-full h-full bg-bg1 text-text1 flex flex-col`,style:d,children:[_(n,{className:`relative z-[1] mx-auto flex min-h-screen w-full max-w-[390px] flex-col justify-between px-[32px] pt-[calc(env(safe-area-inset-top)+152px)] pb-[calc(env(safe-area-inset-bottom)+40px)]`,children:[g(t,{type:`button`,variant:`ghost`,onClick:x,"aria-label":b(`loginClient.close`),className:`absolute top-[calc(env(safe-area-inset-top)+12px)] right-[24px] h-[32px] w-[32px] rounded-full border border-white/10 bg-white/5 !p-0 text-text2 backdrop-blur-[12px] hover:!bg-white/10 hover:text-text1`,children:g(o,{className:`h-[16px] w-[16px]`,"aria-hidden":`true`,focusable:`false`})}),_(n,{className:`flex w-full flex-col`,children:[g(a,{className:`text-[28px] leading-[32px] font-medium text-[#E6E6E6]`,children:b(`loginClient.title`)}),g(a,{className:`mt-[16px] text-[14px] leading-[24px] text-[#E6E6E6]`,children:b(`loginClient.subtitle`)}),_(`form`,{className:`mt-[48px]`,autoComplete:`off`,onSubmit:e=>{e.preventDefault(),B()},children:[g(n,{className:`flex h-[48px] items-center rounded-[8px] bg-white/10 px-[22px]`,children:g(i,{placeholder:b(`loginClient.emailPlaceholder`),type:`email`,name:`funhub-login-email`,value:E,onChange:e=>D(e.target.value),autoComplete:`off`,autoCorrect:`off`,autoCapitalize:`none`,spellCheck:!1,"data-lpignore":`true`,"data-1p-ignore":`true`,"data-form-type":`other`,className:`!h-auto !rounded-none !bg-transparent !px-0 !py-0 !text-[14px] !leading-[20px] !text-text2 placeholder:!text-white/60`})}),_(n,{className:`mt-[24px] flex h-[48px] items-center justify-between rounded-[8px] bg-white/10 px-[16px]`,children:[g(i,{placeholder:b(`loginClient.passwordPlaceholder`),type:A?`text`:`password`,name:`funhub-login-password`,value:O,onChange:e=>k(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 !h-auto !rounded-none !bg-transparent !px-0 !py-0 !text-[14px] !leading-[20px] !text-text2 placeholder:!text-white/60`}),g(t,{type:`button`,variant:`ghost`,className:`ml-[12px] h-[24px] w-[24px] cursor-pointer select-none !p-0 text-white/50 hover:text-white/80`,"aria-label":b(A?`loginClient.hidePassword`:`loginClient.showPassword`),onClick:()=>j(e=>!e),children:g(A?s:c,{className:`h-[20px] w-[20px]`,"aria-hidden":`true`,focusable:`false`})})]}),!!T&&g(n,{className:`mt-[8px] text-[12px] leading-[16px] text-theme5`,children:T})]}),_(n,{className:`mt-[16px] flex items-center justify-between text-[14px] leading-[24px] text-[#9DA3AC]`,children:[_(a,{as:`span`,className:`whitespace-nowrap`,children:[b(`loginClient.noAccount`),g(t,{type:`button`,variant:`link`,onClick:z,className:`inline h-auto !p-0 text-[14px] font-normal leading-[24px] !no-underline hover:opacity-80 hover:!no-underline`,style:u,children:b(`loginClient.registerLink`)})]}),g(t,{type:`button`,variant:`link`,onClick:S,className:`inline h-auto !p-0 text-[14px] font-normal leading-[24px] text-[#9DA3AC] !no-underline hover:text-text1 hover:!no-underline`,children:b(`loginClient.forgotPassword`)})]})]}),_(n,{className:`flex w-full flex-col`,children:[_(n,{className:`flex items-center`,children:[g(r,{checked:P,onCheckedChange:e=>F(e===!0),"aria-label":b(`loginClient.agreeToTerms`),className:`mt-px size-[16px] border-white/60 bg-transparent data-[checked]:border-theme5 data-[checked]:bg-theme5 data-[checked]:text-white`}),_(a,{as:`span`,className:`ml-[8px] text-[12px] leading-[16px] text-[#9DA3AC]`,children:[b(`loginClient.agreeToTermsPrefix`),_(t,{type:`button`,variant:`link`,className:`inline h-auto !p-0 text-[12px] font-normal leading-[16px] !no-underline hover:opacity-80 hover:!no-underline`,style:u,onClick:()=>L(`terms`),children:[`《`,b(`loginClient.userAgreement`),`》`]}),b(`loginClient.and`),_(t,{type:`button`,variant:`link`,className:`inline h-auto !p-0 text-[12px] font-normal leading-[16px] !no-underline hover:opacity-80 hover:!no-underline`,style:u,onClick:()=>L(`privacy`),children:[`《`,b(`loginClient.privacyPolicy`),`》`]})]})]}),g(t,{type:`button`,"data-skip-dialog-track":`true`,onClick:e=>{f(e,`login_submit`),B()},disabled:!R,className:`mt-[16px] h-[48px] w-full !rounded-[8px] !border-0 !px-0 !py-0 text-[16px] font-normal leading-[24px] text-white disabled:opacity-100 active:opacity-90 ${R?``:`!text-white/60`}`,style:{background:R?`var(--gradient-action-button)`:`linear-gradient(90deg, rgba(151, 86, 227, 0.45) 0%, rgba(108, 67, 238, 0.45) 100%)`},children:b(M?`loginClient.loggingIn`:`loginClient.login`)})]})]}),g(l,{type:I,onClose:()=>L(null)})]})}export{y as LoginClient};

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

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

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

@@ -1,205 +1,2 @@
 
-'use client';
-
-import { isValidEmail } from "../../../utils/email-validator.mjs";
-import { pUserSendEmailCode } from "../../../service/generated/client.mjs";
-import { Button } from "../../ui/button.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 { authGradientTextStyle, authPanelBackgroundStyle } from "./auth-page-styles.mjs";
-import { trackLoginPageClick } from "./tracking.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 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",
-		style: authPanelBackgroundStyle,
-		children: [/* @__PURE__ */ jsxs(Box, {
-			className: "relative z-[1] mx-auto flex min-h-screen w-full max-w-[390px] flex-col justify-between px-[32px] pt-[calc(env(safe-area-inset-top)+152px)] pb-[calc(env(safe-area-inset-bottom)+40px)]",
-			children: [
-				/* @__PURE__ */ jsx(Button, {
-					type: "button",
-					variant: "ghost",
-					onClick: onClose,
-					"aria-label": t("register.back"),
-					className: "absolute top-[calc(env(safe-area-inset-top)+12px)] left-[24px] h-[32px] w-[32px] rounded-full border border-white/10 bg-white/5 !p-0 text-text2 backdrop-blur-[12px] hover:!bg-white/10 hover:text-text1",
-					children: /* @__PURE__ */ jsx(LeftArrowIcon, {
-						className: "h-[16px] w-[16px]",
-						"aria-hidden": "true",
-						focusable: "false"
-					})
-				}),
-				/* @__PURE__ */ jsxs(Box, {
-					className: "flex w-full flex-col",
-					children: [
-						/* @__PURE__ */ jsx(Text, {
-							className: "text-[28px] leading-[32px] font-medium text-[#E6E6E6]",
-							children: t("loginClient.title")
-						}),
-						/* @__PURE__ */ jsx(Text, {
-							className: "mt-[16px] text-[14px] leading-[24px] text-[#E6E6E6]",
-							children: t("loginClient.subtitle")
-						}),
-						/* @__PURE__ */ jsx("form", {
-							className: "mt-[48px]",
-							autoComplete: "off",
-							onSubmit: (e) => {
-								e.preventDefault();
-								handleSubmit();
-							},
-							children: /* @__PURE__ */ jsx(Box, {
-								className: "flex h-[48px] items-center rounded-[8px] bg-white/10 px-[22px]",
-								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: "!h-auto !rounded-none !bg-transparent !px-0 !py-0 !text-[14px] !leading-[20px] !text-text2 placeholder:!text-white/60"
-								})
-							})
-						}),
-						!!errorText && /* @__PURE__ */ jsx(Box, {
-							className: "mt-[8px] min-h-[16px] text-[12px] leading-[16px] text-theme5",
-							children: errorText
-						}),
-						/* @__PURE__ */ jsx(Box, {
-							className: "mt-[16px] flex items-center justify-between text-[14px] leading-[24px] text-[#9DA3AC]",
-							children: /* @__PURE__ */ jsxs(Text, {
-								as: "span",
-								className: "whitespace-nowrap",
-								children: [t("register.hasAccount"), /* @__PURE__ */ jsx(Button, {
-									type: "button",
-									variant: "link",
-									onClick: onLogin,
-									className: "inline h-auto !p-0 text-[14px] font-normal leading-[24px] !no-underline hover:opacity-80 hover:!no-underline",
-									style: authGradientTextStyle,
-									children: t("register.loginLink")
-								})]
-							})
-						})
-					]
-				}),
-				/* @__PURE__ */ jsxs(Box, {
-					className: "flex w-full flex-col",
-					children: [/* @__PURE__ */ jsxs(Box, {
-						className: "flex items-center",
-						children: [/* @__PURE__ */ jsx(Checkbox, {
-							checked: agreedToTerms,
-							onCheckedChange: (checked) => setAgreedToTerms(checked === true),
-							"aria-label": t("loginClient.agreeToTerms"),
-							className: "mt-px size-[16px] border-white/60 bg-transparent data-[checked]:border-theme5 data-[checked]:bg-theme5 data-[checked]:text-white"
-						}), /* @__PURE__ */ jsxs(Text, {
-							as: "span",
-							className: "ml-[8px] text-[12px] leading-[16px] text-[#9DA3AC]",
-							children: [
-								t("loginClient.agreeToTermsPrefix"),
-								/* @__PURE__ */ jsxs(Button, {
-									type: "button",
-									variant: "link",
-									className: "inline h-auto !p-0 text-[12px] font-normal leading-[16px] !no-underline hover:opacity-80 hover:!no-underline",
-									style: authGradientTextStyle,
-									onClick: () => setAgreementDialog("terms"),
-									children: [
-										"《",
-										t("loginClient.userAgreement"),
-										"》"
-									]
-								}),
-								t("loginClient.and"),
-								/* @__PURE__ */ jsxs(Button, {
-									type: "button",
-									variant: "link",
-									className: "inline h-auto !p-0 text-[12px] font-normal leading-[16px] !no-underline hover:opacity-80 hover:!no-underline",
-									style: authGradientTextStyle,
-									onClick: () => setAgreementDialog("privacy"),
-									children: [
-										"《",
-										t("loginClient.privacyPolicy"),
-										"》"
-									]
-								})
-							]
-						})]
-					}), /* @__PURE__ */ jsx(Button, {
-						type: "button",
-						"data-skip-dialog-track": "true",
-						onClick: (e) => {
-							trackLoginPageClick(e, "register_submit");
-							handleSubmit();
-						},
-						disabled: !canSubmit,
-						className: `mt-[16px] h-[48px] w-full !rounded-[8px] !border-0 !px-0 !py-0 text-[16px] font-normal leading-[24px] text-white disabled:opacity-100 active:opacity-90 ${canSubmit ? "" : "!text-white/60"}`,
-						style: { background: canSubmit ? "var(--gradient-action-button)" : "linear-gradient(90deg, rgba(151, 86, 227, 0.45) 0%, rgba(108, 67, 238, 0.45) 100%)" },
-						children: isSubmitting ? t("register.sending") : t("register.getCode")
-					})]
-				})
-			]
-		}), /* @__PURE__ */ jsx(AgreementDialog, {
-			type: agreementDialog,
-			onClose: () => setAgreementDialog(null)
-		})]
-	});
-}
-
-//#endregion
-export { Register };
+"use client";import{isValidEmail as e}from"../../../utils/email-validator.mjs";import{pUserSendEmailCode as t}from"../../../service/generated/client.mjs";import{Button as n}from"../../ui/button.mjs";import{Box as r}from"../../ui/box.mjs";import{Checkbox as i}from"../../ui/checkbox.mjs";import{Input as a}from"../../ui/input.mjs";import{Text as o}from"../../ui/text.mjs";import{useLoginModalStore as s}from"../../../store/modules/login-modal-store.mjs";import{LeftArrowIcon as c}from"../../../assets/icons/left-arrow-icon.mjs";import{AgreementDialog as l}from"./agreement-dialog.mjs";import{authGradientTextStyle as u,authPanelBackgroundStyle as d}from"./auth-page-styles.mjs";import{trackLoginPageClick as f}from"./tracking.mjs";import{useMemo as p,useState as m}from"react";import{jsx as h,jsxs as g}from"react/jsx-runtime";import{useTranslations as _}from"next-intl";function v(v){let y=_(`components.pages.login`),{onClose:b,onLogin:x,onVerify:S}=v,{setVerifyStep:C}=s(),[w,T]=m(``),[E,D]=m(!1),[O,k]=m(``),[A,j]=m(!1),[M,N]=m(null),P=p(()=>w.trim().length>0&&A&&!E,[w,A,E]);function F(e){T(e),O&&k(``)}async function I(){if(P)try{D(!0),k(``);let n=w.trim();if(!e(n)){k(y(`register.invalidEmail`));return}await t({email:n}),C(`register-verify`),S?.(n)}catch(e){k(e.message??y(`register.sendFailed`))}finally{D(!1)}}return g(r,{className:`min-h-screen w-full h-full bg-bg1 text-text1 flex flex-col`,style:d,children:[g(r,{className:`relative z-[1] mx-auto flex min-h-screen w-full max-w-[390px] flex-col justify-between px-[32px] pt-[calc(env(safe-area-inset-top)+152px)] pb-[calc(env(safe-area-inset-bottom)+40px)]`,children:[h(n,{type:`button`,variant:`ghost`,onClick:b,"aria-label":y(`register.back`),className:`absolute top-[calc(env(safe-area-inset-top)+12px)] left-[24px] h-[32px] w-[32px] rounded-full border border-white/10 bg-white/5 !p-0 text-text2 backdrop-blur-[12px] hover:!bg-white/10 hover:text-text1`,children:h(c,{className:`h-[16px] w-[16px]`,"aria-hidden":`true`,focusable:`false`})}),g(r,{className:`flex w-full flex-col`,children:[h(o,{className:`text-[28px] leading-[32px] font-medium text-[#E6E6E6]`,children:y(`loginClient.title`)}),h(o,{className:`mt-[16px] text-[14px] leading-[24px] text-[#E6E6E6]`,children:y(`loginClient.subtitle`)}),h(`form`,{className:`mt-[48px]`,autoComplete:`off`,onSubmit:e=>{e.preventDefault(),I()},children:h(r,{className:`flex h-[48px] items-center rounded-[8px] bg-white/10 px-[22px]`,children:h(a,{placeholder:y(`register.emailPlaceholder`),type:`email`,name:`funhub-register-email`,value:w,onChange:e=>F(e.target.value),autoComplete:`off`,autoCorrect:`off`,autoCapitalize:`none`,spellCheck:!1,"data-lpignore":`true`,"data-1p-ignore":`true`,"data-form-type":`other`,className:`!h-auto !rounded-none !bg-transparent !px-0 !py-0 !text-[14px] !leading-[20px] !text-text2 placeholder:!text-white/60`})})}),!!O&&h(r,{className:`mt-[8px] min-h-[16px] text-[12px] leading-[16px] text-theme5`,children:O}),h(r,{className:`mt-[16px] flex items-center justify-between text-[14px] leading-[24px] text-[#9DA3AC]`,children:g(o,{as:`span`,className:`whitespace-nowrap`,children:[y(`register.hasAccount`),h(n,{type:`button`,variant:`link`,onClick:x,className:`inline h-auto !p-0 text-[14px] font-normal leading-[24px] !no-underline hover:opacity-80 hover:!no-underline`,style:u,children:y(`register.loginLink`)})]})})]}),g(r,{className:`flex w-full flex-col`,children:[g(r,{className:`flex items-center`,children:[h(i,{checked:A,onCheckedChange:e=>j(e===!0),"aria-label":y(`loginClient.agreeToTerms`),className:`mt-px size-[16px] border-white/60 bg-transparent data-[checked]:border-theme5 data-[checked]:bg-theme5 data-[checked]:text-white`}),g(o,{as:`span`,className:`ml-[8px] text-[12px] leading-[16px] text-[#9DA3AC]`,children:[y(`loginClient.agreeToTermsPrefix`),g(n,{type:`button`,variant:`link`,className:`inline h-auto !p-0 text-[12px] font-normal leading-[16px] !no-underline hover:opacity-80 hover:!no-underline`,style:u,onClick:()=>N(`terms`),children:[`《`,y(`loginClient.userAgreement`),`》`]}),y(`loginClient.and`),g(n,{type:`button`,variant:`link`,className:`inline h-auto !p-0 text-[12px] font-normal leading-[16px] !no-underline hover:opacity-80 hover:!no-underline`,style:u,onClick:()=>N(`privacy`),children:[`《`,y(`loginClient.privacyPolicy`),`》`]})]})]}),h(n,{type:`button`,"data-skip-dialog-track":`true`,onClick:e=>{f(e,`register_submit`),I()},disabled:!P,className:`mt-[16px] h-[48px] w-full !rounded-[8px] !border-0 !px-0 !py-0 text-[16px] font-normal leading-[24px] text-white disabled:opacity-100 active:opacity-90 ${P?``:`!text-white/60`}`,style:{background:P?`var(--gradient-action-button)`:`linear-gradient(90deg, rgba(151, 86, 227, 0.45) 0%, rgba(108, 67, 238, 0.45) 100%)`},children:y(E?`register.sending`:`register.getCode`)})]})]}),h(l,{type:M,onClose:()=>N(null)})]})}export{v as Register};