https://paxpay.ng/static/js/4084.2756efcf.chunk.js

1"use strict";(globalThis.webpackChunkpaxpay_vtu=globalThis.webpackChunkpaxpay_vtu||[]).push([[4084],{451(e,a,s){s.d(a,{lB:()=>t,U1:()=>r,qn:()=>n,S6:()=>u,Ck:()=>h,lM:()=>o,Ub:()=>x,Kw:()=>c,oj:()=>m,G8:()=>d,ki:()=>p,X3:()=>i});s(5043);var l=s(579);function i(e){let{title:a,subtitle:s,action:i}=e;return(0,l.jsxs)("div",{className:"aui-section-hdr",children:[(0,l.jsxs)("div",{children:[(0,l.jsx)("h2",{className:"aui-section-title",children:a}),s&&(0,l.jsx)("p",{className:"aui-section-sub",children:s})]}),i&&(0,l.jsx)("div",{className:"aui-section-action",children:i})]})}function n(e){let{children:a,className:s="",style:i,onClick:n,onMouseEnter:t,onMouseLeave:r}=e;return(0,l.jsx)("div",{className:`aui-card ${s}`,style:i,onClick:n,onMouseEnter:t,onMouseLeave:r,children:a})}function t(e){var a;let{status:s}=e;const i={success:{label:"Success",cls:"aui-badge--success"},completed:{label:"Completed",cls:"aui-badge--success"},approved:{label:"Approved",cls:"aui-badge--success"},active:{label:"Active",cls:"aui-badge--success"},pending:{label:"Pending",cls:"aui-badge--warning"},processing:{label:"Processing",cls:"aui-badge--info"},failed:{label:"Failed",cls:"aui-badge--danger"},rejected:{label:"Rejected",cls:"aui-badge--danger"},blocked:{label:"Blocked",cls:"aui-badge--danger"},inactive:{label:"Inactive",cls:"aui-badge--muted"},reversed:{label:"Reversed",cls:"aui-badge--muted"}}[null!==(a={0:"success",1:"failed",2:"pending",3:"reversed",5:"processing"}[Number(s)])&&void 0!==a?a:String(null!==s&&void 0!==s?s:"").toLowerCase()]||{label:String(null!==s&&void 0!==s?s:"\u2014"),cls:"aui-badge--muted"};return(0,l.jsx)("span",{className:`aui-badge ${i.cls}`,children:i.label})}function r(e){let{children:a,variant:s="primary",size:i="md",loading:n,icon:t,onClick:r,type:c="button",disabled:d,style:o}=e;return(0,l.jsxs)("button",{type:c,className:`aui-btn aui-btn--${s} aui-btn--${i}`,onClick:r,disabled:d||n,style:o,children:[n?(0,l.jsx)("span",{className:"aui-btn-spinner"}):t?(0,l.jsx)("i",{className:`fas ${t}`}):null,a&&(0,l.jsx)("span",{children:a})]})}function c(e){let{value:a,onChange:s,placeholder:i="Search\u2026"}=e;return(0,l.jsxs)("div",{className:"aui-search",children:[(0,l.jsx)("i",{className:"fas fa-magnifying-glass aui-search-icon"}),(0,l.jsx)("input",{className:"aui-search-input",value:a,onChange:e=>s(e.target.value),placeholder:i}),a&&(0,l.jsx)("button",{className:"aui-search-clear",onClick:()=>s(""),children:(0,l.jsx)("i",{className:"fas fa-xmark"})})]})}function d(e){let{cols:a,rows:s,onRowClick:i,emptyText:n="No records found",loading:t}=e;return t?(0,l.jsx)("div",{className:"aui-table-loader",children:(0,l.jsx)("span",{className:"spinner spinner-dark"})}):(0,l.jsx)("div",{className:"aui-table-wrap",children:(0,l.jsxs)("table",{className:"aui-table",children:[(0,l.jsx)("thead",{children:(0,l.jsx)("tr",{children:a.map(e=>(0,l.jsx)("th",{style:e.style,children:e.label},e.key))})}),(0,l.jsx)("tbody",{children:0===s.length?(0,l.jsx)("tr",{children:(0,l.jsxs)("td",{colSpan:a.length,className:"aui-table-empty",children:[(0,l.jsx)("i",{className:"fas fa-inbox",style:{fontSize:28,marginBottom:8,color:"var(--text-light)"}}),(0,l.jsx)("p",{children:n})]})}):s.map((e,s)=>(0,l.jsx)("tr",{className:i?"aui-table-row--click":"",onClick:()=>null===i||void 0===i?void 0:i(e),children:a.map(a=>{var s;return(0,l.jsx)("td",{children:a.render?a.render(e[a.key],e):null!==(s=e[a.key])&&void 0!==s?s:"\u2014"},a.key)})},s))})]})})}function o(e){let{open:a,onClose:s,title:i,children:n,width:t=480,footer:r,wide:c}=e;if(!a)return null;const d=c?720:t;return(0,l.jsx)("div",{className:"aui-modal-backdrop",onClick:s,children:(0,l.jsxs)("div",{className:"aui-modal",style:{maxWidth:d},onClick:e=>e.stopPropagation(),children:[(0,l.jsxs)("div",{className:"aui-modal-header",children:[(0,l.jsx)("h3",{className:"aui-modal-title",children:i}),(0,l.jsx)("button",{className:"aui-modal-close",onClick:s,children:(0,l.jsx)("i",{className:"fas fa-xmark"})})]}),(0,l.jsx)("div",{className:"aui-modal-body",children:n}),r&&(0,l.jsx)("div",{className:"aui-modal-footer",children:r})]})})}function u(e){let{label:a,children:s,hint:i}=e;return(0,l.jsxs)("div",{className:"aui-field",children:[a&&(0,l.jsx)("label",{className:"aui-field-label",children:a}),s,i&&(0,l.jsx)("p",{className:"aui-field-hint",children:i})]})}function h(e){let{type:a="text",value:s,onChange:i,placeholder:n,disabled:t,readOnly:r}=e;return(0,l.jsx)("input",{type:a,className:"aui-input",value:s,onChange:i,placeholder:n,disabled:t,readOnly:r})}function m(e){let{value:a,onChange:s,children:i,disabled:n}=e;return(0,l.jsx)("select",{className:"aui-input",value:a,onChange:s,disabled:n,children:i})}function p(e){let{value:a,onChange:s,placeholder:i,rows:n=4}=e;return(0,l.jsx)("textarea",{className:"aui-input aui-textarea",value:a,onChange:s,placeholder:i,rows:n})}function x(){return(0,l.jsx)("div",{className:"aui-page-loader",children:(0,l.jsx)("span",{className:"spinner spinner-dark",style:{width:36,height:36,borderWidth:3}})})}},4084(e,a,s){s.r(a),s.d(a,{default:()=>d});var l=s(5043),i=s(3768),n=s(8903),t=s(451),r=s(579);const c="https://paxpay.ng/api".replace(/\/api\/?$/,"").replace(/\/$/,"");function d(){const[e,a]=(0,l.useState)([]),[s,d]=(0,l.useState)(!0),[o,u]=(0,l.useState)(!1),[h,m]=(0,l.useState)(!1),[p,x]=(0,l.useState)(null),b=(0,l.useRef)(),[v,j]=(0,l.useState)({title:"",link:"",status:"yes"});(0,l.useEffect)(()=>{g()},[]);const g=async()=>{d(!0);try{var e;const s=await(0,n.Y_)();a(Array.isArray(null===(e=s.data)||void 0===e?void 0:e.data)?s.data.data:[])}catch{i.Ay.error("Failed to load banners")}finally{d(!1)}},f=()=>{j({title:"",link:"",status:"yes"}),x(null),b.current&&(b.current.value="")};return s?(0,r.jsx)(t.Ub,{}):(0,r.jsxs)("div",{children:[(0,r.jsx)(t.X3,{title:"Ads Banners",subtitle:"Manage promotional banners shown to users",action:(0,r.jsx)(t.U1,{variant:"primary",icon:"fa-plus",onClick:()=>{f(),u(!0)},children:"Add New Banner"})}),(0,r.jsx)(t.qn,{children:0===e.length?(0,r.jsxs)("div",{className:"adb-empty",children:[(0,r.jsx)("i",{className:"fas fa-image"}),(0,r.jsx)("p",{children:"No banners yet. Add one to get started."})]}):(0,r.jsx)("div",{className:"adb-grid",children:e.map((e,s)=>{return(0,r.jsxs)("div",{className:"adb-card",children:[(0,r.jsxs)("div",{className:"adb-card-img-wrap",children:[(0,r.jsx)("img",{src:(l=e.image_path,l?l.startsWith("http")?l:c+(l.startsWith("/")?l:"/"+l):""),alt:e.title,className:"adb-card-img"}),(0,r.jsx)("span",{className:"adb-card-badge "+("yes"===e.status?"adb-badge--active":"adb-badge--inactive"),children:"yes"===e.status?"Active":"Inactive"}),(0,r.jsxs)("span",{className:"adb-card-num",children:["#",s+1]})]}),(0,r.jsxs)("div",{className:"adb-card-body",children:[(0,r.jsx)("p",{className:"adb-card-title",children:e.title}),e.link?(0,r.jsxs)("a",{className:"adb-card-link",href:e.link,target:"_blank",rel:"noreferrer",children:[(0,r.jsx)("i",{className:"fas fa-link"})," ",e.link.length>32?e.link.slice(0,32)+"\u2026":e.link]}):(0,r.jsx)("span",{className:"adb-card-nolink",children:"No link"}),(0,r.jsxs)("p",{className:"adb-card-date",children:[(0,r.jsx)("i",{className:"fas fa-calendar-alt"})," ",new Date(e.date_added).toLocaleDateString("en-GB",{day:"2-digit",month:"short",year:"numeric"})]})]}),(0,r.jsxs)("div",{className:"adb-card-actions",children:[(0,r.jsx)(t.U1,{size:"sm",variant:"yes"===e.status?"ghost":"primary",icon:"yes"===e.status?"fa-toggle-off":"fa-toggle-on",onClick:()=>(async e=>{const s="yes"===e.status?"no":"yes";a(a=>a.map(a=>a.id===e.id?{...a,status:s}:a));try{await(0,n.kH)({id:e.id,current_status:e.status})}catch{i.Ay.error("Failed to update status"),a(a=>a.map(a=>a.id===e.id?{...a,status:e.status}:a))}})(e),children:"yes"===e.status?"Deactivate":"Activate"}),(0,r.jsx)(t.U1,{size:"sm",variant:"danger",icon:"fa-trash-can",onClick:()=>(async e=>{if(window.confirm(`Delete "${e.title}"? This cannot be undone.`))try{await(0,n.kB)({id:e.id}),i.Ay.success("Banner deleted"),a(a=>a.filter(a=>a.id!==e.id))}catch{i.Ay.error("Failed to delete banner")}})(e),children:"Delete"})]})]},e.id);var l})})}),(0,r.jsx)(t.lM,{open:o,onClose:()=>{u(!1),f()},title:"Add New Ads Banner",width:560,children:(0,r.jsxs)("div",{className:"adb-form",children:[(0,r.jsxs)("div",{className:"adb-form-grid",children:[(0,r.jsx)(t.S6,{label:"Banner Title *",children:(0,r.jsx)(t.Ck,{value:v.title,onChange:e=>j(a=>({...a,title:e.target.value})),placeholder:"e.g. Summer Sale Banner"})}),(0,r.jsx)(t.S6,{label:"Click URL / Link",hint:"Leave blank if no click action needed",children:(0,r.jsx)(t.Ck,{value:v.link,onChange:e=>j(a=>({...a,link:e.target.value})),placeholder:"https://example.com"})}),(0,r.jsx)(t.S6,{label:"Status",children:(0,r.jsx)("div",{className:"adm-sel-wrap",children:(0,r.jsxs)("select",{className:"aui-input",value:v.status,onChange:e=>j(a=>({...a,status:e.target.value})),children:[(0,r.jsx)("option",{value:"yes",children:"Active"}),(0,r.jsx)("option",{value:"no",children:"Inactive"})]})})})]}),(0,r.jsxs)(t.S6,{label:"Banner Image *",hint:"Allowed: JPG, PNG, GIF, WEBP. Recommended: 1200\xd7400px",children:[(0,r.jsx)("div",{className:"adb-dropzone "+(p?"adb-dropzone--has-preview":""),onClick:()=>{var e;return null===(e=b.current)||void 0===e?void 0:e.click()},children:p?(0,r.jsx)("img",{src:p,alt:"Preview",className:"adb-dropzone-preview"}):(0,r.jsxs)("div",{className:"adb-dropzone-placeholder",children:[(0,r.jsx)("i",{className:"fas fa-cloud-upload-alt"}),(0,r.jsx)("span",{children:"Click to choose an image"}),(0,r.jsx)("small",{children:"JPG, PNG, GIF, WEBP"})]})}),(0,r.jsx)("input",{ref:b,type:"file",accept:"image/*",style:{display:"none"},onChange:e=>{const a=e.target.files[0];if(!a)return;const s=new FileReader;s.onload=e=>x(e.target.result),s.readAsDataURL(a)}}),p&&(0,r.jsxs)("button",{className:"adb-remove-img",onClick:()=>{x(null),b.current.value=""},children:[(0,r.jsx)("i",{className:"fas fa-xmark"})," Remove image"]})]}),(0,r.jsxs)("div",{className:"adb-modal-footer",children:[(0,r.jsx)(t.U1,{variant:"primary",icon:"fa-upload",loading:h,onClick:async()=>{var e;if(!v.title.trim())return i.Ay.error("Banner title is required");if(null===(e=b.current)||void 0===e||!e.files[0])return i.Ay.error("Please select a banner image");const a=new FormData;a.append("title",v.title),a.append("link",v.link),a.append("status",v.status),a.append("banner_image",b.current.files[0]),m(!0);try{await(0,n.et)(a),i.Ay.success("Banner added successfully"),u(!1),f(),g()}catch(t){var s,l;i.Ay.error((null===t||void 0===t||null===(s=t.response)||void 0===s||null===(l=s.data)||void 0===l?void 0:l.msg)||"Failed to add banner")}finally{m(!1)}},children:"Upload Banner"}),(0,r.jsx)(t.U1,{variant:"ghost",onClick:()=>{u(!1),f()},children:"Cancel"})]})]})})]})}}}]);
2//# sourceMappingURL=4084.2756efcf.chunk.js.map