@wavemaker/app-rn-runtime 11.11.0-rc.6106 → 11.11.0-rc.6112

package/package-lock.json

@@ -1,12 +1,12 @@
 {
     "name": "@wavemaker/app-rn-runtime",
-    "version": "11.11.0-rc.6106",
+    "version": "11.11.0-rc.6112",
     "lockfileVersion": 3,
     "requires": true,
     "packages": {
         "": {
             "name": "@wavemaker/app-rn-runtime",
-            "version": "11.11.0-rc.6106",
+            "version": "11.11.0-rc.6112",
             "license": "MIT",
             "dependencies": {
                 "@expo/vector-icons": "14.0.2",
@@ -20,17 +20,19 @@
                 "@react-navigation/drawer": "6.6.3",
                 "@react-navigation/native": "6.1.7",
                 "@react-navigation/stack": "6.3.29",
-                "@wavemaker/variables": "11.11.0-rc.6106",
+                "@wavemaker/variables": "11.11.0-rc.6112",
                 "axios": "1.6.8",
                 "color": "4.2.3",
                 "cross-env": "7.0.3",
                 "css-mediaquery": "0.1.2",
                 "d3-shape": "3.2.0",
                 "expo-application": "6.0.1",
+                "expo-blur": "14.0.3",
                 "expo-font": "13.0.1",
                 "expo-image": "2.0.3",
                 "expo-linear-gradient": "13.0.2",
                 "expo-modules-core": "2.1.1",
+                "expo-navigation-bar": "4.0.8",
                 "expo-video": "2.0.2",
                 "fast-xml-parser": "4.3.6",
                 "imask": "7.6.1",
@@ -81,7 +83,6 @@
                 "eslint-plugin-prettier": "5.1.3",
                 "execa": "5.0.0",
                 "expo-av": "15.0.1",
-                "expo-blur": "14.0.3",
                 "expo-calendar": "14.0.4",
                 "expo-camera": "16.0.9",
                 "expo-contacts": "14.0.2",
@@ -89,7 +90,6 @@
                 "expo-document-picker": "13.0.1",
                 "expo-file-system": "18.0.4",
                 "expo-location": "18.0.3",
-                "expo-navigation-bar": "4.0.8",
                 "expo-network": "7.0.3",
                 "expo-splash-screen": "0.29.16",
                 "expo-web-browser": "14.0.1",
@@ -2689,8 +2689,8 @@
             }
         },
         "node_modules/@eslint-community/eslint-utils": {
-            "version": "4.5.1",
-            "integrity": "sha512-soEIOALTfTK6EjmKMMoLugwaP0rzkad90iIWd1hMO9ARkSAyjfMfkRRhLvD5qH7vvM0Cg72pieUfR6yh6XxC4w==",
+            "version": "4.6.0",
+            "integrity": "sha512-WhCn7Z7TauhBtmzhvKpoQs0Wwb/kBcy4CwpuI0/eEIr2Lx2auxmulAzLr91wVZJaz47iUZdkXOK7WlAfxGKCnA==",
             "dev": true,
             "license": "MIT",
             "dependencies": {
@@ -2824,8 +2824,8 @@
             }
         },
         "node_modules/@expo/cli": {
-            "version": "0.22.24",
-            "integrity": "sha512-lhdenxBC8/x/vL39j79eXE09mOaqNNLmiSDdY/PblnI+UNzGgsQ48hBTYa/MQhd0ioXXVKurZL2941dLKwcxJw==",
+            "version": "0.22.26",
+            "integrity": "sha512-I689wc8Fn/AX7aUGiwrh3HnssiORMJtR2fpksX+JIe8Cj/EDleblYMSwRPd0025wrwOV9UN1KM/RuEt/QjCS3Q==",
             "license": "MIT",
             "peer": true,
             "dependencies": {
@@ -2842,7 +2842,7 @@
                 "@expo/osascript": "^2.1.6",
                 "@expo/package-manager": "^1.7.2",
                 "@expo/plist": "^0.2.2",
-                "@expo/prebuild-config": "^8.0.31",
+                "@expo/prebuild-config": "~8.2.0",
                 "@expo/rudder-sdk-node": "^1.1.1",
                 "@expo/spawn-async": "^1.7.2",
                 "@expo/ws-tunnel": "^1.0.1",
@@ -3148,23 +3148,14 @@
             }
         },
         "node_modules/@expo/devcert": {
-            "version": "1.1.4",
-            "integrity": "sha512-fqBODr8c72+gBSX5Ty3SIzaY4bXainlpab78+vEYEKL3fXmsOswMLf0+KE36mUEAa36BYabX7K3EiXOXX5OPMw==",
+            "version": "1.2.0",
+            "integrity": "sha512-Uilcv3xGELD5t/b0eM4cxBFEKQRIivB3v7i+VhWLV/gL98aw810unLKKJbGAxAIhY6Ipyz8ChWibFsKFXYwstA==",
             "license": "MIT",
             "peer": true,
             "dependencies": {
-                "application-config-path": "^0.1.0",
-                "command-exists": "^1.2.4",
+                "@expo/sudo-prompt": "^9.3.1",
                 "debug": "^3.1.0",
-                "eol": "^0.9.1",
-                "get-port": "^3.2.0",
-                "glob": "^10.4.2",
-                "lodash": "^4.17.21",
-                "mkdirp": "^0.5.1",
-                "password-prompt": "^1.0.4",
-                "sudo-prompt": "^8.2.0",
-                "tmp": "^0.0.33",
-                "tslib": "^2.4.0"
+                "glob": "^10.4.2"
             }
         },
         "node_modules/@expo/devcert/node_modules/debug": {
@@ -3659,13 +3650,6 @@
                 "url": "https://github.com/sponsors/sindresorhus"
             }
         },
-        "node_modules/@expo/package-manager/node_modules/sudo-prompt": {
-            "version": "9.1.1",
-            "integrity": "sha512-es33J1g2HjMpyAhz8lOR+ICmXXAqTuKbuXuUWLhOLew20oN9oUCgCJx615U/v7aioZg7IX5lIh9x34vwneu4pA==",
-            "deprecated": "Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.",
-            "license": "MIT",
-            "peer": true
-        },
         "node_modules/@expo/plist": {
             "version": "0.2.2",
             "integrity": "sha512-ZZGvTO6vEWq02UAPs3LIdja+HRO18+LRI5QuDl6Hs3Ps7KX7xU6Y6kjahWKY37Rx2YjNpX07dGpBFzzC+vKa2g==",
@@ -3677,8 +3661,8 @@
             }
         },
         "node_modules/@expo/prebuild-config": {
-            "version": "8.0.31",
-            "integrity": "sha512-YTuS5ic9KolD/WA3GqgLcZytHQU1dpitlZ/cbDq8ZqkY+1ae5YWX+GkYEZf2VyECPaWnHYuDGddaTQVw5miTRg==",
+            "version": "8.2.0",
+            "integrity": "sha512-CxiPpd980s0jyxi7eyN3i/7YKu3XL+8qPjBZUCYtc0+axpGweqIkq2CslyLSKHyqVyH/zlPkbVgWdyiYavFS5Q==",
             "license": "MIT",
             "dependencies": {
                 "@expo/config": "~10.0.11",
@@ -3772,6 +3756,12 @@
                 "node": ">=12"
             }
         },
