' + hscEsc(title) + "

{ if (e.target === e.currentTarget) onClose(); }} style={{ position: "fixed", inset: 0, zIndex: 230, background: "rgba(15,20,32,.55)", display: "grid", placeItems: narrow ? "stretch" : "start center", padding: narrow ? 0 : "26px 14px", overflow: "auto" }}>

Coupon · {r.betId}

{isPaid && PAID}

Player

{r.denied ? "Player Not Available" : r.player}

Parent

{r.denied ? "Not Available" : r.parent}

Skin

{r.skin}

Bet type

{HSC_TYPES[r.type]}{r.bonusBet ? " / Bonus bet" : ""}

Issued

{hscDT(r.ts)}

Closed

{r.resultTs ? hscDT(r.resultTs) : "—"}

Paid

{isPaid && payTs ? `${hscDT(payTs)} · ${payUser}` : "—"}

Currency

{r.currency}

{/* print preview facsimile — the real modal iframes GET /sport/coupon/printCoupon/{id}. IGPixel coupons (integration_id 18) preview a provider-generated PDF instead; print_always_copy stamps reprints "COPY". */}

{isPaid && (

PAID

)}

CASINO24HS · SPORT TICKET

#{r.betId} · {hscDT(r.ts)}

{r.code}

{r.selections.map((s, i) => (

{i + 1}. {s.ev} · {s.market} → {s.pick}{s.live && LIVE} @{s.odds.toFixed(2)}

))}

Total odds{r.odds.toFixed(2)}

Gross stake{r.bonusAmount > 0 && (bonus {hscN(r.bonusAmount)})}{r.currency} {hscN(r.stake)}

Excise duty{hscN(r.betTax)}

Net stake{r.currency} {hscN(r.stake - r.betTax)}

Potential win{r.currency} {hscN(r.maxwin)}

{settled && (

0 ? "#1f9d57" : "#e9484a", fontWeight: 700 }}> Result · {r.cashout ? "Win (Cashout)" : HSC_STATUS_MAP[r.status].label}{r.bonusWinnings > 0 && (bonus {hscN(r.bonusWinnings)})} {r.currency} {hscN(r.win)}

)}

{qr.map((b, i) => )}

Scanning the printed QR reopens this queue with ?tcode=, presetting the date range + bet code so the coupon is on screen for payout.

{r.status === "W" && !isPaid && !r.caPlayer && (

Mark as Paid is hidden for this coupon — its player has no default cashier (ca_player), which the real modal requires before showing the button.

)}

