@cccsaurora/howler-ui 2.18.0 → 2.19.0-cases.1051

package/api/v2/case/index.d.ts

@@ -0,0 +1,9 @@
+import * as items from '@cccsaurora/howler-ui/api/v2/case/items';
+import * as rules from '@cccsaurora/howler-ui/api/v2/case/rules';
+import type { Case } from '@cccsaurora/howler-ui/models/entities/generated/Case';
+export declare const uri: (id?: string) => string;
+export declare const get: (id: string) => Promise<Case>;
+export declare const post: (newData: Partial<Case>) => Promise<Case>;
+export declare const put: (id: string, _case: Partial<Case>) => Promise<Case>;
+export declare const del: (id: string) => Promise<void>;
+export { items, rules };

package/api/v2/case/index.js

@@ -0,0 +1,21 @@
+// eslint-disable-next-line import/no-cycle
+import { hdelete, hget, hpost, hput, joinAllUri, joinUri } from '@cccsaurora/howler-ui/api';
+import { uri as parentUri } from '@cccsaurora/howler-ui/api/v2';
+import * as items from '@cccsaurora/howler-ui/api/v2/case/items';
+import * as rules from '@cccsaurora/howler-ui/api/v2/case/rules';
+export const uri = (id) => {
+    return id ? joinAllUri(parentUri(), 'case', id) : joinUri(parentUri(), 'case');
+};
+export const get = (id) => {
+    return hget(uri(id));
+};
+export const post = (newData) => {
+    return hpost(uri(), newData);
+};
+export const put = (id, _case) => {
+    return hput(uri(id), _case);
+};
+export const del = (id) => {
+    return hdelete(uri(id));
+};
+export { items, rules };

package/api/v2/case/items.d.ts

@@ -0,0 +1,6 @@
+import type { Case } from '@cccsaurora/howler-ui/models/entities/generated/Case';
+import type { Item } from '@cccsaurora/howler-ui/models/entities/generated/Item';
+export declare const uri: (id: string) => string;
+export declare const post: (id: string, newData: Item) => Promise<Case>;
+export declare const del: (id: string, values: string | string[]) => Promise<Case>;
+export declare const put: (id: string, value: string, newPath: string) => Promise<Case>;

package/api/v2/case/items.js

@@ -0,0 +1,18 @@
+// eslint-disable-next-line import/no-cycle
+import { hdelete, hpost, hput, joinUri } from '@cccsaurora/howler-ui/api';
+import { uri as parentUri } from '@cccsaurora/howler-ui/api/v2/case';
+export const uri = (id) => {
+    return joinUri(parentUri(id), 'items');
+};
+export const post = (id, newData) => {
+    return hpost(uri(id), newData);
+};
+export const del = (id, values) => {
+    if (!Array.isArray(values)) {
+        values = [values];
+    }
+    return hdelete(uri(id), { values });
+};
+export const put = (id, value, newPath) => {
+    return hput(uri(id), { value, new_path: newPath });
+};

package/api/v2/case/rules.d.ts

@@ -0,0 +1,6 @@
+import type { Case } from '@cccsaurora/howler-ui/models/entities/generated/Case';
+import type { Rule } from '@cccsaurora/howler-ui/models/entities/generated/Rule';
+export declare const uri: (caseId: string, ruleId?: string) => string;
+export declare const post: (caseId: string, ruleData: Partial<Rule>) => Promise<Case>;
+export declare const del: (caseId: string, ruleId: string) => Promise<Case>;
+export declare const put: (caseId: string, ruleId: string, data: Partial<Rule>) => Promise<Case>;

package/api/v2/case/rules.js

