Files
Investidor-V2/resources/js/components/simulation-commission-base.tsx
T

346 lines
16 KiB
TypeScript

import { inputText } from '../lib/input-text.ts';
import { useState } from 'react';
import {
newCommissionBase,
switchCommissionDirection,
commissionBaseBook,
commissionBaseConditions,
commissionBaseCurrent,
commissionBaseReportRows,
commissionBaseSource,
commissionBaseTreatments,
recordCommissionBases,
saveCommissionBaseBook,
type CommissionBaseBook,
type CommissionBaseRow,
} from '@/lib/iva-commission-base';
export function SimulationCommissionBase({
draft,
onChange,
}: {
draft: Record<string, unknown>;
onChange: (field: string, value: string) => void;
}) {
const [error, setError] = useState('');
let book: CommissionBaseBook;
try {
book = commissionBaseBook(draft);
} catch (cause) {
return <p role="alert">{String(cause)}</p>;
}
const save = (next: CommissionBaseBook) => {
try {
onChange('modelo_a_snapshot', saveCommissionBaseBook(draft, next));
setError('');
} catch (cause) {
setError(String(cause));
}
};
const change = (id: string, patch: Partial<CommissionBaseRow>) =>
save({
...book,
rows: book.rows.map((row) =>
row.id === id ? { ...row, ...patch } : row,
),
});
return (
<details className="space-y-3 rounded border p-3">
<summary>
Base tributável — bens em comissão de venda ou compra
</summary>
<p>
Oportunidade:{' '}
{inputText(draft.context_opportunity || 'entrada geral')}.
Prepare apenas transferências de bens entre comitente e
comissário em execução do contrato de comissão, incluindo
consignação quando aplicável. Não é o IVA de um serviço autónomo
de intermediação nem uma regra para qualquer pagamento de
comissão.
</p>
<p>
Comissão de venda: preço de venda acordado pelo comissário menos
comissão. Comissão de compra: preço de compra acordado pelo
comissário mais comissão. Indique valores sem IVA, antes deste
ajuste, e as referências da operação; montantes em falta não são
zero. Base não determina incidência, taxa ou imposto.
</p>
<p>{commissionBaseSource}</p>
{error && <p role="alert">{error}</p>}
<button
type="button"
className="underline"
onClick={() =>
save({
...book,
rows: [
...book.rows,
newCommissionBase(
crypto.randomUUID(),
inputText(draft.currency ?? ''),
),
],
})
}
>
Acrescentar transferência de bens em comissão
</button>
{book.rows.map((row) => {
const rule = commissionBaseTreatments.find(
(item) => item.id === row.treatment,
);
return (
<details key={row.id} className="rounded border p-3">
<summary>
{row.description || 'Transferência por identificar'}{' '}
— {row.period || 'mês por indicar'}
</summary>
<div className="grid gap-3 md:grid-cols-2">
<label>
Sentido da transferência
<select
className="block rounded border p-2"
value={row.treatment}
onChange={(e) =>
change(
row.id,
switchCommissionDirection(
row,
e.target.value,
),
)
}
>
<option value="">Por indicar</option>
{commissionBaseTreatments.map((item) => (
<option key={item.id} value={item.id}>
{item.label}
</option>
))}
</select>
</label>
<label>
Natureza dos dados
<select
className="block rounded border p-2"
value={row.origin}
onChange={(e) =>
change(row.id, {
origin: e.target
.value as CommissionBaseRow['origin'],
})
}
>
<option value="projected">
Projectados / pressupostos
</option>
<option value="effective">
Efectivos declarados
</option>
</select>
</label>
{(
[
[
'description',
'Bens e operação identificados',
],
['principal', 'Comitente'],
['agent', 'Comissário'],
[
'agreementRef',
'Contrato de comissão / referência da previsão',
],
[
'documentRef',
'Documento da operação / referência da previsão',
],
[
'documentDate',
'Data do documento / prevista',
],
['period', 'Mês da operação'],
['currency', 'Moeda de origem'],
[
'compositionRef',
'Referência da composição sem IVA — inclusões e exclusões aplicáveis',
],
[
'evidence',
'Fundamento factual / pressupostos',
],
] as const
).map(([field, label]) => (
<label key={field}>
{label}
<input
className="block rounded border p-2"
type={
field === 'documentDate'
? 'date'
: field === 'period'
? 'month'
: 'text'
}
value={row[field]}
onChange={(e) =>
change(row.id, {
[field]: e.target.value,
})
}
/>
</label>
))}
{rule && (
<>
<label>
{rule.priceLabel}
<input
className="block rounded border p-2"
value={row.agreedPrice}
onChange={(e) =>
change(row.id, {
agreedPrice: e.target.value,
})
}
/>
</label>
<label>
Referência documental / pressuposto do
preço acordado
<input
className="block rounded border p-2"
value={row.priceRef}
onChange={(e) =>
change(row.id, {
priceRef: e.target.value,
})
}
/>
</label>
<label>
Comissão desta operação, sem IVA (moeda
indicada)
<input
className="block rounded border p-2"
value={row.commissionAmount}
onChange={(e) =>
change(row.id, {
commissionAmount:
e.target.value,
})
}
/>
</label>
<label>
Referência documental / pressuposto da
comissão
<input
className="block rounded border p-2"
value={row.commissionRef}
onChange={(e) =>
change(row.id, {
commissionRef:
e.target.value,
})
}
/>
</label>
</>
)}
</div>
<p>
Mudar de sentido conserva os valores e referências,
mas exige confirmar os papéis e o preço
correspondente ao novo sentido antes de determinar a
base. As versões anteriores mantêm-se.
</p>
{rule ? (
<fieldset>
<legend>
Condições próprias da base de comissão
</legend>
{commissionBaseConditions.map(
([key, label]) => (
<label className="block" key={key}>
{label}
<select
className="block rounded border p-2"
value={
row.conditions[key] ?? ''
}
onChange={(e) =>
change(row.id, {
conditions: {
...row.conditions,
[key]: e.target
.value,
},
})
}
>
<option value="">
Por indicar
</option>
<option value="yes">Sim</option>
<option value="no">Não</option>
</select>
</label>
),
)}
</fieldset>
) : (
<p>
Escolha o sentido para apresentar o preço e as
condições aplicáveis;os valores anteriores
conservam-se.
</p>
)}
</details>
);
})}
{!!book.rows.length && (
<button
type="button"
className="rounded bg-emerald-800 p-2 text-white"
onClick={() => {
try {
save(recordCommissionBases(draft, book));
} catch (cause) {
setError(String(cause));
}
}}
>
Determinar bases de comissão e guardar versão
</button>
)}
{book.result && (
<>
<p role="status">
{commissionBaseCurrent(draft, book)
? 'Bases de comissão correspondentes às entradas guardadas.'
: 'Entradas alteradas;bases de comissão históricas conservadas. Reveja e determine novamente.'}{' '}
{book.history?.length ?? 0} versões anteriores. IVA e
campo11 não são preenchidos por estas bases.
</p>
<dl>
{commissionBaseReportRows(draft).map(
([, label, value, origin], index) => (
<div key={index}>
<dt className="font-semibold">{label}</dt>
<dd>
{value}
<small className="block">
{origin}
</small>
</dd>
</div>
),
)}
</dl>
</>
)}
</details>
);
}