refactor: traduz dominio de payers no app

src/features/payers/components/details/payer-card-usage-card.tsx

@@ -4,7 +4,7 @@ import MoneyValues from "@/shared/components/money-values";
 import { CardContent } from "@/shared/components/ui/card";
 import { WidgetEmptyState } from "@/shared/components/widget-empty-state";
 import { resolveLogoSrc } from "@/shared/lib/logo";
-import type { PagadorCardUsageItem } from "@/shared/lib/payers/details";
+import type { PayerCardUsageItem } from "@/shared/lib/payers/details";
 
 const buildInitials = (value: string) => {
 	const parts = value.trim().split(/\s+/).filter(Boolean);
@@ -19,10 +19,10 @@ const buildInitials = (value: string) => {
 };
 
 type PagadorCardUsageCardProps = {
-	items: PagadorCardUsageItem[];
+	items: PayerCardUsageItem[];
 };
 
-export function PagadorCardUsageCard({ items }: PagadorCardUsageCardProps) {
+export function PayerCardUsageCard({ items }: PagadorCardUsageCardProps) {
 	if (items.length === 0) {
 		return (
 			<CardContent className="px-0">

src/features/payers/components/details/payer-header-card.tsx

@@ -13,7 +13,7 @@ import Link from "next/link";
 import { useRouter } from "next/navigation";
 import { useState, useTransition } from "react";
 import { toast } from "sonner";
-import { sendPagadorSummaryAction } from "@/features/payers/detail-actions";
+import { sendPayerSummaryAction } from "@/features/payers/detail-actions";
 import { Badge } from "@/shared/components/ui/badge";
 import { Button } from "@/shared/components/ui/button";
 import {
@@ -30,41 +30,41 @@ import {
 	DialogHeader,
 	DialogTitle,
 } from "@/shared/components/ui/dialog";
-import { PAGADOR_ROLE_ADMIN } from "@/shared/lib/payers/constants";
+import { PAYER_ROLE_ADMIN } from "@/shared/lib/payers/constants";
 import { getAvatarSrc } from "@/shared/lib/payers/utils";
 import { formatCurrency } from "@/shared/utils/currency";
 import { formatDateTime } from "@/shared/utils/date";
-import type { PagadorInfo, PagadorSummaryPreview } from "./types";
+import type { PayerInfo, PayerSummaryPreview } from "./types";
 
-type PagadorHeaderCardProps = {
-	pagador: PagadorInfo;
+type PayerHeaderCardProps = {
+	payer: PayerInfo;
 	selectedPeriod: string;
-	summary: PagadorSummaryPreview;
+	summary: PayerSummaryPreview;
 };
 
-export function PagadorHeaderCard({
-	pagador,
+export function PayerHeaderCard({
+	payer,
 	selectedPeriod,
 	summary,
-}: PagadorHeaderCardProps) {
+}: PayerHeaderCardProps) {
 	const router = useRouter();
 	const [isSending, startTransition] = useTransition();
 	const [confirmOpen, setConfirmOpen] = useState(false);
 
-	const avatarSrc = getAvatarSrc(pagador.avatarUrl);
-	const createdAtLabel = formatDate(pagador.createdAt);
-	const isAdmin = pagador.role === PAGADOR_ROLE_ADMIN;
+	const avatarSrc = getAvatarSrc(payer.avatarUrl);
+	const createdAtLabel = formatDate(payer.createdAt);
+	const isAdmin = payer.role === PAYER_ROLE_ADMIN;
 
 	const lastMailLabel =
-		formatDateTime(pagador.lastMailAt, {
+		formatDateTime(payer.lastMailAt, {
 			dateStyle: "short",
 			timeStyle: "short",
 		}) ?? "Nunca enviado";
 
-	const disableSend = isSending || !pagador.email || !pagador.canEdit;
+	const disableSend = isSending || !payer.email || !payer.canEdit;
 
 	const openConfirmDialog = () => {
-		if (!pagador.email) {
+		if (!payer.email) {
 			toast.error("Cadastre um e-mail para este pagador antes de enviar.");
 			return;
 		}
@@ -72,14 +72,14 @@ export function PagadorHeaderCard({
 	};
 
 	const handleSendSummary = () => {
-		if (!pagador.email) {
+		if (!payer.email) {
 			toast.error("Cadastre um e-mail para este pagador antes de enviar.");
 			return;
 		}
 
 		startTransition(async () => {
-			const result = await sendPagadorSummaryAction({
-				pagadorId: pagador.id,
+			const result = await sendPayerSummaryAction({
+				payerId: payer.id,
 				period: selectedPeriod,
 			});
 
@@ -109,7 +109,7 @@ export function PagadorHeaderCard({
 					<div className="relative flex size-16 shrink-0 items-center justify-center overflow-hidden">
 						<Image
 							src={avatarSrc}
-							alt={`Avatar de ${pagador.name}`}
+							alt={`Avatar de ${payer.name}`}
 							width={64}
 							height={64}
 							className="h-full w-full rounded-full object-cover"
@@ -119,7 +119,7 @@ export function PagadorHeaderCard({
 					<div className="flex flex-1 flex-col gap-2">
 						<div className="flex flex-wrap items-center gap-2">
 							<CardTitle className="text-xl font-semibold text-foreground">
-								{pagador.name}
+								{payer.name}
 							</CardTitle>
 							{isAdmin ? (
 								<RiVerifiedBadgeFill
@@ -128,12 +128,12 @@ export function PagadorHeaderCard({
 								/>
 							) : null}
 							<Badge
-								variant={getStatusBadgeVariant(pagador.status)}
+								variant={getStatusBadgeVariant(payer.status)}
 								className="text-xs"
 							>
-								{pagador.status}
+								{payer.status}
 							</Badge>
-							{pagador.isAutoSend ? (
+							{payer.isAutoSend ? (
 								<Badge variant="info" className="gap-1 text-xs">
 									<RiMailSendLine className="size-3.5" aria-hidden />
 									Envio automático
@@ -144,14 +144,14 @@ export function PagadorHeaderCard({
 						<CardDescription className="flex flex-wrap items-center gap-x-3 gap-y-1 text-sm">
 							<span>Criado em {createdAtLabel}</span>
 							<span className="hidden text-border/80 sm:inline">•</span>
-							{pagador.email ? (
+							{payer.email ? (
 								<Link
 									prefetch
-									href={`mailto:${pagador.email}`}
+									href={`mailto:${payer.email}`}
 									className="inline-flex items-center gap-1.5 text-primary"
 								>
 									<RiMailLine className="size-4" aria-hidden />
-									{pagador.email}
+									{payer.email}
 								</Link>
 							) : (
 								<span>Sem e-mail cadastrado</span>
@@ -161,7 +161,7 @@ export function PagadorHeaderCard({
 				</div>
 
 				<div className="flex w-full flex-col items-stretch gap-2 lg:w-auto lg:items-end">
-					{pagador.canEdit ? (
+					{payer.canEdit ? (
 						<>
 							<Button
 								type="button"
@@ -184,7 +184,7 @@ export function PagadorHeaderCard({
 				</div>
 			</CardHeader>
 
-			{pagador.canEdit ? (
+			{payer.canEdit ? (
 				<Dialog
 					open={confirmOpen}
 					onOpenChange={(open) => {
@@ -202,7 +202,7 @@ export function PagadorHeaderCard({
 								</span>{" "}
 								para{" "}
 								<span className="font-medium text-foreground">
-									{pagador.email}
+									{payer.email}
 								</span>
 							</DialogDescription>
 						</DialogHeader>

src/features/payers/components/details/payer-history-card.tsx

@@ -21,7 +21,7 @@ import {
 	ChartTooltipContent,
 } from "@/shared/components/ui/chart";
 import { WidgetEmptyState } from "@/shared/components/widget-empty-state";
-import type { PagadorHistoryPoint } from "@/shared/lib/payers/details";
+import type { PayerHistoryPoint } from "@/shared/lib/payers/details";
 import { currencyFormatter } from "@/shared/utils/currency";
 
 const chartConfig = {
@@ -32,7 +32,7 @@ const chartConfig = {
 };
 
 type PagadorHistoryCardProps = {
-	data: PagadorHistoryPoint[];
+	data: PayerHistoryPoint[];
 };
 
 const ValueLabel = (props: LabelProps) => {
@@ -57,7 +57,7 @@ const ValueLabel = (props: LabelProps) => {
 	);
 };
 
-export function PagadorHistoryCard({ data }: PagadorHistoryCardProps) {
+export function PayerHistoryCard({ data }: PagadorHistoryCardProps) {
 	const hasData = data.length > 0;
 
 	return (

src/features/payers/components/details/payer-info-card.tsx

@@ -8,17 +8,17 @@ import {
 	CardHeader,
 	CardTitle,
 } from "@/shared/components/ui/card";
-import { PAGADOR_ROLE_ADMIN } from "@/shared/lib/payers/constants";
+import { PAYER_ROLE_ADMIN } from "@/shared/lib/payers/constants";
 import { formatDateTime } from "@/shared/utils/date";
 import { cn } from "@/shared/utils/ui";
-import type { PagadorInfo } from "./types";
+import type { PayerInfo } from "./types";
 
-type PagadorInfoCardProps = {
-	pagador: PagadorInfo;
+type PayerInfoCardProps = {
+	payer: PayerInfo;
 };
 
-export function PagadorInfoCard({ pagador }: PagadorInfoCardProps) {
-	const showSensitiveDetails = pagador.canEdit;
+export function PagadorInfoCard({ payer }: PayerInfoCardProps) {
+	const showSensitiveDetails = payer.canEdit;
 
 	const getStatusBadgeVariant = (status: string): "success" | "outline" => {
 		const normalizedStatus = status.toLowerCase();
@@ -32,7 +32,7 @@ export function PagadorInfoCard({ pagador }: PagadorInfoCardProps) {
 		<Card className="border gap-4">
 			<CardHeader className="gap-1.5">
 				<CardTitle className="text-lg font-semibold">
-					Detalhes do pagador
+					Detalhes do payer
 				</CardTitle>
 				<CardDescription>
 					{showSensitiveDetails
@@ -46,10 +46,10 @@ export function PagadorInfoCard({ pagador }: PagadorInfoCardProps) {
 					label="Status"
 					value={
 						<Badge
-							variant={getStatusBadgeVariant(pagador.status)}
+							variant={getStatusBadgeVariant(payer.status)}
 							className="text-xs"
 						>
-							{pagador.status}
+							{payer.status}
 						</Badge>
 					}
 				/>
@@ -59,23 +59,23 @@ export function PagadorInfoCard({ pagador }: PagadorInfoCardProps) {
 					value={
 						<span className="inline-flex items-center gap-2">
 							<RiUser3Line className="size-4 text-muted-foreground" />
-							{resolveRoleLabel(pagador.role)}
+							{resolveRoleLabel(payer.role)}
 						</span>
 					}
 				/>
 				{showSensitiveDetails ? (
 					<InfoItem
 						label="Envio automático"
-						value={pagador.isAutoSend ? "Ativado" : "Desativado"}
+						value={payer.isAutoSend ? "Ativado" : "Desativado"}
 					/>
 				) : null}
 				{showSensitiveDetails ? (
 					<InfoItem
 						label="Último envio"
-						value={formatDateTime(pagador.lastMailAt) ?? "Nunca enviado"}
+						value={formatDateTime(payer.lastMailAt) ?? "Nunca enviado"}
 					/>
 				) : null}
-				{showSensitiveDetails && !pagador.email ? (
+				{showSensitiveDetails && !payer.email ? (
 					<InfoItem
 						label="Aviso"
 						value={
@@ -90,8 +90,8 @@ export function PagadorInfoCard({ pagador }: PagadorInfoCardProps) {
 					<InfoItem
 						label="Observações"
 						value={
-							pagador.note ? (
-								<span className="text-muted-foreground">{pagador.note}</span>
+							payer.note ? (
+								<span className="text-muted-foreground">{payer.note}</span>
 							) : (
 								"Sem observações"
 							)
@@ -105,8 +105,8 @@ export function PagadorInfoCard({ pagador }: PagadorInfoCardProps) {
 }
 
 const resolveRoleLabel = (role: string | null) => {
-	if (role === PAGADOR_ROLE_ADMIN) return "Administrador";
-	return "Pagador";
+	if (role === PAYER_ROLE_ADMIN) return "Administrador";
+	return "Payer";
 };
 
 type InfoItemProps = {

src/features/payers/components/details/payer-leave-share-card.tsx

@@ -4,7 +4,7 @@ import { RiLogoutBoxLine } from "@remixicon/react";
 import { useRouter } from "next/navigation";
 import { useState, useTransition } from "react";
 import { toast } from "sonner";
-import { deletePagadorShareAction } from "@/features/payers/actions";
+import { deletePayerShareAction } from "@/features/payers/actions";
 import { Button } from "@/shared/components/ui/button";
 import {
 	Card,
@@ -20,7 +20,7 @@ interface PagadorLeaveShareCardProps {
 	createdAt: string;
 }
 
-export function PagadorLeaveShareCard({
+export function PayerLeaveShareCard({
 	shareId,
 	pagadorName,
 	createdAt,
@@ -31,7 +31,7 @@ export function PagadorLeaveShareCard({
 
 	const handleLeave = () => {
 		startTransition(async () => {
-			const result = await deletePagadorShareAction({ shareId });
+			const result = await deletePayerShareAction({ shareId });
 
 			if (!result.success) {
 				toast.error(result.error);

src/features/payers/components/details/payer-monthly-summary-card.tsx

@@ -6,7 +6,7 @@ import {
 	CardHeader,
 	CardTitle,
 } from "@/shared/components/ui/card";
-import type { PagadorMonthlyBreakdown } from "@/shared/lib/payers/details";
+import type { PayerMonthlyBreakdown } from "@/shared/lib/payers/details";
 import { cn } from "@/shared/utils/ui";
 
 const segmentConfig = {
@@ -26,10 +26,10 @@ const segmentConfig = {
 
 type PagadorMonthlySummaryCardProps = {
 	periodLabel: string;
-	breakdown: PagadorMonthlyBreakdown;
+	breakdown: PayerMonthlyBreakdown;
 };
 
-export function PagadorMonthlySummaryCard({
+export function PayerMonthlySummaryCard({
 	periodLabel,
 	breakdown,
 }: PagadorMonthlySummaryCardProps) {

src/features/payers/components/details/payer-payment-method-cards.tsx

@@ -11,18 +11,18 @@ import { CardContent } from "@/shared/components/ui/card";
 import { Progress } from "@/shared/components/ui/progress";
 import { WidgetEmptyState } from "@/shared/components/widget-empty-state";
 import type {
-	PagadorBoletoItem,
-	PagadorPaymentStatusData,
+	PayerBoletoItem,
+	PayerPaymentStatusData,
 } from "@/shared/lib/payers/details";
 import { cn } from "@/shared/utils/ui";
 
-// --- PagadorBoletoCard ---
+// --- PayerBoletoCard ---
 
 type PagadorBoletoCardProps = {
-	items: PagadorBoletoItem[];
+	items: PayerBoletoItem[];
 };
 
-export function PagadorBoletoCard({ items }: PagadorBoletoCardProps) {
+export function PayerBoletoCard({ items }: PagadorBoletoCardProps) {
 	if (items.length === 0) {
 		return (
 			<CardContent className="px-0">
@@ -72,13 +72,13 @@ export function PagadorBoletoCard({ items }: PagadorBoletoCardProps) {
 	);
 }
 
-// --- PagadorPaymentStatusCard ---
+// --- PayerPaymentStatusCard ---
 
 type PagadorPaymentStatusCardProps = {
-	data: PagadorPaymentStatusData;
+	data: PayerPaymentStatusData;
 };
 
-export function PagadorPaymentStatusCard({
+export function PayerPaymentStatusCard({
 	data,
 }: PagadorPaymentStatusCardProps) {
 	const { paidAmount, paidCount, pendingAmount, pendingCount, totalAmount } =

src/features/payers/components/details/payer-sharing-card.tsx

@@ -5,8 +5,8 @@ import { useRouter } from "next/navigation";
 import { useState, useTransition } from "react";
 import { toast } from "sonner";
 import {
-	deletePagadorShareAction,
-	regeneratePagadorShareCodeAction,
+	deletePayerShareAction,
+	regeneratePayerShareCodeAction,
 } from "@/features/payers/actions";
 import { Button } from "@/shared/components/ui/button";
 import {
@@ -25,13 +25,13 @@ type PagadorShare = {
 };
 
 interface PagadorSharingCardProps {
-	pagadorId: string;
+	payerId: string;
 	shareCode: string;
 	shares: PagadorShare[];
 }
 
-export function PagadorSharingCard({
-	pagadorId,
+export function PayerSharingCard({
+	payerId,
 	shareCode,
 	shares,
 }: PagadorSharingCardProps) {
@@ -51,14 +51,14 @@ export function PagadorSharingCard({
 
 	const handleRegenerate = () => {
 		startRegenerate(async () => {
-			const result = await regeneratePagadorShareCodeAction({ pagadorId });
+			const result = await regeneratePayerShareCodeAction({ payerId });
 
 			if (!result.success) {
 				toast.error(result.error);
 				return;
 			}
 
-			setCurrentCode(result.code);
+			if ("code" in result) setCurrentCode(result.code);
 			toast.success("Novo código gerado com sucesso.");
 			router.refresh();
 		});
@@ -67,7 +67,7 @@ export function PagadorSharingCard({
 	const handleRemove = (shareId: string) => {
 		setRemovePendingId(shareId);
 		startRegenerate(async () => {
-			const result = await deletePagadorShareAction({ shareId });
+			const result = await deletePayerShareAction({ shareId });
 
 			if (!result.success) {
 				toast.error(result.error);

src/features/payers/components/details/types.ts

@@ -1,4 +1,4 @@
-export type PagadorInfo = {
+export type PayerInfo = {
 	id: string;
 	name: string;
 	email: string | null;
@@ -13,7 +13,7 @@ export type PagadorInfo = {
 	canEdit: boolean;
 };
 
-export type PagadorSummaryPreview = {
+export type PayerSummaryPreview = {
 	periodLabel: string;
 	totalExpenses: number;
 	paymentSplits: {

src/features/payers/components/payer-card.tsx

@@ -11,20 +11,20 @@ import Image from "next/image";
 import Link from "next/link";
 import { Badge } from "@/shared/components/ui/badge";
 import { Card } from "@/shared/components/ui/card";
-import { PAGADOR_ROLE_ADMIN } from "@/shared/lib/payers/constants";
+import { PAYER_ROLE_ADMIN } from "@/shared/lib/payers/constants";
 import { getAvatarSrc } from "@/shared/lib/payers/utils";
-import type { Pagador } from "./types";
+import type { Payer } from "./types";
 
-interface PagadorCardProps {
-	pagador: Pagador;
+interface PayerCardProps {
+	payer: Payer;
 	onEdit?: () => void;
 	onRemove?: () => void;
 }
 
-export function PagadorCard({ pagador, onEdit, onRemove }: PagadorCardProps) {
-	const avatarSrc = getAvatarSrc(pagador.avatarUrl);
-	const isAdmin = pagador.role === PAGADOR_ROLE_ADMIN;
-	const isReadOnly = !pagador.canEdit;
+export function PayerCard({ payer, onEdit, onRemove }: PayerCardProps) {
+	const avatarSrc = getAvatarSrc(payer.avatarUrl);
+	const isAdmin = payer.role === PAYER_ROLE_ADMIN;
+	const isReadOnly = !payer.canEdit;
 
 	return (
 		<Card className=" overflow-hidden px-6">
@@ -33,7 +33,7 @@ export function PagadorCard({ pagador, onEdit, onRemove }: PagadorCardProps) {
 				<div className="relative mb-3 flex size-16 items-center justify-center overflow-hidden rounded-full  border-background bg-background shadow-lg">
 					<Image
 						src={avatarSrc}
-						alt={`Avatar de ${pagador.name}`}
+						alt={`Avatar de ${payer.name}`}
 						width={80}
 						height={80}
 						className="h-full w-full object-cover"
@@ -43,19 +43,19 @@ export function PagadorCard({ pagador, onEdit, onRemove }: PagadorCardProps) {
 				{/* Nome e badges */}
 				<div className="flex items-center gap-1.5">
 					<h3 className="text-base font-semibold text-foreground">
-						{pagador.name}
+						{payer.name}
 					</h3>
 					{isAdmin ? (
 						<RiVerifiedBadgeFill className="size-4 text-blue-500" aria-hidden />
 					) : null}
-					{pagador.isAutoSend ? (
+					{payer.isAutoSend ? (
 						<RiMailSendLine className="size-4 text-primary" aria-hidden />
 					) : null}
 				</div>
 
 				{/* Email */}
-				{pagador.email ? (
-					<p className="mt-1 text-xs text-muted-foreground">{pagador.email}</p>
+				{payer.email ? (
+					<p className="mt-1 text-xs text-muted-foreground">{payer.email}</p>
 				) : (
 					<p className="mt-1 text-xs text-muted-foreground">
 						Sem email cadastrado
@@ -65,10 +65,10 @@ export function PagadorCard({ pagador, onEdit, onRemove }: PagadorCardProps) {
 				{/* Status badges */}
 				<div className="mt-2 flex flex-wrap items-center justify-center gap-1.5">
 					<Badge
-						variant={pagador.status === "Ativo" ? "success" : "outline"}
+						variant={payer.status === "Ativo" ? "success" : "outline"}
 						className="text-xs"
 					>
-						{pagador.status}
+						{payer.status}
 					</Badge>
 
 					{isReadOnly ? (
@@ -93,7 +93,7 @@ export function PagadorCard({ pagador, onEdit, onRemove }: PagadorCardProps) {
 				) : null}
 
 				<Link
-					href={`/payers/${pagador.id}`}
+					href={`/payers/${payer.id}`}
 					className={`text-primary flex items-center gap-1 font-medium transition-opacity hover:opacity-80`}
 				>
 					<RiFileList2Line className="size-4" aria-hidden />

src/features/payers/components/payer-dialog.tsx

@@ -3,8 +3,8 @@ import Image from "next/image";
 import { useEffect, useMemo, useState, useTransition } from "react";
 import { toast } from "sonner";
 import {
-	createPagadorAction,
-	updatePagadorAction,
+	createPayerAction,
+	updatePayerAction,
 } from "@/features/payers/actions";
 import { Button } from "@/shared/components/ui/button";
 import { Checkbox } from "@/shared/components/ui/checkbox";
@@ -29,50 +29,50 @@ import {
 import { useControlledState } from "@/shared/hooks/use-controlled-state";
 import { useFormState } from "@/shared/hooks/use-form-state";
 import {
-	DEFAULT_PAGADOR_AVATAR,
-	PAGADOR_STATUS_OPTIONS,
-	type PagadorStatus,
+	DEFAULT_PAYER_AVATAR,
+	PAYER_STATUS_OPTIONS,
+	type PayerStatus,
 } from "@/shared/lib/payers/constants";
 import { getAvatarSrc } from "@/shared/lib/payers/utils";
 import { StatusSelectContent } from "./payer-select-items";
-import type { Pagador, PagadorFormValues } from "./types";
+import type { Payer, PayerFormValues } from "./types";
 
-interface PagadorDialogProps {
+interface PayerDialogProps {
 	mode: "create" | "update";
 	trigger?: React.ReactNode;
-	pagador?: Pagador;
+	payer?: Payer;
 	avatarOptions: string[];
 	open?: boolean;
 	onOpenChange?: (open: boolean) => void;
 }
 
 const buildInitialValues = ({
-	pagador,
+	payer,
 	avatarOptions,
 }: {
-	pagador?: Pagador;
+	payer?: Payer;
 	avatarOptions: string[];
-}): PagadorFormValues => {
-	const defaultAvatar = avatarOptions[0] ?? DEFAULT_PAGADOR_AVATAR;
+}): PayerFormValues => {
+	const defaultAvatar = avatarOptions[0] ?? DEFAULT_PAYER_AVATAR;
 
 	return {
-		name: pagador?.name ?? "",
-		email: pagador?.email ?? "",
-		status: (pagador?.status as PagadorStatus) ?? PAGADOR_STATUS_OPTIONS[0],
-		avatarUrl: pagador?.avatarUrl ?? defaultAvatar,
-		note: pagador?.note ?? "",
-		isAutoSend: pagador?.isAutoSend ?? false,
+		name: payer?.name ?? "",
+		email: payer?.email ?? "",
+		status: (payer?.status as PayerStatus) ?? PAYER_STATUS_OPTIONS[0],
+		avatarUrl: payer?.avatarUrl ?? defaultAvatar,
+		note: payer?.note ?? "",
+		isAutoSend: payer?.isAutoSend ?? false,
 	};
 };
 
-export function PagadorDialog({
+export function PayerDialog({
 	mode,
 	trigger,
-	pagador,
+	payer,
 	avatarOptions,
 	open,
 	onOpenChange,
-}: PagadorDialogProps) {
+}: PayerDialogProps) {
 	const [errorMessage, setErrorMessage] = useState<string | null>(null);
 	const [isPending, startTransition] = useTransition();
 
@@ -84,19 +84,19 @@ export function PagadorDialog({
 	);
 
 	const initialState = useMemo(
-		() => buildInitialValues({ pagador, avatarOptions }),
-		[pagador, avatarOptions],
+		() => buildInitialValues({ payer, avatarOptions }),
+		[payer, avatarOptions],
 	);
 
 	// Use form state hook for form management
 	const { formState, resetForm, updateField } =
-		useFormState<PagadorFormValues>(initialState);
+		useFormState<PayerFormValues>(initialState);
 
 	const availableAvatars = useMemo(() => {
 		const set = new Set<string>();
 		avatarOptions.forEach((avatar) => set.add(avatar));
 		set.add(initialState.avatarUrl);
-		set.add(DEFAULT_PAGADOR_AVATAR);
+		set.add(DEFAULT_PAYER_AVATAR);
 		return Array.from(set).sort((a, b) =>
 			a.localeCompare(b, "pt-BR", { sensitivity: "base" }),
 		);
@@ -110,22 +110,22 @@ export function PagadorDialog({
 		}
 	}, [dialogOpen, initialState, resetForm]);
 
-	type PagadorCreatePayload = Parameters<typeof createPagadorAction>[0];
+	type PayerCreatePayload = Parameters<typeof createPayerAction>[0];
 
 	const handleSubmit = (event: React.FormEvent<HTMLFormElement>) => {
 		event.preventDefault();
 		setErrorMessage(null);
-		const pagadorId = pagador?.id;
+		const payerId = payer?.id;
 
-		if (mode === "update" && !pagadorId) {
-			const message = "Pagador inválido.";
+		if (mode === "update" && !payerId) {
+			const message = "Payer inválido.";
 			setErrorMessage(message);
 			toast.error(message);
 			return;
 		}
 
 		const emailValue = formState.email.trim();
-		const payload: PagadorCreatePayload = {
+		const payload: PayerCreatePayload = {
 			name: formState.name.trim(),
 			status: formState.status,
 			avatarUrl: formState.avatarUrl,
@@ -136,7 +136,7 @@ export function PagadorDialog({
 
 		startTransition(async () => {
 			if (mode === "create") {
-				const result = await createPagadorAction(payload);
+				const result = await createPayerAction(payload);
 
 				if (result.success) {
 					toast.success(result.message);
@@ -150,12 +150,12 @@ export function PagadorDialog({
 				return;
 			}
 
-			if (!pagadorId) {
+			if (!payerId) {
 				return;
 			}
 
-			const result = await updatePagadorAction({
-				id: pagadorId,
+			const result = await updatePayerAction({
+				id: payerId,
 				...payload,
 			});
 
@@ -193,9 +193,9 @@ export function PagadorDialog({
 						<div className="flex flex-col gap-3">
 							<div className="flex w-full gap-2">
 								<div className="flex flex-col gap-2 w-full">
-									<Label htmlFor="pagador-name">Nome</Label>
+									<Label htmlFor="payer-name">Nome</Label>
 									<Input
-										id="pagador-name"
+										id="payer-name"
 										value={formState.name}
 										onChange={(event) =>
 											updateField("name", event.target.value)
@@ -206,9 +206,9 @@ export function PagadorDialog({
 								</div>
 
 								<div className="flex flex-col gap-2 w-full">
-									<Label htmlFor="pagador-email">E-mail</Label>
+									<Label htmlFor="payer-email">E-mail</Label>
 									<Input
-										id="pagador-email"
+										id="payer-email"
 										type="email"
 										value={formState.email}
 										onChange={(event) =>
@@ -220,14 +220,14 @@ export function PagadorDialog({
 							</div>
 
 							<div className="flex flex-col gap-2">
-								<Label htmlFor="pagador-status">Status</Label>
+								<Label htmlFor="payer-status">Status</Label>
 								<Select
 									value={formState.status}
-									onValueChange={(value: PagadorStatus) =>
+									onValueChange={(value: PayerStatus) =>
 										updateField("status", value)
 									}
 								>
-									<SelectTrigger id="pagador-status" className="w-full">
+									<SelectTrigger id="payer-status" className="w-full">
 										<SelectValue placeholder="Selecione o status">
 											{formState.status && (
 												<StatusSelectContent label={formState.status} />
@@ -235,7 +235,7 @@ export function PagadorDialog({
 										</SelectValue>
 									</SelectTrigger>
 									<SelectContent>
-										{PAGADOR_STATUS_OPTIONS.map((status) => (
+										{PAYER_STATUS_OPTIONS.map((status) => (
 											<SelectItem key={status} value={status}>
 												<StatusSelectContent label={status} />
 											</SelectItem>
@@ -247,7 +247,7 @@ export function PagadorDialog({
 							<fieldset className="flex flex-col gap-3">
 								<div className="flex items-start gap-3 rounded-lg border border-border/60 bg-muted/10 p-3">
 									<Checkbox
-										id="pagador-auto-send"
+										id="payer-auto-send"
 										checked={formState.isAutoSend}
 										onCheckedChange={(checked) =>
 											updateField("isAutoSend", Boolean(checked))
@@ -256,7 +256,7 @@ export function PagadorDialog({
 									/>
 									<div className="space-y-1">
 										<Label
-											htmlFor="pagador-auto-send"
+											htmlFor="payer-auto-send"
 											className="text-sm font-medium text-foreground"
 										>
 											Enviar automaticamente
@@ -296,9 +296,9 @@ export function PagadorDialog({
 							</fieldset>
 
 							<div className="flex flex-col gap-2">
-								<Label htmlFor="pagador-note">Anotações</Label>
+								<Label htmlFor="payer-note">Anotações</Label>
 								<Input
-									id="pagador-note"
+									id="payer-note"
 									value={formState.note}
 									onChange={(event) => updateField("note", event.target.value)}
 									placeholder="Observações sobre este pagador"

src/features/payers/components/payers-page.tsx

@@ -5,84 +5,81 @@ import { useRouter } from "next/navigation";
 import { useMemo, useState, useTransition } from "react";
 import { toast } from "sonner";
 import {
-	deletePagadorAction,
-	joinPagadorByShareCodeAction,
+	deletePayerAction,
+	joinPayerByShareCodeAction,
 } from "@/features/payers/actions";
-import { PagadorCard } from "@/features/payers/components/payer-card";
-import { PagadorDialog } from "@/features/payers/components/payer-dialog";
+import { PayerCard } from "@/features/payers/components/payer-card";
+import { PayerDialog } from "@/features/payers/components/payer-dialog";
 import { ConfirmActionDialog } from "@/shared/components/confirm-action-dialog";
 import { Button } from "@/shared/components/ui/button";
 import { Input } from "@/shared/components/ui/input";
-import { PAGADOR_ROLE_ADMIN } from "@/shared/lib/payers/constants";
-import type { Pagador } from "./types";
+import { PAYER_ROLE_ADMIN } from "@/shared/lib/payers/constants";
+import type { Payer } from "./types";
 
-interface PagadoresPageProps {
-	pagadores: Pagador[];
+interface PayersPageProps {
+	payers: Payer[];
 	avatarOptions: string[];
 }
 
-export function PagadoresPage({
-	pagadores,
-	avatarOptions,
-}: PagadoresPageProps) {
+export function PayersPage({ payers, avatarOptions }: PayersPageProps) {
 	const router = useRouter();
 	const [editOpen, setEditOpen] = useState(false);
-	const [selectedPagador, setSelectedPagador] = useState<Pagador | null>(null);
+	const [selectedPayer, setSelectedPayer] = useState<Payer | null>(null);
 	const [removeOpen, setRemoveOpen] = useState(false);
-	const [pagadorToRemove, setPagadorToRemove] = useState<Pagador | null>(null);
+	const [payerToRemove, setPayerToRemove] = useState<Payer | null>(null);
 	const [shareCodeInput, setShareCodeInput] = useState("");
 	const [joinPending, startJoin] = useTransition();
 
-	const orderedPagadores = useMemo(
+	const orderedPayers = useMemo(
 		() =>
-			[...pagadores].sort((a, b) => {
+			[...payers].sort((a, b) => {
 				// Admin sempre primeiro
-				if (a.role === PAGADOR_ROLE_ADMIN && b.role !== PAGADOR_ROLE_ADMIN) {
+				if (a.role === PAYER_ROLE_ADMIN && b.role !== PAYER_ROLE_ADMIN) {
 					return -1;
 				}
-				if (a.role !== PAGADOR_ROLE_ADMIN && b.role === PAGADOR_ROLE_ADMIN) {
+				if (a.role !== PAYER_ROLE_ADMIN && b.role === PAYER_ROLE_ADMIN) {
 					return 1;
 				}
 				// Se ambos têm o mesmo tipo de role, ordena por nome
 				return a.name.localeCompare(b.name, "pt-BR", { sensitivity: "base" });
 			}),
-		[pagadores],
+		[payers],
 	);
 
-	const handleEdit = (pagador: Pagador) => {
-		setSelectedPagador(pagador);
+	const handleEdit = (payer: Payer) => {
+		setSelectedPayer(payer);
 		setEditOpen(true);
 	};
 
 	const handleEditOpenChange = (open: boolean) => {
 		setEditOpen(open);
 		if (!open) {
-			setSelectedPagador(null);
+			setSelectedPayer(null);
 		}
 	};
 
-	const handleRemoveRequest = (pagador: Pagador) => {
-		if (pagador.role === PAGADOR_ROLE_ADMIN) {
+	const handleRemoveRequest = (payer: Payer) => {
+		if (payer.role === PAYER_ROLE_ADMIN) {
 			toast.error("Pagadores administradores não podem ser removidos.");
 			return;
 		}
-		setPagadorToRemove(pagador);
+		setPayerToRemove(payer);
 		setRemoveOpen(true);
 	};
 
 	const handleRemoveOpenChange = (open: boolean) => {
 		setRemoveOpen(open);
 		if (!open) {
-			setPagadorToRemove(null);
+			setPayerToRemove(null);
 		}
 	};
 
 	const handleRemoveConfirm = async () => {
-		if (!pagadorToRemove) {
+		if (!payerToRemove) {
 			return;
 		}
 
-		const result = await deletePagadorAction({ id: pagadorToRemove.id });
+		const result = await deletePayerAction({ id: payerToRemove.id });
 
 		if (result.success) {
 			toast.success(result.message);
@@ -93,8 +90,8 @@ export function PagadoresPage({
 		throw new Error(result.error);
 	};
 
-	const removeTitle = pagadorToRemove
-		? `Remover pagador "${pagadorToRemove.name}"?`
+	const removeTitle = payerToRemove
+		? `Remover pagador "${payerToRemove.name}"?`
 		: "Remover pagador?";
 
 	const handleJoinByCode = (event: React.FormEvent<HTMLFormElement>) => {
@@ -105,7 +102,7 @@ export function PagadoresPage({
 		}
 
 		startJoin(async () => {
-			const result = await joinPagadorByShareCodeAction({
+			const result = await joinPayerByShareCodeAction({
 				code: shareCodeInput.trim(),
 			});
 
@@ -124,7 +121,7 @@ export function PagadoresPage({
 		<>
 			<div className="flex flex-col gap-6 w-full">
 				<div className="flex flex-col gap-4 sm:flex-row sm:items-center sm:justify-between">
-					<PagadorDialog
+					<PayerDialog
 						mode="create"
 						avatarOptions={avatarOptions}
 						trigger={
@@ -151,7 +148,7 @@ export function PagadoresPage({
 					</form>
 				</div>
 
-				{orderedPagadores.length === 0 ? (
+				{orderedPayers.length === 0 ? (
 					<div className="flex min-h-[320px] items-center justify-center rounded-lg border border-dashed bg-muted/30">
 						<div className="max-w-sm text-center text-sm text-muted-foreground">
 							Cadastre seu primeiro pagador para organizar cobranças e
@@ -160,14 +157,14 @@ export function PagadoresPage({
 					</div>
 				) : (
 					<div className="grid gap-4 sm:grid-cols-2 xl:grid-cols-3 2xl:grid-cols-4">
-						{orderedPagadores.map((pagador) => (
-							<PagadorCard
-								key={pagador.id}
-								pagador={pagador}
-								onEdit={pagador.canEdit ? () => handleEdit(pagador) : undefined}
+						{orderedPayers.map((payer) => (
+							<PayerCard
+								key={payer.id}
+								payer={payer}
+								onEdit={payer.canEdit ? () => handleEdit(payer) : undefined}
 								onRemove={
-									pagador.canEdit && pagador.role !== PAGADOR_ROLE_ADMIN
-										? () => handleRemoveRequest(pagador)
+									payer.canEdit && payer.role !== PAYER_ROLE_ADMIN
+										? () => handleRemoveRequest(payer)
 										: undefined
 								}
 							/>
@@ -176,16 +173,16 @@ export function PagadoresPage({
 				)}
 			</div>
 
-			<PagadorDialog
+			<PayerDialog
 				mode="update"
-				pagador={selectedPagador ?? undefined}
+				payer={selectedPayer ?? undefined}
 				avatarOptions={avatarOptions}
-				open={editOpen && !!selectedPagador}
+				open={editOpen && !!selectedPayer}
 				onOpenChange={handleEditOpenChange}
 			/>
 
 			<ConfirmActionDialog
-				open={removeOpen && !!pagadorToRemove}
+				open={removeOpen && !!payerToRemove}
 				onOpenChange={handleRemoveOpenChange}
 				title={removeTitle}
 				description="Ao remover este pagador, os registros relacionados a ele deixarão de ser associados automaticamente."

src/features/payers/components/types.ts

@@ -1,11 +1,11 @@
-import type { PagadorStatus } from "@/shared/lib/payers/constants";
+import type { PayerStatus } from "@/shared/lib/payers/constants";
 
-export type Pagador = {
+export type Payer = {
 	id: string;
 	name: string;
 	email: string | null;
 	avatarUrl: string | null;
-	status: PagadorStatus;
+	status: PayerStatus;
 	note: string | null;
 	role: string | null;
 	isAutoSend: boolean;
@@ -17,10 +17,10 @@ export type Pagador = {
 	shareCode?: string | null;
 };
 
-export type PagadorFormValues = {
+export type PayerFormValues = {
 	name: string;
 	email: string;
-	status: PagadorStatus;
+	status: PayerStatus;
 	avatarUrl: string;
 	note: string;
 	isAutoSend: boolean;