organify-ui 0.3.30 → 0.3.33

package/dist/index.d.ts

@@ -1601,7 +1601,9 @@ interface InviteMemberDialogProps {
         id: string;
         email: string;
     }) => void;
+    /** Default view to show when opening */
+    defaultView?: 'invite' | 'sent';
 }
-declare function InviteMemberDialog({ open, onOpenChange, workspaceSlug: propWorkspaceSlug, workspaceId: _deprecated, onInvited, }: InviteMemberDialogProps): react_jsx_runtime.JSX.Element;
+declare function InviteMemberDialog({ open, onOpenChange, workspaceSlug: propWorkspaceSlug, workspaceId: _deprecated, onInvited, defaultView, }: InviteMemberDialogProps): react_jsx_runtime.JSX.Element;
 
 export { type ActivityAction, type ActivityEntry, ActivityTrail, type ActivityTrailProps, ActivityTrailSkeleton, Alert, type AlertProps, Avatar, AvatarFallback, AvatarImage, type AvatarProps, Badge, type BadgeProps, type BoardItem, BoardSkeleton, BoardsSwitcher, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, Button, type ButtonProps, CURRENT_USER_KEY, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, ChatSkeleton, Checkbox, Collapsible, CollapsibleContent, CollapsibleTrigger, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, type Comment, type CommentAuthor, CommentItem, type CommentReaction, CommentThread, type CommentThreadProps, CreateEpicDialog, type CreateEpicDialogProps, CreateProjectDialog, type CreateProjectDialogProps, CreateSprintDialog, type CreateSprintDialogProps, CreateTaskDialog, type CreateTaskDialogProps, CreateWorkspaceDialog, type CreateWorkspaceDialogProps, DashboardSkeleton, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, Dock, DockButton, type DockEntry, type DockItem, type DockProps, DockSidebar, type DockSidebarProps, Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, DueDateBadge, Empty, EmptyContent, EmptyDescription, EmptyHeader, EmptyMedia, EmptyState, type EmptyStateProps, EmptyTitle, GeometricIcon, type GeometricIconProps, GlassPanel, type GlassPanelProps, type GqlEndpoint, Input, type InputProps, InviteMemberDialog, type InviteMemberDialogProps, KanbanBoard, type KanbanBoardProps, Column as KanbanColumn, type KanbanColumnData, type KanbanTask, TaskCard as KanbanTaskCard, Label, Logo, type LogoProps, MemberListSkeleton, MetricCard, type MetricCardProps, MetricCardSkeleton, OrgLoader, OrgLoaderInline, type OrgLoaderProps, type OrganifyApiConfig, OrganifyContext, type OrganifyContextValue, type OrganifyProject, OrganifyProvider, type OrganifyProviderProps, type OrganifyUser, type OrganifyWorkspace, PlanBadge, type PlanBadgeProps, type PlanLimit, type PlanTier, Popover, PopoverAnchor, PopoverContent, PopoverTrigger, Progress, type ProgressProps, ProjectListSkeleton, type ResolvedUser, ResponsiveDialog, type ResponsiveDialogProps, type RestEndpoint, ScrollArea, ScrollBar, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator, SettingsSkeleton, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, SheetTrigger, SidebarButton, SidebarEntry, type SidebarNavEntry, type SidebarNavItem, Skeleton, SkeletonCard, type SkeletonProps, type Sprint, SprintFilter, SprintSkeleton, StatusPill, type StatusPillProps, StepCircle, StepConnector, type StepStatus, Stepper, type StepperProps, type StepperStep, Switch, type SwitchProps, Tabs, TabsContent, TabsList, TabsTrigger, type TaskAssignee, TaskCard$1 as TaskCard, type TaskCardData, type TaskCardProps$1 as TaskCardProps, TaskCardSkeleton, type TaskDetailData, TaskDetailDialog, type TaskDetailDialogProps, TaskDetailPanel, type TaskDetailPanelProps, TaskDetailSheet, type TaskDetailSheetProps, type TaskLabel, TaskListSkeleton, type TaskPriority, type TaskStatus, type TaskSubtask, Textarea, Toast, ToastProgress, type ToastProps, Toaster, type ToasterProps, Toggle, type ToggleProps, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, type UseCurrentUserReturn, UserAvatar, type UserAvatarProps, UserDisplayName, type UserDisplayNameProps, WorkspaceSwitcher, type WorkspaceSwitcherProps, alertVariants, avatarVariants, badgeVariants, buttonVariants, cn, emptyMediaVariants, geometricIconVariants, glassPanelVariants, inputVariants, invalidateUserCache, metricCardVariants, orgLoaderVariants, priorityConfig, resolveUser, seedUserCache, statusPillVariants, useCurrentUser, useMediaQuery, useOrganify, useOrganifyApi, useOrganifyGql, useOrganifyNavigation, useOrganifyProject, useOrganifyRest, useOrganifyUser, useOrganifyWorkspace, useResolvedUser };

