datakeen-session-react 1.1.193 → 1.1.194-rc.1

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

@@ -1 +1 @@
-{"version":3,"file":"DocumentProcessing.js","sources":["../../../../../src/components/document-collection/DocumentProcessing.tsx"],"sourcesContent":["import { useEffect, useRef, useState, useMemo, useCallback, memo } from \"react\";\nimport Title from \"../ui/Title\";\nimport Subtitle from \"../ui/Subtitle\";\nimport { useI18n } from \"../../hooks/useI18n\";\nimport {\n  analyzeFiles,\n  type AnalyzeFilesOptions,\n} from \"../../services/analysis\";\nimport { getActiveSessionId } from \"../../services/sessionMemoryStore\";\nimport type { onUploadFiles } from \"../../types/uploadFiles\";\nimport type {\n  DocumentProcessingProps,\n  ProcessingStep,\n  ProcessingResult,\n} from \"./types\";\nimport type { Prediction } from \"../../utils/apiAnalysis\";\nimport { isS3UploadNotConfirmedError } from \"../../utils/analysisErrors\";\n\n// Localized processing steps generator\nconst getProcessingSteps = (t: any): ProcessingStep[] => [\n  {\n    title: t(\n      \"processing.steps.document_reception.title\",\n      \"Réception du document\",\n    ),\n    subtitle: t(\n      \"processing.steps.document_reception.subtitle\",\n      \"Téléchargement et vérification du format\",\n    ),\n    hasError: false,\n  },\n  {\n    title: t(\n      \"processing.steps.quality_analysis.title\",\n      \"Analyse de la qualité\",\n    ),\n    subtitle: t(\n      \"processing.steps.quality_analysis.subtitle\",\n      \"Contrôle de la netteté et de l'éclairage\",\n    ),\n    hasError: false,\n  },\n  {\n    title: t(\n      \"processing.steps.data_extraction.title\",\n      \"Extraction des données\",\n    ),\n    subtitle: t(\n      \"processing.steps.data_extraction.subtitle\",\n      \"Lecture des informations du document\",\n    ),\n    hasError: false,\n  },\n  {\n    title: t(\n      \"processing.steps.final_verification.title\",\n      \"Vérification finale\",\n    ),\n    subtitle: t(\n      \"processing.steps.final_verification.subtitle\",\n      \"Validation des données extraites\",\n    ),\n    hasError: false,\n  },\n];\n\nconst DocumentProcessing = memo(\n  ({\n    onProcessingComplete,\n    documentType,\n    documentTypeLabel,\n    nodeId,\n    fileUploaded,\n    documentTypeId,\n    retryCount = 0,\n    config,\n    customAnalysisFunction,\n  }: DocumentProcessingProps) => {\n    const inferRequiresTwoSides = useCallback(\n      (type?: string): boolean | undefined => {\n        if (!type) {\n          return undefined;\n        }\n\n        const normalized = type.trim().toLowerCase();\n        if (!normalized) {\n          return undefined;\n        }\n\n        if (normalized.includes(\"passport\")) {\n          return false;\n        }\n\n        if (\n          normalized.includes(\"idcard\") ||\n          normalized.includes(\"identity\") ||\n          normalized.includes(\"driver\") ||\n          normalized.includes(\"licenc\") ||\n          normalized.includes(\"residence\")\n        ) {\n          return true;\n        }\n\n        return undefined;\n      },\n      [],\n    );\n\n    const { t, translateDocumentType } = useI18n();\n\n    const [isProcessing, setIsProcessing] = useState(false);\n    const [currentStep, setCurrentStep] = useState(0);\n    const [processingSteps, setProcessingSteps] = useState<ProcessingStep[]>(\n      () => config?.steps || getProcessingSteps(t),\n    );\n    const [isComplete, setIsComplete] = useState(false);\n    const [analysisResult, setAnalysisResult] =\n      useState<ProcessingResult | null>(null);\n\n    const processingStartedRef = useRef(false);\n    const processedFilesRef = useRef<string | null>(null);\n\n    // Create stable key for uploaded files\n    const filesKey = useMemo(() => {\n      if (!fileUploaded) return null;\n\n      // Handle onUploadFiles structure\n      return `${fileUploaded.front?.substring(0, 50) || \"no-front\"}-${\n        fileUploaded.back?.substring(0, 50) || \"no-back\"\n      }`;\n    }, [fileUploaded]);\n\n    // Stable callback for completion\n    const stableOnProcessingComplete = useCallback(\n      (\n        success: boolean,\n        retryCount?: number,\n        analysisData?: Prediction[] | null,\n        blockContinue?: boolean,\n      ) => {\n        console.log(\"[DocumentProcessing] Stable callback for completion:\", success, retryCount);\n        if (blockContinue === true) {\n          onProcessingComplete(success, retryCount, analysisData, true);\n        } else {\n          onProcessingComplete(success, retryCount, analysisData);\n        }\n      },\n      [onProcessingComplete],\n    );\n\n    // Default analysis function\n    const defaultAnalysisFunction = useCallback(\n      async (\n        sessionId: string,\n        files: onUploadFiles,\n        docTypeId: string,\n        options?: AnalyzeFilesOptions,\n      ): Promise<ProcessingResult> => {\n        const response = await analyzeFiles(\n          sessionId,\n          nodeId,\n          files,\n          docTypeId,\n          {\n            ...options,\n            save: options?.save ?? false, // don't save to session yet\n            incrementAnalysis: options?.incrementAnalysis ?? false, // don't auto-progress session\n          },\n        );\n\n        // When polling is enabled, response is AnalysisStatusResponse\n        // which has code, codeName, codeDescription directly on the object\n        const extractedCode = response?.code || String(response?.status);\n        const codeName = response?.codeName;\n        const codeDescription = response?.codeDescription;\n\n        // Construct predictions array from the response\n        const predictions = [];\n        if (extractedCode && codeName) {\n          predictions.push({\n            code: extractedCode,\n            codeName: codeName,\n            codeDescription: codeDescription || \"\",\n            type: \"document\", // default type\n          });\n        }\n\n        // Determine success based on code\n        // Code 8.x (specimen) is blocking — treated as failure\n        const isSuccess = [\"1.\", \"4.\", \"5.\", \"6.\", \"9.\"].some((prefix) =>\n          extractedCode.startsWith(prefix),\n        );\n\n        return {\n          success: isSuccess,\n          code: extractedCode,\n          data: response,\n          predictions: predictions,\n        };\n      },\n      [nodeId],\n    );\n\n    // Main processing effect\n    useEffect(() => {\n      // Prevent multiple calls\n      if (\n        !fileUploaded ||\n        !filesKey ||\n        isProcessing ||\n        processingStartedRef.current\n      ) {\n        return;\n      }\n\n      const sessionId = getActiveSessionId();\n      if (!sessionId) {\n        stableOnProcessingComplete(false);\n        return;\n      }\n\n      // Check if we already processed these same files\n      if (processedFilesRef.current === filesKey) {\n        return;\n      }\n\n      const processFiles = async () => {\n        try {\n          // Mark processing start\n          setIsProcessing(true);\n          processingStartedRef.current = true;\n          processedFilesRef.current = filesKey;\n\n          // Animate through steps with real API call at the end\n          for (let i = 0; i < processingSteps.length; i++) {\n            setCurrentStep(i);\n\n            if (i < processingSteps.length - 1) {\n              // Delay between steps (except last one)\n              await new Promise((resolve) => setTimeout(resolve, 800));\n            } else {\n              // Last step: real API call\n              const analysisFunction =\n                customAnalysisFunction || defaultAnalysisFunction;\n              const inferredTwoSides = inferRequiresTwoSides(\n                typeof config?.documentType === \"string\"\n                  ? config.documentType\n                  : documentType,\n              );\n\n              const analysisOptions: AnalyzeFilesOptions = {\n                documentTypeKey: documentType,\n                requiresTwoSides:\n                  typeof inferredTwoSides === \"boolean\"\n                    ? inferredTwoSides\n                    : Boolean(fileUploaded.back),\n              };\n\n              const result = await analysisFunction(\n                sessionId,\n                fileUploaded,\n                documentTypeId,\n                analysisOptions,\n              );\n\n              setAnalysisResult(result);\n\n              // Mark current step according to result\n              setProcessingSteps((prev) =>\n                prev.map((step, index) =>\n                  index === i ? { ...step, hasError: !result.success } : step,\n                ),\n              );\n\n              // Small delay to see result\n              await new Promise((resolve) => setTimeout(resolve, 500));\n            }\n          }\n\n          setCurrentStep(processingSteps.length);\n          setIsComplete(true);\n        } catch (error) {\n          console.error(\"Processing error:\", error);\n\n          // Mark current step as error\n          setProcessingSteps((prev) =>\n            prev.map((step, index) =>\n              index === currentStep ? { ...step, hasError: true } : step,\n            ),\n          );\n\n          const isUploadNotConfirmed = isS3UploadNotConfirmedError(error);\n          setAnalysisResult({\n            success: false,\n            data: null,\n            canRetry: isUploadNotConfirmed,\n            blockContinue: isUploadNotConfirmed,\n          });\n          setIsComplete(true);\n        } finally {\n          setIsProcessing(false);\n        }\n      };\n\n      processFiles();\n    }, [\n      fileUploaded,\n      filesKey,\n      documentTypeId,\n      documentType,\n      config?.documentType,\n      isProcessing,\n      stableOnProcessingComplete,\n      processingSteps.length,\n      currentStep,\n      customAnalysisFunction,\n      defaultAnalysisFunction,\n      inferRequiresTwoSides,\n    ]);\n\n    // Auto-complete when analysis is done\n    useEffect(() => {\n      if (isComplete && analysisResult) {\n        setTimeout(() => {\n          stableOnProcessingComplete(\n            analysisResult.success,\n            retryCount,\n            analysisResult.predictions || null,\n            analysisResult.blockContinue,\n          );\n        }, 1000);\n      }\n    }, [isComplete, analysisResult, stableOnProcessingComplete, retryCount]);\n\n    return (\n      <div className=\"flex flex-col justify-between h-full w-full\">\n        {/* Main content area */}\n        <div className=\"flex-1 px-4 py-6 pt-11 md:px-8 md:py-8\">\n          <div className=\"w-full max-w-md mx-auto space-y-6\">\n            {/* Header */}\n            <div className=\"text-center space-y-4\">\n              <Title className=\"text-xl md:text-2xl lg:text-3xl\">\n                {config?.processingTitle ||\n                  t(\"processing.title\", \"Analyse en cours\")}\n              </Title>\n              <Subtitle className=\"text-sm text-gray-600 leading-relaxed\">\n                {config?.processingSubtitle ||\n                  t(\"processing.subtitle\", {\n                    documentType: t(\n                      \"documentTypes.\" + documentType,\n                      \"document\",\n                    ),\n                    defaultValue: `Nous analysons votre ${t(\"documentTypes.\" + documentType, \"document\")}. Cela peut prendre quelques instants.`,\n                  })}\n              </Subtitle>\n            </div>\n\n            {/* Processing steps with status indicators */}\n            <div className=\"w-full flex justify-center\">\n              <div className=\"space-y-5\">\n                {processingSteps.map((step, index: number) => (\n                  <div key={index} className=\"flex items-start\">\n                    {/* Status indicator */}\n                    <div className=\"mr-4 mt-1 flex-shrink-0\">\n                      {index < currentStep ? (\n                        step.hasError ? (\n                          // Error indicator - Red X\n                          <div className=\"flex items-center justify-center w-6 h-6 rounded-full bg-red-500 text-white text-xs\">\n                            ✕\n                          </div>\n                        ) : (\n                          // Success indicator - Green checkmark\n                          <div className=\"flex items-center justify-center w-6 h-6 rounded-full bg-[#11E5C5] text-white text-xs\">\n                            ✓\n                          </div>\n                        )\n                      ) : index === currentStep ? (\n                        // Loading spinner only for the current step\n                        <div className=\"w-6 h-6 rounded-full border-2 border-t-[#11E5C5] border-r-[#11E5C5] border-b-[#11E5C5] border-l-transparent animate-spin\"></div>\n                      ) : (\n                        // Empty circle for future steps\n                        <div className=\"w-6 h-6 rounded-full border-2 border-gray-300\"></div>\n                      )}\n                    </div>\n\n                    {/* Step content */}\n                    <div className=\"flex-1 min-w-0\">\n                      <p className=\"font-medium text-[#3C3C40] text-sm\">\n                        {step.title}\n                      </p>\n                      <p className=\"text-xs text-gray-500 mt-1\">\n                        {step.subtitle}\n                      </p>\n                    </div>\n                  </div>\n                ))}\n              </div>\n            </div>\n          </div>\n        </div>\n      </div>\n    );\n  },\n);\n\nDocumentProcessing.displayName = \"DocumentProcessing\";\n\nexport default DocumentProcessing;\nexport type { DocumentProcessingProps };\n"],"names":["_jsx","_jsxs"],"mappings":"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"}
+{"version":3,"file":"DocumentProcessing.js","sources":["../../../../../src/components/document-collection/DocumentProcessing.tsx"],"sourcesContent":["import { useEffect, useRef, useState, useMemo, useCallback, memo } from \"react\";\nimport Title from \"../ui/Title\";\nimport Subtitle from \"../ui/Subtitle\";\nimport { useI18n } from \"../../hooks/useI18n\";\nimport {\n  analyzeFiles,\n  type AnalyzeFilesOptions,\n} from \"../../services/analysis\";\nimport { getActiveSessionId } from \"../../services/sessionMemoryStore\";\nimport type { onUploadFiles } from \"../../types/uploadFiles\";\nimport type {\n  DocumentProcessingProps,\n  ProcessingStep,\n  ProcessingResult,\n} from \"./types\";\nimport type { Prediction } from \"../../utils/apiAnalysis\";\nimport {\n  isS3UploadNotConfirmedError,\n  isQuotaExceededError,\n  QUOTA_EXCEEDED_CODE,\n} from \"../../utils/analysisErrors\";\n\n// Localized processing steps generator\nconst getProcessingSteps = (t: any): ProcessingStep[] => [\n  {\n    title: t(\n      \"processing.steps.document_reception.title\",\n      \"Réception du document\",\n    ),\n    subtitle: t(\n      \"processing.steps.document_reception.subtitle\",\n      \"Téléchargement et vérification du format\",\n    ),\n    hasError: false,\n  },\n  {\n    title: t(\n      \"processing.steps.quality_analysis.title\",\n      \"Analyse de la qualité\",\n    ),\n    subtitle: t(\n      \"processing.steps.quality_analysis.subtitle\",\n      \"Contrôle de la netteté et de l'éclairage\",\n    ),\n    hasError: false,\n  },\n  {\n    title: t(\n      \"processing.steps.data_extraction.title\",\n      \"Extraction des données\",\n    ),\n    subtitle: t(\n      \"processing.steps.data_extraction.subtitle\",\n      \"Lecture des informations du document\",\n    ),\n    hasError: false,\n  },\n  {\n    title: t(\n      \"processing.steps.final_verification.title\",\n      \"Vérification finale\",\n    ),\n    subtitle: t(\n      \"processing.steps.final_verification.subtitle\",\n      \"Validation des données extraites\",\n    ),\n    hasError: false,\n  },\n];\n\nconst DocumentProcessing = memo(\n  ({\n    onProcessingComplete,\n    documentType,\n    documentTypeLabel,\n    nodeId,\n    fileUploaded,\n    documentTypeId,\n    retryCount = 0,\n    config,\n    customAnalysisFunction,\n  }: DocumentProcessingProps) => {\n    const inferRequiresTwoSides = useCallback(\n      (type?: string): boolean | undefined => {\n        if (!type) {\n          return undefined;\n        }\n\n        const normalized = type.trim().toLowerCase();\n        if (!normalized) {\n          return undefined;\n        }\n\n        if (normalized.includes(\"passport\")) {\n          return false;\n        }\n\n        if (\n          normalized.includes(\"idcard\") ||\n          normalized.includes(\"identity\") ||\n          normalized.includes(\"driver\") ||\n          normalized.includes(\"licenc\") ||\n          normalized.includes(\"residence\")\n        ) {\n          return true;\n        }\n\n        return undefined;\n      },\n      [],\n    );\n\n    const { t, translateDocumentType } = useI18n();\n\n    const [isProcessing, setIsProcessing] = useState(false);\n    const [currentStep, setCurrentStep] = useState(0);\n    const [processingSteps, setProcessingSteps] = useState<ProcessingStep[]>(\n      () => config?.steps || getProcessingSteps(t),\n    );\n    const [isComplete, setIsComplete] = useState(false);\n    const [analysisResult, setAnalysisResult] =\n      useState<ProcessingResult | null>(null);\n\n    const processingStartedRef = useRef(false);\n    const processedFilesRef = useRef<string | null>(null);\n\n    // Create stable key for uploaded files\n    const filesKey = useMemo(() => {\n      if (!fileUploaded) return null;\n\n      // Handle onUploadFiles structure\n      return `${fileUploaded.front?.substring(0, 50) || \"no-front\"}-${\n        fileUploaded.back?.substring(0, 50) || \"no-back\"\n      }`;\n    }, [fileUploaded]);\n\n    // Stable callback for completion\n    const stableOnProcessingComplete = useCallback(\n      (\n        success: boolean,\n        retryCount?: number,\n        analysisData?: Prediction[] | null,\n        blockContinue?: boolean,\n      ) => {\n        console.log(\"[DocumentProcessing] Stable callback for completion:\", success, retryCount);\n        if (blockContinue === true) {\n          onProcessingComplete(success, retryCount, analysisData, true);\n        } else {\n          onProcessingComplete(success, retryCount, analysisData);\n        }\n      },\n      [onProcessingComplete],\n    );\n\n    // Default analysis function\n    const defaultAnalysisFunction = useCallback(\n      async (\n        sessionId: string,\n        files: onUploadFiles,\n        docTypeId: string,\n        options?: AnalyzeFilesOptions,\n      ): Promise<ProcessingResult> => {\n        const response = await analyzeFiles(\n          sessionId,\n          nodeId,\n          files,\n          docTypeId,\n          {\n            ...options,\n            save: options?.save ?? false, // don't save to session yet\n            incrementAnalysis: options?.incrementAnalysis ?? false, // don't auto-progress session\n          },\n        );\n\n        // When polling is enabled, response is AnalysisStatusResponse\n        // which has code, codeName, codeDescription directly on the object\n        const extractedCode = response?.code || String(response?.status);\n        const codeName = response?.codeName;\n        const codeDescription = response?.codeDescription;\n\n        // Construct predictions array from the response\n        const predictions = [];\n        if (extractedCode && codeName) {\n          predictions.push({\n            code: extractedCode,\n            codeName: codeName,\n            codeDescription: codeDescription || \"\",\n            type: \"document\", // default type\n          });\n        }\n\n        // Determine success based on code\n        // Code 8.x (specimen) is blocking — treated as failure\n        const isSuccess = [\"1.\", \"4.\", \"5.\", \"6.\", \"9.\"].some((prefix) =>\n          extractedCode.startsWith(prefix),\n        );\n\n        return {\n          success: isSuccess,\n          code: extractedCode,\n          data: response,\n          predictions: predictions,\n        };\n      },\n      [nodeId],\n    );\n\n    // Main processing effect\n    useEffect(() => {\n      // Prevent multiple calls\n      if (\n        !fileUploaded ||\n        !filesKey ||\n        isProcessing ||\n        processingStartedRef.current\n      ) {\n        return;\n      }\n\n      const sessionId = getActiveSessionId();\n      if (!sessionId) {\n        stableOnProcessingComplete(false);\n        return;\n      }\n\n      // Check if we already processed these same files\n      if (processedFilesRef.current === filesKey) {\n        return;\n      }\n\n      const processFiles = async () => {\n        try {\n          // Mark processing start\n          setIsProcessing(true);\n          processingStartedRef.current = true;\n          processedFilesRef.current = filesKey;\n\n          // Animate through steps with real API call at the end\n          for (let i = 0; i < processingSteps.length; i++) {\n            setCurrentStep(i);\n\n            if (i < processingSteps.length - 1) {\n              // Delay between steps (except last one)\n              await new Promise((resolve) => setTimeout(resolve, 800));\n            } else {\n              // Last step: real API call\n              const analysisFunction =\n                customAnalysisFunction || defaultAnalysisFunction;\n              const inferredTwoSides = inferRequiresTwoSides(\n                typeof config?.documentType === \"string\"\n                  ? config.documentType\n                  : documentType,\n              );\n\n              const analysisOptions: AnalyzeFilesOptions = {\n                documentTypeKey: documentType,\n                requiresTwoSides:\n                  typeof inferredTwoSides === \"boolean\"\n                    ? inferredTwoSides\n                    : Boolean(fileUploaded.back),\n              };\n\n              const result = await analysisFunction(\n                sessionId,\n                fileUploaded,\n                documentTypeId,\n                analysisOptions,\n              );\n\n              setAnalysisResult(result);\n\n              // Mark current step according to result\n              setProcessingSteps((prev) =>\n                prev.map((step, index) =>\n                  index === i ? { ...step, hasError: !result.success } : step,\n                ),\n              );\n\n              // Small delay to see result\n              await new Promise((resolve) => setTimeout(resolve, 500));\n            }\n          }\n\n          setCurrentStep(processingSteps.length);\n          setIsComplete(true);\n        } catch (error) {\n          console.error(\"Processing error:\", error);\n\n          // Mark current step as error\n          setProcessingSteps((prev) =>\n            prev.map((step, index) =>\n              index === currentStep ? { ...step, hasError: true } : step,\n            ),\n          );\n\n          const isUploadNotConfirmed = isS3UploadNotConfirmedError(error);\n          const isQuotaExceeded = isQuotaExceededError(error);\n          const apiError = error as { code?: string; message?: string };\n          setAnalysisResult({\n            success: false,\n            data: null,\n            // Propage le code/message QUOTA_EXCEEDED pour que DocumentError\n            // puisse afficher un message dédié via `user_guidance.<code>` au\n            // lieu de rester muet sur la cause (limité au cas quota : les\n            // autres erreurs gardent leur comportement existant).\n            predictions: isQuotaExceeded\n              ? [\n                  {\n                    code: QUOTA_EXCEEDED_CODE,\n                    codeName: QUOTA_EXCEEDED_CODE,\n                    codeDescription: apiError?.message || \"\",\n                    type: \"document\",\n                  },\n                ]\n              : undefined,\n            canRetry: isUploadNotConfirmed || isQuotaExceeded,\n            blockContinue: isUploadNotConfirmed,\n          });\n          setIsComplete(true);\n        } finally {\n          setIsProcessing(false);\n        }\n      };\n\n      processFiles();\n    }, [\n      fileUploaded,\n      filesKey,\n      documentTypeId,\n      documentType,\n      config?.documentType,\n      isProcessing,\n      stableOnProcessingComplete,\n      processingSteps.length,\n      currentStep,\n      customAnalysisFunction,\n      defaultAnalysisFunction,\n      inferRequiresTwoSides,\n    ]);\n\n    // Auto-complete when analysis is done\n    useEffect(() => {\n      if (isComplete && analysisResult) {\n        setTimeout(() => {\n          stableOnProcessingComplete(\n            analysisResult.success,\n            retryCount,\n            analysisResult.predictions || null,\n            analysisResult.blockContinue,\n          );\n        }, 1000);\n      }\n    }, [isComplete, analysisResult, stableOnProcessingComplete, retryCount]);\n\n    return (\n      <div className=\"flex flex-col justify-between h-full w-full\">\n        {/* Main content area */}\n        <div className=\"flex-1 px-4 py-6 pt-11 md:px-8 md:py-8\">\n          <div className=\"w-full max-w-md mx-auto space-y-6\">\n            {/* Header */}\n            <div className=\"text-center space-y-4\">\n              <Title className=\"text-xl md:text-2xl lg:text-3xl\">\n                {config?.processingTitle ||\n                  t(\"processing.title\", \"Analyse en cours\")}\n              </Title>\n              <Subtitle className=\"text-sm text-gray-600 leading-relaxed\">\n                {config?.processingSubtitle ||\n                  t(\"processing.subtitle\", {\n                    documentType: t(\n                      \"documentTypes.\" + documentType,\n                      \"document\",\n                    ),\n                    defaultValue: `Nous analysons votre ${t(\"documentTypes.\" + documentType, \"document\")}. Cela peut prendre quelques instants.`,\n                  })}\n              </Subtitle>\n            </div>\n\n            {/* Processing steps with status indicators */}\n            <div className=\"w-full flex justify-center\">\n              <div className=\"space-y-5\">\n                {processingSteps.map((step, index: number) => (\n                  <div key={index} className=\"flex items-start\">\n                    {/* Status indicator */}\n                    <div className=\"mr-4 mt-1 flex-shrink-0\">\n                      {index < currentStep ? (\n                        step.hasError ? (\n                          // Error indicator - Red X\n                          <div className=\"flex items-center justify-center w-6 h-6 rounded-full bg-red-500 text-white text-xs\">\n                            ✕\n                          </div>\n                        ) : (\n                          // Success indicator - Green checkmark\n                          <div className=\"flex items-center justify-center w-6 h-6 rounded-full bg-[#11E5C5] text-white text-xs\">\n                            ✓\n                          </div>\n                        )\n                      ) : index === currentStep ? (\n                        // Loading spinner only for the current step\n                        <div className=\"w-6 h-6 rounded-full border-2 border-t-[#11E5C5] border-r-[#11E5C5] border-b-[#11E5C5] border-l-transparent animate-spin\"></div>\n                      ) : (\n                        // Empty circle for future steps\n                        <div className=\"w-6 h-6 rounded-full border-2 border-gray-300\"></div>\n                      )}\n                    </div>\n\n                    {/* Step content */}\n                    <div className=\"flex-1 min-w-0\">\n                      <p className=\"font-medium text-[#3C3C40] text-sm\">\n                        {step.title}\n                      </p>\n                      <p className=\"text-xs text-gray-500 mt-1\">\n                        {step.subtitle}\n                      </p>\n                    </div>\n                  </div>\n                ))}\n              </div>\n            </div>\n          </div>\n        </div>\n      </div>\n    );\n  },\n);\n\nDocumentProcessing.displayName = \"DocumentProcessing\";\n\nexport default DocumentProcessing;\nexport type { DocumentProcessingProps };\n"],"names":["_jsx","_jsxs"],"mappings":"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"}

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

