datakeen-session-react 1.1.140-rc.72 → 1.1.140-rc.73

package/dist/cjs/types/session.js.map

@@ -1 +1 @@
-{"version":3,"file":"session.js","sources":["../../../../src/types/session.ts"],"sourcesContent":["import type React from \"react\";\n\nexport interface SessionConfig {\n  selfie?: boolean;\n  requireMobile?: boolean;\n}\n\nexport interface DatakeenSessionProps {\n  sessionId: string;\n  sessionConfig?: SessionConfig;\n  apiBaseUrl?: string; // Optional API base URL for dynamic environment configuration\n}\n\nexport interface UseSessionReturn {\n  SessionComponent: React.ReactElement;\n}\n\nexport type stepObject = {\n  setStep: (step: number, skipHistory?: boolean) => void;\n  goBack: () => void;\n  /** Retour arrière vers un nœud précis (ex: \"Corriger ma saisie\") :\n   *  tronque l'historique jusqu'à `targetStep` au lieu de l'empiler. */\n  goBackToStep: (targetStep: number) => void;\n  goToNextStep: (\n    currentNodeId: string,\n    template: SessionTemplate,\n    handle?: string,\n  ) => void;\n  step: number;\n  canGoBack: boolean;\n};\n\nexport interface ProcessingStep {\n  title: string;\n  subtitle: string;\n  hasError?: boolean;\n}\n\nexport type ConditionTokenType = \"variable\" | \"control\" | \"operator\" | \"input\";\n\nexport interface ConditionToken {\n  type: ConditionTokenType;\n  value: string;\n  label?: string;\n  sourceNodeId?: string;\n}\n\n/**\n * Type for custom field value types\n */\nexport type CustomFieldValueType =\n  | \"text\"\n  | \"enum\"\n  | \"number\"\n  | \"boolean\"\n  | \"date\"\n  | \"email\"\n  | \"address\"\n  | \"list\";\n\n/**\n * Display formats supported for date fields (top-level and list columns).\n */\nexport type DateDisplayFormat = \"dd/mm/yyyy\" | \"mm/dd/yyyy\" | \"yyyy-mm-dd\";\n\nexport const DEFAULT_DATE_DISPLAY_FORMAT: DateDisplayFormat = \"dd/mm/yyyy\";\n\n/**\n * Column definition for a list-type custom field\n */\nexport interface ListColumn {\n  label: string;\n  type: \"text\" | \"enum\" | \"date\" | \"email\";\n  options?: string[]; // required when type === 'enum'\n  placeholder?: string; // text/email/date — shown to the end user\n  regex?: string; // text — JS regex source (without slashes)\n  regexErrorMessage?: string; // text — message displayed when regex fails\n  dateFormat?: DateDisplayFormat; // date — display format expected\n}\n\n/**\n * Interface for custom field definition\n */\nexport interface CustomField {\n  id: string;\n  label: string;\n  placeholder?: string;\n  description?: string;\n  valueType: CustomFieldValueType;\n  enumOptions?: string[];\n  listColumns?: ListColumn[]; // for list type: column definitions\n  minRows?: number; // for list type: minimum rows expected\n  required?: boolean;\n  regex?: string; // text — JS regex source (without slashes)\n  regexErrorMessage?: string; // text — message displayed when regex fails\n  dateFormat?: DateDisplayFormat; // date — display format expected\n  lockedFromApi?: boolean;\n  userInputKey?: string;\n}\n\n/**\n * Interface for session template node\n */\nexport interface SessionTemplateNode {\n  id: string;\n  type: string;\n  title: string;\n  description: string;\n  informationType?:\n  | \"identity\"\n  | \"identity-legal\"\n  | \"contact\"\n  | \"address\"\n  | \"nationality\"\n  | \"custom\";\n  position: {\n    x: number;\n    y: number;\n  };\n  options: unknown[];\n  selectedOptions: string[];\n  requiredDocumentType?: string;\n  isRequired: boolean;\n  order: number;\n  optionalFields?: string[];\n  requiredFields?: string[];\n  pageTitle?: string;\n  pageDescription?: string;\n  // Properties for document-collection node type\n  allowedDocumentTypes?: Array<{\n    id: string;\n    name: string;\n    /**\n     * Optional side information coming from the template.\n     * When provided and equals to two (\"two\", 2, \"double\", \"recto-verso\"),\n     * consumers should allow uploading two sides (front/back).\n     */\n    side?: string | number;\n  }>;\n  allowedAddingMethods?: string[];\n  introductionPage?: {\n    title?: string;\n    description?: string;\n  };\n  documentSelection?: {\n    title?: string;\n    description?: string;\n  };\n  // Start node specific properties\n  welcomeTitle?: string;\n  welcomeSubtitle?: string;\n  welcomeDescription?: string;\n  welcomeImage?: string;\n  qrCodeTitle?: string;\n  qrCodeDescription?: string;\n  showLegacyCGU?: boolean; // default: true — rétrocompatibilité\n\n  // Legal consent node specific properties\n  consentDescription?: string;\n  consentDescription2?: string;\n  cguUrl?: string;\n  privacyPolicyUrl?: string;\n  checkboxText?: string;\n  // Identity control specific properties\n  automaticPhotoCapture?: boolean;\n  nfcEnabled?: boolean;\n  // \"nfcAndApi\" reste accepté pour rétrocompat (parcours legacy) ; à normaliser à la lecture.\n  nfcMode?: \"nfcOnly\" | \"nfcOrPhoto\" | \"nfcAndApi\";\n  acceptedCountries?: AcceptedCountry[];\n  // End node specific properties\n  callbackURL?: string | null;\n  // Résultat forcé par le nœud `end` (configuré dans le builder). Sert au SDK à\n  // afficher la variante « erreur conservée » de l'écran de fin quand la branche\n  // fausse d'une condition pointe directement vers un end non_compliant.\n  expectedResult?: string;\n  // Condition node specific properties\n  conditionExpression?: string;\n  conditionTokens?: ConditionToken[];\n  conditionFalseErrorMessage?: string;\n  conditionMaxRetries?: number;\n  conditionMaxRetryAction?: \"end-journey\" | \"force-true\";\n  conditionFalseMode?: \"retry\" | \"loop\";\n\n  // External verification specific properties\n  targetApi?: \"INSEE\";\n  referenceNodeId?: string;\n  referenceNodeType?:\n  | \"information-input\"\n  | \"document-collection\"\n  | \"identity-control\";\n  referenceField?: \"siren\" | \"siret\";\n  referenceVariable?: string;\n  // Custom form fields (for information-input with type 'custom')\n  customFields?: CustomField[];\n\n  // Electronic signature specific properties\n  templateId?: string;\n  external_id?: string;\n  fieldMappings?: Array<{\n    sourceFieldId: string;\n    label: string;\n    docusealType: string;\n    readonly: boolean;\n    role?: string;\n    sourceNodeId?: string;\n  }>;\n  /** If set, the generated PDF from this upstream pdf-generation node will be used as the document to sign */\n  sourcePdfNodeId?: string;\n\n  // PDF generation node specific properties\n  // Note: htmlTemplate is intentionally NOT included — it is server-side only and never sent to the client\n  pdfMode?: \"upload\" | \"html-template\";\n  sourceNodeIds?: string[];\n\n  // retry properties\n  allowResubmission: boolean;\n  maxResubmissionAttempts?: number;\n}\n\n/**\n * Interface for accepted countries\n */\nexport interface AcceptedCountry {\n  code: string;\n  documents: {\n    passport: string[];\n    idCard: string[];\n    driverLicense: string[];\n    residencePermit: string[];\n    pinkDriverLicense: string[];\n  };\n}\n\n/**\n * Interface for session template edge\n */\nexport interface SessionTemplateEdge {\n  id: string;\n  source: string;\n  target: string;\n  sourceHandle?: string;\n  targetHandle?: string;\n  conditionValue?: string;\n}\n\n/**\n * Interface for platform information\n */\nexport interface PlatformInfo {\n  mobile: boolean;\n  desktop: boolean;\n  backoffice: boolean;\n}\n\n/**\n * Interface for session template\n */\n/** Clé du catalogue d'icônes des écrans de fin (mappée vers lucide-react au rendu). */\nexport type EndScreenIcon =\n  | \"thanks\"\n  | \"send\"\n  | \"mail\"\n  | \"check\"\n  | \"clock\"\n  | \"shield\"\n  | \"user\"\n  | \"info\";\n\nexport interface EndScreenItem {\n  icon: EndScreenIcon;\n  text: string;\n}\n\nexport interface EndScreenCase {\n  title?: string;\n  items: EndScreenItem[];\n}\n\n/** Textes de fin personnalisés (config globale du journey). Vide → fallback standard. */\nexport interface EndScreenConfig {\n  compliant?: EndScreenCase;\n  nonCompliant?: EndScreenCase;\n}\n\nexport interface SessionTemplate {\n  id: string;\n  name: string;\n  description: string;\n  version: string;\n  languages: string[];\n  nodes: SessionTemplateNode[];\n  edges: SessionTemplateEdge[];\n  groupId: string;\n  userId: string | null;\n  created_at: string;\n  updated_at: string;\n  platforms?: PlatformInfo;\n  logo?: string;\n  showQRCode?: boolean;\n  buttonBgColor?: string;\n  buttonTextColor?: string;\n  endScreenConfig?: EndScreenConfig;\n}\n\n/**\n * Interface for session data\n */\nexport interface SessionData {\n  id: string;\n  userId: string | null;\n  token: string;\n  templateId: string;\n  templateKey: string;\n  expireTime: number;\n  status: string;\n  result: Record<string, unknown>;\n  landingPage: unknown;\n  withSelfie: boolean | null;\n  groupId: string | null;\n  userInput: Record<string, unknown>;\n  contactInfo?: {\n    email: string;\n    phoneNumber: string;\n  };\n  callbackURL?: string | null;\n  webhookURL: string;\n  analysisTemplateId: string | null;\n  userAgent: unknown[];\n  mobile: boolean;\n  analysisId: string | null;\n  currentStep?: number;\n  createdAt: string;\n  updatedAt: string;\n  auditTrail: unknown[];\n  user: unknown | null;\n  analysis: unknown[];\n  documents: unknown[];\n  template: SessionTemplate;\n  retryCounts?: Record<string, number>; // nodeId -> retry count\n}\n\nexport interface ClientInfo {\n  ip?: string;\n  location?: string;\n  device: string;\n  browser: string;\n  os: string;\n}\n"],"names":[],"mappings":";;AAiEO,IAAM,2BAA2B,GAAsB;;;;"}
+{"version":3,"file":"session.js","sources":["../../../../src/types/session.ts"],"sourcesContent":["import type React from \"react\";\n\nexport interface SessionConfig {\n  selfie?: boolean;\n  requireMobile?: boolean;\n}\n\nexport interface DatakeenSessionProps {\n  sessionId: string;\n  sessionConfig?: SessionConfig;\n  apiBaseUrl?: string; // Optional API base URL for dynamic environment configuration\n}\n\nexport interface UseSessionReturn {\n  SessionComponent: React.ReactElement;\n}\n\nexport type stepObject = {\n  setStep: (step: number, skipHistory?: boolean) => void;\n  goBack: () => void;\n  /** Retour arrière vers un nœud précis (ex: \"Corriger ma saisie\") :\n   *  tronque l'historique jusqu'à `targetStep` au lieu de l'empiler. */\n  goBackToStep: (targetStep: number) => void;\n  goToNextStep: (\n    currentNodeId: string,\n    template: SessionTemplate,\n    handle?: string,\n  ) => void;\n  step: number;\n  canGoBack: boolean;\n};\n\nexport interface ProcessingStep {\n  title: string;\n  subtitle: string;\n  hasError?: boolean;\n}\n\nexport type ConditionTokenType = \"variable\" | \"control\" | \"operator\" | \"input\";\n\nexport interface ConditionToken {\n  type: ConditionTokenType;\n  value: string;\n  label?: string;\n  sourceNodeId?: string;\n}\n\n/**\n * Type for custom field value types\n */\nexport type CustomFieldValueType =\n  | \"text\"\n  | \"enum\"\n  | \"number\"\n  | \"boolean\"\n  | \"date\"\n  | \"email\"\n  | \"address\"\n  | \"list\";\n\n/**\n * Display formats supported for date fields (top-level and list columns).\n */\nexport type DateDisplayFormat = \"dd/mm/yyyy\" | \"mm/dd/yyyy\" | \"yyyy-mm-dd\";\n\nexport const DEFAULT_DATE_DISPLAY_FORMAT: DateDisplayFormat = \"dd/mm/yyyy\";\n\n/**\n * Column definition for a list-type custom field\n */\nexport interface ListColumn {\n  label: string;\n  type: \"text\" | \"enum\" | \"date\" | \"email\";\n  options?: string[]; // required when type === 'enum'\n  placeholder?: string; // text/email/date — shown to the end user\n  regex?: string; // text — JS regex source (without slashes)\n  regexErrorMessage?: string; // text — message displayed when regex fails\n  dateFormat?: DateDisplayFormat; // date — display format expected\n}\n\n/**\n * Interface for custom field definition\n */\nexport interface CustomField {\n  id: string;\n  label: string;\n  placeholder?: string;\n  description?: string;\n  valueType: CustomFieldValueType;\n  enumOptions?: string[];\n  listColumns?: ListColumn[]; // for list type: column definitions\n  minRows?: number; // for list type: minimum rows expected\n  required?: boolean;\n  regex?: string; // text — JS regex source (without slashes)\n  regexErrorMessage?: string; // text — message displayed when regex fails\n  dateFormat?: DateDisplayFormat; // date — display format expected\n  lockedFromApi?: boolean;\n  userInputKey?: string;\n}\n\n/**\n * Interface for session template node\n */\nexport interface SessionTemplateNode {\n  id: string;\n  type: string;\n  title: string;\n  description: string;\n  informationType?:\n  | \"identity\"\n  | \"identity-legal\"\n  | \"contact\"\n  | \"address\"\n  | \"nationality\"\n  | \"custom\";\n  position: {\n    x: number;\n    y: number;\n  };\n  options: unknown[];\n  selectedOptions: string[];\n  requiredDocumentType?: string;\n  isRequired: boolean;\n  order: number;\n  optionalFields?: string[];\n  requiredFields?: string[];\n  pageTitle?: string;\n  pageDescription?: string;\n  // Properties for document-collection node type\n  allowedDocumentTypes?: Array<{\n    id: string;\n    name: string;\n    /**\n     * Optional side information coming from the template.\n     * When provided and equals to two (\"two\", 2, \"double\", \"recto-verso\"),\n     * consumers should allow uploading two sides (front/back).\n     */\n    side?: string | number;\n  }>;\n  allowedAddingMethods?: string[];\n  introductionPage?: {\n    title?: string;\n    description?: string;\n  };\n  documentSelection?: {\n    title?: string;\n    description?: string;\n  };\n  // Start node specific properties\n  welcomeTitle?: string;\n  welcomeSubtitle?: string;\n  welcomeDescription?: string;\n  welcomeImage?: string;\n  qrCodeTitle?: string;\n  qrCodeDescription?: string;\n  showLegacyCGU?: boolean; // default: true — rétrocompatibilité\n\n  // Legal consent node specific properties\n  consentDescription?: string;\n  consentDescription2?: string;\n  cguUrl?: string;\n  privacyPolicyUrl?: string;\n  checkboxText?: string;\n  // Identity control specific properties\n  automaticPhotoCapture?: boolean;\n  nfcEnabled?: boolean;\n  // \"nfcAndApi\" reste accepté pour rétrocompat (parcours legacy) ; à normaliser à la lecture.\n  nfcMode?: \"nfcOnly\" | \"nfcOrPhoto\" | \"nfcAndApi\";\n  acceptedCountries?: AcceptedCountry[];\n  // End node specific properties\n  callbackURL?: string | null;\n  // Résultat forcé par le nœud `end` (configuré dans le builder). Sert au SDK à\n  // afficher la variante « erreur conservée » de l'écran de fin quand la branche\n  // fausse d'une condition pointe directement vers un end non_compliant.\n  expectedResult?: string;\n  // Condition node specific properties\n  conditionExpression?: string;\n  conditionTokens?: ConditionToken[];\n  conditionFalseErrorMessage?: string;\n  conditionMaxRetries?: number;\n  conditionMaxRetryAction?: \"end-journey\" | \"force-true\";\n  conditionFalseMode?: \"retry\" | \"loop\";\n\n  // External verification specific properties\n  targetApi?: \"INSEE\";\n  referenceNodeId?: string;\n  referenceNodeType?:\n  | \"information-input\"\n  | \"document-collection\"\n  | \"identity-control\";\n  referenceField?: \"siren\" | \"siret\";\n  referenceVariable?: string;\n  // Custom form fields (for information-input with type 'custom')\n  customFields?: CustomField[];\n\n  // Electronic signature specific properties\n  templateId?: string;\n  external_id?: string;\n  fieldMappings?: Array<{\n    sourceFieldId: string;\n    label: string;\n    docusealType: string;\n    readonly: boolean;\n    role?: string;\n    sourceNodeId?: string;\n  }>;\n  /** If set, the generated PDF from this upstream pdf-generation node will be used as the document to sign */\n  sourcePdfNodeId?: string;\n\n  // PDF generation node specific properties\n  // Note: htmlTemplate is intentionally NOT included — it is server-side only and never sent to the client\n  pdfMode?: \"upload\" | \"html-template\";\n  sourceNodeIds?: string[];\n\n  // retry properties\n  allowResubmission: boolean;\n  maxResubmissionAttempts?: number;\n}\n\n/**\n * Interface for accepted countries\n */\nexport interface AcceptedCountry {\n  code: string;\n  documents: {\n    passport: string[];\n    idCard: string[];\n    driverLicense: string[];\n    residencePermit: string[];\n    pinkDriverLicense: string[];\n  };\n}\n\n/**\n * Interface for session template edge\n */\nexport interface SessionTemplateEdge {\n  id: string;\n  source: string;\n  target: string;\n  sourceHandle?: string;\n  targetHandle?: string;\n  conditionValue?: string;\n}\n\n/**\n * Interface for platform information\n */\nexport interface PlatformInfo {\n  mobile: boolean;\n  desktop: boolean;\n  backoffice: boolean;\n}\n\n/**\n * Interface for session template\n */\n/** Clé du catalogue d'icônes des écrans de fin (mappée vers lucide-react au rendu). */\nexport type EndScreenIcon =\n  | \"thanks\"\n  | \"send\"\n  | \"mail\"\n  | \"check\"\n  | \"clock\"\n  | \"shield\"\n  | \"user\"\n  | \"info\";\n\nexport interface EndScreenItem {\n  icon: EndScreenIcon;\n  text: string;\n}\n\nexport interface EndScreenCase {\n  title?: string;\n  items: EndScreenItem[];\n}\n\n/** Textes de fin personnalisés (config globale du journey). Vide → fallback standard. */\nexport interface EndScreenConfig {\n  compliant?: EndScreenCase;\n  nonCompliant?: EndScreenCase;\n}\n\nexport interface SessionTemplate {\n  id: string;\n  name: string;\n  description: string;\n  version: string;\n  languages: string[];\n  nodes: SessionTemplateNode[];\n  edges: SessionTemplateEdge[];\n  groupId: string;\n  userId: string | null;\n  created_at: string;\n  updated_at: string;\n  platforms?: PlatformInfo;\n  logo?: string;\n  showQRCode?: boolean;\n  buttonBgColor?: string;\n  buttonTextColor?: string;\n  endScreenConfig?: EndScreenConfig;\n}\n\n/**\n * Interface for session data\n */\nexport interface SessionData {\n  id: string;\n  userId: string | null;\n  token: string;\n  templateId: string;\n  templateKey: string;\n  expireTime: number;\n  status: string;\n  result: Record<string, unknown>;\n  landingPage: unknown;\n  withSelfie: boolean | null;\n  groupId: string | null;\n  userInput: Record<string, unknown>;\n  contactInfo?: {\n    email: string;\n    phoneNumber: string;\n  };\n  callbackURL?: string | null;\n  webhookURL: string;\n  analysisTemplateId: string | null;\n  userAgent: unknown[];\n  mobile: boolean;\n  analysisId: string | null;\n  currentStep?: number;\n  nfcStatus?: \"pending\" | \"opened\" | \"completed\" | \"skipped\" | \"failed\";\n  createdAt: string;\n  updatedAt: string;\n  auditTrail: unknown[];\n  user: unknown | null;\n  analysis: unknown[];\n  documents: unknown[];\n  template: SessionTemplate;\n  retryCounts?: Record<string, number>; // nodeId -> retry count\n}\n\nexport interface ClientInfo {\n  ip?: string;\n  location?: string;\n  device: string;\n  browser: string;\n  os: string;\n}\n"],"names":[],"mappings":";;AAiEO,IAAM,2BAA2B,GAAsB;;;;"}

