joelson
/
Portalweb
1
0
Fork 0
Code Issues Pull Requests Packages Projects 1 Releases Wiki Activity

Compare commits

base: joelson:2e940404818d14a6d28acb4c5e1ecd972ae0b9ba
Branches Tags
joelson:master
joelson:feature/mark-filter
...
compare: joelson:8b0401a6a7b4a4e7291a324d63f443eb2a80865d
Branches Tags
joelson:feature/mark-filter
joelson:master

8 Commits
2e94040481 ... 8b0401a6a7

Author SHA1 Message Date
JuruSysadmin 8b0401a6a7 Merge branch 'feature/searchbar-drawer-redesign' 2026-01-15 16:46:07 -03:00
JuruSysadmin b0c8d6c938 Merge remote-tracking branch 'origin/feature/ddd-profile-refactoring' 2026-01-15 16:45:42 -03:00
JuruSysadmin 5558ca6a0d feat: redesign searchbar with drawer lateral for better scalability 2026-01-15 16:44:15 -03:00
JuruSysadmin 2b750ed1a3 merge product filter changes 2026-01-15 16:40:43 -03:00
JuruSysadmin 58463fe548 feat: implement product filter in orders search 2026-01-15 16:34:23 -03:00
JuruSysadmin 275cbfd29c feat: implement partner filter in orders search 2026-01-15 16:19:49 -03:00
JuruSysadmin c66bc9620b feat: Implement user authentication initialization and profile management with a Colaborador domain entity. 2026-01-15 15:49:23 -03:00
JuruSysadmin e19798e582 refactor(profile): aplicar DDD com Intent-Revealing Names e Linguagem Ubíqua 
- Renomear métodos e propriedades para português (Linguagem Ubíqua)
- Aplicar Intent-Revealing Names na entidade Colaborador
- Corrigir mapToSafeProfile para suportar nomes da entidade DDD
- Remover comentários redundantes (nomes auto-explicativos)

Arquivos modificados:
- Colaborador.ts: fromDto → criarAPartirDoDto, ehRCA → ehRepresentanteComercial
- profile.service.ts: getMe → obterColaboradorAtual
- ProfilePage.tsx: atualizar referências aos novos nomes
- mappers.ts: suportar ambos formatos (entidade e DTO)
 2026-01-15 15:25:31 -03:00
27 changed files with 704 additions and 1143 deletions
Show Stats Expand all files Collapse all files

64
src/features/dashboard/header/AppLinks.tsx
View File

@ -1,64 +0,0 @@
import { Avatar, Box, Typography, Grid, Stack } from '@mui/material';
import * as dropdownData from './data';
import Link from 'next/link';
import React from 'react';
const AppLinks = () => {
return (
<Grid container spacing={3} mb={4}>
{dropdownData.appsLink.map((links) => (
<Grid size={{ lg: 6 }} key={links.title}>
<Link href={links.href} className="hover-text-primary">
<Stack direction="row" spacing={2}>
<Box
minWidth="45px"
height="45px"
bgcolor="grey.100"
display="flex"
alignItems="center"
justifyContent="center"
>
<Avatar
src={links.avatar}
alt={links.avatar}
sx={{
width: 24,
height: 24,
borderRadius: 0,
}}
/>
</Box>
<Box>
<Typography
variant="subtitle2"
fontWeight={600}
color="textPrimary"
noWrap
className="text-hover"
sx={{
width: '240px',
}}
>
{links.title}
</Typography>
<Typography
color="textSecondary"
variant="subtitle2"
fontSize="12px"
sx={{
width: '240px',
}}
noWrap
>
{links.subtext}
</Typography>
</Box>
</Stack>
</Link>
</Grid>
))}
</Grid>
);
};
export default AppLinks;

15
src/features/dashboard/header/Header.tsx
View File

