@cccsaurora/howler-ui 2.14.0-dev.259 → 2.14.0-dev.263

package/components/app/drawers/AssignUserDrawer.js

@@ -0,0 +1,104 @@
+import { jsxs, jsx } from "/home/runner/work/howler/howler/ui/node_modules/.pnpm/react@18.3.1/node_modules/react/jsx-runtime.js";
+import { PersonOff } from "/home/runner/work/howler/howler/ui/node_modules/.pnpm/@mui+icons-material@5.18.0_@mui+material@5.18.0_@emotion+react@11.14.0_@types+react@18._b9cf98cd2d466d3b4f338d38bc895c0b/node_modules/@mui/icons-material/esm/index.js";
+import { Stack, Typography, Autocomplete, TextField, Box, Avatar, Button, CircularProgress } from "/home/runner/work/howler/howler/ui/node_modules/.pnpm/@mui+material@5.18.0_@emotion+react@11.14.0_@types+react@18.3.23_react@18.3.1__@emotion_19a5ee0476da228d66b5ad5c143bb0c3/node_modules/@mui/material/index.js";
+import { a as api } from "../../../index-BPPnUdfP.js";
+import HowlerAvatar from "../../elements/display/HowlerAvatar.js";
+import useMyApi from "../../hooks/useMyApi.js";
+import useMySnackbar from "../../hooks/useMySnackbar.js";
+import useMyUserList from "../../hooks/useMyUserList.js";
+import { useMemo, useState, useCallback } from "/home/runner/work/howler/howler/ui/node_modules/.pnpm/react@18.3.1/node_modules/react/index.js";
+import { useTranslation, Trans } from "/home/runner/work/howler/howler/ui/node_modules/.pnpm/react-i18next@14.1.3_i18next@23.16.8_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/react-i18next/dist/es/index.js";
+const AssignUserDrawer = ({ assignment, ids, onAssigned, skipSubmit = false }) => {
+  const { dispatchApi } = useMyApi();
+  const { showInfoMessage } = useMySnackbar();
+  const { t } = useTranslation();
+  const userIds = useMemo(() => /* @__PURE__ */ new Set(["*"]), []);
+  const users = useMyUserList(userIds);
+  const [assignedUserId, setAssignedUserId] = useState(assignment === "unassigned" ? null : assignment);
+  const [loading, setLoading] = useState(false);
+  const onSubmit = useCallback(async () => {
+    if (!skipSubmit) {
+      setLoading(true);
+      try {
+        await Promise.all(
+          ids.map(
+            (id) => dispatchApi(api.hit.assign.put(id, { value: assignedUserId !== "unassigned" ? assignedUserId : null }))
+          )
+        );
+        showInfoMessage(t("app.drawer.hit.assignment.success"));
+      } finally {
+        setLoading(false);
+      }
+    }
+    onAssigned(assignedUserId);
+  }, [assignedUserId, dispatchApi, ids, onAssigned, showInfoMessage, skipSubmit, t]);
+  return /* @__PURE__ */ jsxs(Stack, { direction: "column", spacing: 2, sx: { mt: 2 }, children: [
+    /* @__PURE__ */ jsx(Typography, { sx: { maxWidth: "500px" }, children: /* @__PURE__ */ jsx(Trans, { i18nKey: "app.drawer.hit.assignment.description" }) }),
+    /* @__PURE__ */ jsx(
+      Autocomplete,
+      {
+        disabled: Object.keys(users).length < 1,
+        autoComplete: true,
+        options: [
+          ...Object.values(users),
+          {
+            email: t("app.drawer.hit.assignment.unassigned.email"),
+            name: t("app.drawer.hit.assignment.unassigned.name"),
+            username: "unassigned"
+          }
+        ],
+        filterOptions: (_users, { inputValue }) => _users.filter(
+          (u) => u.email.toLowerCase().includes(inputValue.toLowerCase()) || u.name.toLowerCase().includes(inputValue.toLowerCase())
+        ),
+        onKeyDown: (e) => e.stopPropagation(),
+        getOptionLabel: (u) => u.name,
+        isOptionEqualToValue: (u, u2) => u.username === u2.username,
+        renderOption: (props, u) => {
+          return /* @__PURE__ */ jsx("li", { ...props, children: /* @__PURE__ */ jsxs(
+            Box,
+            {
+              sx: {
+                display: "grid",
+                gridTemplateColumns: "auto 1fr",
+                gridTemplateRows: "auto auto",
+                gridTemplateAreas: `"profile name"
+"profile email"`,
+                columnGap: 1.5
+              },
+              children: [
+                u.username !== "unassigned" ? /* @__PURE__ */ jsx(
+                  HowlerAvatar,
+                  {
+                    sx: { gridArea: "profile", alignSelf: "center", height: "32px", width: "32px" },
+                    userId: u.username
+                  }
+                ) : /* @__PURE__ */ jsx(Avatar, { sx: { gridArea: "profile", alignSelf: "center", height: "32px", width: "32px" }, children: /* @__PURE__ */ jsx(PersonOff, {}) }),
+                /* @__PURE__ */ jsx(Typography, { sx: { gridArea: "name" }, variant: "body1", children: u.name }),
+                /* @__PURE__ */ jsx(Typography, { sx: { gridArea: "email" }, variant: "caption", children: u.email })
+              ]
+            }
+          ) }, u.email);
+        },
+        renderInput: (params) => /* @__PURE__ */ jsx(TextField, { ...params, label: /* @__PURE__ */ jsx(Trans, { i18nKey: "app.drawer.hit.assignment.autocomplete.label" }) }),
+        value: users[assignedUserId] ?? null,
+        onChange: (_, value) => setAssignedUserId(value == null ? void 0 : value.username)
+      }
+    ),
+    /* @__PURE__ */ jsxs(
+      Button,
+      {
+        disabled: !assignedUserId || assignedUserId === assignment || loading,
+        variant: "contained",
+        sx: { alignSelf: "end" },
+        onClick: onSubmit,
+        children: [
+          loading && /* @__PURE__ */ jsx(CircularProgress, { size: "24px", sx: { mr: 1 } }),
+          /* @__PURE__ */ jsx(Trans, { i18nKey: "button.save" })
+        ]
+      }
+    )
+  ] });
+};
+export {
+  AssignUserDrawer as default
+};

