@41devs/naya-id-angular 0.1.1 → 0.4.0

package/fesm2022/41devs-naya-id-angular-naya-flow.launcher-xIwcsV6g.mjs

@@ -1,2066 +0,0 @@
-import * as i0 from '@angular/core';
-import { signal, Injectable, input, ChangeDetectionStrategy, Component, output, inject, computed, viewChild, HostListener, HostBinding, createComponent } from '@angular/core';
-import { N as NayaApiClient, d as documentNeedsVerso, c as countryLabel, a as NayaApiError, e as errorResult } from './41devs-naya-id-angular-41devs-naya-id-angular-B7t92Ogc.mjs';
-
-/**
- * Chaînes de l'interface, français et anglais. Reprise fidèle du fichier
- * Flutter `naya_strings.dart` — mêmes intitulés, mêmes étapes.
- */
-class NayaStrings {
-    locale;
-    constructor(locale) {
-        this.locale = locale;
-    }
-    t(fr, en) {
-        return this.locale === 'fr' ? fr : en;
-    }
-    // Commun
-    get poweredBy() { return this.t('Propulsé par Naya ID (41Devs)', 'Powered by Naya ID (41Devs)'); }
-    get continueLabel() { return this.t('Continuer', 'Continue'); }
-    get backToApp() { return this.t("Retourner à l'application", 'Back to the app'); }
-    // 1 · Bienvenue
-    get welcomeTitle() { return this.t('Vérifiez votre identité', 'Verify your identity'); }
-    get welcomeSubtitle() {
-        return this.t("Prêt en moins de 60 secondes.\nMunissez-vous de votre pièce d'identité.", 'Ready in under 60 seconds.\nHave your ID document at hand.');
-    }
-    get welcomeCta() { return this.t('Commencer', 'Get started'); }
-    get welcomeSecurity() {
-        return this.t('Vos données sont chiffrées et transmises de façon sécurisée', 'Your data is encrypted and transmitted securely');
-    }
-    get stepDocument() { return this.t('Document', 'Document'); }
-    get stepSelfie() { return this.t('Selfie', 'Selfie'); }
-    get stepResult() { return this.t('Résultat', 'Result'); }
-    // 2 · Choix du document
-    get docSelectTitle() { return this.t('Quel document\navez-vous ?', 'Which document\ndo you have?'); }
-    get docSelectSubtitle() {
-        return this.t("Choisissez votre pays et votre pièce d'identité.", 'Choose your country and your ID document.');
-    }
-    docLabel(doc) {
-        switch (doc) {
-            case 'cni': return this.t("Carte Nationale d'Identité", 'National Identity Card');
-            case 'passeport': return this.t('Passeport', 'Passport');
-            case 'permis': return this.t('Permis de conduire', 'Driving licence');
-        }
-    }
-    // 3-4 · Capture
-    get captureRectoInstruction() {
-        return this.t('Cadrez le recto de votre document dans le rectangle', 'Frame the front of your document inside the rectangle');
-    }
-    get captureVersoInstruction() {
-        return this.t('Retournez la carte — la bande MRZ doit être lisible', 'Flip the card — the MRZ strip must be readable');
-    }
-    get captureHint() {
-        return this.t('Appuyez sur le déclencheur quand le cadre est vert', 'Tap the shutter when the frame turns green');
-    }
-    get captureReady() {
-        return this.t('Image nette — appuyez pour capturer', 'Sharp image — tap to capture');
-    }
-    get qualityLight() { return this.t('Luminosité', 'Lighting'); }
-    get qualitySharpness() { return this.t('Netteté', 'Sharpness'); }
-    // 5 · Liveness
-    get livenessTitle() { return this.t('Un selfie rapide', 'A quick selfie'); }
-    get livenessSubtitle() { return this.t("Placez votre visage dans l'ovale.", 'Place your face in the oval.'); }
-    get livenessLookStraight() { return this.t('Regardez droit vers la caméra', 'Look straight at the camera'); }
-    get livenessBlink() { return this.t('Clignez des yeux', 'Blink your eyes'); }
-    get livenessTurnHead() { return this.t('Tournez lentement la tête', 'Slowly turn your head'); }
-    get livenessHold() { return this.t('Ne bougez plus…', 'Hold still…'); }
-    get livenessStepFace() { return this.t('Visage', 'Face'); }
-    get livenessStepBlink() { return this.t('Clignement', 'Blink'); }
-    get livenessStepTurn() { return this.t('Rotation', 'Turn'); }
-    get livenessPrivacy() {
-        return this.t("L'analyse s'effectue sur votre appareil —\nla photo n'est envoyée qu'à la fin du défi", 'Analysis runs on your device —\nthe photo is only sent once the challenge is done');
-    }
-    // 6 · Traitement
-    get processingDocument() { return this.t('Document analysé', 'Document analyzed'); }
-    get processingFace() { return this.t('Visage comparé', 'Face compared'); }
-    get processingCompliance() { return this.t('Contrôles de conformité', 'Compliance checks'); }
-    get processingDecision() { return this.t('Décision', 'Decision'); }
-    get processingWait() { return this.t('Ne fermez pas la fenêtre', "Don't close the window"); }
-    // 7 · Résultats
-    get resultApprovedTitle() { return this.t('Identité vérifiée !', 'Identity verified!'); }
-    get resultApprovedSubtitle() {
-        return this.t('Votre vérification a été transmise avec succès.', 'Your verification was submitted successfully.');
-    }
-    get resultReference() { return this.t('Référence', 'Reference'); }
-    get resultName() { return this.t('Nom complet', 'Full name'); }
-    get resultReviewTitle() { return this.t("Vérification en cours d'examen", 'Verification under review'); }
-    get resultReviewSubtitle() {
-        return this.t('Un analyste examine votre dossier.', 'An analyst is reviewing your file.');
-    }
-    get resultReviewB1() { return this.t('Réponse généralement sous 24 h', 'Usually answered within 24 h'); }
-    get resultReviewB2() { return this.t("Vous serez notifié par l'application", 'The app will notify you'); }
-    get resultReviewB3() { return this.t('Aucune action requise de votre part', 'No action needed from you'); }
-    get resultRejectedTitle() { return this.t('Vérification non aboutie', 'Verification unsuccessful'); }
-    get resultRejectedReason() { return this.t('Motif', 'Reason'); }
-    get retry() { return this.t('Réessayer', 'Try again'); }
-    // Erreurs
-    get errorTitle() { return this.t('Une erreur est survenue', 'Something went wrong'); }
-    get errorNetwork() {
-        return this.t('Vérifiez votre connexion internet puis réessayez.', 'Check your internet connection and try again.');
-    }
-    get errorCamera() {
-        return this.t("Impossible d'accéder à la caméra. Vérifiez les autorisations du navigateur.", 'Cannot access the camera. Check the browser permissions.');
-    }
-}
-
-/**
- * État partagé du parcours et logique de session — équivalent du
- * `NayaFlowController` Flutter, l'état exposé en **signals** plutôt qu'en champs
- * mutables. Un service, instancié par parcours (fourni par l'hôte), non
- * singleton racine.
- *
- * Aucune dépendance à la vue : ce service est entièrement testable seul, ce qui
- * est l'intérêt de le porter en premier.
- */
-class NayaFlowService {
-    api;
-    config;
-    finish;
-    /** Chaînes localisées, dérivées de la config. */
-    strings;
-    // ── État réactif ───────────────────────────────────────────────────────────
-    step = signal('welcome', ...(ngDevMode ? [{ debugName: "step" }] : []));
-    session = signal(null, ...(ngDevMode ? [{ debugName: "session" }] : []));
-    country = signal(null, ...(ngDevMode ? [{ debugName: "country" }] : []));
-    document = signal(null, ...(ngDevMode ? [{ debugName: "document" }] : []));
-    rectoBase64 = signal(null, ...(ngDevMode ? [{ debugName: "rectoBase64" }] : []));
-    versoBase64 = signal(null, ...(ngDevMode ? [{ debugName: "versoBase64" }] : []));
-    livenessScore = signal(0, ...(ngDevMode ? [{ debugName: "livenessScore" }] : []));
-    selfieBase64 = signal(null, ...(ngDevMode ? [{ debugName: "selfieBase64" }] : []));
-    attemptsUsed = signal(0, ...(ngDevMode ? [{ debugName: "attemptsUsed" }] : []));
-    /** Réponse du submit, transmise à l'écran de résultat. */
-    submitResponse = signal(null, ...(ngDevMode ? [{ debugName: "submitResponse" }] : []));
-    /** Pile de navigation, pour le bouton retour. */
-    stepHistory = [];
-    documentUpload = null;
-    finished = false;
-    /** Initialise le service pour un parcours donné. Appelé par l'hôte. */
-    init(params) {
-        this.config = params.config;
-        this.finish = params.finish;
-        this.api = new NayaApiClient(params.auth, params.config.baseUrl);
-        this.strings = new NayaStrings(params.config.locale);
-        this.country.set(params.config.country ?? null);
-    }
-    get resolvedConfig() {
-        return this.config;
-    }
-    // ── Navigation ───────────────────────────────────────────────────────────
-    /** Empile l'étape courante et avance vers `next`. */
-    go(next) {
-        this.stepHistory.push(this.step());
-        this.step.set(next);
-    }
-    /** Remplace l'étape courante sans l'empiler (transitions sans retour). */
-    replace(next) {
-        this.step.set(next);
-    }
-    get canGoBack() {
-        return this.stepHistory.length > 0;
-    }
-    /** Revient à l'étape précédente si elle existe. */
-    back() {
-        const prev = this.stepHistory.pop();
-        if (prev)
-            this.step.set(prev);
-    }
-    get client() {
-        return this.api;
-    }
-    /** La CNI CEDEAO porte sa MRZ au verso ; les autres pièces n'en ont pas besoin. */
-    get needsVerso() {
-        return this.document() === 'cni';
-    }
-    get canRetry() {
-        return this.attemptsUsed() < this.config.maxAttempts;
-    }
-    /** Crée la session serveur si nécessaire (documentType + pays requis). */
-    async ensureSession() {
-        const existing = this.session();
-        if (existing)
-            return existing;
-        const created = await this.api.start({
-            documentType: this.document(),
-            country: this.country(),
-            callbackUrl: this.config.callbackUrl,
-        });
-        this.session.set(created);
-        return created;
-    }
-    /**
-     * Lance (une seule fois) l'envoi du document en arrière-plan : l'OCR serveur
-     * tourne pendant que l'utilisateur fait son selfie.
-     */
-    startDocumentUpload() {
-        if (this.documentUpload)
-            return;
-        const upload = this.uploadDocument();
-        this.documentUpload = upload;
-        // Tant que personne n'attend cet envoi (il tourne pendant le selfie), un
-        // échec produirait un unhandled rejection. On le neutralise ici sans
-        // consommer la promesse stockée : `ensureDocumentUploaded` en relance une
-        // fraîche puisque `uploadDocument` a remis `documentUpload` à null.
-        upload.catch(() => { });
-    }
-    /**
-     * Attend la fin de l'envoi du document, en le (re)lançant si besoin. Après
-     * un échec, un nouvel appel retente l'envoi.
-     */
-    ensureDocumentUploaded() {
-        return (this.documentUpload ??= this.uploadDocument());
-    }
-    async uploadDocument() {
-        try {
-            const s = await this.ensureSession();
-            await this.api.uploadDocument(s.verificationId, {
-                rectoBase64: this.rectoBase64(),
-                versoBase64: this.versoBase64() ?? undefined,
-            });
-        }
-        catch (err) {
-            this.documentUpload = null; // permet le retry
-            throw err;
-        }
-    }
-    /**
-     * Prépare une nouvelle tentative après un rejet : nouvelle session, captures
-     * remises à zéro.
-     */
-    resetForRetry() {
-        this.attemptsUsed.update((n) => n + 1);
-        this.session.set(null);
-        this.rectoBase64.set(null);
-        this.versoBase64.set(null);
-        this.livenessScore.set(0);
-        this.selfieBase64.set(null);
-        this.submitResponse.set(null);
-        this.documentUpload = null;
-        this.stepHistory = [];
-    }
-    /** Un document a-t-il besoin de son verso avant de passer au selfie ? */
-    documentTypeNeedsVerso(doc) {
-        return documentNeedsVerso(doc);
-    }
-    complete(result) {
-        if (this.finished)
-            return;
-        this.finished = true;
-        this.finish({ ...result, verificationId: result.verificationId ?? this.session()?.verificationId });
-    }
-    cancel() {
-        this.complete({ status: 'cancelled' });
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.28", ngImport: i0, type: NayaFlowService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.28", ngImport: i0, type: NayaFlowService });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.28", ngImport: i0, type: NayaFlowService, decorators: [{
-            type: Injectable
-        }] });
-
-/**
- * Jetons de design Naya — charte produit (navy, ambre, rayons 12/8/24),
- * exposés en variables CSS. Reprend `naya_theme.dart`.
- *
- * `primary` et `accent` sont surchargeables par le client ; le reste est fixe.
- * Toutes les variables sont posées sur l'élément hôte de l'overlay, si bien que
- * le thème du SDK reste isolé de celui de l'application.
- */
-const NAYA_TOKENS = {
-    success: '#27AE60',
-    error: '#E74C3C',
-    warning: '#F39C12',
-    background: '#F7F8FA',
-    surface: '#FFFFFF',
-    textPrimary: '#1A1A2E',
-    textSecondary: '#6B7280',
-    line: '#E5E7EB',
-    dark: '#0E1C2C',
-    radiusCard: '12px',
-    radiusInput: '8px',
-    radiusButton: '24px',
-};
-/** Construit le dictionnaire de variables CSS à appliquer sur l'hôte. */
-function buildThemeVars(config) {
-    return {
-        '--naya-primary': config.theme.primaryColor,
-        '--naya-accent': config.theme.accentColor,
-        '--naya-success': NAYA_TOKENS.success,
-        '--naya-error': NAYA_TOKENS.error,
-        '--naya-warning': NAYA_TOKENS.warning,
-        '--naya-bg': NAYA_TOKENS.background,
-        '--naya-surface': NAYA_TOKENS.surface,
-        '--naya-text': NAYA_TOKENS.textPrimary,
-        '--naya-text-2': NAYA_TOKENS.textSecondary,
-        '--naya-line': NAYA_TOKENS.line,
-        '--naya-dark': NAYA_TOKENS.dark,
-        '--naya-r-card': NAYA_TOKENS.radiusCard,
-        '--naya-r-input': NAYA_TOKENS.radiusInput,
-        '--naya-r-button': NAYA_TOKENS.radiusButton,
-    };
-}
-
-class NayaIconComponent {
-    name = input.required(...(ngDevMode ? [{ debugName: "name" }] : []));
-    size = input(20, ...(ngDevMode ? [{ debugName: "size" }] : []));
-    stroke = input(2, ...(ngDevMode ? [{ debugName: "stroke" }] : []));
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.28", ngImport: i0, type: NayaIconComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.28", type: NayaIconComponent, isStandalone: true, selector: "naya-icon", inputs: { name: { classPropertyName: "name", publicName: "name", isSignal: true, isRequired: true, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, stroke: { classPropertyName: "stroke", publicName: "stroke", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: `
-    <svg
-      [attr.width]="size()"
-      [attr.height]="size()"
-      viewBox="0 0 24 24"
-      fill="none"
-      stroke="currentColor"
-      [attr.stroke-width]="stroke()"
-      stroke-linecap="round"
-      stroke-linejoin="round"
-      aria-hidden="true"
-    >
-      @switch (name()) {
-        @case ('shield') {
-          <path d="M12 3l7 3v5c0 4.5-3 8.3-7 10-4-1.7-7-5.5-7-10V6l7-3z" />
-          <path d="M9 12l2 2 4-4" />
-        }
-        @case ('lock') {
-          <rect x="5" y="11" width="14" height="9" rx="2" />
-          <path d="M8 11V8a4 4 0 0 1 8 0v3" />
-        }
-        @case ('fingerprint') {
-          <path d="M12 11a2 2 0 0 1 2 2v1a5 5 0 0 1-.5 2.2" />
-          <path d="M8 13a4 4 0 0 1 8 0v1a8 8 0 0 1-.8 3.5" />
-          <path d="M5.5 15A7 7 0 0 1 5 12a7 7 0 0 1 12-5" />
-          <path d="M12 20v-7" />
-        }
-        @case ('close') {
-          <path d="M6 6l12 12M18 6L6 18" />
-        }
-        @case ('back') {
-          <path d="M15 5l-7 7 7 7" />
-        }
-        @case ('chevron') {
-          <path d="M9 6l6 6-6 6" />
-        }
-        @case ('check') {
-          <path d="M5 12l5 5L20 7" />
-        }
-        @case ('clock') {
-          <circle cx="12" cy="12" r="8" />
-          <path d="M12 8v4l3 2" />
-        }
-        @case ('wifi-off') {
-          <path d="M3 3l18 18" />
-          <path d="M5 12a11 11 0 0 1 4-2.5" />
-          <path d="M8.5 16.5A5 5 0 0 1 12 15a5 5 0 0 1 2 .4" />
-          <path d="M12 20h.01" />
-        }
-        @case ('refresh') {
-          <path d="M4 12a8 8 0 0 1 13.7-5.7L20 8" />
-          <path d="M20 4v4h-4" />
-          <path d="M20 12a8 8 0 0 1-13.7 5.7L4 16" />
-          <path d="M4 20v-4h4" />
-        }
-        @case ('id-card') {
-          <rect x="3" y="5" width="18" height="14" rx="2" />
-          <circle cx="8.5" cy="11" r="2" />
-          <path d="M13 10h5M13 14h5M5.5 15a3 3 0 0 1 6 0" />
-        }
-        @case ('passport') {
-          <rect x="5" y="3" width="14" height="18" rx="2" />
-          <circle cx="12" cy="10" r="3" />
-          <path d="M9 16h6" />
-        }
-        @case ('car') {
-          <path d="M5 16l1.5-5A2 2 0 0 1 8.4 10h7.2a2 2 0 0 1 1.9 1l1.5 5" />
-          <rect x="3" y="16" width="18" height="4" rx="1" />
-          <circle cx="7.5" cy="20" r="1" />
-          <circle cx="16.5" cy="20" r="1" />
-        }
-        @case ('sun') {
-          <circle cx="12" cy="12" r="4" />
-          <path d="M12 2v2M12 20v2M2 12h2M20 12h2M5 5l1.5 1.5M17.5 17.5L19 19M19 5l-1.5 1.5M6.5 17.5L5 19" />
-        }
-        @case ('focus') {
-          <path d="M4 8V6a2 2 0 0 1 2-2h2M16 4h2a2 2 0 0 1 2 2v2M20 16v2a2 2 0 0 1-2 2h-2M8 20H6a2 2 0 0 1-2-2v-2" />
-          <circle cx="12" cy="12" r="2.5" />
-        }
-        @case ('eye') {
-          <path d="M2 12s3.5-7 10-7 10 7 10 7-3.5 7-10 7-10-7-10-7z" />
-          <circle cx="12" cy="12" r="3" />
-        }
-        @case ('rotate') {
-          <path d="M12 4a8 8 0 1 1-7.5 5.3" />
-          <path d="M4 4v5h5" />
-        }
-        @case ('hourglass') {
-          <path d="M7 3h10M7 21h10M8 3c0 4 8 5 8 9s-8 5-8 9M16 3c0 4-8 5-8 9s8 5 8 9" />
-        }
-      }
-    </svg>
-  `, isInline: true, styles: [":host{display:inline-flex;line-height:0}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.28", ngImport: i0, type: NayaIconComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'naya-icon', changeDetection: ChangeDetectionStrategy.OnPush, template: `
-    <svg
-      [attr.width]="size()"
-      [attr.height]="size()"
-      viewBox="0 0 24 24"
-      fill="none"
-      stroke="currentColor"
-      [attr.stroke-width]="stroke()"
-      stroke-linecap="round"
-      stroke-linejoin="round"
-      aria-hidden="true"
-    >
-      @switch (name()) {
-        @case ('shield') {
-          <path d="M12 3l7 3v5c0 4.5-3 8.3-7 10-4-1.7-7-5.5-7-10V6l7-3z" />
-          <path d="M9 12l2 2 4-4" />
-        }
-        @case ('lock') {
-          <rect x="5" y="11" width="14" height="9" rx="2" />
-          <path d="M8 11V8a4 4 0 0 1 8 0v3" />
-        }
-        @case ('fingerprint') {
-          <path d="M12 11a2 2 0 0 1 2 2v1a5 5 0 0 1-.5 2.2" />
-          <path d="M8 13a4 4 0 0 1 8 0v1a8 8 0 0 1-.8 3.5" />
-          <path d="M5.5 15A7 7 0 0 1 5 12a7 7 0 0 1 12-5" />
-          <path d="M12 20v-7" />
-        }
-        @case ('close') {
-          <path d="M6 6l12 12M18 6L6 18" />
-        }
-        @case ('back') {
-          <path d="M15 5l-7 7 7 7" />
-        }
-        @case ('chevron') {
-          <path d="M9 6l6 6-6 6" />
-        }
-        @case ('check') {
-          <path d="M5 12l5 5L20 7" />
-        }
-        @case ('clock') {
-          <circle cx="12" cy="12" r="8" />
-          <path d="M12 8v4l3 2" />
-        }
-        @case ('wifi-off') {
-          <path d="M3 3l18 18" />
-          <path d="M5 12a11 11 0 0 1 4-2.5" />
-          <path d="M8.5 16.5A5 5 0 0 1 12 15a5 5 0 0 1 2 .4" />
-          <path d="M12 20h.01" />
-        }
-        @case ('refresh') {
-          <path d="M4 12a8 8 0 0 1 13.7-5.7L20 8" />
-          <path d="M20 4v4h-4" />
-          <path d="M20 12a8 8 0 0 1-13.7 5.7L4 16" />
-          <path d="M4 20v-4h4" />
-        }
-        @case ('id-card') {
-          <rect x="3" y="5" width="18" height="14" rx="2" />
-          <circle cx="8.5" cy="11" r="2" />
-          <path d="M13 10h5M13 14h5M5.5 15a3 3 0 0 1 6 0" />
-        }
-        @case ('passport') {
-          <rect x="5" y="3" width="14" height="18" rx="2" />
-          <circle cx="12" cy="10" r="3" />
-          <path d="M9 16h6" />
-        }
-        @case ('car') {
-          <path d="M5 16l1.5-5A2 2 0 0 1 8.4 10h7.2a2 2 0 0 1 1.9 1l1.5 5" />
-          <rect x="3" y="16" width="18" height="4" rx="1" />
-          <circle cx="7.5" cy="20" r="1" />
-          <circle cx="16.5" cy="20" r="1" />
-        }
-        @case ('sun') {
-          <circle cx="12" cy="12" r="4" />
-          <path d="M12 2v2M12 20v2M2 12h2M20 12h2M5 5l1.5 1.5M17.5 17.5L19 19M19 5l-1.5 1.5M6.5 17.5L5 19" />
-        }
-        @case ('focus') {
-          <path d="M4 8V6a2 2 0 0 1 2-2h2M16 4h2a2 2 0 0 1 2 2v2M20 16v2a2 2 0 0 1-2 2h-2M8 20H6a2 2 0 0 1-2-2v-2" />
-          <circle cx="12" cy="12" r="2.5" />
-        }
-        @case ('eye') {
-          <path d="M2 12s3.5-7 10-7 10 7 10 7-3.5 7-10 7-10-7-10-7z" />
-          <circle cx="12" cy="12" r="3" />
-        }
-        @case ('rotate') {
-          <path d="M12 4a8 8 0 1 1-7.5 5.3" />
-          <path d="M4 4v5h5" />
-        }
-        @case ('hourglass') {
-          <path d="M7 3h10M7 21h10M8 3c0 4 8 5 8 9s-8 5-8 9M16 3c0 4-8 5-8 9s8 5 8 9" />
-        }
-      }
-    </svg>
-  `, styles: [":host{display:inline-flex;line-height:0}\n"] }]
-        }], propDecorators: { name: [{ type: i0.Input, args: [{ isSignal: true, alias: "name", required: true }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], stroke: [{ type: i0.Input, args: [{ isSignal: true, alias: "stroke", required: false }] }] } });
-
-/**
- * Gabarit d'écran du SDK : en-tête (retour / fermer), contenu projeté, pied
- * « Propulsé par Naya ID ». Reprend `NayaScreen` (widgets/common.dart).
- *
- * `dark` bascule le fond sombre des écrans caméra (phases 3-4).
- */
-class NayaScreenComponent {
-    poweredBy = input.required(...(ngDevMode ? [{ debugName: "poweredBy" }] : []));
-    canBack = input(false, ...(ngDevMode ? [{ debugName: "canBack" }] : []));
-    canClose = input(true, ...(ngDevMode ? [{ debugName: "canClose" }] : []));
-    dark = input(false, ...(ngDevMode ? [{ debugName: "dark" }] : []));
-    back = output();
-    close = output();
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.28", ngImport: i0, type: NayaScreenComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.28", type: NayaScreenComponent, isStandalone: true, selector: "naya-screen", inputs: { poweredBy: { classPropertyName: "poweredBy", publicName: "poweredBy", isSignal: true, isRequired: true, transformFunction: null }, canBack: { classPropertyName: "canBack", publicName: "canBack", isSignal: true, isRequired: false, transformFunction: null }, canClose: { classPropertyName: "canClose", publicName: "canClose", isSignal: true, isRequired: false, transformFunction: null }, dark: { classPropertyName: "dark", publicName: "dark", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { back: "back", close: "close" }, ngImport: i0, template: `
-    <div class="shell" [class.dark]="dark()">
-      <header class="bar">
-        @if (canBack()) {
-          <button type="button" class="round" (click)="back.emit()" aria-label="Retour">
-            <naya-icon name="back" [size]="20" />
-          </button>
-        } @else {
-          <span class="spacer"></span>
-        }
-        @if (canClose()) {
-          <button type="button" class="round" (click)="close.emit()" aria-label="Fermer">
-            <naya-icon name="close" [size]="20" />
-          </button>
-        } @else {
-          <span class="spacer"></span>
-        }
-      </header>
-
-      <main class="content">
-        <ng-content />
-      </main>
-
-      <footer class="powered">{{ poweredBy() }}</footer>
-    </div>
-  `, isInline: true, styles: [".shell{display:flex;flex-direction:column;height:100%;background:var(--naya-bg);color:var(--naya-text)}.shell.dark{background:var(--naya-dark);color:#fff}.bar{display:flex;justify-content:space-between;align-items:center;padding:8px 12px 0;flex:0 0 auto}.spacer{width:40px;height:40px}.round{width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center;border:none;border-radius:50%;cursor:pointer;color:var(--naya-primary);background:color-mix(in srgb,var(--naya-primary) 8%,transparent);transition:background .15s ease}.dark .round{color:#fff;background:#ffffff29}.round:hover{background:color-mix(in srgb,var(--naya-primary) 16%,transparent)}.round:focus-visible{outline:2px solid var(--naya-accent);outline-offset:2px}.content{flex:1 1 auto;min-height:0;overflow-y:auto;display:flex;flex-direction:column}.powered{flex:0 0 auto;text-align:center;padding:6px 0 12px;font-size:11px;font-weight:600;color:#b3bac4}.dark .powered{color:#ffffff61}\n"], dependencies: [{ kind: "component", type: NayaIconComponent, selector: "naya-icon", inputs: ["name", "size", "stroke"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.28", ngImport: i0, type: NayaScreenComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'naya-screen', changeDetection: ChangeDetectionStrategy.OnPush, imports: [NayaIconComponent], template: `
-    <div class="shell" [class.dark]="dark()">
-      <header class="bar">
-        @if (canBack()) {
-          <button type="button" class="round" (click)="back.emit()" aria-label="Retour">
-            <naya-icon name="back" [size]="20" />
-          </button>
-        } @else {
-          <span class="spacer"></span>
-        }
-        @if (canClose()) {
-          <button type="button" class="round" (click)="close.emit()" aria-label="Fermer">
-            <naya-icon name="close" [size]="20" />
-          </button>
-        } @else {
-          <span class="spacer"></span>
-        }
-      </header>
-
-      <main class="content">
-        <ng-content />
-      </main>
-
-      <footer class="powered">{{ poweredBy() }}</footer>
-    </div>
-  `, styles: [".shell{display:flex;flex-direction:column;height:100%;background:var(--naya-bg);color:var(--naya-text)}.shell.dark{background:var(--naya-dark);color:#fff}.bar{display:flex;justify-content:space-between;align-items:center;padding:8px 12px 0;flex:0 0 auto}.spacer{width:40px;height:40px}.round{width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center;border:none;border-radius:50%;cursor:pointer;color:var(--naya-primary);background:color-mix(in srgb,var(--naya-primary) 8%,transparent);transition:background .15s ease}.dark .round{color:#fff;background:#ffffff29}.round:hover{background:color-mix(in srgb,var(--naya-primary) 16%,transparent)}.round:focus-visible{outline:2px solid var(--naya-accent);outline-offset:2px}.content{flex:1 1 auto;min-height:0;overflow-y:auto;display:flex;flex-direction:column}.powered{flex:0 0 auto;text-align:center;padding:6px 0 12px;font-size:11px;font-weight:600;color:#b3bac4}.dark .powered{color:#ffffff61}\n"] }]
-        }], propDecorators: { poweredBy: [{ type: i0.Input, args: [{ isSignal: true, alias: "poweredBy", required: true }] }], canBack: [{ type: i0.Input, args: [{ isSignal: true, alias: "canBack", required: false }] }], canClose: [{ type: i0.Input, args: [{ isSignal: true, alias: "canClose", required: false }] }], dark: [{ type: i0.Input, args: [{ isSignal: true, alias: "dark", required: false }] }], back: [{ type: i0.Output, args: ["back"] }], close: [{ type: i0.Output, args: ["close"] }] } });
-
-/** Marque Naya (pictogramme + nom). Écrans bienvenue et traitement. */
-class NayaBrandComponent {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.28", ngImport: i0, type: NayaBrandComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.28", type: NayaBrandComponent, isStandalone: true, selector: "naya-brand", ngImport: i0, template: `
-    <span class="brand">
-      <span class="mark"><naya-icon name="fingerprint" [size]="17" /></span>
-      <span class="name">Naya ID</span>
-    </span>
-  `, isInline: true, styles: [".brand{display:inline-flex;align-items:center;gap:7px}.mark{width:26px;height:26px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;background:var(--naya-primary);color:var(--naya-accent)}.name{font-size:17px;font-weight:800;letter-spacing:-.2px;color:var(--naya-primary)}\n"], dependencies: [{ kind: "component", type: NayaIconComponent, selector: "naya-icon", inputs: ["name", "size", "stroke"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.28", ngImport: i0, type: NayaBrandComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'naya-brand', changeDetection: ChangeDetectionStrategy.OnPush, imports: [NayaIconComponent], template: `
-    <span class="brand">
-      <span class="mark"><naya-icon name="fingerprint" [size]="17" /></span>
-      <span class="name">Naya ID</span>
-    </span>
-  `, styles: [".brand{display:inline-flex;align-items:center;gap:7px}.mark{width:26px;height:26px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;background:var(--naya-primary);color:var(--naya-accent)}.name{font-size:17px;font-weight:800;letter-spacing:-.2px;color:var(--naya-primary)}\n"] }]
-        }] });
-/** CTA principal (plein, ambre) avec état de chargement. */
-class NayaPrimaryButtonComponent {
-    label = input.required(...(ngDevMode ? [{ debugName: "label" }] : []));
-    loading = input(false, ...(ngDevMode ? [{ debugName: "loading" }] : []));
-    disabled = input(false, ...(ngDevMode ? [{ debugName: "disabled" }] : []));
-    icon = input(null, ...(ngDevMode ? [{ debugName: "icon" }] : []));
-    pressed = output();
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.28", ngImport: i0, type: NayaPrimaryButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.28", type: NayaPrimaryButtonComponent, isStandalone: true, selector: "naya-primary-button", inputs: { label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: true, transformFunction: null }, loading: { classPropertyName: "loading", publicName: "loading", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { pressed: "pressed" }, ngImport: i0, template: `
-    <button
-      type="button"
-      class="btn"
-      [disabled]="loading() || disabled()"
-      (click)="pressed.emit()"
-    >
-      @if (loading()) {
-        <span class="spinner" aria-hidden="true"></span>
-      } @else {
-        @if (icon()) { <naya-icon [name]="icon()!" [size]="18" /> }
-        <span>{{ label() }}</span>
-      }
-    </button>
-  `, isInline: true, styles: [".btn{width:100%;min-height:52px;display:inline-flex;align-items:center;justify-content:center;gap:8px;border:none;border-radius:var(--naya-r-button);cursor:pointer;background:var(--naya-accent);color:var(--naya-primary);font-size:15px;font-weight:800;transition:filter .15s ease}.btn:hover:not(:disabled){filter:brightness(.96)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn:focus-visible{outline:2px solid var(--naya-primary);outline-offset:2px}.spinner{width:22px;height:22px;border-radius:50%;border:2.5px solid color-mix(in srgb,var(--naya-primary) 30%,transparent);border-top-color:var(--naya-primary);animation:naya-spin .8s linear infinite}@keyframes naya-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.spinner{animation-duration:1.6s}}\n"], dependencies: [{ kind: "component", type: NayaIconComponent, selector: "naya-icon", inputs: ["name", "size", "stroke"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.28", ngImport: i0, type: NayaPrimaryButtonComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'naya-primary-button', changeDetection: ChangeDetectionStrategy.OnPush, imports: [NayaIconComponent], template: `
-    <button
-      type="button"
-      class="btn"
-      [disabled]="loading() || disabled()"
-      (click)="pressed.emit()"
-    >
-      @if (loading()) {
-        <span class="spinner" aria-hidden="true"></span>
-      } @else {
-        @if (icon()) { <naya-icon [name]="icon()!" [size]="18" /> }
-        <span>{{ label() }}</span>
-      }
-    </button>
-  `, styles: [".btn{width:100%;min-height:52px;display:inline-flex;align-items:center;justify-content:center;gap:8px;border:none;border-radius:var(--naya-r-button);cursor:pointer;background:var(--naya-accent);color:var(--naya-primary);font-size:15px;font-weight:800;transition:filter .15s ease}.btn:hover:not(:disabled){filter:brightness(.96)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn:focus-visible{outline:2px solid var(--naya-primary);outline-offset:2px}.spinner{width:22px;height:22px;border-radius:50%;border:2.5px solid color-mix(in srgb,var(--naya-primary) 30%,transparent);border-top-color:var(--naya-primary);animation:naya-spin .8s linear infinite}@keyframes naya-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.spinner{animation-duration:1.6s}}\n"] }]
-        }], propDecorators: { label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: true }] }], loading: [{ type: i0.Input, args: [{ isSignal: true, alias: "loading", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], icon: [{ type: i0.Input, args: [{ isSignal: true, alias: "icon", required: false }] }], pressed: [{ type: i0.Output, args: ["pressed"] }] } });
-/** Bouton secondaire (contour). */
-class NayaSecondaryButtonComponent {
-    label = input.required(...(ngDevMode ? [{ debugName: "label" }] : []));
-    pressed = output();
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.28", ngImport: i0, type: NayaSecondaryButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.3.28", type: NayaSecondaryButtonComponent, isStandalone: true, selector: "naya-secondary-button", inputs: { label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: true, transformFunction: null } }, outputs: { pressed: "pressed" }, ngImport: i0, template: `
-    <button type="button" class="btn" (click)="pressed.emit()">{{ label() }}</button>
-  `, isInline: true, styles: [".btn{width:100%;min-height:52px;border:1.5px solid var(--naya-primary);border-radius:var(--naya-r-button);background:transparent;color:var(--naya-primary);cursor:pointer;font-size:15px;font-weight:800}.btn:hover{background:color-mix(in srgb,var(--naya-primary) 6%,transparent)}.btn:focus-visible{outline:2px solid var(--naya-accent);outline-offset:2px}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.28", ngImport: i0, type: NayaSecondaryButtonComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'naya-secondary-button', changeDetection: ChangeDetectionStrategy.OnPush, template: `
-    <button type="button" class="btn" (click)="pressed.emit()">{{ label() }}</button>
-  `, styles: [".btn{width:100%;min-height:52px;border:1.5px solid var(--naya-primary);border-radius:var(--naya-r-button);background:transparent;color:var(--naya-primary);cursor:pointer;font-size:15px;font-weight:800}.btn:hover{background:color-mix(in srgb,var(--naya-primary) 6%,transparent)}.btn:focus-visible{outline:2px solid var(--naya-accent);outline-offset:2px}\n"] }]
-        }], propDecorators: { label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: true }] }], pressed: [{ type: i0.Output, args: ["pressed"] }] } });
-/** Indicateur des trois grandes étapes (Document · Selfie · Résultat). */
-class NayaStepsDotsComponent {
-    labels = input.required(...(ngDevMode ? [{ debugName: "labels" }] : []));
-    activeIndex = input(0, ...(ngDevMode ? [{ debugName: "activeIndex" }] : []));
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.28", ngImport: i0, type: NayaStepsDotsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.28", type: NayaStepsDotsComponent, isStandalone: true, selector: "naya-steps-dots", inputs: { labels: { classPropertyName: "labels", publicName: "labels", isSignal: true, isRequired: true, transformFunction: null }, activeIndex: { classPropertyName: "activeIndex", publicName: "activeIndex", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: `
-    <div class="dots">
-      @for (label of labels(); track label; let i = $index) {
-        <div class="step">
-          <span class="dot" [class.on]="i <= activeIndex()"></span>
-          <span class="label">{{ label }}</span>
-        </div>
-      }
-    </div>
-  `, isInline: true, styles: [".dots{display:flex;justify-content:center;gap:22px}.step{display:flex;flex-direction:column;align-items:center;gap:5px}.dot{width:9px;height:9px;border-radius:50%;background:#d6dce4}.dot.on{background:var(--naya-accent)}.label{font-size:11px;color:var(--naya-text-2)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.28", ngImport: i0, type: NayaStepsDotsComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'naya-steps-dots', changeDetection: ChangeDetectionStrategy.OnPush, template: `
-    <div class="dots">
-      @for (label of labels(); track label; let i = $index) {
-        <div class="step">
-          <span class="dot" [class.on]="i <= activeIndex()"></span>
-          <span class="label">{{ label }}</span>
-        </div>
-      }
-    </div>
-  `, styles: [".dots{display:flex;justify-content:center;gap:22px}.step{display:flex;flex-direction:column;align-items:center;gap:5px}.dot{width:9px;height:9px;border-radius:50%;background:#d6dce4}.dot.on{background:var(--naya-accent)}.label{font-size:11px;color:var(--naya-text-2)}\n"] }]
-        }], propDecorators: { labels: [{ type: i0.Input, args: [{ isSignal: true, alias: "labels", required: true }] }], activeIndex: [{ type: i0.Input, args: [{ isSignal: true, alias: "activeIndex", required: false }] }] } });
-
-/** Écran 1 — Bienvenue. */
-class WelcomeScreen {
-    flow = inject(NayaFlowService);
-    s = this.flow.strings;
-    config = this.flow.resolvedConfig;
-    stepLabels = computed(() => [
-        this.s.stepDocument,
-        this.s.stepSelfie,
-        this.s.stepResult,
-    ], ...(ngDevMode ? [{ debugName: "stepLabels" }] : []));
-    start() {
-        const cfg = this.config;
-        const single = !!cfg.country && cfg.documentTypes.length === 1;
-        if (single) {
-            this.flow.country.set(cfg.country);
-            this.flow.document.set(cfg.documentTypes[0]);
-            this.flow.go('capture-recto');
-        }
-        else {
-            this.flow.go('select');
-        }
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.28", ngImport: i0, type: WelcomeScreen, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.28", type: WelcomeScreen, isStandalone: true, selector: "naya-welcome-screen", ngImport: i0, template: `
-    <naya-screen [poweredBy]="s.poweredBy" (close)="flow.cancel()">
-      <div class="pad">
-        <div class="brandRow">
-          <naya-brand />
-          @if (config.clientLogoUrl) {
-            <span class="sep"></span>
-            <img class="clientLogo" [src]="config.clientLogoUrl" alt="" />
-          }
-        </div>
-
-        <div class="spacer"></div>
-
-        <div class="hero"><naya-icon name="shield" [size]="56" [stroke]="1.6" /></div>
-        <h1 class="title">{{ s.welcomeTitle }}</h1>
-        <p class="body">{{ s.welcomeSubtitle }}</p>
-
-        <div class="steps">
-          <naya-steps-dots [labels]="stepLabels()" [activeIndex]="0" />
-        </div>
-
-        <div class="spacer"></div>
-
-        <naya-primary-button [label]="s.welcomeCta" (pressed)="start()" />
-        <div class="secure">
-          <naya-icon name="lock" [size]="13" [stroke]="2" />
-          <span>{{ s.welcomeSecurity }}</span>
-        </div>
-      </div>
-    </naya-screen>
-  `, isInline: true, styles: [".pad{display:flex;flex-direction:column;flex:1;padding:4px 24px 8px}.brandRow{display:flex;align-items:center;justify-content:center;gap:14px}.sep{width:1px;height:22px;background:var(--naya-line)}.clientLogo{height:24px;width:auto;object-fit:contain}.spacer{flex:1 1 auto}.hero{align-self:center;width:116px;height:116px;border-radius:32px;display:flex;align-items:center;justify-content:center;background:var(--naya-primary);color:var(--naya-accent)}.title{margin:28px 0 10px;text-align:center;text-wrap:balance;font-size:23px;font-weight:800;line-height:1.25;letter-spacing:-.2px;color:var(--naya-primary)}.body{margin:0;text-align:center;white-space:pre-line;font-size:15px;line-height:1.5;color:var(--naya-text-2)}.steps{margin-top:26px}.secure{display:flex;align-items:center;justify-content:center;gap:5px;margin-top:12px;text-align:center;font-size:11px;color:var(--naya-text-2)}\n"], dependencies: [{ kind: "component", type: NayaScreenComponent, selector: "naya-screen", inputs: ["poweredBy", "canBack", "canClose", "dark"], outputs: ["back", "close"] }, { kind: "component", type: NayaIconComponent, selector: "naya-icon", inputs: ["name", "size", "stroke"] }, { kind: "component", type: NayaBrandComponent, selector: "naya-brand" }, { kind: "component", type: NayaPrimaryButtonComponent, selector: "naya-primary-button", inputs: ["label", "loading", "disabled", "icon"], outputs: ["pressed"] }, { kind: "component", type: NayaStepsDotsComponent, selector: "naya-steps-dots", inputs: ["labels", "activeIndex"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.28", ngImport: i0, type: WelcomeScreen, decorators: [{
-            type: Component,
-            args: [{ selector: 'naya-welcome-screen', changeDetection: ChangeDetectionStrategy.OnPush, imports: [
-                        NayaScreenComponent,
-                        NayaIconComponent,
-                        NayaBrandComponent,
-                        NayaPrimaryButtonComponent,
-                        NayaStepsDotsComponent,
-                    ], template: `
-    <naya-screen [poweredBy]="s.poweredBy" (close)="flow.cancel()">
-      <div class="pad">
-        <div class="brandRow">
-          <naya-brand />
-          @if (config.clientLogoUrl) {
-            <span class="sep"></span>
-            <img class="clientLogo" [src]="config.clientLogoUrl" alt="" />
-          }
-        </div>
-
-        <div class="spacer"></div>
-
-        <div class="hero"><naya-icon name="shield" [size]="56" [stroke]="1.6" /></div>
-        <h1 class="title">{{ s.welcomeTitle }}</h1>
-        <p class="body">{{ s.welcomeSubtitle }}</p>
-
-        <div class="steps">
-          <naya-steps-dots [labels]="stepLabels()" [activeIndex]="0" />
-        </div>
-
-        <div class="spacer"></div>
-
-        <naya-primary-button [label]="s.welcomeCta" (pressed)="start()" />
-        <div class="secure">
-          <naya-icon name="lock" [size]="13" [stroke]="2" />
-          <span>{{ s.welcomeSecurity }}</span>
-        </div>
-      </div>
-    </naya-screen>
-  `, styles: [".pad{display:flex;flex-direction:column;flex:1;padding:4px 24px 8px}.brandRow{display:flex;align-items:center;justify-content:center;gap:14px}.sep{width:1px;height:22px;background:var(--naya-line)}.clientLogo{height:24px;width:auto;object-fit:contain}.spacer{flex:1 1 auto}.hero{align-self:center;width:116px;height:116px;border-radius:32px;display:flex;align-items:center;justify-content:center;background:var(--naya-primary);color:var(--naya-accent)}.title{margin:28px 0 10px;text-align:center;text-wrap:balance;font-size:23px;font-weight:800;line-height:1.25;letter-spacing:-.2px;color:var(--naya-primary)}.body{margin:0;text-align:center;white-space:pre-line;font-size:15px;line-height:1.5;color:var(--naya-text-2)}.steps{margin-top:26px}.secure{display:flex;align-items:center;justify-content:center;gap:5px;margin-top:12px;text-align:center;font-size:11px;color:var(--naya-text-2)}\n"] }]
-        }] });
-
-/** Écran 2 — Choix du pays et du type de document. */
-class DocumentSelectionScreen {
-    flow = inject(NayaFlowService);
-    s = this.flow.strings;
-    config = this.flow.resolvedConfig;
-    lockedCountry = !!this.config.country;
-    country = signal(this.config.country ?? this.config.countries[0], ...(ngDevMode ? [{ debugName: "country" }] : []));
-    document = signal(this.config.documentTypes.length === 1 ? this.config.documentTypes[0] : null, ...(ngDevMode ? [{ debugName: "document" }] : []));
-    docIconMap = computed(() => this.document(), ...(ngDevMode ? [{ debugName: "docIconMap" }] : []));
-    label(code) {
-        return countryLabel(code);
-    }
-    docIcon(doc) {
-        switch (doc) {
-            case 'cni': return 'id-card';
-            case 'passeport': return 'passport';
-            case 'permis': return 'car';
-        }
-    }
-    next() {
-        const doc = this.document();
-        if (!doc)
-            return;
-        this.flow.country.set(this.country());
-        this.flow.document.set(doc);
-        this.flow.go('capture-recto');
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.28", ngImport: i0, type: DocumentSelectionScreen, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.28", type: DocumentSelectionScreen, isStandalone: true, selector: "naya-document-selection-screen", ngImport: i0, template: `
-    <naya-screen
-      [poweredBy]="s.poweredBy"
-      [canBack]="flow.canGoBack"
-      (back)="flow.back()"
-      (close)="flow.cancel()"
-    >
-      <div class="pad">
-        <h1 class="title">{{ s.docSelectTitle }}</h1>
-        <p class="body">{{ s.docSelectSubtitle }}</p>
-
-        @if (!lockedCountry) {
-          <div class="chips" role="listbox" aria-label="Pays">
-            @for (code of config.countries; track code) {
-              <button
-                type="button"
-                class="chip"
-                role="option"
-                [class.on]="code === country()"
-                [attr.aria-selected]="code === country()"
-                (click)="country.set(code)"
-              >{{ label(code) }}</button>
-            }
-          </div>
-        }
-
-        <div class="cards">
-          @for (doc of config.documentTypes; track doc) {
-            <button
-              type="button"
-              class="card"
-              [class.on]="doc === document()"
-              (click)="document.set(doc)"
-            >
-              <span class="ico"><naya-icon [name]="docIcon(doc)" [size]="20" /></span>
-              <span class="lbl">{{ s.docLabel(doc) }}</span>
-              <naya-icon name="chevron" [size]="20" [stroke]="2" />
-            </button>
-          }
-        </div>
-
-        <div class="spacer"></div>
-        <naya-primary-button
-          [label]="s.continueLabel"
-          [disabled]="!document()"
-          (pressed)="next()"
-        />
-      </div>
-    </naya-screen>
-  `, isInline: true, styles: [".pad{display:flex;flex-direction:column;flex:1;padding:8px 24px 16px}.title{margin:0 0 8px;white-space:pre-line;text-wrap:balance;font-size:23px;font-weight:800;line-height:1.25;letter-spacing:-.2px;color:var(--naya-primary)}.body{margin:0 0 18px;font-size:15px;line-height:1.5;color:var(--naya-text-2)}.chips{display:flex;gap:8px;overflow-x:auto;padding-bottom:4px;margin-bottom:18px}.chip{flex:0 0 auto;padding:8px 14px;border-radius:999px;cursor:pointer;background:var(--naya-surface);border:1px solid var(--naya-line);font-size:13px;font-weight:500;color:var(--naya-text);white-space:nowrap}.chip.on{border:1.6px solid var(--naya-accent);font-weight:700;background:color-mix(in srgb,var(--naya-accent) 18%,transparent)}.chip:focus-visible{outline:2px solid var(--naya-accent);outline-offset:2px}.cards{display:flex;flex-direction:column;gap:10px}.card{display:flex;align-items:center;gap:12px;width:100%;padding:14px;cursor:pointer;text-align:left;background:var(--naya-surface);border:1px solid var(--naya-line);border-radius:var(--naya-r-card)}.card.on{border:1.8px solid var(--naya-accent);background:#fff9ee}.card:focus-visible{outline:2px solid var(--naya-accent);outline-offset:2px}.ico{width:36px;height:36px;border-radius:8px;flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;background:#edf3fa;color:var(--naya-primary)}.lbl{flex:1;font-size:14px;font-weight:700;color:var(--naya-text)}.card naya-icon:last-child{color:var(--naya-text-2)}.spacer{flex:1 1 auto;min-height:16px}\n"], dependencies: [{ kind: "component", type: NayaScreenComponent, selector: "naya-screen", inputs: ["poweredBy", "canBack", "canClose", "dark"], outputs: ["back", "close"] }, { kind: "component", type: NayaIconComponent, selector: "naya-icon", inputs: ["name", "size", "stroke"] }, { kind: "component", type: NayaPrimaryButtonComponent, selector: "naya-primary-button", inputs: ["label", "loading", "disabled", "icon"], outputs: ["pressed"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.28", ngImport: i0, type: DocumentSelectionScreen, decorators: [{
-            type: Component,
-            args: [{ selector: 'naya-document-selection-screen', changeDetection: ChangeDetectionStrategy.OnPush, imports: [NayaScreenComponent, NayaIconComponent, NayaPrimaryButtonComponent], template: `
-    <naya-screen
-      [poweredBy]="s.poweredBy"
-      [canBack]="flow.canGoBack"
-      (back)="flow.back()"
-      (close)="flow.cancel()"
-    >
-      <div class="pad">
-        <h1 class="title">{{ s.docSelectTitle }}</h1>
-        <p class="body">{{ s.docSelectSubtitle }}</p>
-
-        @if (!lockedCountry) {
-          <div class="chips" role="listbox" aria-label="Pays">
-            @for (code of config.countries; track code) {
-              <button
-                type="button"
-                class="chip"
-                role="option"
-                [class.on]="code === country()"
-                [attr.aria-selected]="code === country()"
-                (click)="country.set(code)"
-              >{{ label(code) }}</button>
-            }
-          </div>
-        }
-
-        <div class="cards">
-          @for (doc of config.documentTypes; track doc) {
-            <button
-              type="button"
-              class="card"
-              [class.on]="doc === document()"
-              (click)="document.set(doc)"
-            >
-              <span class="ico"><naya-icon [name]="docIcon(doc)" [size]="20" /></span>
-              <span class="lbl">{{ s.docLabel(doc) }}</span>
-              <naya-icon name="chevron" [size]="20" [stroke]="2" />
-            </button>
-          }
-        </div>
-
-        <div class="spacer"></div>
-        <naya-primary-button
-          [label]="s.continueLabel"
-          [disabled]="!document()"
-          (pressed)="next()"
-        />
-      </div>
-    </naya-screen>
-  `, styles: [".pad{display:flex;flex-direction:column;flex:1;padding:8px 24px 16px}.title{margin:0 0 8px;white-space:pre-line;text-wrap:balance;font-size:23px;font-weight:800;line-height:1.25;letter-spacing:-.2px;color:var(--naya-primary)}.body{margin:0 0 18px;font-size:15px;line-height:1.5;color:var(--naya-text-2)}.chips{display:flex;gap:8px;overflow-x:auto;padding-bottom:4px;margin-bottom:18px}.chip{flex:0 0 auto;padding:8px 14px;border-radius:999px;cursor:pointer;background:var(--naya-surface);border:1px solid var(--naya-line);font-size:13px;font-weight:500;color:var(--naya-text);white-space:nowrap}.chip.on{border:1.6px solid var(--naya-accent);font-weight:700;background:color-mix(in srgb,var(--naya-accent) 18%,transparent)}.chip:focus-visible{outline:2px solid var(--naya-accent);outline-offset:2px}.cards{display:flex;flex-direction:column;gap:10px}.card{display:flex;align-items:center;gap:12px;width:100%;padding:14px;cursor:pointer;text-align:left;background:var(--naya-surface);border:1px solid var(--naya-line);border-radius:var(--naya-r-card)}.card.on{border:1.8px solid var(--naya-accent);background:#fff9ee}.card:focus-visible{outline:2px solid var(--naya-accent);outline-offset:2px}.ico{width:36px;height:36px;border-radius:8px;flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;background:#edf3fa;color:var(--naya-primary)}.lbl{flex:1;font-size:14px;font-weight:700;color:var(--naya-text)}.card naya-icon:last-child{color:var(--naya-text-2)}.spacer{flex:1 1 auto;min-height:16px}\n"] }]
-        }] });
-
-/**
- * Traitement d'image pour le web — équivalent de `image_utils.dart`, adapté au
- * pipeline canvas du navigateur (le SDK Flutter lisait les plans bruts de la
- * caméra).
- *
- * Les seuils sont repris de Flutter à titre de point de départ. Ils devront
- * être **recalibrés** : la mesure porte ici sur des pixels RGBA issus d'un
- * canvas, pas sur les plans NV21/BGRA natifs, si bien que les valeurs absolues
- * ne se transposent pas telles quelles.
- */
-/**
- * Seuil de netteté (variance du Laplacien) au-delà duquel le cadre passe au
- * vert. Volontairement prudent — à ajuster après essais multi-navigateurs.
- */
-const SHARPNESS_READY_THRESHOLD = 60;
-/** En dessous, l'éclairage est jugé insuffisant (luminance moyenne 0-255). */
-const LUMINANCE_MIN = 60;
-/** Au-dessus, l'image est surexposée. */
-const LUMINANCE_MAX = 235;
-/**
- * Compresse une image (élément vidéo ou canvas) en data-URL JPEG.
- *
- * L'API accepte un corps JSON de 5 Mo ; un JPEG ≤ 1600 px de côté à qualité
- * 0,85 reste largement sous la limite tout en préservant la lisibilité OCR —
- * important sur les réseaux mobiles d'Afrique de l'Ouest.
- */
-function canvasToJpegDataUrl(source, maxDimension = 1600, quality = 0.85) {
-    const srcW = source instanceof HTMLVideoElement ? source.videoWidth : source.width;
-    const srcH = source instanceof HTMLVideoElement ? source.videoHeight : source.height;
-    const scale = Math.min(1, maxDimension / Math.max(srcW, srcH));
-    const w = Math.round(srcW * scale);
-    const h = Math.round(srcH * scale);
-    const canvas = document.createElement('canvas');
-    canvas.width = w;
-    canvas.height = h;
-    const ctx = canvas.getContext('2d');
-    if (!ctx)
-        return '';
-    ctx.drawImage(source, 0, 0, w, h);
-    return canvas.toDataURL('image/jpeg', quality);
-}
-function measureFrameQuality(video, scratch, region = { x: 0.25, y: 0.25, w: 0.5, h: 0.5 }, sampleWidth = 240) {
-    const vw = video.videoWidth;
-    const vh = video.videoHeight;
-    if (vw < 8 || vh < 8) {
-        return { luminance: 0, sharpness: 0, lightOk: false, sharpOk: false };
-    }
-    const sx = Math.floor(vw * region.x);
-    const sy = Math.floor(vh * region.y);
-    const sw = Math.floor(vw * region.w);
-    const sh = Math.floor(vh * region.h);
-    // Réduction : on ramène la région à ~sampleWidth de large.
-    const scale = Math.min(1, sampleWidth / sw);
-    const w = Math.max(8, Math.round(sw * scale));
-    const h = Math.max(8, Math.round(sh * scale));
-    scratch.width = w;
-    scratch.height = h;
-    const ctx = scratch.getContext('2d', { willReadFrequently: true });
-    if (!ctx)
-        return { luminance: 0, sharpness: 0, lightOk: false, sharpOk: false };
-    ctx.drawImage(video, sx, sy, sw, sh, 0, 0, w, h);
-    const { data } = ctx.getImageData(0, 0, w, h);
-    // Luminance (Rec. 601) par pixel, puis variance du Laplacien 4-voisins.
-    const lum = new Float32Array(w * h);
-    let sumLum = 0;
-    for (let i = 0, p = 0; i < data.length; i += 4, p++) {
-        const l = 0.299 * data[i] + 0.587 * data[i + 1] + 0.114 * data[i + 2];
-        lum[p] = l;
-        sumLum += l;
-    }
-    const luminance = sumLum / (w * h);
-    let sum = 0;
-    let sumSq = 0;
-    let count = 0;
-    for (let y = 1; y < h - 1; y++) {
-        for (let x = 1; x < w - 1; x++) {
-            const idx = y * w + x;
-            const lap = 4 * lum[idx] - lum[idx - 1] - lum[idx + 1] - lum[idx - w] - lum[idx + w];
-            sum += lap;
-            sumSq += lap * lap;
-            count++;
-        }
-    }
-    const mean = count ? sum / count : 0;
-    const sharpness = count ? sumSq / count - mean * mean : 0;
-    return {
-        luminance,
-        sharpness,
-        lightOk: luminance >= LUMINANCE_MIN && luminance <= LUMINANCE_MAX,
-        sharpOk: sharpness >= SHARPNESS_READY_THRESHOLD,
-    };
-}
-
-/**
- * Écrans 3-4 — Capture du document (recto puis verso pour la CNI).
- *
- * Caméra arrière, cadre de guidage centré au ratio carte (1,586), contrôles
- * qualité en direct (luminosité + netteté). Quand l'image est nette et bien
- * éclairée, le cadre et le déclencheur passent au vert — **c'est l'utilisateur
- * qui valide**. Reprend `document_capture_screen.dart`.
- *
- * `side` est déduit de l'étape courante ('capture-recto' | 'capture-verso').
- */
-class DocumentCaptureScreen {
-    flow = inject(NayaFlowService);
-    s = this.flow.strings;
-    /** Face capturée par cet écran. */
-    side = input('recto', ...(ngDevMode ? [{ debugName: "side" }] : []));
-    videoRef = viewChild('video', ...(ngDevMode ? [{ debugName: "videoRef" }] : []));
-    streaming = signal(false, ...(ngDevMode ? [{ debugName: "streaming" }] : []));
-    capturing = signal(false, ...(ngDevMode ? [{ debugName: "capturing" }] : []));
-    cameraError = signal(null, ...(ngDevMode ? [{ debugName: "cameraError" }] : []));
-    lightOk = signal(false, ...(ngDevMode ? [{ debugName: "lightOk" }] : []));
-    sharpOk = signal(false, ...(ngDevMode ? [{ debugName: "sharpOk" }] : []));
-    ready = computed(() => this.lightOk() && this.sharpOk() && !this.capturing(), ...(ngDevMode ? [{ debugName: "ready" }] : []));
-    stream = null;
-    qualityTimer;
-    scratch = typeof document !== 'undefined' ? document.createElement('canvas') : null;
-    instruction = computed(() => this.side() === 'recto' ? this.s.captureRectoInstruction : this.s.captureVersoInstruction, ...(ngDevMode ? [{ debugName: "instruction" }] : []));
-    ngOnInit() {
-        void this.startCamera();
-    }
-    ngOnDestroy() {
-        this.stopCamera();
-    }
-    async startCamera() {
-        if (!navigator.mediaDevices?.getUserMedia) {
-            this.cameraError.set(this.s.errorCamera);
-            return;
-        }
-        try {
-            // Caméra arrière privilégiée pour le document ; repli sur défaut.
-            this.stream = await navigator.mediaDevices.getUserMedia({
-                video: { facingMode: { ideal: 'environment' }, width: { ideal: 1920 } },
-                audio: false,
-            });
-            // L'écran a pu être quitté pendant l'attente d'autorisation.
-            const video = this.videoRef()?.nativeElement;
-            if (!video) {
-                this.stopCamera();
-                return;
-            }
-            video.srcObject = this.stream;
-            await video.play().catch(() => { });
-            this.streaming.set(true);
-            this.startQualityLoop(video);
-        }
-        catch {
-            this.cameraError.set(this.s.errorCamera);
-        }
-    }
-    startQualityLoop(video) {
-        if (!this.scratch)
-            return;
-        // Cadence alignée sur Flutter (~350 ms) : suffisant pour un retour fluide
-        // sans saturer le thread principal avec des getImageData.
-        this.qualityTimer = setInterval(() => {
-            if (this.capturing() || video.videoWidth < 8)
-                return;
-            const q = measureFrameQuality(video, this.scratch);
-            if (q.lightOk !== this.lightOk())
-                this.lightOk.set(q.lightOk);
-            if (q.sharpOk !== this.sharpOk())
-                this.sharpOk.set(q.sharpOk);
-        }, 350);
-    }
-    stopCamera() {
-        if (this.qualityTimer)
-            clearInterval(this.qualityTimer);
-        this.qualityTimer = undefined;
-        this.stream?.getTracks().forEach((t) => t.stop());
-        this.stream = null;
-        this.streaming.set(false);
-    }
-    async capture() {
-        const video = this.videoRef()?.nativeElement;
-        if (!video || this.capturing() || !this.streaming())
-            return;
-        this.capturing.set(true);
-        try {
-            const dataUrl = canvasToJpegDataUrl(video);
-            this.stopCamera();
-            if (this.side() === 'recto') {
-                this.flow.rectoBase64.set(dataUrl);
-                if (this.flow.needsVerso) {
-                    this.flow.go('capture-verso');
-                    return;
-                }
-            }
-            else {
-                this.flow.versoBase64.set(dataUrl);
-            }
-            // Dernière face : l'envoi (session + document) part en arrière-plan
-            // pendant que l'utilisateur enchaîne sur le selfie.
-            this.flow.startDocumentUpload();
-            this.flow.go('liveness');
-        }
-        finally {
-            this.capturing.set(false);
-        }
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.28", ngImport: i0, type: DocumentCaptureScreen, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.28", type: DocumentCaptureScreen, isStandalone: true, selector: "naya-document-capture-screen", inputs: { side: { classPropertyName: "side", publicName: "side", isSignal: true, isRequired: false, transformFunction: null } }, viewQueries: [{ propertyName: "videoRef", first: true, predicate: ["video"], descendants: true, isSignal: true }], ngImport: i0, template: `
-    <naya-screen
-      [poweredBy]="s.poweredBy"
-      [dark]="true"
-      [canBack]="flow.canGoBack"
-      (back)="flow.back()"
-      (close)="flow.cancel()"
-    >
-      <div class="pad">
-        <p class="instruction">{{ instruction() }}</p>
-
-        <div class="cardWrap">
-          <div class="card" [class.ready]="ready()">
-            @if (cameraError()) {
-              <div class="camMsg">{{ cameraError() }}</div>
-            } @else {
-              <video #video class="preview" playsinline muted autoplay></video>
-              @if (!streaming()) {
-                <div class="camMsg"><span class="loader"></span></div>
-              }
-            }
-            <!-- Coins de guidage, ambre puis verts quand l'image est bonne -->
-            <svg class="corners" viewBox="0 0 100 63" preserveAspectRatio="none" aria-hidden="true">
-              <path d="M2,14 L2,6 Q2,2 6,2 L16,2" />
-              <path d="M84,2 L94,2 Q98,2 98,6 L98,14" />
-              <path d="M98,49 L98,57 Q98,61 94,61 L84,61" />
-              <path d="M16,61 L6,61 Q2,61 2,57 L2,49" />
-            </svg>
-          </div>
-        </div>
-
-        <div class="pills">
-          <span class="pill" [class.ok]="lightOk()">
-            <naya-icon [name]="lightOk() ? 'check' : 'sun'" [size]="15" [stroke]="2.4" />
-            {{ s.qualityLight }}
-          </span>
-          <span class="pill" [class.ok]="sharpOk()">
-            <naya-icon [name]="sharpOk() ? 'check' : 'focus'" [size]="15" [stroke]="2.4" />
-            {{ s.qualitySharpness }}
-          </span>
-        </div>
-
-        <button
-          type="button"
-          class="shutter"
-          [class.ready]="ready()"
-          [disabled]="!streaming() || capturing()"
-          (click)="capture()"
-          [attr.aria-label]="s.captureHint"
-        >
-          @if (capturing()) { <span class="loader sm"></span> }
-        </button>
-
-        <p class="hint" [class.ready]="ready()">
-          {{ ready() ? s.captureReady : s.captureHint }}
-        </p>
-      </div>
-    </naya-screen>
-  `, isInline: true, styles: [".pad{display:flex;flex-direction:column;flex:1;align-items:center;padding:0 16px 16px}.instruction{width:100%;margin:0 0 12px;padding:12px 16px;text-align:center;background:#0000008c;border-radius:12px;color:#fff;font-size:15.5px;line-height:1.35;font-weight:600}.cardWrap{flex:1 1 auto;display:flex;align-items:center;width:100%;min-height:0}.card{position:relative;width:100%;aspect-ratio:1.586;border-radius:10px;overflow:hidden;background:#ffffff0f}.preview{width:100%;height:100%;object-fit:cover;display:block}.camMsg{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:16px;text-align:center;color:#ffffffb3;font-size:13px}.corners{position:absolute;inset:0;width:100%;height:100%;fill:none;stroke:var(--naya-accent);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;transition:stroke .2s ease;pointer-events:none}.card.ready .corners{stroke:var(--naya-success)}.pills{display:flex;gap:8px;justify-content:center;margin:14px 0}.pill{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;border-radius:999px;background:color-mix(in srgb,var(--naya-warning) 92%,transparent);color:#fff;font-size:12.5px;font-weight:700}.pill.ok{background:color-mix(in srgb,var(--naya-success) 92%,transparent)}.shutter{width:72px;height:72px;border-radius:50%;cursor:pointer;border:4.5px solid #fff;background:#ffffff4d;display:inline-flex;align-items:center;justify-content:center;transition:border-color .2s ease,background .2s ease}.shutter.ready{border-color:var(--naya-success);background:color-mix(in srgb,var(--naya-success) 30%,transparent)}.shutter:disabled{cursor:default}.shutter:focus-visible{outline:2px solid #fff;outline-offset:3px}.hint{margin:12px 0 0;text-align:center;font-size:13px;font-weight:500;color:#9fb2c6}.hint.ready{color:var(--naya-success);font-weight:700}.loader{width:30px;height:30px;border-radius:50%;border:3px solid rgba(255,255,255,.25);border-top-color:#fff;animation:naya-spin .8s linear infinite}.loader.sm{width:24px;height:24px;border-width:2.5px}@keyframes naya-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.loader{animation-duration:1.6s}}\n"], dependencies: [{ kind: "component", type: NayaScreenComponent, selector: "naya-screen", inputs: ["poweredBy", "canBack", "canClose", "dark"], outputs: ["back", "close"] }, { kind: "component", type: NayaIconComponent, selector: "naya-icon", inputs: ["name", "size", "stroke"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.28", ngImport: i0, type: DocumentCaptureScreen, decorators: [{
-            type: Component,
-            args: [{ selector: 'naya-document-capture-screen', changeDetection: ChangeDetectionStrategy.OnPush, imports: [NayaScreenComponent, NayaIconComponent], template: `
-    <naya-screen
-      [poweredBy]="s.poweredBy"
-      [dark]="true"
-      [canBack]="flow.canGoBack"
-      (back)="flow.back()"
-      (close)="flow.cancel()"
-    >
-      <div class="pad">
-        <p class="instruction">{{ instruction() }}</p>
-
-        <div class="cardWrap">
-          <div class="card" [class.ready]="ready()">
-            @if (cameraError()) {
-              <div class="camMsg">{{ cameraError() }}</div>
-            } @else {
-              <video #video class="preview" playsinline muted autoplay></video>
-              @if (!streaming()) {
-                <div class="camMsg"><span class="loader"></span></div>
-              }
-            }
-            <!-- Coins de guidage, ambre puis verts quand l'image est bonne -->
-            <svg class="corners" viewBox="0 0 100 63" preserveAspectRatio="none" aria-hidden="true">
-              <path d="M2,14 L2,6 Q2,2 6,2 L16,2" />
-              <path d="M84,2 L94,2 Q98,2 98,6 L98,14" />
-              <path d="M98,49 L98,57 Q98,61 94,61 L84,61" />
-              <path d="M16,61 L6,61 Q2,61 2,57 L2,49" />
-            </svg>
-          </div>
-        </div>
-
-        <div class="pills">
-          <span class="pill" [class.ok]="lightOk()">
-            <naya-icon [name]="lightOk() ? 'check' : 'sun'" [size]="15" [stroke]="2.4" />
-            {{ s.qualityLight }}
-          </span>
-          <span class="pill" [class.ok]="sharpOk()">
-            <naya-icon [name]="sharpOk() ? 'check' : 'focus'" [size]="15" [stroke]="2.4" />
-            {{ s.qualitySharpness }}
-          </span>
-        </div>
-
-        <button
-          type="button"
-          class="shutter"
-          [class.ready]="ready()"
-          [disabled]="!streaming() || capturing()"
-          (click)="capture()"
-          [attr.aria-label]="s.captureHint"
-        >
-          @if (capturing()) { <span class="loader sm"></span> }
-        </button>
-
-        <p class="hint" [class.ready]="ready()">
-          {{ ready() ? s.captureReady : s.captureHint }}
-        </p>
-      </div>
-    </naya-screen>
-  `, styles: [".pad{display:flex;flex-direction:column;flex:1;align-items:center;padding:0 16px 16px}.instruction{width:100%;margin:0 0 12px;padding:12px 16px;text-align:center;background:#0000008c;border-radius:12px;color:#fff;font-size:15.5px;line-height:1.35;font-weight:600}.cardWrap{flex:1 1 auto;display:flex;align-items:center;width:100%;min-height:0}.card{position:relative;width:100%;aspect-ratio:1.586;border-radius:10px;overflow:hidden;background:#ffffff0f}.preview{width:100%;height:100%;object-fit:cover;display:block}.camMsg{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:16px;text-align:center;color:#ffffffb3;font-size:13px}.corners{position:absolute;inset:0;width:100%;height:100%;fill:none;stroke:var(--naya-accent);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;transition:stroke .2s ease;pointer-events:none}.card.ready .corners{stroke:var(--naya-success)}.pills{display:flex;gap:8px;justify-content:center;margin:14px 0}.pill{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;border-radius:999px;background:color-mix(in srgb,var(--naya-warning) 92%,transparent);color:#fff;font-size:12.5px;font-weight:700}.pill.ok{background:color-mix(in srgb,var(--naya-success) 92%,transparent)}.shutter{width:72px;height:72px;border-radius:50%;cursor:pointer;border:4.5px solid #fff;background:#ffffff4d;display:inline-flex;align-items:center;justify-content:center;transition:border-color .2s ease,background .2s ease}.shutter.ready{border-color:var(--naya-success);background:color-mix(in srgb,var(--naya-success) 30%,transparent)}.shutter:disabled{cursor:default}.shutter:focus-visible{outline:2px solid #fff;outline-offset:3px}.hint{margin:12px 0 0;text-align:center;font-size:13px;font-weight:500;color:#9fb2c6}.hint.ready{color:var(--naya-success);font-weight:700}.loader{width:30px;height:30px;border-radius:50%;border:3px solid rgba(255,255,255,.25);border-top-color:#fff;animation:naya-spin .8s linear infinite}.loader.sm{width:24px;height:24px;border-width:2.5px}@keyframes naya-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.loader{animation-duration:1.6s}}\n"] }]
-        }], propDecorators: { side: [{ type: i0.Input, args: [{ isSignal: true, alias: "side", required: false }] }], videoRef: [{ type: i0.ViewChild, args: ['video', { isSignal: true }] }] } });
-
-/**
- * Machine à états du défi de vivacité, exécutée sur l'appareil.
- *
- * Port fidèle de `liveness_challenge.dart`. La logique est identique ; seule
- * l'entrée change : au lieu d'objets ML Kit, elle reçoit des signaux déjà
- * normalisés par l'adaptateur MediaPipe — probabilités d'yeux ouverts (0-1) et
- * lacet approximatif en degrés.
- *
- * Séquence : détection du visage → clignement → rotation de la tête. Chaque
- * trame fait avancer (ou reculer) l'état ; le score final reflète la complétion
- * du défi et la stabilité du suivi.
- */
-// Seuils repris de Flutter. Valeurs de départ : la source des signaux diffère
-// (blendshapes MediaPipe vs classification ML Kit), un recalibrage sur visages
-// réels est attendu.
-const EYES_CLOSED_THRESHOLD = 0.25;
-const EYES_OPEN_THRESHOLD = 0.65;
-const HEAD_TURN_DEGREES = 16;
-const FRAMES_TO_LOCK_FACE = 6;
-const FRAMES_LOST_BEFORE_RESET = 12;
-class LivenessChallenge {
-    step = 'searching-face';
-    framesWithFace = 0;
-    framesWithoutFace = 0;
-    eyesClosedSeen = false;
-    blinkDone = false;
-    turnDone = false;
-    /** Index numérique de l'étape (pour l'anneau de progression). */
-    get stepIndex() {
-        return { 'searching-face': 0, blink: 1, 'turn-head': 2, done: 3 }[this.step];
-    }
-    get isDone() {
-        return this.step === 'done';
-    }
-    /**
-     * Fait avancer la machine avec les signaux d'une trame. Retourne `true` si
-     * l'étape courante a changé (pour rafraîchir l'interface).
-     */
-    onFrame(sig) {
-        const before = this.step;
-        if (sig.faceCount !== 1) {
-            this.framesWithoutFace++;
-            // Visage perdu trop longtemps → retour à la détection, sans annuler les
-            // défis déjà réussis.
-            if (this.framesWithoutFace > FRAMES_LOST_BEFORE_RESET && this.step !== 'done') {
-                this.step = 'searching-face';
-                this.framesWithFace = 0;
-            }
-            return this.step !== before;
-        }
-        this.framesWithoutFace = 0;
-        this.framesWithFace++;
-        switch (this.step) {
-            case 'searching-face':
-                if (this.framesWithFace >= FRAMES_TO_LOCK_FACE) {
-                    this.step = this.blinkDone ? 'turn-head' : 'blink';
-                }
-                break;
-            case 'blink': {
-                const { leftEyeOpen: l, rightEyeOpen: r } = sig;
-                if (l == null || r == null)
-                    break;
-                if (l < EYES_CLOSED_THRESHOLD && r < EYES_CLOSED_THRESHOLD) {
-                    this.eyesClosedSeen = true;
-                }
-                else if (this.eyesClosedSeen && l > EYES_OPEN_THRESHOLD && r > EYES_OPEN_THRESHOLD) {
-                    this.blinkDone = true;
-                    this.step = this.turnDone ? 'done' : 'turn-head';
-                }
-                break;
-            }
-            case 'turn-head': {
-                const yaw = sig.yawDegrees;
-                if (yaw != null && Math.abs(yaw) > HEAD_TURN_DEGREES) {
-                    this.turnDone = true;
-                    this.step = 'done';
-                }
-                break;
-            }
-            case 'done':
-                break;
-        }
-        return this.step !== before;
-    }
-    /**
-     * Score 0-100 transmis à l'API. Défi complet → 90 + bonus de stabilité de
-     * suivi (jusqu'à 8). Jamais de score élevé sans défi réussi.
-     */
-    score() {
-        if (!this.isDone) {
-            let partial = 20;
-            if (this.framesWithFace >= FRAMES_TO_LOCK_FACE)
-                partial += 15;
-            if (this.blinkDone)
-                partial += 15;
-            return partial;
-        }
-        const stabilityBonus = Math.min(8, Math.round(this.framesWithFace / 30));
-        return 90 + stabilityBonus;
-    }
-}
-
-// La version du WASM doit correspondre à celle du paquet JS (@mediapipe/
-// tasks-vision) déclaré en dépendance, sous peine d'incompatibilité runtime.
-const DEFAULT_WASM_BASE = 'https://cdn.jsdelivr.net/npm/@mediapipe/tasks-vision@1.0.1/wasm';
-const DEFAULT_MODEL = 'https://storage.googleapis.com/mediapipe-models/face_landmarker/face_landmarker/float16/1/face_landmarker.task';
-// Indices de landmarks (topologie 468 points de MediaPipe Face Mesh).
-const NOSE_TIP = 1;
-const FACE_LEFT_EDGE = 234;
-const FACE_RIGHT_EDGE = 454;
-class FaceTracker {
-    landmarker = null;
-    /** Charge le modèle. À appeler une fois, avant `detect`. */
-    async init(assets = {}) {
-        const vision = await import('@mediapipe/tasks-vision');
-        const { FaceLandmarker, FilesetResolver } = vision;
-        const fileset = await FilesetResolver.forVisionTasks(assets.wasmBaseUrl ?? DEFAULT_WASM_BASE);
-        this.landmarker = await FaceLandmarker.createFromOptions(fileset, {
-            baseOptions: {
-                modelAssetPath: assets.modelUrl ?? DEFAULT_MODEL,
-                delegate: 'GPU',
-            },
-            runningMode: 'VIDEO',
-            numFaces: 1,
-            outputFaceBlendshapes: true,
-        });
-    }
-    get ready() {
-        return !!this.landmarker;
-    }
-    /** Analyse une trame vidéo et renvoie les signaux normalisés du défi. */
-    detect(video, timestampMs) {
-        if (!this.landmarker || video.videoWidth < 8) {
-            return { faceCount: 0, leftEyeOpen: null, rightEyeOpen: null, yawDegrees: null };
-        }
-        const result = this.landmarker.detectForVideo(video, timestampMs);
-        const faceCount = result.faceLandmarks?.length ?? 0;
-        if (faceCount !== 1) {
-            return { faceCount, leftEyeOpen: null, rightEyeOpen: null, yawDegrees: null };
-        }
-        // ── Clignement via blendshapes ────────────────────────────────────────
-        let leftEyeOpen = null;
-        let rightEyeOpen = null;
-        const shapes = result.faceBlendshapes?.[0]?.categories;
-        if (shapes) {
-            for (const c of shapes) {
-                if (c.categoryName === 'eyeBlinkLeft')
-                    leftEyeOpen = 1 - c.score;
-                else if (c.categoryName === 'eyeBlinkRight')
-                    rightEyeOpen = 1 - c.score;
-            }
-        }
-        // ── Lacet via landmarks ───────────────────────────────────────────────
-        let yawDegrees = null;
-        const lm = result.faceLandmarks[0];
-        const nose = lm[NOSE_TIP];
-        const left = lm[FACE_LEFT_EDGE];
-        const right = lm[FACE_RIGHT_EDGE];
-        if (nose && left && right) {
-            const span = right.x - left.x;
-            if (Math.abs(span) > 1e-4) {
-                // Position relative du nez entre les bords : 0,5 = centré.
-                const ratio = (nose.x - left.x) / span;
-                // Conversion en pseudo-degrés : ±0,1 d'écart ≈ ±16°, seuil Flutter.
-                yawDegrees = (ratio - 0.5) * 160;
-            }
-        }
-        return { faceCount: 1, leftEyeOpen, rightEyeOpen, yawDegrees };
-    }
-    close() {
-        this.landmarker?.close?.();
-        this.landmarker = null;
-    }
-}
-
-/**
- * Écran 5 — Selfie avec défi de vivacité sur l'appareil (MediaPipe).
- *
- * Caméra frontale, chaque trame alimente le suivi facial puis la machine à
- * états (visage → clignement → rotation). Défi complet → photo capturée,
- * compressée, et passage au traitement. Reprend `liveness_screen.dart`.
- *
- * L'analyse est locale : la photo n'est transmise qu'à la fin du défi.
- */
-class LivenessScreen {
-    flow = inject(NayaFlowService);
-    s = this.flow.strings;
-    videoRef = viewChild('video', ...(ngDevMode ? [{ debugName: "videoRef" }] : []));
-    streaming = signal(false, ...(ngDevMode ? [{ debugName: "streaming" }] : []));
-    cameraError = signal(null, ...(ngDevMode ? [{ debugName: "cameraError" }] : []));
-    /** Étape courante, exposée en signal pour piloter l'affichage. */
-    step = signal('searching-face', ...(ngDevMode ? [{ debugName: "step" }] : []));
-    /**
-     * Ellipse tracée comme deux demi-arcs partant du sommet (105,4) dans le sens
-     * horaire. `pathLength=100` normalise la longueur : l'offset s'exprime alors
-     * en pourcentage, indépendamment de la taille rendue.
-     */
-    ringPath = 'M105,4 A101,131 0 0 1 105,266 A101,131 0 0 1 105,4 Z';
-    dashOffset = computed(() => {
-        const progress = Math.min(1, this.stepIndex() / 3);
-        return 100 * (1 - progress);
-    }, ...(ngDevMode ? [{ debugName: "dashOffset" }] : []));
-    stepIndex = computed(() => ({ 'searching-face': 0, blink: 1, 'turn-head': 2, done: 3 })[this.step()], ...(ngDevMode ? [{ debugName: "stepIndex" }] : []));
-    challenge = new LivenessChallenge();
-    tracker = new FaceTracker();
-    stream = null;
-    rafId = 0;
-    finishing = false;
-    instructionText = computed(() => {
-        switch (this.step()) {
-            case 'searching-face': return this.s.livenessLookStraight;
-            case 'blink': return this.s.livenessBlink;
-            case 'turn-head': return this.s.livenessTurnHead;
-            case 'done': return this.s.livenessHold;
-        }
-    }, ...(ngDevMode ? [{ debugName: "instructionText" }] : []));
-    instructionIcon = computed(() => {
-        switch (this.step()) {
-            case 'searching-face': return 'focus';
-            case 'blink': return 'eye';
-            case 'turn-head': return 'rotate';
-            case 'done': return 'hourglass';
-        }
-    }, ...(ngDevMode ? [{ debugName: "instructionIcon" }] : []));
-    challengeSteps = computed(() => {
-        const cur = this.stepIndex();
-        const state = (n) => (cur >= n ? 'done' : cur === n - 1 ? 'active' : 'pending');
-        return [
-            { label: this.s.livenessStepFace, state: state(1) },
-            { label: this.s.livenessStepBlink, state: state(2) },
-            { label: this.s.livenessStepTurn, state: state(3) },
-        ];
-    }, ...(ngDevMode ? [{ debugName: "challengeSteps" }] : []));
-    async ngOnInit() {
-        await this.start();
-    }
-    ngOnDestroy() {
-        this.teardown();
-    }
-    async start() {
-        if (!navigator.mediaDevices?.getUserMedia) {
-            this.cameraError.set(this.s.errorCamera);
-            return;
-        }
-        try {
-            // Le modèle et son WASM (volumineux) ne sont chargés qu'ici.
-            await this.tracker.init(this.flow.resolvedConfig.livenessAssets);
-        }
-        catch {
-            this.cameraError.set(this.s.errorNetwork);
-            return;
-        }
-        try {
-            this.stream = await navigator.mediaDevices.getUserMedia({
-                video: { facingMode: { ideal: 'user' }, width: { ideal: 1280 } },
-                audio: false,
-            });
-            const video = this.videoRef()?.nativeElement;
-            if (!video) {
-                this.teardown();
-                return;
-            }
-            video.srcObject = this.stream;
-            await video.play().catch(() => { });
-            this.streaming.set(true);
-            this.loop();
-        }
-        catch {
-            this.cameraError.set(this.s.errorCamera);
-        }
-    }
-    loop = () => {
-        const video = this.videoRef()?.nativeElement;
-        if (!video || this.finishing)
-            return;
-        if (this.tracker.ready && video.videoWidth > 8) {
-            try {
-                const signals = this.tracker.detect(video, performance.now());
-                this.challenge.onFrame(signals);
-                if (this.challenge.step !== this.step())
-                    this.step.set(this.challenge.step);
-                if (this.challenge.isDone) {
-                    void this.finish();
-                    return;
-                }
-            }
-            catch {
-                // Trame illisible : ignorée, la suivante arrive au prochain rAF.
-            }
-        }
-        this.rafId = requestAnimationFrame(this.loop);
-    };
-    async finish() {
-        if (this.finishing)
-            return;
-        this.finishing = true;
-        cancelAnimationFrame(this.rafId);
-        // Libérer MediaPipe (contexte WebGL/GPU) AVANT la capture. Sur iOS Safari,
-        // dessiner la vidéo sur un canvas 2D pendant que MediaPipe détient sa
-        // texture GPU corrompt l'image : striures verticales et dérive magenta —
-        // que la détection anti-fraude serveur interprète (à raison) comme une
-        // photo d'écran. La libérer d'abord rend au <video> des trames propres,
-        // et améliore du même coup la netteté utile à la comparaison faciale.
-        this.tracker.close();
-        const video = this.videoRef()?.nativeElement;
-        try {
-            // Laisser la caméra composer quelques trames propres, hors emprise GPU,
-            // et le temps à l'utilisateur de revenir face caméra.
-            await this.waitFrames(3);
-            await new Promise((r) => setTimeout(r, 300));
-            if (video && video.videoWidth > 8) {
-                this.flow.livenessScore.set(this.challenge.score());
-                this.flow.selfieBase64.set(canvasToJpegDataUrl(video, 1080));
-            }
-            this.stopStream();
-            this.flow.replace('processing');
-        }
-        catch {
-            this.finishing = false;
-            this.stopStream();
-            this.cameraError.set(this.s.errorCamera);
-        }
-    }
-    /** Attend `n` trames d'affichage — laisse le compositeur présenter du frais. */
-    waitFrames(n) {
-        return new Promise((resolve) => {
-            let i = 0;
-            const tick = () => (++i >= n ? resolve() : requestAnimationFrame(tick));
-            requestAnimationFrame(tick);
-        });
-    }
-    stopStream() {
-        this.stream?.getTracks().forEach((t) => t.stop());
-        this.stream = null;
-        this.streaming.set(false);
-    }
-    teardown() {
-        cancelAnimationFrame(this.rafId);
-        this.tracker.close();
-        this.stopStream();
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.28", ngImport: i0, type: LivenessScreen, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.28", type: LivenessScreen, isStandalone: true, selector: "naya-liveness-screen", viewQueries: [{ propertyName: "videoRef", first: true, predicate: ["video"], descendants: true, isSignal: true }], ngImport: i0, template: `
-    <naya-screen [poweredBy]="s.poweredBy" (close)="flow.cancel()">
-      <div class="pad">
-        <h1 class="title">{{ s.livenessTitle }}</h1>
-        <p class="sub">{{ s.livenessSubtitle }}</p>
-
-        <div class="ovalWrap">
-          <div class="oval" [class.error]="!!cameraError()">
-            @if (cameraError()) {
-              <div class="camMsg">{{ cameraError() }}</div>
-            } @else {
-              <video #video class="preview" playsinline muted autoplay></video>
-              @if (!streaming()) { <div class="camMsg"><span class="loader"></span></div> }
-            }
-          </div>
-          <svg class="ring" viewBox="0 0 210 270" aria-hidden="true">
-            <path class="track" [attr.d]="ringPath" />
-            <path
-              class="prog" [attr.d]="ringPath"
-              pathLength="100" stroke-dasharray="100"
-              [attr.stroke-dashoffset]="dashOffset()"
-            />
-          </svg>
-        </div>
-
-        <div class="instruction">
-          <naya-icon [name]="instructionIcon()" [size]="22" [stroke]="2" />
-          <span>{{ instructionText() }}</span>
-        </div>
-
-        <div class="steps">
-          @for (st of challengeSteps(); track st.label) {
-            <div class="cstep">
-              <span class="cdot" [class.done]="st.state === 'done'" [class.active]="st.state === 'active'">
-                @if (st.state === 'done') { <naya-icon name="check" [size]="13" [stroke]="3" /> }
-              </span>
-              <span class="clbl">{{ st.label }}</span>
-            </div>
-          }
-        </div>
-
-        <div class="spacer"></div>
-        <p class="privacy">{{ s.livenessPrivacy }}</p>
-      </div>
-    </naya-screen>
-  `, isInline: true, styles: [".pad{display:flex;flex-direction:column;flex:1;align-items:center;padding:4px 24px 12px}.title{margin:0;font-size:23px;font-weight:800;color:var(--naya-primary);text-align:center}.sub{margin:6px 0 18px;font-size:15px;color:var(--naya-text-2);text-align:center}.ovalWrap{position:relative;width:min(230px,62vw);aspect-ratio:210 / 270;margin:4px 0}.oval{position:absolute;inset:7px;border-radius:50%;overflow:hidden;background:#0000000a;display:flex;align-items:center;justify-content:center}.preview{width:100%;height:100%;object-fit:cover;transform:scaleX(-1)}.camMsg{padding:20px;text-align:center;color:var(--naya-text-2);font-size:12px}.ring{position:absolute;inset:0;width:100%;height:100%;fill:none;overflow:visible}.ring .track{stroke:#d8dfe8;stroke-width:4}.ring .prog{stroke:var(--naya-accent);stroke-width:4;stroke-linecap:round;transition:stroke-dashoffset .35s ease}.instruction{display:inline-flex;align-items:center;gap:10px;margin:18px 0 14px;padding:12px 16px;background:var(--naya-surface);border:1px solid var(--naya-line);border-radius:var(--naya-r-card);color:var(--naya-primary)}.instruction span{font-size:16px;font-weight:700;color:var(--naya-text)}.steps{display:flex;gap:20px;justify-content:center}.cstep{display:flex;flex-direction:column;align-items:center;gap:5px}.cdot{width:22px;height:22px;border-radius:50%;background:#d6dce4;display:inline-flex;align-items:center;justify-content:center;color:#fff}.cdot.active{background:var(--naya-accent)}.cdot.done{background:var(--naya-success)}.clbl{font-size:11px;color:var(--naya-text-2)}.spacer{flex:1 1 auto;min-height:12px}.privacy{margin:0;text-align:center;white-space:pre-line;font-size:12.5px;color:var(--naya-text-2)}.loader{width:30px;height:30px;border-radius:50%;border:3px solid rgba(0,0,0,.12);border-top-color:var(--naya-accent);animation:naya-spin .8s linear infinite}@keyframes naya-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.loader{animation-duration:1.6s}.ring .prog{transition:none}}\n"], dependencies: [{ kind: "component", type: NayaScreenComponent, selector: "naya-screen", inputs: ["poweredBy", "canBack", "canClose", "dark"], outputs: ["back", "close"] }, { kind: "component", type: NayaIconComponent, selector: "naya-icon", inputs: ["name", "size", "stroke"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.28", ngImport: i0, type: LivenessScreen, decorators: [{
-            type: Component,
-            args: [{ selector: 'naya-liveness-screen', changeDetection: ChangeDetectionStrategy.OnPush, imports: [NayaScreenComponent, NayaIconComponent], template: `
-    <naya-screen [poweredBy]="s.poweredBy" (close)="flow.cancel()">
-      <div class="pad">
-        <h1 class="title">{{ s.livenessTitle }}</h1>
-        <p class="sub">{{ s.livenessSubtitle }}</p>
-
-        <div class="ovalWrap">
-          <div class="oval" [class.error]="!!cameraError()">
-            @if (cameraError()) {
-              <div class="camMsg">{{ cameraError() }}</div>
-            } @else {
-              <video #video class="preview" playsinline muted autoplay></video>
-              @if (!streaming()) { <div class="camMsg"><span class="loader"></span></div> }
-            }
-          </div>
-          <svg class="ring" viewBox="0 0 210 270" aria-hidden="true">
-            <path class="track" [attr.d]="ringPath" />
-            <path
-              class="prog" [attr.d]="ringPath"
-              pathLength="100" stroke-dasharray="100"
-              [attr.stroke-dashoffset]="dashOffset()"
-            />
-          </svg>
-        </div>
-
-        <div class="instruction">
-          <naya-icon [name]="instructionIcon()" [size]="22" [stroke]="2" />
-          <span>{{ instructionText() }}</span>
-        </div>
-
-        <div class="steps">
-          @for (st of challengeSteps(); track st.label) {
-            <div class="cstep">
-              <span class="cdot" [class.done]="st.state === 'done'" [class.active]="st.state === 'active'">
-                @if (st.state === 'done') { <naya-icon name="check" [size]="13" [stroke]="3" /> }
-              </span>
-              <span class="clbl">{{ st.label }}</span>
-            </div>
-          }
-        </div>
-
-        <div class="spacer"></div>
-        <p class="privacy">{{ s.livenessPrivacy }}</p>
-      </div>
-    </naya-screen>
-  `, styles: [".pad{display:flex;flex-direction:column;flex:1;align-items:center;padding:4px 24px 12px}.title{margin:0;font-size:23px;font-weight:800;color:var(--naya-primary);text-align:center}.sub{margin:6px 0 18px;font-size:15px;color:var(--naya-text-2);text-align:center}.ovalWrap{position:relative;width:min(230px,62vw);aspect-ratio:210 / 270;margin:4px 0}.oval{position:absolute;inset:7px;border-radius:50%;overflow:hidden;background:#0000000a;display:flex;align-items:center;justify-content:center}.preview{width:100%;height:100%;object-fit:cover;transform:scaleX(-1)}.camMsg{padding:20px;text-align:center;color:var(--naya-text-2);font-size:12px}.ring{position:absolute;inset:0;width:100%;height:100%;fill:none;overflow:visible}.ring .track{stroke:#d8dfe8;stroke-width:4}.ring .prog{stroke:var(--naya-accent);stroke-width:4;stroke-linecap:round;transition:stroke-dashoffset .35s ease}.instruction{display:inline-flex;align-items:center;gap:10px;margin:18px 0 14px;padding:12px 16px;background:var(--naya-surface);border:1px solid var(--naya-line);border-radius:var(--naya-r-card);color:var(--naya-primary)}.instruction span{font-size:16px;font-weight:700;color:var(--naya-text)}.steps{display:flex;gap:20px;justify-content:center}.cstep{display:flex;flex-direction:column;align-items:center;gap:5px}.cdot{width:22px;height:22px;border-radius:50%;background:#d6dce4;display:inline-flex;align-items:center;justify-content:center;color:#fff}.cdot.active{background:var(--naya-accent)}.cdot.done{background:var(--naya-success)}.clbl{font-size:11px;color:var(--naya-text-2)}.spacer{flex:1 1 auto;min-height:12px}.privacy{margin:0;text-align:center;white-space:pre-line;font-size:12.5px;color:var(--naya-text-2)}.loader{width:30px;height:30px;border-radius:50%;border:3px solid rgba(0,0,0,.12);border-top-color:var(--naya-accent);animation:naya-spin .8s linear infinite}@keyframes naya-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.loader{animation-duration:1.6s}.ring .prog{transition:none}}\n"] }]
-        }], propDecorators: { videoRef: [{ type: i0.ViewChild, args: ['video', { isSignal: true }] }] } });
-
-/**
- * Écran 6 — Traitement : envoi du liveness puis `submit` (OCR différé,
- * biométrie, AML, décision — 30 à 90 s). Reprend `processing_screen.dart`.
- */
-class ProcessingScreen {
-    flow = inject(NayaFlowService);
-    s = this.flow.strings;
-    visualStep = signal(0, ...(ngDevMode ? [{ debugName: "visualStep" }] : []));
-    error = signal(null, ...(ngDevMode ? [{ debugName: "error" }] : []));
-    timer;
-    steps = [
-        { label: this.s.processingDocument, index: 0 },
-        { label: this.s.processingFace, index: 1 },
-        { label: this.s.processingCompliance, index: 2 },
-        { label: this.s.processingDecision, index: 3 },
-    ];
-    ngOnInit() {
-        this.startVisualProgress();
-        void this.run();
-    }
-    ngOnDestroy() {
-        if (this.timer)
-            clearInterval(this.timer);
-    }
-    startVisualProgress() {
-        // Progression indicative pendant l'attente réelle du serveur.
-        this.timer = setInterval(() => {
-            if (this.visualStep() < 2)
-                this.visualStep.update((n) => n + 1);
-        }, 9000);
-    }
-    async run() {
-        this.error.set(null);
-        this.visualStep.set(0);
-        try {
-            // L'envoi du document est parti pendant le selfie — on s'assure qu'il
-            // est terminé (et on le relance s'il a échoué).
-            await this.flow.ensureDocumentUploaded();
-            const session = this.flow.session();
-            if (!session)
-                throw new NayaApiError('Session introuvable.');
-            await this.flow.client.submitLiveness(session.verificationId, {
-                livenessScore: this.flow.livenessScore(),
-                selfieBase64: this.flow.selfieBase64(),
-            });
-            const response = await this.flow.client.submit(session.verificationId);
-            this.flow.submitResponse.set(response);
-            this.flow.replace('result');
-        }
-        catch (err) {
-            const message = err instanceof NayaApiError ? err.message : this.s.errorNetwork;
-            this.error.set(message);
-        }
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.28", ngImport: i0, type: ProcessingScreen, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.28", type: ProcessingScreen, isStandalone: true, selector: "naya-processing-screen", ngImport: i0, template: `
-    <naya-screen [poweredBy]="s.poweredBy" [canClose]="!!error()" (close)="flow.cancel()">
-      @if (error(); as err) {
-        <div class="pad center">
-          <naya-icon name="wifi-off" [size]="48" [stroke]="1.8" />
-          <h1 class="title">{{ s.errorTitle }}</h1>
-          <p class="body">{{ err }}</p>
-          <div class="cta"><naya-primary-button [label]="s.retry" (pressed)="run()" /></div>
-        </div>
-      } @else {
-        <div class="pad">
-          <naya-brand />
-          <div class="spacer"></div>
-
-          <span class="ring" aria-hidden="true"></span>
-
-          <ul class="steps">
-            @for (item of steps; track item.index) {
-              <li class="row">
-                @if (item.index <= visualStep()) {
-                  <span class="dot done"><naya-icon name="check" [size]="12" [stroke]="3" /></span>
-                } @else if (item.index === visualStep() + 1) {
-                  <span class="dot active" aria-hidden="true"></span>
-                } @else {
-                  <span class="dot idle"></span>
-                }
-                <span class="lbl" [class.dim]="item.index > visualStep() + 1">{{ item.label }}</span>
-              </li>
-            }
-          </ul>
-
-          <div class="spacer"></div>
-          <p class="wait">{{ s.processingWait }}</p>
-        </div>
-      }
-    </naya-screen>
-  `, isInline: true, styles: [".pad{display:flex;flex-direction:column;flex:1;align-items:center;padding:8px 32px 16px}.pad.center{justify-content:center;text-align:center}.spacer{flex:1 1 auto}.title{margin:16px 0 8px;font-size:23px;font-weight:800;color:var(--naya-primary);text-wrap:balance}.body{margin:0;font-size:15px;line-height:1.5;color:var(--naya-text-2)}.cta{width:100%;margin-top:24px}.ring{width:110px;height:110px;border-radius:50%;border:7px solid #E1E6EC;border-top-color:var(--naya-primary);animation:naya-spin 1s linear infinite}@keyframes naya-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.ring{animation-duration:2s}}.steps{list-style:none;margin:34px 0 0;padding:0;align-self:flex-start}.row{display:flex;align-items:center;gap:10px;padding:5px 0}.dot{width:20px;height:20px;border-radius:50%;flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center}.dot.done{background:var(--naya-success);color:#fff}.dot.idle{background:#d6dce4}.dot.active{border:2.5px solid var(--naya-accent);border-top-color:transparent;animation:naya-spin .8s linear infinite}.lbl{font-size:15px;font-weight:600;color:var(--naya-text)}.lbl.dim{color:var(--naya-text-2);font-weight:500}.wait{font-size:13px;color:var(--naya-text-2);margin:0}\n"], dependencies: [{ kind: "component", type: NayaScreenComponent, selector: "naya-screen", inputs: ["poweredBy", "canBack", "canClose", "dark"], outputs: ["back", "close"] }, { kind: "component", type: NayaIconComponent, selector: "naya-icon", inputs: ["name", "size", "stroke"] }, { kind: "component", type: NayaBrandComponent, selector: "naya-brand" }, { kind: "component", type: NayaPrimaryButtonComponent, selector: "naya-primary-button", inputs: ["label", "loading", "disabled", "icon"], outputs: ["pressed"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.28", ngImport: i0, type: ProcessingScreen, decorators: [{
-            type: Component,
-            args: [{ selector: 'naya-processing-screen', changeDetection: ChangeDetectionStrategy.OnPush, imports: [
-                        NayaScreenComponent,
-                        NayaIconComponent,
-                        NayaBrandComponent,
-                        NayaPrimaryButtonComponent,
-                    ], template: `
-    <naya-screen [poweredBy]="s.poweredBy" [canClose]="!!error()" (close)="flow.cancel()">
-      @if (error(); as err) {
-        <div class="pad center">
-          <naya-icon name="wifi-off" [size]="48" [stroke]="1.8" />
-          <h1 class="title">{{ s.errorTitle }}</h1>
-          <p class="body">{{ err }}</p>
-          <div class="cta"><naya-primary-button [label]="s.retry" (pressed)="run()" /></div>
-        </div>
-      } @else {
-        <div class="pad">
-          <naya-brand />
-          <div class="spacer"></div>
-
-          <span class="ring" aria-hidden="true"></span>
-
-          <ul class="steps">
-            @for (item of steps; track item.index) {
-              <li class="row">
-                @if (item.index <= visualStep()) {
-                  <span class="dot done"><naya-icon name="check" [size]="12" [stroke]="3" /></span>
-                } @else if (item.index === visualStep() + 1) {
-                  <span class="dot active" aria-hidden="true"></span>
-                } @else {
-                  <span class="dot idle"></span>
-                }
-                <span class="lbl" [class.dim]="item.index > visualStep() + 1">{{ item.label }}</span>
-              </li>
-            }
-          </ul>
-
-          <div class="spacer"></div>
-          <p class="wait">{{ s.processingWait }}</p>
-        </div>
-      }
-    </naya-screen>
-  `, styles: [".pad{display:flex;flex-direction:column;flex:1;align-items:center;padding:8px 32px 16px}.pad.center{justify-content:center;text-align:center}.spacer{flex:1 1 auto}.title{margin:16px 0 8px;font-size:23px;font-weight:800;color:var(--naya-primary);text-wrap:balance}.body{margin:0;font-size:15px;line-height:1.5;color:var(--naya-text-2)}.cta{width:100%;margin-top:24px}.ring{width:110px;height:110px;border-radius:50%;border:7px solid #E1E6EC;border-top-color:var(--naya-primary);animation:naya-spin 1s linear infinite}@keyframes naya-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.ring{animation-duration:2s}}.steps{list-style:none;margin:34px 0 0;padding:0;align-self:flex-start}.row{display:flex;align-items:center;gap:10px;padding:5px 0}.dot{width:20px;height:20px;border-radius:50%;flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center}.dot.done{background:var(--naya-success);color:#fff}.dot.idle{background:#d6dce4}.dot.active{border:2.5px solid var(--naya-accent);border-top-color:transparent;animation:naya-spin .8s linear infinite}.lbl{font-size:15px;font-weight:600;color:var(--naya-text)}.lbl.dim{color:var(--naya-text-2);font-weight:500}.wait{font-size:13px;color:var(--naya-text-2);margin:0}\n"] }]
-        }] });
-
-/** Écran 7 — Résultat (approuvé / en revue / rejeté). */
-class ResultScreen {
-    flow = inject(NayaFlowService);
-    s = this.flow.strings;
-    response = computed(() => this.flow.submitResponse(), ...(ngDevMode ? [{ debugName: "response" }] : []));
-    status = computed(() => {
-        switch (this.response()?.status) {
-            case 'approved': return 'approved';
-            case 'rejected': return 'rejected';
-            default: return 'review';
-        }
-    }, ...(ngDevMode ? [{ debugName: "status" }] : []));
-    view = computed(() => {
-        switch (this.status()) {
-            case 'approved':
-                return {
-                    icon: 'check', color: 'var(--naya-success)',
-                    title: this.s.resultApprovedTitle, subtitle: this.s.resultApprovedSubtitle,
-                };
-            case 'rejected': {
-                const note = this.response()?.note;
-                return {
-                    icon: 'close', color: 'var(--naya-error)',
-                    title: this.s.resultRejectedTitle,
-                    subtitle: note ? `${this.s.resultRejectedReason} : ${note}` : '',
-                };
-            }
-            default:
-                return {
-                    icon: 'clock', color: 'var(--naya-warning)',
-                    title: this.s.resultReviewTitle, subtitle: this.s.resultReviewSubtitle,
-                };
-        }
-    }, ...(ngDevMode ? [{ debugName: "view" }] : []));
-    fullName = computed(() => {
-        const ocr = this.response()?.ocrData;
-        return [ocr?.firstName, ocr?.lastName].filter((p) => p && p.length).join(' ');
-    }, ...(ngDevMode ? [{ debugName: "fullName" }] : []));
-    reference = computed(() => {
-        const id = this.flow.session()?.verificationId;
-        return id ? id.split('-')[0].toUpperCase() : '—';
-    }, ...(ngDevMode ? [{ debugName: "reference" }] : []));
-    reviewBullets = computed(() => [
-        this.s.resultReviewB1,
-        this.s.resultReviewB2,
-        this.s.resultReviewB3,
-    ], ...(ngDevMode ? [{ debugName: "reviewBullets" }] : []));
-    // Des données ont été extraites : l'app cliente prend le relais → « Continuer ».
-    doneLabel = computed(() => this.response()?.ocrData ? this.s.continueLabel : this.s.backToApp, ...(ngDevMode ? [{ debugName: "doneLabel" }] : []));
-    retry() {
-        this.flow.resetForRetry();
-        this.flow.replace('capture-recto');
-    }
-    done() {
-        const r = this.response();
-        this.flow.complete({
-            status: this.status(),
-            verificationId: this.flow.session()?.verificationId,
-            riskScore: r?.riskScore,
-            matchScore: r?.matchScore,
-            authenticityScore: r?.authenticityScore,
-            livenessScore: r?.livenessScore,
-            ocrConfidence: r?.ocrConfidence,
-            ocrData: r?.ocrData,
-            note: r?.note,
-        });
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.28", ngImport: i0, type: ResultScreen, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.28", type: ResultScreen, isStandalone: true, selector: "naya-result-screen", ngImport: i0, template: `
-    <naya-screen [poweredBy]="s.poweredBy">
-      <div class="pad">
-        <div class="spacer"></div>
-
-        <span class="badge" [style.background]="view().color">
-          <naya-icon [name]="view().icon" [size]="44" [stroke]="3" />
-        </span>
-        <h1 class="title">{{ view().title }}</h1>
-        @if (view().subtitle) { <p class="body">{{ view().subtitle }}</p> }
-
-        @if (status() === 'approved') {
-          <div class="summary">
-            @if (fullName()) {
-              <div class="srow"><span class="k">{{ s.resultName }}</span><span class="v">{{ fullName() }}</span></div>
-            }
-            <div class="srow"><span class="k">{{ s.resultReference }}</span><span class="v mono">{{ reference() }}</span></div>
-          </div>
-        }
-
-        @if (status() === 'review') {
-          <ul class="bullets">
-            @for (b of reviewBullets(); track b) {
-              <li><span class="pip"></span>{{ b }}</li>
-            }
-          </ul>
-        }
-
-        <div class="spacer"></div>
-
-        @if (status() === 'rejected' && flow.canRetry) {
-          <naya-primary-button [label]="s.retry" icon="refresh" (pressed)="retry()" />
-          <div class="gap"></div>
-          <naya-secondary-button [label]="s.backToApp" (pressed)="done()" />
-        } @else {
-          <naya-primary-button [label]="doneLabel()" (pressed)="done()" />
-        }
-      </div>
-    </naya-screen>
-  `, isInline: true, styles: [".pad{display:flex;flex-direction:column;flex:1;align-items:center;padding:8px 24px 16px}.spacer{flex:1 1 auto}.badge{width:88px;height:88px;border-radius:50%;color:#fff;display:inline-flex;align-items:center;justify-content:center}.title{margin:18px 0 8px;text-align:center;text-wrap:balance;font-size:23px;font-weight:800;color:var(--naya-primary)}.body{margin:0;text-align:center;font-size:15px;line-height:1.5;color:var(--naya-text-2)}.summary{width:100%;margin-top:20px;padding:14px;background:var(--naya-surface);border:1px solid var(--naya-line);border-radius:var(--naya-r-card)}.srow{display:flex;justify-content:space-between;align-items:center;padding:4px 0;gap:12px}.k{font-size:13px;color:var(--naya-text-2)}.v{font-size:13px;font-weight:800;color:var(--naya-text);text-align:right}.v.mono{font-family:ui-monospace,SF Mono,Menlo,monospace}.bullets{list-style:none;margin:20px 0 0;padding:0;align-self:stretch}.bullets li{display:flex;align-items:center;gap:9px;padding:4px 0;font-size:13px;color:var(--naya-text)}.pip{width:6px;height:6px;border-radius:50%;background:var(--naya-warning);flex:0 0 auto}.gap{height:10px}\n"], dependencies: [{ kind: "component", type: NayaScreenComponent, selector: "naya-screen", inputs: ["poweredBy", "canBack", "canClose", "dark"], outputs: ["back", "close"] }, { kind: "component", type: NayaIconComponent, selector: "naya-icon", inputs: ["name", "size", "stroke"] }, { kind: "component", type: NayaPrimaryButtonComponent, selector: "naya-primary-button", inputs: ["label", "loading", "disabled", "icon"], outputs: ["pressed"] }, { kind: "component", type: NayaSecondaryButtonComponent, selector: "naya-secondary-button", inputs: ["label"], outputs: ["pressed"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.28", ngImport: i0, type: ResultScreen, decorators: [{
-            type: Component,
-            args: [{ selector: 'naya-result-screen', changeDetection: ChangeDetectionStrategy.OnPush, imports: [
-                        NayaScreenComponent,
-                        NayaIconComponent,
-                        NayaPrimaryButtonComponent,
-                        NayaSecondaryButtonComponent,
-                    ], template: `
-    <naya-screen [poweredBy]="s.poweredBy">
-      <div class="pad">
-        <div class="spacer"></div>
-
-        <span class="badge" [style.background]="view().color">
-          <naya-icon [name]="view().icon" [size]="44" [stroke]="3" />
-        </span>
-        <h1 class="title">{{ view().title }}</h1>
-        @if (view().subtitle) { <p class="body">{{ view().subtitle }}</p> }
-
-        @if (status() === 'approved') {
-          <div class="summary">
-            @if (fullName()) {
-              <div class="srow"><span class="k">{{ s.resultName }}</span><span class="v">{{ fullName() }}</span></div>
-            }
-            <div class="srow"><span class="k">{{ s.resultReference }}</span><span class="v mono">{{ reference() }}</span></div>
-          </div>
-        }
-
-        @if (status() === 'review') {
-          <ul class="bullets">
-            @for (b of reviewBullets(); track b) {
-              <li><span class="pip"></span>{{ b }}</li>
-            }
-          </ul>
-        }
-
-        <div class="spacer"></div>
-
-        @if (status() === 'rejected' && flow.canRetry) {
-          <naya-primary-button [label]="s.retry" icon="refresh" (pressed)="retry()" />
-          <div class="gap"></div>
-          <naya-secondary-button [label]="s.backToApp" (pressed)="done()" />
-        } @else {
-          <naya-primary-button [label]="doneLabel()" (pressed)="done()" />
-        }
-      </div>
-    </naya-screen>
-  `, styles: [".pad{display:flex;flex-direction:column;flex:1;align-items:center;padding:8px 24px 16px}.spacer{flex:1 1 auto}.badge{width:88px;height:88px;border-radius:50%;color:#fff;display:inline-flex;align-items:center;justify-content:center}.title{margin:18px 0 8px;text-align:center;text-wrap:balance;font-size:23px;font-weight:800;color:var(--naya-primary)}.body{margin:0;text-align:center;font-size:15px;line-height:1.5;color:var(--naya-text-2)}.summary{width:100%;margin-top:20px;padding:14px;background:var(--naya-surface);border:1px solid var(--naya-line);border-radius:var(--naya-r-card)}.srow{display:flex;justify-content:space-between;align-items:center;padding:4px 0;gap:12px}.k{font-size:13px;color:var(--naya-text-2)}.v{font-size:13px;font-weight:800;color:var(--naya-text);text-align:right}.v.mono{font-family:ui-monospace,SF Mono,Menlo,monospace}.bullets{list-style:none;margin:20px 0 0;padding:0;align-self:stretch}.bullets li{display:flex;align-items:center;gap:9px;padding:4px 0;font-size:13px;color:var(--naya-text)}.pip{width:6px;height:6px;border-radius:50%;background:var(--naya-warning);flex:0 0 auto}.gap{height:10px}\n"] }]
-        }] });
-
-/**
- * Hôte du parcours : conteneur plein écran monté au-dessus de l'application,
- * fournisseur du `NayaFlowService`, et routeur d'étapes. Équivalent de
- * `NayaFlowHost` (Flutter), le Navigator imbriqué étant remplacé par un
- * `@switch` piloté par le signal `step`.
- *
- * Le thème est appliqué en variables CSS sur l'élément hôte : les styles du
- * SDK n'affectent pas l'application, et inversement.
- */
-class NayaFlowHostComponent {
-    flow = inject(NayaFlowService);
-    /** Variables de thème posées sur l'hôte (dictionnaire → style inline). */
-    get style() {
-        return buildThemeVars(this.flow.resolvedConfig);
-    }
-    /** Échap ferme le parcours (annulation), comme le bouton système Android. */
-    onEscape() {
-        this.flow.cancel();
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.28", ngImport: i0, type: NayaFlowHostComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.28", type: NayaFlowHostComponent, isStandalone: true, selector: "naya-flow-host", host: { listeners: { "document:keydown.escape": "onEscape()" }, properties: { "style": "this.style" } }, providers: [NayaFlowService], ngImport: i0, template: `
-    @switch (flow.step()) {
-      @case ('welcome') { <naya-welcome-screen /> }
-      @case ('select') { <naya-document-selection-screen /> }
-      @case ('capture-recto') { <naya-document-capture-screen side="recto" /> }
-      @case ('capture-verso') { <naya-document-capture-screen side="verso" /> }
-      @case ('liveness') { <naya-liveness-screen /> }
-      @case ('processing') { <naya-processing-screen /> }
-      @case ('result') { <naya-result-screen /> }
-    }
-  `, isInline: true, styles: [":host{position:fixed;inset:0;z-index:2147483000;display:block;background:var(--naya-bg);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;-webkit-font-smoothing:antialiased}:host,:host *{box-sizing:border-box}\n"], dependencies: [{ kind: "component", type: WelcomeScreen, selector: "naya-welcome-screen" }, { kind: "component", type: DocumentSelectionScreen, selector: "naya-document-selection-screen" }, { kind: "component", type: DocumentCaptureScreen, selector: "naya-document-capture-screen", inputs: ["side"] }, { kind: "component", type: LivenessScreen, selector: "naya-liveness-screen" }, { kind: "component", type: ProcessingScreen, selector: "naya-processing-screen" }, { kind: "component", type: ResultScreen, selector: "naya-result-screen" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.28", ngImport: i0, type: NayaFlowHostComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'naya-flow-host', changeDetection: ChangeDetectionStrategy.OnPush, providers: [NayaFlowService], imports: [
-                        WelcomeScreen,
-                        DocumentSelectionScreen,
-                        DocumentCaptureScreen,
-                        LivenessScreen,
-                        ProcessingScreen,
-                        ResultScreen,
-                    ], template: `
-    @switch (flow.step()) {
-      @case ('welcome') { <naya-welcome-screen /> }
-      @case ('select') { <naya-document-selection-screen /> }
-      @case ('capture-recto') { <naya-document-capture-screen side="recto" /> }
-      @case ('capture-verso') { <naya-document-capture-screen side="verso" /> }
-      @case ('liveness') { <naya-liveness-screen /> }
-      @case ('processing') { <naya-processing-screen /> }
-      @case ('result') { <naya-result-screen /> }
-    }
-  `, styles: [":host{position:fixed;inset:0;z-index:2147483000;display:block;background:var(--naya-bg);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;-webkit-font-smoothing:antialiased}:host,:host *{box-sizing:border-box}\n"] }]
-        }], propDecorators: { style: [{
-                type: HostBinding,
-                args: ['style']
-            }], onEscape: [{
-                type: HostListener,
-                args: ['document:keydown.escape']
-            }] } });
-
-/**
- * Monte l'hôte du parcours en plein écran, au-dessus de l'application, et
- * résout le `NayaResult` à la fermeture.
- *
- * Aucune dépendance à `@angular/cdk` : l'overlay est un composant créé
- * dynamiquement (`createComponent`), attaché à `ApplicationRef` et inséré dans
- * `document.body`. Le composant et tout l'arbre d'écrans sont importés ici, si
- * bien qu'ils restent hors du bundle initial de l'application (import différé
- * depuis `NayaIdService`).
- */
-async function mountNayaFlow(refs, auth, config) {
-    if (typeof document === 'undefined') {
-        return errorResult('Le SDK Naya nécessite un environnement navigateur.');
-    }
-    const componentRef = createComponent(NayaFlowHostComponent, {
-        environmentInjector: refs.environmentInjector,
-    });
-    const flow = componentRef.injector.get(NayaFlowService);
-    const previousOverflow = document.body.style.overflow;
-    return new Promise((resolve) => {
-        let settled = false;
-        const finish = (result) => {
-            if (settled)
-                return;
-            settled = true;
-            // Restauration puis démontage : l'ordre évite un flash de l'application.
-            document.body.style.overflow = previousOverflow;
-            refs.appRef.detachView(componentRef.hostView);
-            componentRef.destroy();
-            resolve(result);
-        };
-        // `init` avant tout rendu : le thème et les écrans lisent la config résolue.
-        flow.init({ auth, config, finish });
-        refs.appRef.attachView(componentRef.hostView);
-        document.body.appendChild(componentRef.location.nativeElement);
-        document.body.style.overflow = 'hidden'; // fige le défilement de l'app
-        componentRef.changeDetectorRef.detectChanges();
-    });
-}
-
-export { mountNayaFlow };
-//# sourceMappingURL=41devs-naya-id-angular-naya-flow.launcher-xIwcsV6g.mjs.map