https://portal.heritageproperty.com/assets/invoices-S6eYwJt_.js

1import{u as Ye,r,n as fe,k as R,bf as y,j as e,B as K,S as H,F as B,$ as Ee,bF as Xe,q as Ze,a_ as Je,bw as re,bC as es,aa as ss,z as is,cm as ts,I as ns,ce as os,cf as as,M as rs,ca as ls}from"./elements-5kxJS_4j.js";import{M as cs}from"./ModernPortalPage-ZOfMD2FX.js";import{B as ds}from"./BoardListDetailOutlet-BLfTYBPG.js";import{A as ms}from"./authorization-DRCBMAi9.js";import{u as us,G as ps,x as Oe,j as vs,A as fs,T as a,am as hs}from"./index-CtCeyryw.js";import{u as qe}from"./useBoardFrustrationEnabled-D-vRo-Pq.js";import{u as xs}from"./useSavedGridPageSize-iR3hnzqU.js";import{a as bs,B as _}from"./BoardTabPills-k6mLXMRn.js";import{A as $e}from"./AttachColumn-Y9hp0Xxk.js";import{u as gs,a as js,b as Is,v as Pe,n as Cs,A as Ns,D as Ms,i as Ss}from"./DeclineModal-BO8VKDMV.js";import"./NoteContent-BKv-Srb-.js";import{c as ys}from"./board-portal-requests-Dhj4UIYh.js";import{S as Fs}from"./SendMessageModal-r-MvvBTt.js";import{M as ws}from"./MobileCardButton-D6bsn729.js";import{M as P}from"./MobileField-B3-KzBgL.js";import{M as Ds}from"./MobilePillTabs-CEvHclwf.js";import{M as As}from"./MobileTable-C7aibx3F.js";import{G as Ts}from"./GridSettings-BQybxGtG.js";import{g as ks}from"./boardDetailItemIds-CezeTAyo.js";import{u as Ps}from"./useIsMobile-DE0QDUth.js";import{u as Re}from"./useModalActions-Dvto1loR.js";import{u as Rs}from"./useMobileRedesignBoardPages-BgUjR8UU.js";import{a as Bs}from"./portal-requests-pSSQdVkY.js";import"./useAuthorization-XS6cSJ0I.js";import"./grids-DGmfp9GI.js";import"./startOfDay-AazlW55I.js";import"./FilterableGridFilters-BSwkYGCZ.js";import"./useAttachmentViewer-BQoPBwhJ.js";import"./index.esm-GMeyTKQp.js";import"./boardDecisionActions-BmpNgjt4.js";import"./useMutation-jkV-6MpM.js";import"./index-BSR_b3JY.js";import"./MessageForm-CoPnETZi.js";import"./useMessageComposer-BQ7Z4YY2.js";import"./useRedesign-xeayEwR4.js";const ae="invoices-grid",le=["myItems","open","closed"],We="scope",be="sort",ge="search",he=10,xe=i=>le.indexOf(i.get(We)),Es=i=>i.get(be)==="oldest"?"oldest":"newest",Os=i=>i.get(ge)??"",qs=()=>{const{t:i}=Ye(),f=us(),m=ps(),u=Ps(),p=Rs(),v=u&&p,h=Oe(),c=vs(s=>s.gridsColumnState)[ae],z=xs(ae),[j,I]=fs(),[g,A]=r.useState(()=>Os(j)),[x,E]=r.useState(()=>Es(j)),[G,O]=r.useState(!1),[M,q]=r.useState(0),Y=r.useRef(!0);r.useEffect(()=>{if(Y.current){Y.current=!1;return}const s=setTimeout(()=>{I(t=>{const n=new URLSearchParams(t);return g?n.set(ge,g):n.delete(ge),n},{replace:!0})},100);return()=>clearTimeout(s)},[g,I]);const ce=r.useCallback(s=>{E(s),I(t=>{const n=new URLSearchParams(t);return s==="newest"?n.delete(be):n.set(be,s),n},{replace:!0})},[I]),{isModalOpen:X,openModal:Z,closeModal:J}=Re(),{isModalOpen:L,openModal:ee,closeModal:se}=Re(),o=r.useRef(null),$=r.useRef(!1),de=r.useRef(null),[je,Ie]=r.useState(void 0),[F,W]=r.useState([]),[T,me]=r.useState(()=>{const s=xe(j);return s>=0?s:0}),[ue,Ce]=r.useState({open:!1,actionItemId:0}),w=(m==null?void 0:m.id)||0,ze=["myItems","openItems","closedItems"][T],{data:d=[],isFetching:Q}=gs({associationId:w,filterMode:ze}),{data:S,isFetching:U}=js({associationId:w}),{mutateAsync:Ne,isPending:ie}=Is();r.useEffect(()=>{$.current=!1;const s=xe(j);me(s>=0?s:0)},[w]),r.useEffect(()=>{if(!($.current||Q||U)){if(xe(j)>=0){$.current=!0;return}(!(S!=null&&S.defaultToMyItems)||!d.length)&&me(1),$.current=!0}},[Q,d.length,U,S==null?void 0:S.defaultToMyItems,T,j]),r.useEffect(()=>{var t;const s=de.current??c;de.current=null,s&&((t=o.current)==null||t.applyColumnState({state:s,applyOrder:!0}))},[c,T]);const te=r.useCallback(async(s,t)=>{try{const[n]=await Pe([s]);if(n&&n.detailCount>0&&!n.isValid){fe({message:i("board.invoices.voting.glTotalMismatch"),type:"error",duration:5e3});return}}catch{}Ie(s),t==="approve"?Z():ee()},[Z,ee,i]),Me=r.useCallback(s=>{Ie(void 0),s==="approve"?J():se()},[J,se]),{mutate:Se}=Bs(),ye=r.useCallback((s,t)=>{const n=t??ks(o.current,d,({invoiceId:l})=>l);s.youUnReadCount>0&&s.actionItemId>0&&Se({actionItemId:s.actionItemId,actionItemNoteId:null}),h(`/board/invoices/${s.invoiceId}`,{state:{itemIds:n}})},[d,Se,h]),pe=s=>{Ce({open:!0,actionItemId:s})},Fe=()=>{Ce({open:!1,actionItemId:0})},we=()=>{f.invalidateQueries({queryKey:ys.boardMessages({actionItemId:ue.actionItemId,associationId:w})}),Ss(f)},Ge=T===0,Le=!!(S!=null&&S.canEdit),k=Ge&&Le,ne=qe(),D=k,Qe=r.useMemo(()=>[{field:"invoiceId",headerName:i("board.invoices.columns.xn"),minWidth:100,filter:"agNumberColumnFilter",floatingFilter:!0,hide:!0},{field:"subject",headerName:i("board.invoices.columns.subject"),minWidth:175,filter:"agTextColumnFilter",floatingFilter:!0,hide:!0},{field:"stepDescr",headerName:i("board.invoices.columns.step"),minWidth:140,filter:"agTextColumnFilter",floatingFilter:!0},{field:"providerName",headerName:i("board.invoices.columns.serviceProvider"),minWidth:175,filter:"agTextColumnFilter",floatingFilter:!0},{field:"invoiceNo",headerName:i("board.invoices.columns.invoiceNumber"),minWidth:140,valueFormatter:({value:s})=>s==null?"":String(s),filter:"agTextColumnFilter",floatingFilter:!0},{field:"invoiceDate",headerName:i("board.invoices.columns.invoiceDate"),minWidth:140,valueFormatter:({value:s})=>R(s,{format:"numeric",naive:!0}),filter:"agDateColumnFilter",filterValueGetter:({data:s})=>s!=null&&s.invoiceDate?new Date(s==null?void 0:s.invoiceDate):null,floatingFilter:!0,filterParams:{filterOptions:["greaterThan","lessThan","inRange"],maxNumConditions:1}},{field:"dueDate",headerName:i("board.invoices.columns.dueDate"),minWidth:140,valueFormatter:({value:s})=>R(s,{format:"numeric",naive:!0}),filter:"agDateColumnFilter",filterValueGetter:({data:s})=>s!=null&&s.dueDate?new Date(s==null?void 0:s.dueDate):null,floatingFilter:!0,filterParams:{filterOptions:["greaterThan","lessThan","inRange"],maxNumConditions:1},hide:!0},{field:"invoiceTotal",headerName:i("board.invoices.columns.total"),minWidth:140,valueFormatter:({value:s})=>y(s),filter:"agNumberColumnFilter",floatingFilter:!0,type:"numericColumn"},{field:"balance",headerName:i("board.invoices.columns.balance"),minWidth:140,valueGetter:({data:s})=>(s==null?void 0:s.balance)??(s==null?void 0:s.invoiceTotal),valueFormatter:({value:s})=>s!=null?y(s):"",filter:"agNumberColumnFilter",floatingFilter:!0,type:"numericColumn"},{field:"invDetailDescrs",headerName:i("board.invoices.columns.description"),minWidth:175,filter:"agTextColumnFilter",floatingFilter:!0},{field:"accountNo",headerName:i("board.invoices.columns.accountNumber"),minWidth:140,filter:"agTextColumnFilter",floatingFilter:!0,hide:!0},{field:"accountDescrs",headerName:i("board.invoices.columns.bankAccount"),minWidth:175,filter:"agTextColumnFilter",floatingFilter:!0,hide:!0},{field:"glDescrs",headerName:i("board.invoices.columns.glAccount"),minWidth:175,filter:"agTextColumnFilter",floatingFilter:!0,hide:!0},{field:"fundDescrs",headerName:i("board.invoices.columns.fund"),minWidth:140,filter:"agTextColumnFilter",floatingFilter:!0,hide:!0},{field:"accountBalances",headerName:i("board.invoices.columns.bankBalance"),minWidth:175,filter:"agTextColumnFilter",floatingFilter:!0,type:"numericColumn",hide:!0,comparator:(s,t)=>((s==null?void 0:s[0])??0)-((t==null?void 0:t[0])??0),valueFormatter:({value:s})=>

1s!=null&&s.length?s.map(y).join(", "):"",filterValueGetter:({data:s})=>{var t;return(t=s==null?void 0:s.accountBalances)!=null&&t.length?s.accountBalances.join(", "):""}},{field:"hasAttachments",headerName:i("board.invoices.columns.attachment"),minWidth:100,sortable:!1,cellRenderer:({value:s,data:t})=>s&&t?e.jsx($e,{actionItemId:t.actionItemId}):null},{colId:"actions",field:"invoiceId",headerName:i("board.invoices.columns.actions"),sortable:!1,filter:!1,resizable:!1,suppressSizeToFit:!0,suppressHeaderMenuButton:!0,...(()=>{const s=ne?k?350:140:k?200:140;return{width:s,minWidth:s,maxWidth:s}})(),cellRenderer:({value:s,data:t})=>s&&t?e.jsx(_e,{invoiceId:s,allowActions:k,allowVoting:D&&t.showApproveDecline,onOpenVotingModal:te,onOpenSendMessageModal:()=>pe(t.actionItemId)}):null}].filter(s=>s.colId!=="actions"||k||!ne),[k,D,ne,te,i]),De=s=>{var t;de.current=((t=o.current)==null?void 0:t.getColumnState())??null,me(s),W([]),I(n=>{const l=new URLSearchParams(n);return l.set(We,le[s]),l},{replace:!0})},Ue=s=>{W(s.map(({invoiceId:t})=>t))},Ae=async()=>{try{const t=(await Pe(F)).filter(n=>n.detailCount>0&&!n.isValid);if(t.length>0){const n=new Set(t.map(C=>C.invoiceId)),l=t.map(C=>`#${C.invoiceId}`).join(", "),b=F.filter(C=>!n.has(C));if(fe({message:i("board.invoices.voting.glValidationError",{invoices:l}),type:"error",duration:6e3}),b.length===0)return;await Ne({associationId:w,invoiceIds:b})}else await Ne({associationId:w,invoiceIds:F});W([]),fe({message:i("board.invoices.voting.bulkApproveSuccess"),type:"success",duration:3e3})}catch(s){Cs({error:s,fallbackSummary:i("board.invoices.voting.bulkApproveError"),t:i})}},Ve=r.useCallback(()=>{if(!o.current)return;const s=o.current.getColumnState().map(({colId:t})=>t).filter(t=>t!=="actions"&&!t.startsWith("ag-"));o.current.exportExcel({fileName:i("board.invoices.exportFileName"),exportedRows:"filteredAndSorted",exportAsExcelTable:{showFilterButton:!0,showRowStripes:!1},columnKeys:s,processCellCallback:({column:t,value:n})=>t.getColId()==="hasAttachments"?n?"true":"false":Array.isArray(n)?n.length?n.map(l=>typeof l=="number"?y(l):l).join(", "):"":n instanceof Date?R(n,{format:"numeric",naive:!0}):n??""})},[i]),Te=(s,t)=>{W(n=>t?[...n,s]:n.filter(l=>l!==s))},ve=d.length>0&&F.length===d.length,oe=F.length>0&&!ve,ke=s=>{W(s||oe?d.map(t=>t.invoiceId):[])},V=r.useMemo(()=>{if(!v)return d;const s=g.trim().toLowerCase();return[...s?d.filter(n=>[n.stepDescr,n.providerName,n.invoiceNo,n.invDetailDescrs,n.invoiceDate?R(n.invoiceDate,{format:"numeric",naive:!0}):null,n.invoiceTotal!=null?y(n.invoiceTotal):null].some(b=>b&&b.toLowerCase().includes(s))):d].sort((n,l)=>{const b=n.invoiceDate?n.invoiceDate.getTime():0,C=l.invoiceDate?l.invoiceDate.getTime():0;return x==="newest"?C-b:b-C})},[v,d,g,x]),He=Math.ceil(V.length/he),Ke=r.useMemo(()=>V.slice(M*he,(M+1)*he),[V,M]);return r.useEffect(()=>{q(0)},[g,x,T]),v?e.jsxs(e.Fragment,{children:[e.jsx(Ws,{selectedTab:T,mobileSearch:g,mobileSortDirection:x,mobileSortDrawerOpen:G,mobileCurrentPage:M,mobileTotalPages:He,allowVoting:D,filteredMobileInvoices:V,paginatedMobileInvoices:Ke,areInvoicesFetching:Q,isSecurityFetching:U,selectedInvoiceIds:F,allMobileSelected:ve,someMobileSelected:oe,bulkApproveInProgress:ie,onTabChange:De,onSearchChange:A,onSortDrawerOpen:()=>O(!0),onSortDrawerClose:()=>O(!1),onSortDirectionChange:ce,onPageChange:q,onSelectAll:ke,onApproveSelected:Ae,onSelectInvoice:Te,onInvoiceClick:s=>ye(s,V.map(({invoiceId:t})=>t)),onOpenVotingModal:te,onOpenSendMessageModal:pe}),e.jsx(Be,{votingInvoiceId:je,associationId:w,approveModalOpen:X,declineModalOpen:L,sendMessageModal:ue,onCloseVotingModal:Me,onCloseSendMessageModal:Fe,onMessageSendSuccess:we})]}):e.jsxs(e.Fragment,{children:[e.jsxs("div",{className:"w-full px-6 py-4 bg-base-fill rounded-xl",children:[e.jsx("div",{className:"mb-8",children:e.jsx(bs,{options:le,selectedIndex:T,onChange:De,getLabel:s=>i(`board.invoices.tabs.${s}`),"data-qa":"invoices-tabs"})}),e.jsxs("div",{className:"w-full h-full",children:[e.jsxs("div",{className:Ze("mb-6 mobile:mx-2 flex items-center gap-4",D?"justify-between":"justify-end"),children:[D&&e.jsx(K,{variant:"additiveOutline",endIcon:ie?void 0:e.jsx(B,{icon:Ee}

1),onClick:Ae,disabled:F.length===0||ie,"data-qa":"invoices-bulk-approve-btn",children:ie?e.jsx(H,{color:"primary",className:"h-6"}):i(u?"board.invoices.actions.approve":"board.invoices.approveSelectedInvoices")}),e.jsxs("div",{className:"flex gap-4 items-center",children:[e.jsx(K,{size:"sm",variant:"passive","data-qa":"invoices-export",onClick:Ve,endIcon:e.jsx(B,{icon:Xe}),className:"ml-auto",children:i("board.invoices.export")}),e.jsx("div",{className:"max-mobile:hidden",children:e.jsx(Ts,{gridId:ae,gridRef:o.current})})]})]}),e.jsx("div",{className:"max-mobile:hidden min-h-[400px]","data-qa":"invoices-grid-container",children:U?e.jsx("div",{className:"flex justify-center items-center h-[400px]",children:e.jsx(H,{})}):e.jsx(Je,{"data-qa":"invoices-grid",gridId:ae,ref:o,rowData:d,columnDefs:Qe,enableClipboard:!0,pageSizeFromParent:z,rowSelection:D?{mode:"multiRow",enableClickSelection:!1}:void 0,onRowSelected:Ue,onRowClicked:ne?({data:s})=>{s&&ye(s)}:void 0,loading:Q,onFirstDataRendered:()=>{o.current&&c&&o.current.applyColumnState({state:c,applyOrder:!0})}})}),e.jsx("div",{className:"mobile:hidden",children:Q||U?e.jsx("div",{className:"flex justify-center items-center h-full",children:e.jsx(H,{})}):e.jsxs(e.Fragment,{children:[D&&d.length>0&&e.jsx("div",{className:"mb-3 flex justify-end",children:e.jsx(re,{id:"select-all-invoices",label:i("board.invoices.actions.selectAll"),value:ve||oe,iconType:oe?"minus":"check",onChange:ke})}),e.jsx(As,{items:d,renderItem:s=>e.jsx($s,{invoice:s,allowActions:k,allowVoting:D,isSelected:F.includes(s.invoiceId),onSelect:Te,onOpenVotingModal:te,onOpenSendMessageModal:pe}),getSearchableFields:({stepDescr:s,providerName:t,invoiceNo:n,invoiceDate:l,invoiceTotal:b,invDetailDescrs:C})=>[s,t,n,l?R(l,{format:"numeric",naive:!0}):void 0,b==null?void 0:b.toString(),C],sortFn:(s,t)=>{const n=s.invoiceDate?s.invoiceDate.getTime():0,l=t.invoiceDate?t.invoiceDate.getTime():0;return n-l}})]})})]})]}),e.jsx(Be,{votingInvoiceId:je,associationId:w,approveModalOpen:X,declineModalOpen:L,sendMessageModal:ue,onCloseVotingModal:Me,onCloseSendMessageModal:Fe,onMessageSendSuccess:we})]})},Be=({votingInvoiceId:i,associationId:f,approveModalOpen:m,declineModalOpen:u,sendMessageModal:p,onCloseVotingModal:v,onCloseSendMessageModal:h,onMessageSendSuccess:N})=>e.jsxs(e.Fragment,{children:[i&&e.jsxs(e.Fragment,{children:[e.jsx(Ns,{invoiceId:i,associationId:f,isOpen:m,onCloseModal:()=>v("approve")}),e.jsx(Ms,{invoiceId:i,associationId:f,isOpen:u,onCloseModal:()=>v("decline")})]}),e.jsx(Fs,{open:p.open,onClose:h,actionItemId:p.actionItemId,onSuccess:N})]}),$s=({invoice:i,allowActions:f,allowVoting:m,isSelected:u,onSelect:p,onOpenVotingModal:v,onOpenSendMessageModal:h})=>{const{actionItemId:N,invoiceId:c,showApproveDecline:z,stepDescr:j,providerName:I,invoiceNo:g,invoiceDate:A,invoiceTotal:x,balance:E,invDetailDescrs:G,hasAttachments:O}=i,M=q=>{p==null||p(c,q)};return e.jsxs("div",{className:"p-3 w-full rounded-md border border-base-border flex flex-col gap-2 text-sm",children:[m&&e.jsx(re,{id:`checkbox-${c}`,label:a("board.invoices.actions.selectForBulkApproval"),value:u,onChange:M}),e.jsx(P,{field:a("board.invoices.columns.step"),value:j}),e.jsx(P,{field:a("board.invoices.columns.serviceProvider"),value:

1I}),e.jsx(P,{field:a("board.invoices.columns.invoiceNumber"),value:g}),A&&e.jsx(P,{field:a("board.invoices.columns.invoiceDate"),value:R(A,{format:"numeric",naive:!0})}),x!=null&&e.jsx(P,{field:a("board.invoices.columns.total"),value:y(x)}),(E??x)!=null&&e.jsx(P,{field:a("board.invoices.columns.balance"),value:y(E??x)}),e.jsx(P,{field:a("board.invoices.columns.description"),value:G}),O?e.jsx($e,{actionItemId:N}):null,e.jsx(_e,{invoiceId:c,allowActions:f,allowVoting:z&&m,onOpenVotingModal:v,onOpenSendMessageModal:()=>h(N)})]})},_e=({invoiceId:i,allowActions:f,allowVoting:m,onOpenVotingModal:u,onOpenSendMessageModal:p,expand:v="left"})=>{const h=Oe();return qe()?e.jsx("div",{className:"flex gap-2 items-center","data-qa":`invoices-row-actions-${i}`,children:f&&e.jsxs(e.Fragment,{children:[m&&e.jsxs(e.Fragment,{children:[e.jsx(_,{action:"approve","data-qa":`invoices-row-approve-${i}`,onClick:c=>{c.stopPropagation(),u(i,"approve")},children:a("board.invoices.actions.approve")}),e.jsx(_,{action:"decline","data-qa":`invoices-row-decline-${i}`,onClick:c=>{c.stopPropagation(),u(i,"decline")},children:a("board.invoices.actions.decline")})]}),e.jsx(_,{action:"message","aria-label":a("board.invoices.actions.sendMessage"),"data-qa":`invoices-row-send-message-${i}`,onClick:c=>{c.stopPropagation(),p()},children:a("board.invoices.actions.message")})]})}):e.jsxs("div",{className:"flex flex-wrap gap-2 items-center","data-qa":`invoices-row-actions-${i}`,children:[e.jsx(K,{size:"xs",variant:"passiveOutline","data-qa":`invoices-row-view-${i}`,onClick:()=>h(`/board/invoices/${i}`),children:a("board.invoices.actions.view")}),f&&e.jsx(es,{text:e.jsx(B,{icon:ts}),variant:"passiveOutline",size:"xs",expand:v,"data-qa":`invoices-actions-menu-${i}`,items:[...m?[e.jsxs("button",{"data-qa":"invoices-menu-approve",className:"px-3 py-2 text-sm flex flex-row items-center gap-2 w-full",onClick:()=>u(i,"approve"),children:[e.jsx(B,{className:"text-success",icon:Ee}),e.jsx("span",{children:a("board.invoices.actions.approve")})]},"approve-button"),e.jsxs("button",{"data-qa":"invoices-menu-decline",className:"px-3 py-2 text-sm flex flex-row items-center gap-2 w-full",onClick:()=>u(i,"decline"),children:[e.jsx(B,{className:"text-error",icon:ss}),e.jsx("span",{children:a("board.invoices.actions.decline")})]},"decline-button")]:[],e.jsxs("button",{"data-qa":"invoices-menu-send-message",className:"px-3 py-2 text-sm flex flex-row items-center gap-2 w-full",onClick:p,children:[e.jsx(B,{className:"text-base-icon",icon:is}),e.jsx("span",{children:a("board.invoices.actions.sendMessage")})]},"send-message-button")]})]})},Ws=({selectedTab:i,mobileSearch:f,mobileSortDirection:m,mobileSortDrawerOpen:u,mobileCurrentPage:p,mobileTotalPages:v,allowVoting:h,filteredMobileInvoices:N,paginatedMobileInvoices:c,areInvoicesFetching:z,isSecurityFetching:j,selectedInvoiceIds:I,allMobileSelected:g,someMobileSelected:A,bulkApproveInProgress:x,onTabChange:E,onSearchChange:G,onSortDrawerOpen:O,onSortDrawerClose:M,onSortDirectionChange:q,onPageChange:Y,onSelectAll:ce,onApproveSelected:X,onSelectInvoice:Z,onInvoiceClick:J,onOpenVotingModal:L,onOpenSendMessageModal:ee})=>{const se=()=>z||j?e.jsx("div",{className:"flex items-center justify-center py-12",children:e.jsx(H,{})}):N.length===0?e.jsx("div",{className:"flex items-center justify-center py-12",children:e.jsx("p",{className:"text-base-body",children:a("board.invoices.noInvoices")})}):e.jsx("div",{className:"flex flex-col gap-3",children:c.map(o=>e.jsxs("div",{className:"flex flex-col gap-3 bg-white shadow rounded-lg px-4 py-3",children:[e.jsxs("div",{className:"flex items-center gap-3",children:[h&&e.jsx(re,{id:`checkbox-mobile-${o.invoiceId}`,"aria-label":a("board.invoices.actions.selectForBulkApproval"),value:I.includes(o.invoiceId),onChange:$=>Z(o.invoiceId,$),className:"shrink-0 [&_button:focus:not(:focus-visible)]:ring-0 [&_button:focus:not(:focus-visible)]:outline-none"}),e.jsx(ws,{onClick:()=>J(o),"aria-label":`${a("board.invoices.columns.invoiceNumber")} ${o.invoiceNo||o.invoiceId}`,className:"flex-1 hover:opacity-80 transition-opacity",children:e.jsxs("div",{className:"flex-1 flex flex-col gap-1 min-w-0",children:[o.invoiceDate&&e.jsx("p",{className:"text-xs text-base-header opacity-60",children:R(o.invoiceDate,{format:"numeric",naive:!0})}),e.jsxs("div",{className:"flex items-center gap-1.5",children:[o.youUnReadCount>0&&e.jsx("div",{className:"w-2 h-2 rounded-full bg-primary shrink-0","aria-hidden":!0}),e.jsxs("p",{className:"text-sm font-semibold text-base-header",children:[a("board.invoices.columns.step"),": ",o.stepDescr]})]}),o.providerName&&e.jsxs("p",{className:"text-sm text-base-header",children:[e.jsxs("span",{className:"opacity-60",children:[a("board.invoices.columns.serviceProvider"),":"]})," ",e.jsx("span",{children:o.providerName})]}),o.invoiceTotal!=null&&e.jsxs("p",{className:"text-sm font-semibold text-base-header",children:[e.jsx("span",{className:"font-semibold",children:a("board.invoices.columns.total")})," ",e.jsx("span",{children:y(o.invoiceTotal)})]}),(o.balance??o.invoiceTotal)!=null&&e.jsxs("p",{className:"text-sm font-semibold text-base-header",children:[e.jsx("span",{className:"font-semibold",children:a("board.invoices.columns.balance")})," ",e.jsx("span",{children:y(o.balance??o.invoiceTotal)})]})]})})]}),h&&e.jsxs("div",{className:"flex flex-wrap items-center gap-2 border-t border-base-border/60 pt-3",children:[o.showApproveDecline&&e.jsxs(e.Fragment,{children:[e.jsx(_,{action:"approve",size:"sm","data-qa":`invoices-mobile-approve-${o.invoiceId}`,onClick:()=>L(o.invoiceId,"approve"),children:a("board.invoices.actions.approve")}),e.jsx(_,{action:"decline",size:"sm","data-qa":`invoices-mobile-decline-${o.invoiceId}`,onClick:()=>L(o.invoiceId,"decline"),children:a("board.invoices.actions.decline")})]}),e.jsx(_,{action:"message",size:"sm","aria-label":a("board.invoices.actions.sendMessage"),"data-qa":`invoices-mobile-send-message-${o.invoiceId}`,onClick:()=>ee(o.actionItemId),children:a("board.invoices.actions.message")})]})]},o.invoiceId))});return e.jsxs(e.Fragment,{children:[e.jsxs("div",{className:"space-y-4 min-h-full -mx-4 -my-4 px-4 py-4",style:{background:"var(--bg-gradient-base, linear-gradient(180deg, #F6FFFA 0%, #DDF2FF 100%))"},children:[e.jsx(Ds,{options:le,selectedIndex:i,onChange:E,getLabel:o=>a(`board.invoices.tabs.${o}`),"data-qa":"invoices-mobile-tabs"}),e.jsxs("div",{className:"flex gap-3 items-stretch",children:[e.jsx(ns,{qaAttribute:"invoices-mobile-search",type:"text",placeholder:a("main.common.search"),value:f,onChange:o=>G(o.target.value),className:"flex-1",errorSpacing:!1}),e.jsx(K,{variant:"primaryOutline","data-qa":"invoices-mobile-sort-trigger",onClick:O,endIcon:e.jsx(B,{icon:os}),"aria-label":a("main.pagination.sort"),children:a("main.pagination.sort")})]}),h&&N.length>0&&e.jsxs("div",{className:"flex items-center justify-between bg-white rounded-lg shadow px-4 py-3",children:[e.jsx(re,{id:"select-all-invoices-mobile","data-qa":"invoices-mobile-select-all",label:a("board.invoices.actions.selectAll"),value:g||A,iconType:A?"minus":"check",onChange:ce,className:"gap-2"}),e.jsx(K,{variant:"additive","data-qa":"invoices-mobile-bulk-approve",onClick:X,disabled:I.length===0||x,children:x?e.jsx(H,{color:"white",className:"h-6"}):a("board.invoices.actions.approveSelected")})]}),se(),v>1&&e.jsx("div",{className:"flex justify-center bg-widget-bg rounded-xl border border-[#D9E7F0] px-4 py-3",children:e.jsx(as,{numberOfPages:v,currentPage:p,onChangePage:Y,isMobile:!0})})]}),e.jsx(rs,{open:u,onClose:M,isDrawerActive:!0,padded:!1,dataQa:"invoices-mobile-sort-drawer",children:e.jsxs("div",{className:"px-6 pt-6 pb-4 text-left",children:[e.jsx("h3",{className:"text-base font-semibold text-base-header mb-3",children:a("board.invoices.sortBy")}),e.jsx(ls,{qaAttribute:"invoices-mobile-sort-direction",label:a("board.invoices.sortBy"),value:m,options:["newest","oldest"],onChange:o=>{q(o),M()},deriveId:o=>o,deriveLabel:o=>a(`board.invoices.${o}`)})]})})]})},Ni={title:"Invoices",showPropertySelector:!0,showAi:!0,redesignPage:"invoicesPage",redesignHandle:{customContentId:["ActionItems_Invoices","Board_v2"]}};function Mi(){const i=hs("invoicesPage");return e.jsx(ms,{controller:"Board_v2",action:"ActionItems_Invoices",children:i?e.jsx(ds,{children:e.jsx(qs,{})}):e.jsx(cs,{action:"ActionItems_Invoices",controller:"Board_v2"})})}export{Mi as Component,Ni as handle};