@greatapps/common 1.1.44 → 1.1.48

package/dist/modules/projects/actions/remove-project-user.action.mjs

@@ -0,0 +1,9 @@
+"use server";
+import { projectUsersService } from "../services/project-users.service";
+async function removeProjectUserAction(params) {
+  return projectUsersService.removeFromProject(params);
+}
+export {
+  removeProjectUserAction
+};
+//# sourceMappingURL=remove-project-user.action.mjs.map

package/dist/modules/projects/actions/remove-project-user.action.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/modules/projects/actions/remove-project-user.action.ts"],"sourcesContent":["'use server';\r\n\r\nimport { projectUsersService } from '../services/project-users.service';\r\nimport type { AddRemoveProjectUsersParams } from '../types';\r\n\r\nexport async function removeProjectUserAction(params: AddRemoveProjectUsersParams): Promise<void> {\r\n  return projectUsersService.removeFromProject(params);\r\n}\r\n"],"mappings":";AAEA,SAAS,2BAA2B;AAGpC,eAAsB,wBAAwB,QAAoD;AAChG,SAAO,oBAAoB,kBAAkB,MAAM;AACrD;","names":[]}

package/dist/modules/projects/hooks/project-users.hook.mjs

@@ -0,0 +1,70 @@
+"use client";
+import { useMemo } from "react";
+import { useMutation, useQuery, useQueryClient } from "@tanstack/react-query";
+import { addProjectUserAction } from "../actions/add-project-user.action";
+import { listAvailableUsersAction } from "../actions/list-available-users.action";
+import { listProjectUsersAction } from "../actions/list-project-users.action";
+import { removeProjectUserAction } from "../actions/remove-project-user.action";
+const DEFAULT_AVATAR = "/images/Logomark.png";
+const projectUsersQueryKey = (id_project) => ["project-users", id_project];
+function useProjectUsers(id_project) {
+  const queryClient = useQueryClient();
+  const { data: inProject = [], isLoading: isLoadingIn } = useQuery({
+    queryKey: [...projectUsersQueryKey(id_project), "in"],
+    queryFn: () => listProjectUsersAction(id_project),
+    enabled: !!id_project
+  });
+  const { data: notInProject = [], isLoading: isLoadingOut } = useQuery({
+    queryKey: [...projectUsersQueryKey(id_project), "out"],
+    queryFn: () => listAvailableUsersAction(id_project),
+    enabled: !!id_project
+  });
+  const invalidate = () => {
+    queryClient.invalidateQueries({ queryKey: projectUsersQueryKey(id_project) });
+  };
+  const addMutation = useMutation({
+    mutationFn: (user_id) => addProjectUserAction({ id_project, users: [user_id] }),
+    onSuccess: invalidate
+  });
+  const removeMutation = useMutation({
+    mutationFn: (user_id) => removeProjectUserAction({ id_project, users: [user_id] }),
+    onSuccess: invalidate
+  });
+  const users = useMemo(
+    () => [
+      ...inProject.map((u) => ({
+        id: u.id_user,
+        name: u.name,
+        avatar: u.photo ?? DEFAULT_AVATAR,
+        checked: true
+      })),
+      ...notInProject.map((u) => ({
+        id: u.id,
+        name: u.name,
+        avatar: u.photo ?? DEFAULT_AVATAR,
+        checked: false
+      }))
+    ],
+    [inProject, notInProject]
+  );
+  const toggleUser = (id) => {
+    const user = users.find((u) => u.id === id);
+    if (!user) return;
+    if (user.checked) {
+      removeMutation.mutate(id);
+    } else {
+      addMutation.mutate(id);
+    }
+  };
+  return {
+    users,
+    isLoading: isLoadingIn || isLoadingOut,
+    userCount: inProject.length,
+    toggleUser
+  };
+}
+export {
+  projectUsersQueryKey,
+  useProjectUsers
+};
+//# sourceMappingURL=project-users.hook.mjs.map

