datakeen-session-react 1.1.140-dev.77 → 1.1.140-dev.78

package/dist/cjs/components/nfc-scan/NfcScanNode.js

@@ -0,0 +1,89 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var tslib_es6 = require('../../node_modules/tslib/tslib.es6.js');
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var QRCode = require('qrcode');
+var useI18n = require('../../hooks/useI18n.js');
+var useNfcSseStatus = require('../../hooks/useNfcSseStatus.js');
+var api = require('../../services/api.js');
+var MobilePageLayout = require('../ui/MobilePageLayout.js');
+var Title = require('../ui/Title.js');
+var Subtitle = require('../ui/Subtitle.js');
+var NfcSuccessAnimation = require('./NfcSuccessAnimation.js');
+
+var NfcScanStep = function (_a) {
+    var sessionId = _a.sessionId, nodeId = _a.nodeId, stepObject = _a.stepObject, template = _a.template, pageTitle = _a.pageTitle, pageDescription = _a.pageDescription;
+    var t = useI18n.useI18n().t;
+    var canvasRef = React.useRef(null);
+    var _b = React.useState(null), qrError = _b[0], setQrError = _b[1];
+    var nfcUrl = React.useMemo(function () {
+        var origin = typeof window !== "undefined" ? window.location.origin : "";
+        return "".concat(origin, "/scan/").concat(sessionId);
+    }, [sessionId]);
+    var apiBaseUrl = React.useMemo(function () { return api.getBaseURL(); }, []);
+    var status = useNfcSseStatus.useNfcSseStatus({
+        sessionId: sessionId,
+        apiBaseUrl: apiBaseUrl,
+        onCompleted: function () {
+            if (template) {
+                stepObject.goToNextStep(nodeId, template);
+            }
+            else {
+                stepObject.setStep(stepObject.step + 1);
+            }
+        },
+    }).status;
+    var title = pageTitle || t("nfc_scan.page_title", "Scan NFC de votre document");
+    var subtitle = pageDescription ||
+        t("nfc_scan.page_description", "Scannez le QR code ci-dessous avec votre iPhone pour lire la puce NFC de votre document d'identité.");
+    React.useEffect(function () {
+        if (status !== "pending")
+            return;
+        var generate = function () { return tslib_es6.__awaiter(void 0, void 0, void 0, function () {
+            var dataUrl, canvas_1, ctx_1, img_1;
+            return tslib_es6.__generator(this, function (_b) {
+                switch (_b.label) {
+                    case 0:
+                        if (!canvasRef.current)
+                            return [2 /*return*/];
+                        setQrError(null);
+                        _b.label = 1;
+                    case 1:
+                        _b.trys.push([1, 3, , 4]);
+                        return [4 /*yield*/, QRCode.toDataURL(nfcUrl, {
+                                width: 256,
+                                margin: 2,
+                                color: { dark: "#000000", light: "#FFFFFF" },
+                            })];
+                    case 2:
+                        dataUrl = _b.sent();
+                        canvas_1 = canvasRef.current;
+                        ctx_1 = canvas_1.getContext("2d");
+                        if (ctx_1) {
+                            img_1 = new Image();
+                            img_1.onload = function () {
+                                canvas_1.width = img_1.width;
+                                canvas_1.height = img_1.height;
+                                ctx_1.drawImage(img_1, 0, 0);
+                            };
+                            img_1.src = dataUrl;
+                        }
+                        return [3 /*break*/, 4];
+                    case 3:
+                        _b.sent();
+                        setQrError(t("qr_code.generation_failed", "Erreur de génération du QR code"));
+                        return [3 /*break*/, 4];
+                    case 4: return [2 /*return*/];
+                }
+            });
+        }); };
+        generate();
+    }, [nfcUrl, status, t]);
+    return (jsxRuntime.jsx(MobilePageLayout.default, { footer: null, children: jsxRuntime.jsx("div", { className: "px-4 py-6 pt-11 md:px-8 md:py-8", children: jsxRuntime.jsxs("div", { className: "w-full max-w-md mx-auto space-y-6", children: [jsxRuntime.jsxs("div", { className: "text-center space-y-4 mt-16 md:mt-20", children: [jsxRuntime.jsx(Title.default, { className: "text-xl md:text-2xl lg:text-3xl", children: title }), jsxRuntime.jsx(Subtitle.default, { className: "text-sm md:text-base text-gray-600 leading-relaxed whitespace-pre-line", children: subtitle })] }), jsxRuntime.jsx("div", { className: "flex-1 flex justify-center items-center", children: status === "success" ? (jsxRuntime.jsx(NfcSuccessAnimation.default, {})) : status === "completed" ? (jsxRuntime.jsxs("div", { className: "flex flex-col items-center gap-4 p-8", children: [jsxRuntime.jsx("div", { className: "animate-spin w-10 h-10 border-2 border-gray-300 border-t-blue-500 rounded-full" }), jsxRuntime.jsx("p", { className: "text-sm text-gray-600", children: t("nfc_scan.verifying", "Vérification en cours…") })] })) : status === "opened" ? (jsxRuntime.jsxs("div", { className: "w-full max-w-sm rounded-2xl border border-emerald-200 bg-emerald-50 p-6 text-center shadow-sm", children: [jsxRuntime.jsx("div", { className: "mx-auto mb-4 flex h-14 w-14 items-center justify-center rounded-full bg-emerald-500 text-white shadow-md shadow-emerald-200", children: jsxRuntime.jsx("svg", { "aria-hidden": "true", viewBox: "0 0 24 24", className: "h-7 w-7", fill: "none", stroke: "currentColor", strokeWidth: "2.5", strokeLinecap: "round", strokeLinejoin: "round", children: jsxRuntime.jsx("path", { d: "M20 6 9 17l-5-5" }) }) }), jsxRuntime.jsx("p", { className: "text-base font-semibold text-gray-900", children: t("nfc_scan.qr_opened_title", "QR code scanné") }), jsxRuntime.jsx("p", { className: "mt-2 text-sm leading-relaxed text-gray-600", children: t("nfc_scan.qr_opened_description", "L'expérience NFC est ouverte sur l'iPhone. Continuez le scan sur le téléphone.") }), jsxRuntime.jsxs("div", { className: "mt-5 flex items-center justify-center gap-2 text-xs font-medium text-emerald-700", children: [jsxRuntime.jsx("span", { className: "h-2 w-2 animate-pulse rounded-full bg-emerald-500" }), t("nfc_scan.waiting_completion", "En attente de la lecture NFC")] })] })) : qrError ? (jsxRuntime.jsx("div", { className: "text-red-500 text-center p-4", children: qrError })) : (jsxRuntime.jsx("div", { className: "bg-white p-4 rounded-lg shadow-lg border-2 border-gray-200", children: jsxRuntime.jsx("canvas", { ref: canvasRef }) })) })] }) }) }));
+};
+
+exports.default = NfcScanStep;
+//# sourceMappingURL=NfcScanNode.js.map

