@funhub/platform 0.2.31 → 0.2.32

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

@@ -1,194 +1,2 @@
 
-'use client';
-
-import { pUserSendResetPasswordEmailCode, pUserVerifyResetPasswordEmailCode } from "../../../service/generated/client.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 { useUserId, useUserInfo } from "../../../hooks/use-auth.mjs";
-import { LeftArrowIcon } from "../../../assets/icons/left-arrow-icon.mjs";
-import { useEffect, useMemo, useState } from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-import { useTranslations } from "next-intl";
-
-//#region components/pages/login/reset-password.tsx
-const RESEND_COUNTDOWN = 60;
-/**
-* 掩码邮箱显示。
-*/
-function maskEmail(email) {
-	const [local, domain] = email.split("@");
-	if (!local || !domain) return email;
-	return `${local.slice(0, 3)}***${local.length > 3 ? local.slice(-1) : ""}@${domain}`;
-}
-/**
-* 重置密码验证码页面。
-*/
-function ResetPassword(props) {
-	const t = useTranslations("components.pages.login");
-	const { onClose, onPassword } = props;
-	const userId = useUserId();
-	const userInfo = useUserInfo();
-	const { setVerifyStep } = useLoginModalStore();
-	const [code, setCode] = useState("");
-	const [countdown, setCountdown] = useState(0);
-	const [isSending, setIsSending] = useState(false);
-	const [isSubmitting, setIsSubmitting] = useState(false);
-	const [errorText, setErrorText] = useState("");
-	const userEmail = useMemo(() => {
-		const info = userInfo;
-		return info?.email || info?.mail || "";
-	}, [userInfo]);
-	const maskedEmail = useMemo(() => userEmail ? maskEmail(userEmail) : "", [userEmail]);
-	useEffect(() => {
-		setVerifyStep("reset-password");
-	}, [setVerifyStep]);
-	useEffect(() => {
-		if (countdown <= 0) return;
-		const timer = setInterval(() => {
-			setCountdown((prev) => prev - 1);
-		}, 1e3);
-		return () => clearInterval(timer);
-	}, [countdown]);
-	const canSubmit = useMemo(() => {
-		return code.trim().length >= 6 && !isSubmitting;
-	}, [code, isSubmitting]);
-	/**
-	* 处理验证码输入。
-	*/
-	function handleCodeChange(value) {
-		setCode(value.replace(/\D/g, ""));
-	}
-	/**
-	* 提交表单事件。
-	*/
-	function handleFormSubmit(event) {
-		event.preventDefault();
-		handleSubmit();
-	}
-	/**
-	* 发送邮箱验证码。
-	*/
-	async function handleSendCode() {
-		if (!userId || isSending || countdown > 0) return;
-		try {
-			setIsSending(true);
-			setErrorText("");
-			await pUserSendResetPasswordEmailCode({ user_id: userId });
-			setCountdown(RESEND_COUNTDOWN);
-		} catch (error) {
-			setErrorText(error.message ?? t("resetPassword.sendFailed"));
-		} finally {
-			setIsSending(false);
-		}
-	}
-	/**
-	* 验证邮箱验证码。
-	*/
-	async function handleSubmit() {
-		if (!canSubmit || !userId) return;
-		try {
-			setIsSubmitting(true);
-			setErrorText("");
-			await pUserVerifyResetPasswordEmailCode({
-				user_id: userId,
-				email_code: code.trim()
-			});
-			onPassword?.(userEmail);
-		} catch (error) {
-			setErrorText(error.message ?? t("resetPassword.verifyFailed"));
-		} finally {
-			setIsSubmitting(false);
-		}
-	}
-	return /* @__PURE__ */ jsxs(Box, {
-		className: "min-h-screen w-full h-full bg-bg1 text-text1 flex flex-col",
-		children: [/* @__PURE__ */ jsxs(Box, {
-			className: "flex items-center h-[60px] px-[16px]",
-			children: [
-				/* @__PURE__ */ jsx(Button, {
-					type: "button",
-					onClick: onClose,
-					"aria-label": t("resetPassword.back"),
-					className: "cursor-pointer bg-transparent !p-0 !px-0 !py-0",
-					children: /* @__PURE__ */ jsx(LeftArrowIcon, {
-						className: "w-[16px] h-[16px] text-text1/80",
-						"aria-hidden": "true",
-						focusable: "false"
-					})
-				}),
-				/* @__PURE__ */ jsx(Text, {
-					className: "flex-1 text-center text-[16px] font-semibold",
-					children: t("resetPassword.title")
-				}),
-				/* @__PURE__ */ jsx(Box, {
-					className: "w-[16px]",
-					"aria-hidden": "true"
-				})
-			]
-		}), /* @__PURE__ */ jsxs(Box, {
-			className: "px-[24px] flex flex-col mt-[24px]",
-			children: [
-				/* @__PURE__ */ jsxs(Text, {
-					className: "text-[14px] leading-[22px] text-text1/80",
-					children: [
-						t("resetPassword.verifyViaEmail"),
-						maskedEmail ? ` ${maskedEmail} ` : " ",
-						t("resetPassword.verifyHint")
-					]
-				}),
-				/* @__PURE__ */ jsx(Text, {
-					className: "mt-[8px] text-[12px] leading-[18px] text-text3",
-					children: t("resetPassword.passwordRuleHint")
-				}),
-				/* @__PURE__ */ jsxs("form", {
-					className: "mt-[36px]",
-					autoComplete: "off",
-					onSubmit: handleFormSubmit,
-					children: [
-						/* @__PURE__ */ jsxs(Box, {
-							className: "flex items-center justify-between px-[20px] rounded-[50px] h-[56px] bg-line1 border border-line1",
-							children: [/* @__PURE__ */ jsx(Input, {
-								placeholder: t("resetPassword.codePlaceholder"),
-								type: "text",
-								name: "funhub-reset-password-code",
-								value: code,
-								onChange: (e) => handleCodeChange(e.target.value),
-								inputMode: "numeric",
-								autoComplete: "one-time-code",
-								autoCorrect: "off",
-								autoCapitalize: "none",
-								spellCheck: false,
-								"data-lpignore": "true",
-								"data-1p-ignore": "true",
-								"data-form-type": "other",
-								className: "flex-1 !bg-transparent !px-0 !py-0 !rounded-none !text-text1 placeholder:!text-text3 leading-[24px] text-[16px] caret-transparent"
-							}), /* @__PURE__ */ jsx(Button, {
-								type: "button",
-								onClick: handleSendCode,
-								disabled: isSending || countdown > 0,
-								className: "ml-[12px] cursor-pointer text-theme5 !p-0 !px-0 !py-0 disabled:text-text3",
-								children: countdown > 0 ? `${t("resetPassword.resend")} (${countdown}s)` : t("resetPassword.sendCode")
-							})]
-						}),
-						/* @__PURE__ */ jsx(Box, {
-							className: "h-[22px] mt-[16px] mb-[22px] ml-[12px] text-[14px] text-theme5",
-							children: errorText
-						}),
-						/* @__PURE__ */ jsx(Button, {
-							type: "submit",
-							disabled: !canSubmit,
-							className: "w-full h-[60px] !rounded-[30px] !text-[18px] font-bold leading-[26px] bg-theme6 disabled:bg-theme6/40 disabled:text-text3 active:opacity-90 !px-0 !py-0",
-							children: isSubmitting ? t("resetPassword.verifying") : t("resetPassword.verifyEmail")
-						})
-					]
-				})
-			]
-		})]
-	});
-}
-
-//#endregion
-export { ResetPassword };
+"use client";import{pUserSendResetPasswordEmailCode as e,pUserVerifyResetPasswordEmailCode as t}from"../../../service/generated/client.mjs";import{Button as n}from"../../ui/button.mjs";import{Box as r}from"../../ui/box.mjs";import{Input as i}from"../../ui/input.mjs";import{Text as a}from"../../ui/text.mjs";import{useLoginModalStore as o}from"../../../store/modules/login-modal-store.mjs";import{useUserId as s,useUserInfo as c}from"../../../hooks/use-auth.mjs";import{LeftArrowIcon as l}from"../../../assets/icons/left-arrow-icon.mjs";import{useEffect as u,useMemo as d,useState as f}from"react";import{jsx as p,jsxs as m}from"react/jsx-runtime";import{useTranslations as h}from"next-intl";function g(e){let[t,n]=e.split(`@`);return!t||!n?e:`${t.slice(0,3)}***${t.length>3?t.slice(-1):``}@${n}`}function _(_){let v=h(`components.pages.login`),{onClose:y,onPassword:b}=_,x=s(),S=c(),{setVerifyStep:C}=o(),[w,T]=f(``),[E,D]=f(0),[O,k]=f(!1),[A,j]=f(!1),[M,N]=f(``),P=d(()=>{let e=S;return e?.email||e?.mail||``},[S]),F=d(()=>P?g(P):``,[P]);u(()=>{C(`reset-password`)},[C]),u(()=>{if(E<=0)return;let e=setInterval(()=>{D(e=>e-1)},1e3);return()=>clearInterval(e)},[E]);let I=d(()=>w.trim().length>=6&&!A,[w,A]);function L(e){T(e.replace(/\D/g,``))}function R(e){e.preventDefault(),B()}async function z(){if(!(!x||O||E>0))try{k(!0),N(``),await e({user_id:x}),D(60)}catch(e){N(e.message??v(`resetPassword.sendFailed`))}finally{k(!1)}}async function B(){if(!(!I||!x))try{j(!0),N(``),await t({user_id:x,email_code:w.trim()}),b?.(P)}catch(e){N(e.message??v(`resetPassword.verifyFailed`))}finally{j(!1)}}return m(r,{className:`min-h-screen w-full h-full bg-bg1 text-text1 flex flex-col`,children:[m(r,{className:`flex items-center h-[60px] px-[16px]`,children:[p(n,{type:`button`,onClick:y,"aria-label":v(`resetPassword.back`),className:`cursor-pointer bg-transparent !p-0 !px-0 !py-0`,children:p(l,{className:`w-[16px] h-[16px] text-text1/80`,"aria-hidden":`true`,focusable:`false`})}),p(a,{className:`flex-1 text-center text-[16px] font-semibold`,children:v(`resetPassword.title`)}),p(r,{className:`w-[16px]`,"aria-hidden":`true`})]}),m(r,{className:`px-[24px] flex flex-col mt-[24px]`,children:[m(a,{className:`text-[14px] leading-[22px] text-text1/80`,children:[v(`resetPassword.verifyViaEmail`),F?` ${F} `:` `,v(`resetPassword.verifyHint`)]}),p(a,{className:`mt-[8px] text-[12px] leading-[18px] text-text3`,children:v(`resetPassword.passwordRuleHint`)}),m(`form`,{className:`mt-[36px]`,autoComplete:`off`,onSubmit:R,children:[m(r,{className:`flex items-center justify-between px-[20px] rounded-[50px] h-[56px] bg-line1 border border-line1`,children:[p(i,{placeholder:v(`resetPassword.codePlaceholder`),type:`text`,name:`funhub-reset-password-code`,value:w,onChange:e=>L(e.target.value),inputMode:`numeric`,autoComplete:`one-time-code`,autoCorrect:`off`,autoCapitalize:`none`,spellCheck:!1,"data-lpignore":`true`,"data-1p-ignore":`true`,"data-form-type":`other`,className:`flex-1 !bg-transparent !px-0 !py-0 !rounded-none !text-text1 placeholder:!text-text3 leading-[24px] text-[16px] caret-transparent`}),p(n,{type:`button`,onClick:z,disabled:O||E>0,className:`ml-[12px] cursor-pointer text-theme5 !p-0 !px-0 !py-0 disabled:text-text3`,children:E>0?`${v(`resetPassword.resend`)} (${E}s)`:v(`resetPassword.sendCode`)})]}),p(r,{className:`h-[22px] mt-[16px] mb-[22px] ml-[12px] text-[14px] text-theme5`,children:M}),p(n,{type:`submit`,disabled:!I,className:`w-full h-[60px] !rounded-[30px] !text-[18px] font-bold leading-[26px] bg-theme6 disabled:bg-theme6/40 disabled:text-text3 active:opacity-90 !px-0 !py-0`,children:v(A?`resetPassword.verifying`:`resetPassword.verifyEmail`)})]})]})]})}export{_ as ResetPassword};

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