package/dist/modules/projects/hooks/project-users.hook.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/modules/projects/hooks/project-users.hook.ts"],"sourcesContent":["'use client';\r\n\r\nimport { useMemo } from 'react';\r\nimport { useMutation, useQuery, useQueryClient } from '@tanstack/react-query';\r\n\r\nimport type { UserSelectorItem } from '../../../components/layouts/UsersSelectorPopover';\r\nimport { addProjectUserAction } from '../actions/add-project-user.action';\r\nimport { listAvailableUsersAction } from '../actions/list-available-users.action';\r\nimport { listProjectUsersAction } from '../actions/list-project-users.action';\r\nimport { removeProjectUserAction } from '../actions/remove-project-user.action';\r\n\r\nconst DEFAULT_AVATAR = '/images/Logomark.png';\r\n\r\nexport const projectUsersQueryKey = (id_project: number) => ['project-users', id_project];\r\n\r\nexport function useProjectUsers(id_project: number) {\r\n  const queryClient = useQueryClient();\r\n\r\n  const { data: inProject = [], isLoading: isLoadingIn } = useQuery({\r\n    queryKey: [...projectUsersQueryKey(id_project), 'in'],\r\n    queryFn: () => listProjectUsersAction(id_project),\r\n    enabled: !!id_project,\r\n  });\r\n\r\n  const { data: notInProject = [], isLoading: isLoadingOut } = useQuery({\r\n    queryKey: [...projectUsersQueryKey(id_project), 'out'],\r\n    queryFn: () => listAvailableUsersAction(id_project),\r\n    enabled: !!id_project,\r\n  });\r\n\r\n  const invalidate = () => {\r\n    queryClient.invalidateQueries({ queryKey: projectUsersQueryKey(id_project) });\r\n  };\r\n\r\n  const addMutation = useMutation({\r\n    mutationFn: (user_id: number) =>\r\n      addProjectUserAction({ id_project, users: [user_id] }),\r\n    onSuccess: invalidate,\r\n  });\r\n\r\n  const removeMutation = useMutation({\r\n    mutationFn: (user_id: number) =>\r\n      removeProjectUserAction({ id_project, users: [user_id] }),\r\n    onSuccess: invalidate,\r\n  });\r\n\r\n  const users: UserSelectorItem[] = useMemo(\r\n    () => [\r\n      ...inProject.map((u) => ({\r\n        id: u.id_user,\r\n        name: u.name,\r\n        avatar: u.photo ?? DEFAULT_AVATAR,\r\n        checked: true,\r\n      })),\r\n      ...notInProject.map((u) => ({\r\n        id: u.id,\r\n        name: u.name,\r\n        avatar: u.photo ?? DEFAULT_AVATAR,\r\n        checked: false,\r\n      })),\r\n    ],\r\n    [inProject, notInProject]\r\n  );\r\n\r\n  const toggleUser = (id: number) => {\r\n    const user = users.find((u) => u.id === id);\r\n    if (!user) return;\r\n    if (user.checked) {\r\n      removeMutation.mutate(id);\r\n    } else {\r\n      addMutation.mutate(id);\r\n    }\r\n  };\r\n\r\n  return {\r\n    users,\r\n    isLoading: isLoadingIn || isLoadingOut,\r\n    userCount: inProject.length,\r\n    toggleUser,\r\n  };\r\n}\r\n"],"mappings":";AAEA,SAAS,eAAe;AACxB,SAAS,aAAa,UAAU,sBAAsB;AAGtD,SAAS,4BAA4B;AACrC,SAAS,gCAAgC;AACzC,SAAS,8BAA8B;AACvC,SAAS,+BAA+B;AAExC,MAAM,iBAAiB;AAEhB,MAAM,uBAAuB,CAAC,eAAuB,CAAC,iBAAiB,UAAU;AAEjF,SAAS,gBAAgB,YAAoB;AAClD,QAAM,cAAc,eAAe;AAEnC,QAAM,EAAE,MAAM,YAAY,CAAC,GAAG,WAAW,YAAY,IAAI,SAAS;AAAA,IAChE,UAAU,CAAC,GAAG,qBAAqB,UAAU,GAAG,IAAI;AAAA,IACpD,SAAS,MAAM,uBAAuB,UAAU;AAAA,IAChD,SAAS,CAAC,CAAC;AAAA,EACb,CAAC;AAED,QAAM,EAAE,MAAM,eAAe,CAAC,GAAG,WAAW,aAAa,IAAI,SAAS;AAAA,IACpE,UAAU,CAAC,GAAG,qBAAqB,UAAU,GAAG,KAAK;AAAA,IACrD,SAAS,MAAM,yBAAyB,UAAU;AAAA,IAClD,SAAS,CAAC,CAAC;AAAA,EACb,CAAC;AAED,QAAM,aAAa,MAAM;AACvB,gBAAY,kBAAkB,EAAE,UAAU,qBAAqB,UAAU,EAAE,CAAC;AAAA,EAC9E;AAEA,QAAM,cAAc,YAAY;AAAA,IAC9B,YAAY,CAAC,YACX,qBAAqB,EAAE,YAAY,OAAO,CAAC,OAAO,EAAE,CAAC;AAAA,IACvD,WAAW;AAAA,EACb,CAAC;AAED,QAAM,iBAAiB,YAAY;AAAA,IACjC,YAAY,CAAC,YACX,wBAAwB,EAAE,YAAY,OAAO,CAAC,OAAO,EAAE,CAAC;AAAA,IAC1D,WAAW;AAAA,EACb,CAAC;AAED,QAAM,QAA4B;AAAA,IAChC,MAAM;AAAA,MACJ,GAAG,UAAU,IAAI,CAAC,OAAO;AAAA,QACvB,IAAI,EAAE;AAAA,QACN,MAAM,EAAE;AAAA,QACR,QAAQ,EAAE,SAAS;AAAA,QACnB,SAAS;AAAA,MACX,EAAE;AAAA,MACF,GAAG,aAAa,IAAI,CAAC,OAAO;AAAA,QAC1B,IAAI,EAAE;AAAA,QACN,MAAM,EAAE;AAAA,QACR,QAAQ,EAAE,SAAS;AAAA,QACnB,SAAS;AAAA,MACX,EAAE;AAAA,IACJ;AAAA,IACA,CAAC,WAAW,YAAY;AAAA,EAC1B;AAEA,QAAM,aAAa,CAAC,OAAe;AACjC,UAAM,OAAO,MAAM,KAAK,CAAC,MAAM,EAAE,OAAO,EAAE;AAC1C,QAAI,CAAC,KAAM;AACX,QAAI,KAAK,SAAS;AAChB,qBAAe,OAAO,EAAE;AAAA,IAC1B,OAAO;AACL,kBAAY,OAAO,EAAE;AAAA,IACvB;AAAA,EACF;AAEA,SAAO;AAAA,IACL;AAAA,IACA,WAAW,eAAe;AAAA,IAC1B,WAAW,UAAU;AAAA,IACrB;AAAA,EACF;AACF;","names":[]}

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

