datakeen-session-react 1.1.140-rc.57 → 1.1.140-rc.58

package/CLAUDE.md

@@ -0,0 +1,227 @@
+# CLAUDE.md — Client Sessions React SDK
+
+## Vue d'ensemble
+
+Librairie React TypeScript servant d'orchestrateur côté client pour les parcours d'onboarding Datakeen (journeys). Publiée sur npm sous `datakeen-session-react`. Elle gère la navigation entre nœuds, la collecte de données (formulaires, documents, biométrique), le polling asynchrone des analyses et l'historique de navigation.
+
+**Stack :** React 18 (peer dep), TypeScript, Axios, i18next, Radix UI, TensorFlow (ML documents), Rollup (build ESM + CJS).
+
+**Tests :** Jest + React Testing Library.
+
+**Point d'entrée :** `src/components/DatakeenSession.tsx`
+
+---
+
+## Structure du projet
+
+```
+client-sessions-react-sdk/
+├── src/
+│   ├── components/
+│   │   ├── session/            # Orchestration session (SessionContent, UserInputForm)
+│   │   ├── template/           # Rendu nœuds (TemplateNodeRenderer, ConditionNodeHandler)
+│   │   ├── document-collection/
+│   │   ├── selfie/, id-check/, jdi/, signature-electronic/
+│   │   ├── start-flow/, end-flow/
+│   │   └── ui/                 # Composants réutilisables internes
+│   ├── hooks/
+│   │   ├── useStepNavigation.ts # Historique + navigation (CRITIQUE)
+│   │   ├── useSessionData.ts    # Chargement et synchro données
+│   │   ├── useTemplateLoader.ts # Résolution template
+│   │   └── useStepCSS.ts        # Styles dynamiques par nœud
+│   ├── services/
+│   │   ├── sessionService.ts    # API session + getOrderedJourneySteps
+│   │   ├── pollingService.ts    # Polling analyses documentaires
+│   │   ├── retryService.ts      # Gestion retryCounts
+│   │   └── ...
+│   ├── context/
+│   │   ├── SessionContext.tsx   # État session global
+│   │   ├── ConfigContext.tsx
+│   │   └── DocumentContext.tsx
+│   ├── types/
+│   │   ├── session.ts           # SessionTemplateNode, SessionTemplateEdge, CustomField
+│   │   └── ...
+│   ├── utils/
+│   │   ├── conditionEvaluator.ts # Évaluation conditions
+│   │   ├── cssLoader.ts          # Injection CSS dynamique
+│   │   └── documentLabels.ts
+│   └── i18n/
+│       ├── fr.json, en.json
+│       └── country/, documents/
+├── docs/                         # Documentation — LIRE EN PREMIER
+├── rollup.config.js              # Build production (ESM + CJS)
+└── dist/                         # Artefacts buildés (ne pas modifier)
+```
+
+---
+
+## Règles impératives
+
+### Avant de coder
+
+**Lire `docs/`** en premier :
+- `POLLING_SYSTEM.md` — spec complète polling v2.0.0
+- `navigation-history.md` — pièges navigation
+- `multi-runs.md` — convention `_list`
+- `JOURNEY_NODE_BUILDER.md` — checklist ajout nœud
+- `sdk_integration_guide.md` — intégration consommateur
+
+### Navigation entre nœuds
+
+Le fichier central est `src/hooks/useStepNavigation.ts`. Respecter strictement l'API :
+
+```typescript
+// ✅ Avancer vers le prochain nœud (résout via les edges du graphe)
+goToNextStep(nodeId, template, handle?)
+
+// ✅ Revenir en arrière (dépile l'historique)
+goBack()
+
+// ✅ Naviguer directement (cas spéciaux uniquement)
+setStep(n, skipHistory?)
+
+// ❌ Ne jamais faire ça
+setStep(step - 1) // arithmétique manuelle = bugs de navigation
+```
+
+**Index de navigation :**
+- `step=0` : écran de démarrage
+- `step=0.5` : QR code (si configuré)
+- `step≥1` : nœuds du template (1-indexed, triés par `order`)
+
+### Types de nœuds
+
+| Type | Description | Sorties |
+|------|-------------|---------|
+| `information-input` | Formulaires avec champs optionnellement verrouillés | 1 |
+| `document-selection` | Choix de document | 1 |
+| `document-collection` | Upload document + polling | 1 |
+| `controle-jdi` | Analyse JDI avec polling | 1 |
+| `selfie-capture` / `biometric-capture` | Biométrie | 1 |
+| `condition` | Branchement conditionnel (évalue `conditionTokens`) | 2 : `true` / `false` |
+| `end` | Fin de session | 0 |
+
+Le dispatcher est `src/components/template/TemplateNodeRenderer.tsx`.
+
+**Checklist ajout d'un nœud :**
+1. Ajouter le type dans `src/types/session.ts`
+2. Créer le composant dans `src/components/`
+3. Ajouter le case dans `TemplateNodeRenderer.tsx`
+4. Ajouter les traductions FR/EN dans `src/i18n/`
+5. Gérer `goToNextStep` à la complétion du nœud
+6. Gérer `goBack()` si le nœud a un bouton retour
+7. Tester avec les cas : nœud auto-exécutant → doit être sauté par `goBack()`
+
+### Système de polling
+
+Codes de résultat d'une analyse documentaire :
+
+| Code | Signification | Action |
+|------|---------------|--------|
+| `1.0` | Approuvé | `goToNextStep` |
+| `2.0` | Rejeté | Retry possible |
+| `3.0` | Erreur | Retry possible |
+| `4.0` | En vérification manuelle | Attendre |
+
+```typescript
+// Pattern polling
+pollingService.poll(analysisId, {
+  onProgress: (pct) => setProgress(pct), // 50% → analysisId absent, 100% → résultat
+  onComplete: (code, message) => handleResult(code),
+  interval: 2000,
+});
+```
+
+### Champs verrouillés (`lockedFromApi`)
+
+Définis dans `CustomField.lockedFromApi`. Le SDK **ne doit pas les afficher** à l'utilisateur :
+
+```typescript
+// Dans CustomFormFields.tsx — filtrer avant rendu
+const visibleFields = fields.filter(f => !f.lockedFromApi);
+```
+
+Le backend réinjecte la valeur originale via `stripLockedFields()` (protection côté serveur contre la manipulation). Ne jamais contourner ce mécanisme.
+
+### Multi-runs (convention `_list`)
+
+Cas : session avec plusieurs bénéficiaires passés à la création.
+
+```json
+{
+  "userInput": {
+    "_list": [
+      { "firstName": "Alice", "lastName": "Dupont" },
+      { "firstName": "Bob", "lastName": "Martin" }
+    ]
+  }
+}
+```
+
+- `session.retryCounts[nodeId]` = index du run courant (0-indexed)
+- Incrémenté automatiquement par `ConditionNodeHandler` en mode boucle
+- SDK sélectionne `_list[runIndex]` pour pré-remplir les formulaires
+- Si hors borne → formulaire vide (comportement attendu)
+
+### Historique de navigation (reconstruction)
+
+Au rechargement, l'historique est reconstruit depuis `initialStep` via `reconstructHistoryToStep()` dans `sessionService.ts`. La reconstruction suit la **première edge sortante** de chaque nœud — elle **ne reconnaît pas** les branches conditionnelles complexes. C'est une limitation connue et documentée.
+
+### Internationalisation
+
+- Toutes les chaînes visibles dans `src/i18n/fr.json` et `en.json`.
+- Ne jamais hardcoder de texte affiché à l'utilisateur.
+
+### Styles dynamiques
+
+- CSS chargé via `cssLoader.ts` selon `node.styles` (injection dynamique).
+- Fallback sur Tailwind pour les composants par défaut.
+- Ne pas utiliser de style inline.
+
+---
+
+## Build et publication
+
+```bash
+# Build de la librairie (ESM + CJS)
+npm run build   # ou pnpm build
+
+# Tests
+npm test
+
+# Développement avec watch
+npm run dev
+```
+
+Rollup génère deux artifacts dans `dist/` :
+- `dist/esm/index.js` — pour les bundlers modernes (import)
+- `dist/cjs/index.js` — pour CommonJS (require)
+- `dist/types/index.d.ts` — typages TypeScript
+
+**Ne jamais modifier `dist/` manuellement** — régénéré à chaque build.
+
+---
+
+## Fichiers critiques
+
+| Fichier | Rôle |
+|---------|------|
+| `src/components/DatakeenSession.tsx` | Point d'entrée public de la librairie |
+| `src/hooks/useStepNavigation.ts` | Navigation + historique (NE PAS casser l'API) |
+| `src/hooks/useSessionData.ts` | Chargement et synchro état session |
+| `src/components/template/TemplateNodeRenderer.tsx` | Dispatcher de rendu par type de nœud |
+| `src/services/sessionService.ts` | API session + `getOrderedJourneySteps` + `reconstructHistoryToStep` |
+| `src/services/pollingService.ts` | Polling analyses (voir `docs/POLLING_SYSTEM.md`) |
+| `src/utils/conditionEvaluator.ts` | Évaluation des conditions de branchement |
+| `src/types/session.ts` | Contrats de données principaux |
+
+---
+
+## À ne jamais faire
+
+- Utiliser `setStep(step - 1)` pour le retour — utiliser `goBack()`.
+- Appeler `setStep` directement pour avancer — utiliser `goToNextStep`.
+- Afficher un champ avec `lockedFromApi: true`.
+- Modifier les fichiers dans `dist/` — ils sont générés.
+- Introduire une dépendance directe vers le backend ou le frontend Datakeen — le SDK est agnostique.
+- Ajouter des dépendances `dependencies` qui devraient être en `peerDependencies` (React, Axios).

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":"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"}

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

@@ -19,16 +19,29 @@ var unisseyStrings = require('../utils/unisseyStrings.js');
 
 var SelfieRecorder = function (_a) {
     var _b;
-    var handleSelfie = _a.handleSelfie, _c = _a.onBeginCapture, onBeginCapture = _c === void 0 ? function () { } : _c; _a.isCapturing; var btnBg = _a.btnBg, btnText = _a.btnText;
+    var handleSelfie = _a.handleSelfie, _c = _a.onBeginCapture, onBeginCapture = _c === void 0 ? function () { } : _c, btnBg = _a.btnBg, btnText = _a.btnText;
     var t = useI18n.useI18n().t;
     var isMobile = useIsMobile.default(768);
     var recorderRef = React.useRef(null);
-    var _e = React.useState(false), disableButton = _e[0], setDisableButton = _e[1];
-    var _f = React.useState(false), recorderReady = _f[0], setRecorderReady = _f[1];
-    var _g = React.useState("idle"), recordingState = _g[0], setRecordingState = _g[1];
+    var _d = React.useState(false), disableButton = _d[0], setDisableButton = _d[1];
+    var _e = React.useState(false), recorderReady = _e[0], setRecorderReady = _e[1];
+    var _f = React.useState("idle"), recordingState = _f[0], setRecordingState = _f[1];
+    var recordingStateRef = React.useRef("idle");
+    var lastRecorderStatusRef = React.useRef();
     var capturedThumbnailRef = React.useRef(null);
-    var _h = useLiveFrameCapture.useLiveFrameCapture(), captureFrame = _h.captureFrame, cleanup = _h.cleanup;
+    var _g = useLiveFrameCapture.useLiveFrameCapture(), captureFrame = _g.captureFrame, cleanup = _g.cleanup;
     useVideoRecorderStyles.default(btnBg, btnText);
+    var updateRecordingState = React.useCallback(function (state) {
+        recordingStateRef.current = state;
+        setRecordingState(state);
+    }, []);
+    var resetCaptureControls = React.useCallback(function () {
+        if (recordingStateRef.current === "processing")
+            return;
+        capturedThumbnailRef.current = null;
+        updateRecordingState("idle");
+        setDisableButton(false);
+    }, [updateRecordingState]);
     React.useEffect(function () {
         document.body.classList.add("recording-selfie");
         var cleanupObserver = videoElementStyles.setupVideoElementsObserver();
@@ -84,7 +97,7 @@ var SelfieRecorder = function (_a) {
         if (!recorderReady || recordingState !== "idle")
             return;
         onBeginCapture();
-        setRecordingState("preparing");
+        updateRecordingState("preparing");
         setDisableButton(true);
         var triggerCapture = function () { return tslib_es6.__awaiter(void 0, void 0, void 0, function () {
             var error_1;
@@ -99,7 +112,7 @@ var SelfieRecorder = function (_a) {
                         return [4 /*yield*/, selfieCaptureUtils.delay(200)];
                     case 2:
                         _b.sent();
-                        setRecordingState("recording");
+                        updateRecordingState("recording");
                         // Capture a frame from the live video during recording (after a short delay)
                         setTimeout(function () {
                             var videoElement = selfieCaptureUtils.getRecorderVideoElement(recorderRef.current);
@@ -113,7 +126,7 @@ var SelfieRecorder = function (_a) {
                     case 3:
                         error_1 = _b.sent();
                         console.error("SelfieRecorder: failed to capture frame", error_1);
-                        setRecordingState("idle");
+                        updateRecordingState("idle");
                         setDisableButton(false);
                         return [3 /*break*/, 4];
                     case 4: return [2 /*return*/];
@@ -128,9 +141,24 @@ var SelfieRecorder = function (_a) {
             var status = (_a = recorderRef.current) === null || _a === void 0 ? void 0 : _a.sdkJsStatus;
             var isReady = status === "ready" || status === "running";
             setRecorderReady(function (prev) { return (prev !== isReady ? isReady : prev); });
+            var previousStatus = lastRecorderStatusRef.current;
+            var wasReady = previousStatus === "ready" || previousStatus === "running";
+            if (status !== previousStatus) {
+                lastRecorderStatusRef.current = status;
+                if (isReady && previousStatus !== undefined && !wasReady) {
+                    resetCaptureControls();
+                }
+            }
         }, 500);
         return function () { return clearInterval(interval); };
-    }, []);
+    }, [resetCaptureControls]);
+    var handleRecorderReady = function () {
+        setRecorderReady(true);
+        resetCaptureControls();
+    };
+    var handleRecordInterrupted = function () {
+        resetCaptureControls();
+    };
     var handleRecordCompleted = function (e) {
         var _a;
         var customEvent = e;
@@ -148,7 +176,7 @@ var SelfieRecorder = function (_a) {
                     });
                 });
             }
-            setRecordingState("idle");
+            updateRecordingState("idle");
             setDisableButton(false);
             return;
         }
@@ -160,7 +188,7 @@ var SelfieRecorder = function (_a) {
                 thumbnail: capturedThumbnailRef.current || undefined,
             }
         });
-        setRecordingState("processing");
+        updateRecordingState("processing");
         handleSelfie(enhancedEvent);
     };
     return (jsxRuntime.jsxs("div", { className: "selfie selfie-recorder-root flex flex-col", style: (_b = {},
@@ -171,7 +199,7 @@ var SelfieRecorder = function (_a) {
             _b.zIndex = isMobile ? 50 : "auto",
             _b.height = "100%",
             _b.width = "100%",
-            _b), children: [jsxRuntime.jsxs("div", { className: "p-4 text-center bg-white shrink-0", children: [jsxRuntime.jsx(Title.default, { className: "text-lg md:text-xl mb-1", children: t("selfie.recorder.title") }), jsxRuntime.jsx(Subtitle.default, { className: "text-xs text-gray-600 md:text-sm", children: t("selfie.recorder.subtitle") })] }), jsxRuntime.jsx("div", { className: "video-container flex-1 relative overflow-hidden", children: jsxRuntime.jsx(sdkReact.VideoRecorder, tslib_es6.__assign({ ref: recorderRef, preset: sdkReact.AcquisitionPreset.SELFIE_OPTIMIZED, hideCaptureBtn: true, faceChecker: (typeof window !== 'undefined' && window.__E2E_DISABLE_FACE_CHECKER__) ? 'disabled' : 'enabled', disableDebugMode: true, onRecordCompleted: handleRecordCompleted, onRecord: recordStarting, style: { width: "100%", height: "100%" }, className: "video-recorder-no-radius w-full h-full" }, (selfieCaptureUtils.isIOS() && {
+            _b), children: [jsxRuntime.jsxs("div", { className: "p-4 text-center bg-white shrink-0", children: [jsxRuntime.jsx(Title.default, { className: "text-lg md:text-xl mb-1", children: t("selfie.recorder.title") }), jsxRuntime.jsx(Subtitle.default, { className: "text-xs text-gray-600 md:text-sm", children: t("selfie.recorder.subtitle") })] }), jsxRuntime.jsx("div", { className: "video-container flex-1 relative overflow-hidden", children: jsxRuntime.jsx(sdkReact.VideoRecorder, tslib_es6.__assign({ ref: recorderRef, preset: sdkReact.AcquisitionPreset.SELFIE_OPTIMIZED, hideCaptureBtn: true, faceChecker: (typeof window !== 'undefined' && window.__E2E_DISABLE_FACE_CHECKER__) ? 'disabled' : 'enabled', disableDebugMode: true, onRecorderReady: handleRecorderReady, onRecordInterrupted: handleRecordInterrupted, onRecordCompleted: handleRecordCompleted, onRecord: recordStarting, style: { width: "100%", height: "100%" }, className: "video-recorder-no-radius w-full h-full" }, (selfieCaptureUtils.isIOS() && {
                     "data-playsinline": "true",
                     "data-autoplay": "true",
                     "data-muted": "true"

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

@@ -1 +1 @@
-{"version":3,"file":"SelfieRecorder.js","sources":["../../../../../../src/components/selfie/selfie-flow/SelfieRecorder.tsx"],"sourcesContent":["import { useRef, useState, useEffect } from \"react\";\nimport { AcquisitionPreset, VideoRecorder } from \"@unissey-web/sdk-react\";\nimport Button from \"../../ui/Button\";\nimport Title from \"../../ui/Title\";\nimport Subtitle from \"../../ui/Subtitle\";\nimport useVideoRecorderStyles from \"../hooks/useVideoRecorderStyles\";\nimport { setupVideoElementsObserver } from \"../utils/videoElementStyles\";\nimport { delay, isIOS, waitForVideoFrame, getRecorderVideoElement } from \"../utils/selfieCaptureUtils\";\nimport { useLiveFrameCapture } from \"../hooks/useLiveFrameCapture\";\nimport { useI18n } from \"../../../hooks/useI18n\";\nimport useIsMobile from \"../../../hooks/useIsMobile\";\nimport { getUnisseyStrings } from \"../utils/unisseyStrings\";\n\ninterface SelfieRecorderProps {\n  handleSelfie: (e: Event) => void;\n  onBeginCapture?: () => void;\n  isCapturing?: boolean;\n  btnBg?: string;\n  btnText?: string;\n}\n\ninterface VideoRecorderRef extends HTMLElement {\n  capture: () => void;\n}\n\nconst SelfieRecorder = ({\n  handleSelfie,\n  onBeginCapture = () => { },\n  isCapturing = false,\n  btnBg,\n  btnText,\n}: SelfieRecorderProps) => {\n  const { t } = useI18n();\n  const isMobile = useIsMobile(768);\n  const recorderRef = useRef<VideoRecorderRef | null>(null);\n  const [disableButton, setDisableButton] = useState(false);\n  const [recorderReady, setRecorderReady] = useState(false);\n  const [recordingState, setRecordingState] = useState<\n    \"idle\" | \"preparing\" | \"recording\" | \"processing\"\n  >(\"idle\");\n  const capturedThumbnailRef = useRef<string | null>(null);\n  const { captureFrame, cleanup } = useLiveFrameCapture();\n\n  useVideoRecorderStyles(btnBg, btnText);\n\n  useEffect(() => {\n    document.body.classList.add(\"recording-selfie\");\n    const cleanupObserver = setupVideoElementsObserver();\n\n    // iOS-specific fix: Add required attributes to video elements after mount\n    if (isIOS()) {\n      const addIOSVideoAttributes = () => {\n        const videoRecorders = document.querySelectorAll(\"uni-video-recorder\");\n        videoRecorders.forEach((recorder) => {\n          // Try to access shadow DOM and video elements\n          try {\n            const shadowRoot = (recorder as any).shadowRoot;\n            if (shadowRoot) {\n              const videoElements = shadowRoot.querySelectorAll(\"video\");\n              videoElements.forEach((video: HTMLVideoElement) => {\n                video.setAttribute(\"playsinline\", \"true\");\n                video.setAttribute(\"autoplay\", \"true\");\n                video.setAttribute(\"muted\", \"true\");\n                // Ensure video plays inline and autoplays\n                video.playsInline = true;\n                video.autoplay = true;\n                video.muted = true;\n              });\n            }\n          } catch (error) {\n            console.log(\"Could not access shadow DOM:\", error);\n          }\n\n          // Also set attributes on the component itself\n          recorder.setAttribute(\"playsinline\", \"true\");\n          recorder.setAttribute(\"autoplay\", \"true\");\n          recorder.setAttribute(\"muted\", \"true\");\n        });\n      };\n\n      // Apply immediately and also after a delay to catch dynamically created elements\n      addIOSVideoAttributes();\n      const iosTimeout = setTimeout(addIOSVideoAttributes, 500);\n      const iosInterval = setInterval(addIOSVideoAttributes, 1000);\n\n      return () => {\n        document.body.classList.remove(\"recording-selfie\");\n        cleanupObserver();\n        cleanup();\n        clearTimeout(iosTimeout);\n        clearInterval(iosInterval);\n      };\n    }\n\n    return () => {\n      document.body.classList.remove(\"recording-selfie\");\n      cleanupObserver();\n      cleanup();\n    };\n  }, [cleanup]);\n\n  const recordStarting = () => {\n    if (!recorderReady || recordingState !== \"idle\") return;\n    onBeginCapture();\n    setRecordingState(\"preparing\");\n    setDisableButton(true);\n\n    const triggerCapture = async () => {\n      try {\n        await waitForVideoFrame(recorderRef.current);\n        await delay(200);\n        setRecordingState(\"recording\");\n\n        // Capture a frame from the live video during recording (after a short delay)\n        setTimeout(() => {\n          const videoElement = getRecorderVideoElement(recorderRef.current);\n          if (videoElement) {\n            const thumbnail = captureFrame(videoElement);\n            capturedThumbnailRef.current = thumbnail;\n          }\n        }, 1000); // Capture frame 1 second into recording\n\n        recorderRef.current?.capture();\n      } catch (error) {\n        console.error(\"SelfieRecorder: failed to capture frame\", error);\n        setRecordingState(\"idle\");\n        setDisableButton(false);\n      }\n    };\n\n    void triggerCapture();\n  };\n\n  useEffect(() => {\n    const interval = setInterval(() => {\n      const status = (recorderRef.current as any)?.sdkJsStatus;\n      const isReady = status === \"ready\" || status === \"running\";\n      setRecorderReady((prev) => (prev !== isReady ? isReady : prev));\n    }, 500);\n    return () => clearInterval(interval);\n  }, []);\n\n  const handleRecordCompleted = (e: Event) => {\n    const customEvent = e as CustomEvent<{ media?: Blob; metadata?: string }>;\n    if (!customEvent.detail?.media || customEvent.detail.media.size === 0) {\n      console.error(\"❌ No valid media captured\");\n\n      // iOS-specific debugging\n      if (isIOS()) {\n        console.log(\"🍎 iOS detected - checking video elements for proper attributes\");\n        const videoRecorders = document.querySelectorAll(\"uni-video-recorder\");\n        videoRecorders.forEach((recorder, index) => {\n          console.log(`VideoRecorder ${index}:`, {\n            playsinline: recorder.getAttribute(\"playsinline\"),\n            autoplay: recorder.getAttribute(\"autoplay\"),\n            muted: recorder.getAttribute(\"muted\")\n          });\n        });\n      }\n\n      setRecordingState(\"idle\");\n      setDisableButton(false);\n      return;\n    }\n\n    // Attach the captured thumbnail to the event\n    const enhancedEvent = new CustomEvent('record-completed', {\n      detail: {\n        media: customEvent.detail.media,\n        metadata: customEvent.detail.metadata || '',\n        thumbnail: capturedThumbnailRef.current || undefined,\n      }\n    });\n\n    setRecordingState(\"processing\");\n    handleSelfie(enhancedEvent);\n  };\n\n  return (\n    <div\n      className=\"selfie selfie-recorder-root flex flex-col\"\n      style={{\n        [\"--dk-btn-bg\" as string]: btnBg ?? \"#11E5C5\",\n        [\"--dk-btn-text\" as string]: btnText ?? \"#3C3C40\",\n        position: isMobile ? \"fixed\" : \"relative\",\n        inset: isMobile ? 0 : \"auto\",\n        zIndex: isMobile ? 50 : \"auto\",\n        height: \"100%\",\n        width: \"100%\",\n      }}\n    >\n      <div className=\"p-4 text-center bg-white shrink-0\">\n        <Title className=\"text-lg md:text-xl mb-1\">{t(\"selfie.recorder.title\")}</Title>\n        <Subtitle className=\"text-xs text-gray-600 md:text-sm\">{t(\"selfie.recorder.subtitle\")}</Subtitle>\n      </div>\n\n      <div className=\"video-container flex-1 relative overflow-hidden\">\n        <VideoRecorder\n          ref={recorderRef as any}\n          preset={AcquisitionPreset.SELFIE_OPTIMIZED}\n          hideCaptureBtn\n          faceChecker={(typeof window !== 'undefined' && (window as any).__E2E_DISABLE_FACE_CHECKER__) ? 'disabled' : 'enabled'}\n          disableDebugMode\n          onRecordCompleted={handleRecordCompleted}\n          onRecord={recordStarting}\n          style={{ width: \"100%\", height: \"100%\" }}\n          className=\"video-recorder-no-radius w-full h-full\"\n          {...(isIOS() && {\n            \"data-playsinline\": \"true\",\n            \"data-autoplay\": \"true\",\n            \"data-muted\": \"true\"\n          })}\n          strings={getUnisseyStrings(t)}\n        />\n      </div>\n\n      <div className=\"shrink-0 bg-white border-t border-gray-200 p-4 md:p-6 relative\" style={{ zIndex: 9999 }}>\n        <div className=\"max-w-md mx-auto\">\n          <div className=\"text-center text-xs text-gray-400 mt-3\">\n            {t(\"selfie.recorder.note\")}\n          </div>\n\n          <Button\n            onClick={recordStarting}\n            className=\"w-full py-3 md:py-4 relative selfie-button\"\n            disabled={disableButton || !recorderReady}\n            style={{ backgroundColor: btnBg ?? \"#11E5C5\", color: btnText ?? \"#3C3C40\" }}\n          >\n            {recordingState === \"idle\" && t(\"selfie.recorder.start\")}\n            {recordingState === \"preparing\" && t(\"selfie.recorder.preparing\")}\n            {recordingState === \"recording\" && (\n              <span className=\"flex items-center justify-center\">\n                <span className=\"mr-2\">{t(\"selfie.recorder.recording_label\")}</span>\n                <span className=\"flex space-x-1 loading-dots\">\n                  <span className=\"h-1 w-1 bg-white rounded-full\"></span>\n                  <span className=\"h-1 w-1 bg-white rounded-full\"></span>\n                  <span className=\"h-1 w-1 bg-white rounded-full\"></span>\n                </span>\n              </span>\n            )}\n            {recordingState === \"processing\" && t(\"selfie.recorder.processing\")}\n          </Button>\n        </div>\n      </div>\n    </div>\n  );\n};\n\nexport default SelfieRecorder;\n"],"names":["useI18n","useIsMobile","useRef","useState","useLiveFrameCapture","useVideoRecorderStyles","useEffect","setupVideoElementsObserver","isIOS","__awaiter","waitForVideoFrame","delay","getRecorderVideoElement","_jsxs","_jsx","Title","Subtitle","VideoRecorder","__assign","AcquisitionPreset","getUnisseyStrings","Button"],"mappings":"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"}
+{"version":3,"file":"SelfieRecorder.js","sources":["../../../../../../src/components/selfie/selfie-flow/SelfieRecorder.tsx"],"sourcesContent":["import {\n  useCallback,\n  useRef,\n  useState,\n  useEffect,\n  type ElementRef,\n} from \"react\";\nimport { AcquisitionPreset, VideoRecorder } from \"@unissey-web/sdk-react\";\nimport Button from \"../../ui/Button\";\nimport Title from \"../../ui/Title\";\nimport Subtitle from \"../../ui/Subtitle\";\nimport useVideoRecorderStyles from \"../hooks/useVideoRecorderStyles\";\nimport { setupVideoElementsObserver } from \"../utils/videoElementStyles\";\nimport { delay, isIOS, waitForVideoFrame, getRecorderVideoElement } from \"../utils/selfieCaptureUtils\";\nimport { useLiveFrameCapture } from \"../hooks/useLiveFrameCapture\";\nimport { useI18n } from \"../../../hooks/useI18n\";\nimport useIsMobile from \"../../../hooks/useIsMobile\";\nimport { getUnisseyStrings } from \"../utils/unisseyStrings\";\n\ntype RecordingState = \"idle\" | \"preparing\" | \"recording\" | \"processing\";\n\ninterface SelfieRecorderProps {\n  handleSelfie: (e: Event) => void;\n  onBeginCapture?: () => void;\n  isCapturing?: boolean;\n  btnBg?: string;\n  btnText?: string;\n}\n\ntype VideoRecorderElement = ElementRef<typeof VideoRecorder>;\n\nconst SelfieRecorder = ({\n  handleSelfie,\n  onBeginCapture = () => { },\n  btnBg,\n  btnText,\n}: SelfieRecorderProps) => {\n  const { t } = useI18n();\n  const isMobile = useIsMobile(768);\n  const recorderRef = useRef<VideoRecorderElement | null>(null);\n  const [disableButton, setDisableButton] = useState(false);\n  const [recorderReady, setRecorderReady] = useState(false);\n  const [recordingState, setRecordingState] = useState<RecordingState>(\"idle\");\n  const recordingStateRef = useRef<RecordingState>(\"idle\");\n  const lastRecorderStatusRef = useRef<string | undefined>();\n  const capturedThumbnailRef = useRef<string | null>(null);\n  const { captureFrame, cleanup } = useLiveFrameCapture();\n\n  useVideoRecorderStyles(btnBg, btnText);\n\n  const updateRecordingState = useCallback((state: RecordingState) => {\n    recordingStateRef.current = state;\n    setRecordingState(state);\n  }, []);\n\n  const resetCaptureControls = useCallback(() => {\n    if (recordingStateRef.current === \"processing\") return;\n    capturedThumbnailRef.current = null;\n    updateRecordingState(\"idle\");\n    setDisableButton(false);\n  }, [updateRecordingState]);\n\n  useEffect(() => {\n    document.body.classList.add(\"recording-selfie\");\n    const cleanupObserver = setupVideoElementsObserver();\n\n    // iOS-specific fix: Add required attributes to video elements after mount\n    if (isIOS()) {\n      const addIOSVideoAttributes = () => {\n        const videoRecorders = document.querySelectorAll(\"uni-video-recorder\");\n        videoRecorders.forEach((recorder) => {\n          // Try to access shadow DOM and video elements\n          try {\n            const shadowRoot = recorder.shadowRoot;\n            if (shadowRoot) {\n              const videoElements = shadowRoot.querySelectorAll(\"video\");\n              videoElements.forEach((video: HTMLVideoElement) => {\n                video.setAttribute(\"playsinline\", \"true\");\n                video.setAttribute(\"autoplay\", \"true\");\n                video.setAttribute(\"muted\", \"true\");\n                // Ensure video plays inline and autoplays\n                video.playsInline = true;\n                video.autoplay = true;\n                video.muted = true;\n              });\n            }\n          } catch (error) {\n            console.log(\"Could not access shadow DOM:\", error);\n          }\n\n          // Also set attributes on the component itself\n          recorder.setAttribute(\"playsinline\", \"true\");\n          recorder.setAttribute(\"autoplay\", \"true\");\n          recorder.setAttribute(\"muted\", \"true\");\n        });\n      };\n\n      // Apply immediately and also after a delay to catch dynamically created elements\n      addIOSVideoAttributes();\n      const iosTimeout = setTimeout(addIOSVideoAttributes, 500);\n      const iosInterval = setInterval(addIOSVideoAttributes, 1000);\n\n      return () => {\n        document.body.classList.remove(\"recording-selfie\");\n        cleanupObserver();\n        cleanup();\n        clearTimeout(iosTimeout);\n        clearInterval(iosInterval);\n      };\n    }\n\n    return () => {\n      document.body.classList.remove(\"recording-selfie\");\n      cleanupObserver();\n      cleanup();\n    };\n  }, [cleanup]);\n\n  const recordStarting = () => {\n    if (!recorderReady || recordingState !== \"idle\") return;\n    onBeginCapture();\n    updateRecordingState(\"preparing\");\n    setDisableButton(true);\n\n    const triggerCapture = async () => {\n      try {\n        await waitForVideoFrame(recorderRef.current);\n        await delay(200);\n        updateRecordingState(\"recording\");\n\n        // Capture a frame from the live video during recording (after a short delay)\n        setTimeout(() => {\n          const videoElement = getRecorderVideoElement(recorderRef.current);\n          if (videoElement) {\n            const thumbnail = captureFrame(videoElement);\n            capturedThumbnailRef.current = thumbnail;\n          }\n        }, 1000); // Capture frame 1 second into recording\n\n        recorderRef.current?.capture();\n      } catch (error) {\n        console.error(\"SelfieRecorder: failed to capture frame\", error);\n        updateRecordingState(\"idle\");\n        setDisableButton(false);\n      }\n    };\n\n    void triggerCapture();\n  };\n\n  useEffect(() => {\n    const interval = setInterval(() => {\n      const status = recorderRef.current?.sdkJsStatus;\n      const isReady = status === \"ready\" || status === \"running\";\n      setRecorderReady((prev) => (prev !== isReady ? isReady : prev));\n\n      const previousStatus = lastRecorderStatusRef.current;\n      const wasReady = previousStatus === \"ready\" || previousStatus === \"running\";\n      if (status !== previousStatus) {\n        lastRecorderStatusRef.current = status;\n        if (isReady && previousStatus !== undefined && !wasReady) {\n          resetCaptureControls();\n        }\n      }\n    }, 500);\n    return () => clearInterval(interval);\n  }, [resetCaptureControls]);\n\n  const handleRecorderReady = () => {\n    setRecorderReady(true);\n    resetCaptureControls();\n  };\n\n  const handleRecordInterrupted = () => {\n    resetCaptureControls();\n  };\n\n  const handleRecordCompleted = (e: Event) => {\n    const customEvent = e as CustomEvent<{ media?: Blob; metadata?: string }>;\n    if (!customEvent.detail?.media || customEvent.detail.media.size === 0) {\n      console.error(\"❌ No valid media captured\");\n\n      // iOS-specific debugging\n      if (isIOS()) {\n        console.log(\"🍎 iOS detected - checking video elements for proper attributes\");\n        const videoRecorders = document.querySelectorAll(\"uni-video-recorder\");\n        videoRecorders.forEach((recorder, index) => {\n          console.log(`VideoRecorder ${index}:`, {\n            playsinline: recorder.getAttribute(\"playsinline\"),\n            autoplay: recorder.getAttribute(\"autoplay\"),\n            muted: recorder.getAttribute(\"muted\")\n          });\n        });\n      }\n\n      updateRecordingState(\"idle\");\n      setDisableButton(false);\n      return;\n    }\n\n    // Attach the captured thumbnail to the event\n    const enhancedEvent = new CustomEvent('record-completed', {\n      detail: {\n        media: customEvent.detail.media,\n        metadata: customEvent.detail.metadata || '',\n        thumbnail: capturedThumbnailRef.current || undefined,\n      }\n    });\n\n    updateRecordingState(\"processing\");\n    handleSelfie(enhancedEvent);\n  };\n\n  return (\n    <div\n      className=\"selfie selfie-recorder-root flex flex-col\"\n      style={{\n        [\"--dk-btn-bg\" as string]: btnBg ?? \"#11E5C5\",\n        [\"--dk-btn-text\" as string]: btnText ?? \"#3C3C40\",\n        position: isMobile ? \"fixed\" : \"relative\",\n        inset: isMobile ? 0 : \"auto\",\n        zIndex: isMobile ? 50 : \"auto\",\n        height: \"100%\",\n        width: \"100%\",\n      }}\n    >\n      <div className=\"p-4 text-center bg-white shrink-0\">\n        <Title className=\"text-lg md:text-xl mb-1\">{t(\"selfie.recorder.title\")}</Title>\n        <Subtitle className=\"text-xs text-gray-600 md:text-sm\">{t(\"selfie.recorder.subtitle\")}</Subtitle>\n      </div>\n\n      <div className=\"video-container flex-1 relative overflow-hidden\">\n        <VideoRecorder\n          ref={recorderRef}\n          preset={AcquisitionPreset.SELFIE_OPTIMIZED}\n          hideCaptureBtn\n          faceChecker={(typeof window !== 'undefined' && window.__E2E_DISABLE_FACE_CHECKER__) ? 'disabled' : 'enabled'}\n          disableDebugMode\n          onRecorderReady={handleRecorderReady}\n          onRecordInterrupted={handleRecordInterrupted}\n          onRecordCompleted={handleRecordCompleted}\n          onRecord={recordStarting}\n          style={{ width: \"100%\", height: \"100%\" }}\n          className=\"video-recorder-no-radius w-full h-full\"\n          {...(isIOS() && {\n            \"data-playsinline\": \"true\",\n            \"data-autoplay\": \"true\",\n            \"data-muted\": \"true\"\n          })}\n          strings={getUnisseyStrings(t)}\n        />\n      </div>\n\n      <div className=\"shrink-0 bg-white border-t border-gray-200 p-4 md:p-6 relative\" style={{ zIndex: 9999 }}>\n        <div className=\"max-w-md mx-auto\">\n          <div className=\"text-center text-xs text-gray-400 mt-3\">\n            {t(\"selfie.recorder.note\")}\n          </div>\n\n          <Button\n            onClick={recordStarting}\n            className=\"w-full py-3 md:py-4 relative selfie-button\"\n            disabled={disableButton || !recorderReady}\n            style={{ backgroundColor: btnBg ?? \"#11E5C5\", color: btnText ?? \"#3C3C40\" }}\n          >\n            {recordingState === \"idle\" && t(\"selfie.recorder.start\")}\n            {recordingState === \"preparing\" && t(\"selfie.recorder.preparing\")}\n            {recordingState === \"recording\" && (\n              <span className=\"flex items-center justify-center\">\n                <span className=\"mr-2\">{t(\"selfie.recorder.recording_label\")}</span>\n                <span className=\"flex space-x-1 loading-dots\">\n                  <span className=\"h-1 w-1 bg-white rounded-full\"></span>\n                  <span className=\"h-1 w-1 bg-white rounded-full\"></span>\n                  <span className=\"h-1 w-1 bg-white rounded-full\"></span>\n                </span>\n              </span>\n            )}\n            {recordingState === \"processing\" && t(\"selfie.recorder.processing\")}\n          </Button>\n        </div>\n      </div>\n    </div>\n  );\n};\n\nexport default SelfieRecorder;\n"],"names":["useI18n","useIsMobile","useRef","useState","useLiveFrameCapture","useVideoRecorderStyles","useCallback","useEffect","setupVideoElementsObserver","isIOS","__awaiter","waitForVideoFrame","delay","getRecorderVideoElement","_jsxs","_jsx","Title","Subtitle","VideoRecorder","__assign","AcquisitionPreset","getUnisseyStrings","Button"],"mappings":"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"}