@funhub/platform 0.1.130 → 0.1.131

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

@@ -1,215 +1,2 @@
 
-'use client';
-
-import { Button } from "../../ui/button.mjs";
-import { ensureGuestIdentity } from "../../../store/modules/user-store.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 { 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",
-		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("loginClient.close"),
-					className: "cursor-pointer bg-transparent !p-0 !px-0 !py-0",
-					children: /* @__PURE__ */ jsx(CloseIcon, {
-						className: "w-[16px] h-[16px] text-text1/80",
-						"aria-hidden": "true",
-						focusable: "false"
-					})
-				}), /* @__PURE__ */ jsx(Button, {
-					type: "button",
-					onClick: onForgotPassword,
-					className: "text-[14px] text-text2 hover:text-text1 bg-transparent !p-0 !px-0 !py-0",
-					children: t("loginClient.forgotPassword")
-				})]
-			}),
-			/* @__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("loginClient.title")
-						}), /* @__PURE__ */ jsxs(Text, {
-							className: "text-[14px] leading-[22px] mt-[12px] text-text1/80",
-							children: [
-								t("loginClient.noAccount"),
-								"？",
-								/* @__PURE__ */ jsx(Button, {
-									type: "button",
-									onClick: onRegisterHandler,
-									className: "cursor-pointer text-theme5 hover:opacity-90 bg-transparent !p-0 !px-0 !py-0",
-									children: t("loginClient.registerLink")
-								})
-							]
-						})]
-					}),
-					/* @__PURE__ */ jsxs("form", {
-						className: "mt-[38px] space-y-[16px]",
-						autoComplete: "off",
-						onSubmit: (e) => {
-							e.preventDefault();
-							handleSubmit();
-						},
-						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("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: "!bg-transparent !px-0 !py-0 !rounded-none !text-text1 placeholder:!text-text3 leading-[26px] text-[18px]"
-							})
-						}), /* @__PURE__ */ jsxs(Box, {
-							className: "flex items-center justify-between px-[28px] rounded-[50px] h-[66px] bg-line1 border border-line1",
-							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 !bg-transparent !px-0 !py-0 !rounded-none !text-text1 placeholder:!text-text3 leading-[26px] text-[18px]"
-							}), /* @__PURE__ */ jsx(Button, {
-								type: "button",
-								className: "ml-[10px] cursor-pointer select-none bg-transparent !p-0 !px-0 !py-0",
-								"aria-label": isPasswordVisible ? t("loginClient.hidePassword") : t("loginClient.showPassword"),
-								onClick: () => setIsPasswordVisible((v) => !v),
-								children: isPasswordVisible ? /* @__PURE__ */ jsx(EyeIcon, {
-									className: "w-[20px] h-[20px] text-text3",
-									"aria-hidden": "true",
-									focusable: "false"
-								}) : /* @__PURE__ */ jsx(EyeOffIcon, {
-									className: "w-[20px] h-[20px] text-text3",
-									"aria-hidden": "true",
-									focusable: "false"
-								})
-							})]
-						})]
-					}),
-					/* @__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("loginClient.loggingIn") : t("loginClient.login")
-						})]
-					})
-				]
-			}),
-			/* @__PURE__ */ jsx(AgreementDialog, {
-				type: agreementDialog,
-				onClose: () => setAgreementDialog(null)
-			})
-		]
-	});
-}
-
-//#endregion
-export { LoginClient };
+"use client";import{Button as e}from"../../ui/button.mjs";import{ensureGuestIdentity as t}from"../../../store/modules/user-store.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{useCallback 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(g){let _=h(`components.pages.login`),{onClose:v,onForgotPassword:y,onRegister:b,onSubmit:x,errorText:S}=g,[C,w]=f(``),[T,E]=f(``),[D,O]=f(!1),[k,A]=f(!1),[j,M]=f(!1),[N,P]=f(null),F=d(()=>C.trim().length>0&&T.length>0&&j&&!k,[C,T,j,k]),I=u(()=>{t(!0),b?.()},[b]);async function L(){if(F)try{A(!0),await x?.({email:C.trim(),password:T})}finally{A(!1)}}return m(n,{className:`min-h-screen w-full h-full bg-bg1 text-text1 flex flex-col`,children:[m(n,{className:`flex justify-between items-center h-[60px] px-[16px]`,children:[p(e,{type:`button`,onClick:v,"aria-label":_(`loginClient.close`),className:`cursor-pointer bg-transparent !p-0 !px-0 !py-0`,children:p(o,{className:`w-[16px] h-[16px] text-text1/80`,"aria-hidden":`true`,focusable:`false`})}),p(e,{type:`button`,onClick:y,className:`text-[14px] text-text2 hover:text-text1 bg-transparent !p-0 !px-0 !py-0`,children:_(`loginClient.forgotPassword`)})]}),m(n,{className:`px-[24px] flex flex-1 flex-col mt-[15px]`,children:[m(n,{className:`flex flex-col`,children:[p(a,{className:`text-[24px] leading-[32px] font-bold`,children:_(`loginClient.title`)}),m(a,{className:`text-[14px] leading-[22px] mt-[12px] text-text1/80`,children:[_(`loginClient.noAccount`),`？`,p(e,{type:`button`,onClick:I,className:`cursor-pointer text-theme5 hover:opacity-90 bg-transparent !p-0 !px-0 !py-0`,children:_(`loginClient.registerLink`)})]})]}),m(`form`,{className:`mt-[38px] space-y-[16px]`,autoComplete:`off`,onSubmit:e=>{e.preventDefault(),L()},children:[p(n,{className:`flex items-center px-[28px] rounded-[50px] h-[66px] bg-line1 border border-line1`,children:p(i,{placeholder:_(`loginClient.emailPlaceholder`),type:`email`,name:`funhub-login-email`,value:C,onChange:e=>w(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]`})}),m(n,{className:`flex items-center justify-between px-[28px] rounded-[50px] h-[66px] bg-line1 border border-line1`,children:[p(i,{placeholder:_(`loginClient.passwordPlaceholder`),type:D?`text`:`password`,name:`funhub-login-password`,value:T,onChange:e=>E(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]`}),p(e,{type:`button`,className:`ml-[10px] cursor-pointer select-none bg-transparent !p-0 !px-0 !py-0`,"aria-label":_(D?`loginClient.hidePassword`:`loginClient.showPassword`),onClick:()=>O(e=>!e),children:p(D?s:c,{className:`w-[20px] h-[20px] text-text3`,"aria-hidden":`true`,focusable:`false`})})]})]}),p(n,{className:`h-[22px] mt-[16px] mb-[22px] ml-[12px] text-[14px] text-theme5`,children:S}),m(n,{className:`mt-auto flex flex-col items-center w-full pb-[55px]`,children:[m(n,{className:`flex items-center justify-center gap-2 flex-wrap mb-[16px] w-full`,children:[p(r,{checked:j,onCheckedChange:e=>M(e===!0),"aria-label":_(`loginClient.agreeToTerms`),className:`shrink-0`}),m(a,{as:`span`,className:`text-[14px] text-text2`,children:[_(`loginClient.agreeToTermsPrefix`),m(e,{type:`button`,variant:`link`,className:`inline text-theme6 !p-0 !h-auto font-normal underline-offset-2 hover:underline bg-transparent`,onClick:()=>P(`terms`),children:[`《`,_(`loginClient.userAgreement`),`》`]}),_(`loginClient.and`),m(e,{type:`button`,variant:`link`,className:`inline text-theme6 !p-0 !h-auto font-normal underline-offset-2 hover:underline bg-transparent`,onClick:()=>P(`privacy`),children:[`《`,_(`loginClient.privacyPolicy`),`》`]})]})]}),p(e,{type:`button`,onClick:L,disabled:!F,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:_(k?`loginClient.loggingIn`:`loginClient.login`)})]})]}),p(l,{type:N,onClose:()=>P(null)})]})}export{g as LoginClient};

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

