build: ⬆️ upgrade react native to 0.80.1

Author: ranjithkumar8352

.prettierrc.js

@@ -1,7 +1,5 @@
 module.exports = {
   arrowParens: 'avoid',
-  bracketSameLine: true,
-  bracketSpacing: false,
   singleQuote: true,
   trailingComma: 'all',
 };

android/app/src/main/java/com/rnstartermedusa/MainApplication.kt

@@ -4,6 +4,7 @@ import android.app.Application
 import com.facebook.react.PackageList
 import com.facebook.react.ReactApplication
 import com.facebook.react.ReactHost
+import com.facebook.react.ReactNativeApplicationEntryPoint.loadReactNative
 import com.facebook.react.ReactNativeHost
 import com.facebook.react.ReactPackage
 import com.facebook.react.defaults.DefaultNewArchitectureEntryPoint.load
@@ -35,10 +36,6 @@ class MainApplication : Application(), ReactApplication {
 
   override fun onCreate() {
     super.onCreate()
-    SoLoader.init(this, OpenSourceMergedSoMapping)
-    if (BuildConfig.IS_NEW_ARCHITECTURE_ENABLED) {
-      // If you opted-in for the New Architecture, we load the native entry point for this app.
-      load()
-    }
+    loadReactNative(this)
   }
 }

android/build.gradle

@@ -5,7 +5,7 @@ buildscript {
         compileSdkVersion = 35
         targetSdkVersion = 35
         ndkVersion = "27.1.12297006"
-        kotlinVersion = "2.0.21"
+        kotlinVersion = "2.1.20"
     }
     repositories {
         google()

android/gradle/wrapper/gradle-wrapper.jar

@@ -1,6 +1,6 @@
 distributionBase=GRADLE_USER_HOME
 distributionPath=wrapper/dists
-distributionUrl=https\://services.gradle.org/distributions/gradle-8.13-bin.zip
+distributionUrl=https\://services.gradle.org/distributions/gradle-8.14.1-bin.zip
 networkTimeout=10000
 validateDistributionUrl=true
 zipStoreBase=GRADLE_USER_HOME

android/gradle/wrapper/gradle-wrapper.properties

@@ -114,7 +114,7 @@ case "$( uname )" in                #(
   NONSTOP* )        nonstop=true ;;
 esac
 
-CLASSPATH=$APP_HOME/gradle/wrapper/gradle-wrapper.jar
+CLASSPATH="\\\"\\\""
 
 
 # Determine the Java command to use to start the JVM.
@@ -213,7 +213,7 @@ DEFAULT_JVM_OPTS='"-Xmx64m" "-Xms64m"'
 set -- \
         "-Dorg.gradle.appname=$APP_BASE_NAME" \
         -classpath "$CLASSPATH" \
-        org.gradle.wrapper.GradleWrapperMain \
+        -jar "$APP_HOME/gradle/wrapper/gradle-wrapper.jar" \
         "$@"
 
 # Stop when "xargs" is not available.

android/gradlew

@@ -1,3 +1,8 @@
+@REM Copyright (c) Meta Platforms, Inc. and affiliates.
+@REM
+@REM This source code is licensed under the MIT license found in the
+@REM LICENSE file in the root directory of this source tree.
+
 @rem
 @rem Copyright 2015 the original author or authors.
 @rem
@@ -74,7 +79,7 @@ set CLASSPATH=%APP_HOME%\gradle\wrapper\gradle-wrapper.jar
 
 
 @rem Execute Gradle
-"%JAVA_EXE%" %DEFAULT_JVM_OPTS% %JAVA_OPTS% %GRADLE_OPTS% "-Dorg.gradle.appname=%APP_BASE_NAME%" -classpath "%CLASSPATH%" org.gradle.wrapper.GradleWrapperMain %*
+"%JAVA_EXE%" %DEFAULT_JVM_OPTS% %JAVA_OPTS% %GRADLE_OPTS% "-Dorg.gradle.appname=%APP_BASE_NAME%" -classpath "%CLASSPATH%" -jar "%APP_HOME%\gradle\wrapper\gradle-wrapper.jar" %*
 
 :end
 @rem End local scope for the variables with windows NT shell

android/gradlew.bat

@@ -1,5 +1,5 @@
 import Medusa from '@medusajs/js-sdk';
-import {MEDUSA_BACKEND_URL, PUBLISHABLE_API_KEY} from '@env';
+import { MEDUSA_BACKEND_URL, PUBLISHABLE_API_KEY } from '@env';
 import AsyncStorage from '@react-native-async-storage/async-storage';
 
 export const apiUrl = MEDUSA_BACKEND_URL || 'http://localhost:9000';

app/api/client.tsx

@@ -3,11 +3,11 @@ import {
   createStaticNavigation,
   StaticParamList,
 } from '@react-navigation/native';
-import {createNativeStackNavigator} from '@react-navigation/native-stack';
-import {createBottomTabNavigator} from '@react-navigation/bottom-tabs';
+import { createNativeStackNavigator } from '@react-navigation/native-stack';
+import { createBottomTabNavigator } from '@react-navigation/bottom-tabs';
 import ThemeProvider from '@styles/theme-provider';
