SAMI.TECH — Retours Ecotrack

\n \n \n",[],[130,158],"65e863f5-391b-4fbd-8ced-e27e780f2903","lib","07620b9a-84bf-4cea-b8dd-75e58750fcbc",9,["D",1789511212692],[171,172],[130,165],{"_36":181,"_13":182,"_39":183,"_41":166,"_43":44,"_45":184,"_47":48,"_49":185,"_17":65,"_52":53,"_54":186,"_56":57,"_58":-5,"_94":187,"_18":188},{"_36":173,"_13":174,"_39":175,"_41":166,"_43":44,"_45":176,"_47":48,"_49":177,"_17":108,"_52":53,"_54":178,"_56":57,"_58":-5,"_94":179,"_18":180},"4b43d310-2ee2-46ec-a5f7-e3238ff5389e","messages.ts","8d1f9d26-b154-11f1-b96e-1607ee4eb77e",20,["D",1789511823118],"/** Traduction des codes métier backend en messages utilisateur. */\nimport { normalizeStatus } from \"../../shared/status.ts\";\n\nexport function messageForCode(code: string): string {\n switch (code) {\n case \"API_NOT_CONFIGURED\":\n return \"Aucune API Ecotrack enregistrée — ouvre les paramètres.\";\n case \"INVALID_TOKEN\":\n return \"Token API invalide.\";\n case \"INVALID_TRACKING\":\n return \"Numéro de tracking invalide.\";\n case \"TRACKING_NOT_FOUND\":\n return \"Tracking introuvable dans OM Express.\";\n case \"ECOTRACK_READ_ERROR\":\n return \"OM Express a refusé la lecture du colis.\";\n case \"ECOTRACK_BAD_RESPONSE\":\n return \"Réponse illisible de OM Express.\";\n case \"ECOTRACK_NETWORK_ERROR\":\n return \"Erreur réseau vers OM Express.\";\n case \"RETURN_NOT_READY\":\n return \"Retour non éligible : le statut ne permet pas la validation.\";\n case \"RETURN_NOT_ELIGIBLE\":\n return \"Retour non éligible (OM Express a répondu fail).\";\n case \"RETURN_INVALID\":\n return \"Validation refusée par OM Express (requête invalide).\";\n case \"RETURN_API_ERROR\":\n return \"Erreur OM Express pendant la validation.\";\n case \"RETURN_NETWORK_ERROR\":\n return \"Erreur réseau pendant la validation.\";\n case \"UNAUTHORIZED\":\n return \"Session expirée — reverrouille l'application.\";\n default:\n return \"Opération impossible pour le moment.\";\n }\n}\n\n/** Libellé lisible d'un statut Ecotrack brut. */\nexport function statusLabel(raw: string): string {\n switch (normalizeStatus(raw)) {\n case \"retour_recu\":\n return \"Retour reçu\";\n case \"livraison_echoue_recu\":\n return \"Livraison échouée — reçu\";\n case \"return_validated_by_partener\":\n case \"return_validated_by_partner\":\n case \"retour_valide\":\n case \"retour_validee\":\n return \"Retour déjà validé\";\n default:\n return raw.trim() || \"statut inconnu\";\n }\n}\n\n/** Vibration courte, jamais bloquante. */\nexport function vibrate(pattern: number[]): void {\n try {\n if (typeof navigator.vibrate === \"function\") navigator.vibrate(pattern);\n } catch {\n /* ignore */\n }\n}/**\n * Ton de l'ÉTAT : pilote la couleur du voyant et du cadre du scanner.\n * idle -> gris (repos)\n * busy -> ambre (traitement en cours)\n * ok -> vert (succès / prêt)\n * warn -> ambre (trouvé mais non éligible)\n * error -> rouge (échec)\n */\nexport type StatusTone = \"idle\" | \"busy\" | \"ok\" | \"warn\" | \"error\";\n\nexport function toneForCode(code: string): StatusTone {\n switch (code) {\n case \"TRACKING_FOUND\":\n case \"RETURN_VALIDATED\":\n return \"ok\";\n case \"RETURN_ACCEPTED_UNCONFIRMED\":\n case \"RETURN_NOT_READY\":\n case \"RETURN_NOT_ELIGIBLE\":\n return \"warn\";\n default:\n return \"error\";\n }\n}",[],[130,165,174],"f0e4c272-af21-43ea-91a8-38ce5116eb20","api.ts","8d0e7514-b154-11f1-b96e-1607ee4eb77e",54,["D",1789513445064],"/**\n * Appels API côté navigateur.\n * Le frontend n'envoie que des informations fonctionnelles :\n * jamais de token, jamais de cookie Ecotrack, jamais de credential.\n */\n\nexport type ValidateOk = {\n ok: true;\n code: \"TRACKING_FOUND\";\n tracking: string;\n status: string;\n statusRaw: string;\n ready: boolean;\n alreadyValidated: boolean;\n};\n\nexport type ApiError = {\n ok: false;\n code: string;\n status?: number;\n message?: string;\n detail?: string;\n /** Noms des clés renvoyées par Ecotrack (diagnostic, aucune valeur). */\n debug?: string;\n};\n\nexport type ValidateResponse = ValidateOk | ApiError;\n\nexport type ReturnValidationResponse = {\n ok: boolean;\n code: string;\n tracking?: string;\n confirmed?: boolean;\n message?: string;\n detail?: string;\n};\n\nexport type AccessStatus = {\n ok: boolean;\n configured: boolean;\n unlocked: boolean;\n};\n\nasync function postJson(url: string, payload: unknown): Promise {\n const response = await fetch(url, {\n method: \"POST\",\n headers: { \"Content-Type\": \"application/json\" },\n credentials: \"same-origin\",\n body: JSON.stringify(payload),\n });\n return (await response.json()) as T;\n}\n\nexport function fetchAccessStatus(): Promise {\n return fetch(\"/api/access/status\", { credentials: \"same-origin\" }).then((r) => r.json());\n}\n\nexport function fetchConfig(): Promise<{ ok: boolean; apiSaved: boolean }> {\n return fetch(\"/api/config\", { credentials: \"same-origin\" }).then((r) => r.json());\n}\n\nexport function setupPattern(pattern: string): Promise<{ ok: boolean; code?: string }> {\n return postJson(\"/api/access/setup\", { pattern });\n}\n\nexport function unlockPattern(pattern: string): Promise<{ ok: boolean; code?: string }> {\n return postJson(\"/api/access/unlock\", { pattern });\n}\n\nexport function lockApp(): Promise<{ ok: boolean }> {\n return postJson(\"/api/access/logout\", {});\n}\n\nexport function saveApiToken(apiToken: string): Promise<{ ok: boolean; apiSaved?: boolean; code?: string }> {\n return postJson(\"/api/ecotrack/settings\", { apiToken });\n}\n\nexport async function deleteApiToken(): Promise<{ ok: boolean; apiSaved?: boolean }> {\n const response = await fetch(\"/api/ecotrack/settings\", {\n method: \"DELETE\",\n credentials: \"same-origin\",\n });\n return (await response.json()) as { ok: boolean; apiSaved?: boolean };\n}\n\nexport function validateTracking(tracking: string): Promise {\n return postJson(\"/api/validate\", { tracking });\n}\n\nexport function validateReturn(tracking: string): Promise {\n return postJson(\"/api/return/validate\", { tracking });\n}/* ------------------------------------------------------------------ */\n/* Retours prêts (liste serveur) */\n/* ------------------------------------------------------------------ */\n\nexport type ReadyReturn = {\n tracking: string;\n status: string;\n statusRaw: string;\n};\n\nexport type ReadyReturnsResponse = {\n ok: boolean;\n code?: string;\n /** `ecotrack_list` = liste renvoyée par l'API ; `local_registry` = relecture serveur. */\n source?: \"ecotrack_list\" | \"local_registry\";\n count?: number;\n items?: ReadyReturn[];\n scanned?: number;\n diagnostics?: string[];\n};\n\n/** Charge la liste des retours prêts. Le token Ecotrack reste côté serveur. */\nexport function fetchReadyReturns(): Promise {\n return fetch(\"/api/returns/ready\", { credentials: \"same-origin\" }).then((r) => r.json());\n}",[],[130,165,182],"394fa985-734a-48a4-ba83-cef32342d0d9","components","34a6d1f5-1d62-4377-8a82-c7eaa0426cae",11,["D",1789511238063],[196,197,198,199,200,201,202,203,204,205],[130,190],{"_36":276,"_13":277,"_39":278,"_41":191,"_43":44,"_45":279,"_47":48,"_49":280,"_17":281,"_52":53,"_54":282,"_56":57,"_58":-5,"_94":283,"_18":284},{"_36":268,"_13":269,"_39":270,"_41":191,"_43":44,"_45":271,"_47":48,"_49":272,"_17":73,"_52":53,"_54":273,"_56":57,"_58":-5,"_94":274,"_18":275},{"_36":260,"_13":261,"_39":262,"_41":191,"_43":44,"_45":263,"_47":48,"_49":264,"_17":73,"_52":53,"_54":265,"_56":57,"_58":-5,"_94":266,"_18":267},{"_36":253,"_13":254,"_39":255,"_41":191,"_43":44,"_45":192,"_47":48,"_49":256,"_17":73,"_52":53,"_54":257,"_56":57,"_58":-5,"_94":258,"_18":259},{"_36":245,"_13":246,"_39":247,"_41":191,"_43":44,"_45":248,"_47":48,"_49":249,"_17":108,"_52":53,"_54":250,"_56":57,"_58":-5,"_94":251,"_18":252},{"_36":237,"_13":238,"_39":239,"_41":191,"_43":44,"_45":240,"_47":48,"_49":241,"_17":73,"_52":53,"_54":242,"_56":57,"_58":-5,"_94":243,"_18":244},{"_36":229,"_13":230,"_39":231,"_41":191,"_43":44,"_45":232,"_47":48,"_49":233,"_17":77,"_52":53,"_54":234,"_56":57,"_58":-5,"_94":235,"_18":236},{"_36":221,"_13":222,"_39":223,"_41":191,"_43":44,"_45":224,"_47":48,"_49":225,"_17":167,"_52":53,"_54":226,"_56":57,"_58":-5,"_94":227,"_18":228},{"_36":214,"_13":215,"_39":216,"_41":191,"_43":44,"_45":51,"_47":48,"_49":217,"_17":73,"_52":53,"_54":218,"_56":57,"_58":-5,"_94":219,"_18":220},{"_36":206,"_13":207,"_39":208,"_41":191,"_43":44,"_45":209,"_47":48,"_49":210,"_17":108,"_52":53,"_54":211,"_56":57,"_58":-5,"_94":212,"_18":213},"6c4d6547-36ff-417e-8cf4-398a89134cff","StatusPanel.tsx","a49c9c4c-b154-11f1-aa9a-1607ee4eb77e",21,["D",1789511823303],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\n/**\n * Zone ÉTAT — toujours affichée AU-DESSUS de la caméra.\n * Le voyant est coloré selon le ton courant : vert (ok), ambre (busy/warn),\n * rouge (error), gris (idle).\n */\nimport React from \"https://esm.sh/react@18.2.0\";\nimport type { StatusTone } from \"../lib/messages.ts\";\n\ntype Props = {\n status: string;\n tracking: string;\n tone: StatusTone;\n hint?: string;\n};\n\nexport default function StatusPanel({ status, tracking, tone, hint = \"\" }: Props) {\n return (\n

