datakeen-session-react 1.1.140-rc.27 → 1.1.140-rc.29

package/dist/cjs/components/jdi/JDIDocumentUpload.js

@@ -359,7 +359,7 @@ var JDIDocumentUpload = function (_a) {
         e.stopPropagation();
     };
     var handleDrop = function (e) { return tslib_es6.__awaiter(void 0, void 0, void 0, function () {
-        var droppedFiles, _loop_2, index, state_2;
+        var droppedFiles, hasFrontFromUser, hasBack, isAddingVerso, _loop_2, index, state_2;
         return tslib_es6.__generator(this, function (_a) {
             switch (_a.label) {
                 case 0:
@@ -374,15 +374,21 @@ var JDIDocumentUpload = function (_a) {
                         setError(t("jdi.document_upload.errors.max_files"));
                         return [2 /*return*/];
                     }
+                    hasFrontFromUser = !!(frontFile || (!isFrontFromInitial && frontPreview));
+                    hasBack = !!(backFile || isBackFromInitial || backPreview);
+                    isAddingVerso = droppedFiles.length === 1 && twoSidesRequired && hasFrontFromUser && !hasBack;
+                    // Si on n'est pas en mode ajout verso, on repart de zéro
+                    if (!isAddingVerso) {
+                        setFrontFile(null);
+                        setBackFile(null);
+                        setFrontPreview(null);
+                        setBackPreview(null);
+                        setIsFrontFromInitial(false);
+                        setIsBackFromInitial(false);
+                    }
                     setError("");
-                    setFrontFile(null);
-                    setBackFile(null);
-                    setFrontPreview(null);
-                    setBackPreview(null);
-                    setIsFrontFromInitial(false);
-                    setIsBackFromInitial(false);
                     _loop_2 = function (index) {
-                        var currentFile, conversionError_3, reader;
+                        var currentFile, conversionError_3, isVersoSlot, reader;
                         return tslib_es6.__generator(this, function (_b) {
                             switch (_b.label) {
                                 case 0:
@@ -416,22 +422,21 @@ var JDIDocumentUpload = function (_a) {
                                         }));
                                         return [2 /*return*/, { value: void 0 }];
                                     }
-                                    if (index === 0) {
-                                        // Premier fichier = recto
+                                    isVersoSlot = isAddingVerso || (index === 1 && twoSidesRequired);
+                                    if (!isVersoSlot) {
                                         setFrontFile(currentFile);
                                     }
-                                    else if (index === 1 && twoSidesRequired) {
-                                        // Deuxième fichier = verso (seulement si nécessaire)
+                                    else if (twoSidesRequired) {
                                         setBackFile(currentFile);
                                     }
                                     reader = new FileReader();
-                                    reader.onload = function (e) {
+                                    reader.onload = function (ev) {
                                         var _a;
-                                        var result = (_a = e.target) === null || _a === void 0 ? void 0 : _a.result;
-                                        if (index === 0) {
+                                        var result = (_a = ev.target) === null || _a === void 0 ? void 0 : _a.result;
+                                        if (!isVersoSlot) {
                                             setFrontPreview(result);
                                         }
-                                        else if (index === 1 && twoSidesRequired) {
+                                        else if (twoSidesRequired) {
                                             setBackPreview(result);
                                         }
                                     };

package/dist/cjs/components/jdi/JDIDocumentUpload.js.map

@@ -1 +1 @@
-{"version":3,"file":"JDIDocumentUpload.js","sources":["../../../../../src/components/jdi/JDIDocumentUpload.tsx"],"sourcesContent":["import { useState, useRef, useEffect } from \"react\";\n\nimport Button from \"../ui/Button\";\nimport PageActions from \"../ui/PageActions\";\nimport { Card } from \"../ui/Card\";\nimport PDFPreview from \"../ui/PDFPreview\";\nimport type { onUploadFiles } from \"../../types/uploadFiles\";\nimport { useI18n } from \"../../hooks/useI18n\";\nimport {\n  convertFileToSupportedFormat,\n  fileToBase64,\n  isPDF,\n  isValidFileType,\n  isValidFileSize,\n  isValidBase64Data,\n} from \"../../utils/fileConverter\";\nimport { requiresTwoSides } from \"../../utils/documentLabels\";\nimport MobilePageLayout from \"../ui/MobilePageLayout\";\n\ninterface JDIDocumentUploadProps {\n  documentType: string;\n  onUpload: (files: onUploadFiles) => void;\n  onBack: () => void;\n  documentTypeId?: string; // Pour identifier des types spécifiques comme jdd ou income-proof\n  documentLabel?: string; // Le label lisible du document sélectionné (ex: \"Carte nationale d'identité\")\n  initialFront?: string | null; // Base64 du recto déjà déposé (ex: après erreur 2.5)\n  initialBack?: string | null; // Base64 du verso déjà déposé (ex: après erreur 2.5)\n}\n\nconst JDIDocumentUpload = ({\n  documentType,\n  onUpload,\n  onBack,\n  documentTypeId,\n  documentLabel,\n  initialFront = null,\n  initialBack = null,\n}: JDIDocumentUploadProps) => {\n  const { t } = useI18n();\n\n  // Helper functions for conditional text\n  const getDropZoneText = () => {\n    return t(\"jdi.document_upload.drop_zone\", {\n      document: t(\"documentTypes.\" + documentType),\n    });\n  };\n\n  const getUploadInstruction = () => {\n    switch (documentTypeId) {\n      case \"jdd\":\n        return t(\"jdi.document_upload.upload_jdd\");\n      case \"income-proof\":\n        return t(\"jdi.document_upload.upload_income_proof\");\n      default:\n        return t(\"jdi.document_upload.upload_identity\", {\n          document: t(\"documentTypes.\" + documentType),\n        });\n    }\n  };\n\n  const getValidateButtonText = () => {\n    if (isUploading) {\n      return t(\"jdi.document_upload.uploading\");\n    }\n    return documentTypeId === \"jdd\" || documentTypeId === \"income-proof\"\n      ? t(\"jdi.document_upload.validate_single\")\n      : t(\"jdi.document_upload.validate_multiple\");\n  };\n  // Ajout de logs pour le débogage\n  useEffect(() => {\n    // Vérifier si le document type est valide\n    if (!documentType) {\n      console.error(\"JDIDocumentUpload: documentType is missing or invalid\", {\n        documentType,\n        documentTypeId,\n      });\n    }\n  }, [documentType, documentTypeId, documentLabel]);\n\n  // Store File objects instead of base64 strings\n  // initialFront/initialBack permettent de pré-remplir en cas de retry (ex: erreur 2.5)\n  const [frontFile, setFrontFile] = useState<File | null>(null);\n  const [backFile, setBackFile] = useState<File | null>(null);\n  const [frontPreview, setFrontPreview] = useState<string | null>(initialFront ?? null);\n  const [backPreview, setBackPreview] = useState<string | null>(initialBack ?? null);\n  // Indique que le recto/verso vient d'un dépôt précédent (pas un File local)\n  const [isFrontFromInitial, setIsFrontFromInitial] = useState<boolean>(!!initialFront);\n  const [isBackFromInitial, setIsBackFromInitial] = useState<boolean>(!!initialBack);\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  const twoSidesRequired = requiresTwoSides(documentType);\n\n  // Nouvelle fonction pour gérer la sélection multiple de fichiers\n  const handleMultipleFileChange = async (\n    event: React.ChangeEvent<HTMLInputElement>,\n  ) => {\n    const files = event.target.files;\n    if (!files) return;\n\n    // Vérifier le nombre de fichiers - maximum 2 fichiers\n    if (files.length > 2) {\n      setError(t(\"jdi.document_upload.errors.max_files\"));\n      return;\n    } else if (files.length === 0) {\n      setError(t(\"jdi.document_upload.errors.min_files\"));\n      return;\n    }\n\n    setError(\"\");\n    setFrontFile(null);\n    setBackFile(null);\n    setFrontPreview(null);\n    setBackPreview(null);\n\n    // Traiter chaque fichier\n    for (let index = 0; index < files.length; index++) {\n      let currentFile = files[index];\n\n      try {\n        currentFile = await convertFileToSupportedFormat(currentFile);\n      } catch (conversionError) {\n        console.error(\n          \"handleMultipleFileChange: HEIC conversion failed\",\n          conversionError,\n        );\n        setError(\n          conversionError instanceof Error\n            ? conversionError.message\n            : t(\"jdi.document_upload.errors.heic_unsupported\"),\n        );\n        event.target.value = \"\";\n        if (multipleInputRef.current) {\n          multipleInputRef.current.value = \"\";\n        }\n        return;\n      }\n\n      // Valider le type de fichier\n      if (!isValidFileType(currentFile)) {\n        setError(\n          t(\"jdi.document_upload.errors.invalid_file_type_indexed\", {\n            index: index + 1,\n          }),\n        );\n        event.target.value = \"\";\n        if (multipleInputRef.current) {\n          multipleInputRef.current.value = \"\";\n        }\n        return;\n      }\n\n      // Valider la taille du fichier\n      if (!isValidFileSize(currentFile)) {\n        setError(\n          t(\"jdi.document_upload.errors.file_too_large_indexed\", {\n            index: index + 1,\n          }),\n        );\n        event.target.value = \"\";\n        if (multipleInputRef.current) {\n          multipleInputRef.current.value = \"\";\n        }\n        return;\n      }\n\n      if (index === 0) {\n        // Premier fichier = recto\n        setFrontFile(currentFile);\n      } else if (index === 1 && twoSidesRequired) {\n        // Deuxième fichier = verso (seulement si nécessaire)\n        setBackFile(currentFile);\n      }\n\n      // Store File object and create preview\n      const reader = new FileReader();\n      reader.onload = (e) => {\n        const result = e.target?.result as string;\n\n        if (index === 0) {\n          setFrontPreview(result);\n        } else if (index === 1 && twoSidesRequired) {\n          setBackPreview(result);\n        }\n      };\n      reader.readAsDataURL(currentFile);\n    }\n  };\n\n  const handleFileChange = async (\n    event: React.ChangeEvent<HTMLInputElement>,\n    side: \"front\" | \"back\",\n  ) => {\n    const file = event.target.files?.[0];\n    if (!file) return;\n\n    let processedFile = file;\n    try {\n      processedFile = await convertFileToSupportedFormat(file);\n    } catch (conversionError) {\n      console.error(\n        \"handleFileChange: HEIC conversion failed\",\n        conversionError,\n      );\n      setError(\n        conversionError instanceof Error\n          ? conversionError.message\n          : t(\"jdi.document_upload.errors.heic_unsupported\"),\n      );\n      event.target.value = \"\";\n      if (side === \"front\" && frontInputRef.current) {\n        frontInputRef.current.value = \"\";\n      }\n      return;\n    }\n\n    // Validate file type\n    if (!isValidFileType(processedFile)) {\n      setError(t(\"jdi.document_upload.errors.invalid_file_type\"));\n      event.target.value = \"\";\n      return;\n    }\n\n    // Validate file size (max 10MB)\n    if (!isValidFileSize(processedFile)) {\n      setError(t(\"jdi.document_upload.errors.file_too_large\"));\n      event.target.value = \"\";\n      return;\n    }\n\n    setError(\"\");\n\n    // Store File object and create preview\n    const reader = new FileReader();\n    reader.onload = (e) => {\n      const result = e.target?.result as string;\n\n      if (side === \"front\") {\n        setFrontFile(processedFile);\n        setFrontPreview(result);\n        setIsFrontFromInitial(false);\n      } else {\n        setBackFile(processedFile);\n        setBackPreview(result);\n        setIsBackFromInitial(false);\n      }\n    };\n    reader.readAsDataURL(processedFile);\n  };\n\n  const handleUpload = async () => {\n    // Clear previous errors\n    setError(\"\");\n\n    // Validation : recto obligatoire (soit un File local, soit une valeur initiale)\n    if (!frontFile && !isFrontFromInitial) {\n      const errorKey =\n        documentTypeId === \"jdd\"\n          ? \"jdi.document_upload.errors.add_photo_jdd\"\n          : documentTypeId === \"income-proof\"\n            ? \"jdi.document_upload.errors.add_photo_income_proof\"\n            : \"jdi.document_upload.errors.add_photo_identity\";\n\n      setError(t(errorKey));\n      return;\n    }\n\n    // Note: For two-sided documents, the back side is no longer mandatory\n    // The user can choose to upload only the front side\n\n    setIsUploading(true);\n\n    try {\n      // Recto : soit conversion d'un File, soit réutilisation de la base64 initiale\n      let frontBase64: string;\n      if (frontFile) {\n        frontBase64 = await fileToBase64(frontFile);\n        if (!isValidBase64Data(frontBase64)) {\n          setError(t(\"jdi.document_upload.errors.front_corrupted\"));\n          setIsUploading(false);\n          return;\n        }\n      } else {\n        // isFrontFromInitial === true : on réutilise la valeur initiale\n        frontBase64 = initialFront!;\n      }\n\n      let backBase64: string | null = null;\n      if (twoSidesRequired) {\n        if (backFile) {\n          backBase64 = await fileToBase64(backFile);\n          if (!isValidBase64Data(backBase64)) {\n            setError(t(\"jdi.document_upload.errors.back_corrupted\"));\n            setIsUploading(false);\n            return;\n          }\n        } else if (isBackFromInitial) {\n          // On réutilise le verso initial\n          backBase64 = initialBack!;\n        }\n      }\n\n      const files = {\n        front: frontBase64,\n        back: twoSidesRequired ? backBase64 : null,\n      };\n\n      onUpload(files);\n    } catch (err) {\n      console.error(\"JDIDocumentUpload: Upload error:\", err);\n      setError(t(\"jdi.document_upload.errors.upload_error\"));\n      setIsUploading(false);\n    }\n  };\n\n  const removeImage = (side: \"front\" | \"back\") => {\n    if (side === \"front\") {\n      setFrontFile(null);\n      setFrontPreview(null);\n      setIsFrontFromInitial(false);\n      if (frontInputRef.current) frontInputRef.current.value = \"\";\n    } else {\n      setBackFile(null);\n      setBackPreview(null);\n      setIsBackFromInitial(false);\n    }\n    setError(\"\");\n  };\n\n  const removeAllImages = () => {\n    setFrontFile(null);\n    setBackFile(null);\n    setFrontPreview(null);\n    setBackPreview(null);\n    setIsFrontFromInitial(false);\n    setIsBackFromInitial(false);\n    if (frontInputRef.current) frontInputRef.current.value = \"\";\n    if (multipleInputRef.current) multipleInputRef.current.value = \"\";\n    setError(\"\");\n  };\n\n  // Drag and Drop handlers\n  const handleDragEnter = (e: React.DragEvent<HTMLDivElement>) => {\n    e.preventDefault();\n    e.stopPropagation();\n    setIsDragging(true);\n  };\n\n  const handleDragLeave = (e: React.DragEvent<HTMLDivElement>) => {\n    e.preventDefault();\n    e.stopPropagation();\n\n    // Only set isDragging to false if we're leaving the drop zone entirely\n    if (\n      dropZoneRef.current &&\n      !dropZoneRef.current.contains(e.relatedTarget as Node)\n    ) {\n      setIsDragging(false);\n    }\n  };\n\n  const handleDragOver = (e: React.DragEvent<HTMLDivElement>) => {\n    e.preventDefault();\n    e.stopPropagation();\n  };\n\n  const handleDrop = async (e: React.DragEvent<HTMLDivElement>) => {\n    e.preventDefault();\n    e.stopPropagation();\n    setIsDragging(false);\n\n    const droppedFiles = e.dataTransfer.files;\n    if (!droppedFiles || droppedFiles.length === 0) return;\n\n    // Vérifier le nombre de fichiers\n    if (droppedFiles.length > 2) {\n      setError(t(\"jdi.document_upload.errors.max_files\"));\n      return;\n    }\n\n    setError(\"\");\n    setFrontFile(null);\n    setBackFile(null);\n    setFrontPreview(null);\n    setBackPreview(null);\n    setIsFrontFromInitial(false);\n    setIsBackFromInitial(false);\n\n    // Traiter chaque fichier\n    for (let index = 0; index < droppedFiles.length; index++) {\n      let currentFile = droppedFiles[index];\n\n      try {\n        currentFile = await convertFileToSupportedFormat(currentFile);\n      } catch (conversionError) {\n        console.error(\"handleDrop: HEIC conversion failed\", conversionError);\n        setError(\n          conversionError instanceof Error\n            ? conversionError.message\n            : t(\"jdi.document_upload.errors.heic_unsupported\"),\n        );\n        return;\n      }\n\n      // Valider le type de fichier\n      if (!isValidFileType(currentFile)) {\n        setError(\n          t(\"jdi.document_upload.errors.invalid_file_type_indexed\", {\n            index: index + 1,\n          }),\n        );\n        return;\n      }\n\n      // Valider la taille du fichier\n      if (!isValidFileSize(currentFile)) {\n        setError(\n          t(\"jdi.document_upload.errors.file_too_large_indexed\", {\n            index: index + 1,\n          }),\n        );\n        return;\n      }\n\n      if (index === 0) {\n        // Premier fichier = recto\n        setFrontFile(currentFile);\n      } else if (index === 1 && twoSidesRequired) {\n        // Deuxième fichier = verso (seulement si nécessaire)\n        setBackFile(currentFile);\n      }\n\n      // Store File object and create preview\n      const reader = new FileReader();\n      reader.onload = (e) => {\n        const result = e.target?.result as string;\n\n        if (index === 0) {\n          setFrontPreview(result);\n        } else if (index === 1 && twoSidesRequired) {\n          setBackPreview(result);\n        }\n      };\n      reader.readAsDataURL(currentFile);\n    }\n  };\n\n  return (\n    <MobilePageLayout\n      contentClassName=\"h-full\"\n      footer={\n        <PageActions\n          primary={\n            <Button\n              onClick={handleUpload}\n              disabled={(!frontFile && !isFrontFromInitial) || isUploading}\n            >\n              {getValidateButtonText()}\n            </Button>\n          }\n          secondary={\n            <Button variant=\"secondary\" onClick={onBack} disabled={isUploading}>\n              {t(\"jdi.document_upload.back\")}\n            </Button>\n          }\n        />\n      }\n    >\n      {/* Main content */}\n      <div className=\"flex-1 flex items-center justify-center p-4\">\n        <div className=\"w-full max-w-lg\">\n          {/* Header */}\n          <div className=\"text-center mb-8\">\n            <h1 className=\"text-2xl md:text-3xl font-bold text-gray-900 mb-2\">\n              {getDropZoneText()}\n            </h1>\n            <p className=\"text-gray-600\">{getUploadInstruction()}</p>\n          </div>\n\n          {/* Upload Card */}\n          <Card\n            ref={dropZoneRef}\n            className={`border-2 border-dashed ${\n              isDragging\n                ? \"border-teal-500 bg-teal-100/50\"\n                : \"border-teal-300 bg-teal-50/30\"\n            } p-8 mb-6 transition-colors`}\n            onDragEnter={handleDragEnter}\n            onDragLeave={handleDragLeave}\n            onDragOver={handleDragOver}\n            onDrop={handleDrop}\n          >\n            <div className=\"text-center space-y-6\">\n              {!frontPreview ? (\n                <>\n                  <h3 className=\"text-lg font-semibold text-gray-900 mb-4\">\n                    {t(\"documentTypes.\" + documentType)}\n                  </h3>\n\n                  <div className=\"flex justify-center w-full\">\n                    <Button\n                      onClick={() => frontInputRef.current?.click()}\n                      className=\"border border-teal-300 text-teal-600 bg-transparent hover:bg-teal-50 px-4 py-2 rounded-lg font-medium text-sm mx-auto flex items-center\"\n                      disabled={isUploading}\n                    >\n                      <span>{t(\"jdi.document_upload.add_file\")}</span>\n                    </Button>\n                  </div>\n\n                  <p className=\"text-sm text-gray-500 italic\">\n                    {t(\n                      \"jdi.document_upload.drag_drop_hint\",\n                      \"ou glissez-déposez vos fichiers ici\",\n                    )}\n                  </p>\n\n                  <div className=\"text-sm text-gray-600 space-y-1\">\n                    <p>{t(\"jdi.document_upload.accepted_formats\")}</p>\n                    <p>\n                      {twoSidesRequired\n                        ? frontPreview\n                          ? t(\"jdi.document_upload.add_back_side\")\n                          : t(\"jdi.document_upload.multiple_files_info\")\n                        : t(\"jdi.document_upload.single_file_info\")}\n                    </p>\n                  </div>\n                </>\n              ) : (\n                <div className=\"space-y-4\">\n                  <h3 className=\"text-lg font-semibold text-gray-900\">\n                    {twoSidesRequired && frontPreview && backPreview\n                      ? t(\"jdi.document_upload.documents_added\")\n                      : t(\"jdi.document_upload.document_added\")}\n                  </h3>\n\n                  {/* Preview du document recto */}\n                  <div className=\"bg-white border border-gray-200 rounded-lg p-4\">\n                    <div className=\"mb-3\">\n                      <p className=\"text-sm font-medium text-gray-900 mb-1\">\n                        {twoSidesRequired && backPreview\n                          ? t(\"jdi.document_upload.front_side\")\n                          : t(\"documentTypes.\" + documentType)}\n                      </p>\n                      <p className=\"text-xs text-gray-500\">\n                        {isPDF(frontFile)\n                          ? t(\"jdi.document_upload.pdf_preview\")\n                          : t(\"jdi.document_upload.image_preview\")}\n                      </p>\n                    </div>\n                    {isPDF(frontFile) ? (\n                      <PDFPreview src={frontPreview} className=\"mb-3\" />\n                    ) : (\n                      <img\n                        src={frontPreview || \"/placeholder.svg\"}\n                        alt=\"Document\"\n                        className=\"w-full h-48 object-contain bg-gray-50 rounded-lg border mb-3\"\n                      />\n                    )}\n                    <div className=\"flex justify-end gap-2\">\n                      {twoSidesRequired && frontPreview && backPreview ? (\n                        <button\n                          onClick={removeAllImages}\n                          className=\"text-red-500 hover:text-red-700 p-1 text-sm\"\n                          disabled={isUploading}\n                        >\n                          {t(\"jdi.document_upload.restart\")}\n                        </button>\n                      ) : (\n                        <>\n                          <button\n                            onClick={() => frontInputRef.current?.click()}\n                            className=\"text-teal-600 hover:text-teal-700 p-1 text-sm\"\n                            disabled={isUploading}\n                            title=\"Changer le document\"\n                          >\n                            {t(\"jdi.document_upload.change\")}\n                          </button>\n                          <button\n                            onClick={() => removeImage(\"front\")}\n                            className=\"text-red-500 hover:text-red-700 p-1\"\n                            disabled={isUploading}\n                            title=\"Supprimer le document\"\n                          >\n                            <svg\n                              className=\"h-5 w-5\"\n                              fill=\"none\"\n                              stroke=\"currentColor\"\n                              viewBox=\"0 0 24 24\"\n                              xmlns=\"http://www.w3.org/2000/svg\"\n                            >\n                              <path\n                                strokeLinecap=\"round\"\n                                strokeLinejoin=\"round\"\n                                strokeWidth={2}\n                                d=\"M19 7l-.867 12.142A2 2 0 0116.138 21H7.862a2 2 0 01-1.995-1.858L5 7m5 4v6m4-6v6m1-10V4a1 1 0 00-1-1h-4a1 1 0 00-1 1v3M4 7h16\"\n                              />\n                            </svg>\n                          </button>\n                        </>\n                      )}\n                    </div>\n                  </div>\n\n                  {/* Preview du document verso (si présent) */}\n                  {twoSidesRequired && backPreview && (\n                    <div className=\"bg-white border border-gray-200 rounded-lg p-4\">\n                      <div className=\"mb-3\">\n                        <p className=\"text-sm font-medium text-gray-900 mb-1\">\n                          {t(\"jdi.document_upload.back_side\")}\n                        </p>\n                        <p className=\"text-xs text-gray-500\">\n                          {isPDF(frontFile)\n                            ? t(\"jdi.document_upload.pdf_preview\")\n                            : t(\"jdi.document_upload.image_preview\")}\n                        </p>\n                      </div>\n                      {isPDF(backFile) ? (\n                        <PDFPreview src={backPreview || \"\"} className=\"mb-3\" />\n                      ) : (\n                        <img\n                          src={backPreview || \"\"}\n                          alt=\"Verso\"\n                          className=\"w-full h-48 object-contain bg-gray-50 rounded-lg border mb-3\"\n                        />\n                      )}\n                    </div>\n                  )}\n\n                  {/* Bouton pour ajouter le verso si c'est un document recto/verso et qu'on n'a pas encore le verso */}\n                  {twoSidesRequired && !backPreview && (\n                    <div className=\"flex justify-center mt-4\">\n                      <Button\n                        onClick={() => {\n                          const input = document.createElement(\"input\");\n                          input.type = \"file\";\n                          input.accept = \"image/*,.pdf\";\n                          input.onchange = (e) =>\n                            handleFileChange(e as any, \"back\");\n                          input.click();\n                        }}\n                        className=\"border border-teal-300 text-teal-600 bg-transparent hover:bg-teal-50 px-4 py-2 rounded-lg font-medium text-sm flex items-center\"\n                        disabled={isUploading}\n                      >\n                        <span>{t(\"jdi.document_upload.add_back\")}</span>\n                      </Button>\n                    </div>\n                  )}\n\n                  <div className=\"text-sm text-gray-600\">\n                    <p>\n                      {twoSidesRequired && backPreview\n                        ? t(\"jdi.document_upload.documents_ready\")\n                        : t(\"jdi.document_upload.document_ready\")}\n                    </p>\n                  </div>\n                </div>\n              )}\n            </div>\n          </Card>\n\n          {/* Input pour un seul fichier */}\n          <input\n            ref={frontInputRef}\n            type=\"file\"\n            accept=\"image/*,.pdf\"\n            onChange={(e) => handleFileChange(e, \"front\")}\n            className=\"hidden\"\n          />\n\n          {/* Input pour plusieurs fichiers (recto/verso) */}\n          <input\n            ref={multipleInputRef}\n            type=\"file\"\n            accept=\"image/*,.pdf\"\n            multiple={twoSidesRequired}\n            onChange={handleMultipleFileChange}\n            className=\"hidden\"\n          />\n\n          {/* Error message */}\n          {error && (\n            <div className=\"bg-red-50 border border-red-200 rounded-lg p-4 mb-6\">\n              <p className=\"text-sm text-red-600 flex items-center\">\n                <span className=\"mr-2\">⚠</span>\n                {error}\n              </p>\n            </div>\n          )}\n        </div>\n      </div>\n    </MobilePageLayout>\n  );\n};\n\nexport default JDIDocumentUpload;\n"],"names":["useI18n","useEffect","useState","useRef","requiresTwoSides","__awaiter","convertFileToSupportedFormat","isValidFileType","isValidFileSize","fileToBase64","isValidBase64Data","_jsx","MobilePageLayout","PageActions","Button","_jsxs","Card","_Fragment","isPDF","PDFPreview"],"mappings":"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"}
+{"version":3,"file":"JDIDocumentUpload.js","sources":["../../../../../src/components/jdi/JDIDocumentUpload.tsx"],"sourcesContent":["import { useState, useRef, useEffect } from \"react\";\n\nimport Button from \"../ui/Button\";\nimport PageActions from \"../ui/PageActions\";\nimport { Card } from \"../ui/Card\";\nimport PDFPreview from \"../ui/PDFPreview\";\nimport type { onUploadFiles } from \"../../types/uploadFiles\";\nimport { useI18n } from \"../../hooks/useI18n\";\nimport {\n  convertFileToSupportedFormat,\n  fileToBase64,\n  isPDF,\n  isValidFileType,\n  isValidFileSize,\n  isValidBase64Data,\n} from \"../../utils/fileConverter\";\nimport { requiresTwoSides } from \"../../utils/documentLabels\";\nimport MobilePageLayout from \"../ui/MobilePageLayout\";\n\ninterface JDIDocumentUploadProps {\n  documentType: string;\n  onUpload: (files: onUploadFiles) => void;\n  onBack: () => void;\n  documentTypeId?: string; // Pour identifier des types spécifiques comme jdd ou income-proof\n  documentLabel?: string; // Le label lisible du document sélectionné (ex: \"Carte nationale d'identité\")\n  initialFront?: string | null; // Base64 du recto déjà déposé (ex: après erreur 2.5)\n  initialBack?: string | null; // Base64 du verso déjà déposé (ex: après erreur 2.5)\n}\n\nconst JDIDocumentUpload = ({\n  documentType,\n  onUpload,\n  onBack,\n  documentTypeId,\n  documentLabel,\n  initialFront = null,\n  initialBack = null,\n}: JDIDocumentUploadProps) => {\n  const { t } = useI18n();\n\n  // Helper functions for conditional text\n  const getDropZoneText = () => {\n    return t(\"jdi.document_upload.drop_zone\", {\n      document: t(\"documentTypes.\" + documentType),\n    });\n  };\n\n  const getUploadInstruction = () => {\n    switch (documentTypeId) {\n      case \"jdd\":\n        return t(\"jdi.document_upload.upload_jdd\");\n      case \"income-proof\":\n        return t(\"jdi.document_upload.upload_income_proof\");\n      default:\n        return t(\"jdi.document_upload.upload_identity\", {\n          document: t(\"documentTypes.\" + documentType),\n        });\n    }\n  };\n\n  const getValidateButtonText = () => {\n    if (isUploading) {\n      return t(\"jdi.document_upload.uploading\");\n    }\n    return documentTypeId === \"jdd\" || documentTypeId === \"income-proof\"\n      ? t(\"jdi.document_upload.validate_single\")\n      : t(\"jdi.document_upload.validate_multiple\");\n  };\n  // Ajout de logs pour le débogage\n  useEffect(() => {\n    // Vérifier si le document type est valide\n    if (!documentType) {\n      console.error(\"JDIDocumentUpload: documentType is missing or invalid\", {\n        documentType,\n        documentTypeId,\n      });\n    }\n  }, [documentType, documentTypeId, documentLabel]);\n\n  // Store File objects instead of base64 strings\n  // initialFront/initialBack permettent de pré-remplir en cas de retry (ex: erreur 2.5)\n  const [frontFile, setFrontFile] = useState<File | null>(null);\n  const [backFile, setBackFile] = useState<File | null>(null);\n  const [frontPreview, setFrontPreview] = useState<string | null>(initialFront ?? null);\n  const [backPreview, setBackPreview] = useState<string | null>(initialBack ?? null);\n  // Indique que le recto/verso vient d'un dépôt précédent (pas un File local)\n  const [isFrontFromInitial, setIsFrontFromInitial] = useState<boolean>(!!initialFront);\n  const [isBackFromInitial, setIsBackFromInitial] = useState<boolean>(!!initialBack);\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  const twoSidesRequired = requiresTwoSides(documentType);\n\n  // Nouvelle fonction pour gérer la sélection multiple de fichiers\n  const handleMultipleFileChange = async (\n    event: React.ChangeEvent<HTMLInputElement>,\n  ) => {\n    const files = event.target.files;\n    if (!files) return;\n\n    // Vérifier le nombre de fichiers - maximum 2 fichiers\n    if (files.length > 2) {\n      setError(t(\"jdi.document_upload.errors.max_files\"));\n      return;\n    } else if (files.length === 0) {\n      setError(t(\"jdi.document_upload.errors.min_files\"));\n      return;\n    }\n\n    setError(\"\");\n    setFrontFile(null);\n    setBackFile(null);\n    setFrontPreview(null);\n    setBackPreview(null);\n\n    // Traiter chaque fichier\n    for (let index = 0; index < files.length; index++) {\n      let currentFile = files[index];\n\n      try {\n        currentFile = await convertFileToSupportedFormat(currentFile);\n      } catch (conversionError) {\n        console.error(\n          \"handleMultipleFileChange: HEIC conversion failed\",\n          conversionError,\n        );\n        setError(\n          conversionError instanceof Error\n            ? conversionError.message\n            : t(\"jdi.document_upload.errors.heic_unsupported\"),\n        );\n        event.target.value = \"\";\n        if (multipleInputRef.current) {\n          multipleInputRef.current.value = \"\";\n        }\n        return;\n      }\n\n      // Valider le type de fichier\n      if (!isValidFileType(currentFile)) {\n        setError(\n          t(\"jdi.document_upload.errors.invalid_file_type_indexed\", {\n            index: index + 1,\n          }),\n        );\n        event.target.value = \"\";\n        if (multipleInputRef.current) {\n          multipleInputRef.current.value = \"\";\n        }\n        return;\n      }\n\n      // Valider la taille du fichier\n      if (!isValidFileSize(currentFile)) {\n        setError(\n          t(\"jdi.document_upload.errors.file_too_large_indexed\", {\n            index: index + 1,\n          }),\n        );\n        event.target.value = \"\";\n        if (multipleInputRef.current) {\n          multipleInputRef.current.value = \"\";\n        }\n        return;\n      }\n\n      if (index === 0) {\n        // Premier fichier = recto\n        setFrontFile(currentFile);\n      } else if (index === 1 && twoSidesRequired) {\n        // Deuxième fichier = verso (seulement si nécessaire)\n        setBackFile(currentFile);\n      }\n\n      // Store File object and create preview\n      const reader = new FileReader();\n      reader.onload = (e) => {\n        const result = e.target?.result as string;\n\n        if (index === 0) {\n          setFrontPreview(result);\n        } else if (index === 1 && twoSidesRequired) {\n          setBackPreview(result);\n        }\n      };\n      reader.readAsDataURL(currentFile);\n    }\n  };\n\n  const handleFileChange = async (\n    event: React.ChangeEvent<HTMLInputElement>,\n    side: \"front\" | \"back\",\n  ) => {\n    const file = event.target.files?.[0];\n    if (!file) return;\n\n    let processedFile = file;\n    try {\n      processedFile = await convertFileToSupportedFormat(file);\n    } catch (conversionError) {\n      console.error(\n        \"handleFileChange: HEIC conversion failed\",\n        conversionError,\n      );\n      setError(\n        conversionError instanceof Error\n          ? conversionError.message\n          : t(\"jdi.document_upload.errors.heic_unsupported\"),\n      );\n      event.target.value = \"\";\n      if (side === \"front\" && frontInputRef.current) {\n        frontInputRef.current.value = \"\";\n      }\n      return;\n    }\n\n    // Validate file type\n    if (!isValidFileType(processedFile)) {\n      setError(t(\"jdi.document_upload.errors.invalid_file_type\"));\n      event.target.value = \"\";\n      return;\n    }\n\n    // Validate file size (max 10MB)\n    if (!isValidFileSize(processedFile)) {\n      setError(t(\"jdi.document_upload.errors.file_too_large\"));\n      event.target.value = \"\";\n      return;\n    }\n\n    setError(\"\");\n\n    // Store File object and create preview\n    const reader = new FileReader();\n    reader.onload = (e) => {\n      const result = e.target?.result as string;\n\n      if (side === \"front\") {\n        setFrontFile(processedFile);\n        setFrontPreview(result);\n        setIsFrontFromInitial(false);\n      } else {\n        setBackFile(processedFile);\n        setBackPreview(result);\n        setIsBackFromInitial(false);\n      }\n    };\n    reader.readAsDataURL(processedFile);\n  };\n\n  const handleUpload = async () => {\n    // Clear previous errors\n    setError(\"\");\n\n    // Validation : recto obligatoire (soit un File local, soit une valeur initiale)\n    if (!frontFile && !isFrontFromInitial) {\n      const errorKey =\n        documentTypeId === \"jdd\"\n          ? \"jdi.document_upload.errors.add_photo_jdd\"\n          : documentTypeId === \"income-proof\"\n            ? \"jdi.document_upload.errors.add_photo_income_proof\"\n            : \"jdi.document_upload.errors.add_photo_identity\";\n\n      setError(t(errorKey));\n      return;\n    }\n\n    // Note: For two-sided documents, the back side is no longer mandatory\n    // The user can choose to upload only the front side\n\n    setIsUploading(true);\n\n    try {\n      // Recto : soit conversion d'un File, soit réutilisation de la base64 initiale\n      let frontBase64: string;\n      if (frontFile) {\n        frontBase64 = await fileToBase64(frontFile);\n        if (!isValidBase64Data(frontBase64)) {\n          setError(t(\"jdi.document_upload.errors.front_corrupted\"));\n          setIsUploading(false);\n          return;\n        }\n      } else {\n        // isFrontFromInitial === true : on réutilise la valeur initiale\n        frontBase64 = initialFront!;\n      }\n\n      let backBase64: string | null = null;\n      if (twoSidesRequired) {\n        if (backFile) {\n          backBase64 = await fileToBase64(backFile);\n          if (!isValidBase64Data(backBase64)) {\n            setError(t(\"jdi.document_upload.errors.back_corrupted\"));\n            setIsUploading(false);\n            return;\n          }\n        } else if (isBackFromInitial) {\n          // On réutilise le verso initial\n          backBase64 = initialBack!;\n        }\n      }\n\n      const files = {\n        front: frontBase64,\n        back: twoSidesRequired ? backBase64 : null,\n      };\n\n      onUpload(files);\n    } catch (err) {\n      console.error(\"JDIDocumentUpload: Upload error:\", err);\n      setError(t(\"jdi.document_upload.errors.upload_error\"));\n      setIsUploading(false);\n    }\n  };\n\n  const removeImage = (side: \"front\" | \"back\") => {\n    if (side === \"front\") {\n      setFrontFile(null);\n      setFrontPreview(null);\n      setIsFrontFromInitial(false);\n      if (frontInputRef.current) frontInputRef.current.value = \"\";\n    } else {\n      setBackFile(null);\n      setBackPreview(null);\n      setIsBackFromInitial(false);\n    }\n    setError(\"\");\n  };\n\n  const removeAllImages = () => {\n    setFrontFile(null);\n    setBackFile(null);\n    setFrontPreview(null);\n    setBackPreview(null);\n    setIsFrontFromInitial(false);\n    setIsBackFromInitial(false);\n    if (frontInputRef.current) frontInputRef.current.value = \"\";\n    if (multipleInputRef.current) multipleInputRef.current.value = \"\";\n    setError(\"\");\n  };\n\n  // Drag and Drop handlers\n  const handleDragEnter = (e: React.DragEvent<HTMLDivElement>) => {\n    e.preventDefault();\n    e.stopPropagation();\n    setIsDragging(true);\n  };\n\n  const handleDragLeave = (e: React.DragEvent<HTMLDivElement>) => {\n    e.preventDefault();\n    e.stopPropagation();\n\n    // Only set isDragging to false if we're leaving the drop zone entirely\n    if (\n      dropZoneRef.current &&\n      !dropZoneRef.current.contains(e.relatedTarget as Node)\n    ) {\n      setIsDragging(false);\n    }\n  };\n\n  const handleDragOver = (e: React.DragEvent<HTMLDivElement>) => {\n    e.preventDefault();\n    e.stopPropagation();\n  };\n\n  const handleDrop = async (e: React.DragEvent<HTMLDivElement>) => {\n    e.preventDefault();\n    e.stopPropagation();\n    setIsDragging(false);\n\n    const droppedFiles = e.dataTransfer.files;\n    if (!droppedFiles || droppedFiles.length === 0) return;\n\n    // Vérifier le nombre de fichiers\n    if (droppedFiles.length > 2) {\n      setError(t(\"jdi.document_upload.errors.max_files\"));\n      return;\n    }\n\n    // Détermine si on est en mode \"ajout au verso\" :\n    // - 1 seul fichier déposé\n    // - document recto/verso requis\n    // - recto déjà présent via un dépôt utilisateur (pas uniquement via initialFront)\n    // - verso pas encore présent\n    const hasFrontFromUser = !!(frontFile || (!isFrontFromInitial && frontPreview));\n    const hasBack = !!(backFile || isBackFromInitial || backPreview);\n    const isAddingVerso =\n      droppedFiles.length === 1 && twoSidesRequired && hasFrontFromUser && !hasBack;\n\n    // Si on n'est pas en mode ajout verso, on repart de zéro\n    if (!isAddingVerso) {\n      setFrontFile(null);\n      setBackFile(null);\n      setFrontPreview(null);\n      setBackPreview(null);\n      setIsFrontFromInitial(false);\n      setIsBackFromInitial(false);\n    }\n\n    setError(\"\");\n\n    // Traiter chaque fichier\n    for (let index = 0; index < droppedFiles.length; index++) {\n      let currentFile = droppedFiles[index];\n\n      try {\n        currentFile = await convertFileToSupportedFormat(currentFile);\n      } catch (conversionError) {\n        console.error(\"handleDrop: HEIC conversion failed\", conversionError);\n        setError(\n          conversionError instanceof Error\n            ? conversionError.message\n            : t(\"jdi.document_upload.errors.heic_unsupported\"),\n        );\n        return;\n      }\n\n      // Valider le type de fichier\n      if (!isValidFileType(currentFile)) {\n        setError(\n          t(\"jdi.document_upload.errors.invalid_file_type_indexed\", {\n            index: index + 1,\n          }),\n        );\n        return;\n      }\n\n      // Valider la taille du fichier\n      if (!isValidFileSize(currentFile)) {\n        setError(\n          t(\"jdi.document_upload.errors.file_too_large_indexed\", {\n            index: index + 1,\n          }),\n        );\n        return;\n      }\n\n      // En mode ajout verso : le fichier unique devient le verso\n      // Sinon : index 0 = recto, index 1 = verso\n      const isVersoSlot = isAddingVerso || (index === 1 && twoSidesRequired);\n\n      if (!isVersoSlot) {\n        setFrontFile(currentFile);\n      } else if (twoSidesRequired) {\n        setBackFile(currentFile);\n      }\n\n      // Store File object and create preview\n      const reader = new FileReader();\n      reader.onload = (ev) => {\n        const result = ev.target?.result as string;\n        if (!isVersoSlot) {\n          setFrontPreview(result);\n        } else if (twoSidesRequired) {\n          setBackPreview(result);\n        }\n      };\n      reader.readAsDataURL(currentFile);\n    }\n  };\n\n  return (\n    <MobilePageLayout\n      contentClassName=\"h-full\"\n      footer={\n        <PageActions\n          primary={\n            <Button\n              onClick={handleUpload}\n              disabled={(!frontFile && !isFrontFromInitial) || isUploading}\n            >\n              {getValidateButtonText()}\n            </Button>\n          }\n          secondary={\n            <Button variant=\"secondary\" onClick={onBack} disabled={isUploading}>\n              {t(\"jdi.document_upload.back\")}\n            </Button>\n          }\n        />\n      }\n    >\n      {/* Main content */}\n      <div className=\"flex-1 flex items-center justify-center p-4\">\n        <div className=\"w-full max-w-lg\">\n          {/* Header */}\n          <div className=\"text-center mb-8\">\n            <h1 className=\"text-2xl md:text-3xl font-bold text-gray-900 mb-2\">\n              {getDropZoneText()}\n            </h1>\n            <p className=\"text-gray-600\">{getUploadInstruction()}</p>\n          </div>\n\n          {/* Upload Card */}\n          <Card\n            ref={dropZoneRef}\n            className={`border-2 border-dashed ${\n              isDragging\n                ? \"border-teal-500 bg-teal-100/50\"\n                : \"border-teal-300 bg-teal-50/30\"\n            } p-8 mb-6 transition-colors`}\n            onDragEnter={handleDragEnter}\n            onDragLeave={handleDragLeave}\n            onDragOver={handleDragOver}\n            onDrop={handleDrop}\n          >\n            <div className=\"text-center space-y-6\">\n              {!frontPreview ? (\n                <>\n                  <h3 className=\"text-lg font-semibold text-gray-900 mb-4\">\n                    {t(\"documentTypes.\" + documentType)}\n                  </h3>\n\n                  <div className=\"flex justify-center w-full\">\n                    <Button\n                      onClick={() => frontInputRef.current?.click()}\n                      className=\"border border-teal-300 text-teal-600 bg-transparent hover:bg-teal-50 px-4 py-2 rounded-lg font-medium text-sm mx-auto flex items-center\"\n                      disabled={isUploading}\n                    >\n                      <span>{t(\"jdi.document_upload.add_file\")}</span>\n                    </Button>\n                  </div>\n\n                  <p className=\"text-sm text-gray-500 italic\">\n                    {t(\n                      \"jdi.document_upload.drag_drop_hint\",\n                      \"ou glissez-déposez vos fichiers ici\",\n                    )}\n                  </p>\n\n                  <div className=\"text-sm text-gray-600 space-y-1\">\n                    <p>{t(\"jdi.document_upload.accepted_formats\")}</p>\n                    <p>\n                      {twoSidesRequired\n                        ? frontPreview\n                          ? t(\"jdi.document_upload.add_back_side\")\n                          : t(\"jdi.document_upload.multiple_files_info\")\n                        : t(\"jdi.document_upload.single_file_info\")}\n                    </p>\n                  </div>\n                </>\n              ) : (\n                <div className=\"space-y-4\">\n                  <h3 className=\"text-lg font-semibold text-gray-900\">\n                    {twoSidesRequired && frontPreview && backPreview\n                      ? t(\"jdi.document_upload.documents_added\")\n                      : t(\"jdi.document_upload.document_added\")}\n                  </h3>\n\n                  {/* Preview du document recto */}\n                  <div className=\"bg-white border border-gray-200 rounded-lg p-4\">\n                    <div className=\"mb-3\">\n                      <p className=\"text-sm font-medium text-gray-900 mb-1\">\n                        {twoSidesRequired && backPreview\n                          ? t(\"jdi.document_upload.front_side\")\n                          : t(\"documentTypes.\" + documentType)}\n                      </p>\n                      <p className=\"text-xs text-gray-500\">\n                        {isPDF(frontFile)\n                          ? t(\"jdi.document_upload.pdf_preview\")\n                          : t(\"jdi.document_upload.image_preview\")}\n                      </p>\n                    </div>\n                    {isPDF(frontFile) ? (\n                      <PDFPreview src={frontPreview} className=\"mb-3\" />\n                    ) : (\n                      <img\n                        src={frontPreview || \"/placeholder.svg\"}\n                        alt=\"Document\"\n                        className=\"w-full h-48 object-contain bg-gray-50 rounded-lg border mb-3\"\n                      />\n                    )}\n                    <div className=\"flex justify-end gap-2\">\n                      {twoSidesRequired && frontPreview && backPreview ? (\n                        <button\n                          onClick={removeAllImages}\n                          className=\"text-red-500 hover:text-red-700 p-1 text-sm\"\n                          disabled={isUploading}\n                        >\n                          {t(\"jdi.document_upload.restart\")}\n                        </button>\n                      ) : (\n                        <>\n                          <button\n                            onClick={() => frontInputRef.current?.click()}\n                            className=\"text-teal-600 hover:text-teal-700 p-1 text-sm\"\n                            disabled={isUploading}\n                            title=\"Changer le document\"\n                          >\n                            {t(\"jdi.document_upload.change\")}\n                          </button>\n                          <button\n                            onClick={() => removeImage(\"front\")}\n                            className=\"text-red-500 hover:text-red-700 p-1\"\n                            disabled={isUploading}\n                            title=\"Supprimer le document\"\n                          >\n                            <svg\n                              className=\"h-5 w-5\"\n                              fill=\"none\"\n                              stroke=\"currentColor\"\n                              viewBox=\"0 0 24 24\"\n                              xmlns=\"http://www.w3.org/2000/svg\"\n                            >\n                              <path\n                                strokeLinecap=\"round\"\n                                strokeLinejoin=\"round\"\n                                strokeWidth={2}\n                                d=\"M19 7l-.867 12.142A2 2 0 0116.138 21H7.862a2 2 0 01-1.995-1.858L5 7m5 4v6m4-6v6m1-10V4a1 1 0 00-1-1h-4a1 1 0 00-1 1v3M4 7h16\"\n                              />\n                            </svg>\n                          </button>\n                        </>\n                      )}\n                    </div>\n                  </div>\n\n                  {/* Preview du document verso (si présent) */}\n                  {twoSidesRequired && backPreview && (\n                    <div className=\"bg-white border border-gray-200 rounded-lg p-4\">\n                      <div className=\"mb-3\">\n                        <p className=\"text-sm font-medium text-gray-900 mb-1\">\n                          {t(\"jdi.document_upload.back_side\")}\n                        </p>\n                        <p className=\"text-xs text-gray-500\">\n                          {isPDF(frontFile)\n                            ? t(\"jdi.document_upload.pdf_preview\")\n                            : t(\"jdi.document_upload.image_preview\")}\n                        </p>\n                      </div>\n                      {isPDF(backFile) ? (\n                        <PDFPreview src={backPreview || \"\"} className=\"mb-3\" />\n                      ) : (\n                        <img\n                          src={backPreview || \"\"}\n                          alt=\"Verso\"\n                          className=\"w-full h-48 object-contain bg-gray-50 rounded-lg border mb-3\"\n                        />\n                      )}\n                    </div>\n                  )}\n\n                  {/* Bouton pour ajouter le verso si c'est un document recto/verso et qu'on n'a pas encore le verso */}\n                  {twoSidesRequired && !backPreview && (\n                    <div className=\"flex justify-center mt-4\">\n                      <Button\n                        onClick={() => {\n                          const input = document.createElement(\"input\");\n                          input.type = \"file\";\n                          input.accept = \"image/*,.pdf\";\n                          input.onchange = (e) =>\n                            handleFileChange(e as any, \"back\");\n                          input.click();\n                        }}\n                        className=\"border border-teal-300 text-teal-600 bg-transparent hover:bg-teal-50 px-4 py-2 rounded-lg font-medium text-sm flex items-center\"\n                        disabled={isUploading}\n                      >\n                        <span>{t(\"jdi.document_upload.add_back\")}</span>\n                      </Button>\n                    </div>\n                  )}\n\n                  <div className=\"text-sm text-gray-600\">\n                    <p>\n                      {twoSidesRequired && backPreview\n                        ? t(\"jdi.document_upload.documents_ready\")\n                        : t(\"jdi.document_upload.document_ready\")}\n                    </p>\n                  </div>\n                </div>\n              )}\n            </div>\n          </Card>\n\n          {/* Input pour un seul fichier */}\n          <input\n            ref={frontInputRef}\n            type=\"file\"\n            accept=\"image/*,.pdf\"\n            onChange={(e) => handleFileChange(e, \"front\")}\n            className=\"hidden\"\n          />\n\n          {/* Input pour plusieurs fichiers (recto/verso) */}\n          <input\n            ref={multipleInputRef}\n            type=\"file\"\n            accept=\"image/*,.pdf\"\n            multiple={twoSidesRequired}\n            onChange={handleMultipleFileChange}\n            className=\"hidden\"\n          />\n\n          {/* Error message */}\n          {error && (\n            <div className=\"bg-red-50 border border-red-200 rounded-lg p-4 mb-6\">\n              <p className=\"text-sm text-red-600 flex items-center\">\n                <span className=\"mr-2\">⚠</span>\n                {error}\n              </p>\n            </div>\n          )}\n        </div>\n      </div>\n    </MobilePageLayout>\n  );\n};\n\nexport default JDIDocumentUpload;\n"],"names":["useI18n","useEffect","useState","useRef","requiresTwoSides","__awaiter","convertFileToSupportedFormat","isValidFileType","isValidFileSize","fileToBase64","isValidBase64Data","_jsx","MobilePageLayout","PageActions","Button","_jsxs","Card","_Fragment","isPDF","PDFPreview"],"mappings":"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"}

package/dist/cjs/components/selfie/SelfieConfirmation.js

@@ -46,7 +46,7 @@ var SelfieConfirmation = function (_a) {
     if (!imageUrl) {
         return (jsxRuntime.jsx("div", { className: "flex flex-col items-center justify-center h-full bg-white", children: jsxRuntime.jsxs("div", { className: "text-center p-6 max-w-md mx-auto", children: [jsxRuntime.jsx("div", { className: "w-16 h-16 mx-auto mb-4 text-yellow-500", children: jsxRuntime.jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [jsxRuntime.jsx("circle", { cx: "12", cy: "12", r: "10" }), jsxRuntime.jsx("line", { x1: "12", y1: "8", x2: "12", y2: "12" }), jsxRuntime.jsx("line", { x1: "12", y1: "16", x2: "12.01", y2: "16" })] }) }), jsxRuntime.jsx(Title.default, { className: "text-xl mb-2", children: t("selfie.confirmation.no_display_title", "Impossible d'afficher le selfie") }), jsxRuntime.jsx("p", { className: "mb-6 text-sm text-gray-600", children: t("selfie.confirmation.no_display_desc", "Nous n'avons pas pu traiter correctement votre selfie.") }), jsxRuntime.jsx(Button.default, { variant: "secondary", onClick: onRetake, className: "md:max-w-xs mx-auto", children: t("selfie.confirmation.retake", "Reprendre le selfie") })] }) }));
     }
-    return (jsxRuntime.jsx(MobilePageLayout.default, { header: jsxRuntime.jsxs("div", { className: "p-4 text-center bg-white border-b border-gray-100", children: [jsxRuntime.jsx(Title.default, { className: "text-xl md:text-2xl", children: t("selfie.confirmation.title", "Confirmez votre selfie") }), jsxRuntime.jsx(Subtitle.default, { className: "text-xs text-gray-600 mt-2 md:text-sm", children: t("selfie.confirmation.subtitle", "Vérifiez que votre visage est clairement visible") })] }), footer: jsxRuntime.jsx(PageActions.default, { primary: jsxRuntime.jsx(Button.default, { onClick: onConfirm, children: t("selfie.confirmation.confirm", "Confirmer") }), secondary: jsxRuntime.jsx(Button.default, { variant: "secondary", onClick: onRetake, children: t("selfie.confirmation.retake", "Reprendre le selfie") }) }), className: "bg-white", children: jsxRuntime.jsx("div", { className: "px-4 py-6 md:px-8 md:py-8", children: jsxRuntime.jsxs("div", { className: "w-full max-w-md mx-auto space-y-6", children: [jsxRuntime.jsx("div", { className: "w-full bg-white rounded-lg overflow-hidden shadow-md", children: jsxRuntime.jsxs("div", { className: "relative rounded-lg overflow-hidden border-2 border-[#11E5C5]", children: [jsxRuntime.jsx("img", { src: imageUrl, alt: "Selfie captur\u00E9", className: "w-full h-64 md:h-80 object-cover bg-white", onError: function () {
+    return (jsxRuntime.jsx(MobilePageLayout.default, { header: jsxRuntime.jsxs("div", { className: "p-4 text-center bg-white border-b border-gray-100", children: [jsxRuntime.jsx(Title.default, { className: "text-xl md:text-2xl", children: t("selfie.confirmation.title", "Confirmez votre selfie") }), jsxRuntime.jsx(Subtitle.default, { className: "text-xs text-gray-600 mt-2 md:text-sm", children: t("selfie.confirmation.subtitle", "Vérifiez que votre visage est clairement visible") })] }), footer: jsxRuntime.jsx(PageActions.default, { primary: jsxRuntime.jsx(Button.default, { onClick: onConfirm, children: t("selfie.confirmation.confirm", "Confirmer") }), secondary: jsxRuntime.jsx(Button.default, { variant: "secondary", onClick: onRetake, children: t("selfie.confirmation.retake", "Reprendre le selfie") }) }), className: "bg-white", children: jsxRuntime.jsx("div", { className: "px-4 py-6 md:px-8 md:py-8", children: jsxRuntime.jsxs("div", { className: "w-full max-w-md mx-auto space-y-6", children: [jsxRuntime.jsx("div", { className: "w-full bg-white rounded-lg shadow-md", children: jsxRuntime.jsxs("div", { className: "relative rounded-lg border-2 border-[#11E5C5] flex items-center justify-center bg-white", children: [jsxRuntime.jsx("img", { src: imageUrl, alt: "Selfie captur\u00E9", className: "w-full h-auto object-contain rounded-lg", style: { maxHeight: "50vh" }, onError: function () {
                                         setError("Impossible d'afficher l'image du selfie");
                                     } }), jsxRuntime.jsx("div", { className: "absolute bottom-0 left-0 right-0 bg-gradient-to-t from-black/30 to-transparent p-3", children: jsxRuntime.jsx("p", { className: "text-white text-xs text-center", children: t("selfie.confirmation.overlay_success", "Selfie capturé avec succès") }) })] }) }), jsxRuntime.jsxs("div", { className: "bg-gray-50 p-4 rounded-lg", children: [jsxRuntime.jsx("h3", { className: "font-medium text-sm mb-3", children: t("selfie.confirmation.checklist_title", "Vérifiez que :") }), jsxRuntime.jsxs("ul", { className: "space-y-2 text-xs text-gray-700", children: [jsxRuntime.jsxs("li", { className: "flex items-start", children: [jsxRuntime.jsx("svg", { className: "w-4 h-4 text-green-500 mr-2 mt-0.5", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", children: jsxRuntime.jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "2", d: "M5 13l4 4L19 7" }) }), t("selfie.confirmation.check_visible", "Votre visage est bien visible et occupe la majeure partie de l'image")] }), jsxRuntime.jsxs("li", { className: "flex items-start", children: [jsxRuntime.jsx("svg", { className: "w-4 h-4 text-green-500 mr-2 mt-0.5", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", children: jsxRuntime.jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "2", d: "M5 13l4 4L19 7" }) }), t("selfie.confirmation.check_well_lit", "L'image est nette et bien éclairée")] }), jsxRuntime.jsxs("li", { className: "flex items-start", children: [jsxRuntime.jsx("svg", { className: "w-4 h-4 text-green-500 mr-2 mt-0.5", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", children: jsxRuntime.jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "2", d: "M5 13l4 4L19 7" }) }), t("selfie.confirmation.check_no_object", "Aucun objet ne cache votre visage (lunettes de soleil, masque, etc.)")] })] })] }), jsxRuntime.jsx("canvas", { ref: canvasRef, style: { display: "none" } })] }) }) }));
 };

package/dist/cjs/components/selfie/SelfieConfirmation.js.map

@@ -1 +1 @@
-{"version":3,"file":"SelfieConfirmation.js","sources":["../../../../../src/components/selfie/SelfieConfirmation.tsx"],"sourcesContent":["/**\n * SelfieConfirmation component\n *\n * Displays the captured selfie and allows the user to confirm or retake it.\n *\n * @param {Object} props - Component props\n * @param {SelfieCaptureData} props.selfieData - The captured selfie data containing media blob and metadata\n * @param {Function} props.onConfirm - Function called when user confirms the selfie\n * @param {Function} props.onRetake - Function called when user wants to retake the selfie\n * @returns {JSX.Element} The selfie confirmation UI component\n */\n\nimport { useEffect, useRef, useState } from \"react\";\nimport type { SelfieCaptureData } from \"../../types/selfie\";\nimport Button from \"../ui/Button\";\nimport PageActions from \"../ui/PageActions\";\nimport Title from \"../ui/Title\";\nimport Subtitle from \"../ui/Subtitle\";\nimport MobilePageLayout from \"../ui/MobilePageLayout\";\nimport { useI18n } from \"../../hooks/useI18n\";\n\ninterface SelfieConfirmationProps {\n  selfieData: SelfieCaptureData;\n  setSelfiePhoto: (photo: string) => void;\n  onConfirm: () => void;\n  onRetake: () => void;\n}\n\nconst SelfieConfirmation = ({\n  selfieData,\n  setSelfiePhoto,\n  onConfirm,\n  onRetake,\n}: SelfieConfirmationProps) => {\n  const { t } = useI18n();\n  const [isLoading, setIsLoading] = useState(true);\n  const [error, setError] = useState<string | null>(null);\n  const [imageUrl, setImageUrl] = useState<string | null>(null);\n  const canvasRef = useRef<HTMLCanvasElement>(null);\n\n  useEffect(() => {\n    setIsLoading(true);\n    setError(null);\n\n    if (!selfieData?.media) {\n      setError(t(\"selfie.confirmation.errors.no_data\", \"Aucune donnée de selfie disponible\"));\n      setIsLoading(false);\n      return;\n    }\n\n    // Use pre-captured thumbnail from live video stream\n    if (selfieData.thumbnail) {\n      setImageUrl(selfieData.thumbnail);\n      setSelfiePhoto(selfieData.thumbnail);\n      setIsLoading(false);\n      return;\n    }\n\n    // No thumbnail available (should not happen)\n    setError(t(\"selfie.confirmation.errors.no_preview\", \"Aucune preview disponible\"));\n    setIsLoading(false);\n  }, [selfieData, setSelfiePhoto]);\n\n  if (isLoading) {\n    return (\n      <div className=\"flex flex-col items-center justify-center h-full bg-white\">\n        <div className=\"text-center p-6\">\n          <div className=\"mb-4 text-gray-700\">\n            {t(\"selfie.confirmation.loading\", \"Traitement de votre selfie...\")}\n          </div>\n          <div className=\"w-12 h-12 border-4 border-[#11E5C5] border-t-transparent rounded-full animate-spin mx-auto\"></div>\n        </div>\n      </div>\n    );\n  }\n\n  if (error) {\n    return (\n      <div className=\"flex flex-col items-center justify-center h-full bg-white\">\n        <div className=\"text-center p-6 max-w-md mx-auto\">\n          <div className=\"w-16 h-16 mx-auto mb-4 text-red-500\">\n            <svg\n              xmlns=\"http://www.w3.org/2000/svg\"\n              viewBox=\"0 0 24 24\"\n              fill=\"none\"\n              stroke=\"currentColor\"\n              strokeWidth=\"2\"\n              strokeLinecap=\"round\"\n              strokeLinejoin=\"round\"\n            >\n              <circle cx=\"12\" cy=\"12\" r=\"10\"></circle>\n              <line x1=\"15\" y1=\"9\" x2=\"9\" y2=\"15\"></line>\n              <line x1=\"9\" y1=\"9\" x2=\"15\" y2=\"15\"></line>\n            </svg>\n          </div>\n          <Title className=\"text-xl mb-2\">{t(\"selfie.confirmation.error_title\", \"Une erreur est survenue\")}</Title>\n          <p className=\"mb-6 text-sm text-gray-600\">{error}</p>\n          <Button variant=\"secondary\" onClick={onRetake} className=\"md:max-w-xs mx-auto\">\n            {t(\"selfie.confirmation.retake\", \"Reprendre le selfie\")}\n          </Button>\n        </div>\n      </div>\n    );\n  }\n\n  if (!imageUrl) {\n    return (\n      <div className=\"flex flex-col items-center justify-center h-full bg-white\">\n        <div className=\"text-center p-6 max-w-md mx-auto\">\n          <div className=\"w-16 h-16 mx-auto mb-4 text-yellow-500\">\n            <svg\n              xmlns=\"http://www.w3.org/2000/svg\"\n              viewBox=\"0 0 24 24\"\n              fill=\"none\"\n              stroke=\"currentColor\"\n              strokeWidth=\"2\"\n              strokeLinecap=\"round\"\n              strokeLinejoin=\"round\"\n            >\n              <circle cx=\"12\" cy=\"12\" r=\"10\"></circle>\n              <line x1=\"12\" y1=\"8\" x2=\"12\" y2=\"12\"></line>\n              <line x1=\"12\" y1=\"16\" x2=\"12.01\" y2=\"16\"></line>\n            </svg>\n          </div>\n          <Title className=\"text-xl mb-2\">{t(\"selfie.confirmation.no_display_title\", \"Impossible d'afficher le selfie\")}</Title>\n          <p className=\"mb-6 text-sm text-gray-600\">{t(\"selfie.confirmation.no_display_desc\", \"Nous n'avons pas pu traiter correctement votre selfie.\")}</p>\n          <Button variant=\"secondary\" onClick={onRetake} className=\"md:max-w-xs mx-auto\">\n            {t(\"selfie.confirmation.retake\", \"Reprendre le selfie\")}\n          </Button>\n        </div>\n      </div>\n    );\n  }\n\n  return (\n    <MobilePageLayout\n      header={\n        <div className=\"p-4 text-center bg-white border-b border-gray-100\">\n          <Title className=\"text-xl md:text-2xl\">{t(\"selfie.confirmation.title\", \"Confirmez votre selfie\")}</Title>\n          <Subtitle className=\"text-xs text-gray-600 mt-2 md:text-sm\">{t(\"selfie.confirmation.subtitle\", \"Vérifiez que votre visage est clairement visible\")}</Subtitle>\n        </div>\n      }\n      footer={\n        <PageActions\n          primary={\n            <Button onClick={onConfirm}>\n              {t(\"selfie.confirmation.confirm\", \"Confirmer\")}\n            </Button>\n          }\n          secondary={\n            <Button variant=\"secondary\" onClick={onRetake}>\n              {t(\"selfie.confirmation.retake\", \"Reprendre le selfie\")}\n            </Button>\n          }\n        />\n      }\n      className=\"bg-white\"\n    >\n      <div className=\"px-4 py-6 md:px-8 md:py-8\">\n        <div className=\"w-full max-w-md mx-auto space-y-6\">\n          {/* Selfie display with frame */}\n          <div className=\"w-full bg-white rounded-lg overflow-hidden shadow-md\">\n            <div className=\"relative rounded-lg overflow-hidden border-2 border-[#11E5C5]\">\n              <img\n                src={imageUrl}\n                alt=\"Selfie capturé\"\n                className=\"w-full h-64 md:h-80 object-cover bg-white\"\n                onError={() => {\n                  setError(\"Impossible d'afficher l'image du selfie\");\n                }}\n              />\n              {/* Overlay pour améliorer la lisibilité */}\n              <div className=\"absolute bottom-0 left-0 right-0 bg-gradient-to-t from-black/30 to-transparent p-3\">\n                <p className=\"text-white text-xs text-center\">{t(\"selfie.confirmation.overlay_success\", \"Selfie capturé avec succès\")}</p>\n              </div>\n            </div>\n          </div>\n\n          {/* Checklist de confirmation */}\n          <div className=\"bg-gray-50 p-4 rounded-lg\">\n            <h3 className=\"font-medium text-sm mb-3\">{t(\"selfie.confirmation.checklist_title\", \"Vérifiez que :\")}</h3>\n            <ul className=\"space-y-2 text-xs text-gray-700\">\n              <li className=\"flex items-start\">\n                <svg\n                  className=\"w-4 h-4 text-green-500 mr-2 mt-0.5\"\n                  fill=\"none\"\n                  stroke=\"currentColor\"\n                  viewBox=\"0 0 24 24\"\n                  xmlns=\"http://www.w3.org/2000/svg\"\n                >\n                  <path\n                    strokeLinecap=\"round\"\n                    strokeLinejoin=\"round\"\n                    strokeWidth=\"2\"\n                    d=\"M5 13l4 4L19 7\"\n                  ></path>\n                </svg>\n                {t(\"selfie.confirmation.check_visible\", \"Votre visage est bien visible et occupe la majeure partie de l'image\")}\n              </li>\n              <li className=\"flex items-start\">\n                <svg\n                  className=\"w-4 h-4 text-green-500 mr-2 mt-0.5\"\n                  fill=\"none\"\n                  stroke=\"currentColor\"\n                  viewBox=\"0 0 24 24\"\n                  xmlns=\"http://www.w3.org/2000/svg\"\n                >\n                  <path\n                    strokeLinecap=\"round\"\n                    strokeLinejoin=\"round\"\n                    strokeWidth=\"2\"\n                    d=\"M5 13l4 4L19 7\"\n                  ></path>\n                </svg>\n                {t(\"selfie.confirmation.check_well_lit\", \"L'image est nette et bien éclairée\")}\n              </li>\n              <li className=\"flex items-start\">\n                <svg\n                  className=\"w-4 h-4 text-green-500 mr-2 mt-0.5\"\n                  fill=\"none\"\n                  stroke=\"currentColor\"\n                  viewBox=\"0 0 24 24\"\n                  xmlns=\"http://www.w3.org/2000/svg\"\n                >\n                  <path\n                    strokeLinecap=\"round\"\n                    strokeLinejoin=\"round\"\n                    strokeWidth=\"2\"\n                    d=\"M5 13l4 4L19 7\"\n                  ></path>\n                </svg>\n                {t(\"selfie.confirmation.check_no_object\", \"Aucun objet ne cache votre visage (lunettes de soleil, masque, etc.)\")}\n              </li>\n            </ul>\n          </div>\n\n          {/* Canvas caché utilisé pour le traitement des images */}\n          <canvas ref={canvasRef} style={{ display: \"none\" }} />\n        </div>\n      </div>\n    </MobilePageLayout>\n  );\n};\n\nexport default SelfieConfirmation;\n"],"names":["useI18n","useState","useRef","useEffect","_jsx","_jsxs","Title","Button","MobilePageLayout","Subtitle","PageActions"],"mappings":"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"}
+{"version":3,"file":"SelfieConfirmation.js","sources":["../../../../../src/components/selfie/SelfieConfirmation.tsx"],"sourcesContent":["/**\n * SelfieConfirmation component\n *\n * Displays the captured selfie and allows the user to confirm or retake it.\n *\n * @param {Object} props - Component props\n * @param {SelfieCaptureData} props.selfieData - The captured selfie data containing media blob and metadata\n * @param {Function} props.onConfirm - Function called when user confirms the selfie\n * @param {Function} props.onRetake - Function called when user wants to retake the selfie\n * @returns {JSX.Element} The selfie confirmation UI component\n */\n\nimport { useEffect, useRef, useState } from \"react\";\nimport type { SelfieCaptureData } from \"../../types/selfie\";\nimport Button from \"../ui/Button\";\nimport PageActions from \"../ui/PageActions\";\nimport Title from \"../ui/Title\";\nimport Subtitle from \"../ui/Subtitle\";\nimport MobilePageLayout from \"../ui/MobilePageLayout\";\nimport { useI18n } from \"../../hooks/useI18n\";\n\ninterface SelfieConfirmationProps {\n  selfieData: SelfieCaptureData;\n  setSelfiePhoto: (photo: string) => void;\n  onConfirm: () => void;\n  onRetake: () => void;\n}\n\nconst SelfieConfirmation = ({\n  selfieData,\n  setSelfiePhoto,\n  onConfirm,\n  onRetake,\n}: SelfieConfirmationProps) => {\n  const { t } = useI18n();\n  const [isLoading, setIsLoading] = useState(true);\n  const [error, setError] = useState<string | null>(null);\n  const [imageUrl, setImageUrl] = useState<string | null>(null);\n  const canvasRef = useRef<HTMLCanvasElement>(null);\n\n  useEffect(() => {\n    setIsLoading(true);\n    setError(null);\n\n    if (!selfieData?.media) {\n      setError(t(\"selfie.confirmation.errors.no_data\", \"Aucune donnée de selfie disponible\"));\n      setIsLoading(false);\n      return;\n    }\n\n    // Use pre-captured thumbnail from live video stream\n    if (selfieData.thumbnail) {\n      setImageUrl(selfieData.thumbnail);\n      setSelfiePhoto(selfieData.thumbnail);\n      setIsLoading(false);\n      return;\n    }\n\n    // No thumbnail available (should not happen)\n    setError(t(\"selfie.confirmation.errors.no_preview\", \"Aucune preview disponible\"));\n    setIsLoading(false);\n  }, [selfieData, setSelfiePhoto]);\n\n  if (isLoading) {\n    return (\n      <div className=\"flex flex-col items-center justify-center h-full bg-white\">\n        <div className=\"text-center p-6\">\n          <div className=\"mb-4 text-gray-700\">\n            {t(\"selfie.confirmation.loading\", \"Traitement de votre selfie...\")}\n          </div>\n          <div className=\"w-12 h-12 border-4 border-[#11E5C5] border-t-transparent rounded-full animate-spin mx-auto\"></div>\n        </div>\n      </div>\n    );\n  }\n\n  if (error) {\n    return (\n      <div className=\"flex flex-col items-center justify-center h-full bg-white\">\n        <div className=\"text-center p-6 max-w-md mx-auto\">\n          <div className=\"w-16 h-16 mx-auto mb-4 text-red-500\">\n            <svg\n              xmlns=\"http://www.w3.org/2000/svg\"\n              viewBox=\"0 0 24 24\"\n              fill=\"none\"\n              stroke=\"currentColor\"\n              strokeWidth=\"2\"\n              strokeLinecap=\"round\"\n              strokeLinejoin=\"round\"\n            >\n              <circle cx=\"12\" cy=\"12\" r=\"10\"></circle>\n              <line x1=\"15\" y1=\"9\" x2=\"9\" y2=\"15\"></line>\n              <line x1=\"9\" y1=\"9\" x2=\"15\" y2=\"15\"></line>\n            </svg>\n          </div>\n          <Title className=\"text-xl mb-2\">{t(\"selfie.confirmation.error_title\", \"Une erreur est survenue\")}</Title>\n          <p className=\"mb-6 text-sm text-gray-600\">{error}</p>\n          <Button variant=\"secondary\" onClick={onRetake} className=\"md:max-w-xs mx-auto\">\n            {t(\"selfie.confirmation.retake\", \"Reprendre le selfie\")}\n          </Button>\n        </div>\n      </div>\n    );\n  }\n\n  if (!imageUrl) {\n    return (\n      <div className=\"flex flex-col items-center justify-center h-full bg-white\">\n        <div className=\"text-center p-6 max-w-md mx-auto\">\n          <div className=\"w-16 h-16 mx-auto mb-4 text-yellow-500\">\n            <svg\n              xmlns=\"http://www.w3.org/2000/svg\"\n              viewBox=\"0 0 24 24\"\n              fill=\"none\"\n              stroke=\"currentColor\"\n              strokeWidth=\"2\"\n              strokeLinecap=\"round\"\n              strokeLinejoin=\"round\"\n            >\n              <circle cx=\"12\" cy=\"12\" r=\"10\"></circle>\n              <line x1=\"12\" y1=\"8\" x2=\"12\" y2=\"12\"></line>\n              <line x1=\"12\" y1=\"16\" x2=\"12.01\" y2=\"16\"></line>\n            </svg>\n          </div>\n          <Title className=\"text-xl mb-2\">{t(\"selfie.confirmation.no_display_title\", \"Impossible d'afficher le selfie\")}</Title>\n          <p className=\"mb-6 text-sm text-gray-600\">{t(\"selfie.confirmation.no_display_desc\", \"Nous n'avons pas pu traiter correctement votre selfie.\")}</p>\n          <Button variant=\"secondary\" onClick={onRetake} className=\"md:max-w-xs mx-auto\">\n            {t(\"selfie.confirmation.retake\", \"Reprendre le selfie\")}\n          </Button>\n        </div>\n      </div>\n    );\n  }\n\n  return (\n    <MobilePageLayout\n      header={\n        <div className=\"p-4 text-center bg-white border-b border-gray-100\">\n          <Title className=\"text-xl md:text-2xl\">{t(\"selfie.confirmation.title\", \"Confirmez votre selfie\")}</Title>\n          <Subtitle className=\"text-xs text-gray-600 mt-2 md:text-sm\">{t(\"selfie.confirmation.subtitle\", \"Vérifiez que votre visage est clairement visible\")}</Subtitle>\n        </div>\n      }\n      footer={\n        <PageActions\n          primary={\n            <Button onClick={onConfirm}>\n              {t(\"selfie.confirmation.confirm\", \"Confirmer\")}\n            </Button>\n          }\n          secondary={\n            <Button variant=\"secondary\" onClick={onRetake}>\n              {t(\"selfie.confirmation.retake\", \"Reprendre le selfie\")}\n            </Button>\n          }\n        />\n      }\n      className=\"bg-white\"\n    >\n      <div className=\"px-4 py-6 md:px-8 md:py-8\">\n        <div className=\"w-full max-w-md mx-auto space-y-6\">\n          {/* Selfie display with frame */}\n          <div className=\"w-full bg-white rounded-lg shadow-md\">\n            <div className=\"relative rounded-lg border-2 border-[#11E5C5] flex items-center justify-center bg-white\">\n              <img\n                src={imageUrl}\n                alt=\"Selfie capturé\"\n                className=\"w-full h-auto object-contain rounded-lg\"\n                style={{ maxHeight: \"50vh\" }}\n                onError={() => {\n                  setError(\"Impossible d'afficher l'image du selfie\");\n                }}\n              />\n              {/* Overlay pour améliorer la lisibilité */}\n              <div className=\"absolute bottom-0 left-0 right-0 bg-gradient-to-t from-black/30 to-transparent p-3\">\n                <p className=\"text-white text-xs text-center\">{t(\"selfie.confirmation.overlay_success\", \"Selfie capturé avec succès\")}</p>\n              </div>\n            </div>\n          </div>\n\n          {/* Checklist de confirmation */}\n          <div className=\"bg-gray-50 p-4 rounded-lg\">\n            <h3 className=\"font-medium text-sm mb-3\">{t(\"selfie.confirmation.checklist_title\", \"Vérifiez que :\")}</h3>\n            <ul className=\"space-y-2 text-xs text-gray-700\">\n              <li className=\"flex items-start\">\n                <svg\n                  className=\"w-4 h-4 text-green-500 mr-2 mt-0.5\"\n                  fill=\"none\"\n                  stroke=\"currentColor\"\n                  viewBox=\"0 0 24 24\"\n                  xmlns=\"http://www.w3.org/2000/svg\"\n                >\n                  <path\n                    strokeLinecap=\"round\"\n                    strokeLinejoin=\"round\"\n                    strokeWidth=\"2\"\n                    d=\"M5 13l4 4L19 7\"\n                  ></path>\n                </svg>\n                {t(\"selfie.confirmation.check_visible\", \"Votre visage est bien visible et occupe la majeure partie de l'image\")}\n              </li>\n              <li className=\"flex items-start\">\n                <svg\n                  className=\"w-4 h-4 text-green-500 mr-2 mt-0.5\"\n                  fill=\"none\"\n                  stroke=\"currentColor\"\n                  viewBox=\"0 0 24 24\"\n                  xmlns=\"http://www.w3.org/2000/svg\"\n                >\n                  <path\n                    strokeLinecap=\"round\"\n                    strokeLinejoin=\"round\"\n                    strokeWidth=\"2\"\n                    d=\"M5 13l4 4L19 7\"\n                  ></path>\n                </svg>\n                {t(\"selfie.confirmation.check_well_lit\", \"L'image est nette et bien éclairée\")}\n              </li>\n              <li className=\"flex items-start\">\n                <svg\n                  className=\"w-4 h-4 text-green-500 mr-2 mt-0.5\"\n                  fill=\"none\"\n                  stroke=\"currentColor\"\n                  viewBox=\"0 0 24 24\"\n                  xmlns=\"http://www.w3.org/2000/svg\"\n                >\n                  <path\n                    strokeLinecap=\"round\"\n                    strokeLinejoin=\"round\"\n                    strokeWidth=\"2\"\n                    d=\"M5 13l4 4L19 7\"\n                  ></path>\n                </svg>\n                {t(\"selfie.confirmation.check_no_object\", \"Aucun objet ne cache votre visage (lunettes de soleil, masque, etc.)\")}\n              </li>\n            </ul>\n          </div>\n\n          {/* Canvas caché utilisé pour le traitement des images */}\n          <canvas ref={canvasRef} style={{ display: \"none\" }} />\n        </div>\n      </div>\n    </MobilePageLayout>\n  );\n};\n\nexport default SelfieConfirmation;\n"],"names":["useI18n","useState","useRef","useEffect","_jsx","_jsxs","Title","Button","MobilePageLayout","Subtitle","PageActions"],"mappings":"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"}

package/dist/cjs/components/selfie/Video.js

@@ -10,7 +10,7 @@ var SelfieFlow = require('./selfie-flow/SelfieFlow.js');
 var VideoResetStyles = require('./VideoResetStyles.js');
 
 var Video = function (_a) {
-    var setSelfieData = _a.setSelfieData, setStep = _a.setStep, onBack = _a.onBack;
+    var setSelfieData = _a.setSelfieData, setStep = _a.setStep, onBack = _a.onBack, btnBg = _a.btnBg, btnText = _a.btnText;
     // Effet pour ajouter la classe au body lorsque le composant est monté
     React.useEffect(function () {
         // Empêcher le scroll sur le body lorsque la capture est active
@@ -32,7 +32,7 @@ var Video = function (_a) {
             setStep(1); // Move to the next step after selfie capture
         }, 300);
     };
-    return (jsxRuntime.jsxs("div", { className: "w-full h-full overflow-hidden flex flex-col", children: [jsxRuntime.jsx(VideoResetStyles.default, {}), jsxRuntime.jsx(SelfieFlow.default, { handleSelfie: handleSelfie, onBack: onBack })] }));
+    return (jsxRuntime.jsxs("div", { className: "w-full h-full overflow-hidden flex flex-col", children: [jsxRuntime.jsx(VideoResetStyles.default, {}), jsxRuntime.jsx(SelfieFlow.default, { handleSelfie: handleSelfie, onBack: onBack, btnBg: btnBg, btnText: btnText })] }));
 };
 
 exports.default = Video;

package/dist/cjs/components/selfie/Video.js.map

@@ -1 +1 @@
-{"version":3,"file":"Video.js","sources":["../../../../../src/components/selfie/Video.tsx"],"sourcesContent":["import { useEffect } from \"react\";\nimport type { SelfieCaptureData } from \"../../types/selfie\";\nimport \"./Video.css\";\nimport \"./VideoFixes.css\";\nimport SelfieFlow from \"./selfie-flow/SelfieFlow\";\nimport VideoResetStyles from \"./VideoResetStyles\";\n\ninterface VideoProps {\n  setSelfieData: (selfieData: SelfieCaptureData) => void;\n  setStep: (step: number) => void;\n  onBack?: () => void;\n}\n\nconst Video = ({ setSelfieData, setStep, onBack }: VideoProps) => {\n  // Effet pour ajouter la classe au body lorsque le composant est monté\n  useEffect(() => {\n    // Empêcher le scroll sur le body lorsque la capture est active\n    document.body.classList.add(\"selfie-active\");\n\n    // Ajouter une classe pour gérer le plein écran sur mobile\n    document.documentElement.classList.add(\"selfie-fullscreen\");\n\n    return () => {\n      // Nettoyer en enlevant les classes lors du démontage\n      document.body.classList.remove(\"selfie-active\");\n      document.documentElement.classList.remove(\"selfie-fullscreen\");\n    };\n  }, []);\n\n  const handleSelfie = (e: Event) => {\n    const data = (e as CustomEvent<SelfieCaptureData>).detail;\n\n    // Attendre un court instant avant de passer à l'écran de confirmation\n    // pour donner le temps à l'utilisateur de voir que la capture est terminée\n    setTimeout(() => {\n      setSelfieData(data);\n      setStep(1); // Move to the next step after selfie capture\n    }, 300);\n  };\n\n  return (\n    <div className=\"w-full h-full overflow-hidden flex flex-col\">\n      <VideoResetStyles />\n      <SelfieFlow handleSelfie={handleSelfie} onBack={onBack} />\n    </div>\n  );\n};\n\nexport default Video;\n"],"names":["useEffect","_jsxs","_jsx","VideoResetStyles","SelfieFlow"],"mappings":";;;;;;;;;;;AAaA,IAAM,KAAK,GAAG,UAAC,EAA8C,EAAA;AAA5C,IAAA,IAAA,aAAa,mBAAA,EAAE,OAAO,GAAA,EAAA,CAAA,OAAA,EAAE,MAAM,GAAA,EAAA,CAAA,MAAA;;AAE7C,IAAAA,eAAS,CAAC,YAAA;;QAER,QAAQ,CAAC,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,eAAe,CAAC;;QAG5C,QAAQ,CAAC,eAAe,CAAC,SAAS,CAAC,GAAG,CAAC,mBAAmB,CAAC;QAE3D,OAAO,YAAA;;YAEL,QAAQ,CAAC,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,eAAe,CAAC;YAC/C,QAAQ,CAAC,eAAe,CAAC,SAAS,CAAC,MAAM,CAAC,mBAAmB,CAAC;AAChE,QAAA,CAAC;IACH,CAAC,EAAE,EAAE,CAAC;IAEN,IAAM,YAAY,GAAG,UAAC,CAAQ,EAAA;AAC5B,QAAA,IAAM,IAAI,GAAI,CAAoC,CAAC,MAAM;;;AAIzD,QAAA,UAAU,CAAC,YAAA;YACT,aAAa,CAAC,IAAI,CAAC;AACnB,YAAA,OAAO,CAAC,CAAC,CAAC,CAAC;QACb,CAAC,EAAE,GAAG,CAAC;AACT,IAAA,CAAC;IAED,QACEC,yBAAK,SAAS,EAAC,6CAA6C,EAAA,QAAA,EAAA,CAC1DC,cAAA,CAACC,wBAAgB,EAAA,EAAA,CAAG,EACpBD,cAAA,CAACE,kBAAU,EAAA,EAAC,YAAY,EAAE,YAAY,EAAE,MAAM,EAAE,MAAM,EAAA,CAAI,CAAA,EAAA,CACtD;AAEV;;;;"}
+{"version":3,"file":"Video.js","sources":["../../../../../src/components/selfie/Video.tsx"],"sourcesContent":["import { useEffect } from \"react\";\nimport type { SelfieCaptureData } from \"../../types/selfie\";\nimport \"./Video.css\";\nimport \"./VideoFixes.css\";\nimport SelfieFlow from \"./selfie-flow/SelfieFlow\";\nimport VideoResetStyles from \"./VideoResetStyles\";\n\ninterface VideoProps {\n  setSelfieData: (selfieData: SelfieCaptureData) => void;\n  setStep: (step: number) => void;\n  onBack?: () => void;\n  btnBg?: string;\n  btnText?: string;\n}\n\nconst Video = ({ setSelfieData, setStep, onBack, btnBg, btnText }: VideoProps) => {\n  // Effet pour ajouter la classe au body lorsque le composant est monté\n  useEffect(() => {\n    // Empêcher le scroll sur le body lorsque la capture est active\n    document.body.classList.add(\"selfie-active\");\n\n    // Ajouter une classe pour gérer le plein écran sur mobile\n    document.documentElement.classList.add(\"selfie-fullscreen\");\n\n    return () => {\n      // Nettoyer en enlevant les classes lors du démontage\n      document.body.classList.remove(\"selfie-active\");\n      document.documentElement.classList.remove(\"selfie-fullscreen\");\n    };\n  }, []);\n\n  const handleSelfie = (e: Event) => {\n    const data = (e as CustomEvent<SelfieCaptureData>).detail;\n\n    // Attendre un court instant avant de passer à l'écran de confirmation\n    // pour donner le temps à l'utilisateur de voir que la capture est terminée\n    setTimeout(() => {\n      setSelfieData(data);\n      setStep(1); // Move to the next step after selfie capture\n    }, 300);\n  };\n\n  return (\n    <div className=\"w-full h-full overflow-hidden flex flex-col\">\n      <VideoResetStyles />\n      <SelfieFlow handleSelfie={handleSelfie} onBack={onBack} btnBg={btnBg} btnText={btnText} />\n    </div>\n  );\n};\n\nexport default Video;\n"],"names":["useEffect","_jsxs","_jsx","VideoResetStyles","SelfieFlow"],"mappings":";;;;;;;;;;;AAeA,IAAM,KAAK,GAAG,UAAC,EAA8D,EAAA;AAA5D,IAAA,IAAA,aAAa,GAAA,EAAA,CAAA,aAAA,EAAE,OAAO,GAAA,EAAA,CAAA,OAAA,EAAE,MAAM,GAAA,EAAA,CAAA,MAAA,EAAE,KAAK,GAAA,EAAA,CAAA,KAAA,EAAE,OAAO,GAAA,EAAA,CAAA,OAAA;;AAE7D,IAAAA,eAAS,CAAC,YAAA;;QAER,QAAQ,CAAC,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,eAAe,CAAC;;QAG5C,QAAQ,CAAC,eAAe,CAAC,SAAS,CAAC,GAAG,CAAC,mBAAmB,CAAC;QAE3D,OAAO,YAAA;;YAEL,QAAQ,CAAC,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,eAAe,CAAC;YAC/C,QAAQ,CAAC,eAAe,CAAC,SAAS,CAAC,MAAM,CAAC,mBAAmB,CAAC;AAChE,QAAA,CAAC;IACH,CAAC,EAAE,EAAE,CAAC;IAEN,IAAM,YAAY,GAAG,UAAC,CAAQ,EAAA;AAC5B,QAAA,IAAM,IAAI,GAAI,CAAoC,CAAC,MAAM;;;AAIzD,QAAA,UAAU,CAAC,YAAA;YACT,aAAa,CAAC,IAAI,CAAC;AACnB,YAAA,OAAO,CAAC,CAAC,CAAC,CAAC;QACb,CAAC,EAAE,GAAG,CAAC;AACT,IAAA,CAAC;AAED,IAAA,QACEC,eAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,6CAA6C,EAAA,QAAA,EAAA,CAC1DC,cAAA,CAACC,wBAAgB,EAAA,EAAA,CAAG,EACpBD,cAAA,CAACE,kBAAU,IAAC,YAAY,EAAE,YAAY,EAAE,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,EAAE,OAAO,EAAE,OAAO,EAAA,CAAI,CAAA,EAAA,CACtF;AAEV;;;;"}

package/dist/cjs/components/selfie/hooks/useVideoRecorderStyles.js

@@ -8,13 +8,13 @@ var React = require('react');
  * Hook personnalisé pour injecter des styles CSS globaux qui ciblent spécifiquement
  * le composant VideoRecorder d'Unissey et éliminent les bords arrondis et les fonds noirs.
  */
-var useVideoRecorderStyles = function () {
+var useVideoRecorderStyles = function (btnBg, btnText) {
     React.useEffect(function () {
         // Créer un élément style pour injecter des règles CSS
         var styleElement = document.createElement("style");
         styleElement.id = "video-recorder-custom-styles";
         // Définir les règles CSS nécessaires pour éliminer les bords arrondis et les fonds noirs
-        styleElement.textContent = "\n      /* Cibler le composant VideoRecorder et tous ses \u00E9l\u00E9ments internes */\n      uni-video-recorder,\n      uni-video-recorder::shadow-root,\n      uni-video-recorder::part(*),\n      uni-video-recorder *,\n      uni-video-recorder video,\n      uni-video-recorder canvas,\n      uni-video-recorder div {\n        border-radius: 0 !important;\n        -webkit-border-radius: 0 !important;\n        -moz-border-radius: 0 !important;\n        background: transparent !important;\n        overflow: hidden !important;\n      }\n      \n      /* Assurer que la vid\u00E9o prend tout l'espace disponible */\n      uni-video-recorder video,\n      uni-video-recorder canvas {\n        width: 100% !important;\n        height: 100% !important;\n        object-fit: cover !important;\n        max-height: none !important;\n      }\n\n      /* iOS-specific fixes for getUserMedia black screen */\n      @supports (-webkit-touch-callout: none) {\n        uni-video-recorder video {\n          -webkit-playsinline: true !important;\n          playsinline: true !important;\n          autoplay: true !important;\n          muted: true !important;\n        }\n      }\n      \n      /* Variables CSS globales que le composant pourrait utiliser */\n      :root {\n        --uni-video-border-radius: 0 !important;\n        --uni-border-radius: 0 !important;\n        --uni-component-border-radius: 0 !important;\n        --uni-video-background: transparent !important;\n        --uni-background: transparent !important;\n      }\n      \n      /* S\u00E9lecteurs tr\u00E8s sp\u00E9cifiques pour garantir que les styles s'appliquent */\n      .video-container,\n      .video-container > div,\n      .video-container > div > uni-video-recorder,\n      .video-container uni-video-recorder,\n      .selfie .video-container,\n      .selfie .video-container > div,\n      .selfie .video-container uni-video-recorder {\n        border-radius: 0 !important;\n        background: transparent !important;\n        overflow: hidden !important;\n      }\n      \n      /* Pr\u00E9server les styles des boutons */\n      .selfie button.selfie-button,\n      button.selfie-button,\n      .selfie-button {\n        background-color: #11E5C5 !important;\n        color: #3C3C40 !important;\n        border-radius: 12px !important;\n      }\n      \n      .selfie button.selfie-button:hover,\n      button.selfie-button:hover,\n      .selfie-button:hover {\n        background-color: #7dffeb !important;\n      }\n      \n      .selfie button.selfie-button:disabled,\n      button.selfie-button:disabled,\n      .selfie-button:disabled {\n        background-color: #e2e8f0 !important;\n        opacity: 0.6 !important;\n      }\n    ";
+        styleElement.textContent = "\n      /* Cibler le composant VideoRecorder et tous ses \u00E9l\u00E9ments internes */\n      uni-video-recorder,\n      uni-video-recorder::shadow-root,\n      uni-video-recorder::part(*),\n      uni-video-recorder *,\n      uni-video-recorder video,\n      uni-video-recorder canvas,\n      uni-video-recorder div {\n        border-radius: 0 !important;\n        -webkit-border-radius: 0 !important;\n        -moz-border-radius: 0 !important;\n        background: transparent !important;\n        overflow: hidden !important;\n      }\n      \n      /* Assurer que la vid\u00E9o prend tout l'espace disponible */\n      uni-video-recorder video,\n      uni-video-recorder canvas {\n        width: 100% !important;\n        height: 100% !important;\n        object-fit: cover !important;\n        max-height: none !important;\n      }\n\n      /* iOS-specific fixes for getUserMedia black screen */\n      @supports (-webkit-touch-callout: none) {\n        uni-video-recorder video {\n          -webkit-playsinline: true !important;\n          playsinline: true !important;\n          autoplay: true !important;\n          muted: true !important;\n        }\n      }\n      \n      /* Variables CSS globales que le composant pourrait utiliser */\n      :root {\n        --uni-video-border-radius: 0 !important;\n        --uni-border-radius: 0 !important;\n        --uni-component-border-radius: 0 !important;\n        --uni-video-background: transparent !important;\n        --uni-background: transparent !important;\n      }\n      \n      /* S\u00E9lecteurs tr\u00E8s sp\u00E9cifiques pour garantir que les styles s'appliquent */\n      .video-container,\n      .video-container > div,\n      .video-container > div > uni-video-recorder,\n      .video-container uni-video-recorder,\n      .selfie .video-container,\n      .selfie .video-container > div,\n      .selfie .video-container uni-video-recorder {\n        border-radius: 0 !important;\n        background: transparent !important;\n        overflow: hidden !important;\n      }\n      \n      /* Pr\u00E9server les styles des boutons */\n      .selfie button.selfie-button,\n      button.selfie-button,\n      .selfie-button {\n        background-color: ".concat(btnBg !== null && btnBg !== void 0 ? btnBg : "#11E5C5", " !important;\n        color: ").concat(btnText !== null && btnText !== void 0 ? btnText : "#3C3C40", " !important;\n        border-radius: 12px !important;\n      }\n\n      .selfie button.selfie-button:hover,\n      button.selfie-button:hover,\n      .selfie-button:hover {\n        background-color: ").concat(btnBg !== null && btnBg !== void 0 ? btnBg : "#11E5C5", " !important;\n        filter: brightness(1.1);\n      }\n\n      .selfie button.selfie-button:disabled,\n      button.selfie-button:disabled,\n      .selfie-button:disabled {\n        background-color: #e2e8f0 !important;\n        opacity: 0.6 !important;\n      }\n    ");
         // Ajouter l'élément style au head du document
         document.head.appendChild(styleElement);
         // Nettoyer en supprimant l'élément style lors du démontage du composant

package/dist/cjs/components/selfie/hooks/useVideoRecorderStyles.js.map

@@ -1 +1 @@
-{"version":3,"file":"useVideoRecorderStyles.js","sources":["../../../../../../src/components/selfie/hooks/useVideoRecorderStyles.tsx"],"sourcesContent":["import { useEffect } from \"react\";\n\n/**\n * Hook personnalisé pour injecter des styles CSS globaux qui ciblent spécifiquement\n * le composant VideoRecorder d'Unissey et éliminent les bords arrondis et les fonds noirs.\n */\nconst useVideoRecorderStyles = () => {\n  useEffect(() => {\n    // Créer un élément style pour injecter des règles CSS\n    const styleElement = document.createElement(\"style\");\n    styleElement.id = \"video-recorder-custom-styles\";\n\n    // Définir les règles CSS nécessaires pour éliminer les bords arrondis et les fonds noirs\n    styleElement.textContent = `\n      /* Cibler le composant VideoRecorder et tous ses éléments internes */\n      uni-video-recorder,\n      uni-video-recorder::shadow-root,\n      uni-video-recorder::part(*),\n      uni-video-recorder *,\n      uni-video-recorder video,\n      uni-video-recorder canvas,\n      uni-video-recorder div {\n        border-radius: 0 !important;\n        -webkit-border-radius: 0 !important;\n        -moz-border-radius: 0 !important;\n        background: transparent !important;\n        overflow: hidden !important;\n      }\n      \n      /* Assurer que la vidéo prend tout l'espace disponible */\n      uni-video-recorder video,\n      uni-video-recorder canvas {\n        width: 100% !important;\n        height: 100% !important;\n        object-fit: cover !important;\n        max-height: none !important;\n      }\n\n      /* iOS-specific fixes for getUserMedia black screen */\n      @supports (-webkit-touch-callout: none) {\n        uni-video-recorder video {\n          -webkit-playsinline: true !important;\n          playsinline: true !important;\n          autoplay: true !important;\n          muted: true !important;\n        }\n      }\n      \n      /* Variables CSS globales que le composant pourrait utiliser */\n      :root {\n        --uni-video-border-radius: 0 !important;\n        --uni-border-radius: 0 !important;\n        --uni-component-border-radius: 0 !important;\n        --uni-video-background: transparent !important;\n        --uni-background: transparent !important;\n      }\n      \n      /* Sélecteurs très spécifiques pour garantir que les styles s'appliquent */\n      .video-container,\n      .video-container > div,\n      .video-container > div > uni-video-recorder,\n      .video-container uni-video-recorder,\n      .selfie .video-container,\n      .selfie .video-container > div,\n      .selfie .video-container uni-video-recorder {\n        border-radius: 0 !important;\n        background: transparent !important;\n        overflow: hidden !important;\n      }\n      \n      /* Préserver les styles des boutons */\n      .selfie button.selfie-button,\n      button.selfie-button,\n      .selfie-button {\n        background-color: #11E5C5 !important;\n        color: #3C3C40 !important;\n        border-radius: 12px !important;\n      }\n      \n      .selfie button.selfie-button:hover,\n      button.selfie-button:hover,\n      .selfie-button:hover {\n        background-color: #7dffeb !important;\n      }\n      \n      .selfie button.selfie-button:disabled,\n      button.selfie-button:disabled,\n      .selfie-button:disabled {\n        background-color: #e2e8f0 !important;\n        opacity: 0.6 !important;\n      }\n    `;\n\n    // Ajouter l'élément style au head du document\n    document.head.appendChild(styleElement);\n\n    // Nettoyer en supprimant l'élément style lors du démontage du composant\n    return () => {\n      const existingStyle = document.getElementById(\n        \"video-recorder-custom-styles\"\n      );\n      if (existingStyle) {\n        document.head.removeChild(existingStyle);\n      }\n    };\n  }, []);\n};\n\nexport default useVideoRecorderStyles;\n"],"names":["useEffect"],"mappings":";;;;;;AAEA;;;AAGG;AACH,IAAM,sBAAsB,GAAG,YAAA;AAC7B,IAAAA,eAAS,CAAC,YAAA;;QAER,IAAM,YAAY,GAAG,QAAQ,CAAC,aAAa,CAAC,OAAO,CAAC;AACpD,QAAA,YAAY,CAAC,EAAE,GAAG,8BAA8B;;AAGhD,QAAA,YAAY,CAAC,WAAW,GAAG,6pFA8E1B;;AAGD,QAAA,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,YAAY,CAAC;;QAGvC,OAAO,YAAA;YACL,IAAM,aAAa,GAAG,QAAQ,CAAC,cAAc,CAC3C,8BAA8B,CAC/B;YACD,IAAI,aAAa,EAAE;AACjB,gBAAA,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,aAAa,CAAC;YAC1C;AACF,QAAA,CAAC;IACH,CAAC,EAAE,EAAE,CAAC;AACR;;;;"}
+{"version":3,"file":"useVideoRecorderStyles.js","sources":["../../../../../../src/components/selfie/hooks/useVideoRecorderStyles.tsx"],"sourcesContent":["import { useEffect } from \"react\";\n\n/**\n * Hook personnalisé pour injecter des styles CSS globaux qui ciblent spécifiquement\n * le composant VideoRecorder d'Unissey et éliminent les bords arrondis et les fonds noirs.\n */\nconst useVideoRecorderStyles = (btnBg?: string, btnText?: string) => {\n  useEffect(() => {\n    // Créer un élément style pour injecter des règles CSS\n    const styleElement = document.createElement(\"style\");\n    styleElement.id = \"video-recorder-custom-styles\";\n\n    // Définir les règles CSS nécessaires pour éliminer les bords arrondis et les fonds noirs\n    styleElement.textContent = `\n      /* Cibler le composant VideoRecorder et tous ses éléments internes */\n      uni-video-recorder,\n      uni-video-recorder::shadow-root,\n      uni-video-recorder::part(*),\n      uni-video-recorder *,\n      uni-video-recorder video,\n      uni-video-recorder canvas,\n      uni-video-recorder div {\n        border-radius: 0 !important;\n        -webkit-border-radius: 0 !important;\n        -moz-border-radius: 0 !important;\n        background: transparent !important;\n        overflow: hidden !important;\n      }\n      \n      /* Assurer que la vidéo prend tout l'espace disponible */\n      uni-video-recorder video,\n      uni-video-recorder canvas {\n        width: 100% !important;\n        height: 100% !important;\n        object-fit: cover !important;\n        max-height: none !important;\n      }\n\n      /* iOS-specific fixes for getUserMedia black screen */\n      @supports (-webkit-touch-callout: none) {\n        uni-video-recorder video {\n          -webkit-playsinline: true !important;\n          playsinline: true !important;\n          autoplay: true !important;\n          muted: true !important;\n        }\n      }\n      \n      /* Variables CSS globales que le composant pourrait utiliser */\n      :root {\n        --uni-video-border-radius: 0 !important;\n        --uni-border-radius: 0 !important;\n        --uni-component-border-radius: 0 !important;\n        --uni-video-background: transparent !important;\n        --uni-background: transparent !important;\n      }\n      \n      /* Sélecteurs très spécifiques pour garantir que les styles s'appliquent */\n      .video-container,\n      .video-container > div,\n      .video-container > div > uni-video-recorder,\n      .video-container uni-video-recorder,\n      .selfie .video-container,\n      .selfie .video-container > div,\n      .selfie .video-container uni-video-recorder {\n        border-radius: 0 !important;\n        background: transparent !important;\n        overflow: hidden !important;\n      }\n      \n      /* Préserver les styles des boutons */\n      .selfie button.selfie-button,\n      button.selfie-button,\n      .selfie-button {\n        background-color: ${btnBg ?? \"#11E5C5\"} !important;\n        color: ${btnText ?? \"#3C3C40\"} !important;\n        border-radius: 12px !important;\n      }\n\n      .selfie button.selfie-button:hover,\n      button.selfie-button:hover,\n      .selfie-button:hover {\n        background-color: ${btnBg ?? \"#11E5C5\"} !important;\n        filter: brightness(1.1);\n      }\n\n      .selfie button.selfie-button:disabled,\n      button.selfie-button:disabled,\n      .selfie-button:disabled {\n        background-color: #e2e8f0 !important;\n        opacity: 0.6 !important;\n      }\n    `;\n\n    // Ajouter l'élément style au head du document\n    document.head.appendChild(styleElement);\n\n    // Nettoyer en supprimant l'élément style lors du démontage du composant\n    return () => {\n      const existingStyle = document.getElementById(\n        \"video-recorder-custom-styles\"\n      );\n      if (existingStyle) {\n        document.head.removeChild(existingStyle);\n      }\n    };\n  }, []);\n};\n\nexport default useVideoRecorderStyles;\n"],"names":["useEffect"],"mappings":";;;;;;AAEA;;;AAGG;AACH,IAAM,sBAAsB,GAAG,UAAC,KAAc,EAAE,OAAgB,EAAA;AAC9D,IAAAA,eAAS,CAAC,YAAA;;QAER,IAAM,YAAY,GAAG,QAAQ,CAAC,aAAa,CAAC,OAAO,CAAC;AACpD,QAAA,YAAY,CAAC,EAAE,GAAG,8BAA8B;;AAGhD,QAAA,YAAY,CAAC,WAAW,GAAG,2qEAAA,CAAA,MAAA,CA6DH,KAAK,KAAA,IAAA,IAAL,KAAK,KAAA,MAAA,GAAL,KAAK,GAAI,SAAS,EAAA,+BAAA,CAAA,CAAA,MAAA,CAC7B,OAAO,KAAA,IAAA,IAAP,OAAO,KAAA,MAAA,GAAP,OAAO,GAAI,SAAS,EAAA,0MAAA,CAAA,CAAA,MAAA,CAOT,KAAK,KAAA,IAAA,IAAL,KAAK,KAAA,MAAA,GAAL,KAAK,GAAI,SAAS,EAAA,gRAAA,CAUzC;;AAGD,QAAA,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,YAAY,CAAC;;QAGvC,OAAO,YAAA;YACL,IAAM,aAAa,GAAG,QAAQ,CAAC,cAAc,CAC3C,8BAA8B,CAC/B;YACD,IAAI,aAAa,EAAE;AACjB,gBAAA,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,aAAa,CAAC;YAC1C;AACF,QAAA,CAAC;IACH,CAAC,EAAE,EAAE,CAAC;AACR;;;;"}

package/dist/cjs/components/selfie/selfie-flow/SelfieFlow.js

@@ -9,8 +9,9 @@ var InstructionsSelfie = require('./InstructionsSelfie.js');
 var SelfieRecorder = require('./SelfieRecorder.js');
 
 var SelfieFlow = function (_a) {
-    var handleSelfie = _a.handleSelfie, onBack = _a.onBack;
-    var _b = React.useState(-1), internalStep = _b[0], setInternalStep = _b[1]; // Commencer à -1 pour la pré-introduction
+    var _b;
+    var handleSelfie = _a.handleSelfie, onBack = _a.onBack, btnBg = _a.btnBg, btnText = _a.btnText;
+    var _c = React.useState(-1), internalStep = _c[0], setInternalStep = _c[1]; // Commencer à -1 pour la pré-introduction
     var handleBack = function () {
         if (internalStep > -1) {
             setInternalStep(internalStep - 1);
@@ -20,7 +21,10 @@ var SelfieFlow = function (_a) {
             onBack();
         }
     };
-    return (jsxRuntime.jsxs("div", { className: "h-full w-full flex flex-col", children: [internalStep === -1 && (jsxRuntime.jsx("div", { className: "flex-1 flex flex-col h-full", children: jsxRuntime.jsx(SelfiePreIntroduction.default, { onContinue: function () { return setInternalStep(0); }, onBack: handleBack }) })), internalStep === 0 && (jsxRuntime.jsx("div", { className: "flex-1 flex flex-col h-full", children: jsxRuntime.jsx(InstructionsSelfie.default, { setStep: setInternalStep, onBack: function () { return setInternalStep(-1); } }) })), internalStep === 1 && (jsxRuntime.jsx("div", { className: "flex-1 flex flex-col h-full overflow-hidden", children: jsxRuntime.jsx(SelfieRecorder.default, { handleSelfie: handleSelfie }) }))] }));
+    return (jsxRuntime.jsxs("div", { className: "h-full w-full flex flex-col", style: (_b = {},
+            _b["--dk-btn-bg"] = btnBg !== null && btnBg !== void 0 ? btnBg : "#11E5C5",
+            _b["--dk-btn-text"] = btnText !== null && btnText !== void 0 ? btnText : "#3C3C40",
+            _b), children: [internalStep === -1 && (jsxRuntime.jsx("div", { className: "flex-1 flex flex-col h-full", children: jsxRuntime.jsx(SelfiePreIntroduction.default, { onContinue: function () { return setInternalStep(0); }, onBack: handleBack }) })), internalStep === 0 && (jsxRuntime.jsx("div", { className: "flex-1 flex flex-col h-full", children: jsxRuntime.jsx(InstructionsSelfie.default, { setStep: setInternalStep, onBack: function () { return setInternalStep(-1); } }) })), internalStep === 1 && (jsxRuntime.jsx("div", { className: "flex-1 flex flex-col h-full overflow-hidden", children: jsxRuntime.jsx(SelfieRecorder.default, { handleSelfie: handleSelfie, btnBg: btnBg, btnText: btnText }) }))] }));
 };
 
 exports.default = SelfieFlow;

package/dist/cjs/components/selfie/selfie-flow/SelfieFlow.js.map

@@ -1 +1 @@
-{"version":3,"file":"SelfieFlow.js","sources":["../../../../../../src/components/selfie/selfie-flow/SelfieFlow.tsx"],"sourcesContent":["import { useState } from \"react\";\nimport SelfiePreIntroduction from \"./SelfiePreIntroduction\";\nimport InstructionsSelfie from \"./InstructionsSelfie\";\nimport SelfieRecorder from \"./SelfieRecorder\";\n\ninterface SelfieFlowProps {\n  handleSelfie: (e: Event) => void;\n  onBack?: () => void;\n}\n\nconst SelfieFlow = ({ handleSelfie, onBack }: SelfieFlowProps) => {\n  const [internalStep, setInternalStep] = useState(-1); // Commencer à -1 pour la pré-introduction\n\n  const handleBack = () => {\n    if (internalStep > -1) {\n      setInternalStep(internalStep - 1);\n    } else if (internalStep === -1 && onBack) {\n      // Si on est à la première étape et qu'on a une fonction de retour parent, l'utiliser\n      onBack();\n    }\n  };\n\n  return (\n    <div className=\"h-full w-full flex flex-col\">\n      {internalStep === -1 && (\n        <div className=\"flex-1 flex flex-col h-full\">\n          <SelfiePreIntroduction\n            onContinue={() => setInternalStep(0)}\n            onBack={handleBack}\n          />\n        </div>\n      )}\n      {internalStep === 0 && (\n        <div className=\"flex-1 flex flex-col h-full\">\n          <InstructionsSelfie\n            setStep={setInternalStep}\n            onBack={() => setInternalStep(-1)}\n          />\n        </div>\n      )}\n      {internalStep === 1 && (\n        <div className=\"flex-1 flex flex-col h-full overflow-hidden\">\n          <SelfieRecorder handleSelfie={handleSelfie} />\n        </div>\n      )}\n    </div>\n  );\n};\n\nexport default SelfieFlow;\n"],"names":["useState","_jsxs","_jsx","SelfiePreIntroduction","InstructionsSelfie","SelfieRecorder"],"mappings":";;;;;;;;;;AAUA,IAAM,UAAU,GAAG,UAAC,EAAyC,EAAA;QAAvC,YAAY,GAAA,EAAA,CAAA,YAAA,EAAE,MAAM,GAAA,EAAA,CAAA,MAAA;AAClC,IAAA,IAAA,EAAA,GAAkCA,cAAQ,CAAC,EAAE,CAAC,EAA7C,YAAY,GAAA,EAAA,CAAA,CAAA,CAAA,EAAE,eAAe,GAAA,EAAA,CAAA,CAAA,CAAgB,CAAC;AAErD,IAAA,IAAM,UAAU,GAAG,YAAA;AACjB,QAAA,IAAI,YAAY,GAAG,EAAE,EAAE;AACrB,YAAA,eAAe,CAAC,YAAY,GAAG,CAAC,CAAC;QACnC;AAAO,aAAA,IAAI,YAAY,KAAK,EAAE,IAAI,MAAM,EAAE;;AAExC,YAAA,MAAM,EAAE;QACV;AACF,IAAA,CAAC;AAED,IAAA,QACEC,eAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,6BAA6B,EAAA,QAAA,EAAA,CACzC,YAAY,KAAK,EAAE,KAClBC,wBAAK,SAAS,EAAC,6BAA6B,EAAA,QAAA,EAC1CA,cAAA,CAACC,6BAAqB,EAAA,EACpB,UAAU,EAAE,YAAA,EAAM,OAAA,eAAe,CAAC,CAAC,CAAC,CAAA,CAAlB,CAAkB,EACpC,MAAM,EAAE,UAAU,EAAA,CAClB,EAAA,CACE,CACP,EACA,YAAY,KAAK,CAAC,KACjBD,cAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,6BAA6B,EAAA,QAAA,EAC1CA,eAACE,0BAAkB,EAAA,EACjB,OAAO,EAAE,eAAe,EACxB,MAAM,EAAE,cAAM,OAAA,eAAe,CAAC,EAAE,CAAC,CAAA,CAAnB,CAAmB,GACjC,EAAA,CACE,CACP,EACA,YAAY,KAAK,CAAC,KACjBF,wBAAK,SAAS,EAAC,6CAA6C,EAAA,QAAA,EAC1DA,cAAA,CAACG,sBAAc,EAAA,EAAC,YAAY,EAAE,YAAY,EAAA,CAAI,GAC1C,CACP,CAAA,EAAA,CACG;AAEV;;;;"}
+{"version":3,"file":"SelfieFlow.js","sources":["../../../../../../src/components/selfie/selfie-flow/SelfieFlow.tsx"],"sourcesContent":["import { useState } from \"react\";\nimport SelfiePreIntroduction from \"./SelfiePreIntroduction\";\nimport InstructionsSelfie from \"./InstructionsSelfie\";\nimport SelfieRecorder from \"./SelfieRecorder\";\n\ninterface SelfieFlowProps {\n  handleSelfie: (e: Event) => void;\n  onBack?: () => void;\n  btnBg?: string;\n  btnText?: string;\n}\n\nconst SelfieFlow = ({ handleSelfie, onBack, btnBg, btnText }: SelfieFlowProps) => {\n  const [internalStep, setInternalStep] = useState(-1); // Commencer à -1 pour la pré-introduction\n\n  const handleBack = () => {\n    if (internalStep > -1) {\n      setInternalStep(internalStep - 1);\n    } else if (internalStep === -1 && onBack) {\n      // Si on est à la première étape et qu'on a une fonction de retour parent, l'utiliser\n      onBack();\n    }\n  };\n\n  return (\n    <div\n      className=\"h-full w-full flex flex-col\"\n      style={{\n        [\"--dk-btn-bg\" as string]: btnBg ?? \"#11E5C5\",\n        [\"--dk-btn-text\" as string]: btnText ?? \"#3C3C40\",\n      }}\n    >\n      {internalStep === -1 && (\n        <div className=\"flex-1 flex flex-col h-full\">\n          <SelfiePreIntroduction\n            onContinue={() => setInternalStep(0)}\n            onBack={handleBack}\n          />\n        </div>\n      )}\n      {internalStep === 0 && (\n        <div className=\"flex-1 flex flex-col h-full\">\n          <InstructionsSelfie\n            setStep={setInternalStep}\n            onBack={() => setInternalStep(-1)}\n          />\n        </div>\n      )}\n      {internalStep === 1 && (\n        <div className=\"flex-1 flex flex-col h-full overflow-hidden\">\n          <SelfieRecorder handleSelfie={handleSelfie} btnBg={btnBg} btnText={btnText} />\n        </div>\n      )}\n    </div>\n  );\n};\n\nexport default SelfieFlow;\n"],"names":["useState","_jsxs","_jsx","SelfiePreIntroduction","InstructionsSelfie","SelfieRecorder"],"mappings":";;;;;;;;;;AAYA,IAAM,UAAU,GAAG,UAAC,EAAyD,EAAA;;QAAvD,YAAY,GAAA,EAAA,CAAA,YAAA,EAAE,MAAM,GAAA,EAAA,CAAA,MAAA,EAAE,KAAK,GAAA,EAAA,CAAA,KAAA,EAAE,OAAO,GAAA,EAAA,CAAA,OAAA;AAClD,IAAA,IAAA,EAAA,GAAkCA,cAAQ,CAAC,EAAE,CAAC,EAA7C,YAAY,GAAA,EAAA,CAAA,CAAA,CAAA,EAAE,eAAe,GAAA,EAAA,CAAA,CAAA,CAAgB,CAAC;AAErD,IAAA,IAAM,UAAU,GAAG,YAAA;AACjB,QAAA,IAAI,YAAY,GAAG,EAAE,EAAE;AACrB,YAAA,eAAe,CAAC,YAAY,GAAG,CAAC,CAAC;QACnC;AAAO,aAAA,IAAI,YAAY,KAAK,EAAE,IAAI,MAAM,EAAE;;AAExC,YAAA,MAAM,EAAE;QACV;AACF,IAAA,CAAC;AAED,IAAA,QACEC,eAAA,CAAA,KAAA,EAAA,EACE,SAAS,EAAC,6BAA6B,EACvC,KAAK,GAAA,EAAA,GAAA,EAAA;YACH,EAAA,CAAC,aAAuB,IAAG,KAAK,KAAA,IAAA,IAAL,KAAK,KAAA,MAAA,GAAL,KAAK,GAAI,SAAS;YAC7C,EAAA,CAAC,eAAyB,IAAG,OAAO,KAAA,IAAA,IAAP,OAAO,KAAA,MAAA,GAAP,OAAO,GAAI,SAAS;4BAGlD,YAAY,KAAK,EAAE,KAClBC,cAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,6BAA6B,EAAA,QAAA,EAC1CA,eAACC,6BAAqB,EAAA,EACpB,UAAU,EAAE,YAAA,EAAM,OAAA,eAAe,CAAC,CAAC,CAAC,CAAA,CAAlB,CAAkB,EACpC,MAAM,EAAE,UAAU,EAAA,CAClB,GACE,CACP,EACA,YAAY,KAAK,CAAC,KACjBD,cAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,6BAA6B,YAC1CA,cAAA,CAACE,0BAAkB,IACjB,OAAO,EAAE,eAAe,EACxB,MAAM,EAAE,YAAA,EAAM,OAAA,eAAe,CAAC,EAAE,CAAC,CAAA,CAAnB,CAAmB,EAAA,CACjC,EAAA,CACE,CACP,EACA,YAAY,KAAK,CAAC,KACjBF,cAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,6CAA6C,EAAA,QAAA,EAC1DA,eAACG,sBAAc,EAAA,EAAC,YAAY,EAAE,YAAY,EAAE,KAAK,EAAE,KAAK,EAAE,OAAO,EAAE,OAAO,EAAA,CAAI,GAC1E,CACP,CAAA,EAAA,CACG;AAEV;;;;"}

package/dist/cjs/components/selfie/selfie-flow/SelfieProcessing.js

@@ -14,13 +14,8 @@ var sessionMemoryStore = require('../../../services/sessionMemoryStore.js');
 var ButtonDesktop = require('../../ui/ButtonDesktop.js');
 
 var processingSteps = [
-    {
-        key: "analysis",
-    },
-    {
-        key: "face_detection",
-    },
-    { title: "Vérification de sécurité", subtitle: "Contrôle de vivacité" },
+    { key: "analysis" },
+    { key: "face_detection" },
     { key: "liveness" },
     { key: "finalization" },
 ];