{confirming ? (
Видалити постачальника?
):(
<>
)}
);
}
// ── Mobile Card ───────────────────────────────────────────────────────────────
function SupCardMobile({s,onEdit,onToggle,onDelete,onWelcome,confirming,onConfirmOpen,onConfirmCancel,balance}) {
const val = balance!=null&&!isNaN(Number(balance)) ? Number(balance) : null;
const neg = val!==null&&val<0;
const tone = neg?"var(--debit)":"var(--credit)";
return (
onEdit(s)} style={{display:"flex",alignItems:"center",gap:12,cursor:"pointer"}}>
{val!==null ? supFmtBal(val,s.currency||"₴") : "—"}
{s.currency||"₴"} · cb:{s.cbPrefix||supAutoPrefix(s.key,s.name)}
{confirming ? (
<>
Видалити?
):(
<>
)}
);
}
// ── Empty state ───────────────────────────────────────────────────────────────
function SupEmpty({onAdd,isMobile}) {
return (
Постачальників ще немає
Додайте першого постачальника, щоб налаштувати прайс, чати та баланс.
{isMobile ? (
) : (
)}
);
}
// ── Welcome modal (превʼю + надсилання привітання постачальнику) ──────────────
function SupWelcomeModal({supplierKey,onClose,onResult}) {
const [loading,setLoading] = useState(true);
const [text,setText] = useState("");
const [info,setInfo] = useState(null);
const [err,setErr] = useState(null);
const [sending,setSending] = useState(false);
useEffect(()=>{
let alive=true;
fetch(`/api/suppliers/${encodeURIComponent(supplierKey)}/welcome`).then(r=>r.json())
.then(d=>{ if(!alive)return; if(d.ok){ setText(d.text||""); setInfo(d); } else setErr(d.error||"Помилка підготовки"); })
.catch(e=>{ if(alive) setErr(e.message); })
.finally(()=>{ if(alive) setLoading(false); });
return ()=>{ alive=false; };
},[supplierKey]);
const noGroup = info && !info.groupChatId;
const send = () => {
setSending(true);
fetch(`/api/suppliers/${encodeURIComponent(supplierKey)}/welcome`,{method:'POST',headers:{'Content-Type':'application/json'},body:JSON.stringify({text})})
.then(r=>r.json())
.then(d=>{ if(d.ok){ onResult(true,'Привітання надіслано постачальнику'); onClose(); } else onResult(false,d.error||'Помилка надсилання'); })
.catch(e=>onResult(false,e.message))
.finally(()=>setSending(false));
};
return (
Привітання постачальнику
{supplierKey}{info?.groupChatId?` · група ${info.groupChatId}`:""}
{loading ? (
Готую повідомлення (синк прайсу, баланс)…
) : err ? (
{err}
) : (
<>
{noGroup && (
У постачальника не вказано Group Chat ID — немає куди надсилати.
)}