@asteby/metacore-runtime-react 46.1.0 → 46.2.0

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @asteby/metacore-runtime-react
 
+## 46.2.0
+
+### Minor Changes
+
+- e61ec17: `InspectionChecklist` compartido (benchmark §7, TAL-4/TAL-5): plantilla de puntos con semáforo, profundidad de dibujo por llanta, fotos y video por punto (subida por el host vía `onUpload`), recomendación → renglón del presupuesto y encabezado de recepción (kilometraje, combustible, daños). Incluye la lógica pura (`treadStatus`, `summarizeInspection`, `validateInspection`, `serializeInspectionPoints`, `parseInspectionPoints`, `recommendationsToLines`) y la entrada en `BUSINESS_COMPONENTS`.
+
 ## 46.1.0
 
 ### Minor Changes

package/dist/business/catalog.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"catalog.d.ts","sourceRoot":"","sources":["../../src/business/catalog.ts"],"names":[],"mappings":"AAGA,MAAM,WAAW,qBAAqB;IAClC,+DAA+D;IAC/D,IAAI,EAAE,MAAM,CAAA;IACZ,yCAAyC;IACzC,KAAK,EAAE,MAAM,CAAA;IACb,uCAAuC;IACvC,MAAM,EAAE,MAAM,EAAE,CAAA;IAChB,4EAA4E;IAC5E,WAAW,EAAE,MAAM,EAAE,CAAA;IACrB,kDAAkD;IAClD,MAAM,EAAE,MAAM,EAAE,CAAA;IAChB,uDAAuD;IACvD,OAAO,EAAE,MAAM,EAAE,CAAA;CACpB;AAED,eAAO,MAAM,mBAAmB,EAAE,SAAS,qBAAqB,EAiDtD,CAAA"}
+{"version":3,"file":"catalog.d.ts","sourceRoot":"","sources":["../../src/business/catalog.ts"],"names":[],"mappings":"AAGA,MAAM,WAAW,qBAAqB;IAClC,+DAA+D;IAC/D,IAAI,EAAE,MAAM,CAAA;IACZ,yCAAyC;IACzC,KAAK,EAAE,MAAM,CAAA;IACb,uCAAuC;IACvC,MAAM,EAAE,MAAM,EAAE,CAAA;IAChB,4EAA4E;IAC5E,WAAW,EAAE,MAAM,EAAE,CAAA;IACrB,kDAAkD;IAClD,MAAM,EAAE,MAAM,EAAE,CAAA;IAChB,uDAAuD;IACvD,OAAO,EAAE,MAAM,EAAE,CAAA;CACpB;AAED,eAAO,MAAM,mBAAmB,EAAE,SAAS,qBAAqB,EAkEtD,CAAA"}

package/dist/business/catalog.js

@@ -47,4 +47,21 @@ export const BUSINESS_COMPONENTS = [
         usedBy: ['POS', 'Pedido', 'Factura', 'RMA', 'OT'],
         helpers: ['computeReturnTotals', 'validateReturnChoices', 'creditNoteRelation', 'returnSteps', 'serializeReturn'],
     },
+    {
+        name: 'InspectionChecklist',
+        value: 'points: InspectionPoint[] (+ header: InspectionHeader)',
+        events: ['onChange', 'onHeaderChange', 'onUpload', 'onValidate', 'onAddToBudget'],
+        permissions: [],
+        usedBy: ['Recepción de vehículo', 'OT', 'Alineación', 'Garantía'],
+        helpers: [
+            'makeInspectionPoint',
+            'treadStatus',
+            'worstStatus',
+            'summarizeInspection',
+            'validateInspection',
+            'serializeInspectionPoints',
+            'parseInspectionPoints',
+            'recommendationsToLines',
+        ],
+    },
 ];

package/dist/business/index.d.ts

@@ -13,4 +13,6 @@ export * from './customer-picker';
 export * from './catalog';
 export * from './return';
 export * from './return-wizard';
+export * from './inspection';
+export * from './inspection-checklist';
 //# sourceMappingURL=index.d.ts.map

package/dist/business/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/business/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAA;AACxB,cAAc,gBAAgB,CAAA;AAC9B,cAAc,YAAY,CAAA;AAC1B,cAAc,cAAc,CAAA;AAC5B,cAAc,qBAAqB,CAAA;AACnC,cAAc,WAAW,CAAA;AACzB,cAAc,mBAAmB,CAAA;AACjC,cAAc,UAAU,CAAA;AACxB,cAAc,sBAAsB,CAAA;AACpC,cAAc,kBAAkB,CAAA;AAChC,cAAc,kBAAkB,CAAA;AAChC,cAAc,mBAAmB,CAAA;AACjC,cAAc,WAAW,CAAA;AACzB,cAAc,UAAU,CAAA;AACxB,cAAc,iBAAiB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/business/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAA;AACxB,cAAc,gBAAgB,CAAA;AAC9B,cAAc,YAAY,CAAA;AAC1B,cAAc,cAAc,CAAA;AAC5B,cAAc,qBAAqB,CAAA;AACnC,cAAc,WAAW,CAAA;AACzB,cAAc,mBAAmB,CAAA;AACjC,cAAc,UAAU,CAAA;AACxB,cAAc,sBAAsB,CAAA;AACpC,cAAc,kBAAkB,CAAA;AAChC,cAAc,kBAAkB,CAAA;AAChC,cAAc,mBAAmB,CAAA;AACjC,cAAc,WAAW,CAAA;AACzB,cAAc,UAAU,CAAA;AACxB,cAAc,iBAAiB,CAAA;AAC/B,cAAc,cAAc,CAAA;AAC5B,cAAc,wBAAwB,CAAA"}

