// Le contexte actif – quelle clinique, quel service – posé sur l'écran Compte.
//
// L'écran Compte est le seul endroit qui parlait déjà de l'organisation : c'est
// donc là que se lit, et se change, la clinique et le service que la session
// tient. Le contexte vit sur la session côté serveur ; l'écran ne fait que
// l'afficher et demander à en changer, il ne l'annonce jamais dans une requête
// métier.
//
// Trois états, tous dits :
// – un service actif : il s'affiche, et la liste des affectations permet d'en
// changer ;
// – aucune affectation : le contrôle est inerte et porte sa raison, comme le
// reste des capacités du compte ;
// – la lecture échoue : rien n'est inventé, le contrôle disparaît plutôt que
// d'afficher un contexte faux.
const ClinicContextBaseAccountScreen = AccountScreen;
const CC_INK = (typeof AC_INK !== 'undefined' && AC_INK) || '#0a0a0a';
const CC_SUB = (typeof AC_SUB !== 'undefined' && AC_SUB) || '#6b6b6b';
const CC_HAIR = (typeof AC_HAIR !== 'undefined' && AC_HAIR) || '#e8e8e8';
const CC_ACCENT = '#3d6b8f';
const CC_ACCENT_SOFT = 'rgba(61,107,143,.09)';
// La raison est un code fermé servi par le serveur : on le traduit, on ne le
// paraphrase pas et on n'en invente pas d'autre.
const CC_REASONS = {
organization_admin_required: 'Aucun service ne vous est affecté. Contactez un administrateur de votre organisation.',
};
function clinicContextSearchValue(value) {
return String(value || '').normalize('NFD').replace(/[\u0300-\u036f]/g, '').toLowerCase();
}
function ClinicContextSheet({ open, context, busy, error, onChoose, onAdd, onClose }) {
const { BottomSheet, InteractiveRow } = window.VascoUI;
const [query, setQuery] = React.useState('');
React.useEffect(() => {
if (!open) setQuery('');
}, [open]);
const rows = context.assignments;
const normalizedQuery = clinicContextSearchValue(query.trim());
const visibleRows = normalizedQuery
? rows.filter((entry) => clinicContextSearchValue(
`${entry.organizationName} ${entry.clinicName} ${entry.departmentName}`,
).includes(normalizedQuery))
: rows;
const organizations = [];
const organizationsById = new Map();
visibleRows.forEach((entry) => {
let organization = organizationsById.get(entry.organizationId);
if (!organization) {
organization = {
organizationId: entry.organizationId,
organizationName: entry.organizationName || 'Organisation sans nom renseigné',
clinics: [],
clinicsById: new Map(),
};
organizationsById.set(entry.organizationId, organization);
organizations.push(organization);
}
let clinic = organization.clinicsById.get(entry.clinicId);
if (!clinic) {
clinic = {
clinicId: entry.clinicId,
clinicName: entry.clinicName || 'Établissement sans nom renseigné',
rows: [],
};
organization.clinicsById.set(entry.clinicId, clinic);
organization.clinics.push(clinic);
}
clinic.rows.push(entry);
});
return (
{error &&
{error}
}
{rows.length === 0 && (
{CC_REASONS[context.reasonCode] || 'Aucun service ne vous est affecté.'}
)}
{rows.length > 5 &&
setQuery(event.target.value)}
placeholder="Rechercher une organisation, un établissement ou un service"
style={{ width: '100%', height: 42, boxSizing: 'border-box', borderRadius: 13,
border: `1px solid ${CC_HAIR}`, background: '#fff', color: CC_INK,
padding: '0 12px 0 38px', fontFamily: 'inherit', fontSize: 12.5, outline: 'none' }} />
}
{rows.length > 0 && visibleRows.length === 0 &&
Aucune affectation ne correspond à cette recherche.
{action.kind === 'revoke'
? `Annuler l’invitation du RPPS ${target.recipientRpps} pour ${target.departmentName} ?`
: `Renvoyer une invitation au RPPS ${target.recipientRpps} pour ${target.departmentName} ?`}