@equinor/roma-framework 3.0.0 → 4.0.0

package/lib/dev-portal/config/AppClient.d.ts

@@ -5,6 +5,7 @@ import { FetchRequest } from '@equinor/fusion-framework-module-http/client';
 export declare class CustomAppClient implements IAppClient {
     #private;
     private client;
+    private graphClient;
     getAppConfig({}: {
         appKey: string;
         tag?: string;
@@ -12,8 +13,67 @@ export declare class CustomAppClient implements IAppClient {
     getAppManifest({ appKey }: {
         appKey: string;
     }): Observable<AppManifest>;
-    getAppManifests(): Observable<never[] | AppManifest[]>;
+    getAppManifests(): Observable<never[] | {
+        hasAccess: boolean | undefined;
+        key: string;
+        appKey: string;
+        name: string;
+        displayName: string;
+        description: string;
+        type: "template" | "standalone" | "report" | "launcher";
+        isPinned?: boolean | null | undefined;
+        templateSource?: string | null | undefined;
+        category?: ({
+            id: string;
+            name: string;
+            displayName: string;
+            color: string;
+            defaultIcon: string;
+            sortOrder: number;
+        } & import('../../api/roma').CategoryDto) | undefined;
+        visualization?: {
+            color?: string | null | undefined;
+            icon?: string | null | undefined;
+            sortOrder: number;
+        } | null | undefined;
+        keywords?: string[] | null | undefined;
+        admins?: {
+            id: string;
+            azureUniqueId: string;
+            displayName: string;
+            mail?: string | null | undefined;
+            upn?: string | null | undefined;
+            accountType: string;
+            accountClassification?: string | null | undefined;
+            isExpired?: boolean | null | undefined;
+        }[] | null | undefined;
+        owners?: {
+            id: string;
+            azureUniqueId: string;
+            displayName: string;
+            mail?: string | null | undefined;
+            upn?: string | null | undefined;
+            accountType: string;
+            accountClassification?: string | null | undefined;
+            isExpired?: boolean | null | undefined;
+        }[] | null | undefined;
+        build?: import('@equinor/fusion-framework-module-app').AppBuildManifest | null | undefined;
+        accentColor?: string;
+        categoryId: string;
+        entry: string;
+        hide?: boolean;
+        icon?: string;
+        order?: number;
+        publishedDate?: string;
+        shortName: string;
+        tags?: string[];
+        version: import('../../api/roma').VersionDto;
+        config?: {
+            groups: Array<string>;
+        };
+    }[]>;
     getAppSettings(): Observable<{}>;
     updateAppSettings(): Observable<{}>;
-    constructor(client: IHttpClient<FetchRequest, Response>);
+    constructor(client: IHttpClient<FetchRequest, Response>, graphClient: IHttpClient<FetchRequest, Response>);
+    [Symbol.dispose](): void;
 }

package/lib/eds-event-provider.d.ts

@@ -1,6 +1,7 @@
 import { IEventModuleProvider } from '@equinor/fusion-framework-module-event';
 import { ReactNode } from 'react';
-export declare const EdsEventProvider: ({ event, children }: {
+export declare const EdsEventProvider: ({ event, children, portalContainer, }: {
     event: IEventModuleProvider;
     children: ReactNode;
+    portalContainer: string;
 }) => import("react/jsx-runtime").JSX.Element;

package/lib/make-component.d.ts

@@ -8,5 +8,5 @@ export type RomaComponentRenderArgs = FusionComponentRenderArgs & {
     query?: QueryClient;
 };
 export type RomaAppModuleInitiator<TModules extends Array<AnyModule> | unknown = unknown, TRef extends Fusion = Fusion, TEnv = AppEnv> = AppModuleInitiator<TModules, TRef, TEnv>;
-export declare const makeComponent: <TModules extends Array<AnyModule>, TRef extends Fusion = Fusion<unknown>, TEnv extends AppEnv = AppEnv>(Component: React.ReactNode, args: RomaComponentRenderArgs, configure?: RomaAppModuleInitiator<TModules, TRef, TEnv>) => React.LazyExoticComponent<() => import("react/jsx-runtime").JSX.Element>;
+export declare const makeComponent: <TModules extends Array<AnyModule>, TRef extends Fusion = Fusion, TEnv extends AppEnv = AppEnv>(Component: React.ReactNode, args: RomaComponentRenderArgs, configure?: RomaAppModuleInitiator<TModules, TRef, TEnv>) => React.LazyExoticComponent<() => import("react/jsx-runtime").JSX.Element>;
 export declare const withStyleIsolation: (children: ReactNode, args: RomaComponentRenderArgs) => React.LazyExoticComponent<() => import("react/jsx-runtime").JSX.Element>;

package/lib/test-utils/roma-cypress-wrapper.d.ts

@@ -1,10 +1,10 @@
 import { ReactNode } from 'react';
-import { MountOptions } from 'cypress/react18';
+import { MountOptions } from 'cypress/react';
 import { ServerSentEvent } from '../../../../modules/sse/src/index.ts';
 type RomaMountOptions = MountOptions & {
     moduleConfig?: {
         events?: Array<ServerSentEvent>;
     };
 };
-export declare const mount: (component: ReactNode, options?: RomaMountOptions) => Cypress.Chainable<import('cypress/react18').MountReturn>;
+export declare const mount: (component: ReactNode, options?: RomaMountOptions) => Cypress.Chainable<import('cypress/react').MountReturn>;
 export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@equinor/roma-framework",
-  "version": "3.0.0",
+  "version": "4.0.0",
   "repository": "https://github.com/equinor/tops-roma",
   "types": "./index.d.ts",
   "private": false,

package/roma-framework.mjs

@@ -13,18 +13,18 @@ import * as React from "react";
 import { useState, useEffect, lazy, useRef, createContext, useContext, useMemo } from "react";
 import { ModuleProvider } from "@equinor/fusion-framework-react-module";
 import styled, { StyleSheetManager, keyframes } from "styled-components";
-import { EdsProvider, StarProgress, Typography, Card, Button, TopBar, SideSheet, Menu, Tooltip, Icon } from "@equinor/eds-core-react";
-import { E as EmptyError, o as operate, c as createOperatorSubscriber, i as innerFrom, a as identity, b as isFunction, I as IntlProvider, d as invariant, j as joinPaths, g as getPathContributingMatches, r as resolveTo, w as warning, s as stripBasename, e as createPath, B as BehaviorSubject, f as firstValueFrom, h as getDefaultExportFromCjs, k as of, l as from } from "./router-DDzmmkip.mjs";
+import { EdsProvider, StarProgress, Typography, Card, Button, TopBar, Chip, SideSheet, Menu, Tooltip, Icon, List } from "@equinor/eds-core-react";
+import { E as EmptyError, o as operate, c as createOperatorSubscriber, i as innerFrom, a as identity, b as isFunction, I as IntlProvider, d as invariant, j as joinPaths, g as getPathContributingMatches, r as resolveTo, w as warning, s as stripBasename, e as createPath, B as BehaviorSubject, f as firstValueFrom, h as getDefaultExportFromCjs, k as of, l as from } from "./router-JkkLp8wN.mjs";
 import { QueryClient, QueryClientProvider, useQueryClient, useQuery, useMutation } from "@tanstack/react-query";
 import { useCurrentApp, useApps as useApps$1 } from "@equinor/fusion-framework-react/app";
 import { App } from "@equinor/fusion-framework-module-app/app";
+import { tokens } from "@equinor/eds-tokens";
 import { comment_more, accessible, account_circle, help_outline } from "@equinor/eds-icons";
 import { enableAppModule } from "@equinor/fusion-framework-module-app";
 import { enableContext } from "@equinor/fusion-framework-module-context";
 import { enableNavigation } from "@equinor/fusion-framework-module-navigation";
 import { ModuleConfigBuilder } from "@equinor/fusion-framework-module";
 import { enableServiceDiscovery } from "@equinor/fusion-framework-module-service-discovery";
-import { tokens } from "@equinor/eds-tokens";
 import { useHttpClient } from "@equinor/fusion-framework-react-module-http";
 const createExtraScopePlugin = (scope) => {
   const plugin = (element, index, childEls) => {
@@ -162,18 +162,38 @@ function tap(observerOrNext, error, complete) {
     }));
   }) : identity;
 }
-const EdsEventProvider = ({ event, children }) => {
+const EdsEventProvider = ({
+  event,
+  children,
+  portalContainer
+}) => {
   const [density, setDensity] = useState(
     localStorage.getItem("roma__density") ?? "comfortable"
   );
   const evModule = useFramework().modules.event;
+  const [root, setRoot] = useState(null);
   useEffect(() => {
     const sub = evModule.event$.pipe(filter((e) => e.type === "onDensityChanged")).subscribe((e) => {
       setDensity(e.detail);
     });
     return () => sub.unsubscribe();
   }, [event]);
-  return /* @__PURE__ */ jsx(EdsProvider, { density, children });
+  useEffect(() => {
+    if (root) return;
+    const interval = setInterval(() => {
+      setRoot(document.querySelector(`#${portalContainer}`));
+    }, 250);
+    if (root) clearInterval(interval);
+    return () => clearInterval(interval);
+  }, [root, portalContainer]);
+  return /* @__PURE__ */ jsx(
+    EdsProvider,
+    {
+      density,
+      rootElement: document.querySelector(`#${portalContainer}`),
+      children
+    }
+  );
 };
 const makeComponent = (Component, args, configure2) => lazy(async () => {
   const init = configureModules(configure2);
@@ -187,7 +207,14 @@ const makeComponent = (Component, args, configure2) => lazy(async () => {
   });
   const queryClient = args.query ?? new QueryClient();
   return {
-    default: () => /* @__PURE__ */ jsx(FrameworkProvider, { value: fusion, children: /* @__PURE__ */ jsx(IntlProvider, { locale: navigator.language, children: /* @__PURE__ */ jsx(QueryClientProvider, { client: queryClient, children: /* @__PURE__ */ jsx(StyleProvider, { scope: `roma-${appKey}`, children: /* @__PURE__ */ jsx(EdsEventProvider, { event: modules.event, children: /* @__PURE__ */ jsx(ModuleProvider, { value: modules, children: Component }) }) }) }) }) })
+    default: () => /* @__PURE__ */ jsx(FrameworkProvider, { value: fusion, children: /* @__PURE__ */ jsx(IntlProvider, { locale: navigator.language, children: /* @__PURE__ */ jsx(QueryClientProvider, { client: queryClient, children: /* @__PURE__ */ jsx(StyleProvider, { scope: `roma-${appKey}`, children: /* @__PURE__ */ jsx(
+      EdsEventProvider,
+      {
+        portalContainer: `roma-${appKey}`,
+        event: modules.event,
+        children: /* @__PURE__ */ jsx(ModuleProvider, { value: modules, children: Component })
+      }
+    ) }) }) }) })
   };
 });
 const withStyleIsolation = (children, args) => lazy(async () => {
@@ -1111,6 +1138,12 @@ const Styled = {
     margin-left: 1.5rem;
   `
 };
+const EnvChip = styled(Chip)`
+  background-color: ${tokens.colors.interactive.primary__resting.rgba};
+  color: ${tokens.colors.text.static_icons__primary_white.hex};
+  margin-left: 16px;
+  padding: 0 32px;
+`;
 const StyledSideSheet = styled(SideSheet)`
   position: fixed;
   right: 0;
@@ -1283,7 +1316,18 @@ const HeaderMenu = ({ menuState }) => {
     ) })
   ] });
 };
