datakeen-session-react 1.1.140-dev.41 → 1.1.140-dev.43

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

@@ -20,7 +20,7 @@ var processingSteps = [
     { key: "finalization" },
 ];
 var SelfieProcessing = function (_a) {
-    var onProcessingComplete = _a.onProcessingComplete, selfieVideo = _a.selfieVideo, selfiePhoto = _a.selfiePhoto, onRetake = _a.onRetake;
+    var onProcessingComplete = _a.onProcessingComplete, selfieVideo = _a.selfieVideo, selfiePhoto = _a.selfiePhoto, onRetake = _a.onRetake, onContinueAnyway = _a.onContinueAnyway;
     var t = useI18n.useI18n().t;
     var _b = React.useState(0), currentStep = _b[0], setCurrentStep = _b[1];
     var _c = React.useState(false), hasError = _c[0], setHasError = _c[1];
@@ -174,7 +174,7 @@ var SelfieProcessing = function (_a) {
                                     } }) }), jsxRuntime.jsx("p", { className: "text-xs text-gray-500 mt-2 text-center", children: t("selfie.processing.step_of", {
                                     current: currentStep + 1,
                                     total: processingSteps.length,
-                                }) })] }), hasError && (jsxRuntime.jsx("div", { className: "sticky bottom-0 bg-white border-t border-gray-100 p-4 md:p-6", children: jsxRuntime.jsxs("div", { className: "w-full max-w-md mx-auto", children: [jsxRuntime.jsx("div", { className: "flex flex-col space-y-3 md:hidden", children: jsxRuntime.jsx(ButtonDesktop.default, { type: "back", onClick: onRetake, children: t("selfie.confirmation.retake", "Reprendre le selfie") }) }), jsxRuntime.jsx("div", { className: "hidden md:flex gap-3 justify-between items-center", children: jsxRuntime.jsx(ButtonDesktop.default, { type: "back", onClick: onRetake, children: t("selfie.confirmation.retake", "Reprendre le selfie") }) })] }) }))] }) }) }));
+                                }) })] }), hasError && (jsxRuntime.jsx("div", { className: "sticky bottom-0 bg-white border-t border-gray-100 p-4 md:p-6", children: jsxRuntime.jsxs("div", { className: "w-full max-w-md mx-auto", children: [jsxRuntime.jsxs("div", { className: "flex flex-col space-y-3 md:hidden", children: [jsxRuntime.jsx(ButtonDesktop.default, { type: "back", onClick: onRetake, children: t("selfie.confirmation.retake", "Reprendre le selfie") }), onContinueAnyway && (jsxRuntime.jsx(ButtonDesktop.default, { type: "continue", onClick: onContinueAnyway, children: t("errors.continue_anyway", "Poursuivre tout de même") }))] }), jsxRuntime.jsxs("div", { className: "hidden md:flex gap-3 justify-between items-center", children: [jsxRuntime.jsx(ButtonDesktop.default, { type: "back", onClick: onRetake, children: t("selfie.confirmation.retake", "Reprendre le selfie") }), onContinueAnyway && (jsxRuntime.jsx(ButtonDesktop.default, { type: "continue", onClick: onContinueAnyway, children: t("errors.continue_anyway", "Poursuivre tout de même") }))] })] }) }))] }) }) }));
 };
 
 exports.default = SelfieProcessing;

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

@@ -1 +1 @@
-{"version":3,"file":"SelfieProcessing.js","sources":["../../../../../../src/components/selfie/selfie-flow/SelfieProcessing.tsx"],"sourcesContent":["import { useState, useEffect, useRef } from \"react\";\nimport Title from \"../../ui/Title\";\nimport Subtitle from \"../../ui/Subtitle\";\nimport { useI18n } from \"../../../hooks/useI18n\";\nimport { codeToStep } from \"../../../services/utils\";\nimport type { SelfieCaptureData } from \"../../../types/selfie\";\nimport { analyzeSelfie } from \"../../../services/analysis\";\nimport { getActiveSessionId } from \"../../../services/sessionMemoryStore\";\nimport ButtonDesktop from \"../../ui/ButtonDesktop\";\n\ninterface SelfieProcessingProps {\n  onProcessingComplete: (success: boolean) => void;\n  selfieVideo: SelfieCaptureData | null;\n  selfiePhoto: string | null;\n  onRetake: () => void;\n}\n\nconst processingSteps = [\n  { key: \"analysis\" },\n  { key: \"face_detection\" },\n  { key: \"liveness\" },\n  { key: \"finalization\" },\n];\nconst SelfieProcessing = ({\n  onProcessingComplete,\n  selfieVideo,\n  selfiePhoto,\n  onRetake,\n}: SelfieProcessingProps) => {\n  const { t } = useI18n();\n  const [currentStep, setCurrentStep] = useState(0);\n  const [hasError, setHasError] = useState(false);\n  const [isDone, setIsDone] = useState(false);\n  const [conformityCode, setConformityCode] = useState<string | null>(null);\n\n  const analysisStartedRef = useRef(false);\n  useEffect(() => {\n    // Prevent multiple analysis runs\n    if (analysisStartedRef.current) return;\n    if (!selfieVideo || !selfiePhoto) return;\n\n    analysisStartedRef.current = true;\n\n    // Timeout simple : 60 secondes pour tous\n    const timeoutId = setTimeout(() => {\n      if (!isDone) {\n        console.error(\"⏰ Selfie analysis timeout after 60 seconds\");\n        setHasError(true);\n        setIsDone(true);\n        onProcessingComplete(false);\n      }\n    }, 60000);\n\n    const processFiles = async () => {\n      const sessionId = getActiveSessionId();\n      if (!sessionId) {\n        console.error(\"❌ No session ID found\");\n        setHasError(true);\n        onProcessingComplete(false);\n        setIsDone(true);\n        clearTimeout(timeoutId);\n        return;\n      }\n\n      console.log(\"🚀 Starting selfie analysis...\");\n\n      try {\n        // Délai minimum simple : 2 secondes\n        const [response] = await Promise.all([\n          analyzeSelfie(sessionId, selfieVideo, selfiePhoto),\n          new Promise((resolve) => setTimeout(resolve, 2000)),\n        ]);\n\n        console.log(\"✅ Analysis response:\", response);\n        clearTimeout(timeoutId);\n\n        // Handle Unissey response format\n        let isSuccess = false;\n        let conformityCodeToSet = \"4\"; // Default to error\n\n        if (response && response.data) {\n          // Check if analysis was successful based on real Unissey response structure\n          const data = response.data;\n          const details = data.details;\n          const faceComparison = details?.face_comparison;\n\n          // Success: face match with high confidence\n          if (\n            data.is_match &&\n            faceComparison?.result === \"match\"\n            // faceComparison?.confidence_level === \"high\" Pas assez explicit\n          ) {\n            isSuccess = true;\n            conformityCodeToSet = \"1.0\"; // Success code\n          } else if (details) {\n            // Check specific failure reasons\n            if (faceComparison?.result !== \"match\") {\n              conformityCodeToSet = \"2.0\"; // Face comparison failed\n            } else if (faceComparison?.confidence_level !== \"high\") {\n              conformityCodeToSet = \"3.0\"; // Low confidence\n            } else {\n              conformityCodeToSet = \"4.0\"; // Generic error\n            }\n          }\n        }\n\n        console.log(\"📊 Selfie analysis result:\", {\n          isSuccess,\n          conformityCode: conformityCodeToSet,\n          isMatch: response?.data?.is_match,\n          confidenceLevel:\n            response?.data?.details?.face_comparison?.confidence_level,\n          comparisonResult: response?.data?.details?.face_comparison?.result,\n        });\n\n        setConformityCode(conformityCodeToSet);\n        setIsDone(true);\n\n        // Don't call onProcessingComplete here - let the animation effect handle it\n      } catch (error) {\n        console.error(\"💥 Selfie analysis failed:\", error);\n        clearTimeout(timeoutId);\n        setHasError(true);\n        setIsDone(true);\n        onProcessingComplete(false);\n      }\n    };\n\n    processFiles();\n\n    return () => {\n      clearTimeout(timeoutId);\n    };\n  }, [onProcessingComplete, selfieVideo, selfiePhoto, isDone]);\n\n  useEffect(() => {\n    // While analysis is not finished, stay at step 0\n    if (!isDone && !hasError) {\n      setCurrentStep(0);\n      return;\n    }\n    // We want stepToStop to be the step in error (the one corresponding to conformityCode)\n    let stepToStop = codeToStep(conformityCode || \"4\");\n    // If codeToStep returns 0 (generic error), stop at the first step\n    if (stepToStop === 0) stepToStop = 1;\n    console.log(\"Step to stop (error):\", stepToStop);\n\n    // When analysis is finished (success or error), start the animation\n    const interval = setInterval(() => {\n      setCurrentStep((prev) => {\n        if (prev < stepToStop - 1) {\n          return prev + 1;\n        } else {\n          clearInterval(interval);\n          if (stepToStop < 4) setHasError(true);\n          onProcessingComplete(stepToStop === 4);\n          return prev; // Stop at the step in error\n        }\n      });\n    }, 500); // Adjust the speed of the animation\n    return () => clearInterval(interval);\n  }, [onProcessingComplete, hasError, isDone, conformityCode]);\n\n  return (\n    <div className=\"flex flex-col justify-between h-full w-full\">\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          <div className=\"text-center space-y-4\">\n            <Title className=\"text-xl md:text-2xl lg:text-3xl\">\n              {hasError\n                ? t(\"selfie.processing.error_title\", \"Échec de l'analyse\")\n                : t(\"selfie.processing.title\", \"Analyse en cours\")}\n            </Title>\n            <Subtitle className=\"text-sm text-gray-600 leading-relaxed\">\n              {hasError\n                ? t(\n                    \"selfie.processing.error_subtitle\",\n                    \"Une erreur est survenue lors de l'analyse du selfie. Veuillez réessayer.\",\n                  )\n                : t(\n                    \"selfie.processing.subtitle\",\n                    \"Nous analysons votre selfie. Cela peut prendre quelques instants.\",\n                  )}\n            </Subtitle>\n          </div>\n\n          <div className=\"w-full\">\n            <div className=\"space-y-5\">\n              {processingSteps.map(\n                (step, index) =>\n                  step.key && (\n                    <div key={index} className=\"flex items-start\">\n                      <div className=\"mr-4 mt-1 flex-shrink-0\">\n                        {hasError && index === currentStep ? (\n                          // Step in error - red cross\n                          <div className=\"flex items-center justify-center w-6 h-6 rounded-full bg-red-500 text-white text-xs font-bold\">\n                            ×\n                          </div>\n                        ) : index < currentStep ? (\n                          // Completed step - green check\n                          <div className=\"flex items-center justify-center w-6 h-6 rounded-full bg-[#11E5C5] text-white text-xs\">\n                            ✓\n                          </div>\n                        ) : index === currentStep ? (\n                          // Current step - spinner\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                          // Upcoming step - gray circle\n                          <div className=\"w-6 h-6 rounded-full border-2 border-gray-300\"></div>\n                        )}\n                      </div>\n                      <div className=\"flex-1 min-w-0\">\n                        <p className=\"font-medium text-[#3C3C40] text-sm\">\n                          {t(`selfie.processing.steps.${step.key}.title`)}\n                        </p>\n                        <p className=\"text-xs text-gray-500 mt-1\">\n                          {t(`selfie.processing.steps.${step.key}.subtitle`)}\n                        </p>\n                      </div>\n                    </div>\n                  ),\n              )}\n            </div>\n          </div>\n\n          <div className=\"w-full\">\n            <div className=\"bg-gray-200 rounded-full h-2\">\n              <div\n                className={\n                  hasError\n                    ? \"bg-red-500 h-2 rounded-full transition-all duration-500 ease-out\"\n                    : \"bg-[#11E5C5] h-2 rounded-full transition-all duration-500 ease-out\"\n                }\n                style={{\n                  width: `${\n                    ((currentStep + 1) / processingSteps.length) * 100\n                  }%`,\n                }}\n              ></div>\n            </div>\n            <p className=\"text-xs text-gray-500 mt-2 text-center\">\n              {t(\"selfie.processing.step_of\", {\n                current: currentStep + 1,\n                total: processingSteps.length,\n              })}\n            </p>\n          </div>\n\n          {/* Footer with buttons */}\n          {hasError && (\n            <div className=\"sticky bottom-0 bg-white border-t border-gray-100 p-4 md:p-6\">\n              <div className=\"w-full max-w-md mx-auto\">\n                {/* Mobile layout - stacked buttons */}\n                <div className=\"flex flex-col space-y-3 md:hidden\">\n                  <ButtonDesktop type=\"back\" onClick={onRetake}>\n                    {t(\"selfie.confirmation.retake\", \"Reprendre le selfie\")}\n                  </ButtonDesktop>\n                </div>\n\n                {/* Desktop layout - horizontal buttons */}\n                <div className=\"hidden md:flex gap-3 justify-between items-center\">\n                  <ButtonDesktop type=\"back\" onClick={onRetake}>\n                    {t(\"selfie.confirmation.retake\", \"Reprendre le selfie\")}\n                  </ButtonDesktop>\n                </div>\n              </div>\n            </div>\n          )}\n        </div>\n      </div>\n    </div>\n  );\n};\n\nexport default SelfieProcessing;\n"],"names":["useI18n","useState","useRef","useEffect","__awaiter","getActiveSessionId","analyzeSelfie","codeToStep","_jsx","_jsxs","Title","Subtitle","ButtonDesktop"],"mappings":"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"}
+{"version":3,"file":"SelfieProcessing.js","sources":["../../../../../../src/components/selfie/selfie-flow/SelfieProcessing.tsx"],"sourcesContent":["import { useState, useEffect, useRef } from \"react\";\nimport Title from \"../../ui/Title\";\nimport Subtitle from \"../../ui/Subtitle\";\nimport { useI18n } from \"../../../hooks/useI18n\";\nimport { codeToStep } from \"../../../services/utils\";\nimport type { SelfieCaptureData } from \"../../../types/selfie\";\nimport { analyzeSelfie } from \"../../../services/analysis\";\nimport { getActiveSessionId } from \"../../../services/sessionMemoryStore\";\nimport ButtonDesktop from \"../../ui/ButtonDesktop\";\n\ninterface SelfieProcessingProps {\n  onProcessingComplete: (success: boolean) => void;\n  selfieVideo: SelfieCaptureData | null;\n  selfiePhoto: string | null;\n  onRetake: () => void;\n  onContinueAnyway?: () => void;\n}\n\nconst processingSteps = [\n  { key: \"analysis\" },\n  { key: \"face_detection\" },\n  { key: \"liveness\" },\n  { key: \"finalization\" },\n];\nconst SelfieProcessing = ({\n  onProcessingComplete,\n  selfieVideo,\n  selfiePhoto,\n  onRetake,\n  onContinueAnyway,\n}: SelfieProcessingProps) => {\n  const { t } = useI18n();\n  const [currentStep, setCurrentStep] = useState(0);\n  const [hasError, setHasError] = useState(false);\n  const [isDone, setIsDone] = useState(false);\n  const [conformityCode, setConformityCode] = useState<string | null>(null);\n\n  const analysisStartedRef = useRef(false);\n  useEffect(() => {\n    // Prevent multiple analysis runs\n    if (analysisStartedRef.current) return;\n    if (!selfieVideo || !selfiePhoto) return;\n\n    analysisStartedRef.current = true;\n\n    // Timeout simple : 60 secondes pour tous\n    const timeoutId = setTimeout(() => {\n      if (!isDone) {\n        console.error(\"⏰ Selfie analysis timeout after 60 seconds\");\n        setHasError(true);\n        setIsDone(true);\n        onProcessingComplete(false);\n      }\n    }, 60000);\n\n    const processFiles = async () => {\n      const sessionId = getActiveSessionId();\n      if (!sessionId) {\n        console.error(\"❌ No session ID found\");\n        setHasError(true);\n        onProcessingComplete(false);\n        setIsDone(true);\n        clearTimeout(timeoutId);\n        return;\n      }\n\n      console.log(\"🚀 Starting selfie analysis...\");\n\n      try {\n        // Délai minimum simple : 2 secondes\n        const [response] = await Promise.all([\n          analyzeSelfie(sessionId, selfieVideo, selfiePhoto),\n          new Promise((resolve) => setTimeout(resolve, 2000)),\n        ]);\n\n        console.log(\"✅ Analysis response:\", response);\n        clearTimeout(timeoutId);\n\n        // Handle Unissey response format\n        let isSuccess = false;\n        let conformityCodeToSet = \"4\"; // Default to error\n\n        if (response && response.data) {\n          // Check if analysis was successful based on real Unissey response structure\n          const data = response.data;\n          const details = data.details;\n          const faceComparison = details?.face_comparison;\n\n          // Success: face match with high confidence\n          if (\n            data.is_match &&\n            faceComparison?.result === \"match\"\n            // faceComparison?.confidence_level === \"high\" Pas assez explicit\n          ) {\n            isSuccess = true;\n            conformityCodeToSet = \"1.0\"; // Success code\n          } else if (details) {\n            // Check specific failure reasons\n            if (faceComparison?.result !== \"match\") {\n              conformityCodeToSet = \"2.0\"; // Face comparison failed\n            } else if (faceComparison?.confidence_level !== \"high\") {\n              conformityCodeToSet = \"3.0\"; // Low confidence\n            } else {\n              conformityCodeToSet = \"4.0\"; // Generic error\n            }\n          }\n        }\n\n        console.log(\"📊 Selfie analysis result:\", {\n          isSuccess,\n          conformityCode: conformityCodeToSet,\n          isMatch: response?.data?.is_match,\n          confidenceLevel:\n            response?.data?.details?.face_comparison?.confidence_level,\n          comparisonResult: response?.data?.details?.face_comparison?.result,\n        });\n\n        setConformityCode(conformityCodeToSet);\n        setIsDone(true);\n\n        // Don't call onProcessingComplete here - let the animation effect handle it\n      } catch (error) {\n        console.error(\"💥 Selfie analysis failed:\", error);\n        clearTimeout(timeoutId);\n        setHasError(true);\n        setIsDone(true);\n        onProcessingComplete(false);\n      }\n    };\n\n    processFiles();\n\n    return () => {\n      clearTimeout(timeoutId);\n    };\n  }, [onProcessingComplete, selfieVideo, selfiePhoto, isDone]);\n\n  useEffect(() => {\n    // While analysis is not finished, stay at step 0\n    if (!isDone && !hasError) {\n      setCurrentStep(0);\n      return;\n    }\n    // We want stepToStop to be the step in error (the one corresponding to conformityCode)\n    let stepToStop = codeToStep(conformityCode || \"4\");\n    // If codeToStep returns 0 (generic error), stop at the first step\n    if (stepToStop === 0) stepToStop = 1;\n    console.log(\"Step to stop (error):\", stepToStop);\n\n    // When analysis is finished (success or error), start the animation\n    const interval = setInterval(() => {\n      setCurrentStep((prev) => {\n        if (prev < stepToStop - 1) {\n          return prev + 1;\n        } else {\n          clearInterval(interval);\n          if (stepToStop < 4) setHasError(true);\n          onProcessingComplete(stepToStop === 4);\n          return prev; // Stop at the step in error\n        }\n      });\n    }, 500); // Adjust the speed of the animation\n    return () => clearInterval(interval);\n  }, [onProcessingComplete, hasError, isDone, conformityCode]);\n\n  return (\n    <div className=\"flex flex-col justify-between h-full w-full\">\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          <div className=\"text-center space-y-4\">\n            <Title className=\"text-xl md:text-2xl lg:text-3xl\">\n              {hasError\n                ? t(\"selfie.processing.error_title\", \"Échec de l'analyse\")\n                : t(\"selfie.processing.title\", \"Analyse en cours\")}\n            </Title>\n            <Subtitle className=\"text-sm text-gray-600 leading-relaxed\">\n              {hasError\n                ? t(\n                    \"selfie.processing.error_subtitle\",\n                    \"Une erreur est survenue lors de l'analyse du selfie. Veuillez réessayer.\",\n                  )\n                : t(\n                    \"selfie.processing.subtitle\",\n                    \"Nous analysons votre selfie. Cela peut prendre quelques instants.\",\n                  )}\n            </Subtitle>\n          </div>\n\n          <div className=\"w-full\">\n            <div className=\"space-y-5\">\n              {processingSteps.map(\n                (step, index) =>\n                  step.key && (\n                    <div key={index} className=\"flex items-start\">\n                      <div className=\"mr-4 mt-1 flex-shrink-0\">\n                        {hasError && index === currentStep ? (\n                          // Step in error - red cross\n                          <div className=\"flex items-center justify-center w-6 h-6 rounded-full bg-red-500 text-white text-xs font-bold\">\n                            ×\n                          </div>\n                        ) : index < currentStep ? (\n                          // Completed step - green check\n                          <div className=\"flex items-center justify-center w-6 h-6 rounded-full bg-[#11E5C5] text-white text-xs\">\n                            ✓\n                          </div>\n                        ) : index === currentStep ? (\n                          // Current step - spinner\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                          // Upcoming step - gray circle\n                          <div className=\"w-6 h-6 rounded-full border-2 border-gray-300\"></div>\n                        )}\n                      </div>\n                      <div className=\"flex-1 min-w-0\">\n                        <p className=\"font-medium text-[#3C3C40] text-sm\">\n                          {t(`selfie.processing.steps.${step.key}.title`)}\n                        </p>\n                        <p className=\"text-xs text-gray-500 mt-1\">\n                          {t(`selfie.processing.steps.${step.key}.subtitle`)}\n                        </p>\n                      </div>\n                    </div>\n                  ),\n              )}\n            </div>\n          </div>\n\n          <div className=\"w-full\">\n            <div className=\"bg-gray-200 rounded-full h-2\">\n              <div\n                className={\n                  hasError\n                    ? \"bg-red-500 h-2 rounded-full transition-all duration-500 ease-out\"\n                    : \"bg-[#11E5C5] h-2 rounded-full transition-all duration-500 ease-out\"\n                }\n                style={{\n                  width: `${\n                    ((currentStep + 1) / processingSteps.length) * 100\n                  }%`,\n                }}\n              ></div>\n            </div>\n            <p className=\"text-xs text-gray-500 mt-2 text-center\">\n              {t(\"selfie.processing.step_of\", {\n                current: currentStep + 1,\n                total: processingSteps.length,\n              })}\n            </p>\n          </div>\n\n          {/* Footer with buttons */}\n          {hasError && (\n            <div className=\"sticky bottom-0 bg-white border-t border-gray-100 p-4 md:p-6\">\n              <div className=\"w-full max-w-md mx-auto\">\n                {/* Mobile layout - stacked buttons */}\n                <div className=\"flex flex-col space-y-3 md:hidden\">\n                  <ButtonDesktop type=\"back\" onClick={onRetake}>\n                    {t(\"selfie.confirmation.retake\", \"Reprendre le selfie\")}\n                  </ButtonDesktop>\n                  {onContinueAnyway && (\n                    <ButtonDesktop type=\"continue\" onClick={onContinueAnyway}>\n                      {t(\"errors.continue_anyway\", \"Poursuivre tout de même\")}\n                    </ButtonDesktop>\n                  )}\n                </div>\n\n                {/* Desktop layout - horizontal buttons */}\n                <div className=\"hidden md:flex gap-3 justify-between items-center\">\n                  <ButtonDesktop type=\"back\" onClick={onRetake}>\n                    {t(\"selfie.confirmation.retake\", \"Reprendre le selfie\")}\n                  </ButtonDesktop>\n                  {onContinueAnyway && (\n                    <ButtonDesktop type=\"continue\" onClick={onContinueAnyway}>\n                      {t(\"errors.continue_anyway\", \"Poursuivre tout de même\")}\n                    </ButtonDesktop>\n                  )}\n                </div>\n              </div>\n            </div>\n          )}\n        </div>\n      </div>\n    </div>\n  );\n};\n\nexport default SelfieProcessing;\n"],"names":["useI18n","useState","useRef","useEffect","__awaiter","getActiveSessionId","analyzeSelfie","codeToStep","_jsx","_jsxs","Title","Subtitle","ButtonDesktop"],"mappings":"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"}

