@greatapps/common 1.1.187 → 1.1.188

package/dist/components/layouts/UsersSelectorPopover.mjs

@@ -21,11 +21,11 @@ import {
   LIST_PROJECT_USERS_BASE_KEY
 } from "../../modules/projects/hooks/list-project-users.hook";
 import {
-  useListAvailableUsers,
-  LIST_AVAILABLE_USERS_BASE_KEY
-} from "../../modules/projects/hooks/list-available-users.hook";
-import { addProjectUserAction } from "../../modules/projects/actions/add-project-user.action";
+  useListAllAccountUsers,
+  LIST_ALL_ACCOUNT_USERS_BASE_KEY
+} from "../../modules/projects/hooks/list-all-account-users.hook";
 import { removeProjectUserAction } from "../../modules/projects/actions/remove-project-user.action";
+import { addProjectUserAction } from "../../modules/projects/actions/add-project-user.action";
 function UserItemSkeleton() {
   return /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between px-2 py-1.5 gap-2", children: [
     /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 flex-1", children: [
@@ -52,61 +52,38 @@ function UsersSelectorPopover({
     const timer = setTimeout(() => setSearch(searchInput), 300);
     return () => clearTimeout(timer);
   }, [searchInput]);
-  const projectUsers = useListProjectUsers(id, search);
-  const availableUsers = useListAvailableUsers(id, search);
-  const inProject = projectUsers.data?.pages.flatMap((p) => p.data) ?? [];
-  const notInProject = availableUsers.data?.pages.flatMap((p) => p.data) ?? [];
-  const isLoading = projectUsers.isLoading || availableUsers.isLoading;
-  const isFetchingMore = projectUsers.isFetchingNextPage || availableUsers.isFetchingNextPage;
-  const totalInProject = projectUsers.data?.pages[0]?.total ?? inProject.length;
+  const accountUsers = useListAllAccountUsers(search, id || void 0);
+  const projectUsers = useListProjectUsers(id, "");
+  const allUsers = accountUsers.data?.pages.flatMap((p) => p.data) ?? [];
+  const isLoading = accountUsers.isLoading;
+  const isFetchingMore = accountUsers.isFetchingNextPage;
+  const totalInProject = projectUsers.data?.pages[0]?.total ?? 0;
   const invalidate = () => {
-    queryClient.invalidateQueries({
-      queryKey: LIST_PROJECT_USERS_BASE_KEY(id)
-    });
-    queryClient.invalidateQueries({
-      queryKey: LIST_AVAILABLE_USERS_BASE_KEY(id)
-    });
+    queryClient.invalidateQueries({ queryKey: LIST_PROJECT_USERS_BASE_KEY(id) });
+    queryClient.invalidateQueries({ queryKey: LIST_ALL_ACCOUNT_USERS_BASE_KEY() });
   };
-  const addMutation = useMutation({
-    mutationFn: (userId) => addProjectUserAction({ projectId: id, users: [userId] }),
-    onSuccess: invalidate
-  });
   const removeMutation = useMutation({
     mutationFn: (userId) => removeProjectUserAction({ projectId: id, users: [userId] }),
     onSuccess: invalidate
   });
-  const allUsers = [
-    ...inProject.map((u) => ({
-      id: u.id_user,
-      name: u.name,
-      photo: u.photo ?? null,
-      checked: true,
-      removable: u.profile !== "owner" && u.profile !== "admin"
-    })),
-    ...notInProject.map((u) => ({
-      id: u.id,
-      name: u.name,
-      photo: u.photo ?? null,
-      checked: false,
-      removable: true
-    }))
-  ];
-  const toggleUser = (id2, checked, removable) => {
-    if (checked) {
+  const addMutation = useMutation({
+    mutationFn: (userId) => addProjectUserAction({ projectId: id, users: [userId] }),
+    onSuccess: invalidate
+  });
+  const toggleUser = (userId, inProject, removable) => {
+    if (inProject) {
       if (!removable) return;
-      removeMutation.mutate(id2);
+      removeMutation.mutate(userId);
     } else {
-      addMutation.mutate(id2);
+      addMutation.mutate(userId);
     }
   };
   const handleScroll = (e) => {
     const target = e.currentTarget;
     const nearBottom = target.scrollTop + target.clientHeight >= target.scrollHeight - 50;
     if (!nearBottom) return;
-    if (projectUsers.hasNextPage && !projectUsers.isFetchingNextPage) {
-      projectUsers.fetchNextPage();
-    } else if (availableUsers.hasNextPage && !availableUsers.isFetchingNextPage) {
-      availableUsers.fetchNextPage();
+    if (accountUsers.hasNextPage && !accountUsers.isFetchingNextPage) {
+      accountUsers.fetchNextPage();
     }
   };
   return /* @__PURE__ */ jsxs(Popover, { open, onOpenChange: setOpen, children: [
@@ -178,66 +155,63 @@ function UsersSelectorPopover({
                   /* @__PURE__ */ jsx(UserItemSkeleton, {})
                 ] }) : allUsers.length === 0 ? /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center justify-center gap-2 h-full text-gray-400 py-4", children: [
                   /* @__PURE__ */ jsx(Users, { size: 28, className: "text-gray-300" }),
-                  /* @__PURE__ */ jsxs("span", { className: "paragraph-small-medium text-center text-gray-500", children: [
-                    "Nenhum usu\xE1rio neste projeto.",
-                    /* @__PURE__ */ jsx("br", {}),
-                    "Adicione um usu\xE1rio para come\xE7ar."
-                  ] })
+                  /* @__PURE__ */ jsx("span", { className: "paragraph-small-medium text-center text-gray-500", children: "Nenhum usu\xE1rio encontrado." })
                 ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
                   /* @__PURE__ */ jsx(CommandEmpty, { children: "Nenhum resultado encontrado." }),
-                  allUsers.map((user) => /* @__PURE__ */ jsx(
-                    CommandItem,
-                    {
-                      value: user.name || String(user.id),
-                      autoFocus: false,
-                      onPointerEnter: () => setHoveredId(user.id),
-                      onPointerLeave: () => setHoveredId(null),
-                      onFocus: () => setHoveredId(user.id),
-                      onBlur: () => setHoveredId(null),
-                      onSelect: () => toggleUser(user.id, user.checked, user.removable),
-                      className: user.removable ? "cursor-pointer" : "cursor-default",
-                      children: /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between w-full", children: [
-                        /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 min-w-0", children: [
-                          /* @__PURE__ */ jsx(
-                            UserAvatar,
-                            {
-                              photo: user.photo,
-                              name: user.name ?? void 0,
-                              size: 32
-                            }
-                          ),
-                          /* @__PURE__ */ jsx("span", { className: "truncate", children: user.name })
-                        ] }),
-                        /* @__PURE__ */ jsxs(Tooltip, { open: user.removable && hoveredId === user.id, children: [
-                          /* @__PURE__ */ jsx(
-                            TooltipTrigger,
-                            {
-                              onClick: (e) => e.stopPropagation(),
-                              onPointerDown: (e) => e.stopPropagation(),
-                              children: /* @__PURE__ */ jsx(
-                                Checkbox,
-                                {
-                                  checked: user.checked,
-                                  disabled: !user.removable,
-                                  onCheckedChange: () => toggleUser(
-                                    user.id,
-                                    user.checked,
-                                    user.removable
-                                  ),
-                                  className: cn(
-                                    user.removable && hoveredId === user.id ? "border-gray-950" : "",
-                                    "disabled:opacity-10"
-                                  )
-                                }
-                              )
-                            }
-                          ),
-                          /* @__PURE__ */ jsx(TooltipContent, { className: "z-[1002]", children: user.checked ? "Remover do projeto" : "Adicionar ao projeto" })
+                  allUsers.map((user) => {
+                    const inProject = user.in_project ?? false;
+                    const removable = inProject && user.profile !== "owner" && user.profile !== "admin";
+                    const interactive = !inProject || removable;
+                    return /* @__PURE__ */ jsx(
+                      CommandItem,
+                      {
+                        value: user.name || String(user.id),
+                        autoFocus: false,
+                        onPointerEnter: () => setHoveredId(user.id),
+                        onPointerLeave: () => setHoveredId(null),
+                        onFocus: () => setHoveredId(user.id),
+                        onBlur: () => setHoveredId(null),
+                        onSelect: () => toggleUser(user.id, inProject, removable),
+                        className: interactive ? "cursor-pointer" : "cursor-default",
+                        children: /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between w-full", children: [
+                          /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 min-w-0", children: [
+                            /* @__PURE__ */ jsx(
+                              UserAvatar,
+                              {
+                                photo: user.photo,
+                                name: user.name ?? void 0,
+                                size: 32
+                              }
+                            ),
+                            /* @__PURE__ */ jsx("span", { className: "truncate", children: user.name })
+                          ] }),
+                          /* @__PURE__ */ jsxs(Tooltip, { open: interactive && hoveredId === user.id, children: [
+                            /* @__PURE__ */ jsx(
+                              TooltipTrigger,
+                              {
+                                onClick: (e) => e.stopPropagation(),
+                                onPointerDown: (e) => e.stopPropagation(),
+                                children: /* @__PURE__ */ jsx(
+                                  Checkbox,
+                                  {
+                                    checked: inProject,
+                                    disabled: !interactive,
+                                    onCheckedChange: () => toggleUser(user.id, inProject, removable),
+                                    className: cn(
+                                      interactive && hoveredId === user.id ? "border-gray-950" : "",
+                                      "disabled:opacity-10"
+                                    )
+                                  }
+                                )
+                              }
+                            ),
+                            /* @__PURE__ */ jsx(TooltipContent, { className: "z-[1002]", children: inProject ? "Remover do projeto" : "Adicionar ao projeto" })
+                          ] })
                         ] })
-                      ] })
-                    },
-                    user.id
-                  )),
+                      },
+                      user.id
+                    );
+                  }),
                   isFetchingMore && /* @__PURE__ */ jsxs(Fragment, { children: [
                     /* @__PURE__ */ jsx(UserItemSkeleton, {}),
                     /* @__PURE__ */ jsx(UserItemSkeleton, {})

package/dist/components/layouts/UsersSelectorPopover.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/layouts/UsersSelectorPopover.tsx"],"sourcesContent":["\"use client\";\r\n\r\n\"use client\";\r\n\r\nimport { useEffect, useState } from \"react\";\r\nimport { Plus, Settings, User, Users } from \"lucide-react\";\r\nimport { UserAvatar } from \"../ui/data-display/UserAvatar\";\r\nimport { useQueryClient, useMutation } from \"@tanstack/react-query\";\r\nimport { Popover, PopoverContent, PopoverTrigger } from \"../ui/overlay/Popover\";\r\nimport { Button } from \"../ui/buttons/Button\";\r\nimport {\r\n  Command,\r\n  CommandEmpty,\r\n  CommandInput,\r\n  CommandItem,\r\n  CommandList,\r\n} from \"../ui/overlay/Command\";\r\nimport { Checkbox } from \"../ui/form/Checkbox\";\r\nimport { Tooltip, TooltipContent, TooltipTrigger } from \"../ui/overlay/Tooltip\";\r\nimport { cn } from \"../../infra/utils/clsx\";\r\nimport {\r\n  useListProjectUsers,\r\n  LIST_PROJECT_USERS_BASE_KEY,\r\n} from \"../../modules/projects/hooks/list-project-users.hook\";\r\nimport {\r\n  useListAvailableUsers,\r\n  LIST_AVAILABLE_USERS_BASE_KEY,\r\n} from \"../../modules/projects/hooks/list-available-users.hook\";\r\nimport { addProjectUserAction } from \"../../modules/projects/actions/add-project-user.action\";\r\nimport { removeProjectUserAction } from \"../../modules/projects/actions/remove-project-user.action\";\r\n\r\nexport interface UsersSelectorPopoverProps {\r\n  projectId?: number;\r\n  side?: \"top\" | \"bottom\" | \"left\" | \"right\";\r\n  align?: \"start\" | \"center\" | \"end\";\r\n  contentClassName?: string;\r\n}\r\n\r\nfunction UserItemSkeleton() {\r\n  return (\r\n    <div className=\"flex items-center justify-between px-2 py-1.5 gap-2\">\r\n      <div className=\"flex items-center gap-2 flex-1\">\r\n        <div className=\"skeleton size-8 rounded-full shrink-0\" />\r\n        <div className=\"skeleton h-3.5 w-28 rounded\" />\r\n      </div>\r\n      <div className=\"skeleton size-4 rounded shrink-0\" />\r\n    </div>\r\n  );\r\n}\r\n\r\nconst GAPPS_URL = process.env.NEXT_PUBLIC_GREAT_APPS ?? \"\";\r\n\r\nexport function UsersSelectorPopover({\r\n  projectId,\r\n  side,\r\n  align,\r\n  contentClassName,\r\n}: UsersSelectorPopoverProps) {\r\n  const queryClient = useQueryClient();\r\n  const [open, setOpen] = useState(false);\r\n  const [hoveredId, setHoveredId] = useState<number | null>(null);\r\n  const [searchInput, setSearchInput] = useState(\"\");\r\n  const [search, setSearch] = useState(\"\");\r\n\r\n  const id = projectId ?? 0;\r\n\r\n  useEffect(() => {\r\n    const timer = setTimeout(() => setSearch(searchInput), 300);\r\n    return () => clearTimeout(timer);\r\n  }, [searchInput]);\r\n\r\n  const projectUsers = useListProjectUsers(id, search);\r\n  const availableUsers = useListAvailableUsers(id, search);\r\n\r\n  const inProject = projectUsers.data?.pages.flatMap((p) => p.data) ?? [];\r\n  const notInProject = availableUsers.data?.pages.flatMap((p) => p.data) ?? [];\r\n  const isLoading = projectUsers.isLoading || availableUsers.isLoading;\r\n  const isFetchingMore =\r\n    projectUsers.isFetchingNextPage || availableUsers.isFetchingNextPage;\r\n  const totalInProject = projectUsers.data?.pages[0]?.total ?? inProject.length;\r\n\r\n  const invalidate = () => {\r\n    queryClient.invalidateQueries({\r\n      queryKey: LIST_PROJECT_USERS_BASE_KEY(id),\r\n    });\r\n    queryClient.invalidateQueries({\r\n      queryKey: LIST_AVAILABLE_USERS_BASE_KEY(id),\r\n    });\r\n  };\r\n\r\n  const addMutation = useMutation({\r\n    mutationFn: (userId: number) =>\r\n      addProjectUserAction({ projectId: id, users: [userId] }),\r\n    onSuccess: invalidate,\r\n  });\r\n\r\n  const removeMutation = useMutation({\r\n    mutationFn: (userId: number) =>\r\n      removeProjectUserAction({ projectId: id, users: [userId] }),\r\n    onSuccess: invalidate,\r\n  });\r\n\r\n  const allUsers = [\r\n    ...inProject.map((u) => ({\r\n      id: u.id_user,\r\n      name: u.name,\r\n      photo: u.photo ?? null,\r\n      checked: true as const,\r\n      removable: u.profile !== \"owner\" && u.profile !== \"admin\",\r\n    })),\r\n    ...notInProject.map((u) => ({\r\n      id: u.id,\r\n      name: u.name,\r\n      photo: u.photo ?? null,\r\n      checked: false as const,\r\n      removable: true,\r\n    })),\r\n  ];\r\n\r\n  const toggleUser = (id: number, checked: boolean, removable: boolean) => {\r\n    if (checked) {\r\n      if (!removable) return;\r\n      removeMutation.mutate(id);\r\n    } else {\r\n      addMutation.mutate(id);\r\n    }\r\n  };\r\n\r\n  const handleScroll = (e: React.UIEvent<HTMLDivElement>) => {\r\n    const target = e.currentTarget;\r\n    const nearBottom =\r\n      target.scrollTop + target.clientHeight >= target.scrollHeight - 50;\r\n    if (!nearBottom) return;\r\n    if (projectUsers.hasNextPage && !projectUsers.isFetchingNextPage) {\r\n      projectUsers.fetchNextPage();\r\n    } else if (\r\n      availableUsers.hasNextPage &&\r\n      !availableUsers.isFetchingNextPage\r\n    ) {\r\n      availableUsers.fetchNextPage();\r\n    }\r\n  };\r\n\r\n  return (\r\n    <Popover open={open} onOpenChange={setOpen}>\r\n      <PopoverTrigger className=\"cursor-pointer\">\r\n        <div className=\"flex items-center gap-2 text-gray-950 px-3 py-2 border border-gray-200 rounded-full hover:border-gray-950\">\r\n          <span className=\"paragraph-small-semibold\">{totalInProject}</span>\r\n          <User size={16} />\r\n        </div>\r\n      </PopoverTrigger>\r\n\r\n      <PopoverContent\r\n        className={cn(\r\n          \"absolute right-[-88px] w-[273px] p-0 bg-white rounded-2xl shadow-md border border-gray-200\",\r\n          contentClassName,\r\n        )}\r\n        side={side}\r\n        align={align}\r\n        sideOffset={8}\r\n      >\r\n        <div className=\"flex flex-col p-3 gap-2\">\r\n          <div className=\"flex items-center justify-between\">\r\n            <span className=\"paragraph-small-semibold\">Usuários</span>\r\n            <div className=\"flex items-center gap-1.5\">\r\n              <Button\r\n                variant=\"secondary\"\r\n                className=\"h-8 paragraph-small-semibold text-gray-950\"\r\n                onClick={() => {\r\n                  window.location.href = `${GAPPS_URL}/my-teams?createNew=true`;\r\n                }}\r\n              >\r\n                <Plus size={16} />\r\n                Adicionar\r\n              </Button>\r\n              <Tooltip>\r\n                <TooltipTrigger asChild>\r\n                  <Button\r\n                    variant=\"secondary\"\r\n                    className=\"p-0 size-8\"\r\n                    onClick={() => {\r\n                      window.location.href = `${GAPPS_URL}/my-teams`;\r\n                    }}\r\n                  >\r\n                    <Settings size={18} />\r\n                  </Button>\r\n                </TooltipTrigger>\r\n                <TooltipContent className=\"z-[1002]\">\r\n                  Visualizar todos usuários\r\n                </TooltipContent>\r\n              </Tooltip>\r\n            </div>\r\n          </div>\r\n\r\n          <Command shouldFilter={false} className=\"gap-2\" value=\"\">\r\n            <CommandInput\r\n              placeholder=\"Busque aqui\"\r\n              value={searchInput}\r\n              onValueChange={setSearchInput}\r\n            />\r\n            <CommandList\r\n              className=\"custom-scrollbar paragraph-small-medium text-gray-600 h-[162px]\"\r\n              onScroll={handleScroll}\r\n            >\r\n              {isLoading ? (\r\n                <>\r\n                  <UserItemSkeleton />\r\n                  <UserItemSkeleton />\r\n                  <UserItemSkeleton />\r\n                </>\r\n              ) : allUsers.length === 0 ? (\r\n                <div className=\"flex flex-col items-center justify-center gap-2 h-full text-gray-400 py-4\">\r\n                  <Users size={28} className=\"text-gray-300\" />\r\n                  <span className=\"paragraph-small-medium text-center text-gray-500\">\r\n                    Nenhum usuário neste projeto.\r\n                    <br />\r\n                    Adicione um usuário para começar.\r\n                  </span>\r\n                </div>\r\n              ) : (\r\n                <>\r\n                  <CommandEmpty>Nenhum resultado encontrado.</CommandEmpty>\r\n                  {allUsers.map((user) => (\r\n                    <CommandItem\r\n                      key={user.id}\r\n                      value={user.name || String(user.id)}\r\n                      autoFocus={false}\r\n                      onPointerEnter={() => setHoveredId(user.id)}\r\n                      onPointerLeave={() => setHoveredId(null)}\r\n                      onFocus={() => setHoveredId(user.id)}\r\n                      onBlur={() => setHoveredId(null)}\r\n                      onSelect={() =>\r\n                        toggleUser(user.id, user.checked, user.removable)\r\n                      }\r\n                      className={\r\n                        user.removable ? \"cursor-pointer\" : \"cursor-default\"\r\n                      }\r\n                    >\r\n                      <div className=\"flex items-center justify-between w-full\">\r\n                        <div className=\"flex items-center gap-2 min-w-0\">\r\n                          <UserAvatar\r\n                            photo={user.photo}\r\n                            name={user.name ?? undefined}\r\n                            size={32}\r\n                          />\r\n                          <span className=\"truncate\">{user.name}</span>\r\n                        </div>\r\n                        <Tooltip open={user.removable && hoveredId === user.id}>\r\n                          <TooltipTrigger\r\n                            onClick={(e) => e.stopPropagation()}\r\n                            onPointerDown={(e) => e.stopPropagation()}\r\n                          >\r\n                            <Checkbox\r\n                              checked={user.checked}\r\n                              disabled={!user.removable}\r\n                              onCheckedChange={() =>\r\n                                toggleUser(\r\n                                  user.id,\r\n                                  user.checked,\r\n                                  user.removable,\r\n                                )\r\n                              }\r\n                              className={cn(\r\n                                user.removable && hoveredId === user.id\r\n                                  ? \"border-gray-950\"\r\n                                  : \"\",\r\n                                \"disabled:opacity-10\",\r\n                              )}\r\n                            />\r\n                          </TooltipTrigger>\r\n                          <TooltipContent className=\"z-[1002]\">\r\n                            {user.checked\r\n                              ? \"Remover do projeto\"\r\n                              : \"Adicionar ao projeto\"}\r\n                          </TooltipContent>\r\n                        </Tooltip>\r\n                      </div>\r\n                    </CommandItem>\r\n                  ))}\r\n                  {isFetchingMore && (\r\n                    <>\r\n                      <UserItemSkeleton />\r\n                      <UserItemSkeleton />\r\n                    </>\r\n                  )}\r\n                </>\r\n              )}\r\n            </CommandList>\r\n          </Command>\r\n        </div>\r\n      </PopoverContent>\r\n    </Popover>\r\n  );\r\n}\r\n"],"mappings":"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","names":["id"]}
+{"version":3,"sources":["../../../src/components/layouts/UsersSelectorPopover.tsx"],"sourcesContent":["\"use client\";\n\nimport { useEffect, useState } from \"react\";\nimport { Plus, Settings, User, Users } from \"lucide-react\";\nimport { UserAvatar } from \"../ui/data-display/UserAvatar\";\nimport { useQueryClient, useMutation } from \"@tanstack/react-query\";\nimport { Popover, PopoverContent, PopoverTrigger } from \"../ui/overlay/Popover\";\nimport { Button } from \"../ui/buttons/Button\";\nimport {\n  Command,\n  CommandEmpty,\n  CommandInput,\n  CommandItem,\n  CommandList,\n} from \"../ui/overlay/Command\";\nimport { Checkbox } from \"../ui/form/Checkbox\";\nimport { Tooltip, TooltipContent, TooltipTrigger } from \"../ui/overlay/Tooltip\";\nimport { cn } from \"../../infra/utils/clsx\";\nimport {\n  useListProjectUsers,\n  LIST_PROJECT_USERS_BASE_KEY,\n} from \"../../modules/projects/hooks/list-project-users.hook\";\nimport {\n  useListAllAccountUsers,\n  LIST_ALL_ACCOUNT_USERS_BASE_KEY,\n} from \"../../modules/projects/hooks/list-all-account-users.hook\";\nimport { removeProjectUserAction } from \"../../modules/projects/actions/remove-project-user.action\";\nimport { addProjectUserAction } from \"../../modules/projects/actions/add-project-user.action\";\n\nexport interface UsersSelectorPopoverProps {\n  projectId?: number;\n  side?: \"top\" | \"bottom\" | \"left\" | \"right\";\n  align?: \"start\" | \"center\" | \"end\";\n  contentClassName?: string;\n}\n\nfunction UserItemSkeleton() {\n  return (\n    <div className=\"flex items-center justify-between px-2 py-1.5 gap-2\">\n      <div className=\"flex items-center gap-2 flex-1\">\n        <div className=\"skeleton size-8 rounded-full shrink-0\" />\n        <div className=\"skeleton h-3.5 w-28 rounded\" />\n      </div>\n      <div className=\"skeleton size-4 rounded shrink-0\" />\n    </div>\n  );\n}\n\nconst GAPPS_URL = process.env.NEXT_PUBLIC_GREAT_APPS ?? \"\";\n\nexport function UsersSelectorPopover({\n  projectId,\n  side,\n  align,\n  contentClassName,\n}: UsersSelectorPopoverProps) {\n  const queryClient = useQueryClient();\n  const [open, setOpen] = useState(false);\n  const [hoveredId, setHoveredId] = useState<number | null>(null);\n  const [searchInput, setSearchInput] = useState(\"\");\n  const [search, setSearch] = useState(\"\");\n\n  const id = projectId ?? 0;\n\n  useEffect(() => {\n    const timer = setTimeout(() => setSearch(searchInput), 300);\n    return () => clearTimeout(timer);\n  }, [searchInput]);\n\n  const accountUsers = useListAllAccountUsers(search, id || undefined);\n  const projectUsers = useListProjectUsers(id, \"\");\n\n  const allUsers = accountUsers.data?.pages.flatMap((p) => p.data) ?? [];\n  const isLoading = accountUsers.isLoading;\n  const isFetchingMore = accountUsers.isFetchingNextPage;\n  const totalInProject = projectUsers.data?.pages[0]?.total ?? 0;\n\n  const invalidate = () => {\n    queryClient.invalidateQueries({ queryKey: LIST_PROJECT_USERS_BASE_KEY(id) });\n    queryClient.invalidateQueries({ queryKey: LIST_ALL_ACCOUNT_USERS_BASE_KEY() });\n  };\n\n  const removeMutation = useMutation({\n    mutationFn: (userId: number) =>\n      removeProjectUserAction({ projectId: id, users: [userId] }),\n    onSuccess: invalidate,\n  });\n\n  const addMutation = useMutation({\n    mutationFn: (userId: number) =>\n      addProjectUserAction({ projectId: id, users: [userId] }),\n    onSuccess: invalidate,\n  });\n\n  const toggleUser = (userId: number, inProject: boolean, removable: boolean) => {\n    if (inProject) {\n      if (!removable) return;\n      removeMutation.mutate(userId);\n    } else {\n      addMutation.mutate(userId);\n    }\n  };\n\n  const handleScroll = (e: React.UIEvent<HTMLDivElement>) => {\n    const target = e.currentTarget;\n    const nearBottom =\n      target.scrollTop + target.clientHeight >= target.scrollHeight - 50;\n    if (!nearBottom) return;\n    if (accountUsers.hasNextPage && !accountUsers.isFetchingNextPage) {\n      accountUsers.fetchNextPage();\n    }\n  };\n\n  return (\n    <Popover open={open} onOpenChange={setOpen}>\n      <PopoverTrigger className=\"cursor-pointer\">\n        <div className=\"flex items-center gap-2 text-gray-950 px-3 py-2 border border-gray-200 rounded-full hover:border-gray-950\">\n          <span className=\"paragraph-small-semibold\">{totalInProject}</span>\n          <User size={16} />\n        </div>\n      </PopoverTrigger>\n\n      <PopoverContent\n        className={cn(\n          \"absolute right-[-88px] w-[273px] p-0 bg-white rounded-2xl shadow-md border border-gray-200\",\n          contentClassName,\n        )}\n        side={side}\n        align={align}\n        sideOffset={8}\n      >\n        <div className=\"flex flex-col p-3 gap-2\">\n          <div className=\"flex items-center justify-between\">\n            <span className=\"paragraph-small-semibold\">Usuários</span>\n            <div className=\"flex items-center gap-1.5\">\n              <Button\n                variant=\"secondary\"\n                className=\"h-8 paragraph-small-semibold text-gray-950\"\n                onClick={() => {\n                  window.location.href = `${GAPPS_URL}/my-teams?createNew=true`;\n                }}\n              >\n                <Plus size={16} />\n                Adicionar\n              </Button>\n              <Tooltip>\n                <TooltipTrigger asChild>\n                  <Button\n                    variant=\"secondary\"\n                    className=\"p-0 size-8\"\n                    onClick={() => {\n                      window.location.href = `${GAPPS_URL}/my-teams`;\n                    }}\n                  >\n                    <Settings size={18} />\n                  </Button>\n                </TooltipTrigger>\n                <TooltipContent className=\"z-[1002]\">\n                  Visualizar todos usuários\n                </TooltipContent>\n              </Tooltip>\n            </div>\n          </div>\n\n          <Command shouldFilter={false} className=\"gap-2\" value=\"\">\n            <CommandInput\n              placeholder=\"Busque aqui\"\n              value={searchInput}\n              onValueChange={setSearchInput}\n            />\n            <CommandList\n              className=\"custom-scrollbar paragraph-small-medium text-gray-600 h-[162px]\"\n              onScroll={handleScroll}\n            >\n              {isLoading ? (\n                <>\n                  <UserItemSkeleton />\n                  <UserItemSkeleton />\n                  <UserItemSkeleton />\n                </>\n              ) : allUsers.length === 0 ? (\n                <div className=\"flex flex-col items-center justify-center gap-2 h-full text-gray-400 py-4\">\n                  <Users size={28} className=\"text-gray-300\" />\n                  <span className=\"paragraph-small-medium text-center text-gray-500\">\n                    Nenhum usuário encontrado.\n                  </span>\n                </div>\n              ) : (\n                <>\n                  <CommandEmpty>Nenhum resultado encontrado.</CommandEmpty>\n                  {allUsers.map((user) => {\n                    const inProject = user.in_project ?? false;\n                    const removable =\n                      inProject &&\n                      user.profile !== \"owner\" &&\n                      user.profile !== \"admin\";\n                    const interactive = !inProject || removable;\n\n                    return (\n                      <CommandItem\n                        key={user.id}\n                        value={user.name || String(user.id)}\n                        autoFocus={false}\n                        onPointerEnter={() => setHoveredId(user.id)}\n                        onPointerLeave={() => setHoveredId(null)}\n                        onFocus={() => setHoveredId(user.id)}\n                        onBlur={() => setHoveredId(null)}\n                        onSelect={() => toggleUser(user.id, inProject, removable)}\n                        className={interactive ? \"cursor-pointer\" : \"cursor-default\"}\n                      >\n                        <div className=\"flex items-center justify-between w-full\">\n                          <div className=\"flex items-center gap-2 min-w-0\">\n                            <UserAvatar\n                              photo={user.photo}\n                              name={user.name ?? undefined}\n                              size={32}\n                            />\n                            <span className=\"truncate\">{user.name}</span>\n                          </div>\n                          <Tooltip open={interactive && hoveredId === user.id}>\n                            <TooltipTrigger\n                              onClick={(e) => e.stopPropagation()}\n                              onPointerDown={(e) => e.stopPropagation()}\n                            >\n                              <Checkbox\n                                checked={inProject}\n                                disabled={!interactive}\n                                onCheckedChange={() =>\n                                  toggleUser(user.id, inProject, removable)\n                                }\n                                className={cn(\n                                  interactive && hoveredId === user.id\n                                    ? \"border-gray-950\"\n                                    : \"\",\n                                  \"disabled:opacity-10\",\n                                )}\n                              />\n                            </TooltipTrigger>\n                            <TooltipContent className=\"z-[1002]\">\n                              {inProject ? \"Remover do projeto\" : \"Adicionar ao projeto\"}\n                            </TooltipContent>\n                          </Tooltip>\n                        </div>\n                      </CommandItem>\n                    );\n                  })}\n                  {isFetchingMore && (\n                    <>\n                      <UserItemSkeleton />\n                      <UserItemSkeleton />\n                    </>\n                  )}\n                </>\n              )}\n            </CommandList>\n          </Command>\n        </div>\n      </PopoverContent>\n    </Popover>\n  );\n}\n"],"mappings":"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","names":[]}

package/dist/modules/projects/actions/list-all-account-users.action.mjs

@@ -0,0 +1,10 @@
+"use server";
+import { safeServerAction } from "../../../utils/safeServerAction";
+import { projectUsersService } from "../services/project-users.service";
+async function listAllAccountUsersAction(params = {}) {
+  return safeServerAction(() => projectUsersService.listAllAccountUsers(params));
+}
+export {
+  listAllAccountUsersAction
+};
+//# sourceMappingURL=list-all-account-users.action.mjs.map

package/dist/modules/projects/actions/list-all-account-users.action.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/modules/projects/actions/list-all-account-users.action.ts"],"sourcesContent":["'use server';\n\nimport { safeServerAction } from '../../../utils/safeServerAction';\nimport { projectUsersService } from '../services/project-users.service';\nimport type { ListUsersParams } from '../types';\n\nexport async function listAllAccountUsersAction(params: ListUsersParams = {}) {\n  return safeServerAction(() => projectUsersService.listAllAccountUsers(params));\n}\n"],"mappings":";AAEA,SAAS,wBAAwB;AACjC,SAAS,2BAA2B;AAGpC,eAAsB,0BAA0B,SAA0B,CAAC,GAAG;AAC5E,SAAO,iBAAiB,MAAM,oBAAoB,oBAAoB,MAAM,CAAC;AAC/E;","names":[]}

package/dist/modules/projects/hooks/list-all-account-users.hook.mjs

@@ -0,0 +1,35 @@
+"use client";
+import { useInfiniteQuery } from "@tanstack/react-query";
+import { listAllAccountUsersAction } from "../actions/list-all-account-users.action";
+import { withAction } from "../../../utils/withAction";
+const PAGE_SIZE = 20;
+const LIST_ALL_ACCOUNT_USERS_BASE_KEY = () => ["account-users", "all"];
+const LIST_ALL_ACCOUNT_USERS_QUERY_KEY = (search = "", projectId) => [
+  ...LIST_ALL_ACCOUNT_USERS_BASE_KEY(),
+  search,
+  projectId
+];
+function useListAllAccountUsers(search = "", projectId) {
+  return useInfiniteQuery({
+    queryKey: LIST_ALL_ACCOUNT_USERS_QUERY_KEY(search, projectId),
+    queryFn: ({ pageParam }) => withAction(
+      () => listAllAccountUsersAction({
+        search: search || void 0,
+        page: pageParam,
+        limit: PAGE_SIZE,
+        inProject: projectId
+      })
+    )(),
+    getNextPageParam: (lastPage, allPages) => {
+      const loaded = allPages.reduce((sum, p) => sum + p.data.length, 0);
+      return loaded < lastPage.total ? allPages.length + 1 : void 0;
+    },
+    initialPageParam: 1
+  });
+}
+export {
+  LIST_ALL_ACCOUNT_USERS_BASE_KEY,
+  LIST_ALL_ACCOUNT_USERS_QUERY_KEY,
+  useListAllAccountUsers
+};
+//# sourceMappingURL=list-all-account-users.hook.mjs.map

package/dist/modules/projects/hooks/list-all-account-users.hook.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/modules/projects/hooks/list-all-account-users.hook.ts"],"sourcesContent":["'use client';\n\nimport { useInfiniteQuery } from '@tanstack/react-query';\nimport { listAllAccountUsersAction } from '../actions/list-all-account-users.action';\nimport { withAction } from '../../../utils/withAction';\n\nconst PAGE_SIZE = 20;\n\nexport const LIST_ALL_ACCOUNT_USERS_BASE_KEY = () => ['account-users', 'all'];\nexport const LIST_ALL_ACCOUNT_USERS_QUERY_KEY = (search: string = '', projectId?: number) => [\n  ...LIST_ALL_ACCOUNT_USERS_BASE_KEY(),\n  search,\n  projectId,\n];\n\nexport function useListAllAccountUsers(search: string = '', projectId?: number) {\n  return useInfiniteQuery({\n    queryKey: LIST_ALL_ACCOUNT_USERS_QUERY_KEY(search, projectId),\n    queryFn: ({ pageParam }) =>\n      withAction(() =>\n        listAllAccountUsersAction({\n          search: search || undefined,\n          page: pageParam as number,\n          limit: PAGE_SIZE,\n          inProject: projectId,\n        })\n      )(),\n    getNextPageParam: (lastPage, allPages) => {\n      const loaded = allPages.reduce((sum, p) => sum + p.data.length, 0);\n      return loaded < lastPage.total ? allPages.length + 1 : undefined;\n    },\n    initialPageParam: 1,\n  });\n}\n"],"mappings":";AAEA,SAAS,wBAAwB;AACjC,SAAS,iCAAiC;AAC1C,SAAS,kBAAkB;AAE3B,MAAM,YAAY;AAEX,MAAM,kCAAkC,MAAM,CAAC,iBAAiB,KAAK;AACrE,MAAM,mCAAmC,CAAC,SAAiB,IAAI,cAAuB;AAAA,EAC3F,GAAG,gCAAgC;AAAA,EACnC;AAAA,EACA;AACF;AAEO,SAAS,uBAAuB,SAAiB,IAAI,WAAoB;AAC9E,SAAO,iBAAiB;AAAA,IACtB,UAAU,iCAAiC,QAAQ,SAAS;AAAA,IAC5D,SAAS,CAAC,EAAE,UAAU,MACpB;AAAA,MAAW,MACT,0BAA0B;AAAA,QACxB,QAAQ,UAAU;AAAA,QAClB,MAAM;AAAA,QACN,OAAO;AAAA,QACP,WAAW;AAAA,MACb,CAAC;AAAA,IACH,EAAE;AAAA,IACJ,kBAAkB,CAAC,UAAU,aAAa;AACxC,YAAM,SAAS,SAAS,OAAO,CAAC,KAAK,MAAM,MAAM,EAAE,KAAK,QAAQ,CAAC;AACjE,aAAO,SAAS,SAAS,QAAQ,SAAS,SAAS,IAAI;AAAA,IACzD;AAAA,IACA,kBAAkB;AAAA,EACpB,CAAC;AACH;","names":[]}

package/dist/modules/projects/services/project-users.service.mjs

@@ -26,6 +26,24 @@ class ProjectUsersService {
       page: params.page ?? 1
     };
   }