@@ -0,0 +1,18 @@
+// eslint-disable-next-line import/no-cycle
+import { hdelete, hpost, hput, joinAllUri } from '@cccsaurora/howler-ui/api';
+import { uri as parentUri } from '@cccsaurora/howler-ui/api/v2/case';
+export const uri = (caseId, ruleId) => {
+    if (ruleId) {
+        return joinAllUri(parentUri(caseId), 'rules', ruleId);
+    }
+    return joinAllUri(parentUri(caseId), 'rules');
+};
+export const post = (caseId, ruleData) => {
+    return hpost(uri(caseId), ruleData);
+};
+export const del = (caseId, ruleId) => {
+    return hdelete(uri(caseId, ruleId));
+};
+export const put = (caseId, ruleId, data) => {
+    return hput(uri(caseId, ruleId), data);
+};

package/api/v2/index.d.ts

@@ -0,0 +1,4 @@
+import * as case_ from '@cccsaurora/howler-ui/api/v2/case';
+import * as search from '@cccsaurora/howler-ui/api/v2/search';
+export declare const uri: () => string;
+export { case_ as case, search };

package/api/v2/index.js

@@ -0,0 +1,6 @@
+import * as case_ from '@cccsaurora/howler-ui/api/v2/case';
+import * as search from '@cccsaurora/howler-ui/api/v2/search';
+export const uri = () => {
+    return '/api/v2';
+};
+export { case_ as case, search };

package/api/v2/search/facet.d.ts

@@ -0,0 +1,3 @@
+import type { HowlerFacetSearchRequest, HowlerFacetSearchResponse } from '@cccsaurora/howler-ui/api/search/facet';
+export declare const uri: (indexes: string[]) => string;
+export declare const post: (indexes: string | string[], request?: HowlerFacetSearchRequest) => Promise<HowlerFacetSearchResponse>;

package/api/v2/search/facet.js

@@ -0,0 +1,12 @@
+// eslint-disable-next-line import/no-cycle
+import { hpost, joinAllUri } from '@cccsaurora/howler-ui/api';
+import { uri as parentUri } from '@cccsaurora/howler-ui/api/v2';
+export const uri = (indexes) => {
+    return joinAllUri(parentUri(), 'search', 'facet', indexes.join(','));
+};
+export const post = (indexes, request) => {
+    if (typeof indexes === 'string') {
+        indexes = indexes.split(',');
+    }
+    return hpost(uri(indexes), { ...(request || {}), query: request?.query || 'howler.id:*' });
+};

package/api/v2/search/index.d.ts

@@ -0,0 +1,5 @@
+import type { HowlerSearchRequest, HowlerSearchResponse } from '@cccsaurora/howler-ui/api/search';
+import * as facet from './facet';
+export declare const uri: (indexes: string[]) => string;
+export declare const post: <T = any>(indexes: string | string[], request?: HowlerSearchRequest) => Promise<HowlerSearchResponse<T>>;
+export { facet };

package/api/v2/search/index.js

@@ -0,0 +1,24 @@
+// eslint-disable-next-line import/no-cycle
+import { hpost, joinAllUri } from '@cccsaurora/howler-ui/api';
+import { uri as parentUri } from '@cccsaurora/howler-ui/api/v2';
+import { identity, isNil } from 'lodash-es';
+import * as facet from './facet';
+export const uri = (indexes) => {
+    return joinAllUri(parentUri(), 'search', indexes.join(','));
+};
+export const post = (indexes, request) => {
+    if (isNil(indexes)) {
+        throw new Error('Indexes cannot be null or undefined.');
+    }
+    if (typeof indexes === 'string') {
+        indexes = indexes.split(',').filter(identity);
+    }
+    if (indexes.some(index => !['hit', 'observable', 'case'].includes(index))) {
+        throw new Error('Only hit, case, and observable indexes should be used currently.');
+    }
+    if (indexes.length < 1) {
+        throw new Error('indexes must have length of at least 1.');
+    }
+    return hpost(uri(indexes), { ...(request || {}), query: request?.query || 'howler.id:*' });
+};
+export { facet };

package/api/view/index.d.ts

@@ -1,8 +1,9 @@
+import { type HowlerRefreshParam } from '@cccsaurora/howler-ui/api';
 import * as favourite from '@cccsaurora/howler-ui/api/view/favourite';
 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, partialView: Partial<Omit<View, "view_id">>) => Promise<View>;
