/* Pagina /ordens/nova — calculadora B2B real (cotação automática). Comportamento: - User digita USDT → debounce 600ms → cota → atualiza BRL. - User digita BRL → debounce 600ms → calcula USDT estimado pela última cotação → cota com esse USDT → atualiza BRL com o valor real. - Auto-recota ao mudar side. - Cotação vale 30s (countdown na tela). */ const { useState, useEffect, useRef } = React; function OrderNewPage() { const [side, setSide] = useState('BUY'); const MIN_BRL = 500; const [usdt, setUsdt] = useState('100'); const [brl, setBrl] = useState(''); const [quote, setQuote] = useState(null); const [totp, setTotp] = useState(''); const [loading, setLoading] = useState(false); const [error, setError] = useState(null); const [success, setSuccess] = useState(null); const [countdown, setCountdown] = useState(0); const last_edited_ref = useRef('usdt'); // 'usdt' | 'brl' const debounce_ref = useRef(null); const countdown_ref = useRef(null); const last_quote_ref = useRef(null); // pra converter BRL→USDT entre quotes // ─── Countdown ───────────────────────────────────────────────────── useEffect(() => { if (!quote) { setCountdown(0); return; } const exp = new Date(quote.valid_until).getTime(); const tick = () => { const left = Math.max(0, Math.floor((exp - Date.now()) / 1000)); setCountdown(left); if (left <= 0) clearInterval(countdown_ref.current); }; tick(); countdown_ref.current = setInterval(tick, 500); return () => clearInterval(countdown_ref.current); }, [quote]); // ─── Cota e atualiza ────────────────────────────────────────────── async function fetch_quote(side_arg, usdt_val, edited_field) { if (!usdt_val || Number(usdt_val) <= 0) return; setLoading(true); setError(null); try { const q = await window.C7_API.post('/b2b/orders/quote', { side: side_arg, valor_usdt: String(usdt_val), }); setQuote(q); last_quote_ref.current = q; // Atualiza só o campo que o user NÃO está editando if (edited_field !== 'usdt') { setUsdt(String(q.valor_usdt)); } if (edited_field !== 'brl') { setBrl(Number(q.total_brl).toFixed(2)); } } catch (err) { setError(err.message || 'falha ao cotar'); setQuote(null); } finally { setLoading(false); } } function schedule_quote(side_arg, usdt_val, edited_field) { if (debounce_ref.current) clearTimeout(debounce_ref.current); debounce_ref.current = setTimeout(() => { fetch_quote(side_arg, usdt_val, edited_field); }, 600); } // Carrega cotação inicial e ao mudar side useEffect(() => { last_edited_ref.current = 'usdt'; const v = usdt && Number(usdt) > 0 ? usdt : '100'; if (!usdt) setUsdt('100'); fetch_quote(side, v, null); // null = atualiza ambos // eslint-disable-next-line }, [side]); // Quando user digita USDT function on_usdt_change(v) { last_edited_ref.current = 'usdt'; setUsdt(v); schedule_quote(side, v, 'usdt'); } // Quando user digita BRL — estima USDT pela última cotação function on_brl_change(v) { last_edited_ref.current = 'brl'; setBrl(v); const last_price = last_quote_ref.current && Number(last_quote_ref.current.preco_unit_brl); if (!last_price || !v || Number(v) <= 0) return; const estimated_usdt = Number(v) / last_price; if (estimated_usdt <= 0) return; // não atualiza o input de USDT enquanto user edita BRL schedule_quote(side, estimated_usdt.toFixed(3), 'brl'); } async function on_confirmar() { if (!quote) return; setError(null); setLoading(true); try { const res = await window.C7_API.post('/b2b/orders', { side, valor_usdt: String(quote.valor_usdt), cotacao_brl: String(quote.preco_unit_brl), totp_code: totp.trim(), }); setSuccess(res); } catch (err) { // Backend manda a mensagem certa em `detail` (que vira err.message). // Mantemos so override pra 401 (TOTP) que precisa de copy curto. if (err.status === 401) setError('Código 2FA inválido.'); else setError(err.message || 'Falha ao criar ordem.'); } finally { setLoading(false); } } function on_nova_cotacao() { // Re-cota com o valor USDT atual (ou usa o ultimo valor do quote) const v = (usdt || (quote && quote.valor_usdt) || '100').toString(); if (Number(v) <= 0) return; setError(null); // fetch_quote ja gerencia setLoading internamente fetch_quote(side, v, null); } const quote_valid = quote && countdown > 0; const total_brl = quote ? Number(quote.total_brl) : 0; const below_min = total_brl > 0 && total_brl < MIN_BRL; const can_confirm = quote_valid && totp.trim().length >= 6 && !loading && !below_min; const { AppShell } = window.C7_Layout; if (success) { return ; } // Bloqueio: sem wallet cadastrada nao pode criar ordem BUY const user = window.C7_STORE.get().user || {}; if (side === 'BUY' && !user.usdt_wallet_destino) { return (

Carteira não cadastrada

Pra criar ordens de compra, você precisa primeiro cadastrar a carteira USDT-TRC20 onde vai receber as criptomoedas.

{user.kyc_status !== 'approved' && (

⚠ O cadastro de carteira é liberado apenas após aprovação do KYC. Status atual: {window.C7_kycLabel(user.kyc_status)}.

)} Ir pro perfil
); } const fmt_pct = (n) => (Number(n) * 100).toFixed(2) + '%'; return (
{/* Tabs — pra reativar SELL, mude SELL_ENABLED pra true */}
{[ { k: 'BUY', l: 'Comprar USDT', enabled: true }, { k: 'SELL', l: 'Vender USDT', enabled: false }, ].map(o => ( ))}
{/* USDT */}
on_usdt_change(e.target.value)} className="qc-input" /> USDT
{below_min ? `↑ valor mínimo: R$ ${MIN_BRL.toFixed(2)} ` + `(seu pedido: R$ ${total_brl.toFixed(2)})` : `mínimo: R$ ${MIN_BRL.toFixed(2)} por ordem`}
{/* BRL */}
on_brl_change(e.target.value)} className="qc-input" /> BRL
{/* Grid 3 detalhes — Cotação + Taxa + Liquidação */}
{error &&
{error}
} {/* Quando há cotação válida, mostra TOTP + Confirmar */} {quote_valid && (
Cotação válida por mais {countdown}s
setTotp(e.target.value)} pattern="[0-9A-Za-z_\-]{6,12}" inputMode="numeric" autoComplete="one-time-code" placeholder="000000" className="qc-input qc-input-otp" />
)} {quote && !quote_valid && (
Cotação expirada.
)} {!quote && loading && (
cotando…
)}
* Taxa já incluída no preço de cotação. Cotação atualiza enquanto você digita e fica travada por 30s ao validar. Pagamento PIX deve ser feito dentro de 15min após confirmação.
); } function Detail({ label, value, hidden }) { if (hidden) return null; return (
{label}
{value}
); } function CopyBox({ value }) { const [copied, setCopied] = useState(false); async function on_copy() { try { await navigator.clipboard.writeText(String(value)); setCopied(true); setTimeout(() => setCopied(false), 1500); } catch (e) { const ta = document.createElement('textarea'); ta.value = String(value); document.body.appendChild(ta); ta.select(); try { document.execCommand('copy'); setCopied(true); setTimeout(() => setCopied(false), 1500); } catch (e2) {} document.body.removeChild(ta); } } return (
{value}
); } function OrderCreatedSuccess({ data }) { return (
✓ Ordem criada — {data.order_id}

Instruções de pagamento

{data.pagamento.tipo === 'pix_in' && (
R$ {Number(data.pagamento.valor_brl).toFixed(2)}
Pague via PIX dentro de 15 min
{data.pagamento.pix_copy_paste ? (
PIX copia-e-cola
) : (
⚠ QR PIX indisponível no momento. Contate o suporte.
)} {data.pagamento.wallet_destino_usdt && ( <>
USDT será creditado em (após pagamento)
)}
)} {data.pagamento.tipo === 'usdt_in' && (
{data.pagamento.valor_usdt} USDT
Envie pra este endereço ({data.pagamento.rede})
{data.pagamento.obs}
)} Acompanhar ordem →
); } window.C7_OrderNewPage = OrderNewPage;