@zeniai/web-cockpit-ui 1.15.45-dev → 1.15.46-dev

package/dist/assets/ExpenseAutomationPage-B8ptcdZd-BOgjzwCH.js

@@ -0,0 +1,3001 @@
+import{o as n,bX as Pl,J as be,gn as er,go as tr,V as t,cs as Fl,bD as _l,ab as Ge,aT as nr,u as f,b as me,ak as ot,an as Re,ct as Bl,ac as M,x as Q,y as Tt,bE as Vl,ig as Nl,aQ as nt,bV as xe,dl as zi,es as Ul,bx as Hl,p as he,au as Wl,eJ as Qt,L as Kn,dT as Ze,b5 as Jn,dr as ir,bt as ql,gb as Kl,id as Jl,h6 as Ql,g_ as or,by as Gl,bR as it,b9 as Qn,bM as sr,ks as Yl,ao as Ye,c6 as Zl,h as ar,bb as rr,as as Vo,aa as xn,bQ as No,ae as fn,kt as Xl,ku as ec,kv as tc,kw as Vn,kx as lr,ky as cr,kz as nc,kA as hs,kB as ic,gq as dr,dp as ur,kC as oc,kD as sc,kE as ac,kF as rc,kG as lc,kH as cc,kI as dc,kJ as uc,kK as hc,kL as pc,kM as hr,kN as mc,kO as gc,kP as xc,kQ as fc,gF as Uo,cf as Gn,cw as Pi,P as pr,r as mr,cI as Yn,dX as Ho,d as Wo,kR as yc,bq as wc,cm as Cc,c4 as bc,c1 as Zn,gI as ps,iV as ms,aq as $t,dm as Xn,d4 as Jt,iI as qe,cp as ei,cC as ti,cF as ni,kS as vc,w as yt,iq as gr,fF as Sc,aG as xr,kT as kc,aX as qo,aS as gs,h0 as fr,kU as jc,kV as $c,kW as Ic,bH as yr,aV as Tc,gO as Kt,i3 as Hi,eG as $i,cM as Ko,aA as Lc,eH as wr,gA as Ac,fU as Rc,ha as Cr,g as Ec,kX as Dc,a_ as Jo,jU as Mc,jV as Oc,dS as br,kY as vr,i$ as zc,hS as Pc,gG as Ii,jq as xs,kZ as Fc,a$ as _c,dv as Sr,a as Wn,iz as kr,iJ as Ro,k_ as Tn,ei as jr,ek as $r,j2 as Eo,j3 as Ir,d1 as Tr,k$ as Bc,d2 as Fi,iA as Lr,ft as Ar,l0 as Vc,ex as Wi,aM as Do,l1 as Nc,cR as Uc,iQ as Hc,dV as Wc,l2 as qc,gL as Kc,b3 as qi,et as Jc,fO as Qc,l3 as Gc,dR as Yc,hH as Zc,a9 as Xc,eu as ed,ev as td,ew as nd,ez as fs,eA as ys,eB as id,gS as od,b1 as sd,eL as ad,eM as rd,eN as ld}from"./index-CZZQCAd2.js";import{a as s,P as cd}from"./sentry-KKNtqb_g.js";import{n as o,c as le,k as _i}from"./mui-1V4DDk1u.js";import{bh as Ki,kM as dd,H9 as ws,Ha as qn,Hb as ud,Hc as hd,cx as pd,bL as Di,cy as md,c4 as Qo,Hd as gd,Fy as Cs,cz as xd,cA as fd,lR as Nn,bE as ln,He as bs,Hf as yd,bV as Rr,bo as cn,Hg as wd,Hh as Er,Hi as Dr,Hj as Mr,Hk as Or,Hl as zr,Hm as Go,lj as Cd}from"./zeni-epic-state-BIDncbwZ.js";import{t as Yo}from"./panelSelectedMixin-Cddsb26L-DCdVDlSE.js";import{h as Pr,I as Fr,n as Ln,R as Ot}from"./CollapsableReportTable-BBZQoM0P-CNldMsB_.js";import{N as Ji}from"./AccountRow-kn3U0JbW-CqKCifJj.js";import{o as _r}from"./mapTimeframeBalancesToTreeNode-CtMEj9WJ-CRNATqeg.js";import{d as vs}from"./mapLoadingInProgressToTreeNode-Wii9H08B-DMwkFEgt.js";import{h as bd}from"./VendorsAccountsSection-ziR6oNlY-CZuH9lY0.js";import{u as vd,c as Ss,d as Sd,m as kd}from"./uploadAttachment-BjSr5jfA-5o3rK0wU.js";import{r as Mi}from"./core-BPh6D8v5.js";import{t as jd}from"./upload-reimbursement-receipt-O2N8vcO7-DHlUSExT.js";import"./liveblocks-DYmELrdC.js";import"./recharts-W_ILlOEk.js";import"./lottie-BRpRA-Un.js";import"./analytics-CQziHS33.js";import"./lexical-CO_PvSmH.js";import"./utils-DuPmVt2f.js";(function(){try{var e=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},i=new e.Error().stack;i&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[i]="0ba21381-fec3-461e-baaf-4362061dc7de",e._sentryDebugIdIdentifier="sentry-dbid-0ba21381-fec3-461e-baaf-4362061dc7de")}catch{}})();const{common:{navBar:{back:$d},texts:{refresh:Id,close:Td,copy:Ld,copied:Ad,open:Rd}},expenseAutomation:{common:{numbers:{maximumCount:Ed}}}}=me.getLocalizedStrings(),Dd=o(Ac)`
+  display: flex;
+  width: ${n.sp4};
+  height: ${n.sp4};
+  align-items: center;
+  justify-content: center;
+`,Md=o.div`
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  position: relative;
+  cursor: ${e=>e.isDisabled?"not-allowed":"pointer"};
+  color: ${e=>e.theme.colors.hero};
+  &:hover {
+    color: ${e=>e.theme.colors.primary};
+  }
+`,Od=o.div`
+  width: 100%;
+  display: flex;
+  flex-shrink: 0;
+  flex-direction: column;
+  background: ${e=>e.theme.colors.grey4};
+  box-sizing: border-box;
+  position: sticky;
+  top: 0;
+  z-index: 6;
+`,ks=o.div`
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  padding-left: ${e=>$s.subSectionContainerLeftRightPadding.valuePx(e.windowSize)};
+  padding-right: ${e=>$s.subSectionContainerLeftRightPadding.valuePx(e.windowSize)};
+`,zd=o.div`
+  display: flex;
+  align-items: baseline;
+  justify-content: end;
+  gap: ${n.sp4};
+  flex: 1 1 ${n.sp0};
+`,Pd=o.div`
+  display: flex;
+  align-items: baseline;
+  justify-content: start;
+  gap: ${n.sp4};
+  flex: 1 1 ${n.sp0};
+`,Fd=o(Cr)`
+  width: ${n.sp3};
+  height: ${n.sp3};
+  cursor: pointer;
+  margin-left: ${n.sp1};
+  color: inherit;
+`,_d=o(Rc)`
+  width: ${n.sp3};
+  height: ${n.sp3};
+  margin-left: ${n.sp1};
+  color: ${he.success};
+`,Bd=o(Wo)`
+  cursor: pointer;
+  width: ${n.sp4};
+  height: ${n.sp4};
+  color: ${e=>e.theme.colors.hero};
+  &:hover {
+    color: ${e=>e.theme.colors.primary};
+  }
+`,Vd=o(bc)`
+  cursor: pointer;
+  width: ${n.sp4};
+  height: ${n.sp4};
+  color: ${e=>e.theme.colors.hero};
+  &:hover {
+    color: ${e=>e.theme.colors.primary};
+  }
+`,Nd=o(Cc,{shouldForwardProp:e=>typeof e=="string"&&e!=="$spinning"})`
+  cursor: pointer;
+  width: ${n.sp4};
+  height: ${n.sp4};
+  color: ${e=>e.theme.colors.hero};
+  animation: ${e=>e.$spinning?le`
+          ${Ud} 2s linear infinite;
+        `:"none"};
+  &:hover {
+    color: ${e=>e.theme.colors.primary};
+  }
+`,Ud=_i`
+  0% {
+    transform: rotate(0deg);
+  }
+  100% {
+    transform: rotate(360deg);
+  }
+`,Hd=o.div`
+  width: 100%;
+`,Wd=o.div`
+  padding-top: ${n.sp0};
+  padding-bottom: ${n.sp0};
+`,js=o(Re)`
+  color: ${e=>e.theme.colors.hero};
+  text-align: center;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  flex-direction: column;
+  padding-bottom: ${n.sp4};
+`,qd=o.div`
+  display: flex;
+`,Kd=o.div`
+  border: 1px solid ${e=>e.theme.colors.grey3};
+  width: 100%;
+  margin-top: -2px;
+  border-top-right-radius: ${n.sp2};
+  border-top-left-radius: ${n.sp2};
+  border-bottom-right-radius: ${n.sp2};
+  border-bottom-left-radius: ${n.sp2};
+`,Jd=o.div`
+  display: flex;
+  height: ${n.sp4};
+`,Qd=o.div`
+  text-align: center;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  flex-wrap: wrap;
+`,Gd=o.div`
+  display: flex;
+  flex-direction: column;
+`,Yd=o(Qt)`
+  width: ${n.sp3};
+  height: ${n.sp3};
+  margin-right: ${n.sp1};
+  path {
+    stroke-width: 2;
+  }
+`,ui=o.span`
+  font-weight: ${Zn.regular};
+  color: ${e=>e.theme.colors.primary};
+`,Zd=o.span`
+  font-weight: ${Zn.medium};
+  color: ${e=>e.theme.colors.primary};
+`,Xd=o.span`
+  color: ${e=>e.theme.colors.primary};
+  text-decoration: underline;
+  text-decoration-color: ${e=>e.theme.colors.grey2};
+  cursor: pointer;
+  display: flex;
+  align-items: center;
+  transition: text-decoration-color 0.2s;
+  .copy-icon {
+    color: ${e=>e.theme.colors.hero};
+    transition: color 0.2s;
+  }
+  &:hover {
+    .copy-icon {
+      color: ${e=>e.theme.colors.primary};
+    }
+    text-decoration-color: ${e=>e.theme.colors.primary};
+  }
+`,$s={subSectionContainerLeftRightPadding:new Q(f[3],f[6],f[8])},eu=({onAllThreadsClick:e,companyId:i,companyName:l})=>{const r={application:"cockpit",companyId:i,entityId:i,tab:"expense_automation",isGlobalComment:!1,entityType:"expense_automation.monthEndEmail",companyName:l,url:window.location.href},{url:u,...d}=r,a={...d},{threads:c,isLoading:h}=yc(a,!1,!1),m=c.filter(p=>p.id.includes(dr)===!1);return t.jsxs(Md,{isDisabled:h,onClick:e,"data-testid":M("comment-icon"),children:[t.jsx(wc,{count:m.length,isLoading:h}),t.jsx(Dd,{})]})},tu=({headerData:e,refreshStatus:i,searchText:l,companyName:r,companyId:u,isZeniUser:d,onAllThreadsClick:a,onClose:c,onRefresh:h,onSearchTextChanged:m})=>{const p=()=>{i!=="In-Progress"&&h()};return t.jsx(zd,{children:e.rightSection.map((g,x)=>{switch(g){case"search":return t.jsx(Jl,{isSearchOpen:(l.length??0)>0,searchPlaceHolder:e.searchPlaceholder,searchText:l,searchTextBoxStyle:{position:"initial",height:"fit-content"},styledSearchIconContainerStyle:{height:n.sp4},searchIconMarginRight:n.sp0,onSearchTextChanged:y=>{m(y)},downloadPresent:!1},x+g);case"refresh":return t.jsx(xe,{display:"block",placement:"bottom",title:Id,style:{marginTop:"2px"},enterDelay:600,children:t.jsx(Nd,{onClick:p,$spinning:i==="In-Progress","data-testid":M("refresh-icon")})},x+g);case"comment":return d===!1?null:t.jsx(eu,{companyId:u,companyName:r,onAllThreadsClick:a});case"close":default:return t.jsx(xe,{display:"block",placement:"bottom",title:Td,enterDelay:600,style:{marginTop:"2px"},children:t.jsx(Bd,{onClick:c,"data-testid":M("close-icon")})},x+g)}})})},nu=({headerData:e,onBack:i})=>t.jsx(Pd,{children:e.leftSection.map((l,r)=>{switch(l){case"back":default:return t.jsx(xe,{display:"block",placement:"bottom",title:$d,enterDelay:600,style:{marginTop:"-14px"},children:t.jsx(Vd,{onClick:i,"data-testid":M("back-button")})},r+l)}})}),Is=({text:e,linkText:i,windowSize:l,isCopied:r,onLinkClick:u})=>{if(i==null||!i)return t.jsxs(ui,{windowSize:l,children:[e," "]});const d=e.indexOf(i);if(d===-1)return t.jsxs(ui,{windowSize:l,children:[e," "]});const a=e.substring(0,d),c=e.substring(d+i.length);return t.jsxs(t.Fragment,{children:[a?t.jsxs(ui,{windowSize:l,children:[a.trim()," "]}):null,t.jsx(xe,{display:"flex",placement:"right",title:or.test(i)?r?Ad:Ld:Rd,enterTouchDelay:600,children:t.jsxs(Xd,{onClick:()=>u?.(i),"data-testid":M("pre-link"),children:[i,r?t.jsx(_d,{className:"success-icon"}):t.jsx(Fd,{className:"copy-icon"})]})}),c?t.jsxs(ui,{windowSize:l,children:[c," "]}):null]})},Ts=({subTitles:e})=>{const i=be(),[,l]=Ql(),[r,u]=s.useState(!1),d=s.useRef(null),a=s.useCallback(c=>{or.test(c)?(l(c),u(!0),d.current&&clearTimeout(d.current),d.current=setTimeout(()=>{u(!1)},2e3)):window.open(c,"_blank","noopener,noreferrer")},[l]);return s.useEffect(()=>()=>{d.current&&clearTimeout(d.current)},[]),t.jsx(Gd,{children:e.map((c,h)=>t.jsxs(Qd,{children:[c.pre?t.jsx(Is,{text:c.pre,linkText:c.preLink,windowSize:i,isCopied:r,onLinkClick:a}):null,c.prefixIconName?t.jsx(t.Fragment,{children:c.prefixIconName==="zeniAIIcon"?t.jsx(Yd,{}):t.jsx(t.Fragment,{})}):null,c.bold?t.jsx(t.Fragment,{children:t.jsxs(Zd,{windowSize:i,children:[c.bold," "]})}):null,c.post?t.jsx(Is,{text:c.post,linkText:c.postLink,windowSize:i,isCopied:r,onLinkClick:a}):null]},h+c.bold+c.pre+c.post))})};function iu(e){const{headerData:i,currentTab:l,completionStatus:r,onUpdateTab:u,selectedReconAccountId:d,getTabCountAndFetchState:a,reconcileDetailPageFetchState:c,forceShowSubtitle:h,currentSelectedView:m,currentMissingReceiptsTab:p,onMissingReceiptsTabUpdate:g,onReconTabUpdate:x,currentRecontab:y,navBarCustomElement:b,titleStyle:S={},hideEmptyDivBelowTabs:$=!1,belowTabsSlot:v}=e,T=a("autoCategorized")?.count??0,I=a("review")?.count??0,w=a("reconcile")?.count??0,k=i.tabs.length>0||i.subTitle.length>0,j=m==="transaction_categorization"&&l==="autoCategorized",C=m==="reconciliation"&&y==="review"&&d!=null,P=m==="reconciliation"&&y==="reconcile"&&d!=null,A=j?T>0:C?c==="In-Progress"?!0:I>0:P?c==="In-Progress"?!0:w>0:r!=="complete",R=Tt(),F=be();let V=[];i.tabs.length>0&&(V=i.tabs.map(D=>({label:D.label,id:D.id,countDetails:a(D.id)})));const q=i.tabs.some(D=>(m==="reconciliation"?D.id===y:m==="missing_receipts"?D.id===p:D.id===l)&&D.subTitle.length>0);return t.jsxs(Od,{children:[t.jsx(Vl,{title:i.title,subTitle:i.subText,titleTextStyles:{flex:"1 1 0px"},backgroundColor:R.colors.grey4,onBackClick:()=>null,titleStyle:S,ignoreScrollAction:m!=="month_end_insights",keepBackgroundOnScroll:m!=="month_end_insights",leftSideComponent:t.jsx(nu,{...e}),rightSideComponent:t.jsx(tu,{...e}),source:"NavBarWithHeader"}),b??null,t.jsx(Ge,{controller:k===!0,children:t.jsx(ks,{windowSize:F,children:i.tabs.length>0?t.jsxs(t.Fragment,{children:[t.jsx(Wd,{windowSize:F,children:t.jsx(Nl,{allTabs:V,selectedTab:m==="transaction_categorization"?l??V[0].id:m==="missing_receipts"?p??V[0].id:y??V[0].id,onTabChange:D=>{if(m==="transaction_categorization"){const O=ud(D.id);O!=null&&u(O)}else if(m==="reconciliation"){const O=hd(D.id);O!=null&&x(O)}else m==="missing_receipts"&&g?.(D.id)},maximumCountLimit:Ed})}),t.jsx(Kd,{windowSize:F}),$!==!0?t.jsx(Jd,{}):null,t.jsx(Ge,{controller:(A===!0||h===!0)&&q,children:t.jsx(js,{windowSize:F,children:i.tabs.map((D,O)=>(m==="reconciliation"?D.id===y:m==="missing_receipts"?D.id===p:D.id===l)?t.jsx(qd,{children:t.jsx(Ts,{subTitles:D.subTitle})},O+D.id):null)})})]}):t.jsx(Ge,{controller:A===!0||h===!0,children:t.jsx(js,{windowSize:F,children:t.jsx(Ts,{subTitles:i.subTitle})})})})}),v!=null?t.jsx(ks,{windowSize:F,children:t.jsx(Hd,{children:v})}):null]})}const ou=1;function su({name:e,checkBoxes:i,mode:l,isDisabled:r,style:u,labelStyle:d,labelCheckBoxStyle:a,checkBoxStyle:c,width:h,registerOptions:m,checkedIconColor:p,checkBoxIconStyle:g,checkBoxContainerStyle:x,draggable:y=!1,selectionLimit:b,infoIconContainerStyle:S,onDragStart:$,rowHeight:v=40,initialScrollOffSet:T,onScroll:I}){const w=be(),k=s.useRef(null),{control:j}=Ko(),C=i.find(F=>F.groupLabel),P=i.filter(F=>!F.groupLabel),A=[];for(const F of P)if(F.isException||A.push(F.value),b!=null&&A.length===b+1)break;const R=i.filter(F=>F.defaultChecked).map(F=>F.value);return t.jsx(wr,{control:j,name:e,rules:m,defaultValue:R,render:({field:{value:F,ref:V,onChange:q}})=>{const D=O=>{ru({event:O,value:F,allCheckBoxValues:A,groupLabelCheckBox:C,onChange:q})};return t.jsxs(lu,{style:u,windowSize:w,children:[C&&t.jsx(Zo,{checkBox:C,index:0,value:F,allCheckBoxValues:A,mode:l,name:e,checkBoxContainerStyle:x,checkBoxIconStyle:g,checkBoxStyle:c,labelCheckBoxStyle:a,labelStyle:d,width:h,draggable:y,groupLabelCheckBox:C,infoIconContainerStyle:S,checkedIconColor:p,isDisabled:r,selectionLimit:b,onDragStart:$,ref:V,onChangeHandler:D}),t.jsx(cu,{children:t.jsx(Jn,{style:{height:"100%",width:"100%"},children:({height:O,width:ae})=>t.jsx(Pi,{ref:k,height:O,width:ae,itemCount:P.length,itemSize:()=>v,estimatedItemSize:v,initialScrollOffset:T??0,onScroll:({scrollOffset:_})=>{I?.(_)},overscanCount:ou,itemKey:_=>P[_].value,itemData:{checkBoxes:P,value:F,allCheckBoxValues:A,mode:l,name:e,checkBoxContainerStyle:x,checkBoxIconStyle:g,checkBoxStyle:c,labelCheckBoxStyle:a,labelStyle:d,width:h,draggable:y,groupLabelCheckBox:C,infoIconContainerStyle:S,checkedIconColor:p,isDisabled:r,selectionLimit:b,onDragStart:$,ref:V,onChange:q,handleChangeEvent:D,rowHeight:v},children:au})})})]})}})}const au=({index:e,style:i,data:l})=>{const r=s.useRef(null),{checkBoxes:u,value:d,allCheckBoxValues:a,mode:c,name:h,checkBoxContainerStyle:m,checkBoxIconStyle:p,checkBoxStyle:g,labelCheckBoxStyle:x,labelStyle:y,width:b,draggable:S,groupLabelCheckBox:$,infoIconContainerStyle:v,checkedIconColor:T,isDisabled:I,selectionLimit:w,onDragStart:k,ref:j,handleChangeEvent:C}=l,P=u[e];return t.jsx(gu,{style:{...i,width:"100%"},ref:r,children:t.jsx(Zo,{checkBox:P,index:e,value:d,allCheckBoxValues:a,mode:c,name:h,checkBoxContainerStyle:m,checkBoxIconStyle:p,checkBoxStyle:g,labelCheckBoxStyle:x,labelStyle:y,width:b,draggable:S,groupLabelCheckBox:$,infoIconContainerStyle:v,checkedIconColor:T,isDisabled:I,selectionLimit:w,onDragStart:k,ref:j,onChangeHandler:C})})},Zo=s.forwardRef((e,i)=>{const{value:l,checkBox:r,groupLabelCheckBox:u,allCheckBoxValues:d,selectionLimit:a,mode:c,checkBoxStyle:h,labelCheckBoxStyle:m,isDisabled:p,draggable:g,checkBoxContainerStyle:x,infoIconContainerStyle:y,name:b,index:S,width:$,checkedIconColor:v,checkBoxIconStyle:T,labelStyle:I,onDragStart:w,onChangeHandler:k}=e,j=be(),C=F=>{typeof i=="function"?i(F):i&&(i.current=F)};let P=l.includes(r.value);const A=Array.from(new Set([...l,r.value]));u?.value===r.value&&l.length>0&&(a!=null?P=A.length===d.length||A.length===a+1:P=d.every(F=>A.includes(F)===!0));const R=()=>c==="off"||r.isException?j==="small"?{display:"none",...h}:{visibility:"hidden",...h}:r.groupLabel?d.length===1&&d[0]===u?.value?{visibility:"hidden",...m}:m:h;return t.jsxs(uu,{mode:c,draggable:g===!0,onDragStart:F=>{w?.(F,r.value)},style:x,isDisabled:p,isSelected:P,exceptionMode:r.exceptionMode,children:[r.prefix?t.jsx(du,{className:"prefix-box",children:r.prefix}):null,r.isException?t.jsx(hu,{style:y,className:"checkbox-alert",children:t.jsx(xe,{style:{padding:`12px ${n.sp3}`},title:r.exceptionInfo??"",placement:"bottom-start",children:r.exceptionType==="info"?t.jsx(pu,{}):t.jsx(mu,{})})}):t.jsx(Nc,{name:`${b}.${r.value}`,checkBoxValue:r.value,value:P,checkedIconColor:v,isDisabled:p||!r.groupLabel&&!P&&a!=null&&A.length===a+1?"disabled":void 0,checkBoxStyle:R(),checkBoxIconStyle:T,ref:C,onChange:k}),typeof r.label=="string"&&r.label?t.jsx(Uc,{isDisabled:p,label:r.label,labelStyle:I,htmlFor:`${b}.${r.value}`,style:{display:"flex",flex:1,minHeight:n.sp4,marginLeft:n.sp2,width:$,backgroundColor:"inherit",...I}}):r.label]},`${r.value}_${S}`)});Zo.displayName="CheckBoxWithLabel";const ru=({event:e,value:i,allCheckBoxValues:l,groupLabelCheckBox:r,onChange:u})=>{const d=e.currentTarget.value,a=e.currentTarget.checked,c=r?.value,h=new Set(i);if(d===c){u(a?Array.from(new Set([c,...l])):[]);return}a?h.add(d):h.delete(d);const m=l.every(p=>h.has(p));c!=null&&(m&&!h.has(c)?h.add(c):!m&&h.has(c)&&h.delete(c)),u(Array.from(h))},lu=o.div`
+  display: flex;
+  flex-direction: column;
+  width: 100%;
+  height: 100%;
+`,cu=o.div`
+  flex: 1;
+  overflow: hidden;
+`,du=o.div`
+  opacity: 0;
+`,uu=o.div`
+  display: flex;
+  align-items: center;
+  flex-direction: row;
+  width: 100%;
+  min-height: ${n.sp4};
+
+  ${e=>e.mode==="checked_or_hover"&&le`
+      input:not(:checked) ~ .unchecked-icon {
+        opacity: 0;
+      }
+
+      :hover {
+        input:not(:checked) ~ .unchecked-icon,
+        .prefix-box {
+          opacity: 1;
+        }
+      }
+    `};
+
+  ${e=>e.mode==="hover_only"&&le`
+      input:not(:checked) ~ .unchecked-icon,
+      input:checked ~ .checked-icon {
+        opacity: 0;
+      }
+
+      :hover {
+        input:not(:checked) ~ .unchecked-icon,
+        input:checked ~ .checked-icon,
+        .prefix-box {
+          opacity: 1;
+        }
+      }
+    `};
+
+  label {
+    color: ${e=>e.isSelected?e.theme.colors.primary:e.theme.colors.hero};
+    ${e=>e.isDisabled==="disabled"&&le`
+        color: ${e.theme.colors.grey2};
+      `};
+    cursor: ${e=>e.isDisabled==="disabled"?"not-allowed":"pointer"};
+    pointer-events: ${e=>e.isDisabled==="disabled"||e.isDisabled==="readonly"?"none":"initial"};
+  }
+
+  .checkbox-alert {
+    opacity: 0;
+  }
+
+  ${e=>e.exceptionMode==="hover_only"&&le`
+      :hover {
+        .checkbox-alert {
+          opacity: 1;
+        }
+      }
+    `}
+
+  ${e=>e.exceptionMode==="checked_or_hover"&&le`
+      .checkbox-alert {
+        opacity: 1;
+      }
+    `}
+`,hu=o.div`
+  cursor: pointer;
+`,pu=o(sr)`
+  height: ${n.sp3};
+  width: ${n.sp3};
+  color: ${e=>e.theme.colors.hero};
+  background-color: ${e=>e.theme.colors.grey4};
+  border-radius: 50%;
+`,mu=o(Ar)`
+  height: ${n.sp3};
+  width: ${n.sp3};
+  color: ${e=>e.theme.colors.hero};
+  background-color: ${e=>e.theme.colors.grey4};
+  border-radius: 50%;
+`,gu=o.div`
+  width: 100%;
+  box-sizing: border-box;
+`,xu=e=>s.createElement("svg",{width:90,height:90,viewBox:"0 0 90 90",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e},s.createElement("path",{d:"M72.4185 11.061C72.4185 14.6835 75.357 17.622 78.9795 17.622C80.481 17.649 83.25 17.1 84.717 14.2515H78.912C78.912 14.2515 75.8025 13.9815 75.8025 11.142C75.8025 8.0325 78.912 8.0325 78.912 8.0325H84.798L84.1185 6.984C82.917 5.472 81.063 4.5 78.9795 4.5C75.357 4.5 72.4185 7.4385 72.4185 11.061Z",stroke:"#97C3B9",strokeWidth:.9,strokeMiterlimit:10}),s.createElement("path",{d:"M85.4682 8.03232H78.9117C77.1944 8.03232 75.8022 9.42348 75.8022 11.1396C75.8022 12.8557 77.1944 14.2468 78.9117 14.2468H85.4682C87.1856 14.2468 88.5777 12.8557 88.5777 11.1396C88.5777 9.42348 87.1856 8.03232 85.4682 8.03232Z",stroke:"#97C3B9",strokeWidth:.9,strokeMiterlimit:10}),s.createElement("path",{d:"M28.4263 14.2469H24.0028C22.2883 14.2469 20.8933 12.8564 20.8933 11.1374C20.8933 9.41842 22.2838 8.02792 24.0028 8.02792H28.2625C28.2625 8.02792 26.5813 10.8629 27.9763 14.2424L28.4263 14.2469Z",stroke:"#97C3B9",strokeWidth:.9,strokeMiterlimit:10}),s.createElement("path",{d:"M53.9688 68.3098H15.3093C11.5473 68.3098 8.49634 65.2588 8.49634 61.4968C8.49634 57.7348 11.5473 54.6838 15.3093 54.6838H51.4263",stroke:"#97C3B9",strokeWidth:.9,strokeMiterlimit:10}),s.createElement("path",{d:"M65.6235 45.9497L77.8365 18.1982H33.3135L15.7905 54.6572C15.7905 54.6572 37.872 54.6752 51.435 54.6842",stroke:"#97C3B9",strokeWidth:.9,strokeMiterlimit:10}),s.createElement("g",{opacity:.2},s.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M85.8128 16.0468C84.7317 18.3797 82.3687 19.998 79.6276 19.998L78.7323 20.0077L67.0499 46.8002L65.4818 47.8361C65.6694 47.9711 65.8535 48.1339 66.0367 48.296C66.4128 48.6286 66.7851 48.9578 67.1764 49.0365C67.5728 49.1158 68.0543 48.9552 68.537 48.7942C69.0956 48.6079 69.6559 48.4211 70.0879 48.6045C70.5193 48.7877 70.7584 49.309 70.996 49.8271C71.202 50.2763 71.4068 50.723 71.7349 50.9445C72.0683 51.1703 72.5689 51.1942 73.0687 51.2181C73.6349 51.2452 74.2002 51.2723 74.5204 51.5925C74.8415 51.9136 74.8691 52.4809 74.8968 53.0485C74.9211 53.5469 74.9454 54.0456 75.1684 54.378C75.3909 54.7076 75.8415 54.9157 76.2933 55.1244C76.8101 55.3631 77.3283 55.6025 77.5084 56.025C77.6876 56.4455 77.5053 56.9915 77.3211 57.5433C77.1583 58.0308 76.9941 58.5228 77.0764 58.9365C77.1553 59.3307 77.4857 59.7039 77.8189 60.0802C78.2085 60.5202 78.6019 60.9645 78.6019 61.452C78.6019 61.9403 78.2072 62.3866 77.817 62.8278L77.8169 62.8279C77.4844 63.2039 77.1551 63.5762 77.0764 63.9675C76.9971 64.3639 77.1577 64.8454 77.3187 65.3282C77.505 65.8867 77.6919 66.447 77.5084 66.879C77.3253 67.3104 76.8039 67.5495 76.2859 67.7871C75.8367 67.9931 75.3899 68.1979 75.1684 68.526C74.9454 68.8564 74.9211 69.355 74.8968 69.854C74.8691 70.4221 74.8414 70.9905 74.5204 71.3115C74.1994 71.6326 73.6321 71.6602 73.0645 71.6879C72.5661 71.7122 72.0674 71.7365 71.7349 71.9595C71.4054 72.182 71.1972 72.6326 70.9886 73.0844C70.7504 73.6 70.5116 74.117 70.0909 74.2982L69.9433 86.6701C69.9388 86.9896 69.6013 87.2011 69.3133 87.0616L63.9853 84.5191C63.8593 84.4561 63.7108 84.4606 63.5848 84.5281L59.0443 87.0031C58.7518 87.1606 58.3963 86.9491 58.3963 86.6161V73.2221C58.375 73.1765 58.3539 73.1307 58.3328 73.0849C58.1243 72.6329 57.9162 72.1818 57.5869 71.9595C57.2565 71.7365 56.7579 71.7122 56.2589 71.6879C55.6909 71.6602 55.1224 71.6325 54.8014 71.3115C54.5284 71.0386 54.4676 70.5876 54.4385 70.1098H16.2094C13.4696 70.1098 11.1069 68.4916 10.0252 66.159H5.3595C3.64217 66.159 2.25 64.7678 2.25 63.0517C2.25 61.3356 3.64217 59.9445 5.3595 59.9445H10.2772C11.4475 57.8784 13.6659 56.4838 16.2094 56.4838H16.8914L34.0978 20.2418C32.0553 19.6588 30.3782 18.0406 29.5344 16.0459L29.3264 16.0469H24.9029C23.1884 16.0469 21.7934 14.6564 21.7934 12.9374C21.7934 11.2184 23.1839 9.82792 24.9029 9.82792H29.8292C31.0005 7.76679 33.2164 6.37645 35.7571 6.37645H78.8745C79.1951 6.32719 79.5233 6.30112 79.8574 6.30002L79.8794 6.29999C82.4104 6.29999 84.6067 7.73319 85.701 9.83231H86.3681C88.0855 9.83231 89.4776 11.2235 89.4776 12.9396C89.4776 14.6557 88.0855 16.0468 86.3681 16.0468H85.8128Z",fill:"#97C3B9"})),s.createElement("path",{d:"M64.1251 65.7C67.7288 65.7 70.6501 62.7787 70.6501 59.175C70.6501 55.5713 67.7288 52.65 64.1251 52.65C60.5214 52.65 57.6001 55.5713 57.6001 59.175C57.6001 62.7787 60.5214 65.7 64.1251 65.7Z",stroke:"#EEBA7D",strokeWidth:.9,strokeMiterlimit:10,strokeLinecap:"round"}),s.createElement("path",{d:"M61.2 59.4484L63.4903 61.65L67.5 56.7",stroke:"#EEBA7D",strokeWidth:.9,strokeMiterlimit:10,strokeLinecap:"round"}),s.createElement("path",{d:"M33.6736 27.0088H66.7216",stroke:"#EEBA7D",strokeWidth:.9,strokeMiterlimit:10,strokeLinecap:"round",strokeLinejoin:"round"}),s.createElement("path",{d:"M30.2854 35.8198H63.3334",stroke:"#EEBA7D",strokeWidth:.9,strokeMiterlimit:10,strokeLinecap:"round",strokeLinejoin:"round"}),s.createElement("path",{d:"M26.8962 43.875H59.9442",stroke:"#EEBA7D",strokeWidth:.9,strokeMiterlimit:10,strokeLinecap:"round",strokeLinejoin:"round"}),s.createElement("path",{d:"M50.27 59.202C50.27 58.2975 51.6245 57.537 51.7955 56.6865C51.971 55.8045 51.0215 54.5805 51.3635 53.775C51.7055 52.9695 53.2265 52.8345 53.7035 52.128C54.1805 51.4215 53.7485 49.9455 54.3515 49.3425C54.9545 48.7395 56.426 49.1715 57.137 48.6945C57.848 48.2175 57.992 46.692 58.784 46.3545C59.576 46.017 60.8135 46.962 61.6955 46.7865C62.5505 46.6155 63.3065 45.261 64.211 45.261C65.1155 45.261 65.876 46.6155 66.7265 46.7865C67.5815 46.9575 68.8325 46.0125 69.638 46.3545C70.4435 46.6965 70.5785 48.2175 71.285 48.6945C71.996 49.176 73.4675 48.7395 74.0705 49.3425C74.6735 49.9455 74.2415 51.417 74.7185 52.128C75.1955 52.8345 76.721 52.983 77.0585 53.775C77.396 54.567 76.451 55.8045 76.6265 56.6865C76.7975 57.5415 78.152 58.2975 78.152 59.202C78.152 60.1065 76.7975 60.867 76.6265 61.7175C76.4555 62.5725 77.4005 63.8235 77.0585 64.629C76.7165 65.4345 75.1955 65.5695 74.7185 66.276C74.2415 66.9825 74.6735 68.4585 74.0705 69.0615C73.4675 69.6645 71.996 69.2325 71.285 69.7095C70.5785 70.1865 70.43 71.712 69.638 72.0495C68.846 72.387 67.6085 71.442 66.7265 71.6175C65.8715 71.7885 65.1155 73.143 64.211 73.143C63.3065 73.143 62.546 71.7885 61.6955 71.6175C60.845 71.4465 59.5895 72.3915 58.784 72.0495C57.992 71.7165 57.8435 70.1865 57.137 69.7095C56.4305 69.2325 54.9545 69.6645 54.3515 69.0615C53.7485 68.4585 54.1805 66.987 53.7035 66.276C53.2265 65.565 51.701 65.421 51.3635 64.629C51.026 63.837 51.971 62.5995 51.7955 61.7175C51.6245 60.8625 50.27 60.1065 50.27 59.202Z",stroke:"#97C3B9",strokeWidth:.9,strokeMiterlimit:10}),s.createElement("path",{d:"M57.9463 70.5151V84.8161C57.9463 85.1491 58.3018 85.3606 58.5943 85.2031L63.1348 82.7281C63.2608 82.6606 63.4093 82.6561 63.5353 82.7191L68.8633 85.2616C69.1513 85.4011 69.4888 85.1896 69.4933 84.8701L69.6463 72.0496",stroke:"#97C3B9",strokeWidth:.9,strokeMiterlimit:10}),s.createElement("path",{d:"M78.228 18.1215C78.1965 18.1215 78.165 18.1215 78.138 18.1215H34.263C30.501 18.1215 27.45 15.0705 27.45 11.3085C27.45 7.5465 30.501 4.5 34.263 4.5C34.263 4.5 78.138 4.5 78.147 4.5",stroke:"#97C3B9",strokeWidth:.9,strokeMiterlimit:10}),s.createElement("path",{d:"M9.38255 64.2645H4.90955C3.19505 64.2645 1.80005 62.874 1.80005 61.155C1.80005 59.436 3.19055 58.05 4.90955 58.05H9.22955",stroke:"#97C3B9",strokeWidth:.9,strokeMiterlimit:10})),fu=e=>s.createElement("svg",{viewBox:"0 0 200 200",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e},s.createElement("path",{d:"M178 14L19 65L53 76M178 14L123 123.5L90.5 91M178 14L53 76M178 14L78.5 79M78.5 79L62 104M78.5 79L90.5 91M62 104L90.5 91M62 104L53 76",stroke:"#97C3B9",strokeWidth:2}),s.createElement("path",{opacity:.2,d:"M21 68L180 17L125 126.5L92.5 94L64 107L55 79L21 68Z",fill:"#97C3B9"}),s.createElement("path",{d:"M94.495 135.259C83.8632 135.259 75.2592 143.863 75.2592 154.495C75.2592 143.863 66.6318 135.259 56 135.259C66.6318 135.259 75.2592 126.632 75.2592 116C75.2592 126.632 83.8632 135.259 94.495 135.259Z",stroke:"#EEBA7D",strokeWidth:2,strokeMiterlimit:10}),s.createElement("path",{d:"M180.481 94.79C173.445 94.79 167.748 100.506 167.748 107.565C167.748 100.506 162.036 94.79 155 94.79C162.036 94.79 167.748 89.0591 167.748 82C167.748 89.0591 173.445 94.79 180.481 94.79Z",stroke:"#EEBA7D",strokeWidth:2,strokeMiterlimit:10,strokeLinejoin:"round"}),s.createElement("path",{d:"M42 35.0047C37.582 35.0047 34.0047 38.582 34.0047 43C34.0047 38.582 30.418 35.0047 26 35.0047C30.418 35.0047 34.0047 31.418 34.0047 27C34.0047 31.418 37.582 35.0047 42 35.0047Z",stroke:"#EEBA7D",strokeWidth:2,strokeMiterlimit:10,strokeLinejoin:"round"}),s.createElement("path",{d:"M21.5625 129.486C22.3958 127.153 24.8625 121.586 28.0625 117.986",stroke:"#97C3B9",strokeWidth:2}),s.createElement("path",{d:"M35.5631 109.486C37.3272 107.746 41.5625 103.486 45.7381 101.468",stroke:"#97C3B9",strokeWidth:2}),s.createElement("path",{d:"M19.0623 140.486C18.8956 142.653 18.9623 148.286 20.5623 153.486",stroke:"#97C3B9",strokeWidth:2}),s.createElement("path",{d:"M26.5625 162.986C28.0625 164.82 32.3625 168.886 37.5625 170.486M48.0625 173.986C50.7292 174.32 57.1625 174.986 61.5625 174.986",stroke:"#97C3B9",strokeWidth:2}),s.createElement("path",{d:"M72.0625 175.486H85.5625M96.0625 175.486H110.562M121.062 175.486H135.062",stroke:"#97C3B9",strokeWidth:2}),s.createElement("path",{d:"M145.562 176.486C148.229 176.486 154.662 176.786 159.062 177.986",stroke:"#97C3B9",strokeWidth:2}),s.createElement("path",{d:"M169.562 180.986C172.062 181.653 178.062 183.686 182.062 186.486",stroke:"#97C3B9",strokeWidth:2})),yu=e=>s.createElement("svg",{viewBox:"0 0 200 200",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e},s.createElement("path",{d:"M197 140.889C186.368 140.889 177.764 149.493 177.764 160.124C177.764 149.493 169.137 140.889 158.505 140.889C169.137 140.889 177.764 132.261 177.764 121.629C177.764 132.261 186.368 140.889 197 140.889Z",stroke:"#EEBA7D",strokeWidth:2,strokeMiterlimit:10}),s.createElement("path",{d:"M43.2928 47.6752C32.661 47.6752 24.0571 56.2792 24.0571 66.911C24.0571 56.2792 15.4297 47.6752 4.79785 47.6752C15.4297 47.6752 24.0571 39.0479 24.0571 28.416C24.0571 39.0479 32.661 47.6752 43.2928 47.6752Z",stroke:"#EEBA7D",strokeWidth:2,strokeMiterlimit:10}),s.createElement("path",{d:"M76.2983 17.0808C70.0153 17.0808 64.9279 22.1681 64.9279 28.4511C64.9279 22.1681 59.8289 17.0808 53.5459 17.0808C59.8289 17.0808 64.9279 11.9817 64.9279 5.69873C64.9279 11.9817 70.0153 17.0808 76.2983 17.0808Z",stroke:"#EEBA7D",strokeWidth:2,strokeMiterlimit:10}),s.createElement("path",{opacity:.2,fillRule:"evenodd",clipRule:"evenodd",d:"M112.065 93.8122C112.065 93.8122 118.524 67.2385 125.499 46.9477C132.473 26.657 141.968 12.825 147.899 9.73043C153.831 6.63583 162.341 5.32297 166.631 15.9196C170.429 25.2738 166.608 36.3393 166.608 36.3393C166.608 36.3393 163.712 48.7295 148.825 70.462C139.647 83.8603 132.626 93.8122 132.626 93.8122H166.76C169.022 93.8122 170.851 95.6408 170.851 97.9032C170.851 100.166 169.022 101.994 166.76 101.994H142.641L143.093 102.006L153.69 178.914C155.284 185.97 147.688 187.916 147.688 187.916C147.688 187.916 144.195 192.441 105.841 192.687C89.1723 192.793 70.6985 190.038 62.9268 187.74C55.1551 185.443 56.9251 174.319 56.9251 174.319L63.4165 119.209C58.0319 119.224 55.4195 115.095 54.4752 107.023C54.2796 105.351 54.2251 103.546 54.3058 101.643L54.276 102.018V102.006H42.1554C39.8931 102.006 38.0645 100.177 38.0645 97.9149C38.0645 95.6526 39.8931 93.8239 42.1554 93.8239H55.2855C57.1676 84.4084 61.6018 73.8826 68.0493 65.2575H68.061C68.061 65.2575 75.4693 56.3253 84.1319 57.2162C94.2714 58.2712 100.308 62.3504 100.308 62.3504L100.11 63.0914L105.841 93.8122H112.065ZM90.1921 93.8122H90.1837L90.1322 93.9283L90.1921 93.8122Z",fill:"#97C3B9"}),s.createElement("path",{d:"M101.841 90.8122L96.5003 60.5H96.0003C96.0003 60.5 91.4672 78.8323 86.2861 90.5894L101.841 90.8122Z",stroke:"#97C3B9",strokeWidth:2,strokeMiterlimit:10}),s.createElement("path",{d:"M64.0607 62.2576C64.0607 62.2576 71.469 53.3254 80.1316 54.2163C90.2711 55.2713 96.3079 59.3505 96.3079 59.3505L92.3576 74.1437L86.2856 90.5779C86.2856 90.5779 78.2795 109.415 67.3429 114.162C56.4063 118.91 51.7995 115.346 50.4749 104.023C49.1504 92.6995 54.2963 75.3041 64.049 62.2576H64.0607Z",stroke:"#97C3B9",strokeWidth:2,strokeMiterlimit:10}),s.createElement("path",{d:"M114.126 90.812L127.595 50.4532C127.595 50.4532 134.511 27.5602 142.587 17.8544C150.745 8.05481 159.502 15.6272 154.707 30.901C150.406 44.6157 133.631 70.4275 121.37 90.812H114.126Z",stroke:"#97C3B9",strokeWidth:2,strokeMiterlimit:10}),s.createElement("path",{d:"M108.065 90.8122C108.065 90.8122 114.524 64.2385 121.499 43.9477C128.473 23.657 137.968 9.82504 143.9 6.73043C149.831 3.63583 158.341 2.32297 162.631 12.9196C166.429 22.2738 162.608 33.3393 162.608 33.3393C162.608 33.3393 159.712 45.7295 144.826 67.462C135.647 80.8603 128.626 90.8122 128.626 90.8122H108.077H108.065Z",stroke:"#97C3B9",strokeWidth:2,strokeMiterlimit:10}),s.createElement("path",{d:"M86.1926 90.812H162.761C165.023 90.812 166.852 92.6406 166.852 94.903C166.852 97.1653 165.023 98.994 162.761 98.994H81.9727",stroke:"#97C3B9",strokeWidth:2,strokeMiterlimit:10}),s.createElement("path",{d:"M50.276 99.0057H38.1554C35.8931 99.0057 34.0645 97.1771 34.0645 94.9147C34.0645 92.6524 35.8931 90.8237 38.1554 90.8237H51.4247L50.7683 93.9652L50.4752 96.5089L50.276 99.0174V99.0057Z",stroke:"#97C3B9",strokeWidth:2,strokeMiterlimit:10}),s.createElement("path",{d:"M59.9937 117.105L52.9253 171.319C52.9253 171.319 51.1553 182.443 58.927 184.74C66.6986 187.038 85.1725 189.793 101.841 189.687C140.195 189.441 143.689 184.916 143.689 184.916C143.689 184.916 151.284 182.97 149.69 175.914L139.094 99.0059H81.9021C81.9021 99.0059 76.0119 113.988 59.9937 117.105Z",stroke:"#97C3B9",strokeWidth:2,strokeMiterlimit:10}),s.createElement("path",{d:"M60.7893 119.993L60.799 119.476H140.794L140.851 119.765L60.7893 119.993Z",fill:"#231F20",stroke:"#97C3B9",strokeWidth:2})),wu=e=>s.createElement("svg",{viewBox:"0 0 200 200",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e},s.createElement("path",{opacity:.2,fillRule:"evenodd",clipRule:"evenodd",d:"M8.54492 149.483C8.54492 149.483 31.4705 136.963 39.2741 116.167C39.2741 116.167 43.7687 99.3912 46.3662 81.1928C46.3662 81.1928 47.0668 72.2067 47.5519 68.9204C48.0369 65.6341 50.5483 62.1431 53.2644 62.2401C55.9806 62.3371 57.0368 66.1082 57.4249 68.1446C57.5326 68.7102 57.386 69.962 57.118 71.4755C58.1719 66.7819 59.2474 61.7944 59.4512 60.1175C59.947 56.0339 60.8093 51.2176 63.9027 48.6963C66.9961 46.175 69.2272 45.7979 71.1673 45.8841C71.1673 45.8841 73.3014 40.4644 78.3349 40.2705C78.3349 40.2705 81.5253 39.8826 83.5624 42.4039C83.5624 42.4039 87.6259 40.0766 90.9241 43.7615C94.2222 47.4464 95.0845 52.0903 95.4725 60.5054C95.564 62.4897 95.58 64.8514 95.551 67.3023C96.4299 61.724 98.2955 55.6981 100.161 53.3186C104.86 47.3064 108.396 48.8579 108.396 48.8579C108.396 48.8579 110.573 43.309 114.744 42.8133C118.915 42.3177 118.139 46.2289 118.139 46.2289C120.683 43.9016 123.475 44.5049 123.475 44.5049C126.676 45.2053 128.336 47.5757 126.751 56.2063C125.167 64.8368 127.549 69.7931 127.549 69.7931C135.094 63.9425 137.605 69.1898 138.166 72.3683C138.279 72.9998 138.264 73.8438 138.243 75.1149C138.199 77.7258 138.125 82.1383 139.06 90.2112C140.451 102.214 143.124 105.878 143.124 105.878C144.783 108.353 146.57 110.433 148.29 112.148C148.295 112.041 148.297 111.933 148.297 111.825C148.297 111.825 151.897 107.612 156.898 109.994C159.836 111.392 164.068 115.762 168.352 120.184C171.36 123.29 174.394 126.422 177.022 128.569C177.304 128.8 177.579 129.024 177.849 129.244C183.67 133.994 186.768 136.522 193.804 145.151C193.804 145.151 195.959 147.5 198.805 149.666L162.051 191.569C162.051 191.569 141.316 174.666 118.316 149.666C118.316 149.666 121.603 148.5 125.547 145.509C121.267 140.784 115.527 134.794 110.767 131.047C102.326 124.402 99.325 120.466 99.0785 120.134C96.0268 123.958 90.4968 130.202 83.1636 135.627C83.1636 135.627 74.9289 143.955 68.4511 154.795C61.9733 165.634 50.4405 176.376 44.0489 179.577L8.54492 149.483ZM90.439 96.2235C90.4595 96.2104 90.4799 96.1972 90.5001 96.1839L90.5273 96.1764C90.4685 96.2087 90.439 96.2235 90.439 96.2235Z",fill:"#97C3B9"}),s.createElement("path",{d:"M4.5459 145.483C4.5459 145.483 27.4715 132.963 35.2751 112.168C35.2751 112.168 39.7696 95.3917 42.3672 77.1933C42.3672 77.1933 43.0678 68.2072 43.5528 64.9209C44.0379 61.6346 46.5492 58.1436 49.2654 58.2406C51.9815 58.3376 53.0378 62.1087 53.4258 64.1451C53.8139 66.1815 50.9037 77.1179 50.9037 77.1179C50.9037 77.1179 55.0318 59.5766 55.4522 56.118C55.948 52.0344 56.8102 47.2181 59.9036 44.6968C62.997 42.1755 65.2282 41.7984 67.1683 41.8846C67.1683 41.8846 69.3024 36.4649 74.3359 36.271C74.3359 36.271 77.5263 35.8831 79.5634 38.4044C79.5634 38.4044 83.6269 36.077 86.925 39.762C90.2232 43.4469 91.0855 48.0908 91.4735 56.5059C91.8615 64.9209 90.8915 80.124 90.8915 80.124C90.8915 80.124 90.6975 89.5087 86.44 92.224C86.44 92.224 90.1154 90.3815 97.186 82.8392C104.257 75.2969 105.895 75.674 108.805 76.0619C111.715 76.4498 114.13 79.5422 111.996 87.774C109.861 96.0059 97.7573 112.556 97.7573 112.556C97.7573 112.556 90.6867 123.104 79.1646 131.627C79.1646 131.627 70.9299 139.956 64.4521 150.795C57.9743 161.635 46.4414 172.377 40.0499 175.577",stroke:"#97C3B9",strokeWidth:2,strokeMiterlimit:10,strokeLinecap:"round"}),s.createElement("path",{d:"M60.0654 79.2617C60.0654 79.2617 64.1073 66.1812 64.4738 59.4471C64.8403 52.7129 65.5516 44.5133 67.1684 41.8735",stroke:"#97C3B9",strokeWidth:2,strokeMiterlimit:10,strokeLinecap:"round"}),s.createElement("path",{d:"M71.1992 80.8566C71.1992 80.8566 75.1118 73.8854 75.974 61.419C76.8363 48.9527 76.5237 45.6557 76.8255 43.0805C77.3106 38.9215 79.5632 38.4043 79.5632 38.4043",stroke:"#97C3B9",strokeWidth:2,strokeMiterlimit:10,strokeLinecap:"round"}),s.createElement("path",{d:"M44.8614 135.143C51.6486 134.887 56.9589 129.594 56.7222 123.32C56.4855 117.047 50.7915 112.168 44.0042 112.424C37.217 112.68 31.9067 117.973 32.1434 124.247C32.3801 130.52 38.0742 135.399 44.8614 135.143Z",stroke:"#97C3B9",strokeWidth:2,strokeMiterlimit:10,strokeLinecap:"round"}),s.createElement("path",{d:"M44.9719 137.801C53.0975 137.495 59.4577 131.23 59.1777 123.809C58.8977 116.388 52.0836 110.62 43.9579 110.927C35.8323 111.233 29.4721 117.498 29.7521 124.919C30.0321 132.34 36.8462 138.108 44.9719 137.801Z",stroke:"#97C3B9",strokeWidth:2,strokeMiterlimit:10,strokeLinecap:"round"}),s.createElement("path",{d:"M39.6943 121.046L43.4452 127.026L48.7266 119.117",stroke:"#97C3B9",strokeWidth:2,strokeMiterlimit:10,strokeLinecap:"round"}),s.createElement("path",{d:"M30.2517 119.117L24.2589 125.614C24.2589 125.614 24.1619 129.676 30.2517 129.773C30.2517 129.773 28.3223 124.602 30.2517 119.117Z",fill:"#97C3B9"}),s.createElement("path",{d:"M55.0212 114.14C55.0212 114.14 57.3385 114.959 60.9062 119.516C60.9062 119.516 71.1564 121.854 77.5588 135.15C77.5588 135.15 71.7708 145.914 67.6103 148.242C67.6103 148.242 57.3601 139.309 52.8871 138.9C52.8871 138.9 49.0284 143.264 40.5997 141.335C32.171 139.406 29.2285 129.763 29.2285 129.763H30.2417C30.2417 129.763 37.3877 141.292 50.214 136.691C50.214 136.691 57.6619 134.03 58.869 127.015C60.0762 120.001 56.6487 116.144 55.0104 114.129L55.0212 114.14Z",fill:"#97C3B9"}),s.createElement("path",{d:"M68.9787 127.92C68.9787 127.92 68.4613 132.844 63.1152 136.885",stroke:"#FAFAFA",strokeWidth:2,strokeMiterlimit:10,strokeLinecap:"round"}),s.createElement("path",{d:"M72.7079 132.402C72.7079 132.402 71.824 135.29 70.1318 136.087",stroke:"#FAFAFA",strokeWidth:2,strokeMiterlimit:10,strokeLinecap:"round"}),s.createElement("path",{d:"M152.91 114.667C152.91 114.667 145.171 110.896 139.124 101.878C139.124 101.878 136.451 98.2143 135.061 86.2113C133.67 74.2083 134.511 70.2971 134.166 68.3684C133.606 65.1899 131.094 59.9426 123.549 65.7933C123.549 65.7933 121.167 60.8369 122.752 52.2064C124.336 43.5759 122.676 41.2054 119.475 40.5051C119.475 40.5051 116.684 39.9017 114.14 42.229C114.14 42.229 114.916 38.3178 110.745 38.8134C106.573 39.3091 104.396 44.858 104.396 44.858C104.396 44.858 100.861 43.3065 96.1616 49.3188C94.2861 51.7107 92.4107 57.7877 91.5377 63.3905L91.1389 75.3935C91.1389 75.3935 91.5592 88.1939 86.4287 92.2021C86.4287 92.2021 91.958 88.6787 99.0717 80.8455C106.185 73.0123 111.025 75.8892 112.372 79.2509C113.72 82.6126 113.536 88.2154 106.94 98.5268C100.344 108.838 95.0622 116.111 95.0622 116.111C95.0622 116.111 97.94 120.098 106.768 127.047C115.595 133.997 127.796 148.661 127.796 148.661C127.796 148.661 143.867 134.676 152.888 114.657L152.91 114.667Z",stroke:"#97C3B9",strokeWidth:2,strokeMiterlimit:10,strokeLinecap:"round"}),s.createElement("path",{d:"M111.058 108.612C111.058 108.612 111.252 98.1068 115.919 91.4588C115.919 91.4588 118.236 87.2028 118.204 79.8545C118.161 70.4051 123.561 65.772 123.561 65.772",stroke:"#97C3B9",strokeWidth:2,strokeMiterlimit:10,strokeLinecap:"round"}),s.createElement("path",{d:"M114.151 42.2183C114.151 42.2183 110.216 45.2352 108.772 52.9822C106.724 63.9939 107.382 72.8184 107.382 72.8184",stroke:"#97C3B9",strokeWidth:2,strokeMiterlimit:10,strokeLinecap:"round"}),s.createElement("path",{d:"M99.3845 78.1522C99.3845 78.1522 98.8671 67.7546 99.8695 59.0271C100.872 50.2996 104.407 44.8584 104.407 44.8584",stroke:"#97C3B9",strokeWidth:2,strokeMiterlimit:10,strokeLinecap:"round"}),s.createElement("path",{d:"M92.4217 79.1864C92.4217 79.1864 91.3223 63.8002 92.1953 59.6304",stroke:"#97C3B9",strokeWidth:2,strokeMiterlimit:10,strokeLinecap:"round"}),s.createElement("path",{d:"M152.91 114.667C156.09 108.332 150.075 108.623 150.075 108.623",stroke:"#97C3B9",strokeWidth:2,strokeMiterlimit:10,strokeLinecap:"round"}),s.createElement("path",{d:"M118.16 137.833C118.16 137.833 109.699 149.319 119.68 151.194C119.68 151.194 125.856 150.493 127.818 148.672L118.16 137.833Z",fill:"#97C3B9"}),s.createElement("path",{d:"M158.051 187.569C158.051 187.569 139.65 173 116.65 148C116.65 148 124.15 160 140.978 134.256C140.978 134.256 152.263 119.236 152.511 114.01C152.511 114.01 147.284 111.36 144.298 107.826C144.298 107.826 147.898 103.613 152.899 105.994C157.9 108.375 166.652 119.365 173.022 124.569C179.392 129.774 182.443 132.122 189.804 141.152C189.804 141.152 191.96 143.501 194.805 145.666",stroke:"#97C3B9",strokeWidth:2,strokeMiterlimit:10,strokeLinecap:"round"}),s.createElement("path",{d:"M160.746 81.6538C160.746 81.6538 182.443 82.699 184.868 83.3885",stroke:"#EEBA7D",strokeWidth:2,strokeMiterlimit:10,strokeLinecap:"round"}),s.createElement("path",{d:"M145.99 53.8984L169.25 44.8584",stroke:"#EEBA7D",strokeWidth:2,strokeMiterlimit:10,strokeLinecap:"round"}),s.createElement("path",{d:"M122.041 30.474L139.922 14.1719",stroke:"#EEBA7D",strokeWidth:2,strokeMiterlimit:10,strokeLinecap:"round"}),s.createElement("path",{d:"M82.4735 30.474C82.4735 30.474 75.3597 15.9066 62.167 9.48486",stroke:"#EEBA7D",strokeWidth:2,strokeMiterlimit:10,strokeLinecap:"round"}),s.createElement("path",{d:"M40.9985 49.3833C40.9985 49.3833 33.3674 39.3305 23.1172 37.0786",stroke:"#EEBA7D",strokeWidth:2,strokeMiterlimit:10,strokeLinecap:"round"}),s.createElement("path",{d:"M28.3231 74.5425C28.3231 74.5425 8.71728 83.2269 1.59277 93.7214",stroke:"#EEBA7D",strokeWidth:2,strokeMiterlimit:10,strokeLinecap:"round"})),Cu=o.div`
+  width: 100%;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  flex: 1;
+  background: ${e=>e.theme.colors.grey4};
+  box-sizing: border-box;
+`,bu=o(fu)`
+  width: 90px;
+  height: 90px;
+`,vu=o(yu)`
+  width: 90px;
+  height: 90px;
+`,Su=o(xu)`
+  width: 90px;
+  height: 90px;
+`,ku=o(wu)`
+  width: 90px;
+  height: 90px;
+`,ju=o.div`
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  flex-direction: column;
+`,$u=o(Vo)`
+  margin-top: ${n.sp2};
+  color: ${e=>e.theme.colors.brandColorJade};
+`,Iu=o(ar)`
+  color: ${e=>e.theme.colors.primary};
+`,Tu=e=>{const{tab:i}=e;switch(i){case"transaction_categorization":return t.jsx(bu,{});case"je_schedules":case"reconciliation":return t.jsx(ku,{});case"flux_analysis":return t.jsx(Su,{});case"missing_receipts":default:return t.jsx(vu,{})}};function It(e){const{title:i,subTitle:l}=e;return t.jsx(Cu,{children:t.jsxs(ju,{children:[t.jsx(Tu,{...e}),t.jsx($u,{children:i}),t.jsx(Iu,{children:l})]})})}const{common:{headers:{transactions:Lu,jeSchedules:Au,fluxAnalysis:Ru,missingReceipts:Eu,insights:Du,reconciliation:Ls},strings:{empty:sn}},uncategorizedTransactionList:{missingReceipt:{bulkUpload:{missing:Mu,unmatched:Ou,completed:zu}}},expenseAutomation:{transactions:{tabs:As,subTitles:{review:{item1:hi,item2:pi},autoCategorized:{item1:mi,item2:Pu}},searchPlaceholder:Fu,allDoneText:_u},jeSchedules:{subTitles:{item1:Bu,item2:Vu},searchPlaceholder:Nu,allDoneText:Uu},missingReceipts:{subTitles:Hu,searchPlaceholder:Wu,allDoneText:Qi},fluxAnalysis:{subTitles:{item1:qu,item2:Ku},searchPlaceholder:Ju,emptyPageTexts:{youDidIt:Qu,allReviewed:Gu}},accountRecon:{review:{allDoneText:Rs},reconcile:{allDoneText:Yu},tabs:Es,titles:{item1:Zu,item2:Xu},subTitles:{review:{item1:eh,item2:gi},reconcile:{item1:xi,item2:th}}}}}=me.getLocalizedStrings(),We=(e,i,l,r,u,d)=>{switch(e){case"transaction_categorization":return{key:"transaction_categorization",title:Lu,subTitle:[],tabs:[{label:As.review,id:"review",subTitle:[{pre:hi.pre,bold:hi.bold,prefixIconName:hi.prefixIconName,post:hi.post},{pre:pi.pre,bold:pi.bold,prefixIconName:pi.prefixIconName,post:pi.post}]},{label:As.autoCategorized,id:"autoCategorized",subTitle:[{pre:mi.pre,bold:mi.bold,prefixIconName:mi.prefixIconName,post:mi.post.replace("#number",i!=null&&i!=0?i.toString():"")},Pu]}],rightSection:["refresh","close"],leftSection:[],searchPlaceholder:Fu,allDoneText:_u};case"je_schedules":return{key:"je_schedules",title:Au,subTitle:[Bu,Vu],tabs:[],rightSection:["refresh","close"],leftSection:[],searchPlaceholder:Nu,allDoneText:Uu};case"missing_receipts":{const a=d?.includeBulkUploadTabs!==!1;return{key:"missing_receipts",title:d?.navTitle??Eu,subTitle:[Hu],tabs:a?[{label:Mu,id:"missing",subTitle:[],allDoneText:Qi},{label:Ou,id:"unmatched",subTitle:[]},{label:zu,id:"completed",subTitle:[],allDoneText:Qi}]:[],rightSection:["refresh","close"],leftSection:[],searchPlaceholder:Wu,allDoneText:Qi}}case"flux_analysis":return{key:"flux_analysis",title:Ru,subTitle:[qu,Ku],tabs:[],rightSection:["refresh","close"],leftSection:[],searchPlaceholder:Ju,allDoneText:{title:Qu,subTitle:Gu}};case"month_end_insights":return{key:"month_end_insights",title:Du,subTitle:[],tabs:[],rightSection:["comment","refresh","close"],leftSection:[],searchPlaceholder:sn,allDoneText:{title:sn,subTitle:sn}};case"reconciliation":return l==null?{key:"reconciliation",title:Ls,subTitle:[Zu,Xu],tabs:[],rightSection:["refresh","close"],leftSection:[],searchPlaceholder:sn,allDoneText:{title:sn,subTitle:sn}}:{key:"reconciliation",title:r??Ls,subText:u??void 0,subTitle:[],tabs:[{label:Es.review,id:"review",subTitle:[eh,{pre:gi.pre,bold:gi.bold,prefixIconName:gi.prefixIconName,post:gi.post}],allDoneText:Rs},{label:Es.reconcile,id:"reconcile",subTitle:[{pre:xi.pre,bold:xi.bold,prefixIconName:xi.prefixIconName,post:xi.post},th],allDoneText:Yu}],rightSection:["refresh"],leftSection:["back"],searchPlaceholder:sn,allDoneText:Rs}}},{common:{strings:{empty:nh}},expenseAutomation:{accountRecon:{reconcile:{header:Gt}}}}=me.getLocalizedStrings(),ih={key:"date",value:Gt.date,sortOrder:"ascending",width:new Q(12.75,12.75,12.75),customStyle:{marginLeft:f[4],marginRight:f[3]}},oh={key:"clearedDate",value:Gt.clearedDate,sortOrder:"ascending",width:new Q(12.75,12.75,12.75),customStyle:{marginRight:f[3],display:"none"}},sh={key:"type",value:Gt.type,sortOrder:"ascending",width:new Q(12.75,12.75,12.75),customStyle:{marginRight:f[3]}},ah={key:"payee",value:Gt.payee,sortOrder:"ascending",width:new Q(12.75,12.75,12.75),customStyle:{marginRight:f[3]}},rh={key:"account",value:Gt.account,sortOrder:"ascending",width:new Q(12.75,12.75,12.75),customStyle:{marginRight:f[3]}},lh={key:"transactionDirection",value:Gt.direction,sortOrder:"ascending",width:new Q(12.75,12.75,12.75),customStyle:{marginRight:f[3]}},ch={key:"memo",value:Gt.memo,sortOrder:"ascending",width:new Q(12.75,12.75,12.75),customStyle:{marginRight:f[3]}},dh={key:"amount",value:Gt.amount,sortOrder:"ascending",width:new Q(12.75,12.75,12.75),customStyle:{marginRight:f[3]}},uh={key:"recommended",value:nh,sortOrder:"ascending",width:new Q(1.25,1.25,1.25),customStyle:{marginRight:f[4],marginLeft:f[0]}},Ne=[ih,oh,sh,ah,rh,lh,ch,dh,uh],hh=50,Bn={sortKey:"date",sortOrder:"descending"};function ph({sortConfig:e,onReconTabColumnSortConfigChanged:i}){const l=be(),[r,u]=s.useState(Do(Ne));s.useEffect(()=>{const c=[...r];for(const h of c)h.key===e.sortKey?h.sortOrder=e.sortOrder:h.sortOrder="ascending";u(c)},[e.sortKey,e.sortOrder]);const d=(c,h)=>{let m=h;e.sortKey===c&&(m=h==="ascending"?"descending":"ascending"),i(c,m)},a=c=>{d(c.key,c.sortOrder)};return t.jsx(fh,{headerHeight:hh,children:r.map(c=>t.jsx(gh,{columnWidth:c.width,windowSize:l,sortDataValue:e.sortKey,actualDataValue:c.key,style:c.customStyle,children:t.jsxs(vh,{isVisible:c.key!=="recommended",children:[t.jsx(xh,{"data-testid":M("reconcile-tab-list-sort",c.value),onClick:()=>a(c),children:t.jsx(Ye,{children:c.value})}),t.jsx(yh,{sortConfig:e,headerData:c,children:t.jsx(wh,{})}),t.jsx(Ch,{isVisible:e.sortKey===c.key&&(e.sortKey!==Bn.sortKey||e.sortOrder!==Bn.sortOrder),children:t.jsx(bh,{"data-testid":M("reconcile-tab-list-reset-sort",Bn.sortKey),onClick:()=>i(Bn.sortKey,Bn.sortOrder)})})]})},c.key))})}const mh=cd.memo(ph),gh=o.div`
+  color: ${e=>e.sortDataValue===e.actualDataValue?e.theme.colors.primary:e.theme.colors.grey1};
+  :hover {
+    color: ${e=>e.theme.colors.primary};
+  }
+  width: ${e=>e.columnWidth.valuePercentage(e.windowSize)};
+  display: flex;
+  align-items: center;
+  height: 100%;
+  justify-content: flex-start;
+  gap: 6px;
+  z-index: auto;
+  position: relative;
+`,xh=o.div`
+  display: flex;
+  gap: 5px;
+  cursor: pointer;
+`,fh=o(ot)`
+  width: fit-content;
+  height: ${e=>`${e.headerHeight}px`};
+  width: calc(100% - 20px);
+  z-index: 6;
+  display: flex;
+  align-items: center;
+  background-color: ${e=>e.theme.colors.grey4};
+  box-sizing: border-box;
+  padding: ${n.sp3} ${n.sp8} ${n.sp3} ${n.sp0};
+  position: sticky;
+  color: ${e=>e.theme.colors.grey1};
+`,yh=o.div`
+  display: flex;
+  align-items: center;
+  transform: ${e=>e.headerData.sortOrder==="descending"?"rotate(180deg)":"rotate(0deg)"};
+  ${e=>e.headerData.sortOrder==="ascending"?"padding-top: 2px":"padding-bottom: 2px"};
+`,wh=o(ti)`
+  width: ${n.sp2};
+  height: ${n.sp2};
+`,Ch=o.div`
+  display: ${e=>e.isVisible?"flex":"none"};
+  align-items: center;
+  padding-top: 2px;
+  cursor: pointer;
+  color: ${e=>e.theme.colors.grey1};
+  &:hover {
+    color: ${e=>e.theme.colors.primary};
+  }
+`,bh=o(ni)`
+  width: 12px;
+  height: 12px;
+`,vh=o.div`
+  display: ${e=>e.isVisible?"flex":"none"};
+`,Sh=54,kh=72,{common:{strings:{hyphen:Gi}}}=me.getLocalizedStrings(),{dateFormat:Ds}=me.getLocalizedStrings();function jh({selectedTransactionIds:e,transaction:i,transactionId:l}){const r=be(),u=Tt(),[d,a]=s.useState(!1),c=e.includes(l),h=d||c;return t.jsx($h,{id:l,onMouseEnter:()=>a(!0),onMouseLeave:()=>a(!1),children:t.jsxs(Ih,{isSelected:h,totalHeight:Sh,children:[t.jsx(zt,{windowSize:r,responsiveWidth:Ne[0].width,style:Ne[0].customStyle,children:t.jsx(an,{isSelected:h,children:i.date.format(Ds.visual.MMMDCommaYYYYformat)})}),Ne[1].customStyle.display!=="none"?t.jsx(zt,{windowSize:r,responsiveWidth:Ne[1].width,style:Ne[1].customStyle,children:t.jsx(an,{isSelected:h,children:i.clearedDate!=null?i.clearedDate.format(Ds.visual.MMMDCommaYYYYformat):t.jsx("span",{children:Gi})})}):null,t.jsx(zt,{windowSize:r,style:Ne[2].customStyle,responsiveWidth:Ne[2].width,children:t.jsx(Ah,{isSelected:h,children:t.jsx(Th,{isSelected:h,children:Bc(i.type)})})}),t.jsx(zt,{windowSize:r,style:Ne[3].customStyle,responsiveWidth:Ne[3].width,children:i.merchantName!=null&&i.merchantName.length>0?t.jsx(qe,{text:i.merchantName,itemTextStyle:{color:h?u.colors.primary:u.colors.hero}}):t.jsx(an,{isSelected:h,children:t.jsx("span",{children:Gi})})}),t.jsx(zt,{windowSize:r,style:Ne[4].customStyle,responsiveWidth:Ne[4].width,children:i.accountName!=null&&i.accountName.length>0?t.jsx(qe,{text:i.accountName,itemTextStyle:{color:h?u.colors.primary:u.colors.hero}}):t.jsx(an,{isSelected:h,children:t.jsx("span",{children:Gi})})}),t.jsx(zt,{windowSize:r,style:Ne[5].customStyle,responsiveWidth:Ne[5].width,children:t.jsx(an,{isSelected:h,style:{textTransform:"capitalize"},children:i.transactionDirection})}),t.jsx(zt,{windowSize:r,style:Ne[6].customStyle,responsiveWidth:Ne[6].width,children:t.jsx(qe,{text:i.memo,itemTextStyle:{color:h?u.colors.primary:u.colors.hero}})}),t.jsx(zt,{windowSize:r,style:Ne[7].customStyle,responsiveWidth:Ne[7].width,children:t.jsx(an,{isSelected:h,children:nt("0,0.[00]",i.amount)})}),t.jsx(zt,{windowSize:r,responsiveWidth:Ne[8].width,style:Ne[8].customStyle,children:t.jsx(an,{isSelected:h,children:i.isZeniRecommended?t.jsx(Lh,{}):null})})]})})}const $h=o.div`
+  box-sizing: border-box;
+  width: 100%;
+  display: flex;
+  padding-right: ${n.sp8};
+`,Ih=o.div`
+  cursor: pointer;
+  display: flex;
+  border-radius: ${n.sp2};
+  width: 100%;
+  align-items: center;
+  height: ${e=>`${e.totalHeight}px`};
+  background-color: ${e=>e.theme.colors.grey5};
+  border: ${e=>`1px solid ${e.theme.colors.grey3}`};
+  border-color: ${e=>e.isSelected===!0?e.theme.colors.primary:"none"};
+  box-shadow: ${e=>`${n.sp0} 2px ${n.sp1} ${e.theme.colors.dropShadowNormal}`};
+  :hover {
+    border: ${e=>`1px solid ${e.theme.colors.primary}`};
+  }
+`,zt=o.div`
+  width: ${e=>e.responsiveWidth.valuePercentage(e.windowSize)};
+  display: flex;
+  align-items: center;
+  justify-content: flex-start;
+  height: 100%;
+  z-index: auto;
+  position: relative;
+`,an=o(Re)`
+  color: ${e=>e.isSelected===!0?e.theme.colors.primary:e.theme.colors.hero};
+  span {
+    padding-left: ${n.sp3};
+  }
+`,Th=o(Ye)`
+  text-transform: capitalize;
+  color: ${e=>e.isSelected===!0?e.theme.colors.primary:e.theme.colors.hero};
+`,Lh=o(Qt)`
+  width: ${n.sp3};
+  height: ${n.sp3};
+  margin-right: ${n.sp1};
+  path {
+    stroke-width: 2;
+  }
+`,Ah=o.div`
+  padding: 1px 6px;
+  border-radius: ${n.sp1};
+  border: ${e=>`1px solid ${e.isSelected?e.theme.colors.primary:e.theme.colors.hero}`};
+`,Rh=me.getLocalizedStrings(),{common:{all:Ms,strings:{empty:Os}}}=Rh,zs="selectedTransactionIds",Eh="expenseAutomationBankReconReconcilePage",Dh=e=>`${e}_form`;function Mh({currentFooterFormId:e,localData:i,matchedTransactions:l,sortConfig:r,onSaveReconciliation:u,selectedAccountId:d,onReconTabColumnSortConfigChanged:a,onUpdateReconcileTabLocalData:c,setCurrentFooterFormId:h}){const m=xn({mode:"all",defaultValues:{selectedTransactionIds:i.selectedTransactionIds},values:{selectedTransactionIds:i.selectedTransactionIds}}),p={label:t.jsx(mh,{onReconTabColumnSortConfigChanged:a,sortConfig:r}),value:Ms.toLocaleLowerCase(),defaultChecked:!1,groupLabel:!0},g=l.map(S=>({label:t.jsx(jh,{transaction:S,selectedTransactionIds:i.selectedTransactionIds,transactionId:S.id}),value:S.id,defaultChecked:!1,groupLabel:!1})),x=[p,...g],y=async S=>{const $=S[zs].filter(v=>v!=Ms.toLocaleLowerCase());c($)};s.useEffect(()=>{const S=m.watch($=>{$!=null&&Yn(()=>y($))});return()=>{S.unsubscribe()}}),s.useEffect(()=>(e!=="expenseAutomationBankReconReconcilePage"&&h("expenseAutomationBankReconReconcilePage"),()=>{h("expenseAutomationPage")}),[]);const b=s.useCallback(()=>{u({reconcileAction:"reconcile"})},[u]);if(l.length===0){const S=We("reconciliation",void 0,d).tabs.find($=>$.id==="reconcile")?.allDoneText;return t.jsx(Fh,{children:t.jsx(It,{tab:"missing_receipts",title:S?.title??Os,subTitle:S?.subTitle??Os})})}return t.jsx(Oh,{children:t.jsx(fn,{...m,children:t.jsx(zh,{onSubmit:m.handleSubmit(b),id:Dh(Eh),children:t.jsx(Ph,{children:t.jsx(su,{name:zs,checkBoxes:x,checkBoxStyle:{padding:20},labelCheckBoxStyle:{padding:20},rowHeight:kh,mode:i.selectedTransactionIds.length>0?"always_on":"checked_or_hover",checkBoxContainerStyle:{boxSizing:"border-box"}})})})})})}const Oh=o.div``,zh=o.form``,Ph=o.div`
+  height: calc(100vh - 350px);
+`,Fh=o.div`
+  height: 100%;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+`,Mo=69,Ce={COLUMN_ONE:187,COLUMN_THREE:136,COLUMN_FOUR:240,COLUMN_FIVE:146},Br=o.div`
+  display: flex;
+  flex-direction: column;
+  background-color: ${e=>e.theme.colors.grey4};
+  width: 100%;
+  min-height: 100%;
+  height: calc(100vh - 500px);
+  overflow-x: scroll;
+  align-items: center;
+`,Vr=o.div`
+  display: flex;
+  flex-direction: column;
+  gap: ${n.sp5};
+  align-items: flex-start;
+  padding-bottom: ${n.sp9};
+  width: 100%;
+`,Nr=o.div`
+  width: 100%;
+`,Ur=o.div`
+  width: 100%;
+`,Xo=o.div`
+  display: flex;
+  flex-direction: row;
+  padding: ${n.sp2};
+  padding-right: ${n.sp3};
+  justify-content: space-between;
+  border-bottom: ${e=>`1px solid ${e.theme.colors.grey3}`};
+`,es=o.div`
+  display: flex;
+  flex-direction: row;
+  justify-content: space-between;
+  padding: ${n.sp2};
+  padding-right: ${n.sp3};
+`,_h=o.div`
+  border-top: ${e=>`1px solid ${e.theme.colors.grey3}`};
+  display: flex;
+  flex-direction: row;
+  justify-content: space-between;
+  padding: ${n.sp2};
+  padding-right: ${n.sp3};
+`,Bh=o.div`
+  padding: ${n.sp2} ${n.sp3};
+`,ts=o.div`
+  display: flex;
+`,Vh=o.div`
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  gap: ${n.sp1};
+  padding: ${n.sp2} ${n.sp0};
+  background-color: ${e=>e.theme.colors.grey3};
+  border-bottom-left-radius: ${n.sp2};
+  border-bottom-right-radius: ${n.sp2};
+`,ns=o.div`
+  display: flex;
+  flex-direction: column;
+  border: ${e=>`1px solid ${e.theme.colors.grey3}`};
+  border-radius: ${n.sp2};
+  background-color: ${e=>e.theme.colors.grey5};
+  box-shadow: ${e=>e.theme.colors.elevation1};
+  cursor: pointer;
+  border: ${e=>`1px solid ${e.showBorder===!0?e.theme.colors.primary:e.theme.colors.grey3}`};
+  .highlight {
+    color: ${e=>e.showBorder===!0?e.theme.colors.primary:e.theme.colors.hero};
+  }
+  :hover {
+    border: ${e=>`1px solid ${e.theme.colors.primary}`};
+  }
+  :hover .highlight {
+    color: ${e=>e.theme.colors.primary};
+  }
+`,re=o.div`
+  display: flex;
+  flex-direction: column;
+  width: 180px;
+  padding: ${n.sp2};
+  .hover-background {
+    border-radius: ${n.sp1};
+    background-color: ${e=>e.forceHoverEffect===!0?e.theme.colors.background:"unset"};
+    .select-control {
+      background-color: ${e=>e.forceHoverEffect===!0?e.theme.colors.background:"unset"};
+    }
+    :hover {
+      background-color: ${e=>`${e.showHoverEffect===!0?e.theme.colors.background:"unset"}`};
+      .select-control {
+        background-color: ${e=>e.theme.colors.background};
+      }
+    }
+    :focus-within {
+      background-color: ${e=>`${e.showHoverEffect===!0?e.theme.colors.background:"unset"}`};
+      .select-control {
+        background-color: ${e=>e.theme.colors.background};
+      }
+    }
+  }
+  .item-value-container {
+    .grouped-single-select-field__menu {
+      margin-top: ${n.sp2};
+    }
+  }
+`,Et=o.div`
+  padding: ${n.sp2} ${n.sp3};
+`,ue=o(Ye)`
+  color: ${e=>e.theme.colors.hero};
+`,we=o(Re)`
+  width: 100%;
+  color: ${e=>e.theme.colors.hero};
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+`,pe=o.div`
+  display: flex;
+  gap: ${n.sp1};
+  color: ${e=>e.theme.colors.primary};
+  .select-value-container {
+    .auto-complete-single-select-field__input-container {
+      .auto-complete-single-select-field__input {
+        text-align: left;
+      }
+    }
+    .grouped-single-select-field__input-container {
+      .grouped-single-select-field__input {
+        text-align: left;
+      }
+    }
+  }
+`,is=o.div`
+  border-left: ${e=>`1px solid ${e.theme.colors.grey3}`};
+  display: flex;
+  flex-direction: column;
+  gap: ${n.sp3};
+  align-items: center;
+  justify-content: center;
+  padding: ${n.sp0} 42px;
+`,os=o.div`
+  flex: 1;
+`,Hr=o(Ye)`
+  padding: ${n.sp0} 6px;
+  color: ${he.info};
+  border: 1px solid ${he.info};
+  border-radius: ${n.sp1};
+  margin-top: ${n.sp1};
+`,Ti=o(ot)`
+  padding: ${n.sp2};
+  color: ${e=>e.theme.colors.hero};
+  background: ${e=>e.theme.colors.overlayColor};
+  border-radius: ${n.sp1};
+`,at=o(Ti)`
+  padding: 2px ${n.sp2};
+`,Wt=me.getLocalizedStrings().expenseAutomation.accountRecon.review.header,Ft=[{key:"date",value:Wt.date,sortOrder:"ascending",width:new Q(20,20),loaderWidth:120},{key:"payee",value:Wt.payee,sortOrder:"ascending",width:new Q(20,20),loaderWidth:212},{key:"memo",value:Wt.memo,sortOrder:"ascending",width:new Q(20,20),loaderWidth:192},{key:"direction",value:Wt.direction,sortOrder:"ascending",width:new Q(15,15),loaderWidth:84},{key:"match",value:Wt.match,sortOrder:"ascending",width:new Q(15,15),loaderWidth:152},{key:"amount",value:Wt.amount,sortOrder:"ascending",width:new Q(10,10),loaderWidth:64}],Oo=[{key:"payee",value:Wt.payee,sortOrder:"ascending",width:new Q(65,65),loaderWidth:212},{key:"amount",value:Wt.amount,sortOrder:"ascending",width:new Q(30,30),loaderWidth:64}],Nh=e=>{const{sortConfig:i,onColumnSortConfigChanged:l}=e,r=be(),u=Ze()?Oo:Ft,[d,a]=s.useState(()=>u.map(h=>({...h,sortOrder:h.key===i.sortKey?i.sortOrder:"ascending"})));s.useEffect(()=>{a(u.map(h=>({...h,sortOrder:h.key===i.sortKey?i.sortOrder:"ascending"})))},[i.sortKey,i.sortOrder,u]);const c=(h,m)=>{let p=m;i.sortKey===h&&(p=m==="ascending"?"descending":"ascending"),l(h,p)};return t.jsx(Hh,{children:d.map(h=>t.jsxs(Wh,{sortDataValue:i.sortKey,actualDataValue:h.key,wrapperWidth:h.width,windowSize:r,isLastColumn:h.key==="amount",children:[t.jsxs(qh,{"data-testid":M("account-reconciliation-review-header",h.value),sortKey:h.key,onClick:()=>c(h.key,h.sortOrder),children:[t.jsx(Ye,{children:h.value}),t.jsx(Kh,{sortDataValue:i.sortKey,headerData:h,children:t.jsx(Jh,{})})]}),t.jsx(Qh,{sortDataValue:i.sortKey,windowSize:r,isVisible:i.sortKey===h.key&&(i.sortKey!=="date"||i.sortOrder==="ascending"),children:t.jsx(Gh,{"data-testid":M("account-reconciliation-review-sort-by-date"),onClick:()=>c("date","ascending")})})]},h.key))})},Uh=s.memo(Nh),Hh=o(ot)`
+  top: 0;
+  left: 0;
+  width: fit-content;
+  min-width: 100%;
+  z-index: 6;
+  display: flex;
+  align-items: center;
+  box-sizing: border-box;
+  padding: ${n.sp3} ${n.sp4};
+  position: sticky;
+  color: ${e=>e.theme.colors.grey1};
+  background-color: ${e=>e.theme.colors.grey4};
+`,Wh=o.div`
+  color: ${e=>e.sortDataValue===e.actualDataValue?e.theme.colors.primary:e.theme.colors.grey1};
+  width: ${e=>e.wrapperWidth.valuePercentage(e.windowSize)};
+  min-width: ${e=>e.isLastColumn===!0?"auto":e.wrapperWidth.valuePercentage(e.windowSize)};
+  display: flex;
+  align-items: center;
+  gap: 5px;
+  left: ${n.sp0};
+  justify-content: ${e=>e.isLastColumn===!0?"flex-end":"flex-start"};
+`,qh=o.div`
+  display: flex;
+  cursor: pointer;
+  gap: ${n.sp1};
+  &:hover {
+    color: ${e=>e.theme.colors.primary};
+  }
+  white-space: nowrap;
+`,Kh=o.div`
+  display: flex;
+  align-items: center;
+  transform: ${e=>e.sortDataValue===e.headerData.key&&e.headerData.sortOrder==="descending"?"rotate(180deg)":"rotate(0deg)"};
+  ${e=>e.headerData.sortOrder==="ascending"?le`
+          padding-top: 2px;
+        `:le`
+          padding-bottom: 2px;
+        `}
+`,Jh=o(ti)`
+  width: ${n.sp2};
+  height: ${n.sp2};
+  cursor: pointer;
+  color: inherit;
+`,Qh=o.div`
+  display: ${e=>e.isVisible?"flex":"none"};
+  align-items: center;
+  padding-top: 2px;
+`,Gh=o(ni)`
+  width: 12px;
+  height: 12px;
+  cursor: pointer;
+  color: ${e=>e.theme.colors.hero};
+`,kt="accountReconReviewTableSection",{dateFormat:Yh,expenseAutomation:Zh,common:Dt}=me.getLocalizedStrings(),{visual:Wr}=Yh,{accountRecon:ke}=Zh,qr=e=>[{label:ke.review.formLabels.allBankAccounts,options:e.map(i=>({label:i.accountName,value:i.accountId}))}],Kr=e=>[{label:ke.review.formLabels.allCreditCards,options:e.map(i=>({label:i.accountName,value:i.accountId}))}],Ps=e=>`${kt}_${e}_form`,Oe=(e,i)=>`${kt}.${e}.${i}`,Xh=e=>{const{sortKey:i,sortOrder:l,accountReconEntity:r,entitySearchAutoCompleteActions:u,allAccountList:d,classList:a,localData:c,accountListNestedAccountHierarchy:h,classListNestedAccountHierarchy:m,selectedAccountId:p,entitySearchAutoCompleteData:g,excludeFetchById:x,saveFetchById:y,reviewTabSelectedVendorByTransactionId:b,refreshStatus:S,updateLocalData:$,onColumnSortConfigChanged:v,onSaveReconciliation:T,onSaveReconciliationReview:I,onReconMatchedTransactionClick:w,bankAccounts:k,creditCards:j}=e,{transactionsToReview:C,account:{accountType:P}}=r,A=s.useRef(null),[R,F]=s.useState(null),V=D=>{const O=C[D],ae=Er(O),_=Dr(O),L=Mr(O,P??"bank"),U=Or(O,P??"bank"),X=zr(O),ce=Go(O),ge=O.recommendedAction.recommendedTransactions[0]?.merchantName!=null;return O.transactionId===R?_||L||U||X||ce?275+(ge?25:0):ae?185+O.recommendedAction.recommendedTransactions.length*40+(ge?25:0):146:72},q=s.useMemo(()=>({onColumnSortConfigChanged:v,sortConfig:{sortKey:i,sortOrder:l}}),[v,i,l]);if(s.useEffect(()=>{F(C[0]?.transactionId??null),A.current?.resetAfterIndex(0)},[i,l]),s.useEffect(()=>{A.current?.resetAfterIndex(0)},[R]),s.useEffect(()=>{A.current?.resetAfterIndex(0)},[C.length]),s.useEffect(()=>{S.fetchState==="Completed"&&A.current?.resetAfterIndex(0)},[S]),C.length===0){const D=We("reconciliation",void 0,p).tabs.find(O=>O.id==="review")?.allDoneText;return t.jsx(bp,{children:t.jsx(It,{tab:"reconciliation",title:D?.title??Dt.strings.empty,subTitle:D?.subTitle??Dt.strings.empty})})}return t.jsx(rp,{children:t.jsx(Jr.Provider,{value:q,children:t.jsx(Jn,{children:({height:D,width:O})=>t.jsx(Pi,{width:O,height:D,innerElementType:Qr,ref:A,itemCount:C.length,itemSize:V,itemKey:ae=>C[ae].transactionId,overscanCount:zc,itemData:{transactionsList:C,expandedRowId:R,allAccountList:d,classList:a,accountListNestedAccountHierarchy:h,classListNestedAccountHierarchy:m,localData:c,entitySearchAutoCompleteData:g,entitySearchAutoCompleteActions:u,excludeFetchById:x,saveFetchById:y,reviewTabSelectedVendorByTransactionId:b,bankAccounts:k,creditCards:j,accountType:P,updateLocalData:$,setExpandedRowId:F,onSaveReconciliation:T,onSaveReconciliationReview:I,onReconMatchedTransactionClick:w},initialScrollOffset:0,children:ep})})})})},Jr=s.createContext(void 0),Qr=s.forwardRef((e,i)=>{const{children:l,style:r,...u}=e,d=s.useContext(Jr);return t.jsxs(lp,{ref:i,style:{...r,width:"auto",maxWidth:"var(--side-panel-list-width, 100%)",padding:`${n.sp0} ${n.sp8}`},...u,children:[d!=null&&t.jsx(Uh,{onColumnSortConfigChanged:d.onColumnSortConfigChanged,sortConfig:d.sortConfig}),t.jsx(cp,{children:l})]})});Qr.displayName="Account recon review table inner element type";const ep=({index:e,style:i,data:l})=>{const{selectedTransactionId:r}=zi(),{transactionsList:u,expandedRowId:d,setExpandedRowId:a,entitySearchAutoCompleteActions:c,allAccountList:h,classList:m,localData:p,updateLocalData:g,accountListNestedAccountHierarchy:x,classListNestedAccountHierarchy:y,entitySearchAutoCompleteData:b,onSaveReconciliation:S,onSaveReconciliationReview:$,onReconMatchedTransactionClick:v,excludeFetchById:T,saveFetchById:I,reviewTabSelectedVendorByTransactionId:w,bankAccounts:k,creditCards:j,accountType:C}=l,P=u[e],A=r!=null&&r===P.transactionId;return t.jsx(ap,{isPanelSelected:A,style:{...i,width:"100%"},children:t.jsx(tp,{transaction:P,expandedRowId:d,setExpandedRowId:a,entitySearchAutoCompleteActions:c,accountListNestedAccountHierarchy:x,allAccountList:h,classList:m,localData:p,updateLocalData:g,entitySearchAutoCompleteData:b,classListNestedAccountHierarchy:y,onSaveReconciliation:S,onSaveReconciliationReview:$,onReconMatchedTransactionClick:v,excludeFetchById:T,saveFetchById:I,selectedVendor:w[P.transactionId],bankAccounts:k,creditCards:j,accountType:C})})},tp=({transaction:e,expandedRowId:i,accountListNestedAccountHierarchy:l,entitySearchAutoCompleteActions:r,allAccountList:u,classList:d,classListNestedAccountHierarchy:a,localData:c,entitySearchAutoCompleteData:h,excludeFetchById:m,saveFetchById:p,selectedVendor:g,bankAccounts:x,creditCards:y,accountType:b,setExpandedRowId:S,updateLocalData:$,onSaveReconciliation:v,onSaveReconciliationReview:T,onReconMatchedTransactionClick:I})=>{const w=i===e.transactionId,k=be(),j=Ze(),C=c[e.transactionId],P=e.recommendedAction.action==="record_bill_payment",A=e.recommendedAction.action==="record_expense",R=Go(e),F=u.find(D=>D.accountId===e.recommendedAction.recommendedTransactions[0]?.accountId),V=D=>D.recommendedAction.recommendedTransactions.length>0&&D.recommendedAction.recommendedTransactions[0].merchantName!=null?D.recommendedAction.recommendedTransactions[0].merchantName:Dt.strings.hyphen,q=e.recommendedAction.recommendedTransactions[0]?.merchantName;return t.jsxs(ip,{className:"recon-row-card",isQuickViewMode:j,isExpanded:w,children:[t.jsxs(op,{isExpanded:w,onClick:()=>S(e.transactionId),"data-testid":M("account-reconciliation-review-row",e.transactionId),children:[j?null:t.jsx(Sn,{windowSize:k,responsiveWidth:Ft[0].width,children:t.jsx(vn,{children:e.transactionDate.format(Wr.MMMDCommaYYYYformat)})}),t.jsx(Sn,{windowSize:k,responsiveWidth:j?Oo[0].width:Ft[1].width,children:t.jsx(vn,{children:t.jsx(qe,{itemTextStyle:{...yt.standardRegular.cssObject,color:"inherit"},text:V(e)})})}),j?null:t.jsxs(t.Fragment,{children:[t.jsx(Sn,{windowSize:k,responsiveWidth:Ft[2].width,children:t.jsx(vn,{children:t.jsx(qe,{itemTextStyle:{...yt.standardRegular.cssObject,color:"inherit"},text:e.memo})})}),t.jsx(Sn,{windowSize:k,responsiveWidth:Ft[3].width,children:t.jsx(vn,{style:{textTransform:"capitalize"},children:e.transactionDirection})}),t.jsxs(Sn,{windowSize:k,responsiveWidth:Ft[4].width,children:[t.jsx(Ge,{controller:P,children:t.jsx(vp,{children:t.jsx(Sp,{children:ke.review.matchesCount.replace("__count__",e.recommendedAction.recommendedTransactions.length.toString())})})}),t.jsx(Ge,{controller:!P,children:t.jsx(vn,{children:F!=null?t.jsxs(t.Fragment,{children:[t.jsx(Gr,{}),t.jsx(qe,{itemTextStyle:{...yt.standardRegular.cssObject,color:"inherit"},text:F.accountName})]}):Dt.strings.hyphen})})]})]}),t.jsx(Sn,{windowSize:k,isLastColumn:!0,responsiveWidth:j?Oo[1].width:Ft[5].width,children:t.jsx(vn,{children:Jo("0,0.00",e.amount.amount,e.amount.currencySymbol)})})]}),t.jsxs(Ge,{controller:w&&C!=null,children:[t.jsx(np,{onSaveReconciliation:v,onSaveReconciliationReview:T,updateLocalData:$,saveFetchById:p,excludeFetchById:m,localData:C,classListNestedAccountHierarchy:a,allAccountList:u,classList:d,transaction:e,accountListNestedAccountHierarchy:l,entitySearchAutoCompleteActions:r,entitySearchAutoCompleteData:h,selectedVendor:g,bankAccounts:x,creditCards:y,accountType:b,onReconMatchedTransactionClick:I}),t.jsx(Ge,{controller:(P||A||R)&&q!=null,children:t.jsx(jp,{children:t.jsxs($p,{children:[b==="credit_card"?ke.review.creditCardDetail:ke.review.bankDetail,Dt.strings.colon," ",q]})})})]})]})},np=({transaction:e,accountListNestedAccountHierarchy:i,entitySearchAutoCompleteActions:l,allAccountList:r,classList:u,classListNestedAccountHierarchy:d,localData:a,entitySearchAutoCompleteData:c,excludeFetchById:h,saveFetchById:m,selectedVendor:p,bankAccounts:g,creditCards:x,accountType:y,updateLocalData:b,onSaveReconciliation:S,onSaveReconciliationReview:$,onReconMatchedTransactionClick:v})=>{const T=Tt(),I=Ze(),[w,k]=s.useState(!a.vendor?.id),[j,C]=s.useState(!a.customer?.id),[P,A]=s.useState(a.categoryId==null),[R,F]=s.useState(a.classId==null),[V,q]=s.useState(a.bankAccountId==null),[D,O]=s.useState(a.creditCardId==null),[ae,_]=s.useState(!a.memo),L=Er(e),U=Dr(e),X=Or(e,y??"bank"),ce=Mr(e,y??"bank"),ge=zr(e),te=Go(e),J=s.useMemo(()=>{if(!U&&!te)return Kt(i);if(p!=null&&p.id!==e.recommendedAction.recommendedTransactions[0]?.merchantId)return Kt(i,p?.recommendations);const E=r.find($e=>$e.accountId===e.recommendedAction.recommendedTransactions[0]?.accountId),de=E!=null?{...E,reason:ke.review.zeniGptRecommendation,min:0,max:0}:void 0;return Kt(i,[{account:de}])},[U,te,p,e.recommendedAction.recommendedTransactions,r,i]),ee=s.useMemo(()=>{if(!U&&!te)return $i(d);if(p!=null&&p.id!==e.recommendedAction.recommendedTransactions[0]?.merchantId)return $i(d,p?.recommendations);const E=u.find($e=>$e.classId===e.recommendedAction.recommendedTransactions[0]?.classId),de=E!=null?{...E,reason:ke.review.zeniGptRecommendation,min:0,max:0}:void 0;return $i(d,[{class:de}])},[U,te,p,e.recommendedAction.recommendedTransactions,u,d]),W=xn({mode:"onSubmit",reValidateMode:"onSubmit",shouldFocusError:!0,defaultValues:s.useMemo(()=>Fs(e,a,J,r,ee,g,x,c),[e,a,ee,r,J,g,x,c]),values:s.useMemo(()=>Fs(e,a,J,r,ee,g,x,c),[e,a,ee,r,J,g,x,c])}),B=async(E,de)=>{E.includes("memo")||b(_s(de,e,c,r),e.transactionId,E.includes("vendor"))};s.useEffect(()=>{const E=W.watch((de,{name:$e})=>{$e!=null&&de!=null&&Yn(()=>B($e,de))});return()=>{E.unsubscribe()}});const ne=s.useCallback(E=>{if(!I){if(U||ge||te){if((U||te)&&a.vendor==null){k(!1),W.setError(Oe(e.transactionId,"vendor"),{type:"required"});return}if(ge&&a.customer==null){C(!1),W.setError(Oe(e.transactionId,"customer"),{type:"required"});return}if(a.categoryId==null){A(!1),W.setError(Oe(e.transactionId,"category"),{type:"required"});return}}b(_s(E,e,c,r),e.transactionId,!1),$(e.transactionId)}},[I,U,te,ge,b,e,c,r,$,a.categoryId,a.vendor,a.customer]),H=W.watch(Oe(e.transactionId,"vendor")),Z=W.watch(Oe(e.transactionId,"customer")),oe=s.useRef(),K=s.useMemo(()=>U||te?"vendor":ge?"customer":null,[U,te,ge]),N=(E,de)=>{K!=null&&l.onAutoCompleteInputChange?.(E,K),oe.current=de};s.useEffect(()=>{c.entityAutoCompleteView.fetchState==="Completed"&&((U||te)&&oe.current?.(kr(c.entityAutoCompleteView)),ge&&oe.current?.(Kc(c.entityAutoCompleteView)))},[c.entityAutoCompleteView,ge,U,te]);const z=E=>u.filter(de=>de.classId===E)[0]?.accountingClassNumber??void 0,se=E=>r.filter(de=>de.qboId===E)[0]?.qboId,Y=s.useMemo(()=>{if(y==="bank")switch(e.recommendedAction.action){case"record_bill_payment":return["record_bill_payment"];case"record_cc_payment":case"record_expense":case"record_transfer":return["record_expense","record_transfer","record_cc_payment"];default:return["record_deposit","record_cc_credit"]}else switch(e.transactionDirection){case"payment":return["record_expense"];case"deposit":return["record_cc_credit","record_cc_payment"];default:return[]}},[y,e.recommendedAction.action,e.transactionDirection]),G=()=>{I||A(!1)},je=()=>{I||q(!1)},Te=()=>{I||O(!1)};return s.useEffect(()=>{P===!1&&a.categoryId==null&&W.setFocus(Oe(e.transactionId,"category"))},[P]),s.useEffect(()=>{R===!1&&a.classId==null&&W.setFocus(Oe(e.transactionId,"class"))},[R]),s.useEffect(()=>{w===!1&&a.vendor==null&&W.setFocus(Oe(e.transactionId,"vendor"))},[w]),s.useEffect(()=>{j===!1&&a.customer==null&&W.setFocus(Oe(e.transactionId,"customer"))},[j]),s.useEffect(()=>{V===!1&&a.bankAccountId==null&&W.setFocus(Oe(e.transactionId,"bankAccount"))},[V]),s.useEffect(()=>{D===!1&&a.creditCardId==null&&W.setFocus(Oe(e.transactionId,"creditCard"))},[D]),t.jsx(fn,{...W,children:t.jsx("form",{onSubmit:W.handleSubmit(ne),id:Ps(e.transactionId),children:t.jsxs(sp,{children:[t.jsxs(dp,{children:[t.jsxs(pp,{children:[t.jsxs(mp,{children:[t.jsx(Gr,{}),t.jsx(qi,{label:{label:L?ke.review.formLabels.match:ke.review.formLabels.categorize},radioField:{name:Oe(e.transactionId,"match_radio"),id:L?"match":"categorize",value:L?"match":"categorize",checked:!0,style:{width:n.sp3,height:n.sp3,padding:"2px"}},style:{width:"auto"}})]}),t.jsx(Ge,{controller:!L,children:t.jsxs(t.Fragment,{children:[t.jsx(Bs,{}),Y.map(E=>t.jsx(qi,{label:{label:ke.review.formLabels[E]},style:{width:"auto"},isDisabled:"readonly",changeLabelColorInDisableMode:!0,radioField:{name:Oe(e.transactionId,"recommendedActionType"),id:E,value:E,style:{width:n.sp3,height:n.sp3,padding:"2px"}}},E))]})})]}),t.jsxs(hp,{children:[t.jsx(Wn,{variant:"secondary",size:"small",label:ke.review.formLabels.exclude,loading:h[e.transactionId]?.fetchState==="In-Progress","data-testid":M("account-reconciliation-review-exclude-button",e.transactionId),style:{width:n.sp10},reverseSpinnerColor:!1,onClick:()=>{I||S({reconcileAction:"exclude",excludeTransactionId:e.transactionId})}}),t.jsx(Wn,{form:Ps(e.transactionId),"data-testid":M("account-reconciliation-review-save-button",e.transactionId),label:Dt.footer.save,style:{width:n.sp10},variant:"primary",size:"small",type:"submit",loading:m[e.transactionId]?.fetchState==="In-Progress"})]})]}),t.jsx(Ge,{controller:U||ge||te,children:t.jsxs(Yi,{children:[t.jsx(Ge,{controller:U||te,children:t.jsx($t,{onClickAway:()=>{a.vendor==null&&w===!1&&k(!0)},children:t.jsx(re,{style:{flex:1,padding:f[0],justifyContent:"center"},showHoverEffect:!0,forceHoverEffect:!1,children:t.jsxs(Et,{className:"hover-background",style:{padding:`${n.sp2} ${n.sp3}`},children:[t.jsx(ue,{style:{display:"flex",alignItems:"center",gap:f[1]},children:Dt.texts.vendor}),t.jsx(pe,{style:{gap:f[3]},className:"item-value-container",children:t.jsx(t.Fragment,{children:w===!0?t.jsxs(we,{onClick:E=>{E.stopPropagation(),!I&&k(!1)},"data-testid":M("account-reconciliation-review-add-vendor-button",e.transactionId),style:{display:"inline-flex",alignItems:"center",gap:f[1],color:T.colors.champion,cursor:"pointer"},children:[t.jsx(rn,{}),ke.review.formLabels.addVendor]}):t.jsx(Ro,{name:Oe(e.transactionId,"vendor"),allowEmpty:!1,placeholder:ke.review.formLabels.addVendor,valueToId:E=>E,defaultValue:{selectedOption:H?.selectedOption,defaultOptions:H?.defaultOptions??[]},style:{width:"100%"},customStyleConfig:{valueContainer:()=>({justifyContent:"flex-start"}),control:()=>({height:n.sp4})},registerOptions:{required:!0,validate:E=>!!E.selectedOption},loadOptions:N})})})]})})})}),t.jsx(Ge,{controller:ge,children:t.jsx($t,{onClickAway:()=>{a.customer==null&&j===!1&&C(!0)},children:t.jsx(re,{style:{flex:1,padding:f[0],justifyContent:"center"},showHoverEffect:!0,forceHoverEffect:!1,children:t.jsxs(Et,{className:"hover-background",style:{padding:`${n.sp2} ${n.sp3}`},children:[t.jsx(ue,{style:{display:"flex",alignItems:"center",gap:f[1]},children:Dt.texts.customer}),t.jsx(pe,{style:{gap:f[3]},className:"item-value-container",children:t.jsx(t.Fragment,{children:j===!0?t.jsxs(we,{onClick:E=>{E.stopPropagation(),!I&&C(!1)},"data-testid":M("account-reconciliation-review-add-customer-button",e.transactionId),style:{display:"inline-flex",alignItems:"center",gap:f[1],color:T.colors.champion,cursor:"pointer"},children:[t.jsx(rn,{}),ke.review.formLabels.addCustomer]}):t.jsx(Ro,{name:Oe(e.transactionId,"customer"),allowEmpty:!1,placeholder:ke.review.formLabels.addCustomer,valueToId:E=>E,defaultValue:{selectedOption:Z?.selectedOption,defaultOptions:Z?.defaultOptions??[]},style:{width:"100%"},customStyleConfig:{valueContainer:()=>({justifyContent:"flex-start"}),control:()=>({height:n.sp4})},registerOptions:{required:!0,validate:E=>!!E.selectedOption},loadOptions:N})})})]})})})}),t.jsx($t,{onClickAway:()=>{a.categoryId==null&&P===!1&&A(!0)},children:t.jsx(re,{showHoverEffect:!0,forceHoverEffect:!1,style:{padding:"unset",justifyContent:"center",flex:1},children:t.jsxs(Et,{className:"hover-background",children:[t.jsx(ue,{style:{display:"flex",alignItems:"center",gap:f[1]},children:Dt.texts.category}),t.jsx(pe,{className:"item-value-container",children:t.jsx(t.Fragment,{children:P===!0?t.jsxs(we,{onClick:E=>{E.stopPropagation(),!I&&G()},"data-testid":M("account-reconciliation-review-add-category-button",e.transactionId),style:{display:"inline-flex",alignItems:"center",gap:f[1],color:T.colors.champion,cursor:"pointer"},children:[t.jsx(rn,{}),ke.review.formLabels.addCategory]}):t.jsx(Tn,{shouldShowChevronIcon:!1,menuPortal:document.body,name:Oe(e.transactionId,"category"),placeholder:ke.review.formLabels.addCategory,valueToId:E=>se(E),defaultValue:{allOptions:J,selectedOption:r.find(E=>E.accountId===a.categoryId)?.qboId},registerOptions:{required:!0,validate:E=>!!E.selectedOption},customStyleConfig:fi})})})]})})}),t.jsx($t,{onClickAway:()=>{a.classId==null&&R===!1&&F(!0)},children:t.jsx(re,{showHoverEffect:!0,forceHoverEffect:!1,style:{padding:"unset",justifyContent:"center",flex:1},children:t.jsxs(Et,{className:"hover-background",children:[t.jsx(ue,{style:{display:"flex",alignItems:"center",gap:f[1]},children:Dt.texts.class}),t.jsx(pe,{className:"item-value-container",children:t.jsx(t.Fragment,{children:R===!0?t.jsxs(we,{onClick:E=>{E.stopPropagation(),!I&&F(!1)},"data-testid":M("account-reconciliation-review-add-class-button",e.transactionId),style:{display:"inline-flex",alignItems:"center",gap:f[1],color:T.colors.champion,cursor:"pointer"},children:[t.jsx(rn,{}),ke.review.formLabels.addClass]}):t.jsx(Tn,{shouldShowChevronIcon:!1,menuPortal:document.body,name:Oe(e.transactionId,"class"),placeholder:ke.review.formLabels.addClass,valueToId:E=>z(E),defaultValue:{allOptions:ee,selectedOption:a.classId},registerOptions:{required:!0,validate:E=>!!E.selectedOption},customStyleConfig:fi})})})]})})})]})}),t.jsx(Ge,{controller:L,children:t.jsxs(gp,{children:[t.jsxs(xp,{children:[t.jsx("span",{className:"matched-text",children:`${ke.review.matchedFoundCount.replace("__count__",e.recommendedAction.recommendedTransactions.length.toString())} `}),ke.review.matchesFoundFullInfo]}),t.jsx(yp,{children:e.recommendedAction.recommendedTransactions.map(E=>E.bookTransactionId!=null?t.jsxs(wp,{children:[t.jsx(qi,{label:{label:t.jsxs(fp,{children:[t.jsx(Re,{children:E.date.format(Wr.MMMDCommaYYYYformat)}),t.jsx(Re,{children:E.memo})]})},style:{width:"auto"},isDisabled:void 0,changeLabelColorInDisableMode:!0,radioField:{name:Oe(e.transactionId,"matchedTransaction"),registerOptions:{required:!0},id:E.bookTransactionId,value:E.bookTransactionId,style:{width:n.sp3,height:n.sp3,padding:"2px"}}}),t.jsxs(kp,{"data-testid":M("account-reconciliation-review-matched-transaction-amount",E.bookTransactionId),onClick:()=>{E.bookTransactionId!=null&&v(E.bookTransactionId)},children:[t.jsx(Cp,{children:Jo("0,0.00",E.amount.amount,E.amount.currencySymbol)}),t.jsx(Bs,{})]})]},E.bookTransactionId):null)})]})}),t.jsx(Ge,{controller:X,children:t.jsx(Yi,{children:t.jsx($t,{onClickAway:()=>{a.bankAccountId==null&&V===!1&&q(!0)},children:t.jsx(re,{showHoverEffect:!0,forceHoverEffect:!1,style:{padding:"unset",justifyContent:"center",flex:1},children:t.jsxs(Et,{className:"hover-background",children:[t.jsx(ue,{style:{display:"flex",alignItems:"center",gap:f[1]},children:y==="credit_card"?ke.review.formLabels.selectAccount:ke.review.formLabels.transferTo}),t.jsx(pe,{className:"item-value-container",children:t.jsx(t.Fragment,{children:V===!0?t.jsxs(we,{onClick:E=>{E.stopPropagation(),!I&&je()},"data-testid":M("account-reconciliation-review-add-account-button",e.transactionId),style:{display:"inline-flex",alignItems:"center",gap:f[1],color:T.colors.brandColorGoldDark,cursor:"pointer"},children:[t.jsx(rn,{}),ke.review.formLabels.selectAccount]}):t.jsx(Tn,{shouldShowChevronIcon:!1,menuPortal:document.body,name:Oe(e.transactionId,"bankAccount"),placeholder:ke.review.formLabels.selectAccount,defaultValue:{allOptions:qr(g),selectedOption:a.bankAccountId},registerOptions:{required:!0,validate:E=>!!E.selectedOption},customStyleConfig:fi})})})]})})})})}),t.jsx(Ge,{controller:ce,children:t.jsx(Yi,{children:t.jsx($t,{onClickAway:()=>{a.creditCardId==null&&D===!1&&O(!0)},children:t.jsx(re,{showHoverEffect:!0,forceHoverEffect:!1,style:{padding:"unset",justifyContent:"center",flex:1},children:t.jsxs(Et,{className:"hover-background",children:[t.jsx(ue,{style:{display:"flex",alignItems:"center",gap:f[1]},children:ke.review.formLabels.creditCard}),t.jsx(pe,{className:"item-value-container",children:t.jsx(t.Fragment,{children:D===!0?t.jsxs(we,{onClick:E=>{E.stopPropagation(),!I&&Te()},"data-testid":M("account-reconciliation-review-add-credit-card-button",e.transactionId),style:{display:"inline-flex",alignItems:"center",gap:f[1],color:T.colors.brandColorGoldDark,cursor:"pointer"},children:[t.jsx(rn,{}),ke.review.formLabels.selectCard]}):t.jsx(Tn,{shouldShowChevronIcon:!1,menuPortal:document.body,name:Oe(e.transactionId,"creditCard"),placeholder:ke.review.formLabels.selectCard,defaultValue:{allOptions:Kr(x),selectedOption:a.creditCardId},registerOptions:{required:!0,validate:E=>!!E.selectedOption},customStyleConfig:fi})})})]})})})})}),t.jsx(Ge,{controller:!L,children:t.jsx(up,{children:t.jsx(re,{showHoverEffect:!0,forceHoverEffect:!1,style:{padding:"unset",justifyContent:"center",width:"100%"},children:t.jsxs(Et,{className:"hover-background",children:[t.jsx(ue,{style:{display:"flex",alignItems:"center",gap:f[1]},children:ke.review.header.memo}),t.jsx(pe,{className:"item-value-container",children:t.jsx(t.Fragment,{children:ae===!0?t.jsxs(we,{onClick:E=>{E.stopPropagation(),!I&&_(!1)},"data-testid":M("account-reconciliation-review-add-memo-button",e.transactionId),style:{display:"inline-flex",alignItems:"center",gap:f[1],color:T.colors.champion,cursor:"pointer"},children:[t.jsx(rn,{}),ke.review.formLabels.addMemo]}):t.jsx(Jc,{name:Oe(e.transactionId,"memo"),placeholder:ke.review.formLabels.addMemo,type:"text",style:{padding:0,textAlign:"left",width:"100%",background:"transparent"}})})})]})})})})]})})})},fi={valueContainer:()=>({justifyContent:"flex-start",paddingLeft:0}),control:()=>({height:n.sp4}),singleValue:()=>({margin:0}),menuPortal:()=>({zIndex:9999}),menu:()=>({width:`calc(100% + ${n.sp5})`,marginRight:`-${n.sp3}`,marginLeft:`-${n.sp3}`})},Fs=(e,i,l,r,u,d,a,c)=>{const h=r.find(m=>m.accountId===i.categoryId);return{[kt]:{[e.transactionId]:{category:{selectedOption:h?.qboId,allOptions:l},class:{selectedOption:i?.classId,allOptions:u},bankAccount:{selectedOption:i?.bankAccountId,allOptions:qr(d)},creditCard:{selectedOption:i?.creditCardId,allOptions:Kr(a)},memo:i?.memo,recommendedActionType:e.recommendedAction.action,matchedTransaction:i?.matchedTransactionId,vendor:{selectedOption:i?.vendor?.id,defaultOptions:Lr(c.entityAutoCompleteView,i?.vendor)},customer:{selectedOption:i?.customer?.id,defaultOptions:od(i?.customer,c.entityAutoCompleteView)}}}}},_s=(e,i,l,r)=>{const{vendor:u,customer:d}=e[kt][i.transactionId];let a;if(u.selectedOption!=null){const h=u.defaultOptions.find(m=>m.value===u.selectedOption);if(h!=null)a={id:u.selectedOption,name:h.label};else{const m=l.entityAutoCompleteView.vendor.find(p=>p.id===u.selectedOption||p.zeniId===u.selectedOption);m!=null&&(a={id:m.zeniId,name:m.name})}}let c;if(d.selectedOption!=null){const h=d.defaultOptions.find(m=>m.value===d.selectedOption);if(h!=null)c={id:d.selectedOption,name:h.label};else{const m=l.entityAutoCompleteView.customer.find(p=>p.id===d.selectedOption||p.zeniId===d.selectedOption);m!=null&&(c={id:m.zeniId,name:m.name})}}return{categoryId:r.find(h=>h.qboId===e[kt][i.transactionId].category.selectedOption)?.accountId??e[kt][i.transactionId].category.selectedOption,classId:e[kt][i.transactionId].class.selectedOption,memo:e[kt][i.transactionId].memo,matchedTransactionId:e[kt][i.transactionId].matchedTransaction,vendor:a,bankAccountId:e[kt][i.transactionId].bankAccount.selectedOption,creditCardId:e[kt][i.transactionId].creditCard.selectedOption,customer:c}},vn=o(Re)`
+  display: flex;
+  align-items: center;
+  column-gap: ${n.sp1};
+`,Sn=o.div`
+  width: ${e=>e.responsiveWidth.valuePercentage(e.windowSize)};
+  display: flex;
+  justify-content: ${e=>e.isLastColumn===!0?"flex-end":"flex-start"};
+`,ip=o.div`
+  display: flex;
+  flex-direction: column;
+  box-sizing: border-box;
+  position: relative;
+  background: ${e=>e.theme.colors.grey5};
+  border: 1px solid
+    ${e=>e.isExpanded?e.theme.colors.primary:e.theme.colors.grey3};
+  color: ${e=>e.isExpanded?e.theme.colors.primary:e.theme.colors.hero};
+  &:hover {
+    border: 1px solid ${e=>e.theme.colors.primary};
+    color: ${e=>e.theme.colors.primary};
+  }
+  box-shadow: ${e=>e.theme.colors.elevation1};
+  border-radius: ${n.sp2};
+`,op=o.div`
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  cursor: pointer;
+  padding: ${n.sp3} ${n.sp4};
+  column-gap: ${n.sp2};
+
+  border-bottom: ${e=>e.isExpanded?"1px solid "+e.theme.colors.primary:"none"};
+`,sp=o.div`
+  padding: ${n.sp2} ${n.sp4};
+  display: flex;
+  flex-direction: column;
+  row-gap: ${n.sp2};
+`,ap=o.div`
+  top: ${n.sp0};
+  left: ${n.sp0};
+  padding-right: var(--side-panel-list-item-pr, 0px);
+  box-sizing: border-box;
+  ${e=>e.isPanelSelected===!0&&le`
+      .recon-row-card {
+        ${Yo(e.theme)}
+      }
+    `}
+`,rp=o.div`
+  height: calc(100vh - 350px);
+  max-width: 99.9%;
+  padding: ${n.sp0};
+`,lp=o.div``,cp=o.div`
+  position: relative;
+  width: auto;
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+  row-gap: ${n.sp3};
+`,dp=o.div`
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  justify-content: space-between;
+  padding: 12px ${n.sp3};
+  background-color: ${e=>e.theme.colors.background};
+  border-radius: ${n.sp2};
+`,Yi=o.div`
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  column-gap: ${n.sp3};
+`,up=o.div`
+  width: 100%;
+`,hp=o.div`
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  column-gap: ${n.sp3};
+`,pp=o.div`
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  column-gap: ${n.sp6};
+`,mp=o.div`
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  column-gap: ${n.sp1};
+`,rn=o(Fi)`
+  width: ${n.sp3};
+  height: ${n.sp3};
+`,Bs=o(sd)`
+  width: ${n.sp3};
+  height: ${n.sp3};
+  color: ${e=>e.theme.colors.hero};
+`,gp=o.div`
+  display: flex;
+  flex-direction: column;
+  row-gap: ${n.sp3};
+  padding: ${n.sp0} 12px;
+`,xp=o(Re)`
+  color: ${e=>e.theme.colors.primary};
+
+  .matched-text {
+    font-weight: ${Zn.bold};
+  }
+`,fp=o.div`
+  display: flex;
+  align-items: center;
+  column-gap: ${n.sp2};
+`,yp=o.div`
+  display: flex;
+  flex-direction: column;
+  row-gap: ${n.sp2};
+`,wp=o.div`
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  justify-content: space-between;
+  padding-bottom: ${n.sp2};
+  border-bottom: 1px solid ${e=>e.theme.colors.grey3};
+`,Cp=o(Re)`
+  color: ${e=>e.theme.colors.hero};
+`,bp=o.div`
+  height: 100%;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+`,vp=o.div`
+  border: 1px solid ${e=>e.theme.colors.grey2};
+  padding: ${n.sp0} ${n.sp1};
+  border-radius: ${n.sp1};
+`,Sp=o(Ye)`
+  color: ${e=>e.theme.colors.hero};
+`,kp=o.div`
+  display: flex;
+  align-items: center;
+  column-gap: 20px;
+  cursor: pointer;
+`,jp=o.div`
+  text-align: center;
+  padding: ${n.sp1} ${n.sp0};
+  border-top: 1px solid ${e=>e.theme.colors.grey3};
+`,$p=o(Ye)`
+  color: ${e=>e.theme.colors.hero};
+`,Gr=o(Qt)`
+  width: ${n.sp3};
+  height: ${n.sp3};
+  margin-right: ${n.sp1};
+  path {
+    stroke-width: 2;
+  }
+`,Ip=({reconciliation:e,entitySearchAutoCompleteData:i,selectedAccountId:l,currentFooterFormId:r,entitySearchAutoCompleteActions:u,onUpdateReconcileTabLocalData:d,setCurrentFooterFormId:a,onReconTabColumnSortConfigChanged:c,updateReviewTabLocalData:h,onReconReviewTabColumnSortConfigChanged:m,onSaveReconciliation:p,onSaveReconciliationReview:g,onReconMatchedTransactionClick:x})=>{const{accountReconciliationsByAccountID:y,reconciliationTabsState:{reconcile:{uiState:{sortKey:b,sortOrder:S}}},selectedReconAccount:$}=e,v=y[l],{transactionFetchState:T}=$??{};return T?.fetchState==="In-Progress"||T?.fetchState==="Not-Started"?t.jsxs(Vs,{style:{paddingLeft:f[8],paddingRight:f[8]},children:[t.jsx(Tp,{children:Ft.map(I=>t.jsx(it,{width:I.loaderWidth,height:18},I.key))}),t.jsxs(Ap,{children:[...Array(3).fill(0).map((I,w)=>t.jsx(Lp,{children:Ft.map(k=>t.jsx(it,{width:k.loaderWidth,height:f[4]},k.key))},`${w}_${I}`))]})]}):t.jsx(Vs,{children:e.selectedTab==="reconcile"?t.jsx(Mh,{selectedAccountId:l,currentFooterFormId:r,setCurrentFooterFormId:a,onUpdateReconcileTabLocalData:d,onReconTabColumnSortConfigChanged:c,onSaveReconciliation:p,sortConfig:{sortKey:b,sortOrder:S},localData:e.reconciliationTabsState.reconcile.localData,matchedTransactions:v?.accountReconEntity.transactionsToReconcile}):t.jsx(Xh,{localData:e.reconciliationTabsState.review.localData,reviewTabSelectedVendorByTransactionId:e.reviewTabSelectedVendorByTransactionId,refreshStatus:e.accountReconciliationsByAccountID[l]?.refreshStatus??{fetchState:"Not-Started",error:null},accountReconEntity:e.accountReconciliationsByAccountID[l].accountReconEntity,accountListNestedAccountHierarchy:e.accountListNestedAccountHierarchy,classListNestedAccountHierarchy:e.classListNestedAccountHierarchy,allAccountList:e.allAccountList,classList:e.allClassList,bankAccounts:e.bankAccounts,creditCards:e.creditCards,entitySearchAutoCompleteData:i,updateLocalData:h,entitySearchAutoCompleteActions:u,onColumnSortConfigChanged:m,onSaveReconciliation:p,onSaveReconciliationReview:g,onReconMatchedTransactionClick:x,excludeFetchById:e.actionFetchStates.excludeFetchById,saveFetchById:e.actionFetchStates.saveReconciliationReviewFetch,selectedAccountId:l,sortKey:e.reconciliationTabsState.review.uiState.sortKey,sortOrder:e.reconciliationTabsState.review.uiState.sortOrder})})},Vs=o.div`
+  width: 100%;
+  height: 100%;
+`,Tp=o.div`
+  display: flex;
+  justify-content: space-between;
+  padding: ${n.sp3} ${n.sp4};
+  column-gap: ${n.sp6};
+`,Lp=o.div`
+  display: flex;
+  justify-content: space-between;
+  padding: ${n.sp3} ${n.sp4};
+  background-color: ${e=>e.theme.colors.grey5};
+  border-radius: ${n.sp2};
+  border: ${e=>`1px solid ${e.theme.colors.grey3}`};
+  box-shadow: ${e=>e.theme.colors.elevation1};
+  column-gap: ${n.sp6};
+`,Ap=o.div`
+  display: flex;
+  gap: ${n.sp3};
+  flex-direction: column;
+`;function Rp({title:e,config:i,nodeId:l}){return{children:[],id:l??Ot("loading_in_progress",[],e),isLastNode:!1,reportElementData:{element:{kind:"loading_in_progress",title:"",data:[],numOfBalances:0},config:i}}}function Ep({account:e,numOfBalances:i,title:l,isLastNode:r,config:u}){const d=Ot("ac_group_report",[],l);return{children:[],id:d,isLastNode:r,reportElementData:{element:{kind:"ac_group_report",title:l,data:e,numOfBalances:i},config:u}}}function Dp({title:e,section:i,config:l,numOfBalances:r,nodeId:u}){return{children:[],id:u??Ot("total",[]),isLastNode:!1,reportElementData:{element:{kind:"total",title:e,data:i,numOfBalances:r},config:l}}}function Ns({section:e,allAccountReconciliations:i,title:l,subTitle:r,isLastNode:u,isTitleRowRequired:d,config:a}){const c=Ot("section",[],l),h={children:[],id:c,isLastNode:u,reportElementData:{element:{kind:"section",title:l,data:e,numOfBalances:0},config:a}};if(d){const p=Ot("title_string_only",[],l),g={children:[],id:p,isLastNode:!0,reportElementData:{element:{kind:"title_string_only",title:l,data:e,numOfBalances:0},config:a}};h.children.push(g)}const m=Dp({title:r,section:e,config:a,numOfBalances:0});return h.children.push(m),e.accountIDs.forEach((p,g)=>{const x=i[p],y=Ep({account:x,numOfBalances:0,title:x.accountReconEntity.account.accountName,isLastNode:g===e.accountIDs.length-1,config:a});h.children.push(y)}),h}function Yr({config:e,accountReconForSection:i,nodeId:l}){return{children:[],id:l??Ot("timeframe_header",[]),isLastNode:!1,reportElementData:{element:{kind:"timeframe_headers",title:"",data:i,numOfBalances:0},config:e}}}function Mp(e,i){return i?Ji("section")+Ji("total")+e*Ji("ac_group_report"):1/0}const Op=(e,i,l,r,u=!0,d="assets")=>{const a=d==="liabilities"&&e.accountReconciliationBySectionID.liabilities.accountIDs.length>0?e.accountReconciliationBySectionID.liabilities:e.accountReconciliationBySectionID.assets,c=Yr({config:i,accountReconForSection:a}),h=[];h.push(c);const m=Array.isArray(l[r])?l[r]:[],{expenseAutomation:{accountRecon:{reconciliation:p}},common:{loading:g}}=me.getLocalizedStrings(),x=e.fetchStatus.fetchState==="Not-Started"||e.fetchStatus.fetchState==="In-Progress",y=b=>b.filter(S=>!m.includes(S));if(x)[...Array(3)].forEach((b,S)=>{h.push(Rp({title:`${S}+${g}`,config:i}))});else{const b=y(e.accountReconciliationBySectionID.assets.accountIDs),S=Ns({section:{...e.accountReconciliationBySectionID.assets,accountIDs:b},allAccountReconciliations:e.accountReconciliationsByAccountID,title:p.headers.section.assets.title,subTitle:p.headers.section.assets.subTitle,isLastNode:!1,isTitleRowRequired:!1,config:i});if(h.push(S),e.accountReconciliationBySectionID.liabilities.accountIDs.length>0){const $=y(e.accountReconciliationBySectionID.liabilities.accountIDs),v=Ns({section:{...e.accountReconciliationBySectionID.liabilities,accountIDs:$},allAccountReconciliations:e.accountReconciliationsByAccountID,title:p.headers.section.liabilities.title,subTitle:p.headers.section.liabilities.subTitle,isLastNode:!1,isTitleRowRequired:!0,config:i});h.push(v)}}return{config:i,headerNodes:u?[c]:[],contentNodes:h}};function zp(e,i,l,r=!1,u="assets"){Object.assign(e.config,l);const d=u==="liabilities"&&i.accountReconciliationBySectionID.liabilities.accountIDs.length>0?i.accountReconciliationBySectionID.liabilities:i.accountReconciliationBySectionID.assets,a=Yr({config:l,accountReconForSection:d});return{config:l,headerNodes:r?[a]:[],contentNodes:[a,...e.contentNodes.slice(1)]}}const zo={wrapperPadding:new Q(f[2],f[2],f[2],f[8]),contentPaddingLeft:new Q(f[2],f[2],f[2],f[2]),contentPaddingRight:new Q(f[2],f[2],f[2],f[2])},Pp=o.div`
+  display: flex;
+  height: 100%;
+  width: 100%;
+  justify-content: center;
+  align-items: center;
+`,Fp=o.div`
+  display: flex;
+  height: 100%;
+  min-height: 100%;
+  flex: 1 1 auto;
+  width: 100%;
+  justify-content: center;
+  padding-left: ${e=>zo.wrapperPadding.valuePx(e.windowSize)};
+  background-color: ${e=>e.theme.colors.grey4};
+`,_p=o.div`
+  width: 100%;
+  height: 100%;
+`,{common:Bp}=me.getLocalizedStrings();function Vp({reconciliation:e,companyId:i,onReload:l,onReviewClicked:r,setOpenDrawerClicked:u,onFetchLinkTokenClick:d,onEstablishConnectionClick:a,onAddStatementClick:c}){const[h,m]=s.useState(void 0),[p,g]=s.useState(void 0),x=e.plaidConnectionDetails.link_account_no_microdeposit,y=e.plaidConnectionDetails.update_account,b=p==="update_account"?y:x,[S,$]=s.useState(b.linkToken??null),[v,T]=s.useState(!1),{useDynamicConfig:I}=pr(),{configValue:w}=I(mr.accountReconGLAccountsConfig),k=s.useCallback(K=>{m(K),g("link_account_no_microdeposit")},[]),j=s.useCallback(K=>{const N=R.current.accountReconciliationsByAccountID[K]?.paymentAccountId;m(K),g("update_account"),d("update_account",N)},[]),C=s.useCallback(K=>{u(K)},[]),P=s.useRef(h),A=s.useRef(p),R=s.useRef(e);s.useEffect(()=>{P.current=h},[h]),s.useEffect(()=>{A.current=p},[p]),s.useEffect(()=>{R.current=e},[e]);const F=s.useCallback(K=>{a(K,P.current??"",A.current),m(void 0),g(void 0),T(!1)},[a]),V=s.useCallback((K,N)=>{K!=null&&console.log("Plaid Connection Error",K,N),m(void 0),g(void 0),T(!1)},[]),{open:q,ready:D}=Sc({token:S,onSuccess:F,onExit:V});s.useEffect(()=>{(Di(new Date().toISOString()).isAfter(b.expiration)||b.linkToken==null)&&b.fetchStatus.fetchState==="Not-Started"&&d("link_account_no_microdeposit")},[b.fetchStatus.fetchState]),s.useEffect(()=>{!v&&p!=null&&b.linkToken===S&&b.fetchStatus.fetchState==="Completed"&&D&&T(!0)},[D,S,b.fetchStatus.fetchState,b.linkToken,p,v]),s.useEffect(()=>{b.fetchStatus.fetchState==="Completed"&&b.linkToken!=null&&b.linkToken!==S&&$(b.linkToken)},[b.fetchStatus.fetchState,b.linkToken,S]),s.useEffect(()=>{v&&q()},[v,q]);const[O,ae]=s.useState(void 0),[_,L]=s.useState(void 0),[U,X]=s.useState("assets"),ce=Di("2025-03-31"),ge=1,te="account_reconciliation",J=be(),ee=Tt();Gn({componentName:"expense_automation.account_reconciliation_list",enabled:e.fetchStatus.fetchState==="Completed"});const W=!0,B=Array.isArray(w?.[i])?w[i]:[],ne=e.accountReconciliationBySectionID.assets.accountIDs.filter(K=>!B.includes(K)).length,H=e.accountReconciliationBySectionID.liabilities.accountIDs.length>0,Z=Mp(ne,H),oe=s.useCallback(K=>{const N=K.scrollTop>=Z?"liabilities":"assets";N!==U&&X(N)},[Z,U]);return s.useEffect(()=>{const K={reportId:te,mode:"none",displayOrder:"ascending_date",reportFormat:"more_detailed",bookCloseDate:ce,firstMonthOfFY:ge,filterAccountsWithNilBalances:"off",filterAccountGroupsWithNilBalances:"off",showNegativeAmountInParenthesis:!1,dataAvailable:void 0,accountReconciliationConfig:{selectedDrawerAccountId:e.selectedDrawerAccountId,onReviewClicked:r,onConnectClicked:k,onReconnectClicked:j,onOpenDrawerClicked:C,onStatementAddClicked:c}};if(O==null||!xr(_,e)){const N=Op(e,K,w,i,W,U);L(e),ae(N)}else{const N=zp(O,e,K,W,U);ae(N)}},[e,U]),e.fetchStatus.fetchState==="Error"?t.jsx(Pp,{children:t.jsx(kc,{onReload:l,message:Bp.errorMessage.somethingWentWrong})}):t.jsx(Fp,{windowSize:J,children:O!=null?t.jsx(_p,{windowSize:J,children:t.jsx(Fr,{backgroundColor:new qo(ee.colors.grey4),rootNodes:O,type:"name+balances_actual",compareMode:"compare_mode_percent",isSticky:{isStickyHeader:W,isStickyName:W},treeNodePadding:{left:zo.contentPaddingLeft.value(J),right:zo.contentPaddingRight.value(J)},nodeOpenStatus:{},scrollPosition:e.reconListUIState.scrollPosition,onCompareModeChanged:()=>{},onScroll:oe})}):null})}function Np({currentFooterFormId:e,vendorSearchAutoCompleteData:i,vendorSearchAutoCompleteActions:l,reconciliation:r,companyId:u,onReconTabColumnSortConfigChanged:d,updateReconReviewTabLocalData:a,onUpdateReconcileTabLocalData:c,setCurrentFooterFormId:h,onReloadReconciliationListPage:m,onReviewClicked:p,onFetchLinkTokenClick:g,onEstablishConnectionClick:x,onAddStatementClick:y,onReconReviewTabColumnSortConfigChanged:b,onSaveReconciliation:S,onSaveReconciliationReview:$,setOpenDrawerClicked:v,onReconMatchedTransactionClick:T}){return r.selectedAccountId==null?t.jsx(Vp,{companyId:u,reconciliation:r,onReload:m,onReviewClicked:p,onFetchLinkTokenClick:g,onEstablishConnectionClick:x,setOpenDrawerClicked:v,onAddStatementClick:y}):t.jsx(Ip,{currentFooterFormId:e,setCurrentFooterFormId:h,onUpdateReconcileTabLocalData:c,onReconTabColumnSortConfigChanged:d,reconciliation:r,updateReviewTabLocalData:a,entitySearchAutoCompleteActions:l,onReconReviewTabColumnSortConfigChanged:b,entitySearchAutoCompleteData:i,selectedAccountId:r.selectedAccountId,onSaveReconciliation:S,onSaveReconciliationReview:$,onReconMatchedTransactionClick:T})}function Up({accountAndClassReport:e,numOfBalances:i,title:l,isLastNode:r,isFirstNode:u,config:d,parentNodeIDs:a,ancestorMetadata:c}){let h="";return e.accountBase&&e.classBase?h=`${e.accountBase.accountId}_${e.classBase.classId}`:e.accountBase?h=e.accountBase.accountId:e.classBase&&(h=e.classBase.classId),{children:[],id:Ot("flux_vendor_account_class_row",a,h),isLastNode:r,isFirstNode:u,reportElementData:{element:{kind:"flux_vendor_account_class_row",title:l,data:e,metadata:c,numOfBalances:i},config:d}}}function Hp({config:e,isLastNode:i,numOfBalances:l,parentNodeIDs:r,title:u,vendorRowIndex:d,vendorView:a}){const c=Ot("flux_vendor_row",r,a.vendor.id),h={children:[],id:c,isLastNode:i,reportElementData:{element:{kind:"flux_vendor_row",title:u,data:a,numOfBalances:l,index:d},config:e}},m=a.vendorAccountsAndClasses;return h.children=m.map((p,g)=>Up({accountAndClassReport:p,numOfBalances:l,title:p.accountBase?.accountName??"",config:e,isLastNode:g===m.length-1,isFirstNode:g===0,parentNodeIDs:[...r,c],ancestorMetadata:{accountAndClassRowMetadata:{depth:0,hasSibling:m.length>1,hasChildren:!1,isLastNode:g===m.length-1,isFirstNode:g===0,name:p.accountBase?.accountName},isVendorLastChild:i,vendorId:a.vendor.id}})),h}function Wp({section:e,numOfBalances:i,title:l,isLastNode:r,config:u,vendorIndexOffset:d}){const a=e.sectionId,c={children:[],id:a,isLastNode:r,reportElementData:{element:{kind:"section",title:l,data:e,numOfBalances:i,sectionType:e.sectionId},config:u}},h=(e.vendors??[]).map((m,p)=>Hp({config:u,isLastNode:p===e.vendors.length-1,numOfBalances:i,parentNodeIDs:[a],title:m.vendor.name,vendorRowIndex:d+p,vendorView:m}));return c.children.push(...h),c}function qp({title:e,balances:i,config:l,nodeId:r}){return{children:[],id:r??Ot("headers_loading_in_progress",[],e),isLastNode:!1,reportElementData:{element:{kind:"headers_loading_in_progress",title:"",data:i,numOfBalances:i.length},config:l}}}function Kp({title:e,data:i,isLastNode:l,config:r,numOfBalances:u}){const d=Ot("total",[],e);return{children:[],id:d,isLastNode:l,reportElementData:{element:{kind:"total",title:e,data:i,numOfBalances:u},config:r}}}const{common:yi,expenseAutomation:{fluxAnalysis:Jp}}=me.getLocalizedStrings(),Qp=(e,i,l=!0)=>{const r=e.sections.generalExpense.balancesByMonth?Object.keys(e.sections.generalExpense.balancesByMonth).length:e.sections.reimbursement.balancesByMonth?Object.keys(e.sections.reimbursement.balancesByMonth).length:2,u=e.sections.generalExpense.balancesByMonth?Ln(e.sections.generalExpense.balancesByMonth):e.sections.reimbursement.balancesByMonth?Ln(e.sections.reimbursement.balancesByMonth):[],d=_r({balances:u,config:i}),a=[],c=e.sections.generalExpense.fetchStatus.fetchState==="In-Progress"&&e.uiState.paginationInfoByGroup.generalExpense.pageToken==null,h=e.sections.generalExpense.fetchStatus.fetchState==="In-Progress"&&e.uiState.paginationInfoByGroup.generalExpense.pageToken!=null||e.sections.reimbursement.fetchStatus.fetchState==="In-Progress";if(c===!0)a.push(qp({title:`${yi.loading}`,balances:u,config:i})),[...Array(10)].forEach((m,p)=>{a.push(vs({title:`${p}+${yi.loading}`,balances:u,config:i}))});else{a.push(d);const m=["generalExpense","reimbursement"];let p=0;if(m.forEach(g=>{const x=e.sections[g];if(x.vendors.length>0||x.fetchStatus.fetchState==="Completed"){const y=Ln(x.balancesByMonth);a.push(Wp({section:{sectionId:g,reportId:"flux_analysis_operating_expense",balances:y,vendors:x.vendors,varianceAmount:x.varianceAmount,variancePercentage:x.variancePercentage,currency:e.currency},numOfBalances:r,title:Gp(g),isLastNode:!1,config:i,vendorIndexOffset:p})),p+=x.vendors.length}}),e.totalBalancesAndVariance){const g=e.totalBalancesAndVariance.balancesByMonth?Ln(e.totalBalancesAndVariance.balancesByMonth):[],x=Kp({title:yi.texts.total,data:{balances:g,varianceAmount:e.totalBalancesAndVariance.varianceAmount,variancePercentage:e.totalBalancesAndVariance.variancePercentage,currency:e.currency},config:i,isLastNode:!0,numOfBalances:r});a.push(x)}h===!0&&[...Array(1)].forEach((g,x)=>{a.push(vs({title:`${x}+${yi.loading}`,balances:u,config:i}))})}return{config:i,headerNodes:l&&!c?[d]:[],contentNodes:a}},Gp=e=>Jp.sectionTitle[e];function Yp(e,i,l,r=!0){Object.assign(e.config,i);const u=Zp(l),d=_r({balances:u,config:i});return{config:i,headerNodes:r?[d]:[],contentNodes:[d,...e.contentNodes.slice(1)]}}const Zp=e=>e.sections.generalExpense.balancesByMonth?Ln(e.sections.generalExpense.balancesByMonth):e.sections.reimbursement.balancesByMonth?Ln(e.sections.reimbursement.balancesByMonth):[],Po={contentPaddingLeft:new Q(f[0],f[0],f[0]),contentPaddingRight:new Q(f[3],f[3],f[8]),wrapperPadding:new Q(f[3],f[3],f[8])},Xp=o.div`
+  display: flex;
+  position: sticky;
+  width: 100%;
+  justify-content: center;
+  padding-top: ${e=>Po.wrapperPadding.valuePx(e.windowSize)};
+  padding-left: 20px;
+  background-color: ${e=>e.theme.colors.grey4};
+`,em=o.div`
+  width: 100%;
+  height: calc(100vh - ${n.sp11});
+`,tm=e=>{const{fluxView:i,handleRedirectToVendorDetailPage:l,updateOperatingExpensesIdsForReview:r,updateSectionIdsForReview:u,onSortOrderChanged:d,updateNodeCollapsableStatus:a,fetchReimbursementView:c,fetchGeneralExpenseView:h}=e,m=be(),p=Tt(),[g,x]=s.useState(null),[y,b]=s.useState(null),[S,$]=s.useState(null),v=Cs([i.sections.generalExpense.fetchStatus,i.sections.reimbursement.fetchStatus]).fetchState,[T,I]=s.useState(!1),w=gs(v),k=gs(i.refreshStatus.fetchState),j=s.useRef(!1),[C,P]=s.useState(!1),A=s.useRef(_=>{_&&!j.current&&(j.current=!0,P(!0))});Gn({componentName:"expense_automation.flux_analysis",enabled:C});const R=()=>{i.uiState.collapsableStatus.generalExpense?i.uiState.paginationInfoByGroup.generalExpense.hasMore===!0&&i.sections.generalExpense.fetchStatus.fetchState==="Completed"?h(i.uiState.paginationInfoByGroup.generalExpense.pageToken):i.sections.reimbursement.fetchStatus.fetchState==="Not-Started"&&c(i.uiState.paginationInfoByGroup.reimbursement.pageToken):i.uiState.collapsableStatus.reimbursement&&i.uiState.paginationInfoByGroup.reimbursement.hasMore===!0&&i.sections.reimbursement.fetchStatus.fetchState==="Completed"&&c(i.uiState.paginationInfoByGroup.reimbursement.pageToken)},F=()=>Object.keys(i.uiState.collapsableStatus).reduce((_,L)=>(_[L]=i.uiState.collapsableStatus[L],_),{}),V=s.useCallback(_=>{const L=!(i.uiState.collapsableStatus[_]??!0);a({...i.uiState.collapsableStatus,[_]:L})},[i.uiState.collapsableStatus,a]),q=s.useCallback((_,L)=>{let U=i.reviewOperatingExpensesIds;const X=[];let ce=i.selectedSectionIds;const ge=i.sections[_].vendors;X.push(...ge.map(J=>J.fluxAnalysisEntityId));let te=Pr-U.length;L?(X.forEach(J=>{!U.includes(J)&&te>0&&(U=[...U,J],te--)}),ce=[...ce,_]):(U=U.filter(J=>!X.includes(J)),ce=ce.filter(J=>J!==_)),r(U),u(ce)},[i.reviewOperatingExpensesIds,i.selectedSectionIds,i.sections,r,u]),D=s.useCallback(_=>{const L=i.uiState.collapsableStatus[_]===!1;_==="generalExpense"&&!L&&i.sections.reimbursement.fetchStatus.fetchState==="Not-Started"&&c(i.uiState.paginationInfoByGroup.reimbursement.pageToken),V(_)},[i.uiState.collapsableStatus,i.sections.reimbursement.fetchStatus.fetchState,i.uiState.paginationInfoByGroup.reimbursement.pageToken,c,V]),O=i.sections.generalExpense.vendors.length+i.sections.reimbursement.vendors.length,ae=_=>_<O;return s.useEffect(()=>{const _={reportId:"flux_analysis_operating_expense",mode:"none",displayOrder:"ascending_date",reportFormat:"summary",firstMonthOfFY:1,filterAccountsWithNilBalances:"off",filterAccountGroupsWithNilBalances:"off",showNegativeAmountInParenthesis:!1,fluxAnalysisConfig:{sortOrder:i.uiState.sortOrder,sortKey:i.uiState.sortKey,sortOrSearchInProgress:!1,reviewOpExIds:i.reviewOperatingExpensesIds,reviewSectionIds:i.selectedSectionIds,fetchStatus:i.fetchStatus.fetchState,setIsSortApplied:I,onSectionRowClick:D,updateNodeCollapsableStatus:V,updateOperatingExpensesIdsForReview:r,handleRedirectToVendorDetailPage:l,onSectionCheckboxClick:q,onSortOrderChanged:d}};if(g==null||!xr(y,i)){const L=Qp(i,_,!0);b(i),x(L)}else{const L=Yp(g,_,i,!0);x(L)}},[i,y,l,q,D,d,V,r]),t.jsx(Xp,{windowSize:m,children:t.jsx(em,{children:g?t.jsx(nm,{ref:A.current,children:t.jsx(Fr,{backgroundColor:new qo(p.colors.grey4),rootNodes:g,type:"name+balances_actual",isSticky:{isStickyHeader:!0,isStickyName:!0},treeNodePadding:{left:Po.contentPaddingLeft.value(m),right:Po.contentPaddingRight.value(m)},nodeOpenStatus:F(),compareMode:"compare_mode_amount",infiniteLoadingProps:{isItemLoaded:ae,itemCount:O,loadMoreItems:R},variableNodeHeightTree:{prevFetchState:w??"Not-Started",fetchState:i.fetchStatus.fetchState,isSortApplied:T,setIsSortApplied:I,reducedFetchState:Cs([i.sections.generalExpense.fetchStatus,i.sections.reimbursement.fetchStatus]).fetchState,prevRefreshFetchState:k??"Not-Started",refreshFetchState:i.refreshStatus.fetchState},hoveredParentIdProps:{hoveredParentId:S,setHoveredParentId:$}})}):null})})},nm=o.div`
+  height: 100%;
+  width: 100%;
+`,im="expenseAutomationFluxPage",{reports:{common:om}}=me.getLocalizedStrings(),sm=({selectedPeriod:e,fluxAnalysis:i,onFetchFluxViewList:l,markAsReview:r,onReloadPage:u,setCurrentFooterFormId:d,updateOperatingExpensesIdsForReview:a,updateSectionIdsForReview:c,onUpdateFluxAnalysisUIState:h,redirectToVendorDetailPage:m,fetchFluxViewOnScroll:p,onFetchReimbursementView:g})=>{const{fetchStatus:x,reviewOperatingExpensesIds:y,uiState:b}=i,S=s.useRef(null),$=s.useRef(!1),v=xn({mode:"all",reValidateMode:"onChange",resetOptions:{keepDefaultValues:!0},defaultValues:am(y)}),T=be();s.useEffect(()=>()=>{d("expenseAutomationPage")},[d]),s.useEffect(()=>{$.current&&S?.current?.scrollLeft!=null&&b.scrollPosition?.scrollLeft!==S.current.scrollLeft&&b.scrollPosition!=null&&h({scrollPosition:{scrollTop:b.scrollPosition?.scrollTop,scrollLeft:S.current.scrollLeft}})},[b.scrollPosition?.scrollLeft,S.current?.scrollLeft,b.scrollPosition,h]),s.useEffect(()=>{d(y.length>0?"expenseAutomationFluxPage":"expenseAutomationPage")},[y,d]);const I=C=>{m(C)},w=C=>{p(e,C)},k=(C,P)=>{h({sortOrder:C,sortKey:P}),l(),g(e,null,!1)},j=()=>{const C=Zr(i.sections,y);r(y,C===!0?"review":"unreview",e,!0)};if(x.fetchState==="Error")return t.jsxs(lm,{children:[t.jsx(cm,{onClick:u,children:t.jsx(No,{})}),t.jsx(dm,{children:om.failed})]});{const C=A=>{h({collapsableStatus:A})},P=A=>{g(e,A,!0)};return t.jsx(fn,{...v,children:t.jsx("form",{id:Xl(im),onSubmit:v.handleSubmit(j),style:{height:"100%",width:"100%"},children:t.jsx(rm,{windowSize:T,children:t.jsx(tm,{fluxView:i,handleRedirectToVendorDetailPage:I,onSortOrderChanged:k,updateOperatingExpensesIdsForReview:a,updateNodeCollapsableStatus:C,fetchReimbursementView:P,updateSectionIdsForReview:c,fetchGeneralExpenseView:w,reportId:"flux_analysis_operating_expense"})})})})}},Zr=(e,i)=>{const l=[...e.generalExpense.vendors,...e.reimbursement.vendors].filter(u=>u.status==="Pending Review");let r;return l.forEach(u=>{i.includes(u.fluxAnalysisEntityId)&&(r=!0)}),r},am=e=>({fluxAnalysisRowIds:e}),rm=o.div`
+  display: flex;
+  flex: 1 1 auto;
+  min-height: 100%;
+  flex-direction: column;
+  background-color: ${e=>e.theme.colors.grey4};
+  padding: ${n.sp0};
+  gap: 2px;
+  height: 100%;
+  .flux-vendor-name-sticky,
+  .flux-vendor-header-sticky,
+  .flux-section-name-container,
+  .flux-class-and-account-value-container,
+  .flux-vendor-name-container,
+  .flux-total-row {
+    border-right: 1px solid transparent;
+  }
+  &:hover {
+    .flux-vendor-name-sticky,
+    .flux-vendor-header-sticky,
+    .flux-section-name-container,
+    .flux-class-and-account-value-container,
+    .flux-vendor-name-container,
+    .flux-total-row {
+      border-right: ${e=>` 1px solid ${e.theme.colors.grey3}`};
+    }
+  }
+`,lm=o.div`
+  display: flex;
+  width: 100%;
+  height: 100vh;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+`,cm=o.div`
+  height: 96px;
+  width: 96px;
+  background: ${e=>e.theme.colors.background};
+  border-radius: 50%;
+  cursor: pointer;
+  & svg {
+    margin: ${n.sp5};
+    color: ${e=>e.theme.colors.grey1};
+  }
+  &:hover {
+    & svg {
+      color: ${e=>e.theme.colors.primary};
+    }
+  }
+`,dm=o(ot)`
+  margin-top: ${n.sp3};
+  color: ${e=>e.theme.colors.hero};
+`,um="expenseAutomationJEAccountSettingsPage",Xr="vendorsAccountSection",hm=e=>`${e}_form`;function pm({accountSettings:e,currentFooterFormId:i,onSaveJeAccountSettingsClick:l,setIsJeAccountSettingsOpened:r,onJeAccountSettingsChange:u,setResetJeAccountSettingsForm:d,setCurrentFooterFormId:a}){const c=e.prepaidExpensesRecommendations,h=e.fixedAssetsRecommendations,m=e.accruedExpensesRecommendations,p=s.useMemo(()=>Kt(e.prepaidExpensesAccountHierarchy,c,"Accounts"),[e.prepaidExpensesAccountHierarchy,c]),g=s.useMemo(()=>Kt(e.fixedAssetsAccountHierarchy,h,"Accounts"),[e.fixedAssetsAccountHierarchy,h]),x=s.useMemo(()=>Kt(e.accruedExpensesAccountHierarchy,m,"Accounts"),[e.accruedExpensesAccountHierarchy,m]),y=s.useMemo(()=>gm(e,p,g,x),[e,p,g,x]),b=xn({mode:"all",reValidateMode:"onBlur",defaultValues:y,values:y,resetOptions:{keepDefaultValues:!0}}),S=b.handleSubmit(v=>{l(v)}),$=async v=>{u(v)};return s.useEffect(()=>{const v=b.watch(T=>{T!=null&&Yn(()=>$(T))});return()=>{v.unsubscribe()}}),s.useEffect(()=>(d(()=>b.reset),r(!0),()=>{a("expenseAutomationPage"),r(!1)}),[]),s.useEffect(()=>{const{selectedPrepaidExpensesAccountIds:v,previousPrepaidExpensesAccount:T,selectedFixedAssetsAccountIds:I,previousFixedAssetsAccount:w,selectedAccruedExpensesAccountIds:k,previousAccruedExpensesAccount:j}=e.accountSettingsLocalData,C=Hi(v,T)||Hi(I,w)||Hi(k,j);C===!0&&i!="expenseAutomationJEAccountSettingsPage"?a("expenseAutomationJEAccountSettingsPage"):C===!1&&i!=="expenseAutomationPage"&&a("expenseAutomationPage")},[e,i,a]),t.jsx(mm,{children:t.jsx(fn,{...b,children:t.jsx("form",{id:hm(um),onSubmit:S,children:t.jsx(bd,{showTitle:!1,sectionId:Xr,vendorAccountMappingSection:{accruedExpensesAccountHierarchy:e.accruedExpensesAccountHierarchy,accruedExpensesAccountList:e.accruedExpensesAccountList,accruedExpensesRecommendations:e.accruedExpensesRecommendations,fixedAssetsAccountHierarchy:e.fixedAssetsAccountHierarchy,fixedAssetsAccountList:e.fixedAssetsAccountList,fixedAssetsRecommendations:e.fixedAssetsRecommendations,prepaidExpensesAccountHierarchy:e.prepaidExpensesAccountHierarchy,prepaidExpensesAccountList:e.prepaidExpensesAccountList,prepaidExpensesRecommendations:e.prepaidExpensesRecommendations,selectedAccruedExpensesAccountIds:e.accountSettingsLocalData?.selectedAccruedExpensesAccountIds??[],selectedFixedAssetsAccountIds:e.accountSettingsLocalData?.selectedFixedAssetsAccountIds??[],selectedPrepaidExpensesAccountIds:e.accountSettingsLocalData?.selectedPrepaidExpensesAccountIds??[]},isAccruedExpensesFeatureEnabled:!1})})})})}const mm=o.div`
+  padding-top: ${n.sp3};
+  display: flex;
+  align-items: center;
+  min-height: 100%;
+  flex-direction: column;
+  width: 100%;
+  background-color: ${e=>e.theme.colors.grey4};
+`,gm=(e,i,l,r)=>{const u=e.prepaidExpensesAccountList.filter(p=>e.accountSettingsLocalData.selectedPrepaidExpensesAccountIds.includes(p.accountId)),d=e.fixedAssetsAccountList.filter(p=>e.accountSettingsLocalData.selectedFixedAssetsAccountIds.includes(p.accountId)),a=e.accruedExpensesAccountList.filter(p=>e.accountSettingsLocalData.selectedAccruedExpensesAccountIds.includes(p.accountId)),c=u.map(p=>p.qboId).filter(p=>p!=null),h=d.map(p=>p.qboId).filter(p=>p!=null),m=a.map(p=>p.qboId).filter(p=>p!=null);return{[Xr]:{prepaidExpensesAccount:{selectedOptions:c,allOptions:i},fixedAssetsAccount:{selectedOptions:h,allOptions:l},accruedExpensesAccount:{selectedOptions:m,allOptions:r}}}},{expenseAutomation:{jeSchedules:Nt},common:{currency:wi,review:xm,ignore:fm,strings:{hyphen:Pt},texts:Ci},dateFormat:ym,timeframe:{month:Us}}=me.getLocalizedStrings(),wm=({draft:e,ignoreStatus:i,ignoreRecommendedJeSchedule:l,jeScheduleClickHandler:r,onReviewClickHandler:u})=>t.jsxs(ns,{onClick:d=>{e.jeScheduleType!=null&&e.jeScheduleId!=null&&r(d,e.jeScheduleId,e.jeScheduleTransactionKey,e.jeScheduleType)},"data-testid":M("je-schedule-draft-component",e.jeScheduleId),children:[t.jsxs(ts,{children:[t.jsxs(os,{children:[t.jsxs(Xo,{children:[t.jsxs(re,{style:{width:Ce.COLUMN_ONE,padding:`${n.sp2} ${n.sp3}`},children:[t.jsx(ue,{children:Ci.vendor}),t.jsxs(pe,{style:{gap:f[2]},children:[e.vendor.logo!=null?t.jsx(Sr,{photoUrl:e.vendor.logo.href,styles:{width:f[4],height:f[4]}}):t.jsx(Jt,{name:e.vendor.name}),t.jsx(xe,{display:"block",placement:"bottom",style:{width:"100%"},title:e.vendor.name!=null?t.jsx(at,{children:e.vendor.name}):t.jsx(t.Fragment,{}),children:t.jsx(we,{className:"highlight",children:e.vendor.name??Pt})})]})]}),t.jsxs(re,{children:[t.jsx(ue,{children:Nt.scheduleHeaders.scheduleCategory}),t.jsx(pe,{children:t.jsx(xe,{display:"block",placement:"bottom",style:{width:"100%"},title:e.baseTransaction.account.accountName!=null?t.jsx(at,{children:e.baseTransaction.account.accountName}):t.jsx(t.Fragment,{}),children:t.jsx(we,{className:"highlight",children:e.baseTransaction.account.accountName??Pt})})})]}),t.jsxs(re,{style:{width:Ce.COLUMN_THREE},children:[t.jsx(ue,{children:Nt.scheduleHeaders.startMonth}),t.jsx(pe,{children:t.jsx(we,{className:"highlight",children:e.startDate?.format(ym.visual.MMMCommaYYYYFormat)??Pt})})]}),t.jsxs(re,{style:{width:Ce.COLUMN_FOUR,paddingLeft:f[3]},children:[t.jsx(ue,{children:Nt.scheduleHeaders.period}),t.jsx(pe,{children:t.jsx(we,{className:"highlight",children:e.period!=null?`${e.period} ${e.period===1?Us.slice(0,-1):Us}`:Pt})})]}),t.jsxs(re,{style:{alignItems:"flex-end",width:Ce.COLUMN_FIVE},children:[t.jsx(ue,{children:Ci.totalAmount}),t.jsx(pe,{children:t.jsx(xe,{display:"block",placement:"bottom",style:{width:"100%"},title:t.jsx(at,{children:nt("0,0.[00]",cn(e.baseTransaction.amount.amount,wi.currencyCode,wi.currencySymbol))??Pt}),children:t.jsx(we,{className:"highlight",children:nt("0,0.[00]",cn(e.baseTransaction.amount.amount,wi.currencyCode,wi.currencySymbol))??Pt})})})]})]}),t.jsxs(es,{children:[t.jsxs(re,{style:{width:Ce.COLUMN_ONE,padding:`${n.sp2} ${n.sp3}`},children:[t.jsx(ue,{children:Ci.category}),t.jsx(pe,{children:t.jsx(xe,{display:"block",placement:"bottom",style:{width:"100%"},title:e.jeDebit.account?.accountName!=null?t.jsx(at,{children:e.jeDebit.account.accountName}):t.jsx(t.Fragment,{}),children:t.jsx(we,{className:"highlight",children:e.jeDebit.account?.accountName??Pt})})})]}),t.jsxs(re,{children:[t.jsx(ue,{children:Ci.classText}),t.jsx(pe,{children:t.jsx(xe,{display:"block",placement:"bottom",style:{width:"100%"},title:e.jeDebit.accountingClass?.className!=null?t.jsx(at,{children:e.jeDebit.accountingClass.className}):t.jsx(t.Fragment,{}),children:t.jsx(we,{className:"highlight",children:e.jeDebit.accountingClass?.className??Pt})})})]}),t.jsxs(re,{style:{width:Ce.COLUMN_THREE},children:[t.jsx(ue,{children:Nt.scheduleHeaders.type}),t.jsx(pe,{children:t.jsx(we,{className:"highlight",style:{width:"unset"},children:t.jsx(Hr,{children:Nt.scheduleTypes[e.jeScheduleType??"prepaid_expenses"]})})})]}),e.jeScheduleType==="fixed_assets"?t.jsxs(re,{style:{width:Ce.COLUMN_FOUR,paddingLeft:f[3]},children:[t.jsx(ue,{children:Nt.scheduleHeaders.accumulatedCategory}),t.jsx(pe,{children:t.jsx(xe,{display:"block",placement:"bottom",title:e.jeCredit.account?.accountName!=null?t.jsx(at,{children:e.jeCredit.account?.accountName}):t.jsx(t.Fragment,{}),children:t.jsx(we,{className:"highlight",children:e.jeCredit.account?.accountName??Pt})})})]}):null,e.jeScheduleType!=="fixed_assets"?t.jsx(re,{style:{width:Ce.COLUMN_FOUR}}):null,t.jsx(re,{style:{width:Ce.COLUMN_FIVE}})]})]}),t.jsxs(is,{children:[t.jsx(Wn,{onClick:()=>{e.jeScheduleId!=null&&e.jeScheduleType!=null&&u(e.jeScheduleId,e.jeScheduleTransactionKey,e.jeScheduleType)},"data-testid":M("je-schedule-draft-component-review-button",e.jeScheduleId),label:xm,variant:"primary",size:"small",className:"item-value-container",style:{minWidth:Mo}}),t.jsx(Wn,{"data-testid":M("je-schedule-draft-component-ignore-button",e.jeScheduleId),className:"item-value-container",label:fm,size:"small",reverseSpinnerColor:!1,loading:i?.fetchState==="In-Progress",onClick:()=>{e.jeScheduleType!=null&&l(e.jeScheduleTransactionKey,e.jeScheduleType)},style:{minWidth:Mo}})]})]}),t.jsxs(Vh,{children:[t.jsx(Cm,{}),t.jsx(bm,{children:Nt.aiAccountant}),t.jsx(vm,{children:Nt.zeniGPTText})]})]}),Cm=o(Qt)`
+  height: ${n.sp3};
+  width: ${n.sp3};
+  margin-right: ${n.sp1};
+  path {
+    stroke-width: 2;
+  }
+`,bm=o(fr)`
+  color: ${e=>e.theme.colors.brandColorSapphire};
+`,vm=o(Re)`
+  color: ${e=>e.theme.colors.primary};
+`,{jeSchedules:{scheduleDetails:{scheduleTransactionsHeader:{addVendor:Hs}}},expenseAutomation:{jeSchedules:Je},common:{currency:Rt,retry:Sm,strings:{hyphen:st,empty:Ws},texts:kn},dateFormat:qs}=me.getLocalizedStrings(),{common:km,timeframe:{month:Ks}}=me.getLocalizedStrings(),gt="jeSchedulePage",Js=e=>`${e}_form`,ss=(e,i)=>`${e}.${i}`,Qs=ss(gt,"vendor"),Gs=ss(gt,"scheduleExpenseCategory"),Ys=ss(gt,"accumulatedDepreciationCategory"),jm=({allAccountGroupedOptions:e,allAccountList:i,allClassGroupedOptions:l,allClassList:r,allDepAccountGroupedOptions:u,allDepAccountList:d,draft:a,localData:c,postStatus:h,uncategorizedAccounts:m,vendorSearchAutoCompleteActions:p,vendorSearchAutoCompleteData:g,jeScheduleClickHandler:x,onFormDataChange:y,onPostJESchedule:b})=>{const{updatedAccumulatedDepreciationCategoryID:S,updatedCategoryId:$,updatedVendor:v}=c,T={vendor_deleted:"updatedVendor",debit_category_deleted:"updatedCategoryId",credit_category_deleted:"updatedAccumulatedDepreciationCategoryID",qbo_authorization_error:"jeScheduleID",qbo_book_close_date_error:"jeScheduleID",qbo_error:"jeScheduleID",qbo_invalid_company_status_error:"jeScheduleID"},I=s.useRef(),w=xn({mode:"all",reValidateMode:"onChange",defaultValues:Zs(c,e,l,u,i,r,d,g.entityAutoCompleteView),values:Zs(c,e,l,u,i,r,d,g.entityAutoCompleteView)}),k={valueContainer:()=>({justifyContent:"flex-start",paddingLeft:0}),control:()=>({height:n.sp4}),menu:()=>({width:300})},j={valueContainer:()=>({justifyContent:"flex-start",paddingLeft:0}),control:()=>({height:n.sp4}),menu:()=>({width:350})},C=(a?.scheduledJournalEntry.error??[]).every(B=>{const ne=T[B];return!(c!=null&&ne&&(ne==="updatedAccumulatedDepreciationCategoryID"&&c.updatedAccumulatedDepreciationCategoryID==null||ne==="updatedCategoryId"&&c.updatedCategoryId==null||ne==="updatedVendor"&&(c.updatedVendor?.id==null||c.updatedVendor?.id===""||c.updatedVendor?.name==null||c.updatedVendor?.name==="")))}),P=async(B,ne)=>{if(B!=null){const H=ne[gt],{scheduledJournalEntryID:Z,vendor:oe}=H;if(B.includes("vendor")){const K=oe?.defaultOptions.map(N=>N.value);if(oe?.selectedOption!=null&&K?.includes(oe.selectedOption)!==!0){const N=g.entityAutoCompleteView.vendor.find(z=>z.id===oe.selectedOption);N!=null&&w.setValue(`${gt}.vendor.defaultOptions`,[{label:N.name??km.strings.empty,value:N.id}])}else oe?.selectedOption==null&&oe?.defaultOptions.length!==0&&w.setValue(`${gt}.vendor`,{selectedOption:void 0,defaultOptions:[]})}y(Z,{...H,vendor:oe})}};s.useEffect(()=>{const B=w.watch((ne,{name:H})=>{H!=null&&ne!=null&&Yn(()=>P(H,ne))});return()=>{B.unsubscribe()}}),s.useEffect(()=>{g.entityAutoCompleteView.fetchState==="Completed"&&I.current?.(kr(g.entityAutoCompleteView))},[g.entityAutoCompleteView.fetchState]);const A=w.handleSubmit(()=>{b(a.scheduledJournalEntry.scheduledJournalEntryID,a.jeScheduleTransactionKey)}),R=B=>i.filter(ne=>ne.qboId===B)[0]?.qboId,F=B=>d.filter(ne=>ne.qboId===B)[0]?.qboId,V=B=>[m.expense?.qboId,m.income?.qboId].includes(B),q=w.watch("jeSchedulePage.vendor"),D=(B,ne)=>{p.onAutoCompleteInputChange?.(B,"vendor"),I.current=ne},O=a.scheduledJournalEntry.error?.includes("vendor_deleted")===!0,ae=a.scheduledJournalEntry.error?.includes("debit_category_deleted")===!0,_=a.scheduledJournalEntry.error?.includes("credit_category_deleted")===!0,L=a.vendor.name.split("(deleted)")[0]?.toString(),U=a.jeDebit.account?.accountName.split("(deleted)")?.[0]?.toString()??Ws,X=a.jeCredit.account?.accountName.split("(deleted)")[0]?.toString()??Ws,[ce,ge]=s.useState(ae===!0&&$==null),[te,J]=s.useState(_===!0&&S==null),[ee,W]=s.useState(O&&(v?.id==null||v?.id==""));return s.useEffect(()=>{ce===!1&&c.updatedCategoryId==null&&w.setFocus(Gs),te===!1&&c.updatedAccumulatedDepreciationCategoryID==null&&w.setFocus(Ys),ee===!1&&c.updatedVendor?.id==null&&w.setFocus(Qs)},[ce,te,ee,c,w]),t.jsx(fn,{...w,children:t.jsx("form",{style:{width:"100%"},id:Js(`${gt}_${a.jeScheduleId}`),onSubmit:A,children:t.jsx(ns,{showBorder:C,onClick:B=>{a.jeScheduleType!=null&&a.jeScheduleId!=null&&x(B,a.jeScheduleId,a.jeScheduleTransactionKey,a.jeScheduleType)},"data-testid":M("je-schedule-resolve-component-schedule",`${gt}_${a.jeScheduleId}`),children:t.jsxs(ts,{children:[t.jsxs(os,{children:[t.jsxs(Xo,{children:[O===!0?t.jsx(re,{style:{width:Ce.COLUMN_ONE,padding:f[0],justifyContent:"center"},showHoverEffect:O,forceHoverEffect:ee===!1&&(c?.updatedVendor?.id==null||c?.updatedVendor?.id==""),children:t.jsxs(Et,{className:"hover-background",style:{padding:`${n.sp2} ${n.sp3}`},children:[t.jsxs(ue,{style:{display:"flex",alignItems:"center",gap:f[1]},children:[kn.vendor,t.jsx(xe,{display:"flex",placement:"top-start",title:t.jsx(Ti,{children:Je.tooltipText.missingVendor.replace("_deleted_vendor_",L)}),children:t.jsx(Xi,{})})]}),t.jsx(pe,{style:{gap:f[3],marginLeft:-2},className:"item-value-container",children:t.jsx(t.Fragment,{children:ee===!0?t.jsxs(we,{onClick:B=>{B.stopPropagation(),W(!1)},"data-testid":M("je-schedule-resolve-component-add-vendor-button",`${gt}_${a.jeScheduleId}`),style:{display:"inline-flex",alignItems:"center",gap:f[2],color:he.brandColorGoldDark,cursor:"pointer"},children:[t.jsx(Zi,{}),Hs]}):t.jsx(Ro,{name:Qs,placeholder:Hs,valueToId:B=>B,defaultValue:{selectedOption:q?.selectedOption,defaultOptions:q?.defaultOptions??[]},style:{width:"100%"},customStyleConfig:{valueContainer:()=>({justifyContent:"flex-start"}),control:()=>({height:n.sp4})},registerOptions:{required:!0,validate:B=>!!B.selectedOption},loadOptions:D})})})]})}):t.jsxs(re,{style:{width:Ce.COLUMN_ONE,padding:`${n.sp2} ${n.sp0} ${n.sp2} ${n.sp3}`},children:[t.jsx(ue,{children:kn.vendor}),t.jsx(pe,{children:t.jsxs(t.Fragment,{children:[a.vendor.logo?.href!=null?t.jsx(Sr,{photoUrl:a.vendor.logo.href,styles:{width:f[4],height:f[4]}}):t.jsx(Jt,{name:a.vendor.name}),t.jsx(xe,{display:"block",placement:"bottom",style:{width:"100%"},title:a.vendor.name!==null?t.jsx(at,{children:a.vendor.name}):t.jsx(t.Fragment,{}),children:t.jsx(we,{className:"highlight",children:a.vendor.name??st})})]})})]}),t.jsxs(re,{children:[t.jsx(ue,{children:Je.scheduleHeaders.scheduleCategory}),t.jsx(pe,{children:t.jsx(xe,{display:"block",placement:"bottom",style:{width:"100%"},title:a.baseTransaction.account.accountName!=null?t.jsx(at,{children:a.baseTransaction.account.accountName}):t.jsx(t.Fragment,{}),children:t.jsx(we,{className:"highlight",children:a.baseTransaction.account.accountName??st})})})]}),t.jsxs(re,{style:{width:Ce.COLUMN_THREE},children:[t.jsx(ue,{children:Je.scheduleHeaders.startMonth}),t.jsx(pe,{children:t.jsx(we,{className:"highlight",children:a.startDate?.format(qs.visual.MMMCommaYYYYFormat)??st})})]}),t.jsxs(re,{style:{width:Ce.COLUMN_FOUR,paddingLeft:f[3]},children:[t.jsx(ue,{children:Je.scheduleHeaders.period}),t.jsx(pe,{children:t.jsx(we,{className:"highlight",children:a.period!=null?`${a.period} ${a.period===1?Ks.slice(0,-1):Ks}`:st})})]}),t.jsxs(re,{style:{alignItems:"flex-end",width:Ce.COLUMN_FIVE},children:[t.jsx(ue,{children:kn.totalAmount}),t.jsx(pe,{children:t.jsx(xe,{display:"block",placement:"bottom",title:t.jsx(at,{children:nt("0,0.[00]",cn(a.baseTransaction.amount.amount,Rt.currencyCode,Rt.currencySymbol))??st}),children:t.jsx(we,{className:"highlight",children:nt("0,0.[00]",cn(a.baseTransaction.amount.amount,Rt.currencyCode,Rt.currencySymbol))??st})})})]})]}),t.jsxs(es,{children:[ae===!0?t.jsx(re,{showHoverEffect:ae===!0,forceHoverEffect:c?.updatedCategoryId==null&&ce===!1,style:{padding:"unset",justifyContent:"center",width:Ce.COLUMN_ONE},children:t.jsxs(Et,{className:"hover-background",children:[t.jsxs(ue,{style:{display:"flex",alignItems:"center",gap:f[1]},children:[kn.category,ae===!0?t.jsx(xe,{display:"flex",placement:"top-start",title:t.jsx(Ti,{children:Je.tooltipText.missingCategory.replace("_deleted_category_",U)}),children:t.jsx(Xi,{})}):null]}),t.jsx(pe,{className:"item-value-container",style:{marginLeft:ae===!0?-2:0},children:ae===!0?t.jsx(t.Fragment,{children:ce===!0?t.jsxs(we,{onClick:B=>{B.stopPropagation(),ge(!1)},style:{display:"inline-flex",alignItems:"center",gap:f[1],color:he.brandColorGoldDark,cursor:"pointer"},"data-testid":M("je-schedule-resolve-component-add-category-button",`${gt}_${a.jeScheduleId}`),children:[t.jsx(Zi,{}),Je.addCategory]}):t.jsx(Tn,{shouldShowChevronIcon:!1,name:Gs,placeholder:Je.addCategory,valueToId:B=>R(B),defaultValue:{allOptions:e},registerOptions:{required:!0,validate:B=>!!B.selectedOption},disableCurrentOption:V,customStyleConfig:k})}):t.jsx(xe,{display:"block",placement:"bottom",style:{width:"100%"},title:a.jeDebit.account?.accountName!=null?t.jsx(at,{children:a.jeDebit.account.accountName}):t.jsx(t.Fragment,{}),children:t.jsx(we,{className:"highlight",children:a.jeDebit.account?.accountName??st})})})]})}):t.jsxs(re,{style:{width:Ce.COLUMN_ONE,padding:`${n.sp2} ${n.sp3}`},children:[t.jsx(ue,{style:{display:"flex",alignItems:"center",gap:f[1]},children:kn.category}),t.jsx(pe,{className:"item-value-container",children:t.jsx(xe,{display:"block",placement:"bottom",style:{width:"100%"},title:a.jeDebit.account?.accountName!=null?t.jsx(at,{children:a.jeDebit.account.accountName}):t.jsx(t.Fragment,{}),children:t.jsx(we,{className:"highlight",children:a.jeDebit.account?.accountName??st})})})]}),t.jsxs(re,{children:[t.jsx(ue,{style:{display:"flex",alignItems:"center",gap:f[1]},children:kn.classText}),t.jsx(pe,{children:t.jsx(xe,{display:"block",placement:"bottom",style:{width:"100%"},title:a.jeDebit.accountingClass?.className!=null?t.jsx(at,{children:a.jeDebit.accountingClass.className}):t.jsx(t.Fragment,{}),children:t.jsx(we,{className:"highlight",children:a.jeDebit.accountingClass?.className??st})})})]}),t.jsxs(re,{style:{width:Ce.COLUMN_THREE},children:[t.jsx(ue,{children:Je.scheduleHeaders.type}),t.jsx(pe,{className:"test",children:t.jsx(we,{className:"highlight",style:{width:"unset"},children:t.jsx(Hr,{children:Je.scheduleTypes[a.jeScheduleType??"prepaid_expenses"]})})})]}),a.jeScheduleType==="fixed_assets"?t.jsx(t.Fragment,{children:_===!0?t.jsx(re,{style:{width:Ce.COLUMN_FOUR,padding:"unset",justifyContent:"center"},showHoverEffect:_,forceHoverEffect:c.updatedAccumulatedDepreciationCategoryID==null&&te===!1,children:t.jsxs(Et,{className:"hover-background",style:{padding:f[2],paddingLeft:f[3]},children:[t.jsxs(ue,{style:{display:"flex",alignItems:"center",gap:f[1]},children:[Je.scheduleHeaders.accumulatedCategory,_===!0?t.jsx(xe,{display:"flex",placement:"top-end",title:t.jsx(Ti,{children:Je.tooltipText.missingDepCategory.replace("_deleted_dep_category_",X)}),children:t.jsx(Xi,{})}):null]}),t.jsx(pe,{className:"item-value-container",style:{marginLeft:_===!0?-2:0},children:_===!0?t.jsx(t.Fragment,{children:te===!0?t.jsxs(we,{onClick:B=>{B.stopPropagation(),J(!1)},style:{display:"inline-flex",alignItems:"center",gap:f[1],color:he.brandColorGoldDark,cursor:"pointer"},"data-testid":M("je-schedule-resolve-component-add-depreciation-category-button",`${gt}_${a.jeScheduleId}`),children:[t.jsx(Zi,{}),Je.addDepCategory]}):t.jsx(Tn,{shouldShowChevronIcon:!1,showDownChevronWithValue:!1,name:Ys,placeholder:Je.addDepCategory,valueToId:B=>F(B),defaultValue:{allOptions:u},registerOptions:{required:!0,validate:B=>!!B.selectedOption},customStyleConfig:j,disableCurrentOption:V})}):t.jsx(xe,{display:"block",placement:"bottom",title:a.jeCredit.account?.accountName!=null?t.jsx(at,{children:a.jeCredit.account.accountName}):t.jsx(t.Fragment,{}),children:t.jsx(we,{className:"highlight",children:a.jeCredit.account?.accountName??st})})})]})}):t.jsxs(re,{style:{width:Ce.COLUMN_FOUR,padding:`${n.sp2} ${n.sp2} ${n.sp2} ${n.sp3}`,justifyContent:"center"},children:[t.jsx(ue,{style:{display:"flex",alignItems:"center",gap:f[1]},children:Je.scheduleHeaders.accumulatedCategory}),t.jsx(xe,{display:"block",placement:"bottom",title:a.jeCredit.account?.accountName!=null?t.jsx(at,{children:a.jeCredit.account.accountName}):t.jsx(t.Fragment,{}),children:t.jsx(we,{className:"highlight",children:a.jeCredit.account?.accountName??st})})]})}):null,a.jeScheduleType!=="fixed_assets"?t.jsx(re,{style:{width:Ce.COLUMN_FOUR}}):null,t.jsx(re,{style:{width:Ce.COLUMN_FIVE}})]}),t.jsxs(_h,{children:[t.jsx(re,{style:{padding:"unset",width:Ce.COLUMN_ONE},children:t.jsxs(Bh,{children:[t.jsx(ue,{children:Je.scheduleHeaders.jePostingDate}),t.jsx(pe,{children:t.jsx(we,{className:"highlight",children:a.scheduledJournalEntry.expectedPostDate.format(qs.visual.MMMDCommaYYFormat)??st})})]})}),t.jsxs(re,{children:[t.jsx(ue,{children:Je.scheduleHeaders.balance}),t.jsx(pe,{children:t.jsx(xe,{display:"block",placement:"bottom",style:{width:"100%"},title:t.jsx(at,{children:nt("0,0.[00]",cn(a?.scheduledJournalEntry?.runningBalance?.amount??0,Rt.currencyCode,Rt.currencySymbol))??st}),children:t.jsx(we,{className:"highlight",children:nt("0,0.[00]",cn(a?.scheduledJournalEntry?.runningBalance?.amount??0,Rt.currencyCode,Rt.currencySymbol))??st})})})]}),t.jsxs(re,{style:{width:Ce.COLUMN_THREE},children:[t.jsx(ue,{children:Je.scheduleHeaders.months}),t.jsx(pe,{children:t.jsxs(we,{className:"highlight",children:[a.scheduledJournalEntry.expectedPostDate.diff(a.startDate,"month")+1,"/",a.period]})})]}),t.jsx(re,{style:{width:Ce.COLUMN_FOUR}}),t.jsxs(re,{style:{alignItems:"flex-end",width:Ce.COLUMN_FIVE},children:[t.jsx(ue,{children:Je.scheduleHeaders.amountForMonth}),t.jsx(pe,{children:t.jsx(we,{className:"highlight",children:nt("0,0.[00]",cn(a.scheduledJournalEntry.amount?.amount??0,Rt.currencyCode,Rt.currencySymbol))??st})})]})]})]}),t.jsx(is,{children:t.jsx(Wn,{form:Js(`${gt}_${a.jeScheduleId}`),label:Sm,variant:"primary",className:"item-value-container",type:"submit",loading:h?.fetchState==="In-Progress",size:"small",disabled:!C,style:{minWidth:Mo}})})]})})})})},Zs=(e,i,l,r,u,d,a,c)=>{const h=e.updatedCategoryId,m=e.updatedVendor,p=m!=null?c.vendor.find($=>$.zeniId===m.id):void 0,g=e.updatedAccumulatedDepreciationCategoryID,x=e.updatedClassId,y=h!=null?u.find($=>$.accountId===h):void 0,b=g!=null?a.find($=>$.accountId===g):void 0,S=x!=null?d.find($=>$.classId===x):void 0;return{[gt]:{jeScheduleID:e.jeScheduleID,scheduledJournalEntryID:e.scheduledJournalEntryID,jeScheduleType:e.jeScheduleType,scheduleExpenseCategory:{selectedOption:y?.qboId,allOptions:i},accumulatedDepreciationCategory:{selectedOption:b?.qboId,allOptions:r},vendor:{selectedOption:p?.id??m?.id,defaultOptions:Lr(c,p??m)},scheduleClass:{selectedOption:S?.classId,allOptions:l}}}},Zi=o(Fi)`
+  width: ${n.sp3};
+  height: ${n.sp3};
+`,Xi=o(Ar)`
+  width: 12px;
+  height: 12px;
+  color: ${he.important};
+`;function el(){return t.jsx(Br,{children:t.jsxs(Vr,{children:[t.jsxs(Nr,{children:[t.jsx(Ue,{width:f[9],height:27,style:{marginBottom:f[2]}}),t.jsx(Xs,{})]}),t.jsxs(Ur,{children:[t.jsx(Ue,{width:f[9],height:27,style:{marginBottom:f[2]}}),t.jsx(Xs,{})]})]})})}const Xs=()=>t.jsx(ns,{style:{minWidth:1088},children:t.jsxs(ts,{children:[t.jsxs(os,{children:[t.jsxs(Xo,{children:[t.jsxs(re,{style:{width:Ce.COLUMN_ONE,padding:`${n.sp2} ${n.sp3}`},children:[t.jsx(ue,{children:t.jsx(Ue,{width:f[10],height:14})}),t.jsxs(pe,{style:{gap:f[2]},children:[t.jsx(ei,{height:f[4],width:f[4]}),t.jsx(Ue,{height:f[4],width:f[10]})]})]}),t.jsxs(re,{children:[t.jsx(ue,{children:t.jsx(Ue,{width:101,height:14})}),t.jsx(pe,{children:t.jsx(Ue,{height:f[4],width:203})})]}),t.jsxs(re,{style:{width:Ce.COLUMN_THREE},children:[t.jsx(ue,{children:t.jsx(Ue,{width:f[9],height:14})}),t.jsx(pe,{children:t.jsx(Ue,{height:f[4],width:71})})]}),t.jsxs(re,{style:{width:Ce.COLUMN_FOUR,paddingLeft:f[3]},children:[t.jsx(ue,{children:t.jsx(Ue,{width:107,height:14})}),t.jsx(Ue,{height:f[4],width:68})]}),t.jsxs(re,{style:{alignItems:"flex-end",width:Ce.COLUMN_FIVE},children:[t.jsx(ue,{children:t.jsx(Ue,{width:73,height:14})}),t.jsx(pe,{children:t.jsx(Ue,{height:f[4],width:49})})]})]}),t.jsxs(es,{children:[t.jsxs(re,{style:{width:Ce.COLUMN_ONE,padding:`${n.sp2} ${n.sp3}`},children:[t.jsx(ue,{children:t.jsx(Ue,{width:49,height:14})}),t.jsx(pe,{children:t.jsx(Ue,{height:f[4],width:158})})]}),t.jsxs(re,{children:[t.jsx(ue,{children:t.jsx(Ue,{width:36,height:14})}),t.jsx(pe,{children:t.jsx(Ue,{height:f[4],width:88})})]}),t.jsxs(re,{style:{width:Ce.COLUMN_THREE},children:[t.jsx(ue,{children:t.jsx(Ue,{width:36,height:14})}),t.jsx(pe,{children:t.jsx(Ue,{height:f[4],width:100})})]}),t.jsx(re,{style:{width:Ce.COLUMN_FOUR,paddingLeft:f[3]}}),t.jsx(re,{style:{width:Ce.COLUMN_FIVE}})]})]}),t.jsxs(is,{children:[t.jsx(Ue,{height:29,width:53,style:{margin:`${n.sp0} ${n.sp3}`}}),t.jsx(Ue,{height:29,width:53,style:{margin:`${n.sp0} ${n.sp3}`}})]})]})}),Ue=o(it)`
+  border-radius: ${n.sp1};
+`,{common:{create:$m,resolve:Im}}=me.getLocalizedStrings();function Tm({jeSchedules:e,vendorSearchAutoCompleteData:i,handleJeScheduleClick:l,onJESchedulesFormDataChange:r,onPostJESchedule:u,ignoreRecommendedJeSchedule:d,vendorSearchAutoCompleteActions:a,setCurrentFooterFormId:c}){const h=e.draftSchedules,m=e.jeScheduleLocalDataById,p=e.postStatusById,g=e.ignoreStatusById,x=s.useRef(!1),[y,b]=s.useState(!1),S=s.useRef(R=>{R&&!x.current&&(x.current=!0,b(!0))});Gn({componentName:"expense_automation.je_schedules",enabled:y});const $=e.resolveSchedules,v=e.uncategorizedAccounts,{allAccountList:T,allClassList:I,allDepreciationAccountList:w}=e,k=Kt(e.accountListNestedAccountHierarchy),j=Kt(e.allDepreciationAccountListNestedAccountHierarchy),C=$i(e.classListNestedAccountHierarchy),P=(R,F,V)=>{l(R,F,V)},A=(R,F,V,q)=>{let D=R.target;for(;D;){if(D.classList.contains("item-value-container")||D.classList.contains("hover-background")||D.classList.contains("auto-complete-single-select-field__input")||D.classList.contains("auto-complete-single-select-field__option")||D.classList.contains("grouped-single-select-field__input")||D.classList.contains("grouped-single-select-field__menu"))return;D=D.parentElement}l(F,V,q)};return s.useEffect(()=>{if($.length!==0){for(const R in m)if(Object.prototype.hasOwnProperty.call(m,R)){const{updatedAccumulatedDepreciationCategoryID:F,updatedCategoryId:V,updatedVendor:q}=m[R];if(F!=null||V!=null||q!=null&&q?.id!==""){c("expenseAutomationJESchedulePage");break}else c("expenseAutomationPage")}}else $.length===0&&c("expenseAutomationPage")}),s.useEffect(()=>()=>{c("expenseAutomationPage")},[]),e.fetchState==="In-Progress"?t.jsx(el,{}):h.length!==0||$.length!==0?t.jsx(Br,{children:t.jsxs(Vr,{children:[h.length>0?t.jsxs(Nr,{children:[t.jsxs(na,{children:[$m,t.jsx(ia,{isCircular:h.length<10,children:t.jsx(oa,{children:h.length})})]}),t.jsx(ea,{"data-testid":M("expense-automation","draft-je-schedules"),children:h.map((R,F)=>t.jsx(ta,{ref:S.current,children:t.jsx(wm,{ignoreStatus:g[R.jeScheduleTransactionKey],ignoreRecommendedJeSchedule:d,onReviewClickHandler:P,jeScheduleClickHandler:A,draft:R})},`${F}_${R.jeScheduleId}`))})]}):null,$.length>0?t.jsxs(Ur,{children:[t.jsxs(na,{children:[Im,t.jsx(ia,{isCircular:$.length<10,children:t.jsx(oa,{children:$.length})})]}),t.jsx(ea,{"data-testid":M("expense-automation","resolve-je-schedules"),children:$.map((R,F)=>m[R.scheduledJournalEntry.scheduledJournalEntryID]==null?null:t.jsx(ta,{ref:S.current,children:t.jsx(jm,{vendorSearchAutoCompleteActions:a,vendorSearchAutoCompleteData:i,jeScheduleClickHandler:A,onPostJESchedule:u,uncategorizedAccounts:v,allAccountList:T,allAccountGroupedOptions:k,allClassGroupedOptions:C,allClassList:I,allDepAccountGroupedOptions:j,allDepAccountList:w,draft:R,postStatus:p[R.scheduledJournalEntry.scheduledJournalEntryID],localData:m[R.scheduledJournalEntry.scheduledJournalEntryID],onFormDataChange:r})},`${F}_${R.jeScheduleTransactionKey}`))})]}):null]})}):null}const ea=o.div`
+  display: flex;
+  flex-direction: column;
+  gap: ${n.sp4};
+  min-width: 1088px;
+`,ta=o.div``,na=o(Qn)`
+  color: ${e=>e.theme.colors.primary};
+  padding: ${n.sp2} ${n.sp0};
+  display: flex;
+  align-items: center;
+  gap: ${n.sp1};
+`,ia=o.div`
+  border-radius: ${n.sp12};
+  display: flex;
+  justify-content: center;
+  border: ${e=>`1px solid ${e.theme.colors.grey1}`};
+  color: ${e=>e.theme.colors.hero};
+  ${e=>e.isCircular?le`
+          height: ${n.sp3};
+          width: ${n.sp3};
+          padding: ${n.sp0};
+        `:le`
+          height: 18px;
+          padding: ${Fc.padding};
+        `}
+`,oa=o(_c)`
+  color: ${e=>e.theme.colors.hero};
+  height: 100%;
+  width: 100%;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  color: inherit;
+`;function Lm({expenseAutomationViewSelector:e,currentFooterFormId:i,setResetJeAccountSettingsForm:l,vendorSearchAutoCompleteData:r,onJESchedulesFormDataChange:u,onPostJESchedule:d,handleJeScheduleClick:a,onJeAccountSettingsChange:c,onSaveJeAccountSettingsClick:h,ignoreRecommendedJeSchedule:m,vendorSearchAutoCompleteActions:p,setCurrentFooterFormId:g,setIsJeAccountSettingsOpened:x}){const{jeSchedules:y}=e;return y.fetchState==="In-Progress"||y.accountSettingsView.fetchState==="In-Progress"?t.jsx(el,{}):y.accountSettingsView.fetchState==="Completed"&&y.accountSettingsView.accountSettingsLocalData.previousPrepaidExpensesAccount.length===0&&y.accountSettingsView.accountSettingsLocalData.previousFixedAssetsAccount.length===0?t.jsx(pm,{setIsJeAccountSettingsOpened:x,setResetJeAccountSettingsForm:l,currentFooterFormId:i,onJeAccountSettingsChange:c,onSaveJeAccountSettingsClick:h,accountSettings:y.accountSettingsView,setCurrentFooterFormId:g}):y.fetchState==="Completed"&&y.draftSchedules.length===0&&y.resolveSchedules.length===0?t.jsx(It,{tab:e.currentSelectedView,title:We(e.currentSelectedView).allDoneText.title,subTitle:We(e.currentSelectedView).allDoneText.subTitle}):y.fetchState==="Completed"?t.jsx(Tm,{setCurrentFooterFormId:g,handleJeScheduleClick:a,ignoreRecommendedJeSchedule:m,jeSchedules:e.jeSchedules,onJESchedulesFormDataChange:u,onPostJESchedule:d,vendorSearchAutoCompleteActions:p,vendorSearchAutoCompleteData:r}):null}const Am=72,tl=50,Rm=1,Em=["receipts"],sa=e=>Qo(e,Em),{common:{texts:{vendor:Dm,amount:Mm,receipts:Om,category:zm,classText:Pm,date:Fm}}}=me.getLocalizedStrings(),nl={key:"vendor",value:Dm,sortOrder:"ascending",width:new Q(18,18)},_m={key:"category",value:zm,sortOrder:"ascending",width:new Q(18,18)},Bm={key:"class",value:Pm,sortOrder:"ascending",width:new Q(18,18)},Vm={key:"date",value:Fm,sortOrder:"descending",width:new Q(11,11)},Nm={key:"receipts",value:Om,sortOrder:"descending",width:new Q(6,6)},il={key:"amount",value:Mm,sortOrder:"ascending",width:new Q(10,10)},Un=[nl,_m,Bm,Vm,Nm,il],ol=[{...nl,width:new Q(65,65)},{...il,width:new Q(30,30)}],eo={sortKey:"date",sortOrder:"descending"},sl=({sortConfig:e,isDisabled:i,onColumnSortConfigChanged:l})=>{const r=be(),u=Ze(),d=u?ol:Un,[a,c]=s.useState(d);s.useEffect(()=>{const p=[...d];for(const g of p)g.key===e.sortKey?g.sortOrder=e.sortOrder:g.sortOrder="ascending";c(p)},[e.sortKey,e.sortOrder,u]);const h=(p,g)=>{let x=g;e.sortKey===p&&(x=g==="ascending"?"descending":"ascending"),l(p,x)},m=p=>{sa(p.key)==null&&h(yd(p.key),p.sortOrder)};return t.jsx(Um,{windowSize:r,isQuickViewMode:u,children:a.map((p,g)=>{const x=i!=null||sa(p.key)!=null;return t.jsxs(Hm,{sortDataValue:e.sortKey,actualDataValue:p.key,wrapperWidth:p.width,isSortDisabled:x,windowSize:r,isQuickViewMode:u,isLastItem:g===a.length-1,style:p.key==="receipts"?{justifyContent:"center"}:void 0,children:[t.jsxs(Qm,{onClick:()=>x?null:m(p),isSortDisabled:x,children:[t.jsx(Gm,{children:p.value}),x?null:t.jsx(qm,{sortConfig:e,headerData:p,children:t.jsx(Jm,{})})]}),x?null:t.jsx(Km,{isSortDisabled:x,sortDataValue:e.sortKey,isVisible:e.sortKey===p.key&&e.sortKey!==eo.sortKey,children:t.jsx(Wm,{onClick:()=>{x||h(eo.sortKey,eo.sortOrder)},"data-testid":M("missing-receipts-header-close-icon",p.key)})})]},p.key)})})},Um=o.div`
+  top: ${n.sp0};
+  left: ${n.sp0};
+  height: ${tl}px;
+  z-index: 2;
+  display: flex;
+  flex-wrap: nowrap;
+  align-items: center;
+  box-sizing: border-box;
+  background-color: ${e=>e.theme.colors.grey4};
+  position: sticky;
+  width: 100%;
+  justify-content: space-between;
+
+  ${e=>e.isQuickViewMode===!0?le`
+          width: 32%;
+          max-width: var(--side-panel-list-width, 100%);
+        `:le`
+          padding: ${n.sp0} ${n.sp3};
+        `}
+`,Hm=o.div`
+  color: ${e=>e.sortDataValue===e.actualDataValue&&!e.isSortDisabled?e.theme.colors.primary:e.theme.colors.grey1};
+  padding-left: ${n.sp0};
+  left: ${n.sp0};
+  display: flex;
+  align-items: center;
+  gap: 6px;
+  justify-content: ${e=>e.isLastItem?"flex-end":"flex-start"};
+  position: static;
+  z-index: 0;
+  box-sizing: border-box;
+  flex-shrink: 0;
+  ${e=>e.isQuickViewMode===!0?le`
+          width: calc(
+            ${e.wrapperWidth.valuePercentage(e.windowSize)} -
+              ${n.sp4}
+          );
+          min-width: calc(
+            ${e.wrapperWidth.valuePercentage(e.windowSize)} -
+              ${n.sp4}
+          );
+          max-width: calc(
+            ${e.wrapperWidth.valuePercentage(e.windowSize)} -
+              ${n.sp4}
+          );
+        `:le`
+          width: ${e.wrapperWidth.valuePercentage(e.windowSize)};
+          min-width: ${e.wrapperWidth.valuePercentage(e.windowSize)};
+          max-width: ${e.wrapperWidth.valuePercentage(e.windowSize)};
+        `}
+`,Wm=o(ni)`
+  width: ${n.sp2};
+  height: ${n.sp2};
+  cursor: pointer;
+`,qm=o.div`
+  display: flex;
+  align-items: center;
+  transform: ${e=>e.headerData.sortOrder==="descending"?"rotate(180deg)":"rotate(0deg)"};
+`,Km=o.div`
+  display: ${e=>e.isVisible?"flex":"none"};
+  align-items: center;
+  cursor: ${e=>e.isSortDisabled===!0?"not-allowed":"pointer"};
+  &:hover {
+    color: ${e=>e.isSortDisabled?e.theme.colors.grey1:e.theme.colors.primary};
+  }
+`,Jm=o(ti)`
+  width: ${n.sp2};
+  height: ${n.sp2};
+`,Qm=o.div`
+  display: flex;
+  cursor: ${e=>e.isSortDisabled===!0?"not-allowed":"pointer"};
+  gap: 6px;
+  &:hover {
+    color: ${e=>e.isSortDisabled?e.theme.colors.grey1:e.theme.colors.primary};
+  }
+`,Gm=o(Ye)`
+  display: flex;
+`,{common:{strings:{underscore:al,hyphen:to,empty:aa},documents:{singleFileUploadSizeErrorMessage:Ym,multipleFileUploadSizeErrorMessage:Zm},snackBar:{missing_receipts_attachment:{failed:Xm}},tooltips:{addMissingReceipt:e1}},dateFormat:t1}=me.getLocalizedStrings(),jn={containerPaddingLeftRight:new Q(f[3],f[4]),containerPaddingTopBottom:new Q(f[2],f[3])},n1=({transaction:e,uploadReceiptsFetchState:i,receiptUploadEndpoint:l,authParams:r,selectedPeriod:u,onUploadReceiptComplete:d,onMissingReceiptsRowClick:a,onUploadReceiptFetchStatus:c,onUploadReceiptAttachment:h})=>{const m=be(),p=Ze(),g=s.useRef(null),x=s.useCallback(async($,v,T,I,w)=>{c(e.id,"In-Progress"),await vd($,v,T,I,w).then(({uploadResponse:k,errorMessage:j})=>{k!=null?k.transaction.attachments!=null&&(h(k.transaction),setTimeout(()=>d(k.transaction,u),2e3)):c(e.id,"Error",{code:500,message:Xm},j)}).catch(k=>{c(e.id,"Error",k)})},[e.id,u,h,d,c]),y=s.useCallback($=>{if($.target.files!=null){const v=$.target.files,T=[],I=[];for(let w=0;w<v.length;w++)T.push(v[w].name),I.push(v[w]);x(l,r,v[0],v[0].name,{id:e.id,type:e.type})}},[r,x,l,e.id,e.type]),b=s.useCallback(()=>{p||g.current?.click()},[g,p]),S=p?ol:Un;return t.jsx(rl,{className:"missing-receipts-row-card",windowSize:m,isQuickViewMode:p,onClick:()=>a(e.id,e.type),"data-testid":M("missing-receipts-list-row",e.id),children:S.map(($,v)=>{const T=`${e.id}${al}${$.key}`;switch($.key){case"vendor":default:return t.jsx(dn,{windowSize:m,wrapperWidth:$.width,isQuickViewMode:p,children:t.jsx(un,{windowSize:m,isLastItem:v===S.length-1,children:t.jsxs(Li,{children:[t.jsx(Xn,{photoUrl:e.vendorId!=null?e.logo?.toString()??aa:aa,styles:{width:n.sp4,height:n.sp4,borderRadius:n.sp0},placeholder:{width:f[4],height:f[4]},fallbackAvatar:t.jsx(c1,{children:t.jsx(Jt,{name:e.vendorName??e.description,size:n.sp4})})}),t.jsx(qe,{text:e.vendorName??e.description,itemTextStyle:{...yt.standardRegular.cssObject,color:"inherit"}})]})})},T);case"category":case"class":{const I=e.lines!=null&&e.lines.length>0&&e.lines[0]?.account!=null&&e.lines[0].account.accountName?e.lines[0].account.accountName:to,w=e.lines!=null&&e.lines.length>0&&e.lines[0]?.class!=null&&e.lines[0].class.className?e.lines[0].class.className:to,k=$.key==="category"?I:w;return t.jsx(dn,{windowSize:m,wrapperWidth:$.width,isQuickViewMode:p,children:t.jsx(un,{windowSize:m,isLastItem:v===S.length-1,children:t.jsx(Li,{children:k!==to?t.jsx(qe,{text:k,itemTextStyle:{...yt.standardRegular.cssObject,color:"inherit"}}):t.jsx(l1,{children:k})})})},T)}case"date":return t.jsx(dn,{windowSize:m,wrapperWidth:$.width,isQuickViewMode:p,children:t.jsx(un,{windowSize:m,isLastItem:v===S.length-1,children:t.jsx(Li,{children:t.jsx(qe,{text:e.date.format(t1.visual.MMMDCommaYYYYformat),itemTextStyle:{...yt.standardRegular.cssObject,color:"inherit"}})})})},T);case"receipts":return t.jsx(dn,{windowSize:m,wrapperWidth:$.width,isQuickViewMode:p,children:t.jsx(un,{windowSize:m,isLastItem:v===S.length-1,style:{justifyContent:"center"},children:i.fetchState==="In-Progress"?t.jsx(Kn,{size:"Small",style:{display:"flex"},start:!0}):i.fetchState==="Completed"||e.attachments!=null&&e.attachments.length>0?t.jsx(Pc,{shouldDisplay:!0,width:f[4],height:f[4],animationInLoop:!1,shouldFade:!1,onAnimationComplete:()=>null}):t.jsxs(t.Fragment,{children:[t.jsx(r1,{onClick:I=>{I.stopPropagation()},children:t.jsx(Uo,{"data-testid":M("missing-receipts-file-input",e.id),name:`missing-receipts-${e.id}`,fileRef:g,sizeLimit:Ii,multiple:!1,acceptableTypes:[...Rr],onFileChange:y,onFileSizeError:(I,w)=>{I&&c(e.id,"Error",{code:500,message:w===!0?Ym.replace("__maxFileSize__",xs(Ii,0)):Zm.replace("__maxFileSize__",xs(Ii,0))})}})}),t.jsx(xe,{display:"flex",placement:"bottom",title:e1,enterDelay:600,children:t.jsx(a1,{onClick:I=>{I.stopPropagation(),b()}})})]})})},T);case"amount":{const I=nt("0,0.[00]",e.amount);return t.jsx(dn,{windowSize:m,wrapperWidth:$.width,isQuickViewMode:p,children:t.jsx(un,{windowSize:m,isLastItem:v===S.length-1,children:t.jsx(qe,{text:e.amount.amount<0?`-${I}`:I,itemTextStyle:{...yt.standardRegular.cssObject,color:"inherit"}})})},T)}}})})},i1=()=>{const e=be(),i=Ze(),l=s.useRef(null),[r,u]=s.useState(0);return s.useLayoutEffect(()=>{l.current&&u(l.current.offsetWidth)},[e]),t.jsx(rl,{windowSize:e,isQuickViewMode:i,ref:l,children:Un.map((d,a)=>{const c=`${a}${al}${d.key}`;switch(d.key){case"vendor":return t.jsx(dn,{windowSize:e,wrapperWidth:d.width,isQuickViewMode:i,children:t.jsx(un,{windowSize:e,isLastItem:a===Un.length-1,children:t.jsxs(Li,{children:[t.jsx(ei,{width:f[4],height:f[4]}),t.jsx(it,{width:r*d.width.value(e)/100,height:f[4],style:{display:"flex",alignItems:"center"}})]})})},c);default:return t.jsx(dn,{windowSize:e,wrapperWidth:d.width,isQuickViewMode:i,children:t.jsx(un,{windowSize:e,isLastItem:a===Un.length-1,children:t.jsx(it,{width:r*d.width.value(e)/100,height:f[4],style:{display:"flex",alignItems:"center"}})})},c)}})})},rl=o.div`
+  display: flex;
+  height: 100%;
+  background-color: ${e=>e.theme.colors.grey5};
+  padding-top: ${e=>jn.containerPaddingTopBottom.valuePx(e.windowSize)};
+  padding-bottom: ${e=>jn.containerPaddingTopBottom.valuePx(e.windowSize)};
+  border: ${e=>`1px solid ${e.theme.colors.grey3}`};
+  box-shadow: ${e=>`${n.sp0} 2px ${n.sp1} ${e.theme.colors.dropShadowNormal}`};
+  border-radius: ${n.sp2};
+  color: ${e=>e.theme.colors.hero};
+  cursor: pointer;
+  &:hover {
+    border-color: ${e=>e.theme.colors.primary};
+    color: ${e=>e.theme.colors.primary};
+  }
+
+  box-sizing: border-box;
+  align-items: center;
+  justify-content: space-between;
+  ${e=>e.isQuickViewMode?le`
+          flex: 1;
+          padding-left: ${jn.containerPaddingLeftRight.valuePx(e.windowSize)};
+          padding-right: ${jn.containerPaddingLeftRight.valuePx(e.windowSize)};
+          width: 95%;
+        `:le`
+          min-width: min-content;
+          padding-left: ${jn.containerPaddingLeftRight.valuePx(e.windowSize)};
+          padding-right: ${jn.containerPaddingLeftRight.valuePx(e.windowSize)};
+        `}
+`,dn=o.div`
+  display: flex;
+  align-items: center;
+  position: relative;
+  :last-of-type {
+    padding-right: ${n.sp0};
+  }
+  ${e=>e.isQuickViewMode===!0?le`
+          width: calc(
+            ${e.wrapperWidth.valuePercentage(e.windowSize)} -
+              ${n.sp4}
+          );
+          min-width: calc(
+            ${e.wrapperWidth.valuePercentage(e.windowSize)} -
+              ${n.sp4}
+          );
+        `:le`
+          width: ${e.wrapperWidth.valuePercentage(e.windowSize)};
+          min-width: ${e.wrapperWidth.valuePercentage(e.windowSize)};
+        `}
+`,o1=le`
+  word-break: break-all;
+  white-space: normal;
+  -webkit-line-clamp: 1;
+  -webkit-box-orient: vertical;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  display: -webkit-box;
+`,s1=le`
+  height: ${n.sp3};
+  width: ${n.sp3};
+  cursor: pointer;
+`,a1=o(Fi)`
+  ${s1};
+  color: ${e=>e.theme.colors.brandColorJadeDark};
+  &:hover {
+    color: ${e=>e.theme.colors.primary};
+  }
+`,un=o(Re)`
+  overflow: hidden;
+  justify-content: ${e=>e.isLastItem?"flex-end":"flex-start"};
+  display: flex;
+  width: 100%;
+  align-items: center;
+`,r1=o.div``,Li=o.div`
+  display: flex;
+  flex-direction: row;
+  column-gap: ${n.sp2};
+  align-items: center;
+`,l1=o(Re)`
+  ${o1};
+  color: inherit;
+`,c1=o.div`
+  display: flex;
+`,d1=({sortConfig:e,fetchState:i,isDisabled:l,onColumnSortConfigChanged:r})=>{const u=be(),d=Ze();return t.jsxs(u1,{windowSize:u,children:[t.jsx(h1,{isQuickViewMode:d,children:t.jsx(sl,{sortConfig:e,isDisabled:i==="In-Progress"?"readonly":l,onColumnSortConfigChanged:r})}),t.jsx(p1,{windowSize:u,children:[...Array(3)].map((a,c)=>t.jsx(i1,{},c))})]})},u1=o.div`
+  display: block;
+  min-height: 100%;
+  flex-direction: column;
+  width: 100%;
+`,h1=o.div`
+  flex: 1;
+  width: auto;
+  padding-left: ${({isQuickViewMode:e})=>e===!0?n.sp8:n.sp0};
+`,p1=o.div`
+  display: flex;
+  min-height: 100%;
+  flex-direction: column;
+  row-gap: ${n.sp3};
+`,{common:m1}=me.getLocalizedStrings(),g1=({missingReceipts:e,receiptUploadEndpoint:i,authParams:l,selectedPeriod:r,isDisabled:u,onMissingReceiptsRowClick:d,onUploadReceiptComplete:a,onUploadReceiptAttachment:c,onUploadReceiptFetchStatus:h,onUpdateMissingReceiptsUIState:m,onFetchMissingReceiptsList:p})=>{const g=be(),x=Ze(),{fetchState:y,uiState:b,transactions:S}=e;Gn({componentName:"expense_automation.missing_receipts",enabled:y==="Completed"});const $=s.useRef(null),[v,T]=s.useState(!1);s.useEffect(()=>{$.current?.resetAfterIndex(0)},[g,$]),s.useEffect(()=>{y==="Completed"&&T(!1)},[y]);const I=k=>Am,w=(k,j)=>{m({sortOrder:j,sortKey:k})};return t.jsxs(y1,{children:[t.jsx(w1,{windowSize:g,children:y==="Error"?t.jsxs(b1,{windowSize:g,children:[t.jsx(v1,{onClick:()=>p(),"data-testid":M("missing-receipts-list-table-reload-button"),children:t.jsx(No,{})}),t.jsx(S1,{children:m1.reloadPage.label})]}):y==="Completed"&&S.length===0?t.jsx(It,{tab:"missing_receipts",title:We("missing_receipts").allDoneText.title,subTitle:We("missing_receipts").allDoneText.subTitle}):y==="Not-Started"||y==="In-Progress"&&S.length===0?t.jsx(d1,{sortConfig:{sortKey:b.sortKey,sortOrder:b.sortOrder},fetchState:y,onColumnSortConfigChanged:w}):t.jsx(C1,{windowSize:g,children:t.jsx(Jn,{children:({height:k,width:j})=>t.jsxs(j1,{style:{height:k,width:j},children:[t.jsx(f1,{isQuickViewMode:x,children:t.jsx(sl,{sortConfig:{sortKey:b.sortKey,sortOrder:b.sortOrder},isDisabled:y==="In-Progress"?"readonly":u,onColumnSortConfigChanged:w})}),t.jsx(Pi,{ref:$,height:k-tl,innerElementType:ll,itemCount:S.length,itemData:{missingReceipts:e,receiptUploadEndpoint:i,authParams:l,isDisabled:u,isQuickViewMode:x,selectedPeriod:r,onMissingReceiptsRowClick:d,onUploadReceiptComplete:a,onUploadReceiptAttachment:c,onUploadReceiptFetchStatus:h},itemSize:I,width:j,style:{willChange:"auto"},overscanCount:Rm,onScroll:({scrollOffset:C})=>{m({scrollPosition:{scrollTop:C}})},initialScrollOffset:b.scrollPosition?.scrollTop,children:x1})]})})})}),t.jsx(Ge,{controller:v===!0,children:t.jsx($1,{children:t.jsx(Kn,{size:"Small",start:!0})})})]})},x1=({index:e,style:i,data:l})=>{const{selectedTransactionId:r}=zi(),{missingReceipts:u,receiptUploadEndpoint:d,authParams:a,isQuickViewMode:c,onMissingReceiptsRowClick:h,onUploadReceiptComplete:m,onUploadReceiptAttachment:p,onUploadReceiptFetchStatus:g,selectedPeriod:x}=l,y=u.transactions[e],b=r!=null&&r===y.id;return t.jsx(k1,{isPanelSelected:b,isQuickViewMode:c,style:{...i,width:"100%"},children:t.jsx(n1,{transaction:y,receiptUploadEndpoint:d,authParams:a,selectedPeriod:x,onMissingReceiptsRowClick:h,onUploadReceiptComplete:m,onUploadReceiptAttachment:p,onUploadReceiptFetchStatus:g,uploadReceiptsFetchState:u.uploadReceiptStatusById[y.id]??{fetchState:"Not-Started",error:void 0}},y.id)})},f1=o.div`
+  flex: 1;
+  width: auto;
+`,y1=o.div`
+  width: 100%;
+  height: 100%;
+  background-color: ${e=>e.theme.colors.grey4};
+`,w1=o.div`
+  height: 100%;
+`,C1=o.div`
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+  max-width: 99.9%;
+`,b1=o.div`
+  display: flex;
+  width: 100%;
+  height: ${e=>`calc(100% - ${yr.valuePx(e.windowSize)})`};
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+`,v1=o.div`
+  height: 96px;
+  width: 96px;
+  background: ${e=>e.theme.colors.background};
+  border-radius: 50%;
+  cursor: pointer;
+  & svg {
+    margin: ${n.sp5};
+    color: ${e=>e.theme.colors.grey1};
+  }
+  &:hover {
+    & svg {
+      color: ${e=>e.theme.colors.primary};
+    }
+  }
+`,S1=o(Tc)`
+  margin-top: ${n.sp3};
+  color: ${e=>e.theme.colors.hero};
+`,k1=o.div`
+  top: ${n.sp0};
+  left: ${n.sp0};
+  padding-bottom: ${n.sp3};
+  box-sizing: border-box;
+  ${e=>e.isPanelSelected===!0&&le`
+      .missing-receipts-row-card {
+        ${Yo(e.theme)}
+      }
+    `}
+`,j1=o.div`
+  position: relative;
+`,ll=s.forwardRef((e,i)=>{const{style:l,...r}=e;return t.jsx("div",{ref:i,style:{...l,width:"auto",maxWidth:"var(--side-panel-list-width, 100%)",position:"relative"},...r})});ll.displayName="Missing receipts inner element type";const $1=o.div`
+  display: flex;
+  width: 100%;
+  height: ${n.sp3};
+  flex-direction: row;
+  justify-content: center;
+  align-items: center;
+  margin-top: ${n.sp3};
+  margin-bottom: ${n.sp3};
+`,I1=[...md],T1=7*1024*100,L1=o.div`
+  width: ${Vn}px;
+`,no=o.div`
+  width: ${e=>`${e.availableWidth}px`};
+  min-width: auto;
+  position: relative;
+  height: fit-content;
+  min-height: ${n.sp12};
+`,A1=o.div`
+  flex-grow: 1;
+  overflow: auto;
+  min-height: 2em;
+  display: flex;
+  flex-direction: row;
+  position: relative;
+
+  pointer-events: auto;
+  user-select: text;
+  justify-content: space-between;
+  margin-bottom: ${n.sp2};
+
+  // Disable select for Zeni Logo and File Separator
+  #${hr} img[alt*="company logo"],
+  .attachFileSeparator {
+    user-select: none;
+  }
+`,R1=o.div`
+  display: flex;
+  column-gap: ${n.sp2};
+  align-items: flex-end;
+  margin-top: ${n.sp2};
+  margin-bottom: ${n.sp3};
+`,E1=o.div`
+  position: relative;
+`,ra=o(Re)`
+  position: relative;
+`,D1=o.div`
+  background-color: ${e=>e.theme.colors.grey5};
+  border: ${e=>`1px solid ${e.theme.colors.background}`};
+  border-radius: ${n.sp2};
+  box-shadow: ${e=>`${n.sp0} 2px ${n.sp1} ${e.theme.colors.dropShadowNormal}`};
+  padding: ${n.sp5};
+  color: ${e=>e.theme.colors.primary};
+  position: relative;
+  .lexicalEditor__nestedListItem {
+    list-style-type: none;
+  }
+  user-select: text;
+
+  .monthEndReportCanvasWrapper > * {
+    isolation: isolate;
+    z-index: ${f[1]};
+  }
+`,M1=o.div`
+  user-select: text;
+`,O1=o.div`
+  position: absolute;
+  top: ${n.sp4}; // Attachment icon position from the top
+  right: -${n.sp3}; // To show attachment icon on the edge
+`,z1=o.div`
+  margin-top: ${n.sp2};
+  display: flex;
+  flex-direction: column;
+  row-gap: ${n.sp3};
+  margin-bottom: ${n.sp4};
+  position: relative;
+
+  .toolbar {
+    user-select: none;
+  }
+`,P1=o(ot)`
+  color: ${e=>e.theme.colors.grey1};
+  user-select: none;
+`,F1=o(fr)`
+  color: ${e=>e.theme.colors.primary};
+`,_1=o.div`
+  flex-direction: column;
+  row-gap: ${n.sp3};
+  display: flex;
+`,B1=_i`
+ 0% {
+  transform: translateX(100%);
+ }
+ 100% {
+   transform: translateX(0)
+ }
+`,V1=_i`
+ 0% {
+   transform: translateX(0)
+ }
+ 100% {
+   transform: translateX(100%)
+ }
+`,N1=o.div`
+  animation: ${e=>e.allThreadsSectionOpen?B1:V1}
+    0.5s forwards;
+  height: 100vh;
+  position: fixed;
+  right: ${n.sp0};
+  top: ${n.sp0};
+  z-index: ${f[2]};
+  min-width: ${cr}px;
+  max-width: ${lr}px;
+`,Ai="monthEndReportFormSection",la="monthEndReportPage",dt=me.getLocalizedStrings();function U1({companyId:e,enableZeniGPTFeature:i,monthEndReportView:l,previewMode:r,customerRequestData:u,allThreadsSectionOpen:d,filterMetaData:a,newThreadMetadata:c,isZeniUser:h,selectedPeriod:m,improveUsingZeniGPTClick:p,onRemoveFileAttachment:g,onUpdateFileAttachment:x,onCloseAllThreadsSection:y,previewMonthEndReport:b,saveMonthEndReport:S,onEditClick:$,onOpenFileAttachmentSnackBar:v,onClickCustomerRequest:T,sendMonthEndReport:I}){const w=Tt(),[k,j]=s.useState(),[C,P]=s.useState(0),[A,R]=s.useState(0),F=s.useRef(),V=s.useRef(null),q=s.useRef(null),{html:D,subject:O,improveUsingZeniGPTStatus:ae}=l,[_,L]=s.useState(),[U,X]=s.useState(!1),[ce,ge]=s.useState(!1),te=s.useRef(null),J=s.useRef(null),ee=ec(d,250),W=l.fetchState==="Not-Started"||l.fetchState==="In-Progress"||l.companyMonthEndReportTemplatesData.fetchState==="Not-Started"||l.companyMonthEndReportTemplatesData.fetchState==="In-Progress",{threadsRefs:B,sortedThreads:ne,threadsPositions:H,observer:Z,unresolvedThreadsMap:oe,handleRemoveFloatingThread:K}=tc(a,te,!r,W,h),N=s.useCallback(()=>{d?J.current!=null&&R(Math.min((J.current.offsetWidth-Vn-f[4])/2,J.current.offsetWidth-Vn-lr-f[4])):J.current!=null&&P(Math.min((J.current.offsetWidth-Vn-f[4])/2,J.current.offsetWidth-Vn-cr-f[4]))},[d]);s.useEffect(()=>{N()},[d,N]),s.useEffect(()=>(window.addEventListener("resize",N),()=>{window.removeEventListener("resize",N)}),[N]);const z=h?er:tr,{openThread:se,addThread:Y,setOpenThread:G}=s.useContext(z),je=nc(hs,!1,!r),Te=te.current?.getBoundingClientRect(),E=je!=null&&je.coords&&Te?{left:je.coords.left-Te.left,top:je.coords.top-Te.top}:void 0,de=s.useCallback(()=>{const Ee=window.getSelection()?.getRangeAt(0),Ie=ic();if(!Ee||Ie==null)return;const Ke={...c,...Ie,startPath:Ie.startPath.join(),endPath:Ie.endPath.join()},ye=`${ur()}${dr}`,Be=`cockpit_${e}`;Y(ye,{type:"thread",id:ye,roomId:Be,createdAt:new Date,comments:[],metadata:Ke,updatedAt:new Date,resolved:!1}),G(ye)},[Y,e,c,G]);s.useEffect(()=>{se!=null&&d&&y()},[d,se,y]);const $e=ae.fetchState==="In-Progress",Me=xn({mode:"all",defaultValues:ca(l),values:ca(l)}),De=Me.handleSubmit(Ee=>{const{recipientEmailList:Ie,subject:Ke}=Ee[Ai];if(r===!0)I?.(_?.id);else{const ye=k?.replace(oc,dt.common.strings.empty);Ie!=null&&Ke!=null&&b(Ie,Ke,_?.id,ye!=null&&ye.length>0?k:void 0)}}),Fe=()=>{V.current!=null&&V.current.click()},ve=()=>{_!==void 0&&_!=null&&(g([_.id]),L(void 0),X(!1))},Xe=Ee=>{const Ie=Ee.target.files?Ee.target.files[0]:null;if(Ie)if(!xd(Ie.type)||ce)console.warn("Please select a valid file.");else{const Ke=new FileReader;Ke.onload=function(ye){const Be=ye.target?.result;if(typeof Be=="string"){const wt={data:Be.split(",")[1],name:Ie.name,id:fd(e,Ie.name)};L(wt),X(!0),x([wt])}},Ke.readAsDataURL(Ie)}},ht=()=>{q.current&&q.current.scrollIntoView({behavior:"smooth"})},et=()=>{const Ee=Me.getValues(),{recipientEmailList:Ie,subject:Ke}=Ee[Ai];Ie!=null&&Ke!=null&&S(Ie,Ke,_?.id,k)};s.useEffect(()=>{j(l.zeniRequestsHtml)},[l.zeniRequestsHtml]),s.useEffect(()=>{F.current=_},[_]),s.useEffect(()=>{L(pd(l.attachmentFile)),X(!1)},[l.attachmentFile]),s.useEffect(()=>{ce&&v()},[ce,v]);const fe=Di(`${m.year}-${m.month}-01`).format(dt.dateFormat.visual.MMMMFormat),_e=D!=null?D.split(sc):[],Vt=l.concatenatedHtml,tt=()=>l.lastDraftSavedDate!=null&&r===!1?t.jsx(Ic,{time:l.lastDraftSavedDate,user:l.reportLastSavedByUser,timeStampLabel:dt.cockpit.monthEndReport.timeStampLabel}):null,pt=()=>h===!0?ee?t.jsxs(t.Fragment,{children:[t.jsx(N1,{allThreadsSectionOpen:d,children:t.jsx(jc,{autoExpand:!0,autoFocus:!1,style:{borderLeft:`1px solid ${w.colors.grey3}`,boxShadow:`${n.sp0} 1px 2px ${n.sp0} ${he.boxShadowElevation}`},drawerSectionStyle:{width:`calc(100% - ${n.sp5} - ${n.sp5})`,backgroundColor:w.colors.background},threadsContainerStyle:{paddingBottom:r?"160px":n.sp12},collapsibleThreadStyle:{width:`calc(100% - ${n.sp4})`},allowComposer:!1,drawerTitle:dt.common.texts.comments,filter:a,textOverrides:{},preventResolvedThreadClick:!0,onThreadClick:(Ee,Ie)=>{G(Ie);const Ke=ne.findIndex(ye=>ye[0]===Ie);y(),B.current?.[Ke]?.scrollIntoView({behavior:"smooth",block:"center",inline:"center"})},onCloseAllThreadsDrawer:()=>y()})}),t.jsx(no,{availableWidth:C})]}):t.jsx($c,{observer:Z,canvasContainerRef:te,sortedThreads:ne,threadsPositions:H,threadsRefs:B,unresolvedThreadsMap:oe,editorMode:!r,style:{minWidth:`${C}px`,position:"relative",height:"fit-content",top:`${te.current?.offsetTop}px`,minHeight:n.sp12},handleRemoveFloatingThread:K}):t.jsx(no,{availableWidth:C}),Lt=(l.zeniRequestsData??[]).length+ac(l.companyMonthEndReportTemplatesData).length;return t.jsxs(t.Fragment,{children:[t.jsxs(A1,{ref:J,children:[t.jsx(no,{availableWidth:d?A:C}),t.jsxs(L1,{children:[t.jsx(fn,{...Me,children:t.jsx("form",{id:da(la),onSubmit:De,children:t.jsxs(_1,{children:[t.jsx(rc,{sectionId:Ai,previewMode:r,subject:O}),!r&&Lt>0?t.jsx(lc,{totalItems:Lt,onClickCustomerRequest:T}):null,t.jsxs(D1,{id:hs,ref:te,children:[t.jsxs(M1,{className:"monthEndReportCanvasWrapper",children:[_!=null||ce?t.jsx(O1,{"data-testid":M("email-attachment-container"),onClick:ht,children:t.jsx(cc,{fileSizeError:ce,setFileSizeError:ge,loading:!1,showAnimation:!r&&U})}):null,r?t.jsx(ra,{dangerouslySetInnerHTML:{__html:dc(Vt)}}):t.jsxs(t.Fragment,{children:[t.jsxs(E1,{id:uc,children:[t.jsx(Re,{dangerouslySetInnerHTML:{__html:_e[0]!=null?_e[0]+"</body></html>":dt.common.strings.empty}}),t.jsxs(R1,{children:[t.jsx(F1,{children:dt.cockpit.monthEndReport.editorTitle}),t.jsx(P1,{children:dt.cockpit.monthEndReport.editorNote})]})]}),t.jsx(z1,{id:hc,children:t.jsx(pc,{handleFileInputClick:Fe,fileAttached:_!=null,enableZeniGPTFeature:i,isZeniGPTResponseLoading:$e,initialHtmlString:l.zeniRequestsHtml,improveUsingZeniGPTClick:p,setZeniRequestsHtml:j,customerRequestData:u})}),t.jsx(ra,{id:hr,dangerouslySetInnerHTML:{__html:_e[1]!=null?"<html><body>"+_e[1]:dt.common.strings.empty}})]}),_!=null?t.jsx(mc,{ref:q,fileName:_.name,fileSize:gc(_.data),onRemove:ve,isRemovable:!r}):null]}),E?t.jsx(xc,{style:{zIndex:15},coords:E,alignment:je.alignment,onClick:de}):null,t.jsx(fc,{canvasContainerRef:te,sortedThreads:ne,editorMode:!r,isZeniUser:h})]})]})})}),t.jsx(Uo,{name:_?.name??dt.common.strings.empty,fileRef:V,sizeLimit:T1,acceptableTypes:I1,onFileChange:async Ee=>{Xe(Ee)},onFileSizeError:Ee=>ge(Ee),multiple:!1})]}),pt()]}),t.jsx(nr,{style:{zIndex:10},leftSideComponent:tt(),formId:da(la),cancelBtn:{isDisabled:$e,label:r===!0?dt.cockpit.monthEndReport.editButtonLabel:dt.cockpit.monthEndReport.saveChanges,onClick:r===!0?$:et,style:{width:"136px",padding:`${n.sp0} ${n.sp3}`,boxSizing:"border-box"},size:"medium",isLoading:l.saveMonthEndReportStatus.fetchState==="In-Progress",reverseSpinnerColor:!1},primaryBtn:{isDisabled:$e,isLoading:r===!0?l.sendMonthEndReportStatus.fetchState==="In-Progress":l.previewMonthEndReportStatus.fetchState==="In-Progress",style:{width:r===!0?"unset":"136px"},label:r===!0?dt.cockpit.monthEndReport.sendEmailButtonLabel.replace("__month__",fe):dt.cockpit.monthEndReport.preview,size:"medium"}})]})}const ca=e=>({[Ai]:{recipientEmailList:e.recipientEmailList,subject:e.subject??dt.common.strings.empty}}),da=e=>`${e}_form`;yt.smallBold.lineHeightValue;const H1=1,W1=50,ua=56,q1=["memo_and_receipt","activity","paymentAccount","receipt"],ha=e=>Qo(e,q1),io=905,K1=1240,J1=1440,Q1=1920;function Bt(e,i,l,r){const u=i,d=Math.round(i*K1/io),a=Math.round(i*J1/io),c=Math.round(i*Q1/io),h=l??a,m=r??h;return new Q(e,i,u,Math.min(d,h),Math.min(a,h),Math.min(c,m))}const{common:{strings:{empty:G1}},expenseAutomation:{transactions:{header:{vendors:Y1,category:Z1,classText:X1,date:eg,type:tg,amount:ng,paymentAccount:ig,memoReceipt:og}}}}=me.getLocalizedStrings(),cl={key:"vendor",value:Y1,sortOrder:"ascending",width:Bt(200,200,220,360),customStyle:{common:{paddingLeft:f[7]}}},sg={key:"payment_account",value:ig,sortOrder:"ascending",width:Bt(180,180,200,320),customStyle:{common:{paddingLeft:f[0]}}},ag={key:"category",value:Z1,sortOrder:"ascending",width:Bt(200,200,220,360),customStyle:{common:{paddingLeft:f[6]}}},rg={key:"class",value:X1,sortOrder:"ascending",width:Bt(200,200,220,360),customStyle:{common:{paddingLeft:f[6]}}},lg={key:"date",value:eg,sortOrder:"descending",width:Bt(108,108,130,144),customStyle:{common:{paddingLeft:f[0]}}},cg={key:"transaction_type",value:tg,sortOrder:"descending",width:Bt(108,108,130,144),customStyle:{common:{paddingLeft:0}}},dg={key:"memo_and_receipt",value:og,sortOrder:"ascending",width:Bt(108,108,108,120),customStyle:{common:{paddingLeft:0,justifyContent:"center",display:"flex",alignItems:"center"}}},dl={key:"amount",value:ng,sortOrder:"ascending",width:Bt(108,108,140,156),customStyle:{common:{paddingRight:f[0],justifyContent:"flex-end",display:"flex",alignItems:"center"}}},ug={key:"activity",value:G1,sortOrder:"ascending",width:Bt(f[6],f[6],48,54),customStyle:{common:{}}},as=e=>{const i=[cl,sg,ag,rg,lg,cg,dg,dl];return e===!0&&i.push(ug),i},rs=[{...cl,width:new Q(65,65)},{...dl,width:new Q(30,30)}],oo={sortKey:"date",sortOrder:"descending"},ul=({sortConfig:e,isDisabled:i,isTransactionActivityEnabled:l,onColumnSortConfigChanged:r})=>{const u=be(),d=Ze(),a=d?rs:as(l),[c,h]=s.useState(Do(a));s.useEffect(()=>{const g=Do(a);for(const x of g)x.key===e.sortKey?x.sortOrder=e.sortOrder:x.sortOrder="ascending";h(g)},[e.sortKey,e.sortOrder,d]);const m=(g,x)=>{let y=x;e.sortKey===g&&(y=x==="ascending"?"descending":"ascending"),r(g,y)},p=g=>{ha(g.key)==null&&m(Cd(g.key),g.sortOrder)};return t.jsx(hg,{windowSize:u,isQuickViewMode:d,"data-testid":M("transaction-categorization-header-container"),children:c.map((g,x)=>{const y=i!=null||ha(g.key)!=null;return t.jsxs(pg,{sortDataValue:e.sortKey,actualDataValue:g.key,wrapperWidth:g.width,style:g.customStyle?.common,isSortDisabled:y,isQuickViewMode:d,windowSize:u,isLastItem:x===c.length-1,"data-testid":M("transaction-categorization-header-wrapper",g.key),children:[t.jsxs(yg,{"data-testid":M("transaction-categorization-header",g.value?g.value:g.key),onClick:()=>p(g),isSortDisabled:y,children:[t.jsx(wg,{children:g.value}),y?null:t.jsx(gg,{sortConfig:e,headerData:g,"data-testid":M("transaction-categorization-sort-icon",g.key),children:t.jsx(fg,{})})]}),y?null:t.jsx(xg,{isSortDisabled:y,sortDataValue:e.sortKey,isVisible:e.sortKey===g.key&&e.sortKey!==oo.sortKey,"data-testid":M("transaction-categorization-close-icon",g.key),children:t.jsx(mg,{onClick:()=>{m(oo.sortKey,oo.sortOrder)},"data-testid":M("transaction-categorization-close-icon-button",g.key)})})]},g.key)})})},hg=o.div`
+  top: ${n.sp0};
+  left: ${n.sp0};
+  height: ${W1}px;
+  z-index: 2;
+  display: flex;
+  flex-wrap: nowrap;
+  align-items: center;
+  box-sizing: border-box;
+  background-color: ${e=>e.theme.colors.grey4};
+  position: sticky;
+  ${e=>e.isQuickViewMode?le`
+          width: 100%;
+          justify-content: space-between;
+        `:le`
+          column-gap: ${n.sp4};
+          width: max-content;
+          min-width: 100%;
+        `}
+`,pg=o.div`
+  color: ${e=>e.sortDataValue===e.actualDataValue&&!e.isSortDisabled?e.theme.colors.primary:e.theme.colors.grey1};
+  padding-left: ${n.sp0};
+  left: ${n.sp0};
+  display: flex;
+  align-items: center;
+  gap: 6px;
+  justify-content: ${e=>e.isLastItem?"flex-end":"flex-start"};
+  position: static;
+  z-index: 0;
+  box-sizing: border-box;
+  ${e=>e.isQuickViewMode?le`
+          width: ${e.wrapperWidth.valuePercentage(e.windowSize)};
+          max-width: ${e.wrapperWidth.valuePercentage(e.windowSize)};
+        `:le`
+          width: ${e.wrapperWidth.valuePx(e.windowSize)};
+          max-width: ${e.wrapperWidth.valuePx(e.windowSize)};
+        `}
+`,mg=o(ni)`
+  width: 12px;
+  height: 12px;
+`,gg=o.div`
+  display: flex;
+  align-items: center;
+  transform: ${e=>e.headerData.sortOrder==="descending"?"rotate(180deg)":"rotate(0deg)"};
+  ${e=>e.headerData.sortOrder==="ascending"?"padding-top: 2px":"padding-bottom: 2px"};
+`,xg=o.div`
+  display: ${e=>e.isVisible?"flex":"none"};
+  align-items: center;
+  padding-top: 2px;
+  cursor: ${e=>e.isSortDisabled===!0?"not-allowed":"pointer"};
+  &:hover {
+    color: ${e=>e.isSortDisabled?e.theme.colors.grey1:e.theme.colors.primary};
+  }
+`,fg=o(ti)`
+  width: ${n.sp2};
+  height: ${n.sp2};
+`,yg=o.div`
+  display: flex;
+  cursor: ${e=>e.isSortDisabled===!0?"not-allowed":"pointer"};
+  gap: 6px;
+  &:hover {
+    color: ${e=>e.isSortDisabled?e.theme.colors.grey1:e.theme.colors.primary};
+  }
+`,wg=o(Ye)`
+  display: flex;
+`,so="expenseAutomationTransactionsPage",mn="transactionCategorizationListTable",Pe="account",ut="class",jt="lineEntitySelection",Cg="lineEntity",bg="recommendations",hl="lineInfo",vg="vendorDetails",Sg="customerDetails",Ri="selectedTransactionIds",Ut=(e,i,l)=>`${e}.${l}.${i}`,kg=e=>s.createElement("svg",{viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e},s.createElement("path",{d:"M4.85022 13.5836L5.52057 12.9133C5.63229 12.8016 5.77164 12.7217 5.92438 12.6815C6.07712 12.6413 6.23779 12.6424 6.38999 12.6846C6.54218 12.7268 6.68046 12.8086 6.7907 12.9217C6.90094 13.0348 6.97919 13.1751 7.01747 13.3283L7.08174 13.5836L7.8119 13.0972C7.98361 12.9827 8.1897 12.9312 8.39508 12.9515C8.60046 12.9719 8.79245 13.0628 8.93837 13.2087L9.31326 13.5836H11.0985",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),s.createElement("path",{d:"M17.4206 6H2.24629C2.12792 6 2.01441 6.04702 1.93071 6.13072C1.84701 6.21442 1.79999 6.32794 1.79999 6.4463V17.1576C1.79999 17.276 1.84701 17.3895 1.93071 17.4732C2.01441 17.5569 2.12792 17.6039 2.24629 17.6039H21.8837C22.0021 17.6039 22.1156 17.5569 22.1993 17.4732C22.283 17.3895 22.33 17.276 22.33 17.1576V6.4463C22.33 6.32794 22.283 6.21442 22.1993 6.13072C22.1156 6.04702 22.0021 6 21.8837 6H17.4206Z",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),s.createElement("path",{d:"M16.0854 9.6521H19.6559V12.0656H16.0854V9.6521Z",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"})),pl=e=>s.createElement("svg",{viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e},s.createElement("path",{d:"M0.929688 8.00813C0.929688 8.675 1.02283 9.32014 1.19683 9.93121M2.20132 3.98138C3.46937 2.17826 5.566 1 7.93783 1C11.8083 1 14.946 4.13765 14.946 8.00813C14.946 10.2186 13.9226 12.1901 12.3237 13.4745M2.01692 11.7591C2.35672 12.2943 2.7671 12.7804 3.23498 13.2041M4.80209 14.2773C5.39521 14.5746 6.03636 14.7901 6.7108 14.9092M8.65531 14.98C9.34096 14.9103 9.99736 14.7418 10.6101 14.4888",stroke:"currentColor",strokeWidth:1.25,strokeLinecap:"round",strokeLinejoin:"round"}),s.createElement("path",{d:"M8 4.66602V7.93891L11.0228 10.9322",stroke:"currentColor",strokeWidth:1.25,strokeLinecap:"round",strokeLinejoin:"round"}),s.createElement("path",{d:"M4.1813 4.23989L1.83594 4.24014V1.89453",stroke:"currentColor",strokeWidth:1.25,strokeLinecap:"round",strokeLinejoin:"round"})),jg=e=>s.createElement("svg",{viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e},s.createElement("path",{d:"M21.7995 14.6384L14.7656 21.6723L11.3086 22.3637L12 18.9067L19.0339 11.8728C19.3997 11.5071 19.8958 11.3016 20.413 11.3016C20.9303 11.3016 21.4263 11.5071 21.7922 11.8728L21.7995 11.8811C21.9808 12.062 22.1246 12.2769 22.2227 12.5134C22.3208 12.75 22.3713 13.0036 22.3713 13.2597C22.3713 13.5158 22.3208 13.7694 22.2227 14.006C22.1246 14.2426 21.9808 14.4575 21.7995 14.6384Z",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),s.createElement("path",{d:"M8.54295 19.5981H3.0117C2.82886 19.6026 2.64701 19.57 2.47718 19.5021C2.30735 19.4342 2.15309 19.3325 2.02376 19.2032C1.89444 19.0739 1.79275 18.9196 1.72487 18.7498C1.65699 18.58 1.62433 18.3981 1.62888 18.2153V4.48579C1.61644 4.10613 1.75499 3.73703 2.01419 3.45934C2.27339 3.18165 2.63209 3.01804 3.0117 3.00433H16.8398C17.2194 3.01804 17.5781 3.18165 17.8373 3.45934C18.0965 3.73703 18.2351 4.10613 18.2226 4.48579V8.53558",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),s.createElement("path",{d:"M14.055 8.06982L5.80499 8.06982",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),s.createElement("path",{d:"M10.305 12.5698L5.80499 12.5698",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"})),$g=e=>s.createElement("svg",{viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e},s.createElement("path",{d:"M20.25 19.5H6.75C6.55109 19.5 6.36032 19.421 6.21967 19.2803C6.07902 19.1397 6 18.9489 6 18.75V2.25C6 2.05109 6.07902 1.86032 6.21967 1.71967C6.36032 1.57902 6.55109 1.5 6.75 1.5H15.75L21 6.75V18.75C21 18.9489 20.921 19.1397 20.7803 19.2803C20.6397 19.421 20.4489 19.5 20.25 19.5Z",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),s.createElement("path",{d:"M15.75 1.5V6.75H21",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),s.createElement("path",{d:"M10.4941 11.2559H16.4941",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),s.createElement("path",{d:"M10.4941 14.2559H16.4941",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),s.createElement("path",{d:"M16.5 22.5H3V5.85315",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"})),{common:{strings:{underscore:Ig,hyphen:Ht,empty:qt,colon:pa},tooltips:{addReceipt:Tg,viewReceipt:Lg,viewReceipts:Ag}},expenseAutomation:{transactions:St},dateFormat:Rg}=me.getLocalizedStrings(),_t={containerPaddingLeftRight:new Q(f[3],f[4]),containerPaddingTopBottom:new Q(f[1],f[2]),containerPaddingTopBottomEmpty:new Q(f[2],f[3]),nameLogoWidth:new Q(f[2],f[4]),nameLogoHeight:new Q(f[2],f[4])},Eg=({transactionView:e,transaction:i,sectionId:l,vendorSearchAutoCompleteData:r,vendorSearchAutoCompleteActions:u,selectedTab:d,containerRef:a,listContainerRef:c,isCOTEnabled:h,cotTracking:m,onTransactionCategorizationRowClick:p,setCurrentTransactionInAction:g,vendorLoadOptions:x,openTooltipId:y,setOpenTooltipId:b,isUncategorizedExpenseCategoryEnabled:S,setActivityLogTransactionId:$,isTransactionActivityEnabled:v,authParams:T,onUploadTransactionReceipt:I})=>{const w=be(),k=Ze(),[j,C]=s.useState(!1),[P,A]=s.useState(!1),{lineItemById:R,sortedLineItems:F}=i.transactionReviewLocalData,V=i.transactionReviewLocalData.tabSpecificLineItems?.[d]||[],q=F.filter(z=>V.indexOf(z)!==-1),D=[];q.forEach(z=>{D.push(R[z])});const{accountList:O,accountsHierarchyList:ae,classHierarchyList:_,classList:L,uncategorizedAccounts:U,transactions:X,selectedCheckBoxTransactionIds:ce}=e,ge=e.uploadReceiptStatusById,te=ce.includes(i.transactionId),J=Tt(),ee={control:()=>({marginLeft:-2,backgroundColor:j?J.colors.background:J.colors.grey5}),valueContainer:()=>({justifyContent:"flex-start",paddingLeft:f[0]}),menu:()=>({width:"150%",background:J.colors.grey5}),singleValue:()=>({color:j||te?J.colors.primary:J.colors.hero,paddingLeft:f[2]}),input:z=>({...z,color:j||te?J.colors.primary:J.colors.hero,textAlign:"left",paddingLeft:f[2]}),menuPortal:z=>({...z,zIndex:10})},W={...ee,singleValue:z=>({...z,color:j||te?J.colors.primary:J.colors.hero}),menu:()=>({marginTop:f[1],marginLeft:-8}),input:z=>({...z,color:j||te?J.colors.primary:J.colors.hero,textAlign:"left"})},B=X.find(z=>z.id===i.transactionId),ne=(z,se)=>{const{transactionType:Y}=se.transactionReviewLocalData;let G=z.target;for(;G;){if(G.classList.contains("select-value-container")||G.classList.contains("item-value-container")||G.classList.contains("grouped-single-select-field__value-container")||G.classList.contains("auto-complete-grouped-creatable-single-custom-group-select-field__option")||G.classList.contains("grouped-single-select-field__input")||G.classList.contains("grouped-single-select-field__menu"))return;G=G.parentElement}Y!=null&&p(se.transactionId,Y)},H=s.useRef(null),[Z,oe]=s.useState(void 0),[K,N]=s.useState("bottom");return s.useEffect(()=>{if(Z===void 0)return;const z=c?.current?._outerRef??null,se=()=>{const Y=H.current;if(Y==null||z==null)return;const G=Y.getBoundingClientRect(),je=z.getBoundingClientRect(),Te=z.scrollTop+(G.bottom-je.top),E=z.scrollHeight-Te;N(E>=288?"bottom":"top")};return se(),window.addEventListener("resize",se),z?.addEventListener("scroll",se),()=>{window.removeEventListener("resize",se),z?.removeEventListener("scroll",se)}},[c,Z]),t.jsxs(Mg,{onMouseEnter:k?void 0:()=>C(!0),onMouseLeave:k?void 0:()=>C(!1),children:[t.jsx(zg,{className:"categorization-row-card",windowSize:w,isSelected:te,isQuickViewMode:k,isHovered:j,children:t.jsx(Pg,{children:D.map((z,se)=>t.jsx(Fg,{ref:Z===se?H:void 0,"data-testid":M("transaction-categorization-list-row",z.lineId),windowSize:w,isQuickViewMode:k,onClick:Y=>ne(Y,i),children:t.jsx(Dg,{isTransactionActivityEnabled:v,line:z,isHovered:j||te,isSelected:te,isQuickViewMode:k,lineIndex:se,sectionId:l,transaction:i,currentTransaction:B,windowSize:w,accountsHierarchyList:ae,classHierarchyList:_,allAccountList:O,allClassList:L,uncategorizedAccounts:U,vendorSearchAutoCompleteData:r,vendorSearchAutoCompleteActions:u,setCurrentTransactionInAction:g,vendorLoadOptions:x,customStyle:ee,customStyleAutoComplete:W,recommendations:z.recommendationsWithCOT,selectedTab:d,isCOTEnabled:h,menuPlacement:K,cotTracking:m,openTooltipId:y,setOpenTooltipId:b,isUncategorizedExpenseCategoryEnabled:S,authParams:T,uploadReceiptStatus:ge?.[i.transactionId],onUploadTransactionReceipt:I,onDropdownClose:()=>oe(void 0),onDropdownOpen:()=>oe(se)})},`${i.transactionId}.${z.lineId}`))},i.transactionId)},i.transactionId),v===!0&&!k&&t.jsx(ox,{className:"activity-log-icon","data-testid":M("activity-log-icon",i.transactionId),onMouseEnter:()=>A(!0),onMouseLeave:()=>A(!1),onClick:z=>{z.stopPropagation(),$(i.transactionId)},children:t.jsx(xe,{title:St.header.activity,placement:"bottom",children:t.jsx(sx,{style:{color:P?J.colors.primary:J.colors.hero}})})})]})},Dg=({accountsHierarchyList:e,allAccountList:i,allClassList:l,classHierarchyList:r,customStyle:u,customStyleAutoComplete:d,line:a,lineIndex:c,transaction:h,currentTransaction:m,windowSize:p,uncategorizedAccounts:g,isHovered:x=!1,isSelected:y=!1,isQuickViewMode:b=!1,sectionId:S,recommendations:$,vendorSearchAutoCompleteData:v,selectedTab:T,isCOTEnabled:I,menuPlacement:w,cotTracking:k,openTooltipId:j,setCurrentTransactionInAction:C,vendorLoadOptions:P,setOpenTooltipId:A,isUncategorizedExpenseCategoryEnabled:R,isTransactionActivityEnabled:F,onDropdownClose:V,onDropdownOpen:q,authParams:D,uploadReceiptStatus:O,onUploadTransactionReceipt:ae})=>{const{transactionDate:_,transactionType:L,transactionTypeName:U,memo:X}=h.transactionReviewLocalData,{setValue:ce}=Ko(),ge=s.useCallback((ie,Se)=>{k?.onCOTView!=null&&k.onCOTView(a.lineId,h.transactionId,ie,Se)},[k,a.lineId,h.transactionId]),te=a.lineDescription,J=s.useMemo(()=>{if(te||X)return[{title:St.description,description:te||Ht},{title:St.header.memo,description:X||Ht}]},[X,te]),ee=Ut(S,jt,c.toString()),W=Ut(S,Pe,c.toString()),B=Ut(S,ut,c.toString()),ne=(ie,Se)=>{if(b)return;let Le;switch(Se){case"vendor":Le=ee;break;case"category":Le=W;break;case"class":Le=B;break;default:return}ce(`${Le}.selectedOption`,ie,{shouldValidate:!0,shouldDirty:!0})},H=Tt(),Z=s.useMemo(()=>m!=null&&ln(m)===!0?{id:h.transactionReviewLocalData.customer?.id??"",logo:h.transactionReviewLocalData.customer?.logo,name:h.transactionReviewLocalData.customer?.name??""}:{id:a.customer?.id??"",logo:a.customer?.logo,name:a.customer?.name??""},[m,a.customer?.id,a.customer?.logo,a.customer?.name,h.transactionReviewLocalData.customer?.id,h.transactionReviewLocalData.customer?.logo,h.transactionReviewLocalData.customer?.name]),oe=s.useMemo(()=>m!=null&&ln(m)===!0?{id:h.transactionReviewLocalData.vendor?.id??"",logo:h.transactionReviewLocalData.vendor?.logo,name:h.transactionReviewLocalData.vendor?.name??""}:{id:a.vendor?.id??"",logo:a.vendor?.logo,name:a.vendor?.name??""},[m,a.vendor?.id,a.vendor?.logo,a.vendor?.name,h.transactionReviewLocalData.vendor?.id,h.transactionReviewLocalData.vendor?.logo,h.transactionReviewLocalData.vendor?.name]),K=a[ut]?.classId,N=a[Pe]?.qboId??a[Pe]?.accountId,z=Z?.id,se=oe?.id,Y=oe?.name,[G,je]=s.useState(!K),[Te,E]=s.useState(!N||a[Pe]?.qboId!=null&&Nn(g,a[Pe].qboId,R===!0?["income"]:void 0)===!0),[de,$e]=s.useState(!se||!z),Me=ie=>$?.find(Se=>Se.vendor?.qboId===ie||Se.vendor?.id===ie||Se.vendor?.name===ie)?.vendor?.reason??"",De=h.transactionReviewLocalData.lineItemById[a.lineId]?.recommendationsWithCOT||[],Fe=$r(e,De),ve=jr(r,De),Xe=ie=>i.filter(Se=>Se.qboId===ie)[0]?.qboId,ht=ie=>l.filter(Se=>Se.classId===ie)[0]?.accountingClassNumber??void 0,et=s.useCallback(ie=>Nn(g,ie,R===!0?["income"]:void 0),[g,R]),[fe,_e]=s.useState(!1),[Vt,tt]=s.useState(!1),[pt,Lt]=s.useState(!1),[Ee,Ie]=s.useState(0),[Ke,ye]=s.useState(null),[Be,wt]=s.useState([]),[yn,Qe]=s.useState(void 0),wn=s.useRef(null),[Cn,Ct]=s.useState(0),[Yt,Zt]=s.useState(0),Xt=Vc()?.url,[ii,Mn]=s.useState(!1),Bi=(ie,Se)=>{C({transactionId:h.transactionId,lineItemId:a.lineId}),P(ie,Se)},en=()=>{$e(!(se||z)),_e(!1),V?.()},tn=()=>{N&&a[Pe]?.qboId!=null&&Nn(g,a[Pe].qboId,R===!0?["income"]:void 0)===!1?E(!1):E(!0),Mn(!1),V?.()},On=()=>{je(!K),tt(!1),V?.()},oi=()=>{b||(se||z)&&(_e(!0),q?.())},Vi=()=>{b||(tt(!0),q?.())},Ni=()=>{b||(Mn(!0),q?.())};s.useEffect(()=>{N&&a[Pe]?.qboId!=null&&Nn(g,a[Pe].qboId,R===!0?["income"]:void 0)===!1?E(!1):E(!0)},[N]),s.useEffect(()=>{je(!K)},[K]),s.useEffect(()=>{$e(!(se||z))},[se,z]);const si=h.transactionReviewLocalData.selectedEntity,ai=h.transactionReviewLocalData.lineItemById[a.lineId].selectedEntityLine,He=m!=null&&ln(m)===!0?si:ai,bn=s.useMemo(()=>{const ie=h.transactionReviewLocalData.lineItemById[a.lineId]?.recommendationsWithCOT||[],Se=v.entityAutoCompleteView;return{selectedOption:He?.qboId??He?.id,defaultOptions:Ho(Se,He,ie??[])}},[He,h.transactionReviewLocalData.lineItemById,a.lineId,v.entityAutoCompleteView]),Ae=()=>He!=null&&He.logo!=null?t.jsx(Xn,{photoUrl:He.logo.toString(),styles:{width:_t.nameLogoWidth.valuePx(p),height:_t.nameLogoHeight.valuePx(p)},fallbackAvatar:t.jsx(xa,{children:t.jsx(Jt,{name:He.name,size:n.sp4})})}):He!=null&&He.name!=null?t.jsx(xa,{children:t.jsx(Jt,{name:He.name,size:n.sp4})}):null,rt=(ie,Se)=>{if(Se==null||!Se)return;let Le=[];return ie.forEach(vt=>{Le=Le.concat(vt.options)}),Le.find(vt=>vt.value===Se)?.label??Se},At=rt(ve,K),ri=rt(Fe,N),bt=T==="review",nn=Wi("vendor",bn.defaultOptions,bn.selectedOption),zn=Wi("category",Fe,N),li=Wi("class",ve,K),Ui=ie=>{const Se=b?rs:as(ie);return Se.map((Le,vt)=>{const xt=`${h.transactionId}_${Le.key}_${a.lineId}`;if(c>0&&m!=null&&ln(m)===!0&&Le.key==="vendor")return t.jsx(mt,{windowSize:p,wrapperWidth:Le.width,isQuickViewMode:b},xt);if(c>0&&(Le.key==="transaction_type"||Le.key==="payment_account"||Le.key==="memo_and_receipt"))return t.jsx(mt,{windowSize:p,wrapperWidth:Le.width,isQuickViewMode:b},xt);switch(Le.key){case"activity":return t.jsx(gl,{},xt);case"vendor":default:return t.jsxs(mt,{windowSize:p,wrapperWidth:Le.width,isQuickViewMode:b,className:"item-value-container",children:[!b&&t.jsx(ao,{isCOTEnabled:I,recommendations:De,type:"vendor",isFirstColumn:!0,isEnabled:!!He?.isPreFilled,isMisCategorized:nn,onRecommendationClick:ne,selectedValue:se,selectedValueLabel:Y,isReviewTab:bt,isAccountOptionDisabled:et,existingOption:{label:m!=null&&ln(m)===!0?m?.vendor?.name:void 0,value:m!=null&&ln(m)===!0?m?.vendor?.id:void 0},cotTracking:k,lineId:a.lineId,transactionId:h.transactionId,openTooltipId:j,setOpenTooltipId:A}),t.jsx(ho,{children:de===!0?t.jsx(co,{isHovered:x,isQuickViewMode:b,children:t.jsxs(lo,{onClick:Ve=>{Ve.stopPropagation(),!b&&(q?.(),$e(!1),_e(!0))},"data-testid":M("add-vendor-button",S),style:{display:"inline-flex",alignItems:"center",color:he.brandColorGoldDark,cursor:"pointer",height:n.sp6},children:[t.jsx(bi,{}),St.addPayee]})}):fe===!0?t.jsx($t,{onClickAway:en,children:t.jsx(tx,{"data-testid":M("vendor-selection-dropdown-container",Ut(S,jt,c.toString())),children:t.jsx(qc,{name:ee,placeholder:St.addPayee,valueToInfo:Me,defaultValue:{selectedOption:bn.selectedOption,defaultOptions:bn.defaultOptions},type:"vendor",autoFocus:!de,style:{width:"100%"},pageSource:"list_page",transactionStatus:bt?"pending_review":"auto_categorized",isOptionRemovable:!1,customStyleConfig:d,menuIsOpen:fe,onMenuClose:en,registerOptions:{required:!1},loadOptions:Bi,showCOT:I,onCOTView:ge,menuPlacement:w})})}):t.jsx(ix,{children:t.jsxs(uo,{isHovered:x,isQuickViewMode:b,showOutline:!b&&nn&&He?.isPreFilled!==!0&&!y&&bt,children:[Ae(),t.jsx(ex,{onClick:oi,"data-testid":M("vendor-name-text",S),children:He!=null&&He.name?t.jsx(qe,{text:He.name,itemTextStyle:{color:x?H.colors.primary:H.colors.hero}}):t.jsx(nx,{children:Ht})})]})})})]},xt);case"category":{const Ve=m?.lines!=null?m?.lines[c]:void 0;return t.jsxs(mt,{windowSize:p,wrapperWidth:Le.width,className:"item-value-container",children:[t.jsx(ao,{isCOTEnabled:I,recommendations:De,type:"category",isFirstColumn:!1,isReviewTab:bt,isEnabled:!!a[Pe]?.isPreFilled,isAccountOptionDisabled:et,isMisCategorized:zn,onRecommendationClick:ne,selectedValue:N,selectedValueLabel:ri,existingOption:{label:Ve?.account?.accountName,value:Ve?.account?.qboId??Ve?.account?.accountId},cotTracking:k,lineId:a.lineId,transactionId:h.transactionId,openTooltipId:j,setOpenTooltipId:A}),t.jsx(ho,{children:Te===!0?t.jsx(co,{isHovered:x,children:t.jsxs(lo,{onClick:ct=>{ct.stopPropagation(),!b&&(q?.(),E(!1),Mn(!0))},"data-testid":M("category-selection-field",W),style:{display:"inline-flex",alignItems:"center",color:he.brandColorGoldDark,cursor:"pointer",height:n.sp6},children:[t.jsx(bi,{}),St.addCategory]})}):ii===!0?t.jsx($t,{onClickAway:tn,children:t.jsx(fa,{isHovered:x,"data-testid":M("category-selection-dropdown-container",W),children:t.jsx(Ss,{name:W,placeholder:St.addCategory,valueToId:ct=>Xe(ct),type:"category",pageSource:"list_page",transactionStatus:bt?"pending_review":"auto_categorized",showCOT:I,defaultValue:{selectedOption:N,allOptions:Fe},style:{display:"flex",flexGrow:1,width:"100%",cursor:"inherit"},registerOptions:{required:!1},menuIsOpen:ii,autoFocus:!Te&&(!N||a[Pe]?.qboId!=null&&[g.expense?.qboId,g.income?.qboId].includes(a[Pe].qboId)),onMenuClose:tn,customStyleConfig:u,disableCurrentOption:et,menuPlacement:w,onCOTView:ge})})}):t.jsx(uo,{isHovered:x,showOutline:zn&&a[Pe]?.isPreFilled!==!0&&!y&&bt,children:t.jsx(ya,{onClick:Ni,"data-testid":M("category-label-text",W),children:t.jsx(qe,{text:ri??"",itemTextStyle:{color:x?H.colors.primary:H.colors.hero}})})})})]},xt)}case"class":{const Ve=m?.lines!=null?m?.lines[c]:void 0;return t.jsxs(mt,{windowSize:p,wrapperWidth:Le.width,className:"item-value-container",children:[t.jsx(ao,{isCOTEnabled:I,recommendations:De,type:"class",isFirstColumn:!1,isReviewTab:bt,isEnabled:!!a[ut]?.isPreFilled,isAccountOptionDisabled:et,isMisCategorized:li,onRecommendationClick:ne,selectedValue:K,selectedValueLabel:At,existingOption:{label:Ve?.class?.className,value:Ve?.class?.classId},cotTracking:k,lineId:a.lineId,transactionId:h.transactionId,openTooltipId:j,setOpenTooltipId:A}),t.jsx(ho,{children:G===!0?t.jsx(co,{isHovered:x,children:t.jsxs(lo,{onClick:ct=>{ct.stopPropagation(),!b&&(q?.(),je(!1),tt(!0))},"data-testid":M("class-selection-field",B),style:{display:"inline-flex",alignItems:"center",color:he.brandColorGoldDark,cursor:"pointer",height:n.sp6},children:[t.jsx(bi,{}),St.addClass]})}):Vt===!0?t.jsx($t,{onClickAway:On,children:t.jsx(fa,{isHovered:x,"data-testid":M("class-selection-dropdown-container",B),children:t.jsx(Ss,{name:B,placeholder:St.addClass,valueToId:ct=>ht(ct),type:"class",showCOT:I,defaultValue:{selectedOption:K,allOptions:ve},pageSource:"list_page",transactionStatus:bt?"pending_review":"auto_categorized",menuIsOpen:Vt,registerOptions:{required:!1},style:{width:"100%"},autoFocus:!G&&!K,customStyleConfig:u,onMenuClose:On,menuPlacement:w,onCOTView:ge})})}):t.jsx(uo,{isHovered:x,showOutline:li&&a[ut]?.isPreFilled!==!0&&!y&&bt,children:t.jsx(ya,{"data-testid":M("class-selection-field",B),onClick:Vi,children:t.jsx(qe,{text:At??"",itemTextStyle:{color:x?H.colors.primary:H.colors.hero}})})})})]},xt)}case"date":return t.jsx(mt,{windowSize:p,wrapperWidth:Le.width,children:t.jsx(hn,{windowSize:p,isLastItem:vt===Se.length-1,children:t.jsx(Fo,{"data-testid":M("date-field",Ut(S,ut,c.toString())),children:t.jsx(ro,{style:{color:x?H.colors.primary:H.colors.hero},children:_!=null?_.format(Rg.visual.MMMDCommaYYYYformat):null})})})},xt);case"transaction_type":return t.jsx(mt,{windowSize:p,wrapperWidth:Le.width,children:t.jsx(hn,{windowSize:p,"data-testid":M("transaction-type-field",Ut(S,ut,c.toString())),isLastItem:vt===Se.length-1,children:U!=null?t.jsx(Hc,{textColor:x?new qo(H.colors.primary):Wc(void 0,H),text:U??L}):null})},xt);case"amount":{const Ve=nt("0,0.[00]",a.amount,!0);return t.jsx(mt,{windowSize:p,style:{marginRight:ie&&!b?f[0]:f[4]},wrapperWidth:Le.width,isQuickViewMode:b,children:t.jsx(hn,{windowSize:p,isLastItem:vt===Se.length-1,style:{justifyContent:"flex-end"},children:t.jsx(Fo,{"data-testid":M("transaction-amount-field",Ut(S,ut,c.toString())),style:{color:x?H.colors.primary:H.colors.hero},children:Ve})})},xt)}case"payment_account":{if(!(L==="expense"||L==="check"||L==="bill_payment"||L==="vendor_credit"||L==="credit_card_credit"||L==="deposit"||L==="sales_receipt"||L==="refund"||L==="payment"))return t.jsx(mt,{windowSize:p,wrapperWidth:Le.width,children:t.jsx(hn,{windowSize:p,isLastItem:vt===Se.length-1,children:t.jsx(ro,{style:{textAlign:"center",width:"100%"},children:Ht})})},xt);const Ve=m?.account?.accountName,ct=m?.paymentType,Fn=m?.paymentTypeName,ci=ct==="credit_card"?Vg:ct==="cash"?Ng:ct==="check"?Hg:ct==="ach"?cx:Ug,ft={title:qt,items:[{text:St.paymentAccountTooltip.accountLabel+pa,amount:Ve??Ht},...Fn!=null?[{text:St.paymentAccountTooltip.methodLabel+pa,amount:Fn}]:[]]};return t.jsx(mt,{windowSize:p,wrapperWidth:Le.width,children:t.jsx(hn,{windowSize:p,isLastItem:vt===Se.length-1,children:t.jsx(xe,{display:"flex",placement:"bottom",variant:"list-description",data:ft,title:Ve??Ht,enterDelay:600,style:{overflow:"hidden",minWidth:0},children:t.jsxs(Bg,{"data-testid":M("payment-account",S),style:{color:x?H.colors.primary:H.colors.hero},children:[ci!=null&&t.jsx(ci,{style:{color:x?H.colors.primary:H.colors.hero}}),t.jsx(ro,{style:{color:"inherit",whiteSpace:"pre-wrap"},children:Ve??Ht})]})})})},xt)}case"memo_and_receipt":{const Ve=m?.attachments??[],ct=O?.fetchState==="In-Progress",Fn=ft=>{if(ft.stopPropagation(),Ve.length===0||m==null)return;if(Xt==null){console.warn("webV2MicroServiceEndpoint is not available, cannot fetch attachments.");return}Qe(Ve[0]),Ie(0),Lt(!0);const _n=Ve.map(on=>on.id),di=`${Xt}/transaction_attachments`;vr(di,D,{transaction_key:{transaction_id:m.id,transaction_type:m.type},attachment_ids:_n}).then(on=>{wt(on),on.length>0&&ye(on[0])})},ci=ft=>{ft.stopPropagation(),wn.current?.click()};return t.jsx(mt,{windowSize:p,wrapperWidth:Le.width,"data-testid":M("memo-field",Ut(S,ut,c.toString())),children:t.jsxs(ax,{onClick:ft=>ft.stopPropagation(),children:[J!=null?t.jsx(xe,{display:"flex",placement:"bottom",data:J,variant:"multi-information-points",style:{maxHeight:"min(60vh, 360px)",overflowY:"auto",overflowX:"hidden"},children:t.jsx(qg,{"data-testid":M("memo-icon",S),style:{color:x?H.colors.primary:H.colors.hero}})}):t.jsx(Wg,{style:{margin:0},children:Ht}),ct?t.jsx(Kn,{size:"Small",style:{display:"flex"},start:!0}):Ve.length===0?t.jsx(xe,{display:"flex",placement:"bottom",title:Tg,enterDelay:600,children:t.jsx(bi,{"data-testid":M("upload-receipt-icon",S),style:{margin:0},onClick:ft=>{ft.stopPropagation(),ci(ft)}})}):Ve.length===1?t.jsx(xe,{display:"flex",placement:"bottom",title:Lg,enterDelay:600,children:t.jsx(rx,{"data-testid":M("view-receipt-icon",S),style:{color:x?H.colors.primary:H.colors.hero},onClick:Fn})}):t.jsx(xe,{display:"flex",placement:"bottom",title:Ag,enterDelay:600,children:t.jsx(lx,{"data-testid":M("view-receipts-icon",S),style:{color:x?H.colors.primary:H.colors.hero},onClick:Fn})}),t.jsx(Uo,{name:`transaction-receipt-${h.transactionId}`,fileRef:wn,sizeLimit:Ii,multiple:!0,acceptableTypes:[...Rr],onFileChange:ft=>{const _n=ft.target.files;if(_n!=null&&_n.length>0){const di=Array.from(_n);ae(T,h.transactionId,L??qt,di,di.map(on=>on.name))}},onFileSizeError:()=>{}})]})},xt)}}})},lt=m?.attachments??[],Pn=yn??lt[0];return t.jsxs(t.Fragment,{children:[Ui(F),pt&&lt.length>0&&Pn!=null?Mi.createPortal(t.jsx(gr,{allFiles:Be,fileSource:Ke,file:Pn,title:Pn.fileName,attachments:lt,showNavigation:!1,setFileSource:ye,setShowFullScreenView:Lt,onCrossClick:()=>{Lt(!1),ye(null),wt([]),Qe(void 0),Ie(0)},onNextClick:()=>{const ie=(Ee+1)%lt.length;Ie(ie),Qe(lt[ie]),Be[ie]!=null&&ye(Be[ie])},onPreviousClick:()=>{const ie=(Ee-1+lt.length)%lt.length;Ie(ie),Qe(lt[ie]),Be[ie]!=null&&ye(Be[ie])},setSelectedFileAttachment:ie=>{Qe(typeof ie=="function"?Se=>ie(Se??lt[0]):ie)},handleTouchStart:ie=>Ct(ie.targetTouches[0].clientX),handleTouchMove:ie=>Zt(ie.targetTouches[0].clientX),handleTouchEnd:()=>{if(Cn-Yt>50&&Yt!==0&&Ee<lt.length-1){const ie=Ee+1;Ie(ie),Qe(lt[ie]),Be[ie]!=null&&ye(Be[ie]),Ct(0),Zt(0)}else if(Cn-Yt<-50&&Yt!==0&&Ee>0){const ie=Ee-1;Ie(ie),Qe(lt[ie]),Be[ie]!=null&&ye(Be[ie]),Ct(0),Zt(0)}}}),document.body):null]})},ma=({isEnabled:e,isReviewTab:i,isMisCategorized:l,hasRecommendations:r,isTooltipVisible:u=!1,type:d})=>e?i?u?t.jsx(Qg,{"data-testid":M("recommendation-icon",d)}):t.jsx(Kg,{"data-testid":M("recommendation-icon",d)}):u?t.jsx(Jg,{"data-testid":M("recommendation-icon",d)}):t.jsx(Gg,{className:"ai-icon-selected-plain","data-testid":M("recommendation-icon",d)}):!e&&l||r?u?t.jsx(Zg,{"data-testid":M("recommendation-icon",d)}):t.jsx(Yg,{"data-testid":M("recommendation-icon",d)}):null,ga=({isFirstColumn:e,children:i})=>t.jsx(xl,{isFirstColumn:e,children:i}),ao=({recommendations:e,isCOTEnabled:i,type:l,isReviewTab:r,selectedValueLabel:u,isFirstColumn:d,isEnabled:a=!1,isMisCategorized:c=!1,selectedValue:h,existingOption:m,cotTracking:p,lineId:g,openTooltipId:x,transactionId:y,isAccountOptionDisabled:b,onRecommendationClick:S,setOpenTooltipId:$})=>{const v=s.useMemo(()=>`${y}:${g}:${l}`,[y,g,l]),T=x===v,I=Xc().analytics,{createAlternateRecommendationCallback:w}=ed(),k=s.useCallback(V=>{const q=e[1],D=e[0];w(l,{currentValue:u??qt,transactionCurrentStatus:r?"pending_review":"auto_categorized",transactionPage:"list_page",cotTracking:p?{transactionId:y,lineId:g,onCOTView:(O,ae,_,L)=>{p.onCOTView?.(O,ae,_,L)}}:void 0},q,D)(V)},[w,e,u,r,l,p,g,y]),j=td(e,l,i,m,"list_page",r?"pending_review":"auto_categorized",S,k,h,b),C=nd(e,l),P=s.useCallback(()=>{$(v);const V=j?.recommendations[0]?.cot??[],q=j?.recommendations[1]?.cot??[],D=q.length>0;if(I.trackTransactionCotView({recommendationFor:l,currentValue:u??qt,recommendation:j?.recommendations[0]?.name??qt,recommendationCot:V,isRecommendationCotAvailable:V.length>0,recommendationReason:j?.recommendations[0]?.reason??qt,recommendationConfidencePercentage:j?.recommendations[0]?.confidencePercentage??null,recommendationConfidenceLevel:fs(ys(j?.recommendations[0]?.confidencePercentage).toLocaleLowerCase()),alternativeRecommendation:j?.recommendations[1]?.name??qt,alternativeRecommendationCot:q,isAlternativeRecommendationCotAvailable:D,alternativeRecommendationReason:j?.recommendations[1]?.reason??qt,alternativeRecommendationConfidencePercentage:j?.recommendations[1]?.confidencePercentage??null,alternativeRecommendationConfidenceLevel:D?fs(ys(j?.recommendations[1]?.confidencePercentage).toLocaleLowerCase()):null,transactionCurrentStatus:r?"pending_review":"auto_categorized",transactionPage:"list_page"}),p?.onCOTView!=null){const O=id(j);O!=null&&p.onCOTView(g,y,l,O)}},[I,j,r,u,l,g,y,v,$]),A=s.useCallback(()=>{x===v&&$(void 0)},[x,v,$]),R=s.useMemo(()=>!h||!C?!1:e.some(V=>l==="vendor"&&V.vendor!=null?V.vendor.id===h||V.vendor.qboId===h:l==="category"&&V.account!=null?V.account.qboId===h||V.account.accountId===h:l==="class"&&V.class!=null?V.class.classId===h:!1),[h,C,e,l]);if(!C)return t.jsx(xl,{isFirstColumn:d});const F=a||R;return j?t.jsx(ga,{isFirstColumn:d,children:t.jsx(xe,{variant:"chain-of-thought",data:j,placement:"bottom-start",disableIntersectionObserver:!0,position:"static",display:"block",open:T,style:{width:"auto",height:"auto"},leaveDelay:200,onOpen:P,onClose:A,children:t.jsx(Xg,{"data-testid":M("recommendation-icon",l),children:t.jsx(ma,{isEnabled:F,isReviewTab:r,isMisCategorized:c,hasRecommendations:C,isTooltipVisible:T})})})}):t.jsx(ga,{isFirstColumn:d,children:t.jsx(ma,{isEnabled:F,isReviewTab:r,isMisCategorized:c,hasRecommendations:C,isTooltipVisible:T,type:l})})},ml=({isTransactionActivityEnabled:e})=>{const i=be(),l=Ze(),r=l?rs:as(e);return t.jsx(Og,{windowSize:i,isQuickViewMode:l,isTransactionActivityEnabled:e,children:r.map((u,d)=>{const a=`${d}${Ig}${u.key}`;switch(u.key){case"activity":return t.jsx(gl,{},a);case"vendor":return t.jsx(mt,{windowSize:i,wrapperWidth:u.width,isQuickViewMode:l,style:l?{paddingLeft:n.sp0}:{paddingLeft:n.sp3},children:t.jsx(hn,{windowSize:i,isLastItem:d===r.length-1,children:t.jsxs(Fo,{children:[t.jsx(ei,{width:f[4],height:f[4]}),t.jsx(it,{width:"100%",height:f[4],style:{display:"flex",alignItems:"center"}})]})})},a);default:{const c=d===r.length-1;return t.jsx(mt,{windowSize:i,wrapperWidth:u.width,isQuickViewMode:l,style:{marginRight:c&&l?f[4]:void 0},children:t.jsx(hn,{windowSize:i,isLastItem:c,children:t.jsx(it,{width:"100%",height:f[4],style:{display:"flex",alignItems:"center"}})})},a)}}})})},gl=o.div`
+  width: ${n.sp0};
+  height: ${n.sp0};
+`,Mg=o.div`
+  display: flex;
+  height: 100%;
+  flex: 1;
+  align-items: center;
+
+  &:hover .activity-log-icon {
+    visibility: visible;
+  }
+`,Og=o.div`
+  display: flex;
+  flex-direction: row;
+  flex-wrap: nowrap;
+  background-color: ${e=>e.theme.colors.grey5};
+  padding-right: ${e=>e.isTransactionActivityEnabled?n.sp0:_t.containerPaddingLeftRight.valuePx(e.windowSize)};
+  padding-top: ${e=>_t.containerPaddingTopBottomEmpty.valuePx(e.windowSize)};
+  padding-bottom: ${e=>_t.containerPaddingTopBottomEmpty.valuePx(e.windowSize)};
+  border: ${e=>`1px solid ${e.theme.colors.grey3}`};
+  box-shadow: ${e=>`${n.sp0} 2px ${n.sp1} ${e.theme.colors.dropShadowNormal}`};
+  border-radius: ${n.sp2};
+  color: ${e=>e.theme.colors.hero};
+  cursor: pointer;
+  &:hover {
+    border-color: ${e=>e.theme.colors.primary};
+  }
+
+  box-sizing: border-box;
+  align-items: center;
+  ${e=>e.isQuickViewMode?le`
+          flex: 1;
+          justify-content: space-between;
+          padding-left: ${_t.containerPaddingLeftRight.valuePx(e.windowSize)};
+        `:le`
+          column-gap: ${n.sp4};
+          min-width: min-content;
+        `}
+`,zg=o.div`
+  display: flex;
+  height: 100%;
+  background-color: ${e=>e.theme.colors.grey5};
+  border: ${e=>`1px solid ${e.theme.colors.grey3}`};
+  box-shadow: ${e=>`${n.sp0} 2px ${n.sp1} ${e.theme.colors.dropShadowNormal}`};
+  border-radius: ${n.sp2};
+  color: ${e=>e.theme.colors.hero};
+  border-color: ${e=>e.isSelected?e.theme.colors.primary:"none"};
+  cursor: pointer;
+  ${e=>e.isQuickViewMode?le`
+          flex: 1;
+          padding-left: ${_t.containerPaddingLeftRight.valuePx(e.windowSize)};
+        `:le`
+          min-width: min-content;
+        `}
+  &:hover {
+    border-color: ${e=>e.theme.colors.primary};
+  }
+
+  box-sizing: border-box;
+  align-items: center;
+  justify-content: space-between;
+
+  .ai-icon-selected-plain {
+    color: ${e=>e.theme.colors.hero};
+  }
+
+  ${({isHovered:e,theme:i})=>e?le`
+          .ai-icon-selected-plain {
+            color: ${i.colors.primary};
+          }
+        `:null};
+`,Pg=o.div`
+  display: flex;
+  flex: 1;
+  flex-direction: column;
+  min-width: min-content;
+  box-sizing: border-box;
+  align-items: stretch;
+`,Fg=o.div`
+  display: flex;
+  flex: 1;
+  flex-direction: row;
+  flex-wrap: nowrap;
+  align-items: center;
+  height: ${n.sp8};
+  padding-top: ${e=>_t.containerPaddingTopBottom.valuePx(e.windowSize)};
+  padding-bottom: ${e=>_t.containerPaddingTopBottom.valuePx(e.windowSize)};
+  ${e=>e.isQuickViewMode===!0?le`
+          width: 100%;
+          justify-content: space-between;
+        `:le`
+          min-width: min-content;
+          column-gap: ${n.sp4};
+        `}
+`,mt=o.div`
+  display: flex;
+  align-items: center;
+  flex-direction: row;
+  position: relative;
+  :last-of-type {
+    padding-right: ${n.sp0};
+  }
+  ${e=>e.isQuickViewMode===!0?le`
+          width: calc(
+            ${e.wrapperWidth.valuePercentage(e.windowSize)} -
+              ${n.sp4}
+          );
+          min-width: calc(
+            ${e.wrapperWidth.valuePercentage(e.windowSize)} -
+              ${n.sp4}
+          );
+        `:le`
+          box-sizing: border-box;
+          width: ${e.wrapperWidth.valuePx(e.windowSize)};
+          min-width: ${e.wrapperWidth.valuePx(e.windowSize)};
+          max-width: ${e.wrapperWidth.valuePx(e.windowSize)};
+        `}
+`,_g=le`
+  word-break: break-word;
+  white-space: nowrap;
+  -webkit-line-clamp: 1;
+  -webkit-box-orient: vertical;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  display: -webkit-box;
+`,hn=o(Re)`
+  overflow: hidden;
+  justify-content: ${e=>e.isLastItem?"flex-end":"flex-start"};
+  display: flex;
+  width: 100%;
+  align-items: center;
+`,Fo=o.div`
+  display: flex;
+  flex-direction: row;
+  column-gap: ${n.sp2};
+  align-items: center;
+`,ro=o(Re)`
+  ${_g};
+  min-width: 0;
+  color: ${e=>e.theme.colors.hero};
+`,lo=o(Re)`
+  color: ${e=>e.theme.colors.hero};
+`,Bg=o.div`
+  display: flex;
+  align-items: center;
+  gap: ${n.sp2};
+  cursor: default;
+  overflow: hidden;
+  min-width: 0;
+`,Vg=o(Qc)`
+  width: ${n.sp3};
+  height: ${n.sp3};
+  flex-shrink: 0;
+`,Ng=o(Gc)`
+  width: ${n.sp3};
+  height: ${n.sp3};
+  flex-shrink: 0;
+`,Ug=o(Zc)`
+  width: ${n.sp3};
+  height: ${n.sp3};
+  flex-shrink: 0;
+`,Hg=o(kg)`
+  width: ${n.sp3};
+  height: ${n.sp3};
+  flex-shrink: 0;
+`,bi=o(Fi)`
+  width: ${n.sp3};
+  height: ${n.sp3};
+  margin: ${n.sp1};
+  cursor: pointer;
+  color: ${e=>e.theme.colors.brandColorGoldDark};
+  &:hover {
+    color: ${e=>e.theme.colors.primary};
+  }
+`,Wg=o.div`
+  margin: ${n.sp3};
+`,qg=o(jg)`
+  width: ${n.sp3};
+  height: ${n.sp3};
+`,Kg=o(rd)`
+  width: ${n.sp5};
+  height: ${n.sp5};
+`,Jg=o(Sd)`
+  width: ${n.sp5};
+  height: ${n.sp5};
+`,Qg=o(ad)`
+  width: ${n.sp5};
+  height: ${n.sp5};
+`,Gg=o(kd)`
+  width: ${n.sp5};
+  height: ${n.sp5};
+`,Yg=o(Qt)`
+  width: ${n.sp3};
+  height: ${n.sp3};
+  path {
+    stroke-width: 2;
+  }
+`,Zg=o(ld)`
+  width: ${n.sp3};
+  height: ${n.sp3};
+`,xl=o.div`
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: ${n.sp5};
+  margin-left: ${e=>e.isFirstColumn?n.sp2:n.sp0};
+  height: 100%;
+`,Xg=o.div`
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: auto;
+  cursor: pointer;
+`,ex=o(Re)`
+  display: flex;
+  max-width: calc(100% - ${n.sp6});
+  flex: 1 1 auto;
+  color: ${e=>e.theme.colors.primary};
+  text-align: center;
+  align-items: center;
+  overflow: hidden;
+  display: flex;
+`,xa=o.div`
+  display: flex;
+`,tx=o.div`
+  width: 100%;
+  padding-left: 10px;
+  margin-left: ${n.sp0};
+  border-radius: ${n.sp1};
+  background-color: ${e=>e.theme.colors.background};
+  display: flex;
+  align-items: center;
+  flex-direction: row;
+`,co=o.div`
+  padding: ${n.sp0} ${n.sp2};
+  border-radius: ${n.sp1};
+  margin-left: ${n.sp0};
+  width: 100%;
+  background-color: ${e=>e.isQuickViewMode===!0?"transparent":e.isHovered?e.theme.colors.background:e.theme.colors.grey5};
+`,fa=o.div`
+  width: 100%;
+  border-radius: ${n.sp1};
+  padding-left: 2px;
+  background-color: ${e=>e.theme.colors.background};
+  background-color: ${e=>e.isHovered?e.theme.colors.background:e.theme.colors.grey5};
+  display: flex;
+  align-items: center;
+  flex-direction: row;
+`,nx=o(Re)``,ix=o.div`
+  width: 100%;
+  display: flex;
+  padding-left: ${n.sp0};
+`,uo=o.div`
+  width: 100%;
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  gap: ${n.sp2};
+  padding: ${n.sp2};
+  padding-left: ${n.sp2};
+  border-radius: ${n.sp1};
+  background-color: ${e=>e.isQuickViewMode===!0?"transparent":e.isHovered?e.theme.colors.background:e.theme.colors.grey5};
+  outline: ${e=>e.showOutline?`1px dashed ${e.theme.colors.grey1}`:"none"};
+  outline-color: ${e=>e.isHovered&&e.theme.colors.primary};
+`,ya=o.div``,ho=o.div`
+  display: flex;
+  align-items: center;
+  width: calc(100% - ${n.sp5});
+`,ox=o.div`
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  cursor: pointer;
+  visibility: hidden;
+  flex-shrink: 0;
+  margin-left: ${n.sp3};
+`,sx=o(pl)`
+  width: ${n.sp3};
+  height: ${n.sp3};
+`,ax=o.div`
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 100%;
+  gap: ${n.sp5};
+`,rx=o(br)`
+  width: ${n.sp3};
+  height: ${n.sp3};
+  cursor: pointer;
+`,lx=o($g)`
+  width: ${n.sp3};
+  height: ${n.sp3};
+  cursor: pointer;
+`,cx=o(Yc)`
+  width: ${n.sp3};
+  height: ${n.sp3};
+  cursor: pointer;
+`,dx=({sortConfig:e,fetchState:i,isDisabled:l,isTransactionActivityEnabled:r,onColumnSortConfigChanged:u})=>{const d=be();return t.jsxs(ux,{windowSize:d,children:[t.jsx(ul,{isTransactionActivityEnabled:r,sortConfig:e,isDisabled:i==="In-Progress"?"readonly":l,onColumnSortConfigChanged:u,"data-testid":M("transaction-categorization-list-empty-table-header")}),t.jsx(hx,{windowSize:d,"data-testid":M("transaction-categorization-list-empty-rows-container"),children:[...Array(3)].map((a,c)=>t.jsx(ml,{isTransactionActivityEnabled:r,"data-testid":M("transaction-categorization-list-empty-row",c.toString())},c))})]})},ux=o.div`
+  display: block;
+  min-height: 100%;
+  flex-direction: column;
+  width: 100%;
+  box-sizing: border-box;
+  overflow-x: auto;
+  padding-left: ${n.sp8};
+  padding-right: ${n.sp8};
+`,hx=o.div`
+  display: flex;
+  flex: 1;
+  min-height: 100%;
+  flex-direction: column;
+  row-gap: ${n.sp3};
+`,{common:px,transactionDetail:{notCategorizedTooltipText:mx}}=me.getLocalizedStrings(),po={rowGap:new Q(f[0],f[2],f[3])},gx=({selectedTab:e,transactionView:i,authParams:l,sectionId:r,isCOTEnabled:u,isDisabled:d,vendorSearchAutoCompleteActions:a,isTransactionActivityEnabled:c,vendorSearchAutoCompleteData:h,setCurrentTransactionInAction:m,vendorLoadOptions:p,onTransactionCategorizationRowClick:g,onUpdateTransactionCategorizationUIState:x,onUpdateScrollYOffSetTransactionCategorizationUIState:y,onFetchTransactionCategorizationList:b,containerRef:S,cotTracking:$,isUncategorizedExpenseCategoryEnabled:v,setActivityLogTransactionId:T,onUploadTransactionReceipt:I})=>{const w=be(),k=Ze(),[j,C]=s.useState(void 0),{fetchState:P,uiState:A,transactionLocalData:R,selectedCheckBoxTransactionIds:F,transactionIdsWithUnsavedData:V,transactions:q,uncategorizedAccounts:D}=i;Gn({componentName:`expense_automation.transaction_categorization.${e}`,enabled:P==="Completed"});const O=s.useRef(null),ae=s.useRef({}),{control:_}=Ko();s.useEffect(()=>{O.current?.resetAfterIndex(0,!0)},[w,O,R]),s.useEffect(()=>{O.current?.scrollTo(A.scrollPosition?.scrollTop??0)},[e]);const L=s.useCallback(z=>{if(ae.current?.[z]!=null){const G=w==="small"&&A.pageToken==null&&z===R.length-1?po.rowGap.value("medium-regular"):po.rowGap.value(w);return ae.current[z]+G}if(R[z]==null)return 0;const se=R[z].transactionReviewLocalData,Y=Object.keys(se.lineItemById).length;return Y!=null&&!isNaN(Y)&&Y>1?ua*Y+po.rowGap.value(w)*(Y-1):ua},[R,w,A.pageToken,A.sortKey,A.sortOrder]),U=s.useCallback((z,se)=>{ae.current={...ae.current,[z]:se},O.current?.resetAfterIndex(0,!0)},[w,O,R,A.sortKey,A.sortOrder]),X=s.useCallback(()=>{(A.pageToken!=null&&i.refreshStatus.fetchState!=="In-Progress"||i.refreshStatus.fetchState==="Completed")&&b(e,A.searchString,!0,A.pageToken,!0,!1)},[i.refreshStatus.fetchState,b,e,A.pageToken,A.searchString,A.sortKey,A.sortOrder]),ce=s.useCallback(()=>{A.pageToken!=null&&X()},[X,A.pageToken,A.sortKey,A.sortOrder]),ge=Lc(z=>y(e,{scrollPosition:{scrollTop:z}}),1e3,{trailing:!0}),te=z=>z<i.transactionLocalData.length,J=(z,se)=>{x(e,{sortOrder:se,sortKey:z}),b(e,A.searchString,!1,null,!1,!0)},ee=z=>{if(e==="autoCategorized")return!F.includes(z);const se=R.find(G=>G.transactionId===z)?.transactionReviewLocalData,Y=q.find(G=>G.id===z);return Y!=null&&se!=null?wd(Y,se,D,v)?v===!0&&bs(D,se.lineItemById,["expense"])?V.includes(z)===!1:!1:!0:F.length===0?!0:!F.includes(z)};let W=[],B=[];(P==="Completed"||i.transactionLocalData.length>0)&&(B=i.transactionLocalData.map((z,se)=>{const Y=ee(z.transactionId);let G=!1;v===!0&&Y===!0&&e==="review"&&bs(D,z.transactionReviewLocalData.lineItemById,["expense"])&&(G=!V.includes(z.transactionId));const je=z.transactionReviewLocalData;return{label:t.jsx(Eg,{isTransactionActivityEnabled:c,transactionView:i,sectionId:`${r}.${se}.${hl}`,transaction:z,authParams:l,onTransactionCategorizationRowClick:g,vendorLoadOptions:p,setCurrentTransactionInAction:m,vendorSearchAutoCompleteActions:a,vendorSearchAutoCompleteData:h,selectedTab:e,containerRef:S,listContainerRef:O,isCOTEnabled:u,cotTracking:$,openTooltipId:j,setOpenTooltipId:C,isUncategorizedExpenseCategoryEnabled:v,setActivityLogTransactionId:T,onUploadTransactionReceipt:I},`${z.transactionId}.${je.transactionType}`),value:z.transactionId,defaultChecked:!1,groupLabel:!1,isException:G,exceptionMode:G===!0?"checked_or_hover":void 0,isSticky:!0,isDisabled:Y===!0?"readonly":void 0,exceptionType:G===!0?"alert":void 0,exceptionInfo:G===!0?mx:void 0,exceptionTooltipStyle:{textAlign:"center",maxWidth:"250px",padding:`12px ${n.sp2}`}}}),W=B.map(z=>z.value));const ne={label:"All",value:"allTransactionOptionId",defaultChecked:!1,groupLabel:!1},{title:H,subTitle:Z}=We("transaction_categorization").allDoneText,oe=R.map(z=>z.transactionId),K=s.useMemo(()=>i.totalCountByTab[e],[e,i.totalCountByTab]),N=s.useMemo(()=>R.reduce((z,se)=>{const Y=Object.keys(se.transactionReviewLocalData.lineItemById).length;return z+(Y>0?Y:1)},0)<i.totalCountByTab[e]?R.length+1:R.length,[R,i.totalCountByTab,e]);return t.jsx(Cx,{windowSize:w,"data-testid":M("transaction-categorization-list-wrapper"),children:t.jsx(bx,{windowSize:w,"data-testid":M("transaction-categorization-list-container"),children:P==="Error"?t.jsxs(Sx,{windowSize:w,"data-testid":M("transaction-categorization-reload-page"),children:[t.jsx(kx,{onClick:()=>b(e,void 0,!0,null,!1,!0),"data-testid":M("transaction-categorization-reload-icon"),children:t.jsx(No,{})}),t.jsx(jx,{"data-testid":M("transaction-categorization-reload-label"),children:px.reloadPage.label})]}):P==="Completed"&&R.length===0?t.jsx(It,{tab:"transaction_categorization",title:H,subTitle:Z,"data-testid":M("transaction-categorization-empty-table-section")}):P==="Not-Started"||P==="In-Progress"&&R.length===0?t.jsx(dx,{sortConfig:{sortKey:A.sortKey,sortOrder:A.sortOrder},fetchState:P,onColumnSortConfigChanged:J,"data-testid":M("transaction-categorization-list-empty-table"),isTransactionActivityEnabled:c}):t.jsx(vx,{windowSize:w,"data-testid":M("transaction-categorization-list-view"),children:t.jsx(wr,{control:_,name:"selectedTransactionIds",defaultValue:[],render:({field:{value:z,ref:se,onChange:Y}})=>t.jsx(fl.Provider,{value:{value:z,mode:"off",allCheckBoxValues:W,index:0,isQuickViewMode:k,sortKey:A.sortKey,sortOrder:A.sortOrder,fetchState:P,isDisabled:d,groupLabelCheckBox:ne,isTransactionActivityEnabled:c,onColumnSortConfigChanged:J,ref:se,onChange:Y,selectedTab:e},children:t.jsx(Jn,{children:({height:G,width:je})=>t.jsx(ir,{isItemLoaded:te,itemCount:K,loadMoreItems:ce,children:({onItemsRendered:Te,ref:E})=>t.jsx(Pi,{ref:de=>{E(de),O.current=de},height:G,itemCount:N,itemKey:de=>`${R[de]?.transactionId??""}-row-${de}`,innerElementType:xx,onItemsRendered:Te,width:je,style:{willChange:"auto"},overscanCount:H1,itemSize:L,itemData:{checkboxes:B,value:z,allCheckBoxValues:W,groupLabelCheckBox:ne,categorizationGroupValue:oe,transactionLocalData:R,isQuickViewMode:k,mode:"always_on",setRowHeight:U,isItemLoaded:te,ref:E,onChange:Y,selectedCheckBoxTransactionIds:F,isTransactionActivityEnabled:c},initialScrollOffset:i.uiState.scrollPosition?.scrollTop,onScroll:({scrollOffset:de})=>{ge(de)},children:yx})})})})})})})})},xx=e=>{const{isQuickViewMode:i,value:l,allCheckBoxValues:r,groupLabelCheckBox:u,index:d,isDisabled:a,fetchState:c,sortKey:h,sortOrder:m,mode:p,isTransactionActivityEnabled:g,ref:x,onChange:y,onColumnSortConfigChanged:b}=fx(),S=Tt(),{children:$,style:v,...T}=e;return c==="Completed"?t.jsxs($x,{ref:x,style:{...v,width:"auto",maxWidth:"var(--side-panel-list-width, 100%)"},...T,children:[t.jsx(Ix,{children:t.jsx(Eo,{selectionLimit:qn,value:l,checkBoxContainerStyle:{width:"auto",backgroundColor:S.colors.grey4},checkBox:{label:t.jsx(wx,{isQuickViewMode:i,children:t.jsx(ul,{isTransactionActivityEnabled:g,sortConfig:{sortKey:h,sortOrder:m},isDisabled:a,onColumnSortConfigChanged:b})}),value:"allTransactionOptionId",defaultChecked:!1,groupLabel:!1},isDisabled:"disabled",groupLabelCheckBox:u,allCheckBoxValues:r,mode:i?"off":p,draggable:!1,checkBoxStyle:i?{display:"none"}:{padding:20},labelCheckBoxStyle:{padding:n.sp3},name:"transactionCategorizationHeader",index:d,onChangeHandler:I=>Ir({event:I,value:l,allCheckBoxValues:r,groupLabelCheckBox:u,onChange:y}),ref:x})}),t.jsx(Tx,{children:$})]},`${r[d]}-${d}`):null},fl=s.createContext(void 0),fx=()=>{const e=s.useContext(fl);if(!e)throw new Error("useStickyContext must be used within a StickyProvider");return e},yx=({index:e,style:i,data:l})=>{const{selectedTransactionId:r}=zi(),{checkboxes:u,value:d,groupLabelCheckBox:a,categorizationGroupValue:c,allCheckBoxValues:h,transactionLocalData:m,isQuickViewMode:p,isItemLoaded:g,setRowHeight:x,ref:y,onChange:b,selectedCheckBoxTransactionIds:S,isTransactionActivityEnabled:$}=l,v=s.useRef(null),T=be();if(s.useEffect(()=>{v.current?.firstElementChild!=null&&x(e,v.current.firstElementChild.clientHeight)},[e,v,T,m[e]?.transactionReviewLocalData]),g(e)===!0){const I=u[e],w=r!=null&&r===c[e];return t.jsx(wa,{isPanelSelected:w,isQuickViewMode:p,style:{...i,paddingBottom:n.sp0,width:"100%",flex:"1"},ref:v,children:t.jsx(Eo,{selectionLimit:qn,checkBox:p===!0?{...I,isException:!1}:I,value:d,groupLabelCheckBox:a,allCheckBoxValues:h,mode:p===!0||I.isDisabled==="readonly"||S.includes(I.value)===!1&&S.length>=qn?"off":"always_on",draggable:!1,isDisabled:I.isDisabled,checkBoxStyle:p===!0?{display:"none"}:{padding:20},labelCheckBoxStyle:{padding:n.sp3},infoIconContainerStyle:p===!0?{display:"none"}:{padding:20},name:`${mn}.${d}`,ref:y,index:e,onChangeHandler:k=>Ir({event:k,value:d,allCheckBoxValues:h,groupLabelCheckBox:a,onChange:b})})},c[e])}else return t.jsx(wa,{isQuickViewMode:p,style:{...i,paddingBottom:n.sp0,width:"100%",flex:"1"},ref:v,children:t.jsx(Eo,{checkBox:{label:t.jsx(ml,{isTransactionActivityEnabled:$}),value:"loading",defaultChecked:!1,groupLabel:!1},value:d,groupLabelCheckBox:a,allCheckBoxValues:h,mode:"off",draggable:!1,checkBoxStyle:p===!0?{display:"none"}:{padding:20},labelCheckBoxStyle:{padding:n.sp3},infoIconContainerStyle:p===!0?{display:"none"}:{padding:20},name:"loading-placeholder",index:e,onChangeHandler:()=>{}})},ur())},wx=o.div`
+  flex: 1;
+  width: auto;
+  padding-left: ${({isQuickViewMode:e})=>e===!0?n.sp8:n.sp0};
+  padding-right: ${({isQuickViewMode:e})=>e===!0?n.sp0:n.sp8};
+`,Cx=o.div`
+  width: 100%;
+  height: 100%;
+  background-color: ${e=>e.theme.colors.grey4};
+`,bx=o.div`
+  height: 100%;
+`,vx=o.div`
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+  max-width: 99.9%;
+`,Sx=o.div`
+  display: flex;
+  width: 100%;
+  height: ${e=>`calc(100% - ${yr.valuePx(e.windowSize)})`};
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+`,kx=o.div`
+  height: 96px;
+  width: 96px;
+  background: ${e=>e.theme.colors.background};
+  border-radius: 50%;
+  cursor: pointer;
+  & svg {
+    margin: ${n.sp5};
+    color: ${e=>e.theme.colors.grey1};
+  }
+  &:hover {
+    & svg {
+      color: ${e=>e.theme.colors.primary};
+    }
+  }
+`,jx=o(ot)`
+  margin-top: ${n.sp3};
+  color: ${e=>e.theme.colors.hero};
+`,wa=o.div`
+  top: ${n.sp0};
+  left: ${n.sp0};
+  padding-bottom: ${n.sp3};
+  padding-left: ${({isQuickViewMode:e})=>e===!0?n.sp8:n.sp0};
+  padding-right: ${({isQuickViewMode:e})=>e===!0?n.sp0:n.sp8};
+  box-sizing: border-box;
+  ${e=>e.isPanelSelected===!0&&le`
+      .categorization-row-card {
+        ${Yo(e.theme)}
+      }
+    `}
+`,$x=o.div`
+  background-color: ${e=>e.theme.colors.grey4};
+`,Ix=o.div`
+  top: 0;
+  left: 0;
+  width: 100%;
+  min-width: 100%;
+  z-index: 11;
+  display: flex;
+  align-items: center;
+  position: sticky;
+  background-color: ${e=>e.theme.colors.grey4};
+`,Tx=o.div`
+  position: relative;
+  width: auto;
+  height: 100%;
+`,Lx=({selectedTab:e,transactionView:i,authParams:l,sectionId:r,vendorSearchAutoCompleteData:u,vendorSearchAutoCompleteActions:d,isCOTEnabled:a,isTransactionActivityEnabled:c,setCurrentFooterFormId:h,setLocalDataForCategoryAndClass:m,onTransactionCategorizationRowClick:p,onUpdateTransactionCategorizationUIState:g,onUpdateScrollYOffSetTransactionCategorizationUIState:x,onFetchTransactionCategorizationList:y,onSaveUpdateTransactionCategorization:b,onUpdateSelectedCheckboxTransactionIds:S,onFetchRecommendationsForEntityCategorization:$,onFetchRecommendationsForEntityCategorizationWithCustomer:v,setActivityLogTransactionId:T,onUploadTransactionReceipt:I})=>{const[w,k]=s.useState({transactionId:void 0,lineItemId:void 0}),j=s.useRef(),C=s.useRef({}),{useDynamicConfig:P}=pr(),{configValue:A}=P(mr.enableUncategorizedExpenseCategory),R=A?.uncategorized_expense_category_enabled===!0,F=(ee,W,B,ne)=>{const H={...C.current};H[W]==null&&(H[W]=[]);let Z=H[W].findIndex(oe=>oe.lineId===ee);if(Z===-1){const oe={lineId:ee,category:{recommendationTypesViewed:[]},class:{recommendationTypesViewed:[]},vendor:{recommendationTypesViewed:[]}};H[W].push(oe),Z=H[W].length-1}else{const oe=H[W][Z];H[W][Z]={...oe,category:{...oe.category,recommendationTypesViewed:[...oe.category.recommendationTypesViewed]},class:{...oe.class,recommendationTypesViewed:[...oe.class.recommendationTypesViewed]},vendor:{...oe.vendor,recommendationTypesViewed:[...oe.vendor.recommendationTypesViewed]}}}ne!=null&&ne!==""&&!H[W][Z][B].recommendationTypesViewed.includes(ne)&&H[W][Z][B].recommendationTypesViewed.push(ne),C.current=H},{transactions:V,transactionLocalData:q,accountsHierarchyList:D,classHierarchyList:O,accountList:ae,classList:_,selectedCheckBoxTransactionIds:L,uncategorizedAccounts:U}=i,X=xn({mode:"all",reValidateMode:"onChange",defaultValues:s.useMemo(()=>ba(L,q,D,O,u.entityAutoCompleteView),[D,O,L,q,u.entityAutoCompleteView]),values:s.useMemo(()=>ba(L,q,D,O,u.entityAutoCompleteView),[D,O,L,q,u.entityAutoCompleteView]),resetOptions:{keepDefaultValues:!0,keepDirty:!1}});s.useEffect(()=>()=>{h("expenseAutomationPage")},[]),s.useEffect(()=>{L.length>0?h(so):h("expenseAutomationPage")},[L,h]);const ce=X.handleSubmit(ee=>{const W=ee[Ri],B=C.current;b(e,W,B),W.forEach(ne=>{delete C.current[ne]})}),ge=async(ee,W)=>{if(ee!=null){if(ee===Ri){const B=X.getValues(Ri);if(B.length<L.length){S(e,B);return}if(B.length===qn){S(e,B);return}const ne=B[B.length-1],H=W[mn].findIndex(oe=>oe.transactionId===ne),Z=X.getValues(`${mn}.${H}.lineInfo`);if(Z!=null){let oe=!1;if(Z.every(K=>(oe=Nn(U,K[Pe].selectedOption,R?["income"]:void 0),!!K[Pe].selectedOption&&K[Pe].selectedOption!=null&&!oe&&!!K[ut].selectedOption&&!!K[jt].selectedOption))===!0){S(e,B);return}else{const K=B.filter(N=>N!==ne);S(e,K);return}}return}if(ee.includes(Pe)===!0||ee.includes(ut)===!0){const B=parseInt(ee.split(".")[1]),ne=parseInt(ee.split(".")[3]),H=X.getValues(`${mn}.${B}.lineInfo`),Z=H[ne];if(ee.includes(Pe)||ee.includes(ut)){const{transactionId:oe,lineId:K,recommendations:N}=Z;if(H!=null){const z=Z[Pe].selectedOption,se=Z[ut].selectedOption,Y=Z[jt].selectedOption,G=Z[jt].selectedOption,je=Z[jt].defaultOptions,Te=je?.find(fe=>fe.options?.find(_e=>_e.value===Y))?.options?.find(fe=>fe.value===Y)?.label,E=je?.find(fe=>fe.options?.find(_e=>_e.value===G))?.options?.find(fe=>fe.value===G)?.label,de=u.entityAutoCompleteView.vendor.find(fe=>fe.qboId===Y),$e=u.entityAutoCompleteView.customer.find(fe=>fe.qboId===G),Me=N.find(fe=>fe.vendor?.qboId===Y)?.vendor,De=Y||de?.qboId||Me?.qboId?{id:Y??de?.qboId??Me?.qboId??"",name:Te??de?.name??Me?.name??"",logo:de?.logo??Me?.logo}:void 0,Fe=G||$e?.qboId?{id:G??$e?.qboId??"",name:E??$e?.name??"",logo:$e?.logo}:void 0,ve=ae.find(fe=>fe.qboId===z),Xe=_.find(fe=>fe.classId===se),ht=i.transactionLocalData.find(fe=>fe.transactionId===oe)?.transactionReviewLocalData.lineItemById[K].account,et=i.transactionLocalData.find(fe=>fe.transactionId===oe)?.transactionReviewLocalData.lineItemById[K].class;m(e,oe,K,V,De?.id,Fe?.id,ee.includes(Pe)&&ve!=null?{...ve,isPreFilled:!1}:ht,ee.includes(ut)&&Xe!=null?{...Xe,isPreFilled:!1}:et,void 0,N,R)}return}}if(ee.includes(jt)){const B=parseInt(ee.split(".")[1]),ne=parseInt(ee.split(".")[3]),H=X.getValues(`${mn}.${B}.lineInfo`);if(H!=null){const Z=H[ne],{transactionId:oe,recommendations:K}=Z,N=Z[jt].selectedOption,z=Z[jt].selectedOption,se=Z[jt].defaultOptions,Y=se?.flatMap(ve=>ve.options)?.find(ve=>ve.value===N)?.label,G=se?.flatMap(ve=>ve.options)?.find(ve=>ve.value===z)?.label,je=u.entityAutoCompleteView.vendor.find(ve=>ve.qboId===N),Te=u.entityAutoCompleteView.customer.find(ve=>ve.qboId===z),E=K.find(ve=>ve.vendor?.qboId===N)?.vendor,de=N!==""&&N!=null?N:Y!==""&&Y!=null?Y:"",$e=(je?.qboId!=null&&je.qboId!==""?je.qboId:null)??(E?.qboId!=null&&E.qboId!==""?E.qboId:null)??(N!=null&&N!==""?N:null),Me={id:$e??Y??"",name:Y??je?.name??E?.name??"",logo:je?.logo??E?.logo},De=Te?.qboId!=null&&Te.qboId!==""?{id:Te.qboId??z??"",name:G??Te.name??"",logo:Te.logo}:void 0,Fe=V.find(ve=>ve.id===oe);if(Fe!=null){const ve=i.transactionLocalData.find(_e=>_e.transactionId===Fe.id)?.transactionReviewLocalData,Xe=ve?.lineItemById[Z.lineId],ht=ln(Fe)===!0?ve?.selectedEntity:Xe?.selectedEntityLine,et=De?.id!=null&&De.id!==""?{id:De.id,name:De.name,type:"customer",qboId:De.id,zeniId:De.id,logo:De.logo}:Me.id!==""&&Me.id!=null?{id:de,name:Y??de,type:"vendor",qboId:de,zeniId:de,logo:Me.logo,isPreFilled:ht?.id===$e&&ht?.isPreFilled}:void 0,fe={transactionId:{id:Fe.id,type:Fe.type},transaction:Fe,lineIds:Fe.type!=="journal_entry"?Fe.lines?.map(_e=>_e.id)??[]:[Z.lineId]};et?.type==="customer"?v(Z.amount.amount,fe,!1,e,et,De,R):$(Z.amount.amount,fe,!1,e,et,Me,R)}}d.onCancelAutoComplete?.();return}}};s.useEffect(()=>{const ee=X.watch((W,{name:B})=>{B!=null&&W!=null&&Yn(()=>ge(B,W))});return()=>{ee.unsubscribe()}}),s.useEffect(()=>{if(u.entityAutoCompleteView.fetchState==="Completed"){const ee=i.transactionLocalData.find(W=>W.transactionId===w.transactionId);if(ee){const{transactionReviewLocalData:W}=ee,{selectedEntity:B}=W,ne=w?.lineItemId??W.sortedLineItems[0],H=W.lineItemById[ne],Z=H.selectedEntityLine;j.current?.(Ho(u.entityAutoCompleteView,B??Z,H?.recommendationsWithCOT??[]))}k({transactionId:void 0,lineItemId:void 0})}},[u.entityAutoCompleteView.fetchState]);const te=(ee,W)=>{d.onAutoCompleteInputChange?.(ee),j.current=W},J=s.useRef(null);return t.jsx(Rx,{ref:J,"data-testid":M("transaction-categorization-list-page"),children:t.jsx(fn,{...X,children:t.jsx("form",{id:Ca(so),onSubmit:ce,style:{height:"100%",width:"100%"},"data-testid":M(Ca(so)),children:t.jsx(gx,{isTransactionActivityEnabled:c,selectedTab:e,sectionId:r,transactionView:i,authParams:l,setCurrentTransactionInAction:k,onUpdateTransactionCategorizationUIState:g,onUpdateScrollYOffSetTransactionCategorizationUIState:x,onFetchTransactionCategorizationList:y,onTransactionCategorizationRowClick:p,vendorLoadOptions:te,vendorSearchAutoCompleteData:u,vendorSearchAutoCompleteActions:d,containerRef:J,isCOTEnabled:a,cotTracking:{onCOTView:F},isUncategorizedExpenseCategoryEnabled:R,setActivityLogTransactionId:T,onUploadTransactionReceipt:I})})})})},Ca=e=>`${e}_form`,ba=(e,i,l,r,u)=>({[mn]:i.map(d=>Ax(d.transactionId,d.transactionReviewLocalData,l,r,u)),[Ri]:e}),Ax=(e,i,l,r,u)=>{const{lineItemById:d,sortedLineItems:a,selectedEntity:c}=i,h=Object.values(d).sort((p,g)=>a.indexOf(p.lineId)-a.indexOf(g.lineId)),m=h[0]?.lineId;return{[hl]:h.map(p=>{const g=p.account?.qboId??p.account?.accountId,x=p.class?.classId,y=p.selectedEntityLine;return{id:p.id,transactionId:p.transactionId,type:p.type,amount:p.amount,lineDetailType:p.lineDetailType,platformLineDetailType:p.platformLineDetailType,lineTransactionType:p.lineTransactionType,postingType:p.postingType,postingTypeName:p.postingTypeName,customer:p.customer,vendor:p.vendor,billable:p.billable,item:p.item,isCategoryMiscategorized:p.isCategoryMiscategorized,isClassMiscategorized:p.isClassMiscategorized,lineId:p.id,[Pe]:{selectedOption:g,allOptions:$r(l,p.recommendationsWithCOT)},[ut]:{selectedOption:x,allOptions:jr(r,p.recommendationsWithCOT)},[jt]:{selectedOption:c?.id??y?.id??c?.name??y?.name,defaultOptions:Ho(u,c??y,i.lineItemById[m]?.recommendationsWithCOT??[])},[Cg]:p.lineEntity,[bg]:p.recommendationsWithCOT??[]}}),transactionId:e,[vg]:i.vendorDetails!=null&&i.vendorDetails.id!=null?{id:i.vendorDetails.id,qboId:i.vendorDetails.qboId,name:i.vendorDetails.name}:void 0,[Sg]:i.customerDetails!=null&&i.customerDetails.id!=null?{id:i.customerDetails.id,qboId:i.customerDetails.qboId,name:i.customerDetails.name}:void 0}},Rx=o.div`
+  display: flex;
+  min-height: 100%;
+  width: 100%;
+  height: 100%;
+  flex-direction: column;
+  background-color: ${e=>e.theme.colors.grey4};
+  z-index: 2;
+`,va={subSectionContainerLeftRightPadding:new Q(f[3],f[6],f[8])},Ex=o.div`
+  width: 100%;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  flex: 1;
+  background: ${e=>e.theme.colors.grey4};
+  box-sizing: border-box;
+`,Dx=o.div`
+  display: flex;
+  flex-direction: column;
+  width: 100%;
+`,Mx=e=>{const{currentFooterFormId:i,onJeAccountSettingsChange:l,onSaveJeAccountSettingsClick:r,setResetJeAccountSettingsForm:u,expenseAutomationViewSelector:d,isTransactionActivityEnabled:a,authParams:c,receiptUploadEndpoint:h,companyId:m,vendorSearchAutoCompleteActions:p,vendorSearchAutoCompleteData:g,enableMonthEndInsightsZeniGPTFeature:x,monthEndInsightsPreviewMode:y,monthEndInsightsCustomerRequestData:b,allThreadsSectionOpen:S,loggedInUser:$,isCOTEnabled:v,setCurrentFooterFormId:T,onFetchRecommendationsForEntityCategorization:I,onFetchRecommendationsForEntityCategorizationWithCustomer:w,onTransactionCategorizationRowClick:k,onFetchMissingReceiptsList:j,onMissingReceiptsRowClick:C,onUploadReceiptAttachment:P,onUploadReceiptComplete:A,onUploadReceiptFetchStatus:R,onReconTabColumnSortConfigChanged:F,onReloadReconciliationListPage:V,onUpdateReconcileTabLocalData:q,onUpdateMissingReceiptsUIState:D,onFetchTransactionCategorizationList:O,onUpdateTransactionCategorizationUIState:ae,onUpdateScrollYOffSetTransactionCategorizationUIState:_,handleJeScheduleClick:L,ignoreRecommendedJeSchedule:U,onJESchedulesFormDataChange:X,onPostJESchedule:ce,setLocalDataForCategoryAndClass:ge,resetTransactionCategorizationLocalData:te,updateSelectedVendorForTransaction:J,onSaveUpdateTransactionCategorization:ee,onUpdateSelectedCheckboxTransactionIds:W,improveMonthEndInsightsUsingZeniGPTClick:B,onRemoveFileAttachment:ne,onUpdateFileAttachment:H,onCloseAllThreadsSection:Z,onEditMonthEndInsightsClick:oe,previewMonthEndReport:K,saveMonthEndReport:N,onOpenFileAttachmentSnackBar:z,onCloseFileAttachmentSnackBar:se,onClickCustomerRequest:Y,sendMonthEndReport:G,markAsReview:je,onReloadPage:Te,updateOperatingExpensesIdsForReview:E,onFetchReimbursementView:de,updateSectionIdsForReview:$e,onUpdateFluxAnalysisUIState:Me,fetchFluxViewOnScroll:De,onFetchFluxViewList:Fe,setIsJeAccountSettingsOpened:ve,onReviewClicked:Xe,setOpenDrawerClicked:ht,onEstablishConnectionClick:et,onFetchLinkTokenClick:fe,updateReconReviewTabLocalData:_e,onReconReviewTabColumnSortConfigChanged:Vt,onSaveReconciliation:tt,onSaveReconciliationReview:pt,onReconMatchedTransactionClick:Lt,onAddStatementClick:Ee,redirectToVendorDetailPage:Ie,setActivityLogTransactionId:Ke}=e,{currentSelectedView:ye,missingReceipts:Be,transactionView:wt,selectedPeriod:yn,monthEndInsights:Qe,selectedTransactionCategorizationTab:wn,reconciliation:Cn}=d;switch(ye){case"transaction_categorization":return wt.fetchState==="Completed"&&wt.transactionLocalData.length===0?t.jsx(It,{tab:ye,title:We(ye).allDoneText.title,subTitle:We(ye).allDoneText.subTitle}):t.jsx(Lx,{setCurrentFooterFormId:T,selectedPeriod:yn,selectedTab:wn,sectionId:mn,transactionView:wt,authParams:c,isTransactionActivityEnabled:a,onUpdateTransactionCategorizationUIState:ae,onUpdateScrollYOffSetTransactionCategorizationUIState:_,onFetchTransactionCategorizationList:O,onTransactionCategorizationRowClick:k,setLocalDataForCategoryAndClass:ge,resetTransactionCategorizationLocalData:te,updateSelectedVendorForTransaction:J,onSaveUpdateTransactionCategorization:ee,onUpdateSelectedCheckboxTransactionIds:W,vendorSearchAutoCompleteActions:p,vendorSearchAutoCompleteData:g,onFetchRecommendationsForEntityCategorization:I,onFetchRecommendationsForEntityCategorizationWithCustomer:w,isCOTEnabled:v,setActivityLogTransactionId:Ke,onUploadTransactionReceipt:e.onUploadTransactionReceipt});case"je_schedules":return t.jsx(Lm,{setIsJeAccountSettingsOpened:ve,expenseAutomationViewSelector:d,setResetJeAccountSettingsForm:u,currentFooterFormId:i,onJeAccountSettingsChange:l,onSaveJeAccountSettingsClick:r,setCurrentFooterFormId:T,handleJeScheduleClick:L,ignoreRecommendedJeSchedule:U,onJESchedulesFormDataChange:X,onPostJESchedule:ce,vendorSearchAutoCompleteActions:p,vendorSearchAutoCompleteData:g});case"missing_receipts":return Be.fetchState==="Completed"&&Be.transactions.length===0?t.jsx(It,{tab:ye,title:We(ye).allDoneText.title,subTitle:We(ye).allDoneText.subTitle}):t.jsx(g1,{onUpdateMissingReceiptsUIState:D,onFetchMissingReceiptsList:j,missingReceipts:Be,receiptUploadEndpoint:h,authParams:c,selectedPeriod:yn,onMissingReceiptsRowClick:C,onUploadReceiptComplete:A,onUploadReceiptFetchStatus:R,onUploadReceiptAttachment:P});case"month_end_insights":if(Qe!=null&&d.monthEndCloseChecksView.monthEndCloseChecks!=null){if(Qe.fetchState==="Not-Started"||Qe.fetchState==="In-Progress"||Qe.companyMonthEndReportTemplatesData.fetchState==="Not-Started"||Qe.companyMonthEndReportTemplatesData.fetchState==="In-Progress")return t.jsx(Kl,{fetchState:"In-Progress"});{const Ct={application:"cockpit",companyId:m,entityId:m,tab:"expense_automation",isGlobalComment:!1,entityType:"expense_automation.monthEndEmail",companyName:Qe.companyName,url:window.location.href},{url:Yt,...Zt}=Ct,Xt={...Zt};return t.jsx(Dx,{children:t.jsx(U1,{allThreadsSectionOpen:S,customerRequestData:b,companyId:m,enableZeniGPTFeature:x,filterMetaData:Xt,selectedPeriod:d.selectedPeriod,improveUsingZeniGPTClick:B,isZeniUser:$?.userEmail?.includes("zeni.ai")??!1,monthEndReportView:Qe,newThreadMetadata:Ct,onClickCustomerRequest:Y,onCloseAllThreadsSection:Z,onCloseFileAttachmentSnackBar:se,onOpenFileAttachmentSnackBar:z,onRemoveFileAttachment:ne,onUpdateFileAttachment:H,previewMode:y,previewMonthEndReport:K,saveMonthEndReport:N,onEditClick:oe,sendMonthEndReport:G})})}}else return null;case"flux_analysis":return d.fluxAnalysis.fetchStatus.fetchState==="Completed"&&d.fluxAnalysis.sections.generalExpense.vendors.length===0&&d.fluxAnalysis.sections.reimbursement.vendors.length===0?t.jsx(It,{tab:ye,title:We(ye).allDoneText.title,subTitle:We(ye).allDoneText.subTitle}):t.jsx(sm,{fluxAnalysis:d.fluxAnalysis,selectedPeriod:d.selectedPeriod,markAsReview:je,onReloadPage:Te,updateOperatingExpensesIdsForReview:E,updateSectionIdsForReview:$e,onUpdateFluxAnalysisUIState:Me,setCurrentFooterFormId:T,fetchFluxViewOnScroll:De,onFetchFluxViewList:Fe,onFetchReimbursementView:de,redirectToVendorDetailPage:Ie});case"reconciliation":return t.jsx(Np,{onReloadReconciliationListPage:V,currentFooterFormId:i,reconciliation:Cn,companyId:m,vendorSearchAutoCompleteActions:p,vendorSearchAutoCompleteData:g,onReviewClicked:Xe,setOpenDrawerClicked:ht,setCurrentFooterFormId:T,onReconTabColumnSortConfigChanged:F,onUpdateReconcileTabLocalData:q,onEstablishConnectionClick:et,onFetchLinkTokenClick:fe,updateReconReviewTabLocalData:_e,onReconReviewTabColumnSortConfigChanged:Vt,onSaveReconciliation:tt,onSaveReconciliationReview:pt,onReconMatchedTransactionClick:Lt,onAddStatementClick:Ee});default:return t.jsx(It,{tab:ye,title:We(ye).allDoneText.title,subTitle:We(ye).allDoneText.subTitle})}};function yl(e){const i=be(),{currentSelectedView:l}=e.expenseAutomationViewSelector,r=e.expenseAutomationViewSelector.currentSelectedView==="transaction_categorization",u=e.expenseAutomationViewSelector.currentSelectedView!=="month_end_insights"&&e.expenseAutomationViewSelector.currentSelectedView!=="flux_analysis";return t.jsx(Ex,{windowSize:i,style:{...u===!0?{paddingLeft:va.subSectionContainerLeftRightPadding.value(i),paddingRight:va.subSectionContainerLeftRightPadding.value(i)}:{paddingLeft:f[0],paddingRight:f[0]},...r===!0||l==="reconciliation"?{paddingLeft:f[0],paddingRight:f[0]}:{}},children:t.jsx(Mx,{...e})})}const Ox=70,wl=50,zx=3,Px=["receipts"],Sa=e=>Qo(e,Px),{common:{texts:{vendor:Fx,amount:_x,receipts:Bx,category:Vx,classText:Nx,date:Ux}}}=me.getLocalizedStrings(),Cl={key:"vendor",value:Fx,sortOrder:"ascending",width:new Q(18,18)},Hx={key:"category",value:Vx,sortOrder:"ascending",width:new Q(18,18)},Wx={key:"class",value:Nx,sortOrder:"ascending",width:new Q(18,18)},qx={key:"date",value:Ux,sortOrder:"descending",width:new Q(11,11)},Kx={key:"receipts",value:Bx,sortOrder:"descending",width:new Q(6,6)},bl={key:"amount",value:_x,sortOrder:"ascending",width:new Q(10,10)},ls=[Cl,Hx,Wx,qx,Kx,bl],cs=[{...Cl,width:new Q(65,65)},{...bl,width:new Q(30,30)}],mo={sortKey:"date",sortOrder:"descending"},vl=({sortConfig:e,isDisabled:i,onColumnSortConfigChanged:l})=>{const r=be(),u=Ze(),d=u?cs:ls,[a,c]=s.useState(d);s.useEffect(()=>{const p=[...d];for(const g of p)g.key===e.sortKey?g.sortOrder=e.sortOrder:g.sortOrder="ascending";c(p)},[e.sortKey,e.sortOrder,u]);const h=(p,g)=>{let x=g;e.sortKey===p&&(x=g==="ascending"?"descending":"ascending"),l(p,x)},m=p=>{Sa(p.key)==null&&h(gd(p.key),p.sortOrder)};return t.jsx(Jx,{windowSize:r,isQuickViewMode:u,children:a.map((p,g)=>{const x=i!=null||Sa(p.key)!=null;return t.jsxs(Qx,{sortDataValue:e.sortKey,actualDataValue:p.key,wrapperWidth:p.width,isSortDisabled:x,windowSize:r,isQuickViewMode:u,isLastItem:g===a.length-1,style:p.key==="receipts"?{justifyContent:"center"}:void 0,children:[t.jsxs(ef,{onClick:()=>x?null:m(p),isSortDisabled:x,children:[t.jsx(tf,{children:p.value}),x?null:t.jsx(Yx,{sortConfig:e,headerData:p,children:t.jsx(Xx,{})})]}),x?null:t.jsx(Zx,{isSortDisabled:x,sortDataValue:e.sortKey,isVisible:e.sortKey===p.key&&e.sortKey!==mo.sortKey,children:t.jsx(Gx,{onClick:()=>{x||h(mo.sortKey,mo.sortOrder)},"data-testid":M("completed-tab-header-close-icon",p.key)})})]},p.key)})})},Jx=o.div`
+  top: ${n.sp0};
+  left: ${n.sp0};
+  height: ${wl}px;
+  z-index: 2;
+  display: flex;
+  flex-wrap: nowrap;
+  align-items: center;
+  box-sizing: border-box;
+  background-color: ${e=>e.theme.colors.grey4};
+  position: sticky;
+  width: 100%;
+  justify-content: space-between;
+  ${e=>e.isQuickViewMode===!0?le`
+          width: 32%;
+          max-width: var(--side-panel-list-width, 100%);
+        `:le`
+          padding: ${n.sp0} ${n.sp3};
+        `}
+`,Qx=o.div`
+  color: ${e=>e.sortDataValue===e.actualDataValue&&!e.isSortDisabled?e.theme.colors.primary:e.theme.colors.grey1};
+  padding-left: ${n.sp0};
+  left: ${n.sp0};
+  display: flex;
+  align-items: center;
+  gap: 6px;
+  justify-content: ${e=>e.isLastItem?"flex-end":"flex-start"};
+  position: static;
+  z-index: 0;
+  box-sizing: border-box;
+  flex-shrink: 0;
+  ${e=>e.isQuickViewMode===!0?le`
+          width: calc(
+            ${e.wrapperWidth.valuePercentage(e.windowSize)} -
+              ${n.sp4}
+          );
+          min-width: calc(
+            ${e.wrapperWidth.valuePercentage(e.windowSize)} -
+              ${n.sp4}
+          );
+          max-width: calc(
+            ${e.wrapperWidth.valuePercentage(e.windowSize)} -
+              ${n.sp4}
+          );
+        `:le`
+          width: ${e.wrapperWidth.valuePercentage(e.windowSize)};
+          min-width: ${e.wrapperWidth.valuePercentage(e.windowSize)};
+          max-width: ${e.wrapperWidth.valuePercentage(e.windowSize)};
+        `}
+`,Gx=o(ni)`
+  width: ${n.sp2};
+  height: ${n.sp2};
+  cursor: pointer;
+`,Yx=o.div`
+  display: flex;
+  align-items: center;
+  transform: ${e=>e.headerData.sortOrder==="descending"?"rotate(180deg)":"rotate(0deg)"};
+`,Zx=o.div`
+  display: ${e=>e.isVisible?"flex":"none"};
+  align-items: center;
+  cursor: ${e=>e.isSortDisabled===!0?"not-allowed":"pointer"};
+  &:hover {
+    color: ${e=>e.isSortDisabled?e.theme.colors.grey1:e.theme.colors.primary};
+  }
+`,Xx=o(ti)`
+  width: ${n.sp2};
+  height: ${n.sp2};
+`,ef=o.div`
+  display: flex;
+  cursor: ${e=>e.isSortDisabled===!0?"not-allowed":"pointer"};
+  gap: 6px;
+  &:hover {
+    color: ${e=>e.isSortDisabled?e.theme.colors.grey1:e.theme.colors.primary};
+  }
+`,tf=o(Ye)`
+  display: flex;
+`,{dateFormat:nf,common:{strings:{underscore:Sl,hyphen:$n,empty:ka}}}=me.getLocalizedStrings(),vi={containerPaddingLeftRight:new Q(f[3],f[4])},of=({transaction:e,authParams:i,transactionAttachmentsEndpoint:l,onMissingReceiptsRowClick:r})=>{const u=be(),d=Ze(),a=d?cs:ls,[c,h]=s.useState(!1),[m,p]=s.useState([]),[g,x]=s.useState(null),y=e.attachments?.filter(w=>w.contentType!=null&&vc.includes(w.contentType))??[],[b,S]=s.useState(y[0]),$=e.attachments!=null&&e.attachments.length>0,v=e.date?.format?.(nf.visual.MMMDCommaYYYYformat)??$n,T=()=>{h(!0),S(y[0]);const w=y.map(k=>k.id);vr(l,i,{transaction_key:{transaction_id:e.id,transaction_type:e.type},attachment_ids:w}).then(k=>{p(k),k.length>0&&x(k[0])})},I=()=>{h(!1),x(null),p([]),y.length>0&&S(y[0])};return t.jsxs(kl,{windowSize:u,isQuickViewMode:d,onClick:()=>r(e.id,e.type),"data-testid":M("completed-tab-list-row",e.id),children:[a.map((w,k)=>{const j=`${e.id}${Sl}${w.key}`;switch(w.key){case"vendor":default:return t.jsx(pn,{windowSize:u,wrapperWidth:w.width,isQuickViewMode:d,children:t.jsx(An,{windowSize:u,isLastItem:k===a.length-1,children:t.jsxs(Ei,{children:[t.jsx(Xn,{photoUrl:e.vendorId!=null?e.logo?.toString()??ka:ka,styles:{width:n.sp4,height:n.sp4,borderRadius:n.sp0},placeholder:{width:f[4],height:f[4]},fallbackAvatar:t.jsx(rf,{children:t.jsx(Jt,{name:e.vendorName??e.description??$n,size:n.sp4})})}),t.jsx(qe,{text:e.vendorName??e.description??$n,itemTextStyle:{...yt.standardRegular.cssObject,color:"inherit"}})]})})},j);case"category":case"class":{const C=e.lines!=null&&e.lines.length>0&&e.lines[0]?.account!=null&&e.lines[0].account.accountName?e.lines[0].account.accountName:$n,P=e.lines!=null&&e.lines.length>0&&e.lines[0]?.class!=null&&e.lines[0].class.className?e.lines[0].class.className:$n,A=w.key==="category"?C:P;return t.jsx(pn,{windowSize:u,wrapperWidth:w.width,isQuickViewMode:d,children:t.jsx(An,{windowSize:u,isLastItem:k===a.length-1,children:t.jsx(Ei,{children:A!==$n?t.jsx(qe,{text:A,itemTextStyle:{...yt.standardRegular.cssObject,color:"inherit"}}):t.jsx(af,{children:A})})})},j)}case"date":return t.jsx(pn,{windowSize:u,wrapperWidth:w.width,isQuickViewMode:d,children:t.jsx(An,{windowSize:u,isLastItem:k===a.length-1,children:t.jsx(Ei,{children:t.jsx(qe,{text:v,itemTextStyle:{...yt.standardRegular.cssObject,color:"inherit"}})})})},j);case"receipts":return t.jsx(pn,{windowSize:u,wrapperWidth:w.width,isQuickViewMode:d,style:{justifyContent:"center"},children:$?t.jsx(lf,{onClick:C=>{C.stopPropagation(),T()}}):null},j);case"amount":{const C=nt("0,0.[00]",e.amount);return t.jsx(pn,{windowSize:u,wrapperWidth:w.width,isQuickViewMode:d,children:t.jsx(An,{windowSize:u,isLastItem:k===a.length-1,children:t.jsx(qe,{text:e.amount!=null&&e.amount.amount<0?`-${C}`:C,itemTextStyle:{...yt.standardRegular.cssObject,color:"inherit"}})})},j)}}}),c&&y.length>0?Mi.createPortal(t.jsx(gr,{allFiles:m,fileSource:g,file:b,title:b.fileName,attachments:y,setFileSource:x,setShowFullScreenView:h,onCrossClick:I,setSelectedFileAttachment:S,handleTouchStart:()=>{},handleTouchMove:()=>{},handleTouchEnd:()=>{}}),document.body):null]})},sf=()=>{const e=be(),i=Ze(),l=i?cs:ls,r=s.useRef(null),[u,d]=s.useState(0);return s.useLayoutEffect(()=>{r.current&&d(r.current.offsetWidth)},[e]),t.jsx(kl,{windowSize:e,isQuickViewMode:i,ref:r,children:l.map((a,c)=>{const h=`${c}${Sl}${a.key}`;switch(a.key){case"vendor":return t.jsx(pn,{windowSize:e,wrapperWidth:a.width,isQuickViewMode:i,children:t.jsx(An,{windowSize:e,isLastItem:c===l.length-1,children:t.jsxs(Ei,{children:[t.jsx(ei,{width:f[4],height:f[4]}),t.jsx(it,{width:u*a.width.value(e)/100,height:f[4],style:{display:"flex",alignItems:"center"}})]})})},h);default:return t.jsx(pn,{windowSize:e,wrapperWidth:a.width,isQuickViewMode:i,children:t.jsx(An,{windowSize:e,isLastItem:c===l.length-1,children:t.jsx(it,{width:u*a.width.value(e)/100,height:f[4],style:{display:"flex",alignItems:"center"}})})},h)}})})},kl=o.div`
+  display: flex;
+  height: 100%;
+  background-color: ${e=>e.theme.colors.grey5};
+  padding: ${n.sp3};
+  border: ${e=>`1px solid ${e.theme.colors.grey3}`};
+  box-shadow: ${e=>`${n.sp0} 2px ${n.sp1} ${e.theme.colors.dropShadowNormal}`};
+  border-radius: ${n.sp2};
+  color: ${e=>e.theme.colors.hero};
+  cursor: pointer;
+  &:hover {
+    border-color: ${e=>e.theme.colors.primary};
+    color: ${e=>e.theme.colors.primary};
+  }
+  box-sizing: border-box;
+  align-items: center;
+  justify-content: space-between;
+  ${e=>e.isQuickViewMode?le`
+          flex: 1;
+          padding-left: ${vi.containerPaddingLeftRight.valuePx(e.windowSize)};
+          padding-right: ${vi.containerPaddingLeftRight.valuePx(e.windowSize)};
+          width: 95%;
+        `:le`
+          min-width: min-content;
+          padding-left: ${vi.containerPaddingLeftRight.valuePx(e.windowSize)};
+          padding-right: ${vi.containerPaddingLeftRight.valuePx(e.windowSize)};
+        `}
+`,pn=o.div`
+  display: flex;
+  align-items: center;
+  position: relative;
+  :last-of-type {
+    padding-right: ${n.sp0};
+  }
+  ${e=>e.isQuickViewMode===!0?le`
+          width: calc(
+            ${e.wrapperWidth.valuePercentage(e.windowSize)} -
+              ${n.sp4}
+          );
+          min-width: calc(
+            ${e.wrapperWidth.valuePercentage(e.windowSize)} -
+              ${n.sp4}
+          );
+        `:le`
+          width: ${e.wrapperWidth.valuePercentage(e.windowSize)};
+          min-width: ${e.wrapperWidth.valuePercentage(e.windowSize)};
+        `}
+`,An=o(Re)`
+  overflow: hidden;
+  justify-content: ${e=>e.isLastItem?"flex-end":"flex-start"};
+  display: flex;
+  width: 100%;
+  align-items: center;
+`,Ei=o.div`
+  display: flex;
+  flex-direction: row;
+  column-gap: ${n.sp2};
+  align-items: center;
+`,af=o(Re)`
+  word-break: break-all;
+  white-space: normal;
+  -webkit-line-clamp: 1;
+  -webkit-box-orient: vertical;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  display: -webkit-box;
+  color: inherit;
+`,rf=o.div`
+  display: flex;
+`,lf=o(br)`
+  width: 16px;
+  height: 16px;
+  color: inherit;
+`,cf=({sortConfig:e,fetchState:i,isDisabled:l,onColumnSortConfigChanged:r})=>{const u=be(),d=Ze();return t.jsxs(df,{windowSize:u,children:[t.jsx(uf,{isQuickViewMode:d,children:t.jsx(vl,{sortConfig:e,isDisabled:i.fetchState==="In-Progress"?"readonly":l,onColumnSortConfigChanged:r})}),t.jsx(hf,{windowSize:u,children:[...Array(3)].map((a,c)=>t.jsx(sf,{},c))})]})},df=o.div`
+  display: block;
+  min-height: 100%;
+  flex-direction: column;
+  width: 100%;
+`,uf=o.div`
+  flex: 1;
+  width: auto;
+  padding-left: ${({isQuickViewMode:e})=>e===!0?n.sp8:n.sp0};
+`,hf=o.div`
+  display: flex;
+  min-height: 100%;
+  flex-direction: column;
+  row-gap: ${n.sp3};
+`,pf=({authParams:e,fetchState:i,nextPageToken:l,sortKey:r,sortOrder:u,totalCount:d,transactionAttachmentsEndpoint:a,transactions:c,onFetchMore:h,onMissingReceiptsRowClick:m,onSortConfigChanged:p,onSortReset:g})=>{const x=be(),y=Ze(),b=s.useRef(null),S=(j,C)=>{p?.(j,C)},$=s.useCallback(j=>j<c.length,[c.length]),v=s.useCallback(()=>{l!=null&&i.fetchState!=="In-Progress"&&h(l)},[l,i.fetchState,h]),T=s.useMemo(()=>d,[d]),I=s.useMemo(()=>c.length<d?c.length+1:c.length,[c.length,d]),w=i.fetchState==="Completed"&&c.length===0,k=i.fetchState==="Not-Started"||i.fetchState==="In-Progress"&&c.length===0;return t.jsx(gf,{children:t.jsx(xf,{windowSize:x,children:w?t.jsx(It,{tab:"missing_receipts",title:We("missing_receipts").allDoneText.title,subTitle:We("missing_receipts").allDoneText.subTitle}):k?t.jsx(cf,{sortConfig:{sortKey:r??"date",sortOrder:u},fetchState:i,onColumnSortConfigChanged:S}):t.jsx(ff,{windowSize:x,children:t.jsx(Jn,{children:({height:j,width:C})=>t.jsxs(wf,{style:{height:j,width:C},children:[t.jsx(yf,{isQuickViewMode:y,children:t.jsx(vl,{sortConfig:{sortKey:r??"date",sortOrder:u},isDisabled:i.fetchState==="In-Progress"?"readonly":void 0,onColumnSortConfigChanged:S})}),t.jsx(ir,{isItemLoaded:$,itemCount:T,loadMoreItems:v,children:({onItemsRendered:P,ref:A})=>t.jsx(ql,{ref:R=>{A(R),b.current=R},height:j-wl,innerElementType:jl,itemCount:I,itemSize:Ox,width:C,style:{willChange:"auto"},overscanCount:zx,onItemsRendered:P,itemKey:R=>c[R]?.id??`loading-${R}`,itemData:{transactions:c,isItemLoaded:$,authParams:e,isQuickViewMode:y,transactionAttachmentsEndpoint:a,onMissingReceiptsRowClick:m},children:mf})})]})})})})})},mf=({index:e,style:i,data:l})=>{const{transactions:r,isItemLoaded:u,authParams:d,isQuickViewMode:a,transactionAttachmentsEndpoint:c,onMissingReceiptsRowClick:h}=l;if(u(e)===!1)return t.jsx(ja,{isQuickViewMode:a,style:{...i,width:"100%"},children:t.jsx(Cf,{})});const m=r[e];return t.jsx(ja,{isQuickViewMode:a,style:{...i,width:"100%"},children:t.jsx(of,{transaction:m,authParams:d,transactionAttachmentsEndpoint:c,onMissingReceiptsRowClick:h},m.id)})},gf=o.div`
+  display: flex;
+  flex-direction: column;
+  flex: 1;
+  overflow: hidden;
+  background-color: ${e=>e.theme.colors.grey4};
+`,xf=o.div`
+  flex: 1;
+  display: flex;
+  flex-direction: column;
+  overflow: hidden;
+`,ff=o.div`
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+  max-width: 99.9%;
+`,yf=o.div`
+  flex: 1;
+  width: auto;
+`,wf=o.div`
+  position: relative;
+`,ja=o.div`
+  top: ${n.sp0};
+  left: ${n.sp0};
+  padding-bottom: ${n.sp3};
+  box-sizing: border-box;
+`,jl=s.forwardRef((e,i)=>{const{style:l,...r}=e;return t.jsx("div",{ref:i,style:{...l,width:"auto",maxWidth:"var(--side-panel-list-width, 100%)",position:"relative"},...r})});jl.displayName="Completed tab inner element type";const Cf=o.div`
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  box-sizing: border-box;
+  padding: ${n.sp3} ${n.sp4};
+  background-color: ${e=>e.theme.colors.grey5};
+  border: 1px solid ${e=>e.theme.colors.grey3};
+  border-radius: ${n.sp2};
+  height: 58px;
+  animation: pulse 1.5s ease-in-out infinite;
+
+  @keyframes pulse {
+    0%,
+    100% {
+      opacity: 1;
+    }
+    50% {
+      opacity: 0.4;
+    }
+  }
+`;function $l(e){const{bulkUploadSelector:i,isUploading:l}=e;if(i==null)return!1;const r=(i.unmatchedFiles?.length??0)>0||(i.pastUnmatchedFiles?.length??0)>0;if(r)return!1;const u=i.batchListFetchState?.fetchState,d=i.batchDetailsPaginationState?.fetchState,a=u==="In-Progress"||u==="Not-Started",c=d==="In-Progress",h=i.batchList?.length??0,m=i.hasMoreBatchDetails===!0,p=u==="Completed"&&d==="Not-Started"&&(m||h>0);return l===!0||a||c||p||m===!0&&!r}const _o=5,bf=`calc(
+  ${_o} * (${n.sp4} + 2 * ${n.sp3}) +
+    (${_o} - 1) * ${n.sp3}
+)`,ds=o.div`
+  display: flex;
+  flex-direction: column;
+  gap: ${n.sp3};
+  min-height: 0;
+  max-height: ${bf};
+  overflow-y: auto;
+  overflow-x: hidden;
+  overscroll-behavior: contain;
+  scrollbar-width: thin;
+  scrollbar-color: ${e=>e.theme.colors.grey1} transparent;
+  width: 100%;
+`,go=[new Q(50,50),new Q(25,25),new Q(25,25)],Il=()=>t.jsx(Tf,{children:t.jsx(it,{width:"100%",height:f[3],style:{borderRadius:n.sp1,height:f[4],display:"block"}})}),vf=()=>{const e=be(),i=s.useRef(null),[l,r]=s.useState(0);return s.useLayoutEffect(()=>{i.current&&r(i.current.offsetWidth)},[e]),t.jsx(Lf,{children:t.jsxs(Af,{ref:i,children:[t.jsx(Rf,{children:t.jsxs(Ef,{children:[t.jsx(ei,{width:f[4],height:f[4]}),t.jsx(it,{width:l>0?l*go[0].value(e)/100:"100%",height:f[4],style:{display:"flex",alignItems:"center"}})]})}),t.jsx(Df,{children:t.jsx(it,{width:l>0?l*go[1].value(e)/100:"100%",height:f[4],style:{display:"flex",alignItems:"center"}})}),t.jsx(Mf,{children:t.jsx(it,{width:l>0?l*go[2].value(e)/100:"100%",height:f[4],style:{display:"flex",alignItems:"center"}})})]})})},Tl=({rowCount:e=_o})=>t.jsx(ds,{"aria-hidden":!0,children:Array.from({length:e},(i,l)=>t.jsx(vf,{},l))}),Sf=()=>t.jsxs(jf,{children:[t.jsx($f,{children:t.jsx(it,{width:200,height:31,style:{display:"block",borderRadius:n.sp1}})}),t.jsx(Il,{}),t.jsx(Tl,{rowCount:2})]}),kf=()=>t.jsxs(If,{children:[t.jsx(Il,{}),t.jsx(Tl,{rowCount:1})]}),jf=o.div`
+  display: flex;
+  flex-direction: column;
+  gap: ${n.sp3};
+  min-width: 0;
+  align-items: start;
+  margin-top: ${n.sp6};
+`;o.div`
+  display: flex;
+  flex-direction: column;
+  gap: ${n.sp2};
+  min-width: 0;
+`;const $f=o.div``;o.div`
+  display: flex;
+  align-items: center;
+  flex: 1;
+  min-width: 0;
+  height: ${n.sp6};
+  padding: ${n.sp2} 12px;
+  border-radius: ${n.sp2};
+  box-sizing: border-box;
+  background-color: ${e=>e.theme.colors.background};
+`;const If=o.div`
+  display: flex;
+  flex-direction: column;
+  gap: ${n.sp2};
+  margin-top: ${n.sp1};
+`,Tf=o.div`
+  width: 100%;
+  box-sizing: border-box;
+`,Lf=o.div`
+  display: flex;
+  align-items: center;
+  gap: ${n.sp3};
+`,Af=o.div`
+  display: flex;
+  align-items: center;
+  flex: 1;
+  min-width: 0;
+  padding: ${n.sp3} ${n.sp3};
+  background-color: ${e=>e.theme.colors.grey5};
+  border: 1px solid ${e=>e.theme.colors.grey3};
+  border-radius: ${n.sp2};
+  box-shadow: ${e=>e.theme.colors.elevation1};
+`,Rf=o.div`
+  flex: 2;
+  display: flex;
+  align-items: center;
+  gap: ${n.sp1};
+  min-width: 0;
+`,Ef=o.div`
+  display: flex;
+  flex-direction: row;
+  column-gap: ${n.sp2};
+  align-items: center;
+  min-width: 0;
+  flex: 1;
+`,Df=o.div`
+  flex: 1;
+  min-width: 0;
+  padding: ${n.sp0} ${n.sp5};
+`,Mf=o.div`
+  flex: 1;
+  min-width: 0;
+  padding: ${n.sp0} ${n.sp5};
+  text-align: right;
+`,Of="0,0.[00]";function Ll(){return me.getLocalizedStrings().dateFormat.visual.MMMDCommaYYYYformat}function zf(e){return e.format(Ll())}function Al(e){if(e==null||String(e).trim()==="")return"";const i=String(e).trim(),l=Ll(),r=Di(i);return r!=null&&typeof r.isValid=="function"&&r.isValid()?r.format(l):i}function Pf(e){if(e==null||e==="")return"";if(!/^[A-Z]{3}$/.test(e))return e;try{return new Intl.NumberFormat("en",{style:"currency",currency:e,currencyDisplay:"narrowSymbol"}).formatToParts(0).find(i=>i.type==="currency")?.value??e}catch{return e}}function Rl(e,i){return Jo(Of,e,Pf(i))}const{common:{texts:{vendor:Ff,amount:_f,date:Bf}},uncategorizedTransactionList:{missingReceipt:{bulkUpload:xo}}}=me.getLocalizedStrings(),Vf=({hasCandidates:e,interactionLocked:i=!1,isLoadingMore:l,isSearching:r,manualSearchNextPageToken:u,searchResults:d,selectedTransactionId:a,onClearSelection:c,onSearch:h,onSelectionChange:m,onLoadMore:p})=>{const[g,x]=s.useState(""),y=s.useRef(null),b=s.useRef(null),S=s.useRef(!1),$=s.useCallback(w=>{const[k]=w;i!==!0&&k.isIntersecting&&u!=null&&l!==!0&&r!==!0&&p!=null&&p()},[i,l,r,u,p]);s.useEffect(()=>{const w=y.current,k=b.current;if(w==null||k==null||u==null||p==null)return;const j=new IntersectionObserver($,{root:w,rootMargin:"120px"});return j.observe(k),()=>j.disconnect()},[$,u,p,d?.length]),s.useEffect(()=>{const w=y.current,k=b.current;if(w==null||k==null||u==null||p==null){S.current=l===!0;return}const j=S.current===!0&&l!==!0;if(S.current=l===!0,!j)return;const C=w.getBoundingClientRect(),P=k.getBoundingClientRect();P.top<C.bottom&&P.bottom>C.top&&P.left<C.right&&P.right>C.left&&requestAnimationFrame(()=>{p()})},[l,u,p,d?.length]);const v=s.useCallback(w=>{i||w.key==="Enter"&&g.trim().length>=2&&h(g.trim())},[i,g,h]),T=s.useCallback(w=>{if(i)return;const k=w.target.value;x(k);const j=k.trim();j.length>=2?h(j):h("")},[i,h]),I=s.useCallback(()=>{i||(x(""),c(),h(""))},[i,c,h]);return t.jsxs(Nf,{hasCandidates:e,$interactionLocked:i,children:[t.jsx(Uf,{children:t.jsx(Qn,{children:e?xo.orSearchManually:xo.searchManually})}),t.jsxs(Hf,{children:[t.jsx(Wf,{}),t.jsx(qf,{type:"text",placeholder:xo.searchByVendorDateAmount,value:g,onChange:T,onKeyDown:v,disabled:i,"data-testid":M("manual-search-input")}),g.length>0?t.jsx(Kf,{type:"button",disabled:i,onClick:I,children:t.jsx(Jf,{})}):null]}),d!=null&&d.length>0?t.jsxs(Qf,{children:[t.jsxs(Gf,{children:[t.jsx(fo,{style:{flex:2},children:t.jsx(Ye,{children:Ff})}),t.jsx(fo,{children:t.jsx(Ye,{children:Bf})}),t.jsx(fo,{style:{textAlign:"right"},children:t.jsx(Ye,{children:_f})})]}),t.jsxs(ds,{ref:y,children:[d.map(w=>t.jsxs(Yf,{onClick:()=>{i||m(w.transactionId,w.transactionType)},"data-testid":M("search-result",w.transactionId),children:[t.jsx(Xf,{children:t.jsx(e0,{type:"radio",name:"manual-search-result",checked:a===w.transactionId,disabled:i,onChange:()=>{i||m(w.transactionId,w.transactionType)}})}),t.jsxs(Zf,{isSelected:a===w.transactionId,children:[t.jsxs(t0,{children:[t.jsx(Xn,{photoUrl:w.vendorLogo??"",styles:{width:n.sp4,height:n.sp4,borderRadius:"50%"},placeholder:{width:f[4],height:f[4]},fallbackAvatar:t.jsx(Jt,{name:w.vendorName,size:n.sp4})}),t.jsx(qe,{text:w.vendorName,maxWidth:"120px"})]}),t.jsx(n0,{children:t.jsx(ot,{children:Al(w.transactionDate)})}),t.jsx(i0,{children:t.jsx(ot,{children:Rl(w.amount,w.currencyCode)})})]})]},w.transactionId)),u!=null?t.jsx(o0,{ref:b,"aria-hidden":!0}):null]})]}):r===!0?t.jsx(kf,{}):null]})},Nf=o.div`
+  display: flex;
+  flex-direction: column;
+  gap: ${n.sp2};
+  padding-top: ${e=>e.hasCandidates?n.sp4:n.sp0};
+  pointer-events: ${e=>e.$interactionLocked?"none":"auto"};
+  opacity: ${e=>e.$interactionLocked?.65:1};
+`,Uf=o.div``,Hf=o.div`
+  display: flex;
+  align-items: center;
+  gap: ${n.sp1};
+  height: ${n.sp6};
+  padding: ${n.sp2} 12px;
+  border-radius: ${n.sp2};
+  background-color: ${e=>e.theme.colors.background};
+  box-sizing: border-box;
+`,Wf=o(Mc)`
+  width: ${n.sp3};
+  height: ${n.sp3};
+  color: ${e=>e.theme.colors.hero};
+  flex-shrink: 0;
+`,qf=o(Oc)`
+  flex: 1;
+  border: none;
+  outline: none;
+  color: ${e=>e.theme.colors.grey1};
+  background-color: transparent;
+`,Kf=o.button`
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  background: none;
+  border: none;
+  cursor: pointer;
+  padding: 0;
+  flex-shrink: 0;
+`,Jf=o(Wo)`
+  width: ${n.sp3};
+  height: ${n.sp3};
+  color: ${e=>e.theme.colors.hero};
+
+  &:hover {
+    color: ${e=>e.theme.colors.primary};
+  }
+`,Qf=o.div`
+  display: flex;
+  flex-direction: column;
+  gap: ${n.sp3};
+  margin-top: ${n.sp2};
+  margin-left: -${n.sp5};
+`,Gf=o.div`
+  display: flex;
+  align-items: center;
+  padding: ${n.sp0} ${n.sp3};
+  margin-left: ${n.sp5};
+`,fo=o.div`
+  flex: 1;
+  color: ${e=>e.theme.colors.hero};
+`,Yf=o.div`
+  display: flex;
+  align-items: center;
+  gap: ${n.sp2};
+  cursor: pointer;
+`,Zf=o.div`
+  display: flex;
+  align-items: center;
+  flex: 1;
+  padding: ${n.sp3} ${n.sp3};
+  background-color: ${e=>e.theme.colors.grey5};
+  border: 1px solid
+    ${e=>e.isSelected?e.theme.colors.primary:e.theme.colors.grey3};
+  border-radius: ${n.sp2};
+  box-shadow: ${e=>e.theme.colors.elevation1};
+  transition: border-color 0.15s ease;
+
+  &:hover {
+    border-color: ${e=>e.theme.colors.primary};
+  }
+`,Xf=o.div`
+  flex-shrink: 0;
+  display: flex;
+  align-items: center;
+`,e0=o.input`
+  accent-color: ${e=>e.theme.colors.primary};
+  width: ${n.sp3};
+  height: ${n.sp3};
+  cursor: pointer;
+`,t0=o.div`
+  flex: 2;
+  display: flex;
+  align-items: center;
+  gap: ${n.sp1};
+`,n0=o.div`
+  flex: 1;
+  color: ${e=>e.theme.colors.hero};
+`,i0=o.div`
+  flex: 1;
+  text-align: right;
+`,o0=o.div`
+  height: 1px;
+  width: 100%;
+  flex-shrink: 0;
+`,{common:{texts:{vendor:s0,amount:a0,date:r0}},uncategorizedTransactionList:{missingReceipt:{bulkUpload:$a}}}=me.getLocalizedStrings(),l0=({attachmentId:e,candidates:i,selectedTransactionId:l,interactionLocked:r=!1,onSelectionChange:u})=>{const d=[...i].sort((c,h)=>h.matchScore-c.matchScore),a=i.length===1?$a.possibleMatch:$a.possibleMatches.replace("__count__",i.length.toString());return t.jsxs(c0,{$interactionLocked:r,children:[t.jsx(d0,{children:t.jsx(Qn,{children:a})}),t.jsxs(u0,{children:[t.jsx(yo,{style:{flex:2},children:t.jsx(Ye,{children:s0})}),t.jsx(yo,{children:t.jsx(Ye,{children:r0})}),t.jsx(yo,{style:{textAlign:"right"},children:t.jsx(Ye,{children:a0})})]}),t.jsx(ds,{children:d.map(c=>t.jsxs(h0,{onClick:()=>u(c.transactionId,c.transactionType),"data-testid":M("candidate-row",c.transactionId),children:[t.jsx(m0,{children:t.jsx(g0,{type:"radio",name:`match-${e}`,checked:l===c.transactionId,onChange:()=>u(c.transactionId,c.transactionType)})}),t.jsxs(p0,{isSelected:l===c.transactionId,children:[t.jsxs(x0,{children:[t.jsx(Xn,{photoUrl:c.vendorLogo??"",styles:{width:n.sp4,height:n.sp4,borderRadius:"50%"},placeholder:{width:f[4],height:f[4]},fallbackAvatar:t.jsx(Jt,{name:c.vendorName,size:n.sp4})}),t.jsx(qe,{text:c.vendorName,maxWidth:"120px"})]}),t.jsx(f0,{children:t.jsx(ot,{children:Al(c.transactionDate)})}),t.jsx(y0,{children:t.jsx(ot,{children:Rl(c.amount,c.currencyCode)})})]})]},c.transactionId))})]})},c0=o.div`
+  display: flex;
+  flex-direction: column;
+  gap: ${n.sp3};
+  pointer-events: ${e=>e.$interactionLocked?"none":"auto"};
+  opacity: ${e=>e.$interactionLocked?.65:1};
+`,d0=o.div``,u0=o.div`
+  display: flex;
+  align-items: center;
+  padding: ${n.sp0} ${n.sp3};
+`,yo=o.div`
+  flex: 1;
+  color: ${e=>e.theme.colors.hero};
+`,h0=o.div`
+  display: flex;
+  align-items: center;
+  gap: ${n.sp2};
+  cursor: pointer;
+`,p0=o.div`
+  display: flex;
+  align-items: center;
+  flex: 1;
+  padding: ${n.sp3} ${n.sp3};
+  background-color: ${e=>e.theme.colors.grey5};
+  border: 1px solid
+    ${e=>e.isSelected?e.theme.colors.primary:e.theme.colors.grey3};
+  border-radius: ${n.sp2};
+  box-shadow: ${e=>e.theme.colors.elevation1};
+  transition: border-color 0.15s ease;
+
+  &:hover {
+    border-color: ${e=>e.theme.colors.primary};
+  }
+`,m0=o.div`
+  flex-shrink: 0;
+  display: flex;
+  align-items: center;
+`,g0=o.input`
+  accent-color: ${e=>e.theme.colors.primary};
+  width: ${n.sp3};
+  height: ${n.sp3};
+  cursor: pointer;
+`,x0=o.div`
+  flex: 2;
+  display: flex;
+  align-items: center;
+  gap: ${n.sp1};
+`,f0=o.div`
+  flex: 1;
+  color: ${e=>e.theme.colors.hero};
+`,y0=o.div`
+  flex: 1;
+  text-align: right;
+`,w0=48,Mt=new Map,wo=new Map;function C0(e,i,l){return i!=null&&i!==""?`${e}::att::${i}`:`${e}::url::${l}`}function b0(e){const i=Mt.get(e);return i!=null&&(Mt.delete(e),Mt.set(e,i)),i}function v0(){for(;Mt.size>w0;){const e=Mt.keys().next().value;if(e===void 0)break;const i=Mt.get(e);Mt.delete(e),i!=null&&URL.revokeObjectURL(i)}}function S0(e,i){const l=Mt.get(e);l!=null&&l!==i&&URL.revokeObjectURL(l),Mt.delete(e),Mt.set(e,i),v0()}function El(e){return b0(e)}function k0(e,i,l){return fetch(e,{method:"GET",headers:{"zeni-user-id":i.userId,"zeni-tenant-id":i.tenantId,"zeni-session-id":i.sessionId}}).then(r=>{if(!r.ok)throw new Error(`File fetch failed: ${r.status}`);return r.blob()})}function j0(e,i,l,r){const u=El(e);if(u!=null)return Promise.resolve(u);const d=wo.get(e);if(d!=null)return d;const a=k0(i,l).then(c=>{const h=URL.createObjectURL(c);return S0(e,h),h}).finally(()=>{wo.delete(e)});return wo.set(e,a),a}const{uncategorizedTransactionList:{missingReceipt:{bulkUpload:$0}}}=me.getLocalizedStrings(),I0=me.getLocalizedStrings().spendManagement.reimbursement.reimbursementDetail;function T0(e){return e.toLowerCase().endsWith(".pdf")}function L0(e,i,l){const[r,u]=s.useState(null);return s.useLayoutEffect(()=>{if(e==null){u(null);return}const d=C0(i.tenantId,l,e),a=El(d);if(a!=null){u(a);return}let c=!1;return j0(d,e,i).then(h=>{c||u(h)}).catch(h=>{(h instanceof Error?h.name:"")!=="AbortError"&&console.error("Failed to fetch file with auth:",h)}),()=>{c=!0}},[e,i.userId,i.tenantId,i.sessionId,l,i]),r}function Ia({title:e,windowSize:i,onDeleteClick:l,deleteDataTestId:r}){const u=l!=null;return t.jsxs(D0,{children:[t.jsx(M0,{children:e}),u?t.jsx(O0,{className:"actionIcons",children:i==="small"?t.jsx(P0,{"data-testid":r,onClick:d=>{d.stopPropagation(),l?.()}}):t.jsx(xe,{enterDelay:600,display:"flex",title:I0.delete,placement:"top",children:t.jsx(z0,{"data-testid":r,onClick:d=>{d.stopPropagation(),l?.()}})})}):null]})}const A0=({authParams:e,attachmentTitle:i,attachmentId:l,fileDownloadUrl:r,filename:u,filePreviewUrl:d,onDeleteClick:a})=>{const[c,h]=s.useState(!1),m=be(),p=L0(r,e,l),g=d??p,x=p??d,y=T0(u),b=M("receipt-card-delete",l??u),S=s.useCallback(()=>{x!=null&&h(!0)},[x]),$=s.useCallback(()=>{h(!1)},[]);return y&&x!=null?t.jsxs(t.Fragment,{children:[t.jsx(R0,{"data-testid":M("receipt-pdf-preview",u),children:t.jsx(ps,{fileUrl:x,isFullScreen:!1,setShowFullScreenView:h,showTitlebar:!0,pdfTitle:i,showTitlebarIcon:a!=null,showReplaceIcon:!1,onDeleteClick:a,deleteAttachmentDataTestId:a!=null?b:void 0})}),c?Mi.createPortal(t.jsxs(Ta,{children:[t.jsxs(La,{children:[t.jsx(ms,{children:u}),t.jsx(Aa,{onClick:$,"data-testid":M("close-receipt-preview",u),children:t.jsx(Ra,{})})]}),t.jsx($t,{onClickAway:$,children:t.jsx(Ea,{children:t.jsx(ps,{fileUrl:x,isFullScreen:!0,setShowFullScreenView:h,onCrossClick:$})})})]}),document.body):null]}):g!=null&&g!==""?t.jsxs(t.Fragment,{children:[t.jsxs(E0,{windowSize:m,children:[t.jsx(Ia,{title:i,windowSize:m,onDeleteClick:a,deleteDataTestId:b}),t.jsx(F0,{children:t.jsx(_0,{src:g,alt:u,onClick:S,"data-testid":M("receipt-img-preview",u)})})]}),c&&x!=null?Mi.createPortal(t.jsxs(Ta,{children:[t.jsxs(La,{children:[t.jsx(ms,{children:u}),t.jsx(Aa,{onClick:$,"data-testid":M("close-receipt-preview",u),children:t.jsx(Ra,{})})]}),t.jsx($t,{onClickAway:$,children:t.jsx(Ea,{children:t.jsx(N0,{src:x,alt:u})})})]}),document.body):null]}):t.jsxs(B0,{windowSize:m,children:[t.jsx(Ia,{title:i,windowSize:m,onDeleteClick:a,deleteDataTestId:b}),t.jsx(V0,{children:t.jsx(ot,{children:$0.noPreview})})]})},R0=o.div`
+  width: 100%;
+  min-height: 300px;
+  max-height: 650px;
+  overflow: hidden;
+  background-color: ${e=>e.theme.colors.grey3};
+  border-radius: 0;
+`,E0=o.div`
+  display: flex;
+  flex-direction: column;
+  width: 100%;
+  min-height: 300px;
+  overflow: hidden;
+  box-sizing: border-box;
+  padding: ${n.sp3};
+  cursor: pointer;
+  background-color: ${e=>e.theme.colors.grey3};
+  border-radius: 0;
+
+  .actionIcons {
+    ${e=>e.windowSize==="small"&&`
+    display: flex;
+  `}
+  }
+  &:hover {
+    .actionIcons {
+      display: flex;
+    }
+  }
+`,D0=o.div`
+  position: sticky;
+  background: ${e=>e.theme.colors.grey3};
+  z-index: 1;
+  width: 100%;
+  top: 0;
+  display: flex;
+  flex-direction: row;
+  justify-content: space-between;
+  align-items: center;
+  padding-bottom: ${n.sp3};
+  cursor: default;
+  flex-shrink: 0;
+`,M0=o(rr)``,O0=o.div`
+  display: none;
+  flex-direction: row;
+`,z0=o(Tr)`
+  cursor: pointer;
+  width: ${n.sp3};
+  height: ${n.sp3};
+  color: ${e=>e.theme.colors.grey1};
+  :hover {
+    color: ${he.important};
+  }
+`,P0=o(Tr)`
+  cursor: pointer;
+  width: ${n.sp3};
+  height: ${n.sp3};
+  color: ${he.important};
+`,F0=o.div`
+  box-sizing: border-box;
+  width: 100%;
+  flex: 1;
+  min-height: 0;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  overflow: auto;
+  max-height: 650px;
+`,_0=o.img`
+  width: 100%;
+  height: auto;
+  object-fit: contain;
+  cursor: pointer;
+  display: block;
+  max-height: 650px;
+`,B0=o.div`
+  width: 100%;
+  min-height: 300px;
+  max-height: 650px;
+  display: flex;
+  flex-direction: column;
+  box-sizing: border-box;
+  padding: ${n.sp3};
+  background-color: ${e=>e.theme.colors.grey3};
+  border-radius: 0;
+  color: ${e=>e.theme.colors.grey2};
+
+  .actionIcons {
+    ${e=>e.windowSize==="small"&&`
+    display: flex;
+  `}
+  }
+  &:hover {
+    .actionIcons {
+      display: flex;
+    }
+  }
+`,V0=o.div`
+  flex: 1;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  min-height: 200px;
+`,Ta=o.div`
+  position: fixed;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  z-index: 1201;
+  display: flex;
+  flex-direction: column;
+  background: ${he.overlayDark};
+`,La=o.div`
+  width: 100%;
+  height: 59px;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding: ${n.sp0} ${n.sp8};
+  color: ${he.neutralGrey5Light};
+  box-sizing: border-box;
+  flex-shrink: 0;
+`,Aa=o.button`
+  background: none;
+  border: none;
+  cursor: pointer;
+  padding: ${n.sp0};
+  display: flex;
+  align-items: center;
+`,Ra=o(Wo)`
+  width: ${n.sp4};
+  height: ${n.sp4};
+  color: ${he.neutralGrey5Light};
+
+  &:hover {
+    color: ${he.primaryDark};
+  }
+`,Ea=o.div`
+  flex: 1;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  overflow: auto;
+  max-width: 90%;
+  margin: 0 auto;
+`,N0=o.img`
+  max-width: 100%;
+  max-height: 100%;
+  object-fit: contain;
+`,{uncategorizedTransactionList:{missingReceipt:{bulkUpload:Da}}}=me.getLocalizedStrings(),Ma=({authParams:e,file:i,index:l,isLoadingMoreManualSearch:r,isSearching:u,manualSearchUiResetKey:d=0,isConfirmMatchInProgress:a=!1,manualSearchNextPageToken:c,manualSearchTotalCount:h,selectedTransactionId:m,onClearSelection:p,onDelete:g,onLoadMoreManualSearch:x,onSearchTransactions:y,onSelectionChange:b,searchResults:S})=>{const $=i.status==="possible_matches",v=i.status==="no_match",T=$&&i.candidates!=null&&i.candidates.length>0,I=be(),w=i.candidates?.map(C=>({amount:C.transaction.amount.amount,currencyCode:C.transaction.amount.currencySymbol||C.transaction.amount.currencyCode||"",matchScore:C.matchScore,transactionDate:zf(C.transaction.date),transactionId:C.transaction.id,transactionType:C.transaction.type??"",vendorName:C.transaction.vendorName??"",vendorLogo:C.transaction.logo?.href})),k=s.useCallback((C,P)=>{a||b(C,P)},[a,b]),j=`${i.attachmentId}-${d}`;return t.jsxs(U0,{windowSize:I,"data-testid":M("receipt-card",i.attachmentId),children:[t.jsx(H0,{children:t.jsx(W0,{children:t.jsx(A0,{authParams:e,attachmentId:i.attachmentId,attachmentTitle:`#${l+1} ${i.filename}`,fileDownloadUrl:i.fileDownloadUrl,filename:i.filename,filePreviewUrl:i.filePreviewUrl,onDeleteClick:g!=null?()=>g(i.attachmentId):void 0})})}),t.jsxs(q0,{children:[T&&w!=null?t.jsx(l0,{attachmentId:i.attachmentId,candidates:w,interactionLocked:a,selectedTransactionId:m,onSelectionChange:k}):null,v?t.jsxs(K0,{children:[t.jsx(J0,{children:t.jsx(Qn,{children:Da.noPossibleMatch})}),t.jsx(Q0,{children:t.jsx(ot,{children:Da.noMatchFound})})]}):null,$||v?t.jsx(Vf,{hasCandidates:T,interactionLocked:a,isLoadingMore:r,isSearching:u,manualSearchNextPageToken:c,manualSearchTotalCount:h,searchResults:S,selectedTransactionId:m,onClearSelection:p,onLoadMore:x,onSearch:y??(()=>{}),onSelectionChange:k},j):null]})]})},U0=o.div`
+  display: grid;
+  grid-template-columns: ${e=>e.windowSize==="small"?"1fr":"1fr 1fr"};
+  grid-template-rows: ${e=>e.windowSize==="small"?"1fr 1fr 1fr 1fr":"auto"};
+  align-items: start;
+  gap: ${n.sp4};
+  min-width: 0;
+`,H0=o.div`
+  display: flex;
+  flex-direction: column;
+  min-width: 0;
+  max-width: 94%;
+`,W0=o.div`
+  display: flex;
+  flex-direction: column;
+  width: 100%;
+  background-color: ${e=>e.theme.colors.grey3};
+  border-radius: ${n.sp2};
+  overflow: hidden;
+  max-height: 650px;
+`,q0=o.div`
+  display: flex;
+  flex-direction: column;
+  min-width: 0;
+  gap: ${n.sp5};
+  margin-top: ${n.sp3};
+`,K0=o.div`
+  display: flex;
+  flex-direction: column;
+  gap: ${n.sp3};
+`,J0=o.div`
+  color: ${e=>e.theme.colors.primary};
+`,Q0=o.div`
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  padding: ${n.sp4} ${n.sp0};
+  width: 100%;
+  background-color: ${e=>e.theme.colors.background};
+  border-radius: ${n.sp2};
+  color: ${e=>e.theme.colors.grey1};
+`,G0=()=>t.jsx(Y0,{children:t.jsxs(Z0,{children:[t.jsxs(X0,{children:[t.jsx(ny,{children:t.jsx(it,{width:286,height:27,style:{display:"block",borderRadius:n.sp1}})}),t.jsx(ey,{children:t.jsx(ty,{children:t.jsx(iy,{children:t.jsx(Kn,{size:"Large",start:!0})})})})]}),t.jsx(oy,{children:t.jsx(Sf,{})})]})}),Y0=o.div`
+  display: flex;
+  flex-direction: column;
+  flex: 1;
+  min-height: 0;
+  width: 100%;
+`,Z0=o.div`
+  display: grid;
+  grid-template-columns: minmax(0, 50%) minmax(0, 1fr);
+  align-items: start;
+  gap: ${n.sp7};
+  width: 100%;
+  min-width: 0;
+`,X0=o.div`
+  display: flex;
+  flex-direction: column;
+  min-width: 0;
+`,ey=o.div`
+  display: flex;
+  flex-direction: column;
+  width: 100%;
+  background-color: ${e=>e.theme.colors.grey3};
+  border-radius: ${n.sp2};
+  overflow: hidden;
+`,ty=o.div`
+  display: flex;
+  flex-direction: column;
+  width: 100%;
+  min-height: 480px;
+  max-height: 540px;
+  box-sizing: border-box;
+  padding: ${n.sp3};
+  margin-top: ${n.sp6};
+  background-color: ${e=>e.theme.colors.grey3};
+`,ny=o.div`
+  display: flex;
+  align-items: center;
+  padding-bottom: ${n.sp3};
+  flex-shrink: 0;
+  margin-top: ${n.sp4};
+`,iy=o.div`
+  flex: 1;
+  min-height: 200px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  background-color: ${e=>e.theme.colors.grey5};
+  border: 1px solid ${e=>e.theme.colors.grey3};
+  border-radius: ${n.sp2};
+  box-sizing: border-box;
+  color: ${e=>e.theme.colors.grey1};
+`,oy=o.div`
+  display: flex;
+  flex-direction: column;
+  gap: ${n.sp5};
+  min-width: 0;
+  margin-top: ${n.sp8};
+`,sy=e=>s.createElement("svg",{width:24,height:24,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e},s.createElement("path",{d:"M22.7737 11.8149C22.781 14.6922 21.6539 17.4563 19.6368 19.5081C17.6197 21.5598 14.8751 22.7338 11.9982 22.7756C10.5931 22.7967 9.19783 22.5387 7.89323 22.0165C6.58864 21.4942 5.40071 20.7182 4.39835 19.7333C3.39598 18.7484 2.59913 17.5743 2.05399 16.2791C1.50886 14.9839 1.2263 13.5934 1.2227 12.1882C1.21466 9.31044 2.34142 6.54556 4.35861 4.49316C6.3758 2.44076 9.12077 1.26633 11.9982 1.22458C13.4035 1.20356 14.799 1.46178 16.1037 1.98426C17.4084 2.50673 18.5964 3.28306 19.5988 4.26821C20.6012 5.25337 21.398 6.42774 21.943 7.72322C22.488 9.0187 22.7704 10.4095 22.7737 11.8149Z",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),s.createElement("path",{d:"M12 13.8571V7",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),s.createElement("path",{d:"M11.9902 16.8164C11.9582 16.8169 11.9266 16.8238 11.8972 16.8367C11.8679 16.8496 11.8415 16.8682 11.8195 16.8915C11.7975 16.9148 11.7804 16.9423 11.7691 16.9723C11.7579 17.0023 11.7528 17.0342 11.7541 17.0662C11.7564 17.1305 11.7835 17.1914 11.8297 17.2361C11.8759 17.2809 11.9376 17.306 12.0019 17.3062C12.0339 17.3056 12.0655 17.2986 12.0947 17.2856C12.124 17.2727 12.1504 17.254 12.1723 17.2308C12.1943 17.2075 12.2114 17.1801 12.2227 17.1502C12.234 17.1203 12.2392 17.0884 12.238 17.0564C12.2361 16.9935 12.2103 16.9338 12.1659 16.8892C12.1215 16.8446 12.0619 16.8186 11.999 16.8164H11.9941",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"})),{uncategorizedTransactionList:{missingReceipt:{bulkUpload:Oa}}}=me.getLocalizedStrings(),ay=({authParams:e,unmatchedFiles:i,pastUnmatchedFiles:l,hasMoreBatchDetails:r,isLoading:u,isLoadingMore:d,isLoadingMoreManualSearch:a,isSearching:c,manualSearchNextPageToken:h,manualSearchTotalCount:m,manualSearchUiResetKey:p=0,isConfirmMatchInProgress:g=!1,pendingMatchAttachmentId:x,pendingMatchTransactionId:y,onDelete:b,onLoadMoreBatchDetails:S,onLoadMoreManualSearch:$,onPendingMatchChange:v,onSearchTransactions:T,manualSearchResultsAttachmentId:I,scrollRoot:w,searchResults:k})=>{const j=s.useRef(null),C=s.useRef(!1),[P,A]=s.useState(null),R=I??P,F=s.useCallback((L,U)=>{g||(U.trim().length>=2&&A(L),T?.(U))},[g,T]);s.useEffect(()=>{I==null&&(k?.length??0)===0&&c!==!0&&A(null)},[k,c,I]);const V=s.useCallback(L=>{const[U]=L;U.isIntersecting&&r===!0&&d!==!0&&S?.()},[r,d,S]);if(s.useEffect(()=>{if(u===!0||w==null)return;const L=j.current;if(L==null)return;const U=new IntersectionObserver(V,{root:w,rootMargin:"200px"});return U.observe(L),()=>U.disconnect()},[V,u,w]),s.useEffect(()=>{if(u===!0||w==null||r!==!0){C.current=d===!0;return}const L=C.current===!0&&d!==!0;if(C.current=d===!0,!L)return;const U=j.current;if(U==null)return;const X=w.getBoundingClientRect(),ce=U.getBoundingClientRect();ce.top<X.bottom&&ce.bottom>X.top&&ce.left<X.right&&ce.right>X.left&&requestAnimationFrame(()=>{S?.()})},[u,d,r,w,S]),u===!0)return t.jsx(G0,{});const q=i.length>0,D=l!=null&&l.length>0;if(!q&&!D&&r!==!0&&d!==!0){const{title:L,subTitle:U}=We("missing_receipts").allDoneText;return t.jsx(ry,{children:t.jsx(cy,{children:t.jsx(It,{tab:"missing_receipts",title:L,subTitle:U})})})}const O=D,ae=Oa.unmatchedReceipts.replace("__count__",i.length.toString()),_=i.length>0;return t.jsxs(ly,{children:[_?t.jsxs(hy,{children:[t.jsx(za,{"aria-hidden":!0}),t.jsx(py,{children:ae})]}):null,t.jsx(dy,{children:t.jsxs(uy,{children:[i.length>0?t.jsx(Pa,{children:i.map((L,U)=>t.jsx(Ma,{authParams:e,file:L,index:U,isLoadingMoreManualSearch:a,isSearching:c===!0&&R===L.attachmentId,manualSearchNextPageToken:h,manualSearchTotalCount:m,selectedTransactionId:x===L.attachmentId?y:null,onClearSelection:()=>v(null),onDelete:b,onLoadMoreManualSearch:$,onSearchTransactions:T!=null?X=>F(L.attachmentId,X):void 0,onSelectionChange:(X,ce)=>{g||v({batchId:L.batchId,attachmentId:L.attachmentId,fileName:L.filename,transactionId:X,transactionType:ce})},searchResults:R===L.attachmentId?k:void 0,manualSearchUiResetKey:p,isConfirmMatchInProgress:g},`${L.batchId}-${L.attachmentId}`))}):null,O?t.jsxs(t.Fragment,{children:[t.jsxs(my,{children:[t.jsx(za,{"aria-hidden":!0}),t.jsx(gy,{children:Oa.pastUnmatchedReceipts.replace("__count__",l.length.toString())})]}),t.jsx(Pa,{children:l.map((L,U)=>t.jsx(Ma,{authParams:e,file:L,index:i.length+U,isLoadingMoreManualSearch:a,isSearching:c===!0&&R===L.attachmentId,manualSearchNextPageToken:h,manualSearchTotalCount:m,selectedTransactionId:x===L.attachmentId?y:null,onClearSelection:()=>v(null),onDelete:b,onLoadMoreManualSearch:$,onSearchTransactions:T!=null?X=>F(L.attachmentId,X):void 0,onSelectionChange:(X,ce)=>{g||v({batchId:L.batchId,attachmentId:L.attachmentId,fileName:L.filename,transactionId:X,transactionType:ce})},searchResults:R===L.attachmentId?k:void 0,manualSearchUiResetKey:p,isConfirmMatchInProgress:g},`${L.batchId}-${L.attachmentId}`))})]}):null,t.jsx(xy,{ref:j}),d===!0?t.jsx(fy,{children:t.jsx(Kn,{size:"Small",start:!0})}):null]})})]})},ry=o.div`
+  display: flex;
+  flex-direction: column;
+  flex: 1;
+  overflow: hidden;
+  align-self: stretch;
+  width: 100%;
+  min-height: 100%;
+  background-color: ${e=>e.theme.colors.grey4};
+`,ly=o.div`
+  display: flex;
+  flex-direction: column;
+  flex: 0 0 auto;
+  align-self: stretch;
+  width: 100%;
+  min-height: 100%;
+  gap: ${n.sp3};
+  overflow: visible;
+`,cy=o.div`
+  flex: 1;
+  display: flex;
+  flex-direction: column;
+  min-height: 0;
+  width: 100%;
+  overflow: hidden;
+`,dy=o.div`
+  width: 100%;
+  flex: 0 0 auto;
+  align-self: stretch;
+`,uy=o.div`
+  position: relative;
+  z-index: 1;
+  display: flex;
+  flex-direction: column;
+  width: 100%;
+  gap: ${n.sp3};
+`,hy=o.div`
+  display: flex;
+  align-items: center;
+  gap: ${n.sp2};
+  position: relative;
+  z-index: 1;
+  width: 100%;
+  margin-top: ${n.sp4};
+`,za=o(sy)`
+  width: ${n.sp4};
+  height: ${n.sp4};
+  color: ${he.important};
+  flex-shrink: 0;
+`,py=o(Vo)`
+  color: ${he.important};
+`,my=o.div`
+  display: flex;
+  align-items: center;
+  gap: ${n.sp2};
+  color: ${he.important};
+  margin-top: ${n.sp9};
+  position: relative;
+  z-index: 1;
+  width: 100%;
+`,gy=o(Vo)`
+  color: ${he.important};
+`,Pa=o.div`
+  display: flex;
+  flex-direction: column;
+  flex-shrink: 0;
+  border-radius: ${n.sp2};
+  overflow: hidden;
+  gap: ${n.sp11};
+`,xy=o.div`
+  height: 1px;
+  width: 100%;
+`,fy=o.div`
+  display: flex;
+  justify-content: center;
+  padding: ${n.sp3};
+`,yy=e=>{const{missingReceiptsTab:i,missingTransactionCount:l,bulkUploadSelector:r,selectedPeriod:u,authParams:d,bulkUploadEndpoint:a,onBulkUploadFiles:c,onFetchBulkUploadBatches:h,onPendingMatchChange:m,setMissingReceiptsTab:p,tableSectionProps:g,bulkUploadInteractions:x,missingReceiptsBulkUploadChromeInPageBody:y,missingReceiptsCompletedChromeInPageBody:b}=e,S=be(),[$,v]=s.useState(null),{isUploading:T,handleDragOver:I,handleDragLeave:w,handleDrop:k}=x,j=r?.phase,C=a!=null||c!=null,P=r?.manualSearch;s.useEffect(()=>{if(C&&j==="completed"){const _=(r?.unmatchedFiles.length??0)+(r?.pastUnmatchedFiles.length??0);l===0&&_===0?p("completed"):_>0&&p("unmatched")}},[C,j,l,r?.unmatchedFiles.length,r?.pastUnmatchedFiles.length,p]);const A=r?.completedTransactions?.fetchState?.fetchState,R=e.onFetchCompletedTransactions;s.useEffect(()=>{C&&i==="completed"&&u!=null&&A==="Not-Started"&&R?.()},[C,i,u,A,R]);const F=r?.batchListFetchState?.fetchState,V=$l({bulkUploadSelector:r,isUploading:T}),q=s.useRef(null);s.useEffect(()=>{if(!C||u==null)return;const _={month:u.month,tenantId:d.tenantId,year:u.year},L=q.current,U=L!=null&&(L.month!==_.month||L.tenantId!==_.tenantId||L.year!==_.year),X=()=>{q.current=_};if(!(j==="uploading"||j==="matching"||!(j==="completed"||i==="unmatched"))){if(U){h?.({cacheOverride:!0,invalidateBatchDetailsCache:!0}),X();return}if(F==="Not-Started"){h?.(),X();return}X()}},[C,j,i,u,F,d.tenantId,h]),s.useEffect(()=>{i!=="unmatched"&&m(null)},[i,m]);const D=C&&i==="unmatched"&&r!=null&&S!=="small",O=r!=null&&(r.unmatchedFiles.length>0||(r.pastUnmatchedFiles?.length??0)>0),ae=D&&V!==!0&&O;return t.jsxs(wy,{ref:v,windowSize:S,onDragOver:C?I:void 0,onDragLeave:C?w:void 0,onDrop:C?k:void 0,children:[y,b,i==="missing"?t.jsx(by,{windowSize:S,children:t.jsx(yl,{...g.parentProps,isCOTEnabled:g.isCOTEnabled,setIsJeAccountSettingsOpened:g.setIsJeAccountSettingsOpened,setResetJeAccountSettingsForm:g.setResetJeAccountSettingsForm,allThreadsSectionOpen:g.allThreadsSectionOpen,setCurrentFooterFormId:g.setCurrentFooterFormId,currentFooterFormId:g.currentFooterFormId,onCloseAllThreadsSection:g.onCloseAllThreadsSection})}):null,C&&i==="unmatched"&&r!=null?t.jsx(Cy,{$desktopRail:ae,"data-testid":ae?M("unmatched-page-splitter"):void 0,children:t.jsx(ay,{authParams:e.authParams,unmatchedFiles:r.unmatchedFiles,pastUnmatchedFiles:r.pastUnmatchedFiles,manualSearchUiResetKey:r.manualSearchUiResetKey??0,isConfirmMatchInProgress:r.confirmMatchStatus.fetchState==="In-Progress",isLoading:V,isLoadingMore:r.batchDetailsPaginationState.fetchState==="In-Progress",hasMoreBatchDetails:r.hasMoreBatchDetails,isLoadingMoreManualSearch:P?.isLoadingMore===!0,isSearching:P?.fetchState.fetchState==="In-Progress"&&P?.isLoadingMore!==!0,manualSearchNextPageToken:P?.nextPageToken,manualSearchTotalCount:P?.totalCount,searchResults:r.manualSearch.results,manualSearchResultsAttachmentId:r.manualSearch.attachmentId,pendingMatchAttachmentId:e.pendingMatchAttachmentId,pendingMatchTransactionId:e.pendingMatchTransactionId,onDelete:e.onDeleteUnmatchedReceipt,onLoadMoreBatchDetails:e.onFetchMoreBatchDetails,onPendingMatchChange:m,onLoadMoreManualSearch:e.onLoadMoreManualSearch,onSearchTransactions:e.onSearchTransactionsForManualMatch,scrollRoot:$})}):null,C&&i==="completed"&&r!=null?t.jsx(pf,{authParams:e.authParams,transactionAttachmentsEndpoint:e.transactionAttachmentsEndpoint??"",transactions:r.completedTransactions.transactions,totalCount:r.completedTransactions.totalCount,nextPageToken:r.completedTransactions.nextPageToken,fetchState:r.completedTransactions.fetchState,sortKey:r.sortKey,sortOrder:r.sortOrder,onMissingReceiptsRowClick:e.onMissingReceiptsRowClick,onSortConfigChanged:e.onSetBulkUploadSortConfig,onSortReset:e.onResetBulkUploadSort,onFetchMore:_=>e.onFetchCompletedTransactions?.(_)}):null]})},Oi={contentPadding:new Q(f[3],f[6],f[8])},wy=o("div",{shouldForwardProp:e=>e!=="windowSize"})`
+  display: flex;
+  flex-direction: column;
+  flex: 1;
+  min-height: 0;
+  width: 100%;
+  position: relative;
+  overflow-x: hidden;
+  overflow-y: auto;
+  /* Scroll works; scrollbar UI hidden (same pattern as DocumentRenderer) */
+  scrollbar-width: none;
+  -ms-overflow-style: none;
+  &::-webkit-scrollbar {
+    display: none;
+  }
+  padding-left: ${e=>Oi.contentPadding.valuePx(e.windowSize)};
+  padding-right: ${e=>Oi.contentPadding.valuePx(e.windowSize)};
+  box-sizing: border-box;
+`,Cy=o.div`
+  display: flex;
+  flex-direction: column;
+  flex: 0 0 auto;
+  align-self: stretch;
+  width: 100%;
+  min-height: 100%;
+  position: relative;
+  z-index: 0;
+
+  & > * {
+    position: relative;
+    z-index: 1;
+  }
+
+  ${e=>e.$desktopRail===!0?`
+    background-image: linear-gradient(
+      to right,
+      transparent 0,
+      transparent calc(48% - 0.5px),
+      ${e.theme.colors.grey3} calc(48% - 0.5px),
+      ${e.theme.colors.grey3} calc(48% + 0.5px),
+      transparent calc(48% + 0.5px),
+      transparent 100%
+    );
+    background-repeat: no-repeat;
+    background-size: 100% 100%;
+  `:""}
+`,by=o.div`
+  margin-left: -${e=>Oi.contentPadding.valuePx(e.windowSize)};
+  margin-right: -${e=>Oi.contentPadding.valuePx(e.windowSize)};
+  flex: 1;
+  display: flex;
+`;function Fa({children:e,onDragLeave:i,onDragOver:l,onDrop:r}){return t.jsx("div",{style:{width:"100%"},onDragLeave:i,onDragOverCapture:l,onDrop:r,children:e})}function Dl(e,i,l,r){const u=i===1?l:r;return e.replace("__count__",String(i)).replace("__receiptWord__",u)}const{uncategorizedTransactionList:{missingReceipt:{bulkUpload:Co}}}=me.getLocalizedStrings(),vy=({total:e})=>{const i=Dl(Co.autoMatchingReceipts,e,Co.receiptWordSingular,Co.receiptWordPlural);return t.jsx(ky,{children:t.jsxs(jy,{children:[t.jsx($y,{}),t.jsx(Iy,{children:i})]})})},Sy=_i`
+  0% {
+    background-position: -200% center;
+  }
+  100% {
+    background-position: 200% center;
+  }
+`,ky=o.div`
+  position: relative;
+  display: flex;
+  align-items: center;
+  height: ${n.sp8};
+  background-color: ${e=>e.theme.colors.grey5};
+  border: 1px solid transparent;
+  border-radius: ${n.sp2};
+  box-sizing: border-box;
+  overflow: hidden;
+  margin-top: ${n.sp3};
+  &::before {
+    content: "";
+    position: absolute;
+    inset: 0;
+    border-radius: ${n.sp2};
+    pointer-events: none;
+    background: ${he.receiptAgentLinearGradient};
+    padding: 1px;
+    mask: ${he.gradientMask};
+    -webkit-mask: ${he.gradientMask};
+    -webkit-mask-composite: xor;
+    mask-composite: exclude;
+    z-index: 0;
+  }
+`,jy=o.div`
+  position: relative;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 100%;
+  gap: ${n.sp2};
+  padding: 0 ${n.sp3};
+  z-index: 1;
+`,$y=o(Qt)`
+  width: ${n.sp3};
+  height: ${n.sp3};
+  color: ${he.aiCfoGradient4};
+  flex-shrink: 0;
+`,Iy=o(Re)`
+  background: linear-gradient(
+    90deg,
+    ${he.aiCfoGradient4} 25%,
+    ${he.aiCfoGradient1} 50%,
+    ${he.aiCfoGradient4} 75%
+  );
+  background-size: 200% auto;
+  background-clip: text;
+  -webkit-background-clip: text;
+  -webkit-text-fill-color: transparent;
+  animation: ${Sy} 2.5s ease-in-out infinite;
+`,Dn=20,us=["application/pdf","image/jpeg","image/png"],Ml=us.join(","),Ty=e=>s.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:1088,height:378,viewBox:"0 0 1088 378",fill:"none",preserveAspectRatio:"none",...e},s.createElement("rect",{x:.5,y:.5,width:1087,height:377,rx:8,ry:8,fill:"none",stroke:"currentColor",strokeWidth:1,strokeDasharray:"8 8",vectorEffect:"non-scaling-stroke"})),{uncategorizedTransactionList:{missingReceipt:{bulkUpload:_a}}}=me.getLocalizedStrings(),Ly=({onFilesSelected:e})=>{const i=s.useRef(null),[l,r]=s.useState(!0);Zl();const u=s.useCallback(c=>{c.preventDefault(),c.stopPropagation(),r(!1);const h=[],{files:m}=c.dataTransfer;for(let p=0;p<m.length;p+=1){const g=m.item(p);if(g==null)continue;const x=String(g.type);if(us.some(y=>y===x)===!0&&(h.push(g),h.length>=Dn))break}h.length>0&&e(h)},[e]),d=s.useCallback(c=>{c.preventDefault(),c.stopPropagation(),c.type==="dragenter"||c.type==="dragover"?r(!0):c.type==="dragleave"&&r(!1)},[]),a=s.useCallback(()=>{i.current?.click()},[]);return t.jsxs(Ay,{onClick:a,onDrop:u,onDragEnter:d,onDragLeave:d,onDragOver:d,isDragActive:l,"data-testid":M("bulk-upload-inline-drop-zone"),children:[t.jsx(Ry,{"aria-hidden":!0,children:t.jsx(Ty,{})}),t.jsxs(Ey,{children:[t.jsx(Dy,{}),t.jsx(My,{children:t.jsx(ar,{children:_a.dropYourFilesHere})}),l?null:t.jsx(Oy,{children:t.jsx(rr,{children:_a.orBrowseFiles})})]}),t.jsx(zy,{ref:i,type:"file",multiple:!0,accept:Ml,onClick:c=>c.stopPropagation(),onChange:c=>{const h=c.target.files?Array.from(c.target.files):[];h.length>0&&e(h.slice(0,Dn)),c.target.value=""}})]})},Ba=200,Va=378,Ay=o.div`
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+  min-height: ${e=>e.isDragActive?Va:Ba}px;
+  box-sizing: border-box;
+  border-radius: ${n.sp2};
+  margin: ${n.sp3} ${n.sp0};
+  margin-bottom: ${e=>e.isDragActive?`calc(-${Va-Ba}px + ${n.sp3})`:n.sp3};
+  padding: ${n.sp4};
+  background-color: ${e=>e.theme.colors.background};
+  cursor: pointer;
+  transition: all 0.3s ease;
+  position: relative;
+  z-index: ${e=>e.isDragActive?10:1};
+  margin-top: ${n.sp3};
+`,Ry=o.div`
+  position: absolute;
+  inset: 0;
+  z-index: 0;
+  pointer-events: none;
+  border-radius: inherit;
+  overflow: hidden;
+  color: ${e=>e.theme.colors.grey1};
+
+  svg {
+    display: block;
+    width: 100%;
+    height: 100%;
+  }
+`,Ey=o.div`
+  position: relative;
+  z-index: 1;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  flex-grow: 1;
+  gap: ${n.sp2};
+`,Dy=o(jd)`
+  width: ${n.sp8};
+  height: ${n.sp8};
+  color: ${e=>e.theme.colors.hero};
+  margin-bottom: ${n.sp2};
+`,My=o.div`
+  color: ${e=>e.theme.colors.hero};
+  text-align: center;
+`,Oy=o.div`
+  color: ${e=>e.theme.colors.primary};
+`,zy=o.input`
+  display: none;
+`,Py=e=>s.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:1088,height:56,viewBox:"0 0 1088 56",fill:"none",preserveAspectRatio:"none",...e},s.createElement("rect",{x:.5,y:.5,width:1087,height:55,rx:8,ry:8,fill:"none",stroke:"currentColor",strokeWidth:1,strokeDasharray:"8 8",vectorEffect:"non-scaling-stroke"})),Na="receipts@zeni.ai",Fy=2e3,_y=400,By=1200,Vy=2e3,{uncategorizedTransactionList:{missingReceipt:{bulkUpload:Si}},common:{copyToClipBoard:ki}}=me.getLocalizedStrings(),Ny=({onFilesSelected:e})=>{const i=s.useRef(null),[l,r]=s.useState(!1),[u,d]=s.useState(0),[a,c]=s.useState(!1),[h,m]=s.useState(0),[p,g]=s.useState(!1);s.useEffect(()=>{const v=window.setInterval(()=>{d(T=>{const I=(T+1)%3;return T===2&&I===0&&c(!0),I})},Fy);return()=>window.clearInterval(v)},[]),s.useEffect(()=>{if(!a)return;const v=requestAnimationFrame(()=>{c(!1)});return()=>cancelAnimationFrame(v)},[a]),s.useEffect(()=>{if(u===1){g(!1),m(360);return}g(!0),m(0);const v=requestAnimationFrame(()=>{g(!1)});return()=>cancelAnimationFrame(v)},[u]);const x=s.useCallback(v=>{v.stopPropagation(),navigator.clipboard.writeText(Na).then(()=>{r(!0),setTimeout(()=>r(!1),Vy)})},[]),y=s.useCallback(()=>{i.current?.click()},[]),b=s.useCallback(v=>{v.preventDefault(),v.stopPropagation();const T=[],{files:I}=v.dataTransfer;for(let w=0;w<I.length;w+=1){const k=I.item(w);if(k==null)continue;const j=String(k.type);if(us.some(C=>C===j)===!0&&(T.push(k),T.length>=Dn))break}T.length>0&&e(T)},[e]),S=s.useCallback(v=>{v.preventDefault()},[]),$=()=>t.jsxs(Jy,{children:[t.jsx(Ua,{children:Si.emailBannerUploadLead}),t.jsx(Bo,{children:Si.emailBannerUploadSuffix}),t.jsxs(Qy,{children:[t.jsx(Ky,{children:Na}),t.jsx(xe,{display:"inline-flex",placement:"top",title:l?ki.copied:ki.copy,enterDelay:300,leaveDelay:0,children:t.jsx(Gy,{type:"button","aria-label":l?ki.copied:ki.copy,onClick:x,children:l?t.jsx(Zy,{}):t.jsx(Yy,{})})})]})]});return t.jsxs(Hy,{onClick:y,onDrop:b,onDragOver:S,children:[t.jsx(Uy,{"aria-hidden":!0,children:t.jsx(Py,{})}),t.jsx(Wy,{children:t.jsxs(qy,{$phase:u,$skipTransition:a,children:[t.jsx(bo,{children:$()}),t.jsx(bo,{children:t.jsxs(Xy,{children:[t.jsx(e2,{$deg:h,$skipTransition:p,"aria-hidden":!0,children:t.jsx(t2,{})}),t.jsx(Ua,{children:Si.emailBannerAiLead}),t.jsx(Bo,{children:Si.emailBannerAiTail})]})}),t.jsx(bo,{children:$()})]})}),t.jsx(n2,{ref:i,type:"file",multiple:!0,accept:Ml,onClick:v=>v.stopPropagation(),onChange:v=>{const T=v.target.files?Array.from(v.target.files):[];T.length>0&&e(T.slice(0,Dn)),v.target.value=""}})]})},Uy=o.div`
+  position: absolute;
+  inset: 0;
+  z-index: 0;
+  pointer-events: none;
+  border-radius: inherit;
+  overflow: hidden;
+  color: ${e=>e.theme.colors.grey1};
+
+  svg {
+    display: block;
+    width: 100%;
+    height: 100%;
+  }
+`,Hy=o.div`
+  position: relative;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  gap: ${n.sp2};
+  padding: ${n.sp3};
+  box-sizing: border-box;
+  cursor: pointer;
+  border: none;
+  border-radius: ${n.sp2};
+  background-color: ${e=>e.theme.colors.background};
+  isolation: isolate;
+  margin-top: ${n.sp3};
+  /* Stack frame (first child) under content; avoid Emotion component selectors
+   * in parent rules — Storybook Vite preview omits @emotion/babel-plugin. */
+  > *:not(:first-child) {
+    position: relative;
+    z-index: 1;
+  }
+`,Wy=o.div`
+  flex: 1;
+  min-width: 0;
+  height: ${n.sp4};
+  overflow: hidden;
+`,qy=o.div`
+  display: flex;
+  flex-direction: column;
+  transition: ${e=>e.$skipTransition?"none":`transform ${_y}ms ease-in-out`};
+  transform: translateY(${e=>`-${e.$phase*f[4]}px`});
+`,bo=o.div`
+  flex-shrink: 0;
+  height: ${n.sp4};
+  line-height: ${n.sp4};
+  display: flex;
+  align-items: center;
+  justify-content: center;
+`,Ol=o.span`
+  font-family: ${Dc};
+  font-size: ${n.sp3};
+  line-height: ${n.sp4};
+  letter-spacing: 0;
+  color: ${e=>e.theme.colors.primary};
+  text-decoration: none;
+  border-bottom: none;
+  box-shadow: none;
+`,Ua=o(Ol)`
+  font-weight: ${Zn.medium};
+`,Bo=o(Ol)`
+  font-weight: ${Zn.regular};
+`,Ky=o(Bo)`
+  text-decoration: underline;
+  text-decoration-color: ${he.neutralGrey2Light};
+  text-underline-offset: 0.15em;
+  border-bottom: none;
+  box-shadow: none;
+`,Jy=o.span`
+  display: inline-flex;
+  align-items: center;
+  flex-wrap: nowrap;
+  gap: 0.3em;
+  max-width: 100%;
+  min-width: 0;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+`,Qy=o.span`
+  display: inline-flex;
+  align-items: center;
+  align-self: center;
+  gap: 0.35em;
+  flex-shrink: 0;
+`,Gy=o.button`
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  padding: 0;
+  margin: 0;
+  border: none;
+  background: transparent;
+  cursor: pointer;
+  line-height: 1;
+  flex-shrink: 0;
+`,Yy=o(Cr)`
+  width: ${n.sp3};
+  height: ${n.sp3};
+  flex-shrink: 0;
+  color: ${e=>e.theme.colors.primary};
+`,Zy=o(Ec)`
+  width: ${n.sp3};
+  height: ${n.sp3};
+  flex-shrink: 0;
+  color: ${he.success};
+`,Xy=o.div`
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  gap: 0.35em;
+  min-width: 0;
+  max-width: 100%;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+`,e2=o.div`
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  flex-shrink: 0;
+  align-self: center;
+  transition: ${e=>e.$skipTransition?"none":`transform ${By}ms ease-in-out`};
+  transform: rotate(${e=>e.$deg}deg);
+`,t2=o(Qt)`
+  width: ${n.sp3};
+  height: ${n.sp3};
+  flex-shrink: 0;
+  display: block;
+  color: ${e=>e.theme.colors.primary};
+`,n2=o.input`
+  display: none;
+`,i2=({isDraggingFiles:e,onFilesSelected:i,policyDescription:l,showEmailOrDropZone:r})=>t.jsxs(o2,{children:[r?e?t.jsx(Ly,{onFilesSelected:i}):t.jsx(Ny,{onFilesSelected:i}):null,l.trim().length>0?t.jsx(s2,{children:t.jsx(Re,{children:l})}):null]}),o2=o.div`
+  display: flex;
+  flex-direction: column;
+  width: 100%;
+`,s2=o.div`
+  text-align: center;
+  padding: ${n.sp4} ${n.sp4};
+  color: ${e=>e.theme.colors.hero};
+`,{uncategorizedTransactionList:{missingReceipt:{bulkUpload:vo}}}=me.getLocalizedStrings(),ji=3e4,Ha=3e4,So=99;function a2(e){if(e<=ji)return e/ji*So;if(e<=ji+Ha){const i=e-ji;return So+i/Ha*(100-So)}return 100}const r2=({fileCount:e,percentage:i=0})=>{const[l,r]=s.useState(0);s.useEffect(()=>{const a=performance.now(),c=()=>{const m=performance.now()-a;r(a2(m))};c();const h=window.setInterval(c,100);return()=>window.clearInterval(h)},[]);const u=Math.min(100,Math.max(l,i)),d=Dl(vo.uploadingReceipts,e,vo.receiptWordSingular,vo.receiptWordPlural);return t.jsxs(l2,{children:[t.jsx(c2,{children:t.jsx(d2,{style:{width:`${u}%`}})}),t.jsx(u2,{children:t.jsx(h2,{children:d})})]})},l2=o.div`
+  position: relative;
+  display: flex;
+  align-items: center;
+  height: ${n.sp8};
+  margin: ${n.sp3} ${n.sp3} ${n.sp0};
+  background-color: ${e=>e.theme.colors.grey5};
+  border: 1px solid ${he.success};
+  border-radius: ${n.sp2};
+  overflow: hidden;
+`,c2=o.div`
+  position: absolute;
+  inset: 0;
+  overflow: hidden;
+`,d2=o.div`
+  height: 100%;
+  background-color: ${he.successLight};
+  transition: width 0.35s cubic-bezier(0.4, 0, 0.2, 1);
+`,u2=o.div`
+  position: relative;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 100%;
+  padding: 0 ${n.sp3};
+`,h2=o(Re)`
+  color: ${he.success};
+`,Wa=({bulkUploadPhase:e,isDraggingFiles:i,isUploading:l,matchingProgressBannerTotal:r,onFilesSelected:u,policyDescription:d,showEmailOrDropZone:a,uploadError:c,uploadFileCount:h,uploadProgressPercent:m})=>t.jsxs(p2,{children:[l?t.jsx(r2,{fileCount:h,percentage:m}):null,c!=null&&!l?t.jsx(m2,{children:c}):null,e==="matching"?t.jsx(vy,{total:r}):null,t.jsx(i2,{isDraggingFiles:i,onFilesSelected:u,policyDescription:d,showEmailOrDropZone:a})]}),p2=o.div`
+  display: flex;
+  flex-direction: column;
+  width: 100%;
+`,m2=o(Wl)`
+  padding: ${n.sp2} ${n.sp3};
+  margin: ${n.sp2} ${n.sp0} ${n.sp0};
+  background-color: ${he.importantLight};
+  border: 1px solid ${he.important};
+  border-radius: ${n.sp2};
+  color: ${he.important};
+  text-align: center;
+`,{uncategorizedTransactionList:{missingReceipt:{bulkUpload:gn}}}=me.getLocalizedStrings(),g2=[{id:"all",label:gn.completedSubTabAll},{id:"ai_accountant",label:gn.completedSubTabAiAccountant},{id:"manual",label:gn.completedSubTabManual}],qa=({activeSubTab:e,totalCount:i,onSubTabChange:l,completedTransactionsFetchState:r,completedTransactionsLoadedCount:u=0})=>{const d=r?.fetchState,a=(u>0||r!=null&&d!=="Not-Started"&&d!=="In-Progress")&&i>0,c=s.useMemo(()=>{switch(e){case"all":return gn.completedDescriptionAll;case"ai_accountant":return gn.completedDescriptionAi.replace("__count__",i.toString());case"manual":return gn.completedDescriptionManual;default:return gn.completedDescriptionAll}},[e,i]);return t.jsxs(x2,{children:[t.jsx(f2,{children:g2.map(h=>t.jsx(y2,{isActive:e===h.id,onClick:()=>{l(h.id)},children:t.jsx(ot,{children:h.label})},h.id))}),a?t.jsxs(w2,{children:[e==="ai_accountant"?t.jsx(C2,{}):null,t.jsx(b2,{children:t.jsx(Re,{children:c})})]}):null]})},x2=o.div`
+  display: flex;
+  flex-direction: column;
+  width: 100%;
+  margin-top: ${n.sp4};
+`,f2=o.div`
+  display: flex;
+  align-items: center;
+  gap: ${n.sp3};
+  padding-bottom: ${n.sp3};
+`,y2=o.button`
+  box-sizing: border-box;
+  padding: ${n.sp1} ${n.sp2};
+  border-radius: ${n.sp1};
+  border: 1px solid
+    ${e=>e.isActive?e.theme.colors.primary:"transparent"};
+  background-color: transparent;
+  color: ${e=>e.isActive?e.theme.colors.primary:e.theme.colors.hero};
+  cursor: ${e=>e.isActive?"default":"pointer"};
+  transition:
+    border-color 0.15s ease,
+    color 0.15s ease;
+
+  &:hover {
+    color: ${e=>e.theme.colors.primary};
+  }
+`,w2=o.div`
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  gap: ${n.sp1};
+  padding-bottom: ${n.sp4};
+`,C2=o(Qt)`
+  width: ${n.sp3};
+  height: ${n.sp3};
+  flex-shrink: 0;
+`,b2=o.div`
+  color: ${e=>e.theme.colors.champion};
+  text-align: center;
+`;async function v2(e,i,l,r){const u=new FormData;l.forEach((d,a)=>{u.append(`attachment_file_${a}`,d);const c=JSON.stringify({file_name:d.name,content_type:d.type,size:d.size});u.append(`attachment_json_${a}`,c)});try{const d=await(await Ul(e,{method:"POST",body:u,headers:{"zeni-user-id":i.userId,"zeni-tenant-id":i.tenantId,"zeni-session-id":i.sessionId}})).json();if(d.status.code>=200&&d.status.code<300)return d.data;throw console.error(`Bulk upload failed with ${d.status.message}`),r?.(d.status.message),new Error(`Bulk upload failed: ${d.status.message}`)}catch(d){throw console.error(`Bulk upload failed: ${JSON.stringify(d)}`),d}}function S2(e){const{authParams:i,bulkUploadEndpoint:l,onBulkUploadFilesFallback:r,onBulkUploadProgress:u,onBulkUploadSuccess:d}=e,[a,c]=s.useState(!1),[h,m]=s.useState(0),[p,g]=s.useState(!1),[x,y]=s.useState(null),b=s.useCallback(async T=>{const I=T.slice(0,Dn);if(m(I.length),c(!1),y(null),l!=null){g(!0);try{const w=await v2(l,i,I,y);u?.(100),await new Promise(k=>{window.setTimeout(k,dd)}),d?.(w.batch_id)}catch{y("Upload failed. Please try again.")}finally{g(!1)}}else r?.(I)},[l,i,u,d,r]),S=s.useCallback(T=>{T.preventDefault(),T.stopPropagation(),c(!0)},[]),$=s.useCallback(T=>{const I=T.relatedTarget,w=T.currentTarget;I&&w.contains(I)||(T.preventDefault(),T.stopPropagation(),c(!1))},[]),v=s.useCallback(T=>{T.preventDefault(),T.stopPropagation();const I=Array.from(T.dataTransfer.files).slice(0,Dn);I.length>0?b(I):c(!1)},[b]);return{isDraggingFiles:a,uploadFileCount:h,isUploading:p,uploadError:x,handleBulkUploadFiles:b,handleDragOver:S,handleDragLeave:$,handleDrop:v}}const k2=e=>s.createElement("svg",{viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e},s.createElement("path",{d:"M22.9902 12.0403L1.12726 12.0403",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),s.createElement("path",{d:"M7.68994 5.60718L1.00953 12.0402L7.68994 18.4732",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"})),j2=e=>s.createElement("svg",{viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e},s.createElement("path",{d:"M12 22.0619L11.4825 21.5444C9.66604 19.7284 7.20261 18.7082 4.63406 18.7084H2.17687C1.92268 18.7082 1.67898 18.607 1.49932 18.4272C1.31966 18.2474 1.21875 18.0036 1.21875 17.7494V2.89563C1.21875 2.64152 1.3197 2.39781 1.49938 2.21813C1.67906 2.03845 1.92276 1.9375 2.17687 1.9375H3.94219C5.53731 1.93666 7.10793 2.32989 8.51448 3.08223C9.92104 3.83457 11.12 4.92273 12.0047 6.25L12 22.0619Z",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),s.createElement("path",{d:"M12 22.0619L12.5175 21.5444C14.334 19.7284 16.7974 18.7082 19.3659 18.7084H21.8231C22.0773 18.7082 22.321 18.607 22.5007 18.4272C22.6803 18.2474 22.7813 18.0036 22.7812 17.7494V2.89563C22.7812 2.64152 22.6803 2.39781 22.5006 2.21813C22.3209 2.03845 22.0772 1.9375 21.8231 1.9375H20.0625C18.4674 1.93666 16.8968 2.32989 15.4902 3.08223C14.0837 3.83457 12.8847 4.92273 12 6.25V22.0619Z",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),s.createElement("path",{d:"M4.07031 6.47765C5.88047 6.33155 7.68276 6.84169 9.14781 7.91484",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),s.createElement("path",{d:"M4.07031 10.3118C5.88051 10.1652 7.68295 10.6754 9.14781 11.7489",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),s.createElement("path",{d:"M4.07031 14.1435C5.88058 13.9978 7.68285 14.5083 9.14781 15.5817",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),s.createElement("path",{d:"M18.5882 8.40625H16.6392C16.3407 8.40684 16.0516 8.51125 15.8217 8.70157C15.5917 8.8919 15.4351 9.15629 15.3786 9.44943C15.3222 9.74258 15.3695 10.0462 15.5125 10.3083C15.6554 10.5704 15.885 10.7746 16.162 10.8859L18.1392 11.6762C18.4162 11.7876 18.6458 11.9918 18.7887 12.2539C18.9316 12.516 18.9789 12.8196 18.9225 13.1128C18.8661 13.4059 18.7095 13.6703 18.4795 13.8606C18.2495 14.0509 17.9605 14.1553 17.662 14.1559H15.7129",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),s.createElement("path",{d:"M17.1504 8.40656V7.6875",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),s.createElement("path",{d:"M17.1504 14.8753V14.1562",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"})),$2=o.div`
+  width: 100%;
+  height: 100vh;
+  display: flex;
+  flex-direction: column;
+  background: ${e=>e.theme.colors.grey4};
+  box-shadow: ${e=>e.theme.colors.elevation1};
+`,I2=o.div`
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  min-width: 100%;
+  min-height: 0;
+  flex: 1;
+
+  ${e=>e.theme.breakpoints.down("md")} {
+    width: 100%;
+    padding-left: ${n.sp0};
+  }
+`,Ka=o(Hl)`
+  height: ${n.sp3};
+  width: ${n.sp3};
+  cursor: pointer;
+  color: inherit;
+`,Ja=o(k2)`
+  height: ${n.sp3};
+  width: ${n.sp3};
+  cursor: pointer;
+  color: inherit;
+`,{common:{footer:ze,texts:{maxLimitReached:T2,confirmAction:L2},headers:zl,create:A2,strings:Hn,texts:Rn,cancel:R2,confirm:E2,monthsByIndex:D2},dateFormat:{visual:{MMMDCommaYYYYformat:Qa}},expenseAutomation:En,uncategorizedTransactionList:{missingReceipt:{bulkUpload:Ga}}}=me.getLocalizedStrings(),M2=({setActivityLogTransactionId:e})=>{const{selectedTransactionId:i}=zi(),l=Tt(),[r,u]=s.useState(!1);return i==null?null:t.jsx(xe,{title:En.transactions.header.activity,placement:"bottom",children:t.jsx(X2,{onMouseEnter:()=>u(!0),onMouseLeave:()=>u(!1),onClick:d=>{d.stopPropagation(),e(i)},children:t.jsx(ew,{style:{color:r?l.colors.primary:l.colors.hero}})})})},Cw=e=>{const{expenseAutomationViewSelector:i,isDisabled:l,isRealtimeInsightsFeatureEnabled:r,isUncategorizedExpenseCategoryEnabled:u,isCOTEnabled:d,onUpdateTab:a,onReconTabUpdate:c,onUpdateStep:h,onSearchTextChanged:m,onRefresh:p,onClose:g,onBack:x,onBulkUploadConfirmMatchAcknowledged:y,onClearMissingReceiptsTabNavigation:b,closeSidePanel:S,initialMissingReceiptsTab:$,resetTransactionCategorizationLocalData:v,updateOperatingExpensesIdsForReview:T,clearJeScheduleLocalData:I,onSaveReconciliation:w}=e,k=e.bulkUploadEndpoint!=null||e.onBulkUploadFiles!=null,j=S2({authParams:e.authParams,bulkUploadEndpoint:e.bulkUploadEndpoint,onBulkUploadProgress:e.onBulkUploadProgress,onBulkUploadSuccess:e.onBulkUploadSuccess,onBulkUploadFilesFallback:e.onBulkUploadFiles}),{currentSelectedView:C,allSteps:P,missingReceipts:A,jeSchedules:R,fluxAnalysis:F,monthEndInsights:V,transactionView:q,selectedTransactionCategorizationTab:D,reconciliation:O,selectedPeriod:ae}=i,{pendingMissingReceiptsTabNavigation:_}=A,[L,U]=s.useState("expenseAutomationPage"),[X,ce]=s.useState(()=>{}),[ge,te]=s.useState(!1),J=be(),ee=!!e.loggedInUser?.userEmail?.includes("zeni.ai"),W=ee?er:tr,{openThread:B,setOpenThread:ne}=s.useContext(W),[H,Z]=s.useState(!1),[oe,K]=s.useState(!1),[N,z]=s.useState($??"missing"),se=s.useRef(null);s.useEffect(()=>{const Ae=se.current;Ae!==null&&Ae!==N&&S?.(),se.current=N},[N,S]);const Y=s.useCallback(Ae=>{z(Ae)},[]),[G,je]=s.useState(null),Te=s.useCallback(Ae=>{je(Ae),U(Ae!=null?"expenseAutomationMissingReceipts":"expenseAutomationPage")},[U]),E=e.bulkUploadSelector?.confirmMatchStatus.fetchState,de=s.useRef(void 0);s.useEffect(()=>{de.current==="In-Progress"&&E==="Completed"&&G!=null&&(Te(null),y?.()),de.current=E},[E,G,Te,y]),s.useEffect(()=>{N!=="unmatched"&&Te(null)},[N,Te]),s.useEffect(()=>{_==="unmatched"&&(k&&Y("unmatched"),b?.())},[_,b,k,Y]),s.useEffect(()=>{k===!1&&(N==="unmatched"||N==="completed")&&Y("missing")},[k,N,Y]);const $e=P.find(Ae=>Ae.step===C),{nextStep:Me,previousStep:De}=P2(P,C),{uiState:{searchString:Fe,pageToken:ve},totalCountByTab:Xe,transactions:ht,fetchStateByTransactionTabs:et,transactionLocalData:fe}=q,{selectedReconAccount:_e,reconciliationTabsState:{reconcile:{localData:{selectedTransactionIds:Vt}}}}=O;let tt="Not-Started",pt="complete";switch(C){case"missing_receipts":tt=A.refreshStatus.fetchState,pt=A.completionStatus;break;case"je_schedules":tt=R.refreshStatus.fetchState,pt=R.completionStatus;break;case"month_end_insights":V!=null&&(tt=V?.fetchState);break;case"flux_analysis":tt=F.refreshStatus.fetchState,pt=F.completionStatus;break;case"transaction_categorization":tt=q.refreshStatus.fetchState,pt=q.completionStatus;break;case"reconciliation":_e==null?(tt=O.refreshStatus.fetchState,pt=O.completionStatus):(tt=O.selectedReconAccount?.refreshStatus.fetchState??"Not-Started",pt=O.completionStatus)}const Lt=()=>{X()},{saveStatus:Ee,selectedCheckBoxTransactionIds:Ie}=q,Ke=()=>{const Ae=Zr(i.fluxAnalysis.sections,i.fluxAnalysis.reviewOperatingExpensesIds),rt=Ki(),{month:At,year:ri}=ae,bt=Ki().set("month",At-1).set("year",ri).endOf("month");switch(L){case"expenseAutomationFluxPage":return{formId:"expenseAutomationFluxPage",isNextDisabled:!1,isPrevDisabled:!1,primaryBtn:{label:Ae===!0?ze.markAsReviewed:Rn.undo,style:{justifyContent:"space-evenly"},isLoading:i.fluxAnalysis.bulkReviewStatus.fetchState==="In-Progress",isDisabled:!1},leftSideComponent:ko(i.fluxAnalysis.reviewOperatingExpensesIds.length,Pr,J,Rn.vendor,C),cancelBtn:{label:ze.cancel,style:{width:"96px",justifyContent:"space-evenly"},onClick:()=>{T([])}}};case"expenseAutomationTransactionsPage":return{formId:"expenseAutomationTransactionsPage",isNextDisabled:!1,isPrevDisabled:!1,primaryBtn:{label:ze.save,style:{minWidth:"96px",justifyContent:"space-evenly"},isLoading:Ee.fetchState==="In-Progress",isDisabled:!1},leftSideComponent:ko(Ie.length,qn,J,Rn.transaction,C),cancelBtn:{label:ze.cancel,style:{width:"96px",justifyContent:"space-evenly"},onClick:()=>{v(D,ht.map(nn=>nn.id),ae,!1,Xe[D],ws(fe,D),u,ve)}}};case"expenseAutomationJESchedulePage":return{formId:"expenseAutomationJESchedulePage",nextBtnLabel:ze.next,backBtnLabel:ze.back,isNextDisabled:!1,isPrevDisabled:!1,primaryBtn:{label:ze.next,style:{justifyContent:"space-evenly"},isDisabled:l||$e?.isNextDisabled,suffixIcon:t.jsx(Ka,{}),onClick:()=>{h(Me.step)}},cancelBtn:{label:ze.back,isDisabled:l||$e?.isPrevDisabled,style:{width:"96px",justifyContent:"space-evenly"},prefixIcon:t.jsx(Ja,{}),onClick:()=>{h(De.step)}}};case"expenseAutomationBankReconReconcilePage":return{formId:"expenseAutomationBankReconReconcilePage",nextBtnLabel:ze.reconcile,backBtnLabel:ze.saveForLater,isNextDisabled:!1,isPrevDisabled:!1,primaryBtn:{label:ze.reconcile,onClick:()=>{w({reconcileAction:"reconcile"})},isDisabled:!(O.reconciliationTabsState.balances.variance.amount===0&&rt.isAfter(bt)),isLoading:O.actionFetchStates.reconcileFetch.fetchState==="In-Progress",style:{justifyContent:"space-evenly",minWidth:132}},leftSideComponent:ko(Vt.length,1/0,J,Rn.transaction,C),cancelBtn:{onClick:()=>{w({reconcileAction:"save_reconcile_for_later"})},reverseSpinnerColor:!1,isLoading:O.actionFetchStates.saveForLaterFetch.fetchState==="In-Progress",label:ze.saveForLater,style:{minWidth:132,justifyContent:"space-evenly"}}};case"expenseAutomationJEAccountSettingsPage":return{formId:"expenseAutomationJEAccountSettingsPage",nextBtnLabel:ze.save,backBtnLabel:ze.cancel,isNextDisabled:!1,isPrevDisabled:!1,primaryBtn:{label:ze.save,isLoading:R.accountSettingsView.saveState.fetchState==="In-Progress",style:{justifyContent:"space-evenly",minWidth:82}},cancelBtn:{onClick:()=>Lt(),label:ze.cancel,style:{minWidth:82,justifyContent:"space-evenly"}}};case"expenseAutomationMissingReceipts":return{formId:"expenseAutomationMissingReceipts",isNextDisabled:!1,isPrevDisabled:!1,primaryBtn:{label:Ga.confirmMatch,isLoading:e.bulkUploadSelector?.confirmMatchStatus.fetchState==="In-Progress",isDisabled:G==null||e.bulkUploadSelector?.confirmMatchStatus.fetchState==="In-Progress",style:{minWidth:"96px",justifyContent:"space-evenly"},onClick:()=>{G!=null&&e.bulkUploadSelector?.confirmMatchStatus.fetchState!=="In-Progress"&&e.onConfirmBulkUploadMatch?.(G.batchId,G.attachmentId,G.transactionId,G.transactionType,G.fileName)}},cancelBtn:{label:ze.cancel,style:{width:"96px",justifyContent:"space-evenly"},onClick:()=>Te(null)}};default:{const nn=C==="reconciliation"&&i.reconciliation.selectedTab==="review"&&i.reconciliation.selectedAccountId!=null,zn=C==="reconciliation"&&i.reconciliation.selectedAccountId==null,li=C==="reconciliation"&&i.reconciliation.selectedTab==="reconcile"&&i.reconciliation.selectedAccountId!=null,Ui=Me.step==="month_end_insights"&&(C==="flux_analysis"&&(i.fluxAnalysis.sections.generalExpense?.balancesByMonth!=null||i.fluxAnalysis.sections.reimbursement?.balancesByMonth!=null)||zn),lt=C==="transaction_categorization"&&i.selectedTransactionCategorizationTab==="review",Pn=C==="transaction_categorization"&&i.selectedTransactionCategorizationTab==="autoCategorized",ie=i.monthEndCloseChecksView.monthEndCloseChecks?.monthEndCloseCheckList.find(vt=>vt.id==="month_end_insights"),Se=i.monthEndCloseChecksView.monthEndCloseChecks?.reportEmailSentDate==null&&ie?.isDisabled===!1&&(r||$e?.isNextDisabled===!1),Le=Me.step==="month_end_insights"&&(zn||C==="flux_analysis")?!Se:$e?.isNextDisabled===!0;return{formId:"expenseAutomationPage",nextBtnLabel:ze.next,backBtnLabel:ze.back,isNextDisabled:!1,isPrevDisabled:!1,primaryBtn:{label:Ui===!0?z2(i.selectedPeriod.month):ze.next,style:{justifyContent:"space-evenly"},isDisabled:Le,suffixIcon:t.jsx(Ka,{}),onClick:()=>{lt?a("autoCategorized"):nn?c("reconcile"):h(Me.step)}},cancelBtn:{label:ze.back,isDisabled:l||$e?.isPrevDisabled,style:{width:"96px",justifyContent:"space-evenly"},prefixIcon:t.jsx(Ja,{}),onClick:()=>{Pn?a("review"):li?c("review"):nn?x():h(De.step)}}}}}},ye=()=>{switch(L){case"expenseAutomationFluxPage":return{confirmAction:()=>{Z(!1),T([]),g()}};case"expenseAutomationTransactionsPage":return{confirmAction:()=>{Z(!1),v(D,ht.map(Ae=>Ae.id),ae,!1,Xe[D],ws(fe,D),u,ve),g()}};case"expenseAutomationJESchedulePage":return{confirmAction:()=>{Z(!1),I(),g()}};default:return{confirmAction:()=>{Z(!1)},confirmationDescription:Hn.empty}}},Be=()=>{L==="expenseAutomationFluxPage"||L==="expenseAutomationJESchedulePage"||L==="expenseAutomationTransactionsPage"?Z(!0):g()},{primaryBtn:wt,cancelBtn:yn,leftSideComponent:Qe}=Ke(),{confirmAction:wn}=ye(),Cn=Ae=>{if(C==="transaction_categorization"&&(Ae==="autoCategorized"||Ae==="review")){const rt=Ae;return{hideCountInTab:Xe[rt]>En.common.numbers.maximumCount,count:Xe[rt],isFetching:et[rt].fetchState==="In-Progress"}}if(C==="reconciliation"){const{reconciliation:rt}=i,{selectedAccountId:At}=rt;return At==null?{count:0,isFetching:!1}:Ae==="review"?{count:rt.accountReconciliationsByAccountID[At]?.accountReconEntity?.transactionsToReview.length,isFetching:rt.accountReconciliationsByAccountID[At]?.transactionFetchState.fetchState==="In-Progress"}:{count:rt.accountReconciliationsByAccountID[At]?.accountReconEntity?.transactionsToReconcile.length,isFetching:rt.accountReconciliationsByAccountID[At]?.transactionFetchState.fetchState==="In-Progress"}}if(C==="missing_receipts"){if(Ae==="missing")return{count:A.transactions.length,isFetching:A.fetchState==="In-Progress"};if(Ae==="unmatched")return{count:(e.bulkUploadSelector?.unmatchedFiles.length??0)+(e.bulkUploadSelector?.pastUnmatchedFiles.length??0),isFetching:N==="unmatched"&&$l({bulkUploadSelector:e.bulkUploadSelector})};if(Ae==="completed")return{count:e.bulkUploadSelector?.completedTransactions?.totalCount??0,isFetching:e.bulkUploadSelector?.completedTransactions?.fetchState?.fetchState==="In-Progress",hideCountInTab:!0}}},Ct=C==="reconciliation"&&O.selectedAccountId!=null&&O.selectedReconAccount!=null,{month:Yt,year:Zt}=ae,Xt=Ki().set("month",Yt-1).set("year",Zt),ii=Xt.startOf("month").format(Qa),Mn=Xt.endOf("month").format(Qa),Bi=`${ii} ${Hn.hyphen} ${Mn}`,en=e.sidePanelIsOpen??!1,tn=e.sidePanelIsFullView??!1,On=C==="missing_receipts"&&N==="missing"&&k,oi=e.bulkUploadSelector?.phase,Vi=e.bulkUploadSelector?.progress.total!=null&&e.bulkUploadSelector.progress.total>0?e.bulkUploadSelector.progress.total:j.uploadFileCount,Ni=N==="completed"&&e.bulkUploadSelector!=null&&e.bulkUploadSelector.completedTransactions.fetchState.fetchState==="Completed"&&e.bulkUploadSelector.completedTransactions.totalCount===0,si={bulkUploadPhase:oi,isDraggingFiles:j.isDraggingFiles,isUploading:j.isUploading===!0,matchingProgressBannerTotal:Vi,onFilesSelected:j.handleBulkUploadFiles,policyDescription:Ni?"":Ga.policyDescription,showEmailOrDropZone:j.isUploading!==!0&&oi!=="matching",uploadError:j.uploadError,uploadFileCount:j.uploadFileCount,uploadProgressPercent:e.bulkUploadSelector?.uploadProgress??0},ai=C==="missing_receipts"&&N==="completed"&&k&&e.bulkUploadSelector!=null,He={onDragLeave:j.handleDragLeave,onDragOver:j.handleDragOver,onDrop:j.handleDrop},bn=On===!0&&!(en&&tn)?t.jsx(Fa,{...He,children:t.jsx(Wa,{...si})}):ai===!0&&!(en&&tn)&&e.bulkUploadSelector!=null?t.jsx(qa,{activeSubTab:e.bulkUploadSelector.completedSubTab,completedTransactionsFetchState:e.bulkUploadSelector.completedTransactions.fetchState,completedTransactionsLoadedCount:e.bulkUploadSelector.completedTransactions.transactions.length,onSubTabChange:Ae=>{e.onSetBulkUploadCompletedSubTab?.(Ae)},totalCount:e.bulkUploadSelector.completedTransactions.totalCount}):null;return t.jsxs($2,{children:[H?t.jsx(Fl,{containerStyle:{width:356},titleComponent:t.jsx(U2,{children:L2}),primaryButtonText:E2,secondaryButtonText:R2,proceedButtonVariant:"danger",action:{onOkClick:()=>{wn()},onCancelClick:()=>Z(!1)},descriptionComponent:t.jsx(H2,{children:En.confirmationDescription})}):null,t.jsx(_l,{isOpen:e.sidePanelIsOpen??!1,isFullView:e.sidePanelIsFullView??!1,panelContent:e.panelContent,panelActionBarContent:e.isTransactionActivityEnabled?t.jsx(M2,{setActivityLogTransactionId:e.setActivityLogTransactionId}):null,headerContent:t.jsx(iu,{hideEmptyDivBelowTabs:C==="missing_receipts",onBack:x,navBarCustomElement:C==="reconciliation"&&O.selectedAccountId!=null?t.jsx(O2,{reconciliation:O}):void 0,onReconTabUpdate:c,currentRecontab:O.selectedTab,bulkUploadPhase:e.bulkUploadSelector?.phase,currentMissingReceiptsTab:N,onMissingReceiptsTabUpdate:Y,reconcileDetailPageFetchState:O.selectedAccountId!=null?O.accountReconciliationsByAccountID[O.selectedAccountId]?.transactionFetchState.fetchState:"Not-Started",selectedReconAccountId:Ct?O.selectedAccountId:void 0,currentSelectedView:C,titleStyle:{justifyContent:"center",marginLeft:n.sp0},headerData:We(C,Xe.autoCategorized,Ct?O.selectedAccountId:void 0,Ct?O.selectedReconAccount?.accountReconEntity?.account.accountName:void 0,Ct?Bi:void 0,C==="missing_receipts"?{includeBulkUploadTabs:k,navTitle:k?zl.receipts:void 0}:void 0),searchText:Fe,currentTab:D,getTabCountAndFetchState:Cn,completionStatus:pt,forceShowSubtitle:ge===!0||C==="je_schedules"&&(R.fetchState==="In-Progress"||R.accountSettingsView.fetchState==="In-Progress"),refreshStatus:tt,companyId:e.companyId,companyName:i.monthEndInsights?.companyName??Hn.empty,isZeniUser:ee,onAllThreadsClick:()=>{B!=null&&ne(null),K(!0)},onUpdateTab:a,onSearchTextChanged:m,onRefresh:C==="missing_receipts"?()=>{switch(N){case"missing":e.onFetchMissingReceiptsList();break;case"unmatched":e.onFetchBulkUploadBatches?.({cacheOverride:!0,invalidateBatchDetailsCache:!0});break;case"completed":e.onFetchCompletedTransactions?.(void 0,!0);break}}:p,onClose:Be,belowTabsSlot:bn}),listContent:t.jsxs(I2,{children:[C==="missing_receipts"?t.jsx(yy,{missingReceiptsTab:N,missingTransactionCount:A.transactions.length,missingReceiptsBulkUploadChromeInPageBody:On===!0&&en&&tn?t.jsx(Fa,{...He,children:t.jsx(Wa,{...si})}):null,missingReceiptsCompletedChromeInPageBody:ai===!0&&en&&tn&&e.bulkUploadSelector!=null?t.jsx(qa,{activeSubTab:e.bulkUploadSelector.completedSubTab,completedTransactionsFetchState:e.bulkUploadSelector.completedTransactions.fetchState,completedTransactionsLoadedCount:e.bulkUploadSelector.completedTransactions.transactions.length,onSubTabChange:Ae=>{e.onSetBulkUploadCompletedSubTab?.(Ae)},totalCount:e.bulkUploadSelector.completedTransactions.totalCount}):null,bulkUploadInteractions:j,bulkUploadSelector:e.bulkUploadSelector,selectedPeriod:ae,authParams:e.authParams,bulkUploadEndpoint:e.bulkUploadEndpoint,transactionAttachmentsEndpoint:e.transactionAttachmentsEndpoint,onBulkUploadSuccess:e.onBulkUploadSuccess,onBulkUploadFiles:e.onBulkUploadFiles,onFetchBulkUploadBatches:e.onFetchBulkUploadBatches,onFetchMoreBatchDetails:e.onFetchMoreBatchDetails,onFetchCompletedTransactions:e.onFetchCompletedTransactions,onDeleteUnmatchedReceipt:e.onDeleteUnmatchedReceipt,onLoadMoreManualSearch:e.onLoadMoreManualSearch,onSearchTransactionsForManualMatch:e.onSearchTransactionsForManualMatch,onPendingMatchChange:Te,pendingMatchAttachmentId:G?.attachmentId??null,pendingMatchTransactionId:G?.transactionId??null,onMissingReceiptsRowClick:e.onMissingReceiptsRowClick,onSetBulkUploadCompletedSubTab:e.onSetBulkUploadCompletedSubTab,onSetBulkUploadSortConfig:e.onSetBulkUploadSortConfig,onResetBulkUploadSort:e.onResetBulkUploadSort,setMissingReceiptsTab:Y,tableSectionProps:{parentProps:e,isCOTEnabled:d,setIsJeAccountSettingsOpened:te,setResetJeAccountSettingsForm:ce,allThreadsSectionOpen:oe,setCurrentFooterFormId:U,currentFooterFormId:L,onCloseAllThreadsSection:()=>K(!1)}}):t.jsx(yl,{...e,isCOTEnabled:d,setIsJeAccountSettingsOpened:te,setResetJeAccountSettingsForm:ce,allThreadsSectionOpen:oe,setCurrentFooterFormId:U,currentFooterFormId:L,onCloseAllThreadsSection:()=>K(!1)}),t.jsx(Ge,{controller:C!=="month_end_insights"&&e.sidePanelIsOpen!==!0,children:t.jsx(nr,{style:{width:"-webkit-fill-available",maxHeight:f[8]},formId:F2(L),primaryBtn:wt,leftSideComponent:Qe,cancelBtn:yn,separatorStyle:{marginRight:n.sp4}})})]})})]})},O2=({reconciliation:e})=>{const i=Tt(),{clearedBalance:l,variance:r,variancePercentage:u,deposits:d,payments:a}=e.reconciliationTabsState.balances,{balance:c}=e.selectedReconAccount?.accountReconEntity??{},{selectedReconAccount:h}=e,{transactionFetchState:m}=h??{};return t.jsx(W2,{children:t.jsxs(q2,{children:[t.jsxs(jo,{style:{justifyContent:"flex-end",width:"50%"},children:[t.jsx($o,{children:t.jsx(K2,{})}),t.jsx(Io,{children:m?.fetchState==="In-Progress"?t.jsxs(Ao,{children:[t.jsx(In,{height:25,width:120}),t.jsx(In,{height:19,width:120})]}):t.jsxs(t.Fragment,{children:[t.jsx(Lo,{children:nt("0,0.00",c)}),t.jsx(To,{children:En.accountRecon.reconciliation.headers.bankBalance})]})})]}),t.jsxs(jo,{children:[t.jsx($o,{children:t.jsx(Q2,{})}),t.jsx(Io,{children:m?.fetchState==="In-Progress"?t.jsxs(Ao,{children:[t.jsx(In,{height:25,width:120}),t.jsx(In,{height:19,width:120})]}):t.jsxs(t.Fragment,{children:[t.jsx(Lo,{children:nt("0,0.00",l)}),t.jsxs(Y2,{children:[t.jsx(To,{children:En.accountRecon.reconciliation.headers.clearedBalance}),t.jsx(xe,{placement:"bottom",title:t.jsxs(Z2,{children:[t.jsxs(Ya,{children:[t.jsxs(Za,{children:[a.count," ",Rn.payments]}),t.jsx(Xa,{children:nt("0,0.[00]",a.totalAmount)})]}),t.jsxs(Ya,{children:[t.jsxs(Za,{children:[d.count," ",Rn.deposits]}),t.jsx(Xa,{children:nt("0,0.[00]",d.totalAmount)})]})]}),display:"flex",children:t.jsx(G2,{})})]})]})})]}),t.jsxs(jo,{style:{justifyContent:"flex-start",width:"50%"},children:[t.jsx($o,{children:t.jsx(J2,{})}),t.jsx(Io,{children:m?.fetchState==="In-Progress"?t.jsxs(Ao,{children:[t.jsx(In,{height:25,width:120}),t.jsx(In,{height:19,width:120})]}):t.jsxs(t.Fragment,{children:[t.jsxs(Lo,{children:[t.jsx("span",{style:{color:r.amount===0?i.colors.brandColorJadeDark:i.colors.primary},children:nt("0,0.00",r)}),u!=null&&r.amount!==0?t.jsx("span",{style:{color:i.colors.primary,marginLeft:2},children:`(${u.toFixed(2)}%)`}):null]}),t.jsx(To,{children:En.accountRecon.reconciliation.headers.variance})]})})]})]})})},ko=(e,i,l,r,u)=>{const d=r,a=(e>1?d+"s":d)+" selected";return e>0?t.jsxs(_2,{currentView:u,style:l==="small"?{position:"absolute",top:n.sp2,left:`-${n.sp5}`}:{},children:[t.jsx(B2,{multiDigit:e>=5,children:e}),t.jsx(V2,{children:a}),e===i?t.jsx(N2,{children:`(${T2})`}):null]}):null},z2=e=>{const i=D2[e];return`${A2}${Hn.space}${i}${Hn.space}${zl.insights}`};function P2(e,i){const l=e.findIndex(c=>c.step===i);if(l===-1)throw new Error("currentStep not found in allSteps array");const r=(l+1)%e.length,u=(l-1+e.length)%e.length,d=e[r],a=e[u];return{nextStep:d,previousStep:a}}const F2=e=>`${e}_form`,_2=o.div`
+  display: flex;
+  justify-content: flex-start;
+  align-items: center;
+  gap: ${n.sp2};
+  margin-left: ${e=>e.currentView==="flux_analysis"?"36px":n.sp8};
+`,B2=o(Ye)`
+  height: 18px;
+  width: ${e=>e.multiDigit?"auto":"18px"};
+  padding: ${n.sp0} 6px;
+  border-radius: ${n.sp12};
+  border: ${e=>`1px solid ${e.theme.colors.primary}`};
+  display: flex;
+  justify-content: center;
+  align-items: center;
+`,V2=o(Re)`
+  color: ${e=>e.theme.colors.primary};
+`,N2=o(ot)`
+  color: ${he.important};
+`,U2=o(Pl)`
+  margin-top: ${n.sp5};
+  padding-left: ${n.sp8};
+  padding-right: ${n.sp8};
+  color: ${e=>e.theme.colors.primary};
+  word-break: break-word;
+`,H2=o(Bl)`
+  color: ${e=>e.theme.colors.primary};
+  margin-top: ${n.sp2};
+  margin-bottom: ${n.sp2};
+`,W2=o.div`
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  padding: ${n.sp3} ${n.sp0};
+`,q2=o.div`
+  width: 100%;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  gap: ${n.sp1};
+`,jo=o.div`
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  gap: ${n.sp3};
+`,$o=o.div`
+  width: ${n.sp7};
+  height: ${n.sp7};
+  border-radius: 50%;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  background-color: ${e=>e.theme.mode==="dark"?e.theme.colors.brandColorJadeDark:e.theme.colors.brandColorJadeLight};
+`,Io=o.div`
+  display: flex;
+  flex-direction: column;
+`,To=o(ot)`
+  color: ${e=>e.theme.colors.hero};
+`,Lo=o(Qn)`
+  min-width: 180px;
+  color: ${e=>e.theme.colors.primary};
+`,K2=o(Gl)`
+  color: ${e=>e.theme.colors.primary};
+  width: ${n.sp4};
+  height: ${n.sp4};
+`,J2=o(Yl)`
+  color: ${e=>e.theme.colors.primary};
+  width: ${n.sp4};
+  height: ${n.sp4};
+`,Q2=o(j2)`
+  color: ${e=>e.theme.colors.primary};
+  width: ${n.sp4};
+  height: ${n.sp4};
+`,G2=o(sr)`
+  width: ${n.sp3};
+  height: ${n.sp3};
+  color: ${e=>e.theme.colors.hero};
+  :hover {
+    color: ${e=>e.theme.colors.primary};
+  }
+`,Y2=o.div`
+  display: flex;
+  align-items: center;
+  gap: ${n.sp1};
+`,Z2=o.div`
+  background-color: ${he.overlayDark};
+  padding: 2px ${n.sp2};
+  border-radius: ${n.sp1};
+`,Ya=o.div`
+  display: flex;
+  justify-content: space-between;
+  gap: ${n.sp2};
+`,Za=o.div`
+  text-transform: capitalize;
+`,Xa=o(ot)`
+  color: ${he.primaryDark};
+  align-self: "flex-end";
+`,In=o(it)`
+  border-radius: ${n.sp2};
+`,Ao=o.div`
+  display: flex;
+  flex-direction: column;
+  min-width: 180px;
+  gap: ${n.sp1};
+`,X2=o.button`
+  background: none;
+  border: none;
+  cursor: pointer;
+  padding: ${n.sp1};
+  border-radius: ${n.sp1};
+  display: flex;
+  align-items: center;
+  justify-content: center;
+
+  &:hover {
+    background: ${({theme:e})=>e.colors.grey4};
+  }
+`,ew=o(pl)`
+  width: ${n.sp4};
+  height: ${n.sp4};
+`;export{U2 as ConfirmationPopUpTitle,Cw as default,P2 as getNextAndPreviousSteps,F2 as uniqueFormName};