/* ========================================================================== * ADMIN NEXT — page-depositchannels.jsx (จัดการช่องทางฝาก เปิด/ปิด) * ========================================================================== */ function DepositChannelsPage({ toast }) { const [settings,setSettings]=useState({}); const [stats,setStats]=useState({}); const [loading,setLoading]=useState(true); const [err,setErr]=useState(null); const [labelEdit,setLabelEdit]=useState(null); // {ch, values:{methodKey:ชื่อ}} const gridRef=useRef(null); const lastDragAt=useRef(0); const CHANNELS=[ {key:"askmepay_enabled",label:"ฝากเงิน",methods:[["smsgateway","ฝากเงิน"],["sms","ฝากทศนิยม"]],channel:"askmepay",color:"#00e7ff", icon:"M3 7v10a2 2 0 002 2h14a2 2 0 002-2V7M3 7l9-4 9 4M3 7l9 4 9-4",enabledWhen:"1"}, {key:"deposit_bank_enabled",label:"อัพโหลดสลิป",methods:[["bank","อัพโหลดสลิป"]],channel:"slip",color:"#2bb673", icon:"M3 21h18M3 10h18M3 7l9-4 9 4M5 10v11M19 10v11M9 14v3M15 14v3"}, {key:"tmnone_enabled",label:"TrueWallet",methods:[["tmnone","TMNOne"],["truewallet_webhook","TrueMoney"]],channel:"tmnone",color:"#ff9baa", logo:TRUEWALLET_LOGO_URL,enabledWhen:"1"}, {key:"deposit_truemoney_enabled",label:"TrueWallet (ซองของขวัญ)",methods:[["wallet","TrueWallet"]],channel:"truemoney",color:"#ff6b2b", logo:TRUEWALLET_LOGO_URL}, {key:"deposit_code_enabled",label:"โค้ดเติมเงิน",methods:[["code","โค้ดเติมเงิน"]],channel:"code",color:"#9b7fff", icon:"M15 5v2m0 4v2m0 4v2M5 5a2 2 0 00-2 2v3a2 2 0 010 4v3a2 2 0 002 2h14a2 2 0 002-2v-3a2 2 0 010-4V7a2 2 0 00-2-2H5z"}, /* Payment รวม AskMePay API + Autopeer ไว้การ์ดเดียว — เปิด/ปิดการ์ดนี้ = เปิด/ปิดทั้งสอง (keys) */ {key:"askmepay_api_deposit_enabled",keys:["askmepay_api_deposit_enabled","autopeer_enabled"],label:"Payment",methods:[["askmepay","Payment"],["autopeer","Autopeer"]],channels:["askmepay","autopeer"],color:"#3b82f6", icon:"M3 10h18V7a2 2 0 00-2-2H5a2 2 0 00-2 2v3zm0 0v7a2 2 0 002 2h14a2 2 0 002-2v-7",enabledWhen:"1"}, {key:"crypto_deposit_enabled",label:"คริปโต USDT",methods:[["crypto","USDT"]],channel:"crypto",color:"#26a17b", icon:"M12 2a10 10 0 100 20 10 10 0 000-20zm-1 5h2v2h3v2h-3v2.2c2 .3 3 1.1 3 2.3 0 1.5-1.6 2.5-4 2.5s-4-1-4-2.5c0-1.2 1-2 3-2.3V11H8V9h3V7z",enabledWhen:"1"}, {key:"deposit_lineconnect_enabled",label:"LINE Connect",methods:[["lineconnect","ฝากผ่าน LINE"],["line_abd","TEST222"]],channel:"line_auto",color:"#06c755", icon:"M21 11.5a8.38 8.38 0 01-.9 3.8 8.5 8.5 0 01-7.6 4.7 8.38 8.38 0 01-3.8-.9L3 21l1.9-5.7a8.38 8.38 0 01-.9-3.8 8.5 8.5 0 014.7-7.6 8.38 8.38 0 013.8-.9h.5a8.48 8.48 0 018 8v.5z"}, ]; const load=useCallback(async()=>{ setLoading(true); setErr(null); try{ const [s,deps]=await Promise.all([ api("/settings"), api("/deposits?limit=500").catch(()=>[]) ]); setSettings(s||{}); const byChannel=(Array.isArray(deps)?deps:deps.rows||[]) .filter(r=>r.status==="success") .reduce((acc,r)=>{ const ch=r.channel||"other"; if(!acc[ch]) acc[ch]={count:0,total:0}; acc[ch].count+=1; acc[ch].total+=Number(r.amount||0); return acc; },{}); setStats(byChannel); }catch(e){ if(e.status===401||e.status===403) window.__nxAuthFail?.(); setErr(e.message||"โหลดไม่สำเร็จ"); }finally{ setLoading(false); } },[]); useEffect(()=>{ load(); },[load]); const toggle=async(ch)=>{ const cur=isEnabled(ch); const val=cur?"0":"1"; const patch=Object.fromEntries((ch.keys||[ch.key]).map(k=>[k,val])); try{ await api("/settings",{method:"POST",body:patch}); setSettings(p=>({...p,...patch})); toast(cur?"ปิดช่องทางแล้ว":"เปิดช่องทางแล้ว"); }catch(e){ toast(e.message||"บันทึกไม่สำเร็จ"); } }; const isEnabled=(ch)=>(ch.keys||[ch.key]).some(k=>{ const v=settings[k]; if(ch.enabledWhen==="1") return v==="1"; return v!=="0"; }); // ยอดสำเร็จของการ์ด — การ์ดที่รวมหลายช่องทาง (channels) เอายอดมารวมกัน const statOf=(ch)=>(ch.channels||[ch.channel]).reduce((a,c)=>{ const x=stats[c]; return x?{count:a.count+x.count,total:a.total+x.total}:a; },{count:0,total:0}); /* ลำดับ/ป้ายแนะนำเก็บเป็น JSON array ของ key การ์ด — หน้าลูกค้าแปลงเป็นปุ่มฝากที่ /deposit/config */ const parseList=(raw)=>{ try{ const v=JSON.parse(raw||"[]"); return Array.isArray(v)?v.map(String):[]; }catch{ return []; } }; const order=parseList(settings.deposit_channel_order); const rank=(k)=>{ const i=order.indexOf(k); return i===-1?order.length:i; }; const ordered=CHANNELS.map((ch,i)=>({ch,i})).sort((a,b)=>(rank(a.ch.key)-rank(b.ch.key))||(a.i-b.i)).map(x=>x.ch); const recommended=new Set(parseList(settings.deposit_channel_recommended)); const orderSig=ordered.map(c=>c.key).join(","); // ชื่อปุ่มที่ลูกค้าเห็น เก็บเป็น JSON { methodKey: ชื่อ } (key ปุ่มฝั่งลูกค้า ไม่ใช่ key การ์ด) const labels=(()=>{ try{ const v=JSON.parse(settings.deposit_method_labels||"{}"); return v&&typeof v==="object"&&!Array.isArray(v)?v:{}; }catch{ return {}; } })(); const shownName=(m)=>String(labels[m[0]]||"").trim()||m[1]; const saveSetting=async(patch,okMsg)=>{ const prev=settings; setSettings(p=>({...p,...patch})); try{ await api("/settings",{method:"POST",body:patch}); if(okMsg) toast(okMsg); return true; } catch(e){ setSettings(prev); toast(e.message||"บันทึกไม่สำเร็จ"); return false; } }; // ลากสลับการ์ด (กดค้าง/ลาก) — ใช้ตัวลากเดียวกับหน้าเรียงลำดับเกม ปล่อยแล้วบันทึกทันที useEffect(()=>{ if(loading||err) return; return gsMakeDraggable(gridRef.current,".dc-card","card",(keys)=>{ lastDragAt.current=Date.now(); if(keys.join(",")===orderSig) return; saveSetting({deposit_channel_order:JSON.stringify(keys)},"บันทึกลำดับแล้ว — หน้าลูกค้าเรียงตามนี้"); }); },[loading,err,orderSig]); const onCardClick=(ch)=>{ if(Date.now()-lastDragAt.current<400) return; toggle(ch); }; const toggleRecommended=(ch)=>{ const next=new Set(recommended); const on=!next.has(ch.key); if(on) next.add(ch.key); else next.delete(ch.key); saveSetting({deposit_channel_recommended:JSON.stringify(CHANNELS.map(c=>c.key).filter(k=>next.has(k)))},on?"ติดป้าย \"ช่องทางแนะนำ\" แล้ว":"เอาป้ายแนะนำออกแล้ว"); }; const openLabelEdit=(ch)=>setLabelEdit({ch,values:Object.fromEntries(ch.methods.map(m=>[m[0],String(labels[m[0]]||"")]))}); const saveLabel=async()=>{ if(!labelEdit) return; const next={...labels}; for(const [k,v] of Object.entries(labelEdit.values)){ const t=String(v||"").trim().slice(0,40); if(t) next[k]=t; else delete next[k]; } if(await saveSetting({deposit_method_labels:JSON.stringify(next)},"บันทึกชื่อเมนูแล้ว")) setLabelEdit(null); }; if(loading) return
กำลังโหลด…
; if(err) return ; return (

ช่องทางฝาก เปิด/ปิด

เปิด/ปิดช่องทางฝากเงิน และดูยอดสำเร็จของแต่ละช่องทาง

{(()=>{ const on=settings.system_deposit_enabled!=="0"; return ( ); })()}
{ordered.map((ch,idx)=>{ const on=isEnabled(ch); const rec=recommended.has(ch.key); const st=statOf(ch); return (
onCardClick(ch)} onKeyDown={e=>{ if(e.key==="Enter"||e.key===" "){ e.preventDefault(); toggle(ch); } }} className={"dc-card group relative flex cursor-pointer touch-none select-none flex-col items-center gap-3 rounded-xl border p-5 text-center transition-all " +(on?"border-line bg-surface shadow-sm hover:shadow-md":"border-line/60 bg-sunken/50 opacity-70 hover:opacity-100")}> {idx+1}
{ch.logo ? {ch.label} : }
{ch.label}
ลูกค้าเห็น: {ch.methods.map(shownName).join(" / ")}
สำเร็จ {N(st.count)} รายการ / {baht(st.total)}
{on?"เปิด":"ปิด"}
); })}

กดค้างแล้วลากเพื่อเรียงลำดับ (หน้าลูกค้าเรียงตามนี้ ใบแรก = บนสุด) · คลิกการ์ดเพื่อเปิด/ปิด · กด ☆ แนะนำ เพื่อขึ้นป้าย "ช่องทางแนะนำ" ในหน้าลูกค้า · บันทึกอัตโนมัติทันที

{labelEdit&&(
setLabelEdit(null)}>
e.stopPropagation()}>

แก้ชื่อเมนูฝาก — {labelEdit.ch.label}

ชื่อปุ่มที่ลูกค้าเห็นในหน้าฝากเงิน เว้นว่าง = ใช้ชื่อเดิม

{labelEdit.ch.methods.map(([k,def],i)=>(
{labelEdit.ch.methods.length>1&&} { const v=e.target.value; setLabelEdit(l=>({...l,values:{...l.values,[k]:v}})); }} onKeyDown={e=>{ if(e.key==="Enter") saveLabel(); }} placeholder={def} className="w-full rounded-lg border border-line bg-surface px-3 py-2 text-sm"/>
))}
)}

รายงานแยกช่องทาง (500 รายการล่าสุด)

{ordered.map(ch=>{ const st=statOf(ch); return (); })}
ช่องทางรายการสำเร็จยอดรวม
{ch.logo ? : } {ch.label}
{N(st.count)} {baht(st.total)}
); }