@oondemand/oon-core-front 0.4.26 → 0.4.28

package/dist/index.js

@@ -5364,7 +5364,8 @@ import { Box as Box24, Button as Button17, Flex as Flex17, Spacer as Spacer2, Te
 import { Outlet, useNavigate as useNavigate2 } from "react-router-dom";
 
 // src/shell/Sidebar.tsx
-import { Box as Box23, Flex as Flex16, Image, Stack as Stack10, Text as Text24 } from "@chakra-ui/react";
+import { Box as Box23, Flex as Flex16, Image, Spinner as Spinner4, Stack as Stack10, Text as Text24 } from "@chakra-ui/react";
+import { useState as useState19 } from "react";
 import { NavLink } from "react-router-dom";
 import { jsx as jsx33, jsxs as jsxs24 } from "react/jsx-runtime";
 function groupBySection(items) {
@@ -5376,6 +5377,80 @@ function groupBySection(items) {
   }
   return Array.from(groups.entries());
 }
+function launchAppCode(action) {
+  const match = /^launch-app:([a-z][a-z0-9-]{2,62})$/.exec(String(action || ""));
+  return match?.[1] || "";
+}
+function errorMessage2(error) {
+  const value3 = error;
+  return value3?.response?.data?.error?.message || value3?.response?.data?.message || value3?.message || "N\xE3o foi poss\xEDvel abrir o App.";
+}
+function PlatformAppMenuItem({ item, appCode }) {
+  const { http } = useOonApi();
+  const [opening, setOpening] = useState19(false);
+  const [launchError, setLaunchError] = useState19("");
+  async function launch() {
+    if (opening) return;
+    const popup = window.open("about:blank", "_blank");
+    if (!popup) {
+      setLaunchError("Permita pop-ups para abrir o App em uma nova aba.");
+      return;
+    }
+    popup.opener = null;
+    setOpening(true);
+    setLaunchError("");
+    try {
+      const home = (await http.get("/portal/home")).data;
+      const target = home.platformApps.find((candidate) => candidate.app.codigo === appCode);
+      if (!target || target.action !== "open") {
+        throw new Error(`${target?.app.nome || item.label} ainda n\xE3o est\xE1 dispon\xEDvel.`);
+      }
+      const response = await http.post("/portal/launch", {
+        appCode,
+        environment: target.deployment.environment
+      });
+      if (!response.data.openUrl) {
+        throw new Error("A autoriza\xE7\xE3o de abertura n\xE3o retornou uma URL.");
+      }
+      popup.location.replace(response.data.openUrl);
+    } catch (error) {
+      popup.close();
+      setLaunchError(errorMessage2(error));
+    } finally {
+      setOpening(false);
+    }
+  }
+  return /* @__PURE__ */ jsxs24(Box23, { width: "100%", children: [
+    /* @__PURE__ */ jsxs24(
+      Flex16,
+      {
+        as: "button",
+        width: "100%",
+        align: "center",
+        justify: { base: "center", lg: "flex-start" },
+        gap: 3,
+        px: { base: 2, lg: 3 },
+        py: "10px",
+        borderRadius: "9px",
+        fontSize: "13px",
+        fontWeight: "500",
+        color: "#46545C",
+        cursor: opening ? "wait" : "pointer",
+        "aria-disabled": opening,
+        pointerEvents: opening ? "none" : "auto",
+        title: item.label,
+        "aria-label": `Abrir ${item.label} em uma nova aba`,
+        onClick: () => void launch(),
+        _hover: { bg: "#F8F9FA", color: "brand.700" },
+        children: [
+          opening ? /* @__PURE__ */ jsx33(Spinner4, { size: "xs" }) : /* @__PURE__ */ jsx33(Box23, { w: "7px", h: "7px", borderRadius: "full", bg: "gray.300" }),
+          /* @__PURE__ */ jsx33(Text24, { display: { base: "none", lg: "block" }, lineClamp: 1, children: item.label })
+        ]
+      }
+    ),
+    launchError ? /* @__PURE__ */ jsx33(Text24, { role: "alert", px: 3, py: 1, fontSize: "10px", color: "red.600", children: launchError }) : null
+  ] });
+}
 function Sidebar({ app, menu, registry }) {
   const { hasPermission } = useOonAuth();
   const visible = menu.filter((item) => !item.hidden && hasPermission(item.permissions));
@@ -5435,6 +5510,8 @@ function Sidebar({ app, menu, registry }) {
           items.map((item) => {
             const CustomMenuItem = resolveComponent(registry, item.renderer, "menuRenderers");
             if (CustomMenuItem) return /* @__PURE__ */ jsx33(CustomMenuItem, { item }, item.href);
+            const appCode = launchAppCode(item.action);
+            if (appCode) return /* @__PURE__ */ jsx33(PlatformAppMenuItem, { item, appCode }, item.href);
             return /* @__PURE__ */ jsx33(NavLink, { to: item.href, end: item.href === "/", title: item.label, children: ({ isActive }) => /* @__PURE__ */ jsxs24(
               Flex16,
               {
@@ -5468,7 +5545,7 @@ function Sidebar({ app, menu, registry }) {
 // package.json
 var package_default = {
   name: "@oondemand/oon-core-front",
-  version: "0.4.26",
+  version: "0.4.28",
   repository: {
     type: "git",
     url: "git+https://github.com/oondemand/oon-platform.git",
@@ -5923,7 +6000,7 @@ function AppAccessGuard({ children }) {
 }
 
 // src/security/LoginPage.tsx
-import { useState as useState19 } from "react";
+import { useState as useState20 } from "react";
 import { Box as Box26, Button as Button19, Flex as Flex19, Heading as Heading15, Input as Input11, SimpleGrid as SimpleGrid6, Text as Text27, VStack as VStack5 } from "@chakra-ui/react";
 import { Link as Link3, Navigate as Navigate2, useLocation as useLocation4 } from "react-router-dom";
 import { jsx as jsx38, jsxs as jsxs27 } from "react/jsx-runtime";
@@ -5954,13 +6031,13 @@ function tenantUrl(path, tenantId) {
 function LoginPage({ app, onboardingEnabled = false }) {
   const { status, login } = useOonAuth();
   const location = useLocation4();
-  const [email, setEmail] = useState19("");
-  const [password, setPassword] = useState19("");
-  const [submitting, setSubmitting] = useState19(false);
-  const [message, setMessage] = useState19(null);
-  const [tenants, setTenants] = useState19([]);
-  const [selectorMode, setSelectorMode] = useState19(false);
-  const [openingTenant, setOpeningTenant] = useState19(null);
+  const [email, setEmail] = useState20("");
+  const [password, setPassword] = useState20("");
+  const [submitting, setSubmitting] = useState20(false);
+  const [message, setMessage] = useState20(null);
+  const [tenants, setTenants] = useState20([]);
+  const [selectorMode, setSelectorMode] = useState20(false);
+  const [openingTenant, setOpeningTenant] = useState20(null);
   const redirect = safeRedirect(location.search);
   if (status === "authenticated" && !selectorMode) return /* @__PURE__ */ jsx38(Navigate2, { to: redirect, replace: true });
   if (status === "forbidden") return /* @__PURE__ */ jsx38(Navigate2, { to: "/acesso-negado", replace: true });
@@ -6048,16 +6125,16 @@ function LoginPage({ app, onboardingEnabled = false }) {
 }
 
 // src/security/FirstAccessPage.tsx
-import { useState as useState20 } from "react";
+import { useState as useState21 } from "react";
 import { Box as Box27, Button as Button20, Flex as Flex20, Heading as Heading16, Input as Input12, Text as Text28, VStack as VStack6 } from "@chakra-ui/react";
 import { Navigate as Navigate3 } from "react-router-dom";
 import { jsx as jsx39, jsxs as jsxs28 } from "react/jsx-runtime";
 function FirstAccessPage() {
   const { status, completeFirstAccess } = useOonAuth();
-  const [password, setPassword] = useState20("");
-  const [confirm, setConfirm] = useState20("");
-  const [submitting, setSubmitting] = useState20(false);
-  const [message, setMessage] = useState20(null);
+  const [password, setPassword] = useState21("");
+  const [confirm, setConfirm] = useState21("");
+  const [submitting, setSubmitting] = useState21(false);
+  const [message, setMessage] = useState21(null);
   if (status === "authenticated") return /* @__PURE__ */ jsx39(Navigate3, { to: "/", replace: true });
   if (status === "unauthenticated") return /* @__PURE__ */ jsx39(Navigate3, { to: "/login", replace: true });
   if (status === "forbidden") return /* @__PURE__ */ jsx39(Navigate3, { to: "/acesso-negado", replace: true });
@@ -6101,7 +6178,7 @@ function FirstAccessPage() {
 }
 
 // src/security/ActivationPage.tsx
-import { useEffect as useEffect11, useState as useState21 } from "react";
+import { useEffect as useEffect11, useState as useState22 } from "react";
 import { Box as Box28, Button as Button21, Heading as Heading17, Input as Input13, Text as Text29, VStack as VStack7 } from "@chakra-ui/react";
 import { Fragment as Fragment6, jsx as jsx40, jsxs as jsxs29 } from "react/jsx-runtime";
 function encodeBasicCredentials2(email, password) {
@@ -6113,21 +6190,21 @@ function encodeBasicCredentials2(email, password) {
 function ActivationPage() {
   const { http } = useOonApi();
   const activation = useActivation();
-  const [step, setStep] = useState21(1);
-  const [config, setConfig] = useState21(null);
-  const [code, setCode] = useState21("");
-  const [preview, setPreview] = useState21(null);
-  const [global, setGlobal] = useState21({});
-  const [app, setApp] = useState21({});
-  const [rootEmail, setRootEmail] = useState21("");
-  const [rootPassword, setRootPassword] = useState21("");
-  const [devName, setDevName] = useState21("");
-  const [devEmail, setDevEmail] = useState21("");
-  const [devPassword, setDevPassword] = useState21("");
-  const [showCodeFlow, setShowCodeFlow] = useState21(false);
-  const [devResult, setDevResult] = useState21(null);
-  const [error, setError] = useState21(null);
-  const [submitting, setSubmitting] = useState21(false);
+  const [step, setStep] = useState22(1);
+  const [config, setConfig] = useState22(null);
+  const [code, setCode] = useState22("");
+  const [preview, setPreview] = useState22(null);
+  const [global, setGlobal] = useState22({});
+  const [app, setApp] = useState22({});
+  const [rootEmail, setRootEmail] = useState22("");
+  const [rootPassword, setRootPassword] = useState22("");
+  const [devName, setDevName] = useState22("");
+  const [devEmail, setDevEmail] = useState22("");
+  const [devPassword, setDevPassword] = useState22("");
+  const [showCodeFlow, setShowCodeFlow] = useState22(false);
+  const [devResult, setDevResult] = useState22(null);
+  const [error, setError] = useState22(null);
+  const [submitting, setSubmitting] = useState22(false);
   useEffect11(() => {
     http.get("/ativacao/configuracao").then((response) => {
       setConfig(response.data);
@@ -6900,7 +6977,7 @@ function startFromManifest(manifest, runtime) {
 import { Stack as Stack16 } from "@chakra-ui/react";
 
 // src/components/CoreIntegration.tsx
-import { useEffect as useEffect12, useState as useState22 } from "react";
+import { useEffect as useEffect12, useState as useState23 } from "react";
 import { Badge as Badge6, Box as Box29, Button as Button22, Flex as Flex21, Heading as Heading18, Input as Input14, Stack as Stack11, Text as Text30 } from "@chakra-ui/react";
 import { useMutation as useMutation6, useQuery as useQuery12 } from "@tanstack/react-query";
 import { jsx as jsx46, jsxs as jsxs30 } from "react/jsx-runtime";
@@ -7065,7 +7142,7 @@ function ExecutionDetails({ execution }) {
 }
 function ProviderConfigurationPanel({ provider }) {
   const { http } = useOonApi();
-  const [draft, setDraft] = useState22({
+  const [draft, setDraft] = useState23({
     instanceId: "default",
     label: provider.label,
     active: true,
@@ -7292,7 +7369,7 @@ function ProviderConfigurationPanel({ provider }) {
 }
 function CoreIntegration({ label = "Integra\xE7\xF5es" }) {
   const { http } = useOonApi();
-  const [expandedExecutionId, setExpandedExecutionId] = useState22(null);
+  const [expandedExecutionId, setExpandedExecutionId] = useState23(null);
   const providers = useQuery12({
     queryKey: ["core-integrations", "health"],
     queryFn: async () => (await http.get("/integrations/health")).data?.results ?? []
@@ -7551,7 +7628,7 @@ function CoreIntegrationMappings() {
 }
 
 // src/components/CoreIntegrationTickets.tsx
-import { useEffect as useEffect13, useMemo as useMemo12, useState as useState23 } from "react";
+import { useEffect as useEffect13, useMemo as useMemo12, useState as useState24 } from "react";
 import { Badge as Badge8, Box as Box31, Button as Button23, Flex as Flex23, Heading as Heading20, Input as Input15, Stack as Stack13, Text as Text32 } from "@chakra-ui/react";
 import { useMutation as useMutation7, useQuery as useQuery14 } from "@tanstack/react-query";
 import { jsx as jsx48, jsxs as jsxs32 } from "react/jsx-runtime";
@@ -7777,12 +7854,12 @@ function TicketCard({
 }
 function CoreIntegrationTickets({ provider = "omie" }) {
   const { http } = useOonApi();
-  const [view, setView] = useState23("list");
-  const [status, setStatus] = useState23("");
-  const [searchInput, setSearchInput] = useState23("");
-  const [search, setSearch] = useState23("");
-  const [page, setPage] = useState23(1);
-  const [expandedId, setExpandedId] = useState23(null);
+  const [view, setView] = useState24("list");
+  const [status, setStatus] = useState24("");
+  const [searchInput, setSearchInput] = useState24("");
+  const [search, setSearch] = useState24("");
+  const [page, setPage] = useState24(1);
+  const [expandedId, setExpandedId] = useState24(null);
   const limit = view === "board" ? 200 : 25;
   useEffect13(() => {
     const timeout = window.setTimeout(() => {
@@ -8043,11 +8120,11 @@ function CoreIntegrationTickets({ provider = "omie" }) {
 }
 
 // src/components/CoreOmieIntegrationWorkspace.tsx
-import { useState as useState25 } from "react";
+import { useState as useState26 } from "react";
 import { Button as Button25, Flex as Flex25, Stack as Stack15 } from "@chakra-ui/react";
 
 // src/components/CoreOmieIntegration.tsx
-import { useEffect as useEffect14, useState as useState24 } from "react";
+import { useEffect as useEffect14, useState as useState25 } from "react";
 import { Badge as Badge9, Box as Box32, Button as Button24, Flex as Flex24, Heading as Heading21, Input as Input16, Stack as Stack14, Text as Text33 } from "@chakra-ui/react";
 import { useMutation as useMutation8, useQuery as useQuery15 } from "@tanstack/react-query";
 import { jsx as jsx49, jsxs as jsxs33 } from "react/jsx-runtime";
@@ -8119,7 +8196,7 @@ function OmieConfigurationTab() {
     queryKey: ["core-omie", "configuration"],
     queryFn: async () => (await http.get("/integrations/providers/omie/configuration")).data?.instances ?? []
   });
-  const [draft, setDraft] = useState24({
+  const [draft, setDraft] = useState25({
     instanceId: "default",
     label: "Omie",
     active: true,
@@ -8436,8 +8513,8 @@ function OmieSynchronizationTab() {
 }
 function OmieWebhooksTab() {
   const { http } = useOonApi();
-  const [instanceId, setInstanceId] = useState24("default");
-  const [copied, setCopied] = useState24(false);
+  const [instanceId, setInstanceId] = useState25("default");
+  const [copied, setCopied] = useState25(false);
   const configuration = useQuery15({
     queryKey: ["core-omie", "configuration"],
     queryFn: async () => (await http.get("/integrations/providers/omie/configuration")).data?.instances ?? []
@@ -8571,7 +8648,7 @@ function diagnosticMessage3(value3) {
 }
 function OmieHistoryTab() {
   const { http } = useOonApi();
-  const [expandedId, setExpandedId] = useState24(null);
+  const [expandedId, setExpandedId] = useState25(null);
   const history = useQuery15({
     queryKey: ["core-omie", "history"],
     queryFn: async () => (await http.get("/integrations/history", {
@@ -8694,7 +8771,7 @@ var TABS = [
   { id: "history", label: "Hist\xF3rico" }
 ];
 function CoreOmieIntegration() {
-  const [tab, setTab] = useState24("configuration");
+  const [tab, setTab] = useState25("configuration");
   return /* @__PURE__ */ jsxs33(Stack14, { gap: 5, children: [
     /* @__PURE__ */ jsxs33(Box32, { children: [
       /* @__PURE__ */ jsx49(Heading21, { size: "lg", children: "Integra\xE7\xE3o Omie" }),
@@ -8720,7 +8797,7 @@ function CoreOmieIntegration() {
 // src/components/CoreOmieIntegrationWorkspace.tsx
 import { jsx as jsx50, jsxs as jsxs34 } from "react/jsx-runtime";
 function CoreOmieIntegrationWorkspace() {
-  const [view, setView] = useState25("integration");
+  const [view, setView] = useState26("integration");
   return /* @__PURE__ */ jsxs34(Stack15, { gap: 4, children: [
     /* @__PURE__ */ jsxs34(Flex25, { gap: 2, wrap: "wrap", borderBottomWidth: "1px", pb: 2, children: [
       /* @__PURE__ */ jsx50(
@@ -8848,14 +8925,14 @@ function CoreCurrency({ model = "Moeda", label = "Multi-moedas", endpoint = "/mo
 }
 
 // src/components/CoreAssistant.tsx
-import { useState as useState26 } from "react";
+import { useState as useState27 } from "react";
 import { Box as Box33, Button as Button27, Flex as Flex27, Heading as Heading23, Input as Input17, Stack as Stack18, Text as Text35 } from "@chakra-ui/react";
 import { useMutation as useMutation10 } from "@tanstack/react-query";
 import { jsx as jsx53, jsxs as jsxs37 } from "react/jsx-runtime";
 function CoreAssistant({ assistantCode, label = "Assistente", entity, endpoint = "/assistant-runs" }) {
   const { http } = useOonApi();
-  const [messages, setMessages] = useState26([]);
-  const [input, setInput] = useState26("");
+  const [messages, setMessages] = useState27([]);
+  const [input, setInput] = useState27("");
   const ask = useMutation10({
     mutationFn: async (message) => {
       const { data } = await http.post(