Client/ppanel-web
5
0
Fork 0
mirror of https://github.com/perfect-panel/ppanel-web.git synced 2026-02-06 03:30:25 -05:00
Code Issues Packages Projects Releases Wiki Activity

🐛 fix(changelog): Update change log style

Browse Source
This commit is contained in:
web@ppanel 2025-03-13 11:23:14 +07:00
commit cfa3fc024d
191 changed files with 4330 additions and 2639 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

28
CHANGELOG.md
View File

@ -1,49 +1,43 @@
<a name="readme-top"></a>
# Changelog
# [1.0.0-beta.26](https://github.com/perfect-panel/ppanel-web/compare/v1.0.0-beta.25...v1.0.0-beta.26) (2025-03-02)
### 🐛 Bug Fixes
* **icon**: Comment out unused icon collection imports ([f17bf8d](https://github.com/perfect-panel/ppanel-web/commit/f17bf8d))
- **icon**: Comment out unused icon collection imports ([f17bf8d](https://github.com/perfect-panel/ppanel-web/commit/f17bf8d))
# [1.0.0-beta.25](https://github.com/perfect-panel/ppanel-web/compare/v1.0.0-beta.24...v1.0.0-beta.25) (2025-03-01)
### ✨ Features
* **auth**: Add privacy policy link to the footer ([8e16ef1](https://github.com/perfect-panel/ppanel-web/commit/8e16ef1))
- **auth**: Add privacy policy link to the footer ([8e16ef1](https://github.com/perfect-panel/ppanel-web/commit/8e16ef1))
### 🐛 Bug Fixes
* **dashboard**: Display subscription creation date in user dashboard ([d0e6df0](https://github.com/perfect-panel/ppanel-web/commit/d0e6df0))
* **request**: Add error code 40005 to trigger logout ([71bf002](https://github.com/perfect-panel/ppanel-web/commit/71bf002))
* **subscribe**: Update payment return URL ([2b80496](https://github.com/perfect-panel/ppanel-web/commit/2b80496))
- **dashboard**: Display subscription creation date in user dashboard ([d0e6df0](https://github.com/perfect-panel/ppanel-web/commit/d0e6df0))
- **request**: Add error code 40005 to trigger logout ([71bf002](https://github.com/perfect-panel/ppanel-web/commit/71bf002))
- **subscribe**: Update payment return URL ([2b80496](https://github.com/perfect-panel/ppanel-web/commit/2b80496))
# [1.0.0-beta.24](https://github.com/perfect-panel/ppanel-web/compare/v1.0.0-beta.23...v1.0.0-beta.24) (2025-02-27)
### ♻ Code Refactoring
* **ui**: Optimize document display ([2ca2992](https://github.com/perfect-panel/ppanel-web/commit/2ca2992))
* Reduce code complexity and improve readability ([e11f18c](https://github.com/perfect-panel/ppanel-web/commit/e11f18c))
- **ui**: Optimize document display ([2ca2992](https://github.com/perfect-panel/ppanel-web/commit/2ca2992))
- Reduce code complexity and improve readability ([e11f18c](https://github.com/perfect-panel/ppanel-web/commit/e11f18c))
### ✨ Features
* **loading**: Add loading components and integrate them in Providers ([d5847fa](https://github.com/perfect-panel/ppanel-web/commit/d5847fa))
- **loading**: Add loading components and integrate them in Providers ([d5847fa](https://github.com/perfect-panel/ppanel-web/commit/d5847fa))
### 🎫 Chores
* **merge**: Add advertising module and device settings ([0130e02](https://github.com/perfect-panel/ppanel-web/commit/0130e02))
- **merge**: Add advertising module and device settings ([0130e02](https://github.com/perfect-panel/ppanel-web/commit/0130e02))
### 🐛 Bug Fixes
* **locales**: Order recharge related fields ([35210fe](https://github.com/perfect-panel/ppanel-web/commit/35210fe))
- **locales**: Order recharge related fields ([35210fe](https://github.com/perfect-panel/ppanel-web/commit/35210fe))
<a name="readme-top"></a>

2
apps/admin/app/dashboard/order/page.tsx
View File

@ -116,7 +116,7 @@ export default function Page(props: any) {
<ul className='grid gap-3'>
<li className='flex items-center justify-between'>
<span className='text-muted-foreground'>{t('method')}</span>
<span>{t(`methods.${row.original.method}`)}</span>
<span>{row.original?.payment?.name || row.original?.payment?.platform}</span>
</li>
</ul>
</HoverCardContent>

256
apps/admin/app/dashboard/payment/alipayf2f.tsx
View File

@ -1,256 +0,0 @@
'use client';
import { getAlipayF2FPaymentConfig, updateAlipayF2FPaymentConfig } from '@/services/admin/payment';
import { useQuery } from '@tanstack/react-query';
import { Label } from '@workspace/ui/components/label';
import {
Select,
SelectContent,
SelectGroup,
SelectItem,
SelectTrigger,
SelectValue,
} from '@workspace/ui/components/select';
import { Switch } from '@workspace/ui/components/switch';
import { Table, TableBody, TableCell, TableRow } from '@workspace/ui/components/table';
import { Textarea } from '@workspace/ui/components/textarea';
import { EnhancedInput } from '@workspace/ui/custom-components/enhanced-input';
import { unitConversion } from '@workspace/ui/utils';
import { useTranslations } from 'next-intl';
import { toast } from 'sonner';
export default function AlipayF2F() {
const t = useTranslations('payment');
const { data, refetch } = useQuery({
queryKey: ['getAlipayF2FPaymentConfig'],
queryFn: async () => {
const { data } = await getAlipayF2FPaymentConfig();
return data.data;
},
});
async function updateConfig(key: string, value: unknown) {
if (data?.[key] === value) return;
try {
await updateAlipayF2FPaymentConfig({
...data,
[key]: value,
} as API.UpdateAlipayF2fRequest);
toast.success(t('saveSuccess'));
refetch();
} catch (error) {
/* empty */
}
}
return (
<Table>
<TableBody>
<TableRow>
<TableCell>
<Label>{t('enable')}</Label>
<p className='text-muted-foreground text-xs'>{t('enableDescription')}</p>
</TableCell>
<TableCell className='text-right'>
<Switch
checked={data?.enable}
onCheckedChange={(checked) => {
updateConfig('enable', checked);
}}
/>
</TableCell>
</TableRow>
<TableRow>
<TableCell>
<Label>{t('alipayf2f.sandbox')}</Label>
<p className='text-muted-foreground text-xs'>{t('alipayf2f.sandboxDescription')}</p>
</TableCell>
<TableCell className='text-right'>
<Switch
checked={data?.config.sandbox}
onCheckedChange={(checked) => {
updateConfig('config', {
...data?.config,
sandbox: checked,
});
}}
/>
</TableCell>
</TableRow>
<TableRow>
<TableCell>
<Label>{t('showName')}</Label>
<p className='text-muted-foreground text-xs'>{t('showNameDescription')}</p>
</TableCell>
<TableCell className='text-right'>
<EnhancedInput
placeholder={t('inputPlaceholder')}
value={data?.name}
onValueBlur={(value) => updateConfig('name', value)}
/>
</TableCell>
</TableRow>
<TableRow>
<TableCell>
<Label>{t('iconUrl')}</Label>
<p className='text-muted-foreground text-xs'>{t('iconUrlDescription')}</p>
</TableCell>
<TableCell className='text-right'>
<EnhancedInput
placeholder={t('inputPlaceholder')}
value={data?.icon_url}
onValueBlur={(value) => updateConfig('icon', value)}
/>
</TableCell>
</TableRow>
<TableRow>
<TableCell>
<Label>{t('notifyUrl')}</Label>
<p className='text-muted-foreground text-xs'>{t('notifyUrlDescription')}</p>
</TableCell>
<TableCell className='text-right'>
<EnhancedInput
placeholder={t('inputPlaceholder')}
value={data?.domain}
onValueBlur={(value) => updateConfig('domain', value)}
/>
</TableCell>
</TableRow>
<TableRow>
<TableCell>
<Label>{t('feeMode')}</Label>
<p className='text-muted-foreground text-xs'>{t('feeModeDescription')}</p>
</TableCell>
<TableCell className='text-right'>
<Select
value={String(data?.fee_mode)}
onValueChange={(value) => {
updateConfig('fee_mode', Number(value));
}}
>
<SelectTrigger>
<SelectValue placeholder='请选择' />
</SelectTrigger>
<SelectContent>
<SelectGroup>
<SelectItem value='0'>{t('feeModeItems.0')}</SelectItem>
<SelectItem value='1'>{t('feeModeItems.1')}</SelectItem>
<SelectItem value='2'>{t('feeModeItems.2')}</SelectItem>
<SelectItem value='3'>{t('feeModeItems.3')}</SelectItem>
</SelectGroup>
</SelectContent>
</Select>
</TableCell>
</TableRow>
<TableRow>
<TableCell>
<Label>{t('feePercent')}</Label>
<p className='text-muted-foreground text-xs'>{t('feePercentDescription')}</p>
</TableCell>
<TableCell className='text-right'>
<EnhancedInput
placeholder={t('inputPlaceholder')}
type='number'
min={0}
max={100}
maxLength={3}
value={data?.fee_percent}
onValueBlur={(value) => updateConfig('fee_percent', value)}
suffix='%'
/>
</TableCell>
</TableRow>
<TableRow>
<TableCell>
<Label>{t('fixedFee')}</Label>
<p className='text-muted-foreground text-xs'>{t('fixedFeeDescription')}</p>
</TableCell>
<TableCell className='text-right'>
<EnhancedInput
placeholder={t('inputPlaceholder')}
min={0}
value={data?.fee_amount}
formatInput={(value) => unitConversion('centsToDollars', value)}
formatOutput={(value) => unitConversion('dollarsToCents', value)}
onValueBlur={(value) => updateConfig('fee_amount', value)}
/>
</TableCell>
</TableRow>
<TableRow>
<TableCell>
<Label>{t('alipayf2f.appId')}</Label>
<p className='text-muted-foreground text-xs' />
</TableCell>
<TableCell className='text-right'>
<EnhancedInput
placeholder={t('inputPlaceholder')}
value={data?.config.app_id}
onValueBlur={(value) =>
updateConfig('config', {
...data?.config,
app_id: value,
})
}
/>
</TableCell>
</TableRow>
<TableRow>
<TableCell>
<Label>{t('alipayf2f.privateKey')}</Label>
<p className='text-muted-foreground text-xs' />
</TableCell>
<TableCell className='text-right'>
<Textarea
placeholder={t('inputPlaceholder')}
defaultValue={data?.config.private_key}
onBlur={(e) => {
updateConfig('config', {
...data?.config,
private_key: e.target.value,
});
}}
/>
</TableCell>
</TableRow>
<TableRow>
<TableCell>
<Label>{t('alipayf2f.publicKey')}</Label>
<p className='text-muted-foreground text-xs' />
</TableCell>
<TableCell className='text-right'>
<Textarea
placeholder={t('inputPlaceholder')}
defaultValue={data?.config.public_key}
onBlur={(e) => {
updateConfig('config', {
...data?.config,
public_key: e.target.value,
});
}}
/>
</TableCell>
</TableRow>
<TableRow>
<TableCell>
<Label>{t('alipayf2f.invoiceName')}</Label>
<p className='text-muted-foreground text-xs' />
</TableCell>
<TableCell className='text-right'>
<EnhancedInput
placeholder={t('alipayf2f.invoiceNameDescription')}
value={data?.config.invoice_name}
onValueBlur={(value) =>
updateConfig('config', {
...data?.config,
invoice_name: value,
})
}
/>
</TableCell>
</TableRow>
</TableBody>
</Table>
);
}

221
apps/admin/app/dashboard/payment/epay.tsx
View File

@ -1,221 +0,0 @@
'use client';
import { getEpayPaymentConfig, updateEpayPaymentConfig } from '@/services/admin/payment';
import { useQuery } from '@tanstack/react-query';
import { Label } from '@workspace/ui/components/label';
import {
Select,
SelectContent,
SelectGroup,
SelectItem,
SelectTrigger,
SelectValue,
} from '@workspace/ui/components/select';
import { Switch } from '@workspace/ui/components/switch';
import { Table, TableBody, TableCell, TableRow } from '@workspace/ui/components/table';
import { EnhancedInput } from '@workspace/ui/custom-components/enhanced-input';
import { unitConversion } from '@workspace/ui/utils';
import { useTranslations } from 'next-intl';
import { toast } from 'sonner';
export default function Epay() {
const t = useTranslations('payment');
const { data, refetch } = useQuery({
queryKey: ['getEpayPaymentConfig'],
queryFn: async () => {
const { data } = await getEpayPaymentConfig();
return data.data;
},
});
async function updateConfig(key: string, value: unknown) {
if (data?.[key] === value) return;
try {
await updateEpayPaymentConfig({
...data,
[key]: value,
} as API.UpdateEpayRequest);
toast.success(t('saveSuccess'));
refetch();
} catch (error) {
/* empty */
}
}
return (
<Table>
<TableBody>
<TableRow>
<TableCell>
<Label>{t('enable')}</Label>
<p className='text-muted-foreground text-xs'>{t('enableDescription')}</p>
</TableCell>
<TableCell className='text-right'>
<Switch
checked={data?.enable}
onCheckedChange={(checked) => {
updateConfig('enable', checked);
}}
/>
</TableCell>
</TableRow>
<TableRow>
<TableCell>
<Label>{t('showName')}</Label>
<p className='text-muted-foreground text-xs'>{t('showNameDescription')}</p>
</TableCell>
<TableCell className='text-right'>
<EnhancedInput
placeholder={t('inputPlaceholder')}
value={data?.name}
onValueBlur={(value) => updateConfig('name', value)}
/>
</TableCell>
</TableRow>
<TableRow>
<TableCell>
<Label>{t('iconUrl')}</Label>
<p className='text-muted-foreground text-xs'>{t('iconUrlDescription')}</p>
</TableCell>
<TableCell className='text-right'>
<EnhancedInput
placeholder={t('inputPlaceholder')}
value={data?.icon}
onValueBlur={(value) => updateConfig('icon', value)}
/>
</TableCell>
</TableRow>
<TableRow>
<TableCell>
<Label>{t('notifyUrl')}</Label>
<p className='text-muted-foreground text-xs'>{t('notifyUrlDescription')}</p>
</TableCell>
<TableCell className='text-right'>
<EnhancedInput
placeholder={t('inputPlaceholder')}
value={data?.domain}
onValueBlur={(value) => updateConfig('domain', value)}
/>
</TableCell>
</TableRow>
<TableRow>
<TableCell>
<Label>{t('feeMode')}</Label>
<p className='text-muted-foreground text-xs'>{t('feeModeDescription')}</p>
</TableCell>
<TableCell className='text-right'>
<Select
value={String(data?.fee_mode)}
onValueChange={(value) => {
updateConfig('fee_mode', Number(value));
}}
>
<SelectTrigger>
<SelectValue placeholder='请选择' />
</SelectTrigger>
<SelectContent>
<SelectGroup>
<SelectItem value='0'>{t('feeModeItems.0')}</SelectItem>
<SelectItem value='1'>{t('feeModeItems.1')}</SelectItem>
<SelectItem value='2'>{t('feeModeItems.2')}</SelectItem>
<SelectItem value='3'>{t('feeModeItems.3')}</SelectItem>
</SelectGroup>
</SelectContent>
</Select>
</TableCell>
</TableRow>
<TableRow>
<TableCell>
<Label>{t('feePercent')}</Label>
<p className='text-muted-foreground text-xs'>{t('feePercentDescription')}</p>
</TableCell>
<TableCell className='text-right'>
<EnhancedInput
placeholder={t('inputPlaceholder')}
type='number'
min={0}
max={100}
maxLength={3}
value={data?.fee_percent}
onValueBlur={(value) => updateConfig('fee_percent', value)}
suffix='%'
/>
</TableCell>
</TableRow>
<TableRow>
<TableCell>
<Label>{t('fixedFee')}</Label>
<p className='text-muted-foreground text-xs'>{t('fixedFeeDescription')}</p>
</TableCell>
<TableCell className='text-right'>
<EnhancedInput
placeholder={t('inputPlaceholder')}
type='number'
min={0}
value={data?.fee_amount}
formatInput={(value) => unitConversion('centsToDollars', value)}
formatOutput={(value) => unitConversion('dollarsToCents', value)}
onValueBlur={(value) => updateConfig('fee_amount', value)}
/>
</TableCell>
</TableRow>
<TableRow>
<TableCell>
<Label>{t('epay.url')}</Label>
<p className='text-muted-foreground text-xs' />
</TableCell>
<TableCell className='text-right'>
<EnhancedInput
placeholder={t('inputPlaceholder')}
value={data?.config.url}
onValueBlur={(value) =>
updateConfig('config', {
...data?.config,
url: value,
})
}
/>
</TableCell>
</TableRow>
<TableRow>
<TableCell>
<Label>{t('epay.pid')}</Label>
<p className='text-muted-foreground text-xs' />
</TableCell>
<TableCell className='text-right'>
<EnhancedInput
placeholder={t('inputPlaceholder')}
value={data?.config.pid}
onValueBlur={(value) =>
updateConfig('config', {
...data?.config,
pid: value,
})
}
/>
</TableCell>
</TableRow>
<TableRow>
<TableCell>
<Label>{t('epay.key')}</Label>
<p className='text-muted-foreground text-xs' />
</TableCell>
<TableCell className='text-right'>
<EnhancedInput
placeholder={t('inputPlaceholder')}
value={data?.config.key}
onValueBlur={(value) =>
updateConfig('config', {
...data?.config,
key: value,
})
}
/>
</TableCell>
</TableRow>
</TableBody>
</Table>
);
}

29
apps/admin/app/dashboard/payment/page.tsx
View File

@ -1,34 +1,11 @@
import Billing from '@/components/billing';
import { Tabs, TabsContent, TabsList, TabsTrigger } from '@workspace/ui/components/tabs';
import AlipayF2F from './alipayf2f';
import Epay from './epay';
import StripeAlipay from './stripe-alipay';
import StripeWeChatPay from './stripe-wechat-pay';
import PaymentTable from './payment-table';
export default async function Page() {
return (
<>
<Tabs defaultValue='Epay'>
<TabsList className='h-full flex-wrap'>
<TabsTrigger value='Epay'>Epay</TabsTrigger>
<TabsTrigger value='Stripe-Alipay'>Stripe(AliPay)</TabsTrigger>
<TabsTrigger value='Strip-WeChatPay'>Stripe(WeChatPay)</TabsTrigger>
<TabsTrigger value='AlipayF2F'>AlipayF2F</TabsTrigger>
</TabsList>
<TabsContent value='Epay'>
<Epay />
</TabsContent>
<TabsContent value='Stripe-Alipay'>
<StripeAlipay />
</TabsContent>
<TabsContent value='Strip-WeChatPay'>
<StripeWeChatPay />
</TabsContent>
<TabsContent value='AlipayF2F'>
<AlipayF2F />
</TabsContent>
</Tabs>
<div className='flex flex-col gap-3'>
<PaymentTable />
<div className='mt-5 flex flex-col gap-3'>
<Billing type='payment' />
</div>
</>

415
apps/admin/app/dashboard/payment/payment-form.tsx Normal file
View File

@ -0,0 +1,415 @@
'use client';
import useGlobalStore from '@/config/use-global';
import { getPaymentPlatform } from '@/services/admin/payment';
import { zodResolver } from '@hookform/resolvers/zod';
import { useQuery } from '@tanstack/react-query';
import { Button } from '@workspace/ui/components/button';
import {
Form,
FormControl,
FormField,
FormItem,
FormLabel,
FormMessage,
} from '@workspace/ui/components/form';
import { RadioGroup, RadioGroupItem } from '@workspace/ui/components/radio-group';
import { ScrollArea } from '@workspace/ui/components/scroll-area';
import {
Select,
SelectContent,
SelectItem,
SelectTrigger,
SelectValue,
} from '@workspace/ui/components/select';
import {
Sheet,
SheetContent,
SheetFooter,
SheetHeader,
SheetTitle,
SheetTrigger,
} from '@workspace/ui/components/sheet';
import { MarkdownEditor } from '@workspace/ui/custom-components/editor';
import { EnhancedInput } from '@workspace/ui/custom-components/enhanced-input';
import { Icon } from '@workspace/ui/custom-components/icon';
import { unitConversion } from '@workspace/ui/utils';
import { useTranslations } from 'next-intl';
import { useEffect, useState } from 'react';
import { useForm } from 'react-hook-form';
import * as z from 'zod';
interface PaymentFormProps<T> {
trigger: React.ReactNode;
title: string;
loading?: boolean;
initialValues?: T;
onSubmit: (values: T) => Promise<boolean>;
}
export default function PaymentForm<T>({
trigger,
title,
loading,
initialValues,
onSubmit,
}: PaymentFormProps<T>) {
const t = useTranslations('payment');
const { common } = useGlobalStore();
const { currency } = common;
const [open, setOpen] = useState(false);
const { data: platformData } = useQuery({
queryKey: ['getPaymentPlatform'],
queryFn: async () => {
const { data } = await getPaymentPlatform();
return data?.data?.list || [];
},
});
const formSchema = z.object({
name: z.string().min(1, { message: t('nameRequired') }),
platform: z.string().optional(),
icon: z.string().optional(),
domain: z.string().optional(),
config: z.any(),
fee_mode: z.coerce.number().min(0).max(2),
fee_percent: z.coerce.number().optional(),
fee_amount: z.coerce.number().optional(),
description: z.string().optional(),
});
const form = useForm<z.infer<typeof formSchema>>({
resolver: zodResolver(formSchema),
defaultValues: {
name: '',
platform: '',
icon: '',
domain: '',
config: {},
fee_mode: 0,
fee_percent: 0,
fee_amount: 0,
...(initialValues as any),
},
});
const feeMode = form.watch('fee_mode');
const platformValue = form.watch('platform');
const configValues = form.watch('config');
const currentPlatform = platformData?.find((p) => p.platform === platformValue);
const currentFieldDescriptions = currentPlatform?.platform_field_description || {};
const configFields = Object.keys(currentFieldDescriptions) || [];
const platformUrl = currentPlatform?.platform_url || '';
useEffect(() => {
if (feeMode === 0) {
form.setValue('fee_amount', 0);
form.setValue('fee_percent', 0);
} else if (feeMode === 1) {
form.setValue('fee_amount', 0);
} else if (feeMode === 2) {
form.setValue('fee_percent', 0);
}
}, [feeMode, form]);
const handleClose = () => {
form.reset();
setOpen(false);
};
const handleSubmit = async (values: z.infer<typeof formSchema>) => {
const cleanedValues = { ...values };
if (values.fee_mode === 0) {
cleanedValues.fee_amount = undefined;
cleanedValues.fee_percent = undefined;
} else if (values.fee_mode === 1) {
cleanedValues.fee_amount = undefined;
} else if (values.fee_mode === 2) {
cleanedValues.fee_percent = undefined;
}
const success = await onSubmit(cleanedValues as unknown as T);
if (success) {
handleClose();
}
};
const openPlatformUrl = () => {
if (platformUrl) {
window.open(platformUrl, '_blank');
}
};
return (
<Sheet open={open} onOpenChange={setOpen}>
<SheetTrigger asChild>{trigger}</SheetTrigger>
<SheetContent className='w-[550px] max-w-full md:max-w-screen-md'>
<SheetHeader>
<SheetTitle>{title}</SheetTitle>
</SheetHeader>
<ScrollArea className='-mx-6 h-[calc(100vh-48px-36px-36px-env(safe-area-inset-top))]'>
<Form {...form}>
<form onSubmit={form.handleSubmit(handleSubmit)} className='space-y-6 px-6 pt-4'>
{/* 基本信息分组 */}
<div className='space-y-4'>
<div className='grid grid-cols-1 gap-4 sm:grid-cols-2'>
<FormField
control={form.control}
name='name'
render={({ field }) => (
<FormItem>
<FormLabel>{t('name')}</FormLabel>
<FormControl>
<EnhancedInput
placeholder={t('namePlaceholder')}
value={field.value}
onValueChange={(value) => form.setValue('name', value as string)}
/>
</FormControl>
<FormMessage />
</FormItem>
)}
/>
<FormField
control={form.control}
name='icon'
render={({ field }) => (
<FormItem>
<FormLabel>{t('icon')}</FormLabel>
<FormControl>
<EnhancedInput
placeholder={t('iconPlaceholder')}
value={field.value}
onValueChange={(value) => form.setValue('icon', value as string)}
/>
</FormControl>
<FormMessage />
</FormItem>
)}
/>
</div>
<FormField
control={form.control}
name='domain'
render={({ field }) => (
<FormItem>
<FormLabel>{t('domain')}</FormLabel>
<FormControl>
<EnhancedInput
placeholder={t('domainPlaceholder', { example: 'http(s)://example.com' })}
value={field.value}
onValueChange={(value) => form.setValue('domain', value as string)}
/>
</FormControl>
<FormMessage />
</FormItem>
)}
/>
</div>
<div className='space-y-4'>
<FormField
control={form.control}
name='fee_mode'
render={({ field }) => (
<FormItem>
<FormLabel>{t('handlingFee')}</FormLabel>
<FormControl>
<RadioGroup
onValueChange={(value) => field.onChange(parseInt(value))}
value={field.value.toString()}
className='flex flex-wrap gap-4'
>
<FormItem className='flex items-center space-x-2'>
<FormControl>
<RadioGroupItem value='0' />
</FormControl>
<FormLabel className='!mt-0 cursor-pointer'>{t('noFee')}</FormLabel>
</FormItem>
<FormItem className='flex items-center space-x-2'>
<FormControl>
<RadioGroupItem value='1' />
</FormControl>
<FormLabel className='!mt-0 cursor-pointer'>
{t('percentFee')}
</FormLabel>
</FormItem>
<FormItem className='flex items-center space-x-2'>
<FormControl>
<RadioGroupItem value='2' />
</FormControl>
<FormLabel className='!mt-0 cursor-pointer'>{t('fixedFee')}</FormLabel>
</FormItem>
</RadioGroup>
</FormControl>
<FormMessage />
</FormItem>
)}
/>
{feeMode === 1 && (
<div className='grid grid-cols-1 sm:w-1/2'>
<FormField
control={form.control}
name='fee_percent'
render={({ field }) => (
<FormItem>
<FormLabel>{t('feePercent')}</FormLabel>
<FormControl>
<EnhancedInput
type='number'
step='0.01'
suffix='%'
value={field.value}
onValueChange={field.onChange}
/>
</FormControl>
<FormMessage />
</FormItem>
)}
/>
</div>
)}
{feeMode === 2 && (
<div className='grid grid-cols-1 sm:w-1/2'>
<FormField
control={form.control}
name='fee_amount'
render={({ field }) => (
<FormItem>
<FormLabel>{t('feeAmount')}</FormLabel>
<FormControl>
<EnhancedInput
type='number'
step='0.01'
prefix={currency.currency_symbol}
suffix={currency.currency_unit}
value={unitConversion('centsToDollars', field.value)}
onValueChange={(value) =>
field.onChange(unitConversion('dollarsToCents', value))
}
/>
</FormControl>
<FormMessage />
</FormItem>
)}
/>
</div>
)}
</div>
<div className='space-y-4'>
{(!platformValue || platformData?.find((p) => p.platform === platformValue)) && (
<FormField
control={form.control}
name='platform'
render={({ field }) => (
<FormItem>
<FormLabel>{t('platform')}</FormLabel>
<Select
onValueChange={(value) => {
form.setValue('platform', value as string);
form.setValue('config', {});
}}
defaultValue={field.value}
value={field.value}
>
<FormControl>
<SelectTrigger>
<SelectValue placeholder={t('selectPlatform')} />
</SelectTrigger>
</FormControl>
<SelectContent>
{platformData?.map((platform) => (
<SelectItem key={platform.platform} value={platform.platform}>
{platform.platform}
</SelectItem>
))}
</SelectContent>
</Select>
{platformUrl ? (
<div className='mt-1 flex justify-end'>
<Button
variant='ghost'
size='sm'
className='h-6 px-2 text-xs'
onClick={openPlatformUrl}
>
<Icon icon='tabler:external-link' className='mr-1 h-3 w-3' />
{t('applyForPayment')}
</Button>
</div>
) : (
<div className='mt-1 h-6'></div>
)}
<FormMessage />
</FormItem>
)}
/>
)}
{configFields.length > 0 && (
<div className='mt-4 space-y-4'>
{configFields.map((fieldKey) => (
<FormItem key={fieldKey}>
<FormLabel>{currentFieldDescriptions[fieldKey]}</FormLabel>
<FormControl>
<EnhancedInput
placeholder={t('configPlaceholder', {
field: currentFieldDescriptions[fieldKey],
})}
value={
configValues && configValues[fieldKey] !== undefined
? configValues[fieldKey]
: ''
}
onValueChange={(value) => {
const newConfig = { ...configValues };
newConfig[fieldKey] = value;
form.setValue('config', newConfig);
}}
/>
</FormControl>
</FormItem>
))}
</div>
)}
<FormField
control={form.control}
name='description'
render={({ field }) => (
<FormItem>
<FormLabel>{t('description')}</FormLabel>
<FormControl>
<MarkdownEditor
value={field.value}
onChange={(value) => form.setValue(field.name, value as string)}
/>
</FormControl>
<FormMessage />
</FormItem>
)}
/>
</div>
</form>
</Form>
</ScrollArea>
<SheetFooter className='flex-row justify-end gap-2 pt-3'>
<Button variant='outline' disabled={loading} onClick={handleClose}>
{t('cancel')}
</Button>
<Button disabled={loading} onClick={form.handleSubmit(handleSubmit)}>
{loading && <Icon icon='mdi:loading' className='mr-2 animate-spin' />}
{t('submit')}
</Button>
</SheetFooter>
</SheetContent>
</Sheet>
);
}

222
apps/admin/app/dashboard/payment/payment-table.tsx Normal file
View File

@ -0,0 +1,222 @@
'use client';
import { Display } from '@/components/display';
import { ProTable, ProTableActions } from '@/components/pro-table';
import {
createPaymentMethod,
deletePaymentMethod,
getPaymentMethodList,
updatePaymentMethod,
} from '@/services/admin/payment';
import { Avatar, AvatarFallback, AvatarImage } from '@workspace/ui/components/avatar';
import { Badge } from '@workspace/ui/components/badge';
import { Button } from '@workspace/ui/components/button';
import { Switch } from '@workspace/ui/components/switch';
import { ConfirmButton } from '@workspace/ui/custom-components/confirm-button';
import { useTranslations } from 'next-intl';
import { useRef, useState } from 'react';
import { toast } from 'sonner';
import PaymentForm from './payment-form';
export default function PaymentTable() {
const t = useTranslations('payment');
const [loading, setLoading] = useState(false);
const ref = useRef<ProTableActions>(null);
return (
<ProTable<API.PaymentConfig, { search: string }>
action={ref}
header={{
title: t('paymentManagement'),
toolbar: (
<PaymentForm<API.CreatePaymentMethodRequest>
trigger={<Button>{t('create')}</Button>}
title={t('createPayment')}
loading={loading}
onSubmit={async (values) => {
setLoading(true);
try {
await createPaymentMethod({
...values,
enable: false,
});
toast.success(t('createSuccess'));
ref.current?.refresh();
setLoading(false);
return true;
} catch (error) {
setLoading(false);
return false;
}
}}
/>
),
}}
columns={[
{
accessorKey: 'enable',
header: t('enable'),
cell: ({ row }) => {
return (
<Switch
checked={Boolean(row.getValue('enable'))}
onCheckedChange={async (checked) => {
await updatePaymentMethod({
...row.original,
enable: checked,
});
ref.current?.refresh();
}}
/>
);
},
},
{
accessorKey: 'icon',
header: t('icon'),
cell: ({ row }) => {
const icon = row.getValue('icon') as string;
return (
<Avatar className='h-8 w-8'>
{icon ? <AvatarImage src={icon} alt={row.getValue('name')} /> : null}
<AvatarFallback>
{(row.getValue('name') as string)?.charAt(0) || '?'}
</AvatarFallback>
</Avatar>
);
},
},
{
accessorKey: 'name',
header: t('name'),
},
{
accessorKey: 'platform',
header: t('platform'),
cell: ({ row }) => <Badge>{t(row.getValue('platform'))}</Badge>,
},
{
accessorKey: 'notify_url',
header: t('notify_url'),
},
{
accessorKey: 'fee',
header: t('handlingFee'),
cell: ({ row }) => {
const feeMode = row.original.fee_mode;
if (feeMode === 1) {
return <Badge>{row.original.fee_percent}%</Badge>;
} else if (feeMode === 2) {
return (
<Badge>
<Display value={row.original.fee_amount} type='currency' />
</Badge>
);
}
return '--';
},
},
]}
params={[
{
key: 'search',
placeholder: t('searchPlaceholder'),
},
]}
request={async (pagination, filter) => {
const { data } = await getPaymentMethodList({
...pagination,
...filter,
});
return {
list: data?.data?.list || [],
total: data?.data?.total || 0,
};
}}
actions={{
render: (row) => [
<PaymentForm<API.UpdatePaymentMethodRequest>
key='edit'
trigger={<Button>{t('edit')}</Button>}
title={t('editPayment')}
loading={loading}
initialValues={row}
onSubmit={async (values) => {
setLoading(true);
try {
await updatePaymentMethod({
...row,
...values,
});
toast.success(t('updateSuccess'));
ref.current?.refresh();
setLoading(false);
return true;
} catch (error) {
setLoading(false);
return false;
}
}}
/>,
<ConfirmButton
key='delete'
trigger={<Button variant='destructive'>{t('delete')}</Button>}
title={t('confirmDelete')}
description={t('deleteWarning')}
onConfirm={async () => {
await deletePaymentMethod({
id: row.id,
});
toast.success(t('deleteSuccess'));
ref.current?.refresh();
}}
cancelText={t('cancel')}
confirmText={t('confirm')}
/>,
<Button
key='copy'
variant='outline'
onClick={async () => {
setLoading(true);
try {
const { id, ...params } = row;
await createPaymentMethod({
...params,
enable: false,
});
toast.success(t('copySuccess'));
ref.current?.refresh();
setLoading(false);
return true;
} catch (error) {
setLoading(false);
return false;
}
}}
>
{t('copy')}
</Button>,
],
batchRender(rows) {
return [
<ConfirmButton
key='delete'
trigger={<Button variant='destructive'>{t('batchDelete')}</Button>}
title={t('confirmDelete')}
description={t('deleteWarning')}
onConfirm={async () => {
for (const row of rows) {
await deletePaymentMethod({ id: row.id });
}
toast.success(t('deleteSuccess'));
ref.current?.refresh();
}}
cancelText={t('cancel')}
confirmText={t('confirm')}
/>,
];
},
}}
/>
);
}

232
apps/admin/app/dashboard/payment/stripe-alipay.tsx
View File

@ -1,232 +0,0 @@
'use client';
import {
getStripeAlipayPaymentConfig,
updateStripeAlipayPaymentConfig,
} from '@/services/admin/payment';
import { useQuery } from '@tanstack/react-query';
import { Label } from '@workspace/ui/components/label';
import {
Select,
SelectContent,
SelectGroup,
SelectItem,
SelectTrigger,
SelectValue,
} from '@workspace/ui/components/select';
import { Switch } from '@workspace/ui/components/switch';
import { Table, TableBody, TableCell, TableRow } from '@workspace/ui/components/table';
import { EnhancedInput } from '@workspace/ui/custom-components/enhanced-input';
import { unitConversion } from '@workspace/ui/utils';
import { useTranslations } from 'next-intl';
import { toast } from 'sonner';
export default function Stripe() {
const t = useTranslations('payment');
const { data, refetch } = useQuery({
queryKey: ['getStripeAlipayPaymentConfig'],
queryFn: async () => {
const { data } = await getStripeAlipayPaymentConfig();
return data.data;
},
});
async function updateConfig(key: string, value: unknown) {
if (data?.[key] === value) return;
try {
await updateStripeAlipayPaymentConfig({
...data,
mark: 'stripe_alipay',
[key]: value,
} as any);
toast.success(t('saveSuccess'));
refetch();
} catch (error) {
/* empty */
}
}
return (
<Table>
<TableBody>
<TableRow>
<TableCell>
<Label>{t('aliPay')}</Label>
<p className='text-muted-foreground text-xs'>{t('enableDescription')}</p>
</TableCell>
<TableCell className='text-right'>
<Switch
checked={data?.enable}
onCheckedChange={async (checked) => {
updateConfig('enable', checked);
}}
/>
</TableCell>
</TableRow>
<TableRow>
<TableCell>
<Label>{t('showName')}</Label>
<p className='text-muted-foreground text-xs'>{t('showNameDescription')}</p>
</TableCell>
<TableCell className='text-right'>
<EnhancedInput
placeholder={t('inputPlaceholder')}
value={data?.name}
onValueBlur={(value) => {
updateConfig('name', value);
}}
/>
</TableCell>
</TableRow>
<TableRow>
<TableCell>
<Label>{t('iconUrl')}</Label>
<p className='text-muted-foreground text-xs'>{t('iconUrlDescription')}</p>
</TableCell>
<TableCell className='text-right'>
<EnhancedInput
placeholder={t('inputPlaceholder')}
value={data?.icon}
onValueBlur={(value) => {
updateConfig('icon', value);
}}
/>
</TableCell>
</TableRow>
<TableRow>
<TableCell>
<Label>{t('notifyUrl')}</Label>
<p className='text-muted-foreground text-xs'>{t('notifyUrlDescription')}</p>
</TableCell>
<TableCell className='text-right'>
<EnhancedInput
placeholder={t('inputPlaceholder')}
value={data?.domain}
onValueBlur={(value) => {
updateConfig('domain', value);
}}
/>
</TableCell>
</TableRow>
<TableRow>
<TableCell>
<Label>{t('feeMode')}</Label>
<p className='text-muted-foreground text-xs'>{t('feeModeDescription')}</p>
</TableCell>
<TableCell className='text-right'>
<Select
value={String(data?.fee_mode)}
onValueChange={(value) => {
updateConfig('fee_mode', Number(value));
}}
>
<SelectTrigger>
<SelectValue placeholder='请选择' />
</SelectTrigger>
<SelectContent>
<SelectGroup>
<SelectItem value='0'>{t('feeModeItems.0')}</SelectItem>
<SelectItem value='1'>{t('feeModeItems.1')}</SelectItem>
<SelectItem value='2'>{t('feeModeItems.2')}</SelectItem>
<SelectItem value='3'>{t('feeModeItems.3')}</SelectItem>
</SelectGroup>
</SelectContent>
</Select>
</TableCell>
</TableRow>
<TableRow>
<TableCell>
<Label>{t('feePercent')}</Label>
<p className='text-muted-foreground text-xs'>{t('feePercentDescription')}</p>
</TableCell>
<TableCell className='text-right'>
<EnhancedInput
placeholder={t('inputPlaceholder')}
type='number'
min={0}
max={100}
value={data?.fee_percent}
onValueBlur={(value) => {
updateConfig('fee_percent', value);
}}
suffix='%'
/>
</TableCell>
</TableRow>
<TableRow>
<TableCell>
<Label>{t('fixedFee')}</Label>
<p className='text-muted-foreground text-xs'>{t('fixedFeeDescription')}</p>
</TableCell>
<TableCell className='text-right'>
<EnhancedInput
placeholder={t('inputPlaceholder')}
type='number'
min={0}
value={data?.fee_amount}
formatInput={(value) => unitConversion('centsToDollars', value)}
formatOutput={(value) => unitConversion('dollarsToCents', value)}
onValueBlur={(value) => updateConfig('fee_amount', value)}
/>
</TableCell>
</TableRow>
<TableRow>
<TableCell>
<Label>{t('stripe.publicKey')}</Label>
<p className='text-muted-foreground text-xs' />
</TableCell>
<TableCell className='text-right'>
<EnhancedInput
placeholder={t('inputPlaceholder')}
value={data?.config.public_key}
onValueBlur={(value) => {
updateConfig('config', {
...data?.config,
public_key: value,
});
}}
/>
</TableCell>
</TableRow>
<TableRow>
<TableCell>
<Label>{t('stripe.secretKey')}</Label>
<p className='text-muted-foreground text-xs' />
</TableCell>
<TableCell className='text-right'>
<EnhancedInput
placeholder={t('inputPlaceholder')}
value={data?.config.secret_key}
onValueBlur={(value) => {
updateConfig('config', {
...data?.config,
secret_key: value,
});
}}
/>
</TableCell>
</TableRow>
<TableRow>
<TableCell>
<Label>{t('stripe.webhookSecret')}</Label>
<p className='text-muted-foreground text-xs' />
</TableCell>
<TableCell className='text-right'>
<EnhancedInput
placeholder={t('inputPlaceholder')}
value={data?.config.webhook_secret}
onValueBlur={(value) => {
updateConfig('config', {
...data?.config,
webhook_secret: value,
});
}}
/>
</TableCell>
</TableRow>
</TableBody>
</Table>
);
}

232
apps/admin/app/dashboard/payment/stripe-wechat-pay.tsx
View File

@ -1,232 +0,0 @@
'use client';
import {
getStripeWeChatPayPaymentConfig,
updateStripeWeChatPayPaymentConfig,
} from '@/services/admin/payment';
import { useQuery } from '@tanstack/react-query';
import { Label } from '@workspace/ui/components/label';
import {
Select,
SelectContent,
SelectGroup,
SelectItem,
SelectTrigger,
SelectValue,
} from '@workspace/ui/components/select';
import { Switch } from '@workspace/ui/components/switch';
import { Table, TableBody, TableCell, TableRow } from '@workspace/ui/components/table';
import { EnhancedInput } from '@workspace/ui/custom-components/enhanced-input';
import { unitConversion } from '@workspace/ui/utils';
import { useTranslations } from 'next-intl';
import { toast } from 'sonner';
export default function StripeWeChatPay() {
const t = useTranslations('payment');
const { data, refetch } = useQuery({
queryKey: ['getStripeWeChatPayPaymentConfig'],
queryFn: async () => {
const { data } = await getStripeWeChatPayPaymentConfig();
return data.data;
},
});
async function updateConfig(key: string, value: unknown) {
if (data?.[key] === value) return;
try {
await updateStripeWeChatPayPaymentConfig({
...data,
mark: 'stripe_wechat_pay',
[key]: value,
} as any);
toast.success(t('saveSuccess'));
refetch();
} catch (error) {
/* empty */
}
}
return (
<Table>
<TableBody>
<TableRow>
<TableCell>
<Label>{t('wechatPay')}</Label>
<p className='text-muted-foreground text-xs'>{t('enableDescription')}</p>
</TableCell>
<TableCell className='text-right'>
<Switch
checked={data?.enable}
onCheckedChange={async (checked) => {
updateConfig('enable', checked);
}}
/>
</TableCell>
</TableRow>
<TableRow>
<TableCell>
<Label>{t('showName')}</Label>
<p className='text-muted-foreground text-xs'>{t('showNameDescription')}</p>
</TableCell>
<TableCell className='text-right'>
<EnhancedInput
placeholder={t('inputPlaceholder')}
value={data?.name}
onValueBlur={(value) => {
updateConfig('name', value);
}}
/>
</TableCell>
</TableRow>
<TableRow>
<TableCell>
<Label>{t('iconUrl')}</Label>
<p className='text-muted-foreground text-xs'>{t('iconUrlDescription')}</p>
</TableCell>
<TableCell className='text-right'>
<EnhancedInput
placeholder={t('inputPlaceholder')}
value={data?.icon}
onValueBlur={(value) => {
updateConfig('icon', value);
}}
/>
</TableCell>
</TableRow>
<TableRow>
<TableCell>
<Label>{t('notifyUrl')}</Label>
<p className='text-muted-foreground text-xs'>{t('notifyUrlDescription')}</p>
</TableCell>
<TableCell className='text-right'>
<EnhancedInput
placeholder={t('inputPlaceholder')}
value={data?.domain}
onValueBlur={(value) => {
updateConfig('domain', value);
}}
/>
</TableCell>
</TableRow>
<TableRow>
<TableCell>
<Label>{t('feeMode')}</Label>
<p className='text-muted-foreground text-xs'>{t('feeModeDescription')}</p>
</TableCell>
<TableCell className='text-right'>
<Select
value={String(data?.fee_mode)}
onValueChange={(value) => {
updateConfig('fee_mode', Number(value));
}}
>
<SelectTrigger>
<SelectValue placeholder='请选择' />
</SelectTrigger>
<SelectContent>
<SelectGroup>
<SelectItem value='0'>{t('feeModeItems.0')}</SelectItem>
<SelectItem value='1'>{t('feeModeItems.1')}</SelectItem>
<SelectItem value='2'>{t('feeModeItems.2')}</SelectItem>
<SelectItem value='3'>{t('feeModeItems.3')}</SelectItem>
</SelectGroup>
</SelectContent>
</Select>
</TableCell>
</TableRow>
<TableRow>
<TableCell>
<Label>{t('feePercent')}</Label>
<p className='text-muted-foreground text-xs'>{t('feePercentDescription')}</p>
</TableCell>
<TableCell className='text-right'>
<EnhancedInput
placeholder={t('inputPlaceholder')}
type='number'
min={0}
max={100}
value={data?.fee_percent}
onValueBlur={(value) => {
updateConfig('fee_percent', value);
}}
suffix='%'
/>
</TableCell>
</TableRow>
<TableRow>
<TableCell>
<Label>{t('fixedFee')}</Label>
<p className='text-muted-foreground text-xs'>{t('fixedFeeDescription')}</p>
</TableCell>
<TableCell className='text-right'>
<EnhancedInput
placeholder={t('inputPlaceholder')}
type='number'
min={0}
value={data?.fee_amount}
formatInput={(value) => unitConversion('centsToDollars', value)}
formatOutput={(value) => unitConversion('dollarsToCents', value)}
onValueBlur={(value) => updateConfig('fee_amount', value)}
/>
</TableCell>
</TableRow>
<TableRow>
<TableCell>
<Label>{t('stripe.publicKey')}</Label>
<p className='text-muted-foreground text-xs' />
</TableCell>
<TableCell className='text-right'>
<EnhancedInput
placeholder={t('inputPlaceholder')}
value={data?.config.public_key}
onValueBlur={(value) => {
updateConfig('config', {
...data?.config,
public_key: value,
});
}}
/>
</TableCell>
</TableRow>
<TableRow>
<TableCell>
<Label>{t('stripe.secretKey')}</Label>
<p className='text-muted-foreground text-xs' />
</TableCell>
<TableCell className='text-right'>
<EnhancedInput
placeholder={t('inputPlaceholder')}
value={data?.config.secret_key}
onValueBlur={(value) => {
updateConfig('config', {
...data?.config,
secret_key: value,
});
}}
/>
</TableCell>
</TableRow>
<TableRow>
<TableCell>
<Label>{t('stripe.webhookSecret')}</Label>
<p className='text-muted-foreground text-xs' />
</TableCell>
<TableCell className='text-right'>
<EnhancedInput
placeholder={t('inputPlaceholder')}
value={data?.config.webhook_secret}
onValueBlur={(value) => {
updateConfig('config', {
...data?.config,
webhook_secret: value,
});
}}
/>
</TableCell>
</TableRow>
</TableBody>
</Table>
);
}

292
apps/admin/app/dashboard/user/[id]/user-subscription/subscription-detail.tsx
View File

@ -57,150 +57,154 @@ export function SubscriptionDetail({
{t('onlineDevices')}
</TabsTrigger>
</TabsList>
<TabsContent value='logs'>
<ProTable<API.UserSubscribeLog, Record<string, unknown>>
columns={[
{
accessorKey: 'ip',
header: 'IP',
},
{
accessorKey: 'user_agent',
header: t('userAgent'),
},
{
accessorKey: 'token',
header: t('token'),
},
{
accessorKey: 'created_at',
header: t('time'),
cell: ({ row }) => formatDate(row.getValue('created_at')),
},
]}
request={async (pagination) => {
const { data } = await getUserSubscribeLogs({
user_id: userId,
subscribe_id: subscriptionId,
...pagination,
});
return {
list: data.data?.list || [],
total: data.data?.total || 0,
};
}}
/>
</TabsContent>
<TabsContent value='traffic'>
<ProTable<API.TrafficLog, Record<string, unknown>>
columns={[
{
accessorKey: 'download',
header: t('download'),
cell: ({ row }) => <Display type='traffic' value={row.getValue('download')} />,
},
{
accessorKey: 'upload',
header: t('upload'),
cell: ({ row }) => <Display type='traffic' value={row.getValue('upload')} />,
},
{
accessorKey: 'timestamp',
header: t('time'),
cell: ({ row }) => formatDate(row.getValue('timestamp')),
},
]}
request={async (pagination) => {
const { data } = await getUserSubscribeTrafficLogs({
user_id: userId,
subscribe_id: subscriptionId,
...pagination,
});
return {
list: data.data?.list || [],
total: data.data?.total || 0,
};
}}
/>
</TabsContent>
<TabsContent value='devices'>
<ProTable<API.UserDevice, Record<string, unknown>>
columns={[
{
accessorKey: 'enabled',
header: t('enable'),
cell: ({ row }) => (
<Switch
checked={row.getValue('enabled')}
onChange={(checked) => {
console.log('Switch:', checked);
}}
/>
),
},
{
accessorKey: 'id',
header: 'ID',
},
{
accessorKey: 'identifier',
header: 'IMEI',
},
{
accessorKey: 'user_agent',
header: t('userAgent'),
},
{
accessorKey: 'ip',
header: 'IP',
},
{
accessorKey: 'online',
header: t('loginStatus'),
cell: ({ row }) => (
<Badge variant={row.getValue('online') ? 'default' : 'destructive'}>
{row.getValue('online') ? t('online') : t('offline')}
</Badge>
),
},
{
accessorKey: 'updated_at',
header: t('lastSeen'),
cell: ({ row }) => formatDate(row.getValue('updated_at')),
},
]}
request={async (pagination) => {
const { data } = await getUserSubscribeDevices({
user_id: userId,
subscribe_id: subscriptionId,
...pagination,
});
return {
list: data.data?.list || [],
total: data.data?.total || 0,
};
}}
actions={{
render: (row) => {
if (!row.identifier) return [];
return [
<ConfirmButton
key='offline'
trigger={<Button variant='destructive'>{t('confirmOffline')}</Button>}
title={t('confirmOffline')}
description={t('kickOfflineConfirm', { ip: row.ip })}
onConfirm={async () => {
await kickOfflineByUserDevice({ id: row.id });
toast.success(t('kickOfflineSuccess'));
}}
cancelText={t('cancel')}
confirmText={t('confirm')}
/>,
];
},
}}
/>
</TabsContent>
<div className='mt-4 max-h-[60dvh] overflow-y-auto'>
<TabsContent value='logs'>
<ProTable<API.UserSubscribeLog, Record<string, unknown>>
columns={[
{
accessorKey: 'ip',
header: 'IP',
},
{
accessorKey: 'user_agent',
header: t('userAgent'),
},
{
accessorKey: 'token',
header: t('token'),
},
{
accessorKey: 'created_at',
header: t('time'),
cell: ({ row }) => formatDate(row.getValue('created_at')),
},
]}
request={async (pagination) => {
const { data } = await getUserSubscribeLogs({
user_id: userId,
subscribe_id: subscriptionId,
...pagination,
});
return {
list: data.data?.list || [],
total: data.data?.total || 0,
};
}}
/>
</TabsContent>
<TabsContent value='traffic'>
<ProTable<API.TrafficLog, Record<string, unknown>>
columns={[
{
accessorKey: 'download',
header: t('download'),
cell: ({ row }) => (
<Display type='traffic' value={row.getValue('download')} />
),
},
{
accessorKey: 'upload',
header: t('upload'),
cell: ({ row }) => <Display type='traffic' value={row.getValue('upload')} />,
},
{
accessorKey: 'timestamp',
header: t('time'),
cell: ({ row }) => formatDate(row.getValue('timestamp')),
},
]}
request={async (pagination) => {
const { data } = await getUserSubscribeTrafficLogs({
user_id: userId,
subscribe_id: subscriptionId,
...pagination,
} as API.GetUserSubscribeTrafficLogsParams);
return {
list: data.data?.list || [],
total: data.data?.total || 0,
};
}}
/>
</TabsContent>
<TabsContent value='devices'>
<ProTable<API.UserDevice, Record<string, unknown>>
columns={[
{
accessorKey: 'enabled',
header: t('enable'),
cell: ({ row }) => (
<Switch
checked={row.getValue('enabled')}
onChange={(checked) => {
console.log('Switch:', checked);
}}
/>
),
},
{
accessorKey: 'id',
header: 'ID',
},
{
accessorKey: 'identifier',
header: 'IMEI',
},
{
accessorKey: 'user_agent',
header: t('userAgent'),
},
{
accessorKey: 'ip',
header: 'IP',
},
{
accessorKey: 'online',
header: t('loginStatus'),
cell: ({ row }) => (
<Badge variant={row.getValue('online') ? 'default' : 'destructive'}>
{row.getValue('online') ? t('online') : t('offline')}
</Badge>
),
},
{
accessorKey: 'updated_at',
header: t('lastSeen'),
cell: ({ row }) => formatDate(row.getValue('updated_at')),
},
]}
request={async (pagination) => {
const { data } = await getUserSubscribeDevices({
user_id: userId,
subscribe_id: subscriptionId,
...pagination,
});
return {
list: data.data?.list || [],
total: data.data?.total || 0,
};
}}
actions={{
render: (row) => {
if (!row.identifier) return [];
return [
<ConfirmButton
key='offline'
trigger={<Button variant='destructive'>{t('confirmOffline')}</Button>}
title={t('confirmOffline')}
description={t('kickOfflineConfirm', { ip: row.ip })}
onConfirm={async () => {
await kickOfflineByUserDevice({ id: row.id });
toast.success(t('kickOfflineSuccess'));
}}
cancelText={t('cancel')}
confirmText={t('confirm')}
/>,
];
},
}}
/>
</TabsContent>
</div>
</Tabs>
</div>
</DialogContent>

1
apps/admin/config/use-global.tsx
View File

@ -63,6 +63,7 @@ export const useGlobalStore = create<GlobalStore>((set) => ({
verify_code_interval: 60,
},
oauth_methods: [],
web_ad: false,
},
user: undefined,
setCommon: (common) =>

84
apps/admin/locales/cs-CZ/payment.json
View File

@ -1,44 +1,52 @@
{
"aliPay": "Platba Alipay",
"alipayf2f": {
"appId": "ID aplikace Alipay",
"invoiceName": "Název vlastního produktu",
"invoiceNameDescription": "Bude zobrazeno na faktuře Alipay",
"privateKey": "Soukromý klíč Alipay",
"publicKey": "Veřejný klíč Alipay",
"sandbox": "Režim sandbox",
"sandboxDescription": "Povolte režim sandbox pro testování plateb"
},
"AlipayF2F": "Alipay Osobně",
"EPay": "EPay",
"Stripe": "Stripe",
"applyForPayment": "Žádat o platbu",
"balance": "Zůstatek",
"batchDelete": "Hromadné smazání",
"cancel": "Zrušit",
"config": "Nastavení",
"configInfo": "Informace o nastavení",
"configPlaceholder": "Vyplňte prosím poskytnutou konfiguraci {field}",
"confirm": "Potvrdit",
"confirmDelete": "Potvrdit smazání",
"copy": "Kopírovat",
"copySuccess": "Úspěšně zkopírováno",
"create": "Přidat platební metodu",
"createPayment": "Přidat platební metodu",
"createSuccess": "Úspěšně vytvořeno",
"delete": "Smazat",
"deleteSuccess": "Úspěšně smazáno",
"deleteWarning": "Opravdu chcete smazat tuto platební metodu? Tuto akci nelze vrátit zpět.",
"description": "Popis",
"descriptionPlaceholder": "Zadejte popis platební metody",
"domain": "Doména",
"domainPlaceholder": "volitelné, např. {example}",
"edit": "Upravit",
"editPayment": "Upravit platební metodu",
"enable": "Povolit",
"enableDescription": "Povolit tento způsob platby",
"epay": {
"key": "KLÍČ",
"pid": "PID",
"url": "URL"
},
"feeAmount": "Pevná částka",
"feeMode": "Způsob účtování",
"feeModeDescription": "Způsob účtování dodatečných poplatků",
"feeModeItems": ["Bez poplatku", "Procento", "Pevná částka", "Obojí výše uvedené"],
"feePercent": "Procentuální poplatek (volitelně)",
"feePercentDescription": "Přidání poplatku k částce objednávky",
"fixedFee": "Pevný poplatek (volitelný)",
"fixedFeeDescription": "Přidání pevného poplatku k částce objednávky",
"iconUrl": "URL ikony (volitelné)",
"iconUrlDescription": "Používá se pro zobrazení na frontendu",
"inputPlaceholder": "Prosím zadejte",
"key": "KLÍČ",
"notifyUrl": "Vlastní oznámení URL (volitelné)",
"notifyUrlDescription": "Oznámení brány budou odeslána na tuto doménu",
"payForRecommendations": "Zaplatit za doporučení",
"pid": "PID",
"saveSuccess": "Uložení bylo úspěšné",
"showName": "Zobrazit název",
"showNameDescription": "Používá se pro zobrazení na frontendu",
"stripe": {
"publicKey": "VEŘEJNÝ KLÍČ",
"secretKey": "TAJNÝ KLÍČ",
"webhookSecret": "PODPIS WEBHOOK KLÍČE"
},
"url": "URL",
"wechatPay": "WeChat Pay"
"handlingFee": "Poplatek za zpracování",
"icon": "Ikona",
"iconPlaceholder": "Zadejte URL ikony",
"mark": "Identifikátor",
"markPlaceholder": "Zadejte identifikátor platební metody",
"name": "Název",
"namePlaceholder": "Zadejte název platební metody",
"nameRequired": "Název je povinný",
"noFee": "Žádný poplatek",
"notify_url": "URL pro oznámení",
"paymentManagement": "Správa plateb",
"percentFee": "Procento",
"platform": "Platforma",
"searchPlaceholder": "Zadejte hledané výrazy",
"selectPlatform": "Vyberte platformu",
"selectType": "Vyberte typ platby",
"submit": "Odeslat",
"type": "Typ",
"updateSuccess": "Úspěšně aktualizováno"
}

84
apps/admin/locales/de-DE/payment.json
View File

@ -1,44 +1,52 @@
{
"aliPay": "Alipay-Zahlung",
"alipayf2f": {
"appId": "Alipay Anwendungs-ID",
"invoiceName": "Benutzerdefinierter Produktname",
"invoiceNameDescription": "Wird in der Alipay-Rechnung angezeigt",
"privateKey": "Alipay Privatschlüssel",
"publicKey": "Alipay Öffentlicher Schlüssel",
"sandbox": "Sandbox-Modus",
"sandboxDescription": "Aktivieren Sie den Sandbox-Modus, um Zahlungen zu testen"
},
"AlipayF2F": "Alipay Gesicht zu Gesicht",
"EPay": "EPay",
"Stripe": "Stripe",
"applyForPayment": "Zahlung beantragen",
"balance": "Guthaben",
"batchDelete": "Massenlöschung",
"cancel": "Abbrechen",
"config": "Konfiguration",
"configInfo": "Konfigurationsinformationen",
"configPlaceholder": "Bitte füllen Sie die bereitgestellte {field} Konfiguration aus",
"confirm": "Bestätigen",
"confirmDelete": "Löschen bestätigen",
"copy": "Kopieren",
"copySuccess": "Erfolgreich kopiert",
"create": "Zahlungsmethode hinzufügen",
"createPayment": "Zahlungsmethode hinzufügen",
"createSuccess": "Erfolgreich erstellt",
"delete": "Löschen",
"deleteSuccess": "Erfolgreich gelöscht",
"deleteWarning": "Sind Sie sicher, dass Sie diese Zahlungsmethode löschen möchten? Diese Aktion kann nicht rückgängig gemacht werden.",
"description": "Beschreibung",
"descriptionPlaceholder": "Geben Sie die Beschreibung der Zahlungsmethode ein",
"domain": "Domain",
"domainPlaceholder": "optional, z.B. {example}",
"edit": "Bearbeiten",
"editPayment": "Zahlungsmethode bearbeiten",
"enable": "Aktivieren",
"enableDescription": "Diese Zahlungsmethode aktivieren",
"epay": {
"key": "SCHLÜSSEL",
"pid": "PID",
"url": "URL"
},
"feeAmount": "Fester Betrag",
"feeMode": "Gebührenmodus",
"feeModeDescription": "Gebührenmodus für zusätzliche Gebühren",
"feeModeItems": ["Keine Gebühr", "Prozentsatz", "Fester Betrag", "Beides"],
"feePercent": "Prozentgebühr (optional)",
"feePercentDescription": "Gebühren werden zusätzlich zum Bestellbetrag hinzugefügt",
"fixedFee": "Feste Gebühr (optional)",
"fixedFeeDescription": "Feste Gebühr zusätzlich zum Bestellbetrag hinzufügen",
"iconUrl": "Symbol-URL (optional)",
"iconUrlDescription": "Zur Anzeige im Frontend verwendet",
"inputPlaceholder": "Bitte eingeben",
"key": "SCHLÜSSEL",
"notifyUrl": "Benutzerdefinierte Benachrichtigungs-URL (optional)",
"notifyUrlDescription": "Gateway-Benachrichtigungen werden an diese Domain gesendet",
"payForRecommendations": "Für Empfehlungen bezahlen",
"pid": "PID",
"saveSuccess": "Erfolgreich gespeichert",
"showName": "Anzeigename",
"showNameDescription": "Zur Anzeige im Frontend verwendet",
"stripe": {
"publicKey": "ÖFFENTLICHER SCHLÜSSEL",
"secretKey": "GEHEIMER SCHLÜSSEL",
"webhookSecret": "WEBHOOK-SCHLÜSSEL-SIGNATUR"
},
"url": "URL",
"wechatPay": "WeChat Pay"
"handlingFee": "Bearbeitungsgebühr",
"icon": "Symbol",
"iconPlaceholder": "Geben Sie die URL des Symbols ein",
"mark": "Kennung",
"markPlaceholder": "Geben Sie die Kennung der Zahlungsmethode ein",
"name": "Name",
"namePlaceholder": "Geben Sie den Namen der Zahlungsmethode ein",
"nameRequired": "Name ist erforderlich",
"noFee": "Keine Gebühr",
"notify_url": "Benachrichtigungs-URL",
"paymentManagement": "Zahlungsverwaltung",
"percentFee": "Prozentsatz",
"platform": "Plattform",
"searchPlaceholder": "Suchbegriffe eingeben",
"selectPlatform": "Plattform auswählen",
"selectType": "Zahlungsart auswählen",
"submit": "Einreichen",
"type": "Typ",
"updateSuccess": "Erfolgreich aktualisiert"
}

88
apps/admin/locales/en-US/payment.json
View File

@ -1,44 +1,52 @@
{
"aliPay": "Alipay payment",
"alipayf2f": {
"appId": "Alipay App ID",
"invoiceName": "Custom Product Name",
"invoiceNameDescription": "Will be displayed on Alipay bill",
"privateKey": "Alipay Private Key",
"publicKey": "Alipay Public Key",
"sandbox": "Sandbox Mode",
"sandboxDescription": "Enable sandbox mode to test payments"
},
"AlipayF2F": "Alipay Face to Face",
"EPay": "EPay",
"Stripe": "Stripe",
"applyForPayment": "Apply for Payment",
"balance": "Balance",
"batchDelete": "Batch Delete",
"cancel": "Cancel",
"config": "Configuration",
"configInfo": "Configuration Information",
"configPlaceholder": "Please fill in the provided {field} configuration",
"confirm": "Confirm",
"confirmDelete": "Confirm Delete",
"copy": "Copy",
"copySuccess": "Copied successfully",
"create": "Add Payment Method",
"createPayment": "Add Payment Method",
"createSuccess": "Created successfully",
"delete": "Delete",
"deleteSuccess": "Deleted successfully",
"deleteWarning": "Are you sure you want to delete this payment method? This action cannot be undone.",
"description": "Description",
"descriptionPlaceholder": "Enter payment method description",
"domain": "Domain",
"domainPlaceholder": "optional, e.g. {example}",
"edit": "Edit",
"editPayment": "Edit Payment Method",
"enable": "Enable",
"enableDescription": "Enable this payment method",
"epay": {
"key": "KEY",
"pid": "PID",
"url": "URL"
},
"feeAmount": "Fixed Amount",
"feeMode": "Fee Mode",
"feeModeDescription": "Fee charging method for additional fees",
"feeModeItems": ["No Fee", "Percentage", "Fixed Amount", "Both"],
"feePercent": "Percentage Fee (optional)",
"feePercentDescription": "Add fee on top of order amount",
"fixedFee": "Fixed Fee (optional)",
"fixedFeeDescription": "Add fixed fee on top of order amount",
"iconUrl": "Icon URL (optional)",
"iconUrlDescription": "Used for frontend display",
"inputPlaceholder": "Please enter",
"key": "KEY",
"notifyUrl": "Custom Notification Domain (optional)",
"notifyUrlDescription": "Gateway notifications will be sent to this domain",
"payForRecommendations": "Pay for Recommendations",
"pid": "PID",
"saveSuccess": "Save Successful",
"showName": "Display Name",
"showNameDescription": "Used for frontend display",
"stripe": {
"publicKey": "PUBLIC KEY",
"secretKey": "SECRET KEY",
"webhookSecret": "WEBHOOK Secret Key"
},
"url": "URL",
"wechatPay": "WeChat Pay"
"feePercent": "Fee Percentage",
"fixedFee": "Fixed Amount",
"handlingFee": "Handling Fee",
"icon": "Icon",
"iconPlaceholder": "Enter icon URL",
"mark": "Identifier",
"markPlaceholder": "Enter payment method identifier",
"name": "Name",
"namePlaceholder": "Enter payment method name",
"nameRequired": "Name is required",
"noFee": "No Fee",
"notify_url": "Notify URL",
"paymentManagement": "Payment Management",
"percentFee": "Percentage",
"platform": "Platform",
"searchPlaceholder": "Enter search terms",
"selectPlatform": "Select Platform",
"selectType": "Select payment type",
"submit": "Submit",
"type": "Type",
"updateSuccess": "Updated successfully"
}

84
apps/admin/locales/es-ES/payment.json
View File

@ -1,44 +1,52 @@
{
"aliPay": "Pago con Alipay",
"alipayf2f": {
"appId": "ID de la aplicación de Alipay",
"invoiceName": "Nombre personalizado del producto",
"invoiceNameDescription": "Se mostrará en la factura de Alipay",
"privateKey": "Clave privada de Alipay",
"publicKey": "Clave pública de Alipay",
"sandbox": "Modo sandbox",
"sandboxDescription": "Habilitar el modo sandbox para probar el pago"
},
"AlipayF2F": "Alipay Cara a Cara",
"EPay": "EPay",
"Stripe": "Stripe",
"applyForPayment": "Solicitar Pago",
"balance": "Saldo",
"batchDelete": "Eliminar en Lote",
"cancel": "Cancelar",
"config": "Configuración",
"configInfo": "Información de Configuración",
"configPlaceholder": "Por favor, complete la configuración de {field} proporcionada",
"confirm": "Confirmar",
"confirmDelete": "Confirmar Eliminación",
"copy": "Copiar",
"copySuccess": "Copiado con éxito",
"create": "Agregar Método de Pago",
"createPayment": "Agregar Método de Pago",
"createSuccess": "Creado con éxito",
"delete": "Eliminar",
"deleteSuccess": "Eliminado con éxito",
"deleteWarning": "¿Está seguro de que desea eliminar este método de pago? Esta acción no se puede deshacer.",
"description": "Descripción",
"descriptionPlaceholder": "Ingrese la descripción del método de pago",
"domain": "Dominio",
"domainPlaceholder": "opcional, p. ej. {example}",
"edit": "Editar",
"editPayment": "Editar Método de Pago",
"enable": "Habilitar",
"enableDescription": "Habilitar este método de pago",
"epay": {
"key": "CLAVE",
"pid": "PID",
"url": "URL"
},
"feeAmount": "Monto Fijo",
"feeMode": "Modo de cobro",
"feeModeDescription": "Modo de cobro de tarifas adicionales",
"feeModeItems": ["Sin tarifa", "Porcentaje", "Cantidad fija", "Ambos anteriores"],
"feePercent": "Porcentaje de tarifa (opcional)",
"feePercentDescription": "Se añade una tarifa sobre el monto del pedido",
"fixedFee": "Tarifa fija (opcional)",
"fixedFeeDescription": "Se añade una tarifa fija sobre el monto del pedido",
"iconUrl": "URL del icono (opcional)",
"iconUrlDescription": "Usado para mostrar en el frontend",
"inputPlaceholder": "Por favor, introduzca",
"key": "CLAVE",
"notifyUrl": "Dominio de notificación personalizado (opcional)",
"notifyUrlDescription": "La notificación del gateway se enviará a este dominio",
"payForRecommendations": "Pagar por recomendaciones",
"pid": "PID",
"saveSuccess": "Guardado exitosamente",
"showName": "Mostrar nombre",
"showNameDescription": "Usado para mostrar en el frontend",
"stripe": {
"publicKey": "CLAVE PÚBLICA",
"secretKey": "CLAVE SECRETA",
"webhookSecret": "FIRMA DE CLAVE WEBHOOK"
},
"url": "URL",
"wechatPay": "Pago con WeChat"
"handlingFee": "Tarifa de manejo",
"icon": "Ícono",
"iconPlaceholder": "Ingrese la URL del ícono",
"mark": "Identificador",
"markPlaceholder": "Ingrese el identificador del método de pago",
"name": "Nombre",
"namePlaceholder": "Ingrese el nombre del método de pago",
"nameRequired": "El nombre es obligatorio",
"noFee": "Sin Tarifa",
"notify_url": "URL de notificación",
"paymentManagement": "Gestión de Pagos",
"percentFee": "Porcentaje",
"platform": "Plataforma",
"searchPlaceholder": "Ingrese términos de búsqueda",
"selectPlatform": "Seleccionar Plataforma",
"selectType": "Seleccionar tipo de pago",
"submit": "Enviar",
"type": "Tipo",
"updateSuccess": "Actualizado con éxito"
}

84
apps/admin/locales/es-MX/payment.json
View File

@ -1,44 +1,52 @@
{
"aliPay": "Pago con Alipay",
"alipayf2f": {
"appId": "ID de la aplicación de Alipay",
"invoiceName": "Nombre personalizado del producto",
"invoiceNameDescription": "Se mostrará en la factura de Alipay",
"privateKey": "Clave privada de Alipay",
"publicKey": "Clave pública de Alipay",
"sandbox": "Modo sandbox",
"sandboxDescription": "Habilitar el modo sandbox para probar el pago"
},
"AlipayF2F": "Alipay Cara a Cara",
"EPay": "EPay",
"Stripe": "Stripe",
"applyForPayment": "Solicitar Pago",
"balance": "Saldo",
"batchDelete": "Eliminar en Lote",
"cancel": "Cancelar",
"config": "Configuración",
"configInfo": "Información de Configuración",
"configPlaceholder": "Por favor, complete la configuración de {field} proporcionada",
"confirm": "Confirmar",
"confirmDelete": "Confirmar Eliminación",
"copy": "Copiar",
"copySuccess": "Copiado con éxito",
"create": "Agregar Método de Pago",
"createPayment": "Agregar Método de Pago",
"createSuccess": "Creado con éxito",
"delete": "Eliminar",
"deleteSuccess": "Eliminado con éxito",
"deleteWarning": "¿Está seguro de que desea eliminar este método de pago? Esta acción no se puede deshacer.",
"description": "Descripción",
"descriptionPlaceholder": "Ingresa la descripción del método de pago",
"domain": "Dominio",
"domainPlaceholder": "opcional, p. ej. {example}",
"edit": "Editar",
"editPayment": "Editar Método de Pago",
"enable": "Habilitar",
"enableDescription": "Habilitar este método de pago",
"epay": {
"key": "CLAVE",
"pid": "PID",
"url": "URL"
},
"feeAmount": "Monto Fijo",
"feeMode": "Modo de cobro",
"feeModeDescription": "Modo de cobro de tarifas adicionales",
"feeModeItems": ["Sin tarifa", "Porcentaje", "Cantidad fija", "Ambos"],
"feePercent": "Porcentaje de tarifa (opcional)",
"feePercentDescription": "Se añade una tarifa sobre el monto del pedido",
"fixedFee": "Cuota fija (opcional)",
"fixedFeeDescription": "Agregar una tarifa fija sobre el monto del pedido",
"iconUrl": "URL del ícono (opcional)",
"iconUrlDescription": "Usado para mostrar en el frontend",
"inputPlaceholder": "Por favor ingrese",
"key": "LLAVE",
"notifyUrl": "Dominio de notificación personalizado (opcional)",
"notifyUrlDescription": "La notificación del gateway se enviará a este dominio",
"payForRecommendations": "Pagar por recomendaciones",
"pid": "PID",
"saveSuccess": "Guardado exitoso",
"showName": "Mostrar nombre",
"showNameDescription": "Usado para mostrar en el frontend",
"stripe": {
"publicKey": "CLAVE PÚBLICA",
"secretKey": "CLAVE SECRETA",
"webhookSecret": "FIRMA DE SECRETO DE WEBHOOK"
},
"url": "URL",
"wechatPay": "WeChat Pay"
"handlingFee": "Cargo por manejo",
"icon": "Ícono",
"iconPlaceholder": "Ingrese la URL del ícono",
"mark": "Identificador",
"markPlaceholder": "Ingrese el identificador del método de pago",
"name": "Nombre",
"namePlaceholder": "Ingrese el nombre del método de pago",
"nameRequired": "El nombre es obligatorio",
"noFee": "Sin Tarifa",
"notify_url": "URL de notificación",
"paymentManagement": "Gestión de Pagos",
"percentFee": "Porcentaje",
"platform": "Plataforma",
"searchPlaceholder": "Ingrese términos de búsqueda",
"selectPlatform": "Seleccionar Plataforma",
"selectType": "Seleccionar tipo de pago",
"submit": "Enviar",
"type": "Tipo",
"updateSuccess": "Actualizado con éxito"
}

84
apps/admin/locales/fa-IR/payment.json
View File

@ -1,44 +1,52 @@
{
"aliPay": "پرداخت علی‌پی",
"alipayf2f": {
"appId": "شناسه برنامه Alipay",
"invoiceName": "نام محصول سفارشی",
"invoiceNameDescription": "در صورتحساب Alipay نمایش داده خواهد شد",
"privateKey": "کلید خصوصی Alipay",
"publicKey": "کلید عمومی Alipay",
"sandbox": "حالت Sandbox",
"sandboxDescription": "حالت sandbox را برای آزمایش پرداخت‌ها فعال کنید"
},
"AlipayF2F": "علی‌پی چهره به چهره",
"EPay": "ای‌پی",
"Stripe": "استرایپ",
"applyForPayment": "درخواست پرداخت",
"balance": "موجودی",
"batchDelete": "حذف دسته‌ای",
"cancel": "لغو",
"config": "پیکربندی",
"configInfo": "اطلاعات پیکربندی",
"configPlaceholder": "لطفاً پیکربندی {field} ارائه شده را پر کنید",
"confirm": "تأیید",
"confirmDelete": "تأیید حذف",
"copy": "کپی",
"copySuccess": "با موفقیت کپی شد",
"create": "افزودن روش پرداخت",
"createPayment": "افزودن روش پرداخت",
"createSuccess": "با موفقیت ایجاد شد",
"delete": "حذف",
"deleteSuccess": "با موفقیت حذف شد",
"deleteWarning": "آیا مطمئن هستید که می‌خواهید این روش پرداخت را حذف کنید؟ این عمل قابل بازگشت نیست.",
"description": "توضیحات",
"descriptionPlaceholder": "توضیحات روش پرداخت را وارد کنید",
"domain": "دامنه",
"domainPlaceholder": "اختیاری، به عنوان مثال {example}",
"edit": "ویرایش",
"editPayment": "ویرایش روش پرداخت",
"enable": "فعال کردن",
"enableDescription": "این روش پرداخت را فعال کنید",
"epay": {
"key": "کلید",
"pid": "شناسه محصول",
"url": "نشانی وب"
},
"feeAmount": "مقدار ثابت",
"feeMode": "حالت هزینه",
"feeModeDescription": "روش دریافت هزینه برای هزینه‌های اضافی",
"feeModeItems": ["بدون هزینه", "درصدی", "مبلغ ثابت", "هر دو"],
"feePercent": "درصد کارمزد (اختیاری)",
"feePercentDescription": "افزودن کارمزد به مبلغ سفارش",
"fixedFee": "هزینه ثابت (اختیاری)",
"fixedFeeDescription": "افزودن هزینه ثابت به مبلغ سفارش",
"iconUrl": "آدرس آیکون (اختیاری)",
"iconUrlDescription": "برای نمایش در رابط کاربری استفاده می‌شود",
"inputPlaceholder": "لطفاً وارد کنید",
"key": "کلید",
"notifyUrl": "دامنه اعلان سفارشی (اختیاری)",
"notifyUrlDescription": "اعلان‌های درگاه به این دامنه ارسال خواهند شد",
"payForRecommendations": "پرداخت برای توصیه‌ها",
"pid": "شناسه فرآیند",
"saveSuccess": "ذخیره با موفقیت انجام شد",
"showName": "نمایش نام",
"showNameDescription": "برای نمایش در قسمت جلویی استفاده می‌شود",
"stripe": {
"publicKey": "کلید عمومی",
"secretKey": "کلید مخفی",
"webhookSecret": "کلید مخفی وب‌هوک"
},
"url": "آدرس اینترنتی",
"wechatPay": "وی‌چت پی"
"handlingFee": "هزینه خدمات",
"icon": "آیکون",
"iconPlaceholder": "آدرس URL آیکون را وارد کنید",
"mark": "شناسه",
"markPlaceholder": "شناسه روش پرداخت را وارد کنید",
"name": "نام",
"namePlaceholder": "نام روش پرداخت را وارد کنید",
"nameRequired": "نام الزامی است",
"noFee": "بدون هزینه",
"notify_url": "آدرس اطلاع‌رسانی",
"paymentManagement": "مدیریت پرداخت",
"percentFee": "درصد",
"platform": "پلتفرم",
"searchPlaceholder": "عبارات جستجو را وارد کنید",
"selectPlatform": "انتخاب پلتفرم",
"selectType": "انتخاب نوع پرداخت",
"submit": "ارسال",
"type": "نوع",
"updateSuccess": "با موفقیت به‌روزرسانی شد"
}

84
apps/admin/locales/fi-FI/payment.json
View File

@ -1,44 +1,52 @@
{
"aliPay": "Alipay-maksu",
"alipayf2f": {
"appId": "Alipay-sovelluksen ID",
"invoiceName": "Mukautettu tuotteen nimi",
"invoiceNameDescription": "Näkyy Alipay-laskussa",
"privateKey": "Alipay-yksityinen avain",
"publicKey": "Alipay-julkinen avain",
"sandbox": "Hiekkalaatikkotila",
"sandboxDescription": "Ota hiekkalaatikkotila käyttöön maksujen testaamiseksi"
},
"AlipayF2F": "Alipay Kasvokkain",
"EPay": "EPay",
"Stripe": "Stripe",
"applyForPayment": "Hae maksua",
"balance": "Saldo",
"batchDelete": "Ryhmän poisto",
"cancel": "Peruuta",
"config": "Konfiguraatio",
"configInfo": "Konfiguraatio tiedot",
"configPlaceholder": "Täytä annettu {field} konfiguraatio",
"confirm": "Vahvista",
"confirmDelete": "Vahvista poisto",
"copy": "Kopioi",
"copySuccess": "Kopiointi onnistui",
"create": "Lisää maksutapa",
"createPayment": "Lisää maksutapa",
"createSuccess": "Luonti onnistui",
"delete": "Poista",
"deleteSuccess": "Poisto onnistui",
"deleteWarning": "Oletko varma, että haluat poistaa tämän maksutavan? Tätä toimintoa ei voi peruuttaa.",
"description": "Kuvaus",
"descriptionPlaceholder": "Syötä maksutavan kuvaus",
"domain": "Verkkotunnus",
"domainPlaceholder": "valinnainen, esim. {esimerkki}",
"edit": "Muokkaa",
"editPayment": "Muokkaa maksutapaa",
"enable": "Ota käyttöön",
"enableDescription": "Ota tämä maksutapa käyttöön",
"epay": {
"key": "AVAIN",
"pid": "PID",
"url": "URL"
},
"feeAmount": "Kiinteä summa",
"feeMode": "Maksutapa",
"feeModeDescription": "Lisämaksun veloitustapa",
"feeModeItems": ["Ei käsittelymaksua", "Prosenttiosuus", "Kiinteä summa", "Molemmat yllä olevat"],
"feePercent": "Prosenttiosuusmaksu (valinnainen)",
"feePercentDescription": "Lisätään maksu tilauksen summan päälle",
"fixedFee": "Kiinteä maksu (valinnainen)",
"fixedFeeDescription": "Lisää kiinteä maksu tilauksen summan päälle",
"iconUrl": "Kuvakkeen URL (valinnainen)",
"iconUrlDescription": "Käytetään etunäytössä",
"inputPlaceholder": "Kirjoita tähän",
"key": "AVAIN",
"notifyUrl": "Mukautettu ilmoitusalue (valinnainen)",
"notifyUrlDescription": "Yhdyskäytävän ilmoitus lähetetään tähän verkkotunnukseen",
"payForRecommendations": "Maksa suosituksista",
"pid": "PID",
"saveSuccess": "Tallennus onnistui",
"showName": "Näytä nimi",
"showNameDescription": "Näytetään käyttöliittymässä",
"stripe": {
"publicKey": "JULKINEN AVAIN",
"secretKey": "SALAINEN AVAIN",
"webhookSecret": "WEBHOOK-SALAINEN ALLEKIRJOITUS"
},
"url": "URL",
"wechatPay": "WeChat-maksu"
"handlingFee": "Käsittelymaksu",
"icon": "Ikoni",
"iconPlaceholder": "Syötä ikonin URL-osoite",
"mark": "Tunniste",
"markPlaceholder": "Syötä maksutavan tunniste",
"name": "Nimi",
"namePlaceholder": "Syötä maksutavan nimi",
"nameRequired": "Nimi on pakollinen",
"noFee": "Ei maksua",
"notify_url": "Ilmoitus-URL",
"paymentManagement": "Maksujen hallinta",
"percentFee": "Prosentti",
"platform": "Alusta",
"searchPlaceholder": "Syötä hakusanat",
"selectPlatform": "Valitse alusta",
"selectType": "Valitse maksutyyppi",
"submit": "Lähetä",
"type": "Tyyppi",
"updateSuccess": "Päivitys onnistui"
}

84
apps/admin/locales/fr-FR/payment.json
View File

@ -1,44 +1,52 @@
{
"aliPay": "Paiement par Alipay",
"alipayf2f": {
"appId": "ID de l'application Alipay",
"invoiceName": "Nom personnalisé du produit",
"invoiceNameDescription": "S'affichera sur la facture Alipay",
"privateKey": "Clé privée Alipay",
"publicKey": "Clé publique Alipay",
"sandbox": "Mode bac à sable",
"sandboxDescription": "Activez le mode bac à sable pour tester le paiement"
},
"AlipayF2F": "Alipay Face à Face",
"EPay": "EPay",
"Stripe": "Stripe",
"applyForPayment": "Demander un paiement",
"balance": "Solde",
"batchDelete": "Suppression par lot",
"cancel": "Annuler",
"config": "Configuration",
"configInfo": "Informations de configuration",
"configPlaceholder": "Veuillez remplir la configuration {field} fournie",
"confirm": "Confirmer",
"confirmDelete": "Confirmer la suppression",
"copy": "Copier",
"copySuccess": "Copié avec succès",
"create": "Ajouter un mode de paiement",
"createPayment": "Ajouter un mode de paiement",
"createSuccess": "Créé avec succès",
"delete": "Supprimer",
"deleteSuccess": "Supprimé avec succès",
"deleteWarning": "Êtes-vous sûr de vouloir supprimer ce mode de paiement ? Cette action ne peut pas être annulée.",
"description": "Description",
"descriptionPlaceholder": "Entrez la description du mode de paiement",
"domain": "Domaine",
"domainPlaceholder": "facultatif, par exemple {exemple}",
"edit": "Modifier",
"editPayment": "Modifier le mode de paiement",
"enable": "Activer",
"enableDescription": "Activer ce mode de paiement",
"epay": {
"key": "CLÉ",
"pid": "PID",
"url": "URL"
},
"feeAmount": "Montant fixe",
"feeMode": "Mode de facturation",
"feeModeDescription": "Mode de facturation des frais supplémentaires",
"feeModeItems": ["Pas de frais", "Pourcentage", "Montant fixe", "Les deux ci-dessus"],
"feePercent": "Pourcentage de frais (optionnel)",
"feePercentDescription": "Ajouter des frais au montant de la commande",
"fixedFee": "Frais fixes (optionnel)",
"fixedFeeDescription": "Ajouter des frais fixes au montant de la commande",
"iconUrl": "URL de l'icône (facultatif)",
"iconUrlDescription": "Utilisé pour l'affichage frontal",
"inputPlaceholder": "Veuillez entrer",
"key": "CLÉ",
"notifyUrl": "Domaine de notification personnalisé (facultatif)",
"notifyUrlDescription": "Les notifications de la passerelle seront envoyées à ce domaine",
"payForRecommendations": "Payer pour les recommandations",
"pid": "PID",
"saveSuccess": "Enregistrement réussi",
"showName": "Afficher le nom",
"showNameDescription": "Utilisé pour l'affichage frontal",
"stripe": {
"publicKey": "CLÉ PUBLIQUE",
"secretKey": "CLÉ SECRÈTE",
"webhookSecret": "SIGNATURE DE CLÉ WEBHOOK"
},
"url": "URL",
"wechatPay": "Paiement WeChat"
"handlingFee": "Frais de traitement",
"icon": "Icône",
"iconPlaceholder": "Entrez l'URL de l'icône",
"mark": "Identifiant",
"markPlaceholder": "Entrez l'identifiant du mode de paiement",
"name": "Nom",
"namePlaceholder": "Entrez le nom du mode de paiement",
"nameRequired": "Le nom est requis",
"noFee": "Pas de frais",
"notify_url": "URL de notification",
"paymentManagement": "Gestion des paiements",
"percentFee": "Pourcentage",
"platform": "Plateforme",
"searchPlaceholder": "Entrez des termes de recherche",
"selectPlatform": "Sélectionner la plateforme",
"selectType": "Sélectionner le type de paiement",
"submit": "Soumettre",
"type": "Type",
"updateSuccess": "Mis à jour avec succès"
}

84
apps/admin/locales/hi-IN/payment.json
View File

@ -1,44 +1,52 @@
{
"aliPay": "अलीपे भुगतान",
"alipayf2f": {
"appId": "अलीपे एप्लिकेशन आईडी",
"invoiceName": "कस्टम उत्पाद नाम",
"invoiceNameDescription": "अलीपे बिल में प्रदर्शित होगा",
"privateKey": "अलीपे निजी कुंजी",
"publicKey": "अलीपे सार्वजनिक कुंजी",
"sandbox": "सैंडबॉक्स मोड",
"sandboxDescription": "भुगतान का परीक्षण करने के लिए सैंडबॉक्स मोड सक्षम करें"
},
"AlipayF2F": "अलीपे फेस टू फेस",
"EPay": "ईपे",
"Stripe": "स्ट्राइप",
"applyForPayment": "भुगतान के लिए आवेदन करें",
"balance": "शेष",
"batchDelete": "बैच हटाएं",
"cancel": "रद्द करें",
"config": "कॉन्फ़िगरेशन",
"configInfo": "कॉन्फ़िगरेशन जानकारी",
"configPlaceholder": "कृपया प्रदान किए गए {field} कॉन्फ़िगरेशन को भरें",
"confirm": "पुष्टि करें",
"confirmDelete": "हटाने की पुष्टि करें",
"copy": "कॉपी करें",
"copySuccess": "सफलता से कॉपी किया गया",
"create": "भुगतान विधि जोड़ें",
"createPayment": "भुगतान विधि जोड़ें",
"createSuccess": "सफलता से बनाया गया",
"delete": "हटाएं",
"deleteSuccess": "सफलता से हटाया गया",
"deleteWarning": "क्या आप वास्तव में इस भुगतान विधि को हटाना चाहते हैं? यह क्रिया पूर्ववत नहीं की जा सकती।",
"description": "विवरण",
"descriptionPlaceholder": "भुगतान विधि का विवरण दर्ज करें",
"domain": "डोमेन",
"domainPlaceholder": "वैकल्पिक, जैसे कि {example}",
"edit": "संपादित करें",
"editPayment": "भुगतान विधि संपादित करें",
"enable": "सक्षम करें",
"enableDescription": "इस भुगतान विधि को सक्षम करें",
"epay": {
"key": "कुंजी",
"pid": "पीआईडी",
"url": "यूआरएल"
},
"feeAmount": "निश्चित राशि",
"feeMode": "शुल्क मोड",
"feeModeDescription": "अतिरिक्त शुल्क की वसूली का तरीका",
"feeModeItems": ["कोई शुल्क नहीं", "प्रतिशत", "निश्चित राशि", "उपरोक्त दोनों"],
"feePercent": "प्रतिशत शुल्क (वैकल्पिक)",
"feePercentDescription": "ऑर्डर राशि के ऊपर शुल्क जोड़ा जाएगा",
"fixedFee": "निश्चित शुल्क (वैकल्पिक)",
"fixedFeeDescription": "ऑर्डर राशि के ऊपर एक निश्चित शुल्क जोड़ा जाता है",
"iconUrl": "आइकन URL (वैकल्पिक)",
"iconUrlDescription": "फ्रंटएंड प्रदर्शन के लिए उपयोग किया जाता है",
"inputPlaceholder": "कृपया दर्ज करें",
"key": "कुंजी",
"notifyUrl": "कस्टम अधिसूचना डोमेन (वैकल्पिक)",
"notifyUrlDescription": "गेटवे सूचना इस डोमेन पर भेजी जाएगी",
"payForRecommendations": "सिफारिशों के लिए भुगतान करें",
"pid": "पीआईडी",
"saveSuccess": "सहेजा गया",
"showName": "नाम दिखाएं",
"showNameDescription": "फ्रंटएंड प्रदर्शन के लिए उपयोग किया जाता है",
"stripe": {
"publicKey": "सार्वजनिक कुंजी",
"secretKey": "गुप्त कुंजी",
"webhookSecret": "वेबहुक कुंजी हस्ताक्षर"
},
"url": "यूआरएल",
"wechatPay": "वीचैट पे"
"handlingFee": "हैंडलिंग शुल्क",
"icon": "चिन्ह",
"iconPlaceholder": "चिन्ह URL दर्ज करें",
"mark": "पहचानकर्ता",
"markPlaceholder": "भुगतान विधि पहचानकर्ता दर्ज करें",
"name": "नाम",
"namePlaceholder": "भुगतान विधि का नाम दर्ज करें",
"nameRequired": "नाम आवश्यक है",
"noFee": "कोई शुल्क नहीं",
"notify_url": "सूचना URL",
"paymentManagement": "भुगतान प्रबंधन",
"percentFee": "प्रतिशत",
"platform": "प्लेटफ़ॉर्म",
"searchPlaceholder": "खोज शब्द दर्ज करें",
"selectPlatform": "प्लेटफ़ॉर्म चुनें",
"selectType": "भुगतान प्रकार चुनें",
"submit": "जमा करें",
"type": "प्रकार",
"updateSuccess": "सफलता से अपडेट किया गया"
}

84
apps/admin/locales/hu-HU/payment.json
View File

@ -1,44 +1,52 @@
{
"aliPay": "Alipay fizetés",
"alipayf2f": {
"appId": "Alipay alkalmazásazonosító",
"invoiceName": "Egyedi terméknév",
"invoiceNameDescription": "A számlán az Alipay-ben fog megjelenni",
"privateKey": "Alipay privát kulcs",
"publicKey": "Alipay nyilvános kulcs",
"sandbox": "Tesztkörnyezet",
"sandboxDescription": "Tesztkörnyezet engedélyezése a fizetések teszteléséhez"
},
"AlipayF2F": "Alipay Személyesen",
"EPay": "EPay",
"Stripe": "Stripe",
"applyForPayment": "Kérjen kifizetést",
"balance": "Egyenleg",
"batchDelete": "Tömeges törlés",
"cancel": "Mégse",
"config": "Beállítások",
"configInfo": "Beállítási információk",
"configPlaceholder": "Kérjük, töltse ki a megadott {field} beállítást",
"confirm": "Megerősít",
"confirmDelete": "Törlés megerősítése",
"copy": "Másolás",
"copySuccess": "Sikeresen másolva",
"create": "Fizetési mód hozzáadása",
"createPayment": "Fizetési mód hozzáadása",
"createSuccess": "Sikeresen létrehozva",
"delete": "Törlés",
"deleteSuccess": "Sikeresen törölve",
"deleteWarning": "Biztosan törölni szeretné ezt a fizetési módot? Ez a művelet nem vonható vissza.",
"description": "Leírás",
"descriptionPlaceholder": "Írja be a fizetési mód leírását",
"domain": "Domain",
"domainPlaceholder": "opcionális, pl. {példa}",
"edit": "Szerkesztés",
"editPayment": "Fizetési mód szerkesztése",
"enable": "Engedélyezés",
"enableDescription": "Engedélyezze ezt a fizetési módot",
"epay": {
"key": "KULCS",
"pid": "PID",
"url": "URL"
},
"feeAmount": "Fix összeg",
"feeMode": "Díjfizetési mód",
"feeModeDescription": "További díjak felszámításának módja",
"feeModeItems": ["Nincs díj", "Százalékos", "Fix összeg", "Mindkettő"],
"feePercent": "Díjszázalék (opcionális)",
"feePercentDescription": "Díj hozzáadása a rendelés összegéhez",
"fixedFee": "Fix díj (opcionális)",
"fixedFeeDescription": "Rögzített díj hozzáadása a rendelés összegéhez",
"iconUrl": "Ikon URL (opcionális)",
"iconUrlDescription": "Előnézeti kép megjelenítéséhez",
"inputPlaceholder": "Kérjük, írja be",
"key": "KULCS",
"notifyUrl": "Egyéni értesítési domain (opcionális)",
"notifyUrlDescription": "A kapu értesítéseket erre a tartományra küldi",
"payForRecommendations": "Fizetés ajánlásokért",
"pid": "PID",
"saveSuccess": "Sikeres mentés",
"showName": "Megjelenítési név",
"showNameDescription": "Előnézet megjelenítésére használatos",
"stripe": {
"publicKey": "NYILVÁNOS KULCS",
"secretKey": "TITKOS KULCS",
"webhookSecret": "WEBHOOK TITKOS ALÁÍRÁS"
},
"url": "URL",
"wechatPay": "WeChat fizetés"
"handlingFee": "Kezelési díj",
"icon": "Ikon",
"iconPlaceholder": "Adja meg az ikon URL-jét",
"mark": "Azonosító",
"markPlaceholder": "Adja meg a fizetési mód azonosítóját",
"name": "Név",
"namePlaceholder": "Adja meg a fizetési mód nevét",
"nameRequired": "A név megadása kötelező",
"noFee": "Nincs díj",
"notify_url": "Értesítési URL",
"paymentManagement": "Fizetéskezelés",
"percentFee": "Százalékos díj",
"platform": "Platform",
"searchPlaceholder": "Adja meg a keresési kifejezéseket",
"selectPlatform": "Válassza ki a platformot",
"selectType": "Válassza ki a fizetési típust",
"submit": "Beküldés",
"type": "Típus",
"updateSuccess": "Sikeresen frissítve"
}

84
apps/admin/locales/ja-JP/payment.json
View File

@ -1,44 +1,52 @@
{
"aliPay": "アリペイ決済",
"alipayf2f": {
"appId": "支付宝アプリID",
"invoiceName": "カスタム製品名",
"invoiceNameDescription": "支付宝の請求書に表示されます",
"privateKey": "支付宝プライベートキー",
"publicKey": "支付宝パブリックキー",
"sandbox": "サンドボックスモード",
"sandboxDescription": "支払いをテストするためにサンドボックスモードを有効にします"
},
"AlipayF2F": "アリペイ対面",
"EPay": "EPay",
"Stripe": "ストライプ",
"applyForPayment": "支払いを申請する",
"balance": "残高",
"batchDelete": "一括削除",
"cancel": "キャンセル",
"config": "設定",
"configInfo": "設定情報",
"configPlaceholder": "提供された{field}の設定を入力してください",
"confirm": "確認",
"confirmDelete": "削除を確認",
"copy": "コピー",
"copySuccess": "コピー成功",
"create": "支払い方法を追加",
"createPayment": "支払い方法を追加",
"createSuccess": "作成成功",
"delete": "削除",
"deleteSuccess": "削除成功",
"deleteWarning": "この支払い方法を削除してもよろしいですか？この操作は元に戻せません。",
"description": "説明",
"descriptionPlaceholder": "支払い方法の説明を入力してください",
"domain": "ドメイン",
"domainPlaceholder": "任意、例：{example}",
"edit": "編集",
"editPayment": "支払い方法を編集",
"enable": "有効",
"enableDescription": "この支払い方法を有効にする",
"epay": {
"key": "キー",
"pid": "PID",
"url": "URL"
},
"feeAmount": "固定額",
"feeMode": "料金方式",
"feeModeDescription": "追加手数料の課金方式",
"feeModeItems": ["手数料なし", "パーセンテージ", "固定金額", "上記の2つ"],
"feePercent": "パーセンテージ手数料（オプション）",
"feePercentDescription": "注文金額に追加される手数料",
"fixedFee": "固定料金（オプション）",
"fixedFeeDescription": "注文金額に固定料金を追加する",
"iconUrl": "アイコンURL（任意）",
"iconUrlDescription": "フロントエンド表示用",
"inputPlaceholder": "入力してください",
"key": "キー",
"notifyUrl": "カスタム通知ドメイン（オプション）",
"notifyUrlDescription": "ゲートウェイ通知はこのドメインに送信されます",
"payForRecommendations": "おすすめの支払い",
"pid": "PID",
"saveSuccess": "保存が成功しました",
"showName": "表示名",
"showNameDescription": "フロントエンド表示用",
"stripe": {
"publicKey": "パブリックキー",
"secretKey": "シークレットキー",
"webhookSecret": "WEBHOOK シークレットサイン"
},
"url": "URL",
"wechatPay": "WeChatペイ"
"handlingFee": "手数料",
"icon": "アイコン",
"iconPlaceholder": "アイコンのURLを入力してください",
"mark": "識別子",
"markPlaceholder": "支払い方法の識別子を入力してください",
"name": "名前",
"namePlaceholder": "支払い方法の名前を入力してください",
"nameRequired": "名前は必須です",
"noFee": "手数料なし",
"notify_url": "通知URL",
"paymentManagement": "支払い管理",
"percentFee": "パーセンテージ",
"platform": "プラットフォーム",
"searchPlaceholder": "検索用語を入力してください",
"selectPlatform": "プラットフォームを選択",
"selectType": "支払いタイプを選択",
"submit": "送信",
"type": "タイプ",
"updateSuccess": "更新成功"
}

84
apps/admin/locales/ko-KR/payment.json
View File

@ -1,44 +1,52 @@
{
"aliPay": "알리페이 결제",
"alipayf2f": {
"appId": "알리페이 애플리케이션 ID",
"invoiceName": "사용자 정의 제품 이름",
"invoiceNameDescription": "알리페이 청구서에 표시됩니다",
"privateKey": "알리페이 개인 키",
"publicKey": "알리페이 공개 키",
"sandbox": "샌드박스 모드",
"sandboxDescription": "결제를 테스트하기 위해 샌드박스 모드를 활성화합니다"
},
"AlipayF2F": "알리페이 대면 결제",
"EPay": "이페이",
"Stripe": "스트라이프",
"applyForPayment": "결제 신청",
"balance": "잔액",
"batchDelete": "일괄 삭제",
"cancel": "취소",
"config": "설정",
"configInfo": "설정 정보",
"configPlaceholder": "{field} 설정을 입력해 주세요",
"confirm": "확인",
"confirmDelete": "삭제 확인",
"copy": "복사",
"copySuccess": "복사 성공",
"create": "결제 수단 추가",
"createPayment": "결제 수단 추가",
"createSuccess": "생성 성공",
"delete": "삭제",
"deleteSuccess": "삭제 성공",
"deleteWarning": "이 결제 수단을 삭제하시겠습니까? 이 작업은 취소할 수 없습니다.",
"description": "설명",
"descriptionPlaceholder": "결제 수단 설명을 입력하세요",
"domain": "도메인",
"domainPlaceholder": "선택 사항, 예: {example}",
"edit": "편집",
"editPayment": "결제 수단 편집",
"enable": "사용",
"enableDescription": "이 결제 수단을 활성화합니다",
"epay": {
"key": "키",
"pid": "PID",
"url": "URL"
},
"feeAmount": "고정 금액",
"feeMode": "요금 방식",
"feeModeDescription": "추가 수수료의 부과 방식",
"feeModeItems": ["수수료 없음", "백분율", "고정 금액", "이상 두 가지"],
"feePercent": "수수료 비율(선택 사항)",
"feePercentDescription": "주문 금액에 추가 요금 부과",
"fixedFee": "고정 수수료(선택 사항)",
"fixedFeeDescription": "주문 금액에 고정 요금 추가",
"iconUrl": "아이콘 URL(선택 사항)",
"iconUrlDescription": "프론트엔드 표시용",
"inputPlaceholder": "입력하세요",
"key": "키",
"notifyUrl": "사용자 정의 알림 도메인 (선택 사항)",
"notifyUrlDescription": "게이트웨이 알림이 이 도메인으로 전송됩니다",
"payForRecommendations": "추천에 대한 지불",
"pid": "PID",
"saveSuccess": "저장 성공",
"showName": "이름 표시",
"showNameDescription": "프론트엔드 표시용",
"stripe": {
"publicKey": "공개 키",
"secretKey": "비밀 키",
"webhookSecret": "웹훅 비밀 서명"
},
"url": "URL",
"wechatPay": "위챗페이"
"handlingFee": "수수료",
"icon": "아이콘",
"iconPlaceholder": "아이콘 URL 입력",
"mark": "식별자",
"markPlaceholder": "결제 수단 식별자 입력",
"name": "이름",
"namePlaceholder": "결제 수단 이름 입력",
"nameRequired": "이름은 필수입니다",
"noFee": "수수료 없음",
"notify_url": "알림 URL",
"paymentManagement": "결제 관리",
"percentFee": "백분율",
"platform": "플랫폼",
"searchPlaceholder": "검색어 입력",
"selectPlatform": "플랫폼 선택",
"selectType": "결제 유형 선택",
"submit": "제출",
"type": "유형",
"updateSuccess": "업데이트 성공"
}

84
apps/admin/locales/no-NO/payment.json
View File

@ -1,44 +1,52 @@
{
"aliPay": "Betaling med Alipay",
"alipayf2f": {
"appId": "Alipay-applikasjons-ID",
"invoiceName": "Tilpasset produktnavn",
"invoiceNameDescription": "Vil vises på Alipay-fakturaen",
"privateKey": "Alipay privat nøkkel",
"publicKey": "Alipay offentlig nøkkel",
"sandbox": "Sandkassemodus",
"sandboxDescription": "Aktiver sandkassemodus for å teste betaling"
},
"AlipayF2F": "Alipay Ansikt-til-Ansikt",
"EPay": "EPay",
"Stripe": "Stripe",
"applyForPayment": "Søk om betaling",
"balance": "Saldo",
"batchDelete": "Slett i batch",
"cancel": "Avbryt",
"config": "Konfigurasjon",
"configInfo": "Konfigurasjonsinformasjon",
"configPlaceholder": "Vennligst fyll inn den angitte {field} konfigurasjonen",
"confirm": "Bekreft",
"confirmDelete": "Bekreft sletting",
"copy": "Kopier",
"copySuccess": "Kopiert med suksess",
"create": "Legg til betalingsmetode",
"createPayment": "Legg til betalingsmetode",
"createSuccess": "Opprettet med suksess",
"delete": "Slett",
"deleteSuccess": "Slettet med suksess",
"deleteWarning": "Er du sikker på at du vil slette denne betalingsmetoden? Denne handlingen kan ikke angres.",
"description": "Beskrivelse",
"descriptionPlaceholder": "Skriv inn beskrivelse av betalingsmetode",
"domain": "Domene",
"domainPlaceholder": "valgfritt, f.eks. {example}",
"edit": "Rediger",
"editPayment": "Rediger betalingsmetode",
"enable": "Aktiver",
"enableDescription": "Aktiver denne betalingsmetoden",
"epay": {
"key": "NØKKEL",
"pid": "PID",
"url": "URL"
},
"feeAmount": "Fast beløp",
"feeMode": "Avgiftsmåte",
"feeModeDescription": "Gebyrmodus for ekstra avgifter",
"feeModeItems": ["Ingen gebyr", "Prosentandel", "Fast beløp", "Begge ovennevnte"],
"feePercent": "Prosentavgift (valgfritt)",
"feePercentDescription": "Legg til et gebyr på toppen av ordrebeløpet",
"fixedFee": "Fast gebyr (valgfritt)",
"fixedFeeDescription": "Legg til et fast gebyr i tillegg til ordrebeløpet",
"iconUrl": "Ikon URL (valgfritt)",
"iconUrlDescription": "Brukes for visning på frontend",
"inputPlaceholder": "Vennligst skriv inn",
"key": "NØKKEL",
"notifyUrl": "Tilpasset varslingsdomene (valgfritt)",
"notifyUrlDescription": "Gateway-varsler vil bli sendt til dette domenet",
"payForRecommendations": "Betal for anbefalinger",
"pid": "PID",
"saveSuccess": "Lagring vellykket",
"showName": "Vis navn",
"showNameDescription": "Brukes for visning på frontend",
"stripe": {
"publicKey": "OFFENTLIG NØKKEL",
"secretKey": "HEMMELIG NØKKEL",
"webhookSecret": "WEBHOOK SIGNATUR"
},
"url": "URL",
"wechatPay": "WeChat-betaling"
"handlingFee": "Håndteringsgebyr",
"icon": "Ikon",
"iconPlaceholder": "Skriv inn ikon-URL",
"mark": "Identifikator",
"markPlaceholder": "Skriv inn identifikator for betalingsmetode",
"name": "Navn",
"namePlaceholder": "Skriv inn navn på betalingsmetode",
"nameRequired": "Navn er påkrevd",
"noFee": "Ingen gebyr",
"notify_url": "Varslings-URL",
"paymentManagement": "Betalingsadministrasjon",
"percentFee": "Prosentandel",
"platform": "Plattform",
"searchPlaceholder": "Skriv inn søkeord",
"selectPlatform": "Velg plattform",
"selectType": "Velg betalingstype",
"submit": "Send inn",
"type": "Type",
"updateSuccess": "Oppdatert med suksess"
}

84
apps/admin/locales/pl-PL/payment.json
View File

@ -1,44 +1,52 @@
{
"aliPay": "Płatność Alipay",
"alipayf2f": {
"appId": "ID aplikacji Alipay",
"invoiceName": "Niestandardowa nazwa produktu",
"invoiceNameDescription": "Będzie wyświetlana na rachunku Alipay",
"privateKey": "Klucz prywatny Alipay",
"publicKey": "Klucz publiczny Alipay",
"sandbox": "Tryb piaskownicy",
"sandboxDescription": "Włącz tryb piaskownicy, aby przetestować płatności"
},
"AlipayF2F": "Alipay Twarzą w Twarz",
"EPay": "EPay",
"Stripe": "Stripe",
"applyForPayment": "Złóż wniosek o płatność",
"balance": "Saldo",
"batchDelete": "Usuwanie zbiorcze",
"cancel": "Anuluj",
"config": "Konfiguracja",
"configInfo": "Informacje o konfiguracji",
"configPlaceholder": "Proszę wypełnić konfigurację {field}",
"confirm": "Potwierdź",
"confirmDelete": "Potwierdź usunięcie",
"copy": "Kopiuj",
"copySuccess": "Skopiowano pomyślnie",
"create": "Dodaj metodę płatności",
"createPayment": "Dodaj metodę płatności",
"createSuccess": "Utworzono pomyślnie",
"delete": "Usuń",
"deleteSuccess": "Usunięto pomyślnie",
"deleteWarning": "Czy na pewno chcesz usunąć tę metodę płatności? Ta akcja jest nieodwracalna.",
"description": "Opis",
"descriptionPlaceholder": "Wprowadź opis metody płatności",
"domain": "Domena",
"domainPlaceholder": "opcjonalnie, np. {example}",
"edit": "Edytuj",
"editPayment": "Edytuj metodę płatności",
"enable": "Włącz",
"enableDescription": "Włącz tę metodę płatności",
"epay": {
"key": "KLUCZ",
"pid": "PID",
"url": "URL"
},
"feeAmount": "Kwota stała",
"feeMode": "Sposób naliczania opłat",
"feeModeDescription": "Sposób naliczania dodatkowej opłaty",
"feeModeItems": ["Bez opłaty", "Procent", "Stała kwota", "Oba powyższe"],
"feePercent": "Procentowa opłata (opcjonalnie)",
"feePercentDescription": "Dodaj opłatę do kwoty zamówienia",
"fixedFee": "Stała opłata (opcjonalnie)",
"fixedFeeDescription": "Dodaj stałą opłatę do kwoty zamówienia",
"iconUrl": "URL ikony (opcjonalnie)",
"iconUrlDescription": "Używane do wyświetlania na froncie",
"inputPlaceholder": "Wprowadź tekst",
"key": "KLUCZ",
"notifyUrl": "Niestandardowa domena powiadomień (opcjonalnie)",
"notifyUrlDescription": "Powiadomienie bramki zostanie wysłane na tę domenę",
"payForRecommendations": "Zapłać za rekomendacje",
"pid": "PID",
"saveSuccess": "Zapisano pomyślnie",
"showName": "Pokaż nazwę",
"showNameDescription": "Używane do wyświetlania na froncie",
"stripe": {
"publicKey": "KLUCZ PUBLICZNY",
"secretKey": "KLUCZ TAJNY",
"webhookSecret": "PODPIS KLUCZA WEBHOOK"
},
"url": "URL",
"wechatPay": "WeChat Pay"
"handlingFee": "Opłata manipulacyjna",
"icon": "Ikona",
"iconPlaceholder": "Wprowadź URL ikony",
"mark": "Identyfikator",
"markPlaceholder": "Wprowadź identyfikator metody płatności",
"name": "Nazwa",
"namePlaceholder": "Wprowadź nazwę metody płatności",
"nameRequired": "Nazwa jest wymagana",
"noFee": "Brak opłaty",
"notify_url": "URL powiadomienia",
"paymentManagement": "Zarządzanie płatnościami",
"percentFee": "Procent",
"platform": "Platforma",
"searchPlaceholder": "Wprowadź hasła do wyszukiwania",
"selectPlatform": "Wybierz platformę",
"selectType": "Wybierz typ płatności",
"submit": "Wyślij",
"type": "Typ",
"updateSuccess": "Zaktualizowano pomyślnie"
}

84
apps/admin/locales/pt-BR/payment.json
View File

@ -1,44 +1,52 @@
{
"aliPay": "Pagamento com Alipay",
"alipayf2f": {
"appId": "ID do aplicativo Alipay",
"invoiceName": "Nome personalizado do produto",
"invoiceNameDescription": "Será exibido na fatura do Alipay",
"privateKey": "Chave privada do Alipay",
"publicKey": "Chave pública do Alipay",
"sandbox": "Modo sandbox",
"sandboxDescription": "Ative o modo sandbox para testar pagamentos"
},
"AlipayF2F": "Alipay Face a Face",
"EPay": "EPay",
"Stripe": "Stripe",
"applyForPayment": "Solicitar Pagamento",
"balance": "Saldo",
"batchDelete": "Excluir em Lote",
"cancel": "Cancelar",
"config": "Configuração",
"configInfo": "Informações de Configuração",
"configPlaceholder": "Por favor, preencha a configuração de {field} fornecida",
"confirm": "Confirmar",
"confirmDelete": "Confirmar Exclusão",
"copy": "Copiar",
"copySuccess": "Copiado com sucesso",
"create": "Adicionar Método de Pagamento",
"createPayment": "Adicionar Método de Pagamento",
"createSuccess": "Criado com sucesso",
"delete": "Excluir",
"deleteSuccess": "Excluído com sucesso",
"deleteWarning": "Você tem certeza de que deseja excluir este método de pagamento? Esta ação não pode ser desfeita.",
"description": "Descrição",
"descriptionPlaceholder": "Insira a descrição do método de pagamento",
"domain": "Domínio",
"domainPlaceholder": "opcional, por exemplo, {exemplo}",
"edit": "Editar",
"editPayment": "Editar Método de Pagamento",
"enable": "Habilitar",
"enableDescription": "Ativar este método de pagamento",
"epay": {
"key": "CHAVE",
"pid": "PID",
"url": "URL"
},
"feeAmount": "Valor Fixo",
"feeMode": "Modo de Cobrança",
"feeModeDescription": "Modo de cobrança de taxas adicionais",
"feeModeItems": ["Sem taxa", "Porcentagem", "Valor fixo", "Ambos os anteriores"],
"feePercent": "Percentual de taxa (opcional)",
"feePercentDescription": "Adicionar taxa sobre o valor do pedido",
"fixedFee": "Taxa fixa (opcional)",
"fixedFeeDescription": "Adicionar uma taxa fixa sobre o valor do pedido",
"iconUrl": "URL do ícone (opcional)",
"iconUrlDescription": "Usado para exibição no front-end",
"inputPlaceholder": "Por favor, insira",
"key": "CHAVE",
"notifyUrl": "Domínio de notificação personalizado (opcional)",
"notifyUrlDescription": "A notificação do gateway será enviada para este domínio",
"payForRecommendations": "Pagar por recomendações",
"pid": "PID",
"saveSuccess": "Salvo com sucesso",
"showName": "Mostrar Nome",
"showNameDescription": "Usado para exibição no front-end",
"stripe": {
"publicKey": "CHAVE PÚBLICA",
"secretKey": "CHAVE SECRETA",
"webhookSecret": "ASSINATURA DA CHAVE DO WEBHOOK"
},
"url": "URL",
"wechatPay": "WeChat Pay"
"handlingFee": "Taxa de Manipulação",
"icon": "Ícone",
"iconPlaceholder": "Digite a URL do ícone",
"mark": "Identificador",
"markPlaceholder": "Digite o identificador do método de pagamento",
"name": "Nome",
"namePlaceholder": "Digite o nome do método de pagamento",
"nameRequired": "O nome é obrigatório",
"noFee": "Sem Taxa",
"notify_url": "URL de Notificação",
"paymentManagement": "Gerenciamento de Pagamento",
"percentFee": "Porcentagem",
"platform": "Plataforma",
"searchPlaceholder": "Digite os termos de pesquisa",
"selectPlatform": "Selecionar Plataforma",
"selectType": "Selecionar tipo de pagamento",
"submit": "Enviar",
"type": "Tipo",
"updateSuccess": "Atualizado com sucesso"
}

84
apps/admin/locales/ro-RO/payment.json
View File

@ -1,44 +1,52 @@
{
"aliPay": "Plată cu Alipay",
"alipayf2f": {
"appId": "ID aplicație Alipay",
"invoiceName": "Nume personalizat produs",
"invoiceNameDescription": "Va apărea în factura Alipay",
"privateKey": "Cheie privată Alipay",
"publicKey": "Cheie publică Alipay",
"sandbox": "Modul sandbox",
"sandboxDescription": "Activează modul sandbox pentru a testa plățile"
},
"AlipayF2F": "Alipay Față în Față",
"EPay": "EPay",
"Stripe": "Stripe",
"applyForPayment": "Solicită Plată",
"balance": "Sold",
"batchDelete": "Ștergere în Lot",
"cancel": "Anulează",
"config": "Configurare",
"configInfo": "Informații de Configurare",
"configPlaceholder": "Te rugăm să completezi configurația {field} furnizată",
"confirm": "Confirmă",
"confirmDelete": "Confirmă Ștergerea",
"copy": "Copiază",
"copySuccess": "Copiat cu succes",
"create": "Adaugă Metodă de Plată",
"createPayment": "Adaugă Metodă de Plată",
"createSuccess": "Creat cu succes",
"delete": "Șterge",
"deleteSuccess": "Șters cu succes",
"deleteWarning": "Ești sigur că vrei să ștergi această metodă de plată? Această acțiune nu poate fi anulată.",
"description": "Descriere",
"descriptionPlaceholder": "Introduceți descrierea metodei de plată",
"domain": "Domeniu",
"domainPlaceholder": "opțional, de exemplu {example}",
"edit": "Editează",
"editPayment": "Editează Metodă de Plată",
"enable": "Activare",
"enableDescription": "Activează această metodă de plată",
"epay": {
"key": "CHEIE",
"pid": "PID",
"url": "URL"
},
"feeAmount": "Sumă Fixă",
"feeMode": "Mod de taxare",
"feeModeDescription": "Modul de taxare a comisioanelor suplimentare",
"feeModeItems": ["Fără comision", "Procentaj", "Sumă fixă", "Ambele"],
"feePercent": "Taxă procentuală (opțional)",
"feePercentDescription": "Se adaugă o taxă peste suma comenzii",
"fixedFee": "Taxă fixă (opțional)",
"fixedFeeDescription": "Adăugarea unei taxe fixe peste suma comenzii",
"iconUrl": "URL pictogramă (opțional)",
"iconUrlDescription": "Utilizat pentru afișarea în front-end",
"inputPlaceholder": "Introduceți",
"key": "CHEIE",
"notifyUrl": "Domeniu de notificare personalizat (opțional)",
"notifyUrlDescription": "Notificările de la gateway vor fi trimise la acest domeniu",
"payForRecommendations": "Plătește pentru recomandări",
"pid": "PID",
"saveSuccess": "Salvare reușită",
"showName": "Afișează Numele",
"showNameDescription": "Utilizat pentru afișarea în interfața utilizatorului",
"stripe": {
"publicKey": "CHEIE PUBLICĂ",
"secretKey": "CHEIE SECRETĂ",
"webhookSecret": "SEMNĂTURA CHEII WEBHOOK"
},
"url": "URL",
"wechatPay": "Plată WeChat"
"handlingFee": "Taxă de manipulare",
"icon": "Iconiță",
"iconPlaceholder": "Introdu URL-ul iconiței",
"mark": "Identificator",
"markPlaceholder": "Introdu identificatorul metodei de plată",
"name": "Nume",
"namePlaceholder": "Introdu numele metodei de plată",
"nameRequired": "Numele este necesar",
"noFee": "Fără Taxă",
"notify_url": "URL de notificare",
"paymentManagement": "Gestionare Plăți",
"percentFee": "Procentaj",
"platform": "Platformă",
"searchPlaceholder": "Introdu termeni de căutare",
"selectPlatform": "Selectează Platforma",
"selectType": "Selectează tipul de plată",
"submit": "Trimite",
"type": "Tip",
"updateSuccess": "Actualizat cu succes"
}

84
apps/admin/locales/ru-RU/payment.json
View File

@ -1,44 +1,52 @@
{
"aliPay": "Оплата через Alipay",
"alipayf2f": {
"appId": "ID приложения Alipay",
"invoiceName": "Пользовательское название продукта",
"invoiceNameDescription": "Будет отображаться в счете Alipay",
"privateKey": "Приватный ключ Alipay",
"publicKey": "Публичный ключ Alipay",
"sandbox": "Режим песочницы",
"sandboxDescription": "Включите режим песочницы для тестирования платежей"
},
"AlipayF2F": "Alipay Лицом к Лицу",
"EPay": "EPay",
"Stripe": "Stripe",
"applyForPayment": "Подать заявку на оплату",
"balance": "Баланс",
"batchDelete": "Пакетное удаление",
"cancel": "Отмена",
"config": "Конфигурация",
"configInfo": "Информация о конфигурации",
"configPlaceholder": "Пожалуйста, заполните предоставленную конфигурацию {field}",
"confirm": "Подтвердить",
"confirmDelete": "Подтвердить удаление",
"copy": "Копировать",
"copySuccess": "Успешно скопировано",
"create": "Добавить способ оплаты",
"createPayment": "Добавить способ оплаты",
"createSuccess": "Успешно создано",
"delete": "Удалить",
"deleteSuccess": "Успешно удалено",
"deleteWarning": "Вы уверены, что хотите удалить этот способ оплаты? Это действие нельзя отменить.",
"description": "Описание",
"descriptionPlaceholder": "Введите описание метода оплаты",
"domain": "Домен",
"domainPlaceholder": "необязательно, например, {example}",
"edit": "Редактировать",
"editPayment": "Редактировать способ оплаты",
"enable": "Включить",
"enableDescription": "Включить этот способ оплаты",
"epay": {
"key": "КЛЮЧ",
"pid": "PID",
"url": "URL"
},
"feeAmount": "Фиксированная сумма",
"feeMode": "Способ оплаты",
"feeModeDescription": "Способ взимания дополнительной комиссии",
"feeModeItems": ["Без комиссии", "Процент", "Фиксированная сумма", "Оба вышеуказанных"],
"feePercent": "Процентная комиссия (необязательно)",
"feePercentDescription": "Добавление комиссии к сумме заказа",
"fixedFee": "Фиксированная плата (по желанию)",
"fixedFeeDescription": "Добавление фиксированной платы к сумме заказа",
"iconUrl": "URL значка (необязательно)",
"iconUrlDescription": "Используется для отображения на фронтенде",
"inputPlaceholder": "Пожалуйста, введите",
"key": "КЛЮЧ",
"notifyUrl": "Пользовательский домен уведомлений (необязательно)",
"notifyUrlDescription": "Уведомление шлюза будет отправлено на этот домен",
"payForRecommendations": "Оплатить рекомендации",
"pid": "PID",
"saveSuccess": "Сохранение успешно",
"showName": "Показать имя",
"showNameDescription": "Используется для отображения на фронтенде",
"stripe": {
"publicKey": "ОТКРЫТЫЙ КЛЮЧ",
"secretKey": "СЕКРЕТНЫЙ КЛЮЧ",
"webhookSecret": "СЕКРЕТ ПОДПИСИ ВЕБХУКА"
},
"url": "URL",
"wechatPay": "WeChat Pay"
"handlingFee": "Плата за обработку",
"icon": "Иконка",
"iconPlaceholder": "Введите URL иконки",
"mark": "Идентификатор",
"markPlaceholder": "Введите идентификатор способа оплаты",
"name": "Название",
"namePlaceholder": "Введите название способа оплаты",
"nameRequired": "Название обязательно",
"noFee": "Без комиссии",
"notify_url": "URL уведомления",
"paymentManagement": "Управление платежами",
"percentFee": "Процент",
"platform": "Платформа",
"searchPlaceholder": "Введите поисковые запросы",
"selectPlatform": "Выберите платформу",
"selectType": "Выберите тип оплаты",
"submit": "Отправить",
"type": "Тип",
"updateSuccess": "Успешно обновлено"
}

84
apps/admin/locales/th-TH/payment.json
View File

@ -1,44 +1,52 @@
{
"aliPay": "ชำระเงินผ่านอาลีเพย์",
"alipayf2f": {
"appId": "รหัสแอปพลิเคชัน Alipay",
"invoiceName": "ชื่อผลิตภัณฑ์ที่กำหนดเอง",
"invoiceNameDescription": "จะแสดงในใบแจ้งหนี้ของ Alipay",
"privateKey": "กุญแจส่วนตัวของ Alipay",
"publicKey": "กุญแจสาธารณะของ Alipay",
"sandbox": "โหมดแซนด์บ็อกซ์",
"sandboxDescription": "เปิดใช้งานโหมดแซนด์บ็อกซ์เพื่อทดสอบการชำระเงิน"
},
"AlipayF2F": "Alipay แบบพบหน้า",
"EPay": "EPay",
"Stripe": "Stripe",
"applyForPayment": "ขอชำระเงิน",
"balance": "ยอดคงเหลือ",
"batchDelete": "ลบเป็นชุด",
"cancel": "ยกเลิก",
"config": "การตั้งค่า",
"configInfo": "ข้อมูลการตั้งค่า",
"configPlaceholder": "กรุณากรอกการตั้งค่า {field} ที่ให้มา",
"confirm": "ยืนยัน",
"confirmDelete": "ยืนยันการลบ",
"copy": "คัดลอก",
"copySuccess": "คัดลอกสำเร็จ",
"create": "เพิ่มวิธีการชำระเงิน",
"createPayment": "เพิ่มวิธีการชำระเงิน",
"createSuccess": "สร้างสำเร็จ",
"delete": "ลบ",
"deleteSuccess": "ลบสำเร็จ",
"deleteWarning": "คุณแน่ใจหรือไม่ว่าต้องการลบวิธีการชำระเงินนี้? การกระทำนี้ไม่สามารถย้อนกลับได้",
"description": "คำอธิบาย",
"descriptionPlaceholder": "กรอกคำอธิบายวิธีการชำระเงิน",
"domain": "โดเมน",
"domainPlaceholder": "ไม่บังคับ เช่น {example}",
"edit": "แก้ไข",
"editPayment": "แก้ไขวิธีการชำระเงิน",
"enable": "เปิดใช้งาน",
"enableDescription": "เปิดใช้งานวิธีการชำระเงินนี้",
"epay": {
"key": "คีย์",
"pid": "พีไอดี",
"url": "ยูอาร์แอล"
},
"feeAmount": "จำนวนคงที่",
"feeMode": "วิธีการคิดค่าบริการ",
"feeModeDescription": "วิธีการคิดค่าธรรมเนียมเพิ่มเติม",
"feeModeItems": ["ไม่มีค่าธรรมเนียม", "เปอร์เซ็นต์", "จำนวนเงินคงที่", "ทั้งสองอย่าง"],
"feePercent": "เปอร์เซ็นต์ค่าธรรมเนียม (ไม่บังคับ)",
"feePercentDescription": "เพิ่มค่าธรรมเนียมจากยอดสั่งซื้อ",
"fixedFee": "ค่าธรรมเนียมคงที่ (ไม่บังคับ)",
"fixedFeeDescription": "เพิ่มค่าธรรมเนียมคงที่เหนือจำนวนเงินในคำสั่งซื้อ",
"iconUrl": "URL ไอคอน (ไม่บังคับ)",
"iconUrlDescription": "ใช้สำหรับแสดงผลด้านหน้า",
"inputPlaceholder": "กรุณาใส่ข้อมูล",
"key": "กุญแจ",
"notifyUrl": "โดเมนการแจ้งเตือนที่กำหนดเอง (ไม่บังคับ)",
"notifyUrlDescription": "การแจ้งเตือนเกตเวย์จะถูกส่งไปยังโดเมนนี้",
"payForRecommendations": "ชำระเงินสำหรับคำแนะนำ",
"pid": "PID",
"saveSuccess": "บันทึกสำเร็จ",
"showName": "แสดงชื่อ",
"showNameDescription": "ใช้สำหรับแสดงผลด้านหน้า",
"stripe": {
"publicKey": "PUBLIC KEY",
"secretKey": "SECRET KEY",
"webhookSecret": "WEBHOOK คีย์ลับ"
},
"url": "URL",
"wechatPay": "วีแชทเพย์"
"handlingFee": "ค่าธรรมเนียมการจัดการ",
"icon": "ไอคอน",
"iconPlaceholder": "กรอก URL ไอคอน",
"mark": "ตัวระบุ",
"markPlaceholder": "กรอกตัวระบุวิธีการชำระเงิน",
"name": "ชื่อ",
"namePlaceholder": "กรอกชื่อวิธีการชำระเงิน",
"nameRequired": "ชื่อเป็นสิ่งจำเป็น",
"noFee": "ไม่มีค่าธรรมเนียม",
"notify_url": "URL การแจ้งเตือน",
"paymentManagement": "การจัดการการชำระเงิน",
"percentFee": "เปอร์เซ็นต์",
"platform": "แพลตฟอร์ม",
"searchPlaceholder": "กรอกคำค้นหา",
"selectPlatform": "เลือกแพลตฟอร์ม",
"selectType": "เลือกประเภทการชำระเงิน",
"submit": "ส่ง",
"type": "ประเภท",
"updateSuccess": "อัปเดตสำเร็จ"
}

84
apps/admin/locales/tr-TR/payment.json
View File

@ -1,44 +1,52 @@
{
"aliPay": "Alipay ile ödeme",
"alipayf2f": {
"appId": "Alipay Uygulama Kimliği",
"invoiceName": "Özel Ürün Adı",
"invoiceNameDescription": "Alipay faturasına gösterilecektir",
"privateKey": "Alipay Özel Anahtarı",
"publicKey": "Alipay Genel Anahtarı",
"sandbox": "Sandbox Modu",
"sandboxDescription": "Ödemeyi test etmek için sandbox modunu etkinleştirin"
},
"AlipayF2F": "Alipay Yüz Yüze",
"EPay": "EPay",
"Stripe": "Stripe",
"applyForPayment": "Ödeme Başvurusu",
"balance": "Bakiye",
"batchDelete": "Toplu Sil",
"cancel": "İptal",
"config": "Yapılandırma",
"configInfo": "Yapılandırma Bilgisi",
"configPlaceholder": "Lütfen sağlanan {field} yapılandırmasını doldurun",
"confirm": "Onayla",
"confirmDelete": "Silme İşlemini Onayla",
"copy": "Kopyala",
"copySuccess": "Başarıyla kopyalandı",
"create": "Ödeme Yöntemi Ekle",
"createPayment": "Ödeme Yöntemi Ekle",
"createSuccess": "Başarıyla oluşturuldu",
"delete": "Sil",
"deleteSuccess": "Başarıyla silindi",
"deleteWarning": "Bu ödeme yöntemini silmek istediğinize emin misiniz? Bu işlem geri alınamaz.",
"description": "Açıklama",
"descriptionPlaceholder": "Ödeme yöntemi açıklamasını girin",
"domain": "Alan Adı",
"domainPlaceholder": "isteğe bağlı, örn. {example}",
"edit": "Düzenle",
"editPayment": "Ödeme Yöntemini Düzenle",
"enable": "Etkinleştir",
"enableDescription": "Bu ödeme yöntemini etkinleştir",
"epay": {
"key": "ANAHTAR",
"pid": "PID",
"url": "URL"
},
"feeAmount": "Sabit Tutar",
"feeMode": "Ücretlendirme Modu",
"feeModeDescription": "Ekstra ücretin tahsilat yöntemi",
"feeModeItems": ["Ücretsiz", "Yüzde", "Sabit Tutar", "Her İkisi"],
"feePercent": "Yüzde Ücreti (isteğe bağlı)",
"feePercentDescription": "Sipariş tutarının üzerine eklenen ücret",
"fixedFee": "Sabit Ücret (isteğe bağlı)",
"fixedFeeDescription": "Sipariş tutarına ek olarak sabit ücret eklenir",
"iconUrl": "Simge URL'si (isteğe bağlı)",
"iconUrlDescription": "Ön uçta görüntüleme için kullanılır",
"inputPlaceholder": "Lütfen girin",
"key": "ANAHTAR",
"notifyUrl": "Özel bildirim alanı (isteğe bağlı)",
"notifyUrlDescription": "Ağ geçidi bildirimi bu alana gönderilecektir",
"payForRecommendations": "Öneriler için ödeme yap",
"pid": "PID",
"saveSuccess": "Başarıyla kaydedildi",
"showName": "Görünen Ad",
"showNameDescription": "Ön uçta görüntüleme için kullanılır",
"stripe": {
"publicKey": "GENEL ANAHTAR",
"secretKey": "GİZLİ ANAHTAR",
"webhookSecret": "WEBHOOK GİZLİ İMZA"
},
"url": "URL",
"wechatPay": "WeChat Pay"
"handlingFee": "İşlem Ücreti",
"icon": "Simge",
"iconPlaceholder": "Simge URL'sini girin",
"mark": "Tanımlayıcı",
"markPlaceholder": "Ödeme yöntemi tanımlayıcısını girin",
"name": "İsim",
"namePlaceholder": "Ödeme yöntemi adını girin",
"nameRequired": "İsim gereklidir",
"noFee": "Ücret Yok",
"notify_url": "Bildirim URL'si",
"paymentManagement": "Ödeme Yönetimi",
"percentFee": "Yüzde",
"platform": "Platform",
"searchPlaceholder": "Arama terimlerini girin",
"selectPlatform": "Platform Seçin",
"selectType": "Ödeme türünü seçin",
"submit": "Gönder",
"type": "Tür",
"updateSuccess": "Başarıyla güncellendi"
}

84
apps/admin/locales/uk-UA/payment.json
View File

@ -1,44 +1,52 @@
{
"aliPay": "Оплата через Alipay",
"alipayf2f": {
"appId": "Ідентифікатор додатку Alipay",
"invoiceName": "Назва продукту на замовлення",
"invoiceNameDescription": "Буде відображено у рахунку Alipay",
"privateKey": "Приватний ключ Alipay",
"publicKey": "Публічний ключ Alipay",
"sandbox": "Режим пісочниці",
"sandboxDescription": "Увімкніть режим пісочниці для тестування платежів"
},
"AlipayF2F": "Alipay Face to Face",
"EPay": "EPay",
"Stripe": "Stripe",
"applyForPayment": "Подати заявку на оплату",
"balance": "Баланс",
"batchDelete": "Пакетне видалення",
"cancel": "Скасувати",
"config": "Налаштування",
"configInfo": "Інформація про налаштування",
"configPlaceholder": "Будь ласка, заповніть надану конфігурацію {field}",
"confirm": "Підтвердити",
"confirmDelete": "Підтвердити видалення",
"copy": "Копіювати",
"copySuccess": "Успішно скопійовано",
"create": "Додати спосіб оплати",
"createPayment": "Додати спосіб оплати",
"createSuccess": "Успішно створено",
"delete": "Видалити",
"deleteSuccess": "Успішно видалено",
"deleteWarning": "Ви впевнені, що хочете видалити цей спосіб оплати? Цю дію не можна скасувати.",
"description": "Опис",
"descriptionPlaceholder": "Введіть опис способу оплати",
"domain": "Домен",
"domainPlaceholder": "необов'язково, наприклад, {example}",
"edit": "Редагувати",
"editPayment": "Редагувати спосіб оплати",
"enable": "Увімкнути",
"enableDescription": "Увімкнути цей спосіб оплати",
"epay": {
"key": "КЛЮЧ",
"pid": "PID",
"url": "URL"
},
"feeAmount": "Фіксована сума",
"feeMode": "Спосіб оплати",
"feeModeDescription": "Спосіб стягнення додаткової комісії",
"feeModeItems": ["Без комісії", "Відсоток", "Фіксована сума", "Обидва варіанти"],
"feePercent": "Відсоткова комісія (необов'язково)",
"feePercentDescription": "Додати комісію до суми замовлення",
"fixedFee": "Фіксована плата (необов'язково)",
"fixedFeeDescription": "Додати фіксовану плату до суми замовлення",
"iconUrl": "URL значка (необов'язково)",
"iconUrlDescription": "Використовується для відображення на фронтенді",
"inputPlaceholder": "Введіть, будь ласка",
"key": "КЛЮЧ",
"notifyUrl": "Користувацька область сповіщень (необов'язково)",
"notifyUrlDescription": "Сповіщення шлюзу буде надіслано на цей домен",
"payForRecommendations": "Оплатити рекомендації",
"pid": "PID",
"saveSuccess": "Збережено успішно",
"showName": "Показати ім'я",
"showNameDescription": "Використовується для відображення на фронтенді",
"stripe": {
"publicKey": "ПУБЛІЧНИЙ КЛЮЧ",
"secretKey": "СЕКРЕТНИЙ КЛЮЧ",
"webhookSecret": "ПІДПИС ВЕБХУКА"
},
"url": "URL",
"wechatPay": "WeChat Pay"
"handlingFee": "Плата за обробку",
"icon": "Іконка",
"iconPlaceholder": "Введіть URL іконки",
"mark": "Ідентифікатор",
"markPlaceholder": "Введіть ідентифікатор способу оплати",
"name": "Назва",
"namePlaceholder": "Введіть назву способу оплати",
"nameRequired": "Назва є обов'язковою",
"noFee": "Без комісії",
"notify_url": "URL сповіщення",
"paymentManagement": "Управління платежами",
"percentFee": "Відсоток",
"platform": "Платформа",
"searchPlaceholder": "Введіть пошукові терміни",
"selectPlatform": "Виберіть платформу",
"selectType": "Виберіть тип оплати",
"submit": "Надіслати",
"type": "Тип",
"updateSuccess": "Успішно оновлено"
}

84
apps/admin/locales/vi-VN/payment.json
View File

@ -1,44 +1,52 @@
{
"aliPay": "Thanh toán qua Alipay",
"alipayf2f": {
"appId": "ID ứng dụng Alipay",
"invoiceName": "Tên sản phẩm tùy chỉnh",
"invoiceNameDescription": "Sẽ hiển thị trên hóa đơn Alipay",
"privateKey": "Khóa riêng Alipay",
"publicKey": "Khóa công khai Alipay",
"sandbox": "Chế độ sandbox",
"sandboxDescription": "Kích hoạt chế độ sandbox để kiểm tra thanh toán"
},
"AlipayF2F": "Alipay Gặp Mặt",
"EPay": "EPay",
"Stripe": "Stripe",
"applyForPayment": "Đăng Ký Thanh Toán",
"balance": "Số Dư",
"batchDelete": "Xóa Theo Lô",
"cancel": "Hủy",
"config": "Cấu Hình",
"configInfo": "Thông Tin Cấu Hình",
"configPlaceholder": "Vui lòng điền vào cấu hình {field} đã cung cấp",
"confirm": "Xác Nhận",
"confirmDelete": "Xác Nhận Xóa",
"copy": "Sao Chép",
"copySuccess": "Sao chép thành công",
"create": "Thêm Phương Thức Thanh Toán",
"createPayment": "Thêm Phương Thức Thanh Toán",
"createSuccess": "Tạo thành công",
"delete": "Xóa",
"deleteSuccess": "Xóa thành công",
"deleteWarning": "Bạn có chắc chắn muốn xóa phương thức thanh toán này không? Hành động này không thể hoàn tác.",
"description": "Mô tả",
"descriptionPlaceholder": "Nhập mô tả phương thức thanh toán",
"domain": "Miền",
"domainPlaceholder": "tùy chọn, ví dụ: {example}",
"edit": "Chỉnh Sửa",
"editPayment": "Chỉnh Sửa Phương Thức Thanh Toán",
"enable": "Kích hoạt",
"enableDescription": "Kích hoạt phương thức thanh toán này",
"epay": {
"key": "KHÓA",
"pid": "PID",
"url": "URL"
},
"feeAmount": "Số Tiền Cố Định",
"feeMode": "Phương thức tính phí",
"feeModeDescription": "Cách tính phí bổ sung",
"feeModeItems": ["Không phí dịch vụ", "Phần trăm", "Số tiền cố định", "Hai loại trên"],
"feePercent": "Phí phần trăm (tùy chọn)",
"feePercentDescription": "Thêm phí trên số tiền đơn hàng",
"fixedFee": "Phí cố định (tùy chọn)",
"fixedFeeDescription": "Thêm phí cố định vào trên số tiền đơn hàng",
"iconUrl": "URL biểu tượng (tùy chọn)",
"iconUrlDescription": "Dùng để hiển thị phía trước",
"inputPlaceholder": "Vui lòng nhập",
"key": "KEY",
"notifyUrl": "Miền thông báo tùy chỉnh (tùy chọn)",
"notifyUrlDescription": "Thông báo cổng sẽ được gửi đến miền này",
"payForRecommendations": "Thanh toán cho đề xuất",
"pid": "PID",
"saveSuccess": "Lưu thành công",
"showName": "Hiển thị tên",
"showNameDescription": "Dùng để hiển thị phía trước",
"stripe": {
"publicKey": "KHÓA CÔNG KHAI",
"secretKey": "KHÓA BÍ MẬT",
"webhookSecret": "CHỮ KÝ KHÓA WEBHOOK"
},
"url": "URL",
"wechatPay": "Thanh toán WeChat"
"handlingFee": "Phí Xử Lý",
"icon": "Biểu Tượng",
"iconPlaceholder": "Nhập URL biểu tượng",
"mark": "Định Danh",
"markPlaceholder": "Nhập định danh phương thức thanh toán",
"name": "Tên",
"namePlaceholder": "Nhập tên phương thức thanh toán",
"nameRequired": "Tên là bắt buộc",
"noFee": "Không Có Phí",
"notify_url": "URL Thông Báo",
"paymentManagement": "Quản Lý Thanh Toán",
"percentFee": "Phần Trăm",
"platform": "Nền Tảng",
"searchPlaceholder": "Nhập từ khóa tìm kiếm",
"selectPlatform": "Chọn Nền Tảng",
"selectType": "Chọn loại thanh toán",
"submit": "Gửi",
"type": "Loại",
"updateSuccess": "Cập nhật thành công"
}

88
apps/admin/locales/zh-CN/payment.json
View File

@ -1,44 +1,52 @@
{
"aliPay": "支付宝支付",
"alipayf2f": {
"appId": "支付宝应用ID",
"invoiceName": "自定义产品名称",
"invoiceNameDescription": "将显示在支付宝账单中",
"privateKey": "支付宝私钥",
"publicKey": "支付宝公钥",
"sandbox": "沙箱模式",
"sandboxDescription": "启用沙箱模式以测试支付"
},
"AlipayF2F": "支付宝面对面",
"EPay": "电子支付",
"Stripe": "Stripe",
"applyForPayment": "申请付款",
"balance": "余额",
"batchDelete": "批量删除",
"cancel": "取消",
"config": "配置",
"configInfo": "配置信息",
"configPlaceholder": "请填写提供的 {field} 配置",
"confirm": "确认",
"confirmDelete": "确认删除",
"copy": "复制",
"copySuccess": "复制成功",
"create": "添加支付方式",
"createPayment": "添加支付方式",
"createSuccess": "创建成功",
"delete": "删除",
"deleteSuccess": "删除成功",
"deleteWarning": "您确定要删除此支付方式吗？此操作无法撤销。",
"description": "描述",
"descriptionPlaceholder": "输入支付方式描述",
"domain": "域名",
"domainPlaceholder": "可选，例如 {example}",
"edit": "编辑",
"editPayment": "编辑支付方式",
"enable": "启用",
"enableDescription": "启用此支付方式",
"epay": {
"key": "KEY",
"pid": "PID",
"url": "URL"
},
"feeAmount": "固定金额",
"feeMode": "收费方式",
"feeModeDescription": "额外手续费的收费方式",
"feeModeItems": ["无手续费", "百分比", "固定金额", "以上两种"],
"feePercent": "百分比费用（可选）",
"feePercentDescription": "在订单金额之上添加费用",
"fixedFee": "固定费用（可选）",
"fixedFeeDescription": "在订单金额之上添加固定费用",
"iconUrl": "图标 URL（可选）",
"iconUrlDescription": "用于前端显示",
"inputPlaceholder": "请输入",
"key": "KEY",
"notifyUrl": "自定义通知域（可选）",
"notifyUrlDescription": "网关通知将发送到此域",
"payForRecommendations": "支付推荐",
"pid": "PID",
"saveSuccess": "保存成功",
"showName": "显示名称",
"showNameDescription": "用于前端显示",
"stripe": {
"publicKey": "PUBLIC KEY",
"secretKey": "SECRET KEY",
"webhookSecret": "WEBHOOK 密钥签名"
},
"url": "URL",
"wechatPay": "微信支付"
"feePercent": "百分比费用",
"fixedFee": "固定费用",
"handlingFee": "手续费",
"icon": "图标",
"iconPlaceholder": "输入图标 URL",
"mark": "标识符",
"markPlaceholder": "输入支付方式标识符",
"name": "名称",
"namePlaceholder": "输入支付方式名称",
"nameRequired": "名称是必填项",
"noFee": "无费用",
"notify_url": "通知网址",
"paymentManagement": "支付管理",
"percentFee": "百分比",
"platform": "平台",
"searchPlaceholder": "输入搜索词",
"selectPlatform": "选择平台",
"selectType": "选择支付类型",
"submit": "提交",
"type": "类型",
"updateSuccess": "更新成功"
}

84
apps/admin/locales/zh-HK/payment.json
View File

@ -1,44 +1,52 @@
{
"aliPay": "支付寶支付",
"alipayf2f": {
"appId": "支付寶應用ID",
"invoiceName": "自訂產品名稱",
"invoiceNameDescription": "將顯示在支付寶賬單中",
"privateKey": "支付寶私鑰",
"publicKey": "支付寶公鑰",
"sandbox": "沙箱模式",
"sandboxDescription": "啟用沙箱模式以測試支付"
},
"AlipayF2F": "支付寶面對面",
"EPay": "電子支付",
"Stripe": "Stripe",
"applyForPayment": "申請付款",
"balance": "餘額",
"batchDelete": "批量刪除",
"cancel": "取消",
"config": "配置",
"configInfo": "配置資訊",
"configPlaceholder": "請填寫提供的 {field} 配置",
"confirm": "確認",
"confirmDelete": "確認刪除",
"copy": "複製",
"copySuccess": "複製成功",
"create": "新增付款方式",
"createPayment": "新增付款方式",
"createSuccess": "創建成功",
"delete": "刪除",
"deleteSuccess": "刪除成功",
"deleteWarning": "您確定要刪除此付款方式嗎？此操作無法撤銷。",
"description": "描述",
"descriptionPlaceholder": "輸入付款方式描述",
"domain": "域名",
"domainPlaceholder": "可選，例如 {example}",
"edit": "編輯",
"editPayment": "編輯付款方式",
"enable": "啟用",
"enableDescription": "啟用此支付方式",
"epay": {
"key": "KEY",
"pid": "PID",
"url": "URL"
},
"feeAmount": "固定金額",
"feeMode": "收費方式",
"feeModeDescription": "額外手續費的收費方式",
"feeModeItems": ["無手續費", "百分比", "固定金額", "以上兩種"],
"feePercent": "百分比費用（可選）",
"feePercentDescription": "在訂單金額之上添加費用",
"fixedFee": "固定費用（可選）",
"fixedFeeDescription": "在訂單金額之上添加固定費用",
"iconUrl": "圖示 URL（可選）",
"iconUrlDescription": "用於前端顯示",
"inputPlaceholder": "請輸入",
"key": "KEY",
"notifyUrl": "自訂通知域（可選）",
"notifyUrlDescription": "閘道通知將發送到此網域",
"payForRecommendations": "支付推薦",
"pid": "PID",
"saveSuccess": "儲存成功",
"showName": "顯示名稱",
"showNameDescription": "用於前端顯示",
"stripe": {
"publicKey": "PUBLIC KEY",
"secretKey": "SECRET KEY",
"webhookSecret": "WEBHOOK 密鑰簽名"
},
"url": "URL",
"wechatPay": "微信支付"
"handlingFee": "手續費",
"icon": "圖標",
"iconPlaceholder": "輸入圖標網址",
"mark": "標識",
"markPlaceholder": "輸入付款方式標識",
"name": "名稱",
"namePlaceholder": "輸入付款方式名稱",
"nameRequired": "名稱為必填",
"noFee": "無費用",
"notify_url": "通知網址",
"paymentManagement": "付款管理",
"percentFee": "百分比",
"platform": "平台",
"searchPlaceholder": "輸入搜索詞",
"selectPlatform": "選擇平台",
"selectType": "選擇付款類型",
"submit": "提交",
"type": "類型",
"updateSuccess": "更新成功"
}

131
apps/admin/services/admin/payment.ts
View File

@ -2,20 +2,12 @@
/* eslint-disable */
import request from '@/utils/request';
/** Get alipay f2f payment config GET /v1/admin/payment/alipay_f2f */
export async function getAlipayF2FPaymentConfig(options?: { [key: string]: any }) {
return request<API.Response & { data?: API.PaymentConfig }>('/v1/admin/payment/alipay_f2f', {
method: 'GET',
...(options || {}),
});
}
/** Update alipay f2f payment config PUT /v1/admin/payment/alipay_f2f */
export async function updateAlipayF2FPaymentConfig(
body: API.UpdateAlipayF2fRequest,
/** Update Payment Method PUT /v1/admin/payment/ */
export async function updatePaymentMethod(
body: API.UpdatePaymentMethodRequest,
options?: { [key: string]: any },
) {
return request<API.Response & { data?: any }>('/v1/admin/payment/alipay_f2f', {
return request<API.Response & { data?: API.PaymentConfig }>('/v1/admin/payment/', {
method: 'PUT',
headers: {
'Content-Type': 'application/json',
@ -25,85 +17,58 @@ export async function updateAlipayF2FPaymentConfig(
});
}
/** Get all payment config GET /v1/admin/payment/all */
export async function getAllPaymentConfig(options?: { [key: string]: any }) {
return request<API.Response & { data?: API.GetAllPaymentConfigResponse }>(
'/v1/admin/payment/all',
/** Create Payment Method POST /v1/admin/payment/ */
export async function createPaymentMethod(
body: API.CreatePaymentMethodRequest,
options?: { [key: string]: any },
) {
return request<API.Response & { data?: API.PaymentConfig }>('/v1/admin/payment/', {
method: 'POST',
headers: {
'Content-Type': 'application/json',
},
data: body,
...(options || {}),
});
}
/** Delete Payment Method DELETE /v1/admin/payment/ */
export async function deletePaymentMethod(
body: API.DeletePaymentMethodRequest,
options?: { [key: string]: any },
) {
return request<API.Response & { data?: any }>('/v1/admin/payment/', {
method: 'DELETE',
headers: {
'Content-Type': 'application/json',
},
data: body,
...(options || {}),
});
}
/** Get Payment Method List GET /v1/admin/payment/list */
export async function getPaymentMethodList(
// 叠加生成的Param类型 (非body参数swagger默认没有生成对象)
params: API.GetPaymentMethodListParams,
options?: { [key: string]: any },
) {
return request<API.Response & { data?: API.GetPaymentMethodListResponse }>(
'/v1/admin/payment/list',
{
method: 'GET',
params: {
...params,
},
...(options || {}),
},
);
}
/** Get epay payment config GET /v1/admin/payment/epay */
export async function getEpayPaymentConfig(options?: { [key: string]: any }) {
return request<API.Response & { data?: API.PaymentConfig }>('/v1/admin/payment/epay', {
/** Get supported payment platform GET /v1/admin/payment/platform */
export async function getPaymentPlatform(options?: { [key: string]: any }) {
return request<API.Response & { data?: API.PlatformResponse }>('/v1/admin/payment/platform', {
method: 'GET',
...(options || {}),
});
}
/** Update epay payment config PUT /v1/admin/payment/epay */
export async function updateEpayPaymentConfig(
body: API.UpdateEpayRequest,
options?: { [key: string]: any },
) {
return request<API.Response & { data?: any }>('/v1/admin/payment/epay', {
method: 'PUT',
headers: {
'Content-Type': 'application/json',
},
data: body,
...(options || {}),
});
}
/** Get stripe alipay payment config GET /v1/admin/payment/stripe_alipay */
export async function getStripeAlipayPaymentConfig(options?: { [key: string]: any }) {
return request<API.Response & { data?: API.PaymentConfig }>('/v1/admin/payment/stripe_alipay', {
method: 'GET',
...(options || {}),
});
}
/** Update stripe alipay payment config PUT /v1/admin/payment/stripe_alipay */
export async function updateStripeAlipayPaymentConfig(
body: API.UpdateStripeRequest,
options?: { [key: string]: any },
) {
return request<API.Response & { data?: any }>('/v1/admin/payment/stripe_alipay', {
method: 'PUT',
headers: {
'Content-Type': 'application/json',
},
data: body,
...(options || {}),
});
}
/** Get stripe wechat pay payment config GET /v1/admin/payment/stripe_wechat_pay */
export async function getStripeWeChatPayPaymentConfig(options?: { [key: string]: any }) {
return request<API.Response & { data?: API.PaymentConfig }>(
'/v1/admin/payment/stripe_wechat_pay',
{
method: 'GET',
...(options || {}),
},
);
}
/** Update stripe wechat pay payment config PUT /v1/admin/payment/stripe_wechat_pay */
export async function updateStripeWeChatPayPaymentConfig(
body: API.UpdateStripeRequest,
options?: { [key: string]: any },
) {
return request<API.Response & { data?: any }>('/v1/admin/payment/stripe_wechat_pay', {
method: 'PUT',
headers: {
'Content-Type': 'application/json',
},
data: body,
...(options || {}),
});
}

203
apps/admin/services/admin/typings.d.ts vendored
View File

@ -13,12 +13,8 @@ declare namespace API {
updated_at: number;
};
type AlipayF2FConfig = {
app_id: string;
private_key: string;
public_key: string;
invoice_name: string;
sandbox: boolean;
type AlipayNotifyResponse = {
return_code: string;
};
type Announcement = {
@ -120,17 +116,6 @@ declare namespace API {
ids: number[];
};
type CheckoutOrderRequest = {
orderNo: string;
returnUrl?: string;
};
type CheckoutOrderResponse = {
type: string;
checkout_url?: string;
stripe?: StripePayment;
};
type CloseOrderRequest = {
orderNo: string;
};
@ -239,12 +224,25 @@ declare namespace API {
coupon_discount?: number;
commission: number;
fee_amount: number;
method?: string;
payment_id: number;
trade_no?: string;
status?: number;
subscribe_id?: number;
};
type CreatePaymentMethodRequest = {
name: string;
platform: string;
description: string;
icon?: string;
domain?: string;
config: Record<string, any>;
fee_mode: number;
fee_percent?: number;
fee_amount?: number;
enable: boolean;
};
type CreateRuleGroupRequest = {
name: string;
icon: string;
@ -352,6 +350,10 @@ declare namespace API {
id: number;
};
type DeletePaymentMethodRequest = {
id: number;
};
type DeleteRuleGroupRequest = {
id: number;
};
@ -398,10 +400,17 @@ declare namespace API {
domain_suffix_list: string;
};
type EpayConfig = {
pid: string;
url: string;
key: string;
type EPayNotifyRequest = {
pid: number;
trade_no: string;
out_trade_no: string;
type: string;
name: string;
money: string;
trade_status: string;
param: string;
sign: string;
sign_type: string;
};
type Follow = {
@ -440,10 +449,6 @@ declare namespace API {
list: Ads[];
};
type GetAllPaymentConfigResponse = {
list: PaymentConfig[];
};
type GetAnnouncementListParams = {
page: number;
size: number;
@ -488,7 +493,7 @@ declare namespace API {
};
type GetAvailablePaymentMethodsResponse = {
list: PaymentConfig[];
list: PaymentMethod[];
};
type GetCouponListParams = {
@ -625,6 +630,27 @@ declare namespace API {
list: Order[];
};
type GetPaymentMethodListParams = {
page: number;
size: number;
platform?: string;
search?: string;
enable?: boolean;
};
type GetPaymentMethodListRequest = {
page: number;
size: number;
platform?: string;
search?: string;
enable?: boolean;
};
type GetPaymentMethodListResponse = {
total: number;
list: PaymentMethodDetail[];
};
type GetRuleGroupResponse = {
total: number;
list: ServerRuleGroup[];
@ -797,6 +823,8 @@ declare namespace API {
size: number;
user_id: number;
subscribe_id: number;
start_time: number;
end_time: number;
};
type GetUserSubscribeTrafficLogsRequest = {
@ -804,6 +832,8 @@ declare namespace API {
size: number;
user_id: number;
subscribe_id: number;
start_time: number;
end_time: number;
};
type GetUserSubscribeTrafficLogsResponse = {
@ -891,7 +921,7 @@ declare namespace API {
coupon: string;
coupon_discount: number;
commission?: number;
method: string;
payment: PaymentMethod;
fee_amount: number;
trade_no: string;
status: number;
@ -913,6 +943,7 @@ declare namespace API {
coupon: string;
coupon_discount: number;
commission?: number;
payment: PaymentMethod;
method: string;
fee_amount: number;
trade_no: string;
@ -934,7 +965,8 @@ declare namespace API {
type PaymentConfig = {
id: number;
name: string;
mark: string;
platform: string;
description: string;
icon?: string;
domain?: string;
config: Record<string, any>;
@ -944,6 +976,32 @@ declare namespace API {
enable: boolean;
};
type PaymentMethod = {
id: number;
name: string;
platform: string;
description: string;
icon: string;
fee_mode: number;
fee_percent: number;
fee_amount: number;
};
type PaymentMethodDetail = {
id: number;
name: string;
platform: string;
description: string;
icon: string;
domain: string;
config: Record<string, any>;
fee_mode: number;
fee_percent: number;
fee_amount: number;
enable: boolean;
notify_url: string;
};
type PlatformInfo = {
platform: string;
platform_url: string;
@ -986,7 +1044,7 @@ declare namespace API {
type PurchaseOrderRequest = {
subscribe_id: number;
quantity: number;
payment: string;
payment: number;
coupon?: string;
};
@ -1029,9 +1087,24 @@ declare namespace API {
list: OrderDetail[];
};
type QuerySubscribeGroupListResponse = {
list: SubscribeGroup[];
total: number;
};
type QuerySubscribeListResponse = {
list: Subscribe[];
total: number;
};
type QueryUserAffiliateListResponse = {
list: UserAffiliate[];
total: number;
};
type RechargeOrderRequest = {
amount: number;
payment: string;
payment: number;
};
type RechargeOrderResponse = {
@ -1052,7 +1125,7 @@ declare namespace API {
type RenewalOrderRequest = {
user_subscribe_id: number;
quantity: number;
payment: string;
payment: number;
coupon?: string;
};
@ -1062,7 +1135,7 @@ declare namespace API {
type ResetTrafficOrderRequest = {
user_subscribe_id: number;
payment: string;
payment: number;
};
type ResetTrafficOrderResponse = {
@ -1187,13 +1260,6 @@ declare namespace API {
sort: number;
};
type StripeConfig = {
public_key: string;
secret_key: string;
webhook_secret: string;
payment: string;
};
type StripePayment = {
method: string;
client_secret: string;
@ -1365,19 +1431,6 @@ declare namespace API {
status: number;
};
type UpdateAlipayF2fRequest = {
id: number;
name: string;
mark: string;
icon?: string;
domain?: string;
config: AlipayF2FConfig;
fee_mode: number;
fee_percent?: number;
fee_amount?: number;
enable: boolean;
};
type UpdateAnnouncementEnableRequest = {
id: number;
enable: boolean;
@ -1441,19 +1494,6 @@ declare namespace API {
show: boolean;
};
type UpdateEpayRequest = {
id: number;
name: string;
mark: string;
icon?: string;
domain?: string;
config: EpayConfig;
fee_mode: number;
fee_percent?: number;
fee_amount?: number;
enable: boolean;
};
type UpdateNodeGroupRequest = {
id: number;
name: string;
@ -1481,10 +1521,24 @@ declare namespace API {
type UpdateOrderStatusRequest = {
id: number;
status: number;
method?: string;
payment_id?: number;
trade_no?: string;
};
type UpdatePaymentMethodRequest = {
id: number;
name: string;
platform: string;
description: string;
icon?: string;
domain?: string;
config: Record<string, any>;
fee_mode: number;
fee_percent?: number;
fee_amount?: number;
enable: boolean;
};
type UpdateRuleGroupRequest = {
id: number;
name: string;
@ -1493,19 +1547,6 @@ declare namespace API {
enable: boolean;
};
type UpdateStripeRequest = {
id: number;
name: string;
mark: string;
icon?: string;
domain?: string;
config: StripeConfig;
fee_mode: number;
fee_percent?: number;
fee_amount?: number;
enable: boolean;
};
type UpdateSubscribeGroupRequest = {
id: number;
name: string;
@ -1603,8 +1644,8 @@ declare namespace API {
};
type UserAffiliate = {
email: string;
avatar: string;
identifier: string;
registered_at: number;
enable: boolean;
};

26
apps/admin/services/common/common.ts
View File

@ -2,6 +2,21 @@
/* eslint-disable */
import request from '@/utils/request';
/** Get Ads GET /v1/common/ads */
export async function getAds(
// 叠加生成的Param类型 (非body参数swagger默认没有生成对象)
params: API.GetAdsParams,
options?: { [key: string]: any },
) {
return request<API.Response & { data?: API.GetAdsResponse }>('/v1/common/ads', {
method: 'GET',
params: {
...params,
},
...(options || {}),
});
}
/** Get Tos Content GET /v1/common/application */
export async function getApplication(options?: { [key: string]: any }) {
return request<API.Response & { data?: API.GetAppcationResponse }>('/v1/common/application', {
@ -58,17 +73,6 @@ export async function getStat(options?: { [key: string]: any }) {
});
}
/** Get Subscription GET /v1/common/site/subscribe */
export async function getSubscription(options?: { [key: string]: any }) {
return request<API.Response & { data?: API.GetSubscriptionResponse }>(
'/v1/common/site/subscribe',
{
method: 'GET',
...(options || {}),
},
);
}
/** Get Tos Content GET /v1/common/site/tos */
export async function getTos(options?: { [key: string]: any }) {
return request<API.Response & { data?: API.GetTosResponse }>('/v1/common/site/tos', {

130
apps/admin/services/common/typings.d.ts vendored
View File

@ -13,6 +13,10 @@ declare namespace API {
updated_at: number;
};
type AlipayNotifyResponse = {
return_code: string;
};
type Announcement = {
id: number;
title: string;
@ -90,17 +94,6 @@ declare namespace API {
enabled: boolean;
};
type CheckoutOrderRequest = {
orderNo: string;
returnUrl?: string;
};
type CheckoutOrderResponse = {
type: string;
checkout_url?: string;
stripe?: StripePayment;
};
type CheckUserParams = {
email: string;
};
@ -160,6 +153,19 @@ declare namespace API {
domain_suffix_list: string;
};
type EPayNotifyRequest = {
pid: number;
trade_no: string;
out_trade_no: string;
type: string;
name: string;
money: string;
trade_status: string;
param: string;
sign: string;
sign_type: string;
};
type Follow = {
id: number;
ticket_id: number;
@ -169,13 +175,27 @@ declare namespace API {
created_at: number;
};
type GetAdsParams = {
device: string;
position: string;
};
type GetAdsRequest = {
device: string;
position: string;
};
type GetAdsResponse = {
list: Ads[];
};
type GetAppcationResponse = {
config: ApplicationConfig;
applications: ApplicationResponseInfo[];
};
type GetAvailablePaymentMethodsResponse = {
list: PaymentConfig[];
list: PaymentMethod[];
};
type GetGlobalConfigResponse = {
@ -187,6 +207,7 @@ declare namespace API {
subscribe: SubscribeConfig;
verify_code: PubilcVerifyCodeConfig;
oauth_methods: string[];
web_ad: boolean;
};
type GetStatResponse = {
@ -196,14 +217,24 @@ declare namespace API {
protocol: string[];
};
type GetSubscriptionResponse = {
list: Subscribe[];
};
type GetTosResponse = {
tos_content: string;
};
type GetUserSubscribeTrafficLogsRequest = {
page: number;
size: number;
user_id: number;
subscribe_id: number;
start_time: number;
end_time: number;
};
type GetUserSubscribeTrafficLogsResponse = {
list: TrafficLog[];
total: number;
};
type GoogleLoginCallbackRequest = {
code: string;
state: string;
@ -297,7 +328,7 @@ declare namespace API {
coupon: string;
coupon_discount: number;
commission?: number;
method: string;
payment: PaymentMethod;
fee_amount: number;
trade_no: string;
status: number;
@ -319,6 +350,7 @@ declare namespace API {
coupon: string;
coupon_discount: number;
commission?: number;
payment: PaymentMethod;
method: string;
fee_amount: number;
trade_no: string;
@ -332,7 +364,8 @@ declare namespace API {
type PaymentConfig = {
id: number;
name: string;
mark: string;
platform: string;
description: string;
icon?: string;
domain?: string;
config: Record<string, any>;
@ -342,6 +375,42 @@ declare namespace API {
enable: boolean;
};
type PaymentMethod = {
id: number;
name: string;
platform: string;
description: string;
icon: string;
fee_mode: number;
fee_percent: number;
fee_amount: number;
};
type PaymentMethodDetail = {
id: number;
name: string;
platform: string;
description: string;
icon: string;
domain: string;
config: Record<string, any>;
fee_mode: number;
fee_percent: number;
fee_amount: number;
enable: boolean;
notify_url: string;
};
type PlatformInfo = {
platform: string;
platform_url: string;
platform_field_description: Record<string, any>;
};
type PlatformResponse = {
list: PlatformInfo[];
};
type PreOrderResponse = {
price: number;
amount: number;
@ -374,7 +443,7 @@ declare namespace API {
type PurchaseOrderRequest = {
subscribe_id: number;
quantity: number;
payment: string;
payment: number;
coupon?: string;
};
@ -417,9 +486,24 @@ declare namespace API {
list: OrderDetail[];
};
type QuerySubscribeGroupListResponse = {
list: SubscribeGroup[];
total: number;
};
type QuerySubscribeListResponse = {
list: Subscribe[];
total: number;
};
type QueryUserAffiliateListResponse = {
list: UserAffiliate[];
total: number;
};
type RechargeOrderRequest = {
amount: number;
payment: string;
payment: number;
};
type RechargeOrderResponse = {
@ -440,7 +524,7 @@ declare namespace API {
type RenewalOrderRequest = {
user_subscribe_id: number;
quantity: number;
payment: string;
payment: number;
coupon?: string;
};
@ -457,7 +541,7 @@ declare namespace API {
type ResetTrafficOrderRequest = {
user_subscribe_id: number;
payment: string;
payment: number;
};
type ResetTrafficOrderResponse = {
@ -737,8 +821,8 @@ declare namespace API {
};
type UserAffiliate = {
email: string;
avatar: string;
identifier: string;
registered_at: number;
enable: boolean;
};

1
apps/user/.env.template
View File

@ -4,6 +4,7 @@ NEXT_PUBLIC_DEFAULT_LANGUAGE=en-US
# Site URL and API URL
NEXT_PUBLIC_SITE_URL=https://user.ppanel.dev
NEXT_PUBLIC_API_URL=https://api.ppanel.dev
NEXT_PUBLIC_CDN_URL=https://cdn.jsdelivr.net
# Home Page Settings
NEXT_PUBLIC_HOME_USER_COUNT=999

37
apps/user/app/(main)/(user)/dashboard/content.tsx
View File

@ -32,8 +32,7 @@ import { Card, CardContent, CardHeader, CardTitle } from '@workspace/ui/componen
import { Separator } from '@workspace/ui/components/separator';
import { Tabs, TabsList, TabsTrigger } from '@workspace/ui/components/tabs';
import { Icon } from '@workspace/ui/custom-components/icon';
import { formatDate, isBrowser } from '@workspace/ui/utils';
import { differenceInDays } from 'date-fns';
import { differenceInDays, formatDate, isBrowser } from '@workspace/ui/utils';
import { useTranslations } from 'next-intl';
import Image from 'next/image';
import Link from 'next/link';
@ -58,7 +57,11 @@ export default function Content() {
const [protocol, setProtocol] = useState('');
const { data: userSubscribe = [], refetch } = useQuery({
const {
data: userSubscribe = [],
refetch,
isLoading,
} = useQuery({
queryKey: ['queryUserSubscribe'],
queryFn: async () => {
const { data } = await queryUserSubscribe();
@ -89,10 +92,27 @@ export default function Content() {
<>
{userSubscribe.length ? (
<>
<h2 className='flex items-center gap-1.5 font-semibold'>
<Icon icon='uil:servers' className='size-5' />
{t('mySubscriptions')}
</h2>
<div className='flex items-center justify-between'>
<h2 className='flex items-center gap-1.5 font-semibold'>
<Icon icon='uil:servers' className='size-5' />
{t('mySubscriptions')}
</h2>
<div className='flex gap-2'>
<Button
size='sm'
variant='outline'
onClick={() => {
refetch();
}}
className={isLoading ? 'animate-pulse' : ''}
>
<Icon icon='uil:sync' />
</Button>
<Button size='sm' asChild>
<Link href='/subscribe'>{t('purchaseSubscription')}</Link>
</Button>
</div>
</div>
<div className='flex flex-wrap justify-between gap-4'>
<Tabs
value={platform}
@ -206,12 +226,13 @@ export default function Content() {
<span className='text-2xl font-semibold'>
{item.reset_time
? differenceInDays(new Date(item.reset_time), new Date())
: t('unknown')}
: t('noReset')}
</span>
</li>
<li>
<span className='text-muted-foreground'>{t('expirationDays')}</span>
<span className='text-2xl font-semibold'>
{}
{item.expire_time
? differenceInDays(new Date(item.expire_time), new Date()) || t('unknown')
: t('noLimit')}

25
apps/user/app/(main)/(user)/payment/page.tsx
View File

@ -1,10 +1,12 @@
'use client';
import { Display } from '@/components/display';
import StripePayment from '@/components/payment/stripe';
import { SubscribeBilling } from '@/components/subscribe/billing';
import { SubscribeDetail } from '@/components/subscribe/detail';
import useGlobalStore from '@/config/use-global';
import { checkoutOrder, queryOrderDetail } from '@/services/user/order';
import { queryOrderDetail } from '@/services/user/order';
import { purchaseCheckout } from '@/services/user/portal';
import { useQuery } from '@tanstack/react-query';
import { Badge } from '@workspace/ui/components/badge';
import { Button } from '@workspace/ui/components/button';
@ -24,7 +26,6 @@ import { useTranslations } from 'next-intl';
import Link from 'next/link';
import { QRCodeCanvas } from 'qrcode.react';
import { useEffect, useState } from 'react';
import StripePayment from './stripe';
export default function Page() {
const t = useTranslations('order');
@ -48,9 +49,15 @@ export default function Page() {
const { data: payment } = useQuery({
enabled: !!orderNo && data?.status === 1,
queryKey: ['checkoutOrder', orderNo],
queryKey: ['purchaseCheckout', orderNo],
queryFn: async () => {
const { data } = await checkoutOrder({ orderNo: orderNo!, returnUrl: window.location.href });
const { data } = await purchaseCheckout({
orderNo: orderNo!,
returnUrl: window.location.href,
});
if (data.data?.type === 'url' && data.data.checkout_url) {
window.open(data.data.checkout_url, '_blank');
}
return data?.data;
},
});
@ -99,7 +106,7 @@ export default function Page() {
<dl className='grid gap-3'>
<div className='flex items-center justify-between'>
<dt className='text-muted-foreground'>
{data?.method && <Badge>{t(`methods.${data?.method}`)}</Badge>}
<Badge>{data?.payment.name || data?.payment.platform}</Badge>
</dt>
</div>
</dl>
@ -169,7 +176,7 @@ export default function Page() {
</div>
</div>
)}
{data?.status === 1 && payment?.type === 'link' && (
{data?.status === 1 && payment?.type === 'url' && (
<div className='flex flex-col items-center gap-8 text-center'>
<h3 className='text-2xl font-bold tracking-tight'>{t('waitingForPayment')}</h3>
<p className='flex items-center text-3xl font-bold'>{countdownDisplay}</p>
@ -218,17 +225,17 @@ export default function Page() {
{data?.status === 1 && payment?.type === 'stripe' && (
<div className='flex flex-col items-center gap-8 text-center'>
<h3 className='text-2xl font-bold tracking-tight'>{t('scanToPay')}</h3>
<h3 className='text-2xl font-bold tracking-tight'>{t('waitingForPayment')}</h3>
<p className='flex items-center text-3xl font-bold'>{countdownDisplay}</p>
{payment.stripe && <StripePayment {...payment.stripe} />}
<div className='flex gap-4'>
{/* <div className='flex gap-4'>
<Button asChild>
<Link href='/subscribe'>{t('productList')}</Link>
</Button>
<Button asChild variant='outline'>
<Link href='/order'>{t('orderList')}</Link>
</Button>
</div>
</div> */}
</div>
)}

109
apps/user/app/(main)/(user)/payment/stripe.tsx
View File

@ -1,109 +0,0 @@
import { Elements, useStripe } from '@stripe/react-stripe-js';
import { loadStripe, PaymentIntentResult } from '@stripe/stripe-js';
import { QRCodeCanvas } from 'qrcode.react';
import React, { useCallback, useEffect, useMemo, useState } from 'react';
interface StripePaymentProps {
method: string;
client_secret: string;
publishable_key: string;
}
const StripePayment: React.FC<StripePaymentProps> = ({
method,
client_secret,
publishable_key,
}) => {
const stripePromise = useMemo(() => loadStripe(publishable_key), [publishable_key]);
return (
<Elements stripe={stripePromise}>
<CheckoutForm method={method} client_secret={client_secret} />
</Elements>
);
};
const CheckoutForm: React.FC<Omit<StripePaymentProps, 'publishable_key'>> = ({
client_secret,
method,
}) => {
const stripe = useStripe();
const [errorMessage, setErrorMessage] = useState<string | null>(null);
const [qrCodeUrl, setQrCodeUrl] = useState<string | null>(null);
const [isSubmitted, setIsSubmitted] = useState(false);
const handleError = useCallback((message: string) => {
setErrorMessage(message);
setIsSubmitted(false);
}, []);
const confirmPayment = useCallback(async (): Promise<PaymentIntentResult | null> => {
if (!stripe) {
handleError('Stripe.js is not loaded.');
return null;
}
if (method === 'alipay') {
return await stripe.confirmAlipayPayment(
client_secret,
{ return_url: window.location.href },
{ handleActions: false },
);
}
return await stripe.confirmWechatPayPayment(
client_secret,
{
payment_method_options: { wechat_pay: { client: 'web' } },
},
{ handleActions: false },
);
}, [client_secret, method, stripe, handleError]);
const autoSubmit = useCallback(async () => {
if (isSubmitted) return;
setIsSubmitted(true);
try {
const result = await confirmPayment();
if (!result) return;
const { error, paymentIntent } = result;
if (error) return handleError(error.message!);
if (paymentIntent?.status === 'requires_action') {
const nextAction = paymentIntent.next_action as any;
const qrUrl =
method === 'alipay'
? nextAction?.alipay_handle_redirect?.url
: nextAction?.wechat_pay_display_qr_code?.image_url_svg;
setQrCodeUrl(qrUrl || null);
}
} catch (error) {
handleError('An unexpected error occurred');
}
}, [confirmPayment, isSubmitted, handleError, method]);
useEffect(() => {
autoSubmit();
}, [autoSubmit]);
return qrCodeUrl ? (
<QRCodeCanvas
value={qrCodeUrl}
size={208}
imageSettings={{
src: `/payment/${method}.svg`,
width: 24,
height: 24,
excavate: true,
}}
/>
) : (
errorMessage
);
};
export default StripePayment;

4
apps/user/app/(main)/(user)/wallet/page.tsx
View File

@ -21,11 +21,11 @@ export default function Page() {
<>
<Card className='mb-4'>
<CardContent className='p-6'>
<h2 className='text-foreground mb-4 text-2xl font-bold'>{t('totalAssets')}</h2>
<h2 className='text-foreground mb-4 text-2xl font-bold'>{t('assetOverview')}</h2>
<div className='mb-4'>
<div className='flex items-center justify-between'>
<div>
<p className='text-sm font-medium'>总资产</p>
<p className='text-sm font-medium'>{t('totalAssets')}</p>
<p className='text-3xl font-bold'>
<Display type='currency' value={totalAssets} />
</p>

2
apps/user/app/(main)/page.tsx
View File

@ -1,6 +1,6 @@
import { GlobalMap } from '@/components/main/global-map';
import { Hero } from '@/components/main/hero';
import { ProductShowcase } from '@/components/main/product-showcase';
import { ProductShowcase } from '@/components/main/product-showcase/index';
import { Stats } from '@/components/main/stats';
export default function Home() {

221
apps/user/app/(main)/purchasing/content.tsx Normal file
View File

@ -0,0 +1,221 @@
'use client';
import { SubscribeBilling } from '@/components/subscribe/billing';
import CouponInput from '@/components/subscribe/coupon-input';
import { SubscribeDetail } from '@/components/subscribe/detail';
import DurationSelector from '@/components/subscribe/duration-selector';
import PaymentMethods from '@/components/subscribe/payment-methods';
import useGlobalStore from '@/config/use-global';
import { prePurchaseOrder, purchase } from '@/services/user/portal';
import { useQuery } from '@tanstack/react-query';
import { Button } from '@workspace/ui/components/button';
import { Card, CardContent, CardHeader } from '@workspace/ui/components/card';
import { Separator } from '@workspace/ui/components/separator';
import { EnhancedInput } from '@workspace/ui/custom-components/enhanced-input';
import { cn } from '@workspace/ui/lib/utils';
import { LoaderCircle } from 'lucide-react';
import { useTranslations } from 'next-intl';
import { useRouter } from 'next/navigation';
import { useCallback, useEffect, useState, useTransition } from 'react';
export default function Content({ subscription }: { subscription?: API.Subscribe }) {
const t = useTranslations('subscribe');
const { common } = useGlobalStore();
const router = useRouter();
const [params, setParams] = useState<API.PortalPurchaseRequest>({
quantity: 1,
subscribe_id: 0,
payment: -1,
coupon: '',
platform: 'email',
identifier: '',
password: '',
});
const [loading, startTransition] = useTransition();
const [isEmailValid, setIsEmailValid] = useState({
valid: false,
message: '',
});
const { data: order } = useQuery({
enabled: !!subscription?.id && !!params.payment,
queryKey: ['preCreateOrder', params.coupon, params.quantity, params.payment],
queryFn: async () => {
const { data } = await prePurchaseOrder({
...params,
subscribe_id: subscription?.id as number,
} as API.PrePurchaseOrderRequest);
return data.data;
},
});
useEffect(() => {
if (subscription) {
setParams((prev) => ({
...prev,
quantity: 1,
subscribe_id: subscription?.id,
}));
}
}, [subscription]);
const handleChange = useCallback((field: keyof typeof params, value: string | number) => {
setParams((prev) => ({
...prev,
[field]: value,
}));
}, []);
const handleSubmit = useCallback(async () => {
startTransition(async () => {
try {
const { data } = await purchase(params);
console.log(data);
const { order_no, check_url, type } = data.data!;
if (order_no) {
if (type === 'link') {
window.location.href = check_url!;
}
router.push(`/purchasing/order?order_no=${order_no}`);
}
} catch (error) {
console.log(error);
}
});
}, [params, router, subscription?.id]);
if (!subscription) {
return <div className='p-6 text-center'>{t('subscriptionNotFound')}</div>;
}
return (
<div className='mx-auto mt-8 flex max-w-4xl flex-col gap-8 md:grid md:grid-cols-2 md:flex-row'>
<div className='flex flex-col gap-6'>
<Card>
<CardHeader>输入要用于 {common.site.site_name} 账户的电子邮件地址</CardHeader>
<CardContent className='flex flex-col gap-2'>
<div className='flex flex-col gap-2'>
<EnhancedInput
className={cn({
'border-destructive': !isEmailValid.valid && params.identifier !== '',
})}
placeholder='Email'
type='email'
value={params.identifier || ''}
onValueChange={(value) => {
const email = value as string;
setParams((prev) => ({
...prev,
identifier: email,
}));
const reg = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
if (!reg.test(email)) {
setIsEmailValid({
valid: false,
message: '请输入有效的邮箱地址',
});
} else if (common.auth.email.enable_domain_suffix) {
const domain = email.split('@')[1];
const isValid = common.auth.email?.domain_suffix_list
.split('\n')
.includes(domain || '');
if (!isValid) {
setIsEmailValid({
valid: false,
message: '邮箱域名不在白名单中',
});
return;
}
} else {
setIsEmailValid({
valid: true,
message: '',
});
}
}}
required
/>
<p
className={cn('text-muted-foreground text-xs', {
'text-destructive': !isEmailValid.valid && params.identifier !== '',
})}
>
{isEmailValid.message || '请填写您的电子邮件地址。'}
</p>
</div>
{params.identifier && isEmailValid.valid && (
<div className='flex flex-col gap-2'>
<EnhancedInput
placeholder='Password'
type='password'
value={params.password || ''}
onValueChange={(value) => handleChange('password', value)}
/>
<p className='text-muted-foreground text-xs'>
如果您不填写密码，我们将会自动生成密码并发送到您的邮箱。
</p>
</div>
)}
{/* <div>
<OAuthMethods />
</div> */}
</CardContent>
</Card>
<Card>
<CardContent className='grid gap-3 p-6 text-sm'>
<h2 className='text-xl font-semibold'>{subscription.name}</h2>
<p className='text-muted-foreground'>{subscription.description}</p>
<SubscribeDetail
subscribe={{
...subscription,
quantity: params.quantity,
}}
/>
<Separator />
<SubscribeBilling
order={{
...order,
quantity: params.quantity,
unit_price: subscription?.unit_price,
}}
/>
</CardContent>
</Card>
</div>
<div className='flex flex-col gap-6'>
<Card>
<CardContent className='p-6'>
<div className='grid gap-6'>
<DurationSelector
quantity={params.quantity!}
unitTime={subscription?.unit_time}
discounts={subscription?.discount}
onChange={(value) => handleChange('quantity', value)}
/>
<CouponInput
coupon={params.coupon}
onChange={(value) => handleChange('coupon', value)}
/>
<PaymentMethods
balance={false}
value={params.payment!}
onChange={(value) => handleChange('payment', value)}
/>
</div>
</CardContent>
</Card>
<Button
className='w-full'
size='lg'
disabled={!isEmailValid.valid || loading}
onClick={handleSubmit}
>
{loading && <LoaderCircle className='mr-2 animate-spin' />}
{t('buyNow')}
</Button>
</div>
</div>
);
}

266
apps/user/app/(main)/purchasing/order/page.tsx Normal file
View File

@ -0,0 +1,266 @@
'use client';
import { Display } from '@/components/display';
import StripePayment from '@/components/payment/stripe';
import { SubscribeBilling } from '@/components/subscribe/billing';
import { SubscribeDetail } from '@/components/subscribe/detail';
import useGlobalStore from '@/config/use-global';
import { purchaseCheckout, queryPurchaseOrder } from '@/services/user/portal';
import { setAuthorization } from '@/utils/common';
import { useQuery } from '@tanstack/react-query';
import { Badge } from '@workspace/ui/components/badge';
import { Button } from '@workspace/ui/components/button';
import {
Card,
CardContent,
CardDescription,
CardHeader,
CardTitle,
} from '@workspace/ui/components/card';
import { Separator } from '@workspace/ui/components/separator';
import { Icon } from '@workspace/ui/custom-components/icon';
import { formatDate } from '@workspace/ui/utils';
import { useCountDown } from 'ahooks';
import { addMinutes, format } from 'date-fns';
import { useTranslations } from 'next-intl';
import Link from 'next/link';
import { QRCodeCanvas } from 'qrcode.react';
import { useEffect, useState } from 'react';
export default function Page() {
const t = useTranslations('order');
const { getUserInfo } = useGlobalStore();
const [orderNo, setOrderNo] = useState<string>();
const [enabled, setEnabled] = useState<boolean>(false);
const { data } = useQuery({
enabled: enabled,
queryKey: ['queryPurchaseOrder', orderNo],
queryFn: async () => {
const { data } = await queryPurchaseOrder({ order_no: orderNo! });
if (data?.data?.status !== 1) {
setEnabled(false);
if (data?.data?.token) {
setAuthorization(data?.data?.token);
await new Promise((resolve) => setTimeout(resolve, 100));
await getUserInfo();
}
}
return data?.data;
},
refetchInterval: 3000,
});
const { data: payment } = useQuery({
enabled: !!orderNo && data?.status === 1,
queryKey: ['purchaseCheckout', orderNo],
queryFn: async () => {
const { data } = await purchaseCheckout({
orderNo: orderNo!,
returnUrl: window.location.href,
});
if (data.data?.type === 'url' && data.data?.checkout_url) {
window.open(data.data.checkout_url, '_blank');
}
return data?.data;
},
});
useEffect(() => {
const searchParams = new URLSearchParams(location.search);
if (searchParams.get('order_no')) {
setOrderNo(searchParams.get('order_no')!);
setEnabled(true);
}
}, []);
const [countDown, formattedRes] = useCountDown({
targetDate: data && format(addMinutes(data?.created_at, 15), "yyyy-MM-dd'T'HH:mm:ss.SSSxxx"),
});
const { hours, minutes, seconds } = formattedRes;
const countdownDisplay =
countDown > 0 ? (
<>
{hours.toString().length === 1 ? `0${hours}` : hours} :{' '}
{minutes.toString().length === 1 ? `0${minutes}` : minutes} :{' '}
{seconds.toString().length === 1 ? `0${seconds}` : seconds}
</>
) : (
<>{t('timeExpired')}</>
);
return (
<main className='container lg:mt-16'>
<div className='grid gap-4 xl:grid-cols-2'>
<Card className='order-2 xl:order-1'>
<CardHeader className='bg-muted/50 flex flex-row items-start'>
<div className='grid gap-0.5'>
<CardTitle className='flex flex-col text-lg'>
{t('orderNumber')}
<span>{data?.order_no}</span>
</CardTitle>
<CardDescription>
{t('createdAt')}: {formatDate(data?.created_at)}
</CardDescription>
</div>
</CardHeader>
<CardContent className='grid gap-3 p-6 text-sm'>
<div className='font-semibold'>{t('paymentMethod')}</div>
<dl className='grid gap-3'>
<div className='flex items-center justify-between'>
<dt className='text-muted-foreground'>
<Badge>{data?.payment.name || data?.payment.platform}</Badge>
</dt>
</div>
</dl>
<Separator />
{data?.status && [1, 2].includes(data.status) && (
<SubscribeDetail
subscribe={{
...data?.subscribe,
quantity: data?.quantity,
}}
/>
)}
{data?.status === 3 && (
<>
<div className='font-semibold'>{t('resetTraffic')}</div>
<ul className='grid grid-cols-2 gap-3 *:flex *:items-center *:justify-between lg:grid-cols-1'>
<li className='flex items-center justify-between'>
<span className='text-muted-foreground line-clamp-2 flex-1'>
{t('resetPrice')}
</span>
<span>
<Display type='currency' value={data.amount} />
</span>
</li>
</ul>
</>
)}
{data?.status === 4 && (
<>
<div className='font-semibold'>{t('balanceRecharge')}</div>
<ul className='grid grid-cols-2 gap-3 *:flex *:items-center *:justify-between lg:grid-cols-1'>
<li className='flex items-center justify-between'>
<span className='text-muted-foreground line-clamp-2 flex-1'>
{t('rechargeAmount')}
</span>
<span>
<Display type='currency' value={data.amount} />
</span>
</li>
</ul>
</>
)}
<Separator />
<SubscribeBilling
order={{
...data,
unit_price: data?.subscribe?.unit_price,
}}
/>
</CardContent>
</Card>
<Card className='order-1 flex flex-auto items-center justify-center xl:order-2'>
<CardContent className='py-16'>
{data?.status && [2, 5].includes(data?.status) && (
<div className='flex flex-col items-center gap-8 text-center'>
<h3 className='text-2xl font-bold tracking-tight'>{t('paymentSuccess')}</h3>
<Icon icon='mdi:success-circle-outline' className='text-7xl text-green-500' />
<div className='flex gap-4'>
<Button asChild>
<Link href='/dashboard'>{t('subscribeNow')}</Link>
</Button>
<Button variant='outline'>
<Link href='/document'>{t('viewDocument')}</Link>
</Button>
</div>
</div>
)}
{data?.status === 1 && payment?.type === 'url' && (
<div className='flex flex-col items-center gap-8 text-center'>
<h3 className='text-2xl font-bold tracking-tight'>{t('waitingForPayment')}</h3>
<p className='flex items-center text-3xl font-bold'>{countdownDisplay}</p>
<Icon icon='mdi:access-time' className='text-muted-foreground text-7xl' />
<div className='flex gap-4'>
<Button
onClick={() => {
if (payment?.checkout_url) {
window.location.href = payment?.checkout_url;
}
}}
>
{t('goToPayment')}
</Button>
<Button variant='outline'>
<Link href='/'>{t('productList')}</Link>
</Button>
</div>
</div>
)}
{data?.status === 1 && payment?.type === 'qr' && (
<div className='flex flex-col items-center gap-8 text-center'>
<h3 className='text-2xl font-bold tracking-tight'>{t('scanToPay')}</h3>
<p className='flex items-center text-3xl font-bold'>{countdownDisplay}</p>
<QRCodeCanvas
value={payment?.checkout_url || ''}
size={208}
imageSettings={{
src: `/payment/alipay_f2f.svg`,
width: 24,
height: 24,
excavate: true,
}}
/>
<div className='flex gap-4'>
<Button asChild>
<Link href='/subscribe'>{t('productList')}</Link>
</Button>
<Button asChild variant='outline'>
<Link href='/order'>{t('orderList')}</Link>
</Button>
</div>
</div>
)}
{data?.status === 1 && payment?.type === 'stripe' && (
<div className='flex flex-col items-center gap-8 text-center'>
<h3 className='text-2xl font-bold tracking-tight'>{t('waitingForPayment')}</h3>
<p className='flex items-center text-3xl font-bold'>{countdownDisplay}</p>
{payment.stripe && <StripePayment {...payment.stripe} />}
{/* <div className='flex gap-4'>
<Button asChild>
<Link href='/subscribe'>{t('productList')}</Link>
</Button>
<Button asChild variant='outline'>
<Link href='/order'>{t('orderList')}</Link>
</Button>
</div> */}
</div>
)}
{data?.status && [3, 4].includes(data?.status) && (
<div className='flex flex-col items-center gap-8 text-center'>
<h3 className='text-2xl font-bold tracking-tight'>{t('orderClosed')}</h3>
<Icon icon='mdi:cancel' className='text-7xl text-red-500' />
<div className='flex gap-4'>
<Button asChild>
<Link href='/subscribe'>{t('productList')}</Link>
</Button>
<Button asChild variant='outline'>
<Link href='/order'>{t('orderList')}</Link>
</Button>
</div>
</div>
)}
</CardContent>
</Card>
</div>
</main>
);
}

23
apps/user/app/(main)/purchasing/page.tsx Normal file
View File

@ -0,0 +1,23 @@
import { getSubscription } from '@/services/user/portal';
import Content from './content';
export default async function Page({
searchParams,
}: {
searchParams: Promise<{
id: string;
}>;
}) {
const { id } = await searchParams;
const { data } = await getSubscription({
skipErrorHandler: true,
});
const subscriptionList = data.data?.list || [];
const subscription = subscriptionList.find((item) => item.id === Number(id));
return (
<main className='container space-y-16'>
<Content subscription={subscription} />
</main>
);
}

51
apps/user/app/auth/page.tsx
View File

@ -1,13 +1,11 @@
'use client';
import { OAuthMethods } from '@/components/auth/oauth-methods';
import LanguageSwitch from '@/components/language-switch';
import ThemeSwitch from '@/components/theme-switch';
import useGlobalStore from '@/config/use-global';
import { oAuthLogin } from '@/services/common/oauth';
import { DotLottieReact } from '@lottiefiles/dotlottie-react';
import { Button } from '@workspace/ui/components/button';
import { Tabs, TabsContent, TabsList, TabsTrigger } from '@workspace/ui/components/tabs';
import { Icon } from '@workspace/ui/custom-components/icon';
import LoginLottie from '@workspace/ui/lotties/login.json';
import { useTranslations } from 'next-intl';
import Image from 'next/legacy/image';
@ -15,18 +13,10 @@ import Link from 'next/link';
import EmailAuthForm from './email/auth-form';
import PhoneAuthForm from './phone/auth-form';
const icons = {
apple: 'uil:apple',
google: 'logos:google-icon',
facebook: 'logos:facebook',
github: 'uil:github',
telegram: 'logos:telegram',
};
export default function Page() {
const t = useTranslations('auth');
const { common } = useGlobalStore();
const { site, auth, oauth_methods } = common;
const { site, auth } = common;
const AUTH_METHODS = [
{
@ -41,10 +31,6 @@ export default function Page() {
},
].filter((method) => method.enabled);
const OAUTH_METHODS = oauth_methods?.filter(
(method) => !['mobile', 'email', 'device'].includes(method),
);
return (
<main className='bg-muted/50 flex h-full min-h-screen items-center'>
<div className='flex size-full flex-auto flex-col lg:flex-row'>
@ -95,38 +81,7 @@ export default function Page() {
)}
</div>
<div className='py-8'>
{OAUTH_METHODS?.length > 0 && (
<>
<div className='after:border-border relative text-center text-sm after:absolute after:inset-0 after:top-1/2 after:z-0 after:flex after:items-center after:border-t'>
<span className='bg-background text-muted-foreground relative z-10 px-2'>
Or continue with
</span>
</div>
<div className='mt-6 flex justify-center gap-4 *:size-12 *:p-2'>
{OAUTH_METHODS?.map((method: any) => {
return (
<Button
key={method}
variant='ghost'
size='icon'
asChild
onClick={async () => {
const { data } = await oAuthLogin({
method,
redirect: `${window.location.origin}/oauth/${method}`,
});
if (data.data?.redirect) {
window.location.href = data.data?.redirect;
}
}}
>
<Icon icon={icons[method as keyof typeof icons]} />
</Button>
);
})}
</div>
</>
)}
<OAuthMethods />
</div>
<div className='flex items-center justify-between'>
<div className='flex items-center gap-5'>

4
apps/user/components/affiliate/index.tsx
View File

@ -96,8 +96,8 @@ export default function Affiliate() {
<CardContent className='p-3 text-sm'>
<ul className='grid grid-cols-2 gap-3 *:flex *:flex-col'>
<li className='font-semibold'>
<span className='text-muted-foreground'>{t('userEmail')}</span>
<span>{item.email}</span>
<span className='text-muted-foreground'>{t('userIdentifier')}</span>
<span>{item.identifier}</span>
</li>
<li className='font-semibold'>
<span className='text-muted-foreground'>{t('registrationTime')}</span>

56
apps/user/components/auth/oauth-methods.tsx Normal file
View File

@ -0,0 +1,56 @@
'use client';
import useGlobalStore from '@/config/use-global';
import { oAuthLogin } from '@/services/common/oauth';
import { Button } from '@workspace/ui/components/button';
import { Icon } from '@workspace/ui/custom-components/icon';
const icons = {
apple: 'uil:apple',
google: 'logos:google-icon',
facebook: 'logos:facebook',
github: 'uil:github',
telegram: 'logos:telegram',
};
export function OAuthMethods() {
const { common } = useGlobalStore();
const { oauth_methods } = common;
const OAUTH_METHODS = oauth_methods?.filter(
(method) => !['mobile', 'email', 'device'].includes(method),
);
return (
OAUTH_METHODS?.length > 0 && (
<>
<div className='after:border-border relative text-center text-sm after:absolute after:inset-0 after:top-1/2 after:z-0 after:flex after:items-center after:border-t'>
<span className='bg-background text-muted-foreground relative z-10 px-2'>
Or continue with
</span>
</div>
<div className='mt-6 flex justify-center gap-4 *:size-12 *:p-2'>
{OAUTH_METHODS?.map((method: any) => {
return (
<Button
key={method}
variant='ghost'
size='icon'
asChild
onClick={async () => {
const { data } = await oAuthLogin({
method,
redirect: `${window.location.origin}/oauth/${method}`,
});
if (data.data?.redirect) {
window.location.href = data.data?.redirect;
}
}}
>
<Icon icon={icons[method as keyof typeof icons]} />
</Button>
);
})}
</div>
</>
)
);
}

14
apps/user/components/footer.tsx
View File

@ -67,12 +67,14 @@ export default function Footer() {
</nav>
<div>
<strong className='text-foreground'>{site.site_name}</strong> © All rights reserved.
<Link href='/tos' className='ml-2 underline'>
{t('tos')}
</Link>
<Link href='/privacy-policy' className='ml-2 underline'>
{t('privacyPolicy')}
</Link>
<div>
<Link href='/tos' className='underline'>
{t('tos')}
</Link>
<Link href='/privacy-policy' className='ml-2 underline'>
{t('privacyPolicy')}
</Link>
</div>
</div>
</div>
</footer>

2
apps/user/components/header.tsx
View File

@ -19,7 +19,7 @@ export default function Header() {
{site.site_logo && (
<Image src={site.site_logo} width={48} height={48} alt='logo' unoptimized />
)}
<span>{site.site_name}</span>
<span className=''>{site.site_name}</span>
</Link>
);
return (

27
apps/user/components/main/product-showcase.tsx → apps/user/components/main/product-showcase/content.tsx
View File

@ -2,8 +2,7 @@
import { Display } from '@/components/display';
import { SubscribeDetail } from '@/components/subscribe/detail';
import { getSubscription } from '@/services/common/common';
import { useQuery } from '@tanstack/react-query';
import useGlobalStore from '@/config/use-global';
import { Button } from '@workspace/ui/components/button';
import { Card, CardContent, CardFooter, CardHeader } from '@workspace/ui/components/card';
import { Separator } from '@workspace/ui/components/separator';
@ -14,19 +13,15 @@ import { useTranslations } from 'next-intl';
import Link from 'next/link';
import { Key, ReactNode } from 'react';
export function ProductShowcase() {
interface ProductShowcaseProps {
subscriptionData: API.Subscribe[];
}
export function Content({ subscriptionData }: ProductShowcaseProps) {
const t = useTranslations('index');
const { data } = useQuery({
queryKey: ['getSubscription'],
queryFn: async () => {
const { data } = await getSubscription({
skipErrorHandler: true,
});
return data.data?.list || [];
},
});
if (data?.length === 0) return null;
const { user } = useGlobalStore();
return (
<motion.section
initial={{ opacity: 0 }}
@ -51,7 +46,7 @@ export function ProductShowcase() {
{t('product_showcase_description')}
</motion.p>
<div className='mx-auto flex flex-wrap justify-center gap-8 overflow-x-auto overflow-y-hidden *:max-w-80 *:flex-auto'>
{data?.map((item, index) => (
{subscriptionData?.map((item, index) => (
<motion.div
key={item.id}
initial={{ opacity: 0, y: 50 }}
@ -132,7 +127,9 @@ export function ProductShowcase() {
className='absolute bottom-0 left-0 w-full rounded-b-xl rounded-t-none'
asChild
>
<Link href='/subscribe'>{t('subscribe')}</Link>
<Link href={user ? '/subscribe' : `/purchasing?id=${item.id}`}>
{t('subscribe')}
</Link>
</Button>
</motion.div>
</CardFooter>

17
apps/user/components/main/product-showcase/index.tsx Normal file
View File

@ -0,0 +1,17 @@
import { getSubscription } from '@/services/user/portal';
import { Content } from './content';
export async function ProductShowcase() {
try {
const { data } = await getSubscription({
skipErrorHandler: true,
});
const subscriptionList = data.data?.list || [];
if (subscriptionList.length === 0) return null;
return <Content subscriptionData={subscriptionList} />;
} catch (error) {
return null;
}
}

329
apps/user/components/payment/stripe.tsx Normal file
View File

@ -0,0 +1,329 @@
import {
CardCvcElement,
CardExpiryElement,
CardNumberElement,
Elements,
useElements,
useStripe,
} from '@stripe/react-stripe-js';
import {
loadStripe,
PaymentIntentResult,
StripeCardNumberElementOptions,
StripeElementStyle,
} from '@stripe/stripe-js';
import { Button } from '@workspace/ui/components/button';
import { Input } from '@workspace/ui/components/input';
import { Label } from '@workspace/ui/components/label';
import { CheckCircle } from 'lucide-react';
import { useTranslations } from 'next-intl';
import { useTheme } from 'next-themes';
import { QRCodeCanvas } from 'qrcode.react';
import React, { useCallback, useEffect, useMemo, useState } from 'react';
interface StripePaymentProps {
method: string;
client_secret: string;
publishable_key: string;
}
interface CardPaymentFormProps {
clientSecret: string;
onError: (message: string) => void;
}
const CardPaymentForm: React.FC<CardPaymentFormProps> = ({ clientSecret, onError }) => {
const stripe = useStripe();
const { theme, systemTheme } = useTheme();
const elements = useElements();
const [processing, setProcessing] = useState(false);
const [succeeded, setSucceeded] = useState(false);
const [errors, setErrors] = useState<{
cardNumber?: string;
cardExpiry?: string;
cardCvc?: string;
name?: string;
}>({});
const [cardholderName, setCardholderName] = useState('');
const t = useTranslations('payment.stripe.card');
const currentTheme = theme === 'system' ? systemTheme : theme;
const elementStyle: StripeElementStyle = {
base: {
'fontSize': '16px',
'color': currentTheme === 'dark' ? '#fff' : '#000',
'::placeholder': {
color: '#aab7c4',
},
},
invalid: {
color: '#EF4444',
iconColor: '#EF4444',
},
};
const elementOptions: StripeCardNumberElementOptions = {
style: elementStyle,
showIcon: true,
};
const handleChange = (event: any, field: keyof typeof errors) => {
if (event.error) {
setErrors((prev) => ({ ...prev, [field]: event.error.message }));
} else {
setErrors((prev) => ({ ...prev, [field]: undefined }));
}
};
const handleSubmit = async (event: React.FormEvent) => {
event.preventDefault();
if (!stripe || !elements) {
onError(t('loading'));
return;
}
if (!cardholderName.trim()) {
setErrors((prev) => ({ ...prev, name: t('name_required') }));
return;
}
setProcessing(true);
const cardNumber = elements.getElement(CardNumberElement);
const cardExpiry = elements.getElement(CardExpiryElement);
const cardCvc = elements.getElement(CardCvcElement);
if (!cardNumber || !cardExpiry || !cardCvc) {
onError(t('element_error'));
setProcessing(false);
return;
}
const { error, paymentIntent } = await stripe.confirmCardPayment(clientSecret, {
payment_method: {
card: cardNumber,
billing_details: {
name: cardholderName,
},
},
});
if (error) {
onError(error.message || t('payment_failed'));
setProcessing(false);
} else if (paymentIntent && paymentIntent.status === 'succeeded') {
setSucceeded(true);
setProcessing(false);
} else {
onError(t('processing'));
setProcessing(false);
}
};
return (
<form onSubmit={handleSubmit}>
{succeeded ? (
<div className='py-6 text-center'>
<div className='mb-4 flex justify-center'>
<CheckCircle className='h-12 w-12 text-green-500' />
</div>
<p className='text-xl font-medium'>{t('success_title')}</p>
<p className='text-muted-foreground mt-2'>{t('success_message')}</p>
</div>
) : (
<>
<div className='space-y-4'>
{/* Cardholder Name */}
<div className='space-y-1'>
<Label htmlFor='cardholderName' className='text-sm font-medium'>
{t('card_name')}
</Label>
<Input
id='cardholderName'
type='text'
value={cardholderName}
onChange={(e) => setCardholderName(e.target.value)}
placeholder={t('name_placeholder')}
className={errors.name ? 'border-destructive' : ''}
/>
{errors.name && <p className='text-destructive text-xs'>{errors.name}</p>}
</div>
{/* Card Number */}
<div className='space-y-1'>
<Label htmlFor='cardNumber' className='text-sm font-medium'>
{t('card_number')}
</Label>
<div className='relative'>
<div
className={`focus-within:border-primary focus-within:ring-primary rounded-md border p-3 focus-within:ring-1 ${errors.cardNumber ? 'border-red-500' : ''}`}
>
<CardNumberElement
id='cardNumber'
options={elementOptions}
onChange={(e) => handleChange(e, 'cardNumber')}
/>
</div>
</div>
{errors.cardNumber && <p className='text-destructive text-xs'>{errors.cardNumber}</p>}
</div>
<div className='grid grid-cols-2 gap-4'>
{/* Expiry Date */}
<div className='space-y-1'>
<Label htmlFor='cardExpiry' className='text-sm font-medium'>
{t('expiry_date')}
</Label>
<div
className={`focus-within:border-primary focus-within:ring-primary rounded-md border p-3 focus-within:ring-1 ${errors.cardExpiry ? 'border-red-500' : ''}`}
>
<CardExpiryElement
id='cardExpiry'
options={{ style: elementStyle }}
onChange={(e) => handleChange(e, 'cardExpiry')}
/>
</div>
{errors.cardExpiry && (
<p className='text-destructive text-xs'>{errors.cardExpiry}</p>
)}
</div>
{/* Security Code */}
<div className='space-y-1'>
<Label htmlFor='cardCvc' className='text-sm font-medium'>
{t('security_code')}
</Label>
<div
className={`focus-within:border-primary focus-within:ring-primary rounded-md border p-3 focus-within:ring-1 ${errors.cardCvc ? 'border-red-500' : ''}`}
>
<CardCvcElement
id='cardCvc'
options={{ style: elementStyle }}
onChange={(e) => handleChange(e, 'cardCvc')}
/>
</div>
{errors.cardCvc && <p className='text-destructive text-xs'>{errors.cardCvc}</p>}
</div>
</div>
</div>
<div className='mt-6 flex flex-col space-y-4'>
<Button type='submit' disabled={processing || !stripe || !elements} className='w-full'>
{processing ? t('processing_button') : t('pay_button')}
</Button>
<p className='text-muted-foreground text-center text-xs'>{t('secure_notice')}</p>
</div>
</>
)}
</form>
);
};
const StripePayment: React.FC<StripePaymentProps> = ({
method,
client_secret,
publishable_key,
}) => {
const stripePromise = useMemo(() => loadStripe(publishable_key), [publishable_key]);
return (
<Elements stripe={stripePromise}>
<CheckoutForm method={method} client_secret={client_secret} />
</Elements>
);
};
const CheckoutForm: React.FC<Omit<StripePaymentProps, 'publishable_key'>> = ({
client_secret,
method,
}) => {
const stripe = useStripe();
const [errorMessage, setErrorMessage] = useState<string | null>(null);
const [qrCodeUrl, setQrCodeUrl] = useState<string | null>(null);
const [isSubmitted, setIsSubmitted] = useState(false);
const t = useTranslations('payment.stripe');
const handleError = useCallback((message: string) => {
setErrorMessage(message);
setIsSubmitted(false);
}, []);
const confirmPayment = useCallback(async (): Promise<PaymentIntentResult | null> => {
if (!stripe) {
handleError(t('card.loading'));
return null;
}
if (method === 'alipay') {
return await stripe.confirmAlipayPayment(
client_secret,
{ return_url: window.location.href },
{ handleActions: false },
);
}
if (method === 'wechat_pay') {
return await stripe.confirmWechatPayPayment(
client_secret,
{
payment_method_options: { wechat_pay: { client: 'web' } },
},
{ handleActions: false },
);
}
return null;
}, [client_secret, method, stripe, handleError, t]);
const autoSubmit = useCallback(async () => {
if (isSubmitted || method === 'card') return;
setIsSubmitted(true);
try {
const result = await confirmPayment();
if (!result) return;
const { error, paymentIntent } = result;
if (error) return handleError(error.message!);
if (paymentIntent?.status === 'requires_action') {
const nextAction = paymentIntent.next_action as any;
const qrUrl =
method === 'alipay'
? nextAction?.alipay_handle_redirect?.url
: nextAction?.wechat_pay_display_qr_code?.image_url_svg;
setQrCodeUrl(qrUrl || null);
}
} catch (error) {
handleError(t('error'));
}
}, [confirmPayment, isSubmitted, handleError, method, t]);
useEffect(() => {
autoSubmit();
}, [autoSubmit]);
return method === 'card' ? (
<div className='min-w-80 text-left'>
<CardPaymentForm clientSecret={client_secret} onError={handleError} />
</div>
) : qrCodeUrl ? (
<>
<QRCodeCanvas
value={qrCodeUrl}
size={208}
imageSettings={{
src: `/payment/${method}.svg`,
width: 24,
height: 24,
excavate: true,
}}
/>
<p className='text-muted-foreground mt-4 text-center'>{t(`qrcode.${method}`)}</p>
</>
) : (
errorMessage
);
};
export default StripePayment;

22
apps/user/components/subscribe/duration-selector.tsx
View File

@ -27,11 +27,7 @@ const DurationSelector: React.FC<DurationSelectorProps> = ({
[onChange],
);
const DurationOption: React.FC<{ value: string; label: string; discount?: number }> = ({
value,
label,
discount,
}) => (
const DurationOption: React.FC<{ value: string; label: string }> = ({ value, label }) => (
<div className='relative'>
<RadioGroupItem value={value} id={value} className='peer sr-only' />
<Label
@ -39,11 +35,14 @@ const DurationSelector: React.FC<DurationSelectorProps> = ({
className='border-muted bg-popover hover:bg-accent hover:text-accent-foreground peer-data-[state=checked]:border-primary relative flex h-full flex-col items-center justify-center gap-2 rounded-md border-2 p-2'
>
{label}
{discount && <Badge variant='destructive'>-{discount}%</Badge>}
</Label>
</div>
);
// 查找当前选中项的折扣信息
const currentDiscount = discounts?.find((item) => item.quantity === quantity)?.discount;
const discountPercentage = currentDiscount ? 100 - currentDiscount : 0;
return (
<>
<div className='font-semibold'>{t('purchaseDuration')}</div>
@ -58,10 +57,19 @@ const DurationSelector: React.FC<DurationSelectorProps> = ({
key={item.quantity}
value={String(item.quantity)}
label={`${item.quantity} / ${t(unitTime)}`}
discount={100 - item.discount}
/>
))}
</RadioGroup>
<div className='flex items-center justify-between'>
<span className='text-muted-foreground text-sm'>{t('discountInfo')}:</span>
{discountPercentage > 0 ? (
<Badge variant='destructive' className='h-6 text-sm'>
-{discountPercentage}% {t('discount')}
</Badge>
) : (
<span className='text-muted-foreground h-6 text-sm'>--</span>
)}
</div>
</>
);
};

47
apps/user/components/subscribe/payment-methods.tsx
View File

@ -1,49 +1,68 @@
'use client';
import { getAvailablePaymentMethods } from '@/services/user/payment';
import { getAvailablePaymentMethods } from '@/services/user/portal';
import { useQuery } from '@tanstack/react-query';
import { Label } from '@workspace/ui/components/label';
import { RadioGroup, RadioGroupItem } from '@workspace/ui/components/radio-group';
import { cn } from '@workspace/ui/lib/utils';
import { useTranslations } from 'next-intl';
import Image from 'next/image';
import React, { memo } from 'react';
interface PaymentMethodsProps {
value: string;
onChange: (value: string) => void;
value: number;
onChange: (value: number) => void;
balance?: boolean;
}
const PaymentMethods: React.FC<PaymentMethodsProps> = ({ value, onChange }) => {
const PaymentMethods: React.FC<PaymentMethodsProps> = ({ value, onChange, balance = true }) => {
const t = useTranslations('subscribe');
const { data } = useQuery({
queryKey: ['getAvailablePaymentMethods'],
queryKey: ['getAvailablePaymentMethods', { balance }],
queryFn: async () => {
const { data } = await getAvailablePaymentMethods();
return data.data?.list || [];
const methods = data.data?.list || [];
if (!value && methods[0]?.id) onChange(methods[0]?.id);
if (balance) return methods;
return methods.filter((item) => item.id !== -1);
},
});
return (
<>
<div className='font-semibold'>{t('paymentMethod')}</div>
<RadioGroup className='grid grid-cols-5 gap-2' value={value} onValueChange={onChange}>
<RadioGroup
className='grid grid-cols-2 gap-2 md:grid-cols-5'
value={String(value)}
onValueChange={(val) => {
console.log(val);
onChange(Number(val));
}}
>
{data?.map((item) => (
<div key={item.mark}>
<RadioGroupItem value={item.mark} id={item.mark} className='peer sr-only' />
<div key={item.id} className='relative'>
<RadioGroupItem
value={String(item.id)}
id={String(item.id)}
className='absolute inset-0 z-10 h-full w-full cursor-pointer opacity-0'
/>
<Label
htmlFor={item.mark}
className='border-muted bg-popover hover:bg-accent hover:text-accent-foreground peer-data-[state=checked]:border-primary flex flex-col items-center justify-between rounded-md border-2 py-2'
htmlFor={String(item.id)}
className={cn(
'border-muted bg-popover hover:bg-accent hover:text-accent-foreground flex flex-col items-center justify-between rounded-md border-2 py-2',
String(value) === String(item.id) ? 'border-primary' : '',
)}
>
<div className='mb-3 size-12'>
<Image
src={item.icon || `/payment/${item.mark}.svg`}
src={item.icon || `/payment/balance.svg`}
width={48}
height={48}
alt={item.name || t(`methods.${item.mark}`)}
alt={item.name}
/>
</div>
<span className='w-full overflow-hidden text-ellipsis whitespace-nowrap text-center'>
{item.name || t(`methods.${item.mark}`)}
{item.name}
</span>
</Label>
</div>

15
apps/user/components/subscribe/purchase.tsx
View File

@ -4,7 +4,7 @@ import CouponInput from '@/components/subscribe/coupon-input';
import DurationSelector from '@/components/subscribe/duration-selector';
import PaymentMethods from '@/components/subscribe/payment-methods';
import useGlobalStore from '@/config/use-global';
import { checkoutOrder, preCreateOrder, purchase } from '@/services/user/order';
import { preCreateOrder, purchase } from '@/services/user/order';
import { useQuery } from '@tanstack/react-query';
import { Button } from '@workspace/ui/components/button';
import { Card, CardContent } from '@workspace/ui/components/card';
@ -29,7 +29,7 @@ export default function Purchase({ subscribe, setSubscribe }: Readonly<PurchaseP
const [params, setParams] = useState<Partial<API.PurchaseOrderRequest>>({
quantity: 1,
subscribe_id: 0,
payment: 'balance',
payment: -1,
coupon: '',
});
const [loading, startTransition] = useTransition();
@ -69,20 +69,11 @@ export default function Purchase({ subscribe, setSubscribe }: Readonly<PurchaseP
const response = await purchase(params as API.PurchaseOrderRequest);
const orderNo = response.data.data?.order_no;
if (orderNo) {
const { data } = await checkoutOrder({
orderNo,
returnUrl: `${window.location.origin}/payment?order_no=${orderNo}`,
});
const type = data.data?.type;
const checkout_url = data.data?.checkout_url;
if (type === 'link') {
window.location.href = checkout_url!;
}
getUserInfo();
router.push(`/payment?order_no=${orderNo}`);
}
} catch (error) {
console.log(error);
/* empty */
}
});
}, [params, router, getUserInfo]);

78
apps/user/components/subscribe/recharge.tsx
View File

@ -1,9 +1,7 @@
'use client';
import useGlobalStore from '@/config/use-global';
import { checkoutOrder, recharge } from '@/services/user/order';
import { getAvailablePaymentMethods } from '@/services/user/payment';
import { useQuery } from '@tanstack/react-query';
import { recharge } from '@/services/user/order';
import { Button, ButtonProps } from '@workspace/ui/components/button';
import {
Dialog,
@ -13,15 +11,13 @@ import {
DialogTitle,
DialogTrigger,
} from '@workspace/ui/components/dialog';
import { Label } from '@workspace/ui/components/label';
import { RadioGroup, RadioGroupItem } from '@workspace/ui/components/radio-group';
import { EnhancedInput } from '@workspace/ui/custom-components/enhanced-input';
import { unitConversion } from '@workspace/ui/utils';
import { LoaderCircle } from 'lucide-react';
import { useTranslations } from 'next-intl';
import Image from 'next/image';
import { useRouter } from 'next/navigation';
import { useEffect, useState, useTransition } from 'react';
import { useState, useTransition } from 'react';
import PaymentMethods from './payment-methods';
export default function Recharge(props: Readonly<ButtonProps>) {
const t = useTranslations('subscribe');
@ -34,27 +30,9 @@ export default function Recharge(props: Readonly<ButtonProps>) {
const [params, setParams] = useState<API.RechargeOrderRequest>({
amount: 0,
payment: '',
payment: 1,
});
const { data: paymentMethods } = useQuery({
enabled: open,
queryKey: ['getAvailablePaymentMethods'],
queryFn: async () => {
const { data } = await getAvailablePaymentMethods();
return data.data?.list || [];
},
});
useEffect(() => {
if (paymentMethods?.length) {
setParams((prev) => ({
...prev,
payment: paymentMethods.find((item) => item.mark !== 'balance')?.mark as string,
}));
}
}, [paymentMethods]);
return (
<Dialog open={open} onOpenChange={setOpen}>
<DialogTrigger asChild>
@ -86,43 +64,10 @@ export default function Recharge(props: Readonly<ButtonProps>) {
suffix={currency.currency_unit}
/>
</div>
<div className='font-semibold'>{t('paymentMethod')}</div>
<RadioGroup
className='grid grid-cols-5 gap-2'
<PaymentMethods
value={params.payment}
onValueChange={(value) => {
setParams({
...params,
payment: value,
});
}}
>
{paymentMethods
?.filter((item) => item.mark !== 'balance')
?.map((item) => {
return (
<div key={item.mark}>
<RadioGroupItem value={item.mark} id={item.mark} className='peer sr-only' />
<Label
htmlFor={item.mark}
className='border-muted bg-popover hover:bg-accent hover:text-accent-foreground peer-data-[state=checked]:border-primary [&:has([data-state=checked])]:border-primary flex flex-col items-center justify-between rounded-md border-2 py-2'
>
<div className='mb-3 size-12'>
<Image
src={item.icon || `/payment/${item.mark}.svg`}
width={48}
height={48}
alt={item.name!}
/>
</div>
<span className='w-full overflow-hidden text-ellipsis whitespace-nowrap text-center'>
{item.name || t(`methods.${item.mark}`)}
</span>
</Label>
</div>
);
})}
</RadioGroup>
onChange={(value) => setParams({ ...params, payment: value })}
/>
</div>
<Button
className='fixed bottom-0 left-0 w-full rounded-none md:relative md:mt-6'
@ -133,15 +78,6 @@ export default function Recharge(props: Readonly<ButtonProps>) {
const response = await recharge(params);
const orderNo = response.data.data?.order_no;
if (orderNo) {
const { data } = await checkoutOrder({
orderNo,
returnUrl: `${window.location.origin}/payment?order_no=${orderNo}`,
});
const type = data.data?.type;
const checkout_url = data.data?.checkout_url;
if (type === 'link') {
window.location.href = checkout_url!;
}
router.push(`/payment?order_no=${orderNo}`);
setOpen(false);
}

15
apps/user/components/subscribe/renewal.tsx
View File

@ -4,7 +4,7 @@ import CouponInput from '@/components/subscribe/coupon-input';
import DurationSelector from '@/components/subscribe/duration-selector';
import PaymentMethods from '@/components/subscribe/payment-methods';
import useGlobalStore from '@/config/use-global';
import { checkoutOrder, preCreateOrder, renewal } from '@/services/user/order';
import { preCreateOrder, renewal } from '@/services/user/order';
import { useQuery } from '@tanstack/react-query';
import { Button } from '@workspace/ui/components/button';
import { Card, CardContent } from '@workspace/ui/components/card';
@ -35,7 +35,7 @@ export default function Renewal({ id, subscribe }: Readonly<RenewalProps>) {
const router = useRouter();
const [params, setParams] = useState<Partial<API.RenewalOrderRequest>>({
quantity: 1,
payment: 'balance',
payment: -1,
coupon: '',
user_subscribe_id: id,
});
@ -77,20 +77,11 @@ export default function Renewal({ id, subscribe }: Readonly<RenewalProps>) {
const response = await renewal(params as API.RenewalOrderRequest);
const orderNo = response.data.data?.order_no;
if (orderNo) {
const { data } = await checkoutOrder({
orderNo,
returnUrl: `${window.location.origin}/payment?order_no=${orderNo}`,
});
const type = data.data?.type;
const checkout_url = data.data?.checkout_url;
if (type === 'link') {
window.location.href = checkout_url!;
}
getUserInfo();
router.push(`/payment?order_no=${orderNo}`);
}
} catch (error) {
console.log(error);
/* empty */
}
});
}, [params, router, getUserInfo]);

13
apps/user/components/subscribe/reset-traffic.tsx
View File

@ -2,7 +2,7 @@
import { Display } from '@/components/display';
import useGlobalStore from '@/config/use-global';
import { checkoutOrder, resetTraffic } from '@/services/user/order';
import { resetTraffic } from '@/services/user/order';
import { Button } from '@workspace/ui/components/button';
import {
Dialog,
@ -28,7 +28,7 @@ export default function ResetTraffic({ id, replacement }: Readonly<ResetTrafficP
const [open, setOpen] = useState<boolean>(false);
const router = useRouter();
const [params, setParams] = useState<API.ResetTrafficOrderRequest>({
payment: 'balance',
payment: -1,
user_subscribe_id: id,
});
const [loading, startTransition] = useTransition();
@ -84,15 +84,6 @@ export default function ResetTraffic({ id, replacement }: Readonly<ResetTrafficP
const response = await resetTraffic(params);
const orderNo = response.data.data?.order_no;
if (orderNo) {
const { data } = await checkoutOrder({
orderNo,
returnUrl: `${window.location.origin}/payment?order_no=${orderNo}`,
});
const type = data.data?.type;
const checkout_url = data.data?.checkout_url;
if (type === 'link') {
window.location.href = checkout_url!;
}
getUserInfo();
router.push(`/payment?order_no=${orderNo}`);
}

58
apps/user/components/user-nav.tsx
View File

@ -4,13 +4,11 @@ import { navs } from '@/config/navs';
import useGlobalStore from '@/config/use-global';
import { Logout } from '@/utils/common';
import { Avatar, AvatarFallback, AvatarImage } from '@workspace/ui/components/avatar';
import { Button } from '@workspace/ui/components/button';
import {
DropdownMenu,
DropdownMenuContent,
DropdownMenuGroup,
DropdownMenuItem,
DropdownMenuLabel,
DropdownMenuSeparator,
DropdownMenuTrigger,
} from '@workspace/ui/components/dropdown-menu';
@ -27,37 +25,61 @@ export function UserNav() {
return (
<DropdownMenu>
<DropdownMenuTrigger asChild>
<Button size='icon' variant='default'>
<Avatar className='size-8'>
<AvatarImage alt={user?.avatar ?? ''} src={user?.avatar ?? ''} />
<AvatarFallback className='rounded-none bg-transparent'>
<div className='bg-background hover:bg-accent flex cursor-pointer items-center gap-2 rounded-full border px-2 py-1.5 transition-colors duration-200'>
<Avatar className='h-6 w-6'>
<AvatarImage
alt={user?.avatar ?? ''}
src={user?.auth_methods?.[0]?.auth_identifier ?? ''}
className='object-cover'
/>
<AvatarFallback className='from-primary/90 to-primary text-background bg-gradient-to-br font-medium'>
{user?.auth_methods?.[0]?.auth_identifier.toUpperCase().charAt(0)}
</AvatarFallback>
</Avatar>
</Button>
<span className='max-w-[40px] truncate text-sm sm:max-w-[100px]'>
{user?.auth_methods?.[0]?.auth_identifier.split('@')[0]}
</span>
<Icon icon='lucide:chevron-down' className='text-muted-foreground size-4' />
</div>
</DropdownMenuTrigger>
<DropdownMenuContent forceMount align='end' className='w-56'>
<DropdownMenuLabel className='font-normal'>
<div className='flex flex-col space-y-1'>
<p className='text-muted-foreground text-xs leading-none'>ID: {user?.id}</p>
<DropdownMenuContent forceMount align='end' className='w-64'>
<div className='flex items-center justify-start gap-2 p-2'>
<Avatar className='h-10 w-10'>
<AvatarImage
alt={user?.avatar ?? ''}
src={user?.avatar ?? ''}
className='object-cover'
/>
<AvatarFallback className='from-primary/90 to-primary text-background bg-gradient-to-br'>
{user?.auth_methods?.[0]?.auth_identifier.toUpperCase().charAt(0)}
</AvatarFallback>
</Avatar>
<div className='flex flex-col space-y-0.5'>
<p className='text-sm font-medium leading-none'>
{user?.auth_methods?.[0]?.auth_identifier.split('@')[0]}
</p>
<p className='text-muted-foreground text-xs'>
{user?.auth_methods?.[0]?.auth_identifier}
</p>
</div>
</DropdownMenuLabel>
</div>
<DropdownMenuSeparator />
{navs.map((nav) => (
<DropdownMenuGroup key={nav.title}>
{/* {nav.items && <DropdownMenuLabel>{t(nav.title)}</DropdownMenuLabel>} */}
{(nav.items || [nav]).map((item) => (
<DropdownMenuItem
key={item.title}
onClick={() => {
router.push(`${item.url}`);
}}
className='flex cursor-pointer items-center gap-2 py-2'
>
<Icon className='mr-2 size-4 flex-none' icon={item.icon!} />
<span className='truncate'>{t(item.title)}</span>
<Icon className='text-muted-foreground size-4 flex-none' icon={item.icon!} />
<span className='flex-grow truncate'>{t(item.title)}</span>
<Icon
icon='lucide:chevron-right'
className='text-muted-foreground size-4 opacity-50'
/>
</DropdownMenuItem>
))}
</DropdownMenuGroup>
@ -68,10 +90,10 @@ export function UserNav() {
Logout();
setUser();
}}
className='text-destructive focus:text-destructive flex cursor-pointer items-center gap-2 py-2'
>
<Icon className='mr-2 size-4 flex-none' icon='uil:exit' />
{t('logout')}
<Icon className='size-4 flex-none' icon='uil:exit' />
<span className='flex-grow'>{t('logout')}</span>
</DropdownMenuItem>
</DropdownMenuContent>
</DropdownMenu>

2
apps/user/config/constants.ts
View File

@ -9,6 +9,8 @@ export const NEXT_PUBLIC_DEFAULT_LANGUAGE =
export const NEXT_PUBLIC_SITE_URL = env('NEXT_PUBLIC_SITE_URL') ?? process.env.NEXT_PUBLIC_SITE_URL;
export const NEXT_PUBLIC_API_URL = env('NEXT_PUBLIC_API_URL') ?? process.env.NEXT_PUBLIC_API_URL;
export const NEXT_PUBLIC_CDN_URL =
env('NEXT_PUBLIC_CDN_URL') || process.env.NEXT_PUBLIC_CDN_URL || 'https://fastly.jsdelivr.net';
export const NEXT_PUBLIC_DEFAULT_USER_EMAIL =
env('NEXT_PUBLIC_DEFAULT_USER_EMAIL') ?? process.env.NEXT_PUBLIC_DEFAULT_USER_EMAIL;

1
apps/user/config/use-global.tsx
View File

@ -69,6 +69,7 @@ export const useGlobalStore = create<GlobalStore>((set, get) => ({
verify_code_interval: 60,
},
oauth_methods: [],
web_ad: false,
},
user: undefined,
setCommon: (common) =>

2
apps/user/locales/cs-CZ/affiliate.json
View File

@ -7,5 +7,5 @@
"inviteRecords": "Záznamy o pozvání",
"registrationTime": "Čas registrace",
"totalCommission": "Celková provize",
"userEmail": "Uživatelský e-mail"
"userIdentifier": "Identifikátor uživatele"
}

1
apps/user/locales/cs-CZ/dashboard.json
View File

@ -13,6 +13,7 @@
"mySubscriptions": "Moje předplatné",
"nextResetDays": "Příští reset/den",
"noLimit": "Bez omezení",
"noReset": "Žádné obnovení",
"prompt": "Výzva",
"purchaseSubscription": "Zakoupit předplatné",
"qrCode": "QR kód",

26
apps/user/locales/cs-CZ/payment.json Normal file
View File

@ -0,0 +1,26 @@
{
"stripe": {
"card": {
"card_name": "Jméno držitele karty",
"card_number": "Číslo karty",
"element_error": "Nelze získat prvek karty.",
"expiry_date": "Datum expirace",
"loading": "Stripe.js není načten. Zkuste to prosím znovu později.",
"name_placeholder": "Zadejte jméno držitele karty",
"name_required": "Jméno držitele karty je povinné",
"pay_button": "Zaplatit nyní",
"payment_failed": "Platba se nezdařila, zkuste to prosím znovu.",
"processing": "Platba se zpracovává, prosím zkontrolujte výsledek později.",
"processing_button": "Zpracovává se...",
"secure_notice": "Vaše platební informace jsou bezpečně šifrovány",
"security_code": "Bezpečnostní kód",
"success_message": "Děkujeme za vaši platbu!",
"success_title": "Platba byla úspěšná"
},
"error": "Došlo k neočekávané chybě",
"qrcode": {
"alipay": "Naskenujte pomocí Alipay pro platbu",
"wechat_pay": "Naskenujte pomocí WeChat pro platbu"
}
}
}

2
apps/user/locales/cs-CZ/subscribe.json
View File

@ -27,6 +27,8 @@
"connectionSpeed": "Rychlost připojení",
"productDetail": "Detaily produktu"
},
"discount": "Sleva",
"discountInfo": "Informace o slevě",
"enterAmount": "Zadejte částku dobití",
"enterCoupon": "Zadejte kód kupónu",
"methods": {

1
apps/user/locales/cs-CZ/wallet.json
View File

@ -1,5 +1,6 @@
{
"amount": "Částka",
"assetOverview": "Přehled aktiv",
"balance": "zůstatek",
"commission": "Provize",
"createdAt": "čas",

2
apps/user/locales/de-DE/affiliate.json
View File

@ -7,5 +7,5 @@
"inviteRecords": "Einladungsprotokolle",
"registrationTime": "Registrierungszeit",
"totalCommission": "Gesamtprovision",
"userEmail": "Benutzer-E-Mail"
"userIdentifier": "Benutzerkennung"
}

1
apps/user/locales/de-DE/dashboard.json
View File

@ -13,6 +13,7 @@
"mySubscriptions": "Meine Abonnements",
"nextResetDays": "Nächster Reset/Tage",
"noLimit": "Kein Limit",
"noReset": "Kein Zurücksetzen",
"prompt": "Aufforderung",
"purchaseSubscription": "Abonnement kaufen",
"qrCode": "QR-Code",

26
apps/user/locales/de-DE/payment.json Normal file
View File

@ -0,0 +1,26 @@
{
"stripe": {
"card": {
"card_name": "Karteninhabername",
"card_number": "Kartennummer",
"element_error": "Konnte das Kartenelement nicht abrufen.",
"expiry_date": "Ablaufdatum",
"loading": "Stripe.js ist nicht geladen. Bitte versuchen Sie es später erneut.",
"name_placeholder": "Geben Sie den Namen des Karteninhabers ein",
"name_required": "Der Name des Karteninhabers ist erforderlich",
"pay_button": "Jetzt bezahlen",
"payment_failed": "Zahlung fehlgeschlagen, bitte versuchen Sie es erneut.",
"processing": "Zahlung wird verarbeitet, bitte überprüfen Sie das Ergebnis später.",
"processing_button": "Wird verarbeitet...",
"secure_notice": "Ihre Zahlungsinformationen sind sicher verschlüsselt",
"security_code": "Sicherheitscode",
"success_message": "Vielen Dank für Ihre Zahlung!",
"success_title": "Zahlung Erfolgreich"
},
"error": "Ein unerwarteter Fehler ist aufgetreten",
"qrcode": {
"alipay": "Mit Alipay scannen, um zu bezahlen",
"wechat_pay": "Mit WeChat scannen, um zu bezahlen"
}
}
}

2
apps/user/locales/de-DE/subscribe.json
View File

@ -27,6 +27,8 @@
"connectionSpeed": "Verbindungsgeschwindigkeit",
"productDetail": "Produktdetails"
},
"discount": "Rabatt",
"discountInfo": "Rabattinformationen",
"enterAmount": "Geben Sie den Aufladebetrag ein",
"enterCoupon": "Gutscheincode eingeben",
"methods": {

1
apps/user/locales/de-DE/wallet.json
View File

@ -1,5 +1,6 @@
{
"amount": "Betrag",
"assetOverview": "Vermögensübersicht",
"balance": "Kontostand",
"commission": "Provision",
"createdAt": "Zeit",

2
apps/user/locales/en-US/affiliate.json
View File

@ -7,5 +7,5 @@
"inviteRecords": "Invite Records",
"registrationTime": "Registration Time",
"totalCommission": "Total Commission",
"userEmail": "User Email"
"userIdentifier": "User Identifier"
}

1
apps/user/locales/en-US/dashboard.json
View File

@ -13,6 +13,7 @@
"mySubscriptions": "My Subscriptions",
"nextResetDays": "Next Reset in Days",
"noLimit": "No Limit",
"noReset": "No Reset",
"prompt": "Prompt",
"purchaseSubscription": "Purchase Subscription",
"qrCode": "QR Code",

26
apps/user/locales/en-US/payment.json Normal file
View File

@ -0,0 +1,26 @@
{
"stripe": {
"card": {
"card_name": "Cardholder Name",
"card_number": "Card Number",
"element_error": "Unable to get card element.",
"expiry_date": "Expiry Date",
"loading": "Stripe.js is not loaded. Please try again later.",
"name_placeholder": "Enter cardholder name",
"name_required": "Cardholder name is required",
"pay_button": "Pay Now",
"payment_failed": "Payment failed, please try again.",
"processing": "Payment processing, please check the result later.",
"processing_button": "Processing...",
"secure_notice": "Your payment information is securely encrypted",
"security_code": "Security Code",
"success_message": "Thank you for your payment!",
"success_title": "Payment Successful"
},
"error": "An unexpected error occurred",
"qrcode": {
"alipay": "Scan with Alipay to pay",
"wechat_pay": "Scan with WeChat to pay"
}
}
}

2
apps/user/locales/en-US/subscribe.json
View File

@ -27,6 +27,8 @@
"connectionSpeed": "Connection Speed",
"productDetail": "Product Details"
},
"discount": "Discount",
"discountInfo": "Discount Info",
"enterAmount": "Enter recharge amount",
"enterCoupon": "Enter Coupon Code",
"methods": {

3
apps/user/locales/en-US/wallet.json
View File

@ -1,10 +1,11 @@
{
"amount": "Amount",
"assetOverview": "Asset Overview",
"balance": "Balance",
"commission": "Commission",
"createdAt": "Time",
"giftAmount": "Girt Amount",
"totalAssets": "Asset overview",
"totalAssets": "Total Assets",
"type": {
"0": "Type",
"1": "Recharge",

2
apps/user/locales/es-ES/affiliate.json
View File

@ -7,5 +7,5 @@
"inviteRecords": "Registros de invitación",
"registrationTime": "Hora de registro",
"totalCommission": "Comisión total",
"userEmail": "Correo electrónico del usuario"
"userIdentifier": "Identificador de usuario"
}

1
apps/user/locales/es-ES/dashboard.json
View File

@ -13,6 +13,7 @@
"mySubscriptions": "Mis suscripciones",
"nextResetDays": "Próximo reinicio/días",
"noLimit": "Sin límite",
"noReset": "Sin Reinicio",
"prompt": "sugerencia",
"purchaseSubscription": "Comprar suscripción",
"qrCode": "Código QR",

26
apps/user/locales/es-ES/payment.json Normal file
View File

@ -0,0 +1,26 @@
{
"stripe": {
"card": {
"card_name": "Nombre del titular de la tarjeta",
"card_number": "Número de tarjeta",
"element_error": "No se pudo obtener el elemento de la tarjeta.",
"expiry_date": "Fecha de caducidad",
"loading": "Stripe.js no está cargado. Por favor, inténtalo de nuevo más tarde.",
"name_placeholder": "Introduce el nombre del titular de la tarjeta",
"name_required": "Se requiere el nombre del titular de la tarjeta",
"pay_button": "Pagar Ahora",
"payment_failed": "El pago ha fallado, por favor inténtalo de nuevo.",
"processing": "Procesando el pago, por favor verifica el resultado más tarde.",
"processing_button": "Procesando...",
"secure_notice": "Tu información de pago está encriptada de forma segura",
"security_code": "Código de seguridad",
"success_message": "¡Gracias por tu pago!",
"success_title": "Pago Exitoso"
},
"error": "Ocurrió un error inesperado",
"qrcode": {
"alipay": "Escanea con Alipay para pagar",
"wechat_pay": "Escanea con WeChat para pagar"
}
}
}

2
apps/user/locales/es-ES/subscribe.json
View File

@ -27,6 +27,8 @@
"connectionSpeed": "Velocidad de conexión",
"productDetail": "Detalles del producto"
},
"discount": "Descuento",
"discountInfo": "Información del Descuento",
"enterAmount": "Ingrese el monto de recarga",
"enterCoupon": "Introduce el código de cupón",
"methods": {

1
apps/user/locales/es-ES/wallet.json
View File

@ -1,5 +1,6 @@
{
"amount": "Cantidad",
"assetOverview": "Descripción del activo",
"balance": "saldo",
"commission": "Comisión",
"createdAt": "hora",

2
apps/user/locales/es-MX/affiliate.json
View File

@ -7,5 +7,5 @@
"inviteRecords": "Registros de invitación",
"registrationTime": "Hora de registro",
"totalCommission": "Comisión total",
"userEmail": "Correo electrónico del usuario"
"userIdentifier": "Identificador de Usuario"
}

1
apps/user/locales/es-MX/dashboard.json
View File

@ -13,6 +13,7 @@
"mySubscriptions": "Mis suscripciones",
"nextResetDays": "Próximo reinicio/días",
"noLimit": "Sin Límite",
"noReset": "Sin Reinicio",
"prompt": "Sugerencia",
"purchaseSubscription": "Comprar suscripción",
"qrCode": "Código QR",

26
apps/user/locales/es-MX/payment.json Normal file
View File

@ -0,0 +1,26 @@
{
"stripe": {
"card": {
"card_name": "Nombre del titular de la tarjeta",
"card_number": "Número de tarjeta",
"element_error": "No se pudo obtener el elemento de la tarjeta.",
"expiry_date": "Fecha de expiración",
"loading": "Stripe.js no se ha cargado. Por favor, inténtalo de nuevo más tarde.",
"name_placeholder": "Ingresa el nombre del titular de la tarjeta",
"name_required": "Se requiere el nombre del titular de la tarjeta",
"pay_button": "Pagar Ahora",
"payment_failed": "El pago falló, por favor inténtalo de nuevo.",
"processing": "Procesando el pago, por favor verifica el resultado más tarde.",
"processing_button": "Procesando...",
"secure_notice": "Tu información de pago está encriptada de forma segura",
"security_code": "Código de seguridad",
"success_message": "¡Gracias por tu pago!",
"success_title": "Pago Exitoso"
},
"error": "Ocurrió un error inesperado",
"qrcode": {
"alipay": "Escanea con Alipay para pagar",
"wechat_pay": "Escanea con WeChat para pagar"
}
}
}

2
apps/user/locales/es-MX/subscribe.json
View File

@ -27,6 +27,8 @@
"connectionSpeed": "Velocidad de conexión",
"productDetail": "Detalles del producto"
},
"discount": "Descuento",
"discountInfo": "Información del Descuento",
"enterAmount": "Ingresa el monto de recarga",
"enterCoupon": "Ingresa el código de cupón",
"methods": {

1
apps/user/locales/es-MX/wallet.json
View File

@ -1,5 +1,6 @@
{
"amount": "Monto",
"assetOverview": "Descripción del Activo",
"balance": "saldo",
"commission": "Comisión",
"createdAt": "Hora",

2
apps/user/locales/fa-IR/affiliate.json
View File

@ -7,5 +7,5 @@
"inviteRecords": "سوابق دعوت",
"registrationTime": "زمان ثبت‌نام",
"totalCommission": "کمیسیون کل",
"userEmail": "ایمیل کاربر"
"userIdentifier": "شناسه کاربر"
}

1
apps/user/locales/fa-IR/dashboard.json
View File

@ -13,6 +13,7 @@
"mySubscriptions": "اشتراک‌های من",
"nextResetDays": "روزهای باقی‌مانده تا بازنشانی بعدی",
"noLimit": "بدون محدودیت",
"noReset": "عدم بازنشانی",
"prompt": "پیشنهاد",
"purchaseSubscription": "خرید اشتراک",
"qrCode": "کد QR",

26
apps/user/locales/fa-IR/payment.json Normal file
View File

@ -0,0 +1,26 @@
{
"stripe": {
"card": {
"card_name": "نام دارنده کارت",
"card_number": "شماره کارت",
"element_error": "عدم توانایی در دریافت عنصر کارت.",
"expiry_date": "تاریخ انقضا",
"loading": "Stripe.js بارگذاری نشده است. لطفاً بعداً دوباره تلاش کنید.",
"name_placeholder": "نام دارنده کارت را وارد کنید",
"name_required": "نام دارنده کارت الزامی است",
"pay_button": "همین حالا پرداخت کنید",
"payment_failed": "پرداخت ناموفق بود، لطفاً دوباره تلاش کنید.",
"processing": "پرداخت در حال پردازش است، لطفاً نتیجه را بعداً بررسی کنید.",
"processing_button": "در حال پردازش...",
"secure_notice": "اطلاعات پرداخت شما به صورت ایمن رمزگذاری شده است",
"security_code": "کد امنیتی",
"success_message": "از پرداخت شما متشکریم!",
"success_title": "پرداخت موفق"
},
"error": "یک خطای غیرمنتظره رخ داده است",
"qrcode": {
"alipay": "برای پرداخت با Alipay اسکن کنید",
"wechat_pay": "برای پرداخت با WeChat اسکن کنید"
}
}
}

2
apps/user/locales/fa-IR/subscribe.json
View File

@ -27,6 +27,8 @@
"connectionSpeed": "سرعت اتصال",
"productDetail": "جزئیات محصول"
},
"discount": "تخفیف",
"discountInfo": "اطلاعات تخفیف",
"enterAmount": "مبلغ شارژ را وارد کنید",
"enterCoupon": "کد تخفیف را وارد کنید",
"methods": {

1
apps/user/locales/fa-IR/wallet.json
View File

@ -1,5 +1,6 @@
{
"amount": "مقدار",
"assetOverview": "بررسی دارایی",
"balance": "تعادل",
"commission": "کمیسیون",
"createdAt": "زمان",

2
apps/user/locales/fi-FI/affiliate.json
View File

@ -7,5 +7,5 @@
"inviteRecords": "Kutsuhistoria",
"registrationTime": "Rekisteröintiaika",
"totalCommission": "Kokonaisprovisio",
"userEmail": "Käyttäjän sähköposti"
"userIdentifier": "Käyttäjän tunnus"
}

1
apps/user/locales/fi-FI/dashboard.json
View File

@ -13,6 +13,7 @@
"mySubscriptions": "Omat tilaukset",
"nextResetDays": "Seuraava nollaus/päivää",
"noLimit": "Ei rajoitusta",
"noReset": "Ei nollata",
"prompt": "kehotus",
"purchaseSubscription": "Osta tilaus",
"qrCode": "QR-koodi",

26
apps/user/locales/fi-FI/payment.json Normal file
View File

@ -0,0 +1,26 @@
{
"stripe": {
"card": {
"card_name": "Kortinhaltijan nimi",
"card_number": "Korttinumero",
"element_error": "Korttielementtiä ei voitu saada.",
"expiry_date": "Voimassaoloaika",
"loading": "Stripe.js ei ole ladattu. Yritä myöhemmin uudelleen.",
"name_placeholder": "Syötä kortinhaltijan nimi",
"name_required": "Kortinhaltijan nimi on pakollinen",
"pay_button": "Maksa nyt",
"payment_failed": "Maksu epäonnistui, yritä uudelleen.",
"processing": "Maksua käsitellään, tarkista tulos myöhemmin.",
"processing_button": "Käsitellään...",
"secure_notice": "Maksutietosi on salattu turvallisesti",
"security_code": "Turvakoodi",
"success_message": "Kiitos maksustasi!",
"success_title": "Maksu onnistui"
},
"error": "Odottamaton virhe tapahtui",
"qrcode": {
"alipay": "Skannaa Alipaylla maksamista varten",
"wechat_pay": "Skannaa WeChatilla maksamista varten"
}
}
}

2
apps/user/locales/fi-FI/subscribe.json
View File

@ -27,6 +27,8 @@
"connectionSpeed": "Yhteysnopeus",
"productDetail": "Tuotteen tiedot"
},
"discount": "Alennus",
"discountInfo": "Alennustiedot",
"enterAmount": "Syötä latausmäärä",
"enterCoupon": "Syötä alennuskoodi",
"methods": {

1
apps/user/locales/fi-FI/wallet.json
View File

@ -1,5 +1,6 @@
{
"amount": "Määrä",
"assetOverview": "Omaisuuden yleiskatsaus",
"balance": "Saldo",
"commission": "Komissio",
"createdAt": "Aika",

2
apps/user/locales/fr-FR/affiliate.json
View File

@ -7,5 +7,5 @@
"inviteRecords": "Historique des invitations",
"registrationTime": "Heure d'inscription",
"totalCommission": "Commission totale",
"userEmail": "Adresse e-mail de l'utilisateur"
"userIdentifier": "Identifiant de l'utilisateur"
}

Some files were not shown because too many files have changed in this diff Show More