@rsuci/shared-form-components 1.0.64 → 1.0.66

package/dist/components/VariableRenderer.d.ts

@@ -32,6 +32,7 @@ export interface VariableRendererProps {
     services?: any;
     geographicComponents?: any;
     isConsultationMode?: boolean;
+    conditionValidationError?: string | null;
 }
 declare const GeographicFallback: React.FC<VariableRendererProps>;
 declare const getVariableRenderer: (typeCode: string, RosterCheckInput?: React.ComponentType<VariableRendererProps>, RosterListInput?: React.ComponentType<VariableRendererProps>) => React.ComponentType<VariableRendererProps>;

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

@@ -1 +1 @@
-{"version":3,"file":"VariableRenderer.d.ts","sourceRoot":"","sources":["../../src/components/VariableRenderer.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAmB,MAAM,OAAO,CAAC;AA+BxC,OAAO,KAAK,EAAE,kBAAkB,EAAE,aAAa,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAC1F,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,kBAAkB,CAAC;AACzD,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,0BAA0B,CAAC;AAGlE,MAAM,WAAW,qBAAqB;IACpC,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;IACnB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,oBAAoB,CAAC,EAAE,CAAC,UAAU,EAAE,gBAAgB,KAAK,IAAI,CAAC;IAC9D,qBAAqB,CAAC,EAAE,CAAC,WAAW,EAAE,iBAAiB,KAAK,IAAI,CAAC;IACjE,mBAAmB,CAAC,EAAE,kBAAkB,EAAE,CAAC;IAC3C,eAAe,CAAC,EAAE,KAAK,CAAC;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAC;QAAC,WAAW,CAAC,EAAE,MAAM,CAAC;QAAC,MAAM,CAAC,EAAE,MAAM,CAAC;QAAC,QAAQ,CAAC,EAAE,MAAM,CAAC;QAAC,WAAW,CAAC,EAAE,MAAM,CAAC;QAAC,cAAc,CAAC,EAAE,OAAO,CAAC;QAAC,YAAY,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IAC1L,YAAY,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,cAAc,CAAC,CAAC;IAC9C,QAAQ,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;IAG/B,gBAAgB,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,qBAAqB,CAAC,CAAC;IAC9D,eAAe,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,qBAAqB,CAAC,CAAC;IAC7D,wBAAwB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,CAAC,MAAM,EAAE,cAAc,CAAC,EAAE,YAAY,CAAC,EAAE,MAAM,KAAK,MAAM,CAAC;IAGvH,QAAQ,CAAC,EAAE,GAAG,CAAC;IACf,oBAAoB,CAAC,EAAE,GAAG,CAAC;IAG3B,kBAAkB,CAAC,EAAE,OAAO,CAAC;CAC9B;AAGD,QAAA,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC,qBAAqB,CAQvD,CAAC;AAGF,QAAA,MAAM,mBAAmB,GACvB,UAAU,MAAM,EAChB,mBAAmB,KAAK,CAAC,aAAa,CAAC,qBAAqB,CAAC,EAC7D,kBAAkB,KAAK,CAAC,aAAa,CAAC,qBAAqB,CAAC,KAC3D,KAAK,CAAC,aAAa,CAAC,qBAAqB,CAsD3C,CAAC;AAGF,QAAA,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,qBAAqB,CAiIrD,CAAC;AAEF,eAAe,gBAAgB,CAAC;AAChC,OAAO,EAAE,mBAAmB,EAAE,kBAAkB,EAAE,CAAC"}
+{"version":3,"file":"VariableRenderer.d.ts","sourceRoot":"","sources":["../../src/components/VariableRenderer.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAqCxC,OAAO,KAAK,EAAE,kBAAkB,EAAE,aAAa,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAC1F,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,kBAAkB,CAAC;AACzD,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,0BAA0B,CAAC;AAGlE,MAAM,WAAW,qBAAqB;IACpC,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;IACnB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,oBAAoB,CAAC,EAAE,CAAC,UAAU,EAAE,gBAAgB,KAAK,IAAI,CAAC;IAC9D,qBAAqB,CAAC,EAAE,CAAC,WAAW,EAAE,iBAAiB,KAAK,IAAI,CAAC;IACjE,mBAAmB,CAAC,EAAE,kBAAkB,EAAE,CAAC;IAC3C,eAAe,CAAC,EAAE,KAAK,CAAC;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAC;QAAC,WAAW,CAAC,EAAE,MAAM,CAAC;QAAC,MAAM,CAAC,EAAE,MAAM,CAAC;QAAC,QAAQ,CAAC,EAAE,MAAM,CAAC;QAAC,WAAW,CAAC,EAAE,MAAM,CAAC;QAAC,cAAc,CAAC,EAAE,OAAO,CAAC;QAAC,YAAY,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IAC1L,YAAY,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,cAAc,CAAC,CAAC;IAC9C,QAAQ,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;IAG/B,gBAAgB,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,qBAAqB,CAAC,CAAC;IAC9D,eAAe,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,qBAAqB,CAAC,CAAC;IAC7D,wBAAwB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,CAAC,MAAM,EAAE,cAAc,CAAC,EAAE,YAAY,CAAC,EAAE,MAAM,KAAK,MAAM,CAAC;IAGvH,QAAQ,CAAC,EAAE,GAAG,CAAC;IACf,oBAAoB,CAAC,EAAE,GAAG,CAAC;IAG3B,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAG7B,wBAAwB,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;CAC1C;AAGD,QAAA,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC,qBAAqB,CAQvD,CAAC;AAGF,QAAA,MAAM,mBAAmB,GACvB,UAAU,MAAM,EAChB,mBAAmB,KAAK,CAAC,aAAa,CAAC,qBAAqB,CAAC,EAC7D,kBAAkB,KAAK,CAAC,aAAa,CAAC,qBAAqB,CAAC,KAC3D,KAAK,CAAC,aAAa,CAAC,qBAAqB,CA8D3C,CAAC;AAGF,QAAA,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,qBAAqB,CAyIrD,CAAC;AAEF,eAAe,gBAAgB,CAAC;AAChC,OAAO,EAAE,mBAAmB,EAAE,kBAAkB,EAAE,CAAC"}

package/dist/components/VariableRenderer.js

@@ -3,7 +3,7 @@ import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
 import { Suspense } from 'react';
 import { AlertCircle, HelpCircle } from 'lucide-react';
 // Import des composants depuis l'index
-import { IdDocInput, LabelDisplay, PanelDisplay, GeographicCascadeInput, StringInput, NumberInput, DatePicker, SelectInput, RadioInput, CheckboxInput, ComboboxInput, PhoneInput, EmailInput, GPSInput, HourInput, RSUInput, MenageInput, EnqueteInput, PhotoCapture, ImageUpload, EnqueteurInput, EmailEnqueteurInput, TelephoneEnqueteurInput } from './index';
+import { IdDocInput, LabelDisplay, PanelDisplay, GeographicCascadeInput, StringInput, NumberInput, DatePicker, SelectInput, RadioInput, CheckboxInput, ComboboxInput, PhoneInput, EmailInput, GPSInput, HourInput, RSUInput, MenageInput, EnqueteInput, PhotoCapture, ImageUpload, EnqueteurInput, EmailEnqueteurInput, TelephoneEnqueteurInput, CNIInput, NNIInput, CMUInput, PasseportInput, CCInput, ExtraitInput } from './index';
 // Composant générique pour les types géographiques non encore implémentés
 const GeographicFallback = ({ variable }) => {
     return (_jsx("div", { className: "p-3 bg-yellow-50 border border-yellow-200 rounded-lg", children: _jsxs("p", { className: "text-yellow-800 text-sm", children: ["Composant ", variable.typeCode, " en cours d'impl\u00E9mentation"] }) }));
@@ -47,6 +47,13 @@ const getVariableRenderer = (typeCode, RosterCheckInput, RosterListInput) => {
         'ENQUETE': EnqueteInput,
         // Composant pour documents d'identité
         'IDDOC': IdDocInput,
+        // Documents d'identité ivoiriens
+        'CNI': CNIInput,
+        'NNI': NNIInput,
+        'CMU': CMUInput,
+        'PASSEPORT': PasseportInput,
+        'CC': CCInput,
+        'EXTRAIT': ExtraitInput,
     };
     // Ajouter les composants Roster injectés s'ils sont fournis
     if (RosterCheckInput) {
@@ -58,7 +65,7 @@ const getVariableRenderer = (typeCode, RosterCheckInput, RosterListInput) => {
     return renderers[typeCode] || StringInput;
 };
 // Composant principal VariableRenderer
-const VariableRenderer = ({ variable, value, onChange, onBlur, error, disabled, numeroMembre, valeurMin, onFillFormFromMenage, onFillFormFromEnquete, formulaireVariables, rosterVariables, allResponses = {}, RosterCheckInput, RosterListInput, interpolateVariableLabel, reponses = {}, services, isConsultationMode = false }) => {
+const VariableRenderer = ({ variable, value, onChange, onBlur, error, disabled, numeroMembre, valeurMin, onFillFormFromMenage, onFillFormFromEnquete, formulaireVariables, rosterVariables, allResponses = {}, RosterCheckInput, RosterListInput, interpolateVariableLabel, reponses = {}, services, isConsultationMode = false, conditionValidationError }) => {
     console.log('🎨 [VariableRenderer] Rendu de variable', {
         code: variable.code,
         designation: variable.designation,
@@ -107,7 +114,7 @@ const VariableRenderer = ({ variable, value, onChange, onBlur, error, disabled,
                             length: Array.isArray(rosterVariables) ? rosterVariables.length : 'N/A'
                         });
                         return null;
-                    })(), _jsx(RendererComponent, { variable: variable, value: value, onChange: onChange, onBlur: onBlur, error: error, disabled: disabled, numeroMembre: numeroMembre, valeurMin: valeurMin, onFillFormFromMenage: onFillFormFromMenage, onFillFormFromEnquete: onFillFormFromEnquete, formulaireVariables: formulaireVariables, rosterVariables: rosterVariables, allResponses: allResponses, reponses: reponses, services: services, isConsultationMode: isConsultationMode })] }), variable.proprietes?.helpText && (_jsx("p", { className: "text-xs text-gray-500", children: variable.proprietes.helpText })), 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 })] }))] }));
+                    })(), _jsx(RendererComponent, { variable: variable, value: value, onChange: onChange, onBlur: onBlur, error: error, disabled: disabled, numeroMembre: numeroMembre, valeurMin: valeurMin, onFillFormFromMenage: onFillFormFromMenage, onFillFormFromEnquete: onFillFormFromEnquete, formulaireVariables: formulaireVariables, rosterVariables: rosterVariables, allResponses: allResponses, reponses: reponses, services: services, isConsultationMode: isConsultationMode })] }), variable.proprietes?.helpText && (_jsx("p", { className: "text-xs text-gray-500", children: variable.proprietes.helpText })), 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 })] })), conditionValidationError && (_jsxs("div", { className: "flex items-center space-x-1 text-red-600 text-sm mt-1", children: [_jsx(AlertCircle, { className: "h-4 w-4 flex-shrink-0" }), _jsx("span", { children: conditionValidationError })] }))] }));
 };
 export default VariableRenderer;
 export { getVariableRenderer, GeographicFallback };

