@rsuci/shared-form-components 1.0.77 → 1.0.79

package/dist/components/IdDocInput.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"IdDocInput.d.ts","sourceRoot":"","sources":["../../src/components/IdDocInput.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAIH,OAAO,KAAsC,MAAM,OAAO,CAAC;AAC3D,OAAO,EAAE,kBAAkB,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAIrE,MAAM,WAAW,eAAe;IAC9B,QAAQ,EAAE,kBAAkB,CAAC;IAC7B,KAAK,EAAE,aAAa,CAAC;IACrB,QAAQ,EAAE,CAAC,KAAK,EAAE,aAAa,KAAK,IAAI,CAAC;IACzC,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAuBD,QAAA,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAkYzC,CAAC;AAEF,eAAe,UAAU,CAAC"}
+{"version":3,"file":"IdDocInput.d.ts","sourceRoot":"","sources":["../../src/components/IdDocInput.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAIH,OAAO,KAAsC,MAAM,OAAO,CAAC;AAC3D,OAAO,EAAE,kBAAkB,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAKrE,MAAM,WAAW,eAAe;IAC9B,QAAQ,EAAE,kBAAkB,CAAC;IAC7B,KAAK,EAAE,aAAa,CAAC;IACrB,QAAQ,EAAE,CAAC,KAAK,EAAE,aAAa,KAAK,IAAI,CAAC;IACzC,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAuBD,QAAA,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CA+XzC,CAAC;AAEF,eAAe,UAAU,CAAC"}

package/dist/components/IdDocInput.js

@@ -9,6 +9,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React, { useState, useEffect, useRef } from 'react';
 import { AlertCircle, Camera, Upload, X, FileText, CreditCard } from 'lucide-react';
+import { VariableValueConverter } from '../lib/utils/variableValueConverter';
 // Types de documents d'identité supportés
 const DOC_TYPES = [
     { code: 'CNI', label: 'Carte Nationale d\'Identité' },
@@ -44,10 +45,8 @@ const IdDocInput = ({ variable, value, onChange, onBlur, error, disabled }) => {
     }, [value]);
     // Mettre à jour l'aperçu quand la valeur change
     useEffect(() => {
-        if (currentData.file) {
-            const reader = new FileReader();
-            reader.onload = (e) => setPreview(e.target?.result);
-            reader.readAsDataURL(currentData.file);
+        if (currentData.imageData) {
+            setPreview(currentData.imageData);
         }
         else {
             setPreview(null);
@@ -55,7 +54,7 @@ const IdDocInput = ({ variable, value, onChange, onBlur, error, disabled }) => {
                 fileInputRef.current.value = '';
             }
         }
-    }, [currentData.file]);
+    }, [currentData.imageData]);
     // Nettoyer le stream quand le composant est démonté
     useEffect(() => {
         return () => {
@@ -64,24 +63,25 @@ const IdDocInput = ({ variable, value, onChange, onBlur, error, disabled }) => {
             }
         };
     }, [stream]);
-    // Mettre à jour les données
+    // Mettre à jour les données (sérialiser en JSON string comme DatePicker le fait pour les dates)
     const updateData = (updates) => {
         const newData = { ...currentData, ...updates };
-        onChange(JSON.stringify(newData));
+        const serializedValue = VariableValueConverter.serialize(newData, variable.typeCode);
+        onChange(serializedValue);
     };
     // Gérer la sélection de fichier
