@greatapps/common 1.1.50 → 1.1.51

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

@@ -0,0 +1,27 @@
+"use client";
+import { useInfiniteQuery } from "@tanstack/react-query";
+import { listProjectUsersAction } from "../actions/list-project-users.action";
+const PAGE_SIZE = 20;
+const LIST_PROJECT_USERS_BASE_KEY = (projectId) => ["project-users", projectId, "in"];
+const LIST_PROJECT_USERS_QUERY_KEY = (projectId, search = "") => [
+  ...LIST_PROJECT_USERS_BASE_KEY(projectId),
+  search
+];
+function useListProjectUsers(projectId, search = "") {
+  return useInfiniteQuery({
+    queryKey: LIST_PROJECT_USERS_QUERY_KEY(projectId, search),
+    queryFn: ({ pageParam }) => listProjectUsersAction(projectId, { search: search || void 0, page: pageParam, limit: PAGE_SIZE }),
+    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,
+    enabled: !!projectId
+  });
+}
+export {
+  LIST_PROJECT_USERS_BASE_KEY,
+  LIST_PROJECT_USERS_QUERY_KEY,
+  useListProjectUsers
+};
+//# sourceMappingURL=list-project-users.hook.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/modules/projects/hooks/list-project-users.hook.ts"],"sourcesContent":["'use client';\r\n\r\nimport { useInfiniteQuery } from '@tanstack/react-query';\r\nimport { listProjectUsersAction } from '../actions/list-project-users.action';\r\n\r\nconst PAGE_SIZE = 20;\r\n\r\nexport const LIST_PROJECT_USERS_BASE_KEY = (projectId: number) => ['project-users', projectId, 'in'];\r\nexport const LIST_PROJECT_USERS_QUERY_KEY = (projectId: number, search: string = '') => [\r\n  ...LIST_PROJECT_USERS_BASE_KEY(projectId),\r\n  search,\r\n];\r\n\r\nexport function useListProjectUsers(projectId: number, search: string = '') {\r\n  return useInfiniteQuery({\r\n    queryKey: LIST_PROJECT_USERS_QUERY_KEY(projectId, search),\r\n    queryFn: ({ pageParam }) =>\r\n      listProjectUsersAction(projectId, { search: search || undefined, page: pageParam as number, limit: PAGE_SIZE }),\r\n    getNextPageParam: (lastPage, allPages) => {\r\n      const loaded = allPages.reduce((sum, p) => sum + p.data.length, 0);\r\n      return loaded < lastPage.total ? allPages.length + 1 : undefined;\r\n    },\r\n    initialPageParam: 1,\r\n    enabled: !!projectId,\r\n  });\r\n}\r\n"],"mappings":";AAEA,SAAS,wBAAwB;AACjC,SAAS,8BAA8B;AAEvC,MAAM,YAAY;AAEX,MAAM,8BAA8B,CAAC,cAAsB,CAAC,iBAAiB,WAAW,IAAI;AAC5F,MAAM,+BAA+B,CAAC,WAAmB,SAAiB,OAAO;AAAA,EACtF,GAAG,4BAA4B,SAAS;AAAA,EACxC;AACF;AAEO,SAAS,oBAAoB,WAAmB,SAAiB,IAAI;AAC1E,SAAO,iBAAiB;AAAA,IACtB,UAAU,6BAA6B,WAAW,MAAM;AAAA,IACxD,SAAS,CAAC,EAAE,UAAU,MACpB,uBAAuB,WAAW,EAAE,QAAQ,UAAU,QAAW,MAAM,WAAqB,OAAO,UAAU,CAAC;AAAA,IAChH,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,IAClB,SAAS,CAAC,CAAC;AAAA,EACb,CAAC;AACH;","names":[]}

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

@@ -1,15 +1,17 @@
 import "server-only";
 import { api } from "../../../infra/api/client";
 import { ApiError } from "../../../infra/api/types";
