Compare commits
No commits in common. "main" and "dev" have entirely different histories.
@ -19,12 +19,11 @@ env:
|
|||||||
TELEGRAM_CHAT_ID: "-4940243803"
|
TELEGRAM_CHAT_ID: "-4940243803"
|
||||||
DOCKER_REGISTRY: registry.kxsw.us
|
DOCKER_REGISTRY: registry.kxsw.us
|
||||||
DOCKER_BUILDKIT: 1
|
DOCKER_BUILDKIT: 1
|
||||||
DOCKER_API_VERSION: "1.44"
|
# Host SSH
|
||||||
# Host SSH - 根据分支动态选择
|
SSH_HOST: ${{ vars.SSH_HOST }}
|
||||||
SSH_HOST: ${{ github.ref_name == 'main' && vars.PRO_SSH_HOST || (github.ref_name == 'dev' && vars.DEV_SSH_HOST || vars.PRO_SSH_HOST) }}
|
SSH_PORT: ${{ vars.SSH_PORT }}
|
||||||
SSH_PORT: ${{ github.ref_name == 'main' && vars.PRO_SSH_PORT || (github.ref_name == 'dev' && vars.DEV_SSH_PORT || vars.PRO_SSH_PORT) }}
|
SSH_USER: ${{ vars.SSH_USER }}
|
||||||
SSH_USER: ${{ github.ref_name == 'main' && vars.PRO_SSH_USER || (github.ref_name == 'dev' && vars.DEV_SSH_USER || vars.PRO_SSH_USER) }}
|
SSH_PASSWORD: ${{ vars.SSH_PASSWORD }}
|
||||||
SSH_PASSWORD: ${{ github.ref_name == 'main' && vars.PRO_SSH_PASSWORD || (github.ref_name == 'dev' && vars.DEV_SSH_PASSWORD || vars.PRO_SSH_PASSWORD) }}
|
|
||||||
|
|
||||||
jobs:
|
jobs:
|
||||||
build:
|
build:
|
||||||
@ -98,15 +97,7 @@ jobs:
|
|||||||
echo "Still waiting for locks..."; sleep 5
|
echo "Still waiting for locks..."; sleep 5
|
||||||
done
|
done
|
||||||
apt-get update -y -o Dpkg::Lock::Timeout=600
|
apt-get update -y -o Dpkg::Lock::Timeout=600
|
||||||
# 基础工具和GPG
|
apt-get install -y -o Dpkg::Lock::Timeout=600 jq curl ca-certificates docker.io
|
||||||
apt-get install -y -o Dpkg::Lock::Timeout=600 jq curl ca-certificates gnupg
|
|
||||||
# 配置Docker官方源,安装新版CLI与Buildx插件(支持 API 1.44+)
|
|
||||||
install -m 0755 -d /etc/apt/keyrings
|
|
||||||
curl -fsSL https://download.docker.com/linux/debian/gpg | gpg --dearmor -o /etc/apt/keyrings/docker.gpg
|
|
||||||
chmod a+r /etc/apt/keyrings/docker.gpg
|
|
||||||
echo "deb [arch=$(dpkg --print-architecture) signed-by=/etc/apt/keyrings/docker.gpg] https://download.docker.com/linux/debian $(. /etc/os-release && echo $VERSION_CODENAME) stable" > /etc/apt/sources.list.d/docker.list
|
|
||||||
apt-get update -y -o Dpkg::Lock::Timeout=600
|
|
||||||
apt-get install -y -o Dpkg::Lock::Timeout=600 docker-ce-cli docker-buildx-plugin
|
|
||||||
docker --version
|
docker --version
|
||||||
jq --version
|
jq --version
|
||||||
curl --version
|
curl --version
|
||||||
@ -298,23 +289,7 @@ jobs:
|
|||||||
echo "Decided BUILD_TARGET=$BUILD_TARGET"
|
echo "Decided BUILD_TARGET=$BUILD_TARGET"
|
||||||
|
|
||||||
- name: Read version from package.json
|
- name: Read version from package.json
|
||||||
run: |
|
run: echo "VERSION=$(jq -r .version package.json)" >> $GITHUB_ENV
|
||||||
if [ "$BUILD_TARGET" = "admin" ]; then
|
|
||||||
VERSION=$(jq -r .version apps/admin/package.json)
|
|
||||||
echo "使用 admin 应用版本: $VERSION"
|
|
||||||
elif [ "$BUILD_TARGET" = "user" ]; then
|
|
||||||
VERSION=$(jq -r .version apps/user/package.json)
|
|
||||||
echo "使用 user 应用版本: $VERSION"
|
|
||||||
else
|
|
||||||
# both 或其他情况使用根目录版本
|
|
||||||
VERSION=$(jq -r .version package.json)
|
|
||||||
echo "使用根目录版本: $VERSION"
|
|
||||||
fi
|
|
||||||
if [ "$VERSION" = "null" ] || [ -z "$VERSION" ] || [ "$VERSION" = "undefined" ]; then
|
|
||||||
echo "检测到版本为空,回退到根目录版本"
|
|
||||||
VERSION=$(jq -r .version package.json)
|
|
||||||
fi
|
|
||||||
echo "VERSION=$VERSION" >> $GITHUB_ENV
|
|
||||||
|
|
||||||
- name: 根据分支动态设置API地址
|
- name: 根据分支动态设置API地址
|
||||||
run: |
|
run: |
|
||||||
@ -574,7 +549,6 @@ jobs:
|
|||||||
|
|
||||||
echo "启动新容器..."
|
echo "启动新容器..."
|
||||||
docker run -d \
|
docker run -d \
|
||||||
--add-host api.airoport.co:103.150.215.40 \
|
|
||||||
--name ppanel-admin-web \
|
--name ppanel-admin-web \
|
||||||
--restart unless-stopped \
|
--restart unless-stopped \
|
||||||
-p 3001:3000 \
|
-p 3001:3000 \
|
||||||
@ -724,7 +698,6 @@ jobs:
|
|||||||
|
|
||||||
echo "启动新容器..."
|
echo "启动新容器..."
|
||||||
docker run -d \
|
docker run -d \
|
||||||
--add-host api.airoport.co:103.150.215.40 \
|
|
||||||
--name ppanel-user-web \
|
--name ppanel-user-web \
|
||||||
--restart unless-stopped \
|
--restart unless-stopped \
|
||||||
-p 3002:3000 \
|
-p 3002:3000 \
|
||||||
|
|||||||
@ -8,7 +8,7 @@
|
|||||||
|
|
||||||
This is a PPanel admin web powered by PPanel
|
This is a PPanel admin web powered by PPanel
|
||||||
|
|
||||||
English ##
|
English
|
||||||
·
|
·
|
||||||
[Chinese](./README.zh-CN.md)
|
[Chinese](./README.zh-CN.md)
|
||||||
·
|
·
|
||||||
|
|||||||
@ -134,9 +134,7 @@ export function UserDetail({ id }: { id: number }) {
|
|||||||
<HoverCardTrigger asChild>
|
<HoverCardTrigger asChild>
|
||||||
<Button variant='link' className='p-0' asChild>
|
<Button variant='link' className='p-0' asChild>
|
||||||
<Link href={`/dashboard/user/${id}`}>
|
<Link href={`/dashboard/user/${id}`}>
|
||||||
{data?.auth_methods[0]?.auth_identifier
|
{data?.auth_methods[0]?.auth_identifier || t('loading')}
|
||||||
? `${data?.auth_methods[0]?.auth_identifier} (${data?.remark})`
|
|
||||||
: t('loading')}
|
|
||||||
</Link>
|
</Link>
|
||||||
</Button>
|
</Button>
|
||||||
</HoverCardTrigger>
|
</HoverCardTrigger>
|
||||||
|
|||||||
@ -18,7 +18,7 @@
|
|||||||
"axios": "^1.7.9",
|
"axios": "^1.7.9",
|
||||||
"js-yaml": "^4.1.0",
|
"js-yaml": "^4.1.0",
|
||||||
"nanoid": "^5.0.9",
|
"nanoid": "^5.0.9",
|
||||||
"next": "15.3.6",
|
"next": "^15.1.4",
|
||||||
"next-intl": "^3.26.3",
|
"next-intl": "^3.26.3",
|
||||||
"next-runtime-env": "^3.2.2",
|
"next-runtime-env": "^3.2.2",
|
||||||
"next-themes": "^0.4.4",
|
"next-themes": "^0.4.4",
|
||||||
|
|||||||
@ -28,11 +28,9 @@ import {
|
|||||||
import { Popover, PopoverContent, PopoverTrigger } from '@workspace/airo-ui/components/popover';
|
import { Popover, PopoverContent, PopoverTrigger } from '@workspace/airo-ui/components/popover';
|
||||||
import { Tabs, TabsList, TabsTrigger } from '@workspace/airo-ui/components/tabs';
|
import { Tabs, TabsList, TabsTrigger } from '@workspace/airo-ui/components/tabs';
|
||||||
import { differenceInDays } from '@workspace/airo-ui/utils';
|
import { differenceInDays } from '@workspace/airo-ui/utils';
|
||||||
import Link from 'next/link';
|
|
||||||
import { QRCodeCanvas } from 'qrcode.react';
|
import { QRCodeCanvas } from 'qrcode.react';
|
||||||
import { useEffect, useState } from 'react';
|
import { useEffect, useState } from 'react';
|
||||||
import { CopyToClipboard } from 'react-copy-to-clipboard';
|
import { CopyToClipboard } from 'react-copy-to-clipboard';
|
||||||
|
|
||||||
interface SubscribeCardProps {
|
interface SubscribeCardProps {
|
||||||
userSubscribeData: API.UserSubscribe;
|
userSubscribeData: API.UserSubscribe;
|
||||||
protocol: string[];
|
protocol: string[];
|
||||||
@ -55,7 +53,7 @@ const SubscribeCard = (props: SubscribeCardProps) => {
|
|||||||
if (list.length > 0) {
|
if (list.length > 0) {
|
||||||
setUserSubscribeProtocolCurrent(0);
|
setUserSubscribeProtocolCurrent(0);
|
||||||
}
|
}
|
||||||
}, [props.userSubscribeData?.token, protocol]);
|
}, [props.userSubscribeData.token, protocol]);
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<div className='space-y-2 sm:space-y-4'>
|
<div className='space-y-2 sm:space-y-4'>
|
||||||
@ -71,15 +69,11 @@ const SubscribeCard = (props: SubscribeCardProps) => {
|
|||||||
{t('totalTraffic')}
|
{t('totalTraffic')}
|
||||||
</p>
|
</p>
|
||||||
<p className='text-xs font-medium text-[#0F2C53] sm:text-base'>
|
<p className='text-xs font-medium text-[#0F2C53] sm:text-base'>
|
||||||
{userSubscribeData?.status === 1 ? (
|
<Display
|
||||||
<Display
|
type='traffic'
|
||||||
type='traffic'
|
value={userSubscribeData.traffic}
|
||||||
value={userSubscribeData.traffic}
|
unlimited={!userSubscribeData.traffic}
|
||||||
unlimited={!userSubscribeData.traffic}
|
/>
|
||||||
/>
|
|
||||||
) : (
|
|
||||||
'0.00GB'
|
|
||||||
)}
|
|
||||||
</p>
|
</p>
|
||||||
</div>
|
</div>
|
||||||
<div>
|
<div>
|
||||||
@ -87,15 +81,9 @@ const SubscribeCard = (props: SubscribeCardProps) => {
|
|||||||
{t('nextResetDays')}
|
{t('nextResetDays')}
|
||||||
</p>
|
</p>
|
||||||
<p className='text-xs font-medium text-[#0F2C53] sm:text-base'>
|
<p className='text-xs font-medium text-[#0F2C53] sm:text-base'>
|
||||||
{userSubscribeData?.status === 1 ? (
|
{userSubscribeData.reset_time
|
||||||
<>
|
? differenceInDays(new Date(userSubscribeData.reset_time), new Date())
|
||||||
{userSubscribeData.reset_time
|
: t('noReset')}
|
||||||
? differenceInDays(new Date(userSubscribeData.reset_time), new Date())
|
|
||||||
: t('noReset')}
|
|
||||||
</>
|
|
||||||
) : (
|
|
||||||
'N/A'
|
|
||||||
)}
|
|
||||||
</p>
|
</p>
|
||||||
</div>
|
</div>
|
||||||
<div>
|
<div>
|
||||||
@ -103,30 +91,17 @@ const SubscribeCard = (props: SubscribeCardProps) => {
|
|||||||
{t('expirationDays')}
|
{t('expirationDays')}
|
||||||
</p>
|
</p>
|
||||||
<p className='text-xs font-medium text-[#0F2C53] sm:text-base'>
|
<p className='text-xs font-medium text-[#0F2C53] sm:text-base'>
|
||||||
{userSubscribeData?.status === 1 ? (
|
{userSubscribeData.expire_time
|
||||||
<>
|
? differenceInDays(new Date(userSubscribeData.expire_time), new Date()) ||
|
||||||
{userSubscribeData.expire_time
|
t('unknown')
|
||||||
? differenceInDays(new Date(userSubscribeData.expire_time), new Date()) ||
|
: t('noLimit')}
|
||||||
t('unknown')
|
|
||||||
: t('noLimit')}
|
|
||||||
</>
|
|
||||||
) : (
|
|
||||||
'N/A'
|
|
||||||
)}
|
|
||||||
</p>
|
</p>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
{/* 订阅链接 */}
|
{/* 订阅链接 */}
|
||||||
<div className='relative rounded-[26px] bg-[#EAEAEA] p-2 sm:p-4'>
|
<div className='rounded-[26px] bg-[#EAEAEA] p-2 sm:p-4'>
|
||||||
{userSubscribeData?.status !== 1 && (
|
|
||||||
<div className='absolute inset-0 z-40 flex h-full w-full items-center justify-center rounded-[26px] border-4 border-[#D9D9D9] bg-white/50 backdrop-blur-[1px]'>
|
|
||||||
<AiroButton variant={'primary'} asChild>
|
|
||||||
<Link href={'/subscribe'}>{t('buySubscriptionNow')}</Link>
|
|
||||||
</AiroButton>
|
|
||||||
</div>
|
|
||||||
)}
|
|
||||||
<div className='mb-3 flex flex-wrap justify-between gap-4'>
|
<div className='mb-3 flex flex-wrap justify-between gap-4'>
|
||||||
{props.protocol.length > 1 && (
|
{props.protocol.length > 1 && (
|
||||||
<Tabs
|
<Tabs
|
||||||
@ -151,21 +126,21 @@ const SubscribeCard = (props: SubscribeCardProps) => {
|
|||||||
<div className={'mb-3 flex items-center justify-center gap-3'}>
|
<div className={'mb-3 flex items-center justify-center gap-3'}>
|
||||||
<div
|
<div
|
||||||
className={
|
className={
|
||||||
'flex flex-1 items-center gap-1 rounded-full bg-[#BABABA] pl-1 sm:gap-2 sm:pl-2'
|
'flex flex-1 items-center gap-1 rounded-full bg-[#BABABA] pl-1 sm:gap-2 sm:rounded-[16px] sm:pl-2'
|
||||||
}
|
}
|
||||||
>
|
>
|
||||||
<Select
|
<Select
|
||||||
value={userSubscribeProtocolCurrent}
|
value={userSubscribeProtocolCurrent}
|
||||||
onValueChange={setUserSubscribeProtocolCurrent}
|
onValueChange={setUserSubscribeProtocolCurrent}
|
||||||
>
|
>
|
||||||
<SelectTrigger className='h-auto w-auto flex-shrink-0 rounded-[16px] border-none bg-[#D9D9D9] px-2.5 py-0.5 text-[13px] font-medium text-[#0F2C53] shadow-none hover:bg-[#848484] focus:ring-0 sm:h-[35px] sm:px-2 sm:py-1.5 [&>svg]:hidden'>
|
<SelectTrigger className='h-auto w-auto flex-shrink-0 rounded-[16px] border-none bg-[#D9D9D9] px-2.5 py-0.5 text-[13px] font-medium text-[#0F2C53] shadow-none hover:bg-[#848484] focus:ring-0 sm:h-[35px] sm:rounded-[8px] sm:px-2 sm:py-1.5 [&>svg]:hidden'>
|
||||||
<SelectValue>
|
<SelectValue>
|
||||||
<div className='flex flex-col items-center justify-between text-[10px] sm:text-xs'>
|
<div className='flex flex-col items-center justify-between text-[10px] sm:text-xs'>
|
||||||
<div>
|
<div>
|
||||||
{t('subscriptionUrl')}
|
{t('subscriptionUrl')}
|
||||||
{userSubscribeProtocolCurrent + 1}
|
{userSubscribeProtocolCurrent + 1}
|
||||||
</div>
|
</div>
|
||||||
<div className='h-0 w-0 scale-50 border-l-[3px] border-r-[3px] border-t-[3px] border-l-transparent border-r-transparent border-t-[#0F2C53] sm:scale-100'></div>
|
<div className='-mt-0.5 h-0 w-0 scale-50 border-l-[3px] border-r-[3px] border-t-[3px] border-l-transparent border-r-transparent border-t-[#0F2C53] sm:scale-100'></div>
|
||||||
</div>
|
</div>
|
||||||
</SelectValue>
|
</SelectValue>
|
||||||
</SelectTrigger>
|
</SelectTrigger>
|
||||||
@ -183,7 +158,7 @@ const SubscribeCard = (props: SubscribeCardProps) => {
|
|||||||
</SelectContent>
|
</SelectContent>
|
||||||
</Select>
|
</Select>
|
||||||
|
|
||||||
<div className='flex-1 rounded-full bg-white px-3 py-2 text-[10px] leading-tight text-[#225BA9] shadow-[inset_0px_0px_7.6px_0px_rgba(0,0,0,0.25)]'>
|
<div className='flex-1 rounded-full bg-white px-3 py-2 text-[10px] leading-tight text-[#225BA9] shadow-[inset_0px_0px_7.6px_0px_rgba(0,0,0,0.25)] sm:rounded-[16px]'>
|
||||||
<div className={'flex items-center gap-4 py-1'}>
|
<div className={'flex items-center gap-4 py-1'}>
|
||||||
<div className={'line-clamp-2 flex-1 break-all'}>
|
<div className={'line-clamp-2 flex-1 break-all'}>
|
||||||
{userSubscribeProtocol[userSubscribeProtocolCurrent]}
|
{userSubscribeProtocol[userSubscribeProtocolCurrent]}
|
||||||
@ -228,7 +203,7 @@ const SubscribeCard = (props: SubscribeCardProps) => {
|
|||||||
<div className='flex justify-between gap-2'>
|
<div className='flex justify-between gap-2'>
|
||||||
<AlertDialog>
|
<AlertDialog>
|
||||||
<AlertDialogTrigger asChild>
|
<AlertDialogTrigger asChild>
|
||||||
<AiroButton variant='primaryBlue' className={'px-2 text-xs'}>
|
<AiroButton variant='danger' className={'px-2 text-xs'}>
|
||||||
{t('resetSubscription')}
|
{t('resetSubscription')}
|
||||||
</AiroButton>
|
</AiroButton>
|
||||||
</AlertDialogTrigger>
|
</AlertDialogTrigger>
|
||||||
@ -256,7 +231,7 @@ const SubscribeCard = (props: SubscribeCardProps) => {
|
|||||||
<Renewal
|
<Renewal
|
||||||
className='px-2 text-xs'
|
className='px-2 text-xs'
|
||||||
id={userSubscribeData.id}
|
id={userSubscribeData.id}
|
||||||
subscribe={userSubscribeData.subscribe || {}}
|
subscribe={userSubscribeData.subscribe}
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
@ -27,6 +27,7 @@ import { Empty } from '@/components/empty';
|
|||||||
import SvgIcon from '@/components/SvgIcon';
|
import SvgIcon from '@/components/SvgIcon';
|
||||||
import { queryAnnouncement } from '@/services/user/announcement';
|
import { queryAnnouncement } from '@/services/user/announcement';
|
||||||
import { queryOrderList } from '@/services/user/order';
|
import { queryOrderList } from '@/services/user/order';
|
||||||
|
import { default as Airo_Empty } from '@workspace/airo-ui/custom-components/empty';
|
||||||
import { formatDate } from '@workspace/airo-ui/utils';
|
import { formatDate } from '@workspace/airo-ui/utils';
|
||||||
|
|
||||||
const platforms: (keyof API.ApplicationPlatform)[] = [
|
const platforms: (keyof API.ApplicationPlatform)[] = [
|
||||||
@ -41,13 +42,11 @@ const platforms: (keyof API.ApplicationPlatform)[] = [
|
|||||||
export default function Content() {
|
export default function Content() {
|
||||||
const t = useTranslations('dashboard');
|
const t = useTranslations('dashboard');
|
||||||
|
|
||||||
const { data: userSubscribe = {}, refetch } = useQuery({
|
const { data: userSubscribe = [], refetch } = useQuery({
|
||||||
queryKey: ['queryUserSubscribe'],
|
queryKey: ['queryUserSubscribe'],
|
||||||
queryFn: async () => {
|
queryFn: async () => {
|
||||||
const { data } = await queryUserSubscribe();
|
const { data } = await queryUserSubscribe();
|
||||||
const activeList = data.data?.list?.filter((v) => v.status === 1);
|
return data.data?.list || [];
|
||||||
|
|
||||||
return activeList[0] ?? {};
|
|
||||||
},
|
},
|
||||||
});
|
});
|
||||||
|
|
||||||
@ -120,11 +119,11 @@ export default function Content() {
|
|||||||
{/* 快捷下载 Card */}
|
{/* 快捷下载 Card */}
|
||||||
<Card className='rounded-[20px] border border-[#D9D9D9] p-6 shadow-[0px_0px_52.6px_1px_rgba(15,44,83,0.05)] 2xl:order-2 2xl:col-span-1'>
|
<Card className='rounded-[20px] border border-[#D9D9D9] p-6 shadow-[0px_0px_52.6px_1px_rgba(15,44,83,0.05)] 2xl:order-2 2xl:col-span-1'>
|
||||||
<div className='flex items-center justify-between'>
|
<div className='flex items-center justify-between'>
|
||||||
<h3 className='text-base font-medium text-[#666666] sm:text-xl'>
|
<h3 className='text-base font-medium text-[#666666] sm:text-xl'>快捷下载</h3>
|
||||||
{t('quickDownloads')}
|
</div>
|
||||||
</h3>
|
<div className={'text-xs font-normal leading-[1.5] text-[#666]'}>
|
||||||
|
选择对应操作系统下载客户端
|
||||||
</div>
|
</div>
|
||||||
<div className={'text-xs font-normal leading-[1.5] text-[#666]'}>{t('selectOS')}</div>
|
|
||||||
|
|
||||||
<div
|
<div
|
||||||
className={
|
className={
|
||||||
@ -142,24 +141,11 @@ export default function Content() {
|
|||||||
icon: 'Group 77',
|
icon: 'Group 77',
|
||||||
href: 'https://apps.apple.com/us/app/shadowrocket/id932747118?l=zh-Hans-CN',
|
href: 'https://apps.apple.com/us/app/shadowrocket/id932747118?l=zh-Hans-CN',
|
||||||
},
|
},
|
||||||
{
|
{ label: 'Win', icon: 'Group 75', href: '' },
|
||||||
label: 'Win',
|
{ label: 'Android', icon: 'Group 75', href: '' },
|
||||||
icon: 'Group 75',
|
|
||||||
href: 'https://down.airoport.xin/Hiddify-Windows-Setup-x64.msix',
|
|
||||||
},
|
|
||||||
{
|
|
||||||
label: 'Android',
|
|
||||||
icon: 'Group 75',
|
|
||||||
href: 'https://down.airoport.xin/Hiddify-Android-universal.apk',
|
|
||||||
},
|
|
||||||
].map((v) => {
|
].map((v) => {
|
||||||
return (
|
return (
|
||||||
<a
|
<a href={v.href} target={'_blank'} className={'cursor-pointer text-center'}>
|
||||||
key={v.label}
|
|
||||||
href={v.href}
|
|
||||||
target={'_blank'}
|
|
||||||
className={'cursor-pointer text-center'}
|
|
||||||
>
|
|
||||||
<div className={''}>
|
<div className={''}>
|
||||||
<SvgIcon name={v.icon}></SvgIcon>
|
<SvgIcon name={v.icon}></SvgIcon>
|
||||||
</div>
|
</div>
|
||||||
@ -173,18 +159,18 @@ export default function Content() {
|
|||||||
'mt-2.5 flex h-[37px] items-center justify-between rounded-full bg-[#EAEAEA] pl-4 text-[#666]'
|
'mt-2.5 flex h-[37px] items-center justify-between rounded-full bg-[#EAEAEA] pl-4 text-[#666]'
|
||||||
}
|
}
|
||||||
>
|
>
|
||||||
<span className={'text-sm font-medium'}>{t('freeAppleID')}</span>
|
<span className={'text-sm font-medium'}>免费美区Apple ID</span>
|
||||||
<AiroButton
|
<AiroButton
|
||||||
className={'m-1'}
|
className={'m-1'}
|
||||||
variant={'primary'}
|
variant={'primary'}
|
||||||
onClick={() => {
|
onClick={() => {
|
||||||
openPopupWindow({
|
openPopupWindow({
|
||||||
download: 'https://getsapp.net/StKNQY',
|
download: 'https://aunlock.laomaos.com/share/DEXVzMSP',
|
||||||
title: 'Shadowrocket',
|
title: 'Shadowrocket',
|
||||||
});
|
});
|
||||||
}}
|
}}
|
||||||
>
|
>
|
||||||
{t('get')}
|
获取
|
||||||
</AiroButton>
|
</AiroButton>
|
||||||
</div>
|
</div>
|
||||||
</Card>
|
</Card>
|
||||||
@ -203,13 +189,20 @@ export default function Content() {
|
|||||||
{t('beginnerTutorial')}
|
{t('beginnerTutorial')}
|
||||||
</Link>
|
</Link>
|
||||||
</div>
|
</div>
|
||||||
|
<div className={'text-xs font-light leading-[1.5] text-[#666]'}>
|
||||||
|
复制订阅链接或点击二维码按钮扫码
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<SubScribeCard
|
{userSubscribe?.[0] && data?.protocol ? (
|
||||||
userSubscribeData={userSubscribe}
|
<SubScribeCard
|
||||||
protocol={data?.protocol || []}
|
userSubscribeData={userSubscribe?.[0]}
|
||||||
refetch={refetch}
|
protocol={data.protocol}
|
||||||
/>
|
refetch={refetch}
|
||||||
|
/>
|
||||||
|
) : (
|
||||||
|
<Empty />
|
||||||
|
)}
|
||||||
</Card>
|
</Card>
|
||||||
|
|
||||||
{/* 账户概况 Card */}
|
{/* 账户概况 Card */}
|
||||||
@ -225,7 +218,7 @@ export default function Content() {
|
|||||||
|
|
||||||
<div className='mb-3 sm:mb-3.5'>
|
<div className='mb-3 sm:mb-3.5'>
|
||||||
<span className='text-2xl font-medium text-[#091B33]'>
|
<span className='text-2xl font-medium text-[#091B33]'>
|
||||||
{userSubscribe?.status === 1 && orderData
|
{userSubscribe?.length > 0 && userSubscribe[0]?.status === 1 && orderData
|
||||||
? orderData?.quantity === 1
|
? orderData?.quantity === 1
|
||||||
? t('annualMonthPlanUser')
|
? t('annualMonthPlanUser')
|
||||||
: t('annualYearPlanUser')
|
: t('annualYearPlanUser')
|
||||||
@ -254,109 +247,93 @@ export default function Content() {
|
|||||||
<h3 className='flex items-center justify-between text-[#666666]'>
|
<h3 className='flex items-center justify-between text-[#666666]'>
|
||||||
<div className={'flex items-center justify-between'}>
|
<div className={'flex items-center justify-between'}>
|
||||||
<span className={'text-base font-medium sm:text-xl'}>{t('planStatus')}</span>
|
<span className={'text-base font-medium sm:text-xl'}>{t('planStatus')}</span>
|
||||||
{userSubscribe?.status === 1 ? (
|
{userSubscribe?.length > 0 && userSubscribe?.[0]?.status === 1 ? (
|
||||||
<span className={'ml-2.5 rounded-full bg-[#A8D4ED] px-2 text-[8px] text-white'}>
|
<span className={'ml-2.5 rounded-full bg-[#A8D4ED] px-2 text-[8px] text-white'}>
|
||||||
{t('inEffect')}
|
{t('inEffect')}
|
||||||
</span>
|
</span>
|
||||||
) : (
|
) : null}
|
||||||
<span className={'ml-2.5 rounded-full bg-[#666666] px-2 text-[8px] text-white'}>
|
|
||||||
{t('notEffect')}
|
|
||||||
</span>
|
|
||||||
)}
|
|
||||||
</div>
|
</div>
|
||||||
<ResetTraffic
|
<ResetTraffic
|
||||||
className={
|
className={
|
||||||
'border-0 bg-transparent p-0 text-sm font-normal text-[#225BA9] shadow-none outline-0 hover:bg-transparent'
|
'border-0 bg-transparent p-0 text-sm font-normal text-[#225BA9] shadow-none outline-0 hover:bg-transparent'
|
||||||
}
|
}
|
||||||
id={userSubscribe?.id || 0}
|
id={userSubscribe?.[0]?.id || 0}
|
||||||
replacement={userSubscribe?.subscribe?.replacement}
|
replacement={userSubscribe?.[0]?.subscribe.replacement}
|
||||||
/>
|
/>
|
||||||
</h3>
|
</h3>
|
||||||
</div>
|
</div>
|
||||||
<div>
|
{userSubscribe?.length ? (
|
||||||
<div className='mt-1 text-xs font-light text-[#666666] sm:text-sm'>
|
<>
|
||||||
{t('planExpirationTime')}
|
<div className='mt-1 text-xs text-[#666666] sm:text-sm'>
|
||||||
{formatDate(userSubscribe?.expire_time, false) || t('None')}
|
{t('planExpirationTime')}
|
||||||
</div>
|
{formatDate(userSubscribe?.[0]?.expire_time, false)}
|
||||||
<div className='mb-3 mt-1 sm:mb-5'>
|
</div>
|
||||||
<span className='text-2xl font-medium text-[#091B33]'>
|
<div className='mb-3 sm:mb-5'>
|
||||||
{userSubscribe?.subscribe?.name ? (
|
<span className='text-2xl font-medium text-[#091B33]'>
|
||||||
userSubscribe?.subscribe?.name
|
{userSubscribe?.[0]?.subscribe.name}
|
||||||
) : (
|
</span>
|
||||||
<span className={'text-[#848484]'}>{t('noPlanAvailable')}</span>
|
</div>
|
||||||
)}
|
<div className='mb-4 flex items-center justify-between'>
|
||||||
</span>
|
<div className='flex items-center gap-2'>
|
||||||
</div>
|
<span className='text-xs sm:text-sm'>{t('availableDevices')}</span>
|
||||||
<div className='mb-4 flex items-center justify-between'>
|
<div className='flex gap-2'>
|
||||||
<div className='flex items-center gap-2'>
|
{Array.from({ length: userSubscribe?.[0]?.subscribe.device_limit }).map(
|
||||||
<span className='text-xs sm:text-sm'>{t('availableDevices')}</span>
|
(_, index) => {
|
||||||
<div className='flex gap-2'>
|
return (
|
||||||
{Array.from({ length: userSubscribe?.subscribe?.device_limit || 6 }).map(
|
<div
|
||||||
(_, index) => {
|
key={index}
|
||||||
return (
|
className={`h-4 w-4 rounded-full ${index < (userSubscribe?.[0]?.subscribe.device_limit || 0) > 1 ? 'bg-[#225BA9]' : 'bg-[#D9D9D9]'}`}
|
||||||
<div
|
></div>
|
||||||
key={index}
|
);
|
||||||
className={`h-2.5 w-2.5 rounded-full sm:h-4 sm:w-4 ${index < (userSubscribe?.subscribe?.device_limit || 0) > 1 ? 'bg-[#225BA9]' : 'bg-[#D9D9D9]'}`}
|
},
|
||||||
></div>
|
)}
|
||||||
);
|
</div>
|
||||||
},
|
</div>
|
||||||
)}
|
<span className='text-xs sm:text-sm'>
|
||||||
|
{t('online')}
|
||||||
|
{data?.online_device} / {userSubscribe?.[0]?.subscribe.device_limit}
|
||||||
|
</span>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<div className='mb-1 flex items-center justify-between'>
|
||||||
|
<span className='text-xs sm:text-sm'>
|
||||||
|
{t('usedTrafficTotalTraffic')}
|
||||||
|
<Display
|
||||||
|
type='traffic'
|
||||||
|
value={userSubscribe?.[0]?.upload + userSubscribe?.[0]?.download}
|
||||||
|
unlimited={!userSubscribe?.[0]?.traffic}
|
||||||
|
/>
|
||||||
|
/{' '}
|
||||||
|
<Display
|
||||||
|
type='traffic'
|
||||||
|
value={userSubscribe?.[0]?.traffic}
|
||||||
|
unlimited={!userSubscribe?.[0]?.traffic}
|
||||||
|
/>
|
||||||
|
</span>
|
||||||
|
<span className='text-xs sm:text-sm'>
|
||||||
|
{t('remaining')}
|
||||||
|
{100 -
|
||||||
|
Math.round(
|
||||||
|
(((userSubscribe?.[0]?.upload || 0) + (userSubscribe?.[0]?.download || 0)) /
|
||||||
|
(userSubscribe?.[0]?.traffic || 1)) *
|
||||||
|
100,
|
||||||
|
)}
|
||||||
|
%
|
||||||
|
</span>
|
||||||
|
</div>
|
||||||
|
<div className='flex h-5 w-full items-center rounded-[20px] bg-[#EAEAEA] p-0.5'>
|
||||||
|
<div
|
||||||
|
className={'h-full rounded-[20px] bg-[#225BA9]'}
|
||||||
|
style={{
|
||||||
|
width: `${Math.round((((userSubscribe?.[0]?.upload || 0) + (userSubscribe?.[0]?.download || 0)) / (userSubscribe?.[0]?.traffic || 1)) * 100)}%`,
|
||||||
|
}}
|
||||||
|
></div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<span className='text-xs font-light sm:text-sm'>
|
</>
|
||||||
{t('online')}
|
) : (
|
||||||
{data?.online_device || 0}/{userSubscribe?.subscribe?.device_limit || 0}
|
<Airo_Empty className={'py-0'} description={t('noPlanAvailable')} />
|
||||||
</span>
|
)}
|
||||||
</div>
|
|
||||||
<div>
|
|
||||||
<div className='mb-1 flex items-center justify-between font-light'>
|
|
||||||
<span className='text-xs sm:text-sm'>
|
|
||||||
{t('usedTrafficTotalTraffic')}
|
|
||||||
{userSubscribe?.subscribe?.device_limit ? (
|
|
||||||
<>
|
|
||||||
<Display
|
|
||||||
type='traffic'
|
|
||||||
value={userSubscribe?.upload + userSubscribe?.download}
|
|
||||||
unlimited={!userSubscribe?.traffic}
|
|
||||||
/>
|
|
||||||
/
|
|
||||||
<Display
|
|
||||||
type='traffic'
|
|
||||||
value={userSubscribe?.traffic || 0}
|
|
||||||
unlimited={!userSubscribe?.traffic}
|
|
||||||
/>
|
|
||||||
</>
|
|
||||||
) : (
|
|
||||||
'0GB/0GB'
|
|
||||||
)}
|
|
||||||
</span>
|
|
||||||
<span className='text-xs sm:text-sm'>
|
|
||||||
{t('remaining')}
|
|
||||||
{userSubscribe?.status === 1 ? (
|
|
||||||
<>
|
|
||||||
{100 -
|
|
||||||
Math.round(
|
|
||||||
(((userSubscribe?.upload || 0) + (userSubscribe?.download || 0)) /
|
|
||||||
(userSubscribe?.traffic || 1)) *
|
|
||||||
100,
|
|
||||||
)}
|
|
||||||
</>
|
|
||||||
) : (
|
|
||||||
0
|
|
||||||
)}
|
|
||||||
%
|
|
||||||
</span>
|
|
||||||
</div>
|
|
||||||
<div className='flex h-5 w-full items-center rounded-[20px] bg-[#EAEAEA] p-0.5'>
|
|
||||||
<div
|
|
||||||
className={'h-full rounded-[20px] bg-[#225BA9]'}
|
|
||||||
style={{
|
|
||||||
width: `${Math.round((((userSubscribe?.upload || 0) + (userSubscribe?.download || 0)) / (userSubscribe?.traffic || 1)) * 100)}%`,
|
|
||||||
}}
|
|
||||||
></div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</Card>
|
</Card>
|
||||||
|
|
||||||
{/* 网站公告 Card */}
|
{/* 网站公告 Card */}
|
||||||
|
|||||||
@ -168,7 +168,7 @@ export function TutorialButton({ items }: { items: Item[] }) {
|
|||||||
)}
|
)}
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div className={'flex'}>
|
<div>
|
||||||
{item.download ? (
|
{item.download ? (
|
||||||
<button
|
<button
|
||||||
className={cn(
|
className={cn(
|
||||||
|
|||||||
@ -85,7 +85,7 @@ export default function Page() {
|
|||||||
<Card className='border-none shadow-none sm:border sm:shadow'>
|
<Card className='border-none shadow-none sm:border sm:shadow'>
|
||||||
<CardContent className='grid gap-2 p-6 text-sm'>
|
<CardContent className='grid gap-2 p-6 text-sm'>
|
||||||
<div className='relative'>
|
<div className='relative'>
|
||||||
<div className={'flex gap-3 sm:absolute'}>
|
<div className={'absolute flex gap-3'}>
|
||||||
<div
|
<div
|
||||||
className={
|
className={
|
||||||
'flex items-center justify-between rounded-md border-2 border-[#225BA9] p-0.5'
|
'flex items-center justify-between rounded-md border-2 border-[#225BA9] p-0.5'
|
||||||
|
|||||||
@ -1,10 +0,0 @@
|
|||||||
'use client';
|
|
||||||
import EmailAuthForm1 from '@/app/auth/email2/auth-form';
|
|
||||||
|
|
||||||
export default function RegisterPage() {
|
|
||||||
return (
|
|
||||||
<div className='container w-full py-8 sm:w-[496px]'>
|
|
||||||
<EmailAuthForm1 isRedirect={true} />
|
|
||||||
</div>
|
|
||||||
);
|
|
||||||
}
|
|
||||||
@ -1,45 +0,0 @@
|
|||||||
/*import { GlobalMap } from '@/components/main/global-map';
|
|
||||||
import { Hero } from '@/components/main/hero';
|
|
||||||
import { ProductShowcase } from '@/components/main/product-showcase/index';
|
|
||||||
import { Stats } from '@/components/main/stats';*/
|
|
||||||
import Header from '@/components/Header/Header';
|
|
||||||
import { queryUserInfo } from '@/services/user/user';
|
|
||||||
import { cookies } from 'next/headers';
|
|
||||||
|
|
||||||
import EmailAuthForm2 from '@/app/auth/email2/auth-form';
|
|
||||||
import { LoginDialogProvider } from '@/app/auth/LoginDialogContext';
|
|
||||||
import FooterCopyright from '@/components/main/FooterCopyright';
|
|
||||||
import FullScreenVideoBackground from '@/components/main/FullScreenVideoBackground';
|
|
||||||
|
|
||||||
export default async function Home() {
|
|
||||||
const Authorization = (await cookies()).get('Authorization')?.value;
|
|
||||||
|
|
||||||
if (Authorization) {
|
|
||||||
let user = null;
|
|
||||||
try {
|
|
||||||
user = await queryUserInfo({
|
|
||||||
skipErrorHandler: true,
|
|
||||||
Authorization,
|
|
||||||
}).then((res) => res.data.data);
|
|
||||||
} catch (error) {
|
|
||||||
console.log('Token validation failed:', error);
|
|
||||||
}
|
|
||||||
|
|
||||||
if (user) {
|
|
||||||
// redirect('/dashboard');
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
return (
|
|
||||||
<LoginDialogProvider>
|
|
||||||
<FullScreenVideoBackground />
|
|
||||||
<Header />
|
|
||||||
<main className='fixed inset-0 z-40 flex items-center justify-center'>
|
|
||||||
<div className={'w-[80%] pt-8 sm:w-[496px]'}>
|
|
||||||
<EmailAuthForm2 isRedirect={true} />
|
|
||||||
</div>
|
|
||||||
</main>
|
|
||||||
<FooterCopyright />
|
|
||||||
</LoginDialogProvider>
|
|
||||||
);
|
|
||||||
}
|
|
||||||
@ -1,111 +0,0 @@
|
|||||||
'use client';
|
|
||||||
|
|
||||||
import { resetPassword, userLogin, userRegister } from '@/services/common/auth';
|
|
||||||
import { useTranslations } from 'next-intl';
|
|
||||||
import { useRouter } from 'next/navigation';
|
|
||||||
import { ReactNode, useState, useTransition } from 'react';
|
|
||||||
import { toast } from 'sonner';
|
|
||||||
|
|
||||||
import {
|
|
||||||
NEXT_PUBLIC_DEFAULT_USER_EMAIL,
|
|
||||||
NEXT_PUBLIC_DEFAULT_USER_PASSWORD,
|
|
||||||
} from '@/config/constants';
|
|
||||||
import useGlobalStore from '@/config/use-global';
|
|
||||||
import { getRedirectUrl, setAuthorization } from '@/utils/common';
|
|
||||||
import LoginForm from './login-form';
|
|
||||||
import RegisterForm from './register-form';
|
|
||||||
import ResetForm from './reset-form';
|
|
||||||
|
|
||||||
export default function EmailAuthForm(props: { isRedirect: boolean }) {
|
|
||||||
const t = useTranslations('auth');
|
|
||||||
const router = useRouter();
|
|
||||||
const [type, setType] = useState<'login' | 'register' | 'reset'>('register');
|
|
||||||
const [loading, startTransition] = useTransition();
|
|
||||||
const [initialValues, setInitialValues] = useState<{
|
|
||||||
email?: string;
|
|
||||||
password?: string;
|
|
||||||
}>({
|
|
||||||
email: NEXT_PUBLIC_DEFAULT_USER_EMAIL,
|
|
||||||
password: NEXT_PUBLIC_DEFAULT_USER_PASSWORD,
|
|
||||||
});
|
|
||||||
const { getUserInfo } = useGlobalStore();
|
|
||||||
const handleFormSubmit = async (params: any) => {
|
|
||||||
const onLogin = async (token?: string) => {
|
|
||||||
if (!token) return;
|
|
||||||
setAuthorization(token);
|
|
||||||
console.log('props.isRedirect', token);
|
|
||||||
console.log('props.isRedirect', props.isRedirect);
|
|
||||||
console.log('props.isRedirect ', getRedirectUrl());
|
|
||||||
if (props.isRedirect) {
|
|
||||||
router.replace(getRedirectUrl());
|
|
||||||
router.refresh();
|
|
||||||
} else {
|
|
||||||
await getUserInfo();
|
|
||||||
}
|
|
||||||
};
|
|
||||||
startTransition(async () => {
|
|
||||||
try {
|
|
||||||
switch (type) {
|
|
||||||
case 'login': {
|
|
||||||
const login = await userLogin(params);
|
|
||||||
toast.success(t('login.success'));
|
|
||||||
onLogin(login.data.data?.token);
|
|
||||||
break;
|
|
||||||
}
|
|
||||||
case 'register': {
|
|
||||||
const create = await userRegister(params);
|
|
||||||
toast.success(t('register.success'));
|
|
||||||
onLogin(create.data.data?.token);
|
|
||||||
break;
|
|
||||||
}
|
|
||||||
case 'reset':
|
|
||||||
await resetPassword(params);
|
|
||||||
toast.success(t('reset.success'));
|
|
||||||
setType('login');
|
|
||||||
break;
|
|
||||||
}
|
|
||||||
} catch (error) {
|
|
||||||
/* empty */
|
|
||||||
}
|
|
||||||
});
|
|
||||||
};
|
|
||||||
|
|
||||||
let UserForm: ReactNode = null;
|
|
||||||
switch (type) {
|
|
||||||
case 'login':
|
|
||||||
UserForm = (
|
|
||||||
<LoginForm
|
|
||||||
loading={loading}
|
|
||||||
onSubmit={handleFormSubmit}
|
|
||||||
initialValues={initialValues}
|
|
||||||
setInitialValues={setInitialValues}
|
|
||||||
onSwitchForm={setType}
|
|
||||||
/>
|
|
||||||
);
|
|
||||||
break;
|
|
||||||
case 'register':
|
|
||||||
UserForm = (
|
|
||||||
<RegisterForm
|
|
||||||
loading={loading}
|
|
||||||
onSubmit={handleFormSubmit}
|
|
||||||
initialValues={initialValues}
|
|
||||||
setInitialValues={setInitialValues}
|
|
||||||
onSwitchForm={setType}
|
|
||||||
/>
|
|
||||||
);
|
|
||||||
break;
|
|
||||||
case 'reset':
|
|
||||||
UserForm = (
|
|
||||||
<ResetForm
|
|
||||||
loading={loading}
|
|
||||||
onSubmit={handleFormSubmit}
|
|
||||||
initialValues={initialValues}
|
|
||||||
setInitialValues={setInitialValues}
|
|
||||||
onSwitchForm={setType}
|
|
||||||
/>
|
|
||||||
);
|
|
||||||
break;
|
|
||||||
}
|
|
||||||
|
|
||||||
return UserForm;
|
|
||||||
}
|
|
||||||
@ -1,147 +0,0 @@
|
|||||||
import useGlobalStore from '@/config/use-global';
|
|
||||||
import { zodResolver } from '@hookform/resolvers/zod';
|
|
||||||
import { AiroButton } from '@workspace/airo-ui/components/AiroButton';
|
|
||||||
import { Button } from '@workspace/airo-ui/components/button';
|
|
||||||
import {
|
|
||||||
Form,
|
|
||||||
FormControl,
|
|
||||||
FormField,
|
|
||||||
FormItem,
|
|
||||||
FormMessage,
|
|
||||||
} from '@workspace/airo-ui/components/form';
|
|
||||||
import { Input } from '@workspace/airo-ui/components/input';
|
|
||||||
import { Icon } from '@workspace/airo-ui/custom-components/icon';
|
|
||||||
import { useTranslations } from 'next-intl';
|
|
||||||
import { Dispatch, SetStateAction, useRef } from 'react';
|
|
||||||
import { useForm } from 'react-hook-form';
|
|
||||||
import { z } from 'zod';
|
|
||||||
import CloudFlareTurnstile, { TurnstileRef } from '../turnstile';
|
|
||||||
|
|
||||||
export default function LoginForm({
|
|
||||||
loading,
|
|
||||||
onSubmit,
|
|
||||||
initialValues,
|
|
||||||
setInitialValues,
|
|
||||||
onSwitchForm,
|
|
||||||
}: {
|
|
||||||
loading?: boolean;
|
|
||||||
onSubmit: (data: any) => void;
|
|
||||||
initialValues: any;
|
|
||||||
setInitialValues: Dispatch<SetStateAction<any>>;
|
|
||||||
onSwitchForm: Dispatch<SetStateAction<'register' | 'reset' | 'login'>>;
|
|
||||||
}) {
|
|
||||||
const t = useTranslations('auth.login');
|
|
||||||
const { common } = useGlobalStore();
|
|
||||||
const { verify } = common;
|
|
||||||
|
|
||||||
const formSchema = z.object({
|
|
||||||
email: z.string().email(t('email')),
|
|
||||||
password: z.string(),
|
|
||||||
cf_token:
|
|
||||||
verify.enable_login_verify && verify.turnstile_site_key ? z.string() : z.string().optional(),
|
|
||||||
});
|
|
||||||
const form = useForm<z.infer<typeof formSchema>>({
|
|
||||||
resolver: zodResolver(formSchema),
|
|
||||||
defaultValues: initialValues,
|
|
||||||
});
|
|
||||||
|
|
||||||
const turnstile = useRef<TurnstileRef>(null);
|
|
||||||
const handleSubmit = form.handleSubmit((data) => {
|
|
||||||
try {
|
|
||||||
onSubmit(data);
|
|
||||||
} catch (error) {
|
|
||||||
turnstile.current?.reset();
|
|
||||||
}
|
|
||||||
});
|
|
||||||
|
|
||||||
return (
|
|
||||||
<>
|
|
||||||
<div className={'h-[84px] text-2xl font-bold leading-[84px]'}>账户验证</div>
|
|
||||||
<Form {...form}>
|
|
||||||
<form onSubmit={handleSubmit} className=''>
|
|
||||||
<FormField
|
|
||||||
control={form.control}
|
|
||||||
name='email'
|
|
||||||
render={({ field }) => (
|
|
||||||
<FormItem className={'mb-5'}>
|
|
||||||
<FormControl>
|
|
||||||
<Input
|
|
||||||
className={'h-[46px] rounded-full shadow-[inset_0_0_7.6px_0_#00000040]'}
|
|
||||||
placeholder='Email'
|
|
||||||
type='email'
|
|
||||||
{...field}
|
|
||||||
/>
|
|
||||||
</FormControl>
|
|
||||||
<FormMessage />
|
|
||||||
</FormItem>
|
|
||||||
)}
|
|
||||||
/>
|
|
||||||
<FormField
|
|
||||||
control={form.control}
|
|
||||||
name='password'
|
|
||||||
render={({ field }) => (
|
|
||||||
<FormItem className={'mb-2'}>
|
|
||||||
<FormControl>
|
|
||||||
<Input
|
|
||||||
className={'h-[46px] rounded-full shadow-[inset_0_0_7.6px_0_#00000040]'}
|
|
||||||
placeholder='Password'
|
|
||||||
type='password'
|
|
||||||
{...field}
|
|
||||||
/>
|
|
||||||
</FormControl>
|
|
||||||
<FormMessage />
|
|
||||||
</FormItem>
|
|
||||||
)}
|
|
||||||
/>
|
|
||||||
{verify.enable_login_verify && (
|
|
||||||
<FormField
|
|
||||||
control={form.control}
|
|
||||||
name='cf_token'
|
|
||||||
render={({ field }) => (
|
|
||||||
<FormItem className={'last:mb-0'}>
|
|
||||||
<FormControl>
|
|
||||||
<CloudFlareTurnstile id='login' {...field} ref={turnstile} />
|
|
||||||
</FormControl>
|
|
||||||
<FormMessage />
|
|
||||||
</FormItem>
|
|
||||||
)}
|
|
||||||
/>
|
|
||||||
)}
|
|
||||||
<div className='flex w-full justify-between text-sm'>
|
|
||||||
<Button
|
|
||||||
variant='link'
|
|
||||||
type='button'
|
|
||||||
className='p-0 text-[#225BA9]'
|
|
||||||
onClick={() => onSwitchForm('reset')}
|
|
||||||
>
|
|
||||||
{t('forgotPassword')}
|
|
||||||
</Button>
|
|
||||||
<Button
|
|
||||||
variant='link'
|
|
||||||
type='button'
|
|
||||||
className='p-0 text-[#225BA9]'
|
|
||||||
onClick={() => {
|
|
||||||
setInitialValues(undefined);
|
|
||||||
onSwitchForm('register');
|
|
||||||
}}
|
|
||||||
>
|
|
||||||
{t('registerAccount')}
|
|
||||||
</Button>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div className='mt-6 flex justify-center'>
|
|
||||||
<AiroButton
|
|
||||||
type='submit'
|
|
||||||
variant='default'
|
|
||||||
disabled={loading}
|
|
||||||
className='h-auto min-w-[157px] py-2 text-lg font-medium'
|
|
||||||
>
|
|
||||||
{loading && <Icon icon='mdi:loading' className='animate-spin' />}
|
|
||||||
{t('title')}
|
|
||||||
</AiroButton>
|
|
||||||
</div>
|
|
||||||
</form>
|
|
||||||
</Form>
|
|
||||||
</>
|
|
||||||
);
|
|
||||||
}
|
|
||||||
@ -1,218 +0,0 @@
|
|||||||
'use client';
|
|
||||||
import useGlobalStore from '@/config/use-global';
|
|
||||||
import { zodResolver } from '@hookform/resolvers/zod';
|
|
||||||
import { AiroButton } from '@workspace/airo-ui/components/AiroButton';
|
|
||||||
import { Button } from '@workspace/airo-ui/components/button';
|
|
||||||
|
|
||||||
import {
|
|
||||||
Form,
|
|
||||||
FormControl,
|
|
||||||
FormField,
|
|
||||||
FormItem,
|
|
||||||
FormMessage,
|
|
||||||
} from '@workspace/airo-ui/components/form';
|
|
||||||
import { Input } from '@workspace/airo-ui/components/input';
|
|
||||||
import { Icon } from '@workspace/airo-ui/custom-components/icon';
|
|
||||||
import { useRouter } from 'next/navigation';
|
|
||||||
import { Dispatch, SetStateAction, useEffect, useRef, useState } from 'react';
|
|
||||||
import { useForm } from 'react-hook-form';
|
|
||||||
import { z } from 'zod';
|
|
||||||
import SendCode from '../send-code';
|
|
||||||
import { TurnstileRef } from '../turnstile';
|
|
||||||
|
|
||||||
export default function RegisterForm({
|
|
||||||
loading,
|
|
||||||
onSubmit,
|
|
||||||
initialValues,
|
|
||||||
setInitialValues,
|
|
||||||
onSwitchForm,
|
|
||||||
}: {
|
|
||||||
loading?: boolean;
|
|
||||||
onSubmit: (data: any) => void;
|
|
||||||
initialValues: any;
|
|
||||||
setInitialValues: Dispatch<SetStateAction<any>>;
|
|
||||||
onSwitchForm: Dispatch<SetStateAction<'register' | 'reset' | 'login'>>;
|
|
||||||
}) {
|
|
||||||
const { common } = useGlobalStore();
|
|
||||||
const router = useRouter();
|
|
||||||
|
|
||||||
const formSchema = z
|
|
||||||
.object({
|
|
||||||
email: z.string().email('请输入有效的电子邮件地址。'),
|
|
||||||
password: z.string().min(1, '请输入密码'), // 必填提示
|
|
||||||
repeat_password: z.string().min(1, '请重复输入密码'), // 必填
|
|
||||||
code: z.string().min(1, '请输入验证码'), // 必填,
|
|
||||||
invite: z.string().nullish(),
|
|
||||||
})
|
|
||||||
.superRefine(({ password, repeat_password }, ctx) => {
|
|
||||||
if (password !== repeat_password) {
|
|
||||||
ctx.addIssue({
|
|
||||||
code: z.ZodIssueCode.custom,
|
|
||||||
message: '两次密码输入不一致',
|
|
||||||
path: ['repeat_password'],
|
|
||||||
});
|
|
||||||
}
|
|
||||||
});
|
|
||||||
|
|
||||||
const [inviteDefault, setInviteDefault] = useState('');
|
|
||||||
|
|
||||||
useEffect(() => {
|
|
||||||
const invite = localStorage.getItem('invite') || '';
|
|
||||||
setInviteDefault(invite);
|
|
||||||
}, []);
|
|
||||||
|
|
||||||
const form = useForm<z.infer<typeof formSchema>>({
|
|
||||||
resolver: zodResolver(formSchema),
|
|
||||||
defaultValues: {
|
|
||||||
...initialValues,
|
|
||||||
invite: inviteDefault,
|
|
||||||
},
|
|
||||||
});
|
|
||||||
|
|
||||||
const turnstile = useRef<TurnstileRef>(null);
|
|
||||||
const handleSubmit = form.handleSubmit((data) => {
|
|
||||||
try {
|
|
||||||
onSubmit(data);
|
|
||||||
} catch (error) {
|
|
||||||
turnstile.current?.reset();
|
|
||||||
}
|
|
||||||
});
|
|
||||||
|
|
||||||
return (
|
|
||||||
<>
|
|
||||||
<div className={'h-[84px] text-2xl font-bold leading-[84px]'}>线路优化</div>
|
|
||||||
|
|
||||||
<Form {...form}>
|
|
||||||
<form onSubmit={handleSubmit}>
|
|
||||||
<div className='grid gap-5'>
|
|
||||||
<FormField
|
|
||||||
control={form.control}
|
|
||||||
name='email'
|
|
||||||
render={({ field }) => (
|
|
||||||
<FormItem>
|
|
||||||
<FormControl>
|
|
||||||
<Input
|
|
||||||
className={'h-[46px] rounded-full shadow-[inset_0_0_7.6px_0_#00000040]'}
|
|
||||||
placeholder='电子邮箱'
|
|
||||||
type='email'
|
|
||||||
{...field}
|
|
||||||
/>
|
|
||||||
</FormControl>
|
|
||||||
<FormMessage />
|
|
||||||
</FormItem>
|
|
||||||
)}
|
|
||||||
/>
|
|
||||||
<FormField
|
|
||||||
control={form.control}
|
|
||||||
name='password'
|
|
||||||
render={({ field }) => (
|
|
||||||
<FormItem>
|
|
||||||
<FormControl>
|
|
||||||
<Input
|
|
||||||
className={'h-[46px] rounded-full shadow-[inset_0_0_7.6px_0_#00000040]'}
|
|
||||||
placeholder='设置密码'
|
|
||||||
type='password'
|
|
||||||
{...field}
|
|
||||||
/>
|
|
||||||
</FormControl>
|
|
||||||
<FormMessage />
|
|
||||||
</FormItem>
|
|
||||||
)}
|
|
||||||
/>
|
|
||||||
<FormField
|
|
||||||
control={form.control}
|
|
||||||
name='repeat_password'
|
|
||||||
render={({ field }) => (
|
|
||||||
<FormItem>
|
|
||||||
<FormControl>
|
|
||||||
<Input
|
|
||||||
className={'h-[46px] rounded-full shadow-[inset_0_0_7.6px_0_#00000040]'}
|
|
||||||
disabled={loading}
|
|
||||||
placeholder='再次输入密码'
|
|
||||||
type='password'
|
|
||||||
{...field}
|
|
||||||
/>
|
|
||||||
</FormControl>
|
|
||||||
<FormMessage />
|
|
||||||
</FormItem>
|
|
||||||
)}
|
|
||||||
/>
|
|
||||||
{
|
|
||||||
<FormField
|
|
||||||
control={form.control}
|
|
||||||
name='code'
|
|
||||||
render={({ field }) => (
|
|
||||||
<FormItem>
|
|
||||||
<FormControl>
|
|
||||||
<div className='flex items-center gap-8'>
|
|
||||||
<Input
|
|
||||||
disabled={loading}
|
|
||||||
className={'h-[46px] rounded-full shadow-[inset_0_0_7.6px_0_#00000040]'}
|
|
||||||
placeholder='邮箱验证码'
|
|
||||||
type='text'
|
|
||||||
{...field}
|
|
||||||
value={field.value as string}
|
|
||||||
/>
|
|
||||||
<SendCode
|
|
||||||
type='email'
|
|
||||||
form={form}
|
|
||||||
params={{
|
|
||||||
...form.getValues(),
|
|
||||||
type: 1,
|
|
||||||
}}
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
</FormControl>
|
|
||||||
<FormMessage />
|
|
||||||
</FormItem>
|
|
||||||
)}
|
|
||||||
/>
|
|
||||||
}
|
|
||||||
<FormField
|
|
||||||
control={form.control}
|
|
||||||
name='invite'
|
|
||||||
render={({ field }) => (
|
|
||||||
<FormItem>
|
|
||||||
<FormControl>
|
|
||||||
<Input
|
|
||||||
className={'h-[46px] rounded-full shadow-[inset_0_0_7.6px_0_#00000040]'}
|
|
||||||
disabled={loading || !!inviteDefault}
|
|
||||||
placeholder={'邀请码(非必填)'}
|
|
||||||
{...field}
|
|
||||||
value={field.value || ''}
|
|
||||||
/>
|
|
||||||
</FormControl>
|
|
||||||
<FormMessage />
|
|
||||||
</FormItem>
|
|
||||||
)}
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div className='text-right text-sm'>
|
|
||||||
已有账户?
|
|
||||||
<Button
|
|
||||||
variant='link'
|
|
||||||
type='button'
|
|
||||||
className='p-0 text-[#225BA9]'
|
|
||||||
onClick={() => {
|
|
||||||
router.replace('/');
|
|
||||||
}}
|
|
||||||
>
|
|
||||||
登录
|
|
||||||
</Button>
|
|
||||||
</div>
|
|
||||||
<div className='mt-6 flex justify-center'>
|
|
||||||
<AiroButton
|
|
||||||
type='submit'
|
|
||||||
disabled={loading}
|
|
||||||
className='h-auto min-w-[157px] py-2 text-lg font-medium'
|
|
||||||
>
|
|
||||||
{loading && <Icon icon='mdi:loading' className='animate-spin' />}
|
|
||||||
注册
|
|
||||||
</AiroButton>
|
|
||||||
</div>
|
|
||||||
</form>
|
|
||||||
</Form>
|
|
||||||
</>
|
|
||||||
);
|
|
||||||
}
|
|
||||||
@ -1,174 +0,0 @@
|
|||||||
import useGlobalStore from '@/config/use-global';
|
|
||||||
import { zodResolver } from '@hookform/resolvers/zod';
|
|
||||||
import { AiroButton } from '@workspace/airo-ui/components/AiroButton';
|
|
||||||
import { Button } from '@workspace/airo-ui/components/button';
|
|
||||||
import {
|
|
||||||
Form,
|
|
||||||
FormControl,
|
|
||||||
FormField,
|
|
||||||
FormItem,
|
|
||||||
FormMessage,
|
|
||||||
} from '@workspace/airo-ui/components/form';
|
|
||||||
import { Input } from '@workspace/airo-ui/components/input';
|
|
||||||
import { Icon } from '@workspace/airo-ui/custom-components/icon';
|
|
||||||
import { useTranslations } from 'next-intl';
|
|
||||||
import { Dispatch, SetStateAction, useRef } from 'react';
|
|
||||||
import { useForm } from 'react-hook-form';
|
|
||||||
import { z } from 'zod';
|
|
||||||
import SendCode from '../send-code';
|
|
||||||
import CloudFlareTurnstile, { TurnstileRef } from '../turnstile';
|
|
||||||
|
|
||||||
export default function ResetForm({
|
|
||||||
loading,
|
|
||||||
onSubmit,
|
|
||||||
initialValues,
|
|
||||||
setInitialValues,
|
|
||||||
onSwitchForm,
|
|
||||||
}: {
|
|
||||||
loading?: boolean;
|
|
||||||
onSubmit: (data: any) => void;
|
|
||||||
initialValues: any;
|
|
||||||
setInitialValues: Dispatch<SetStateAction<any>>;
|
|
||||||
onSwitchForm: Dispatch<SetStateAction<'register' | 'reset' | 'login'>>;
|
|
||||||
}) {
|
|
||||||
const t = useTranslations('auth.reset');
|
|
||||||
|
|
||||||
const { common } = useGlobalStore();
|
|
||||||
const { verify, auth } = common;
|
|
||||||
|
|
||||||
const formSchema = z.object({
|
|
||||||
email: z.string().email(t('email')),
|
|
||||||
password: z.string(),
|
|
||||||
code: auth?.email?.enable_verify ? z.string() : z.string().nullish(),
|
|
||||||
cf_token:
|
|
||||||
verify.enable_register_verify && verify.turnstile_site_key
|
|
||||||
? z.string()
|
|
||||||
: z.string().nullish(),
|
|
||||||
});
|
|
||||||
const form = useForm<z.infer<typeof formSchema>>({
|
|
||||||
resolver: zodResolver(formSchema),
|
|
||||||
defaultValues: initialValues,
|
|
||||||
});
|
|
||||||
|
|
||||||
const turnstile = useRef<TurnstileRef>(null);
|
|
||||||
const handleSubmit = form.handleSubmit((data) => {
|
|
||||||
try {
|
|
||||||
onSubmit(data);
|
|
||||||
} catch (error) {
|
|
||||||
turnstile.current?.reset();
|
|
||||||
}
|
|
||||||
});
|
|
||||||
|
|
||||||
return (
|
|
||||||
<>
|
|
||||||
<div className={'h-[84px] text-2xl font-bold leading-[84px]'}>找回账户</div>
|
|
||||||
<Form {...form}>
|
|
||||||
<form onSubmit={handleSubmit}>
|
|
||||||
<div className='grid gap-5'>
|
|
||||||
<FormField
|
|
||||||
control={form.control}
|
|
||||||
name='email'
|
|
||||||
render={({ field }) => (
|
|
||||||
<FormItem>
|
|
||||||
<FormControl>
|
|
||||||
<Input
|
|
||||||
className={'h-[46px] rounded-full shadow-[inset_0_0_7.6px_0_#00000040]'}
|
|
||||||
placeholder='Enter your email...'
|
|
||||||
type='email'
|
|
||||||
{...field}
|
|
||||||
/>
|
|
||||||
</FormControl>
|
|
||||||
<FormMessage />
|
|
||||||
</FormItem>
|
|
||||||
)}
|
|
||||||
/>
|
|
||||||
<FormField
|
|
||||||
control={form.control}
|
|
||||||
name='code'
|
|
||||||
render={({ field }) => (
|
|
||||||
<FormItem>
|
|
||||||
<FormControl>
|
|
||||||
<div className='flex items-center gap-8'>
|
|
||||||
<Input
|
|
||||||
className={'h-[46px] rounded-full shadow-[inset_0_0_7.6px_0_#00000040]'}
|
|
||||||
disabled={loading}
|
|
||||||
placeholder='Enter code...'
|
|
||||||
type='text'
|
|
||||||
{...field}
|
|
||||||
value={field.value as string}
|
|
||||||
/>
|
|
||||||
<SendCode
|
|
||||||
type='email'
|
|
||||||
form={form}
|
|
||||||
params={{
|
|
||||||
...form.getValues(),
|
|
||||||
type: 2,
|
|
||||||
}}
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
</FormControl>
|
|
||||||
<FormMessage />
|
|
||||||
</FormItem>
|
|
||||||
)}
|
|
||||||
/>
|
|
||||||
<FormField
|
|
||||||
control={form.control}
|
|
||||||
name='password'
|
|
||||||
render={({ field }) => (
|
|
||||||
<FormItem>
|
|
||||||
<FormControl>
|
|
||||||
<Input
|
|
||||||
className={'h-[46px] rounded-full shadow-[inset_0_0_7.6px_0_#00000040]'}
|
|
||||||
placeholder='Enter your new password...'
|
|
||||||
type='password'
|
|
||||||
{...field}
|
|
||||||
/>
|
|
||||||
</FormControl>
|
|
||||||
<FormMessage />
|
|
||||||
</FormItem>
|
|
||||||
)}
|
|
||||||
/>
|
|
||||||
{verify.enable_reset_password_verify && (
|
|
||||||
<FormField
|
|
||||||
control={form.control}
|
|
||||||
name='cf_token'
|
|
||||||
render={({ field }) => (
|
|
||||||
<FormItem>
|
|
||||||
<FormControl>
|
|
||||||
<CloudFlareTurnstile id='reset' {...field} ref={turnstile} />
|
|
||||||
</FormControl>
|
|
||||||
<FormMessage />
|
|
||||||
</FormItem>
|
|
||||||
)}
|
|
||||||
/>
|
|
||||||
)}
|
|
||||||
</div>
|
|
||||||
<div className='text-right text-sm'>
|
|
||||||
{t('existingAccount')}
|
|
||||||
<Button
|
|
||||||
variant='link'
|
|
||||||
type='button'
|
|
||||||
className='p-0 text-[#225BA9]'
|
|
||||||
onClick={() => {
|
|
||||||
setInitialValues(undefined);
|
|
||||||
onSwitchForm('login');
|
|
||||||
}}
|
|
||||||
>
|
|
||||||
{t('switchToLogin')}
|
|
||||||
</Button>
|
|
||||||
</div>
|
|
||||||
<div className='mt-6 flex justify-center'>
|
|
||||||
<AiroButton
|
|
||||||
type='submit'
|
|
||||||
disabled={loading}
|
|
||||||
className='h-auto min-w-[157px] py-2 text-lg font-medium'
|
|
||||||
>
|
|
||||||
{loading && <Icon icon='mdi:loading' className='animate-spin' />}
|
|
||||||
{t('title')}
|
|
||||||
</AiroButton>
|
|
||||||
</div>
|
|
||||||
</form>
|
|
||||||
</Form>
|
|
||||||
</>
|
|
||||||
);
|
|
||||||
}
|
|
||||||
@ -1,111 +0,0 @@
|
|||||||
'use client';
|
|
||||||
|
|
||||||
import { resetPassword, userLogin, userRegister } from '@/services/common/auth';
|
|
||||||
import { useTranslations } from 'next-intl';
|
|
||||||
import { useRouter } from 'next/navigation';
|
|
||||||
import { ReactNode, useState, useTransition } from 'react';
|
|
||||||
import { toast } from 'sonner';
|
|
||||||
|
|
||||||
import {
|
|
||||||
NEXT_PUBLIC_DEFAULT_USER_EMAIL,
|
|
||||||
NEXT_PUBLIC_DEFAULT_USER_PASSWORD,
|
|
||||||
} from '@/config/constants';
|
|
||||||
import useGlobalStore from '@/config/use-global';
|
|
||||||
import { getRedirectUrl, setAuthorization } from '@/utils/common';
|
|
||||||
import LoginForm from './login-form';
|
|
||||||
import RegisterForm from './register-form';
|
|
||||||
import ResetForm from './reset-form';
|
|
||||||
|
|
||||||
export default function EmailAuthForm(props: { isRedirect: boolean }) {
|
|
||||||
const t = useTranslations('auth');
|
|
||||||
const router = useRouter();
|
|
||||||
const [type, setType] = useState<'login' | 'register' | 'reset'>('register');
|
|
||||||
const [loading, startTransition] = useTransition();
|
|
||||||
const [initialValues, setInitialValues] = useState<{
|
|
||||||
email?: string;
|
|
||||||
password?: string;
|
|
||||||
}>({
|
|
||||||
email: NEXT_PUBLIC_DEFAULT_USER_EMAIL,
|
|
||||||
password: NEXT_PUBLIC_DEFAULT_USER_PASSWORD,
|
|
||||||
});
|
|
||||||
const { getUserInfo } = useGlobalStore();
|
|
||||||
const handleFormSubmit = async (params: any) => {
|
|
||||||
const onLogin = async (token?: string) => {
|
|
||||||
if (!token) return;
|
|
||||||
setAuthorization(token);
|
|
||||||
console.log('props.isRedirect', token);
|
|
||||||
console.log('props.isRedirect', props.isRedirect);
|
|
||||||
console.log('props.isRedirect ', getRedirectUrl());
|
|
||||||
if (props.isRedirect) {
|
|
||||||
router.replace(getRedirectUrl());
|
|
||||||
router.refresh();
|
|
||||||
} else {
|
|
||||||
await getUserInfo();
|
|
||||||
}
|
|
||||||
};
|
|
||||||
startTransition(async () => {
|
|
||||||
try {
|
|
||||||
switch (type) {
|
|
||||||
case 'login': {
|
|
||||||
const login = await userLogin(params);
|
|
||||||
toast.success(t('login.success'));
|
|
||||||
onLogin(login.data.data?.token);
|
|
||||||
break;
|
|
||||||
}
|
|
||||||
case 'register': {
|
|
||||||
const create = await userRegister(params);
|
|
||||||
toast.success(t('register.success'));
|
|
||||||
onLogin(create.data.data?.token);
|
|
||||||
break;
|
|
||||||
}
|
|
||||||
case 'reset':
|
|
||||||
await resetPassword(params);
|
|
||||||
toast.success(t('reset.success'));
|
|
||||||
setType('login');
|
|
||||||
break;
|
|
||||||
}
|
|
||||||
} catch (error) {
|
|
||||||
/* empty */
|
|
||||||
}
|
|
||||||
});
|
|
||||||
};
|
|
||||||
|
|
||||||
let UserForm: ReactNode = null;
|
|
||||||
switch (type) {
|
|
||||||
case 'login':
|
|
||||||
UserForm = (
|
|
||||||
<LoginForm
|
|
||||||
loading={loading}
|
|
||||||
onSubmit={handleFormSubmit}
|
|
||||||
initialValues={initialValues}
|
|
||||||
setInitialValues={setInitialValues}
|
|
||||||
onSwitchForm={setType}
|
|
||||||
/>
|
|
||||||
);
|
|
||||||
break;
|
|
||||||
case 'register':
|
|
||||||
UserForm = (
|
|
||||||
<RegisterForm
|
|
||||||
loading={loading}
|
|
||||||
onSubmit={handleFormSubmit}
|
|
||||||
initialValues={initialValues}
|
|
||||||
setInitialValues={setInitialValues}
|
|
||||||
onSwitchForm={setType}
|
|
||||||
/>
|
|
||||||
);
|
|
||||||
break;
|
|
||||||
case 'reset':
|
|
||||||
UserForm = (
|
|
||||||
<ResetForm
|
|
||||||
loading={loading}
|
|
||||||
onSubmit={handleFormSubmit}
|
|
||||||
initialValues={initialValues}
|
|
||||||
setInitialValues={setInitialValues}
|
|
||||||
onSwitchForm={setType}
|
|
||||||
/>
|
|
||||||
);
|
|
||||||
break;
|
|
||||||
}
|
|
||||||
|
|
||||||
return UserForm;
|
|
||||||
}
|
|
||||||
@ -1,147 +0,0 @@
|
|||||||
import useGlobalStore from '@/config/use-global';
|
|
||||||
import { zodResolver } from '@hookform/resolvers/zod';
|
|
||||||
import { AiroButton } from '@workspace/airo-ui/components/AiroButton';
|
|
||||||
import { Button } from '@workspace/airo-ui/components/button';
|
|
||||||
import {
|
|
||||||
Form,
|
|
||||||
FormControl,
|
|
||||||
FormField,
|
|
||||||
FormItem,
|
|
||||||
FormMessage,
|
|
||||||
} from '@workspace/airo-ui/components/form';
|
|
||||||
import { Input } from '@workspace/airo-ui/components/input';
|
|
||||||
import { Icon } from '@workspace/airo-ui/custom-components/icon';
|
|
||||||
import { useTranslations } from 'next-intl';
|
|
||||||
import { Dispatch, SetStateAction, useRef } from 'react';
|
|
||||||
import { useForm } from 'react-hook-form';
|
|
||||||
import { z } from 'zod';
|
|
||||||
import CloudFlareTurnstile, { TurnstileRef } from '../turnstile';
|
|
||||||
|
|
||||||
export default function LoginForm({
|
|
||||||
loading,
|
|
||||||
onSubmit,
|
|
||||||
initialValues,
|
|
||||||
setInitialValues,
|
|
||||||
onSwitchForm,
|
|
||||||
}: {
|
|
||||||
loading?: boolean;
|
|
||||||
onSubmit: (data: any) => void;
|
|
||||||
initialValues: any;
|
|
||||||
setInitialValues: Dispatch<SetStateAction<any>>;
|
|
||||||
onSwitchForm: Dispatch<SetStateAction<'register' | 'reset' | 'login'>>;
|
|
||||||
}) {
|
|
||||||
const t = useTranslations('auth.login');
|
|
||||||
const { common } = useGlobalStore();
|
|
||||||
const { verify } = common;
|
|
||||||
|
|
||||||
const formSchema = z.object({
|
|
||||||
email: z.string().email(t('email')),
|
|
||||||
password: z.string(),
|
|
||||||
cf_token:
|
|
||||||
verify.enable_login_verify && verify.turnstile_site_key ? z.string() : z.string().optional(),
|
|
||||||
});
|
|
||||||
const form = useForm<z.infer<typeof formSchema>>({
|
|
||||||
resolver: zodResolver(formSchema),
|
|
||||||
defaultValues: initialValues,
|
|
||||||
});
|
|
||||||
|
|
||||||
const turnstile = useRef<TurnstileRef>(null);
|
|
||||||
const handleSubmit = form.handleSubmit((data) => {
|
|
||||||
try {
|
|
||||||
onSubmit(data);
|
|
||||||
} catch (error) {
|
|
||||||
turnstile.current?.reset();
|
|
||||||
}
|
|
||||||
});
|
|
||||||
|
|
||||||
return (
|
|
||||||
<>
|
|
||||||
<div className={'h-[84px] text-2xl font-bold leading-[84px]'}>账户验证</div>
|
|
||||||
<Form {...form}>
|
|
||||||
<form onSubmit={handleSubmit} className=''>
|
|
||||||
<FormField
|
|
||||||
control={form.control}
|
|
||||||
name='email'
|
|
||||||
render={({ field }) => (
|
|
||||||
<FormItem className={'mb-5'}>
|
|
||||||
<FormControl>
|
|
||||||
<Input
|
|
||||||
className={'h-[46px] rounded-full shadow-[inset_0_0_7.6px_0_#00000040]'}
|
|
||||||
placeholder='Email'
|
|
||||||
type='email'
|
|
||||||
{...field}
|
|
||||||
/>
|
|
||||||
</FormControl>
|
|
||||||
<FormMessage />
|
|
||||||
</FormItem>
|
|
||||||
)}
|
|
||||||
/>
|
|
||||||
<FormField
|
|
||||||
control={form.control}
|
|
||||||
name='password'
|
|
||||||
render={({ field }) => (
|
|
||||||
<FormItem className={'mb-2'}>
|
|
||||||
<FormControl>
|
|
||||||
<Input
|
|
||||||
className={'h-[46px] rounded-full shadow-[inset_0_0_7.6px_0_#00000040]'}
|
|
||||||
placeholder='Password'
|
|
||||||
type='password'
|
|
||||||
{...field}
|
|
||||||
/>
|
|
||||||
</FormControl>
|
|
||||||
<FormMessage />
|
|
||||||
</FormItem>
|
|
||||||
)}
|
|
||||||
/>
|
|
||||||
{verify.enable_login_verify && (
|
|
||||||
<FormField
|
|
||||||
control={form.control}
|
|
||||||
name='cf_token'
|
|
||||||
render={({ field }) => (
|
|
||||||
<FormItem className={'last:mb-0'}>
|
|
||||||
<FormControl>
|
|
||||||
<CloudFlareTurnstile id='login' {...field} ref={turnstile} />
|
|
||||||
</FormControl>
|
|
||||||
<FormMessage />
|
|
||||||
</FormItem>
|
|
||||||
)}
|
|
||||||
/>
|
|
||||||
)}
|
|
||||||
<div className='flex w-full justify-between text-sm'>
|
|
||||||
<Button
|
|
||||||
variant='link'
|
|
||||||
type='button'
|
|
||||||
className='p-0 text-[#225BA9]'
|
|
||||||
onClick={() => onSwitchForm('reset')}
|
|
||||||
>
|
|
||||||
{t('forgotPassword')}
|
|
||||||
</Button>
|
|
||||||
<Button
|
|
||||||
variant='link'
|
|
||||||
type='button'
|
|
||||||
className='p-0 text-[#225BA9]'
|
|
||||||
onClick={() => {
|
|
||||||
setInitialValues(undefined);
|
|
||||||
onSwitchForm('register');
|
|
||||||
}}
|
|
||||||
>
|
|
||||||
{t('registerAccount')}
|
|
||||||
</Button>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div className='mt-6 flex justify-center'>
|
|
||||||
<AiroButton
|
|
||||||
type='submit'
|
|
||||||
variant='default'
|
|
||||||
disabled={loading}
|
|
||||||
className='h-auto min-w-[157px] py-2 text-lg font-medium'
|
|
||||||
>
|
|
||||||
{loading && <Icon icon='mdi:loading' className='animate-spin' />}
|
|
||||||
{t('title')}
|
|
||||||
</AiroButton>
|
|
||||||
</div>
|
|
||||||
</form>
|
|
||||||
</Form>
|
|
||||||
</>
|
|
||||||
);
|
|
||||||
}
|
|
||||||
@ -1,231 +0,0 @@
|
|||||||
'use client';
|
|
||||||
import useGlobalStore from '@/config/use-global';
|
|
||||||
import { zodResolver } from '@hookform/resolvers/zod';
|
|
||||||
import { AiroButton } from '@workspace/airo-ui/components/AiroButton';
|
|
||||||
import { Button } from '@workspace/airo-ui/components/button';
|
|
||||||
|
|
||||||
import { useLoginDialog } from '@/app/auth/LoginDialogContext';
|
|
||||||
import {
|
|
||||||
Form,
|
|
||||||
FormControl,
|
|
||||||
FormField,
|
|
||||||
FormItem,
|
|
||||||
FormMessage,
|
|
||||||
} from '@workspace/airo-ui/components/form';
|
|
||||||
import { Input } from '@workspace/airo-ui/components/input';
|
|
||||||
import { Icon } from '@workspace/airo-ui/custom-components/icon';
|
|
||||||
import { useRouter } from 'next/navigation';
|
|
||||||
import { Dispatch, SetStateAction, useEffect, useRef, useState } from 'react';
|
|
||||||
import { useForm } from 'react-hook-form';
|
|
||||||
import { z } from 'zod';
|
|
||||||
import SendCode from '../send-code';
|
|
||||||
import { TurnstileRef } from '../turnstile';
|
|
||||||
|
|
||||||
export default function RegisterForm({
|
|
||||||
loading,
|
|
||||||
onSubmit,
|
|
||||||
initialValues,
|
|
||||||
setInitialValues,
|
|
||||||
onSwitchForm,
|
|
||||||
}: {
|
|
||||||
loading?: boolean;
|
|
||||||
onSubmit: (data: any) => void;
|
|
||||||
initialValues: any;
|
|
||||||
setInitialValues: Dispatch<SetStateAction<any>>;
|
|
||||||
onSwitchForm: Dispatch<SetStateAction<'register' | 'reset' | 'login'>>;
|
|
||||||
}) {
|
|
||||||
const { common } = useGlobalStore();
|
|
||||||
const router = useRouter();
|
|
||||||
|
|
||||||
const formSchema = z
|
|
||||||
.object({
|
|
||||||
email: z.string().email('请输入有效的电子邮件地址。'),
|
|
||||||
password: z.string().min(1, '请输入密码'), // 必填提示
|
|
||||||
repeat_password: z.string().min(1, '请重复输入密码'), // 必填
|
|
||||||
code: z.string().min(1, '请输入验证码'), // 必填,
|
|
||||||
invite: z.string().nullish(),
|
|
||||||
})
|
|
||||||
.superRefine(({ password, repeat_password }, ctx) => {
|
|
||||||
if (password !== repeat_password) {
|
|
||||||
ctx.addIssue({
|
|
||||||
code: z.ZodIssueCode.custom,
|
|
||||||
message: '两次密码输入不一致',
|
|
||||||
path: ['repeat_password'],
|
|
||||||
});
|
|
||||||
}
|
|
||||||
});
|
|
||||||
|
|
||||||
const [inviteDefault, setInviteDefault] = useState('');
|
|
||||||
const { openLoginDialog } = useLoginDialog();
|
|
||||||
|
|
||||||
useEffect(() => {
|
|
||||||
const invite = localStorage.getItem('invite') || '';
|
|
||||||
setInviteDefault(invite);
|
|
||||||
}, []);
|
|
||||||
|
|
||||||
const form = useForm<z.infer<typeof formSchema>>({
|
|
||||||
resolver: zodResolver(formSchema),
|
|
||||||
defaultValues: {
|
|
||||||
...initialValues,
|
|
||||||
invite: inviteDefault,
|
|
||||||
},
|
|
||||||
});
|
|
||||||
|
|
||||||
const turnstile = useRef<TurnstileRef>(null);
|
|
||||||
const handleSubmit = form.handleSubmit((data) => {
|
|
||||||
try {
|
|
||||||
onSubmit(data);
|
|
||||||
} catch (error) {
|
|
||||||
turnstile.current?.reset();
|
|
||||||
}
|
|
||||||
});
|
|
||||||
|
|
||||||
return (
|
|
||||||
<>
|
|
||||||
<div className={'h-[84px] text-2xl font-bold leading-[84px] text-white'}>线路优化</div>
|
|
||||||
|
|
||||||
<Form {...form}>
|
|
||||||
<form onSubmit={handleSubmit}>
|
|
||||||
<div className='grid gap-5'>
|
|
||||||
<FormField
|
|
||||||
control={form.control}
|
|
||||||
name='email'
|
|
||||||
render={({ field }) => (
|
|
||||||
<FormItem>
|
|
||||||
<FormControl>
|
|
||||||
<Input
|
|
||||||
className={
|
|
||||||
'h-[46px] rounded-full bg-white shadow-[inset_0_0_7.6px_0_#00000040]'
|
|
||||||
}
|
|
||||||
placeholder='电子邮箱'
|
|
||||||
type='email'
|
|
||||||
{...field}
|
|
||||||
/>
|
|
||||||
</FormControl>
|
|
||||||
<FormMessage />
|
|
||||||
</FormItem>
|
|
||||||
)}
|
|
||||||
/>
|
|
||||||
<FormField
|
|
||||||
control={form.control}
|
|
||||||
name='password'
|
|
||||||
render={({ field }) => (
|
|
||||||
<FormItem>
|
|
||||||
<FormControl>
|
|
||||||
<Input
|
|
||||||
className={
|
|
||||||
'h-[46px] rounded-full bg-white shadow-[inset_0_0_7.6px_0_#00000040]'
|
|
||||||
}
|
|
||||||
placeholder='设置密码'
|
|
||||||
type='password'
|
|
||||||
{...field}
|
|
||||||
/>
|
|
||||||
</FormControl>
|
|
||||||
<FormMessage />
|
|
||||||
</FormItem>
|
|
||||||
)}
|
|
||||||
/>
|
|
||||||
<FormField
|
|
||||||
control={form.control}
|
|
||||||
name='repeat_password'
|
|
||||||
render={({ field }) => (
|
|
||||||
<FormItem>
|
|
||||||
<FormControl>
|
|
||||||
<Input
|
|
||||||
className={
|
|
||||||
'h-[46px] rounded-full bg-white shadow-[inset_0_0_7.6px_0_#00000040]'
|
|
||||||
}
|
|
||||||
disabled={loading}
|
|
||||||
placeholder='再次输入密码'
|
|
||||||
type='password'
|
|
||||||
{...field}
|
|
||||||
/>
|
|
||||||
</FormControl>
|
|
||||||
<FormMessage />
|
|
||||||
</FormItem>
|
|
||||||
)}
|
|
||||||
/>
|
|
||||||
{
|
|
||||||
<FormField
|
|
||||||
control={form.control}
|
|
||||||
name='code'
|
|
||||||
render={({ field }) => (
|
|
||||||
<FormItem>
|
|
||||||
<FormControl>
|
|
||||||
<div className='flex items-center gap-8'>
|
|
||||||
<Input
|
|
||||||
disabled={loading}
|
|
||||||
className={
|
|
||||||
'h-[46px] rounded-full bg-white shadow-[inset_0_0_7.6px_0_#00000040]'
|
|
||||||
}
|
|
||||||
placeholder='邮箱验证码'
|
|
||||||
type='text'
|
|
||||||
{...field}
|
|
||||||
value={field.value as string}
|
|
||||||
/>
|
|
||||||
<SendCode
|
|
||||||
type='email'
|
|
||||||
form={form}
|
|
||||||
params={{
|
|
||||||
...form.getValues(),
|
|
||||||
type: 1,
|
|
||||||
}}
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
</FormControl>
|
|
||||||
<FormMessage />
|
|
||||||
</FormItem>
|
|
||||||
)}
|
|
||||||
/>
|
|
||||||
}
|
|
||||||
<FormField
|
|
||||||
control={form.control}
|
|
||||||
name='invite'
|
|
||||||
render={({ field }) => (
|
|
||||||
<FormItem>
|
|
||||||
<FormControl>
|
|
||||||
<Input
|
|
||||||
className={
|
|
||||||
'h-[46px] rounded-full bg-white shadow-[inset_0_0_7.6px_0_#00000040]'
|
|
||||||
}
|
|
||||||
disabled={loading || !!inviteDefault}
|
|
||||||
placeholder={'邀请码(非必填)'}
|
|
||||||
{...field}
|
|
||||||
value={field.value || ''}
|
|
||||||
/>
|
|
||||||
</FormControl>
|
|
||||||
<FormMessage />
|
|
||||||
</FormItem>
|
|
||||||
)}
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div className='text-right text-sm'>
|
|
||||||
已有账户?
|
|
||||||
<Button
|
|
||||||
variant='link'
|
|
||||||
type='button'
|
|
||||||
className='p-0 text-[#225BA9]'
|
|
||||||
onClick={() => {
|
|
||||||
openLoginDialog();
|
|
||||||
}}
|
|
||||||
>
|
|
||||||
登录
|
|
||||||
</Button>
|
|
||||||
</div>
|
|
||||||
<div className='mt-6 flex justify-center'>
|
|
||||||
<AiroButton
|
|
||||||
type='submit'
|
|
||||||
variant={'default'}
|
|
||||||
disabled={loading}
|
|
||||||
className='h-auto min-w-[157px] border-[3px] border-white bg-white/10 py-2 text-lg font-medium text-white transition hover:bg-white/25'
|
|
||||||
>
|
|
||||||
{loading && <Icon icon='mdi:loading' className='animate-spin' />}
|
|
||||||
注册
|
|
||||||
</AiroButton>
|
|
||||||
</div>
|
|
||||||
</form>
|
|
||||||
</Form>
|
|
||||||
</>
|
|
||||||
);
|
|
||||||
}
|
|
||||||
@ -1,174 +0,0 @@
|
|||||||
import useGlobalStore from '@/config/use-global';
|
|
||||||
import { zodResolver } from '@hookform/resolvers/zod';
|
|
||||||
import { AiroButton } from '@workspace/airo-ui/components/AiroButton';
|
|
||||||
import { Button } from '@workspace/airo-ui/components/button';
|
|
||||||
import {
|
|
||||||
Form,
|
|
||||||
FormControl,
|
|
||||||
FormField,
|
|
||||||
FormItem,
|
|
||||||
FormMessage,
|
|
||||||
} from '@workspace/airo-ui/components/form';
|
|
||||||
import { Input } from '@workspace/airo-ui/components/input';
|
|
||||||
import { Icon } from '@workspace/airo-ui/custom-components/icon';
|
|
||||||
import { useTranslations } from 'next-intl';
|
|
||||||
import { Dispatch, SetStateAction, useRef } from 'react';
|
|
||||||
import { useForm } from 'react-hook-form';
|
|
||||||
import { z } from 'zod';
|
|
||||||
import SendCode from '../send-code';
|
|
||||||
import CloudFlareTurnstile, { TurnstileRef } from '../turnstile';
|
|
||||||
|
|
||||||
export default function ResetForm({
|
|
||||||
loading,
|
|
||||||
onSubmit,
|
|
||||||
initialValues,
|
|
||||||
setInitialValues,
|
|
||||||
onSwitchForm,
|
|
||||||
}: {
|
|
||||||
loading?: boolean;
|
|
||||||
onSubmit: (data: any) => void;
|
|
||||||
initialValues: any;
|
|
||||||
setInitialValues: Dispatch<SetStateAction<any>>;
|
|
||||||
onSwitchForm: Dispatch<SetStateAction<'register' | 'reset' | 'login'>>;
|
|
||||||
}) {
|
|
||||||
const t = useTranslations('auth.reset');
|
|
||||||
|
|
||||||
const { common } = useGlobalStore();
|
|
||||||
const { verify, auth } = common;
|
|
||||||
|
|
||||||
const formSchema = z.object({
|
|
||||||
email: z.string().email(t('email')),
|
|
||||||
password: z.string(),
|
|
||||||
code: auth?.email?.enable_verify ? z.string() : z.string().nullish(),
|
|
||||||
cf_token:
|
|
||||||
verify.enable_register_verify && verify.turnstile_site_key
|
|
||||||
? z.string()
|
|
||||||
: z.string().nullish(),
|
|
||||||
});
|
|
||||||
const form = useForm<z.infer<typeof formSchema>>({
|
|
||||||
resolver: zodResolver(formSchema),
|
|
||||||
defaultValues: initialValues,
|
|
||||||
});
|
|
||||||
|
|
||||||
const turnstile = useRef<TurnstileRef>(null);
|
|
||||||
const handleSubmit = form.handleSubmit((data) => {
|
|
||||||
try {
|
|
||||||
onSubmit(data);
|
|
||||||
} catch (error) {
|
|
||||||
turnstile.current?.reset();
|
|
||||||
}
|
|
||||||
});
|
|
||||||
|
|
||||||
return (
|
|
||||||
<>
|
|
||||||
<div className={'h-[84px] text-2xl font-bold leading-[84px]'}>找回账户</div>
|
|
||||||
<Form {...form}>
|
|
||||||
<form onSubmit={handleSubmit}>
|
|
||||||
<div className='grid gap-5'>
|
|
||||||
<FormField
|
|
||||||
control={form.control}
|
|
||||||
name='email'
|
|
||||||
render={({ field }) => (
|
|
||||||
<FormItem>
|
|
||||||
<FormControl>
|
|
||||||
<Input
|
|
||||||
className={'h-[46px] rounded-full shadow-[inset_0_0_7.6px_0_#00000040]'}
|
|
||||||
placeholder='Enter your email...'
|
|
||||||
type='email'
|
|
||||||
{...field}
|
|
||||||
/>
|
|
||||||
</FormControl>
|
|
||||||
<FormMessage />
|
|
||||||
</FormItem>
|
|
||||||
)}
|
|
||||||
/>
|
|
||||||
<FormField
|
|
||||||
control={form.control}
|
|
||||||
name='code'
|
|
||||||
render={({ field }) => (
|
|
||||||
<FormItem>
|
|
||||||
<FormControl>
|
|
||||||
<div className='flex items-center gap-8'>
|
|
||||||
<Input
|
|
||||||
className={'h-[46px] rounded-full shadow-[inset_0_0_7.6px_0_#00000040]'}
|
|
||||||
disabled={loading}
|
|
||||||
placeholder='Enter code...'
|
|
||||||
type='text'
|
|
||||||
{...field}
|
|
||||||
value={field.value as string}
|
|
||||||
/>
|
|
||||||
<SendCode
|
|
||||||
type='email'
|
|
||||||
form={form}
|
|
||||||
params={{
|
|
||||||
...form.getValues(),
|
|
||||||
type: 2,
|
|
||||||
}}
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
</FormControl>
|
|
||||||
<FormMessage />
|
|
||||||
</FormItem>
|
|
||||||
)}
|
|
||||||
/>
|
|
||||||
<FormField
|
|
||||||
control={form.control}
|
|
||||||
name='password'
|
|
||||||
render={({ field }) => (
|
|
||||||
<FormItem>
|
|
||||||
<FormControl>
|
|
||||||
<Input
|
|
||||||
className={'h-[46px] rounded-full shadow-[inset_0_0_7.6px_0_#00000040]'}
|
|
||||||
placeholder='Enter your new password...'
|
|
||||||
type='password'
|
|
||||||
{...field}
|
|
||||||
/>
|
|
||||||
</FormControl>
|
|
||||||
<FormMessage />
|
|
||||||
</FormItem>
|
|
||||||
)}
|
|
||||||
/>
|
|
||||||
{verify.enable_reset_password_verify && (
|
|
||||||
<FormField
|
|
||||||
control={form.control}
|
|
||||||
name='cf_token'
|
|
||||||
render={({ field }) => (
|
|
||||||
<FormItem>
|
|
||||||
<FormControl>
|
|
||||||
<CloudFlareTurnstile id='reset' {...field} ref={turnstile} />
|
|
||||||
</FormControl>
|
|
||||||
<FormMessage />
|
|
||||||
</FormItem>
|
|
||||||
)}
|
|
||||||
/>
|
|
||||||
)}
|
|
||||||
</div>
|
|
||||||
<div className='text-right text-sm'>
|
|
||||||
{t('existingAccount')}
|
|
||||||
<Button
|
|
||||||
variant='link'
|
|
||||||
type='button'
|
|
||||||
className='p-0 text-[#225BA9]'
|
|
||||||
onClick={() => {
|
|
||||||
setInitialValues(undefined);
|
|
||||||
onSwitchForm('login');
|
|
||||||
}}
|
|
||||||
>
|
|
||||||
{t('switchToLogin')}
|
|
||||||
</Button>
|
|
||||||
</div>
|
|
||||||
<div className='mt-6 flex justify-center'>
|
|
||||||
<AiroButton
|
|
||||||
type='submit'
|
|
||||||
disabled={loading}
|
|
||||||
className='h-auto min-w-[157px] py-2 text-lg font-medium'
|
|
||||||
>
|
|
||||||
{loading && <Icon icon='mdi:loading' className='animate-spin' />}
|
|
||||||
{t('title')}
|
|
||||||
</AiroButton>
|
|
||||||
</div>
|
|
||||||
</form>
|
|
||||||
</Form>
|
|
||||||
</>
|
|
||||||
);
|
|
||||||
}
|
|
||||||
@ -84,14 +84,16 @@ export default function SendCode({ type, params, form }: SendCodeProps) {
|
|||||||
await getPhoneCode();
|
await getPhoneCode();
|
||||||
}
|
}
|
||||||
};
|
};
|
||||||
const disabled = seconds > 0;
|
const disabled =
|
||||||
|
seconds > 0 ||
|
||||||
|
(type === 'email' ? !params.email : !params.telephone || !params.telephone_area_code);
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<div>
|
<div>
|
||||||
<AiroButton
|
<AiroButton
|
||||||
type='button'
|
type='button'
|
||||||
variant={'primary'}
|
variant={'primary'}
|
||||||
className={'h-[46px] w-[109px]'}
|
className={'h-[30px] w-[109px]'}
|
||||||
onClick={handleSendCode}
|
onClick={handleSendCode}
|
||||||
disabled={disabled}
|
disabled={disabled}
|
||||||
>
|
>
|
||||||
|
|||||||
@ -33,7 +33,7 @@ export default function Providers({
|
|||||||
|
|
||||||
const { setCommon, setUser } = useGlobalStore();
|
const { setCommon, setUser } = useGlobalStore();
|
||||||
const pathname = usePathname();
|
const pathname = usePathname();
|
||||||
const whiteList = ['/', '/register', '/register2'];
|
const whiteList = ['/'];
|
||||||
const isWhite = whiteList.includes(pathname);
|
const isWhite = whiteList.includes(pathname);
|
||||||
|
|
||||||
useEffect(() => {
|
useEffect(() => {
|
||||||
|
|||||||
@ -3,8 +3,7 @@
|
|||||||
import PaymentMethods from '@/components/subscribe/payment-methods';
|
import PaymentMethods from '@/components/subscribe/payment-methods';
|
||||||
import PlanTabs, { TabValueType } from '@/components/SubscribePlan/PlanTabs/PlanTabs';
|
import PlanTabs, { TabValueType } from '@/components/SubscribePlan/PlanTabs/PlanTabs';
|
||||||
import useGlobalStore from '@/config/use-global';
|
import useGlobalStore from '@/config/use-global';
|
||||||
import { preCreateOrder, purchase, renewal } from '@/services/user/order';
|
import { preCreateOrder, purchase } from '@/services/user/order';
|
||||||
import { queryUserSubscribe } from '@/services/user/user';
|
|
||||||
import { useQuery } from '@tanstack/react-query';
|
import { useQuery } from '@tanstack/react-query';
|
||||||
import { AiroButton } from '@workspace/airo-ui/components/AiroButton';
|
import { AiroButton } from '@workspace/airo-ui/components/AiroButton';
|
||||||
import {
|
import {
|
||||||
@ -105,23 +104,7 @@ const Purchase = forwardRef<PurchaseDialogRef, PurchaseProps>((props, ref) => {
|
|||||||
const handleSubmit = useCallback(async () => {
|
const handleSubmit = useCallback(async () => {
|
||||||
startTransition(async () => {
|
startTransition(async () => {
|
||||||
try {
|
try {
|
||||||
const { data } = await queryUserSubscribe({ params: { includeExpired: 'all' } });
|
const response = await purchase(params as API.PurchaseOrderRequest);
|
||||||
const activeList = data.data?.list || [];
|
|
||||||
const existingUser = activeList.find(
|
|
||||||
(item: any) => item.subscribe_id === params.subscribe_id,
|
|
||||||
);
|
|
||||||
let response;
|
|
||||||
// 3. 根据判断结果调用不同接口
|
|
||||||
if (existingUser) {
|
|
||||||
// 已有记录,走续费逻辑
|
|
||||||
response = await renewal({
|
|
||||||
user_subscribe_id: existingUser.id,
|
|
||||||
...params,
|
|
||||||
} as API.RenewalOrderRequest);
|
|
||||||
} else {
|
|
||||||
// 无记录,走新购逻辑
|
|
||||||
response = await purchase(params as API.PurchaseOrderRequest);
|
|
||||||
}
|
|
||||||
const orderNo = response.data.data?.order_no;
|
const orderNo = response.data.data?.order_no;
|
||||||
if (orderNo) {
|
if (orderNo) {
|
||||||
await getUserInfo();
|
await getUserInfo();
|
||||||
|
|||||||
@ -1,5 +1,4 @@
|
|||||||
{
|
{
|
||||||
"None": "None",
|
|
||||||
"accountBalance": "Account Balance",
|
"accountBalance": "Account Balance",
|
||||||
"accountOverview": "Account Overview",
|
"accountOverview": "Account Overview",
|
||||||
"address1": "Address 1",
|
"address1": "Address 1",
|
||||||
@ -8,13 +7,11 @@
|
|||||||
"annualYearPlanUser": "Annual Plan User",
|
"annualYearPlanUser": "Annual Plan User",
|
||||||
"availableDevices": "Available Devices",
|
"availableDevices": "Available Devices",
|
||||||
"beginnerTutorial": "Beginner Tutorial",
|
"beginnerTutorial": "Beginner Tutorial",
|
||||||
"buySubscriptionNow": "Buy Subscription Now",
|
|
||||||
"cancel": "Cancel",
|
"cancel": "Cancel",
|
||||||
"confirm": "Confirm",
|
"confirm": "Confirm",
|
||||||
"confirmResetSubscription": "Are you sure you want to reset the subscription address?",
|
"confirmResetSubscription": "Are you sure you want to reset the subscription address?",
|
||||||
"copy": "Copy",
|
"copy": "Copy",
|
||||||
"copyFailure": "Copy failed, please copy manually",
|
"copyFailure": "Copy failed, please copy manually",
|
||||||
"copySubscribeLink": "Copy the subscription link or click the QR code button to scan",
|
|
||||||
"copySubscriptionLinkOrScanQrCode": "Copy subscription link or click the QR code button to scan",
|
"copySubscriptionLinkOrScanQrCode": "Copy subscription link or click the QR code button to scan",
|
||||||
"copySuccess": "Copy successful",
|
"copySuccess": "Copy successful",
|
||||||
"deducted": "Canceled",
|
"deducted": "Canceled",
|
||||||
@ -22,8 +19,6 @@
|
|||||||
"expirationDays": "Expiration Days",
|
"expirationDays": "Expiration Days",
|
||||||
"expired": "Expired",
|
"expired": "Expired",
|
||||||
"finished": "Traffic exhausted",
|
"finished": "Traffic exhausted",
|
||||||
"freeAppleID": "Free US Apple ID",
|
|
||||||
"get": "Get",
|
|
||||||
"import": "Import",
|
"import": "Import",
|
||||||
"inEffect": "In Effect",
|
"inEffect": "In Effect",
|
||||||
"latestAnnouncement": "Latest Announcement",
|
"latestAnnouncement": "Latest Announcement",
|
||||||
@ -37,7 +32,6 @@
|
|||||||
"noPlanAvailable": "No Plan Available",
|
"noPlanAvailable": "No Plan Available",
|
||||||
"noReset": "No Reset",
|
"noReset": "No Reset",
|
||||||
"noYPlan": "No Plan Active",
|
"noYPlan": "No Plan Active",
|
||||||
"notEffect": "Not in effect",
|
|
||||||
"online": "Online: ",
|
"online": "Online: ",
|
||||||
"pageOf": "Page {pageIndex} of {pageCount}",
|
"pageOf": "Page {pageIndex} of {pageCount}",
|
||||||
"pinnedAnnouncement": "[Pinned]",
|
"pinnedAnnouncement": "[Pinned]",
|
||||||
@ -46,14 +40,12 @@
|
|||||||
"prompt": "Prompt",
|
"prompt": "Prompt",
|
||||||
"purchaseSubscription": "Purchase Subscription",
|
"purchaseSubscription": "Purchase Subscription",
|
||||||
"qrCode": "QR Code",
|
"qrCode": "QR Code",
|
||||||
"quickDownloads": "Quick Downloads",
|
|
||||||
"remaining": "Remaining: ",
|
"remaining": "Remaining: ",
|
||||||
"resetSubscription": "Reset Subscription Address",
|
"resetSubscription": "Reset Subscription Address",
|
||||||
"resetSuccess": "Reset successful",
|
"resetSuccess": "Reset successful",
|
||||||
"rowsPerPage": "Rows per page",
|
"rowsPerPage": "Rows per page",
|
||||||
"scanCodeToSubscribe": "Scan code to subscribe",
|
"scanCodeToSubscribe": "Scan code to subscribe",
|
||||||
"scanToSubscribe": "Scan to Subscribe",
|
"scanToSubscribe": "Scan to Subscribe",
|
||||||
"selectOS": "Select the corresponding operating system to download the client",
|
|
||||||
"siteAnnouncements": "Site Announcements",
|
"siteAnnouncements": "Site Announcements",
|
||||||
"subscriptionUrl": "Subscription URL",
|
"subscriptionUrl": "Subscription URL",
|
||||||
"totalTraffic": "Total Traffic",
|
"totalTraffic": "Total Traffic",
|
||||||
|
|||||||
@ -1,5 +1,4 @@
|
|||||||
{
|
{
|
||||||
"None": "暂无",
|
|
||||||
"accountBalance": "账户余额",
|
"accountBalance": "账户余额",
|
||||||
"accountOverview": "账户概况",
|
"accountOverview": "账户概况",
|
||||||
"address1": "地址1",
|
"address1": "地址1",
|
||||||
@ -8,13 +7,11 @@
|
|||||||
"annualYearPlanUser": "年度套餐用户",
|
"annualYearPlanUser": "年度套餐用户",
|
||||||
"availableDevices": "可用设备",
|
"availableDevices": "可用设备",
|
||||||
"beginnerTutorial": "新手教程",
|
"beginnerTutorial": "新手教程",
|
||||||
"buySubscriptionNow": "立即购买订阅",
|
|
||||||
"cancel": "取消",
|
"cancel": "取消",
|
||||||
"confirm": "确认",
|
"confirm": "确认",
|
||||||
"confirmResetSubscription": "是否确认重置订阅地址?",
|
"confirmResetSubscription": "是否确认重置订阅地址?",
|
||||||
"copy": "复制",
|
"copy": "复制",
|
||||||
"copyFailure": "复制失败,请手动复制",
|
"copyFailure": "复制失败,请手动复制",
|
||||||
"copySubscribeLink": "复制订阅链接或点击二维码按钮扫码",
|
|
||||||
"copySubscriptionLinkOrScanQrCode": "复制订阅链接或点击二维码按钮扫码",
|
"copySubscriptionLinkOrScanQrCode": "复制订阅链接或点击二维码按钮扫码",
|
||||||
"copySuccess": "复制成功",
|
"copySuccess": "复制成功",
|
||||||
"deducted": "已取消",
|
"deducted": "已取消",
|
||||||
@ -22,8 +19,6 @@
|
|||||||
"expirationDays": "到期时间/天",
|
"expirationDays": "到期时间/天",
|
||||||
"expired": "已过期",
|
"expired": "已过期",
|
||||||
"finished": "流量已用尽",
|
"finished": "流量已用尽",
|
||||||
"freeAppleID": "免费美区Apple ID",
|
|
||||||
"get": "获取",
|
|
||||||
"import": "导入",
|
"import": "导入",
|
||||||
"inEffect": "生效中",
|
"inEffect": "生效中",
|
||||||
"latestAnnouncement": "最新公告",
|
"latestAnnouncement": "最新公告",
|
||||||
@ -37,7 +32,6 @@
|
|||||||
"noPlanAvailable": "暂无套餐",
|
"noPlanAvailable": "暂无套餐",
|
||||||
"noReset": "不重置",
|
"noReset": "不重置",
|
||||||
"noYPlan": "尚未有套餐生效",
|
"noYPlan": "尚未有套餐生效",
|
||||||
"notEffect": "未生效",
|
|
||||||
"online": "在线:",
|
"online": "在线:",
|
||||||
"pageOf": "第 {pageIndex} 页,共 {pageCount} 页",
|
"pageOf": "第 {pageIndex} 页,共 {pageCount} 页",
|
||||||
"pinnedAnnouncement": "【置顶公告】",
|
"pinnedAnnouncement": "【置顶公告】",
|
||||||
@ -46,14 +40,12 @@
|
|||||||
"prompt": "提示",
|
"prompt": "提示",
|
||||||
"purchaseSubscription": "购买订阅",
|
"purchaseSubscription": "购买订阅",
|
||||||
"qrCode": "二维码",
|
"qrCode": "二维码",
|
||||||
"quickDownloads": "快捷下载",
|
|
||||||
"remaining": "剩余:",
|
"remaining": "剩余:",
|
||||||
"resetSubscription": "重置订阅地址",
|
"resetSubscription": "重置订阅地址",
|
||||||
"resetSuccess": "重置成功",
|
"resetSuccess": "重置成功",
|
||||||
"rowsPerPage": "每页显示",
|
"rowsPerPage": "每页显示",
|
||||||
"scanCodeToSubscribe": "扫描码订阅",
|
"scanCodeToSubscribe": "扫描码订阅",
|
||||||
"scanToSubscribe": "扫描订阅",
|
"scanToSubscribe": "扫描订阅",
|
||||||
"selectOS": "选择对应操作系统下载客户端",
|
|
||||||
"siteAnnouncements": "网站公告",
|
"siteAnnouncements": "网站公告",
|
||||||
"subscriptionUrl": "订阅地址",
|
"subscriptionUrl": "订阅地址",
|
||||||
"totalTraffic": "总流量",
|
"totalTraffic": "总流量",
|
||||||
|
|||||||
@ -32,7 +32,7 @@
|
|||||||
"framer-motion": "^11.16.1",
|
"framer-motion": "^11.16.1",
|
||||||
"gray-matter": "^4.0.3",
|
"gray-matter": "^4.0.3",
|
||||||
"lucide-react": "^0.469.0",
|
"lucide-react": "^0.469.0",
|
||||||
"next": "15.3.6",
|
"next": "^15.1.4",
|
||||||
"next-intl": "^3.26.3",
|
"next-intl": "^3.26.3",
|
||||||
"next-runtime-env": "^3.2.2",
|
"next-runtime-env": "^3.2.2",
|
||||||
"next-themes": "^0.4.4",
|
"next-themes": "^0.4.4",
|
||||||
|
|||||||
@ -53,7 +53,7 @@ export function Logout() {
|
|||||||
Crisp.session.reset(); // 2. Unbind the current session
|
Crisp.session.reset(); // 2. Unbind the current session
|
||||||
const pathname = location.pathname;
|
const pathname = location.pathname;
|
||||||
if (
|
if (
|
||||||
!['', '/', '/auth', '/tos', '/privacy-policy', '/register', '/register2'].includes(pathname) &&
|
!['', '/', '/auth', '/tos', '/privacy-policy'].includes(pathname) &&
|
||||||
!pathname.startsWith('/purchasing') &&
|
!pathname.startsWith('/purchasing') &&
|
||||||
!pathname.startsWith('/oauth/')
|
!pathname.startsWith('/oauth/')
|
||||||
) {
|
) {
|
||||||
|
|||||||
24
bun.lock
24
bun.lock
@ -29,7 +29,7 @@
|
|||||||
"axios": "^1.7.9",
|
"axios": "^1.7.9",
|
||||||
"js-yaml": "^4.1.0",
|
"js-yaml": "^4.1.0",
|
||||||
"nanoid": "^5.0.9",
|
"nanoid": "^5.0.9",
|
||||||
"next": "15.3.6",
|
"next": "^15.1.4",
|
||||||
"next-intl": "^3.26.3",
|
"next-intl": "^3.26.3",
|
||||||
"next-runtime-env": "^3.2.2",
|
"next-runtime-env": "^3.2.2",
|
||||||
"next-themes": "^0.4.4",
|
"next-themes": "^0.4.4",
|
||||||
@ -70,7 +70,7 @@
|
|||||||
"framer-motion": "^11.16.1",
|
"framer-motion": "^11.16.1",
|
||||||
"gray-matter": "^4.0.3",
|
"gray-matter": "^4.0.3",
|
||||||
"lucide-react": "^0.469.0",
|
"lucide-react": "^0.469.0",
|
||||||
"next": "15.3.6",
|
"next": "^15.1.4",
|
||||||
"next-intl": "^3.26.3",
|
"next-intl": "^3.26.3",
|
||||||
"next-runtime-env": "^3.2.2",
|
"next-runtime-env": "^3.2.2",
|
||||||
"next-themes": "^0.4.4",
|
"next-themes": "^0.4.4",
|
||||||
@ -716,27 +716,27 @@
|
|||||||
|
|
||||||
"@netlify/plugin-nextjs": ["@netlify/plugin-nextjs@5.12.1", "", {}, "sha512-b2Ic9NkNnnh0lKC/YWDZ2+HdLd/uYdBzLvLKYOkPyFt8KEszoC+Je3GRcwBeOLxaNtK8lji7YPIjtGz8K2sLVQ=="],
|
"@netlify/plugin-nextjs": ["@netlify/plugin-nextjs@5.12.1", "", {}, "sha512-b2Ic9NkNnnh0lKC/YWDZ2+HdLd/uYdBzLvLKYOkPyFt8KEszoC+Je3GRcwBeOLxaNtK8lji7YPIjtGz8K2sLVQ=="],
|
||||||
|
|
||||||
"@next/env": ["@next/env@15.3.6", "", {}, "sha512-/cK+QPcfRbDZxmI/uckT4lu9pHCfRIPBLqy88MhE+7Vg5hKrEYc333Ae76dn/cw2FBP2bR/GoK/4DU+U7by/Nw=="],
|
"@next/env": ["@next/env@15.5.2", "", {}, "sha512-Qe06ew4zt12LeO6N7j8/nULSOe3fMXE4dM6xgpBQNvdzyK1sv5y4oAP3bq4LamrvGCZtmRYnW8URFCeX5nFgGg=="],
|
||||||
|
|
||||||
"@next/eslint-plugin-next": ["@next/eslint-plugin-next@15.5.2", "", { "dependencies": { "fast-glob": "3.3.1" } }, "sha512-lkLrRVxcftuOsJNhWatf1P2hNVfh98k/omQHrCEPPriUypR6RcS13IvLdIrEvkm9AH2Nu2YpR5vLqBuy6twH3Q=="],
|
"@next/eslint-plugin-next": ["@next/eslint-plugin-next@15.5.2", "", { "dependencies": { "fast-glob": "3.3.1" } }, "sha512-lkLrRVxcftuOsJNhWatf1P2hNVfh98k/omQHrCEPPriUypR6RcS13IvLdIrEvkm9AH2Nu2YpR5vLqBuy6twH3Q=="],
|
||||||
|
|
||||||
"@next/swc-darwin-arm64": ["@next/swc-darwin-arm64@15.3.5", "", { "os": "darwin", "cpu": "arm64" }, "sha512-lM/8tilIsqBq+2nq9kbTW19vfwFve0NR7MxfkuSUbRSgXlMQoJYg+31+++XwKVSXk4uT23G2eF/7BRIKdn8t8w=="],
|
"@next/swc-darwin-arm64": ["@next/swc-darwin-arm64@15.5.2", "", { "os": "darwin", "cpu": "arm64" }, "sha512-8bGt577BXGSd4iqFygmzIfTYizHb0LGWqH+qgIF/2EDxS5JsSdERJKA8WgwDyNBZgTIIA4D8qUtoQHmxIIquoQ=="],
|
||||||
|
|
||||||
"@next/swc-darwin-x64": ["@next/swc-darwin-x64@15.3.5", "", { "os": "darwin", "cpu": "x64" }, "sha512-WhwegPQJ5IfoUNZUVsI9TRAlKpjGVK0tpJTL6KeiC4cux9774NYE9Wu/iCfIkL/5J8rPAkqZpG7n+EfiAfidXA=="],
|
"@next/swc-darwin-x64": ["@next/swc-darwin-x64@15.5.2", "", { "os": "darwin", "cpu": "x64" }, "sha512-2DjnmR6JHK4X+dgTXt5/sOCu/7yPtqpYt8s8hLkHFK3MGkka2snTv3yRMdHvuRtJVkPwCGsvBSwmoQCHatauFQ=="],
|
||||||
|
|
||||||
"@next/swc-linux-arm64-gnu": ["@next/swc-linux-arm64-gnu@15.3.5", "", { "os": "linux", "cpu": "arm64" }, "sha512-LVD6uMOZ7XePg3KWYdGuzuvVboxujGjbcuP2jsPAN3MnLdLoZUXKRc6ixxfs03RH7qBdEHCZjyLP/jBdCJVRJQ=="],
|
"@next/swc-linux-arm64-gnu": ["@next/swc-linux-arm64-gnu@15.5.2", "", { "os": "linux", "cpu": "arm64" }, "sha512-3j7SWDBS2Wov/L9q0mFJtEvQ5miIqfO4l7d2m9Mo06ddsgUK8gWfHGgbjdFlCp2Ek7MmMQZSxpGFqcC8zGh2AA=="],
|
||||||
|
|
||||||
"@next/swc-linux-arm64-musl": ["@next/swc-linux-arm64-musl@15.3.5", "", { "os": "linux", "cpu": "arm64" }, "sha512-k8aVScYZ++BnS2P69ClK7v4nOu702jcF9AIHKu6llhHEtBSmM2zkPGl9yoqbSU/657IIIb0QHpdxEr0iW9z53A=="],
|
"@next/swc-linux-arm64-musl": ["@next/swc-linux-arm64-musl@15.5.2", "", { "os": "linux", "cpu": "arm64" }, "sha512-s6N8k8dF9YGc5T01UPQ08yxsK6fUow5gG1/axWc1HVVBYQBgOjca4oUZF7s4p+kwhkB1bDSGR8QznWrFZ/Rt5g=="],
|
||||||
|
|
||||||
"@next/swc-linux-x64-gnu": ["@next/swc-linux-x64-gnu@15.3.5", "", { "os": "linux", "cpu": "x64" }, "sha512-2xYU0DI9DGN/bAHzVwADid22ba5d/xrbrQlr2U+/Q5WkFUzeL0TDR963BdrtLS/4bMmKZGptLeg6282H/S2i8A=="],
|
"@next/swc-linux-x64-gnu": ["@next/swc-linux-x64-gnu@15.5.2", "", { "os": "linux", "cpu": "x64" }, "sha512-o1RV/KOODQh6dM6ZRJGZbc+MOAHww33Vbs5JC9Mp1gDk8cpEO+cYC/l7rweiEalkSm5/1WGa4zY7xrNwObN4+Q=="],
|
||||||
|
|
||||||
"@next/swc-linux-x64-musl": ["@next/swc-linux-x64-musl@15.3.5", "", { "os": "linux", "cpu": "x64" }, "sha512-TRYIqAGf1KCbuAB0gjhdn5Ytd8fV+wJSM2Nh2is/xEqR8PZHxfQuaiNhoF50XfY90sNpaRMaGhF6E+qjV1b9Tg=="],
|
"@next/swc-linux-x64-musl": ["@next/swc-linux-x64-musl@15.5.2", "", { "os": "linux", "cpu": "x64" }, "sha512-/VUnh7w8RElYZ0IV83nUcP/J4KJ6LLYliiBIri3p3aW2giF+PAVgZb6mk8jbQSB3WlTai8gEmCAr7kptFa1H6g=="],
|
||||||
|
|
||||||
"@next/swc-win32-arm64-msvc": ["@next/swc-win32-arm64-msvc@15.3.5", "", { "os": "win32", "cpu": "arm64" }, "sha512-h04/7iMEUSMY6fDGCvdanKqlO1qYvzNxntZlCzfE8i5P0uqzVQWQquU1TIhlz0VqGQGXLrFDuTJVONpqGqjGKQ=="],
|
"@next/swc-win32-arm64-msvc": ["@next/swc-win32-arm64-msvc@15.5.2", "", { "os": "win32", "cpu": "arm64" }, "sha512-sMPyTvRcNKXseNQ/7qRfVRLa0VhR0esmQ29DD6pqvG71+JdVnESJaHPA8t7bc67KD5spP3+DOCNLhqlEI2ZgQg=="],
|
||||||
|
|
||||||
"@next/swc-win32-ia32-msvc": ["@next/swc-win32-ia32-msvc@14.2.32", "", { "os": "win32", "cpu": "ia32" }, "sha512-jHUeDPVHrgFltqoAqDB6g6OStNnFxnc7Aks3p0KE0FbwAvRg6qWKYF5mSTdCTxA3axoSAUwxYdILzXJfUwlHhA=="],
|
"@next/swc-win32-ia32-msvc": ["@next/swc-win32-ia32-msvc@14.2.32", "", { "os": "win32", "cpu": "ia32" }, "sha512-jHUeDPVHrgFltqoAqDB6g6OStNnFxnc7Aks3p0KE0FbwAvRg6qWKYF5mSTdCTxA3axoSAUwxYdILzXJfUwlHhA=="],
|
||||||
|
|
||||||
"@next/swc-win32-x64-msvc": ["@next/swc-win32-x64-msvc@15.3.5", "", { "os": "win32", "cpu": "x64" }, "sha512-5fhH6fccXxnX2KhllnGhkYMndhOiLOLEiVGYjP2nizqeGWkN10sA9taATlXwake2E2XMvYZjjz0Uj7T0y+z1yw=="],
|
"@next/swc-win32-x64-msvc": ["@next/swc-win32-x64-msvc@15.5.2", "", { "os": "win32", "cpu": "x64" }, "sha512-W5VvyZHnxG/2ukhZF/9Ikdra5fdNftxI6ybeVKYvBPDtyx7x4jPPSNduUkfH5fo3zG0JQ0bPxgy41af2JX5D4Q=="],
|
||||||
|
|
||||||
"@nodelib/fs.scandir": ["@nodelib/fs.scandir@2.1.5", "", { "dependencies": { "@nodelib/fs.stat": "2.0.5", "run-parallel": "^1.1.9" } }, "sha512-vq24Bq3ym5HEQm2NKCr3yXDwjc7vTsEThRDnkp2DK9p1uqLR+DHurm/NOTo0KG7HYHU7eppKZj3MyqYuMBf62g=="],
|
"@nodelib/fs.scandir": ["@nodelib/fs.scandir@2.1.5", "", { "dependencies": { "@nodelib/fs.stat": "2.0.5", "run-parallel": "^1.1.9" } }, "sha512-vq24Bq3ym5HEQm2NKCr3yXDwjc7vTsEThRDnkp2DK9p1uqLR+DHurm/NOTo0KG7HYHU7eppKZj3MyqYuMBf62g=="],
|
||||||
|
|
||||||
@ -2440,7 +2440,7 @@
|
|||||||
|
|
||||||
"netmask": ["netmask@2.0.2", "", {}, "sha512-dBpDMdxv9Irdq66304OLfEmQ9tbNRFnFTuZiLo+bD+r332bBmMJ8GBLXklIXXgxd3+v9+KUnZaUR5PJMa75Gsg=="],
|
"netmask": ["netmask@2.0.2", "", {}, "sha512-dBpDMdxv9Irdq66304OLfEmQ9tbNRFnFTuZiLo+bD+r332bBmMJ8GBLXklIXXgxd3+v9+KUnZaUR5PJMa75Gsg=="],
|
||||||
|
|
||||||
"next": ["next@15.3.6", "", { "dependencies": { "@next/env": "15.3.6", "@swc/counter": "0.1.3", "@swc/helpers": "0.5.15", "busboy": "1.6.0", "caniuse-lite": "^1.0.30001579", "postcss": "8.4.31", "styled-jsx": "5.1.6" }, "optionalDependencies": { "@next/swc-darwin-arm64": "15.3.5", "@next/swc-darwin-x64": "15.3.5", "@next/swc-linux-arm64-gnu": "15.3.5", "@next/swc-linux-arm64-musl": "15.3.5", "@next/swc-linux-x64-gnu": "15.3.5", "@next/swc-linux-x64-musl": "15.3.5", "@next/swc-win32-arm64-msvc": "15.3.5", "@next/swc-win32-x64-msvc": "15.3.5", "sharp": "^0.34.1" }, "peerDependencies": { "@opentelemetry/api": "^1.1.0", "@playwright/test": "^1.41.2", "babel-plugin-react-compiler": "*", "react": "^18.2.0 || 19.0.0-rc-de68d2f4-20241204 || ^19.0.0", "react-dom": "^18.2.0 || 19.0.0-rc-de68d2f4-20241204 || ^19.0.0", "sass": "^1.3.0" }, "optionalPeers": ["@opentelemetry/api", "@playwright/test", "babel-plugin-react-compiler", "sass"], "bin": { "next": "dist/bin/next" } }, "sha512-oI6D1zbbsh6JzzZFDCSHnnx6Qpvd1fSkVJu/5d8uluqnxzuoqtodVZjYvNovooznUq8udSAiKp7MbwlfZ8Gm6w=="],
|
"next": ["next@15.5.2", "", { "dependencies": { "@next/env": "15.5.2", "@swc/helpers": "0.5.15", "caniuse-lite": "^1.0.30001579", "postcss": "8.4.31", "styled-jsx": "5.1.6" }, "optionalDependencies": { "@next/swc-darwin-arm64": "15.5.2", "@next/swc-darwin-x64": "15.5.2", "@next/swc-linux-arm64-gnu": "15.5.2", "@next/swc-linux-arm64-musl": "15.5.2", "@next/swc-linux-x64-gnu": "15.5.2", "@next/swc-linux-x64-musl": "15.5.2", "@next/swc-win32-arm64-msvc": "15.5.2", "@next/swc-win32-x64-msvc": "15.5.2", "sharp": "^0.34.3" }, "peerDependencies": { "@opentelemetry/api": "^1.1.0", "@playwright/test": "^1.51.1", "babel-plugin-react-compiler": "*", "react": "^18.2.0 || 19.0.0-rc-de68d2f4-20241204 || ^19.0.0", "react-dom": "^18.2.0 || 19.0.0-rc-de68d2f4-20241204 || ^19.0.0", "sass": "^1.3.0" }, "optionalPeers": ["@opentelemetry/api", "@playwright/test", "babel-plugin-react-compiler", "sass"], "bin": { "next": "dist/bin/next" } }, "sha512-H8Otr7abj1glFhbGnvUt3gz++0AF1+QoCXEBmd/6aKbfdFwrn0LpA836Ed5+00va/7HQSDD+mOoVhn3tNy3e/Q=="],
|
||||||
|
|
||||||
"next-intl": ["next-intl@3.26.5", "", { "dependencies": { "@formatjs/intl-localematcher": "^0.5.4", "negotiator": "^1.0.0", "use-intl": "^3.26.5" }, "peerDependencies": { "next": "^10.0.0 || ^11.0.0 || ^12.0.0 || ^13.0.0 || ^14.0.0 || ^15.0.0", "react": "^16.8.0 || ^17.0.0 || ^18.0.0 || >=19.0.0-rc <19.0.0 || ^19.0.0" } }, "sha512-EQlCIfY0jOhRldiFxwSXG+ImwkQtDEfQeSOEQp6ieAGSLWGlgjdb/Ck/O7wMfC430ZHGeUKVKax8KGusTPKCgg=="],
|
"next-intl": ["next-intl@3.26.5", "", { "dependencies": { "@formatjs/intl-localematcher": "^0.5.4", "negotiator": "^1.0.0", "use-intl": "^3.26.5" }, "peerDependencies": { "next": "^10.0.0 || ^11.0.0 || ^12.0.0 || ^13.0.0 || ^14.0.0 || ^15.0.0", "react": "^16.8.0 || ^17.0.0 || ^18.0.0 || >=19.0.0-rc <19.0.0 || ^19.0.0" } }, "sha512-EQlCIfY0jOhRldiFxwSXG+ImwkQtDEfQeSOEQp6ieAGSLWGlgjdb/Ck/O7wMfC430ZHGeUKVKax8KGusTPKCgg=="],
|
||||||
|
|
||||||
|
|||||||
@ -5,8 +5,8 @@ FROM oven/bun:latest AS base
|
|||||||
WORKDIR /app
|
WORKDIR /app
|
||||||
|
|
||||||
# Create a non-root user for running the production application
|
# Create a non-root user for running the production application
|
||||||
RUN groupadd -r -g 1001 nodejs && \
|
RUN addgroup --system --gid 1001 nodejs \
|
||||||
useradd -r -u 1001 -g nodejs -d /home/nextjs -m nextjs
|
&& adduser --system --uid 1001 nextjs
|
||||||
|
|
||||||
# Change to non-root user
|
# Change to non-root user
|
||||||
USER nextjs
|
USER nextjs
|
||||||
|
|||||||
@ -5,8 +5,8 @@ FROM oven/bun:latest AS base
|
|||||||
WORKDIR /app
|
WORKDIR /app
|
||||||
|
|
||||||
# Create non-root user and set permissions
|
# Create non-root user and set permissions
|
||||||
RUN groupadd -r -g 1001 nodejs && \
|
RUN addgroup --system --gid 1001 nodejs \
|
||||||
useradd -r -u 1001 -g nodejs -d /home/nextjs -m nextjs
|
&& adduser --system --uid 1001 nextjs
|
||||||
|
|
||||||
# Copy build output and static files
|
# Copy build output and static files
|
||||||
COPY ./apps/user/.next/standalone ./
|
COPY ./apps/user/.next/standalone ./
|
||||||
|
|||||||
@ -1,6 +1,6 @@
|
|||||||
{
|
{
|
||||||
"name": "ppanel-web",
|
"name": "ppanel-web",
|
||||||
"version": "1.3.2",
|
"version": "1.3.0",
|
||||||
"private": true,
|
"private": true,
|
||||||
"homepage": "https://github.com/perfect-panel/ppanel-web",
|
"homepage": "https://github.com/perfect-panel/ppanel-web",
|
||||||
"bugs": {
|
"bugs": {
|
||||||
|
|||||||
@ -13,8 +13,7 @@ const buttonVariants = cva(
|
|||||||
primary: 'bg-[#225BA9] text-primary-foreground shadow hover:bg-[#0F2C53] ',
|
primary: 'bg-[#225BA9] text-primary-foreground shadow hover:bg-[#0F2C53] ',
|
||||||
danger: 'bg-[#FF4248] text-primary-foreground shadow hover:bg-[#E22C2E]',
|
danger: 'bg-[#FF4248] text-primary-foreground shadow hover:bg-[#E22C2E]',
|
||||||
dangerLink: 'text-[#E22C2E] ',
|
dangerLink: 'text-[#E22C2E] ',
|
||||||
primaryBlue:
|
primaryBlue: 'bg-[#A8D4ED] text-primary-foreground hover:bg-[#225BA9]',
|
||||||
'bg-[#B5C9E2] text-[#225BA9] hover:bg-[#225BA9] hover:text-primary-foreground ',
|
|
||||||
destructive: 'bg-destructive text-destructive-foreground shadow-sm hover:bg-destructive/90',
|
destructive: 'bg-destructive text-destructive-foreground shadow-sm hover:bg-destructive/90',
|
||||||
outline:
|
outline:
|
||||||
'border border-input bg-background shadow-sm hover:bg-accent hover:text-accent-foreground',
|
'border border-input bg-background shadow-sm hover:bg-accent hover:text-accent-foreground',
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user