@zeniai/web-components 4.1.35 → 4.1.36

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;
@@ -8538,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-B8_tVziz.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-B7rWupPV.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`
   display: flex;
   width: 100%;
   cursor: ${e=>e.isClickable?"pointer":"initial"};

package/dist/cockpit.esm.js

@@ -1,5 +1,5 @@
-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-C669xsfH.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-C669xsfH.js";
+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-B30sebbj.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-B30sebbj.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 * as me from "react";

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;

package/dist/components/expenseAutomation/ExpenseAutomationPage.d.ts

@@ -1,5 +1,5 @@
 import { ReactNode } from 'react';
-import { AccountBase, AuthParams, BulkUploadResultsTab, BulkUploadSelectorData, BulkUploadSortKey, COTTransactionTrackingByTransactionId, ClassBase, CompletedSubTab, CustomerBase, Entity, ExpenseAutomationJESchedulesViewUIState, ExpenseAutomationMissingReceiptsViewUIState, ExpenseAutomationReconciliationViewTab, ExpenseAutomationStepDetails, ExpenseAutomationTransactionsTab, ExpenseAutomationTransactionsViewUIState, ExpenseAutomationViewSelector, ExpenseAutomationViewType, FetchState, FluxAnalysisActionType, FluxAnalysisSectionType, FluxAnalysisViewUIState, ID, JEScheduleTransactionKey, LoggedInUser, MissingReceiptsTab, MonthYearPeriod, PageToken, PlaidLinkTokenType, RecommendationWithCOT, ReconReconcileSortKey, ReconReviewSortKey, ReconciliationReviewTabLocalData, SaveExpenseAutomationReconciliationActionType, ScheduleTypes, SortOrder, SupportedTransactionPayload, SupportedTransactionWithCOT, TransactionEntityType, TransactionID, TransactionType, Vendor, VendorBase, ZeniAPIStatus } from '@zeniai/client-epic-state';
+import { AccountBase, AccountFilterOption, AuthParams, BulkUploadResultsTab, BulkUploadSelectorData, BulkUploadSortKey, COTTransactionTrackingByTransactionId, ClassBase, ClassFilterOption, CompletedSubTab, CustomerBase, Entity, ExpenseAutomationJESchedulesViewUIState, ExpenseAutomationMissingReceiptsViewUIState, ExpenseAutomationReconciliationViewTab, ExpenseAutomationStepDetails, ExpenseAutomationTransactionsTab, ExpenseAutomationTransactionsViewUIState, ExpenseAutomationViewSelector, ExpenseAutomationViewType, FetchState, FluxAnalysisActionType, FluxAnalysisSectionType, FluxAnalysisViewUIState, ID, JEScheduleTransactionKey, LoggedInUser, MissingReceiptsTab, MonthYearPeriod, PageToken, PlaidLinkTokenType, RecommendationWithCOT, ReconReconcileSortKey, ReconReviewSortKey, ReconciliationReviewTabLocalData, SaveExpenseAutomationReconciliationActionType, ScheduleTypes, SortOrder, SupportedTransactionPayload, SupportedTransactionWithCOT, TransactionEntityType, TransactionFilters, TransactionID, TransactionType, Vendor, VendorBase, ZeniAPIStatus } from '@zeniai/client-epic-state';
 import { AutoCompleteActions, AutoCompleteData } from '../common/autoComplete/autoCompleteProps';
 import { ReportTreeScrollPosition } from '../reportTree/ReportTree';
 import { ExpenseAutomationThreadClickTarget } from './components/ExpenseAutomationCommentingShell';
@@ -22,6 +22,8 @@ export interface ExpenseAutomationPageProps extends MonthEndReportPageProps {
     receiptUploadEndpoint: string;
     vendorSearchAutoCompleteActions: AutoCompleteActions;
     vendorSearchAutoCompleteData: AutoCompleteData;
+    /** Accounts from getAllAccounts(accountState) for Payment Account Name/Type filter dropdowns */
+    accountsForFilters?: AccountFilterOption[];
     /**
      * Transaction categorization only: inline activity next to the TC list
      * (e.g. `TransactionActivityLogPanel`).
@@ -34,6 +36,19 @@ export interface ExpenseAutomationPageProps extends MonthEndReportPageProps {
     activityLogTransactionId?: ID;
     bulkUploadEndpoint?: string;
     bulkUploadSelector?: BulkUploadSelectorData;
+    /** Options for the Category filter dropdown (converted to { label: accountName, value: accountId }) */
+    categoryOptions?: Array<{
+        accountId?: string;
+        accountName?: string;
+    }>;
+    /**
+     * Class options for the Class filter dropdown. Uses the narrow
+     * `ClassFilterOption` ({classId, className}) — only the identity and the
+     * display label are needed here. Passing the full `ClassBase` would be a
+     * loose contract that lets consumers accidentally rely on fields that the
+     * upstream selector strips out.
+     */
+    classesForFilters?: ClassFilterOption[];
     /** Initial receipts sub-tab (e.g. Storybook: show Unmatched without clicking tabs). */
     initialMissingReceiptsTab?: MissingReceiptsTab;
     isAiCfoAccessEnabled?: boolean;
@@ -72,6 +87,7 @@ export interface ExpenseAutomationPageProps extends MonthEndReportPageProps {
     }, isBulkFetch: boolean, selectedTab: ExpenseAutomationTransactionsTab, entity?: Entity, updatedCustomer?: CustomerBase) => void;
     onFetchReimbursementView: (selectedPeriod: MonthYearPeriod, pageToken: PageToken, keepExistingListItems: boolean) => void;
     onFetchTransactionCategorizationList: (selectedTab: ExpenseAutomationTransactionsTab, searchString?: string, keepExistingListItems?: boolean, pageToken?: PageToken, refreshInBackground?: boolean, resetListItems?: boolean) => void;
+    onFiltersChange: (filters: TransactionFilters) => void;
     onIncludeAccountIntoReconciliation: (accountId: ID) => void;
     onJeAccountSettingsChange: (formData: JEScheduleAccountSettingsFormData) => void;
     onJESchedulesFormDataChange: (scheduleJournalEntryID: ID, localData: JEScheduleResolveComponentFormData) => void;

package/dist/components/expenseAutomation/components/EmptyTableSection.d.ts

@@ -6,6 +6,12 @@ interface EmptyTableSectionProps {
     subTitle: string;
     tab: ExpenseAutomationViewType;
     title: string;
+    /**
+     * When true, render the "no search results" illustration instead of the
+     * tab-specific all-done illustration. Used by the Transaction Categorization
+     * list when an active search/filter yields no matches.
+     */
+    useNoSearchResultIcon?: boolean;
 }
 export default function EmptyTableSection(props: EmptyTableSectionProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/expenseAutomation/components/NavBarWithHeader.d.ts

@@ -1,6 +1,8 @@
 import { ReactNode } from 'react';
-import { CompletionStatusType, ExpenseAutomationReconciliationViewTab, ExpenseAutomationTransactionsTab, ExpenseAutomationViewType, FetchState, ID, MissingReceiptsTab } from '@zeniai/client-epic-state';
+import { CompletionStatusType, ExpenseAutomationReconciliationViewTab, ExpenseAutomationTransactionsTab, ExpenseAutomationViewType, FetchState, ID, MissingReceiptsTab, TransactionFilterEntityType, TransactionFilters } from '@zeniai/client-epic-state';
 import { TabSwitcherOption } from '../../common/allNavBars/statusSwitcher/switcherTypes';
+import { AutoCompleteActions, AutoCompleteData } from '../../common/autoComplete/autoCompleteProps';
+import { ValuesDropdownOption } from '../../common/filters/genericFilterTypes';
 import { JEScheduleMainTab } from '../sections/jeSchedules/jeScheduleConfig';
 import { ExpenseAutomationNavbarHeaderData } from './navbarHeaderData';
 interface NavBarWithHeaderProps {
@@ -12,15 +14,30 @@ interface NavBarWithHeaderProps {
     isZeniUser: boolean;
     refreshStatus: FetchState;
     searchText: string;
+    selectedEntity: TransactionFilterEntityType;
     /** Renders below the tab strip (e.g. Missing Receipts bulk upload email + policy). */
     belowTabsSlot?: ReactNode;
     completionPercentage?: number;
     /** Raw progress (0–100) for color bands; falls back to `completionPercentage` when omitted. */
     completionProgressRaw?: number;
+    createdByUserListLoaded?: boolean;
     currentJeTab?: JEScheduleMainTab;
     currentMissingReceiptsTab?: MissingReceiptsTab;
     currentRecontab?: ExpenseAutomationReconciliationViewTab;
     currentTab?: ExpenseAutomationTransactionsTab;
+    filterComponent?: React.ComponentType<{
+        entity: TransactionFilterEntityType;
+        filters: TransactionFilters;
+        /** Memoized dropdown options keyed by category field. Update this when source data populates so dropdowns refresh. */
+        categoryWiseOptions?: Record<string, ValuesDropdownOption[]>;
+        createdByUserListLoaded?: boolean;
+        vendorSearchAutoCompleteActions?: AutoCompleteActions;
+        vendorSearchAutoCompleteData?: AutoCompleteData;
+        onFiltersChange: (filters: TransactionFilters) => void;
+    }>;
+    /** Memoized dropdown options keyed by category field. Update this when source data populates so dropdowns refresh. */
+    filterOptions?: Record<string, ValuesDropdownOption[]>;
+    filters?: TransactionFilters;
     hideTabSwitcher?: boolean;
     isAiCfoAccessEnabled?: boolean;
     isCompletionLoading?: boolean;
@@ -29,6 +46,8 @@ interface NavBarWithHeaderProps {
     selectedGenericTab?: ID;
     selectedReconAccountId?: ID;
     titleStyle?: React.CSSProperties;
+    vendorSearchAutoCompleteActions?: AutoCompleteActions;
+    vendorSearchAutoCompleteData?: AutoCompleteData;
     getTabCountAndFetchState: (currentTab: ExpenseAutomationTransactionsTab | ExpenseAutomationReconciliationViewTab | MissingReceiptsTab | JEScheduleMainTab) => {
         count: number;
         isFetching: boolean;
@@ -43,6 +62,7 @@ interface NavBarWithHeaderProps {
     onUpdateTab: (tab: ExpenseAutomationTransactionsTab) => void;
     onAskAiCfoClick?: () => void;
     onCommentDrawerClick?: () => void;
+    onFiltersChange?: (filters: TransactionFilters) => void;
     onGenericTabChange?: (tab: TabSwitcherOption) => void;
     onJeTabUpdate?: (tab: JEScheduleMainTab) => void;
     onMissingReceiptsTabUpdate?: (tab: MissingReceiptsTab) => void;

package/dist/components/expenseAutomation/components/TableSection.d.ts

@@ -1,5 +1,5 @@
 import { ReactNode } from 'react';
-import { AttachmentFilePayload, AuthParams, ExpenseAutomationViewSelector, ID, LoggedInUser, SaveExpenseAutomationReconciliationActionType } from '@zeniai/client-epic-state';
+import { AttachmentFilePayload, AuthParams, ExpenseAutomationViewSelector, ID, LoggedInUser, SaveExpenseAutomationReconciliationActionType, TransactionFilters } from '@zeniai/client-epic-state';
 import { AutoCompleteActions, AutoCompleteData } from '../../common/autoComplete/autoCompleteProps';
 import { FooterFormIdType } from '../common';
 import { AccountReconciliationParentPageActionProps } from '../sections/accountRecon/AccountReconciliationPage';
@@ -32,6 +32,7 @@ export interface MonthEndReportPageProps {
 interface TableSectionProps extends MissingReceiptsListTableActionProps, TransactionCategorizationActionProps, JESchedulePageProps, FluxAnalysisTableProps, AccountReconciliationParentPageActionProps, MonthEndReportPageProps {
     authParams: AuthParams;
     expenseAutomationViewSelector: ExpenseAutomationViewSelector;
+    filters: TransactionFilters;
     isAccountingClassesEnabled: boolean;
     isCOTEnabled: boolean;
     isProjectsTransactionsEnabled: boolean;

package/dist/components/expenseAutomation/components/filters/AmountFilterValueField.d.ts

@@ -0,0 +1,8 @@
+import { ValuesDropdownOption } from '../../../common/filters/genericFilterTypes';
+export interface AmountFilterValueFieldProps {
+    matchingOperator: string;
+    value: (string | number)[];
+    onChange: (options: ValuesDropdownOption[]) => void;
+}
+declare const AmountFilterValueField: ({ matchingOperator, value, onChange, }: AmountFilterValueFieldProps) => import("react/jsx-runtime").JSX.Element;
+export default AmountFilterValueField;

package/dist/components/expenseAutomation/components/filters/AmountMatchingOperatorDropdown.d.ts

@@ -0,0 +1,8 @@
+import { AmountMatchingOperatorOption } from './amountFilterConstants';
+interface AmountMatchingOperatorDropdownProps {
+    categoryIndex?: number;
+    value?: string;
+    onChange: (option: AmountMatchingOperatorOption, categoryIndex?: number) => void;
+}
+declare const AmountMatchingOperatorDropdown: ({ onChange, value, categoryIndex, }: AmountMatchingOperatorDropdownProps) => import("react/jsx-runtime").JSX.Element;
+export default AmountMatchingOperatorDropdown;

package/dist/components/expenseAutomation/components/filters/TransactionFiltersComponent.d.ts

@@ -0,0 +1,17 @@
+import { TransactionFilterEntityType, TransactionFilters } from '@zeniai/client-epic-state';
+import { AutoCompleteActions, AutoCompleteData } from '../../../common/autoComplete/autoCompleteProps';
+import { ValuesDropdownOption } from '../../../common/filters/genericFilterTypes';
+export interface TransactionFiltersProps {
+    entity: TransactionFilterEntityType;
+    filters: TransactionFilters;
+    /** Memoized dropdown options keyed by category field. Update this when the source data populates so the dropdowns refresh. */
+    categoryWiseOptions?: Record<string, ValuesDropdownOption[]>;
+    createdByUserListLoaded?: boolean;
+    disableFilters?: boolean;
+    transactionsLoaded?: boolean;
+    vendorSearchAutoCompleteActions?: AutoCompleteActions;
+    vendorSearchAutoCompleteData?: AutoCompleteData;
+    onFiltersChange: (filters: TransactionFilters) => void;
+}
+declare const TransactionFiltersComponent: ({ entity, filters, vendorSearchAutoCompleteData, vendorSearchAutoCompleteActions, disableFilters, transactionsLoaded, createdByUserListLoaded, onFiltersChange, categoryWiseOptions, }: TransactionFiltersProps) => import("react/jsx-runtime").JSX.Element;
+export default TransactionFiltersComponent;

package/dist/components/expenseAutomation/components/filters/amountFilterConstants.d.ts

@@ -0,0 +1,19 @@
+/**
+ * Amount filter: operator types and dropdown options for the
+ * transaction-categorization Amount filter. Used only by the TC filter UI;
+ * not consumed outside this folder.
+ */
+type AmountMatchingOperatorValue = "less_than" | "greater_than" | "equal" | "in_between";
+export interface AmountMatchingOperatorOption {
+    label: string;
+    value: AmountMatchingOperatorValue;
+}
+export declare const getAmountMatchingOperatorOptions: (labels: {
+    greaterThan: string;
+    inBetween: string;
+    isEqual: string;
+    lessThan: string;
+}) => AmountMatchingOperatorOption[];
+export declare const isAmountMatchingOperator: (value: string) => value is AmountMatchingOperatorValue;
+export declare const DEFAULT_AMOUNT_MATCHING_OPERATOR: AmountMatchingOperatorValue;
+export {};

package/dist/components/expenseAutomation/components/filters/transactionFiltersHelpers.d.ts

@@ -0,0 +1,24 @@
+import { MatchingOperatorDropdownOption, TransactionFilterCategoryDropdownOption, TransactionFilters } from '@zeniai/client-epic-state';
+import { ValuesDropdownOption } from '../../../common/filters/genericFilterTypes';
+export declare const getTransactionFilterCategories: () => TransactionFilterCategoryDropdownOption[];
+export declare const getTransactionFilterCategoryLabel: (key: string) => string;
+export declare const getUpdatedTransactionFiltersOnCategoryChange: ({ currentFilters, selectedOption, categoryIndex, }: {
+    currentFilters: TransactionFilters;
+    selectedOption: TransactionFilterCategoryDropdownOption;
+    categoryIndex?: number;
+}) => TransactionFilters;
+export declare const getUpdatedTransactionFiltersOnMatchingOperatorChange: ({ currentFilters, selectedOption, categoryIndex, }: {
+    currentFilters: TransactionFilters;
+    selectedOption: MatchingOperatorDropdownOption | {
+        label: string;
+        value: string;
+    };
+    categoryIndex?: number;
+}) => TransactionFilters;
+export declare const getUpdatedTransactionFiltersOnValueChange: ({ categoryIndex, currentFilters, selectedOptions, }: {
+    categoryIndex: number;
+    currentFilters: TransactionFilters;
+    selectedOptions: ValuesDropdownOption[];
+}) => TransactionFilters;
+export declare const getTransactionAppliedFiltersCount: (filters: TransactionFilters) => number;
+export declare const hasActiveSearchOrFilters: (searchString: string, filters: TransactionFilters) => boolean;

package/dist/components/expenseAutomation/components/navbarHeaderData.d.ts

@@ -1,6 +1,6 @@
 import { ExpenseAutomationReconciliationViewTab, ExpenseAutomationTransactionsTab, ExpenseAutomationViewType, ID, MissingReceiptsTab } from '@zeniai/client-epic-state';
 import { JEScheduleMainTab } from '../sections/jeSchedules/jeScheduleConfig';
-declare const toRightOptionType: (v: string) => "search" | "close" | "comment" | "refresh" | "commentDrawer" | "askAiCfo";
+declare const toRightOptionType: (v: string) => "search" | "close" | "filter" | "comment" | "refresh" | "commentDrawer" | "askAiCfo";
 type RightSection = ReturnType<typeof toRightOptionType>;
 declare const toLeftOptionType: (v: string) => "back";
 type LeftSection = ReturnType<typeof toLeftOptionType>;
@@ -35,7 +35,7 @@ export interface ExpenseAutomationNavbarHeaderData {
     title: string;
     subText?: string;
 }
-export declare const getNavBarHeaderData: (expenseAutomationViewType: ExpenseAutomationViewType, autoCategorizedTransactionNumber?: number, accountId?: ID, customTitle?: string, navBarSubText?: string, 
+export declare const getNavBarHeaderData: (expenseAutomationViewType: ExpenseAutomationViewType, autoCategorizedTransactionNumber?: number, accountId?: ID, customTitle?: string, navBarSubText?: string, currentTab?: ExpenseAutomationTransactionsTab, isSearchAndFilterEnabled?: boolean, 
 /** When `{ includeBulkUploadTabs: false }` (bulk upload / feature off), no sub-tabs — original subtitle only. */
 missingReceiptsOptions?: {
     includeBulkUploadTabs?: boolean;