@greatapps/common 1.1.494 → 1.1.496

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

@@ -0,0 +1,22 @@
+"use client";
+import { useQuery, keepPreviousData } from "@tanstack/react-query";
+import { listProjectsAction } from "../actions/list-projects.action";
+import { withAction } from "../../../utils/withAction";
+import { useAuthQueryKey } from "../../../hooks/useAuthQueryKey";
+const PROJECTS_BASE_KEY = ["projects"];
+const PROJECTS_QUERY_KEY = (params) => [...PROJECTS_BASE_KEY, params];
+function useProjects(params) {
+  const queryKey = useAuthQueryKey([...PROJECTS_QUERY_KEY(params)]);
+  return useQuery({
+    queryKey,
+    queryFn: withAction(() => listProjectsAction(params)),
+    staleTime: 3e4,
+    placeholderData: keepPreviousData
+  });
+}
+export {
+  PROJECTS_BASE_KEY,
+  PROJECTS_QUERY_KEY,
+  useProjects
+};
+//# sourceMappingURL=list-projects.hook.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/modules/projects/hooks/list-projects.hook.ts"],"sourcesContent":["'use client';\n\nimport { useQuery, keepPreviousData } from '@tanstack/react-query';\nimport { listProjectsAction } from '../actions/list-projects.action';\nimport type { ListProjectsActionParams } from '../actions/list-projects.action';\nimport { withAction } from '../../../utils/withAction';\nimport { useAuthQueryKey } from '../../../hooks/useAuthQueryKey';\n\nexport const PROJECTS_BASE_KEY = ['projects'] as const;\n\nexport const PROJECTS_QUERY_KEY = (params?: ListProjectsActionParams) =>\n  [...PROJECTS_BASE_KEY, params] as const;\n\nexport function useProjects(params?: ListProjectsActionParams) {\n  const queryKey = useAuthQueryKey([...PROJECTS_QUERY_KEY(params)]);\n\n  return useQuery({\n    queryKey,\n    queryFn: withAction(() => listProjectsAction(params)),\n    staleTime: 30_000,\n    placeholderData: keepPreviousData,\n  });\n}\n"],"mappings":";AAEA,SAAS,UAAU,wBAAwB;AAC3C,SAAS,0BAA0B;AAEnC,SAAS,kBAAkB;AAC3B,SAAS,uBAAuB;AAEzB,MAAM,oBAAoB,CAAC,UAAU;AAErC,MAAM,qBAAqB,CAAC,WACjC,CAAC,GAAG,mBAAmB,MAAM;AAExB,SAAS,YAAY,QAAmC;AAC7D,QAAM,WAAW,gBAAgB,CAAC,GAAG,mBAAmB,MAAM,CAAC,CAAC;AAEhE,SAAO,SAAS;AAAA,IACd;AAAA,IACA,SAAS,WAAW,MAAM,mBAAmB,MAAM,CAAC;AAAA,IACpD,WAAW;AAAA,IACX,iBAAiB;AAAA,EACnB,CAAC;AACH;","names":[]}

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

@@ -0,0 +1,20 @@
+"use client";
+import { useMutation, useQueryClient } from "@tanstack/react-query";
+import { updateProjectAction } from "../actions/update-project.action";
+import { withAction } from "../../../utils/withAction";
+import { useAuthQueryKey } from "../../../hooks/useAuthQueryKey";
+import { PROJECTS_BASE_KEY } from "./list-projects.hook";
+function useUpdateProject() {
+  const queryClient = useQueryClient();
+  const projectsKey = useAuthQueryKey([...PROJECTS_BASE_KEY]);
+  return useMutation({
+    mutationFn: ({ projectId, data }) => withAction(updateProjectAction)(projectId, data),
+    onSuccess: () => {
+      queryClient.invalidateQueries({ queryKey: projectsKey });
+    }
+  });
+}
+export {
+  useUpdateProject
+};
+//# sourceMappingURL=update-project.hook.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/modules/projects/hooks/update-project.hook.ts"],"sourcesContent":["'use client';\n\nimport { useMutation, useQueryClient } from '@tanstack/react-query';\nimport { updateProjectAction } from '../actions/update-project.action';\nimport { withAction } from '../../../utils/withAction';\nimport { useAuthQueryKey } from '../../../hooks/useAuthQueryKey';\nimport { PROJECTS_BASE_KEY } from './list-projects.hook';\nimport type { UpdateProjectRequest } from '../types';\n\nexport function useUpdateProject() {\n  const queryClient = useQueryClient();\n  const projectsKey = useAuthQueryKey([...PROJECTS_BASE_KEY]);\n\n  return useMutation({\n    mutationFn: ({ projectId, data }: { projectId: number; data: UpdateProjectRequest }) =>\n      withAction(updateProjectAction)(projectId, data),\n    onSuccess: () => {\n      queryClient.invalidateQueries({ queryKey: projectsKey });\n    },\n  });\n}\n"],"mappings":";AAEA,SAAS,aAAa,sBAAsB;AAC5C,SAAS,2BAA2B;AACpC,SAAS,kBAAkB;AAC3B,SAAS,uBAAuB;AAChC,SAAS,yBAAyB;AAG3B,SAAS,mBAAmB;AACjC,QAAM,cAAc,eAAe;AACnC,QAAM,cAAc,gBAAgB,CAAC,GAAG,iBAAiB,CAAC;AAE1D,SAAO,YAAY;AAAA,IACjB,YAAY,CAAC,EAAE,WAAW,KAAK,MAC7B,WAAW,mBAAmB,EAAE,WAAW,IAAI;AAAA,IACjD,WAAW,MAAM;AACf,kBAAY,kBAAkB,EAAE,UAAU,YAAY,CAAC;AAAA,IACzD;AAAA,EACF,CAAC;AACH;","names":[]}