+  async listAllAccountUsers(params = {}) {
+    const { id_account } = await getUserContext();
+    const query = buildQueryParams(params);
+    const url = `/accounts/${id_account}/users${query ? `?${query}` : ""}`;
+    const response = await api.apps.get(url);
+    if (response.status === 0) {
+      throw new ApiError(
+        response.message || "Erro ao listar usu\xE1rios da conta",
+        "LIST_ACCOUNT_USERS_FAILED",
+        400
+      );
+    }
+    return {
+      data: response.data.map((item) => AccountUserSchema.parse(item)),
+      total: response.total,
+      page: params.page ?? 1
+    };
+  }
   async listNotInProject(projectId, params = {}) {
     const { id_account } = await getUserContext();
     const query = buildQueryParams({ notInProject: projectId, ...params });

package/dist/modules/projects/services/project-users.service.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/modules/projects/services/project-users.service.ts"],"sourcesContent":["import 'server-only';\r\n\r\nimport { api } from '../../../infra/api/client';\r\nimport { ApiError } from '../../../infra/api/types';\r\nimport { buildQueryParams } from '../../../infra/utils/params';\r\nimport { getUserContext } from '../../auth/utils/get-user-context';\r\nimport {\r\n  AccountUser,\r\n  AccountUserSchema,\r\n  AddRemoveProjectUsersParams,\r\n  ListUsersParams,\r\n  ProjectUser,\r\n  ProjectUserSchema,\r\n  UsersPage,\r\n} from '../types';\r\n\r\ninterface ApiListResponse<T> {\r\n  data: T[];\r\n  total: number;\r\n  status: number;\r\n  message?: string;\r\n}\r\n\r\ninterface ApiActionResponse {\r\n  status: number;\r\n  message?: string;\r\n}\r\n\r\nclass ProjectUsersService {\r\n  async listInProject(projectId: number, params: ListUsersParams = {}): Promise<UsersPage<ProjectUser>> {\r\n    const { id_account, id_user } = await getUserContext();\r\n    const query = buildQueryParams(params as Record<string, string | number | boolean | undefined>);\r\n    const url = `/account/${id_account}/user/${id_user}/projects/${projectId}/users${query ? `?${query}` : ''}`;\r\n\r\n    const response = await api.apps.get<ApiListResponse<ProjectUser>>(url);\r\n\r\n    if (response.status === 0) {\r\n      throw new ApiError(\r\n        response.message || 'Erro ao listar usuários do projeto',\r\n        'LIST_PROJECT_USERS_FAILED',\r\n        400\r\n      );\r\n    }\r\n\r\n    return {\r\n      data: response.data.map((item) => ProjectUserSchema.parse(item)),\r\n      total: response.total,\r\n      page: params.page ?? 1,\r\n    };\r\n  }\r\n\r\n  async listNotInProject(projectId: number, params: ListUsersParams = {}): Promise<UsersPage<AccountUser>> {\r\n    const { id_account } = await getUserContext();\r\n    const query = buildQueryParams({ notInProject: projectId, ...params } as Record<string, string | number | boolean | undefined>);\r\n    const url = `/accounts/${id_account}/users${query ? `?${query}` : ''}`;\r\n\r\n    const response = await api.apps.get<ApiListResponse<AccountUser>>(url);\r\n\r\n    if (response.status === 0) {\r\n      throw new ApiError(\r\n        response.message || 'Erro ao listar usuários disponíveis',\r\n        'LIST_AVAILABLE_USERS_FAILED',\r\n        400\r\n      );\r\n    }\r\n\r\n    return {\r\n      data: response.data.map((item) => AccountUserSchema.parse(item)),\r\n      total: response.total,\r\n      page: params.page ?? 1,\r\n    };\r\n  }\r\n\r\n  async addToProject({ projectId, users }: AddRemoveProjectUsersParams): Promise<void> {\r\n    const { id_account, id_user } = await getUserContext();\r\n    const url = `/account/${id_account}/user/${id_user}/projects/${projectId}/users`;\r\n\r\n    const response = await api.apps.post<ApiActionResponse>(url, { users });\r\n\r\n    if (response.status === 0) {\r\n      throw new ApiError(\r\n        response.message || 'Erro ao adicionar usuário ao projeto',\r\n        'ADD_PROJECT_USER_FAILED',\r\n        400\r\n      );\r\n    }\r\n  }\r\n\r\n  async removeFromProject({ projectId, users }: AddRemoveProjectUsersParams): Promise<void> {\r\n    const { id_account, id_user } = await getUserContext();\r\n    const url = `/account/${id_account}/user/${id_user}/projects/${projectId}/users`;\r\n\r\n    const response = await api.apps.delete<ApiActionResponse>(url, {\r\n      body: JSON.stringify({ users }),\r\n    });\r\n\r\n    if (response.status === 0) {\r\n      throw new ApiError(\r\n        response.message || 'Erro ao remover usuário do projeto',\r\n        'REMOVE_PROJECT_USER_FAILED',\r\n        400\r\n      );\r\n    }\r\n  }\r\n}\r\n\r\nexport const projectUsersService = new ProjectUsersService();\r\n"],"mappings":"AAAA,OAAO;AAEP,SAAS,WAAW;AACpB,SAAS,gBAAgB;AACzB,SAAS,wBAAwB;AACjC,SAAS,sBAAsB;AAC/B;AAAA,EAEE;AAAA,EAIA;AAAA,OAEK;AAcP,MAAM,oBAAoB;AAAA,EACxB,MAAM,cAAc,WAAmB,SAA0B,CAAC,GAAoC;AACpG,UAAM,EAAE,YAAY,QAAQ,IAAI,MAAM,eAAe;AACrD,UAAM,QAAQ,iBAAiB,MAA+D;AAC9F,UAAM,MAAM,YAAY,UAAU,SAAS,OAAO,aAAa,SAAS,SAAS,QAAQ,IAAI,KAAK,KAAK,EAAE;AAEzG,UAAM,WAAW,MAAM,IAAI,KAAK,IAAkC,GAAG;AAErE,QAAI,SAAS,WAAW,GAAG;AACzB,YAAM,IAAI;AAAA,QACR,SAAS,WAAW;AAAA,QACpB;AAAA,QACA;AAAA,MACF;AAAA,IACF;AAEA,WAAO;AAAA,MACL,MAAM,SAAS,KAAK,IAAI,CAAC,SAAS,kBAAkB,MAAM,IAAI,CAAC;AAAA,MAC/D,OAAO,SAAS;AAAA,MAChB,MAAM,OAAO,QAAQ;AAAA,IACvB;AAAA,EACF;AAAA,EAEA,MAAM,iBAAiB,WAAmB,SAA0B,CAAC,GAAoC;AACvG,UAAM,EAAE,WAAW,IAAI,MAAM,eAAe;AAC5C,UAAM,QAAQ,iBAAiB,EAAE,cAAc,WAAW,GAAG,OAAO,CAA0D;AAC9H,UAAM,MAAM,aAAa,UAAU,SAAS,QAAQ,IAAI,KAAK,KAAK,EAAE;AAEpE,UAAM,WAAW,MAAM,IAAI,KAAK,IAAkC,GAAG;AAErE,QAAI,SAAS,WAAW,GAAG;AACzB,YAAM,IAAI;AAAA,QACR,SAAS,WAAW;AAAA,QACpB;AAAA,QACA;AAAA,MACF;AAAA,IACF;AAEA,WAAO;AAAA,MACL,MAAM,SAAS,KAAK,IAAI,CAAC,SAAS,kBAAkB,MAAM,IAAI,CAAC;AAAA,MAC/D,OAAO,SAAS;AAAA,MAChB,MAAM,OAAO,QAAQ;AAAA,IACvB;AAAA,EACF;AAAA,EAEA,MAAM,aAAa,EAAE,WAAW,MAAM,GAA+C;AACnF,UAAM,EAAE,YAAY,QAAQ,IAAI,MAAM,eAAe;AACrD,UAAM,MAAM,YAAY,UAAU,SAAS,OAAO,aAAa,SAAS;AAExE,UAAM,WAAW,MAAM,IAAI,KAAK,KAAwB,KAAK,EAAE,MAAM,CAAC;AAEtE,QAAI,SAAS,WAAW,GAAG;AACzB,YAAM,IAAI;AAAA,QACR,SAAS,WAAW;AAAA,QACpB;AAAA,QACA;AAAA,MACF;AAAA,IACF;AAAA,EACF;AAAA,EAEA,MAAM,kBAAkB,EAAE,WAAW,MAAM,GAA+C;AACxF,UAAM,EAAE,YAAY,QAAQ,IAAI,MAAM,eAAe;AACrD,UAAM,MAAM,YAAY,UAAU,SAAS,OAAO,aAAa,SAAS;AAExE,UAAM,WAAW,MAAM,IAAI,KAAK,OAA0B,KAAK;AAAA,MAC7D,MAAM,KAAK,UAAU,EAAE,MAAM,CAAC;AAAA,IAChC,CAAC;AAED,QAAI,SAAS,WAAW,GAAG;AACzB,YAAM,IAAI;AAAA,QACR,SAAS,WAAW;AAAA,QACpB;AAAA,QACA;AAAA,MACF;AAAA,IACF;AAAA,EACF;AACF;AAEO,MAAM,sBAAsB,IAAI,oBAAoB;","names":[]}
+{"version":3,"sources":["../../../../src/modules/projects/services/project-users.service.ts"],"sourcesContent":["import 'server-only';\r\n\r\nimport { api } from '../../../infra/api/client';\r\nimport { ApiError } from '../../../infra/api/types';\r\nimport { buildQueryParams } from '../../../infra/utils/params';\r\nimport { getUserContext } from '../../auth/utils/get-user-context';\r\nimport {\r\n  AccountUser,\r\n  AccountUserSchema,\r\n  AddRemoveProjectUsersParams,\r\n  ListUsersParams,\r\n  ProjectUser,\r\n  ProjectUserSchema,\r\n  UsersPage,\r\n} from '../types';\r\n\r\ninterface ApiListResponse<T> {\r\n  data: T[];\r\n  total: number;\r\n  status: number;\r\n  message?: string;\r\n}\r\n\r\ninterface ApiActionResponse {\r\n  status: number;\r\n  message?: string;\r\n}\r\n\r\nclass ProjectUsersService {\r\n  async listInProject(projectId: number, params: ListUsersParams = {}): Promise<UsersPage<ProjectUser>> {\r\n    const { id_account, id_user } = await getUserContext();\r\n    const query = buildQueryParams(params as Record<string, string | number | boolean | undefined>);\r\n    const url = `/account/${id_account}/user/${id_user}/projects/${projectId}/users${query ? `?${query}` : ''}`;\r\n\r\n    const response = await api.apps.get<ApiListResponse<ProjectUser>>(url);\r\n\r\n    if (response.status === 0) {\r\n      throw new ApiError(\r\n        response.message || 'Erro ao listar usuários do projeto',\r\n        'LIST_PROJECT_USERS_FAILED',\r\n        400\r\n      );\r\n    }\r\n\r\n    return {\r\n      data: response.data.map((item) => ProjectUserSchema.parse(item)),\r\n      total: response.total,\r\n      page: params.page ?? 1,\r\n    };\r\n  }\r\n\r\n  async listAllAccountUsers(params: ListUsersParams = {}): Promise<UsersPage<AccountUser>> {\r\n    const { id_account } = await getUserContext();\r\n    const query = buildQueryParams(params as Record<string, string | number | boolean | undefined>);\r\n    const url = `/accounts/${id_account}/users${query ? `?${query}` : ''}`;\r\n\r\n    const response = await api.apps.get<ApiListResponse<AccountUser>>(url);\r\n\r\n    if (response.status === 0) {\r\n      throw new ApiError(\r\n        response.message || 'Erro ao listar usuários da conta',\r\n        'LIST_ACCOUNT_USERS_FAILED',\r\n        400\r\n      );\r\n    }\r\n\r\n    return {\r\n      data: response.data.map((item) => AccountUserSchema.parse(item)),\r\n      total: response.total,\r\n      page: params.page ?? 1,\r\n    };\r\n  }\r\n\r\n  async listNotInProject(projectId: number, params: ListUsersParams = {}): Promise<UsersPage<AccountUser>> {\r\n    const { id_account } = await getUserContext();\r\n    const query = buildQueryParams({ notInProject: projectId, ...params } as Record<string, string | number | boolean | undefined>);\r\n    const url = `/accounts/${id_account}/users${query ? `?${query}` : ''}`;\r\n\r\n    const response = await api.apps.get<ApiListResponse<AccountUser>>(url);\r\n\r\n    if (response.status === 0) {\r\n      throw new ApiError(\r\n        response.message || 'Erro ao listar usuários disponíveis',\r\n        'LIST_AVAILABLE_USERS_FAILED',\r\n        400\r\n      );\r\n    }\r\n\r\n    return {\r\n      data: response.data.map((item) => AccountUserSchema.parse(item)),\r\n      total: response.total,\r\n      page: params.page ?? 1,\r\n    };\r\n  }\r\n\r\n  async addToProject({ projectId, users }: AddRemoveProjectUsersParams): Promise<void> {\r\n    const { id_account, id_user } = await getUserContext();\r\n    const url = `/account/${id_account}/user/${id_user}/projects/${projectId}/users`;\r\n\r\n    const response = await api.apps.post<ApiActionResponse>(url, { users });\r\n\r\n    if (response.status === 0) {\r\n      throw new ApiError(\r\n        response.message || 'Erro ao adicionar usuário ao projeto',\r\n        'ADD_PROJECT_USER_FAILED',\r\n        400\r\n      );\r\n    }\r\n  }\r\n\r\n  async removeFromProject({ projectId, users }: AddRemoveProjectUsersParams): Promise<void> {\r\n    const { id_account, id_user } = await getUserContext();\r\n    const url = `/account/${id_account}/user/${id_user}/projects/${projectId}/users`;\r\n\r\n    const response = await api.apps.delete<ApiActionResponse>(url, {\r\n      body: JSON.stringify({ users }),\r\n    });\r\n\r\n    if (response.status === 0) {\r\n      throw new ApiError(\r\n        response.message || 'Erro ao remover usuário do projeto',\r\n        'REMOVE_PROJECT_USER_FAILED',\r\n        400\r\n      );\r\n    }\r\n  }\r\n}\r\n\r\nexport const projectUsersService = new ProjectUsersService();\r\n"],"mappings":"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","names":[]}

package/dist/modules/projects/types.mjs

@@ -13,7 +13,8 @@ const AccountUserSchema = z.object({
   name: z.string().nullable(),
   email: z.string().nullable(),
   profile: z.string().nullable().optional().default("viewer"),
-  photo: z.string().nullable().optional()
+  photo: z.string().nullable().optional(),
+  in_project: z.boolean().optional()
 });
 export {
   AccountUserSchema,

package/dist/modules/projects/types.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/modules/projects/types.ts"],"sourcesContent":["import { z } from \"zod\";\r\n\r\nexport const ProjectUserSchema = z.object({\r\n  id_user: z.union([z.number(), z.string()]).transform(Number),\r\n  id_account: z.union([z.number(), z.string()]).transform(Number),\r\n  id_project: z.union([z.number(), z.string()]).transform(Number),\r\n  name: z.string().nullable(),\r\n  email: z.string().nullable(),\r\n  profile: z.string().nullable().optional().default(\"viewer\"),\r\n  photo: z.string().nullable().optional(),\r\n});\r\n\r\nexport type ProjectUser = z.infer<typeof ProjectUserSchema>;\r\n\r\nexport const AccountUserSchema = z.object({\r\n  id: z.union([z.number(), z.string()]).transform(Number),\r\n  name: z.string().nullable(),\r\n  email: z.string().nullable(),\r\n  profile: z.string().nullable().optional().default(\"viewer\"),\r\n  photo: z.string().nullable().optional(),\r\n});\r\n\r\nexport type AccountUser = z.infer<typeof AccountUserSchema>;\r\n\r\nexport interface AddRemoveProjectUsersParams {\r\n  projectId: number;\r\n  users: number[];\r\n}\r\n\r\nexport interface ListUsersParams {\r\n  search?: string;\r\n  page?: number;\r\n  limit?: number;\r\n}\r\n\r\nexport interface UsersPage<T> {\r\n  data: T[];\r\n  total: number;\r\n  page: number;\r\n}\r\n"],"mappings":"AAAA,SAAS,SAAS;AAEX,MAAM,oBAAoB,EAAE,OAAO;AAAA,EACxC,SAAS,EAAE,MAAM,CAAC,EAAE,OAAO,GAAG,EAAE,OAAO,CAAC,CAAC,EAAE,UAAU,MAAM;AAAA,EAC3D,YAAY,EAAE,MAAM,CAAC,EAAE,OAAO,GAAG,EAAE,OAAO,CAAC,CAAC,EAAE,UAAU,MAAM;AAAA,EAC9D,YAAY,EAAE,MAAM,CAAC,EAAE,OAAO,GAAG,EAAE,OAAO,CAAC,CAAC,EAAE,UAAU,MAAM;AAAA,EAC9D,MAAM,EAAE,OAAO,EAAE,SAAS;AAAA,EAC1B,OAAO,EAAE,OAAO,EAAE,SAAS;AAAA,EAC3B,SAAS,EAAE,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,QAAQ,QAAQ;AAAA,EAC1D,OAAO,EAAE,OAAO,EAAE,SAAS,EAAE,SAAS;AACxC,CAAC;AAIM,MAAM,oBAAoB,EAAE,OAAO;AAAA,EACxC,IAAI,EAAE,MAAM,CAAC,EAAE,OAAO,GAAG,EAAE,OAAO,CAAC,CAAC,EAAE,UAAU,MAAM;AAAA,EACtD,MAAM,EAAE,OAAO,EAAE,SAAS;AAAA,EAC1B,OAAO,EAAE,OAAO,EAAE,SAAS;AAAA,EAC3B,SAAS,EAAE,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,QAAQ,QAAQ;AAAA,EAC1D,OAAO,EAAE,OAAO,EAAE,SAAS,EAAE,SAAS;AACxC,CAAC;","names":[]}
+{"version":3,"sources":["../../../src/modules/projects/types.ts"],"sourcesContent":["import { z } from \"zod\";\r\n\r\nexport const ProjectUserSchema = z.object({\r\n  id_user: z.union([z.number(), z.string()]).transform(Number),\r\n  id_account: z.union([z.number(), z.string()]).transform(Number),\r\n  id_project: z.union([z.number(), z.string()]).transform(Number),\r\n  name: z.string().nullable(),\r\n  email: z.string().nullable(),\r\n  profile: z.string().nullable().optional().default(\"viewer\"),\r\n  photo: z.string().nullable().optional(),\r\n});\r\n\r\nexport type ProjectUser = z.infer<typeof ProjectUserSchema>;\r\n\r\nexport const AccountUserSchema = z.object({\r\n  id: z.union([z.number(), z.string()]).transform(Number),\r\n  name: z.string().nullable(),\r\n  email: z.string().nullable(),\r\n  profile: z.string().nullable().optional().default(\"viewer\"),\r\n  photo: z.string().nullable().optional(),\r\n  in_project: z.boolean().optional(),\r\n});\r\n\r\nexport type AccountUser = z.infer<typeof AccountUserSchema>;\r\n\r\nexport interface AddRemoveProjectUsersParams {\r\n  projectId: number;\r\n  users: number[];\r\n}\r\n\r\nexport interface ListUsersParams {\r\n  search?: string;\r\n  page?: number;\r\n  limit?: number;\r\n  inProject?: number;\r\n}\r\n\r\nexport interface UsersPage<T> {\r\n  data: T[];\r\n  total: number;\r\n  page: number;\r\n}\r\n"],"mappings":"AAAA,SAAS,SAAS;AAEX,MAAM,oBAAoB,EAAE,OAAO;AAAA,EACxC,SAAS,EAAE,MAAM,CAAC,EAAE,OAAO,GAAG,EAAE,OAAO,CAAC,CAAC,EAAE,UAAU,MAAM;AAAA,EAC3D,YAAY,EAAE,MAAM,CAAC,EAAE,OAAO,GAAG,EAAE,OAAO,CAAC,CAAC,EAAE,UAAU,MAAM;AAAA,EAC9D,YAAY,EAAE,MAAM,CAAC,EAAE,OAAO,GAAG,EAAE,OAAO,CAAC,CAAC,EAAE,UAAU,MAAM;AAAA,EAC9D,MAAM,EAAE,OAAO,EAAE,SAAS;AAAA,EAC1B,OAAO,EAAE,OAAO,EAAE,SAAS;AAAA,EAC3B,SAAS,EAAE,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,QAAQ,QAAQ;AAAA,EAC1D,OAAO,EAAE,OAAO,EAAE,SAAS,EAAE,SAAS;AACxC,CAAC;AAIM,MAAM,oBAAoB,EAAE,OAAO;AAAA,EACxC,IAAI,EAAE,MAAM,CAAC,EAAE,OAAO,GAAG,EAAE,OAAO,CAAC,CAAC,EAAE,UAAU,MAAM;AAAA,EACtD,MAAM,EAAE,OAAO,EAAE,SAAS;AAAA,EAC1B,OAAO,EAAE,OAAO,EAAE,SAAS;AAAA,EAC3B,SAAS,EAAE,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,QAAQ,QAAQ;AAAA,EAC1D,OAAO,EAAE,OAAO,EAAE,SAAS,EAAE,SAAS;AAAA,EACtC,YAAY,EAAE,QAAQ,EAAE,SAAS;AACnC,CAAC;","names":[]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@greatapps/common",
-  "version": "1.1.187",
+  "version": "1.1.188",
   "description": "Shared library for GreatApps frontend applications",
   "main": "./dist/index.mjs",
   "types": "./src/index.ts",

package/src/components/layouts/UsersSelectorPopover.tsx

@@ -1,294 +1,261 @@
-"use client";
-
-"use client";
-
-import { useEffect, useState } from "react";
-import { Plus, Settings, User, Users } from "lucide-react";
-import { UserAvatar } from "../ui/data-display/UserAvatar";
-import { useQueryClient, useMutation } from "@tanstack/react-query";
-import { Popover, PopoverContent, PopoverTrigger } from "../ui/overlay/Popover";
-import { Button } from "../ui/buttons/Button";
-import {
-  Command,
-  CommandEmpty,
-  CommandInput,
-  CommandItem,
-  CommandList,
-} from "../ui/overlay/Command";
-import { Checkbox } from "../ui/form/Checkbox";
-import { Tooltip, TooltipContent, TooltipTrigger } from "../ui/overlay/Tooltip";
-import { cn } from "../../infra/utils/clsx";
-import {
-  useListProjectUsers,
-  LIST_PROJECT_USERS_BASE_KEY,
-} from "../../modules/projects/hooks/list-project-users.hook";
-import {
-  useListAvailableUsers,
-  LIST_AVAILABLE_USERS_BASE_KEY,
-} from "../../modules/projects/hooks/list-available-users.hook";
-import { addProjectUserAction } from "../../modules/projects/actions/add-project-user.action";
-import { removeProjectUserAction } from "../../modules/projects/actions/remove-project-user.action";
-
-export interface UsersSelectorPopoverProps {
-  projectId?: number;
-  side?: "top" | "bottom" | "left" | "right";
-  align?: "start" | "center" | "end";
-  contentClassName?: string;
-}
-
-function UserItemSkeleton() {
-  return (
-    <div className="flex items-center justify-between px-2 py-1.5 gap-2">
-      <div className="flex items-center gap-2 flex-1">
-        <div className="skeleton size-8 rounded-full shrink-0" />
-        <div className="skeleton h-3.5 w-28 rounded" />
-      </div>
-      <div className="skeleton size-4 rounded shrink-0" />
-    </div>
-  );
-}
-
-const GAPPS_URL = process.env.NEXT_PUBLIC_GREAT_APPS ?? "";
-
-export function UsersSelectorPopover({
-  projectId,
-  side,
-  align,
-  contentClassName,
-}: UsersSelectorPopoverProps) {
-  const queryClient = useQueryClient();
-  const [open, setOpen] = useState(false);
-  const [hoveredId, setHoveredId] = useState<number | null>(null);
-  const [searchInput, setSearchInput] = useState("");
-  const [search, setSearch] = useState("");
-
-  const id = projectId ?? 0;
-
-  useEffect(() => {
-    const timer = setTimeout(() => setSearch(searchInput), 300);
-    return () => clearTimeout(timer);
-  }, [searchInput]);
-
-  const projectUsers = useListProjectUsers(id, search);
-  const availableUsers = useListAvailableUsers(id, search);
-
-  const inProject = projectUsers.data?.pages.flatMap((p) => p.data) ?? [];
-  const notInProject = availableUsers.data?.pages.flatMap((p) => p.data) ?? [];
-  const isLoading = projectUsers.isLoading || availableUsers.isLoading;
-  const isFetchingMore =
-    projectUsers.isFetchingNextPage || availableUsers.isFetchingNextPage;
-  const totalInProject = projectUsers.data?.pages[0]?.total ?? inProject.length;
-
-  const invalidate = () => {
-    queryClient.invalidateQueries({
-      queryKey: LIST_PROJECT_USERS_BASE_KEY(id),
-    });
-    queryClient.invalidateQueries({
-      queryKey: LIST_AVAILABLE_USERS_BASE_KEY(id),
-    });
-  };
-
-  const addMutation = useMutation({
-    mutationFn: (userId: number) =>
-      addProjectUserAction({ projectId: id, users: [userId] }),
-    onSuccess: invalidate,
-  });
-
-  const removeMutation = useMutation({
-    mutationFn: (userId: number) =>
-      removeProjectUserAction({ projectId: id, users: [userId] }),
-    onSuccess: invalidate,
-  });
-
-  const allUsers = [
-    ...inProject.map((u) => ({
-      id: u.id_user,
-      name: u.name,
-      photo: u.photo ?? null,
-      checked: true as const,
-      removable: u.profile !== "owner" && u.profile !== "admin",
-    })),
-    ...notInProject.map((u) => ({
-      id: u.id,
-      name: u.name,
-      photo: u.photo ?? null,
-      checked: false as const,
-      removable: true,
-    })),
-  ];
-
-  const toggleUser = (id: number, checked: boolean, removable: boolean) => {
-    if (checked) {
-      if (!removable) return;
-      removeMutation.mutate(id);
-    } else {
-      addMutation.mutate(id);
-    }
-  };
-
-  const handleScroll = (e: React.UIEvent<HTMLDivElement>) => {
-    const target = e.currentTarget;
-    const nearBottom =
-      target.scrollTop + target.clientHeight >= target.scrollHeight - 50;
-    if (!nearBottom) return;
-    if (projectUsers.hasNextPage && !projectUsers.isFetchingNextPage) {
-      projectUsers.fetchNextPage();
-    } else if (
-      availableUsers.hasNextPage &&
-      !availableUsers.isFetchingNextPage
-    ) {
-      availableUsers.fetchNextPage();
-    }
-  };
-
-  return (
-    <Popover open={open} onOpenChange={setOpen}>
-      <PopoverTrigger className="cursor-pointer">
-        <div className="flex items-center gap-2 text-gray-950 px-3 py-2 border border-gray-200 rounded-full hover:border-gray-950">
-          <span className="paragraph-small-semibold">{totalInProject}</span>
-          <User size={16} />
-        </div>
-      </PopoverTrigger>
-
-      <PopoverContent
-        className={cn(
-          "absolute right-[-88px] w-[273px] p-0 bg-white rounded-2xl shadow-md border border-gray-200",
-          contentClassName,
-        )}
-        side={side}
-        align={align}
-        sideOffset={8}
-      >
-        <div className="flex flex-col p-3 gap-2">
-          <div className="flex items-center justify-between">
-            <span className="paragraph-small-semibold">Usuários</span>
-            <div className="flex items-center gap-1.5">
-              <Button
-                variant="secondary"
-                className="h-8 paragraph-small-semibold text-gray-950"
-                onClick={() => {
-                  window.location.href = `${GAPPS_URL}/my-teams?createNew=true`;
-                }}
-              >
-                <Plus size={16} />
-                Adicionar
-              </Button>
-              <Tooltip>
-                <TooltipTrigger asChild>
-                  <Button
-                    variant="secondary"
-                    className="p-0 size-8"
-                    onClick={() => {
-                      window.location.href = `${GAPPS_URL}/my-teams`;
-                    }}
-                  >
-                    <Settings size={18} />
-                  </Button>
-                </TooltipTrigger>
-                <TooltipContent className="z-[1002]">
-                  Visualizar todos usuários
-                </TooltipContent>
-              </Tooltip>
-            </div>
-          </div>
-
-          <Command shouldFilter={false} className="gap-2" value="">
-            <CommandInput
-              placeholder="Busque aqui"
-              value={searchInput}
-              onValueChange={setSearchInput}
-            />
-            <CommandList
-              className="custom-scrollbar paragraph-small-medium text-gray-600 h-[162px]"
-              onScroll={handleScroll}
-            >
-              {isLoading ? (
-                <>
-                  <UserItemSkeleton />
-                  <UserItemSkeleton />
-                  <UserItemSkeleton />
-                </>
-              ) : allUsers.length === 0 ? (
-                <div className="flex flex-col items-center justify-center gap-2 h-full text-gray-400 py-4">
-                  <Users size={28} className="text-gray-300" />
-                  <span className="paragraph-small-medium text-center text-gray-500">
-                    Nenhum usuário neste projeto.
-                    <br />
-                    Adicione um usuário para começar.
-                  </span>
-                </div>
-              ) : (
-                <>
-                  <CommandEmpty>Nenhum resultado encontrado.</CommandEmpty>
-                  {allUsers.map((user) => (
-                    <CommandItem
-                      key={user.id}
-                      value={user.name || String(user.id)}
-                      autoFocus={false}
-                      onPointerEnter={() => setHoveredId(user.id)}
-                      onPointerLeave={() => setHoveredId(null)}
-                      onFocus={() => setHoveredId(user.id)}
-                      onBlur={() => setHoveredId(null)}
-                      onSelect={() =>
-                        toggleUser(user.id, user.checked, user.removable)
-                      }
-                      className={
-                        user.removable ? "cursor-pointer" : "cursor-default"
-                      }
-                    >
-                      <div className="flex items-center justify-between w-full">
-                        <div className="flex items-center gap-2 min-w-0">
-                          <UserAvatar
-                            photo={user.photo}
-                            name={user.name ?? undefined}
-                            size={32}
-                          />
-                          <span className="truncate">{user.name}</span>
-                        </div>
-                        <Tooltip open={user.removable && hoveredId === user.id}>
-                          <TooltipTrigger
-                            onClick={(e) => e.stopPropagation()}
-                            onPointerDown={(e) => e.stopPropagation()}
-                          >
-                            <Checkbox
-                              checked={user.checked}
-                              disabled={!user.removable}
-                              onCheckedChange={() =>
-                                toggleUser(
-                                  user.id,
-                                  user.checked,
-                                  user.removable,
-                                )
-                              }
-                              className={cn(
-                                user.removable && hoveredId === user.id
-                                  ? "border-gray-950"
-                                  : "",
-                                "disabled:opacity-10",
-                              )}
-                            />
-                          </TooltipTrigger>
-                          <TooltipContent className="z-[1002]">
-                            {user.checked
-                              ? "Remover do projeto"
-                              : "Adicionar ao projeto"}
-                          </TooltipContent>
-                        </Tooltip>
-                      </div>
-                    </CommandItem>
-                  ))}
-                  {isFetchingMore && (
-                    <>
-                      <UserItemSkeleton />
-                      <UserItemSkeleton />
-                    </>
-                  )}
-                </>
-              )}
-            </CommandList>
-          </Command>
-        </div>
-      </PopoverContent>
-    </Popover>
-  );
-}
+"use client";
+
+import { useEffect, useState } from "react";
+import { Plus, Settings, User, Users } from "lucide-react";
+import { UserAvatar } from "../ui/data-display/UserAvatar";
+import { useQueryClient, useMutation } from "@tanstack/react-query";
+import { Popover, PopoverContent, PopoverTrigger } from "../ui/overlay/Popover";
+import { Button } from "../ui/buttons/Button";
+import {
+  Command,
+  CommandEmpty,
+  CommandInput,
+  CommandItem,
+  CommandList,
+} from "../ui/overlay/Command";
+import { Checkbox } from "../ui/form/Checkbox";
+import { Tooltip, TooltipContent, TooltipTrigger } from "../ui/overlay/Tooltip";
+import { cn } from "../../infra/utils/clsx";
+import {
+  useListProjectUsers,
+  LIST_PROJECT_USERS_BASE_KEY,
+} from "../../modules/projects/hooks/list-project-users.hook";
+import {
+  useListAllAccountUsers,
+  LIST_ALL_ACCOUNT_USERS_BASE_KEY,
+} from "../../modules/projects/hooks/list-all-account-users.hook";
+import { removeProjectUserAction } from "../../modules/projects/actions/remove-project-user.action";
+import { addProjectUserAction } from "../../modules/projects/actions/add-project-user.action";
+
+export interface UsersSelectorPopoverProps {
+  projectId?: number;
+  side?: "top" | "bottom" | "left" | "right";
+  align?: "start" | "center" | "end";
+  contentClassName?: string;
+}
+
+function UserItemSkeleton() {
+  return (
+    <div className="flex items-center justify-between px-2 py-1.5 gap-2">
+      <div className="flex items-center gap-2 flex-1">
+        <div className="skeleton size-8 rounded-full shrink-0" />
+        <div className="skeleton h-3.5 w-28 rounded" />
+      </div>
+      <div className="skeleton size-4 rounded shrink-0" />
+    </div>
+  );
+}
+
+const GAPPS_URL = process.env.NEXT_PUBLIC_GREAT_APPS ?? "";
+
+export function UsersSelectorPopover({
+  projectId,
+  side,
+  align,
+  contentClassName,
+}: UsersSelectorPopoverProps) {
+  const queryClient = useQueryClient();
+  const [open, setOpen] = useState(false);
+  const [hoveredId, setHoveredId] = useState<number | null>(null);
+  const [searchInput, setSearchInput] = useState("");
+  const [search, setSearch] = useState("");
+
+  const id = projectId ?? 0;
+
+  useEffect(() => {
+    const timer = setTimeout(() => setSearch(searchInput), 300);
+    return () => clearTimeout(timer);
+  }, [searchInput]);
+
+  const accountUsers = useListAllAccountUsers(search, id || undefined);
+  const projectUsers = useListProjectUsers(id, "");
+
+  const allUsers = accountUsers.data?.pages.flatMap((p) => p.data) ?? [];
+  const isLoading = accountUsers.isLoading;
+  const isFetchingMore = accountUsers.isFetchingNextPage;
+  const totalInProject = projectUsers.data?.pages[0]?.total ?? 0;
+
+  const invalidate = () => {
+    queryClient.invalidateQueries({ queryKey: LIST_PROJECT_USERS_BASE_KEY(id) });
+    queryClient.invalidateQueries({ queryKey: LIST_ALL_ACCOUNT_USERS_BASE_KEY() });
+  };
+
+  const removeMutation = useMutation({
+    mutationFn: (userId: number) =>
+      removeProjectUserAction({ projectId: id, users: [userId] }),
+    onSuccess: invalidate,
+  });
+
+  const addMutation = useMutation({
+    mutationFn: (userId: number) =>
+      addProjectUserAction({ projectId: id, users: [userId] }),
+    onSuccess: invalidate,
+  });
+
+  const toggleUser = (userId: number, inProject: boolean, removable: boolean) => {
+    if (inProject) {
+      if (!removable) return;
+      removeMutation.mutate(userId);
+    } else {
+      addMutation.mutate(userId);
+    }
+  };
+
+  const handleScroll = (e: React.UIEvent<HTMLDivElement>) => {
+    const target = e.currentTarget;
+    const nearBottom =
+      target.scrollTop + target.clientHeight >= target.scrollHeight - 50;
+    if (!nearBottom) return;
+    if (accountUsers.hasNextPage && !accountUsers.isFetchingNextPage) {
+      accountUsers.fetchNextPage();
+    }
+  };
+
+  return (
+    <Popover open={open} onOpenChange={setOpen}>
+      <PopoverTrigger className="cursor-pointer">
+        <div className="flex items-center gap-2 text-gray-950 px-3 py-2 border border-gray-200 rounded-full hover:border-gray-950">
+          <span className="paragraph-small-semibold">{totalInProject}</span>
+          <User size={16} />
+        </div>
+      </PopoverTrigger>
+
+      <PopoverContent
+        className={cn(
+          "absolute right-[-88px] w-[273px] p-0 bg-white rounded-2xl shadow-md border border-gray-200",
+          contentClassName,
+        )}
+        side={side}
+        align={align}
+        sideOffset={8}
+      >
+        <div className="flex flex-col p-3 gap-2">
+          <div className="flex items-center justify-between">
+            <span className="paragraph-small-semibold">Usuários</span>
+            <div className="flex items-center gap-1.5">
+              <Button
+                variant="secondary"
+                className="h-8 paragraph-small-semibold text-gray-950"
+                onClick={() => {
+                  window.location.href = `${GAPPS_URL}/my-teams?createNew=true`;
+                }}
+              >
+                <Plus size={16} />
+                Adicionar
+              </Button>
+              <Tooltip>
+                <TooltipTrigger asChild>
+                  <Button
+                    variant="secondary"
+                    className="p-0 size-8"
+                    onClick={() => {
+                      window.location.href = `${GAPPS_URL}/my-teams`;
+                    }}
+                  >
+                    <Settings size={18} />
+                  </Button>
+                </TooltipTrigger>
+                <TooltipContent className="z-[1002]">
+                  Visualizar todos usuários
+                </TooltipContent>
+              </Tooltip>
+            </div>
+          </div>
+
+          <Command shouldFilter={false} className="gap-2" value="">
+            <CommandInput
+              placeholder="Busque aqui"
+              value={searchInput}
+              onValueChange={setSearchInput}
+            />
+            <CommandList
+              className="custom-scrollbar paragraph-small-medium text-gray-600 h-[162px]"
+              onScroll={handleScroll}
+            >
+              {isLoading ? (
+                <>
+                  <UserItemSkeleton />
+                  <UserItemSkeleton />
+                  <UserItemSkeleton />
+                </>
+              ) : allUsers.length === 0 ? (
+                <div className="flex flex-col items-center justify-center gap-2 h-full text-gray-400 py-4">
+                  <Users size={28} className="text-gray-300" />
+                  <span className="paragraph-small-medium text-center text-gray-500">
+                    Nenhum usuário encontrado.
+                  </span>
+                </div>
+              ) : (
+                <>
+                  <CommandEmpty>Nenhum resultado encontrado.</CommandEmpty>
+                  {allUsers.map((user) => {
+                    const inProject = user.in_project ?? false;
+                    const removable =
+                      inProject &&
+                      user.profile !== "owner" &&
+                      user.profile !== "admin";
+                    const interactive = !inProject || removable;
+
+                    return (
+                      <CommandItem
+                        key={user.id}
+                        value={user.name || String(user.id)}
+                        autoFocus={false}
+                        onPointerEnter={() => setHoveredId(user.id)}
+                        onPointerLeave={() => setHoveredId(null)}
+                        onFocus={() => setHoveredId(user.id)}
+                        onBlur={() => setHoveredId(null)}
+                        onSelect={() => toggleUser(user.id, inProject, removable)}
+                        className={interactive ? "cursor-pointer" : "cursor-default"}
+                      >
+                        <div className="flex items-center justify-between w-full">
+                          <div className="flex items-center gap-2 min-w-0">
+                            <UserAvatar
+                              photo={user.photo}
+                              name={user.name ?? undefined}
+                              size={32}
+                            />
+                            <span className="truncate">{user.name}</span>
+                          </div>
+                          <Tooltip open={interactive && hoveredId === user.id}>
+                            <TooltipTrigger
+                              onClick={(e) => e.stopPropagation()}
+                              onPointerDown={(e) => e.stopPropagation()}
+                            >
+                              <Checkbox
+                                checked={inProject}
+                                disabled={!interactive}
+                                onCheckedChange={() =>
+                                  toggleUser(user.id, inProject, removable)
+                                }
+                                className={cn(
+                                  interactive && hoveredId === user.id
+                                    ? "border-gray-950"
+                                    : "",
+                                  "disabled:opacity-10",
+                                )}
+                              />
+                            </TooltipTrigger>
+                            <TooltipContent className="z-[1002]">
+                              {inProject ? "Remover do projeto" : "Adicionar ao projeto"}
+                            </TooltipContent>
+                          </Tooltip>
+                        </div>
+                      </CommandItem>
+                    );
+                  })}
+                  {isFetchingMore && (
+                    <>
+                      <UserItemSkeleton />
+                      <UserItemSkeleton />
+                    </>
+                  )}
+                </>
+              )}
+            </CommandList>
+          </Command>
+        </div>
+      </PopoverContent>
+    </Popover>
+  );
+}

package/src/modules/projects/actions/list-all-account-users.action.ts

@@ -0,0 +1,9 @@
+'use server';
+
+import { safeServerAction } from '../../../utils/safeServerAction';
+import { projectUsersService } from '../services/project-users.service';
+import type { ListUsersParams } from '../types';
+
+export async function listAllAccountUsersAction(params: ListUsersParams = {}) {
+  return safeServerAction(() => projectUsersService.listAllAccountUsers(params));
+}

package/src/modules/projects/hooks/list-all-account-users.hook.ts

@@ -0,0 +1,34 @@
+'use client';
+
+import { useInfiniteQuery } from '@tanstack/react-query';
+import { listAllAccountUsersAction } from '../actions/list-all-account-users.action';
+import { withAction } from '../../../utils/withAction';
+
+const PAGE_SIZE = 20;
+
+export const LIST_ALL_ACCOUNT_USERS_BASE_KEY = () => ['account-users', 'all'];
+export const LIST_ALL_ACCOUNT_USERS_QUERY_KEY = (search: string = '', projectId?: number) => [
+  ...LIST_ALL_ACCOUNT_USERS_BASE_KEY(),
+  search,
+  projectId,
+];
+
+export function useListAllAccountUsers(search: string = '', projectId?: number) {
+  return useInfiniteQuery({
+    queryKey: LIST_ALL_ACCOUNT_USERS_QUERY_KEY(search, projectId),
+    queryFn: ({ pageParam }) =>
+      withAction(() =>
+        listAllAccountUsersAction({
+          search: search || undefined,
+          page: pageParam as number,
+          limit: PAGE_SIZE,
+          inProject: projectId,
+        })
+      )(),
+    getNextPageParam: (lastPage, allPages) => {
+      const loaded = allPages.reduce((sum, p) => sum + p.data.length, 0);
+      return loaded < lastPage.total ? allPages.length + 1 : undefined;
+    },
+    initialPageParam: 1,
+  });
+}

package/src/modules/projects/services/project-users.service.ts

@@ -49,6 +49,28 @@ class ProjectUsersService {
     };
   }
 