package/dist/cjs/components/nfc-scan/NfcScanNode.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NfcScanNode.js","sources":["../../../../../src/components/nfc-scan/NfcScanNode.tsx"],"sourcesContent":["import React, { useEffect, useMemo, useRef, useState } from \"react\";\nimport QRCode from \"qrcode\";\nimport type { SessionTemplate, stepObject } from \"../../types/session\";\nimport { useI18n } from \"../../hooks/useI18n\";\nimport { useNfcSseStatus } from \"../../hooks/useNfcSseStatus\";\nimport { getBaseURL } from \"../../services/api\";\nimport MobilePageLayout from \"../ui/MobilePageLayout\";\nimport Title from \"../ui/Title\";\nimport Subtitle from \"../ui/Subtitle\";\nimport NfcSuccessAnimation from \"./NfcSuccessAnimation\";\n\ninterface NfcScanStepProps {\n  sessionId: string;\n  nodeId: string;\n  stepObject: stepObject;\n  template?: SessionTemplate;\n  pageTitle?: string;\n  pageDescription?: string;\n}\n\nconst NfcScanStep: React.FC<NfcScanStepProps> = ({\n  sessionId,\n  nodeId,\n  stepObject,\n  template,\n  pageTitle,\n  pageDescription,\n}) => {\n  const { t } = useI18n();\n  const canvasRef = useRef<HTMLCanvasElement>(null);\n  const [qrError, setQrError] = useState<string | null>(null);\n\n  const nfcUrl = useMemo(() => {\n    const origin = typeof window !== \"undefined\" ? window.location.origin : \"\";\n    return `${origin}/scan/${sessionId}`;\n  }, [sessionId]);\n\n  const apiBaseUrl = useMemo(() => getBaseURL(), []);\n\n  const { status } = useNfcSseStatus({\n    sessionId,\n    apiBaseUrl,\n    onCompleted: () => {\n      if (template) {\n        stepObject.goToNextStep(nodeId, template);\n      } else {\n        stepObject.setStep(stepObject.step + 1);\n      }\n    },\n  });\n\n  const title =\n    pageTitle || t(\"nfc_scan.page_title\", \"Scan NFC de votre document\");\n  const subtitle =\n    pageDescription ||\n    t(\n      \"nfc_scan.page_description\",\n      \"Scannez le QR code ci-dessous avec votre iPhone pour lire la puce NFC de votre document d'identité.\"\n    );\n\n  useEffect(() => {\n    if (status !== \"pending\") return;\n\n    const generate = async () => {\n      if (!canvasRef.current) return;\n      setQrError(null);\n\n      try {\n        const dataUrl = await QRCode.toDataURL(nfcUrl, {\n          width: 256,\n          margin: 2,\n          color: { dark: \"#000000\", light: \"#FFFFFF\" },\n        });\n        const canvas = canvasRef.current;\n        const ctx = canvas.getContext(\"2d\");\n        if (ctx) {\n          const img = new Image();\n          img.onload = () => {\n            canvas.width = img.width;\n            canvas.height = img.height;\n            ctx.drawImage(img, 0, 0);\n          };\n          img.src = dataUrl;\n        }\n      } catch {\n        setQrError(t(\"qr_code.generation_failed\", \"Erreur de génération du QR code\"));\n      }\n    };\n\n    generate();\n  }, [nfcUrl, status, t]);\n\n  return (\n    <MobilePageLayout footer={null}>\n      <div className=\"px-4 py-6 pt-11 md:px-8 md:py-8\">\n        <div className=\"w-full max-w-md mx-auto space-y-6\">\n          <div className=\"text-center space-y-4 mt-16 md:mt-20\">\n            <Title className=\"text-xl md:text-2xl lg:text-3xl\">{title}</Title>\n            <Subtitle className=\"text-sm md:text-base text-gray-600 leading-relaxed whitespace-pre-line\">\n              {subtitle}\n            </Subtitle>\n          </div>\n\n          <div className=\"flex-1 flex justify-center items-center\">\n            {status === \"success\" ? (\n              <NfcSuccessAnimation />\n            ) : status === \"completed\" ? (\n              <div className=\"flex flex-col items-center gap-4 p-8\">\n                <div className=\"animate-spin w-10 h-10 border-2 border-gray-300 border-t-blue-500 rounded-full\" />\n                <p className=\"text-sm text-gray-600\">\n                  {t(\"nfc_scan.verifying\", \"Vérification en cours…\")}\n                </p>\n              </div>\n            ) : status === \"opened\" ? (\n              <div className=\"w-full max-w-sm rounded-2xl border border-emerald-200 bg-emerald-50 p-6 text-center shadow-sm\">\n                <div className=\"mx-auto mb-4 flex h-14 w-14 items-center justify-center rounded-full bg-emerald-500 text-white shadow-md shadow-emerald-200\">\n                  <svg\n                    aria-hidden=\"true\"\n                    viewBox=\"0 0 24 24\"\n                    className=\"h-7 w-7\"\n                    fill=\"none\"\n                    stroke=\"currentColor\"\n                    strokeWidth=\"2.5\"\n                    strokeLinecap=\"round\"\n                    strokeLinejoin=\"round\"\n                  >\n                    <path d=\"M20 6 9 17l-5-5\" />\n                  </svg>\n                </div>\n                <p className=\"text-base font-semibold text-gray-900\">\n                  {t(\"nfc_scan.qr_opened_title\", \"QR code scanné\")}\n                </p>\n                <p className=\"mt-2 text-sm leading-relaxed text-gray-600\">\n                  {t(\n                    \"nfc_scan.qr_opened_description\",\n                    \"L'expérience NFC est ouverte sur l'iPhone. Continuez le scan sur le téléphone.\"\n                  )}\n                </p>\n                <div className=\"mt-5 flex items-center justify-center gap-2 text-xs font-medium text-emerald-700\">\n                  <span className=\"h-2 w-2 animate-pulse rounded-full bg-emerald-500\" />\n                  {t(\"nfc_scan.waiting_completion\", \"En attente de la lecture NFC\")}\n                </div>\n              </div>\n            ) : qrError ? (\n              <div className=\"text-red-500 text-center p-4\">{qrError}</div>\n            ) : (\n              <div className=\"bg-white p-4 rounded-lg shadow-lg border-2 border-gray-200\">\n                <canvas ref={canvasRef} />\n              </div>\n            )}\n          </div>\n        </div>\n      </div>\n    </MobilePageLayout>\n  );\n};\n\nexport default NfcScanStep;\n"],"names":["useI18n","useRef","useState","useMemo","getBaseURL","useNfcSseStatus","useEffect","__awaiter","_jsx","MobilePageLayout","_jsxs","Title","Subtitle","NfcSuccessAnimation"],"mappings":"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"}

