[MOO-1762]: dependency update for new rn architecture (#236)

Author: karahanharunn

configs/e2e/native_dependencies.json

@@ -1,21 +1,21 @@
 {
-    "react-native-maps": "0.31.1",
+    "react-native-maps": "1.14.0",
     "react-native-geocoder": "0.5.0",
     "react-native-device-info": "13.0.0",
     "react-native-action-button": "2.8.5",
     "react-native-material-menu": "1.2.0",
     "react-native-linear-gradient": "2.5.6",
-    "@react-native-community/netinfo": "5.9.7",
+    "@react-native-community/netinfo": "11.4.1",
     "react-native-svg": "15.7.1",
     "react-native-system-navigation-bar": "2.6.3",
     "react-native-video": "5.2.1",
     "@react-native-async-storage/async-storage": "2.0.0",
     "react-native-camera": "3.40.0",
-    "react-native-view-shot": "3.1.2",
-    "react-native-blob-util": "0.16.2",
+    "react-native-view-shot": "4.0.3",
+    "react-native-blob-util": "0.21.2",
     "react-native-file-viewer": "2.1.5",
     "react-native-localize": "3.2.1",
-    "react-native-image-picker": "5.0.1",
+    "react-native-image-picker": "7.2.3",
     "react-native-permissions": "4.1.5",
-    "react-native-webview": "11.26.1"
+    "react-native-webview": "13.13.2"
 }

package.json

@@ -100,7 +100,8 @@
     "react-dom": "18.2.0",
     "react-native": "0.75.4",
     "@prettier/plugin-xml": "2.2.0",
-    "@types/react-native": "0.73.0"
+    "@types/react-native": "0.73.0",
+    "cheerio": "1.0.0-rc.12"
   },
   "packageManager": "[email protected]"
 }

packages/jsActions/mobile-resources-native/CHANGELOG.md

@@ -6,6 +6,12 @@ The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/),
 
 ## [Unreleased]
 
+-   We migrated from react-native-inappbrowser-reborn to @swan-io/react-native-browser to prevent issues for next rn upgrade.
+
+-   We migrated from @react-native-community/cameraroll to @react-native-camera-roll/camera-roll to prevent issues for next rn upgrade.
+
+-   We also updated several dependencies such as react-native-blob-util, react-native-image-picker to their latest version.
+
 ## [9.3.2] Native Mobile Resources - 2025-3-24
 
 ## [5.1.1] Maps

packages/jsActions/mobile-resources-native/package.json

@@ -26,16 +26,16 @@
     "release:marketplace": "node ../../../scripts/release/marketplaceRelease.js"
   },
   "dependencies": {
-    "@react-native-community/cameraroll": "4.0.1",
+    "@react-native-camera-roll/camera-roll": "7.4.0",
     "@react-native-community/push-notification-ios": "1.10.1",
     "@react-native-firebase/messaging": "17.3.0",
+    "@swan-io/react-native-browser": "^0.4.1",
     "fbjs": "3.0.4",
     "mime": "3.0.0",
-    "react-native-blob-util": "0.16.2",
+    "react-native-blob-util": "0.21.2",
     "react-native-device-info": "13.0.0",
     "react-native-file-viewer": "2.1.5",
-    "react-native-image-picker": "5.0.1",
-    "react-native-inappbrowser-reborn": "3.4.0",
+    "react-native-image-picker": "7.2.3",
     "react-native-localize": "3.2.1",
     "react-native-permissions": "4.1.5",
     "react-native-push-notification": "8.1.1",

packages/jsActions/mobile-resources-native/src/camera/SaveToPictureLibrary.ts

@@ -5,7 +5,7 @@
 // - the code between BEGIN USER CODE and END USER CODE
 // - the code between BEGIN EXTRA CODE and END EXTRA CODE
 // Other code you write will be lost the next time you deploy the project.
-import { saveToCameraRoll } from "@react-native-community/cameraroll";
+import { CameraRoll } from "@react-native-camera-roll/camera-roll";
 
 // BEGIN EXTRA CODE
 // END EXTRA CODE
@@ -31,7 +31,13 @@ export async function SaveToPictureLibrary(picture?: mendix.lib.MxObject): Promi
     const changedDate = picture.get("changedDate") as number;
     const url = mx.data.getDocumentUrl(guid, changedDate);
 
-    return saveToCameraRoll(url);
+    // Save the file as a photo to the camera roll.
+    try {
+        const savedUri = await CameraRoll.saveToCameraRoll(url, "auto");
+        return Promise.resolve(savedUri.node.image.uri);
+    } catch (error) {
+        return Promise.reject(error);
+    }
 
     // END USER CODE
 }

