datakeen-session-react 1.1.159 → 1.1.160

package/dist/esm/components/document-collection/DocumentCollectionMethodSelection.js

@@ -1,6 +1,6 @@
 import { jsx, jsxs } from 'react/jsx-runtime';
 import { Camera, Upload } from 'lucide-react';
-import { useTranslation } from 'react-i18next';
+import { useI18n } from '../../hooks/useI18n.js';
 import Title from '../ui/Title.js';
 import Subtitle from '../ui/Subtitle.js';
 import Button from '../ui/Button.js';
@@ -9,7 +9,7 @@ import MobilePageLayout from '../ui/MobilePageLayout.js';
 
 var DocumentCollectionMethodSelection = function (_a) {
     var onMethodSelect = _a.onMethodSelect, onBack = _a.onBack, title = _a.title, description = _a.description;
-    var t = useTranslation().t;
+    var t = useI18n().t;
     return (jsx(MobilePageLayout, { footer: jsx(PageActions, { primary: jsx(Button, { variant: "secondary", onClick: onBack, children: t("buttons.back", "Retour") }) }), children: jsx("div", { className: "px-4 py-6 pt-11 md:px-8 md:py-8", children: jsxs("div", { className: "w-full max-w-md mx-auto space-y-6", children: [jsxs("div", { className: "text-center space-y-4", children: [jsx(Title, { className: "text-xl md:text-2xl lg:text-3xl", children: title || t("document_check.method_selection.title", "Choisissez une méthode") }), jsx(Subtitle, { className: "text-sm text-gray-600 leading-relaxed", children: description || t("document_check.method_selection.subtitle", "Comment souhaitez-vous ajouter votre document ?") })] }), jsxs("div", { className: "grid gap-4", children: [jsxs("button", { onClick: function () { return onMethodSelect("picture"); }, className: "flex items-center p-4 bg-white border-2 border-gray-100 rounded-xl hover:border-teal-500 transition-colors text-left group", children: [jsx("div", { className: "w-12 h-12 bg-teal-50 rounded-lg flex items-center justify-center text-teal-600 group-hover:bg-teal-100 transition-colors mr-4", children: jsx(Camera, { size: 24 }) }), jsxs("div", { children: [jsx("p", { className: "font-semibold text-gray-900", children: t("document_check.method_selection.picture_title", "Prendre une photo") }), jsx("p", { className: "text-sm text-gray-500", children: t("document_check.method_selection.picture_desc", "Utilisez l'appareil photo de votre appareil") })] })] }), jsxs("button", { onClick: function () { return onMethodSelect("download"); }, className: "flex items-center p-4 bg-white border-2 border-gray-100 rounded-xl hover:border-teal-500 transition-colors text-left group", children: [jsx("div", { className: "w-12 h-12 bg-teal-50 rounded-lg flex items-center justify-center text-teal-600 group-hover:bg-teal-100 transition-colors mr-4", children: jsx(Upload, { size: 24 }) }), jsxs("div", { children: [jsx("p", { className: "font-semibold text-gray-900", children: t("document_check.method_selection.download_title", "Téléverser un fichier") }), jsx("p", { className: "text-sm text-gray-500", children: t("document_check.method_selection.download_desc", "Sélectionnez un fichier sur votre appareil") })] })] })] })] }) }) }));
 };
 

package/dist/esm/components/document-collection/DocumentCollectionMethodSelection.js.map

@@ -1 +1 @@
-{"version":3,"file":"DocumentCollectionMethodSelection.js","sources":["../../../../../src/components/document-collection/DocumentCollectionMethodSelection.tsx"],"sourcesContent":["import React from \"react\";\nimport { Camera, Upload } from \"lucide-react\";\nimport { useTranslation } from \"react-i18next\";\nimport Title from \"../ui/Title\";\nimport Subtitle from \"../ui/Subtitle\";\nimport Button from \"../ui/Button\";\nimport PageActions from \"../ui/PageActions\";\nimport MobilePageLayout from \"../ui/MobilePageLayout\";\n\ninterface DocumentCollectionMethodSelectionProps {\n    onMethodSelect: (method: \"download\" | \"picture\") => void;\n    onBack: () => void;\n    title?: string;\n    description?: string;\n}\n\nconst DocumentCollectionMethodSelection = ({\n    onMethodSelect,\n    onBack,\n    title,\n    description,\n}: DocumentCollectionMethodSelectionProps) => {\n    const { t } = useTranslation();\n\n    return (\n        <MobilePageLayout\n            footer={\n                <PageActions\n                    primary={\n                        <Button variant=\"secondary\" onClick={onBack}>\n                            {t(\"buttons.back\", \"Retour\")}\n                        </Button>\n                    }\n                />\n            }\n        >\n            <div className=\"px-4 py-6 pt-11 md:px-8 md:py-8\">\n                <div className=\"w-full max-w-md mx-auto space-y-6\">\n                    <div className=\"text-center space-y-4\">\n                        <Title className=\"text-xl md:text-2xl lg:text-3xl\">\n                            {title || t(\"document_check.method_selection.title\", \"Choisissez une méthode\")}\n                        </Title>\n                        <Subtitle className=\"text-sm text-gray-600 leading-relaxed\">\n                            {description || t(\"document_check.method_selection.subtitle\", \"Comment souhaitez-vous ajouter votre document ?\")}\n                        </Subtitle>\n                    </div>\n\n                    <div className=\"grid gap-4\">\n                        <button\n                            onClick={() => onMethodSelect(\"picture\")}\n                            className=\"flex items-center p-4 bg-white border-2 border-gray-100 rounded-xl hover:border-teal-500 transition-colors text-left group\"\n                        >\n                            <div className=\"w-12 h-12 bg-teal-50 rounded-lg flex items-center justify-center text-teal-600 group-hover:bg-teal-100 transition-colors mr-4\">\n                                <Camera size={24} />\n                            </div>\n                            <div>\n                                <p className=\"font-semibold text-gray-900\">\n                                    {t(\"document_check.method_selection.picture_title\", \"Prendre une photo\")}\n                                </p>\n                                <p className=\"text-sm text-gray-500\">\n                                    {t(\"document_check.method_selection.picture_desc\", \"Utilisez l'appareil photo de votre appareil\")}\n                                </p>\n                            </div>\n                        </button>\n\n                        <button\n                            onClick={() => onMethodSelect(\"download\")}\n                            className=\"flex items-center p-4 bg-white border-2 border-gray-100 rounded-xl hover:border-teal-500 transition-colors text-left group\"\n                        >\n                            <div className=\"w-12 h-12 bg-teal-50 rounded-lg flex items-center justify-center text-teal-600 group-hover:bg-teal-100 transition-colors mr-4\">\n                                <Upload size={24} />\n                            </div>\n                            <div>\n                                <p className=\"font-semibold text-gray-900\">\n                                    {t(\"document_check.method_selection.download_title\", \"Téléverser un fichier\")}\n                                </p>\n                                <p className=\"text-sm text-gray-500\">\n                                    {t(\"document_check.method_selection.download_desc\", \"Sélectionnez un fichier sur votre appareil\")}\n                                </p>\n                            </div>\n                        </button>\n                    </div>\n                </div>\n            </div>\n        </MobilePageLayout>\n    );\n};\n\nexport default DocumentCollectionMethodSelection;\n"],"names":["_jsx","_jsxs"],"mappings":";;;;;;;;;AAgBA,IAAM,iCAAiC,GAAG,UAAC,EAKF,EAAA;QAJrC,cAAc,GAAA,EAAA,CAAA,cAAA,EACd,MAAM,GAAA,EAAA,CAAA,MAAA,EACN,KAAK,GAAA,EAAA,CAAA,KAAA,EACL,WAAW,GAAA,EAAA,CAAA,WAAA;AAEH,IAAA,IAAA,CAAC,GAAK,cAAc,EAAE,EAArB;IAET,QACIA,IAAC,gBAAgB,EAAA,EACb,MAAM,EACFA,GAAA,CAAC,WAAW,EAAA,EACR,OAAO,EACHA,IAAC,MAAM,EAAA,EAAC,OAAO,EAAC,WAAW,EAAC,OAAO,EAAE,MAAM,EAAA,QAAA,EACtC,CAAC,CAAC,cAAc,EAAE,QAAQ,CAAC,EAAA,CACvB,EAAA,CAEf,YAGNA,GAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,iCAAiC,EAAA,QAAA,EAC5CC,IAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,mCAAmC,EAAA,QAAA,EAAA,CAC9CA,IAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,uBAAuB,EAAA,QAAA,EAAA,CAClCD,GAAA,CAAC,KAAK,EAAA,EAAC,SAAS,EAAC,iCAAiC,EAAA,QAAA,EAC7C,KAAK,IAAI,CAAC,CAAC,uCAAuC,EAAE,wBAAwB,CAAC,EAAA,CAC1E,EACRA,GAAA,CAAC,QAAQ,EAAA,EAAC,SAAS,EAAC,uCAAuC,EAAA,QAAA,EACtD,WAAW,IAAI,CAAC,CAAC,0CAA0C,EAAE,iDAAiD,CAAC,EAAA,CACzG,CAAA,EAAA,CACT,EAENC,IAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,YAAY,EAAA,QAAA,EAAA,CACvBA,IAAA,CAAA,QAAA,EAAA,EACI,OAAO,EAAE,YAAA,EAAM,OAAA,cAAc,CAAC,SAAS,CAAC,CAAA,CAAzB,CAAyB,EACxC,SAAS,EAAC,4HAA4H,EAAA,QAAA,EAAA,CAEtID,GAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,+HAA+H,EAAA,QAAA,EAC1IA,IAAC,MAAM,EAAA,EAAC,IAAI,EAAE,EAAE,EAAA,CAAI,EAAA,CAClB,EACNC,IAAA,CAAA,KAAA,EAAA,EAAA,QAAA,EAAA,CACID,WAAG,SAAS,EAAC,6BAA6B,EAAA,QAAA,EACrC,CAAC,CAAC,+CAA+C,EAAE,mBAAmB,CAAC,EAAA,CACxE,EACJA,WAAG,SAAS,EAAC,uBAAuB,EAAA,QAAA,EAC/B,CAAC,CAAC,8CAA8C,EAAE,6CAA6C,CAAC,EAAA,CACjG,CAAA,EAAA,CACF,IACD,EAETC,IAAA,CAAA,QAAA,EAAA,EACI,OAAO,EAAE,YAAA,EAAM,OAAA,cAAc,CAAC,UAAU,CAAC,CAAA,CAA1B,CAA0B,EACzC,SAAS,EAAC,4HAA4H,aAEtID,GAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,+HAA+H,EAAA,QAAA,EAC1IA,GAAA,CAAC,MAAM,EAAA,EAAC,IAAI,EAAE,EAAE,EAAA,CAAI,GAClB,EACNC,IAAA,CAAA,KAAA,EAAA,EAAA,QAAA,EAAA,CACID,WAAG,SAAS,EAAC,6BAA6B,EAAA,QAAA,EACrC,CAAC,CAAC,gDAAgD,EAAE,uBAAuB,CAAC,EAAA,CAC7E,EACJA,WAAG,SAAS,EAAC,uBAAuB,EAAA,QAAA,EAC/B,CAAC,CAAC,+CAA+C,EAAE,4CAA4C,CAAC,EAAA,CACjG,CAAA,EAAA,CACF,CAAA,EAAA,CACD,IACP,CAAA,EAAA,CACJ,EAAA,CACJ,EAAA,CACS;AAE3B;;;;"}
+{"version":3,"file":"DocumentCollectionMethodSelection.js","sources":["../../../../../src/components/document-collection/DocumentCollectionMethodSelection.tsx"],"sourcesContent":["import React from \"react\";\nimport { Camera, Upload } from \"lucide-react\";\nimport { useI18n } from \"../../hooks/useI18n\";\nimport Title from \"../ui/Title\";\nimport Subtitle from \"../ui/Subtitle\";\nimport Button from \"../ui/Button\";\nimport PageActions from \"../ui/PageActions\";\nimport MobilePageLayout from \"../ui/MobilePageLayout\";\n\ninterface DocumentCollectionMethodSelectionProps {\n    onMethodSelect: (method: \"download\" | \"picture\") => void;\n    onBack: () => void;\n    title?: string;\n    description?: string;\n}\n\nconst DocumentCollectionMethodSelection = ({\n    onMethodSelect,\n    onBack,\n    title,\n    description,\n}: DocumentCollectionMethodSelectionProps) => {\n    const { t } = useI18n();\n\n    return (\n        <MobilePageLayout\n            footer={\n                <PageActions\n                    primary={\n                        <Button variant=\"secondary\" onClick={onBack}>\n                            {t(\"buttons.back\", \"Retour\")}\n                        </Button>\n                    }\n                />\n            }\n        >\n            <div className=\"px-4 py-6 pt-11 md:px-8 md:py-8\">\n                <div className=\"w-full max-w-md mx-auto space-y-6\">\n                    <div className=\"text-center space-y-4\">\n                        <Title className=\"text-xl md:text-2xl lg:text-3xl\">\n                            {title || t(\"document_check.method_selection.title\", \"Choisissez une méthode\")}\n                        </Title>\n                        <Subtitle className=\"text-sm text-gray-600 leading-relaxed\">\n                            {description || t(\"document_check.method_selection.subtitle\", \"Comment souhaitez-vous ajouter votre document ?\")}\n                        </Subtitle>\n                    </div>\n\n                    <div className=\"grid gap-4\">\n                        <button\n                            onClick={() => onMethodSelect(\"picture\")}\n                            className=\"flex items-center p-4 bg-white border-2 border-gray-100 rounded-xl hover:border-teal-500 transition-colors text-left group\"\n                        >\n                            <div className=\"w-12 h-12 bg-teal-50 rounded-lg flex items-center justify-center text-teal-600 group-hover:bg-teal-100 transition-colors mr-4\">\n                                <Camera size={24} />\n                            </div>\n                            <div>\n                                <p className=\"font-semibold text-gray-900\">\n                                    {t(\"document_check.method_selection.picture_title\", \"Prendre une photo\")}\n                                </p>\n                                <p className=\"text-sm text-gray-500\">\n                                    {t(\"document_check.method_selection.picture_desc\", \"Utilisez l'appareil photo de votre appareil\")}\n                                </p>\n                            </div>\n                        </button>\n\n                        <button\n                            onClick={() => onMethodSelect(\"download\")}\n                            className=\"flex items-center p-4 bg-white border-2 border-gray-100 rounded-xl hover:border-teal-500 transition-colors text-left group\"\n                        >\n                            <div className=\"w-12 h-12 bg-teal-50 rounded-lg flex items-center justify-center text-teal-600 group-hover:bg-teal-100 transition-colors mr-4\">\n                                <Upload size={24} />\n                            </div>\n                            <div>\n                                <p className=\"font-semibold text-gray-900\">\n                                    {t(\"document_check.method_selection.download_title\", \"Téléverser un fichier\")}\n                                </p>\n                                <p className=\"text-sm text-gray-500\">\n                                    {t(\"document_check.method_selection.download_desc\", \"Sélectionnez un fichier sur votre appareil\")}\n                                </p>\n                            </div>\n                        </button>\n                    </div>\n                </div>\n            </div>\n        </MobilePageLayout>\n    );\n};\n\nexport default DocumentCollectionMethodSelection;\n"],"names":["_jsx","_jsxs"],"mappings":";;;;;;;;;AAgBA,IAAM,iCAAiC,GAAG,UAAC,EAKF,EAAA;QAJrC,cAAc,GAAA,EAAA,CAAA,cAAA,EACd,MAAM,GAAA,EAAA,CAAA,MAAA,EACN,KAAK,GAAA,EAAA,CAAA,KAAA,EACL,WAAW,GAAA,EAAA,CAAA,WAAA;AAEH,IAAA,IAAA,CAAC,GAAK,OAAO,EAAE,EAAd;IAET,QACIA,IAAC,gBAAgB,EAAA,EACb,MAAM,EACFA,GAAA,CAAC,WAAW,EAAA,EACR,OAAO,EACHA,IAAC,MAAM,EAAA,EAAC,OAAO,EAAC,WAAW,EAAC,OAAO,EAAE,MAAM,EAAA,QAAA,EACtC,CAAC,CAAC,cAAc,EAAE,QAAQ,CAAC,EAAA,CACvB,EAAA,CAEf,YAGNA,GAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,iCAAiC,EAAA,QAAA,EAC5CC,IAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,mCAAmC,EAAA,QAAA,EAAA,CAC9CA,IAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,uBAAuB,EAAA,QAAA,EAAA,CAClCD,GAAA,CAAC,KAAK,EAAA,EAAC,SAAS,EAAC,iCAAiC,EAAA,QAAA,EAC7C,KAAK,IAAI,CAAC,CAAC,uCAAuC,EAAE,wBAAwB,CAAC,EAAA,CAC1E,EACRA,GAAA,CAAC,QAAQ,EAAA,EAAC,SAAS,EAAC,uCAAuC,EAAA,QAAA,EACtD,WAAW,IAAI,CAAC,CAAC,0CAA0C,EAAE,iDAAiD,CAAC,EAAA,CACzG,CAAA,EAAA,CACT,EAENC,IAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,YAAY,EAAA,QAAA,EAAA,CACvBA,IAAA,CAAA,QAAA,EAAA,EACI,OAAO,EAAE,YAAA,EAAM,OAAA,cAAc,CAAC,SAAS,CAAC,CAAA,CAAzB,CAAyB,EACxC,SAAS,EAAC,4HAA4H,EAAA,QAAA,EAAA,CAEtID,GAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,+HAA+H,EAAA,QAAA,EAC1IA,IAAC,MAAM,EAAA,EAAC,IAAI,EAAE,EAAE,EAAA,CAAI,EAAA,CAClB,EACNC,IAAA,CAAA,KAAA,EAAA,EAAA,QAAA,EAAA,CACID,WAAG,SAAS,EAAC,6BAA6B,EAAA,QAAA,EACrC,CAAC,CAAC,+CAA+C,EAAE,mBAAmB,CAAC,EAAA,CACxE,EACJA,WAAG,SAAS,EAAC,uBAAuB,EAAA,QAAA,EAC/B,CAAC,CAAC,8CAA8C,EAAE,6CAA6C,CAAC,EAAA,CACjG,CAAA,EAAA,CACF,IACD,EAETC,IAAA,CAAA,QAAA,EAAA,EACI,OAAO,EAAE,YAAA,EAAM,OAAA,cAAc,CAAC,UAAU,CAAC,CAAA,CAA1B,CAA0B,EACzC,SAAS,EAAC,4HAA4H,aAEtID,GAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,+HAA+H,EAAA,QAAA,EAC1IA,GAAA,CAAC,MAAM,EAAA,EAAC,IAAI,EAAE,EAAE,EAAA,CAAI,GAClB,EACNC,IAAA,CAAA,KAAA,EAAA,EAAA,QAAA,EAAA,CACID,WAAG,SAAS,EAAC,6BAA6B,EAAA,QAAA,EACrC,CAAC,CAAC,gDAAgD,EAAE,uBAAuB,CAAC,EAAA,CAC7E,EACJA,WAAG,SAAS,EAAC,uBAAuB,EAAA,QAAA,EAC/B,CAAC,CAAC,+CAA+C,EAAE,4CAA4C,CAAC,EAAA,CACjG,CAAA,EAAA,CACF,CAAA,EAAA,CACD,IACP,CAAA,EAAA,CACJ,EAAA,CACJ,EAAA,CACS;AAE3B;;;;"}