package/dist/business/index.js

@@ -13,3 +13,5 @@ export * from './customer-picker';
 export * from './catalog';
 export * from './return';
 export * from './return-wizard';
+export * from './inspection';
+export * from './inspection-checklist';

package/dist/business/inspection-checklist.d.ts

@@ -0,0 +1,36 @@
+import { type InspectionHeader, type InspectionPoint, type InspectionRules, type InspectionValidation, type TreadThresholds } from './inspection';
+export interface InspectionUploadResult {
+    url: string;
+    /** Si el host no lo dice, se deduce del archivo. */
+    type?: 'photo' | 'video';
+}
+export interface InspectionChecklistProps {
+    points: InspectionPoint[];
+    onChange: (points: InspectionPoint[]) => void;
+    /** Encabezado de recepción (km, combustible, daños). Sin él no se muestra. */
+    header?: InspectionHeader;
+    onHeaderChange?: (header: InspectionHeader) => void;
+    /**
+     * Sube un archivo al almacenamiento del host (el mismo `POST /upload` que
+     * usan los campos `upload`) y devuelve su URL. Sin él no hay botón de foto.
+     */
+    onUpload?: (file: File, point: InspectionPoint | null) => Promise<InspectionUploadResult>;
+    /** Emite la validación tras cada cambio (para bloquear «Guardar»/«Enviar»). */
+    onValidate?: (v: InspectionValidation) => void;
+    rules?: InspectionRules;
+    /** Umbrales de profundidad de dibujo (mm). */
+    treadThresholds?: TreadThresholds;
+    /** Errores del servidor `"<índice>.<campo>"`. */
+    serverErrors?: Record<string, string>;
+    /** Muestra la recomendación y su precio. Default true. */
+    allowRecommendations?: boolean;
+    /** Permite agregar/quitar puntos a mano. Default false (los pone la plantilla). */
+    allowCustomPoints?: boolean;
+    /** Solo lectura: sin edición, para revisar una inspección enviada o cerrada. */
+    readOnly?: boolean;
+    currency?: string;
+    /** Botón «Agregar al presupuesto» sobre las recomendaciones (recibe los puntos). */
+    onAddToBudget?: (points: InspectionPoint[]) => void;
+}
+export declare function InspectionChecklist({ points, onChange, header, onHeaderChange, onUpload, onValidate, rules, treadThresholds, serverErrors, allowRecommendations, allowCustomPoints, readOnly, currency, onAddToBudget, }: InspectionChecklistProps): import("react").JSX.Element;
+//# sourceMappingURL=inspection-checklist.d.ts.map

package/dist/business/inspection-checklist.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"inspection-checklist.d.ts","sourceRoot":"","sources":["../../src/business/inspection-checklist.tsx"],"names":[],"mappings":"AAUA,OAAO,EASH,KAAK,gBAAgB,EAErB,KAAK,eAAe,EACpB,KAAK,eAAe,EAEpB,KAAK,oBAAoB,EACzB,KAAK,eAAe,EACvB,MAAM,cAAc,CAAA;AAErB,MAAM,WAAW,sBAAsB;IACnC,GAAG,EAAE,MAAM,CAAA;IACX,oDAAoD;IACpD,IAAI,CAAC,EAAE,OAAO,GAAG,OAAO,CAAA;CAC3B;AAED,MAAM,WAAW,wBAAwB;IACrC,MAAM,EAAE,eAAe,EAAE,CAAA;IACzB,QAAQ,EAAE,CAAC,MAAM,EAAE,eAAe,EAAE,KAAK,IAAI,CAAA;IAC7C,8EAA8E;IAC9E,MAAM,CAAC,EAAE,gBAAgB,CAAA;IACzB,cAAc,CAAC,EAAE,CAAC,MAAM,EAAE,gBAAgB,KAAK,IAAI,CAAA;IACnD;;;OAGG;IACH,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,eAAe,GAAG,IAAI,KAAK,OAAO,CAAC,sBAAsB,CAAC,CAAA;IACzF,+EAA+E;IAC/E,UAAU,CAAC,EAAE,CAAC,CAAC,EAAE,oBAAoB,KAAK,IAAI,CAAA;IAC9C,KAAK,CAAC,EAAE,eAAe,CAAA;IACvB,8CAA8C;IAC9C,eAAe,CAAC,EAAE,eAAe,CAAA;IACjC,iDAAiD;IACjD,YAAY,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;IACrC,0DAA0D;IAC1D,oBAAoB,CAAC,EAAE,OAAO,CAAA;IAC9B,mFAAmF;IACnF,iBAAiB,CAAC,EAAE,OAAO,CAAA;IAC3B,gFAAgF;IAChF,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,oFAAoF;IACpF,aAAa,CAAC,EAAE,CAAC,MAAM,EAAE,eAAe,EAAE,KAAK,IAAI,CAAA;CACtD;AAkDD,wBAAgB,mBAAmB,CAAC,EAChC,MAAM,EACN,QAAQ,EACR,MAAM,EACN,cAAc,EACd,QAAQ,EACR,UAAU,EACV,KAAK,EACL,eAA0C,EAC1C,YAAY,EACZ,oBAA2B,EAC3B,iBAAyB,EACzB,QAAgB,EAChB,QAAQ,EACR,aAAa,GAChB,EAAE,wBAAwB,+BA6S1B"}

package/dist/business/inspection-checklist.js