package/dist/modules/projects/services/projects.service.mjs

@@ -0,0 +1,83 @@
+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 { assertManagementSubscription } from "../../auth/utils/assert-management-subscription";
+import {
+  ProjectSchema
+} from "../types";
+class ProjectsService {
+  async list(params = {}) {
+    const { id_account, id_user } = await getUserContext();
+    const query = buildQueryParams(params);
+    const url = `/account/${id_account}/user/${id_user}/projects${query ? `?${query}` : ""}`;
+    const response = await api.apps.get(url);
+    if (response.status === 0) {
+      throw new ApiError(
+        response.message || "Erro ao listar projetos",
+        "LIST_PROJECTS_FAILED",
+        400
+      );
+    }
+    return {
+      data: (response.data || []).map((item) => ProjectSchema.parse(item)),
+      total: response.total || 0,
+      page: params.page ?? 1
+    };
+  }
+  async create(data) {
+    await assertManagementSubscription();
+    const { id_account, id_user } = await getUserContext();
+    const url = `/account/${id_account}/user/${id_user}/projects`;
+    const response = await api.apps.post(url, data);
+    if (response.status === 0) {
+      throw new ApiError(
+        response.message || "Erro ao criar projeto",
+        "CREATE_PROJECT_FAILED",
+        400
+      );
+    }
+    if (!response.data || response.data.length === 0) {
+      throw new ApiError("Resposta inv\xE1lida ao criar projeto", "INVALID_RESPONSE", 500);
+    }
+    return ProjectSchema.parse(response.data[0]);
+  }
+  async update(projectId, data) {
+    await assertManagementSubscription();
+    const { id_account, id_user } = await getUserContext();
+    const url = `/account/${id_account}/user/${id_user}/projects/${projectId}`;
+    const response = await api.apps.put(url, data);
+    if (response.status === 0) {
+      throw new ApiError(
+        response.message || "Erro ao atualizar projeto",
+        "UPDATE_PROJECT_FAILED",
+        400
+      );
+    }
+    if (!response.data || response.data.length === 0) {
+      throw new ApiError("Resposta inv\xE1lida ao atualizar projeto", "INVALID_RESPONSE", 500);
+    }
+    return ProjectSchema.parse(response.data[0]);
+  }
+  async delete(projectId, moveToProjectId) {
+    await assertManagementSubscription();
+    const { id_account, id_user } = await getUserContext();
+    const url = `/account/${id_account}/user/${id_user}/projects/${projectId}`;
+    const response = await api.apps.delete(url, {
+      body: JSON.stringify({ id_project_to_move: moveToProjectId })
+    });
+    if (response.status === 0) {
+      throw new ApiError(
+        response.message || "Erro ao deletar projeto",
+        "DELETE_PROJECT_FAILED",
+        400
+      );
+    }
+  }
+}
+const projectsService = new ProjectsService();
+export {
+  projectsService
+};
+//# sourceMappingURL=projects.service.mjs.map

