@equinor/roma-framework 3.0.1 → 4.0.0

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) => {
@@ -1138,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;
@@ -1310,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);
@@ -1323,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 })
   ] });
 };
@@ -3890,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({}) {
@@ -3911,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) => {
@@ -3925,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,
@@ -3940,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);
@@ -3955,6 +4072,8 @@ class CustomAppClient {
     console.log("updateAppSettings");
     return of({});
   }
+  [Symbol.dispose]() {
+  }
 }
 _manifests = new WeakMap();
 class ServiceDiscoveryClient {
@@ -3983,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"`);
@@ -4015,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);
@@ -5055,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"
@@ -5095,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") {
@@ -5464,6 +5750,7 @@ export {
   StyleProvider,
   configure,
   createIDBPersister,
+  findUserById,
   findUsersByMail,
   getGetAllAppsQueryKey,
   getGetAllCategoriesQueryKey,
@@ -5526,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) {