@@ -0,0 +1,147 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+// InspectionChecklist — plantilla de puntos con semáforo, medición, fotos/video
+// por punto y recomendación → renglón del presupuesto (benchmark §7, TAL-4/5;
+// Shopmonkey S39, Tekmetric S36). Controlado: `points` + `onChange`. Sirve a la
+// recepción del vehículo (encabezado con km/combustible/daños), a la inspección
+// multipunto de la OT, a la hoja de alineación y a la garantía.
+import { useMemo, useRef, useState } from 'react';
+import { useTranslation } from 'react-i18next';
+import { Camera, Loader2, Trash2, Video } from 'lucide-react';
+import { Badge, Button, Input, Textarea } from '@asteby/metacore-ui';
+import { useFormatter } from './format';
+import { DEFAULT_TREAD_THRESHOLDS, FUEL_LEVELS, hasRecommendation, newInspectionKey, summarizeInspection, treadStatus, validateInspection, } from './inspection';
+const STATUS_STYLE = {
+    pending: 'border-border text-muted-foreground',
+    ok: 'border-emerald-500/50 bg-emerald-500/15 text-emerald-700 dark:text-emerald-300',
+    attention: 'border-amber-500/50 bg-amber-500/15 text-amber-700 dark:text-amber-300',
+    urgent: 'border-red-500/50 bg-red-500/15 text-red-700 dark:text-red-300',
+};
+const STATUS_DOT = {
+    pending: 'bg-muted-foreground/40',
+    ok: 'bg-emerald-500',
+    attention: 'bg-amber-500',
+    urgent: 'bg-red-500',
+};
+const LIGHTS = ['ok', 'attention', 'urgent'];
+function statusLabel(t, s) {
+    switch (s) {
+        case 'ok':
+            return t('inspection.status.ok', { defaultValue: 'Bien' });
+        case 'attention':
+            return t('inspection.status.attention', { defaultValue: 'Atención' });
+        case 'urgent':
+            return t('inspection.status.urgent', { defaultValue: 'Urgente' });
+        default:
+            return t('inspection.status.pending', { defaultValue: 'Sin revisar' });
+    }
+}
+function fuelLabel(t, f) {
+    switch (f) {
+        case 'empty':
+            return t('inspection.fuel.empty', { defaultValue: 'Reserva' });
+        case 'quarter':
+            return t('inspection.fuel.quarter', { defaultValue: '1/4' });
+        case 'half':
+            return t('inspection.fuel.half', { defaultValue: '1/2' });
+        case 'three_quarters':
+            return t('inspection.fuel.three_quarters', { defaultValue: '3/4' });
+        default:
+            return t('inspection.fuel.full', { defaultValue: 'Lleno' });
+    }
+}
+function mediaTypeOf(file, hint) {
+    return hint ?? (file.type.startsWith('video/') ? 'video' : 'photo');
+}
+export function InspectionChecklist({ points, onChange, header, onHeaderChange, onUpload, onValidate, rules, treadThresholds = DEFAULT_TREAD_THRESHOLDS, serverErrors, allowRecommendations = true, allowCustomPoints = false, readOnly = false, currency, onAddToBudget, }) {
+    const { t } = useTranslation();
+    const fmt = useFormatter({ currency });
+    const [uploading, setUploading] = useState(null);
+    const [uploadError, setUploadError] = useState(null);
+    const validation = useMemo(() => validateInspection(points, header, rules), [points, header, rules]);
+    const errors = { ...validation.errors, ...serverErrors };
+    const summary = useMemo(() => summarizeInspection(points), [points]);
+    const sections = useMemo(() => {
+        const order = [];
+        const map = new Map();
+        points.forEach((p, i) => {
+            const s = p.section || '';
+            if (!map.has(s)) {
+                map.set(s, []);
+                order.push(s);
+            }
+            map.get(s).push(i);
+        });
+        return order.map((s) => ({ section: s, indexes: map.get(s) }));
+    }, [points]);
+    const emit = (next) => {
+        onChange(next);
+        onValidate?.(validateInspection(next, header, rules));
+    };
+    const patch = (i, partial) => emit(points.map((p, j) => (j === i ? { ...p, ...partial } : p)));
+    const setValue = (i, raw) => {
+        const p = points[i];
+        const value = raw.trim() === '' ? null : Number(raw.replace(',', '.'));
+        const v = value != null && Number.isFinite(value) ? value : null;
+        // La profundidad de dibujo fija el semáforo; el técnico aún puede subirlo.
+        if (p.kind === 'tread')
+            patch(i, { value: v, status: treadStatus(v, treadThresholds) });
+        else
+            patch(i, { value: v });
+    };
+    const setStatus = (i, status) => {
+        const p = points[i];
+        // Verde no lleva recomendación: se limpia para no dejar un renglón huérfano.
+        patch(i, status === 'ok' ? { status, recommendation: '', unit_price: 0, quantity: 1 } : { status: p.status === status ? 'pending' : status });
+    };
+    const upload = async (i, file) => {
+        if (!onUpload)
+            return;
+        const p = points[i];
+        setUploading(p.key);
+        setUploadError(null);
+        try {
+            const res = await onUpload(file, p);
+            const media = { key: newInspectionKey('im'), url: res.url, type: mediaTypeOf(file, res.type) };
+            patch(i, { media: [...p.media, media] });
+        }
+        catch (e) {
+            setUploadError(e instanceof Error ? e.message : t('inspection.uploadError', { defaultValue: 'No se pudo subir el archivo' }));
+        }
+        finally {
+            setUploading(null);
+        }
+    };
+    const setHeader = (partial) => {
+        if (!header)
+            return;
+        const next = { ...header, ...partial };
+        onHeaderChange?.(next);
+        onValidate?.(validateInspection(points, next, rules));
+    };
+    const addPoint = (section) => emit([...points, { key: newInspectionKey(), section, name: '', kind: 'check', status: 'pending', notes: '', recommendation: '', quantity: 1, unit_price: 0, media: [] }]);
+    return (_jsxs("div", { "data-slot": "inspection-checklist", className: "space-y-4", children: [header && (_jsxs("div", { "data-slot": "inspection-header", className: "grid gap-3 rounded-lg border bg-muted/20 p-3 sm:grid-cols-2", children: [_jsxs("label", { className: "space-y-1 text-sm", children: [_jsx("span", { className: "text-xs font-medium text-muted-foreground", children: t('inspection.odometer', { defaultValue: 'Kilometraje' }) }), _jsx(Input, { inputMode: "numeric", value: header.odometer_km == null ? '' : String(header.odometer_km), disabled: readOnly, onChange: (e) => {
+                                    const n = Number(e.target.value.replace(/[^\d.]/g, ''));
+                                    setHeader({ odometer_km: e.target.value.trim() === '' || !Number.isFinite(n) ? null : n });
+                                } })] }), _jsxs("div", { className: "space-y-1 text-sm", children: [_jsx("span", { className: "text-xs font-medium text-muted-foreground", children: t('inspection.fuel.label', { defaultValue: 'Nivel de combustible' }) }), _jsx("div", { role: "radiogroup", className: "flex flex-wrap gap-1.5", children: FUEL_LEVELS.map((f) => (_jsx(Button, { type: "button", size: "sm", role: "radio", "aria-checked": header.fuel_level === f, variant: header.fuel_level === f ? 'default' : 'outline', disabled: readOnly, onClick: () => setHeader({ fuel_level: header.fuel_level === f ? '' : f }), children: fuelLabel(t, f) }, f))) })] }), _jsxs("label", { className: "space-y-1 text-sm sm:col-span-2", children: [_jsx("span", { className: "text-xs font-medium text-muted-foreground", children: t('inspection.damages', { defaultValue: 'Daños visibles al recibirlo' }) }), _jsx(Textarea, { rows: 2, value: header.damage_notes, disabled: readOnly, placeholder: t('inspection.damagesPlaceholder', { defaultValue: 'Golpes, rayones, faltantes...' }), onChange: (e) => setHeader({ damage_notes: e.target.value }) })] })] })), sections.map(({ section, indexes }) => (_jsxs("section", { "aria-label": section, className: "space-y-2", children: [section && _jsx("h4", { className: "text-sm font-semibold", children: section }), _jsx("div", { className: "space-y-2", children: indexes.map((i) => {
+                            const p = points[i];
+                            const needsValue = p.kind === 'tread' || p.kind === 'measure';
+                            const issue = p.status === 'attention' || p.status === 'urgent';
+                            return (_jsxs("div", { "data-slot": "inspection-point", "data-status": p.status, className: "space-y-2 rounded-lg border p-3", children: [_jsxs("div", { className: "flex flex-wrap items-center gap-2", children: [_jsx("span", { className: `h-2.5 w-2.5 shrink-0 rounded-full ${STATUS_DOT[p.status]}`, "aria-hidden": true }), allowCustomPoints && !readOnly ? (_jsx(Input, { className: "h-8 max-w-56", value: p.name, "aria-invalid": !!errors[`${i}.name`], onChange: (e) => patch(i, { name: e.target.value }) })) : (_jsx("span", { className: "min-w-0 flex-1 text-sm font-medium", children: p.name })), needsValue && (_jsxs("div", { className: "flex items-center gap-1", children: [_jsx(Input, { inputMode: "decimal", className: "h-8 w-20 text-right", value: p.value == null ? '' : String(p.value), disabled: readOnly, "aria-label": `${p.name} (${p.unit ?? ''})`, "aria-invalid": !!errors[`${i}.value`], onChange: (e) => setValue(i, e.target.value) }), _jsx("span", { className: "text-xs text-muted-foreground", children: p.unit ?? (p.kind === 'tread' ? 'mm' : '') })] })), _jsx("div", { role: "radiogroup", "aria-label": p.name, className: "flex gap-1", children: LIGHTS.map((s) => (_jsx("button", { type: "button", role: "radio", "aria-checked": p.status === s, disabled: readOnly, onClick: () => setStatus(i, s), className: `rounded-full border px-2.5 py-1 text-xs transition ${p.status === s ? STATUS_STYLE[s] : 'border-border text-muted-foreground hover:bg-muted'} disabled:opacity-60`, children: statusLabel(t, s) }, s))) }), allowCustomPoints && !readOnly && (_jsx(Button, { type: "button", variant: "ghost", size: "sm", className: "h-8 w-8 p-0", "aria-label": t('inspection.removePoint', { defaultValue: 'Quitar punto' }), onClick: () => emit(points.filter((_, j) => j !== i)), children: _jsx(Trash2, { className: "h-4 w-4" }) }))] }), (issue || p.notes || readOnly === false) && (_jsx(Textarea, { rows: 1, value: p.notes, disabled: readOnly, "aria-invalid": !!errors[`${i}.notes`], placeholder: t('inspection.notes', { defaultValue: 'Observaciones' }), onChange: (e) => patch(i, { notes: e.target.value }) })), errors[`${i}.notes`] && _jsx("p", { className: "text-xs text-destructive", children: errors[`${i}.notes`] }), errors[`${i}.value`] && _jsx("p", { className: "text-xs text-destructive", children: errors[`${i}.value`] }), allowRecommendations && issue && (_jsxs("div", { className: "grid gap-2 rounded-md bg-muted/30 p-2 sm:grid-cols-[1fr_5rem_7rem]", children: [_jsx(Input, { value: p.recommendation, disabled: readOnly, "aria-invalid": !!errors[`${i}.recommendation`], placeholder: t('inspection.recommendation', { defaultValue: 'Trabajo recomendado' }), onChange: (e) => patch(i, { recommendation: e.target.value }) }), _jsx(Input, { inputMode: "decimal", className: "text-right", value: String(p.quantity), disabled: readOnly || !hasRecommendation(p), "aria-label": t('inspection.quantity', { defaultValue: 'Cantidad' }), onChange: (e) => patch(i, { quantity: Number(e.target.value.replace(',', '.')) || 0 }) }), _jsx(Input, { inputMode: "decimal", className: "text-right", value: String(p.unit_price), disabled: readOnly || !hasRecommendation(p), "aria-label": t('inspection.unitPrice', { defaultValue: 'Precio' }), "aria-invalid": !!errors[`${i}.unit_price`], onChange: (e) => patch(i, { unit_price: Number(e.target.value.replace(',', '.')) || 0 }) }), errors[`${i}.recommendation`] && (_jsx("p", { className: "text-xs text-destructive sm:col-span-3", children: errors[`${i}.recommendation`] }))] })), _jsxs("div", { className: "flex flex-wrap items-center gap-2", children: [p.media.map((m) => (_jsxs("span", { className: "group relative", children: [m.type === 'video' ? (_jsx("video", { src: m.url, className: "h-14 w-20 rounded border object-cover", controls: true, preload: "metadata" })) : (_jsx("img", { src: m.url, alt: m.caption ?? p.name, className: "h-14 w-14 rounded border object-cover" })), !readOnly && (_jsx("button", { type: "button", "aria-label": t('inspection.removeMedia', { defaultValue: 'Quitar archivo' }), className: "absolute -right-1 -top-1 hidden h-5 w-5 items-center justify-center rounded-full bg-background text-xs shadow group-hover:flex", onClick: () => patch(i, { media: p.media.filter((x) => x.key !== m.key) }), children: "\u00D7" }))] }, m.key))), !readOnly && onUpload && _jsx(MediaPick, { busy: uploading === p.key, onFile: (f) => upload(i, f) }), p.approval && p.approval !== 'none' && (_jsx(Badge, { variant: "outline", className: "ml-auto", children: p.approval === 'approved'
+                                                    ? t('inspection.approval.approved', { defaultValue: 'Aprobado por el cliente' })
+                                                    : p.approval === 'declined'
+                                                        ? t('inspection.approval.declined', { defaultValue: 'Rechazado por el cliente' })
+                                                        : t('inspection.approval.pending', { defaultValue: 'Esperando al cliente' }) }))] })] }, p.key));
+                        }) }), allowCustomPoints && !readOnly && (_jsx(Button, { type: "button", variant: "outline", size: "sm", onClick: () => addPoint(section), children: t('inspection.addPoint', { defaultValue: 'Agregar punto' }) }))] }, section || '_'))), uploadError && _jsx("p", { role: "alert", className: "text-sm text-destructive", children: uploadError }), validation.form && points.length > 0 && _jsx("p", { role: "alert", className: "text-sm text-destructive", children: validation.form }), _jsxs("div", { "data-slot": "inspection-summary", className: "flex flex-wrap items-center gap-2 rounded-lg border bg-muted/20 p-3 text-sm", children: [LIGHTS.map((s) => (_jsxs(Badge, { variant: "outline", className: STATUS_STYLE[s], children: [statusLabel(t, s), ": ", summary.counts[s]] }, s))), summary.pending > 0 && (_jsxs(Badge, { variant: "outline", className: STATUS_STYLE.pending, children: [statusLabel(t, 'pending'), ": ", summary.pending] })), allowRecommendations && summary.recommendations > 0 && (_jsxs("span", { className: "ml-auto font-medium", children: [t('inspection.recommendedTotal', { defaultValue: 'Recomendado' }), ": ", fmt.money(summary.recommendedTotal)] })), onAddToBudget && !readOnly && summary.recommendations > 0 && (_jsx(Button, { type: "button", size: "sm", onClick: () => onAddToBudget(points.filter(hasRecommendation)), children: t('inspection.addToBudget', { defaultValue: 'Agregar al presupuesto' }) }))] })] }));
+}
+/** Botón de foto/video: abre la cámara en móvil, el selector de archivos en escritorio. */
+function MediaPick({ busy, onFile }) {
+    const { t } = useTranslation();
+    const ref = useRef(null);
+    return (_jsxs(_Fragment, { children: [_jsx("input", { ref: ref, type: "file", accept: "image/*,video/*", capture: "environment", className: "sr-only", tabIndex: -1, "aria-hidden": "true", onChange: (e) => {
+                    const f = e.target.files?.[0];
+                    if (ref.current)
+                        ref.current.value = '';
+                    if (f)
+                        onFile(f);
+                } }), _jsxs(Button, { type: "button", variant: "outline", size: "sm", disabled: busy, onClick: () => ref.current?.click(), children: [busy ? _jsx(Loader2, { className: "mr-1.5 h-4 w-4 animate-spin" }) : _jsx(Camera, { className: "mr-1.5 h-4 w-4" }), t('inspection.addMedia', { defaultValue: 'Foto o video' }), _jsx(Video, { className: "ml-1.5 h-3.5 w-3.5 opacity-60", "aria-hidden": true })] })] }));
+}

