@zeniai/web-components 4.1.47 → 4.1.48

package/dist/appLocale.d.ts

@@ -87,10 +87,13 @@ declare class AppLocale {
                 unreview: string;
                 download: string;
                 search: string;
+                searchShortcutCmd: string;
+                searchShortcutCtrl: string;
                 delete: string;
                 reload: string;
                 goHome: string;
                 refresh: string;
+                filter: string;
                 name: string;
                 select: string;
                 goBack: string;
@@ -8499,6 +8502,11 @@ declare class AppLocale {
                     completed: string;
                     autoCategorized: string;
                 };
+                completedSubTabs: {
+                    all: string;
+                    aiAccountant: string;
+                    manual: string;
+                };
                 subTitles: {
                     review: {
                         item1: {
@@ -8533,6 +8541,46 @@ declare class AppLocale {
                     title: string;
                     subTitle: string;
                 };
+                emptyStates: {
+                    noSearchResults: {
+                        title: string;
+                        subTitle: string;
+                    };
+                };
+                filters: {
+                    categoryLabels: {
+                        paymentAccountName: string;
+                        paymentAccountType: string;
+                        payee: string;
+                        category: string;
+                        class: string;
+                        amount: string;
+                    };
+                    amountOperators: {
+                        lessThan: string;
+                        greaterThan: string;
+                        isEqual: string;
+                        inBetween: string;
+                        placeholder: string;
+                    };
+                    amountInputPlaceholders: {
+                        enterAmount: string;
+                        from: string;
+                        to: string;
+                    };
+                    filterOptions: {
+                        transactionAmountOptions: {
+                            label: string;
+                            value: string;
+                        }[];
+                        transactionTypeOptions: {
+                            label: string;
+                            value: string;
+                        }[];
+                    };
+                    selectPaymentAccountNamePlaceholder: string;
+                    searchForPayeePlaceholder: string;
+                };
                 addCategory: string;
                 addClass: string;
                 addProject: string;

package/dist/assets/illustrative/no-search-result.svg

@@ -0,0 +1,24 @@
+<svg width="87" height="69" viewBox="0 0 87 69" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g opacity="0.2">
+<rect x="5.07362" y="5.97328" width="71.6165" height="16.0084" rx="0.421274" fill="#97C3B9"/>
+<rect x="5.07362" y="5.97328" width="71.6165" height="16.0084" rx="0.421274" stroke="#97C3B9" stroke-width="0.842547"/>
+<rect x="5.07411" y="48.5582" width="71.6165" height="16.0084" rx="0.421274" fill="#97C3B9"/>
+<rect x="5.07411" y="48.5582" width="71.6165" height="16.0084" rx="0.421274" stroke="#97C3B9" stroke-width="0.842547"/>
+<rect x="5.07411" y="27.2658" width="71.6165" height="16.0084" rx="0.421274" fill="#97C3B9"/>
+<rect x="5.07411" y="27.2658" width="71.6165" height="16.0084" rx="0.421274" stroke="#97C3B9" stroke-width="0.842547"/>
+<path d="M32.1074 33.6116C32.1074 38.8302 34.1805 43.835 37.8706 47.5251C41.5607 51.2152 46.5656 53.2883 51.7842 53.2883C57.0028 53.2883 62.0076 51.2152 65.6978 47.5251C69.3879 43.835 71.4609 38.8302 71.4609 33.6116C71.4609 28.393 69.3879 23.3881 65.6978 19.698C62.0076 16.0079 57.0028 13.9348 51.7842 13.9348C46.5656 13.9348 41.5607 16.0079 37.8706 19.698C34.1805 23.3881 32.1074 28.393 32.1074 33.6116Z" fill="#97C3B9"/>
+</g>
+<rect x="8.69056" y="8.82703" width="56.8595" height="0.277597" rx="0.138799" stroke="#97C3B9" stroke-width="0.277597"/>
+<path d="M35.078 17.3912H1.60915C1.14382 17.3912 0.766602 17.014 0.766602 16.5487V1.38283C0.766602 0.917506 1.14382 0.540283 1.60915 0.540283H72.4708C72.9374 0.540283 73.3152 0.919552 73.3133 1.38619L73.2532 16.4851C73.2513 16.9491 72.8747 17.3243 72.4106 17.3243H67.0575" stroke="#97C3B9" stroke-width="0.666234" stroke-linecap="round"/>
+<path d="M70.126 22.3201H72.471C72.9376 22.3201 73.3154 22.6993 73.3135 23.166L73.253 38.3766C73.2514 38.7789 72.9248 39.1041 72.5226 39.1041" stroke="#97C3B9" stroke-width="0.666234" stroke-linecap="round"/>
+<rect x="8.69056" y="30.6068" width="19.2475" height="0.277597" rx="0.138799" stroke="#97C3B9" stroke-width="0.277597"/>
+<path d="M30.8562 22.3201H1.17556C0.710229 22.3201 0.333008 22.6973 0.333008 23.1626V38.3285C0.333008 38.7938 0.710229 39.171 1.17556 39.171H29.7519" stroke="#97C3B9" stroke-width="0.666234" stroke-linecap="round"/>
+<rect x="8.69056" y="52.6395" width="26.7253" height="0.277597" rx="0.138799" fill="#97C3B9" stroke="#97C3B9" stroke-width="0.277597"/>
+<path d="M73.2257 58.1678V60.3613C73.2257 60.8266 72.8485 61.2039 72.3831 61.2039H1.60915C1.14382 61.2039 0.766602 60.8266 0.766602 60.3613V45.1955C0.766602 44.7301 1.14382 44.3529 1.60915 44.3529H30.6776" stroke="#97C3B9" stroke-width="0.666234" stroke-linecap="round"/>
+<path d="M70.126 43.9727H72.4743C72.9397 43.9727 73.3169 44.3499 73.3169 44.8152V53.3979" stroke="#97C3B9" stroke-width="0.842547" stroke-linecap="round"/>
+<path d="M31.7017 33.9263C31.7017 39.1449 33.7747 44.1497 37.4648 47.8398C41.155 51.5299 46.1598 53.603 51.3784 53.603C56.597 53.603 61.6019 51.5299 65.292 47.8398C68.9821 44.1497 71.0552 39.1449 71.0552 33.9263C71.0552 28.7077 68.9821 23.7028 65.292 20.0127C61.6019 16.3226 56.597 14.2495 51.3784 14.2495C46.1598 14.2495 41.155 16.3226 37.4648 20.0127C33.7747 23.7028 31.7017 28.7077 31.7017 33.9263Z" stroke="#EEBA7D" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M84.3854 67.1342L65.6099 48.3586" stroke="#EEBA7D" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M58.0977 26.9509L45.0031 40.0455" stroke="#EEBA7D" stroke-linecap="round"/>
+<path d="M58.0977 40.0457L45.0031 26.9511" stroke="#EEBA7D" stroke-linecap="round"/>
+<path opacity="0.2" d="M84.4455 68.4403L65.6699 49.6648" stroke="#97C3B9" stroke-width="1.11039" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>

package/dist/cockpit.cjs.js

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./SessionTimeoutPopup-LPfBi-Mc.cjs"),o=require("./vendor-.pnpm-Dd2Fl0gB.cjs"),u=require("react"),s=require("@emotion/styled"),Xe=require("@liveblocks/react"),J=require("@zeniai/client-epic-state"),Es=require("@liveblocks/react-ui"),we=require("@emotion/react"),Lo=require("react-dom"),St=require("@liveblocks/react-ui/primitives"),xi=require("@liveblocks/react/suspense");function Ea(e){const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const r in e)if(r!=="default"){const i=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(n,r,i.get?i:{enumerable:!0,get:()=>e[r]})}}return n.default=e,Object.freeze(n)}const le=Ea(u),wa=({inboxNotification:e,onNotificationClick:n})=>{const r=Xe.useInboxNotificationThread(e.id),i=r.metadata.entityType.split("."),a=r.metadata.isGlobalComment&&i.length===2;return o.jsxRuntimeExports.jsx(va,{isClickable:a,isUnRead:e.readAt==null,onClick:()=>{n(r.metadata,r.id)},children:o.jsxRuntimeExports.jsx(Es.InboxNotification,{inboxNotification:e,kinds:{thread:d=>o.jsxRuntimeExports.jsx(Es.InboxNotification.Thread,{...d,showRoomName:!0})}})})},va=s.div`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./SessionTimeoutPopup-Bkz3D6I3.cjs"),o=require("./vendor-.pnpm-BAo5Ni_N.cjs"),u=require("react"),s=require("@emotion/styled"),Xe=require("@liveblocks/react"),J=require("@zeniai/client-epic-state"),Es=require("@liveblocks/react-ui"),we=require("@emotion/react"),Lo=require("react-dom"),St=require("@liveblocks/react-ui/primitives"),xi=require("@liveblocks/react/suspense");function Ea(e){const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const r in e)if(r!=="default"){const i=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(n,r,i.get?i:{enumerable:!0,get:()=>e[r]})}}return n.default=e,Object.freeze(n)}const le=Ea(u),wa=({inboxNotification:e,onNotificationClick:n})=>{const r=Xe.useInboxNotificationThread(e.id),i=r.metadata.entityType.split("."),a=r.metadata.isGlobalComment&&i.length===2;return o.jsxRuntimeExports.jsx(va,{isClickable:a,isUnRead:e.readAt==null,onClick:()=>{n(r.metadata,r.id)},children:o.jsxRuntimeExports.jsx(Es.InboxNotification,{inboxNotification:e,kinds:{thread:d=>o.jsxRuntimeExports.jsx(Es.InboxNotification.Thread,{...d,showRoomName:!0})}})})},va=s.div`
   display: flex;
   width: 100%;
   cursor: ${e=>e.isClickable?"pointer":"initial"};
@@ -190,7 +190,7 @@
   height: ${t.Space.sp3};
   align-items: center;
   justify-content: center;
-`,$l=s.div``,{cockpit:yn,common:Rl}=t.appLocale.getLocalizedStrings();function El({defaultOptions:e,downloadState:n,downloadParams:r,signedInUser:i,cockpitHeader:a,analytics:d,currentTab:l,updateDownloadStateHandler:c,onZeniLogoClick:p,onLogOutClick:m,onThreadClick:x,onNotificationClick:S,onNewCustomerClick:h}){const C=t.useWindowSizeContext(),[b,f]=u.useState(!1),[g,j]=u.useState(!1),{inboxNotifications:y,isLoading:E,isFetchingMore:R,hasFetchedAll:A,fetchMore:I}=Xe.useInboxNotifications(),{threads:v,isLoading:T}=t.useFilteredThreads({application:"cockpit",isGlobalComment:!0},"both",!0),D=u.useMemo(()=>v.filter(O=>O.resolved===!1),[v]).length,{setOpenThread:K,setRequestToOpenThread:M,openThread:Y}=u.useContext(t.ThreadsContext);u.useEffect(()=>{const O=setTimeout(()=>I?.(),0);return()=>clearTimeout(O)});const G=E||R===!0||A!==!0,w=y?.filter(O=>O.readAt==null&&O.roomId?.includes("cockpit")===!0).length,P=dl(l),B=u.useCallback((O,z)=>{const{companyId:Z,entityType:ie}=O;Y===z?K(null):(f(!1),M({threadId:z,companyId:Z,entityType:ie}))},[Y,K,M]),k=u.useCallback((O,z)=>{const{companyId:Z,entityType:ie}=O;Y===z?K(null):(j(!1),M({threadId:z,companyId:Z,entityType:ie}))},[Y,K,M]);return C!=="small"?o.jsxRuntimeExports.jsxs(vs,{children:[o.jsxRuntimeExports.jsxs(ks,{children:[o.jsxRuntimeExports.jsx(fl,{children:o.jsxRuntimeExports.jsx(yl,{"data-testid":t.generateDataTestId("zeni-logo-cockpit-nav-bar"),onClick:p})}),o.jsxRuntimeExports.jsx(gl,{children:a??yn.cockpitHeader}),o.jsxRuntimeExports.jsxs(Cl,{children:[b?null:o.jsxRuntimeExports.jsxs(Ts,{isDisabled:T,onClick:T?()=>null:()=>f(!0),children:[o.jsxRuntimeExports.jsx(t.CommentsAndNotesCount,{count:T?void 0:D,isLoading:T,style:{left:"12px"}}),o.jsxRuntimeExports.jsx(jl,{})]}),o.jsxRuntimeExports.jsxs(Ts,{isDisabled:G,onClick:G?()=>null:()=>j(!0),children:[o.jsxRuntimeExports.jsx(t.CommentsAndNotesCount,{count:w,isLoading:G,style:{left:"12px"}}),o.jsxRuntimeExports.jsx(bl,{})]}),o.jsxRuntimeExports.jsx(xl,{defaultOptions:e,downloadParams:r,downloadState:n,analytics:d,currentCockpitTab:P,updateDownloadStateHandler:c}),o.jsxRuntimeExports.jsx(t.Button,{variant:"primary",size:"small",style:{whiteSpace:"nowrap"},label:yn.newCustomer,onClick:h}),o.jsxRuntimeExports.jsx(Sl,{children:o.jsxRuntimeExports.jsx(t.LogoutButton,{signedInUser:i,pageName:"Cockpit",onLogOutClick:m})})]})]}),o.jsxRuntimeExports.jsx(t.AllThreadsDrawer,{isDrawerOpen:b,filter:{application:"cockpit",isGlobalComment:!0},autoExpand:!0,autoFocus:!1,drawerTitle:Rl.headers.comments,onCloseAllThreadsDrawer:()=>f(!1),onThreadClick:(O,z)=>{x(O,z,B)},style:{cursor:"pointer"},showReactions:!0,showActions:!0,allowExpand:!0,threads:v,isLoading:T,allowComposer:!1,textOverrides:{},withRoomProvider:!0}),o.jsxRuntimeExports.jsx(La,{application:"cockpit",isDrawerOpen:g,onNotificationClick:(O,z)=>{S(O,z,k)},onCloseAllInboxNotificationsDrawer:()=>j(!1)})]}):o.jsxRuntimeExports.jsx(vs,{className:"mobileHeader",children:o.jsxRuntimeExports.jsxs(ks,{className:"mobileTitle",children:[o.jsxRuntimeExports.jsx(t.Button,{variant:"primary",size:"small",style:{whiteSpace:"nowrap"},label:yn.newCustomer,onClick:h}),o.jsxRuntimeExports.jsx($l,{children:o.jsxRuntimeExports.jsx(t.LogoutButton,{signedInUser:i,pageName:"Cockpit",onLogOutClick:m})})]})})}const gs=["management","subscription","portfolio","onboarding","audit","healthMonitor","taskManager","aiAccountant","creditAgent"],$t=e=>J.stringToUnion(e,gs),wl=e=>J.stringToUnionStrict(e,gs),vl=(e,n)=>e in n,ji=e=>{switch(e){case"management":return hi;case"subscription":return gi;case"portfolio":return Si;case"healthMonitor":return yi;case"aiAccountant":return ul;default:return[]}},rs=(e,n)=>{const{cockpit:{filters:{filterCategories:r}}}=t.appLocale.getLocalizedStrings();switch(e){case"management":return r.management[n];case"portfolio":return r.portfolio[n];case"subscription":return r.subscription[n];case"aiAccountant":return r.aiAccountant[n];case"healthMonitor":default:return r.healthMonitor[n]}},kl=s.div`
+`,$l=s.div``,{cockpit:yn,common:Rl}=t.appLocale.getLocalizedStrings();function El({defaultOptions:e,downloadState:n,downloadParams:r,signedInUser:i,cockpitHeader:a,analytics:d,currentTab:l,updateDownloadStateHandler:c,onZeniLogoClick:p,onLogOutClick:m,onThreadClick:x,onNotificationClick:S,onNewCustomerClick:h}){const C=t.useWindowSizeContext(),[b,f]=u.useState(!1),[g,j]=u.useState(!1),{inboxNotifications:y,isLoading:E,isFetchingMore:R,hasFetchedAll:A,fetchMore:I}=Xe.useInboxNotifications(),{threads:v,isLoading:T}=t.useFilteredThreads({application:"cockpit",isGlobalComment:!0},"both",!0),D=u.useMemo(()=>v.filter(O=>O.resolved===!1),[v]).length,{setOpenThread:K,setRequestToOpenThread:M,openThread:Y}=u.useContext(t.ThreadsContext);u.useEffect(()=>{const O=setTimeout(()=>I?.(),0);return()=>clearTimeout(O)});const G=E||R===!0||A!==!0,w=y?.filter(O=>O.readAt==null&&O.roomId?.includes("cockpit")===!0).length,P=dl(l),B=u.useCallback((O,z)=>{const{companyId:Z,entityType:ie}=O;Y===z?K(null):(f(!1),M({threadId:z,companyId:Z,entityType:ie}))},[Y,K,M]),k=u.useCallback((O,z)=>{const{companyId:Z,entityType:ie}=O;Y===z?K(null):(j(!1),M({threadId:z,companyId:Z,entityType:ie}))},[Y,K,M]);return C!=="small"?o.jsxRuntimeExports.jsxs(vs,{children:[o.jsxRuntimeExports.jsxs(ks,{children:[o.jsxRuntimeExports.jsx(fl,{children:o.jsxRuntimeExports.jsx(yl,{"data-testid":t.generateDataTestId("zeni-logo-cockpit-nav-bar"),onClick:p})}),o.jsxRuntimeExports.jsx(gl,{children:a??yn.cockpitHeader}),o.jsxRuntimeExports.jsxs(Cl,{children:[b?null:o.jsxRuntimeExports.jsxs(Ts,{isDisabled:T,onClick:T?()=>null:()=>f(!0),children:[o.jsxRuntimeExports.jsx(t.CommentsAndNotesCount,{count:T?void 0:D,isLoading:T,style:{left:"12px"}}),o.jsxRuntimeExports.jsx(jl,{})]}),o.jsxRuntimeExports.jsxs(Ts,{isDisabled:G,onClick:G?()=>null:()=>j(!0),children:[o.jsxRuntimeExports.jsx(t.CommentsAndNotesCount,{count:w,isLoading:G,style:{left:"12px"}}),o.jsxRuntimeExports.jsx(bl,{})]}),o.jsxRuntimeExports.jsx(xl,{defaultOptions:e,downloadParams:r,downloadState:n,analytics:d,currentCockpitTab:P,updateDownloadStateHandler:c}),o.jsxRuntimeExports.jsx(t.Button,{variant:"primary",size:"small",style:{whiteSpace:"nowrap"},label:yn.newCustomer,onClick:h}),o.jsxRuntimeExports.jsx(Sl,{children:o.jsxRuntimeExports.jsx(t.LogoutButton,{signedInUser:i,pageName:"Cockpit",onLogOutClick:m})})]})]}),o.jsxRuntimeExports.jsx(t.AllThreadsDrawer,{isDrawerOpen:b,filter:{application:"cockpit",isGlobalComment:!0},autoExpand:!0,autoFocus:!1,drawerTitle:Rl.headers.comments,onCloseAllThreadsDrawer:()=>f(!1),onThreadClick:(O,z)=>{x(O,z,B)},style:{cursor:"pointer"},showReactions:!0,showActions:!0,allowExpand:!0,threads:v,isLoading:T,allowComposer:!1,textOverrides:{},withRoomProvider:!0}),o.jsxRuntimeExports.jsx(La,{application:"cockpit",isDrawerOpen:g,onNotificationClick:(O,z)=>{S(O,z,k)},onCloseAllInboxNotificationsDrawer:()=>j(!1)})]}):o.jsxRuntimeExports.jsx(vs,{className:"mobileHeader",children:o.jsxRuntimeExports.jsxs(ks,{className:"mobileTitle",children:[o.jsxRuntimeExports.jsx(t.Button,{variant:"primary",size:"small",style:{whiteSpace:"nowrap"},label:yn.newCustomer,onClick:h}),o.jsxRuntimeExports.jsx($l,{children:o.jsxRuntimeExports.jsx(t.LogoutButton,{signedInUser:i,pageName:"Cockpit",onLogOutClick:m})})]})})}const gs=["management","subscription","portfolio","onboarding","audit","healthMonitor","taskManager","aiAccountant","creditAgent"],$t=e=>J.stringToUnion(e,gs),wl=e=>J.stringToUnionStrict(e,gs),vl=(e,n)=>e in n,ji=e=>{switch(e){case"management":return hi;case"subscription":return gi;case"portfolio":return Si;case"healthMonitor":return yi;case"aiAccountant":return ul;default:return[]}},rs=(e,n)=>{const{cockpit:{filters:{filterCategories:r}}}=t.appLocale.getLocalizedStrings();switch(e){case"management":return r.management[n];case"portfolio":return r.portfolio[n];case"subscription":return r.subscription[n];case"aiAccountant":return r.aiAccountant[n];default:return r.healthMonitor[n]}},kl=s.div`
   display: flex;
   justify-content: space-between;
   align-items: center;
@@ -262,7 +262,7 @@
 `,Kl=s(t.StandardRegularSp)`
   overflow: hidden;
   text-overflow: ellipsis;
-`,Gl=({options:e,categoryIndex:n,value:r,categoryType:i,categoryLabel:a,valuesCombinationOperator:d,showAnyAll:l,onChange:c,onValuesCombinationOperatorChange:p})=>{const m=o.useTheme(),x=t.getMultiSelectDropdownStyles(m),{common:{filters:S,texts:h},cockpit:{userProfileAltText:C}}=t.appLocale.getLocalizedStrings(),b=r.map(T=>e.find(F=>F.value===T)),f=(T,F,D,K)=>i!=="user"?null:T==null?o.jsxRuntimeExports.jsx(t.EntityAvatarWithInitials,{firstName:F,lastName:D,index:K}):o.jsxRuntimeExports.jsx(_l,{src:T.href,alt:C,onError:({currentTarget:M})=>{M.onerror=null,M.src=t.AvatarSVG},loading:"lazy"}),g=T=>i!=="rating"?null:Object.keys(eo).includes(T)?o.jsxRuntimeExports.jsx(ln,{iconName:eo[T].iconName,width:18,height:18,stopAnimation:!0,style:{margin:0}}):o.jsxRuntimeExports.jsx(ln,{iconName:To[T].iconName,stopAnimation:!0,width:18,height:18,style:{margin:0}}),j=T=>i!=="runway"?null:o.jsxRuntimeExports.jsx(Nl,{color:T}),y=T=>{const F=e.findIndex(D=>D.value===T.data.value);return o.jsxRuntimeExports.jsx(o.components.MultiValueLabel,{...T,children:o.jsxRuntimeExports.jsxs(Fl,{children:[f(T.data.photo,T.data.label.split(" ")[0],T.data.label.split(" ")[1]!=null?T.data.label.split(" ")[1]:"",F),g(T.data.value),j(T.data.iconColor),o.jsxRuntimeExports.jsx(Kl,{children:T.children})]})})},E=T=>o.jsxRuntimeExports.jsx(o.components.MultiValueRemove,{...T,children:o.jsxRuntimeExports.jsx(Hl,{})}),R=T=>{const{onMouseMove:F,onMouseOver:D,isSelected:K,...M}=T.innerProps,Y=e.findIndex(w=>w.value===T.data.value),G={...T,innerProps:M};return o.jsxRuntimeExports.jsx(o.components.Option,{...G,children:o.jsxRuntimeExports.jsxs(Wl,{children:[o.jsxRuntimeExports.jsxs(Bl,{children:[f(T.data.photo,T.data.label.split(" ")[0],T.data.label.split(" ")[1]!=null?T.data.label.split(" ")[1]:"",Y),g(T.data.value),j(T.data.iconColor),o.jsxRuntimeExports.jsx(t.StandardRegular,{children:T.label})]}),T.isSelected&&o.jsxRuntimeExports.jsx(Vl,{})]})})},A=(T,F)=>i==="user"&&T.data.email!=null?T.data.label.toLowerCase().includes(F.toLowerCase())||T.data.email.toLowerCase().includes(F.toLowerCase()):T.data.label.toLowerCase().includes(F.toLowerCase()),I=l&&b.length>1,v=()=>{switch(i){case"dateRange":return o.jsxRuntimeExports.jsx(Zl,{"data-testid":t.generateDataTestId("cockpit-filters-values-daterange"),children:o.jsxRuntimeExports.jsx(t.DateRangeFilterField,{onDateRangeChange:T=>{T.startDate!=null&&T.endDate!=null&&c([{label:S.startDate,value:T.startDate},{label:S.endDate,value:T.endDate}],n)},selectedDates:r})});case"dropdownRange":return o.jsxRuntimeExports.jsx(Xl,{"data-testid":t.generateDataTestId("cockpit-filters-values-numrange"),children:o.jsxRuntimeExports.jsx(Pl,{options:e.map(T=>parseInt(T.label)),onNumericRangeChange:T=>{T.start!=null&&T.end!=null&&c([{label:S.startDate,value:T.start.toString()},{label:S.endDate,value:T.end.toString()}],n)},selectedRanges:r!=null&&r.length>0?{start:parseInt(r[0].toString()),end:parseInt(r[1].toString())}:{start:void 0,end:void 0}})});case"user":default:return o.jsxRuntimeExports.jsxs(zl,{"data-testid":t.generateDataTestId("cockpit-filters-values-select-container"),children:[b.length===0&&i==="user"?o.jsxRuntimeExports.jsx(Ul,{}):null,o.jsxRuntimeExports.jsx(o.StateManagedSelect$1,{isMulti:!0,hideSelectedOptions:!1,value:b,onChange:T=>{Array.isArray(T)===!0&&c(T,n)},placeholder:`${h.select} ${a}`,options:e,styles:x,menuPosition:"fixed",components:{Option:R,MultiValueLabel:y,MultiValueRemove:E},filterOption:A})]})}};return o.jsxRuntimeExports.jsxs(Ml,{categoryType:i,"data-testid":t.generateDataTestId("cockpit-filters-values-wrapper"),children:[v(),I&&o.jsxRuntimeExports.jsx(Yl,{"data-testid":t.generateDataTestId("cockpit-filters-values-any-all"),children:o.jsxRuntimeExports.jsx(Dl,{categoryIndex:n,value:d,onChange:p})})]})},Yl=s.div``,Zl=s.div``,Xl=s.div``,As=s.div`
+`,Gl=({options:e,categoryIndex:n,value:r,categoryType:i,categoryLabel:a,valuesCombinationOperator:d,showAnyAll:l,onChange:c,onValuesCombinationOperatorChange:p})=>{const m=o.useTheme(),x=t.getMultiSelectDropdownStyles(m),{common:{filters:S,texts:h},cockpit:{userProfileAltText:C}}=t.appLocale.getLocalizedStrings(),b=r.map(T=>e.find(F=>F.value===T)),f=(T,F,D,K)=>i!=="user"?null:T==null?o.jsxRuntimeExports.jsx(t.EntityAvatarWithInitials,{firstName:F,lastName:D,index:K}):o.jsxRuntimeExports.jsx(_l,{src:T.href,alt:C,onError:({currentTarget:M})=>{M.onerror=null,M.src=t.AvatarSVG},loading:"lazy"}),g=T=>i!=="rating"?null:Object.keys(eo).includes(T)?o.jsxRuntimeExports.jsx(ln,{iconName:eo[T].iconName,width:18,height:18,stopAnimation:!0,style:{margin:0}}):o.jsxRuntimeExports.jsx(ln,{iconName:To[T].iconName,stopAnimation:!0,width:18,height:18,style:{margin:0}}),j=T=>i!=="runway"?null:o.jsxRuntimeExports.jsx(Nl,{color:T}),y=T=>{const F=e.findIndex(D=>D.value===T.data.value);return o.jsxRuntimeExports.jsx(o.components.MultiValueLabel,{...T,children:o.jsxRuntimeExports.jsxs(Fl,{children:[f(T.data.photo,T.data.label.split(" ")[0],T.data.label.split(" ")[1]!=null?T.data.label.split(" ")[1]:"",F),g(T.data.value),j(T.data.iconColor),o.jsxRuntimeExports.jsx(Kl,{children:T.children})]})})},E=T=>o.jsxRuntimeExports.jsx(o.components.MultiValueRemove,{...T,children:o.jsxRuntimeExports.jsx(Hl,{})}),R=T=>{const{onMouseMove:F,onMouseOver:D,isSelected:K,...M}=T.innerProps,Y=e.findIndex(w=>w.value===T.data.value),G={...T,innerProps:M};return o.jsxRuntimeExports.jsx(o.components.Option,{...G,children:o.jsxRuntimeExports.jsxs(Wl,{children:[o.jsxRuntimeExports.jsxs(Bl,{children:[f(T.data.photo,T.data.label.split(" ")[0],T.data.label.split(" ")[1]!=null?T.data.label.split(" ")[1]:"",Y),g(T.data.value),j(T.data.iconColor),o.jsxRuntimeExports.jsx(t.StandardRegular,{children:T.label})]}),T.isSelected&&o.jsxRuntimeExports.jsx(Vl,{})]})})},A=(T,F)=>i==="user"&&T.data.email!=null?T.data.label.toLowerCase().includes(F.toLowerCase())||T.data.email.toLowerCase().includes(F.toLowerCase()):T.data.label.toLowerCase().includes(F.toLowerCase()),I=l&&b.length>1,v=()=>{switch(i){case"dateRange":return o.jsxRuntimeExports.jsx(Zl,{"data-testid":t.generateDataTestId("cockpit-filters-values-daterange"),children:o.jsxRuntimeExports.jsx(t.DateRangeFilterField,{onDateRangeChange:T=>{T.startDate!=null&&T.endDate!=null&&c([{label:S.startDate,value:T.startDate},{label:S.endDate,value:T.endDate}],n)},selectedDates:r})});case"dropdownRange":return o.jsxRuntimeExports.jsx(Xl,{"data-testid":t.generateDataTestId("cockpit-filters-values-numrange"),children:o.jsxRuntimeExports.jsx(Pl,{options:e.map(T=>parseInt(T.label)),onNumericRangeChange:T=>{T.start!=null&&T.end!=null&&c([{label:S.startDate,value:T.start.toString()},{label:S.endDate,value:T.end.toString()}],n)},selectedRanges:r!=null&&r.length>0?{start:parseInt(r[0].toString()),end:parseInt(r[1].toString())}:{start:void 0,end:void 0}})});default:return o.jsxRuntimeExports.jsxs(zl,{"data-testid":t.generateDataTestId("cockpit-filters-values-select-container"),children:[b.length===0&&i==="user"?o.jsxRuntimeExports.jsx(Ul,{}):null,o.jsxRuntimeExports.jsx(o.StateManagedSelect$1,{isMulti:!0,hideSelectedOptions:!1,value:b,onChange:T=>{Array.isArray(T)===!0&&c(T,n)},placeholder:`${h.select} ${a}`,options:e,styles:x,menuPosition:"fixed",components:{Option:R,MultiValueLabel:y,MultiValueRemove:E},filterOption:A})]})}};return o.jsxRuntimeExports.jsxs(Ml,{categoryType:i,"data-testid":t.generateDataTestId("cockpit-filters-values-wrapper"),children:[v(),I&&o.jsxRuntimeExports.jsx(Yl,{"data-testid":t.generateDataTestId("cockpit-filters-values-any-all"),children:o.jsxRuntimeExports.jsx(Dl,{categoryIndex:n,value:d,onChange:p})})]})},Yl=s.div``,Zl=s.div``,Xl=s.div``,As=s.div`
   display: flex;
   flex-direction: column;
   row-gap: ${t.Space.sp4};
@@ -930,7 +930,7 @@ ${e}`,Id=e=>le.createElement("svg",{width:38,height:39,viewBox:"0 0 38 39",fill:
   width: 12px;
   height: 12px;
   color: ${e=>e.theme.colors.grey5};
-`,Vp=e=>{const n=[];return e.subscriptions.forEach(r=>{r.plan&&n.push(r.plan.plan.zeniSku)}),n},Up=e=>{const n=[];return e.subscriptions.forEach(r=>{r.addOns.forEach(i=>{i.addOn.zeniSku!=null&&n.push(i.addOn.zeniSku)})}),n};function Hp(e,n){return{companyName:e.company.company.companyInfo.name,companyId:e.company.company.companyInfo.companyId,parentSubsidiaryInfo:e.company.company.parentSubsidiaryInfo,status:{allStatuses:e.company.schema.status,selectedValue:e.company.schema.status.find(r=>r.code===e.company.company.managementInfo.statusCode)},group:{allGroups:e.company.schema.companyGroup,selectedValue:e.company.schema.companyGroup.find(r=>r.id===e.company.company.managementInfo.companyGroupId)},plansAndAddons:bd([...new Set(Vp(e).concat(Up(e)))]),controller:{allUsers:n,selectedUsers:e.controllers.map(r=>r.user)},customerSuccessManager:{allUsers:n,selectedUsers:e.customerSuccessManagers.map(r=>r.user)},preparer:{allUsers:n,selectedUsers:e.preparers.map(r=>r.user)},reviewer:{allUsers:n,selectedUsers:e.reviewers.map(r=>r.user)},apAnalyst:{allUsers:n,selectedUsers:e.apAnalysts.map(r=>r.user)},reportSent:{showBusinessDay:!0,maxDate:J.dateNow(),date:e.company.company.managementInfo.lastReportSentDate,businessDay:e.company.company.managementInfo.lastReportSentBusinessDay},taxStatus:{allTaxStatuses:e.company.schema.taxStatus,selectedValue:e.company.schema.taxStatus.find(r=>r.code===e.company.company.managementInfo.taxStatusCode)},taxLead:{allUsers:n,selectedUsers:e.taxLeads.map(r=>r.user)},monthlyRecurringRevenue:e.primarySubscription?.summary?.summary.monthlyRecurringRevenue,annualRecurringRevenue:e.primarySubscription?.summary?.summary.annualRecurringRevenue,customerSatisfaction:e.company.company.managementInfo.customerSatisfaction??{customerNote:"",teamNote:""}}}function Kp(e,n){const r={};r.users=[];const i=n.split(".")[1];if(Gp(i))return{[i]:e[i]};{const{selectedUsers:a,deSelectedUsers:d}=e[i];return d==null||d?.length==0?a.forEach(l=>{l.isUserSelectionUpdated===!0&&r.users?.push(Hs(i,l.userId,l.isRoleSelected))}):d.forEach(l=>{r.users?.push(Hs(i,l.userId,l.isRoleSelected))}),{users:r.users}}}const Gp=e=>wp.includes(e);function Hs(e,n,r){switch(e){case"apAnalyst":return{isZeni:!0,role:J.toUserRoleType("ap_analyst"),userId:n,isSelected:r};case"taxLead":return{isZeni:!0,role:J.toUserRoleType("tax_lead"),userId:n,isSelected:r};case"customerSuccessManager":return{isZeni:!0,role:J.toUserRoleType("customer_success_manager"),userId:n,isSelected:r};case"controller":case"reviewer":case"preparer":default:return{isZeni:!0,role:e,userId:n,isSelected:r}}}const Yp=(e,n,r,i)=>{const a=t.appLocale.getLocalizedStrings().dateFormat.visual.MMMMFormat,d=J.dateNow().subtract(1,"month").format(a),l=J.dateNow().startOf("month").subtract(1,"day"),c=r?.isSame(l)===!0&&i?.isAfter(r);return e?n?yp.replace("__month__",d):fp.replace("__month__",d):c===!0?Cp.replace("__month__",d):jp.replace("__month__",d)},Zp=({enableCompanyMonthEndReportBtn:e,isMonthEndReportInDraft:n,bookCloseDate:r,lastReportSentDate:i,handleMonthEndReportPageClick:a})=>{const d=J.dateNow().startOf("month").subtract(1,"day"),l=r?.isSame(d)===!0&&i?.isAfter(r),c=e?n?Rp:bp:l===!0?null:$p;return c!=null?o.jsxRuntimeExports.jsx(t.Tooltip,{display:"block",placement:"bottom",maxWidth:"250",title:c,enterDelay:600,children:o.jsxRuntimeExports.jsx(ls,{isMonthEndReportInDraft:n,bookCloseDate:r,lastReportSentDate:i,enableCompanyMonthEndReportBtn:e,isExpenseAutomationEnabledForUser:!0,handleMonthEndReportPageClick:a})}):o.jsxRuntimeExports.jsx(ls,{isMonthEndReportInDraft:n,bookCloseDate:r,lastReportSentDate:i,enableCompanyMonthEndReportBtn:e,isExpenseAutomationEnabledForUser:!0,handleMonthEndReportPageClick:a})};function Xp({companyNameSticky:e,sortConfig:n,onColumnSortConfigChanged:r}){const i=t.useWindowSizeContext(),[a,d]=u.useState(o.cloneDeep(Ct));u.useEffect(()=>{const c=[...a];for(const p of c)p.key===n.sortKey?p.sortOrder=n.sortOrder:p.sortOrder="ascending";d(c)},[n.sortKey,n.sortOrder]);const l=(c,p)=>{let m=p;n.sortKey===c&&(m=p==="ascending"?"descending":"ascending"),r(c,m)};return o.jsxRuntimeExports.jsx(Jp,{height:Ft,children:a.map(c=>o.jsxRuntimeExports.jsxs(eu,{companyNameSticky:e&&c.key==="companyName",sortDataValue:n.sortKey,actualDataValue:c.key,wrapperWidth:c.width,windowSize:i,children:[o.jsxRuntimeExports.jsxs(nu,{onClick:()=>l(J.toManagementSortKeyType(c.key),c.sortOrder),children:[o.jsxRuntimeExports.jsx(t.ExtraSmallRegular,{children:c.value}),o.jsxRuntimeExports.jsx(Qp,{sortDataValue:n.sortKey,headerdata:c,children:o.jsxRuntimeExports.jsx(t.SvgArrowTailTop,{width:12,height:12})})]}),o.jsxRuntimeExports.jsx(ou,{isVisible:n.sortKey===c.key&&c.key!=="status",children:o.jsxRuntimeExports.jsx(tu,{onClick:()=>l("status","ascending")})})]},c.key))})}const qp=u.memo(Xp),Qp=s.div`
+`,Vp=e=>{const n=[];return e.subscriptions.forEach(r=>{r.plan&&n.push(r.plan.plan.zeniSku)}),n},Up=e=>{const n=[];return e.subscriptions.forEach(r=>{r.addOns.forEach(i=>{i.addOn.zeniSku!=null&&n.push(i.addOn.zeniSku)})}),n};function Hp(e,n){return{companyName:e.company.company.companyInfo.name,companyId:e.company.company.companyInfo.companyId,parentSubsidiaryInfo:e.company.company.parentSubsidiaryInfo,status:{allStatuses:e.company.schema.status,selectedValue:e.company.schema.status.find(r=>r.code===e.company.company.managementInfo.statusCode)},group:{allGroups:e.company.schema.companyGroup,selectedValue:e.company.schema.companyGroup.find(r=>r.id===e.company.company.managementInfo.companyGroupId)},plansAndAddons:bd([...new Set(Vp(e).concat(Up(e)))]),controller:{allUsers:n,selectedUsers:e.controllers.map(r=>r.user)},customerSuccessManager:{allUsers:n,selectedUsers:e.customerSuccessManagers.map(r=>r.user)},preparer:{allUsers:n,selectedUsers:e.preparers.map(r=>r.user)},reviewer:{allUsers:n,selectedUsers:e.reviewers.map(r=>r.user)},apAnalyst:{allUsers:n,selectedUsers:e.apAnalysts.map(r=>r.user)},reportSent:{showBusinessDay:!0,maxDate:J.dateNow(),date:e.company.company.managementInfo.lastReportSentDate,businessDay:e.company.company.managementInfo.lastReportSentBusinessDay},taxStatus:{allTaxStatuses:e.company.schema.taxStatus,selectedValue:e.company.schema.taxStatus.find(r=>r.code===e.company.company.managementInfo.taxStatusCode)},taxLead:{allUsers:n,selectedUsers:e.taxLeads.map(r=>r.user)},monthlyRecurringRevenue:e.primarySubscription?.summary?.summary.monthlyRecurringRevenue,annualRecurringRevenue:e.primarySubscription?.summary?.summary.annualRecurringRevenue,customerSatisfaction:e.company.company.managementInfo.customerSatisfaction??{customerNote:"",teamNote:""}}}function Kp(e,n){const r={};r.users=[];const i=n.split(".")[1];if(Gp(i))return{[i]:e[i]};{const{selectedUsers:a,deSelectedUsers:d}=e[i];return d==null||d?.length==0?a.forEach(l=>{l.isUserSelectionUpdated===!0&&r.users?.push(Hs(i,l.userId,l.isRoleSelected))}):d.forEach(l=>{r.users?.push(Hs(i,l.userId,l.isRoleSelected))}),{users:r.users}}}const Gp=e=>wp.includes(e);function Hs(e,n,r){switch(e){case"apAnalyst":return{isZeni:!0,role:J.toUserRoleType("ap_analyst"),userId:n,isSelected:r};case"taxLead":return{isZeni:!0,role:J.toUserRoleType("tax_lead"),userId:n,isSelected:r};case"customerSuccessManager":return{isZeni:!0,role:J.toUserRoleType("customer_success_manager"),userId:n,isSelected:r};default:return{isZeni:!0,role:e,userId:n,isSelected:r}}}const Yp=(e,n,r,i)=>{const a=t.appLocale.getLocalizedStrings().dateFormat.visual.MMMMFormat,d=J.dateNow().subtract(1,"month").format(a),l=J.dateNow().startOf("month").subtract(1,"day"),c=r?.isSame(l)===!0&&i?.isAfter(r);return e?n?yp.replace("__month__",d):fp.replace("__month__",d):c===!0?Cp.replace("__month__",d):jp.replace("__month__",d)},Zp=({enableCompanyMonthEndReportBtn:e,isMonthEndReportInDraft:n,bookCloseDate:r,lastReportSentDate:i,handleMonthEndReportPageClick:a})=>{const d=J.dateNow().startOf("month").subtract(1,"day"),l=r?.isSame(d)===!0&&i?.isAfter(r),c=e?n?Rp:bp:l===!0?null:$p;return c!=null?o.jsxRuntimeExports.jsx(t.Tooltip,{display:"block",placement:"bottom",maxWidth:"250",title:c,enterDelay:600,children:o.jsxRuntimeExports.jsx(ls,{isMonthEndReportInDraft:n,bookCloseDate:r,lastReportSentDate:i,enableCompanyMonthEndReportBtn:e,isExpenseAutomationEnabledForUser:!0,handleMonthEndReportPageClick:a})}):o.jsxRuntimeExports.jsx(ls,{isMonthEndReportInDraft:n,bookCloseDate:r,lastReportSentDate:i,enableCompanyMonthEndReportBtn:e,isExpenseAutomationEnabledForUser:!0,handleMonthEndReportPageClick:a})};function Xp({companyNameSticky:e,sortConfig:n,onColumnSortConfigChanged:r}){const i=t.useWindowSizeContext(),[a,d]=u.useState(o.cloneDeep(Ct));u.useEffect(()=>{const c=[...a];for(const p of c)p.key===n.sortKey?p.sortOrder=n.sortOrder:p.sortOrder="ascending";d(c)},[n.sortKey,n.sortOrder]);const l=(c,p)=>{let m=p;n.sortKey===c&&(m=p==="ascending"?"descending":"ascending"),r(c,m)};return o.jsxRuntimeExports.jsx(Jp,{height:Ft,children:a.map(c=>o.jsxRuntimeExports.jsxs(eu,{companyNameSticky:e&&c.key==="companyName",sortDataValue:n.sortKey,actualDataValue:c.key,wrapperWidth:c.width,windowSize:i,children:[o.jsxRuntimeExports.jsxs(nu,{onClick:()=>l(J.toManagementSortKeyType(c.key),c.sortOrder),children:[o.jsxRuntimeExports.jsx(t.ExtraSmallRegular,{children:c.value}),o.jsxRuntimeExports.jsx(Qp,{sortDataValue:n.sortKey,headerdata:c,children:o.jsxRuntimeExports.jsx(t.SvgArrowTailTop,{width:12,height:12})})]}),o.jsxRuntimeExports.jsx(ou,{isVisible:n.sortKey===c.key&&c.key!=="status",children:o.jsxRuntimeExports.jsx(tu,{onClick:()=>l("status","ascending")})})]},c.key))})}const qp=u.memo(Xp),Qp=s.div`
   display: flex;
   align-items: center;
   transform: ${e=>e.sortDataValue===e.headerdata.key&&e.headerdata.sortOrder==="descending"?"rotate(180deg)":"rotate(0deg)"};
@@ -1236,7 +1236,7 @@ ${e}`,Id=e=>le.createElement("svg",{width:38,height:39,viewBox:"0 0 38 39",fill:
   color: ${e=>e.theme.colors.grey2};
 `,zo=s(t.H5Regular)`
   color: ${e=>e.theme.colors.hero};
-`,tm={},om={width:"auto",outline:"none",background:"transparent"},{common:{texts:{anonymousUser:fs},strings:{atTheRate:nm}}}=t.appLocale.getLocalizedStrings(),sm=({roomId:e,threadMetadata:n,composerPlaceholder:r,isSubmitComment:i=!1,createThreadCallback:a,composerFormStyle:d={},composerEditorStyle:l={}})=>{const c=Xe.useCreateThread(),p=o.useTheme(),m=u.useCallback(({body:x},S)=>{S.preventDefault(),S.stopPropagation();try{c({body:x,metadata:n}),a()}catch(h){console.log(h)}},[c,a,n]);return o.jsxRuntimeExports.jsx(Xe.RoomProvider,{id:e,children:o.jsxRuntimeExports.jsx(pm,{children:o.jsxRuntimeExports.jsxs(St.Composer.Form,{onComposerSubmit:m,style:{...tm,...d},className:"customThreadComposer",children:[o.jsxRuntimeExports.jsx(St.Composer.Editor,{placeholder:r,style:{...t.textStyles.standardRegular,...om,color:p.colors.primary,...l},components:{Mention:rm,MentionSuggestions:im,Link:cm}}),o.jsxRuntimeExports.jsx(St.Composer.Submit,{asChild:!0,children:o.jsxRuntimeExports.jsx(dm,{isSubmitComment:i})})]})})})};function rm({userId:e}){const{user:n}=xi.useUser(e);return o.jsxRuntimeExports.jsx(St.Composer.Mention,{asChild:!0,children:o.jsxRuntimeExports.jsxs(xm,{children:[nm,n?.name||fs]})})}function im({userIds:e,selectedUserId:n}){return e.length===0?null:o.jsxRuntimeExports.jsx(St.Composer.Suggestions,{asChild:!0,children:o.jsxRuntimeExports.jsx(um,{children:o.jsxRuntimeExports.jsx(St.Composer.SuggestionsList,{asChild:!0,children:o.jsxRuntimeExports.jsx(mm,{children:e.map(r=>o.jsxRuntimeExports.jsx(u.Suspense,{fallback:o.jsxRuntimeExports.jsx(am,{}),children:o.jsxRuntimeExports.jsx(lm,{userId:r},r)},r))})})})})}function am(){return o.jsxRuntimeExports.jsxs(Ai,{children:[o.jsxRuntimeExports.jsx(Di,{}),o.jsxRuntimeExports.jsx("span",{children:fs})]})}function lm({userId:e}){const{user:n}=xi.useUser(e);return o.jsxRuntimeExports.jsx(St.Composer.SuggestionsListItem,{asChild:!0,value:n.userId,children:o.jsxRuntimeExports.jsxs(Ai,{children:[n.avatar?o.jsxRuntimeExports.jsx(gm,{src:n.avatar,alt:""}):o.jsxRuntimeExports.jsx(Di,{}),o.jsxRuntimeExports.jsx("span",{children:n.name||n.email||fs})]})},n.userId)}function cm({href:e,children:n}){return o.jsxRuntimeExports.jsx(St.Composer.Link,{href:e,asChild:!0,children:o.jsxRuntimeExports.jsx(hm,{children:n})})}const dm=({isSubmitComment:e=!1})=>{const{isEmpty:n,submit:r}=St.useComposer();return u.useEffect(()=>{e&&!n&&r()},[e,n,r]),o.jsxRuntimeExports.jsx(o.jsxRuntimeExports.Fragment,{})},pm=s.div`
+`,tm={},om={width:"auto",outline:"none",background:"transparent"},{common:{texts:{anonymousUser:fs},strings:{atTheRate:nm}}}=t.appLocale.getLocalizedStrings(),sm=({roomId:e,threadMetadata:n,composerPlaceholder:r,isSubmitComment:i=!1,createThreadCallback:a,composerFormStyle:d={},composerEditorStyle:l={}})=>{const c=Xe.useCreateThread(),p=o.useTheme(),m=u.useCallback(({body:x,attachments:S},h)=>{h.preventDefault(),h.stopPropagation();try{c({body:x,attachments:S,metadata:n}),a()}catch(C){console.log(C)}},[c,a,n]);return o.jsxRuntimeExports.jsx(Xe.RoomProvider,{id:e,children:o.jsxRuntimeExports.jsx(pm,{children:o.jsxRuntimeExports.jsxs(St.Composer.Form,{onComposerSubmit:m,style:{...tm,...d},className:"customThreadComposer",children:[o.jsxRuntimeExports.jsx(St.Composer.Editor,{placeholder:r,style:{...t.textStyles.standardRegular,...om,color:p.colors.primary,...l},components:{Mention:rm,MentionSuggestions:im,Link:cm}}),o.jsxRuntimeExports.jsx(St.Composer.Submit,{asChild:!0,children:o.jsxRuntimeExports.jsx(dm,{isSubmitComment:i})})]})})})};function rm({userId:e}){const{user:n}=xi.useUser(e);return o.jsxRuntimeExports.jsx(St.Composer.Mention,{asChild:!0,children:o.jsxRuntimeExports.jsxs(xm,{children:[nm,n?.name||fs]})})}function im({userIds:e,selectedUserId:n}){return e.length===0?null:o.jsxRuntimeExports.jsx(St.Composer.Suggestions,{asChild:!0,children:o.jsxRuntimeExports.jsx(um,{children:o.jsxRuntimeExports.jsx(St.Composer.SuggestionsList,{asChild:!0,children:o.jsxRuntimeExports.jsx(mm,{children:e.map(r=>o.jsxRuntimeExports.jsx(u.Suspense,{fallback:o.jsxRuntimeExports.jsx(am,{}),children:o.jsxRuntimeExports.jsx(lm,{userId:r},r)},r))})})})})}function am(){return o.jsxRuntimeExports.jsxs(Ai,{children:[o.jsxRuntimeExports.jsx(Di,{}),o.jsxRuntimeExports.jsx("span",{children:fs})]})}function lm({userId:e}){const{user:n}=xi.useUser(e);return o.jsxRuntimeExports.jsx(St.Composer.SuggestionsListItem,{asChild:!0,value:n.userId,children:o.jsxRuntimeExports.jsxs(Ai,{children:[n.avatar?o.jsxRuntimeExports.jsx(gm,{src:n.avatar,alt:""}):o.jsxRuntimeExports.jsx(Di,{}),o.jsxRuntimeExports.jsx("span",{children:n.name||n.email||fs})]})},n.userId)}function cm({href:e,children:n}){return o.jsxRuntimeExports.jsx(St.Composer.Link,{href:e,asChild:!0,children:o.jsxRuntimeExports.jsx(hm,{children:n})})}const dm=({isSubmitComment:e=!1})=>{const{isEmpty:n,submit:r}=St.useComposer();return u.useEffect(()=>{e&&!n&&r()},[e,n,r]),o.jsxRuntimeExports.jsx(o.jsxRuntimeExports.Fragment,{})},pm=s.div`
   .customThreadComposer span[data-slate-placeholder="true"] {
     color: ${e=>e.theme.colors.grey1};
   }

package/dist/cockpit.esm.js

@@ -1,7 +1,7 @@
-import { bR as o, dm as Ne, h as $t, cO as O, dO as It, dP as Qr, dQ as We, dR as Qd, dS as Jd, dT as Xd, a8 as I, dU as U, dV as qd, dK as ge, dW as lo, dX as lt, a9 as Ft, b2 as Bs, dY as wo, dZ as ps, d_ as So, d$ as us, bh as ep, e0 as Jt, e1 as De, e2 as Fl, e3 as Co, e4 as Fs, e5 as Be, e6 as tp, e7 as op, e8 as Wt, e9 as np, ea as Wl, eb as rp, ec as hs, ed as ms, ee as ip, ef as sp, eg as ap, eh as lp, ei as cp, ej as xt, ek as _l, el as dp, em as Jr, en as gs, dk as M, eo as pp, ep as up, eq as be, er as hp, bE as z, es as Fe, et as pt, eu as xs, aM as Nr, ev as mp, ew as ys, ex as Xr, d9 as Pe, ey as qr, ez as Vl, eA as Ul, eB as Xn, cT as zt, eC as dt, eD as gn, eE as gp, eF as Kl, eG as Hl, eH as Pt, cM as qe, eI as Mr, eJ as xp, eK as xn, eL as yn, eM as fn, eN as Fo, eO as ei, eP as fs, eQ as yp, eR as Gl, eS as co, eT as Wo, eU as Qt, eV as Ws, eW as fp, eX as bp, eY as $p, eZ as Cp, e_ as wp, e$ as qn, f0 as Sp, f1 as bs, c$ as vp, f2 as Yl, f3 as Zl, f4 as Ql, f5 as Jl, f6 as jp, f7 as _s, f8 as $s, f9 as kp, fa as Tp, fb as er, fc as bn, fd as Cs, fe as Lp, ff as ti, fg as bt, fh as Xl, fi as zr, fj as Pp, fk as ws, fl as Ip, fm as pn, fn as Ap, fo as Op, fp as Dp, fq as oi, fr as Vs, fs as ql, dB as Br, bc as ec, ft as tc, fu as Ss, fv as Ep, af as un, fw as Zn, fx as Qn, dL as oc, aH as Rp, dy as Np, fy as Yt, fz as Lt, fA as vs, fB as nc, fC as Mp, fD as rc, fE as zp, fF as Bp, fG as Ut, fH as sr, aI as Fp, fI as Kt, fJ as ic, fK as cn, fL as sc, fM as Fr, fN as ac, fO as Wp, fP as _p, fQ as Vp, fR as Wr, fS as Xi, fT as Us, fU as Up, fV as Kp, fW as li, fX as ci, fY as Hp, fZ as Ks, f_ as Gp, f$ as Yp, g0 as Hs, g1 as Zp, g2 as Qp, g3 as Jp, g4 as Xp, g5 as tr, g6 as lc, g7 as cc, g8 as Zt, g9 as ni, ga as hn, gb as dc, gc as pc, gd as qp, ge as eu, gf as uc, gg as tu, gh as ou, gi as _r, gj as hc, gk as nu, gl as ru, gm as iu, gn as js, go as mc, gp as gc, gq as xc, gr as yc, gs as fc, gt as su, gu as bc, gv as $c, gw as au, gx as lu, dw as cu, gy as du, gz as pu, gA as uu, gB as hu, gC as Gs, gD as mu, gE as Cc, gF as Ys, gG as gu, gH as xu, gI as yu, gJ as fu, gK as bu, gL as $u, gM as Zs, gN as Cu, gO as wc, gP as wu, gQ as Sc, gR as Su, gS as vu, gT as ju, gU as ku, gV as vc, gW as Tu, gX as Lu, gY as Pu, gZ as Iu, g_ as jc, g$ as Au, h0 as Ou, h1 as Du } from "./SessionTimeoutPopup-BJhyGZ8L.js";
-import { A as ck, a as dk, b as pk, c as uk, d as hk, e as mk, f as gk, g as xk, i as yk, j as fk, k as bk, l as $k, m as Ck, n as wk, o as Sk, p as vk, q as jk, r as kk, s as Tk, t as Lk, u as Pk, v as Ik, w as Ak, x as Ok, y as Dk, z as Ek, B as Rk, C as Nk, D as Mk, E as zk, F as Bk, G as Fk, H as Wk, I as _k, J as Vk, K as Uk, S as Kk, L as Hk, M as Gk, N as Yk, O as Zk, P as Qk, Q as Jk, R as Xk, T as qk, U as eT, V as tT, W as oT, X as nT, Y as rT, Z as iT, _ as sT, $ as aT, S as lT, a0 as cT, a1 as dT, a2 as pT, a3 as uT, a4 as hT, a5 as mT, a6 as gT, a7 as xT, aa as yT, ab as fT, ac as bT, ad as $T, ae as CT, ag as wT, ah as ST, ai as vT, aj as jT, ak as kT, al as TT, am as LT, an as PT, ao as IT, ap as AT, aq as OT, ar as DT, as as ET, at as RT, au as NT, av as MT, aw as zT, ax as BT, ay as FT, az as WT, aA as _T, aB as VT, aC as UT, aD as KT, aE as HT, aF as GT, aG as YT, aJ as ZT, aK as QT, aL as JT, aN as XT, aO as qT, aP as eL, aQ as tL, aR as oL, aS as nL, aT as rL, aU as iL, aV as sL, aW as aL, aX as lL, aY as cL, aZ as dL, a_ as pL, a$ as uL, b0 as hL, b1 as mL, b3 as gL, b4 as xL, b5 as yL, b6 as fL, b7 as bL, b8 as $L, b9 as CL, ba as wL, bb as SL, bd as vL, be as jL, bf as kL, bg as TL, bi as LL, bj as PL, bk as IL, bl as AL, bm as OL, bn as DL, bo as EL, bp as RL, bq as NL, br as ML, bs as zL, bt as BL, bu as FL, bv as WL, bw as _L, bx as VL, by as UL, bz as KL, bA as HL, S as GL, bB as YL, bC as ZL, bD as QL, bF as JL, bG as XL, bH as qL, bI as eP, bJ as tP, bK as oP, bL as nP, bM as rP, bN as iP, bO as sP, bP as aP, bQ as lP, bS as cP, bT as dP, bU as pP, bV as uP, bW as hP, bX as mP, bY as gP, bZ as xP, b_ as yP, b$ as fP, c0 as bP, c1 as $P, c2 as CP, c3 as wP, c4 as SP, c5 as vP, c6 as jP, c7 as kP, c8 as TP, c9 as LP, ca as PP, cb as IP, cc as AP, cd as OP, ce as DP, cf as EP, cg as RP, ch as NP, ci as MP, cj as zP, ck as BP, cl as FP, cm as WP, cn as _P, co as VP, cp as UP, cq as KP, cr as HP, cs as GP, ct as YP, cu as ZP, cv as QP, cw as JP, cx as XP, cy as qP, cz as eI, cA as tI, cB as oI, cC as nI, cD as rI, cE as iI, cF as sI, cG as aI, cH as lI, cI, cJ as dI, cK as pI, cL as uI, cN as hI, cP as mI, cQ as gI, cR as xI, cS as yI, cU as fI, cV as bI, cW as $I, cX as CI, cY as wI, cZ as SI, c_ as vI, d0 as jI, d1 as kI, d2 as TI, d3 as LI, d4 as PI, d5 as II, d6 as AI, d7 as OI, d8 as DI, da as EI, db as RI, dc as NI, dd as MI, de as zI, df as BI, dg as FI, dh as WI, di as _I, dj as VI, dl as UI, dn as KI, dp as HI, dq as GI, dr as YI, ds as ZI, dt as QI, du as JI, dv as XI, dx as qI, dz as eA, dA as tA, dC as oA, dD as nA, dE as rA, dF as iA, dG as sA, dH as aA, dI as lA, dJ as cA, dM as dA, dN as pA } from "./SessionTimeoutPopup-BJhyGZ8L.js";
-import { j as t, D as Eu, f as Ru, u as Ve, S as $n, c as rt, L as Nu, T as Mu, a as zu, P as ri, C as Xt, b as ye, d as po, e as Cn, g as uo, h as _o, F as ho, i as Vo, A as qt, V as Uo, k as nt, I as kc, l as Bu, n as Mt, m as Bo, o as Fu, p as ks, q as Tc, M as Wu, r as _u, t as Ts, v as Ls, w as Qs } from "./vendor-.pnpm-DtQs9f4A.js";
-import { s as hA } from "./vendor-.pnpm-DtQs9f4A.js";
+import { dA as o, gx as Ne, i as $t, fz as O, e7 as It, bt as Qr, X as We, ec as Qd, fK as Jd, fU as Xd, aj as I, fM as U, dj as qd, g_ as ge, gL as lo, eH as lt, al as Ft, cb as Bs, v as wo, ez as ps, c6 as So, e9 as us, eo as ep, dM as Jt, dJ as De, fT as Fl, ev as Co, dk as Fs, c1 as Be, gF as tp, aR as op, bb as Wt, aO as np, e5 as Wl, g0 as rp, a$ as hs, J as ms, gb as ip, gc as sp, gd as ap, ak as lp, cm as cp, b$ as xt, eb as _l, cw as dp, dX as Jr, et as gs, gv as M, de as pp, bm as up, dr as be, e1 as hp, d5 as z, cx as Fe, gy as pt, dT as xs, bp as Nr, ds as mp, e2 as ys, bc as Xr, gj as Pe, bu as qr, e3 as Vl, el as Ul, eg as Xn, fH as zt, eJ as dt, dF as gn, c3 as gp, c5 as Kl, e6 as Hl, fV as Pt, fx as qe, f2 as Mr, ft as xp, eF as xn, eG as yn, l as fn, dQ as Fo, c0 as ei, ea as fs, c4 as yp, ed as Gl, e4 as co, e8 as Wo, aZ as Qt, fs as Ws, g8 as fp, f_ as bp, g3 as $p, ef as Cp, ey as wp, ex as qn, dG as Sp, dH as bs, fW as vp, ee as Yl, ek as Zl, ej as Ql, b8 as Jl, gr as jp, bV as _s, bW as $s, bQ as kp, bU as Tp, bq as er, b9 as bn, ei as Cs, an as Lp, dn as ti, fP as bt, dx as Xl, bT as zr, bZ as Pp, b7 as ws, bN as Ip, d6 as pn, e0 as Ap, d$ as Op, dY as Dp, bO as oi, dl as Vs, bR as ql, gR as Br, cy as ec, dV as tc, fL as Ss, bP as Ep, au as un, as as Zn, at as Qn, g$ as oc, aT as Rp, gN as Np, bd as Yt, av as Lt, es as vs, en as nc, dN as Mp, c9 as rc, ep as zp, dL as Bp, aw as Ut, gi as sr, bh as Fp, bY as Kt, aG as ic, K as cn, cI as sc, cJ as Fr, cH as ac, bw as Wp, cc as _p, dS as Vp, bx as Wr, bz as Xi, cM as Us, cK as Up, cL as Kp, by as li, bv as ci, bA as Hp, dm as Ks, bS as Gp, bX as Yp, cX as Hs, aF as Zp, d as Qp, cA as Jp, dZ as Xp, dw as tr, gJ as lc, gM as cc, bg as Zt, Z as ni, _ as hn, gO as dc, g4 as pc, aU as qp, cd as eu, cr as uc, cq as tu, g9 as ou, ch as _r, af as hc, cg as nu, cf as ru, aY as iu, ce as js, fX as mc, bk as gc, fA as xc, k as yc, eD as fc, bl as su, w as bc, bo as $c, f3 as au, dE as lu, gI as cu, co as du, f$ as pu, fY as uu, W as hu, d2 as Gs, g2 as mu, ew as Cc, ga as Ys, cs as gu, c2 as xu, dK as yu, eh as fu, em as bu, d_ as $u, fC as Zs, er as Cu, dy as wc, dt as wu, fG as Sc, a_ as Su, dO as vu, ba as ju, be as ku, du as vc, eq as Tu, b_ as Lu, eu as Pu, dq as Iu, dv as jc, dI as Au, bf as Ou, dp as Du } from "./SessionTimeoutPopup-NgqDPYRI.js";
+import { A as ck, a as dk, b as pk, c as uk, e as hk, f as mk, g as gk, h as xk, j as yk, m as fk, n as bk, o as $k, p as Ck, q as wk, r as Sk, s as vk, t as jk, u as kk, x as Tk, y as Lk, z as Pk, B as Ik, C as Ak, D as Ok, E as Dk, F as Ek, G as Rk, H as Nk, I as Mk, L as zk, M as Bk, N as Fk, O as Wk, P as _k, Q as Vk, R as Uk, dD as Kk, S as Hk, T as Gk, U as Yk, V as Zk, Y as Qk, $ as Jk, a0 as Xk, a1 as qk, a2 as eT, a3 as tT, a4 as oT, a5 as nT, a6 as rT, a7 as iT, a8 as sT, a9 as aT, dD as lT, aa as cT, ab as dT, ac as pT, ad as uT, ae as hT, ag as mT, ah as gT, ai as xT, am as yT, ao as fT, ap as bT, aq as $T, ar as CT, ax as wT, ay as ST, az as vT, aA as jT, aB as kT, aC as TT, aD as LT, aE as PT, aH as IT, aI as AT, aJ as OT, aK as DT, aL as ET, aM as RT, aN as NT, aP as MT, aS as zT, aV as BT, aW as FT, aX as WT, b0 as _T, b1 as VT, b2 as UT, b3 as KT, b4 as HT, b5 as GT, b6 as YT, bi as ZT, bj as QT, bn as JT, br as XT, bs as qT, bB as eL, bC as tL, bD as oL, bE as nL, bF as rL, bG as iL, bH as sL, bI as aL, bJ as lL, bK as cL, bL as dL, bM as pL, c7 as uL, c8 as hL, ca as mL, ci as gL, cj as xL, ck as yL, cl as fL, cn as bL, cp as $L, ct as CL, cu as wL, cv as SL, cz as vL, cB as jL, cC as kL, cD as TL, cE as LL, cF as PL, cG as IL, cN as AL, cO as OL, cP as DL, cQ as EL, cR as RL, cS as NL, cT as ML, cU as zL, cV as BL, cW as FL, aQ as WL, cY as _L, cZ as VL, c_ as UL, c$ as KL, d0 as HL, dD as GL, d3 as YL, d1 as ZL, d4 as QL, d7 as JL, d8 as XL, d9 as qL, da as eP, db as tP, dc as oP, dd as nP, df as rP, dg as iP, dh as sP, di as aP, dz as lP, dB as cP, dC as dP, dP as pP, dR as uP, dU as hP, dW as mP, eA as gP, eB as xP, eC as yP, eE as fP, eI as bP, eK as $P, eL as CP, eM as wP, eN as SP, eO as vP, eP as jP, eQ as kP, eR as TP, eS as LP, eT as PP, eU as IP, eV as AP, eW as OP, eX as DP, eY as EP, eZ as RP, e_ as NP, e$ as MP, f0 as zP, f1 as BP, f4 as FP, f5 as WP, f6 as _P, f7 as VP, f8 as UP, f9 as KP, fa as HP, fb as GP, fc as YP, fd as ZP, fe as QP, ff as JP, fg as XP, fh as qP, fi as eI, fj as tI, fk as oI, fl as nI, fm as rI, fn as iI, fo as sI, fp as aI, fq as lI, fr as cI, fu as dI, fv as pI, fw as uI, fy as hI, fB as mI, fD as gI, fE as xI, fF as yI, fI, fJ as bI, fN as $I, fO as CI, fQ as wI, fR as SI, fS as vI, fZ as jI, g1 as kI, g5 as TI, g6 as LI, g7 as PI, ge as II, gf as AI, gg as OI, gh as DI, gk as EI, gl as RI, gm as NI, gn as MI, go as zI, gp as BI, gq as FI, gs as WI, gt as _I, gu as VI, gw as UI, gz as KI, gA as HI, gB as GI, gC as YI, gD as ZI, gE as QI, gG as JI, gH as XI, gK as qI, gP as eA, gQ as tA, gS as oA, gT as nA, gU as rA, gV as iA, gW as sA, gX as aA, gY as lA, gZ as cA, h0 as dA, h1 as pA } from "./SessionTimeoutPopup-NgqDPYRI.js";
+import { ai as t, D as Eu, a1 as Ru, aH as Ve, q as $n, O as rt, L as Nu, s as Mu, T as zu, o as ri, f as Xt, h as ye, aD as po, i as Cn, aC as uo, Y as _o, m as ho, J as Vo, b as qt, V as Uo, ae as nt, I as kc, X as Bu, al as Mt, aa as Bo, aB as Fu, k as ks, C as Tc, n as Wu, d as _u, e as Ts, B as Ls, aq as Qs } from "./vendor-.pnpm-DUwxZLYO.js";
+import { aw as hA } from "./vendor-.pnpm-DUwxZLYO.js";
 import * as me from "react";
 import or, { useEffect as te, useState as Y, useMemo as Ze, useCallback as oe, useContext as Qe, useRef as $e, forwardRef as kt, Fragment as Lc, memo as nr, createContext as Ko, Suspense as Vu, createElement as Pc } from "react";
 import r from "@emotion/styled";
@@ -1199,7 +1199,6 @@ const Is = [
       return i.subscription[n];
     case "aiAccountant":
       return i.aiAccountant[n];
-    case "healthMonitor":
     default:
       return i.healthMonitor[n];
   }
@@ -1700,7 +1699,6 @@ const Is = [
             )
           }
         );
-      case "user":
       default:
         return /* @__PURE__ */ t.jsxs(
           wm,
@@ -5249,9 +5247,6 @@ function ya(e, n, i) {
         userId: n,
         isSelected: i
       };
-    case "controller":
-    case "reviewer":
-    case "preparer":
     default:
       return {
         isZeni: !0,
@@ -7287,15 +7282,16 @@ const k0 = ({
   composerEditorStyle: l = {}
 }) => {
   const c = Hu(), p = Ve(), u = oe(
-    ({ body: h }, x) => {
-      x.preventDefault(), x.stopPropagation();
+    ({ body: h, attachments: x }, m) => {
+      m.preventDefault(), m.stopPropagation();
       try {
         c({
           body: h,
+          attachments: x,
           metadata: n
         }), a();
-      } catch (m) {
-        console.log(m);
+      } catch (b) {
+        console.log(b);
       }
     },
     [c, a, n]

package/dist/components/cockpit/common/cockpitFilters/commonTypes.d.ts

@@ -24,7 +24,7 @@ export interface HealthMonitorFilterCategoryDropdownOption extends CategoryDropd
 export interface AiAccountantFilterCategoryDropdownOption extends CategoryDropdownOption {
     value: AiAccountantFilterCategoryField;
 }
-export type MatchingOperatorDropdownValue = "equal" | "not-equal";
+export type MatchingOperatorDropdownValue = "equal" | "not_equal";
 export type ValuesCombinationOperatorDropdownValue = "ANY" | "ALL";
 export interface MatchingOperatorDropdownOption {
     label: "is" | "is not";

package/dist/components/{cockpit/common/cockpitFilters/components → common/filters}/FiltersPopover.d.ts

@@ -1,4 +1,4 @@
-import { ReactChild } from '../../../../../types/common';
+import { ReactChild } from '../../../types/common';
 interface Props {
     anchorEl: HTMLElement | null;
     children: ReactChild | ReactChild[];

package/dist/components/common/filters/GenericFilters.d.ts

@@ -0,0 +1,75 @@
+import { MatchingOperatorDropdownOption, SpendManagementFilterEntityType, TransactionFilterEntityType, UserRoleType } from '@zeniai/client-epic-state';
+import { AutoCompleteActions, AutoCompleteData } from '../../common/autoComplete/autoCompleteProps';
+import { GenericFilterCategory, GenericFilterCategoryDropdownOption, GenericFiltersType, ValuesDropdownOption } from './genericFilterTypes';
+export type SupportedFilterEntityType = TransactionFilterEntityType | SpendManagementFilterEntityType;
+export interface GroupByFiltersComponentProps {
+    component: React.ReactElement;
+    height: number;
+}
+export interface GenericFiltersProps<TEntity extends SupportedFilterEntityType, TField extends string, TCategoryDropdownOption extends GenericFilterCategoryDropdownOption<TField>, TFiltersType extends GenericFiltersType<TField>> {
+    entity: TEntity;
+    filters: TFiltersType;
+    filterStrings: {
+        addFilterBtnText: string;
+        categoryPlaceholder: string;
+        clearAllBtnText: string;
+        empty: string;
+        filterByLabel: string;
+        searchPlaceholder: string;
+        select: string;
+        /** Optional: return custom placeholder for the value dropdown by category field */
+        getValuePlaceholder?: (categoryField: string, categoryLabel: string) => string | undefined;
+    };
+    helpers: {
+        getAppliedFiltersCount: (filters: TFiltersType) => number;
+        getDefaultEmptyFilters: () => TFiltersType;
+        getFilterCategories: (entity: TEntity, userRole?: UserRoleType[]) => TCategoryDropdownOption[];
+        getFilterCategoryLabel: (entity: TEntity, key: string) => string;
+        getUpdatedFiltersOnCategoryChange: (props: {
+            currentFilters: TFiltersType;
+            selectedOption: TCategoryDropdownOption;
+            categoryIndex?: number;
+        }) => TFiltersType;
+        getUpdatedFiltersOnMatchingOperatorChange: (props: {
+            currentFilters: TFiltersType;
+            selectedOption: MatchingOperatorDropdownOption;
+            categoryIndex?: number;
+        }) => TFiltersType;
+        getUpdatedFiltersOnValueChange: (props: {
+            categoryIndex: number;
+            currentFilters: TFiltersType;
+            selectedOptions: ValuesDropdownOption[];
+        }) => TFiltersType;
+    };
+    /**
+     * Memoized dropdown options keyed by category field. The cache inside
+     * GenericFilters mirrors this value, so when source data lands after
+     * first render the dropdowns refresh automatically. Callers MUST
+     * memoize this (e.g. with `useMemo`) — passing a new object reference
+     * on every parent render will churn the internal cache state.
+     */
+    categoryWiseOptions?: Record<string, ValuesDropdownOption[]>;
+    createdByUserListLoaded?: boolean;
+    disableFilters?: boolean;
+    groupByFiltersComponent?: GroupByFiltersComponentProps;
+    transactionsLoaded?: boolean;
+    vendorSearchAutoCompleteActions?: AutoCompleteActions;
+    vendorSearchAutoCompleteData?: AutoCompleteData;
+    onFiltersChange: (filters: TFiltersType) => void;
+    onFilterClick?: (entity: TEntity) => void;
+    /** When provided and returns non-null for a field, renders custom operator + value UI (e.g. transaction amount filter with From/To inputs). */
+    renderCustomCategoryValueSection?: (field: string, props: {
+        categoryIndex: number;
+        filter: GenericFilterCategory<TField>;
+        onMatchingOperatorChange: (option: {
+            label: string;
+            value: string;
+        }, categoryIndex?: number) => void;
+        onValueChange: (value: ValuesDropdownOption[], categoryIndex: number) => void;
+    }) => {
+        operatorDropdown: React.ReactNode;
+        valueField: React.ReactNode;
+    } | null;
+}
+declare function GenericFilters<TEntity extends SupportedFilterEntityType, TField extends string, TCategoryDropdownOption extends GenericFilterCategoryDropdownOption<TField>, TFiltersType extends GenericFiltersType<TField>>({ entity: selectedEntity, filters, filterStrings, helpers, onFiltersChange, createdByUserListLoaded, disableFilters, groupByFiltersComponent, transactionsLoaded, vendorSearchAutoCompleteActions, vendorSearchAutoCompleteData, categoryWiseOptions, onFilterClick, renderCustomCategoryValueSection, }: GenericFiltersProps<TEntity, TField, TCategoryDropdownOption, TFiltersType>): import("react/jsx-runtime").JSX.Element;
+export default GenericFilters;

package/dist/components/common/filters/components/GenericFiltersSelection.d.ts

@@ -0,0 +1,58 @@
+import { MatchingOperatorDropdownOption, UserRoleType } from '@zeniai/client-epic-state';
+import { AutoCompleteActions, AutoCompleteData } from '../../../common/autoComplete/autoCompleteProps';
+import { SupportedFilterEntityType } from '../GenericFilters';
+import { GenericFilterCategory, GenericFilterCategoryDropdownOption, GenericFiltersType, ValuesDropdownOption } from '../genericFilterTypes';
+export interface GenericFiltersSelectionProps<TEntity extends SupportedFilterEntityType, TField extends string, TCategoryDropdownOption extends GenericFilterCategoryDropdownOption<TField>, TFiltersType extends GenericFiltersType<TField>> {
+    filters: TFiltersType;
+    filterStrings: {
+        addFilterBtnText: string;
+        categoryPlaceholder: string;
+        clearAllBtnText: string;
+        filterByLabel: string;
+        searchPlaceholder: string;
+        select: string;
+        getValuePlaceholder?: (categoryField: string, categoryLabel: string) => string | undefined;
+    };
+    filterValues: Record<string, ValuesDropdownOption[]>;
+    helpers: {
+        getAppliedFiltersCount: (filters: TFiltersType) => number;
+        getDefaultEmptyFilters: () => TFiltersType;
+        getFilterCategories: (entity: TEntity, userRole?: UserRoleType[]) => TCategoryDropdownOption[];
+        getFilterCategoryLabel: (entity: TEntity, key: string) => string;
+        getUpdatedFiltersOnCategoryChange: (props: {
+            currentFilters: TFiltersType;
+            selectedOption: TCategoryDropdownOption;
+            categoryIndex?: number;
+        }) => TFiltersType;
+        getUpdatedFiltersOnMatchingOperatorChange: (props: {
+            currentFilters: TFiltersType;
+            selectedOption: MatchingOperatorDropdownOption;
+            categoryIndex?: number;
+        }) => TFiltersType;
+        getUpdatedFiltersOnValueChange: (props: {
+            categoryIndex: number;
+            currentFilters: TFiltersType;
+            selectedOptions: ValuesDropdownOption[];
+        }) => TFiltersType;
+    };
+    selectedEntity: TEntity;
+    vendorSearchAutoCompleteActions?: AutoCompleteActions;
+    vendorSearchAutoCompleteData?: AutoCompleteData;
+    onFiltersChange: (filters: TFiltersType) => void;
+    renderCustomCategoryValueSection?: (field: string, props: {
+        categoryIndex: number;
+        filter: GenericFilterCategory<TField>;
+        onMatchingOperatorChange: (option: {
+            label: string;
+            value: string;
+        }, categoryIndex?: number) => void;
+        onValueChange: (value: ValuesDropdownOption[], categoryIndex: number) => void;
+    }) => {
+        operatorDropdown: React.ReactNode;
+        valueField: React.ReactNode;
+    } | null;
+}
+declare const _default: <TEntity extends SupportedFilterEntityType, TField extends string, TCategoryDropdownOption extends GenericFilterCategoryDropdownOption<TField>, TFiltersType extends GenericFiltersType<TField>>(props: GenericFiltersSelectionProps<TEntity, TField, TCategoryDropdownOption, TFiltersType> & {
+    ref?: React.ForwardedRef<HTMLDivElement>;
+}) => React.ReactElement;
+export default _default;

package/dist/components/common/filters/genericFilterTypes.d.ts

@@ -0,0 +1,62 @@
+import { CategoryCombinationOperator, ZeniDate, ZeniUrl } from '@zeniai/client-epic-state';
+type DropdownOptionTypeBase = {
+    [key: string]: any;
+};
+export type ValuesDropdownOption = DropdownOptionTypeBase & {
+    label: string;
+    value: string | number | ZeniDate;
+    email?: string;
+    iconColor?: string;
+    iconType?: string;
+    photo?: ZeniUrl;
+};
+/**
+ * How a category's selected values combine when matching:
+ *   - `"ANY"` — match a row if any value in `values[]` matches (OR semantics).
+ *   - `"ALL"` — match a row only if every value in `values[]` matches (AND).
+ *
+ * Exposed as a named type so callsites that store or narrow this field
+ * (e.g. TC's `TransactionFilterCategory`, which pins it to literal `"ANY"`)
+ * reference one source of truth rather than redeclaring the union.
+ */
+export type ValuesCombinationOperator = "ANY" | "ALL";
+export type GenericFilterCategory<TField extends string = string> = {
+    values: Array<string | number | ZeniDate>;
+    field?: TField;
+    matchingOperator?: string;
+    valuesCombinationOperator?: ValuesCombinationOperator;
+};
+export type GenericFiltersType<TField extends string = string> = {
+    categories: GenericFilterCategory<TField>[];
+    categoryCombinationOperator: CategoryCombinationOperator;
+};
+/**
+ * Type shape for `NEW_CATEGORY_BODY` below. Carries three deliberate
+ * narrowing choices:
+ *
+ *   - `valuesCombinationOperator: "ANY"` — the literal type, not the wider
+ *     `ValuesCombinationOperator` union, because TC's
+ *     `TransactionFilterCategory` narrows the field further to exactly
+ *     `"ANY"`. Without the literal here, the `...NEW_CATEGORY_BODY` spread
+ *     would produce `string` and fail the downstream assignment.
+ *   - `values: never[]` — narrowest possible array type, so the spread is
+ *     assignable to any concrete `values` (e.g. TC's `(string | number)[]`,
+ *     SM's `Array<string | number | ZeniDate>`).
+ *   - `matchingOperator: string` — widely usable placeholder; every caller
+ *     overrides this field after the spread.
+ *
+ * Using an explicit type annotation rather than `as const` keeps the
+ * narrowing without scattering `as const` through callsites.
+ */
+type NewCategoryBody = {
+    matchingOperator: string;
+    values: never[];
+    valuesCombinationOperator: "ANY";
+};
+export declare const NEW_CATEGORY_BODY: NewCategoryBody;
+export type GenericFilterCategoryDropdownOption<TField extends string = string> = {
+    value: TField;
+    multiple?: boolean;
+    type?: string;
+};
+export {};

package/dist/components/common/listPageSearchInputBox/ListPageSearchInputBox.d.ts

@@ -1,5 +1,6 @@
 export interface Props {
     disabled?: boolean;
+    enableSearchHotkey?: boolean;
     inputWrapperStyle?: React.CSSProperties;
     keepSearchBoxOpen?: boolean;
     placeholder?: string;
@@ -8,9 +9,10 @@ export interface Props {
     searchIconMarginRight?: string;
     searchText?: string;
     style?: React.CSSProperties;
+    styledSearchCancelIconWrapperStyle?: React.CSSProperties;
     styledSearchIconContainerStyle?: React.CSSProperties;
     styledSearchIconWrapperStyle?: React.CSSProperties;
     onSearchOpen?: (isOpen: boolean) => void;
     onSearchTextChanged?: (text: string) => void;
 }
-export declare function ListPageSearchInputBox({ disabled, inputWrapperStyle, keepSearchBoxOpen, placeholder, searchBarDataTestId, searchIconMarginRight, searchText, style, styledSearchIconContainerStyle, styledSearchIconWrapperStyle, onSearchOpen, onSearchTextChanged, }: Readonly<Props>): import("react/jsx-runtime").JSX.Element;
+export declare function ListPageSearchInputBox({ enableSearchHotkey, disabled, inputWrapperStyle, keepSearchBoxOpen, placeholder, searchBarDataTestId, searchIconMarginRight, searchText, style, styledSearchCancelIconWrapperStyle, styledSearchIconContainerStyle, styledSearchIconWrapperStyle, onSearchOpen, onSearchTextChanged, }: Readonly<Props>): import("react/jsx-runtime").JSX.Element;

package/dist/components/common/listPageSearchSection/ListPageSearchSection.d.ts

@@ -2,13 +2,26 @@ export interface ListPageSearchSectionProps {
     isSearchOpen: boolean;
     searchPlaceHolder: string;
     searchText: string;
+    /** Tab-within-feature scope — see `selectedEntity` above. */
+    currentTab?: string;
     downloadPresent?: boolean;
+    enableSearchHotkey?: boolean;
     hideSearchBtn?: boolean;
     inputWrapperStyle?: React.CSSProperties;
     /** When set, applied to each search bar container (icon + input). */
     searchBarDataTestId?: string;
     searchIconMarginRight?: string;
     searchTextBoxStyle?: React.CSSProperties;
+    /**
+     * Optional page/feature scope — paired with `currentTab` to derive a
+     * specific `data-testid` on the outer container (e.g.
+     * `search-transaction_categorization-review`). Both must be supplied for
+     * the attribute to render; either missing falls back to no `data-testid`
+     * so consumers without this context (vendor pages, aging reports, etc.)
+     * stay un-tagged and continue to rely on their own scoping mechanisms.
+     */
+    selectedEntity?: string;
+    styledSearchCancelIconWrapperStyle?: React.CSSProperties;
     styledSearchIconContainerStyle?: React.CSSProperties;
     styledSearchIconWrapperStyle?: React.CSSProperties;
     onSearchTextChanged?: (searchText: string) => void;