@@ -1,187 +1,2 @@
 
-'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 };
+"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{getPasswordValidationErrorText as o,validatePasswordPair as s}from"../../../utils/password-validator.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{useCallback as _,useMemo as v,useState as y}from"react";import{jsx as b,jsxs as x}from"react/jsx-runtime";import{toast as S}from"sonner";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]=y(``),[N,P]=y(``),[F,I]=y(!1),[L,R]=y(!1),[z,B]=y(!1),[V,H]=y(``),{verifyStep:U}=d(),W=_(async()=>{let e=n(j);return U===`reset-password`?await a({user_id:k,password:e}):U===`forgot-password`?await i({email:E,password:e}):await r({email:E,user_id:await t(`guestUserId`),password:e})},[U,k,E,j]),G=v(()=>s(j,N),[j,N]),K=v(()=>o(G),[G]),q=K!==``,J=G.type===`not-match`,Y=v(()=>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}),S.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 x(c,{className:`min-h-screen w-full h-full bg-bg1 text-text1 flex flex-col`,children:[x(c,{className:`flex justify-between items-center h-[60px] px-[16px]`,children:[b(e,{type:`button`,onClick:D,"aria-label":T(`password.back`),className:`cursor-pointer bg-transparent !p-0 !px-0 !py-0`,children:b(m,{className:`w-[16px] h-[16px] text-text1/80`,"aria-hidden":`true`,focusable:`false`})}),b(u,{className:`text-[14px] text-text2`})]}),x(c,{className:`px-[24px] flex flex-col mt-[15px]`,children:[b(c,{className:`flex flex-col`,children:b(u,{className:`text-[24px] leading-[32px] font-bold`,children:Q})}),x(`form`,{className:`mt-[58px]`,autoComplete:`off`,onSubmit:e=>{e.preventDefault(),X()},children:[x(c,{className:`space-y-[16px]`,children:[x(c,{className:`flex items-center justify-between px-[28px] rounded-[50px] h-[66px] bg-line1 border ${q?`border-theme5`:`border-line1`}`,children:[b(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]`}),b(e,{type:`button`,onClick:()=>I(!F),className:`ml-[10px] cursor-pointer bg-transparent !p-0 !px-0 !py-0`,children:b(F?h:g,{className:`w-[20px] h-[20px] text-text3`})})]}),x(c,{className:`flex items-center justify-between px-[28px] rounded-[50px] h-[66px] bg-line1 border ${J?`border-theme5`:`border-line1`}`,children:[b(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]`}),b(e,{type:`button`,onClick:()=>R(!L),className:`ml-[10px] cursor-pointer bg-transparent !p-0 !px-0 !py-0`,children:b(L?h:g,{className:`w-[20px] h-[20px] text-text3`})})]})]}),b(c,{className:`h-[22px] mt-[16px] mb-[22px] ml-[12px] text-[14px] text-theme5`,children:K||V}),b(e,{type:`submit`,disabled:!Y,className:`w-full h-[60px] !rounded-[30px] !text-[18px] font-bold leading-[26px] bg-theme6 disabled:bg-theme6/40 disabled:text-text3 active:opacity-90 !px-0 !py-0`,children:z?T(`password.submitting`):Z})]})]})]})}export{w as Password};

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