+        "node_modules/@expo/sudo-prompt": {
+            "version": "9.3.2",
+            "integrity": "sha512-HHQigo3rQWKMDzYDLkubN5WQOYXJJE2eNqIQC2axC2iO3mHdwnIR7FgZVvHWtBwAdzBgAP0ECp8KqS8TiMKvgw==",
+            "license": "MIT",
+            "peer": true
+        },
         "node_modules/@expo/vector-icons": {
             "version": "14.0.2",
             "integrity": "sha512-70LpmXQu4xa8cMxjp1fydgRPsalefnHaXLzIwaHMEzcZhnyjw2acZz8azRrZOslPVAWlxItOa2Dd7WtD/kI+CA==",
@@ -6382,8 +6372,8 @@
             "license": "MIT"
         },
         "node_modules/@types/node": {
-            "version": "22.14.0",
-            "integrity": "sha512-Kmpl+z84ILoG+3T/zQFyAJsU6EPTmOCj8/2+83fSN6djd6I4o7uOuGIH6vq3PrjY5BGitSbFuMN18j3iknubbA==",
+            "version": "22.14.1",
+            "integrity": "sha512-u0HuPQwe/dHrItgHHpmw3N2fYCR6x4ivMNbPHRkBVP4CvN+kiRrKHWk3i8tXiO/joPwXLMYvF9TTF0eqgHIuOw==",
             "license": "MIT",
             "dependencies": {
                 "undici-types": "~6.21.0"
@@ -6676,8 +6666,8 @@
             }
         },
         "node_modules/@wavemaker/variables": {
-            "version": "11.11.0-rc.6106",
-            "integrity": "sha512-BT2teob8ijpE5trVlsXdfCjV5q1+5NN9wRv/Aoibz0F2THgMZokIJAhsR0IFRgHhcNLf87zLBx5xezKwqawBNw==",
+            "version": "11.11.0-rc.6112",
+            "integrity": "sha512-yXg/R1dLdwY/tVkFXFeJsfR5IVjEcbBgYi2tFeKUZMZrTm3W/+qeQbJ/RsxP6Afuc8xCXCyhEu3k4j8WwTO53Q==",
             "license": "ISC",
             "dependencies": {
                 "@metrichor/jmespath": "^0.3.1",
@@ -7127,12 +7117,6 @@
                 "url": "https://github.com/sponsors/jonschlinkert"
             }
         },
