@funhub/platform 0.2.30 → 0.2.31

package/dist/components/pages/home/index.mjs

@@ -1,2 +1,60 @@
 
-import{getChannelList as e}from"../../biz/utils/helpers/get-channel-list.mjs";import{gContentGetAppChannelBlock as t,gContentGetAppChannels as n,gContentListVisibleFloatingBall as r}from"../../../service/generated/client.mjs";import{HydrationBoundary as i}from"../../../hooks/query/hydration-boundary.mjs";import{queryKey as a}from"../../../constants/query-key.mjs";import{revalidate as o}from"../../../constants/revalidate.mjs";import{matchChannelByPath as s}from"./channel-matcher.mjs";import c from"./client.mjs";import{jsx as l}from"react/jsx-runtime";const u=[];async function d({categoryPath:d=u}){let f=await n({},{revalidate:o.TIME}),p=e(f?.data),m=s(d,p);!m&&p.length>0&&(m=p[0]);let h=m.id,g=await t({channel_id:h},{revalidate:o.TIME}),_=[{queryKey:[a.CHANNEL],queryFn:()=>Promise.resolve(f)},{queryKey:a.GET_CONTENT_LIST(h),queryFn:async()=>Promise.resolve(g)},{queryKey:[`floating-ball`],queryFn:()=>r({},{revalidate:o.TIME})}],v=m.source_type===1;return l(i,{prefetch:_,children:l(c,{currentChannelId:h,currentChannelName:m.cn_name||``,isPGC:v})})}export{d as HomePage};
+import { getChannelList } from "../../biz/utils/helpers/get-channel-list.mjs";
+import { gContentGetAppChannelBlock, gContentGetAppChannels, gContentListVisibleFloatingBall } from "../../../service/generated/client.mjs";
+import { HydrationBoundary } from "../../../hooks/query/hydration-boundary.mjs";
+import { queryKey } from "../../../constants/query-key.mjs";
+import { revalidate } from "../../../constants/revalidate.mjs";
+import { matchChannelByPath } from "./channel-matcher.mjs";
+import HomePageClient from "./client.mjs";
+import { jsx } from "react/jsx-runtime";
+
+//#region components/pages/home/index.tsx
+/**
+* Home 页面服务端组件
+*/
+/**
+* 默认分类路径（空数组表示根路径）
+*/
+const DEFAULT_CATEGORY_PATH = [];
+/**
+* Home 页面服务端组件
+* @param props - 页面属性
+* @param props.categoryPath - 分类路径数组，例如 ['科技'] 或 ['科技', 'AI']，空数组表示根路径 /
+* @returns
+*/
+async function HomePage({ categoryPath = DEFAULT_CATEGORY_PATH }) {
+	const channelData = await gContentGetAppChannels({}, { revalidate: revalidate.TIME });
+	const channels = getChannelList(channelData?.data);
+	let targetChannel = matchChannelByPath(categoryPath, channels);
+	if (!targetChannel && channels.length > 0) targetChannel = channels[0];
+	const channelId = targetChannel.id;
+	const channelBlockData = await gContentGetAppChannelBlock({ channel_id: channelId }, { revalidate: revalidate.TIME });
+	const prefetch = [
+		{
+			queryKey: [queryKey.CHANNEL],
+			queryFn: () => Promise.resolve(channelData)
+		},
+		{
+			queryKey: queryKey.GET_CONTENT_LIST(channelId),
+			queryFn: async () => {
+				return Promise.resolve(channelBlockData);
+			}
+		},
+		{
+			queryKey: ["floating-ball"],
+			queryFn: () => gContentListVisibleFloatingBall({}, { revalidate: revalidate.TIME })
+		}
+	];
+	const isPGC = targetChannel.source_type === 1;
+	return /* @__PURE__ */ jsx(HydrationBoundary, {
+		prefetch,
+		children: /* @__PURE__ */ jsx(HomePageClient, {
+			currentChannelId: channelId,
+			currentChannelName: targetChannel.cn_name || "",
+			isPGC
+		})
+	});
+}
+
+//#endregion
+export { HomePage };