@@ -1,33 +1,2 @@
 
-'use client';
-
-import { trackAppPageView, trackPageClick } from "../../../utils/tracking.mjs";
-
-//#region components/pages/login/tracking.ts
-const PAGE_KEY = "login";
-const PAGE_NAME = "登录注册";
-/**
-* 上报登录注册弹窗页面点击埋点（page_click 事件）。
-* @param pos          鼠标事件对象，用于提取点击坐标；无法获取时传 null。
-* @param elementName  被点击元素标识。
-* @param extraPayload 额外 payload 字段。
-*/
-function trackLoginPageClick(pos, elementName, extraPayload) {
-	trackPageClick(PAGE_KEY, PAGE_NAME, pos, elementName, extraPayload);
-}
-/**
-* 上报登录弹窗曝光埋点（app_page_view 事件）。
-* @param pageLoadTime 页面加载耗时（毫秒），从弹窗开始展示到上报的时间差。
-*/
-function trackLoginPageView(pageLoadTime = 0) {
-	trackAppPageView({
-		page_key: PAGE_KEY,
-		page_name: PAGE_NAME,
-		current_page_key: PAGE_KEY,
-		current_page_name: PAGE_NAME,
-		page_load_time: pageLoadTime
-	});
-}
-
-//#endregion
-export { trackLoginPageClick, trackLoginPageView };
+"use client";import{trackAppPageView as e,trackPageClick as t}from"../../../utils/tracking.mjs";const n=`login`,r=`登录注册`;function i(e,i,a){t(n,r,e,i,a)}function a(t=0){e({page_key:n,page_name:r,current_page_key:n,current_page_name:r,page_load_time:t})}export{i as trackLoginPageClick,a as trackLoginPageView};

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

