https://paxpay.ng/static/js/5531.e8cb02b7.chunk.js

1"use strict";(globalThis.webpackChunkpaxpay_vtu=globalThis.webpackChunkpaxpay_vtu||[]).push([[5531],{6169(e,a,s){s.d(a,{pp:()=>r,aF:()=>l,DP:()=>i});var t=s(5043),n=s(579);function l(e){let{open:a,onClose:s,title:l,children:r,size:i="md"}=e;return(0,t.useEffect)(()=>(document.body.style.overflow=a?"hidden":"",()=>{document.body.style.overflow=""}),[a]),a?(0,n.jsx)("div",{className:"modal-backdrop",onClick:s,children:(0,n.jsxs)("div",{className:`modal-box modal-${i}`,onClick:e=>e.stopPropagation(),children:[(0,n.jsxs)("div",{className:"modal-hdr",children:[(0,n.jsx)("h3",{children:l}),(0,n.jsx)("button",{className:"modal-close",onClick:s,children:(0,n.jsx)("i",{className:"fas fa-xmark"})})]}),(0,n.jsx)("div",{className:"modal-body",children:r})]})}):null}function r(e){let{icon:a="fa-inbox",title:s="Nothing here",description:t,action:l}=e;return(0,n.jsxs)("div",{className:"empty-state",children:[(0,n.jsx)("i",{className:`fas ${a}`}),(0,n.jsx)("h4",{children:s}),t&&(0,n.jsx)("p",{children:t}),l&&(0,n.jsx)("div",{style:{marginTop:12},children:l})]})}function i(e){let{text:a="Loading\u2026"}=e;return(0,n.jsxs)("div",{className:"page-loader",children:[(0,n.jsx)("span",{className:"spinner spinner-dark",style:{width:28,height:28,borderWidth:3}}),(0,n.jsx)("span",{children:a})]})}},4634(e,a,s){s.d(a,{A:()=>n});var t=s(5043);function n(e){let a=arguments.length>1&&void 0!==arguments[1]?arguments[1]:[];const[s,n]=(0,t.useState)(null),[l,r]=(0,t.useState)(!0),[i,o]=(0,t.useState)(null),d=(0,t.useCallback)(async()=>{r(!0),o(null);try{const a=await e();n(a.data)}catch(t){var a,s;o((null===t||void 0===t||null===(a=t.response)||void 0===a||null===(s=a.data)||void 0===s?void 0:s.msg)||(null===t||void 0===t?void 0:t.message)||"Failed to load data.")}finally{r(!1)}},a);return(0,t.useEffect)(()=>{d()},[d]),{data:s,loading:l,error:i,refetch:d}}},5531(e,a,s){s.r(a),s.d(a,{default:()=>h});var t=s(5043),n=s(3216),l=s(3768),r=s(4634),i=s(4512),o=s(6047),d=s(6169),c=s(579);const u={open:{label:"Open",cls:"stk-badge--open"},answered:{label:"Answered",cls:"stk-badge--answered"},closed:{label:"Closed",cls:"stk-badge--closed"}};function h(){const{id:e}=(0,n.g)(),a=(0,n.Zp)(),{data:s,loading:h,error:m,refetch:g}=(0,r.A)(()=>(0,i.pH)({ticket_id:Number(e)}),[e]),[b,p]=(0,t.useState)(""),[f,x]=(0,t.useState)(!1),v=(0,t.useRef)(null),k=(0,t.useRef)(null),j=(null===s||void 0===s?void 0:s.ticket)||{},N=j.replies||[],y=(w=j.status,u[String(w||"").toLowerCase()]||u.open);var w;const D="closed"===String(j.status||"").toLowerCase(),C=function(e){const a=[];let s=null;return e.forEach(e=>{const t=e.date?new Date(e.date).toDateString():"",n=(new Date).toDateString(),l=new Date(Date.now()-864e5).toDateString(),r=t===n?"Today":t===l?"Yesterday":e.date?new Date(e.date).toLocaleDateString("en-NG",{day:"numeric",month:"short",year:"numeric"}):"";t!==s&&(a.push({type:"date",label:r}),s=t),a.push({type:"msg",...e})}),a}([j.message?{id:"orig",replied_by:"user",reply:j.message,date:j.date,isOrig:!0}:null,...N].filter(Boolean));(0,t.useEffect)(()=>{v.current&&(v.current.scrollTop=v.current.scrollHeight)},[N.length,h]);const S=async()=>{const a=b.trim();if(a)if(a.length<10)l.Ay.error("Reply must be at least 10 characters.");else{x(!0);try{const{data:s}=await(0,i.Wx)({ticket_id:Number(e),message:a});"success"===s.status?(p(""),k.current&&(k.current.style.height="auto"),g()):l.Ay.error(s.msg||"Failed to send reply.")}catch(s){l.Ay.error((0,o.vG)(s))}finally{x(!1)}}else l.Ay.error("Write a reply first.")};return h?(0,c.jsx)(d.DP,{text:"Loading ticket..."}):m?(0,c.jsx)("div",{className:"page-loader",style:{color:"var(--danger)"},children:m}):(0,c.jsxs)("div",{className:"stk-screen",children:[(0,c.jsxs)("div",{className:"stk-header",children:[(0,c.jsx)("button",{className:"stk-back-btn",onClick:()=>a("/support"),children:(0,c.jsx)("i",{className:"fas fa-arrow-left"})}),(0,c.jsx)("div",{className:"stk-header-avatar",children:(0,c.jsx)("i",{className:"fas fa-headset"})}),(0,c.jsxs)("div",{className:"stk-header-info",children:[(0,c.jsx)("span",{className:"stk-header-name",children:"Support Agent"}),(0,c.jsxs)("div",{className:"stk-header-meta",children:[(0,c.jsxs)("span",{className:"stk-header-ticket",children:["Ticket #",j.id||e]}),(0,c.jsx)("span",{className:`stk-badge ${y.cls}`,children:y.label})]})]}),j.ref&&"GENERAL"!==j.ref&&(0,c.jsxs)("div",{className:"stk-header-ref",onClick:()=>{navigator.clipboard.writeText(j.ref),l.Ay.success("Ref copied!")},children:[(0,c.jsx)("i",{className:"fas fa-receipt"}),(0,c.jsx)("span",{children:j.ref}),(0,c.jsx)("i",{className:"fas fa-copy stk-ref-copy"})]}),(0,c.jsx)("button",{className:"stk-refresh-btn",onClick:g,children:(0,c.jsx)("i",{className:"fas fa-rotate-right"})})]}),(0,c.jsx)("div",{className:"stk-thread",ref:v,children:0===C.length?(0,c.jsxs)("div",{className:"stk-empty",children:[(0,c.jsx)("div",{className:"stk-empty-icon",children:(0,c.jsx)("i",{className:"fas fa-clock"})}),(0,c.jsx)("p",{children:"Awaiting reply from our support team."})]}):C.map((e,a)=>{if("date"===e.type)return(0,c.jsx)("div",{className:"stk-date-divider",children:(0,c.jsx)("span",{children:e.label})},`date-${a}`);const s=function(e){const a=(e.replied_by||"").toLowerCase();return!!a&&"user"!==a&&"you"!==a}(e);return(0,c.jsxs)("div",{className:"stk-bubble-row "+(s?"stk-bubble-row--admin":"stk-bubble-row--user"),children:[s&&(0,c.jsx)("div",{className:"stk-avatar",children:(0,c.jsx)("i",{className:"fas fa-headset"})}),(0,c.jsxs)("div",{className:"stk-bubble "+(s?"stk-bubble--admin":"stk-bubble--user"),children:[s&&(0,c.jsx)("span",{className:"stk-bubble-name",children:e.replied_by||"Support Agent"}),e.image&&(0,c.jsx)("img",{src:e.image,alt:"attachment",className:"stk-bubble-img",onError:e=>{e.target.style.display="none"}}),(0,c.jsx)("p",{children:e.reply||e.message}),(0,c.jsxs)("div",{className:"stk-bubble-footer",children:[(0,c.jsx)("span",{className:"stk-bubble-time",children:e.date?new Date(e.date).toLocaleTimeString("en-NG",{hour:"2-digit",minute:"2-digit"}):""}),!s&&(0,c.jsx)("i",{className:"fas fa-check-double stk-delivered"})]})]})]},e.id||a)})}),D?(0,c.jsxs)("div",{className:"stk-closed-bar",children:[(0,c.jsx)("i",{className:"fas fa-lock"}),(0,c.jsx)("span",{children:"This ticket is closed. Open a new ticket if you need further help."})]}):(0,c.jsxs)("div",{className:"stk-input-bar",children:[(0,c.jsx)("textarea",{ref:k,className:"stk-input",rows:1,placeholder:"Type a message...",value:b,onChange:e=>{p(e.target.value),e.target.style.height="auto",e.target.style.height=Math.min(e.target.scrollHeight,120)+"px"},onKeyDown:e=>{"Enter"!==e.key||e.shiftKey||(e.preventDefault(),S())}}),(0,c.jsx)("button",{className:"stk-send-btn",onClick:S,disabled:f||b.trim().length<10,children:f?(0,c.jsx)("span",{className:"spinner",style:{width:16,height:16,borderColor:"#fff #fff transparent"}}):(0,c.jsx)("i",{className:"fas fa-paper-plane"})})]})]})}},6047(e,a,s){s.d(a,{JU:()=>u,Js:()=>c,On:()=>o,Yq:()=>n,fF:()=>l,tj:()=>t,vG:()=>r,xv:()=>i});const t=function(e){let a=!(arguments.length>1&&void 0!==arguments[1])||arguments[1];

1const s=(parseFloat(e)||0).toLocaleString("en-NG",{minimumFractionDigits:2,maximumFractionDigits:2});return a?`\u20a6${s}`:s},n=function(e){let a=arguments.length>1&&void 0!==arguments[1]&&arguments[1];if(!e)return"\u2014";const s=new Date(e);if(isNaN(s))return e;const t={day:"numeric",month:"short",year:"numeric"};return a&&(t.hour="2-digit",t.minute="2-digit",t.hour12=!0),s.toLocaleDateString("en-GB",t)},l=e=>{if(!e)return"";const a=Math.floor((Date.now()-new Date(e))/1e3);return a<60?"just now":a<3600?`${Math.floor(a/60)}m ago`:a<86400?`${Math.floor(a/3600)}h ago`:a<604800?`${Math.floor(a/86400)}d ago`:n(e)},r=e=>{var a,s,t,n;return(null===e||void 0===e||null===(a=e.response)||void 0===a||null===(s=a.data)||void 0===s?void 0:s.msg)||(null===e||void 0===e||null===(t=e.response)||void 0===t||null===(n=t.data)||void 0===n?void 0:n.message)||(null===e||void 0===e?void 0:e.message)||"Something went wrong."},i=function(e){let a=arguments.length>1&&void 0!==arguments[1]?arguments[1]:40;return e?e.length>a?e.slice(0,a)+"\u2026":e:""},o=()=>`TXN-${Date.now()}-${Math.random().toString(36).slice(2,7).toUpperCase()}`,d={0:{label:"Success",badge:"badge-success"},1:{label:"Failed",badge:"badge-danger"},2:{label:"Pending",badge:"badge-warning"},5:{label:"Processing",badge:"badge-warning"}},c=e=>d[parseInt(e)]||{label:"Unknown",badge:"badge-muted"},u=["Abia","Adamawa","Akwa Ibom","Anambra","Bauchi","Bayelsa","Benue","Borno","Cross River","Delta","Ebonyi","Edo","Ekiti","Enugu","FCT","Gombe","Imo","Jigawa","Kaduna","Kano","Katsina","Kebbi","Kogi","Kwara","Lagos","Nasarawa","Niger","Ogun","Ondo","Osun","Oyo","Plateau","Rivers","Sokoto","Taraba","Yobe","Zamfara"]}}]);
2//# sourceMappingURL=5531.e8cb02b7.chunk.js.map