package/dist/cjs/components/session/Selfie.js

@@ -40,6 +40,12 @@ var Selfie = function (_a) {
             stepObject.goToNextStep(node.id, template);
         }
     };
+    var handleContinueAnyway = function () {
+        sessionService.updateSessionCurrentStep(sessionId, stepObject.step + 1).catch(function (error) {
+            console.error("Failed to update current step after KO bypass:", error);
+        });
+        stepObject.goToNextStep(node.id, template);
+    };
     var onRetake = function () {
         setInternalStep(0);
     };
@@ -51,7 +57,7 @@ var Selfie = function (_a) {
         stepObject.setStep(stepObject.step - 1);
     };
     console.log("[Selfie] buttonBgColor:", template.buttonBgColor, "buttonTextColor:", template.buttonTextColor);
-    return (jsxRuntime.jsxs("div", { className: "h-full w-full transition-opacity duration-500 ".concat(isTransitioning ? "opacity-50" : "opacity-100"), children: [internalStep === 0 && (jsxRuntime.jsx(Video.default, { setSelfieData: setSelfieData, setStep: setInternalStep, onBack: handleBackToParent, btnBg: (_b = template.buttonBgColor) !== null && _b !== void 0 ? _b : "#11E5C5", btnText: (_c = template.buttonTextColor) !== null && _c !== void 0 ? _c : "#3C3C40" })), internalStep === 1 && selfieData && (jsxRuntime.jsx(SelfieConfirmation.default, { selfieData: selfieData, onConfirm: handleConfirmSelfie, onRetake: handleRetakeSelfie, setSelfiePhoto: setSelfiePhoto })), internalStep === 2 && selfieData && (jsxRuntime.jsx(SelfieProcessing.default, { onProcessingComplete: selfieProcessed, selfieVideo: selfieData, selfiePhoto: selfiePhoto, onRetake: onRetake }))] }));
+    return (jsxRuntime.jsxs("div", { className: "h-full w-full transition-opacity duration-500 ".concat(isTransitioning ? "opacity-50" : "opacity-100"), children: [internalStep === 0 && (jsxRuntime.jsx(Video.default, { setSelfieData: setSelfieData, setStep: setInternalStep, onBack: handleBackToParent, btnBg: (_b = template.buttonBgColor) !== null && _b !== void 0 ? _b : "#11E5C5", btnText: (_c = template.buttonTextColor) !== null && _c !== void 0 ? _c : "#3C3C40" })), internalStep === 1 && selfieData && (jsxRuntime.jsx(SelfieConfirmation.default, { selfieData: selfieData, onConfirm: handleConfirmSelfie, onRetake: handleRetakeSelfie, setSelfiePhoto: setSelfiePhoto })), internalStep === 2 && selfieData && (jsxRuntime.jsx(SelfieProcessing.default, { onProcessingComplete: selfieProcessed, selfieVideo: selfieData, selfiePhoto: selfiePhoto, onRetake: onRetake, onContinueAnyway: handleContinueAnyway }))] }));
 };
 
 exports.default = Selfie;

package/dist/cjs/components/session/Selfie.js.map