package/dist/cjs/components/nfc-scan/NfcSuccessAnimation.js

@@ -0,0 +1,40 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var useI18n = require('../../hooks/useI18n.js');
+
+var NfcSuccessAnimation = function () {
+    var t = useI18n.useI18n().t;
+    var _a = React.useState(false), visible = _a[0], setVisible = _a[1];
+    React.useEffect(function () {
+        // Déclenche l'animation au prochain frame pour permettre la transition CSS
+        var id = requestAnimationFrame(function () { return setVisible(true); });
+        return function () { return cancelAnimationFrame(id); };
+    }, []);
+    return (jsxRuntime.jsxs("div", { className: "flex flex-col items-center gap-6 p-8", style: {
+            opacity: visible ? 1 : 0,
+            transform: visible ? "scale(1)" : "scale(0.85)",
+            transition: "opacity 0.4s ease, transform 0.4s ease",
+        }, children: [jsxRuntime.jsxs("div", { style: { position: "relative", width: 72, height: 72, flexShrink: 0 }, children: [jsxRuntime.jsx("div", { style: {
+                            position: "absolute",
+                            inset: 0,
+                            borderRadius: "50%",
+                            backgroundColor: "var(--uni-primary-color, #11e5c5)",
+                            transformOrigin: "center center",
+                            animation: "nfc-pulse 1.6s ease-out infinite",
+                            pointerEvents: "none",
+                        } }), jsxRuntime.jsxs("svg", { width: 72, height: 72, viewBox: "0 0 72 72", fill: "none", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": "true", children: [jsxRuntime.jsx("circle", { cx: 36, cy: 36, r: 34, fill: "var(--uni-primary-color, #11e5c5)", style: {
+                                    opacity: visible ? 1 : 0,
+                                    transition: "opacity 0.3s ease 0.1s",
+                                } }), jsxRuntime.jsx("polyline", { points: "20,37 30,47 52,25", stroke: "#ffffff", strokeWidth: 5, strokeLinecap: "round", strokeLinejoin: "round", fill: "none", style: {
+                                    strokeDasharray: 50,
+                                    strokeDashoffset: visible ? 0 : 50,
+                                    transition: "stroke-dashoffset 0.45s cubic-bezier(0.4, 0, 0.2, 1) 0.35s",
+                                } })] })] }), jsxRuntime.jsxs("div", { className: "text-center space-y-1", children: [jsxRuntime.jsx("p", { className: "font-semibold text-base", style: { color: "var(--uni-secondary-color, #0a9983)" }, children: t("nfc_scan.success_title", "Documents validés") }), jsxRuntime.jsx("p", { className: "text-sm text-gray-500", children: t("nfc_scan.success_subtitle", "Lecture NFC confirmée avec succès") })] }), jsxRuntime.jsx("style", { children: "\n        @keyframes nfc-pulse {\n          0%   { transform: scale(1);    opacity: 0.25; }\n          70%  { transform: scale(1.65); opacity: 0.05; }\n          100% { transform: scale(1.65); opacity: 0;    }\n        }\n      " })] }));
+};
+
+exports.default = NfcSuccessAnimation;
+//# sourceMappingURL=NfcSuccessAnimation.js.map