package/dist/modules/projects/services/projects.service.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/modules/projects/services/projects.service.ts"],"sourcesContent":["import 'server-only';\n\nimport { api } from '../../../infra/api/client';\nimport { ApiError } from '../../../infra/api/types';\nimport { buildQueryParams } from '../../../infra/utils/params';\nimport { getUserContext } from '../../auth/utils/get-user-context';\nimport { assertManagementSubscription } from '../../auth/utils/assert-management-subscription';\nimport {\n  Project,\n  ProjectSchema,\n  ProjectsPage,\n  CreateProjectRequest,\n  UpdateProjectRequest,\n} from '../types';\n\ninterface ApiListResponse<T> {\n  data: T[];\n  total: number;\n  status: number;\n  message?: string;\n}\n\ninterface ApiMutationResponse {\n  status: number;\n  message?: string;\n  data?: Project[];\n}\n\ninterface ListProjectsParams {\n  page?: number;\n  limit?: number;\n  sort?: string;\n  search?: string;\n  deleted?: number;\n}\n\nclass ProjectsService {\n  async list(params: ListProjectsParams = {}): Promise<ProjectsPage> {\n    const { id_account, id_user } = await getUserContext();\n    const query = buildQueryParams(params as Record<string, string | number | boolean | undefined>);\n    const url = `/account/${id_account}/user/${id_user}/projects${query ? `?${query}` : ''}`;\n\n    const response = await api.apps.get<ApiListResponse<Project>>(url);\n\n    if (response.status === 0) {\n      throw new ApiError(\n        response.message || 'Erro ao listar projetos',\n        'LIST_PROJECTS_FAILED',\n        400\n      );\n    }\n\n    return {\n      data: (response.data || []).map((item) => ProjectSchema.parse(item)),\n      total: response.total || 0,\n      page: params.page ?? 1,\n    };\n  }\n\n  async create(data: CreateProjectRequest): Promise<Project> {\n    await assertManagementSubscription();\n    const { id_account, id_user } = await getUserContext();\n    const url = `/account/${id_account}/user/${id_user}/projects`;\n\n    const response = await api.apps.post<ApiMutationResponse>(url, data);\n\n    if (response.status === 0) {\n      throw new ApiError(\n        response.message || 'Erro ao criar projeto',\n        'CREATE_PROJECT_FAILED',\n        400\n      );\n    }\n\n    if (!response.data || response.data.length === 0) {\n      throw new ApiError('Resposta inválida ao criar projeto', 'INVALID_RESPONSE', 500);\n    }\n\n    return ProjectSchema.parse(response.data[0]);\n  }\n\n  async update(projectId: number, data: UpdateProjectRequest): Promise<Project> {\n    await assertManagementSubscription();\n    const { id_account, id_user } = await getUserContext();\n    const url = `/account/${id_account}/user/${id_user}/projects/${projectId}`;\n\n    const response = await api.apps.put<ApiMutationResponse>(url, data);\n\n    if (response.status === 0) {\n      throw new ApiError(\n        response.message || 'Erro ao atualizar projeto',\n        'UPDATE_PROJECT_FAILED',\n        400\n      );\n    }\n\n    if (!response.data || response.data.length === 0) {\n      throw new ApiError('Resposta inválida ao atualizar projeto', 'INVALID_RESPONSE', 500);\n    }\n\n    return ProjectSchema.parse(response.data[0]);\n  }\n\n  async delete(projectId: number, moveToProjectId: number): Promise<void> {\n    await assertManagementSubscription();\n    const { id_account, id_user } = await getUserContext();\n    const url = `/account/${id_account}/user/${id_user}/projects/${projectId}`;\n\n    const response = await api.apps.delete<ApiMutationResponse>(url, {\n      body: JSON.stringify({ id_project_to_move: moveToProjectId }),\n    });\n\n    if (response.status === 0) {\n      throw new ApiError(\n        response.message || 'Erro ao deletar projeto',\n        'DELETE_PROJECT_FAILED',\n        400\n      );\n    }\n  }\n}\n\nexport const projectsService = new ProjectsService();\n"],"mappings":"AAAA,OAAO;AAEP,SAAS,WAAW;AACpB,SAAS,gBAAgB;AACzB,SAAS,wBAAwB;AACjC,SAAS,sBAAsB;AAC/B,SAAS,oCAAoC;AAC7C;AAAA,EAEE;AAAA,OAIK;AAuBP,MAAM,gBAAgB;AAAA,EACpB,MAAM,KAAK,SAA6B,CAAC,GAA0B;AACjE,UAAM,EAAE,YAAY,QAAQ,IAAI,MAAM,eAAe;AACrD,UAAM,QAAQ,iBAAiB,MAA+D;AAC9F,UAAM,MAAM,YAAY,UAAU,SAAS,OAAO,YAAY,QAAQ,IAAI,KAAK,KAAK,EAAE;AAEtF,UAAM,WAAW,MAAM,IAAI,KAAK,IAA8B,GAAG;AAEjE,QAAI,SAAS,WAAW,GAAG;AACzB,YAAM,IAAI;AAAA,QACR,SAAS,WAAW;AAAA,QACpB;AAAA,QACA;AAAA,MACF;AAAA,IACF;AAEA,WAAO;AAAA,MACL,OAAO,SAAS,QAAQ,CAAC,GAAG,IAAI,CAAC,SAAS,cAAc,MAAM,IAAI,CAAC;AAAA,MACnE,OAAO,SAAS,SAAS;AAAA,MACzB,MAAM,OAAO,QAAQ;AAAA,IACvB;AAAA,EACF;AAAA,EAEA,MAAM,OAAO,MAA8C;AACzD,UAAM,6BAA6B;AACnC,UAAM,EAAE,YAAY,QAAQ,IAAI,MAAM,eAAe;AACrD,UAAM,MAAM,YAAY,UAAU,SAAS,OAAO;AAElD,UAAM,WAAW,MAAM,IAAI,KAAK,KAA0B,KAAK,IAAI;AAEnE,QAAI,SAAS,WAAW,GAAG;AACzB,YAAM,IAAI;AAAA,QACR,SAAS,WAAW;AAAA,QACpB;AAAA,QACA;AAAA,MACF;AAAA,IACF;AAEA,QAAI,CAAC,SAAS,QAAQ,SAAS,KAAK,WAAW,GAAG;AAChD,YAAM,IAAI,SAAS,yCAAsC,oBAAoB,GAAG;AAAA,IAClF;AAEA,WAAO,cAAc,MAAM,SAAS,KAAK,CAAC,CAAC;AAAA,EAC7C;AAAA,EAEA,MAAM,OAAO,WAAmB,MAA8C;AAC5E,UAAM,6BAA6B;AACnC,UAAM,EAAE,YAAY,QAAQ,IAAI,MAAM,eAAe;AACrD,UAAM,MAAM,YAAY,UAAU,SAAS,OAAO,aAAa,SAAS;AAExE,UAAM,WAAW,MAAM,IAAI,KAAK,IAAyB,KAAK,IAAI;AAElE,QAAI,SAAS,WAAW,GAAG;AACzB,YAAM,IAAI;AAAA,QACR,SAAS,WAAW;AAAA,QACpB;AAAA,QACA;AAAA,MACF;AAAA,IACF;AAEA,QAAI,CAAC,SAAS,QAAQ,SAAS,KAAK,WAAW,GAAG;AAChD,YAAM,IAAI,SAAS,6CAA0C,oBAAoB,GAAG;AAAA,IACtF;AAEA,WAAO,cAAc,MAAM,SAAS,KAAK,CAAC,CAAC;AAAA,EAC7C;AAAA,EAEA,MAAM,OAAO,WAAmB,iBAAwC;AACtE,UAAM,6BAA6B;AACnC,UAAM,EAAE,YAAY,QAAQ,IAAI,MAAM,eAAe;AACrD,UAAM,MAAM,YAAY,UAAU,SAAS,OAAO,aAAa,SAAS;AAExE,UAAM,WAAW,MAAM,IAAI,KAAK,OAA4B,KAAK;AAAA,MAC/D,MAAM,KAAK,UAAU,EAAE,oBAAoB,gBAAgB,CAAC;AAAA,IAC9D,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,kBAAkB,IAAI,gBAAgB;","names":[]}

package/dist/modules/projects/types.mjs

@@ -1,4 +1,18 @@
 import { z } from "zod";
