@hed-hog/contact 0.0.302 → 0.0.304

package/hedhog/frontend/app/pipeline/_components/lead-proposals-tab.tsx.ejs

@@ -1,5 +1,6 @@
 'use client';
 
+import { EmptyState } from '@/components/entity-list';
 import {
   AlertDialog,
   AlertDialogAction,
@@ -67,7 +68,7 @@ import {
 } from 'lucide-react';
 import { useTranslations } from 'next-intl';
 import { useEffect, useMemo, useState } from 'react';
-import { useForm } from 'react-hook-form';
+import { useFieldArray, useForm } from 'react-hook-form';
 import { toast } from 'sonner';
 import { z } from 'zod';
 
@@ -111,6 +112,21 @@ type ProposalBillingModel =
   | 'monthly_retainer'
   | 'fixed_price';
 
+type ProposalItemType =
+  | 'service'
+  | 'product'
+  | 'fee'
+  | 'discount'
+  | 'note'
+  | 'other';
+
+type ProposalRecurrence =
+  | 'one_time'
+  | 'monthly'
+  | 'quarterly'
+  | 'yearly'
+  | 'other';
+
 type ProposalItem = {
   id?: number;
   name: string;
@@ -118,8 +134,12 @@ type ProposalItem = {
   quantity?: number | null;
   unit_amount_cents?: number | null;
   total_amount_cents?: number | null;
-  item_type?: string | null;
-  recurrence?: string | null;
+  item_type?: ProposalItemType | string | null;
+  term_type?: string | null;
+  recurrence?: ProposalRecurrence | string | null;
+  start_date?: string | null;
+  end_date?: string | null;
+  due_day?: number | null;
 };
 
 type ProposalRevision = {
@@ -195,10 +215,20 @@ type LeadProposalsTabProps = {
   onLeadUpdated: (lead: CrmLead) => Promise<void> | void;
 };
 
+const proposalItemFormSchema = z.object({
+  name: z.string().trim().min(1),
+  description: z.string().optional(),
+  itemType: z.enum(['service', 'product', 'fee', 'discount', 'note', 'other']),
+  quantity: z.coerce.number().min(0),
+  unitAmount: z.coerce.number().min(0),
+  recurrence: z.enum(['one_time', 'monthly', 'quarterly', 'yearly', 'other']),
+  startDate: z.string().optional(),
+  endDate: z.string().optional(),
+});
+
 const proposalFormSchema = z.object({
   code: z.string().max(40).optional(),
   title: z.string().trim().min(1),
-  totalAmount: z.coerce.number().min(0),
   validUntil: z.string().optional(),
   contractCategory: z.enum([
     'employee',
@@ -229,9 +259,11 @@ const proposalFormSchema = z.object({
   ]),
   summary: z.string().optional(),
   notes: z.string().optional(),
+  items: z.array(proposalItemFormSchema).min(1),
 });
 
 type ProposalFormValues = z.infer<typeof proposalFormSchema>;
+type ProposalFormItemValues = z.infer<typeof proposalItemFormSchema>;
 
 const CONTRACT_CATEGORY_OPTIONS: ProposalContractCategory[] = [
   'client',
@@ -263,6 +295,39 @@ const BILLING_MODEL_OPTIONS: ProposalBillingModel[] = [
   'time_and_material',
 ];
 
+const ITEM_TYPE_OPTIONS: ProposalItemType[] = [
+  'service',
+  'product',
+  'fee',
+  'discount',
+  'note',
+  'other',
+];
+
+const RECURRENCE_OPTIONS: ProposalRecurrence[] = [
+  'one_time',
+  'monthly',
+  'quarterly',
+  'yearly',
+  'other',
+];
+
+function createEmptyProposalItem(
+  overrides: Partial<ProposalFormItemValues> = {}
+): ProposalFormItemValues {
+  return {
+    name: '',
+    description: '',
+    itemType: 'service',
+    quantity: 1,
+    unitAmount: 0,
+    recurrence: 'one_time',
+    startDate: '',
+    endDate: '',
+    ...overrides,
+  };
+}
+
 function toDateInputValue(value?: string | null) {
   if (!value) return '';
   const parsed = new Date(value);
@@ -280,6 +345,38 @@ function formatEnumLabel(value?: string | null) {
     .join(' ');
 }
 
+function toIsoDateFromInputValue(value?: string | null) {
+  if (!value) return null;
+  return new Date(`${value}T00:00:00`).toISOString();
+}
+
+function mapProposalItemToFormValue(
+  item?: ProposalItem | null,
+  fallback?: {
+    name?: string;
+    description?: string | null;
+    amountInCents?: number | null;
+  }
+): ProposalFormItemValues {
+  return createEmptyProposalItem({
+    name: item?.name ?? fallback?.name ?? '',
+    description: item?.description ?? fallback?.description ?? '',
+    itemType: (item?.item_type as ProposalItemType | undefined) ?? 'service',
+    quantity: Number(item?.quantity ?? 1),
+    unitAmount:
+      Number(
+        item?.unit_amount_cents ??
+          item?.total_amount_cents ??
+          fallback?.amountInCents ??
+          0
+      ) / 100,
+    recurrence:
+      (item?.recurrence as ProposalRecurrence | undefined) ?? 'one_time',
+    startDate: toDateInputValue(item?.start_date),
+    endDate: toDateInputValue(item?.end_date),
+  });
+}
+
 function openStoredFile(fileId?: number | null) {
   if (!fileId) return;
   const baseUrl = String(process.env.NEXT_PUBLIC_API_BASE_URL || '');
@@ -324,16 +421,54 @@ export function LeadProposalsTab({
     defaultValues: {
       code: '',
       title: '',
-      totalAmount: 0,
       validUntil: '',
       contractCategory: 'client',
       contractType: 'service_agreement',
       billingModel: 'fixed_price',
       summary: '',
       notes: '',
+      items: [createEmptyProposalItem()],
     },
   });
 
+  const {
+    fields: itemFields,
+    append: appendItem,
+    remove: removeItem,
+  } = useFieldArray({
+    control: form.control,
+    name: 'items',
+  });
+
+  const watchedItems = form.watch('items');
+  const pricingSummary = useMemo(() => {
+    const subtotalCents = (watchedItems ?? []).reduce((sum, item) => {
+      if (item?.itemType === 'discount') return sum;
+      return (
+        sum +
+        Math.round(
+          Number(item?.quantity ?? 0) * Number(item?.unitAmount ?? 0) * 100
+        )
+      );
+    }, 0);
+
+    const discountCents = (watchedItems ?? []).reduce((sum, item) => {
+      if (item?.itemType !== 'discount') return sum;
+      return (
+        sum +
+        Math.round(
+          Number(item?.quantity ?? 0) * Number(item?.unitAmount ?? 0) * 100
+        )
+      );
+    }, 0);
+
+    return {
+      subtotalCents,
+      discountCents,
+      totalCents: Math.max(subtotalCents - discountCents, 0),
+    };
+  }, [watchedItems]);
+
   const {
     data: proposalPage = { data: [], total: 0, page: 1, pageSize: 20 },
     isLoading: isLoadingProposals,
@@ -402,13 +537,13 @@ export function LeadProposalsTab({
       form.reset({
         code: '',
         title: '',
-        totalAmount: 0,
         validUntil: '',
         contractCategory: 'client',
         contractType: 'service_agreement',
         billingModel: 'fixed_price',
         summary: '',
         notes: '',
+        items: [createEmptyProposalItem()],
       });
       setEditingProposal(null);
       return;
@@ -418,29 +553,41 @@ export function LeadProposalsTab({
       form.reset({
         code: '',
         title: '',
-        totalAmount: 0,
         validUntil: '',
         contractCategory: 'client',
         contractType: 'service_agreement',
         billingModel: 'fixed_price',
         summary: '',
         notes: '',
+        items: [createEmptyProposalItem()],
       });
       return;
     }
 
     const currentRevision = getCurrentRevision(editingProposal);
+    const revisionItems = currentRevision?.proposal_item?.length
+      ? currentRevision.proposal_item.map((item) =>
+          mapProposalItemToFormValue(item)
+        )
+      : [
+          mapProposalItemToFormValue(undefined, {
+            name: editingProposal.title,
+            description:
+              currentRevision?.summary ?? editingProposal.notes ?? '',
+            amountInCents: editingProposal.total_amount_cents,
+          }),
+        ];
 
     form.reset({
       code: editingProposal.code ?? '',
       title: editingProposal.title,
-      totalAmount: Number(editingProposal.total_amount_cents ?? 0) / 100,
       validUntil: toDateInputValue(editingProposal.valid_until),
       contractCategory: editingProposal.contract_category ?? 'client',
       contractType: editingProposal.contract_type ?? 'service_agreement',
       billingModel: editingProposal.billing_model ?? 'fixed_price',
       summary: currentRevision?.summary ?? '',
       notes: editingProposal.notes ?? '',
+      items: revisionItems,
     });
   }, [editingProposal, form, formOpen]);
 
@@ -512,7 +659,12 @@ export function LeadProposalsTab({
   };
 
   const getProposalEnumLabel = (
-    group: 'contractCategory' | 'contractType' | 'billingModel',
+    group:
+      | 'contractCategory'
+      | 'contractType'
+      | 'billingModel'
+      | 'itemType'
+      | 'recurrence',
     value?: string | null
   ) => {
     if (!value) return '—';
@@ -583,7 +735,43 @@ export function LeadProposalsTab({
   };
 
   const handleSave = async (values: ProposalFormValues) => {
-    const amountInCents = Math.round(Number(values.totalAmount || 0) * 100);
+    const normalizedItems = values.items
+      .map((item) => {
+        const quantity = Number(item.quantity ?? 0);
+        const unitAmount = Number(item.unitAmount ?? 0);
+        const unitAmountCents = Math.round(unitAmount * 100);
+        const totalAmountCents = Math.round(quantity * unitAmount * 100);
+
+        return {
+          name: item.name.trim(),
+          description: item.description?.trim() || null,
+          quantity,
+          unit_amount_cents: unitAmountCents,
+          total_amount_cents: totalAmountCents,
+          item_type: item.itemType,
+          term_type: 'value',
+          recurrence: item.recurrence,
+          start_date: toIsoDateFromInputValue(item.startDate),
+          end_date: toIsoDateFromInputValue(item.endDate),
+        };
+      })
+      .filter((item) => item.name.length > 0);
+
+    const subtotalAmountCents = normalizedItems.reduce((sum, item) => {
+      if (item.item_type === 'discount') return sum;
+      return sum + Number(item.total_amount_cents ?? 0);
+    }, 0);
+
+    const discountAmountCents = normalizedItems.reduce((sum, item) => {
+      if (item.item_type !== 'discount') return sum;
+      return sum + Number(item.total_amount_cents ?? 0);
+    }, 0);
+
+    const totalAmountCents = Math.max(
+      subtotalAmountCents - discountAmountCents,
+      0
+    );
+
     const payload = {
       person_id: lead.id,
       code: values.code?.trim() || undefined,
@@ -592,29 +780,13 @@ export function LeadProposalsTab({
       contract_type: values.contractType,
       billing_model: values.billingModel,
       currency_code: 'BRL',
-      valid_until: values.validUntil
-        ? new Date(`${values.validUntil}T00:00:00`).toISOString()
-        : null,
-      subtotal_amount_cents: amountInCents,
-      total_amount_cents: amountInCents,
+      valid_until: toIsoDateFromInputValue(values.validUntil),
+      subtotal_amount_cents: subtotalAmountCents,
+      discount_amount_cents: discountAmountCents,
+      total_amount_cents: totalAmountCents,
       summary: values.summary?.trim() || null,
       notes: values.notes?.trim() || null,
-      items:
-        amountInCents > 0
-          ? [
-              {
-                name: values.title.trim(),
-                description:
-                  values.summary?.trim() || values.notes?.trim() || undefined,
-                quantity: 1,
-                unit_amount_cents: amountInCents,
-                total_amount_cents: amountInCents,
-                item_type: 'service',
-                term_type: 'value',
-                recurrence: 'one_time',
-              },
-            ]
-          : [],
+      items: normalizedItems,
     };
 
     try {
@@ -810,25 +982,15 @@ export function LeadProposalsTab({
             {t('proposals.loading')}
           </div>
         ) : proposals.length === 0 ? (
-          <Card className="border-dashed shadow-none">
-            <CardHeader className="space-y-2">
-              <div className="flex size-10 items-center justify-center rounded-xl bg-muted text-muted-foreground">
-                <FileText className="size-5" />
-              </div>
-              <CardTitle className="text-base">
-                {t('proposals.emptyTitle')}
-              </CardTitle>
-              <CardDescription>
-                {t('proposals.emptyDescription')}
-              </CardDescription>
-            </CardHeader>
-            <CardContent>
-              <Button size="sm" className="gap-2" onClick={openCreateSheet}>
-                <Plus className="size-4" />
-                {t('proposals.emptyAction')}
-              </Button>
-            </CardContent>
-          </Card>
+          <EmptyState
+            className="min-h-60"
+            icon={<FileText className="size-5" />}
+            title={t('proposals.emptyTitle')}
+            description={t('proposals.emptyDescription')}
+            actionLabel={t('proposals.emptyAction')}
+            actionIcon={<Plus className="mr-2 size-4" />}
+            onAction={openCreateSheet}
+          />
         ) : (
           <div className="grid gap-4 xl:grid-cols-[minmax(0,340px)_minmax(0,1fr)]">
             <Card className="min-w-0 border-border/60 shadow-sm">
@@ -1259,8 +1421,33 @@ export function LeadProposalsTab({
                                       {item.description}
                                     </p>
                                   ) : null}
+
+                                  <div className="mt-2 flex flex-wrap items-center gap-2 text-xs text-muted-foreground">
+                                    {item.item_type ? (
+                                      <Badge variant="secondary">
+                                        {getProposalEnumLabel(
+                                          'itemType',
+                                          item.item_type
+                                        )}
+                                      </Badge>
+                                    ) : null}
+                                    {Number(item.quantity ?? 0) > 0 ? (
+                                      <span>
+                                        {`${item.quantity} × ${formatCurrency(item.unit_amount_cents, selectedProposal.currency_code)}`}
+                                      </span>
+                                    ) : null}
+                                    {item.recurrence ? (
+                                      <Badge variant="outline">
+                                        {getProposalEnumLabel(
+                                          'recurrence',
+                                          item.recurrence
+                                        )}
+                                      </Badge>
+                                    ) : null}
+                                  </div>
                                 </div>
                                 <span className="text-sm font-semibold text-foreground">
+                                  {item.item_type === 'discount' ? '- ' : ''}
                                   {formatCurrency(
                                     item.total_amount_cents,
                                     selectedProposal.currency_code
@@ -1422,28 +1609,321 @@ export function LeadProposalsTab({
                     )}
                   />
 
-                  <FormField
-                    control={form.control}
-                    name="totalAmount"
-                    render={({ field }) => (
-                      <FormItem>
-                        <FormLabel>{t('proposals.form.amount')}</FormLabel>
-                        <FormControl>
-                          <InputMoney
-                            ref={field.ref}
-                            name={field.name}
-                            value={field.value ?? 0}
-                            onBlur={field.onBlur}
-                            onValueChange={(value) =>
-                              field.onChange(value ?? 0)
-                            }
-                            placeholder="0,00"
-                          />
-                        </FormControl>
-                        <FormMessage />
-                      </FormItem>
-                    )}
-                  />
+                  <div className="space-y-3 lg:col-span-2">
+                    <div className="flex flex-col gap-3 rounded-xl border border-border/60 bg-muted/10 p-4 sm:flex-row sm:items-start sm:justify-between">
+                      <div className="space-y-1">
+                        <p className="text-sm font-medium text-foreground">
+                          {t('proposals.form.items')}
+                        </p>
+                        <p className="text-xs text-muted-foreground">
+                          {t('proposals.form.itemsDescription')}
+                        </p>
+                      </div>
+
+                      <Button
+                        type="button"
+                        variant="outline"
+                        size="sm"
+                        className="gap-2 self-start"
+                        onClick={() => appendItem(createEmptyProposalItem())}
+                      >
+                        <Plus className="size-4" />
+                        {t('proposals.form.addItem')}
+                      </Button>
+                    </div>
+
+                    <div className="space-y-3">
+                      {itemFields.map((itemField, index) => {
+                        const watchedItem = watchedItems?.[index];
+                        const lineTotalCents = Math.round(
+                          Number(watchedItem?.quantity ?? 0) *
+                            Number(watchedItem?.unitAmount ?? 0) *
+                            100
+                        );
+                        const isDiscountItem =
+                          watchedItem?.itemType === 'discount';
+
+                        return (
+                          <div
+                            key={itemField.id}
+                            className="rounded-xl border border-border/60 bg-background p-3 shadow-xs"
+                          >
+                            <div className="flex flex-wrap items-start justify-between gap-2">
+                              <div>
+                                <p className="text-sm font-semibold text-foreground">
+                                  {t('proposals.form.itemLabel', {
+                                    number: index + 1,
+                                  })}
+                                </p>
+                                <p className="text-xs text-muted-foreground">
+                                  {isDiscountItem
+                                    ? t('proposals.form.discountHint')
+                                    : t('proposals.form.itemHint')}
+                                </p>
+                              </div>
+
+                              <Button
+                                type="button"
+                                variant="ghost"
+                                size="sm"
+                                className="gap-2 text-muted-foreground"
+                                onClick={() => removeItem(index)}
+                                disabled={itemFields.length === 1}
+                              >
+                                <Trash2 className="size-4" />
+                                {t('proposals.form.removeItem')}
+                              </Button>
+                            </div>
+
+                            <div className="mt-3 grid grid-cols-1 gap-3 xl:grid-cols-6">
+                              <FormField
+                                control={form.control}
+                                name={`items.${index}.name` as const}
+                                render={({ field }) => (
+                                  <FormItem className="xl:col-span-2">
+                                    <FormLabel>
+                                      {t('proposals.form.itemName')}
+                                    </FormLabel>
+                                    <FormControl>
+                                      <Input
+                                        {...field}
+                                        value={field.value ?? ''}
+                                        placeholder={t(
+                                          'proposals.form.itemNamePlaceholder'
+                                        )}
+                                      />
+                                    </FormControl>
+                                    <FormMessage />
+                                  </FormItem>
+                                )}
+                              />
+
+                              <FormField
+                                control={form.control}
+                                name={`items.${index}.itemType` as const}
+                                render={({ field }) => (
+                                  <FormItem>
+                                    <FormLabel>
+                                      {t('proposals.form.itemType')}
+                                    </FormLabel>
+                                    <Select
+                                      onValueChange={field.onChange}
+                                      value={field.value}
+                                    >
+                                      <FormControl>
+                                        <SelectTrigger className="w-full">
+                                          <SelectValue />
+                                        </SelectTrigger>
+                                      </FormControl>
+                                      <SelectContent>
+                                        {ITEM_TYPE_OPTIONS.map((option) => (
+                                          <SelectItem
+                                            key={option}
+                                            value={option}
+                                          >
+                                            {getProposalEnumLabel(
+                                              'itemType',
+                                              option
+                                            )}
+                                          </SelectItem>
+                                        ))}
+                                      </SelectContent>
+                                    </Select>
+                                    <FormMessage />
+                                  </FormItem>
+                                )}
+                              />
+
+                              <FormField
+                                control={form.control}
+                                name={`items.${index}.recurrence` as const}
+                                render={({ field }) => (
+                                  <FormItem>
+                                    <FormLabel>
+                                      {t('proposals.form.recurrence')}
+                                    </FormLabel>
+                                    <Select
+                                      onValueChange={field.onChange}
+                                      value={field.value}
+                                    >
+                                      <FormControl>
+                                        <SelectTrigger className="w-full">
+                                          <SelectValue />
+                                        </SelectTrigger>
+                                      </FormControl>
+                                      <SelectContent>
+                                        {RECURRENCE_OPTIONS.map((option) => (
+                                          <SelectItem
+                                            key={option}
+                                            value={option}
+                                          >
+                                            {getProposalEnumLabel(
+                                              'recurrence',
+                                              option
+                                            )}
+                                          </SelectItem>
+                                        ))}
+                                      </SelectContent>
+                                    </Select>
+                                    <FormMessage />
+                                  </FormItem>
+                                )}
+                              />
+
+                              <FormField
+                                control={form.control}
+                                name={`items.${index}.quantity` as const}
+                                render={({ field }) => (
+                                  <FormItem>
+                                    <FormLabel>
+                                      {t('proposals.form.quantity')}
+                                    </FormLabel>
+                                    <FormControl>
+                                      <Input
+                                        {...field}
+                                        type="number"
+                                        min="0"
+                                        step="0.01"
+                                        value={field.value ?? 0}
+                                        onChange={(event) =>
+                                          field.onChange(event.target.value)
+                                        }
+                                      />
+                                    </FormControl>
+                                    <FormMessage />
+                                  </FormItem>
+                                )}
+                              />
+
+                              <FormField
+                                control={form.control}
+                                name={`items.${index}.unitAmount` as const}
+                                render={({ field }) => (
+                                  <FormItem>
+                                    <FormLabel>
+                                      {t('proposals.form.unitAmount')}
+                                    </FormLabel>
+                                    <FormControl>
+                                      <InputMoney
+                                        ref={field.ref}
+                                        name={field.name}
+                                        value={field.value ?? 0}
+                                        onBlur={field.onBlur}
+                                        onValueChange={(value) =>
+                                          field.onChange(value ?? 0)
+                                        }
+                                        placeholder="0,00"
+                                      />
+                                    </FormControl>
+                                    <FormMessage />
+                                  </FormItem>
+                                )}
+                              />
+
+                              <FormField
+                                control={form.control}
+                                name={`items.${index}.description` as const}
+                                render={({ field }) => (
+                                  <FormItem className="xl:col-span-4">
+                                    <FormLabel>
+                                      {t('proposals.form.itemDescription')}
+                                    </FormLabel>
+                                    <FormControl>
+                                      <Textarea
+                                        {...field}
+                                        value={field.value ?? ''}
+                                        rows={3}
+                                        placeholder={t(
+                                          'proposals.form.itemDescriptionPlaceholder'
+                                        )}
+                                      />
+                                    </FormControl>
+                                    <FormMessage />
+                                  </FormItem>
+                                )}
+                              />
+
+                              <FormField
+                                control={form.control}
+                                name={`items.${index}.startDate` as const}
+                                render={({ field }) => (
+                                  <FormItem>
+                                    <FormLabel>
+                                      {t('proposals.form.startDate')}
+                                    </FormLabel>
+                                    <FormControl>
+                                      <Input
+                                        type="date"
+                                        {...field}
+                                        value={field.value ?? ''}
+                                      />
+                                    </FormControl>
+                                    <FormMessage />
+                                  </FormItem>
+                                )}
+                              />
+
+                              <FormField
+                                control={form.control}
+                                name={`items.${index}.endDate` as const}
+                                render={({ field }) => (
+                                  <FormItem>
+                                    <FormLabel>
+                                      {t('proposals.form.endDate')}
+                                    </FormLabel>
+                                    <FormControl>
+                                      <Input
+                                        type="date"
+                                        {...field}
+                                        value={field.value ?? ''}
+                                      />
+                                    </FormControl>
+                                    <FormMessage />
+                                  </FormItem>
+                                )}
+                              />
+                            </div>
+
+                            <div className="mt-3 flex justify-end">
+                              <div className="rounded-lg bg-muted/40 px-3 py-2 text-sm font-medium text-foreground">
+                                {t('proposals.form.lineTotal')}:{' '}
+                                {isDiscountItem ? '- ' : ''}
+                                {formatCurrency(lineTotalCents, 'BRL')}
+                              </div>
+                            </div>
+                          </div>
+                        );
+                      })}
+                    </div>
+
+                    <div className="grid gap-2 rounded-xl border border-border/60 bg-muted/15 p-4 sm:grid-cols-3">
+                      <div>
+                        <p className="text-xs text-muted-foreground">
+                          {t('proposals.form.subtotal')}
+                        </p>
+                        <p className="text-base font-semibold text-foreground">
+                          {formatCurrency(pricingSummary.subtotalCents, 'BRL')}
+                        </p>
+                      </div>
+                      <div>
+                        <p className="text-xs text-muted-foreground">
+                          {t('proposals.form.discount')}
+                        </p>
+                        <p className="text-base font-semibold text-foreground">
+                          -{' '}
+                          {formatCurrency(pricingSummary.discountCents, 'BRL')}
+                        </p>
+                      </div>
+                      <div>
+                        <p className="text-xs text-muted-foreground">
+                          {t('proposals.form.calculatedTotal')}
+                        </p>
+                        <p className="text-base font-semibold text-foreground">
+                          {formatCurrency(pricingSummary.totalCents, 'BRL')}
+                        </p>
+                      </div>
+                    </div>
+                  </div>
 
                   <FormField
                     control={form.control}

package/hedhog/frontend/messages/en.json

@@ -866,6 +866,21 @@
           "time_and_material": "Time and material",
           "monthly_retainer": "Monthly retainer",
           "fixed_price": "Fixed price"
+        },
+        "itemType": {
+          "service": "Service",
+          "product": "Product",
+          "fee": "Fee",
+          "discount": "Discount",
+          "note": "Note",
+          "other": "Other"
+        },
+        "recurrence": {
+          "one_time": "One-time",
+          "monthly": "Monthly",
+          "quarterly": "Quarterly",
+          "yearly": "Yearly",
+          "other": "Other"
         }
       },
       "actions": {
@@ -909,6 +924,27 @@
         "contractCategory": "Contract category",
         "contractType": "Contract type",
         "billingModel": "Billing model",
+        "items": "Proposal items",
+        "itemsDescription": "Add the services, products, fees, or discounts that make up this commercial proposal.",
+        "addItem": "Add item",
+        "itemLabel": "Item {number}",
+        "itemHint": "Describe the scope, recurrence, and pricing for this item.",
+        "discountHint": "Use positive values; the system will apply this item as a discount.",
+        "removeItem": "Remove item",
+        "itemName": "Item name",
+        "itemNamePlaceholder": "E.g. Implementation, monthly license, or commercial discount",
+        "itemType": "Item type",
+        "recurrence": "Recurrence",
+        "quantity": "Quantity",
+        "unitAmount": "Unit amount",
+        "itemDescription": "Item description",
+        "itemDescriptionPlaceholder": "Describe what is included in this item...",
+        "startDate": "Start date",
+        "endDate": "End date",
+        "lineTotal": "Line total",
+        "subtotal": "Subtotal",
+        "discount": "Discounts",
+        "calculatedTotal": "Calculated total",
         "summary": "Summary",
         "summaryPlaceholder": "Write a short commercial summary for this proposal...",
         "notes": "Internal notes",

package/hedhog/frontend/messages/pt.json

@@ -865,6 +865,21 @@
           "time_and_material": "Tempo e material",
           "monthly_retainer": "Retainer mensal",
           "fixed_price": "Preço fixo"
+        },
+        "itemType": {
+          "service": "Serviço",
+          "product": "Produto",
+          "fee": "Taxa",
+          "discount": "Desconto",
+          "note": "Observação",
+          "other": "Outro"
+        },
+        "recurrence": {
+          "one_time": "Pontual",
+          "monthly": "Mensal",
+          "quarterly": "Trimestral",
+          "yearly": "Anual",
+          "other": "Outra"
         }
       },
       "actions": {
@@ -908,6 +923,27 @@
         "contractCategory": "Categoria do contrato",
         "contractType": "Tipo do contrato",
         "billingModel": "Modelo de cobrança",
+        "items": "Itens da proposta",
+        "itemsDescription": "Adicione serviços, produtos, taxas ou descontos que compõem a proposta comercial.",
+        "addItem": "Adicionar item",
+        "itemLabel": "Item {number}",
+        "itemHint": "Detalhe o escopo, a recorrência e os valores deste item.",
+        "discountHint": "Use valores positivos; o sistema aplicará este item como desconto.",
+        "removeItem": "Remover item",
+        "itemName": "Nome do item",
+        "itemNamePlaceholder": "Ex: Implantação, licença mensal ou desconto comercial",
+        "itemType": "Tipo do item",
+        "recurrence": "Recorrência",
+        "quantity": "Quantidade",
+        "unitAmount": "Valor unitário",
+        "itemDescription": "Descrição do item",
+        "itemDescriptionPlaceholder": "Detalhe o que está incluído neste item...",
+        "startDate": "Início",
+        "endDate": "Fim",
+        "lineTotal": "Total da linha",
+        "subtotal": "Subtotal",
+        "discount": "Descontos",
+        "calculatedTotal": "Total calculado",
         "summary": "Resumo",
         "summaryPlaceholder": "Escreva um resumo comercial desta proposta...",
         "notes": "Notas internas",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hed-hog/contact",
-  "version": "0.0.302",
+  "version": "0.0.304",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "dependencies": {
@@ -11,10 +11,10 @@
     "@nestjs/mapped-types": "*",
     "@hed-hog/api-prisma": "0.0.6",
     "@hed-hog/api-locale": "0.0.14",
+    "@hed-hog/address": "0.0.304",
     "@hed-hog/api-mail": "0.0.9",
-    "@hed-hog/core": "0.0.302",
-    "@hed-hog/address": "0.0.302",
     "@hed-hog/api": "0.0.6",
+    "@hed-hog/core": "0.0.304",
     "@hed-hog/api-pagination": "0.0.7"
   },
   "exports": {