mmkv added

App.tsx

@@ -1,5 +1,4 @@
 // App.tsx
-import AsyncStorage from '@react-native-async-storage/async-storage';
 import { NavigationContainer } from '@react-navigation/native';
 import { createNativeStackNavigator } from '@react-navigation/native-stack';
 import { QueryClient, QueryClientProvider } from '@tanstack/react-query';
@@ -20,6 +19,13 @@ import Toast from 'react-native-toast-message';
 import SplashScreen from './src/components/SplashScreen';
 
 // Screens
+import {
+  authEvents,
+  getLanguage,
+  getToken,
+  loadInitialAuthData,
+  storage,
+} from 'helpers/event';
 import Login from 'screens/auth/login/ui';
 import Confirm from 'screens/auth/login/ui/Confirm';
 import Register from 'screens/auth/registeration/ui';
@@ -47,137 +53,80 @@ import PaymentQrCode from 'screens/wallet/successPayment/ui/PaymentQrCode';
 import Onboarding from 'screens/welcome/Onboarding';
 
 LogBox.ignoreLogs([
-  'Non-serializable values were found in the navigation state',
   'ViewPropTypes will be removed',
+  // NOTE: I recommend NOT ignoring "Non-serializable values were found in the navigation state"
+  // because it hides bugs that can cause crashes. Keep only if you understand the implications.
 ]);
 
 const Stack = createNativeStackNavigator();
 const screenWidth = Dimensions.get('window').width;
 const queryClient = new QueryClient();
 
