refactor(core): move app para src e padroniza estrutura

2026-05-10 11:21:45 +00:00 · 2026-03-12 19:22:50 +00:00
parent d92e70f1b9
commit b0fbb1062a
567 changed files with 8981 additions and 5014 deletions
--- a/src/features/payers/components/details/payer-info-card.tsx
+++ b/src/features/payers/components/details/payer-info-card.tsx
@@ -0,0 +1,127 @@
+import { RiUser3Line } from "@remixicon/react";
+import type { ReactNode } from "react";
+import { Badge } from "@/shared/components/ui/badge";
+import {
+	Card,
+	CardContent,
+	CardDescription,
+	CardHeader,
+	CardTitle,
+} from "@/shared/components/ui/card";
+import { PAGADOR_ROLE_ADMIN } from "@/shared/lib/payers/constants";
+import { formatDateTime } from "@/shared/utils/date";
+import { cn } from "@/shared/utils/ui";
+import type { PagadorInfo } from "./types";
+
+type PagadorInfoCardProps = {
+	pagador: PagadorInfo;
+};
+
+export function PagadorInfoCard({ pagador }: PagadorInfoCardProps) {
+	const showSensitiveDetails = pagador.canEdit;
+
+	const getStatusBadgeVariant = (status: string): "success" | "outline" => {
+		const normalizedStatus = status.toLowerCase();
+		if (normalizedStatus === "ativo") {
+			return "success";
+		}
+		return "outline";
+	};
+
+	return (
+		<Card className="border gap-4">
+			<CardHeader className="gap-1.5">
+				<CardTitle className="text-lg font-semibold">
+					Detalhes do pagador
+				</CardTitle>
+				<CardDescription>
+					{showSensitiveDetails
+						? "Informações cadastrais e preferências de envio."
+						: "Informações cadastrais visíveis para este compartilhamento."}
+				</CardDescription>
+			</CardHeader>
+
+			<CardContent className="grid gap-4 border-t border-dashed border-border/60 pt-6 text-sm sm:grid-cols-2">
+				<InfoItem
+					label="Status"
+					value={
+						<Badge
+							variant={getStatusBadgeVariant(pagador.status)}
+							className="text-xs"
+						>
+							{pagador.status}
+						</Badge>
+					}
+				/>
+
+				<InfoItem
+					label="Papel"
+					value={
+						<span className="inline-flex items-center gap-2">
+							<RiUser3Line className="size-4 text-muted-foreground" />
+							{resolveRoleLabel(pagador.role)}
+						</span>
+					}
+				/>
+				{showSensitiveDetails ? (
+					<InfoItem
+						label="Envio automático"
+						value={pagador.isAutoSend ? "Ativado" : "Desativado"}
+					/>
+				) : null}
+				{showSensitiveDetails ? (
+					<InfoItem
+						label="Último envio"
+						value={formatDateTime(pagador.lastMailAt) ?? "Nunca enviado"}
+					/>
+				) : null}
+				{showSensitiveDetails && !pagador.email ? (
+					<InfoItem
+						label="Aviso"
+						value={
+							<span className="text-[13px] text-warning">
+								Cadastre um e-mail para permitir o envio automático.
+							</span>
+						}
+						className="sm:col-span-2"
+					/>
+				) : null}
+				{showSensitiveDetails ? (
+					<InfoItem
+						label="Observações"
+						value={
+							pagador.note ? (
+								<span className="text-muted-foreground">{pagador.note}</span>
+							) : (
+								"Sem observações"
+							)
+						}
+						className="sm:col-span-2"
+					/>
+				) : null}
+			</CardContent>
+		</Card>
+	);
+}
+
+const resolveRoleLabel = (role: string | null) => {
+	if (role === PAGADOR_ROLE_ADMIN) return "Administrador";
+	return "Pagador";
+};
+
+type InfoItemProps = {
+	label: string;
+	value: ReactNode;
+	className?: string;
+};
+
+function InfoItem({ label, value, className }: InfoItemProps) {
+	return (
+		<div className={cn("space-y-1", className)}>
+			<span className="text-xs font-semibold uppercase tracking-wide text-muted-foreground/80">
+				{label}
+			</span>
+			<div className="text-base text-foreground">{value}</div>
+		</div>
+	);
+}