@accounter/client/dist/assets/charges-filters-DJEsPkiV.js

Accounter client application

import{t as e}from"./funnel-CDY9d08i.js";import{t}from"./sub-BHb6WRjG.js";import{t as n}from"./MultiSelect-CiGDKDYJ.js";import{$i as r,Au as i,Bt as a,C as o,Cu as s,Do as c,Id as l,Jt as u,Mi as d,Ml as f,N as p,No as m,Ou as h,Si as g,Vt as _,Wl as v,_n as y,bi as b,cn as x,dn as S,fn as C,fr as w,gi as T,gn as E,hn as D,ir as O,jd as k,ji as A,or as j,pn as M,tr as N,vn as P,wn as F,xn as I,yi as L}from"./index-CSYTUOOk.js";import{t as R}from"./use-url-query-CA_xnIYM.js";var z=l(k(),1),B=l(T(),1),V=s(),H=[{value:m.AbsAmount,label:`Abs Amount`},{value:m.Amount,label:`Amount`},{value:m.Date,label:`Date`}],U=[{label:`All`,value:c.All},{label:`Income`,value:c.Income},{label:`Expense`,value:c.Expense}];function W({filter:e,setFilter:i,closeModal:o}){let{userContext:s}=(0,z.useContext)(N),l=F({defaultValues:{byOwners:s?.context.adminBusinessId?[s.context.adminBusinessId]:void 0,sortBy:{field:m.Date,asc:!1},toAnyDate:f(new Date,`yyyy-MM-dd`),fromAnyDate:f(t(new Date,{years:1}),`yyyy-MM-dd`),...e}}),{control:p,handleSubmit:h,watch:v}=l,[w,T]=(0,z.useState)(e.sortBy?.asc??!1),[k,R]=(0,z.useState)(!!e.sortBy?.field),{selectableFinancialEntities:B,fetching:W}=x(),{selectableTags:G,fetching:q}=I(),J=v(`sortBy.field`);(0,z.useEffect)(()=>{J&&!k?R(!0):!J&&k&&R(!1)},[J,k]);let Y=e=>{w!=null&&e.sortBy?.field&&(e.sortBy.asc=w),i(e),o()};function X(){i({}),T(!1),o()}return(0,V.jsxs)(V.Fragment,{children:[W?(0,V.jsx)(`div`,{children:`Loading...`}):(0,V.jsx)(`div`,{}),(0,V.jsx)(C,{...l,children:(0,V.jsxs)(`form`,{onSubmit:h(Y),children:[(0,V.jsxs)(O,{cols:2,children:[(0,V.jsx)(D,{name:`byOwners`,control:p,defaultValue:e.byOwners,render:({field:e})=>(0,V.jsxs)(E,{className:`h-min`,children:[(0,V.jsx)(y,{children:`Owners`}),(0,V.jsx)(M,{children:(0,V.jsx)(n,{...e,data:B,value:e.value??[],disabled:W,placeholder:`Scroll to see all options`,maxDropdownHeight:160,searchable:!0,withinPortal:!0})}),(0,V.jsx)(P,{})]})}),(0,V.jsx)(D,{name:`byBusinesses`,control:p,defaultValue:e.byBusinesses,render:({field:e})=>(0,V.jsxs)(E,{className:`h-min`,children:[(0,V.jsx)(y,{children:`Financial Entities`}),(0,V.jsx)(M,{children:(0,V.jsx)(n,{...e,data:B,value:e.value??[],disabled:W,placeholder:`Scroll to see all options`,maxDropdownHeight:160,searchable:!0,withinPortal:!0})}),(0,V.jsx)(P,{})]})}),(0,V.jsx)(D,{name:`byTags`,control:p,defaultValue:e.byTags,render:({field:e})=>(0,V.jsxs)(E,{className:`h-min`,children:[(0,V.jsx)(y,{children:`Tags`}),(0,V.jsx)(M,{children:(0,V.jsx)(n,{...e,data:G,itemComponent:_,value:e.value??[],disabled:q,placeholder:`Scroll to see all options`,maxDropdownHeight:160,searchable:!0,withinPortal:!0,filter:(e,t,n)=>n.label?.toLowerCase().includes(e.toLowerCase().trim())||n.description?.toLowerCase().includes(e.toLowerCase().trim())})}),(0,V.jsx)(P,{})]})}),(0,V.jsx)(D,{name:`fromAnyDate`,control:p,defaultValue:e.fromAnyDate,rules:{pattern:{value:r,message:`Date must be in format yyyy-mm-dd`}},render:({field:e,fieldState:t})=>(0,V.jsxs)(E,{className:`h-min`,children:[(0,V.jsx)(y,{htmlFor:`from-any-date`,children:`From Date`}),(0,V.jsx)(M,{children:(0,V.jsx)(u,{id:`from-any-date`,value:e.value??void 0,onChange:t=>{t!==e.value&&e.onChange(t)},"aria-invalid":!!t.error})}),(0,V.jsx)(P,{})]})}),(0,V.jsx)(D,{name:`toAnyDate`,control:p,defaultValue:e.toAnyDate,rules:{pattern:{value:r,message:`Date must be in format yyyy-mm-dd`}},render:({field:e,fieldState:t})=>(0,V.jsxs)(E,{className:`h-min`,children:[(0,V.jsx)(y,{htmlFor:`to-any-date`,children:`To Date`}),(0,V.jsx)(M,{children:(0,V.jsx)(u,{id:`to-any-date`,value:e.value??void 0,onChange:t=>{t!==e.value&&e.onChange(t)},"aria-invalid":!!t.error})}),(0,V.jsx)(P,{})]})}),(0,V.jsx)(D,{name:`chargesType`,control:p,defaultValue:e.chargesType,render:({field:e})=>(0,V.jsxs)(E,{className:`h-min`,children:[(0,V.jsx)(y,{children:`Charge Type`}),(0,V.jsx)(M,{children:(0,V.jsx)(j,{...e,data:U,value:e.value??c.All,disabled:W,placeholder:`Filter income/expense`,maxDropdownHeight:160,withinPortal:!0})}),(0,V.jsx)(P,{})]})}),(0,V.jsx)(D,{name:`sortBy.field`,control:p,defaultValue:e.sortBy?.field??m.Date,render:({field:t})=>(0,V.jsxs)(E,{className:`h-min`,children:[(0,V.jsx)(y,{children:`Field to sort by`}),(0,V.jsx)(M,{children:(0,V.jsx)(j,{...t,data:H,placeholder:`Scroll to see all options`,maxDropdownHeight:160,searchable:!0,rightSectionProps:{style:{width:`5rem`}},withinPortal:!0,rightSection:(0,V.jsxs)(`div`,{className:`flex flex-row items-center gap-1`,children:[(0,V.jsx)(S,{defaultChecked:e.sortBy?.asc??!1,checked:w??!1,disabled:!k,onCheckedChange:T}),(0,V.jsx)(`span`,{className:`text-xs`,children:w?`ASC`:`DESC`})]})})}),(0,V.jsx)(P,{})]})}),(0,V.jsx)(D,{name:`accountantStatus`,control:p,defaultValue:e.accountantStatus,render:({field:e})=>(0,V.jsxs)(E,{className:`h-min`,children:[(0,V.jsx)(y,{children:`Accountant Status`}),(0,V.jsx)(M,{children:(0,V.jsx)(n,{...e,value:e.value??[],itemComponent:K,data:Object.values(a),disabled:W,placeholder:`All`,maxDropdownHeight:160,withinPortal:!0})}),(0,V.jsx)(P,{})]})}),(0,V.jsx)(D,{name:`freeText`,control:p,rules:{minLength:{value:2,message:`Must be at least 2 characters`}},render:({field:e})=>(0,V.jsxs)(E,{className:`h-min`,children:[(0,V.jsx)(y,{children:`Free Text`}),(0,V.jsx)(M,{children:(0,V.jsx)(d,{...e,value:e.value??``})}),(0,V.jsx)(P,{})]})}),(0,V.jsxs)(`div`,{className:`flex flex-col gap-2 mt-4 rounded-lg border p-3 shadow-sm space-y-2`,children:[(0,V.jsx)(A,{children:`Missing Information:`}),(0,V.jsx)(D,{control:l.control,name:`withoutInvoice`,render:({field:t})=>(0,V.jsxs)(E,{className:`flex flex-row items-center justify-between`,children:[(0,V.jsx)(`div`,{className:`space-y-0.5`,children:(0,V.jsx)(y,{children:`Without Invoice`})}),(0,V.jsx)(M,{children:(0,V.jsx)(S,{defaultChecked:e.withoutInvoice??!1,onCheckedChange:t.onChange})})]})}),(0,V.jsx)(D,{control:l.control,name:`withoutReceipt`,render:({field:t})=>(0,V.jsxs)(E,{className:`flex flex-row items-center justify-between`,children:[(0,V.jsx)(`div`,{className:`space-y-0.5`,children:(0,V.jsx)(y,{children:`Without Receipts`})}),(0,V.jsx)(M,{children:(0,V.jsx)(S,{defaultChecked:e.withoutReceipt??!1,onCheckedChange:t.onChange})})]})}),(0,V.jsx)(D,{control:l.control,name:`withoutDocuments`,render:({field:t})=>(0,V.jsxs)(E,{className:`flex flex-row items-center justify-between`,children:[(0,V.jsx)(`div`,{className:`space-y-0.5`,children:(0,V.jsx)(y,{children:`Without Documents`})}),(0,V.jsx)(M,{children:(0,V.jsx)(S,{defaultChecked:e.withoutDocuments??!1,onCheckedChange:t.onChange})})]})}),(0,V.jsx)(D,{control:l.control,name:`withOpenDocuments`,render:({field:t})=>(0,V.jsxs)(E,{className:`flex flex-row items-center justify-between`,children:[(0,V.jsx)(`div`,{className:`space-y-0.5`,children:(0,V.jsx)(y,{children:`With Open Documents`})}),(0,V.jsx)(M,{children:(0,V.jsxs)(L,{children:[(0,V.jsx)(g,{children:(0,V.jsx)(S,{defaultChecked:e.withOpenDocuments??!1,onCheckedChange:t.onChange})}),(0,V.jsx)(b,{children:(0,V.jsx)(`p`,{children:`Show only charges with documents that are currently open`})})]})})]})}),(0,V.jsx)(D,{control:l.control,name:`withoutTransactions`,render:({field:t})=>(0,V.jsxs)(E,{className:`flex flex-row items-center justify-between`,children:[(0,V.jsx)(`div`,{className:`space-y-0.5`,children:(0,V.jsx)(y,{children:`Without Transactions`})}),(0,V.jsx)(M,{children:(0,V.jsx)(S,{defaultChecked:e.withoutTransactions??!1,onCheckedChange:t.onChange})})]})}),(0,V.jsx)(D,{control:l.control,name:`unbalanced`,render:({field:t})=>(0,V.jsxs)(E,{className:`flex flex-row items-center justify-between`,children:[(0,V.jsx)(`div`,{className:`space-y-0.5`,children:(0,V.jsx)(y,{children:`Unbalanced businesses`})}),(0,V.jsx)(M,{children:(0,V.jsx)(S,{defaultChecked:e.unbalanced??!1,onCheckedChange:t.onChange})})]})}),(0,V.jsx)(D,{control:l.control,name:`withoutLedger`,render:({field:t})=>(0,V.jsxs)(E,{className:`flex flex-row items-center justify-between`,children:[(0,V.jsx)(`div`,{className:`space-y-0.5`,children:(0,V.jsx)(y,{children:`Without ledger`})}),(0,V.jsx)(M,{children:(0,V.jsx)(S,{defaultChecked:e.withoutLedger??!1,onCheckedChange:t.onChange})})]})})]})]}),(0,V.jsxs)(`div`,{className:`flex justify-center mt-5 gap-3`,children:[(0,V.jsx)(`button`,{type:`submit`,disabled:W||q,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,V.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:X,children:`Clear`}),(0,V.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:o,children:`Cancel`})]})]})})]})}function G({filter:t={},setFilter:n,activePage:r,setPage:a,totalPages:s=1,initiallyOpened:c=!1}){let[l,u]=(0,z.useState)(c),[d,f]=(0,z.useState)(!i(t)),{get:m,set:g}=R();return(0,z.useEffect)(()=>{let e=r>0?r.toFixed(0):null;e!==m(`page`)&&g(`page`,e)},[r,m,g]),(0,z.useEffect)(()=>{let e=h(t);e!==m(`chargesFilters`)&&(g(`chargesFilters`,e),g(`page`),a(0))},[t,m,g,a]),(0,V.jsxs)(`div`,{className:`flex flex-row gap-5 items-center`,children:[(0,V.jsx)(p,{opened:l,onClose:()=>u(!1),content:(0,V.jsx)(W,{filter:t,setFilter:(0,z.useCallback)(e=>{(0,B.default)(e,t)||(n(e),f(!i(e)))},[t,n]),closeModal:()=>u(!1)}),modalSize:`xl`}),s>1&&(0,V.jsx)(o,{className:`flex-fit w-fit mx-0`,currentPageIndex:r,onChange:a,totalPages:s}),(0,V.jsx)(w,{inline:!0,size:16,disabled:!d,children:(0,V.jsx)(v,{variant:`outline`,size:`icon`,className:`size-7.5`,onClick:()=>u(!0),children:(0,V.jsx)(e,{className:`size-5`})})})]})}var K=(0,z.forwardRef)(({bgColor:e,label:t,color:n,icon:r,...i},a)=>(0,V.jsxs)(v,{ref:a,...i,variant:`ghost`,size:`sm`,className:`h-7 p-0 ${e}`,title:t,children:[(0,V.jsx)(r,{className:`h-3.5 w-3.5 ${n}`}),t]}));K.displayName=`AccountantStatusMultiSelectItem`;export{U as n,G as t};