@accounter/client
Version:
Accounter client application
1 lines • 4.31 kB
JavaScript
import{s as e}from"./dist-C51EwTaa.js";import{i as t,o as n}from"./utils-DdVdMk8X.js";import{Lo as r,Rn as i,pt as a}from"./error-handling-Dpfd9svJ.js";import{_t as o,ft as s}from"./select-CrsvQyhZ.js";import{t as c}from"./button-Dzp2INW0.js";import{X as l}from"./table--bF0wbxq.js";import{n as u,t as d}from"./business-ledger-filters-C9wweYyi.js";import{Tt as f,cn as p,ln as m,ni as h,ri as g,sn as _,yr as v}from"./index-CL8-JoMZ.js";import{t as y}from"./use-url-query-BCNbSvLg.js";import{t as b}from"./business-extended-info-BGuAmkTk.js";import{t as x}from"./page-layout-DoLDsSrs.js";var S=o(`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=o(`chevrons-right-left`,[[`path`,{d:`m20 17-5-5 5-5`,key:`30x0n2`}],[`path`,{d:`m4 17 5-5-5-5`,key:`16spf4`}]]),w=e(n(),1),T=t(),E=()=>{let{get:e}=y(),{setFiltersContext:t}=(0,w.useContext)(p),[n,o]=(0,w.useState)(!1),[u,v]=(0,w.useState)(!1),[E,k]=(0,w.useState)(e(`ledgerRecordsFilters`)?JSON.parse(decodeURIComponent(e(`ledgerRecordsFilters`))):{}),[{data:A,fetching:j}]=r({query:a,variables:{filters:E}});(0,w.useEffect)(()=>{t((0,T.jsxs)(`div`,{className:`flex flex-row gap-x-5`,children:[(0,T.jsx)(d,{filter:E,setFilter:k}),(0,T.jsx)(f,{content:`Expand all accounts`,asChild:!0,children:(0,T.jsx)(c,{variant:`outline`,size:`icon`,className:`size-7.5`,onClick:()=>o(e=>!e),children:n?(0,T.jsx)(g,{className:`size-5`}):(0,T.jsx)(h,{className:`size-5`})})}),(0,T.jsx)(f,{content:`Expand all currencies`,asChild:!0,children:(0,T.jsx)(c,{variant:`outline`,size:`icon`,className:`size-7.5`,onClick:()=>v(e=>!e),children:u?(0,T.jsx)(C,{className:`size-5`}):(0,T.jsx)(S,{className:`size-5`})})})]}))},[A,E,t,k,n,o,u]);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)(l,{c:`red`,children:e.debit.formatted})}),(0,T.jsx)(`p`,{className:`flex flex-row gap-2 whitespace-nowrap`,children:(0,T.jsx)(l,{c:`green`,children:e.credit.formatted})})]}),style:{whiteSpace:`nowrap`}},{title:`Total`,value:e=>(0,T.jsx)(l,{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(i.Eur),...D(i.Usd),...D(i.Gbp),...D(i.Cad),...D(i.Jpy),...D(i.Aud),...D(i.Sek),...O(u)];return(0,T.jsx)(x,{title:`Business Ledger Records`,description:`Business Ledger Records Summary`,children:j?(0,T.jsx)(s,{className:`h-10 w-10 animate-spin mr-2 self-center`}):(0,T.jsxs)(m,{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)(_,{columns:P,item:e,moreInfo:()=>(0,T.jsx)(b,{businessID:e.business.id,filter:E}),isShowAll:n},t))})]})})};function D(e){return[{title:`${e} Debit / Credit`,value:t=>{let n=t.foreignCurrenciesSum.find(t=>t.currency===e);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)(l,{c:`red`,children:n.debit.formatted})}),(0,T.jsx)(`p`,{className:`flex flex-row gap-2 whitespace-nowrap`,children:(0,T.jsx)(l,{c:`green`,children:n.credit.formatted})})]}):null},style:{whiteSpace:`nowrap`}},{title:`${e} Total`,value:t=>{let n=t.foreignCurrenciesSum.find(t=>t.currency===e);return n?.total?.raw&&(n.total.raw<-1e-4||n.total.raw>1e-4)?(0,T.jsx)(u,{color:n.total.raw>0?`green`:`red`,children:n.total.formatted}):n?.total?.formatted},style:{whiteSpace:`nowrap`}}]}function O(e){return e?Object.values(i).filter(e=>!v.includes(e)).map(D).flat():[]}export{E as BusinessLedgerRecordsSummery};