package/dist/components/form-renderer/FormRenderer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FormRenderer.d.ts","sourceRoot":"","sources":["../../../src/components/form-renderer/FormRenderer.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAIH,OAAO,KAA4D,MAAM,OAAO,CAAC;AACjF,OAAO,EACL,iBAAiB,EACjB,eAAe,EACf,cAAc,EAIf,MAAM,qBAAqB,CAAC;AAC7B,OAAO,EACL,kBAAkB,EAClB,qBAAqB,EAEtB,MAAM,2BAA2B,CAAC;AACnC,OAAO,EAAE,oBAAoB,EAAE,oBAAoB,EAAE,MAAM,sBAAsB,CAAC;AAqBlF;;GAEG;AACH,MAAM,WAAW,iBAAiB;IAChC,6BAA6B;IAC7B,UAAU,EAAE,iBAAiB,CAAC;IAC9B,6DAA6D;IAC7D,OAAO,CAAC,EAAE,eAAe,CAAC;IAC1B,yBAAyB;IACzB,gBAAgB,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,cAAc,CAAC,CAAC;IAClD,oCAAoC;IACpC,MAAM,EAAE,kBAAkB,CAAC;IAC3B,iCAAiC;IACjC,SAAS,EAAE,qBAAqB,CAAC;IACjC,wBAAwB;IACxB,QAAQ,CAAC,EAAE,oBAAoB,CAAC;IAChC,wCAAwC;IACxC,oBAAoB,CAAC,EAAE,oBAAoB,CAAC;IAC5C,iCAAiC;IACjC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,iCAAiC;IACjC,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB;AA8nBD;;;GAGG;AACH,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAgBpD,CAAC;AAEF,eAAe,YAAY,CAAC"}
+{"version":3,"file":"FormRenderer.d.ts","sourceRoot":"","sources":["../../../src/components/form-renderer/FormRenderer.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAIH,OAAO,KAA4D,MAAM,OAAO,CAAC;AACjF,OAAO,EACL,iBAAiB,EACjB,eAAe,EACf,cAAc,EAIf,MAAM,qBAAqB,CAAC;AAC7B,OAAO,EACL,kBAAkB,EAClB,qBAAqB,EAEtB,MAAM,2BAA2B,CAAC;AACnC,OAAO,EAAE,oBAAoB,EAAE,oBAAoB,EAAE,MAAM,sBAAsB,CAAC;AAsBlF;;GAEG;AACH,MAAM,WAAW,iBAAiB;IAChC,6BAA6B;IAC7B,UAAU,EAAE,iBAAiB,CAAC;IAC9B,6DAA6D;IAC7D,OAAO,CAAC,EAAE,eAAe,CAAC;IAC1B,yBAAyB;IACzB,gBAAgB,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,cAAc,CAAC,CAAC;IAClD,oCAAoC;IACpC,MAAM,EAAE,kBAAkB,CAAC;IAC3B,iCAAiC;IACjC,SAAS,EAAE,qBAAqB,CAAC;IACjC,wBAAwB;IACxB,QAAQ,CAAC,EAAE,oBAAoB,CAAC;IAChC,wCAAwC;IACxC,oBAAoB,CAAC,EAAE,oBAAoB,CAAC;IAC5C,iCAAiC;IACjC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,iCAAiC;IACjC,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB;AAwsBD;;;GAGG;AACH,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAgBpD,CAAC;AAEF,eAAe,YAAY,CAAC"}

package/dist/components/form-renderer/FormRenderer.js

@@ -19,6 +19,7 @@ import RosterCheckInput from '../roster/RosterCheckInput';
 import RosterListInput from '../roster/RosterListInput';
 // Hooks et utilitaires
 import { useFormTree } from '../../hooks/useFormTree';
+import { useConditionValidation } from '../../hooks/useConditionValidation';
 import { interpolateVariableLabel } from '../../lib/utils/interpolateVariableLabel';
 /**
  * Composant interne qui utilise le contexte
@@ -36,6 +37,9 @@ const FormRendererInner = () => {
     const [isSubmittingForm, setIsSubmittingForm] = useState(false);
     // FormTree pour la visibilité des variables et les autoactions
     const { formTree, getVisibleVariables, getVisibleVariablesForInstance, validateGroupForInstance, evaluateAutoActionsForInstance } = useFormTree(groupesWithInstances.length > 0 ? groupesWithInstances : formulaire?.groupes || [], responses, { debug: false });
+    // Hook pour la validation des conditions (ConditionEval)
+    const conditionEngine = formTree?.getConditionEngine() || null;
+    const { validationErrors: conditionValidationErrors, validateVariable: validateConditionVariable, validateGroup: validateConditionGroup, validateAll: validateAllConditions, hasErrors: hasConditionErrors, getErrorForVariable: getConditionErrorForVariable, revalidateDependents } = useConditionValidation(conditionEngine, responses, { debug: false });
     // Refs pour éviter les boucles infinies lors de l'application des autoactions
     const isApplyingAutoActions = useRef(false);
     const lastProcessedResponsesKey = useRef('');
@@ -118,7 +122,14 @@ const FormRendererInner = () => {
             ? currentInstance?.numeroInstance
             : undefined;
         updateResponse(variable.code, value, variable, numeroMembre);
-    }, [currentGroup, currentInstance, updateResponse]);
+        // Valider la condition de validation de cette variable
+        if (variable.conditionsValidation) {
+            validateConditionVariable(variable, numeroMembre);
+        }
+        // Réévaluer les validations des variables dépendantes
+        const groupes = groupesWithInstances.length > 0 ? groupesWithInstances : formulaire?.groupes || [];
+        revalidateDependents(variable.code, groupes, numeroMembre);
+    }, [currentGroup, currentInstance, updateResponse, validateConditionVariable, revalidateDependents, groupesWithInstances, formulaire?.groupes]);
     // Handler pour l'annulation
     const handleCancelClick = () => {
         if (hasUnsavedChanges) {
@@ -212,7 +223,29 @@ const FormRendererInner = () => {
     const canGoNext = isConsultationMode || validateCurrentGroupWithVisibility();
     const isFormValid = validation.validateAllGroups(groupes, responses).isValid;
     const handleNext = () => {
-        if (canGoNext && !navigation.isLastGroup) {
+        // En mode consultation, navigation libre
+        if (isConsultationMode) {
+            if (!navigation.isLastGroup) {
+                navigation.goToNextGroup();
+            }
+            return;
+        }
+        // Valider les champs obligatoires
+        if (!canGoNext) {
+            console.log('❌ [Navigation] Champs obligatoires non remplis');
+            return;
+        }
+        // Valider les conditions de validation (ConditionEval) du groupe actuel
+        if (currentGroup) {
+            const numeroMembre = currentGroup.estMultiple ? currentInstance?.numeroInstance : undefined;
+            const conditionErrors = validateConditionGroup(currentGroup, numeroMembre);
+            if (conditionErrors.length > 0) {
+                console.log('❌ [Navigation] Erreurs de validation ConditionEval:', conditionErrors);
+                // Les erreurs sont déjà affichées sous les variables via getConditionErrorForVariable
+                return;
+            }
+        }
+        if (!navigation.isLastGroup) {
             navigation.goToNextGroup();
         }
     };
@@ -225,6 +258,7 @@ const FormRendererInner = () => {
     const handleSubmit = async () => {
         if (effectiveDisabled || isSubmitting || isSubmittingForm)
             return;
+        // Valider les champs obligatoires
         const result = validation.validateAllGroups(groupes, responses);
         if (!result.isValid) {
             if (callbacks.onValidationError) {
@@ -232,6 +266,26 @@ const FormRendererInner = () => {
             }
             return;
         }
+        // Valider les conditions de validation (ConditionEval) de tous les groupes
+        const instancesMap = new Map();
+        for (const groupe of groupes) {
+            if (groupe.estMultiple && groupe.instances) {
+                instancesMap.set(groupe.code, groupe.instances.map(i => i.numeroInstance));
+            }
+        }
+        const conditionErrors = validateAllConditions(groupes, instancesMap);
+        if (conditionErrors.length > 0) {
+            console.log('❌ [Soumission] Erreurs de validation ConditionEval:', conditionErrors);
+            if (callbacks.onValidationError) {
+                // Convertir les erreurs de condition en erreurs de validation standard
+                callbacks.onValidationError(conditionErrors.map(e => ({
+                    variableCode: e.variableCode,
+                    message: e.message,
+                    type: 'custom'
+                })));
+            }
+            return;
+        }
         setIsSubmittingForm(true);
         try {
             await callbacks.onSubmit(responses);
@@ -300,7 +354,7 @@ const FormRendererInner = () => {
                                             const rosterVariables = (variable.typeCode === 'ROSTERCHECK' || variable.typeCode === 'ROSTERLIST')
                                                 ? variable.rosterVariables
                                                 : undefined;
-                                            return (_jsx(VariableRenderer, { variable: variable, value: currentValue, onChange: (value) => handleVariableChange(variable, value), disabled: effectiveDisabled, numeroMembre: currentGroup?.estMultiple ? currentInstance?.numeroInstance : undefined, services: services, geographicComponents: geographicComponents, formulaireVariables: formulaire.variables, allResponses: responses, reponses: responses, interpolateVariableLabel: interpolateVariableLabel, rosterVariables: rosterVariables, RosterCheckInput: RosterCheckInput, RosterListInput: RosterListInput }, variable.id));
+                                            return (_jsx(VariableRenderer, { variable: variable, value: currentValue, onChange: (value) => handleVariableChange(variable, value), disabled: effectiveDisabled, numeroMembre: currentGroup?.estMultiple ? currentInstance?.numeroInstance : undefined, conditionValidationError: getConditionErrorForVariable(variable.code, currentGroup?.estMultiple ? currentInstance?.numeroInstance : undefined), services: services, geographicComponents: geographicComponents, formulaireVariables: formulaire.variables, allResponses: responses, reponses: responses, interpolateVariableLabel: interpolateVariableLabel, rosterVariables: rosterVariables, RosterCheckInput: RosterCheckInput, RosterListInput: RosterListInput }, variable.id));
                                         }) }), currentGroup?.estMultiple && currentGroup.instances && (_jsx("div", { className: "mt-6 pt-6 border-t", children: _jsx(GroupeInstanceTabs, { groupe: currentGroup, currentInstanceIndex: navigation.navigationState.instanceIndex, responses: responses, onInstanceChange: handleInstanceChange, onInstanceAdded: handleInstanceAdded, onInstanceRemoved: handleInstanceRemoved, disabled: effectiveDisabled }) }))] })] }), _jsx("div", { className: "bg-white rounded-lg shadow-sm border border-gray-200 p-4", children: _jsxs("div", { className: "flex flex-wrap justify-between items-center gap-2", children: [_jsxs("div", { className: "flex flex-wrap gap-2", children: [_jsxs("button", { type: "button", onClick: handlePrevious, disabled: navigation.isFirstGroup || (!isConsultationMode && effectiveDisabled), className: `flex items-center px-4 py-2 rounded-lg font-medium transition-colors ${!navigation.isFirstGroup && (isConsultationMode || !effectiveDisabled)
                                                 ? 'bg-orange-500 text-white hover:bg-orange-600'
                                                 : 'bg-gray-100 text-gray-400 cursor-not-allowed'}`, children: [_jsx("svg", { className: "h-4 w-4 mr-2", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: _jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M15 19l-7-7 7-7" }) }), _jsx("span", { className: "hidden sm:inline", children: labels.previousButton || 'Précédent' }), _jsx("span", { className: "sm:hidden", children: "Pr\u00E9c." })] }), mode === 'admin' && features?.saveDraft && callbacks.onSaveDraft && (_jsx("button", { type: "button", onClick: handleSaveDraft, disabled: effectiveDisabled || isSavingDraft || isSubmitting || isSubmittingForm, className: `flex items-center px-4 py-2 rounded-lg font-medium transition-colors ${!effectiveDisabled && !isSavingDraft && !isSubmitting && !isSubmittingForm

package/dist/components/index.d.ts

@@ -33,4 +33,10 @@ export { default as MenageInput } from './selectors/MenageInput';
 export { default as EnqueteInput } from './selectors/EnqueteInput';
 export { default as PhotoCapture } from './wrappers/PhotoCapture';
 export { default as ImageUpload } from './wrappers/ImageUpload';
+export { default as CNIInput } from './inputs/CNIInput';
+export { default as NNIInput } from './inputs/NNIInput';
+export { default as CMUInput } from './inputs/CMUInput';
+export { default as PasseportInput } from './inputs/PasseportInput';
+export { default as CCInput } from './inputs/CCInput';
+export { default as ExtraitInput } from './inputs/ExtraitInput';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,cAAc,CAAC;AAErD,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACjE,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAI3D,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,wBAAwB,CAAC;AACjE,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,wBAAwB,CAAC;AAGjE,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,4BAA4B,CAAC;AACtE,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,0BAA0B,CAAC;AAClE,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,+BAA+B,CAAC;AAC5E,OAAO,EAAE,OAAO,IAAI,mBAAmB,EAAE,MAAM,kCAAkC,CAAC;AAClF,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,4BAA4B,CAAC;AACtE,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,2BAA2B,CAAC;AAGpE,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,2BAA2B,CAAC;AACxE,OAAO,EAAE,OAAO,IAAI,sBAAsB,EAAE,MAAM,iCAAiC,CAAC;AACpF,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,sBAAsB,CAAC;AAC9D,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,sBAAsB,CAAC;AAC9D,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,qBAAqB,CAAC;AAC5D,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,sBAAsB,CAAC;AAC9D,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,qBAAqB,CAAC;AAC5D,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,wBAAwB,CAAC;AAClE,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,wBAAwB,CAAC;AAClE,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,qBAAqB,CAAC;AAC5D,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,qBAAqB,CAAC;AAC5D,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AACxD,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAC1D,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,yBAAyB,CAAC;AACpE,OAAO,EAAE,OAAO,IAAI,mBAAmB,EAAE,MAAM,8BAA8B,CAAC;AAC9E,OAAO,EAAE,OAAO,IAAI,uBAAuB,EAAE,MAAM,kCAAkC,CAAC;AAGtF,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,2BAA2B,CAAC;AACxE,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,0BAA0B,CAAC;AACtE,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,sBAAsB,CAAC;AAG9D,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAC3D,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,yBAAyB,CAAC;AACjE,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAGnE,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,yBAAyB,CAAC;AAClE,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,wBAAwB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"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"}

package/dist/components/index.js

@@ -41,3 +41,10 @@ export { default as EnqueteInput } from './selectors/EnqueteInput';
 // Wrapper Components
 export { default as PhotoCapture } from './wrappers/PhotoCapture';
 export { default as ImageUpload } from './wrappers/ImageUpload';
+// Documents d'identité ivoiriens
+export { default as CNIInput } from './inputs/CNIInput';
+export { default as NNIInput } from './inputs/NNIInput';
+export { default as CMUInput } from './inputs/CMUInput';
+export { default as PasseportInput } from './inputs/PasseportInput';
+export { default as CCInput } from './inputs/CCInput';
+export { default as ExtraitInput } from './inputs/ExtraitInput';

package/dist/components/inputs/CCInput.d.ts

@@ -0,0 +1,23 @@
+/**
+ * Composant CCInput - Saisie de Carte Consulaire
+ * RSU v2 - Moteur de Rendu des Formulaires d'Enquête
+ *
+ * Format : 1-2 lettres majuscules + 1-20 chiffres
+ * Exemple : AB12345678901234567890
+ */
+import React from 'react';
+import { VariableFormulaire, VariableValue } from '../../types/enquete';
+export interface CCInputProps {
+    variable: VariableFormulaire & {
+        typeCode: 'CC';
+    };
+    value: VariableValue;
+    onChange: (value: VariableValue) => void;
+    onBlur?: () => void;
+    error?: string;
+    disabled?: boolean;
+    isConsultationMode?: boolean;
+}
+declare const CCInput: React.FC<CCInputProps>;
+export default CCInput;
+//# sourceMappingURL=CCInput.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CCInput.d.ts","sourceRoot":"","sources":["../../../src/components/inputs/CCInput.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAIH,OAAO,KAAgC,MAAM,OAAO,CAAC;AACrD,OAAO,EAAE,kBAAkB,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AAIxE,MAAM,WAAW,YAAY;IAC3B,QAAQ,EAAE,kBAAkB,GAAG;QAAE,QAAQ,EAAE,IAAI,CAAA;KAAE,CAAC;IAClD,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;AA2BD,QAAA,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CAyFnC,CAAC;AAEF,eAAe,OAAO,CAAC"}

package/dist/components/inputs/CCInput.js

@@ -0,0 +1,90 @@
+/**
+ * Composant CCInput - Saisie de Carte Consulaire
+ * RSU v2 - Moteur de Rendu des Formulaires d'Enquête
+ *
+ * Format : 1-2 lettres majuscules + 1-20 chiffres
+ * Exemple : AB12345678901234567890
+ */
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState, useCallback } from 'react';
+import { applyComponentStyle } from '../../utils/styleUtils';
+import { isComponentReadonly, readonlyClasses } from '../../utils/componentStateUtils';
+const CC_REGEX = /^[A-Z]{1,2}\d{1,20}$/;
+const applyCCMask = (value) => {
+    const upper = value.toUpperCase();
+    const result = [];
+    let inDigitSection = false;
+    let letterCount = 0;
+    let digitCount = 0;
+    for (let i = 0; i < upper.length; i++) {
+        const char = upper[i];
+        if (!inDigitSection && /[A-Z]/.test(char) && letterCount < 2) {
+            result.push(char);
+            letterCount++;
+        }
+        else if (/\d/.test(char) && digitCount < 20) {
+            inDigitSection = true;
+            result.push(char);
+            digitCount++;
+        }
+    }
+    return result.join('');
+};
+const CCInput = ({ variable, value, onChange, onBlur, error, disabled, isConsultationMode = false }) => {
+    const stringValue = value || '';
+    const [localError, setLocalError] = useState(null);
+    const { textStyle, containerStyle } = applyComponentStyle(variable.componentStyle);
+    const isReadonly = isComponentReadonly(variable, isConsultationMode);
+    const handleChange = useCallback((e) => {
+        const rawValue = e.target.value;
+        const maskedValue = applyCCMask(rawValue);
+        onChange(maskedValue);
+        setLocalError(null);
+    }, [onChange]);
+    const handleBlur = useCallback(() => {
+        if (stringValue && stringValue.length > 0 && !CC_REGEX.test(stringValue)) {
+            const letterMatch = stringValue.match(/^[A-Z]*/);
+            const letterCount = letterMatch ? letterMatch[0].length : 0;
+            const digitMatch = stringValue.match(/\d+$/);
+            const digitCount = digitMatch ? digitMatch[0].length : 0;
+            if (letterCount === 0) {
+                setLocalError('La carte consulaire doit commencer par 1 ou 2 lettres');
+            }
+            else if (digitCount === 0) {
+                setLocalError('La carte consulaire doit contenir au moins 1 chiffre après les lettres');
+            }
+            else {
+                setLocalError('Format invalide');
+            }
+        }
+        else {
+            setLocalError(null);
+        }
+        onBlur?.();
+    }, [stringValue, onBlur]);
+    const getInputClasses = () => {
+        const baseClasses = 'w-full px-3 py-2 border rounded-lg focus:ring-2 focus:ring-green-500 focus:border-transparent text-gray-900 font-mono uppercase';
+        const errorClasses = displayError ? 'border-red-500' : 'border-gray-300';
+        if (disabled)
+            return `${baseClasses} ${errorClasses} bg-gray-100 cursor-not-allowed text-gray-500`;
+        if (isReadonly)
+            return `${baseClasses} ${errorClasses} ${readonlyClasses.readonly}`;
+        return `${baseClasses} ${errorClasses} bg-white`;
+    };
+    const displayError = error || localError;
+    const getHelperText = () => {
+        if (!stringValue)
+            return null;
+        const letterMatch = stringValue.match(/^[A-Z]*/);
+        const letterCount = letterMatch ? letterMatch[0].length : 0;
+        if (letterCount === 0)
+            return 'Commencez par 1 ou 2 lettres';
+        if (letterCount <= 2 && !/\d/.test(stringValue))
+            return 'Continuez avec des chiffres';
+        return null;
+    };
+    const helperText = getHelperText();
+    return (_jsxs("div", { style: containerStyle, children: [_jsx("input", { type: "text", value: stringValue, onChange: handleChange, onBlur: handleBlur, placeholder: disabled ? '' : 'AB12345678901234567890', disabled: disabled, readOnly: isReadonly, style: textStyle, className: getInputClasses(), maxLength: 22, autoComplete: "off", spellCheck: false }), helperText && !displayError && (_jsx("p", { className: "mt-1 text-xs text-gray-500", children: helperText })), displayError && (_jsx("p", { className: "mt-1 text-sm text-red-500", children: displayError }))] }));
+};
+export default CCInput;

