(self.webpackChunkmantis_material_react=self.webpackChunkmantis_material_react||[]).push([[1790],{23266:(e,t,o)=>{"use strict";o.d(t,{A:()=>k});var r=o(98587),i=o(58168),n=o(9950),s=o(72004),a=o(3484),c=o(99269),l=o(59254),d=o(19608),u=o(18463),h=o(13372),x=o(24184),p=o(79044),f=o(31506),g=o(40777),m=o(92455),b=o(88543),v=o(45558),A=o(1614);function j(e){return(0,A.Ay)("MuiMenuItem",e)}const y=(0,v.A)("MuiMenuItem",["root","focusVisible","dense","disabled","divider","gutters","selected"]);var w=o(44414);const C=["autoFocus","component","dense","divider","disableGutters","focusVisibleClassName","role","tabIndex","className"],S=(0,l.Ay)(x.A,{shouldForwardProp:e=>(0,d.A)(e)||"classes"===e,name:"MuiMenuItem",slot:"Root",overridesResolver:(e,t)=>{const{ownerState:o}=e;return[t.root,o.dense&&t.dense,o.divider&&t.divider,!o.disableGutters&&t.gutters]}})((e=>{let{theme:t,ownerState:o}=e;return(0,i.A)({},t.typography.body1,{display:"flex",justifyContent:"flex-start",alignItems:"center",position:"relative",textDecoration:"none",minHeight:48,paddingTop:6,paddingBottom:6,boxSizing:"border-box",whiteSpace:"nowrap"},!o.disableGutters&&{paddingLeft:16,paddingRight:16},o.divider&&{borderBottom:"1px solid ".concat((t.vars||t).palette.divider),backgroundClip:"padding-box"},{"&:hover":{textDecoration:"none",backgroundColor:(t.vars||t).palette.action.hover,"@media (hover: none)":{backgroundColor:"transparent"}},["&.".concat(y.selected)]:{backgroundColor:t.vars?"rgba(".concat(t.vars.palette.primary.mainChannel," / ").concat(t.vars.palette.action.selectedOpacity,")"):(0,c.X4)(t.palette.primary.main,t.palette.action.selectedOpacity),["&.".concat(y.focusVisible)]:{backgroundColor:t.vars?"rgba(".concat(t.vars.palette.primary.mainChannel," / calc(").concat(t.vars.palette.action.selectedOpacity," + ").concat(t.vars.palette.action.focusOpacity,"))"):(0,c.X4)(t.palette.primary.main,t.palette.action.selectedOpacity+t.palette.action.focusOpacity)}},["&.".concat(y.selected,":hover")]:{backgroundColor:t.vars?"rgba(".concat(t.vars.palette.primary.mainChannel," / calc(").concat(t.vars.palette.action.selectedOpacity," + ").concat(t.vars.palette.action.hoverOpacity,"))"):(0,c.X4)(t.palette.primary.main,t.palette.action.selectedOpacity+t.palette.action.hoverOpacity),"@media (hover: none)":{backgroundColor:t.vars?"rgba(".concat(t.vars.palette.primary.mainChannel," / ").concat(t.vars.palette.action.selectedOpacity,")"):(0,c.X4)(t.palette.primary.main,t.palette.action.selectedOpacity)}},["&.".concat(y.focusVisible)]:{backgroundColor:(t.vars||t).palette.action.focus},["&.".concat(y.disabled)]:{opacity:(t.vars||t).palette.action.disabledOpacity},["& + .".concat(g.A.root)]:{marginTop:t.spacing(1),marginBottom:t.spacing(1)},["& + .".concat(g.A.inset)]:{marginLeft:52},["& .".concat(b.A.root)]:{marginTop:0,marginBottom:0},["& .".concat(b.A.inset)]:{paddingLeft:36},["& .".concat(m.A.root)]:{minWidth:36}},!o.dense&&{[t.breakpoints.up("sm")]:{minHeight:"auto"}},o.dense&&(0,i.A)({minHeight:32,paddingTop:4,paddingBottom:4},t.typography.body2,{["& .".concat(m.A.root," svg")]:{fontSize:"1.25rem"}}))})),k=n.forwardRef((function(e,t){const o=(0,u.b)({props:e,name:"MuiMenuItem"}),{autoFocus:c=!1,component:l="li",dense:d=!1,divider:x=!1,disableGutters:g=!1,focusVisibleClassName:m,role:b="menuitem",tabIndex:v,className:A}=o,y=(0,r.A)(o,C),k=n.useContext(h.A),I=n.useMemo((()=>({dense:d||k.dense||!1,disableGutters:g})),[k.dense,d,g]),$=n.useRef(null);(0,p.A)((()=>{c&&$.current&&$.current.focus()}),[c]);const M=(0,i.A)({},o,{dense:I.dense,divider:x,disableGutters:g}),R=(e=>{const{disabled:t,dense:o,divider:r,disableGutters:n,selected:s,classes:c}=e,l={root:["root",o&&"dense",t&&"disabled",!n&&"gutters",r&&"divider",s&&"selected"]},d=(0,a.A)(l,j,c);return(0,i.A)({},c,d)})(o),T=(0,f.A)($,t);let W;return o.disabled||(W=void 0!==v?v:-1),(0,w.jsx)(h.A.Provider,{value:I,children:(0,w.jsx)(S,(0,i.A)({ref:T,role:b,tabIndex:W,component:l,focusVisibleClassName:(0,s.A)(R.focusVisible,m),className:(0,s.A)(R.root,A)},y,{ownerState:M,classes:R}))})}))},26165:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>_});var r=o(9950),i=o(28429),n=o(36150),s=o(4159),a=o.n(s),c=o(41413),l=o(2235),d=o(93230),u=o(82053),h=o(16491),x=o(60899),p=o(1320),f=o(15769),g=o(69780),m=o(9213),b=o(21671),v=o(34075),A=o(83274),j=o(25333),y=o(74745),w=o(6258),C=o(31222),S=o(81425),k=o(52351),I=o(56311),$=o(96646),M=o(44414),R=o(36220);a().extend(R);const T=16,W="0 8px 24px rgba(15, 23, 42, 0.08)",z="#0f172a",O="#64748b",D="#94a3b8",Y="#e2e8f0",L="#f1f5f9",P="#f8fafc",H=(e,t)=>"".concat(e).concat(t),B=e=>H(e,"08"),U=e=>H(e,"18"),N=e=>H(e,"26"),F=e=>H(e,"55"),G="#662582",E="#9255AB",K=e=>{let{color:t,selected:o,size:r=24,children:i}=e;return(0,M.jsx)(c.A,{sx:{width:r,height:r,bgcolor:o?t:U(t),color:o?"#fff":t,transition:"background-color 0.15s, color 0.15s"},children:i})},V={0:{key:"all",label:"All",color:G,icon:C.Uhn,countKey:"totalcount"},1:{key:"open",label:"Open",color:"#ef4444",icon:C.tX0,countKey:"pendingcount"},2:{key:"overdue",label:"Overdue",color:"#f59e0b",icon:C.tMO,countKey:"overduecount"},3:{key:"paid",label:"Paid",color:"#10b981",icon:C.mU9,countKey:"paidcount"}},X=[0,1,2,3];function q(e){return new Intl.NumberFormat("en-IN",{style:"currency",currency:"INR",minimumFractionDigits:2}).format(Number(e)||0)}const _=()=>{var e,t,o,s;const R=(0,i.Zp)(),[H,_]=(0,r.useState)(0),[Z,J]=(0,r.useState)(10),[Q,ee]=(0,r.useState)(0),[te,oe]=(0,r.useState)(!1),[re,ie]=(0,r.useState)(""),[ne,se]=(0,r.useState)(""),ae=r.useCallback((e=>{se(e),_(0)}),[]),{data:ce,isLoading:le,isError:de,error:ue}=(0,n.I)({queryKey:["invoiceInsight"],queryFn:S.Y8,refetchInterval:3e5}),{data:he,isLoading:xe,isError:pe,error:fe}=(0,n.I)({queryKey:[Q],queryFn:S.XC,refetchInterval:3e5}),ge=le||xe,me=de||pe,be=(null===ue||void 0===ue?void 0:ue.message)||(null===fe||void 0===fe?void 0:fe.message),ve=(0,r.useMemo)((()=>{if(!he)return[];if(!ne)return he;const e=ne.toLowerCase().trim();return he.filter((t=>[t.tenantname,t.contactperson,String(t.invoiceno)].filter(Boolean).some((t=>String(t).toLowerCase().includes(e)))))}),[he,ne]),Ae=(0,r.useMemo)((()=>{const e=Math.max(0,Math.ceil(ve.length/Z)-1);return Math.min(H,e)}),[ve.length,H,Z]);r.useEffect((()=>{H!==Ae&&_(Ae)}),[H,Ae]);const je=(0,r.useMemo)((()=>ve.slice(Ae*Z,Ae*Z+Z)),[ve,Ae,Z]),ye=(0,r.useMemo)((()=>ve.reduce(((e,t)=>e+(Number(t.totalamount)||0)),0)),[ve]),we=(0,r.useMemo)((()=>je.reduce(((e,t)=>e+(Number(t.totalamount)||0)),0)),[je]);if(me)return be;const Ce=[{idx:0,label:"All Invoices",color:G,icon:C.Uhn,value:null!==(e=null===ce||void 0===ce?void 0:ce.totalcount)&&void 0!==e?e:0},{idx:1,label:"Open",color:"#ef4444",icon:C.tX0,value:null!==(t=null===ce||void 0===ce?void 0:ce.pendingcount)&&void 0!==t?t:0},{idx:2,label:"Overdue",color:"#f59e0b",icon:C.tMO,value:null!==(o=null===ce||void 0===ce?void 0:ce.overduecount)&&void 0!==o?o:0},{idx:3,label:"Paid",color:"#10b981",icon:C.mU9,value:null!==(s=null===ce||void 0===ce?void 0:ce.paidcount)&&void 0!==s?s:0}],Se=V[Q];return(0,M.jsxs)(M.Fragment,{children:[(te||ge)&&(0,M.jsx)(k.A,{}),(0,M.jsx)(l.A,{elevation:0,sx:{mb:{xs:1.5,md:2},p:{xs:1.5,sm:2,md:2.5},borderRadius:T/8,border:"1px solid",borderColor:Y,background:"linear-gradient(135deg, ".concat(B(G)," 0%, ").concat(B(E)," 100%)"),boxShadow:W},children:(0,M.jsxs)(d.A,{direction:{xs:"column",sm:"row"},alignItems:{xs:"flex-start",sm:"center"},justifyContent:"space-between",spacing:{xs:1.5,sm:2},children:[(0,M.jsxs)(d.A,{direction:"row",alignItems:"center",spacing:{xs:1.25,sm:1.75},children:[(0,M.jsx)(c.A,{sx:{width:{xs:40,sm:48},height:{xs:40,sm:48},bgcolor:G,color:"#fff",boxShadow:"0 6px 18px ".concat(N(G))},children:(0,M.jsx)(C.GdF,{size:22})}),(0,M.jsxs)(d.A,{children:[(0,M.jsx)(u.A,{variant:"h3",sx:{fontWeight:800,color:z,lineHeight:1.1,fontSize:{xs:"1.25rem",sm:"1.5rem",md:"1.75rem"}},children:"Invoices"}),(0,M.jsxs)(d.A,{direction:"row",alignItems:"center",spacing:.75,sx:{mt:.5},children:[(0,M.jsx)(h.A,{sx:{width:8,height:8,borderRadius:"50%",bgcolor:"#10b981",boxShadow:"0 0 0 4px rgba(16,185,129,0.18)"}}),(0,M.jsxs)(u.A,{variant:"caption",sx:{color:O,fontWeight:600},children:["Live \xb7 Viewing ",Se.label.toLowerCase()," invoices"]})]})]})]}),(0,M.jsxs)(h.A,{sx:{display:"inline-flex",alignItems:"center",gap:1,px:1.5,py:.875,borderRadius:999,bgcolor:B(G),border:"1.5px solid ".concat(F(G)),color:G,fontWeight:800,fontSize:12},children:[(0,M.jsx)(C.YHz,{size:14}),(0,M.jsx)(u.A,{variant:"caption",sx:{fontWeight:800,color:O,letterSpacing:.4,textTransform:"uppercase"},children:"Grand Total"}),(0,M.jsx)(u.A,{sx:{fontWeight:800,color:G,fontSize:13},children:q(ye)})]})]})}),(0,M.jsx)(x.Ay,{container:!0,spacing:{xs:1.25,sm:1.5,md:2},sx:{mt:"1px"},children:Ce.map((e=>{const t=e.icon,o=Q===e.idx;return(0,M.jsx)(x.Ay,{item:!0,xs:6,sm:6,md:3,children:(0,M.jsxs)(l.A,{elevation:0,onClick:()=>{ee(e.idx),_(0)},sx:{position:"relative",overflow:"hidden",cursor:"pointer",p:{xs:1.25,sm:1.75,md:2.25},borderRadius:T/8,border:"1px solid",borderColor:o?F(e.color):Y,background:o?B(e.color):"#fff",boxShadow:o?"0 0 0 3px ".concat(N(e.color)):"none",transition:"transform 0.2s, box-shadow 0.2s, border-color 0.2s, background 0.2s","&:hover":{transform:"translateY(-3px)",boxShadow:W,borderColor:F(e.color)}},children:[(0,M.jsx)(h.A,{sx:{position:"absolute",top:0,left:0,right:0,height:3,background:"linear-gradient(90deg, ".concat(e.color," 0%, ").concat(U(e.color)," 100%)")}}),(0,M.jsxs)(d.A,{direction:"row",alignItems:"flex-start",justifyContent:"space-between",spacing:1,children:[(0,M.jsxs)(d.A,{spacing:.5,sx:{minWidth:0,flex:1},children:[(0,M.jsx)(u.A,{variant:"caption",sx:{color:O,fontWeight:700,letterSpacing:.4,textTransform:"uppercase",fontSize:{xs:10,sm:11},whiteSpace:"nowrap"},children:e.label}),(0,M.jsx)(u.A,{sx:{fontWeight:800,color:z,lineHeight:1.1,fontSize:{xs:"1.25rem",sm:"1.5rem",md:"1.75rem"}},children:e.value})]}),(0,M.jsx)(c.A,{sx:{width:{xs:36,sm:42,md:48},height:{xs:36,sm:42,md:48},bgcolor:U(e.color),color:e.color,boxShadow:"inset 0 0 0 1px ".concat(F(e.color)),flexShrink:0},children:(0,M.jsx)(t,{size:20})})]})]})},e.idx)}))}),(0,M.jsx)(l.A,{elevation:0,sx:{mt:{xs:1.5,md:2},p:{xs:1,md:1.5},borderTopLeftRadius:T/8,borderTopRightRadius:T/8,borderBottomLeftRadius:0,borderBottomRightRadius:0,border:"1px solid",borderColor:Y,borderBottom:0,background:"#fff"},children:(0,M.jsxs)(d.A,{direction:"row",alignItems:"center",justifyContent:"space-between",gap:1.5,sx:{flexWrap:"wrap-reverse"},children:[(0,M.jsx)(d.A,{direction:"row",spacing:.75,sx:{flex:1,overflowX:"auto",py:.5,px:.25,"&::-webkit-scrollbar":{height:6},"&::-webkit-scrollbar-thumb":{backgroundColor:Y,borderRadius:4}},children:X.map((e=>{var t;const o=V[e],r=o.icon,i=Q===e,n=null!==(t=null===ce||void 0===ce?void 0:ce[o.countKey])&&void 0!==t?t:0;return(0,M.jsxs)(h.A,{onClick:()=>{ee(e),_(0)},sx:{display:"inline-flex",alignItems:"center",gap:{xs:.625,md:.875},pl:.5,pr:{xs:1,md:1.25},py:.5,flexShrink:0,cursor:"pointer",borderRadius:999,border:"1.5px solid ".concat(i?o.color:F(o.color)),bgcolor:i?o.color:B(o.color),color:i?"#fff":o.color,fontWeight:700,boxShadow:i?"0 6px 18px ".concat(N(o.color)):"none",transition:"all 0.18s","&:hover":{borderColor:o.color,boxShadow:i?"0 6px 18px ".concat(N(o.color)):"0 0 0 3px ".concat(N(o.color))}},children:[(0,M.jsx)(c.A,{sx:{width:{xs:22,md:26},height:{xs:22,md:26},bgcolor:i?"rgba(255,255,255,0.22)":U(o.color),color:i?"#fff":o.color},children:(0,M.jsx)(r,{size:13})}),(0,M.jsx)(u.A,{variant:"caption",sx:{fontWeight:800,fontSize:{xs:11.5,md:13},lineHeight:1},children:o.label}),(0,M.jsx)(h.A,{sx:{minWidth:{xs:22,md:26},height:{xs:18,md:22},px:.625,display:"inline-flex",alignItems:"center",justifyContent:"center",borderRadius:999,fontSize:{xs:10,md:11},fontWeight:800,bgcolor:i?"rgba(255,255,255,0.22)":"#fff",color:i?"#fff":o.color,border:i?"none":"1px solid ".concat(F(o.color))},children:n})]},e)}))}),(0,M.jsx)(h.A,{sx:{width:{xs:"100%",sm:240,lg:280},flex:{xs:"1 1 100%",sm:"0 0 auto"}},children:(0,M.jsx)(I.A,{value:re,onChange:ie,onDebouncedChange:ae,placeholder:"Search invoices (ctrl+k)",sx:{m:0,width:"100%",borderRadius:999,bgcolor:B(G),"& fieldset":{borderColor:F(G),borderWidth:1.5},"&:hover fieldset":{borderColor:G},"&.Mui-focused fieldset":{borderColor:G,borderWidth:2},"&.Mui-focused":{boxShadow:"0 0 0 3px ".concat(N(G))}}})})]})}),(0,M.jsxs)(l.A,{elevation:0,sx:{borderTopLeftRadius:0,borderTopRightRadius:0,borderBottomLeftRadius:T/8,borderBottomRightRadius:T/8,border:"1px solid",borderColor:Y,overflow:"hidden",background:"#fff"},children:[(0,M.jsx)(p.A,{sx:{maxHeight:{xs:"calc(100vh - 220px)",md:"calc(100vh - 190px)"},"&::-webkit-scrollbar":{width:10,height:10},"&::-webkit-scrollbar-thumb":{backgroundColor:F(G),borderRadius:8,"&:hover":{backgroundColor:G}},"&::-webkit-scrollbar-track":{backgroundColor:P}},children:(0,M.jsxs)(f.A,{stickyHeader:!0,sx:{minWidth:{xs:880,md:1060}},children:[(0,M.jsx)(g.A,{children:(0,M.jsxs)(m.A,{sx:{"& th":{backgroundColor:P,color:O,fontSize:{xs:10,md:11},fontWeight:800,letterSpacing:.6,textTransform:"uppercase",whiteSpace:"nowrap",borderBottom:"1px solid ".concat(Y),py:{xs:1,md:1.25},px:{xs:1,md:2}}},children:[(0,M.jsx)(b.A,{children:"#"}),(0,M.jsx)(b.A,{children:"Client"}),(0,M.jsx)(b.A,{children:"Invoice ID"}),(0,M.jsx)(b.A,{children:"Invoice Date"}),(0,M.jsx)(b.A,{children:"Due Date"}),(0,M.jsx)(b.A,{align:"center",children:"Items"}),(0,M.jsx)(b.A,{align:"right",children:"Amount"}),(0,M.jsx)(b.A,{align:"center",children:"Action"})]})}),(0,M.jsxs)(v.A,{children:[xe&&(0,M.jsx)($.r,{col:4}),xe||0!==je.length?je.map(((e,t)=>{var o;const r=2===Q||e.duedate&&a()(e.duedate).isBefore(a()(),"day")&&3!==Q;return(0,M.jsxs)(m.A,{sx:{transition:"background-color 0.15s","& td":{borderBottom:"1px solid ".concat(L),py:{xs:1,md:1.5},px:{xs:1,md:2},verticalAlign:"top"},"&:hover":{backgroundColor:P}},children:[(0,M.jsx)(b.A,{children:(0,M.jsx)(u.A,{variant:"caption",sx:{fontWeight:700,color:D},children:String(Ae*Z+t+1).padStart(2,"0")})}),(0,M.jsx)(b.A,{children:(0,M.jsxs)(d.A,{direction:"row",alignItems:"center",spacing:1,children:[(0,M.jsx)(K,{color:G,size:36,children:(0,M.jsx)(C.Itr,{size:18})}),(0,M.jsxs)(d.A,{spacing:.25,sx:{minWidth:0},children:[(0,M.jsx)(u.A,{variant:"subtitle2",sx:{fontWeight:700,color:z,whiteSpace:"nowrap"},children:e.tenantname||"\u2014"}),e.contactperson&&(0,M.jsx)(u.A,{variant:"caption",sx:{color:O},children:e.contactperson})]})]})}),(0,M.jsx)(b.A,{children:(0,M.jsxs)(h.A,{sx:{display:"inline-flex",alignItems:"center",gap:.5,px:1,py:.375,borderRadius:999,bgcolor:B("#0ea5e9"),border:"1px solid ".concat(F("#0ea5e9")),color:"#0ea5e9",fontSize:11,fontWeight:800},children:[(0,M.jsx)(C.GdF,{size:12})," ",e.invoiceno||"\u2014"]})}),(0,M.jsx)(b.A,{children:(0,M.jsxs)(d.A,{spacing:.25,children:[(0,M.jsxs)(d.A,{direction:"row",alignItems:"center",spacing:.5,children:[(0,M.jsx)(C.auT,{size:12,color:D}),(0,M.jsx)(u.A,{variant:"caption",sx:{fontWeight:700,color:z,whiteSpace:"nowrap"},children:e.transactiondate?a()(e.transactiondate).format("DD/MM/YYYY"):"\u2014"})]}),(0,M.jsx)(u.A,{variant:"caption",sx:{color:O,pl:2},children:e.transactiondate?a()(e.transactiondate).utc().format("hh:mm A"):""})]})}),(0,M.jsx)(b.A,{children:(0,M.jsxs)(d.A,{spacing:.25,children:[(0,M.jsxs)(d.A,{direction:"row",alignItems:"center",spacing:.5,children:[(0,M.jsx)(C.auT,{size:12,color:r&&3!==Q?"#ef4444":D}),(0,M.jsx)(u.A,{variant:"caption",sx:{fontWeight:700,color:r&&3!==Q?"#ef4444":z,whiteSpace:"nowrap"},children:e.duedate?a()(e.duedate).format("DD/MM/YYYY"):"\u2014"})]}),(0,M.jsx)(u.A,{variant:"caption",sx:{color:O,pl:2},children:e.duedate?a()(e.duedate).utc().format("hh:mm A"):""})]})}),(0,M.jsx)(b.A,{align:"center",children:(0,M.jsxs)(h.A,{sx:{display:"inline-flex",alignItems:"center",gap:.5,px:.875,py:.25,borderRadius:999,bgcolor:B("#14b8a6"),border:"1px solid ".concat(F("#14b8a6")),color:"#14b8a6",fontSize:11,fontWeight:800,minWidth:44,justifyContent:"center"},children:[(0,M.jsx)(C.gsJ,{size:11})," ",null!==(o=e.itemcount)&&void 0!==o?o:0]})}),(0,M.jsx)(b.A,{align:"right",children:(0,M.jsxs)(h.A,{sx:{display:"inline-flex",alignItems:"center",gap:.5,px:1,py:.375,borderRadius:999,bgcolor:B(G),border:"1px solid ".concat(F(G)),color:G,fontSize:11,fontWeight:800,minWidth:110,justifyContent:"center"},children:[(0,M.jsx)(C.YHz,{size:11}),q(e.totalamount).replace("\u20b9","").trim()]})}),(0,M.jsx)(b.A,{align:"center",children:(0,M.jsx)(A.A,{title:"Preview invoice",placement:"left",children:(0,M.jsx)(j.A,{size:"small",onClick:()=>{oe(!0),setTimeout((()=>{oe(!1),R("/nearle/invoice/preview",{state:e})}),500)},sx:{bgcolor:U(G),color:G,border:"1px solid ".concat(F(G)),"&:hover":{bgcolor:G,color:"#fff"}},children:(0,M.jsx)(C.U3x,{size:16})})})})]},e.invoiceno||t)})):(0,M.jsx)(m.A,{children:(0,M.jsx)(b.A,{colSpan:8,sx:{py:6},children:(0,M.jsxs)(d.A,{alignItems:"center",spacing:1.5,children:[(0,M.jsx)(c.A,{sx:{width:64,height:64,bgcolor:U("#94a3b8"),color:D},children:(0,M.jsx)(C.GdF,{size:28})}),(0,M.jsx)(u.A,{variant:"subtitle1",sx:{fontWeight:700,color:z},children:"No invoices to show"}),(0,M.jsx)(u.A,{variant:"caption",sx:{color:O},children:re?"Try a different keyword.":"No ".concat(Se.label.toLowerCase()," invoices for this filter.")})]})})})]})]})}),(0,M.jsx)(y.A,{}),(0,M.jsxs)(d.A,{direction:{xs:"column",sm:"row"},alignItems:{xs:"flex-start",sm:"center"},justifyContent:"space-between",sx:{px:2,py:1,background:"linear-gradient(135deg, ".concat(B(G)," 0%, ").concat(B(E)," 100%)")},children:[(0,M.jsxs)(u.A,{variant:"caption",sx:{fontWeight:800,color:O,letterSpacing:.6,textTransform:"uppercase"},children:["Page total \xb7 ",q(we)]}),(0,M.jsx)(w.A,{rowsPerPageOptions:[5,10,25,100],component:"div",count:ve.length,rowsPerPage:Z,page:Ae,onPageChange:(e,t)=>_(t),onRowsPerPageChange:e=>{var t;J(+(null===e||void 0===e||null===(t=e.target)||void 0===t?void 0:t.value)),_(0)},sx:{"& .MuiTablePagination-toolbar":{minHeight:40,px:0},"& .MuiTablePagination-selectLabel, & .MuiTablePagination-displayedRows":{fontWeight:700,color:O}}})]})]}),(0,M.jsx)(i.sv,{})]})}},36220:function(e){e.exports=function(){"use strict";var e="minute",t=/[+-]\d\d(?::?\d\d)?/g,o=/([+-]|\d\d)/g;return function(r,i,n){var s=i.prototype;n.utc=function(e){return new i({date:e,utc:!0,args:arguments})},s.utc=function(t){var o=n(this.toDate(),{locale:this.$L,utc:!0});return t?o.add(this.utcOffset(),e):o},s.local=function(){return n(this.toDate(),{locale:this.$L,utc:!1})};var a=s.parse;s.parse=function(e){e.utc&&(this.$u=!0),this.$utils().u(e.$offset)||(this.$offset=e.$offset),a.call(this,e)};var c=s.init;s.init=function(){if(this.$u){var e=this.$d;this.$y=e.getUTCFullYear(),this.$M=e.getUTCMonth(),this.$D=e.getUTCDate(),this.$W=e.getUTCDay(),this.$H=e.getUTCHours(),this.$m=e.getUTCMinutes(),this.$s=e.getUTCSeconds(),this.$ms=e.getUTCMilliseconds()}else c.call(this)};var l=s.utcOffset;s.utcOffset=function(r,i){var n=this.$utils().u;if(n(r))return this.$u?0:n(this.$offset)?l.call(this):this.$offset;if("string"==typeof r&&(r=function(e){void 0===e&&(e="");var r=e.match(t);if(!r)return null;var i=(""+r[0]).match(o)||["-",0,0],n=i[0],s=60*+i[1]+ +i[2];return 0===s?0:"+"===n?s:-s}(r),null===r))return this;var s=Math.abs(r)<=16?60*r:r,a=this;if(i)return a.$offset=s,a.$u=0===r,a;if(0!==r){var c=this.$u?this.toDate().getTimezoneOffset():-1*this.utcOffset();(a=this.local().add(s+c,e)).$offset=s,a.$x.$localOffset=c}else a=this.utc();return a};var d=s.format;s.format=function(e){var t=e||(this.$u?"YYYY-MM-DDTHH:mm:ss[Z]":"");return d.call(this,t)},s.valueOf=function(){var e=this.$utils().u(this.$offset)?0:this.$offset+(this.$x.$localOffset||this.$d.getTimezoneOffset());return this.$d.valueOf()-6e4*e},s.isUTC=function(){return!!this.$u},s.toISOString=function(){return this.toDate().toISOString()},s.toString=function(){return this.toDate().toUTCString()};var u=s.toDate;s.toDate=function(e){return"s"===e&&this.$offset?n(this.format("YYYY-MM-DD HH:mm:ss:SSS")).toDate():u.call(this)};var h=s.diff;s.diff=function(e,t,o){if(e&&this.$u===e.$u)return h.call(this,e,t,o);var r=this.local(),i=n(e).local();return h.call(r,i,t,o)}}}()},56311:(e,t,o)=>{"use strict";o.d(t,{A:()=>x});var r=o(89379),i=o(9950),n=o(2660),s=o(2046),a=o(83274),c=o(25333),l=o(97125),d=o(7762),u=o(52097),h=o(44414);const x=e=>{let{value:t,onChange:o,onDebouncedChange:x,debounceTime:p=500,placeholder:f="Search (ctrl+k)",sx:g}=e;const m=(0,i.useRef)(null),[b]=(0,u.d7)(t,p);return(0,i.useEffect)((()=>{x&&x(b)}),[b,x]),(0,i.useEffect)((()=>{const e=e=>{var t;"k"===e.key&&(e.metaKey||e.ctrlKey)&&(e.preventDefault(),null===(t=m.current)||void 0===t||t.focus());"Escape"===e.key&&document.activeElement===m.current&&m.current.blur()};return document.addEventListener("keydown",e),()=>document.removeEventListener("keydown",e)}),[]),(0,h.jsx)(n.A,{sx:(0,r.A)({},g),inputRef:m,placeholder:f,autoComplete:"off",value:t,fullWidth:!0,onChange:e=>o(e.target.value),startAdornment:(0,h.jsx)(s.A,{position:"start",sx:{mr:-.5},children:(0,h.jsx)(l.A,{})}),endAdornment:(0,h.jsx)(a.A,{title:"Clear",children:(0,h.jsx)(c.A,{sx:{visibility:t?"visible":"hidden"},onClick:()=>o(""),children:(0,h.jsx)(d.A,{})})})})}},96646:(e,t,o)=>{"use strict";o.d(t,{r:()=>c});var r=o(9213),i=o(21671),n=o(82917),s=o(93230),a=o(44414);const c=e=>{let{rowsPerPage:t=5,col:o=1}=e;return(0,a.jsx)(a.Fragment,{children:Array.from(new Array(t)).map(((e,t)=>(0,a.jsxs)(r.A,{children:[(0,a.jsx)(i.A,{children:(0,a.jsx)(n.A,{variant:"circular",width:24,height:24})}),(0,a.jsx)(i.A,{children:(0,a.jsx)(n.A,{variant:"text",width:30})}),Array.from({length:o}).map(((e,t)=>(0,a.jsx)(i.A,{children:(0,a.jsxs)(s.A,{spacing:.5,children:[(0,a.jsx)(n.A,{variant:"text",width:100}),(0,a.jsx)(n.A,{variant:"text",width:80})]})},t))),(0,a.jsx)(i.A,{children:(0,a.jsx)(n.A,{variant:"text",width:150})}),(0,a.jsx)(i.A,{children:(0,a.jsx)(n.A,{variant:"rounded",width:60,height:24})}),(0,a.jsx)(i.A,{align:"center",children:(0,a.jsxs)(s.A,{direction:"row",spacing:1,justifyContent:"flex-end",children:[(0,a.jsx)(n.A,{variant:"circular",width:28,height:28}),(0,a.jsx)(n.A,{variant:"circular",width:28,height:28})]})})]},t)))})}}}]);