package/dist/cjs/utils/isMobileDevice.js

@@ -0,0 +1,17 @@
+'use strict';
+
+/**
+ * Détection du type d'appareil par userAgent (plus fiable que la largeur d'écran : un poste de
+ * bureau dans une fenêtre étroite ne doit pas être traité comme un mobile).
+ *
+ * Réutilisé par le rendu de capture (TemplateNodeRenderer) et l'étape NFC (NfcScanNode), où l'on
+ * ouvre directement l'application `/scan/:sessionId` plutôt que d'afficher un QR code.
+ */
+var isMobileDevice = function () {
+    if (typeof navigator === "undefined")
+        return false;
+    return /Android|iPhone|iPad|iPod|Opera Mini|IEMobile|WPDesktop/i.test(navigator.userAgent);
+};
+
+exports.isMobileDevice = isMobileDevice;
+//# sourceMappingURL=isMobileDevice.js.map

package/dist/cjs/utils/isMobileDevice.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"isMobileDevice.js","sources":["../../../../src/utils/isMobileDevice.ts"],"sourcesContent":["/**\n * Détection du type d'appareil par userAgent (plus fiable que la largeur d'écran : un poste de\n * bureau dans une fenêtre étroite ne doit pas être traité comme un mobile).\n *\n * Réutilisé par le rendu de capture (TemplateNodeRenderer) et l'étape NFC (NfcScanNode), où l'on\n * ouvre directement l'application `/scan/:sessionId` plutôt que d'afficher un QR code.\n */\nexport const isMobileDevice = (): boolean => {\n  if (typeof navigator === \"undefined\") return false;\n  return /Android|iPhone|iPad|iPod|Opera Mini|IEMobile|WPDesktop/i.test(\n    navigator.userAgent,\n  );\n};\n"],"names":[],"mappings":";;AAAA;;;;;;AAMG;AACI,IAAM,cAAc,GAAG,YAAA;IAC5B,IAAI,OAAO,SAAS,KAAK,WAAW;AAAE,QAAA,OAAO,KAAK;IAClD,OAAO,yDAAyD,CAAC,IAAI,CACnE,SAAS,CAAC,SAAS,CACpB;AACH;;;;"}

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

