my-fleetbo-react-v1 1.0.7 → 1.0.10

package/package.json

@@ -1,7 +1,7 @@
 {
    "name": "my-fleetbo-react-v1",
    "private": false,
-   "version": "1.0.7",
+   "version": "1.0.10",
    "description": "React template optimized for the Fleetbo ecosystem.",
    "author": "Jean Aubain Noucti",
    "license": "MIT",

package/src/@fleetbo/hooks/useStartupEffect.js

@@ -61,7 +61,6 @@ export const useStartupEffect = () => {
                 }
             }
         };
-
         if (window.Fleetbo && typeof window.Fleetbo.fleetboLog === 'function') {
             if (window.Fleetbo) onFleetboReady();
             else requester = setInterval(() => { if (window.Fleetbo) onFleetboReady(); }, 100);
@@ -79,17 +78,13 @@ export const useStartupEffect = () => {
                 if (!isReadyRef.current) setError("Running outside of Fleetbo Environment.");
             }, 2000);
         }
-
         timer = setTimeout(() => {
             if (!isReadyRef.current) {
                 setError("Connection Timeout.");
                 cleanup();
             }
         }, 15000);
-
-        window.navigateToTab = (route) => navigate(route);
-
-        // Listener logout 
+        window.navigateToTab = (route) => navigate(route); 
         const handleLogout = (event) => {
             if (event.data?.type === 'FLEETBO_FORCE_LOGOUT') {
                 setIsAuthenticated(false);
@@ -102,7 +97,6 @@ export const useStartupEffect = () => {
 
         return () => {
             cleanup();
-            // Clear listener 
             window.removeEventListener('message', handleLogout); 
         };
     }, [navigate]);

package/src/App.jsx

@@ -115,9 +115,9 @@ function App() {
                             <Route path="/tab3" element={<Tab3 />} />
 
                             {/* FLEETBO_ROUTES */}
-                            <Route path="/mocks/sampletab1" element={<SampleTab1 />} />
-                            <Route path="/mocks/sampletab2" element={<SampleTab2 />} />
-                            <Route path="/mocks/sampletab3" element={<SampleTab3 />} />
+                            <Route path="/sampletab1" element={<SampleTab1 />} />
+                            <Route path="/sampletab2" element={<SampleTab2 />} />
+                            <Route path="/sampletab3" element={<SampleTab3 />} />
                             {/* FLEETBO_DYNAMIC ROUTES */}
 
                             <Route path="*" element={<NotFound />} />

package/src/app/mocks/login/Login.jsx

@@ -12,17 +12,33 @@ import { PageConfig } from '@fleetbo';
 
 const DEFAULT_TAB = 'tab1';
 
-const Login = ({ sessionData: sessionDataProp }) => {
-    const sessionData = sessionDataProp || (() => {
-        try {
-            const s = localStorage.getItem('fleetbo_session');
-            return s ? JSON.parse(s) : null;
-        } catch (e) { return null; }
-    })();
-
+const Login = () => {
+    const [appInfo, setAppInfo] = useState(null);
     const [phoneNumber, setPhoneNumber] = useState('');
     const [loadingLog, setLoadingLog] = useState(false);
 
+    useEffect(() => {
+        const checkStatus = async () => {
+            if (window.Fleetbo && typeof window.Fleetbo.checkAuthStatusAndRedirect === 'function') {
+                try {
+                    const res = await window.Fleetbo.checkAuthStatusAndRedirect();
+                    if (res && res.success) {
+                        setAppInfo({
+                            name: res.appName || 'Fleetbo App',
+                            description: res.description || 'DevTool Workspace'
+                        });
+                        if (res.isLoggedIn) {
+                            window.Fleetbo.openView('Tab1', true);
+                        }
+                    }
+                } catch (err) {
+                    console.error("Infrastructure connection error:", err);
+                }
+            }
+        };
+        checkStatus();
+    }, []);
+
     const handleVerifyPhoneNumber = async () => {
         if (!phoneNumber.trim()) return;
         setLoadingLog(true);
@@ -46,14 +62,14 @@ const Login = ({ sessionData: sessionDataProp }) => {
 
             <div className="login-passerelle-container" style={{ animation: 'fadeIn 0.5s ease-in-out' }}>
                 <div className="login-passerelle-box">
-                    {sessionData ? (
+                    {appInfo ? (
                         <div className="w-100 d-flex flex-column align-items-center text-center" style={{ maxWidth: '340px' }}>
                             <img className="mb-3" src={logo} alt="logo" style={{ width: '50px', height: '50px' }} />
                             <h3 className="fw-bold mb-1" style={{ fontSize: '19px', color: '#4c8a69' }}>
-                                {sessionData.appName || "Fleetbo"}
+                                {appInfo.name || "Fleetbo"}
                             </h3>
                             <p className="text-muted mb-4" style={{ fontSize: '13px' }}>
-                                {sessionData.description || "Mobile Cloud OS"}
+                                {appInfo.description || "Mobile Cloud OS"}
                             </p>
                             
                             <input 

package/src/app/mocks/sample/SampleTab3.jsx

@@ -54,7 +54,7 @@ export default function SampleTab3() {
                 onTouchEnd={(e) => e.currentTarget.style.transform = 'scale(1)'}
                 onMouseDown={(e) => e.currentTarget.style.transform = 'scale(0.96)'}
                 onMouseUp={(e) => e.currentTarget.style.transform = 'scale(1)'}
-                onClick={() => Fleetbo.emit('LOGOUT', {})}
+                onClick={() => Fleetbo.emit('CONFIRM_LOGOUT', {})}
             >
                 Log Out
             </div>

package/src/app/mocks/tabs/Tab3.jsx

@@ -8,7 +8,7 @@ export default function Tab3() {
             emit: async (action, payload) => {
                 if (action === 'HIDE_NAVBAR') setNavMode("none");
                 if (action === 'SHOW_NAVBAR') setNavMode("show");
-                if (action === 'LOGOUT') { Fleetbo.logout(); }
+                if (action === 'CONFIRM_LOGOUT') { Fleetbo.logout(); }
                 //if (action === 'OPEN_EDIT_PROFILE') {
                     // Example: Fleetbo.exec('EditProfileModule', 'open', {});
                 //}