https://mleadpro.com/assets/MuaThemSlotPage-Dqf8mxhs.js

1import{c,j as e}from"./react-vendor-BWT80Oqg.js";import{k as G,m as Q,r as X,q as Y,e as J,Q as W,$ as z,a0 as Z,ae as H,bM as ee,bN as te,bO as ne,bP as se,bQ as re}from"./index-BcWRjGuN.js";import{B as w}from"./button-CvbL2ibo.js";import{R as oe}from"./ReloadOutlined-Bby7CcaD.js";import{e as ae,a4 as ie,a5 as q,s as M}from"./productPortal-q-V78Hp-.js";import{C as _}from"./index-ZURURy9l.js";import{S as ce,j as D,A as L,M as le}from"./Dashboard-DZygrM3P.js";import{R as de}from"./ClockCircleOutlined-DTG-vmJQ.js";import{T as me}from"./index-ewleOmyF.js";import{R as K}from"./ShoppingCartOutlined-tcjnbD6J.js";import{F as ue,T as he}from"./index-DLVicjPh.js";import{R as ge}from"./CheckCircleFilled-lvykSZiz.js";import{R as U}from"./CopyOutlined-Dj-dlqif.js";import"./SearchOutlined-YG-T3o0D.js";import"./CloseOutlined-p9BTcyRS.js";import"./index-kMSP28y4.js";import"./PlusOutlined-D42fJmlg.js";import"./index-jKpBfLiw.js";import"./BellOutlined-BDUO6WPB.js";import"./SiteNotice-D5ZZmzVS.js";import"./SettingOutlined-DTphHKMF.js";import"./BarChartOutlined-su797PGo.js";import"./UnorderedListOutlined-BlAHCtH5.js";import"./MessageOutlined-B4-ltj9p.js";import"./CommentOutlined-C6SBwPs3.js";import"./TeamOutlined-SkcF0RXv.js";import"./PhoneOutlined-DAKmHvxp.js";import"./LinkOutlined-6ptC97t-.js";import"./UserOutlined-DEeU24ej.js";import"./DownOutlined-C0DWQ3eR.js";import"./styleChecker-Cobkte6q.js";import"./useIcons-HBJCPsCr.js";import"./CheckOutlined-CVGNgyk_.js";const pe=t=>{const{value:o,formatter:l,precision:n,decimalSeparator:a,groupSeparator:p="",prefixCls:i}=t;let m;if(typeof l=="function")m=l(o);else{const r=String(o),u=r.match(/^(-?)(\d*)(\.(\d+))?$/);if(!u||r==="-")m=r;else{const y=u[1];let g=u[2]||"0",x=u[4]||"";g=g.replace(/\B(?=(\d{3})+(?!\d))/g,p),typeof n=="number"&&(x=x.padEnd(n,"0").slice(0,n>0?n:0)),x&&(x=`${a}${x}`),m=[c.createElement("span",{key:"int",className:`${i}-content-value-int`},y,g),x&&c.createElement("span",{key:"decimal",className:`${i}-content-value-decimal`},x)]}}return c.createElement("span",{className:`${i}-content-value`},m)},xe=t=>{const{componentCls:o,marginXXS:l,padding:n,colorTextDescription:a,titleFontSize:p,colorTextHeading:i,contentFontSize:m,fontFamily:r}=t;return{[o]:Object.assign(Object.assign({},X(t)),{[`${o}-title`]:{marginBottom:l,color:a,fontSize:p},[`${o}-skeleton`]:{paddingTop:n},[`${o}-content`]:{color:i,fontSize:m,fontFamily:r,[`${o}-content-value`]:{display:"inline-block",direction:"ltr"},[`${o}-content-prefix, ${o}-content-suffix`]:{display:"inline-block"},[`${o}-content-prefix`]:{marginInlineEnd:l},[`${o}-content-suffix`]:{marginInlineStart:l}}})}},fe=t=>{const{fontSizeHeading3:o,fontSize:l}=t;return{titleFontSize:l,contentFontSize:o}},je=G("Statistic",t=>{const o=Q(t,{});return xe(o)},fe);var ye=function(t,o){var l={};for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&o.indexOf(n)<0&&(l[n]=t[n]);if(t!=null&&typeof Object.getOwnPropertySymbols=="function")for(var a=0,n=Object.getOwnPropertySymbols(t);a<n.length;a++)o.indexOf(n[a])<0&&Object.prototype.propertyIsEnumerable.call(t,n[a])&&(l[n[a]]=t[n[a]]);return l};const P=c.forwardRef((t,o)=>{const{prefixCls:l,className:n,rootClassName:a,style:p,valueStyle:i,value:m=0,title:r,valueRender:u,prefix:y,suffix:g,loading:x=!1,formatter:h,precision:S,decimalSeparator:N=".",groupSeparator:k=",",onMouseEnter:$,onMouseLeave:T}=t,O=ye(t,["prefixCls","className","rootClassName","style","valueStyle","value","title","valueRender","prefix","suffix","loading","formatter","precision","decimalSeparator","groupSeparator","onMouseEnter","onMouseLeave"]),{getPrefixCls:R,direction:A,className:E,style:F}=Y("statistic"),v=R("statistic",l),[C,I,s]=je(v),d=c.createElement(pe,{decimalSeparator:N,groupSeparator:k,prefixCls:v,formatter:h,precision:S,value:m}),j=J(v,{[`${v}-rtl`]:A==="rtl"},E,n,a,I,s),b=c.useRef(null);c.useImperativeHandle(o,()=>({nativeElement:b.current}));const V=ae(O,{aria:!0,data:!0});return C(c.createElement("div",Object.assign({},V,{ref:b,className:j,style:Object.assign(Object.assign({},F),p),onMouseEnter:$,onMouseLeave:T}),r&&c.createElement("div",{className:`${v}-title`},r),c.createElement(ce,{paragraph:!1,loading:x,className:`${v}-skeleton`,active:!0},c.createElement("div",{style:i,className:`${v}-content`},y&&c.createElement("span",{className:`${v}-content-prefix`},y),u?u(d):d,g&&c.createElement("span",{className:`${v}-content-suffix`},g)))))}),Se=[["Y",1e3*60*60*24*365],["M",1e3*60*60*24*30],["D",1e3*60*60*24],["H",1e3*60*60],["m",1e3*60],["s",1e3],["S",1]];function ve(t,o){let l=t;const n=/\[[^\]]*]/g,a=(o.match(n)||[]).map(r=>r.slice(1,-1)),p=o.replace(n,"[]"),i=Se.reduce((r,[u,y])=>{if(r.includes(u)){const g=Math.floor(l/y);return l-=g*y,r.replace(new RegExp(`${u}+`,"g"),x=>{const h=x.length;return g.toString().padStart(h,"0")})}return r},p);let m=0;return i.replace(n,()=>{const r=a[m];return m+=1,r})}function be(t,o,l){const{format:n=""}

1=o,a=new Date(t).getTime(),p=Date.now(),i=Math.max(l?a-p:p-a,0);return ve(i,n)}var Ne=function(t,o){var l={};for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&o.indexOf(n)<0&&(l[n]=t[n]);if(t!=null&&typeof Object.getOwnPropertySymbols=="function")for(var a=0,n=Object.getOwnPropertySymbols(t);a<n.length;a++)o.indexOf(n[a])<0&&Object.prototype.propertyIsEnumerable.call(t,n[a])&&(l[n[a]]=t[n[a]]);return l};function Ce(t){return new Date(t).getTime()}const B=t=>{const{value:o,format:l="HH:mm:ss",onChange:n,onFinish:a,type:p}=t,i=Ne(t,["value","format","onChange","onFinish","type"]),m=p==="countdown",[r,u]=c.useState(null),y=W(()=>{const h=Date.now(),S=Ce(o);u({});const N=m?S-h:h-S;return n==null||n(N),m&&S<h?(a==null||a(),!1):!0});c.useEffect(()=>{let h;const S=()=>z.cancel(h),N=()=>{h=z(()=>{y()&&N()})};return N(),S},[o,m]),c.useEffect(()=>{u({})},[]);const g=(h,S)=>r?be(h,Object.assign(Object.assign({},S),{format:l}),m):"-",x=h=>Z(h,{title:void 0});return c.createElement(P,Object.assign({},i,{value:o,valueRender:x,formatter:g}))},we=t=>c.createElement(B,Object.assign({},t,{type:"countdown"})),Pe=c.memo(we);P.Timer=B;P.Countdown=Pe;const f=t=>Number(t||0).toLocaleString("vi-VN"),ke={pending:["orange","Chờ duyệt"],approved:["green","Đã duyệt"],rejected:["red","Từ chối"]};function it(){var I;const[t,o]=c.useState(null),[l,n]=c.useState(!0),[a,p]=c.useState(500),[i,m]=c.useState(null),[r,u]=c.useState(null),[y,g]=c.useState(!1),[x,h]=c.useState(!1),[S,N]=c.useState(!1),k=async()=>{var s,d;n(!0);try{o(await ee())}catch(j){M.error(((d=(s=j==null?void 0:j.response)==null?void 0:s.data)==null?void 0:d.error)||"Không tải được hạn mức Slot Page")}finally{n(!1)}};c.useEffect(()=>{k()},[]);const $=Number((t==null?void 0:t.unit_price)||1e3),T=Math.max(0,Number(a||0))*$,O=c.useMemo(()=>((t==null?void 0:t.requests)||[]).filter(s=>s.status==="pending").length,[t]),R=async s=>{var d,j;m(s),u(null),N(!1),g(!0);try{const b=s.custom?await te(s.slots):await ne(s.code);u(b)}catch(b){u({configured:!1,error:((j=(d=b==null?void 0:b.response)==null?void 0:d.data)==null?void 0:j.error)||"Không lấy được thông tin thanh toán."})}},A=async()=>{var s,d;if(i){h(!0);try{i.custom?await se(i.slots):await re(i.code),N(!0),M.success("Đã gửi yêu cầu mua thêm Slot Page"),await k()}catch(j){M.error(((d=(s=j==null?void 0:j.response)==null?void 0:s.data)==null?void 0:d.error)||"Không gửi được yêu cầu mua Slot Page")}finally{h(!1)}}},E=s=>{var d;(d=navigator.clipboard)==null||d.writeText(String(s||"")),M.success("Đã sao chép")},F=r!=null&&r.configured?`https://img.vietqr.io/image/${encodeURIComponent(r.bank_code)}-${encodeURIComponent(r.account_no)}-compact2.png?amount=${Number((i==null?void 0:i.price)||r.amount||0)}&addInfo=${encodeURIComponent(r.content||"")}&accountName=${encodeURIComponent(r.account_holder||"")}`:"",v=[{title:"Thời gian",dataIndex:"created_at",render:s=>s?new Date(s).toLocaleString("vi-VN"):"—"},{title:"Gói Slot",render:(s,d)=>e.jsxs(e.Fragment,{children:[e.jsx("b",{children:d.package_name||d.package_code}),e.jsxs("div",{style:{color:"#64748b"},children:["+",f(d.slots)," Slot Page"]})]})},{title:"Số tiền",dataIndex:"amount",render:s=>`${f(s)}đ`},{title:"Nội dung CK",dataIndex:"content",render:s=>e.jsx("code",{children:s||"—"})},{title:"Trạng thái",dataIndex:"status",render:(s,d)=>{const[j,b]=ke[s]||["default",s||"—"];return e.jsxs(e.Fragment,{children:[e.jsx(he,{color:j,children:b}),d.note&&e.jsx("div",{children:d.note})]})}}];if(l&&!t)return e.jsx("div",{style:{minHeight:"65vh",display:"grid",placeItems:"center"},children:e.jsx(H,{size:"large"})});const C=(t==null?void 0:t.quota)||{};return e.jsxs("div",{className:"gct-wrap",children:[e.jsxs("div",{className:"gct-head",children:[e.jsxs("div",{children:[e.jsx("div",{className:"gct-kicker",children:"FANPAGE MARKETING"}),e.jsx("h1",{children:"Mua thêm Slot Page"}),e.jsx("p",{children:"Fanpage, Profile, Nhóm và kênh Buffer dùng chung một hạn mức. Slot mua thêm được cộng vĩnh viễn vào tài khoản."})]}),e.jsx(w,{icon:e.jsx(oe,{}),loading:l,onClick:k,children:"Làm mới"})]}),e.jsxs(ie,{gutter:[16,16],style:{marginBottom:22},children:[e.jsx(q,{xs:24,md:8,children:e.jsx(_,{children:e.jsx(P,{title:"Slot theo gói",value:C.unlimited?"∞":f(C.base),prefix:e.jsx(D,{})})})}),e.jsx(q,{xs:24,md:8,children:e.jsx(_,{children:e.jsx(P,{title:"Slot đã mua thêm",value:f(C.bonus),valueStyle:{color:"#16a34a"},prefix:"+"})})}),e.jsx(q,{xs:24,md:8,children:e.jsx(_,{children:e.jsx(P,{title:"Tổng hạn mức hiện tại",value:C.unlimited?"Không giới hạn":f(C.total)})})})]}),O>0&&e.jsx(L,{style:{marginBottom:20},type:"warning",showIcon:!0,icon:e.jsx(de,{}),message:`Có ${O} yêu cầu mua Slot Page đang chờ Admin xác nhận.`}),e.jsxs("section",{className:"gct-render-shop",children:[e.jsx("div",{className:"gct-render-shop-head",children:e.jsxs("div",{children:[e.jsx("span",{className:"eyebrow",children:"MUA THEO SỐ LƯỢNG"}),e.jsx("h2",{children:"Nhập số Slot Page cần mua"}),e.jsxs("p",{children:["Đơn giá mua lẻ ",f($),"đ/Slot. Hạn mức được cộng sau khi Admin xác nhận chuyển khoản."]})]})}),e.jsxs("div",{className:"gct-render-custom",children:[e.jsxs("div",{className:"gct-render-custom-input",children:[e.jsx("label",{htmlFor:"page-slot-qty",children:"Số Slot Page muốn mua"}),e.jsxs("div",{className:"gct-render-custom-row",children:[e.jsx(me,{id:"page-slot-qty",min:1,max:Number((t==null?void 0:t.max_qty)||1e5),value:a,onChange:s=>p(Math.max(1,Number(s||1))),style:{width:"100%"}}),e.jsx("span",{children:"Slot"})]}),e.jsx("div",{className:"gct-render-quick",children:[100,500,1e3,2e3,5e3].map(s=>e.jsxs("button",{type:"button",className:Number(a)===s?"on":"",onClick:()=>p(s),children:["+",f(s)]},s))})]}),e.jsxs("div",{className:"gct-render-custom-summary",children:[e.jsxs("div",{className:"unit",children:["Đơn giá ",e.jsxs("b",{children:[f($),"đ"]})," / Slot"]}),e.jsxs("div",{className:"total",children:[e.jsx("span",{children:"Thành tiền"}),e.jsxs("b",{children:[f(T),"đ"]})]}),e.jsx(w,{type:"primary",size:"large",icon:e.jsx(K,{}),disabled:!Number(a),onClick:()=>R({custom:!0,slots:Number(a),price:T,name:`${f(a)} Slot Page`}),children:"Mua ngay"})]})]}),!!((I=t==null?void 0:t.packages)!=null&&I.length)&&e.jsxs(e.Fragment,{children:[e.jsx("div",{className:"gct-render-or",children:"Hoặc chọn nhanh gói có sẵn"}),e.jsx("div",{className:"gct-render-pack-grid",children:t.packages.map(s=>e.jsxs("article",{className:"gct-render-pack",children:[e.jsx("div",{className:"gct-render-pack-icon",children:e.jsx(D,{})}),e.jsxs("div",{className:"gct-render-pack-credit",children:["+",f(s.slots)," Slot"]}),e.jsx("h3",{children:s.name}),e.jsx("p",{children:s.note||"Cộng vĩnh viễn vào hạn mức tài khoản"}),e.jsxs("div",{className:"gct-render-pack-price",children:[f(s.price),"đ"]}),e.jsx(w,{type:"primary",block:!0,icon:e.jsx(K,{}),onClick:()=>R(s),children:"Mua thêm Slot"})]},s.code))})]})]}),e.jsx(_,{title:"Lịch sử yêu cầu mua Slot Page",style:{marginTop:22},children:e.jsx(ue,{rowKey:"id",columns:v,dataSource:(t==null?void 0:t.requests)||[],pagination:{pageSize:10,hideOnSinglePage:!0},scroll:{x:820},locale:{emptyText:"Chưa có yêu cầu mua thêm Slot Page."}})}),e.jsx(le,{open:y,onCancel:()=>g(!1),footer:null,width:460,title:i?`Mua ${f(i.slots)} Slot Page`:"Mua thêm Slot Page",children:r?r.configured?S?e.jsxs("div",{style:{textAlign:"center",padding:"10px 0"},children:[e.jsx(ge,{style:{fontSize:48,color:"#16a34a"}}

1),e.jsx("h3",{children:"Đã gửi yêu cầu mua Slot Page"}),e.jsx("p",{children:"Admin sẽ kiểm tra chuyển khoản và cộng Slot vào tài khoản."}),e.jsx(w,{block:!0,onClick:()=>g(!1),children:"Đóng"})]}):e.jsxs("div",{style:{textAlign:"center"},children:[e.jsx("img",{src:F,alt:"QR mua Slot Page",style:{width:250,height:250,objectFit:"contain",border:"1px solid #e2e8f0",borderRadius:14}}),e.jsxs("div",{style:{textAlign:"left",marginTop:14,lineHeight:2},children:[e.jsxs("div",{children:[e.jsx("b",{children:"Số lượng:"})," +",f(i==null?void 0:i.slots)," Slot Page"]}),e.jsxs("div",{children:[e.jsx("b",{children:"Ngân hàng:"})," ",r.bank_code]}),e.jsxs("div",{children:[e.jsx("b",{children:"Số tài khoản:"})," ",r.account_no," ",e.jsx(U,{onClick:()=>E(r.account_no)})]}),e.jsxs("div",{children:[e.jsx("b",{children:"Chủ tài khoản:"})," ",r.account_holder]}),e.jsxs("div",{children:[e.jsx("b",{children:"Số tiền:"})," ",e.jsxs("strong",{style:{color:"#dc2626"},children:[f((i==null?void 0:i.price)||r.amount),"đ"]})]}),e.jsxs("div",{children:[e.jsx("b",{children:"Nội dung CK:"})," ",e.jsx("code",{children:r.content})," ",e.jsx(U,{onClick:()=>E(r.content)})]})]}),e.jsxs("div",{style:{display:"flex",gap:10,marginTop:16},children:[e.jsx(w,{size:"large",style:{flex:1},onClick:()=>g(!1),children:"Để sau"}),e.jsx(w,{type:"primary",size:"large",style:{flex:2},loading:x,onClick:A,children:"Tôi đã chuyển khoản"})]})]}):e.jsx(L,{type:"warning",showIcon:!0,message:r.error||"Hệ thống chưa cấu hình thông tin chuyển khoản. Vui lòng liên hệ Admin."}):e.jsx("div",{style:{textAlign:"center",padding:30},children:e.jsx(H,{})})})]})}export{it as default};