package/dist/components/inputs/CMUInput.d.ts

@@ -0,0 +1,22 @@
+/**
+ * Composant CMUInput - Saisie de Carte Maladie Universelle
+ * RSU v2 - Moteur de Rendu des Formulaires d'Enquête
+ *
+ * Format : exactement 13 chiffres
+ */
+import React from 'react';
+import { VariableFormulaire, VariableValue } from '../../types/enquete';
+export interface CMUInputProps {
+    variable: VariableFormulaire & {
+        typeCode: 'CMU';
+    };
+    value: VariableValue;
+    onChange: (value: VariableValue) => void;
+    onBlur?: () => void;
+    error?: string;
+    disabled?: boolean;
+    isConsultationMode?: boolean;
+}
+declare const CMUInput: React.FC<CMUInputProps>;
+export default CMUInput;
+//# sourceMappingURL=CMUInput.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CMUInput.d.ts","sourceRoot":"","sources":["../../../src/components/inputs/CMUInput.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAIH,OAAO,KAAgC,MAAM,OAAO,CAAC;AACrD,OAAO,EAAE,kBAAkB,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AAIxE,MAAM,WAAW,aAAa;IAC5B,QAAQ,EAAE,kBAAkB,GAAG;QAAE,QAAQ,EAAE,KAAK,CAAA;KAAE,CAAC;IACnD,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;AAID,QAAA,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CAmErC,CAAC;AAEF,eAAe,QAAQ,CAAC"}