package/dist/cjs/components/nfc-scan/NfcSuccessAnimation.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NfcSuccessAnimation.js","sources":["../../../../../src/components/nfc-scan/NfcSuccessAnimation.tsx"],"sourcesContent":["import React, { useEffect, useState } from \"react\";\nimport { useI18n } from \"../../hooks/useI18n\";\n\nconst NfcSuccessAnimation: React.FC = () => {\n  const { t } = useI18n();\n  const [visible, setVisible] = useState(false);\n\n  useEffect(() => {\n    // Déclenche l'animation au prochain frame pour permettre la transition CSS\n    const id = requestAnimationFrame(() => setVisible(true));\n    return () => cancelAnimationFrame(id);\n  }, []);\n\n  return (\n    <div\n      className=\"flex flex-col items-center gap-6 p-8\"\n      style={{\n        opacity: visible ? 1 : 0,\n        transform: visible ? \"scale(1)\" : \"scale(0.85)\",\n        transition: \"opacity 0.4s ease, transform 0.4s ease\",\n      }}\n    >\n      <div style={{ position: \"relative\", width: 72, height: 72, flexShrink: 0 }}>\n        {/* Halo pulsant en arrière-plan */}\n        <div\n          style={{\n            position: \"absolute\",\n            inset: 0,\n            borderRadius: \"50%\",\n            backgroundColor: \"var(--uni-primary-color, #11e5c5)\",\n            transformOrigin: \"center center\",\n            animation: \"nfc-pulse 1.6s ease-out infinite\",\n            pointerEvents: \"none\",\n          }}\n        />\n\n        {/* Cercle + check SVG animé */}\n        <svg\n          width={72}\n          height={72}\n          viewBox=\"0 0 72 72\"\n          fill=\"none\"\n          xmlns=\"http://www.w3.org/2000/svg\"\n          aria-hidden=\"true\"\n        >\n          {/* Cercle de fond rempli */}\n          <circle\n            cx={36}\n            cy={36}\n            r={34}\n            fill=\"var(--uni-primary-color, #11e5c5)\"\n            style={{\n              opacity: visible ? 1 : 0,\n              transition: \"opacity 0.3s ease 0.1s\",\n            }}\n          />\n          {/* Trait du check — strokeDashoffset animé */}\n          <polyline\n            points=\"20,37 30,47 52,25\"\n            stroke=\"#ffffff\"\n            strokeWidth={5}\n            strokeLinecap=\"round\"\n            strokeLinejoin=\"round\"\n            fill=\"none\"\n            style={{\n              strokeDasharray: 50,\n              strokeDashoffset: visible ? 0 : 50,\n              transition: \"stroke-dashoffset 0.45s cubic-bezier(0.4, 0, 0.2, 1) 0.35s\",\n            }}\n          />\n        </svg>\n      </div>\n\n      <div className=\"text-center space-y-1\">\n        <p\n          className=\"font-semibold text-base\"\n          style={{ color: \"var(--uni-secondary-color, #0a9983)\" }}\n        >\n          {t(\"nfc_scan.success_title\", \"Documents validés\")}\n        </p>\n        <p className=\"text-sm text-gray-500\">\n          {t(\"nfc_scan.success_subtitle\", \"Lecture NFC confirmée avec succès\")}\n        </p>\n      </div>\n\n      <style>{`\n        @keyframes nfc-pulse {\n          0%   { transform: scale(1);    opacity: 0.25; }\n          70%  { transform: scale(1.65); opacity: 0.05; }\n          100% { transform: scale(1.65); opacity: 0;    }\n        }\n      `}</style>\n    </div>\n  );\n};\n\nexport default NfcSuccessAnimation;\n"],"names":["useI18n","useState","useEffect","_jsxs","_jsx"],"mappings":";;;;;;;;AAGA,IAAM,mBAAmB,GAAa,YAAA;AAC5B,IAAA,IAAA,CAAC,GAAKA,eAAO,EAAE,EAAd;IACH,IAAA,EAAA,GAAwBC,cAAQ,CAAC,KAAK,CAAC,EAAtC,OAAO,GAAA,EAAA,CAAA,CAAA,CAAA,EAAE,UAAU,GAAA,EAAA,CAAA,CAAA,CAAmB;AAE7C,IAAAC,eAAS,CAAC,YAAA;;AAER,QAAA,IAAM,EAAE,GAAG,qBAAqB,CAAC,YAAA,EAAM,OAAA,UAAU,CAAC,IAAI,CAAC,CAAA,CAAhB,CAAgB,CAAC;QACxD,OAAO,YAAA,EAAM,OAAA,oBAAoB,CAAC,EAAE,CAAC,CAAA,CAAxB,CAAwB;IACvC,CAAC,EAAE,EAAE,CAAC;AAEN,IAAA,QACEC,eAAA,CAAA,KAAA,EAAA,EACE,SAAS,EAAC,sCAAsC,EAChD,KAAK,EAAE;YACL,OAAO,EAAE,OAAO,GAAG,CAAC,GAAG,CAAC;YACxB,SAAS,EAAE,OAAO,GAAG,UAAU,GAAG,aAAa;AAC/C,YAAA,UAAU,EAAE,wCAAwC;SACrD,EAAA,QAAA,EAAA,CAEDA,eAAA,CAAA,KAAA,EAAA,EAAK,KAAK,EAAE,EAAE,QAAQ,EAAE,UAAU,EAAE,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,UAAU,EAAE,CAAC,EAAE,EAAA,QAAA,EAAA,CAExEC,cAAA,CAAA,KAAA,EAAA,EACE,KAAK,EAAE;AACL,4BAAA,QAAQ,EAAE,UAAU;AACpB,4BAAA,KAAK,EAAE,CAAC;AACR,4BAAA,YAAY,EAAE,KAAK;AACnB,4BAAA,eAAe,EAAE,mCAAmC;AACpD,4BAAA,eAAe,EAAE,eAAe;AAChC,4BAAA,SAAS,EAAE,kCAAkC;AAC7C,4BAAA,aAAa,EAAE,MAAM;AACtB,yBAAA,EAAA,CACD,EAGFD,eAAA,CAAA,KAAA,EAAA,EACE,KAAK,EAAE,EAAE,EACT,MAAM,EAAE,EAAE,EACV,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,4BAA4B,EAAA,aAAA,EACtB,MAAM,aAGlBC,cAAA,CAAA,QAAA,EAAA,EACE,EAAE,EAAE,EAAE,EACN,EAAE,EAAE,EAAE,EACN,CAAC,EAAE,EAAE,EACL,IAAI,EAAC,mCAAmC,EACxC,KAAK,EAAE;oCACL,OAAO,EAAE,OAAO,GAAG,CAAC,GAAG,CAAC;AACxB,oCAAA,UAAU,EAAE,wBAAwB;iCACrC,EAAA,CACD,EAEFA,cAAA,CAAA,UAAA,EAAA,EACE,MAAM,EAAC,mBAAmB,EAC1B,MAAM,EAAC,SAAS,EAChB,WAAW,EAAE,CAAC,EACd,aAAa,EAAC,OAAO,EACrB,cAAc,EAAC,OAAO,EACtB,IAAI,EAAC,MAAM,EACX,KAAK,EAAE;AACL,oCAAA,eAAe,EAAE,EAAE;oCACnB,gBAAgB,EAAE,OAAO,GAAG,CAAC,GAAG,EAAE;AAClC,oCAAA,UAAU,EAAE,4DAA4D;iCACzE,EAAA,CACD,CAAA,EAAA,CACE,IACF,EAEND,eAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,uBAAuB,EAAA,QAAA,EAAA,CACpCC,cAAA,CAAA,GAAA,EAAA,EACE,SAAS,EAAC,yBAAyB,EACnC,KAAK,EAAE,EAAE,KAAK,EAAE,qCAAqC,EAAE,EAAA,QAAA,EAEtD,CAAC,CAAC,wBAAwB,EAAE,mBAAmB,CAAC,GAC/C,EACJA,cAAA,CAAA,GAAA,EAAA,EAAG,SAAS,EAAC,uBAAuB,EAAA,QAAA,EACjC,CAAC,CAAC,2BAA2B,EAAE,mCAAmC,CAAC,GAClE,CAAA,EAAA,CACA,EAENA,oCAAQ,sOAMP,EAAA,CAAS,CAAA,EAAA,CACN;AAEV;;;;"}

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