-        "node_modules/application-config-path": {
-            "version": "0.1.1",
-            "integrity": "sha512-zy9cHePtMP0YhwG+CfHm0bgwdnga2X3gZexpdCwEj//dpb+TKajtiC8REEUJUSq6Ab4f9cgNy2l8ObXzCXFkEw==",
-            "license": "MIT",
-            "peer": true
-        },
         "node_modules/arg": {
             "version": "5.0.2",
             "integrity": "sha512-PYjyFOLKQ9y57JvQ6QLo8dAgNqswh8M1RMJYdQduT6xbWSgK36P/Z/v+p888pM69jMMfS8Xd8F6I1kQ/I9HUGg==",
@@ -9069,8 +9053,8 @@
             }
         },
         "node_modules/caniuse-lite": {
-            "version": "1.0.30001712",
-            "integrity": "sha512-MBqPpGYYdQ7/hfKiet9SCI+nmN5/hp4ZzveOJubl5DTAMa5oggjAuoi0Z4onBpKPFI2ePGnQuQIzF3VxDjDJig==",
+            "version": "1.0.30001713",
+            "integrity": "sha512-wCIWIg+A4Xr7NfhTuHdX+/FKh3+Op3LBbSp2N5Pfx6T/LhdQy3GTyoTg48BReaW/MyMNZAkTadsBtai3ldWK0Q==",
             "funding": [
                 {
                     "type": "opencollective",
@@ -9421,12 +9405,6 @@
                 "node": ">= 0.8"
             }
         },
-        "node_modules/command-exists": {
-            "version": "1.2.9",
-            "integrity": "sha512-LTQ/SGc+s0Xc0Fu5WaKnR0YiygZkm9eKFvyS+fRsU7/ZWFF8ykFM6Pc9aCVf1+xasOOZpO3BAVgVrKvsqKHV7w==",
-            "license": "MIT",
-            "peer": true
-        },
         "node_modules/commander": {
             "version": "7.2.0",
             "integrity": "sha512-QrWXB+ZQSVPmIWIhtEO9H+gwHaMGYiF5ChvoJ+K9ZGHG/sVsa6yiesAD1GC/x46sET00Xlwo1u49RVVVzvcSkw==",
@@ -11176,8 +11154,8 @@
             "license": "MIT"
         },
         "node_modules/electron-to-chromium": {
-            "version": "1.5.132",
-            "integrity": "sha512-QgX9EBvWGmvSRa74zqfnG7+Eno0Ak0vftBll0Pt2/z5b3bEGYL6OUXLgKPtvx73dn3dvwrlyVkjPKRRlhLYTEg==",
+            "version": "1.5.137",
+            "integrity": "sha512-/QSJaU2JyIuTbbABAo/crOs+SuAZLS+fVVS10PVrIT9hrRkmZl8Hb0xPSkKRUUWHQtYzXHpQUW3Dy5hwMzGZkA==",
             "license": "ISC"
         },
         "node_modules/emittery": {
@@ -11315,12 +11293,6 @@
                 "url": "https://github.com/sponsors/ljharb"
             }
         },
