feat!: upgrade to latest sdks (#459)

- Updates Kotlin version from 2.0.0 to 2.1.21.
- Updates Android Navigation SDK from 6.1.0 to 6.3.1. (Release notes)
- Updates iOS Navigation SDK from 9.3.0 to 10.1.0. (Release notes)
- Adds ability to toggle report incident button visibility.
- Adds ability to listen prompt visibility events.
- Increases minimum iOS version from 15 to 16
- Android Navigation SDK version 6.3.0 uses gradle project configuration validation and requires desugaring library enabled

Author: jokerttu

CARPLAY.md

@@ -4,7 +4,7 @@ This guide explains how to enable and integrate Apple CarPlay with the React Nat
 
 ## Requirements
 
-- iOS device or iOS simulator (iOS 15.0+)
+- iOS device or iOS simulator (iOS 16.0+)
 - CarPlay Simulator
 - CarPlay entitlement for your application (provided by Apple)
 

README.md

@@ -15,7 +15,7 @@ This repository contains a React Native plugin that provides a [Google Navigatio
 
 |                                 | Android | iOS       |
 | ------------------------------- | ------- | --------- |
-| **Minimum mobile OS supported** | SDK 23+ | iOS 15.0+ |
+| **Minimum mobile OS supported** | SDK 23+ | iOS 16.0+ |
 
 * A React Native project
 * A Google Cloud project
@@ -62,20 +62,12 @@ To ensure compatibility with AndroidX, enable Jetifier in your `android/gradle.p
 android.enableJetifier=true
 ```
 
-#### Minimum SDK Requirements for Android
+#### Enable Core Library Desugaring
 
-The `minSdkVersion` for your Android project must be set to 23 or higher in `android/app/build.gradle`:
+Core library desugaring **must be enabled** for your Android project, regardless of your minSdkVersion.
 
-```groovy
-android {
-    defaultConfig {
-        minSdkVersion 23
-    }
-}
-```
+To enable desugaring, update your `android/app/build.gradle` file:
 
-If `minSdkVersion` is set to less than 34 (API 34), you need to configure desugaring for your Android app.
-To enable desugaring, add the following configurations to `android/app/build.gradle` file:
 ```groovy
 android {
     ...
@@ -90,7 +82,17 @@ dependencies {
 }
 ```
 
-You may also need to upgrade to Gradle 8.4 and the Android Gradle plugin version 8.3.0
+#### Minimum SDK Requirements for Android
+
+The `minSdkVersion` for your Android project must be set to 23 or higher in `android/app/build.gradle`:
+
+```groovy
+android {
+    defaultConfig {
+        minSdkVersion 23
+    }
+}
+```
 
 #### Set Google Maps API Key
 

android/build.gradle

@@ -15,7 +15,7 @@
 import groovy.json.JsonSlurper
 
 buildscript {
-    ext.kotlin_version = '2.0.0'
+    ext.kotlin_version = '2.1.21'
     repositories {
         google()
         mavenCentral()
@@ -39,7 +39,7 @@ if (isNewArchitectureEnabled()) {
 
 android {
     namespace "com.google.android.react.navsdk"
-    compileSdkVersion 34
+    compileSdkVersion 35
 
     compileOptions {
         sourceCompatibility JavaVersion.VERSION_1_8
@@ -76,6 +76,6 @@ dependencies {
     implementation "androidx.car.app:app-projected:1.4.0"
     implementation 'com.facebook.react:react-native:+'
     implementation 'androidx.constraintlayout:constraintlayout:2.1.4'
-    implementation "com.google.android.libraries.navigation:navigation:6.1.0"
+    implementation "com.google.android.libraries.navigation:navigation:6.3.1"
     api 'com.google.guava:guava:31.0.1-android'
 }

android/src/main/java/com/google/android/react/navsdk/Command.java

@@ -55,7 +55,8 @@ public enum Command {
   REMOVE_GROUND_OVERLAY(36, "removeGroundOverlay"),
   SET_ZOOM_CONTROLS_ENABLED(37, "setZoomControlsEnabled"),
   SET_RECENTER_BUTTON_ENABLED(38, "setRecenterButtonEnabled"),
-  SET_PADDING(39, "setPadding");
+  SET_PADDING(39, "setPadding"),
+  SET_REPORT_INCIDENT_BUTTON_ENABLED(40, "setReportIncidentButtonEnabled");
 
   private final int value;
   private final String name;

android/src/main/java/com/google/android/react/navsdk/INavViewFragment.java

@@ -33,4 +33,6 @@ public interface INavViewFragment extends IMapViewFragment {
   void showRouteOverview();
 
   void setNightModeOption(int jsValue);
+
+  void setReportIncidentButtonEnabled(boolean enabled);
 }

android/src/main/java/com/google/android/react/navsdk/INavigationViewCallback.java

@@ -23,8 +23,6 @@
 public interface INavigationViewCallback {
   void onMapReady();
 
-  void onRecenterButtonClick();
-
   void onMarkerClick(Marker marker);
 
   void onPolylineClick(Polyline polyline);

android/src/main/java/com/google/android/react/navsdk/MapViewFragment.java

@@ -91,11 +91,6 @@ public void onMapReady() {
     emitEvent("onMapReady", null);
   }
 
-  @Override
-  public void onRecenterButtonClick() {
-    emitEvent("onRecenterButtonClick", null);
-  }
-
   @Override
   public void onMarkerClick(Marker marker) {
     emitEvent("onMarkerClick", ObjectTranslationUtil.getMapFromMarker(marker));

android/src/main/java/com/google/android/react/navsdk/NavViewFragment.java

@@ -33,6 +33,7 @@
 import com.google.android.gms.maps.model.Polygon;
 import com.google.android.gms.maps.model.Polyline;
 import com.google.android.libraries.navigation.NavigationView;
+import com.google.android.libraries.navigation.PromptVisibilityChangedListener;
 import com.google.android.libraries.navigation.StylingOptions;
 import com.google.android.libraries.navigation.SupportNavigationFragment;
 
@@ -55,14 +56,24 @@ public NavViewFragment(ReactApplicationContext reactContext, int viewTag) {
     this.viewTag = viewTag;
   }
 
-  private NavigationView.OnRecenterButtonClickedListener onRecenterButtonClickedListener =
+  private final NavigationView.OnRecenterButtonClickedListener onRecenterButtonClickedListener =
       new NavigationView.OnRecenterButtonClickedListener() {
         @Override
         public void onRecenterButtonClick() {
           emitEvent("onRecenterButtonClick", null);
         }
       };
 
+  private final PromptVisibilityChangedListener onPromptVisibilityChangedListener =
+      new PromptVisibilityChangedListener() {
+        @Override
+        public void onVisibilityChanged(boolean isVisible) {
+          WritableMap map = Arguments.createMap();
+          map.putBoolean("visible", isVisible);
+          emitEvent("onPromptVisibilityChanged", map);
+        }
+      };
+
   private String style = "";
 
   @SuppressLint("MissingPermission")
@@ -87,6 +98,7 @@ public void onMapReady(GoogleMap googleMap) {
 
             setNavigationUiEnabled(NavModule.getInstance().getNavigator() != null);
             addOnRecenterButtonClickedListener(onRecenterButtonClickedListener);
+            addPromptVisibilityChangedListener(onPromptVisibilityChangedListener);
           }
         });
   }
@@ -118,11 +130,6 @@ public void onMapReady() {
     emitEvent("onMapReady", null);
   }
 
-  @Override
-  public void onRecenterButtonClick() {
-    emitEvent("onRecenterButtonClick", null);
-  }
-
   @Override
   public void onMarkerClick(Marker marker) {
     emitEvent("onMarkerClick", ObjectTranslationUtil.getMapFromMarker(marker));
@@ -176,6 +183,7 @@ public GoogleMap getGoogleMap() {
 
   private void cleanup() {
     removeOnRecenterButtonClickedListener(onRecenterButtonClickedListener);
+    removePromptVisibilityChangedListener(onPromptVisibilityChangedListener);
   }
 
   private void emitEvent(String eventName, @Nullable WritableMap data) {

android/src/main/java/com/google/android/react/navsdk/NavViewManager.java

@@ -303,6 +303,10 @@ public void receiveCommand(
         getFragmentForRoot(root)
             .getMapController()
             .setPadding(args.getInt(0), args.getInt(1), args.getInt(2), args.getInt(3));
+        break;
+      case SET_REPORT_INCIDENT_BUTTON_ENABLED:
+        getNavFragmentForRoot(root).setReportIncidentButtonEnabled(args.getBoolean(0));
+        break;
     }
   }
 
@@ -318,6 +322,9 @@ public Map<String, Object> getExportedCustomDirectEventTypeConstants() {
                 .put(
                     "onRecenterButtonClick",
                     MapBuilder.of("registrationName", "onRecenterButtonClick"))
+                .put(
+                    "onPromptVisibilityChanged",
+                    MapBuilder.of("registrationName", "onPromptVisibilityChanged"))
                 .put("onMapReady", MapBuilder.of("registrationName", "onMapReady"))
                 .put("onMapClick", MapBuilder.of("registrationName", "onMapClick"))
                 .put("onMarkerClick", MapBuilder.of("registrationName", "onMarkerClick"))

example/.detoxrc.js

@@ -59,6 +59,7 @@ module.exports = {
       type: 'ios.simulator',
       device: {
         type: 'iPhone 16 Pro',
+        os: 'iOS 18.5',
       },
     },
     attached: {
@@ -70,7 +71,7 @@ module.exports = {
     emulator: {
       type: 'android.emulator',
       device: {
-        avdName: 'Pixel_8_API_35',
+        avdName: 'Pixel_9_Pro_API_35',
       },
     },
   },