package/dist/index.js

@@ -3,7 +3,7 @@ export { NotificationBell, NotificationItem, NotificationList, OrganifyNotificat
 export { createAiClient, useAiChat, useAiCommand, useAiSuggest, useAiUsage } from './chunk-NV4RWAQ2.js';
 export { I18nProvider, createTranslator, useI18n } from './chunk-FQA33MF4.js';
 export { ThemeProvider, useTheme } from './chunk-RFOKENE3.js';
-import { Dialog, DialogContent, DialogHeader, DialogTitle, DialogDescription, UserAvatar, ResponsiveDialog, Separator, Label, Input, Textarea, Button, UserDisplayName, Select, SelectTrigger, SelectValue, SelectContent, SelectItem } from './chunk-GI5LONCN.js';
+import { Dialog, DialogContent, DialogHeader, DialogTitle, DialogDescription, UserAvatar, ResponsiveDialog, Separator, Label, Input, Textarea, Button, UserDisplayName, Tabs, TabsList, TabsTrigger, TabsContent, Select, SelectTrigger, SelectValue, SelectContent, SelectItem } from './chunk-GI5LONCN.js';
 export { AiChatSidebar, Alert, Button, ChatMessages, ChatSidebar, CommandBar, CreateRoomDialog, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, InlineAiButton, Input, Label, MOCK_PROJECTS, MOCK_USERS, OrgLoader, OrgLoaderInline, OrganifyChat, ResponsiveDialog, RoomManagementPanel, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator, Tabs, TabsContent, TabsList, TabsTrigger, Textarea, TypingIndicatorMock, UserAvatar, UserDisplayName, alertVariants, buttonVariants, generateAutoReplies, getMockMentionOptions, getRoomPermissions, inputVariants, invalidateUserCache, orgLoaderVariants, resolveUser, seedUserCache, typingIndicator, useAiInline, useChat, useResolvedUser } from './chunk-GI5LONCN.js';
 import { cn, Drawer, DrawerContent, DrawerHeader, DrawerTitle, DrawerDescription, Skeleton, useOrganify, useOrganifyGql, Avatar, AvatarFallback, useOrganifyUser, useOrganifyApi, Badge, ScrollArea, useOrganifyWorkspace, useOrganifyNavigation, useOrganifyProject, TooltipProvider, Tooltip, TooltipTrigger, TooltipContent, AvatarImage } from './chunk-UUBQQVDM.js';
 export { Avatar, AvatarFallback, AvatarImage, Badge, Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger, OrganifyContext, OrganifyProvider, ScrollArea, ScrollBar, Skeleton, SkeletonCard, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, avatarVariants, badgeVariants, cn, useOrganify, useOrganifyApi, useOrganifyGql, useOrganifyNavigation, useOrganifyProject, useOrganifyRest, useOrganifyUser, useOrganifyWorkspace } from './chunk-UUBQQVDM.js';
@@ -9301,20 +9301,35 @@ function CreateTaskDialog({
 }
 var INVITE_MEMBER_MUTATION = `
   mutation InviteWorkspaceMember($slug: String!, $input: InviteMemberInput!) {
-    inviteWorkspaceMember(slug: $slug, input: $input) {
-      id
-      email
-      role
-      status
+  inviteWorkspaceMember(slug: $slug, input: $input) {
+    id
+    email
+    role
+    status
+  }
+}
+`;
+var GET_SENT_INVITES = `
+  query SentWorkspaceInvites($workspaceSlug: String) {
+  sentWorkspaceInvites(workspaceSlug: $workspaceSlug) {
+    id
+    email
+    role
+    status
+      workspace {
+      name
+      avatarUrl
     }
   }
+}
 `;
 function InviteMemberDialog({
   open,
   onOpenChange,
   workspaceSlug: propWorkspaceSlug,
   workspaceId: _deprecated,
-  onInvited
+  onInvited,
+  defaultView = "invite"
 }) {
   const gql = useOrganifyGql();
   const { workspace } = useOrganifyWorkspace();
@@ -9323,13 +9338,34 @@ function InviteMemberDialog({
   const [role, setRole] = React5.useState("MEMBER");
   const [error, setError] = React5.useState("");
   const [loading, setLoading] = React5.useState(false);
+  const [sentInvites, setSentInvites] = React5.useState([]);
+  const [loadingInvites, setLoadingInvites] = React5.useState(false);
+  const [activeTab, setActiveTab] = React5.useState(defaultView);
+  const loadInvites = React5.useCallback(async () => {
+    if (!open || !effectiveSlug) return;
+    setLoadingInvites(true);
+    try {
+      const data = await gql(
+        "workspaces",
+        GET_SENT_INVITES,
+        { workspaceSlug: effectiveSlug }
+      );
+      setSentInvites(data?.sentWorkspaceInvites || []);
+    } catch (err) {
+      console.error("Failed to load sent invites", err);
+    } finally {
+      setLoadingInvites(false);
+    }
+  }, [open, effectiveSlug, gql]);
   React5.useEffect(() => {
     if (open) {
       setEmail("");
       setRole("MEMBER");
       setError("");
+      setActiveTab(defaultView);
+      loadInvites();
     }
-  }, [open]);
+  }, [open, loadInvites, defaultView]);
   const handleSubmit = async (e) => {
     e.preventDefault();
     const trimmed = email.trim().toLowerCase();
@@ -9355,7 +9391,9 @@ function InviteMemberDialog({
       );
       onOpenChange(false);
       onInvited?.(data.inviteWorkspaceMember);
-      toast.success(`Convite enviado para ${trimmed}`);
+      toast.success(`Convite enviado para ${trimmed} `);
+      loadInvites();
+      setEmail("");
     } catch (err) {
       const msg = err.message || "Failed to send invite";
       setError(msg);
@@ -9384,55 +9422,91 @@ function InviteMemberDialog({
           loading ? "Sending\u2026" : "Send Invite"
         ] })
       ] }),
-      children: /* @__PURE__ */ jsxs("form", { onSubmit: handleSubmit, className: "space-y-4", children: [
-        /* @__PURE__ */ jsxs("div", { className: "space-y-1.5", children: [
-          /* @__PURE__ */ jsx(Label, { htmlFor: "invite-email", children: "Email address" }),
-          /* @__PURE__ */ jsx(
-            Input,
-            {
-              id: "invite-email",
-              type: "email",
-              placeholder: "colleague@company.com",
-              value: email,
-              onChange: (e) => {
-                setEmail(e.target.value);
-                setError("");
-              },
-              autoFocus: true
-            }
-          ),
-          error && /* @__PURE__ */ jsx("p", { className: "text-xs text-rose-400", children: error })
+      children: /* @__PURE__ */ jsxs(Tabs, { value: activeTab, onValueChange: setActiveTab, className: "w-full", children: [
+        /* @__PURE__ */ jsxs(TabsList, { className: "grid grid-cols-2 mb-4", children: [
+          /* @__PURE__ */ jsx(TabsTrigger, { value: "invite", children: "Convidar" }),
+          /* @__PURE__ */ jsx(TabsTrigger, { value: "sent", children: "Enviados" })
         ] }),
-        /* @__PURE__ */ jsxs("div", { className: "space-y-1.5", children: [
-          /* @__PURE__ */ jsx(Label, { children: "Role" }),
-          /* @__PURE__ */ jsx("div", { className: "space-y-2", children: roles.map((r) => /* @__PURE__ */ jsxs(
-            "button",
-            {
-              type: "button",
-              onClick: () => setRole(r.value),
-              className: cn(
-                "w-full flex items-center gap-3 p-2.5 rounded-xl border text-left transition-all",
-                role === r.value ? "bg-theme-subtle-10 border-primary ring-1 ring-primary/30" : "bg-theme-card border-theme-subtle hover:border-theme-medium"
-              ),
-              children: [
-                /* @__PURE__ */ jsx(
-                  "div",
-                  {
-                    className: cn(
-                      "w-3 h-3 rounded-full border-2",
-                      role === r.value ? "bg-primary border-primary" : "border-theme-subtle-20"
-                    )
-                  }
+        /* @__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: [
+            /* @__PURE__ */ jsx(Label, { htmlFor: "invite-email", children: "Endere\xE7o de Email" }),
+            /* @__PURE__ */ jsx(
+              Input,
+              {
+                id: "invite-email",
+                type: "email",
+                placeholder: "colega@empresa.com",
+                value: email,
+                onChange: (e) => {
+                  setEmail(e.target.value);
+                  setError("");
+                },
+                autoFocus: true
+              }
+            ),
+            error && /* @__PURE__ */ jsx("p", { className: "text-xs text-rose-400", children: error })
+          ] }),
+          /* @__PURE__ */ jsxs("div", { className: "space-y-1.5", children: [
+            /* @__PURE__ */ jsx(Label, { children: "Papel" }),
+            /* @__PURE__ */ jsx("div", { className: "space-y-2", children: roles.map((r) => /* @__PURE__ */ jsxs(
+              "button",
+              {
+                type: "button",
+                onClick: () => setRole(r.value),
+                className: cn(
+                  "w-full flex items-center gap-3 p-2.5 rounded-xl border text-left transition-all",
+                  role === r.value ? "bg-theme-subtle-10 border-primary ring-1 ring-primary/30" : "bg-theme-card border-theme-subtle hover:border-theme-medium"
                 ),
-                /* @__PURE__ */ jsxs("div", { children: [
-                  /* @__PURE__ */ jsx("p", { className: "text-sm font-medium text-theme", children: r.label }),
-                  /* @__PURE__ */ jsx("p", { className: "text-xs text-theme-muted", children: r.desc })
+                children: [
+                  /* @__PURE__ */ jsx(
+                    "div",
+                    {
+                      className: cn(
+                        "w-3 h-3 rounded-full border-2",
+                        role === r.value ? "bg-primary border-primary" : "border-theme-subtle-20"
+                      )
+                    }
+                  ),
+                  /* @__PURE__ */ jsxs("div", { children: [
+                    /* @__PURE__ */ jsx("p", { className: "text-sm font-medium text-theme", children: r.label }),
+                    /* @__PURE__ */ jsx("p", { className: "text-xs text-theme-muted", children: r.desc })
+                  ] })
+                ]
+              },
+              r.value
+            )) })
+          ] })
+        ] }) }),
+        /* @__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}` : ""
                 ] })
-              ]
-            },
-            r.value
-          )) })
-        ] })
+              ] }),
+              /* @__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: [
+          /* @__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" })
+        ] }) }) })
       ] })
     }
   );