)
}
function StepProgress({ step, total }) {
return (
{Array.from({ length: total }).map((_, i) => (
))}
Etapa {step} de {total}
)
}
// Mobile button — single source of truth is the DS Button; this thin wrapper
// keeps the field-footer API (variant/rightIcon) used across the app screens.
function MButton({ children, onClick, variant = 'primary', disabled, rightIcon, style }) {
const { Button } = window.FazendaGuanabaraDesignSystem_b62f7e
const type = { primary: 'primary', outline: 'outline', ghost: 'ghost' }[variant] || 'primary'
const base = { height: 54, maxHeight: 'none', width: '100%', justifyContent: 'center', padding: '0 1.1em' }
// Estado desabilitado desenhado aqui: em campo o operador precisa VER que o botão
// não está disponível (fundo neutro + texto apagado), não só o cursor.
if (disabled) return (
)
return (
)
}
const MHeading = ({ children }) =>
{children}
const MSub = ({ children }) =>
{children}
// Big tappable choice card — used for Sexo da cria (Fêmea/Macho) and "É animal de associação?" (Sim/Não).
function ChoiceCard({ icon, iconColor, label, selected, onClick }) {
const { Icon } = window.FazendaGuanabaraDesignSystem_b62f7e
return (
{connected ? 'Pronto para leitura' : 'Conecte o bastão para ler o brinco'}
)
}
// Card "Resumo do dia" — Home. Tocável → abre o detalhe (com seletor de dias).
function DaySummaryCard({ d, onOpen }) {
const { Icon } = window.FazendaGuanabaraDesignSystem_b62f7e
const hint = (
Ver lançamentos de outros dias
)
if (d.total === 0) {
return (
Resumo do dia
Nenhum registro hoje ainda
{hint}
)
}
return (
Resumo do dia
{d.total}registros hoje
{hint}
)
}
// Seletor de dia — dia atual bem visível, < dia anterior · > dia mais recente (limitado a hoje).
function DayNavigator({ d, onPrev, onNext, canPrev, canNext }) {
const { Icon } = window.FazendaGuanabaraDesignSystem_b62f7e
const Arrow = ({ dir, on, onClick }) => (
)
return (
{d.wd}
{d.date}
)
}
// Conteúdo da tela de lançamentos (seletor de dia + cabeçalho repete total + composição; lista em leitura).
function DaySummaryDetail({ d, nav }) {
const { Icon } = window.FazendaGuanabaraDesignSystem_b62f7e
return (
<>
{nav && }
{d.total === 0 ? (
Nenhum lançamento neste dia
{d.offset === 0 ? 'Toque em Registrar nascimento para começar' : 'Não houve registros em ' + d.date}
)}
)
}
// Linha de um registro na lista do dia (leitura).
function DayRow({ r, last }) {
const { Icon } = window.FazendaGuanabaraDesignSystem_b62f7e
const sent = r.status === 'enviado'
const accent = r.loss ? MC.warningDark : (r.sex === 'female' ? MC.female : MC.male)
return (
)
}
// ---- PARTO GEMELAR ----
// Cenário da mãe buscada (controlado por Tweak): normal / já pariu hoje (alerta vermelho) /
// 1ª cria de gêmeos já registrada e faltando a 2ª (gêmeo pendente). Substitui a heurística por marcação.
function maeCenarioFlag(cenario, serie, plantel) {
if (cenario === 'jaPariu') return { kind: 'jaPariu', first: { serie, plantel, calf: '2032', sex: 'female' } }
if (cenario === 'gemeoPendente') return { kind: 'gemeoPendente', first: { serie, plantel, calf: '2035', sex: 'female' } }
return null
}
// Alerta na busca da mãe. 'jaPariu' = vermelho (2º parto hoje) → oferece registrar como gemelar.
// 'gemeoPendente' = azul (1ª cria já registrada) → oferece registrar a 2ª cria do mesmo parto.
function BirthAlert({ flag, onAction }) {
const { Icon } = window.FazendaGuanabaraDesignSystem_b62f7e
const danger = flag.kind === 'jaPariu'
const bar = danger ? MC.danger : MC.info
const bg = danger ? MC.dangerLight : 'rgba(70,167,208,0.12)'
const fg = danger ? MC.dangerDark : MC.infoDark
const title = danger ? 'Esta vaca já teve um parto hoje' : 'Parto gemelar em aberto'
const body = danger
? 'Se nasceram dois bezerros, registre como parto gemelar para não duplicar a mãe.'
: 'A 1ª cria deste parto gemelar já foi registrada. Falta registrar a 2ª cria.'
const btn = danger ? 'Registrar como parto gemelar' : 'Registrar 2ª cria'
return (
{title}
{body}
{btn}
)
}
// Leitura do brinco eletrônico — 3 métodos: bastão Bluetooth, câmera/código de barras e manual.
// value = brinco já lido (finalizado). onChange(tag) finaliza a leitura.
function BrincoReader({ leitor, value, onChange }) {
const { Icon, Input } = window.FazendaGuanabaraDesignSystem_b62f7e
const [method, setMethod] = React.useState(null)
const [scanning, setScanning] = React.useState(false)
const [manual, setManual] = React.useState('')
const fakeTag = () => '9820004387' + String(Math.floor(10000 + Math.random() * 89999))
// Leitura concluída.
if (value) return (
: {title}}
{onAction ?