ÉTAT

\n \n

{status}

\n {tracking ? (\n

\n TRACKING {tracking}\n

\n ) : null}\n {hint ?

{hint}

: null}\n

\n );\n}",[],[130,190,207],"0727bdf1-ae1a-4960-a498-45fe55c8b48e","Settings.tsx","a4ab18a8-b154-11f1-aa9a-1607ee4eb77e",["D",1789511252317],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\n/**\n * Paramètres — gestion du token API Ecotrack.\n *\n * Le token est envoyé une seule fois au serveur, puis jamais réaffiché.\n * Le badge affiché est « API SAUVEGARDÉE » : la présence d'un token ne garantit\n * pas que toutes les opérations Ecotrack sont disponibles.\n */\nimport React, { useState } from \"https://esm.sh/react@18.2.0\";\nimport { deleteApiToken, saveApiToken } from \"../lib/api.ts\";\n\ntype Props = {\n open: boolean;\n apiSaved: boolean;\n onClose: () => void;\n onSaved: (saved: boolean) => void;\n onLock: () => void;\n};\n\nexport default function Settings({ open, apiSaved, onClose, onSaved, onLock }: Props) {\n const [token, setToken] = useState(\"\");\n const [notice, setNotice] = useState(\"\");\n const [error, setError] = useState(\"\");\n const [busy, setBusy] = useState(false);\n\n if (!open) return null;\n\n async function handleSave() {\n if (busy) return;\n const clean = token.trim();\n if (clean.length < 8) {\n setError(\"Token API trop court.\");\n return;\n }\n setBusy(true);\n setError(\"\");\n setNotice(\"\");\n try {\n const result = await saveApiToken(clean);\n if (result.ok) {\n setToken(\"\");\n setNotice(\"API Ecotrack enregistrée côté serveur.\");\n onSaved(true);\n } else {\n setError(\"Enregistrement refusé par le serveur.\");\n }\n } catch {\n setError(\"Erreur réseau. Réessaie.\");\n } finally {\n setBusy(false);\n }\n }\n\n async function handleDelete() {\n if (busy) return;\n setBusy(true);\n setError(\"\");\n setNotice(\"\");\n try {\n const result = await deleteApiToken();\n if (result.ok) {\n setNotice(\"API Ecotrack supprimée du serveur.\");\n onSaved(false);\n } else {\n setError(\"Suppression impossible.\");\n }\n } catch {\n setError(\"Erreur réseau. Réessaie.\");\n } finally {\n setBusy(false);\n }\n }\n\n return (\n

Paramètres

\n\n \n {apiSaved ? \"API SAUVEGARDÉE\" : \"AUCUNE API ENREGISTRÉE\"}\n \n\n

\n \n API TOKEN\n \n setToken(event.target.value)}\n />\n

\n\n {notice ?

{notice}

: null}\n {error ?

{error}

: null}\n\n

\n \n {apiSaved ? (\n \n SUPPRIMER\n \n ) : null}\n

\n \n \n

\n\n

\n Le token est conservé côté serveur et n'est jamais renvoyé au navigateur.\n

