@greatapps/common 1.1.492 → 1.1.495

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,21 @@
+'use client';
+
+import { useMutation, useQueryClient } from '@tanstack/react-query';
+import { createProjectAction } from '../actions/create-project.action';
+import { withAction } from '../../../utils/withAction';
+import { useAuthQueryKey } from '../../../hooks/useAuthQueryKey';
+import { PROJECTS_BASE_KEY } from './list-projects.hook';
+import type { CreateProjectRequest } from '../types';
+
+export function useCreateProject() {
+  const queryClient = useQueryClient();
+  const projectsKey = useAuthQueryKey([...PROJECTS_BASE_KEY]);
+
+  return useMutation({
+    mutationFn: (data: CreateProjectRequest) =>
+      withAction(createProjectAction)(data),
+    onSuccess: () => {
+      queryClient.invalidateQueries({ queryKey: projectsKey });
+    },
+  });
+}

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

@@ -0,0 +1,20 @@
+'use client';
+
+import { useMutation, useQueryClient } from '@tanstack/react-query';
+import { deleteProjectAction } from '../actions/delete-project.action';
+import { withAction } from '../../../utils/withAction';
+import { useAuthQueryKey } from '../../../hooks/useAuthQueryKey';
+import { PROJECTS_BASE_KEY } from './list-projects.hook';
+
+export function useDeleteProject() {
+  const queryClient = useQueryClient();
+  const projectsKey = useAuthQueryKey([...PROJECTS_BASE_KEY]);
+
+  return useMutation({
+    mutationFn: ({ projectId, moveToProjectId }: { projectId: number; moveToProjectId: number }) =>
+      withAction(deleteProjectAction)(projectId, moveToProjectId),
+    onSuccess: () => {
+      queryClient.invalidateQueries({ queryKey: projectsKey });
+    },
+  });
+}

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,
+  });
+}

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

@@ -0,0 +1,23 @@
+'use client';
+
+import { useQuery, keepPreviousData } 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';
+
+export const PROJECTS_BASE_KEY = ['projects'] as const;
+
+export const PROJECTS_QUERY_KEY = (params?: ListProjectsActionParams) =>
+  [...PROJECTS_BASE_KEY, params] as const;
+
+export function useProjects(params?: ListProjectsActionParams) {
+  const queryKey = useAuthQueryKey([...PROJECTS_QUERY_KEY(params)]);
+
+  return useQuery({
+    queryKey,
+    queryFn: withAction(() => listProjectsAction(params)),
+    staleTime: 30_000,
+    placeholderData: keepPreviousData,
+  });
+}

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

@@ -0,0 +1,21 @@
+'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';
+import type { UpdateProjectRequest } from '../types';
+
+export function useUpdateProject() {
+  const queryClient = useQueryClient();
+  const projectsKey = useAuthQueryKey([...PROJECTS_BASE_KEY]);
+
+  return useMutation({
+    mutationFn: ({ projectId, data }: { projectId: number; data: UpdateProjectRequest }) =>
+      withAction(updateProjectAction)(projectId, data),
+    onSuccess: () => {
+      queryClient.invalidateQueries({ queryKey: projectsKey });
+    },
+  });
+}

package/src/modules/projects/services/projects.service.ts

@@ -0,0 +1,123 @@
+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 {
+  Project,
+  ProjectSchema,
+  ProjectsPage,
+  CreateProjectRequest,
+  UpdateProjectRequest,
+} from '../types';
+
+interface ApiListResponse<T> {
+  data: T[];
+  total: number;
+  status: number;
+  message?: string;
+}
+
+interface ApiMutationResponse {
+  status: number;
+  message?: string;
+  data?: Project[];
+}
+
+interface ListProjectsParams {
+  page?: number;
+  limit?: number;
+  sort?: string;
+  search?: string;
+  deleted?: number;
+}
+
+class ProjectsService {
+  async list(params: ListProjectsParams = {}): Promise<ProjectsPage> {
+    const { id_account, id_user } = await getUserContext();
+    const query = buildQueryParams(params as Record<string, string | number | boolean | undefined>);
+    const url = `/account/${id_account}/user/${id_user}/projects${query ? `?${query}` : ''}`;
+
+    const response = await api.apps.get<ApiListResponse<Project>>(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: CreateProjectRequest): Promise<Project> {
+    await assertManagementSubscription();
+    const { id_account, id_user } = await getUserContext();
+    const url = `/account/${id_account}/user/${id_user}/projects`;
+
+    const response = await api.apps.post<ApiMutationResponse>(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álida ao criar projeto', 'INVALID_RESPONSE', 500);
+    }
+
+    return ProjectSchema.parse(response.data[0]);
+  }
+
+  async update(projectId: number, data: UpdateProjectRequest): Promise<Project> {
+    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<ApiMutationResponse>(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álida ao atualizar projeto', 'INVALID_RESPONSE', 500);
+    }
+
+    return ProjectSchema.parse(response.data[0]);
+  }
+
+  async delete(projectId: number, moveToProjectId: number): Promise<void> {
+    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<ApiMutationResponse>(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
+      );
+    }
+  }
+}
+
+export const projectsService = new ProjectsService();

package/src/modules/projects/types.ts

@@ -1,5 +1,51 @@
 import { z } from "zod";
 
+// ============================================================================
+// Project
+// ============================================================================
+
+export 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(),
+});
+
+export type Project = z.infer<typeof ProjectSchema>;
+
+export interface ProjectsPage {
+  data: Project[];
+  total: number;
+  page: number;
+}
+
+export interface CreateProjectRequest {
+  title: string;
+  photo?: string;
+  id_api?: number;
+  users?: number[];
+}
+
+export interface UpdateProjectRequest {
+  title: string;
+  photo?: string;
+}
+
+// ============================================================================
+// Project Users
+// ============================================================================
+
 export const ProjectUserSchema = z.object({
   id_user: z.union([z.number(), z.string()]).transform(Number),
   id_account: z.union([z.number(), z.string()]).transform(Number),

package/src/server.ts

@@ -32,6 +32,13 @@ export { resolvePlanExtrasPrices } from './modules/subscriptions/utils/resolve-p
 export { hasSubscriptionExpired } from './modules/subscriptions/utils/has-subscription-expired';
 export { listIaCreditsAction } from './modules/ia-credits/actions/list-ia-credits.action';
 
+// Project Services & Actions (server-only)
+export { projectsService } from './modules/projects/services/projects.service';
+export { listProjectsAction } from './modules/projects/actions/list-projects.action';
+export { createProjectAction } from './modules/projects/actions/create-project.action';
+export { updateProjectAction } from './modules/projects/actions/update-project.action';
+export { deleteProjectAction } from './modules/projects/actions/delete-project.action';
+
 // Project Users Services & Actions (server-only)
 export { projectUsersService } from './modules/projects/services/project-users.service';
 export { listProjectUsersAction } from './modules/projects/actions/list-project-users.action';

package/dist/components/navigation/types.mjs

@@ -1 +0,0 @@
-//# sourceMappingURL=types.mjs.map

package/dist/components/navigation/types.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/src/components/navigation/types.ts

@@ -1,6 +0,0 @@
-export interface NavigationProject {
-  id: number;
-  title: string;
-  photo?: string | null;
-  total_users?: string;
-}