@greatapps/greatagents-ui 0.3.7 → 0.3.9

package/dist/index.js

@@ -495,7 +495,7 @@ import { useMemo as useMemo2 } from "react";
 // src/data/integrations-registry.ts
 var INTEGRATIONS_REGISTRY = [
   {
-    slug: "google_calendar",
+    slug: "google-calendar",
     name: "Google Agenda",
     description: "Sincronize agendamentos com o Google Calendar",
     icon: "CalendarSync",
@@ -3047,8 +3047,8 @@ function InfoStep({ integration, meta }) {
 }
 
 // src/components/capabilities/wizard-steps/credentials-step.tsx
-import { CheckCircle2, Loader2 as Loader25, AlertCircle, Shield, Info as Info2 } from "lucide-react";
-import { Button as Button9, Input as Input6, Label as Label4, Tooltip as Tooltip3, TooltipTrigger as TooltipTrigger3, TooltipContent as TooltipContent3 } from "@greatapps/greatauth-ui/ui";
+import { CheckCircle2, Loader2 as Loader25, AlertCircle, Shield } from "lucide-react";
+import { Button as Button9, Input as Input6, Label as Label4 } from "@greatapps/greatauth-ui/ui";
 import { jsx as jsx14, jsxs as jsxs12 } from "react/jsx-runtime";
 function CredentialsStep({
   integration,
@@ -3058,8 +3058,7 @@ function CredentialsStep({
   apiKey,
   onApiKeyChange,
   onStartOAuth,
-  isReconnect = false,
-  oauthConfigured = false
+  isReconnect = false
 }) {
   if (integration.authType === "oauth2") {
     return /* @__PURE__ */ jsx14(
@@ -3070,8 +3069,7 @@ function CredentialsStep({
         oauthStatus,
         oauthResult,
         onStartOAuth,
-        isReconnect,
-        oauthConfigured
+        isReconnect
       }
     );
   }
@@ -3083,8 +3081,7 @@ function OAuthCredentials({
   oauthStatus,
   oauthResult,
   onStartOAuth,
-  isReconnect,
-  oauthConfigured
+  isReconnect
 }) {
   const providerLabel = meta.providerLabel || integration.name;
   return /* @__PURE__ */ jsxs12("div", { className: "space-y-6", children: [
@@ -3092,40 +3089,19 @@ function OAuthCredentials({
       /* @__PURE__ */ jsx14("h3", { className: "text-lg font-semibold", children: "Autentica\xE7\xE3o" }),
       /* @__PURE__ */ jsx14("p", { className: "text-sm text-muted-foreground", children: isReconnect ? `Reconecte sua conta ${providerLabel} para renovar a autoriza\xE7\xE3o.` : `Conecte sua conta ${providerLabel} para permitir o acesso.` })
     ] }),
-    !oauthConfigured && oauthStatus === "idle" && /* @__PURE__ */ jsxs12("div", { className: "flex items-start gap-3 rounded-lg border border-amber-200 bg-amber-50 p-4 dark:border-amber-900 dark:bg-amber-950/30", children: [
-      /* @__PURE__ */ jsx14(
-        Info2,
+    /* @__PURE__ */ jsxs12("div", { className: "flex flex-col items-center gap-4 rounded-lg border p-6", children: [
+      oauthStatus === "idle" && /* @__PURE__ */ jsxs12(
+        Button9,
         {
-          "aria-hidden": "true",
-          className: "mt-0.5 h-5 w-5 shrink-0 text-amber-600 dark:text-amber-400"
+          onClick: onStartOAuth,
+          size: "lg",
+          className: "gap-2",
+          children: [
+            meta.icon,
+            isReconnect ? `Reconectar com ${providerLabel}` : `Conectar com ${providerLabel}`
+          ]
         }
       ),
-      /* @__PURE__ */ jsxs12("div", { className: "space-y-1", children: [
-        /* @__PURE__ */ jsx14("p", { className: "text-sm font-medium text-amber-800 dark:text-amber-200", children: "Configura\xE7\xE3o necess\xE1ria" }),
-        /* @__PURE__ */ jsxs12("p", { className: "text-xs text-amber-700 dark:text-amber-300", children: [
-          "A integra\xE7\xE3o com ",
-          providerLabel,
-          " requer configura\xE7\xE3o pelo administrador do sistema. Entre em contato com o suporte para ativar esta funcionalidade."
-        ] })
-      ] })
-    ] }),
-    /* @__PURE__ */ jsxs12("div", { className: "flex flex-col items-center gap-4 rounded-lg border p-6", children: [
-      oauthStatus === "idle" && /* @__PURE__ */ jsxs12(Tooltip3, { children: [
-        /* @__PURE__ */ jsx14(TooltipTrigger3, { asChild: true, children: /* @__PURE__ */ jsx14("span", { tabIndex: !oauthConfigured ? 0 : void 0, children: /* @__PURE__ */ jsxs12(
-          Button9,
-          {
-            onClick: onStartOAuth,
-            size: "lg",
-            className: "gap-2",
-            disabled: !oauthConfigured,
-            children: [
-              meta.icon,
-              isReconnect ? `Reconectar com ${providerLabel}` : `Conectar com ${providerLabel}`
-            ]
-          }
-        ) }) }),
-        !oauthConfigured && /* @__PURE__ */ jsx14(TooltipContent3, { children: "Integra\xE7\xE3o OAuth ainda n\xE3o configurada no servidor" })
-      ] }),
       oauthStatus === "waiting" && /* @__PURE__ */ jsxs12("div", { className: "flex flex-col items-center gap-3 text-center", children: [
         /* @__PURE__ */ jsx14(
           Loader25,
@@ -3490,38 +3466,54 @@ function IntegrationWizard({
     window.addEventListener("message", handleOAuthMessage);
     return () => window.removeEventListener("message", handleOAuthMessage);
   }, [open, handleOAuthMessage]);
-  function startOAuth() {
-    const { language = "pt-br", idWl = 1, accountId } = config;
-    const redirectUri = `${window.location.origin}/oauth/callback`;
-    const url = new URL(
-      `${gagentsApiUrl}/v1/${language}/${idWl}/accounts/${accountId}/oauth/authorize/${integration.slug}`
-    );
-    url.searchParams.set("redirect_uri", redirectUri);
+  async function startOAuth() {
+    const { language = "pt-br", idWl = 1, accountId, token } = config;
     setOauthStatus("waiting");
-    const popup = window.open(
-      url.toString(),
-      "oauth-popup",
-      "width=500,height=600,scrollbars=yes,resizable=yes"
-    );
-    popupRef.current = popup;
-    if (popup) {
-      if (popupPollRef.current) {
-        clearInterval(popupPollRef.current);
+    try {
+      const response = await fetch(
+        `${gagentsApiUrl}/v1/${language}/${idWl}/accounts/${accountId}/oauth/authorize/${integration.slug}`,
+        { headers: { Authorization: `Bearer ${token}` } }
+      );
+      const result = await response.json();
+      if (result.status !== 1 || !result.data?.auth_url) {
+        setOauthStatus("error");
+        setOauthResult({
+          success: false,
+          error: result.message || "Erro ao obter URL de autoriza\xE7\xE3o"
+        });
+        return;
       }
-      popupPollRef.current = setInterval(() => {
-        if (popup.closed) {
-          if (popupPollRef.current) {
-            clearInterval(popupPollRef.current);
-            popupPollRef.current = null;
-          }
-          setOauthStatus(
-            (prev) => prev === "waiting" ? "error" : prev
-          );
-          setOauthResult(
-            (prev) => prev === null ? { success: false, error: "Janela fechada antes de concluir" } : prev
-          );
+      const popup = window.open(
+        result.data.auth_url,
+        "oauth-popup",
+        "width=500,height=600,scrollbars=yes,resizable=yes"
+      );
+      popupRef.current = popup;
+      if (popup) {
+        if (popupPollRef.current) {
+          clearInterval(popupPollRef.current);
         }
-      }, 500);
+        popupPollRef.current = setInterval(() => {
+          if (popup.closed) {
+            if (popupPollRef.current) {
+              clearInterval(popupPollRef.current);
+              popupPollRef.current = null;
+            }
+            setOauthStatus(
+              (prev) => prev === "waiting" ? "error" : prev
+            );
+            setOauthResult(
+              (prev) => prev === null ? { success: false, error: "Janela fechada antes de concluir" } : prev
+            );
+          }
+        }, 500);
+      }
+    } catch (err) {
+      setOauthStatus("error");
+      setOauthResult({
+        success: false,
+        error: "Erro de rede ao obter URL de autoriza\xE7\xE3o"
+      });
     }
   }
   function canAdvance() {
@@ -3742,9 +3734,9 @@ import { DataTable as DataTable2 } from "@greatapps/greatauth-ui";
 import {
   Input as Input7,
   Badge as Badge7,
-  Tooltip as Tooltip4,
-  TooltipTrigger as TooltipTrigger4,
-  TooltipContent as TooltipContent4,
+  Tooltip as Tooltip3,
+  TooltipTrigger as TooltipTrigger3,
+  TooltipContent as TooltipContent3,
   AlertDialog as AlertDialog3,
   AlertDialogAction as AlertDialogAction3,
   AlertDialogCancel as AlertDialogCancel3,
@@ -3799,8 +3791,8 @@ function useColumns2(onEdit, onDelete) {
       size: 80,
       enableSorting: false,
       cell: ({ row }) => /* @__PURE__ */ jsxs16("div", { className: "flex items-center gap-1", children: [
-        /* @__PURE__ */ jsxs16(Tooltip4, { children: [
-          /* @__PURE__ */ jsx18(TooltipTrigger4, { asChild: true, children: /* @__PURE__ */ jsx18(
+        /* @__PURE__ */ jsxs16(Tooltip3, { children: [
+          /* @__PURE__ */ jsx18(TooltipTrigger3, { asChild: true, children: /* @__PURE__ */ jsx18(
             Button11,
             {
               variant: "ghost",
@@ -3811,10 +3803,10 @@ function useColumns2(onEdit, onDelete) {
               children: /* @__PURE__ */ jsx18(Pencil3, { className: "h-4 w-4" })
             }
           ) }),
-          /* @__PURE__ */ jsx18(TooltipContent4, { children: "Editar" })
+          /* @__PURE__ */ jsx18(TooltipContent3, { children: "Editar" })
         ] }),
-        /* @__PURE__ */ jsxs16(Tooltip4, { children: [
-          /* @__PURE__ */ jsx18(TooltipTrigger4, { asChild: true, children: /* @__PURE__ */ jsx18(
+        /* @__PURE__ */ jsxs16(Tooltip3, { children: [
+          /* @__PURE__ */ jsx18(TooltipTrigger3, { asChild: true, children: /* @__PURE__ */ jsx18(
             Button11,
             {
               variant: "ghost",
@@ -3825,7 +3817,7 @@ function useColumns2(onEdit, onDelete) {
               children: /* @__PURE__ */ jsx18(Trash23, { className: "h-4 w-4" })
             }
           ) }),
-          /* @__PURE__ */ jsx18(TooltipContent4, { children: "Excluir" })
+          /* @__PURE__ */ jsx18(TooltipContent3, { children: "Excluir" })
         ] })
       ] })
     }
@@ -3933,9 +3925,9 @@ import {
   Input as Input8,
   Button as Button12,
   Badge as Badge8,
-  Tooltip as Tooltip5,
-  TooltipTrigger as TooltipTrigger5,
-  TooltipContent as TooltipContent5,
+  Tooltip as Tooltip4,
+  TooltipTrigger as TooltipTrigger4,
+  TooltipContent as TooltipContent4,
   Dialog as Dialog5,
   DialogContent as DialogContent5,
   DialogHeader as DialogHeader5,
@@ -4013,8 +4005,8 @@ function useColumns3(tools, onEdit, onConnect, onRemove) {
       size: 100,
       enableSorting: false,
       cell: ({ row }) => /* @__PURE__ */ jsxs17("div", { className: "flex items-center gap-1", children: [
-        getToolType(row.original.id_tool) === "oauth2" && /* @__PURE__ */ jsxs17(Tooltip5, { children: [
-          /* @__PURE__ */ jsx19(TooltipTrigger5, { asChild: true, children: /* @__PURE__ */ jsx19(
+        getToolType(row.original.id_tool) === "oauth2" && /* @__PURE__ */ jsxs17(Tooltip4, { children: [
+          /* @__PURE__ */ jsx19(TooltipTrigger4, { asChild: true, children: /* @__PURE__ */ jsx19(
             Button12,
             {
               variant: "ghost",
@@ -4025,10 +4017,10 @@ function useColumns3(tools, onEdit, onConnect, onRemove) {
               children: /* @__PURE__ */ jsx19(Link, { className: "h-4 w-4" })
             }
           ) }),
-          /* @__PURE__ */ jsx19(TooltipContent5, { children: "Em breve" })
+          /* @__PURE__ */ jsx19(TooltipContent4, { children: "Em breve" })
         ] }),
-        /* @__PURE__ */ jsxs17(Tooltip5, { children: [
-          /* @__PURE__ */ jsx19(TooltipTrigger5, { asChild: true, children: /* @__PURE__ */ jsx19(
+        /* @__PURE__ */ jsxs17(Tooltip4, { children: [
+          /* @__PURE__ */ jsx19(TooltipTrigger4, { asChild: true, children: /* @__PURE__ */ jsx19(
             Button12,
             {
               variant: "ghost",
@@ -4039,10 +4031,10 @@ function useColumns3(tools, onEdit, onConnect, onRemove) {
               children: /* @__PURE__ */ jsx19(Pencil4, { className: "h-4 w-4" })
             }
           ) }),
-          /* @__PURE__ */ jsx19(TooltipContent5, { children: "Editar" })
+          /* @__PURE__ */ jsx19(TooltipContent4, { children: "Editar" })
         ] }),
-        /* @__PURE__ */ jsxs17(Tooltip5, { children: [
-          /* @__PURE__ */ jsx19(TooltipTrigger5, { asChild: true, children: /* @__PURE__ */ jsx19(
+        /* @__PURE__ */ jsxs17(Tooltip4, { children: [
+          /* @__PURE__ */ jsx19(TooltipTrigger4, { asChild: true, children: /* @__PURE__ */ jsx19(
             Button12,
             {
               variant: "ghost",
@@ -4053,7 +4045,7 @@ function useColumns3(tools, onEdit, onConnect, onRemove) {
               children: /* @__PURE__ */ jsx19(Trash24, { className: "h-4 w-4" })
             }
           ) }),
-          /* @__PURE__ */ jsx19(TooltipContent5, { children: "Remover" })
+          /* @__PURE__ */ jsx19(TooltipContent4, { children: "Remover" })
         ] })
       ] })
     }
@@ -4714,7 +4706,7 @@ function ToolFormDialog({
 }
 
 // src/components/capabilities/advanced-tab.tsx
-import { Info as Info3 } from "lucide-react";
+import { Info as Info2 } from "lucide-react";
 import { jsx as jsx21, jsxs as jsxs19 } from "react/jsx-runtime";
 function AdvancedTab({ config, agentId, gagentsApiUrl }) {
   const { data: credentialsData, isLoading: isLoadingCredentials } = useToolCredentials(config);
@@ -4731,7 +4723,7 @@ function AdvancedTab({ config, agentId, gagentsApiUrl }) {
   }
   return /* @__PURE__ */ jsxs19("div", { className: "space-y-8", children: [
     /* @__PURE__ */ jsxs19("div", { className: "flex items-start gap-3 rounded-lg border border-blue-200 bg-blue-50 p-4 dark:border-blue-900 dark:bg-blue-950/30", children: [
-      /* @__PURE__ */ jsx21(Info3, { className: "mt-0.5 h-4 w-4 shrink-0 text-blue-600 dark:text-blue-400" }),
+      /* @__PURE__ */ jsx21(Info2, { className: "mt-0.5 h-4 w-4 shrink-0 text-blue-600 dark:text-blue-400" }),
       /* @__PURE__ */ jsxs19("p", { className: "text-sm text-blue-800 dark:text-blue-300", children: [
         "Use as abas ",
         /* @__PURE__ */ jsx21("strong", { children: "Capacidades" }),
@@ -5474,7 +5466,7 @@ import {
   TabsList as TabsList3,
   TabsTrigger as TabsTrigger3
 } from "@greatapps/greatauth-ui/ui";
-import { Plus as Plus6, Plug as Plug4, KeyRound, Info as Info4 } from "lucide-react";
+import { Plus as Plus6, Plug as Plug4, KeyRound, Info as Info3 } from "lucide-react";
 import { jsx as jsx29, jsxs as jsxs27 } from "react/jsx-runtime";
 function useCredentialAgentSummary(credentials, tools, agents) {
   return useMemo8(() => {
@@ -5534,7 +5526,7 @@ function IntegrationsManagementPage({
       ) }),
       /* @__PURE__ */ jsxs27(TabsContent3, { value: "credentials", className: "mt-4", children: [
         !credentialsLoading && /* @__PURE__ */ jsxs27("div", { className: "flex items-center gap-4 rounded-lg border bg-muted/50 px-4 py-3 mb-4", children: [
-          /* @__PURE__ */ jsx29(Info4, { className: "h-4 w-4 text-muted-foreground shrink-0" }),
+          /* @__PURE__ */ jsx29(Info3, { className: "h-4 w-4 text-muted-foreground shrink-0" }),
           /* @__PURE__ */ jsxs27("div", { className: "flex flex-wrap items-center gap-3 text-sm", children: [
             /* @__PURE__ */ jsxs27("span", { children: [
               /* @__PURE__ */ jsx29(Badge11, { variant: "secondary", className: "mr-1", children: summary.totalCredentials }),