+import { buildQueryParams } from "../../../infra/utils/params";
 import { getUserContext } from "../../auth/utils/get-user-context";
 import {
   AccountUserSchema,
   ProjectUserSchema
 } from "../types";
 class ProjectUsersService {
-  async listInProject(id_project) {
+  async listInProject(projectId, params = {}) {
     const { id_account, id_user } = await getUserContext();
-    const url = `/account/${id_account}/user/${id_user}/projects/${id_project}/users`;
+    const query = buildQueryParams(params);
+    const url = `/account/${id_account}/user/${id_user}/projects/${projectId}/users${query ? `?${query}` : ""}`;
     const response = await api.apps.get(url);
     if (response.status === 0) {
       throw new ApiError(
@@ -18,11 +20,16 @@ class ProjectUsersService {
         400
       );
     }
-    return response.data.map((item) => ProjectUserSchema.parse(item));
+    return {
+      data: response.data.map((item) => ProjectUserSchema.parse(item)),
+      total: response.total,
+      page: params.page ?? 1
+    };
   }
-  async listNotInProject(id_project) {
+  async listNotInProject(projectId, params = {}) {
     const { id_account } = await getUserContext();
-    const url = `/accounts/${id_account}/users?notInProject=${id_project}`;
+    const query = buildQueryParams({ notInProject: projectId, ...params });
+    const url = `/accounts/${id_account}/users${query ? `?${query}` : ""}`;
     const response = await api.apps.get(url);
     if (response.status === 0) {
       throw new ApiError(
@@ -31,11 +38,15 @@ class ProjectUsersService {
         400
       );
     }
-    return response.data.map((item) => AccountUserSchema.parse(item));
+    return {
+      data: response.data.map((item) => AccountUserSchema.parse(item)),
+      total: response.total,
+      page: params.page ?? 1
+    };
   }
-  async addToProject({ id_project, users }) {
+  async addToProject({ projectId, users }) {
     const { id_account, id_user } = await getUserContext();
-    const url = `/account/${id_account}/user/${id_user}/projects/${id_project}/users`;
+    const url = `/account/${id_account}/user/${id_user}/projects/${projectId}/users`;
     const response = await api.apps.post(url, { users });
     if (response.status === 0) {
       throw new ApiError(
@@ -45,9 +56,9 @@ class ProjectUsersService {
       );
     }
   }
-  async removeFromProject({ id_project, users }) {
+  async removeFromProject({ projectId, users }) {
     const { id_account, id_user } = await getUserContext();
-    const url = `/account/${id_account}/user/${id_user}/projects/${id_project}/users`;
+    const url = `/account/${id_account}/user/${id_user}/projects/${projectId}/users`;
     const response = await api.apps.delete(url, {
       body: JSON.stringify({ users })
     });

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 { 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.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 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.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({ 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.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,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,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,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,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,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,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 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":[]}

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(),\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":[]}
+{"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  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;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/package.json

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

package/src/components/layouts/UsersSelectorPopover.tsx

@@ -1,22 +1,30 @@
 "use client"
 
-import { useState } from 'react';
+import { useEffect, useState } from 'react';
 import { Plus, Settings, User, Users } from 'lucide-react';
 import Image from 'next/image';
 import { useRouter } from 'next/navigation';
+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 { useProjectUsers } from '../../modules/projects/hooks/project-users.hook';
+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 UserSelectorItem {
-  id: number;
-  name: string;
-  avatar: string;
-  checked: boolean;
+const DEFAULT_AVATAR = '/images/Logomark.png';
+
+export interface UsersSelectorPopoverProps {
+  projectId?: number;
+  addRoute?: string;
+  manageRoute?: string;
+  side?: 'top' | 'bottom' | 'left' | 'right';
+  align?: 'start' | 'center' | 'end';
+  contentClassName?: string;
 }
 
 function UserItemSkeleton() {
@@ -31,50 +39,94 @@ function UserItemSkeleton() {
   );
 }
 
-export interface UsersSelectorPopoverProps {
-  projectId?: number;
-  users?: UserSelectorItem[];
-  onToggleUser?: (id: number) => void;
-  addRoute?: string;
-  manageRoute?: string;
-  userCount?: number;
-  side?: 'top' | 'bottom' | 'left' | 'right';
-  align?: 'start' | 'center' | 'end';
-  contentClassName?: string;
-}
-
-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,
+export function UsersSelectorPopover({
+  projectId,
+  addRoute = '/my-teams?createNew=true',
+  manageRoute = '/my-teams',
   side,
   align,
   contentClassName,
-}: ContentProps) {
-  const route = useRouter();
+}: UsersSelectorPopoverProps) {
+  const router = useRouter();
+  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,
+      avatar: u.photo ?? DEFAULT_AVATAR,
+      checked: true as const,
+      removable: u.profile !== 'owner' && u.profile !== 'admin',
+    })),
+    ...notInProject.map((u) => ({
+      id: u.id,
+      name: u.name,
+      avatar: u.photo ?? DEFAULT_AVATAR,
+      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">{userCount}</span>
+          <span className="paragraph-small-semibold">{totalInProject}</span>
           <User size={16} />
         </div>
       </PopoverTrigger>
@@ -95,7 +147,7 @@ function UsersSelectorPopoverContent({
               <Button
                 variant="secondary"
                 className="h-8 paragraph-small-semibold text-gray-950"
-                onClick={() => route.push(addRoute)}
+                onClick={() => router.push(addRoute)}
               >
                 <Plus size={16} />
                 Adicionar
@@ -105,7 +157,7 @@ function UsersSelectorPopoverContent({
                   <Button
                     variant="secondary"
                     className="p-0 size-8"
-                    onClick={() => route.push(manageRoute)}
+                    onClick={() => router.push(manageRoute)}
                   >
                     <Settings size={18} />
                   </Button>
@@ -115,16 +167,23 @@ function UsersSelectorPopoverContent({
             </div>
           </div>
 
-          <Command className="gap-2" value="">
-            <CommandInput placeholder="Busque aqui" />
-            <CommandList className="custom-scrollbar paragraph-small-medium text-gray-600 h-[162px]">
+          <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 />
                 </>
-              ) : users.length === 0 ? (
+              ) : 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">
@@ -136,7 +195,7 @@ function UsersSelectorPopoverContent({
               ) : (
                 <>
                   <CommandEmpty>Nenhum resultado encontrado.</CommandEmpty>
-                  {users.map((user) => (
+                  {allUsers.map((user) => (
                     <CommandItem
                       key={user.id}
                       value={user.name}
@@ -145,8 +204,8 @@ function UsersSelectorPopoverContent({
                       onPointerLeave={() => setHoveredId(null)}
                       onFocus={() => setHoveredId(user.id)}
                       onBlur={() => setHoveredId(null)}
-                      onSelect={() => toggleUser(user.id)}
-                      className="cursor-pointer"
+                      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">
@@ -159,15 +218,16 @@ function UsersSelectorPopoverContent({
                           />
                           {user.name}
                         </div>
-                        <Tooltip open={hoveredId === user.id}>
+                        <Tooltip open={user.removable && 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' : ''}
+                              disabled={!user.removable}
+                              onCheckedChange={() => toggleUser(user.id, user.checked, user.removable)}
+                              className={user.removable && hoveredId === user.id ? 'border-gray-950' : ''}
                             />
                           </TooltipTrigger>
                           <TooltipContent>
@@ -177,6 +237,12 @@ function UsersSelectorPopoverContent({
                       </div>
                     </CommandItem>
                   ))}
+                  {isFetchingMore && (
+                    <>
+                      <UserItemSkeleton />
+                      <UserItemSkeleton />
+                    </>
+                  )}
                 </>
               )}
             </CommandList>
@@ -186,76 +252,3 @@ function UsersSelectorPopoverContent({
     </Popover>
   );
 }
-
-function ConnectedUsersSelectorPopover({
-  projectId,
-  addRoute,
-  manageRoute,
-  side,
-  align,
-  contentClassName,
-}: Required<Pick<UsersSelectorPopoverProps, 'projectId'>> &
-  Pick<UsersSelectorPopoverProps, 'addRoute' | 'manageRoute' | 'side' | 'align' | 'contentClassName'>) {
-  const { users, isLoading, userCount, toggleUser } = useProjectUsers(projectId);
-  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, 'projectId'>) {
-  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.projectId != null) {
-    return <ConnectedUsersSelectorPopover {...props} projectId={props.projectId} />;
-  }
-  return <StaticUsersSelectorPopover {...props} />;
-}
-
-export { UsersSelectorPopover };

package/src/index.ts

@@ -10,8 +10,9 @@ 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 { useListProjectUsers, LIST_PROJECT_USERS_QUERY_KEY, LIST_PROJECT_USERS_BASE_KEY } from './modules/projects/hooks/list-project-users.hook';
+export { useListAvailableUsers, LIST_AVAILABLE_USERS_QUERY_KEY, LIST_AVAILABLE_USERS_BASE_KEY } from './modules/projects/hooks/list-available-users.hook';
+export type { ProjectUser, AccountUser, AddRemoveProjectUsersParams, ListUsersParams, UsersPage } 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';
@@ -51,7 +52,7 @@ export type { NotificationItemProps } from './components/layouts/NotificationIte
 export { NotificationsPopover } from './components/layouts/NotificationsPopover';
 export type { NotificationsPopoverProps, NotificationData } from './components/layouts/NotificationsPopover';
 export { UsersSelectorPopover } from './components/layouts/UsersSelectorPopover';
-export type { UsersSelectorPopoverProps, UserSelectorItem } from './components/layouts/UsersSelectorPopover';
+export type { UsersSelectorPopoverProps } from './components/layouts/UsersSelectorPopover';
 export { ProfilePopover } from './components/layouts/ProfilePopover';
 export type { ProfilePopoverProps, ProfileMenuItem } from './components/layouts/ProfilePopover';
 export { NavBarItem } from './components/layouts/NavBarItem';

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

@@ -1,8 +1,8 @@
 'use server';
 
 import { projectUsersService } from '../services/project-users.service';
-import type { AccountUser } from '../types';
+import type { AccountUser, ListUsersParams, UsersPage } from '../types';
 
-export async function listAvailableUsersAction(id_project: number): Promise<AccountUser[]> {
-  return projectUsersService.listNotInProject(id_project);
+export async function listAvailableUsersAction(projectId: number, params: ListUsersParams = {}): Promise<UsersPage<AccountUser>> {
+  return projectUsersService.listNotInProject(projectId, params);
 }

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

@@ -1,8 +1,8 @@
 'use server';
 
 import { projectUsersService } from '../services/project-users.service';
-import type { ProjectUser } from '../types';
+import type { ListUsersParams, ProjectUser, UsersPage } from '../types';
 
-export async function listProjectUsersAction(id_project: number): Promise<ProjectUser[]> {
-  return projectUsersService.listInProject(id_project);
+export async function listProjectUsersAction(projectId: number, params: ListUsersParams = {}): Promise<UsersPage<ProjectUser>> {
+  return projectUsersService.listInProject(projectId, params);
 }

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

@@ -0,0 +1,26 @@
+'use client';
+
+import { useInfiniteQuery } from '@tanstack/react-query';
+import { listAvailableUsersAction } from '../actions/list-available-users.action';
+
+const PAGE_SIZE = 20;
+
+export const LIST_AVAILABLE_USERS_BASE_KEY = (projectId: number) => ['project-users', projectId, 'out'];
+export const LIST_AVAILABLE_USERS_QUERY_KEY = (projectId: number, search: string = '') => [
+  ...LIST_AVAILABLE_USERS_BASE_KEY(projectId),
+  search,
+];
+
+export function useListAvailableUsers(projectId: number, search: string = '') {
+  return useInfiniteQuery({
+    queryKey: LIST_AVAILABLE_USERS_QUERY_KEY(projectId, search),
+    queryFn: ({ pageParam }) =>
+      listAvailableUsersAction(projectId, { search: search || undefined, page: pageParam as number, limit: PAGE_SIZE }),
+    getNextPageParam: (lastPage, allPages) => {
+      const loaded = allPages.reduce((sum, p) => sum + p.data.length, 0);
+      return loaded < lastPage.total ? allPages.length + 1 : undefined;
+    },
+    initialPageParam: 1,
+    enabled: !!projectId,
+  });
+}

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

@@ -0,0 +1,26 @@
+'use client';
+
+import { useInfiniteQuery } from '@tanstack/react-query';
+import { listProjectUsersAction } from '../actions/list-project-users.action';
+
+const PAGE_SIZE = 20;
+
+export const LIST_PROJECT_USERS_BASE_KEY = (projectId: number) => ['project-users', projectId, 'in'];
+export const LIST_PROJECT_USERS_QUERY_KEY = (projectId: number, search: string = '') => [
+  ...LIST_PROJECT_USERS_BASE_KEY(projectId),
+  search,
+];
+
+export function useListProjectUsers(projectId: number, search: string = '') {
+  return useInfiniteQuery({
+    queryKey: LIST_PROJECT_USERS_QUERY_KEY(projectId, search),
+    queryFn: ({ pageParam }) =>
+      listProjectUsersAction(projectId, { search: search || undefined, page: pageParam as number, limit: PAGE_SIZE }),
+    getNextPageParam: (lastPage, allPages) => {
+      const loaded = allPages.reduce((sum, p) => sum + p.data.length, 0);
+      return loaded < lastPage.total ? allPages.length + 1 : undefined;
+    },
+    initialPageParam: 1,
+    enabled: !!projectId,
+  });
+}