+const ProjectSchema = z.object({
+  id: z.union([z.number(), z.string()]).transform(Number),
+  id_wl: z.union([z.number(), z.string()]).transform(Number),
+  id_account: z.union([z.number(), z.string()]).transform(Number),
+  title: z.string(),
+  photo: z.string().nullable().optional(),
+  id_api: z.union([z.number(), z.string()]).nullable().optional(),
+  id_form_integration: z.union([z.number(), z.string()]).nullable().optional(),
+  total_users: z.string().optional(),
+  deleted: z.union([z.boolean(), z.number()]).transform((v) => Boolean(v)).default(false),
+  datetime_add: z.string().nullable().optional(),
+  datetime_alt: z.string().nullable().optional(),
+  datetime_del: z.string().nullable().optional()
+});
 const ProjectUserSchema = z.object({
   id_user: z.union([z.number(), z.string()]).transform(Number),
   id_account: z.union([z.number(), z.string()]).transform(Number),
@@ -18,6 +32,7 @@ const AccountUserSchema = z.object({
 });
 export {
   AccountUserSchema,
+  ProjectSchema,
   ProjectUserSchema
 };
 //# sourceMappingURL=types.mjs.map

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  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":[]}
+{"version":3,"sources":["../../../src/modules/projects/types.ts"],"sourcesContent":["import { z } from \"zod\";\r\n\r\n// ============================================================================\r\n// Project\r\n// ============================================================================\r\n\r\nexport const ProjectSchema = z.object({\r\n  id: z.union([z.number(), z.string()]).transform(Number),\r\n  id_wl: z.union([z.number(), z.string()]).transform(Number),\r\n  id_account: z.union([z.number(), z.string()]).transform(Number),\r\n  title: z.string(),\r\n  photo: z.string().nullable().optional(),\r\n  id_api: z.union([z.number(), z.string()]).nullable().optional(),\r\n  id_form_integration: z.union([z.number(), z.string()]).nullable().optional(),\r\n  total_users: z.string().optional(),\r\n  deleted: z\r\n    .union([z.boolean(), z.number()])\r\n    .transform((v) => Boolean(v))\r\n    .default(false),\r\n  datetime_add: z.string().nullable().optional(),\r\n  datetime_alt: z.string().nullable().optional(),\r\n  datetime_del: z.string().nullable().optional(),\r\n});\r\n\r\nexport type Project = z.infer<typeof ProjectSchema>;\r\n\r\nexport interface ProjectsPage {\r\n  data: Project[];\r\n  total: number;\r\n  page: number;\r\n}\r\n\r\nexport interface CreateProjectRequest {\r\n  title: string;\r\n  photo?: string;\r\n  id_api?: number;\r\n  users?: number[];\r\n}\r\n\r\nexport interface UpdateProjectRequest {\r\n  title: string;\r\n  photo?: string;\r\n}\r\n\r\n// ============================================================================\r\n// Project Users\r\n// ============================================================================\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;AAMX,MAAM,gBAAgB,EAAE,OAAO;AAAA,EACpC,IAAI,EAAE,MAAM,CAAC,EAAE,OAAO,GAAG,EAAE,OAAO,CAAC,CAAC,EAAE,UAAU,MAAM;AAAA,EACtD,OAAO,EAAE,MAAM,CAAC,EAAE,OAAO,GAAG,EAAE,OAAO,CAAC,CAAC,EAAE,UAAU,MAAM;AAAA,EACzD,YAAY,EAAE,MAAM,CAAC,EAAE,OAAO,GAAG,EAAE,OAAO,CAAC,CAAC,EAAE,UAAU,MAAM;AAAA,EAC9D,OAAO,EAAE,OAAO;AAAA,EAChB,OAAO,EAAE,OAAO,EAAE,SAAS,EAAE,SAAS;AAAA,EACtC,QAAQ,EAAE,MAAM,CAAC,EAAE,OAAO,GAAG,EAAE,OAAO,CAAC,CAAC,EAAE,SAAS,EAAE,SAAS;AAAA,EAC9D,qBAAqB,EAAE,MAAM,CAAC,EAAE,OAAO,GAAG,EAAE,OAAO,CAAC,CAAC,EAAE,SAAS,EAAE,SAAS;AAAA,EAC3E,aAAa,EAAE,OAAO,EAAE,SAAS;AAAA,EACjC,SAAS,EACN,MAAM,CAAC,EAAE,QAAQ,GAAG,EAAE,OAAO,CAAC,CAAC,EAC/B,UAAU,CAAC,MAAM,QAAQ,CAAC,CAAC,EAC3B,QAAQ,KAAK;AAAA,EAChB,cAAc,EAAE,OAAO,EAAE,SAAS,EAAE,SAAS;AAAA,EAC7C,cAAc,EAAE,OAAO,EAAE,SAAS,EAAE,SAAS;AAAA,EAC7C,cAAc,EAAE,OAAO,EAAE,SAAS,EAAE,SAAS;AAC/C,CAAC;AA0BM,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/dist/server.mjs

@@ -25,6 +25,11 @@ import { createCardAction } from "./modules/cards/actions/create-card.action";
 import { resolvePlanExtrasPrices } from "./modules/subscriptions/utils/resolve-plan-extras-prices";
 import { hasSubscriptionExpired } from "./modules/subscriptions/utils/has-subscription-expired";
 import { listIaCreditsAction } from "./modules/ia-credits/actions/list-ia-credits.action";
+import { projectsService } from "./modules/projects/services/projects.service";
+import { listProjectsAction } from "./modules/projects/actions/list-projects.action";
+import { createProjectAction } from "./modules/projects/actions/create-project.action";
+import { updateProjectAction } from "./modules/projects/actions/update-project.action";
+import { deleteProjectAction } from "./modules/projects/actions/delete-project.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";
@@ -76,8 +81,10 @@ export {
   confirmTwoFactorAction,
   createAccountUserAction,
   createCardAction,
+  createProjectAction,
   deleteAccountAction,
   deleteAccountUserAction,
+  deleteProjectAction,
   disableTwoFactorAction,
   findCurrentAccount,
   findPlanByIdAction,
@@ -94,11 +101,13 @@ export {
   listIaCreditsAction,
   listPlansAction,
   listProjectUsersAction,
+  listProjectsAction,
   listSubscriptionsAction,
   plansService,
   processImage,
   processImageAction,
   projectUsersService,
+  projectsService,
   removeProjectUserAction,
   requestEmailChangeAction,
   requestPhoneChangeAction,
@@ -109,6 +118,7 @@ export {
   twoFactorService,
   updateAccountAction,
   updateAccountUserByIdAction,
+  updateProjectAction,
   updateSubscriptionPlanAction,
   updateUserAction,
   validateSessionAction,

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 { revalidateWhitelabelAction } from './modules/whitelabel/actions/revalidate-whitelabel.action';\r\nexport { assertManagementPermission } from './modules/auth/utils/assert-management-permission';\r\nexport { assertManagementSubscription } from './modules/auth/utils/assert-management-subscription';\r\nexport { assertSubscriptionAddon } from './modules/auth/utils/assert-subscription-addon';\r\nexport { assertPaidSubscription } from './modules/auth/utils/assert-paid-subscription';\r\nexport { subscriptionsService } from './modules/subscriptions/services/subscriptions.service';\r\nexport { plansService } from './modules/plans/services/plans.service';\r\nexport { cardsService } from './modules/cards/services/cards.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 { findUserById } from './modules/users/action/find-user-by-id.action';\r\nexport { findCurrentAccount } from './modules/accounts/actions/find-current-account.action';\r\nexport { listSubscriptionsAction } from './modules/subscriptions/actions/list-subscriptions.action';\r\nexport { findPlanByIdAction } from './modules/plans/actions/find-plan-by-id.action';\r\nexport { listPlansAction } from './modules/plans/actions/list-plans.action';\r\nexport { calculateSubscriptionAction } from './modules/subscriptions/actions/calculate-subscription.action';\r\nexport { updateSubscriptionPlanAction } from './modules/subscriptions/actions/update-subscription-plan.action';\r\nexport { listCardsAction } from './modules/cards/actions/list-cards.action';\r\nexport { createCardAction } from './modules/cards/actions/create-card.action';\r\nexport { resolvePlanExtrasPrices } from './modules/subscriptions/utils/resolve-plan-extras-prices';\r\nexport { hasSubscriptionExpired } from './modules/subscriptions/utils/has-subscription-expired';\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\nexport { buildWlOverride, buildWlOverrideFromJwt } from './modules/auth/utils/build-wl-override';\r\nexport { safeServerAction } from './utils/safeServerAction';\r\n\r\n// Image Processing (server-side)\r\nexport { processImageAction } from './modules/images/actions/process-image.action';\r\nexport { processImage } from './modules/images/services/image-processing.service';\r\nexport type {\r\n  ProcessImageInput,\r\n  ProcessImageOutput,\r\n  ProcessImageActionInput,\r\n  ProcessImageActionOutput,\r\n} from './modules/images/types/image.type';\r\n"],"mappings":"AAAA,OAAO;AAGP,SAAS,WAAW,KAAK,iBAAiB;AAG1C,SAAS,mBAAmB;AAC5B,SAAS,yBAAyB;AAClC,SAAS,kCAAkC;AAC3C,SAAS,kCAAkC;AAC3C,SAAS,oCAAoC;AAC7C,SAAS,+BAA+B;AACxC,SAAS,8BAA8B;AACvC,SAAS,4BAA4B;AACrC,SAAS,oBAAoB;AAC7B,SAAS,oBAAoB;AAC7B,SAAS,wBAAwB;AAGjC,SAAS,sBAAsB;AAC/B,SAAS,6BAA6B;AACtC,SAAS,oBAAoB;AAC7B,SAAS,0BAA0B;AACnC,SAAS,+BAA+B;AACxC,SAAS,0BAA0B;AACnC,SAAS,uBAAuB;AAChC,SAAS,mCAAmC;AAC5C,SAAS,oCAAoC;AAC7C,SAAS,uBAAuB;AAChC,SAAS,wBAAwB;AACjC,SAAS,+BAA+B;AACxC,SAAS,8BAA8B;AACvC,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;AAC/B,SAAS,iBAAiB,8BAA8B;AACxD,SAAS,wBAAwB;AAGjC,SAAS,0BAA0B;AACnC,SAAS,oBAAoB;","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 { revalidateWhitelabelAction } from './modules/whitelabel/actions/revalidate-whitelabel.action';\r\nexport { assertManagementPermission } from './modules/auth/utils/assert-management-permission';\r\nexport { assertManagementSubscription } from './modules/auth/utils/assert-management-subscription';\r\nexport { assertSubscriptionAddon } from './modules/auth/utils/assert-subscription-addon';\r\nexport { assertPaidSubscription } from './modules/auth/utils/assert-paid-subscription';\r\nexport { subscriptionsService } from './modules/subscriptions/services/subscriptions.service';\r\nexport { plansService } from './modules/plans/services/plans.service';\r\nexport { cardsService } from './modules/cards/services/cards.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 { findUserById } from './modules/users/action/find-user-by-id.action';\r\nexport { findCurrentAccount } from './modules/accounts/actions/find-current-account.action';\r\nexport { listSubscriptionsAction } from './modules/subscriptions/actions/list-subscriptions.action';\r\nexport { findPlanByIdAction } from './modules/plans/actions/find-plan-by-id.action';\r\nexport { listPlansAction } from './modules/plans/actions/list-plans.action';\r\nexport { calculateSubscriptionAction } from './modules/subscriptions/actions/calculate-subscription.action';\r\nexport { updateSubscriptionPlanAction } from './modules/subscriptions/actions/update-subscription-plan.action';\r\nexport { listCardsAction } from './modules/cards/actions/list-cards.action';\r\nexport { createCardAction } from './modules/cards/actions/create-card.action';\r\nexport { resolvePlanExtrasPrices } from './modules/subscriptions/utils/resolve-plan-extras-prices';\r\nexport { hasSubscriptionExpired } from './modules/subscriptions/utils/has-subscription-expired';\r\nexport { listIaCreditsAction } from './modules/ia-credits/actions/list-ia-credits.action';\r\n\r\n// Project Services & Actions (server-only)\r\nexport { projectsService } from './modules/projects/services/projects.service';\r\nexport { listProjectsAction } from './modules/projects/actions/list-projects.action';\r\nexport { createProjectAction } from './modules/projects/actions/create-project.action';\r\nexport { updateProjectAction } from './modules/projects/actions/update-project.action';\r\nexport { deleteProjectAction } from './modules/projects/actions/delete-project.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\nexport { buildWlOverride, buildWlOverrideFromJwt } from './modules/auth/utils/build-wl-override';\r\nexport { safeServerAction } from './utils/safeServerAction';\r\n\r\n// Image Processing (server-side)\r\nexport { processImageAction } from './modules/images/actions/process-image.action';\r\nexport { processImage } from './modules/images/services/image-processing.service';\r\nexport type {\r\n  ProcessImageInput,\r\n  ProcessImageOutput,\r\n  ProcessImageActionInput,\r\n  ProcessImageActionOutput,\r\n} from './modules/images/types/image.type';\r\n"],"mappings":"AAAA,OAAO;AAGP,SAAS,WAAW,KAAK,iBAAiB;AAG1C,SAAS,mBAAmB;AAC5B,SAAS,yBAAyB;AAClC,SAAS,kCAAkC;AAC3C,SAAS,kCAAkC;AAC3C,SAAS,oCAAoC;AAC7C,SAAS,+BAA+B;AACxC,SAAS,8BAA8B;AACvC,SAAS,4BAA4B;AACrC,SAAS,oBAAoB;AAC7B,SAAS,oBAAoB;AAC7B,SAAS,wBAAwB;AAGjC,SAAS,sBAAsB;AAC/B,SAAS,6BAA6B;AACtC,SAAS,oBAAoB;AAC7B,SAAS,0BAA0B;AACnC,SAAS,+BAA+B;AACxC,SAAS,0BAA0B;AACnC,SAAS,uBAAuB;AAChC,SAAS,mCAAmC;AAC5C,SAAS,oCAAoC;AAC7C,SAAS,uBAAuB;AAChC,SAAS,wBAAwB;AACjC,SAAS,+BAA+B;AACxC,SAAS,8BAA8B;AACvC,SAAS,2BAA2B;AAGpC,SAAS,uBAAuB;AAChC,SAAS,0BAA0B;AACnC,SAAS,2BAA2B;AACpC,SAAS,2BAA2B;AACpC,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;AAC/B,SAAS,iBAAiB,8BAA8B;AACxD,SAAS,wBAAwB;AAGjC,SAAS,0BAA0B;AACnC,SAAS,oBAAoB;","names":[]}

package/package.json

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

package/src/components/navigation/ProjectSelectorPopover.tsx

@@ -14,20 +14,19 @@ import {
   UserAvatar,
 } from '../../index';
 import { IconCheck, IconChevronDown, IconFolderOpen } from '@tabler/icons-react';
-import type { NavigationProject } from './types';
+import type { Project } from '../../modules/projects/types';
 
-interface ProjectSelectorPopoverProps {
+export interface ProjectSelectorPopoverProps {
   open: boolean;
   setOpen: Dispatch<SetStateAction<boolean>>;
   titleRef?: RefObject<HTMLSpanElement | null>;
-  projects: NavigationProject[];
-  selectedProject: NavigationProject | null;
+  projects: Project[];
+  selectedProject: Project | null;
   isLoading?: boolean;
   isFetchingNextPage?: boolean;
   hasNextPage?: boolean;
   onLoadMore?: () => void | Promise<unknown>;
-  onSelectProject: (project: NavigationProject) => void;
-  onAddProject?: () => void;
+  onSelectProject: (project: Project) => void;
   onManageProjects?: () => void;
   children?: React.ReactNode;
 }
@@ -55,7 +54,6 @@ export function ProjectSelectorPopover({
   hasNextPage,
   onLoadMore,
   onSelectProject,
-  onAddProject,
   onManageProjects,
   children,
 }: ProjectSelectorPopoverProps) {

package/src/components/navigation/subcomponents/ProjectSelector.tsx

@@ -1,21 +1,17 @@
 'use client';
 
-import { useState, useRef, useEffect, RefObject } from 'react';
+import { useState, useRef, useEffect, useMemo, RefObject } from 'react';
 import { useMobileNavbarSheet } from '../../../store/useMobileNavbarSheet';
 import { useAppNavigationContext } from '../AppNavigationContext';
 import { ProjectSelectorPopover } from '../ProjectSelectorPopover';
 import { cn, Command, CommandEmpty, CommandInput, CommandItem, CommandList, UserAvatar, useWhitelabel } from '../../../index';
+import { useInfiniteProjects } from '../../../modules/projects/hooks/list-infinite-projects.hook';
 import { IconChevronDown } from '@tabler/icons-react';
-import type { NavigationProject } from '../types';
+import type { Project } from '../../../modules/projects/types';
 
 export interface ProjectSelectorProps {
-  projects: NavigationProject[];
-  selectedProject: NavigationProject | null;
-  isLoading?: boolean;
-  isFetchingNextPage?: boolean;
-  hasNextPage?: boolean;
-  onLoadMore?: () => void | Promise<unknown>;
-  onSelectProject: (project: NavigationProject) => void;
+  selectedProject: Project | null;
+  onSelectProject: (project: Project) => void;
   onAddProject?: () => void;
   onManageProjects?: () => void;
 }
@@ -30,14 +26,8 @@ function ProjectItemSkeleton() {
 }
 
 export function ProjectSelector({
-  projects,
   selectedProject,
-  isLoading,
-  isFetchingNextPage,
-  hasNextPage,
-  onLoadMore,
   onSelectProject,
-  onAddProject,
   onManageProjects,
 }: ProjectSelectorProps) {
   const { whitelabel } = useWhitelabel();
@@ -47,6 +37,12 @@ export function ProjectSelector({
   const titleRef = useRef<HTMLDivElement>(null);
   const { openProjectList, clearProjectList } = useMobileNavbarSheet();
 
+  const { data, isLoading, isFetchingNextPage, hasNextPage, fetchNextPage } = useInfiniteProjects({
+    sort: 'title',
+    limit: 100,
+  });
+  const projects = useMemo(() => data?.pages.flatMap((page) => page.data) ?? [], [data]);
+
   useEffect(() => {
     if (openProjectList && breakpoint === 'mobile') {
       setActiveSection('projects');
@@ -70,9 +66,8 @@ export function ProjectSelector({
             isLoading={isLoading}
             isFetchingNextPage={isFetchingNextPage}
             hasNextPage={hasNextPage}
-            onLoadMore={onLoadMore}
+            onLoadMore={() => fetchNextPage()}
             onSelectProject={onSelectProject}
-            onAddProject={onAddProject}
             onManageProjects={onManageProjects}
           >
             <div className="flex items-center gap-2 truncate select-none cursor-pointer" ref={titleRef}>
@@ -121,13 +116,13 @@ export function ProjectSelector({
             <CommandList
               className="custom-scrollbar paragraph-small-medium text-gray-600 h-[227px]"
               onScroll={(event) => {
-                if (!hasNextPage || isFetchingNextPage || !onLoadMore) return;
+                if (!hasNextPage || isFetchingNextPage || !fetchNextPage) return;
 
                 const target = event.currentTarget;
                 const distanceToBottom = target.scrollHeight - target.scrollTop - target.clientHeight;
 
                 if (distanceToBottom <= 80) {
-                  onLoadMore();
+                  fetchNextPage();
                 }
               }}
             >

package/src/index.ts

@@ -26,13 +26,31 @@ export {
   LIST_ALL_ACCOUNT_USERS_QUERY_KEY,
   LIST_ALL_ACCOUNT_USERS_BASE_KEY,
 } from "./modules/projects/hooks/list-all-account-users.hook";
+export {
+  useProjects,
+  PROJECTS_BASE_KEY,
+  PROJECTS_QUERY_KEY,
+} from "./modules/projects/hooks/list-projects.hook";
+export {
+  useInfiniteProjects,
+  INFINITE_PROJECTS_QUERY_KEY,
+} from "./modules/projects/hooks/list-infinite-projects.hook";
+export { useCreateProject } from "./modules/projects/hooks/create-project.hook";
+export { useUpdateProject } from "./modules/projects/hooks/update-project.hook";
+export { useDeleteProject } from "./modules/projects/hooks/delete-project.hook";
 export type {
+  Project,
+  ProjectsPage,
+  CreateProjectRequest,
+  UpdateProjectRequest,
   ProjectUser,
   AccountUser,
   AddRemoveProjectUsersParams,
   ListUsersParams,
   UsersPage,
 } from "./modules/projects/types";
+export { ProjectSchema } from "./modules/projects/types";
+export type { ListProjectsActionParams } from "./modules/projects/actions/list-projects.action";
 export {
   useUserQuery,
   useUserValidateSession,
@@ -192,7 +210,6 @@ export type { NavBarItemProps } from "./components/layouts/NavBarItem";
 export { AppNavigation } from "./components/navigation/AppNavigation";
 export { CancelledSubscriptionBanner } from "./components/navigation/CancelledSubscriptionBanner";
 export type { NavItemConfig } from "./components/navigation/subcomponents/NavItems";
-export type { NavigationProject } from "./components/navigation/types";
 export { useMobileNavbarSheet } from "./store/useMobileNavbarSheet";
 
 // Auth Query Key Utilities

package/src/modules/projects/actions/create-project.action.ts

@@ -0,0 +1,9 @@
+'use server';
+
+import { safeServerAction } from '../../../utils/safeServerAction';
+import { projectsService } from '../services/projects.service';
+import type { CreateProjectRequest } from '../types';
+
+export async function createProjectAction(data: CreateProjectRequest) {
+  return safeServerAction(() => projectsService.create(data));
+}

package/src/modules/projects/actions/delete-project.action.ts

@@ -0,0 +1,8 @@
+'use server';
+
+import { safeServerAction } from '../../../utils/safeServerAction';
+import { projectsService } from '../services/projects.service';
+
+export async function deleteProjectAction(projectId: number, moveToProjectId: number) {
+  return safeServerAction(() => projectsService.delete(projectId, moveToProjectId));
+}

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

@@ -0,0 +1,16 @@
+'use server';
+
+import { safeServerAction } from '../../../utils/safeServerAction';
+import { projectsService } from '../services/projects.service';
+
+export interface ListProjectsActionParams {
+  page?: number;
+  limit?: number;
+  sort?: string;
+  search?: string;
+  deleted?: number;
+}
+
+export async function listProjectsAction(params?: ListProjectsActionParams) {
+  return safeServerAction(() => projectsService.list(params));
+}

package/src/modules/projects/actions/update-project.action.ts

@@ -0,0 +1,9 @@
+'use server';
+
+import { safeServerAction } from '../../../utils/safeServerAction';
+import { projectsService } from '../services/projects.service';
+import type { UpdateProjectRequest } from '../types';
+
+export async function updateProjectAction(projectId: number, data: UpdateProjectRequest) {
+  return safeServerAction(() => projectsService.update(projectId, data));
+}

package/src/modules/projects/hooks/create-project.hook.ts

@@ -0,0 +1,45 @@
+'use client';
+
+import { useMutation, useQueryClient, InfiniteData } from '@tanstack/react-query';
+import { createProjectAction } from '../actions/create-project.action';
+import { withAction } from '../../../utils/withAction';
+import { useAuthQueryKey } from '../../../hooks/useAuthQueryKey';
+import { PROJECTS_QUERY_KEY } from './list-projects.hook';
+import { INFINITE_PROJECTS_QUERY_KEY } from './list-infinite-projects.hook';
+import type { CreateProjectRequest, Project, ProjectsPage } from '../types';
+
+export function useCreateProject() {
+  const queryClient = useQueryClient();
+  const infiniteKey = useAuthQueryKey([...INFINITE_PROJECTS_QUERY_KEY()]);
+  const listKey = useAuthQueryKey([...PROJECTS_QUERY_KEY()]);
+
+  return useMutation({
+    mutationFn: (data: CreateProjectRequest) =>
+      withAction(createProjectAction)(data),
+
+    onSuccess: (newProject: Project) => {
+      queryClient.setQueriesData<InfiniteData<ProjectsPage>>(
+        { queryKey: infiniteKey, exact: false },
+        (old) => {
+          if (!old?.pages.length) return old;
+          return {
+            ...old,
+            pages: old.pages.map((page, i) =>
+              i === 0
+                ? { ...page, data: [newProject, ...page.data], total: page.total + 1 }
+                : page
+            ),
+          };
+        },
+      );
+
+      queryClient.setQueriesData<ProjectsPage>(
+        { queryKey: listKey, exact: false },
+        (old) => {
+          if (!old) return old;
+          return { ...old, data: [newProject, ...old.data], total: old.total + 1 };
+        },
+      );
+    },
+  });
+}

package/src/modules/projects/hooks/delete-project.hook.ts

@@ -0,0 +1,49 @@
+'use client';
+
+import { useMutation, useQueryClient, InfiniteData } from '@tanstack/react-query';
+import { deleteProjectAction } from '../actions/delete-project.action';
+import { withAction } from '../../../utils/withAction';
+import { useAuthQueryKey } from '../../../hooks/useAuthQueryKey';
+import { PROJECTS_QUERY_KEY } from './list-projects.hook';
+import { INFINITE_PROJECTS_QUERY_KEY } from './list-infinite-projects.hook';
+import type { ProjectsPage } from '../types';
+
+export function useDeleteProject() {
+  const queryClient = useQueryClient();
+  const infiniteKey = useAuthQueryKey([...INFINITE_PROJECTS_QUERY_KEY()]);
+  const listKey = useAuthQueryKey([...PROJECTS_QUERY_KEY()]);
+
+  return useMutation({
+    mutationFn: ({ projectId, moveToProjectId }: { projectId: number; moveToProjectId: number }) =>
+      withAction(deleteProjectAction)(projectId, moveToProjectId),
+
+    onSuccess: (_, { projectId }) => {
+      queryClient.setQueriesData<InfiniteData<ProjectsPage>>(
+        { queryKey: infiniteKey, exact: false },
+        (old) => {
+          if (!old?.pages.length) return old;
+          return {
+            ...old,
+            pages: old.pages.map((page) => ({
+              ...page,
+              data: page.data.filter((p) => p.id !== projectId),
+              total: page.total - 1,
+            })),
+          };
+        },
+      );
+
+      queryClient.setQueriesData<ProjectsPage>(
+        { queryKey: listKey, exact: false },
+        (old) => {
+          if (!old) return old;
+          return {
+            ...old,
+            data: old.data.filter((p) => p.id !== projectId),
+            total: old.total - 1,
+          };
+        },
+      );
+    },
+  });
+}

package/src/modules/projects/hooks/list-infinite-projects.hook.ts

@@ -0,0 +1,42 @@
+"use client";
+
+import { useInfiniteQuery } from "@tanstack/react-query";
+import { listProjectsAction } from "../actions/list-projects.action";
+import type { ListProjectsActionParams } from "../actions/list-projects.action";
+import { withAction } from "../../../utils/withAction";
+import { useAuthQueryKey } from "../../../hooks/useAuthQueryKey";
+import { PROJECTS_BASE_KEY } from "./list-projects.hook";
+
+const PAGE_SIZE = 20;
+
+export const INFINITE_PROJECTS_QUERY_KEY = (
+  params?: Omit<ListProjectsActionParams, "page">,
+) => [...PROJECTS_BASE_KEY, "infinite", params] as const;
+
+export function useInfiniteProjects({
+  limit = PAGE_SIZE,
+  ...params
+}: Omit<ListProjectsActionParams, "page">) {
+  const queryKey = useAuthQueryKey([...INFINITE_PROJECTS_QUERY_KEY(params)]);
+
+  return useInfiniteQuery({
+    queryKey,
+    queryFn: ({ pageParam }) =>
+      withAction(() =>
+        listProjectsAction({
+          ...params,
+          page: pageParam as number,
+          limit: PAGE_SIZE,
+        }),
+      )(),
+    initialPageParam: 1,
+    getNextPageParam: (lastPage, allPages) => {
+      const loaded = allPages.reduce((sum, p) => sum + p.data.length, 0);
+      return loaded < lastPage.total ? allPages.length + 1 : undefined;
+    },
+    staleTime: 30_000,
+    refetchOnMount: true,
+    refetchOnWindowFocus: true,
+    refetchOnReconnect: true,
+  });
+}