@@ -1 +1 @@
-{"version":3,"file":"Selfie.js","sources":["../../../../../src/components/session/Selfie.tsx"],"sourcesContent":["import { useState } from \"react\";\nimport {\n  SessionTemplate,\n  SessionTemplateNode,\n  stepObject,\n} from \"../../types/session\";\nimport Video from \"../selfie/Video\";\nimport SelfieConfirmation from \"../selfie/SelfieConfirmation\";\nimport type { SelfieCaptureData } from \"../../types/selfie\";\nimport SelfieProcessing from \"../selfie/selfie-flow/SelfieProcessing\";\nimport {\n  updateSessionCurrentStep,\n  getOrderedJourneySteps,\n} from \"../../services/sessionService\";\n\n/**\n * Composant de gestion du flux selfie.\n * Gère les étapes internes de capture et confirmation du selfie.\n */\nconst Selfie = ({\n  stepObject,\n  sessionId,\n  node,\n  template,\n}: {\n  stepObject: stepObject;\n  sessionId: string;\n  node: SessionTemplateNode;\n  template: SessionTemplate;\n}) => {\n  const [internalStep, setInternalStep] = useState(0);\n  const [selfieData, setSelfieData] = useState<SelfieCaptureData | null>(null);\n  const [selfiePhoto, setSelfiePhoto] = useState<string | null>(null);\n  const [isTransitioning, setIsTransitioning] = useState(false);\n\n  const handleConfirmSelfie = () => {\n    // Ajouter une transition visuelle avant de passer à l'étape suivante\n    setIsTransitioning(true);\n\n    // Attendre un peu pour l'animation avant de passer à l'étape suivante\n    setTimeout(() => {\n      setInternalStep(2); // Passer à l'étape de traitement du selfie\n      setIsTransitioning(false);\n    }, 500);\n  };\n\n  const selfieProcessed = (processed: boolean) => {\n    // Callback pour indiquer que le selfie a été traité\n    if (processed) {\n      // Increment currentStep in database immediately after successful analysis\n      // This prevents double analysis if the user refreshes the page\n      updateSessionCurrentStep(sessionId, stepObject.step + 1).catch((error) => {\n        console.error(\"Failed to update current step after successful analysis:\", error);\n      });\n      stepObject.goToNextStep(node.id, template);\n    }\n  };\n\n  const onRetake = () => {\n    setInternalStep(0);\n  };\n\n  const handleRetakeSelfie = () => {\n    setInternalStep(0);\n  };\n\n  const handleBackToParent = () => {\n    // Retourner à l'étape précédente du flow principal\n    stepObject.setStep(stepObject.step - 1);\n  };\n\n  console.log(\"[Selfie] buttonBgColor:\", template.buttonBgColor, \"buttonTextColor:\", template.buttonTextColor);\n\n  return (\n    <div\n      className={`h-full w-full transition-opacity duration-500 ${isTransitioning ? \"opacity-50\" : \"opacity-100\"\n        }`}\n    >\n      {internalStep === 0 && (\n        <Video\n          setSelfieData={setSelfieData}\n          setStep={setInternalStep}\n          onBack={handleBackToParent}\n          btnBg={template.buttonBgColor ?? \"#11E5C5\"}\n          btnText={template.buttonTextColor ?? \"#3C3C40\"}\n        />\n      )}\n      {internalStep === 1 && selfieData && (\n        <SelfieConfirmation\n          selfieData={selfieData}\n          onConfirm={handleConfirmSelfie}\n          onRetake={handleRetakeSelfie}\n          setSelfiePhoto={setSelfiePhoto}\n        />\n      )}\n      {internalStep === 2 && selfieData && (\n        <SelfieProcessing\n          onProcessingComplete={selfieProcessed}\n          selfieVideo={selfieData}\n          selfiePhoto={selfiePhoto}\n          onRetake={onRetake}\n        />\n      )}\n    </div>\n  );\n};\n\nexport default Selfie;\n"],"names":["useState","updateSessionCurrentStep","_jsxs","_jsx","Video","SelfieConfirmation","SelfieProcessing"],"mappings":"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"}
+{"version":3,"file":"Selfie.js","sources":["../../../../../src/components/session/Selfie.tsx"],"sourcesContent":["import { useState } from \"react\";\nimport {\n  SessionTemplate,\n  SessionTemplateNode,\n  stepObject,\n} from \"../../types/session\";\nimport Video from \"../selfie/Video\";\nimport SelfieConfirmation from \"../selfie/SelfieConfirmation\";\nimport type { SelfieCaptureData } from \"../../types/selfie\";\nimport SelfieProcessing from \"../selfie/selfie-flow/SelfieProcessing\";\nimport {\n  updateSessionCurrentStep,\n  getOrderedJourneySteps,\n} from \"../../services/sessionService\";\n\n/**\n * Composant de gestion du flux selfie.\n * Gère les étapes internes de capture et confirmation du selfie.\n */\nconst Selfie = ({\n  stepObject,\n  sessionId,\n  node,\n  template,\n}: {\n  stepObject: stepObject;\n  sessionId: string;\n  node: SessionTemplateNode;\n  template: SessionTemplate;\n}) => {\n  const [internalStep, setInternalStep] = useState(0);\n  const [selfieData, setSelfieData] = useState<SelfieCaptureData | null>(null);\n  const [selfiePhoto, setSelfiePhoto] = useState<string | null>(null);\n  const [isTransitioning, setIsTransitioning] = useState(false);\n\n  const handleConfirmSelfie = () => {\n    // Ajouter une transition visuelle avant de passer à l'étape suivante\n    setIsTransitioning(true);\n\n    // Attendre un peu pour l'animation avant de passer à l'étape suivante\n    setTimeout(() => {\n      setInternalStep(2); // Passer à l'étape de traitement du selfie\n      setIsTransitioning(false);\n    }, 500);\n  };\n\n  const selfieProcessed = (processed: boolean) => {\n    // Callback pour indiquer que le selfie a été traité\n    if (processed) {\n      // Increment currentStep in database immediately after successful analysis\n      // This prevents double analysis if the user refreshes the page\n      updateSessionCurrentStep(sessionId, stepObject.step + 1).catch((error) => {\n        console.error(\"Failed to update current step after successful analysis:\", error);\n      });\n      stepObject.goToNextStep(node.id, template);\n    }\n  };\n\n  const handleContinueAnyway = () => {\n    updateSessionCurrentStep(sessionId, stepObject.step + 1).catch((error) => {\n      console.error(\"Failed to update current step after KO bypass:\", error);\n    });\n    stepObject.goToNextStep(node.id, template);\n  };\n\n  const onRetake = () => {\n    setInternalStep(0);\n  };\n\n  const handleRetakeSelfie = () => {\n    setInternalStep(0);\n  };\n\n  const handleBackToParent = () => {\n    // Retourner à l'étape précédente du flow principal\n    stepObject.setStep(stepObject.step - 1);\n  };\n\n  console.log(\"[Selfie] buttonBgColor:\", template.buttonBgColor, \"buttonTextColor:\", template.buttonTextColor);\n\n  return (\n    <div\n      className={`h-full w-full transition-opacity duration-500 ${isTransitioning ? \"opacity-50\" : \"opacity-100\"\n        }`}\n    >\n      {internalStep === 0 && (\n        <Video\n          setSelfieData={setSelfieData}\n          setStep={setInternalStep}\n          onBack={handleBackToParent}\n          btnBg={template.buttonBgColor ?? \"#11E5C5\"}\n          btnText={template.buttonTextColor ?? \"#3C3C40\"}\n        />\n      )}\n      {internalStep === 1 && selfieData && (\n        <SelfieConfirmation\n          selfieData={selfieData}\n          onConfirm={handleConfirmSelfie}\n          onRetake={handleRetakeSelfie}\n          setSelfiePhoto={setSelfiePhoto}\n        />\n      )}\n      {internalStep === 2 && selfieData && (\n        <SelfieProcessing\n          onProcessingComplete={selfieProcessed}\n          selfieVideo={selfieData}\n          selfiePhoto={selfiePhoto}\n          onRetake={onRetake}\n          onContinueAnyway={handleContinueAnyway}\n        />\n      )}\n    </div>\n  );\n};\n\nexport default Selfie;\n"],"names":["useState","updateSessionCurrentStep","_jsxs","_jsx","Video","SelfieConfirmation","SelfieProcessing"],"mappings":";;;;;;;;;;;AAeA;;;AAGG;AACH,IAAM,MAAM,GAAG,UAAC,EAUf,EAAA;;QATC,UAAU,GAAA,EAAA,CAAA,UAAA,EACV,SAAS,GAAA,EAAA,CAAA,SAAA,EACT,IAAI,GAAA,EAAA,CAAA,IAAA,EACJ,QAAQ,GAAA,EAAA,CAAA,QAAA;IAOF,IAAA,EAAA,GAAkCA,cAAQ,CAAC,CAAC,CAAC,EAA5C,YAAY,GAAA,EAAA,CAAA,CAAA,CAAA,EAAE,eAAe,GAAA,EAAA,CAAA,CAAA,CAAe;IAC7C,IAAA,EAAA,GAA8BA,cAAQ,CAA2B,IAAI,CAAC,EAArE,UAAU,GAAA,EAAA,CAAA,CAAA,CAAA,EAAE,aAAa,GAAA,EAAA,CAAA,CAAA,CAA4C;IACtE,IAAA,EAAA,GAAgCA,cAAQ,CAAgB,IAAI,CAAC,EAA5D,WAAW,GAAA,EAAA,CAAA,CAAA,CAAA,EAAE,cAAc,GAAA,EAAA,CAAA,CAAA,CAAiC;IAC7D,IAAA,EAAA,GAAwCA,cAAQ,CAAC,KAAK,CAAC,EAAtD,eAAe,GAAA,EAAA,CAAA,CAAA,CAAA,EAAE,kBAAkB,GAAA,EAAA,CAAA,CAAA,CAAmB;AAE7D,IAAA,IAAM,mBAAmB,GAAG,YAAA;;QAE1B,kBAAkB,CAAC,IAAI,CAAC;;AAGxB,QAAA,UAAU,CAAC,YAAA;AACT,YAAA,eAAe,CAAC,CAAC,CAAC,CAAC;YACnB,kBAAkB,CAAC,KAAK,CAAC;QAC3B,CAAC,EAAE,GAAG,CAAC;AACT,IAAA,CAAC;IAED,IAAM,eAAe,GAAG,UAAC,SAAkB,EAAA;;QAEzC,IAAI,SAAS,EAAE;;;AAGb,YAAAC,uCAAwB,CAAC,SAAS,EAAE,UAAU,CAAC,IAAI,GAAG,CAAC,CAAC,CAAC,KAAK,CAAC,UAAC,KAAK,EAAA;AACnE,gBAAA,OAAO,CAAC,KAAK,CAAC,0DAA0D,EAAE,KAAK,CAAC;AAClF,YAAA,CAAC,CAAC;YACF,UAAU,CAAC,YAAY,CAAC,IAAI,CAAC,EAAE,EAAE,QAAQ,CAAC;QAC5C;AACF,IAAA,CAAC;AAED,IAAA,IAAM,oBAAoB,GAAG,YAAA;AAC3B,QAAAA,uCAAwB,CAAC,SAAS,EAAE,UAAU,CAAC,IAAI,GAAG,CAAC,CAAC,CAAC,KAAK,CAAC,UAAC,KAAK,EAAA;AACnE,YAAA,OAAO,CAAC,KAAK,CAAC,gDAAgD,EAAE,KAAK,CAAC;AACxE,QAAA,CAAC,CAAC;QACF,UAAU,CAAC,YAAY,CAAC,IAAI,CAAC,EAAE,EAAE,QAAQ,CAAC;AAC5C,IAAA,CAAC;AAED,IAAA,IAAM,QAAQ,GAAG,YAAA;QACf,eAAe,CAAC,CAAC,CAAC;AACpB,IAAA,CAAC;AAED,IAAA,IAAM,kBAAkB,GAAG,YAAA;QACzB,eAAe,CAAC,CAAC,CAAC;AACpB,IAAA,CAAC;AAED,IAAA,IAAM,kBAAkB,GAAG,YAAA;;QAEzB,UAAU,CAAC,OAAO,CAAC,UAAU,CAAC,IAAI,GAAG,CAAC,CAAC;AACzC,IAAA,CAAC;AAED,IAAA,OAAO,CAAC,GAAG,CAAC,yBAAyB,EAAE,QAAQ,CAAC,aAAa,EAAE,kBAAkB,EAAE,QAAQ,CAAC,eAAe,CAAC;IAE5G,QACEC,eAAA,CAAA,KAAA,EAAA,EACE,SAAS,EAAE,gDAAA,CAAA,MAAA,CAAiD,eAAe,GAAG,YAAY,GAAG,aAAa,CACtG,EAAA,QAAA,EAAA,CAEH,YAAY,KAAK,CAAC,KACjBC,cAAA,CAACC,aAAK,EAAA,EACJ,aAAa,EAAE,aAAa,EAC5B,OAAO,EAAE,eAAe,EACxB,MAAM,EAAE,kBAAkB,EAC1B,KAAK,EAAE,CAAA,EAAA,GAAA,QAAQ,CAAC,aAAa,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,EAAA,GAAI,SAAS,EAC1C,OAAO,EAAE,CAAA,EAAA,GAAA,QAAQ,CAAC,eAAe,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,EAAA,GAAI,SAAS,EAAA,CAC9C,CACH,EACA,YAAY,KAAK,CAAC,IAAI,UAAU,KAC/BD,cAAA,CAACE,0BAAkB,EAAA,EACjB,UAAU,EAAE,UAAU,EACtB,SAAS,EAAE,mBAAmB,EAC9B,QAAQ,EAAE,kBAAkB,EAC5B,cAAc,EAAE,cAAc,EAAA,CAC9B,CACH,EACA,YAAY,KAAK,CAAC,IAAI,UAAU,KAC/BF,cAAA,CAACG,wBAAgB,EAAA,EACf,oBAAoB,EAAE,eAAe,EACrC,WAAW,EAAE,UAAU,EACvB,WAAW,EAAE,WAAW,EACxB,QAAQ,EAAE,QAAQ,EAClB,gBAAgB,EAAE,oBAAoB,EAAA,CACtC,CACH,CAAA,EAAA,CACG;AAEV;;;;"}

package/dist/cjs/components/session/StartSession.js