package/components/app/drawers/ViewGroupsDrawer.d.ts

@@ -0,0 +1,7 @@
+import { GroupDetailsResponse } from '@cccsaurora/howler-ui/api/user/groups';
+import { FC } from 'react';
+type ViewGroupsDrawerProps = {
+    groups: GroupDetailsResponse;
+};
+declare const ViewGroupsDrawer: FC<ViewGroupsDrawerProps>;
+export default ViewGroupsDrawer;

package/components/app/drawers/ViewGroupsDrawer.js

@@ -0,0 +1,11 @@
+import { jsx, jsxs } from "/home/runner/work/howler/howler/ui/node_modules/.pnpm/react@18.3.1/node_modules/react/jsx-runtime.js";
+import { Stack, Box, Typography, Divider } from "/home/runner/work/howler/howler/ui/node_modules/.pnpm/@mui+material@5.18.0_@emotion+react@11.14.0_@types+react@18.3.23_react@18.3.1__@emotion_19a5ee0476da228d66b5ad5c143bb0c3/node_modules/@mui/material/index.js";
+const ViewGroupsDrawer = ({ groups }) => {
+  return /* @__PURE__ */ jsx(Stack, { direction: "column", spacing: 1, sx: { mt: 2 }, divider: /* @__PURE__ */ jsx(Divider, { orientation: "horizontal" }), children: groups.map((g) => /* @__PURE__ */ jsxs(Box, { children: [
+    /* @__PURE__ */ jsx(Typography, { variant: "body1", children: g.name }),
+    /* @__PURE__ */ jsx(Typography, { variant: "caption", color: "text.disabled", children: g.id })
+  ] }, g.id)) });
+};
+export {
+  ViewGroupsDrawer as default
+};

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