package/dist/business/inspection.d.ts

@@ -0,0 +1,109 @@
+import { type LineItem } from './line-items';
+/** Semáforo de un punto: pendiente (sin revisar), verde, amarillo, rojo. */
+export type InspectionStatus = 'pending' | 'ok' | 'attention' | 'urgent';
+/**
+ * Qué captura el punto: `check` solo el semáforo; `tread` profundidad de dibujo
+ * en mm (el semáforo sale del valor); `measure` un valor numérico libre con su
+ * unidad. El nivel de combustible y el kilometraje van en el encabezado.
+ */
+export type InspectionPointKind = 'check' | 'tread' | 'measure';
+export type InspectionMediaType = 'photo' | 'video';
+export interface InspectionMedia {
+    /** Clave estable de UI. */
+    key: string;
+    url: string;
+    type: InspectionMediaType;
+    caption?: string;
+}
+export interface InspectionPoint {
+    /** Clave estable de UI (no se envía). */
+    key: string;
+    /** Id de la fila guardada, si ya existe. */
+    id?: string;
+    /** Agrupa los puntos en el checklist («Llantas», «Frenos»...). */
+    section: string;
+    name: string;
+    kind: InspectionPointKind;
+    status: InspectionStatus;
+    /** Valor medido (`tread`/`measure`). */
+    value?: number | null;
+    unit?: string;
+    notes: string;
+    /** Trabajo recomendado; con texto, el punto es un renglón candidato. */
+    recommendation: string;
+    quantity: number;
+    unit_price: number;
+    media: InspectionMedia[];
+    /** Respuesta del cliente a la recomendación, cuando ya la dio. */
+    approval?: 'none' | 'pending' | 'approved' | 'declined';
+}
+export type FuelLevel = 'empty' | 'quarter' | 'half' | 'three_quarters' | 'full';
+export declare const FUEL_LEVELS: readonly FuelLevel[];
+/** Encabezado de una recepción: lo que se ve al recibir el vehículo. */
+export interface InspectionHeader {
+    odometer_km?: number | null;
+    fuel_level?: FuelLevel | '';
+    /** Daños previos visibles, para deslindar responsabilidad. */
+    damage_notes: string;
+}
+/** Umbrales de profundidad de dibujo en mm (el límite legal común es 1.6). */
+export interface TreadThresholds {
+    /** Por debajo de esto el semáforo es rojo. Default 1.6. */
+    urgent: number;
+    /** Por debajo de esto (y sobre `urgent`) es amarillo. Default 3. */
+    attention: number;
+}
+export declare const DEFAULT_TREAD_THRESHOLDS: TreadThresholds;
+export declare function newInspectionKey(prefix?: string): string;
+export declare function makeInspectionPoint(partial?: Partial<InspectionPoint>): InspectionPoint;
+/** Semáforo que le toca a una profundidad de dibujo. Sin valor: `pending`. */
+export declare function treadStatus(mm: number | null | undefined, th?: TreadThresholds): InspectionStatus;
+/** El peor estado de la lista (rojo > amarillo > verde > pendiente). */
+export declare function worstStatus(points: Pick<InspectionPoint, 'status'>[]): InspectionStatus;
+/** ¿El punto trae una recomendación que se puede cotizar? */
+export declare function hasRecommendation(p: Pick<InspectionPoint, 'recommendation'>): boolean;
+export interface InspectionSummary {
+    total: number;
+    counts: Record<InspectionStatus, number>;
+    worst: InspectionStatus;
+    /** Puntos sin revisar. */
+    pending: number;
+    /** Puntos con recomendación. */
+    recommendations: number;
+    /** Suma cantidad × precio de las recomendaciones. */
+    recommendedTotal: number;
+}
+export declare function summarizeInspection(points: InspectionPoint[]): InspectionSummary;
+export interface InspectionValidation {
+    ok: boolean;
+    /** Errores por `"<índice>.<campo>"` (mismo contrato que LineItemsEditor). */
+    errors: Record<string, string>;
+    /** Error de formulario (encabezado o conjunto). */
+    form?: string;
+}
+export interface InspectionRules {
+    /** Exige revisar todos los puntos (ninguno `pending`). Default false (borrador). */
+    requireAllReviewed?: boolean;
+    /** Exige kilometraje en el encabezado (recepción). Default false. */
+    requireOdometer?: boolean;
+    /** Un punto amarillo/rojo debe llevar nota, recomendación o evidencia. Default false. */
+    requireEvidenceOnIssues?: boolean;
+}
+export declare function validateInspection(points: InspectionPoint[], header?: InspectionHeader, rules?: InspectionRules): InspectionValidation;
+/**
+ * Única puerta de salida hacia el backend: números reales, sin claves de UI,
+ * opcionales vacíos omitidos y `line_no` 1-based (mismo criterio que
+ * `serializeLineItems`).
+ */
+export declare function serializeInspectionPoints(points: InspectionPoint[]): Record<string, unknown>[];
+/** Inversa de `serializeInspectionPoints`: filas del backend a puntos de UI. */
+export declare function parseInspectionPoints(rows: unknown): InspectionPoint[];
+/**
+ * Recomendación → renglón del presupuesto: cada punto con recomendación se
+ * vuelve un renglón `item` (descripción «Punto — recomendación»). Se puede
+ * filtrar por respuesta del cliente (p. ej. solo las aprobadas).
+ */
+export declare function recommendationsToLines(points: InspectionPoint[], opts?: {
+    approval?: InspectionPoint['approval'][];
+}): LineItem[];
+//# sourceMappingURL=inspection.d.ts.map