-// const saveNotification = async (remoteMessage: any) => {
-//   try {
-//     const stored = await AsyncStorage.getItem('notifications');
-//     const notifications = stored ? JSON.parse(stored) : [];
-
-//     const newNotification = {
-//       id: Date.now(),
-//       title:
-//         remoteMessage.notification?.title ||
-//         remoteMessage.data?.title ||
-//         'Yangi bildirishnoma',
-//       message:
-//         remoteMessage.notification?.body ||
-//         remoteMessage.data?.body ||
-//         'Matn yo‘q',
-//       sentTime: remoteMessage.sentTime || Date.now(),
-//     };
-
-//     await AsyncStorage.setItem(
-//       'notifications',
-//       JSON.stringify([newNotification, ...notifications]),
-//     );
-//   } catch (e) {
-//     console.error('Notification saqlashda xato:', e);
-//   }
-// };
-
-// async function onDisplayNotification(remoteMessage: any) {
-//   const channelId = await notifee.createChannel({
-//     id: 'default',
-//     name: 'Umumiy bildirishnomalar',
-//     sound: 'default',
-//     importance: AndroidImportance.HIGH,
-//   });
-
-//   await notifee.displayNotification({
-//     title:
-//       remoteMessage.notification?.title ||
-//       remoteMessage.data?.title ||
-//       'Yangi xabar',
-//     body:
-//       remoteMessage.notification?.body ||
-//       remoteMessage.data?.body ||
-//       'Matn yo‘q',
-//     android: {
-//       channelId,
-//       largeIcon: 'ic_launcher_foreground',
-//       sound: 'default',
-//       pressAction: {
-//         id: 'default',
-//       },
-//     },
-//   });
-// }
-
-// async function requestNotificationPermission() {
-//   if (Platform.OS === 'android' && Platform.Version >= 33) {
-//     const granted = await PermissionsAndroid.request(
-//       PermissionsAndroid.PERMISSIONS.POST_NOTIFICATIONS,
-//     );
-//     console.log('POST_NOTIFICATIONS permission:', granted);
-//   }
-// }
-
 export default function App() {
   const [initialRoute, setInitialRoute] = useState<string | null>(null);
   const slideAnim = useRef(new Animated.Value(0)).current;
   const [isSplashVisible, setIsSplashVisible] = useState(true);
+  const isMounted = useRef(false);
+  const currentAnimation = useRef<Animated.CompositeAnimation | null>(null);
 
-  // useEffect(() => {
-  //   requestNotificationPermission();
+  useEffect(() => {
+    loadInitialAuthData();
+  }, []);
 
-  //   const messagingInstance = getMessaging();
+  useEffect(() => {
+    const logoutListener = () => {
+      if (navigationRef.isReady()) {
+        navigationRef.reset({
+          index: 0,
+          routes: [{ name: 'Login' }],
+        });
+      }
+    };
 
-  //   const unsubscribe = onMessage(messagingInstance, async remoteMessage => {
-  //     console.log('Foreground message:', remoteMessage);
-  //     await saveNotification(remoteMessage);
-  //     await onDisplayNotification(remoteMessage);
-  //   });
+    authEvents.on('logout', logoutListener);
 
-  //   const unsubscribeOpened = onNotificationOpenedApp(
-  //     messagingInstance,
-  //     remoteMessage => {
-  //       console.log('Backgrounddan ochildi:', remoteMessage);
-  //       saveNotification(remoteMessage);
-  //     },
-  //   );
+    return () => {
+      authEvents.removeListener('logout', logoutListener);
+    };
+  }, []);
 
-  //   (async () => {
-  //     const remoteMessage = await getInitialNotification(messagingInstance);
-  //     if (remoteMessage) {
-  //       console.log('Killeddan ochildi:', remoteMessage);
-  //       saveNotification(remoteMessage);
-  //     }
-  //   })();
-
-  //   return () => {
-  //     unsubscribe();
-  //     unsubscribeOpened();
-  //   };
-  // }, []);
+  useEffect(() => {
+    isMounted.current = true;
+    return () => {
+      isMounted.current = false;
+      if (currentAnimation.current) {
+        currentAnimation.current.stop();
+      }
+    };
+  }, []);
 
   useEffect(() => {
     const initializeApp = async () => {
       try {
-        const [seen, token, lang] = await Promise.all([
-          AsyncStorage.getItem('hasSeenOnboarding'),
-          AsyncStorage.getItem('token'),
+        const seen = storage.getString('hasSeenOnboarding');
+        const token = getToken();
+        const lang = getLanguage();
 
-          AsyncStorage.getItem('language'),
-        ]);
-
-        if (lang) await i18n.changeLanguage(lang);
+        if (lang) {
+          try {
+            await i18n.changeLanguage(lang);
+          } catch (e) {
+            console.warn('i18n.changeLanguage failed:', e);
+          }
+        }
 
         const initialRouteName = !seen
           ? 'Onboarding'
           : token
           ? 'Home'
           : 'select-auth';
+
+        if (isMounted.current) {
           setInitialRoute(initialRouteName);
+        }
       } catch (error) {
         console.error('App initialization error:', error);
-        setInitialRoute('select-auth');
+        if (isMounted.current) setInitialRoute('select-auth');
       }
     };
 
@@ -186,52 +135,39 @@ export default function App() {
 
   const handleSplashFinish = useMemo(
     () => () => {
-      Animated.timing(slideAnim, {
+      // create animation and keep ref so we can stop it on unmount
+      const animation = Animated.timing(slideAnim, {
         toValue: -screenWidth,
         duration: 600,
         useNativeDriver: true,
-      }).start(() => setIsSplashVisible(false));
+      });
+      currentAnimation.current = animation;
+      animation.start(() => {
+        // ensure component still mounted before setting state
+        if (isMounted.current) {
+          setIsSplashVisible(false);
+        }
+        currentAnimation.current = null;
+      });
     },
     [slideAnim],
   );
 
   const handleOnboardingFinish = useMemo(
     () => async (navigation: any) => {
-      await AsyncStorage.setItem('hasSeenOnboarding', 'true');
+      try {
+        storage.set('hasSeenOnboarding', 'true');
+      } catch (e) {
+        console.warn('Failed to set hasSeenOnboarding', e);
+      }
       navigation.replace('select-auth');
     },
     [],
   );
-  // const [firebaseToken, setFirebseToken] = useState<{
-  //   fcmToken: string;
-  //   deviceId: string;
-  //   deviceName: string;
-  // } | null>();
-  // const app = getApp();
-  // const messaging = getMessaging(app);
 
-  // const getDeviceData = async () => {
-  //   try {
-  //     const fcmToken = await getToken(messaging);
-  //     return {
-  //       fcmToken,
-  //       deviceId: await DeviceInfo.getUniqueId(),
-  //       deviceName: await DeviceInfo.getDeviceName(),
-  //     };
-  //   } catch (e) {
-  //     console.log('Xato:', e);
-  //     return null;
-  //   }
-  // };
-  // console.log(firebaseToken);
-
-  // useEffect(() => {
-  //   getDeviceData().then(data => {
-  //     setFirebseToken(data);
-  //   });
-  // }, []);
-
-  if (!initialRoute) return null;
+  if (initialRoute === null) {
+    return <View style={{ flex: 1, backgroundColor: '#000' }} />;
+  }
 
   return (
     <QueryClientProvider client={queryClient}>
@@ -245,6 +181,7 @@ export default function App() {
                 animation: 'none',
                 gestureEnabled: false,
               }}
+              // initialRouteName set once (we ensure it's available before first render)
               initialRouteName={initialRoute}
             >
               <Stack.Screen name="Onboarding">
@@ -273,9 +210,6 @@ export default function App() {
               <Stack.Screen name="PaymentQrCode" component={PaymentQrCode} />
               <Stack.Screen name="Profile" component={Profile} />
               <Stack.Screen name="Settings" component={Settings} />
-              {/* {Platform.OS === 'android' && (
-                <Stack.Screen name="Notifications" component={Notifications} />
-              )} */}
               <Stack.Screen name="Warehouses" component={Warehouses} />
               <Stack.Screen name="Support" component={Support} />
               <Stack.Screen name="ListBranches" component={ListBranches} />

android/app/build.gradle

@@ -85,8 +85,8 @@ android {
         applicationId "uz.felix.cpost"
         minSdkVersion rootProject.ext.minSdkVersion
         targetSdkVersion rootProject.ext.targetSdkVersion
-        versionCode 6
-        versionName "0.6"
+        versionCode 7
+        versionName "0.7"
         multiDexEnabled true
         vectorDrawables.useSupportLibrary = true
         

babel.config.js

@@ -1,7 +1,8 @@
 module.exports = {
   presets: ['module:@react-native/babel-preset'],
   plugins: [
-    'react-native-reanimated/plugin',
+    // 'react-native-reanimated/plugin',
+    'react-native-worklets/plugin',
     '@babel/plugin-transform-export-namespace-from',
     [
       'module-resolver',

package.json

@@ -22,6 +22,7 @@
     "@react-navigation/native-stack": "^7.3.25",
     "@tanstack/react-query": "^5.84.2",
     "axios": "^1.11.0",
+    "events": "^3.3.0",
     "i18next": "^25.3.2",
     "lottie-react-native": "^7.3.0",
     "react": "19.1.0",
@@ -41,7 +42,9 @@
     "react-native-linear-gradient": "^2.8.3",
     "react-native-localize": "^3.5.1",
     "react-native-mask-input": "^1.2.3",
+    "react-native-mmkv": "^4.0.1",
     "react-native-modal": "^14.0.0-rc.1",
+    "react-native-nitro-modules": "^0.31.10",
     "react-native-push-notification": "^8.1.1",
     "react-native-reanimated": "^4.0.2",
     "react-native-safe-area-context": "^5.6.0",

src/api/axios.ts

@@ -1,6 +1,8 @@
-import AsyncStorage from '@react-native-async-storage/async-storage';
-import axios, { AxiosError } from 'axios';
-import { navigate } from 'components/NavigationRef';
+// axiosInstance
+import axios from 'axios';
+import { authEvents, getLanguage, getToken, setToken } from 'helpers/event';
+
+let isLoggingOut = false;
 
 const axiosInstance = axios.create({
   baseURL: 'https://api.cpcargo.uz/api/v1',
@@ -10,30 +12,38 @@ const axiosInstance = axios.create({
   },
 });
 
-axiosInstance.interceptors.request.use(async config => {
-  // Tokenni olish
-  const token = await AsyncStorage.getItem('token');
+axiosInstance.interceptors.request.use(config => {
+  const token = getToken();
+  const lang = getLanguage();
+
   if (token) {
     config.headers.Authorization = `Bearer ${token}`;
   }
 
-  // Language’ni olish
-  const language = await AsyncStorage.getItem('language');
-  if (language) {
-    config.headers['Accept-Language'] = language;
+  if (lang) {
+    config.headers['Accept-Language'] = lang;
   }
 
   return config;
 });
 
 axiosInstance.interceptors.response.use(
-  response => response,
-  async (error: AxiosError) => {
-    if (error.response?.status === 401) {
-      await AsyncStorage.removeItem('token');
-      navigate('Login');
+  res => res,
+  err => {
+    const status = err.response?.status;
+
+    if (status === 401 && !isLoggingOut) {
+      isLoggingOut = true;
+
+      setToken(null);
+      authEvents.emit('logout');
+
+      setTimeout(() => {
+        isLoggingOut = false;
+      }, 500);
     }
-    return Promise.reject(error);
+
+    return Promise.reject(err);
   },
 );
 

src/helpers/event.ts

@@ -0,0 +1,39 @@
+// helpers/event.ts
+import { EventEmitter } from 'events';
+import { createMMKV } from 'react-native-mmkv';
+export const authEvents = new EventEmitter();
+
+// MMKV instance
+export const storage = createMMKV();
+
+// Memory cachez
+let tokenCache: string | null = null;
+let languageCache: string | null = null;
+
+// Load on app start
+export function loadInitialAuthData() {
+  tokenCache = storage.getString('token') || null;
+  languageCache = storage.getString('language') || null;
+}
+
+export function getToken() {
+  return tokenCache;
+}
+
+export function setToken(token: string | null) {
+  tokenCache = token;
+  if (token) {
+    storage.set('token', token);
+  } else {
+    storage.remove('token');
+  }
+}
+
+export function getLanguage() {
+  return languageCache;
+}
+
+export function setLanguage(lang: string) {
+  languageCache = lang;
+  storage.set('language', lang);
+}

src/screens/auth/login/ui/Confirm.tsx

@@ -1,4 +1,3 @@
-import AsyncStorage from '@react-native-async-storage/async-storage';
 import { useNavigation } from '@react-navigation/native';
 import { NativeStackNavigationProp } from '@react-navigation/native-stack';
 import { useMutation } from '@tanstack/react-query';
@@ -6,6 +5,7 @@ import { authApi } from 'api/auth';
 import { otpPayload, resendPayload } from 'api/auth/type';
 import AppText from 'components/AppText';
 import ErrorNotification from 'components/ErrorNotification';
+import { setToken } from 'helpers/event';
 import formatPhone from 'helpers/formatPhone';
 import React, { useEffect, useRef, useState } from 'react';
 import { useTranslation } from 'react-i18next';
@@ -77,7 +77,7 @@ const Confirm = () => {
   const { mutate, isPending } = useMutation({
     mutationFn: (payload: otpPayload) => authApi.verifyOtp(payload),
     onSuccess: async res => {
-      await AsyncStorage.setItem('token', res.data.accessToken);
+      setToken(res.data.accessToken);
       navigation.navigate('Home');
       setVisible(false);
     },

src/screens/auth/registeration/ui/Confirm.tsx

@@ -1,4 +1,3 @@
-import AsyncStorage from '@react-native-async-storage/async-storage';
 // import { getApp } from '@react-native-firebase/app';
 // import { getMessaging, getToken } from '@react-native-firebase/messaging';
 import { useNavigation } from '@react-navigation/native';
@@ -8,6 +7,7 @@ import { authApi } from 'api/auth';
 import { otpPayload, resendPayload } from 'api/auth/type';
 import AppText from 'components/AppText';
 import ErrorNotification from 'components/ErrorNotification';
+import { setToken } from 'helpers/event';
 import formatPhone from 'helpers/formatPhone';
 import React, { useRef, useState } from 'react';
 import { useTranslation } from 'react-i18next';
@@ -83,7 +83,7 @@ const Confirm = ({
   const { mutate, isPending } = useMutation({
     mutationFn: (payload: otpPayload) => authApi.verifyOtp(payload),
     onSuccess: async res => {
-      await AsyncStorage.setItem('token', res.data.accessToken);
+      setToken(res.data.accessToken);
       navigation.navigate('Confirm');
       setErrorConfirm(null);
     },

src/screens/home/cargoPrices/ui/CargoPrices.tsx

@@ -54,7 +54,7 @@ const CargoPrices = (props: CargoPricesProps) => {
             <View style={{ marginTop: 10, gap: 10, marginBottom: 20 }}>
               {data &&
                 data.map(ref => (
-                  <View style={styles.cardWhite}>
+                  <View style={styles.cardWhite} key={ref.id}>
                     <View style={styles.priceCard}>
                       <AppText style={styles.titleBlack}>{ref.title}</AppText>
                       <AppText style={[styles.titleBlack, { fontSize: 16 }]}>
@@ -152,7 +152,7 @@ const CargoPrices = (props: CargoPricesProps) => {
             <View style={{ marginTop: 20, gap: 10, marginBottom: 20 }}>
               {data &&
                 data.map(ref => (
-                  <View style={styles.cardWhite}>
+                  <View style={styles.cardWhite} key={ref.id}>
                     <View style={styles.priceCard}>
                       <AppText style={styles.titleBlack}>{ref.title}</AppText>
                       <AppText style={[styles.titleBlack, { fontSize: 16 }]}>

src/screens/profile/myProfile/ui/ProfilePages.tsx

@@ -1,7 +1,7 @@
-import AsyncStorage from '@react-native-async-storage/async-storage';
 import { useNavigation } from '@react-navigation/native';
 import { NativeStackNavigationProp } from '@react-navigation/native-stack';
 import AppText from 'components/AppText';
+import { setToken } from 'helpers/event';
 import * as React from 'react';
 import { useTranslation } from 'react-i18next';
 import {
@@ -36,7 +36,7 @@ const ProfilePages = (props: componentNameProps) => {
           style: 'destructive',
           onPress: async () => {
             try {
-              await AsyncStorage.removeItem('token');
+              setToken(null);
               navigation.reset({
                 index: 0,
                 routes: [{ name: 'Login' }], // login sahifasiga qaytarish

src/screens/status/ui/Status.tsx

@@ -1,4 +1,3 @@
-import AsyncStorage from '@react-native-async-storage/async-storage';
 import { useQuery } from '@tanstack/react-query';
 import packetsApi from 'api/packets';
 import Layout from 'components/Layout';
@@ -15,7 +14,6 @@ import {
   View,
   useWindowDimensions,
 } from 'react-native';
-import Serach from 'svg/Serach';
 import { DataInfo } from '../lib/data';
 import Filter from './Filter';
 import Order from './Order';
@@ -61,9 +59,6 @@ const Status = () => {
       }),
   });
 
-  console.log(AsyncStorage.getItem('token'));
-  console.log('statusData', statusData);
-
   const [modalVisible, setModalVisible] = useState(false);
   const scaleAnim = React.useRef(new Animated.Value(0.8)).current;
   const opacityAnim = React.useRef(new Animated.Value(0)).current;
@@ -140,11 +135,6 @@ const Status = () => {
     [refreshing, isFetching, onRefresh],
   );
 
-  const searchIcon = useMemo(
-    () => <Serach color="#D8DADC" width={20 * scale} height={20 * scale} />,
-    [scale],
-  );
-
   if (isLoading || isFetching) {
     return (
       <Layout>

src/screens/welcome/Onboarding.tsx

@@ -1,5 +1,5 @@
-import AsyncStorage from '@react-native-async-storage/async-storage';
 import AnimatedScreen from 'components/AnimatedScreen';
+import { getLanguage, storage } from 'helpers/event';
 import { useCallback, useEffect, useMemo, useState } from 'react';
 import FirstStep from 'screens/welcome/FirstStep';
 import SecondStep from 'screens/welcome/SecondStep';
@@ -17,7 +17,7 @@ const Onboarding = ({ onFinish }: OnboardingProps) => {
 
   useEffect(() => {
     const loadLang = async () => {
-      const savedLang = await AsyncStorage.getItem('selectedLanguage');
+      const savedLang = getLanguage();
       if (savedLang === 'ru' || savedLang === 'uz') {
         setLang(savedLang);
         setStep(1);
@@ -30,7 +30,7 @@ const Onboarding = ({ onFinish }: OnboardingProps) => {
     if (step < 3) {
       setStep(step + 1);
     } else {
-      await AsyncStorage.setItem('hasSeenOnboarding', 'true');
+      storage.set('hasSeenOnboarding', 'true');
       onFinish();
     }
   }, [step, onFinish]);

src/utils/changeLanguage.ts

@@ -1,9 +1,9 @@
-import AsyncStorage from '@react-native-async-storage/async-storage';
+import { setLanguage } from 'helpers/event';
 import i18n from 'i18n/i18n';
 
 export const changeLanguage = async (lang: string) => {
   try {
-    await AsyncStorage.setItem('language', lang);
+    setLanguage(lang);
     await i18n.changeLanguage(lang);
   } catch (error) {}
 };