@@ -0,0 +1,9 @@
+import { Hit } from '@cccsaurora/howler-ui/models/entities/generated/Hit';
+import { 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,84 @@
+import { has } from "/home/runner/work/howler/howler/ui/node_modules/.pnpm/lodash-es@4.17.21/node_modules/lodash-es/lodash.js";
+import { useCallback } from "/home/runner/work/howler/howler/ui/node_modules/.pnpm/react@18.3.1/node_modules/react/index.js";
+import { useContextSelector } from "/home/runner/work/howler/howler/ui/node_modules/.pnpm/use-context-selector@2.0.0_react@18.3.1_scheduler@0.23.2/node_modules/use-context-selector/dist/index.js";
+import { HitContext } from "../providers/HitProvider.js";
+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;
+      }
+      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;
+      }
+      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;
+      }
+      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;
+      }
+      try {
+        return (await getHit(hit.howler.id, true)).__analytic;
+      } catch (e) {
+        console.warn(e);
+        return null;
+      }
+    },
+    [getHit]
+  );
+  return {
+    getMatchingDossiers,
+    getMatchingOverview,
+    getMatchingTemplate,
+    getMatchingAnalytic
+  };
+};
+export {
+  useMatchers as default
+};

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

@@ -0,0 +1,2 @@
+declare const useTitle: () => void;
+export default useTitle;

package/components/app/hooks/useTitle.js

@@ -0,0 +1,64 @@
+import useMySitemap from "../../hooks/useMySitemap.js";
+import { capitalize } from "/home/runner/work/howler/howler/ui/node_modules/.pnpm/lodash-es@4.17.21/node_modules/lodash-es/lodash.js";
+import { useContext, useCallback, useEffect } from "/home/runner/work/howler/howler/ui/node_modules/.pnpm/react@18.3.1/node_modules/react/index.js";
+import { useTranslation } from "/home/runner/work/howler/howler/ui/node_modules/.pnpm/react-i18next@14.1.3_i18next@23.16.8_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/react-i18next/dist/es/index.js";
+import { useLocation, useParams, useSearchParams } from "/home/runner/work/howler/howler/ui/node_modules/.pnpm/react-router-dom@6.30.1_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/react-router-dom/dist/index.js";
+import { useContextSelector } from "/home/runner/work/howler/howler/ui/node_modules/.pnpm/use-context-selector@2.0.0_react@18.3.1_scheduler@0.23.2/node_modules/use-context-selector/dist/index.js";
+import { AnalyticContext } from "../providers/AnalyticProvider.js";
+import { HitContext } from "../providers/HitProvider.js";
+const useTitle = () => {
+  const { t } = useTranslation();
+  const location = useLocation();
+  const params = useParams();
+  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;
+  }, []);
+  const runChecks = useCallback(async () => {
+    const searchType = location.pathname.replace(/^\/(\w+)(\/.+)?$/, "$1").replace(/s$/, "");
+    if (searchType === "analytic") {
+      if (params.id) {
+        const analytic = await getAnalyticFromId(params.id);
+        if (analytic) {
+          setTitle(`${t("route.analytics.view")} - ${analytic.name}`);
+        } else {
+          setTitle(`${t("route.analytics.view")}`);
+        }
+      } else {
+        setTitle(`Howler - ${t("route.analytics")}`);
+      }
+    } else if (searchType === "hit" && params.id) {
+      const hit = hits[params.id];
+      let newTitle = `${capitalize(hit.howler.escalation)} - ${hit.howler.analytic}`;
+      if (hit.howler.detection) {
+        newTitle += `: ${hit.howler.detection}`;
+      }
+      setTitle(newTitle);
+    } else if (searchType === "template" && location.pathname.endsWith("view") && searchParams.has("analytic")) {
+      let title = t("route.templates.view");
+      if (searchParams.has("analytic")) {
+        title += ` - ${searchParams.get("analytic")}`;
+      } else if (!searchParams.has("detection")) {
+        title = `Howler - ${title}`;
+      }
+      if (searchParams.has("detection")) {
+        title += `: ${searchParams.get("detection")}`;
+      }
+      setTitle(title);
+    } else {
+      const matchingRoute = sitemap.routes.find((_route) => _route.path === location.pathname);
+      if (matchingRoute) {
+        setTitle(`Howler - ${t(matchingRoute.title)}`);
+      }
+    }
+  }, [getAnalyticFromId, location.pathname, params.id, searchParams, hits, setTitle, sitemap.routes, t]);
+  useEffect(() => {
+    runChecks();
+  }, [runChecks]);
+};
+export {
+  useTitle as default
+};

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