@@ -19,7 +19,7 @@ var BeforePhoto = function (_a) {
     };
     return (jsx(MobilePageLayout, { footer: jsx(PageActions, { primary: jsx(Button, { onClick: goOnNextStep, children: t("id_check.before.button_ready", "Je suis prêt.e") }), secondary: onBack ? (jsx(Button, { variant: "secondary", onClick: onBack, children: t("buttons.back") })) : undefined }), children: jsx("div", { className: "px-4 py-6 pt-11 md:px-8 md:py-8", children: jsxs("div", { className: "w-full max-w-md mx-auto space-y-6", children: [jsxs("div", { className: "text-center space-y-4", children: [jsx(Title, { className: "text-xl md:text-2xl lg:text-3xl", children: isSingleSided
                                     ? t("id_check.before.title_single_sided", "Tenez votre document face à la caméra")
-                                    : t("id_check.before.title_front", "Tenez le recto de votre document") }), jsx(Subtitle, { className: "text-sm text-gray-600 leading-relaxed", children: t("id_check.before.subtitle_front", "Afin de vérifier votre document, nous allons vous demander de le tenir face à la caméra") })] }), jsx("div", { className: "flex justify-center", children: jsx("img", { src: isSingleSided ? beforePassportIcon : beforePhotoIcon, alt: t("id_check.before.alt_front", "Avant de prendre la photo"), className: "max-w-full h-auto object-contain max-h-[30vh]" }) })] }) }) }));
+                                    : t("id_check.before.title_front", "Recto de votre document") }), jsx(Subtitle, { className: "text-sm text-gray-600 leading-relaxed", children: t("id_check.before.subtitle_front", "Vous pouvez le tenir face à la caméra ou le poser à plat sur une surface stable, comme vous préférez.") })] }), jsx("div", { className: "flex justify-center", children: jsx("img", { src: isSingleSided ? beforePassportIcon : beforePhotoIcon, alt: t("id_check.before.alt_front", "Avant de prendre la photo"), className: "max-w-full h-auto object-contain max-h-[30vh]" }) })] }) }) }));
 };
 
 export { BeforePhoto as default };

