@accounter/client
Version:
Accounter client application
1 lines • 4.1 kB
JavaScript
import{n as e,t}from"./business-ledger-filters-DqxpekwG.js";import{$n as n,Al as r,Br as i,Cu as a,Id as o,Ju as s,Ki as c,Wl as l,Za as u,Zu as d,ds as f,en as p,er as m,jd as h,qu as g,rr as _,yd as v}from"./index-D0acqeZF.js";import{t as y}from"./use-url-query-C7MjeAb9.js";import{t as b}from"./business-extended-info-D9e0Jth8.js";import{t as x}from"./page-layout-DQqxV7Kl.js";var S=v(`chevrons-left-right-ellipsis`,[[`path`,{d:`M12 12h.01`,key:`1mp3jc`}],[`path`,{d:`M16 12h.01`,key:`1l6xoz`}],[`path`,{d:`m17 7 5 5-5 5`,key:`1xlxn0`}],[`path`,{d:`m7 7-5 5 5 5`,key:`19njba`}],[`path`,{d:`M8 12h.01`,key:`czm47f`}]]),C=v(`chevrons-right-left`,[[`path`,{d:`m20 17-5-5 5-5`,key:`30x0n2`}],[`path`,{d:`m4 17 5-5-5-5`,key:`16spf4`}]]),w=o(h(),1),T=a(),E=()=>{let{get:e}=y(),{setFiltersContext:a}=(0,w.useContext)(m),[o,c]=(0,w.useState)(!1),[h,v]=(0,w.useState)(!1),[E,k]=(0,w.useState)(e(`ledgerRecordsFilters`)?JSON.parse(decodeURIComponent(e(`ledgerRecordsFilters`))):{}),[{data:A,fetching:j}]=r({query:u,variables:{filters:E}});(0,w.useEffect)(()=>{a((0,T.jsxs)(`div`,{className:`flex flex-row gap-x-5`,children:[(0,T.jsx)(t,{filter:E,setFilter:k}),(0,T.jsx)(p,{content:`Expand all accounts`,asChild:!0,children:(0,T.jsx)(l,{variant:`outline`,size:`icon`,className:`size-7.5`,onClick:()=>c(e=>!e),children:o?(0,T.jsx)(s,{className:`size-5`}):(0,T.jsx)(g,{className:`size-5`})})}),(0,T.jsx)(p,{content:`Expand all currencies`,asChild:!0,children:(0,T.jsx)(l,{variant:`outline`,size:`icon`,className:`size-7.5`,onClick:()=>v(e=>!e),children:h?(0,T.jsx)(C,{className:`size-5`}):(0,T.jsx)(S,{className:`size-5`})})})]}))},[A,E,a,k,o,c,h]);let M=A?.businessTransactionsSumFromLedgerRecords.__typename===`CommonError`?void 0:A?.businessTransactionsSumFromLedgerRecords.businessTransactionsSum,N=M?[...M].sort((e,t)=>e.business.name.localeCompare(t.business.name)):[],P=[{title:`Business Name`,value:e=>e.business.name},{title:`Debit / Credit`,value:e=>(0,T.jsxs)(`div`,{className:`flex flex-col items-center`,children:[(0,T.jsx)(`p`,{className:`flex flex-row gap-2 whitespace-nowrap`,children:(0,T.jsx)(i,{c:`red`,children:e.debit.formatted})}),(0,T.jsx)(`p`,{className:`flex flex-row gap-2 whitespace-nowrap`,children:(0,T.jsx)(i,{c:`green`,children:e.credit.formatted})})]}),style:{whiteSpace:`nowrap`}},{title:`Total`,value:e=>(0,T.jsx)(i,{c:e.total.raw<-1e-4?`red`:e.total.raw>1e-4?`green`:void 0,fw:700,children:e.total.formatted}),style:{whiteSpace:`nowrap`}},...D(f.Eur),...D(f.Usd),...D(f.Gbp),...D(f.Cad),...D(f.Jpy),...D(f.Aud),...D(f.Sek),...O(h)];return(0,T.jsx)(x,{title:`Business Ledger Records`,description:`Business Ledger Records Summary`,children:j?(0,T.jsx)(d,{className:`h-10 w-10 animate-spin mr-2 self-center`}):(0,T.jsxs)(_,{striped:!0,highlightOnHover:!0,children:[(0,T.jsx)(`thead`,{className:`sticky top-0 z-20`,children:(0,T.jsxs)(`tr`,{className:`tracking-wider font-medium text-gray-900 text-sm bg-gray-100`,children:[P.map((e,t)=>e.disabled?null:(0,T.jsx)(`th`,{children:e.title},String(t))),(0,T.jsx)(`th`,{children:`More Info`})]})}),(0,T.jsx)(`tbody`,{children:N.map((e,t)=>(0,T.jsx)(n,{columns:P,item:e,moreInfo:()=>(0,T.jsx)(b,{businessID:e.business.id,filter:E}),isShowAll:o},t))})]})})};function D(t){return[{title:`${t} Debit / Credit`,value:e=>{let n=e.foreignCurrenciesSum.find(e=>e.currency===t);return n?(0,T.jsxs)(`div`,{className:`flex flex-col items-center`,children:[(0,T.jsx)(`p`,{className:`flex flex-row gap-2 whitespace-nowrap`,children:(0,T.jsx)(i,{c:`red`,children:n.debit.formatted})}),(0,T.jsx)(`p`,{className:`flex flex-row gap-2 whitespace-nowrap`,children:(0,T.jsx)(i,{c:`green`,children:n.credit.formatted})})]}):null},style:{whiteSpace:`nowrap`}},{title:`${t} Total`,value:n=>{let r=n.foreignCurrenciesSum.find(e=>e.currency===t);return r?.total?.raw&&(r.total.raw<-1e-4||r.total.raw>1e-4)?(0,T.jsx)(e,{color:r.total.raw>0?`green`:`red`,children:r.total.formatted}):r?.total?.formatted},style:{whiteSpace:`nowrap`}}]}function O(e){return e?Object.values(f).filter(e=>!c.includes(e)).map(D).flat():[]}export{E as BusinessLedgerRecordsSummery};