@@ -30,8 +30,15 @@ var documentTemplate = require('../../services/documentTemplate.js');
 var imageProcessing = require('../../utils/imageProcessing.js');
 var retryService = require('../../services/retryService.js');
 var SessionContext = require('../../context/SessionContext.js');
+var sessionService = require('../../services/sessionService.js');
+var NfcScanNode = require('../nfc-scan/NfcScanNode.js');
 var europeanCountries = require('../../utils/europeanCountries.js');
 
+var NFC_ELIGIBLE_DOCUMENT_TYPES = new Set([
+    "passport",
+    "idCard",
+    "residencePermit",
+]);
 /**
  * DocumentCheck component manages the multi-step document verification flow for a session.
  * It handles country and document type selection, document upload or photo capture, processing, and error/success handling.
@@ -110,10 +117,11 @@ var DocumentCheck = function (_a) {
     var _t = React.useState(null), fileUploaded = _t[0], setFileUploaded = _t[1];
     var _u = React.useState(null), analysisData = _u[0], setAnalysisData = _u[1];
     var _v = React.useState(null), errorCode = _v[0], setErrorCode = _v[1];
+    var _w = React.useState(null), nfcPreparationError = _w[0], setNfcPreparationError = _w[1];
     // Initialize retry count from session data
-    var _w = React.useState(function () {
+    var _x = React.useState(function () {
         return retryService.getNodeRetryCount(session, node.id);
-    }), retryCount = _w[0], setRetryCount = _w[1];
+    }), retryCount = _x[0], setRetryCount = _x[1];
     // Update retry count when session loads/changes
     React.useEffect(function () {
         if (session) {
@@ -153,10 +161,10 @@ var DocumentCheck = function (_a) {
             setDocStep(6);
         }
     }, [retryCount, node.allowResubmission, node.maxResubmissionAttempts]);
-    var _x = React.useState({}), capturedImages = _x[0], setCapturedImages = _x[1];
-    var _y = React.useState("before-recto"), currentPhotoStep = _y[0], setCurrentPhotoStep = _y[1];
-    var _z = React.useState("photo"), videoFlowPhase = _z[0], setVideoFlowPhase = _z[1];
-    var _0 = DocumentContext.useDocumentContext(), selectedDocumentType = _0.selectedDocumentType, setSelectedDocumentType = _0.setSelectedDocumentType;
+    var _y = React.useState({}), capturedImages = _y[0], setCapturedImages = _y[1];
+    var _z = React.useState("before-recto"), currentPhotoStep = _z[0], setCurrentPhotoStep = _z[1];
+    var _0 = React.useState("photo"), videoFlowPhase = _0[0], setVideoFlowPhase = _0[1];
+    var _1 = DocumentContext.useDocumentContext(), selectedDocumentType = _1.selectedDocumentType, setSelectedDocumentType = _1.setSelectedDocumentType;
     var finalAcceptedCountries = React.useMemo(function () {
         if (loadingTemplates)
             return acceptedCountries;
@@ -252,6 +260,7 @@ var DocumentCheck = function (_a) {
         setFileUploaded(null);
         setAnalysisData(null);
         setErrorCode(null);
+        setNfcPreparationError(null);
         // Reset retry count to 0 (will be synced to session)
         setRetryCount(0);
         setCapturedImages({});
@@ -337,35 +346,66 @@ var DocumentCheck = function (_a) {
         }
         handleProcessingComplete(success, undefined, analysisData);
     };
-    var handleDocumentTypeSelect = function (documentId) {
-        var documentLabel = t("documentTypes.".concat(documentId), documentId);
-        auditTrailService.logDocumentTypeSelected(sessionId, documentId, documentLabel);
-        var documentTemplateID = loadingTemplates
-            ? undefined
-            : documentTemplate.getDocumentTemplateId({
-                acceptedCountries: finalAcceptedCountries,
-                countryCode: selectedCountry,
-                documentId: documentId,
-                documentTemplates: documentTemplates,
-            });
-        // Find the selected document details
-        var selectedDoc = {
-            id: documentId,
-            label: t("documentTypes.".concat(documentId)),
-            hasTwoSides: documentId !== "passport" && documentId !== "pinkDriverLicense",
-            documentTemplateId: documentTemplateID,
-        };
-        setSelectedDocumentType(selectedDoc);
-        setFileUploaded(null);
-        setAnalysisData(null);
-        setErrorCode(null);
-        // Don't reset retry count when selecting document type
-        // Keep existing retry count for this node
-        setCapturedImages({});
-        setCurrentPhotoStep("before-recto");
-        setVideoFlowPhase("photo");
-        setDocStep(3);
-    };
+    var handleDocumentTypeSelect = function (documentId) { return tslib_es6.__awaiter(void 0, void 0, void 0, function () {
+        var documentLabel, documentTemplateID, selectedDoc, selectedCountryCode, selectedDocumentInput, nfcMode, error_2;
+        var _a;
+        return tslib_es6.__generator(this, function (_b) {
+            switch (_b.label) {
+                case 0:
+                    documentLabel = t("documentTypes.".concat(documentId), documentId);
+                    auditTrailService.logDocumentTypeSelected(sessionId, documentId, documentLabel);
+                    documentTemplateID = loadingTemplates
+                        ? undefined
+                        : documentTemplate.getDocumentTemplateId({
+                            acceptedCountries: finalAcceptedCountries,
+                            countryCode: selectedCountry,
+                            documentId: documentId,
+                            documentTemplates: documentTemplates,
+                        });
+                    selectedDoc = {
+                        id: documentId,
+                        label: t("documentTypes.".concat(documentId)),
+                        hasTwoSides: documentId !== "passport" && documentId !== "pinkDriverLicense",
+                        documentTemplateId: documentTemplateID,
+                    };
+                    selectedCountryCode = selectedCountry.toUpperCase();
+                    selectedDocumentInput = {
+                        countryCode: selectedCountryCode,
+                        identityDocumentType: documentId,
+                        identityDocumentTemplateId: documentTemplateID,
+                    };
+                    setSelectedDocumentType(selectedDoc);
+                    setUserInput(function (prev) { return (tslib_es6.__assign(tslib_es6.__assign({}, prev), selectedDocumentInput)); });
+                    setFileUploaded(null);
+                    setAnalysisData(null);
+                    setErrorCode(null);
+                    setNfcPreparationError(null);
+                    setCapturedImages({});
+                    setCurrentPhotoStep("before-recto");
+                    setVideoFlowPhase("photo");
+                    if (!(node.nfcEnabled === true && NFC_ELIGIBLE_DOCUMENT_TYPES.has(documentId))) return [3 /*break*/, 5];
+                    nfcMode = (_a = node.nfcMode) !== null && _a !== void 0 ? _a : "nfcOnly";
+                    _b.label = 1;
+                case 1:
+                    _b.trys.push([1, 3, , 4]);
+                    return [4 /*yield*/, sessionService.updateSessionUserInput(sessionId, selectedDocumentInput)];
+                case 2:
+                    _b.sent();
+                    return [3 /*break*/, 4];
+                case 3:
+                    error_2 = _b.sent();
+                    console.error("Failed to persist NFC document selection:", error_2);
+                    setNfcPreparationError(t("nfc_scan.preparation_failed", "Impossible de préparer le scan NFC. Veuillez réessayer."));
+                    return [3 /*break*/, 4];
+                case 4:
+                    setDocStep(nfcMode === "nfcAndApi" ? 3 : 7);
+                    return [2 /*return*/];
+                case 5:
+                    setDocStep(3);
+                    return [2 /*return*/];
+            }
+        });
+    }); };
     var handleDocumentUpload = function (files) {
         auditTrailService.logDocumentLoaded(sessionId, "recto");
         if (files.back) {
@@ -384,6 +424,7 @@ var DocumentCheck = function (_a) {
         }
     };
     var handleProcessingComplete = function (success, _retryCount, apiAnalysisData) {
+        var _a;
         if (apiAnalysisData) {
             setAnalysisData(apiAnalysisData);
             // Extract and store the error code
@@ -393,6 +434,14 @@ var DocumentCheck = function (_a) {
             }
         }
         if (success) {
+            var shouldRunNfcAfterApi = node.nfcEnabled === true &&
+                ((_a = node.nfcMode) !== null && _a !== void 0 ? _a : "nfcOnly") === "nfcAndApi" &&
+                !!(selectedDocumentType === null || selectedDocumentType === void 0 ? void 0 : selectedDocumentType.id) &&
+                NFC_ELIGIBLE_DOCUMENT_TYPES.has(selectedDocumentType.id);
+            if (shouldRunNfcAfterApi) {
+                setDocStep(7);
+                return;
+            }
             // Increment currentStep in database immediately after successful analysis
             // This prevents double analysis if the user refreshes the page
             if (template) {
@@ -558,6 +607,11 @@ var DocumentCheck = function (_a) {
             return (jsxRuntime.jsx(JDISuccess.default, { documentType: (selectedDocumentType === null || selectedDocumentType === void 0 ? void 0 : selectedDocumentType.id) || documentTypeId, onContinue: handleSuccessContinue, errorCode: errorCode || undefined }));
         case 6:
             return (jsxRuntime.jsx(JDIError.default, { documentType: (selectedDocumentType === null || selectedDocumentType === void 0 ? void 0 : selectedDocumentType.id) || documentTypeId, onRetry: handleRetryFromError, onContinueAnyway: handleContinueAnyway, retryCount: retryCount, predictions: analysisData || undefined, errorCode: errorCode || undefined, allowResubmission: node.allowResubmission, maxResubmissionAttempts: node.maxResubmissionAttempts, isRetryAllowed: isRetryAllowed() }));
+        case 7:
+            if (nfcPreparationError) {
+                return (jsxRuntime.jsx(MobilePageLayout.default, { footer: jsxRuntime.jsx("div", { className: "w-full max-w-md mx-auto", children: jsxRuntime.jsx(ButtonDesktop.default, { type: "back", onClick: function () { return setDocStep(2); }, className: "w-full text-[#3C3C40] text-center font-poppins text-sm font-medium hover:underline py-2", children: t("buttons.back", "Retour") }) }), children: jsxRuntime.jsxs("div", { className: "flex flex-col items-center justify-center h-full p-4 text-center", children: [jsxRuntime.jsx("div", { className: "text-red-500 text-4xl mb-4", children: "\u26A0\uFE0F" }), jsxRuntime.jsx("h2", { className: "text-xl font-bold text-red-600 mb-2", children: t("nfc_scan.preparation_error_title", "Erreur de préparation NFC") }), jsxRuntime.jsx("p", { className: "text-gray-600 mb-4", children: nfcPreparationError })] }) }));
+            }
+            return (jsxRuntime.jsx(NfcScanNode.default, { sessionId: sessionId, nodeId: node.id, stepObject: stepObject, template: template }));
         default:
             console.error("Invalid docStep: ".concat(docStep));
             return (jsxRuntime.jsxs("div", { className: "flex flex-col items-center justify-center h-full p-4 text-center", children: [jsxRuntime.jsx("div", { className: "text-red-500 text-4xl mb-4", children: "\u26A0\uFE0F" }), jsxRuntime.jsx("h2", { className: "text-xl font-bold text-red-600 mb-2", children: t("document_check.navigation_error.title", "Erreur de navigation") }), jsxRuntime.jsx("p", { className: "text-gray-600 mb-4", children: t("document_check.navigation_error.description", "Étape non valide. Veuillez recommencer.") }), jsxRuntime.jsx(ButtonDesktop.default, { className: "px-4 py-2 bg-primary text-white rounded hover:bg-primary-dark transition-colors", type: "back", onClick: function () { return setDocStep(0); }, children: t("document_check.navigation_error.back", "Retour au début") })] }));