/* global React */ /* ============================================================ Exhibit 5 rework: the wider map as a JOURNEY. - Bedrock (project information) is a full-width band the whole map stands on, echoing Exhibit 4's strata. - A phase toggle advances the firm: meters move, and the domains that moved this phase are marked in ochre. Exports: window.WiderMapJourney ============================================================ */ const WM_PHASES = [ { num: "01", phase: "Win the work", sub: "Pre-construction", domains: ["Bidding & tendering", "Cost estimation & takeoff", "Proposal generation", "Permitting & approvals"] }, { num: "02", phase: "Run the work", sub: "Execution", domains: ["Scheduling & planning", "Cost control & cash flow", "Procurement & logistics", "Quality control", "Health & safety", "Subcontractor management", "RFIs, submittals & change orders", "Progress reporting & deliverables"] }, { num: "03", phase: "Close & learn", sub: "Handover & memory", domains: ["Closeout & handover", "Knowledge across projects", "Forecasting & risk anticipation"] }, ]; const WM_ACROSS = ["Client & owner communication", "Compliance & control"]; const WM_BEDROCK = "Project information & day-to-day management"; /* The journey: one column of levels (0–4) per step */ const WM_STEPS = [ { tag: "01", label: "Today", note: "Running on memory: the record lives in heads and scattered files, and nearly every domain sits on the first rungs." }, { tag: "02", label: "The bedrock set", note: "Project information reaches AI-augmented — and reporting and client communication move with it, almost for free." }, { tag: "03", label: "Winning work", note: "The process repeats on the early lifecycle — bidding, estimating, proposals — where the speed is most visible." }, { tag: "04", label: "The augmented firm", note: "Domain by domain, the same four stages. The firm runs on a system that keeps its own record." }, ]; const WM_LEVELS = { "Project information & day-to-day management": [2, 4, 4, 4], "Bidding & tendering": [1, 1, 3, 4], "Cost estimation & takeoff": [1, 1, 3, 3], "Proposal generation": [1, 1, 4, 4], "Permitting & approvals": [1, 1, 2, 3], "Scheduling & planning": [1, 1, 1, 3], "Cost control & cash flow": [1, 1, 1, 3], "Procurement & logistics": [1, 1, 1, 3], "Quality control": [1, 1, 1, 3], "Health & safety": [1, 1, 1, 2], "Subcontractor management": [1, 1, 1, 3], "RFIs, submittals & change orders": [1, 2, 2, 3], "Progress reporting & deliverables": [1, 3, 3, 4], "Closeout & handover": [0, 1, 1, 3], "Knowledge across projects": [0, 1, 1, 3], "Forecasting & risk anticipation": [0, 0, 1, 3], "Client & owner communication": [1, 2, 2, 3], "Compliance & control": [1, 1, 2, 3], }; const WM_SEG = ["#A9CDB5", "#5FA980", "#2F9E72", "#00603C"]; const WM_STAGE_NAMES = ["Manual", "Digital", "Standardized", "AI-augmented"]; /* ---- Spanish: display only; WM_LEVELS keys stay English ---- */ const tr4 = (en, es) => (window.cecLang === "es" ? es : en); const WM_STAGE_NAMES_ES = ["Manual", "Digital", "Estandarizado", "Asistida por IA"]; const WM_PHASE_ES = { "01": { phase: "Ganar el trabajo", sub: "Preconstrucción" }, "02": { phase: "Ejecutar el trabajo", sub: "Ejecución" }, "03": { phase: "Cerrar y aprender", sub: "Entrega y memoria" }, }; const WM_STEPS_ES = [ { label: "Hoy", note: "Corre sobre la memoria: el registro vive en cabezas y archivos sueltos, y casi todos los dominios están en los primeros peldaños." }, { label: "La base lista", note: "La información de obra llega a Asistida por IA — y la reportería y la comunicación con el cliente se mueven con ella, casi gratis." }, { label: "Ganando trabajo", note: "El proceso se repite en el ciclo temprano — licitación, presupuesto, propuestas — donde la velocidad se ve más." }, { label: "La empresa asistida", note: "Dominio por dominio, las mismas cuatro etapas. La empresa corre sobre un sistema que mantiene su propio registro." }, ]; const WM_DOMAIN_ES = { "Project information & day-to-day management": "Información de obra y gestión del día a día", "Bidding & tendering": "Licitación", "Cost estimation & takeoff": "Presupuesto y cómputos", "Proposal generation": "Generación de propuestas", "Permitting & approvals": "Permisos y aprobaciones", "Scheduling & planning": "Programación y planeación", "Cost control & cash flow": "Control de costos y flujo de caja", "Procurement & logistics": "Compras y logística", "Quality control": "Control de calidad", "Health & safety": "Salud y seguridad", "Subcontractor management": "Gestión de subcontratistas", "RFIs, submittals & change orders": "RFIs, entregables y órdenes de cambio", "Progress reporting & deliverables": "Reportería de avance y entregables", "Closeout & handover": "Cierre y entrega", "Knowledge across projects": "Conocimiento entre obras", "Forecasting & risk anticipation": "Pronóstico y anticipación de riesgos", "Client & owner communication": "Comunicación con cliente y dueño", "Compliance & control": "Cumplimiento y control", }; const wmDom = (label) => (window.cecLang === "es" ? (WM_DOMAIN_ES[label] || label) : label); const wmSN = () => (window.cecLang === "es" ? WM_STAGE_NAMES_ES : WM_STAGE_NAMES); function WMMeter({ level, onDark }) { const empty = onDark ? "rgba(255,255,255,.28)" : "var(--stone)"; return ( {[0, 1, 2, 3].map((i) => ( ))} ); } function WMChip({ label, step }) { const lvl = WM_LEVELS[label][step]; const moved = step > 0 && lvl > WM_LEVELS[label][step - 1]; return (
{wmDom(label)}
); } function WMPhaseCol({ p, step }) { const twoCol = p.domains.length > 5; return (
{p.num} {window.cecLang === "es" ? WM_PHASE_ES[p.num].phase : p.phase} {window.cecLang === "es" ? WM_PHASE_ES[p.num].sub : p.sub}
{p.domains.map((d) => )}
); } function WMArrow() { return (
); } function WiderMapJourney({ embed, frozen }) { const isFrozen = frozen !== null && frozen !== undefined; const [step, setStep] = React.useState(() => { if (isFrozen) return frozen; const s = parseInt(localStorage.getItem("cecrop-ex5-step"), 10); return s >= 0 && s <= 3 ? s : 0; }); const pick = (i) => { if (isFrozen) return; setStep(i); try { localStorage.setItem("cecrop-ex5-step", String(i)); } catch (e) {} }; const bedrockLvl = WM_LEVELS[WM_BEDROCK][step]; const bedrockMoved = step > 0 && bedrockLvl > WM_LEVELS[WM_BEDROCK][step - 1]; return (
{/* ---- the journey toggle ---- */}
{WM_STEPS.map((s, i) => ( {i > 0 && } ))}

{(window.cecLang === "es" ? WM_STEPS_ES : WM_STEPS)[step].note}

{/* ---- legend ---- */}
{tr4("The four stages", "Las cuatro etapas")} {wmSN().map((n, i) => ( {n} ))} {tr4("moved in this phase · illustrative", "avanzó en esta fase · ilustrativo")}
{/* ---- the three lifecycle phases ---- */}
{/* ---- across band ---- */}
{tr4("Across the whole project", "En todo el proyecto")}
{WM_ACROSS.map((d) => )}
{/* ---- seam: everything stands on the bedrock ---- */}
{tr4("every domain stands on the record below", "cada dominio se apoya en el registro de abajo")}
{/* ---- the bedrock band ---- */}
{tr4("The bedrock", "La base")} {wmDom(WM_BEDROCK)} {bedrockMoved && } {wmSN()[bedrockLvl - 1]}
); } Object.assign(window, { WiderMapJourney });