@@ -0,0 +1,10 @@
+import { Analytic } from '@cccsaurora/howler-ui/models/entities/generated/Analytic';
+import { FC, PropsWithChildren } from 'react';
+interface AnalyticContextType {
+    ready: boolean;
+    analytics: Analytic[];
+    getAnalyticFromId: (id: string) => Promise<Analytic>;
+}
+export declare const AnalyticContext: import('react').Context<AnalyticContextType>;
+declare const AnalyticProvider: FC<PropsWithChildren>;
+export default AnalyticProvider;

package/components/app/providers/AnalyticProvider.js

@@ -0,0 +1,63 @@
+import { jsx } from "/home/runner/work/howler/howler/ui/node_modules/.pnpm/react@18.3.1/node_modules/react/jsx-runtime.js";
+import { a as api } from "../../../index-BPPnUdfP.js";
+import "../../../commons/components/app/AppContexts.js";
+import { createContext, useState, useCallback, useEffect } from "/home/runner/work/howler/howler/ui/node_modules/.pnpm/react@18.3.1/node_modules/react/index.js";
+import "../../../i18n.js";
+import "../../../commons/components/app/hooks/useAppSitemap.js";
+import { useAppUser } from "../../../commons/components/app/hooks/useAppUser.js";
+const AnalyticContext = createContext(null);
+const PROMISES = {};
+const AnalyticProvider = ({ children }) => {
+  const appUser = useAppUser();
+  const [fetching, setFetching] = useState(false);
+  const [ready, setReady] = useState(false);
+  const [analytics, setAnalytics] = useState([]);
+  const fetchAnalytics = useCallback(async () => {
+    if (ready || fetching) {
+      return;
+    }
+    try {
+      setFetching(true);
+      setAnalytics(await api.analytic.get() ?? []);
+      setReady(true);
+    } finally {
+      setFetching(false);
+    }
+  }, [ready, fetching]);
+  useEffect(() => {
+    if (!ready && appUser.isReady()) {
+      fetchAnalytics();
+    }
+  }, [ready, appUser, fetchAnalytics]);
+  const getAnalyticFromId = useCallback(
+    async (id) => {
+      var _a;
+      const candidate = analytics == null ? void 0 : analytics.find((_analytic) => _analytic.analytic_id === id);
+      if (candidate) {
+        return candidate;
+      }
+      if (!PROMISES[id]) {
+        PROMISES[id] = api.search.analytic.post({
+          query: `analytic_id:${id}`
+        });
+      }
+      try {
+        const result = await PROMISES[id];
+        const analytic = (_a = result.items) == null ? void 0 : _a[0];
+        if (analytic) {
+          setAnalytics([...analytics ?? [], analytic]);
+          return analytic;
+        }
+      } catch (e) {
+        console.error(e);
+      }
+      return null;
+    },
+    [analytics]
+  );
+  return /* @__PURE__ */ jsx(AnalyticContext.Provider, { value: { analytics, ready, getAnalyticFromId }, children });
+};
+export {
+  AnalyticContext,
+  AnalyticProvider as default
+};

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

@@ -0,0 +1,9 @@
+import { ApiType } from '@cccsaurora/howler-ui/models/entities/generated/ApiType';
+import { FC, PropsWithChildren } from 'react';
+export type ApiConfigContextType = {
+    config: ApiType;
+    setConfig: (config: ApiType) => void;
+};
+export declare const ApiConfigContext: import('react').Context<ApiConfigContextType>;
+declare const ApiConfigProvider: FC<PropsWithChildren>;
+export default ApiConfigProvider;

package/components/app/providers/ApiConfigProvider.js

@@ -0,0 +1,24 @@
+import { jsx } from "/home/runner/work/howler/howler/ui/node_modules/.pnpm/react@18.3.1/node_modules/react/jsx-runtime.js";
+import { createContext, useState, useMemo } from "/home/runner/work/howler/howler/ui/node_modules/.pnpm/react@18.3.1/node_modules/react/index.js";
+const ApiConfigContext = createContext(null);
+const ApiConfigProvider = ({ children }) => {
+  const [config, setConfig] = useState({
+    indexes: null,
+    lookups: null,
+    configuration: null,
+    c12nDef: null,
+    mapping: null
+  });
+  const context = useMemo(
+    () => ({
+      config,
+      setConfig
+    }),
+    [config, setConfig]
+  );
+  return /* @__PURE__ */ jsx(ApiConfigContext.Provider, { value: context, children });
+};
+export {
+  ApiConfigContext,
+  ApiConfigProvider as default
+};

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

