import React, { useState, useEffect } from 'react'; import { initializeApp } from 'firebase/app'; import { getAuth, signInAnonymously, onAuthStateChanged, signInWithCustomToken } from 'firebase/auth'; import { getFirestore, doc, setDoc, collection, onSnapshot, addDoc, serverTimestamp } from 'firebase/firestore'; import { ChevronRight, Upload, CheckCircle2, AlertCircle, FileText, Settings, Truck, CreditCard, Play, ArrowRight, Save, Mail, Phone, Building, MapPin, Loader2, X, FileSearch, FolderOpen } from 'lucide-react'; // --- Firebase Configuration & Initialization --- const firebaseConfig = JSON.parse(__firebase_config); const app = initializeApp(firebaseConfig); const auth = getAuth(app); const db = getFirestore(app); const appId = typeof __app_id !== 'undefined' ? __app_id : 'oleary-welding-ordering'; const App = () => { const [user, setUser] = useState(null); const [step, setStep] = useState(0); // 0: Landing, 1: Interface, 2: AI Analysis, 3: Quote const [isLoading, setIsLoading] = useState(false); const [saveStatus, setSaveStatus] = useState(null); const [formErrors, setFormErrors] = useState({}); const [aiStatus, setAiStatus] = useState('idle'); // idle, uploading, processing, error, success const [formData, setFormData] = useState({ customerType: '', otherCustomerType: '', supplySteel: '', customerDeliver: '', customerPickup: '', recoverDrops: '', companyName: '', companyAddress: '', contactName: '', email: '', phone: '', projectName: '', projectAddress: '', files: [] }); // --- Auth Effect --- useEffect(() => { const initAuth = async () => { try { if (typeof __initial_auth_token !== 'undefined' && __initial_auth_token) { await signInWithCustomToken(auth, __initial_auth_token); } else { await signInAnonymously(auth); } } catch (error) { console.error("Auth error:", error); } }; initAuth(); const unsubscribe = onAuthStateChanged(auth, setUser); return () => unsubscribe(); }, []); const handleInputChange = (e) => { const { name, value } = e.target; setFormData(prev => ({ ...prev, [name]: value })); if (formErrors[name]) { setFormErrors(prev => { const newErrors = { ...prev }; delete newErrors[name]; return newErrors; }); } }; const validateForm = () => { const errors = {}; const required = ['customerType', 'contactName', 'email', 'phone', 'projectName', 'projectAddress']; required.forEach(field => { if (!formData[field]) errors[field] = true; }); if (formData.customerType === 'Other' && !formData.otherCustomerType) { errors.otherCustomerType = true; } setFormErrors(errors); if (Object.keys(errors).length > 0) { const firstErrorField = document.querySelector('.error-border'); if (firstErrorField) { firstErrorField.scrollIntoView({ behavior: 'smooth', block: 'center' }); } return false; } return true; }; // --- Logic: Save Information (Link Folder & Create Docs) --- const handleSaveInformation = async () => { if (!user) return; setIsLoading(true); try { const parentFolderName = formData.companyName || formData.contactName || 'Guest_Customer'; const projectSubFolderName = `${formData.projectName} ${formData.projectAddress}`.trim(); // Document Path: /artifacts/{appId}/public/data/customer_projects/{ID} // We simulate the hierarchy within the metadata to match the OWC requirement const projectRef = doc(db, 'artifacts', appId, 'public', 'data', 'customer_projects', `${parentFolderName}_${formData.projectName}`.replace(/\s+/g, '_')); await setDoc(projectRef, { ...formData, savedAt: serverTimestamp(), userId: user.uid, status: 'Draft', owc_path: `OWC / Customer Projects / ${parentFolderName} / ${projectSubFolderName}`, lastUpdate: 'System folder metadata generated.' }); setSaveStatus('success'); setTimeout(() => setSaveStatus(null), 3000); } catch (error) { console.error("Save error:", error); setSaveStatus('error'); } finally { setIsLoading(false); } }; const handleFinalSubmit = (e) => { e.preventDefault(); if (validateForm()) { setStep(2); } }; // --- Logic: AI Analysis (Link Steel Pricing Gem) --- const simulateAiAnalysis = () => { setAiStatus('uploading'); setTimeout(() => { setAiStatus('processing'); // Simulate "Steel Pricing" Gem calculating pricing and time estimate setTimeout(() => { const success = Math.random() > 0.15; // High success rate for AI read setAiStatus(success ? 'success' : 'error'); }, 3000); }, 1500); }; const handleSendToTeam = async () => { setIsLoading(true); try { // Logic for "Send to O’Leary Welding team for review" // Simulated Email to timo@olearywelding.com const emailLogRef = collection(db, 'artifacts', appId, 'public', 'data', 'system_notifications'); await addDoc(emailLogRef, { to: 'timo@olearywelding.com', subject: `${formData.contactName}, ${formData.projectName} Drawings`, body: `Gemini can not read the files submitted by customer, review here: [Link to OWC Customer Project Folder]`, timestamp: serverTimestamp() }); setTimeout(() => { setIsLoading(false); setAiStatus('team_notified'); }, 1000); } catch (e) { setIsLoading(false); } }; const LandingPage = () => ( ); const CustomerInterface = () => ( ); const DrawingAnalysis = () => ( ); const QuoteSummary = () => ( ); return ( ); }; export default App;