@adriansteffan/reactive 0.0.23 → 0.0.24

package/dist/web-BkxeXT_o.js

@@ -0,0 +1,12 @@
+import { W as e } from "./mod-DFT88PVZ.js";
+class s extends e {
+  async enable() {
+    console.log("Immersive mode is only available on Android");
+  }
+  async disable() {
+    console.log("Immersive mode is only available on Android");
+  }
+}
+export {
+  s as ImmersiveModeWeb
+};

package/dist/{web-CT23TBmf.js → web-DLRbsabT.js}

@@ -1,4 +1,4 @@
-import { W as P, b as x, E } from "./mod-BdnVCIUb.js";
+import { W as P, b as x, E } from "./mod-DFT88PVZ.js";
 function m(w) {
   const e = w.split("/").filter((t) => t !== "."), r = [];
   return e.forEach((t) => {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@adriansteffan/reactive",
-  "version": "0.0.23",
+  "version": "0.0.24",
   "type": "module",
   "scripts": {
     "dev": "vite",
@@ -31,11 +31,11 @@
     "url": "https://github.com/adriansteffan/reactive/issues"
   },
   "dependencies": {
+    "@adriansteffan/immersive-mode": "^0.0.1",
     "@capacitor/core": "^7.0.1",
     "@capacitor/filesystem": "^7.0.0",
     "@capacitor/share": "^7.0.0",
     "@capacitor/status-bar": "^7.0.0",
-    "@hugotomazi/capacitor-navigation-bar": "https://github.com/NYPL/capacitor-navigation-bar/releases/download/v4.1.0-fix.1/hugotomazi-capacitor-navigation-bar-4.1.0-fix.1.tgz",
     "@tanstack/react-query": "^5.61.3",
     "@tanstack/react-query-devtools": "^5.61.3",
     "@zip.js/zip.js": "^2.7.53",

package/src/components/enterfullscreen.tsx

@@ -2,14 +2,14 @@ import { BaseComponentProps } from '../utils/common';
 import Text from '../components/text';
 
 import { StatusBar } from '@capacitor/status-bar';
-import { NavigationBar } from '@hugotomazi/capacitor-navigation-bar';
+import { ImmersiveMode } from '@adriansteffan/immersive-mode';
 
 
 function enterFullscreen(element: any) {
   
   // Android
   StatusBar.hide();
-  NavigationBar.hide();
+  ImmersiveMode.enable();
 
   if (element.requestFullscreen) {
     element.requestFullscreen();

package/src/components/exitfullscreen.tsx

@@ -1,12 +1,12 @@
 import { BaseComponentProps } from '../utils/common';
 import { useEffect } from 'react';
 import { StatusBar } from '@capacitor/status-bar';
-import { NavigationBar } from '@hugotomazi/capacitor-navigation-bar';
+import { ImmersiveMode } from '@adriansteffan/immersive-mode';
 
 function exitFullscreen() {
 
   StatusBar.show();
-  NavigationBar.show();
+  ImmersiveMode.disable();
 
   if (document.exitFullscreen) {
     document.exitFullscreen();

package/src/mod.tsx

@@ -14,4 +14,3 @@ import { BaseComponentProps, ExperimentConfig } from './utils/common';
 export { Text, ProlificEnding, MicCheck, Quest, Upload, EnterFullscreen, ExitFullscreen, Experiment, ExperimentProvider, PlainInput};
 export type { BaseComponentProps, ExperimentConfig };
 export * from './utils/common';
-

package/dist/web-DTNatzmE.js

@@ -1,31 +0,0 @@
-import { W as e } from "./mod-BdnVCIUb.js";
-class s extends e {
-  async show() {
-    return new Promise((o) => {
-      console.log("Navigation Bar Showed!"), o();
-    });
-  }
-  async hide() {
-    return new Promise((o) => {
-      console.log("Navigation Bar Hided!"), o();
-    });
-  }
-  async setColor(o) {
-    return new Promise((r) => {
-      console.log(`Navigation Bar color changed to ${o.color ? o.color : "#FFFFFF"} : Dark Buttons: ${o.darkButtons ? "YES" : "NO"}`), r();
-    });
-  }
-  async setTransparency(o) {
-    return new Promise((r) => {
-      console.log(`Navigation Bar is transparent: ${o.isTransparent ? "YES" : "NO"}`), r();
-    });
-  }
-  async getColor() {
-    return new Promise((o) => {
-      o({ color: "#FFFFFF" });
-    });
-  }
-}
-export {
-  s as NavigationBarWeb
-};