package/dist/esm/components/document-collection/DocumentCollectionSelection.js

@@ -5,12 +5,12 @@ import Subtitle from '../ui/Subtitle.js';
 import Button from '../ui/Button.js';
 import PageActions from '../ui/PageActions.js';
 import { Select } from '../ui/SelectComponent.js';
-import { useTranslation } from 'react-i18next';
+import { useI18n } from '../../hooks/useI18n.js';
 import MobilePageLayout from '../ui/MobilePageLayout.js';
 
 var DocumentCollectionSelection = function (_a) {
     var onContinue = _a.onContinue, onBack = _a.onBack, allowedDocumentTypes = _a.allowedDocumentTypes; _a.allowedAddingMethods; _a.stepObject; var documentSelection = _a.documentSelection;
-    var t = useTranslation().t;
+    var t = useI18n().t;
     var _b = useState(""), selectedDocumentType = _b[0], setSelectedDocumentType = _b[1];
     useEffect(function () {
         if (allowedDocumentTypes.length > 0 && !selectedDocumentType) {
@@ -18,9 +18,9 @@ var DocumentCollectionSelection = function (_a) {
         }
     }, [allowedDocumentTypes, selectedDocumentType]);
     var title = (documentSelection === null || documentSelection === void 0 ? void 0 : documentSelection.title) ||
-        t("document_upload.selection_title", "Sélection des documents");
+        t("document_upload.selection_title");
     var description = (documentSelection === null || documentSelection === void 0 ? void 0 : documentSelection.description) ||
-        t("document_upload.selection_description", "Choisissez le type de document que vous souhaitez transmettre.");
+        t("document_upload.selection_description");
     var documentOptions = allowedDocumentTypes.map(function (docType) { return ({
         value: docType.id,
         label: t(docType.name) || docType.name,
@@ -30,7 +30,7 @@ var DocumentCollectionSelection = function (_a) {
             onContinue(selectedDocumentType);
         }
     };
-    return (jsx(MobilePageLayout, { footer: jsx(PageActions, { primary: jsx(Button, { onClick: handleContinueAction, disabled: !selectedDocumentType, children: t("buttons.continue", "Continuer") }), secondary: jsx(Button, { variant: "secondary", onClick: onBack, children: t("processing.back", "Retour") }) }), children: jsx("div", { className: "flex-1 flex items-center justify-center p-4", children: jsxs("div", { className: "w-full max-w-lg", children: [jsxs("div", { className: "text-center mb-8", children: [jsx(Title, { className: "text-2xl md:text-3xl font-bold text-gray-900 mb-2", children: title }), jsx(Subtitle, { className: "text-gray-600 whitespace-pre-line", children: description })] }), jsxs("div", { className: "mb-6", children: [jsx("label", { className: "block text-sm font-medium text-gray-700 mb-2", children: t("document_selection.label_identity", "Type de document *") }), jsx(Select, { options: documentOptions, value: selectedDocumentType, onValueChange: function (value) { return setSelectedDocumentType(value); }, placeholder: t("document_selection.placeholder_identity", "Choisissez le type de document") })] }), selectedDocumentType && (jsxs("div", { className: "bg-gray-50 border border-gray-200 rounded-lg p-4 mb-6", children: [jsx("h3", { className: "font-medium text-gray-900 mb-2", children: t("jdi.document_selection.info_title", "Informations importantes") }), jsxs("div", { className: "text-sm text-gray-700 space-y-1", children: [jsx("p", { children: t("jdi.document_upload.info_point1", "• Assurez-vous que le document est lisible et de bonne qualité") }), jsx("p", { children: t("jdi.document_upload.info_point2", "• Toutes les informations doivent être clairement visibles") }), jsx("p", { children: t("jdi.document_upload.info_point3", "• Le document doit être récent et valide") })] })] }))] }) }) }));
+    return (jsx(MobilePageLayout, { footer: jsx(PageActions, { primary: jsx(Button, { onClick: handleContinueAction, disabled: !selectedDocumentType, children: t("buttons.continue") }), secondary: jsx(Button, { variant: "secondary", onClick: onBack, children: t("buttons.back") }) }), children: jsx("div", { className: "flex-1 flex items-start justify-center md:items-center p-4", children: jsxs("div", { className: "w-full max-w-lg", children: [jsxs("div", { className: "text-center mb-8", children: [jsx(Title, { className: "text-2xl md:text-3xl font-bold text-gray-900 mb-2", children: title }), jsx(Subtitle, { className: "text-gray-600 whitespace-pre-line", children: description })] }), jsxs("div", { className: "mb-6", children: [jsx("label", { className: "block text-sm font-medium text-gray-700 mb-2", children: t("jdi.document_selection.label_identity") }), jsx(Select, { options: documentOptions, value: selectedDocumentType, onValueChange: function (value) { return setSelectedDocumentType(value); }, placeholder: t("jdi.document_selection.placeholder_identity") })] }), selectedDocumentType && (jsxs("div", { className: "bg-gray-50 border border-gray-200 rounded-lg p-4 mb-6", children: [jsx("h3", { className: "font-medium text-gray-900 mb-2", children: t("jdi.document_selection.info_title") }), jsxs("div", { className: "text-sm text-gray-700 space-y-1", children: [jsx("p", { children: t("jdi.document_upload.info_point1") }), jsx("p", { children: t("jdi.document_upload.info_point2") }), jsx("p", { children: t("jdi.document_upload.info_point3") })] })] }))] }) }) }));
 };
 
 export { DocumentCollectionSelection as default };

package/dist/esm/components/document-collection/DocumentCollectionSelection.js.map

@@ -1 +1 @@
-{"version":3,"file":"DocumentCollectionSelection.js","sources":["../../../../../src/components/document-collection/DocumentCollectionSelection.tsx"],"sourcesContent":["import React, { useState, useEffect, useRef } from \"react\";\nimport Title from \"../ui/Title\";\nimport Subtitle from \"../ui/Subtitle\";\nimport Button from \"../ui/Button\";\nimport PageActions from \"../ui/PageActions\";\nimport { Select } from \"../ui/SelectComponent\";\nimport { useTranslation } from \"react-i18next\";\nimport { DocumentTypeSide } from \"./DocumentCollection\";\nimport MobilePageLayout from \"../ui/MobilePageLayout\";\nimport { stepObject } from \"../../types/session\";\nimport { Card } from \"../ui/Card\";\nimport { Upload } from \"lucide-react\";\nimport PDFPreview from \"../ui/PDFPreview\";\nimport type { onUploadFiles } from \"../../types/uploadFiles\";\n\ninterface AllowedDocumentType {\n  id: string;\n  name: string;\n  side?: DocumentTypeSide;\n}\n\ninterface DocumentCollectionSelectionProps {\n  onContinue: (selectedDocumentType: string, files?: onUploadFiles) => void;\n  onBack: () => void;\n  allowedDocumentTypes: AllowedDocumentType[];\n  allowedAddingMethods: string[];\n  stepObject?: stepObject;\n  documentSelection?: {\n    title?: string;\n    description?: string;\n  };\n}\n\nconst DocumentCollectionSelection = ({\n  onContinue,\n  onBack,\n  allowedDocumentTypes,\n  allowedAddingMethods,\n  stepObject,\n  documentSelection,\n}: DocumentCollectionSelectionProps) => {\n  const { t } = useTranslation();\n  const [selectedDocumentType, setSelectedDocumentType] = useState<string>(\"\");\n\n  useEffect(() => {\n    if (allowedDocumentTypes.length > 0 && !selectedDocumentType) {\n      setSelectedDocumentType(allowedDocumentTypes[0].id);\n    }\n  }, [allowedDocumentTypes, selectedDocumentType]);\n\n  const title =\n    documentSelection?.title ||\n    t(\"document_upload.selection_title\", \"Sélection des documents\");\n  const description =\n    documentSelection?.description ||\n    t(\"document_upload.selection_description\", \"Choisissez le type de document que vous souhaitez transmettre.\");\n\n  const documentOptions = allowedDocumentTypes.map((docType) => ({\n    value: docType.id,\n    label: t(docType.name) || docType.name,\n  }));\n\n  const handleContinueAction = () => {\n    if (selectedDocumentType) {\n      onContinue(selectedDocumentType);\n    }\n  };\n\n  return (\n    <MobilePageLayout\n      footer={\n        <PageActions\n          primary={\n            <Button onClick={handleContinueAction} disabled={!selectedDocumentType}>\n              {t(\"buttons.continue\", \"Continuer\")}\n            </Button>\n          }\n          secondary={\n            <Button variant=\"secondary\" onClick={onBack}>\n              {t(\"processing.back\", \"Retour\")}\n            </Button>\n          }\n        />\n      }\n    >\n      <div className=\"flex-1 flex items-center justify-center p-4\">\n        <div className=\"w-full max-w-lg\">\n          <div className=\"text-center mb-8\">\n            <Title className=\"text-2xl md:text-3xl font-bold text-gray-900 mb-2\">\n              {title}\n            </Title>\n            <Subtitle className=\"text-gray-600 whitespace-pre-line\">{description}</Subtitle>\n          </div>\n\n          {/* Document Type Selection */}\n          <div className=\"mb-6\">\n            <label className=\"block text-sm font-medium text-gray-700 mb-2\">\n              {t(\"document_selection.label_identity\", \"Type de document *\")}\n            </label>\n            <Select\n              options={documentOptions}\n              value={selectedDocumentType}\n              onValueChange={(value) => setSelectedDocumentType(value)}\n              placeholder={t(\"document_selection.placeholder_identity\", \"Choisissez le type de document\")}\n            />\n          </div>\n\n          {/* Information about selected document */}\n          {selectedDocumentType && (\n            <div className=\"bg-gray-50 border border-gray-200 rounded-lg p-4 mb-6\">\n              <h3 className=\"font-medium text-gray-900 mb-2\">\n                {t(\n                  \"jdi.document_selection.info_title\",\n                  \"Informations importantes\",\n                )}\n              </h3>\n              <div className=\"text-sm text-gray-700 space-y-1\">\n                <p>\n                  {t(\n                    \"jdi.document_upload.info_point1\",\n                    \"• Assurez-vous que le document est lisible et de bonne qualité\",\n                  )}\n                </p>\n                <p>\n                  {t(\n                    \"jdi.document_upload.info_point2\",\n                    \"• Toutes les informations doivent être clairement visibles\",\n                  )}\n                </p>\n                <p>\n                  {t(\n                    \"jdi.document_upload.info_point3\",\n                    \"• Le document doit être récent et valide\",\n                  )}\n                </p>\n              </div>\n            </div>\n          )}\n        </div>\n      </div>\n    </MobilePageLayout>\n  );\n};\n\nexport default DocumentCollectionSelection;\n"],"names":["_jsx","_jsxs"],"mappings":"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"}
+{"version":3,"file":"DocumentCollectionSelection.js","sources":["../../../../../src/components/document-collection/DocumentCollectionSelection.tsx"],"sourcesContent":["import React, { useState, useEffect, useRef } from \"react\";\nimport Title from \"../ui/Title\";\nimport Subtitle from \"../ui/Subtitle\";\nimport Button from \"../ui/Button\";\nimport PageActions from \"../ui/PageActions\";\nimport { Select } from \"../ui/SelectComponent\";\nimport { useI18n } from \"../../hooks/useI18n\";\nimport { DocumentTypeSide } from \"./DocumentCollection\";\nimport MobilePageLayout from \"../ui/MobilePageLayout\";\nimport { stepObject } from \"../../types/session\";\nimport { Card } from \"../ui/Card\";\nimport { Upload } from \"lucide-react\";\nimport PDFPreview from \"../ui/PDFPreview\";\nimport type { onUploadFiles } from \"../../types/uploadFiles\";\n\ninterface AllowedDocumentType {\n  id: string;\n  name: string;\n  side?: DocumentTypeSide;\n}\n\ninterface DocumentCollectionSelectionProps {\n  onContinue: (selectedDocumentType: string, files?: onUploadFiles) => void;\n  onBack: () => void;\n  allowedDocumentTypes: AllowedDocumentType[];\n  allowedAddingMethods: string[];\n  stepObject?: stepObject;\n  documentSelection?: {\n    title?: string;\n    description?: string;\n  };\n}\n\nconst DocumentCollectionSelection = ({\n  onContinue,\n  onBack,\n  allowedDocumentTypes,\n  allowedAddingMethods,\n  stepObject,\n  documentSelection,\n}: DocumentCollectionSelectionProps) => {\n  const { t } = useI18n();\n  const [selectedDocumentType, setSelectedDocumentType] = useState<string>(\"\");\n\n  useEffect(() => {\n    if (allowedDocumentTypes.length > 0 && !selectedDocumentType) {\n      setSelectedDocumentType(allowedDocumentTypes[0].id);\n    }\n  }, [allowedDocumentTypes, selectedDocumentType]);\n\n  const title =\n    documentSelection?.title ||\n    t(\"document_upload.selection_title\");\n  const description =\n    documentSelection?.description ||\n    t(\"document_upload.selection_description\");\n\n  const documentOptions = allowedDocumentTypes.map((docType) => ({\n    value: docType.id,\n    label: t(docType.name) || docType.name,\n  }));\n\n  const handleContinueAction = () => {\n    if (selectedDocumentType) {\n      onContinue(selectedDocumentType);\n    }\n  };\n\n  return (\n    <MobilePageLayout\n      footer={\n        <PageActions\n          primary={\n            <Button onClick={handleContinueAction} disabled={!selectedDocumentType}>\n              {t(\"buttons.continue\")}\n            </Button>\n          }\n          secondary={\n            <Button variant=\"secondary\" onClick={onBack}>\n              {t(\"buttons.back\")}\n            </Button>\n          }\n        />\n      }\n    >\n      <div className=\"flex-1 flex items-start justify-center md:items-center p-4\">\n        <div className=\"w-full max-w-lg\">\n          <div className=\"text-center mb-8\">\n            <Title className=\"text-2xl md:text-3xl font-bold text-gray-900 mb-2\">\n              {title}\n            </Title>\n            <Subtitle className=\"text-gray-600 whitespace-pre-line\">{description}</Subtitle>\n          </div>\n\n          {/* Document Type Selection */}\n          <div className=\"mb-6\">\n            <label className=\"block text-sm font-medium text-gray-700 mb-2\">\n              {t(\"jdi.document_selection.label_identity\")}\n            </label>\n            <Select\n              options={documentOptions}\n              value={selectedDocumentType}\n              onValueChange={(value) => setSelectedDocumentType(value)}\n              placeholder={t(\"jdi.document_selection.placeholder_identity\")}\n            />\n          </div>\n\n          {/* Information about selected document */}\n          {selectedDocumentType && (\n            <div className=\"bg-gray-50 border border-gray-200 rounded-lg p-4 mb-6\">\n              <h3 className=\"font-medium text-gray-900 mb-2\">\n                {t(\"jdi.document_selection.info_title\")}\n              </h3>\n              <div className=\"text-sm text-gray-700 space-y-1\">\n                <p>{t(\"jdi.document_upload.info_point1\")}</p>\n                <p>{t(\"jdi.document_upload.info_point2\")}</p>\n                <p>{t(\"jdi.document_upload.info_point3\")}</p>\n              </div>\n            </div>\n          )}\n        </div>\n      </div>\n    </MobilePageLayout>\n  );\n};\n\nexport default DocumentCollectionSelection;\n"],"names":["_jsx","_jsxs"],"mappings":"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"}

package/dist/esm/components/document-collection/DocumentCollectionUpload.js

@@ -6,12 +6,12 @@ import PageActions from '../ui/PageActions.js';
 import { Card } from '../ui/Card.js';
 import { Upload } from 'lucide-react';
 import PDFPreview from '../ui/PDFPreview.js';
-import { useTranslation } from 'react-i18next';
+import { useI18n } from '../../hooks/useI18n.js';
 import MobilePageLayout from '../ui/MobilePageLayout.js';
 
 var DocumentCollectionUpload = function (_a) {
     var onUpload = _a.onUpload, onBack = _a.onBack, selectedDocumentType = _a.selectedDocumentType, allowedDocumentTypes = _a.allowedDocumentTypes; _a.documentSelection;
-    var t = useTranslation().t;
+    var t = useI18n().t;
     var _b = useState(null), frontImage = _b[0], setFrontImage = _b[1];
     var _c = useState(null), backImage = _c[0], setBackImage = _c[1];
     var _d = useState(false), frontIsPDF = _d[0], setFrontIsPDF = _d[1];
@@ -40,11 +40,11 @@ var DocumentCollectionUpload = function (_a) {
             return;
         if (!file.type.startsWith("image/") &&
             !file.type.startsWith("application/pdf")) {
-            setError(t("document_upload.errors.invalid_file_type", "Veuillez sélectionner un fichier image ou PDF valide"));
+            setError(t("document_upload.errors.invalid_file_type"));
             return;
         }
         if (file.size > 10 * 1024 * 1024) {
-            setError(t("document_upload.errors.file_too_large", "Le fichier ne doit pas dépasser 10MB"));
+            setError(t("document_upload.errors.file_too_large"));
             return;
         }
         setError("");
@@ -70,7 +70,7 @@ var DocumentCollectionUpload = function (_a) {
             return;
         var maxFiles = requiresTwoSides() ? 2 : 1;
         if (files.length > maxFiles) {
-            setError(t("document_upload.errors.max_files", "Veuillez s\u00E9lectionner maximum ".concat(maxFiles, " fichier${maxFiles > 1 ? \"s\" : \"\"}")));
+            setError(t("document_upload.errors.max_files"));
             return;
         }
         setError("");
@@ -106,7 +106,7 @@ var DocumentCollectionUpload = function (_a) {
         return __generator(this, function (_a) {
             setError("");
             if (!frontImage) {
-                setError(t("jdi.errors.add_photo_identity", "Veuillez ajouter une photo du recto"));
+                setError(t("jdi.document_upload.errors.add_photo_identity"));
                 return [2 /*return*/];
             }
             setIsUploading(true);
@@ -137,23 +137,23 @@ var DocumentCollectionUpload = function (_a) {
         setError("");
     };
     return (jsx(MobilePageLayout, { footer: jsx(PageActions, { primary: jsx(Button, { onClick: handleUpload, disabled: !frontImage || isUploading, children: isUploading
-                    ? t("processing.download", "Téléchargement...")
+                    ? t("jdi.processing.download")
                     : requiresTwoSides()
-                        ? t("processing.validate_documents", "Valider les documents")
-                        : t("processing.validate_document", "Valider le document") }), secondary: jsx(Button, { variant: "secondary", onClick: onBack, disabled: isUploading, children: t("processing.back", "Retour") }) }), children: jsx("div", { className: "flex-1 flex items-center justify-center p-4", children: jsxs("div", { className: "w-full max-w-lg", children: [jsxs("div", { className: "text-center mb-8", children: [jsx("h1", { className: "text-2xl md:text-3xl font-bold text-gray-900 mb-2", children: t("document_upload.upload_title", "Ajoutez votre document") }), jsx("p", { className: "text-gray-600", children: t("document_upload.upload_description", "Veuillez sélectionner le fichier correspondant au document choisi.") })] }), error && (jsx("div", { className: "mb-6 p-4 bg-red-50 border border-red-200 rounded-lg text-sm text-red-700", children: error })), jsx(Card, { className: "border-2 border-dashed border-teal-300 bg-teal-50/30 p-8 mb-6 text-center", onDragOver: function (e) { return e.preventDefault(); }, onDrop: function (e) {
+                        ? t("jdi.document_upload.validate_multiple")
+                        : t("jdi.document_upload.validate_single") }), secondary: jsx(Button, { variant: "secondary", onClick: onBack, disabled: isUploading, children: t("buttons.back") }) }), children: jsx("div", { className: "flex-1 flex items-start justify-center md:items-center p-4", children: jsxs("div", { className: "w-full max-w-lg", children: [jsxs("div", { className: "text-center mb-8", children: [jsx("h1", { className: "text-2xl md:text-3xl font-bold text-gray-900 mb-2", children: t("document_upload.upload_title") }), jsx("p", { className: "text-gray-600", children: t("document_upload.upload_description") })] }), error && (jsx("div", { className: "mb-6 p-4 bg-red-50 border border-red-200 rounded-lg text-sm text-red-700", children: error })), jsx(Card, { className: "border-2 border-dashed border-teal-300 bg-teal-50/30 p-8 mb-6 text-center", onDragOver: function (e) { return e.preventDefault(); }, onDrop: function (e) {
                             e.preventDefault();
                             var files = e.dataTransfer.files;
                             if (files.length > 0) {
                                 var syntheticEvent = { target: { files: files } };
                                 requiresTwoSides() ? handleMultipleFileChange(syntheticEvent) : handleFileChange(syntheticEvent);
                             }
-                        }, children: !frontImage ? (jsxs("div", { className: "space-y-6", children: [jsx("h3", { className: "text-lg font-semibold text-gray-900", children: getSelectedDocumentName() }), jsxs(Button, { onClick: function () { var _a, _b; return requiresTwoSides() ? (_a = multipleInputRef.current) === null || _a === void 0 ? void 0 : _a.click() : (_b = frontInputRef.current) === null || _b === void 0 ? void 0 : _b.click(); }, className: "bg-teal-600 text-white hover:bg-teal-700 px-6 py-2 rounded-lg font-medium mx-auto flex items-center gap-2", disabled: isUploading, children: [jsx(Upload, { size: 18 }), jsx("span", { children: t("document_upload.browse_files", "Parcourir mes fichiers") })] }), jsxs("div", { className: "text-xs text-gray-500 space-y-1", children: [jsx("p", { children: t("document_upload.accepted_formats", "Formats PDF, PNG, JPG acceptés (max 10MB)") }), jsx("p", { children: requiresTwoSides() ? t("document_upload.multiple_files_info", "Jusqu'à 2 fichiers") : t("document_upload.single_file_info", "Jusqu'à 1 fichier") })] })] })) : (jsxs("div", { className: "space-y-4", children: [jsxs("div", { className: "bg-white border rounded-lg p-4 relative group", children: [jsx("p", { className: "text-sm font-medium mb-1", children: frontIsPDF ? "Document PDF" : "Image" }), frontIsPDF ? jsx(PDFPreview, { src: frontImage }) : jsx("img", { src: frontImage, alt: "Recto", className: "max-h-48 mx-auto" }), jsx("button", { onClick: function () { return removeImage("front"); }, className: "absolute top-2 right-2 text-red-500 hover:text-red-700", children: "\u2715" })] }), requiresTwoSides() && backImage && (jsxs("div", { className: "bg-white border rounded-lg p-4 relative group", children: [jsx("p", { className: "text-sm font-medium mb-1", children: backIsPDF ? "Verso PDF" : "Verso Image" }), backIsPDF ? jsx(PDFPreview, { src: backImage }) : jsx("img", { src: backImage, alt: "Verso", className: "max-h-48 mx-auto" }), jsx("button", { onClick: function () { return removeImage("back"); }, className: "absolute top-2 right-2 text-red-500 hover:text-red-700", children: "\u2715" })] })), requiresTwoSides() && !backImage && (jsx(Button, { onClick: function () {
+                        }, children: !frontImage ? (jsxs("div", { className: "space-y-6", children: [jsx("h3", { className: "text-lg font-semibold text-gray-900", children: getSelectedDocumentName() }), jsxs(Button, { onClick: function () { var _a, _b; return requiresTwoSides() ? (_a = multipleInputRef.current) === null || _a === void 0 ? void 0 : _a.click() : (_b = frontInputRef.current) === null || _b === void 0 ? void 0 : _b.click(); }, className: "bg-teal-600 text-white hover:bg-teal-700 px-6 py-2 rounded-lg font-medium mx-auto flex items-center gap-2", disabled: isUploading, children: [jsx(Upload, { size: 18 }), jsx("span", { children: t("document_upload.browse_files") })] }), jsxs("div", { className: "text-xs text-gray-500 space-y-1", children: [jsx("p", { children: t("document_upload.accepted_formats") }), jsx("p", { children: requiresTwoSides() ? t("document_upload.multiple_files_info") : t("document_upload.single_file_info") })] })] })) : (jsxs("div", { className: "space-y-4", children: [jsxs("div", { className: "bg-white border rounded-lg p-4 relative group", children: [jsx("p", { className: "text-sm font-medium mb-1", children: frontIsPDF ? t("document_upload.pdf_preview") : t("document_upload.image_preview") }), frontIsPDF ? jsx(PDFPreview, { src: frontImage }) : jsx("img", { src: frontImage, alt: t("document_upload.front_side"), className: "max-h-48 mx-auto" }), jsx("button", { onClick: function () { return removeImage("front"); }, className: "absolute top-2 right-2 text-red-500 hover:text-red-700", children: "\u2715" })] }), requiresTwoSides() && backImage && (jsxs("div", { className: "bg-white border rounded-lg p-4 relative group", children: [jsxs("p", { className: "text-sm font-medium mb-1", children: [t("document_upload.back_side"), " ", backIsPDF ? "PDF" : ""] }), backIsPDF ? jsx(PDFPreview, { src: backImage }) : jsx("img", { src: backImage, alt: t("document_upload.back_side"), className: "max-h-48 mx-auto" }), jsx("button", { onClick: function () { return removeImage("back"); }, className: "absolute top-2 right-2 text-red-500 hover:text-red-700", children: "\u2715" })] })), requiresTwoSides() && !backImage && (jsx(Button, { onClick: function () {
                                         var input = document.createElement("input");
                                         input.type = "file";
                                         input.accept = "image/*,.pdf";
                                         input.onchange = function (e) { return handleFileChange(e, "back"); };
                                         input.click();
-                                    }, className: "text-teal-600 border border-teal-600 bg-transparent hover:bg-teal-50 w-full", children: t("document_upload.add_back", "Ajouter le verso") }))] })) }), jsx("input", { ref: frontInputRef, type: "file", accept: "image/*,.pdf", onChange: function (e) { return handleFileChange(e, "front"); }, className: "hidden" }), jsx("input", { ref: multipleInputRef, type: "file", accept: "image/*,.pdf", multiple: true, onChange: handleMultipleFileChange, className: "hidden" })] }) }) }));
+                                    }, className: "text-teal-600 border border-teal-600 bg-transparent hover:bg-teal-50 w-full", children: t("document_upload.add_back") }))] })) }), jsx("input", { ref: frontInputRef, type: "file", accept: "image/*,.pdf", onChange: function (e) { return handleFileChange(e, "front"); }, className: "hidden" }), jsx("input", { ref: multipleInputRef, type: "file", accept: "image/*,.pdf", multiple: true, onChange: handleMultipleFileChange, className: "hidden" })] }) }) }));
 };
 
 export { DocumentCollectionUpload as default };

package/dist/esm/components/document-collection/DocumentCollectionUpload.js.map

@@ -1 +1 @@
-{"version":3,"file":"DocumentCollectionUpload.js","sources":["../../../../../src/components/document-collection/DocumentCollectionUpload.tsx"],"sourcesContent":["import React, { useState, useRef } from \"react\";\nimport Title from \"../ui/Title\";\nimport Subtitle from \"../ui/Subtitle\";\nimport Button from \"../ui/Button\";\nimport PageActions from \"../ui/PageActions\";\nimport { Card } from \"../ui/Card\";\nimport { Upload } from \"lucide-react\";\nimport PDFPreview from \"../ui/PDFPreview\";\nimport type { onUploadFiles } from \"../../types/uploadFiles\";\nimport { useTranslation } from \"react-i18next\";\nimport MobilePageLayout from \"../ui/MobilePageLayout\";\nimport { DocumentTypeSide } from \"./DocumentCollection\";\n\ninterface AllowedDocumentType {\n    id: string;\n    name: string;\n    side?: DocumentTypeSide;\n}\n\ninterface DocumentCollectionUploadProps {\n    onUpload: (files: onUploadFiles) => void;\n    onBack: () => void;\n    selectedDocumentType: string;\n    allowedDocumentTypes: AllowedDocumentType[];\n    documentSelection?: {\n        title?: string;\n        description?: string;\n    };\n}\n\nconst DocumentCollectionUpload = ({\n    onUpload,\n    onBack,\n    selectedDocumentType,\n    allowedDocumentTypes,\n    documentSelection,\n}: DocumentCollectionUploadProps) => {\n    const { t } = useTranslation();\n    const [frontImage, setFrontImage] = useState<string | null>(null);\n    const [backImage, setBackImage] = useState<string | null>(null);\n    const [frontIsPDF, setFrontIsPDF] = useState<boolean>(false);\n    const [backIsPDF, setBackIsPDF] = useState<boolean>(false);\n    const [isUploading, setIsUploading] = useState(false);\n    const [error, setError] = useState<string>(\"\");\n    const [isDragging, setIsDragging] = useState(false);\n\n    const frontInputRef = useRef<HTMLInputElement>(null);\n    const multipleInputRef = useRef<HTMLInputElement>(null);\n    const dropZoneRef = useRef<HTMLDivElement>(null);\n\n    const requiresTwoSides = (): boolean => {\n        const selected = allowedDocumentTypes.find(\n            (d) => d.id === selectedDocumentType,\n        );\n        return selected?.side === \"RECTO_VERSO\";\n    };\n\n    const getSelectedDocumentName = () => {\n        const selectedDoc = allowedDocumentTypes.find(\n            (doc) => doc.id === selectedDocumentType,\n        );\n        if (!selectedDoc) return \"document\";\n        return t(selectedDoc.name) || selectedDoc.name;\n    };\n\n    const handleFileChange = (\n        event: React.ChangeEvent<HTMLInputElement>,\n        side: \"front\" | \"back\" = \"front\",\n    ) => {\n        const file = event.target.files?.[0];\n        if (!file) return;\n\n        if (\n            !file.type.startsWith(\"image/\") &&\n            !file.type.startsWith(\"application/pdf\")\n        ) {\n            setError(\n                t(\n                    \"document_upload.errors.invalid_file_type\",\n                    \"Veuillez sélectionner un fichier image ou PDF valide\",\n                ),\n            );\n            return;\n        }\n        if (file.size > 10 * 1024 * 1024) {\n            setError(\n                t(\n                    \"document_upload.errors.file_too_large\",\n                    \"Le fichier ne doit pas dépasser 10MB\",\n                ),\n            );\n            return;\n        }\n\n        setError(\"\");\n        const isFilePDF = file.type === \"application/pdf\";\n        const reader = new FileReader();\n        reader.onload = (e) => {\n            const result = e.target?.result as string;\n            if (side === \"front\") {\n                setFrontImage(result);\n                setFrontIsPDF(isFilePDF);\n            } else {\n                setBackImage(result);\n                setBackIsPDF(isFilePDF);\n            }\n        };\n        reader.readAsDataURL(file);\n    };\n\n    const handleMultipleFileChange = (\n        event: React.ChangeEvent<HTMLInputElement>,\n    ) => {\n        const files = event.target.files;\n        if (!files) return;\n        const maxFiles = requiresTwoSides() ? 2 : 1;\n        if (files.length > maxFiles) {\n            setError(\n                t(\n                    \"document_upload.errors.max_files\",\n                    `Veuillez sélectionner maximum ${maxFiles} fichier\\${maxFiles > 1 ? \"s\" : \"\"}`,\n                ),\n            );\n            return;\n        }\n        setError(\"\");\n        Array.from(files).forEach((file, index) => {\n            if (\n                !file.type.startsWith(\"image/\") &&\n                !file.type.startsWith(\"application/pdf\")\n            ) {\n                setError(t(\"document_upload.errors.invalid_file_type\"));\n                return;\n            }\n            if (file.size > 10 * 1024 * 1024) {\n                setError(t(\"document_upload.errors.file_too_large\"));\n                return;\n            }\n            const isFilePDF = file.type === \"application/pdf\";\n            const reader = new FileReader();\n            reader.onload = (e) => {\n                const result = e.target?.result as string;\n                if (index === 0) {\n                    setFrontImage(result);\n                    setFrontIsPDF(isFilePDF);\n                } else if (index === 1 && requiresTwoSides()) {\n                    setBackImage(result);\n                    setBackIsPDF(isFilePDF);\n                }\n            };\n            reader.readAsDataURL(file);\n        });\n    };\n\n    const handleUpload = async () => {\n        setError(\"\");\n        if (!frontImage) {\n            setError(t(\"jdi.errors.add_photo_identity\", \"Veuillez ajouter une photo du recto\"));\n            return;\n        }\n\n        setIsUploading(true);\n        try {\n            const files = {\n                front: frontImage,\n                back: requiresTwoSides() ? backImage : null,\n            };\n            onUpload(files);\n        } catch (err) {\n            setError(t(\"document_upload.errors.upload_error\"));\n            setIsUploading(false);\n        }\n    };\n\n    const removeImage = (side: \"front\" | \"back\" = \"front\") => {\n        if (side === \"front\") {\n            setFrontImage(null);\n            setFrontIsPDF(false);\n        } else {\n            setBackImage(null);\n            setBackIsPDF(false);\n        }\n        setError(\"\");\n    };\n\n    return (\n        <MobilePageLayout\n            footer={\n                <PageActions\n                        primary={\n                            <Button\n                                onClick={handleUpload}\n                                disabled={!frontImage || isUploading}\n                            >\n                                {isUploading\n                                    ? t(\"processing.download\", \"Téléchargement...\")\n                                    : requiresTwoSides()\n                                        ? t(\"processing.validate_documents\", \"Valider les documents\")\n                                        : t(\"processing.validate_document\", \"Valider le document\")}\n                            </Button>\n                        }\n                        secondary={\n                            <Button variant=\"secondary\" onClick={onBack} disabled={isUploading}>\n                                {t(\"processing.back\", \"Retour\")}\n                            </Button>\n                        }\n                    />\n            }\n        >\n            <div className=\"flex-1 flex items-center justify-center p-4\">\n                <div className=\"w-full max-w-lg\">\n                    <div className=\"text-center mb-8\">\n                        <h1 className=\"text-2xl md:text-3xl font-bold text-gray-900 mb-2\">\n                            {t(\"document_upload.upload_title\", \"Ajoutez votre document\")}\n                        </h1>\n                        <p className=\"text-gray-600\">\n                            {t(\"document_upload.upload_description\", \"Veuillez sélectionner le fichier correspondant au document choisi.\")}\n                        </p>\n                    </div>\n\n                    {error && (\n                        <div className=\"mb-6 p-4 bg-red-50 border border-red-200 rounded-lg text-sm text-red-700\">\n                            {error}\n                        </div>\n                    )}\n\n                    <Card\n                        className=\"border-2 border-dashed border-teal-300 bg-teal-50/30 p-8 mb-6 text-center\"\n                        onDragOver={(e) => e.preventDefault()}\n                        onDrop={(e) => {\n                            e.preventDefault();\n                            const files = e.dataTransfer.files;\n                            if (files.length > 0) {\n                                const syntheticEvent = { target: { files } } as any;\n                                requiresTwoSides() ? handleMultipleFileChange(syntheticEvent) : handleFileChange(syntheticEvent);\n                            }\n                        }}\n                    >\n                        {!frontImage ? (\n                            <div className=\"space-y-6\">\n                                <h3 className=\"text-lg font-semibold text-gray-900\">{getSelectedDocumentName()}</h3>\n                                <Button\n                                    onClick={() => requiresTwoSides() ? multipleInputRef.current?.click() : frontInputRef.current?.click()}\n                                    className=\"bg-teal-600 text-white hover:bg-teal-700 px-6 py-2 rounded-lg font-medium mx-auto flex items-center gap-2\"\n                                    disabled={isUploading}\n                                >\n                                    <Upload size={18} />\n                                    <span>{t(\"document_upload.browse_files\", \"Parcourir mes fichiers\")}</span>\n                                </Button>\n                                <div className=\"text-xs text-gray-500 space-y-1\">\n                                    <p>{t(\"document_upload.accepted_formats\", \"Formats PDF, PNG, JPG acceptés (max 10MB)\")}</p>\n                                    <p>{requiresTwoSides() ? t(\"document_upload.multiple_files_info\", \"Jusqu'à 2 fichiers\") : t(\"document_upload.single_file_info\", \"Jusqu'à 1 fichier\")}</p>\n                                </div>\n                            </div>\n                        ) : (\n                            <div className=\"space-y-4\">\n                                <div className=\"bg-white border rounded-lg p-4 relative group\">\n                                    <p className=\"text-sm font-medium mb-1\">{frontIsPDF ? \"Document PDF\" : \"Image\"}</p>\n                                    {frontIsPDF ? <PDFPreview src={frontImage} /> : <img src={frontImage} alt=\"Recto\" className=\"max-h-48 mx-auto\" />}\n                                    <button onClick={() => removeImage(\"front\")} className=\"absolute top-2 right-2 text-red-500 hover:text-red-700\">✕</button>\n                                </div>\n                                {requiresTwoSides() && backImage && (\n                                    <div className=\"bg-white border rounded-lg p-4 relative group\">\n                                        <p className=\"text-sm font-medium mb-1\">{backIsPDF ? \"Verso PDF\" : \"Verso Image\"}</p>\n                                        {backIsPDF ? <PDFPreview src={backImage} /> : <img src={backImage} alt=\"Verso\" className=\"max-h-48 mx-auto\" />}\n                                        <button onClick={() => removeImage(\"back\")} className=\"absolute top-2 right-2 text-red-500 hover:text-red-700\">✕</button>\n                                    </div>\n                                )}\n                                {requiresTwoSides() && !backImage && (\n                                    <Button\n                                        onClick={() => {\n                                            const input = document.createElement(\"input\");\n                                            input.type = \"file\";\n                                            input.accept = \"image/*,.pdf\";\n                                            input.onchange = (e) => handleFileChange(e as any, \"back\");\n                                            input.click();\n                                        }}\n                                        className=\"text-teal-600 border border-teal-600 bg-transparent hover:bg-teal-50 w-full\"\n                                    >\n                                        {t(\"document_upload.add_back\", \"Ajouter le verso\")}\n                                    </Button>\n                                )}\n                            </div>\n                        )}\n                    </Card>\n\n                    <input ref={frontInputRef} type=\"file\" accept=\"image/*,.pdf\" onChange={(e) => handleFileChange(e, \"front\")} className=\"hidden\" />\n                    <input ref={multipleInputRef} type=\"file\" accept=\"image/*,.pdf\" multiple={true} onChange={handleMultipleFileChange} className=\"hidden\" />\n                </div>\n            </div>\n        </MobilePageLayout>\n    );\n};\n\nexport default DocumentCollectionUpload;\n"],"names":["_jsx","_jsxs"],"mappings":"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"}
+{"version":3,"file":"DocumentCollectionUpload.js","sources":["../../../../../src/components/document-collection/DocumentCollectionUpload.tsx"],"sourcesContent":["import React, { useState, useRef } from \"react\";\nimport Title from \"../ui/Title\";\nimport Subtitle from \"../ui/Subtitle\";\nimport Button from \"../ui/Button\";\nimport PageActions from \"../ui/PageActions\";\nimport { Card } from \"../ui/Card\";\nimport { Upload } from \"lucide-react\";\nimport PDFPreview from \"../ui/PDFPreview\";\nimport type { onUploadFiles } from \"../../types/uploadFiles\";\nimport { useI18n } from \"../../hooks/useI18n\";\nimport MobilePageLayout from \"../ui/MobilePageLayout\";\nimport { DocumentTypeSide } from \"./DocumentCollection\";\n\ninterface AllowedDocumentType {\n    id: string;\n    name: string;\n    side?: DocumentTypeSide;\n}\n\ninterface DocumentCollectionUploadProps {\n    onUpload: (files: onUploadFiles) => void;\n    onBack: () => void;\n    selectedDocumentType: string;\n    allowedDocumentTypes: AllowedDocumentType[];\n    documentSelection?: {\n        title?: string;\n        description?: string;\n    };\n}\n\nconst DocumentCollectionUpload = ({\n    onUpload,\n    onBack,\n    selectedDocumentType,\n    allowedDocumentTypes,\n    documentSelection,\n}: DocumentCollectionUploadProps) => {\n    const { t } = useI18n();\n    const [frontImage, setFrontImage] = useState<string | null>(null);\n    const [backImage, setBackImage] = useState<string | null>(null);\n    const [frontIsPDF, setFrontIsPDF] = useState<boolean>(false);\n    const [backIsPDF, setBackIsPDF] = useState<boolean>(false);\n    const [isUploading, setIsUploading] = useState(false);\n    const [error, setError] = useState<string>(\"\");\n    const [isDragging, setIsDragging] = useState(false);\n\n    const frontInputRef = useRef<HTMLInputElement>(null);\n    const multipleInputRef = useRef<HTMLInputElement>(null);\n    const dropZoneRef = useRef<HTMLDivElement>(null);\n\n    const requiresTwoSides = (): boolean => {\n        const selected = allowedDocumentTypes.find(\n            (d) => d.id === selectedDocumentType,\n        );\n        return selected?.side === \"RECTO_VERSO\";\n    };\n\n    const getSelectedDocumentName = () => {\n        const selectedDoc = allowedDocumentTypes.find(\n            (doc) => doc.id === selectedDocumentType,\n        );\n        if (!selectedDoc) return \"document\";\n        return t(selectedDoc.name) || selectedDoc.name;\n    };\n\n    const handleFileChange = (\n        event: React.ChangeEvent<HTMLInputElement>,\n        side: \"front\" | \"back\" = \"front\",\n    ) => {\n        const file = event.target.files?.[0];\n        if (!file) return;\n\n        if (\n            !file.type.startsWith(\"image/\") &&\n            !file.type.startsWith(\"application/pdf\")\n        ) {\n            setError(t(\"document_upload.errors.invalid_file_type\"));\n            return;\n        }\n        if (file.size > 10 * 1024 * 1024) {\n            setError(t(\"document_upload.errors.file_too_large\"));\n            return;\n        }\n\n        setError(\"\");\n        const isFilePDF = file.type === \"application/pdf\";\n        const reader = new FileReader();\n        reader.onload = (e) => {\n            const result = e.target?.result as string;\n            if (side === \"front\") {\n                setFrontImage(result);\n                setFrontIsPDF(isFilePDF);\n            } else {\n                setBackImage(result);\n                setBackIsPDF(isFilePDF);\n            }\n        };\n        reader.readAsDataURL(file);\n    };\n\n    const handleMultipleFileChange = (\n        event: React.ChangeEvent<HTMLInputElement>,\n    ) => {\n        const files = event.target.files;\n        if (!files) return;\n        const maxFiles = requiresTwoSides() ? 2 : 1;\n        if (files.length > maxFiles) {\n            setError(t(\"document_upload.errors.max_files\"));\n            return;\n        }\n        setError(\"\");\n        Array.from(files).forEach((file, index) => {\n            if (\n                !file.type.startsWith(\"image/\") &&\n                !file.type.startsWith(\"application/pdf\")\n            ) {\n                setError(t(\"document_upload.errors.invalid_file_type\"));\n                return;\n            }\n            if (file.size > 10 * 1024 * 1024) {\n                setError(t(\"document_upload.errors.file_too_large\"));\n                return;\n            }\n            const isFilePDF = file.type === \"application/pdf\";\n            const reader = new FileReader();\n            reader.onload = (e) => {\n                const result = e.target?.result as string;\n                if (index === 0) {\n                    setFrontImage(result);\n                    setFrontIsPDF(isFilePDF);\n                } else if (index === 1 && requiresTwoSides()) {\n                    setBackImage(result);\n                    setBackIsPDF(isFilePDF);\n                }\n            };\n            reader.readAsDataURL(file);\n        });\n    };\n\n    const handleUpload = async () => {\n        setError(\"\");\n        if (!frontImage) {\n            setError(t(\"jdi.document_upload.errors.add_photo_identity\"));\n            return;\n        }\n\n        setIsUploading(true);\n        try {\n            const files = {\n                front: frontImage,\n                back: requiresTwoSides() ? backImage : null,\n            };\n            onUpload(files);\n        } catch (err) {\n            setError(t(\"document_upload.errors.upload_error\"));\n            setIsUploading(false);\n        }\n    };\n\n    const removeImage = (side: \"front\" | \"back\" = \"front\") => {\n        if (side === \"front\") {\n            setFrontImage(null);\n            setFrontIsPDF(false);\n        } else {\n            setBackImage(null);\n            setBackIsPDF(false);\n        }\n        setError(\"\");\n    };\n\n    return (\n        <MobilePageLayout\n            footer={\n                <PageActions\n                        primary={\n                            <Button\n                                onClick={handleUpload}\n                                disabled={!frontImage || isUploading}\n                            >\n                                {isUploading\n                                    ? t(\"jdi.processing.download\")\n                                    : requiresTwoSides()\n                                        ? t(\"jdi.document_upload.validate_multiple\")\n                                        : t(\"jdi.document_upload.validate_single\")}\n                            </Button>\n                        }\n                        secondary={\n                            <Button variant=\"secondary\" onClick={onBack} disabled={isUploading}>\n                                {t(\"buttons.back\")}\n                            </Button>\n                        }\n                    />\n            }\n        >\n            <div className=\"flex-1 flex items-start justify-center md:items-center p-4\">\n                <div className=\"w-full max-w-lg\">\n                    <div className=\"text-center mb-8\">\n                        <h1 className=\"text-2xl md:text-3xl font-bold text-gray-900 mb-2\">\n                            {t(\"document_upload.upload_title\")}\n                        </h1>\n                        <p className=\"text-gray-600\">\n                            {t(\"document_upload.upload_description\")}\n                        </p>\n                    </div>\n\n                    {error && (\n                        <div className=\"mb-6 p-4 bg-red-50 border border-red-200 rounded-lg text-sm text-red-700\">\n                            {error}\n                        </div>\n                    )}\n\n                    <Card\n                        className=\"border-2 border-dashed border-teal-300 bg-teal-50/30 p-8 mb-6 text-center\"\n                        onDragOver={(e) => e.preventDefault()}\n                        onDrop={(e) => {\n                            e.preventDefault();\n                            const files = e.dataTransfer.files;\n                            if (files.length > 0) {\n                                const syntheticEvent = { target: { files } } as any;\n                                requiresTwoSides() ? handleMultipleFileChange(syntheticEvent) : handleFileChange(syntheticEvent);\n                            }\n                        }}\n                    >\n                        {!frontImage ? (\n                            <div className=\"space-y-6\">\n                                <h3 className=\"text-lg font-semibold text-gray-900\">{getSelectedDocumentName()}</h3>\n                                <Button\n                                    onClick={() => requiresTwoSides() ? multipleInputRef.current?.click() : frontInputRef.current?.click()}\n                                    className=\"bg-teal-600 text-white hover:bg-teal-700 px-6 py-2 rounded-lg font-medium mx-auto flex items-center gap-2\"\n                                    disabled={isUploading}\n                                >\n                                    <Upload size={18} />\n                                    <span>{t(\"document_upload.browse_files\")}</span>\n                                </Button>\n                                <div className=\"text-xs text-gray-500 space-y-1\">\n                                    <p>{t(\"document_upload.accepted_formats\")}</p>\n                                    <p>{requiresTwoSides() ? t(\"document_upload.multiple_files_info\") : t(\"document_upload.single_file_info\")}</p>\n                                </div>\n                            </div>\n                        ) : (\n                            <div className=\"space-y-4\">\n                                <div className=\"bg-white border rounded-lg p-4 relative group\">\n                                    <p className=\"text-sm font-medium mb-1\">{frontIsPDF ? t(\"document_upload.pdf_preview\") : t(\"document_upload.image_preview\")}</p>\n                                    {frontIsPDF ? <PDFPreview src={frontImage} /> : <img src={frontImage} alt={t(\"document_upload.front_side\")} className=\"max-h-48 mx-auto\" />}\n                                    <button onClick={() => removeImage(\"front\")} className=\"absolute top-2 right-2 text-red-500 hover:text-red-700\">✕</button>\n                                </div>\n                                {requiresTwoSides() && backImage && (\n                                    <div className=\"bg-white border rounded-lg p-4 relative group\">\n                                        <p className=\"text-sm font-medium mb-1\">{t(\"document_upload.back_side\")} {backIsPDF ? \"PDF\" : \"\"}</p>\n                                        {backIsPDF ? <PDFPreview src={backImage} /> : <img src={backImage} alt={t(\"document_upload.back_side\")} className=\"max-h-48 mx-auto\" />}\n                                        <button onClick={() => removeImage(\"back\")} className=\"absolute top-2 right-2 text-red-500 hover:text-red-700\">✕</button>\n                                    </div>\n                                )}\n                                {requiresTwoSides() && !backImage && (\n                                    <Button\n                                        onClick={() => {\n                                            const input = document.createElement(\"input\");\n                                            input.type = \"file\";\n                                            input.accept = \"image/*,.pdf\";\n                                            input.onchange = (e) => handleFileChange(e as any, \"back\");\n                                            input.click();\n                                        }}\n                                        className=\"text-teal-600 border border-teal-600 bg-transparent hover:bg-teal-50 w-full\"\n                                    >\n                                        {t(\"document_upload.add_back\")}\n                                    </Button>\n                                )}\n                            </div>\n                        )}\n                    </Card>\n\n                    <input ref={frontInputRef} type=\"file\" accept=\"image/*,.pdf\" onChange={(e) => handleFileChange(e, \"front\")} className=\"hidden\" />\n                    <input ref={multipleInputRef} type=\"file\" accept=\"image/*,.pdf\" multiple={true} onChange={handleMultipleFileChange} className=\"hidden\" />\n                </div>\n            </div>\n        </MobilePageLayout>\n    );\n};\n\nexport default DocumentCollectionUpload;\n"],"names":["_jsx","_jsxs"],"mappings":"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"}

package/dist/esm/components/document-collection/DocumentError.js

@@ -3,12 +3,12 @@ import { useState, useEffect } from 'react';
 import Title from '../ui/Title.js';
 import Subtitle from '../ui/Subtitle.js';
 import ButtonDesktop from '../ui/ButtonDesktop.js';
-import { useTranslation } from 'react-i18next';
+import { useI18n } from '../../hooks/useI18n.js';
 import { getValidationPoints } from '../../utils/validationUtils.js';
 
 var DocumentError = function (_a) {
     var documentType = _a.documentType, documentTypeLabel = _a.documentTypeLabel, onRetry = _a.onRetry, onContinueAnyway = _a.onContinueAnyway, onBackToUserInput = _a.onBackToUserInput, _b = _a.retryCount, retryCount = _b === void 0 ? 0 : _b, _c = _a.predictions, predictions = _c === void 0 ? [] : _c; _a.errorDetails; _a.allowResubmission; var maxResubmissionAttempts = _a.maxResubmissionAttempts, _d = _a.isRetryAllowed, isRetryAllowed = _d === void 0 ? true : _d, errorCode = _a.errorCode;
-    var t = useTranslation().t;
+    var t = useI18n().t;
     var _e = useState([]), validationPoints = _e[0], setValidationPoints = _e[1];
     useEffect(function () {
         // Use shared utility to get validation points

package/dist/esm/components/document-collection/DocumentError.js.map

@@ -1 +1 @@
-{"version":3,"file":"DocumentError.js","sources":["../../../../../src/components/document-collection/DocumentError.tsx"],"sourcesContent":["import React, { useEffect, useState } from \"react\";\nimport Title from \"../ui/Title\";\nimport Subtitle from \"../ui/Subtitle\";\nimport Button from \"../ui/Button\";\nimport ButtonDesktop from \"../ui/ButtonDesktop\";\nimport { useTranslation } from \"react-i18next\";\nimport { getValidationPoints } from \"../../utils/validationUtils\";\nimport type { DocumentErrorProps } from \"./types\";\nimport MobilePageLayout from \"../ui/MobilePageLayout\";\n\nconst DocumentError: React.FC<DocumentErrorProps> = ({\n  documentType,\n  documentTypeLabel,\n  onRetry,\n  onContinueAnyway,\n  onBackToUserInput,\n  retryCount = 0,\n  predictions = [],\n  errorDetails,\n  allowResubmission,\n  maxResubmissionAttempts,\n  isRetryAllowed = true,\n  errorCode,\n}) => {\n  const { t } = useTranslation();\n  const [validationPoints, setValidationPoints] = useState<string[]>([]);\n\n  useEffect(() => {\n    // Use shared utility to get validation points\n    setValidationPoints(\n      getValidationPoints(errorCode, predictions, t, \"error\"),\n    );\n  }, [predictions, errorCode, t]);\n\n  // Get user guidance message if available\n  const getUserGuidance = (): string | null => {\n    if (!errorCode) return null;\n    const guidance = t(`user_guidance.${errorCode}`, \"\");\n    return guidance || null;\n  };\n\n  const getDocumentLabel = (documentType: string): string => {\n    if (documentTypeLabel) return documentTypeLabel;\n\n    const translated = t(documentType);\n    // If no translation, use default fallbacks\n    if (translated === documentType) {\n      switch (documentType) {\n        case \"national_id\":\n          return t(\"documentTypes.idCard\", \"carte nationale d'identité\");\n        case \"passport\":\n          return t(\"documentTypes.passport\", \"passeport\");\n        case \"driving_license\":\n          return t(\"documentTypes.driving_license\", \"permis de conduire\");\n        default:\n          return t(\"documentTypes.document\", \"document\");\n      }\n    }\n    return translated;\n  };\n\n  return (\n    <div className=\"flex flex-col justify-between h-full w-full\">\n      {/* Main content area */}\n      <div className=\"flex-1 px-4 py-6 pt-11 md:px-8 md:py-8\">\n        <div className=\"w-full max-w-md mx-auto space-y-6\">\n          {/* Error icon */}\n          <div className=\"text-center\">\n            <div className=\"mx-auto w-16 h-16 bg-red-100 rounded-full flex items-center justify-center mb-4\">\n              <div className=\"w-8 h-8 bg-red-500 rounded-full flex items-center justify-center\">\n                <span className=\"text-white text-lg\">✕</span>\n              </div>\n            </div>\n          </div>\n\n          {/* Header */}\n          <div className=\"text-center space-y-4\">\n            <Title className=\"text-xl md:text-2xl lg:text-3xl text-red-600\">\n              {t(\"errors.verification_failed\", \"Vérification échouée\")}\n            </Title>\n            <Subtitle className=\"text-sm text-gray-600 leading-relaxed\">\n              {isRetryAllowed\n                ? t(\"errors.verification_failed_subtitle\", {\n                  documentType: getDocumentLabel(documentType),\n                })\n                : t(\"errors.verification_failed_subtitle_no_retry\", {\n                  documentType: getDocumentLabel(documentType),\n                })}\n            </Subtitle>\n          </div>\n\n          {/* Error details - Validation Points */}\n          <div className=\"bg-red-50 border border-red-200 rounded-lg p-4\">\n            <h3 className=\"font-medium text-red-900 mb-2\">\n              {t(\"errors.problems_detected\", \"Problèmes détectés\")}\n            </h3>\n            <div className=\"text-sm text-red-800 space-y-1\">\n              {validationPoints.map((point, index) => (\n                <p key={index}>{point}</p>\n              ))}\n            </div>\n          </div>\n\n          {/* Resubmission limit message */}\n          {!isRetryAllowed && (\n            <div className=\"bg-orange-50 border border-orange-200 rounded-lg p-4\">\n              <h3 className=\"font-medium text-orange-900 mb-2\">\n                {t(\n                  \"errors.resubmission.max_attempts_reached\",\n                  \"Nombre maximum de tentatives atteint\",\n                )}\n              </h3>\n              <p className=\"text-sm text-orange-800\">\n                {maxResubmissionAttempts !== undefined\n                  ? t(\"errors.resubmission.max_attempts_reached_description\")\n                  : t(\"errors.resubmission.no_resubmission_allowed\")}\n              </p>\n            </div>\n          )}\n\n          {/* User guidance - specific advice based on error code */}\n          {getUserGuidance() && (\n            <div className=\"bg-yellow-50 border border-yellow-200 rounded-lg p-4\">\n              <h3 className=\"font-medium text-yellow-900 mb-2\">\n                💡 {t(\"errors.improvement_tips\", \"Conseils d'amélioration\")}\n              </h3>\n              <p className=\"text-sm text-yellow-800\">{getUserGuidance()}</p>\n            </div>\n          )}\n\n          {/* Next steps */}\n          {isRetryAllowed && (\n            <div className=\"bg-blue-50 border border-blue-200 rounded-lg p-4\">\n              <h3 className=\"font-medium text-blue-900 mb-2\">\n                {t(\"errors.next_steps\", \"Prochaines étapes\")}\n              </h3>\n              <p className=\"text-sm text-blue-800\">\n                {t(\n                  \"errors.next_steps_description\",\n                  \"Veuillez reprendre les photos de votre document en suivant les conseils d'amélioration pour une meilleure qualité.\",\n                )}\n              </p>\n            </div>\n          )}\n        </div>\n      </div>\n\n      {/* Footer with buttons */}\n      <div className=\"sticky bottom-0 md:static bg-white border-t md:border-t-0 p-4 md:p-0 md:pb-8\">\n        <div className=\"w-full max-w-md mx-auto\">\n          {/* Mobile layout */}\n          <div className=\"flex flex-col space-y-3 md:hidden\">\n            {onBackToUserInput && (\n              <ButtonDesktop\n                onClick={onBackToUserInput}\n                type=\"back\"\n              >\n                {t(\n                  \"errors.back_to_user_input\",\n                  \"Retour aux informations d'identité\",\n                )}\n              </ButtonDesktop>\n            )}\n            {retryCount >= 1 && isRetryAllowed && (\n              <ButtonDesktop\n                onClick={onContinueAnyway}\n                type=\"back\"\n              >\n                {t(\"errors.continue_anyway\", \"Poursuivre tout de même\")}\n              </ButtonDesktop>\n            )}\n            {isRetryAllowed && (\n              <ButtonDesktop onClick={onRetry} type=\"continue\">\n                {t(\"errors.retry_verification\", \"Recommencer la vérification\")}\n              </ButtonDesktop>\n            )}\n            {!isRetryAllowed && (\n              <ButtonDesktop onClick={onContinueAnyway} type=\"back\">\n                {t(\"errors.continue_anyway\", \"Poursuivre tout de même\")}\n              </ButtonDesktop>\n            )}\n          </div>\n\n          {/* Desktop layout */}\n          <div className=\"hidden md:flex flex-col space-y-3\">\n            <div className=\"flex justify-center space-x-3\">\n              {onBackToUserInput && (\n                <ButtonDesktop\n                  onClick={onBackToUserInput}\n                  type=\"back\"\n                >\n                  {t(\n                    \"errors.back_to_user_input\",\n                    \"Retour aux informations d'identité\",\n                  )}\n                </ButtonDesktop>\n              )}\n              {retryCount >= 1 && isRetryAllowed && (\n                <ButtonDesktop onClick={onContinueAnyway} type=\"back\">\n                  {t(\"errors.continue_anyway\", \"Poursuivre tout de même\")}\n                </ButtonDesktop>\n              )}\n              {isRetryAllowed && (\n                <ButtonDesktop onClick={onRetry} type=\"continue\">\n                  {t(\n                    \"errors.retry_verification\",\n                    \"Recommencer la vérification\",\n                  )}\n                </ButtonDesktop>\n              )}\n              {!isRetryAllowed && (\n                <ButtonDesktop onClick={onContinueAnyway} type=\"continue\">\n                  {t(\"errors.continue_anyway\", \"Poursuivre tout de même\")}\n                </ButtonDesktop>\n              )}\n            </div>\n          </div>\n        </div>\n      </div>\n    </div>\n  );\n};\n\nexport default DocumentError;\nexport type { DocumentErrorProps };\n"],"names":["_jsxs","_jsx"],"mappings":"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"}
+{"version":3,"file":"DocumentError.js","sources":["../../../../../src/components/document-collection/DocumentError.tsx"],"sourcesContent":["import React, { useEffect, useState } from \"react\";\nimport Title from \"../ui/Title\";\nimport Subtitle from \"../ui/Subtitle\";\nimport Button from \"../ui/Button\";\nimport ButtonDesktop from \"../ui/ButtonDesktop\";\nimport { useI18n } from \"../../hooks/useI18n\";\nimport { getValidationPoints } from \"../../utils/validationUtils\";\nimport type { DocumentErrorProps } from \"./types\";\nimport MobilePageLayout from \"../ui/MobilePageLayout\";\n\nconst DocumentError: React.FC<DocumentErrorProps> = ({\n  documentType,\n  documentTypeLabel,\n  onRetry,\n  onContinueAnyway,\n  onBackToUserInput,\n  retryCount = 0,\n  predictions = [],\n  errorDetails,\n  allowResubmission,\n  maxResubmissionAttempts,\n  isRetryAllowed = true,\n  errorCode,\n}) => {\n  const { t } = useI18n();\n  const [validationPoints, setValidationPoints] = useState<string[]>([]);\n\n  useEffect(() => {\n    // Use shared utility to get validation points\n    setValidationPoints(\n      getValidationPoints(errorCode, predictions, t, \"error\"),\n    );\n  }, [predictions, errorCode, t]);\n\n  // Get user guidance message if available\n  const getUserGuidance = (): string | null => {\n    if (!errorCode) return null;\n    const guidance = t(`user_guidance.${errorCode}`, \"\");\n    return guidance || null;\n  };\n\n  const getDocumentLabel = (documentType: string): string => {\n    if (documentTypeLabel) return documentTypeLabel;\n\n    const translated = t(documentType);\n    // If no translation, use default fallbacks\n    if (translated === documentType) {\n      switch (documentType) {\n        case \"national_id\":\n          return t(\"documentTypes.idCard\", \"carte nationale d'identité\");\n        case \"passport\":\n          return t(\"documentTypes.passport\", \"passeport\");\n        case \"driving_license\":\n          return t(\"documentTypes.driving_license\", \"permis de conduire\");\n        default:\n          return t(\"documentTypes.document\", \"document\");\n      }\n    }\n    return translated;\n  };\n\n  return (\n    <div className=\"flex flex-col justify-between h-full w-full\">\n      {/* Main content area */}\n      <div className=\"flex-1 px-4 py-6 pt-11 md:px-8 md:py-8\">\n        <div className=\"w-full max-w-md mx-auto space-y-6\">\n          {/* Error icon */}\n          <div className=\"text-center\">\n            <div className=\"mx-auto w-16 h-16 bg-red-100 rounded-full flex items-center justify-center mb-4\">\n              <div className=\"w-8 h-8 bg-red-500 rounded-full flex items-center justify-center\">\n                <span className=\"text-white text-lg\">✕</span>\n              </div>\n            </div>\n          </div>\n\n          {/* Header */}\n          <div className=\"text-center space-y-4\">\n            <Title className=\"text-xl md:text-2xl lg:text-3xl text-red-600\">\n              {t(\"errors.verification_failed\", \"Vérification échouée\")}\n            </Title>\n            <Subtitle className=\"text-sm text-gray-600 leading-relaxed\">\n              {isRetryAllowed\n                ? t(\"errors.verification_failed_subtitle\", {\n                  documentType: getDocumentLabel(documentType),\n                })\n                : t(\"errors.verification_failed_subtitle_no_retry\", {\n                  documentType: getDocumentLabel(documentType),\n                })}\n            </Subtitle>\n          </div>\n\n          {/* Error details - Validation Points */}\n          <div className=\"bg-red-50 border border-red-200 rounded-lg p-4\">\n            <h3 className=\"font-medium text-red-900 mb-2\">\n              {t(\"errors.problems_detected\", \"Problèmes détectés\")}\n            </h3>\n            <div className=\"text-sm text-red-800 space-y-1\">\n              {validationPoints.map((point, index) => (\n                <p key={index}>{point}</p>\n              ))}\n            </div>\n          </div>\n\n          {/* Resubmission limit message */}\n          {!isRetryAllowed && (\n            <div className=\"bg-orange-50 border border-orange-200 rounded-lg p-4\">\n              <h3 className=\"font-medium text-orange-900 mb-2\">\n                {t(\n                  \"errors.resubmission.max_attempts_reached\",\n                  \"Nombre maximum de tentatives atteint\",\n                )}\n              </h3>\n              <p className=\"text-sm text-orange-800\">\n                {maxResubmissionAttempts !== undefined\n                  ? t(\"errors.resubmission.max_attempts_reached_description\")\n                  : t(\"errors.resubmission.no_resubmission_allowed\")}\n              </p>\n            </div>\n          )}\n\n          {/* User guidance - specific advice based on error code */}\n          {getUserGuidance() && (\n            <div className=\"bg-yellow-50 border border-yellow-200 rounded-lg p-4\">\n              <h3 className=\"font-medium text-yellow-900 mb-2\">\n                💡 {t(\"errors.improvement_tips\", \"Conseils d'amélioration\")}\n              </h3>\n              <p className=\"text-sm text-yellow-800\">{getUserGuidance()}</p>\n            </div>\n          )}\n\n          {/* Next steps */}\n          {isRetryAllowed && (\n            <div className=\"bg-blue-50 border border-blue-200 rounded-lg p-4\">\n              <h3 className=\"font-medium text-blue-900 mb-2\">\n                {t(\"errors.next_steps\", \"Prochaines étapes\")}\n              </h3>\n              <p className=\"text-sm text-blue-800\">\n                {t(\n                  \"errors.next_steps_description\",\n                  \"Veuillez reprendre les photos de votre document en suivant les conseils d'amélioration pour une meilleure qualité.\",\n                )}\n              </p>\n            </div>\n          )}\n        </div>\n      </div>\n\n      {/* Footer with buttons */}\n      <div className=\"sticky bottom-0 md:static bg-white border-t md:border-t-0 p-4 md:p-0 md:pb-8\">\n        <div className=\"w-full max-w-md mx-auto\">\n          {/* Mobile layout */}\n          <div className=\"flex flex-col space-y-3 md:hidden\">\n            {onBackToUserInput && (\n              <ButtonDesktop\n                onClick={onBackToUserInput}\n                type=\"back\"\n              >\n                {t(\n                  \"errors.back_to_user_input\",\n                  \"Retour aux informations d'identité\",\n                )}\n              </ButtonDesktop>\n            )}\n            {retryCount >= 1 && isRetryAllowed && (\n              <ButtonDesktop\n                onClick={onContinueAnyway}\n                type=\"back\"\n              >\n                {t(\"errors.continue_anyway\", \"Poursuivre tout de même\")}\n              </ButtonDesktop>\n            )}\n            {isRetryAllowed && (\n              <ButtonDesktop onClick={onRetry} type=\"continue\">\n                {t(\"errors.retry_verification\", \"Recommencer la vérification\")}\n              </ButtonDesktop>\n            )}\n            {!isRetryAllowed && (\n              <ButtonDesktop onClick={onContinueAnyway} type=\"back\">\n                {t(\"errors.continue_anyway\", \"Poursuivre tout de même\")}\n              </ButtonDesktop>\n            )}\n          </div>\n\n          {/* Desktop layout */}\n          <div className=\"hidden md:flex flex-col space-y-3\">\n            <div className=\"flex justify-center space-x-3\">\n              {onBackToUserInput && (\n                <ButtonDesktop\n                  onClick={onBackToUserInput}\n                  type=\"back\"\n                >\n                  {t(\n                    \"errors.back_to_user_input\",\n                    \"Retour aux informations d'identité\",\n                  )}\n                </ButtonDesktop>\n              )}\n              {retryCount >= 1 && isRetryAllowed && (\n                <ButtonDesktop onClick={onContinueAnyway} type=\"back\">\n                  {t(\"errors.continue_anyway\", \"Poursuivre tout de même\")}\n                </ButtonDesktop>\n              )}\n              {isRetryAllowed && (\n                <ButtonDesktop onClick={onRetry} type=\"continue\">\n                  {t(\n                    \"errors.retry_verification\",\n                    \"Recommencer la vérification\",\n                  )}\n                </ButtonDesktop>\n              )}\n              {!isRetryAllowed && (\n                <ButtonDesktop onClick={onContinueAnyway} type=\"continue\">\n                  {t(\"errors.continue_anyway\", \"Poursuivre tout de même\")}\n                </ButtonDesktop>\n              )}\n            </div>\n          </div>\n        </div>\n      </div>\n    </div>\n  );\n};\n\nexport default DocumentError;\nexport type { DocumentErrorProps };\n"],"names":["_jsxs","_jsx"],"mappings":";;;;;;;;AAUA,IAAM,aAAa,GAAiC,UAAC,EAapD,EAAA;QAZC,YAAY,GAAA,EAAA,CAAA,YAAA,EACZ,iBAAiB,GAAA,EAAA,CAAA,iBAAA,EACjB,OAAO,GAAA,EAAA,CAAA,OAAA,EACP,gBAAgB,GAAA,EAAA,CAAA,gBAAA,EAChB,iBAAiB,GAAA,EAAA,CAAA,iBAAA,EACjB,EAAA,GAAA,EAAA,CAAA,UAAc,CAAA,CAAd,UAAU,GAAA,EAAA,KAAA,MAAA,GAAG,CAAC,KAAA,CAAA,CACd,EAAA,GAAA,EAAA,CAAA,WAAgB,EAAhB,WAAW,GAAA,EAAA,KAAA,MAAA,GAAG,EAAE,GAAA,EAAA,CAAA,CACJ,EAAA,CAAA,YAAA,CAAA,CACK,EAAA,CAAA,iBAAA,CAAA,KACjB,uBAAuB,GAAA,EAAA,CAAA,uBAAA,CAAA,CACvB,sBAAqB,CAAA,CAArB,cAAc,mBAAG,IAAI,GAAA,EAAA,CAAA,CACrB,SAAS,GAAA,EAAA,CAAA;AAED,IAAA,IAAA,CAAC,GAAK,OAAO,EAAE,EAAd;IACH,IAAA,EAAA,GAA0C,QAAQ,CAAW,EAAE,CAAC,EAA/D,gBAAgB,GAAA,EAAA,CAAA,CAAA,CAAA,EAAE,mBAAmB,GAAA,EAAA,CAAA,CAAA,CAA0B;AAEtE,IAAA,SAAS,CAAC,YAAA;;AAER,QAAA,mBAAmB,CACjB,mBAAmB,CAAC,SAAS,EAAE,WAAW,EAAE,CAAC,EAAE,OAAO,CAAC,CACxD;IACH,CAAC,EAAE,CAAC,WAAW,EAAE,SAAS,EAAE,CAAC,CAAC,CAAC;;AAG/B,IAAA,IAAM,eAAe,GAAG,YAAA;AACtB,QAAA,IAAI,CAAC,SAAS;AAAE,YAAA,OAAO,IAAI;QAC3B,IAAM,QAAQ,GAAG,CAAC,CAAC,gBAAA,CAAA,MAAA,CAAiB,SAAS,CAAE,EAAE,EAAE,CAAC;QACpD,OAAO,QAAQ,IAAI,IAAI;AACzB,IAAA,CAAC;IAED,IAAM,gBAAgB,GAAG,UAAC,YAAoB,EAAA;AAC5C,QAAA,IAAI,iBAAiB;AAAE,YAAA,OAAO,iBAAiB;AAE/C,QAAA,IAAM,UAAU,GAAG,CAAC,CAAC,YAAY,CAAC;;AAElC,QAAA,IAAI,UAAU,KAAK,YAAY,EAAE;YAC/B,QAAQ,YAAY;AAClB,gBAAA,KAAK,aAAa;AAChB,oBAAA,OAAO,CAAC,CAAC,sBAAsB,EAAE,4BAA4B,CAAC;AAChE,gBAAA,KAAK,UAAU;AACb,oBAAA,OAAO,CAAC,CAAC,wBAAwB,EAAE,WAAW,CAAC;AACjD,gBAAA,KAAK,iBAAiB;AACpB,oBAAA,OAAO,CAAC,CAAC,+BAA+B,EAAE,oBAAoB,CAAC;AACjE,gBAAA;AACE,oBAAA,OAAO,CAAC,CAAC,wBAAwB,EAAE,UAAU,CAAC;;QAEpD;AACA,QAAA,OAAO,UAAU;AACnB,IAAA,CAAC;AAED,IAAA,QACEA,IAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,6CAA6C,EAAA,QAAA,EAAA,CAE1DC,GAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,wCAAwC,EAAA,QAAA,EACrDD,IAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,mCAAmC,EAAA,QAAA,EAAA,CAEhDC,GAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,aAAa,EAAA,QAAA,EAC1BA,aAAK,SAAS,EAAC,iFAAiF,EAAA,QAAA,EAC9FA,GAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,kEAAkE,YAC/EA,GAAA,CAAA,MAAA,EAAA,EAAM,SAAS,EAAC,oBAAoB,EAAA,QAAA,EAAA,QAAA,EAAA,CAAS,EAAA,CACzC,EAAA,CACF,EAAA,CACF,EAGND,IAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,uBAAuB,EAAA,QAAA,EAAA,CACpCC,GAAA,CAAC,KAAK,EAAA,EAAC,SAAS,EAAC,8CAA8C,EAAA,QAAA,EAC5D,CAAC,CAAC,4BAA4B,EAAE,sBAAsB,CAAC,EAAA,CAClD,EACRA,GAAA,CAAC,QAAQ,EAAA,EAAC,SAAS,EAAC,uCAAuC,YACxD;AACC,0CAAE,CAAC,CAAC,qCAAqC,EAAE;AACzC,4CAAA,YAAY,EAAE,gBAAgB,CAAC,YAAY,CAAC;yCAC7C;AACD,0CAAE,CAAC,CAAC,8CAA8C,EAAE;AAClD,4CAAA,YAAY,EAAE,gBAAgB,CAAC,YAAY,CAAC;AAC7C,yCAAA,CAAC,GACK,CAAA,EAAA,CACP,EAGND,IAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,gDAAgD,EAAA,QAAA,EAAA,CAC7DC,GAAA,CAAA,IAAA,EAAA,EAAI,SAAS,EAAC,+BAA+B,EAAA,QAAA,EAC1C,CAAC,CAAC,0BAA0B,EAAE,oBAAoB,CAAC,EAAA,CACjD,EACLA,GAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,gCAAgC,YAC5C,gBAAgB,CAAC,GAAG,CAAC,UAAC,KAAK,EAAE,KAAK,EAAA,EAAK,QACtCA,GAAA,CAAA,GAAA,EAAA,EAAA,QAAA,EAAgB,KAAK,EAAA,EAAb,KAAK,CAAa,EAC3B,CAFuC,CAEvC,CAAC,GACE,CAAA,EAAA,CACF,EAGL,CAAC,cAAc,KACdD,IAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,sDAAsD,EAAA,QAAA,EAAA,CACnEC,GAAA,CAAA,IAAA,EAAA,EAAI,SAAS,EAAC,kCAAkC,EAAA,QAAA,EAC7C,CAAC,CACA,0CAA0C,EAC1C,sCAAsC,CACvC,EAAA,CACE,EACLA,WAAG,SAAS,EAAC,yBAAyB,EAAA,QAAA,EACnC,uBAAuB,KAAK;AAC3B,0CAAE,CAAC,CAAC,sDAAsD;AAC1D,0CAAE,CAAC,CAAC,6CAA6C,CAAC,EAAA,CAClD,CAAA,EAAA,CACA,CACP,EAGA,eAAe,EAAE,KAChBD,IAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,sDAAsD,EAAA,QAAA,EAAA,CACnEA,IAAA,CAAA,IAAA,EAAA,EAAI,SAAS,EAAC,kCAAkC,EAAA,QAAA,EAAA,CAAA,eAAA,EAC1C,CAAC,CAAC,yBAAyB,EAAE,yBAAyB,CAAC,CAAA,EAAA,CACxD,EACLC,GAAA,CAAA,GAAA,EAAA,EAAG,SAAS,EAAC,yBAAyB,EAAA,QAAA,EAAE,eAAe,EAAE,EAAA,CAAK,CAAA,EAAA,CAC1D,CACP,EAGA,cAAc,KACbD,IAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,kDAAkD,EAAA,QAAA,EAAA,CAC/DC,GAAA,CAAA,IAAA,EAAA,EAAI,SAAS,EAAC,gCAAgC,EAAA,QAAA,EAC3C,CAAC,CAAC,mBAAmB,EAAE,mBAAmB,CAAC,EAAA,CACzC,EACLA,GAAA,CAAA,GAAA,EAAA,EAAG,SAAS,EAAC,uBAAuB,YACjC,CAAC,CACA,+BAA+B,EAC/B,oHAAoH,CACrH,EAAA,CACC,CAAA,EAAA,CACA,CACP,CAAA,EAAA,CACG,EAAA,CACF,EAGNA,GAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,8EAA8E,EAAA,QAAA,EAC3FD,IAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,yBAAyB,EAAA,QAAA,EAAA,CAEtCA,IAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,mCAAmC,EAAA,QAAA,EAAA,CAC/C,iBAAiB,KAChBC,GAAA,CAAC,aAAa,IACZ,OAAO,EAAE,iBAAiB,EAC1B,IAAI,EAAC,MAAM,EAAA,QAAA,EAEV,CAAC,CACA,2BAA2B,EAC3B,oCAAoC,CACrC,EAAA,CACa,CACjB,EACA,UAAU,IAAI,CAAC,IAAI,cAAc,KAChCA,GAAA,CAAC,aAAa,EAAA,EACZ,OAAO,EAAE,gBAAgB,EACzB,IAAI,EAAC,MAAM,EAAA,QAAA,EAEV,CAAC,CAAC,wBAAwB,EAAE,yBAAyB,CAAC,EAAA,CACzC,CACjB,EACA,cAAc,KACbA,GAAA,CAAC,aAAa,EAAA,EAAC,OAAO,EAAE,OAAO,EAAE,IAAI,EAAC,UAAU,YAC7C,CAAC,CAAC,2BAA2B,EAAE,6BAA6B,CAAC,EAAA,CAChD,CACjB,EACA,CAAC,cAAc,KACdA,GAAA,CAAC,aAAa,EAAA,EAAC,OAAO,EAAE,gBAAgB,EAAE,IAAI,EAAC,MAAM,YAClD,CAAC,CAAC,wBAAwB,EAAE,yBAAyB,CAAC,EAAA,CACzC,CACjB,CAAA,EAAA,CACG,EAGNA,GAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,mCAAmC,EAAA,QAAA,EAChDD,IAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,+BAA+B,EAAA,QAAA,EAAA,CAC3C,iBAAiB,KAChBC,IAAC,aAAa,EAAA,EACZ,OAAO,EAAE,iBAAiB,EAC1B,IAAI,EAAC,MAAM,YAEV,CAAC,CACA,2BAA2B,EAC3B,oCAAoC,CACrC,EAAA,CACa,CACjB,EACA,UAAU,IAAI,CAAC,IAAI,cAAc,KAChCA,GAAA,CAAC,aAAa,IAAC,OAAO,EAAE,gBAAgB,EAAE,IAAI,EAAC,MAAM,EAAA,QAAA,EAClD,CAAC,CAAC,wBAAwB,EAAE,yBAAyB,CAAC,GACzC,CACjB,EACA,cAAc,KACbA,GAAA,CAAC,aAAa,EAAA,EAAC,OAAO,EAAE,OAAO,EAAE,IAAI,EAAC,UAAU,EAAA,QAAA,EAC7C,CAAC,CACA,2BAA2B,EAC3B,6BAA6B,CAC9B,EAAA,CACa,CACjB,EACA,CAAC,cAAc,KACdA,GAAA,CAAC,aAAa,EAAA,EAAC,OAAO,EAAE,gBAAgB,EAAE,IAAI,EAAC,UAAU,EAAA,QAAA,EACtD,CAAC,CAAC,wBAAwB,EAAE,yBAAyB,CAAC,EAAA,CACzC,CACjB,IACG,EAAA,CACF,CAAA,EAAA,CACF,EAAA,CACF,CAAA,EAAA,CACF;AAEV;;;;"}

package/dist/esm/components/document-collection/DocumentSuccess.js

@@ -4,13 +4,13 @@ import Title from '../ui/Title.js';
 import Subtitle from '../ui/Subtitle.js';
 import Button from '../ui/Button.js';
 import PageActions from '../ui/PageActions.js';
-import { useTranslation } from 'react-i18next';
+import { useI18n } from '../../hooks/useI18n.js';
 import { getValidationPoints } from '../../utils/validationUtils.js';
 import MobilePageLayout from '../ui/MobilePageLayout.js';
 
 var DocumentSuccess = function (_a) {
     var documentType = _a.documentType, documentTypeLabel = _a.documentTypeLabel, onContinue = _a.onContinue, successDetails = _a.successDetails, customValidationPoints = _a.customValidationPoints, errorCode = _a.errorCode;
-    var t = useTranslation().t;
+    var t = useI18n().t;
     var _b = useState([]), validationPoints = _b[0], setValidationPoints = _b[1];
     useEffect(function () {
         if (customValidationPoints) {

package/dist/esm/components/document-collection/DocumentSuccess.js.map

@@ -1 +1 @@
-{"version":3,"file":"DocumentSuccess.js","sources":["../../../../../src/components/document-collection/DocumentSuccess.tsx"],"sourcesContent":["import React, { useEffect, useState } from \"react\";\nimport Title from \"../ui/Title\";\nimport Subtitle from \"../ui/Subtitle\";\nimport Button from \"../ui/Button\";\nimport PageActions from \"../ui/PageActions\";\nimport { useTranslation } from \"react-i18next\";\nimport { getValidationPoints } from \"../../utils/validationUtils\";\nimport type { DocumentSuccessProps } from \"./types\";\nimport MobilePageLayout from \"../ui/MobilePageLayout\";\n\nconst DocumentSuccess: React.FC<DocumentSuccessProps> = ({\n  documentType,\n  documentTypeLabel,\n  onContinue,\n  successDetails,\n  customValidationPoints,\n  errorCode,\n}) => {\n  const { t } = useTranslation();\n  const [validationPoints, setValidationPoints] = useState<string[]>([]);\n\n  useEffect(() => {\n    if (customValidationPoints) {\n      setValidationPoints(customValidationPoints);\n    } else if (successDetails?.validationPoints) {\n      setValidationPoints(successDetails.validationPoints);\n    } else {\n      // Use shared utility to get validation points\n      setValidationPoints(getValidationPoints(errorCode, null, t, 'success'));\n    }\n  }, [customValidationPoints, successDetails?.validationPoints, errorCode, t]);\n\n  // Get next steps info\n  const getNextSteps = () => {\n    if (successDetails?.nextSteps) {\n      return successDetails.nextSteps;\n    }\n\n    return {\n      title: t(\"success.next_steps\", \"Prochaines étapes\"),\n      description: t(\n        \"success.next_steps_description\",\n        \"Vous pouvez maintenant continuer le processus de vérification.\"\n      ),\n    };\n  };\n\n  const nextSteps = getNextSteps();\n\n  return (\n    <MobilePageLayout\n      footer={\n        <PageActions\n          primary={\n            <Button onClick={onContinue}>\n              {t(\"success.continue_verification\", \"Continuer la vérification\")}\n            </Button>\n          }\n        />\n      }\n    >\n      <div className=\"px-4 py-6 pt-11 md:px-8 md:py-8\">\n        <div className=\"w-full max-w-md mx-auto space-y-6\">\n\n          {/* Header */}\n          <div className=\"text-center space-y-4\">\n            <Title className=\"text-xl md:text-2xl lg:text-3xl text-green-600\">\n              {t(\"success.verification_successful\", \"Vérification réussie !\")}\n            </Title>\n            <Subtitle className=\"text-sm text-gray-600 leading-relaxed\">\n              {t(\"success.verification_successful_subtitle\", {\n                documentType: documentTypeLabel\n                  ? documentTypeLabel\n                  : t(\"documentTypes.\" + documentType),\n              })}\n            </Subtitle>\n          </div>\n\n          {/* Success icon */}\n          <div className=\"text-center\">\n            <div className=\"mx-auto w-16 h-16 bg-green-100 rounded-full flex items-center justify-center mb-4\">\n              <div className=\"w-8 h-8 bg-green-500 rounded-full flex items-center justify-center\">\n                <span className=\"text-white text-lg\">✓</span>\n              </div>\n            </div>\n          </div>\n\n          {/* Success details */}\n          <div className=\"bg-green-50 border border-green-200 rounded-lg p-4\">\n            <h3 className=\"font-medium text-green-900 mb-2\">\n              {t(\"success.document_validated\", \"Document validé\")}\n            </h3>\n            <div className=\"text-sm text-green-800 space-y-1\">\n              {validationPoints.map((point, index) => (\n                <p key={index}>{point}</p>\n              ))}\n            </div>\n          </div>\n\n          {/* Next steps */}\n          <div className=\"bg-blue-50 border border-blue-200 rounded-lg p-4\">\n            <h3 className=\"font-medium text-blue-900 mb-2\">\n              {nextSteps.title}\n            </h3>\n            <p className=\"text-sm text-blue-800\">{nextSteps.description}</p>\n          </div>\n        </div>\n      </div>\n    </MobilePageLayout>\n  );\n};\n\nexport default DocumentSuccess;\nexport type { DocumentSuccessProps };\n"],"names":["_jsx","_jsxs"],"mappings":"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"}
+{"version":3,"file":"DocumentSuccess.js","sources":["../../../../../src/components/document-collection/DocumentSuccess.tsx"],"sourcesContent":["import React, { useEffect, useState } from \"react\";\nimport Title from \"../ui/Title\";\nimport Subtitle from \"../ui/Subtitle\";\nimport Button from \"../ui/Button\";\nimport PageActions from \"../ui/PageActions\";\nimport { useI18n } from \"../../hooks/useI18n\";\nimport { getValidationPoints } from \"../../utils/validationUtils\";\nimport type { DocumentSuccessProps } from \"./types\";\nimport MobilePageLayout from \"../ui/MobilePageLayout\";\n\nconst DocumentSuccess: React.FC<DocumentSuccessProps> = ({\n  documentType,\n  documentTypeLabel,\n  onContinue,\n  successDetails,\n  customValidationPoints,\n  errorCode,\n}) => {\n  const { t } = useI18n();\n  const [validationPoints, setValidationPoints] = useState<string[]>([]);\n\n  useEffect(() => {\n    if (customValidationPoints) {\n      setValidationPoints(customValidationPoints);\n    } else if (successDetails?.validationPoints) {\n      setValidationPoints(successDetails.validationPoints);\n    } else {\n      // Use shared utility to get validation points\n      setValidationPoints(getValidationPoints(errorCode, null, t, 'success'));\n    }\n  }, [customValidationPoints, successDetails?.validationPoints, errorCode, t]);\n\n  // Get next steps info\n  const getNextSteps = () => {\n    if (successDetails?.nextSteps) {\n      return successDetails.nextSteps;\n    }\n\n    return {\n      title: t(\"success.next_steps\", \"Prochaines étapes\"),\n      description: t(\n        \"success.next_steps_description\",\n        \"Vous pouvez maintenant continuer le processus de vérification.\"\n      ),\n    };\n  };\n\n  const nextSteps = getNextSteps();\n\n  return (\n    <MobilePageLayout\n      footer={\n        <PageActions\n          primary={\n            <Button onClick={onContinue}>\n              {t(\"success.continue_verification\", \"Continuer la vérification\")}\n            </Button>\n          }\n        />\n      }\n    >\n      <div className=\"px-4 py-6 pt-11 md:px-8 md:py-8\">\n        <div className=\"w-full max-w-md mx-auto space-y-6\">\n\n          {/* Header */}\n          <div className=\"text-center space-y-4\">\n            <Title className=\"text-xl md:text-2xl lg:text-3xl text-green-600\">\n              {t(\"success.verification_successful\", \"Vérification réussie !\")}\n            </Title>\n            <Subtitle className=\"text-sm text-gray-600 leading-relaxed\">\n              {t(\"success.verification_successful_subtitle\", {\n                documentType: documentTypeLabel\n                  ? documentTypeLabel\n                  : t(\"documentTypes.\" + documentType),\n              })}\n            </Subtitle>\n          </div>\n\n          {/* Success icon */}\n          <div className=\"text-center\">\n            <div className=\"mx-auto w-16 h-16 bg-green-100 rounded-full flex items-center justify-center mb-4\">\n              <div className=\"w-8 h-8 bg-green-500 rounded-full flex items-center justify-center\">\n                <span className=\"text-white text-lg\">✓</span>\n              </div>\n            </div>\n          </div>\n\n          {/* Success details */}\n          <div className=\"bg-green-50 border border-green-200 rounded-lg p-4\">\n            <h3 className=\"font-medium text-green-900 mb-2\">\n              {t(\"success.document_validated\", \"Document validé\")}\n            </h3>\n            <div className=\"text-sm text-green-800 space-y-1\">\n              {validationPoints.map((point, index) => (\n                <p key={index}>{point}</p>\n              ))}\n            </div>\n          </div>\n\n          {/* Next steps */}\n          <div className=\"bg-blue-50 border border-blue-200 rounded-lg p-4\">\n            <h3 className=\"font-medium text-blue-900 mb-2\">\n              {nextSteps.title}\n            </h3>\n            <p className=\"text-sm text-blue-800\">{nextSteps.description}</p>\n          </div>\n        </div>\n      </div>\n    </MobilePageLayout>\n  );\n};\n\nexport default DocumentSuccess;\nexport type { DocumentSuccessProps };\n"],"names":["_jsx","_jsxs"],"mappings":"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"}

package/dist/esm/components/id-check/Photo.js

@@ -7,9 +7,11 @@ import CameraError from './CameraError.js';
 import CameraMask from './CameraMask.js';
 import OrientationToggle from './OrientationToggle.js';
 import { useI18n } from '../../hooks/useI18n.js';
+import useIsMobile from '../../hooks/useIsMobile.js';
 
 var Photo = function (_a) {
     var onCapture = _a.onCapture, _b = _a.automaticCapture, automaticCapture = _b === void 0 ? false : _b, _c = _a.maskType, maskType = _c === void 0 ? "id" : _c;
+    var isMobile = useIsMobile(768);
     var videoRef = useRef(null);
     var _d = useState(false), isDetecting = _d[0], setIsDetecting = _d[1];
     var _e = useState("environment"), facingMode = _e[0], setFacingMode = _e[1];
@@ -275,7 +277,13 @@ var Photo = function (_a) {
             // captureDocument already logs and sets error state
         });
     };
-    return (jsxs("div", { className: "fixed inset-0 z-50 flex flex-col", children: [jsx("div", { className: "flex-1 relative overflow-hidden bg-black", children: cameraError ? (jsx("div", { className: "flex items-center justify-center h-full px-4 py-6", children: jsx(CameraError, { errorMessage: cameraError, onRetry: handleRetry }) })) : (jsxs(Fragment, { children: [jsx("video", { ref: videoRef, autoPlay: true, playsInline: true, muted: true, className: "absolute inset-0 w-full h-full object-cover z-0 bg-black ".concat(facingMode === "user" ? "scale-x-[-1]" : "") }), jsx("div", { className: "absolute top-4  left-1/2 transform -translate-x-1/2 z-50", children: jsx("span", { className: "text-white z-50 text-sm font-semibold drop-shadow-lg", children: automaticCapture ? (jsx("span", { className: "animate-pulse", children: t("id_check.photo.mode_autocapture", "Autocapture activée") })) : (jsx("span", { className: "bg-orange-500 px-2 py-1 rounded hidden", children: t("id_check.photo.mode_manual", "Mode manuel") })) }) }), jsx(CameraMask, { isDetecting: isDetecting, isPortrait: isPortrait, facingMode: facingMode, isCountingDown: isCountingDown, countdown: countdown, maskType: maskType, onMaskRectChange: setMaskRect }), jsx("div", { className: "absolute bottom-20 left-0 right-0 z-20 pointer-events-none", children: jsx("div", { className: "text-center px-4", children: jsx("div", { className: "bg-black bg-opacity-60 text-white text-sm px-4 py-2 rounded-lg inline-block", children: t("id_check.photo.position_document", "Positionnez le document") }) }) }), jsx(OrientationToggle, { onCameraToggle: toggleCamera })] })) }), jsx("div", { className: "relative z-20 bg-black bg-opacity-80 p-4", children: jsxs("div", { className: "flex flex-col items-center space-y-4", children: [jsx("button", { onClick: handleManualCapture, className: "w-16 h-16 rounded-full border-4 border-white flex items-center justify-center transition-all bg-transparent hover:bg-white hover:bg-opacity-20 cursor-pointer", children: jsx("div", { className: "w-8 h-8 bg-white rounded-full" }) }), jsxs("div", { className: "text-white text-center text-sm", children: [jsxs("div", { className: "flex items-center justify-center space-x-2", children: [jsx("div", { className: "w-2 h-2 rounded-full ".concat(automaticCapture
+    return (jsxs("div", { className: "flex flex-col", style: {
+            position: isMobile ? "fixed" : "relative",
+            inset: isMobile ? 0 : "auto",
+            zIndex: isMobile ? 50 : "auto",
+            height: "100%",
+            width: "100%",
+        }, children: [jsx("div", { className: "flex-1 relative overflow-hidden bg-black", children: cameraError ? (jsx("div", { className: "flex items-center justify-center h-full px-4 py-6", children: jsx(CameraError, { errorMessage: cameraError, onRetry: handleRetry }) })) : (jsxs(Fragment, { children: [jsx("video", { ref: videoRef, autoPlay: true, playsInline: true, muted: true, className: "absolute inset-0 w-full h-full object-cover z-0 bg-black ".concat(facingMode === "user" ? "scale-x-[-1]" : "") }), jsx("div", { className: "absolute top-4  left-1/2 transform -translate-x-1/2 z-50", children: jsx("span", { className: "text-white z-50 text-sm font-semibold drop-shadow-lg", children: automaticCapture ? (jsx("span", { className: "animate-pulse", children: t("id_check.photo.mode_autocapture", "Autocapture activée") })) : (jsx("span", { className: "bg-orange-500 px-2 py-1 rounded hidden", children: t("id_check.photo.mode_manual", "Mode manuel") })) }) }), jsx(CameraMask, { isDetecting: isDetecting, isPortrait: isPortrait, facingMode: facingMode, isCountingDown: isCountingDown, countdown: countdown, maskType: maskType, onMaskRectChange: setMaskRect }), jsx("div", { className: "absolute bottom-20 left-0 right-0 z-20 pointer-events-none", children: jsx("div", { className: "text-center px-4", children: jsx("div", { className: "bg-black bg-opacity-60 text-white text-sm px-4 py-2 rounded-lg inline-block", children: t("id_check.photo.position_document", "Positionnez le document") }) }) }), jsx(OrientationToggle, { onCameraToggle: toggleCamera })] })) }), jsx("div", { className: "relative z-20 bg-black bg-opacity-80 p-4", children: jsxs("div", { className: "flex flex-col items-center space-y-4", children: [jsx("button", { onClick: handleManualCapture, className: "w-16 h-16 rounded-full border-4 border-white flex items-center justify-center transition-all bg-transparent hover:bg-white hover:bg-opacity-20 cursor-pointer", children: jsx("div", { className: "w-8 h-8 bg-white rounded-full" }) }), jsxs("div", { className: "text-white text-center text-sm", children: [jsxs("div", { className: "flex items-center justify-center space-x-2", children: [jsx("div", { className: "w-2 h-2 rounded-full ".concat(automaticCapture
                                                 ? "bg-[#11E5C5] animate-pulse"
                                                 : "bg-orange-500") }), jsx("span", { children: automaticCapture
                                                 ? t("id_check.photo.automatic_instruction", "Capture automatique active ou appuyez sur le bouton")