register update

.npmrc

@@ -1 +1,2 @@
 legacy-peer-deps=true
+node-linker=hoisted

api/URLs.ts

@@ -28,7 +28,7 @@ export const API_URLS = {
   User_Update: 'auth/user-update/',
   Employee_List: 'api/employee/',
   My_Ads: 'api/my-ads/',
-  My_Ads_Detail: (id: number) => `api/my-ads/${id}`,
+  Ads_Detail: (id: number) => `api/my-ads/${id}/`,
   My_Bonuses: 'api/cashback/',
   My_Refferals: 'api/referral/',
   Goverment_Service: '/api/goverment-service/',
@@ -36,4 +36,7 @@ export const API_URLS = {
   Notification_List: '/api/notifications/',
   Notification_Ready: (id: number) => `/api/notifications/${id}/read/`,
   Notification_Mark_All_Read: '/api/notifications/read-all/',
+  Info: "/auth/get-person/",
+  Get_Director_Info: "/auth/get-director/",
+  GetTokens: "/api/tokens/",
 };

api/httpClient.ts

@@ -82,7 +82,6 @@ httpClient.interceptors.response.use(
         // Original so'rovni qayta yuboramiz
         return httpClient(originalRequest);
       } catch (refreshError) {
-        console.error('Refresh token xatosi:', refreshError);
 
         // Refresh muvaffaqiyatsiz bo'lsa
         processQueue(refreshError);

app.json

@@ -2,7 +2,7 @@
   "expo": {
     "name": "Info target",
     "slug": "infotarget",
-    "version": "1.0.0",
+    "version": "1.0.3",
     "orientation": "portrait",
     "icon": "./assets/images/logo.png",
     "scheme": "infotarget",
@@ -13,12 +13,14 @@
       "infoPlist": {
         "UIBackgroundModes": [
           "remote-notification"
-        ]
+        ],
+        "UIViewControllerBasedStatusBarAppearance": true
       },
       "bundleIdentifier": "com.felix.infotarget"
     },
     "android": {
       "useNextNotificationsApi": true,
+      "softwareKeyboardLayoutMode": "resize",
       "adaptiveIcon": {
         "backgroundColor": "#E6F4FE",
         "foregroundImage": "./assets/images/logo.png"

app/(auth)/_layout.tsx

@@ -1,6 +1,14 @@
 // app/(auth)/_layout.tsx
+import { RegisterProvider } from '@/screens/auth/register/lib/useRegisterStore';
 import { Slot } from 'expo-router';
+import { GestureHandlerRootView } from 'react-native-gesture-handler';
 
 export default function AuthLayout() {
-  return <Slot />;
+  return (
+    <GestureHandlerRootView style={{ flex: 1 }}>
+      <RegisterProvider>
+        <Slot />
+      </RegisterProvider>
+    </GestureHandlerRootView>
+  )
 }

app/(auth)/register-form.tsx

@@ -0,0 +1,15 @@
+import RegisterFormScreen from '@/screens/auth/register/RegisterForm';
+import React from 'react';
+import { StyleSheet, View } from 'react-native';
+
+export default function Index() {
+    return (
+        <View style={styles.safeArea}>
+            <RegisterFormScreen />
+        </View>
+    );
+}
+
+const styles = StyleSheet.create({
+    safeArea: { flex: 1, backgroundColor: '#0f172a' },
+});

app/(auth)/register.tsx

@@ -1,21 +1,8 @@
-import RegisterScreen from '@/screens/auth/register/RegisterScreen';
+import RegisterFormScreen from '@/screens/auth/register/RegisterForm';
 import React from 'react';
-import { ScrollView, StyleSheet, View } from 'react-native';
 
 export default function Index() {
   return (
-    <View style={styles.safeArea}>
+    <RegisterFormScreen />
-      <ScrollView
-        contentContainerStyle={{ flexGrow: 1 }}
-        keyboardShouldPersistTaps="handled"
-        showsVerticalScrollIndicator={false}
-      >
-        <RegisterScreen />
-      </ScrollView>
-    </View>
   );
 }
-
-const styles = StyleSheet.create({
-  safeArea: { flex: 1, backgroundColor: '#0f172a' },
-});

app/(auth)/select-category.tsx

@@ -11,13 +11,13 @@ import React, { useState } from 'react';
 import { useTranslation } from 'react-i18next';
 import {
   ActivityIndicator,
-  Alert,
   ScrollView,
   StyleSheet,
   Text,
   TouchableOpacity,
-  View,
+  View
 } from 'react-native';
+import { Toast } from 'toastify-react-native';
 
 interface Category {
   id: number;
@@ -28,10 +28,17 @@ interface Category {
 export default function CategorySelectScreen() {
   const router = useRouter();
   const { t } = useTranslation();
-  const { phone, stir, person_type } = useLocalSearchParams<{
+  const { phone, stir, person_type, referal, director_full_name, first_name, last_name, district, company_name, address } = useLocalSearchParams<{
     phone: string;
     stir: string;
-    person_type: 'band' | 'ytt';
+    person_type: 'band' | 'ytt' | "legal_entity";
+    referal: string;
+    director_full_name: string;
+    first_name: string;
+    last_name: string;
+    district: string
+    address: string;
+    company_name: string;
   }>();
 
   const [selected, setSelected] = useState<number | null>(null);
@@ -63,19 +70,33 @@ export default function CategorySelectScreen() {
       stir: string;
       person_type: string;
       activate_types: number[];
+      director_full_name: string;
+      referral: string;
+      first_name: string;
+      last_name: string;
+      district: number;
+      company_name: string;
+      address: number;
     }) => auth_api.register(body),
     onSuccess: async () => {
       router.replace('/(auth)/register-confirm');
       await AsyncStorage.setItem('phone', phone);
     },
     onError: (err: AxiosError) => {
-      const errMessage = (err.response?.data as { data: { stir: string[] } }).data.stir[0];
+      const errMessage = (err.response?.data as any)?.data?.stir?.[0];
-      const errMessageDetail = (err.response?.data as { data: { detail: string } }).data.detail;
+      const errMessageDetail = (err.response?.data as any)?.data?.detail;
+      const errMessageReffral = (err.response?.data as any).data.referral[0];
+      const errMessageDetailData = (err.response?.data as any)?.data;
 
-      const errrAlert = errMessage ? errMessage : errMessageDetail;
+      const message =
+        errMessage ||
+        errMessageReffral ||
+        errMessageDetail ||
+        errMessageDetailData ||
+        t('Xatolik yuz berdi');
 
-      Alert.alert(t('Xatolik yuz berdi'), errMessage || errrAlert || t('erroXatolik yuz berdi'));
+      Toast.error(String(message));
-    },
+    }
   });
 
   const onCategoryPress = (cat: Category) => {
@@ -138,6 +159,13 @@ export default function CategorySelectScreen() {
             person_type,
             phone: `998${phone}`,
             stir,
+            referral: referal,
+            director_full_name,
+            first_name,
+            last_name,
+            district: Number(district),
+            address: Number(address),
+            company_name
           });
         }}
       >
@@ -164,7 +192,7 @@ const styles = StyleSheet.create({
   container: {
     paddingHorizontal: 20,
     paddingTop: 16,
-    paddingBottom: 70,
+    paddingBottom: 90,
     gap: 12,
   },
 

app/(dashboard)/_layout.tsx

@@ -5,9 +5,9 @@ import { useHomeStore } from '@/screens/home/lib/hook';
 import { BottomSheetModalProvider } from '@gorhom/bottom-sheet';
 import { router, Tabs } from 'expo-router';
 import { Home, Megaphone, PlusCircle, User } from 'lucide-react-native';
-import { useEffect, useRef } from 'react';
+import { useEffect, useRef, useState } from 'react';
 import { useTranslation } from 'react-i18next';
-import { Animated, Easing, Platform, StyleSheet, Text, TouchableOpacity, View } from 'react-native';
+import { Animated, Easing, Keyboard, Platform, StyleSheet, Text, TouchableOpacity, View } from 'react-native';
 import { GestureHandlerRootView } from 'react-native-gesture-handler';
 
 export default function TabsLayout() {
@@ -15,6 +15,17 @@ export default function TabsLayout() {
   const { t } = useTranslation();
   const { setShowFilter, setStep } = useHomeStore();
   const rotateAnim = useRef(new Animated.Value(0)).current;
+  const [keyboard, setKeyboard] = useState(false);
+
+  useEffect(() => {
+    const showSub = Keyboard.addListener('keyboardDidShow', () => setKeyboard(true));
+    const hideSub = Keyboard.addListener('keyboardDidHide', () => setKeyboard(false));
+
+    return () => {
+      showSub.remove();
+      hideSub.remove();
+    };
+  }, []);
 
   useEffect(() => {
     Animated.loop(
@@ -52,9 +63,10 @@ export default function TabsLayout() {
               headerShadowVisible: false,
               tabBarStyle: {
                 position: 'absolute',
+                display: keyboard ? "none" : "flex",
                 left: 16,
                 right: 16,
-                bottom: 4,
+                bottom: 8,
                 height: 70,
                 paddingTop: 8,
                 paddingBottom: 12,

app/(dashboard)/create-announcements.tsx

@@ -1,10 +1,8 @@
-import { useTheme } from '@/components/ThemeContext';
 import { FilterProvider } from '@/components/ui/FilterContext';
 import { CustomHeader } from '@/components/ui/Header';
 import CreateAdsScreens from '@/screens/create-ads/ui/CreateAdsScreens';
 
 export default function CreateAnnouncements() {
-  const { isDark } = useTheme();
   return (
     <FilterProvider>
       <CustomHeader />

app/_layout.tsx

@@ -7,34 +7,21 @@ import { ProfileDataProvider } from '@/screens/profile/lib/ProfileDataContext';
 import { Stack } from 'expo-router';
 import { StatusBar } from 'expo-status-bar';
 import { I18nextProvider } from 'react-i18next';
-import { View } from 'react-native';
 import 'react-native-reanimated';
-import { useSafeAreaInsets } from 'react-native-safe-area-context';
+import { SafeAreaView } from 'react-native-safe-area-context';
+import ToastManager from "toastify-react-native";
 
 function AppContent() {
   useNotifications();
-  const insets = useSafeAreaInsets();
 
   return (
-    <>
+    <SafeAreaView style={{ flex: 1, backgroundColor: "#000" }}>
-      {/* iOS status bar fon */}
+      <StatusBar style='light' backgroundColor='#000' />
-      <View
-        style={{
-          height: insets.top,
-          backgroundColor: '#000',
-        }}
-      />
-
-      {/* StatusBar */}
-      <StatusBar
-        style="light"
-        backgroundColor="#000" // Android
-      />
-
       <Stack screenOptions={{ headerShown: false }} />
-    </>
+    </SafeAreaView>
   );
 }
+
 export default function RootLayout() {
   return (
     <I18nextProvider i18n={i18n}>
@@ -43,6 +30,7 @@ export default function RootLayout() {
           <ProfileDataProvider>
             <AuthProvider>
               <AppContent />
+              <ToastManager />
             </AuthProvider>
           </ProfileDataProvider>
         </ThemeProvider>

app/profile/categories.tsx

@@ -14,10 +14,10 @@ import {
   ScrollView,
   StyleSheet,
   Text,
-  ToastAndroid,
   TouchableOpacity,
   View,
 } from 'react-native';
+import { Toast } from 'toastify-react-native';
 
 export default function PersonalInfoScreen() {
   const router = useRouter();
@@ -76,7 +76,7 @@ export default function PersonalInfoScreen() {
     onSuccess: () => {
       queryClient.invalidateQueries({ queryKey: ['get_me'] });
       router.push('/profile/personal-info');
-      ToastAndroid.show(t("Ma'lumotlar yangilandi"), ToastAndroid.TOP);
+      Toast.success(t("Ma'lumotlar yangilandi"));
     },
     onError: () => {
       Alert.alert(t('Xatolik yzu berdi'), t("Ma'lumotlarni yangilashda xatolik yuz berdi"));

app/profile/personal-info.tsx

@@ -9,17 +9,16 @@ import { useEffect, useState } from 'react';
 import { useTranslation } from 'react-i18next';
 import {
   ActivityIndicator,
-  Alert,
   Image,
   Pressable,
   ScrollView,
   StyleSheet,
   Text,
   TextInput,
-  ToastAndroid,
   TouchableOpacity,
-  View,
+  View
 } from 'react-native';
+import { Toast } from 'toastify-react-native';
 
 export default function PersonalInfoScreen() {
   const router = useRouter();
@@ -71,10 +70,10 @@ export default function PersonalInfoScreen() {
       queryClient.invalidateQueries({ queryKey: ['get_me'] });
       setIsEditing(false);
       setShowCategories(false);
-      ToastAndroid.show(t("Ma'lumotlar yangilandi"), ToastAndroid.TOP);
+      Toast.success(t("Ma'lumotlar yangilandi"));
     },
     onError: () => {
-      Alert.alert(t('Xatolik yuz berdi'), t('Yangilashda xatolik yuz berdi'));
+      Toast.error(t('Yangilashda xatolik yuz berdi'));
     },
   });
 

components/AuthProvider.tsx

@@ -1,4 +1,5 @@
 import AsyncStorage from '@react-native-async-storage/async-storage';
+import { router } from 'expo-router';
 import { createContext, useContext, useEffect, useState } from 'react';
 
 type AuthContextType = {
@@ -32,6 +33,7 @@ export function AuthProvider({ children }: { children: React.ReactNode }) {
     await AsyncStorage.removeItem('access_token');
     await AsyncStorage.removeItem('refresh_token');
     setIsAuthenticated(false);
+    router.replace('/(auth)');
   };
 
   return (

components/NotificationProvider.tsx

@@ -34,7 +34,6 @@ export async function registerForPushNotificationsAsync() {
     }
 
     if (finalStatus !== 'granted') {
-      console.log('Notification uchun ruxsat berilmadi!');
       return;
     }
 
@@ -43,10 +42,6 @@ export async function registerForPushNotificationsAsync() {
         projectId: '67d5a024-4eb7-44ec-8b18-6c9187bd1862',
       })
     ).data;
-
-    console.log('Push Token:', token);
-  } else {
-    console.log('Push notification faqat real qurilmalarda ishlaydi!');
   }
 
   return token;

components/ui/CategorySelect.tsx

@@ -1,9 +1,9 @@
 import { useTheme } from '@/components/ThemeContext';
 import { products_api } from '@/screens/home/lib/api';
 import { useMutation, useQuery } from '@tanstack/react-query';
-import { AxiosError } from 'axios';
 import { ChevronLeft, ChevronRight } from 'lucide-react-native';
 import React, { Dispatch, SetStateAction, useState } from 'react';
+import { useTranslation } from 'react-i18next';
 import {
   ActivityIndicator,
   FlatList,
@@ -12,6 +12,7 @@ import {
   TouchableOpacity,
   View,
 } from 'react-native';
+import { Toast } from 'toastify-react-native';
 
 interface Category {
   id: number;
@@ -44,6 +45,7 @@ export default function CategorySelect({ selectedCategories, setSelectedCategori
   const [currentCategories, setCurrentCategories] = useState<Category[]>([]);
   const [currentParentId, setCurrentParentId] = useState<number | null>(null);
   const [history, setHistory] = useState<HistoryItem[]>([]);
+  const { t } = useTranslation()
 
   // Root categories
   const { isLoading: rootLoading, error: rootError } = useQuery<CategoryResponse>({
@@ -66,8 +68,8 @@ export default function CategorySelect({ selectedCategories, setSelectedCategori
       setCurrentCategories(childCategories);
       setCurrentParentId(id);
     },
-    onError: (err: AxiosError) => {
+    onError: () => {
-      console.error('Child category loading error:', err);
+      Toast.error(t("Xatolik yuz berdi"))
     },
   });
 

components/ui/FilterUI.tsx

@@ -6,7 +6,6 @@ import BottomSheet, {
   BottomSheetScrollView,
 } from '@gorhom/bottom-sheet';
 import { useMutation, useQuery } from '@tanstack/react-query';
-import { AxiosError } from 'axios';
 import { Image } from 'expo-image';
 import { CheckIcon, ChevronRight, XIcon } from 'lucide-react-native';
 import React, { Dispatch, SetStateAction, useCallback, useMemo, useRef, useState } from 'react';
@@ -75,7 +74,6 @@ export default function FilterUI({ back, onApply, setStep, setFiltered }: Filter
       setStep('items');
       setFiltered(data.data.data.results);
     },
-    onError: (error: AxiosError) => console.log(error),
   });
 
   const handleApply = () => {

components/ui/IndustrySelection.tsx

@@ -1,8 +1,8 @@
 import { products_api } from '@/screens/home/lib/api';
 import { useMutation, useQuery } from '@tanstack/react-query';
-import { AxiosError } from 'axios';
 import { ChevronLeft, ChevronRight } from 'lucide-react-native';
 import React, { Dispatch, SetStateAction, useState } from 'react';
+import { useTranslation } from 'react-i18next';
 import {
   ActivityIndicator,
   FlatList,
@@ -11,6 +11,7 @@ import {
   TouchableOpacity,
   View,
 } from 'react-native';
+import { Toast } from 'toastify-react-native';
 import { useTheme } from '../ThemeContext';
 
 interface Category {
@@ -39,6 +40,7 @@ export default function CategorySelection({ selectedCategories, setSelectedCateg
   const [history, setHistory] = useState<{ parentId: number | null; categories: Category[] }[]>([]);
   const [currentParentId, setCurrentParentId] = useState<number | null>(null);
   const { isDark } = useTheme();
+  const { t } = useTranslation()
 
   const theme = {
     cardBg: isDark ? '#1e293b' : '#f8fafc',
@@ -75,8 +77,8 @@ export default function CategorySelection({ selectedCategories, setSelectedCateg
       setCurrentCategories(childCategories);
       setCurrentParentId(id);
     },
-    onError: (err: AxiosError) => {
+    onError: () => {
-      console.error('Child yuklashda xato:', err);
+      Toast.error(t("Xatolik yuz berdi"))
     },
   });
 

components/ui/ProductList.tsx

@@ -1,8 +1,9 @@
 import { useTheme } from '@/components/ThemeContext';
 import { products_api } from '@/screens/home/lib/api';
 import { ProductResponse } from '@/screens/home/lib/types';
+import { user_api } from '@/screens/profile/lib/api';
 import { BottomSheetBackdrop, BottomSheetModal, BottomSheetScrollView } from '@gorhom/bottom-sheet';
-import { useInfiniteQuery } from '@tanstack/react-query';
+import { useInfiniteQuery, useQuery } from '@tanstack/react-query';
 import { ResizeMode, Video } from 'expo-av';
 import { Info, Package, PlayCircle } from 'lucide-react-native';
 import React, { useCallback, useRef, useState } from 'react';
@@ -50,6 +51,17 @@ export default function ProductList({ query }: Props) {
 
   const allProducts = data?.pages.flatMap((p) => p.results) ?? [];
 
+  const {
+    data: detail,
+    isLoading: loadingDetail,
+    isError: detailError,
+  } = useQuery({
+    queryKey: ['my_ads_id', selectedProduct],
+    queryFn: () => user_api.detail_service(Number(selectedProduct?.id)),
+    select: (res) => res.data.data,
+    enabled: !!selectedProduct,
+  });
+
   const handlePresentModalPress = useCallback((product: ProductResponse) => {
     setSelectedProduct(product);
     setCurrentImageIndex(0);
@@ -181,12 +193,29 @@ export default function ProductList({ query }: Props) {
           style={styles.sheetContent}
           contentContainerStyle={styles.sheetContentContainer}
         >
-          {selectedProduct && (
+          {/* Loading holati */}
+          {loadingDetail && (
+            <View style={styles.center}>
+              <ActivityIndicator size="large" color="#3b82f6" />
+            </View>
+          )}
+
+          {/* Error holati */}
+          {detailError && (
+            <View style={styles.center}>
+              <Text style={{ color: '#ef4444', fontWeight: '600' }}>
+                {t('Xatolik yuz berdi')}
+              </Text>
+            </View>
+          )}
+
+          {/* Detail mavjud bo‘lsa */}
+          {detail && (
             <>
               <View style={styles.carouselWrapper}>
                 <FlatList
                   nestedScrollEnabled={true}
-                  data={selectedProduct.files || []}
+                  data={detail.files || []}
                   renderItem={renderCarouselItem}
                   keyExtractor={(item) => item.id.toString()}
                   horizontal
@@ -197,9 +226,9 @@ export default function ProductList({ query }: Props) {
                     setCurrentImageIndex(index);
                   }}
                 />
-                {selectedProduct.files.length > 1 && (
+                {detail.files.length > 1 && (
                   <View style={styles.pagination}>
-                    {selectedProduct.files.map((_, i) => (
+                    {detail.files.map((_, i) => (
                       <View
                         key={i}
                         style={[
@@ -214,10 +243,10 @@ export default function ProductList({ query }: Props) {
 
               <View style={styles.sheetHeader}>
                 <Text style={[styles.sheetTitle, isDark ? styles.darkText : styles.lightText]}>
-                  {selectedProduct.title}
+                  {detail.title}
                 </Text>
                 <View style={styles.sheetCompanyBadge}>
-                  <Text style={styles.sheetCompanyText}>{selectedProduct.company}</Text>
+                  <Text style={styles.sheetCompanyText}>{detail.company}</Text>
                 </View>
               </View>
 
@@ -230,10 +259,8 @@ export default function ProductList({ query }: Props) {
                     {t("Batafsil ma'lumot")}
                   </Text>
                 </View>
-                <Text
+                <Text style={[styles.sheetDescription, isDark ? styles.darkText : styles.lightText]}>
-                  style={[styles.sheetDescription, isDark ? styles.darkText : styles.lightText]}
+                  {detail.description || "Ma'lumot mavjud emas."}
-                >
-                  {selectedProduct.description || "Ma'lumot mavjud emas."}
                 </Text>
               </View>
             </>
@@ -245,7 +272,6 @@ export default function ProductList({ query }: Props) {
 }
 
 const styles = StyleSheet.create({
-  listContainer: { gap: 0, paddingBottom: 20 },
   card: {
     borderRadius: 16,
     overflow: 'hidden',

components/ui/RefreshContext.tsx

@@ -18,9 +18,7 @@ export function RefreshProvider({ children }: { children: React.ReactNode }) {
     setRefreshing(true);
     try {
       await queryClient.refetchQueries();
-    } catch (err) {
+    } catch (err) { } finally {
-      console.error('Global refresh error:', err);
-    } finally {
       setRefreshing(false);
     }
   }, [queryClient, refreshing]);

components/ui/gluestack-ui-provider/script.ts

@@ -13,7 +13,5 @@ export const script = (mode: string) => {
     documentElement.classList.remove(theme === 'light' ? 'dark' : 'light');
     documentElement.classList.add(theme);
     documentElement.style.colorScheme = theme;
-  } catch (e) {
+  } catch (e) { }
-    console.error(e);
-  }
 };

constants/crypto.ts

@@ -0,0 +1,41 @@
+import CryptoJS from 'crypto-js';
+
+/**
+ * Backenddan kelgan shifrlangan tokenni ochish
+ */
+export const decryptToken = (encryptedBase64: string) => {
+    try {
+        // 1. Base64 dan WordArray ga
+        const encryptedData = CryptoJS.enc.Base64.parse(encryptedBase64);
+
+        // 2. IV (dastlabki 16 bayt)
+        const iv = CryptoJS.lib.WordArray.create(encryptedData.words.slice(0, 4));
+
+        // 3. Ciphertext (qolgan qism)
+        const ciphertext = CryptoJS.lib.WordArray.create(
+            encryptedData.words.slice(4),
+            encryptedData.sigBytes - 16
+        );
+
+        // 4. Maxfiy kalit
+        const key = CryptoJS.enc.Utf8.parse("12345678901234567890123456789012");
+
+        // 5. CipherParams yaratish
+        const cipherParams = CryptoJS.lib.CipherParams.create({
+            ciphertext,
+            key,
+            iv
+        });
+
+        // 6. Dekodlash
+        const decrypted = CryptoJS.AES.decrypt(cipherParams, key, {
+            iv,
+            mode: CryptoJS.mode.CBC,
+            padding: CryptoJS.pad.Pkcs7
+        });
+
+        return decrypted.toString(CryptoJS.enc.Utf8);
+    } catch (error) {
+        return null;
+    }
+};

constants/formatText.ts

@@ -0,0 +1,55 @@
+const latinToCyrillicMap = [
+    ["O'", "Ў"], ["o'", "ў"],
+    ["G'", "Ғ"], ["g'", "ғ"],
+    ["Sh", "Ш"], ["sh", "ш"],
+    ["Ch", "Ч"], ["ch", "ч"],
+    ["A", "А"], ["B", "Б"], ["D", "Д"], ["E", "Е"], ["F", "Ф"],
+    ["G", "Г"], ["H", "Ҳ"], ["I", "И"], ["J", "Ж"], ["K", "К"],
+    ["L", "Л"], ["M", "М"], ["N", "Н"], ["O", "О"], ["P", "П"],
+    ["Q", "Қ"], ["R", "Р"], ["S", "С"], ["T", "Т"], ["U", "У"],
+    ["V", "В"], ["X", "Х"], ["Y", "Й"], ["Z", "З"],
+    ["a", "а"], ["b", "б"], ["d", "д"], ["e", "е"], ["f", "ф"],
+    ["g", "г"], ["h", "ҳ"], ["i", "и"], ["j", "ж"], ["k", "к"],
+    ["l", "л"], ["m", "м"], ["n", "н"], ["o", "о"], ["p", "п"],
+    ["q", "қ"], ["r", "р"], ["s", "с"], ["t", "т"], ["u", "у"],
+    ["v", "в"], ["x", "х"], ["y", "й"], ["z", "з"],
+    ["'", ""] // apostrofni olib tashlaymiz
+];
+
+export function formatText(str: string | null) {
+    if (!str) return null;
+    let result = str;
+    for (let [latin, cyrillic] of latinToCyrillicMap) {
+        const regex = new RegExp(latin, "g");
+        result = result.replace(regex, cyrillic);
+    }
+    return result;
+}
+
+const cyrillicToLatinMap = [
+    ["Ў", "O'"], ["ў", "o'"],
+    ["Ғ", "G'"], ["ғ", "g'"],
+    ["Ш", "Sh"], ["ш", "sh"],
+    ["Ч", "Ch"], ["ч", "ch"],
+    ["ё", "yo"], ["Ё", "YO"],
+    ["А", "A"], ["Б", "B"], ["Д", "D"], ["Е", "E"], ["Ф", "F"],
+    ["Г", "G"], ["Ҳ", "H"], ["И", "I"], ["Ж", "J"], ["К", "K"],
+    ["Л", "L"], ["М", "M"], ["Н", "N"], ["О", "O"], ["П", "P"],
+    ["Қ", "Q"], ["Р", "R"], ["С", "S"], ["Т", "T"], ["У", "U"],
+    ["В", "V"], ["Х", "X"], ["Й", "Y"], ["З", "Z"],
+    ["а", "a"], ["б", "b"], ["д", "d"], ["е", "e"], ["ф", "f"],
+    ["г", "g"], ["ҳ", "h"], ["и", "i"], ["ж", "j"], ["к", "k"],
+    ["л", "l"], ["м", "m"], ["н", "n"], ["о", "o"], ["п", "p"],
+    ["қ", "q"], ["р", "r"], ["с", "s"], ["т", "t"], ["у", "u"],
+    ["в", "v"], ["х", "x"], ["й", "y"], ["з", "z"],
+];
+
+export function formatTextToLatin(str: string | null) {
+    if (!str) return null;
+    let result = str;
+    for (let [cyrillic, latin] of cyrillicToLatinMap) {
+        const regex = new RegExp(cyrillic, "g");
+        result = result.replace(regex, latin);
+    }
+    return result;
+} 

hooks/storage.native.ts

@@ -19,10 +19,7 @@ export const deleteAsyncStorage = async (name: string) => {
 export const saveLang = async (lang: string) => {
   try {
     await AsyncStorage.setItem('lang', lang);
-    console.log(`Language saved: ${lang}`);
+  } catch (error) { }
-  } catch (error) {
-    console.error('Failed to save language', error);
-  }
 };
 
 /**
@@ -34,7 +31,6 @@ export const getLang = async (): Promise<string | null> => {
     const lang = await AsyncStorage.getItem('lang');
     return lang;
   } catch (error) {
-    console.error('Failed to get language', error);
     return null;
   }
 };
@@ -45,9 +41,7 @@ export const getLang = async (): Promise<string | null> => {
 export const deleteLang = async () => {
   try {
     await AsyncStorage.removeItem('lang');
-  } catch (error) {
+  } catch (error) { }
-    console.error('Failed to delete language', error);
-  }
 };
 
 const ACCESS = 'access_token';

hooks/useNotifications.ts

@@ -45,7 +45,6 @@ export function useNotifications() {
 
     // Foreground listener
     notificationListener.current = Notifications.addNotificationReceivedListener((notification) => {
-      console.log('Notification received:', notification);
     });
 
     // User response listener

i18n/locales/en.json

@@ -139,7 +139,7 @@
   "Keyingi": "Next",
   "Xizmat sarlavhasi": "Service title",
   "Yangilashda xato yuz berdi": "Error occurred while updating",
-  "Xizmatni tahrirlash (1/2)": "Edit service (1/2)",
+  "Xizmatni tahrirlash": "Edit service",
   "Xizmatni tahrirlash (2/2)": "Edit service (2/2)",
   "Tilni tanlang": "Select language",
   "Rejimni tanlang": "Select mode",
@@ -208,5 +208,26 @@
   "Bekor qilish": "Cancel",
   "Barchasi o'qildi": "Mark All as Read",
   "Hisobni o'chirish": "Delete account",
-  "Rostdan ham hisobingizni o‘chirmoqchimisiz?": "Are you sure you want to delete your account?"
+  "Rostdan ham hisobingizni o‘chirmoqchimisiz?": "Are you sure you want to delete your account?",
+  "Referal": "Referal",
+  "Faoliyat turingizni tanlang": "Select your type of activity",
+  "YATT": "Sole Proprietor",
+  "Yakka tartibdagi tadbirkor": "Individual entrepreneur",
+  "O'zini o'zi band qilgan": "Self-employed",
+  "O'z faoliyatini mustaqil yurituvchi": "Independently operating individual",
+  "Yuridik shaxs": "Legal entity",
+  "Tashkilot yoki korxona": "Organization or company",
+  "JSHSHR va passport ma'lumotlarini kiriting": "Enter JSHSHR and passport details",
+  "INN raqamini kiriting": "Enter INN number",
+  "JSHSHR": "JSHSHR",
+  "JSHSHR kiriting (14 raqam)": "Enter JSHSHR (14 digits)",
+  "Passport seriya va raqami": "Passport series and number",
+  "INN": "INN",
+  "INN kiriting (9 raqam)": "Enter INN (9 digits)",
+  "Referal kodi": "Referral code",
+  "Direktor JSHSHR": "Director JSHSHR",
+  "Direktor JSHSHR (14 raqam)": "Director JSHSHR (number 14)",
+  "Hozircha bildirishnomalar yo'q": "No notifications yet",
+  "Siz o'zini o'zi band qilgan yoki yakka tartibdagi tadbirkorlik bo'lishingiz kerak": "You must be self-employed or an individual entrepreneur",
+  "Sizning shaxsiy ma'lumotlaringiz topilmadi": "Your personal information was not found"
 }

i18n/locales/ru.json

@@ -139,7 +139,7 @@
   "Keyingi": "Далее",
   "Xizmat sarlavhasi": "Заголовок услуги",
   "Yangilashda xato yuz berdi": "Произошла ошибка при обновлении",
-  "Xizmatni tahrirlash (1/2)": "Редактирование услуги (1/2)",
+  "Xizmatni tahrirlash": "Редактирование услуги",
   "Xizmatni tahrirlash (2/2)": "Редактирование услуги (2/2)",
   "Tilni tanlang": "Выберите язык",
   "Rejimni tanlang": "Выберите режим",
@@ -207,5 +207,26 @@
   "Bekor qilish": "Отменить",
   "Barchasi o'qildi": "Отметить все как прочитанное",
   "Hisobni o'chirish": "Удалить аккаунт",
-  "Rostdan ham hisobingizni o'chirmoqchimisiz?": "Вы уверены, что хотите удалить свой аккаунт?"
+  "Rostdan ham hisobingizni o'chirmoqchimisiz?": "Вы уверены, что хотите удалить свой аккаунт?",
+  "Referal": "Реферал",
+  "Faoliyat turingizni tanlang": "Выберите тип деятельности",
+  "YATT": "ИП",
+  "Yakka tartibdagi tadbirkor": "Индивидуальный предприниматель",
+  "O'zini o'zi band qilgan": "Самозанятый",
+  "O'z faoliyatini mustaqil yurituvchi": "Лицо, ведущее самостоятельную деятельность",
+  "Yuridik shaxs": "Юридическое лицо",
+  "Tashkilot yoki korxona": "Организация или компания",
+  "JSHSHR va passport ma'lumotlarini kiriting": "Введите ПИНФЛ и паспортные данные",
+  "INN raqamini kiriting": "Введите номер ИНН",
+  "JSHSHR": "ПИНФЛ",
+  "JSHSHR kiriting (14 raqam)": "Введите ПИНФЛ (14 цифр)",
+  "Passport seriya va raqami": "Серия и номер паспорта",
+  "INN": "ИНН",
+  "INN kiriting (9 raqam)": "Введите ИНН (9 цифр)",
+  "Referal kodi": "Реферальный код",
+  "Direktor JSHSHR": "Директор ПИНФЛ",
+  "Direktor JSHSHR kiriting (14 raqam)": "Введите ПИНФЛ директора (14 цифр)",
+  "Hozircha bildirishnomalar yo'q": "Пока нет уведомлений",
+  "Siz o'zini o'zi band qilgan yoki yakka tartibdagi tadbirkorlik bo'lishingiz kerak": "Вы должны быть самозанятым или индивидуальным предпринимателем",
+  "Sizning shaxsiy ma'lumotlaringiz topilmadi": "Ваши личные данные не найдены"
 }

i18n/locales/uz.json

@@ -139,7 +139,7 @@
   "Yangi xizmat (2/2)": "Yangi xizmat (2/2)",
   "Keyingi": "Keyingi",
   "Xizmat sarlavhasi": "Xizmat sarlavhasi",
-  "Xizmatni tahrirlash (1/2)": "Xizmatni tahrirlash (1/2)",
+  "Xizmatni tahrirlash": "Xizmatni tahrirlash",
   "Xizmatni tahrirlash (2/2)": "Xizmatni tahrirlash (2/2)",
   "Tilni tanlang": "Tilni tanlang",
   "Rejimni tanlang": "Rejimni tanlang",
@@ -177,6 +177,7 @@
   "Faqat tasdiqlangan profillarga ishonch bilan murojaat qiling.": "Faqat tasdiqlangan profillarga ishonch bilan murojaat qiling.",
   "Qo'llanma video": "Qo'llanma video",
   "Bildirishnomalar": "Bildirishnomalar",
+  "Hozircha bildirishnomalar yo'q": "Hozircha bildirishnomalar yo'q",
   "Bildirishnomalarni yuklashda muammo bo'ldi": "Bildirishnomalarni yuklashda muammo bo'ldi",
   "Hozir": "Hozir",
   "daqiqa oldin": "daqiqa oldin",
@@ -207,5 +208,25 @@
   "Bekor qilish": "Bekor qilish",
   "Barchasi o'qildi": "Barchasi o'qildi",
   "Hisobni o'chirish": "Hisobni o'chirish",
-  "Rostdan ham hisobingizni o'chirmoqchimisiz?": "Rostdan ham hisobingizni o'chirmoqchimisiz?"
+  "Rostdan ham hisobingizni o'chirmoqchimisiz?": "Rostdan ham hisobingizni o'chirmoqchimisiz?",
+  "Referal": "Referal",
+  "Faoliyat turingizni tanlang": "Faoliyat turingizni tanlang",
+  "YATT": "YATT",
+  "Yakka tartibdagi tadbirkor": "Yakka tartibdagi tadbirkor",
+  "O'zini o'zi band qilgan": "O'zini o'zi band qilgan",
+  "O'z faoliyatini mustaqil yurituvchi": "O'z faoliyatini mustaqil yurituvchi",
+  "Yuridik shaxs": "Yuridik shaxs",
+  "Tashkilot yoki korxona": "Tashkilot yoki korxona",
+  "JSHSHR va passport ma'lumotlarini kiriting": "JSHSHR va passport ma'lumotlarini kiriting",
+  "INN raqamini kiriting": "INN raqamini kiriting",
+  "JSHSHR": "JSHSHR",
+  "JSHSHR kiriting (14 raqam)": "JSHSHR kiriting (14 raqam)",
+  "Passport seriya va raqami": "Passport seriya va raqami",
+  "INN": "INN",
+  "INN kiriting (9 raqam)": "INN kiriting (9 raqam)",
+  "Referal kodi": "Referal kodi",
+  "Direktor JSHSHR": "Direktor JSHSHR",
+  "Direktor JSHSHR kiriting (14 raqam)": "Direktor JSHSHR kiriting (14 raqam)",
+  "Siz o'zini o'zi band qilgan yoki yakka tartibdagi tadbirkorlik bo'lishingiz kerak": "Siz o'zini o'zi band qilgan yoki yakka tartibdagi tadbirkorlik bo'lishingiz kerak",
+  "Sizning shaxsiy ma'lumotlaringiz topilmadi": "Sizning shaxsiy ma'lumotlaringiz topilmadi"
 }

package-lock.json

@@ -23,6 +23,7 @@
         "@react-navigation/native": "^7.1.8",
         "@tanstack/react-query": "^5.90.17",
         "axios": "^1.13.2",
+        "crypto-js": "^4.2.0",
         "expo": "~54.0.31",
         "expo-av": "~16.0.8",
         "expo-blur": "~15.0.8",
@@ -71,9 +72,11 @@
         "react-native-worklets": "^0.5.1",
         "react-stately": "^3.39.0",
         "tailwind-variants": "^0.1.20",
+        "toastify-react-native": "^7.2.3",
         "zustand": "^5.0.10"
       },
       "devDependencies": {
+        "@types/crypto-js": "^4.2.2",
         "@types/react": "~19.1.0",
         "babel-plugin-module-resolver": "^5.0.0",
         "eslint": "^9.25.0",
@@ -6536,6 +6539,13 @@
         "@babel/types": "^7.28.2"
       }
     },
+    "node_modules/@types/crypto-js": {
+      "version": "4.2.2",
+      "resolved": "https://registry.npmjs.org/@types/crypto-js/-/crypto-js-4.2.2.tgz",
+      "integrity": "sha512-sDOLlVbHhXpAUAL0YHDUUwDZf3iN4Bwi4W6a0W0b+QcAezUbRtH4FVb+9J4h+XFPW7l/gQ9F8qC7P+Ec4k8QVQ==",
+      "dev": true,
+      "license": "MIT"
+    },
     "node_modules/@types/estree": {
       "version": "1.0.8",
       "resolved": "https://registry.npmjs.org/@types/estree/-/estree-1.0.8.tgz",
@@ -8568,6 +8578,12 @@
         "node": ">= 8"
       }
     },
+    "node_modules/crypto-js": {
+      "version": "4.2.0",
+      "resolved": "https://registry.npmjs.org/crypto-js/-/crypto-js-4.2.0.tgz",
+      "integrity": "sha512-KALDyEYgpY+Rlob/iriUtjV6d5Eq+Y191A5g4UqLAi8CyGP9N1+FdVbkc1SxKc2r4YAYqG8JzO2KGL+AizD70Q==",
+      "license": "MIT"
+    },
     "node_modules/crypto-random-string": {
       "version": "2.0.0",
       "resolved": "https://registry.npmjs.org/crypto-random-string/-/crypto-random-string-2.0.0.tgz",
@@ -15396,6 +15412,73 @@
         "react-native-pager-view": ">= 6.0.0"
       }
     },
+    "node_modules/react-native-vector-icons": {
+      "version": "10.3.0",
+      "resolved": "https://registry.npmjs.org/react-native-vector-icons/-/react-native-vector-icons-10.3.0.tgz",
+      "integrity": "sha512-IFQ0RE57819hOUdFvgK4FowM5aMXg7C7XKsuGLevqXkkIJatc3QopN0wYrb2IrzUgmdpfP+QVIbI3S6h7M0btw==",
+      "deprecated": "react-native-vector-icons package has moved to a new model of per-icon-family packages. See the https://github.com/oblador/react-native-vector-icons/blob/master/MIGRATION.md on how to migrate",
+      "license": "MIT",
+      "dependencies": {
+        "prop-types": "^15.7.2",
+        "yargs": "^16.1.1"
+      },
+      "bin": {
+        "fa-upgrade.sh": "bin/fa-upgrade.sh",
+        "fa5-upgrade": "bin/fa5-upgrade.sh",
+        "fa6-upgrade": "bin/fa6-upgrade.sh",
+        "generate-icon": "bin/generate-icon.js"
+      }
+    },
+    "node_modules/react-native-vector-icons/node_modules/cliui": {
+      "version": "7.0.4",
+      "resolved": "https://registry.npmjs.org/cliui/-/cliui-7.0.4.tgz",
+      "integrity": "sha512-OcRE68cOsVMXp1Yvonl/fzkQOyjLSu/8bhPDfQt0e0/Eb283TKP20Fs2MqoPsr9SwA595rRCA+QMzYc9nBP+JQ==",
+      "license": "ISC",
+      "dependencies": {
+        "string-width": "^4.2.0",
+        "strip-ansi": "^6.0.0",
+        "wrap-ansi": "^7.0.0"
+      }
+    },
+    "node_modules/react-native-vector-icons/node_modules/strip-ansi": {
+      "version": "6.0.1",
+      "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-6.0.1.tgz",
+      "integrity": "sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==",
+      "license": "MIT",
+      "dependencies": {
+        "ansi-regex": "^5.0.1"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/react-native-vector-icons/node_modules/yargs": {
+      "version": "16.2.0",
+      "resolved": "https://registry.npmjs.org/yargs/-/yargs-16.2.0.tgz",
+      "integrity": "sha512-D1mvvtDG0L5ft/jGWkLpG1+m0eQxOfaBvTNELraWj22wSVUMWxZUvYgJYcKh6jGGIkJFhH4IZPQhR4TKpc8mBw==",
+      "license": "MIT",
+      "dependencies": {
+        "cliui": "^7.0.2",
+        "escalade": "^3.1.1",
+        "get-caller-file": "^2.0.5",
+        "require-directory": "^2.1.1",
+        "string-width": "^4.2.0",
+        "y18n": "^5.0.5",
+        "yargs-parser": "^20.2.2"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/react-native-vector-icons/node_modules/yargs-parser": {
+      "version": "20.2.9",
+      "resolved": "https://registry.npmjs.org/yargs-parser/-/yargs-parser-20.2.9.tgz",
+      "integrity": "sha512-y11nGElTIV+CT3Zv9t7VKl+Q3hTQoT9a1Qzezhhl6Rp21gJ/IVTW7Z3y9EWXhuUBC2Shnf+DX0antecpAwSP8w==",
+      "license": "ISC",
+      "engines": {
+        "node": ">=10"
+      }
+    },
     "node_modules/react-native-web": {
       "version": "0.21.2",
       "resolved": "https://registry.npmjs.org/react-native-web/-/react-native-web-0.21.2.tgz",
@@ -17202,6 +17285,19 @@
         "node": ">=8.0"
       }
     },
+    "node_modules/toastify-react-native": {
+      "version": "7.2.3",
+      "resolved": "https://registry.npmjs.org/toastify-react-native/-/toastify-react-native-7.2.3.tgz",
+      "integrity": "sha512-ngmpTKlTo0IRddwSsNWK+YKbB2veqotHy7Zpil4eksoLAlq0RPSgdVOk5QDEDUONJQ4r7ljGYeRW68KBztirsg==",
+      "license": "MIT",
+      "dependencies": {
+        "react-native-vector-icons": "*"
+      },
+      "peerDependencies": {
+        "react": "*",
+        "react-native": "*"
+      }
+    },
     "node_modules/toidentifier": {
       "version": "1.0.1",
       "resolved": "https://registry.npmjs.org/toidentifier/-/toidentifier-1.0.1.tgz",

package.json

@@ -9,7 +9,8 @@
     "ios": "expo run:ios",
     "web": "expo start --web",
     "build": "expo prebuild && cd android && gradlew.bat assembleDebug",
-    "lint": "expo lint"
+    "lint": "expo lint",
+    "ios:init": "expo prebuild -p ios"
   },
   "dependencies": {
     "@expo/html-elements": "^0.10.1",
@@ -27,6 +28,7 @@
     "@react-navigation/native": "^7.1.8",
     "@tanstack/react-query": "^5.90.17",
     "axios": "^1.13.2",
+    "crypto-js": "^4.2.0",
     "expo": "~54.0.31",
     "expo-av": "~16.0.8",
     "expo-blur": "~15.0.8",
@@ -75,9 +77,11 @@
     "react-native-worklets": "^0.5.1",
     "react-stately": "^3.39.0",
     "tailwind-variants": "^0.1.20",
+    "toastify-react-native": "^7.2.3",
     "zustand": "^5.0.10"
   },
   "devDependencies": {
+    "@types/crypto-js": "^4.2.2",
     "@types/react": "~19.1.0",
     "babel-plugin-module-resolver": "^5.0.0",
     "eslint": "^9.25.0",

screens/announcements/ui/AnnouncementsList.tsx

@@ -101,14 +101,14 @@ export default function DashboardScreen() {
 
   // Announcement videos
   const videos = {
-    uz: require('@/assets/announcements-video/video_uz.webm'),
+    uz: require('@/assets/announcements-video/video_uz.mp4'),
-    ru: require('@/assets/announcements-video/video_ru.webm'),
+    ru: require('@/assets/announcements-video/video_ru.mp4'),
-    en: require('@/assets/announcements-video/video_en.webm'),
+    en: require('@/assets/announcements-video/video_en.mp4'),
   };
 
   // Government videos: faqat RU mavjud
   const govermentVideos: Partial<Record<'uz' | 'ru' | 'en', any>> = {
-    ru: require('@/assets/goverment/video_ru.webm'),
+    ru: require('@/assets/goverment/video_ru.mp4'),
   };
 
   // Update selected language

screens/auth/confirm/ConfirmScreen.tsx

@@ -16,12 +16,11 @@ import {
   Platform,
   StyleSheet,
   Text,
-  ToastAndroid,
   TouchableOpacity,
-  View,
+  View
 } from 'react-native';
 import { KeyboardAwareScrollView } from 'react-native-keyboard-aware-scroll-view';
-import { SafeAreaView } from 'react-native-safe-area-context';
+import { Toast } from 'toastify-react-native';
 import { auth_api } from '../login/lib/api';
 import useTokenStore from '../login/lib/hook';
 import ConfirmForm from './ConfirmForm';
@@ -44,9 +43,7 @@ const ConfirmScreen = () => {
         const storedPhone = await AsyncStorage.getItem('phone');
         if (storedPhone) setPhone(storedPhone);
         else setPhone(null);
-      } catch (error) {
+      } catch (error) { }
-        console.log('AsyncStorage error:', error);
-      }
     };
     loadPhone();
   }, []);
@@ -98,11 +95,11 @@ const ConfirmScreen = () => {
       Haptics.notificationAsync(Haptics.NotificationFeedbackType.Success);
       setResendTimer(60);
       if (Platform.OS === 'android') {
-        ToastAndroid.show(t('Kod qayta yuborildi'), ToastAndroid.SHORT);
+        Toast.info(t('Kod qayta yuborildi'));
       }
     },
     onError: () => {
-      Alert.alert(t('Xatolik yuz berdi'), t('Kodni qayta yuborishda xatolik yuz berdi'));
+      Toast.error(t('Kodni qayta yuborishda xatolik yuz berdi'));
     },
   });
 
@@ -130,10 +127,10 @@ const ConfirmScreen = () => {
       <View style={styles.decorCircle1} />
       <View style={styles.decorCircle2} />
       <AuthHeader />
-      <SafeAreaView style={{ flex: 1 }}>
       <KeyboardAwareScrollView
         contentContainerStyle={styles.scrollContent}
-          showsVerticalScrollIndicator={false}
+        enableOnAndroid
+        extraScrollHeight={120}
         keyboardShouldPersistTaps="handled"
       >
         <View style={styles.header}>
@@ -195,7 +192,6 @@ const ConfirmScreen = () => {
             </Text>
           </View> */}
       </KeyboardAwareScrollView>
-      </SafeAreaView>
     </View>
   );
 };

screens/auth/login/lib/api.ts

@@ -13,6 +13,73 @@ interface ConfirmBody {
   };
 }
 
+export interface GetInfo {
+  VATRegCode: null | string
+  VATRegStatus: null | string
+  account: string
+  accountant: null | string
+  address: string
+  bankAccount: string
+  bankCode: string
+  director: string | null
+  directorPinfl: string | null
+  directorTin: null | string
+  fullName: string
+  fullname: string
+  isBudget: number
+  isItd: boolean
+  mfo: string
+  na1Code: null | string
+  na1Name: null | string
+  name: string
+  ns10Code: number
+  ns11Code: number
+  oked: null | string
+  peasantFarm: boolean
+  personalNum: string
+  privateNotary: boolean
+  regDate: null | string
+  selfEmployment: boolean
+  shortName: string
+  shortname: string
+  statusCode: null | string
+  statusName: null | string
+  tin: string
+}
+
+export interface GetDistrict {
+  districtId: string,
+  regionId: number,
+  districtCode: number,
+  name: string
+}
+
+export interface GetRegion {
+  regionId: number,
+  name: string
+}
+
+export interface GetTokens {
+  status: boolean,
+  data: {
+    links: {
+      previous: null | string,
+      next: null | string
+    },
+    total_items: number,
+    total_pages: number,
+    page_size: number,
+    current_page: number,
+    results:
+    {
+      id: number,
+      key: string,
+      value: string,
+      is_active: boolean
+    }[]
+  }
+}
+
 export const auth_api = {
   async login(body: { phone: string }) {
     const res = await httpClient.post(API_URLS.LOGIN, body);
@@ -28,16 +95,60 @@ export const auth_api = {
     return res;
   },
 
-  async get_info(inn: string) {
+  async get_info(body: { value: string, token: string, tokenName: string }): Promise<AxiosResponse<GetInfo>> {
-    const res = await axios.get(`https://devapi.goodsign.biz/v1/profile/${inn}`);
+    try {
+      const res = await axios.get(`https://testapi3.didox.uz/v1/utils/info/${body.value}`, {
+        headers: {
+          "Accept-Language": "uz",
+          [body.tokenName]: body.token
+        }
+      });
       return res;
+    } catch (error) {
+      throw error;
+    }
+  },
+
+  async get_district(): Promise<AxiosResponse<GetDistrict[]>> {
+    try {
+      const res = await axios.get(`https://testapi3.didox.uz/v1/districts/all/`, {
+        headers: {
+          "Accept-Language": "uz",
+          "Partner-Authorization": `eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpZCI6MzYsInN0YXR1cyI6IkFDVElWRSIsIm5hbWUiOiJcIkZFTElYIC0gSVRTXCIgTUNISiIsInJvbGUiOiJQQVJUTkVSIiwidGluIjoiMzA3NTA0MzQ4IiwiaWF0IjoxNzczMzkyMjcwfQ.Q-cIBl4Z784Fq5jdRUEVYF2iaUd7_5RD2sFsJeh-Xno `
+        }
+      });
+      return res;
+    } catch (error) {
+      throw error;
+    }
+  },
+
+  async get_region(): Promise<AxiosResponse<GetRegion[]>> {
+    try {
+      const res = await axios.get(`https://testapi3.didox.uz/v1/regions/all/`, {
+        headers: {
+          "Accept-Language": "uz",
+          "Partner-Authorization": `eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpZCI6MzYsInN0YXR1cyI6IkFDVElWRSIsIm5hbWUiOiJcIkZFTElYIC0gSVRTXCIgTUNISiIsInJvbGUiOiJQQVJUTkVSIiwidGluIjoiMzA3NTA0MzQ4IiwiaWF0IjoxNzczMzkyMjcwfQ.Q-cIBl4Z784Fq5jdRUEVYF2iaUd7_5RD2sFsJeh-Xno `
+        }
+      });
+      return res;
+    } catch (error) {
+      throw error;
+    }
   },
 
   async register(body: {
     phone: string;
     stir: string;
     person_type: string;
+    referral: string;
     activate_types: number[];
+    director_full_name: string;
+    first_name: string;
+    last_name: string;
+    district: number;
+    address: number;
+    company_name: string;
   }) {
     const res = await httpClient.post(API_URLS.Register, body);
     return res;
@@ -52,4 +163,10 @@ export const auth_api = {
     const res = await httpClient.post(API_URLS.Register_Resend, body);
     return res;
   },
+
+  async get_tokens(): Promise<AxiosResponse<GetTokens>> {
+    const res = httpClient.get(API_URLS.GetTokens)
+    return res
+  },
+
 };

screens/auth/login/ui/LoginForm.tsx

@@ -19,7 +19,6 @@ export default function LoginForm() {
   const [focused, setFocused] = useState(false);
   const scaleAnim = useRef(new Animated.Value(1)).current;
   const { phone, setPhone, submit, loading, error } = UseLoginForm();
-  console.log(error);
   const { t } = useTranslation();
 
   const handleChange = useCallback(

screens/auth/login/ui/LoginScreens.tsx

@@ -56,7 +56,7 @@ export default function LoginScreen() {
 
           <TouchableOpacity
             style={styles.registerButton}
-            onPress={() => router.push('/register')}
+            onPress={() => router.push('/(auth)/register')}
             activeOpacity={0.8}
           >
             <LinearGradient

screens/auth/register-confirm/ConfirmScreen.tsx

@@ -16,12 +16,12 @@ import {
   Platform,
   StyleSheet,
   Text,
-  ToastAndroid,
   TouchableOpacity,
-  View,
+  View
 } from 'react-native';
 import { KeyboardAwareScrollView } from 'react-native-keyboard-aware-scroll-view';
 import { SafeAreaView } from 'react-native-safe-area-context';
+import { Toast } from 'toastify-react-native';
 import { auth_api } from '../login/lib/api';
 import useTokenStore from '../login/lib/hook';
 import ConfirmForm from './ConfirmForm';
@@ -44,9 +44,7 @@ const RegisterConfirmScreen = () => {
         const storedPhone = await AsyncStorage.getItem('phone');
         if (storedPhone) setPhone(storedPhone);
         else setPhone(null);
-      } catch (error) {
+      } catch (error) { }
-        console.log('AsyncStorage error:', error);
-      }
     };
     loadPhone();
   }, []);
@@ -67,6 +65,7 @@ const RegisterConfirmScreen = () => {
       savedToken(res.data.data.token.access);
       await AsyncStorage.setItem('refresh_token', res.data.data.token.refresh);
       await login(res.data.data.token.access);
+
       const pushToken = await registerForPushNotificationsAsync();
       if (pushToken) {
         await commonRequests.registerDevice({
@@ -78,6 +77,8 @@ const RegisterConfirmScreen = () => {
       // Notification querylarni refetch
       queryClient.refetchQueries({ queryKey: ['notification-list'] });
       queryClient.refetchQueries({ queryKey: ['notifications-list'] });
+
+      // Dashboardga yo‘naltirish
       router.replace('/(dashboard)');
     },
     onError: (err: any) => {
@@ -93,7 +94,7 @@ const RegisterConfirmScreen = () => {
       Haptics.notificationAsync(Haptics.NotificationFeedbackType.Success);
       setResendTimer(60);
       if (Platform.OS === 'android') {
-        ToastAndroid.show(t('Kod qayta yuborildi'), ToastAndroid.SHORT);
+        Toast.info(t('Kod qayta yuborildi'));
       }
     },
     onError: () => {

screens/auth/register/AuthHeader.tsx

@@ -0,0 +1,48 @@
+import { useRouter } from 'expo-router';
+import { ChevronLeft } from 'lucide-react-native';
+import React from 'react';
+import { StyleSheet, TouchableOpacity, View } from 'react-native';
+import { useSafeAreaInsets } from 'react-native-safe-area-context';
+
+export default function AuthHeader() {
+    const router = useRouter();
+    const insets = useSafeAreaInsets();
+
+    return (
+        <View style={[styles.container, { paddingTop: insets.top + 8 }]}>
+            <TouchableOpacity
+                style={styles.backButton}
+                onPress={() => {
+                    if (router.canGoBack()) {
+                        router.back();
+                    }
+                }}
+                testID="auth-header-back"
+            >
+                <ChevronLeft size={22} color="#94a3b8" />
+            </TouchableOpacity>
+            <View style={{ width: 44 }} />
+        </View>
+    );
+}
+
+const styles = StyleSheet.create({
+    container: {
+        flexDirection: 'row',
+        justifyContent: 'space-between',
+        alignItems: 'center',
+        paddingHorizontal: 24,
+        paddingBottom: 8,
+        zIndex: 1000,
+    },
+    backButton: {
+        width: 44,
+        height: 44,
+        backgroundColor: 'rgba(255, 255, 255, 0.1)',
+        borderRadius: 12,
+        alignItems: 'center',
+        justifyContent: 'center',
+        borderWidth: 1,
+        borderColor: 'rgba(255, 255, 255, 0.15)',
+    },
+});

screens/auth/register/RegisterCategorySelection.tsx

@@ -9,10 +9,16 @@ import { ScrollView, StyleSheet, Text, TouchableOpacity } from 'react-native';
 
 export default function CategorySelectScreen() {
   const router = useRouter();
-  const { phone, stir, person_type } = useLocalSearchParams<{
+  const { phone, stir, person_type, director_full_name, referal, first_name, last_name, address, company_name } = useLocalSearchParams<{
     phone: string;
     stir: string;
     person_type: 'band' | 'ytt';
+    referal: string;
+    director_full_name: string;
+    first_name: string;
+    last_name: string;
+    address: string;
+    company_name: string;
   }>();
 
   const [selected, setSelected] = React.useState<number | null>(null);
@@ -28,6 +34,13 @@ export default function CategorySelectScreen() {
       stir: string;
       person_type: string;
       activate_types: number[];
+      referral: string;
+      director_full_name: string;
+      first_name: string;
+      last_name: string;
+      district: number;
+      company_name: string;
+      address: number;
     }) => auth_api.register(body),
     onSuccess: () => router.replace('/'),
   });
@@ -52,12 +65,19 @@ export default function CategorySelectScreen() {
         disabled={!selected || isPending}
         style={[styles.bottom, (!selected || isPending) && { opacity: 0.5 }]}
         onPress={() => {
-          if (phone && stir && person_type && selected) {
+          if (phone && stir && person_type && selected && referal && director_full_name) {
             mutate({
               activate_types: [selected],
               person_type: person_type,
               phone: `998${phone}`,
               stir: stir,
+              referral: String(referal),
+              director_full_name: String(director_full_name),
+              first_name: String(first_name),
+              last_name: String(last_name),
+              district: Number(address),
+              company_name: String(company_name),
+              address: Number(address),
             });
           }
         }}

screens/auth/register/RegisterForm.tsx

@@ -1,61 +1,341 @@
+import AuthHeader from '@/components/ui/AuthHeader';
+import { decryptToken } from '@/constants/crypto';
 import { formatPhone, normalizeDigits } from '@/constants/formatPhone';
-import { useMutation } from '@tanstack/react-query';
+import { formatText, formatTextToLatin } from '@/constants/formatText';
+import { products_api } from '@/screens/home/lib/api';
+import BottomSheet, { BottomSheetBackdrop, BottomSheetFlatList, BottomSheetTextInput } from '@gorhom/bottom-sheet';
+import { useMutation, useQuery } from '@tanstack/react-query';
+import { Image } from 'expo-image';
+import { LinearGradient } from 'expo-linear-gradient';
 import { useRouter } from 'expo-router';
-import { Hash } from 'lucide-react-native';
+import {
-import { useState } from 'react';
+  CheckIcon,
+  ChevronDown,
+  Globe,
+  Hash,
+  Search,
+  UserPlus
+} from 'lucide-react-native';
+import React, { useCallback, useEffect, useMemo, useRef, useState } from 'react';
 import { useTranslation } from 'react-i18next';
 import {
   ActivityIndicator,
-  KeyboardAvoidingView,
+  Keyboard,
   StyleSheet,
   Text,
   TextInput,
   TouchableOpacity,
-  View,
+  View
 } from 'react-native';
-import { auth_api } from '../login/lib/api';
+import { KeyboardAwareScrollView } from 'react-native-keyboard-aware-scroll-view';
+import { SafeAreaView } from 'react-native-safe-area-context';
+import { auth_api, GetInfo } from '../login/lib/api';
 import PhonePrefix from '../login/ui/PhonePrefix';
 import { UseLoginForm } from '../login/ui/UseLoginForm';
 
-export default function RegisterForm() {
+interface CoordsData {
+  lat: number;
+  lon: number;
+  polygon: [number, number][][];
+}
+
+export default function RegisterFormScreen() {
   const router = useRouter();
   const { t } = useTranslation();
   const { phone, setPhone } = UseLoginForm();
+  const countrySheetRef = useRef<BottomSheet>(null);
+  const snapPoints = useMemo(() => ['60%', '90%'], []);
+  const [selectedCountry, setSelectedCountry] = useState<string>('UZ');
+  const [countrySearch, setCountrySearch] = useState<string>('');
 
   const [stir, setStir] = useState('');
-  const [info, setInfo] = useState<any>(null);
+  const [info, setInfo] = useState<GetInfo | null>(null);
   const [loading, setLoading] = useState(false);
+  const [referal, setReferal] = useState('');
+  const [error, setError] = useState<string | null>(null)
+  const [district, setDistrict] = useState<string | null>(null)
+  const [region, setRegion] = useState<string | null>(null)
+  const [token, setTokens] = useState<{ name: string, value: string } | null>(null)
 
   const [directorTinInput, setDirectorTinInput] = useState('');
 
+  const { data } = useQuery({
+    queryKey: ["tokens"],
+    queryFn: async () => auth_api.get_tokens(),
+    select(data) {
+      return data.data.data.results
+    },
+  })
+
+  useEffect(() => {
+    if (data?.length) {
+      const token = data[0]
+      const tokenValue = decryptToken(token.value)
+      if (tokenValue) {
+        setTokens({ name: token.key, value: tokenValue })
+      }
+    }
+  }, [data])
+
   const { mutate } = useMutation({
-    mutationFn: (stir: string) => auth_api.get_info(stir),
+    mutationFn: (stir: string) => auth_api.get_info({ value: stir, token: token?.value || "", tokenName: token?.name || "" }),
     onSuccess: (res) => {
       setInfo(res.data);
       setLoading(false);
+      setError(null)
+      setDistrict(res.data.address)
     },
     onError: () => {
       setInfo(null);
       setLoading(false);
+      setError("Foydalanuvchi topilmadi")
     },
   });
 
-  const hasDirectorTin = info?.directorTin && String(info.directorTin).length > 0;
+  const { data: districts } = useQuery({
+    queryKey: ["discrit"],
+    queryFn: async () => auth_api.get_district(),
+  })
 
-  const isDirectorTinValid = !hasDirectorTin || directorTinInput === String(info.directorTin);
+  const { data: regions } = useQuery({
+    queryKey: ["regions"],
+    queryFn: async () => auth_api.get_region(),
+  })
+
+  const { data: countryResponse, isLoading: countryLoading } = useQuery({
+    queryKey: ['country-detail'],
+    queryFn: async () => products_api.getStates(),
+    select: (res) => res.data?.data || [],
+  });
+
+  const getRegionDistrictFromAddress = async (address: string) => {
+    try {
+      const encoded = encodeURIComponent(address + ", Uzbekistan");
+      const res = await fetch(
+        `https://nominatim.openstreetmap.org/search?q=${encoded}&format=json&addressdetails=1&limit=1`,
+        { headers: { 'Accept-Language': 'uz', 'User-Agent': 'MyApp/1.0 (turgunboyevsamandar4@gamil.com)' } }
+      );
+      const data = await res.json();
+
+      if (data.length > 0) {
+        const addr = data[0].address;
+        return {
+          district: addr.county || addr.district || addr.suburb,
+          region: addr.state,
+        };
+      }
+    } catch (e) { }
+    return null;
+  };
+
+  useEffect(() => {
+    if (district) {
+      const dis = formatText(district)?.split(" ")[0].toLocaleUpperCase()
+      let reg = null
+      if (dis) {
+        reg = districts?.data.find((item) => item.name.includes(dis))
+      };
+
+      if (reg) {
+        const region = regions?.data.find((item) => item.regionId == reg.regionId)
+        setRegion(region?.name || "")
+      }
+    }
+  }, [district])
+
+
+  const [districtId, setDistrictId] = useState<number | null>(null);
+  const [regionId, setRegionId] = useState<number | null>(null);
+
+  useEffect(() => {
+    if (!district || !countryResponse?.length) return;
+
+    const resolve = async () => {
+      const geo = await getRegionDistrictFromAddress(district.split(" ")[0]);
+
+      const searchRegion = geo?.region || region;
+      const searchDistrict = geo?.district || district
+
+      for (const country of countryResponse) {
+        const regionName = formatTextToLatin(searchRegion)?.split(" ")[0];
+        let foundRegion = null
+        if (regionName) {
+          foundRegion = country.region.find((r: any) =>
+            formatTextToLatin(r.name)?.includes(regionName)
+          );
+        }
+
+        if (foundRegion) {
+          setRegionId(foundRegion.id);
+          setDistrictId(null);
+          return;
+        }
+
+        for (const reg of country.region || []) {
+          const dis = formatTextToLatin(searchDistrict)?.split(" ")[0].toUpperCase();
+          let foundDistrict = null
+          if (dis) {
+            foundDistrict = reg.districts.find((d: any) => {
+              return formatTextToLatin(d.name)?.toUpperCase().includes(dis.slice(0, 4))
+            }
+            );
+          };
+
+          if (foundDistrict) {
+            setDistrictId(foundDistrict.id);
+            setRegionId(null);
+            return;
+          }
+        }
+      }
+    };
+    resolve();
+  }, [district, countryResponse]);
+
+  useEffect(() => {
+    if (info === null || (stir.length === 9 && info.name && info.fullName)) {
+      setError(null)
+    } else if (info?.name === null || info?.fullName === null) {
+      setError("Sizning shaxsiy ma'lumotlaringiz topilmadi")
+    } else if (!info?.selfEmployment && !info?.isItd) {
+      setError("Siz o'zini o'zi band qilgan yoki yakka tartibdagi tadbirkorlik bo'lishingiz kerak")
+    }
+  }, [info])
+
+  const hasDirectorTin = info?.directorPinfl && String(info.directorPinfl).length > 0;
+
+  const isDirectorTinValid = !hasDirectorTin || directorTinInput === String(info.directorPinfl);
   const hasValidName = Boolean(info?.name || info?.fullName);
 
+  const filteredCountries = useMemo(() => {
+    if (!countrySearch.trim()) return countryResponse || [];
+    const q = countrySearch.toLowerCase().trim();
+    return (countryResponse || []).filter((c: any) => c.name?.toLowerCase().includes(q));
+  }, [countryResponse, countrySearch]);
+
+  const openCountrySheet = useCallback(() => {
+    Keyboard.dismiss();
+    setTimeout(() => {
+      countrySheetRef.current?.snapToIndex(0);
+    }, 100);
+  }, []);
+
+  const selectedCountryName = useMemo(() => {
+    if (!selectedCountry) return t('Tanlang');
+    return (
+      countryResponse?.find((c: any) => c.flag?.toUpperCase() === selectedCountry)?.name ||
+      t('Tanlang')
+    );
+  }, [selectedCountry, countryResponse, t]);
+
+  const renderBackdrop = useCallback(
+    (props: any) => (
+      <BottomSheetBackdrop
+        {...props}
+        appearsOnIndex={0}
+        disappearsOnIndex={-1}
+        opacity={0.6}
+        pressBehavior="close"
+      />
+    ),
+    []
+  );
+
+  const closeCountrySheet = useCallback(() => {
+    countrySheetRef.current?.close();
+    setTimeout(() => setCountrySearch(''), 300);
+  }, []);
+
   const valid =
     phone.length === 9 &&
     (stir.length === 9 || stir.length === 14) &&
     info &&
     hasValidName &&
-    isDirectorTinValid;
+    isDirectorTinValid &&
+    error === null;
 
   return (
-    <KeyboardAvoidingView behavior="position">
+    <>
-      <View style={{ gap: 16 }}>
+      <KeyboardAwareScrollView
-        {/* STIR */}
+        enableOnAndroid
+        enableAutomaticScroll
+        extraScrollHeight={120}
+        style={styles.keyboardScroll}
+      >
+        <View
+          style={styles.container}
+          onStartShouldSetResponder={() => {
+            Keyboard.dismiss();
+            return false;
+          }}
+        >
+          <LinearGradient
+            colors={['#0f172a', '#1e293b', '#334155']}
+            start={{ x: 0, y: 0 }}
+            end={{ x: 1, y: 1 }}
+            style={StyleSheet.absoluteFill}
+          />
+          <View style={styles.decorCircle1} />
+          <View style={styles.decorCircle2} />
+
+          <AuthHeader />
+
+          <SafeAreaView style={{ flex: 1 }} edges={['bottom']}>
+            <View style={styles.scrollContent}>
+              <View style={styles.header}>
+                <View style={styles.iconContainer}>
+                  <LinearGradient
+                    colors={['#10b981', '#059669']}
+                    style={styles.iconGradient}
+                    start={{ x: 0, y: 0 }}
+                    end={{ x: 1, y: 1 }}
+                  >
+                    <UserPlus size={32} color="#fff" />
+                  </LinearGradient>
+                </View>
+                <Text style={styles.title}>{t('Ro\'yxatdan o\'tish')}</Text>
+              </View>
+
+              <View style={styles.card}>
+                <View style={styles.formGap}>
+                  <View>
+                    <View>
+                      <Text style={styles.label}>{t('Davlat')}</Text>
+                      <TouchableOpacity
+                        style={[
+                          styles.input,
+                          styles.inputDisabled,
+                        ]}
+                        onPress={openCountrySheet}
+                        activeOpacity={0.7}
+                        testID="country-select"
+                        disabled
+                      >
+                        {countryLoading ? (
+                          <ActivityIndicator size="small" color="#3b82f6" style={{ flex: 1 }} />
+                        ) : (
+                          <>
+                            <Image
+                              source={{ uri: `https://flagcdn.com/w320/${selectedCountry.toLowerCase()}.png` }}
+                              style={{ width: 30, height: 15 }}
+                              resizeMode="cover"
+                            />
+                            <Text
+                              style={[
+                                styles.textInput,
+                                { color: '#94a3b8' },
+                              ]}
+                              numberOfLines={1}
+                            >
+                              {selectedCountryName}
+                            </Text>
+                          </>
+                        )}
+                        <ChevronDown size={18} color={'#cbd5e1'} />
+                      </TouchableOpacity>
+                    </View>
+                  </View>
+
                   <View>
                     <Text style={styles.label}>{t('STIR')}</Text>
                     <View style={styles.input}>
@@ -65,7 +345,7 @@ export default function RegisterForm() {
                         keyboardType="numeric"
                         placeholder={t('STIR')}
                         placeholderTextColor="#94a3b8"
-              style={{ flex: 1 }}
+                        style={{ flex: 1, color: "black" }}
                         onChangeText={(text) => {
                           const v = normalizeDigits(text).slice(0, 14);
                           setStir(v);
@@ -73,6 +353,10 @@ export default function RegisterForm() {
                           if (v.length === 9 || v.length === 14) {
                             setLoading(true);
                             mutate(v);
+                            setRegionId(null)
+                            setDistrictId(null)
+                            setRegion(null)
+                            setDistrict(null)
                           }
                         }}
                       />
@@ -80,7 +364,22 @@ export default function RegisterForm() {
                     </View>
                   </View>
 
-        {/* PHONE */}
+                  <View>
+                    <Text style={styles.label}>{t('Referal')}</Text>
+                    <View style={styles.input}>
+                      <Hash size={18} color="#94a3b8" />
+                      <TextInput
+                        value={referal}
+                        placeholder={t('Referal kodi')}
+                        placeholderTextColor="#94a3b8"
+                        style={styles.textInput}
+                        onChangeText={setReferal}
+                        maxLength={9}
+                        testID="referal-input"
+                      />
+                    </View>
+                  </View>
+
                   <View>
                     <Text style={styles.label}>{t('Telefon raqami')}</Text>
                     <View style={styles.input}>
@@ -96,11 +395,10 @@ export default function RegisterForm() {
                     </View>
                   </View>
 
-        {/* DIRECTOR TIN */}
                   {hasDirectorTin && (
                     <View>
                       <Text style={styles.label}>{t('Direktor STIR')}</Text>
-            <View style={styles.input}>
+                      <View style={[styles.input, { backgroundColor: isDirectorTinValid ? '#f0fdf4' : '#f8fafc' }]}>
                         <Hash size={18} color="#94a3b8" />
                         <TextInput
                           value={directorTinInput}
@@ -108,53 +406,409 @@ export default function RegisterForm() {
                           placeholder={t('Direktor STIR')}
                           placeholderTextColor="#94a3b8"
                           style={{ flex: 1 }}
+                          maxLength={14}
                           onChangeText={(t) => setDirectorTinInput(normalizeDigits(t))}
                         />
                       </View>
 
-            {directorTinInput.length > 0 && !isDirectorTinValid && (
+                      {directorTinInput.length === 14 && !isDirectorTinValid && (
                         <Text style={styles.error}>{t('Direktor STIR noto‘g‘ri')}</Text>
                       )}
                     </View>
                   )}
 
-        {/* INFO */}
+                  {error !== null ?
-        {info &&
+                    <Text style={styles.notFound}>{t(error)}</Text>
-          (hasValidName ? (
+                    : info && hasValidName &&
                     <Text style={styles.info}>{info.fullName || info.name}</Text>
-          ) : (
+                  }
-            <Text style={styles.notFound}>{t('Foydalanuvchi topilmadi')}</Text>
-          ))}
 
-        {/* BUTTON */}
                   <TouchableOpacity
                     disabled={!valid}
                     style={[styles.btn, !valid && styles.disabled]}
-          onPress={() =>
+                    onPress={() => {
+                      if (error === null) {
                         router.push({
                           pathname: '/(auth)/select-category',
                           params: {
                             phone,
-                company_name: info?.fullname,
+                            first_name: stir.length === 9 ? info?.director : info?.fullName,
-                address: info?.fullAddress,
+                            last_name: stir.length === 9 ? info?.director : info?.fullName,
-                director_full_name: info?.director,
+                            company_name: info?.name,
+                            district: districtId !== null ? districtId : regionId,
+                            address: districtId !== null ? districtId : regionId,
+                            director_full_name: stir.length === 9 ? info?.director : info?.fullName,
                             stir,
-                person_type: stir.length === 9 ? 'legal_entity' : info?.company ? 'ytt' : 'band',
+                            referal,
+                            person_type: stir.length === 9 ? 'legal_entity' : info?.selfEmployment ? 'band' : info?.isItd ? 'ytt' : 'ytt',
                           },
                         })
                       }
+                    }}
                   >
                     <Text style={styles.btnText}>{t('Davom etish')}</Text>
                   </TouchableOpacity>
                 </View>
-    </KeyboardAvoidingView>
+              </View>
+            </View>
+          </SafeAreaView>
+        </View >
+      </KeyboardAwareScrollView >
+
+      <BottomSheet
+        ref={countrySheetRef}
+        index={-1}
+        snapPoints={snapPoints}
+        enablePanDownToClose={true}
+        enableDynamicSizing={false}
+        enableOverDrag={false}
+        backdropComponent={renderBackdrop}
+        backgroundStyle={styles.bottomSheetBg}
+        handleIndicatorStyle={styles.handleIndicator}
+        android_keyboardInputMode="adjustResize"
+        keyboardBehavior="interactive"
+        keyboardBlurBehavior="restore"
+      >
+        <View style={styles.sheetHeader}>
+          <Text style={styles.sheetTitle}>{t('Davlat')}</Text>
+        </View>
+
+        <View style={styles.searchContainer}>
+          <Search size={16} color="#94a3b8" />
+          <BottomSheetTextInput
+            value={countrySearch}
+            onChangeText={setCountrySearch}
+            placeholder={t('Qidirish...')}
+            placeholderTextColor="#94a3b8"
+            style={styles.searchInput}
+            clearButtonMode="while-editing"
+            autoCorrect={false}
+          />
+        </View>
+
+        <BottomSheetFlatList
+          data={filteredCountries}
+          keyExtractor={(item: any) => item.id?.toString()}
+          contentContainerStyle={styles.listContainer}
+          showsVerticalScrollIndicator={false}
+          keyboardShouldPersistTaps="handled"
+          ListEmptyComponent={
+            <View style={styles.emptyList}>
+              <Text style={styles.emptyListText}>{t('Natija topilmadi')}</Text>
+            </View>
+          }
+          renderItem={({ item }: { item: any }) => {
+            const isSelected = item.flag?.toUpperCase() === selectedCountry;
+            const flagCode = item.flag ? item.flag.toLowerCase() : '';
+            return (
+              <TouchableOpacity
+                style={[styles.listItem, isSelected && styles.selectedListItem]}
+                onPress={() => {
+                  setSelectedCountry(item.flag?.toUpperCase());
+                  closeCountrySheet();
+                }}
+                activeOpacity={0.7}
+              >
+                <View style={{ flexDirection: 'row', alignItems: 'center', gap: 10, flex: 1 }}>
+                  {flagCode ? (
+                    <Image
+                      source={{ uri: `https://flagcdn.com/w320/${flagCode}.png` }}
+                      style={{ width: 34, height: 22, borderRadius: 2 }}
+                    />
+                  ) : (
+                    <Globe size={20} color={isSelected ? '#2563eb' : '#94a3b8'} />
+                  )}
+                  <Text style={[styles.listItemText, isSelected && styles.selectedListItemText]}>
+                    {item.name}
+                  </Text>
+                </View>
+                {isSelected && (
+                  <View style={styles.checkmark}>
+                    <CheckIcon color="#3b82f6" strokeWidth={2.5} size={16} />
+                  </View>
+                )}
+              </TouchableOpacity>
+            );
+          }}
+        />
+      </BottomSheet >
+    </>
   );
 }
 
 const styles = StyleSheet.create({
+  keyboardScroll: {
+    flex: 1,
+    backgroundColor: '#0f172a',
+  },
+  container: {
+    flex: 1,
+    backgroundColor: '#0f172a',
+    minHeight: '100%',
+  },
+  scrollContent: {
+    flexGrow: 1,
+    paddingHorizontal: 24,
+    paddingBottom: 40,
+    paddingTop: 10,
+  },
+  header: {
+    alignItems: 'center',
+    marginBottom: 28,
+  },
+  iconContainer: {
+    marginBottom: 16,
+  },
+  iconGradient: {
+    width: 72,
+    height: 72,
+    borderRadius: 22,
+    alignItems: 'center',
+    justifyContent: 'center',
+    shadowColor: '#10b981',
+    shadowOffset: { width: 0, height: 8 },
+    shadowOpacity: 0.3,
+    shadowRadius: 12,
+    elevation: 8,
+  },
+  title: {
+    fontSize: 26,
+    fontWeight: '800' as const,
+    color: '#ffffff',
+    marginBottom: 8,
+    letterSpacing: 0.5,
+  },
+  subtitle: {
+    fontSize: 14,
+    color: '#94a3b8',
+    textAlign: 'center',
+    lineHeight: 20,
+    paddingHorizontal: 10,
+  },
+  card: {
+    backgroundColor: '#ffffff',
+    borderRadius: 28,
+    padding: 24,
+    shadowColor: '#000',
+    shadowOffset: { width: 0, height: 10 },
+    shadowOpacity: 0.3,
+    shadowRadius: 20,
+    elevation: 10,
+  },
+  formGap: {
+    gap: 16,
+  },
   label: {
-    fontWeight: '700',
+    fontWeight: '700' as const,
     color: '#475569',
+    marginBottom: 6,
+    fontSize: 14,
+  },
+  input: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    backgroundColor: '#f8fafc',
+    borderRadius: 14,
+    paddingHorizontal: 12,
+    height: 52,
+    borderWidth: 1,
+    borderColor: '#e2e8f0',
+    gap: 8,
+  },
+  bottomSheetBg: {
+    backgroundColor: '#ffffff',
+    borderTopLeftRadius: 24,
+    borderTopRightRadius: 24,
+    shadowColor: '#000',
+    shadowOffset: { width: 0, height: -2 },
+    shadowOpacity: 0.1,
+    shadowRadius: 8,
+    elevation: 5,
+  },
+  handleIndicator: {
+    width: 40,
+    height: 4,
+    borderRadius: 2,
+    backgroundColor: '#cbd5e1',
+  },
+  sheetHeader: {
+    paddingHorizontal: 20,
+    paddingVertical: 16,
+    borderBottomWidth: 1,
+    borderBottomColor: '#e2e8f0',
+  },
+  sheetTitle: {
+    fontSize: 18,
+    fontWeight: '700',
+    color: '#0f172a',
+  },
+  listContainer: {
+    padding: 16,
+    paddingBottom: 40,
+  },
+  listItem: {
+    flexDirection: 'row',
+    justifyContent: 'space-between',
+    alignItems: 'center',
+    padding: 14,
+    borderRadius: 12,
+    marginBottom: 8,
+    borderWidth: 1,
+    backgroundColor: '#ffffff',
+    borderColor: '#e2e8f0',
+  },
+  selectedListItem: {
+    backgroundColor: '#eff6ff',
+    borderColor: '#3b82f6',
+  },
+  listItemText: {
+    fontSize: 15,
+    fontWeight: '500',
+    color: '#1e293b',
+  },
+  selectedListItemText: {
+    color: '#2563eb',
+    fontWeight: '600',
+  },
+  checkmark: {
+    width: 24,
+    height: 24,
+    borderRadius: 12,
+    backgroundColor: '#dbeafe',
+    justifyContent: 'center',
+    alignItems: 'center',
+  },
+  searchContainer: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    backgroundColor: '#f1f5f9',
+    borderRadius: 12,
+    marginHorizontal: 16,
+    marginVertical: 12,
+    paddingHorizontal: 12,
+    gap: 8,
+    height: 44,
+    borderWidth: 1,
+    borderColor: '#e2e8f0',
+  },
+  searchInput: {
+    flex: 1,
+    fontSize: 15,
+    color: '#1e293b',
+    paddingVertical: 0,
+  },
+  emptyList: {
+    alignItems: 'center',
+    paddingVertical: 32,
+  },
+  emptyListText: {
+    fontSize: 14,
+    color: '#94a3b8',
+    fontWeight: '500',
+  },
+  textInput: {
+    flex: 1,
+    fontSize: 15,
+    color: '#1e293b',
+  },
+  passportRow: {
+    flexDirection: 'row',
+    gap: 10,
+  },
+  passportSeries: {
+    width: 100,
+    flex: undefined,
+  },
+  passportNumber: {
+    flex: 1,
+  },
+  infoBox: {
+    backgroundColor: '#f0fdf4',
+    padding: 14,
+    marginTop: 10,
+    borderRadius: 14,
+    borderWidth: 1,
+    borderColor: '#bbf7d0',
+  },
+  infoLabel: {
+    fontSize: 11,
+    fontWeight: '600' as const,
+    color: '#059669',
+    marginBottom: 2,
+    textTransform: 'uppercase',
+    letterSpacing: 0.5,
+  },
+  infoText: {
+    fontWeight: '700' as const,
+    color: '#166534',
+    fontSize: 14,
+  },
+  errorBox: {
+    backgroundColor: '#fef2f2',
+    padding: 14,
+    borderRadius: 14,
+    borderWidth: 1,
+    borderColor: '#fecaca',
+  },
+  errorText: {
+    fontWeight: '700' as const,
+    color: '#dc2626',
+    fontSize: 14,
+  },
+  btn: {
+    height: 54,
+    backgroundColor: '#2563eb',
+    borderRadius: 16,
+    alignItems: 'center',
+    justifyContent: 'center',
+    shadowColor: '#2563eb',
+    shadowOffset: { width: 0, height: 4 },
+    shadowOpacity: 0.3,
+    shadowRadius: 8,
+    elevation: 6,
+  },
+  disabled: {
+    opacity: 0.45,
+  },
+  btnText: {
+    color: '#fff',
+    fontWeight: '800' as const,
+    fontSize: 16,
+  },
+  decorCircle1: {
+    position: 'absolute',
+    top: -150,
+    right: -100,
+    width: 400,
+    height: 400,
+    borderRadius: 200,
+    backgroundColor: 'rgba(59, 130, 246, 0.1)',
+  },
+  decorCircle2: {
+    position: 'absolute',
+    bottom: -100,
+    left: -150,
+    width: 350,
+    height: 350,
+    borderRadius: 175,
+    backgroundColor: 'rgba(16, 185, 129, 0.08)',
+  },
+  inputDisabled: {
+    backgroundColor: '#f1f5f9',
+    borderColor: '#e2e8f0',
+  },
+
+  info: {
+    padding: 12,
+    borderRadius: 12,
+    fontWeight: '700',
+    backgroundColor: '#f0fdf4',
+  },
+  error: {
+    color: '#dc2626',
+    fontSize: 12,
+    marginTop: 4,
+    fontWeight: '600',
   },
   notFound: {
     backgroundColor: '#fef2f2',
@@ -165,42 +819,4 @@ const styles = StyleSheet.create({
     borderWidth: 1,
     borderColor: '#fecaca',
   },
-  input: {
-    flexDirection: 'row',
-    alignItems: 'center',
-    backgroundColor: '#f8fafc',
-    borderRadius: 12,
-    paddingHorizontal: 12,
-    height: 50,
-    borderWidth: 1,
-    borderColor: '#e2e8f0',
-    gap: 8,
-  },
-  info: {
-    backgroundColor: '#f1f5f9',
-    padding: 12,
-    borderRadius: 12,
-    fontWeight: '700',
-  },
-  btn: {
-    height: 52,
-    backgroundColor: '#2563eb',
-    borderRadius: 16,
-    alignItems: 'center',
-    justifyContent: 'center',
-  },
-  disabled: {
-    opacity: 0.5,
-  },
-  btnText: {
-    color: '#fff',
-    fontWeight: '800',
-    fontSize: 16,
-  },
-  error: {
-    color: '#dc2626',
-    fontSize: 12,
-    marginTop: 4,
-    fontWeight: '600',
-  },
 });

screens/auth/register/RegisterScreen.tsx

@@ -1,20 +1,112 @@
-import AuthHeader from '@/components/ui/AuthHeader';
 import { LinearGradient } from 'expo-linear-gradient';
 import { useRouter } from 'expo-router';
-import { UserPlus } from 'lucide-react-native';
+import { Building2, ChevronRight, ShieldCheck, User } from 'lucide-react-native';
 import React from 'react';
-import { useTranslation } from 'react-i18next';
+import {
-import { ScrollView, StyleSheet, Text, TouchableOpacity, View } from 'react-native';
+  Animated,
+  StyleSheet,
+  Text,
+  TouchableOpacity,
+  View,
+} from 'react-native';
 import { SafeAreaView } from 'react-native-safe-area-context';
-import RegisterForm from './RegisterForm';
+import { PersonType, useRegister } from './lib/useRegisterStore';
 
-export default function RegisterScreen() {
+const PERSON_TYPES: {
+  key: PersonType;
+  label: string;
+  description: string;
+  icon: React.ReactNode;
+  gradient: [string, string];
+}[] = [
+    {
+      key: 'yatt',
+      label: 'YATT',
+      description: "Yakka tartibdagi tadbirkor",
+      icon: <User size={28} color="#fff" />,
+      gradient: ['#10b981', '#059669'],
+    },
+    {
+      key: 'band',
+      label: "O'zini o'zi band qilgan",
+      description: "O'z faoliyatini mustaqil yurituvchi",
+      icon: <ShieldCheck size={28} color="#fff" />,
+      gradient: ['#3b82f6', '#2563eb'],
+    },
+    {
+      key: 'legal_entity',
+      label: 'Yuridik shaxs',
+      description: "Tashkilot yoki korxona",
+      icon: <Building2 size={28} color="#fff" />,
+      gradient: ['#f59e0b', '#d97706'],
+    },
+  ];
+
+function TypeCard({
+  item,
+  index,
+  onPress,
+}: {
+  item: (typeof PERSON_TYPES)[number];
+  index: number;
+  onPress: () => void;
+}) {
+  const scale = React.useRef(new Animated.Value(1)).current;
+
+  const handlePressIn = () => {
+    Animated.spring(scale, {
+      toValue: 0.96,
+      useNativeDriver: true,
+    }).start();
+  };
+
+  const handlePressOut = () => {
+    Animated.spring(scale, {
+      toValue: 1,
+      friction: 4,
+      useNativeDriver: true,
+    }).start();
+  };
+
+  return (
+    <Animated.View style={{ transform: [{ scale }] }}>
+      <TouchableOpacity
+        style={styles.card}
+        onPress={onPress}
+        onPressIn={handlePressIn}
+        onPressOut={handlePressOut}
+        activeOpacity={1}
+        testID={`person-type-${item.key}`}
+      >
+        <LinearGradient
+          colors={item.gradient}
+          start={{ x: 0, y: 0 }}
+          end={{ x: 1, y: 1 }}
+          style={styles.cardIcon}
+        >
+          {item.icon}
+        </LinearGradient>
+        <View style={styles.cardContent}>
+          <Text style={styles.cardTitle}>{item.label}</Text>
+          <Text style={styles.cardDescription}>{item.description}</Text>
+        </View>
+        <ChevronRight size={20} color="#94a3b8" />
+      </TouchableOpacity>
+    </Animated.View>
+  );
+}
+
+export default function PersonTypeScreen() {
   const router = useRouter();
-  const { t } = useTranslation();
+  const { setPersonType } = useRegister();
+
+  const handleSelect = (type: PersonType) => {
+    setPersonType(type);
+    router.push('/(auth)/register-form');
+  };
 
   return (
     <View style={styles.container}>
-      {/* Background Decorations */}
       <LinearGradient
         colors={['#0f172a', '#1e293b', '#334155']}
         start={{ x: 0, y: 0 }}
@@ -24,119 +116,54 @@ export default function RegisterScreen() {
       <View style={styles.decorCircle1} />
       <View style={styles.decorCircle2} />
 
-      <AuthHeader />
+      <SafeAreaView style={styles.safeArea}>
-      <SafeAreaView style={{ flex: 1 }}>
-        <ScrollView
-          contentContainerStyle={styles.scrollContent}
-          showsVerticalScrollIndicator={false}
-        >
-          {/* Header Section */}
         <View style={styles.header}>
-            <View style={styles.iconContainer}>
+          <Text style={styles.title}>Ro'yxatdan o'tish</Text>
-              <LinearGradient
-                colors={['#10b981', '#059669']}
-                style={styles.iconGradient}
-                start={{ x: 0, y: 0 }}
-                end={{ x: 1, y: 1 }}
-              >
-                <UserPlus size={32} color="#ffffff" />
-              </LinearGradient>
-            </View>
-            <Text style={styles.title}>{t("Ro'yxatdan o'tish")}</Text>
           <Text style={styles.subtitle}>
-              {t('Tizimdan foydalanish uchun STIR raqami yoki JSHSHR kiritishingiz kerak.')}
+            Faoliyat turingizni tanlang
           </Text>
         </View>
 
-          {/* Form Card */}
+        <View style={styles.cardList}>
-          <View style={styles.card}>
+          {PERSON_TYPES.map((item, index) => (
-            <RegisterForm />
+            <TypeCard
+              key={item.key}
+              item={item}
+              index={index}
+              onPress={() => handleSelect(item.key)}
+            />
+          ))}
         </View>
 
-          {/* Footer */}
         <View style={styles.footer}>
-            <TouchableOpacity onPress={() => router.push('/')}>
+          <TouchableOpacity onPress={() => router.back()} testID="go-to-login">
             <Text style={styles.footerText}>
-                {t('Hisobingiz bormi?')} <Text style={styles.footerLink}>{t('Kirish')}</Text>
+              Hisobingiz bormi? <Text style={styles.footerLink}>Kirish</Text>
             </Text>
           </TouchableOpacity>
         </View>
-        </ScrollView>
       </SafeAreaView>
     </View>
   );
 }
 
 const styles = StyleSheet.create({
-  container: { flex: 1, backgroundColor: '#0f172a' },
+  container: {
-
+    flex: 1,
-  // Header Navigatsiya qismi (LoginScreen kabi)
+    backgroundColor: '#0f172a',
-  languageHeader: {
+  },
-    flexDirection: 'row',
+  safeArea: {
-    justifyContent: 'space-between',
+    flex: 1,
-    alignItems: 'center',
     paddingHorizontal: 24,
-    paddingVertical: 12,
-    zIndex: 1000,
   },
-  backButton: {
-    width: 44,
-    height: 44,
-    backgroundColor: 'rgba(255, 255, 255, 0.1)',
-    borderRadius: 12,
-    alignItems: 'center',
-    justifyContent: 'center',
-    borderWidth: 1,
-    borderColor: 'rgba(255, 255, 255, 0.15)',
-  },
-  languageButton: {
-    flexDirection: 'row',
-    alignItems: 'center',
-    gap: 8,
-    backgroundColor: 'rgba(255, 255, 255, 0.1)',
-    paddingHorizontal: 16,
-    paddingVertical: 10,
-    borderRadius: 12,
-    borderWidth: 1,
-    borderColor: 'rgba(255, 255, 255, 0.15)',
-  },
-  languageText: {
-    fontSize: 14,
-    fontWeight: '600',
-    color: '#94a3b8',
-  },
-
-  // Scroll va Forma joylashuvi
-  scrollContent: {
-    flexGrow: 1,
-    paddingHorizontal: 24,
-    paddingBottom: 40,
-    paddingTop: 10,
-    justifyContent: 'center',
-  },
-
   header: {
     alignItems: 'center',
-    marginBottom: 32,
+    marginTop: 40,
-  },
+    marginBottom: 36,
-  iconContainer: {
-    marginBottom: 20,
-  },
-  iconGradient: {
-    width: 72,
-    height: 72,
-    borderRadius: 22,
-    alignItems: 'center',
-    justifyContent: 'center',
-    shadowColor: '#10b981',
-    shadowOffset: { width: 0, height: 8 },
-    shadowOpacity: 0.3,
-    shadowRadius: 12,
-    elevation: 8,
   },
   title: {
     fontSize: 28,
-    fontWeight: '800',
+    fontWeight: '800' as const,
     color: '#ffffff',
     marginBottom: 10,
     letterSpacing: 0.5,
@@ -146,61 +173,54 @@ const styles = StyleSheet.create({
     color: '#94a3b8',
     textAlign: 'center',
     lineHeight: 22,
-    paddingHorizontal: 10,
+  },
+  cardList: {
+    gap: 14,
   },
   card: {
-    backgroundColor: '#ffffff',
-    borderRadius: 28,
-    padding: 24,
-    shadowColor: '#000',
-    shadowOffset: { width: 0, height: 10 },
-    shadowOpacity: 0.3,
-    shadowRadius: 20,
-    elevation: 10,
-  },
-
-  // Dropdown (LoginScreen bilan bir xil)
-  dropdown: {
-    position: 'absolute',
-    top: 55,
-    right: 0,
-    backgroundColor: '#ffffff',
-    borderRadius: 16,
-    padding: 8,
-    minWidth: 180,
-    shadowColor: '#000',
-    shadowOffset: { width: 0, height: 10 },
-    shadowOpacity: 0.2,
-    shadowRadius: 20,
-    elevation: 15,
-    borderWidth: 1,
-    borderColor: '#f1f5f9',
-  },
-  dropdownOption: {
     flexDirection: 'row',
     alignItems: 'center',
-    justifyContent: 'space-between',
+    backgroundColor: 'rgba(255, 255, 255, 0.06)',
-    paddingVertical: 12,
+    borderRadius: 20,
-    paddingHorizontal: 16,
+    padding: 18,
-    borderRadius: 12,
+    borderWidth: 1,
-    marginBottom: 4,
+    borderColor: 'rgba(255, 255, 255, 0.1)',
+    gap: 16,
   },
-  dropdownOptionActive: { backgroundColor: '#eff6ff' },
+  cardIcon: {
-  dropdownOptionText: { fontSize: 14, fontWeight: '600', color: '#475569' },
+    width: 56,
-  dropdownOptionTextActive: { color: '#3b82f6' },
+    height: 56,
-  checkmark: {
+    borderRadius: 16,
-    width: 22,
-    height: 22,
-    borderRadius: 11,
-    backgroundColor: '#3b82f6',
     alignItems: 'center',
     justifyContent: 'center',
   },
-  checkmarkText: { color: '#ffffff', fontSize: 12, fontWeight: 'bold' },
+  cardContent: {
-
+    flex: 1,
-  footer: { marginTop: 24, alignItems: 'center' },
+  },
-  footerText: { color: '#94a3b8', fontSize: 14 },
+  cardTitle: {
-  footerLink: { color: '#3b82f6', fontWeight: '700' },
+    fontSize: 17,
+    fontWeight: '700' as const,
+    color: '#ffffff',
+    marginBottom: 4,
+  },
+  cardDescription: {
+    fontSize: 13,
+    color: '#94a3b8',
+    lineHeight: 18,
+  },
+  footer: {
+    marginTop: 'auto' as const,
+    paddingBottom: 20,
+    alignItems: 'center',
+  },
+  footerText: {
+    color: '#94a3b8',
+    fontSize: 14,
+  },
+  footerLink: {
+    color: '#3b82f6',
+    fontWeight: '700' as const,
+  },
   decorCircle1: {
     position: 'absolute',
     top: -150,

screens/auth/register/lib/hook.ts

@@ -0,0 +1,11 @@
+import { create } from "zustand";
+
+type State = {
+    referal: string;
+    setReferal: (referal: string) => void;
+}
+
+export const useRegisterForm = create<State>((set) => ({
+    referal: '',
+    setReferal: (referal) => set({ referal }),
+}))

screens/auth/register/lib/useRegisterStore.ts

@@ -0,0 +1,93 @@
+import createContextHook from '@nkzw/create-context-hook';
+import { useState } from 'react';
+import { GetInfo } from '../../login/lib/api';
+
+export type PersonType = 'yatt' | 'band' | 'legal_entity' | null;
+
+interface RegisterState {
+    personType: PersonType;
+    setPersonType: (type: PersonType) => void;
+    phone: string;
+    setPhone: (phone: string) => void;
+    referal: string;
+    setReferal: (referal: string) => void;
+    jshshr: string;
+    setJshshr: (jshshr: string) => void;
+    passportSeries: string;
+    setPassportSeries: (series: string) => void;
+    passportNumber: string;
+    setPassportNumber: (number: string) => void;
+    inn: string;
+    setInn: (inn: string) => void;
+    info: GetInfo | null;
+    setInfo: (info: GetInfo | null) => void;
+    reset_full: () => void;
+    reset: () => void;
+    directorJshshr: string;
+    setDirectorJshshr: (directorJshshr: string) => void;
+    directorInfo: GetInfo | null;
+    setDirectorInfo: (directorInfo: GetInfo | null) => void;
+}
+
+export const [RegisterProvider, useRegister] = createContextHook<RegisterState>(() => {
+    const [personType, setPersonType] = useState<PersonType>(null);
+    const [phone, setPhone] = useState<string>('');
+    const [referal, setReferal] = useState<string>('');
+    const [jshshr, setJshshr] = useState<string>('');
+    const [passportSeries, setPassportSeries] = useState<string>('');
+    const [passportNumber, setPassportNumber] = useState<string>('');
+    const [inn, setInn] = useState<string>('');
+    const [info, setInfo] = useState<GetInfo | null>(null);
+    const [directorJshshr, setDirectorJshshr] = useState<string>('');
+    const [directorInfo, setDirectorInfo] = useState<GetInfo | null>(null);
+
+    const reset_full = () => {
+        setPersonType(null);
+        setPhone('');
+        setReferal('');
+        setJshshr('');
+        setPassportSeries('');
+        setPassportNumber('');
+        setInn('');
+        setInfo(null);
+        setDirectorJshshr('');
+        setDirectorInfo(null);
+    };
+
+    const reset = () => {
+        setPhone('');
+        setReferal('');
+        setJshshr('');
+        setPassportSeries('');
+        setPassportNumber('');
+        setInn('');
+        setInfo(null);
+        setDirectorJshshr('');
+        setDirectorInfo(null);
+    };
+
+    return {
+        personType,
+        setPersonType,
+        phone,
+        setPhone,
+        referal,
+        setReferal,
+        jshshr,
+        setJshshr,
+        passportSeries,
+        setPassportSeries,
+        passportNumber,
+        setPassportNumber,
+        inn,
+        setInn,
+        reset,
+        info,
+        setInfo,
+        reset_full,
+        directorJshshr,
+        setDirectorJshshr,
+        directorInfo,
+        setDirectorInfo,
+    };
+});

screens/create-ads/ui/CreateAdsScreens.tsx

@@ -7,18 +7,19 @@ import React, { useCallback, useRef, useState } from 'react';
 import {
   Alert,
   Image,
-  KeyboardAvoidingView,
+  Keyboard,
   Linking,
-  ScrollView,
   StyleSheet,
   Text,
   TouchableOpacity,
-  View,
+  TouchableWithoutFeedback,
+  View
 } from 'react-native';
 
 import OneClick from '@/assets/images/one_click.png';
 import PAYME from '@/assets/images/Payme_NEW.png';
 import { useTranslation } from 'react-i18next';
+import { KeyboardAwareScrollView, } from 'react-native-keyboard-aware-scroll-view';
 import { price_calculation } from '../lib/api';
 import { CreateAdsResponse } from '../lib/types';
 import StepFour from './StepFour';
@@ -185,13 +186,16 @@ export default function CreateAdsScreens() {
     onSuccess: async (res, variables) => {
       if (variables.paymentType === 'payme') {
         await Linking.openURL(res.data.url);
-        router.push('/(dashboard)/announcements');
+        bottomSheetModalRef.current?.dismiss();
+        router.push('/profile/my-ads');
       } else {
-        router.push('/(dashboard)/announcements');
+        bottomSheetModalRef.current?.dismiss();
+        router.push('/profile/my-ads')
       }
     },
-    onError: (err) => {
+    onError: (err: AxiosError) => {
-      Alert.alert('Xatolik yuz berdi', err.message);
+      const errMessage = (err.response?.data as { referral_amount: string }).referral_amount
+      Alert.alert(t('Xatolik yuz berdi'), errMessage || err.message);
     },
   });
 
@@ -206,11 +210,19 @@ export default function CreateAdsScreens() {
   };
 
   return (
-    <KeyboardAvoidingView
+    <KeyboardAwareScrollView
-      behavior="padding"
+      showsVerticalScrollIndicator={false}
+      keyboardShouldPersistTaps="handled"
       style={[styles.safeArea, isDark ? styles.darkBg : styles.lightBg]}
     >
-      <ScrollView contentContainerStyle={[styles.container, { paddingBottom: 90 }]}>
+      <TouchableWithoutFeedback onPress={Keyboard.dismiss}>
+        <View
+          style={[styles.container, { marginBottom: Keyboard.isVisible() ? 10 : 90 }]}
+          onStartShouldSetResponder={() => {
+            Keyboard.dismiss();
+            return false;
+          }}
+        >
           <Image
             source={OneClick}
             style={{ width: 180, height: 56, marginBottom: 10 }}
@@ -273,11 +285,8 @@ export default function CreateAdsScreens() {
               </Text>
             </TouchableOpacity>
           </View>
-      </ScrollView>
+        </View>
-
+      </TouchableWithoutFeedback>
-      {/* FOOTER */}
-
-      {/* PAYMENT BOTTOM SHEET */}
       <BottomSheetModal
         ref={bottomSheetModalRef}
         index={0}
@@ -321,7 +330,7 @@ export default function CreateAdsScreens() {
           </View>
         </BottomSheetScrollView>
       </BottomSheetModal>
-    </KeyboardAvoidingView>
+    </KeyboardAwareScrollView>
   );
 }
 

screens/create-ads/ui/StepThree.tsx

@@ -234,10 +234,10 @@ const StepThree = forwardRef(({ formData, updateForm, data }: StepProps, ref) =>
         </Text>
       </TouchableOpacity>
 
-      <View style={{ flexDirection: 'row', justifyContent: 'space-between', alignItems: 'center' }}>
       <Text style={[styles.sectionTitle, { color: theme.text }]}>
         {t('Reklama joylashtirish kompaniyasi')}
       </Text>
+      <View style={{ flexDirection: 'column', justifyContent: 'space-between', alignItems: 'flex-end', marginBottom: 10 }}>
         <TouchableOpacity
           style={[
             styles.selectAllButton,
@@ -330,7 +330,7 @@ const styles = StyleSheet.create({
     marginBottom: 12,
   },
   pickerText: { fontSize: 16 },
-  sectionTitle: { fontSize: 16, fontWeight: '700', marginVertical: 12 },
+  sectionTitle: { fontSize: 16, fontWeight: '700', marginVertical: 12, },
   companyItem: {
     width: 55,
     height: 55,

screens/create-ads/ui/StepTwo.tsx

@@ -3,7 +3,8 @@ import CategorySelection from '@/components/ui/IndustrySelection';
 import { XIcon } from 'lucide-react-native';
 import React, { forwardRef, useEffect, useImperativeHandle, useState } from 'react';
 import { useTranslation } from 'react-i18next';
-import { FlatList, StyleSheet, Text, ToastAndroid, TouchableOpacity, View } from 'react-native';
+import { FlatList, StyleSheet, Text, TouchableOpacity, View } from 'react-native';
+import { Toast } from 'toastify-react-native';
 
 type StepProps = {
   formData: any;
@@ -36,7 +37,7 @@ const StepTwo = forwardRef(({ formData, updateForm }: StepProps, ref) => {
   const validate = () => {
     if (selectedCategories.length === 0) {
       setError('Iltimos, kompaniyalarni tanlang');
-      ToastAndroid.show(t('Iltimos, kompaniyalarni tanlang'), ToastAndroid.TOP);
+      Toast.info(t('Iltimos, kompaniyalarni tanlang'));
       return false;
     }
     return true;

screens/e-services/ui/EServicesCategoryScreen.tsx

@@ -1,42 +1,57 @@
-import Express_diagnistika from '@/assets/images/Express_diagnistika.png';
+import Express_diagnistika from "@/assets/images/Express_diagnistika.png";
-import { useTheme } from '@/components/ThemeContext';
+import { useTheme } from "@/components/ThemeContext";
-import { useQuery, useQueryClient } from '@tanstack/react-query';
+import { useQuery, useQueryClient } from "@tanstack/react-query";
-import { Image } from 'expo-image';
+import { Image } from "expo-image";
-import { router } from 'expo-router';
+import { router } from "expo-router";
-import { ChevronLeft, XIcon } from 'lucide-react-native';
+import * as WebBrowser from "expo-web-browser";
-import React, { useRef, useState } from 'react';
+import { useState } from "react";
-import { ActivityIndicator, FlatList, Modal, Text, TouchableOpacity, View } from 'react-native';
+import { useTranslation } from "react-i18next";
-import { RefreshControl } from 'react-native-gesture-handler';
+import {
-import { SafeAreaView } from 'react-native-safe-area-context';
+  ActivityIndicator,
-import { WebView } from 'react-native-webview';
+  FlatList,
-import { eservices_api } from '../lib/api';
+  Text,
+  TouchableOpacity,
+  View
+} from "react-native";
+import { RefreshControl } from "react-native-gesture-handler";
+import { Toast } from "toastify-react-native";
+import { eservices_api } from "../lib/api";
 
 const dark = {
-  bg: '#0f172a',
+  bg: "#0f172a",
-  card: '#334155',
+  card: "#334155",
-  border: '#1e293b',
+  border: "#1e293b",
-  muted: '#334155',
+  muted: "#334155",
-  text: '#E5B037',
+  text: "#E5B037",
-  subText: '#0B0F2C',
+  subText: "#0B0F2C",
 };
 
 export default function EServicesCategoryScreen() {
   const { isDark } = useTheme();
-  const [modalVisible, setModalVisible] = useState(false);
-  const webviewRef = useRef<WebView>(null);
-  const [webUrl, setWebUrl] = React.useState<string | null>(null);
   const [refreshing, setRefreshing] = useState(false);
   const queryClient = useQueryClient();
+  const { t } = useTranslation();
 
   const { data, isLoading } = useQuery({
-    queryKey: ['goverment_category'],
+    queryKey: ["goverment_category"],
     queryFn: () => eservices_api.category(),
   });
 
+  const handleOpenBrowser = async (fileUrl: string) => {
+    try {
+      await WebBrowser.openBrowserAsync(fileUrl, {
+        dismissButtonStyle: 'close',
+        presentationStyle: WebBrowser.WebBrowserPresentationStyle.FULL_SCREEN,
+      });
+    } catch (error) {
+      Toast.error(t("Xatolik yuz berdi"));
+    }
+  }
+
   const onRefresh = async () => {
     setRefreshing(true);
     try {
-      await queryClient.refetchQueries({ queryKey: ['goverment_category'] });
+      await queryClient.refetchQueries({ queryKey: ["goverment_category"] });
     } finally {
       setRefreshing(false);
     }
@@ -52,22 +67,21 @@ export default function EServicesCategoryScreen() {
 
   const staticCategory = {
     id: 0,
-    name: 'Express Diagnostika',
+    name: "Express Diagnostika",
     image: Express_diagnistika,
-    url: 'https://myorg.uz/ru',
+    url: "https://myorg.uz/ru",
   };
 
   const categories = [staticCategory, ...(data?.data?.data?.results ?? [])];
 
   const handlePress = (item: any) => {
     if (item.id === 0 && item.url) {
-      setWebUrl(item.url);
+      handleOpenBrowser(item.url);
-      setModalVisible(true);
       return;
     }
 
     router.push({
-      pathname: '/(dashboard)/e-service/e-services-category',
+      pathname: "/(dashboard)/e-service/e-services-category",
       params: {
         categoryId: item.id,
         categoryName: item.name,
@@ -79,7 +93,7 @@ export default function EServicesCategoryScreen() {
     <View
       style={{
         flex: 1,
-        backgroundColor: isDark ? dark.bg : '#f8fafc',
+        backgroundColor: isDark ? dark.bg : "#f8fafc",
         padding: 16,
       }}
     >
@@ -91,8 +105,8 @@ export default function EServicesCategoryScreen() {
           <RefreshControl
             refreshing={refreshing}
             onRefresh={onRefresh}
-            tintColor={isDark ? '#f8fafc' : '#020617'}
+            tintColor={isDark ? "#f8fafc" : "#020617"}
-            colors={['#3b82f6']}
+            colors={["#3b82f6"]}
           />
         }
         renderItem={({ item }) => (
@@ -101,13 +115,13 @@ export default function EServicesCategoryScreen() {
             onPress={() => handlePress(item)}
             style={{
               marginHorizontal: 1,
-              backgroundColor: isDark ? '#FDFDFD' : '#ffffff',
+              backgroundColor: isDark ? "#FDFDFD" : "#ffffff",
               borderRadius: 16,
-              flexDirection: 'row',
+              flexDirection: "row",
-              alignItems: 'center',
+              alignItems: "center",
               borderWidth: isDark ? 1 : 0,
-              borderColor: isDark ? dark.border : 'transparent',
+              borderColor: isDark ? dark.border : "transparent",
-              shadowColor: '#000',
+              shadowColor: "#000",
               shadowOffset: { width: 0, height: 2 },
               shadowOpacity: 0.15,
               shadowRadius: 4,
@@ -116,98 +130,31 @@ export default function EServicesCategoryScreen() {
           >
             <View
               style={{
-                width: '100%',
+                width: "100%",
                 height: 100,
                 borderRadius: 12,
-                alignItems: 'center',
+                alignItems: "center",
-                justifyContent: 'center',
+                justifyContent: "center",
                 marginRight: 14,
                 padding: 2,
-                overflow: 'hidden',
+                overflow: "hidden",
               }}
             >
               {item.image ? (
                 <Image
                   source={item.image}
-                  style={{ width: '100%', height: '100%' }}
+                  style={{ width: "100%", height: "100%" }}
                   contentFit="contain"
                 />
               ) : (
-                <Text style={{ fontWeight: '700', color: dark.text }}>{item.name[0]}</Text>
+                <Text style={{ fontWeight: "700", color: dark.text }}>
-              )}
+                  {item.name[0]}
-            </View>
-          </TouchableOpacity>
-        )}
-      />
-      <Modal visible={modalVisible} animationType="slide">
-        <SafeAreaView
-          style={{
-            flex: 1,
-            backgroundColor: isDark ? '#0f172a' : '#f8fafc',
-          }}
-        >
-          {/* WebView Header */}
-          <View
-            style={{
-              flexDirection: 'row',
-              paddingHorizontal: 16,
-              paddingVertical: 12,
-              backgroundColor: isDark ? '#1e293b' : '#f8fafc',
-              alignItems: 'center',
-              justifyContent: 'space-between',
-              borderBottomWidth: 1,
-              borderBottomColor: isDark ? '#334155' : '#e2e8f0',
-            }}
-          >
-            <TouchableOpacity
-              onPress={() => webviewRef.current?.goBack()}
-              hitSlop={{ top: 10, bottom: 10, left: 10, right: 10 }}
-            >
-              <ChevronLeft size={28} color={isDark ? '#f1f5f9' : '#0f172a'} />
-            </TouchableOpacity>
-
-            <Text
-              style={{
-                flex: 1,
-                textAlign: 'center',
-                fontSize: 16,
-                fontWeight: '600',
-                color: isDark ? '#f1f5f9' : '#0f172a',
-              }}
-              numberOfLines={1}
-            >
-              {webUrl}
                 </Text>
-
+              )}
-            <TouchableOpacity
-              onPress={() => setModalVisible(false)}
-              hitSlop={{ top: 10, bottom: 10, left: 10, right: 10 }}
-            >
-              <XIcon size={28} color={isDark ? '#f1f5f9' : '#0f172a'} />
-            </TouchableOpacity>
             </View>
-
+          </TouchableOpacity>
-          {/* WebView */}
-          {webUrl && (
-            <WebView
-              ref={webviewRef}
-              originWhitelist={['*']}
-              javaScriptEnabled
-              domStorageEnabled
-              onShouldStartLoadWithRequest={(request) => {
-                // iOS va Android uchun barcha URLlarni WebView ichida ochish
-                return true;
-              }}
-              source={{ uri: webUrl }}
-              style={{ flex: 1, backgroundColor: isDark ? '#0f172a' : '#f8fafc' }}
-              startInLoadingState
-              renderLoading={() => (
-                <ActivityIndicator color="#3b82f6" size="large" style={{ flex: 1 }} />
         )}
       />
-          )}
-        </SafeAreaView>
-      </Modal>
     </View>
   );
 }

screens/e-services/ui/EServicesScreen.tsx

@@ -1,28 +1,26 @@
-// EServicesScreen.tsx
+import { useTheme } from "@/components/ThemeContext";
-import { useTheme } from '@/components/ThemeContext';
+import { useInfiniteQuery, useQueryClient } from "@tanstack/react-query";
-import { useInfiniteQuery, useQueryClient } from '@tanstack/react-query';
+import { Image } from "expo-image";
-import { Image } from 'expo-image';
+import { router, useLocalSearchParams } from "expo-router";
-import { router, useLocalSearchParams } from 'expo-router';
+import * as WebBrowser from "expo-web-browser";
-import { ChevronLeft, XIcon } from 'lucide-react-native';
+import { ChevronLeft } from "lucide-react-native";
-import React, { useCallback, useRef, useState } from 'react';
+import { useCallback, useState } from "react";
 import {
   ActivityIndicator,
   Dimensions,
   FlatList,
-  Modal,
   StyleSheet,
   Text,
   TouchableOpacity,
-  View,
+  View
-} from 'react-native';
+} from "react-native";
-import { SafeAreaView } from 'react-native-safe-area-context';
-import { WebView } from 'react-native-webview';
 
-import { useTranslation } from 'react-i18next';
+import { useTranslation } from "react-i18next";
-import { RefreshControl } from 'react-native-gesture-handler';
+import { RefreshControl } from "react-native-gesture-handler";
-import { eservices_api } from '../lib/api';
+import { Toast } from "toastify-react-native";
+import { eservices_api } from "../lib/api";
 
-const { width: SCREEN_WIDTH } = Dimensions.get('window');
+const { width: SCREEN_WIDTH } = Dimensions.get("window");
 const PAGE_SIZE = 10;
 
 export interface GovermentServiceDataRes {
@@ -34,17 +32,20 @@ export interface GovermentServiceDataRes {
 
 export default function EServicesScreen() {
   const { isDark } = useTheme();
-  const [webUrl, setWebUrl] = useState<string | null>(null);
-  const [modalVisible, setModalVisible] = useState(false);
-  const webviewRef = useRef<WebView>(null);
   const params = useLocalSearchParams();
   const { t } = useTranslation();
   const [refreshing, setRefreshing] = useState(false);
   const queryClient = useQueryClient();
 
-  const { data, isLoading, isError, fetchNextPage, hasNextPage, isFetchingNextPage } =
+  const {
-    useInfiniteQuery({
+    data,
-      queryKey: ['goverment_service', params.categoryId],
+    isLoading,
+    isError,
+    fetchNextPage,
+    hasNextPage,
+    isFetchingNextPage,
+  } = useInfiniteQuery({
+    queryKey: ["goverment_service", params.categoryId],
     queryFn: async ({ pageParam = 1 }) => {
       const response = await eservices_api.list({
         page: pageParam,
@@ -54,58 +55,76 @@ export default function EServicesScreen() {
       return response.data.data;
     },
     getNextPageParam: (lastPage) =>
-        lastPage.current_page < lastPage.total_pages ? lastPage.current_page + 1 : undefined,
+      lastPage.current_page < lastPage.total_pages
+        ? lastPage.current_page + 1
+        : undefined,
     initialPageParam: 1,
   });
 
-  const services: GovermentServiceDataRes[] = data?.pages.flatMap((p) => p.results) ?? [];
+  const services: GovermentServiceDataRes[] =
+    data?.pages.flatMap((p) => p.results) ?? [];
 
   const onRefresh = async () => {
     setRefreshing(true);
     try {
-      await queryClient.refetchQueries({ queryKey: ['goverment_service'] });
+      await queryClient.refetchQueries({ queryKey: ["goverment_service"] });
     } finally {
       setRefreshing(false);
     }
   };
 
-  const openWebView = (url: string) => {
+  const handleOpenBrowser = async (fileUrl: string) => {
-    setWebUrl(url);
+    try {
-    setModalVisible(true);
+      await WebBrowser.openBrowserAsync(fileUrl);
+    } catch (error) {
+      Toast.error(t("Xatolik yuz berdi"));
+    }
   };
 
   const renderItem = useCallback(
     ({ item }: { item: GovermentServiceDataRes }) => (
-      <View style={{ alignItems: 'center', marginTop: 12, width: CARD_WIDTH }}>
+      <View style={{ alignItems: "center", marginTop: 12, width: CARD_WIDTH }}>
-        {/* Logo (bosilganda WebView ochiladi) */}
         <TouchableOpacity
           style={[
             styles.card,
-            { backgroundColor: isDark ? '#1e293b' : '#f8fafc' },
+            { backgroundColor: isDark ? "#1e293b" : "#f8fafc" },
             isDark ? styles.darkShadow : styles.lightShadow,
           ]}
-          onPress={() => openWebView(item.url)}
+          onPress={() => handleOpenBrowser(item.url)}
         >
-          <Image source={{ uri: item.logo }} style={styles.logo} resizeMode="contain" />
+          <Image
+            source={{ uri: item.logo }}
+            style={styles.logo}
+            resizeMode="contain"
+          />
         </TouchableOpacity>
 
         {/* Name (alog‘ifa, faqat ko‘rsatish) */}
         <Text
           style={[
             styles.name,
-            { color: isDark ? '#f1f5f9' : '#0f172a', marginTop: 4, paddingHorizontal: 5 },
+            {
+              color: isDark ? "#f1f5f9" : "#0f172a",
+              marginTop: 4,
+              paddingHorizontal: 5,
+            },
           ]}
         >
           {item.name}
         </Text>
       </View>
     ),
-    [isDark]
+    [isDark],
   );
 
   if (isLoading) {
     return (
-      <View style={[styles.center, { backgroundColor: isDark ? '#0f172a' : '#f8fafc' }]}>
+      <View
+        style={[
+          styles.center,
+          { backgroundColor: isDark ? "#0f172a" : "#f8fafc" },
+        ]}
+      >
         <ActivityIndicator size="large" color="#3b82f6" />
       </View>
     );
@@ -113,40 +132,45 @@ export default function EServicesScreen() {
 
   if (isError) {
     return (
-      <View style={[styles.center, { backgroundColor: isDark ? '#0f172a' : '#f8fafc' }]}>
+      <View
-        <Text style={{ color: 'red' }}>Xatolik yuz berdi</Text>
+        style={[
+          styles.center,
+          { backgroundColor: isDark ? "#0f172a" : "#f8fafc" },
+        ]}
+      >
+        <Text style={{ color: "red" }}>Xatolik yuz berdi</Text>
       </View>
     );
   }
 
   return (
-    <View style={{ flex: 1, backgroundColor: isDark ? '#0f172a' : '#f8fafc' }}>
+    <View style={{ flex: 1, backgroundColor: isDark ? "#0f172a" : "#f8fafc" }}>
       {/* Header */}
       <View
         style={{
-          flexDirection: 'row',
+          flexDirection: "row",
-          alignItems: 'center',
+          alignItems: "center",
           paddingHorizontal: 16,
           gap: 10,
           paddingVertical: 12,
-          backgroundColor: isDark ? '#1e293b' : '#f8fafc',
+          backgroundColor: isDark ? "#1e293b" : "#f8fafc",
           borderBottomWidth: 1,
-          borderBottomColor: isDark ? '#334155' : '#e2e8f0',
+          borderBottomColor: isDark ? "#334155" : "#e2e8f0",
         }}
       >
         <TouchableOpacity
           onPress={() => router.back()}
           hitSlop={{ top: 10, bottom: 10, left: 10, right: 10 }}
         >
-          <ChevronLeft size={28} color={isDark ? '#f1f5f9' : '#0f172a'} />
+          <ChevronLeft size={28} color={isDark ? "#f1f5f9" : "#0f172a"} />
         </TouchableOpacity>
 
         <Text
           style={{
             flex: 1,
             fontSize: 18,
-            fontWeight: '600',
+            fontWeight: "600",
-            color: isDark ? '#f1f5f9' : '#0f172a',
+            color: isDark ? "#f1f5f9" : "#0f172a",
           }}
         >
           {params.categoryName}
@@ -158,18 +182,18 @@ export default function EServicesScreen() {
         <View style={[styles.center, { flex: 1, padding: 16, gap: 5 }]}>
           <Text
             style={{
-              color: isDark ? '#f1f5f9' : '#0f172a',
+              color: isDark ? "#f1f5f9" : "#0f172a",
               fontSize: 18,
-              textAlign: 'center',
+              textAlign: "center",
             }}
           >
             {t("Bu kategoriya bo'yicha xizmat topilmadi")}
           </Text>
           <Text
             style={{
-              color: isDark ? '#f1f5f9' : '#0f172a',
+              color: isDark ? "#f1f5f9" : "#0f172a",
               fontSize: 16,
-              textAlign: 'center',
+              textAlign: "center",
             }}
           >
             {t("Tez orada xizmat qo'shiladi")}
@@ -182,96 +206,34 @@ export default function EServicesScreen() {
             <RefreshControl
               refreshing={refreshing}
               onRefresh={onRefresh}
-              tintColor={isDark ? '#f8fafc' : '#020617'}
+              tintColor={isDark ? "#f8fafc" : "#020617"}
-              colors={['#3b82f6']}
+              colors={["#3b82f6"]}
             />
           }
           keyExtractor={(item) => item.id.toString()}
           renderItem={renderItem}
           numColumns={3}
-          columnWrapperStyle={{ justifyContent: 'space-between', marginBottom: 12 }}
+          columnWrapperStyle={{
+            justifyContent: "space-between",
+            marginBottom: 12,
+          }}
           contentContainerStyle={{ padding: 16, paddingBottom: 80 }}
-          onEndReached={() => hasNextPage && !isFetchingNextPage && fetchNextPage()}
+          onEndReached={() =>
+            hasNextPage && !isFetchingNextPage && fetchNextPage()
+          }
           onEndReachedThreshold={0.4}
           ListFooterComponent={
             isFetchingNextPage ? (
-              <ActivityIndicator color="#3b82f6" size="large" style={{ marginVertical: 20 }} />
+              <ActivityIndicator
+                color="#3b82f6"
+                size="large"
+                style={{ marginVertical: 20 }}
+              />
             ) : null
           }
           showsVerticalScrollIndicator={false}
         />
       )}
-
-      {/* WebView Modal */}
-      <Modal visible={modalVisible} animationType="slide">
-        <SafeAreaView
-          style={{
-            flex: 1,
-            backgroundColor: isDark ? '#0f172a' : '#f8fafc',
-          }}
-        >
-          {/* WebView Header */}
-          <View
-            style={{
-              flexDirection: 'row',
-              paddingHorizontal: 16,
-              paddingVertical: 12,
-              backgroundColor: isDark ? '#1e293b' : '#f8fafc',
-              alignItems: 'center',
-              justifyContent: 'space-between',
-              borderBottomWidth: 1,
-              borderBottomColor: isDark ? '#334155' : '#e2e8f0',
-            }}
-          >
-            <TouchableOpacity
-              onPress={() => webviewRef.current?.goBack()}
-              hitSlop={{ top: 10, bottom: 10, left: 10, right: 10 }}
-            >
-              <ChevronLeft size={28} color={isDark ? '#f1f5f9' : '#0f172a'} />
-            </TouchableOpacity>
-
-            <Text
-              style={{
-                flex: 1,
-                textAlign: 'center',
-                fontSize: 16,
-                fontWeight: '600',
-                color: isDark ? '#f1f5f9' : '#0f172a',
-              }}
-              numberOfLines={1}
-            >
-              {webUrl}
-            </Text>
-
-            <TouchableOpacity
-              onPress={() => setModalVisible(false)}
-              hitSlop={{ top: 10, bottom: 10, left: 10, right: 10 }}
-            >
-              <XIcon size={28} color={isDark ? '#f1f5f9' : '#0f172a'} />
-            </TouchableOpacity>
-          </View>
-
-          {/* WebView */}
-          {webUrl && (
-            <WebView
-              ref={webviewRef}
-              originWhitelist={['*']}
-              javaScriptEnabled
-              domStorageEnabled
-              onShouldStartLoadWithRequest={(request) => {
-                // iOS va Android uchun barcha URLlarni WebView ichida ochish
-                return true;
-              }}
-              source={{ uri: webUrl }}
-              style={{ flex: 1, backgroundColor: isDark ? '#0f172a' : '#f8fafc' }}
-              startInLoadingState
-              renderLoading={() => (
-                <ActivityIndicator color="#3b82f6" size="large" style={{ flex: 1 }} />
-              )}
-            />
-          )}
-        </SafeAreaView>
-      </Modal>
     </View>
   );
 }
@@ -279,12 +241,12 @@ export default function EServicesScreen() {
 const CARD_WIDTH = (SCREEN_WIDTH - 50) / 3;
 
 const styles = StyleSheet.create({
-  center: { flex: 1, justifyContent: 'center', alignItems: 'center' },
+  center: { flex: 1, justifyContent: "center", alignItems: "center" },
   card: {
     width: CARD_WIDTH,
     borderRadius: 12,
     padding: 12,
-    alignItems: 'center',
+    alignItems: "center",
   },
   logo: {
     width: 80,
@@ -293,18 +255,18 @@ const styles = StyleSheet.create({
   },
   name: {
     fontSize: 14,
-    fontWeight: '600',
+    fontWeight: "600",
-    textAlign: 'center',
+    textAlign: "center",
   },
   darkShadow: {
-    shadowColor: '#000',
+    shadowColor: "#000",
     shadowOffset: { width: 0, height: 2 },
     shadowOpacity: 0.4,
     shadowRadius: 6,
     elevation: 3,
   },
   lightShadow: {
-    shadowColor: '#000',
+    shadowColor: "#000",
     shadowOffset: { width: 0, height: 2 },
     shadowOpacity: 0.1,
     shadowRadius: 4,

screens/home/ui/HomeScreen.tsx

@@ -57,7 +57,6 @@ export default function HomeScreen() {
       }
       await queryClient.refetchQueries();
     } catch (err) {
-      console.error('Refresh error:', err);
     } finally {
       setRefreshing(false);
     }

screens/profile/lib/api.ts

@@ -61,10 +61,6 @@ export const user_api = {
     return res;
   },
 
-  async my_ads_detail(id: number): Promise<AxiosResponse<{ status: boolean; data: MyAdsDataRes }>> {
-    const res = await httpClient.get(API_URLS.My_Ads_Detail(id));
-    return res;
-  },
 
   async my_bonuses(params: {
     page: number;
@@ -109,6 +105,11 @@ export const user_api = {
     return res;
   },
 
+  async ads_detail(id: number): Promise<AxiosResponse<{ status: boolean; data: MyAdsDataRes }>> {
+    const res = await httpClient.get(API_URLS.Ads_Detail(id));
+    return res;
+  },
+
   async my_referrals(params: { page: number; page_size: number }) {
     const res = await httpClient.get(API_URLS.My_Refferals, { params });
     return res;

screens/profile/ui/AddEmployee.tsx

@@ -3,7 +3,7 @@ import { formatPhone, normalizeDigits } from '@/constants/formatPhone';
 import { useMutation, useQueryClient } from '@tanstack/react-query';
 import { AxiosError } from 'axios';
 import { useRouter } from 'expo-router';
-import { ArrowLeft } from 'lucide-react-native';
+import { ArrowLeft, Check } from 'lucide-react-native';
 import { useState } from 'react';
 import { useTranslation } from 'react-i18next';
 import {
@@ -14,9 +14,9 @@ import {
   StyleSheet,
   Text,
   TextInput,
-  ToastAndroid,
+  View
-  View,
 } from 'react-native';
+import { Toast } from 'toastify-react-native';
 import { user_api } from '../lib/api';
 
 export default function AddEmployee() {
@@ -60,14 +60,14 @@ export default function AddEmployee() {
 
   const handleSave = () => {
     if (!firstName.trim() || !lastName.trim() || !phoneNumber.trim()) {
-      ToastAndroid.show(t("Barcha maydonlarni to'ldiring"), ToastAndroid.SHORT);
+      Toast.info(t("Barcha maydonlarni to'ldiring"));
       return;
     }
 
     mutate({
       first_name: firstName.trim(),
       last_name: lastName.trim(),
-      phone: phoneNumber.trim(),
+      phone: `998${phoneNumber.trim()}`,
     });
   };
 
@@ -77,12 +77,12 @@ export default function AddEmployee() {
         <Pressable onPress={() => router.push('/profile/employees')}>
           <ArrowLeft color={theme.text} />
         </Pressable>
-        <Text style={[styles.headerTitle, { color: theme.text }]}>{t("Yangi xodim qo'shish")}</Text>
+        <Text style={[styles.headerTitle, { color: theme.text }]}>{t("Xodim qo'shish")}</Text>
         <Pressable onPress={handleSave} disabled={isPending}>
           {isPending ? (
             <ActivityIndicator size={'small'} />
           ) : (
-            <Text style={[styles.saveButton, { color: theme.primary }]}>{t('Saqlash')}</Text>
+            <Check size={26} color={theme.primary} />
           )}
         </Pressable>
       </View>

screens/profile/ui/AnnouncementsTab.tsx

@@ -52,7 +52,7 @@ export function AnnouncementsTab() {
   };
 
   const [refreshing, setRefreshing] = useState(false);
-  const [selectedAnnouncement, setSelectedAnnouncement] = useState<MyAdsDataRes | null>(null);
+  const [selectedAnnouncement, setSelectedAnnouncement] = useState<number | null>(null);
   const [sheetOpen, setSheetOpen] = useState(false); const bottomSheetModalRef = useRef<BottomSheetModal>(null);
 
   const { data, isLoading, isError, fetchNextPage, hasNextPage, refetch } = useInfiniteQuery({
@@ -82,14 +82,14 @@ export function AnnouncementsTab() {
     isLoading: loadingDetail,
     isError: detailError,
   } = useQuery({
-    queryKey: ['my_ads_id', selectedAnnouncement?.id],
+    queryKey: ['my_ads_id', selectedAnnouncement],
-    queryFn: () => user_api.my_ads_detail(selectedAnnouncement?.id!),
+    queryFn: () => user_api.ads_detail(Number(selectedAnnouncement)),
     select: (res) => res.data.data,
-    enabled: !!selectedAnnouncement && sheetOpen,
+    enabled: !!selectedAnnouncement,
   });
 
   const openSheet = (item: MyAdsDataRes) => {
-    setSelectedAnnouncement(item);
+    setSelectedAnnouncement(item.id);
     setSheetOpen(true);
     requestAnimationFrame(() => bottomSheetRef.current?.present());
   };
@@ -176,7 +176,7 @@ export function AnnouncementsTab() {
   if (isError) {
     return (
       <View style={[styles.center, { backgroundColor: theme.background }]}>
-        <Text style={[styles.error, { color: theme.error }]}>{t('Xatolik yuz berdi')}</Text>
+        <Text style={[{ color: theme.error }]}>{t('Xatolik yuz berdi')}</Text>
       </View>
     );
   }
@@ -196,7 +196,7 @@ export function AnnouncementsTab() {
       <FlatList
         data={allAds}
         keyExtractor={(item) => item.id.toString()}
-        contentContainerStyle={styles.list}
+        contentContainerStyle={[styles.list, { flexGrow: 1 }]}
         refreshControl={
           <RefreshControl refreshing={refreshing} onRefresh={onRefresh} tintColor={theme.primary} />
         }
@@ -204,7 +204,7 @@ export function AnnouncementsTab() {
         renderItem={({ item }) => (
           <Pressable
             style={[styles.card, { backgroundColor: theme.cardBg }]}
-            onPress={() => openSheet(item)}
+            onPress={() => { openSheet(item); setSelectedAnnouncement(item.id) }}
           >
             {item.files?.[0]?.file && (
               <Image source={{ uri: item.files[0].file }} style={styles.cardImage} />
@@ -243,6 +243,14 @@ export function AnnouncementsTab() {
             </View>
           </Pressable>
         )}
+        ListEmptyComponent={() => (
+          <View style={styles.emptyContainer}>
+            <Megaphone size={48} color={theme.textSecondary} />
+            <Text style={[styles.emptyTitle, { color: theme.text }]}>
+              {t('Hozircha hech qanday eʼlon mavjud emas')}
+            </Text>
+          </View>
+        )}
       />
 
       <BottomSheetModal
@@ -253,14 +261,13 @@ export function AnnouncementsTab() {
         backgroundStyle={{ backgroundColor: theme.sheetBg }}
         handleIndicatorStyle={{ backgroundColor: theme.indicator }}
         onDismiss={() => {
-          setSheetOpen(false);
+          setSelectedAnnouncement(null); // shu yetarli
-          setSelectedAnnouncement(null);
         }}
       >
         <BottomSheetScrollView contentContainerStyle={styles.sheet}>
           {loadingDetail && <ActivityIndicator size={'large'} />}
           {detailError && (
-            <Text style={[styles.error, { color: theme.error }]}>{t('Xatolik yuz berdi')}</Text>
+            <Text style={[{ color: theme.error }]}>{t('Xatolik yuz berdi')}</Text>
           )}
 
           {detail && (
@@ -374,7 +381,7 @@ export function AnnouncementsTab() {
                 isDark ? styles.darkPaymentItem : styles.lightPaymentItem,
                 { flexDirection: 'row', justifyContent: 'flex-start', alignItems: 'center' },
               ]}
-              onPress={() => sendPayment({ id: selectedAnnouncement?.id!, type: 'payme' })}
+              onPress={() => sendPayment({ id: selectedAnnouncement!, type: 'payme' })}
             >
               <Image source={PAYME} style={{ width: 80, height: 80 }} />
             </TouchableOpacity>
@@ -384,7 +391,7 @@ export function AnnouncementsTab() {
                 styles.paymentItem,
                 isDark ? styles.darkPaymentItem : styles.lightPaymentItem,
               ]}
-              onPress={() => sendPayment({ id: selectedAnnouncement?.id!, type: 'referral' })}
+              onPress={() => sendPayment({ id: selectedAnnouncement!, type: 'referral' })}
             >
               <Text style={[styles.paymentText, isDark ? styles.darkText : styles.lightText]}>
                 {t('Referal orqali')}
@@ -498,6 +505,22 @@ const styles = StyleSheet.create({
     fontWeight: '700',
   },
 
-  loading: {},
+  emptyContainer: {
-  error: {},
+    flex: 1,
+    alignItems: 'center',
+    justifyContent: 'center',
+    paddingVertical: 60,
+  },
+
+  emptyTitle: {
+    fontSize: 18,
+    fontWeight: '600',
+    marginTop: 12,
+  },
+
+  emptyDesc: {
+    fontSize: 14,
+    marginTop: 6,
+    textAlign: 'center',
+  },
 });

screens/profile/ui/BonusesScreen.tsx

@@ -164,6 +164,7 @@ const styles = StyleSheet.create({
     padding: 16,
     gap: 16,
     paddingBottom: 30,
+    flexGrow: 1
   },
   card: {
     borderRadius: 20,
@@ -236,6 +237,7 @@ const styles = StyleSheet.create({
     fontWeight: '600' as const,
   },
   emptyContainer: {
+    flex: 1,
     alignItems: 'center',
     justifyContent: 'center',
     paddingVertical: 80,

screens/profile/ui/CreateReferrals.tsx

@@ -12,9 +12,9 @@ import {
   Switch,
   Text,
   TextInput,
-  ToastAndroid,
+  View
-  View,
 } from 'react-native';
+import { Toast } from 'toastify-react-native';
 import { user_api } from '../lib/api';
 
 type FormType = {
@@ -44,12 +44,12 @@ export default function CreateReferrals() {
       is_agent: boolean;
     }) => user_api.create_referral(body),
     onSuccess: () => {
-      ToastAndroid.show(t('Referral yaratildi'), ToastAndroid.SHORT);
+      Toast.success(t('Referral yaratildi'));
       queryClient.refetchQueries({ queryKey: ['my_referrals'] });
       router.back();
     },
     onError: () => {
-      ToastAndroid.show(t('Xatolik yuz berdi'), ToastAndroid.SHORT);
+      Toast.error(t('Xatolik yuz berdi'));
     },
   });
 
@@ -60,8 +60,6 @@ export default function CreateReferrals() {
   const validate = () => {
     const e: any = {};
 
-    if (!form.code || form.code.length !== 9)
-      e.code = 'Kod aynan 9 ta belgidan iborat bo‘lishi kerak';
     if (!form.description || form.description.length < 5)
       e.description = 'Tavsif kamida 5 ta belgidan iborat bo‘lishi kerak';
 

screens/profile/ui/EditServices.tsx

@@ -86,13 +86,11 @@ export default function EditService() {
   const { mutate, isPending } = useMutation({
     mutationFn: (body: FormData) => user_api.update_service({ body, id: Number(id) }),
     onSuccess: (res) => {
-      console.log(res);
       queryClient.invalidateQueries({ queryKey: ['my_services'] });
       queryClient.invalidateQueries({ queryKey: ['service_detail'] });
       router.back();
     },
     onError: (err: any) => {
-      console.log(err);
       Alert.alert(t('Xatolik yuz berdi'), err?.message || t('Yangilashda xato yuz berdi'));
     },
   });
@@ -151,7 +149,7 @@ export default function EditService() {
             <ArrowLeft color={isDark ? '#fff' : '#0f172a'} />
           </Pressable>
           <Text style={[styles.headerTitle, { color: isDark ? '#fff' : '#0f172a' }]}>
-            {step === 1 ? t('Xizmatni tahrirlash (1/2)') : t('Xizmatni tahrirlash (2/2)')}
+            {t('Xizmatni tahrirlash')}
           </Text>
         </View>
         <Pressable

screens/profile/ui/EmployeesTab.tsx

@@ -124,7 +124,7 @@ export function EmployeesTab() {
         data={allEmployees}
         keyExtractor={(item) => item.phone}
         renderItem={renderItem}
-        contentContainerStyle={styles.list}
+        contentContainerStyle={[styles.list, { flexGrow: 1 }]}
         onEndReached={() => {
           if (hasNextPage && !isFetchingNextPage) {
             fetchNextPage();
@@ -176,7 +176,12 @@ const styles = StyleSheet.create({
   infoContainer: { flex: 1, gap: 4 },
   name: { fontSize: 17, fontWeight: '700' },
   phone: { fontSize: 15, fontWeight: '500' },
-  emptyContainer: { alignItems: 'center', justifyContent: 'center', paddingVertical: 80, gap: 16 },
+  emptyContainer: {
+    flex: 1,
+    alignItems: 'center',
+    justifyContent: 'center',
+    paddingVertical: 60,
+  },
   emptyText: { fontSize: 17, fontWeight: '600' },
   emptyButton: {
     flexDirection: 'row',

screens/profile/ui/ManualTab.tsx

@@ -68,9 +68,9 @@ export function ManualTab() {
 
   /** 🔹 Video manbalari (SELECT ga bog‘liq) */
   const videos = {
-    uz: require('@/assets/manual/manual_video_uz.webm'),
+    uz: require('@/assets/manual/manual_video_uz.mp4'),
-    ru: require('@/assets/manual/manual_video_ru.webm'),
+    ru: require('@/assets/manual/manual_video_ru.mp4'),
-    en: require('@/assets/manual/manual_video_en.webm'),
+    en: require('@/assets/manual/manual_video_en.mp4'),
   };
 
   const player = useVideoPlayer(videos[selectedLang], (player) => {
@@ -158,8 +158,6 @@ export function ManualTab() {
     [imageLang]
   );
 
-  const selectedLanguage = languages.find((l) => l.code === selectedLang);
-
   useEffect(() => {
     // listener qo'shish
     const subscription = player.addListener('playingChange', (state) => {
@@ -350,7 +348,7 @@ const styles = StyleSheet.create({
   container: { flex: 1 },
   hero: { padding: 20 },
   topHeader: { flexDirection: 'row', alignItems: 'center', gap: 12 },
-  headerTitle: { fontSize: 22, fontWeight: '700', marginHorizontal: 16 },
+  headerTitle: { fontSize: 18, fontWeight: '700', marginHorizontal: 16 },
   subtitle: { fontSize: 16, marginTop: 5, fontWeight: '500', marginHorizontal: 16 },
 
   section: { marginBottom: 28 },

screens/profile/ui/MyServices.tsx

@@ -116,7 +116,7 @@ export default function MyServicesScreen() {
       <FlatList
         data={allServices}
         keyExtractor={(item) => item.id.toString()}
-        contentContainerStyle={styles.list}
+        contentContainerStyle={[styles.list, { flexGrow: 1 }]}
         onEndReached={() => hasNextPage && fetchNextPage()}
         refreshControl={
           <RefreshControl
@@ -269,7 +269,7 @@ const styles = StyleSheet.create({
     borderRadius: 12,
   },
   categoryText: { fontSize: 13, fontWeight: '500' as const },
-  emptyContainer: { alignItems: 'center', justifyContent: 'center', paddingVertical: 80, gap: 16 },
+  emptyContainer: { alignItems: 'center', justifyContent: 'center', paddingVertical: 80, gap: 16, flex: 1 },
   emptyText: { fontSize: 17, fontWeight: '600' as const },
   emptyButton: {
     flexDirection: 'row',

screens/profile/ui/NotificationTab.tsx

@@ -91,12 +91,47 @@ export function NotificationTab() {
         <Text style={[styles.headerTitle, { color: isDark ? '#f1f5f9' : '#0f172a' }]}>
           {t('Bildirishnomalar')}
         </Text>
+      </View>
+      <FlatList
+        data={notifications}
+        keyExtractor={(item) => item.id.toString()}
+        contentContainerStyle={styles.listContent}
+        showsVerticalScrollIndicator={false}
+        ListHeaderComponent={() => {
+          if (notifications.length === 0) {
+            return (
+              <View style={styles.emptyHeader}>
+                <Text
+                  style={[
+                    styles.emptyTitle,
+                    { color: isDark ? '#f1f5f9' : '#0f172a' },
+                  ]}
+                >
+                  {t("Hozircha bildirishnomalar yo'q")}
+                </Text>
 
-        {notifications.some((n) => !n.is_read) && (
+                <Text
+                  style={[
+                    styles.emptyDesc,
+                    { color: isDark ? '#94a3b8' : '#64748b' },
+                  ]}
+                >
+                  {t("Yangi xabarlar shu yerda paydo bo‘ladi")}
+                </Text>
+              </View>
+            );
+          }
+
+          if (notifications.some((n) => !n.is_read)) {
+            return (
+              <View style={styles.headerActions}>
                 <TouchableOpacity
                   style={[
                     styles.markAllButton,
-              { backgroundColor: isDark ? '#1e293b' : '#e0f2fe', borderColor: '#3b82f6' },
+                    {
+                      backgroundColor: isDark ? '#1e293b' : '#e0f2fe',
+                      borderColor: '#3b82f6',
+                    },
                   ]}
                   onPress={() => markAllAsRead()}
                   disabled={isMarkingAllRead}
@@ -109,14 +144,24 @@ export function NotificationTab() {
                     </Text>
                   )}
                 </TouchableOpacity>
-        )}
               </View>
-      <FlatList
+            );
-        data={notifications}
+          }
-        keyExtractor={(item) => item.id.toString()}
+
-        contentContainerStyle={styles.listContent}
+          return (
-        showsVerticalScrollIndicator={false}
+            <View style={styles.allReadContainer}>
-        renderItem={({ item, index }) => <NotificationCard item={item} />}
+              <Text
+                style={[
+                  styles.allReadText,
+                  { color: isDark ? '#94a3b8' : '#64748b' },
+                ]}
+              >
+                {t("Barcha bildirishnomalar o‘qilgan")}
+              </Text>
+            </View>
+          );
+        }}
+        renderItem={({ item }) => <NotificationCard item={item} />}
         onEndReached={() => {
           if (hasNextPage && !isFetchingNextPage) {
             fetchNextPage();
@@ -130,6 +175,15 @@ export function NotificationTab() {
         }
         refreshing={isLoading}
         onRefresh={refetch}
+        ListEmptyComponent={() =>
+          !isLoading && (
+            <View style={styles.emptyContainer}>
+              <Text style={[styles.emptyTitle, { color: isDark ? '#f1f5f9' : '#0f172a' }]}>
+                {t("Hozircha bildirishnomalar yo'q")}
+              </Text>
+            </View>
+          )
+        }
       />
     </View>
   );
@@ -266,6 +320,7 @@ const styles = StyleSheet.create({
   listContent: {
     padding: 16,
     paddingBottom: 32,
+    flexGrow: 1
   },
 
   /* Card Styles */
@@ -292,6 +347,38 @@ const styles = StyleSheet.create({
     flex: 1,
     justifyContent: 'center',
   },
+  headerActions: {
+    marginBottom: 16,
+    alignItems: 'flex-end',
+  },
+
+  emptyHeader: {
+    flex: 1,
+    alignItems: 'center',
+    justifyContent: 'center',
+    paddingVertical: 60,
+  },
+
+  allReadContainer: {
+    marginBottom: 16,
+    alignItems: 'center',
+  },
+
+  allReadText: {
+    fontSize: 14,
+  },
+
+  emptyTitle: {
+    fontSize: 18,
+    fontWeight: '700',
+    marginBottom: 8,
+    textAlign: 'center',
+  },
+
+  emptyDesc: {
+    fontSize: 14,
+    textAlign: 'center',
+  },
   cardHeader: {
     flexDirection: 'row',
     alignItems: 'center',
@@ -407,7 +494,7 @@ const styles = StyleSheet.create({
     paddingVertical: 8,
     borderRadius: 8,
     borderWidth: 1,
-    minWidth: 80,
+    width: "auto",
     alignItems: 'center',
     justifyContent: 'center',
   },
@@ -415,4 +502,10 @@ const styles = StyleSheet.create({
     fontSize: 13,
     fontWeight: '600',
   },
+  emptyContainer: {
+    flex: 1,
+    alignItems: 'center',
+    justifyContent: 'center',
+    paddingHorizontal: 30,
+  },
 });

screens/profile/ui/ProductServicesTab.tsx

@@ -313,6 +313,7 @@ const styles = StyleSheet.create({
   },
   list: {
     gap: 16,
+    flexGrow: 1
   },
   card: {
     backgroundColor: '#1e293b',
@@ -372,6 +373,7 @@ const styles = StyleSheet.create({
     fontWeight: '500' as const,
   },
   emptyContainer: {
+    flex: 1,
     alignItems: 'center',
     justifyContent: 'center',
     paddingVertical: 80,

screens/profile/ui/RefferallsTab.tsx

@@ -2,7 +2,7 @@ import { useTheme } from '@/components/ThemeContext';
 import { useInfiniteQuery } from '@tanstack/react-query';
 import * as Clipboard from 'expo-clipboard';
 import { useRouter } from 'expo-router';
-import { ArrowLeft, CopyIcon, HandCoins, Plus, Users } from 'lucide-react-native';
+import { ArrowLeft, CopyIcon, Gift, HandCoins, Plus, Users } from 'lucide-react-native';
 import React, { useState } from 'react';
 import { useTranslation } from 'react-i18next';
 import {
@@ -14,11 +14,11 @@ import {
   Share,
   StyleSheet,
   Text,
-  ToastAndroid,
   TouchableOpacity,
-  View,
+  View
 } from 'react-native';
 import { SafeAreaView } from 'react-native-safe-area-context';
+import { Toast } from 'toastify-react-native';
 import { user_api } from '../lib/api';
 
 const PAGE_SIZE = 10;
@@ -68,7 +68,7 @@ export function ReferralsTab() {
 
   // Clipboard + Share funksiyasi
   const handleCopyAndShare = async (code: string) => {
-    const referralLink = `https://t.me/infotargetbot/join?startapp=${code}`;
+    const referralLink = `${code}`;
 
     // Clipboard-ga nusxa olish
     await Clipboard.setStringAsync(referralLink);
@@ -80,11 +80,10 @@ export function ReferralsTab() {
         title: t('Referal linkni ulashish'),
       });
     } catch (err) {
-      console.log('Share error:', err);
     }
 
     if (Platform.OS === 'android') {
-      ToastAndroid.show(t('Refferal kopiya qilindi'), ToastAndroid.SHORT);
+      Toast.success(t('Refferal kopiya qilindi'));
     }
   };
 
@@ -153,11 +152,22 @@ export function ReferralsTab() {
             </View>
           </View>
         )}
-        ListEmptyComponent={
+        ListEmptyComponent={() => (
-          <Text style={{ textAlign: 'center', color: theme.subText }}>
+          <View style={styles.emptyContainer}>
-            {t('Refferallar topilmadi')}
+            <View
+              style={[
+                styles.emptyIconWrapper,
+                { backgroundColor: theme.cardBg }
+              ]}
+            >
+              <Gift size={40} color={theme.primary} />
+            </View>
+
+            <Text style={[styles.emptyTitle, { color: theme.text }]}>
+              {t("Refferallar mavjud emas")}
             </Text>
-        }
+          </View>
+        )}
       />
     </View>
   );
@@ -175,7 +185,7 @@ const styles = StyleSheet.create({
   },
   headerTitle: { fontSize: 18, fontWeight: '700' },
 
-  list: { padding: 16, gap: 12, paddingBottom: 30 },
+  list: { padding: 16, gap: 12, paddingBottom: 30, flexGrow: 1 },
 
   card: {
     borderRadius: 16,
@@ -217,4 +227,46 @@ const styles = StyleSheet.create({
   amount: {
     fontWeight: '700',
   },
+  emptyContainer: {
+    flex: 1,
+    alignItems: 'center',
+    justifyContent: 'center',
+    paddingHorizontal: 30,
+  },
+
+  emptyIconWrapper: {
+    width: 80,
+    height: 80,
+    borderRadius: 40,
+    alignItems: 'center',
+    justifyContent: 'center',
+    marginBottom: 20,
+    elevation: 4,
+  },
+
+  emptyTitle: {
+    fontSize: 18,
+    fontWeight: '700',
+    marginBottom: 8,
+    textAlign: 'center',
+  },
+
+  emptyDesc: {
+    fontSize: 14,
+    textAlign: 'center',
+    marginBottom: 20,
+    lineHeight: 20,
+  },
+
+  emptyButton: {
+    paddingHorizontal: 24,
+    paddingVertical: 12,
+    borderRadius: 12,
+  },
+
+  emptyButtonText: {
+    color: '#fff',
+    fontWeight: '600',
+    fontSize: 15,
+  },
 });