fourni par IbanApp. ─────────────────────────────────────────────────────────── */ const { Ic: IWIc, IDPhoto: IWPhoto, RFLockup: IWRF, PidCertBand: IWCertBand, IIc: IW2, ibanAttestation: IWiban, TEL_IDENTITY_CLAIMS: IWtel, TEL_OFFER: IWoffer } = window; const IW_TOP = 58, IW_BOT = 30; // — boutons (mêmes codes couleur que WalletApp) — function IWBtn({ children, onClick, tone = 'blue', disabled }) { const [h, setH] = React.useState(false); const bg = tone === 'blue' ? (disabled ? '#aab0bb' : (h ? 'var(--rf-blue-700)' : 'var(--rf-blue)')) : (h ? '#f0f0f8' : '#eeeeee'); const col = tone === 'blue' ? '#fff' : 'var(--rf-blue)'; return ( ); } function IWBtnText({ children, onClick }) { return ( ); } function IWHeader({ sub }) { return (

{sub &&

{sub}

}

); } // — petite vignette « attestation IBAN » réutilisée partout — function IbanChip({ small }) { const s = small ? 0.86 : 1; return (

); } /* ─────────── ACCUEIL WALLET (avec documents) ─────────── */ function IWHome({ profile, hasIban, incoming, onScan }) { const iban = IWiban(profile); return (

{/* carte identité */}

IDENTITÉ · PID

{profile.prenom} {profile.nom}

Né(e) le {profile.dateNaissance}

Active et certifiée

{/* documents / attestations */}

Mes attestations {hasIban ? '1' : '0'}

{hasIban ? (

{iban.shortLabel}

{iban.banque} · valable {iban.valable}

{iban.iban}

) : (

Aucune attestation pour l'instant.
Ajoutez-en une depuis un service partenaire.

)}

{/* bouton scanner */}

{incoming && (

↙ Une demande vient d'arriver d'un service partenaire

)} Scanner un QR code

); } /* ─────────── ACTE 1 · OFFRE D'ATTESTATION (OpenID4VCI) ─────────── */ function IWOffer({ profile, onAdd, onRefuse }) { const iban = IWiban(profile); return (

Nouvelle attestation

Ajouter cette attestation à votre portefeuille ?

{/* émetteur */}

{iban.issuer}

Émetteur vérifié

{/* aperçu de l'attestation */}

ATTESTATION DE COMPTE BANCAIRE

{iban.iban}

{[['Titulaire', iban.titulaire], ['BIC', iban.bic], ['Banque', iban.banque], ['Format', iban.format]] .map(([k, v], i, a) => (

{k} {v}

))}

L'attestation sera stockée chiffrée sur votre téléphone. Vous resterez seul(e) à décider à qui la présenter.

Ajouter à mon portefeuille Refuser

); } /* ─────────── ACTE 2 · CONSENTEMENT COMBINÉ (OpenID4VP) ─────────── */ function IWConsent2({ profile, onAllow, onRefuse }) { const iban = IWiban(profile); return (

Partager mes données ?

{/* verifier télécom */}

{IWoffer.brand}

Destinataire vérifié

souhaite vérifier votre IBAN et votre identité pour : la souscription d'une ligne mobile.

{/* source 1 : attestation IBAN (QEAA) — mise en avant : c'est l'objet de la demande */} }>Votre IBAN · Attestation Banque Démo

IBAN — Compte courant

{iban.iban}

{/* source 2 : identité (PID) */} }>Votre identité · Carte d'identité

{IWtel.map((c, i) => (

{c.isPhoto ? :

}

{c.label}

{c.isPhoto ? 'Portrait certifié' : profile[c.key]}

))}

{IWoffer.brand} reçoit uniquement ces données signées. Votre code personnel n'est jamais transmis.

Autoriser le partage Refuser

); } function Caption2({ icon, children }) { return (

{icon} {children}

); } /* ─────────── PAVÉ CODE PERSONNEL (réutilisé Actes 1 & 2) ─────────── */ function IWAuth({ title, onDone }) { const [code, setCode] = React.useState(''); const LEN = 6; const press = (d) => { if (code.length >= LEN) return; const nc = code + d; setCode(nc); if (nc.length === LEN) setTimeout(onDone, 380); }; const del = () => setCode(c => c.slice(0, -1)); return (

Confirmez votre identité

{title}

{Array.from({ length: LEN }).map((_, i) => ( ))}

{['1','2','3','4','5','6','7','8','9'].map(d => )}

); } function IWKey({ d, onPress }) { const [a, setA] = React.useState(false); return ( ); } /* ─────────── ÉTATS GÉNÉRIQUES (spinner / succès) ─────────── */ function IWWorking({ title, sub }) { return (

{title}

{sub}

); } function IWDone({ title, children }) { return (

{title}

{children}

); } Object.assign(window, { IWHome, IWOffer, IWConsent2, IWAuth, IWWorking, IWDone, IbanChip });