\n );\n}",[],[130,190,215],"c152045d-c111-424d-87d6-cdb45b949146","Scanner.tsx","9c31fd86-b154-11f1-8617-1607ee4eb77e",32,["D",1789511849454],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\n/**\n * Scanner QR continu.\n *\n * Règle principale : le MediaStream caméra n'est JAMAIS fermé après un scan.\n * QR détecté -> pause logique (scanningRef = false) -> traitement -> reprise.\n * `stopCamera()` n'est appelé qu'au démontage du composant, à la fermeture de\n * l'application ou en cas de perte réelle du flux.\n *\n * Deux moteurs de détection : BarcodeDetector natif, puis jsQR en secours\n * (analyse plein cadre + analyse de la zone centrale).\n */\nimport React, { useCallback, useEffect, useRef, useState } from \"https://esm.sh/react@18.2.0\";\nimport jsQR from \"https://esm.sh/jsqr@1.4.0\";\nimport { extractTracking } from \"../../shared/tracking.ts\";\nimport { type StatusTone, vibrate } from \"../lib/messages.ts\";\n\ntype Props = {\n enabled: boolean;\n scanning: boolean;\n onReady: () => void;\n onTracking: (tracking: string) => void;\n onStatus: (status: string, tone?: StatusTone) => void;\n /** Couleur du cadre : vert (ok), rouge (error), blanc (neutral). */\n frameTone: \"neutral\" | \"ok\" | \"error\";\n};\n\ntype BarcodeDetectorLike = {\n detect: (source: CanvasImageSource) => Promise>;\n};\n\nconst FRAME_INTERVAL_MS = 160;\nconst SAME_RAW_COOLDOWN_MS = 2500;\nconst JSQR_MAX_SIDE = 640;\n\nfunction sleep(ms: number): Promise {\n return new Promise((resolve) => setTimeout(resolve, ms));\n}\n\nfunction createDetector(): BarcodeDetectorLike | null {\n const ctor = (globalThis as unknown as {\n BarcodeDetector?: new (options?: { formats?: string[] }) => BarcodeDetectorLike;\n }).BarcodeDetector;\n if (!ctor) return null;\n try {\n return new ctor({ formats: [\"qr_code\"] });\n } catch {\n return null;\n }\n}\n\n/** Applique focus continu et zoom si le matériel les expose. */\nasync function applyTrackHints(stream: MediaStream): Promise {\n const track = stream.getVideoTracks()[0] as MediaStreamTrack & {\n getCapabilities?: () => Record;\n };\n if (!track?.getCapabilities || !track.applyConstraints) return;\n try {\n const capabilities = track.getCapabilities();\n const advanced: Record = {};\n\n const focusModes = capabilities.focusMode;\n if (Array.isArray(focusModes) && focusModes.includes(\"continuous\")) {\n advanced.focusMode = \"continuous\";\n }\n\n const zoom = capabilities.zoom as { min?: number; max?: number } | undefined;\n if (zoom && typeof zoom.max === \"number\") {\n const target = Math.min(1.6, zoom.max);\n if (target >= (zoom.min ?? 1)) advanced.zoom = target;\n }\n\n if (Object.keys(advanced).length > 0) {\n await track.applyConstraints({ advanced: [advanced] } as MediaStreamConstraints);\n }\n } catch {\n /* capacités non supportées : on continue sans */\n }\n}\n\n/** Analyse une zone vidéo avec jsQR. */\nfunction analyzeZone(\n context: CanvasRenderingContext2D,\n canvas: HTMLCanvasElement,\n video: HTMLVideoElement,\n source: { x: number; y: number; size: number },\n outputSize: number,\n): string | null {\n canvas.width = outputSize;\n canvas.height = outputSize;\n context.drawImage(\n video,\n source.x,\n source.y,\n source.size,\n source.size,\n 0,\n 0,\n outputSize,\n outputSize,\n );\n const image = context.getImageData(0, 0, outputSize, outputSize);\n const code = jsQR(image.data, image.width, image.height, { inversionAttempts: \"dontInvert\" });\n return code?.data ?? null;\n}\n\n/** Secours jsQR : plein cadre (sous-échantillonné) puis zone centrale (pleine résolution). */\nfunction detectWithJsQr(\n video: HTMLVideoElement,\n canvasRef: React.MutableRefObject,\n): string | null {\n const width = video.videoWidth;\n const height = video.videoHeight;\n if (!width || !height) return null;\n\n let canvas = canvasRef.current;\n if (!canvas) {\n canvas = document.createElement(\"canvas\");\n canvasRef.current = canvas;\n }\n const context = canvas.getContext(\"2d\", { willReadFrequently: true });\n if (!context) return null;\n\n const side = Math.min(width, height);\n const fullOutput = Math.max(160, Math.min(JSQR_MAX_SIDE, side));\n const full = analyzeZone(\n context,\n canvas,\n video,\n { x: 0, y: 0, size: side },\n fullOutput,\n );\n if (full) return full;\n\n // Deuxième analyse : zone centrale, pleine résolution.\n const centerSize = Math.floor(side * 0.6);\n const center = analyzeZone(\n context,\n canvas,\n video,\n { x: Math.floor((width - centerSize) / 2), y: Math.floor((height - centerSize) / 2), size: centerSize },\n centerSize,\n );\n return center;\n}\n\nexport default function Scanner(\n { enabled, scanning, frameTone, onReady, onTracking, onStatus }: Props,\n) {\n const videoRef = useRef(null);\n const canvasRef = useRef(null);\n const streamRef = useRef(null);\n const scanningRef = useRef(false);\n const loopRunningRef = useRef(false);\n const lastScanRef = useRef(\"\");\n const lastRawRef = useRef(\"\");\n const lastRawAtRef = useRef(0);\n const framesRef = useRef(0);\n const lastTickRef = useRef(0);\n\n const [cameraOn, setCameraOn] = useState(false);\n const [qrDetected, setQrDetected] = useState(false);\n\n const onReadyRef = useRef(onReady);\n const onTrackingRef = useRef(onTracking);\n const onStatusRef = useRef(onStatus);\n useEffect(() => {\n onReadyRef.current = onReady;\n onTrackingRef.current = onTracking;\n onStatusRef.current = onStatus;\n }, [onReady, onTracking, onStatus]);\n\n /* -------------------------------------------------------------- */\n /* Traitement d'un contenu QR */\n /* -------------------------------------------------------------- */\n\n const handleRaw = useCallback((raw: string) => {\n const now = Date.now();\n if (raw === lastRawRef.current && now - lastRawAtRef.current < SAME_RAW_COOLDOWN_MS) return;\n lastRawRef.current = raw;\n lastRawAtRef.current = now;\n\n const tracking = extractTracking(raw);\n if (!tracking) {\n setQrDetected(true);\n onStatusRef.current(\"QR lu, mais aucun numéro de tracking reconnu.\", \"error\");\n window.setTimeout(() => setQrDetected(false), 700);\n return;\n }\n if (lastScanRef.current === tracking) return;\n\n lastScanRef.current = tracking;\n scanningRef.current = false; // pause logique : le MediaStream reste ouvert\n setQrDetected(true);\n vibrate([70, 40, 110]);\n onStatusRef.current(\"QR détecté — tracking reconnu\", \"busy\");\n onTrackingRef.current(tracking);\n }, []);\n\n /* -------------------------------------------------------------- */\n /* Boucle de scan */\n /* -------------------------------------------------------------- */\n\n const scanLoop = useCallback(async () => {\n if (loopRunningRef.current) return;\n loopRunningRef.current = true;\n try {\n const detector = createDetector();\n while (scanningRef.current && streamRef.current) {\n const video = videoRef.current;\n if (!video || video.readyState < 2 || video.videoWidth === 0) {\n await sleep(120);\n continue;\n }\n const now = Date.now();\n if (now - lastTickRef.current < FRAME_INTERVAL_MS) {\n await sleep(40);\n continue;\n }\n lastTickRef.current = now;\n framesRef.current += 1;\n\n let raw: string | null = null;\n if (detector) {\n try {\n const codes = await detector.detect(video);\n if (codes.length > 0 && codes[0].rawValue) raw = codes[0].rawValue;\n } catch {\n /* BarcodeDetector indisponible sur cette frame : jsQR prend le relais */\n }\n }\n if (!raw) raw = detectWithJsQr(video, canvasRef);\n if (raw) handleRaw(raw);\n\n await sleep(50);\n }\n } finally {\n loopRunningRef.current = false;\n }\n }, [handleRaw]);\n\n /* -------------------------------------------------------------- */\n /* Caméra */\n /* -------------------------------------------------------------- */\n\n const stopCamera = useCallback(() => {\n scanningRef.current = false;\n const stream = streamRef.current;\n if (stream) stream.getTracks().forEach((track) => track.stop());\n streamRef.current = null;\n const video = videoRef.current;\n if (video) video.srcObject = null;\n setCameraOn(false);\n }, []);\n\n const startCamera = useCallback(async () => {\n if (streamRef.current) return;\n onStatusRef.current(\"Ouverture de la caméra…\", \"busy\");\n try {\n const constraints = {\n audio: false,\n video: {\n facingMode: { ideal: \"environment\" },\n width: { ideal: 1920 },\n height: { ideal: 1080 },\n },\n } as MediaStreamConstraints;\n const stream = await navigator.mediaDevices.getUserMedia(constraints);\n streamRef.current = stream;\n\n const video = videoRef.current;\n if (video) {\n video.srcObject = stream;\n video.muted = true;\n try {\n await video.play();\n } catch {\n /* autoplay bloqué : le flux reste ouvert */\n }\n }\n await applyTrackHints(stream);\n setCameraOn(true);\n onReadyRef.current();\n } catch {\n streamRef.current = null;\n setCameraOn(false);\n onStatusRef.current(\"Caméra indisponible — utilise la SAISIE MANUELLE.\", \"error\");\n }\n }, []);\n\n // Ouverture de la caméra après déverrouillage ; arrêt uniquement au démontage.\n useEffect(() => {\n if (!enabled) return;\n void startCamera();\n return () => stopCamera();\n }, [enabled, startCamera, stopCamera]);\n\n /* -------------------------------------------------------------- */\n /* Reprise automatique du scanner */\n /* -------------------------------------------------------------- */\n\n useEffect(() => {\n if (!scanning) {\n scanningRef.current = false;\n return;\n }\n // Équivalent de resumeScanner() : remise à zéro puis reprise.\n setQrDetected(false);\n lastScanRef.current = \"\";\n framesRef.current = 0;\n\n const stream = streamRef.current;\n const alive = !!stream && stream.getVideoTracks().some((track) => track.readyState === \"live\");\n if (alive && videoRef.current) {\n setCameraOn(true);\n scanningRef.current = true;\n onStatusRef.current(\"Analyse QR active — place le QR dans le cadre\", \"ok\");\n void scanLoop();\n return;\n }\n scanningRef.current = false;\n void startCamera();\n }, [scanning, scanLoop, startCamera]);\n\n return (\n