@@ -0,0 +1,10 @@
+import { FC, PropsWithChildren } from 'react';
+import { AppDrawerProps } from '../drawers/AppDrawerType';
+export type AppDrawerContextState = {
+    close: () => void;
+    open: (props: AppDrawerProps) => void;
+    props: AppDrawerProps;
+};
+export declare const AppDrawerContext: import('react').Context<AppDrawerContextState>;
+declare const AppDrawerProvider: FC<PropsWithChildren>;
+export default AppDrawerProvider;

package/components/app/providers/AppDrawerProvider.js

@@ -0,0 +1,38 @@
+import { jsxs, jsx } from "/home/runner/work/howler/howler/ui/node_modules/.pnpm/react@18.3.1/node_modules/react/jsx-runtime.js";
+import { Drawer, Typography } from "/home/runner/work/howler/howler/ui/node_modules/.pnpm/@mui+material@5.18.0_@emotion+react@11.14.0_@types+react@18.3.23_react@18.3.1__@emotion_19a5ee0476da228d66b5ad5c143bb0c3/node_modules/@mui/material/index.js";
+import PageContent from "../../../commons/components/pages/PageContent.js";
+import { createContext, useState, useCallback, useMemo } from "/home/runner/work/howler/howler/ui/node_modules/.pnpm/react@18.3.1/node_modules/react/index.js";
+import { useTranslation } from "/home/runner/work/howler/howler/ui/node_modules/.pnpm/react-i18next@14.1.3_i18next@23.16.8_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/react-i18next/dist/es/index.js";
+const APPDRAWER_INIT_STATE = {
+  props: { titleKey: null, children: null, onClosed: () => null },
+  close: () => null,
+  open: () => null
+};
+const AppDrawerContext = createContext(APPDRAWER_INIT_STATE);
+const AppDrawerProvider = ({ children }) => {
+  const { t } = useTranslation();
+  const [isOpen, setOpen] = useState(false);
+  const [props, setProps] = useState(APPDRAWER_INIT_STATE.props);
+  const close = useCallback(() => {
+    setOpen(false);
+    if (props.onClosed) {
+      props.onClosed();
+    }
+  }, [props]);
+  const open = useCallback((_props) => {
+    setOpen(true);
+    setProps(_props);
+  }, []);
+  const context = useMemo(() => ({ props, open, close }), [props, open, close]);
+  return /* @__PURE__ */ jsxs(AppDrawerContext.Provider, { value: context, children: [
+    children,
+    /* @__PURE__ */ jsx(Drawer, { anchor: "right", open: isOpen, PaperProps: { sx: { minWidth: 500 } }, onClose: close, children: /* @__PURE__ */ jsxs(PageContent, { children: [
+      /* @__PURE__ */ jsx(Typography, { variant: "h4", children: t(props.titleKey) }),
+      props.children
+    ] }) })
+  ] });
+};
+export {
+  AppDrawerContext,
+  AppDrawerProvider as default
+};

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

@@ -0,0 +1,7 @@
+import { FC, PropsWithChildren } from 'react';
+interface AvatarContextType {
+    getAvatar: (id: string) => Promise<string>;
+}
+export declare const AvatarContext: import('react').Context<AvatarContextType>;
+declare const AvatarProvider: FC<PropsWithChildren>;
+export default AvatarProvider;

package/components/app/providers/AvatarProvider.js