{canPay && ( Payout UI chain ($can_payout): isadmin(), OR skin admin with the enable_payout_tickets skin setting, OR Customer Care with support_sport_coupons_payout. Note: the chain gates only the UI — the pay endpoint itself is protected by the pay policy alone (own network/skin · status Win · not already paid). )} {isPaid && ( /* The real Paid button replaces Mark as Paid and opens the congratulations print — a separate server-rendered document this prototype has no copy of, so the button stays visible (it documents the real screen) but does nothing it cannot do. */ Opens the congratulations print — GET /sport/coupon/printCongratulations/{"{id}"} (route admin.sport.coupon.print.congratulations, SportController::printCongratulations). It is a server-rendered document, not the ticket the Print button produces, so there is nothing to print here without the backend. Auto-print fires only for skin_code bestbet (hardcoded). )}

); }; /* ================================ page ================================ */ const HostSportCoupons = ({ wrap = true, seed }) => { window.useLocale && window.useLocale(); const embed = !wrap; const narrow = useHscNarrow(860); /* `seed` used to pick a generator universe; embedded in the user drill-in it scoped the invented rows to that user. It is now the user id to filter on, which is what the caller always meant by it. */ const embedUserId = typeof seed === "string" && /^u\d+$/.test(seed) ? Number(seed.slice(1)) : null; const feed = useHrsFetch( () => window.sb.list("sportCoupons", { limit: 500, filters: embedUserId ? { user: embedUserId } : {}, }), [embedUserId]); const baseRows = useMemo(() => (feed.data || []).map(hscRowFromDb), [feed.data]); /* Filter option lists. Both were hardcoded — one skin and three currencies — which on a multi-tenant platform is a filter that cannot reach most of the data rather than a placeholder. */ const skinFeed = useHrsFetch(() => window.sb.list("skins", { limit: 200 }), []); const skinOpts = useMemo( () => (skinFeed.data || []).map(k => ({ id: k.id, name: k.name })), [skinFeed.data]); const curFeed = useHrsFetch(() => window.sb.list("currencies", { limit: 200 }), []); const curOpts = useMemo( () => (curFeed.data || []).map(c => c.code).filter(Boolean), [curFeed.data]); const todayIso = hscISO(Date.now()); const mkDefaults = () => ({ from: todayIso, fromT: "00:00:00", to: todayIso, toT: "23:59:59", dateType: "e", skin: "ALL", betType: "ALL", currency: "ALL", status: "ALL", user: "", betId: "", code: "", winGt: "", winLt: "" }); const [draft, setDraft] = useState(mkDefaults); const [applied, setApplied] = useState(mkDefaults); const [dateError, setDateError] = useState(false); const setD = (p) => setDraft(d => ({ ...d, ...p })); const [sort, setSort] = useState({ key: "date", dir: "desc" }); // default [[0,'desc']] on addedTime const [page, setPage] = useState(0); const [pageSize, setPageSize] = useState(50); // DataTables pageLength 50, lengthMenu [5,10,25,50] const [hiddenCols, setHiddenCols] = useState(() => { const s = pbStore.get("iwk-hsc-hidden-cols", null); if (Array.isArray(s)) return s; return HSC_DEF_HIDDEN; }); useEffect(() => { pbStore.set("iwk-hsc-hidden-cols", hiddenCols); }, [hiddenCols]); const colOn = (k) => !hiddenCols.includes(k); const [colsOpen, setColsOpen] = useState(false); const [sheetOpen, setSheetOpen] = useState(false); const [openCoupon, setOpenCoupon] = useState(null); // row whose modal is open const [expandedCard, setExpandedCard] = useState(null); const [paidMap, setPaidMap] = useState({}); // betId → {payTs, payUser} — local Mark-as-Paid results const [cancelMap, setCancelMap] = useState({}); // betId → true — local Cancel results (status → U) const toast = (title, reason) => window.PAYBO?.emitToast && window.PAYBO.emitToast({ id: `hsc-${Date.now()}-${Math.floor(Math.random() * 1e5)}`, tx_id: title, amount: 0, currency: "HOST", player: "Sport coupons", reason, }); /* effective rows = deterministic rows + this session's pay/cancel mutations */ const rows = useMemo(() => baseRows.map(r => { const p = paidMap[r.betId], c = cancelMap[r.betId]; if (!p && !c) return r; let out = { ...r }; if (p) { out.paid = true; out.payTs = p.payTs; out.payUser = p.payUser; } if (c) { out.status = "U"; out.resultTs = out.resultTs || Date.now(); } return out; }), [baseRows, paidMap, cancelMap]); /* filtering — mirrors getCoupons (L316-455) */ const view = useMemo(() => { const f = applied; const start = f.from ? new Date(`${f.from}T${f.fromT || "00:00:00"}`).getTime() : null; const end = f.to ? new Date(`${f.to}T${f.toT || "23:59:59"}`).getTime() : null; const tsOf = (r) => f.dateType === "c" ? r.resultTs : f.dateType === "p" ? r.payTs : r.ts; return rows.filter(r => { const t = tsOf(r); if (t == null) return false; // Closed/Paid date types only match coupons with that timestamp if (start != null && t < start) return false; if (end != null && t > end) return false; if (f.skin !== "ALL" && r.skin !== f.skin) return false; if (f.betType !== "ALL" && r.type !== f.betType) return false; if (f.currency !== "ALL" && r.currency !== f.currency) return false; if (f.status !== "ALL") { if (f.status === "cashout") { if (!r.cashout) return false; } // literal extra option: matches the flag, not ticketstatus else if (r.status !== f.status) return false; } if (f.user) { const q = f.user.trim().toLowerCase(); if (!r.player.toLowerCase().includes(q) && !r.parent.toLowerCase().includes(q)) return false; } if (f.betId && String(r.betId) !== f.betId.trim()) return false; // exact ticketid if (f.code) { const q = f.code.trim(); if (q.length === 20 && !q.includes("*")) { if (r.code.toLowerCase() !== q.toLowerCase()) return false; } else { const rx = new RegExp(q.replace(/[.+?^${}()|[\]\\]/g, "\\$&").replace(/\*/g, ".*"), "i"); if (!rx.test(r.code)) return false; } } const wg = parseFloat(f.winGt), wl = parseFloat(f.winLt); if (!isNaN(wg) && !(r.win > wg)) return false; if (!isNaN(wl) && !(r.win < wl)) return false; return true; }); }, [rows, applied]); const sorted = useMemo(() => { const get = HSC_SORT_FIELDS[sort.key] || ((r) => r.ts); const dir = sort.dir === "asc" ? 1 : -1; return [...view].sort((a, b) => { const va = get(a), vb = get(b); return (va < vb ? -1 : va > vb ? 1 : 0) * dir; }); }, [view, sort]); useEffect(() => { setPage(0); }, [applied, sort, pageSize]); const totalPages = Math.max(1, Math.ceil(sorted.length / pageSize)); const paged = sorted.slice(page * pageSize, page * pageSize + pageSize); /* footer totals — exclude C/U, suppressed by Bet ID / Bet code filters (disable_sums). The aggregation also computes totalPaid, but the real view has no #total_paid element, so it is never displayed — not rendered here either. */ const sumsDisabled = !!(applied.betId.trim() || applied.code.trim()); const totals = useMemo(() => { const pool = view.filter(r => r.status !== "C" && r.status !== "U"); const bet = pool.reduce((a, r) => a + r.stake, 0); const betTax = pool.reduce((a, r) => a + r.betTax, 0); const win = pool.reduce((a, r) => a + r.win, 0); const winTax = pool.reduce((a, r) => a + (r.status === "W" ? r.winTax : 0), 0); return { bet, betTax, win, winTax, profit: bet - betTax - win - winTax }; }, [view]); const applyDraft = () => { if (!draft.from || !draft.to) { setDateError(true); return; } // real: ajaxError("no dates") setDateError(false); setApplied({ ...draft }); setSheetOpen(false); }; const reApply = (patch) => { setDateError(false); setDraft(d => ({ ...d, ...patch })); setApplied(a => ({ ...a, ...patch })); }; const clearAll = () => { const d = mkDefaults(); setDateError(false); setDraft(d); setApplied(d); }; const nowTs = Date.now(); /* Cancel policy (CouponMongoReadonlyPolicy::delete): skin allow_cancel_bets + allow_user_level_ (mock: on), status must be N, type must be P, and the allow_cancel_bet_max_mins elapsed-time cap must not have passed. */ const cancelable = (r) => r.status === "N" && r.type === "P" && (nowTs - r.ts) <= HSC_CANCEL_MAX_MINS * 60000; const doCancel = (r) => { setCancelMap(m => ({ ...m, [r.betId]: true })); toast(`Cancel Coupon · ${r.betId}`, "POST /sport/deleteCoupon/{ticketid} — delete policy (allow_cancel_bets · status N · type P · within allow_cancel_bet_max_mins), then the skin's sport_provider doCancelTicket (igpixel / sportsbook / cmswager / mondogaming); on ok the ticket becomes Canceled (U) and an audit row is written."); }; const isPaid = (r) => r.paid || !!paidMap[r.betId]; const payInfoOf = (r) => paidMap[r.betId] || (r.paid ? { payTs: r.payTs, payUser: r.payUser } : null); const doMarkPaid = (r) => { setPaidMap(m => ({ ...m, [r.betId]: { payTs: Date.now(), payUser: "hostadmin" } })); toast(`Mark as Paid · ${r.betId}`, "POST /sport/coupon/pay/{ticketid} — pay policy (own network/skin · status W · not already paid). Sets paid, pay_user_id, pay_time; the response carries congratulations_url."); }; /* export — real is two-phase XLSX (::exportCouponsToExcel → CouponMongo::exportList, 25 headers minus the operator's hidden columns; > EXPORT_WEB_LIMIT rows → queued ExportCoupons job + mail link). Prototype: CSV, same header set. */ const doExport = () => { if (sorted.length > HSC_EXPORT_LIMIT) { toast("Export queued", "More than EXPORT_WEB_LIMIT rows — the real export queues an ExportCoupons job and emails a download link (backend.will_receive_download_link)."); return; } const cols = [ colOn("id") && { key: "id", label: "ID" }, colOn("betId") && { key: "betId", label: "Bet ID" }, colOn("player") && { key: "player", label: "Player", get: r => r.denied ? "Player Not Available" : r.player }, colOn("parent") && { key: "parent", label: "Parent", get: r => r.denied ? "Not Available" : r.parent }, { key: "firstName", label: "Name" }, { key: "lastName", label: "Lastname" }, { key: "email", label: "Email" }, { key: "mobile", label: "Mobile phone" }, colOn("balance") && { key: "balance", label: "Balance", get: r => `${r.currency} ${hscN(r.balance)}${r.balanceBonus ? ` (bonus ${hscN(r.balanceBonus)})` : ""}` }, colOn("date") && { key: "ts", label: "Date", get: r => hscDT(r.ts) }, colOn("code") && { key: "code", label: "Bet code" }, colOn("type") && { key: "type", label: "Bet type", get: r => HSC_TYPES[r.type] + (r.bonusBet ? " / Bonus bet" : "") }, colOn("gross") && { key: "stake", label: "Gross stake" }, { key: "betTax", label: "Excise duty" }, colOn("net") && { key: "net", label: "Net stake", get: r => Math.round((r.stake - r.betTax) * 100) / 100 }, { key: "maxwin", label: "Gross payout" }, { key: "winTax", label: "WHT on winnings", get: r => r.status === "W" ? r.winTax : "" }, colOn("payout") && { key: "win", label: "Net payout" }, colOn("lastAccess") && { key: "lastAccess", label: "Last access", get: r => hscDT(r.lastAccess) }, colOn("ip") && { key: "ip", label: "Last Login IP" }, colOn("regDate") && { key: "regTs", label: "Registration date", get: r => hscDTS(r.regTs) }, colOn("status") && { key: "status", label: "Status", get: r => r.cashout ? "Win (Cashout)" : HSC_STATUS_MAP[r.status].label }, { key: "payTs", label: "Payment Date", get: r => { const p = payInfoOf(r); return p && p.payTs ? hscDT(p.payTs) : ""; } }, { key: "payUser", label: "Pay user", get: r => { const p = payInfoOf(r); return p ? p.payUser : ""; } }, ].filter(Boolean); window.PAYBO?.downloadCSV && window.PAYBO.downloadCSV(`sport-coupons-${hscISO(Date.now())}.csv`, sorted, cols); }; /* active-filter pills (vs the screen defaults) */ const defs = mkDefaults(); const pills = []; if (applied.from !== defs.from || applied.to !== defs.to || applied.fromT !== defs.fromT || applied.toT !== defs.toT) pills.push({ k: "dates", label: `${applied.from} ${applied.fromT} → ${applied.to} ${applied.toT}`, clear: () => reApply({ from: defs.from, fromT: defs.fromT, to: defs.to, toT: defs.toT }) }); if (applied.dateType !== "e") pills.push({ k: "dt", label: `Dates: ${(HSC_DATE_TYPES.find(d => d[0] === applied.dateType) || [])[1]}`, clear: () => reApply({ dateType: "e" }) }); if (applied.status !== "ALL") pills.push({ k: "st", label: applied.status === "cashout" ? "Cashout (flag)" : HSC_STATUS_MAP[applied.status]?.label, clear: () => reApply({ status: "ALL" }) }); if (applied.betType !== "ALL") pills.push({ k: "bt", label: HSC_TYPES[applied.betType], clear: () => reApply({ betType: "ALL" }) }); if (applied.skin !== "ALL") pills.push({ k: "sk", label: applied.skin, clear: () => reApply({ skin: "ALL" }) }); if (applied.currency !== "ALL") pills.push({ k: "cur", label: applied.currency, clear: () => reApply({ currency: "ALL" }) }); if (applied.user) pills.push({ k: "u", label: `User: ${applied.user}`, clear: () => reApply({ user: "" }) }); if (applied.betId) pills.push({ k: "bid", label: `Bet ID: ${applied.betId}`, clear: () => reApply({ betId: "" }) }); if (applied.code) pills.push({ k: "code", label: `Code: ${applied.code}`, clear: () => reApply({ code: "" }) }); if (applied.winGt || applied.winLt) pills.push({ k: "win", label: `Win ${applied.winGt ? `> ${applied.winGt}` : ""}${applied.winGt && applied.winLt ? " · " : ""}${applied.winLt ? `< ${applied.winLt}` : ""}`, clear: () => reApply({ winGt: "", winLt: "" }) }); const clickSort = (k) => { if (!HSC_SORT_FIELDS[k]) return; setSort(s => s.key === k ? { key: k, dir: s.dir === "asc" ? "desc" : "asc" } : { key: k, dir: "desc" }); }; const sortMark = (k) => sort.key === k ? (sort.dir === "asc" ? " ▲" : " ▼") : ""; const T = (k, fb) => (window.T ? window.T(k, fb) : fb); /* Both targets are real prototype screens, so these actually navigate. The row's own id can't be carried across — neither list takes a record id in its path — so the notice names who was being opened and the operator lands on the list, which is the honest half of the jump. */ const openPlayer = (r) => { if (window.goRoute && window.goRoute("host-players")) { toast(`Players · ${r.player}`, `Opened the players list. Deep-link to player ${r.userId} needs the per-player route.`); } else toast(`Player · ${r.player}`, `No prototype page for the player editor.`); }; const openParent = (r) => { if (window.goRoute && window.goRoute("host-users")) { // EMBED-OK: `r` is a mapped row here — hscRow already flattened parent to a username string. toast(`Users · ${r.parent}`, `Opened the users tree. Deep-link to user ${r.parentId} needs the per-user route.`); // EMBED-OK: `r` is a mapped row — hscRow flattened parent to a username string. } else toast(`Parent · ${r.parent}`, `No prototype page for the user editor.`); }; const openTransfer = (r) => { if (window.goRoute && window.goRoute("host-deposit")) { toast(`Transfer · ${r.player}`, "Opened the deposit/transfer screen — pick the player there."); } else toast(`Transfer · ${r.player}`, "No prototype page for transfers."); }; const actionButtons = ( <> XLSX export of the filtered set (25 headers minus your hidden columns); above {HSC_EXPORT_LIMIT.toLocaleString()} rows it queues a job and emails a download link. Visible to admins and skin admins; Customer Care additionally needs support_sport_coupons_export. Prototype downloads CSV.

{colsOpen &&

{narrow && ( )} ); const body = ( <> {wrap ? (

{T("host.sportCoupons", "Sport coupons")} The sport bet-ticket queue: every confirmed coupon on the network. Search by date/status/type/player, open a coupon's print preview, pay out winning tickets at the cashier and cancel fresh pending prematch bets. Rows require support_sport_coupons; each row's player link additionally passes the per-row user policy.

Sport bet tickets across the network — search, inspect, pay out, cancel.

{actionButtons}

) : (

{actionButtons}

)} {/* hero filter strip (desktop) — Transactions.jsx exemplar shape, Host red */} {!narrow && (

Results

{view.length.toLocaleString()}of {rows.length.toLocaleString()}

{dateError &&

Select both dates ("no dates").

}

)} {pills.length > 0 && (

Active: {pills.map(p => )}

)} {/* ------- desktop table ------- */} {!narrow && (

{colOn("id") && } {colOn("betId") && } {colOn("player") && } {colOn("parent") && } {colOn("balance") && } {colOn("date") && } {colOn("code") && } {colOn("type") && } {colOn("gross") && } {colOn("net") && } {colOn("payout") && } {colOn("skin") && } {colOn("lastAccess") && } {colOn("ip") && } {colOn("regDate") && } {colOn("status") && } {colOn("cancel") && } {paged.length === 0 && ( )} {paged.map(r => ( {colOn("id") && } {colOn("betId") && } {colOn("player") && } {colOn("parent") && } {colOn("balance") && } {colOn("date") && } {colOn("code") && } {colOn("type") && } {colOn("gross") && } {colOn("net") && } {colOn("payout") && } {colOn("skin") && } {colOn("lastAccess") && } {colOn("ip") && } {colOn("regDate") && } {colOn("status") && } {colOn("cancel") && } ))}

ID	clickSort("betId")}>Bet ID{sortMark("betId")}	PlayerEach row passes UserPolicy::view2 — the account must be a descendant of yours via user_path (or you are Customer Care with support_sport_coupons viewing root/assigned-skin accounts). Rows that fail show "Player Not Available".	Parent	BalanceTicket currency + (balance + withdrawable) with the bonus subtotal, plus the transfer shortcuts. For Customer Care this column renders empty without support_player_transactions_read_only.	clickSort("date")}>Date{sortMark("date")}	clickSort("code")}>Bet code{sortMark("code")}	clickSort("type")}>Bet type{sortMark("type")}	clickSort("gross")}>Gross stake{sortMark("gross")}	clickSort("net")}>Net stake{sortMark("net")}	clickSort("payout")}>Net payout{sortMark("payout")}	Skin	Last access	clickSort("ip")}>Last Login IP{sortMark("ip")}	Registration date	Status	CancelCancel Coupon shows only when the skin allows bet cancels (allow_cancel_bets + allow_user_level), the coupon is Pending, Prematch, and still inside the allow_cancel_bet_max_mins window. It dispatches the provider's doCancelTicket and sets status Canceled on ok.
colOn(c.key)).length} style={{ padding: 30, textAlign: "center", color: "var(--text-tertiary)" }}>No data available in table
{r.id}	{r.betId}	{r.denied ? Player Not Available : }	{r.denied ? Not Available : }	{r.currency} {hscN(r.balance)} {r.balanceBonus > 0 && Bonus {hscN(r.balanceBonus)}}	{hscDT(r.ts)}		{HSC_TYPES[r.type]}{r.bonusBet && / Bonus bet}	{hscN(r.stake)}{r.bonusAmount > 0 && ({hscN(r.bonusAmount)})}	{hscN(r.stake - r.betTax)}	{r.win ? hscN(r.win) : ""}{r.bonusWinnings > 0 && ({hscN(r.bonusWinnings)})}	{r.skin}	{r.lastAccess ? hscDT(r.lastAccess) : "-"}	{r.ip}	{hscDTS(r.regTs)}		{cancelable(r) ? : —}

