scoutable.ts

import * as z from 'zod';
import type { Immutable } from 'immer';
import { uuid, uuidSchema } from '../utils/uuid.js';
import { type Patient, patientSchema } from './patient.js';
import { mapImageSchema } from './map-image.js';
import {
    newUserGeneratedContent,
    userGeneratedContentSchema,
} from './user-generated-content.js';

export const scoutableSchema = z.strictObject({
    id: uuidSchema,
    type: z.literal('scoutable'),
    name: z.string(),
    userGeneratedContent: userGeneratedContentSchema,
    isVisibleForParticipants: z.boolean(),
    viewedByParticipants: z.boolean(),
});
export type Scoutable = Immutable<Immutable<z.infer<typeof scoutableSchema>>>;

/* When adding a new ElementType (refered to as it) to become a functioning Scoutable element, do the following:
1) add the scoutableId attribute to its class;
2) add its ElementSchema to scoutableElementSchema;
3) add its type string to scoutableElemntKeys for the indicators
4) modify its popup component to include the scoutable nav tab.
    You might want the scoutable indicator to navigate to the scoutble nav directly,
    so refer to the mapImages popup component for a simple implemtation.
*/
export const scoutableElementSchema = z.discriminatedUnion('type', [
    mapImageSchema,
    patientSchema,
]);
export type ScoutableElement = Immutable<
    z.infer<typeof scoutableElementSchema>
>;

export const scoutableElementTypes = [
    'patient',
    'mapImage',
] satisfies ScoutableElement['type'][];
export const scoutableElementTypeSchema = z.literal(scoutableElementTypes);

export function newScoutable(): Scoutable {
    return {
        id: uuid(),
        type: 'scoutable',
        name: '',
        userGeneratedContent: newUserGeneratedContent(),
        isVisibleForParticipants: true,
        viewedByParticipants: false,
    };
}

export const scoutableImages = {
    unviewed: {
        generic: '/assets/scoutable-generic.png',
        patient: '/assets/scoutable-patient.png',
    },
    viewed: {
        generic: '/assets/scoutable-generic-viewed.png',
        patient: '/assets/scoutable-patient-viewed.png',
    },
} as const;

export function isPatientBystander(patient: Patient) {
    return patient.patientStatusCode.firstField.colorCode === 'B';
}
export function isElementGenericScoutable(element: ScoutableElement) {
    return element.image.url.endsWith(scoutableImages.unviewed.generic);
}