/* FrontCall Hub — Detalhe de visita, com DOIS fluxos distintos:
· SERVIÇO (kind=job): Confirmada → A caminho → Em serviço ⏱ → Finalizado
· ORÇAMENTO (kind=estimate): Confirmada → A caminho → Avaliando → Orçamento dado
→ desfecho: Fechou (agenda o serviço na hora) / Vai pensar / Não fechou
Estado vive em window.FCJobs pra sobreviver à navegação. */
window.FCJobs = window.FCJobs || {};
const JOB_STEPS = [
{ key: "scheduled", label: "Visita confirmada", icon: "calendar-check", hint: "Agendada pela Riley" },
{ key: "enroute", label: "A caminho", icon: "map-pin", hint: "Cliente avisado por SMS" },
{ key: "onsite", label: "Em serviço", icon: "house", hint: "Cronômetro rodando" },
{ key: "done", label: "Finalizado", icon: "circle-check-big", hint: "Cliente avisado + tempo registrado" },
];
const EST_STEPS = [
{ key: "scheduled", label: "Visita confirmada", icon: "calendar-check", hint: "Agendada pela Riley" },
{ key: "enroute", label: "A caminho", icon: "map-pin", hint: "Cliente avisado por SMS" },
{ key: "onsite", label: "Avaliando o imóvel", icon: "search", hint: "Walkthrough com o cliente" },
{ key: "done", label: "Orçamento dado", icon: "banknote", hint: "Hora de fechar" },
];
const JOB_ORDER = ["scheduled", "enroute", "onsite", "done"];
const jobSMS = (stage, a) => {
const first = a.name.split(" ")[0];
const cl = a.cleaner.split(" ")[0];
if (a.kind === "estimate") {
if (stage === "enroute") return `Hi ${first}! ${cl} from ${D.tenant.company} is on her way for your free estimate — ETA around 20 min.`;
if (stage === "onsite") return `${cl} has arrived for your walkthrough. It takes about 30–45 minutes.`;
return `Thanks for having us, ${first}! Your ${a.service} quote: $${a.price}. Ready when you are — just reply or call!`;
}
if (stage === "enroute") return `Hi ${first}! ${cl} from ${D.tenant.company} is on her way to your home — ETA around 20 min.`;
if (stage === "onsite") return `${cl} has arrived and your ${a.service} is underway. We'll text you as soon as it's all done!`;
return `All done, ${first}! Your home is ready — thank you for choosing ${D.tenant.company}.`;
};
const fmtClock = (ms) => new Date(ms).toLocaleTimeString("en-US", { hour: "numeric", minute: "2-digit" });
const fmtElapsed = (ms) => {
const s = Math.floor(ms / 1000), h = Math.floor(s / 3600), m = Math.floor((s % 3600) / 60), ss = s % 60;
return (h > 0 ? h + "h " : "") + String(m).padStart(2, "0") + "m " + String(ss).padStart(2, "0") + "s";
};
function jobStatusBadge(stage, kind) {
const est = kind === "estimate";
if (stage === "enroute") return A caminho;
if (stage === "onsite") return {est ? "Avaliando" : "Em serviço"};
if (stage === "done") return {est ? "Orçamento dado" : "Finalizado"};
return null;
}
function jobKindBadge(kind) {
return kind === "estimate"
? Orçamento
: Serviço;
}
/* ---- timeline ---- */
function JobTimeline({ steps, stage, ts }) {
const cur = JOB_ORDER.indexOf(stage);
return (
Linha do tempo
{steps.map((s, i) => {
const reached = i <= cur;
const active = i === cur && stage !== "done";
const last = i === steps.length - 1;
return (
{active
?
: }
{!last && }
{s.label}
{ts[s.key] && {fmtClock(ts[s.key])}}
{s.hint}
);
})}
);
}
/* ---- desfecho do orçamento ---- */
function EstimateOutcome({ a, job, setJob, go }) {
const decide = (outcome) => {
const next = { ...job, outcome };
const client = a.clientId ? D.clients.find((c) => c.id === a.clientId) : null;
if (outcome === "won" && !job.createdJobId) {
const nid = "a" + Math.floor(Math.random() * 9000 + 1000);
D.appointments.push({
id: nid, kind: "job", clientId: a.clientId, name: a.name, service: a.service,
date: "Sex, 13 Jun", time: "9:00 AM", window: "Manhã", address: a.address,
status: "confirmed", phone: a.phone, price: a.price, est: "4–6h", cleaner: a.cleaner,
});
next.createdJobId = nid;
if (client) {
// fechou = vira cliente na carteira, com o 1º job agendado
client.relation = "ativo";
client.type = client.type || "avulso";
client.firstJob = true;
client.apptId = nid;
if (client.ltv == null) client.ltv = "0";
if (client.jobsCount == null) client.jobsCount = 0;
if (client.avgTicket == null) client.avgTicket = "—";
client.since = client.since || "Jun 2025";
(client.history = client.history || []).unshift({ kind: "note", date: "Hoje", label: "Fechou no orçamento 🎉", sub: "Virou cliente — 1º job Sex, 13 Jun · 9:00 AM" });
}
}
if (outcome === "thinking" && client) client.stage = "proposal";
if (outcome === "lost" && client) { client.relation = "inativo"; }
setJob(next);
};
if (job.outcome === "won") {
return (
Fechou! Serviço agendado 🎉
Sex, 13 Jun · 9:00 AM — já está na sua Agenda como Serviço.
);
}
if (job.outcome === "thinking") {
return (
Vai pensar
Lead movido pra Proposta no funil — a gente te lembra de cobrar a resposta.
);
}
if (job.outcome === "lost") {
return (
Não fechou
Movido pra Inativos na carteira. Sem stress — o próximo fecha.