+const getEnvironment = async () => {
+  const request = await fetch("/_discovery/environments/current");
+  const environment = await request.json();
+  const isProd = environment.type === "Production";
+  return {
+    name: environment.type,
+    environmentName: environment.environmentName,
+    isProd
+  };
+};
 const Header = () => {
+  var _a;
   const [a11yOpen, setA11yOpen] = useState(false);
   const [userMenuOpen, setUserMenuOpen] = useState(false);
   const [activityLogOpen, setActivityLogOpen] = useState(false);
@@ -1296,15 +1340,31 @@ const Header = () => {
     activityLogOpen,
     setActivityLogOpen
   };
+  const [env, setEnv] = useState(null);
+  useEffect(() => {
+    getEnvironment().then((info) => {
+      setEnv(info);
+    });
+  }, []);
   return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsxs(TopBarFadeIn, { id: "cli-top-bar", children: [
-      /* @__PURE__ */ jsx(TopBar.Header, { children: /* @__PURE__ */ jsxs(Styled.Title, { children: [
-        /* @__PURE__ */ jsx(Icon, { color: "#eb0037", data: logoIcon, viewBox: "0 0 42 48" }),
-        /* @__PURE__ */ jsx("span", { children: "Roma" })
-      ] }) }),
-      /* @__PURE__ */ jsx(TopBar.CustomContent, {}),
-      /* @__PURE__ */ jsx(TopBar.Actions, { children: /* @__PURE__ */ jsx(HeaderMenu, { menuState: headerMenuState }) })
-    ] }),
+    /* @__PURE__ */ jsxs(
+      TopBarFadeIn,
+      {
+        id: "cli-top-bar",
+        style: !(env == null ? void 0 : env.isProd) ? {
+          backgroundColor: tokens.colors.interactive.warning__highlight.rgba
+        } : void 0,
+        children: [
+          /* @__PURE__ */ jsx(TopBar.Header, { children: /* @__PURE__ */ jsxs(Styled.Title, { children: [
+            /* @__PURE__ */ jsx(Icon, { color: "#eb0037", data: logoIcon, viewBox: "0 0 42 48" }),
+            /* @__PURE__ */ jsx("span", { children: "Roma" }),
+            env && !(env == null ? void 0 : env.isProd) && /* @__PURE__ */ jsx(EnvChip, { children: (_a = env == null ? void 0 : env.environmentName) == null ? void 0 : _a.split(" ")[0].toUpperCase() })
+          ] }) }),
+          /* @__PURE__ */ jsx(TopBar.CustomContent, {}),
+          /* @__PURE__ */ jsx(TopBar.Actions, { children: /* @__PURE__ */ jsx(HeaderMenu, { menuState: headerMenuState }) })
+        ]
+      }
+    ),
     /* @__PURE__ */ jsx(SideSheets, { apps: allApps, menuState: headerMenuState })
   ] });
 };