@@ -0,0 +1,32 @@
+import { jsx } from "/home/runner/work/howler/howler/ui/node_modules/.pnpm/react@18.3.1/node_modules/react/jsx-runtime.js";
+import { a as api } from "../../../index-BPPnUdfP.js";
+import useMyApi from "../../hooks/useMyApi.js";
+import { createContext, useCallback } from "/home/runner/work/howler/howler/ui/node_modules/.pnpm/react@18.3.1/node_modules/react/index.js";
+const AvatarContext = createContext(null);
+const promises = {};
+const AvatarProvider = ({ children }) => {
+  const { dispatchApi } = useMyApi();
+  const getAvatar = useCallback(
+    (id) => {
+      if (!id) {
+        return Promise.resolve("");
+      }
+      if (promises[id]) {
+        return promises[id];
+      }
+      try {
+        promises[id] = dispatchApi(api.user.avatar.get(id), { logError: false, showError: false, throwError: false });
+        return promises[id];
+      } catch (e) {
+        promises[id] = api.user.get(id).then((user) => user.name);
+        return promises[id];
+      }
+    },
+    [dispatchApi]
+  );
+  return /* @__PURE__ */ jsx(AvatarContext.Provider, { value: { getAvatar }, children });
+};
+export {
+  AvatarContext,
+  AvatarProvider as default
+};

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

@@ -0,0 +1,3 @@
+import { FC, PropsWithChildren } from 'react';
+declare const CustomPluginProvider: FC<PropsWithChildren>;
+export default CustomPluginProvider;

package/components/app/providers/CustomPluginProvider.js

@@ -0,0 +1,16 @@
+import { jsx } from "/home/runner/work/howler/howler/ui/node_modules/.pnpm/react@18.3.1/node_modules/react/jsx-runtime.js";
+import howlerPluginStore from "../../../plugins/store.js";
+import { usePluginStore } from "/home/runner/work/howler/howler/ui/node_modules/.pnpm/react-pluggable@0.4.3_react@18.3.1/node_modules/react-pluggable/dist/react-pluggable.esm.js";
+const CustomPluginProvider = ({ children }) => {
+  const pluginStore = usePluginStore();
+  return howlerPluginStore.plugins.reduce((_children, plugin) => {
+    const Provider = pluginStore.executeFunction(`${plugin}.provider`);
+    if (!Provider) {
+      return _children;
+    }
+    return /* @__PURE__ */ jsx(Provider, { children: _children });
+  }, children);
+};
+export {
+  CustomPluginProvider as default
+};

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

@@ -0,0 +1,4 @@
+import { FC, PropsWithChildren } from 'react';
+export declare const FavouriteContext: import('react').Context<object>;
+declare const FavouriteProvider: FC<PropsWithChildren>;
+export default FavouriteProvider;

package/components/app/providers/FavouritesProvider.js