@@ -16,10 +16,11 @@ var StartSession = function (_a) {
     var startNode = (_c = (_b = session === null || session === void 0 ? void 0 : session.template) === null || _b === void 0 ? void 0 : _b.nodes) === null || _c === void 0 ? void 0 : _c.find(function (node) { return node.type === "start"; });
     // showLegacyCGU defaults to true for backward compatibility (undefined = true)
     var showLegacyCGU = (startNode === null || startNode === void 0 ? void 0 : startNode.showLegacyCGU) !== false;
-    // If CGU is disabled, clicking "Start" skips CGU and goes directly to journey step 1
+    // If CGU is disabled, clicking "Start" skips CGU.
+    // Still honour showQRCodeInstructions so the QR code step is not bypassed.
     var handleStartButtonClick = function (localStep) {
         if (!showLegacyCGU) {
-            setStep(1);
+            setStep(showQRCodeInstructions ? 0.5 : 1);
         }
         else {
             setStartStep(localStep);

package/dist/cjs/components/session/StartSession.js.map

@@ -1 +1 @@
-{"version":3,"file":"StartSession.js","sources":["../../../../../src/components/session/StartSession.tsx"],"sourcesContent":["import { useState } from \"react\";\nimport type { stepObject } from \"../../types/session\";\nimport { type SessionData } from \"../../types/session\";\nimport Start from \"../start-flow/Start\";\nimport CGU from \"../start-flow/CGU\";\n\ninterface StartSessionProps {\n  stepObject: stepObject;\n  session: SessionData | null;\n  showQRCodeInstructions: boolean;\n}\n\nconst StartSession = ({ stepObject, session, showQRCodeInstructions }: StartSessionProps) => {\n  const { setStep } = stepObject;\n  const [startStep, setStartStep] = useState(0);\n\n  // Find the start node from template\n  const startNode = (session as SessionData | null)?.template?.nodes?.find(\n    (node) => node.type === \"start\"\n  );\n\n  // showLegacyCGU defaults to true for backward compatibility (undefined = true)\n  const showLegacyCGU = (startNode as { showLegacyCGU?: boolean } | undefined)?.showLegacyCGU !== false;\n\n  // If CGU is disabled, clicking \"Start\" skips CGU and goes directly to journey step 1\n  const handleStartButtonClick = (localStep: number) => {\n    if (!showLegacyCGU) {\n      setStep(1);\n    } else {\n      setStartStep(localStep);\n    }\n  };\n\n  return (\n    <div className=\"w-full h-full\">\n      {startStep === 0 && (\n        <Start\n          setStep={handleStartButtonClick}\n          welcomeTitle={startNode?.welcomeTitle}\n          welcomeSubtitle={startNode?.welcomeSubtitle}\n          welcomeDescription={startNode?.welcomeDescription}\n          welcomeImage={startNode?.welcomeImage}\n          session={session ?? undefined}\n        />\n      )}\n      {startStep === 1 && showLegacyCGU && (\n        <CGU\n          setStep={setStep}\n          session={session ?? undefined}\n          sessionId={session?.id}\n          showQRCodeInstructions={showQRCodeInstructions}\n          languages={session?.template?.languages}\n          onBack={() => setStartStep(0)}\n        />\n      )}\n    </div>\n  );\n};\n\nexport default StartSession;\n"],"names":["useState","_jsxs","_jsx","Start","CGU"],"mappings":";;;;;;;;;AAYA,IAAM,YAAY,GAAG,UAAC,EAAkE,EAAA;;AAAhE,IAAA,IAAA,UAAU,gBAAA,EAAE,OAAO,GAAA,EAAA,CAAA,OAAA,EAAE,sBAAsB,GAAA,EAAA,CAAA,sBAAA;AACzD,IAAA,IAAA,OAAO,GAAK,UAAU,CAAA,OAAf;IACT,IAAA,EAAA,GAA4BA,cAAQ,CAAC,CAAC,CAAC,EAAtC,SAAS,GAAA,EAAA,CAAA,CAAA,CAAA,EAAE,YAAY,GAAA,EAAA,CAAA,CAAA,CAAe;;AAG7C,IAAA,IAAM,SAAS,GAAG,CAAA,EAAA,GAAA,CAAA,EAAA,GAAC,OAA8B,KAAA,IAAA,IAA9B,OAAO,KAAA,MAAA,GAAA,MAAA,GAAP,OAAO,CAAyB,QAAQ,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAE,KAAK,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAE,IAAI,CACtE,UAAC,IAAI,EAAA,EAAK,OAAA,IAAI,CAAC,IAAI,KAAK,OAAO,CAAA,CAArB,CAAqB,CAChC;;AAGD,IAAA,IAAM,aAAa,GAAG,CAAC,SAAqD,KAAA,IAAA,IAArD,SAAS,KAAA,MAAA,GAAA,MAAA,GAAT,SAAS,CAA8C,aAAa,MAAK,KAAK;;IAGrG,IAAM,sBAAsB,GAAG,UAAC,SAAiB,EAAA;QAC/C,IAAI,CAAC,aAAa,EAAE;YAClB,OAAO,CAAC,CAAC,CAAC;QACZ;aAAO;YACL,YAAY,CAAC,SAAS,CAAC;QACzB;AACF,IAAA,CAAC;AAED,IAAA,QACEC,eAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,eAAe,EAAA,QAAA,EAAA,CAC3B,SAAS,KAAK,CAAC,KACdC,cAAA,CAACC,aAAK,EAAA,EACJ,OAAO,EAAE,sBAAsB,EAC/B,YAAY,EAAE,SAAS,KAAA,IAAA,IAAT,SAAS,KAAA,MAAA,GAAA,MAAA,GAAT,SAAS,CAAE,YAAY,EACrC,eAAe,EAAE,SAAS,KAAA,IAAA,IAAT,SAAS,KAAA,MAAA,GAAA,MAAA,GAAT,SAAS,CAAE,eAAe,EAC3C,kBAAkB,EAAE,SAAS,KAAA,IAAA,IAAT,SAAS,KAAA,MAAA,GAAA,MAAA,GAAT,SAAS,CAAE,kBAAkB,EACjD,YAAY,EAAE,SAAS,KAAA,IAAA,IAAT,SAAS,KAAA,MAAA,GAAA,MAAA,GAAT,SAAS,CAAE,YAAY,EACrC,OAAO,EAAE,OAAO,KAAA,IAAA,IAAP,OAAO,KAAA,MAAA,GAAP,OAAO,GAAI,SAAS,EAAA,CAC7B,CACH,EACA,SAAS,KAAK,CAAC,IAAI,aAAa,KAC/BD,cAAA,CAACE,WAAG,EAAA,EACF,OAAO,EAAE,OAAO,EAChB,OAAO,EAAE,OAAO,KAAA,IAAA,IAAP,OAAO,KAAA,MAAA,GAAP,OAAO,GAAI,SAAS,EAC7B,SAAS,EAAE,OAAO,KAAA,IAAA,IAAP,OAAO,uBAAP,OAAO,CAAE,EAAE,EACtB,sBAAsB,EAAE,sBAAsB,EAC9C,SAAS,EAAE,CAAA,EAAA,GAAA,OAAO,KAAA,IAAA,IAAP,OAAO,KAAA,MAAA,GAAA,MAAA,GAAP,OAAO,CAAE,QAAQ,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAE,SAAS,EACvC,MAAM,EAAE,YAAA,EAAM,OAAA,YAAY,CAAC,CAAC,CAAC,CAAA,CAAf,CAAe,EAAA,CAC7B,CACH,CAAA,EAAA,CACG;AAEV;;;;"}
+{"version":3,"file":"StartSession.js","sources":["../../../../../src/components/session/StartSession.tsx"],"sourcesContent":["import { useState } from \"react\";\nimport type { stepObject } from \"../../types/session\";\nimport { type SessionData } from \"../../types/session\";\nimport Start from \"../start-flow/Start\";\nimport CGU from \"../start-flow/CGU\";\n\ninterface StartSessionProps {\n  stepObject: stepObject;\n  session: SessionData | null;\n  showQRCodeInstructions: boolean;\n}\n\nconst StartSession = ({ stepObject, session, showQRCodeInstructions }: StartSessionProps) => {\n  const { setStep } = stepObject;\n  const [startStep, setStartStep] = useState(0);\n\n  // Find the start node from template\n  const startNode = (session as SessionData | null)?.template?.nodes?.find(\n    (node) => node.type === \"start\"\n  );\n\n  // showLegacyCGU defaults to true for backward compatibility (undefined = true)\n  const showLegacyCGU = (startNode as { showLegacyCGU?: boolean } | undefined)?.showLegacyCGU !== false;\n\n  // If CGU is disabled, clicking \"Start\" skips CGU.\n  // Still honour showQRCodeInstructions so the QR code step is not bypassed.\n  const handleStartButtonClick = (localStep: number) => {\n    if (!showLegacyCGU) {\n      setStep(showQRCodeInstructions ? 0.5 : 1);\n    } else {\n      setStartStep(localStep);\n    }\n  };\n\n  return (\n    <div className=\"w-full h-full\">\n      {startStep === 0 && (\n        <Start\n          setStep={handleStartButtonClick}\n          welcomeTitle={startNode?.welcomeTitle}\n          welcomeSubtitle={startNode?.welcomeSubtitle}\n          welcomeDescription={startNode?.welcomeDescription}\n          welcomeImage={startNode?.welcomeImage}\n          session={session ?? undefined}\n        />\n      )}\n      {startStep === 1 && showLegacyCGU && (\n        <CGU\n          setStep={setStep}\n          session={session ?? undefined}\n          sessionId={session?.id}\n          showQRCodeInstructions={showQRCodeInstructions}\n          languages={session?.template?.languages}\n          onBack={() => setStartStep(0)}\n        />\n      )}\n    </div>\n  );\n};\n\nexport default StartSession;\n"],"names":["useState","_jsxs","_jsx","Start","CGU"],"mappings":";;;;;;;;;AAYA,IAAM,YAAY,GAAG,UAAC,EAAkE,EAAA;;AAAhE,IAAA,IAAA,UAAU,gBAAA,EAAE,OAAO,GAAA,EAAA,CAAA,OAAA,EAAE,sBAAsB,GAAA,EAAA,CAAA,sBAAA;AACzD,IAAA,IAAA,OAAO,GAAK,UAAU,CAAA,OAAf;IACT,IAAA,EAAA,GAA4BA,cAAQ,CAAC,CAAC,CAAC,EAAtC,SAAS,GAAA,EAAA,CAAA,CAAA,CAAA,EAAE,YAAY,GAAA,EAAA,CAAA,CAAA,CAAe;;AAG7C,IAAA,IAAM,SAAS,GAAG,CAAA,EAAA,GAAA,CAAA,EAAA,GAAC,OAA8B,KAAA,IAAA,IAA9B,OAAO,KAAA,MAAA,GAAA,MAAA,GAAP,OAAO,CAAyB,QAAQ,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAE,KAAK,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAE,IAAI,CACtE,UAAC,IAAI,EAAA,EAAK,OAAA,IAAI,CAAC,IAAI,KAAK,OAAO,CAAA,CAArB,CAAqB,CAChC;;AAGD,IAAA,IAAM,aAAa,GAAG,CAAC,SAAqD,KAAA,IAAA,IAArD,SAAS,KAAA,MAAA,GAAA,MAAA,GAAT,SAAS,CAA8C,aAAa,MAAK,KAAK;;;IAIrG,IAAM,sBAAsB,GAAG,UAAC,SAAiB,EAAA;QAC/C,IAAI,CAAC,aAAa,EAAE;YAClB,OAAO,CAAC,sBAAsB,GAAG,GAAG,GAAG,CAAC,CAAC;QAC3C;aAAO;YACL,YAAY,CAAC,SAAS,CAAC;QACzB;AACF,IAAA,CAAC;AAED,IAAA,QACEC,eAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,eAAe,EAAA,QAAA,EAAA,CAC3B,SAAS,KAAK,CAAC,KACdC,cAAA,CAACC,aAAK,EAAA,EACJ,OAAO,EAAE,sBAAsB,EAC/B,YAAY,EAAE,SAAS,KAAA,IAAA,IAAT,SAAS,KAAA,MAAA,GAAA,MAAA,GAAT,SAAS,CAAE,YAAY,EACrC,eAAe,EAAE,SAAS,KAAA,IAAA,IAAT,SAAS,KAAA,MAAA,GAAA,MAAA,GAAT,SAAS,CAAE,eAAe,EAC3C,kBAAkB,EAAE,SAAS,KAAA,IAAA,IAAT,SAAS,KAAA,MAAA,GAAA,MAAA,GAAT,SAAS,CAAE,kBAAkB,EACjD,YAAY,EAAE,SAAS,KAAA,IAAA,IAAT,SAAS,KAAA,MAAA,GAAA,MAAA,GAAT,SAAS,CAAE,YAAY,EACrC,OAAO,EAAE,OAAO,KAAA,IAAA,IAAP,OAAO,KAAA,MAAA,GAAP,OAAO,GAAI,SAAS,EAAA,CAC7B,CACH,EACA,SAAS,KAAK,CAAC,IAAI,aAAa,KAC/BD,cAAA,CAACE,WAAG,EAAA,EACF,OAAO,EAAE,OAAO,EAChB,OAAO,EAAE,OAAO,KAAA,IAAA,IAAP,OAAO,KAAA,MAAA,GAAP,OAAO,GAAI,SAAS,EAC7B,SAAS,EAAE,OAAO,KAAA,IAAA,IAAP,OAAO,uBAAP,OAAO,CAAE,EAAE,EACtB,sBAAsB,EAAE,sBAAsB,EAC9C,SAAS,EAAE,CAAA,EAAA,GAAA,OAAO,KAAA,IAAA,IAAP,OAAO,KAAA,MAAA,GAAA,MAAA,GAAP,OAAO,CAAE,QAAQ,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAE,SAAS,EACvC,MAAM,EAAE,YAAA,EAAM,OAAA,YAAY,CAAC,CAAC,CAAC,CAAA,CAAf,CAAe,EAAA,CAC7B,CACH,CAAA,EAAA,CACG;AAEV;;;;"}

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

@@ -16,7 +16,7 @@ var processingSteps = [
     { key: "finalization" },
 ];
 var SelfieProcessing = function (_a) {
-    var onProcessingComplete = _a.onProcessingComplete, selfieVideo = _a.selfieVideo, selfiePhoto = _a.selfiePhoto, onRetake = _a.onRetake;
+    var onProcessingComplete = _a.onProcessingComplete, selfieVideo = _a.selfieVideo, selfiePhoto = _a.selfiePhoto, onRetake = _a.onRetake, onContinueAnyway = _a.onContinueAnyway;
     var t = useI18n().t;
     var _b = useState(0), currentStep = _b[0], setCurrentStep = _b[1];
     var _c = useState(false), hasError = _c[0], setHasError = _c[1];
@@ -170,7 +170,7 @@ var SelfieProcessing = function (_a) {
                                     } }) }), jsx("p", { className: "text-xs text-gray-500 mt-2 text-center", children: t("selfie.processing.step_of", {
                                     current: currentStep + 1,
                                     total: processingSteps.length,
-                                }) })] }), hasError && (jsx("div", { className: "sticky bottom-0 bg-white border-t border-gray-100 p-4 md:p-6", children: jsxs("div", { className: "w-full max-w-md mx-auto", children: [jsx("div", { className: "flex flex-col space-y-3 md:hidden", children: jsx(ButtonDesktop, { type: "back", onClick: onRetake, children: t("selfie.confirmation.retake", "Reprendre le selfie") }) }), jsx("div", { className: "hidden md:flex gap-3 justify-between items-center", children: jsx(ButtonDesktop, { type: "back", onClick: onRetake, children: t("selfie.confirmation.retake", "Reprendre le selfie") }) })] }) }))] }) }) }));
+                                }) })] }), hasError && (jsx("div", { className: "sticky bottom-0 bg-white border-t border-gray-100 p-4 md:p-6", children: jsxs("div", { className: "w-full max-w-md mx-auto", children: [jsxs("div", { className: "flex flex-col space-y-3 md:hidden", children: [jsx(ButtonDesktop, { type: "back", onClick: onRetake, children: t("selfie.confirmation.retake", "Reprendre le selfie") }), onContinueAnyway && (jsx(ButtonDesktop, { type: "continue", onClick: onContinueAnyway, children: t("errors.continue_anyway", "Poursuivre tout de même") }))] }), jsxs("div", { className: "hidden md:flex gap-3 justify-between items-center", children: [jsx(ButtonDesktop, { type: "back", onClick: onRetake, children: t("selfie.confirmation.retake", "Reprendre le selfie") }), onContinueAnyway && (jsx(ButtonDesktop, { type: "continue", onClick: onContinueAnyway, children: t("errors.continue_anyway", "Poursuivre tout de même") }))] })] }) }))] }) }) }));
 };
 
 export { SelfieProcessing as default };

package/dist/esm/components/selfie/selfie-flow/SelfieProcessing.js.map