@ -12,11 +12,8 @@ import DarkModeIcon from '@mui/icons-material/DarkMode';
import LightModeIcon from '@mui/icons-material/LightMode'; import LightModeIcon from '@mui/icons-material/LightMode';
import { useCustomizerStore } from '../store/useCustomizerStore'; import { useCustomizerStore } from '../store/useCustomizerStore';
import Notifications from './Notification';
import Profile from './Profile'; import Profile from './Profile';
import Search from './Search'; import Search from './Search';
import Navigation from './Navigation';
import MobileRightSidebar from './MobileRightSidebar';
const AppBarStyled = styled(AppBar)(({ theme }) => ({ const AppBarStyled = styled(AppBar)(({ theme }) => ({
boxShadow: 'none', boxShadow: 'none',
@ -33,7 +30,6 @@ const ToolbarStyled = styled(Toolbar)(({ theme }) => ({
const Header = () => { const Header = () => {
const lgUp = useMediaQuery((theme: Theme) => theme.breakpoints.up('lg')); const lgUp = useMediaQuery((theme: Theme) => theme.breakpoints.up('lg'));
const lgDown = useMediaQuery((theme: Theme) => theme.breakpoints.down('lg'));
const { const {
activeMode, activeMode,
@ -51,7 +47,7 @@ const Header = () => {
<AppBarStyled position="sticky" color="default"> <AppBarStyled position="sticky" color="default">
<ToolbarStyled> <ToolbarStyled>
{/* ------------------------------------------- */} {/* ------------------------------------------- */}
{/* Toggle Button Sidebar (Fluxo 2) */} {/* Toggle Button Sidebar */}
{/* ------------------------------------------- */} {/* ------------------------------------------- */}
<IconButton <IconButton
color="inherit" color="inherit"
@ -62,10 +58,9 @@ const Header = () => {
</IconButton> </IconButton>
{/* ------------------------------------------- */} {/* ------------------------------------------- */}
{/* Search & Navigation */} {/* Search */}
{/* ------------------------------------------- */} {/* ------------------------------------------- */}
<Search /> <Search />
{lgUp && <Navigation />}
<Box flexGrow={1} /> <Box flexGrow={1} />
@ -84,12 +79,9 @@ const Header = () => {
{activeMode === 'light' ? <DarkModeIcon /> : <LightModeIcon />} {activeMode === 'light' ? <DarkModeIcon /> : <LightModeIcon />}
</IconButton> </IconButton>
<Notifications />
{/* ------------------------------------------- */} {/* ------------------------------------------- */}
{/* Mobile Right Sidebar & Profile */} {/* Profile */}
{/* ------------------------------------------- */} {/* ------------------------------------------- */}
{lgDown && <MobileRightSidebar />}
<Profile /> <Profile />
</Stack> </Stack>
</ToolbarStyled> </ToolbarStyled>
@ -98,3 +90,4 @@ const Header = () => {
}; };
export default Header; export default Header;

128
src/features/dashboard/header/MobileRightSidebar.tsx
View File

@ -1,128 +0,0 @@
import React, { useState } from 'react';
import {
IconApps,
IconChevronDown,
IconChevronUp,
IconGridDots,
IconMail,
IconMessages,
} from '@tabler/icons-react';
import {
Box,
Typography,
Drawer,
IconButton,
List,
ListItemButton,
ListItemIcon,
ListItemText,
Collapse,
} from '@mui/material';
import Link from 'next/link';
import AppLinks from './AppLinks';
const MobileRightSidebar = () => {
const [showDrawer, setShowDrawer] = useState(false);
const [open, setOpen] = React.useState(true);
const handleClick = () => {
setOpen(!open);
};
const cartContent = (
<Box>
{/* ------------------------------------------- */}
{/* Apps Content */}
{/* ------------------------------------------- */}
<Box px={1}>
<List
sx={{ width: '100%', maxWidth: 360, bgcolor: 'background.paper' }}
component="nav"
aria-labelledby="nested-list-subheader"
>
<ListItemButton component={Link} href="/apps/chats">
<ListItemIcon sx={{ minWidth: 35 }}>
<IconMessages size="21" stroke="1.5" />
</ListItemIcon>
<ListItemText>
<Typography variant="subtitle2" fontWeight={600}>
Chats
</Typography>
</ListItemText>
</ListItemButton>
<ListItemButton component={Link} href="/apps/email">
<ListItemIcon sx={{ minWidth: 35 }}>
<IconMail size="21" stroke="1.5" />
</ListItemIcon>
<ListItemText>
<Typography variant="subtitle2" fontWeight={600}>
Email
</Typography>
</ListItemText>
</ListItemButton>
<ListItemButton onClick={handleClick}>
<ListItemIcon sx={{ minWidth: 35 }}>
<IconApps size="21" stroke="1.5" />
</ListItemIcon>
<ListItemText>
<Typography variant="subtitle2" fontWeight={600}>
Apps
</Typography>
</ListItemText>
{open ? (
<IconChevronDown size="21" stroke="1.5" />
) : (
<IconChevronUp size="21" stroke="1.5" />
)}
</ListItemButton>
<Collapse in={open} timeout="auto" unmountOnExit>
<Box px={4} pt={3} overflow="hidden">
<AppLinks />
</Box>
</Collapse>
</List>
</Box>
<Box px={3} mt={3}></Box>
</Box>
);
return (
<Box>
<IconButton
size="large"
color="inherit"
onClick={() => setShowDrawer(true)}
sx={{
...(showDrawer && {
color: 'primary.main',
}),
}}
>
<IconGridDots size="21" stroke="1.5" />
</IconButton>
{/* ------------------------------------------- */}
{/* Cart Sidebar */}
{/* ------------------------------------------- */}
<Drawer
anchor="right"
open={showDrawer}
onClose={() => setShowDrawer(false)}
PaperProps={{ sx: { width: '300px' } }}
>
<Box p={3} pb={0}>
<Typography variant="h5" fontWeight={600}>
Navigation
</Typography>
</Box>
{/* component */}
{cartContent}
</Drawer>
</Box>
);
};
export default MobileRightSidebar;

135
src/features/dashboard/header/Navigation.tsx
View File

@ -1,135 +0,0 @@
import { useState } from 'react';
import { Box, Menu, Typography, Button, Divider, Grid } from '@mui/material';
import Link from 'next/link';
import { IconChevronDown, IconHelp } from '@tabler/icons-react';
import AppLinks from './AppLinks';
const AppDD = () => {
const [anchorEl2, setAnchorEl2] = useState(null);
const handleClick2 = (event: any) => {
setAnchorEl2(event.currentTarget);
};
const handleClose2 = () => {
setAnchorEl2(null);
};
return (
<>
<Box>
<Button
aria-label="show 11 new notifications"
color="inherit"
variant="text"
aria-controls="msgs-menu"
aria-haspopup="true"
sx={{
bgcolor: anchorEl2 ? 'primary.light' : '',
color: anchorEl2
? 'primary.main'
: (theme) => theme.palette.text.secondary,
fontSize: '13px',
}}
onClick={handleClick2}
endIcon={
<IconChevronDown
size="15"
style={{ marginLeft: '-5px', marginTop: '2px' }}
/>
}
>
Apps
</Button>
{/* ------------------------------------------- */}
{/* Message Dropdown */}
{/* ------------------------------------------- */}
<Menu
id="msgs-menu"
anchorEl={anchorEl2}
keepMounted
open={Boolean(anchorEl2)}
onClose={handleClose2}
anchorOrigin={{ horizontal: 'left', vertical: 'bottom' }}
transformOrigin={{ horizontal: 'left', vertical: 'top' }}
sx={{
'& .MuiMenu-paper': {
width: '850px',
},
'& .MuiMenu-paper ul': {
p: 0,
},
}}
>
<Grid container>
<Grid size={{ sm: 8 }} display="flex">
<Box p={4} pr={0} pb={3}>
<AppLinks />
<Divider />
<Box
sx={{
display: {
xs: 'none',
sm: 'flex',
},
}}
alignItems="center"
justifyContent="space-between"
pt={2}
pr={4}
>
<Link href="/faq">
<Typography
variant="subtitle2"
fontWeight="600"
color="textPrimary"
display="flex"
alignItems="center"
gap="4px"
>
<IconHelp width={24} />
Frequently Asked Questions
</Typography>
</Link>
<Button variant="contained" color="primary">
Check
</Button>
</Box>
</Box>
<Divider orientation="vertical" />
</Grid>
<Grid size={{ sm: 4 }}>
<Box p={4}></Box>
</Grid>
</Grid>
</Menu>
</Box>
<Button
color="inherit"
sx={{
color: (theme) => theme.palette.text.secondary,
fontSize: '13px',
}}
variant="text"
href="/apps/chats"
component={Link}
>
Chat
</Button>
<Button
color="inherit"
sx={{
color: (theme) => theme.palette.text.secondary,
fontSize: '13px',
}}
variant="text"
href="/apps/email"
component={Link}
>
Email
</Button>
</>
);
};
export default AppDD;

132
src/features/dashboard/header/Notification.tsx
View File

@ -1,132 +0,0 @@
import React, { useState } from 'react';
import {
IconButton,
Box,
Badge,
Menu,
MenuItem,
Avatar,
Typography,
Button,
Chip,
} from '@mui/material';
import * as dropdownData from './data';
import { Scrollbar } from '@/shared/components';
import { IconBellRinging } from '@tabler/icons-react';
import { Stack } from '@mui/system';
import Link from 'next/link';
const Notifications = () => {
const [anchorEl2, setAnchorEl2] = useState(null);
const handleClick2 = (event: any) => {
setAnchorEl2(event.currentTarget);
};
const handleClose2 = () => {
setAnchorEl2(null);
};
return (
<Box>
<IconButton
size="large"
aria-label="show 11 new notifications"
color="inherit"
aria-controls="msgs-menu"
aria-haspopup="true"
sx={{
color: anchorEl2 ? 'primary.main' : 'text.secondary',
}}
onClick={handleClick2}
>
<Badge variant="dot" color="primary">
<IconBellRinging size="21" stroke="1.5" />
</Badge>
</IconButton>
{/* ------------------------------------------- */}
{/* Message Dropdown */}
{/* ------------------------------------------- */}
<Menu
id="msgs-menu"
anchorEl={anchorEl2}
keepMounted
open={Boolean(anchorEl2)}
onClose={handleClose2}
anchorOrigin={{ horizontal: 'right', vertical: 'bottom' }}
transformOrigin={{ horizontal: 'right', vertical: 'top' }}
sx={{
'& .MuiMenu-paper': {
width: '360px',
},
}}
>
<Stack
direction="row"
py={2}
px={4}
justifyContent="space-between"
alignItems="center"
>
<Typography variant="h6">Notifications</Typography>
<Chip label="5 new" color="primary" size="small" />
</Stack>
<Scrollbar sx={{ height: '385px' }}>
{dropdownData.notifications.map((notification) => (
<Box key={notification.id}>
<MenuItem sx={{ py: 2, px: 4 }}>
<Stack direction="row" spacing={2}>
<Avatar
src={notification.avatar}
alt={notification.avatar}
sx={{
width: 48,
height: 48,
}}
/>
<Box>
<Typography
variant="subtitle2"
color="textPrimary"
fontWeight={600}
noWrap
sx={{
width: '240px',
}}
>
{notification.title}
</Typography>
<Typography
color="textSecondary"
variant="subtitle2"
sx={{
width: '240px',
}}
noWrap
>
{notification.subtitle}
</Typography>
</Box>
</Stack>
</MenuItem>
</Box>
))}
</Scrollbar>
<Box p={3} pb={1}>
<Button
href="/apps/email"
variant="outlined"
component={Link}
color="primary"
fullWidth
>
See all Notifications
</Button>
</Box>
</Menu>
</Box>
);
};
export default Notifications;

74
src/features/dashboard/header/Profile.tsx
View File

@ -5,11 +5,9 @@ import {
Menu, Menu,
Avatar, Avatar,
Typography, Typography,
Divider,
Button, Button,
IconButton, IconButton,
} from '@mui/material'; } from '@mui/material';
import { IconMail } from '@tabler/icons-react';
import { Stack } from '@mui/system'; import { Stack } from '@mui/system';
import { useAuthStore } from '../../login/store/useAuthStore'; import { useAuthStore } from '../../login/store/useAuthStore';
@ -27,10 +25,18 @@ const Profile = () => {
setAnchorEl2(null); setAnchorEl2(null);
}; };
// Gera as iniciais do nome
const getIniciais = () => {
if (!user?.nome) return user?.userName?.[0]?.toUpperCase() || 'U';
const partes = user.nome.trim().split(' ').filter(Boolean);
if (partes.length === 1) return partes[0][0].toUpperCase();
return (partes[0][0] + partes[partes.length - 1][0]).toUpperCase();
};
return ( return (
<Box> <Box>
<IconButton <IconButton
aria-label="show 11 new notifications" aria-label="menu do perfil"
color="inherit" color="inherit"
aria-controls="msgs-menu" aria-controls="msgs-menu"
aria-haspopup="true" aria-haspopup="true"
@ -48,11 +54,11 @@ const Profile = () => {
bgcolor: 'primary.main', bgcolor: 'primary.main',
}} }}
> >
{user?.nome?.[0] || user?.userName?.[0] || 'U'} {getIniciais()}
</Avatar> </Avatar>
</IconButton> </IconButton>
{/* ------------------------------------------- */} {/* ------------------------------------------- */}
{/* Message Dropdown */} {/* Profile Dropdown */}
{/* ------------------------------------------- */} {/* ------------------------------------------- */}
<Menu <Menu
id="msgs-menu" id="msgs-menu"
@ -64,17 +70,19 @@ const Profile = () => {
transformOrigin={{ horizontal: 'right', vertical: 'top' }} transformOrigin={{ horizontal: 'right', vertical: 'top' }}
sx={{ sx={{
'& .MuiMenu-paper': { '& .MuiMenu-paper': {
width: '360px', width: '320px',
p: 4, p: 3,
}, },
}} }}
> >
<Typography variant="h5">User Profile</Typography> <Typography variant="h6" fontWeight={600}>
<Stack direction="row" py={3} spacing={2} alignItems="center"> Meu Perfil
</Typography>
<Stack direction="row" py={2} spacing={2} alignItems="center">
<Avatar <Avatar
sx={{ width: 95, height: 95, bgcolor: 'primary.main' }} sx={{ width: 64, height: 64, bgcolor: 'primary.main', fontSize: '1.5rem' }}
> >
{user?.nome?.[0] || user?.userName?.[0] || 'U'} {getIniciais()}
</Avatar> </Avatar>
<Box> <Box>
<Typography <Typography
@ -84,34 +92,36 @@ const Profile = () => {
> >
{user?.nome || user?.userName || 'Usuário'} {user?.nome || user?.userName || 'Usuário'}
</Typography> </Typography>
<Typography variant="subtitle2" color="textSecondary"> <Typography variant="body2" color="textSecondary">
{user?.nomeFilial || 'Sem filial'} {user?.nomeFilial || '-'}
</Typography> </Typography>
<Typography <Typography variant="body2" color="textSecondary">
variant="subtitle2" Matrícula: {user?.matricula || '-'}
color="textSecondary"
display="flex"
alignItems="center"
gap={1}
>
<IconMail width={15} height={15} />
{user?.rca ? `RCA: ${user.rca}` : 'Sem e-mail'}
</Typography> </Typography>
</Box> </Box>
</Stack> </Stack>
<Box mt={2}> <Button
<Button variant="outlined"
variant="outlined" color="primary"
color="primary" component={Link}
onClick={logout} href="/dashboard/profile"
fullWidth fullWidth
> sx={{ mb: 1 }}
Sair >
</Button> Ver Perfil Completo
</Box> </Button>
<Button
variant="contained"
color="primary"
onClick={logout}
fullWidth
>
Sair
</Button>
</Menu> </Menu>
</Box> </Box>
); );
}; };
export default Profile; export default Profile;

185
src/features/dashboard/header/data.ts
View File

@ -1,185 +0,0 @@
// Notifications dropdown
interface NotificationType {
id: string;
avatar: string;
title: string;
subtitle: string;
}
const notifications: NotificationType[] = [
{
id: '1',
avatar: '/images/profile/user-2.jpg',
title: 'Roman Joined the Team!',
subtitle: 'Congratulate him',
},
{
id: '2',
avatar: '/images/profile/user-3.jpg',
title: 'New message received',
subtitle: 'Salma sent you new message',
},
{
id: '3',
avatar: '/images/profile/user-4.jpg',
title: 'New Payment received',
subtitle: 'Check your earnings',
},
{
id: '4',
avatar: '/images/profile/user-5.jpg',
title: 'Jolly completed tasks',
subtitle: 'Assign her new tasks',
},
{
id: '5',
avatar: '/images/profile/user-6.jpg',
title: 'Roman Joined the Team!',
subtitle: 'Congratulate him',
},
{
id: '6',
avatar: '/images/profile/user-7.jpg',
title: 'New message received',
subtitle: 'Salma sent you new message',
},
{
id: '7',
avatar: '/images/profile/user-8.jpg',
title: 'New Payment received',
subtitle: 'Check your earnings',
},
{
id: '8',
avatar: '/images/profile/user-9.jpg',
title: 'Jolly completed tasks',
subtitle: 'Assign her new tasks',
},
];
//
// Profile dropdown
//
interface ProfileType {
href: string;
title: string;
subtitle: string;
icon: any;
}
const profile: ProfileType[] = [
{
href: '/dashboard/profile',
title: 'My Profile',
subtitle: 'Account Settings',
icon: '/images/svgs/icon-account.svg',
},
{
href: '/apps/email',
title: 'My Inbox',
subtitle: 'Messages & Emails',
icon: '/images/svgs/icon-inbox.svg',
},
{
href: '/apps/notes',
title: 'My Tasks',
subtitle: 'To-do and Daily Tasks',
icon: '/images/svgs/icon-tasks.svg',
},
];
// apps dropdown
interface AppsLinkType {
href: string;
title: string;
subtext: string;
avatar: string;
}
const appsLink: AppsLinkType[] = [
{
href: '/apps/chats',
title: 'Chat Application',
subtext: 'New messages arrived',
avatar: '/images/svgs/icon-dd-chat.svg',
},
{
href: '/apps/ecommerce/shop',
title: 'eCommerce App',
subtext: 'New stock available',
avatar: '/images/svgs/icon-dd-cart.svg',
},
{
href: '/apps/notes',
title: 'Notes App',
subtext: 'To-do and Daily tasks',
avatar: '/images/svgs/icon-dd-invoice.svg',
},
{
href: '/apps/contacts',
title: 'Contact Application',
subtext: '2 Unsaved Contacts',
avatar: '/images/svgs/icon-dd-mobile.svg',
},
{
href: '/apps/tickets',
title: 'Tickets App',
subtext: 'Submit tickets',
avatar: '/images/svgs/icon-dd-lifebuoy.svg',
},
{
href: '/apps/email',
title: 'Email App',
subtext: 'Get new emails',
avatar: '/images/svgs/icon-dd-message-box.svg',
},
{
href: '/apps/blog/post',
title: 'Blog App',
subtext: 'added new blog',
avatar: '/images/svgs/icon-dd-application.svg',
},
];
interface LinkType {
href: string;
title: string;
}
const pageLinks: LinkType[] = [
{
href: '/theme-pages/pricing',
title: 'Pricing Page',
},
{
href: '/auth/auth1/login',
title: 'Authentication Design',
},
{
href: '/auth/auth1/register',
title: 'Register Now',
},
{
href: '/404',
title: '404 Error Page',
},
{
href: '/apps/note',
title: 'Notes App',
},
{
href: '/apps/user-profile/profile',
title: 'User Application',
},
{
href: '/apps/blog/post',
title: 'Blog Design',
},
{
href: '/apps/ecommerce/checkout',
title: 'Shopping Cart',
},
];
export { notifications, profile, pageLinks, appsLink };

2
src/features/login/components/AuthInitializer.tsx
View File

@ -20,7 +20,7 @@ export function AuthInitializer({ children }: { children: React.ReactNode }) {
try { try {
await loginService.refreshToken(); await loginService.refreshToken();
const profile = await profileService.getMe(); const profile = await profileService.obterColaboradorAtual();
setUser(mapToSafeProfile(profile)); setUser(mapToSafeProfile(profile));
} catch (error) { } catch (error) {
console.warn('Sessão expirada ou inválida', error); console.warn('Sessão expirada ou inválida', error);

22
src/features/login/hooks/useAuth.ts
View File

@ -1,10 +1,11 @@
import { useMutation, useQuery, useQueryClient } from '@tanstack/react-query'; import { useMutation, useQueryClient } from '@tanstack/react-query';
import { useRouter } from 'next/navigation'; import { useRouter } from 'next/navigation';
import { useAuthStore } from '../store/useAuthStore'; import { useAuthStore } from '../store/useAuthStore';
import { loginService } from '../services/login.service'; import { loginService } from '../services/login.service';
import { profileService } from '../../profile/services/profile.service'; import { profileService } from '../../profile/services/profile.service';
import { clearAuthData } from '../utils/tokenRefresh'; import { clearAuthData } from '../utils/tokenRefresh';
import { mapToSafeProfile } from '../utils/mappers'; import { mapToSafeProfile } from '../utils/mappers';
import { COLABORADOR_ATUAL_QUERY_KEY } from '../../profile';
export function useAuth() { export function useAuth() {
const queryClient = useQueryClient(); const queryClient = useQueryClient();
@ -16,11 +17,11 @@ export function useAuth() {
mutationFn: loginService.login, mutationFn: loginService.login,
onSuccess: async () => { onSuccess: async () => {
try { try {
const profile = await profileService.getMe(); const profile = await profileService.obterColaboradorAtual();
const safeProfile = mapToSafeProfile(profile); const safeProfile = mapToSafeProfile(profile);
setUser(safeProfile); setUser(safeProfile);
queryClient.setQueryData(['auth-me'], safeProfile); queryClient.setQueryData(COLABORADOR_ATUAL_QUERY_KEY, profile);
router.push('/dashboard'); router.push('/dashboard');
} catch (error) { } catch (error) {
@ -30,19 +31,6 @@ export function useAuth() {
}, },
}); });
const useMe = () =>
useQuery({
queryKey: ['auth-me'],
queryFn: async () => {
const data = await profileService.getMe();
const safeData = mapToSafeProfile(data);
setUser(safeData);
return safeData;
},
retry: false,
staleTime: Infinity,
});
const logout = async () => { const logout = async () => {
try { try {
await loginService.logout(); await loginService.logout();
@ -54,5 +42,5 @@ export function useAuth() {
} }
}; };
return { loginMutation, useMe, logout }; return { loginMutation, logout };
} }

6
src/features/login/interfaces/types.ts
View File

@ -1,6 +1,6 @@
import { z } from 'zod'; import { z } from 'zod';
import type { ReactNode } from 'react'; import type { ReactNode } from 'react';
import type { UserProfile } from '../../profile/types'; import type { UserProfileDto } from '../../profile/types';
import { import {
loginSchema, loginSchema,
@ -38,9 +38,9 @@ export interface AuthLoginProps {
} }
export interface AuthState { export interface AuthState {
user: UserProfile | null; user: UserProfileDto | null;
isAuthenticated: boolean; isAuthenticated: boolean;
setUser: (user: UserProfile | null) => void; setUser: (user: UserProfileDto | null) => void;
logout: () => void; logout: () => void;
hydrate: () => void; hydrate: () => void;
} }

20
src/features/login/utils/mappers.ts
View File

@ -1,16 +1,22 @@
import { UserProfile } from '../../profile/types'; import { UserProfileDto } from '../../profile/types';
import { Colaborador } from '../../profile/domain/Colaborador';
export const mapToSafeProfile = (data: any): UserProfile => { /**
* Converte Colaborador (entidade) ou objeto raw para UserProfileDto.
* Suporta ambos os formatos de propriedade (entidade DDD e DTO da API).
*/
export const mapToSafeProfile = (data: Colaborador | any): UserProfileDto => {
return { return {
matricula: data.matricula, matricula: data.matricula,
userName: data.userName, userName: data.userName,
nome: data.nome, nome: data.nome,
codigoFilial: data.codigoFilial, codigoFilial: data.codigoFilial,
nomeFilial: data.nomeFilial, nomeFilial: data.nomeFilial,
rca: data.rca, rca: data.codigoRCA ?? data.rca,
discountPercent: data.discountPercent, discountPercent: data.percentualDesconto ?? data._percentualDesconto ?? data.discountPercent,
sectorId: data.sectorId, sectorId: data.codigoSetor ?? data.sectorId,
sectorManagerId: data.sectorManagerId, sectorManagerId: data.sectorManagerId ?? 0,
supervisorId: data.supervisorId, supervisorId: data.codigoSupervisor ?? data.supervisorId,
}; };
}; };

39
src/features/orders/api/order.service.ts
View File

@ -15,6 +15,8 @@ import {
storesResponseSchema, storesResponseSchema,
customersResponseSchema, customersResponseSchema,
sellersResponseSchema, sellersResponseSchema,
partnersResponseSchema,
productsResponseSchema,
unwrapApiData, unwrapApiData,
} from '../schemas/order.schema'; } from '../schemas/order.schema';
import { import {
@ -178,5 +180,42 @@ export const orderService = {
return unwrapApiData(response, cuttingItemResponseSchema, []); return unwrapApiData(response, cuttingItemResponseSchema, []);
}, },
/**
* Busca parceiros por nome/CPF.
* Retorna array vazio se o termo de busca tiver menos de 2 caracteres.
*
* @param {string} filter - O termo de busca (mínimo 2 caracteres)
* @returns {Promise<Array<{id: number, cpf: string, nome: string}>>} Array de parceiros correspondentes
*/
findPartners: async (
filter: string
): Promise<Array<{ id: number; cpf: string; nome: string }>> => {
if (!filter || filter.trim().length < 2) return [];
const response = await ordersApi.get(
`/api/v1/parceiros/${encodeURIComponent(filter)}`
);
return unwrapApiData(response, partnersResponseSchema, []);
},
/**
* Busca produtos por código ou descrição.
* Retorna array vazio se o termo de busca tiver menos de 2 caracteres.
*
* @param {string} term - O termo de busca (mínimo 2 caracteres)
* @returns {Promise<Array<{id: number, description: string}>>} Array de produtos correspondentes
*/
findProducts: async (
term: string
): Promise<Array<{ id: number; description: string }>> => {
if (!term || term.trim().length < 2) return [];
const response = await ordersApi.get(
`/api/v1/data-consult/products/${encodeURIComponent(term)}`
);
return unwrapApiData(response, productsResponseSchema, []);
},
}; };

647
src/features/orders/components/SearchBar.tsx
View File

@ -12,22 +12,28 @@ import {
Autocomplete, Autocomplete,
Paper, Paper,
Tooltip, Tooltip,
Collapse,
CircularProgress, CircularProgress,
Badge, Badge,
Drawer,
IconButton,
Typography,
Divider,
Stack,
type AutocompleteRenderInputParams, type AutocompleteRenderInputParams,
} from '@mui/material'; } from '@mui/material';
import { useStores } from '../store/useStores'; import { useStores } from '../store/useStores';
import { useCustomers } from '../hooks/useCustomers'; import { useCustomers } from '../hooks/useCustomers';
import { useSellers } from '../hooks/useSellers'; import { useSellers } from '../hooks/useSellers';
import { usePartners } from '../hooks/usePartners';
import { useProducts } from '../hooks/useProducts';
import { DatePicker } from '@mui/x-date-pickers/DatePicker'; import { DatePicker } from '@mui/x-date-pickers/DatePicker';
import { LocalizationProvider } from '@mui/x-date-pickers/LocalizationProvider'; import { LocalizationProvider } from '@mui/x-date-pickers/LocalizationProvider';
import { AdapterMoment } from '@mui/x-date-pickers/AdapterMoment'; import { AdapterMoment } from '@mui/x-date-pickers/AdapterMoment';
import { import {
Search as SearchIcon, Search as SearchIcon,
RestartAlt as ResetIcon, RestartAlt as ResetIcon,
ExpandLess as ExpandLessIcon, Tune as TuneIcon,
ExpandMore as ExpandMoreIcon, Close as CloseIcon,
} from '@mui/icons-material'; } from '@mui/icons-material';
import moment from 'moment'; import moment from 'moment';
import 'moment/locale/pt-br'; import 'moment/locale/pt-br';
@ -39,6 +45,10 @@ interface LocalFilters {
orderId: number | null; orderId: number | null;
customerId: number | null; customerId: number | null;
customerName: string | null; customerName: string | null;
partnerId: string | null;
partnerName: string | null;
productId: number | null;
productName: string | null;
createDateIni: string | null; createDateIni: string | null;
createDateEnd: string | null; createDateEnd: string | null;
store: string[] | null; store: string[] | null;
@ -54,6 +64,10 @@ const getInitialLocalFilters = (
orderId: urlFilters.orderId ?? null, orderId: urlFilters.orderId ?? null,
customerId: urlFilters.customerId ?? null, customerId: urlFilters.customerId ?? null,
customerName: urlFilters.customerName ?? null, customerName: urlFilters.customerName ?? null,
partnerId: urlFilters.partnerId ?? null,
partnerName: urlFilters.partnerName ?? null,
productId: urlFilters.productId ?? null,
productName: urlFilters.productName ?? null,
createDateIni: urlFilters.createDateIni ?? null, createDateIni: urlFilters.createDateIni ?? null,
createDateEnd: urlFilters.createDateEnd ?? null, createDateEnd: urlFilters.createDateEnd ?? null,
store: urlFilters.store ?? null, store: urlFilters.store ?? null,
@ -73,6 +87,10 @@ export const SearchBar = () => {
const sellers = useSellers(); const sellers = useSellers();
const [customerSearchTerm, setCustomerSearchTerm] = useState(''); const [customerSearchTerm, setCustomerSearchTerm] = useState('');
const customers = useCustomers(customerSearchTerm); const customers = useCustomers(customerSearchTerm);
const [partnerSearchTerm, setPartnerSearchTerm] = useState('');
const partners = usePartners(partnerSearchTerm);
const [productSearchTerm, setProductSearchTerm] = useState('');
const products = useProducts(productSearchTerm);
const [showAdvancedFilters, setShowAdvancedFilters] = useState(false); const [showAdvancedFilters, setShowAdvancedFilters] = useState(false);
const { isFetching } = useOrders(); const { isFetching } = useOrders();
const [touchedFields, setTouchedFields] = useState<{ const [touchedFields, setTouchedFields] = useState<{
@ -94,6 +112,8 @@ export const SearchBar = () => {
const handleReset = useCallback(() => { const handleReset = useCallback(() => {
setTouchedFields({}); setTouchedFields({});
setCustomerSearchTerm(''); setCustomerSearchTerm('');
setPartnerSearchTerm('');
setProductSearchTerm('');
const resetState = { const resetState = {
status: null, status: null,
@ -103,7 +123,6 @@ export const SearchBar = () => {
codusur2: null, codusur2: null,
store: null, store: null,
orderId: null, orderId: null,
productId: null,
stockId: null, stockId: null,
hasPreBox: false, hasPreBox: false,
includeCheckout: false, includeCheckout: false,
@ -112,6 +131,10 @@ export const SearchBar = () => {
searchTriggered: false, searchTriggered: false,
customerId: null, customerId: null,
customerName: null, customerName: null,
partnerId: null,
partnerName: null,
productId: null,
productName: null,
}; };
setLocalFilters(getInitialLocalFilters(resetState)); setLocalFilters(getInitialLocalFilters(resetState));
@ -167,17 +190,32 @@ export const SearchBar = () => {
touchedFields.createDateIni && !localFilters.createDateIni; touchedFields.createDateIni && !localFilters.createDateIni;
const showDateEndError = touchedFields.createDateEnd && dateError; const showDateEndError = touchedFields.createDateEnd && dateError;
// Contador de filtros avançados ativos // Contador de filtros ativos no Drawer
const advancedFiltersCount = [ const activeDrawerFiltersCount = [
localFilters.status,
localFilters.customerId,
localFilters.store?.length, localFilters.store?.length,
localFilters.stockId?.length, localFilters.stockId?.length,
localFilters.sellerId, localFilters.sellerId,
localFilters.partnerId,
localFilters.productId,
].filter(Boolean).length; ].filter(Boolean).length;
const toggleDrawer = (open: boolean) => (event: React.KeyboardEvent | React.MouseEvent) => {
if (
event.type === 'keydown' &&
((event as React.KeyboardEvent).key === 'Tab' ||
(event as React.KeyboardEvent).key === 'Shift')
) {
return;
}
setShowAdvancedFilters(open);
};
return ( return (
<Paper <Paper
sx={{ sx={{
p: { xs: 2, md: 3 }, p: { xs: 2, md: 2 },
mb: 2, mb: 2,
bgcolor: 'background.paper', bgcolor: 'background.paper',
borderRadius: 2, borderRadius: 2,
@ -186,10 +224,8 @@ export const SearchBar = () => {
elevation={0} elevation={0}
onKeyDown={handleKeyDown} onKeyDown={handleKeyDown}
> >
<Grid container spacing={{ xs: 1.5, md: 2 }} alignItems="flex-end"> <Grid container spacing={2} alignItems="center">
{/* --- Primary Filters (Always Visible) --- */} {/* Nº do Pedido */}
{/* Campo de Texto Simples (Nº Pedido) */}
<Grid size={{ xs: 12, sm: 6, md: 2 }}> <Grid size={{ xs: 12, sm: 6, md: 2 }}>
<TextField <TextField
fullWidth fullWidth
@ -207,404 +243,227 @@ export const SearchBar = () => {
/> />
</Grid> </Grid>
{/* Select do MUI (Situação) */} {/* Datas */}
<Grid size={{ xs: 12, sm: 6, md: 2 }}> <Grid size={{ xs: 12, sm: 12, md: 5 }}>
<TextField <LocalizationProvider dateAdapter={AdapterMoment} adapterLocale="pt-br">
select <Box display="flex" gap={1.5}>
fullWidth <DatePicker
label="Situação" label="Data Inicial"
size="small" value={localFilters.createDateIni ? moment(localFilters.createDateIni, 'YYYY-MM-DD') : null}
value={localFilters.status ?? ''} onChange={(date) => {
onChange={(e) => { setTouchedFields(prev => ({ ...prev, createDateIni: true }));
const value = e.target.value || null; updateLocalFilter('createDateIni', date ? date.format('YYYY-MM-DD') : null);
updateLocalFilter('status', value); }}
}} format="DD/MM/YYYY"
> slotProps={{
<MenuItem value="">Todos</MenuItem> textField: {
<MenuItem value="P">Pendente</MenuItem> size: 'small',
<MenuItem value="F">Faturado</MenuItem> fullWidth: true,
<MenuItem value="C">Cancelado</MenuItem> required: true,
</TextField> error: showDateIniError,
</Grid> helperText: showDateIniError ? 'Obrigatório' : '',
}
{/* Autocomplete do MUI para Cliente */} }}
<Grid size={{ xs: 12, sm: 6, md: 2 }}>
<Autocomplete
size="small"
options={customers.options}
getOptionLabel={(option) => option.label}
isOptionEqualToValue={(option, value) => option.id === value.id}
value={
customers.options.find(
(option) => localFilters.customerId === option.customer?.id
) || null
}
onChange={(_, newValue) => {
if (!newValue) {
updateLocalFilter('customerName', null);
updateLocalFilter('customerId', null);
setCustomerSearchTerm('');
return;
}
updateLocalFilter('customerId', newValue.customer?.id || null);
updateLocalFilter(
'customerName',
newValue.customer?.name || null
);
}}
onInputChange={(_, newInputValue, reason) => {
if (reason === 'clear') {
updateLocalFilter('customerName', null);
updateLocalFilter('customerId', null);
setCustomerSearchTerm('');
return;
}
if (reason === 'input') {
setCustomerSearchTerm(newInputValue);
if (!newInputValue) {
updateLocalFilter('customerName', null);
updateLocalFilter('customerId', null);
setCustomerSearchTerm('');
}
}
}}
loading={customers.isLoading}
renderInput={(params: AutocompleteRenderInputParams) => (
<TextField
{...params}
label="Cliente"
placeholder="Digite para buscar..."
/> />
)} <DatePicker
noOptionsText={ label="Data Final"
customerSearchTerm.length < 2 value={localFilters.createDateEnd ? moment(localFilters.createDateEnd, 'YYYY-MM-DD') : null}
? 'Digite pelo menos 2 caracteres' onChange={(date) => {
: 'Nenhum cliente encontrado' setTouchedFields(prev => ({ ...prev, createDateEnd: true }));
} updateLocalFilter('createDateEnd', date ? date.format('YYYY-MM-DD') : null);
loadingText="Buscando clientes..." }}
filterOptions={(x) => x} format="DD/MM/YYYY"
clearOnBlur={false} slotProps={{
selectOnFocus textField: {
handleHomeEndKeys size: 'small',
/> fullWidth: true,
</Grid> error: !!showDateEndError,
helperText: showDateEndError || '',
{/* Campos de Data */}
<Grid size={{ xs: 12, sm: 12, md: 3.5 }}>
<LocalizationProvider
dateAdapter={AdapterMoment}
adapterLocale="pt-br"
>
<Box display="flex" gap={{ xs: 1.5, md: 2 }} flexDirection={{ xs: 'column', sm: 'row' }}>
<Box flex={1}>
<DatePicker
label="Data Inicial"
value={
localFilters.createDateIni
? moment(localFilters.createDateIni, 'YYYY-MM-DD')
: null
} }
onChange={(date: moment.Moment | null) => { }}
setTouchedFields((prev) => ({ />
...prev,
createDateIni: true,
}));
updateLocalFilter(
'createDateIni',
date ? date.format('YYYY-MM-DD') : null
);
}}
format="DD/MM/YYYY"
maxDate={
localFilters.createDateEnd
? moment(localFilters.createDateEnd, 'YYYY-MM-DD')
: undefined
}
slotProps={{
textField: {
size: 'small',
fullWidth: true,
required: true,
error: showDateIniError,
helperText: showDateIniError
? 'Data inicial é obrigatória'
: '',
onBlur: () =>
setTouchedFields((prev) => ({
...prev,
createDateIni: true,
})),
inputProps: {
'aria-required': true,
},
},
}}
/>
</Box>
<Box flex={1}>
<DatePicker
label="Data Final (opcional)"
value={
localFilters.createDateEnd
? moment(localFilters.createDateEnd, 'YYYY-MM-DD')
: null
}
onChange={(date: moment.Moment | null) => {
setTouchedFields((prev) => ({
...prev,
createDateEnd: true,
}));
updateLocalFilter(
'createDateEnd',
date ? date.format('YYYY-MM-DD') : null
);
}}
format="DD/MM/YYYY"
minDate={
localFilters.createDateIni
? moment(localFilters.createDateIni, 'YYYY-MM-DD')
: undefined
}
slotProps={{
textField: {
size: 'small',
fullWidth: true,
error: !!showDateEndError,
helperText: showDateEndError || '',
onBlur: () =>
setTouchedFields((prev) => ({
...prev,
createDateEnd: true,
})),
inputProps: {
placeholder: 'Opcional',
},
},
}}
/>
</Box>
</Box> </Box>
</LocalizationProvider> </LocalizationProvider>
</Grid> </Grid>
{/* Botão Mais Filtros - inline com filtros primários */} {/* Ações */}
<Grid <Grid size={{ xs: 12, md: 5 }} sx={{ display: 'flex', justifyContent: 'flex-end', gap: 1 }}>
size={{ xs: 12, sm: 12, md: 2.5 }} <Button
sx={{ display: 'flex', alignItems: 'flex-end', justifyContent: { xs: 'flex-start', md: 'flex-end' } }} variant="outlined"
> color="inherit"
<Badge size="small"
badgeContent={advancedFiltersCount} onClick={handleReset}
color="primary" startIcon={<ResetIcon />}
invisible={advancedFiltersCount === 0} sx={{ textTransform: 'none', minWidth: 90 }}
> >
Limpar
</Button>
<Badge badgeContent={activeDrawerFiltersCount} color="primary">
<Button <Button
variant="outlined"
color="primary"
size="small" size="small"
onClick={() => setShowAdvancedFilters(!showAdvancedFilters)} onClick={toggleDrawer(true)}
endIcon={ startIcon={<TuneIcon />}
showAdvancedFilters ? <ExpandLessIcon /> : <ExpandMoreIcon /> sx={{ textTransform: 'none', minWidth: 100 }}
}
aria-label={showAdvancedFilters ? 'Ocultar filtros avançados' : 'Mostrar filtros avançados'}
sx={{ textTransform: 'none', color: 'text.secondary', minHeight: 40 }}
> >
{showAdvancedFilters ? 'Menos filtros' : 'Mais filtros'} Filtros
</Button> </Button>
</Badge> </Badge>
</Grid>
{/* Botões de Ação - nova linha abaixo */} <Button
<Grid variant="contained"
size={{ xs: 12 }} color="primary"
sx={{ display: 'flex', justifyContent: 'flex-end', mt: 1 }} size="small"
> onClick={handleFilter}
<Box sx={{ display: 'flex', gap: 1, width: { xs: '100%', sm: 'auto' }, flexWrap: 'nowrap' }}> disabled={!isDateValid || !!dateError || isFetching}
<Tooltip title="Limpar filtros" arrow> startIcon={isFetching ? <CircularProgress size={16} color="inherit" /> : <SearchIcon />}
<span> sx={{ textTransform: 'none', minWidth: 100 }}
<Button >
variant="outlined" Buscar
color="inherit" </Button>
size="small"
onClick={handleReset}
aria-label="Limpar filtros"
sx={{
minWidth: { xs: 'auto', sm: 90 },
minHeight: 32,
px: 1.5,
flexShrink: 0,
flex: { xs: 1, sm: 'none' },
fontSize: '0.8125rem',
'&:hover': {
bgcolor: 'action.hover',
},
}}
>
<ResetIcon sx={{ mr: 0.5, fontSize: 18 }} />
Limpar
</Button>
</span>
</Tooltip>
<Tooltip
title={
isDateValid
? 'Buscar pedidos'
: 'Preencha a data inicial para buscar'
}
arrow
>
<span>
<Button
variant="contained"
color="primary"
size="small"
onClick={handleFilter}
disabled={!isDateValid || !!dateError || isFetching}
aria-label="Buscar pedidos"
sx={{
minWidth: { xs: 'auto', sm: 90 },
minHeight: 32,
px: 1.5,
flexShrink: 0,
flex: { xs: 1, sm: 'none' },
fontSize: '0.8125rem',
'&:disabled': {
opacity: 0.6,
},
}}
>
{isFetching ? (
<CircularProgress size={16} color="inherit" />
) : (
<>
<SearchIcon sx={{ mr: 0.5, fontSize: 18 }} />
Buscar
</>
)}
</Button>
</span>
</Tooltip>
</Box>
</Grid>
{/* --- Advanced Filters (Collapsible) --- */}
<Grid size={{ xs: 12 }}>
<Collapse in={showAdvancedFilters}>
<Grid container spacing={2} sx={{ pt: 2 }}>
{/* Autocomplete do MUI para Múltiplas Filiais (codfilial) */}
<Grid size={{ xs: 12, sm: 6, md: 3 }}>
<Autocomplete
multiple
size="small"
options={stores.options}
getOptionLabel={(option) => option.label}
isOptionEqualToValue={(option, value) =>
option.id === value.id
}
value={stores.options.filter((option) =>
localFilters.store?.includes(option.value)
)}
onChange={(_, newValue) => {
updateLocalFilter(
'store',
newValue.map((option) => option.value)
);
}}
loading={stores.isLoading}
renderInput={(params: AutocompleteRenderInputParams) => (
<TextField
{...params}
label="Filiais"
placeholder={
localFilters.store?.length
? `${localFilters.store.length} selecionadas`
: 'Selecione'
}
/>
)}
/>
</Grid>
{/* Autocomplete do MUI para Filial de Estoque */}
<Grid size={{ xs: 12, sm: 6, md: 3 }}>
<Autocomplete
multiple
size="small"
options={stores.options}
getOptionLabel={(option) => option.label}
isOptionEqualToValue={(option, value) =>
option.id === value.id
}
value={stores.options.filter((option) =>
localFilters.stockId?.includes(option.value)
)}
onChange={(_, newValue) => {
updateLocalFilter(
'stockId',
newValue.map((option) => option.value)
);
}}
loading={stores.isLoading}
renderInput={(params: AutocompleteRenderInputParams) => (
<TextField
{...params}
label="Filial de Estoque"
placeholder={
localFilters.stockId?.length
? `${localFilters.stockId.length} selecionadas`
: 'Selecione'
}
/>
)}
/>
</Grid>
{/* Autocomplete do MUI para Vendedor */}
<Grid size={{ xs: 12, sm: 6, md: 3 }}>
<Autocomplete
size="small"
options={sellers.options}
getOptionLabel={(option) => option.label}
isOptionEqualToValue={(option, value) =>
option.id === value.id
}
value={
sellers.options.find(
(option) =>
localFilters.sellerId === option.seller.id.toString()
) || null
}
onChange={(_, newValue) => {
updateLocalFilter(
'sellerId',
newValue?.seller.id.toString() || null
);
updateLocalFilter(
'sellerName',
newValue?.seller.name || null
);
}}
loading={sellers.isLoading}
renderInput={(params) => (
<TextField
{...params}
label="Vendedor"
placeholder="Selecione um vendedor"
/>
)}
renderOption={(props, option) => {
const { key, ...otherProps } = props;
return (
<li key={option.id} {...otherProps}>
{option.label}
</li>
);
}}
/>
</Grid>
</Grid>
</Collapse>
</Grid> </Grid>
</Grid> </Grid>
{/* Sidebar de Filtros */}
<Drawer
anchor="right"
open={showAdvancedFilters}
onClose={toggleDrawer(false)}
PaperProps={{
sx: { width: { xs: '100%', sm: 400 }, p: 0 }
}}
>
<Box sx={{ display: 'flex', flexDirection: 'column', height: '100%' }}>
{/* Header */}
<Box sx={{ p: 2, display: 'flex', alignItems: 'center', justifyContent: 'space-between', borderBottom: '1px solid', borderColor: 'divider' }}>
<Typography variant="h6" sx={{ fontWeight: 600 }}>Todos os Filtros</Typography>
<IconButton onClick={toggleDrawer(false)} size="small">
<CloseIcon />
</IconButton>
</Box>
{/* Filtros Content */}
<Box sx={{ p: 3, flex: 1, overflowY: 'auto' }}>
<Stack spacing={3}>
{/* Situação */}
<TextField
select
fullWidth
label="Situação"
size="small"
value={localFilters.status ?? ''}
onChange={(e) => updateLocalFilter('status', e.target.value || null)}
>
<MenuItem value="">Todos</MenuItem>
<MenuItem value="P">Pendente</MenuItem>
<MenuItem value="F">Faturado</MenuItem>
<MenuItem value="C">Cancelado</MenuItem>
</TextField>
{/* Cliente */}
<Autocomplete
size="small"
options={customers.options}
getOptionLabel={(option) => option.label}
isOptionEqualToValue={(option, value) => option.id === value.id}
value={customers.options.find(opt => localFilters.customerId === opt.customer?.id) || null}
onChange={(_, newValue) => {
updateLocalFilter('customerId', newValue?.customer?.id || null);
updateLocalFilter('customerName', newValue?.customer?.name || null);
}}
onInputChange={(_, val) => setCustomerSearchTerm(val)}
loading={customers.isLoading}
renderInput={(params) => <TextField {...params} label="Cliente" placeholder="Buscar cliente..." />}
noOptionsText={customerSearchTerm.length < 2 ? 'Digite 2+ caracteres' : 'Nenhum cliente'}
filterOptions={(x) => x}
/>
{/* Filiais */}
<Autocomplete
multiple
size="small"
options={stores.options}
getOptionLabel={(option) => option.label}
isOptionEqualToValue={(option, value) => option.id === value.id}
value={stores.options.filter((opt) => localFilters.store?.includes(opt.value))}
onChange={(_, newValue) => updateLocalFilter('store', newValue.map((opt) => opt.value))}
loading={stores.isLoading}
renderInput={(params) => <TextField {...params} label="Filiais" placeholder="Selecione filiais" />}
/>
{/* Filial de Estoque */}
<Autocomplete
multiple
size="small"
options={stores.options}
getOptionLabel={(option) => option.label}
isOptionEqualToValue={(option, value) => option.id === value.id}
value={stores.options.filter((opt) => localFilters.stockId?.includes(opt.value))}
onChange={(_, newValue) => updateLocalFilter('stockId', newValue.map((opt) => opt.value))}
loading={stores.isLoading}
renderInput={(params) => <TextField {...params} label="Filial de Estoque" placeholder="Selecione filial" />}
/>
{/* Vendedor */}
<Autocomplete
size="small"
options={sellers.options}
getOptionLabel={(option) => option.label}
value={sellers.options.find(opt => localFilters.sellerId === opt.seller.id.toString()) || null}
onChange={(_, newValue) => {
updateLocalFilter('sellerId', newValue?.seller.id.toString() || null);
updateLocalFilter('sellerName', newValue?.seller.name || null);
}}
loading={sellers.isLoading}
renderInput={(params) => <TextField {...params} label="Vendedor" placeholder="Selecione vendedor" />}
/>
{/* Parceiro */}
<Autocomplete
size="small"
options={partners.options}
getOptionLabel={(option) => option.label}
value={partners.options.find(opt => localFilters.partnerId === opt.partner?.id?.toString()) || null}
onChange={(_, newValue) => {
updateLocalFilter('partnerId', newValue?.partner?.id?.toString() || null);
updateLocalFilter('partnerName', newValue?.partner?.nome || null);
}}
onInputChange={(_, val) => setPartnerSearchTerm(val)}
loading={partners.isLoading}
renderInput={(params) => <TextField {...params} label="Parceiro" placeholder="Buscar parceiro..." />}
noOptionsText={partnerSearchTerm.length < 2 ? 'Digite 2+ caracteres' : 'Nenhum parceiro'}
filterOptions={(x) => x}
/>
{/* Produto */}
<Autocomplete
size="small"
options={products.options}
getOptionLabel={(option) => option.label}
value={products.options.find(opt => localFilters.productId === opt.product?.id) || null}
onChange={(_, newValue) => {
updateLocalFilter('productId', newValue?.product?.id || null);
updateLocalFilter('productName', newValue?.product?.description || null);
}}
onInputChange={(_, val) => setProductSearchTerm(val)}
loading={products.isLoading}
renderInput={(params) => <TextField {...params} label="Produto" placeholder="Buscar produto..." />}
noOptionsText={productSearchTerm.length < 2 ? 'Digite 2+ caracteres' : 'Nenhum produto'}
filterOptions={(x) => x}
/>
</Stack>
</Box>
{/* Footer */}
<Box sx={{ p: 2, borderTop: '1px solid', borderColor: 'divider', display: 'flex', gap: 2 }}>
<Button fullWidth variant="outlined" color="inherit" onClick={handleReset}>Limpar</Button>
<Button fullWidth variant="contained" color="primary" onClick={() => { handleFilter(); setShowAdvancedFilters(false); }}>Aplicar</Button>
</Box>
</Box>
</Drawer>
</Paper> </Paper>
); );
}; };

3
src/features/orders/hooks/useOrderFilters.ts
View File

@ -16,12 +16,15 @@ export const useOrderFilters = () => {
sellerId: parseAsString, sellerId: parseAsString,
customerName: parseAsString, customerName: parseAsString,
customerId: parseAsInteger, customerId: parseAsInteger,
partnerName: parseAsString,
partnerId: parseAsString,
codfilial: parseAsArrayOf(parseAsString, ','), codfilial: parseAsArrayOf(parseAsString, ','),
codusur2: parseAsArrayOf(parseAsString, ','), codusur2: parseAsArrayOf(parseAsString, ','),
store: parseAsArrayOf(parseAsString, ','), store: parseAsArrayOf(parseAsString, ','),
orderId: parseAsInteger, orderId: parseAsInteger,
productId: parseAsInteger, productId: parseAsInteger,
productName: parseAsString,
stockId: parseAsArrayOf(parseAsString, ','), stockId: parseAsArrayOf(parseAsString, ','),
hasPreBox: parseAsBoolean.withDefault(false), hasPreBox: parseAsBoolean.withDefault(false),

48
src/features/orders/hooks/usePartners.ts Normal file
View File

@ -0,0 +1,48 @@
'use client';
import { useState, useEffect } from 'react';
import { useQuery } from '@tanstack/react-query';
import { orderService } from '../api/order.service';
export interface Partner {
id: number;
cpf: string;
nome: string;
}
export function usePartners(searchTerm: string) {
const [debouncedSearchTerm, setDebouncedSearchTerm] = useState(searchTerm);
useEffect(() => {
const timer = setTimeout(() => {
setDebouncedSearchTerm(searchTerm);
}, 300);
return () => clearTimeout(timer);
}, [searchTerm]);
const isEnabled = debouncedSearchTerm.length >= 2;
const query = useQuery({
queryKey: ['partners', debouncedSearchTerm],
queryFn: () => orderService.findPartners(debouncedSearchTerm),
enabled: isEnabled,
staleTime: 1000 * 60 * 5,
retry: 1,
retryOnMount: false,
refetchOnWindowFocus: false,
});
const options =
query.data?.map((partner, index) => ({
value: partner.id.toString(),
label: partner.nome,
id: `partner-${partner.id}-${index}`,
partner: partner,
})) ?? [];
return {
...query,
options,
};
}

47
src/features/orders/hooks/useProducts.ts Normal file
View File

@ -0,0 +1,47 @@
'use client';
import { useState, useEffect } from 'react';
import { useQuery } from '@tanstack/react-query';
import { orderService } from '../api/order.service';
export interface Product {
id: number;
description: string;
}
export function useProducts(searchTerm: string) {
const [debouncedSearchTerm, setDebouncedSearchTerm] = useState(searchTerm);
useEffect(() => {
const timer = setTimeout(() => {
setDebouncedSearchTerm(searchTerm);
}, 300);
return () => clearTimeout(timer);
}, [searchTerm]);
const isEnabled = debouncedSearchTerm.length >= 2;
const query = useQuery({
queryKey: ['products', debouncedSearchTerm],
queryFn: () => orderService.findProducts(debouncedSearchTerm),
enabled: isEnabled,
staleTime: 1000 * 60 * 5,
retry: 1,
retryOnMount: false,
refetchOnWindowFocus: false,
});
const options =
query.data?.map((product, index) => ({
value: product.id.toString(),
label: product.description,
id: `product-${product.id}-${index}`,
product: product,
})) ?? [];
return {
...query,
options,
};
}

14
src/features/orders/schemas/api-responses.schema.ts
View File

@ -2,6 +2,8 @@ import { z } from 'zod';
import { storeSchema } from './store.schema'; import { storeSchema } from './store.schema';
import { customerSchema } from './customer.schema'; import { customerSchema } from './customer.schema';
import { sellerSchema } from './seller.schema'; import { sellerSchema } from './seller.schema';
import { partnerSchema } from './partner.schema';
import { productSchema } from './product.schema';
import { createApiSchema } from './api-response.schema'; import { createApiSchema } from './api-response.schema';
/** /**
@ -39,3 +41,15 @@ export const customersResponseSchema = createApiSchema(z.array(customerSchema));
* Formato: { success: boolean, data: Seller[] } * Formato: { success: boolean, data: Seller[] }
*/ */
export const sellersResponseSchema = createApiSchema(z.array(sellerSchema)); export const sellersResponseSchema = createApiSchema(z.array(sellerSchema));
/**
* Schema para validar a resposta da API ao buscar parceiros.
* Formato: { success: boolean, data: Partner[] }
*/
export const partnersResponseSchema = createApiSchema(z.array(partnerSchema));
/**
* Schema para validar a resposta da API ao buscar produtos.
* Formato: { success: boolean, data: Product[] }
*/
export const productsResponseSchema = createApiSchema(z.array(productSchema));

24
src/features/orders/schemas/order-filters.schema.ts
View File

@ -16,6 +16,7 @@ export const findOrdersSchema = z.object({
minute: z.coerce.number().optional(), minute: z.coerce.number().optional(),
partnerId: z.string().optional(), partnerId: z.string().optional(),
partnerName: z.string().optional(),
codusur2: z.string().optional(), codusur2: z.string().optional(),
customerName: z.string().optional(), customerName: z.string().optional(),
stockId: z.union([z.string(), z.array(z.string())]).optional(), stockId: z.union([z.string(), z.array(z.string())]).optional(),
@ -27,6 +28,7 @@ export const findOrdersSchema = z.object({
orderId: z.coerce.number().optional(), orderId: z.coerce.number().optional(),
invoiceId: z.coerce.number().optional(), invoiceId: z.coerce.number().optional(),
productId: z.coerce.number().optional(), productId: z.coerce.number().optional(),
productName: z.string().optional(),
createDateIni: z.string().optional(), createDateIni: z.string().optional(),
createDateEnd: z.string().optional(), createDateEnd: z.string().optional(),
@ -98,19 +100,31 @@ const formatValueToString = (val: any): string => {
*/ */
export const orderApiParamsSchema = findOrdersSchema export const orderApiParamsSchema = findOrdersSchema
.transform((filters) => { .transform((filters) => {
// Remove customerName quando customerId existe (evita redundância) const {
const { customerName, customerId, ...rest } = filters; productName,
return customerId ? { customerId, ...rest } : filters; partnerName,
customerName,
customerId,
...rest
} = filters;
const queryParams: any = { ...rest };
if (customerId) queryParams.customerId = customerId;
else if (customerName) queryParams.customerName = customerName;
if (filters.partnerId) queryParams.partnerId = filters.partnerId;
if (filters.productId) queryParams.productId = filters.productId;
return queryParams;
}) })
.transform((filters) => { .transform((filters) => {
// Mapeamento de chaves que precisam ser renomeadas
const keyMap: Record<string, string> = { const keyMap: Record<string, string> = {
store: 'codfilial', store: 'codfilial',
}; };
return Object.entries(filters).reduce( return Object.entries(filters).reduce(
(acc, [key, value]) => { (acc, [key, value]) => {
// Early return: ignora valores vazios
if (isEmptyValue(value)) return acc; if (isEmptyValue(value)) return acc;
const apiKey = keyMap[key] ?? key; const apiKey = keyMap[key] ?? key;

10
src/features/orders/schemas/order.schema.ts
View File

@ -26,6 +26,16 @@ export { sellerSchema } from './seller.schema';
export type { Seller } from './seller.schema'; export type { Seller } from './seller.schema';
export { sellersResponseSchema } from './api-responses.schema'; export { sellersResponseSchema } from './api-responses.schema';
// Schema de parceiros
export { partnerSchema } from './partner.schema';
export type { Partner } from './partner.schema';
export { partnersResponseSchema } from './api-responses.schema';
// Schema de produtos
export { productSchema } from './product.schema';
export type { Product } from './product.schema';
export { productsResponseSchema } from './api-responses.schema';
// Schema de itens de pedido // Schema de itens de pedido
export { orderItemSchema, orderItemsResponseSchema } from './order.item.schema'; export { orderItemSchema, orderItemsResponseSchema } from './order.item.schema';
export type { OrderItem, OrderItemsResponse } from './order.item.schema'; export type { OrderItem, OrderItemsResponse } from './order.item.schema';

15
src/features/orders/schemas/partner.schema.ts Normal file
View File

@ -0,0 +1,15 @@
import { z } from 'zod';
/**
* Schema Zod para validar um parceiro.
*/
export const partnerSchema = z.object({
id: z.number(),
cpf: z.string(),
nome: z.string(),
});
/**
* Type para parceiro inferido do schema.
*/
export type Partner = z.infer<typeof partnerSchema>;

14
src/features/orders/schemas/product.schema.ts Normal file
View File

@ -0,0 +1,14 @@
import { z } from 'zod';
/**
* Schema Zod para validar um produto na busca.
*/
export const productSchema = z.object({
id: z.number(),
description: z.string(),
});
/**
* Type para produto inferido do schema.
*/
export type Product = z.infer<typeof productSchema>;

87
src/features/profile/components/ProfilePage.tsx
View File

@ -7,15 +7,12 @@ import Card from '@mui/material/Card';
import CardContent from '@mui/material/CardContent'; import CardContent from '@mui/material/CardContent';
import CircularProgress from '@mui/material/CircularProgress'; import CircularProgress from '@mui/material/CircularProgress';
import Alert from '@mui/material/Alert'; import Alert from '@mui/material/Alert';
import { useAuthStore } from '../../login/store/useAuthStore'; import Avatar from '@mui/material/Avatar';
import { useAuth } from '../../login/hooks/useAuth'; import Chip from '@mui/material/Chip';
import { useColaboradorAtual } from '../hooks/useColaboradorAtual';
export default function ProfilePage() { export default function ProfilePage() {
const { useMe } = useAuth(); const { data: colaborador, isLoading, error } = useColaboradorAtual();
const { data: profile, isLoading, error } = useMe();
const user = useAuthStore((s) => s.user);
const displayData = profile || user;
if (isLoading) { if (isLoading) {
return ( return (
@ -36,12 +33,53 @@ export default function ProfilePage() {
return <Alert severity="error">Erro ao carregar dados do perfil</Alert>; return <Alert severity="error">Erro ao carregar dados do perfil</Alert>;
} }
if (!displayData) { if (!colaborador) {
return <Alert severity="warning">Nenhum dado de perfil disponível</Alert>; return <Alert severity="warning">Nenhum dado de perfil disponível</Alert>;
} }
return ( return (
<Grid container spacing={3}> <Grid container spacing={3}>
{/* Header com Avatar e Nome */}
<Grid size={{ xs: 12 }}>
<Card>
<CardContent>
<Box sx={{ display: 'flex', alignItems: 'center', gap: 3 }}>
<Avatar
sx={{
width: 80,
height: 80,
bgcolor: 'primary.main',
fontSize: '1.5rem',
}}
>
{colaborador.iniciais}
</Avatar>
<Box>
<Typography variant="h5" fontWeight="600">
{colaborador.nome}
</Typography>
<Typography variant="body2" color="textSecondary">
{colaborador.nomeComFilial}
</Typography>
<Box sx={{ mt: 1, display: 'flex', gap: 1 }}>
{colaborador.ehRepresentanteComercial && (
<Chip label="RCA" color="primary" size="small" />
)}
{colaborador.podeAplicarDesconto && (
<Chip
label={`${colaborador.percentualDesconto}% desconto`}
color="success"
size="small"
/>
)}
</Box>
</Box>
</Box>
</CardContent>
</Card>
</Grid>
{/* Informações Pessoais */}
<Grid size={{ xs: 12, md: 6 }}> <Grid size={{ xs: 12, md: 6 }}>
<Card> <Card>
<CardContent> <CardContent>
@ -54,7 +92,7 @@ export default function ProfilePage() {
Nome Nome
</Typography> </Typography>
<Typography variant="body1" fontWeight="500"> <Typography variant="body1" fontWeight="500">
{displayData.nome || '-'} {colaborador.nome || '-'}
</Typography> </Typography>
</Box> </Box>
<Box> <Box>
@ -62,7 +100,7 @@ export default function ProfilePage() {
Usuário Usuário
</Typography> </Typography>
<Typography variant="body1" fontWeight="500"> <Typography variant="body1" fontWeight="500">
{displayData.userName || '-'} {colaborador.userName || '-'}
</Typography> </Typography>
</Box> </Box>
<Box> <Box>
@ -70,7 +108,7 @@ export default function ProfilePage() {
Matrícula Matrícula
</Typography> </Typography>
<Typography variant="body1" fontWeight="500"> <Typography variant="body1" fontWeight="500">
{displayData.matricula || '-'} {colaborador.matricula || '-'}
</Typography> </Typography>
</Box> </Box>
</Box> </Box>
@ -78,6 +116,7 @@ export default function ProfilePage() {
</Card> </Card>
</Grid> </Grid>
{/* Informações Profissionais */}
<Grid size={{ xs: 12, md: 6 }}> <Grid size={{ xs: 12, md: 6 }}>
<Card> <Card>
<CardContent> <CardContent>
@ -90,8 +129,7 @@ export default function ProfilePage() {
Filial Filial
</Typography> </Typography>
<Typography variant="body1" fontWeight="500"> <Typography variant="body1" fontWeight="500">
{displayData.nomeFilial || '-'} ( {colaborador.nomeFilial || '-'} ({colaborador.codigoFilial || '-'})
{displayData.codigoFilial || '-'})
</Typography> </Typography>
</Box> </Box>
<Box> <Box>
@ -99,16 +137,16 @@ export default function ProfilePage() {
RCA RCA
</Typography> </Typography>
<Typography variant="body1" fontWeight="500"> <Typography variant="body1" fontWeight="500">
{displayData.rca || '-'} {colaborador.ehRepresentanteComercial ? colaborador.codigoRCA : 'Não é vendedor'}
</Typography> </Typography>
</Box> </Box>
{displayData.discountPercent !== undefined && ( {colaborador.podeAplicarDesconto && (
<Box> <Box>
<Typography variant="body2" color="textSecondary"> <Typography variant="body2" color="textSecondary">
Desconto (%) Desconto Disponível
</Typography> </Typography>
<Typography variant="body1" fontWeight="500"> <Typography variant="body1" fontWeight="500">
{displayData.discountPercent}% {colaborador.percentualDesconto}%
</Typography> </Typography>
</Box> </Box>
)} )}
@ -117,9 +155,9 @@ export default function ProfilePage() {
</Card> </Card>
</Grid> </Grid>
{(displayData.sectorId !== undefined || {/* Informações Adicionais */}
displayData.sectorManagerId !== undefined || {(colaborador.codigoSetor !== undefined ||
displayData.supervisorId !== undefined) && ( colaborador.codigoSupervisor !== undefined) && (
<Grid size={{ xs: 12 }}> <Grid size={{ xs: 12 }}>
<Card> <Card>
<CardContent> <CardContent>
@ -127,23 +165,23 @@ export default function ProfilePage() {
Informações Adicionais Informações Adicionais
</Typography> </Typography>
<Grid container spacing={2}> <Grid container spacing={2}>
{displayData.sectorId !== undefined && ( {colaborador.codigoSetor !== undefined && (
<Grid size={{ xs: 12, sm: 4 }}> <Grid size={{ xs: 12, sm: 4 }}>
<Typography variant="body2" color="textSecondary"> <Typography variant="body2" color="textSecondary">
Setor Setor
</Typography> </Typography>
<Typography variant="body1" fontWeight="500"> <Typography variant="body1" fontWeight="500">
{displayData.sectorId} {colaborador.codigoSetor}
</Typography> </Typography>
</Grid> </Grid>
)} )}
{displayData.supervisorId !== undefined && ( {colaborador.codigoSupervisor !== undefined && (
<Grid size={{ xs: 12, sm: 4 }}> <Grid size={{ xs: 12, sm: 4 }}>
<Typography variant="body2" color="textSecondary"> <Typography variant="body2" color="textSecondary">
Supervisor Supervisor
</Typography> </Typography>
<Typography variant="body1" fontWeight="500"> <Typography variant="body1" fontWeight="500">
{displayData.supervisorId} {colaborador.codigoSupervisor}
</Typography> </Typography>
</Grid> </Grid>
)} )}
@ -155,3 +193,4 @@ export default function ProfilePage() {
</Grid> </Grid>
); );
} }

71
src/features/profile/domain/Colaborador.ts Normal file
View File

@ -0,0 +1,71 @@
import { UserProfileDto } from '../types';
/**
* Entidade de Domínio: Colaborador
*/
export class Colaborador {
private constructor(
public readonly matricula: number,
public readonly userName: string,
public readonly nome: string,
public readonly codigoFilial: string,
public readonly nomeFilial: string,
public readonly codigoRCA: number,
private readonly _percentualDesconto: number,
public readonly codigoSetor: number,
public readonly codigoSupervisor: number
) {}
// ========== FACTORY METHODS ==========
static criarAPartirDoDto(dto: UserProfileDto): Colaborador {
return new Colaborador(
dto.matricula,
dto.userName,
dto.nome,
dto.codigoFilial,
dto.nomeFilial,
dto.rca,
dto.discountPercent,
dto.sectorId,
dto.supervisorId
);
}
// ========== COMPUTED PROPERTIES ==========
get iniciais(): string {
if (!this.nome) return 'U';
const partes = this.nome.trim().split(' ').filter(Boolean);
if (partes.length === 1) {
return partes[0][0].toUpperCase();
}
return (partes[0][0] + partes[partes.length - 1][0]).toUpperCase();
}
get ehRepresentanteComercial(): boolean {
return this.codigoRCA > 0;
}
get podeAplicarDesconto(): boolean {
return this._percentualDesconto > 0 && this.ehRepresentanteComercial;
}
get percentualDesconto(): number {
return this._percentualDesconto;
}
get nomeComFilial(): string {
return `${this.nome} - ${this.nomeFilial}`;
}
// ========== BUSINESS METHODS ==========
aplicarDescontoAoValor(valorOriginal: number): number {
if (!this.podeAplicarDesconto) {
return valorOriginal;
}
return valorOriginal * (1 - this._percentualDesconto / 100);
}
}

19
src/features/profile/hooks/useColaboradorAtual.ts Normal file
View File

@ -0,0 +1,19 @@
import { useQuery, UseQueryResult } from '@tanstack/react-query';
import { profileService } from '../services/profile.service';
import { Colaborador } from '../domain/Colaborador';
export const COLABORADOR_ATUAL_QUERY_KEY = ['colaborador-atual'] as const;
/**
* Hook para obter o colaborador atualmente autenticado.
* Encapsula a lógica de busca e cache do perfil do usuário,
* desacoplando essa responsabilidade do módulo de login.
*/
export function useColaboradorAtual(): UseQueryResult<Colaborador> {
return useQuery({
queryKey: COLABORADOR_ATUAL_QUERY_KEY,
queryFn: () => profileService.obterColaboradorAtual(),
retry: false,
staleTime: Infinity,
});
}

4
src/features/profile/index.ts
View File

@ -1,3 +1,5 @@
// Profile feature barrel export // Profile feature barrel export
export { default as ProfilePage } from './components/ProfilePage'; export { default as ProfilePage } from './components/ProfilePage';
export type { UserProfile } from './types'; export type { UserProfileDto } from './types';
export { Colaborador } from './domain/Colaborador';
export { useColaboradorAtual, COLABORADOR_ATUAL_QUERY_KEY } from './hooks/useColaboradorAtual';

20
src/features/profile/services/profile.service.ts
View File

@ -1,9 +1,23 @@
import { profileApi } from '../api'; import { profileApi } from '../api';
import { UserProfile } from '../types'; import { UserProfileDto } from '../types';
import { Colaborador } from '../domain/Colaborador';
export const profileService = { export const profileService = {
getMe: async (): Promise<UserProfile> => { /**
const response = await profileApi.get<UserProfile>('/auth/me'); * Obtém o colaborador atualmente autenticado como entidade de domínio.
* Segue o padrão de Linguagem Ubíqua do DDD.
*/
obterColaboradorAtual: async (): Promise<Colaborador> => {
const response = await profileApi.get<UserProfileDto>('/auth/me');
return Colaborador.criarAPartirDoDto(response.data);
},
/**
* Obtém os dados brutos (DTO) do colaborador autenticado.
* Usar apenas quando a conversão para entidade de domínio não for necessária.
*/
obterColaboradorAtualDto: async (): Promise<UserProfileDto> => {
const response = await profileApi.get<UserProfileDto>('/auth/me');
return response.data; return response.data;
}, },
}; };

2
src/features/profile/types.ts
View File

@ -1,7 +1,7 @@
/** /**
* Tipagem da resposta do User Info (Endpoint 1.3) * Tipagem da resposta do User Info (Endpoint 1.3)
*/ */
export interface UserProfile { export interface UserProfileDto {
matricula: number; matricula: number;
userName: string; userName: string;
nome: string; nome: string;