✨ feat(log): Add message log retrieval functionality and update related typings

apps/admin/app/dashboard/auth-control/email/page.tsx

@@ -24,6 +24,7 @@ import { EnhancedInput } from '@workspace/ui/custom-components/enhanced-input';
 import { useTranslations } from 'next-intl';
 import { useRef, useState } from 'react';
 import { toast } from 'sonner';
+import { LogsTable } from '../log';
 
 export default function Page() {
   const t = useTranslations('email');
@@ -56,13 +57,13 @@ export default function Page() {
   }
 
   return (
-    <Tabs defaultValue='basic'>
+    <Tabs defaultValue='settings'>
       <TabsList className='h-full flex-wrap'>
-        <TabsTrigger value='basic'>{t('emailBasicConfig')}</TabsTrigger>
-        <TabsTrigger value='template'>{t('emailTemplate')}</TabsTrigger>
-        <TabsTrigger value='logs'>{t('emailLogs')}</TabsTrigger>
+        <TabsTrigger value='settings'>{t('settings')}</TabsTrigger>
+        <TabsTrigger value='template'>{t('template')}</TabsTrigger>
+        <TabsTrigger value='logs'>{t('logs')}</TabsTrigger>
       </TabsList>
-      <TabsContent value='basic'>
+      <TabsContent value='settings'>
         <Table>
           <TableBody>
             <TableRow>
@@ -313,7 +314,9 @@ export default function Page() {
         </div>
       </TabsContent>
 
-      <TabsContent value='logs'>Logs</TabsContent>
+      <TabsContent value='logs'>
+        <LogsTable type='email' />
+      </TabsContent>
     </Tabs>
   );
 }

apps/admin/app/dashboard/auth-control/general/register.tsx

@@ -1,11 +1,20 @@
 'use client';
 
+import { getSubscribeList } from '@/services/admin/subscribe';
 import { getRegisterConfig, updateRegisterConfig } from '@/services/admin/system';
 import { useQuery } from '@tanstack/react-query';
 import { Card, CardContent, CardHeader, CardTitle } from '@workspace/ui/components/card';
 import { Label } from '@workspace/ui/components/label';
+import {
+  Select,
+  SelectContent,
+  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 { Combobox } from '@workspace/ui/custom-components/combobox';
 import { EnhancedInput } from '@workspace/ui/custom-components/enhanced-input';
 import { useTranslations } from 'next-intl';
 import { toast } from 'sonner';
@@ -32,6 +41,17 @@ export function Register() {
     refetch();
   }
 
+  const { data: subscribe } = useQuery({
+    queryKey: ['getSubscribeList', 'all'],
+    queryFn: async () => {
+      const { data } = await getSubscribeList({
+        page: 1,
+        size: 9999,
+      });
+      return data.data?.list as API.Subscribe[];
+    },
+  });
+
   return (
     <Card>
       <CardHeader>
@@ -116,6 +136,63 @@ export function Register() {
                 />
               </TableCell>
             </TableRow>
+            <TableRow>
+              <TableCell>
+                <Label>{t('trialSubscribePlan')}</Label>
+                <p className='text-muted-foreground text-xs'>
+                  {t('trialSubscribePlanDescription')}
+                </p>
+              </TableCell>
+              <TableCell className='text-right'>
+                <EnhancedInput
+                  placeholder={t('trialDuration')}
+                  type='number'
+                  min={0}
+                  value={data?.trial_time}
+                  onValueBlur={(value) => updateConfig('trial_time', value)}
+                  prefix={
+                    <Select
+                      value={String(data?.trial_subscribe)}
+                      onValueChange={(value) => updateConfig('trial_subscribe', Number(value))}
+                    >
+                      <SelectTrigger className='bg-secondary rounded-r-none'>
+                        {data?.trial_subscribe ? (
+                          <SelectValue placeholder='Select Subscribe' />
+                        ) : (
+                          'Select Subscribe'
+                        )}
+                      </SelectTrigger>
+                      <SelectContent>
+                        {subscribe?.map((item) => (
+                          <SelectItem key={item.id} value={String(item.id)}>
+                            {item.name}
+                          </SelectItem>
+                        ))}
+                      </SelectContent>
+                    </Select>
+                  }
+                  suffix={
+                    <Combobox
+                      className='bg-secondary rounded-l-none'
+                      value={data?.trial_time_unit}
+                      onChange={(value) => {
+                        if (value) {
+                          updateConfig('trial_time_unit', value);
+                        }
+                      }}
+                      options={[
+                        { label: t('noLimit'), value: 'NoLimit' },
+                        { label: t('year'), value: 'Year' },
+                        { label: t('month'), value: 'Month' },
+                        { label: t('day'), value: 'Day' },
+                        { label: t('hour'), value: 'Hour' },
+                        { label: t('minute'), value: 'Minute' },
+                      ]}
+                    />
+                  }
+                />
+              </TableCell>
+            </TableRow>
           </TableBody>
         </Table>
       </CardContent>

apps/admin/app/dashboard/auth-control/general/verify.tsx

@@ -45,7 +45,7 @@ export function Verify() {
           <TableBody>
             <TableRow>
               <TableCell>
-                <Label>{t('turnstileSiteKey')}</Label>
+                <Label>Turnstile Site Key</Label>
                 <p className='text-muted-foreground text-xs'>{t('turnstileSiteKeyDescription')}</p>
               </TableCell>
               <TableCell className='text-right'>
@@ -58,7 +58,7 @@ export function Verify() {
             </TableRow>
             <TableRow>
               <TableCell>
-                <Label>{t('turnstileSecret')}</Label>
+                <Label>Turnstile Site Secret</Label>
                 <p className='text-muted-foreground text-xs'>{t('turnstileSecretDescription')}</p>
               </TableCell>
               <TableCell className='text-right'>

apps/admin/app/dashboard/auth-control/log/index.tsx

@@ -0,0 +1,108 @@
+import { ProTable, ProTableActions } from '@/components/pro-table';
+import { getMessageLogList } from '@/services/admin/log';
+import { Badge } from '@workspace/ui/components/badge';
+import { formatDate } from '@workspace/ui/utils';
+import { useTranslations } from 'next-intl';
+import { useRef } from 'react';
+
+export function LogsTable({ type }: { type: 'email' | 'mobile' }) {
+  const t = useTranslations('auth-control.log');
+  const ref = useRef<ProTableActions>(null);
+
+  return (
+    <ProTable<
+      API.MessageLog,
+      {
+        platform?: string;
+        to?: string;
+        subject?: string;
+        content?: string;
+        status?: number;
+      }
+    >
+      action={ref}
+      header={{
+        title: t(`${type}Log`),
+      }}
+      columns={[
+        {
+          accessorKey: 'id',
+          header: 'ID',
+        },
+        {
+          accessorKey: 'platform',
+          header: t('platform'),
+        },
+        {
+          accessorKey: 'to',
+          header: t('to'),
+        },
+        {
+          accessorKey: 'subject',
+          header: t('subject'),
+        },
+        {
+          accessorKey: 'content',
+          header: t('content'),
+        },
+        {
+          accessorKey: 'status',
+          header: t('status'),
+          cell: ({ row }) => {
+            const status = row.getValue('status');
+            const text = status === 1 ? t('sendSuccess') : t('sendFailed');
+            return <Badge variant={status === 1 ? 'default' : 'destructive'}>{text}</Badge>;
+          },
+        },
+        {
+          accessorKey: 'created_at',
+          header: t('createdAt'),
+          cell: ({ row }) => formatDate(row.getValue('created_at')),
+        },
+        {
+          accessorKey: 'updated_at',
+          header: t('updatedAt'),
+          cell: ({ row }) => formatDate(row.getValue('updated_at')),
+        },
+      ]}
+      params={[
+        // {
+        //   key: 'platform',
+        //   placeholder: t('platform'),
+        // },
+        {
+          key: 'to',
+          placeholder: t('to'),
+        },
+        {
+          key: 'subject',
+          placeholder: t('subject'),
+        },
+        {
+          key: 'content',
+          placeholder: t('content'),
+        },
+        {
+          key: 'status',
+          placeholder: t('status'),
+          options: [
+            { label: t('sendSuccess'), value: '1' },
+            { label: t('sendFailed'), value: '0' },
+          ],
+        },
+      ]}
+      request={async (pagination, filter) => {
+        const { data } = await getMessageLogList({
+          ...pagination,
+          ...filter,
+          status: filter.status === undefined ? undefined : Number(filter.status),
+          type: type,
+        });
+        return {
+          list: data.data?.list || [],
+          total: data.data?.total || 0,
+        };
+      }}
+    />
+  );
+}

apps/admin/app/dashboard/auth-control/phone/page.tsx

@@ -1,15 +1,12 @@
 'use client';
 
-import { ProTable, ProTableActions } from '@/components/pro-table';
 import {
   getAuthMethodConfig,
   getSmsPlatform,
   testSmsSend,
   updateAuthMethodConfig,
 } from '@/services/admin/authMethod';
-import { getSmsList } from '@/services/admin/sms';
 import { useQuery } from '@tanstack/react-query';
-import { Badge } from '@workspace/ui/components/badge';
 import { Button } from '@workspace/ui/components/button';
 import { Label } from '@workspace/ui/components/label';
 import {
@@ -26,11 +23,11 @@ import { Textarea } from '@workspace/ui/components/textarea';
 import { AreaCodeSelect } from '@workspace/ui/custom-components/area-code-select';
 import { EnhancedInput } from '@workspace/ui/custom-components/enhanced-input';
 import TagInput from '@workspace/ui/custom-components/tag-input';
-import { formatDate } from '@workspace/ui/utils';
 import { useTranslations } from 'next-intl';
 import Link from 'next/link';
-import { useRef, useState } from 'react';
+import { useState } from 'react';
 import { toast } from 'sonner';
+import { LogsTable } from '../log';
 
 export default function Page() {
   const t = useTranslations('phone');
@@ -456,67 +453,8 @@ export default function Page() {
       </TabsContent>
 
       <TabsContent value='logs'>
-        <LogsTable />
+        <LogsTable type='mobile' />
       </TabsContent>
     </Tabs>
   );
 }
-
-function LogsTable() {
-  const t = useTranslations('phone');
-  const ref = useRef<ProTableActions>(null);
-
-  return (
-    <ProTable<API.SMS, { telephone: string }>
-      action={ref}
-      header={{
-        title: t('SmsList'),
-      }}
-      columns={[
-        {
-          accessorKey: 'platform',
-          header: t('platform'),
-        },
-        {
-          accessorKey: 'areaCode',
-          header: t('areaCode'),
-        },
-        {
-          accessorKey: 'telephone',
-          header: t('telephone'),
-        },
-        {
-          accessorKey: 'content',
-          header: t('content'),
-        },
-        {
-          accessorKey: 'status',
-          header: t('status'),
-          cell: ({ row }) => {
-            const status = row.getValue('status');
-            const text = status === 1 ? t('sendSuccess') : t('sendFailed');
-            return <Badge variant={status === 1 ? 'default' : 'destructive'}>{text}</Badge>;
-          },
-        },
-        {
-          accessorKey: 'created_at',
-          header: t('createdAt'),
-          cell: ({ row }) => formatDate(row.getValue('created_at')),
-        },
-      ]}
-      params={[
-        {
-          key: 'telephone',
-          placeholder: t('search'),
-        },
-      ]}
-      request={async (pagination, filter) => {
-        const { data } = await getSmsList({ ...pagination, ...filter });
-        return {
-          list: data.data?.list || [],
-          total: data.data?.total || 0,
-        };
-      }}
-    />
-  );
-}