@@ -1 +1 @@
-{"version":3,"file":"SelfieProcessing.js","sources":["../../../../../../src/components/selfie/selfie-flow/SelfieProcessing.tsx"],"sourcesContent":["import { useState, useEffect, useRef } from \"react\";\nimport Title from \"../../ui/Title\";\nimport Subtitle from \"../../ui/Subtitle\";\nimport { useI18n } from \"../../../hooks/useI18n\";\nimport { codeToStep } from \"../../../services/utils\";\nimport type { SelfieCaptureData } from \"../../../types/selfie\";\nimport { analyzeSelfie } from \"../../../services/analysis\";\nimport { getActiveSessionId } from \"../../../services/sessionMemoryStore\";\nimport ButtonDesktop from \"../../ui/ButtonDesktop\";\n\ninterface SelfieProcessingProps {\n  onProcessingComplete: (success: boolean) => void;\n  selfieVideo: SelfieCaptureData | null;\n  selfiePhoto: string | null;\n  onRetake: () => void;\n}\n\nconst processingSteps = [\n  { key: \"analysis\" },\n  { key: \"face_detection\" },\n  { key: \"liveness\" },\n  { key: \"finalization\" },\n];\nconst SelfieProcessing = ({\n  onProcessingComplete,\n  selfieVideo,\n  selfiePhoto,\n  onRetake,\n}: SelfieProcessingProps) => {\n  const { t } = useI18n();\n  const [currentStep, setCurrentStep] = useState(0);\n  const [hasError, setHasError] = useState(false);\n  const [isDone, setIsDone] = useState(false);\n  const [conformityCode, setConformityCode] = useState<string | null>(null);\n\n  const analysisStartedRef = useRef(false);\n  useEffect(() => {\n    // Prevent multiple analysis runs\n    if (analysisStartedRef.current) return;\n    if (!selfieVideo || !selfiePhoto) return;\n\n    analysisStartedRef.current = true;\n\n    // Timeout simple : 60 secondes pour tous\n    const timeoutId = setTimeout(() => {\n      if (!isDone) {\n        console.error(\"⏰ Selfie analysis timeout after 60 seconds\");\n        setHasError(true);\n        setIsDone(true);\n        onProcessingComplete(false);\n      }\n    }, 60000);\n\n    const processFiles = async () => {\n      const sessionId = getActiveSessionId();\n      if (!sessionId) {\n        console.error(\"❌ No session ID found\");\n        setHasError(true);\n        onProcessingComplete(false);\n        setIsDone(true);\n        clearTimeout(timeoutId);\n        return;\n      }\n\n      console.log(\"🚀 Starting selfie analysis...\");\n\n      try {\n        // Délai minimum simple : 2 secondes\n        const [response] = await Promise.all([\n          analyzeSelfie(sessionId, selfieVideo, selfiePhoto),\n          new Promise((resolve) => setTimeout(resolve, 2000)),\n        ]);\n\n        console.log(\"✅ Analysis response:\", response);\n        clearTimeout(timeoutId);\n\n        // Handle Unissey response format\n        let isSuccess = false;\n        let conformityCodeToSet = \"4\"; // Default to error\n\n        if (response && response.data) {\n          // Check if analysis was successful based on real Unissey response structure\n          const data = response.data;\n          const details = data.details;\n          const faceComparison = details?.face_comparison;\n\n          // Success: face match with high confidence\n          if (\n            data.is_match &&\n            faceComparison?.result === \"match\"\n            // faceComparison?.confidence_level === \"high\" Pas assez explicit\n          ) {\n            isSuccess = true;\n            conformityCodeToSet = \"1.0\"; // Success code\n          } else if (details) {\n            // Check specific failure reasons\n            if (faceComparison?.result !== \"match\") {\n              conformityCodeToSet = \"2.0\"; // Face comparison failed\n            } else if (faceComparison?.confidence_level !== \"high\") {\n              conformityCodeToSet = \"3.0\"; // Low confidence\n            } else {\n              conformityCodeToSet = \"4.0\"; // Generic error\n            }\n          }\n        }\n\n        console.log(\"📊 Selfie analysis result:\", {\n          isSuccess,\n          conformityCode: conformityCodeToSet,\n          isMatch: response?.data?.is_match,\n          confidenceLevel:\n            response?.data?.details?.face_comparison?.confidence_level,\n          comparisonResult: response?.data?.details?.face_comparison?.result,\n        });\n\n        setConformityCode(conformityCodeToSet);\n        setIsDone(true);\n\n        // Don't call onProcessingComplete here - let the animation effect handle it\n      } catch (error) {\n        console.error(\"💥 Selfie analysis failed:\", error);\n        clearTimeout(timeoutId);\n        setHasError(true);\n        setIsDone(true);\n        onProcessingComplete(false);\n      }\n    };\n\n    processFiles();\n\n    return () => {\n      clearTimeout(timeoutId);\n    };\n  }, [onProcessingComplete, selfieVideo, selfiePhoto, isDone]);\n\n  useEffect(() => {\n    // While analysis is not finished, stay at step 0\n    if (!isDone && !hasError) {\n      setCurrentStep(0);\n      return;\n    }\n    // We want stepToStop to be the step in error (the one corresponding to conformityCode)\n    let stepToStop = codeToStep(conformityCode || \"4\");\n    // If codeToStep returns 0 (generic error), stop at the first step\n    if (stepToStop === 0) stepToStop = 1;\n    console.log(\"Step to stop (error):\", stepToStop);\n\n    // When analysis is finished (success or error), start the animation\n    const interval = setInterval(() => {\n      setCurrentStep((prev) => {\n        if (prev < stepToStop - 1) {\n          return prev + 1;\n        } else {\n          clearInterval(interval);\n          if (stepToStop < 4) setHasError(true);\n          onProcessingComplete(stepToStop === 4);\n          return prev; // Stop at the step in error\n        }\n      });\n    }, 500); // Adjust the speed of the animation\n    return () => clearInterval(interval);\n  }, [onProcessingComplete, hasError, isDone, conformityCode]);\n\n  return (\n    <div className=\"flex flex-col justify-between h-full w-full\">\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          <div className=\"text-center space-y-4\">\n            <Title className=\"text-xl md:text-2xl lg:text-3xl\">\n              {hasError\n                ? t(\"selfie.processing.error_title\", \"Échec de l'analyse\")\n                : t(\"selfie.processing.title\", \"Analyse en cours\")}\n            </Title>\n            <Subtitle className=\"text-sm text-gray-600 leading-relaxed\">\n              {hasError\n                ? t(\n                    \"selfie.processing.error_subtitle\",\n                    \"Une erreur est survenue lors de l'analyse du selfie. Veuillez réessayer.\",\n                  )\n                : t(\n                    \"selfie.processing.subtitle\",\n                    \"Nous analysons votre selfie. Cela peut prendre quelques instants.\",\n                  )}\n            </Subtitle>\n          </div>\n\n          <div className=\"w-full\">\n            <div className=\"space-y-5\">\n              {processingSteps.map(\n                (step, index) =>\n                  step.key && (\n                    <div key={index} className=\"flex items-start\">\n                      <div className=\"mr-4 mt-1 flex-shrink-0\">\n                        {hasError && index === currentStep ? (\n                          // Step in error - red cross\n                          <div className=\"flex items-center justify-center w-6 h-6 rounded-full bg-red-500 text-white text-xs font-bold\">\n                            ×\n                          </div>\n                        ) : index < currentStep ? (\n                          // Completed step - green check\n                          <div className=\"flex items-center justify-center w-6 h-6 rounded-full bg-[#11E5C5] text-white text-xs\">\n                            ✓\n                          </div>\n                        ) : index === currentStep ? (\n                          // Current step - spinner\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                          // Upcoming step - gray circle\n                          <div className=\"w-6 h-6 rounded-full border-2 border-gray-300\"></div>\n                        )}\n                      </div>\n                      <div className=\"flex-1 min-w-0\">\n                        <p className=\"font-medium text-[#3C3C40] text-sm\">\n                          {t(`selfie.processing.steps.${step.key}.title`)}\n                        </p>\n                        <p className=\"text-xs text-gray-500 mt-1\">\n                          {t(`selfie.processing.steps.${step.key}.subtitle`)}\n                        </p>\n                      </div>\n                    </div>\n                  ),\n              )}\n            </div>\n          </div>\n\n          <div className=\"w-full\">\n            <div className=\"bg-gray-200 rounded-full h-2\">\n              <div\n                className={\n                  hasError\n                    ? \"bg-red-500 h-2 rounded-full transition-all duration-500 ease-out\"\n                    : \"bg-[#11E5C5] h-2 rounded-full transition-all duration-500 ease-out\"\n                }\n                style={{\n                  width: `${\n                    ((currentStep + 1) / processingSteps.length) * 100\n                  }%`,\n                }}\n              ></div>\n            </div>\n            <p className=\"text-xs text-gray-500 mt-2 text-center\">\n              {t(\"selfie.processing.step_of\", {\n                current: currentStep + 1,\n                total: processingSteps.length,\n              })}\n            </p>\n          </div>\n\n          {/* Footer with buttons */}\n          {hasError && (\n            <div className=\"sticky bottom-0 bg-white border-t border-gray-100 p-4 md:p-6\">\n              <div className=\"w-full max-w-md mx-auto\">\n                {/* Mobile layout - stacked buttons */}\n                <div className=\"flex flex-col space-y-3 md:hidden\">\n                  <ButtonDesktop type=\"back\" onClick={onRetake}>\n                    {t(\"selfie.confirmation.retake\", \"Reprendre le selfie\")}\n                  </ButtonDesktop>\n                </div>\n\n                {/* Desktop layout - horizontal buttons */}\n                <div className=\"hidden md:flex gap-3 justify-between items-center\">\n                  <ButtonDesktop type=\"back\" onClick={onRetake}>\n                    {t(\"selfie.confirmation.retake\", \"Reprendre le selfie\")}\n                  </ButtonDesktop>\n                </div>\n              </div>\n            </div>\n          )}\n        </div>\n      </div>\n    </div>\n  );\n};\n\nexport default SelfieProcessing;\n"],"names":["_jsx","_jsxs"],"mappings":";;;;;;;;;;;AAiBA,IAAM,eAAe,GAAG;IACtB,EAAE,GAAG,EAAE,UAAU,EAAE;IACnB,EAAE,GAAG,EAAE,gBAAgB,EAAE;IACzB,EAAE,GAAG,EAAE,UAAU,EAAE;IACnB,EAAE,GAAG,EAAE,cAAc,EAAE;CACxB;AACD,IAAM,gBAAgB,GAAG,UAAC,EAKF,EAAA;QAJtB,oBAAoB,GAAA,EAAA,CAAA,oBAAA,EACpB,WAAW,GAAA,EAAA,CAAA,WAAA,EACX,WAAW,GAAA,EAAA,CAAA,WAAA,EACX,QAAQ,GAAA,EAAA,CAAA,QAAA;AAEA,IAAA,IAAA,CAAC,GAAK,OAAO,EAAE,EAAd;IACH,IAAA,EAAA,GAAgC,QAAQ,CAAC,CAAC,CAAC,EAA1C,WAAW,GAAA,EAAA,CAAA,CAAA,CAAA,EAAE,cAAc,GAAA,EAAA,CAAA,CAAA,CAAe;IAC3C,IAAA,EAAA,GAA0B,QAAQ,CAAC,KAAK,CAAC,EAAxC,QAAQ,GAAA,EAAA,CAAA,CAAA,CAAA,EAAE,WAAW,GAAA,EAAA,CAAA,CAAA,CAAmB;IACzC,IAAA,EAAA,GAAsB,QAAQ,CAAC,KAAK,CAAC,EAApC,MAAM,GAAA,EAAA,CAAA,CAAA,CAAA,EAAE,SAAS,GAAA,EAAA,CAAA,CAAA,CAAmB;IACrC,IAAA,EAAA,GAAsC,QAAQ,CAAgB,IAAI,CAAC,EAAlE,cAAc,GAAA,EAAA,CAAA,CAAA,CAAA,EAAE,iBAAiB,GAAA,EAAA,CAAA,CAAA,CAAiC;AAEzE,IAAA,IAAM,kBAAkB,GAAG,MAAM,CAAC,KAAK,CAAC;AACxC,IAAA,SAAS,CAAC,YAAA;;QAER,IAAI,kBAAkB,CAAC,OAAO;YAAE;AAChC,QAAA,IAAI,CAAC,WAAW,IAAI,CAAC,WAAW;YAAE;AAElC,QAAA,kBAAkB,CAAC,OAAO,GAAG,IAAI;;QAGjC,IAAM,SAAS,GAAG,UAAU,CAAC,YAAA;YAC3B,IAAI,CAAC,MAAM,EAAE;AACX,gBAAA,OAAO,CAAC,KAAK,CAAC,4CAA4C,CAAC;gBAC3D,WAAW,CAAC,IAAI,CAAC;gBACjB,SAAS,CAAC,IAAI,CAAC;gBACf,oBAAoB,CAAC,KAAK,CAAC;YAC7B;QACF,CAAC,EAAE,KAAK,CAAC;AAET,QAAA,IAAM,YAAY,GAAG,YAAA,EAAA,OAAA,SAAA,CAAA,MAAA,EAAA,MAAA,EAAA,MAAA,EAAA,YAAA;;;;;;wBACb,SAAS,GAAG,kBAAkB,EAAE;wBACtC,IAAI,CAAC,SAAS,EAAE;AACd,4BAAA,OAAO,CAAC,KAAK,CAAC,uBAAuB,CAAC;4BACtC,WAAW,CAAC,IAAI,CAAC;4BACjB,oBAAoB,CAAC,KAAK,CAAC;4BAC3B,SAAS,CAAC,IAAI,CAAC;4BACf,YAAY,CAAC,SAAS,CAAC;4BACvB,OAAA,CAAA,CAAA,YAAA;wBACF;AAEA,wBAAA,OAAO,CAAC,GAAG,CAAC,gCAAgC,CAAC;;;;wBAIxB,OAAA,CAAA,CAAA,YAAM,OAAO,CAAC,GAAG,CAAC;AACnC,gCAAA,aAAa,CAAC,SAAS,EAAE,WAAW,EAAE,WAAW,CAAC;AAClD,gCAAA,IAAI,OAAO,CAAC,UAAC,OAAO,IAAK,OAAA,UAAU,CAAC,OAAO,EAAE,IAAI,CAAC,CAAA,CAAzB,CAAyB,CAAC;AACpD,6BAAA,CAAC,CAAA;;AAHK,wBAAA,QAAQ,GAAI,CAAA,EAAA,CAAA,IAAA,EAGjB,EAAA,CAAA,CAHa;AAKf,wBAAA,OAAO,CAAC,GAAG,CAAC,sBAAsB,EAAE,QAAQ,CAAC;wBAC7C,YAAY,CAAC,SAAS,CAAC;wBAGnB,SAAS,GAAG,KAAK;wBACjB,mBAAmB,GAAG,GAAG;AAE7B,wBAAA,IAAI,QAAQ,IAAI,QAAQ,CAAC,IAAI,EAAE;AAEvB,4BAAA,IAAI,GAAG,QAAQ,CAAC,IAAI;AACpB,4BAAA,OAAO,GAAG,IAAI,CAAC,OAAO;4BACtB,cAAc,GAAG,OAAO,KAAA,IAAA,IAAP,OAAO,uBAAP,OAAO,CAAE,eAAe;;4BAG/C,IACE,IAAI,CAAC,QAAQ;gCACb,CAAA,cAAc,aAAd,cAAc,KAAA,MAAA,GAAA,MAAA,GAAd,cAAc,CAAE,MAAM,MAAK;;8BAE3B;gCACA,SAAS,GAAG,IAAI;AAChB,gCAAA,mBAAmB,GAAG,KAAK,CAAC;4BAC9B;iCAAO,IAAI,OAAO,EAAE;;gCAElB,IAAI,CAAA,cAAc,KAAA,IAAA,IAAd,cAAc,KAAA,MAAA,GAAA,MAAA,GAAd,cAAc,CAAE,MAAM,MAAK,OAAO,EAAE;AACtC,oCAAA,mBAAmB,GAAG,KAAK,CAAC;gCAC9B;qCAAO,IAAI,CAAA,cAAc,KAAA,IAAA,IAAd,cAAc,KAAA,MAAA,GAAA,MAAA,GAAd,cAAc,CAAE,gBAAgB,MAAK,MAAM,EAAE;AACtD,oCAAA,mBAAmB,GAAG,KAAK,CAAC;gCAC9B;qCAAO;AACL,oCAAA,mBAAmB,GAAG,KAAK,CAAC;gCAC9B;4BACF;wBACF;AAEA,wBAAA,OAAO,CAAC,GAAG,CAAC,4BAA4B,EAAE;AACxC,4BAAA,SAAS,EAAA,SAAA;AACT,4BAAA,cAAc,EAAE,mBAAmB;4BACnC,OAAO,EAAE,CAAA,EAAA,GAAA,QAAQ,KAAA,IAAA,IAAR,QAAQ,uBAAR,QAAQ,CAAE,IAAI,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAE,QAAQ;AACjC,4BAAA,eAAe,EACb,CAAA,EAAA,GAAA,CAAA,EAAA,GAAA,CAAA,EAAA,GAAA,QAAQ,aAAR,QAAQ,KAAA,MAAA,GAAA,MAAA,GAAR,QAAQ,CAAE,IAAI,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAE,OAAO,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAE,eAAe,0CAAE,gBAAgB;AAC5D,4BAAA,gBAAgB,EAAE,CAAA,EAAA,GAAA,CAAA,EAAA,GAAA,CAAA,EAAA,GAAA,QAAQ,aAAR,QAAQ,KAAA,MAAA,GAAA,MAAA,GAAR,QAAQ,CAAE,IAAI,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAE,OAAO,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAE,eAAe,0CAAE,MAAM;AACnE,yBAAA,CAAC;wBAEF,iBAAiB,CAAC,mBAAmB,CAAC;wBACtC,SAAS,CAAC,IAAI,CAAC;;;;AAIf,wBAAA,OAAO,CAAC,KAAK,CAAC,4BAA4B,EAAE,OAAK,CAAC;wBAClD,YAAY,CAAC,SAAS,CAAC;wBACvB,WAAW,CAAC,IAAI,CAAC;wBACjB,SAAS,CAAC,IAAI,CAAC;wBACf,oBAAoB,CAAC,KAAK,CAAC;;;;;aAE9B;AAED,QAAA,YAAY,EAAE;QAEd,OAAO,YAAA;YACL,YAAY,CAAC,SAAS,CAAC;AACzB,QAAA,CAAC;IACH,CAAC,EAAE,CAAC,oBAAoB,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,CAAC,CAAC;AAE5D,IAAA,SAAS,CAAC,YAAA;;AAER,QAAA,IAAI,CAAC,MAAM,IAAI,CAAC,QAAQ,EAAE;YACxB,cAAc,CAAC,CAAC,CAAC;YACjB;QACF;;QAEA,IAAI,UAAU,GAAG,UAAU,CAAC,cAAc,IAAI,GAAG,CAAC;;QAElD,IAAI,UAAU,KAAK,CAAC;YAAE,UAAU,GAAG,CAAC;AACpC,QAAA,OAAO,CAAC,GAAG,CAAC,uBAAuB,EAAE,UAAU,CAAC;;QAGhD,IAAM,QAAQ,GAAG,WAAW,CAAC,YAAA;YAC3B,cAAc,CAAC,UAAC,IAAI,EAAA;AAClB,gBAAA,IAAI,IAAI,GAAG,UAAU,GAAG,CAAC,EAAE;oBACzB,OAAO,IAAI,GAAG,CAAC;gBACjB;qBAAO;oBACL,aAAa,CAAC,QAAQ,CAAC;oBACvB,IAAI,UAAU,GAAG,CAAC;wBAAE,WAAW,CAAC,IAAI,CAAC;AACrC,oBAAA,oBAAoB,CAAC,UAAU,KAAK,CAAC,CAAC;oBACtC,OAAO,IAAI,CAAC;gBACd;AACF,YAAA,CAAC,CAAC;AACJ,QAAA,CAAC,EAAE,GAAG,CAAC,CAAC;QACR,OAAO,YAAA,EAAM,OAAA,aAAa,CAAC,QAAQ,CAAC,CAAA,CAAvB,CAAuB;IACtC,CAAC,EAAE,CAAC,oBAAoB,EAAE,QAAQ,EAAE,MAAM,EAAE,cAAc,CAAC,CAAC;AAE5D,IAAA,QACEA,GAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,6CAA6C,EAAA,QAAA,EAC1DA,GAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,wCAAwC,EAAA,QAAA,EACrDC,IAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,mCAAmC,EAAA,QAAA,EAAA,CAChDA,IAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,uBAAuB,EAAA,QAAA,EAAA,CACpCD,GAAA,CAAC,KAAK,EAAA,EAAC,SAAS,EAAC,iCAAiC,EAAA,QAAA,EAC/C;AACC,sCAAE,CAAC,CAAC,+BAA+B,EAAE,oBAAoB;AACzD,sCAAE,CAAC,CAAC,yBAAyB,EAAE,kBAAkB,CAAC,EAAA,CAC9C,EACRA,GAAA,CAAC,QAAQ,EAAA,EAAC,SAAS,EAAC,uCAAuC,YACxD;AACC,sCAAE,CAAC,CACC,kCAAkC,EAClC,0EAA0E;sCAE5E,CAAC,CACC,4BAA4B,EAC5B,mEAAmE,CACpE,EAAA,CACI,CAAA,EAAA,CACP,EAENA,GAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,QAAQ,EAAA,QAAA,EACrBA,GAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,WAAW,EAAA,QAAA,EACvB,eAAe,CAAC,GAAG,CAClB,UAAC,IAAI,EAAE,KAAK,EAAA;gCACV,OAAA,IAAI,CAAC,GAAG,KACNC,IAAA,CAAA,KAAA,EAAA,EAAiB,SAAS,EAAC,kBAAkB,EAAA,QAAA,EAAA,CAC3CD,GAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,yBAAyB,YACrC,QAAQ,IAAI,KAAK,KAAK,WAAW;;AAEhC,4CAAAA,GAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,+FAA+F,EAAA,QAAA,EAAA,QAAA,EAAA,CAExG,IACJ,KAAK,GAAG,WAAW;;AAErB,4CAAAA,GAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,uFAAuF,EAAA,QAAA,EAAA,QAAA,EAAA,CAEhG,IACJ,KAAK,KAAK,WAAW;;AAEvB,4CAAAA,GAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,0HAA0H,GAAO;;4CAGhJA,GAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,+CAA+C,EAAA,CAAO,CACtE,EAAA,CACG,EACNC,cAAK,SAAS,EAAC,gBAAgB,EAAA,QAAA,EAAA,CAC7BD,GAAA,CAAA,GAAA,EAAA,EAAG,SAAS,EAAC,oCAAoC,YAC9C,CAAC,CAAC,kCAA2B,IAAI,CAAC,GAAG,EAAA,QAAA,CAAQ,CAAC,GAC7C,EACJA,GAAA,CAAA,GAAA,EAAA,EAAG,SAAS,EAAC,4BAA4B,YACtC,CAAC,CAAC,kCAA2B,IAAI,CAAC,GAAG,EAAA,WAAA,CAAW,CAAC,GAChD,CAAA,EAAA,CACA,CAAA,EAAA,EA3BE,KAAK,CA4BT,CACP;AA9BD,4BAAA,CA8BC,CACJ,EAAA,CACG,EAAA,CACF,EAENC,IAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,QAAQ,EAAA,QAAA,EAAA,CACrBD,GAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,8BAA8B,YAC3CA,GAAA,CAAA,KAAA,EAAA,EACE,SAAS,EACP;AACE,0CAAE;AACF,0CAAE,oEAAoE,EAE1E,KAAK,EAAE;AACL,wCAAA,KAAK,EAAE,EAAA,CAAA,MAAA,CACL,CAAC,CAAC,WAAW,GAAG,CAAC,IAAI,eAAe,CAAC,MAAM,IAAI,GAAG,EAAA,GAAA,CACjD;qCACJ,EAAA,CACI,EAAA,CACH,EACNA,GAAA,CAAA,GAAA,EAAA,EAAG,SAAS,EAAC,wCAAwC,EAAA,QAAA,EAClD,CAAC,CAAC,2BAA2B,EAAE;oCAC9B,OAAO,EAAE,WAAW,GAAG,CAAC;oCACxB,KAAK,EAAE,eAAe,CAAC,MAAM;AAC9B,iCAAA,CAAC,EAAA,CACA,CAAA,EAAA,CACA,EAGL,QAAQ,KACPA,GAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,8DAA8D,EAAA,QAAA,EAC3EC,IAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,yBAAyB,EAAA,QAAA,EAAA,CAEtCD,GAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,mCAAmC,EAAA,QAAA,EAChDA,GAAA,CAAC,aAAa,IAAC,IAAI,EAAC,MAAM,EAAC,OAAO,EAAE,QAAQ,EAAA,QAAA,EACzC,CAAC,CAAC,4BAA4B,EAAE,qBAAqB,CAAC,EAAA,CACzC,EAAA,CACZ,EAGNA,GAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,mDAAmD,EAAA,QAAA,EAChEA,GAAA,CAAC,aAAa,EAAA,EAAC,IAAI,EAAC,MAAM,EAAC,OAAO,EAAE,QAAQ,EAAA,QAAA,EACzC,CAAC,CAAC,4BAA4B,EAAE,qBAAqB,CAAC,EAAA,CACzC,EAAA,CACZ,CAAA,EAAA,CACF,GACF,CACP,CAAA,EAAA,CACG,EAAA,CACF,EAAA,CACF;AAEV;;;;"}
+{"version":3,"file":"SelfieProcessing.js","sources":["../../../../../../src/components/selfie/selfie-flow/SelfieProcessing.tsx"],"sourcesContent":["import { useState, useEffect, useRef } from \"react\";\nimport Title from \"../../ui/Title\";\nimport Subtitle from \"../../ui/Subtitle\";\nimport { useI18n } from \"../../../hooks/useI18n\";\nimport { codeToStep } from \"../../../services/utils\";\nimport type { SelfieCaptureData } from \"../../../types/selfie\";\nimport { analyzeSelfie } from \"../../../services/analysis\";\nimport { getActiveSessionId } from \"../../../services/sessionMemoryStore\";\nimport ButtonDesktop from \"../../ui/ButtonDesktop\";\n\ninterface SelfieProcessingProps {\n  onProcessingComplete: (success: boolean) => void;\n  selfieVideo: SelfieCaptureData | null;\n  selfiePhoto: string | null;\n  onRetake: () => void;\n  onContinueAnyway?: () => void;\n}\n\nconst processingSteps = [\n  { key: \"analysis\" },\n  { key: \"face_detection\" },\n  { key: \"liveness\" },\n  { key: \"finalization\" },\n];\nconst SelfieProcessing = ({\n  onProcessingComplete,\n  selfieVideo,\n  selfiePhoto,\n  onRetake,\n  onContinueAnyway,\n}: SelfieProcessingProps) => {\n  const { t } = useI18n();\n  const [currentStep, setCurrentStep] = useState(0);\n  const [hasError, setHasError] = useState(false);\n  const [isDone, setIsDone] = useState(false);\n  const [conformityCode, setConformityCode] = useState<string | null>(null);\n\n  const analysisStartedRef = useRef(false);\n  useEffect(() => {\n    // Prevent multiple analysis runs\n    if (analysisStartedRef.current) return;\n    if (!selfieVideo || !selfiePhoto) return;\n\n    analysisStartedRef.current = true;\n\n    // Timeout simple : 60 secondes pour tous\n    const timeoutId = setTimeout(() => {\n      if (!isDone) {\n        console.error(\"⏰ Selfie analysis timeout after 60 seconds\");\n        setHasError(true);\n        setIsDone(true);\n        onProcessingComplete(false);\n      }\n    }, 60000);\n\n    const processFiles = async () => {\n      const sessionId = getActiveSessionId();\n      if (!sessionId) {\n        console.error(\"❌ No session ID found\");\n        setHasError(true);\n        onProcessingComplete(false);\n        setIsDone(true);\n        clearTimeout(timeoutId);\n        return;\n      }\n\n      console.log(\"🚀 Starting selfie analysis...\");\n\n      try {\n        // Délai minimum simple : 2 secondes\n        const [response] = await Promise.all([\n          analyzeSelfie(sessionId, selfieVideo, selfiePhoto),\n          new Promise((resolve) => setTimeout(resolve, 2000)),\n        ]);\n\n        console.log(\"✅ Analysis response:\", response);\n        clearTimeout(timeoutId);\n\n        // Handle Unissey response format\n        let isSuccess = false;\n        let conformityCodeToSet = \"4\"; // Default to error\n\n        if (response && response.data) {\n          // Check if analysis was successful based on real Unissey response structure\n          const data = response.data;\n          const details = data.details;\n          const faceComparison = details?.face_comparison;\n\n          // Success: face match with high confidence\n          if (\n            data.is_match &&\n            faceComparison?.result === \"match\"\n            // faceComparison?.confidence_level === \"high\" Pas assez explicit\n          ) {\n            isSuccess = true;\n            conformityCodeToSet = \"1.0\"; // Success code\n          } else if (details) {\n            // Check specific failure reasons\n            if (faceComparison?.result !== \"match\") {\n              conformityCodeToSet = \"2.0\"; // Face comparison failed\n            } else if (faceComparison?.confidence_level !== \"high\") {\n              conformityCodeToSet = \"3.0\"; // Low confidence\n            } else {\n              conformityCodeToSet = \"4.0\"; // Generic error\n            }\n          }\n        }\n\n        console.log(\"📊 Selfie analysis result:\", {\n          isSuccess,\n          conformityCode: conformityCodeToSet,\n          isMatch: response?.data?.is_match,\n          confidenceLevel:\n            response?.data?.details?.face_comparison?.confidence_level,\n          comparisonResult: response?.data?.details?.face_comparison?.result,\n        });\n\n        setConformityCode(conformityCodeToSet);\n        setIsDone(true);\n\n        // Don't call onProcessingComplete here - let the animation effect handle it\n      } catch (error) {\n        console.error(\"💥 Selfie analysis failed:\", error);\n        clearTimeout(timeoutId);\n        setHasError(true);\n        setIsDone(true);\n        onProcessingComplete(false);\n      }\n    };\n\n    processFiles();\n\n    return () => {\n      clearTimeout(timeoutId);\n    };\n  }, [onProcessingComplete, selfieVideo, selfiePhoto, isDone]);\n\n  useEffect(() => {\n    // While analysis is not finished, stay at step 0\n    if (!isDone && !hasError) {\n      setCurrentStep(0);\n      return;\n    }\n    // We want stepToStop to be the step in error (the one corresponding to conformityCode)\n    let stepToStop = codeToStep(conformityCode || \"4\");\n    // If codeToStep returns 0 (generic error), stop at the first step\n    if (stepToStop === 0) stepToStop = 1;\n    console.log(\"Step to stop (error):\", stepToStop);\n\n    // When analysis is finished (success or error), start the animation\n    const interval = setInterval(() => {\n      setCurrentStep((prev) => {\n        if (prev < stepToStop - 1) {\n          return prev + 1;\n        } else {\n          clearInterval(interval);\n          if (stepToStop < 4) setHasError(true);\n          onProcessingComplete(stepToStop === 4);\n          return prev; // Stop at the step in error\n        }\n      });\n    }, 500); // Adjust the speed of the animation\n    return () => clearInterval(interval);\n  }, [onProcessingComplete, hasError, isDone, conformityCode]);\n\n  return (\n    <div className=\"flex flex-col justify-between h-full w-full\">\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          <div className=\"text-center space-y-4\">\n            <Title className=\"text-xl md:text-2xl lg:text-3xl\">\n              {hasError\n                ? t(\"selfie.processing.error_title\", \"Échec de l'analyse\")\n                : t(\"selfie.processing.title\", \"Analyse en cours\")}\n            </Title>\n            <Subtitle className=\"text-sm text-gray-600 leading-relaxed\">\n              {hasError\n                ? t(\n                    \"selfie.processing.error_subtitle\",\n                    \"Une erreur est survenue lors de l'analyse du selfie. Veuillez réessayer.\",\n                  )\n                : t(\n                    \"selfie.processing.subtitle\",\n                    \"Nous analysons votre selfie. Cela peut prendre quelques instants.\",\n                  )}\n            </Subtitle>\n          </div>\n\n          <div className=\"w-full\">\n            <div className=\"space-y-5\">\n              {processingSteps.map(\n                (step, index) =>\n                  step.key && (\n                    <div key={index} className=\"flex items-start\">\n                      <div className=\"mr-4 mt-1 flex-shrink-0\">\n                        {hasError && index === currentStep ? (\n                          // Step in error - red cross\n                          <div className=\"flex items-center justify-center w-6 h-6 rounded-full bg-red-500 text-white text-xs font-bold\">\n                            ×\n                          </div>\n                        ) : index < currentStep ? (\n                          // Completed step - green check\n                          <div className=\"flex items-center justify-center w-6 h-6 rounded-full bg-[#11E5C5] text-white text-xs\">\n                            ✓\n                          </div>\n                        ) : index === currentStep ? (\n                          // Current step - spinner\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                          // Upcoming step - gray circle\n                          <div className=\"w-6 h-6 rounded-full border-2 border-gray-300\"></div>\n                        )}\n                      </div>\n                      <div className=\"flex-1 min-w-0\">\n                        <p className=\"font-medium text-[#3C3C40] text-sm\">\n                          {t(`selfie.processing.steps.${step.key}.title`)}\n                        </p>\n                        <p className=\"text-xs text-gray-500 mt-1\">\n                          {t(`selfie.processing.steps.${step.key}.subtitle`)}\n                        </p>\n                      </div>\n                    </div>\n                  ),\n              )}\n            </div>\n          </div>\n\n          <div className=\"w-full\">\n            <div className=\"bg-gray-200 rounded-full h-2\">\n              <div\n                className={\n                  hasError\n                    ? \"bg-red-500 h-2 rounded-full transition-all duration-500 ease-out\"\n                    : \"bg-[#11E5C5] h-2 rounded-full transition-all duration-500 ease-out\"\n                }\n                style={{\n                  width: `${\n                    ((currentStep + 1) / processingSteps.length) * 100\n                  }%`,\n                }}\n              ></div>\n            </div>\n            <p className=\"text-xs text-gray-500 mt-2 text-center\">\n              {t(\"selfie.processing.step_of\", {\n                current: currentStep + 1,\n                total: processingSteps.length,\n              })}\n            </p>\n          </div>\n\n          {/* Footer with buttons */}\n          {hasError && (\n            <div className=\"sticky bottom-0 bg-white border-t border-gray-100 p-4 md:p-6\">\n              <div className=\"w-full max-w-md mx-auto\">\n                {/* Mobile layout - stacked buttons */}\n                <div className=\"flex flex-col space-y-3 md:hidden\">\n                  <ButtonDesktop type=\"back\" onClick={onRetake}>\n                    {t(\"selfie.confirmation.retake\", \"Reprendre le selfie\")}\n                  </ButtonDesktop>\n                  {onContinueAnyway && (\n                    <ButtonDesktop type=\"continue\" onClick={onContinueAnyway}>\n                      {t(\"errors.continue_anyway\", \"Poursuivre tout de même\")}\n                    </ButtonDesktop>\n                  )}\n                </div>\n\n                {/* Desktop layout - horizontal buttons */}\n                <div className=\"hidden md:flex gap-3 justify-between items-center\">\n                  <ButtonDesktop type=\"back\" onClick={onRetake}>\n                    {t(\"selfie.confirmation.retake\", \"Reprendre le selfie\")}\n                  </ButtonDesktop>\n                  {onContinueAnyway && (\n                    <ButtonDesktop type=\"continue\" onClick={onContinueAnyway}>\n                      {t(\"errors.continue_anyway\", \"Poursuivre tout de même\")}\n                    </ButtonDesktop>\n                  )}\n                </div>\n              </div>\n            </div>\n          )}\n        </div>\n      </div>\n    </div>\n  );\n};\n\nexport default SelfieProcessing;\n"],"names":["_jsx","_jsxs"],"mappings":"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"}

