@hed-hog/finance 0.0.366 → 0.0.370

package/hedhog/frontend/app/_components/finance-picker.tsx.ejs

@@ -1,10 +1,14 @@
 'use client';
 
+import { Button } from '@/components/ui/button';
 import { EntityPicker } from '@/components/ui/entity-picker';
+import { Label } from '@/components/ui/label';
 import { useApp } from '@hed-hog/next-app-provider';
+import { Plus } from 'lucide-react';
 import { useTranslations } from 'next-intl';
 import { useMemo, useState } from 'react';
 import { FieldValues, Path, UseFormReturn } from 'react-hook-form';
+import { BankAccountSheet, type BankAccount } from './bank-account-sheet';
 
 export type FinanceCategory = {
   id: number | string;
@@ -236,6 +240,97 @@ export function CostCenterPickerField<TFieldValues extends FieldValues>({
   );
 }
 
+export function BankAccountPickerField<TFieldValues extends FieldValues>({
+  form,
+  name,
+  label,
+  selectPlaceholder,
+  bankAccounts,
+  onCreated,
+}: {
+  form: UseFormReturn<TFieldValues>;
+  name: Path<TFieldValues>;
+  label: string;
+  selectPlaceholder: string;
+  bankAccounts: BankAccount[];
+  onCreated?: () => Promise<unknown> | void;
+}) {
+  const t = useTranslations('finance.FinanceEntityFieldWithCreate');
+  const tBankAccount = useTranslations('finance.BankAccountsPage');
+  const [localAccounts, setLocalAccounts] = useState<BankAccount[]>([]);
+  const [createOpen, setCreateOpen] = useState(false);
+
+  const mergedAccounts = useMemo(() => {
+    const merged = [...(bankAccounts || []), ...localAccounts];
+
+    return merged.filter(
+      (item, index, arr) =>
+        arr.findIndex(
+          (candidate) => String(candidate.id) === String(item.id)
+        ) === index
+    );
+  }, [bankAccounts, localAccounts]);
+
+  const getAccountLabel = (account: BankAccount) =>
+    [
+      account.descricao,
+      account.banco && account.banco !== account.descricao
+        ? account.banco
+        : null,
+    ]
+      .filter(Boolean)
+      .join(' — ') || String(account.id);
+
+  return (
+    <div className="grid gap-2">
+      <Label>{label}</Label>
+      <div className="flex w-full min-w-0 items-center gap-2">
+        <EntityPicker<BankAccount, TFieldValues>
+          className="min-w-0 flex-1"
+          form={form}
+          name={name}
+          placeholder={selectPlaceholder}
+          searchPlaceholder={selectPlaceholder}
+          emptySelectionLabel={selectPlaceholder}
+          clearable
+          allowEmptySelection
+          showCreateButton={false}
+          options={mergedAccounts}
+          getOptionValue={(account) => String(account.id)}
+          getOptionLabel={getAccountLabel}
+        />
+        <Button
+          type="button"
+          variant="outline"
+          size="icon"
+          className="h-10 w-10 shrink-0"
+          onClick={() => setCreateOpen(true)}
+          aria-label={t('actions.createBankAccountAria')}
+        >
+          <Plus className="h-4 w-4" />
+        </Button>
+      </div>
+
+      <BankAccountSheet
+        t={tBankAccount}
+        open={createOpen}
+        onOpenChange={setCreateOpen}
+        editingAccount={null}
+        onEditingAccountChange={() => undefined}
+        onCreated={onCreated ?? (() => undefined)}
+        onCreatedAccount={(account) => {
+          setLocalAccounts((prev) => [...prev, account]);
+          form.setValue(
+            name,
+            String(account.id) as never,
+            { shouldDirty: true, shouldValidate: true }
+          );
+        }}
+      />
+    </div>
+  );
+}
+
 export {
   CategoryPickerField as CategoryFieldWithCreate,
   CostCenterPickerField as CostCenterFieldWithCreate,

package/hedhog/frontend/app/accounts-payable/installments/page.tsx.ejs

@@ -1,6 +1,7 @@
 'use client';
 
 import { PersonPickerField } from '@/app/(app)/(libraries)/crm/_components/person-picker';
+import { BankAccountPickerField } from '@/app/(app)/(libraries)/finance/_components/bank-account-picker-field';
 import { CategoryPickerField } from '@/app/(app)/(libraries)/finance/_components/category-picker-field';
 import { CostCenterPickerField } from '@/app/(app)/(libraries)/finance/_components/cost-center-picker-field';
 import {
@@ -239,6 +240,7 @@ const getNewTitleFormSchema = (t: ReturnType<typeof useTranslations>) =>
           frequencia: z.string().default('monthly'),
           dataFim: z.string().optional(),
           numOcorrencias: z.coerce.number().int().min(1).max(600).optional(),
+          documentoModo: z.enum(['same', 'sequence', 'none']).default('same'),
         })
         .optional(),
       jaFoiPago: z.boolean().default(false),
@@ -352,6 +354,7 @@ const getNewTitleDefaultValues = (): NewTitleFormValues => ({
     frequencia: 'monthly',
     dataFim: '',
     numOcorrencias: undefined,
+    documentoModo: 'same' as const,
   },
   jaFoiPago: false,
   pagamento: {
@@ -402,6 +405,7 @@ function NovoTituloSheet({
   onCreated,
   onCategoriesUpdated,
   onCostCentersUpdated,
+  onBankAccountsUpdated,
   open,
   onOpenChange,
 }: {
@@ -412,6 +416,7 @@ function NovoTituloSheet({
   onCreated: () => Promise<any> | void;
   onCategoriesUpdated?: () => Promise<any> | void;
   onCostCentersUpdated?: () => Promise<any> | void;
+  onBankAccountsUpdated?: () => Promise<any> | void;
   open?: boolean;
   onOpenChange?: (open: boolean) => void;
 }) {
@@ -511,6 +516,7 @@ function NovoTituloSheet({
           frequencia: watchedFormValues.recorrencia?.frequencia ?? 'monthly',
           dataFim: watchedFormValues.recorrencia?.dataFim ?? '',
           numOcorrencias: watchedFormValues.recorrencia?.numOcorrencias,
+          documentoModo: (watchedFormValues.recorrencia?.documentoModo ?? 'same') as 'same' | 'sequence' | 'none',
         },
         jaFoiPago: watchedFormValues.jaFoiPago ?? false,
         pagamento: {
@@ -808,6 +814,7 @@ function NovoTituloSheet({
                   end_date: values.recorrencia?.dataFim || undefined,
                   max_occurrences:
                     values.recorrencia?.numOcorrencias || undefined,
+                  document_number_mode: values.recorrencia?.documentoModo ?? 'same',
                 },
               }
             : {
@@ -884,6 +891,8 @@ function NovoTituloSheet({
   };
 
   const handleCancel = () => {
+    clearDraft();
+    form.reset(getNewTitleDefaultValues());
     handleOpenChange(false);
   };
 
@@ -1392,49 +1401,15 @@ function NovoTituloSheet({
                           />
                         )}
 
-                        <FormField
-                          control={form.control}
+                        <BankAccountPickerField
+                          form={form}
                           name="pagamento.contaBancariaId"
-                          render={({ field }) => (
-                            <FormItem>
-                              <FormLabel>
-                                {t('payment.bankAccountLabel')}
-                              </FormLabel>
-                              <Select
-                                value={field.value || ''}
-                                onValueChange={field.onChange}
-                              >
-                                <FormControl>
-                                  <SelectTrigger className="w-full">
-                                    <SelectValue
-                                      placeholder={t(
-                                        'payment.bankAccountPlaceholder'
-                                      )}
-                                    />
-                                  </SelectTrigger>
-                                </FormControl>
-                                <SelectContent>
-                                  {contasBancarias.map((conta: any) => (
-                                    <SelectItem
-                                      key={conta.id}
-                                      value={String(conta.id)}
-                                    >
-                                      {[
-                                        conta.descricao,
-                                        conta.banco &&
-                                        conta.banco !== conta.descricao
-                                          ? conta.banco
-                                          : null,
-                                      ]
-                                        .filter(Boolean)
-                                        .join(' — ')}
-                                    </SelectItem>
-                                  ))}
-                                </SelectContent>
-                              </Select>
-                              <FormMessage />
-                            </FormItem>
+                          label={t('payment.bankAccountLabel')}
+                          selectPlaceholder={t(
+                            'payment.bankAccountPlaceholder'
                           )}
+                          bankAccounts={contasBancarias}
+                          onCreated={onBankAccountsUpdated}
                         />
 
                         {renderMetodoField()}
@@ -1976,6 +1951,40 @@ function NovoTituloSheet({
                             </FormItem>
                           )}
                         />
+
+                        <FormField
+                          control={form.control}
+                          name="recorrencia.documentoModo"
+                          render={({ field }) => (
+                            <FormItem>
+                              <FormLabel>
+                                {t('recurrenceEditor.documentNumberModeLabel')}
+                              </FormLabel>
+                              <Select
+                                value={field.value ?? 'same'}
+                                onValueChange={field.onChange}
+                              >
+                                <FormControl>
+                                  <SelectTrigger className="w-full">
+                                    <SelectValue />
+                                  </SelectTrigger>
+                                </FormControl>
+                                <SelectContent>
+                                  <SelectItem value="same">
+                                    {t('recurrenceEditor.documentNumberModes.same')}
+                                  </SelectItem>
+                                  <SelectItem value="sequence">
+                                    {t('recurrenceEditor.documentNumberModes.sequence')}
+                                  </SelectItem>
+                                  <SelectItem value="none">
+                                    {t('recurrenceEditor.documentNumberModes.none')}
+                                  </SelectItem>
+                                </SelectContent>
+                              </Select>
+                              <FormMessage />
+                            </FormItem>
+                          )}
+                        />
                       </div>
                       {form.formState.errors.recorrencia?.message && (
                         <p className="text-xs text-destructive">
@@ -2236,6 +2245,7 @@ function EditarTituloSheet({
           frequencia: watchedFormValues.recorrencia?.frequencia ?? 'monthly',
           dataFim: watchedFormValues.recorrencia?.dataFim ?? '',
           numOcorrencias: watchedFormValues.recorrencia?.numOcorrencias,
+          documentoModo: (watchedFormValues.recorrencia?.documentoModo ?? 'same') as 'same' | 'sequence' | 'none',
         },
         jaFoiPago: false,
         pagamento: undefined,
@@ -2319,11 +2329,33 @@ function EditarTituloSheet({
     return parsed.toISOString().slice(0, 10);
   };
 
+  // Keep latest titulo/loadDraft in refs so the init effect can read fresh data
+  // without depending on the titulo object reference — which changes every few
+  // seconds due to realtime refetch and would otherwise reset the form mid-edit.
+  const tituloRef = useRef(titulo);
+  tituloRef.current = titulo;
+  const loadDraftRef = useRef(loadDraft);
+  loadDraftRef.current = loadDraft;
+  const lastInitializedTitleIdRef = useRef<string | null>(null);
+
   useEffect(() => {
-    if (!open || !titulo) {
+    if (!open) {
+      lastInitializedTitleIdRef.current = null;
+      return;
+    }
+
+    const titulo = tituloRef.current;
+    if (!titulo) {
       return;
     }
 
+    const titleKey = String(titulo.id ?? '');
+    if (lastInitializedTitleIdRef.current === titleKey) {
+      return;
+    }
+    lastInitializedTitleIdRef.current = titleKey;
+
+    const loadDraft = loadDraftRef.current;
     const storedDraft = loadDraft();
     const shouldRestoreDraft =
       storedDraft?.payload.mode === 'edit' &&
@@ -2382,6 +2414,7 @@ function EditarTituloSheet({
         frequencia: titulo.recurrenceFrequency || 'monthly',
         dataFim: titulo.recurrenceEndDate || '',
         numOcorrencias: undefined,
+        documentoModo: 'same' as const,
       },
       categoriaId: titulo.categoriaId || '',
       centroCustoId: titulo.centroCustoId || '',
@@ -2424,7 +2457,11 @@ function EditarTituloSheet({
     setUploadProgress(0);
     setAutoRedistributeInstallments(true);
     setIsInstallmentsEdited(true);
-  }, [form, loadDraft, open, titulo]);
+    // Re-init only when the sheet opens or the edited title id changes.
+    // titulo/loadDraft are read via refs to avoid resetting the form when a
+    // background realtime refetch produces a new titulo object reference.
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [open, titulo?.id]);
 
   useEffect(() => {
     if (isInstallmentsEdited || !open) {
@@ -2545,6 +2582,7 @@ function EditarTituloSheet({
                   end_date: values.recorrencia?.dataFim || undefined,
                   max_occurrences:
                     values.recorrencia?.numOcorrencias || undefined,
+                  document_number_mode: values.recorrencia?.documentoModo ?? 'same',
                 },
               }
             : {
@@ -2571,6 +2609,7 @@ function EditarTituloSheet({
   };
 
   const handleCancel = () => {
+    clearDraft();
     onOpenChange(false);
   };
 
@@ -3299,6 +3338,40 @@ function EditarTituloSheet({
                           </FormItem>
                         )}
                       />
+
+                      <FormField
+                        control={form.control}
+                        name="recorrencia.documentoModo"
+                        render={({ field }) => (
+                          <FormItem>
+                            <FormLabel>
+                              {t('recurrenceEditor.documentNumberModeLabel')}
+                            </FormLabel>
+                            <Select
+                              value={field.value ?? 'same'}
+                              onValueChange={field.onChange}
+                            >
+                              <FormControl>
+                                <SelectTrigger className="w-full">
+                                  <SelectValue />
+                                </SelectTrigger>
+                              </FormControl>
+                              <SelectContent>
+                                <SelectItem value="same">
+                                  {t('recurrenceEditor.documentNumberModes.same')}
+                                </SelectItem>
+                                <SelectItem value="sequence">
+                                  {t('recurrenceEditor.documentNumberModes.sequence')}
+                                </SelectItem>
+                                <SelectItem value="none">
+                                  {t('recurrenceEditor.documentNumberModes.none')}
+                                </SelectItem>
+                              </SelectContent>
+                            </Select>
+                            <FormMessage />
+                          </FormItem>
+                        )}
+                      />
                     </div>
                     {form.formState.errors.recorrencia?.message && (
                       <p className="text-xs text-destructive">
@@ -3905,6 +3978,7 @@ export default function TitulosPagarPage() {
               }}
               onCategoriesUpdated={refetchCategorias}
               onCostCentersUpdated={refetchCentrosCusto}
+              onBankAccountsUpdated={refetchFinanceData}
             />
             <EditarTituloSheet
               open={!!editingTitleId && !!editingTitle}

package/hedhog/frontend/app/accounts-receivable/collections-default/page.tsx.ejs

@@ -329,7 +329,10 @@ function EnviarCobrancaDialog({
                 <Button
                   type="button"
                   variant="outline"
-                  onClick={() => setOpen(false)}
+                  onClick={() => {
+                    clearDraft();
+                    setOpen(false);
+                  }}
                 >
                   {t('common.cancel')}
                 </Button>
@@ -575,7 +578,10 @@ function RegistrarAcordoDialog({
                 <Button
                   type="button"
                   variant="outline"
-                  onClick={() => setOpen(false)}
+                  onClick={() => {
+                    clearDraft();
+                    setOpen(false);
+                  }}
                 >
                   {t('common.cancel')}
                 </Button>

package/hedhog/frontend/app/accounts-receivable/installments/page.tsx.ejs

@@ -1,6 +1,7 @@
 'use client';
 
 import { PersonPickerField } from '@/app/(app)/(libraries)/crm/_components/person-picker';
+import { BankAccountPickerField } from '@/app/(app)/(libraries)/finance/_components/bank-account-picker-field';
 import { CategoryPickerField } from '@/app/(app)/(libraries)/finance/_components/category-picker-field';
 import { CostCenterPickerField } from '@/app/(app)/(libraries)/finance/_components/cost-center-picker-field';
 import {
@@ -249,6 +250,7 @@ const getNewTitleFormSchema = (t: ReturnType<typeof useTranslations>) =>
             .max(600)
             .optional()
             .or(z.literal('').transform(() => undefined)),
+          documentoModo: z.enum(['same', 'sequence', 'none']).default('same'),
         })
         .optional(),
       jaFoiPago: z.boolean().default(false),
@@ -360,6 +362,7 @@ const getNewTitleDefaultValues = (): NewTitleFormValues => ({
     frequencia: 'monthly',
     dataFim: '',
     numOcorrencias: undefined,
+    documentoModo: 'same' as const,
   },
   jaFoiPago: false,
   pagamento: {
@@ -505,6 +508,7 @@ function NovoTituloSheet({
           frequencia: watchedFormValues.recorrencia?.frequencia ?? 'monthly',
           dataFim: watchedFormValues.recorrencia?.dataFim ?? '',
           numOcorrencias: watchedFormValues.recorrencia?.numOcorrencias,
+          documentoModo: (watchedFormValues.recorrencia?.documentoModo ?? 'same') as 'same' | 'sequence' | 'none',
         },
         jaFoiPago: watchedFormValues.jaFoiPago ?? false,
         pagamento: {
@@ -798,6 +802,7 @@ function NovoTituloSheet({
                   end_date: values.recorrencia?.dataFim || undefined,
                   max_occurrences:
                     values.recorrencia?.numOcorrencias || undefined,
+                  document_number_mode: values.recorrencia?.documentoModo ?? 'same',
                 },
               }
             : {
@@ -874,6 +879,8 @@ function NovoTituloSheet({
   };
 
   const handleCancel = () => {
+    clearDraft();
+    form.reset(getNewTitleDefaultValues());
     setOpen(false);
   };
 
@@ -1376,49 +1383,15 @@ function NovoTituloSheet({
                           />
                         )}
 
-                        <FormField
-                          control={form.control}
+                        <BankAccountPickerField
+                          form={form}
                           name="pagamento.contaBancariaId"
-                          render={({ field }) => (
-                            <FormItem>
-                              <FormLabel>
-                                {t('payment.bankAccountLabel')}
-                              </FormLabel>
-                              <Select
-                                value={field.value || ''}
-                                onValueChange={field.onChange}
-                              >
-                                <FormControl>
-                                  <SelectTrigger className="w-full">
-                                    <SelectValue
-                                      placeholder={t(
-                                        'payment.bankAccountPlaceholder'
-                                      )}
-                                    />
-                                  </SelectTrigger>
-                                </FormControl>
-                                <SelectContent>
-                                  {contasBancarias.map((conta: any) => (
-                                    <SelectItem
-                                      key={conta.id}
-                                      value={String(conta.id)}
-                                    >
-                                      {[
-                                        conta.descricao,
-                                        conta.banco &&
-                                        conta.banco !== conta.descricao
-                                          ? conta.banco
-                                          : null,
-                                      ]
-                                        .filter(Boolean)
-                                        .join(' — ')}
-                                    </SelectItem>
-                                  ))}
-                                </SelectContent>
-                              </Select>
-                              <FormMessage />
-                            </FormItem>
+                          label={t('payment.bankAccountLabel')}
+                          selectPlaceholder={t(
+                            'payment.bankAccountPlaceholder'
                           )}
+                          bankAccounts={contasBancarias}
+                          onCreated={onOptionsUpdated}
                         />
 
                         {renderCanalField()}
@@ -1963,6 +1936,40 @@ function NovoTituloSheet({
                             </FormItem>
                           )}
                         />
+
+                        <FormField
+                          control={form.control}
+                          name="recorrencia.documentoModo"
+                          render={({ field }) => (
+                            <FormItem>
+                              <FormLabel>
+                                {t('recurrenceEditor.documentNumberModeLabel')}
+                              </FormLabel>
+                              <Select
+                                value={field.value ?? 'same'}
+                                onValueChange={field.onChange}
+                              >
+                                <FormControl>
+                                  <SelectTrigger className="w-full">
+                                    <SelectValue />
+                                  </SelectTrigger>
+                                </FormControl>
+                                <SelectContent>
+                                  <SelectItem value="same">
+                                    {t('recurrenceEditor.documentNumberModes.same')}
+                                  </SelectItem>
+                                  <SelectItem value="sequence">
+                                    {t('recurrenceEditor.documentNumberModes.sequence')}
+                                  </SelectItem>
+                                  <SelectItem value="none">
+                                    {t('recurrenceEditor.documentNumberModes.none')}
+                                  </SelectItem>
+                                </SelectContent>
+                              </Select>
+                              <FormMessage />
+                            </FormItem>
+                          )}
+                        />
                       </div>
                       {form.formState.errors.recorrencia?.message && (
                         <p className="text-xs text-destructive">
@@ -2221,6 +2228,7 @@ function EditarTituloSheet({
           frequencia: watchedFormValues.recorrencia?.frequencia ?? 'monthly',
           dataFim: watchedFormValues.recorrencia?.dataFim ?? '',
           numOcorrencias: watchedFormValues.recorrencia?.numOcorrencias,
+          documentoModo: (watchedFormValues.recorrencia?.documentoModo ?? 'same') as 'same' | 'sequence' | 'none',
         },
         jaFoiPago: false,
         pagamento: undefined,
@@ -2304,11 +2312,33 @@ function EditarTituloSheet({
     return parsed.toISOString().slice(0, 10);
   };
 
+  // Keep latest titulo/loadDraft in refs so the init effect can read fresh data
+  // without depending on the titulo object reference — which changes every few
+  // seconds due to realtime refetch and would otherwise reset the form mid-edit.
+  const tituloRef = useRef(titulo);
+  tituloRef.current = titulo;
+  const loadDraftRef = useRef(loadDraft);
+  loadDraftRef.current = loadDraft;
+  const lastInitializedTitleIdRef = useRef<string | null>(null);
+
   useEffect(() => {
-    if (!open || !titulo) {
+    if (!open) {
+      lastInitializedTitleIdRef.current = null;
+      return;
+    }
+
+    const titulo = tituloRef.current;
+    if (!titulo) {
+      return;
+    }
+
+    const titleKey = String(titulo.id ?? '');
+    if (lastInitializedTitleIdRef.current === titleKey) {
       return;
     }
+    lastInitializedTitleIdRef.current = titleKey;
 
+    const loadDraft = loadDraftRef.current;
     const storedDraft = loadDraft();
     const shouldRestoreDraft =
       storedDraft?.payload.mode === 'edit' &&
@@ -2367,6 +2397,7 @@ function EditarTituloSheet({
         frequencia: titulo.recurrenceFrequency || 'monthly',
         dataFim: titulo.recurrenceEndDate || '',
         numOcorrencias: undefined,
+        documentoModo: 'same' as const,
       },
       categoriaId: titulo.categoriaId || '',
       centroCustoId: titulo.centroCustoId || '',
@@ -2409,7 +2440,11 @@ function EditarTituloSheet({
     setUploadProgress(0);
     setAutoRedistributeInstallments(true);
     setIsInstallmentsEdited(true);
-  }, [form, loadDraft, open, titulo]);
+    // Re-init only when the sheet opens or the edited title id changes.
+    // titulo/loadDraft are read via refs to avoid resetting the form when a
+    // background realtime refetch produces a new titulo object reference.
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [open, titulo?.id]);
 
   useEffect(() => {
     if (isInstallmentsEdited || !open) {
@@ -2693,6 +2728,7 @@ function EditarTituloSheet({
                   end_date: values.recorrencia?.dataFim || undefined,
                   max_occurrences:
                     values.recorrencia?.numOcorrencias || undefined,
+                  document_number_mode: values.recorrencia?.documentoModo ?? 'same',
                 },
               }
             : {
@@ -2719,6 +2755,7 @@ function EditarTituloSheet({
   };
 
   const handleCancel = () => {
+    clearDraft();
     onOpenChange(false);
   };
 
@@ -3284,6 +3321,40 @@ function EditarTituloSheet({
                           </FormItem>
                         )}
                       />
+
+                      <FormField
+                        control={form.control}
+                        name="recorrencia.documentoModo"
+                        render={({ field }) => (
+                          <FormItem>
+                            <FormLabel>
+                              {t('recurrenceEditor.documentNumberModeLabel')}
+                            </FormLabel>
+                            <Select
+                              value={field.value ?? 'same'}
+                              onValueChange={field.onChange}
+                            >
+                              <FormControl>
+                                <SelectTrigger className="w-full">
+                                  <SelectValue />
+                                </SelectTrigger>
+                              </FormControl>
+                              <SelectContent>
+                                <SelectItem value="same">
+                                  {t('recurrenceEditor.documentNumberModes.same')}
+                                </SelectItem>
+                                <SelectItem value="sequence">
+                                  {t('recurrenceEditor.documentNumberModes.sequence')}
+                                </SelectItem>
+                                <SelectItem value="none">
+                                  {t('recurrenceEditor.documentNumberModes.none')}
+                                </SelectItem>
+                              </SelectContent>
+                            </Select>
+                            <FormMessage />
+                          </FormItem>
+                        )}
+                      />
                     </div>
                     {form.formState.errors.recorrencia?.message && (
                       <p className="text-xs text-destructive">