\n {!cameraOn && (\n

\n ▣\n Scanner un retour\n

\n )}\n \n );\n}",[],[130,190,222],"a203b732-9657-4f91-bae1-492b9390c3e3","ReturnsReadyCard.tsx","e83f1746-b158-11f1-b989-1607ee4eb77e",70,["D",1789513621736],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\n/**\n * Rubrique « RETOURS PRÊTS ».\n *\n * Deux usages, une seule caméra et aucun appel Ecotrack direct :\n * 1. 🔄 CHARGER LES RETOURS PRÊTS → liste serveur (GET /api/returns/ready)\n * 2. 📷 SCANNER LES RETOURS PRÊTS → bascule le mode de lecture du scanner existant\n *\n * Ce composant ne crée aucune caméra et ne parle à aucune API : il délègue tout\n * à App.tsx, qui utilise les routes backend existantes.\n */\nimport React from \"https://esm.sh/react@18.2.0\";\nimport type { ReadyReturn } from \"../lib/api.ts\";\nimport ReadyReturnsList from \"./ReadyReturnsList.tsx\";\n\nexport type ScanMode = \"normal\" | \"returns_ready\";\n\nexport type ReadyState = {\n loaded: boolean;\n loading: boolean;\n items: ReadyReturn[];\n source: string;\n error: string;\n /** Trace des tentatives côté serveur (statuts HTTP, formes de réponse). */\n diagnostics: string[];\n};\n\ntype Props = {\n scanMode: ScanMode;\n onStart: () => void;\n onStop: () => void;\n onLoad: () => void;\n onSelect: (item: ReadyReturn) => void;\n ready: ReadyState;\n disabled?: boolean;\n};\n\nexport default function ReturnsReadyCard({\n scanMode,\n onStart,\n onStop,\n onLoad,\n onSelect,\n ready,\n disabled = false,\n}: Props) {\n const active = scanMode === \"returns_ready\";\n\n return (\n

RETOURS PRÊTS

\n Charge la liste des colis prêts à être validés, ou scanne-les directement.\n

\n\n \n {ready.loading ? \"CHARGEMENT…\" : \"🔄 CHARGER LES RETOURS PRÊTS\"}\n \n\n \n\n {active ? (\n <>\n MODE RETOURS PRÊTS ACTIF\n \n \n ) : (\n \n )}\n

\n );\n}",[],[130,190,230],"dffbe624-83dc-4604-9139-7b13f40eba19","ReturnDetailSheet.tsx","bfb37906-b159-11f1-b477-1607ee4eb77e",56,["D",1789513445152],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\n/**\n * Fiche retour — ouverte en cliquant un élément de RETOURS PRÊTS.\n *\n * Affiche le tracking et le statut Ecotrack, puis propose VALIDER LE RETOUR.\n * La validation utilise la route existante POST /api/return/validate :\n * la relecture serveur du statut avant mutation reste inchangée.\n */\nimport React from \"https://esm.sh/react@18.2.0\";\nimport { statusLabel } from \"../lib/messages.ts\";\n\ntype Props = {\n tracking: string;\n statusRaw: string;\n validating: boolean;\n onClose: () => void;\n onValidate: () => void;\n};\n\nexport default function ReturnDetailSheet({\n tracking,\n statusRaw,\n validating,\n onClose,\n onValidate,\n}: Props) {\n if (!tracking) return null;\n\n return (\n

Fiche retour

\n\n

\n TRACKING\n {tracking}\n

\n\n

\n STATUT ECOTRACK\n {statusLabel(statusRaw)}\n

\n\n

\n \n {validating ? \"VALIDATION…\" : \"VALIDER LE RETOUR\"}\n \n \n

\n\n

\n Le statut est revérifié côté serveur juste avant la validation.\n

\n );\n}",[],[130,190,238],"2b23e6f3-9051-4972-aac4-d0ff79c0f632","ReadyReturnsList.tsx","bfaddac8-b159-11f1-b477-1607ee4eb77e",71,["D",1789513621767],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\n/**\n * Liste « RETOURS PRÊTS (X) ».\n * Chaque élément est cliquable et ouvre la fiche retour.\n * Aucun appel réseau ici : les données viennent du backend.\n */\nimport React from \"https://esm.sh/react@18.2.0\";\nimport type { ReadyReturn } from \"../lib/api.ts\";\nimport { statusLabel } from \"../lib/messages.ts\";\n\ntype Props = {\n loaded: boolean;\n items: ReadyReturn[];\n source: string;\n error: string;\n diagnostics: string[];\n onSelect: (item: ReadyReturn) => void;\n};\n\nexport default function ReadyReturnsList({\n loaded,\n items,\n source,\n error,\n diagnostics,\n onSelect,\n}: Props) {\n if (error) return

{error}

