@digilogiclabs/saas-factory-ui 0.26.1 → 0.27.0

package/dist/index.js

@@ -23418,75 +23418,115 @@ function useMounted() {
 
 // src/hooks/network/use-network-info.ts
 var import_react44 = require("react");
+var isReactNative = typeof navigator === "undefined";
 function useNetworkInfo() {
   const [networkInfo, setNetworkInfo] = (0, import_react44.useState)(() => ({
-    isOnline: typeof navigator !== "undefined" ? navigator.onLine : true,
+    isOnline: isReactNative ? true : typeof navigator !== "undefined" ? navigator.onLine : true,
     isSlowConnection: false,
     connectionType: "unknown",
     effectiveType: "unknown"
   }));
   (0, import_react44.useEffect)(() => {
-    if (typeof navigator === "undefined") return;
-    const updateNetworkInfo = () => {
-      const connection2 = navigator.connection || navigator.mozConnection || navigator.webkitConnection;
-      setNetworkInfo({
-        isOnline: navigator.onLine,
-        isSlowConnection: connection2 ? connection2.effectiveType === "slow-2g" || connection2.effectiveType === "2g" : false,
-        connectionType: connection2 ? connection2.type || "unknown" : "unknown",
-        effectiveType: connection2 ? connection2.effectiveType || "unknown" : "unknown"
+    if (isReactNative) {
+      let NetInfo;
+      try {
+        NetInfo = require("@react-native-netinfo/netinfo");
+      } catch (error) {
+        console.warn("NetInfo not available, install @react-native-netinfo/netinfo for network detection in React Native");
+        return;
+      }
+      const unsubscribe = NetInfo.addEventListener((state) => {
+        setNetworkInfo({
+          isOnline: state.isConnected ?? false,
+          isSlowConnection: state.details?.effectiveType === "slow-2g" || state.details?.effectiveType === "2g",
+          connectionType: state.type === "wifi" ? "wifi" : state.type === "cellular" ? "cellular" : "unknown",
+          effectiveType: state.details?.effectiveType || "unknown"
+        });
       });
-    };
-    updateNetworkInfo();
-    const handleOnline = () => updateNetworkInfo();
-    const handleOffline = () => updateNetworkInfo();
-    const handleConnectionChange = () => updateNetworkInfo();
-    window.addEventListener("online", handleOnline);
-    window.addEventListener("offline", handleOffline);
-    const connection = navigator.connection || navigator.mozConnection || navigator.webkitConnection;
-    if (connection) {
-      connection.addEventListener("change", handleConnectionChange);
-    }
-    return () => {
-      window.removeEventListener("online", handleOnline);
-      window.removeEventListener("offline", handleOffline);
+      return unsubscribe;
+    } else {
+      if (typeof navigator === "undefined") return;
+      const updateNetworkInfo = () => {
+        const connection2 = navigator.connection || navigator.mozConnection || navigator.webkitConnection;
+        setNetworkInfo({
+          isOnline: navigator.onLine,
+          isSlowConnection: connection2 ? connection2.effectiveType === "slow-2g" || connection2.effectiveType === "2g" : false,
+          connectionType: connection2 ? connection2.type || "unknown" : "unknown",
+          effectiveType: connection2 ? connection2.effectiveType || "unknown" : "unknown"
+        });
+      };
+      updateNetworkInfo();
+      const handleOnline = () => updateNetworkInfo();
+      const handleOffline = () => updateNetworkInfo();
+      const handleConnectionChange = () => updateNetworkInfo();
+      window.addEventListener("online", handleOnline);
+      window.addEventListener("offline", handleOffline);
+      const connection = navigator.connection || navigator.mozConnection || navigator.webkitConnection;
       if (connection) {
-        connection.removeEventListener("change", handleConnectionChange);
+        connection.addEventListener("change", handleConnectionChange);
       }
-    };
+      return () => {
+        window.removeEventListener("online", handleOnline);
+        window.removeEventListener("offline", handleOffline);
+        if (connection) {
+          connection.removeEventListener("change", handleConnectionChange);
+        }
+      };
+    }
   }, []);
   return networkInfo;
 }
 
 // src/hooks/network/use-offline-state.ts
 var import_react45 = require("react");
+var isReactNative2 = typeof navigator === "undefined";
 function useOfflineState() {
   const [state, setState] = (0, import_react45.useState)(() => ({
-    isOffline: typeof navigator !== "undefined" ? !navigator.onLine : false,
-    isOnline: typeof navigator !== "undefined" ? navigator.onLine : true,
+    isOffline: isReactNative2 ? false : typeof navigator !== "undefined" ? !navigator.onLine : false,
+    isOnline: isReactNative2 ? true : typeof navigator !== "undefined" ? navigator.onLine : true,
     wasOffline: false
   }));
   (0, import_react45.useEffect)(() => {
-    if (typeof navigator === "undefined") return;
-    const handleOnline = () => {
-      setState((prev) => ({
-        isOffline: false,
-        isOnline: true,
-        wasOffline: prev.isOffline
-      }));
-    };
-    const handleOffline = () => {
-      setState((prev) => ({
-        isOffline: true,
-        isOnline: false,
-        wasOffline: prev.wasOffline
-      }));
-    };
-    window.addEventListener("online", handleOnline);
-    window.addEventListener("offline", handleOffline);
-    return () => {
-      window.removeEventListener("online", handleOnline);
-      window.removeEventListener("offline", handleOffline);
-    };
+    if (isReactNative2) {
+      let NetInfo;
+      try {
+        NetInfo = require("@react-native-netinfo/netinfo");
+      } catch (error) {
+        console.warn("NetInfo not available, install @react-native-netinfo/netinfo for offline detection in React Native");
+        return;
+      }
+      const unsubscribe = NetInfo.addEventListener((netState) => {
+        const isConnected = netState.isConnected ?? false;
+        setState((prev) => ({
+          isOffline: !isConnected,
+          isOnline: isConnected,
+          wasOffline: prev.isOffline || !isConnected
+        }));
+      });
+      return unsubscribe;
+    } else {
+      if (typeof navigator === "undefined") return;
+      const handleOnline = () => {
+        setState((prev) => ({
+          isOffline: false,
+          isOnline: true,
+          wasOffline: prev.isOffline
+        }));
+      };
+      const handleOffline = () => {
+        setState((prev) => ({
+          isOffline: true,
+          isOnline: false,
+          wasOffline: prev.wasOffline
+        }));
+      };
+      window.addEventListener("online", handleOnline);
+      window.addEventListener("offline", handleOffline);
+      return () => {
+        window.removeEventListener("online", handleOnline);
+        window.removeEventListener("offline", handleOffline);
+      };
+    }
   }, []);
   return state;
 }