package/dist/components/pages/login/agreement-dialog.mjs

@@ -1,2 +1,105 @@
 
-"use client";import{Box as e}from"../../ui/box.mjs";import{Dialog as t,DialogContent as n,DialogHeader as r,DialogTitle as i}from"../../ui/dialog.mjs";import{Text as a}from"../../ui/text.mjs";import{jsx as o,jsxs as s}from"react/jsx-runtime";import{useTranslations as c}from"next-intl";const l=[`欢迎使用我们平台（以下简称"平台"）。在使用我们的服务之前，请仔细阅读以下条款。本协议（以下简称"本协议"）构成您与平台之间的法律协议。`,`1. 接受条款`,`通过访问或使用平台，您同意遵守本协议的所有条款。如果您不同意本协议的条款，请不要使用平台。`,`2. 用户账户`,`您同意在注册时提供真实、准确和完整的个人信息，并及时更新这些信息。`,`您有责任确保您的账户信息和密码的保密性，并对所有通过您的账户进行的活动负责。`,`3. 用户行为`,`您同意在使用平台时遵守以下行为规范：`,`（1）不得上传或发布任何违法、侵犯他人权利、恶意或不当的内容；`,`（2）不得干扰或破坏平台的正常运作；`,`（3）不得未经授权访问其他用户的账户或信息。`,`4. 服务内容`,`平台将提供视频内容、社交功能、用户交互等服务。我们有权根据需要对服务进行修改或暂停，恕不另行通知。`,`5. 知识产权`,`平台提供的所有内容（包括但不限于文本、图片、视频、软件等）都受到版权法和相关知识产权法的保护。未经授权，您不得复制、修改、传播或以其他方式使用平台的任何内容。`,`6. 免责声明`,`平台不对因网络故障、系统问题或其他不可抗力因素导致的服务中断或信息丢失负责。`,`7. 隐私政策`,`您使用平台时，您的个人信息将根据我们的隐私政策进行收集、存储和使用。请仔细阅读隐私政策以了解我们如何处理您的信息。`,`8. 终止服务`,`我们有权在您违反本协议条款的情况下，暂停或终止您的账户及服务。`,`9. 适用法律与争议解决`,`本协议适用法律。如果发生争议，您同意首先通过友好协商解决；如协商无果，您同意将争议提交至指定法院。`,`10. 协议修改`,`平台有权随时修改本协议。修改后的条款将通过平台公告或电子邮件通知您。您继续使用平台即表示您接受修改后的协议。`],u=`感谢您使用我们平台（以下简称"我们"或"平台"）。本隐私政策旨在帮助您了解我们如何收集、使用、存储和保护您的个人信息。在使用我们的服务之前，请仔细阅读以下内容。,1. 我们收集的信息,我们可能会收集以下类型的个人信息：,（1）注册信息：包括您的电子邮件地址、密码等。,（2）使用信息：包括您访问平台的方式、时间、IP地址、设备信息、浏览记录等。,2. 我们如何使用您的信息,我们收集的个人信息将用于以下目的：,（1）提供和改进平台的服务；,（2）向您提供定制化的推荐内容；,（3）与您联系并提供相关服务或通知；,（4）遵守法律法规的要求。,3. 我们如何保护您的信息,我们采取合理的技术和组织措施来保护您的个人信息免遭未经授权的访问、修改、披露或销毁。但是，无法保证任何数据传输或存储是绝对安全的。,4. 与第三方共享信息,我们不会将您的个人信息出售或租赁给第三方，但在以下情况下，我们可能会共享您的信息：,法律要求：根据法律规定或政府要求提供您的信息；,服务提供商：为提供服务而与第三方共享（例如，支付处理、数据存储等）。,5. 您的权利,根据适用的法律，您可能有权：,查看、更新或删除您的个人信息；,撤销您同意的任何数据处理活动；,选择不接收营销信息。,6. 儿童隐私,我们不主动收集13岁以下儿童的个人信息。如果我们发现未成年人提供了个人信息，我们将立即删除这些信息。,7. 隐私政策的更改,我们可能会不定期更新本隐私政策。更新内容会通过平台公告或电子邮件通知您。请定期查阅本隐私政策。`.split(`,`);function d(d){let{type:f,onClose:p}=d,m=c(`components.pages.login`),h=f===`terms`?l:f===`privacy`?u:[],g=f===`terms`?m(`loginClient.userAgreement`):f===`privacy`?m(`loginClient.privacyPolicy`):null;return o(t,{open:f!==null,onOpenChange:e=>!e&&p?.(),children:s(n,{className:`!fixed !inset-0 !w-screen !h-screen !max-w-none !max-h-none !rounded-none flex flex-col bg-bg1 text-text1 p-6`,showCloseButton:!0,children:[o(r,{className:`flex-shrink-0`,children:o(i,{className:`text-[18px] font-bold`,children:g})}),o(e,{className:`flex-1 min-h-0 overflow-y-auto -mx-1 px-1`,children:o(e,{className:`text-text2 text-base leading-relaxed space-y-2`,children:h.map((e,t)=>o(a,{as:`p`,className:`py-0.5`,children:e},t))})})]})})}export{d as AgreementDialog};
+'use client';
+
+import { Box } from "../../ui/box.mjs";
+import { Dialog, DialogContent, DialogHeader, DialogTitle } from "../../ui/dialog.mjs";
+import { Text } from "../../ui/text.mjs";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useTranslations } from "next-intl";
+
+//#region components/pages/login/agreement-dialog.tsx
+/** 用户协议条文，每项一条，由业务方定义。 */
+const TERMS_LINES = [
+	"欢迎使用我们平台（以下简称\"平台\"）。在使用我们的服务之前，请仔细阅读以下条款。本协议（以下简称\"本协议\"）构成您与平台之间的法律协议。",
+	"1. 接受条款",
+	"通过访问或使用平台，您同意遵守本协议的所有条款。如果您不同意本协议的条款，请不要使用平台。",
+	"2. 用户账户",
+	"您同意在注册时提供真实、准确和完整的个人信息，并及时更新这些信息。",
+	"您有责任确保您的账户信息和密码的保密性，并对所有通过您的账户进行的活动负责。",
+	"3. 用户行为",
+	"您同意在使用平台时遵守以下行为规范：",
+	"（1）不得上传或发布任何违法、侵犯他人权利、恶意或不当的内容；",
+	"（2）不得干扰或破坏平台的正常运作；",
+	"（3）不得未经授权访问其他用户的账户或信息。",
+	"4. 服务内容",
+	"平台将提供视频内容、社交功能、用户交互等服务。我们有权根据需要对服务进行修改或暂停，恕不另行通知。",
+	"5. 知识产权",
+	"平台提供的所有内容（包括但不限于文本、图片、视频、软件等）都受到版权法和相关知识产权法的保护。未经授权，您不得复制、修改、传播或以其他方式使用平台的任何内容。",
+	"6. 免责声明",
+	"平台不对因网络故障、系统问题或其他不可抗力因素导致的服务中断或信息丢失负责。",
+	"7. 隐私政策",
+	"您使用平台时，您的个人信息将根据我们的隐私政策进行收集、存储和使用。请仔细阅读隐私政策以了解我们如何处理您的信息。",
+	"8. 终止服务",
+	"我们有权在您违反本协议条款的情况下，暂停或终止您的账户及服务。",
+	"9. 适用法律与争议解决",
+	"本协议适用法律。如果发生争议，您同意首先通过友好协商解决；如协商无果，您同意将争议提交至指定法院。",
+	"10. 协议修改",
+	"平台有权随时修改本协议。修改后的条款将通过平台公告或电子邮件通知您。您继续使用平台即表示您接受修改后的协议。"
+];
+/** 隐私政策条文，每项一条，由业务方定义。 */
+const PRIVACY_LINES = [
+	"感谢您使用我们平台（以下简称\"我们\"或\"平台\"）。本隐私政策旨在帮助您了解我们如何收集、使用、存储和保护您的个人信息。在使用我们的服务之前，请仔细阅读以下内容。",
+	"1. 我们收集的信息",
+	"我们可能会收集以下类型的个人信息：",
+	"（1）注册信息：包括您的电子邮件地址、密码等。",
+	"（2）使用信息：包括您访问平台的方式、时间、IP地址、设备信息、浏览记录等。",
+	"2. 我们如何使用您的信息",
+	"我们收集的个人信息将用于以下目的：",
+	"（1）提供和改进平台的服务；",
+	"（2）向您提供定制化的推荐内容；",
+	"（3）与您联系并提供相关服务或通知；",
+	"（4）遵守法律法规的要求。",
+	"3. 我们如何保护您的信息",
+	"我们采取合理的技术和组织措施来保护您的个人信息免遭未经授权的访问、修改、披露或销毁。但是，无法保证任何数据传输或存储是绝对安全的。",
+	"4. 与第三方共享信息",
+	"我们不会将您的个人信息出售或租赁给第三方，但在以下情况下，我们可能会共享您的信息：",
+	"法律要求：根据法律规定或政府要求提供您的信息；",
+	"服务提供商：为提供服务而与第三方共享（例如，支付处理、数据存储等）。",
+	"5. 您的权利",
+	"根据适用的法律，您可能有权：",
+	"查看、更新或删除您的个人信息；",
+	"撤销您同意的任何数据处理活动；",
+	"选择不接收营销信息。",
+	"6. 儿童隐私",
+	"我们不主动收集13岁以下儿童的个人信息。如果我们发现未成年人提供了个人信息，我们将立即删除这些信息。",
+	"7. 隐私政策的更改",
+	"我们可能会不定期更新本隐私政策。更新内容会通过平台公告或电子邮件通知您。请定期查阅本隐私政策。"
+];
+/**
+* 用户协议 / 隐私政策全屏弹窗。
+* 内容由业务方在组件内直接定义，不走国际化。
+*/
+function AgreementDialog(props) {
+	const { type, onClose } = props;
+	const t = useTranslations("components.pages.login");
+	const lines = type === "terms" ? TERMS_LINES : type === "privacy" ? PRIVACY_LINES : [];
+	const title = type === "terms" ? t("loginClient.userAgreement") : type === "privacy" ? t("loginClient.privacyPolicy") : null;
+	return /* @__PURE__ */ jsx(Dialog, {
+		open: type !== null,
+		onOpenChange: (open) => !open && onClose?.(),
+		children: /* @__PURE__ */ jsxs(DialogContent, {
+			className: "!fixed !inset-0 !w-screen !h-screen !max-w-none !max-h-none !rounded-none flex flex-col bg-bg1 text-text1 p-6",
+			showCloseButton: true,
+			children: [/* @__PURE__ */ jsx(DialogHeader, {
+				className: "flex-shrink-0",
+				children: /* @__PURE__ */ jsx(DialogTitle, {
+					className: "text-[18px] font-bold",
+					children: title
+				})
+			}), /* @__PURE__ */ jsx(Box, {
+				className: "flex-1 min-h-0 overflow-y-auto -mx-1 px-1",
+				children: /* @__PURE__ */ jsx(Box, {
+					className: "text-text2 text-base leading-relaxed space-y-2",
+					children: lines.map((line, index) => /* @__PURE__ */ jsx(Text, {
+						as: "p",
+						className: "py-0.5",
+						children: line
+					}, index))
+				})
+			})]
+		})
+	});
+}
+
+//#endregion
+export { AgreementDialog };