@@ -1,190 +1,2 @@
 
-'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 };
+"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{Checkbox as r}from"../../ui/checkbox.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{LeftArrowIcon as s}from"../../../assets/icons/left-arrow-icon.mjs";import{AgreementDialog as c}from"./agreement-dialog.mjs";import{useMemo as l,useState as u}from"react";import{jsx as d,jsxs as f}from"react/jsx-runtime";import{useTranslations as p}from"next-intl";function m(m){let h=p(`components.pages.login`),{onClose:g,onLogin:_,onVerify:v}=m,{setVerifyStep:y}=o(),[b,x]=u(``),[S,C]=u(!1),[w,T]=u(``),[E,D]=u(!1),[O,k]=u(null),A=l(()=>b.trim().length>0&&E&&!S,[b,E,S]);function j(e){return/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(e)}function M(e){x(e),w&&T(``)}async function N(){if(A)try{C(!0),T(``);let e=b.trim();if(!j(e)){T(h(`register.invalidEmail`));return}await t({email:e}),y(`register-verify`),v?.(e)}catch(e){T(e.message??h(`register.sendFailed`))}finally{C(!1)}}return f(n,{className:`min-h-screen w-full h-full bg-bg1 text-text1 flex flex-col`,children:[f(n,{className:`flex justify-between items-center h-[60px] px-[16px]`,children:[d(e,{type:`button`,onClick:g,"aria-label":h(`register.back`),className:`cursor-pointer bg-transparent !p-0 !px-0 !py-0`,children:d(s,{className:`w-[16px] h-[16px] text-text1/80`,"aria-hidden":`true`,focusable:`false`})}),d(a,{className:`text-[14px] text-text2`})]}),f(n,{className:`px-[24px] flex flex-1 flex-col mt-[15px]`,children:[f(n,{className:`flex flex-col`,children:[d(a,{className:`text-[24px] leading-[32px] font-bold`,children:h(`register.title`)}),f(a,{className:`text-[14px] leading-[22px] mt-[12px] text-text1/80`,children:[h(`register.hasAccount`),`？`,d(e,{type:`button`,onClick:_,className:`cursor-pointer text-theme5 hover:opacity-90 bg-transparent !p-0 !px-0 !py-0`,children:h(`register.loginLink`)})]})]}),f(n,{className:`mt-[38px]`,children:[d(n,{className:`flex items-center px-[28px] rounded-[50px] h-[66px] bg-line1 border border-line1`,children:d(i,{placeholder:h(`register.emailPlaceholder`),type:`email`,name:`funhub-register-email`,value:b,onChange:e=>M(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]`})}),d(n,{className:`h-[22px] mt-[16px] mb-[22px] ml-[12px] text-[14px] text-theme5`,children:w})]}),f(n,{className:`mt-auto flex flex-col items-center w-full pb-[55px]`,children:[f(n,{className:`flex items-center justify-center gap-2 flex-wrap mb-[16px] w-full`,children:[d(r,{checked:E,onCheckedChange:e=>D(e===!0),"aria-label":h(`loginClient.agreeToTerms`),className:`shrink-0`}),f(a,{as:`span`,className:`text-[14px] text-text2`,children:[h(`loginClient.agreeToTermsPrefix`),f(e,{type:`button`,variant:`link`,className:`inline text-theme6 !p-0 !h-auto font-normal underline-offset-2 hover:underline bg-transparent`,onClick:()=>k(`terms`),children:[`《`,h(`loginClient.userAgreement`),`》`]}),h(`loginClient.and`),f(e,{type:`button`,variant:`link`,className:`inline text-theme6 !p-0 !h-auto font-normal underline-offset-2 hover:underline bg-transparent`,onClick:()=>k(`privacy`),children:[`《`,h(`loginClient.privacyPolicy`),`》`]})]})]}),d(e,{type:`button`,onClick:N,disabled:!A,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:h(S?`register.sending`:`register.getCode`)})]})]}),d(c,{type:O,onClose:()=>k(null)})]})}export{m as Register};