const { Logo, Icon, IconButton, Button, Badge, StatusPill, Input, Select, Tag, Switch, Dialog } = window.LeaseLaneDesignSystem_b7a479; const BASE_LOGO='../../assets/logo/'; /* Chrome commun aux espaces propriétaire et locataire (grammaire relevée dans DESIGN-admin.md, jetons Lease Lane). Rail clair ou marine, condensable ; barre de page avec notifications et menu de compte ; pièces de tableau de bord. */ const FILET='1px solid var(--bordure-portail, var(--bordure-fine))'; const CARTE={background:'var(--gris-000)',border:FILET,borderRadius:'var(--rayon-carte)'}; const CHIFFRE={fontFamily:'var(--police-titre)',fontWeight:600,fontVariantNumeric:'tabular-nums',letterSpacing:'-0.01em',color:'var(--marine-900)'}; const REF={fontSize:'12px',fontWeight:500,letterSpacing:'.06em',textTransform:'uppercase',color:'var(--texte-discret)'}; const chiffre=(taille,extra)=>({...CHIFFRE,fontSize:taille,...extra}); function useReglages(cle){ const lire=()=>{try{return JSON.parse(localStorage.getItem(cle))||{}}catch(e){return {}}}; const [r,setR]=React.useState(lire); const set=p=>setR(prev=>{const n={...prev,...p};localStorage.setItem(cle,JSON.stringify(n));return n}); const apparence=r.apparence||'clair'; React.useEffect(()=>{document.documentElement.setAttribute('data-theme',apparence==='sombre'?'sombre':'clair')},[apparence]); return [{theme:r.theme||'clair',condense:!!r.condense,apparence},set]; } /* Liens légaux visibles depuis chaque écran connecté (rail + menu de compte). À valider par l'avocat. */ const BASE_SITE='../site-public/index.html#'; const LIENS_LEGAUX=[['/conditions-utilisation','Conditions d’utilisation'],['/confidentialite','Politique de confidentialité'],['/temoins','Témoins de navigation'],['/gouvernance','Gouvernance des renseignements personnels']]; const responsablePRP=()=>(window.LL_ADMIN&&window.LL_ADMIN.responsable)||'Steven Paradis · steven@leaselane.ca'; function LiensLegaux({ton='clair',taille=12}){ const [ouvert,setOuvert]=React.useState(false); const c=ton==='marine'?'var(--bleu-100)':'var(--texte-discret)'; const st={fontSize:taille+'px',fontWeight:500,color:c,textDecoration:'none',lineHeight:1.45,background:'none',border:0,padding:0,cursor:'pointer',fontFamily:'var(--police-corps)',textAlign:'left'}; return ; } /* Pied de page des portails : liens légaux au bas de chaque écran connecté. À valider par l'avocat. */ function PiedPortail(){ const [ouvert,setOuvert]=React.useState(false); const lien={display:'inline-flex',alignItems:'center',height:'24px',padding:'0 9px',borderRadius:'999px',fontSize:'9.4px',fontWeight:500,color:'var(--marine-900)',textDecoration:'none',background:'transparent',border:0,cursor:'pointer',fontFamily:'var(--police-corps)',transition:'var(--transition-interface)'}; const survol={onMouseEnter:e=>e.currentTarget.style.background='var(--gris-000)',onMouseLeave:e=>e.currentTarget.style.background='transparent'}; return ; } /* Mes renseignements personnels : cinq actions, chacune inscrite au registre Loi 25 avec une échéance de 30 jours. */ const ACTIONS_RP=[ ['download','Télécharger mes renseignements','Portabilité (export structuré)'], ['pencil','Demander une correction','Rectification'], ['circle-x','Retirer un consentement','Retrait du consentement (infolettre, offres)','Infolettre, offres'], ['refresh-cw','Demander la révision d’une décision automatisée de Cléo','Révision d’une décision automatisée (Cléo)'], ['trash-2','Demander la suppression','Suppression','Certains documents, comme le bail et les reçus, sont conservés 3 ans après la fin du bail.']]; function MesRenseignements({ouvert,onClose,utilisateur}){ const [faite,setFaite]=React.useState(null); React.useEffect(()=>{if(ouvert)setFaite(null)},[ouvert]); const profil=window.LL_LOC?'locataire':'propriétaire'; const ech=window.LLLoi25?window.LLLoi25.echeance():null; return Fermer}>

Chaque demande est inscrite au registre et reçoit une réponse dans les 30 jours{ech?' (au plus tard le '+window.LLLoi25.fmt(ech)+' '+ech.getFullYear()+')':''}.