package/dist/components/inputs/CMUInput.js

@@ -0,0 +1,45 @@
+/**
+ * Composant CMUInput - Saisie de Carte Maladie Universelle
+ * RSU v2 - Moteur de Rendu des Formulaires d'Enquête
+ *
+ * Format : exactement 13 chiffres
+ */
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState, useCallback } from 'react';
+import { applyComponentStyle } from '../../utils/styleUtils';
+import { isComponentReadonly, readonlyClasses } from '../../utils/componentStateUtils';
+const CMU_REGEX = /^\d{13}$/;
+const CMUInput = ({ variable, value, onChange, onBlur, error, disabled, isConsultationMode = false }) => {
+    const stringValue = value || '';
+    const [localError, setLocalError] = useState(null);
+    const { textStyle, containerStyle } = applyComponentStyle(variable.componentStyle);
+    const isReadonly = isComponentReadonly(variable, isConsultationMode);
+    const handleChange = useCallback((e) => {
+        const rawValue = e.target.value;
+        const digitsOnly = rawValue.replace(/\D/g, '').slice(0, 13);
+        onChange(digitsOnly);
+        setLocalError(null);
+    }, [onChange]);
+    const handleBlur = useCallback(() => {
+        if (stringValue && stringValue.length > 0 && !CMU_REGEX.test(stringValue)) {
+            setLocalError(`Le numéro CMU doit contenir exactement 13 chiffres (${stringValue.length}/13)`);
+        }
+        else {
+            setLocalError(null);
+        }
+        onBlur?.();
+    }, [stringValue, onBlur]);
+    const getInputClasses = () => {
+        const baseClasses = 'w-full px-3 py-2 border rounded-lg focus:ring-2 focus:ring-green-500 focus:border-transparent text-gray-900 font-mono';
+        const errorClasses = displayError ? 'border-red-500' : 'border-gray-300';
+        if (disabled)
+            return `${baseClasses} ${errorClasses} bg-gray-100 cursor-not-allowed text-gray-500`;
+        if (isReadonly)
+            return `${baseClasses} ${errorClasses} ${readonlyClasses.readonly}`;
+        return `${baseClasses} ${errorClasses} bg-white`;
+    };
+    const displayError = error || localError;
+    return (_jsxs("div", { style: containerStyle, children: [_jsx("input", { type: "text", inputMode: "numeric", value: stringValue, onChange: handleChange, onBlur: handleBlur, placeholder: disabled ? '' : '1234567890123', disabled: disabled, readOnly: isReadonly, style: textStyle, className: getInputClasses(), maxLength: 13, autoComplete: "off", spellCheck: false }), stringValue && !displayError && (_jsxs("p", { className: "mt-1 text-xs text-gray-500", children: [stringValue.length, "/13 chiffres"] })), displayError && (_jsx("p", { className: "mt-1 text-sm text-red-500", children: displayError }))] }));
+};
+export default CMUInput;

