create-ern-boilerplate 0.0.21 → 0.0.23

package/create.js

@@ -138,6 +138,46 @@ async function main() {
             await fs.writeJson(appJsonPath, appJson, { spaces: 2 });
         }
 
+        // === Update app.staging.json ===
+        const appJsonPathStaging = path.join(targetDir, "app.staging.json");
+        if (fs.existsSync(appJsonPathStaging)) {
+            const appJsonStaging = await fs.readJson(appJsonPathStaging);
+            appJsonStaging.expo = appJsonStaging.expo || {};
+            appJsonStaging.expo.name = projectName;
+            appJsonStaging.expo.slug = projectName.toLowerCase().replace(/\s+/g, "-");
+            appJsonStaging.expo.ios = appJsonStaging.expo.ios || {};
+            appJsonStaging.expo.android = appJsonStaging.expo.android || {};
+            appJsonStaging.expo.ios.bundleIdentifier = `com.${projectName.toLowerCase()}.app`;
+            appJsonStaging.expo.android.package = `com.${projectName.toLowerCase()}.app`;
+            appJsonStaging.expo.scheme = projectName.toLowerCase();
+            if (appJsonStaging.expo.extra && appJsonStaging.expo.extra.eas) {
+                appJsonStaging.expo.extra.eas.projectId = "";
+            }
+            appJsonStaging.expo.extra.ENV = "staging";
+            appJsonStaging.expo.extra.BASE_URL = "";
+            await fs.writeJson(appJsonPathStaging, appJsonStaging, { spaces: 2 });
+        }
+
+        // === Update app.prod.json ===
+        const appJsonPathProd = path.join(targetDir, "app.prod.json");
+        if (fs.existsSync(appJsonPathProd)) {
+            const appJsonProd = await fs.readJson(appJsonPathProd);
+            appJsonProd.expo = appJsonProd.expo || {};
+            appJsonProd.expo.name = projectName;
+            appJsonProd.expo.slug = projectName.toLowerCase().replace(/\s+/g, "-");
+            appJsonProd.expo.ios = appJsonProd.expo.ios || {};
+            appJsonProd.expo.android = appJsonProd.expo.android || {};
+            appJsonProd.expo.ios.bundleIdentifier = `com.${projectName.toLowerCase()}.app`;
+            appJsonProd.expo.android.package = `com.${projectName.toLowerCase()}.app`;
+            appJsonProd.expo.scheme = projectName.toLowerCase();
+            if (appJsonProd.expo.extra && appJsonProd.expo.extra.eas) {
+                appJsonProd.expo.extra.eas.projectId = "";
+            }
+            appJsonProd.expo.extra.ENV = "production";
+            appJsonProd.expo.extra.BASE_URL = "";
+            await fs.writeJson(appJsonPathProd, appJsonProd, { spaces: 2 });
+        }
+
         spinner.succeed(`✅ Template "${templateName}" berhasil dibuat!`);
     } catch (err) {
         spinner.fail("❌ Terjadi kesalahan saat membuat project.");

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "create-ern-boilerplate",
-  "version": "0.0.21",
+  "version": "0.0.23",
   "description": "Expo React Native boilerplate generator",
   "bin": {
     "create-ern-boilerplate": "./create.js",

package/templates/default/app.prod.json

@@ -0,0 +1,60 @@
+{
+  "expo": {
+    "name": "APP_NAME", 
+    "slug": "APP_SLUG",
+    "version": "1.0.0",
+    "orientation": "portrait",
+    "icon": "./src/assets/images/icon.png",
+    "scheme": "myapp",
+    "userInterfaceStyle": "automatic",
+    "splash": {
+      "image": "./src/assets/images/splash-icon.png",
+      "resizeMode": "contain",
+      "backgroundColor": "#ffffff"
+    },
+    "assetBundlePatterns": ["**/*"],
+    "ios": {
+      "supportsTablet": true,
+      "bundleIdentifier": "com.yourname.APP_SLUG"
+    },
+    "android": {
+      "adaptiveIcon": {
+        "foregroundImage": "./src/assets/images/adaptive-icon.png",
+        "backgroundColor": "#ffffff"
+      },
+      "package": "com.yourname.APP_SLUG",
+      "versionCode": 1
+    },
+    "web": {
+      "bundler": "metro",
+      "output": "static",
+      "favicon": "./src/assets/images/favicon.png"
+    },
+    "plugins": [
+      "expo-router",
+      [
+        "expo-secure-store",
+        {
+          "requireFullDiskAccess": false
+        }
+      ]
+    ],
+    "experiments": {
+      "typedRoutes": true
+    },
+    "extra": {
+      "eas": {
+        "projectId": ""
+      },
+      "BASE_URL": "https://api.production.com",
+      "ENV": "production"
+    },
+    "updates": {
+      "enabled": true,
+      "checkAutomatically": "ON_LOAD"
+    },
+    "runtimeVersion": {
+      "policy": "sdkVersion"
+    }
+  }
+}

package/templates/default/app.staging.json

@@ -0,0 +1,60 @@
+{
+  "expo": {
+    "name": "APP_NAME", 
+    "slug": "APP_SLUG",
+    "version": "1.0.0",
+    "orientation": "portrait",
+    "icon": "./src/assets/images/icon.png",
+    "scheme": "myapp",
+    "userInterfaceStyle": "automatic",
+    "splash": {
+      "image": "./src/assets/images/splash-icon.png",
+      "resizeMode": "contain",
+      "backgroundColor": "#ffffff"
+    },
+    "assetBundlePatterns": ["**/*"],
+    "ios": {
+      "supportsTablet": true,
+      "bundleIdentifier": "com.yourname.APP_SLUG"
+    },
+    "android": {
+      "adaptiveIcon": {
+        "foregroundImage": "./src/assets/images/adaptive-icon.png",
+        "backgroundColor": "#ffffff"
+      },
+      "package": "com.yourname.APP_SLUG",
+      "versionCode": 1
+    },
+    "web": {
+      "bundler": "metro",
+      "output": "static",
+      "favicon": "./src/assets/images/favicon.png"
+    },
+    "plugins": [
+      "expo-router",
+      [
+        "expo-secure-store",
+        {
+          "requireFullDiskAccess": false
+        }
+      ]
+    ],
+    "experiments": {
+      "typedRoutes": true
+    },
+    "extra": {
+      "eas": {
+        "projectId": ""
+      },
+      "BASE_URL": "https://api.staging.com",
+      "ENV": "staging"
+    },
+    "updates": {
+      "enabled": true,
+      "checkAutomatically": "ON_LOAD"
+    },
+    "runtimeVersion": {
+      "policy": "sdkVersion"
+    }
+  }
+}

package/templates/default/eas.json

@@ -0,0 +1,42 @@
+{
+  "cli": {
+    "version": ">= 3.0.0"
+  },
+  "build": {
+    "development": {
+      "distribution": "internal",
+      "developmentClient": true,
+      "autoIncrement": true,
+      "env": {
+        "APP_ENV": "development",
+        "API_BASE_URL": "http://localhost:3000"
+      }
+    },
+    "staging": {
+      "distribution": "internal",
+      "autoIncrement": true,
+      "env": {
+        "APP_ENV": "staging",
+        "API_BASE_URL": "https://api.staging.com"
+      }
+    },
+    "production": {
+      "distribution": "store",
+      "autoIncrement": true,
+      "env": {
+        "APP_ENV": "production",
+        "API_BASE_URL": "https://api.production.com"
+      }
+    }
+  },
+  "submit": {
+    "production": {
+      "android": {
+        "serviceAccountKeyPath": "./credentials/google-service-account.json"
+      },
+      "ios": {
+        "appleId": "you@example.com"
+      }
+    }
+  }
+}

package/templates/default/package.json

@@ -4,23 +4,39 @@
   "main": "expo-router/entry",
   "scripts": {
     "start": "expo start --clear",
+    "start:staging": "expo start --clear --config app.staging.json",
+    "start:prod": "expo start --clear --config app.prod.json",
     "android": "expo start --android",
     "ios": "expo start --ios",
     "web": "expo start --web",
     "lint": "eslint .",
-    "type-check": "tsc --noEmit"
+    "type-check": "tsc --noEmit",
+    
+    "build": "eas build --profile development --platform all --local",
+    "build:staging": "eas build --profile staging --platform all --local --config app.staging.json",
+    "build:prod": "eas build --profile production --platform all --local --config app.prod.json",
+
+    "build:android": "eas build --profile development --platform android --local",
+    "build:ios": "eas build --profile development --platform ios --local",
+
+    "prebuild": "expo prebuild --clean",
+    "clean": "rm -rf node_modules && rm -rf .expo && rm -rf android && rm -rf ios && npm install"
   },
   "dependencies": {
     "axios": "^1.7.2",
     "babel-preset-expo": "^54.0.5",
     "expo": "~54.0.0",
     "expo-constants": "~18.0.9",
+    "expo-image-picker": "~17.0.8",
+    "expo-linear-gradient": "~15.0.7",
     "expo-linking": "~8.0.8",
+    "expo-local-authentication": "~17.0.7",
     "expo-router": "^6.0.12",
     "expo-secure-store": "~15.0.7",
     "expo-status-bar": "~3.0.8",
     "lucide-react-native": "^0.546.0",
-    "nativewind": "^4.0.1",
+    "metro-config": "^0.83.3",
+    "nativewind": "^4.0.36",
     "react": "19.1.0",
     "react-dom": "19.1.0",
     "react-native": "^0.81.4",
@@ -28,27 +44,33 @@
     "react-native-reanimated": "~4.1.1",
     "react-native-safe-area-context": "~5.6.0",
     "react-native-screens": "~4.16.0",
-    "react-native-worklets": "0.5.1",
     "react-native-svg": "15.12.1",
     "react-native-toast-message": "^2.3.3",
-    "expo-linear-gradient": "~15.0.7",
-    "expo-local-authentication": "~17.0.7"
+    "react-native-web": "^0.21.0",
+    "react-native-worklets": "0.5.1"
   },
   "devDependencies": {
     "@babel/core": "^7.26.0",
+    "@babel/plugin-transform-react-jsx": "^7.27.1",
     "@types/react": "~19.1.10",
     "@types/react-native": "^0.73.0",
     "babel-plugin-module-resolver": "^5.0.2",
     "eslint": "^9.12.0",
     "eslint-config-prettier": "^9.1.0",
     "prettier": "^3.3.3",
+    "react-refresh": "^0.18.0",
     "tailwindcss": "^3.4.13",
     "typescript": "~5.9.2"
   },
   "private": true,
   "expo": {
     "install": {
-      "exclude": ["react", "expo", "expo-constants", "react-native"]
+      "exclude": [
+        "react",
+        "expo",
+        "expo-constants",
+        "react-native"
+      ]
     }
   }
-}
+}

