@funhub/platform 0.2.30 → 0.2.31

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

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

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

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

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

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