-        "node_modules/eol": {
-            "version": "0.9.1",
-            "integrity": "sha512-Ds/TEoZjwggRoz/Q2O7SE3i4Jm66mqTDfmdHdq/7DKVk3bro9Q8h6WdXKdPqFLMoqxrDK5SVRzHVPOS6uuGtrg==",
-            "license": "MIT",
-            "peer": true
-        },
         "node_modules/error-ex": {
             "version": "1.3.2",
             "integrity": "sha512-7dFHNmqeFSEt2ZBsCriorKnn3Z2pj+fd9kmI6QoWw4//DL+icEBfc0U7qJCisqrTsKTjw4fNFy2pW9OqStD84g==",
@@ -12064,13 +12036,13 @@
             }
         },
         "node_modules/expo": {
-            "version": "52.0.44",
-            "integrity": "sha512-qj3+MWxmqLyBaYQ8jDOvVLEgSqNplH3cf+nDhxCo4C1cpTPD1u/HGh1foibtaeuCYLHsE5km1lrcOpRbFJ4luQ==",
+            "version": "52.0.46",
+            "integrity": "sha512-JG89IVZLp7DWzgeiQb+0N43kWOF1DUm3esBvAS9cPFWZsM9x8nDXgbvtREcycDPA6E+yJsSC+086CigeUY6sVA==",
             "license": "MIT",
             "peer": true,
             "dependencies": {
                 "@babel/runtime": "^7.20.0",
-                "@expo/cli": "0.22.24",
+                "@expo/cli": "0.22.26",
                 "@expo/config": "~10.0.11",
                 "@expo/config-plugins": "~9.0.17",
                 "@expo/fingerprint": "0.11.11",
@@ -12157,7 +12129,6 @@
         "node_modules/expo-blur": {
             "version": "14.0.3",
             "integrity": "sha512-BL3xnqBJbYm3Hg9t/HjNjdeY7N/q8eK5tsLYxswWG1yElISWZmMvrXYekl7XaVCPfyFyz8vQeaxd7q74ZY3Wrw==",
-            "dev": true,
             "license": "MIT",
             "peerDependencies": {
                 "expo": "*",
@@ -12451,7 +12422,6 @@
         "node_modules/expo-navigation-bar": {
             "version": "4.0.8",
             "integrity": "sha512-rmQkCCwfYeR29GTPwoNuN7eWE8bYCW5UGJ/5CnZQxIaiBmOeepoDXu50AzEM5ZFPMK6J12nvyu1yj0ujbLUpsQ==",
-            "dev": true,
             "license": "MIT",
             "dependencies": {
                 "@react-native/normalize-colors": "0.76.7",
@@ -12466,7 +12436,6 @@
         "node_modules/expo-navigation-bar/node_modules/@react-native/normalize-colors": {
             "version": "0.76.7",
             "integrity": "sha512-ST1xxBuYVIXPdD81dR6+tzIgso7m3pa9+6rOBXTh5Xm7KEEFik7tnQX+GydXYMp3wr1gagJjragdXkPnxK6WNg==",
-            "dev": true,
             "license": "MIT"
         },
         "node_modules/expo-network": {
@@ -12980,8 +12949,8 @@
             "license": "MIT"
         },
         "node_modules/flow-parser": {
-            "version": "0.266.1",
-            "integrity": "sha512-dON6h+yO7FGa/FO5NQCZuZHN0o3I23Ev6VYOJf9d8LpdrArHPt39wE++LLmueNV/hNY5hgWGIIrgnrDkRcXkPg==",
+            "version": "0.267.0",
+            "integrity": "sha512-eBgyFHiT/CHevT225CVQbwnAwRKLjqgtkkpDBMvNGV2C/Tz8x4Zr9FZeWed/cSWhRTiUhH7MXpIWSHkrzvaqdA==",
             "license": "MIT",
             "engines": {
                 "node": ">=0.4.0"
@@ -13275,15 +13244,6 @@
                 "xtend": "~4.0.1"
             }
         },
-        "node_modules/get-port": {
-            "version": "3.2.0",
-            "integrity": "sha512-x5UJKlgeUiNT8nyo/AcnwLnZuZNcSjSw0kogRB+Whd1fjjFq4B1hySFxSFWWSn4mIBzg3sRNUDFYc4g5gjPoLg==",
-            "license": "MIT",
-            "peer": true,
-            "engines": {
-                "node": ">=4"
-            }
-        },
         "node_modules/get-proto": {
             "version": "1.0.1",
             "integrity": "sha512-sTSfBjoXBp89JvIKIefqw7U2CCebsc74kiY6awiGogKtoSGbgjYE/G/+l9sF3MWFPNc9IcoOC4ODfKHfxFmp0g==",
@@ -17397,6 +17357,7 @@
         "node_modules/lodash": {
             "version": "4.17.21",
             "integrity": "sha512-v2kDEe57lecTulaDIuNTPy3Ry4gLGJ6Z1O3vE1krgXZNrsQ+LFTGHVxVjcXPs17LhbZVGedAJv8XZ1tvj5FvSg==",
+            "dev": true,
             "license": "MIT"
         },
         "node_modules/lodash-es": {
@@ -17688,8 +17649,8 @@
             }
         },
         "node_modules/marky": {
-            "version": "1.2.5",
-            "integrity": "sha512-q9JtQJKjpsVxCRVgQ+WapguSbKC3SQ5HEzFGPAJMStgh3QjCawp00UKv3MTTAArTmGmmPUvllHZoNbZ3gs0I+Q==",
+            "version": "1.3.0",
+            "integrity": "sha512-ocnPZQLNpvbedwTy9kNrQEsknEfgvcLMvOtz3sFeWApDq1MXH1TqkCIx58xlpESsfwQOnuBO9beyQuNGzVvuhQ==",
             "license": "Apache-2.0"
         },
         "node_modules/math-intrinsics": {
@@ -19341,6 +19302,7 @@
         "node_modules/os-tmpdir": {
             "version": "1.0.2",
             "integrity": "sha512-D2FR03Vir7FIu45XBY20mTb+/ZSWB00sjU9jdQXt83gDrI4Ztz5Fs7/yy74g2N5SVQY4xY1qDr4rNddwYRVX0g==",
+            "dev": true,
             "license": "MIT",
             "engines": {
                 "node": ">=0.10.0"
@@ -19768,16 +19730,6 @@
                 "node": ">= 0.8"
             }
         },
-        "node_modules/password-prompt": {
-            "version": "1.1.3",
-            "integrity": "sha512-HkrjG2aJlvF0t2BMH0e2LB/EHf3Lcq3fNMzy4GYHcQblAvOl+QQji1Lx7WRBMqpVK8p+KR7bCg7oqAMXtdgqyw==",
-            "license": "0BSD",
-            "peer": true,
-            "dependencies": {
-                "ansi-escapes": "^4.3.2",
-                "cross-spawn": "^7.0.3"
-            }
-        },
         "node_modules/path-exists": {
             "version": "4.0.0",
             "integrity": "sha512-ak9Qy5Q7jYb2Wwcey5Fpvg2KoAc/ZIhLSLOSBmRmygPsGwkVVt0fZa0qrtMz+m6tJTAHfZQ8FnmB4MG4LWy7/w==",
@@ -23304,8 +23256,8 @@
             }
         },
         "node_modules/sudo-prompt": {
-            "version": "8.2.5",
-            "integrity": "sha512-rlBo3HU/1zAJUrkY6jNxDOC9eVYliG6nS4JA8u8KAshITd07tafMc/Br7xQwCSseXwJ2iCcHCE8SNWX3q8Z+kw==",
+            "version": "9.1.1",
+            "integrity": "sha512-es33J1g2HjMpyAhz8lOR+ICmXXAqTuKbuXuUWLhOLew20oN9oUCgCJx615U/v7aioZg7IX5lIh9x34vwneu4pA==",
             "deprecated": "Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.",
             "license": "MIT",
             "peer": true
@@ -23782,6 +23734,7 @@
         "node_modules/tmp": {
             "version": "0.0.33",
             "integrity": "sha512-jRCJlojKnZ3addtTOjdIqoRuPEKBvNXcGYqzO6zWZX8KfKEpnGY5jfggJQ3EjKuu8D4bJRr0y+cYJFmYbImXGw==",
+            "dev": true,
             "license": "MIT",
             "dependencies": {
                 "os-tmpdir": "~1.0.2"
@@ -25073,8 +25026,8 @@
             }
         },
         "node_modules/webpack": {
-            "version": "5.98.0",
-            "integrity": "sha512-UFynvx+gM44Gv9qFgj0acCQK2VE1CtdfwFdimkapco3hlPCJ/zeq73n2yVKimVbtm+TnApIugGhLJnkU6gjYXA==",
+            "version": "5.99.5",
+            "integrity": "sha512-q+vHBa6H9qwBLUlHL4Y7L0L1/LlyBKZtS9FHNCQmtayxjI5RKC9yD8gpvLeqGv5lCQp1Re04yi0MF40pf30Pvg==",
             "dev": true,
             "license": "MIT",
             "peer": true,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wavemaker/app-rn-runtime",
-  "version": "11.11.0-rc.6106",
+  "version": "11.11.0-rc.6112",
   "description": "''",
   "main": "index",
   "module": "index",
@@ -49,7 +49,7 @@
     "@react-navigation/drawer": "6.6.3",
     "@react-navigation/native": "6.1.7",
     "@react-navigation/stack": "6.3.29",
-    "@wavemaker/variables": "11.11.0-rc.6106",
+    "@wavemaker/variables": "11.11.0-rc.6112",
     "axios": "1.6.8",
     "color": "4.2.3",
     "cross-env": "7.0.3",
@@ -79,7 +79,9 @@
     "react-native-web": "0.19.13",
     "react-native-webview": "13.12.5",
     "react-xml-parser": "1.1.8",
-    "expo-image": "2.0.3"
+    "expo-image": "2.0.3",
+    "expo-blur": "14.0.3",
+    "expo-navigation-bar": "4.0.8"
   },
   "devDependencies": {
     "@babel/core": "7.25.2",
@@ -110,7 +112,6 @@
     "eslint-plugin-prettier": "5.1.3",
     "execa": "5.0.0",
     "expo-av": "15.0.1",
-    "expo-blur": "14.0.3",
     "expo-calendar": "14.0.4",
     "expo-camera": "16.0.9",
     "expo-contacts": "14.0.2",
@@ -118,7 +119,6 @@
     "expo-document-picker": "13.0.1",
     "expo-file-system": "18.0.4",
     "expo-location": "18.0.3",
-    "expo-navigation-bar": "4.0.8",
     "expo-network": "7.0.3",
     "expo-splash-screen": "0.29.16",
     "expo-web-browser": "14.0.1",

package/runtime/App.js

@@ -51,6 +51,8 @@ import MaterialCommunityIconsFont from '@expo/vector-icons/build/vendor/react-na
 import * as SplashScreen from 'expo-splash-screen';
 import { WmMemo } from './memo.component';
 import { VariableEvents } from '../variables/base-variable';
+import { BlurView } from 'expo-blur';
+import * as NavigationBar from 'expo-navigation-bar';
 //some old react libraries need this
 View['propTypes'] = {
   style: ProtoTypes.any
@@ -365,7 +367,9 @@ export default class BaseApp extends React.Component {
             name: "message" + i,
             type: o.type,
             caption: o.text,
-            hideclose: true
+            hideclose: !o.showclosebutton,
+            onClose: o.closeToast,
+            closeiconclass: o.closeiconclass
           })))));
         }));
       }