package/dist/components/inputs/CNIInput.d.ts

@@ -0,0 +1,24 @@
+/**
+ * Composant CNIInput - Saisie de Carte Nationale d'Identité ivoirienne
+ * RSU v2 - Moteur de Rendu des Formulaires d'Enquête
+ *
+ * Formats acceptés :
+ * - Nouveau format : CI00xxxxxxx (CI00 + 7 chiffres) = 11 caractères
+ * - Ancien format : C 00XX XXXXXX (C + espace + 00 + 2 alphanum + espace + 6 alphanum) = 14 caractères
+ */
+import React from 'react';
+import { VariableFormulaire, VariableValue } from '../../types/enquete';
+export interface CNIInputProps {
+    variable: VariableFormulaire & {
+        typeCode: 'CNI';
+    };
+    value: VariableValue;
+    onChange: (value: VariableValue) => void;
+    onBlur?: () => void;
+    error?: string;
+    disabled?: boolean;
+    isConsultationMode?: boolean;
+}
+declare const CNIInput: React.FC<CNIInputProps>;
+export default CNIInput;
+//# sourceMappingURL=CNIInput.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CNIInput.d.ts","sourceRoot":"","sources":["../../../src/components/inputs/CNIInput.tsx"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAIH,OAAO,KAAgC,MAAM,OAAO,CAAC;AACrD,OAAO,EAAE,kBAAkB,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AAIxE,MAAM,WAAW,aAAa;IAC5B,QAAQ,EAAE,kBAAkB,GAAG;QAAE,QAAQ,EAAE,KAAK,CAAA;KAAE,CAAC;IACnD,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;AAwDD,QAAA,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CAgHrC,CAAC;AAEF,eAAe,QAAQ,CAAC"}