package/dist/esm/components/session/Selfie.js

@@ -36,6 +36,12 @@ var Selfie = function (_a) {
             stepObject.goToNextStep(node.id, template);
         }
     };
+    var handleContinueAnyway = function () {
+        updateSessionCurrentStep(sessionId, stepObject.step + 1).catch(function (error) {
+            console.error("Failed to update current step after KO bypass:", error);
+        });
+        stepObject.goToNextStep(node.id, template);
+    };
     var onRetake = function () {
         setInternalStep(0);
     };
@@ -47,7 +53,7 @@ var Selfie = function (_a) {
         stepObject.setStep(stepObject.step - 1);
     };
     console.log("[Selfie] buttonBgColor:", template.buttonBgColor, "buttonTextColor:", template.buttonTextColor);
-    return (jsxs("div", { className: "h-full w-full transition-opacity duration-500 ".concat(isTransitioning ? "opacity-50" : "opacity-100"), children: [internalStep === 0 && (jsx(Video, { setSelfieData: setSelfieData, setStep: setInternalStep, onBack: handleBackToParent, btnBg: (_b = template.buttonBgColor) !== null && _b !== void 0 ? _b : "#11E5C5", btnText: (_c = template.buttonTextColor) !== null && _c !== void 0 ? _c : "#3C3C40" })), internalStep === 1 && selfieData && (jsx(SelfieConfirmation, { selfieData: selfieData, onConfirm: handleConfirmSelfie, onRetake: handleRetakeSelfie, setSelfiePhoto: setSelfiePhoto })), internalStep === 2 && selfieData && (jsx(SelfieProcessing, { onProcessingComplete: selfieProcessed, selfieVideo: selfieData, selfiePhoto: selfiePhoto, onRetake: onRetake }))] }));
+    return (jsxs("div", { className: "h-full w-full transition-opacity duration-500 ".concat(isTransitioning ? "opacity-50" : "opacity-100"), children: [internalStep === 0 && (jsx(Video, { setSelfieData: setSelfieData, setStep: setInternalStep, onBack: handleBackToParent, btnBg: (_b = template.buttonBgColor) !== null && _b !== void 0 ? _b : "#11E5C5", btnText: (_c = template.buttonTextColor) !== null && _c !== void 0 ? _c : "#3C3C40" })), internalStep === 1 && selfieData && (jsx(SelfieConfirmation, { selfieData: selfieData, onConfirm: handleConfirmSelfie, onRetake: handleRetakeSelfie, setSelfiePhoto: setSelfiePhoto })), internalStep === 2 && selfieData && (jsx(SelfieProcessing, { onProcessingComplete: selfieProcessed, selfieVideo: selfieData, selfiePhoto: selfiePhoto, onRetake: onRetake, onContinueAnyway: handleContinueAnyway }))] }));
 };
 
 export { Selfie as default };

