fix: replaced safe area view package from another reliable third party

Author: karahanharunn

packages/pluggableWidgets/safe-area-view-native/CHANGELOG.md

@@ -6,6 +6,10 @@ The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/),
 
 ## [Unreleased]
 
+## Fixed
+
+-   We fixed the issue where the user closed popup, safe area view wasn't working properly.
+
 ## [2.3.0] - 2024-12-3
 
 ### Changed

packages/pluggableWidgets/safe-area-view-native/package.json

@@ -1,7 +1,7 @@
 {
   "name": "safe-area-view-native",
   "widgetName": "SafeAreaView",
-  "version": "2.3.0",
+  "version": "3.0.0",
   "license": "Apache-2.0",
   "repository": {
     "type": "git",
@@ -20,7 +20,8 @@
   },
   "dependencies": {
     "@mendix/piw-native-utils-internal": "*",
-    "@mendix/piw-utils-internal": "*"
+    "@mendix/piw-utils-internal": "*",
+    "react-native-safe-area-context": "^4.14.0"
   },
   "devDependencies": {
     "@mendix/pluggable-widgets-tools": "~10.0.1",

packages/pluggableWidgets/safe-area-view-native/src/SafeAreaView.tsx

@@ -1,5 +1,6 @@
 import { createElement } from "react";
-import { SafeAreaView as ReactSaveAreaView, View } from "react-native";
+import { View } from "react-native";
+import { SafeAreaView as ReactSaveAreaView } from "react-native-safe-area-context";
 import { flattenStyles } from "@mendix/piw-native-utils-internal";
 
 import { SafeAreaViewStyle, defaultSafeAreaViewStyle } from "./ui/Styles";

packages/pluggableWidgets/safe-area-view-native/src/package.xml

@@ -1,6 +1,6 @@
 <?xml version="1.0" encoding="utf-8" ?>
 <package xmlns="http://www.mendix.com/package/1.0/">
-    <clientModule name="SafeAreaView" version="2.3.0" xmlns="http://www.mendix.com/clientModule/1.0/">
+    <clientModule name="SafeAreaView" version="3.0.0" xmlns="http://www.mendix.com/clientModule/1.0/">
         <widgetFiles>
             <widgetFile path="SafeAreaView.xml" />
         </widgetFiles>