chore: update additional dependencies

Author: msingleton

.eslintignore

@@ -0,0 +1,4 @@
+node_modules/
+lib/
+examples/
+coverage/

babel.config.js

@@ -1,3 +1,3 @@
 module.exports = {
-  presets: ['module:metro-react-native-babel-preset'],
+  presets: ['module:@react-native/babel-preset'],
 };

package.json

@@ -50,33 +50,45 @@
     "registry": "https://registry.npmjs.org/"
   },
   "devDependencies": {
-    "@commitlint/config-conventional": "^17.0.2",
-    "@evilmartians/lefthook": "^1.5.0",
-    "@react-native/eslint-config": "^0.72.2",
-    "@release-it/conventional-changelog": "^5.0.0",
-    "@types/jest": "^28.1.2",
+    "@babel/core": "^7.25.2",
+    "@babel/preset-env": "^7.25.3",
+    "@babel/runtime": "^7.25.0",
+    "@commitlint/config-conventional": "^19.8.1",
+    "@evilmartians/lefthook": "^1.12.3",
+    "@react-native-community/cli": "20.0.0",
+    "@react-native-community/cli-platform-android": "20.0.0",
+    "@react-native-community/cli-platform-ios": "20.0.0",
+    "@react-native/babel-preset": "0.81.1",
+    "@react-native/eslint-config": "0.81.1",
+    "@react-native/metro-config": "0.81.1",
+    "@react-native/typescript-config": "0.81.1",
+    "@release-it/conventional-changelog": "^8.0.0",
+    "@types/jest": "^29.5.13",
     "@types/react": "^19.1.0",
-    "@types/react-native": "0.73.0",
-    "commitlint": "^17.0.2",
+    "@types/react-test-renderer": "^19.1.0",
+    "babel-plugin-module-resolver": "^5.0.0",
+    "commitlint": "^19.8.1",
     "del-cli": "^5.0.0",
-    "eslint": "^8.4.1",
-    "eslint-config-prettier": "^8.5.0",
-    "eslint-plugin-prettier": "^4.0.0",
-    "jest": "^28.1.1",
-    "prettier": "^2.0.5",
+    "eslint": "^8.57.0",
+    "eslint-config-prettier": "^9.1.0",
+    "jest": "^29.6.3",
+    "prettier": "^3.5.0",
     "react": "^19.1.0",
     "react-native": "0.81.1",
-    "react-native-builder-bob": "^0.23.1",
-    "react-native-webview": "^13.6.2",
-    "release-it": "^15.0.0",
-    "typescript": "^5.0.2"
+    "react-native-builder-bob": "^0.40.13",
+    "react-native-safe-area-context": "^5.6.1",
+    "react-native-webview": "11.26.1",
+    "react-test-renderer": "19.1.0",
+    "release-it": "^19.0.4",
+    "typescript": "^5.8.3"
   },
   "resolutions": {
     "@types/react": "^18.0.0 || ^19.0.0"
   },
   "peerDependencies": {
     "react": ">=18.0.0",
-    "react-native": ">=0.72.0",
+    "react-native": "*",
+    "react-native-safe-area-context": "*",
     "react-native-webview": "*"
   },
   "workspaces": [
@@ -85,7 +97,7 @@
   ],
   "packageManager": "[email protected]",
   "engines": {
-    "node": ">= 18.0.0"
+    "node": ">= 20.0.0"
   },
   "jest": {
     "preset": "react-native",
@@ -121,24 +133,8 @@
     "extends": [
       "@react-native",
       "prettier"
-    ],
-    "rules": {
-      "prettier/prettier": [
-        "error",
-        {
-          "quoteProps": "consistent",
-          "singleQuote": true,
-          "tabWidth": 2,
-          "trailingComma": "es5",
-          "useTabs": false
-        }
-      ]
-    }
+    ]
   },
-  "eslintIgnore": [
-    "node_modules/",
-    "lib/"
-  ],
   "prettier": {
     "quoteProps": "consistent",
     "singleQuote": true,
@@ -162,6 +158,6 @@
   },
   "dependencies": {
     "react-redux": "^9.2.0",
-    "redux": "^4.2.1"
+    "redux": "^5.0.1"
   }
 }

src/components/Survey.tsx

@@ -9,14 +9,14 @@ import {
   Appearance,
   Modal,
   Platform,
-  SafeAreaView,
   StyleSheet,
   View,
   useColorScheme,
   Linking,
 } from 'react-native';
 import { connect } from 'react-redux';
 import { WebView } from 'react-native-webview';
+import { SafeAreaView, SafeAreaProvider } from 'react-native-safe-area-context';
 
 import { Colors, DefaultHost, Themes } from '../constants';
 import { EventMessageTypes, InteractionEvents } from '../interaction-events';
@@ -215,12 +215,13 @@ const SurveyView: (Props: Props) => React.ReactElement = ({
         animationType="slide"
         onRequestClose={dismiss}
       >
-        <SafeAreaView
-          style={{
-            ...styles.container,
-            backgroundColor: backgroundColor,
-          }}
-        >
+        <SafeAreaProvider>
+          <SafeAreaView
+            style={{
+              ...styles.container,
+              backgroundColor: backgroundColor,
+            }}
+          >
           {isLoading && (
             <View
               style={{
@@ -261,7 +262,8 @@ const SurveyView: (Props: Props) => React.ReactElement = ({
               style={{ backgroundColor: backgroundColor }}
             />
           )}
-        </SafeAreaView>
+          </SafeAreaView>
+        </SafeAreaProvider>
       </Modal>
     </View>
   );