@@ -1,244 +1,2 @@
 
-'use client';
-
-import { getCookie } from "../../../utils/common.mjs";
-import { cn } from "../../../utils/cn.mjs";
-import { pUserSendEmailCode, pUserSendResetPasswordEmailCode, pUserVerifyForgetEmailCode, pUserVerifyResetPasswordEmailCode } from "../../../service/generated/client.mjs";
-import { pUserRegisterByVerifyEmailCodeCompat } from "../../../service/register-by-verify-email-code.mjs";
-import { Button } from "../../ui/button.mjs";
-import { Box } from "../../ui/box.mjs";
-import { Text } from "../../ui/text.mjs";
-import { useLoginModalStore } from "../../../store/modules/login-modal-store.mjs";
-import { useDeleteRequest } from "../../../hooks/query/use-query.mjs";
-import { useSetAuthFields, useUserId } from "../../../hooks/use-auth.mjs";
-import { LeftArrowIcon } from "../../../assets/icons/left-arrow-icon.mjs";
-import { authPanelBackgroundStyle } from "./auth-page-styles.mjs";
-import { toast } from "sonner";
-import { useCallback, useEffect, useMemo, useRef, useState } from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-import { useTranslations } from "next-intl";
-
-//#region components/pages/login/verify.tsx
-const CODE_LENGTH = 6;
-const RESEND_COUNTDOWN = 60;
-function maskEmail(email) {
-	const [local, domain] = email.split("@");
-	if (!local || !domain) return email;
-	return `${local.slice(0, 3)}***${local.length > 3 ? local.slice(-1) : ""}@${domain}`;
-}
-function Verify(props) {
-	const t = useTranslations("components.pages.login");
-	const { email, onClose, onPassword } = props;
-	const { verifyStep, resolveLogin } = useLoginModalStore();
-	const [code, setCode] = useState(new Array(CODE_LENGTH).fill(""));
-	const [activeIndex, setActiveIndex] = useState(0);
-	const [isSubmitting, setIsSubmitting] = useState(false);
-	const [countdown, setCountdown] = useState(RESEND_COUNTDOWN);
-	const [isResending, setIsResending] = useState(false);
-	const [errorText, setErrorText] = useState("");
-	const inputRef = useRef(null);
-	const userId = useUserId();
-	const setAuthFields = useSetAuthFields();
-	const invalidateRequest = useDeleteRequest();
-	const maskedEmail = useMemo(() => maskEmail(email), [email]);
-	const verifyEmailCode = useCallback(async () => {
-		if (verifyStep === "reset-password") return await pUserVerifyResetPasswordEmailCode({
-			user_id: userId,
-			email_code: code.join("")
-		});
-		else if (verifyStep === "forgot-password") return await pUserVerifyForgetEmailCode({
-			email,
-			email_code: code.join("")
-		});
-		else if (verifyStep === "register-verify") {
-			const guestUserId = await getCookie("guestUserId");
-			return await pUserRegisterByVerifyEmailCodeCompat({
-				email,
-				email_code: code.join(""),
-				user_id: guestUserId
-			});
-		}
-		throw new Error(t("verify.invalidCode"));
-	}, [
-		verifyStep,
-		code,
-		userId,
-		email,
-		t
-	]);
-	const canSubmit = useMemo(() => {
-		return code.every((digit) => digit !== "") && !isSubmitting;
-	}, [code, isSubmitting]);
-	useEffect(() => {
-		if (countdown <= 0) return;
-		const timer = setInterval(() => {
-			setCountdown((prev) => prev - 1);
-		}, 1e3);
-		return () => clearInterval(timer);
-	}, [countdown]);
-	useEffect(() => {
-		inputRef.current?.focus();
-	}, []);
-	const handleInputChange = useCallback((e) => {
-		const value = e.target.value.replace(/\D/g, "");
-		if (value.length === 0) return;
-		const newCode = [...code];
-		const digits = value.split("");
-		let currentIndex = activeIndex;
-		for (const digit of digits) if (currentIndex < CODE_LENGTH) {
-			newCode[currentIndex] = digit;
-			currentIndex++;
-		}
-		setCode(newCode);
-		setActiveIndex(Math.min(currentIndex, CODE_LENGTH - 1));
-		setErrorText("");
-	}, [code, activeIndex]);
-	const handleKeyDown = useCallback((e) => {
-		if (e.key === "Backspace") {
-			e.preventDefault();
-			const newCode = [...code];
-			if (code[activeIndex]) newCode[activeIndex] = "";
-			else if (activeIndex > 0) {
-				newCode[activeIndex - 1] = "";
-				setActiveIndex(activeIndex - 1);
-			}
-			setCode(newCode);
-			setErrorText("");
-		} else if (e.key === "ArrowLeft" && activeIndex > 0) setActiveIndex(activeIndex - 1);
-		else if (e.key === "ArrowRight" && activeIndex < CODE_LENGTH - 1) setActiveIndex(activeIndex + 1);
-	}, [code, activeIndex]);
-	const handleBoxClick = useCallback((index) => {
-		setActiveIndex(index);
-		inputRef.current?.focus();
-	}, []);
-	async function handleResend() {
-		if (countdown > 0 || isResending) return;
-		try {
-			setIsResending(true);
-			if (verifyStep === "reset-password") await pUserSendResetPasswordEmailCode({ user_id: userId });
-			else await pUserSendEmailCode({ email });
-			setCountdown(RESEND_COUNTDOWN);
-			setErrorText("");
-		} finally {
-			setIsResending(false);
-		}
-	}
-	async function handleSubmit() {
-		if (!canSubmit) return;
-		try {
-			setIsSubmitting(true);
-			const result = await verifyEmailCode();
-			if (verifyStep === "register-verify") {
-				const registerData = result?.data;
-				if (registerData?.user_id) {
-					setAuthFields({
-						token: registerData.token ?? "",
-						expireTime: registerData.expire_time ?? 0,
-						userId: registerData.user_id
-					});
-					toast.success(t("index.loginSuccess"));
-					invalidateRequest(["user-profile", "mine"]);
-					resolveLogin(true);
-					return;
-				}
-			}
-			onPassword?.(email);
-		} catch (error) {
-			setErrorText(error.message ?? t("verify.invalidCode"));
-		} finally {
-			setIsSubmitting(false);
-		}
-	}
-	return /* @__PURE__ */ jsx(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 min-h-screen w-full max-w-[390px] px-[32px] pt-[calc(env(safe-area-inset-top)+136px)] pb-[calc(env(safe-area-inset-bottom)+40px)]",
-			children: [/* @__PURE__ */ jsx(Button, {
-				type: "button",
-				variant: "ghost",
-				onClick: onClose,
-				"aria-label": t("verify.back"),
-				className: "absolute top-[calc(env(safe-area-inset-top)+12px)] left-[16px] 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: "w-full",
-				children: [
-					/* @__PURE__ */ jsx(Box, { children: /* @__PURE__ */ jsx(Text, {
-						className: "text-[28px] leading-[32px] font-medium text-text1",
-						children: t("verify.title")
-					}) }),
-					/* @__PURE__ */ jsxs(Box, {
-						className: "mt-[6px]",
-						children: [/* @__PURE__ */ jsx(Text, {
-							className: "ml-[4px] text-[14px] leading-[28px] text-white/60",
-							children: t("verify.sentTo")
-						}), /* @__PURE__ */ jsx(Text, {
-							className: "mt-[6px] text-[14px] leading-[28px] text-white/60",
-							children: maskedEmail
-						})]
-					}),
-					/* @__PURE__ */ jsxs("form", {
-						className: "mt-[44px]",
-						onSubmit: (e) => {
-							e.preventDefault();
-							handleSubmit();
-						},
-						children: [
-							/* @__PURE__ */ jsxs(Box, {
-								className: "relative h-[50px]",
-								children: [/* @__PURE__ */ jsx("input", {
-									ref: inputRef,
-									type: "text",
-									inputMode: "numeric",
-									pattern: "[0-9]*",
-									value: "",
-									onChange: handleInputChange,
-									onKeyDown: handleKeyDown,
-									className: "absolute inset-0 opacity-0 pointer-events-none h-full w-full border-none bg-transparent text-base outline-none",
-									autoComplete: "one-time-code"
-								}), /* @__PURE__ */ jsx(Box, {
-									className: "flex w-full items-center justify-between",
-									children: code.map((digit, index) => /* @__PURE__ */ jsx(Box, {
-										onClick: () => handleBoxClick(index),
-										className: cn("flex h-[50px] w-[50px] cursor-pointer items-center justify-center rounded-[8px] bg-white/10 transition-all duration-200", errorText ? "border-[0.5px] border-[var(--color-verification-error)]" : index === activeIndex ? "ring-1 ring-white/25 bg-white/[0.14]" : ""),
-										children: /* @__PURE__ */ jsx(Text, {
-											className: cn("select-none text-[28px] leading-none font-medium", errorText ? "text-[var(--color-verification-error)]" : "text-text1"),
-											children: digit
-										})
-									}, index))
-								})]
-							}),
-							!!errorText && /* @__PURE__ */ jsx(Box, {
-								className: "mt-[8px] text-[14px] leading-[24px] text-[var(--color-verification-error)]",
-								children: errorText
-							}),
-							/* @__PURE__ */ jsx(Button, {
-								type: "submit",
-								disabled: !canSubmit,
-								className: `mt-[44px] 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("verify.verifying") : t("verify.nextStep")
-							}),
-							/* @__PURE__ */ jsx(Button, {
-								type: "button",
-								variant: "ghost",
-								onClick: handleResend,
-								disabled: countdown > 0 || isResending,
-								className: "mt-[16px] flex w-full items-center justify-center bg-transparent !p-0 text-[15px] leading-[24px] text-[#9DA3AC] hover:bg-transparent hover:text-text1 disabled:cursor-not-allowed disabled:opacity-100",
-								children: countdown > 0 ? t("verify.resendCountdown", { seconds: countdown }) : t("verify.resend")
-							})
-						]
-					})
-				]
-			})]
-		})
-	});
-}
-
-//#endregion
-export { Verify };
+"use client";import{getCookie as e}from"../../../utils/common.mjs";import{cn as t}from"../../../utils/cn.mjs";import{pUserSendEmailCode as n,pUserSendResetPasswordEmailCode as r,pUserVerifyForgetEmailCode as i,pUserVerifyResetPasswordEmailCode as a}from"../../../service/generated/client.mjs";import{pUserRegisterByVerifyEmailCodeCompat as o}from"../../../service/register-by-verify-email-code.mjs";import{Button as s}from"../../ui/button.mjs";import{Box as c}from"../../ui/box.mjs";import{Text as l}from"../../ui/text.mjs";import{useLoginModalStore as u}from"../../../store/modules/login-modal-store.mjs";import{useDeleteRequest as d}from"../../../hooks/query/use-query.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{authPanelBackgroundStyle as h}from"./auth-page-styles.mjs";import{toast as g}from"sonner";import{useCallback as _,useEffect as v,useMemo as y,useRef as b,useState as x}from"react";import{jsx as S,jsxs as C}from"react/jsx-runtime";import{useTranslations as w}from"next-intl";function T(e){let[t,n]=e.split(`@`);return!t||!n?e:`${t.slice(0,3)}***${t.length>3?t.slice(-1):``}@${n}`}function E(E){let D=w(`components.pages.login`),{email:O,onClose:k,onPassword:A}=E,{verifyStep:j,resolveLogin:M}=u(),[N,P]=x([,,,,,,].fill(``)),[F,I]=x(0),[L,R]=x(!1),[z,B]=x(60),[V,H]=x(!1),[U,W]=x(``),G=b(null),K=p(),q=f(),J=d(),Y=y(()=>T(O),[O]),X=_(async()=>{if(j===`reset-password`)return await a({user_id:K,email_code:N.join(``)});if(j===`forgot-password`)return await i({email:O,email_code:N.join(``)});if(j===`register-verify`){let t=await e(`guestUserId`);return await o({email:O,email_code:N.join(``),user_id:t})}throw Error(D(`verify.invalidCode`))},[j,N,K,O,D]),Z=y(()=>N.every(e=>e!==``)&&!L,[N,L]);v(()=>{if(z<=0)return;let e=setInterval(()=>{B(e=>e-1)},1e3);return()=>clearInterval(e)},[z]),v(()=>{G.current?.focus()},[]);let Q=_(e=>{let t=e.target.value.replace(/\D/g,``);if(t.length===0)return;let n=[...N],r=t.split(``),i=F;for(let e of r)i<6&&(n[i]=e,i++);P(n),I(Math.min(i,5)),W(``)},[N,F]),$=_(e=>{if(e.key===`Backspace`){e.preventDefault();let t=[...N];N[F]?t[F]=``:F>0&&(t[F-1]=``,I(F-1)),P(t),W(``)}else e.key===`ArrowLeft`&&F>0?I(F-1):e.key===`ArrowRight`&&F<5&&I(F+1)},[N,F]),ee=_(e=>{I(e),G.current?.focus()},[]);async function te(){if(!(z>0||V))try{H(!0),j===`reset-password`?await r({user_id:K}):await n({email:O}),B(60),W(``)}finally{H(!1)}}async function ne(){if(Z)try{R(!0);let e=await X();if(j===`register-verify`){let t=e?.data;if(t?.user_id){q({token:t.token??``,expireTime:t.expire_time??0,userId:t.user_id}),g.success(D(`index.loginSuccess`)),J([`user-profile`,`mine`]),M(!0);return}}A?.(O)}catch(e){W(e.message??D(`verify.invalidCode`))}finally{R(!1)}}return S(c,{className:`min-h-screen w-full h-full bg-bg1 text-text1 flex flex-col`,style:h,children:C(c,{className:`relative z-[1] mx-auto min-h-screen w-full max-w-[390px] px-[32px] pt-[calc(env(safe-area-inset-top)+136px)] pb-[calc(env(safe-area-inset-bottom)+40px)]`,children:[S(s,{type:`button`,variant:`ghost`,onClick:k,"aria-label":D(`verify.back`),className:`absolute top-[calc(env(safe-area-inset-top)+12px)] left-[16px] 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:S(m,{className:`h-[16px] w-[16px]`,"aria-hidden":`true`,focusable:`false`})}),C(c,{className:`w-full`,children:[S(c,{children:S(l,{className:`text-[28px] leading-[32px] font-medium text-text1`,children:D(`verify.title`)})}),C(c,{className:`mt-[6px]`,children:[S(l,{className:`ml-[4px] text-[14px] leading-[28px] text-white/60`,children:D(`verify.sentTo`)}),S(l,{className:`mt-[6px] text-[14px] leading-[28px] text-white/60`,children:Y})]}),C(`form`,{className:`mt-[44px]`,onSubmit:e=>{e.preventDefault(),ne()},children:[C(c,{className:`relative h-[50px]`,children:[S(`input`,{ref:G,type:`text`,inputMode:`numeric`,pattern:`[0-9]*`,value:``,onChange:Q,onKeyDown:$,className:`absolute inset-0 opacity-0 pointer-events-none h-full w-full border-none bg-transparent text-base outline-none`,autoComplete:`one-time-code`}),S(c,{className:`flex w-full items-center justify-between`,children:N.map((e,n)=>S(c,{onClick:()=>ee(n),className:t(`flex h-[50px] w-[50px] cursor-pointer items-center justify-center rounded-[8px] bg-white/10 transition-all duration-200`,U?`border-[0.5px] border-[var(--color-verification-error)]`:n===F?`ring-1 ring-white/25 bg-white/[0.14]`:``),children:S(l,{className:t(`select-none text-[28px] leading-none font-medium`,U?`text-[var(--color-verification-error)]`:`text-text1`),children:e})},n))})]}),!!U&&S(c,{className:`mt-[8px] text-[14px] leading-[24px] text-[var(--color-verification-error)]`,children:U}),S(s,{type:`submit`,disabled:!Z,className:`mt-[44px] 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 ${Z?``:`!text-white/60`}`,style:{background:Z?`var(--gradient-action-button)`:`linear-gradient(90deg, rgba(151, 86, 227, 0.45) 0%, rgba(108, 67, 238, 0.45) 100%)`},children:D(L?`verify.verifying`:`verify.nextStep`)}),S(s,{type:`button`,variant:`ghost`,onClick:te,disabled:z>0||V,className:`mt-[16px] flex w-full items-center justify-center bg-transparent !p-0 text-[15px] leading-[24px] text-[#9DA3AC] hover:bg-transparent hover:text-text1 disabled:cursor-not-allowed disabled:opacity-100`,children:z>0?D(`verify.resendCountdown`,{seconds:z}):D(`verify.resend`)})]})]})]})})}export{E as Verify};

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

@@ -1,29 +1,2 @@
 
-import { gCommunityGetContentInfo, gCommunityGetContentList } from "../../../service/generated/client.mjs";
-import { HydrationBoundary } from "../../../hooks/query/hydration-boundary.mjs";
-import { revalidate } from "../../../constants/revalidate.mjs";
-import PostDetailClient from "./post-detail-client.mjs";
-import { Fragment, jsx } from "react/jsx-runtime";
-
-//#region components/pages/post-detail/page.tsx
-async function PostDetailPage({ params }) {
-	const { level } = await params;
-	const id = level?.[0] || "";
-	return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(HydrationBoundary, {
-		prefetch: id ? [{
-			queryKey: ["post-detail", id],
-			queryFn: () => gCommunityGetContentInfo({ content_id: id }, { revalidate: revalidate.TIME })
-		}, {
-			queryKey: ["post-detail-recommend", id],
-			queryFn: () => gCommunityGetContentList({
-				page: 1,
-				page_size: 6,
-				sort_by: "recommend"
-			}, { revalidate: revalidate.TIME })
-		}] : [],
-		children: /* @__PURE__ */ jsx(PostDetailClient, { detailId: id })
-	}) });
-}
-
-//#endregion
-export { PostDetailPage as default };
+import{gCommunityGetContentInfo as e,gCommunityGetContentList as t}from"../../../service/generated/client.mjs";import{HydrationBoundary as n}from"../../../hooks/query/hydration-boundary.mjs";import{revalidate as r}from"../../../constants/revalidate.mjs";import i from"./post-detail-client.mjs";import{Fragment as a,jsx as o}from"react/jsx-runtime";async function s({params:s}){let{level:c}=await s,l=c?.[0]||``;return o(a,{children:o(n,{prefetch:l?[{queryKey:[`post-detail`,l],queryFn:()=>e({content_id:l},{revalidate:r.TIME})},{queryKey:[`post-detail-recommend`,l],queryFn:()=>t({page:1,page_size:6,sort_by:`recommend`},{revalidate:r.TIME})}]:[],children:o(i,{detailId:l})})})}export{s as default};