{ACTIONS_RP.map(([ic,t,type,note],i)=>)}
{faite&&
Demande {faite.id} inscrite au registre. Échéance : {faite.echeance}.
}
; } function Rail({nav,page,aller,theme='clair',condense=false,badges={},utilisateur,pied,sombre=false,logoSrc,sansCarteUtilisateur=false}){ const marine=theme==='marine'; const c={fond:marine?(sombre?'var(--marine-950)':'var(--marine-900)'):'var(--gris-000)',filet:marine?'1px solid rgba(200,218,240,.14)':FILET, texte:marine?'#fff':'var(--marine-900)',pale:marine?'var(--bleu-100)':'var(--texte-discret)', actif:marine?'rgba(255,255,255,.12)':(sombre?'var(--bleu-500)':'var(--marine-900)'),actifTexte:sombre&&!marine?'#fff':(marine?'#fff':'#fff'),survol:marine?'rgba(255,255,255,.06)':'var(--surface-douce)'}; const w=condense?72:248; return ; } function Menu({ouvert,onClose,largeur=320,children,align='right'}){ React.useEffect(()=>{if(!ouvert)return;const f=e=>{if(e.key==='Escape')onClose()};window.addEventListener('keydown',f);return()=>window.removeEventListener('keydown',f)},[ouvert]); if(!ouvert)return null; return
{children}
; } function Barre({titre,sousTitre,actions,aCote,menuCompte,notifications=[],utilisateur,reglages,setReglages,onDeconnexion}){ const [notif,setNotif]=React.useState(false), [compte,setCompte]=React.useState(false), [rp,setRp]=React.useState(false); const nonLues=notifications.filter(n=>!n.lu).length; const ligne=(ic,t,fn)=>; const seg=(label,opts,val,fn)=>
{label}
{opts.map(([k,t])=>)}
; return

{titre}

{aCote}
{actions} {setNotif(!notif);setCompte(false)}} aria-expanded={notif}> {nonLues>0&&} setNotif(false)} largeur={380}>
Notifications {nonLues} non lues
{notifications.map((n,i)=>
{n.texte} {n.quand}
)}
setCompte(false)} largeur={menuCompte?340:300}>{menuCompte?menuCompte(()=>setCompte(false)):
{utilisateur.nom}
{utilisateur.courriel}
{ligne('user','Mon profil',()=>setCompte(false))}{ligne('settings','Préférences et avis',()=>setCompte(false))}{ligne('lock','Sécurité et connexion',()=>setCompte(false))}{ligne('shield-check','Mes renseignements personnels',()=>{setCompte(false);setRp(true)})}{ligne('circle-help','Aide',()=>setCompte(false))}
Mode sombre Tout le tableau de bord, rail compris setReglages({apparence:v?'sombre':'clair'})}/>
{ligne('log-out','Se déconnecter',()=>{setCompte(false);onDeconnexion&&onDeconnexion()})}
} setRp(false)} utilisateur={utilisateur}/>
; } function Carte({titre,sous,action,children,rembourrage=24,style,className}){ return
{(titre||action)&&
{titre&&

{titre}

} {sous&&
{sous}
}
{action}
}
{children}
; } function Tuile({libelle,valeur,precision,ton,icone,variation}){ const urg=ton==='urgence'; const haut=variation&&variation.startsWith('+'), bas=variation&&variation.startsWith('−'); return
{libelle} {icone&&}
{valeur}
{(precision||variation)&&
{variation&& {variation}} {precision&&{precision}}
}
; } function Jauge({valeur=0,libelle,sous,taille=132,couleur='var(--bleu-500)'}){ const r=(taille-14)/2, c=2*Math.PI*r, p=Math.max(0,Math.min(100,valeur)); return
{Math.round(p)} %
{libelle&&{libelle}} {sous&&{sous}}
; } function GrapheBarres({series=[],hauteur=160,unite='k',compteurs=[],periodes,periode,onPeriode}){ const max=Math.max(...series.map(s=>s.v),1); return
{periodes&&
{periodes.map(p=>onPeriode&&onPeriode(p)}>{p})}
}
{series.map((s,i)=>
{s.v}{unite==='k'?' k':unite}
)}
{series.map(s=>{s.m})}
{compteurs.length>0&&
{compteurs.map(c=>
{c.l}
{c.v} {c.var&&{c.var}}
)}
}
; } function Progression({items=[]}){ return
{items.map(it=>
{it.l} {it.d||(it.v+' %')}
)}
; } function Tableau2({colonnes,lignes,sur,selId}){ return
{colonnes.map((c,i)=>)}{lignes.map((l,i)=>{const sel=selId&&l.id===selId; return sur&&sur(l)} aria-selected={sel||undefined} style={{cursor:sur?'pointer':'default',borderBottom:FILET,background:sel?'var(--bleu-025)':'transparent',transition:'background var(--duree-2) var(--courbe-sortie)'}} onMouseEnter={e=>{if(sur&&!sel)e.currentTarget.style.background='var(--surface-survol)'}} onMouseLeave={e=>{if(!sel)e.currentTarget.style.background='transparent'}}> {colonnes.map((c,j)=>)} ;})}
{c.t}
{c.rendu?c.rendu(l):l[c.k]}
; } function Avatar({initiales,photo,taille=40,ton='marine'}){ return photo? :{initiales}; } function FichePersonne({initiales,photo,nom,role,coordonnees=[],actions,note}){ return
{nom}
{role}
{coordonnees.length>0&&
{coordonnees.map(([ic,t])=>
{t}
)}
} {note&&

{note}

} {actions&&
{actions}
}
; } function ZoneDepot({texte='Déposez vos photos ici, ou cliquez pour parcourir',sous='PNG ou JPG · 4:3 recommandé · 10 Mo max.',icone='upload',hauteur=180}){ const [sur,setSur]=React.useState(false); return
{e.preventDefault();setSur(true)}} onDragLeave={()=>setSur(false)} onDrop={e=>{e.preventDefault();setSur(false)}} style={{display:'grid',placeItems:'center',alignContent:'center',gap:'8px',minHeight:hauteur+'px',padding:'24px',textAlign:'center',cursor:'pointer', border:'1px dashed '+(sur?'var(--bleu-500)':'var(--gris-300)'),borderRadius:'var(--rayon-3)',background:sur?'var(--bleu-025)':'var(--surface-douce)',transition:'var(--transition-interface)'}}> {texte} {sous}
; } function Pilules({items=[]}){ return
{items.map(([ic,t])=> {ic&&}{t})}
; } /* Boîte de réception 3 volets : dossiers · liste · lecture. */ function BoiteReception({dossiers=[],dossier,onDossier,items=[],selId,onSel,rendreItem,rendreLecture,actionHaut,hauteur='calc(100vh - 72px - 56px)',vide}){ return
{actionHaut&&
{actionHaut}
} {dossiers.map(([k,ic,t,n])=>{const actif=dossier===k; return ;})}
{items.length===0&&
Rien dans ce dossier.
} {items.map(it=>{const sel=it.id===selId; return
onSel(it)} role="button" tabIndex={0} onKeyDown={e=>{if(e.key==='Enter')onSel(it)}} style={{padding:'16px 20px',borderBottom:FILET,cursor:'pointer',background:sel?'var(--bleu-025)':'transparent',boxShadow:sel?'inset 3px 0 0 var(--bleu-500)':'none'}} onMouseEnter={e=>{if(!sel)e.currentTarget.style.background='var(--surface-survol)'}} onMouseLeave={e=>{if(!sel)e.currentTarget.style.background='transparent'}}> {rendreItem(it,sel)}
;})}
{selId?rendreLecture(items.find(i=>i.id===selId)):(vide||
Sélectionnez un élément.
)}
; } /* Calendrier mensuel. `evenements` : [{jour, titre, ton}] ; `mois` : {nom, annee, jours, premier(0=dim)} */ function Calendrier({mois,evenements=[],jourSel,onJour,aujourdhui}){ const cellules=[];for(let i=0;i
{['Dim','Lun','Mar','Mer','Jeu','Ven','Sam'].map(j=>{j})}
{cellules.map((j,i)=>{const evs=j?evenements.filter(e=>e.jour===j):[]; const sel=j&&j===jourSel; const auj=j&&j===aujourdhui; return
j&&onJour&&onJour(j)} style={{minHeight:'96px',padding:'8px',borderBottom:FILET,borderRight:(i%7===6)?'none':FILET,cursor:j?'pointer':'default', background:sel?'var(--bleu-025)':'transparent',display:'grid',alignContent:'start',gap:'4px'}}> {j&&{j}} {evs.slice(0,3).map((e,k)=> {e.titre})} {evs.length>3&&+{evs.length-3}}
;})}
; } function FAQ({groupes=[]}){ const [ouvert,setOuvert]=React.useState(groupes[0]?groupes[0].t+0:null); return
{groupes.map(g=>
{g.items.map(([q,a],i)=>{const k=g.t+i, on=ouvert===k; return
{on&&

{a}

}
;})}
)}
; } /* Relevé / reçu imprimable (window.print — seule la zone .ll-imprimable sort sur papier). */ function Facture({titre,numero,date,emetteur,destinataire,lignes=[],total,note,onFermer}){ return
{onFermer&&}
{titre}
N° {numero} · {date}
{[['Émis par',emetteur],['Destinataire',destinataire]].map(([l,b])=>
{l}
{b.map((x,i)=>
{x}
)}
)}
{['Description','Période','Montant'].map((t,i)=>)}{lignes.map((l,i)=>)}
{t}
{l.d}{l.p} {l.m}
Total{total}
{note&&

{note}

}
; } function Avis({icone='shield-check',children}){ return
{children}
; } function Vide({icone,titre,texte,action}){ return

{titre}

{texte}

{action&&
{action}
}
; } function Coquille({nav,page,aller,titres,data,reglages,setReglages,badges,pied,actions,aCote,menuCompte,logoSrc,children,onDeconnexion,sansCarteUtilisateur}){ const [t,st]=titres[page]||['','']; return
{children}
; } Object.assign(window,{useReglages,Rail,Barre,Carte,Tuile,Jauge,GrapheBarres,Progression,Tableau2,Avatar,FichePersonne,ZoneDepot,Pilules,BoiteReception,Calendrier,FAQ,Facture,Avis,Vide,Coquille, CHIFFRE,REF,FILET,CARTE,BASE_LOGO,chiffre,LiensLegaux,MesRenseignements,PiedPortail});