@@ -0,0 +1,67 @@
+import "server-only";
+import { api } from "../../../infra/api/client";
+import { ApiError } from "../../../infra/api/types";
+import { getUserContext } from "../../auth/utils/get-user-context";
+import {
+  AccountUserSchema,
+  ProjectUserSchema
+} from "../types";
+class ProjectUsersService {
+  async listInProject(id_project) {
+    const { id_account, id_user } = await getUserContext();
+    const url = `/account/${id_account}/user/${id_user}/projects/${id_project}/users`;
+    const response = await api.pages.get(url);
+    if (response.status === 0) {
+      throw new ApiError(
+        response.message || "Erro ao listar usu\xE1rios do projeto",
+        "LIST_PROJECT_USERS_FAILED",
+        400
+      );
+    }
+    return response.data.map((item) => ProjectUserSchema.parse(item));
+  }
+  async listNotInProject(id_project) {
+    const { id_account } = await getUserContext();
+    const url = `/accounts/${id_account}/users?notInProject=${id_project}`;
+    const response = await api.apps.get(url);
+    if (response.status === 0) {
+      throw new ApiError(
+        response.message || "Erro ao listar usu\xE1rios dispon\xEDveis",
+        "LIST_AVAILABLE_USERS_FAILED",
+        400
+      );
+    }
+    return response.data.map((item) => AccountUserSchema.parse(item));
+  }
+  async addToProject({ id_project, users }) {
+    const { id_account, id_user } = await getUserContext();
+    const url = `/account/${id_account}/user/${id_user}/projects/${id_project}/users`;
+    const response = await api.pages.post(url, { users });
+    if (response.status === 0) {
+      throw new ApiError(
+        response.message || "Erro ao adicionar usu\xE1rio ao projeto",
+        "ADD_PROJECT_USER_FAILED",
+        400
+      );
+    }
+  }
+  async removeFromProject({ id_project, users }) {
+    const { id_account, id_user } = await getUserContext();
+    const url = `/account/${id_account}/user/${id_user}/projects/${id_project}/users`;
+    const response = await api.pages.delete(url, {
+      body: JSON.stringify({ users })
+    });
+    if (response.status === 0) {
+      throw new ApiError(
+        response.message || "Erro ao remover usu\xE1rio do projeto",
+        "REMOVE_PROJECT_USER_FAILED",
+        400
+      );
+    }
+  }
+}
+const projectUsersService = new ProjectUsersService();
+export {
+  projectUsersService
+};
+//# sourceMappingURL=project-users.service.mjs.map

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

