@oondemand/oon-core-front 0.3.58 → 0.3.59

package/dist/index.js

@@ -4220,10 +4220,21 @@ import { jsx as jsx25 } from "react/jsx-runtime";
 function slug2(value2) {
   return value2.normalize("NFD").replace(/[\u0300-\u036f]/g, "").toLowerCase().replace(/[^a-z0-9]+/g, "-").replace(/^-+|-+$/g, "");
 }
-function requiredAccess2(source) {
-  const values = [...source.permissions ?? [], ...source.capabilities ?? []].filter(Boolean);
+function requiredPermissions(source) {
+  const values = [...source.permissions ?? []].filter(Boolean);
   return values.length ? values : void 0;
 }
+function declaredAppCapabilities(config) {
+  const capabilities = config.app.capabilities;
+  return Array.isArray(capabilities) ? capabilities : void 0;
+}
+function supportsCapabilities(config, source) {
+  const required = (source.capabilities ?? []).filter(Boolean);
+  if (!required.length) return true;
+  const declared = declaredAppCapabilities(config);
+  if (!declared) return true;
+  return required.every((capability) => declared.includes(capability));
+}
 function viewId(view) {
   if (view.id) return view.id;
   if (view.type === "dashboard") return "dashboard";
@@ -4299,15 +4310,29 @@ function viewToRoute(view, registry) {
   return {
     path: viewPath(view),
     element: renderView(view, registry),
-    permissions: requiredAccess2(view)
+    permissions: requiredPermissions(view),
+    capabilities: "capabilities" in view ? view.capabilities : void 0
   };
 }
 function pageToRoute(page, registry) {
-  return { path: page.path, element: /* @__PURE__ */ jsx25(CorePage2, { page, registry }), permissions: requiredAccess2(page) };
+  return {
+    path: page.path,
+    element: /* @__PURE__ */ jsx25(CorePage2, { page, registry }),
+    permissions: requiredPermissions(page),
+    capabilities: page.capabilities
+  };
 }
 function pageToMenu(page) {
   if (page.hidden || !page.label) return null;
-  return { label: page.label, href: page.path, icon: page.icon, section: page.section, permissions: requiredAccess2(page), capabilities: page.capabilities, order: page.order };
+  return {
+    label: page.label,
+    href: page.path,
+    icon: page.icon,
+    section: page.section,
+    permissions: requiredPermissions(page),
+    capabilities: page.capabilities,
+    order: page.order
+  };
 }
 function viewToMenu(view) {
   return {
@@ -4315,7 +4340,7 @@ function viewToMenu(view) {
     href: viewPath(view),
     icon: view.icon,
     section: view.section,
-    permissions: requiredAccess2(view),
+    permissions: requiredPermissions(view),
     capabilities: "capabilities" in view ? view.capabilities : void 0
   };
 }
@@ -4325,16 +4350,20 @@ function resolveRegistry(config) {
   const seenPaths = /* @__PURE__ */ new Set();
   const componentRegistry = config.registry ?? config.ui?.registry;
   const pushRoute = (route) => {
-    if (seenPaths.has(route.path)) return;
+    if (!supportsCapabilities(config, route) || seenPaths.has(route.path)) return;
     seenPaths.add(route.path);
-    routes.push(route);
+    routes.push({ ...route, permissions: requiredPermissions(route) });
+  };
+  const pushMenu = (item) => {
+    if (!supportsCapabilities(config, item)) return;
+    menu.push({ ...item, permissions: requiredPermissions(item) });
   };
   for (const mod of config.modules ?? []) {
-    for (const route of mod.routes ?? []) pushRoute({ ...route, permissions: requiredAccess2(route) });
-    for (const item of mod.menu ?? []) menu.push({ ...item, permissions: requiredAccess2(item) });
+    for (const route of mod.routes ?? []) pushRoute(route);
+    for (const item of mod.menu ?? []) pushMenu(item);
     for (const view of mod.views ?? []) {
       pushRoute(viewToRoute(view, componentRegistry));
-      menu.push(viewToMenu(view));
+      pushMenu(viewToMenu(view));
     }
   }
   const navMode = config.ui?.navigation?.mode ?? "auto";
@@ -4343,16 +4372,16 @@ function resolveRegistry(config) {
   if (includeAuto) {
     for (const view of config.ui?.views ?? []) {
       pushRoute(viewToRoute(view, componentRegistry));
-      menu.push(viewToMenu(view));
+      pushMenu(viewToMenu(view));
     }
     for (const page of config.ui?.pages ?? []) {
       pushRoute(pageToRoute(page, componentRegistry));
       const item = pageToMenu(page);
-      if (item) menu.push(item);
+      if (item) pushMenu(item);
     }
   }
   if (includeManual) {
-    for (const item of config.ui?.navigation?.items ?? []) menu.push({ ...item, permissions: requiredAccess2(item) });
+    for (const item of config.ui?.navigation?.items ?? []) pushMenu(item);
   }
   menu.sort((a, b) => (a.order ?? 100) - (b.order ?? 100));
   return { routes, menu };
@@ -4366,7 +4395,7 @@ import {
 
 // src/shell/DefaultShell.tsx
 import { Box as Box18, Button as Button11, Flex as Flex11, Spacer as Spacer2, Text as Text19 } from "@chakra-ui/react";
-import { Outlet } from "react-router-dom";
+import { Outlet, useNavigate } from "react-router-dom";
 
 // src/shell/Sidebar.tsx
 import { Box as Box17, Flex as Flex10, Image, Stack as Stack8, Text as Text18 } from "@chakra-ui/react";
@@ -4473,7 +4502,7 @@ function Sidebar({ app, menu, registry }) {
 // package.json
 var package_default = {
   name: "@oondemand/oon-core-front",
-  version: "0.3.58",
+  version: "0.3.59",
   repository: {
     type: "git",
     url: "git+https://github.com/oondemand/oon-platform.git",
@@ -4593,8 +4622,50 @@ function shortCommit(commit) {
 
 // src/shell/DefaultShell.tsx
 import { jsx as jsx27, jsxs as jsxs19 } from "react/jsx-runtime";
-function CoreTopbar({ app }) {
-  const { user, logout } = useOonAuth();
+function SettingsIcon() {
+  return /* @__PURE__ */ jsxs19(
+    "svg",
+    {
+      "aria-hidden": "true",
+      width: "18",
+      height: "18",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      children: [
+        /* @__PURE__ */ jsx27(
+          "path",
+          {
+            d: "M12 15.25a3.25 3.25 0 1 0 0-6.5 3.25 3.25 0 0 0 0 6.5Z",
+            stroke: "currentColor",
+            strokeWidth: "1.8"
+          }
+        ),
+        /* @__PURE__ */ jsx27(
+          "path",
+          {
+            d: "M19.43 12.98c.04-.32.07-.65.07-.98s-.03-.66-.08-.98l2.12-1.66-2-3.46-2.5 1a7.64 7.64 0 0 0-1.7-.98L15 3.25h-4l-.35 2.67c-.61.25-1.18.58-1.7.98l-2.5-1-2 3.46 2.12 1.66c-.04.32-.07.65-.07.98s.03.66.08.98l-2.12 1.66 2 3.46 2.5-1c.52.4 1.09.73 1.7.98l.34 2.67h4l.35-2.67a7.64 7.64 0 0 0 1.7-.98l2.5 1 2-3.46-2.12-1.66Z",
+            stroke: "currentColor",
+            strokeWidth: "1.8",
+            strokeLinecap: "round",
+            strokeLinejoin: "round"
+          }
+        )
+      ]
+    }
+  );
+}
+function resolveSettingsHref(menu) {
+  const explicit = menu.find((item) => item.action === "settings");
+  if (explicit) return explicit.href;
+  const settingsPage = menu.find((item) => item.href === "/configuracoes");
+  if (settingsPage) return settingsPage.href;
+  const integrationsPage = menu.find((item) => item.href === "/integracoes");
+  return integrationsPage?.href ?? null;
+}
+function CoreTopbar({ app, menu }) {
+  const { user, logout, hasPermission } = useOonAuth();
+  const navigate = useNavigate();
   const metadataQuery = useCoreMetadata();
   const runtime = resolveRuntimeVersionInfo(app, metadataQuery.data);
   const centralVersion = runtime.centralVersion ?? "n\xE3o informada";
@@ -4615,6 +4686,9 @@ function CoreTopbar({ app }) {
     runtime.releaseId ? `Release ${runtime.releaseId}` : void 0,
     runtime.startedAt ? `Backend iniciado ${formatRuntimeDate(runtime.startedAt)}` : void 0
   ].filter(Boolean).join(" \xB7 ");
+  const settingsHref = resolveSettingsHref(
+    menu.filter((item) => !item.hidden && hasPermission(item.permissions))
+  );
   return /* @__PURE__ */ jsxs19(
     Flex11,
     {
@@ -4660,6 +4734,21 @@ function CoreTopbar({ app }) {
             /* @__PURE__ */ jsx27(Text19, { fontSize: "sm", fontWeight: "600", color: "#24323A", children: user.nome }),
             user.email ? /* @__PURE__ */ jsx27(Text19, { fontSize: "xs", color: "gray.500", children: user.email }) : null
           ] }),
+          settingsHref ? /* @__PURE__ */ jsx27(
+            Button11,
+            {
+              size: "sm",
+              variant: "outline",
+              colorPalette: "brand",
+              borderRadius: "8px",
+              minW: "36px",
+              px: 2,
+              "aria-label": "Abrir configura\xE7\xF5es",
+              title: "Configura\xE7\xF5es",
+              onClick: () => navigate(settingsHref),
+              children: /* @__PURE__ */ jsx27(SettingsIcon, {})
+            }
+          ) : null,
           /* @__PURE__ */ jsx27(
             Button11,
             {
@@ -4689,7 +4778,7 @@ function Slot({
     return Component ? /* @__PURE__ */ jsx27(Component, { app, menu }) : /* @__PURE__ */ jsx27(MissingRenderer, { renderer: slot });
   }
   if (name === "sidebar") return /* @__PURE__ */ jsx27(Sidebar, { app, menu, registry });
-  if (name === "topbar") return /* @__PURE__ */ jsx27(CoreTopbar, { app });
+  if (name === "topbar") return /* @__PURE__ */ jsx27(CoreTopbar, { app, menu });
   if (name === "footer" && slot === "core") {
     return /* @__PURE__ */ jsx27(Box18, { as: "footer", px: 6, py: 4, color: "gray.500", fontSize: "xs", borderTopWidth: "1px", children: "OonCore" });
   }
@@ -4757,11 +4846,11 @@ function AuthenticatedLayout({ app, menu, layout, registry }) {
 
 // src/security/AccessDeniedPage.tsx
 import { Box as Box19, Button as Button12, Flex as Flex12, Heading as Heading9, Text as Text20, VStack } from "@chakra-ui/react";
-import { useNavigate } from "react-router-dom";
+import { useNavigate as useNavigate2 } from "react-router-dom";
 import { jsx as jsx29, jsxs as jsxs20 } from "react/jsx-runtime";
 function AccessDeniedPage({ app }) {
   const { logout } = useOonAuth();
-  const navigate = useNavigate();
+  const navigate = useNavigate2();
   function useAnotherAccount() {
     logout();
     navigate("/login", { replace: true });