package/dist/esm/components/id-check/BeforePhoto.js.map

@@ -1 +1 @@
-{"version":3,"file":"BeforePhoto.js","sources":["../../../../../src/components/id-check/BeforePhoto.tsx"],"sourcesContent":["import { beforePhotoIcon, beforePassportIcon } from \"../../assets\";\nimport Button from \"../ui/Button\";\nimport PageActions from \"../ui/PageActions\";\nimport Subtitle from \"../ui/Subtitle\";\nimport Title from \"../ui/Title\";\nimport MobilePageLayout from \"../ui/MobilePageLayout\";\nimport { useI18n } from \"../../hooks/useI18n\";\n\ninterface BeforePhotoProps {\n  setStep: (step: number) => void;\n  isSingleSided?: boolean;\n  onBack?: () => void;\n}\n\nconst BeforePhoto = ({ setStep, isSingleSided = false, onBack }: BeforePhotoProps) => {\n  const { t } = useI18n();\n\n  const goOnNextStep = () => {\n    setStep(1);\n  };\n\n  return (\n    <MobilePageLayout\n      footer={\n        <PageActions\n          primary={\n            <Button onClick={goOnNextStep}>\n              {t(\"id_check.before.button_ready\", \"Je suis prêt.e\")}\n            </Button>\n          }\n          secondary={\n            onBack ? (\n              <Button variant=\"secondary\" onClick={onBack}>\n                {t(\"buttons.back\")}\n              </Button>\n            ) : undefined\n          }\n        />\n      }\n    >\n      <div className=\"px-4 py-6 pt-11 md:px-8 md:py-8\">\n        <div className=\"w-full max-w-md mx-auto space-y-6\">\n          {/* Header */}\n          <div className=\"text-center space-y-4\">\n            <Title className=\"text-xl md:text-2xl lg:text-3xl\">\n              {isSingleSided\n                ? t(\"id_check.before.title_single_sided\", \"Tenez votre document face à la caméra\")\n                : t(\"id_check.before.title_front\", \"Tenez le recto de votre document\")\n              }\n            </Title>\n            <Subtitle className=\"text-sm text-gray-600 leading-relaxed\">\n              {t(\n                \"id_check.before.subtitle_front\",\n                \"Afin de vérifier votre document, nous allons vous demander de le tenir face à la caméra\"\n              )}\n            </Subtitle>\n          </div>\n\n          {/* Illustration */}\n          <div className=\"flex justify-center\">\n            <img\n              src={isSingleSided ? beforePassportIcon : beforePhotoIcon}\n              alt={t(\"id_check.before.alt_front\", \"Avant de prendre la photo\")}\n              className=\"max-w-full h-auto object-contain max-h-[30vh]\"\n            />\n          </div>\n        </div>\n      </div>\n    </MobilePageLayout>\n  );\n};\n\nexport default BeforePhoto;\n"],"names":["_jsx","_jsxs"],"mappings":";;;;;;;;;;;;;AAcA,IAAM,WAAW,GAAG,UAAC,EAA4D,EAAA;QAA1D,OAAO,GAAA,EAAA,CAAA,OAAA,EAAE,EAAA,GAAA,EAAA,CAAA,aAAqB,EAArB,aAAa,mBAAG,KAAK,GAAA,EAAA,EAAE,MAAM,GAAA,EAAA,CAAA,MAAA;AACnD,IAAA,IAAA,CAAC,GAAK,OAAO,EAAE,EAAd;AAET,IAAA,IAAM,YAAY,GAAG,YAAA;QACnB,OAAO,CAAC,CAAC,CAAC;AACZ,IAAA,CAAC;AAED,IAAA,QACEA,GAAA,CAAC,gBAAgB,EAAA,EACf,MAAM,EACJA,GAAA,CAAC,WAAW,EAAA,EACV,OAAO,EACLA,GAAA,CAAC,MAAM,EAAA,EAAC,OAAO,EAAE,YAAY,EAAA,QAAA,EAC1B,CAAC,CAAC,8BAA8B,EAAE,gBAAgB,CAAC,EAAA,CAC7C,EAEX,SAAS,EACP,MAAM,IACJA,IAAC,MAAM,EAAA,EAAC,OAAO,EAAC,WAAW,EAAC,OAAO,EAAE,MAAM,EAAA,QAAA,EACxC,CAAC,CAAC,cAAc,CAAC,EAAA,CACX,IACP,SAAS,EAAA,CAEf,EAAA,QAAA,EAGJA,aAAK,SAAS,EAAC,iCAAiC,EAAA,QAAA,EAC9CC,cAAK,SAAS,EAAC,mCAAmC,EAAA,QAAA,EAAA,CAEhDA,cAAK,SAAS,EAAC,uBAAuB,EAAA,QAAA,EAAA,CACpCD,IAAC,KAAK,EAAA,EAAC,SAAS,EAAC,iCAAiC,YAC/C;AACC,sCAAE,CAAC,CAAC,oCAAoC,EAAE,uCAAuC;AACjF,sCAAE,CAAC,CAAC,6BAA6B,EAAE,kCAAkC,CAAC,EAAA,CAElE,EACRA,GAAA,CAAC,QAAQ,EAAA,EAAC,SAAS,EAAC,uCAAuC,EAAA,QAAA,EACxD,CAAC,CACA,gCAAgC,EAChC,yFAAyF,CAC1F,EAAA,CACQ,CAAA,EAAA,CACP,EAGNA,GAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,qBAAqB,EAAA,QAAA,EAClCA,GAAA,CAAA,KAAA,EAAA,EACE,GAAG,EAAE,aAAa,GAAG,kBAAkB,GAAG,eAAe,EACzD,GAAG,EAAE,CAAC,CAAC,2BAA2B,EAAE,2BAA2B,CAAC,EAChE,SAAS,EAAC,+CAA+C,EAAA,CACzD,EAAA,CACE,CAAA,EAAA,CACF,EAAA,CACF,EAAA,CACW;AAEvB;;;;"}
+{"version":3,"file":"BeforePhoto.js","sources":["../../../../../src/components/id-check/BeforePhoto.tsx"],"sourcesContent":["import { beforePhotoIcon, beforePassportIcon } from \"../../assets\";\nimport Button from \"../ui/Button\";\nimport PageActions from \"../ui/PageActions\";\nimport Subtitle from \"../ui/Subtitle\";\nimport Title from \"../ui/Title\";\nimport MobilePageLayout from \"../ui/MobilePageLayout\";\nimport { useI18n } from \"../../hooks/useI18n\";\n\ninterface BeforePhotoProps {\n  setStep: (step: number) => void;\n  isSingleSided?: boolean;\n  onBack?: () => void;\n}\n\nconst BeforePhoto = ({ setStep, isSingleSided = false, onBack }: BeforePhotoProps) => {\n  const { t } = useI18n();\n\n  const goOnNextStep = () => {\n    setStep(1);\n  };\n\n  return (\n    <MobilePageLayout\n      footer={\n        <PageActions\n          primary={\n            <Button onClick={goOnNextStep}>\n              {t(\"id_check.before.button_ready\", \"Je suis prêt.e\")}\n            </Button>\n          }\n          secondary={\n            onBack ? (\n              <Button variant=\"secondary\" onClick={onBack}>\n                {t(\"buttons.back\")}\n              </Button>\n            ) : undefined\n          }\n        />\n      }\n    >\n      <div className=\"px-4 py-6 pt-11 md:px-8 md:py-8\">\n        <div className=\"w-full max-w-md mx-auto space-y-6\">\n          {/* Header */}\n          <div className=\"text-center space-y-4\">\n            <Title className=\"text-xl md:text-2xl lg:text-3xl\">\n              {isSingleSided\n                ? t(\"id_check.before.title_single_sided\", \"Tenez votre document face à la caméra\")\n                : t(\"id_check.before.title_front\", \"Recto de votre document\")\n              }\n            </Title>\n            <Subtitle className=\"text-sm text-gray-600 leading-relaxed\">\n              {t(\n                \"id_check.before.subtitle_front\",\n                \"Vous pouvez le tenir face à la caméra ou le poser à plat sur une surface stable, comme vous préférez.\"\n              )}\n            </Subtitle>\n          </div>\n\n          {/* Illustration */}\n          <div className=\"flex justify-center\">\n            <img\n              src={isSingleSided ? beforePassportIcon : beforePhotoIcon}\n              alt={t(\"id_check.before.alt_front\", \"Avant de prendre la photo\")}\n              className=\"max-w-full h-auto object-contain max-h-[30vh]\"\n            />\n          </div>\n        </div>\n      </div>\n    </MobilePageLayout>\n  );\n};\n\nexport default BeforePhoto;\n"],"names":["_jsx","_jsxs"],"mappings":";;;;;;;;;;;;;AAcA,IAAM,WAAW,GAAG,UAAC,EAA4D,EAAA;QAA1D,OAAO,GAAA,EAAA,CAAA,OAAA,EAAE,EAAA,GAAA,EAAA,CAAA,aAAqB,EAArB,aAAa,mBAAG,KAAK,GAAA,EAAA,EAAE,MAAM,GAAA,EAAA,CAAA,MAAA;AACnD,IAAA,IAAA,CAAC,GAAK,OAAO,EAAE,EAAd;AAET,IAAA,IAAM,YAAY,GAAG,YAAA;QACnB,OAAO,CAAC,CAAC,CAAC;AACZ,IAAA,CAAC;AAED,IAAA,QACEA,GAAA,CAAC,gBAAgB,EAAA,EACf,MAAM,EACJA,GAAA,CAAC,WAAW,EAAA,EACV,OAAO,EACLA,GAAA,CAAC,MAAM,EAAA,EAAC,OAAO,EAAE,YAAY,EAAA,QAAA,EAC1B,CAAC,CAAC,8BAA8B,EAAE,gBAAgB,CAAC,EAAA,CAC7C,EAEX,SAAS,EACP,MAAM,IACJA,IAAC,MAAM,EAAA,EAAC,OAAO,EAAC,WAAW,EAAC,OAAO,EAAE,MAAM,EAAA,QAAA,EACxC,CAAC,CAAC,cAAc,CAAC,EAAA,CACX,IACP,SAAS,EAAA,CAEf,EAAA,QAAA,EAGJA,aAAK,SAAS,EAAC,iCAAiC,EAAA,QAAA,EAC9CC,cAAK,SAAS,EAAC,mCAAmC,EAAA,QAAA,EAAA,CAEhDA,cAAK,SAAS,EAAC,uBAAuB,EAAA,QAAA,EAAA,CACpCD,IAAC,KAAK,EAAA,EAAC,SAAS,EAAC,iCAAiC,YAC/C;AACC,sCAAE,CAAC,CAAC,oCAAoC,EAAE,uCAAuC;AACjF,sCAAE,CAAC,CAAC,6BAA6B,EAAE,yBAAyB,CAAC,EAAA,CAEzD,EACRA,GAAA,CAAC,QAAQ,EAAA,EAAC,SAAS,EAAC,uCAAuC,EAAA,QAAA,EACxD,CAAC,CACA,gCAAgC,EAChC,uGAAuG,CACxG,EAAA,CACQ,CAAA,EAAA,CACP,EAGNA,GAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,qBAAqB,EAAA,QAAA,EAClCA,GAAA,CAAA,KAAA,EAAA,EACE,GAAG,EAAE,aAAa,GAAG,kBAAkB,GAAG,eAAe,EACzD,GAAG,EAAE,CAAC,CAAC,2BAA2B,EAAE,2BAA2B,CAAC,EAChE,SAAS,EAAC,+CAA+C,EAAA,CACzD,EAAA,CACE,CAAA,EAAA,CACF,EAAA,CACF,EAAA,CACW;AAEvB;;;;"}

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