;\n if (!loaded) return null;\n\n return (\n <>\n

\n RETOURS PRÊTS ({items.length})\n {source === \"local_registry\" ? (\n relecture serveur\n ) : null}\n

\n\n {items.length === 0 ? (\n

Aucun colis prêt renvoyé par le serveur.

\n ) : (\n

\n \n

\n )}\n\n {diagnostics.length > 0 ? (\n

\n {diagnostics.map((line) => (\n

{line}

\n ))}\n

\n ) : null}\n \n );\n}",[],[130,190,246],"1425fed1-60da-4bbc-9aae-2aede04a3c61","PatternGate.tsx","9c2cb9ca-b154-11f1-8617-1607ee4eb77e",["D",1789511238063],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\n/**\n * Verrouillage de l'application par schéma Android 3x3.\n *\n * Le schéma est tracé au doigt (pointer events) puis envoyé au serveur.\n * En mode `setup`, le schéma doit être tracé deux fois de suite.\n * Aucun hash, aucun secret n'est manipulé côté navigateur.\n */\nimport React, { useCallback, useRef, useState } from \"https://esm.sh/react@18.2.0\";\nimport { setupPattern, unlockPattern } from \"../lib/api.ts\";\nimport { vibrate } from \"../lib/messages.ts\";\n\ntype Props = {\n mode: \"setup\" | \"unlock\";\n onUnlocked: () => void;\n};\n\nconst MIN_POINTS = 4;\n\nexport default function PatternGate({ mode, onUnlocked }: Props) {\n const [path, setPath] = useState([]);\n const [pending, setPending] = useState(null);\n const [error, setError] = useState(\"\");\n const [busy, setBusy] = useState(false);\n\n const pathRef = useRef([]);\n const tracingRef = useRef(false);\n const busyRef = useRef(false);\n const dotRefs = useRef>([]);\n\n const reset = useCallback(() => {\n pathRef.current = [];\n setPath([]);\n }, []);\n\n const addDot = useCallback((dot: number) => {\n if (pathRef.current.includes(dot)) return;\n pathRef.current = [...pathRef.current, dot];\n setPath(pathRef.current);\n vibrate([12]);\n }, []);\n\n const dotAt = useCallback((x: number, y: number): number | null => {\n for (let index = 0; index < 9; index++) {\n const element = dotRefs.current[index];\n if (!element) continue;\n const rect = element.getBoundingClientRect();\n const centerX = rect.left + rect.width / 2;\n const centerY = rect.top + rect.height / 2;\n const radius = Math.max(rect.width, 46);\n if (Math.hypot(x - centerX, y - centerY) <= radius) return index + 1;\n }\n return null;\n }, []);\n\n const submit = useCallback(\n async (pattern: string) => {\n if (busyRef.current) return;\n busyRef.current = true;\n setBusy(true);\n setError(\"\");\n try {\n if (mode === \"setup\") {\n if (pending === null) {\n setPending(pattern);\n reset();\n return;\n }\n if (pending !== pattern) {\n setPending(null);\n reset();\n setError(\"Les deux schémas ne correspondent pas. Recommence.\");\n return;\n }\n const result = await setupPattern(pattern);\n if (result.ok) {\n onUnlocked();\n return;\n }\n setPending(null);\n reset();\n setError(\"Enregistrement impossible. Recharge la page et réessaie.\");\n return;\n }\n\n const result = await unlockPattern(pattern);\n if (result.ok) {\n onUnlocked();\n return;\n }\n reset();\n setError(\"Schéma incorrect.\");\n } catch {\n reset();\n setError(\"Erreur réseau. Réessaie.\");\n } finally {\n busyRef.current = false;\n setBusy(false);\n }\n },\n [mode, onUnlocked, pending, reset],\n );\n\n const handlePointerDown = useCallback(\n (event: React.PointerEvent) => {\n if (busyRef.current) return;\n event.currentTarget.setPointerCapture(event.pointerId);\n tracingRef.current = true;\n setError(\"\");\n reset();\n const dot = dotAt(event.clientX, event.clientY);\n if (dot !== null) addDot(dot);\n },\n [addDot, dotAt, reset],\n );\n\n const handlePointerMove = useCallback(\n (event: React.PointerEvent) => {\n if (!tracingRef.current) return;\n const dot = dotAt(event.clientX, event.clientY);\n if (dot !== null) addDot(dot);\n },\n [addDot, dotAt],\n );\n\n const handlePointerUp = useCallback(() => {\n if (!tracingRef.current) return;\n tracingRef.current = false;\n const current = pathRef.current;\n if (current.length < MIN_POINTS) {\n reset();\n setError(\"Relie au moins 4 points.\");\n return;\n }\n void submit(current.join(\"\"));\n }, [reset, submit]);\n\n const points = path\n .map((dot) => `${((dot - 1) % 3) + 0.5},${Math.floor((dot - 1) / 3) + 0.5}`)\n .join(\" \");\n\n const hint = mode === \"setup\"\n ? pending === null\n ? \"Trace ton schéma de déverrouillage (4 points minimum).\"\n : \"Reproduis exactement le même schéma pour confirmer.\"\n : \"Trace ton schéma pour accéder au scanner.\";\n\n return (\n

\n SAMI.TECH\n

{hint}

\n\n \n \n

\n {Array.from({ length: 9 }, (_, index) => (\n \n {\n dotRefs.current[index] = element;\n }}\n />\n

\n ))}\n

\n \n\n

{error}

\n\n

\n {\n reset();\n setPending(null);\n setError(\"\");\n }}\n >\n EFFACER\n \n

\n \n );\n}",[],[130,190,254],"fbf5dc9f-bcef-4638-8c09-b1c84bcaad75","ManualEntry.tsx","a4a1edc8-b154-11f1-aa9a-1607ee4eb77e",14,["D",1789511252256],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\n/**\n * SAISIE MANUELLE — directement sous la caméra.\n * Mêmes règles que le scanner : A-Z, 0-9, `_`, `-`, 6 à 64 caractères, majuscules.\n * La touche Entrée lance la vérification. La caméra n'est jamais fermée ici.\n */\nimport React from \"https://esm.sh/react@18.2.0\";\n\ntype Props = {\n value: string;\n onChange: (value: string) => void;\n onSubmit: (value: string) => void;\n disabled?: boolean;\n};\n\nconst MIN_LENGTH = 6;\nconst MAX_LENGTH = 64;\n\nexport default function ManualEntry({ value, onChange, onSubmit, disabled = false }: Props) {\n const canSubmit = value.trim().length >= MIN_LENGTH && !disabled;\n\n return (\n

SAISIE MANUELLE

\n {\n event.preventDefault();\n if (canSubmit) onSubmit(value.trim().toUpperCase());\n }}\n >\n {\n const clean = event.target.value\n .toUpperCase()\n .replace(/[^A-Z0-9_-]/g, \"\")\n .slice(0, MAX_LENGTH);\n onChange(clean);\n }}\n />\n \n \n

\n );\n}",[],[130,190,261],"62a5fdbe-684a-480f-82a7-af6c6aad1e52","HistoryList.tsx","a4a69242-b154-11f1-aa9a-1607ee4eb77e",15,["D",1789511252288],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\n/**\n * DERNIERS RETOURS VALIDÉS — historique d'affichage uniquement.\n * Ce n'est pas une preuve serveur : la source de vérité reste OM Express.\n */\nimport React from \"https://esm.sh/react@18.2.0\";\n\ntype Props = {\n items: string[];\n};\n\nexport default function HistoryList({ items }: Props) {\n return (\n

DERNIERS RETOURS VALIDÉS

\n {items.length === 0 ? (\n

Aucun retour validé pour l'instant.

\n ) : (\n

\n ✓\n {tracking}\n

\n )}\n