package/templates/default/src/services/authService.ts

@@ -19,6 +19,9 @@ class AuthService {
   }
 
   async getCurrentUser(): Promise<User> {
+    if (API_CONFIG.MOCK_API) {
+      return await mockApi.get<User>('/auth/me');;
+    }
     return await api.get<User>('/auth/me');
   }
 

package/templates/default/src/utils/constants.ts

@@ -4,13 +4,14 @@ const extra = Constants.expoConfig?.extra || {};
 
 export const APP_CONFIG = {
   NAME: extra.APP_NAME || Constants.expoConfig?.name || 'Default App',
-  BASE_URL: extra.BASE_URL || (__DEV__ ? 'http://localhost:3000' : 'https://api.production.com'),
+  BASE_URL: extra.BASE_URL,
+  MOCK_API: !["staging", "production"].includes(extra.ENV)
 };
 
 export const API_CONFIG = {
   BASE_URL: APP_CONFIG.BASE_URL,
   TIMEOUT: 10000,
-  MOCK_API: __DEV__
+  MOCK_API: APP_CONFIG.MOCK_API
 };
 
 export const ROUTES = {

package/templates/default_draft/README.md

@@ -0,0 +1,3 @@
+# Expo React Native Boilerplate
+
+A comprehensive boilerplate for building React Native applications with Expo, featuring authentication, theming, and a clean architecture.

package/templates/{simple/app/(admin)/profile.tsx → default_draft/app/(admin)/draft_profile.tsx}

@@ -11,13 +11,13 @@ import {
   Image,
 } from 'react-native';
 import { User, Mail, Phone, MapPin, Calendar, Edit2, Save, X } from 'lucide-react-native';
-import { useTheme } from '@/hooks/useTheme';
-import { useAuth } from '@/hooks/useAuth';
-import { useUsers } from '@/hooks/useUsers';
+import { useTheme } from '@/hooks/draft_useTheme';
+import { useAuth } from '@/hooks/draft_useAuth';
+import { useUsers } from '@/hooks/draft_useUsers';
 import { SafeAreaView } from 'react-native-safe-area-context';
-import { AppHeader } from '@/components/header/AppHeader';
+import { AppHeader } from '@/components/header/draft_AppHeader';
 import { useRouter } from 'expo-router';
-import { UpdateUserInput } from '@/types/user.types';
+import { UpdateUserInput } from '@/types/draft_user.types';
 
 export default function ProfileScreen() {
   const { colors } = useTheme();

package/templates/{simple/app/(admin)/user-management.tsx → default_draft/app/(admin)/draft_userManagement.tsx}

@@ -12,15 +12,15 @@ import {
   FlatList,
 } from 'react-native';
 import { Search, UserPlus, Filter, X } from 'lucide-react-native';
-import { useTheme } from '@hooks/useTheme';
-import { CreateUserInput, UpdateUserInput } from '@/types/user.types';
+import { useTheme } from '@/hooks/draft_useTheme';
+import { CreateUserInput, UpdateUserInput } from '@/types/draft_user.types';
 import { SafeAreaView } from 'react-native-safe-area-context';
-import { AppHeader } from '@/components/header/AppHeader';
+import { AppHeader } from '@/components/header/draft_AppHeader';
 import { useRouter } from 'expo-router';
 import Toast from 'react-native-toast-message';
 
 // Custom Hook
-import { useUsers } from '@/hooks/useUsers';
+import { useUsers } from '@/hooks/draft_useUsers';
 
 // Components
 import { UserCard } from '@/components/users/UserCard';

package/templates/{simple → default_draft}/app/(auth)/_layout.tsx

@@ -1,7 +1,7 @@
 import { Slot, useRouter } from 'expo-router';
 import { useContext, useEffect } from 'react';
 import { View, ActivityIndicator } from 'react-native';
-import { AuthContext } from '@/contexts/AuthContext';
+import { AuthContext } from '@/contexts/draft_AuthContext';
 
 export default function AuthLayout() {
   const { isAuthenticated, isLoading } = useContext(AuthContext);
@@ -9,7 +9,7 @@ export default function AuthLayout() {
 
   useEffect(() => {
     if (!isLoading && isAuthenticated) {
-      router.replace('/(protected)/home'); // atau '/(tabs)' kalau kamu pakai tab navigation
+      router.replace('/(protected)/draft_home'); // atau '/(tabs)' kalau kamu pakai tab navigation
     }
   }, [isLoading, isAuthenticated]);
 

package/templates/{simple/app/(auth)/login.tsx → default_draft/app/(auth)/draft_login.tsx}

@@ -16,12 +16,12 @@ import { Link } from 'expo-router';
 import { Mail, Lock, Eye, EyeOff, LogIn, Sparkles, TentTree, Biohazard, Fingerprint } from 'lucide-react-native';
 import * as LocalAuthentication from 'expo-local-authentication';
 import * as SecureStore from 'expo-secure-store';
-import { useAuth } from '@/hooks/useAuth';
-import { useTheme } from '@/hooks/useTheme';
+import { useAuth } from '@/hooks/draft_useAuth';
+import { useTheme } from '@/hooks/draft_useTheme';
 import { Button } from '@/components/common/Button';
-import { validation } from '@/utils/validation';
-import { APP_CONFIG } from '@/utils/constants';
+import { APP_CONFIG } from '@/utils/draft_constants';
 import Toast from 'react-native-toast-message';
+import { validation } from '@/utils/draft_validation';
 
 const { width, height } = Dimensions.get('window');
 
@@ -525,7 +525,7 @@ export default function LoginScreen() {
               <Text style={[styles.signUpText, { color: colors.textSecondary }]}>
                 Don't have an account?{' '}
               </Text>
-              <Link href="/(auth)/register" asChild>
+              <Link href="/(auth)/draft_register" asChild>
                 <TouchableOpacity activeOpacity={0.7}>
                   <Text style={[styles.signUpLink, { color: colors.primary }]}>
                     Sign Up

package/templates/{simple/app/(auth)/register.tsx → default_draft/app/(auth)/draft_register.tsx}

@@ -14,10 +14,10 @@ import {
 } from 'react-native';
 import { Link } from 'expo-router';
 import { User, Mail, Lock, Eye, EyeOff, UserPlus, Sparkles, CheckCircle2 } from 'lucide-react-native';
-import { useAuth } from '@/hooks/useAuth';
-import { useTheme } from '@/hooks/useTheme';
+import { useAuth } from '@/hooks/draft_useAuth';
+import { useTheme } from '@/hooks/draft_useTheme';
 import { Button } from '@/components/common/Button';
-import { validation } from '@/utils/validation';
+import { validation } from '@/utils/draft_validation';
 
 const { width, height } = Dimensions.get('window');
 
@@ -340,7 +340,7 @@ export default function RegisterScreen() {
               <Text style={[styles.signInText, { color: colors.textSecondary }]}>
                 Already have an account?{' '}
               </Text>
-              <Link href="/(auth)/login" asChild>
+              <Link href="/(auth)/draft_register" asChild>
                 <TouchableOpacity activeOpacity={0.7}>
                   <Text style={[styles.signInLink, { color: colors.primary }]}>
                     Sign In

package/templates/{simple → default_draft}/app/(protected)/_layout.tsx

@@ -3,8 +3,8 @@ import { View, Text, TouchableOpacity, StyleSheet, Platform } from 'react-native
 import { Tabs, Redirect } from 'expo-router';
 import { Home, User, Settings } from 'lucide-react-native';
 import { useSafeAreaInsets } from 'react-native-safe-area-context';
-import { useTheme } from '@/hooks/useTheme';
-import { useAuth } from '@/hooks/useAuth';
+import { useTheme } from '@/hooks/draft_useTheme';
+import { useAuth } from '@/hooks/draft_useAuth';
 
 export default function MainLayout() {
   const { colors } = useTheme();
@@ -13,7 +13,7 @@ export default function MainLayout() {
 
   // Redirect to login if not authenticated
   if (!isAuthenticated) {
-    return <Redirect href="/(auth)/login" />;
+    return <Redirect href="/(auth)/draft_login" />;
   }
 
   // Check if user is admin
@@ -48,7 +48,7 @@ export default function MainLayout() {
       }}
     >
       <Tabs.Screen
-        name="home"
+        name="draft_home"
         options={{
           title: 'Home',
           tabBarIcon: ({ color, focused }) => (
@@ -63,7 +63,7 @@ export default function MainLayout() {
       />
 
       <Tabs.Screen
-        name="settings"
+        name="draft_settings"
         options={{
           title: 'Settings',
           tabBarIcon: ({ color, focused }) => (

package/templates/{simple/app/(protected)/home.tsx → default_draft/app/(protected)/draft_home.tsx}

@@ -8,11 +8,11 @@ import {
   ActivityIndicator,
   Dimensions,
 } from 'react-native';
-import { useTheme } from '@/hooks/useTheme';
-import { useAuth } from '@/hooks/useAuth';
+import { useTheme } from '@/hooks/draft_useTheme';
+import { useAuth } from '@/hooks/draft_useAuth';
 import { useRouter } from 'expo-router';
 import { SafeAreaView } from 'react-native-safe-area-context';
-import { AppHeader } from '@/components/header/AppHeader';
+import { AppHeader } from '@/components/header/draft_AppHeader';
 import Toast from 'react-native-toast-message';
 
 const { width } = Dimensions.get('window');
@@ -55,7 +55,7 @@ export default function HomeScreen() {
 
 
   const handleProfilePress = () => {
-    router.push('/(protected)/settings');
+    router.push('/(protected)/draft_settings');
   };
 
 

package/templates/{simple/app/(protected)/settings.tsx → default_draft/app/(protected)/draft_settings.tsx}

@@ -21,10 +21,10 @@ import {
   Globe,
   User,
 } from 'lucide-react-native';
-import { useTheme } from '@hooks/useTheme';
-import { useAuth } from '@hooks/useAuth';
+import { useTheme } from '@/hooks/draft_useTheme';
+import { useAuth } from '@/hooks/draft_useAuth';
 import { useRouter } from 'expo-router';
-import { AppHeader } from '@/components/header/AppHeader';
+import { AppHeader } from '@/components/header/draft_AppHeader';
 import { SafeAreaView } from 'react-native-safe-area-context';
 
 export default function SettingsScreen() {
@@ -49,7 +49,7 @@ export default function SettingsScreen() {
           style: 'destructive',
           onPress: async () => {
             await logout();
-            router.replace('/(auth)/login');
+            router.replace('/(auth)/draft_login');
           },
         },
       ]
@@ -133,7 +133,7 @@ export default function SettingsScreen() {
             icon={User}
             title="My Profile"
             subtitle="Manage your personal information"
-            onPress={() => router.push('/(admin)/profile')}
+            onPress={() => router.push('/(admin)/draft_profile')}
           />
         </SettingSection>
 
@@ -202,7 +202,7 @@ export default function SettingsScreen() {
               icon={Users}
               title="User Management"
               subtitle="Manage users and permissions"
-              onPress={() => router.push('/(admin)/user-management')}
+              onPress={() => router.push('/(admin)/draft_userManagement')}
             />
             <SettingItem
               icon={Globe}

package/templates/{simple → default_draft}/app/_layout.tsx

@@ -1,6 +1,6 @@
 import { Stack } from 'expo-router';
-import { AuthProvider } from '@/contexts/AuthContext';
-import { ThemeProvider } from '@contexts/ThemeContext';
+import { AuthProvider } from '@/contexts/draft_AuthContext';
+import { ThemeProvider } from '@/contexts/draft_ThemeContext';
 import { SafeAreaProvider } from 'react-native-safe-area-context';
 import '../global.css';
 import Toast from 'react-native-toast-message';

package/templates/{simple → default_draft}/src/components/auth/ProtectedRoute.tsx

@@ -2,8 +2,8 @@
 import React from 'react';
 import { View, Text, StyleSheet, ActivityIndicator } from 'react-native';
 import { Redirect } from 'expo-router';
-import { useAuth } from '@/hooks/useAuth';
-import { useTheme } from '@/hooks/useTheme';
+import { useAuth } from '@/hooks/draft_useAuth';
+import { useTheme } from '@/hooks/draft_useTheme';
 import { ShieldAlert } from 'lucide-react-native';
 
 interface ProtectedRouteProps {

package/templates/{simple → default_draft}/src/components/common/Card.tsx

@@ -1,6 +1,6 @@
 import React from 'react';
 import { View, ViewProps } from 'react-native';
-import { useTheme } from '@hooks/useTheme';
+import { useTheme } from '@/hooks/draft_useTheme';
 
 interface CardProps extends ViewProps {
   children: React.ReactNode;

package/templates/{simple → default_draft}/src/components/common/Input.tsx

@@ -1,6 +1,6 @@
 import React, { useState } from 'react';
 import { View, TextInput, Text, TouchableOpacity, TextInputProps } from 'react-native';
-import { useTheme } from '@hooks/useTheme';
+import { useTheme } from '@/hooks/draft_useTheme';
 
 interface InputProps extends TextInputProps {
   label?: string;

package/templates/{simple → default_draft}/src/components/common/Loading.tsx

@@ -1,6 +1,6 @@
 import React from 'react';
 import { View, ActivityIndicator, Text } from 'react-native';
-import { useTheme } from '@hooks/useTheme';
+import { useTheme } from '@/hooks/draft_useTheme';
 
 interface LoadingProps {
   text?: string;

package/templates/{simple → default_draft}/src/components/users/FilterModal.tsx

@@ -2,7 +2,7 @@
 import React, { useState } from 'react';
 import { View, Text, Modal, TouchableOpacity, StyleSheet } from 'react-native';
 import { X } from 'lucide-react-native';
-import { UserFilters } from '@/types/user.types';
+import { UserFilters } from '@/types/draft_user.types';
 
 interface FilterModalProps {
   visible: boolean;

package/templates/{simple → default_draft}/src/components/users/UserCard.tsx

@@ -2,7 +2,7 @@
 import React from 'react';
 import { View, Text, TouchableOpacity, StyleSheet, Image } from 'react-native';
 import { MoreVertical, Edit2, Shield, Trash2 } from 'lucide-react-native';
-import { UserData } from '@/types/user.types';
+import { UserData } from '@/types/draft_user.types';
 
 interface UserCardProps {
     user: UserData;

package/templates/{simple → default_draft}/src/components/users/UserFormModal.tsx

@@ -2,7 +2,7 @@
 import React, { useState, useEffect } from 'react';
 import { View, Text, Modal, TouchableOpacity, StyleSheet, ActivityIndicator } from 'react-native';
 import { X } from 'lucide-react-native';
-import { CreateUserInput, UpdateUserInput } from '@/types/user.types';
+import { CreateUserInput, UpdateUserInput } from '@/types/draft_user.types';
 import Toast from 'react-native-toast-message';
 import { FormInput } from '@/components/shared/FormInput';
 import { RoleSelector } from '@/components/shared/RoleSelector';