@@ -4,9 +4,9 @@ import { useI18n } from '../../hooks/useI18n.js';
 
 var COUNTDOWN_DURATION = 3; // seconds
 var CameraMask = function (_a) {
-    var _b = _a.isPortrait, isPortrait = _b === void 0 ? false : _b, _c = _a.facingMode, facingMode = _c === void 0 ? "environment" : _c, _d = _a.isCountingDown, isCountingDown = _d === void 0 ? false : _d, _e = _a.countdown, countdown = _e === void 0 ? 0 : _e, _f = _a.maskType, maskType = _f === void 0 ? "id" : _f, onMaskRectChange = _a.onMaskRectChange;
-    var _g = useState(null), videoOrientation = _g[0], setVideoOrientation = _g[1];
-    useI18n().t;
+    var _b = _a.isPortrait, isPortrait = _b === void 0 ? false : _b, _c = _a.facingMode, facingMode = _c === void 0 ? "environment" : _c, _d = _a.isCountingDown, isCountingDown = _d === void 0 ? false : _d, _e = _a.countdown, countdown = _e === void 0 ? 0 : _e, _f = _a.maskType, maskType = _f === void 0 ? "id" : _f, _g = _a.documentDetected, documentDetected = _g === void 0 ? false : _g, qualityHint = _a.qualityHint, onMaskRectChange = _a.onMaskRectChange;
+    var _h = useState(null), videoOrientation = _h[0], setVideoOrientation = _h[1];
+    var t = useI18n().t;
     var maskRef = useRef(null);
     // Détecter l'orientation réelle de la vidéo pour synchroniser avec Photo.tsx
     useEffect(function () {
@@ -74,10 +74,16 @@ var CameraMask = function (_a) {
                 boxShadow: "0 0 0 9999px rgba(0, 0, 0, 0.75)",
                 borderRadius: "8px",
                 width: maskType === "document" ? (effectiveIsPortrait ? "85%" : "60%") : (effectiveIsPortrait ? "95%" : "85%"),
-            }, "data-mask": maskType === "document" ? "document-frame" : "id-frame", ref: maskRef, children: [jsx("div", { className: "absolute inset-0", style: {
-                        border: "3px solid white",
+            }, "data-mask": maskType === "document" ? "document-frame" : "id-frame", ref: maskRef, children: [jsx("div", { "data-testid": "camera-mask-border", className: "absolute inset-0 transition-colors duration-300 ease-in-out", style: {
+                        borderWidth: "3px",
+                        borderColor: documentDetected
+                            ? "#11E5C5"
+                            : qualityHint === "too_dark" || qualityHint === "too_bright"
+                                ? "#F59E0B"
+                                : "#ffffff",
+                        borderStyle: documentDetected ? "solid" : "dashed",
                         borderRadius: "8px",
-                    } }), isCountingDown && (jsx("svg", { className: "absolute inset-0 w-full h-full", style: {
+                    } }), documentDetected && (jsxs("div", { "data-testid": "document-detected-badge", className: "absolute -top-9 left-1/2 -translate-x-1/2 flex items-center gap-1 bg-[#11E5C5] text-white text-xs font-semibold px-2 py-1 rounded-full whitespace-nowrap", children: [jsx("span", { "aria-hidden": "true", children: "\u2713" }), jsx("span", { children: t("id_check.camera.document_detected", "Document détecté") })] })), isCountingDown && (jsx("svg", { className: "absolute inset-0 w-full h-full", style: {
                         borderRadius: "8px",
                     }, children: jsx("rect", { x: "1.5", y: "1.5", width: "calc(100% - 3px)", height: "calc(100% - 3px)", fill: "none", stroke: "#11E5C5", strokeWidth: "3", strokeDasharray: "100", strokeDashoffset: 100 - progress * 100, pathLength: "100", rx: "6", ry: "6", style: {
                             transition: "stroke-dashoffset 0.1s linear",

package/dist/esm/components/id-check/CameraMask.js.map

@@ -1 +1 @@
-{"version":3,"file":"CameraMask.js","sources":["../../../../../src/components/id-check/CameraMask.tsx"],"sourcesContent":["import React, { useEffect, useLayoutEffect, useRef, useState } from \"react\";\nimport { useI18n } from \"../../hooks/useI18n\";\nimport type { CameraFacingMode } from \"../../types/camera\";\n\ninterface CameraMaskProps {\n  isDetecting: boolean;\n  isPortrait?: boolean;\n  facingMode?: CameraFacingMode;\n  isCountingDown?: boolean;\n  countdown?: number;\n  maskType?: \"id\" | \"document\";\n  onMaskRectChange?: (\n    rect:\n      | {\n        left: number;\n        top: number;\n        width: number;\n        height: number;\n      }\n      | null\n  ) => void;\n}\n\nconst COUNTDOWN_DURATION = 3; // seconds\n\nconst CameraMask: React.FC<CameraMaskProps> = ({\n  isPortrait = false,\n  facingMode = \"environment\",\n  isCountingDown = false,\n  countdown = 0,\n  maskType = \"id\",\n  onMaskRectChange,\n}) => {\n  const [videoOrientation, setVideoOrientation] = useState<boolean | null>(\n    null\n  );\n  const { t } = useI18n();\n  const maskRef = useRef<HTMLDivElement>(null);\n\n  // Détecter l'orientation réelle de la vidéo pour synchroniser avec Photo.tsx\n  useEffect(() => {\n    const checkVideoOrientation = () => {\n      const videoElement = document.querySelector(\"video\");\n      if (\n        videoElement &&\n        videoElement.videoWidth > 0 &&\n        videoElement.videoHeight > 0\n      ) {\n        const videoIsPortrait =\n          videoElement.videoHeight > videoElement.videoWidth;\n        setVideoOrientation(videoIsPortrait);\n      }\n    };\n\n    // Vérifier immédiatement\n    checkVideoOrientation();\n\n    // Vérifier périodiquement en cas de changement\n    const interval = setInterval(checkVideoOrientation, 1000);\n\n    return () => clearInterval(interval);\n  }, []);\n\n  // Utiliser l'orientation de la vidéo si disponible, sinon fallback sur l'orientation de l'écran\n  const effectiveIsPortrait =\n    videoOrientation !== null ? videoOrientation : isPortrait;\n\n  // Calculate the progress of the animation (0 to 1) over COUNTDOWN_DURATION seconds\n  const progress = isCountingDown\n    ? Math.min(1, (COUNTDOWN_DURATION - countdown) / COUNTDOWN_DURATION)\n    : 0;\n\n  useLayoutEffect(() => {\n    if (!onMaskRectChange) {\n      return;\n    }\n\n    const notify = () => {\n      if (!maskRef.current) {\n        onMaskRectChange(null);\n        console.debug(\"[CameraMask] maskRef unavailable\");\n        return;\n      }\n\n      const rect = maskRef.current.getBoundingClientRect();\n      onMaskRectChange({\n        left: rect.left,\n        top: rect.top,\n        width: rect.width,\n        height: rect.height,\n      });\n      console.debug(\"[CameraMask] mask rect updated\", {\n        left: rect.left,\n        top: rect.top,\n        width: rect.width,\n        height: rect.height,\n      });\n    };\n\n    requestAnimationFrame(notify);\n\n    const handleResize = () => requestAnimationFrame(notify);\n    window.addEventListener(\"resize\", handleResize);\n\n    let resizeObserver: ResizeObserver | null = null;\n    if (typeof ResizeObserver !== \"undefined\" && maskRef.current) {\n      resizeObserver = new ResizeObserver(() => {\n        requestAnimationFrame(notify);\n      });\n      resizeObserver.observe(maskRef.current);\n    }\n\n    return () => {\n      window.removeEventListener(\"resize\", handleResize);\n      resizeObserver?.disconnect();\n    };\n  }, [onMaskRectChange, effectiveIsPortrait, facingMode]);\n\n  return (\n    <div className=\"absolute inset-0 z-10 flex items-center justify-center\">\n      <div\n        className={`\n          relative\n          ${maskType === \"document\" ? \"aspect-[1/1.41]\" : \"aspect-3/2\"}\n          ${facingMode === \"user\" ? \"transform scale-x-[-1]\" : \"\"}\n          transition-all duration-300 ease-in-out\n        `}\n        style={{\n          boxShadow: \"0 0 0 9999px rgba(0, 0, 0, 0.75)\",\n          borderRadius: \"8px\",\n          width: maskType === \"document\" ? (effectiveIsPortrait ? \"85%\" : \"60%\") : (effectiveIsPortrait ? \"95%\" : \"85%\"),\n        }}\n        data-mask={maskType === \"document\" ? \"document-frame\" : \"id-frame\"}\n        ref={maskRef}\n      >\n        {/* Base white border */}\n        <div\n          className=\"absolute inset-0\"\n          style={{\n            border: \"3px solid white\",\n            borderRadius: \"8px\",\n          }}\n        />\n\n        {/* Animated blue border overlay */}\n        {isCountingDown && (\n          <svg\n            className=\"absolute inset-0 w-full h-full\"\n            style={{\n              borderRadius: \"8px\",\n            }}\n          >\n            <rect\n              x=\"1.5\"\n              y=\"1.5\"\n              width={`calc(100% - 3px)`}\n              height={`calc(100% - 3px)`}\n              fill=\"none\"\n              stroke=\"#11E5C5\"\n              strokeWidth=\"3\"\n              strokeDasharray=\"100\"\n              strokeDashoffset={100 - progress * 100}\n              pathLength=\"100\"\n              rx=\"6\"\n              ry=\"6\"\n              style={{\n                transition: \"stroke-dashoffset 0.1s linear\",\n              }}\n            />\n          </svg>\n        )}\n\n        {/* Countdown display */}\n        {isCountingDown && (\n          <div className=\"absolute inset-0 flex items-center justify-center\">\n            <div className=\"bg-black bg-opacity-50 text-white px-4 py-2 rounded-full text-lg font-bold\">\n              {Math.ceil(countdown)}\n            </div>\n          </div>\n        )}\n\n        {/* Indicateur d'orientation pour debug */}\n        {(typeof process !== \"undefined\" && process.env && process.env.NODE_ENV === \"development\") && (\n          <div className=\"absolute -top-8 left-0 text-white text-xs bg-black bg-opacity-50 px-2 py-1 rounded\">\n            {effectiveIsPortrait ? t(\"id_check.orientation.portrait\", \"Portrait\") : t(\"id_check.orientation.landscape\", \"Landscape\")}\n            {videoOrientation !== null ? ` (${t(\"id_check.orientation.video_suffix\", \"Video\")})` : ` (${t(\"id_check.orientation.screen_suffix\", \"Screen\")})`}\n          </div>\n        )}\n      </div>\n    </div>\n  );\n};\n\nexport default CameraMask;\n"],"names":["_jsx","_jsxs"],"mappings":"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"}
+{"version":3,"file":"CameraMask.js","sources":["../../../../../src/components/id-check/CameraMask.tsx"],"sourcesContent":["import React, { useEffect, useLayoutEffect, useRef, useState } from \"react\";\nimport { useI18n } from \"../../hooks/useI18n\";\nimport type { CameraFacingMode } from \"../../types/camera\";\nimport type { DocumentDetectionHint } from \"../../services/documentEdgeDetectionService\";\n\ninterface CameraMaskProps {\n  isDetecting: boolean;\n  isPortrait?: boolean;\n  facingMode?: CameraFacingMode;\n  isCountingDown?: boolean;\n  countdown?: number;\n  maskType?: \"id\" | \"document\";\n  documentDetected?: boolean;\n  qualityHint?: DocumentDetectionHint;\n  onMaskRectChange?: (\n    rect:\n      | {\n        left: number;\n        top: number;\n        width: number;\n        height: number;\n      }\n      | null\n  ) => void;\n}\n\nconst COUNTDOWN_DURATION = 3; // seconds\n\nconst CameraMask: React.FC<CameraMaskProps> = ({\n  isPortrait = false,\n  facingMode = \"environment\",\n  isCountingDown = false,\n  countdown = 0,\n  maskType = \"id\",\n  documentDetected = false,\n  qualityHint,\n  onMaskRectChange,\n}) => {\n  const [videoOrientation, setVideoOrientation] = useState<boolean | null>(\n    null\n  );\n  const { t } = useI18n();\n  const maskRef = useRef<HTMLDivElement>(null);\n\n  // Détecter l'orientation réelle de la vidéo pour synchroniser avec Photo.tsx\n  useEffect(() => {\n    const checkVideoOrientation = () => {\n      const videoElement = document.querySelector(\"video\");\n      if (\n        videoElement &&\n        videoElement.videoWidth > 0 &&\n        videoElement.videoHeight > 0\n      ) {\n        const videoIsPortrait =\n          videoElement.videoHeight > videoElement.videoWidth;\n        setVideoOrientation(videoIsPortrait);\n      }\n    };\n\n    // Vérifier immédiatement\n    checkVideoOrientation();\n\n    // Vérifier périodiquement en cas de changement\n    const interval = setInterval(checkVideoOrientation, 1000);\n\n    return () => clearInterval(interval);\n  }, []);\n\n  // Utiliser l'orientation de la vidéo si disponible, sinon fallback sur l'orientation de l'écran\n  const effectiveIsPortrait =\n    videoOrientation !== null ? videoOrientation : isPortrait;\n\n  // Calculate the progress of the animation (0 to 1) over COUNTDOWN_DURATION seconds\n  const progress = isCountingDown\n    ? Math.min(1, (COUNTDOWN_DURATION - countdown) / COUNTDOWN_DURATION)\n    : 0;\n\n  useLayoutEffect(() => {\n    if (!onMaskRectChange) {\n      return;\n    }\n\n    const notify = () => {\n      if (!maskRef.current) {\n        onMaskRectChange(null);\n        console.debug(\"[CameraMask] maskRef unavailable\");\n        return;\n      }\n\n      const rect = maskRef.current.getBoundingClientRect();\n      onMaskRectChange({\n        left: rect.left,\n        top: rect.top,\n        width: rect.width,\n        height: rect.height,\n      });\n      console.debug(\"[CameraMask] mask rect updated\", {\n        left: rect.left,\n        top: rect.top,\n        width: rect.width,\n        height: rect.height,\n      });\n    };\n\n    requestAnimationFrame(notify);\n\n    const handleResize = () => requestAnimationFrame(notify);\n    window.addEventListener(\"resize\", handleResize);\n\n    let resizeObserver: ResizeObserver | null = null;\n    if (typeof ResizeObserver !== \"undefined\" && maskRef.current) {\n      resizeObserver = new ResizeObserver(() => {\n        requestAnimationFrame(notify);\n      });\n      resizeObserver.observe(maskRef.current);\n    }\n\n    return () => {\n      window.removeEventListener(\"resize\", handleResize);\n      resizeObserver?.disconnect();\n    };\n  }, [onMaskRectChange, effectiveIsPortrait, facingMode]);\n\n  return (\n    <div className=\"absolute inset-0 z-10 flex items-center justify-center\">\n      <div\n        className={`\n          relative\n          ${maskType === \"document\" ? \"aspect-[1/1.41]\" : \"aspect-3/2\"}\n          ${facingMode === \"user\" ? \"transform scale-x-[-1]\" : \"\"}\n          transition-all duration-300 ease-in-out\n        `}\n        style={{\n          boxShadow: \"0 0 0 9999px rgba(0, 0, 0, 0.75)\",\n          borderRadius: \"8px\",\n          width: maskType === \"document\" ? (effectiveIsPortrait ? \"85%\" : \"60%\") : (effectiveIsPortrait ? \"95%\" : \"85%\"),\n        }}\n        data-mask={maskType === \"document\" ? \"document-frame\" : \"id-frame\"}\n        ref={maskRef}\n      >\n        {/* Base border - white dashed by default, amber dashed on a fixable\n            quality issue (too dark / too much glare), green solid once a\n            document is detected. Never conveys a blocked state — always\n            informative, never a gate. */}\n        <div\n          data-testid=\"camera-mask-border\"\n          className=\"absolute inset-0 transition-colors duration-300 ease-in-out\"\n          style={{\n            borderWidth: \"3px\",\n            borderColor: documentDetected\n              ? \"#11E5C5\"\n              : qualityHint === \"too_dark\" || qualityHint === \"too_bright\"\n                ? \"#F59E0B\"\n                : \"#ffffff\",\n            borderStyle: documentDetected ? \"solid\" : \"dashed\",\n            borderRadius: \"8px\",\n          }}\n        />\n\n        {/* Document detected badge - icon + text, not color-only */}\n        {documentDetected && (\n          <div\n            data-testid=\"document-detected-badge\"\n            className=\"absolute -top-9 left-1/2 -translate-x-1/2 flex items-center gap-1 bg-[#11E5C5] text-white text-xs font-semibold px-2 py-1 rounded-full whitespace-nowrap\"\n          >\n            <span aria-hidden=\"true\">✓</span>\n            <span>\n              {t(\"id_check.camera.document_detected\", \"Document détecté\")}\n            </span>\n          </div>\n        )}\n\n        {/* Animated blue border overlay */}\n        {isCountingDown && (\n          <svg\n            className=\"absolute inset-0 w-full h-full\"\n            style={{\n              borderRadius: \"8px\",\n            }}\n          >\n            <rect\n              x=\"1.5\"\n              y=\"1.5\"\n              width={`calc(100% - 3px)`}\n              height={`calc(100% - 3px)`}\n              fill=\"none\"\n              stroke=\"#11E5C5\"\n              strokeWidth=\"3\"\n              strokeDasharray=\"100\"\n              strokeDashoffset={100 - progress * 100}\n              pathLength=\"100\"\n              rx=\"6\"\n              ry=\"6\"\n              style={{\n                transition: \"stroke-dashoffset 0.1s linear\",\n              }}\n            />\n          </svg>\n        )}\n\n        {/* Countdown display */}\n        {isCountingDown && (\n          <div className=\"absolute inset-0 flex items-center justify-center\">\n            <div className=\"bg-black bg-opacity-50 text-white px-4 py-2 rounded-full text-lg font-bold\">\n              {Math.ceil(countdown)}\n            </div>\n          </div>\n        )}\n\n        {/* Indicateur d'orientation pour debug */}\n        {(typeof process !== \"undefined\" && process.env && process.env.NODE_ENV === \"development\") && (\n          <div className=\"absolute -top-8 left-0 text-white text-xs bg-black bg-opacity-50 px-2 py-1 rounded\">\n            {effectiveIsPortrait ? t(\"id_check.orientation.portrait\", \"Portrait\") : t(\"id_check.orientation.landscape\", \"Landscape\")}\n            {videoOrientation !== null ? ` (${t(\"id_check.orientation.video_suffix\", \"Video\")})` : ` (${t(\"id_check.orientation.screen_suffix\", \"Screen\")})`}\n          </div>\n        )}\n      </div>\n    </div>\n  );\n};\n\nexport default CameraMask;\n"],"names":["_jsx","_jsxs"],"mappings":"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"}

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

@@ -2,7 +2,7 @@ import { __awaiter, __generator } from '../../node_modules/tslib/tslib.es6.js';
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 import { useRef, useState, useCallback, useEffect } from 'react';
 import { cameraService } from '../../services/cameraService.js';
-import { documentDetectionService } from '../../services/documentDetectionService.js';
+import { documentEdgeDetectionService } from '../../services/documentEdgeDetectionService.js';
 import CameraError from './CameraError.js';
 import CameraMask from './CameraMask.js';
 import OrientationToggle from './OrientationToggle.js';
@@ -19,13 +19,29 @@ var Photo = function (_a) {
     var _g = useState(window.matchMedia("(orientation: portrait)").matches), isPortrait = _g[0], setIsPortrait = _g[1];
     var _h = useState(false), isCountingDown = _h[0], setIsCountingDown = _h[1];
     var _j = useState(0), countdown = _j[0], setCountdown = _j[1];
-    var _k = useState(false); _k[0]; var setDocumentDetected = _k[1];
-    var _l = useState(null), captureError = _l[0], setCaptureError = _l[1];
+    var _k = useState(false), documentDetected = _k[0], setDocumentDetected = _k[1];
+    var _l = useState(undefined), qualityHint = _l[0], setQualityHint = _l[1];
+    var _m = useState(true), isInitializing = _m[0], setIsInitializing = _m[1];
+    var _o = useState(false), isProcessing = _o[0], setIsProcessing = _o[1];
+    var _p = useState(null), captureError = _p[0], setCaptureError = _p[1];
+    var _q = useState(false), showCaptureFlash = _q[0], setShowCaptureFlash = _q[1];
     var t = useI18n().t;
-    var _m = useState(null); _m[0]; var setLastCaptureMeta = _m[1];
-    var _o = useState(null), maskRect = _o[0], setMaskRect = _o[1];
+    var _r = useState(null); _r[0]; var setLastCaptureMeta = _r[1];
+    var _s = useState(null), maskRect = _s[0], setMaskRect = _s[1];
     var countdownIntervalRef = useRef(null);
     var detectionHandlerRef = useRef(null);
+    var flashTimeoutRef = useRef(null);
+    var CAPTURE_FLASH_DURATION_MS = 300;
+    var triggerCaptureFeedback = useCallback(function () {
+        if (flashTimeoutRef.current) {
+            clearTimeout(flashTimeoutRef.current);
+        }
+        setShowCaptureFlash(true);
+        flashTimeoutRef.current = window.setTimeout(function () {
+            setShowCaptureFlash(false);
+            flashTimeoutRef.current = null;
+        }, CAPTURE_FLASH_DURATION_MS);
+    }, []);
     var CAPTURE_COUNTDOWN_SECONDS = 3;
     var clearCountdown = useCallback(function () {
         if (countdownIntervalRef.current) {
@@ -50,7 +66,7 @@ var Photo = function (_a) {
             detectionHandlerRef.current.stop();
             detectionHandlerRef.current = null;
         }
-        documentDetectionService.stopDocumentDetection();
+        documentEdgeDetectionService.stopDocumentDetection();
     }, []);
     var captureDocument = useCallback(function () { return __awaiter(void 0, void 0, void 0, function () {
         var video, cropArea, videoRect, videoAspect, displayAspect, displayedWidth, displayedHeight, offsetX, offsetY, scaleX, scaleY, cropX, cropY, cropWidth, cropHeight, result, error_1;
@@ -112,6 +128,14 @@ var Photo = function (_a) {
                     }
                     setCaptureError(null);
                     setIsDetecting(false);
+                    // Reste vrai jusqu'au démontage du composant (changement d'étape côté
+                    // DocumentCheck) en cas de succès : le traitement post-capture côté
+                    // parent (redimensionnement, conversion) continue pendant que ce
+                    // composant est encore affiché, donc l'overlay doit rester visible
+                    // jusqu'à ce que l'écran change réellement — jamais un écran figé sans
+                    // feedback.
+                    setIsProcessing(true);
+                    triggerCaptureFeedback();
                     _a.label = 1;
                 case 1:
                     _a.trys.push([1, 3, , 4]);
@@ -138,11 +162,12 @@ var Photo = function (_a) {
                     console.error("Document capture failed", error_1);
                     setCaptureError(t("id_check.photo.capture_failed", "La capture a échoué. Veuillez réessayer."));
                     setIsDetecting(true);
+                    setIsProcessing(false);
                     throw error_1;
                 case 4: return [2 /*return*/];
             }
         });
-    }); }, [facingMode, onCapture, stopDetection, maskRect, t]);
+    }); }, [facingMode, onCapture, stopDetection, maskRect, t, triggerCaptureFeedback]);
     var startCountdown = useCallback(function () {
         if (isCountingDown)
             return;
@@ -165,11 +190,16 @@ var Photo = function (_a) {
         }, 100);
     }, [captureDocument, isCountingDown]);
     var handleDetectionChange = useCallback(function (result) {
-        setDocumentDetected(result.hasDocument);
+        // isStable (pas juste hasDocument) pilote le feedback visuel et
+        // l'auto-capture pour éviter le clignotement : une frame isolée où le
+        // document "apparaît" ne suffit pas, il faut plusieurs détections
+        // consécutives cohérentes.
+        setDocumentDetected(result.hasDocument && result.isStable);
+        setQualityHint(result.hint);
         if (!automaticCapture) {
             return;
         }
-        if (result.hasDocument) {
+        if (result.hasDocument && result.isStable) {
             startCountdown();
         }
         else {
@@ -188,6 +218,7 @@ var Photo = function (_a) {
                 switch (_a.label) {
                     case 0:
                         setCameraError(null);
+                        setIsInitializing(true);
                         return [4 /*yield*/, cameraService.startCamera(videoRef.current, {
                                 facingMode: facingMode,
                                 idealResolution: { width: 4096, height: 3072 },
@@ -197,11 +228,14 @@ var Photo = function (_a) {
                         result = _a.sent();
                         if (isCancelled)
                             return [2 /*return*/];
+                        setIsInitializing(false);
                         if (result.success) {
                             setLastCaptureMeta(null);
-                            if (automaticCapture) {
-                                setIsDetecting(true);
-                            }
+                            // Detection also runs in manual mode: it only drives the visual
+                            // feedback on the mask (documentDetected), it never starts the
+                            // auto-capture countdown unless automaticCapture is true (see
+                            // handleDetectionChange).
+                            setIsDetecting(true);
                         }
                         else if (result.error) {
                             setCameraError(result.error);
@@ -218,6 +252,10 @@ var Photo = function (_a) {
             stopDetection();
             cameraService.stopCamera();
             setIsDetecting(false);
+            if (flashTimeoutRef.current) {
+                clearTimeout(flashTimeoutRef.current);
+                flashTimeoutRef.current = null;
+            }
         };
     }, [facingMode, clearCountdown, stopDetection]);
     useEffect(function () {
@@ -225,8 +263,8 @@ var Photo = function (_a) {
             return;
         }
         var cancelled = false;
-        documentDetectionService
-            .startDocumentDetection(videoRef.current, function (result) {
+        documentEdgeDetectionService
+            .startDocumentDetection(videoRef.current, null, function (result) {
             if (!cancelled) {
                 handleDetectionChange(result);
             }
@@ -259,6 +297,7 @@ var Photo = function (_a) {
         cancelCaptureTimer();
         setCaptureError(null);
         setIsDetecting(false);
+        setIsInitializing(true);
         stopDetection();
         cameraService.stopCamera();
         cameraService
@@ -268,6 +307,7 @@ var Photo = function (_a) {
             preferImageCapture: true,
         })
             .then(function (result) {
+            setIsInitializing(false);
             if (result.success) {
                 setIsDetecting(true);
             }
@@ -277,22 +317,30 @@ var Photo = function (_a) {
         });
     };
     var handleManualCapture = function () {
+        if (isProcessing) {
+            return;
+        }
         clearCountdown();
         captureDocument().catch(function () {
             // captureDocument already logs and sets error state
         });
     };
+    var statusMessage = qualityHint === "too_dark"
+        ? t("id_check.photo.hint.too_dark", "Trop sombre, cherchez plus de lumière")
+        : qualityHint === "too_bright"
+            ? t("id_check.photo.hint.too_bright", "Trop de reflets, évitez la lumière directe")
+            : automaticCapture
+                ? t("id_check.photo.automatic_instruction", "Capture automatique active ou appuyez sur le bouton")
+                : t("id_check.photo.manual_instruction", "Appuyez sur le bouton pour capturer");
     return (jsxs("div", { className: "flex flex-col", style: {
             position: isMobile ? "fixed" : "relative",
             inset: isMobile ? 0 : "auto",
             zIndex: isMobile ? 50 : "auto",
             height: "100%",
             width: "100%",
-        }, children: [jsx("div", { className: "flex-1 relative overflow-hidden bg-black", children: cameraError ? (jsx("div", { className: "flex items-center justify-center h-full px-4 py-6", children: jsx(CameraError, { errorMessage: cameraError, onRetry: handleRetry }) })) : (jsxs(Fragment, { children: [jsx("video", { ref: videoRef, autoPlay: true, playsInline: true, muted: true, className: "absolute inset-0 w-full h-full object-cover z-0 bg-black ".concat(facingMode === "user" ? "scale-x-[-1]" : "") }), jsx("div", { className: "absolute top-4  left-1/2 transform -translate-x-1/2 z-50", children: jsx("span", { className: "text-white z-50 text-sm font-semibold drop-shadow-lg", children: automaticCapture ? (jsx("span", { className: "animate-pulse", children: t("id_check.photo.mode_autocapture", "Autocapture activée") })) : (jsx("span", { className: "bg-orange-500 px-2 py-1 rounded hidden", children: t("id_check.photo.mode_manual", "Mode manuel") })) }) }), jsx(CameraMask, { isDetecting: isDetecting, isPortrait: isPortrait, facingMode: facingMode, isCountingDown: isCountingDown, countdown: countdown, maskType: maskType, onMaskRectChange: setMaskRect }), jsx("div", { className: "absolute bottom-20 left-0 right-0 z-20 pointer-events-none", children: jsx("div", { className: "text-center px-4", children: jsx("div", { className: "bg-black bg-opacity-60 text-white text-sm px-4 py-2 rounded-lg inline-block", children: t("id_check.photo.position_document", "Positionnez le document") }) }) }), jsx(OrientationToggle, { onCameraToggle: toggleCamera })] })) }), jsx("div", { className: "relative z-20 bg-black bg-opacity-80 p-4", children: jsxs("div", { className: "flex flex-col items-center space-y-4", children: [jsx("button", { onClick: handleManualCapture, className: "w-16 h-16 rounded-full border-4 border-white flex items-center justify-center transition-all bg-transparent hover:bg-white hover:bg-opacity-20 cursor-pointer", children: jsx("div", { className: "w-8 h-8 bg-white rounded-full" }) }), jsxs("div", { className: "text-white text-center text-sm", children: [jsxs("div", { className: "flex items-center justify-center space-x-2", children: [jsx("div", { className: "w-2 h-2 rounded-full ".concat(automaticCapture
+        }, children: [jsx("div", { className: "flex-1 relative overflow-hidden bg-black", children: cameraError ? (jsx("div", { className: "flex items-center justify-center h-full px-4 py-6", children: jsx(CameraError, { errorMessage: cameraError, onRetry: handleRetry }) })) : (jsxs(Fragment, { children: [isInitializing && (jsxs("div", { "data-testid": "camera-initializing", className: "absolute inset-0 z-30 flex flex-col items-center justify-center gap-3 bg-black", children: [jsx("div", { className: "w-10 h-10 border-4 border-white border-t-transparent rounded-full animate-spin" }), jsx("span", { className: "text-white text-sm", children: t("id_check.photo.initializing", "Ouverture de la caméra…") })] })), isProcessing && (jsxs("div", { "data-testid": "camera-processing", className: "absolute inset-0 z-30 flex flex-col items-center justify-center gap-3 bg-black bg-opacity-70", children: [jsx("div", { className: "w-10 h-10 border-4 border-white border-t-transparent rounded-full animate-spin" }), jsx("span", { className: "text-white text-sm", children: t("id_check.photo.processing", "Traitement de l'image…") })] })), jsx("video", { ref: videoRef, autoPlay: true, playsInline: true, muted: true, className: "absolute inset-0 w-full h-full object-cover z-0 bg-black ".concat(facingMode === "user" ? "scale-x-[-1]" : "") }), jsx("div", { className: "absolute top-4  left-1/2 transform -translate-x-1/2 z-50", children: jsx("span", { className: "text-white z-50 text-sm font-semibold drop-shadow-lg", children: automaticCapture ? (jsx("span", { className: "animate-pulse", children: t("id_check.photo.mode_autocapture", "Autocapture activée") })) : (jsx("span", { className: "bg-orange-500 px-2 py-1 rounded hidden", children: t("id_check.photo.mode_manual", "Mode manuel") })) }) }), jsx(CameraMask, { isDetecting: isDetecting, isPortrait: isPortrait, facingMode: facingMode, isCountingDown: isCountingDown, countdown: countdown, maskType: maskType, documentDetected: documentDetected, qualityHint: qualityHint, onMaskRectChange: setMaskRect }), jsx("div", { className: "absolute bottom-20 left-0 right-0 z-20 pointer-events-none", children: jsx("div", { className: "text-center px-4", children: jsx("div", { className: "bg-black bg-opacity-60 text-white text-sm px-4 py-2 rounded-lg inline-block", children: t("id_check.photo.position_document", "Posez le document à plat ou tenez-le dans le cadre") }) }) }), jsx(OrientationToggle, { onCameraToggle: toggleCamera }), showCaptureFlash && (jsx("div", { "data-testid": "capture-flash", className: "absolute inset-0 z-40 bg-white pointer-events-none animate-pulse" }))] })) }), jsx("div", { className: "relative z-20 bg-black bg-opacity-80 p-4", children: jsxs("div", { className: "flex flex-col items-center space-y-4", children: [jsx("button", { onClick: handleManualCapture, className: "w-16 h-16 rounded-full border-4 border-white flex items-center justify-center transition-all duration-150 bg-transparent hover:bg-white hover:bg-opacity-20 cursor-pointer ".concat(showCaptureFlash ? "scale-90 ring-4 ring-[#11E5C5]" : ""), children: jsx("div", { className: "w-8 h-8 bg-white rounded-full" }) }), jsxs("div", { className: "text-white text-center text-sm", children: [jsxs("div", { className: "flex items-center justify-center space-x-2", children: [jsx("div", { className: "w-2 h-2 rounded-full ".concat(automaticCapture
                                                 ? "bg-[#11E5C5] animate-pulse"
-                                                : "bg-orange-500") }), jsx("span", { children: automaticCapture
-                                                ? t("id_check.photo.automatic_instruction", "Capture automatique active ou appuyez sur le bouton")
-                                                : t("id_check.photo.manual_instruction", "Appuyez sur le bouton pour capturer") })] }), captureError && (jsx("p", { className: "text-red-400 text-xs mt-2 text-center", children: captureError }))] })] }) })] }));
+                                                : "bg-orange-500") }), jsx("span", { children: statusMessage })] }), captureError && (jsx("p", { className: "text-red-400 text-xs mt-2 text-center", children: captureError }))] })] }) })] }));
 };
 
 export { Photo as default };