package/dist/components/pages/login/auth-guard.mjs

@@ -1,2 +1,38 @@
 
-"use client";import{useUserStore as e}from"../../../store/modules/user-store.mjs";import{useRouter as t}from"../../../utils/use-compatible-router.mjs";import{useIsLoggedIn as n,useLoginModalOpen as r,useOpenLogin as i}from"../../../hooks/use-auth.mjs";import{useEffect as a,useRef as o}from"react";import{Fragment as s,jsx as c}from"react/jsx-runtime";function l({children:l}){let u=n(),d=r(),f=i(),p=t(),m=o(null);return a(()=>{u||f()},[u,f]),a(()=>{let t=m.current;if(m.current=d,t===!0&&d===!1){let t=setTimeout(()=>{e.getState().isLogin||p.back()},0);return()=>clearTimeout(t)}},[d,p]),u?c(s,{children:l}):null}export{l as AuthGuard};
+'use client';
+
+import { useUserStore } from "../../../store/modules/user-store.mjs";
+import { useRouter } from "../../../utils/use-compatible-router.mjs";
+import { useIsLoggedIn, useLoginModalOpen, useOpenLogin } from "../../../hooks/use-auth.mjs";
+import { useEffect, useRef } from "react";
+import { Fragment as Fragment$1, jsx } from "react/jsx-runtime";
+
+//#region components/pages/login/auth-guard.tsx
+/**
+* 鉴权守卫组件。
+*/
+function AuthGuard({ children }) {
+	const isLoggedIn = useIsLoggedIn();
+	const isModalOpen = useLoginModalOpen();
+	const openLogin = useOpenLogin();
+	const router = useRouter();
+	const prevModalOpenRef = useRef(null);
+	useEffect(() => {
+		if (!isLoggedIn) openLogin();
+	}, [isLoggedIn, openLogin]);
+	useEffect(() => {
+		const wasOpen = prevModalOpenRef.current;
+		prevModalOpenRef.current = isModalOpen;
+		if (wasOpen === true && isModalOpen === false) {
+			const timer = setTimeout(() => {
+				if (!useUserStore.getState().isLogin) router.back();
+			}, 0);
+			return () => clearTimeout(timer);
+		}
+	}, [isModalOpen, router]);
+	if (isLoggedIn) return /* @__PURE__ */ jsx(Fragment$1, { children });
+	return null;
+}
+
+//#endregion
+export { AuthGuard };

