{onBack
?
: 
}
{typeof progress==='number' &&
}
{kicker &&
{lang && {lang.toUpperCase()}}
{kicker}
}
{title && {title}
}
}
);
}
/* ---------- Photo helpers ---------- */
function _pid(){ return 'p'+Date.now()+Math.random().toString(36).slice(2,7); }
/* Normalise une photo : applique l'orientation EXIF (redresse les photos téléphone),
limite la taille, ré-encode en JPEG. Résultat = image droite partout (app + PDF). */
async function _normalizePhoto(f){
const MAX = 1600, Q = 0.85;
try{
let bmp;
try{ bmp = await createImageBitmap(f, { imageOrientation:'from-image' }); }
catch(_){ bmp = await createImageBitmap(f); }
let w = bmp.width, h = bmp.height;
if(Math.max(w,h) > MAX){ const r = MAX/Math.max(w,h); w = Math.round(w*r); h = Math.round(h*r); }
const cv = document.createElement('canvas'); cv.width = w; cv.height = h;
cv.getContext('2d').drawImage(bmp, 0, 0, w, h);
if(bmp.close) bmp.close();
return { id:_pid(), url: cv.toDataURL('image/jpeg', Q) };
}catch(e){
return await new Promise(res=>{ const r=new FileReader(); r.onload=ev=>res({ id:_pid(), url:ev.target.result }); r.readAsDataURL(f); });
}
}
function filesToPhotos(fileList, cb){
const files = Array.from(fileList||[]);
if(!files.length) return;
Promise.all(files.map(_normalizePhoto)).then(cb);
}
/* ---------- Photo grid (multi) ---------- */
function PhotoGrid({ photos=[], onChange, label, lang }){
const inputRef = useRef(null);
const add = e=>{ filesToPhotos(e.target.files, np=> onChange([...photos, ...np])); e.target.value=''; };
const remove = id=> onChange(photos.filter(p=>p.id!==id));
const cnt = photos.length;
const word = cnt===0 ? t(lang,'photo.count_zero') : cnt===1 ? t(lang,'photo.count_one') : t(lang,'photo.count_other');
return (
{photos.map(p=>(
))}
0?' ok':'')}>
{cnt>0 && }
{cnt===0 ? word : (cnt+' '+word)}
{photo ? <>
{tag && {tag}}
: (
)}
);
}
/* ---------- État block (bon / mauvais + défauts) ---------- */
const DEFAUTS = ['rayure','casse','autre'];
function EtatBlock({ data={}, onChange, lang }){
const etat = data.etat || 'bon';
const defauts = data.defauts || [];
const photosByDefaut = data.photosByDefaut || {};
const set = patch => onChange({ ...data, ...patch });
const toggleDef = d => set({ defauts: defauts.includes(d) ? defauts.filter(x=>x!==d) : [...defauts, d] });
return (
{t(lang,'etat.label')}
{DEFAUTS.map(d=>(
))}
{defauts.length>0 &&
{t(lang,'etat.defautphoto.precise')} *
{defauts.map(def=>(
{value}
);
}
/* ---------- Signature pad ---------- */
function SignaturePad({ onChange, clearLabel='Effacer' }){
const cv = useRef(null);
const drawing = useRef(false);
const last = useRef(null);
const dirty = useRef(false);
useEffect(()=>{
const c = cv.current;
const ratio = window.devicePixelRatio||1;
const rect = c.getBoundingClientRect();
c.width = rect.width*ratio; c.height = rect.height*ratio;
const ctx = c.getContext('2d');
ctx.scale(ratio,ratio);
ctx.lineWidth=2.4; ctx.lineCap='round'; ctx.lineJoin='round'; ctx.strokeStyle='#0d1c4d';
},[]);
const pos = e=>{
const r = cv.current.getBoundingClientRect();
const pt = e.touches? e.touches[0] : e;
return { x:pt.clientX-r.left, y:pt.clientY-r.top };
};
const start = e=>{ e.preventDefault(); drawing.current=true; last.current=pos(e); };
const move = e=>{
if(!drawing.current) return; e.preventDefault();
const ctx = cv.current.getContext('2d'); const p = pos(e);
ctx.beginPath(); ctx.moveTo(last.current.x,last.current.y); ctx.lineTo(p.x,p.y); ctx.stroke();
last.current=p; if(!dirty.current){dirty.current=true;}
};
const end = ()=>{ if(drawing.current && dirty.current){ onChange(cv.current.toDataURL('image/png')); } drawing.current=false; };
const clear = ()=>{
const c=cv.current; const ctx=c.getContext('2d');
ctx.clearRect(0,0,c.width,c.height); dirty.current=false; onChange(null);
};
return (