package/dist/components/inputs/CNIInput.js

@@ -0,0 +1,158 @@
+/**
+ * Composant CNIInput - Saisie de Carte Nationale d'Identité ivoirienne
+ * RSU v2 - Moteur de Rendu des Formulaires d'Enquête
+ *
+ * Formats acceptés :
+ * - Nouveau format : CI00xxxxxxx (CI00 + 7 chiffres) = 11 caractères
+ * - Ancien format : C 00XX XXXXXX (C + espace + 00 + 2 alphanum + espace + 6 alphanum) = 14 caractères
+ */
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState, useCallback } from 'react';
+import { applyComponentStyle } from '../../utils/styleUtils';
+import { isComponentReadonly, readonlyClasses } from '../../utils/componentStateUtils';
+const CNI_NEW_REGEX = /^CI00\d{7}$/;
+const CNI_OLD_REGEX = /^C 00[A-Z0-9]{2} [A-Z0-9]{6}$/;
+const applyNewFormatMask = (value) => {
+    let result = value.toUpperCase();
+    result = result.replace(/[^CI0-9]/g, '');
+    if (result.length > 0 && result[0] !== 'C') {
+        return '';
+    }
+    if (result.length > 1 && result[1] !== 'I') {
+        return result[0];
+    }
+    if (result.length > 2 && result[2] !== '0') {
+        return result.slice(0, 2);
+    }
+    if (result.length > 3 && result[3] !== '0') {
+        return result.slice(0, 3);
+    }
+    return result.slice(0, 11);
+};
+const applyOldFormatMask = (value) => {
+    let result = value.toUpperCase();
+    const chars = [];
+    let rawIndex = 0;
+    for (let i = 0; i < result.length && chars.length < 14; i++) {
+        const char = result[i];
+        const pos = chars.length;
+        if (pos === 0) {
+            if (char === 'C')
+                chars.push(char);
+        }
+        else if (pos === 1) {
+            chars.push(' ');
+            if (/[0-9]/.test(char))
+                chars.push(char);
+            else
+                i--;
+        }
+        else if (pos === 2 || pos === 3) {
+            if (char === '0')
+                chars.push(char);
+        }
+        else if (pos === 4 || pos === 5) {
+            if (/[A-Z0-9]/.test(char))
+                chars.push(char);
+        }
+        else if (pos === 6) {
+            chars.push(' ');
+            if (/[A-Z0-9]/.test(char))
+                chars.push(char);
+            else
+                i--;
+        }
+        else if (pos >= 7 && pos <= 13) {
+            if (/[A-Z0-9]/.test(char))
+                chars.push(char);
+        }
+    }
+    return chars.join('');
+};
+const CNIInput = ({ variable, value, onChange, onBlur, error, disabled, isConsultationMode = false }) => {
+    const stringValue = value || '';
+    const [localError, setLocalError] = useState(null);
+    const { textStyle, containerStyle } = applyComponentStyle(variable.componentStyle);
+    const isReadonly = isComponentReadonly(variable, isConsultationMode);
+    const detectFormat = (val) => {
+        if (val.startsWith('CI'))
+            return 'new';
+        if (val.startsWith('C ') || (val.length === 1 && val === 'C'))
+            return 'old';
+        return 'unknown';
+    };
+    const handleChange = useCallback((e) => {
+        const rawValue = e.target.value;
+        if (rawValue === '') {
+            onChange('');
+            setLocalError(null);
+            return;
+        }
+        const upperValue = rawValue.toUpperCase();
+        let maskedValue = '';
+        if (upperValue.startsWith('CI')) {
+            maskedValue = applyNewFormatMask(upperValue);
+        }
+        else if (upperValue.startsWith('C ') || upperValue === 'C') {
+            maskedValue = applyOldFormatMask(upperValue);
+        }
+        else if (upperValue[0] === 'C') {
+            maskedValue = 'C';
+        }
+        else {
+            return;
+        }
+        onChange(maskedValue);
+        if (maskedValue.length > 0) {
+            const format = detectFormat(maskedValue);
+            if (format === 'new' && maskedValue.length === 11 && !CNI_NEW_REGEX.test(maskedValue)) {
+                setLocalError('Format CNI invalide');
+            }
+            else if (format === 'old' && maskedValue.length === 14 && !CNI_OLD_REGEX.test(maskedValue)) {
+                setLocalError('Format CNI invalide');
+            }
+            else {
+                setLocalError(null);
+            }
+        }
+        else {
+            setLocalError(null);
+        }
+    }, [onChange]);
+    const handleBlur = useCallback(() => {
+        if (stringValue && stringValue.length > 0) {
+            const isValidNew = CNI_NEW_REGEX.test(stringValue);
+            const isValidOld = CNI_OLD_REGEX.test(stringValue);
+            if (!isValidNew && !isValidOld) {
+                const format = detectFormat(stringValue);
+                if (format === 'new') {
+                    setLocalError('Format attendu : CI00 suivi de 7 chiffres (ex: CI001234567)');
+                }
+                else if (format === 'old') {
+                    setLocalError('Format attendu : C 00XX XXXXXX (ex: C 00AB 123456)');
+                }
+                else {
+                    setLocalError('Format CNI invalide');
+                }
+            }
+            else {
+                setLocalError(null);
+            }
+        }
+        onBlur?.();
+    }, [stringValue, onBlur]);
+    const getInputClasses = () => {
+        const baseClasses = 'w-full px-3 py-2 border rounded-lg focus:ring-2 focus:ring-green-500 focus:border-transparent text-gray-900 font-mono';
+        const errorClasses = displayError ? 'border-red-500' : 'border-gray-300';
+        if (disabled)
+            return `${baseClasses} ${errorClasses} bg-gray-100 cursor-not-allowed text-gray-500`;
+        if (isReadonly)
+            return `${baseClasses} ${errorClasses} ${readonlyClasses.readonly}`;
+        return `${baseClasses} ${errorClasses} bg-white`;
+    };
+    const displayError = error || localError;
+    const placeholder = 'CI001234567 ou C 00AB 123456';
+    return (_jsxs("div", { style: containerStyle, children: [_jsx("input", { type: "text", value: stringValue, onChange: handleChange, onBlur: handleBlur, placeholder: disabled ? '' : placeholder, disabled: disabled, readOnly: isReadonly, style: textStyle, className: getInputClasses(), maxLength: 14, autoComplete: "off", spellCheck: false }), displayError && (_jsx("p", { className: "mt-1 text-sm text-red-500", children: displayError }))] }));
+};
+export default CNIInput;

