Your IP : 216.73.217.77
"use strict";(self.webpackChunkproject=self.webpackChunkproject||[]).push([[903],{39213:(t,e,a)=>{t.exports=a.p+"static/media/No__data-pana.58fcb25b54a6443b1d4b.png"},82903:(t,e,a)=>{a.r(e),a.d(e,{default:()=>q});var n=a(96446),s=a(19252),r=a(22698),i=a(85865),l=a(68903),o=a(43845),c=a(88911),d=a(59135),x=a(36591),h=a(42518),m=a(65043),p=a(7416),g=a(71806),u=a(73460),A=a(39652),j=a(79650),b=a(58168),f=a(98587),y=a(58387),v=a(98610),w=a(21573),S=a(98206),N=a(34535),C=a(92532),_=a(72372);function k(t){return(0,_.Ay)("MuiTableHead",t)}(0,C.A)("MuiTableHead",["root"]);var T=a(70579);const F=["className","component"],R=(0,N.Ay)("thead",{name:"MuiTableHead",slot:"Root",overridesResolver:(t,e)=>e.root})({display:"table-header-group"}),H={variant:"head"},D="thead",M=m.forwardRef((function(t,e){const a=(0,S.b)({props:t,name:"MuiTableHead"}),{className:n,component:s=D}=a,r=(0,f.A)(a,F),i=(0,b.A)({},a,{component:s}),l=(t=>{const{classes:e}=t;return(0,v.A)({root:["root"]},k,e)})(i);return(0,T.jsx)(w.A.Provider,{value:H,children:(0,T.jsx)(R,(0,b.A)({as:s,className:(0,y.A)(l.root,n),ref:e,role:s===D?null:"rowgroup",ownerState:i},r))})}));var P=a(28076),X=a(63336),z=a(72653),B=a(26240),E=a(41503),W=a(44978),I=a(84289),J=a(36171),L=a(39213),U=a(79456);const q=()=>{var t,e,a,b;document.title="Profile - Payment | HausMate";const[f,y]=(0,m.useState)([]),[v,w]=(0,m.useState)(5),[S,N]=(0,m.useState)(0),[C,_]=(0,m.useState)(!1),[k,F]=(0,m.useState)(1),[R,H]=(0,m.useState)(),[D,q]=(0,m.useState)(),[G,K]=(0,m.useState)(!1),O=null===(t=(0,U.d4)((t=>t.Settings)))||void 0===t?void 0:t.settings,Q=null===O||void 0===O||null===(e=O.app_settings)||void 0===e?void 0:e.currency,V=async(t,e)=>{_(!0);try{const a=await J.A.getTransaction({limit:t,offset:e});a&&(K(!1),y(a.data),q(a.error),H(a.total))}catch(D){K(!0),console.log("Error fetching transactions:",D)}finally{_(!1)}};(0,m.useEffect)((()=>{V(v,S)}),[k,S]);const Y=Math.ceil(R/v),Z=(0,B.A)();return(0,T.jsxs)(I.A,{children:[(0,T.jsx)(n.A,{paddingTop:"35px",paddingBottom:"35px",mt:2,children:(0,T.jsxs)(s.A,{maxWidth:"lg",className:"mainContainer",children:[(0,T.jsxs)(r.A,{separator:"|","aria-label":"breadcrumb",className:"mb-1 mt-1",children:[(0,T.jsx)(p.w1,{to:"/",className:"breadcrumb",sx:{mb:0},children:(0,T.jsx)("strong",{children:(0,W.t)("home")})}),(0,T.jsx)(i.A,{color:"text.primary",children:(0,T.jsx)("strong",{children:(0,W.t)("profile")})})]}),(0,T.jsx)(i.A,{variant:"h4",gutterBottom:!0,sx:{mt:"12px"},children:(0,T.jsx)("strong",{children:(0,W.t)("payment_history")})})]})}),(0,T.jsx)(s.A,{className:"mainContainer",sx:{mt:"-40px"},children:G?(0,T.jsxs)(l.Ay,{container:!0,spacing:2,direction:"column",alignItems:"center",justifyContent:"center",height:"100vh",sx:{marginTop:{xs:0,md:-20}},children:[(0,T.jsx)(l.Ay,{item:!0,children:(0,T.jsx)(x.A,{component:"img",src:L,alt:"No Data Image",sx:{width:{xs:300,sm:600,md:700},height:"auto",border:"none",boxShadow:"none"}})}),(0,T.jsx)(l.Ay,{item:!0,children:(0,T.jsxs)(i.A,{sx:{textAlign:"center",marginTop:{xs:0,md:-22}},children:[(0,T.jsx)(i.A,{variant:"body1",sx:{textAlign:"left",fontFamily:"Plus Jakarta Sans",fontWeight:"bold",fontSize:"32px",lineHeight:"32px",letterSpacing:"0px"},children:(0,W.t)("something_went_wrong")}),(0,T.jsx)(i.A,{variant:"body1",sx:{color:"var(--secondary-color-343f53)",textAlign:"left",fontFamily:"Plus Jakarta Sans",fontWeight:"normal",fontSize:"20px",lineHeight:"32px",letterSpacing:"0px",opacity:.7,marginLeft:5},children:(0,W.t)("try_again_later")})]})}),(0,T.jsx)(l.Ay,{item:!0,children:(0,T.jsx)(h.A,{variant:"contained",onClick:V,sx:{textTransform:"none",marginTop:{xs:0,md:-28}},children:(0,W.t)("retry")})})]}):(0,T.jsxs)(l.Ay,{container:!0,spacing:3,mb:5,children:[(0,T.jsx)(l.Ay,{item:!0,xs:12,md:4,children:(0,T.jsx)(E.A,{})}),(0,T.jsx)(l.Ay,{item:!0,xs:12,md:8,children:(0,T.jsxs)(n.A,{sx:{mt:3,background:Z.palette.background.box,borderRadius:"10px"},children:[(0,T.jsx)(z.A,{heading:(0,W.t)("payment")}),(0,T.jsxs)(n.A,{p:3,children:[(0,T.jsx)(j.A,{component:X.A,sx:{borderRadius:"10px !important"},children:(0,T.jsxs)(g.A,{className:"minwidth-650","aria-label":"simple table",children:[(0,T.jsx)(M,{children:(0,T.jsxs)(P.A,{sx:{bgcolor:null===Z||void 0===Z||null===(a=Z.palette)||void 0===a||null===(b=a.primary)||void 0===b?void 0:b.main},children:[(0,T.jsx)(A.A,{className:"color-white",children:(0,W.t)("transaction_id")}),(0,T.jsx)(A.A,{className:"color-white",align:"start",children:(0,W.t)("payment_method")}),(0,T.jsx)(A.A,{className:"color-white",align:"start",children:(0,W.t)("transaction_date")}),(0,T.jsx)(A.A,{className:"color-white",align:"start",children:(0,W.t)("amount")}),(0,T.jsx)(A.A,{className:"color-white",align:"center",children:(0,W.t)("status")})]})}),C?(0,T.jsx)(T.Fragment,{children:(0,T.jsx)(P.A,{children:(0,T.jsx)(A.A,{colSpan:5,sx:{textAlign:"center"},children:(0,T.jsxs)(i.A,{variant:"h6",children:[(0,W.t)("please_wait")," ",(0,W.t)("loading")]})})})}):(0,T.jsx)(u.A,{sx:{bgcolor:Z.palette.background.box},children:(null===f||void 0===f?void 0:f.length)>0?f.map((t=>{return(0,T.jsxs)(P.A,{sx:{"&:last-child td, &:last-child th":{border:0}},children:[(0,T.jsx)(A.A,{component:"th",scope:"row",sx:{textAlign:"start"},children:t.id}),(0,T.jsx)(A.A,{align:"start",className:"textalign-start",sx:{transform:"translateX(10px)",textTransform:"capitalize"},children:t.type}),(0,T.jsx)(A.A,{align:"start",className:"textalign-start",sx:{transform:"translateX(10px)"},children:(e=t.transaction_date,new Date(e).toLocaleDateString("en-US",{day:"2-digit",month:"short",year:"numeric"}))}),(0,T.jsxs)(A.A,{align:"start",className:"textalign-start",sx:{color:"#51BD88",transform:"translateX(10px)"},children:[Q," ",t.amount]}),(0,T.jsx)(A.A,{align:"center",className:"textalign-start color-green",children:"success"===t.status?(0,T.jsx)(o.A,{label:"Success",color:"success",variant:"outlined",sx:{borderRadius:"8px",transform:"translateX(5px)",backgroundColor:"#C8E6C9",width:"77.25px"}}):"failed"===t.status?(0,T.jsx)(o.A,{label:"Failed",color:"error",variant:"outlined",sx:{borderRadius:"8px",transform:"translateX(5px)",backgroundColor:"#FFCDD2",width:"77.25px"}}):(0,T.jsx)(o.A,{label:"Pending",color:"warning",variant:"outlined",sx:{borderRadius:"8px",transform:"translateX(5px)",backgroundColor:"#FFF9C4",width:"77.25px"}})})]},t.name);var e})):(0,T.jsx)(T.Fragment,{children:(0,T.jsx)(P.A,{children:(0,T.jsx)(A.A,{colSpan:15,align:"center",children:(0,W.t)("no_transaction")})})})})]})}),(0,T.jsx)(n.A,{display:"flex",justifyContent:"center",mt:2,children:!1===D&&(0,T.jsx)(c.A,{spacing:2,children:(0,T.jsx)(d.A,{count:Y,page:k,onChange:(t,e)=>{F(e),N((e-1)*v)}})})})]})]})})]})})]})}}}]);
//# sourceMappingURL=903.d0c56d5b.chunk.js.map