organify-ui 0.3.49 → 0.3.51

package/dist/index.d.ts

@@ -1712,7 +1712,7 @@ interface InviteMemberDialogProps {
         email: string;
     }) => void;
     /** Default view to show when opening */
-    defaultView?: 'invite' | 'sent';
+    defaultView?: 'invite' | 'sent' | 'received';
 }
 declare function InviteMemberDialog({ open, onOpenChange, workspaceSlug: propWorkspaceSlug, workspaceId: _deprecated, onInvited, defaultView, }: InviteMemberDialogProps): react_jsx_runtime.JSX.Element;
 

package/dist/index.js

@@ -10205,13 +10205,85 @@ var GET_SENT_INVITES = `
     email
     role
     status
-      workspace {
+    createdAt
+    workspace {
       name
       avatarUrl
     }
   }
 }
 `;
+var GET_PENDING_INVITES = `
+  query GetPendingInvites {
+  pendingInvites {
+    id
+    workspaceId
+    inviterId
+    inviterName
+    email
+    role
+    token
+    status
+    createdAt
+    expiresAt
+    workspace {
+      id
+      name
+      slug
+      avatarUrl
+    }
+    inviter {
+      id
+      name
+      avatar
+    }
+  }
+}
+`;
+var ACCEPT_INVITE_MUTATION = `
+  mutation AcceptWorkspaceInvite($token: String!) {
+  acceptWorkspaceInvite(token: $token) {
+    workspace {
+      id
+      name
+      slug
+    }
+    member {
+      id
+      userId
+      role
+    }
+  }
+}
+`;
+var DECLINE_INVITE_MUTATION = `
+  mutation DeclineWorkspaceInvite($token: String!) {
+  declineWorkspaceInvite(token: $token) {
+    id
+    status
+  }
+}
+`;
+var CANCEL_INVITE_MUTATION = `
+  mutation CancelWorkspaceInvite($inviteId: String!) {
+  cancelWorkspaceInvite(inviteId: $inviteId) {
+    cancelled
+    inviteId
+  }
+}
+`;
+function StatusBadge({ status }) {
+  return /* @__PURE__ */ jsx(
+    "span",
+    {
+      className: cn(
+        "px-2.5 py-0.5 rounded-full text-[10px] font-semibold uppercase tracking-wider whitespace-nowrap",
+        status === "PENDING" ? "bg-amber-100 text-amber-700" : status === "ACCEPTED" ? "bg-emerald-100 text-emerald-700" : "bg-slate-100 text-slate-500"
+      ),
+      children: status
+    }
+  );
+}
 function InviteMemberDialog({
   open,
   onOpenChange,
@@ -10228,11 +10300,15 @@ function InviteMemberDialog({
   const [error, setError] = React11.useState("");
   const [loading, setLoading] = React11.useState(false);
   const [sentInvites, setSentInvites] = React11.useState([]);
-  const [loadingInvites, setLoadingInvites] = React11.useState(false);
+  const [loadingSent, setLoadingSent] = React11.useState(false);
+  const [cancellingId, setCancellingId] = React11.useState(null);
+  const [receivedInvites, setReceivedInvites] = React11.useState([]);
+  const [loadingReceived, setLoadingReceived] = React11.useState(false);
+  const [actionToken, setActionToken] = React11.useState(null);
   const [activeTab, setActiveTab] = React11.useState(defaultView);
-  const loadInvites = React11.useCallback(async () => {
-    if (!open || !effectiveSlug) return;
-    setLoadingInvites(true);
+  const loadSentInvites = React11.useCallback(async () => {
+    if (!effectiveSlug) return;
+    setLoadingSent(true);
     try {
       const data = await gql(
         "workspaces",
@@ -10243,31 +10319,46 @@ function InviteMemberDialog({
     } catch (err) {
       console.error("Failed to load sent invites", err);
     } finally {
-      setLoadingInvites(false);
+      setLoadingSent(false);
     }
-  }, [open, effectiveSlug, gql]);
-  React11.useEffect(() => {
-    if (open) {
-      setEmail("");
-      setRole("MEMBER");
-      setError("");
-      setActiveTab(defaultView);
-      loadInvites();
+  }, [effectiveSlug, gql]);
+  const loadReceivedInvites = React11.useCallback(async () => {
+    setLoadingReceived(true);
+    try {
+      const data = await gql(
+        "workspaces",
+        GET_PENDING_INVITES,
+        {}
+      );
+      setReceivedInvites(data?.pendingInvites || []);
+    } catch (err) {
+      console.error("Failed to load pending invites", err);
+    } finally {
+      setLoadingReceived(false);
     }
-  }, [open, loadInvites, defaultView]);
+  }, [gql]);
+  React11.useEffect(() => {
+    if (!open) return;
+    setEmail("");
+    setRole("MEMBER");
+    setError("");
+    setActiveTab(defaultView);
+    loadSentInvites();
+    loadReceivedInvites();
+  }, [open, defaultView, loadSentInvites, loadReceivedInvites]);
   const handleSubmit = async (e) => {
     e.preventDefault();
     const trimmed = email.trim().toLowerCase();
     if (!trimmed) {
-      setError("Email is required");
+      setError("Email \xE9 obrigat\xF3rio");
       return;
     }
     if (!/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(trimmed)) {
-      setError("Invalid email format");
+      setError("Formato de email inv\xE1lido");
       return;
     }
     if (!effectiveSlug) {
-      setError("No workspace context");
+      setError("Sem contexto de workspace");
       return;
     }
     setLoading(true);
@@ -10278,43 +10369,87 @@ function InviteMemberDialog({
         INVITE_MEMBER_MUTATION,
         { slug: effectiveSlug, input: { email: trimmed, role } }
       );
-      onOpenChange(false);
       onInvited?.(data.inviteWorkspaceMember);
-      toast.success(`Convite enviado para ${trimmed} `);
-      loadInvites();
+      toast.success(`Convite enviado para ${trimmed}`);
       setEmail("");
+      loadSentInvites();
     } catch (err) {
-      const msg = err.message || "Failed to send invite";
+      const msg = err.message || "Falha ao enviar convite";
       setError(msg);
       toast.error(msg);
     } finally {
       setLoading(false);
     }
   };
+  const handleCancelInvite = async (inviteId) => {
+    setCancellingId(inviteId);
+    try {
+      await gql("workspaces", CANCEL_INVITE_MUTATION, { inviteId });
+      toast.success("Convite cancelado");
+      setSentInvites((prev) => prev.filter((i) => i.id !== inviteId));
+    } catch (err) {
+      toast.error(err.message || "Falha ao cancelar convite");
+    } finally {
+      setCancellingId(null);
+    }
+  };
+  const handleAcceptInvite = async (token) => {
+    setActionToken(token);
+    try {
+      const data = await gql(
+        "workspaces",
+        ACCEPT_INVITE_MUTATION,
+        { token }
+      );
+      toast.success(`Entraste no workspace ${data?.acceptWorkspaceInvite?.workspace?.name ?? ""}`);
+      setReceivedInvites((prev) => prev.filter((i) => i.token !== token));
+    } catch (err) {
+      toast.error(err.message || "Falha ao aceitar convite");
+    } finally {
+      setActionToken(null);
+    }
+  };
+  const handleDeclineInvite = async (token) => {
+    setActionToken(token);
+    try {
+      await gql("workspaces", DECLINE_INVITE_MUTATION, { token });
+      toast.success("Convite recusado");
+      setReceivedInvites((prev) => prev.filter((i) => i.token !== token));
+    } catch (err) {
+      toast.error(err.message || "Falha ao recusar convite");
+    } finally {
+      setActionToken(null);
+    }
+  };
   const roles = [
-    { value: "ADMIN", label: "Admin", desc: "Full access, manage members" },
-    { value: "MEMBER", label: "Member", desc: "Edit projects and tasks" },
-    { value: "VIEWER", label: "Viewer", desc: "Read-only access" }
+    { value: "ADMIN", label: "Admin", desc: "Acesso total, gerir membros" },
+    { value: "MEMBER", label: "Member", desc: "Editar projetos e tarefas" },
+    { value: "VIEWER", label: "Viewer", desc: "Acesso de leitura" }
   ];
+  const pendingReceivedCount = receivedInvites.length;
   return /* @__PURE__ */ jsx(
     ResponsiveDialog,
     {
       open,
       onOpenChange,
-      title: "Invite Member",
-      description: "Send an invitation to join this workspace.",
+      title: "Membros & Convites",
+      description: "Convide membros ou veja convites pendentes.",
       contentClassName: "max-w-sm",
-      footer: /* @__PURE__ */ jsxs("div", { className: "flex gap-2 justify-end w-full", children: [
-        /* @__PURE__ */ jsx(Button, { variant: "ghost", onClick: () => onOpenChange(false), disabled: loading, children: "Cancel" }),
+      footer: activeTab === "invite" ? /* @__PURE__ */ jsxs("div", { className: "flex gap-2 justify-end w-full", children: [
+        /* @__PURE__ */ jsx(Button, { variant: "ghost", onClick: () => onOpenChange(false), disabled: loading, children: "Cancelar" }),
         /* @__PURE__ */ jsxs(Button, { onClick: handleSubmit, disabled: loading || !email.trim(), children: [
           /* @__PURE__ */ jsx(OrgMail, { className: "w-4 h-4 mr-1.5" }),
-          loading ? "Sending\u2026" : "Send Invite"
+          loading ? "A enviar\u2026" : "Enviar convite"
         ] })
-      ] }),
+      ] }) : /* @__PURE__ */ jsx("div", { className: "flex justify-end w-full", children: /* @__PURE__ */ jsx(Button, { variant: "ghost", onClick: () => onOpenChange(false), children: "Fechar" }) }),
       children: /* @__PURE__ */ jsxs(Tabs, { value: activeTab, onValueChange: setActiveTab, className: "w-full", children: [
-        /* @__PURE__ */ jsxs(TabsList, { className: "grid grid-cols-2 mb-4", children: [
+        /* @__PURE__ */ jsxs(TabsList, { className: "grid grid-cols-3 mb-4", children: [
           /* @__PURE__ */ jsx(TabsTrigger, { value: "invite", children: "Convidar" }),
-          /* @__PURE__ */ jsx(TabsTrigger, { value: "sent", children: "Enviados" })
+          /* @__PURE__ */ jsx(TabsTrigger, { value: "sent", children: "Enviados" }),
+          /* @__PURE__ */ jsxs(TabsTrigger, { value: "received", className: "relative", children: [
+            "Recebidos",
+            pendingReceivedCount > 0 && /* @__PURE__ */ jsx("span", { className: "ml-1 inline-flex items-center justify-center w-4 h-4 rounded-full bg-primary text-[9px] font-bold text-white", children: pendingReceivedCount })
+          ] })
         ] }),
         /* @__PURE__ */ jsx(TabsContent, { value: "invite", children: /* @__PURE__ */ jsxs("form", { onSubmit: handleSubmit, className: "space-y-4", children: [
           /* @__PURE__ */ jsxs("div", { className: "space-y-1.5", children: [
@@ -10351,7 +10486,7 @@ function InviteMemberDialog({
                     "div",
                     {
                       className: cn(
-                        "w-3 h-3 rounded-full border-2",
+                        "w-3 h-3 rounded-full border-2 shrink-0",
                         role === r.value ? "bg-primary border-primary" : "border-theme-subtle-20"
                       )
                     }
@@ -10366,35 +10501,98 @@ function InviteMemberDialog({
             )) })
           ] })
         ] }) }),
-        /* @__PURE__ */ jsx(TabsContent, { value: "sent", children: /* @__PURE__ */ jsx("div", { className: "space-y-3 min-h-[200px]", children: loadingInvites ? /* @__PURE__ */ jsx("p", { className: "text-xs text-theme-muted text-center pt-8", children: "Carregando..." }) : sentInvites.length > 0 ? /* @__PURE__ */ jsx("div", { className: "space-y-2 max-h-60 overflow-y-auto pr-1", children: sentInvites.map((inv) => /* @__PURE__ */ jsxs(
-          "div",
-          {
-            className: "flex items-center justify-between p-2.5 rounded-xl border bg-theme-card text-sm border-theme-subtle",
-            children: [
-              /* @__PURE__ */ jsxs("div", { className: "flex flex-col min-w-0", children: [
-                /* @__PURE__ */ jsx("span", { className: "truncate font-medium text-theme", children: inv.email }),
-                /* @__PURE__ */ jsxs("span", { className: "text-xs text-theme-muted", children: [
-                  inv.role,
-                  " ",
-                  inv.workspace?.name ? `\u2022 ${inv.workspace.name}` : ""
+        /* @__PURE__ */ jsx(TabsContent, { value: "sent", children: /* @__PURE__ */ jsx("div", { className: "space-y-3 min-h-[200px]", children: loadingSent ? /* @__PURE__ */ jsx("p", { className: "text-xs text-theme-muted text-center pt-8", children: "A carregar..." }) : sentInvites.length > 0 ? /* @__PURE__ */ jsx("div", { className: "space-y-2 max-h-72 overflow-y-auto pr-1", children: sentInvites.map((inv) => {
+          const isCancelling = cancellingId === inv.id;
+          return /* @__PURE__ */ jsxs(
+            "div",
+            {
+              className: "flex items-center justify-between gap-2 p-2.5 rounded-xl border bg-theme-card text-sm border-theme-subtle",
+              children: [
+                /* @__PURE__ */ jsxs("div", { className: "flex flex-col min-w-0 flex-1", children: [
+                  /* @__PURE__ */ jsx("span", { className: "truncate font-medium text-theme", children: inv.email }),
+                  /* @__PURE__ */ jsxs("span", { className: "text-xs text-theme-muted", children: [
+                    inv.role,
+                    inv.workspace?.name ? ` \u2022 ${inv.workspace.name}` : ""
+                  ] })
+                ] }),
+                /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1.5 shrink-0", children: [
+                  /* @__PURE__ */ jsx(StatusBadge, { status: inv.status }),
+                  inv.status === "PENDING" && /* @__PURE__ */ jsx(
+                    "button",
+                    {
+                      type: "button",
+                      disabled: isCancelling || cancellingId !== null,
+                      onClick: () => handleCancelInvite(inv.id),
+                      className: "text-[10px] px-2 py-0.5 rounded-full border border-rose-300 text-rose-500 hover:bg-rose-50 disabled:opacity-40 transition-colors whitespace-nowrap",
+                      children: isCancelling ? "\u2026" : "Cancelar"
+                    }
+                  )
                 ] })
-              ] }),
-              /* @__PURE__ */ jsx("div", { className: "shrink-0 ml-2", children: /* @__PURE__ */ jsx(
-                "span",
-                {
-                  className: cn(
-                    "px-2.5 py-0.5 rounded-full text-[10px] font-semibold uppercase tracking-wider",
-                    inv.status === "PENDING" ? "bg-amber-100 text-amber-700" : inv.status === "ACCEPTED" ? "bg-emerald-100 text-emerald-700" : "bg-slate-100 text-slate-700 text-theme-muted"
-                  ),
-                  children: inv.status
-                }
-              ) })
-            ]
-          },
-          inv.id
-        )) }) : /* @__PURE__ */ jsxs("div", { className: "text-center pt-8 space-y-2", children: [
+              ]
+            },
+            inv.id
+          );
+        }) }) : /* @__PURE__ */ jsxs("div", { className: "text-center pt-8 space-y-2", children: [
           /* @__PURE__ */ jsx("p", { className: "text-sm text-theme-muted", children: "Nenhum convite enviado ainda." }),
           /* @__PURE__ */ jsx(Button, { variant: "ghost", size: "sm", onClick: () => setActiveTab("invite"), children: "Convidar agora" })
+        ] }) }) }),
+        /* @__PURE__ */ jsx(TabsContent, { value: "received", children: /* @__PURE__ */ jsx("div", { className: "space-y-3 min-h-[200px]", children: loadingReceived ? /* @__PURE__ */ jsx("p", { className: "text-xs text-theme-muted text-center pt-8", children: "A carregar..." }) : receivedInvites.length > 0 ? /* @__PURE__ */ jsx("div", { className: "space-y-2 max-h-72 overflow-y-auto pr-1", children: receivedInvites.map((inv) => {
+          const isActing = actionToken === inv.token;
+          const anyActing = actionToken !== null;
+          return /* @__PURE__ */ jsxs(
+            "div",
+            {
+              className: "flex items-start gap-3 p-2.5 rounded-xl border bg-theme-card border-theme-subtle",
+              children: [
+                inv.workspace?.avatarUrl ? /* @__PURE__ */ jsx(
+                  "img",
+                  {
+                    src: inv.workspace.avatarUrl,
+                    alt: inv.workspace.name,
+                    className: "w-8 h-8 rounded-md object-cover shrink-0 mt-0.5"
+                  }
+                ) : /* @__PURE__ */ jsx("div", { className: "w-8 h-8 rounded-md bg-primary/10 flex items-center justify-center shrink-0 mt-0.5", children: /* @__PURE__ */ jsx("span", { className: "text-xs font-bold text-primary", children: (inv.workspace?.name ?? "?")[0].toUpperCase() }) }),
+                /* @__PURE__ */ jsxs("div", { className: "flex-1 min-w-0", children: [
+                  /* @__PURE__ */ jsx("p", { className: "text-sm font-semibold text-theme truncate", children: inv.workspace?.name ?? "Workspace" }),
+                  /* @__PURE__ */ jsxs("p", { className: "text-xs text-theme-muted mt-0.5", children: [
+                    "Convidado como",
+                    " ",
+                    /* @__PURE__ */ jsx("span", { className: "font-medium text-theme", children: inv.role }),
+                    (inv.inviter?.name || inv.inviterName) && /* @__PURE__ */ jsxs(Fragment, { children: [
+                      " por ",
+                      inv.inviter?.name ?? inv.inviterName
+                    ] })
+                  ] }),
+                  /* @__PURE__ */ jsxs("div", { className: "flex gap-1.5 mt-2", children: [
+                    /* @__PURE__ */ jsx(
+                      "button",
+                      {
+                        type: "button",
+                        disabled: isActing || anyActing,
+                        onClick: () => handleAcceptInvite(inv.token),
+                        className: "text-[11px] px-3 py-1 rounded-lg bg-primary text-white font-medium hover:bg-primary/90 disabled:opacity-40 transition-colors",
+                        children: isActing ? "A aceitar\u2026" : "Aceitar"
+                      }
+                    ),
+                    /* @__PURE__ */ jsx(
+                      "button",
+                      {
+                        type: "button",
+                        disabled: isActing || anyActing,
+                        onClick: () => handleDeclineInvite(inv.token),
+                        className: "text-[11px] px-3 py-1 rounded-lg border border-theme-subtle text-theme-muted hover:text-theme hover:border-theme-medium disabled:opacity-40 transition-colors",
+                        children: isActing ? "\u2026" : "Recusar"
+                      }
+                    )
+                  ] })
+                ] })
+              ]
+            },
+            inv.id
+          );
+        }) }) : /* @__PURE__ */ jsxs("div", { className: "text-center pt-8 space-y-1", children: [
+          /* @__PURE__ */ jsx(OrgMail, { className: "w-8 h-8 text-theme-muted/40 mx-auto" }),
+          /* @__PURE__ */ jsx("p", { className: "text-sm text-theme-muted", children: "Sem convites pendentes." })
         ] }) }) })
       ] })
     }