\n );\n}",[],[130,190,269],"3b06a799-b3f3-4d8c-ac2a-3c763a1b5d3b","App.tsx","b3594b36-b154-11f1-a81e-1607ee4eb77e",76,["D",1789513633536],17,"/** @jsxImportSource https://esm.sh/react@18.2.0 */\n/**\n * Application principale — machine à états du scanner continu.\n *\n * Ordre visuel imposé :\n * 1. En-tête SAMI.TECH / Retours Ecotrack\n * 2. ÉTAT (voyant coloré : vert ok, ambre busy/warn, rouge error, gris idle)\n * 3. Caméra / Scanner QR (cadre blanc / vert / rouge)\n * 4. SAISIE MANUELLE\n * 5. VALIDER LE RETOUR (uniquement si le colis est éligible)\n * 6. DERNIERS RETOURS VALIDÉS\n * 7. Footer\n *\n * Niveaux de fiabilité distingués en permanence :\n * QR détecté ≠ tracking trouvé ≠ retour éligible ≠ retour validé.\n */\nimport React, { useCallback, useEffect, useRef, useState } from \"https://esm.sh/react@18.2.0\";\nimport { isReturnReadyStatus } from \"../../shared/status.ts\";\nimport {\n fetchAccessStatus,\n fetchConfig,\n fetchReadyReturns,\n lockApp,\n validateReturn,\n validateTracking,\n} from \"../lib/api.ts\";\nimport type { ReadyReturn, ValidateResponse } from \"../lib/api.ts\";\nimport { messageForCode, statusLabel, toneForCode, vibrate } from \"../lib/messages.ts\";\nimport type { StatusTone } from \"../lib/messages.ts\";\nimport HistoryList from \"./HistoryList.tsx\";\nimport ManualEntry from \"./ManualEntry.tsx\";\nimport PatternGate from \"./PatternGate.tsx\";\nimport ReturnsReadyCard from \"./ReturnsReadyCard.tsx\";\nimport type { ReadyState, ScanMode } from \"./ReturnsReadyCard.tsx\";\nimport ReturnDetailSheet from \"./ReturnDetailSheet.tsx\";\nimport Scanner from \"./Scanner.tsx\";\nimport Settings from \"./Settings.tsx\";\nimport StatusPanel from \"./StatusPanel.tsx\";\n\ntype AccessState = \"loading\" | \"setup\" | \"locked\" | \"open\";\ntype FrameTone = \"neutral\" | \"ok\" | \"error\";\n\nconst RESUME_DELAY_MS = 800;\nconst HISTORY_LIMIT = 8;\n\nexport default function App() {\n const [access, setAccess] = useState(\"loading\");\n const [statusText, setStatusText] = useState(\"Prêt à scanner\");\n const [tone, setTone] = useState(\"idle\");\n const [hint, setHint] = useState(\"\");\n const [tracking, setTracking] = useState(\"\");\n const [result, setResult] = useState(null);\n const [validating, setValidating] = useState(false);\n const [scanning, setScanning] = useState(false);\n const [manualValue, setManualValue] = useState(\"\");\n const [history, setHistory] = useState([]);\n const [settingsOpen, setSettingsOpen] = useState(false);\n const [apiSaved, setApiSaved] = useState(false);\n /** Mode de lecture du scanner existant : normal ou contrôle « retour prêt ». */\n const [scanMode, setScanMode] = useState(\"normal\");\n /** Liste RETOURS PRÊTS, chargée depuis le backend (token Ecotrack côté serveur). */\n const [readyState, setReadyState] = useState({\n loaded: false,\n loading: false,\n items: [],\n source: \"\",\n error: \"\",\n diagnostics: [],\n });\n /** Fiche retour ouverte depuis la liste. */\n const [selected, setSelected] = useState(null);\n\n const resumeTimer = useRef(null);\n const trackingRef = useRef(\"\");\n const validatingRef = useRef(false);\n\n useEffect(() => {\n trackingRef.current = tracking;\n }, [tracking]);\n\n useEffect(() => {\n return () => {\n if (resumeTimer.current !== null) window.clearTimeout(resumeTimer.current);\n };\n }, []);\n\n /** Met à jour l'ÉTAT : texte + couleur + ligne de détail optionnelle. */\n const showStatus = useCallback(\n (text: string, nextTone: StatusTone = \"busy\", nextHint = \"\") => {\n setStatusText(text);\n setTone(nextTone);\n setHint(nextHint);\n },\n [],\n );\n\n /* ---------------------------------------------------------------- */\n /* Reprise automatique du scanner (jamais de fermeture caméra) */\n /* ---------------------------------------------------------------- */\n\n const resume = useCallback((delayMs: number = RESUME_DELAY_MS) => {\n if (resumeTimer.current !== null) window.clearTimeout(resumeTimer.current);\n setScanning(false);\n resumeTimer.current = window.setTimeout(() => {\n resumeTimer.current = null;\n setTracking(\"\");\n setResult(null);\n setHint(\"\");\n setTone(\"busy\");\n setScanning(true);\n }, delayMs);\n }, []);\n\n /* ---------------------------------------------------------------- */\n /* Déverrouillage */\n /* ---------------------------------------------------------------- */\n\n useEffect(() => {\n let cancelled = false;\n void (async () => {\n try {\n const data = await fetchAccessStatus();\n if (cancelled) return;\n if (!data.configured) setAccess(\"setup\");\n else if (data.unlocked) setAccess(\"open\");\n else setAccess(\"locked\");\n } catch {\n if (!cancelled) setAccess(\"locked\");\n }\n })();\n return () => {\n cancelled = true;\n };\n }, []);\n\n useEffect(() => {\n if (access !== \"open\") return;\n void (async () => {\n try {\n const data = await fetchConfig();\n setApiSaved(Boolean(data.apiSaved));\n } catch {\n /* ignore */\n }\n })();\n }, [access]);\n\n const handleLock = useCallback(async () => {\n setSettingsOpen(false);\n setScanning(false);\n try {\n await lockApp();\n } catch {\n /* ignore */\n }\n setTracking(\"\");\n setResult(null);\n setAccess(\"locked\");\n }, []);\n\n /* ---------------------------------------------------------------- */\n /* Vérification d'un tracking (QR ou saisie manuelle) */\n /* ---------------------------------------------------------------- */\n\n const handleTracking = useCallback(\n async (value: string) => {\n const clean = value.trim().toUpperCase();\n if (!clean) return;\n\n setTracking(clean);\n setResult(null);\n showStatus(\"Vérification du tracking…\", \"busy\");\n\n try {\n const response = await validateTracking(clean);\n\n if (!response.ok) {\n if (response.code === \"UNAUTHORIZED\") {\n setAccess(\"locked\");\n return;\n }\n showStatus(\n messageForCode(response.code),\n toneForCode(response.code),\n response.debug ? `Réponse OM Express : ${response.debug}` : \"\",\n );\n resume(900);\n return;\n }\n\n setResult(response);\n\n if (response.ready && isReturnReadyStatus(response.statusRaw)) {\n // Colis éligible : le scanner reste EN PAUSE, VALIDER LE RETOUR s'affiche.\n showStatus(\n scanMode === \"returns_ready\"\n ? \"RETOUR PRÊT À VALIDER\"\n : `Tracking trouvé dans OM Express — ${statusLabel(response.statusRaw)}`,\n \"ok\",\n );\n return;\n }\n\n showStatus(\n scanMode === \"returns_ready\"\n ? `RETOUR NON PRÊT — ${statusLabel(response.statusRaw)}`\n : response.alreadyValidated\n ? `Retour déjà validé dans OM Express — ${statusLabel(response.statusRaw)}`\n : `Tracking trouvé — statut « ${statusLabel(response.statusRaw)} » : validation impossible.`,\n \"warn\",\n );\n resume(900);\n } catch {\n showStatus(\"Erreur réseau — vérifie ta connexion.\", \"error\");\n resume(900);\n }\n },\n [resume, showStatus, scanMode],\n );\n\n const handleManualSubmit = useCallback(\n (value: string) => {\n // La caméra n'est PAS fermée : simple pause logique du scanner.\n setScanning(false);\n void handleTracking(value);\n },\n [handleTracking],\n );\n\n /* ---------------------------------------------------------------- */\n /* Mode RETOURS PRÊTS — réutilise le scanner existant, une caméra */\n /* ---------------------------------------------------------------- */\n\n // `resume()` relance le scanLoop existant : la caméra n'est jamais fermée.\n const startReturnsReadyScan = useCallback(() => {\n setScanMode(\"returns_ready\");\n resume(60);\n }, [resume]);\n\n const stopReturnsReadyScan = useCallback(() => {\n setScanMode(\"normal\");\n resume(60);\n }, [resume]);\n\n /* ---------------------------------------------------------------- */\n /* Liste RETOURS PRÊTS (chargée côté serveur) */\n /* ---------------------------------------------------------------- */\n\n const loadReadyReturns = useCallback(async () => {\n setReadyState((previous) => ({ ...previous, loading: true, error: \"\" }));\n try {\n const data = await fetchReadyReturns();\n if (!data.ok) {\n if (data.code === \"UNAUTHORIZED\") {\n setAccess(\"locked\");\n return;\n }\n setReadyState({\n loaded: true,\n loading: false,\n items: [],\n source: \"\",\n error: messageForCode(data.code ?? \"\"),\n diagnostics: [],\n });\n return;\n }\n setReadyState({\n loaded: true,\n loading: false,\n items: data.items ?? [],\n source: data.source ?? \"\",\n error: \"\",\n diagnostics: data.diagnostics ?? [],\n });\n } catch {\n setReadyState({\n loaded: true,\n loading: false,\n items: [],\n source: \"\",\n error: \"Erreur réseau — liste indisponible.\",\n diagnostics: [],\n });\n }\n }, []);\n\n const handleSelectReady = useCallback((item: ReadyReturn) => {\n // Pause logique du scanner : la caméra reste ouverte.\n setScanning(false);\n setTracking(item.tracking);\n setSelected(item);\n }, []);\n\n const handleCloseDetail = useCallback(() => {\n setSelected(null);\n resume(60);\n }, [resume]);\n\n /* ---------------------------------------------------------------- */\n /* Validation officielle du retour */\n /* ---------------------------------------------------------------- */\n\n const handleValidateReturn = useCallback(async () => {\n if (validatingRef.current) return;\n const current = trackingRef.current;\n if (!current) return;\n\n validatingRef.current = true;\n setValidating(true);\n showStatus(\"Validation du retour dans OM Express…\", \"busy\");\n\n try {\n const response = await validateReturn(current);\n\n if (response.code === \"UNAUTHORIZED\") {\n setAccess(\"locked\");\n return;\n }\n\n if (response.ok && response.confirmed) {\n showStatus(\"Retour validé avec succès dans OM Express.\", \"ok\");\n vibrate([100, 50, 160]);\n setHistory((previous) =>\n [current, ...previous.filter((item) => item !== current)].slice(0, HISTORY_LIMIT)\n );\n setManualValue(\"\");\n setTracking(\"\");\n setResult(null);\n resume(700);\n return;\n }\n\n if (response.ok && response.code === \"RETURN_ACCEPTED_UNCONFIRMED\") {\n showStatus(\"Requête reçue par OM Express, mais validation non confirmée.\", \"warn\");\n resume(900);\n return;\n }\n\n showStatus(messageForCode(response.code), toneForCode(response.code));\n resume(900);\n } catch {\n showStatus(\"Erreur réseau — validation non confirmée.\", \"error\");\n resume(900);\n } finally {\n validatingRef.current = false;\n setValidating(false);\n }\n }, [resume, showStatus]);\n\n /** Validation depuis la fiche retour : même route, même vérification serveur. */\n const handleValidateFromDetail = useCallback(async () => {\n await handleValidateReturn();\n setSelected(null);\n void loadReadyReturns();\n }, [handleValidateReturn, loadReadyReturns]);\n\n /* ---------------------------------------------------------------- */\n /* Rendu */\n /* ---------------------------------------------------------------- */\n\n if (access === \"loading\") {\n return (\n

