/* © 2026 K2B NETWORK SOLUTIONS LLC. All rights reserved. */
/* eslint-disable */
// RoVoid — RC36 (lane rov36): Void RO (an open / held repair order) and Reverse closed RO, the station side.
//
// Both are SERVER commands (routes/ro-void.js): this file asks the server what will happen (GET /api/ro/void/preview), shows it in plain
// words, sends the command with an Idempotency-Key (DMS._command — a dropped answer is looked up by its key on /api/ops/op/<key>, never
// sent twice), shows success ONLY from the committed answer and takes the server's records back. Nothing here changes stock, the books
// or the repair order by itself.
//   window.RoVoidDialog({ ro, mode: "void" | "reverse", onClose })   More › Void RO… / More › Reverse closed RO… (ServiceTickets)
//   window.RoVoidBanner({ ro })                                        the red VOID / REVERSED line on a voided RO (who / when / why)
//   DMS.roCanVoid() · DMS.roCanReverse() · DMS.voidRO(roId, opts) · DMS.reverseRO(roId, opts) · DMS.roVoidPreview(roId)
// Loaded after ServiceTickets.jsx.txt (index.html).
(function () {
  const D = window.DMS;
  if (!D || !D._command) return;
  const OP = "/ops/op/";
  const m$ = (c) => (c < 0 ? "-" : "") + "$" + (Math.abs(+c || 0) / 100).toLocaleString("en-US", { minimumFractionDigits: 2, maximumFractionDigits: 2 });
  const offline = () => !!(D.isOnline && !D.isOnline());
  const refresh = () => { try { D._mutate(() => {}); } catch (e) { /* nothing to redraw */ } };

  async function send(path, roId, body, what) {
    if (offline()) return { ok: false, msg: `${what} needs the server. Connect to the server, then try again. Nothing was changed.` };
    const saved = D._fopsSaveFirst ? await D._fopsSaveFirst("repairOrders", roId) : { ok: true, rev: undefined };
    if (!saved.ok) return { ok: false, msg: saved.msg };
    const key = body.idemKey || D._newIdemKey(path === "/ro/void" ? "rv" : "rr");
    const b = Object.assign({}, body, { roId, baseRev: saved.rev }); delete b.idemKey;
    const r = await D._command(path, b, key, OP);
    if (!r.ok) {
      const e = r.err; const eb = (e && e.body) || {};
      if (r.unknown) return { ok: false, unknown: true, key, msg: `The server did not answer. Before trying again, look at ${roId} on the board — if it shows VOID it was done. (The office can look up ${key}.)` };
      if (eb.record && eb.rev != null) D._applyServerRecords([{ collection: "repairOrders", id: roId, rev: eb.rev, record: eb.record }]);
      refresh();
      if (e && e.status === 426) return { ok: false, key, reload: true, msg: eb.error || "This station is running an older DMS. Reload the DMS (Ctrl+F5)." };
      return { ok: false, key, code: eb.code, status: e && e.status, body: eb, msg: eb.error || (e && e.message) || `The server refused ${what}. Nothing was changed.` };
    }
    D._applyServerRecords(r.res.records || []);
    refresh();
    try { D._audit && D._audit(path === "/ro/void" ? "RO Voided" : "RO Reversed", `${roId} — ${r.res.message || "committed"}${r.recovered ? " (answer recovered after a dropped connection)" : ""}`); } catch (err) { /* best effort */ }
    const w = Array.isArray(r.res.warnings) && r.res.warnings.length ? " ⚠ " + r.res.warnings.join(" ") : "";
    return Object.assign({}, r.res, { ok: true, key, recovered: !!r.recovered, msg: (r.res.message || "Done.") + w });
  }
  Object.assign(D, {
    roCanVoid() { return !!(D.fopsCanPolicy && D.fopsCanPolicy()); },          // the Service Manager (raw role from the token) and the office
    roCanReverse() { return !!(D.fopsIsOffice && D.fopsIsOffice()); },
    async roVoidPreview(roId) { try { return await D._apiGet("/ro/void/preview?roId=" + encodeURIComponent(roId)); } catch (e) { return Object.assign({ ok: false, msg: (e && e.body && e.body.error) || (e && e.message) || "The server could not say what the void would do." }, (e && e.body) || {}); } },
    voidRO(roId, opts) { return send("/ro/void", roId, opts || {}, "voiding " + roId); },
    reverseRO(roId, opts) { return send("/ro/reverse", roId, opts || {}, "reversing " + roId); },
    async roReverseSendCode() { try { return await D._apiPost("/ro/reverse/confirm/send", {}); } catch (e) { return { ok: false, msg: (e && e.body && e.body.error) || "The code could not be sent." }; } },
    async roReverseConfirm(method, code) { try { return await D._apiPost("/ro/reverse/confirm", { method, code }); } catch (e) { return { ok: false, code: e && e.body && e.body.code, msg: (e && e.body && e.body.error) || "That code did not work." }; } },
  });

  const red = "#B23A2E";
  const box = { border: "1px solid var(--jb-border)", borderRadius: 8, padding: "8px 10px", marginTop: 8, background: "var(--jb-surface)" };
  const h4 = { fontSize: 12, fontWeight: 800, textTransform: "uppercase", letterSpacing: ".04em", color: "var(--jb-text-dim)", margin: "10px 0 4px" };
  const inp = { width: "100%", minHeight: 38, border: "1px solid var(--jb-border)", borderRadius: 6, padding: "6px 8px", fontSize: 14, fontFamily: "var(--jb-font)", boxSizing: "border-box" };
  const Btn = ({ children, onClick, tone, disabled, hook }) => (
    <button type="button" disabled={disabled} onClick={onClick} {...(hook || {})}
            style={{ minHeight: 40, padding: "0 14px", borderRadius: 6, fontWeight: 800, fontSize: 14, cursor: disabled ? "default" : "pointer", fontFamily: "var(--jb-font)",
                     border: tone === "red" ? "1px solid " + red : "1px solid var(--jb-border)", background: tone === "red" ? (disabled ? "#E8B9B4" : red) : "var(--jb-surface)", color: tone === "red" ? "#fff" : "var(--jb-text)" }}>{children}</button>
  );
  const Choice = ({ name, value, set, opts }) => (
    <div style={{ display: "flex", gap: 14, flexWrap: "wrap", marginTop: 4 }}>
      {opts.map(o => <label key={o[0]} style={{ display: "inline-flex", gap: 6, alignItems: "center", fontSize: 13.5, minHeight: 32 }}>
        <input type="radio" name={name} data-rv-choice={name + ":" + o[0]} checked={value === o[0]} onChange={() => set(o[0])} />{o[1]}</label>)}
    </div>
  );

  function RoVoidDialog({ ro, mode, onClose }) {
    const reverse = mode === "reverse";
    const [pv, setPv] = React.useState(null);
    const [busy, setBusy] = React.useState(false);
    const [msg, setMsg] = React.useState(null);
    const [reasonCode, setReasonCode] = React.useState("");
    const [reason, setReason] = React.useState("");
    const [techPay, setTechPay] = React.useState("remove");
    const [so, setSo] = React.useState("");
    const [dep, setDep] = React.useState("");
    const [depMethod, setDepMethod] = React.useState("cash");
    const [billed, setBilled] = React.useState({});
    const [credit, setCredit] = React.useState(false);
    const [codeMethod, setCodeMethod] = React.useState("sms");
    const [code, setCode] = React.useState("");
    const [codeOk, setCodeOk] = React.useState(false);
    const load = async () => { const r = await D.roVoidPreview(ro.id); setPv(r); if (r && r.codeFresh) setCodeOk(true); };
    React.useEffect(() => { load(); }, [ro.id]);
    const blockers = (pv && pv.blockers || []).filter(b => !(reverse && b.code === "credit_needed"));
    const held = reverse && pv && (pv.payments || []).filter(p => p.live && p.heldCents > 0 && (p.method === "cash" || p.method === "card"));
    const needCredit = reverse && held && held.length > 0;
    const asksSo = pv && (pv.specialOrders || []).length > 0, asksDep = pv && (pv.deposits || []).length > 0;
    const ready = pv && pv.ok !== false && !pv.already && !blockers.length && reasonCode && reason.trim().length >= 3 && (!asksSo || so) && (!asksDep || dep) && (!needCredit || credit) && (!reverse || codeOk);
    const go = async () => {
      if (!ready || busy) return;
      const what = reverse ? `Reverse ${ro.id}? A reversing entry dated today goes on the books${pv.creditCents ? " and " + m$(pv.creditCents) + " becomes a credit for the customer" : ""}.` : `Void ${ro.id}? Its parts go back to stock and nothing is posted to sales. The number ${ro.id} is never used again.`;
      if (!window.confirm(what)) return;
      setBusy(true); setMsg(null);
      const opts = { reasonCode, reason: reason.trim(), techPay };
      if (!reverse) { if (asksSo) opts.specialOrders = so; if (asksDep) { opts.deposits = dep; if (dep === "refund") opts.depositMethod = depMethod; } opts.subletsBilled = Object.keys(billed).filter(k => billed[k]); }
      else opts.keepCredit = needCredit ? true : undefined;
      const r = reverse ? await D.reverseRO(ro.id, opts) : await D.voidRO(ro.id, opts);
      setBusy(false);
      window.k2bToast && window.k2bToast(r.msg, r.ok ? "ok" : "warn", r.ok ? 5200 : 6400);
      if (r.ok) { onClose && onClose(r); return; }
      if (r.code === "stepup_required") setCodeOk(false);
      setMsg(r.msg); load();
    };
    const sendCode = async () => { const r = await D.roReverseSendCode(); window.k2bToast && window.k2bToast(r.ok ? `Code sent to ${r.sentTo || "your phone"}.` : (r.msg || r.error), r.ok ? "ok" : "warn", 3600); };
    const confirmCode = async () => { const r = await D.roReverseConfirm(codeMethod, code.trim()); if (r && r.ok) { setCodeOk(true); setMsg(null); } else setMsg((r && (r.msg || r.error)) || "That code did not work."); };
    const title = reverse ? `Reverse closed RO — ${ro.id}` : `Void RO — ${ro.id}`;
    const K2BModal = window.K2BModal;
    return (
      <K2BModal title={title} onClose={onClose} width={620}
        buttons={<><Btn onClick={onClose} hook={{ "data-rv-cancel": "1" }}>Cancel</Btn><Btn tone="red" disabled={!ready || busy} onClick={go} hook={{ "data-rv-go": "1" }}>{busy ? "Working…" : reverse ? "Reverse RO" : "Void RO"}</Btn></>}>
        <div data-rv-dialog={mode} style={{ fontSize: 13.5, lineHeight: 1.45, maxHeight: "68vh", overflowY: "auto" }}>
          {!pv && <div>Asking the server what this will do…</div>}
          {pv && pv.ok === false && <div data-rv-error="1" style={{ color: red, fontWeight: 700 }}>{pv.error || pv.msg}</div>}
          {pv && pv.already && <div style={{ color: red, fontWeight: 700 }}>{ro.id} is already {pv.roVoid && pv.roVoid.kind === "reversed" ? "REVERSED" : "VOID"}.</div>}
          {pv && pv.ok !== false && !pv.already && <>
            <div style={{ color: "var(--jb-text-dim)" }}>{reverse
              ? <>A <b>linked reversing entry</b> dated today ({pv.closeJeId ? "reverses " + pv.closeJeId : "the close entry"}) takes the sale off the books. The parts come back on hand, the customer's A/R statement follows. {ro.id} stays in the list as <b>REVERSED</b> — its number is never used again.</>
              : <>Nothing is posted to sales. The parts go back to stock and {ro.id} stays in the list as <b>VOID</b> (with who, when and why) — its number is never used again.</>}</div>
            {blockers.map((b, i) => <div key={i} data-rv-blocker={b.code} style={{ ...box, borderColor: "#F2C9CE", background: "#FDF1F2", color: red, fontWeight: 600 }}>⛔ {b.text}</div>)}
            <div style={h4}>What happens</div>
            <ul data-rv-effects="1" style={{ margin: "0 0 0 18px", padding: 0 }}>
              {(pv.parts || []).map(p => <li key={"p" + p.part}>{reverse ? "Back on hand" : "Released back to stock"}: {p.qty} × {p.part}{p.onFile ? "" : " (not in the parts file)"}</li>)}
              {(pv.bulk || []).map((b, i) => <li key={"b" + i}>Bulk oil back into tank {b.fluidId}: {b.qty}</li>)}
              {!reverse && (pv.sublets || []).map(s => <li key={"s" + s.id}>Sublet cancelled: {s.vendor || s.desc}{s.costCents ? " (cost " + m$(s.costCents) + ")" : ""}</li>)}
              {(pv.claims || []).map(c => <li key={"c" + c.id}>Warranty claim {c.claim} withdrawn</li>)}
              {(pv.weOwes || []).map(w => <li key={"w" + w.id}>We-owe "{w.item}" goes back on the we-owe list</li>)}
              {(pv.units || []).map(u => <li key={"u" + u.stock}>Unit {u.stock}: {m$(u.cents)} internal work off the recon</li>)}
              {(pv.cores || []).filter(c => c.due).map(c => <li key={"k" + c.id}>Core {c.id}: no core due any more</li>)}
              {pv.wipCents > 0 && <li>The old system's labor on this RO ({m$(pv.wipCents)}, in work in process 247) is written off to cost of labor</li>}
              {reverse && pv.creditCents > 0 && <li data-rv-credit={pv.creditCents}><b>{m$(pv.creditCents)}</b> the customer paid becomes a credit on their account (A/R 220){pv.creditAccount ? " — account " + pv.creditAccount : ""}</li>}
              {!(pv.parts || []).length && !(pv.bulk || []).length && !(pv.sublets || []).length && !reverse && <li>No parts or sublet on it.</li>}
            </ul>
            {!reverse && (pv.sublets || []).filter(s => s.costCents > 0).length > 0 && <div style={box}>
              <div style={{ fontWeight: 700 }}>Did the vendor already bill the sublet? (The bill is then in 246 — it is written off to sublet cost 666.)</div>
              {(pv.sublets || []).filter(s => s.costCents > 0).map(s => <label key={s.id} style={{ display: "flex", gap: 8, alignItems: "center", minHeight: 34 }}>
                <input type="checkbox" data-rv-billed={s.id} checked={!!billed[s.id]} onChange={(e) => setBilled(Object.assign({}, billed, { [s.id]: e.target.checked }))} />{s.vendor || s.desc} — {m$(s.costCents)} already billed</label>)}
            </div>}
            {asksSo && <div style={box}><div style={{ fontWeight: 700 }}>Special-order parts for this RO ({pv.specialOrders.map(x => x.part).join(", ")})</div>
              <Choice name="so" value={so} set={setSo} opts={[["keep", "Keep on order for the customer"], ["stock", "Put back into stock"]]} /></div>}
            {asksDep && <div style={box}><div style={{ fontWeight: 700 }}>The customer's deposit{pv.deposits.length === 1 ? "" : "s"}: {pv.deposits.map(d => d.depositId + " " + m$(d.openCents)).join(", ")}</div>
              <Choice name="dep" value={dep} set={setDep} opts={[["hold", "Hold it for the customer (a credit)"], ["refund", "Refund it now"]]} />
              {dep === "refund" && <Choice name="depm" value={depMethod} set={setDepMethod} opts={[["cash", "Cash"], ["card", "Back to the card"]]} />}</div>}
            {(pv.techTime || []).length > 0 && <div style={box}>
              <div style={{ fontWeight: 700 }}>Technician time on it: {pv.techTime.map(t => `${t.name} ${t.hours}h`).join(" · ")}</div>
              <Choice name="tech" value={techPay} set={setTechPay} opts={[["remove", "Take the flagged hours off their pay (default)"], ["pay", "They are paid for it"]]} />
              <div style={{ fontSize: 12, color: "var(--jb-text-muted)" }}>The clocked time stays on the time card either way.</div></div>}
            {needCredit && <div style={{ ...box, borderColor: "#F0DBA8", background: "#FFF8E9" }}>
              <div style={{ fontWeight: 700 }}>The customer paid {m$(held.reduce((s, p) => s + p.heldCents, 0))} that the store still holds ({held.map(p => p.receiptNo).join(", ")}).</div>
              <div>Refund it first (Payments › Refund), or leave it as a credit:</div>
              <label style={{ display: "flex", gap: 8, alignItems: "center", minHeight: 36 }}><input type="checkbox" data-rv-credit-ok="1" checked={credit} onChange={(e) => setCredit(e.target.checked)} />Leave it as a credit on the customer's account</label></div>}
            <div style={h4}>Why (required)</div>
            <select data-rv-reason-code="1" value={reasonCode} onChange={(e) => setReasonCode(e.target.value)} style={inp}>
              <option value="">— pick a reason —</option>
              {Object.keys(pv.reasons || {}).map(k => <option key={k} value={k}>{pv.reasons[k]}</option>)}
            </select>
            <textarea data-rv-reason="1" value={reason} onChange={(e) => setReason(e.target.value)} placeholder="A few words — who asked, what happened" rows={2} style={{ ...inp, marginTop: 6, minHeight: 56 }} />
            {reverse && !codeOk && <div style={box} data-rv-code="1">
              <div style={{ fontWeight: 700 }}>Confirm it is you: a fresh sign-in code</div>
              <div style={{ display: "flex", gap: 8, flexWrap: "wrap", alignItems: "center", marginTop: 6 }}>
                <select value={codeMethod} onChange={(e) => setCodeMethod(e.target.value)} data-rv-code-method="1" style={{ ...inp, width: "auto" }}>
                  <option value="sms">Text message</option><option value="totp">Authenticator app</option><option value="backup">Backup code</option></select>
                {codeMethod === "sms" && <Btn onClick={sendCode} hook={{ "data-rv-code-send": "1" }}>Send code</Btn>}
                <input value={code} onChange={(e) => setCode(e.target.value)} data-rv-code-input="1" inputMode="numeric" autoComplete="one-time-code" placeholder="Code" style={{ ...inp, width: 130 }} />
                <Btn onClick={confirmCode} hook={{ "data-rv-code-ok": "1" }}>Confirm</Btn>
              </div></div>}
            {reverse && codeOk && <div style={{ fontSize: 12.5, color: "#0E7A37", marginTop: 6 }} data-rv-code-fresh="1">✓ Sign-in code confirmed for the next few minutes.</div>}
            {pv.journal && pv.journal.lines && pv.journal.lines.length > 0 && <details style={{ marginTop: 8 }}><summary style={{ cursor: "pointer", fontSize: 12.5 }}>The entry ({pv.journal.lines.length} lines)</summary>
              <table data-rv-journal="1" style={{ width: "100%", fontSize: 12, borderCollapse: "collapse" }}><tbody>
                {pv.journal.lines.map((l, i) => <tr key={i}><td style={{ fontFamily: "var(--jb-mono)" }}>{l.acct}</td><td>{l.desc}</td><td style={{ textAlign: "right" }}>{l.dr ? "$" + (+l.dr).toFixed(2) : ""}</td><td style={{ textAlign: "right" }}>{l.cr ? "$" + (+l.cr).toFixed(2) : ""}</td></tr>)}
              </tbody></table></details>}
            {msg && <div data-rv-msg="1" style={{ ...box, color: red, fontWeight: 600 }}>{msg}</div>}
          </>}
        </div>
      </K2BModal>
    );
  }

  function RoVoidBanner({ ro }) {
    if (!ro || ro.status !== "Void") return null;
    const v = ro.roVoid || {};
    const rev = v.kind === "reversed";
    const when = v.at ? new Date(v.at).toLocaleString() : "";
    return (
      <div data-ro-void-banner={rev ? "reversed" : "void"} style={{ border: "2px solid " + red, background: "#FDF1F2", color: red, borderRadius: 8, padding: "8px 12px", margin: "8px 0", fontSize: 13.5 }}>
        <b style={{ fontSize: 15, letterSpacing: ".06em" }}>{rev ? "REVERSED" : "VOID"}</b>
        {v.byName ? <> · by {v.byName}</> : null}{when ? <> · {when}</> : null}
        {v.reasonLabel || v.reason ? <> · {v.reasonLabel}{v.reason ? ": " + v.reason : ""}</> : null}
        {rev && v.jeId ? <> · {v.jeId} reverses {v.reverses}</> : null}
        {rev && v.creditCents ? <> · {m$(v.creditCents)} credit for the customer</> : null}
        {!v.kind ? <> · marked void before RC36</> : null}
        <div style={{ fontSize: 12, color: "#7A2A22", marginTop: 2 }}>Nothing on this repair order changes any more. The number {ro.id} is never used again.</div>
      </div>
    );
  }
  window.RoVoidDialog = RoVoidDialog;
  window.RoVoidBanner = RoVoidBanner;
})();