1 line
23 KiB
JavaScript
1 line
23 KiB
JavaScript
(self.webpackChunkmantis_material_react=self.webpackChunkmantis_material_react||[]).push([[6165],{22686:function(e){e.exports=function(){"use strict";var e="minute",t=/[+-]\d\d(?::?\d\d)?/g,i=/([+-]|\d\d)/g;return function(r,o,n){var s=o.prototype;n.utc=function(e){return new o({date:e,utc:!0,args:arguments})},s.utc=function(t){var i=n(this.toDate(),{locale:this.$L,utc:!0});return t?i.add(this.utcOffset(),e):i},s.local=function(){return n(this.toDate(),{locale:this.$L,utc:!1})};var l=s.parse;s.parse=function(e){e.utc&&(this.$u=!0),this.$utils().u(e.$offset)||(this.$offset=e.$offset),l.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 a=s.utcOffset;s.utcOffset=function(r,o){var n=this.$utils().u;if(n(r))return this.$u?0:n(this.$offset)?a.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 o=(""+r[0]).match(i)||["-",0,0],n=o[0],s=60*+o[1]+ +o[2];return 0===s?0:"+"===n?s:-s}(r),null===r))return this;var s=Math.abs(r)<=16?60*r:r,l=this;if(o)return l.$offset=s,l.$u=0===r,l;if(0!==r){var c=this.$u?this.toDate().getTimezoneOffset():-1*this.utcOffset();(l=this.local().add(s+c,e)).$offset=s,l.$x.$localOffset=c}else l=this.utc();return l};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 x=s.toDate;s.toDate=function(e){return"s"===e&&this.$offset?n(this.format("YYYY-MM-DD HH:mm:ss:SSS")).toDate():x.call(this)};var h=s.diff;s.diff=function(e,t,i){if(e&&this.$u===e.$u)return h.call(this,e,t,i);var r=this.local(),o=n(e).local();return h.call(r,o,t,i)}}}()},23787:(e,t,i)=>{"use strict";i.d(t,{FG:()=>u,nV:()=>x,pY:()=>f,pg:()=>h});var r=i(22555),o=i(53986),n=i(71392),s=i(55235),l=i(48738),c=i(2866),a=i(65908);const d=["children","scroll","onScroll","sx"],x=e=>{let{children:t,scroll:i=!1,onScroll:s,sx:l}=e,c=(0,o.A)(e,d);return(0,a.jsx)(n.A,(0,r.A)((0,r.A)({spacing:1.25,onScroll:s,sx:(0,r.A)((0,r.A)({p:1.5},i&&{maxHeight:"calc(100vh - 220px)",overflowY:"auto",overflowX:"hidden"}),l)},c),{},{children:t}))},h=e=>{let{accent:t="#662582",header:i,footer:o,selected:n=!1,onClick:c,children:d,sx:x}=e;return(0,a.jsxs)(s.A,{elevation:0,onClick:c,sx:(0,r.A)({position:"relative",overflow:"hidden",flexShrink:0,borderRadius:2.5,border:"1px solid",borderColor:n?t:"#e2e8f0",background:n?"".concat(t,"0a"):"#fff",boxShadow:"0 4px 14px rgba(15,23,42,0.05)",transition:"border-color 0.15s, box-shadow 0.15s"},x),children:[(0,a.jsx)(l.A,{sx:{position:"absolute",left:0,top:0,bottom:0,width:3,bgcolor:t}}),(0,a.jsxs)(l.A,{sx:{p:1.5,pl:2},children:[i,d,o]})]})},u=e=>{let{children:t,columns:i=2,sx:o}=e;return(0,a.jsx)(l.A,{sx:(0,r.A)({display:"grid",gridTemplateColumns:"repeat(".concat(i,", minmax(0, 1fr))"),gap:1,mt:1.25},o),children:t})},f=e=>{let{label:t,value:i,children:r,full:o=!1,align:n="left"}=e;return(0,a.jsxs)(l.A,{sx:{gridColumn:o?"1 / -1":"auto",minWidth:0,textAlign:n},children:[(0,a.jsx)(c.A,{sx:{fontSize:9.5,fontWeight:800,letterSpacing:.5,textTransform:"uppercase",color:"#94a3b8",lineHeight:1.4},children:t}),(0,a.jsx)(l.A,{sx:{mt:.25,minWidth:0},children:void 0!==r?r:(0,a.jsx)(c.A,{sx:{fontSize:13,fontWeight:600,color:"#0f172a"},noWrap:!0,children:null!==i&&void 0!==i?i:"\u2014"})})]})}},26165:(e,t,i)=>{"use strict";i.r(t),i.d(t,{default:()=>Q});var r=i(85672),o=i(96515),n=i(68320),s=i(46077),l=i.n(s),c=i(97043),a=i(76264),d=i(48738),x=i(2866),h=i(1939),u=i(55235),f=i(71392),g=i(23440),p=i(11969),m=i(83209),j=i(72486),b=i(54016),v=i(50755),A=i(1596),w=i(81802),y=i(58571),C=i(67677),S=i(69039),k=i(48952),W=i(81425),I=i(52351),z=i(56311),$=i(27001),Y=i(36803),D=i(96646),T=i(23787),M=i(65908),R=i(22686);l().extend(R);const O=14,P="#0f172a",L="#64748b",H="#94a3b8",U="#e2e8f0",F="#f1f5f9",B="#ffffff",N="#f8fafc",E=(e,t)=>"".concat(e).concat(t),K=e=>E(e,"08"),G=e=>E(e,"18"),q=e=>E(e,"55"),X="#662582",_=e=>{let{color:t,selected:i,size:r=24,children:o}=e;return(0,M.jsx)(c.A,{sx:{width:r,height:r,bgcolor:i?t:G(t),color:i?"#fff":t,transition:"background-color 0.15s, color 0.15s"},children:o})},V={0:{key:"all",label:"All",color:X,icon:k.Uhn,countKey:"totalcount"},1:{key:"open",label:"Open",color:"#ef4444",icon:k.tX0,countKey:"pendingcount"},2:{key:"overdue",label:"Overdue",color:"#f59e0b",icon:k.tMO,countKey:"overduecount"},3:{key:"paid",label:"Paid",color:"#10b981",icon:k.mU9,countKey:"paidcount"}},J=[0,1,2,3];function Z(e){return new Intl.NumberFormat("en-IN",{style:"currency",currency:"INR",minimumFractionDigits:2}).format(Number(e)||0)}const Q=()=>{var e,t,i,s;const R=(0,o.Zp)(),Q=(0,S.A)(),ee=(0,a.A)(Q.breakpoints.down("md")),[te,ie]=(0,r.useState)(0),[re,oe]=(0,r.useState)(10),[ne,se]=(0,r.useState)(0),[le,ce]=(0,r.useState)(!1),[ae,de]=(0,r.useState)(""),[xe,he]=(0,r.useState)(""),ue=r.useCallback((e=>{he(e),ie(0)}),[]),{data:fe,isLoading:ge,isError:pe,error:me}=(0,n.I)({queryKey:["invoiceInsight"],queryFn:W.Y8,refetchInterval:3e5}),{data:je,isLoading:be,isError:ve,error:Ae}=(0,n.I)({queryKey:[ne],queryFn:W.XC,refetchInterval:3e5}),we=ge||be,ye=pe||ve,Ce=(null===me||void 0===me?void 0:me.message)||(null===Ae||void 0===Ae?void 0:Ae.message),Se=(0,r.useMemo)((()=>{if(!je)return[];if(!xe)return je;const e=xe.toLowerCase().trim();return je.filter((t=>[t.tenantname,t.contactperson,String(t.invoiceno)].filter(Boolean).some((t=>String(t).toLowerCase().includes(e)))))}),[je,xe]),ke=(0,r.useMemo)((()=>{const e=Math.max(0,Math.ceil(Se.length/re)-1);return Math.min(te,e)}),[Se.length,te,re]);r.useEffect((()=>{te!==ke&&ie(ke)}),[te,ke]);const We=(0,r.useMemo)((()=>Se.slice(ke*re,ke*re+re)),[Se,ke,re]),Ie=(0,r.useMemo)((()=>Se.reduce(((e,t)=>e+(Number(t.totalamount)||0)),0)),[Se]),ze=(0,r.useMemo)((()=>We.reduce(((e,t)=>e+(Number(t.totalamount)||0)),0)),[We]);if(ye)return Ce;const $e=[{idx:0,label:"All Invoices",color:X,icon:k.Uhn,value:null!==(e=null===fe||void 0===fe?void 0:fe.totalcount)&&void 0!==e?e:0},{idx:1,label:"Open",color:"#ef4444",icon:k.G6c,value:null!==(t=null===fe||void 0===fe?void 0:fe.pendingcount)&&void 0!==t?t:0},{idx:2,label:"Overdue",color:"#f59e0b",icon:k.tMO,value:null!==(i=null===fe||void 0===fe?void 0:fe.overduecount)&&void 0!==i?i:0},{idx:3,label:"Paid",color:"#10b981",icon:k.cAP,value:null!==(s=null===fe||void 0===fe?void 0:fe.paidcount)&&void 0!==s?s:0}],Ye=V[ne];return(0,M.jsxs)(M.Fragment,{children:[(le||we)&&(0,M.jsx)(I.A,{}),(0,M.jsx)($.A,{title:"Invoices",subtitle:"Live \xb7 Viewing ".concat(Ye.label.toLowerCase()," invoices"),live:!0,action:(0,M.jsxs)(d.A,{sx:{display:"inline-flex",alignItems:"center",gap:1,px:1.5,py:.875,borderRadius:999,bgcolor:"#ffffff",border:"1.5px solid ".concat(q(X)),color:X,fontWeight:800,fontSize:12},children:[(0,M.jsx)(k.YHz,{size:14}),(0,M.jsx)(x.A,{variant:"caption",sx:{fontWeight:800,color:L,letterSpacing:.4,textTransform:"uppercase"},children:"Grand Total"}),(0,M.jsx)(x.A,{sx:{fontWeight:800,color:X,fontSize:13},children:Z(Ie)})]})}),(0,M.jsx)(h.Ay,{container:!0,spacing:{xs:2,md:2.5},sx:{mb:{xs:1.5,md:2}},children:$e.map((e=>{const t=e.icon;return(0,M.jsx)(h.Ay,{item:!0,xs:6,sm:6,md:3,children:(0,M.jsx)(d.A,{onClick:()=>{se(e.idx),ie(0)},sx:{cursor:"pointer",height:"100%"},children:(0,M.jsx)(Y.A,{title:e.label,value:e.value,icon:(0,M.jsx)(t,{size:20}),color:e.color,loading:ge})})},e.idx)}))}),(0,M.jsx)(u.A,{elevation:0,sx:{mt:{xs:1.5,md:2},p:{xs:1,md:1.5},borderTopLeftRadius:O/8,borderTopRightRadius:O/8,borderBottomLeftRadius:0,borderBottomRightRadius:0,border:"1px solid",borderColor:U,borderBottom:0,background:"#fff"},children:(0,M.jsxs)(f.A,{direction:"row",alignItems:"center",justifyContent:"space-between",gap:1.5,sx:{flexWrap:"wrap-reverse"},children:[(0,M.jsx)(f.A,{direction:"row",spacing:.75,sx:{flex:1,overflowX:"auto",py:.5,px:.25,"&::-webkit-scrollbar":{height:6},"&::-webkit-scrollbar-thumb":{backgroundColor:U,borderRadius:4}},children:J.map((e=>{var t;const i=V[e],r=i.icon,o=ne===e,n=null!==(t=null===fe||void 0===fe?void 0:fe[i.countKey])&&void 0!==t?t:0;return(0,M.jsxs)(d.A,{onClick:()=>{se(e),ie(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:"1px solid ".concat(o?i.color:U),bgcolor:o?i.color:B,color:o?"#fff":L,fontWeight:600,boxShadow:"none",transition:"background-color 0.15s, border-color 0.15s, color 0.15s","&:hover":{borderColor:o?i.color:"#cbd5e1",bgcolor:o?i.color:N}},children:[(0,M.jsx)(c.A,{sx:{width:{xs:20,md:22},height:{xs:20,md:22},bgcolor:o?"rgba(255,255,255,0.22)":G(i.color),color:o?"#fff":i.color},children:(0,M.jsx)(r,{size:12})}),(0,M.jsx)(x.A,{variant:"caption",sx:{fontWeight:600,fontSize:{xs:11.5,md:13},lineHeight:1},children:i.label}),(0,M.jsx)(d.A,{sx:{minWidth:{xs:20,md:24},height:{xs:18,md:20},px:.625,display:"inline-flex",alignItems:"center",justifyContent:"center",borderRadius:999,fontSize:{xs:10,md:11},fontWeight:700,bgcolor:o?"rgba(255,255,255,0.22)":N,color:o?"#fff":L,border:"none"},children:n})]},e)}))}),(0,M.jsx)(d.A,{sx:{width:{xs:"100%",sm:240,lg:280},flex:{xs:"1 1 100%",sm:"0 0 auto"}},children:(0,M.jsx)(z.A,{value:ae,onChange:de,onDebouncedChange:ue,placeholder:"Search invoices (ctrl+k)",sx:{m:0,width:"100%",borderRadius:999,bgcolor:"#ffffff","& fieldset":{borderColor:"#e2e8f0",borderWidth:1},"&:hover fieldset":{borderColor:"#cbd5e1"},"&.Mui-focused fieldset":{borderColor:"#662582",borderWidth:1.5},"&.Mui-focused":{boxShadow:"0 0 0 3px ".concat((De=X,E(De,"26")))}}})})]})}),(0,M.jsxs)(u.A,{elevation:0,sx:{borderTopLeftRadius:0,borderTopRightRadius:0,borderBottomLeftRadius:O/8,borderBottomRightRadius:O/8,border:"1px solid",borderColor:U,overflow:"hidden",background:"#fff"},children:[ee?(0,M.jsx)(M.Fragment,{children:be?(0,M.jsx)(d.A,{sx:{p:1.5},children:(0,M.jsx)(D.r,{col:4})}):0===We.length?(0,M.jsxs)(f.A,{alignItems:"center",spacing:1.5,sx:{py:6,px:2},children:[(0,M.jsx)(c.A,{sx:{width:64,height:64,bgcolor:G("#94a3b8"),color:H},children:(0,M.jsx)(k.GdF,{size:28})}),(0,M.jsx)(x.A,{variant:"subtitle1",sx:{fontWeight:700,color:P},children:"No invoices to show"}),(0,M.jsx)(x.A,{variant:"caption",sx:{color:L,textAlign:"center"},children:ae?"Try a different keyword.":"No ".concat(Ye.label.toLowerCase()," invoices for this filter.")})]}):(0,M.jsx)(T.nV,{children:We.map(((e,t)=>{var i;const r=2===ne||e.duedate&&l()(e.duedate).isBefore(l()(),"day")&&3!==ne;return(0,M.jsx)(T.pg,{accent:X,header:(0,M.jsxs)(f.A,{direction:"row",alignItems:"flex-start",justifyContent:"space-between",spacing:1,children:[(0,M.jsxs)(f.A,{direction:"row",alignItems:"center",spacing:1,sx:{minWidth:0},children:[(0,M.jsx)(_,{color:X,size:36,children:(0,M.jsx)(k.Itr,{size:18})}),(0,M.jsxs)(f.A,{spacing:.25,sx:{minWidth:0},children:[(0,M.jsx)(x.A,{variant:"subtitle2",sx:{fontWeight:700,color:P},noWrap:!0,children:e.tenantname||"\u2014"}),e.contactperson&&(0,M.jsx)(x.A,{variant:"caption",sx:{color:L},noWrap:!0,children:e.contactperson})]})]}),(0,M.jsx)(g.A,{title:"Preview invoice",placement:"left",children:(0,M.jsx)(p.A,{size:"small",onClick:()=>{ce(!0),setTimeout((()=>{ce(!1),R("/nearle/invoice/preview",{state:e})}),500)},sx:{flexShrink:0,bgcolor:G(X),color:X,border:"1px solid ".concat(q(X)),"&:hover":{bgcolor:X,color:"#fff"}},children:(0,M.jsx)(k.U3x,{size:16})})})]}),children:(0,M.jsxs)(T.FG,{children:[(0,M.jsx)(T.pY,{label:"Invoice ID",children:(0,M.jsxs)(d.A,{sx:{display:"inline-flex",alignItems:"center",gap:.5,px:1,py:.375,borderRadius:999,bgcolor:K("#0ea5e9"),border:"1px solid ".concat(q("#0ea5e9")),color:"#0ea5e9",fontSize:11,fontWeight:800},children:[(0,M.jsx)(k.GdF,{size:12})," ",e.invoiceno||"\u2014"]})}),(0,M.jsx)(T.pY,{label:"Amount",align:"right",children:(0,M.jsxs)(d.A,{sx:{display:"inline-flex",alignItems:"center",gap:.5,px:1,py:.375,borderRadius:999,bgcolor:"#ffffff",border:"1px solid ".concat(q(X)),color:X,fontSize:11,fontWeight:800,justifyContent:"center"},children:[(0,M.jsx)(k.YHz,{size:11}),Z(e.totalamount).replace("\u20b9","").trim()]})}),(0,M.jsx)(T.pY,{label:"Invoice Date",children:(0,M.jsxs)(f.A,{direction:"row",alignItems:"center",spacing:.5,children:[(0,M.jsx)(k.auT,{size:12,color:H}),(0,M.jsx)(x.A,{variant:"caption",sx:{fontWeight:700,color:P},noWrap:!0,children:e.transactiondate?l()(e.transactiondate).format("DD/MM/YYYY"):"\u2014"})]})}),(0,M.jsx)(T.pY,{label:"Due Date",children:(0,M.jsxs)(f.A,{direction:"row",alignItems:"center",spacing:.5,children:[(0,M.jsx)(k.auT,{size:12,color:r&&3!==ne?"#ef4444":H}),(0,M.jsx)(x.A,{variant:"caption",sx:{fontWeight:700,color:r&&3!==ne?"#ef4444":P},noWrap:!0,children:e.duedate?l()(e.duedate).format("DD/MM/YYYY"):"\u2014"})]})}),(0,M.jsx)(T.pY,{label:"Items",children:(0,M.jsxs)(d.A,{sx:{display:"inline-flex",alignItems:"center",gap:.5,px:.875,py:.25,borderRadius:999,bgcolor:K("#14b8a6"),border:"1px solid ".concat(q("#14b8a6")),color:"#14b8a6",fontSize:11,fontWeight:800,minWidth:44,justifyContent:"center"},children:[(0,M.jsx)(k.gsJ,{size:11})," ",null!==(i=e.itemcount)&&void 0!==i?i:0]})})]})},e.invoiceno||t)}))})}):(0,M.jsx)(m.A,{sx:{maxHeight:{xs:"calc(100vh - 220px)",md:"calc(100vh - 190px)"},"&::-webkit-scrollbar":{width:10,height:10},"&::-webkit-scrollbar-thumb":{backgroundColor:q(X),borderRadius:8,"&:hover":{backgroundColor:X}},"&::-webkit-scrollbar-track":{backgroundColor:N}},children:(0,M.jsxs)(j.A,{stickyHeader:!0,sx:{minWidth:{xs:880,md:1060}},children:[(0,M.jsx)(b.A,{children:(0,M.jsxs)(v.A,{sx:{"& th":{backgroundColor:N,color:L,fontSize:{xs:10,md:11},fontWeight:800,letterSpacing:.6,textTransform:"uppercase",whiteSpace:"nowrap",borderBottom:"1px solid ".concat(U),py:{xs:1,md:1.25},px:{xs:1,md:2}}},children:[(0,M.jsx)(A.A,{children:"#"}),(0,M.jsx)(A.A,{children:"Client"}),(0,M.jsx)(A.A,{children:"Invoice ID"}),(0,M.jsx)(A.A,{children:"Invoice Date"}),(0,M.jsx)(A.A,{children:"Due Date"}),(0,M.jsx)(A.A,{align:"center",children:"Items"}),(0,M.jsx)(A.A,{align:"right",children:"Amount"}),(0,M.jsx)(A.A,{align:"center",children:"Action"})]})}),(0,M.jsxs)(w.A,{children:[be&&(0,M.jsx)(D.r,{col:4}),be||0!==We.length?We.map(((e,t)=>{var i;const r=2===ne||e.duedate&&l()(e.duedate).isBefore(l()(),"day")&&3!==ne;return(0,M.jsxs)(v.A,{sx:{transition:"background-color 0.15s","& td":{borderBottom:"1px solid ".concat(F),py:{xs:1,md:1.5},px:{xs:1,md:2},verticalAlign:"top"},"&:hover":{backgroundColor:N}},children:[(0,M.jsx)(A.A,{children:(0,M.jsx)(x.A,{variant:"caption",sx:{fontWeight:700,color:H},children:String(ke*re+t+1).padStart(2,"0")})}),(0,M.jsx)(A.A,{children:(0,M.jsxs)(f.A,{direction:"row",alignItems:"center",spacing:1,children:[(0,M.jsx)(_,{color:X,size:36,children:(0,M.jsx)(k.Itr,{size:18})}),(0,M.jsxs)(f.A,{spacing:.25,sx:{minWidth:0},children:[(0,M.jsx)(x.A,{variant:"subtitle2",sx:{fontWeight:700,color:P,whiteSpace:"nowrap"},children:e.tenantname||"\u2014"}),e.contactperson&&(0,M.jsx)(x.A,{variant:"caption",sx:{color:L},children:e.contactperson})]})]})}),(0,M.jsx)(A.A,{children:(0,M.jsxs)(d.A,{sx:{display:"inline-flex",alignItems:"center",gap:.5,px:1,py:.375,borderRadius:999,bgcolor:K("#0ea5e9"),border:"1px solid ".concat(q("#0ea5e9")),color:"#0ea5e9",fontSize:11,fontWeight:800},children:[(0,M.jsx)(k.GdF,{size:12})," ",e.invoiceno||"\u2014"]})}),(0,M.jsx)(A.A,{children:(0,M.jsxs)(f.A,{spacing:.25,children:[(0,M.jsxs)(f.A,{direction:"row",alignItems:"center",spacing:.5,children:[(0,M.jsx)(k.auT,{size:12,color:H}),(0,M.jsx)(x.A,{variant:"caption",sx:{fontWeight:700,color:P,whiteSpace:"nowrap"},children:e.transactiondate?l()(e.transactiondate).format("DD/MM/YYYY"):"\u2014"})]}),(0,M.jsx)(x.A,{variant:"caption",sx:{color:L,pl:2},children:e.transactiondate?l()(e.transactiondate).utc().format("hh:mm A"):""})]})}),(0,M.jsx)(A.A,{children:(0,M.jsxs)(f.A,{spacing:.25,children:[(0,M.jsxs)(f.A,{direction:"row",alignItems:"center",spacing:.5,children:[(0,M.jsx)(k.auT,{size:12,color:r&&3!==ne?"#ef4444":H}),(0,M.jsx)(x.A,{variant:"caption",sx:{fontWeight:700,color:r&&3!==ne?"#ef4444":P,whiteSpace:"nowrap"},children:e.duedate?l()(e.duedate).format("DD/MM/YYYY"):"\u2014"})]}),(0,M.jsx)(x.A,{variant:"caption",sx:{color:L,pl:2},children:e.duedate?l()(e.duedate).utc().format("hh:mm A"):""})]})}),(0,M.jsx)(A.A,{align:"center",children:(0,M.jsxs)(d.A,{sx:{display:"inline-flex",alignItems:"center",gap:.5,px:.875,py:.25,borderRadius:999,bgcolor:K("#14b8a6"),border:"1px solid ".concat(q("#14b8a6")),color:"#14b8a6",fontSize:11,fontWeight:800,minWidth:44,justifyContent:"center"},children:[(0,M.jsx)(k.gsJ,{size:11})," ",null!==(i=e.itemcount)&&void 0!==i?i:0]})}),(0,M.jsx)(A.A,{align:"right",children:(0,M.jsxs)(d.A,{sx:{display:"inline-flex",alignItems:"center",gap:.5,px:1,py:.375,borderRadius:999,bgcolor:"#ffffff",border:"1px solid ".concat(q(X)),color:X,fontSize:11,fontWeight:800,minWidth:110,justifyContent:"center"},children:[(0,M.jsx)(k.YHz,{size:11}),Z(e.totalamount).replace("\u20b9","").trim()]})}),(0,M.jsx)(A.A,{align:"center",children:(0,M.jsx)(g.A,{title:"Preview invoice",placement:"left",children:(0,M.jsx)(p.A,{size:"small",onClick:()=>{ce(!0),setTimeout((()=>{ce(!1),R("/nearle/invoice/preview",{state:e})}),500)},sx:{bgcolor:G(X),color:X,border:"1px solid ".concat(q(X)),"&:hover":{bgcolor:X,color:"#fff"}},children:(0,M.jsx)(k.U3x,{size:16})})})})]},e.invoiceno||t)})):(0,M.jsx)(v.A,{children:(0,M.jsx)(A.A,{colSpan:8,sx:{py:6},children:(0,M.jsxs)(f.A,{alignItems:"center",spacing:1.5,children:[(0,M.jsx)(c.A,{sx:{width:64,height:64,bgcolor:G("#94a3b8"),color:H},children:(0,M.jsx)(k.GdF,{size:28})}),(0,M.jsx)(x.A,{variant:"subtitle1",sx:{fontWeight:700,color:P},children:"No invoices to show"}),(0,M.jsx)(x.A,{variant:"caption",sx:{color:L},children:ae?"Try a different keyword.":"No ".concat(Ye.label.toLowerCase()," invoices for this filter.")})]})})})]})]})}),(0,M.jsx)(y.A,{}),(0,M.jsxs)(f.A,{direction:{xs:"column",sm:"row"},alignItems:{xs:"flex-start",sm:"center"},justifyContent:"space-between",sx:{px:2,py:1,background:"#ffffff"},children:[(0,M.jsxs)(x.A,{variant:"caption",sx:{fontWeight:800,color:L,letterSpacing:.6,textTransform:"uppercase"},children:["Page total \xb7 ",Z(ze)]}),(0,M.jsx)(C.A,{rowsPerPageOptions:[5,10,25,100],component:"div",count:Se.length,rowsPerPage:re,page:ke,onPageChange:(e,t)=>ie(t),onRowsPerPageChange:e=>{var t;oe(+(null===e||void 0===e||null===(t=e.target)||void 0===t?void 0:t.value)),ie(0)},sx:{"& .MuiTablePagination-toolbar":{minHeight:40,px:0},"& .MuiTablePagination-selectLabel, & .MuiTablePagination-displayedRows":{fontWeight:700,color:L}}})]})]}),(0,M.jsx)(o.sv,{})]});var De}},27001:(e,t,i)=>{"use strict";i.d(t,{A:()=>l});var r=i(71392),o=i(48738),n=i(2866),s=i(65908);function l(e){let{title:t,subtitle:i,live:l=!1,action:c}=e;return(0,s.jsxs)(r.A,{direction:{xs:"column",sm:"row"},justifyContent:"space-between",alignItems:{xs:"flex-start",sm:"center"},spacing:1.5,sx:{mb:{xs:2,md:2.5}},children:[(0,s.jsxs)(o.A,{sx:{minWidth:0},children:[(0,s.jsx)(n.A,{variant:"h3",sx:{fontWeight:700,letterSpacing:"-0.02em",color:"grey.800"},children:t}),i&&(0,s.jsxs)(r.A,{direction:"row",alignItems:"center",spacing:.75,sx:{mt:.5},children:[l&&(0,s.jsx)(o.A,{sx:{width:7,height:7,borderRadius:"50%",bgcolor:"success.main",boxShadow:"0 0 0 3px rgba(16,185,129,0.18)"}}),(0,s.jsx)(n.A,{variant:"caption",sx:{color:"text.secondary",fontWeight:500},children:i})]})]}),c&&(0,s.jsx)(o.A,{sx:{flexShrink:0,width:{xs:"100%",sm:"auto"}},children:c})]})}},36803:(e,t,i)=>{"use strict";i.d(t,{A:()=>x});var r=i(84007),o=i(75953),n=i(71392),s=i(48738),l=i(2866),c=i(91834),a=i(97043),d=i(65908);function x(e){let{title:t,value:i,icon:x,color:h="#662582",caption:u,loading:f=!1}=e;return(0,d.jsx)(r.A,{sx:{height:"100%"},children:(0,d.jsx)(o.A,{sx:{p:{xs:1.75,md:2},"&:last-child":{pb:{xs:1.75,md:2}}},children:(0,d.jsxs)(n.A,{direction:"row",justifyContent:"space-between",alignItems:"center",spacing:1,children:[(0,d.jsxs)(s.A,{sx:{minWidth:0,flex:1},children:[(0,d.jsx)(l.A,{variant:"body2",sx:{fontWeight:500,color:"text.secondary",whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis"},children:t}),f?(0,d.jsx)(c.A,{variant:"rounded",sx:{width:72,height:30,mt:.5},animation:"wave"}):(0,d.jsx)(l.A,{sx:{mt:.25,fontWeight:700,letterSpacing:"-0.015em",color:"grey.800",lineHeight:1.15,fontSize:{xs:"1.375rem",md:"1.5rem"},whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis"},children:i}),u&&(0,d.jsx)(l.A,{variant:"caption",sx:{display:"block",mt:.5,color:"text.secondary"},children:u})]}),x&&(0,d.jsx)(a.A,{variant:"rounded",sx:{width:42,height:42,borderRadius:2,bgcolor:"".concat(h,"14"),color:h,flexShrink:0},children:x})]})})})}},56311:(e,t,i)=>{"use strict";i.d(t,{A:()=>u});var r=i(22555),o=i(85672),n=i(29776),s=i(43318),l=i(23440),c=i(11969),a=i(80795),d=i(51808),x=i(93811),h=i(65908);const u=e=>{let{value:t,onChange:i,onDebouncedChange:u,debounceTime:f=500,placeholder:g="Search (ctrl+k)",sx:p}=e;const m=(0,o.useRef)(null),[j]=(0,x.d7)(t,f);return(0,o.useEffect)((()=>{u&&u(j)}),[j,u]),(0,o.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)({},p),inputRef:m,placeholder:g,autoComplete:"off",value:t,fullWidth:!0,onChange:e=>i(e.target.value),startAdornment:(0,h.jsx)(s.A,{position:"start",sx:{mr:-.5},children:(0,h.jsx)(a.A,{})}),endAdornment:(0,h.jsx)(l.A,{title:"Clear",children:(0,h.jsx)(c.A,{sx:{visibility:t?"visible":"hidden"},onClick:()=>i(""),children:(0,h.jsx)(d.A,{})})})})}},68320:(e,t,i)=>{"use strict";i.d(t,{I:()=>n});var r=i(48149),o=i(59363);function n(e,t){return(0,o.t)(e,r.$,t)}},96646:(e,t,i)=>{"use strict";i.d(t,{r:()=>c});var r=i(50755),o=i(1596),n=i(91834),s=i(71392),l=i(65908);const c=e=>{let{rowsPerPage:t=5,col:i=1}=e;return(0,l.jsx)(l.Fragment,{children:Array.from(new Array(t)).map(((e,t)=>(0,l.jsxs)(r.A,{children:[(0,l.jsx)(o.A,{children:(0,l.jsx)(n.A,{variant:"circular",width:24,height:24})}),(0,l.jsx)(o.A,{children:(0,l.jsx)(n.A,{variant:"text",width:30})}),Array.from({length:i}).map(((e,t)=>(0,l.jsx)(o.A,{children:(0,l.jsxs)(s.A,{spacing:.5,children:[(0,l.jsx)(n.A,{variant:"text",width:100}),(0,l.jsx)(n.A,{variant:"text",width:80})]})},t))),(0,l.jsx)(o.A,{children:(0,l.jsx)(n.A,{variant:"text",width:150})}),(0,l.jsx)(o.A,{children:(0,l.jsx)(n.A,{variant:"rounded",width:60,height:24})}),(0,l.jsx)(o.A,{align:"center",children:(0,l.jsxs)(s.A,{direction:"row",spacing:1,justifyContent:"flex-end",children:[(0,l.jsx)(n.A,{variant:"circular",width:28,height:28}),(0,l.jsx)(n.A,{variant:"circular",width:28,height:28})]})})]},t)))})}}}]); |