package/dist/esm/components/session/Selfie.js.map

@@ -1 +1 @@
-{"version":3,"file":"Selfie.js","sources":["../../../../../src/components/session/Selfie.tsx"],"sourcesContent":["import { useState } from \"react\";\nimport {\n  SessionTemplate,\n  SessionTemplateNode,\n  stepObject,\n} from \"../../types/session\";\nimport Video from \"../selfie/Video\";\nimport SelfieConfirmation from \"../selfie/SelfieConfirmation\";\nimport type { SelfieCaptureData } from \"../../types/selfie\";\nimport SelfieProcessing from \"../selfie/selfie-flow/SelfieProcessing\";\nimport {\n  updateSessionCurrentStep,\n  getOrderedJourneySteps,\n} from \"../../services/sessionService\";\n\n/**\n * Composant de gestion du flux selfie.\n * Gère les étapes internes de capture et confirmation du selfie.\n */\nconst Selfie = ({\n  stepObject,\n  sessionId,\n  node,\n  template,\n}: {\n  stepObject: stepObject;\n  sessionId: string;\n  node: SessionTemplateNode;\n  template: SessionTemplate;\n}) => {\n  const [internalStep, setInternalStep] = useState(0);\n  const [selfieData, setSelfieData] = useState<SelfieCaptureData | null>(null);\n  const [selfiePhoto, setSelfiePhoto] = useState<string | null>(null);\n  const [isTransitioning, setIsTransitioning] = useState(false);\n\n  const handleConfirmSelfie = () => {\n    // Ajouter une transition visuelle avant de passer à l'étape suivante\n    setIsTransitioning(true);\n\n    // Attendre un peu pour l'animation avant de passer à l'étape suivante\n    setTimeout(() => {\n      setInternalStep(2); // Passer à l'étape de traitement du selfie\n      setIsTransitioning(false);\n    }, 500);\n  };\n\n  const selfieProcessed = (processed: boolean) => {\n    // Callback pour indiquer que le selfie a été traité\n    if (processed) {\n      // Increment currentStep in database immediately after successful analysis\n      // This prevents double analysis if the user refreshes the page\n      updateSessionCurrentStep(sessionId, stepObject.step + 1).catch((error) => {\n        console.error(\"Failed to update current step after successful analysis:\", error);\n      });\n      stepObject.goToNextStep(node.id, template);\n    }\n  };\n\n  const onRetake = () => {\n    setInternalStep(0);\n  };\n\n  const handleRetakeSelfie = () => {\n    setInternalStep(0);\n  };\n\n  const handleBackToParent = () => {\n    // Retourner à l'étape précédente du flow principal\n    stepObject.setStep(stepObject.step - 1);\n  };\n\n  console.log(\"[Selfie] buttonBgColor:\", template.buttonBgColor, \"buttonTextColor:\", template.buttonTextColor);\n\n  return (\n    <div\n      className={`h-full w-full transition-opacity duration-500 ${isTransitioning ? \"opacity-50\" : \"opacity-100\"\n        }`}\n    >\n      {internalStep === 0 && (\n        <Video\n          setSelfieData={setSelfieData}\n          setStep={setInternalStep}\n          onBack={handleBackToParent}\n          btnBg={template.buttonBgColor ?? \"#11E5C5\"}\n          btnText={template.buttonTextColor ?? \"#3C3C40\"}\n        />\n      )}\n      {internalStep === 1 && selfieData && (\n        <SelfieConfirmation\n          selfieData={selfieData}\n          onConfirm={handleConfirmSelfie}\n          onRetake={handleRetakeSelfie}\n          setSelfiePhoto={setSelfiePhoto}\n        />\n      )}\n      {internalStep === 2 && selfieData && (\n        <SelfieProcessing\n          onProcessingComplete={selfieProcessed}\n          selfieVideo={selfieData}\n          selfiePhoto={selfiePhoto}\n          onRetake={onRetake}\n        />\n      )}\n    </div>\n  );\n};\n\nexport default Selfie;\n"],"names":["_jsxs","_jsx"],"mappings":"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"}
+{"version":3,"file":"Selfie.js","sources":["../../../../../src/components/session/Selfie.tsx"],"sourcesContent":["import { useState } from \"react\";\nimport {\n  SessionTemplate,\n  SessionTemplateNode,\n  stepObject,\n} from \"../../types/session\";\nimport Video from \"../selfie/Video\";\nimport SelfieConfirmation from \"../selfie/SelfieConfirmation\";\nimport type { SelfieCaptureData } from \"../../types/selfie\";\nimport SelfieProcessing from \"../selfie/selfie-flow/SelfieProcessing\";\nimport {\n  updateSessionCurrentStep,\n  getOrderedJourneySteps,\n} from \"../../services/sessionService\";\n\n/**\n * Composant de gestion du flux selfie.\n * Gère les étapes internes de capture et confirmation du selfie.\n */\nconst Selfie = ({\n  stepObject,\n  sessionId,\n  node,\n  template,\n}: {\n  stepObject: stepObject;\n  sessionId: string;\n  node: SessionTemplateNode;\n  template: SessionTemplate;\n}) => {\n  const [internalStep, setInternalStep] = useState(0);\n  const [selfieData, setSelfieData] = useState<SelfieCaptureData | null>(null);\n  const [selfiePhoto, setSelfiePhoto] = useState<string | null>(null);\n  const [isTransitioning, setIsTransitioning] = useState(false);\n\n  const handleConfirmSelfie = () => {\n    // Ajouter une transition visuelle avant de passer à l'étape suivante\n    setIsTransitioning(true);\n\n    // Attendre un peu pour l'animation avant de passer à l'étape suivante\n    setTimeout(() => {\n      setInternalStep(2); // Passer à l'étape de traitement du selfie\n      setIsTransitioning(false);\n    }, 500);\n  };\n\n  const selfieProcessed = (processed: boolean) => {\n    // Callback pour indiquer que le selfie a été traité\n    if (processed) {\n      // Increment currentStep in database immediately after successful analysis\n      // This prevents double analysis if the user refreshes the page\n      updateSessionCurrentStep(sessionId, stepObject.step + 1).catch((error) => {\n        console.error(\"Failed to update current step after successful analysis:\", error);\n      });\n      stepObject.goToNextStep(node.id, template);\n    }\n  };\n\n  const handleContinueAnyway = () => {\n    updateSessionCurrentStep(sessionId, stepObject.step + 1).catch((error) => {\n      console.error(\"Failed to update current step after KO bypass:\", error);\n    });\n    stepObject.goToNextStep(node.id, template);\n  };\n\n  const onRetake = () => {\n    setInternalStep(0);\n  };\n\n  const handleRetakeSelfie = () => {\n    setInternalStep(0);\n  };\n\n  const handleBackToParent = () => {\n    // Retourner à l'étape précédente du flow principal\n    stepObject.setStep(stepObject.step - 1);\n  };\n\n  console.log(\"[Selfie] buttonBgColor:\", template.buttonBgColor, \"buttonTextColor:\", template.buttonTextColor);\n\n  return (\n    <div\n      className={`h-full w-full transition-opacity duration-500 ${isTransitioning ? \"opacity-50\" : \"opacity-100\"\n        }`}\n    >\n      {internalStep === 0 && (\n        <Video\n          setSelfieData={setSelfieData}\n          setStep={setInternalStep}\n          onBack={handleBackToParent}\n          btnBg={template.buttonBgColor ?? \"#11E5C5\"}\n          btnText={template.buttonTextColor ?? \"#3C3C40\"}\n        />\n      )}\n      {internalStep === 1 && selfieData && (\n        <SelfieConfirmation\n          selfieData={selfieData}\n          onConfirm={handleConfirmSelfie}\n          onRetake={handleRetakeSelfie}\n          setSelfiePhoto={setSelfiePhoto}\n        />\n      )}\n      {internalStep === 2 && selfieData && (\n        <SelfieProcessing\n          onProcessingComplete={selfieProcessed}\n          selfieVideo={selfieData}\n          selfiePhoto={selfiePhoto}\n          onRetake={onRetake}\n          onContinueAnyway={handleContinueAnyway}\n        />\n      )}\n    </div>\n  );\n};\n\nexport default Selfie;\n"],"names":["_jsxs","_jsx"],"mappings":"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"}