Show entries

Showing {sorted.length === 0 ? 0 : page * pageSize + 1}–{Math.min(sorted.length, (page + 1) * pageSize)} of {sorted.length.toLocaleString()}

)} {/* ------- mobile stacked cards ------- */} {narrow && (

{paged.length === 0 && (

No data available in table

)} {paged.map(r => ( setExpandedCard(c => c === r.betId ? null : r.betId)} onOpenCoupon={() => setOpenCoupon(r)} cancelable={cancelable(r)} onCancel={() => doCancel(r)} /> ))} {sorted.length > pageSize && (

{page * pageSize + 1}–{Math.min(sorted.length, (page + 1) * pageSize)} of {sorted.length}

)}

)} {/* footer totals strip (.final-bet equivalent) — sport.bet_tax / sport.win_tax labels inferred */} {sumsDisabled ? (

Totals are suppressed while filtering by Bet ID or Bet code (disable_sums).

) : (

BET{hscN(totals.bet)}( Bet Tax {hscN(totals.betTax)} )

WIN{hscN(totals.win)}( Win Tax {hscN(totals.winTax)} )

PROFIT{hscN(totals.profit)}

)} {/* mobile filter sheet */} {narrow && sheetOpen && (

setSheetOpen(false)} style={{ position: "absolute", inset: 0, background: "rgba(15,20,32,.45)" }} />

Filters

{dateError &&

Select both dates — the endpoint rejects the draw ("no dates").

}

)} {openCoupon && (() => { const r = rows.find(x => x.betId === openCoupon.betId) || openCoupon; const p = payInfoOf(r); return doMarkPaid(r)} onClose={() => setOpenCoupon(null)} />; })()} ); return wrap ?

{body}

; }; window.HostSportCoupons = HostSportCoupons;