+  async listAllAccountUsers(params: ListUsersParams = {}): Promise<UsersPage<AccountUser>> {
+    const { id_account } = await getUserContext();
+    const query = buildQueryParams(params as Record<string, string | number | boolean | undefined>);
+    const url = `/accounts/${id_account}/users${query ? `?${query}` : ''}`;
+
+    const response = await api.apps.get<ApiListResponse<AccountUser>>(url);
+
+    if (response.status === 0) {
+      throw new ApiError(
+        response.message || 'Erro ao listar usuários da conta',
+        'LIST_ACCOUNT_USERS_FAILED',
+        400
+      );
+    }
+
+    return {
+      data: response.data.map((item) => AccountUserSchema.parse(item)),
+      total: response.total,
+      page: params.page ?? 1,
+    };
+  }
+
   async listNotInProject(projectId: number, params: ListUsersParams = {}): Promise<UsersPage<AccountUser>> {
     const { id_account } = await getUserContext();
     const query = buildQueryParams({ notInProject: projectId, ...params } as Record<string, string | number | boolean | undefined>);

package/src/modules/projects/types.ts

@@ -18,6 +18,7 @@ export const AccountUserSchema = z.object({
   email: z.string().nullable(),
   profile: z.string().nullable().optional().default("viewer"),
   photo: z.string().nullable().optional(),
+  in_project: z.boolean().optional(),
 });
 
 export type AccountUser = z.infer<typeof AccountUserSchema>;
@@ -31,6 +32,7 @@ export interface ListUsersParams {
   search?: string;
   page?: number;
   limit?: number;
+  inProject?: number;
 }
 
 export interface UsersPage<T> {