package/dist/esm/components/session/StartSession.js

@@ -12,10 +12,11 @@ var StartSession = function (_a) {
     var startNode = (_c = (_b = session === null || session === void 0 ? void 0 : session.template) === null || _b === void 0 ? void 0 : _b.nodes) === null || _c === void 0 ? void 0 : _c.find(function (node) { return node.type === "start"; });
     // showLegacyCGU defaults to true for backward compatibility (undefined = true)
     var showLegacyCGU = (startNode === null || startNode === void 0 ? void 0 : startNode.showLegacyCGU) !== false;
-    // If CGU is disabled, clicking "Start" skips CGU and goes directly to journey step 1
+    // If CGU is disabled, clicking "Start" skips CGU.
+    // Still honour showQRCodeInstructions so the QR code step is not bypassed.
     var handleStartButtonClick = function (localStep) {
         if (!showLegacyCGU) {
-            setStep(1);
+            setStep(showQRCodeInstructions ? 0.5 : 1);
         }
         else {
             setStartStep(localStep);

package/dist/esm/components/session/StartSession.js.map

@@ -1 +1 @@
-{"version":3,"file":"StartSession.js","sources":["../../../../../src/components/session/StartSession.tsx"],"sourcesContent":["import { useState } from \"react\";\nimport type { stepObject } from \"../../types/session\";\nimport { type SessionData } from \"../../types/session\";\nimport Start from \"../start-flow/Start\";\nimport CGU from \"../start-flow/CGU\";\n\ninterface StartSessionProps {\n  stepObject: stepObject;\n  session: SessionData | null;\n  showQRCodeInstructions: boolean;\n}\n\nconst StartSession = ({ stepObject, session, showQRCodeInstructions }: StartSessionProps) => {\n  const { setStep } = stepObject;\n  const [startStep, setStartStep] = useState(0);\n\n  // Find the start node from template\n  const startNode = (session as SessionData | null)?.template?.nodes?.find(\n    (node) => node.type === \"start\"\n  );\n\n  // showLegacyCGU defaults to true for backward compatibility (undefined = true)\n  const showLegacyCGU = (startNode as { showLegacyCGU?: boolean } | undefined)?.showLegacyCGU !== false;\n\n  // If CGU is disabled, clicking \"Start\" skips CGU and goes directly to journey step 1\n  const handleStartButtonClick = (localStep: number) => {\n    if (!showLegacyCGU) {\n      setStep(1);\n    } else {\n      setStartStep(localStep);\n    }\n  };\n\n  return (\n    <div className=\"w-full h-full\">\n      {startStep === 0 && (\n        <Start\n          setStep={handleStartButtonClick}\n          welcomeTitle={startNode?.welcomeTitle}\n          welcomeSubtitle={startNode?.welcomeSubtitle}\n          welcomeDescription={startNode?.welcomeDescription}\n          welcomeImage={startNode?.welcomeImage}\n          session={session ?? undefined}\n        />\n      )}\n      {startStep === 1 && showLegacyCGU && (\n        <CGU\n          setStep={setStep}\n          session={session ?? undefined}\n          sessionId={session?.id}\n          showQRCodeInstructions={showQRCodeInstructions}\n          languages={session?.template?.languages}\n          onBack={() => setStartStep(0)}\n        />\n      )}\n    </div>\n  );\n};\n\nexport default StartSession;\n"],"names":["_jsxs","_jsx"],"mappings":";;;;;AAYA,IAAM,YAAY,GAAG,UAAC,EAAkE,EAAA;;AAAhE,IAAA,IAAA,UAAU,gBAAA,EAAE,OAAO,GAAA,EAAA,CAAA,OAAA,EAAE,sBAAsB,GAAA,EAAA,CAAA,sBAAA;AACzD,IAAA,IAAA,OAAO,GAAK,UAAU,CAAA,OAAf;IACT,IAAA,EAAA,GAA4B,QAAQ,CAAC,CAAC,CAAC,EAAtC,SAAS,GAAA,EAAA,CAAA,CAAA,CAAA,EAAE,YAAY,GAAA,EAAA,CAAA,CAAA,CAAe;;AAG7C,IAAA,IAAM,SAAS,GAAG,CAAA,EAAA,GAAA,CAAA,EAAA,GAAC,OAA8B,KAAA,IAAA,IAA9B,OAAO,KAAA,MAAA,GAAA,MAAA,GAAP,OAAO,CAAyB,QAAQ,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAE,KAAK,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAE,IAAI,CACtE,UAAC,IAAI,EAAA,EAAK,OAAA,IAAI,CAAC,IAAI,KAAK,OAAO,CAAA,CAArB,CAAqB,CAChC;;AAGD,IAAA,IAAM,aAAa,GAAG,CAAC,SAAqD,KAAA,IAAA,IAArD,SAAS,KAAA,MAAA,GAAA,MAAA,GAAT,SAAS,CAA8C,aAAa,MAAK,KAAK;;IAGrG,IAAM,sBAAsB,GAAG,UAAC,SAAiB,EAAA;QAC/C,IAAI,CAAC,aAAa,EAAE;YAClB,OAAO,CAAC,CAAC,CAAC;QACZ;aAAO;YACL,YAAY,CAAC,SAAS,CAAC;QACzB;AACF,IAAA,CAAC;AAED,IAAA,QACEA,IAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,eAAe,EAAA,QAAA,EAAA,CAC3B,SAAS,KAAK,CAAC,KACdC,GAAA,CAAC,KAAK,EAAA,EACJ,OAAO,EAAE,sBAAsB,EAC/B,YAAY,EAAE,SAAS,KAAA,IAAA,IAAT,SAAS,KAAA,MAAA,GAAA,MAAA,GAAT,SAAS,CAAE,YAAY,EACrC,eAAe,EAAE,SAAS,KAAA,IAAA,IAAT,SAAS,KAAA,MAAA,GAAA,MAAA,GAAT,SAAS,CAAE,eAAe,EAC3C,kBAAkB,EAAE,SAAS,KAAA,IAAA,IAAT,SAAS,KAAA,MAAA,GAAA,MAAA,GAAT,SAAS,CAAE,kBAAkB,EACjD,YAAY,EAAE,SAAS,KAAA,IAAA,IAAT,SAAS,KAAA,MAAA,GAAA,MAAA,GAAT,SAAS,CAAE,YAAY,EACrC,OAAO,EAAE,OAAO,KAAA,IAAA,IAAP,OAAO,KAAA,MAAA,GAAP,OAAO,GAAI,SAAS,EAAA,CAC7B,CACH,EACA,SAAS,KAAK,CAAC,IAAI,aAAa,KAC/BA,GAAA,CAAC,GAAG,EAAA,EACF,OAAO,EAAE,OAAO,EAChB,OAAO,EAAE,OAAO,KAAA,IAAA,IAAP,OAAO,KAAA,MAAA,GAAP,OAAO,GAAI,SAAS,EAC7B,SAAS,EAAE,OAAO,KAAA,IAAA,IAAP,OAAO,uBAAP,OAAO,CAAE,EAAE,EACtB,sBAAsB,EAAE,sBAAsB,EAC9C,SAAS,EAAE,CAAA,EAAA,GAAA,OAAO,KAAA,IAAA,IAAP,OAAO,KAAA,MAAA,GAAA,MAAA,GAAP,OAAO,CAAE,QAAQ,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAE,SAAS,EACvC,MAAM,EAAE,YAAA,EAAM,OAAA,YAAY,CAAC,CAAC,CAAC,CAAA,CAAf,CAAe,EAAA,CAC7B,CACH,CAAA,EAAA,CACG;AAEV;;;;"}
+{"version":3,"file":"StartSession.js","sources":["../../../../../src/components/session/StartSession.tsx"],"sourcesContent":["import { useState } from \"react\";\nimport type { stepObject } from \"../../types/session\";\nimport { type SessionData } from \"../../types/session\";\nimport Start from \"../start-flow/Start\";\nimport CGU from \"../start-flow/CGU\";\n\ninterface StartSessionProps {\n  stepObject: stepObject;\n  session: SessionData | null;\n  showQRCodeInstructions: boolean;\n}\n\nconst StartSession = ({ stepObject, session, showQRCodeInstructions }: StartSessionProps) => {\n  const { setStep } = stepObject;\n  const [startStep, setStartStep] = useState(0);\n\n  // Find the start node from template\n  const startNode = (session as SessionData | null)?.template?.nodes?.find(\n    (node) => node.type === \"start\"\n  );\n\n  // showLegacyCGU defaults to true for backward compatibility (undefined = true)\n  const showLegacyCGU = (startNode as { showLegacyCGU?: boolean } | undefined)?.showLegacyCGU !== false;\n\n  // If CGU is disabled, clicking \"Start\" skips CGU.\n  // Still honour showQRCodeInstructions so the QR code step is not bypassed.\n  const handleStartButtonClick = (localStep: number) => {\n    if (!showLegacyCGU) {\n      setStep(showQRCodeInstructions ? 0.5 : 1);\n    } else {\n      setStartStep(localStep);\n    }\n  };\n\n  return (\n    <div className=\"w-full h-full\">\n      {startStep === 0 && (\n        <Start\n          setStep={handleStartButtonClick}\n          welcomeTitle={startNode?.welcomeTitle}\n          welcomeSubtitle={startNode?.welcomeSubtitle}\n          welcomeDescription={startNode?.welcomeDescription}\n          welcomeImage={startNode?.welcomeImage}\n          session={session ?? undefined}\n        />\n      )}\n      {startStep === 1 && showLegacyCGU && (\n        <CGU\n          setStep={setStep}\n          session={session ?? undefined}\n          sessionId={session?.id}\n          showQRCodeInstructions={showQRCodeInstructions}\n          languages={session?.template?.languages}\n          onBack={() => setStartStep(0)}\n        />\n      )}\n    </div>\n  );\n};\n\nexport default StartSession;\n"],"names":["_jsxs","_jsx"],"mappings":";;;;;AAYA,IAAM,YAAY,GAAG,UAAC,EAAkE,EAAA;;AAAhE,IAAA,IAAA,UAAU,gBAAA,EAAE,OAAO,GAAA,EAAA,CAAA,OAAA,EAAE,sBAAsB,GAAA,EAAA,CAAA,sBAAA;AACzD,IAAA,IAAA,OAAO,GAAK,UAAU,CAAA,OAAf;IACT,IAAA,EAAA,GAA4B,QAAQ,CAAC,CAAC,CAAC,EAAtC,SAAS,GAAA,EAAA,CAAA,CAAA,CAAA,EAAE,YAAY,GAAA,EAAA,CAAA,CAAA,CAAe;;AAG7C,IAAA,IAAM,SAAS,GAAG,CAAA,EAAA,GAAA,CAAA,EAAA,GAAC,OAA8B,KAAA,IAAA,IAA9B,OAAO,KAAA,MAAA,GAAA,MAAA,GAAP,OAAO,CAAyB,QAAQ,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAE,KAAK,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAE,IAAI,CACtE,UAAC,IAAI,EAAA,EAAK,OAAA,IAAI,CAAC,IAAI,KAAK,OAAO,CAAA,CAArB,CAAqB,CAChC;;AAGD,IAAA,IAAM,aAAa,GAAG,CAAC,SAAqD,KAAA,IAAA,IAArD,SAAS,KAAA,MAAA,GAAA,MAAA,GAAT,SAAS,CAA8C,aAAa,MAAK,KAAK;;;IAIrG,IAAM,sBAAsB,GAAG,UAAC,SAAiB,EAAA;QAC/C,IAAI,CAAC,aAAa,EAAE;YAClB,OAAO,CAAC,sBAAsB,GAAG,GAAG,GAAG,CAAC,CAAC;QAC3C;aAAO;YACL,YAAY,CAAC,SAAS,CAAC;QACzB;AACF,IAAA,CAAC;AAED,IAAA,QACEA,IAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,eAAe,EAAA,QAAA,EAAA,CAC3B,SAAS,KAAK,CAAC,KACdC,GAAA,CAAC,KAAK,EAAA,EACJ,OAAO,EAAE,sBAAsB,EAC/B,YAAY,EAAE,SAAS,KAAA,IAAA,IAAT,SAAS,KAAA,MAAA,GAAA,MAAA,GAAT,SAAS,CAAE,YAAY,EACrC,eAAe,EAAE,SAAS,KAAA,IAAA,IAAT,SAAS,KAAA,MAAA,GAAA,MAAA,GAAT,SAAS,CAAE,eAAe,EAC3C,kBAAkB,EAAE,SAAS,KAAA,IAAA,IAAT,SAAS,KAAA,MAAA,GAAA,MAAA,GAAT,SAAS,CAAE,kBAAkB,EACjD,YAAY,EAAE,SAAS,KAAA,IAAA,IAAT,SAAS,KAAA,MAAA,GAAA,MAAA,GAAT,SAAS,CAAE,YAAY,EACrC,OAAO,EAAE,OAAO,KAAA,IAAA,IAAP,OAAO,KAAA,MAAA,GAAP,OAAO,GAAI,SAAS,EAAA,CAC7B,CACH,EACA,SAAS,KAAK,CAAC,IAAI,aAAa,KAC/BA,GAAA,CAAC,GAAG,EAAA,EACF,OAAO,EAAE,OAAO,EAChB,OAAO,EAAE,OAAO,KAAA,IAAA,IAAP,OAAO,KAAA,MAAA,GAAP,OAAO,GAAI,SAAS,EAC7B,SAAS,EAAE,OAAO,KAAA,IAAA,IAAP,OAAO,uBAAP,OAAO,CAAE,EAAE,EACtB,sBAAsB,EAAE,sBAAsB,EAC9C,SAAS,EAAE,CAAA,EAAA,GAAA,OAAO,KAAA,IAAA,IAAP,OAAO,KAAA,MAAA,GAAA,MAAA,GAAP,OAAO,CAAE,QAAQ,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAE,SAAS,EACvC,MAAM,EAAE,YAAA,EAAM,OAAA,YAAY,CAAC,CAAC,CAAC,CAAA,CAAf,CAAe,EAAA,CAC7B,CACH,CAAA,EAAA,CACG;AAEV;;;;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "datakeen-session-react",
-  "version": "1.1.140-dev.41",
+  "version": "1.1.140-dev.43",
   "description": "React SDK component to manage and render Datakeen session experiences easily.",
   "publishConfig": {
     "access": "public",