import React, { useState, useEffect, useRef } from 'react';
import {
LayoutDashboard, Map, Plane, Users, Settings, LogOut,
Plus, Save, FileDown, Trash2, Calendar, DollarSign, Lock,
CheckCircle
} from 'lucide-react';
// --- FIREBASE IMPORTS ---
import { initializeApp } from 'firebase/app';
import {
getAuth,
createUserWithEmailAndPassword,
signInWithEmailAndPassword,
signOut,
onAuthStateChanged
} from 'firebase/auth';
import {
getFirestore,
collection, addDoc, query, where, onSnapshot,
deleteDoc, doc, setDoc, getDoc, orderBy
} from 'firebase/firestore';
// --- CONFIGURATION ---
// TODO: Replace this object with your OWN Firebase Config from the Firebase Console
const firebaseConfig = {
apiKey: "REPLACE_WITH_YOUR_API_KEY",
authDomain: "REPLACE_WITH_YOUR_PROJECT_ID.firebaseapp.com",
projectId: "REPLACE_WITH_YOUR_PROJECT_ID",
storageBucket: "REPLACE_WITH_YOUR_PROJECT_ID.appspot.com",
messagingSenderId: "REPLACE_WITH_YOUR_SENDER_ID",
appId: "REPLACE_WITH_YOUR_APP_ID"
};
// Initialize Firebase
// We use a try-catch to prevent crashing if config is empty during copy-paste
let app, auth, db;
try {
app = initializeApp(firebaseConfig);
auth = getAuth(app);
db = getFirestore(app);
} catch (e) {
console.error("Firebase not initialized. Check config.");
}
// --- UTILS ---
const loadScript = (src) => {
return new Promise((resolve, reject) => {
if (document.querySelector(`script[src="${src}"]`)) return resolve();
const script = document.createElement('script');
script.src = src;
script.onload = resolve;
script.onerror = reject;
document.body.appendChild(script);
});
};
// --- COMPONENTS ---
// 1. AUTH SCREEN (Login/Register)
const AuthScreen = ({ onLogin }) => {
const [isRegister, setIsRegister] = useState(false);
const [email, setEmail] = useState('');
const [password, setPassword] = useState('');
const [error, setError] = useState('');
const handleSubmit = async (e) => {
e.preventDefault();
setError('');
try {
if (isRegister) {
await createUserWithEmailAndPassword(auth, email, password);
} else {
await signInWithEmailAndPassword(auth, email, password);
}
} catch (err) {
setError(err.message);
}
};
return (
TravelPro SaaS
Agent Portal
{error}
}
Subscription Required
Hello {user.email}. Your account is currently Inactive.
How to activate:
- Contact Support to purchase a license.
- Once payment is verified, we will activate your access instantly.
Agency Overview
Active Trips
{activeTrips}
Total Revenue
₹{totalRevenue.toLocaleString()}
Leads
{leads.length}
Builder
setFormData({...formData, guestName: e.target.value})} />
setFormData({...formData, numDays: parseInt(e.target.value)})} />
{formData.itinerary.map((day, i) => (
Day {i+1}
{
const n = [...formData.itinerary]; n[i].title = e.target.value; setFormData({...formData, itinerary: n});
}}/>