@cccsaurora/howler-ui 2.13.0-dev.96 → 2.13.1-dev.184

package/api/hit/index.d.ts

@@ -20,7 +20,7 @@ export type HitActionResponse = {
     success: boolean;
 };
 export declare const uri: (id?: string) => string;
-export declare const get: (id: string) => Promise<Hit>;
+export declare const get: <T extends Hit>(id: string, metadata?: string[]) => Promise<T>;
 interface PostResponse {
     valid: Hit[];
     invalid: {

package/api/hit/index.js

@@ -7,8 +7,12 @@ import * as transition from '@cccsaurora/howler-ui/api/hit/transition';
 export const uri = (id) => {
     return id ? joinAllUri(parentUri(), 'hit', id) : joinUri(parentUri(), 'hit');
 };
-export const get = (id) => {
-    return hget(uri(id));
+export const get = (id, metadata) => {
+    const params = new URLSearchParams();
+    if (metadata) {
+        params.append('metadata', metadata.join(','));
+    }
+    return hget(uri(id), params);
 };
 export const post = (hits) => {
     return hpost(uri(), hits);

package/api/search/index.d.ts

@@ -21,6 +21,7 @@ export type HowlerSearchRequest = {
     fl?: string;
     timeout?: number;
     filters?: string[];
+    metadata?: string[];
 };
 export type HowlerSearchResponse<T> = {
     items: T[];

package/api/view/index.d.ts

@@ -3,6 +3,6 @@ import type { View } from '@cccsaurora/howler-ui/models/entities/generated/View'
 export declare const uri: (id?: string) => string;
 export declare const get: () => Promise<View[]>;
 export declare const post: (newData: Partial<View>) => Promise<View>;
-export declare const put: (id: string, title: string, query: string, sort: string, span: string, advanceOnTriage: boolean) => Promise<View>;
+export declare const put: (id: string, partialView: Partial<Omit<View, "view_id">>) => Promise<View>;
 export declare const del: (id: string) => Promise<void>;
 export { favourite };

package/api/view/index.js

@@ -9,8 +9,8 @@ export const get = () => {
 export const post = (newData) => {
     return hpost(uri(), newData);
 };
-export const put = (id, title, query, sort, span, advanceOnTriage) => {
-    return hput(uri(id), { title, query, sort, span, settings: { advance_on_triage: advanceOnTriage } });
+export const put = (id, partialView) => {
+    return hput(uri(id), partialView);
 };
 export const del = (id) => {
     return hdelete(uri(id));

package/commons/components/notification/elements/item/NotificationItemDate.js

@@ -1,10 +1,10 @@
 import { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
 import { Typography } from '@mui/material';
 import {} from '@cccsaurora/howler-ui/commons/components/notification';
-import moment from 'moment';
+import dayjs from 'dayjs';
 import { memo } from 'react';
 import { useTranslation } from 'react-i18next';
 export const NotificationItemDate = memo(({ date_published = null }) => {
     const { i18n } = useTranslation(['notification']);
-    return !date_published ? null : (_jsx(Typography, { lineHeight: "revert", display: "block", variant: "caption", color: "textSecondary", children: _jsx(_Fragment, { children: moment(date_published).locale(i18n.language).fromNow() }) }));
+    return !date_published ? null : (_jsx(Typography, { lineHeight: "revert", display: "block", variant: "caption", color: "textSecondary", children: _jsx(_Fragment, { children: dayjs(date_published).locale(i18n.language).fromNow() }) }));
 });

package/commons/components/utils/hooks/useEnv.d.ts

@@ -1 +1 @@
-export default function useAppEnv(key?: string): any;
+export default function useAppEnv(key?: string): string | NodeJS.ProcessEnv;

package/components/app/App.js

@@ -63,7 +63,6 @@ import AnalyticProvider from './providers/AnalyticProvider';
 import ApiConfigProvider, { ApiConfigContext } from './providers/ApiConfigProvider';
 import AvatarProvider from './providers/AvatarProvider';
 import CustomPluginProvider from './providers/CustomPluginProvider';
-import DossierProvider from './providers/DossierProvider';
 import FavouriteProvider from './providers/FavouritesProvider';
 import FieldProvider from './providers/FieldProvider';
 import HitProvider from './providers/HitProvider';
@@ -72,7 +71,6 @@ import ModalProvider from './providers/ModalProvider';
 import OverviewProvider from './providers/OverviewProvider';
 import ParameterProvider from './providers/ParameterProvider';
 import SocketProvider from './providers/SocketProvider';
-import TemplateProvider from './providers/TemplateProvider';
 import UserListProvider from './providers/UserListProvider';
 import ViewProvider from './providers/ViewProvider';
 loader.config({ monaco });
@@ -140,7 +138,7 @@ const MyAppProvider = ({ children }) => {
     const mySitemap = useMySitemap();
     const myUser = useMyUser();
     const mySearch = useMySearch();
-    return (_jsx(ErrorBoundary, { children: _jsx(AppProvider, { preferences: myPreferences, theme: myTheme, sitemap: mySitemap, user: myUser, search: mySearch, children: _jsx(CustomPluginProvider, { children: _jsx(ErrorBoundary, { children: _jsx(ErrorBoundary, { children: _jsx(DossierProvider, { children: _jsx(ViewProvider, { children: _jsx(AvatarProvider, { children: _jsx(ModalProvider, { children: _jsx(FieldProvider, { children: _jsx(LocalStorageProvider, { children: _jsx(SocketProvider, { children: _jsx(HitProvider, { children: _jsx(TemplateProvider, { children: _jsx(OverviewProvider, { children: _jsx(AnalyticProvider, { children: _jsx(FavouriteProvider, { children: _jsx(UserListProvider, { children: children }) }) }) }) }) }) }) }) }) }) }) }) }) }) }) }) }) }));
+    return (_jsx(ErrorBoundary, { children: _jsx(AppProvider, { preferences: myPreferences, theme: myTheme, sitemap: mySitemap, user: myUser, search: mySearch, children: _jsx(CustomPluginProvider, { children: _jsx(ErrorBoundary, { children: _jsx(ErrorBoundary, { children: _jsx(ViewProvider, { children: _jsx(AvatarProvider, { children: _jsx(ModalProvider, { children: _jsx(FieldProvider, { children: _jsx(LocalStorageProvider, { children: _jsx(SocketProvider, { children: _jsx(HitProvider, { children: _jsx(OverviewProvider, { children: _jsx(AnalyticProvider, { children: _jsx(FavouriteProvider, { children: _jsx(UserListProvider, { children: children }) }) }) }) }) }) }) }) }) }) }) }) }) }) }) }));
 };
 const AppProviderWrapper = () => {
     return (_jsx(I18nextProvider, { i18n: i18n, defaultNS: "translation", children: _jsx(ApiConfigProvider, { children: _jsx(PluginProvider, { pluginStore: howlerPluginStore.pluginStore, children: _jsxs(MyAppProvider, { children: [_jsx(MyApp, {}), _jsx(Modal, {})] }) }) }) }));

package/components/app/drawers/ApiKeyDrawer.js

@@ -1,12 +1,12 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { Alert, AlertTitle, Button, Checkbox, Divider, FormControl, FormControlLabel, FormGroup, FormLabel, Stack, TextField, Typography } from '@mui/material';
 import { LocalizationProvider, StaticDateTimePicker } from '@mui/x-date-pickers';
-import { AdapterMoment } from '@mui/x-date-pickers/AdapterMoment';
+import { AdapterDayjs } from '@mui/x-date-pickers/AdapterDayjs';
 import api from '@cccsaurora/howler-ui/api';
 import useMyApi from '@cccsaurora/howler-ui/components/hooks/useMyApi';
 import useMySnackbar from '@cccsaurora/howler-ui/components/hooks/useMySnackbar';
+import dayjs from 'dayjs';
 import {} from '@cccsaurora/howler-ui/models/entities/generated/ApiType';
-import moment from 'moment';
 import { useCallback, useContext, useEffect, useMemo, useState } from 'react';
 import { Trans, useTranslation } from 'react-i18next';
 import { ApiConfigContext } from '../providers/ApiConfigProvider';
@@ -30,7 +30,7 @@ const ApiKeyDrawer = ({ onCreated }) => {
         if (!amount || !unit) {
             return null;
         }
-        return moment().add(amount, unit);
+        return dayjs().add(amount, unit);
     }, [amount, unit]);
     const updatePrivs = useCallback((priv) => (ev) => {
         if (ev.target.checked) {
@@ -62,6 +62,6 @@ const ApiKeyDrawer = ({ onCreated }) => {
     useEffect(() => {
         setExpiryDate(maxDate);
     }, [maxDate]);
-    return (_jsx(LocalizationProvider, { dateAdapter: AdapterMoment, children: _jsxs(Stack, { direction: "column", spacing: 2, sx: { mt: 2 }, children: [_jsx(Typography, { sx: { maxWidth: '500px' }, children: _jsx(Trans, { i18nKey: "app.drawer.user.apikey.description" }) }), amount && unit && moment.duration(amount, unit).asSeconds() < moment.duration(7, 'days').asSeconds() && (_jsxs(Alert, { severity: "warning", variant: "outlined", sx: { maxWidth: '500px' }, children: [_jsx(AlertTitle, { children: t('app.drawer.user.apikey.limit.title') }), t('app.drawer.user.apikey.limit.description'), " (", maxDate?.format('MMM D HH:mm:ss'), ")"] })), _jsx(TextField, { label: t('app.drawer.user.apikey.field.name'), required: true, fullWidth: true, value: keyName, onChange: onChange }), _jsxs(FormControl, { required: true, children: [_jsx(FormLabel, { component: "legend", children: t('app.drawer.user.apikey.permissions') }), _jsxs(FormGroup, { sx: { display: 'grid', gridTemplateColumns: '1fr 1fr' }, children: [_jsx(FormControlLabel, { control: _jsx(Checkbox, { onChange: updatePrivs('R') }), label: t('@cccsaurora/howler-ui/apikey.read') }), _jsx(FormControlLabel, { control: _jsx(Checkbox, { onChange: updatePrivs('W') }), label: t('@cccsaurora/howler-ui/apikey.write') }), _jsx(FormControlLabel, { disabled: privs.includes('E'), control: _jsx(Checkbox, { onChange: updatePrivs('I') }), label: t('@cccsaurora/howler-ui/apikey.impersonate') }), config.configuration.auth.allow_extended_apikeys && (_jsx(FormControlLabel, { disabled: privs.includes('I'), control: _jsx(Checkbox, { onChange: updatePrivs('E') }), label: t('@cccsaurora/howler-ui/apikey.extended') }))] })] }), _jsxs(FormControl, { required: !!maxDate, children: [_jsx(FormLabel, { children: t('app.drawer.user.apikey.expiry.date') }), _jsx(StaticDateTimePicker, { orientation: "landscape", ampm: false, value: expiryDate, onChange: newValue => setExpiryDate(newValue), disablePast: true, maxDate: maxDate, maxTime: maxDate, sx: { backgroundColor: 'transparent', '& > div:first-of-type': { maxWidth: '300px' } } })] }), _jsx(Button, { onClick: onSubmit, disabled: !keyName || (!privs.includes('R') && !privs.includes('W')) || (maxDate && !expiryDate), variant: "outlined", children: _jsx(Trans, { i18nKey: "button.create" }) }), createdKey && (_jsxs(_Fragment, { children: [_jsx(Divider, { orientation: "horizontal" }), _jsxs(Stack, { direction: "row", spacing: 1, alignItems: "stretch", children: [_jsx(TextField, { size: "small", value: createdKey, inputProps: { readOnly: true }, fullWidth: true }), _jsx(Button, { variant: "outlined", onClick: onCopy, disabled: !createdKey, children: _jsx(Trans, { i18nKey: "button.copy" }) })] })] }))] }) }));
+    return (_jsx(LocalizationProvider, { dateAdapter: AdapterDayjs, children: _jsxs(Stack, { direction: "column", spacing: 2, sx: { mt: 2 }, children: [_jsx(Typography, { sx: { maxWidth: '500px' }, children: _jsx(Trans, { i18nKey: "app.drawer.user.apikey.description" }) }), amount && unit && dayjs.duration(amount, unit).asSeconds() < dayjs.duration(7, 'days').asSeconds() && (_jsxs(Alert, { severity: "warning", variant: "outlined", sx: { maxWidth: '500px' }, children: [_jsx(AlertTitle, { children: t('app.drawer.user.apikey.limit.title') }), t('app.drawer.user.apikey.limit.description'), " (", maxDate?.format('MMM D HH:mm:ss'), ")"] })), _jsx(TextField, { label: t('app.drawer.user.apikey.field.name'), required: true, fullWidth: true, value: keyName, onChange: onChange }), _jsxs(FormControl, { required: true, children: [_jsx(FormLabel, { component: "legend", children: t('app.drawer.user.apikey.permissions') }), _jsxs(FormGroup, { sx: { display: 'grid', gridTemplateColumns: '1fr 1fr' }, children: [_jsx(FormControlLabel, { control: _jsx(Checkbox, { onChange: updatePrivs('R') }), label: t('@cccsaurora/howler-ui/apikey.read') }), _jsx(FormControlLabel, { control: _jsx(Checkbox, { onChange: updatePrivs('W') }), label: t('@cccsaurora/howler-ui/apikey.write') }), _jsx(FormControlLabel, { disabled: privs.includes('E'), control: _jsx(Checkbox, { onChange: updatePrivs('I') }), label: t('@cccsaurora/howler-ui/apikey.impersonate') }), config.configuration.auth.allow_extended_apikeys && (_jsx(FormControlLabel, { disabled: privs.includes('I'), control: _jsx(Checkbox, { onChange: updatePrivs('E') }), label: t('@cccsaurora/howler-ui/apikey.extended') }))] })] }), _jsxs(FormControl, { required: !!maxDate, children: [_jsx(FormLabel, { children: t('app.drawer.user.apikey.expiry.date') }), _jsx(StaticDateTimePicker, { orientation: "landscape", ampm: false, value: expiryDate, onChange: newValue => setExpiryDate(newValue), disablePast: true, maxDate: maxDate, maxTime: maxDate, sx: { backgroundColor: 'transparent', '& > div:first-of-type': { maxWidth: '300px' } } })] }), _jsx(Button, { onClick: onSubmit, disabled: !keyName || (!privs.includes('R') && !privs.includes('W')) || (maxDate && !expiryDate), variant: "outlined", children: _jsx(Trans, { i18nKey: "button.create" }) }), createdKey && (_jsxs(_Fragment, { children: [_jsx(Divider, { orientation: "horizontal" }), _jsxs(Stack, { direction: "row", spacing: 1, alignItems: "stretch", children: [_jsx(TextField, { size: "small", value: createdKey, inputProps: { readOnly: true }, fullWidth: true }), _jsx(Button, { variant: "outlined", onClick: onCopy, disabled: !createdKey, children: _jsx(Trans, { i18nKey: "button.copy" }) })] })] }))] }) }));
 };
 export default ApiKeyDrawer;

package/components/app/hooks/useMatchers.d.ts

@@ -0,0 +1,9 @@
+import type { Hit } from '@cccsaurora/howler-ui/models/entities/generated/Hit';
+import type { WithMetadata } from '@cccsaurora/howler-ui/models/WithMetadata';
+declare const useMatchers: () => {
+    getMatchingDossiers: (hit: WithMetadata<Hit>) => Promise<import("../../../models/entities/generated/Dossier").Dossier[]>;
+    getMatchingOverview: (hit: WithMetadata<Hit>) => Promise<import("../../../models/entities/generated/Overview").Overview>;
+    getMatchingTemplate: (hit: WithMetadata<Hit>) => Promise<import("../../../models/entities/generated/Template").Template>;
+    getMatchingAnalytic: (hit: WithMetadata<Hit>) => Promise<import("../../../models/entities/generated/Analytic").Analytic>;
+};
+export default useMatchers;

package/components/app/hooks/useMatchers.js

@@ -0,0 +1,82 @@
+/* eslint-disable no-console */
+import { has } from 'lodash-es';
+import { useCallback } from 'react';
+import { useContextSelector } from 'use-context-selector';
+import { HitContext } from '../providers/HitProvider';
+const useMatchers = () => {
+    const getHit = useContextSelector(HitContext, ctx => ctx.getHit);
+    const getMatchingTemplate = useCallback(async (hit) => {
+        if (!hit) {
+            return null;
+        }
+        if (has(hit, '__template')) {
+            return hit.__template;
+        }
+        // This is a fallback in case metadata is not included. In most cases templates are shown, the template metadata
+        // should also exist
+        try {
+            return (await getHit(hit.howler.id, true)).__template;
+        }
+        catch (e) {
+            console.warn(e);
+            return null;
+        }
+    }, [getHit]);
+    const getMatchingOverview = useCallback(async (hit) => {
+        if (!hit) {
+            return null;
+        }
+        if (has(hit, '__overview')) {
+            return hit.__overview;
+        }
+        // This is a fallback in case metadata is not included. In most cases templates are shown, the template metadata
+        // should also exist
+        try {
+            return (await getHit(hit.howler.id, true)).__overview;
+        }
+        catch (e) {
+            console.warn(e);
+            return null;
+        }
+    }, [getHit]);
+    const getMatchingDossiers = useCallback(async (hit) => {
+        if (!hit) {
+            return null;
+        }
+        if (has(hit, '__dossiers')) {
+            return hit.__dossiers;
+        }
+        // This is a fallback in case metadata is not included. In most cases templates are shown, the template metadata
+        // should also exist
+        try {
+            return (await getHit(hit.howler.id, true)).__dossiers ?? [];
+        }
+        catch (e) {
+            console.warn(e);
+            return [];
+        }
+    }, [getHit]);
+    const getMatchingAnalytic = useCallback(async (hit) => {
+        if (!hit) {
+            return null;
+        }
+        if (has(hit, '__analytic')) {
+            return hit.__analytic;
+        }
+        // This is a fallback in case metadata is not included.
+        try {
+            return (await getHit(hit.howler.id, true)).__analytic;
+        }
+        catch (e) {
+            console.warn(e);
+            return null;
+        }
+    }, [getHit]);
+    return {
+        getMatchingDossiers,
+        getMatchingOverview,
+        getMatchingTemplate,
+        getMatchingAnalytic
+    };
+};
+export default useMatchers;

package/components/app/hooks/useMatchers.test.d.ts

@@ -0,0 +1 @@
+export {};

package/components/app/hooks/useMatchers.test.js

@@ -0,0 +1,237 @@
+import { renderHook } from '@testing-library/react';
+import { useContextSelector } from 'use-context-selector';
+import { beforeEach, describe, expect, it, vi } from 'vitest';
+import { HitContext } from '../providers/HitProvider';
+import useMatchers from './useMatchers';
+// Mock the useContextSelector hook
+vi.mock('use-context-selector', () => ({
+    useContextSelector: vi.fn(),
+    createContext: vi.fn()
+}));
+// Mock lodash-es has function
+vi.mock('lodash-es', () => ({
+    has: vi.fn()
+}));
+// Create mock data
+const mockTemplate = {
+    name: 'test-template',
+    template: 'Test template content'
+};
+const mockOverview = {
+    name: 'test-overview',
+    overview: 'Test overview content'
+};
+const mockDossiers = [
+    {
+        name: 'test-dossier',
+        description: 'Test dossier content'
+    }
+];
+const mockHit = {
+    howler: {
+        id: 'test-hit-id',
+        analytic: 'test-analytic',
+        data: {}
+    }
+};
+const mockHitWithMetadata = {
+    ...mockHit,
+    __template: mockTemplate,
+    __overview: mockOverview,
+    __dossiers: mockDossiers
+};
+const mockGetHit = vi.fn();
+describe('useMatchers', () => {
+    beforeEach(() => {
+        vi.clearAllMocks();
+        // Mock useContextSelector to return our mock getHit function
+        useContextSelector.mockImplementation((context, selector) => {
+            if (context === HitContext) {
+                return selector({ getHit: mockGetHit });
+            }
+            return null;
+        });
+    });
+    describe('getMatchingTemplate', () => {
+        it('should return null when hit is null', async () => {
+            const { result } = renderHook(() => useMatchers());
+            const template = await result.current.getMatchingTemplate(null);
+            expect(template).toBeNull();
+        });
+        it('should return null when hit is undefined', async () => {
+            const { result } = renderHook(() => useMatchers());
+            const template = await result.current.getMatchingTemplate(undefined);
+            expect(template).toBeNull();
+        });
+        it('should return template from metadata when it exists', async () => {
+            const { has } = await import('lodash-es');
+            has.mockReturnValue(true);
+            const { result } = renderHook(() => useMatchers());
+            const template = await result.current.getMatchingTemplate(mockHitWithMetadata);
+            expect(template).toBe(mockTemplate);
+            expect(mockGetHit).not.toHaveBeenCalled();
+        });
+        it('should fetch hit with metadata when template is not present', async () => {
+            const { has } = await import('lodash-es');
+            has.mockReturnValue(false);
+            const hitWithFetchedMetadata = { ...mockHit, __template: mockTemplate };
+            mockGetHit.mockResolvedValue(hitWithFetchedMetadata);
+            const { result } = renderHook(() => useMatchers());
+            const template = await result.current.getMatchingTemplate(mockHit);
+            expect(template).toBe(mockTemplate);
+            expect(mockGetHit).toHaveBeenCalledWith('test-hit-id', true);
+        });
+        it('should handle getHit rejection gracefully', async () => {
+            const { has } = await import('lodash-es');
+            has.mockReturnValue(false);
+            mockGetHit.mockRejectedValue(new Error('Failed to fetch hit'));
+            const { result } = renderHook(() => useMatchers());
+            await expect(result.current.getMatchingTemplate(mockHit)).resolves.toBeNull();
+            expect(mockGetHit).toHaveBeenCalledWith('test-hit-id', true);
+        });
+    });
+    describe('getMatchingOverview', () => {
+        it('should return null when hit is null', async () => {
+            const { result } = renderHook(() => useMatchers());
+            const overview = await result.current.getMatchingOverview(null);
+            expect(overview).toBeNull();
+        });
+        it('should return null when hit is undefined', async () => {
+            const { result } = renderHook(() => useMatchers());
+            const overview = await result.current.getMatchingOverview(undefined);
+            expect(overview).toBeNull();
+        });
+        it('should return overview from metadata when it exists', async () => {
+            const { has } = await import('lodash-es');
+            has.mockReturnValue(true);
+            const { result } = renderHook(() => useMatchers());
+            const overview = await result.current.getMatchingOverview(mockHitWithMetadata);
+            expect(overview).toBe(mockOverview);
+            expect(mockGetHit).not.toHaveBeenCalled();
+        });
+        it('should fetch hit with metadata when overview is not present', async () => {
+            const { has } = await import('lodash-es');
+            has.mockReturnValue(false);
+            const hitWithFetchedMetadata = { ...mockHit, __overview: mockOverview };
+            mockGetHit.mockResolvedValue(hitWithFetchedMetadata);
+            const { result } = renderHook(() => useMatchers());
+            const overview = await result.current.getMatchingOverview(mockHit);
+            expect(overview).toBe(mockOverview);
+            expect(mockGetHit).toHaveBeenCalledWith('test-hit-id', true);
+        });
+        it('should handle getHit rejection gracefully', async () => {
+            const { has } = await import('lodash-es');
+            has.mockReturnValue(false);
+            mockGetHit.mockRejectedValue(new Error('Failed to fetch hit'));
+            const { result } = renderHook(() => useMatchers());
+            await expect(result.current.getMatchingOverview(mockHit)).resolves.toBeNull();
+            expect(mockGetHit).toHaveBeenCalledWith('test-hit-id', true);
+        });
+    });
+    describe('getMatchingDossiers', () => {
+        it('should return null when hit is null', async () => {
+            const { result } = renderHook(() => useMatchers());
+            const dossiers = await result.current.getMatchingDossiers(null);
+            expect(dossiers).toBeNull();
+        });
+        it('should return null when hit is undefined', async () => {
+            const { result } = renderHook(() => useMatchers());
+            const dossiers = await result.current.getMatchingDossiers(undefined);
+            expect(dossiers).toBeNull();
+        });
+        it('should return dossiers from metadata when they exist', async () => {
+            const { has } = await import('lodash-es');
+            has.mockReturnValue(true);
+            const { result } = renderHook(() => useMatchers());
+            const dossiers = await result.current.getMatchingDossiers(mockHitWithMetadata);
+            expect(dossiers).toBe(mockDossiers);
+            expect(mockGetHit).not.toHaveBeenCalled();
+        });
+        it('should fetch hit with metadata when dossiers are not present', async () => {
+            const { has } = await import('lodash-es');
+            has.mockReturnValue(false);
+            const hitWithFetchedMetadata = { ...mockHit, __dossiers: mockDossiers };
+            mockGetHit.mockResolvedValue(hitWithFetchedMetadata);
+            const { result } = renderHook(() => useMatchers());
+            const dossiers = await result.current.getMatchingDossiers(mockHit);
+            expect(dossiers).toBe(mockDossiers);
+            expect(mockGetHit).toHaveBeenCalledWith('test-hit-id', true);
+        });
+        it('should handle getHit rejection gracefully', async () => {
+            const { has } = await import('lodash-es');
+            has.mockReturnValue(false);
+            mockGetHit.mockRejectedValue(new Error('Failed to fetch hit'));
+            const { result } = renderHook(() => useMatchers());
+            await expect(result.current.getMatchingDossiers(mockHit)).resolves.toEqual([]);
+            expect(mockGetHit).toHaveBeenCalledWith('test-hit-id', true);
+        });
+    });
+    describe('integration tests', () => {
+        it('should correctly handle has function calls for different metadata properties', async () => {
+            const { has } = await import('lodash-es');
+            // Mock has to return true for __template, false for others
+            has.mockImplementation((_obj, prop) => {
+                return prop === '__template';
+            });
+            const hitWithPartialMetadata = {
+                ...mockHit,
+                __template: mockTemplate
+            };
+            mockGetHit.mockResolvedValue({
+                ...mockHit,
+                __overview: mockOverview,
+                __dossiers: mockDossiers
+            });
+            const { result } = renderHook(() => useMatchers());
+            // Should return template from metadata
+            const template = await result.current.getMatchingTemplate(hitWithPartialMetadata);
+            expect(template).toBe(mockTemplate);
+            // Should fetch overview
+            const overview = await result.current.getMatchingOverview(hitWithPartialMetadata);
+            expect(overview).toBe(mockOverview);
+            // Should fetch dossiers
+            const dossiers = await result.current.getMatchingDossiers(hitWithPartialMetadata);
+            expect(dossiers).toBe(mockDossiers);
+            // Verify has was called with correct parameters
+            expect(has).toHaveBeenCalledWith(hitWithPartialMetadata, '__template');
+            expect(has).toHaveBeenCalledWith(hitWithPartialMetadata, '__overview');
+            expect(has).toHaveBeenCalledWith(hitWithPartialMetadata, '__dossiers');
+        });
+        it('should handle empty or undefined metadata gracefully', async () => {
+            const { has } = await import('lodash-es');
+            has.mockReturnValue(false);
+            mockGetHit.mockResolvedValue({
+                ...mockHit,
+                __template: undefined,
+                __overview: null,
+                __dossiers: []
+            });
+            const { result } = renderHook(() => useMatchers());
+            const template = await result.current.getMatchingTemplate(mockHit);
+            const overview = await result.current.getMatchingOverview(mockHit);
+            const dossiers = await result.current.getMatchingDossiers(mockHit);
+            expect(template).toBeUndefined();
+            expect(overview).toBeNull();
+            expect(dossiers).toEqual([]);
+            expect(mockGetHit).toHaveBeenCalledTimes(3);
+        });
+        it('should maintain referential equality of returned functions', () => {
+            const { result, rerender } = renderHook(() => useMatchers());
+            const firstRender = {
+                getMatchingTemplate: result.current.getMatchingTemplate,
+                getMatchingOverview: result.current.getMatchingOverview,
+                getMatchingDossiers: result.current.getMatchingDossiers
+            };
+            rerender();
+            const secondRender = {
+                getMatchingTemplate: result.current.getMatchingTemplate,
+                getMatchingOverview: result.current.getMatchingOverview,
+                getMatchingDossiers: result.current.getMatchingDossiers
+            };
+            // Functions should be the same reference due to useCallback
+            expect(firstRender.getMatchingTemplate).toBe(secondRender.getMatchingTemplate);
+            expect(firstRender.getMatchingOverview).toBe(secondRender.getMatchingOverview);
+            expect(firstRender.getMatchingDossiers).toBe(secondRender.getMatchingDossiers);
+        });
+    });
+});

package/components/app/hooks/useTitle.js

@@ -1,10 +1,11 @@
-import api from '@cccsaurora/howler-ui/api';
 import useMySitemap from '@cccsaurora/howler-ui/components/hooks/useMySitemap';
 import { capitalize } from 'lodash-es';
 import { useCallback, useContext, useEffect } from 'react';
 import { useTranslation } from 'react-i18next';
 import { useLocation, useParams, useSearchParams } from 'react-router-dom';
+import { useContextSelector } from 'use-context-selector';
 import { AnalyticContext } from '../providers/AnalyticProvider';
+import { HitContext } from '../providers/HitProvider';
 const useTitle = () => {
     const { t } = useTranslation();
     const location = useLocation();
@@ -12,6 +13,7 @@ const useTitle = () => {
     const searchParams = useSearchParams()[0];
     const sitemap = useMySitemap();
     const { getAnalyticFromId } = useContext(AnalyticContext);
+    const hits = useContextSelector(HitContext, ctx => ctx.hits);
     const setTitle = useCallback((title) => {
         document.querySelector('title').innerHTML = title;
     }, []);
@@ -32,8 +34,7 @@ const useTitle = () => {
             }
         }
         else if (searchType === 'hit' && params.id) {
-            const result = await api.search.hit.post({ query: `howler.id:${params.id}`, rows: 1 });
-            const hit = result.items[0];
+            const hit = hits[params.id];
             let newTitle = `${capitalize(hit.howler.escalation)} - ${hit.howler.analytic}`;
             if (hit.howler.detection) {
                 newTitle += `: ${hit.howler.detection}`;
@@ -59,7 +60,7 @@ const useTitle = () => {
                 setTitle(`Howler - ${t(matchingRoute.title)}`);
             }
         }
-    }, [getAnalyticFromId, location.pathname, params.id, searchParams, setTitle, sitemap.routes, t]);
+    }, [getAnalyticFromId, location.pathname, params.id, searchParams, hits, setTitle, sitemap.routes, t]);
     useEffect(() => {
         runChecks();
     }, [runChecks]);

package/components/app/providers/AnalyticProvider.d.ts

@@ -3,10 +3,6 @@ import { type FC, type PropsWithChildren } from 'react';
 interface AnalyticContextType {
     ready: boolean;
     analytics: Analytic[];
-    addFavourite: (analytic: Analytic) => Promise<void>;
-    removeFavourite: (analytic: Analytic) => Promise<void>;
-    getIdFromName: (name: string) => Promise<string>;
-    getAnalyticFromName: (name: string) => Promise<Analytic>;
     getAnalyticFromId: (id: string) => Promise<Analytic>;
 }
 export declare const AnalyticContext: import("react").Context<AnalyticContextType>;

package/components/app/providers/AnalyticProvider.js

@@ -2,7 +2,6 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import api from '@cccsaurora/howler-ui/api';
 import { useAppUser } from '@cccsaurora/howler-ui/commons/components/app/hooks';
 import { createContext, useCallback, useEffect, useState } from 'react';
-import { sanitizeLuceneQuery } from '@cccsaurora/howler-ui/utils/stringUtils';
 export const AnalyticContext = createContext(null);
 /**
  * A set of promises for each analytic search. This is to stop several identical
@@ -32,20 +31,6 @@ const AnalyticProvider = ({ children }) => {
             fetchAnalytics();
         }
     }, [ready, appUser, fetchAnalytics]);
-    const addFavourite = useCallback(async (analytic) => {
-        await api.analytic.favourite.post(analytic.analytic_id);
-        appUser.setUser({
-            ...appUser.user,
-            favourite_analytics: [...appUser.user.favourite_analytics, analytic.analytic_id]
-        });
-    }, [appUser]);
-    const removeFavourite = useCallback(async (analytic) => {
-        await api.analytic.favourite.del(analytic.analytic_id);
-        appUser.setUser({
-            ...appUser.user,
-            favourite_analytics: appUser.user.favourite_analytics.filter(v => v !== analytic.analytic_id)
-        });
-    }, [appUser]);
     const getAnalyticFromId = useCallback(async (id) => {
         const candidate = analytics?.find(_analytic => _analytic.analytic_id === id);
         if (candidate) {
@@ -71,34 +56,6 @@ const AnalyticProvider = ({ children }) => {
         }
         return null;
     }, [analytics]);
-    const getAnalyticFromName = useCallback(async (name) => {
-        const candidate = analytics.find(_analytic => _analytic.name === name);
-        if (candidate) {
-            return candidate;
-        }
-        // We check to see if there's already a request in progress
-        if (!PROMISES[name]) {
-            PROMISES[name] = api.search.analytic.post({
-                query: `name:(${sanitizeLuceneQuery(name)})`
-            });
-        }
-        try {
-            const result = await PROMISES[name];
-            const analytic = result.items?.[0];
-            if (analytic) {
-                setAnalytics([...analytics, analytic]);
-                return analytic;
-            }
-        }
-        catch (e) {
-            // eslint-disable-next-line no-console
-            console.error(e);
-        }
-        return null;
-    }, [analytics]);
-    const getIdFromName = useCallback(async (name) => {
-        return (await getAnalyticFromName(name))?.analytic_id;
-    }, [getAnalyticFromName]);
-    return (_jsx(AnalyticContext.Provider, { value: { analytics, ready, addFavourite, removeFavourite, getAnalyticFromName, getAnalyticFromId, getIdFromName }, children: children }));
+    return (_jsx(AnalyticContext.Provider, { value: { analytics, ready, getAnalyticFromId }, children: children }));
 };
 export default AnalyticProvider;

package/components/app/providers/ApiConfigProvider.js

@@ -6,7 +6,8 @@ const ApiConfigProvider = ({ children }) => {
         indexes: null,
         lookups: null,
         configuration: null,
-        c12nDef: null
+        c12nDef: null,
+        mapping: null
     });
     const context = useMemo(() => ({
         config,

package/components/app/providers/HitProvider.d.ts

@@ -1,4 +1,5 @@
 import type { Hit } from '@cccsaurora/howler-ui/models/entities/generated/Hit';
+import type { WithMetadata } from '@cccsaurora/howler-ui/models/WithMetadata';
 import type { FC, PropsWithChildren } from 'react';
 interface HitProviderType {
     hits: {
@@ -10,7 +11,7 @@ interface HitProviderType {
     clearSelectedHits: (except?: string) => void;
     loadHits: (hits: Hit[]) => void;
     updateHit: (newHit: Hit) => void;
-    getHit: (id: string, force?: boolean) => Promise<Hit>;
+    getHit: (id: string, force?: boolean) => Promise<WithMetadata<Hit>>;
 }
 export declare const HitContext: import("use-context-selector").Context<HitProviderType>;
 /**

package/components/app/providers/HitProvider.js

@@ -32,7 +32,13 @@ const HitProvider = ({ children }) => {
             // eslint-disable-next-line no-console
             console.debug('Received websocket update for hit', data.hit.howler.id);
             hitRequests.current[data.hit.howler.id] = Promise.resolve(data.hit);
-            setHits(_hits => ({ ..._hits, [data.hit.howler.id]: data.hit }));
+            setHits(_hits => ({
+                ..._hits,
+                [data.hit.howler.id]: {
+                    ..._hits[data.hit.howler.id],
+                    ...data.hit
+                }
+            }));
         }
     }, []);
     useEffect(() => {
@@ -45,7 +51,7 @@ const HitProvider = ({ children }) => {
      */
     const getHit = useCallback(async (id, force = false) => {
         if (!hitRequests.current[id] || force) {
-            hitRequests.current[id] = dispatchApi(api.hit.get(id));
+            hitRequests.current[id] = dispatchApi(api.hit.get(id, ['template', 'dossiers', 'analytic', 'overview']));
             const newHit = await hitRequests.current[id];
             setHits(_hits => ({ ..._hits, [id]: newHit }));
         }