✨ feat(auth): Refactor mobile authentication config to support whitelist functionality

apps/admin/config/use-global.tsx

@@ -24,9 +24,8 @@ export const useGlobalStore = create<GlobalStore>((set) => ({
     auth: {
       mobile: {
         enable: false,
-        limit: 0,
+        enable_whitelist: false,
-        interval: 0,
+        whitelist: [],
-        expire_time: 0,
       },
       email: {
         enable: false,
@@ -36,10 +35,6 @@ export const useGlobalStore = create<GlobalStore>((set) => ({
       },
       register: {
         stop_register: false,
-        enable_trial: false,
-        trial_subscribe: 0,
-        trial_time: 0,
-        trial_time_unit: '',
         enable_ip_register_limit: false,
         ip_register_limit: 0,
         ip_register_limit_duration: 0,

apps/admin/services/admin/index.ts

@@ -1,5 +1,5 @@
 // @ts-ignore
-
+ 
 // API 更新时间：
 // API 唯一标识：
 import * as announcement from './announcement';

apps/admin/services/admin/typings.d.ts

@@ -68,7 +68,7 @@ declare namespace API {
   type AuthConfig = {
     mobile: MobileAuthenticateConfig;
     email: EmailAuthticateConfig;
-    register: RegisterConfig;
+    register: PubilcRegisterConfig;
   };
 
   type AuthMethodConfig = {
@@ -768,9 +768,8 @@ declare namespace API {
 
   type MobileAuthenticateConfig = {
     enable: boolean;
-    limit: number;
+    enable_whitelist: boolean;
-    interval: number;
+    whitelist: string[];
-    expire_time: number;
   };
 
   type NodeConfig = {
@@ -876,6 +875,17 @@ declare namespace API {
     list: PlatformInfo[];
   };
 
+  type PubilcRegisterConfig = {
+    stop_register: boolean;
+    enable_ip_register_limit: boolean;
+    ip_register_limit: number;
+    ip_register_limit_duration: number;
+  };
+
+  type PubilcVerifyCodeConfig = {
+    verify_code_interval: number;
+  };
+
   type RegisterConfig = {
     stop_register: boolean;
     enable_trial: boolean;

apps/admin/services/common/index.ts

@@ -1,5 +1,5 @@
 // @ts-ignore
-
+ 
 // API 更新时间：
 // API 唯一标识：
 import * as auth from './auth';

apps/admin/services/common/typings.d.ts

@@ -66,7 +66,7 @@ declare namespace API {
   type AuthConfig = {
     mobile: MobileAuthenticateConfig;
     email: EmailAuthticateConfig;
-    register: RegisterConfig;
+    register: PubilcRegisterConfig;
   };
 
   type AuthMethodConfig = {
@@ -152,7 +152,7 @@ declare namespace API {
     invite: InviteConfig;
     currency: CurrencyConfig;
     subscribe: SubscribeConfig;
-    verify_code: VerifyCodeConfig;
+    verify_code: PubilcVerifyCodeConfig;
     oauth_methods: string[];
   };
 
@@ -208,9 +208,8 @@ declare namespace API {
 
   type MobileAuthenticateConfig = {
     enable: boolean;
-    limit: number;
+    enable_whitelist: boolean;
-    interval: number;
+    whitelist: string[];
-    expire_time: number;
   };
 
   type NodeConfig = {
@@ -310,6 +309,17 @@ declare namespace API {
     enable: boolean;
   };
 
+  type PubilcRegisterConfig = {
+    stop_register: boolean;
+    enable_ip_register_limit: boolean;
+    ip_register_limit: number;
+    ip_register_limit_duration: number;
+  };
+
+  type PubilcVerifyCodeConfig = {
+    verify_code_interval: number;
+  };
+
   type RegisterConfig = {
     stop_register: boolean;
     enable_trial: boolean;

apps/user/app/(main)/(user)/profile/third-party-accounts.tsx

@@ -31,6 +31,8 @@ function MobileBindDialog({
   children: React.ReactNode;
 }) {
   const t = useTranslations('profile.thirdParty');
+  const { common } = useGlobalStore();
+  const { enable_whitelist, whitelist } = common.auth.mobile;
   const [open, setOpen] = useState(false);
 
   const formSchema = z.object({
@@ -88,6 +90,7 @@ function MobileBindDialog({
                                 className='w-32 rounded-r-none border-r-0'
                                 placeholder='Area code...'
                                 value={field.value}
+                                whitelist={enable_whitelist ? whitelist : []}
                                 onChange={(value) => {
                                   if (value.phone) {
                                     form.setValue(field.name, value.phone);

apps/user/app/auth/phone/register-form.tsx

@@ -29,6 +29,7 @@ export default function RegisterForm({
   const t = useTranslations('auth.register');
   const { common } = useGlobalStore();
   const { verify, auth, invite } = common;
+  const { enable_whitelist, whitelist } = auth.mobile;
 
   const formSchema = z
     .object({
@@ -87,6 +88,7 @@ export default function RegisterForm({
                                 className='w-32 rounded-r-none border-r-0'
                                 placeholder='Area code...'
                                 value={field.value}
+                                whitelist={enable_whitelist ? whitelist : []}
                                 onChange={(value) => {
                                   if (value.phone) {
                                     form.setValue('telephone_area_code', value.phone);

apps/user/config/use-global.tsx

@@ -30,9 +30,8 @@ export const useGlobalStore = create<GlobalStore>((set, get) => ({
     auth: {
       mobile: {
         enable: false,
-        limit: 0,
+        enable_whitelist: false,
-        interval: 0,
+        whitelist: [],
-        expire_time: 0,
       },
       email: {
         enable: false,
@@ -42,10 +41,6 @@ export const useGlobalStore = create<GlobalStore>((set, get) => ({
       },
       register: {
         stop_register: false,
-        enable_trial: false,
-        trial_subscribe: 0,
-        trial_time: 0,
-        trial_time_unit: '',
         enable_ip_register_limit: false,
         ip_register_limit: 0,
         ip_register_limit_duration: 0,

apps/user/services/common/index.ts

@@ -1,5 +1,5 @@
 // @ts-ignore
-
+ 
 // API 更新时间：
 // API 唯一标识：
 import * as auth from './auth';

apps/user/services/common/typings.d.ts

@@ -66,7 +66,7 @@ declare namespace API {
   type AuthConfig = {
     mobile: MobileAuthenticateConfig;
     email: EmailAuthticateConfig;
-    register: RegisterConfig;
+    register: PubilcRegisterConfig;
   };
 
   type AuthMethodConfig = {
@@ -152,7 +152,7 @@ declare namespace API {
     invite: InviteConfig;
     currency: CurrencyConfig;
     subscribe: SubscribeConfig;
-    verify_code: VerifyCodeConfig;
+    verify_code: PubilcVerifyCodeConfig;
     oauth_methods: string[];
   };
 
@@ -208,9 +208,8 @@ declare namespace API {
 
   type MobileAuthenticateConfig = {
     enable: boolean;
-    limit: number;
+    enable_whitelist: boolean;
-    interval: number;
+    whitelist: string[];
-    expire_time: number;
   };
 
   type NodeConfig = {
@@ -310,6 +309,17 @@ declare namespace API {
     enable: boolean;
   };
 
+  type PubilcRegisterConfig = {
+    stop_register: boolean;
+    enable_ip_register_limit: boolean;
+    ip_register_limit: number;
+    ip_register_limit_duration: number;
+  };
+
+  type PubilcVerifyCodeConfig = {
+    verify_code_interval: number;
+  };
+
   type RegisterConfig = {
     stop_register: boolean;
     enable_trial: boolean;

apps/user/services/user/typings.d.ts

@@ -60,7 +60,7 @@ declare namespace API {
   type AuthConfig = {
     mobile: MobileAuthenticateConfig;
     email: EmailAuthticateConfig;
-    register: RegisterConfig;
+    register: PubilcRegisterConfig;
   };
 
   type AuthMethodConfig = {
@@ -264,9 +264,8 @@ declare namespace API {
 
   type MobileAuthenticateConfig = {
     enable: boolean;
-    limit: number;
+    enable_whitelist: boolean;
-    interval: number;
+    whitelist: string[];
-    expire_time: number;
   };
 
   type NodeConfig = {
@@ -372,6 +371,17 @@ declare namespace API {
     deduction_amount: number;
   };
 
+  type PubilcRegisterConfig = {
+    stop_register: boolean;
+    enable_ip_register_limit: boolean;
+    ip_register_limit: number;
+    ip_register_limit_duration: number;
+  };
+
+  type PubilcVerifyCodeConfig = {
+    verify_code_interval: number;
+  };
+
   type PurchaseOrderRequest = {
     subscribe_id: number;
     quantity: number;

packages/ui/src/custom-components/area-code-select.tsx

@@ -22,21 +22,27 @@ interface AreaCodeSelectProps {
   className?: string;
   placeholder?: string;
   simple?: boolean;
+  whitelist?: string[];
 }
 
-const items = countries
+const filterItems = (whitelist?: string[]) => {
-  .filter((item) => !!item.phone)
+  const baseItems = countries
-  .map((item) => {
+    .filter((item) => !!item.phone)
-    const phones = item.phone!.split(',');
+    .map((item) => {
-    if (phones.length > 1) {
+      const phones = item.phone!.split(',');
-      return [...phones].map((phone) => ({
+      if (phones.length > 1) {
-        ...item,
+        return [...phones].map((phone) => ({
-        phone,
+          ...item,
-      }));
+          phone,
-    }
+        }));
-    return item;
+      }
-  })
+      return item;
-  .flat();
+    })
+    .flat();
+
+  if (!whitelist?.length) return baseItems;
+  return baseItems.filter((item) => whitelist.includes(item.phone!));
+};
 
 export const AreaCodeSelect = ({
   value,
@@ -44,16 +50,18 @@ export const AreaCodeSelect = ({
   className,
   placeholder = 'Select Area Code',
   simple = false,
+  whitelist,
 }: AreaCodeSelectProps) => {
   const [open, setOpen] = useState(false);
   const [selectedItem, setSelectedItem] = useState<ICountry | undefined>();
+  const items = filterItems(whitelist);
 
   useEffect(() => {
     if (value !== selectedItem?.phone) {
       const found = items.find((item) => item.phone === value);
       setSelectedItem(found);
     }
-  }, [selectedItem?.phone, value]);
+  }, [selectedItem?.phone, value, items]);
 
   return (
     <Popover open={open} onOpenChange={setOpen}>