-export declare const del: (id: string) => Promise<void>;
+export declare const post: (newData: Partial<View>, refresh?: HowlerRefreshParam) => Promise<View>;
+export declare const put: (id: string, partialView: Partial<Omit<View, "view_id">>, refresh?: HowlerRefreshParam) => Promise<View>;
+export declare const del: (id: string, refresh?: HowlerRefreshParam) => Promise<void>;
 export { favourite };

package/api/view/index.js

@@ -6,13 +6,13 @@ export const uri = (id) => {
 export const get = () => {
     return hget(uri());
 };
-export const post = (newData) => {
-    return hpost(uri(), newData);
+export const post = (newData, refresh) => {
+    return hpost(uri(), newData, undefined, refresh ? new URLSearchParams({ refresh }) : undefined);
 };
-export const put = (id, partialView) => {
-    return hput(uri(id), partialView);
+export const put = (id, partialView, refresh) => {
+    return hput(uri(id), partialView, undefined, refresh ? new URLSearchParams({ refresh }) : undefined);
 };
-export const del = (id) => {
-    return hdelete(uri(id));
+export const del = (id, refresh) => {
+    return hdelete(uri(id), undefined, undefined, refresh ? new URLSearchParams({ refresh }) : undefined);
 };
 export { favourite };

package/commons/components/leftnav/LeftNavDrawer.js

@@ -75,7 +75,7 @@ const LeftNavDrawer = () => {
                     }
                 }, children: _jsx(AppName, {}) }), !isTopLayout && _jsx(Divider, {})] }));
     const hide = (_jsx(List, { disablePadding: true, children: _jsxs(ListItemButton, { onClick: leftnav.toggle, children: [_jsx(ListItemIcon, { children: leftnav.open ? _jsx(ChevronLeftIcon, {}) : _jsx(ChevronRightIcon, {}) }), _jsx(ListItemText, { primary: t('drawer.collapse') })] }, "chevron") }));
