// MaxAMove App — Main React Application
const { useState, useEffect } = React;
// Sidebar restructure: 5 essentials always visible up top under "Daily",
// everything else lives under a collapsible "More" group. Settings stays bottom.
// Nothing removed — every nav item still here, just re-grouped for daily speed.
const NAV_GROUPS = [
{ id:'daily', label:'Daily', icon:'bolt', items:[
{id:'dashboard',label:'Dashboard',icon:'dashboard'},
{id:'leads',label:'Leads',icon:'leads-target',badge:'newLeads'},
{id:'jobs',label:'Jobs',icon:'truck',badge:'activeJobs'},
{id:'onjob',label:'On Job',icon:'mobile',badge:'onJobCount'},
{id:'estimates',label:'Estimates',icon:'clipboard'}]},
{ id:'more', label:'More', icon:'menu', items:[
{id:'invoices',label:'Invoices',icon:'receipt'},
{id:'bol',label:'Bill of Lading',icon:'file-text'},
{id:'customers',label:'Customers',icon:'users'},
{id:'crew',label:'Crew & Fleet',icon:'crew'},
{id:'financials',label:'P&L & Profit',icon:'dollar-bill'},
{id:'reports',label:'Reports',icon:'chart-bar'}]},
{ id:'admin', label:'Admin', icon:'gear', items:[
{id:'settings',label:'Settings',icon:'gear'}]},
];
const ALL_ITEMS = NAV_GROUPS.flatMap(g => g.items);
const groupOf = v => NAV_GROUPS.find(g => g.items.find(i => i.id === v))?.id || 'overview';
const TWEAK_DEFAULTS = /*EDITMODE-BEGIN*/{"companyName":"MaxAMove LLC","tagline":"Maximizing your move, minimizing the stress"}/*EDITMODE-END*/;
function mkEstState() {
return {
step:1, status:'draft',
// Empty until first save — saveEstimate() calls generateEstimateNumber() which
// produces the proper auto-incremented MM-YYYY-NNNN number from the database.
estimateNum:'',
customer:{firstName:'',lastName:'',email:'',phone:'',currentAddress:'',contactPref:'email',source:'',notes:''},
move:{moveDate:'',moveSize:'',fromAddress:'',fromFloor:'ground',fromElevator:'yes',toAddress:'',toFloor:'ground',toElevator:'yes',distance:'',packing:'none',specialInstructions:''},
inventory:[],
pricing:{
movers:2,hours:4,hourlyRate:125,
// Service type: 'full_service' (with truck + crew) or 'labor_only' (just hands).
// The pricing wizard reads from a different tier table per type and the customer-facing
// estimate displays "Service: Labor Only Move" / "Full Service Local Move" accordingly.
serviceType:'full_service',
// All-inclusive pricing — these line items are kept in the data shape for legacy
// estimates but default to 0/empty for new ones so they don't add phantom charges.
truckSize:'medium',truckFee:0,fuelRate:0,
insuranceType:'none',insuranceFee:'',insuranceValue:'',insurancePct:0,
packingFee:'',discount:'',discountType:'flat',internalNotes:'',
// Trip Fee — first-class line item, always shown and editable per estimate.
// Defaults to $50 (also configurable in Settings → Pricing). Click "Waive" to zero it out
// for a customer when it's a deal-breaker.
tripFee:50,
tripFeeWaived:false,
// Not-to-Exceed price ceiling — defaults ON, defaults to estimated hours + 1.
// Customer sees this as a price-cap guarantee. nteHours: null = auto-track (hours+1);
// type a number to lock a manual NTE value. Toggle nteEnabled OFF to hide entirely.
nteEnabled:true,
nteHours:null,
// Specific crew members assigned to this estimate (array of crew_member.id strings).
// When set, the estimator uses sum of each member's effective lbs/hr instead of the generic.
crewIds: [],
// Add-on surcharges selected for this estimate (each: {id, name, qty, price, type, unit})
surcharges: [],
// Estimate accuracy tracking — Phase 1 (capture only; analytics dashboard later).
// systemEstimateHours: snapshot of what the algorithm suggested (frozen on first calc; never changes).
// hoursOffset: your manual delta from the system estimate (preserved when inventory changes).
// actualBillableHours: filled in by on-job clock when the job completes.
systemEstimateHours: null,
hoursOffset: null,
actualBillableHours: null,
// ── Deposit settings (per-estimate override) ──
// Default OFF until Stripe is wired up — the portal's card form is not a real
// charge yet, so collecting deposits would mislead customers. Flip default back
// to true after the Stripe integration ships.
depositRequired: false, // owner can flip on per-estimate
depositMode: 'pct', // 'pct' or 'flat'
depositValue: 20, // 20% or $20 depending on mode (will pull from settings on first load)
// ── Tentative reservation toggle ──
// When true, customer portal shows TWO buttons: "Reserve Tentatively" (no deposit, lead → tentative)
// and "Confirm & Book" (full booking with deposit, lead → booked + job auto-created).
// When false (default), only the standard Confirm & Book button shows.
allowTentative: false,
// Set on accept; tracks WHICH path the customer took: 'guaranteed' or 'tentative'.
reservationType: null,
},
};
}
// Quick-search modal — Cmd+K (Mac) or Ctrl+K (Win) opens it. Type to live-search
// across leads, customers, and estimates. Click any result to jump straight there.
// Eliminates "where did I save that?" hunting.
function QuickSearch({ open, onClose, onNavigate }) {
const [q, setQ] = useState('');
const [results, setResults] = useState({ leads: [], customers: [], estimates: [] });
const [loading, setLoading] = useState(false);
const inputRef = React.useRef(null);
useEffect(() => {
if (open) { setTimeout(() => inputRef.current?.focus(), 50); setQ(''); }
}, [open]);
useEffect(() => {
if (!open || !q.trim() || !window.sb) { setResults({ leads: [], customers: [], estimates: [] }); return; }
const term = q.trim();
const pattern = `%${term}%`;
setLoading(true);
Promise.all([
window.sb.from('leads').select('id, name, phone, email, stage').or(`name.ilike.${pattern},phone.ilike.${pattern},email.ilike.${pattern}`).limit(5),
window.sb.from('customers').select('id, name, phone, email').or(`name.ilike.${pattern},phone.ilike.${pattern},email.ilike.${pattern}`).limit(5),
window.sb.from('estimates').select('id, number, status, customers(name)').or(`number.ilike.${pattern}`).limit(5),
]).then(([l, c, e]) => {
setResults({ leads: l.data || [], customers: c.data || [], estimates: e.data || [] });
setLoading(false);
}).catch(() => setLoading(false));
}, [q, open]);
if (!open) return null;
const totalCount = results.leads.length + results.customers.length + results.estimates.length;
const go = (view, id) => {
if (id && view === 'estimates') { try { localStorage.setItem('mam_estimate_to_load', id); } catch {} }
onNavigate(view); onClose();
};
return (
{totalCuft.toFixed(0)} cu ft exceeds the largest available truck ({biggest?.name || '?'} — {biggest?.capacityCuft?.toLocaleString() || '?'} cu ft).
Consider splitting the move across two trips, or add a larger truck in Settings → Trucks.