@@ -3863,9 +3923,10 @@ const rootSchema = create$3({
   })
 });
 class CustomAppClient {
-  constructor(client) {
+  constructor(client, graphClient) {
     __privateAdd(this, _manifests, []);
     this.client = client;
+    this.graphClient = graphClient;
   }
   // eslint-disable-next-line no-empty-pattern
   getAppConfig({}) {
@@ -3884,7 +3945,75 @@ class CustomAppClient {
   getAppManifests() {
     return this.client.fetch$(`/api/apps`).pipe(
       switchMap(
-        (r) => from(r.json())
+        (r) => from(r.json()).pipe(
+          catchError(() => {
+            let message = "Error fetching app manifests: ";
+            if (r.status === 403 || r.status === 401) {
+              message = /* @__PURE__ */ jsxs("div", { children: [
+                /* @__PURE__ */ jsx(Typography, { children: "You are not authorized to view this page." }),
+                /* @__PURE__ */ jsx("br", {}),
+                " ",
+                /* @__PURE__ */ jsx(Typography, { variant: "body_short", children: "Please apply for the relevant roles in Access IT:" }),
+                /* @__PURE__ */ jsx("br", {}),
+                /* @__PURE__ */ jsxs(List, { children: [
+                  /* @__PURE__ */ jsx(List.Item, { children: /* @__PURE__ */ jsx(
+                    Tooltip,
+                    {
+                      title: "Will also grant access to Roma Workbench",
+                      children: /* @__PURE__ */ jsx(
+                        Typography,
+                        {
+                          variant: "body_short_link",
+                          as: "a",
+                          href: "https://accessit.equinor.com/Search/Search?term=COMMERCIAL+OPERATOR+LIQUIDS+ACCESS+CONTROL",
+                          children: "Cargo Operations - Commercial Operator"
+                        }
+                      )
+                    }
+                  ) }),
+                  /* @__PURE__ */ jsx(List.Item, { children: /* @__PURE__ */ jsx(
+                    Tooltip,
+                    {
+                      title: "Apply for the access & sales office relevant for your role",
+                      children: /* @__PURE__ */ jsx(
+                        Typography,
+                        {
+                          variant: "body_short_link",
+                          as: "a",
+                          href: "https://accessit.equinor.com/Search/Search?term=LIQUIDS+ACCESS+CONTROL",
+                          children: "Trading systems"
+                        }
+                      )
+                    }
+                  ) }),
+                  /* @__PURE__ */ jsx(List.Item, { children: /* @__PURE__ */ jsx(
+                    Tooltip,
+                    {
+                      title: "Autogranted via cargo / trading roles",
+                      children: /* @__PURE__ */ jsx(
+                        Typography,
+                        {
+                          variant: "body_short_link",
+                          as: "a",
+                          href: "https://accessit.equinor.com/Search/Search?term=User+%28TOPS+ROMA%29",
+                          children: "Roma Workbench - TOPS ROMA User"
+                        }
+                      )
+                    }
+                  ) })
+                ] })
+              ] });
+            } else {
+              message = `${message} ${r.statusText}`;
+            }
+            window.Fusion.modules.event.dispatchEvent("workbenchInitError", {
+              detail: {
+                message
+              }
+            });
+            return of([]);
+          })
+        )
       ),
       map(
         (v) => v.map((vv) => {
@@ -3898,6 +4027,7 @@ class CustomAppClient {
           return {
             ...vv,
             entry: pathname,
+            config: vv.config ?? { groups: null, admins: null, roles: null },
             keywords: vv.keywords ?? vv.tags,
             appKey: vv.appKey ?? vv.key,
             name: vv.displayName ?? vv.name,
@@ -3913,6 +4043,20 @@ class CustomAppClient {
           };
         })
       ),
+      switchMap((apps) => {
+        return this.graphClient.fetch(`v1.0/me/memberOf?$select=id`).then((r) => r.json()).then((res) => {
+          const list = res.value.map(
+            (v) => v.id
+          );
+          return apps.map((app) => {
+            var _a, _b;
+            return {
+              ...app,
+              hasAccess: (((_a = app.config) == null ? void 0 : _a.groups) ?? []).length === 0 || ((_b = app.config) == null ? void 0 : _b.groups.some((g) => list.includes(g)))
+            };
+          });
+        });
+      }),
       tap((v) => __privateSet(this, _manifests, v)),
       catchError((err) => {
         console.error("Error fetching app manifests", err);
@@ -3928,6 +4072,8 @@ class CustomAppClient {
     console.log("updateAppSettings");
     return of({});
   }
+  [Symbol.dispose]() {
+  }
 }
 _manifests = new WeakMap();
 class ServiceDiscoveryClient {
@@ -3956,14 +4102,19 @@ class ServiceDiscoveryClient {
   }
 }
 const configure = async (config) => {
-  var _a;
+  var _a, _b;
   const request = await fetch("/_discovery/environments/current");
   const environment = await request.json();
   const services = environment.services;
   if (!services) {
     throw new Error(`ServiceDiscoveryMissingError: No services found`);
   }
-  const portalService = (_a = environment.services) == null ? void 0 : _a.find((v) => v.key === "portal");
+  const portalService = (_a = environment.services) == null ? void 0 : _a.find(
+    (v) => v.key === "portal"
+  );
+  const graphService = (_b = environment.services) == null ? void 0 : _b.find(
+    (v) => v.key === "graph"
+  );
   if (!portalService || !environment.frontendClientId) {
     const error = [];
     if (!portalService) error.push(`Missing service: "portal"`);
@@ -3988,8 +4139,15 @@ ${error.join("\n")}`);
     builder.setAssetUri(`/`);
     builder.setClient(async (client) => {
       const http = await client.requireInstance("http");
-      const httpClient = http.createClient(portalService);
-      return new CustomAppClient(httpClient);
+      const httpClient = http.createClient({
+        ...portalService,
+        baseUri: portalService.uri ?? portalService.baseUri
+      });
+      const graphHttpClient = http.createClient({
+        ...graphService,
+        baseUri: (graphService == null ? void 0 : graphService.uri) ?? (graphService == null ? void 0 : graphService.baseUri)
+      });
+      return new CustomAppClient(httpClient, graphHttpClient);
     });
   });
   enableNavigation(config);
@@ -5028,6 +5186,70 @@ const useFindGroupMembers = (groupId, query) => {
     queryFn: () => findGroupMembers(client, groupId, query)
   });
 };
+const findGroup$1 = async (client, query) => {
+  const headers = {
+    ConsistencyLevel: "eventual"
+    // Required to search by name
+  };
+  const params = new URLSearchParams();
+  params.set("$count", "true");
+  params.set("$orderby", "displayName");
+  params.set("$select", "displayName,id");
+  if (query) {
+    params.set("$search", `"displayName:${query}"`);
+  }
+  const req = await client.fetch(`v1.0/groups?${params.toString()}`, {
+    headers
+  });
+  if (req.status === 504) {
+    throw new Error(`Application took to long to respond`);
+  }
+  const res = await req.json();
+  if (req.status >= 400) {
+    throw new Error(res.error.message);
+  } else {
+    return res;
+  }
+};
+const useFindGroup = (query) => {
+  const client = useHttpClient("graph");
+  return useQuery({
+    queryKey: ["graph", "group", "members", query],
+    queryFn: () => findGroup$1(client, query),
+    enabled: query.length > 2
+  });
+};
+const findGroup = async (client, ids) => {
+  const headers = {
+    ConsistencyLevel: "eventual"
+    // Required to search by name
+  };
+  const params = new URLSearchParams();
+  params.set("$count", "true");
+  params.set("$orderby", "displayName");
+  params.set("$select", "displayName,id");
+  params.set("$filter", `id in ('${ids.join("', '")}')`);
+  const req = await client.fetch(`v1.0/groups?${params.toString()}`, {
+    headers
+  });
+  if (req.status === 504) {
+    throw new Error(`Application took to long to respond`);
+  }
+  const res = await req.json();
+  if (req.status >= 400) {
+    throw new Error(res.error.message);
+  } else {
+    return res;
+  }
+};
+const useFindGroupById = (ids) => {
+  const client = useHttpClient("graph");
+  return useQuery({
+    queryKey: ["graph", "group", "members", ids],
+    queryFn: () => findGroup(client, ids),
+    enabled: ids.length > 0
+  });
+};
 const findUsersByMail = async (client, email, fields) => {
   const headers = {
     ConsistencyLevel: "eventual"
@@ -5068,6 +5290,97 @@ const useFindUsersByShortname = (shortnames, fields = ["displayName", "mail", "g
   const emails = (shortnames ?? []).map((name) => `${name}@equinor.com`);
   return useFindUsersByMail(emails, fields);
 };
+const searchUser = async (client, query) => {
+  const headers = {
+    ConsistencyLevel: "eventual"
+    // Required to search by name
+  };
+  const params = new URLSearchParams();
+  params.set("$orderby", "displayName");
+  if (query) {
+    params.set("$search", `"displayName:${query}" OR "mail:${query}"`);
+  }
+  const req = await client.fetch(`/v1.0/users?${params.toString()}`, {
+    headers
+  });
+  if (req.status === 504) {
+    throw new Error(`Application took to long to respond`);
+  }
+  const res = await req.json();
+  if (req.status >= 400) {
+    throw new Error(res.error.message);
+  } else {
+    return res;
+  }
+};
+const searchServicePrincipal = async (client, query) => {
+  const headers = {
+    ConsistencyLevel: "eventual"
+    // Required to search by name
+  };
+  const params = new URLSearchParams();
+  params.set("$orderby", "displayName");
+  params.set("$select", "id,appId,displayName");
+  if (query) {
+    params.set("$search", `"displayName:${query}"`);
+  }
+  const req = await client.fetch(
+    `/v1.0/servicePrincipals?${params.toString()}`,
+    {
+      headers
+    }
+  );
+  if (req.status === 504) {
+    throw new Error(`Application took to long to respond`);
+  }
+  const res = await req.json();
+  if (req.status >= 400) {
+    throw new Error(res.error.message);
+  } else {
+    return res;
+  }
+};
+const useFindUser = (query) => {
+  const client = useHttpClient("graph");
+  return useQuery({
+    queryKey: ["graph", "group", "members", query],
+    queryFn: async () => {
+      const users = await searchUser(client, query);
+      const servicePrincipals = await searchServicePrincipal(client, query);
+      return {
+        value: [...users.value ?? [], ...servicePrincipals.value ?? []]
+      };
+    },
+    select: (data) => data ? data.value : [],
+    enabled: query.length > 2
+  });
+};
+const findUserById = async (client, id, fields) => {
+  const headers = {
+    ConsistencyLevel: "eventual"
+    // Required to search by name
+  };
+  const req = await client.fetch(`v1.0/users/${id}`, {
+    headers
+  });
+  if (req.status === 504) {
+    throw new Error(`Application took to long to respond`);
+  }
+  const res = await req.json();
+  if (req.status >= 400) {
+    throw new Error(res.error.message);
+  } else {
+    return res;
+  }
+};
+const useFindUserById = (id, fields = ["displayName", "mail", "givenName"]) => {
+  const client = useHttpClient("graph");
+  return useQuery({
+    queryKey: ["graph", "user", "id", id],
+    queryFn: () => findUserById(client, id),
+    enabled: !!id
+  });
+};
 const checkRomaApi = (queryKey) => {
   const first = (queryKey ?? []).at(0);
   if (typeof first === "string") {
@@ -5437,6 +5750,7 @@ export {
   StyleProvider,
   configure,
   createIDBPersister,
+  findUserById,
   findUsersByMail,
   getGetAllAppsQueryKey,
   getGetAllCategoriesQueryKey,
@@ -5499,7 +5813,11 @@ export {
   useDeleteServiceByKey,
   useDeleteServiceByKeyHook,
   useDeleteServiceByKeyMutationOptions,
+  useFindGroup,
+  useFindGroupById,
   useFindGroupMembers,
+  useFindUser,
+  useFindUserById,
   useFindUsersByMail,
   useFindUsersByShortname,
   useGetAllApps,

package/{router-DDzmmkip.mjs → router-JkkLp8wN.mjs}

@@ -68,8 +68,8 @@ function __generator(thisArg, body) {
   var _ = { label: 0, sent: function() {
     if (t[0] & 1) throw t[1];
     return t[1];
-  }, trys: [], ops: [] }, f, y, t, g;
-  return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() {
+  }, trys: [], ops: [] }, f, y, t, g = Object.create((typeof Iterator === "function" ? Iterator : Object).prototype);
+  return g.next = verb(0), g["throw"] = verb(1), g["return"] = verb(2), typeof Symbol === "function" && (g[Symbol.iterator] = function() {
     return this;
   }), g;
   function verb(n) {
@@ -176,7 +176,7 @@ function __await(v) {
 function __asyncGenerator(thisArg, _arguments, generator) {
   if (!Symbol.asyncIterator) throw new TypeError("Symbol.asyncIterator is not defined.");
   var g = generator.apply(thisArg, _arguments || []), i, q = [];
-  return i = {}, verb("next"), verb("throw"), verb("return", awaitReturn), i[Symbol.asyncIterator] = function() {
+  return i = Object.create((typeof AsyncIterator === "function" ? AsyncIterator : Object).prototype), verb("next"), verb("throw"), verb("return", awaitReturn), i[Symbol.asyncIterator] = function() {
     return this;
   }, i;
   function awaitReturn(f) {