packages/jsActions/mobile-resources-native/src/camera/TakePicture.ts

@@ -56,7 +56,7 @@ export async function TakePicture(
     }
 
     // V3 dropped the feature of providing an action sheet so users can decide on which action to take, camera or library.
-    const nativeVersionMajor = NativeModules.ImagePickerManager.showImagePicker ? 2 : 4;
+    const nativeVersionMajor = NativeModules?.ImagePickerManager?.showImagePicker ? 2 : 4;
     const RNPermissions = nativeVersionMajor === 4 ? (await import("react-native-permissions")).default : null;
 
     try {

packages/jsActions/mobile-resources-native/src/camera/TakePictureAdvanced.ts

@@ -62,7 +62,7 @@ export async function TakePictureAdvanced(
     }
 
     // V3 dropped the feature of providing an action sheet so users can decide on which action to take, camera or library.
-    const nativeVersionMajor = NativeModules.ImagePickerManager.showImagePicker ? 2 : 4;
+    const nativeVersionMajor = NativeModules?.ImagePickerManager?.showImagePicker ? 2 : 4;
     const RNPermissions = nativeVersionMajor === 4 ? (await import("react-native-permissions")).default : null;
     const resultObject = await createMxObject("NativeMobileResources.ImageMetaData");
 

packages/jsActions/mobile-resources-native/src/platform/OpenInAppBrowser.ts

@@ -5,7 +5,7 @@
 // - the code between BEGIN USER CODE and END USER CODE
 // - the code between BEGIN EXTRA CODE and END EXTRA CODE
 // Other code you write will be lost the next time you deploy the project.
-import InAppBrowser, { InAppBrowserOptions } from "react-native-inappbrowser-reborn";
+import { openBrowser } from "@swan-io/react-native-browser";
 
 // BEGIN EXTRA CODE
 // END EXTRA CODE
@@ -25,21 +25,23 @@ export async function OpenInAppBrowser(
 ): Promise<void> {
     // BEGIN USER CODE
     // Documentation https://github.com/proyecto26/react-native-inappbrowser
-
     if (!url) {
-        return Promise.reject(new Error("Input parameter 'Url' is required"));
+        return Promise.reject(new Error("Input parameter 'url' is required"));
     }
 
-    const options: InAppBrowserOptions = {
-        toolbarColor,
-        preferredBarTintColor: toolbarColor,
-        dismissButtonStyle: iosDismissButtonStyle,
-        showTitle: androidShowTitle
+    const options = {
+        barTintColor: toolbarColor, // iOS toolbar color
+        controlTintColor: toolbarColor, // iOS control buttons color
+        dismissButtonStyle: iosDismissButtonStyle, // iOS dismiss button style
+        showTitle: androidShowTitle // Android show title
     };
 
-    await InAppBrowser.open(url, options);
-
-    return Promise.resolve();
+    try {
+        await openBrowser(url, options);
+        return Promise.resolve();
+    } catch (error) {
+        return Promise.reject(error);
+    }
 
     // END USER CODE
 }

packages/jsActions/nanoflow-actions-native/package.json

@@ -36,4 +36,4 @@
     "mendix": "~10.0.9976",
     "rollup": "^2.79.2"
   }
-}
+}

packages/pluggableWidgets/app-events-native/CHANGELOG.md

@@ -6,6 +6,10 @@ The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/),
 
 ## [Unreleased]
 
+### Changed
+
+-   Updated @react-native-community/netinfo from version v5.9.7 to v11.4.1.
+
 ## [4.1.0] - 2024-12-3
 
 ### Changed