package/dist/business/inspection.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"inspection.d.ts","sourceRoot":"","sources":["../../src/business/inspection.ts"],"names":[],"mappings":"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"}

package/dist/business/inspection.js

@@ -0,0 +1,176 @@
+// Inspección con checklist (recepción de vehículo, inspección multipunto, OT,
+// alineación, garantía): lógica pura del <InspectionChecklist> (benchmark §7,
+// TAL-4/TAL-5). El semáforo, el resumen y la salida hacia el backend viven aquí
+// para que el componente y los addons (que guardan por una acción) coincidan.
+import { makeLine } from './line-items';
+import { roundMoney, toAmount } from './format';
+export const FUEL_LEVELS = ['empty', 'quarter', 'half', 'three_quarters', 'full'];
+export const DEFAULT_TREAD_THRESHOLDS = { urgent: 1.6, attention: 3 };
+let seq = 0;
+export function newInspectionKey(prefix = 'ip') {
+    seq += 1;
+    return `${prefix}-${Date.now().toString(36)}-${seq}`;
+}
+export function makeInspectionPoint(partial = {}) {
+    return {
+        key: partial.key ?? newInspectionKey(),
+        section: '',
+        name: '',
+        kind: 'check',
+        status: 'pending',
+        notes: '',
+        recommendation: '',
+        quantity: 1,
+        unit_price: 0,
+        media: [],
+        ...partial,
+    };
+}
+/** Semáforo que le toca a una profundidad de dibujo. Sin valor: `pending`. */
+export function treadStatus(mm, th = DEFAULT_TREAD_THRESHOLDS) {
+    if (mm == null || !Number.isFinite(mm))
+        return 'pending';
+    if (mm < th.urgent)
+        return 'urgent';
+    if (mm < th.attention)
+        return 'attention';
+    return 'ok';
+}
+const RANK = { pending: 0, ok: 1, attention: 2, urgent: 3 };
+/** El peor estado de la lista (rojo > amarillo > verde > pendiente). */
+export function worstStatus(points) {
+    return points.reduce((w, p) => (RANK[p.status] > RANK[w] ? p.status : w), 'pending');
+}
+/** ¿El punto trae una recomendación que se puede cotizar? */
+export function hasRecommendation(p) {
+    return p.recommendation.trim() !== '';
+}
+export function summarizeInspection(points) {
+    const counts = { pending: 0, ok: 0, attention: 0, urgent: 0 };
+    let recommendations = 0;
+    let recommendedTotal = 0;
+    for (const p of points) {
+        counts[p.status] += 1;
+        if (hasRecommendation(p)) {
+            recommendations += 1;
+            recommendedTotal += p.quantity * p.unit_price;
+        }
+    }
+    return {
+        total: points.length,
+        counts,
+        worst: worstStatus(points),
+        pending: counts.pending,
+        recommendations,
+        recommendedTotal: roundMoney(recommendedTotal),
+    };
+}
+export function validateInspection(points, header, rules = {}) {
+    const errors = {};
+    points.forEach((p, i) => {
+        if (p.name.trim() === '')
+            errors[`${i}.name`] = 'Falta el nombre del punto';
+        if ((p.kind === 'tread' || p.kind === 'measure') && p.value != null && (!Number.isFinite(p.value) || p.value < 0)) {
+            errors[`${i}.value`] = 'La medición no puede ser negativa';
+        }
+        if (p.quantity < 0 || p.unit_price < 0)
+            errors[`${i}.unit_price`] = 'Cantidad y precio no pueden ser negativos';
+        if (hasRecommendation(p) && p.status === 'ok') {
+            errors[`${i}.recommendation`] = 'Un punto en verde no lleva recomendación';
+        }
+        if (rules.requireEvidenceOnIssues &&
+            (p.status === 'attention' || p.status === 'urgent') &&
+            p.notes.trim() === '' &&
+            !hasRecommendation(p) &&
+            p.media.length === 0) {
+            errors[`${i}.notes`] = 'Anota, recomienda o agrega una foto';
+        }
+    });
+    let form;
+    if (rules.requireAllReviewed && points.some((p) => p.status === 'pending')) {
+        form = 'Faltan puntos por revisar';
+    }
+    if (rules.requireOdometer && header && (header.odometer_km == null || !(header.odometer_km >= 0))) {
+        form = form ?? 'Captura el kilometraje';
+    }
+    return { ok: Object.keys(errors).length === 0 && !form, errors, form };
+}
+/**
+ * Única puerta de salida hacia el backend: números reales, sin claves de UI,
+ * opcionales vacíos omitidos y `line_no` 1-based (mismo criterio que
+ * `serializeLineItems`).
+ */
+export function serializeInspectionPoints(points) {
+    return points.map((p, i) => {
+        const o = {
+            line_no: i + 1,
+            section: p.section.trim(),
+            name: p.name.trim(),
+            kind: p.kind,
+            status: p.status,
+            notes: p.notes.trim(),
+            recommendation: p.recommendation.trim(),
+            quantity: toAmount(p.quantity),
+            unit_price: toAmount(p.unit_price),
+            media: p.media.map((m) => ({ url: m.url, type: m.type, ...(m.caption ? { caption: m.caption } : {}) })),
+        };
+        if (p.id)
+            o.id = p.id;
+        if (p.value != null && Number.isFinite(p.value))
+            o.measure_value = p.value;
+        if (p.unit)
+            o.unit = p.unit;
+        return o;
+    });
+}
+/** Inversa de `serializeInspectionPoints`: filas del backend a puntos de UI. */
+export function parseInspectionPoints(rows) {
+    if (!Array.isArray(rows))
+        return [];
+    const str = (v) => (typeof v === 'string' ? v : v == null ? '' : String(v));
+    return rows.map((r) => {
+        const o = (r ?? {});
+        const status = str(o.status);
+        const kind = str(o.kind);
+        const media = Array.isArray(o.media)
+            ? o.media.map((m) => ({
+                key: newInspectionKey('im'),
+                url: str(m.url),
+                type: (str(m.type) === 'video' ? 'video' : 'photo'),
+                caption: str(m.caption) || undefined,
+            }))
+            : [];
+        const value = o.measure_value ?? o.value;
+        return makeInspectionPoint({
+            id: str(o.id) || undefined,
+            section: str(o.section),
+            name: str(o.name),
+            kind: kind === 'tread' || kind === 'measure' ? kind : 'check',
+            status: status in RANK ? status : 'pending',
+            value: value == null || value === '' ? null : toAmount(value),
+            unit: str(o.unit) || undefined,
+            notes: str(o.notes),
+            recommendation: str(o.recommendation),
+            quantity: o.quantity == null ? 1 : toAmount(o.quantity),
+            unit_price: toAmount(o.unit_price),
+            media,
+            approval: ['none', 'pending', 'approved', 'declined'].includes(str(o.approval))
+                ? str(o.approval)
+                : undefined,
+        });
+    });
+}
+/**
+ * Recomendación → renglón del presupuesto: cada punto con recomendación se
+ * vuelve un renglón `item` (descripción «Punto — recomendación»). Se puede
+ * filtrar por respuesta del cliente (p. ej. solo las aprobadas).
+ */
+export function recommendationsToLines(points, opts = {}) {
+    return points
+        .filter((p) => hasRecommendation(p) && (!opts.approval || (p.approval != null && opts.approval.includes(p.approval))))
+        .map((p) => makeLine({
+        description: `${p.name} — ${p.recommendation.trim()}`,
+        quantity: p.quantity > 0 ? p.quantity : 1,
+        unit_price: p.unit_price,
+    }));
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@asteby/metacore-runtime-react",
-  "version": "46.1.0",
+  "version": "46.2.0",
   "description": "React runtime for metacore hosts — renders addon contributions dynamically",
   "repository": {
     "type": "git",

package/src/__tests__/inspection-checklist.test.tsx

@@ -0,0 +1,70 @@
+// @vitest-environment happy-dom
+//
+// <InspectionChecklist>: el semáforo de una llanta sale de la profundidad, verde
+// limpia la recomendación y la foto se sube por el host (onUpload).
+import { useState } from 'react'
+import { afterEach, describe, expect, it, vi } from 'vitest'
+import { cleanup, fireEvent, render, screen, waitFor } from '@testing-library/react'
+
+vi.mock('react-i18next', () => ({
+    useTranslation: () => ({
+        t: (k: string, o?: any) => o?.defaultValue ?? k,
+        i18n: { language: 'es' },
+    }),
+}))
+
+import { InspectionChecklist } from '../business/inspection-checklist'
+import { makeInspectionPoint, type InspectionHeader, type InspectionPoint } from '../business/inspection'
+
+afterEach(cleanup)
+
+function Harness({ initial, onUpload }: { initial: InspectionPoint[]; onUpload?: any }) {
+    const [points, setPoints] = useState(initial)
+    const [header, setHeader] = useState<InspectionHeader>({ damage_notes: '', odometer_km: null, fuel_level: '' })
+    return (
+        <>
+            <InspectionChecklist points={points} onChange={setPoints} header={header} onHeaderChange={setHeader} onUpload={onUpload} />
+            <output data-testid="state">{JSON.stringify({ points, header })}</output>
+        </>
+    )
+}
+const state = () => JSON.parse(screen.getByTestId('state').textContent ?? '{}')
+
+describe('InspectionChecklist', () => {
+    it('captura la profundidad y pinta el semáforo solo', () => {
+        render(<Harness initial={[makeInspectionPoint({ section: 'Llantas', name: 'Llanta FL', kind: 'tread', unit: 'mm' })]} />)
+        fireEvent.change(screen.getByLabelText('Llanta FL (mm)'), { target: { value: '1.2' } })
+        expect(state().points[0]).toMatchObject({ value: 1.2, status: 'urgent' })
+        fireEvent.change(screen.getByLabelText('Llanta FL (mm)'), { target: { value: '6' } })
+        expect(state().points[0].status).toBe('ok')
+    })
+
+    it('verde limpia la recomendación; amarillo la permite', () => {
+        render(
+            <Harness
+                initial={[makeInspectionPoint({ name: 'Balatas', status: 'attention', recommendation: 'Cambiar', unit_price: 500 })]}
+            />,
+        )
+        expect(screen.getByPlaceholderText('Trabajo recomendado')).toBeTruthy()
+        fireEvent.click(screen.getByRole('radio', { name: 'Bien' }))
+        expect(state().points[0]).toMatchObject({ status: 'ok', recommendation: '', unit_price: 0 })
+        expect(screen.queryByPlaceholderText('Trabajo recomendado')).toBeNull()
+    })
+
+    it('captura kilometraje y combustible del encabezado', () => {
+        render(<Harness initial={[]} />)
+        fireEvent.change(screen.getByLabelText('Kilometraje'), { target: { value: '84210' } })
+        fireEvent.click(screen.getByRole('radio', { name: '1/2' }))
+        expect(state().header).toMatchObject({ odometer_km: 84210, fuel_level: 'half' })
+    })
+
+    it('sube la foto por el host y la cuelga del punto', async () => {
+        const onUpload = vi.fn(async () => ({ url: '/storage/public/inspections/a.jpg' }))
+        const { container } = render(<Harness initial={[makeInspectionPoint({ name: 'Frenos' })]} onUpload={onUpload} />)
+        const input = container.querySelector('input[type=file]') as HTMLInputElement
+        fireEvent.change(input, { target: { files: [new File(['x'], 'a.jpg', { type: 'image/jpeg' })] } })
+        await waitFor(() => expect(state().points[0].media).toHaveLength(1))
+        expect(state().points[0].media[0]).toMatchObject({ url: '/storage/public/inspections/a.jpg', type: 'photo' })
+        expect(onUpload).toHaveBeenCalledTimes(1)
+    })
+})