Start integrating the onboarding flow with backend 7

frontend/src/pages/app/onboarding/OnboardingPage.tsx

@@ -1,7 +1,7 @@
 import React, { useEffect } from 'react';
 import { useNavigate } from 'react-router-dom';
 import { OnboardingWizard, OnboardingStep } from '../../../components/domain/onboarding/OnboardingWizard';
-import { useOnboarding } from '../../../hooks/business/useOnboarding';
+import { useOnboarding } from '../../../hooks/business/onboarding';
 import { useAuthUser, useIsAuthenticated } from '../../../stores/auth.store';
 import { LoadingSpinner } from '../../../components/shared/LoadingSpinner';
 
@@ -26,8 +26,6 @@ const OnboardingPage: React.FC = () => {
     data,
     isLoading,
     error,
-    isInitialized,
-    onboardingStatus,
     nextStep,
     previousStep,
     goToStep,
@@ -37,8 +35,6 @@ const OnboardingPage: React.FC = () => {
     processSalesFile,
     generateInventorySuggestions,
     createInventoryFromSuggestions,
-    getBusinessModelGuide,
-    downloadTemplate,
     completeOnboarding,
     clearError,
     reset
@@ -90,10 +86,10 @@ const OnboardingPage: React.FC = () => {
 
   // Redirect if user is not authenticated
   useEffect(() => {
-    if (isInitialized && !isAuthenticated) {
+    if (!isAuthenticated) {
       navigate('/auth/login');
     }
-  }, [isAuthenticated, isInitialized, navigate]);
+  }, [isAuthenticated, navigate]);
 
   // Clear error when user navigates away
   useEffect(() => {
@@ -104,11 +100,11 @@ const OnboardingPage: React.FC = () => {
     };
   }, [error, clearError]);
 
-  // Show loading while initializing
-  if (!isInitialized || isLoading) {
+  // Show loading while processing
+  if (isLoading) {
     return (
       <div className="min-h-screen flex items-center justify-center">
-        <LoadingSpinner size="lg" message="Inicializando onboarding..." />
+        <LoadingSpinner size="lg" message="Procesando..." />
       </div>
     );
   }