package/dist/components/inputs/ExtraitInput.d.ts

@@ -0,0 +1,24 @@
+/**
+ * Composant ExtraitInput - Saisie d'Extrait de Naissance
+ * RSU v2 - Moteur de Rendu des Formulaires d'Enquête
+ *
+ * Format composé : numéro (3 chiffres) + date d'établissement + année registre (4 chiffres)
+ * Exemple affiché : "556 du 12/12/2020 du registre 2020"
+ * Stockage : JSON { numero, dateEtablissement, anneeRegistre }
+ */
+import React from 'react';
+import { VariableFormulaire, VariableValue } from '../../types/enquete';
+export interface ExtraitInputProps {
+    variable: VariableFormulaire & {
+        typeCode: 'EXTRAIT';
+    };
+    value: VariableValue;
+    onChange: (value: VariableValue) => void;
+    onBlur?: () => void;
+    error?: string;
+    disabled?: boolean;
+    isConsultationMode?: boolean;
+}
+declare const ExtraitInput: React.FC<ExtraitInputProps>;
+export default ExtraitInput;
+//# sourceMappingURL=ExtraitInput.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ExtraitInput.d.ts","sourceRoot":"","sources":["../../../src/components/inputs/ExtraitInput.tsx"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAIH,OAAO,KAA2C,MAAM,OAAO,CAAC;AAChE,OAAO,EAAE,kBAAkB,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AAIxE,MAAM,WAAW,iBAAiB;IAChC,QAAQ,EAAE,kBAAkB,GAAG;QAAE,QAAQ,EAAE,SAAS,CAAA;KAAE,CAAC;IACvD,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;AAgED,QAAA,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAkJ7C,CAAC;AAEF,eAAe,YAAY,CAAC"}