@@ -0,0 +1,136 @@
+import { jsx } from "/home/runner/work/howler/howler/ui/node_modules/.pnpm/react@18.3.1/node_modules/react/jsx-runtime.js";
+import { SavedSearch, QueryStats } from "/home/runner/work/howler/howler/ui/node_modules/.pnpm/@mui+icons-material@5.18.0_@mui+material@5.18.0_@emotion+react@11.14.0_@types+react@18._b9cf98cd2d466d3b4f338d38bc895c0b/node_modules/@mui/icons-material/esm/index.js";
+import "../../../commons/components/app/AppContexts.js";
+import { createContext, useContext, useCallback, useEffect } from "/home/runner/work/howler/howler/ui/node_modules/.pnpm/react@18.3.1/node_modules/react/index.js";
+import "../../../i18n.js";
+import { useAppLeftNav } from "../../../commons/components/app/hooks/useAppLeftNav.js";
+import "../../../commons/components/app/hooks/useAppSitemap.js";
+import { useAppUser } from "../../../commons/components/app/hooks/useAppUser.js";
+import { uniq, sortBy } from "/home/runner/work/howler/howler/ui/node_modules/.pnpm/lodash-es@4.17.21/node_modules/lodash-es/lodash.js";
+import { useTranslation } from "/home/runner/work/howler/howler/ui/node_modules/.pnpm/react-i18next@14.1.3_i18next@23.16.8_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/react-i18next/dist/es/index.js";
+import { useContextSelector } from "/home/runner/work/howler/howler/ui/node_modules/.pnpm/use-context-selector@2.0.0_react@18.3.1_scheduler@0.23.2/node_modules/use-context-selector/dist/index.js";
+import { AnalyticContext } from "./AnalyticProvider.js";
+import { ViewContext } from "./ViewProvider.js";
+const FavouriteContext = createContext(null);
+const FavouriteProvider = ({ children }) => {
+  var _a, _b;
+  const { t } = useTranslation();
+  const leftNav = useAppLeftNav();
+  const appUser = useAppUser();
+  const analytics = useContext(AnalyticContext);
+  const fetchViews = useContextSelector(ViewContext, (ctx) => ctx.fetchViews);
+  const processViewElement = useCallback(async () => {
+    var _a2, _b2, _c;
+    const viewElement = leftNav.elements.find((el) => {
+      var _a3;
+      return ((_a3 = el.element) == null ? void 0 : _a3.id) === "views";
+    });
+    const favourites = uniq(((_a2 = appUser.user) == null ? void 0 : _a2.favourite_views) || []);
+    if (favourites.length < 1 && !viewElement) {
+      return null;
+    }
+    if (favourites.length < 1) {
+      return null;
+    }
+    if (favourites.length === ((_c = (_b2 = viewElement == null ? void 0 : viewElement.element) == null ? void 0 : _b2.items) == null ? void 0 : _c.length)) {
+      return viewElement;
+    }
+    const savedViews = await fetchViews(favourites);
+    const items = sortBy(savedViews, "title").filter((view) => !!view).map((view) => ({
+      id: view.view_id,
+      text: t(view.title),
+      route: `/views/${view.view_id}`,
+      nested: true
+    }));
+    if (viewElement) {
+      const newViewElement = {
+        type: "group",
+        element: {
+          ...viewElement.element,
+          items
+        }
+      };
+      return newViewElement;
+    } else {
+      return {
+        type: "group",
+        element: {
+          id: "views",
+          i18nKey: "route.views.saved",
+          icon: /* @__PURE__ */ jsx(SavedSearch, {}),
+          items
+        }
+      };
+    }
+  }, [(_a = appUser.user) == null ? void 0 : _a.favourite_views, fetchViews, leftNav.elements, t]);
+  const processAnalyticElement = useCallback(() => {
+    var _a2, _b2, _c;
+    const analyticElement = leftNav.elements.find((el) => {
+      var _a3;
+      return ((_a3 = el.element) == null ? void 0 : _a3.id) === "analytics";
+    });
+    const favourites = (_a2 = appUser.user) == null ? void 0 : _a2.favourite_analytics;
+    if (favourites.length < 1 && !analyticElement) {
+      return null;
+    }
+    if (favourites.length < 1) {
+      return null;
+    }
+    if (favourites.length === ((_c = (_b2 = analyticElement == null ? void 0 : analyticElement.element) == null ? void 0 : _b2.items) == null ? void 0 : _c.length)) {
+      return analyticElement;
+    }
+    const items = favourites.map((aid) => {
+      const analytic = analytics.analytics.find((v) => v.analytic_id === aid);
+      return analytic ? {
+        id: analytic.analytic_id,
+        text: t(analytic.name),
+        route: `/analytics/${analytic.analytic_id}`,
+        nested: true
+      } : null;
+    }).filter((v) => !!v);
+    if (analyticElement) {
+      return {
+        type: "group",
+        element: {
+          ...analyticElement.element,
+          items
+        }
+      };
+    } else {
+      return {
+        type: "group",
+        element: {
+          id: "analytics",
+          i18nKey: "route.analytics.pinned",
+          icon: /* @__PURE__ */ jsx(QueryStats, {}),
+          items
+        }
+      };
+    }
+  }, [analytics.analytics, (_b = appUser.user) == null ? void 0 : _b.favourite_analytics, leftNav, t]);
+  useEffect(() => {
+    if (!appUser.isReady() || !analytics.ready) {
+      return;
+    }
+    const newElements = leftNav.elements.filter((el) => {
+      var _a2;
+      return !["views", "analytics"].includes((_a2 = el.element) == null ? void 0 : _a2.id);
+    }).filter((el) => !!el);
+    (async () => {
+      const analyticElement = processAnalyticElement();
+      if (analyticElement) {
+        newElements.splice(1, 0, analyticElement);
+      }
+      const viewElement = await processViewElement();
+      if (viewElement) {
+        newElements.splice(1, 0, viewElement);
+      }
+      leftNav.setElements(newElements);
+    })();
+  }, [analytics.ready, appUser]);
+  return /* @__PURE__ */ jsx(FavouriteContext.Provider, { value: {}, children });
+};
+export {
+  FavouriteContext,
+  FavouriteProvider as default
+};