@@ -5,16 +5,20 @@ import QRCode from 'qrcode';
 import { useI18n } from '../../hooks/useI18n.js';
 import { useNfcSseStatus } from '../../hooks/useNfcSseStatus.js';
 import { getBaseURL } from '../../services/api.js';
+import { isMobileDevice } from '../../utils/isMobileDevice.js';
 import MobilePageLayout from '../ui/MobilePageLayout.js';
+import Button from '../ui/Button.js';
 import Title from '../ui/Title.js';
 import Subtitle from '../ui/Subtitle.js';
 import NfcSuccessAnimation from './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 sessionId = _a.sessionId, nodeId = _a.nodeId, stepObject = _a.stepObject, template = _a.template, pageTitle = _a.pageTitle, pageDescription = _a.pageDescription, onBack = _a.onBack;
     var t = useI18n().t;
     var canvasRef = useRef(null);
     var _b = useState(null), qrError = _b[0], setQrError = _b[1];
+    // Sur mobile, on ouvre directement l'app de scan au lieu d'afficher un QR code inutile.
+    var isMobile = useMemo(function () { return isMobileDevice(); }, []);
     var nfcUrl = useMemo(function () {
         var origin = typeof window !== "undefined" ? window.location.origin : "";
         return "".concat(origin, "/scan/").concat(sessionId);
@@ -35,7 +39,19 @@ var NfcScanStep = function (_a) {
     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 smartphone pour lire la puce électronique de votre document d'identité.");
+    // Sur mobile : ouvrir directement l'application de scan (pas de QR à se scanner soi-même).
+    // Une seule fois, tant que le scan n'a pas progressé. Le SSE reste actif pour faire avancer
+    // le parcours quand la lecture est terminée.
+    var hasRedirectedRef = useRef(false);
     useEffect(function () {
+        if (!isMobile || status !== "pending" || hasRedirectedRef.current)
+            return;
+        hasRedirectedRef.current = true;
+        window.location.assign(nfcUrl);
+    }, [isMobile, status, nfcUrl]);
+    useEffect(function () {
+        if (isMobile)
+            return; // pas de QR sur mobile (redirection directe)
         if (status !== "pending")
             return;
         var generate = function () { return __awaiter(void 0, void 0, void 0, function () {
@@ -77,8 +93,11 @@ var NfcScanStep = function (_a) {
             });
         }); };
         generate();
-    }, [nfcUrl, status, t]);
-    return (jsx(MobilePageLayout, { footer: null, children: jsx("div", { className: "px-4 py-6 pt-11 md:px-8 md:py-8", children: jsxs("div", { className: "w-full max-w-md mx-auto space-y-6", children: [jsxs("div", { className: "text-center space-y-4 mt-16 md:mt-20", children: [jsx(Title, { className: "text-xl md:text-2xl lg:text-3xl", children: title }), jsx(Subtitle, { className: "text-sm md:text-base text-gray-600 leading-relaxed whitespace-pre-line", children: subtitle })] }), jsx("div", { className: "flex-1 flex justify-center items-center", children: status === "success" ? (jsx(NfcSuccessAnimation, {})) : status === "completed" ? (jsxs("div", { className: "flex flex-col items-center gap-4 p-8", children: [jsx("div", { className: "animate-spin w-10 h-10 border-2 border-gray-300 border-t-blue-500 rounded-full" }), jsx("p", { className: "text-sm text-gray-600", children: t("nfc_scan.verifying", "Vérification en cours…") })] })) : status === "opened" ? (jsxs("div", { className: "w-full max-w-sm rounded-2xl border border-emerald-200 bg-emerald-50 p-6 text-center shadow-sm", children: [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: 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: jsx("path", { d: "M20 6 9 17l-5-5" }) }) }), jsx("p", { className: "text-base font-semibold text-gray-900", children: t("nfc_scan.qr_opened_title", "QR code scanné") }), 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 votre smartphone. Continuez le scan sur votre téléphone.") }), jsxs("div", { className: "mt-5 flex items-center justify-center gap-2 text-xs font-medium text-emerald-700", children: [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 ? (jsx("div", { className: "text-red-500 text-center p-4", children: qrError })) : (jsx("div", { className: "bg-white p-4 rounded-lg shadow-lg border-2 border-gray-200", children: jsx("canvas", { ref: canvasRef }) })) })] }) }) }));
+    }, [nfcUrl, status, t, isMobile]);
+    // Bouton retour : seulement tant que le scan n'a pas commencé/abouti, et si un handler est fourni.
+    var canGoBack = !!onBack && (status === "pending" || status === "opened");
+    var footer = canGoBack ? (jsx(Button, { variant: "secondary", onClick: onBack, children: t("common.back", "Retour") })) : null;
+    return (jsx(MobilePageLayout, { footer: footer, children: jsx("div", { className: "px-4 py-6 pt-11 md:px-8 md:py-8", children: jsxs("div", { className: "w-full max-w-md mx-auto space-y-6", children: [jsxs("div", { className: "text-center space-y-4 mt-16 md:mt-20", children: [jsx(Title, { className: "text-xl md:text-2xl lg:text-3xl", children: title }), jsx(Subtitle, { className: "text-sm md:text-base text-gray-600 leading-relaxed whitespace-pre-line", children: subtitle })] }), jsx("div", { className: "flex-1 flex justify-center items-center", children: status === "success" ? (jsx(NfcSuccessAnimation, {})) : status === "completed" ? (jsxs("div", { className: "flex flex-col items-center gap-4 p-8", children: [jsx("div", { className: "animate-spin w-10 h-10 border-2 border-gray-300 border-t-blue-500 rounded-full" }), jsx("p", { className: "text-sm text-gray-600", children: t("nfc_scan.verifying", "Vérification en cours…") })] })) : status === "opened" ? (jsxs("div", { className: "w-full max-w-sm rounded-2xl border border-emerald-200 bg-emerald-50 p-6 text-center shadow-sm", children: [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: 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: jsx("path", { d: "M20 6 9 17l-5-5" }) }) }), jsx("p", { className: "text-base font-semibold text-gray-900", children: t("nfc_scan.qr_opened_title", "QR code scanné") }), 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 votre smartphone. Continuez le scan sur votre téléphone.") }), jsxs("div", { className: "mt-5 flex items-center justify-center gap-2 text-xs font-medium text-emerald-700", children: [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 ? (jsx("div", { className: "text-red-500 text-center p-4", children: qrError })) : isMobile ? (jsxs("div", { className: "flex flex-col items-center gap-4 p-8 text-center", children: [jsx("div", { className: "animate-spin w-10 h-10 border-2 border-gray-300 border-t-blue-500 rounded-full" }), jsx("p", { className: "text-sm text-gray-600", children: t("nfc_scan.opening_app", "Ouverture de l'application…") }), jsx("a", { href: nfcUrl, className: "text-sm font-medium text-blue-600 underline", children: t("nfc_scan.open_app_link", "Ouvrir l'application") })] })) : (jsx("div", { className: "bg-white p-4 rounded-lg shadow-lg border-2 border-gray-200", children: jsx("canvas", { ref: canvasRef }) })) })] }) }) }));
 };
 
 export { NfcScanStep as default };

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

@@ -1 +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 smartphone pour lire la puce électronique 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 votre smartphone. Continuez le scan sur votre 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":["_jsx","_jsxs"],"mappings":"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"}
+{"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 { isMobileDevice } from \"../../utils/isMobileDevice\";\nimport MobilePageLayout from \"../ui/MobilePageLayout\";\nimport Button from \"../ui/Button\";\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  /** Retour vers la sélection du document (pour corriger un mauvais choix). */\n  onBack?: () => void;\n}\n\nconst NfcScanStep: React.FC<NfcScanStepProps> = ({\n  sessionId,\n  nodeId,\n  stepObject,\n  template,\n  pageTitle,\n  pageDescription,\n  onBack,\n}) => {\n  const { t } = useI18n();\n  const canvasRef = useRef<HTMLCanvasElement>(null);\n  const [qrError, setQrError] = useState<string | null>(null);\n  // Sur mobile, on ouvre directement l'app de scan au lieu d'afficher un QR code inutile.\n  const isMobile = useMemo(() => isMobileDevice(), []);\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 smartphone pour lire la puce électronique de votre document d'identité.\"\n    );\n\n  // Sur mobile : ouvrir directement l'application de scan (pas de QR à se scanner soi-même).\n  // Une seule fois, tant que le scan n'a pas progressé. Le SSE reste actif pour faire avancer\n  // le parcours quand la lecture est terminée.\n  const hasRedirectedRef = useRef(false);\n  useEffect(() => {\n    if (!isMobile || status !== \"pending\" || hasRedirectedRef.current) return;\n    hasRedirectedRef.current = true;\n    window.location.assign(nfcUrl);\n  }, [isMobile, status, nfcUrl]);\n\n  useEffect(() => {\n    if (isMobile) return; // pas de QR sur mobile (redirection directe)\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, isMobile]);\n\n  // Bouton retour : seulement tant que le scan n'a pas commencé/abouti, et si un handler est fourni.\n  const canGoBack = !!onBack && (status === \"pending\" || status === \"opened\");\n  const footer = canGoBack ? (\n    <Button variant=\"secondary\" onClick={onBack}>\n      {t(\"common.back\", \"Retour\")}\n    </Button>\n  ) : null;\n\n  return (\n    <MobilePageLayout footer={footer}>\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 votre smartphone. Continuez le scan sur votre 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            ) : isMobile ? (\n              <div className=\"flex flex-col items-center gap-4 p-8 text-center\">\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.opening_app\", \"Ouverture de l'application…\")}\n                </p>\n                <a\n                  href={nfcUrl}\n                  className=\"text-sm font-medium text-blue-600 underline\"\n                >\n                  {t(\"nfc_scan.open_app_link\", \"Ouvrir l'application\")}\n                </a>\n              </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":["_jsx","_jsxs"],"mappings":"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"}

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

@@ -1,6 +1,6 @@
 import { __awaiter, __generator, __assign } from '../../node_modules/tslib/tslib.es6.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
-import { useState, useEffect, useMemo } from 'react';
+import { useState, useEffect, useRef, useMemo } from 'react';
 import JDIPreIntroduction from '../jdi/JDIPreIntroduction.js';
 import JDICountrySelection from '../jdi/JDICountrySelection.js';
 import JDIDocumentSelection from '../jdi/JDIDocumentSelection.js';
@@ -138,6 +138,21 @@ var DocumentCheck = function (_a) {
             setRetryCount(sessionRetryCount);
         }
     }, [session, node.id]);
+    // Restauration après refresh : si le NFC est en cours côté backend (l'utilisateur attendait sur
+    // l'écran QR), revenir directement à cet écran (docStep 7) au lieu de repartir au début du nœud.
+    // `docStep` est en mémoire et serait sinon perdu au rechargement.
+    var hasRestoredNfcStep = useRef(false);
+    useEffect(function () {
+        if (hasRestoredNfcStep.current)
+            return;
+        if (node.nfcEnabled !== true)
+            return;
+        var status = session === null || session === void 0 ? void 0 : session.nfcStatus;
+        if (status === "pending" || status === "opened") {
+            hasRestoredNfcStep.current = true;
+            setDocStep(7);
+        }
+    }, [session, node.nfcEnabled]);
     // Check retry limits on mount/reload - if retries exhausted, show error page immediately
     useEffect(function () {
         // Special case: if allowResubmission is false and retryCount > 0, show error immediately
@@ -695,7 +710,15 @@ var DocumentCheck = function (_a) {
             if (nfcPreparationError) {
                 return (jsx(MobilePageLayout, { footer: jsx("div", { className: "w-full max-w-md mx-auto", children: jsx(ButtonDesktop, { 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: jsxs("div", { className: "flex flex-col items-center justify-center h-full p-4 text-center", children: [jsx("div", { className: "text-red-500 text-4xl mb-4", children: "\u26A0\uFE0F" }), jsx("h2", { className: "text-xl font-bold text-red-600 mb-2", children: t("nfc_scan.preparation_error_title", "Erreur de préparation NFC") }), jsx("p", { className: "text-gray-600 mb-4", children: nfcPreparationError })] }) }));
             }
-            return (jsx(NfcScanStep, { sessionId: sessionId, nodeId: node.id, stepObject: stepObject, template: template }));
+            return (jsx(NfcScanStep, { sessionId: sessionId, nodeId: node.id, stepObject: stepObject, template: template, onBack: function () {
+                    var _a, _b;
+                    // Retour vers la sélection du document (corriger un mauvais choix). Le démontage de
+                    // NfcScanStep ferme le SSE via le cleanup du hook (pas d'appel backend nécessaire).
+                    var hasIntroduction = ((_a = node.introductionPage) === null || _a === void 0 ? void 0 : _a.title) !== undefined ||
+                        ((_b = node.introductionPage) === null || _b === void 0 ? void 0 : _b.description) !== undefined;
+                    hasRestoredNfcStep.current = true; // ne pas re-restaurer l'étape QR après ce retour
+                    setDocStep(hasIntroduction ? 0 : 1);
+                } }));
         default:
             console.error("Invalid docStep: ".concat(docStep));
             return (jsxs("div", { className: "flex flex-col items-center justify-center h-full p-4 text-center", children: [jsx("div", { className: "text-red-500 text-4xl mb-4", children: "\u26A0\uFE0F" }), jsx("h2", { className: "text-xl font-bold text-red-600 mb-2", children: t("document_check.navigation_error.title", "Erreur de navigation") }), jsx("p", { className: "text-gray-600 mb-4", children: t("document_check.navigation_error.description", "Étape non valide. Veuillez recommencer.") }), jsx(ButtonDesktop, { 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") })] }));