@@ -0,0 +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 { getUserContext } from '../../auth/utils/get-user-context';\r\nimport {\r\n  AccountUser,\r\n  AccountUserSchema,\r\n  AddRemoveProjectUsersParams,\r\n  ProjectUser,\r\n  ProjectUserSchema,\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(id_project: number): Promise<ProjectUser[]> {\r\n    const { id_account, id_user } = await getUserContext();\r\n    const url = `/account/${id_account}/user/${id_user}/projects/${id_project}/users`;\r\n\r\n    const response = await api.pages.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 response.data.map((item) => ProjectUserSchema.parse(item));\r\n  }\r\n\r\n  async listNotInProject(id_project: number): Promise<AccountUser[]> {\r\n    const { id_account } = await getUserContext();\r\n    const url = `/accounts/${id_account}/users?notInProject=${id_project}`;\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 response.data.map((item) => AccountUserSchema.parse(item));\r\n  }\r\n\r\n  async addToProject({ id_project, users }: AddRemoveProjectUsersParams): Promise<void> {\r\n    const { id_account, id_user } = await getUserContext();\r\n    const url = `/account/${id_account}/user/${id_user}/projects/${id_project}/users`;\r\n\r\n    const response = await api.pages.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({ id_project, users }: AddRemoveProjectUsersParams): Promise<void> {\r\n    const { id_account, id_user } = await getUserContext();\r\n    const url = `/account/${id_account}/user/${id_user}/projects/${id_project}/users`;\r\n\r\n    const response = await api.pages.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,sBAAsB;AAC/B;AAAA,EAEE;AAAA,EAGA;AAAA,OACK;AAcP,MAAM,oBAAoB;AAAA,EACxB,MAAM,cAAc,YAA4C;AAC9D,UAAM,EAAE,YAAY,QAAQ,IAAI,MAAM,eAAe;AACrD,UAAM,MAAM,YAAY,UAAU,SAAS,OAAO,aAAa,UAAU;AAEzE,UAAM,WAAW,MAAM,IAAI,MAAM,IAAkC,GAAG;AAEtE,QAAI,SAAS,WAAW,GAAG;AACzB,YAAM,IAAI;AAAA,QACR,SAAS,WAAW;AAAA,QACpB;AAAA,QACA;AAAA,MACF;AAAA,IACF;AAEA,WAAO,SAAS,KAAK,IAAI,CAAC,SAAS,kBAAkB,MAAM,IAAI,CAAC;AAAA,EAClE;AAAA,EAEA,MAAM,iBAAiB,YAA4C;AACjE,UAAM,EAAE,WAAW,IAAI,MAAM,eAAe;AAC5C,UAAM,MAAM,aAAa,UAAU,uBAAuB,UAAU;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,SAAS,KAAK,IAAI,CAAC,SAAS,kBAAkB,MAAM,IAAI,CAAC;AAAA,EAClE;AAAA,EAEA,MAAM,aAAa,EAAE,YAAY,MAAM,GAA+C;AACpF,UAAM,EAAE,YAAY,QAAQ,IAAI,MAAM,eAAe;AACrD,UAAM,MAAM,YAAY,UAAU,SAAS,OAAO,aAAa,UAAU;AAEzE,UAAM,WAAW,MAAM,IAAI,MAAM,KAAwB,KAAK,EAAE,MAAM,CAAC;AAEvE,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,YAAY,MAAM,GAA+C;AACzF,UAAM,EAAE,YAAY,QAAQ,IAAI,MAAM,eAAe;AACrD,UAAM,MAAM,YAAY,UAAU,SAAS,OAAO,aAAa,UAAU;AAEzE,UAAM,WAAW,MAAM,IAAI,MAAM,OAA0B,KAAK;AAAA,MAC9D,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":[]}

package/dist/modules/projects/types.mjs

@@ -0,0 +1,22 @@
+import { z } from "zod";
+const ProjectUserSchema = z.object({
+  id_user: z.union([z.number(), z.string()]).transform(Number),
+  id_account: z.union([z.number(), z.string()]).transform(Number),
+  id_project: z.union([z.number(), z.string()]).transform(Number),
+  name: z.string(),
+  email: z.string(),
+  profile: z.string().optional(),
+  photo: z.string().nullable().optional()
+});
+const AccountUserSchema = z.object({
+  id: z.union([z.number(), z.string()]).transform(Number),
+  name: z.string(),
+  email: z.string(),
+  profile: z.string().optional(),
+  photo: z.string().nullable().optional()
+});
+export {
+  AccountUserSchema,
+  ProjectUserSchema
+};
+//# sourceMappingURL=types.mjs.map

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

@@ -0,0 +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(),\r\n  email: z.string(),\r\n  profile: z.string().optional(),\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(),\r\n  email: z.string(),\r\n  profile: z.string().optional(),\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  id_project: number;\r\n  users: 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;AAAA,EACf,OAAO,EAAE,OAAO;AAAA,EAChB,SAAS,EAAE,OAAO,EAAE,SAAS;AAAA,EAC7B,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;AAAA,EACf,OAAO,EAAE,OAAO;AAAA,EAChB,SAAS,EAAE,OAAO,EAAE,SAAS;AAAA,EAC7B,OAAO,EAAE,OAAO,EAAE,SAAS,EAAE,SAAS;AACxC,CAAC;","names":[]}

package/dist/server.mjs

@@ -8,6 +8,11 @@ import { findWhitelabel } from "./modules/whitelabel/actions/find-whitelabel.act
 import { validateSessionAction } from "./modules/auth/actions/validate-session.action";
 import { listSubscriptionsAction } from "./modules/subscriptions/actions/list-subscriptions.action";
 import { listIaCreditsAction } from "./modules/ia-credits/actions/list-ia-credits.action";
+import { projectUsersService } from "./modules/projects/services/project-users.service";
+import { listProjectUsersAction } from "./modules/projects/actions/list-project-users.action";
+import { listAvailableUsersAction } from "./modules/projects/actions/list-available-users.action";
+import { addProjectUserAction } from "./modules/projects/actions/add-project-user.action";
+import { removeProjectUserAction } from "./modules/projects/actions/remove-project-user.action";
 import { accountService } from "./modules/accounts/services/account.service";
 import { twoFactorService } from "./modules/accounts/services/two-factor.service";
 import {
@@ -32,6 +37,7 @@ import { getUserContext } from "./modules/auth/utils/get-user-context";
 export {
   ApiClient,
   accountService,
+  addProjectUserAction,
   api,
   apiClient,
   authService,
@@ -49,8 +55,12 @@ export {
   getUserContext,
   iaCreditsService,
   listAccountUsersAction,
+  listAvailableUsersAction,
   listIaCreditsAction,
+  listProjectUsersAction,
   listSubscriptionsAction,
+  projectUsersService,
+  removeProjectUserAction,
   requestEmailChangeAction,
   requestPhoneChangeAction,
   subscriptionsService,

package/dist/server.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/server.ts"],"sourcesContent":["import 'server-only';\r\n\r\n// API Client\r\nexport { ApiClient, api, apiClient } from './infra/api/client';\r\n\r\n// Services\r\nexport { authService } from './modules/auth/services/auth.service';\r\nexport { whitelabelService } from './modules/whitelabel/services/whitelabel.service';\r\nexport { subscriptionsService } from './modules/subscriptions/services/subscriptions.service';\r\nexport { iaCreditsService } from './modules/ia-credits/services/ia-credits.service';\r\n\r\n// Actions\r\nexport { findWhitelabel } from './modules/whitelabel/actions/find-whitelabel.action';\r\nexport { validateSessionAction } from './modules/auth/actions/validate-session.action';\r\nexport { listSubscriptionsAction } from './modules/subscriptions/actions/list-subscriptions.action';\r\nexport { listIaCreditsAction } from './modules/ia-credits/actions/list-ia-credits.action';\r\n\r\n// Account Services & Actions (server-only)\r\nexport { accountService } from './modules/accounts/services/account.service';\r\nexport { twoFactorService } from './modules/accounts/services/two-factor.service';\r\nexport {\r\n  listAccountUsersAction,\r\n  updateUserAction,\r\n  updateAccountAction,\r\n  updateAccountUserByIdAction,\r\n  deleteAccountUserAction,\r\n  deleteAccountAction,\r\n  createAccountUserAction,\r\n  changePasswordAction,\r\n  requestEmailChangeAction,\r\n  confirmEmailChangeAction,\r\n  requestPhoneChangeAction,\r\n  confirmPhoneChangeAction,\r\n  generateTwoFactorAction,\r\n  confirmTwoFactorAction,\r\n  disableTwoFactorAction,\r\n} from './modules/accounts/actions/account-management.action';\r\n\r\n// Server Utils\r\nexport { getClientInfoFromRequest } from './infra/utils/client-info';\r\nexport { getUserContext } from './modules/auth/utils/get-user-context';\r\n"],"mappings":"AAAA,OAAO;AAGP,SAAS,WAAW,KAAK,iBAAiB;AAG1C,SAAS,mBAAmB;AAC5B,SAAS,yBAAyB;AAClC,SAAS,4BAA4B;AACrC,SAAS,wBAAwB;AAGjC,SAAS,sBAAsB;AAC/B,SAAS,6BAA6B;AACtC,SAAS,+BAA+B;AACxC,SAAS,2BAA2B;AAGpC,SAAS,sBAAsB;AAC/B,SAAS,wBAAwB;AACjC;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAGP,SAAS,gCAAgC;AACzC,SAAS,sBAAsB;","names":[]}
+{"version":3,"sources":["../src/server.ts"],"sourcesContent":["import 'server-only';\r\n\r\n// API Client\r\nexport { ApiClient, api, apiClient } from './infra/api/client';\r\n\r\n// Services\r\nexport { authService } from './modules/auth/services/auth.service';\r\nexport { whitelabelService } from './modules/whitelabel/services/whitelabel.service';\r\nexport { subscriptionsService } from './modules/subscriptions/services/subscriptions.service';\r\nexport { iaCreditsService } from './modules/ia-credits/services/ia-credits.service';\r\n\r\n// Actions\r\nexport { findWhitelabel } from './modules/whitelabel/actions/find-whitelabel.action';\r\nexport { validateSessionAction } from './modules/auth/actions/validate-session.action';\r\nexport { listSubscriptionsAction } from './modules/subscriptions/actions/list-subscriptions.action';\r\nexport { listIaCreditsAction } from './modules/ia-credits/actions/list-ia-credits.action';\r\n\r\n// Project Users Services & Actions (server-only)\r\nexport { projectUsersService } from './modules/projects/services/project-users.service';\r\nexport { listProjectUsersAction } from './modules/projects/actions/list-project-users.action';\r\nexport { listAvailableUsersAction } from './modules/projects/actions/list-available-users.action';\r\nexport { addProjectUserAction } from './modules/projects/actions/add-project-user.action';\r\nexport { removeProjectUserAction } from './modules/projects/actions/remove-project-user.action';\r\n\r\n// Account Services & Actions (server-only)\r\nexport { accountService } from './modules/accounts/services/account.service';\r\nexport { twoFactorService } from './modules/accounts/services/two-factor.service';\r\nexport {\r\n  listAccountUsersAction,\r\n  updateUserAction,\r\n  updateAccountAction,\r\n  updateAccountUserByIdAction,\r\n  deleteAccountUserAction,\r\n  deleteAccountAction,\r\n  createAccountUserAction,\r\n  changePasswordAction,\r\n  requestEmailChangeAction,\r\n  confirmEmailChangeAction,\r\n  requestPhoneChangeAction,\r\n  confirmPhoneChangeAction,\r\n  generateTwoFactorAction,\r\n  confirmTwoFactorAction,\r\n  disableTwoFactorAction,\r\n} from './modules/accounts/actions/account-management.action';\r\n\r\n// Server Utils\r\nexport { getClientInfoFromRequest } from './infra/utils/client-info';\r\nexport { getUserContext } from './modules/auth/utils/get-user-context';\r\n"],"mappings":"AAAA,OAAO;AAGP,SAAS,WAAW,KAAK,iBAAiB;AAG1C,SAAS,mBAAmB;AAC5B,SAAS,yBAAyB;AAClC,SAAS,4BAA4B;AACrC,SAAS,wBAAwB;AAGjC,SAAS,sBAAsB;AAC/B,SAAS,6BAA6B;AACtC,SAAS,+BAA+B;AACxC,SAAS,2BAA2B;AAGpC,SAAS,2BAA2B;AACpC,SAAS,8BAA8B;AACvC,SAAS,gCAAgC;AACzC,SAAS,4BAA4B;AACrC,SAAS,+BAA+B;AAGxC,SAAS,sBAAsB;AAC/B,SAAS,wBAAwB;AACjC;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAGP,SAAS,gCAAgC;AACzC,SAAS,sBAAsB;","names":[]}

package/package.json

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

package/src/components/layouts/UsersSelectorPopover.tsx

@@ -10,6 +10,7 @@ import { Command, CommandEmpty, CommandInput, CommandItem, CommandList } from '.
 import { Checkbox } from '../ui/form/Checkbox';
 import { Tooltip, TooltipContent, TooltipTrigger } from '../ui/overlay/Tooltip';
 import { cn } from '../../infra/utils/clsx';
+import { useProjectUsers } from '../../modules/projects/hooks/project-users.hook';
 
 export interface UserSelectorItem {
   id: number;
@@ -18,7 +19,20 @@ export interface UserSelectorItem {
   checked: boolean;
 }
 
+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="size-8 rounded-full bg-gray-100 animate-pulse shrink-0" />
+        <div className="h-3.5 w-28 rounded bg-gray-100 animate-pulse" />
+      </div>
+      <div className="size-4 rounded bg-gray-100 animate-pulse shrink-0" />
+    </div>
+  );
+}
+
 export interface UsersSelectorPopoverProps {
+  id_project?: number;
   users?: UserSelectorItem[];
   onToggleUser?: (id: number) => void;
   addRoute?: string;
@@ -29,33 +43,33 @@ export interface UsersSelectorPopoverProps {
   contentClassName?: string;
 }
 
-function UsersSelectorPopover({
-  users: externalUsers,
-  onToggleUser,
-  addRoute = '/my-teams?createNew=true',
-  manageRoute = '/my-teams',
-  userCount = 5,
+interface ContentProps {
+  users: UserSelectorItem[];
+  isLoading: boolean;
+  userCount: number;
+  toggleUser: (id: number) => void;
+  addRoute: string;
+  manageRoute: string;
+  side?: UsersSelectorPopoverProps['side'];
+  align?: UsersSelectorPopoverProps['align'];
+  contentClassName?: string;
+}
+
+function UsersSelectorPopoverContent({
+  users,
+  isLoading,
+  userCount,
+  toggleUser,
+  addRoute,
+  manageRoute,
   side,
   align,
   contentClassName,
-}: UsersSelectorPopoverProps) {
+}: ContentProps) {
   const route = useRouter();
   const [open, setOpen] = useState(false);
-  const [internalUsers, setInternalUsers] = useState<UserSelectorItem[]>(externalUsers ?? []);
   const [hoveredId, setHoveredId] = useState<number | null>(null);
 
-  const users = externalUsers ?? internalUsers;
-
-  const toggleUser = (id: number) => {
-    if (onToggleUser) {
-      onToggleUser(id);
-    } else {
-      setInternalUsers((prev) =>
-        prev.map((u) => (u.id === id ? { ...u, checked: !u.checked } : u))
-      );
-    }
-  };
-
   return (
     <Popover open={open} onOpenChange={setOpen}>
       <PopoverTrigger className="cursor-pointer">
@@ -86,7 +100,6 @@ function UsersSelectorPopover({
                 <Plus size={16} />
                 Adicionar
               </Button>
-
               <Tooltip>
                 <TooltipTrigger asChild>
                   <Button
@@ -105,48 +118,64 @@ function UsersSelectorPopover({
           <Command className="gap-2" value="">
             <CommandInput placeholder="Busque aqui" />
             <CommandList className="custom-scrollbar paragraph-small-medium text-gray-600 h-[162px]">
-              <CommandEmpty>No results found.</CommandEmpty>
-              {users.map((user) => (
-                <CommandItem
-                  key={user.id}
-                  autoFocus={false}
-                  onPointerEnter={() => setHoveredId(user.id)}
-                  onPointerLeave={() => setHoveredId(null)}
-                  onFocus={() => setHoveredId(user.id)}
-                  onBlur={() => setHoveredId(null)}
-                  onSelect={() => toggleUser(user.id)}
-                  className="cursor-pointer"
-                >
-                  <div className="flex items-center justify-between w-full">
-                    <div className="flex items-center gap-2">
-                      <Image
-                        alt="Avatar"
-                        src={user.avatar}
-                        width={32}
-                        height={32}
-                        className="rounded-full"
-                      />
-                      {user.name}
-                    </div>
-
-                    <Tooltip open={hoveredId === user.id}>
-                      <TooltipTrigger
-                        onClick={(e) => e.stopPropagation()}
-                        onPointerDown={(e) => e.stopPropagation()}
-                      >
-                        <Checkbox
-                          checked={user.checked}
-                          onCheckedChange={() => toggleUser(user.id)}
-                          className={hoveredId === user.id ? 'border-gray-950' : ''}
-                        />
-                      </TooltipTrigger>
-                      <TooltipContent>
-                        {user.checked ? 'Remover do projeto' : 'Adicionar ao projeto'}
-                      </TooltipContent>
-                    </Tooltip>
-                  </div>
-                </CommandItem>
-              ))}
+              {isLoading ? (
+                <>
+                  <UserItemSkeleton />
+                  <UserItemSkeleton />
+                  <UserItemSkeleton />
+                </>
+              ) : users.length === 0 ? (
+                <div className="flex items-center justify-center h-full">
+                  <span className="paragraph-small-medium text-center text-gray-500">
+                    Nenhum usuário encontrado.
+                  </span>
+                </div>
+              ) : (
+                <>
+                  <CommandEmpty>Nenhum resultado encontrado.</CommandEmpty>
+                  {users.map((user) => (
+                    <CommandItem
+                      key={user.id}
+                      value={user.name}
+                      autoFocus={false}
+                      onPointerEnter={() => setHoveredId(user.id)}
+                      onPointerLeave={() => setHoveredId(null)}
+                      onFocus={() => setHoveredId(user.id)}
+                      onBlur={() => setHoveredId(null)}
+                      onSelect={() => toggleUser(user.id)}
+                      className="cursor-pointer"
+                    >
+                      <div className="flex items-center justify-between w-full">
+                        <div className="flex items-center gap-2">
+                          <Image
+                            alt="Avatar"
+                            src={user.avatar}
+                            width={32}
+                            height={32}
+                            className="rounded-full"
+                          />
+                          {user.name}
+                        </div>
+                        <Tooltip open={hoveredId === user.id}>
+                          <TooltipTrigger
+                            onClick={(e) => e.stopPropagation()}
+                            onPointerDown={(e) => e.stopPropagation()}
+                          >
+                            <Checkbox
+                              checked={user.checked}
+                              onCheckedChange={() => toggleUser(user.id)}
+                              className={hoveredId === user.id ? 'border-gray-950' : ''}
+                            />
+                          </TooltipTrigger>
+                          <TooltipContent>
+                            {user.checked ? 'Remover do projeto' : 'Adicionar ao projeto'}
+                          </TooltipContent>
+                        </Tooltip>
+                      </div>
+                    </CommandItem>
+                  ))}
+                </>
+              )}
             </CommandList>
           </Command>
         </div>
@@ -155,4 +184,75 @@ function UsersSelectorPopover({
   );
 }
 
+function ConnectedUsersSelectorPopover({
+  id_project,
+  addRoute,
+  manageRoute,
+  side,
+  align,
+  contentClassName,
+}: Required<Pick<UsersSelectorPopoverProps, 'id_project'>> &
+  Pick<UsersSelectorPopoverProps, 'addRoute' | 'manageRoute' | 'side' | 'align' | 'contentClassName'>) {
+  const { users, isLoading, userCount, toggleUser } = useProjectUsers(id_project);
+  return (
+    <UsersSelectorPopoverContent
+      users={users}
+      isLoading={isLoading}
+      userCount={userCount}
+      toggleUser={toggleUser}
+      addRoute={addRoute ?? '/my-teams?createNew=true'}
+      manageRoute={manageRoute ?? '/my-teams'}
+      side={side}
+      align={align}
+      contentClassName={contentClassName}
+    />
+  );
+}
+
+function StaticUsersSelectorPopover({
+  users: externalUsers = [],
+  onToggleUser,
+  userCount = 5,
+  addRoute = '/my-teams?createNew=true',
+  manageRoute = '/my-teams',
+  side,
+  align,
+  contentClassName,
+}: Omit<UsersSelectorPopoverProps, 'id_project'>) {
+  const [internalUsers, setInternalUsers] = useState<UserSelectorItem[]>(externalUsers);
+
+  const users = externalUsers.length > 0 ? externalUsers : internalUsers;
+
+  const toggleUser = (id: number) => {
+    if (onToggleUser) {
+      onToggleUser(id);
+    } else {
+      setInternalUsers((prev) =>
+        prev.map((u) => (u.id === id ? { ...u, checked: !u.checked } : u))
+      );
+    }
+  };
+
+  return (
+    <UsersSelectorPopoverContent
+      users={users}
+      isLoading={false}
+      userCount={userCount}
+      toggleUser={toggleUser}
+      addRoute={addRoute}
+      manageRoute={manageRoute}
+      side={side}
+      align={align}
+      contentClassName={contentClassName}
+    />
+  );
+}
+
+function UsersSelectorPopover(props: UsersSelectorPopoverProps) {
+  if (props.id_project != null) {
+    return <ConnectedUsersSelectorPopover {...props} id_project={props.id_project} />;
+  }
+  return <StaticUsersSelectorPopover {...props} />;
+}
+
 export { UsersSelectorPopover };

package/src/index.ts

@@ -10,6 +10,8 @@ export * from './providers/auth.provider';
 export * from './providers/whitelabel.provider';
 
 // Hooks
+export { useProjectUsers, projectUsersQueryKey } from './modules/projects/hooks/project-users.hook';
+export type { ProjectUser, AccountUser, AddRemoveProjectUsersParams } from './modules/projects/types';
 export { useUserQuery, useUserValidateSession, useInvalidateUser, useSetUserData, USER_QUERY_KEY } from './modules/auth/hooks/useUserQuery';
 export { useSubscriptions, SUBSCRIPTIONS_QUERY_KEY } from './modules/subscriptions/hooks/list-subscriptions.hook';
 export { useActiveSubscription } from './modules/subscriptions/hooks/find-active-subscription.hook';