-    const handleFileSelect = (event) => {
+    const handleFileSelect = async (event) => {
         if (disabled)
             return;
         const file = event.target.files?.[0];
         if (!file)
             return;
-        processFile(file);
+        await processFile(file);
     };
     // Traiter le fichier sélectionné
-    const processFile = (file) => {
-        // Validation de la taille
-        const maxSize = variable.proprietes?.maxFileSize || 10 * 1024 * 1024; // 10MB par défaut
+    const processFile = async (file) => {
+        // Validation de la taille (5MB)
+        const maxSize = variable.proprietes?.maxFileSize || 5 * 1024 * 1024;
         if (file.size > maxSize) {
             alert(`Fichier trop volumineux. Taille maximum: ${Math.round(maxSize / 1024 / 1024)}MB`);
             return;
@@ -95,12 +95,13 @@ const IdDocInput = ({ variable, value, onChange, onBlur, error, disabled }) => {
             alert(`Type de fichier non supporté. Types acceptés: ${acceptedTypes.join(', ')}`);
             return;
         }
-        // Sauvegarder le fichier
+        // Convertir en base64
+        const imageData = await VariableValueConverter.fileToBase64(file);
         updateData({
-            file,
-            fileName: file.name,
-            fileSize: file.size,
-            fileType: file.type,
+            imageData,
+            name: file.name,
+            size: file.size,
+            type: file.type,
             timestamp: new Date(),
             source: captureMode === 'camera' ? 'camera' : 'upload'
         });
@@ -113,7 +114,7 @@ const IdDocInput = ({ variable, value, onChange, onBlur, error, disabled }) => {
             setIsCapturing(true);
             const mediaStream = await navigator.mediaDevices.getUserMedia({
                 video: {
-                    facingMode: 'environment' // Caméra arrière par défaut
+                    facingMode: 'environment'
                 }
             });
             setStream(mediaStream);
@@ -144,16 +145,13 @@ const IdDocInput = ({ variable, value, onChange, onBlur, error, disabled }) => {
         const context = canvas.getContext('2d');
         if (!context)
             return;
-        // Définir les dimensions du canvas
         canvas.width = video.videoWidth;
         canvas.height = video.videoHeight;
-        // Dessiner l'image du video sur le canvas
         context.drawImage(video, 0, 0);
-        // Convertir en blob
-        canvas.toBlob((blob) => {
+        canvas.toBlob(async (blob) => {
             if (blob) {
                 const file = new File([blob], `iddoc_${Date.now()}.jpg`, { type: 'image/jpeg' });
-                processFile(file);
+                await processFile(file);
                 stopCamera();
             }
         }, 'image/jpeg', 0.9);
@@ -161,10 +159,10 @@ const IdDocInput = ({ variable, value, onChange, onBlur, error, disabled }) => {
     // Supprimer le document
     const clearDocument = () => {
         updateData({
-            file: undefined,
-            fileName: undefined,
-            fileSize: undefined,
-            fileType: undefined,
+            imageData: undefined,
+            name: undefined,
+            size: undefined,
+            type: undefined,
             timestamp: undefined,
             source: undefined
         });
@@ -183,6 +181,6 @@ const IdDocInput = ({ variable, value, onChange, onBlur, error, disabled }) => {
                                         startCamera();
                                 }, disabled: disabled, className: `flex items-center px-3 py-2 rounded-lg text-sm font-medium transition-colors ${captureMode === 'camera'
                                     ? 'bg-blue-600 text-white'
-                                    : 'bg-gray-200 text-gray-700 hover:bg-gray-300'} ${disabled ? 'opacity-50 cursor-not-allowed' : ''}`, children: [_jsx(Camera, { className: "w-4 h-4 mr-2" }), "Cam\u00E9ra"] })] }), captureMode === 'upload' && !preview && (_jsxs("div", { className: "relative", children: [_jsx("input", { ref: fileInputRef, type: "file", accept: "image/*,application/pdf", onChange: handleFileSelect, disabled: disabled, className: "absolute inset-0 w-full h-full opacity-0 cursor-pointer" }), _jsxs("div", { className: `flex flex-col items-center justify-center p-6 border-2 border-dashed rounded-lg ${error ? 'border-red-500' : 'border-gray-300'} ${disabled ? 'bg-gray-100 cursor-not-allowed' : 'bg-white hover:border-green-500 cursor-pointer'}`, children: [_jsx(CreditCard, { className: "w-10 h-10 text-gray-400 mb-2" }), _jsx("span", { className: "text-sm text-gray-600", children: "Cliquez ou glissez-d\u00E9posez" }), _jsx("span", { className: "text-xs text-gray-400 mt-1", children: "JPG, PNG, PDF - Max 10MB" })] })] })), captureMode === 'camera' && (_jsxs("div", { className: "space-y-3", children: [isCapturing && (_jsxs("div", { className: "relative", children: [_jsx("video", { ref: videoRef, autoPlay: true, playsInline: true, className: "w-full max-w-md mx-auto rounded-lg border border-gray-300" }), _jsxs("div", { className: "flex justify-center space-x-2 mt-2", children: [_jsxs("button", { type: "button", onClick: capturePhoto, disabled: disabled, className: "flex items-center px-4 py-2 bg-green-600 text-white rounded-lg hover:bg-green-700 focus:ring-2 focus:ring-green-500 focus:ring-offset-2 disabled:opacity-50", children: [_jsx(Camera, { className: "w-4 h-4 mr-2" }), "Capturer"] }), _jsxs("button", { type: "button", onClick: stopCamera, disabled: disabled, className: "flex items-center px-4 py-2 bg-red-600 text-white rounded-lg hover:bg-red-700 focus:ring-2 focus:ring-red-500 focus:ring-offset-2 disabled:opacity-50", children: [_jsx(X, { className: "w-4 h-4 mr-2" }), "Arr\u00EAter"] })] })] })), !isCapturing && !preview && (_jsxs("button", { type: "button", onClick: startCamera, disabled: disabled, className: "w-full flex items-center justify-center px-4 py-3 bg-blue-600 text-white rounded-lg hover:bg-blue-700 focus:ring-2 focus:ring-blue-500 focus:ring-offset-2 disabled:opacity-50", children: [_jsx(Camera, { className: "w-5 h-5 mr-2" }), "D\u00E9marrer la cam\u00E9ra"] }))] })), _jsx("canvas", { ref: canvasRef, style: { display: 'none' } }), preview && (_jsxs("div", { className: "relative", children: [currentData.fileType?.startsWith('image/') ? (_jsx("img", { src: preview, alt: "Aper\u00E7u du document", className: "w-full max-w-md mx-auto rounded-lg shadow-md border border-gray-200" })) : (_jsxs("div", { className: "flex items-center justify-center p-6 bg-gray-100 rounded-lg", children: [_jsx(FileText, { className: "w-10 h-10 text-gray-500 mr-3" }), _jsxs("div", { children: [_jsx("p", { className: "text-sm font-medium text-gray-700", children: currentData.fileName }), _jsx("p", { className: "text-xs text-gray-500", children: currentData.fileSize ? `${Math.round(currentData.fileSize / 1024)} KB` : '' })] })] })), _jsx("button", { type: "button", onClick: clearDocument, disabled: disabled, className: "absolute top-2 right-2 p-1 bg-red-500 text-white rounded-full hover:bg-red-600 focus:ring-2 focus:ring-red-500 focus:ring-offset-2 disabled:opacity-50", children: _jsx(X, { className: "w-4 h-4" }) })] })), currentData.fileName && (_jsxs("div", { className: "p-2 bg-green-50 border border-green-200 rounded text-sm", children: [_jsxs("div", { className: "flex items-center text-green-800", children: [_jsx(FileText, { className: "w-4 h-4 mr-2" }), _jsx("span", { className: "font-medium", children: currentData.fileName })] }), currentData.source && (_jsxs("p", { className: "text-xs text-green-600 mt-1", children: ["Source: ", currentData.source === 'camera' ? 'Caméra' : 'Upload'] }))] }))] }), error && (_jsxs("div", { className: "flex items-center space-x-1 text-red-600 text-sm", children: [_jsx(AlertCircle, { className: "h-4 w-4" }), _jsx("span", { children: error })] }))] }));
+                                    : 'bg-gray-200 text-gray-700 hover:bg-gray-300'} ${disabled ? 'opacity-50 cursor-not-allowed' : ''}`, children: [_jsx(Camera, { className: "w-4 h-4 mr-2" }), "Cam\u00E9ra"] })] }), captureMode === 'upload' && !preview && (_jsxs("div", { className: "relative", children: [_jsx("input", { ref: fileInputRef, type: "file", accept: "image/*,application/pdf", onChange: handleFileSelect, disabled: disabled, className: "absolute inset-0 w-full h-full opacity-0 cursor-pointer" }), _jsxs("div", { className: `flex flex-col items-center justify-center p-6 border-2 border-dashed rounded-lg ${error ? 'border-red-500' : 'border-gray-300'} ${disabled ? 'bg-gray-100 cursor-not-allowed' : 'bg-white hover:border-green-500 cursor-pointer'}`, children: [_jsx(CreditCard, { className: "w-10 h-10 text-gray-400 mb-2" }), _jsx("span", { className: "text-sm text-gray-600", children: "Cliquez ou glissez-d\u00E9posez" }), _jsx("span", { className: "text-xs text-gray-400 mt-1", children: "JPG, PNG, PDF - Max 5MB" })] })] })), captureMode === 'camera' && (_jsxs("div", { className: "space-y-3", children: [isCapturing && (_jsxs("div", { className: "relative", children: [_jsx("video", { ref: videoRef, autoPlay: true, playsInline: true, className: "w-full max-w-md mx-auto rounded-lg border border-gray-300" }), _jsxs("div", { className: "flex justify-center space-x-2 mt-2", children: [_jsxs("button", { type: "button", onClick: capturePhoto, disabled: disabled, className: "flex items-center px-4 py-2 bg-green-600 text-white rounded-lg hover:bg-green-700 focus:ring-2 focus:ring-green-500 focus:ring-offset-2 disabled:opacity-50", children: [_jsx(Camera, { className: "w-4 h-4 mr-2" }), "Capturer"] }), _jsxs("button", { type: "button", onClick: stopCamera, disabled: disabled, className: "flex items-center px-4 py-2 bg-red-600 text-white rounded-lg hover:bg-red-700 focus:ring-2 focus:ring-red-500 focus:ring-offset-2 disabled:opacity-50", children: [_jsx(X, { className: "w-4 h-4 mr-2" }), "Arr\u00EAter"] })] })] })), !isCapturing && !preview && (_jsxs("button", { type: "button", onClick: startCamera, disabled: disabled, className: "w-full flex items-center justify-center px-4 py-3 bg-blue-600 text-white rounded-lg hover:bg-blue-700 focus:ring-2 focus:ring-blue-500 focus:ring-offset-2 disabled:opacity-50", children: [_jsx(Camera, { className: "w-5 h-5 mr-2" }), "D\u00E9marrer la cam\u00E9ra"] }))] })), _jsx("canvas", { ref: canvasRef, style: { display: 'none' } }), preview && (_jsxs("div", { className: "relative", children: [currentData.type?.startsWith('image/') ? (_jsx("img", { src: preview, alt: "Aper\u00E7u du document", className: "w-full max-w-md mx-auto rounded-lg shadow-md border border-gray-200" })) : (_jsxs("div", { className: "flex items-center justify-center p-6 bg-gray-100 rounded-lg", children: [_jsx(FileText, { className: "w-10 h-10 text-gray-500 mr-3" }), _jsxs("div", { children: [_jsx("p", { className: "text-sm font-medium text-gray-700", children: currentData.name }), _jsx("p", { className: "text-xs text-gray-500", children: currentData.size ? `${Math.round(currentData.size / 1024)} KB` : '' })] })] })), _jsx("button", { type: "button", onClick: clearDocument, disabled: disabled, className: "absolute top-2 right-2 p-1 bg-red-500 text-white rounded-full hover:bg-red-600 focus:ring-2 focus:ring-red-500 focus:ring-offset-2 disabled:opacity-50", children: _jsx(X, { className: "w-4 h-4" }) })] })), currentData.name && (_jsxs("div", { className: "p-2 bg-green-50 border border-green-200 rounded text-sm", children: [_jsxs("div", { className: "flex items-center text-green-800", children: [_jsx(FileText, { className: "w-4 h-4 mr-2" }), _jsx("span", { className: "font-medium", children: currentData.name })] }), currentData.source && (_jsxs("p", { className: "text-xs text-green-600 mt-1", children: ["Source: ", currentData.source === 'camera' ? 'Caméra' : 'Upload'] }))] }))] }), error && (_jsxs("div", { className: "flex items-center space-x-1 text-red-600 text-sm", children: [_jsx(AlertCircle, { className: "h-4 w-4" }), _jsx("span", { children: error })] }))] }));
 };
 export default IdDocInput;

package/dist/components/inputs/DatePicker.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DatePicker.d.ts","sourceRoot":"","sources":["../../../src/components/inputs/DatePicker.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAIH,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,kBAAkB,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AAKxE,MAAM,WAAW,eAAe;IAC9B,QAAQ,EAAE,kBAAkB,GAAG;QAAE,QAAQ,EAAE,MAAM,GAAG,WAAW,CAAA;KAAE,CAAC;IAClE,KAAK,EAAE,aAAa,CAAC;IACrB,QAAQ,EAAE,CAAC,KAAK,EAAE,aAAa,KAAK,IAAI,CAAC;IACzC,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,kBAAkB,CAAC,EAAE,OAAO,CAAC;CAC9B;AAED,QAAA,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CA+DzC,CAAC;AAEF,eAAe,UAAU,CAAC"}
+{"version":3,"file":"DatePicker.d.ts","sourceRoot":"","sources":["../../../src/components/inputs/DatePicker.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAIH,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,kBAAkB,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AAKxE,MAAM,WAAW,eAAe;IAC9B,QAAQ,EAAE,kBAAkB,GAAG;QAAE,QAAQ,EAAE,MAAM,GAAG,WAAW,CAAA;KAAE,CAAC;IAClE,KAAK,EAAE,aAAa,CAAC;IACrB,QAAQ,EAAE,CAAC,KAAK,EAAE,aAAa,KAAK,IAAI,CAAC;IACzC,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,kBAAkB,CAAC,EAAE,OAAO,CAAC;CAC9B;AAED,QAAA,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAkEzC,CAAC;AAEF,eAAe,UAAU,CAAC"}

package/dist/components/inputs/DatePicker.js

@@ -24,16 +24,19 @@ const DatePicker = ({ variable, value, onChange, onBlur, error, disabled, isCons
     };
     // Conversion de la valeur string vers Date pour l'affichage
     const parsedDate = VariableValueConverter.parse(value, variable.typeCode);
-    // Formatage pour l'input selon le type
+    // Formatage pour l'input HTML (qui exige YYYY-MM-DD / YYYY-MM-DDTHH:mm)
     let inputValue = '';
     if (parsedDate && !isNaN(parsedDate.getTime())) {
+        const y = parsedDate.getFullYear();
+        const m = (parsedDate.getMonth() + 1).toString().padStart(2, '0');
+        const d = parsedDate.getDate().toString().padStart(2, '0');
         if (variable.typeCode === 'DATEHEURE') {
-            // Format pour datetime-local: "2024-03-15T14:30"
-            inputValue = parsedDate.toISOString().slice(0, 16);
+            const hh = parsedDate.getHours().toString().padStart(2, '0');
+            const mm = parsedDate.getMinutes().toString().padStart(2, '0');
+            inputValue = `${y}-${m}-${d}T${hh}:${mm}`;
         }
         else {
-            // Format pour date: "2024-03-15"
-            inputValue = parsedDate.toISOString().split('T')[0];
+            inputValue = `${y}-${m}-${d}`;
         }
     }
     const inputType = variable.typeCode === 'DATEHEURE' ? 'datetime-local' : 'date';

package/dist/components/inputs/ListRadioInput.js

@@ -40,11 +40,11 @@ const ListRadioInput = ({ variable, value, onChange, onBlur, error, disabled, is
     }, [value]);
     const handleOptionChange = (code, selected) => {
         const newData = { ...data, [code]: selected };
-        onChange(JSON.stringify(newData));
+        onChange(newData);
     };
     const handleClear = (code) => {
         const newData = { ...data, [code]: null };
-        onChange(JSON.stringify(newData));
+        onChange(newData);
     };
     return (_jsxs("div", { className: "space-y-1", style: containerStyle, children: [_jsxs("div", { className: "flex items-center text-sm font-medium text-blue-600 mb-2 pl-1", children: [_jsx("span", { children: "Oui" }), _jsx("span", { className: "mx-2", children: "/" }), _jsx("span", { children: "Non" })] }), _jsx("div", { className: "space-y-1", children: options.map((option) => {
                     const optionValue = data[option.code] ?? null;

package/dist/components/wrappers/ImageUpload.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ImageUpload.d.ts","sourceRoot":"","sources":["../../../src/components/wrappers/ImageUpload.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAGnD,MAAM,WAAW,gBAAgB;IAC/B,QAAQ,EAAE;QACR,QAAQ,EAAE,MAAM,CAAC;QACjB,IAAI,EAAE,MAAM,CAAC;QACb,WAAW,EAAE,MAAM,CAAC;QACpB,cAAc,CAAC,EAAE,OAAO,CAAC;QACzB,UAAU,CAAC,EAAE;YACX,WAAW,CAAC,EAAE,MAAM,CAAC;YACrB,aAAa,CAAC,EAAE,MAAM,EAAE,CAAC;YACzB,OAAO,CAAC,EAAE,MAAM,CAAC;YACjB,QAAQ,CAAC,EAAE,MAAM,CAAC;SACnB,CAAC;KACH,CAAC;IACF,KAAK,EAAE,GAAG,CAAC;IACX,QAAQ,EAAE,CAAC,KAAK,EAAE,GAAG,KAAK,IAAI,CAAC;IAC/B,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,QAAA,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAmG3C,CAAC;AAEF,OAAO,EAAE,WAAW,EAAE,CAAC;AACvB,eAAe,WAAW,CAAC"}
+{"version":3,"file":"ImageUpload.d.ts","sourceRoot":"","sources":["../../../src/components/wrappers/ImageUpload.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAKnD,MAAM,WAAW,gBAAgB;IAC/B,QAAQ,EAAE;QACR,QAAQ,EAAE,MAAM,CAAC;QACjB,IAAI,EAAE,MAAM,CAAC;QACb,WAAW,EAAE,MAAM,CAAC;QACpB,cAAc,CAAC,EAAE,OAAO,CAAC;QACzB,UAAU,CAAC,EAAE;YACX,WAAW,CAAC,EAAE,MAAM,CAAC;YACrB,aAAa,CAAC,EAAE,MAAM,EAAE,CAAC;YACzB,OAAO,CAAC,EAAE,MAAM,CAAC;YACjB,QAAQ,CAAC,EAAE,MAAM,CAAC;SACnB,CAAC;KACH,CAAC;IACF,KAAK,EAAE,GAAG,CAAC;IACX,QAAQ,EAAE,CAAC,KAAK,EAAE,GAAG,KAAK,IAAI,CAAC;IAC/B,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,QAAA,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CA4G3C,CAAC;AAEF,OAAO,EAAE,WAAW,EAAE,CAAC;AACvB,eAAe,WAAW,CAAC"}

package/dist/components/wrappers/ImageUpload.js

@@ -2,32 +2,45 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React, { useState, useEffect } from 'react';
 import { AlertCircle } from 'lucide-react';
+import { VariableValueConverter } from '../../lib/utils/variableValueConverter';
 const ImageUpload = ({ variable, value, onChange, error, disabled }) => {
     const [preview, setPreview] = useState(null);
     const fileInputRef = React.useRef(null);
     useEffect(() => {
-        if (value && typeof value === 'object' && value.file) {
-            const file = value.file;
-            const reader = new FileReader();
-            reader.onload = (e) => setPreview(e.target?.result);
-            reader.readAsDataURL(file);
+        if (value) {
+            // Gérer les deux formats : objet ou string JSON
+            let fileData = value;
+            if (typeof value === 'string') {
+                try {
+                    fileData = JSON.parse(value);
+                }
+                catch {
+                    fileData = null;
+                }
+            }
+            if (fileData && typeof fileData === 'object' && fileData.imageData) {
+                setPreview(fileData.imageData);
+            }
+            else {
+                setPreview(null);
+                if (fileInputRef.current)
+                    fileInputRef.current.value = '';
+            }
         }
         else {
             setPreview(null);
-            // Réinitialiser l'input file quand la valeur est supprimée
-            if (fileInputRef.current) {
+            if (fileInputRef.current)
                 fileInputRef.current.value = '';
-            }
         }
     }, [value]);
-    const handleFileSelect = (event) => {
+    const handleFileSelect = async (event) => {
         if (disabled)
             return;
         const file = event.target.files?.[0];
         if (!file)
             return;
-        // Validation de la taille
-        const maxSize = variable.proprietes?.maxFileSize || 5 * 1024 * 1024; // 5MB par défaut
+        // Validation de la taille (5MB)
+        const maxSize = variable.proprietes?.maxFileSize || 5 * 1024 * 1024;
         if (file.size > maxSize) {
             alert(`Fichier trop volumineux. Taille maximum: ${Math.round(maxSize / 1024 / 1024)}MB`);
             return;
@@ -38,15 +51,19 @@ const ImageUpload = ({ variable, value, onChange, error, disabled }) => {
             alert(`Type de fichier non supporté. Types acceptés: ${acceptedTypes.join(', ')}`);
             return;
         }
-        // Sauvegarder le fichier
-        onChange({
-            file,
+        // Convertir en base64
+        const imageData = await VariableValueConverter.fileToBase64(file);
+        // Sérialiser en JSON string avant d'émettre (comme DatePicker le fait pour les dates)
+        const fileData = {
+            imageData,
             name: file.name,
             size: file.size,
             type: file.type,
             timestamp: new Date(),
             source: 'upload'
-        });
+        };
+        const serializedValue = VariableValueConverter.serialize(fileData, variable.typeCode);
+        onChange(serializedValue);
     };
     return (_jsxs("div", { className: "space-y-3", children: [_jsx("div", { className: "text-sm text-gray-600 mb-2", children: "\uD83D\uDCC1 Upload d'image uniquement" }), _jsx("input", { ref: fileInputRef, type: "file", accept: "image/*", onChange: handleFileSelect, disabled: disabled, className: `w-full px-3 py-2 border border-dashed rounded-lg focus:ring-2 focus:ring-green-500 focus:border-transparent text-gray-900 ${error ? 'border-red-500' : 'border-gray-300'} ${disabled ? 'bg-gray-100 cursor-not-allowed text-gray-500' : 'bg-white cursor-pointer hover:border-green-500'}` }), preview && (_jsxs("div", { className: "relative", children: [_jsx("img", { src: preview, alt: "Aper\u00E7u", className: "w-full max-w-xs mx-auto rounded-lg shadow-md" }), _jsx("button", { type: "button", onClick: () => {
                             onChange(null);

package/dist/components/wrappers/PhotoCapture.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PhotoCapture.d.ts","sourceRoot":"","sources":["../../../src/components/wrappers/PhotoCapture.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAGnD,MAAM,WAAW,iBAAiB;IAChC,QAAQ,EAAE;QACR,QAAQ,EAAE,MAAM,CAAC;QACjB,IAAI,EAAE,MAAM,CAAC;QACb,WAAW,EAAE,MAAM,CAAC;QACpB,cAAc,CAAC,EAAE,OAAO,CAAC;QACzB,UAAU,CAAC,EAAE;YACX,WAAW,CAAC,EAAE,MAAM,CAAC;YACrB,aAAa,CAAC,EAAE,MAAM,EAAE,CAAC;YACzB,OAAO,CAAC,EAAE,MAAM,CAAC;YACjB,QAAQ,CAAC,EAAE,MAAM,CAAC;SACnB,CAAC;KACH,CAAC;IACF,KAAK,EAAE,GAAG,CAAC;IACX,QAAQ,EAAE,CAAC,KAAK,EAAE,GAAG,KAAK,IAAI,CAAC;IAC/B,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,QAAA,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CA6P7C,CAAC;AAEF,OAAO,EAAE,YAAY,EAAE,CAAC;AACxB,eAAe,YAAY,CAAC"}
+{"version":3,"file":"PhotoCapture.d.ts","sourceRoot":"","sources":["../../../src/components/wrappers/PhotoCapture.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAKnD,MAAM,WAAW,iBAAiB;IAChC,QAAQ,EAAE;QACR,QAAQ,EAAE,MAAM,CAAC;QACjB,IAAI,EAAE,MAAM,CAAC;QACb,WAAW,EAAE,MAAM,CAAC;QACpB,cAAc,CAAC,EAAE,OAAO,CAAC;QACzB,UAAU,CAAC,EAAE;YACX,WAAW,CAAC,EAAE,MAAM,CAAC;YACrB,aAAa,CAAC,EAAE,MAAM,EAAE,CAAC;YACzB,OAAO,CAAC,EAAE,MAAM,CAAC;YACjB,QAAQ,CAAC,EAAE,MAAM,CAAC;SACnB,CAAC;KACH,CAAC;IACF,KAAK,EAAE,GAAG,CAAC;IACX,QAAQ,EAAE,CAAC,KAAK,EAAE,GAAG,KAAK,IAAI,CAAC;IAC/B,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,QAAA,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAkQ7C,CAAC;AAEF,OAAO,EAAE,YAAY,EAAE,CAAC;AACxB,eAAe,YAAY,CAAC"}

package/dist/components/wrappers/PhotoCapture.js

@@ -2,6 +2,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React, { useState, useEffect } from 'react';
 import { AlertCircle } from 'lucide-react';
+import { VariableValueConverter } from '../../lib/utils/variableValueConverter';
 const PhotoCapture = ({ variable, value, onChange, error, disabled }) => {
     const [preview, setPreview] = useState(null);
     const [captureMode, setCaptureMode] = useState('upload');
@@ -11,18 +12,30 @@ const PhotoCapture = ({ variable, value, onChange, error, disabled }) => {
     const videoRef = React.useRef(null);
     const canvasRef = React.useRef(null);
     useEffect(() => {
-        if (value && typeof value === 'object' && value.file) {
-            const file = value.file;
-            const reader = new FileReader();
-            reader.onload = (e) => setPreview(e.target?.result);
-            reader.readAsDataURL(file);
+        if (value) {
+            // Gérer les deux formats : objet ou string JSON
+            let fileData = value;
+            if (typeof value === 'string') {
+                try {
+                    fileData = JSON.parse(value);
+                }
+                catch {
+                    fileData = null;
+                }
+            }
+            if (fileData && typeof fileData === 'object' && fileData.imageData) {
+                setPreview(fileData.imageData);
+            }
+            else {
+                setPreview(null);
+                if (fileInputRef.current)
+                    fileInputRef.current.value = '';
+            }
         }
         else {
             setPreview(null);
-            // Réinitialiser l'input file quand la valeur est supprimée
-            if (fileInputRef.current) {
+            if (fileInputRef.current)
                 fileInputRef.current.value = '';
-            }
         }
     }, [value]);
     // Nettoyer le stream quand le composant est démonté
@@ -41,9 +54,9 @@ const PhotoCapture = ({ variable, value, onChange, error, disabled }) => {
             return;
         processFile(file);
     };
-    const processFile = (file) => {
-        // Validation de la taille
-        const maxSize = variable.proprietes?.maxFileSize || 5 * 1024 * 1024; // 5MB par défaut
+    const processFile = async (file) => {
+        // Validation de la taille (5MB)
+        const maxSize = variable.proprietes?.maxFileSize || 5 * 1024 * 1024;
         if (file.size > maxSize) {
             alert(`Fichier trop volumineux. Taille maximum: ${Math.round(maxSize / 1024 / 1024)}MB`);
             return;
@@ -54,15 +67,19 @@ const PhotoCapture = ({ variable, value, onChange, error, disabled }) => {
             alert(`Type de fichier non supporté. Types acceptés: ${acceptedTypes.join(', ')}`);
             return;
         }
-        // Sauvegarder le fichier
-        onChange({
-            file,
+        // Convertir en base64
+        const imageData = await VariableValueConverter.fileToBase64(file);
+        // Sérialiser en JSON string avant d'émettre (comme DatePicker le fait pour les dates)
+        const fileData = {
+            imageData,
             name: file.name,
             size: file.size,
             type: file.type,
             timestamp: new Date(),
             source: captureMode === 'camera' ? 'camera' : 'upload'
-        });
+        };
+        const serializedValue = VariableValueConverter.serialize(fileData, variable.typeCode);
+        onChange(serializedValue);
     };
     const startCamera = async () => {
         if (disabled)
@@ -100,16 +117,13 @@ const PhotoCapture = ({ variable, value, onChange, error, disabled }) => {
         const context = canvas.getContext('2d');
         if (!context)
             return;
-        // Définir les dimensions du canvas
         canvas.width = video.videoWidth;
         canvas.height = video.videoHeight;
-        // Dessiner l'image du video sur le canvas
         context.drawImage(video, 0, 0);
-        // Convertir en blob
-        canvas.toBlob((blob) => {
+        canvas.toBlob(async (blob) => {
             if (blob) {
                 const file = new File([blob], `photo_${Date.now()}.jpg`, { type: 'image/jpeg' });
-                processFile(file);
+                await processFile(file);
                 stopCamera();
             }
         }, 'image/jpeg', 0.8);

package/dist/lib/utils/variableValueConverter.d.ts

@@ -15,11 +15,14 @@ export interface GPSData {
     timestamp: Date;
 }
 export interface FileData {
-    file: File;
+    imageData: string;
     name: string;
     size: number;
     type: string;
     timestamp: Date;
+    source?: 'camera' | 'upload';
+    docType?: string;
+    docNumber?: string;
 }
 /**
  * Classe utilitaire pour la conversion des valeurs de variables
@@ -41,6 +44,11 @@ export declare class VariableValueConverter {
     private static parseGPS;
     private static parseFile;
     private static parseRSU;
+    /**
+     * Déséchappe itérativement une chaîne JSON multi-échappée jusqu'à obtenir un objet JSON propre.
+     * Équivalent frontend de ParseGeographicJsonObject du backend.
+     */
+    private static unescapeToJsonObject;
     private static parseDistrict;
     private static parseGeographicData;
     private static serializeNumeric;
@@ -49,6 +57,10 @@ export declare class VariableValueConverter {
     private static serializeCheckboxValue;
     private static serializeGPS;
     private static serializeFile;
+    /**
+     * Convertit un objet File en data URL base64
+     */
+    static fileToBase64(file: File): Promise<string>;
     private static serializeRSU;
     private static serializeDistrict;
     private static serializeGeographicData;

package/dist/lib/utils/variableValueConverter.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"variableValueConverter.d.ts","sourceRoot":"","sources":["../../../src/lib/utils/variableValueConverter.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EAAE,YAAY,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AAGlE,MAAM,WAAW,UAAU;IACzB,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,EAAE,MAAM,CAAC;CACrB;AAED,MAAM,WAAW,OAAO;IACtB,QAAQ,EAAE,MAAM,CAAC;IACjB,SAAS,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,EAAE,IAAI,CAAC;CACjB;AAED,MAAM,WAAW,QAAQ;IACvB,IAAI,EAAE,IAAI,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;IACb,SAAS,EAAE,IAAI,CAAC;CACjB;AAED;;GAEG;AACH,qBAAa,sBAAsB;IAEjC;;OAEG;IACH,MAAM,CAAC,KAAK,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,EAAE,IAAI,EAAE,YAAY,GAAG,aAAa;IAsEjF;;OAEG;IACH,MAAM,CAAC,SAAS,CAAC,KAAK,EAAE,aAAa,EAAE,IAAI,EAAE,YAAY,GAAG,MAAM;IAgElE,OAAO,CAAC,MAAM,CAAC,YAAY;IAK3B,OAAO,CAAC,MAAM,CAAC,SAAS;IAMxB,OAAO,CAAC,MAAM,CAAC,aAAa;IAqB5B,OAAO,CAAC,MAAM,CAAC,SAAS;IAQxB,OAAO,CAAC,MAAM,CAAC,kBAAkB;IAIjC,OAAO,CAAC,MAAM,CAAC,QAAQ;IAcvB,OAAO,CAAC,MAAM,CAAC,SAAS;IAexB,OAAO,CAAC,MAAM,CAAC,QAAQ;IAKvB,OAAO,CAAC,MAAM,CAAC,aAAa;IA4B5B,OAAO,CAAC,MAAM,CAAC,mBAAmB;IAiElC,OAAO,CAAC,MAAM,CAAC,gBAAgB;IAI/B,OAAO,CAAC,MAAM,CAAC,aAAa;IAK5B,OAAO,CAAC,MAAM,CAAC,iBAAiB;IAKhC,OAAO,CAAC,MAAM,CAAC,sBAAsB;IAIrC,OAAO,CAAC,MAAM,CAAC,YAAY;IAS3B,OAAO,CAAC,MAAM,CAAC,aAAa;IAU5B,OAAO,CAAC,MAAM,CAAC,YAAY;IAK3B,OAAO,CAAC,MAAM,CAAC,iBAAiB;IAWhC,OAAO,CAAC,MAAM,CAAC,uBAAuB;IA2DtC;;OAEG;IACH,MAAM,CAAC,wBAAwB,CAAC,aAAa,EAAE,MAAM,GAAG,UAAU,EAAE;IAuBpE;;OAEG;IACH,MAAM,CAAC,qBAAqB,CAAC,OAAO,EAAE,UAAU,EAAE;;;;;IAUlD;;OAEG;IACH,MAAM,CAAC,aAAa,CAAC,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,YAAY,GAAG,OAAO;IA4ChE;;OAEG;IACH,MAAM,CAAC,gBAAgB,CAAC,KAAK,EAAE,aAAa,EAAE,IAAI,EAAE,YAAY,GAAG,MAAM;CAsC1E"}
+{"version":3,"file":"variableValueConverter.d.ts","sourceRoot":"","sources":["../../../src/lib/utils/variableValueConverter.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EAAE,YAAY,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AAGlE,MAAM,WAAW,UAAU;IACzB,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,EAAE,MAAM,CAAC;CACrB;AAED,MAAM,WAAW,OAAO;IACtB,QAAQ,EAAE,MAAM,CAAC;IACjB,SAAS,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,EAAE,IAAI,CAAC;CACjB;AAED,MAAM,WAAW,QAAQ;IACvB,SAAS,EAAE,MAAM,CAAC;IAClB,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;IACb,SAAS,EAAE,IAAI,CAAC;IAChB,MAAM,CAAC,EAAE,QAAQ,GAAG,QAAQ,CAAC;IAC7B,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;GAEG;AACH,qBAAa,sBAAsB;IAEjC;;OAEG;IACH,MAAM,CAAC,KAAK,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,EAAE,IAAI,EAAE,YAAY,GAAG,aAAa;IAuEjF;;OAEG;IACH,MAAM,CAAC,SAAS,CAAC,KAAK,EAAE,aAAa,EAAE,IAAI,EAAE,YAAY,GAAG,MAAM;IAiElE,OAAO,CAAC,MAAM,CAAC,YAAY;IAK3B,OAAO,CAAC,MAAM,CAAC,SAAS;IAexB,OAAO,CAAC,MAAM,CAAC,aAAa;IAqB5B,OAAO,CAAC,MAAM,CAAC,SAAS;IAQxB,OAAO,CAAC,MAAM,CAAC,kBAAkB;IAIjC,OAAO,CAAC,MAAM,CAAC,QAAQ;IAcvB,OAAO,CAAC,MAAM,CAAC,SAAS;IAmBxB,OAAO,CAAC,MAAM,CAAC,QAAQ;IAKvB;;;OAGG;IACH,OAAO,CAAC,MAAM,CAAC,oBAAoB;IAkDnC,OAAO,CAAC,MAAM,CAAC,aAAa;IA8B5B,OAAO,CAAC,MAAM,CAAC,mBAAmB;IAoElC,OAAO,CAAC,MAAM,CAAC,gBAAgB;IAI/B,OAAO,CAAC,MAAM,CAAC,aAAa;IAQ5B,OAAO,CAAC,MAAM,CAAC,iBAAiB;IAUhC,OAAO,CAAC,MAAM,CAAC,sBAAsB;IAIrC,OAAO,CAAC,MAAM,CAAC,YAAY;IAS3B,OAAO,CAAC,MAAM,CAAC,aAAa;IAc5B;;OAEG;IACH,MAAM,CAAC,YAAY,CAAC,IAAI,EAAE,IAAI,GAAG,OAAO,CAAC,MAAM,CAAC;IAShD,OAAO,CAAC,MAAM,CAAC,YAAY;IAK3B,OAAO,CAAC,MAAM,CAAC,iBAAiB;IAWhC,OAAO,CAAC,MAAM,CAAC,uBAAuB;IA2DtC;;OAEG;IACH,MAAM,CAAC,wBAAwB,CAAC,aAAa,EAAE,MAAM,GAAG,UAAU,EAAE;IAuBpE;;OAEG;IACH,MAAM,CAAC,qBAAqB,CAAC,OAAO,EAAE,UAAU,EAAE;;;;;IAUlD;;OAEG;IACH,MAAM,CAAC,aAAa,CAAC,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,YAAY,GAAG,OAAO;IA4ChE;;OAEG;IACH,MAAM,CAAC,gBAAgB,CAAC,KAAK,EAAE,aAAa,EAAE,IAAI,EAAE,YAAY,GAAG,MAAM;CAsC1E"}

package/dist/lib/utils/variableValueConverter.js

@@ -46,6 +46,7 @@ export class VariableValueConverter {
                     return this.parseGPS(value);
                 case 'PHOTO':
                 case 'IMAGE':
+                case 'IDDOC':
                     return this.parseFile(value);
                 case 'RSU':
                     return this.parseRSU(value);
@@ -99,6 +100,7 @@ export class VariableValueConverter {
                     return this.serializeGPS(value);
                 case 'PHOTO':
                 case 'IMAGE':
+                case 'IDDOC':
                     return this.serializeFile(value);
                 case 'RSU':
                     return this.serializeRSU(value);
@@ -128,6 +130,13 @@ export class VariableValueConverter {
     static parseDate(value) {
         if (!value)
             return null;
+        // Format DD/MM/YYYY
+        if (value.includes('/')) {
+            const [day, month, year] = value.split('/');
+            const date = new Date(parseInt(year), parseInt(month) - 1, parseInt(day));
+            return isNaN(date.getTime()) ? null : date;
+        }
+        // Fallback ISO (YYYY-MM-DD) pour rétrocompatibilité
         const date = new Date(value);
         return isNaN(date.getTime()) ? null : date;
     }
@@ -179,12 +188,17 @@ export class VariableValueConverter {
     static parseFile(value) {
         try {
             const parsed = JSON.parse(value);
+            if (!parsed || typeof parsed !== 'object')
+                return null;
             return {
-                file: parsed.file,
-                name: parsed.name,
-                size: parsed.size,
-                type: parsed.type,
-                timestamp: new Date(parsed.timestamp)
+                imageData: parsed.imageData || '',
+                name: parsed.name || '',
+                size: parsed.size || 0,
+                type: parsed.type || '',
+                timestamp: parsed.timestamp ? new Date(parsed.timestamp) : new Date(),
+                source: parsed.source,
+                docType: parsed.docType,
+                docNumber: parsed.docNumber
             };
         }
         catch {
@@ -195,18 +209,71 @@ export class VariableValueConverter {
         // RSU stocke directement l'ID comme string
         return value || '';
     }
+    /**
+     * Déséchappe itérativement une chaîne JSON multi-échappée jusqu'à obtenir un objet JSON propre.
+     * Équivalent frontend de ParseGeographicJsonObject du backend.
+     */
+    static unescapeToJsonObject(value) {
+        if (!value)
+            return null;
+        let current = value;
+        const maxIterations = 5;
+        for (let i = 0; i < maxIterations; i++) {
+            // Si c'est déjà un objet JSON, tenter le parse
+            if (current.startsWith('{') && current.endsWith('}')) {
+                try {
+                    return JSON.parse(current);
+                }
+                catch {
+                    return null;
+                }
+            }
+            // Si c'est une string JSON (commence par "), désérialiser un niveau
+            if (current.startsWith('"') && current.endsWith('"')) {
+                try {
+                    const unescaped = JSON.parse(current);
+                    if (typeof unescaped === 'string') {
+                        current = unescaped;
+                        continue;
+                    }
+                    return unescaped;
+                }
+                catch {
+                    // Tenter de supprimer manuellement les guillemets et échappements
+                    if (current.length >= 2) {
+                        current = current.slice(1, -1).replace(/\\"/g, '"');
+                        continue;
+                    }
+                    return null;
+                }
+            }
+            break;
+        }
+        // Dernière tentative
+        if (current.startsWith('{') && current.endsWith('}')) {
+            try {
+                return JSON.parse(current);
+            }
+            catch {
+                return null;
+            }
+        }
+        return null;
+    }
     static parseDistrict(value) {
         if (!value)
             return null;
         try {
-            // Si c'est un JSON, parser l'objet complet
-            if (value.startsWith('{')) {
-                const parsed = JSON.parse(value);
-                return {
-                    id: parsed.id,
-                    code: parsed.code,
-                    designation: parsed.designation
-                };
+            // Tenter le parsing avec support du multi-échappement
+            if (value.startsWith('{') || value.startsWith('"')) {
+                const parsed = this.unescapeToJsonObject(value);
+                if (parsed && typeof parsed === 'object') {
+                    return {
+                        id: parsed.id,
+                        code: parsed.code,
+                        designation: parsed.designation
+                    };
+                }
             }
             // Sinon, c'est juste un ID - retourner un objet minimal
             const id = parseInt(value, 10);
@@ -226,8 +293,12 @@ export class VariableValueConverter {
         if (!value)
             return null;
         try {
-            // Parser le JSON stocké
-            const parsed = JSON.parse(value);
+            // Parser le JSON stocké avec support du multi-échappement
+            const parsed = (value.startsWith('{') || value.startsWith('"'))
+                ? this.unescapeToJsonObject(value)
+                : JSON.parse(value);
+            if (!parsed || typeof parsed !== 'object')
+                return null;
             const result = {};
             // Reconstruire l'objet GeographicData
             if (parsed.district) {
@@ -285,12 +356,20 @@ export class VariableValueConverter {
     static serializeDate(date) {
         if (!date || isNaN(date.getTime()))
             return '';
-        return date.toISOString().split('T')[0];
+        const d = date.getDate().toString().padStart(2, '0');
+        const m = (date.getMonth() + 1).toString().padStart(2, '0');
+        const y = date.getFullYear();
+        return `${d}/${m}/${y}`;
     }
     static serializeDateTime(date) {
         if (!date || isNaN(date.getTime()))
             return '';
-        return date.toISOString();
+        const d = date.getDate().toString().padStart(2, '0');
+        const m = (date.getMonth() + 1).toString().padStart(2, '0');
+        const y = date.getFullYear();
+        const hh = date.getHours().toString().padStart(2, '0');
+        const mm = date.getMinutes().toString().padStart(2, '0');
+        return `${d}/${m}/${y} ${hh}:${mm}`;
     }
     static serializeCheckboxValue(values) {
         return Array.isArray(values) ? values.filter(v => v).join('|') : '';
@@ -304,12 +383,29 @@ export class VariableValueConverter {
         });
     }
     static serializeFile(fileData) {
-        return JSON.stringify({
+        const obj = {
+            imageData: fileData.imageData,
             name: fileData.name,
             size: fileData.size,
             type: fileData.type,
-            timestamp: fileData.timestamp.toISOString()
-            // Note: Le fichier lui-même devrait être uploadé séparément
+            timestamp: fileData.timestamp instanceof Date ? fileData.timestamp.toISOString() : fileData.timestamp,
+            source: fileData.source
+        };
+        if (fileData.docType)
+            obj.docType = fileData.docType;
+        if (fileData.docNumber)
+            obj.docNumber = fileData.docNumber;
+        return JSON.stringify(obj);
+    }
+    /**
+     * Convertit un objet File en data URL base64
+     */
+    static fileToBase64(file) {
+        return new Promise((resolve, reject) => {
+            const reader = new FileReader();
+            reader.onload = () => resolve(reader.result);
+            reader.onerror = reject;
+            reader.readAsDataURL(file);
         });
     }
     static serializeRSU(value) {
@@ -423,9 +519,9 @@ export class VariableValueConverter {
                 case 'NUMERIQUE':
                     return !isNaN(parseFloat(value));
                 case 'DATE':
-                    return !isNaN(new Date(value).getTime());
+                    return this.parseDate(value) !== null;
                 case 'DATEHEURE':
-                    return !isNaN(new Date(value).getTime());
+                    return this.parseDateTime(value) !== null;
                 case 'HOUR':
                     return /^([01]?[0-9]|2[0-3]):[0-5][0-9]$/.test(value);
                 case 'PHONE':

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rsuci/shared-form-components",
-  "version": "1.0.77",
+  "version": "1.0.79",
   "description": "Composants partagés de rendu de formulaires RSU v2 - Package local pour frontend Admin et Public",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",