a7f63fb77a
- Replace ESLint with Biome for linting and formatting - Configure Biome with tabs, double quotes, and organized imports - Move all SQL/Drizzle queries from page.tsx files to data.ts files - Create new data.ts files for: ajustes, dashboard, relatorios/categorias - Update existing data.ts files: extrato, fatura (add lancamentos queries) - Remove all drizzle-orm imports from page.tsx files - Update README.md with new tooling info Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
444 lines
13 KiB
TypeScript
444 lines
13 KiB
TypeScript
import { notFound } from "next/navigation";
|
|
import { getRecentEstablishmentsAction } from "@/app/(dashboard)/lancamentos/actions";
|
|
import { LancamentosPage as LancamentosSection } from "@/components/lancamentos/page/lancamentos-page";
|
|
import type {
|
|
ContaCartaoFilterOption,
|
|
LancamentoFilterOption,
|
|
LancamentoItem,
|
|
SelectOption,
|
|
} from "@/components/lancamentos/types";
|
|
import MonthNavigation from "@/components/month-picker/month-navigation";
|
|
import { PagadorCardUsageCard } from "@/components/pagadores/details/pagador-card-usage-card";
|
|
import { PagadorHistoryCard } from "@/components/pagadores/details/pagador-history-card";
|
|
import { PagadorInfoCard } from "@/components/pagadores/details/pagador-info-card";
|
|
import { PagadorLeaveShareCard } from "@/components/pagadores/details/pagador-leave-share-card";
|
|
import { PagadorMonthlySummaryCard } from "@/components/pagadores/details/pagador-monthly-summary-card";
|
|
import { PagadorBoletoCard } from "@/components/pagadores/details/pagador-payment-method-cards";
|
|
import { PagadorSharingCard } from "@/components/pagadores/details/pagador-sharing-card";
|
|
import { Tabs, TabsContent, TabsList, TabsTrigger } from "@/components/ui/tabs";
|
|
import type { pagadores } from "@/db/schema";
|
|
import { getUserId } from "@/lib/auth/server";
|
|
import {
|
|
buildLancamentoWhere,
|
|
buildOptionSets,
|
|
buildSluggedFilters,
|
|
buildSlugMaps,
|
|
extractLancamentoSearchFilters,
|
|
fetchLancamentoFilterSources,
|
|
getSingleParam,
|
|
type LancamentoSearchFilters,
|
|
mapLancamentosData,
|
|
type ResolvedSearchParams,
|
|
type SluggedFilters,
|
|
type SlugMaps,
|
|
} from "@/lib/lancamentos/page-helpers";
|
|
import { getPagadorAccess } from "@/lib/pagadores/access";
|
|
import {
|
|
fetchPagadorBoletoStats,
|
|
fetchPagadorCardUsage,
|
|
fetchPagadorHistory,
|
|
fetchPagadorMonthlyBreakdown,
|
|
} from "@/lib/pagadores/details";
|
|
import { parsePeriodParam } from "@/lib/utils/period";
|
|
import {
|
|
fetchCurrentUserShare,
|
|
fetchPagadorLancamentos,
|
|
fetchPagadorShares,
|
|
} from "./data";
|
|
|
|
type PageSearchParams = Promise<ResolvedSearchParams>;
|
|
|
|
type PageProps = {
|
|
params: Promise<{ pagadorId: string }>;
|
|
searchParams?: PageSearchParams;
|
|
};
|
|
|
|
const capitalize = (value: string) =>
|
|
value.length ? value.charAt(0).toUpperCase().concat(value.slice(1)) : value;
|
|
|
|
const EMPTY_FILTERS: LancamentoSearchFilters = {
|
|
transactionFilter: null,
|
|
conditionFilter: null,
|
|
paymentFilter: null,
|
|
pagadorFilter: null,
|
|
categoriaFilter: null,
|
|
contaCartaoFilter: null,
|
|
searchFilter: null,
|
|
};
|
|
|
|
const createEmptySlugMaps = (): SlugMaps => ({
|
|
pagador: new Map(),
|
|
categoria: new Map(),
|
|
conta: new Map(),
|
|
cartao: new Map(),
|
|
});
|
|
|
|
type OptionSet = ReturnType<typeof buildOptionSets>;
|
|
|
|
export default async function Page({ params, searchParams }: PageProps) {
|
|
const { pagadorId } = await params;
|
|
const userId = await getUserId();
|
|
const resolvedSearchParams = searchParams ? await searchParams : undefined;
|
|
|
|
const access = await getPagadorAccess(userId, pagadorId);
|
|
|
|
if (!access) {
|
|
notFound();
|
|
}
|
|
|
|
const { pagador, canEdit } = access;
|
|
const dataOwnerId = pagador.userId;
|
|
|
|
const periodoParamRaw = getSingleParam(resolvedSearchParams, "periodo");
|
|
const {
|
|
period: selectedPeriod,
|
|
monthName,
|
|
year,
|
|
} = parsePeriodParam(periodoParamRaw);
|
|
const periodLabel = `${capitalize(monthName)} de ${year}`;
|
|
|
|
const allSearchFilters = extractLancamentoSearchFilters(resolvedSearchParams);
|
|
const searchFilters = canEdit
|
|
? allSearchFilters
|
|
: {
|
|
...EMPTY_FILTERS,
|
|
searchFilter: allSearchFilters.searchFilter, // Permitir busca mesmo em modo read-only
|
|
};
|
|
|
|
let filterSources: Awaited<
|
|
ReturnType<typeof fetchLancamentoFilterSources>
|
|
> | null = null;
|
|
let loggedUserFilterSources: Awaited<
|
|
ReturnType<typeof fetchLancamentoFilterSources>
|
|
> | null = null;
|
|
let sluggedFilters: SluggedFilters;
|
|
let slugMaps: SlugMaps;
|
|
|
|
if (canEdit) {
|
|
filterSources = await fetchLancamentoFilterSources(dataOwnerId);
|
|
sluggedFilters = buildSluggedFilters(filterSources);
|
|
slugMaps = buildSlugMaps(sluggedFilters);
|
|
} else {
|
|
// Buscar opções do usuário logado para usar ao importar
|
|
loggedUserFilterSources = await fetchLancamentoFilterSources(userId);
|
|
sluggedFilters = {
|
|
pagadorFiltersRaw: [],
|
|
categoriaFiltersRaw: [],
|
|
contaFiltersRaw: [],
|
|
cartaoFiltersRaw: [],
|
|
};
|
|
slugMaps = createEmptySlugMaps();
|
|
}
|
|
|
|
const filters = buildLancamentoWhere({
|
|
userId: dataOwnerId,
|
|
period: selectedPeriod,
|
|
filters: searchFilters,
|
|
slugMaps,
|
|
pagadorId: pagador.id,
|
|
});
|
|
|
|
const sharesPromise = canEdit
|
|
? fetchPagadorShares(pagador.id)
|
|
: Promise.resolve([]);
|
|
|
|
const currentUserSharePromise = !canEdit
|
|
? fetchCurrentUserShare(pagador.id, userId)
|
|
: Promise.resolve(null);
|
|
|
|
const [
|
|
lancamentoRows,
|
|
monthlyBreakdown,
|
|
historyData,
|
|
cardUsage,
|
|
boletoStats,
|
|
shareRows,
|
|
currentUserShare,
|
|
estabelecimentos,
|
|
] = await Promise.all([
|
|
fetchPagadorLancamentos(filters),
|
|
fetchPagadorMonthlyBreakdown({
|
|
userId: dataOwnerId,
|
|
pagadorId: pagador.id,
|
|
period: selectedPeriod,
|
|
}),
|
|
fetchPagadorHistory({
|
|
userId: dataOwnerId,
|
|
pagadorId: pagador.id,
|
|
period: selectedPeriod,
|
|
}),
|
|
fetchPagadorCardUsage({
|
|
userId: dataOwnerId,
|
|
pagadorId: pagador.id,
|
|
period: selectedPeriod,
|
|
}),
|
|
fetchPagadorBoletoStats({
|
|
userId: dataOwnerId,
|
|
pagadorId: pagador.id,
|
|
period: selectedPeriod,
|
|
}),
|
|
sharesPromise,
|
|
currentUserSharePromise,
|
|
getRecentEstablishmentsAction(),
|
|
]);
|
|
|
|
const mappedLancamentos = mapLancamentosData(lancamentoRows);
|
|
const lancamentosData = canEdit
|
|
? mappedLancamentos
|
|
: mappedLancamentos.map((item) => ({ ...item, readonly: true }));
|
|
|
|
const pagadorSharesData = shareRows;
|
|
|
|
let optionSets: OptionSet;
|
|
let loggedUserOptionSets: OptionSet | null = null;
|
|
let effectiveSluggedFilters = sluggedFilters;
|
|
|
|
if (canEdit && filterSources) {
|
|
optionSets = buildOptionSets({
|
|
...sluggedFilters,
|
|
pagadorRows: filterSources.pagadorRows,
|
|
});
|
|
} else {
|
|
effectiveSluggedFilters = {
|
|
pagadorFiltersRaw: [
|
|
{
|
|
id: pagador.id,
|
|
label: pagador.name,
|
|
slug: pagador.id,
|
|
role: pagador.role,
|
|
},
|
|
],
|
|
categoriaFiltersRaw: [],
|
|
contaFiltersRaw: [],
|
|
cartaoFiltersRaw: [],
|
|
};
|
|
optionSets = buildReadOnlyOptionSets(lancamentosData, pagador);
|
|
|
|
// Construir opções do usuário logado para usar ao importar
|
|
if (loggedUserFilterSources) {
|
|
const loggedUserSluggedFilters = buildSluggedFilters(
|
|
loggedUserFilterSources,
|
|
);
|
|
loggedUserOptionSets = buildOptionSets({
|
|
...loggedUserSluggedFilters,
|
|
pagadorRows: loggedUserFilterSources.pagadorRows,
|
|
});
|
|
}
|
|
}
|
|
|
|
const pagadorSlug =
|
|
effectiveSluggedFilters.pagadorFiltersRaw.find(
|
|
(item) => item.id === pagador.id,
|
|
)?.slug ?? null;
|
|
|
|
const pagadorFilterOptions = pagadorSlug
|
|
? optionSets.pagadorFilterOptions.filter(
|
|
(option) => option.slug === pagadorSlug,
|
|
)
|
|
: optionSets.pagadorFilterOptions;
|
|
|
|
const pagadorData = {
|
|
id: pagador.id,
|
|
name: pagador.name,
|
|
email: pagador.email ?? null,
|
|
avatarUrl: pagador.avatarUrl ?? null,
|
|
status: pagador.status,
|
|
note: pagador.note ?? null,
|
|
role: pagador.role ?? null,
|
|
isAutoSend: pagador.isAutoSend ?? false,
|
|
createdAt: pagador.createdAt
|
|
? pagador.createdAt.toISOString()
|
|
: new Date().toISOString(),
|
|
lastMailAt: pagador.lastMailAt ? pagador.lastMailAt.toISOString() : null,
|
|
shareCode: canEdit ? pagador.shareCode : null,
|
|
canEdit,
|
|
};
|
|
|
|
const summaryPreview = {
|
|
periodLabel,
|
|
totalExpenses: monthlyBreakdown.totalExpenses,
|
|
paymentSplits: monthlyBreakdown.paymentSplits,
|
|
cardUsage: cardUsage.slice(0, 3).map((item) => ({
|
|
name: item.name,
|
|
amount: item.amount,
|
|
})),
|
|
boletoStats: {
|
|
totalAmount: boletoStats.totalAmount,
|
|
paidAmount: boletoStats.paidAmount,
|
|
pendingAmount: boletoStats.pendingAmount,
|
|
paidCount: boletoStats.paidCount,
|
|
pendingCount: boletoStats.pendingCount,
|
|
},
|
|
lancamentoCount: lancamentosData.length,
|
|
};
|
|
|
|
return (
|
|
<main className="flex flex-col gap-6">
|
|
<MonthNavigation />
|
|
|
|
<Tabs defaultValue="profile" className="w-full">
|
|
<TabsList className="mb-2">
|
|
<TabsTrigger value="profile">Perfil</TabsTrigger>
|
|
<TabsTrigger value="painel">Painel</TabsTrigger>
|
|
<TabsTrigger value="lancamentos">Lançamentos</TabsTrigger>
|
|
</TabsList>
|
|
|
|
<TabsContent value="profile" className="space-y-4">
|
|
<section>
|
|
<PagadorInfoCard
|
|
pagador={pagadorData}
|
|
selectedPeriod={selectedPeriod}
|
|
summary={summaryPreview}
|
|
/>
|
|
</section>
|
|
{canEdit && pagadorData.shareCode ? (
|
|
<PagadorSharingCard
|
|
pagadorId={pagador.id}
|
|
shareCode={pagadorData.shareCode}
|
|
shares={pagadorSharesData}
|
|
/>
|
|
) : null}
|
|
{!canEdit && currentUserShare ? (
|
|
<PagadorLeaveShareCard
|
|
shareId={currentUserShare.id}
|
|
pagadorName={pagadorData.name}
|
|
createdAt={currentUserShare.createdAt}
|
|
/>
|
|
) : null}
|
|
</TabsContent>
|
|
|
|
<TabsContent value="painel" className="space-y-4">
|
|
<section className="grid gap-4 lg:grid-cols-2">
|
|
<PagadorMonthlySummaryCard
|
|
periodLabel={periodLabel}
|
|
breakdown={monthlyBreakdown}
|
|
/>
|
|
<PagadorHistoryCard data={historyData} />
|
|
</section>
|
|
|
|
<section className="grid gap-4 lg:grid-cols-2">
|
|
<PagadorCardUsageCard items={cardUsage} />
|
|
<PagadorBoletoCard stats={boletoStats} />
|
|
</section>
|
|
</TabsContent>
|
|
|
|
<TabsContent value="lancamentos">
|
|
<section className="flex flex-col gap-4">
|
|
<LancamentosSection
|
|
currentUserId={userId}
|
|
lancamentos={lancamentosData}
|
|
pagadorOptions={optionSets.pagadorOptions}
|
|
splitPagadorOptions={optionSets.splitPagadorOptions}
|
|
defaultPagadorId={pagador.id}
|
|
contaOptions={optionSets.contaOptions}
|
|
cartaoOptions={optionSets.cartaoOptions}
|
|
categoriaOptions={optionSets.categoriaOptions}
|
|
pagadorFilterOptions={pagadorFilterOptions}
|
|
categoriaFilterOptions={optionSets.categoriaFilterOptions}
|
|
contaCartaoFilterOptions={optionSets.contaCartaoFilterOptions}
|
|
selectedPeriod={selectedPeriod}
|
|
estabelecimentos={estabelecimentos}
|
|
allowCreate={canEdit}
|
|
importPagadorOptions={loggedUserOptionSets?.pagadorOptions}
|
|
importSplitPagadorOptions={
|
|
loggedUserOptionSets?.splitPagadorOptions
|
|
}
|
|
importDefaultPagadorId={loggedUserOptionSets?.defaultPagadorId}
|
|
importContaOptions={loggedUserOptionSets?.contaOptions}
|
|
importCartaoOptions={loggedUserOptionSets?.cartaoOptions}
|
|
importCategoriaOptions={loggedUserOptionSets?.categoriaOptions}
|
|
/>
|
|
</section>
|
|
</TabsContent>
|
|
</Tabs>
|
|
</main>
|
|
);
|
|
}
|
|
|
|
const normalizeOptionLabel = (
|
|
value: string | null | undefined,
|
|
fallback: string,
|
|
) => (value?.trim().length ? value.trim() : fallback);
|
|
|
|
function buildReadOnlyOptionSets(
|
|
items: LancamentoItem[],
|
|
pagador: typeof pagadores.$inferSelect,
|
|
): OptionSet {
|
|
const pagadorLabel = normalizeOptionLabel(pagador.name, "Pagador");
|
|
const pagadorOptions: SelectOption[] = [
|
|
{
|
|
value: pagador.id,
|
|
label: pagadorLabel,
|
|
slug: pagador.id,
|
|
},
|
|
];
|
|
|
|
const contaOptionsMap = new Map<string, SelectOption>();
|
|
const cartaoOptionsMap = new Map<string, SelectOption>();
|
|
const categoriaOptionsMap = new Map<string, SelectOption>();
|
|
|
|
items.forEach((item) => {
|
|
if (item.contaId && !contaOptionsMap.has(item.contaId)) {
|
|
contaOptionsMap.set(item.contaId, {
|
|
value: item.contaId,
|
|
label: normalizeOptionLabel(item.contaName, "Conta sem nome"),
|
|
slug: item.contaId,
|
|
});
|
|
}
|
|
if (item.cartaoId && !cartaoOptionsMap.has(item.cartaoId)) {
|
|
cartaoOptionsMap.set(item.cartaoId, {
|
|
value: item.cartaoId,
|
|
label: normalizeOptionLabel(item.cartaoName, "Cartão sem nome"),
|
|
slug: item.cartaoId,
|
|
});
|
|
}
|
|
if (item.categoriaId && !categoriaOptionsMap.has(item.categoriaId)) {
|
|
categoriaOptionsMap.set(item.categoriaId, {
|
|
value: item.categoriaId,
|
|
label: normalizeOptionLabel(item.categoriaName, "Categoria"),
|
|
slug: item.categoriaId,
|
|
});
|
|
}
|
|
});
|
|
|
|
const contaOptions = Array.from(contaOptionsMap.values());
|
|
const cartaoOptions = Array.from(cartaoOptionsMap.values());
|
|
const categoriaOptions = Array.from(categoriaOptionsMap.values());
|
|
|
|
const pagadorFilterOptions: LancamentoFilterOption[] = [
|
|
{ slug: pagador.id, label: pagadorLabel },
|
|
];
|
|
|
|
const categoriaFilterOptions: LancamentoFilterOption[] = categoriaOptions.map(
|
|
(option) => ({
|
|
slug: option.value,
|
|
label: option.label,
|
|
}),
|
|
);
|
|
|
|
const contaCartaoFilterOptions: ContaCartaoFilterOption[] = [
|
|
...contaOptions.map((option) => ({
|
|
slug: option.value,
|
|
label: option.label,
|
|
kind: "conta" as const,
|
|
})),
|
|
...cartaoOptions.map((option) => ({
|
|
slug: option.value,
|
|
label: option.label,
|
|
kind: "cartao" as const,
|
|
})),
|
|
];
|
|
|
|
return {
|
|
pagadorOptions,
|
|
splitPagadorOptions: [],
|
|
defaultPagadorId: pagador.id,
|
|
contaOptions,
|
|
cartaoOptions,
|
|
categoriaOptions,
|
|
pagadorFilterOptions,
|
|
categoriaFilterOptions,
|
|
contaCartaoFilterOptions,
|
|
};
|
|
}
|