-import {QueryClient, QueryClientProvider} from '@tanstack/react-query';
-import {GestureHandlerRootView} from 'react-native-gesture-handler';
+import { QueryClient, QueryClientProvider } from '@tanstack/react-query';
+import { GestureHandlerRootView } from 'react-native-gesture-handler';
 import TabBar from '@components/common/tab-bar';
 import Splash from '@screens/splash';
 import Home from '@screens/home';
@@ -24,17 +24,17 @@ import Register from '@screens/auth/register';
 import Orders from '@screens/order/orders';
 import OrderDetail from '@screens/order/order-detail';
 import ProfileDetail from '@screens/profile/profile-detail';
-import {CartProvider} from '@data/cart-context';
-import {RegionProvider} from '@data/region-context';
-import {CustomerProvider} from '@data/customer-context';
-import {LocaleProvider} from '@data/locale-context';
+import { CartProvider } from '@data/cart-context';
+import { RegionProvider } from '@data/region-context';
+import { CustomerProvider } from '@data/customer-context';
+import { LocaleProvider } from '@data/locale-context';
 import AddressForm from '@screens/address/address-form';
 import AddressList from '@screens/address/address-list';
 import RegionSelect from '@screens/region-select';
 import Settings from '@screens/settings';
 
 import '@styles/global.css';
-import {SafeAreaProvider} from 'react-native-safe-area-context';
+import { SafeAreaProvider } from 'react-native-safe-area-context';
 
 export type RootStackParamList = StaticParamList<typeof RootStack>;
 

app/app.tsx

@@ -1,20 +1,20 @@
 import Button from '@components/common/button';
 import Text from '@components/common/text';
-import React, {useEffect, useRef} from 'react';
+import React, { useEffect, useRef } from 'react';
 import Icon from '@react-native-vector-icons/ant-design';
-import {View} from 'react-native';
+import { View } from 'react-native';
 import Animated, {
   useAnimatedStyle,
   useSharedValue,
   withTiming,
   withSpring,
   withSequence,
 } from 'react-native-reanimated';
-import {useLocalization} from '@fluent/react';
-import {useColors} from '@styles/hooks';
-import {useCart} from '@data/cart-context';
-import {useProductQuantity} from '@data/hooks';
-import {useNavigation} from '@react-navigation/native';
+import { useLocalization } from '@fluent/react';
+import { useColors } from '@styles/hooks';
+import { useCart } from '@data/cart-context';
+import { useProductQuantity } from '@data/hooks';
+import { useNavigation } from '@react-navigation/native';
 import Badge from '@components/common/badge';
 
 type AnimatedCartButtonProps = {
@@ -32,8 +32,8 @@ const AnimatedCartButton = ({
   inStock,
   hasSelectedAllOptions = false,
 }: AnimatedCartButtonProps) => {
-  const {l10n} = useLocalization();
-  const {addToCart} = useCart();
+  const { l10n } = useLocalization();
+  const { addToCart } = useCart();
   const [adding, setAdding] = React.useState(false);
   const productQuantityInCart = useProductQuantity(productId);
   const showViewCart = useSharedValue(productQuantityInCart > 0);
@@ -90,8 +90,8 @@ const AnimatedCartButton = ({
   );
 };
 
-const ViewCart = ({quantity}: {quantity: number}) => {
-  const {l10n} = useLocalization();
+const ViewCart = ({ quantity }: { quantity: number }) => {
+  const { l10n } = useLocalization();
   const colors = useColors();
   const navigation = useNavigation();
   const scale = useSharedValue(1);
@@ -101,16 +101,16 @@ const ViewCart = ({quantity}: {quantity: number}) => {
     // Only animate when quantity increases
     if (prevQuantity.current && quantity > prevQuantity.current) {
       scale.value = withSequence(
-        withSpring(1.3, {damping: 8}),
-        withSpring(1, {damping: 8}),
+        withSpring(1.3, { damping: 8 }),
+        withSpring(1, { damping: 8 }),
       );
     }
     prevQuantity.current = quantity;
   }, [quantity, scale]);
 
   const badgeAnimatedStyle = useAnimatedStyle(() => {
     return {
-      transform: [{scale: scale.value}],
+      transform: [{ scale: scale.value }],
     };
   });
 
@@ -122,20 +122,23 @@ const ViewCart = ({quantity}: {quantity: number}) => {
     <Button
       variant="secondary"
       disabled={quantity === 0}
-      onPress={navigateToCart}>
+      onPress={navigateToCart}
+    >
       <View>
         <View className="flex-row gap-1 items-center">
           <View>
             <Icon name="shopping-cart" size={18} color={colors.content} />
             <Animated.View
               className="absolute -top-[8] -right-[8]"
-              style={badgeAnimatedStyle}>
+              style={badgeAnimatedStyle}
+            >
               <Badge quantity={quantity} />
             </Animated.View>
           </View>
           <Text
             className="ml-2 text-content font-content-bold"
-            numberOfLines={1}>
+            numberOfLines={1}
+          >
             {l10n.getString('view-cart')}
           </Text>
         </View>