@accounter/client/dist/assets/all-documents-DMbj5NYG.js

Accounter client application

import{s as e}from"./dist-BmACi7k_.js";import{i as t,o as n}from"./utils-BxkqV8PM.js";import{ar as r,zo as i}from"./error-handling-sQ-z99nE.js";import{i as a,n as o}from"./routes-C4NpBRv7.js";import{dt as s}from"./select-BJv1AsCh.js";import{$t as c,Vt as l,Wt as u,_t as d,it as f,mt as p,nr as m,p as h,r as g,xt as _}from"./common-CzeXtlCH.js";import{t as v}from"./arrow-up-down-BPoOxony.js";import{c as y,d as b,h as x,l as S,u as C}from"./separator-CyMtmDO1.js";import{t as w}from"./funnel-9d55SEx6.js";import{t as T}from"./button-BZ6z_NAl.js";import{$c as E,Gc as D,Jc as O,Kl as k,Pl as A,Wc as j,Xc as M,Yc as N,a as P,al as F,c as I,i as L,m as R,n as z,nl as B,o as V,p as H,qc as U,r as W,s as G,t as K,u as q}from"./table-4P1UQn5n.js";import{t as J}from"./sub-B14hpi46.js";import{t as Y}from"./MultiSelect-DceVsDw2.js";import{t as X}from"./use-url-query-DXFemxIX.js";import{t as ee}from"./page-layout-zwz-Hp58.js";var Z=e(n(),1),te=e(A(),1),Q=t();function ne({filter:e,setFilter:t,closeModal:n}){let{userContext:r}=(0,Z.useContext)(B),i=E({defaultValues:{ownerIDs:r?.context.adminBusinessId?[r.context.adminBusinessId]:void 0,toDate:k(new Date,`yyyy-MM-dd`),fromDate:k(J(new Date,{years:1}),`yyyy-MM-dd`),...e}}),{control:a,handleSubmit:o}=i,{selectableFinancialEntities:s,fetching:c}=p(),l=e=>{t(e),n()};function h(){t({}),n()}return(0,Q.jsxs)(Q.Fragment,{children:[c?(0,Q.jsx)(`div`,{children:`Loading...`}):(0,Q.jsx)(`div`,{}),(0,Q.jsx)(j,{...i,children:(0,Q.jsxs)(`form`,{onSubmit:o(l),children:[(0,Q.jsxs)(u,{cols:2,children:[(0,Q.jsx)(U,{name:`ownerIDs`,control:a,defaultValue:e.ownerIDs,render:({field:e,fieldState:t})=>(0,Q.jsxs)(O,{children:[(0,Q.jsx)(N,{children:`Owners`}),(0,Q.jsx)(D,{children:(0,Q.jsx)(Y,{...e,data:s,value:e.value??[],disabled:c,placeholder:`Scroll to see all options`,maxDropdownHeight:160,searchable:!0,error:t.error?.message,withinPortal:!0})}),(0,Q.jsx)(M,{})]})}),(0,Q.jsx)(U,{name:`businessIDs`,control:a,defaultValue:e.businessIDs,render:({field:e,fieldState:t})=>(0,Q.jsxs)(O,{children:[(0,Q.jsx)(N,{children:`Financial Entities`}),(0,Q.jsx)(D,{children:(0,Q.jsx)(Y,{...e,data:s,value:e.value??[],disabled:c,placeholder:`Scroll to see all options`,maxDropdownHeight:160,searchable:!0,error:t.error?.message,withinPortal:!0})}),(0,Q.jsx)(M,{})]})}),(0,Q.jsx)(U,{name:`fromDate`,control:a,defaultValue:e.fromDate,rules:{pattern:{value:m,message:`Date must be in format yyyy-mm-dd`}},render:({field:e,fieldState:t})=>(0,Q.jsxs)(O,{children:[(0,Q.jsx)(N,{htmlFor:`documents-from-date`,children:`From Date`}),(0,Q.jsx)(D,{children:(0,Q.jsx)(f,{id:`documents-from-date`,onChange:t=>{t!==e.value&&e.onChange(t)},value:e.value??void 0,"aria-invalid":!!t.error})}),(0,Q.jsx)(M,{})]})}),(0,Q.jsx)(U,{name:`toDate`,control:a,defaultValue:e.toDate,rules:{pattern:{value:m,message:`Date must be in format yyyy-mm-dd`}},render:({field:e,fieldState:t})=>(0,Q.jsxs)(O,{children:[(0,Q.jsx)(N,{htmlFor:`documents-to-date`,children:`To Date`}),(0,Q.jsx)(D,{children:(0,Q.jsx)(f,{id:`documents-to-date`,onChange:t=>{t!==e.value&&e.onChange(t)},value:e.value??void 0,"aria-invalid":!!t.error})}),(0,Q.jsx)(M,{})]})}),(0,Q.jsx)(U,{name:`unmatched`,control:a,render:({field:t})=>(0,Q.jsxs)(O,{className:`flex flex-row items-center justify-between rounded-lg border p-3 shadow-sm`,children:[(0,Q.jsx)(`div`,{className:`space-y-0.5`,children:(0,Q.jsx)(N,{children:`Unmatched only`})}),(0,Q.jsx)(D,{children:(0,Q.jsx)(d,{defaultChecked:e.unmatched??!1,onCheckedChange:t.onChange})})]})})]}),(0,Q.jsxs)(`div`,{className:`flex justify-center mt-5 gap-3`,children:[(0,Q.jsx)(`button`,{type:`submit`,disabled:c,className:`text-white bg-indigo-500 border-0 py-2 px-8 focus:outline-hidden hover:bg-indigo-600 rounded-sm text-lg`,children:`Filter`}),(0,Q.jsx)(`button`,{type:`button`,className:`text-white bg-orange-500 border-0 py-2 px-8 focus:outline-hidden hover:bg-orange-600 rounded-sm text-lg`,onClick:h,children:`Clear`}),(0,Q.jsx)(`button`,{type:`button`,className:`text-white bg-rose-500 border-0 py-2 px-8 focus:outline-hidden hover:bg-rose-600 rounded-sm text-lg`,onClick:n,children:`Cancel`})]})]})})]})}function re({filter:e={},setFilter:t,initiallyOpened:n=!1}){let[r,i]=(0,Z.useState)(n),[s,l]=(0,Z.useState)(!a(e)),{get:u,set:d}=X();return(0,Z.useEffect)(()=>{let t=o(e);t!==u(`documentsFilters`)&&d(`documentsFilters`,t)},[e,u,d]),(0,Q.jsxs)(`div`,{className:`flex flex-row gap-5 items-center`,children:[(0,Q.jsx)(h,{opened:r,onClose:()=>i(!1),content:(0,Q.jsx)(ne,{filter:e,setFilter:(0,Z.useCallback)(n=>{(0,te.default)(n,e)||(t(n),l(!a(n)))},[e,t]),closeModal:()=>i(!1)}),modalSize:`xl`}),(0,Q.jsx)(c,{inline:!0,size:16,disabled:!s,children:(0,Q.jsx)(T,{variant:`outline`,size:`icon`,className:`size-7.5`,onClick:()=>i(!0),children:(0,Q.jsx)(w,{className:`size-5`})})})]})}var $=[{accessorKey:`__typename`,header:({column:e})=>(0,Q.jsxs)(T,{variant:`ghost`,onClick:()=>e.toggleSorting(e.getIsSorted()===`asc`),children:[(0,Q.jsx)(`div`,{className:`text-left`,children:`Type`}),(0,Q.jsx)(v,{className:`ml-2 h-4 w-4`})]}),cell:({row:e})=>{let{__typename:t}=e.original;return(0,Q.jsx)(`div`,{className:`text-left font-medium`,children:t})}},{accessorKey:`image`,header:()=>(0,Q.jsx)(`div`,{className:`text-left`,children:`Image`}),cell:({row:e})=>{let{image:t}=e.original;return(0,Q.jsx)(`div`,{className:`text-left font-medium`,children:t?(0,Q.jsx)(`img`,{alt:`missing img`,src:t?.toString(),height:80,width:80}):`No image`})}},{accessorKey:`file`,header:()=>(0,Q.jsx)(`div`,{className:`text-left`,children:`File`}),cell:({row:e})=>{let{file:t}=e.original;return(0,Q.jsx)(`div`,{className:`text-left font-medium`,children:t&&(0,Q.jsx)(T,{variant:`outline`,size:`sm`,asChild:!0,children:(0,Q.jsx)(`a`,{target:`_blank`,rel:`noreferrer`,href:t?.toString(),children:`Open`})})})}},{accessorKey:`date`,header:({column:e})=>(0,Q.jsxs)(T,{variant:`ghost`,onClick:()=>e.toggleSorting(e.getIsSorted()===`asc`),children:[(0,Q.jsx)(`div`,{className:`text-left`,children:`Date`}),(0,Q.jsx)(v,{className:`ml-2 h-4 w-4`})]}),cell:({row:e})=>`date`in e.original&&e.original.date?(0,Q.jsx)(`div`,{className:`text-left font-medium`,children:k(new Date(e.original.date),`dd/MM/yy`)}):null},{accessorKey:`serialNumber`,header:({column:e})=>(0,Q.jsxs)(T,{variant:`ghost`,onClick:()=>e.toggleSorting(e.getIsSorted()===`asc`),children:[(0,Q.jsx)(`div`,{className:`text-left`,children:`Serial Number`}),(0,Q.jsx)(v,{className:`ml-2 h-4 w-4`})]}),cell:({row:e})=>`serialNumber`in e.original&&e.original.serialNumber?(0,Q.jsx)(`div`,{className:`text-left font-medium`,children:e.original.serialNumber}):null},{accessorKey:`vat.raw`,header:({column:e})=>(0,Q.jsxs)(T,{variant:`ghost`,onClick:()=>e.toggleSorting(e.getIsSorted()===`asc`),children:[(0,Q.jsx)(`div`,{className:`text-left`,children:`VAT`}),(0,Q.jsx)(v,{className:`ml-2 h-4 w-4`})]}),cell:({row:e})=>`vat`in e.original&&e.original.vat?.formatted?(0,Q.jsx)(`div`,{className:`text-left font-medium whitespace-nowrap`,children:e.original.vat.formatted}):null},{accessorKey:`amount.raw`,header:({column:e})=>(0,Q.jsxs)(T,{variant:`ghost`,onClick:()=>e.toggleSorting(e.getIsSorted()===`asc`),children:[(0,Q.jsx)(`div`,{className:`text-left`,children:`Amount`}),(0,Q.jsx)(v,{className:`ml-2 h-4 w-4`})]}),cell:({row:e})=>`amount`in e.original&&e.original.amount?.formatted?(0,Q.jsx)(`div`,{className:`text-left font-medium whitespace-nowrap`,children:e.original.amount.formatted}):null},{accessorKey:`creditor.name`,header:({column:e})=>(0,Q.jsxs)(T,{variant:`ghost`,onClick:()=>e.toggleSorting(e.getIsSorted()===`asc`),children:[(0,Q.jsx)(`div`,{className:`text-left`,children:`Creditor`}),(0,Q.jsx)(v,{className:`ml-2 h-4 w-4`})]}),cell:({row:e})=>`creditor`in e.original&&e.original.creditor?.name?(0,Q.jsx)(`div`,{className:`text-left font-medium whitespace-nowrap`,children:e.original.creditor.name}):null},{accessorKey:`debtor.name`,header:({column:e})=>(0,Q.jsxs)(T,{variant:`ghost`,onClick:()=>e.toggleSorting(e.getIsSorted()===`asc`),children:[(0,Q.jsx)(`div`,{className:`text-left`,children:`Debtor`}),(0,Q.jsx)(v,{className:`ml-2 h-4 w-4`})]}),cell:({row:e})=>`debtor`in e.original&&e.original.debtor?.name?(0,Q.jsx)(`div`,{className:`text-left font-medium whitespace-nowrap`,children:e.original.debtor.name}):null},{accessorKey:`charge.transactions[0].id`,header:()=>(0,Q.jsx)(`div`,{className:`text-left`,children:`Related Transaction`}),cell:({row:e})=>e.original.charge?.transactions?.[0]?.id?(0,Q.jsx)(l,{items:e.original.charge?.transactions??[],columns:[{title:`Transaction Amount`,value:e=>e?.amount.formatted},{title:`Transaction Created At`,value:e=>e?.eventDate?k(new Date(e.eventDate),`dd/MM/yy`):null},{title:`Transaction Effective Date`,value:e=>e?.effectiveDate?k(new Date(e.effectiveDate),`dd/MM/yy`):null},{title:`Transaction Description`,value:e=>e?.sourceDescription}]}):`No Related Transaction`}],ie=()=>{let[e,t]=(0,Z.useState)(null),[n,a]=(0,Z.useState)(!1),{get:o}=X(),c=o(`documentsFilters`),l=(0,Z.useMemo)(()=>{if(c)try{return JSON.parse(decodeURIComponent(c))}catch{return}},[c]),[u,d]=(0,Z.useState)(l),[f,p]=(0,Z.useState)([]),[m,v]=(0,Z.useState)({}),{setFiltersContext:w}=(0,Z.useContext)(y),[{data:E,fetching:D},O]=i({query:r,variables:{filters:u??{}},pause:!0});(0,Z.useEffect)(()=>{u&&O()},[u,O]);let k=I({data:E?.documentsByFilters??[],columns:$,getCoreRowModel:q(),getPaginationRowModel:H(),onSortingChange:p,getSortedRowModel:R(),onColumnVisibilityChange:v,state:{sorting:f,columnVisibility:m}}),A=k.getState().pagination.pageIndex;return(0,Z.useEffect)(()=>{w((0,Q.jsxs)(`div`,{className:`flex flex-row gap-x-5`,children:[(0,Q.jsx)(_,{table:k}),(0,Q.jsx)(re,{filter:u,setFilter:d,initiallyOpened:!u})]}))},[k,D,u,w,d,l,A]),(0,Q.jsx)(ee,{title:`Documents`,description:`All documents`,headerActions:(0,Q.jsxs)(`div`,{className:`flex items-center py-4 gap-4`,children:[(0,Q.jsxs)(S,{children:[(0,Q.jsx)(x,{asChild:!0,children:(0,Q.jsx)(T,{className:`ml-auto`,children:`Columns`})}),(0,Q.jsx)(b,{align:`end`,children:k.getAllColumns().filter(e=>e.getCanHide()).map(e=>(0,Q.jsx)(C,{className:`capitalize`,checked:e.getIsVisible(),onCheckedChange:t=>e.toggleVisibility(!!t),children:e.id},e.id))})]}),(0,Q.jsx)(T,{onClick:()=>a(!0),children:`Upload Documents`})]}),children:D?(0,Q.jsx)(s,{className:`h-10 w-10 animate-spin mr-2 self-center`}):(0,Q.jsxs)(Q.Fragment,{children:[(0,Q.jsx)(g,{open:n,onOpenChange:a,onChange:O}),e&&(0,Q.jsx)(h,{modalSize:`45%`,content:(0,Q.jsx)(F,{src:e}),opened:!!e,onClose:()=>t(null)}),(0,Q.jsxs)(K,{children:[(0,Q.jsx)(P,{children:k.getHeaderGroups().map(e=>(0,Q.jsx)(V,{children:e.headers.map(e=>(0,Q.jsx)(L,{children:e.isPlaceholder?null:G(e.column.columnDef.header,e.getContext())},e.id))},e.id))}),(0,Q.jsx)(z,{children:k.getRowModel().rows?.length?k.getRowModel().rows.map(e=>(0,Q.jsx)(V,{"data-state":e.getIsSelected()&&`selected`,children:e.getVisibleCells().map(e=>(0,Q.jsx)(W,{children:G(e.column.columnDef.cell,e.getContext())},e.id))},e.id)):(0,Q.jsx)(V,{children:(0,Q.jsx)(W,{colSpan:$.length,className:`h-24 text-center`,children:`No results.`})})})]})]})})};export{ie as DocumentsReport};