-    return (_jsx(ClickAwayListener, { mouseEvent: "onMouseDown", touchEvent: "onTouchStart", onClickAway: onCloseDrawerIfOpen, children: _jsxs(StyledDrawer, { PaperProps: { elevation: 1 }, variant: "permanent", style: { height: '100%' }, width: preferences.leftnav.width, open: leftnav.open, children: [leftnav.open ? (header) : (_jsx(Tooltip, { title: preferences.appName, "aria-label": preferences.appName, placement: "right", children: header })), _jsx(List, { disablePadding: true, children: leftnav.elements.map((e, i) => {
+    return (_jsx(ClickAwayListener, { mouseEvent: "onMouseDown", touchEvent: "onTouchStart", onClickAway: onCloseDrawerIfOpen, children: _jsxs(StyledDrawer, { variant: "permanent", style: { height: '100%' }, width: preferences.leftnav.width, open: leftnav.open, children: [leftnav.open ? (header) : (_jsx(Tooltip, { title: preferences.appName, "aria-label": preferences.appName, placement: "right", children: header })), _jsx(List, { disablePadding: true, children: leftnav.elements.map((e, i) => {
                         if (e.type === 'item') {
                             const item = e.element;
                             return _jsx(LeftNavItem, { item: item, onClick: isSmDown && onCloseDrawerIfOpen }, item.id);

package/components/app/App.d.ts

@@ -1,3 +1,4 @@
+import 'dayjs/locale/fr-ca';
 import { type FC } from 'react';
 declare const App: FC;
 export default App;

package/components/app/App.js

@@ -13,6 +13,7 @@ import useMyTheme from '@cccsaurora/howler-ui/components/hooks/useMyTheme';
 import useMyUser from '@cccsaurora/howler-ui/components/hooks/useMyUser';
 import LoginScreen from '@cccsaurora/howler-ui/components/logins/Login';
 import useLogin from '@cccsaurora/howler-ui/components/logins/hooks/useLogin';
+import PermissionDeniedPage from '@cccsaurora/howler-ui/components/routes/403';
 import NotFoundPage from '@cccsaurora/howler-ui/components/routes/404';
 import ErrorBoundary from '@cccsaurora/howler-ui/components/routes/ErrorBoundary';
 import Logout from '@cccsaurora/howler-ui/components/routes/Logout';
@@ -25,6 +26,13 @@ import UserSearchProvider from '@cccsaurora/howler-ui/components/routes/admin/us
 import QueryBuilder from '@cccsaurora/howler-ui/components/routes/advanced/QueryBuilder';
 import AnalyticDetails from '@cccsaurora/howler-ui/components/routes/analytics/AnalyticDetails';
 import AnalyticSearch from '@cccsaurora/howler-ui/components/routes/analytics/AnalyticSearch';
+import CaseViewer from '@cccsaurora/howler-ui/components/routes/cases/CaseViewer';
+import Cases from '@cccsaurora/howler-ui/components/routes/cases/Cases';
+import CaseAssets from '@cccsaurora/howler-ui/components/routes/cases/detail/CaseAssets';
+import CaseDashboard from '@cccsaurora/howler-ui/components/routes/cases/detail/CaseDashboard';
+import CaseRules from '@cccsaurora/howler-ui/components/routes/cases/detail/CaseRules';
+import CaseTimeline from '@cccsaurora/howler-ui/components/routes/cases/detail/CaseTimeline';
+import ItemPage from '@cccsaurora/howler-ui/components/routes/cases/detail/ItemPage';
 import DossierEditor from '@cccsaurora/howler-ui/components/routes/dossiers/DossierEditor';
 import Dossiers from '@cccsaurora/howler-ui/components/routes/dossiers/Dossiers';
 import ActionDocumentation from '@cccsaurora/howler-ui/components/routes/help/ActionDocumentation';
@@ -39,7 +47,7 @@ import RetentionDocumentation from '@cccsaurora/howler-ui/components/routes/help
 import SearchDocumentation from '@cccsaurora/howler-ui/components/routes/help/SearchDocumentation';
 import TemplateDocumentation from '@cccsaurora/howler-ui/components/routes/help/TemplateDocumentation';
 import ViewDocumentation from '@cccsaurora/howler-ui/components/routes/help/ViewDocumentation';
-import HitBrowser from '@cccsaurora/howler-ui/components/routes/hits/search/HitBrowser';
+import RecordBrowser from '@cccsaurora/howler-ui/components/routes/hits/search/RecordBrowser';
 import HitViewer from '@cccsaurora/howler-ui/components/routes/hits/view/HitViewer';
 import Home from '@cccsaurora/howler-ui/components/routes/home';
 import OverviewViewer from '@cccsaurora/howler-ui/components/routes/overviews/OverviewViewer';
@@ -50,14 +58,16 @@ import Templates from '@cccsaurora/howler-ui/components/routes/templates/Templat
 import ViewComposer from '@cccsaurora/howler-ui/components/routes/views/ViewComposer';
 import Views from '@cccsaurora/howler-ui/components/routes/views/Views';
 import dayjs from 'dayjs';
+import 'dayjs/locale/fr-ca';
 import duration from 'dayjs/plugin/duration';
 import localizedFormat from 'dayjs/plugin/localizedFormat';
+import minMax from 'dayjs/plugin/minMax';
 import relativeTime from 'dayjs/plugin/relativeTime';
 import utc from 'dayjs/plugin/utc';
 import i18n from '@cccsaurora/howler-ui/i18n';
 import * as monaco from 'monaco-editor';
 import howlerPluginStore from '@cccsaurora/howler-ui/plugins/store';
-import { useContext, useEffect, useMemo } from 'react';
+import { useCallback, useContext, useEffect, useMemo } from 'react';
 import { I18nextProvider } from 'react-i18next';
 import { PluginProvider, usePluginStore } from 'react-pluggable';
 import { createBrowserRouter, Outlet, RouterProvider, useLocation, useNavigate } from 'react-router-dom';
@@ -71,11 +81,11 @@ import AvatarProvider from './providers/AvatarProvider';
 import CustomPluginProvider from './providers/CustomPluginProvider';
 import FavouriteProvider from './providers/FavouritesProvider';
 import FieldProvider from './providers/FieldProvider';
-import HitProvider from './providers/HitProvider';
 import LocalStorageProvider from './providers/LocalStorageProvider';
 import ModalProvider from './providers/ModalProvider';
 import OverviewProvider from './providers/OverviewProvider';
 import ParameterProvider from './providers/ParameterProvider';
+import RecordProvider from './providers/RecordProvider';
 import SocketProvider from './providers/SocketProvider';
 import UserListProvider from './providers/UserListProvider';
 import ViewProvider from './providers/ViewProvider';
@@ -83,13 +93,15 @@ dayjs.extend(utc);
 dayjs.extend(duration);
 dayjs.extend(relativeTime);
 dayjs.extend(localizedFormat);
+dayjs.extend(minMax);
+dayjs.locale(i18n.language === 'en' ? 'en' : 'fr-ca');
 loader.config({ monaco });
-const RoleRoute = ({ role }) => {
+const RoleRoute = ({ roles }) => {
     const appUser = useAppUser();
-    if (appUser.user?.roles?.includes(role)) {
+    if (roles.some((role) => appUser.user?.roles?.includes(role))) {
         return _jsx(Outlet, {});
     }
-    return _jsx(NotFoundPage, {});
+    return _jsx(PermissionDeniedPage, {});
 };
 // Your application's initialization flow.
 const MyApp = () => {
@@ -104,6 +116,13 @@ const MyApp = () => {
     const { setItems } = useAppSwitcher();
     const { get, set, remove } = useMyLocalStorage();
     const pluginStore = usePluginStore();
+    const onLanguageChange = useCallback((language) => dayjs.locale(language === 'en' ? 'en' : 'fr-ca'), []);
+    useEffect(() => {
+        i18n.on('languageChanged', onLanguageChange);
+        return () => {
+            i18n.off('languageChanged', onLanguageChange);
+        };
+    }, [onLanguageChange]);
     // Simulate app loading time...
     // e.g. fetching initial app data, etc.
     useEffect(() => {
@@ -148,7 +167,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(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 }) }) }) }) }) }) }) }) }) }) }) }) }) }) }) }));
+    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(RecordProvider, { 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: _jsx(AppBarProvider, { children: _jsxs(MyAppProvider, { children: [_jsx(MyApp, {}), _jsx(Modal, {})] }) }) }) }) }));
@@ -172,19 +191,45 @@ const createRouter = () => createBrowserRouter([
             },
             {
                 path: 'hits',
-                element: _jsx(HitBrowser, {})
+                element: _jsx(RecordBrowser, {})
             },
             {
                 path: 'search',
-                element: _jsx(HitBrowser, {})
+                element: _jsx(RecordBrowser, {})
             },
             {
                 path: 'hits/:id',
                 element: _jsx(HitViewer, {})
             },
             {
-                path: 'bundles/:id',
-                element: _jsx(HitBrowser, {})
+                path: 'cases',
+                element: _jsx(Cases, {})
+            },
+            {
+                path: 'cases/:id',
+                element: (_jsx(ParameterProvider, { children: _jsx(CaseViewer, {}) })),
+                children: [
+                    {
+                        index: true,
+                        element: _jsx(CaseDashboard, {})
+                    },
+                    {
+                        path: 'assets',
+                        element: _jsx(CaseAssets, {})
+                    },
+                    {
+                        path: 'timeline',
+                        element: _jsx(CaseTimeline, {})
+                    },
+                    {
+                        path: 'rules',
+                        element: _jsx(CaseRules, {})
+                    },
+                    {
+                        path: '*',
+                        element: _jsx(ItemPage, {})
+                    }
+                ]
             },
             {
                 path: 'templates',
@@ -224,7 +269,7 @@ const createRouter = () => createBrowserRouter([
             },
             {
                 path: 'views/:id',
-                element: _jsx(HitBrowser, {})
+                element: _jsx(RecordBrowser, {})
             },
             {
                 path: 'views/:id/edit',
@@ -304,7 +349,13 @@ const createRouter = () => createBrowserRouter([
             },
             {
                 path: 'action',
-                element: _jsx(RoleRoute, { role: "automation_basic" }),
+                element: (_jsx(RoleRoute, { roles: [
+                        'admin',
+                        'automation_basic',
+                        'automation_advanced',
+                        'actionrunner_basic',
+                        'actionrunner_advanced'
+                    ] })),
                 children: [
                     {
                         index: true,

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

@@ -1,6 +1,6 @@
 import type { Hit } from '@cccsaurora/howler-ui/models/entities/generated/Hit';
 import type { WithMetadata } from '@cccsaurora/howler-ui/models/WithMetadata';
-declare const useMatchers: () => {
+declare const useMatchers: (lazy?: boolean) => {
     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>;

package/components/app/hooks/useMatchers.js

@@ -2,9 +2,9 @@
 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);
+import { RecordContext } from '../providers/RecordProvider';
+const useMatchers = (lazy = false) => {
+    const getRecord = useContextSelector(RecordContext, ctx => ctx.getRecord);
     const getMatchingTemplate = useCallback(async (hit) => {
         if (!hit) {
             return null;
@@ -12,15 +12,18 @@ const useMatchers = () => {
         if (has(hit, '__template')) {
             return hit.__template;
         }
+        if (lazy) {
+            return null;
+        }
         // 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;
+            return (await getRecord(hit.howler.id, true)).__template;
         }
         catch (e) {
             return null;
         }
-    }, [getHit]);
+    }, [getRecord, lazy]);
     const getMatchingOverview = useCallback(async (hit) => {
         if (!hit) {
             return null;
@@ -28,15 +31,18 @@ const useMatchers = () => {
         if (has(hit, '__overview')) {
             return hit.__overview;
         }
+        if (lazy) {
+            return null;
+        }
         // 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;
+            return (await getRecord(hit.howler.id, true)).__overview;
         }
         catch (e) {
             return null;
         }
-    }, [getHit]);
+    }, [getRecord, lazy]);
     const getMatchingDossiers = useCallback(async (hit) => {
         if (!hit) {
             return null;
@@ -44,15 +50,18 @@ const useMatchers = () => {
         if (has(hit, '__dossiers')) {
             return hit.__dossiers;
         }
+        if (lazy) {
+            return null;
+        }
         // 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 ?? [];
+            return (await getRecord(hit.howler.id, true)).__dossiers ?? [];
         }
         catch (e) {
             return [];
         }
-    }, [getHit]);
+    }, [getRecord, lazy]);
     const getMatchingAnalytic = useCallback(async (hit) => {
         if (!hit) {
             return null;
@@ -60,14 +69,17 @@ const useMatchers = () => {
         if (has(hit, '__analytic')) {
             return hit.__analytic;
         }
+        if (lazy) {
+            return null;
+        }
         // This is a fallback in case metadata is not included.
         try {
-            return (await getHit(hit.howler.id, true)).__analytic;
+            return (await getRecord(hit.howler.id, true)).__analytic;
         }
         catch (e) {
             return null;
         }
-    }, [getHit]);
+    }, [getRecord, lazy]);
     return {
         getMatchingDossiers,
         getMatchingOverview,

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

@@ -1,7 +1,7 @@
 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 { RecordContext } from '../providers/RecordProvider';
 import useMatchers from './useMatchers';
 // Mock the useContextSelector hook
 vi.mock('use-context-selector', () => ({
@@ -40,14 +40,14 @@ const mockHitWithMetadata = {
     __overview: mockOverview,
     __dossiers: mockDossiers
 };
-const mockGetHit = vi.fn();
+const mockGetRecord = 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 });
+            if (context === RecordContext) {
+                return selector({ getRecord: mockGetRecord });
             }
             return null;
         });
@@ -69,25 +69,25 @@ describe('useMatchers', () => {
             const { result } = renderHook(() => useMatchers());
             const template = await result.current.getMatchingTemplate(mockHitWithMetadata);
             expect(template).toBe(mockTemplate);
-            expect(mockGetHit).not.toHaveBeenCalled();
+            expect(mockGetRecord).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);
+            mockGetRecord.mockResolvedValue(hitWithFetchedMetadata);
             const { result } = renderHook(() => useMatchers());
             const template = await result.current.getMatchingTemplate(mockHit);
             expect(template).toBe(mockTemplate);
-            expect(mockGetHit).toHaveBeenCalledWith('test-hit-id', true);
+            expect(mockGetRecord).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'));
+            mockGetRecord.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);
+            expect(mockGetRecord).toHaveBeenCalledWith('test-hit-id', true);
         });
     });
     describe('getMatchingOverview', () => {
@@ -107,25 +107,25 @@ describe('useMatchers', () => {
             const { result } = renderHook(() => useMatchers());
             const overview = await result.current.getMatchingOverview(mockHitWithMetadata);
             expect(overview).toBe(mockOverview);
-            expect(mockGetHit).not.toHaveBeenCalled();
+            expect(mockGetRecord).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);
+            mockGetRecord.mockResolvedValue(hitWithFetchedMetadata);
             const { result } = renderHook(() => useMatchers());
             const overview = await result.current.getMatchingOverview(mockHit);
             expect(overview).toBe(mockOverview);
-            expect(mockGetHit).toHaveBeenCalledWith('test-hit-id', true);
+            expect(mockGetRecord).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'));
+            mockGetRecord.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);
+            expect(mockGetRecord).toHaveBeenCalledWith('test-hit-id', true);
         });
     });
     describe('getMatchingDossiers', () => {
@@ -145,25 +145,25 @@ describe('useMatchers', () => {
             const { result } = renderHook(() => useMatchers());
             const dossiers = await result.current.getMatchingDossiers(mockHitWithMetadata);
             expect(dossiers).toBe(mockDossiers);
-            expect(mockGetHit).not.toHaveBeenCalled();
+            expect(mockGetRecord).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);
+            mockGetRecord.mockResolvedValue(hitWithFetchedMetadata);
             const { result } = renderHook(() => useMatchers());
             const dossiers = await result.current.getMatchingDossiers(mockHit);
             expect(dossiers).toBe(mockDossiers);
-            expect(mockGetHit).toHaveBeenCalledWith('test-hit-id', true);
+            expect(mockGetRecord).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'));
+            mockGetRecord.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);
+            expect(mockGetRecord).toHaveBeenCalledWith('test-hit-id', true);
         });
     });
     describe('integration tests', () => {
@@ -177,7 +177,7 @@ describe('useMatchers', () => {
                 ...mockHit,
                 __template: mockTemplate
             };
-            mockGetHit.mockResolvedValue({
+            mockGetRecord.mockResolvedValue({
                 ...mockHit,
                 __overview: mockOverview,
                 __dossiers: mockDossiers
@@ -200,7 +200,7 @@ describe('useMatchers', () => {
         it('should handle empty or undefined metadata gracefully', async () => {
             const { has } = await import('lodash-es');
             has.mockReturnValue(false);
-            mockGetHit.mockResolvedValue({
+            mockGetRecord.mockResolvedValue({
                 ...mockHit,
                 __template: undefined,
                 __overview: null,
@@ -213,7 +213,7 @@ describe('useMatchers', () => {
             expect(template).toBeUndefined();
             expect(overview).toBeNull();
             expect(dossiers).toEqual([]);
-            expect(mockGetHit).toHaveBeenCalledTimes(3);
+            expect(mockGetRecord).toHaveBeenCalledTimes(3);
         });
         it('should maintain referential equality of returned functions', () => {
             const { result, rerender } = renderHook(() => useMatchers());