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

src/features/transactions/components/dialogs/transaction-dialog/condition-section.tsx

@@ -0,0 +1,116 @@
+"use client";
+
+import { LANCAMENTO_CONDITIONS } from "@/features/transactions/constants";
+import { Label } from "@/shared/components/ui/label";
+import {
+	Select,
+	SelectContent,
+	SelectItem,
+	SelectTrigger,
+	SelectValue,
+} from "@/shared/components/ui/select";
+import { formatCurrency } from "@/shared/utils/currency";
+import { cn } from "@/shared/utils/ui";
+import { ConditionSelectContent } from "../../select-items";
+import type { ConditionSectionProps } from "./transaction-dialog-types";
+
+export function ConditionSection({
+	formState,
+	onFieldChange,
+	showInstallments,
+	showRecurrence,
+}: ConditionSectionProps) {
+	const parsedAmount = Number(formState.amount);
+	const amount =
+		Number.isNaN(parsedAmount) || parsedAmount <= 0 ? null : parsedAmount;
+
+	const getInstallmentLabel = (count: number) => {
+		if (amount) {
+			const installmentValue = amount / count;
+			return `${count}x de R$ ${formatCurrency(installmentValue)}`;
+		}
+
+		return `${count}x`;
+	};
+
+	const installmentCount = Number(formState.installmentCount);
+	const installmentSummary =
+		showInstallments &&
+		formState.installmentCount &&
+		amount &&
+		!Number.isNaN(installmentCount) &&
+		installmentCount > 0
+			? getInstallmentLabel(installmentCount)
+			: null;
+
+	return (
+		<div className="flex w-full flex-col gap-2 md:flex-row">
+			<div
+				className={cn(
+					"space-y-1 w-full",
+					showInstallments || showRecurrence ? "md:w-1/2" : "md:w-full",
+				)}
+			>
+				<Label htmlFor="condition">Condição</Label>
+				<Select
+					value={formState.condition}
+					onValueChange={(value) => onFieldChange("condition", value)}
+				>
+					<SelectTrigger id="condition" className="w-full">
+						<SelectValue placeholder="Selecione">
+							{formState.condition && (
+								<ConditionSelectContent label={formState.condition} />
+							)}
+						</SelectValue>
+					</SelectTrigger>
+					<SelectContent>
+						{LANCAMENTO_CONDITIONS.map((condition) => (
+							<SelectItem key={condition} value={condition}>
+								<ConditionSelectContent label={condition} />
+							</SelectItem>
+						))}
+					</SelectContent>
+				</Select>
+			</div>
+
+			{showInstallments ? (
+				<div className="space-y-1 w-full md:w-1/2">
+					<Label htmlFor="installmentCount">Parcelado em</Label>
+					<Select
+						value={formState.installmentCount}
+						onValueChange={(value) => onFieldChange("installmentCount", value)}
+					>
+						<SelectTrigger id="installmentCount" className="w-full">
+							<SelectValue placeholder="Selecione">
+								{installmentSummary}
+							</SelectValue>
+						</SelectTrigger>
+						<SelectContent>
+							{[...Array(24)].map((_, index) => {
+								const count = index + 2;
+								return (
+									<SelectItem key={count} value={String(count)}>
+										{getInstallmentLabel(count)}
+									</SelectItem>
+								);
+							})}
+						</SelectContent>
+					</Select>
+				</div>
+			) : null}
+
+			{showRecurrence ? (
+				<div className="space-y-1 w-full md:w-1/2">
+					<Label htmlFor="recurrenceInfo">Recorrência</Label>
+					<p
+						id="recurrenceInfo"
+						className="text-xs text-muted-foreground rounded-md border border-dashed border-border p-2.5"
+					>
+						Este lançamento será repetido todo mês automaticamente até ser
+						pausado ou cancelado.
+					</p>
+				</div>
+			) : null}
+		</div>
+	);
+}