@@ -467,6 +471,42 @@ export default class BaseApp extends React.Component {
       return service;
     }
   }
+  renderBlurView(position, insets) {
+    if (!(insets !== null && insets !== void 0 && insets[position])) return null;
+    if (Platform.OS === "android") {
+      NavigationBar.setPositionAsync('absolute');
+      NavigationBar.setBackgroundColorAsync("transparent");
+    }
+    return /*#__PURE__*/React.createElement(BlurView, {
+      intensity: 50,
+      tint: "dark",
+      experimentalBlurMethod: "dimezisBlurView",
+      style: {
+        [position]: 0,
+        height: insets[position],
+        width: '100%',
+        position: 'absolute',
+        zIndex: 999
+      }
+    });
+  }
+  renderTransparentView(position, insets) {
+    if (!(insets !== null && insets !== void 0 && insets[position])) return null;
+    if (Platform.OS === "android") {
+      NavigationBar.setPositionAsync('absolute');
+      NavigationBar.setBackgroundColorAsync("transparent");
+    }
+    return /*#__PURE__*/React.createElement(View, {
+      style: {
+        [position]: 0,
+        height: insets[position],
+        width: '100%',
+        position: 'absolute',
+        zIndex: 999,
+        backgroundColor: "rgba(0,0,0,0.4)"
+      }
+    });
+  }
   renderApp(commonPartial) {
     var _this$appConfig;
     this.autoUpdateVariables.forEach(value => {
@@ -474,8 +514,8 @@ export default class BaseApp extends React.Component {
       return (_this$Variables$value = this.Variables[value]) === null || _this$Variables$value === void 0 ? void 0 : _this$Variables$value.invokeOnParamChange();
     });
     const statusBarCustomisation = (_this$appConfig = this.appConfig) === null || _this$appConfig === void 0 || (_this$appConfig = _this$appConfig.preferences) === null || _this$appConfig === void 0 ? void 0 : _this$appConfig.statusbarStyles;
-    const isTranslucent = statusBarCustomisation === null || statusBarCustomisation === void 0 ? void 0 : statusBarCustomisation.translucent;
-    const Wrapper = isTranslucent ? View : SafeAreaView;
+    const isFullScreenMode = !!(statusBarCustomisation !== null && statusBarCustomisation !== void 0 && statusBarCustomisation.translucent);
+    const Wrapper = isFullScreenMode ? View : SafeAreaView;
     return /*#__PURE__*/React.createElement(SafeAreaProvider, null, /*#__PURE__*/React.createElement(SafeAreaInsetsContext.Consumer, null, (insets = {
       top: 0,
       bottom: 0,
@@ -492,15 +532,15 @@ export default class BaseApp extends React.Component {
         }
       }, /*#__PURE__*/React.createElement(StatusBar, {
         backgroundColor: statusBarCustomisation === null || statusBarCustomisation === void 0 ? void 0 : statusBarCustomisation.backgroundColor,
-        translucent: isTranslucent,
+        translucent: isFullScreenMode,
         barStyle: (statusBarCustomisation === null || statusBarCustomisation === void 0 ? void 0 : statusBarCustomisation.barStyle) || 'default'
       }), /*#__PURE__*/React.createElement(ThemeProvider, {
         value: this.appConfig.theme
-      }, /*#__PURE__*/React.createElement(View, {
+      }, this.renderIosStatusbarInsetsView(statusBarCustomisation, insets), /*#__PURE__*/React.createElement(View, {
         style: {
           flex: 1
         }
-      }, /*#__PURE__*/React.createElement(FixedViewContainer, null, /*#__PURE__*/React.createElement(View, {
+      }, /*#__PURE__*/React.createElement(View, {
         style: styles.container
       }, /*#__PURE__*/React.createElement(GestureHandlerRootView, {
         style: styles.container
@@ -511,9 +551,9 @@ export default class BaseApp extends React.Component {
         hideDrawer: ((_this$appConfig$drawe = this.appConfig.drawer) === null || _this$appConfig$drawe === void 0 ? void 0 : _this$appConfig$drawe.getContent()) === null,
         drawerContent: () => this.appConfig.drawer ? this.getProviders(this.appConfig.drawer.getContent()) : null,
         drawerAnimation: (_this$appConfig$drawe2 = this.appConfig.drawer) === null || _this$appConfig$drawe2 === void 0 ? void 0 : _this$appConfig$drawe2.getAnimation()
-      }), commonPartial)), this.appConfig.url ? /*#__PURE__*/React.createElement(WmNetworkInfoToaster, {
+      }), /*#__PURE__*/React.createElement(FixedViewContainer, null, commonPartial))), this.appConfig.url ? /*#__PURE__*/React.createElement(WmNetworkInfoToaster, {
         appLocale: this.appConfig.appLocale
-      }) : null), this.renderToasters(), this.renderDialogs(), this.renderDisplayManager()))))));
+      }) : null, this.renderToasters(), this.renderDialogs(), this.renderDisplayManager()), isFullScreenMode ? this.renderTransparentView("top", insets) : null)))));
     }));
   }
 }