);
}
/* Formats an ISO "YYYY-MM-DD" date string as "DD/MM/YYYY" for display everywhere in the app. */
function fmtDate(iso) {
if (!iso) return "-";
const parts = String(iso).split("-");
if (parts.length !== 3) return iso;
const [y, m, d] = parts;
if (!y || !m || !d) return iso;
return `${d.padStart(2, "0")}/${m.padStart(2, "0")}/${y}`;
}
/* Formats a number as money with thousand separators and 2 decimal places. */
function fmtMoney(v) {
const n = Number(v || 0);
return n.toLocaleString("en-US", { minimumFractionDigits: 2, maximumFractionDigits: 2 });
}
/* Generates the next sequential receipt number for this month, e.g. "TN2026070001".
Resets the counter every calendar month and counts against records that already
carry a receiptNumber for that same month-prefix, so numbers stay in order even
as bills are closed throughout the day. */
/* Stock items keep one shared catalog entry (name, unit, cost, supplier) so
recipes can reference a single stockItemId regardless of branch, but the
actual quantity on hand is tracked per branch via item.branchStock[branchId].
Falls back to the item's legacy top-level currentStock/minStock when no
branch is selected or that branch hasn't been split out yet. */
function stockQtyFor(item, branchId) {
if (branchId && item.branchStock?.[branchId]) return item.branchStock[branchId].currentStock;
return item.currentStock;
}
function stockMinFor(item, branchId) {
if (branchId && item.branchStock?.[branchId]) return item.branchStock[branchId].minStock;
return item.minStock;
}
/* Adjusts one stock item's quantity for a specific branch by `delta` (use a
negative delta to consume stock, positive to receive/restock). If that
branch doesn't have its own split yet, it's initialized from the item's
legacy currentStock first. Never lets quantity go below zero. */
function adjustBranchStock(setStockItems, itemId, branchId, delta) {
setStockItems(prev => prev.map(s => {
if (s.id !== itemId) return s;
if (!branchId) {
return { ...s, currentStock: Math.max(0, Math.round((s.currentStock + delta) * 1000) / 1000) };
}
const existing = s.branchStock?.[branchId] || { currentStock: s.currentStock, minStock: s.minStock };
const nextQty = Math.max(0, Math.round((existing.currentStock + delta) * 1000) / 1000);
return { ...s, branchStock: { ...s.branchStock, [branchId]: { ...existing, currentStock: nextQty } } };
}));
}
function nextReceiptNumber(history, prefix, branchId, branches) {
const now = new Date();
const branchCode = branchId ? (branches?.find(b => b.id === branchId)?.branchCode || "") : "";
const yy = String(now.getFullYear()).slice(-2);
const monthPrefix = `${prefix || "R"}${branchCode}${yy}${String(now.getMonth() + 1).padStart(2, "0")}`;
// Count only against receipts already carrying this exact branch's prefix, so
// each branch keeps its own independent, non-colliding sequence.
const seq = (history || []).filter(h => (h.receiptNumber || "").startsWith(monthPrefix) && (h.branchId || null) === (branchId || null)).length + 1;
return `${monthPrefix}${String(seq).padStart(4, "0")}`;
}
/* Downloads the currently-rendered hidden print template (e.g. .print-receipt or
.print-po) as a standalone .html file. This sidesteps window.print(), which can
silently fail to open a system dialog inside a sandboxed preview — the template
already has all its visual styling inline, so its outerHTML is a faithful,
self-contained copy of what would have been printed. */
/* Sends a print job to the local print-agent (see print-agent/README.md),
which forwards it as raw ESC/POS bytes directly to the thermal printer's IP
— no printer driver, no browser print dialog. Returns true/false; callers
decide their own fallback (window.print(), download, etc.) if it's false,
so the app keeps working exactly as before agent support was added even
when the agent isn't running. */
/* Mutable so the "ตั้งค่า Port" settings page can change it at runtime without
threading a prop through every single printViaAgent() call site. */
let PRINT_AGENT_HOST = "localhost";
let PRINT_AGENT_PORT = "9200";
function setPrintAgentConnection(host, port) {
PRINT_AGENT_HOST = host || "localhost";
PRINT_AGENT_PORT = port || "9200";
}
async function printViaAgent(printerName, doc) {
try {
const res = await fetch(`http://${PRINT_AGENT_HOST}:${PRINT_AGENT_PORT}/print`, {
method: "POST",
headers: { "Content-Type": "application/json" },
body: JSON.stringify({ printer: printerName, doc }),
});
const data = await res.json().catch(() => ({ ok: false }));
if (!res.ok || !data.ok) throw new Error(data.error || `HTTP ${res.status}`);
return true;
} catch (err) {
console.warn("[print-agent] unavailable:", err.message);
return false;
}
}
/* Sends a real email via SMTP through the print agent's "/send-email"
endpoint (see the emailed brief for adding this to print-agent) — reuses
the same host/port connection as printing since it's meant to run on the
same local backend. Returns false (not an error) if that endpoint doesn't
exist yet or isn't reachable, so callers can fall back to mailto:. */
async function sendEmailViaAgent(to, subject, body) {
try {
const res = await fetch(`http://${PRINT_AGENT_HOST}:${PRINT_AGENT_PORT}/send-email`, {
method: "POST",
headers: { "Content-Type": "application/json" },
body: JSON.stringify({ to, subject, body }),
});
const data = await res.json().catch(() => ({ ok: false }));
if (!res.ok || !data.ok) throw new Error(data.error || `HTTP ${res.status}`);
return true;
} catch (err) {
console.warn("[print-agent] send-email unavailable:", err.message);
return false;
}
}
/* window.print() alone leaves the printed paper size up to whatever the
browser/printer-driver defaults to (often A4/Letter), which is why an
80mm thermal receipt can come out tiny-in-the-corner-of-a-big-page, cut
off, or scaled wrong. This injects a temporary @page rule that pins the
actual paper size for just this one print job, then removes it again —
.print-receipt (80mm rolls) and .print-po (A4 documents) need different
sizes, and CSS's @page can't be scoped to a class, only set globally. */
function printWithPageSize(sizeCss) {
const style = document.createElement("style");
style.setAttribute("data-dynamic-page-size", "true");
style.textContent = `@page { size: ${sizeCss}; margin: 0; }`;
document.head.appendChild(style);
window.print();
const cleanup = () => {
style.remove();
window.removeEventListener("afterprint", cleanup);
};
window.addEventListener("afterprint", cleanup);
setTimeout(cleanup, 3000); // safety net for browsers that don't fire afterprint
}
function printReceiptPage() { printWithPageSize("80mm auto"); }
function printA4Page() { printWithPageSize("A4"); }
/* QR code images (order table-tents, PromptPay, etc.) are tags pointing
at an external QR-generation API, loaded over the network. window.print()
fires synchronously and does not wait for that fetch, so printing right
after the image is inserted into the DOM can produce a blank QR box if the
image hasn't finished loading yet. Call this (with the same src the hidden
print template uses, so it hits cache) and await it before printing. */
function preloadImage(src) {
return new Promise(resolve => {
if (!src) return resolve();
let done = false;
const finish = () => { if (!done) { done = true; resolve(); } };
const img = new Image();
img.onload = finish;
img.onerror = finish;
img.src = src;
setTimeout(finish, 2500);
});
}
/* Some pages mount more than one hidden .print-receipt/.print-po template at
once — e.g. the payment modal keeps both the "precheck bill" and the final
receipt template in the DOM together. The print CSS shows ANY element with
those classes during @media print, so calling printReceiptPage()/
printA4Page() directly there makes every template visible at once and
prints them stacked on top of each other (garbled/overlapping text). This
temporarily hides every OTHER template, prints just the one matching id,
then restores everything afterward — same trick already used for kitchen
tickets (which can have several open at once too), generalized so any
print button can opt in by id instead of duplicating the hide/restore code. */
function printOnlyTemplate(id, sizeCss) {
const target = document.getElementById(id);
if (!target) { printWithPageSize(sizeCss); return; }
const others = Array.from(document.querySelectorAll(".print-receipt, .print-po")).filter(el => el !== target);
const prevDisplay = others.map(el => el.style.display);
others.forEach(el => { el.style.display = "none"; });
printWithPageSize(sizeCss);
const restore = () => {
others.forEach((el, i) => { el.style.display = prevDisplay[i]; });
window.removeEventListener("afterprint", restore);
};
window.addEventListener("afterprint", restore);
setTimeout(restore, 3000);
}
function buildKitchenTicketDoc(t) {
const blocks = [
{ type: "text", value: `#${t.id} · โต๊ะ ${String(t.table || "").replace(/^T/, "")}`, align: "center", bold: true, size: "wide" },
{ type: "text", value: `${t.kitchenLabel || ""}${t.time ? ` · ${t.time}` : ""}`.trim(), align: "center" },
{ type: "rule" },
];
(t.items || []).forEach(it => {
blocks.push({ type: "text", value: `${it.name} x${it.qty}`, bold: true });
(it.options || []).forEach(opt => blocks.push({ type: "text", value: ` — ${opt}` }));
if (it.note) blocks.push({ type: "text", value: ` หมายเหตุ: ${it.note}` });
});
return { charsPerLine: 32, cut: true, blocks };
}
function downloadPrintTemplate(selector, filename) {
const el = document.querySelector(selector);
if (!el) {
alert("ไม่พบเอกสารสำหรับดาวน์โหลด กรุณาลองใหม่อีกครั้ง");
return;
}
const html = `${filename}
${el.outerHTML}`;
const blob = new Blob([html], { type: "text/html;charset=utf-8;" });
const url = URL.createObjectURL(blob);
const a = document.createElement("a");
a.href = url;
a.download = filename;
document.body.appendChild(a);
a.click();
a.remove();
URL.revokeObjectURL(url);
}
/* Some stock items are purchased in bulk units (kg, l) but used in small amounts
per recipe (g, ml). This maps a stock item's purchase unit to the smaller unit
used when specifying recipe quantities, and the conversion factor between them. */
const UNIT_SUBDIVISION = {
"กิโลกรัม": { label: "g", factor: 1000 },
"ลิตร": { label: "มล.", factor: 1000 },
};
/* Builds a PromptPay QR payload string (EMVCo format used by Thai banks) from a
mobile number (10 digits) or citizen/tax ID (13 digits), optionally with a
fixed amount baked in (dynamic QR). Rendered as an image via a public QR
image API — no external QR library needed. */
function crc16CCITT(str) {
let crc = 0xFFFF;
for (let i = 0; i < str.length; i++) {
crc ^= str.charCodeAt(i) << 8;
for (let j = 0; j < 8; j++) {
crc = (crc & 0x8000) ? ((crc << 1) ^ 0x1021) : (crc << 1);
crc &= 0xFFFF;
}
}
return crc.toString(16).toUpperCase().padStart(4, "0");
}
function tlv(id, value) {
return `${id}${String(value.length).padStart(2, "0")}${value}`;
}
function buildPromptPayPayload(promptPayId, amount) {
const target = (promptPayId || "").replace(/[^0-9]/g, "");
if (!target) return null;
let merchantValue;
if (target.length === 10) {
// Mobile number: drop leading 0, prefix with country code 66, pad to 13 digits total.
merchantValue = tlv("00", "A000000677010111") + tlv("01", "0066" + target.slice(1));
} else if (target.length === 13) {
// Citizen ID or corporate tax ID.
merchantValue = tlv("00", "A000000677010111") + tlv("02", target);
} else {
return null;
}
let payload = tlv("00", "01") + tlv("01", amount ? "12" : "11") + tlv("29", merchantValue) + tlv("53", "764");
if (amount) payload += tlv("54", Number(amount).toFixed(2));
payload += tlv("58", "TH") + "6304";
return payload + crc16CCITT(payload);
}
function promptPayQrImageUrl(promptPayId, amount, size = 200) {
const payload = buildPromptPayPayload(promptPayId, amount);
if (!payload) return null;
return `https://api.qrserver.com/v1/create-qr-code/?size=${size}x${size}&data=${encodeURIComponent(payload)}`;
}
function qrImageUrl(data, size = 200) {
if (!data) return null;
return `https://api.qrserver.com/v1/create-qr-code/?size=${size}x${size}&data=${encodeURIComponent(data)}`;
}
function getRecipeUnitInfo(stockItem) {
if (!stockItem) return { label: "", costPerRecipeUnit: 0 };
const sub = UNIT_SUBDIVISION[stockItem.unit];
if (sub) return { label: sub.label, costPerRecipeUnit: stockItem.costPerUnit / sub.factor };
return { label: stockItem.unit, costPerRecipeUnit: stockItem.costPerUnit };
}
/* Extracts a YouTube video ID from common URL formats (watch, youtu.be, embed). */
/* Speaks the new-order notification using a cheerful-sounding female voice when one is available. */
function speakOrderAlert(text = "Order เข้าแล้ว") {
if (!window.speechSynthesis) return;
const utter = new SpeechSynthesisUtterance(text);
utter.lang = "th-TH";
utter.pitch = 1.35; // higher pitch reads as brighter / more cheerful
utter.rate = 1.05;
function pickVoice() {
const voices = window.speechSynthesis.getVoices();
if (!voices.length) return null;
const thaiVoices = voices.filter(v => v.lang && v.lang.toLowerCase().startsWith("th"));
const pool = thaiVoices.length ? thaiVoices : voices;
const femaleNamePattern = /female|women|kanya|narisa|premwadee|athiwara|woman/i;
const maleNamePattern = /male|man\b/i;
const female = pool.find(v => femaleNamePattern.test(v.name) && !maleNamePattern.test(v.name));
return female || pool[0];
}
const voice = pickVoice();
if (voice) {
utter.voice = voice;
} else if (window.speechSynthesis.getVoices().length === 0) {
// Voices list loads asynchronously on first use in some browsers — try again once ready.
window.speechSynthesis.onvoiceschanged = () => {
const v = pickVoice();
if (v) utter.voice = v;
window.speechSynthesis.speak(utter);
};
return;
}
window.speechSynthesis.speak(utter);
}
function getYouTubeId(url) {
if (!url) return null;
const m = url.match(/(?:youtu\.be\/|youtube\.com\/(?:watch\?v=|embed\/|shorts\/))([\w-]{11})/);
return m ? m[1] : null;
}
// Shared by every sound-alert event type (new kitchen order, customer calling
// staff, ...): plays whatever source the shop configured for that specific
// event — an uploaded audio file, a YouTube clip (via a hidden