package/dist/components/pages/login/auth-page-styles.mjs

@@ -1,6 +1,21 @@
 
-const e={backgroundColor:`var(--color-surface-panel-dark)`,backgroundImage:`
+//#region components/pages/login/auth-page-styles.ts
+/** 登录、注册、验证码页共用背景样式。 */
+const authPanelBackgroundStyle = {
+	backgroundColor: "var(--color-surface-panel-dark)",
+	backgroundImage: `
     radial-gradient(88% 52% at 8% 3%, rgba(144, 18, 255, 0.32) 0%, rgba(144, 18, 255, 0.14) 32%, rgba(6, 3, 21, 0) 70%),
     radial-gradient(72% 48% at 100% 100%, rgba(108, 67, 238, 0.16) 0%, rgba(6, 3, 21, 0) 70%),
     linear-gradient(180deg, #080211 0%, #060315 100%)
-  `},t={backgroundImage:`var(--gradient-brand-tag)`,backgroundClip:`text`,WebkitBackgroundClip:`text`,color:`transparent`};export{t as authGradientTextStyle,e as authPanelBackgroundStyle};
+  `
+};
+/** 登录、注册页共用渐变文案样式。 */
+const authGradientTextStyle = {
+	backgroundImage: "var(--gradient-brand-tag)",
+	backgroundClip: "text",
+	WebkitBackgroundClip: "text",
+	color: "transparent"
+};
+
+//#endregion
+export { authGradientTextStyle, authPanelBackgroundStyle };

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

@@ -1,2 +1,137 @@
 
-"use client";import{isValidEmail as e}from"../../../utils/email-validator.mjs";import{pUserSendForgetEmailCode 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{LeftArrowIcon as s}from"../../../assets/icons/left-arrow-icon.mjs";import{useMemo as c,useState as l}from"react";import{jsx as u,jsxs as d}from"react/jsx-runtime";import{useTranslations as f}from"next-intl";function p(p){let m=f(`components.pages.login`),{onClose:h,onLogin:g,onVerify:_}=p,{setVerifyStep:v}=o(),[y,b]=l(``),[x,S]=l(!1),[C,w]=l(``),T=c(()=>y.trim().length>0&&!x,[y,x]);function E(e){b(e),C&&w(``)}function D(e){e.preventDefault(),O()}async function O(){if(T)try{S(!0),w(``);let n=y.trim();if(!e(n)){w(m(`register.invalidEmail`));return}await t({email:n}),v(`forgot-password`),_?.(n)}catch(e){w(e.message??m(`forgot.sendFailed`))}finally{S(!1)}}return d(r,{className:`min-h-screen w-full h-full bg-bg1 text-text1 flex flex-col`,children:[d(r,{className:`flex justify-between items-center h-[60px] px-[16px]`,children:[u(n,{type:`button`,onClick:h,"aria-label":m(`forgot.back`),className:`cursor-pointer bg-transparent !p-0 !px-0 !py-0`,children:u(s,{className:`w-[16px] h-[16px] text-text1/80`,"aria-hidden":`true`,focusable:`false`})}),u(a,{className:`text-[14px] text-text2`})]}),d(r,{className:`px-[24px] flex flex-col mt-[15px]`,children:[d(r,{className:`flex flex-col`,children:[u(a,{className:`text-[24px] leading-[32px] font-bold`,children:m(`forgot.title`)}),d(a,{className:`text-[14px] leading-[22px] mt-[12px] text-text1/80`,children:[m(`forgot.or`),u(n,{type:`button`,onClick:g,className:`cursor-pointer text-theme5 hover:opacity-90 bg-transparent !p-0 !px-0 !py-0`,children:m(`forgot.loginLink`)})]})]}),d(`form`,{className:`mt-[38px]`,autoComplete:`off`,onSubmit:D,children:[u(r,{className:`flex items-center px-[28px] rounded-[50px] h-[66px] bg-line1 border border-line1`,children:u(i,{placeholder:m(`forgot.emailPlaceholder`),type:`email`,name:`funhub-forgot-email`,value:y,onChange:e=>E(e.target.value),autoComplete:`off`,autoCorrect:`off`,autoCapitalize:`none`,spellCheck:!1,"data-lpignore":`true`,"data-1p-ignore":`true`,"data-form-type":`other`,className:`!bg-transparent !px-0 !py-0 !rounded-none !text-text1 placeholder:!text-text3 leading-[26px] text-[18px]`})}),u(r,{className:`h-[22px] mt-[16px] mb-[22px] ml-[12px] text-[14px] text-theme5`,children:C}),u(n,{type:`submit`,disabled:!T,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:m(x?`forgot.sending`:`forgot.getCode`)})]})]})]})}export{p as Forgot};
+'use client';
+
+import { isValidEmail } from "../../../utils/email-validator.mjs";
+import { pUserSendForgetEmailCode } 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 { LeftArrowIcon } from "../../../assets/icons/left-arrow-icon.mjs";
+import { useMemo, useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useTranslations } from "next-intl";
+
+//#region components/pages/login/forgot.tsx
+/**
+* 忘记密码页面内容。
+*/
+function Forgot(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 canSubmit = useMemo(() => {
+		return email.trim().length > 0 && !isSubmitting;
+	}, [email, isSubmitting]);
+	/**
+	* 处理邮箱输入变化。
+	*/
+	function handleEmailChange(value) {
+		setEmail(value);
+		if (errorText) setErrorText("");
+	}
+	/**
+	* 拦截表单默认提交行为。
+	*/
+	function handleFormSubmit(event) {
+		event.preventDefault();
+		handleSubmit();
+	}
+	/**
+	* 发送验证码并捕获错误提示。
+	*/
+	async function handleSubmit() {
+		if (!canSubmit) return;
+		try {
+			setIsSubmitting(true);
+			setErrorText("");
+			const trimmedEmail = email.trim();
+			if (!isValidEmail(trimmedEmail)) {
+				setErrorText(t("register.invalidEmail"));
+				return;
+			}
+			await pUserSendForgetEmailCode({ email: trimmedEmail });
+			setVerifyStep("forgot-password");
+			onVerify?.(trimmedEmail);
+		} catch (error) {
+			setErrorText(error.message ?? t("forgot.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("forgot.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__ */ jsxs(Box, {
+				className: "flex flex-col",
+				children: [/* @__PURE__ */ jsx(Text, {
+					className: "text-[24px] leading-[32px] font-bold",
+					children: t("forgot.title")
+				}), /* @__PURE__ */ jsxs(Text, {
+					className: "text-[14px] leading-[22px] mt-[12px] text-text1/80",
+					children: [t("forgot.or"), /* @__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("forgot.loginLink")
+					})]
+				})]
+			}), /* @__PURE__ */ jsxs("form", {
+				className: "mt-[38px]",
+				autoComplete: "off",
+				onSubmit: handleFormSubmit,
+				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("forgot.emailPlaceholder"),
+							type: "email",
+							name: "funhub-forgot-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__ */ 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("forgot.sending") : t("forgot.getCode")
+					})
+				]
+			})]
+		})]
+	});
+}
+
+//#endregion
+export { Forgot };

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

@@ -1,2 +1,108 @@
 
-"use client";import{hashPassword as e}from"../../../utils/common.mjs";import{pUserLogin as t}from"../../../service/generated/client.mjs";import{Box as n}from"../../ui/box.mjs";import{useLoginModalStore as r}from"../../../store/modules/login-modal-store.mjs";import{useDeleteRequest as i}from"../../../hooks/query/use-query.mjs";import{useSetAuthFields as a}from"../../../hooks/use-auth.mjs";import{Forgot as o}from"./forgot.mjs";import{LoginClient as s}from"./login-client.mjs";import{Password as c}from"./password.mjs";import{Register as l}from"./register.mjs";import{ResetPassword as u}from"./reset-password.mjs";import{Verify as d}from"./verify.mjs";import{toast as f}from"sonner";import{useState as p}from"react";import{jsx as m,jsxs as h}from"react/jsx-runtime";import{useTranslations as g}from"next-intl";function _(_){let{initialStep:v=`login`}=_,{close:y,resolveLogin:b}=r(),[x,S]=p(v),[C,w]=p(``),T=a(),[E,D]=p(``),O=i(),k=g(`components.pages.login`);return h(n,{className:`min-h-screen w-full h-full bg-bg1 text-text1 flex flex-col fixed top-0 left-0 right-0 bottom-0 z-50`,children:[x===`login`&&m(s,{onRegister:()=>S(`register`),onForgotPassword:()=>S(`forgot`),errorText:E,onSubmit:async n=>{D(``);try{let r=e(n.password),{data:i}=await t({email:n.email,password:r});T({token:i.token,expireTime:i.expire_time,userId:i.user_id}),f.success(k(`index.loginSuccess`)),O([`user-profile`,`mine`]),b(!0)}catch(e){D(e.message??k(`index.loginFailed`))}},onClose:()=>{y()}}),x===`register`&&m(l,{onLogin:()=>S(`login`),onClose:()=>S(`login`),onVerify:e=>{w(e),S(`verify`)}}),x===`forgot`&&m(o,{onLogin:()=>S(`login`),onClose:()=>S(`login`),onVerify:e=>{w(e),S(`verify`)}}),x===`reset-password`&&m(u,{onClose:()=>{y()},onPassword:e=>{w(e??``),S(`password`)}}),x===`verify`&&m(d,{email:C,onClose:()=>S(`register`),onPassword:e=>{w(e),S(`password`)}}),x===`password`&&m(c,{email:C,onClose:()=>S(`verify`)})]})}export{_ as Login};
+'use client';
+
+import { hashPassword } from "../../../utils/common.mjs";
+import { pUserLogin } from "../../../service/generated/client.mjs";
+import { Box } from "../../ui/box.mjs";
+import { useLoginModalStore } from "../../../store/modules/login-modal-store.mjs";
+import { useDeleteRequest } from "../../../hooks/query/use-query.mjs";
+import { useSetAuthFields } from "../../../hooks/use-auth.mjs";
+import { Forgot } from "./forgot.mjs";
+import { LoginClient } from "./login-client.mjs";
+import { Password } from "./password.mjs";
+import { Register } from "./register.mjs";
+import { ResetPassword } from "./reset-password.mjs";
+import { Verify } from "./verify.mjs";
+import { toast } from "sonner";
+import { useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useTranslations } from "next-intl";
+
+//#region components/pages/login/index.tsx
+/**
+* 登录弹窗内容。
+*/
+function Login(props) {
+	const { initialStep = "login" } = props;
+	const { close, resolveLogin } = useLoginModalStore();
+	const [step, setStep] = useState(initialStep);
+	const [verifyEmail, setVerifyEmail] = useState("");
+	const setAuthFields = useSetAuthFields();
+	const [errorText, setErrorText] = useState("");
+	const invalidateRequest = useDeleteRequest();
+	const t = useTranslations("components.pages.login");
+	const submitHandler = async (data) => {
+		setErrorText("");
+		try {
+			const encryptedPassword = hashPassword(data.password);
+			const { data: res } = await pUserLogin({
+				email: data.email,
+				password: encryptedPassword
+			});
+			setAuthFields({
+				token: res.token,
+				expireTime: res.expire_time,
+				userId: res.user_id
+			});
+			toast.success(t("index.loginSuccess"));
+			invalidateRequest(["user-profile", "mine"]);
+			resolveLogin(true);
+		} catch (error) {
+			setErrorText(error.message ?? t("index.loginFailed"));
+		}
+	};
+	return /* @__PURE__ */ jsxs(Box, {
+		className: "min-h-screen w-full h-full bg-bg1 text-text1 flex flex-col fixed top-0 left-0 right-0 bottom-0 z-50",
+		children: [
+			step === "login" && /* @__PURE__ */ jsx(LoginClient, {
+				onRegister: () => setStep("register"),
+				onForgotPassword: () => setStep("forgot"),
+				errorText,
+				onSubmit: submitHandler,
+				onClose: () => {
+					close();
+				}
+			}),
+			step === "register" && /* @__PURE__ */ jsx(Register, {
+				onLogin: () => setStep("login"),
+				onClose: () => setStep("login"),
+				onVerify: (email) => {
+					setVerifyEmail(email);
+					setStep("verify");
+				}
+			}),
+			step === "forgot" && /* @__PURE__ */ jsx(Forgot, {
+				onLogin: () => setStep("login"),
+				onClose: () => setStep("login"),
+				onVerify: (email) => {
+					setVerifyEmail(email);
+					setStep("verify");
+				}
+			}),
+			step === "reset-password" && /* @__PURE__ */ jsx(ResetPassword, {
+				onClose: () => {
+					close();
+				},
+				onPassword: (email) => {
+					setVerifyEmail(email ?? "");
+					setStep("password");
+				}
+			}),
+			step === "verify" && /* @__PURE__ */ jsx(Verify, {
+				email: verifyEmail,
+				onClose: () => setStep("register"),
+				onPassword: (email) => {
+					setVerifyEmail(email);
+					setStep("password");
+				}
+			}),
+			step === "password" && /* @__PURE__ */ jsx(Password, {
+				email: verifyEmail,
+				onClose: () => setStep("verify")
+			})
+		]
+	});
+}
+
+//#endregion
+export { Login };