Chargement…

\n );\n }\n\n if (access === \"setup\" || access === \"locked\") {\n return (\n setAccess(\"open\")}\n />\n );\n }\n\n const ready = !!result && result.ok && result.ready && isReturnReadyStatus(result.statusRaw);\n const frameTone: FrameTone = tone === \"error\" ? \"error\" : ready ? \"ok\" : \"neutral\";\n\n return (\n

\n \n SAMI.TECH\n \n Retours Ecotrack\n

\n setSettingsOpen(true)}\n >\n ⚙\n \n

\n\n \n\n

\n setScanning(true)}\n onTracking={handleTracking}\n onStatus={(text, nextTone) => showStatus(text, nextTone ?? \"busy\")}\n />\n

\n\n \n\n \n\n {ready ? (\n \n {validating ? \"VALIDATION…\" : \"VALIDER LE RETOUR\"}\n \n ) : null}\n\n \n\n \n\n setSettingsOpen(false)}\n onSaved={setApiSaved}\n onLock={handleLock}\n />\n\n \n

\n );\n}",[],[130,190,277],["D",1789511156996],[288,289,290],[19],{"_36":68,"_13":69,"_39":70,"_41":42,"_43":44,"_45":71,"_47":48,"_49":297,"_17":73,"_52":53,"_54":74,"_56":57,"_58":-5,"_94":298,"_18":299},{"_36":60,"_13":61,"_39":62,"_41":42,"_43":44,"_45":63,"_47":48,"_49":294,"_17":65,"_52":53,"_54":66,"_56":57,"_58":-5,"_94":295,"_18":296},{"_36":37,"_13":38,"_39":40,"_41":42,"_43":44,"_45":46,"_47":48,"_49":291,"_17":51,"_52":53,"_54":55,"_56":57,"_58":-5,"_94":292,"_18":293},["D",1789514201578],[],[19,38],["D",1789513419610],[],[19,61],["D",1789511174778],[],[19,69],"ad65941b-e0c0-4a5b-89cf-11fa973d849a",["D",1789511143425],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","Scanner QR retours Ecotrack / OM Express + validation","imageUrl","userId","0afb5d64-ebeb-4598-bd32-72c469e46178","pinnedFileId","pinPreview","pinMigrated","screenshotVersion","likeCount","orgId","01a0a729-dd66-7509-8ac1-c1c985b77337","tursoName","ad65941be0c04a5b89cf11fa973d849a","tursoHostname","ad65941be0c04a5b89cf11fa973d849a-val-town.aws-us-east-2.turso.io","tursoMeasuredAt",["D",1789609258211],"pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_11":12,"_357":353},"org",{"_11":12,"_350":351,"_352":353,"_310":311,"_354":355,"_356":57},"branch",{"_17":46,"_13":16,"_36":44,"_342":300,"_343":-5,"_344":-5,"_345":-5,"_346":-5,"_347":-5,"_348":14,"_349":12},"isOwned","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","displayName","sam rad","avatar","https://lh3.googleusercontent.com/a/ACg8ocLICX6mI-c9kDJUPFWRkbqww500mXryFODjCM8HOcTYTBsqIA=s96-c","tier","free","canRestrictVals","profileImageUrl","adoptOrgId",{"_36":300,"_13":14,"_49":474,"_302":-5,"_303":57,"_304":305,"_306":305,"_307":308,"_309":-5,"_310":311,"_312":88,"_313":48,"_314":-5,"_315":-5,"_316":73,"_317":318,"_319":320,"_321":322,"_323":475,"_325":-5,"_326":327,"_328":327,"_329":330,"_331":330,"_332":330,"_333":327,"_334":327,"_335":476,"_337":477,"_339":478,"_341":57},[393,397,415,418,419],"files",[393,394,395,396,397,398,399,400,401,402,403,404,405,406,407,408,409,410,411,412,413,414,415,416,417,418,419],"counts",{"_384":73,"_385":108,"_386":73,"_32":387,"_388":389},[378,379,380],{"_36":76,"_13":19,"_39":42,"_41":-5,"_43":44,"_45":77,"_47":48,"_49":78,"_17":73,"_52":79,"_54":-5,"_56":57,"_58":-5,"_18":377},"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},[19],{"_36":68,"_13":69,"_39":70,"_41":42,"_43":44,"_45":71,"_47":48,"_49":72,"_17":73,"_52":53,"_54":74,"_56":57,"_58":-5,"_18":383},{"_36":60,"_13":61,"_39":62,"_41":42,"_43":44,"_45":63,"_47":48,"_49":64,"_17":65,"_52":53,"_54":66,"_56":57,"_58":-5,"_18":382},{"_36":37,"_13":38,"_39":40,"_41":42,"_43":44,"_45":46,"_47":48,"_49":50,"_17":51,"_52":53,"_54":55,"_56":57,"_58":-5,"_18":381},[19,38],[19,61],[19,69],"pulls","branches","forks",{"_390":73,"_392":73},"connections",{"_390":73,"_391":73},"count","unfilledCount","emptyCount",{"_36":76,"_13":19,"_39":42,"_41":-5,"_43":44,"_45":77,"_47":48,"_49":285,"_17":73,"_52":79,"_54":-5,"_56":57,"_58":-5,"_94":472,"_18":473},{"_36":68,"_13":69,"_39":70,"_41":42,"_43":44,"_45":71,"_47":48,"_49":297,"_17":73,"_52":53,"_54":74,"_56":57,"_58":-5,"_94":470,"_18":471},{"_36":60,"_13":61,"_39":62,"_41":42,"_43":44,"_45":63,"_47":48,"_49":294,"_17":65,"_52":53,"_54":66,"_56":57,"_58":-5,"_94":468,"_18":469},{"_36":37,"_13":38,"_39":40,"_41":42,"_43":44,"_45":46,"_47":48,"_49":291,"_17":51,"_52":53,"_54":55,"_56":57,"_58":-5,"_94":466,"_18":467},{"_36":129,"_13":130,"_39":131,"_41":-5,"_43":44,"_45":132,"_47":48,"_49":133,"_17":73,"_52":79,"_54":-5,"_56":57,"_58":-5,"_94":464,"_18":465},{"_36":189,"_13":190,"_39":191,"_41":131,"_43":44,"_45":192,"_47":48,"_49":193,"_17":73,"_52":79,"_54":-5,"_56":57,"_58":-5,"_94":462,"_18":463},{"_36":276,"_13":277,"_39":278,"_41":191,"_43":44,"_45":279,"_47":48,"_49":280,"_17":281,"_52":53,"_54":282,"_56":57,"_58":-5,"_94":460,"_18":461},{"_36":268,"_13":269,"_39":270,"_41":191,"_43":44,"_45":271,"_47":48,"_49":272,"_17":73,"_52":53,"_54":273,"_56":57,"_58":-5,"_94":458,"_18":459},{"_36":260,"_13":261,"_39":262,"_41":191,"_43":44,"_45":263,"_47":48,"_49":264,"_17":73,"_52":53,"_54":265,"_56":57,"_58":-5,"_94":456,"_18":457},{"_36":253,"_13":254,"_39":255,"_41":191,"_43":44,"_45":192,"_47":48,"_49":256,"_17":73,"_52":53,"_54":257,"_56":57,"_58":-5,"_94":454,"_18":455},{"_36":245,"_13":246,"_39":247,"_41":191,"_43":44,"_45":248,"_47":48,"_49":249,"_17":108,"_52":53,"_54":250,"_56":57,"_58":-5,"_94":452,"_18":453},{"_36":237,"_13":238,"_39":239,"_41":191,"_43":44,"_45":240,"_47":48,"_49":241,"_17":73,"_52":53,"_54":242,"_56":57,"_58":-5,"_94":450,"_18":451},{"_36":229,"_13":230,"_39":231,"_41":191,"_43":44,"_45":232,"_47":48,"_49":233,"_17":77,"_52":53,"_54":234,"_56":57,"_58":-5,"_94":448,"_18":449},{"_36":221,"_13":222,"_39":223,"_41":191,"_43":44,"_45":224,"_47":48,"_49":225,"_17":167,"_52":53,"_54":226,"_56":57,"_58":-5,"_94":446,"_18":447},{"_36":214,"_13":215,"_39":216,"_41":191,"_43":44,"_45":51,"_47":48,"_49":217,"_17":73,"_52":53,"_54":218,"_56":57,"_58":-5,"_94":444,"_18":445},{"_36":206,"_13":207,"_39":208,"_41":191,"_43":44,"_45":209,"_47":48,"_49":210,"_17":108,"_52":53,"_54":211,"_56":57,"_58":-5,"_94":442,"_18":443},{"_36":164,"_13":165,"_39":166,"_41":131,"_43":44,"_45":167,"_47":48,"_49":168,"_17":73,"_52":79,"_54":-5,"_56":57,"_58":-5,"_94":440,"_18":441},{"_36":181,"_13":182,"_39":183,"_41":166,"_43":44,"_45":184,"_47":48,"_49":185,"_17":65,"_52":53,"_54":186,"_56":57,"_58":-5,"_94":438,"_18":439},{"_36":173,"_13":174,"_39":175,"_41":166,"_43":44,"_45":176,"_47":48,"_49":177,"_17":108,"_52":53,"_54":178,"_56":57,"_58":-5,"_94":436,"_18":437},{"_36":157,"_13":158,"_39":159,"_41":131,"_43":44,"_45":132,"_47":48,"_49":160,"_17":73,"_52":24,"_54":161,"_56":57,"_58":-5,"_94":434,"_18":435},{"_36":149,"_13":150,"_39":151,"_41":131,"_43":44,"_45":152,"_47":48,"_49":153,"_17":73,"_52":53,"_54":154,"_56":57,"_58":-5,"_94":432,"_18":433},{"_36":141,"_13":142,"_39":143,"_41":131,"_43":44,"_45":144,"_47":48,"_49":145,"_17":71,"_52":24,"_54":146,"_56":57,"_58":-5,"_94":430,"_18":431},{"_36":105,"_13":106,"_39":107,"_41":-5,"_43":44,"_45":108,"_47":48,"_49":109,"_17":73,"_52":79,"_54":-5,"_56":57,"_58":-5,"_94":428,"_18":429},{"_36":121,"_13":122,"_39":123,"_41":107,"_43":44,"_45":124,"_47":48,"_49":125,"_17":108,"_52":53,"_54":126,"_56":57,"_58":-5,"_94":426,"_18":427},{"_36":114,"_13":115,"_39":116,"_41":107,"_43":44,"_45":65,"_47":48,"_49":117,"_17":73,"_52":53,"_54":118,"_56":57,"_58":-5,"_94":424,"_18":425},{"_36":97,"_13":98,"_39":99,"_41":-5,"_43":44,"_45":100,"_47":48,"_49":101,"_17":73,"_52":24,"_54":102,"_56":57,"_58":-5,"_94":422,"_18":423},{"_36":86,"_13":87,"_39":88,"_41":-5,"_43":44,"_45":89,"_47":48,"_49":90,"_17":91,"_52":92,"_54":93,"_56":57,"_58":-5,"_94":420,"_18":421},[],[87],[],[98],[],[106,115],[],[106,122],[416,417],[106],[],[130,142],[],[130,150],[],[130,158],[],[130,165,174],[],[130,165,182],[410,411],[130,165],[],[130,190,207],[],[130,190,215],[],[130,190,222],[],[130,190,230],[],[130,190,238],[],[130,190,246],[],[130,190,254],[],[130,190,261],[],[130,190,269],[],[130,190,277],[399,400,401,402,403,404,405,406,407,408],[130,190],[398,409,412,413,414],[130],[],[19,38],[],[19,61],[],[19,69],[394,395,396],[19],["D",1789511143425],["D",1789609258211],{"_11":12,"_357":353},{"_11":12,"_350":351,"_352":353,"_310":311,"_354":355,"_356":57},{"_17":46,"_13":16,"_36":44,"_342":300,"_343":-5,"_344":-5,"_345":-5,"_346":-5,"_347":-5,"_348":14,"_349":12},"ctx",{"_335":-5,"_374":512,"_513":514,"_515":516,"_517":57,"_518":57,"_519":57,"_520":48,"_521":-5,"_522":-7,"_523":-7,"_524":73,"_525":57,"_526":57,"_527":-5,"_528":57,"_529":57,"_530":57,"_531":-5},"ENV",{"_483":484,"_485":486,"_487":16,"_488":489,"_490":491,"_492":493,"_494":495,"_496":497,"_498":499,"_500":501,"_502":503,"_504":505,"_506":507,"_508":509,"_510":511},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","c73f21da490985bff19c279eb0e09db24d688e4f","RENDER_GIT_BRANCH","POSTHOG_API_TOKEN","phc_nmoyuAkStEZuUp69rYlg1DZgrIt19Gx0Y4Hwf8tGgJP","POSTHOG_API_HOST","https://wart.val.town","WEB_API_TEMPLATE","https://{val}.web.val.run","APP_URL","https://www.val.town","MODULE_URL","https://esm.town","VANITY_WEB_API_TEMPLATE","https://{label}.val.run/","DENOLS_URL","https://lsp.val.town","NODE_ENV","production","CLOUDFLARE_TURNSTILE_SITE_KEY","0x4AAAAAACtaIZJH7s9rBMZ6","GOOGLE_CLIENT_ID","875989696899-jtsqkhlbdv5jrlsk8631p7ipjg3c6o62.apps.googleusercontent.com","STRIPE_PUBLISHABLE_KEY","pk_live_51N2zvWEpZTTLipIkVEwXrUG9AT0yeOOEYxszarZT1jpsZV58Ly6wlg3SltZpHN26CUalOBmUSY7adQRQiSkCZz2500qSXNkf8Y","API_URL","https://api.val.town",[],"preferencesKeybindings","default","preferencesTheme","light","preferencesFixers","preferencesCopilot","preferencesSelectionAi","preferencesCloseBrackets","preferencesChatPanelState","preferencesDprint","preferencesDenofmt","notificationCount","flagDenols","isBusinessOrgMember","businessOrgHandle","isBusinessOrgAdmin","isHigherTownieTier","navCollapsed","currentOrgId"]