/* Noctis · commerce POS-a — CARRITO (línea por línea) + CLIENTE + totales + Cobrar.
Cada línea: display_name de la variante (nunca UUID/SKU como identificador visual
principal), cantidad editable por NumericKeypad del núcleo, precio unitario,
subtotal de línea, y quitar-línea con superficie grande.
QUITAR-LÍNEA: botón táctil explícito (no swipe). Justificación: bajo presión y en
tablet, el swipe fino es de baja descubribilidad y fácil de disparar por error; un
objetivo grande con feedback inmediato es más seguro. No lleva confirm de 2 pasos
porque no es una mutación destructiva de datos —es editar la venta en curso—.
MONTOS: string es-EC $1.234,56 vía MoneyDisplay. El subtotal de línea y los totales
se MUESTRAN como render de lo que vendría del backend; el cliente no es la fuente de
verdad del precio (acá se arma un stand-in aritmético solo para que el prototipo viva).
SIN PRECIO (estado crítico): una variante puede no tener precio en la lista aplicable.
precio null NO es $0 — es "Sin precio", BLOQUEA la línea y bloquea el avance a Cobrar. */
const KRT = window.NoctisCommerceDesignSystem_4dfd35;
const { Button: RBtn, MoneyDisplay: RMoney, NumericKeypad: RKeypad, Sheet: RSheet, Badge: RBadge } = KRT;
const RIco = window.PosIcon;
/* Formato es-EC de un monto tecleado en centavos (keypad de monto: coma decimal). */
function fmtCents(cents) {
const n = (parseInt(cents || '0', 10)) / 100;
const [e, d] = n.toFixed(2).split('.');
return '$' + e.replace(/\B(?=(\d{3})+(?!\d))/g, '.') + ',' + d;
}
/* Sheet de cantidad — NumericKeypad del núcleo (teclas del token --kp-key, teclado
físico). Sirve para líneas de catálogo y genéricas por igual. */
function QtySheet({ line, onClose, onCommit }) {
const view = line ? window.PosData.lineView(line) : null;
const [val, setVal] = React.useState('1');
React.useEffect(() => { if (line) setVal(String(line.qty)); }, [line]);
const n = parseInt(val || '0', 10);
const commit = () => onCommit(Math.max(1, n || 1));
return (
Cantidad — {view.desc} : 'Cantidad'}
footer={
CancelarConfirmar cantidad
}>
Para quitar la línea, usá el botón de quitar en el carrito.
);
}
/* Sheet de ALTA de ítem rápido (línea genérica). Reusa el keypad del núcleo para el
PRECIO (mismo input que la cantidad de catálogo) y hereda el IVA del perfil fiscal
del tenant, corregible por línea. Descripción libre editable. Sin SKU ni stock. */
function GenericItemSheet({ draft, ivaDefault, onClose, onCommit }) {
const [desc, setDesc] = React.useState('');
const [cents, setCents] = React.useState('');
const [qty, setQty] = React.useState(1);
const [iva, setIva] = React.useState(ivaDefault);
React.useEffect(() => { if (draft) { setDesc(draft.desc || ''); setCents(''); setQty(1); setIva(ivaDefault); } }, [draft, ivaDefault]);
const precio = (parseInt(cents || '0', 10)) / 100;
const canSave = desc.trim().length > 0;
const commit = () => { if (canSave) onCommit({ desc: desc.trim(), precio, iva, qty }); };
const tariffs = window.PosData.IVA_TARIFFS;
const Label = ({ children }) =>
Asigná un precio con el teclado para poder cobrarlo.
}
{tariffs.map((t) => {
const active = t === iva;
return (
);
})}
{qty}
El teclado numérico fija el precio en centavos; el teclado físico también funciona.
);
}
function CartLine({ line, onOpenQty, onStep, onRemove, onSaveProduct }) {
const v = window.PosData.lineView(line);
const needs = window.PosData.needsPrice(v);
// stand-in aritmético de render (no fuente de verdad): subtotal = unitario × cantidad
const subtotal = needs ? null : v.precio * v.qty;
return (
{v.desc}
{v.generic && Ítem rápido}
{v.generic
?
Sin SKU · IVA {v.iva}%
:
{v.sub}
}
{needs && (
⚠ {v.generic ? 'Precio en cero — asigná un precio para poder vender.' : 'Sin precio en la lista aplicable — no se puede vender.'} Bloquea el cobro.
)}
{/* Stepper de cantidad — [−] [cantidad → keypad] [+], targets del eje densidad. */}
{needs
?
: <>
× {line.qty}
}
{/* Guardar como producto — SOLO para la línea genérica. Vive en la línea (no al
cerrar): es donde están sus datos y donde el cajero decide por ítem. La venta se
registra igual sin tocar esto; el catálogo no se ensucia por defecto. */}
{v.generic && (