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

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);