@zeniai/web-cockpit-ui 1.15.13-qa → 1.15.14-dev

package/dist/assets/ExpenseAutomationPage-BJ4H_c2z-_vJX_cQS.js

@@ -0,0 +1,1700 @@
+import{o,bV as ja,J as ke,gk as rs,gl as ls,V as t,cp as ka,bB as Ia,aa as We,aR as cs,u as x,F as Ie,cq as $a,y as Z,d as kt,bC as Ta,i9 as La,aN as Je,bT as we,bv as Aa,g8 as Ea,aP as z,i6 as Ra,al as Be,h0 as Da,gU as ds,bw as Oa,bP as Mt,b7 as us,ai as It,bK as hs,p as Qe,km as Ma,am as gt,a9 as Jt,bO as Lo,ac as Gt,kn as Fa,ko as za,kp as _a,kq as un,kr as ps,ks as ms,kt as Ba,ku as Jo,kv as Pa,gn as gs,dl as xs,kw as Na,kx as Va,ky as Wa,kz as Ha,kA as Ua,kB as qa,kC as Ka,kD as Ja,kE as Ga,kF as Za,kG as fs,kH as Ya,kI as Xa,kJ as Qa,kK as er,gC as ys,b3 as Pn,ct as Nn,T as Cs,n as ws,P as bs,cF as Cn,dU as Ao,x as tr,gm as nr,bo as or,ck as ir,c2 as sr,eG as wn,b$ as Eo,aq as ar,c as rr,fC as lr,cd as cr,aD as vs,kL as dr,aV as Ro,aQ as Go,gW as Ss,kM as ur,kN as hr,kO as pr,bF as js,aT as mr,i7 as Ft,di as Do,gK as Ot,hY as Un,eD as Mn,cJ as Oo,ay as gr,eE as ks,dn as xr,gx as fr,fR as yr,h3 as Cr,iV as wr,dt as Mo,cz as Vn,cC as Wn,iC as it,b as Dt,hL as br,gD as qn,jk as Zo,dj as Is,d1 as xn,kP as vr,aZ as Sr,ds as $s,r as fn,it as Ts,iD as bo,kQ as on,ef as Ls,eh as As,iY as Es,iZ as Rs,kR as jr,c$ as Hn,iu as Ds,fq as Os,eu as Kn,aJ as vo,kS as kr,cO as Ir,aY as Ms,iK as $r,dS as Tr,ao as bt,kT as Lr,kU as Ar,b1 as Jn,eq as Er,a8 as Rr,er as Dr,es as Or,et as Mr,ew as Yo,ex as Xo,ey as Fr,kV as zr,a$ as _r,eI as Br,eJ as Pr,eK as Nr}from"./index-Kp9YkIA7.js";import{a as s,P as Vr}from"./sentry-D0RHYOS9.js";import{n as a,c as De,k as Fo}from"./mui-NI7j5KJX.js";import{bh as Gn,Gm as Qo,Gn as yn,Go as Wr,Gp as Hr,cx as Ur,bL as So,cy as qr,ER as ei,cz as Kr,cA as Jr,l8 as hn,bE as Wt,Gq as ti,c4 as Fs,Gr,bY as Zr,bo as Ht,Gs as Yr,Gt as zs,Gu as _s,Gv as Bs,Gw as Ps,Gx as Ns,Gy as zo,kU as Xr}from"./zeni-epic-state-Bk1TvHP-.js";import{l as _o}from"./panelSelectedMixin-CzfD5-Zs-d6QWM0fH.js";import{r as Vs,I as Ws,n as sn,R as mt}from"./CollapsableReportTable-UADp1m_8-0iD5_esu.js";import{N as Zn}from"./AccountRow-Bk_25FCy-D6n4Wyn2.js";import{o as Hs}from"./mapTimeframeBalancesToTreeNode-AkxvYRty-mSVf73T7.js";import{d as ni}from"./mapLoadingInProgressToTreeNode-C_5Bb47i-BdPvIdOh.js";import{h as Qr}from"./VendorsAccountsSection-D65ewlO6-qVucxRZa.js";import{u as el,c as oi,d as tl,m as nl}from"./uploadAttachment-DNNG-CMy-CV5ASbU8.js";import"./liveblocks-BRWAYUb6.js";import"./core-C99WDMlL.js";import"./recharts-CK-XmmGv.js";import"./lottie-CRJfZNkb.js";import"./analytics-CiM00cgl.js";import"./lexical-DuSFg2Qn.js";import"./utils-z9KEKf_W.js";(function(){try{var e=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},n=new e.Error().stack;n&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[n]="7a1d679d-92ef-41a2-8bb0-532036e05e18",e._sentryDebugIdIdentifier="sentry-dbid-7a1d679d-92ef-41a2-8bb0-532036e05e18")}catch{}})();const{common:{navBar:{back:ol},texts:{refresh:il,close:sl,copy:al,copied:rl,open:ll}},expenseAutomation:{common:{numbers:{maximumCount:cl}}}}=Ie.getLocalizedStrings(),dl=a(fr)`
+  display: flex;
+  width: ${o.sp4};
+  height: ${o.sp4};
+  align-items: center;
+  justify-content: center;
+`,ul=a.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};
+  }
+`,hl=a.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;
+`,pl=a.div`
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  padding-left: ${e=>si.subSectionContainerLeftRightPadding.valuePx(e.windowSize)};
+  padding-right: ${e=>si.subSectionContainerLeftRightPadding.valuePx(e.windowSize)};
+`,ml=a.div`
+  display: flex;
+  align-items: baseline;
+  justify-content: end;
+  gap: ${o.sp4};
+  flex: 1 1 ${o.sp0};
+`,gl=a.div`
+  display: flex;
+  align-items: baseline;
+  justify-content: start;
+  gap: ${o.sp4};
+  flex: 1 1 ${o.sp0};
+`,xl=a(Cr)`
+  width: ${o.sp3};
+  height: ${o.sp3};
+  cursor: pointer;
+  margin-left: ${o.sp1};
+  color: inherit;
+`,fl=a(yr)`
+  width: ${o.sp3};
+  height: ${o.sp3};
+  margin-left: ${o.sp1};
+  color: ${Qe.success};
+`,yl=a(tr)`
+  cursor: pointer;
+  width: ${o.sp4};
+  height: ${o.sp4};
+  color: ${e=>e.theme.colors.hero};
+  &:hover {
+    color: ${e=>e.theme.colors.primary};
+  }
+`,Cl=a(sr)`
+  cursor: pointer;
+  width: ${o.sp4};
+  height: ${o.sp4};
+  color: ${e=>e.theme.colors.hero};
+  &:hover {
+    color: ${e=>e.theme.colors.primary};
+  }
+`,wl=a(ir,{shouldForwardProp:e=>typeof e=="string"&&e!=="$spinning"})`
+  cursor: pointer;
+  width: ${o.sp4};
+  height: ${o.sp4};
+  color: ${e=>e.theme.colors.hero};
+  animation: ${e=>e.$spinning?De`
+          ${bl} 2s linear infinite;
+        `:"none"};
+  &:hover {
+    color: ${e=>e.theme.colors.primary};
+  }
+`,bl=Fo`
+  0% {
+    transform: rotate(0deg);
+  }
+  100% {
+    transform: rotate(360deg);
+  }
+`,vl=a.div`
+  padding-top: ${o.sp0};
+  padding-bottom: ${o.sp0};
+`,ii=a(Be)`
+  color: ${e=>e.theme.colors.hero};
+  text-align: center;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  flex-direction: column;
+  padding-bottom: ${o.sp4};
+`,Sl=a.div`
+  display: flex;
+`,jl=a.div`
+  border: 1px solid ${e=>e.theme.colors.grey3};
+  width: 100%;
+  margin-top: -2px;
+  border-top-right-radius: ${o.sp2};
+  border-top-left-radius: ${o.sp2};
+  border-bottom-right-radius: ${o.sp2};
+  border-bottom-left-radius: ${o.sp2};
+`,kl=a.div`
+  display: flex;
+  height: ${o.sp4};
+`,Il=a.div`
+  text-align: center;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  flex-wrap: wrap;
+`,$l=a.div`
+  display: flex;
+  flex-direction: column;
+`,Tl=a(wn)`
+  width: ${o.sp3};
+  height: ${o.sp3};
+  margin-right: ${o.sp1};
+  path {
+    stroke-width: 2;
+  }
+`,Sn=a.span`
+  font-weight: ${Eo.regular};
+  color: ${e=>e.theme.colors.primary};
+`,Ll=a.span`
+  font-weight: ${Eo.medium};
+  color: ${e=>e.theme.colors.primary};
+`,Al=a.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};
+  }
+`,si={subSectionContainerLeftRightPadding:new Z(x[3],x[6],x[8])},El=({onAllThreadsClick:e,companyId:n,companyName:c})=>{const r={application:"cockpit",companyId:n,entityId:n,tab:"expense_automation",isGlobalComment:!1,entityType:"expense_automation.monthEndEmail",companyName:c,url:window.location.href},{url:p,...h}=r,i={...h},{threads:d,isLoading:l}=nr(i,!1,!1),m=d.filter(u=>u.id.includes(gs)===!1);return t.jsxs(ul,{isDisabled:l,onClick:e,"data-testid":z("comment-icon"),children:[t.jsx(or,{count:m.length,isLoading:l}),t.jsx(dl,{})]})},Rl=({headerData:e,refreshStatus:n,searchText:c,companyName:r,companyId:p,isZeniUser:h,onAllThreadsClick:i,onClose:d,onRefresh:l,onSearchTextChanged:m})=>{const u=()=>{n!=="In-Progress"&&l()};return t.jsx(ml,{children:e.rightSection.map((g,f)=>{switch(g){case"search":return t.jsx(Ra,{isSearchOpen:(c.length??0)>0,searchPlaceHolder:e.searchPlaceholder,searchText:c,searchTextBoxStyle:{position:"initial",height:"fit-content"},styledSearchIconContainerStyle:{height:o.sp4},searchIconMarginRight:o.sp0,onSearchTextChanged:y=>{m(y)},downloadPresent:!1},f+g);case"refresh":return t.jsx(we,{display:"block",placement:"bottom",title:il,style:{marginTop:"2px"},enterDelay:600,children:t.jsx(wl,{onClick:u,$spinning:n==="In-Progress","data-testid":z("refresh-icon")})},f+g);case"comment":return h===!1?null:t.jsx(El,{companyId:p,companyName:r,onAllThreadsClick:i});case"close":default:return t.jsx(we,{display:"block",placement:"bottom",title:sl,enterDelay:600,style:{marginTop:"2px"},children:t.jsx(yl,{onClick:d,"data-testid":z("close-icon")})},f+g)}})})},Dl=({headerData:e,onBack:n})=>t.jsx(gl,{children:e.leftSection.map((c,r)=>{switch(c){case"back":default:return t.jsx(we,{display:"block",placement:"bottom",title:ol,enterDelay:600,style:{marginTop:"-14px"},children:t.jsx(Cl,{onClick:n,"data-testid":z("back-button")})},r+c)}})}),ai=({text:e,linkText:n,windowSize:c,isCopied:r,onLinkClick:p})=>{if(n==null||!n)return t.jsxs(Sn,{windowSize:c,children:[e," "]});const h=e.indexOf(n);if(h===-1)return t.jsxs(Sn,{windowSize:c,children:[e," "]});const i=e.substring(0,h),d=e.substring(h+n.length);return t.jsxs(t.Fragment,{children:[i?t.jsxs(Sn,{windowSize:c,children:[i.trim()," "]}):null,t.jsx(we,{display:"flex",placement:"right",title:ds.test(n)?r?rl:al:ll,enterTouchDelay:600,children:t.jsxs(Al,{onClick:()=>p?.(n),"data-testid":z("pre-link"),children:[n,r?t.jsx(fl,{className:"success-icon"}):t.jsx(xl,{className:"copy-icon"})]})}),d?t.jsxs(Sn,{windowSize:c,children:[d," "]}):null]})},ri=({subTitles:e})=>{const n=ke(),[,c]=Da(),[r,p]=s.useState(!1),h=s.useRef(null),i=s.useCallback(d=>{ds.test(d)?(c(d),p(!0),h.current&&clearTimeout(h.current),h.current=setTimeout(()=>{p(!1)},2e3)):window.open(d,"_blank","noopener,noreferrer")},[c]);return s.useEffect(()=>()=>{h.current&&clearTimeout(h.current)},[]),t.jsx($l,{children:e.map((d,l)=>t.jsxs(Il,{children:[d.pre?t.jsx(ai,{text:d.pre,linkText:d.preLink,windowSize:n,isCopied:r,onLinkClick:i}):null,d.prefixIconName?t.jsx(t.Fragment,{children:d.prefixIconName==="zeniAIIcon"?t.jsx(Tl,{}):t.jsx(t.Fragment,{})}):null,d.bold?t.jsx(t.Fragment,{children:t.jsxs(Ll,{windowSize:n,children:[d.bold," "]})}):null,d.post?t.jsx(ai,{text:d.post,linkText:d.postLink,windowSize:n,isCopied:r,onLinkClick:i}):null]},l+d.bold+d.pre+d.post))})};function Ol(e){const{headerData:n,currentTab:c,completionStatus:r,onUpdateTab:p,selectedReconAccountId:h,getTabCountAndFetchState:i,reconcileDetailPageFetchState:d,forceShowSubtitle:l,currentSelectedView:m,onReconTabUpdate:u,currentRecontab:g,navBarCustomElement:f,titleStyle:y={}}=e,b=i("autoCategorized")?.count??0,S=i("review")?.count??0,k=i("reconcile")?.count??0,C=n.tabs.length>0||n.subTitle.length>0,L=m==="transaction_categorization"&&c==="autoCategorized",j=m==="reconciliation"&&g==="review"&&h!=null,v=m==="reconciliation"&&g==="reconcile"&&h!=null,A=L?b>0:j?d==="In-Progress"?!0:S>0:v?d==="In-Progress"?!0:k>0:r!=="complete",T=kt(),I=ke();let R=[];return n.tabs.length>0&&(R=n.tabs.map(w=>({label:w.label,id:w.id,countDetails:i(w.id)}))),t.jsxs(hl,{children:[t.jsx(Ta,{title:n.title,subTitle:n.subText,titleTextStyles:{flex:"1 1 0px"},backgroundColor:T.colors.grey4,onBackClick:()=>null,titleStyle:y,ignoreScrollAction:m!=="month_end_insights",keepBackgroundOnScroll:m!=="month_end_insights",leftSideComponent:t.jsx(Dl,{...e}),rightSideComponent:t.jsx(Rl,{...e}),source:"NavBarWithHeader"}),f??null,t.jsx(We,{controller:C===!0,children:t.jsx(pl,{windowSize:I,children:n.tabs.length>0?t.jsxs(t.Fragment,{children:[t.jsx(vl,{windowSize:I,children:t.jsx(La,{allTabs:R,selectedTab:m==="transaction_categorization"?c??R[0].id:g??R[0].id,onTabChange:w=>{if(m==="transaction_categorization"){const D=Wr(w.id);D!=null&&p(D)}else if(m==="reconciliation"){const D=Hr(w.id);D!=null&&u(D)}},maximumCountLimit:cl})}),t.jsx(jl,{windowSize:I}),t.jsx(kl,{}),t.jsx(We,{controller:A===!0||l===!0,children:t.jsx(ii,{windowSize:I,children:n.tabs.map((w,D)=>(m==="reconciliation"?w.id===g:w.id===c)?t.jsx(Sl,{children:t.jsx(ri,{subTitles:w.subTitle})},D+w.id):null)})})]}):t.jsx(We,{controller:A===!0||l===!0,children:t.jsx(ii,{windowSize:I,children:t.jsx(ri,{subTitles:n.subTitle})})})})})]})}const Ml=1;function Fl({name:e,checkBoxes:n,mode:c,isDisabled:r,style:p,labelStyle:h,labelCheckBoxStyle:i,checkBoxStyle:d,width:l,registerOptions:m,checkedIconColor:u,checkBoxIconStyle:g,checkBoxContainerStyle:f,draggable:y=!1,selectionLimit:b,infoIconContainerStyle:S,onDragStart:k,rowHeight:C=40,initialScrollOffSet:L,onScroll:j}){const v=ke(),A=s.useRef(null),{control:T}=Oo(),I=n.find(V=>V.groupLabel),R=n.filter(V=>!V.groupLabel),w=[];for(const V of R)if(V.isException||w.push(V.value),b!=null&&w.length===b+1)break;const D=n.filter(V=>V.defaultChecked).map(V=>V.value);return t.jsx(ks,{control:T,name:e,rules:m,defaultValue:D,render:({field:{value:V,ref:q,onChange:P}})=>{const N=B=>{_l({event:B,value:V,allCheckBoxValues:w,groupLabelCheckBox:I,onChange:P})};return t.jsxs(Bl,{style:p,windowSize:v,children:[I&&t.jsx(Bo,{checkBox:I,index:0,value:V,allCheckBoxValues:w,mode:c,name:e,checkBoxContainerStyle:f,checkBoxIconStyle:g,checkBoxStyle:d,labelCheckBoxStyle:i,labelStyle:h,width:l,draggable:y,groupLabelCheckBox:I,infoIconContainerStyle:S,checkedIconColor:u,isDisabled:r,selectionLimit:b,onDragStart:k,ref:q,onChangeHandler:N}),t.jsx(Pl,{children:t.jsx(Pn,{style:{height:"100%",width:"100%"},children:({height:B,width:ie})=>t.jsx(Nn,{ref:A,height:B,width:ie,itemCount:R.length,itemSize:()=>C,estimatedItemSize:C,initialScrollOffset:L??0,onScroll:({scrollOffset:U})=>{j?.(U)},overscanCount:Ml,itemKey:U=>R[U].value,itemData:{checkBoxes:R,value:V,allCheckBoxValues:w,mode:c,name:e,checkBoxContainerStyle:f,checkBoxIconStyle:g,checkBoxStyle:d,labelCheckBoxStyle:i,labelStyle:h,width:l,draggable:y,groupLabelCheckBox:I,infoIconContainerStyle:S,checkedIconColor:u,isDisabled:r,selectionLimit:b,onDragStart:k,ref:q,onChange:P,handleChangeEvent:N,rowHeight:C},children:zl})})})]})}})}const zl=({index:e,style:n,data:c})=>{const r=s.useRef(null),{checkBoxes:p,value:h,allCheckBoxValues:i,mode:d,name:l,checkBoxContainerStyle:m,checkBoxIconStyle:u,checkBoxStyle:g,labelCheckBoxStyle:f,labelStyle:y,width:b,draggable:S,groupLabelCheckBox:k,infoIconContainerStyle:C,checkedIconColor:L,isDisabled:j,selectionLimit:v,onDragStart:A,ref:T,handleChangeEvent:I}=c,R=p[e];return t.jsx(ql,{style:{...n,width:"100%"},ref:r,children:t.jsx(Bo,{checkBox:R,index:e,value:h,allCheckBoxValues:i,mode:d,name:l,checkBoxContainerStyle:m,checkBoxIconStyle:u,checkBoxStyle:g,labelCheckBoxStyle:f,labelStyle:y,width:b,draggable:S,groupLabelCheckBox:k,infoIconContainerStyle:C,checkedIconColor:L,isDisabled:j,selectionLimit:v,onDragStart:A,ref:T,onChangeHandler:I})})},Bo=s.forwardRef((e,n)=>{const{value:c,checkBox:r,groupLabelCheckBox:p,allCheckBoxValues:h,selectionLimit:i,mode:d,checkBoxStyle:l,labelCheckBoxStyle:m,isDisabled:u,draggable:g,checkBoxContainerStyle:f,infoIconContainerStyle:y,name:b,index:S,width:k,checkedIconColor:C,checkBoxIconStyle:L,labelStyle:j,onDragStart:v,onChangeHandler:A}=e,T=ke(),I=V=>{typeof n=="function"?n(V):n&&(n.current=V)};let R=c.includes(r.value);const w=Array.from(new Set([...c,r.value]));p?.value===r.value&&c.length>0&&(i!=null?R=w.length===h.length||w.length===i+1:R=h.every(V=>w.includes(V)===!0));const D=()=>d==="off"||r.isException?T==="small"?{display:"none",...l}:{visibility:"hidden",...l}:r.groupLabel?h.length===1&&h[0]===p?.value?{visibility:"hidden",...m}:m:l;return t.jsxs(Vl,{mode:d,draggable:g===!0,onDragStart:V=>{v?.(V,r.value)},style:f,isDisabled:u,isSelected:R,exceptionMode:r.exceptionMode,children:[r.prefix?t.jsx(Nl,{className:"prefix-box",children:r.prefix}):null,r.isException?t.jsx(Wl,{style:y,className:"checkbox-alert",children:t.jsx(we,{style:{padding:`12px ${o.sp3}`},title:r.exceptionInfo??"",placement:"bottom-start",children:r.exceptionType==="info"?t.jsx(Hl,{}):t.jsx(Ul,{})})}):t.jsx(kr,{name:`${b}.${r.value}`,checkBoxValue:r.value,value:R,checkedIconColor:C,isDisabled:u||!r.groupLabel&&!R&&i!=null&&w.length===i+1?"disabled":void 0,checkBoxStyle:D(),checkBoxIconStyle:L,ref:I,onChange:A}),typeof r.label=="string"&&r.label?t.jsx(Ir,{isDisabled:u,label:r.label,labelStyle:j,htmlFor:`${b}.${r.value}`,style:{display:"flex",flex:1,minHeight:o.sp4,marginLeft:o.sp2,width:k,backgroundColor:"inherit",...j}}):r.label]},`${r.value}_${S}`)});Bo.displayName="CheckBoxWithLabel";const _l=({event:e,value:n,allCheckBoxValues:c,groupLabelCheckBox:r,onChange:p})=>{const h=e.currentTarget.value,i=e.currentTarget.checked,d=r?.value,l=new Set(n);if(h===d){p(i?Array.from(new Set([d,...c])):[]);return}i?l.add(h):l.delete(h);const m=c.every(u=>l.has(u));d!=null&&(m&&!l.has(d)?l.add(d):!m&&l.has(d)&&l.delete(d)),p(Array.from(l))},Bl=a.div`
+  display: flex;
+  flex-direction: column;
+  width: 100%;
+  height: 100%;
+`,Pl=a.div`
+  flex: 1;
+  overflow: hidden;
+`,Nl=a.div`
+  opacity: 0;
+`,Vl=a.div`
+  display: flex;
+  align-items: center;
+  flex-direction: row;
+  width: 100%;
+  min-height: ${o.sp4};
+
+  ${e=>e.mode==="checked_or_hover"&&De`
+      input:not(:checked) ~ .unchecked-icon {
+        opacity: 0;
+      }
+
+      :hover {
+        input:not(:checked) ~ .unchecked-icon,
+        .prefix-box {
+          opacity: 1;
+        }
+      }
+    `};
+
+  ${e=>e.mode==="hover_only"&&De`
+      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"&&De`
+        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"&&De`
+      :hover {
+        .checkbox-alert {
+          opacity: 1;
+        }
+      }
+    `}
+
+  ${e=>e.exceptionMode==="checked_or_hover"&&De`
+      .checkbox-alert {
+        opacity: 1;
+      }
+    `}
+`,Wl=a.div`
+  cursor: pointer;
+`,Hl=a(hs)`
+  height: ${o.sp3};
+  width: ${o.sp3};
+  color: ${e=>e.theme.colors.hero};
+  background-color: ${e=>e.theme.colors.grey4};
+  border-radius: 50%;
+`,Ul=a(Os)`
+  height: ${o.sp3};
+  width: ${o.sp3};
+  color: ${e=>e.theme.colors.hero};
+  background-color: ${e=>e.theme.colors.grey4};
+  border-radius: 50%;
+`,ql=a.div`
+  width: 100%;
+  box-sizing: border-box;
+`,Kl=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})),Jl=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})),Gl=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})),Zl=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"})),Yl=a.div`
+  width: 100%;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  flex: 1;
+  background: ${e=>e.theme.colors.grey4};
+  box-sizing: border-box;
+`,Xl=a(Jl)`
+  width: 90px;
+  height: 90px;
+`,Ql=a(Gl)`
+  width: 90px;
+  height: 90px;
+`,ec=a(Kl)`
+  width: 90px;
+  height: 90px;
+`,tc=a(Zl)`
+  width: 90px;
+  height: 90px;
+`,nc=a.div`
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  flex-direction: column;
+`,oc=a(ar)`
+  margin-top: ${o.sp2};
+  color: ${e=>e.theme.colors.brandColorJade};
+`,ic=a(rr)`
+  color: ${e=>e.theme.colors.primary};
+`,sc=e=>{const{tab:n}=e;switch(n){case"transaction_categorization":return t.jsx(Xl,{});case"je_schedules":case"reconciliation":return t.jsx(tc,{});case"flux_analysis":return t.jsx(ec,{});case"missing_receipts":default:return t.jsx(Ql,{})}};function St(e){const{title:n,subTitle:c}=e;return t.jsx(Yl,{children:t.jsxs(nc,{children:[t.jsx(sc,{...e}),t.jsx(oc,{children:n}),t.jsx(ic,{children:c})]})})}const{common:{headers:{transactions:ac,jeSchedules:rc,fluxAnalysis:lc,missingReceipts:cc,insights:dc,reconciliation:li},strings:{empty:Pt}},expenseAutomation:{transactions:{tabs:ci,subTitles:{review:{item1:jn,item2:kn},autoCategorized:{item1:In,item2:uc}},searchPlaceholder:hc,allDoneText:pc},jeSchedules:{subTitles:{item1:mc,item2:gc},searchPlaceholder:xc,allDoneText:fc},missingReceipts:{subTitles:yc,searchPlaceholder:Cc,allDoneText:wc},fluxAnalysis:{subTitles:{item1:bc,item2:vc},searchPlaceholder:Sc,emptyPageTexts:{youDidIt:jc,allReviewed:kc}},accountRecon:{review:{allDoneText:di},reconcile:{allDoneText:Ic},tabs:ui,titles:{item1:$c,item2:Tc},subTitles:{review:{item1:Lc,item2:$n},reconcile:{item1:Tn,item2:Ac}}}}}=Ie.getLocalizedStrings(),He=(e,n,c,r,p)=>{switch(e){case"transaction_categorization":return{key:"transaction_categorization",title:ac,subTitle:[],tabs:[{label:ci.review,id:"review",subTitle:[{pre:jn.pre,bold:jn.bold,prefixIconName:jn.prefixIconName,post:jn.post},{pre:kn.pre,bold:kn.bold,prefixIconName:kn.prefixIconName,post:kn.post}]},{label:ci.autoCategorized,id:"autoCategorized",subTitle:[{pre:In.pre,bold:In.bold,prefixIconName:In.prefixIconName,post:In.post.replace("#number",n!=null&&n!=0?n.toString():"")},uc]}],rightSection:["refresh","close"],leftSection:[],searchPlaceholder:hc,allDoneText:pc};case"je_schedules":return{key:"je_schedules",title:rc,subTitle:[mc,gc],tabs:[],rightSection:["refresh","close"],leftSection:[],searchPlaceholder:xc,allDoneText:fc};case"missing_receipts":return{key:"missing_receipts",title:cc,subTitle:[yc],tabs:[],rightSection:["refresh","close"],leftSection:[],searchPlaceholder:Cc,allDoneText:wc};case"flux_analysis":return{key:"flux_analysis",title:lc,subTitle:[bc,vc],tabs:[],rightSection:["refresh","close"],leftSection:[],searchPlaceholder:Sc,allDoneText:{title:jc,subTitle:kc}};case"month_end_insights":return{key:"month_end_insights",title:dc,subTitle:[],tabs:[],rightSection:["comment","refresh","close"],leftSection:[],searchPlaceholder:Pt,allDoneText:{title:Pt,subTitle:Pt}};case"reconciliation":return c==null?{key:"reconciliation",title:li,subTitle:[$c,Tc],tabs:[],rightSection:["refresh","close"],leftSection:[],searchPlaceholder:Pt,allDoneText:{title:Pt,subTitle:Pt}}:{key:"reconciliation",title:r??li,subText:p??void 0,subTitle:[],tabs:[{label:ui.review,id:"review",subTitle:[Lc,{pre:$n.pre,bold:$n.bold,prefixIconName:$n.prefixIconName,post:$n.post}],allDoneText:di},{label:ui.reconcile,id:"reconcile",subTitle:[{pre:Tn.pre,bold:Tn.bold,prefixIconName:Tn.prefixIconName,post:Tn.post},Ac],allDoneText:Ic}],rightSection:["refresh"],leftSection:["back"],searchPlaceholder:Pt,allDoneText:di}}},{common:{strings:{empty:Ec}},expenseAutomation:{accountRecon:{reconcile:{header:zt}}}}=Ie.getLocalizedStrings(),Rc={key:"date",value:zt.date,sortOrder:"ascending",width:new Z(12.75,12.75,12.75),customStyle:{marginLeft:x[4],marginRight:x[3]}},Dc={key:"clearedDate",value:zt.clearedDate,sortOrder:"ascending",width:new Z(12.75,12.75,12.75),customStyle:{marginRight:x[3],display:"none"}},Oc={key:"type",value:zt.type,sortOrder:"ascending",width:new Z(12.75,12.75,12.75),customStyle:{marginRight:x[3]}},Mc={key:"payee",value:zt.payee,sortOrder:"ascending",width:new Z(12.75,12.75,12.75),customStyle:{marginRight:x[3]}},Fc={key:"account",value:zt.account,sortOrder:"ascending",width:new Z(12.75,12.75,12.75),customStyle:{marginRight:x[3]}},zc={key:"transactionDirection",value:zt.direction,sortOrder:"ascending",width:new Z(12.75,12.75,12.75),customStyle:{marginRight:x[3]}},_c={key:"memo",value:zt.memo,sortOrder:"ascending",width:new Z(12.75,12.75,12.75),customStyle:{marginRight:x[3]}},Bc={key:"amount",value:zt.amount,sortOrder:"ascending",width:new Z(12.75,12.75,12.75),customStyle:{marginRight:x[3]}},Pc={key:"recommended",value:Ec,sortOrder:"ascending",width:new Z(1.25,1.25,1.25),customStyle:{marginRight:x[4],marginLeft:x[0]}},Fe=[Rc,Dc,Oc,Mc,Fc,zc,_c,Bc,Pc],Nc=50,dn={sortKey:"date",sortOrder:"descending"};function Vc({sortConfig:e,onReconTabColumnSortConfigChanged:n}){const c=ke(),[r,p]=s.useState(vo(Fe));s.useEffect(()=>{const d=[...r];for(const l of d)l.key===e.sortKey?l.sortOrder=e.sortOrder:l.sortOrder="ascending";p(d)},[e.sortKey,e.sortOrder]);const h=(d,l)=>{let m=l;e.sortKey===d&&(m=l==="ascending"?"descending":"ascending"),n(d,m)},i=d=>{h(d.key,d.sortOrder)};return t.jsx(qc,{headerHeight:Nc,children:r.map(d=>t.jsx(Hc,{columnWidth:d.width,windowSize:c,sortDataValue:e.sortKey,actualDataValue:d.key,style:d.customStyle,children:t.jsxs(Yc,{isVisible:d.key!=="recommended",children:[t.jsx(Uc,{"data-testid":z("reconcile-tab-list-sort",d.value),onClick:()=>i(d),children:t.jsx(gt,{children:d.value})}),t.jsx(Kc,{sortConfig:e,headerData:d,children:t.jsx(Jc,{})}),t.jsx(Gc,{isVisible:e.sortKey===d.key&&(e.sortKey!==dn.sortKey||e.sortOrder!==dn.sortOrder),children:t.jsx(Zc,{"data-testid":z("reconcile-tab-list-reset-sort",dn.sortKey),onClick:()=>n(dn.sortKey,dn.sortOrder)})})]})},d.key))})}const Wc=Vr.memo(Vc),Hc=a.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;
+`,Uc=a.div`
+  display: flex;
+  gap: 5px;
+  cursor: pointer;
+`,qc=a(It)`
+  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: ${o.sp3} ${o.sp8} ${o.sp3} ${o.sp0};
+  position: sticky;
+  color: ${e=>e.theme.colors.grey1};
+`,Kc=a.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"};
+`,Jc=a(Vn)`
+  width: ${o.sp2};
+  height: ${o.sp2};
+`,Gc=a.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};
+  }
+`,Zc=a(Wn)`
+  width: 12px;
+  height: 12px;
+`,Yc=a.div`
+  display: ${e=>e.isVisible?"flex":"none"};
+`,Xc=54,Qc=72,{common:{strings:{hyphen:Yn}}}=Ie.getLocalizedStrings(),{dateFormat:hi}=Ie.getLocalizedStrings();function ed({selectedTransactionIds:e,transaction:n,transactionId:c}){const r=ke(),p=kt(),[h,i]=s.useState(!1),d=e.includes(c),l=h||d;return t.jsx(td,{id:c,onMouseEnter:()=>i(!0),onMouseLeave:()=>i(!1),children:t.jsxs(nd,{isSelected:l,totalHeight:Xc,children:[t.jsx(yt,{windowSize:r,responsiveWidth:Fe[0].width,style:Fe[0].customStyle,children:t.jsx(Nt,{isSelected:l,children:n.date.format(hi.visual.MMMDCommaYYYYformat)})}),Fe[1].customStyle.display!=="none"?t.jsx(yt,{windowSize:r,responsiveWidth:Fe[1].width,style:Fe[1].customStyle,children:t.jsx(Nt,{isSelected:l,children:n.clearedDate!=null?n.clearedDate.format(hi.visual.MMMDCommaYYYYformat):t.jsx("span",{children:Yn})})}):null,t.jsx(yt,{windowSize:r,style:Fe[2].customStyle,responsiveWidth:Fe[2].width,children:t.jsx(sd,{isSelected:l,children:t.jsx(od,{isSelected:l,children:jr(n.type)})})}),t.jsx(yt,{windowSize:r,style:Fe[3].customStyle,responsiveWidth:Fe[3].width,children:n.merchantName!=null&&n.merchantName.length>0?t.jsx(it,{text:n.merchantName,itemTextStyle:{color:l?p.colors.primary:p.colors.hero}}):t.jsx(Nt,{isSelected:l,children:t.jsx("span",{children:Yn})})}),t.jsx(yt,{windowSize:r,style:Fe[4].customStyle,responsiveWidth:Fe[4].width,children:n.accountName!=null&&n.accountName.length>0?t.jsx(it,{text:n.accountName,itemTextStyle:{color:l?p.colors.primary:p.colors.hero}}):t.jsx(Nt,{isSelected:l,children:t.jsx("span",{children:Yn})})}),t.jsx(yt,{windowSize:r,style:Fe[5].customStyle,responsiveWidth:Fe[5].width,children:t.jsx(Nt,{isSelected:l,style:{textTransform:"capitalize"},children:n.transactionDirection})}),t.jsx(yt,{windowSize:r,style:Fe[6].customStyle,responsiveWidth:Fe[6].width,children:t.jsx(it,{text:n.memo,itemTextStyle:{color:l?p.colors.primary:p.colors.hero}})}),t.jsx(yt,{windowSize:r,style:Fe[7].customStyle,responsiveWidth:Fe[7].width,children:t.jsx(Nt,{isSelected:l,children:Je("0,0.[00]",n.amount)})}),t.jsx(yt,{windowSize:r,responsiveWidth:Fe[8].width,style:Fe[8].customStyle,children:t.jsx(Nt,{isSelected:l,children:n.isZeniRecommended?t.jsx(id,{}):null})})]})})}const td=a.div`
+  box-sizing: border-box;
+  width: 100%;
+  display: flex;
+  padding-right: ${o.sp8};
+`,nd=a.div`
+  cursor: pointer;
+  display: flex;
+  border-radius: ${o.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=>`${o.sp0} 2px ${o.sp1} ${e.theme.colors.dropShadowNormal}`};
+  :hover {
+    border: ${e=>`1px solid ${e.theme.colors.primary}`};
+  }
+`,yt=a.div`
+  width: ${e=>e.responsiveWidth.valuePercentage(e.windowSize)};
+  display: flex;
+  align-items: center;
+  justify-content: flex-start;
+  height: 100%;
+  z-index: auto;
+  position: relative;
+`,Nt=a(Be)`
+  color: ${e=>e.isSelected===!0?e.theme.colors.primary:e.theme.colors.hero};
+  span {
+    padding-left: ${o.sp3};
+  }
+`,od=a(gt)`
+  text-transform: capitalize;
+  color: ${e=>e.isSelected===!0?e.theme.colors.primary:e.theme.colors.hero};
+`,id=a(wn)`
+  width: ${o.sp3};
+  height: ${o.sp3};
+  margin-right: ${o.sp1};
+  path {
+    stroke-width: 2;
+  }
+`,sd=a.div`
+  padding: 1px 6px;
+  border-radius: ${o.sp1};
+  border: ${e=>`1px solid ${e.isSelected?e.theme.colors.primary:e.theme.colors.hero}`};
+`,ad=Ie.getLocalizedStrings(),{common:{all:pi,strings:{empty:mi}}}=ad,gi="selectedTransactionIds",rd="expenseAutomationBankReconReconcilePage",ld=e=>`${e}_form`;function cd({currentFooterFormId:e,localData:n,matchedTransactions:c,sortConfig:r,onSaveReconciliation:p,selectedAccountId:h,onReconTabColumnSortConfigChanged:i,onUpdateReconcileTabLocalData:d,setCurrentFooterFormId:l}){const m=Jt({mode:"all",defaultValues:{selectedTransactionIds:n.selectedTransactionIds},values:{selectedTransactionIds:n.selectedTransactionIds}}),u={label:t.jsx(Wc,{onReconTabColumnSortConfigChanged:i,sortConfig:r}),value:pi.toLocaleLowerCase(),defaultChecked:!1,groupLabel:!0},g=c.map(S=>({label:t.jsx(ed,{transaction:S,selectedTransactionIds:n.selectedTransactionIds,transactionId:S.id}),value:S.id,defaultChecked:!1,groupLabel:!1})),f=[u,...g],y=async S=>{const k=S[gi].filter(C=>C!=pi.toLocaleLowerCase());d(k)};s.useEffect(()=>{const S=m.watch(k=>{k!=null&&Cn(()=>y(k))});return()=>{S.unsubscribe()}}),s.useEffect(()=>(e!=="expenseAutomationBankReconReconcilePage"&&l("expenseAutomationBankReconReconcilePage"),()=>{l("expenseAutomationPage")}),[]);const b=s.useCallback(()=>{p({reconcileAction:"reconcile"})},[p]);if(c.length===0){const S=He("reconciliation",void 0,h).tabs.find(k=>k.id==="reconcile")?.allDoneText;return t.jsx(pd,{children:t.jsx(St,{tab:"missing_receipts",title:S?.title??mi,subTitle:S?.subTitle??mi})})}return t.jsx(dd,{children:t.jsx(Gt,{...m,children:t.jsx(ud,{onSubmit:m.handleSubmit(b),id:ld(rd),children:t.jsx(hd,{children:t.jsx(Fl,{name:gi,checkBoxes:f,checkBoxStyle:{padding:20},labelCheckBoxStyle:{padding:20},rowHeight:Qc,mode:n.selectedTransactionIds.length>0?"always_on":"checked_or_hover",checkBoxContainerStyle:{boxSizing:"border-box"}})})})})})}const dd=a.div``,ud=a.form``,hd=a.div`
+  height: calc(100vh - 350px);
+`,pd=a.div`
+  height: 100%;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+`,jo=69,fe={COLUMN_ONE:187,COLUMN_THREE:136,COLUMN_FOUR:240,COLUMN_FIVE:146},Us=a.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;
+`,qs=a.div`
+  display: flex;
+  flex-direction: column;
+  gap: ${o.sp5};
+  align-items: flex-start;
+  padding-bottom: ${o.sp9};
+  width: 100%;
+`,Ks=a.div`
+  width: 100%;
+`,Js=a.div`
+  width: 100%;
+`,Po=a.div`
+  display: flex;
+  flex-direction: row;
+  padding: ${o.sp2};
+  padding-right: ${o.sp3};
+  justify-content: space-between;
+  border-bottom: ${e=>`1px solid ${e.theme.colors.grey3}`};
+`,No=a.div`
+  display: flex;
+  flex-direction: row;
+  justify-content: space-between;
+  padding: ${o.sp2};
+  padding-right: ${o.sp3};
+`,md=a.div`
+  border-top: ${e=>`1px solid ${e.theme.colors.grey3}`};
+  display: flex;
+  flex-direction: row;
+  justify-content: space-between;
+  padding: ${o.sp2};
+  padding-right: ${o.sp3};
+`,gd=a.div`
+  padding: ${o.sp2} ${o.sp3};
+`,Vo=a.div`
+  display: flex;
+`,xd=a.div`
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  gap: ${o.sp1};
+  padding: ${o.sp2} ${o.sp0};
+  background-color: ${e=>e.theme.colors.grey3};
+  border-bottom-left-radius: ${o.sp2};
+  border-bottom-right-radius: ${o.sp2};
+`,Wo=a.div`
+  display: flex;
+  flex-direction: column;
+  border: ${e=>`1px solid ${e.theme.colors.grey3}`};
+  border-radius: ${o.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};
+  }
+`,Q=a.div`
+  display: flex;
+  flex-direction: column;
+  width: 180px;
+  padding: ${o.sp2};
+  .hover-background {
+    border-radius: ${o.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: ${o.sp2};
+    }
+  }
+`,ht=a.div`
+  padding: ${o.sp2} ${o.sp3};
+`,ae=a(gt)`
+  color: ${e=>e.theme.colors.hero};
+`,me=a(Be)`
+  width: 100%;
+  color: ${e=>e.theme.colors.hero};
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+`,ce=a.div`
+  display: flex;
+  gap: ${o.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;
+      }
+    }
+  }
+`,Ho=a.div`
+  border-left: ${e=>`1px solid ${e.theme.colors.grey3}`};
+  display: flex;
+  flex-direction: column;
+  gap: ${o.sp3};
+  align-items: center;
+  justify-content: center;
+  padding: ${o.sp0} 42px;
+`,Uo=a.div`
+  flex: 1;
+`,Gs=a(gt)`
+  padding: ${o.sp0} 6px;
+  color: ${Qe.info};
+  border: 1px solid ${Qe.info};
+  border-radius: ${o.sp1};
+  margin-top: ${o.sp1};
+`,Fn=a(It)`
+  padding: ${o.sp2};
+  color: ${e=>e.theme.colors.hero};
+  background: ${e=>e.theme.colors.overlayColor};
+  border-radius: ${o.sp1};
+`,Ke=a(Fn)`
+  padding: 2px ${o.sp2};
+`,Rt=Ie.getLocalizedStrings().expenseAutomation.accountRecon.review.header,vt=[{key:"date",value:Rt.date,sortOrder:"ascending",width:new Z(20,20),loaderWidth:120},{key:"payee",value:Rt.payee,sortOrder:"ascending",width:new Z(20,20),loaderWidth:212},{key:"memo",value:Rt.memo,sortOrder:"ascending",width:new Z(20,20),loaderWidth:192},{key:"direction",value:Rt.direction,sortOrder:"ascending",width:new Z(15,15),loaderWidth:84},{key:"match",value:Rt.match,sortOrder:"ascending",width:new Z(15,15),loaderWidth:152},{key:"amount",value:Rt.amount,sortOrder:"ascending",width:new Z(10,10),loaderWidth:64}],ko=[{key:"payee",value:Rt.payee,sortOrder:"ascending",width:new Z(65,65),loaderWidth:212},{key:"amount",value:Rt.amount,sortOrder:"ascending",width:new Z(30,30),loaderWidth:64}],fd=e=>{const{sortConfig:n,onColumnSortConfigChanged:c}=e,r=ke(),p=Ft()?ko:vt,[h,i]=s.useState(()=>p.map(l=>({...l,sortOrder:l.key===n.sortKey?n.sortOrder:"ascending"})));s.useEffect(()=>{i(p.map(l=>({...l,sortOrder:l.key===n.sortKey?n.sortOrder:"ascending"})))},[n.sortKey,n.sortOrder,p]);const d=(l,m)=>{let u=m;n.sortKey===l&&(u=m==="ascending"?"descending":"ascending"),c(l,u)};return t.jsx(Cd,{children:h.map(l=>t.jsxs(wd,{sortDataValue:n.sortKey,actualDataValue:l.key,wrapperWidth:l.width,windowSize:r,isLastColumn:l.key==="amount",children:[t.jsxs(bd,{"data-testid":z("account-reconciliation-review-header",l.value),sortKey:l.key,onClick:()=>d(l.key,l.sortOrder),children:[t.jsx(gt,{children:l.value}),t.jsx(vd,{sortDataValue:n.sortKey,headerData:l,children:t.jsx(Sd,{})})]}),t.jsx(jd,{sortDataValue:n.sortKey,windowSize:r,isVisible:n.sortKey===l.key&&(n.sortKey!=="date"||n.sortOrder==="ascending"),children:t.jsx(kd,{"data-testid":z("account-reconciliation-review-sort-by-date"),onClick:()=>d("date","ascending")})})]},l.key))})},yd=s.memo(fd),Cd=a(It)`
+  top: 0;
+  left: 0;
+  width: fit-content;
+  min-width: 100%;
+  z-index: 6;
+  display: flex;
+  align-items: center;
+  box-sizing: border-box;
+  padding: ${o.sp3} ${o.sp4};
+  position: sticky;
+  color: ${e=>e.theme.colors.grey1};
+  background-color: ${e=>e.theme.colors.grey4};
+`,wd=a.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: ${o.sp0};
+  justify-content: ${e=>e.isLastColumn===!0?"flex-end":"flex-start"};
+`,bd=a.div`
+  display: flex;
+  cursor: pointer;
+  gap: ${o.sp1};
+  &:hover {
+    color: ${e=>e.theme.colors.primary};
+  }
+  white-space: nowrap;
+`,vd=a.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"?De`
+          padding-top: 2px;
+        `:De`
+          padding-bottom: 2px;
+        `}
+`,Sd=a(Vn)`
+  width: ${o.sp2};
+  height: ${o.sp2};
+  cursor: pointer;
+  color: inherit;
+`,jd=a.div`
+  display: ${e=>e.isVisible?"flex":"none"};
+  align-items: center;
+  padding-top: 2px;
+`,kd=a(Wn)`
+  width: 12px;
+  height: 12px;
+  cursor: pointer;
+  color: ${e=>e.theme.colors.hero};
+`,at="accountReconReviewTableSection",{dateFormat:Id,expenseAutomation:$d,common:pt}=Ie.getLocalizedStrings(),{visual:Zs}=Id,{accountRecon:Ce}=$d,Ys=e=>[{label:Ce.review.formLabels.allBankAccounts,options:e.map(n=>({label:n.accountName,value:n.accountId}))}],Xs=e=>[{label:Ce.review.formLabels.allCreditCards,options:e.map(n=>({label:n.accountName,value:n.accountId}))}],xi=e=>`${at}_${e}_form`,Ee=(e,n)=>`${at}.${e}.${n}`,Td=e=>{const{sortKey:n,sortOrder:c,accountReconEntity:r,entitySearchAutoCompleteActions:p,allAccountList:h,classList:i,localData:d,accountListNestedAccountHierarchy:l,classListNestedAccountHierarchy:m,selectedAccountId:u,entitySearchAutoCompleteData:g,excludeFetchById:f,saveFetchById:y,reviewTabSelectedVendorByTransactionId:b,refreshStatus:S,updateLocalData:k,onColumnSortConfigChanged:C,onSaveReconciliation:L,onSaveReconciliationReview:j,onReconMatchedTransactionClick:v,bankAccounts:A,creditCards:T}=e,{transactionsToReview:I,account:{accountType:R}}=r,w=s.useRef(null),[D,V]=s.useState(null),q=N=>{const B=I[N],ie=zs(B),U=_s(B),re=Bs(B,R??"bank"),oe=Ps(B,R??"bank"),X=Ns(B),se=zo(B),ge=B.recommendedAction.recommendedTransactions[0]?.merchantName!=null;return B.transactionId===D?U||re||oe||X||se?275+(ge?25:0):ie?185+B.recommendedAction.recommendedTransactions.length*40+(ge?25:0):146:72},P=s.useMemo(()=>({onColumnSortConfigChanged:C,sortConfig:{sortKey:n,sortOrder:c}}),[C,n,c]);if(s.useEffect(()=>{V(I[0]?.transactionId??null),w.current?.resetAfterIndex(0)},[n,c]),s.useEffect(()=>{w.current?.resetAfterIndex(0)},[D]),s.useEffect(()=>{w.current?.resetAfterIndex(0)},[I.length]),s.useEffect(()=>{S.fetchState==="Completed"&&w.current?.resetAfterIndex(0)},[S]),I.length===0){const N=He("reconciliation",void 0,u).tabs.find(B=>B.id==="review")?.allDoneText;return t.jsx(Zd,{children:t.jsx(St,{tab:"reconciliation",title:N?.title??pt.strings.empty,subTitle:N?.subTitle??pt.strings.empty})})}return t.jsx(Fd,{children:t.jsx(Qs.Provider,{value:P,children:t.jsx(Pn,{children:({height:N,width:B})=>t.jsx(Nn,{width:B,height:N,innerElementType:ea,ref:w,itemCount:I.length,itemSize:q,itemKey:ie=>I[ie].transactionId,overscanCount:wr,itemData:{transactionsList:I,expandedRowId:D,allAccountList:h,classList:i,accountListNestedAccountHierarchy:l,classListNestedAccountHierarchy:m,localData:d,entitySearchAutoCompleteData:g,entitySearchAutoCompleteActions:p,excludeFetchById:f,saveFetchById:y,reviewTabSelectedVendorByTransactionId:b,bankAccounts:A,creditCards:T,accountType:R,updateLocalData:k,setExpandedRowId:V,onSaveReconciliation:L,onSaveReconciliationReview:j,onReconMatchedTransactionClick:v},initialScrollOffset:0,children:Ld})})})})},Qs=s.createContext(void 0),ea=s.forwardRef((e,n)=>{const{children:c,style:r,...p}=e,h=s.useContext(Qs);return t.jsxs(zd,{ref:n,style:{...r,width:"auto",maxWidth:"var(--side-panel-list-width, 100%)",padding:`${o.sp0} ${o.sp8}`},...p,children:[h!=null&&t.jsx(yd,{onColumnSortConfigChanged:h.onColumnSortConfigChanged,sortConfig:h.sortConfig}),t.jsx(_d,{children:c})]})});ea.displayName="Account recon review table inner element type";const Ld=({index:e,style:n,data:c})=>{const{selectedTransactionId:r}=Do(),{transactionsList:p,expandedRowId:h,setExpandedRowId:i,entitySearchAutoCompleteActions:d,allAccountList:l,classList:m,localData:u,updateLocalData:g,accountListNestedAccountHierarchy:f,classListNestedAccountHierarchy:y,entitySearchAutoCompleteData:b,onSaveReconciliation:S,onSaveReconciliationReview:k,onReconMatchedTransactionClick:C,excludeFetchById:L,saveFetchById:j,reviewTabSelectedVendorByTransactionId:v,bankAccounts:A,creditCards:T,accountType:I}=c,R=p[e],w=r!=null&&r===R.transactionId;return t.jsx(Md,{isPanelSelected:w,style:{...n,width:"100%"},children:t.jsx(Ad,{transaction:R,expandedRowId:h,setExpandedRowId:i,entitySearchAutoCompleteActions:d,accountListNestedAccountHierarchy:f,allAccountList:l,classList:m,localData:u,updateLocalData:g,entitySearchAutoCompleteData:b,classListNestedAccountHierarchy:y,onSaveReconciliation:S,onSaveReconciliationReview:k,onReconMatchedTransactionClick:C,excludeFetchById:L,saveFetchById:j,selectedVendor:v[R.transactionId],bankAccounts:A,creditCards:T,accountType:I})})},Ad=({transaction:e,expandedRowId:n,accountListNestedAccountHierarchy:c,entitySearchAutoCompleteActions:r,allAccountList:p,classList:h,classListNestedAccountHierarchy:i,localData:d,entitySearchAutoCompleteData:l,excludeFetchById:m,saveFetchById:u,selectedVendor:g,bankAccounts:f,creditCards:y,accountType:b,setExpandedRowId:S,updateLocalData:k,onSaveReconciliation:C,onSaveReconciliationReview:L,onReconMatchedTransactionClick:j})=>{const v=n===e.transactionId,A=ke(),T=Ft(),I=d[e.transactionId],R=e.recommendedAction.action==="record_bill_payment",w=e.recommendedAction.action==="record_expense",D=zo(e),V=p.find(N=>N.accountId===e.recommendedAction.recommendedTransactions[0]?.accountId),q=N=>N.recommendedAction.recommendedTransactions.length>0&&N.recommendedAction.recommendedTransactions[0].merchantName!=null?N.recommendedAction.recommendedTransactions[0].merchantName:pt.strings.hyphen,P=e.recommendedAction.recommendedTransactions[0]?.merchantName;return t.jsxs(Rd,{className:"recon-row-card",isCompressedMode:T,isExpanded:v,children:[t.jsxs(Dd,{isExpanded:v,onClick:()=>S(e.transactionId),"data-testid":z("account-reconciliation-review-row",e.transactionId),children:[T?null:t.jsx(Qt,{windowSize:A,responsiveWidth:vt[0].width,children:t.jsx(Xt,{children:e.transactionDate.format(Zs.MMMDCommaYYYYformat)})}),t.jsx(Qt,{windowSize:A,responsiveWidth:T?ko[0].width:vt[1].width,children:t.jsx(Xt,{children:t.jsx(it,{itemTextStyle:{...Dt.standardRegular.cssObject,color:"inherit"},text:q(e)})})}),T?null:t.jsxs(t.Fragment,{children:[t.jsx(Qt,{windowSize:A,responsiveWidth:vt[2].width,children:t.jsx(Xt,{children:t.jsx(it,{itemTextStyle:{...Dt.standardRegular.cssObject,color:"inherit"},text:e.memo})})}),t.jsx(Qt,{windowSize:A,responsiveWidth:vt[3].width,children:t.jsx(Xt,{style:{textTransform:"capitalize"},children:e.transactionDirection})}),t.jsxs(Qt,{windowSize:A,responsiveWidth:vt[4].width,children:[t.jsx(We,{controller:R,children:t.jsx(Yd,{children:t.jsx(Xd,{children:Ce.review.matchesCount.replace("__count__",e.recommendedAction.recommendedTransactions.length.toString())})})}),t.jsx(We,{controller:!R,children:t.jsx(Xt,{children:V!=null?t.jsxs(t.Fragment,{children:[t.jsx(ta,{}),t.jsx(it,{itemTextStyle:{...Dt.standardRegular.cssObject,color:"inherit"},text:V.accountName})]}):pt.strings.hyphen})})]})]}),t.jsx(Qt,{windowSize:A,isLastColumn:!0,responsiveWidth:T?ko[1].width:vt[5].width,children:t.jsx(Xt,{children:Ms("0,0.00",e.amount.amount,e.amount.currencySymbol)})})]}),t.jsxs(We,{controller:v&&I!=null,children:[t.jsx(Ed,{onSaveReconciliation:C,onSaveReconciliationReview:L,updateLocalData:k,saveFetchById:u,excludeFetchById:m,localData:I,classListNestedAccountHierarchy:i,allAccountList:p,classList:h,transaction:e,accountListNestedAccountHierarchy:c,entitySearchAutoCompleteActions:r,entitySearchAutoCompleteData:l,selectedVendor:g,bankAccounts:f,creditCards:y,accountType:b,onReconMatchedTransactionClick:j}),t.jsx(We,{controller:(R||w||D)&&P!=null,children:t.jsx(eu,{children:t.jsxs(tu,{children:[b==="credit_card"?Ce.review.creditCardDetail:Ce.review.bankDetail,pt.strings.colon," ",P]})})})]})]})},Ed=({transaction:e,accountListNestedAccountHierarchy:n,entitySearchAutoCompleteActions:c,allAccountList:r,classList:p,classListNestedAccountHierarchy:h,localData:i,entitySearchAutoCompleteData:d,excludeFetchById:l,saveFetchById:m,selectedVendor:u,bankAccounts:g,creditCards:f,accountType:y,updateLocalData:b,onSaveReconciliation:S,onSaveReconciliationReview:k,onReconMatchedTransactionClick:C})=>{const L=kt(),j=Ft(),[v,A]=s.useState(!i.vendor?.id),[T,I]=s.useState(!i.customer?.id),[R,w]=s.useState(i.categoryId==null),[D,V]=s.useState(i.classId==null),[q,P]=s.useState(i.bankAccountId==null),[N,B]=s.useState(i.creditCardId==null),[ie,U]=s.useState(!i.memo),re=zs(e),oe=_s(e),X=Ps(e,y??"bank"),se=Bs(e,y??"bank"),ge=Ns(e),Y=zo(e),le=s.useMemo(()=>{if(!oe&&!Y)return Ot(n);if(u!=null&&u.id!==e.recommendedAction.recommendedTransactions[0]?.merchantId)return Ot(n,u?.recommendations);const $=r.find(be=>be.accountId===e.recommendedAction.recommendedTransactions[0]?.accountId),ne=$!=null?{...$,reason:Ce.review.zeniGptRecommendation,min:0,max:0}:void 0;return Ot(n,[{account:ne}])},[oe,Y,u,e.recommendedAction.recommendedTransactions,r,n]),K=s.useMemo(()=>{if(!oe&&!Y)return Mn(h);if(u!=null&&u.id!==e.recommendedAction.recommendedTransactions[0]?.merchantId)return Mn(h,u?.recommendations);const $=p.find(be=>be.classId===e.recommendedAction.recommendedTransactions[0]?.classId),ne=$!=null?{...$,reason:Ce.review.zeniGptRecommendation,min:0,max:0}:void 0;return Mn(h,[{class:ne}])},[oe,Y,u,e.recommendedAction.recommendedTransactions,p,h]),M=Jt({mode:"onSubmit",reValidateMode:"onSubmit",shouldFocusError:!0,defaultValues:s.useMemo(()=>fi(e,i,le,r,K,g,f,d),[e,i,K,r,le,g,f,d]),values:s.useMemo(()=>fi(e,i,le,r,K,g,f,d),[e,i,K,r,le,g,f,d])}),O=async($,ne)=>{$.includes("memo")||b(yi(ne,e,d,r),e.transactionId,$.includes("vendor"))};s.useEffect(()=>{const $=M.watch((ne,{name:be})=>{be!=null&&ne!=null&&Cn(()=>O(be,ne))});return()=>{$.unsubscribe()}});const J=s.useCallback($=>{if(!j){if(oe||ge||Y){if((oe||Y)&&i.vendor==null){A(!1),M.setError(Ee(e.transactionId,"vendor"),{type:"required"});return}if(ge&&i.customer==null){I(!1),M.setError(Ee(e.transactionId,"customer"),{type:"required"});return}if(i.categoryId==null){w(!1),M.setError(Ee(e.transactionId,"category"),{type:"required"});return}}b(yi($,e,d,r),e.transactionId,!1),k(e.transactionId)}},[j,oe,Y,ge,b,e,d,r,k,i.categoryId,i.vendor,i.customer]),G=M.watch(Ee(e.transactionId,"vendor")),W=M.watch(Ee(e.transactionId,"customer")),E=s.useRef(),_=s.useMemo(()=>oe||Y?"vendor":ge?"customer":null,[oe,Y,ge]),H=($,ne)=>{_!=null&&c.onAutoCompleteInputChange?.($,_),E.current=ne};s.useEffect(()=>{d.entityAutoCompleteView.fetchState==="Completed"&&((oe||Y)&&E.current?.(Ts(d.entityAutoCompleteView)),ge&&E.current?.(Ar(d.entityAutoCompleteView)))},[d.entityAutoCompleteView,ge,oe,Y]);const F=$=>p.filter(ne=>ne.classId===$)[0]?.accountingClassNumber??void 0,he=$=>r.filter(ne=>ne.qboId===$)[0]?.qboId,te=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]),ee=()=>{j||w(!1)},xe=()=>{j||P(!1)},$e=()=>{j||B(!1)};return s.useEffect(()=>{R===!1&&i.categoryId==null&&M.setFocus(Ee(e.transactionId,"category"))},[R]),s.useEffect(()=>{D===!1&&i.classId==null&&M.setFocus(Ee(e.transactionId,"class"))},[D]),s.useEffect(()=>{v===!1&&i.vendor==null&&M.setFocus(Ee(e.transactionId,"vendor"))},[v]),s.useEffect(()=>{T===!1&&i.customer==null&&M.setFocus(Ee(e.transactionId,"customer"))},[T]),s.useEffect(()=>{q===!1&&i.bankAccountId==null&&M.setFocus(Ee(e.transactionId,"bankAccount"))},[q]),s.useEffect(()=>{N===!1&&i.creditCardId==null&&M.setFocus(Ee(e.transactionId,"creditCard"))},[N]),t.jsx(Gt,{...M,children:t.jsx("form",{onSubmit:M.handleSubmit(J),id:xi(e.transactionId),children:t.jsxs(Od,{children:[t.jsxs(Bd,{children:[t.jsxs(Vd,{children:[t.jsxs(Wd,{children:[t.jsx(ta,{}),t.jsx(Jn,{label:{label:re?Ce.review.formLabels.match:Ce.review.formLabels.categorize},radioField:{name:Ee(e.transactionId,"match_radio"),id:re?"match":"categorize",value:re?"match":"categorize",checked:!0,style:{width:o.sp3,height:o.sp3,padding:"2px"}},style:{width:"auto"}})]}),t.jsx(We,{controller:!re,children:t.jsxs(t.Fragment,{children:[t.jsx(Ci,{}),te.map($=>t.jsx(Jn,{label:{label:Ce.review.formLabels[$]},style:{width:"auto"},isDisabled:"readonly",changeLabelColorInDisableMode:!0,radioField:{name:Ee(e.transactionId,"recommendedActionType"),id:$,value:$,style:{width:o.sp3,height:o.sp3,padding:"2px"}}},$))]})})]}),t.jsxs(Nd,{children:[t.jsx(fn,{variant:"secondary",size:"small",label:Ce.review.formLabels.exclude,loading:l[e.transactionId]?.fetchState==="In-Progress","data-testid":z("account-reconciliation-review-exclude-button",e.transactionId),style:{width:o.sp10},reverseSpinnerColor:!1,onClick:()=>{j||S({reconcileAction:"exclude",excludeTransactionId:e.transactionId})}}),t.jsx(fn,{form:xi(e.transactionId),"data-testid":z("account-reconciliation-review-save-button",e.transactionId),label:pt.footer.save,style:{width:o.sp10},variant:"primary",size:"small",type:"submit",loading:m[e.transactionId]?.fetchState==="In-Progress"})]})]}),t.jsx(We,{controller:oe||ge||Y,children:t.jsxs(Xn,{children:[t.jsx(We,{controller:oe||Y,children:t.jsx(bt,{onClickAway:()=>{i.vendor==null&&v===!1&&A(!0)},children:t.jsx(Q,{style:{flex:1,padding:x[0],justifyContent:"center"},showHoverEffect:!0,forceHoverEffect:!1,children:t.jsxs(ht,{className:"hover-background",style:{padding:`${o.sp2} ${o.sp3}`},children:[t.jsx(ae,{style:{display:"flex",alignItems:"center",gap:x[1]},children:pt.texts.vendor}),t.jsx(ce,{style:{gap:x[3]},className:"item-value-container",children:t.jsx(t.Fragment,{children:v===!0?t.jsxs(me,{onClick:$=>{$.stopPropagation(),!j&&A(!1)},"data-testid":z("account-reconciliation-review-add-vendor-button",e.transactionId),style:{display:"inline-flex",alignItems:"center",gap:x[1],color:L.colors.champion,cursor:"pointer"},children:[t.jsx(Vt,{}),Ce.review.formLabels.addVendor]}):t.jsx(bo,{name:Ee(e.transactionId,"vendor"),allowEmpty:!1,placeholder:Ce.review.formLabels.addVendor,valueToId:$=>$,defaultValue:{selectedOption:G?.selectedOption,defaultOptions:G?.defaultOptions??[]},style:{width:"100%"},customStyleConfig:{valueContainer:()=>({justifyContent:"flex-start"}),control:()=>({height:o.sp4})},registerOptions:{required:!0,validate:$=>!!$.selectedOption},loadOptions:H})})})]})})})}),t.jsx(We,{controller:ge,children:t.jsx(bt,{onClickAway:()=>{i.customer==null&&T===!1&&I(!0)},children:t.jsx(Q,{style:{flex:1,padding:x[0],justifyContent:"center"},showHoverEffect:!0,forceHoverEffect:!1,children:t.jsxs(ht,{className:"hover-background",style:{padding:`${o.sp2} ${o.sp3}`},children:[t.jsx(ae,{style:{display:"flex",alignItems:"center",gap:x[1]},children:pt.texts.customer}),t.jsx(ce,{style:{gap:x[3]},className:"item-value-container",children:t.jsx(t.Fragment,{children:T===!0?t.jsxs(me,{onClick:$=>{$.stopPropagation(),!j&&I(!1)},"data-testid":z("account-reconciliation-review-add-customer-button",e.transactionId),style:{display:"inline-flex",alignItems:"center",gap:x[1],color:L.colors.champion,cursor:"pointer"},children:[t.jsx(Vt,{}),Ce.review.formLabels.addCustomer]}):t.jsx(bo,{name:Ee(e.transactionId,"customer"),allowEmpty:!1,placeholder:Ce.review.formLabels.addCustomer,valueToId:$=>$,defaultValue:{selectedOption:W?.selectedOption,defaultOptions:W?.defaultOptions??[]},style:{width:"100%"},customStyleConfig:{valueContainer:()=>({justifyContent:"flex-start"}),control:()=>({height:o.sp4})},registerOptions:{required:!0,validate:$=>!!$.selectedOption},loadOptions:H})})})]})})})}),t.jsx(bt,{onClickAway:()=>{i.categoryId==null&&R===!1&&w(!0)},children:t.jsx(Q,{showHoverEffect:!0,forceHoverEffect:!1,style:{padding:"unset",justifyContent:"center",flex:1},children:t.jsxs(ht,{className:"hover-background",children:[t.jsx(ae,{style:{display:"flex",alignItems:"center",gap:x[1]},children:pt.texts.category}),t.jsx(ce,{className:"item-value-container",children:t.jsx(t.Fragment,{children:R===!0?t.jsxs(me,{onClick:$=>{$.stopPropagation(),!j&&ee()},"data-testid":z("account-reconciliation-review-add-category-button",e.transactionId),style:{display:"inline-flex",alignItems:"center",gap:x[1],color:L.colors.champion,cursor:"pointer"},children:[t.jsx(Vt,{}),Ce.review.formLabels.addCategory]}):t.jsx(on,{shouldShowChevronIcon:!1,menuPortal:document.body,name:Ee(e.transactionId,"category"),placeholder:Ce.review.formLabels.addCategory,valueToId:$=>he($),defaultValue:{allOptions:le,selectedOption:r.find($=>$.accountId===i.categoryId)?.qboId},registerOptions:{required:!0,validate:$=>!!$.selectedOption},customStyleConfig:Ln})})})]})})}),t.jsx(bt,{onClickAway:()=>{i.classId==null&&D===!1&&V(!0)},children:t.jsx(Q,{showHoverEffect:!0,forceHoverEffect:!1,style:{padding:"unset",justifyContent:"center",flex:1},children:t.jsxs(ht,{className:"hover-background",children:[t.jsx(ae,{style:{display:"flex",alignItems:"center",gap:x[1]},children:pt.texts.class}),t.jsx(ce,{className:"item-value-container",children:t.jsx(t.Fragment,{children:D===!0?t.jsxs(me,{onClick:$=>{$.stopPropagation(),!j&&V(!1)},"data-testid":z("account-reconciliation-review-add-class-button",e.transactionId),style:{display:"inline-flex",alignItems:"center",gap:x[1],color:L.colors.champion,cursor:"pointer"},children:[t.jsx(Vt,{}),Ce.review.formLabels.addClass]}):t.jsx(on,{shouldShowChevronIcon:!1,menuPortal:document.body,name:Ee(e.transactionId,"class"),placeholder:Ce.review.formLabels.addClass,valueToId:$=>F($),defaultValue:{allOptions:K,selectedOption:i.classId},registerOptions:{required:!0,validate:$=>!!$.selectedOption},customStyleConfig:Ln})})})]})})})]})}),t.jsx(We,{controller:re,children:t.jsxs(Hd,{children:[t.jsxs(Ud,{children:[t.jsx("span",{className:"matched-text",children:`${Ce.review.matchedFoundCount.replace("__count__",e.recommendedAction.recommendedTransactions.length.toString())} `}),Ce.review.matchesFoundFullInfo]}),t.jsx(Kd,{children:e.recommendedAction.recommendedTransactions.map($=>$.bookTransactionId!=null?t.jsxs(Jd,{children:[t.jsx(Jn,{label:{label:t.jsxs(qd,{children:[t.jsx(Be,{children:$.date.format(Zs.MMMDCommaYYYYformat)}),t.jsx(Be,{children:$.memo})]})},style:{width:"auto"},isDisabled:void 0,changeLabelColorInDisableMode:!0,radioField:{name:Ee(e.transactionId,"matchedTransaction"),registerOptions:{required:!0},id:$.bookTransactionId,value:$.bookTransactionId,style:{width:o.sp3,height:o.sp3,padding:"2px"}}}),t.jsxs(Qd,{"data-testid":z("account-reconciliation-review-matched-transaction-amount",$.bookTransactionId),onClick:()=>{$.bookTransactionId!=null&&C($.bookTransactionId)},children:[t.jsx(Gd,{children:Ms("0,0.00",$.amount.amount,$.amount.currencySymbol)}),t.jsx(Ci,{})]})]},$.bookTransactionId):null)})]})}),t.jsx(We,{controller:X,children:t.jsx(Xn,{children:t.jsx(bt,{onClickAway:()=>{i.bankAccountId==null&&q===!1&&P(!0)},children:t.jsx(Q,{showHoverEffect:!0,forceHoverEffect:!1,style:{padding:"unset",justifyContent:"center",flex:1},children:t.jsxs(ht,{className:"hover-background",children:[t.jsx(ae,{style:{display:"flex",alignItems:"center",gap:x[1]},children:y==="credit_card"?Ce.review.formLabels.selectAccount:Ce.review.formLabels.transferTo}),t.jsx(ce,{className:"item-value-container",children:t.jsx(t.Fragment,{children:q===!0?t.jsxs(me,{onClick:$=>{$.stopPropagation(),!j&&xe()},"data-testid":z("account-reconciliation-review-add-account-button",e.transactionId),style:{display:"inline-flex",alignItems:"center",gap:x[1],color:L.colors.brandColorGoldDark,cursor:"pointer"},children:[t.jsx(Vt,{}),Ce.review.formLabels.selectAccount]}):t.jsx(on,{shouldShowChevronIcon:!1,menuPortal:document.body,name:Ee(e.transactionId,"bankAccount"),placeholder:Ce.review.formLabels.selectAccount,defaultValue:{allOptions:Ys(g),selectedOption:i.bankAccountId},registerOptions:{required:!0,validate:$=>!!$.selectedOption},customStyleConfig:Ln})})})]})})})})}),t.jsx(We,{controller:se,children:t.jsx(Xn,{children:t.jsx(bt,{onClickAway:()=>{i.creditCardId==null&&N===!1&&B(!0)},children:t.jsx(Q,{showHoverEffect:!0,forceHoverEffect:!1,style:{padding:"unset",justifyContent:"center",flex:1},children:t.jsxs(ht,{className:"hover-background",children:[t.jsx(ae,{style:{display:"flex",alignItems:"center",gap:x[1]},children:Ce.review.formLabels.creditCard}),t.jsx(ce,{className:"item-value-container",children:t.jsx(t.Fragment,{children:N===!0?t.jsxs(me,{onClick:$=>{$.stopPropagation(),!j&&$e()},"data-testid":z("account-reconciliation-review-add-credit-card-button",e.transactionId),style:{display:"inline-flex",alignItems:"center",gap:x[1],color:L.colors.brandColorGoldDark,cursor:"pointer"},children:[t.jsx(Vt,{}),Ce.review.formLabels.selectCard]}):t.jsx(on,{shouldShowChevronIcon:!1,menuPortal:document.body,name:Ee(e.transactionId,"creditCard"),placeholder:Ce.review.formLabels.selectCard,defaultValue:{allOptions:Xs(f),selectedOption:i.creditCardId},registerOptions:{required:!0,validate:$=>!!$.selectedOption},customStyleConfig:Ln})})})]})})})})}),t.jsx(We,{controller:!re,children:t.jsx(Pd,{children:t.jsx(Q,{showHoverEffect:!0,forceHoverEffect:!1,style:{padding:"unset",justifyContent:"center",width:"100%"},children:t.jsxs(ht,{className:"hover-background",children:[t.jsx(ae,{style:{display:"flex",alignItems:"center",gap:x[1]},children:Ce.review.header.memo}),t.jsx(ce,{className:"item-value-container",children:t.jsx(t.Fragment,{children:ie===!0?t.jsxs(me,{onClick:$=>{$.stopPropagation(),!j&&U(!1)},"data-testid":z("account-reconciliation-review-add-memo-button",e.transactionId),style:{display:"inline-flex",alignItems:"center",gap:x[1],color:L.colors.champion,cursor:"pointer"},children:[t.jsx(Vt,{}),Ce.review.formLabels.addMemo]}):t.jsx(Er,{name:Ee(e.transactionId,"memo"),placeholder:Ce.review.formLabels.addMemo,type:"text",style:{padding:0,textAlign:"left",width:"100%",background:"transparent"}})})})]})})})})]})})})},Ln={valueContainer:()=>({justifyContent:"flex-start",paddingLeft:0}),control:()=>({height:o.sp4}),singleValue:()=>({margin:0}),menuPortal:()=>({zIndex:9999}),menu:()=>({width:`calc(100% + ${o.sp5})`,marginRight:`-${o.sp3}`,marginLeft:`-${o.sp3}`})},fi=(e,n,c,r,p,h,i,d)=>{const l=r.find(m=>m.accountId===n.categoryId);return{[at]:{[e.transactionId]:{category:{selectedOption:l?.qboId,allOptions:c},class:{selectedOption:n?.classId,allOptions:p},bankAccount:{selectedOption:n?.bankAccountId,allOptions:Ys(h)},creditCard:{selectedOption:n?.creditCardId,allOptions:Xs(i)},memo:n?.memo,recommendedActionType:e.recommendedAction.action,matchedTransaction:n?.matchedTransactionId,vendor:{selectedOption:n?.vendor?.id,defaultOptions:Ds(d.entityAutoCompleteView,n?.vendor)},customer:{selectedOption:n?.customer?.id,defaultOptions:zr(n?.customer,d.entityAutoCompleteView)}}}}},yi=(e,n,c,r)=>{const{vendor:p,customer:h}=e[at][n.transactionId];let i;if(p.selectedOption!=null){const l=p.defaultOptions.find(m=>m.value===p.selectedOption);if(l!=null)i={id:p.selectedOption,name:l.label};else{const m=c.entityAutoCompleteView.vendor.find(u=>u.id===p.selectedOption||u.zeniId===p.selectedOption);m!=null&&(i={id:m.zeniId,name:m.name})}}let d;if(h.selectedOption!=null){const l=h.defaultOptions.find(m=>m.value===h.selectedOption);if(l!=null)d={id:h.selectedOption,name:l.label};else{const m=c.entityAutoCompleteView.customer.find(u=>u.id===h.selectedOption||u.zeniId===h.selectedOption);m!=null&&(d={id:m.zeniId,name:m.name})}}return{categoryId:r.find(l=>l.qboId===e[at][n.transactionId].category.selectedOption)?.accountId??e[at][n.transactionId].category.selectedOption,classId:e[at][n.transactionId].class.selectedOption,memo:e[at][n.transactionId].memo,matchedTransactionId:e[at][n.transactionId].matchedTransaction,vendor:i,bankAccountId:e[at][n.transactionId].bankAccount.selectedOption,creditCardId:e[at][n.transactionId].creditCard.selectedOption,customer:d}},Xt=a(Be)`
+  display: flex;
+  align-items: center;
+  column-gap: ${o.sp1};
+`,Qt=a.div`
+  width: ${e=>e.responsiveWidth.valuePercentage(e.windowSize)};
+  display: flex;
+  justify-content: ${e=>e.isLastColumn===!0?"flex-end":"flex-start"};
+`,Rd=a.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};
+  ${e=>!e.isCompressedMode&&De`
+      &:hover {
+        border: 1px solid ${e.theme.colors.primary};
+        color: ${e.theme.colors.primary};
+      }
+    `}
+  box-shadow: ${e=>e.theme.colors.elevation1};
+  border-radius: ${o.sp2};
+`,Dd=a.div`
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  cursor: pointer;
+  padding: ${o.sp3} ${o.sp4};
+  column-gap: ${o.sp2};
+
+  border-bottom: ${e=>e.isExpanded?"1px solid "+e.theme.colors.primary:"none"};
+`,Od=a.div`
+  padding: ${o.sp2} ${o.sp4};
+  display: flex;
+  flex-direction: column;
+  row-gap: ${o.sp2};
+`,Md=a.div`
+  top: ${o.sp0};
+  left: ${o.sp0};
+  padding-right: var(--side-panel-list-item-pr, 0px);
+  box-sizing: border-box;
+  ${e=>e.isPanelSelected===!0&&De`
+      .recon-row-card {
+        ${_o(e.theme)}
+      }
+    `}
+`,Fd=a.div`
+  height: calc(100vh - 350px);
+  max-width: 99.9%;
+  padding: ${o.sp0};
+`,zd=a.div``,_d=a.div`
+  position: relative;
+  width: auto;
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+  row-gap: ${o.sp3};
+`,Bd=a.div`
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  justify-content: space-between;
+  padding: 12px ${o.sp3};
+  background-color: ${e=>e.theme.colors.background};
+  border-radius: ${o.sp2};
+`,Xn=a.div`
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  column-gap: ${o.sp3};
+`,Pd=a.div`
+  width: 100%;
+`,Nd=a.div`
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  column-gap: ${o.sp3};
+`,Vd=a.div`
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  column-gap: ${o.sp6};
+`,Wd=a.div`
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  column-gap: ${o.sp1};
+`,Vt=a(Hn)`
+  width: ${o.sp3};
+  height: ${o.sp3};
+`,Ci=a(_r)`
+  width: ${o.sp3};
+  height: ${o.sp3};
+  color: ${e=>e.theme.colors.hero};
+`,Hd=a.div`
+  display: flex;
+  flex-direction: column;
+  row-gap: ${o.sp3};
+  padding: ${o.sp0} 12px;
+`,Ud=a(Be)`
+  color: ${e=>e.theme.colors.primary};
+
+  .matched-text {
+    font-weight: ${Eo.bold};
+  }
+`,qd=a.div`
+  display: flex;
+  align-items: center;
+  column-gap: ${o.sp2};
+`,Kd=a.div`
+  display: flex;
+  flex-direction: column;
+  row-gap: ${o.sp2};
+`,Jd=a.div`
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  justify-content: space-between;
+  padding-bottom: ${o.sp2};
+  border-bottom: 1px solid ${e=>e.theme.colors.grey3};
+`,Gd=a(Be)`
+  color: ${e=>e.theme.colors.hero};
+`,Zd=a.div`
+  height: 100%;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+`,Yd=a.div`
+  border: 1px solid ${e=>e.theme.colors.grey2};
+  padding: ${o.sp0} ${o.sp1};
+  border-radius: ${o.sp1};
+`,Xd=a(gt)`
+  color: ${e=>e.theme.colors.hero};
+`,Qd=a.div`
+  display: flex;
+  align-items: center;
+  column-gap: 20px;
+  cursor: pointer;
+`,eu=a.div`
+  text-align: center;
+  padding: ${o.sp1} ${o.sp0};
+  border-top: 1px solid ${e=>e.theme.colors.grey3};
+`,tu=a(gt)`
+  color: ${e=>e.theme.colors.hero};
+`,ta=a(wn)`
+  width: ${o.sp3};
+  height: ${o.sp3};
+  margin-right: ${o.sp1};
+  path {
+    stroke-width: 2;
+  }
+`,nu=({reconciliation:e,entitySearchAutoCompleteData:n,selectedAccountId:c,currentFooterFormId:r,entitySearchAutoCompleteActions:p,onUpdateReconcileTabLocalData:h,setCurrentFooterFormId:i,onReconTabColumnSortConfigChanged:d,updateReviewTabLocalData:l,onReconReviewTabColumnSortConfigChanged:m,onSaveReconciliation:u,onSaveReconciliationReview:g,onReconMatchedTransactionClick:f})=>{const{accountReconciliationsByAccountID:y,reconciliationTabsState:{reconcile:{uiState:{sortKey:b,sortOrder:S}}},selectedReconAccount:k}=e,C=y[c],{transactionFetchState:L}=k??{};return L?.fetchState==="In-Progress"||L?.fetchState==="Not-Started"?t.jsxs(wi,{style:{paddingLeft:x[8],paddingRight:x[8]},children:[t.jsx(ou,{children:vt.map(j=>t.jsx(Mt,{width:j.loaderWidth,height:18},j.key))}),t.jsxs(su,{children:[...Array(3).fill(0).map((j,v)=>t.jsx(iu,{children:vt.map(A=>t.jsx(Mt,{width:A.loaderWidth,height:x[4]},A.key))},`${v}_${j}`))]})]}):t.jsx(wi,{children:e.selectedTab==="reconcile"?t.jsx(cd,{selectedAccountId:c,currentFooterFormId:r,setCurrentFooterFormId:i,onUpdateReconcileTabLocalData:h,onReconTabColumnSortConfigChanged:d,onSaveReconciliation:u,sortConfig:{sortKey:b,sortOrder:S},localData:e.reconciliationTabsState.reconcile.localData,matchedTransactions:C?.accountReconEntity.transactionsToReconcile}):t.jsx(Td,{localData:e.reconciliationTabsState.review.localData,reviewTabSelectedVendorByTransactionId:e.reviewTabSelectedVendorByTransactionId,refreshStatus:e.accountReconciliationsByAccountID[c]?.refreshStatus??{fetchState:"Not-Started",error:null},accountReconEntity:e.accountReconciliationsByAccountID[c].accountReconEntity,accountListNestedAccountHierarchy:e.accountListNestedAccountHierarchy,classListNestedAccountHierarchy:e.classListNestedAccountHierarchy,allAccountList:e.allAccountList,classList:e.allClassList,bankAccounts:e.bankAccounts,creditCards:e.creditCards,entitySearchAutoCompleteData:n,updateLocalData:l,entitySearchAutoCompleteActions:p,onColumnSortConfigChanged:m,onSaveReconciliation:u,onSaveReconciliationReview:g,onReconMatchedTransactionClick:f,excludeFetchById:e.actionFetchStates.excludeFetchById,saveFetchById:e.actionFetchStates.saveReconciliationReviewFetch,selectedAccountId:c,sortKey:e.reconciliationTabsState.review.uiState.sortKey,sortOrder:e.reconciliationTabsState.review.uiState.sortOrder})})},wi=a.div`
+  width: 100%;
+  height: 100%;
+`,ou=a.div`
+  display: flex;
+  justify-content: space-between;
+  padding: ${o.sp3} ${o.sp4};
+  column-gap: ${o.sp6};
+`,iu=a.div`
+  display: flex;
+  justify-content: space-between;
+  padding: ${o.sp3} ${o.sp4};
+  background-color: ${e=>e.theme.colors.grey5};
+  border-radius: ${o.sp2};
+  border: ${e=>`1px solid ${e.theme.colors.grey3}`};
+  box-shadow: ${e=>e.theme.colors.elevation1};
+  column-gap: ${o.sp6};
+`,su=a.div`
+  display: flex;
+  gap: ${o.sp3};
+  flex-direction: column;
+`;function au({title:e,config:n,nodeId:c}){return{children:[],id:c??mt("loading_in_progress",[],e),isLastNode:!1,reportElementData:{element:{kind:"loading_in_progress",title:"",data:[],numOfBalances:0},config:n}}}function ru({account:e,numOfBalances:n,title:c,isLastNode:r,config:p}){const h=mt("ac_group_report",[],c);return{children:[],id:h,isLastNode:r,reportElementData:{element:{kind:"ac_group_report",title:c,data:e,numOfBalances:n},config:p}}}function lu({title:e,section:n,config:c,numOfBalances:r,nodeId:p}){return{children:[],id:p??mt("total",[]),isLastNode:!1,reportElementData:{element:{kind:"total",title:e,data:n,numOfBalances:r},config:c}}}function bi({section:e,allAccountReconciliations:n,title:c,subTitle:r,isLastNode:p,isTitleRowRequired:h,config:i}){const d=mt("section",[],c),l={children:[],id:d,isLastNode:p,reportElementData:{element:{kind:"section",title:c,data:e,numOfBalances:0},config:i}};if(h){const u=mt("title_string_only",[],c),g={children:[],id:u,isLastNode:!0,reportElementData:{element:{kind:"title_string_only",title:c,data:e,numOfBalances:0},config:i}};l.children.push(g)}const m=lu({title:r,section:e,config:i,numOfBalances:0});return l.children.push(m),e.accountIDs.forEach((u,g)=>{const f=n[u],y=ru({account:f,numOfBalances:0,title:f.accountReconEntity.account.accountName,isLastNode:g===e.accountIDs.length-1,config:i});l.children.push(y)}),l}function na({config:e,accountReconForSection:n,nodeId:c}){return{children:[],id:c??mt("timeframe_header",[]),isLastNode:!1,reportElementData:{element:{kind:"timeframe_headers",title:"",data:n,numOfBalances:0},config:e}}}function cu(e,n){return n?Zn("section")+Zn("total")+e*Zn("ac_group_report"):1/0}const du=(e,n,c,r,p=!0,h="assets")=>{const i=h==="liabilities"&&e.accountReconciliationBySectionID.liabilities.accountIDs.length>0?e.accountReconciliationBySectionID.liabilities:e.accountReconciliationBySectionID.assets,d=na({config:n,accountReconForSection:i}),l=[];l.push(d);const m=Array.isArray(c[r])?c[r]:[],{expenseAutomation:{accountRecon:{reconciliation:u}},common:{loading:g}}=Ie.getLocalizedStrings(),f=e.fetchStatus.fetchState==="Not-Started"||e.fetchStatus.fetchState==="In-Progress",y=b=>b.filter(S=>!m.includes(S));if(f)[...Array(3)].forEach((b,S)=>{l.push(au({title:`${S}+${g}`,config:n}))});else{const b=y(e.accountReconciliationBySectionID.assets.accountIDs),S=bi({section:{...e.accountReconciliationBySectionID.assets,accountIDs:b},allAccountReconciliations:e.accountReconciliationsByAccountID,title:u.headers.section.assets.title,subTitle:u.headers.section.assets.subTitle,isLastNode:!1,isTitleRowRequired:!1,config:n});if(l.push(S),e.accountReconciliationBySectionID.liabilities.accountIDs.length>0){const k=y(e.accountReconciliationBySectionID.liabilities.accountIDs),C=bi({section:{...e.accountReconciliationBySectionID.liabilities,accountIDs:k},allAccountReconciliations:e.accountReconciliationsByAccountID,title:u.headers.section.liabilities.title,subTitle:u.headers.section.liabilities.subTitle,isLastNode:!1,isTitleRowRequired:!0,config:n});l.push(C)}}return{config:n,headerNodes:p?[d]:[],contentNodes:l}};function uu(e,n,c,r=!1,p="assets"){Object.assign(e.config,c);const h=p==="liabilities"&&n.accountReconciliationBySectionID.liabilities.accountIDs.length>0?n.accountReconciliationBySectionID.liabilities:n.accountReconciliationBySectionID.assets,i=na({config:c,accountReconForSection:h});return{config:c,headerNodes:r?[i]:[],contentNodes:[i,...e.contentNodes.slice(1)]}}const Io={wrapperPadding:new Z(x[2],x[2],x[2],x[8]),contentPaddingLeft:new Z(x[2],x[2],x[2],x[2]),contentPaddingRight:new Z(x[2],x[2],x[2],x[2])},hu=a.div`
+  display: flex;
+  height: 100%;
+  width: 100%;
+  justify-content: center;
+  align-items: center;
+`,pu=a.div`
+  display: flex;
+  height: 100%;
+  min-height: 100%;
+  flex: 1 1 auto;
+  width: 100%;
+  justify-content: center;
+  padding-left: ${e=>Io.wrapperPadding.valuePx(e.windowSize)};
+  background-color: ${e=>e.theme.colors.grey4};
+`,mu=a.div`
+  width: 100%;
+  height: 100%;
+`,{common:gu}=Ie.getLocalizedStrings();function xu({reconciliation:e,companyId:n,onReload:c,onReviewClicked:r,setOpenDrawerClicked:p,onFetchLinkTokenClick:h,onEstablishConnectionClick:i,onAddStatementClick:d}){const[l,m]=s.useState(void 0),[u,g]=s.useState(void 0),f=e.plaidConnectionDetails.link_account_no_microdeposit,y=e.plaidConnectionDetails.update_account,b=u==="update_account"?y:f,[S,k]=s.useState(b.linkToken??null),[C,L]=s.useState(!1),{useDynamicConfig:j}=ws(),{configValue:v}=j(bs.accountReconGLAccountsConfig),A=s.useCallback(_=>{m(_),g("link_account_no_microdeposit")},[]),T=s.useCallback(_=>{const H=D.current.accountReconciliationsByAccountID[_]?.paymentAccountId;m(_),g("update_account"),h("update_account",H)},[]),I=s.useCallback(_=>{p(_)},[]),R=s.useRef(l),w=s.useRef(u),D=s.useRef(e);s.useEffect(()=>{R.current=l},[l]),s.useEffect(()=>{w.current=u},[u]),s.useEffect(()=>{D.current=e},[e]);const V=s.useCallback(_=>{i(_,R.current??"",w.current),m(void 0),g(void 0),L(!1)},[i]),q=s.useCallback((_,H)=>{_!=null&&console.log("Plaid Connection Error",_,H),m(void 0),g(void 0),L(!1)},[]),{open:P,ready:N}=lr({token:S,onSuccess:V,onExit:q});s.useEffect(()=>{(So(new Date().toISOString()).isAfter(b.expiration)||b.linkToken==null)&&b.fetchStatus.fetchState==="Not-Started"&&h("link_account_no_microdeposit")},[b.fetchStatus.fetchState]),s.useEffect(()=>{!C&&u!=null&&b.linkToken===S&&b.fetchStatus.fetchState==="Completed"&&N&&L(!0)},[N,S,b.fetchStatus.fetchState,b.linkToken,u,C]),s.useEffect(()=>{b.fetchStatus.fetchState==="Completed"&&b.linkToken!=null&&b.linkToken!==S&&k(b.linkToken)},[b.fetchStatus.fetchState,b.linkToken,S]),s.useEffect(()=>{C&&P()},[C,P]);const[B,ie]=s.useState(void 0),[U,re]=s.useState(void 0),[oe,X]=s.useState("assets"),se=So("2025-03-31"),ge=1,Y="account_reconciliation",le=ke(),K=kt();cr({componentName:"expense_automation.account_reconciliation_list",enabled:e.fetchStatus.fetchState==="Completed"});const M=!0,O=Array.isArray(v?.[n])?v[n]:[],J=e.accountReconciliationBySectionID.assets.accountIDs.filter(_=>!O.includes(_)).length,G=e.accountReconciliationBySectionID.liabilities.accountIDs.length>0,W=cu(J,G),E=s.useCallback(_=>{const H=_.scrollTop>=W?"liabilities":"assets";H!==oe&&X(H)},[W,oe]);return s.useEffect(()=>{const _={reportId:Y,mode:"none",displayOrder:"ascending_date",reportFormat:"more_detailed",bookCloseDate:se,firstMonthOfFY:ge,filterAccountsWithNilBalances:"off",filterAccountGroupsWithNilBalances:"off",showNegativeAmountInParenthesis:!1,dataAvailable:void 0,accountReconciliationConfig:{selectedDrawerAccountId:e.selectedDrawerAccountId,onReviewClicked:r,onConnectClicked:A,onReconnectClicked:T,onOpenDrawerClicked:I,onStatementAddClicked:d}};if(B==null||!vs(U,e)){const H=du(e,_,v,n,M,oe);re(e),ie(H)}else{const H=uu(B,e,_,M,oe);ie(H)}},[e,oe]),e.fetchStatus.fetchState==="Error"?t.jsx(hu,{children:t.jsx(dr,{onReload:c,message:gu.errorMessage.somethingWentWrong})}):t.jsx(pu,{windowSize:le,children:B!=null?t.jsx(mu,{windowSize:le,children:t.jsx(Ws,{backgroundColor:new Ro(K.colors.grey4),rootNodes:B,type:"name+balances_actual",compareMode:"compare_mode_percent",isSticky:{isStickyHeader:M,isStickyName:M},treeNodePadding:{left:Io.contentPaddingLeft.value(le),right:Io.contentPaddingRight.value(le)},nodeOpenStatus:{},scrollPosition:e.reconListUIState.scrollPosition,onCompareModeChanged:()=>{},onScroll:E})}):null})}function fu({currentFooterFormId:e,vendorSearchAutoCompleteData:n,vendorSearchAutoCompleteActions:c,reconciliation:r,companyId:p,onReconTabColumnSortConfigChanged:h,updateReconReviewTabLocalData:i,onUpdateReconcileTabLocalData:d,setCurrentFooterFormId:l,onReloadReconciliationListPage:m,onReviewClicked:u,onFetchLinkTokenClick:g,onEstablishConnectionClick:f,onAddStatementClick:y,onReconReviewTabColumnSortConfigChanged:b,onSaveReconciliation:S,onSaveReconciliationReview:k,setOpenDrawerClicked:C,onReconMatchedTransactionClick:L}){return r.selectedAccountId==null?t.jsx(xu,{companyId:p,reconciliation:r,onReload:m,onReviewClicked:u,onFetchLinkTokenClick:g,onEstablishConnectionClick:f,setOpenDrawerClicked:C,onAddStatementClick:y}):t.jsx(nu,{currentFooterFormId:e,setCurrentFooterFormId:l,onUpdateReconcileTabLocalData:d,onReconTabColumnSortConfigChanged:h,reconciliation:r,updateReviewTabLocalData:i,entitySearchAutoCompleteActions:c,onReconReviewTabColumnSortConfigChanged:b,entitySearchAutoCompleteData:n,selectedAccountId:r.selectedAccountId,onSaveReconciliation:S,onSaveReconciliationReview:k,onReconMatchedTransactionClick:L})}function yu({accountAndClassReport:e,numOfBalances:n,title:c,isLastNode:r,isFirstNode:p,config:h,parentNodeIDs:i,ancestorMetadata:d}){let l="";return e.accountBase&&e.classBase?l=`${e.accountBase.accountId}_${e.classBase.classId}`:e.accountBase?l=e.accountBase.accountId:e.classBase&&(l=e.classBase.classId),{children:[],id:mt("flux_vendor_account_class_row",i,l),isLastNode:r,isFirstNode:p,reportElementData:{element:{kind:"flux_vendor_account_class_row",title:c,data:e,metadata:d,numOfBalances:n},config:h}}}function Cu({vendorView:e,numOfBalances:n,title:c,isLastNode:r,config:p,parentNodeIDs:h}){const i=mt("flux_vendor_row",h,e.vendor.id),d={children:[],id:i,isLastNode:r,reportElementData:{element:{kind:"flux_vendor_row",title:c,data:e,numOfBalances:n},config:p}},l=e.vendorAccountsAndClasses;return d.children=l.map((m,u)=>yu({accountAndClassReport:m,numOfBalances:n,title:m.accountBase?.accountName??"",config:p,isLastNode:u===l.length-1,isFirstNode:u===0,parentNodeIDs:[...h,i],ancestorMetadata:{accountAndClassRowMetadata:{depth:0,hasSibling:l.length>1,hasChildren:!1,isLastNode:u===l.length-1,isFirstNode:u===0,name:m.accountBase?.accountName},isVendorLastChild:r,vendorId:e.vendor.id}})),d}function wu({section:e,numOfBalances:n,title:c,isLastNode:r,config:p}){const h=e.sectionId,i={children:[],id:h,isLastNode:r,reportElementData:{element:{kind:"section",title:c,data:e,numOfBalances:n,sectionType:e.sectionId},config:p}},d=(e.vendors??[]).map((l,m)=>Cu({vendorView:l,numOfBalances:n,title:l.vendor.name,isLastNode:m===e.vendors.length-1,config:p,parentNodeIDs:[h]}));return i.children.push(...d),i}function bu({title:e,balances:n,config:c,nodeId:r}){return{children:[],id:r??mt("headers_loading_in_progress",[],e),isLastNode:!1,reportElementData:{element:{kind:"headers_loading_in_progress",title:"",data:n,numOfBalances:n.length},config:c}}}function vu({title:e,data:n,isLastNode:c,config:r,numOfBalances:p}){const h=mt("total",[],e);return{children:[],id:h,isLastNode:c,reportElementData:{element:{kind:"total",title:e,data:n,numOfBalances:p},config:r}}}const{common:An,expenseAutomation:{fluxAnalysis:Su}}=Ie.getLocalizedStrings(),ju=(e,n,c=!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,p=e.sections.generalExpense.balancesByMonth?sn(e.sections.generalExpense.balancesByMonth):e.sections.reimbursement.balancesByMonth?sn(e.sections.reimbursement.balancesByMonth):[],h=Hs({balances:p,config:n}),i=[],d=e.sections.generalExpense.fetchStatus.fetchState==="In-Progress"&&e.uiState.paginationInfoByGroup.generalExpense.pageToken==null,l=e.sections.generalExpense.fetchStatus.fetchState==="In-Progress"&&e.uiState.paginationInfoByGroup.generalExpense.pageToken!=null||e.sections.reimbursement.fetchStatus.fetchState==="In-Progress";if(d===!0)i.push(bu({title:`${An.loading}`,balances:p,config:n})),[...Array(10)].forEach((m,u)=>{i.push(ni({title:`${u}+${An.loading}`,balances:p,config:n}))});else{if(i.push(h),["generalExpense","reimbursement"].forEach(m=>{const u=e.sections[m];if(u.vendors.length>0||u.fetchStatus.fetchState==="Completed"){const g=sn(u.balancesByMonth);i.push(wu({section:{sectionId:m,reportId:"flux_analysis_operating_expense",balances:g,vendors:u.vendors,varianceAmount:u.varianceAmount,variancePercentage:u.variancePercentage,currency:e.currency},numOfBalances:r,title:ku(m),isLastNode:!1,config:n}))}}),e.totalBalancesAndVariance){const m=e.totalBalancesAndVariance.balancesByMonth?sn(e.totalBalancesAndVariance.balancesByMonth):[],u=vu({title:An.texts.total,data:{balances:m,varianceAmount:e.totalBalancesAndVariance.varianceAmount,variancePercentage:e.totalBalancesAndVariance.variancePercentage,currency:e.currency},config:n,isLastNode:!0,numOfBalances:r});i.push(u)}l===!0&&[...Array(1)].forEach((m,u)=>{i.push(ni({title:`${u}+${An.loading}`,balances:p,config:n}))})}return{config:n,headerNodes:c&&!d?[h]:[],contentNodes:i}},ku=e=>Su.sectionTitle[e];function Iu(e,n,c,r=!0){Object.assign(e.config,n);const p=$u(c),h=Hs({balances:p,config:n});return{config:n,headerNodes:r?[h]:[],contentNodes:[h,...e.contentNodes.slice(1)]}}const $u=e=>e.sections.generalExpense.balancesByMonth?sn(e.sections.generalExpense.balancesByMonth):e.sections.reimbursement.balancesByMonth?sn(e.sections.reimbursement.balancesByMonth):[],$o={contentPaddingLeft:new Z(x[0],x[0],x[0]),contentPaddingRight:new Z(x[3],x[3],x[8]),wrapperPadding:new Z(x[3],x[3],x[8])},Tu=a.div`
+  display: flex;
+  position: sticky;
+  width: 100%;
+  justify-content: center;
+  padding-top: ${e=>$o.wrapperPadding.valuePx(e.windowSize)};
+  padding-left: 20px;
+  background-color: ${e=>e.theme.colors.grey4};
+`,Lu=a.div`
+  width: 100%;
+  height: calc(100vh - ${o.sp11});
+`,Au=e=>{const{fluxView:n,handleRedirectToVendorDetailPage:c,updateOperatingExpensesIdsForReview:r,updateSectionIdsForReview:p,onSortOrderChanged:h,updateNodeCollapsableStatus:i,fetchReimbursementView:d,fetchGeneralExpenseView:l}=e,m=ke(),u=kt(),[g,f]=s.useState(null),[y,b]=s.useState(null),[S,k]=s.useState(null),C=ei([n.sections.generalExpense.fetchStatus,n.sections.reimbursement.fetchStatus]).fetchState,[L,j]=s.useState(!1),v=Go(C),A=Go(n.refreshStatus.fetchState),T=()=>{n.uiState.collapsableStatus.generalExpense?n.uiState.paginationInfoByGroup.generalExpense.hasMore===!0&&n.sections.generalExpense.fetchStatus.fetchState==="Completed"?l(n.uiState.paginationInfoByGroup.generalExpense.pageToken):n.sections.reimbursement.fetchStatus.fetchState==="Not-Started"&&d(n.uiState.paginationInfoByGroup.reimbursement.pageToken):n.uiState.collapsableStatus.reimbursement&&n.uiState.paginationInfoByGroup.reimbursement.hasMore===!0&&n.sections.reimbursement.fetchStatus.fetchState==="Completed"&&d(n.uiState.paginationInfoByGroup.reimbursement.pageToken)},I=()=>Object.keys(n.uiState.collapsableStatus).reduce((P,N)=>(P[N]=n.uiState.collapsableStatus[N],P),{}),R=s.useCallback(P=>{const N=!(n.uiState.collapsableStatus[P]??!0);i({...n.uiState.collapsableStatus,[P]:N})},[n.uiState.collapsableStatus,i]),w=s.useCallback((P,N)=>{let B=n.reviewOperatingExpensesIds;const ie=[];let U=n.selectedSectionIds;const re=n.sections[P].vendors;ie.push(...re.map(X=>X.fluxAnalysisEntityId));let oe=Vs-B.length;N?(ie.forEach(X=>{!B.includes(X)&&oe>0&&(B=[...B,X],oe--)}),U=[...U,P]):(B=B.filter(X=>!ie.includes(X)),U=U.filter(X=>X!==P)),r(B),p(U)},[n.reviewOperatingExpensesIds,n.selectedSectionIds,n.sections,r,p]),D=s.useCallback(P=>{const N=n.uiState.collapsableStatus[P]===!1;P==="generalExpense"&&!N&&n.sections.reimbursement.fetchStatus.fetchState==="Not-Started"&&d(n.uiState.paginationInfoByGroup.reimbursement.pageToken),R(P)},[n.uiState.collapsableStatus,n.sections.reimbursement.fetchStatus.fetchState,n.uiState.paginationInfoByGroup.reimbursement.pageToken,d,R]),V=n.sections.generalExpense.vendors.length+n.sections.reimbursement.vendors.length,q=P=>P<V;return s.useEffect(()=>{const P={reportId:"flux_analysis_operating_expense",mode:"none",displayOrder:"ascending_date",reportFormat:"summary",firstMonthOfFY:1,filterAccountsWithNilBalances:"off",filterAccountGroupsWithNilBalances:"off",showNegativeAmountInParenthesis:!1,fluxAnalysisConfig:{sortOrder:n.uiState.sortOrder,sortKey:n.uiState.sortKey,sortOrSearchInProgress:!1,reviewOpExIds:n.reviewOperatingExpensesIds,reviewSectionIds:n.selectedSectionIds,fetchStatus:n.fetchStatus.fetchState,setIsSortApplied:j,onSectionRowClick:D,updateNodeCollapsableStatus:R,updateOperatingExpensesIdsForReview:r,handleRedirectToVendorDetailPage:c,onSectionCheckboxClick:w,onSortOrderChanged:h}};if(g==null||!vs(y,n)){const N=ju(n,P,!0);b(n),f(N)}else{const N=Iu(g,P,n,!0);f(N)}},[n,y,c,w,D,h,R,r]),t.jsx(Tu,{windowSize:m,children:t.jsx(Lu,{children:g?t.jsx(Ws,{backgroundColor:new Ro(u.colors.grey4),rootNodes:g,type:"name+balances_actual",isSticky:{isStickyHeader:!0,isStickyName:!0},treeNodePadding:{left:$o.contentPaddingLeft.value(m),right:$o.contentPaddingRight.value(m)},nodeOpenStatus:I(),compareMode:"compare_mode_amount",infiniteLoadingProps:{isItemLoaded:q,itemCount:V,loadMoreItems:T},variableNodeHeightTree:{prevFetchState:v??"Not-Started",fetchState:n.fetchStatus.fetchState,isSortApplied:L,setIsSortApplied:j,reducedFetchState:ei([n.sections.generalExpense.fetchStatus,n.sections.reimbursement.fetchStatus]).fetchState,prevRefreshFetchState:A??"Not-Started",refreshFetchState:n.refreshStatus.fetchState},hoveredParentIdProps:{hoveredParentId:S,setHoveredParentId:k}}):null})})},Eu="expenseAutomationFluxPage",{reports:{common:Ru}}=Ie.getLocalizedStrings(),Du=({selectedPeriod:e,fluxAnalysis:n,onFetchFluxViewList:c,markAsReview:r,onReloadPage:p,setCurrentFooterFormId:h,updateOperatingExpensesIdsForReview:i,updateSectionIdsForReview:d,onUpdateFluxAnalysisUIState:l,redirectToVendorDetailPage:m,fetchFluxViewOnScroll:u,onFetchReimbursementView:g})=>{const{fetchStatus:f,reviewOperatingExpensesIds:y,uiState:b}=n,S=s.useRef(null),k=s.useRef(!1),C=Jt({mode:"all",reValidateMode:"onChange",resetOptions:{keepDefaultValues:!0},defaultValues:Ou(y)}),L=ke();s.useEffect(()=>()=>{h("expenseAutomationPage")},[h]),s.useEffect(()=>{k.current&&S?.current?.scrollLeft!=null&&b.scrollPosition?.scrollLeft!==S.current.scrollLeft&&b.scrollPosition!=null&&l({scrollPosition:{scrollTop:b.scrollPosition?.scrollTop,scrollLeft:S.current.scrollLeft}})},[b.scrollPosition?.scrollLeft,S.current?.scrollLeft,b.scrollPosition,l]),s.useEffect(()=>{h(y.length>0?"expenseAutomationFluxPage":"expenseAutomationPage")},[y,h]);const j=I=>{m(I)},v=I=>{u(e,I)},A=(I,R)=>{l({sortOrder:I,sortKey:R}),c(),g(e,null,!1)},T=()=>{const I=oa(n.sections,y);r(y,I===!0?"review":"unreview",e,!0)};if(f.fetchState==="Error")return t.jsxs(Fu,{children:[t.jsx(zu,{onClick:p,children:t.jsx(Lo,{})}),t.jsx(_u,{children:Ru.failed})]});{const I=w=>{l({collapsableStatus:w})},R=w=>{g(e,w,!0)};return t.jsx(Gt,{...C,children:t.jsx("form",{id:Fa(Eu),onSubmit:C.handleSubmit(T),style:{height:"100%",width:"100%"},children:t.jsx(Mu,{windowSize:L,children:t.jsx(Au,{fluxView:n,handleRedirectToVendorDetailPage:j,onSortOrderChanged:A,updateOperatingExpensesIdsForReview:i,updateNodeCollapsableStatus:I,fetchReimbursementView:R,updateSectionIdsForReview:d,fetchGeneralExpenseView:v,reportId:"flux_analysis_operating_expense"})})})})}},oa=(e,n)=>{const c=[...e.generalExpense.vendors,...e.reimbursement.vendors].filter(p=>p.status==="Pending Review");let r;return c.forEach(p=>{n.includes(p.fluxAnalysisEntityId)&&(r=!0)}),r},Ou=e=>({fluxAnalysisRowIds:e}),Mu=a.div`
+  display: flex;
+  flex: 1 1 auto;
+  min-height: 100%;
+  flex-direction: column;
+  background-color: ${e=>e.theme.colors.grey4};
+  padding: ${o.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}`};
+    }
+  }
+`,Fu=a.div`
+  display: flex;
+  width: 100%;
+  height: 100vh;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+`,zu=a.div`
+  height: 96px;
+  width: 96px;
+  background: ${e=>e.theme.colors.background};
+  border-radius: 50%;
+  cursor: pointer;
+  & svg {
+    margin: ${o.sp5};
+    color: ${e=>e.theme.colors.grey1};
+  }
+  &:hover {
+    & svg {
+      color: ${e=>e.theme.colors.primary};
+    }
+  }
+`,_u=a(It)`
+  margin-top: ${o.sp3};
+  color: ${e=>e.theme.colors.hero};
+`,Bu="expenseAutomationJEAccountSettingsPage",ia="vendorsAccountSection",Pu=e=>`${e}_form`;function Nu({accountSettings:e,currentFooterFormId:n,onSaveJeAccountSettingsClick:c,setIsJeAccountSettingsOpened:r,onJeAccountSettingsChange:p,setResetJeAccountSettingsForm:h,setCurrentFooterFormId:i}){const d=e.prepaidExpensesRecommendations,l=e.fixedAssetsRecommendations,m=e.accruedExpensesRecommendations,u=s.useMemo(()=>Ot(e.prepaidExpensesAccountHierarchy,d,"Accounts"),[e.prepaidExpensesAccountHierarchy,d]),g=s.useMemo(()=>Ot(e.fixedAssetsAccountHierarchy,l,"Accounts"),[e.fixedAssetsAccountHierarchy,l]),f=s.useMemo(()=>Ot(e.accruedExpensesAccountHierarchy,m,"Accounts"),[e.accruedExpensesAccountHierarchy,m]),y=s.useMemo(()=>Wu(e,u,g,f),[e,u,g,f]),b=Jt({mode:"all",reValidateMode:"onBlur",defaultValues:y,values:y,resetOptions:{keepDefaultValues:!0}}),S=b.handleSubmit(C=>{c(C)}),k=async C=>{p(C)};return s.useEffect(()=>{const C=b.watch(L=>{L!=null&&Cn(()=>k(L))});return()=>{C.unsubscribe()}}),s.useEffect(()=>(h(()=>b.reset),r(!0),()=>{i("expenseAutomationPage"),r(!1)}),[]),s.useEffect(()=>{const{selectedPrepaidExpensesAccountIds:C,previousPrepaidExpensesAccount:L,selectedFixedAssetsAccountIds:j,previousFixedAssetsAccount:v,selectedAccruedExpensesAccountIds:A,previousAccruedExpensesAccount:T}=e.accountSettingsLocalData,I=Un(C,L)||Un(j,v)||Un(A,T);I===!0&&n!="expenseAutomationJEAccountSettingsPage"?i("expenseAutomationJEAccountSettingsPage"):I===!1&&n!=="expenseAutomationPage"&&i("expenseAutomationPage")},[e,n,i]),t.jsx(Vu,{children:t.jsx(Gt,{...b,children:t.jsx("form",{id:Pu(Bu),onSubmit:S,children:t.jsx(Qr,{showTitle:!1,sectionId:ia,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 Vu=a.div`
+  padding-top: ${o.sp3};
+  display: flex;
+  align-items: center;
+  min-height: 100%;
+  flex-direction: column;
+  width: 100%;
+  background-color: ${e=>e.theme.colors.grey4};
+`,Wu=(e,n,c,r)=>{const p=e.prepaidExpensesAccountList.filter(u=>e.accountSettingsLocalData.selectedPrepaidExpensesAccountIds.includes(u.accountId)),h=e.fixedAssetsAccountList.filter(u=>e.accountSettingsLocalData.selectedFixedAssetsAccountIds.includes(u.accountId)),i=e.accruedExpensesAccountList.filter(u=>e.accountSettingsLocalData.selectedAccruedExpensesAccountIds.includes(u.accountId)),d=p.map(u=>u.qboId).filter(u=>u!=null),l=h.map(u=>u.qboId).filter(u=>u!=null),m=i.map(u=>u.qboId).filter(u=>u!=null);return{[ia]:{prepaidExpensesAccount:{selectedOptions:d,allOptions:n},fixedAssetsAccount:{selectedOptions:l,allOptions:c},accruedExpensesAccount:{selectedOptions:m,allOptions:r}}}},{expenseAutomation:{jeSchedules:At},common:{currency:En,review:Hu,ignore:Uu,strings:{hyphen:Ct},texts:Rn},dateFormat:qu,timeframe:{month:vi}}=Ie.getLocalizedStrings(),Ku=({draft:e,ignoreStatus:n,ignoreRecommendedJeSchedule:c,jeScheduleClickHandler:r,onReviewClickHandler:p})=>t.jsxs(Wo,{onClick:h=>{e.jeScheduleType!=null&&e.jeScheduleId!=null&&r(h,e.jeScheduleId,e.jeScheduleTransactionKey,e.jeScheduleType)},"data-testid":z("je-schedule-draft-component",e.jeScheduleId),children:[t.jsxs(Vo,{children:[t.jsxs(Uo,{children:[t.jsxs(Po,{children:[t.jsxs(Q,{style:{width:fe.COLUMN_ONE,padding:`${o.sp2} ${o.sp3}`},children:[t.jsx(ae,{children:Rn.vendor}),t.jsxs(ce,{style:{gap:x[2]},children:[e.vendor.logo!=null?t.jsx($s,{photoUrl:e.vendor.logo.href,styles:{width:x[4],height:x[4]}}):t.jsx(xn,{name:e.vendor.name}),t.jsx(we,{display:"block",placement:"bottom",style:{width:"100%"},title:e.vendor.name!=null?t.jsx(Ke,{children:e.vendor.name}):t.jsx(t.Fragment,{}),children:t.jsx(me,{className:"highlight",children:e.vendor.name??Ct})})]})]}),t.jsxs(Q,{children:[t.jsx(ae,{children:At.scheduleHeaders.scheduleCategory}),t.jsx(ce,{children:t.jsx(we,{display:"block",placement:"bottom",style:{width:"100%"},title:e.baseTransaction.account.accountName!=null?t.jsx(Ke,{children:e.baseTransaction.account.accountName}):t.jsx(t.Fragment,{}),children:t.jsx(me,{className:"highlight",children:e.baseTransaction.account.accountName??Ct})})})]}),t.jsxs(Q,{style:{width:fe.COLUMN_THREE},children:[t.jsx(ae,{children:At.scheduleHeaders.startMonth}),t.jsx(ce,{children:t.jsx(me,{className:"highlight",children:e.startDate?.format(qu.visual.MMMCommaYYYYFormat)??Ct})})]}),t.jsxs(Q,{style:{width:fe.COLUMN_FOUR,paddingLeft:x[3]},children:[t.jsx(ae,{children:At.scheduleHeaders.period}),t.jsx(ce,{children:t.jsx(me,{className:"highlight",children:e.period!=null?`${e.period} ${e.period===1?vi.slice(0,-1):vi}`:Ct})})]}),t.jsxs(Q,{style:{alignItems:"flex-end",width:fe.COLUMN_FIVE},children:[t.jsx(ae,{children:Rn.totalAmount}),t.jsx(ce,{children:t.jsx(we,{display:"block",placement:"bottom",style:{width:"100%"},title:t.jsx(Ke,{children:Je("0,0.[00]",Ht(e.baseTransaction.amount.amount,En.currencyCode,En.currencySymbol))??Ct}),children:t.jsx(me,{className:"highlight",children:Je("0,0.[00]",Ht(e.baseTransaction.amount.amount,En.currencyCode,En.currencySymbol))??Ct})})})]})]}),t.jsxs(No,{children:[t.jsxs(Q,{style:{width:fe.COLUMN_ONE,padding:`${o.sp2} ${o.sp3}`},children:[t.jsx(ae,{children:Rn.category}),t.jsx(ce,{children:t.jsx(we,{display:"block",placement:"bottom",style:{width:"100%"},title:e.jeDebit.account?.accountName!=null?t.jsx(Ke,{children:e.jeDebit.account.accountName}):t.jsx(t.Fragment,{}),children:t.jsx(me,{className:"highlight",children:e.jeDebit.account?.accountName??Ct})})})]}),t.jsxs(Q,{children:[t.jsx(ae,{children:Rn.classText}),t.jsx(ce,{children:t.jsx(we,{display:"block",placement:"bottom",style:{width:"100%"},title:e.jeDebit.accountingClass?.className!=null?t.jsx(Ke,{children:e.jeDebit.accountingClass.className}):t.jsx(t.Fragment,{}),children:t.jsx(me,{className:"highlight",children:e.jeDebit.accountingClass?.className??Ct})})})]}),t.jsxs(Q,{style:{width:fe.COLUMN_THREE},children:[t.jsx(ae,{children:At.scheduleHeaders.type}),t.jsx(ce,{children:t.jsx(me,{className:"highlight",style:{width:"unset"},children:t.jsx(Gs,{children:At.scheduleTypes[e.jeScheduleType??"prepaid_expenses"]})})})]}),e.jeScheduleType==="fixed_assets"?t.jsxs(Q,{style:{width:fe.COLUMN_FOUR,paddingLeft:x[3]},children:[t.jsx(ae,{children:At.scheduleHeaders.accumulatedCategory}),t.jsx(ce,{children:t.jsx(we,{display:"block",placement:"bottom",title:e.jeCredit.account?.accountName!=null?t.jsx(Ke,{children:e.jeCredit.account?.accountName}):t.jsx(t.Fragment,{}),children:t.jsx(me,{className:"highlight",children:e.jeCredit.account?.accountName??Ct})})})]}):null,e.jeScheduleType!=="fixed_assets"?t.jsx(Q,{style:{width:fe.COLUMN_FOUR}}):null,t.jsx(Q,{style:{width:fe.COLUMN_FIVE}})]})]}),t.jsxs(Ho,{children:[t.jsx(fn,{onClick:()=>{e.jeScheduleId!=null&&e.jeScheduleType!=null&&p(e.jeScheduleId,e.jeScheduleTransactionKey,e.jeScheduleType)},"data-testid":z("je-schedule-draft-component-review-button",e.jeScheduleId),label:Hu,variant:"primary",size:"small",className:"item-value-container",style:{minWidth:jo}}),t.jsx(fn,{"data-testid":z("je-schedule-draft-component-ignore-button",e.jeScheduleId),className:"item-value-container",label:Uu,size:"small",reverseSpinnerColor:!1,loading:n?.fetchState==="In-Progress",onClick:()=>{e.jeScheduleType!=null&&c(e.jeScheduleTransactionKey,e.jeScheduleType)},style:{minWidth:jo}})]})]}),t.jsxs(xd,{children:[t.jsx(Ju,{}),t.jsx(Gu,{children:At.aiAccountant}),t.jsx(Zu,{children:At.zeniGPTText})]})]}),Ju=a(wn)`
+  height: ${o.sp3};
+  width: ${o.sp3};
+  margin-right: ${o.sp1};
+  path {
+    stroke-width: 2;
+  }
+`,Gu=a(Ss)`
+  color: ${e=>e.theme.colors.brandColorSapphire};
+`,Zu=a(Be)`
+  color: ${e=>e.theme.colors.primary};
+`,{jeSchedules:{scheduleDetails:{scheduleTransactionsHeader:{addVendor:Si}}},expenseAutomation:{jeSchedules:Ve},common:{currency:ut,retry:Yu,strings:{hyphen:qe,empty:ji},texts:en},dateFormat:ki}=Ie.getLocalizedStrings(),{common:Xu,timeframe:{month:Ii}}=Ie.getLocalizedStrings(),ot="jeSchedulePage",$i=e=>`${e}_form`,qo=(e,n)=>`${e}.${n}`,Ti=qo(ot,"vendor"),Li=qo(ot,"scheduleExpenseCategory"),Ai=qo(ot,"accumulatedDepreciationCategory"),Qu=({allAccountGroupedOptions:e,allAccountList:n,allClassGroupedOptions:c,allClassList:r,allDepAccountGroupedOptions:p,allDepAccountList:h,draft:i,localData:d,postStatus:l,uncategorizedAccounts:m,vendorSearchAutoCompleteActions:u,vendorSearchAutoCompleteData:g,jeScheduleClickHandler:f,onFormDataChange:y,onPostJESchedule:b})=>{const{updatedAccumulatedDepreciationCategoryID:S,updatedCategoryId:k,updatedVendor:C}=d,L={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"},j=s.useRef(),v=Jt({mode:"all",reValidateMode:"onChange",defaultValues:Ei(d,e,c,p,n,r,h,g.entityAutoCompleteView),values:Ei(d,e,c,p,n,r,h,g.entityAutoCompleteView)}),A={valueContainer:()=>({justifyContent:"flex-start",paddingLeft:0}),control:()=>({height:o.sp4}),menu:()=>({width:300})},T={valueContainer:()=>({justifyContent:"flex-start",paddingLeft:0}),control:()=>({height:o.sp4}),menu:()=>({width:350})},I=(i?.scheduledJournalEntry.error??[]).every(O=>{const J=L[O];return!(d!=null&&J&&(J==="updatedAccumulatedDepreciationCategoryID"&&d.updatedAccumulatedDepreciationCategoryID==null||J==="updatedCategoryId"&&d.updatedCategoryId==null||J==="updatedVendor"&&(d.updatedVendor?.id==null||d.updatedVendor?.id===""||d.updatedVendor?.name==null||d.updatedVendor?.name==="")))}),R=async(O,J)=>{if(O!=null){const G=J[ot],{scheduledJournalEntryID:W,vendor:E}=G;if(O.includes("vendor")){const _=E?.defaultOptions.map(H=>H.value);if(E?.selectedOption!=null&&_?.includes(E.selectedOption)!==!0){const H=g.entityAutoCompleteView.vendor.find(F=>F.id===E.selectedOption);H!=null&&v.setValue(`${ot}.vendor.defaultOptions`,[{label:H.name??Xu.strings.empty,value:H.id}])}else E?.selectedOption==null&&E?.defaultOptions.length!==0&&v.setValue(`${ot}.vendor`,{selectedOption:void 0,defaultOptions:[]})}y(W,{...G,vendor:E})}};s.useEffect(()=>{const O=v.watch((J,{name:G})=>{G!=null&&J!=null&&Cn(()=>R(G,J))});return()=>{O.unsubscribe()}}),s.useEffect(()=>{g.entityAutoCompleteView.fetchState==="Completed"&&j.current?.(Ts(g.entityAutoCompleteView))},[g.entityAutoCompleteView.fetchState]);const w=v.handleSubmit(()=>{b(i.scheduledJournalEntry.scheduledJournalEntryID,i.jeScheduleTransactionKey)}),D=O=>n.filter(J=>J.qboId===O)[0]?.qboId,V=O=>h.filter(J=>J.qboId===O)[0]?.qboId,q=O=>[m.expense?.qboId,m.income?.qboId].includes(O),P=v.watch("jeSchedulePage.vendor"),N=(O,J)=>{u.onAutoCompleteInputChange?.(O,"vendor"),j.current=J},B=i.scheduledJournalEntry.error?.includes("vendor_deleted")===!0,ie=i.scheduledJournalEntry.error?.includes("debit_category_deleted")===!0,U=i.scheduledJournalEntry.error?.includes("credit_category_deleted")===!0,re=i.vendor.name.split("(deleted)")[0]?.toString(),oe=i.jeDebit.account?.accountName.split("(deleted)")?.[0]?.toString()??ji,X=i.jeCredit.account?.accountName.split("(deleted)")[0]?.toString()??ji,[se,ge]=s.useState(ie===!0&&k==null),[Y,le]=s.useState(U===!0&&S==null),[K,M]=s.useState(B&&(C?.id==null||C?.id==""));return s.useEffect(()=>{se===!1&&d.updatedCategoryId==null&&v.setFocus(Li),Y===!1&&d.updatedAccumulatedDepreciationCategoryID==null&&v.setFocus(Ai),K===!1&&d.updatedVendor?.id==null&&v.setFocus(Ti)},[se,Y,K,d,v]),t.jsx(Gt,{...v,children:t.jsx("form",{style:{width:"100%"},id:$i(`${ot}_${i.jeScheduleId}`),onSubmit:w,children:t.jsx(Wo,{showBorder:I,onClick:O=>{i.jeScheduleType!=null&&i.jeScheduleId!=null&&f(O,i.jeScheduleId,i.jeScheduleTransactionKey,i.jeScheduleType)},"data-testid":z("je-schedule-resolve-component-schedule",`${ot}_${i.jeScheduleId}`),children:t.jsxs(Vo,{children:[t.jsxs(Uo,{children:[t.jsxs(Po,{children:[B===!0?t.jsx(Q,{style:{width:fe.COLUMN_ONE,padding:x[0],justifyContent:"center"},showHoverEffect:B,forceHoverEffect:K===!1&&(d?.updatedVendor?.id==null||d?.updatedVendor?.id==""),children:t.jsxs(ht,{className:"hover-background",style:{padding:`${o.sp2} ${o.sp3}`},children:[t.jsxs(ae,{style:{display:"flex",alignItems:"center",gap:x[1]},children:[en.vendor,t.jsx(we,{display:"flex",placement:"top-start",title:t.jsx(Fn,{children:Ve.tooltipText.missingVendor.replace("_deleted_vendor_",re)}),children:t.jsx(eo,{})})]}),t.jsx(ce,{style:{gap:x[3],marginLeft:-2},className:"item-value-container",children:t.jsx(t.Fragment,{children:K===!0?t.jsxs(me,{onClick:O=>{O.stopPropagation(),M(!1)},"data-testid":z("je-schedule-resolve-component-add-vendor-button",`${ot}_${i.jeScheduleId}`),style:{display:"inline-flex",alignItems:"center",gap:x[2],color:Qe.brandColorGoldDark,cursor:"pointer"},children:[t.jsx(Qn,{}),Si]}):t.jsx(bo,{name:Ti,placeholder:Si,valueToId:O=>O,defaultValue:{selectedOption:P?.selectedOption,defaultOptions:P?.defaultOptions??[]},style:{width:"100%"},customStyleConfig:{valueContainer:()=>({justifyContent:"flex-start"}),control:()=>({height:o.sp4})},registerOptions:{required:!0,validate:O=>!!O.selectedOption},loadOptions:N})})})]})}):t.jsxs(Q,{style:{width:fe.COLUMN_ONE,padding:`${o.sp2} ${o.sp0} ${o.sp2} ${o.sp3}`},children:[t.jsx(ae,{children:en.vendor}),t.jsx(ce,{children:t.jsxs(t.Fragment,{children:[i.vendor.logo?.href!=null?t.jsx($s,{photoUrl:i.vendor.logo.href,styles:{width:x[4],height:x[4]}}):t.jsx(xn,{name:i.vendor.name}),t.jsx(we,{display:"block",placement:"bottom",style:{width:"100%"},title:i.vendor.name!==null?t.jsx(Ke,{children:i.vendor.name}):t.jsx(t.Fragment,{}),children:t.jsx(me,{className:"highlight",children:i.vendor.name??qe})})]})})]}),t.jsxs(Q,{children:[t.jsx(ae,{children:Ve.scheduleHeaders.scheduleCategory}),t.jsx(ce,{children:t.jsx(we,{display:"block",placement:"bottom",style:{width:"100%"},title:i.baseTransaction.account.accountName!=null?t.jsx(Ke,{children:i.baseTransaction.account.accountName}):t.jsx(t.Fragment,{}),children:t.jsx(me,{className:"highlight",children:i.baseTransaction.account.accountName??qe})})})]}),t.jsxs(Q,{style:{width:fe.COLUMN_THREE},children:[t.jsx(ae,{children:Ve.scheduleHeaders.startMonth}),t.jsx(ce,{children:t.jsx(me,{className:"highlight",children:i.startDate?.format(ki.visual.MMMCommaYYYYFormat)??qe})})]}),t.jsxs(Q,{style:{width:fe.COLUMN_FOUR,paddingLeft:x[3]},children:[t.jsx(ae,{children:Ve.scheduleHeaders.period}),t.jsx(ce,{children:t.jsx(me,{className:"highlight",children:i.period!=null?`${i.period} ${i.period===1?Ii.slice(0,-1):Ii}`:qe})})]}),t.jsxs(Q,{style:{alignItems:"flex-end",width:fe.COLUMN_FIVE},children:[t.jsx(ae,{children:en.totalAmount}),t.jsx(ce,{children:t.jsx(we,{display:"block",placement:"bottom",title:t.jsx(Ke,{children:Je("0,0.[00]",Ht(i.baseTransaction.amount.amount,ut.currencyCode,ut.currencySymbol))??qe}),children:t.jsx(me,{className:"highlight",children:Je("0,0.[00]",Ht(i.baseTransaction.amount.amount,ut.currencyCode,ut.currencySymbol))??qe})})})]})]}),t.jsxs(No,{children:[ie===!0?t.jsx(Q,{showHoverEffect:ie===!0,forceHoverEffect:d?.updatedCategoryId==null&&se===!1,style:{padding:"unset",justifyContent:"center",width:fe.COLUMN_ONE},children:t.jsxs(ht,{className:"hover-background",children:[t.jsxs(ae,{style:{display:"flex",alignItems:"center",gap:x[1]},children:[en.category,ie===!0?t.jsx(we,{display:"flex",placement:"top-start",title:t.jsx(Fn,{children:Ve.tooltipText.missingCategory.replace("_deleted_category_",oe)}),children:t.jsx(eo,{})}):null]}),t.jsx(ce,{className:"item-value-container",style:{marginLeft:ie===!0?-2:0},children:ie===!0?t.jsx(t.Fragment,{children:se===!0?t.jsxs(me,{onClick:O=>{O.stopPropagation(),ge(!1)},style:{display:"inline-flex",alignItems:"center",gap:x[1],color:Qe.brandColorGoldDark,cursor:"pointer"},"data-testid":z("je-schedule-resolve-component-add-category-button",`${ot}_${i.jeScheduleId}`),children:[t.jsx(Qn,{}),Ve.addCategory]}):t.jsx(on,{shouldShowChevronIcon:!1,name:Li,placeholder:Ve.addCategory,valueToId:O=>D(O),defaultValue:{allOptions:e},registerOptions:{required:!0,validate:O=>!!O.selectedOption},disableCurrentOption:q,customStyleConfig:A})}):t.jsx(we,{display:"block",placement:"bottom",style:{width:"100%"},title:i.jeDebit.account?.accountName!=null?t.jsx(Ke,{children:i.jeDebit.account.accountName}):t.jsx(t.Fragment,{}),children:t.jsx(me,{className:"highlight",children:i.jeDebit.account?.accountName??qe})})})]})}):t.jsxs(Q,{style:{width:fe.COLUMN_ONE,padding:`${o.sp2} ${o.sp3}`},children:[t.jsx(ae,{style:{display:"flex",alignItems:"center",gap:x[1]},children:en.category}),t.jsx(ce,{className:"item-value-container",children:t.jsx(we,{display:"block",placement:"bottom",style:{width:"100%"},title:i.jeDebit.account?.accountName!=null?t.jsx(Ke,{children:i.jeDebit.account.accountName}):t.jsx(t.Fragment,{}),children:t.jsx(me,{className:"highlight",children:i.jeDebit.account?.accountName??qe})})})]}),t.jsxs(Q,{children:[t.jsx(ae,{style:{display:"flex",alignItems:"center",gap:x[1]},children:en.classText}),t.jsx(ce,{children:t.jsx(we,{display:"block",placement:"bottom",style:{width:"100%"},title:i.jeDebit.accountingClass?.className!=null?t.jsx(Ke,{children:i.jeDebit.accountingClass.className}):t.jsx(t.Fragment,{}),children:t.jsx(me,{className:"highlight",children:i.jeDebit.accountingClass?.className??qe})})})]}),t.jsxs(Q,{style:{width:fe.COLUMN_THREE},children:[t.jsx(ae,{children:Ve.scheduleHeaders.type}),t.jsx(ce,{className:"test",children:t.jsx(me,{className:"highlight",style:{width:"unset"},children:t.jsx(Gs,{children:Ve.scheduleTypes[i.jeScheduleType??"prepaid_expenses"]})})})]}),i.jeScheduleType==="fixed_assets"?t.jsx(t.Fragment,{children:U===!0?t.jsx(Q,{style:{width:fe.COLUMN_FOUR,padding:"unset",justifyContent:"center"},showHoverEffect:U,forceHoverEffect:d.updatedAccumulatedDepreciationCategoryID==null&&Y===!1,children:t.jsxs(ht,{className:"hover-background",style:{padding:x[2],paddingLeft:x[3]},children:[t.jsxs(ae,{style:{display:"flex",alignItems:"center",gap:x[1]},children:[Ve.scheduleHeaders.accumulatedCategory,U===!0?t.jsx(we,{display:"flex",placement:"top-end",title:t.jsx(Fn,{children:Ve.tooltipText.missingDepCategory.replace("_deleted_dep_category_",X)}),children:t.jsx(eo,{})}):null]}),t.jsx(ce,{className:"item-value-container",style:{marginLeft:U===!0?-2:0},children:U===!0?t.jsx(t.Fragment,{children:Y===!0?t.jsxs(me,{onClick:O=>{O.stopPropagation(),le(!1)},style:{display:"inline-flex",alignItems:"center",gap:x[1],color:Qe.brandColorGoldDark,cursor:"pointer"},"data-testid":z("je-schedule-resolve-component-add-depreciation-category-button",`${ot}_${i.jeScheduleId}`),children:[t.jsx(Qn,{}),Ve.addDepCategory]}):t.jsx(on,{shouldShowChevronIcon:!1,showDownChevronWithValue:!1,name:Ai,placeholder:Ve.addDepCategory,valueToId:O=>V(O),defaultValue:{allOptions:p},registerOptions:{required:!0,validate:O=>!!O.selectedOption},customStyleConfig:T,disableCurrentOption:q})}):t.jsx(we,{display:"block",placement:"bottom",title:i.jeCredit.account?.accountName!=null?t.jsx(Ke,{children:i.jeCredit.account.accountName}):t.jsx(t.Fragment,{}),children:t.jsx(me,{className:"highlight",children:i.jeCredit.account?.accountName??qe})})})]})}):t.jsxs(Q,{style:{width:fe.COLUMN_FOUR,padding:`${o.sp2} ${o.sp2} ${o.sp2} ${o.sp3}`,justifyContent:"center"},children:[t.jsx(ae,{style:{display:"flex",alignItems:"center",gap:x[1]},children:Ve.scheduleHeaders.accumulatedCategory}),t.jsx(we,{display:"block",placement:"bottom",title:i.jeCredit.account?.accountName!=null?t.jsx(Ke,{children:i.jeCredit.account.accountName}):t.jsx(t.Fragment,{}),children:t.jsx(me,{className:"highlight",children:i.jeCredit.account?.accountName??qe})})]})}):null,i.jeScheduleType!=="fixed_assets"?t.jsx(Q,{style:{width:fe.COLUMN_FOUR}}):null,t.jsx(Q,{style:{width:fe.COLUMN_FIVE}})]}),t.jsxs(md,{children:[t.jsx(Q,{style:{padding:"unset",width:fe.COLUMN_ONE},children:t.jsxs(gd,{children:[t.jsx(ae,{children:Ve.scheduleHeaders.jePostingDate}),t.jsx(ce,{children:t.jsx(me,{className:"highlight",children:i.scheduledJournalEntry.expectedPostDate.format(ki.visual.MMMDCommaYYFormat)??qe})})]})}),t.jsxs(Q,{children:[t.jsx(ae,{children:Ve.scheduleHeaders.balance}),t.jsx(ce,{children:t.jsx(we,{display:"block",placement:"bottom",style:{width:"100%"},title:t.jsx(Ke,{children:Je("0,0.[00]",Ht(i?.scheduledJournalEntry?.runningBalance?.amount??0,ut.currencyCode,ut.currencySymbol))??qe}),children:t.jsx(me,{className:"highlight",children:Je("0,0.[00]",Ht(i?.scheduledJournalEntry?.runningBalance?.amount??0,ut.currencyCode,ut.currencySymbol))??qe})})})]}),t.jsxs(Q,{style:{width:fe.COLUMN_THREE},children:[t.jsx(ae,{children:Ve.scheduleHeaders.months}),t.jsx(ce,{children:t.jsxs(me,{className:"highlight",children:[i.scheduledJournalEntry.expectedPostDate.diff(i.startDate,"month")+1,"/",i.period]})})]}),t.jsx(Q,{style:{width:fe.COLUMN_FOUR}}),t.jsxs(Q,{style:{alignItems:"flex-end",width:fe.COLUMN_FIVE},children:[t.jsx(ae,{children:Ve.scheduleHeaders.amountForMonth}),t.jsx(ce,{children:t.jsx(me,{className:"highlight",children:Je("0,0.[00]",Ht(i.scheduledJournalEntry.amount?.amount??0,ut.currencyCode,ut.currencySymbol))??qe})})]})]})]}),t.jsx(Ho,{children:t.jsx(fn,{form:$i(`${ot}_${i.jeScheduleId}`),label:Yu,variant:"primary",className:"item-value-container",type:"submit",loading:l?.fetchState==="In-Progress",size:"small",disabled:!I,style:{minWidth:jo}})})]})})})})},Ei=(e,n,c,r,p,h,i,d)=>{const l=e.updatedCategoryId,m=e.updatedVendor,u=m!=null?d.vendor.find(k=>k.zeniId===m.id):void 0,g=e.updatedAccumulatedDepreciationCategoryID,f=e.updatedClassId,y=l!=null?p.find(k=>k.accountId===l):void 0,b=g!=null?i.find(k=>k.accountId===g):void 0,S=f!=null?h.find(k=>k.classId===f):void 0;return{[ot]:{jeScheduleID:e.jeScheduleID,scheduledJournalEntryID:e.scheduledJournalEntryID,jeScheduleType:e.jeScheduleType,scheduleExpenseCategory:{selectedOption:y?.qboId,allOptions:n},accumulatedDepreciationCategory:{selectedOption:b?.qboId,allOptions:r},vendor:{selectedOption:u?.id??m?.id,defaultOptions:Ds(d,u??m)},scheduleClass:{selectedOption:S?.classId,allOptions:c}}}},Qn=a(Hn)`
+  width: ${o.sp3};
+  height: ${o.sp3};
+`,eo=a(Os)`
+  width: 12px;
+  height: 12px;
+  color: ${Qe.important};
+`;function sa(){return t.jsx(Us,{children:t.jsxs(qs,{children:[t.jsxs(Ks,{children:[t.jsx(ze,{width:x[9],height:27,style:{marginBottom:x[2]}}),t.jsx(Ri,{})]}),t.jsxs(Js,{children:[t.jsx(ze,{width:x[9],height:27,style:{marginBottom:x[2]}}),t.jsx(Ri,{})]})]})})}const Ri=()=>t.jsx(Wo,{style:{minWidth:1088},children:t.jsxs(Vo,{children:[t.jsxs(Uo,{children:[t.jsxs(Po,{children:[t.jsxs(Q,{style:{width:fe.COLUMN_ONE,padding:`${o.sp2} ${o.sp3}`},children:[t.jsx(ae,{children:t.jsx(ze,{width:x[10],height:14})}),t.jsxs(ce,{style:{gap:x[2]},children:[t.jsx(Mo,{height:x[4],width:x[4]}),t.jsx(ze,{height:x[4],width:x[10]})]})]}),t.jsxs(Q,{children:[t.jsx(ae,{children:t.jsx(ze,{width:101,height:14})}),t.jsx(ce,{children:t.jsx(ze,{height:x[4],width:203})})]}),t.jsxs(Q,{style:{width:fe.COLUMN_THREE},children:[t.jsx(ae,{children:t.jsx(ze,{width:x[9],height:14})}),t.jsx(ce,{children:t.jsx(ze,{height:x[4],width:71})})]}),t.jsxs(Q,{style:{width:fe.COLUMN_FOUR,paddingLeft:x[3]},children:[t.jsx(ae,{children:t.jsx(ze,{width:107,height:14})}),t.jsx(ze,{height:x[4],width:68})]}),t.jsxs(Q,{style:{alignItems:"flex-end",width:fe.COLUMN_FIVE},children:[t.jsx(ae,{children:t.jsx(ze,{width:73,height:14})}),t.jsx(ce,{children:t.jsx(ze,{height:x[4],width:49})})]})]}),t.jsxs(No,{children:[t.jsxs(Q,{style:{width:fe.COLUMN_ONE,padding:`${o.sp2} ${o.sp3}`},children:[t.jsx(ae,{children:t.jsx(ze,{width:49,height:14})}),t.jsx(ce,{children:t.jsx(ze,{height:x[4],width:158})})]}),t.jsxs(Q,{children:[t.jsx(ae,{children:t.jsx(ze,{width:36,height:14})}),t.jsx(ce,{children:t.jsx(ze,{height:x[4],width:88})})]}),t.jsxs(Q,{style:{width:fe.COLUMN_THREE},children:[t.jsx(ae,{children:t.jsx(ze,{width:36,height:14})}),t.jsx(ce,{children:t.jsx(ze,{height:x[4],width:100})})]}),t.jsx(Q,{style:{width:fe.COLUMN_FOUR,paddingLeft:x[3]}}),t.jsx(Q,{style:{width:fe.COLUMN_FIVE}})]})]}),t.jsxs(Ho,{children:[t.jsx(ze,{height:29,width:53,style:{margin:`${o.sp0} ${o.sp3}`}}),t.jsx(ze,{height:29,width:53,style:{margin:`${o.sp0} ${o.sp3}`}})]})]})}),ze=a(Mt)`
+  border-radius: ${o.sp1};
+`,{common:{create:eh,resolve:th}}=Ie.getLocalizedStrings();function nh({jeSchedules:e,vendorSearchAutoCompleteData:n,handleJeScheduleClick:c,onJESchedulesFormDataChange:r,onPostJESchedule:p,ignoreRecommendedJeSchedule:h,vendorSearchAutoCompleteActions:i,setCurrentFooterFormId:d}){const l=e.draftSchedules,m=e.jeScheduleLocalDataById,u=e.postStatusById,g=e.ignoreStatusById,f=e.resolveSchedules,y=e.uncategorizedAccounts,{allAccountList:b,allClassList:S,allDepreciationAccountList:k}=e,C=Ot(e.accountListNestedAccountHierarchy),L=Ot(e.allDepreciationAccountListNestedAccountHierarchy),j=Mn(e.classListNestedAccountHierarchy),v=(T,I,R)=>{c(T,I,R)},A=(T,I,R,w)=>{let D=T.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}c(I,R,w)};return s.useEffect(()=>{if(f.length!==0){for(const T in m)if(Object.prototype.hasOwnProperty.call(m,T)){const{updatedAccumulatedDepreciationCategoryID:I,updatedCategoryId:R,updatedVendor:w}=m[T];if(I!=null||R!=null||w!=null&&w?.id!==""){d("expenseAutomationJESchedulePage");break}else d("expenseAutomationPage")}}else f.length===0&&d("expenseAutomationPage")}),s.useEffect(()=>()=>{d("expenseAutomationPage")},[]),e.fetchState==="In-Progress"?t.jsx(sa,{}):l.length!==0||f.length!==0?t.jsx(Us,{children:t.jsxs(qs,{children:[l.length>0?t.jsxs(Ks,{children:[t.jsxs(Oi,{children:[eh,t.jsx(Mi,{isCircular:l.length<10,children:t.jsx(Fi,{children:l.length})})]}),t.jsx(Di,{"data-testid":z("expense-automation","draft-je-schedules"),children:l.map((T,I)=>t.jsx(Ku,{ignoreStatus:g[T.jeScheduleTransactionKey],ignoreRecommendedJeSchedule:h,onReviewClickHandler:v,jeScheduleClickHandler:A,draft:T},`${I}_${T.jeScheduleId}`))})]}):null,f.length>0?t.jsxs(Js,{children:[t.jsxs(Oi,{children:[th,t.jsx(Mi,{isCircular:f.length<10,children:t.jsx(Fi,{children:f.length})})]}),t.jsx(Di,{"data-testid":z("expense-automation","resolve-je-schedules"),children:f.map((T,I)=>m[T.scheduledJournalEntry.scheduledJournalEntryID]==null?null:t.jsx(Qu,{vendorSearchAutoCompleteActions:i,vendorSearchAutoCompleteData:n,jeScheduleClickHandler:A,onPostJESchedule:p,uncategorizedAccounts:y,allAccountList:b,allAccountGroupedOptions:C,allClassGroupedOptions:j,allClassList:S,allDepAccountGroupedOptions:L,allDepAccountList:k,draft:T,postStatus:u[T.scheduledJournalEntry.scheduledJournalEntryID],localData:m[T.scheduledJournalEntry.scheduledJournalEntryID],onFormDataChange:r},`${I}_${T.jeScheduleTransactionKey}`))})]}):null]})}):null}const Di=a.div`
+  display: flex;
+  flex-direction: column;
+  gap: ${o.sp4};
+  min-width: 1088px;
+`,Oi=a(us)`
+  color: ${e=>e.theme.colors.primary};
+  padding: ${o.sp2} ${o.sp0};
+  display: flex;
+  align-items: center;
+  gap: ${o.sp1};
+`,Mi=a.div`
+  border-radius: ${o.sp12};
+  display: flex;
+  justify-content: center;
+  border: ${e=>`1px solid ${e.theme.colors.grey1}`};
+  color: ${e=>e.theme.colors.hero};
+  ${e=>e.isCircular?De`
+          height: ${o.sp3};
+          width: ${o.sp3};
+          padding: ${o.sp0};
+        `:De`
+          height: 18px;
+          padding: ${vr.padding};
+        `}
+`,Fi=a(Sr)`
+  color: ${e=>e.theme.colors.hero};
+  height: 100%;
+  width: 100%;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  color: inherit;
+`;function oh({expenseAutomationViewSelector:e,currentFooterFormId:n,setResetJeAccountSettingsForm:c,vendorSearchAutoCompleteData:r,onJESchedulesFormDataChange:p,onPostJESchedule:h,handleJeScheduleClick:i,onJeAccountSettingsChange:d,onSaveJeAccountSettingsClick:l,ignoreRecommendedJeSchedule:m,vendorSearchAutoCompleteActions:u,setCurrentFooterFormId:g,setIsJeAccountSettingsOpened:f}){const{jeSchedules:y}=e;return y.fetchState==="In-Progress"||y.accountSettingsView.fetchState==="In-Progress"?t.jsx(sa,{}):y.accountSettingsView.fetchState==="Completed"&&y.accountSettingsView.accountSettingsLocalData.previousPrepaidExpensesAccount.length===0&&y.accountSettingsView.accountSettingsLocalData.previousFixedAssetsAccount.length===0?t.jsx(Nu,{setIsJeAccountSettingsOpened:f,setResetJeAccountSettingsForm:c,currentFooterFormId:n,onJeAccountSettingsChange:d,onSaveJeAccountSettingsClick:l,accountSettings:y.accountSettingsView,setCurrentFooterFormId:g}):y.fetchState==="Completed"&&y.draftSchedules.length===0&&y.resolveSchedules.length===0?t.jsx(St,{tab:e.currentSelectedView,title:He(e.currentSelectedView).allDoneText.title,subTitle:He(e.currentSelectedView).allDoneText.subTitle}):y.fetchState==="Completed"?t.jsx(nh,{setCurrentFooterFormId:g,handleJeScheduleClick:i,ignoreRecommendedJeSchedule:m,jeSchedules:e.jeSchedules,onJESchedulesFormDataChange:p,onPostJESchedule:h,vendorSearchAutoCompleteActions:u,vendorSearchAutoCompleteData:r}):null}const ih=72,aa=50,sh=1,ah=["receipts"],zi=e=>Fs(e,ah),{common:{texts:{vendor:rh,amount:lh,receipts:ch,category:dh,classText:uh,date:hh}}}=Ie.getLocalizedStrings(),ra={key:"vendor",value:rh,sortOrder:"ascending",width:new Z(18,18)},ph={key:"category",value:dh,sortOrder:"ascending",width:new Z(18,18)},mh={key:"class",value:uh,sortOrder:"ascending",width:new Z(18,18)},gh={key:"date",value:hh,sortOrder:"descending",width:new Z(11,11)},xh={key:"receipts",value:ch,sortOrder:"descending",width:new Z(6,6)},la={key:"amount",value:lh,sortOrder:"ascending",width:new Z(10,10)},pn=[ra,ph,mh,gh,xh,la],ca=[{...ra,width:new Z(65,65)},{...la,width:new Z(30,30)}],to={sortKey:"date",sortOrder:"descending"},_i={containerPaddingLeftRight:new Z(x[3],x[4])},da=({sortConfig:e,isDisabled:n,onColumnSortConfigChanged:c})=>{const r=ke(),p=Ft(),h=p?ca:pn,[i,d]=s.useState(h);s.useEffect(()=>{const u=[...h];for(const g of u)g.key===e.sortKey?g.sortOrder=e.sortOrder:g.sortOrder="ascending";d(u)},[e.sortKey,e.sortOrder,p]);const l=(u,g)=>{let f=g;e.sortKey===u&&(f=g==="ascending"?"descending":"ascending"),c(u,f)},m=u=>{zi(u.key)==null&&l(Gr(u.key),u.sortOrder)};return t.jsx(fh,{windowSize:r,children:i.map((u,g)=>{const f=n!=null||zi(u.key)!=null;return t.jsxs(yh,{sortDataValue:e.sortKey,actualDataValue:u.key,wrapperWidth:u.width,isSortDisabled:f,windowSize:r,isLastItem:g===i.length-1,style:u.key==="receipts"?{justifyContent:"center"}:void 0,children:[t.jsxs(Sh,{onClick:()=>f?null:m(u),isSortDisabled:f,children:[t.jsx(jh,{children:u.value}),f?null:t.jsx(wh,{sortConfig:e,headerData:u,children:t.jsx(vh,{})})]}),f?null:t.jsx(bh,{isSortDisabled:f,sortDataValue:e.sortKey,isVisible:e.sortKey===u.key&&e.sortKey!==to.sortKey,children:t.jsx(Ch,{onClick:()=>{f||l(to.sortKey,to.sortOrder)},"data-testid":z("missing-receipts-header-close-icon",u.key)})})]},u.key)})})},fh=a.div`
+  top: ${o.sp0};
+  left: ${o.sp0};
+  height: ${aa}px;
+  z-index: 2;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  box-sizing: border-box;
+  background-color: ${e=>e.theme.colors.grey4};
+  position: sticky;
+  padding-left: ${e=>_i.containerPaddingLeftRight.valuePx(e.windowSize)};
+  padding-right: ${e=>_i.containerPaddingLeftRight.valuePx(e.windowSize)};
+`,yh=a.div`
+  color: ${e=>e.sortDataValue===e.actualDataValue&&!e.isSortDisabled?e.theme.colors.primary:e.theme.colors.grey1};
+  width: ${e=>e.wrapperWidth.valuePercentage(e.windowSize)};
+  max-width: ${e=>e.wrapperWidth.valuePercentage(e.windowSize)};
+  padding-left: ${o.sp0};
+  left: ${o.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;
+`,Ch=a(Wn)`
+  width: ${o.sp2};
+  height: ${o.sp2};
+  cursor: pointer;
+`,wh=a.div`
+  display: flex;
+  align-items: center;
+  transform: ${e=>e.headerData.sortOrder==="descending"?"rotate(180deg)":"rotate(0deg)"};
+`,bh=a.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};
+  }
+`,vh=a(Vn)`
+  width: ${o.sp2};
+  height: ${o.sp2};
+`,Sh=a.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};
+  }
+`,jh=a(gt)`
+  display: flex;
+`,{common:{strings:{underscore:ua,hyphen:no,empty:Bi},documents:{singleFileUploadSizeErrorMessage:kh,multipleFileUploadSizeErrorMessage:Ih},snackBar:{missing_receipts_attachment:{failed:$h}},tooltips:{addMissingReceipt:Th}},dateFormat:Lh}=Ie.getLocalizedStrings(),Dn={containerPaddingLeftRight:new Z(x[3],x[4]),containerPaddingTopBottom:new Z(x[2],x[3])},Ah=({transaction:e,uploadReceiptsFetchState:n,receiptUploadEndpoint:c,authParams:r,selectedPeriod:p,onUploadReceiptComplete:h,onMissingReceiptsRowClick:i,onUploadReceiptFetchStatus:d,onUploadReceiptAttachment:l})=>{const m=ke(),u=Ft(),g=s.useRef(null),f=s.useCallback(async(k,C,L,j,v)=>{d(e.id,"In-Progress"),await el(k,C,L,j,v).then(({uploadResponse:A,errorMessage:T})=>{A!=null?A.transaction.attachments!=null&&(l(A.transaction),setTimeout(()=>h(A.transaction,p),2e3)):d(e.id,"Error",{code:500,message:$h},T)}).catch(A=>{d(e.id,"Error",A)})},[e.id,p,l,h,d]),y=s.useCallback(k=>{if(k.target.files!=null){const C=k.target.files,L=[],j=[];for(let v=0;v<C.length;v++)L.push(C[v].name),j.push(C[v]);f(c,r,C[0],C[0].name,{id:e.id,type:e.type})}},[r,f,c,e.id,e.type]),b=s.useCallback(()=>{u||g.current?.click()},[g,u]),S=u?ca:pn;return t.jsx(ha,{className:"missing-receipts-row-card",windowSize:m,isCompressedMode:u,onClick:()=>i(e.id,e.type),"data-testid":z("missing-receipts-list-row",e.id),children:S.map((k,C)=>{const L=`${e.id}${ua}${k.key}`;switch(k.key){case"vendor":default:return t.jsx(Ut,{windowSize:m,wrapperWidth:k.width,children:t.jsx(qt,{windowSize:m,isLastItem:C===S.length-1,children:t.jsxs(zn,{children:[t.jsx(Is,{photoUrl:e.vendorId!=null?e.logo?.toString()??Bi:Bi,styles:{width:o.sp4,height:o.sp4,borderRadius:o.sp0},placeholder:{width:x[4],height:x[4]},fallbackAvatar:t.jsx(zh,{children:t.jsx(xn,{name:e.vendorName??e.description,size:o.sp4})})}),t.jsx(it,{text:e.vendorName??e.description,itemTextStyle:{...Dt.standardRegular.cssObject,color:"inherit"}})]})})},L);case"category":case"class":{const j=e.lines!=null&&e.lines.length>0&&e.lines[0]?.account!=null&&e.lines[0].account.accountName?e.lines[0].account.accountName:no,v=e.lines!=null&&e.lines.length>0&&e.lines[0]?.class!=null&&e.lines[0].class.className?e.lines[0].class.className:no,A=k.key==="category"?j:v;return t.jsx(Ut,{windowSize:m,wrapperWidth:k.width,children:t.jsx(qt,{windowSize:m,isLastItem:C===S.length-1,children:t.jsx(zn,{children:A!==no?t.jsx(it,{text:A,itemTextStyle:{...Dt.standardRegular.cssObject,color:"inherit"}}):t.jsx(Fh,{children:A})})})},L)}case"date":return t.jsx(Ut,{windowSize:m,wrapperWidth:k.width,children:t.jsx(qt,{windowSize:m,isLastItem:C===S.length-1,children:t.jsx(zn,{children:t.jsx(it,{text:e.date.format(Lh.visual.MMMDCommaYYYYformat),itemTextStyle:{...Dt.standardRegular.cssObject,color:"inherit"}})})})},L);case"receipts":return t.jsx(Ut,{windowSize:m,wrapperWidth:k.width,children:t.jsx(qt,{windowSize:m,isLastItem:C===S.length-1,style:{justifyContent:"center"},children:n.fetchState==="In-Progress"?t.jsx(Cs,{size:"Small",style:{display:"flex"},start:!0}):n.fetchState==="Completed"||e.attachments!=null&&e.attachments.length>0?t.jsx(br,{shouldDisplay:!0,width:x[4],height:x[4],animationInLoop:!1,shouldFade:!1,onAnimationComplete:()=>null}):t.jsxs(t.Fragment,{children:[t.jsx(Mh,{onClick:j=>{j.stopPropagation()},children:t.jsx(ys,{"data-testid":z("missing-receipts-file-input",e.id),name:`missing-receipts-${e.id}`,fileRef:g,sizeLimit:qn,multiple:!1,acceptableTypes:[...Zr],onFileChange:y,onFileSizeError:(j,v)=>{j&&d(e.id,"Error",{code:500,message:v===!0?kh.replace("__maxFileSize__",Zo(qn,0)):Ih.replace("__maxFileSize__",Zo(qn,0))})}})}),t.jsx(we,{display:"flex",placement:"bottom",title:Th,enterDelay:600,children:t.jsx(Oh,{onClick:j=>{j.stopPropagation(),b()}})})]})})},L);case"amount":{const j=Je("0,0.[00]",e.amount);return t.jsx(Ut,{windowSize:m,wrapperWidth:k.width,children:t.jsx(qt,{windowSize:m,isLastItem:C===S.length-1,children:t.jsx(it,{text:e.amount.amount<0?`-${j}`:j,itemTextStyle:{...Dt.standardRegular.cssObject,color:"inherit"}})})},L)}}})})},Eh=()=>{const e=ke(),n=s.useRef(null),[c,r]=s.useState(0);return s.useLayoutEffect(()=>{n.current&&r(n.current.offsetWidth)},[e]),t.jsx(ha,{windowSize:e,isCompressedMode:!1,ref:n,children:pn.map((p,h)=>{const i=`${h}${ua}${p.key}`;switch(p.key){case"vendor":return t.jsx(Ut,{windowSize:e,wrapperWidth:p.width,children:t.jsx(qt,{windowSize:e,isLastItem:h===pn.length-1,children:t.jsxs(zn,{children:[t.jsx(Mo,{width:x[4],height:x[4]}),t.jsx(Mt,{width:c*p.width.value(e)/100,height:x[4],style:{display:"flex",alignItems:"center"}})]})})},i);default:return t.jsx(Ut,{windowSize:e,wrapperWidth:p.width,children:t.jsx(qt,{windowSize:e,isLastItem:h===pn.length-1,children:t.jsx(Mt,{width:c*p.width.value(e)/100,height:x[4],style:{display:"flex",alignItems:"center"}})})},i)}})})},ha=a.div`
+  display: flex;
+  background-color: ${e=>e.theme.colors.grey5};
+  padding-left: ${e=>Dn.containerPaddingLeftRight.valuePx(e.windowSize)};
+  padding-right: ${e=>Dn.containerPaddingLeftRight.valuePx(e.windowSize)};
+  padding-top: ${e=>Dn.containerPaddingTopBottom.valuePx(e.windowSize)};
+  padding-bottom: ${e=>Dn.containerPaddingTopBottom.valuePx(e.windowSize)};
+  border: ${e=>`1px solid ${e.theme.colors.grey3}`};
+  box-shadow: ${e=>`${o.sp0} 2px ${o.sp1} ${e.theme.colors.dropShadowNormal}`};
+  border-radius: ${o.sp2};
+  color: ${e=>e.theme.colors.hero};
+  cursor: pointer;
+  ${e=>!e.isCompressedMode&&De`
+      &:hover {
+        border-color: ${e.theme.colors.primary};
+        color: ${e.theme.colors.primary};
+      }
+    `}
+
+  box-sizing: border-box;
+  align-items: center;
+  justify-content: space-between;
+`,Ut=a.div`
+  display: flex;
+  align-items: center;
+  position: relative;
+  width: ${e=>e.wrapperWidth.valuePercentage(e.windowSize)};
+  min-width: ${e=>e.wrapperWidth.valuePercentage(e.windowSize)};
+  :last-of-type {
+    padding-right: ${o.sp0};
+  }
+`,Rh=De`
+  word-break: break-all;
+  white-space: normal;
+  -webkit-line-clamp: 1;
+  -webkit-box-orient: vertical;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  display: -webkit-box;
+`,Dh=De`
+  height: ${o.sp3};
+  width: ${o.sp3};
+  cursor: pointer;
+`,Oh=a(Hn)`
+  ${Dh};
+  color: ${e=>e.theme.colors.brandColorGoldDark};
+  &:hover {
+    color: ${e=>e.theme.colors.primary};
+  }
+`,qt=a(Be)`
+  overflow: hidden;
+  justify-content: ${e=>e.isLastItem?"flex-end":"flex-start"};
+  display: flex;
+  width: 100%;
+  align-items: center;
+`,Mh=a.div``,zn=a.div`
+  display: flex;
+  flex-direction: row;
+  column-gap: ${o.sp2};
+  align-items: center;
+`,Fh=a(Be)`
+  ${Rh};
+  color: inherit;
+`,zh=a.div`
+  display: flex;
+`,_h=({sortConfig:e,fetchState:n,isDisabled:c,onColumnSortConfigChanged:r})=>{const p=ke();return t.jsxs(Bh,{windowSize:p,children:[t.jsx(da,{sortConfig:e,isDisabled:n==="In-Progress"?"readonly":c,onColumnSortConfigChanged:r}),t.jsx(Ph,{windowSize:p,children:[...Array(3)].map((h,i)=>t.jsx(Eh,{},i))})]})},Bh=a.div`
+  display: block;
+  min-height: 100%;
+  flex-direction: column;
+  width: 100%;
+`,Ph=a.div`
+  display: flex;
+  min-height: 100%;
+  flex-direction: column;
+  row-gap: ${o.sp3};
+`,{common:Nh}=Ie.getLocalizedStrings(),Vh=({missingReceipts:e,receiptUploadEndpoint:n,authParams:c,selectedPeriod:r,isDisabled:p,onMissingReceiptsRowClick:h,onUploadReceiptComplete:i,onUploadReceiptAttachment:d,onUploadReceiptFetchStatus:l,onUpdateMissingReceiptsUIState:m,onFetchMissingReceiptsList:u})=>{const g=ke(),{fetchState:f,uiState:y,transactions:b}=e,S=s.useRef(null),[k,C]=s.useState(!1);s.useEffect(()=>{S.current?.resetAfterIndex(0)},[g,S]),s.useEffect(()=>{f==="Completed"&&C(!1)},[f]);const L=v=>ih,j=(v,A)=>{m({sortOrder:A,sortKey:v})};return t.jsxs(Uh,{children:[t.jsx(qh,{windowSize:g,children:f==="Error"?t.jsxs(Jh,{windowSize:g,children:[t.jsx(Gh,{onClick:()=>u(),"data-testid":z("missing-receipts-list-table-reload-button"),children:t.jsx(Lo,{})}),t.jsx(Zh,{children:Nh.reloadPage.label})]}):f==="Completed"&&b.length===0?t.jsx(St,{tab:"missing_receipts",title:He("missing_receipts").allDoneText.title,subTitle:He("missing_receipts").allDoneText.subTitle}):f==="Not-Started"||f==="In-Progress"&&b.length===0?t.jsx(_h,{sortConfig:{sortKey:y.sortKey,sortOrder:y.sortOrder},fetchState:f,onColumnSortConfigChanged:j}):t.jsx(Kh,{windowSize:g,children:t.jsx(Pn,{children:({height:v,width:A})=>t.jsxs(Xh,{style:{height:v,width:A},children:[t.jsx(Hh,{children:t.jsx(da,{sortConfig:{sortKey:y.sortKey,sortOrder:y.sortOrder},isDisabled:f==="In-Progress"?"readonly":p,onColumnSortConfigChanged:j})}),t.jsx(Nn,{ref:S,height:v-aa,innerElementType:pa,itemCount:b.length,itemData:{missingReceipts:e,receiptUploadEndpoint:n,authParams:c,isDisabled:p,selectedPeriod:r,onMissingReceiptsRowClick:h,onUploadReceiptComplete:i,onUploadReceiptAttachment:d,onUploadReceiptFetchStatus:l},itemSize:L,width:A,style:{willChange:"auto"},overscanCount:sh,onScroll:({scrollOffset:T})=>{m({scrollPosition:{scrollTop:T}})},initialScrollOffset:y.scrollPosition?.scrollTop,children:Wh})]})})})}),t.jsx(We,{controller:k===!0,children:t.jsx(Qh,{children:t.jsx(Cs,{size:"Small",start:!0})})})]})},Wh=({index:e,style:n,data:c})=>{const{selectedTransactionId:r}=Do(),{missingReceipts:p,receiptUploadEndpoint:h,authParams:i,onMissingReceiptsRowClick:d,onUploadReceiptComplete:l,onUploadReceiptAttachment:m,onUploadReceiptFetchStatus:u,selectedPeriod:g}=c,f=p.transactions[e],y=r!=null&&r===f.id;return t.jsx(Yh,{isPanelSelected:y,style:{...n,width:"100%"},children:t.jsx(Ah,{transaction:f,receiptUploadEndpoint:h,authParams:i,selectedPeriod:g,onMissingReceiptsRowClick:d,onUploadReceiptComplete:l,onUploadReceiptAttachment:m,onUploadReceiptFetchStatus:u,uploadReceiptsFetchState:p.uploadReceiptStatusById[f.id]??{fetchState:"Not-Started",error:void 0}},f.id)})},Hh=a.div`
+  width: auto;
+  max-width: var(--side-panel-list-width, 100%);
+  padding-right: var(--side-panel-list-item-pr, 0px);
+`,Uh=a.div`
+  width: 100%;
+  height: 100%;
+  background-color: ${e=>e.theme.colors.grey4};
+`,qh=a.div`
+  height: 100%;
+`,Kh=a.div`
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+  max-width: 99.9%;
+`,Jh=a.div`
+  display: flex;
+  width: 100%;
+  height: ${e=>`calc(100% - ${js.valuePx(e.windowSize)})`};
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+`,Gh=a.div`
+  height: 96px;
+  width: 96px;
+  background: ${e=>e.theme.colors.background};
+  border-radius: 50%;
+  cursor: pointer;
+  & svg {
+    margin: ${o.sp5};
+    color: ${e=>e.theme.colors.grey1};
+  }
+  &:hover {
+    & svg {
+      color: ${e=>e.theme.colors.primary};
+    }
+  }
+`,Zh=a(mr)`
+  margin-top: ${o.sp3};
+  color: ${e=>e.theme.colors.hero};
+`,Yh=a.div`
+  top: ${o.sp0};
+  left: ${o.sp0};
+  padding-bottom: ${o.sp3};
+  padding-right: var(--side-panel-list-item-pr, 0px);
+  box-sizing: border-box;
+  ${e=>e.isPanelSelected===!0&&De`
+      .missing-receipts-row-card {
+        ${_o(e.theme)}
+      }
+    `}
+`,Xh=a.div`
+  position: relative;
+`,pa=s.forwardRef((e,n)=>{const{style:c,...r}=e;return t.jsx("div",{ref:n,style:{...c,width:"auto",maxWidth:"var(--side-panel-list-width, 100%)",position:"relative"},...r})});pa.displayName="Missing receipts inner element type";const Qh=a.div`
+  display: flex;
+  width: 100%;
+  height: ${o.sp3};
+  flex-direction: row;
+  justify-content: center;
+  align-items: center;
+  margin-top: ${o.sp3};
+  margin-bottom: ${o.sp3};
+`,ep=[...qr],tp=7*1024*100,np=a.div`
+  width: ${un}px;
+`,oo=a.div`
+  width: ${e=>`${e.availableWidth}px`};
+  min-width: auto;
+  position: relative;
+  height: fit-content;
+  min-height: ${o.sp12};
+`,op=a.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: ${o.sp2};
+
+  // Disable select for Zeni Logo and File Separator
+  #${fs} img[alt*="company logo"],
+  .attachFileSeparator {
+    user-select: none;
+  }
+`,ip=a.div`
+  display: flex;
+  column-gap: ${o.sp2};
+  align-items: flex-end;
+  margin-top: ${o.sp2};
+  margin-bottom: ${o.sp3};
+`,sp=a.div`
+  position: relative;
+`,Pi=a(Be)`
+  position: relative;
+`,ap=a.div`
+  background-color: ${e=>e.theme.colors.grey5};
+  border: ${e=>`1px solid ${e.theme.colors.background}`};
+  border-radius: ${o.sp2};
+  box-shadow: ${e=>`${o.sp0} 2px ${o.sp1} ${e.theme.colors.dropShadowNormal}`};
+  padding: ${o.sp5};
+  color: ${e=>e.theme.colors.primary};
+  position: relative;
+  .lexicalEditor__nestedListItem {
+    list-style-type: none;
+  }
+  user-select: text;
+
+  .monthEndReportCanvasWrapper > * {
+    isolation: isolate;
+    z-index: ${x[1]};
+  }
+`,rp=a.div`
+  user-select: text;
+`,lp=a.div`
+  position: absolute;
+  top: ${o.sp4}; // Attachment icon position from the top
+  right: -${o.sp3}; // To show attachment icon on the edge
+`,cp=a.div`
+  margin-top: ${o.sp2};
+  display: flex;
+  flex-direction: column;
+  row-gap: ${o.sp3};
+  margin-bottom: ${o.sp4};
+  position: relative;
+
+  .toolbar {
+    user-select: none;
+  }
+`,dp=a(It)`
+  color: ${e=>e.theme.colors.grey1};
+  user-select: none;
+`,up=a(Ss)`
+  color: ${e=>e.theme.colors.primary};
+`,hp=a.div`
+  flex-direction: column;
+  row-gap: ${o.sp3};
+  display: flex;
+`,pp=Fo`
+ 0% {
+  transform: translateX(100%);
+ }
+ 100% {
+   transform: translateX(0)
+ }
+`,mp=Fo`
+ 0% {
+   transform: translateX(0)
+ }
+ 100% {
+   transform: translateX(100%)
+ }
+`,gp=a.div`
+  animation: ${e=>e.allThreadsSectionOpen?pp:mp}
+    0.5s forwards;
+  height: 100vh;
+  position: fixed;
+  right: ${o.sp0};
+  top: ${o.sp0};
+  z-index: ${x[2]};
+  min-width: ${ms}px;
+  max-width: ${ps}px;
+`,_n="monthEndReportFormSection",Ni="monthEndReportPage",Ye=Ie.getLocalizedStrings();function xp({companyId:e,enableZeniGPTFeature:n,monthEndReportView:c,previewMode:r,customerRequestData:p,allThreadsSectionOpen:h,filterMetaData:i,newThreadMetadata:d,isZeniUser:l,selectedPeriod:m,improveUsingZeniGPTClick:u,onRemoveFileAttachment:g,onUpdateFileAttachment:f,onCloseAllThreadsSection:y,previewMonthEndReport:b,saveMonthEndReport:S,onEditClick:k,onOpenFileAttachmentSnackBar:C,onClickCustomerRequest:L,sendMonthEndReport:j}){const v=kt(),[A,T]=s.useState(),[I,R]=s.useState(0),[w,D]=s.useState(0),V=s.useRef(),q=s.useRef(null),P=s.useRef(null),{html:N,subject:B,improveUsingZeniGPTStatus:ie}=c,[U,re]=s.useState(),[oe,X]=s.useState(!1),[se,ge]=s.useState(!1),Y=s.useRef(null),le=s.useRef(null),K=za(h,250),M=c.fetchState==="Not-Started"||c.fetchState==="In-Progress"||c.companyMonthEndReportTemplatesData.fetchState==="Not-Started"||c.companyMonthEndReportTemplatesData.fetchState==="In-Progress",{threadsRefs:O,sortedThreads:J,threadsPositions:G,observer:W,unresolvedThreadsMap:E,handleRemoveFloatingThread:_}=_a(i,Y,!r,M,l),H=s.useCallback(()=>{h?le.current!=null&&D(Math.min((le.current.offsetWidth-un-x[4])/2,le.current.offsetWidth-un-ps-x[4])):le.current!=null&&R(Math.min((le.current.offsetWidth-un-x[4])/2,le.current.offsetWidth-un-ms-x[4]))},[h]);s.useEffect(()=>{H()},[h,H]),s.useEffect(()=>(window.addEventListener("resize",H),()=>{window.removeEventListener("resize",H)}),[H]);const F=l?rs:ls,{openThread:he,addThread:te,setOpenThread:ee}=s.useContext(F),xe=Ba(Jo,!1,!r),$e=Y.current?.getBoundingClientRect(),$=xe!=null&&xe.coords&&$e?{left:xe.coords.left-$e.left,top:xe.coords.top-$e.top}:void 0,ne=s.useCallback(()=>{const Oe=window.getSelection()?.getRangeAt(0),ue=Pa();if(!Oe||ue==null)return;const Se={...d,...ue,startPath:ue.startPath.join(),endPath:ue.endPath.join()},pe=`${xs()}${gs}`,st=`cockpit_${e}`;te(pe,{type:"thread",id:pe,roomId:st,createdAt:new Date,comments:[],metadata:Se,updatedAt:new Date,resolved:!1}),ee(pe)},[te,e,d,ee]);s.useEffect(()=>{he!=null&&h&&y()},[h,he,y]);const be=ie.fetchState==="In-Progress",Le=Jt({mode:"all",defaultValues:Vi(c),values:Vi(c)}),Pe=Le.handleSubmit(Oe=>{const{recipientEmailList:ue,subject:Se}=Oe[_n];if(r===!0)j?.(U?.id);else{const pe=A?.replace(Na,Ye.common.strings.empty);ue!=null&&Se!=null&&b(ue,Se,U?.id,pe!=null&&pe.length>0?A:void 0)}}),Ne=()=>{q.current!=null&&q.current.click()},ye=()=>{U!==void 0&&U!=null&&(g([U.id]),re(void 0),X(!1))},et=Oe=>{const ue=Oe.target.files?Oe.target.files[0]:null;if(ue)if(!Kr(ue.type)||se)console.warn("Please select a valid file.");else{const Se=new FileReader;Se.onload=function(pe){const st=pe.target?.result;if(typeof st=="string"){const lt={data:st.split(",")[1],name:ue.name,id:Jr(e,ue.name)};re(lt),X(!0),f([lt])}},Se.readAsDataURL(ue)}},Ge=()=>{P.current&&P.current.scrollIntoView({behavior:"smooth"})},Ze=()=>{const Oe=Le.getValues(),{recipientEmailList:ue,subject:Se}=Oe[_n];ue!=null&&Se!=null&&S(ue,Se,U?.id,A)};s.useEffect(()=>{T(c.zeniRequestsHtml)},[c.zeniRequestsHtml]),s.useEffect(()=>{V.current=U},[U]),s.useEffect(()=>{re(Ur(c.attachmentFile)),X(!1)},[c.attachmentFile]),s.useEffect(()=>{se&&C()},[se,C]);const de=So(`${m.year}-${m.month}-01`).format(Ye.dateFormat.visual.MMMMFormat),_e=N!=null?N.split(Va):[],xt=c.concatenatedHtml,$t=()=>c.lastDraftSavedDate!=null&&r===!1?t.jsx(pr,{time:c.lastDraftSavedDate,user:c.reportLastSavedByUser,timeStampLabel:Ye.cockpit.monthEndReport.timeStampLabel}):null,Tt=()=>l===!0?K?t.jsxs(t.Fragment,{children:[t.jsx(gp,{allThreadsSectionOpen:h,children:t.jsx(ur,{autoExpand:!0,autoFocus:!1,style:{borderLeft:`1px solid ${v.colors.grey3}`,boxShadow:`${o.sp0} 1px 2px ${o.sp0} ${Qe.boxShadowElevation}`},drawerSectionStyle:{width:`calc(100% - ${o.sp5} - ${o.sp5})`,backgroundColor:v.colors.background},threadsContainerStyle:{paddingBottom:r?"160px":o.sp12},collapsibleThreadStyle:{width:`calc(100% - ${o.sp4})`},allowComposer:!1,drawerTitle:Ye.common.texts.comments,filter:i,textOverrides:{},preventResolvedThreadClick:!0,onThreadClick:(Oe,ue)=>{ee(ue);const Se=J.findIndex(pe=>pe[0]===ue);y(),O.current?.[Se]?.scrollIntoView({behavior:"smooth",block:"center",inline:"center"})},onCloseAllThreadsDrawer:()=>y()})}),t.jsx(oo,{availableWidth:I})]}):t.jsx(hr,{observer:W,canvasContainerRef:Y,sortedThreads:J,threadsPositions:G,threadsRefs:O,unresolvedThreadsMap:E,editorMode:!r,style:{minWidth:`${I}px`,position:"relative",height:"fit-content",top:`${Y.current?.offsetTop}px`,minHeight:o.sp12},handleRemoveFloatingThread:_}):t.jsx(oo,{availableWidth:I}),ft=(c.zeniRequestsData??[]).length+Wa(c.companyMonthEndReportTemplatesData).length;return t.jsxs(t.Fragment,{children:[t.jsxs(op,{ref:le,children:[t.jsx(oo,{availableWidth:h?w:I}),t.jsxs(np,{children:[t.jsx(Gt,{...Le,children:t.jsx("form",{id:Wi(Ni),onSubmit:Pe,children:t.jsxs(hp,{children:[t.jsx(Ha,{sectionId:_n,previewMode:r,subject:B}),!r&&ft>0?t.jsx(Ua,{totalItems:ft,onClickCustomerRequest:L}):null,t.jsxs(ap,{id:Jo,ref:Y,children:[t.jsxs(rp,{className:"monthEndReportCanvasWrapper",children:[U!=null||se?t.jsx(lp,{"data-testid":z("email-attachment-container"),onClick:Ge,children:t.jsx(qa,{fileSizeError:se,setFileSizeError:ge,loading:!1,showAnimation:!r&&oe})}):null,r?t.jsx(Pi,{dangerouslySetInnerHTML:{__html:Ka(xt)}}):t.jsxs(t.Fragment,{children:[t.jsxs(sp,{id:Ja,children:[t.jsx(Be,{dangerouslySetInnerHTML:{__html:_e[0]!=null?_e[0]+"</body></html>":Ye.common.strings.empty}}),t.jsxs(ip,{children:[t.jsx(up,{children:Ye.cockpit.monthEndReport.editorTitle}),t.jsx(dp,{children:Ye.cockpit.monthEndReport.editorNote})]})]}),t.jsx(cp,{id:Ga,children:t.jsx(Za,{handleFileInputClick:Ne,fileAttached:U!=null,enableZeniGPTFeature:n,isZeniGPTResponseLoading:be,initialHtmlString:c.zeniRequestsHtml,improveUsingZeniGPTClick:u,setZeniRequestsHtml:T,customerRequestData:p})}),t.jsx(Pi,{id:fs,dangerouslySetInnerHTML:{__html:_e[1]!=null?"<html><body>"+_e[1]:Ye.common.strings.empty}})]}),U!=null?t.jsx(Ya,{ref:P,fileName:U.name,fileSize:Xa(U.data),onRemove:ye,isRemovable:!r}):null]}),$?t.jsx(Qa,{style:{zIndex:15},coords:$,alignment:xe.alignment,onClick:ne}):null,t.jsx(er,{canvasContainerRef:Y,sortedThreads:J,editorMode:!r,isZeniUser:l})]})]})})}),t.jsx(ys,{name:U?.name??Ye.common.strings.empty,fileRef:q,sizeLimit:tp,acceptableTypes:ep,onFileChange:async Oe=>{et(Oe)},onFileSizeError:Oe=>ge(Oe),multiple:!1})]}),Tt()]}),t.jsx(cs,{style:{zIndex:10},leftSideComponent:$t(),formId:Wi(Ni),cancelBtn:{isDisabled:be,label:r===!0?Ye.cockpit.monthEndReport.editButtonLabel:Ye.cockpit.monthEndReport.saveChanges,onClick:r===!0?k:Ze,style:{width:"136px",padding:`${o.sp0} ${o.sp3}`,boxSizing:"border-box"},size:"medium",isLoading:c.saveMonthEndReportStatus.fetchState==="In-Progress",reverseSpinnerColor:!1},primaryBtn:{isDisabled:be,isLoading:r===!0?c.sendMonthEndReportStatus.fetchState==="In-Progress":c.previewMonthEndReportStatus.fetchState==="In-Progress",style:{width:r===!0?"unset":"136px"},label:r===!0?Ye.cockpit.monthEndReport.sendEmailButtonLabel.replace("__month__",de):Ye.cockpit.monthEndReport.preview,size:"medium"}})]})}const Vi=e=>({[_n]:{recipientEmailList:e.recipientEmailList,subject:e.subject??Ye.common.strings.empty}}),Wi=e=>`${e}_form`;Dt.smallBold.lineHeightValue;const fp=1,yp=50,Hi=56,Cp=["memo","activity"],Ui=e=>Fs(e,Cp),{common:{strings:{empty:ma}},expenseAutomation:{transactions:{header:{vendors:wp,category:bp,classText:vp,date:Sp,type:jp,amount:kp}}}}=Ie.getLocalizedStrings(),ga={key:"vendor",value:wp,sortOrder:"ascending",width:new Z(18,18),customStyle:{common:{paddingLeft:x[7]}}},Ip={key:"category",value:bp,sortOrder:"ascending",width:new Z(20,20),customStyle:{common:{paddingLeft:x[7]}}},$p={key:"class",value:vp,sortOrder:"ascending",width:new Z(18,18),customStyle:{common:{paddingLeft:x[7]}}},Tp={key:"date",value:Sp,sortOrder:"descending",width:new Z(11,11),customStyle:{common:{paddingLeft:12}}},Lp={key:"transaction_type",value:jp,sortOrder:"descending",width:new Z(13,13),customStyle:{common:{paddingLeft:x[3]}}},Ap={key:"memo",value:ma,sortOrder:"ascending",width:new Z(6,6),customStyle:{common:{}}},xa={key:"amount",value:kp,sortOrder:"ascending",width:new Z(10,10),customStyle:{common:{paddingRight:x[4]}}},Ep={key:"activity",value:ma,sortOrder:"ascending",width:new Z(4,4),customStyle:{common:{}}},Ko=e=>{const n=[ga,Ip,$p,Tp,Lp,Ap,xa];return e===!0&&n.push(Ep),n},fa=[{...ga,width:new Z(65,65)},{...xa,width:new Z(30,30)}],io={sortKey:"date",sortOrder:"descending"},ya=({sortConfig:e,isDisabled:n,isTransactionActivityEnabled:c,onColumnSortConfigChanged:r})=>{const p=ke(),h=Ft(),i=h?fa:Ko(c),[d,l]=s.useState(vo(i));s.useEffect(()=>{const g=vo(i);for(const f of g)f.key===e.sortKey?f.sortOrder=e.sortOrder:f.sortOrder="ascending";l(g)},[e.sortKey,e.sortOrder,h]);const m=(g,f)=>{let y=f;e.sortKey===g&&(y=f==="ascending"?"descending":"ascending"),r(g,y)},u=g=>{Ui(g.key)==null&&m(Xr(g.key),g.sortOrder)};return t.jsx(Rp,{windowSize:p,"data-testid":z("transaction-categorization-header-container"),children:d.map((g,f)=>{const y=n!=null||Ui(g.key)!=null;return t.jsxs(Dp,{sortDataValue:e.sortKey,actualDataValue:g.key,wrapperWidth:g.width,style:g.customStyle?.common,isSortDisabled:y,windowSize:p,isLastItem:f===d.length-1,"data-testid":z("transaction-categorization-header-wrapper",g.key),children:[t.jsxs(_p,{"data-testid":z("transaction-categorization-header",g.value?g.value:g.key),onClick:()=>u(g),isSortDisabled:y,children:[t.jsx(Bp,{children:g.value}),y?null:t.jsx(Mp,{sortConfig:e,headerData:g,"data-testid":z("transaction-categorization-sort-icon",g.key),children:t.jsx(zp,{})})]}),y?null:t.jsx(Fp,{isSortDisabled:y,sortDataValue:e.sortKey,isVisible:e.sortKey===g.key&&e.sortKey!==io.sortKey,"data-testid":z("transaction-categorization-close-icon",g.key),children:t.jsx(Op,{onClick:()=>{m(io.sortKey,io.sortOrder)},"data-testid":z("transaction-categorization-close-icon-button",g.key)})})]},g.key)})})},Rp=a.div`
+  top: ${o.sp0};
+  left: ${o.sp0};
+  height: ${yp}px;
+  z-index: 2;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  box-sizing: border-box;
+  background-color: ${e=>e.theme.colors.grey4};
+  position: sticky;
+`,Dp=a.div`
+  color: ${e=>e.sortDataValue===e.actualDataValue&&!e.isSortDisabled?e.theme.colors.primary:e.theme.colors.grey1};
+  width: ${e=>e.wrapperWidth.valuePercentage(e.windowSize)};
+  max-width: ${e=>e.wrapperWidth.valuePercentage(e.windowSize)};
+  padding-left: ${o.sp0};
+  left: ${o.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;
+`,Op=a(Wn)`
+  width: 12px;
+  height: 12px;
+`,Mp=a.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"};
+`,Fp=a.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};
+  }
+`,zp=a(Vn)`
+  width: ${o.sp2};
+  height: ${o.sp2};
+`,_p=a.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};
+  }
+`,Bp=a(gt)`
+  display: flex;
+`,so="expenseAutomationTransactionsPage",Kt="transactionCategorizationListTable",Re="account",Xe="class",rt="lineEntitySelection",Pp="lineEntity",Np="recommendations",Ca="lineInfo",Vp="vendorDetails",Wp="customerDetails",Bn="selectedTransactionIds",Et=(e,n,c)=>`${e}.${c}.${n}`,Hp=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"})),Up=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"})),{common:{strings:{underscore:qp,hyphen:On,empty:tn}},expenseAutomation:{transactions:wt},dateFormat:Kp}=Ie.getLocalizedStrings(),jt={containerPaddingLeftRight:new Z(x[3],x[4]),containerPaddingTopBottom:new Z(x[1],x[2]),containerPaddingTopBottomEmpty:new Z(x[2],x[3]),nameLogoWidth:new Z(x[2],x[4]),nameLogoHeight:new Z(x[2],x[4])},Jp=({transactionView:e,transaction:n,sectionId:c,vendorSearchAutoCompleteData:r,vendorSearchAutoCompleteActions:p,selectedTab:h,containerRef:i,listContainerRef:d,isCOTEnabled:l,cotTracking:m,onTransactionCategorizationRowClick:u,setCurrentTransactionInAction:g,vendorLoadOptions:f,openTooltipId:y,setOpenTooltipId:b,isUncategorizedExpenseCategoryEnabled:S,setActivityLogTransactionId:k,isTransactionActivityEnabled:C})=>{const L=ke(),j=Ft(),[v,A]=s.useState(!1),[T,I]=s.useState(!1),{lineItemById:R,sortedLineItems:w}=n.transactionReviewLocalData,D=n.transactionReviewLocalData.tabSpecificLineItems?.[h]||[],V=w.filter(E=>D.indexOf(E)!==-1),q=[];V.forEach(E=>{q.push(R[E])});const{accountList:P,accountsHierarchyList:N,classHierarchyList:B,classList:ie,uncategorizedAccounts:U,transactions:re,selectedCheckBoxTransactionIds:oe}=e,X=oe.includes(n.transactionId),se=kt(),ge={control:()=>({marginLeft:-2,backgroundColor:v?se.colors.background:se.colors.grey5}),valueContainer:()=>({justifyContent:"flex-start",paddingLeft:x[0]}),menu:()=>({width:"150%",background:se.colors.grey5}),singleValue:()=>({color:v||X?se.colors.primary:se.colors.hero,paddingLeft:x[2]}),input:E=>({...E,color:v||X?se.colors.primary:se.colors.hero,textAlign:"left",paddingLeft:x[2]}),menuPortal:E=>({...E,zIndex:10})},Y={...ge,singleValue:E=>({...E,color:v||X?se.colors.primary:se.colors.hero}),menu:()=>({marginTop:x[1],marginLeft:-8}),input:E=>({...E,color:v||X?se.colors.primary:se.colors.hero,textAlign:"left"})},le=re.find(E=>E.id===n.transactionId),K=(E,_)=>{const{transactionType:H}=_.transactionReviewLocalData;let F=E.target;for(;F;){if(F.classList.contains("select-value-container")||F.classList.contains("item-value-container")||F.classList.contains("grouped-single-select-field__value-container")||F.classList.contains("auto-complete-grouped-creatable-single-custom-group-select-field__option")||F.classList.contains("grouped-single-select-field__input")||F.classList.contains("grouped-single-select-field__menu"))return;F=F.parentElement}H!=null&&u(_.transactionId,H)},M=s.useRef(null),[O,J]=s.useState(void 0),[G,W]=s.useState("bottom");return s.useEffect(()=>{if(O===void 0)return;const E=d?.current?._outerRef??null,_=()=>{const H=M.current;if(H==null||E==null)return;const F=H.getBoundingClientRect(),he=E.getBoundingClientRect(),te=E.scrollTop+(F.bottom-he.top),ee=E.scrollHeight-te;W(ee>=288?"bottom":"top")};return _(),window.addEventListener("resize",_),E?.addEventListener("scroll",_),()=>{window.removeEventListener("resize",_),E?.removeEventListener("scroll",_)}},[d,O]),t.jsxs(Zp,{onMouseEnter:j?void 0:()=>A(!0),onMouseLeave:j?void 0:()=>A(!1),children:[t.jsx(Xp,{className:"categorization-row-card",windowSize:L,isSelected:X,isCompressedMode:j,isHovered:v,children:t.jsx(Qp,{children:q.map((E,_)=>t.jsx(em,{ref:O===_?M:void 0,"data-testid":z("transaction-categorization-list-row",E.lineId),windowSize:L,onClick:H=>K(H,n),children:t.jsx(Gp,{isTransactionActivityEnabled:C,line:E,isHovered:v||X,isSelected:X,isCompressedMode:j,lineIndex:_,sectionId:c,transaction:n,currentTransaction:le,windowSize:L,accountsHierarchyList:N,classHierarchyList:B,allAccountList:P,allClassList:ie,uncategorizedAccounts:U,vendorSearchAutoCompleteData:r,vendorSearchAutoCompleteActions:p,setCurrentTransactionInAction:g,vendorLoadOptions:f,customStyle:ge,customStyleAutoComplete:Y,recommendations:E.recommendationsWithCOT,selectedTab:h,isCOTEnabled:l,menuPlacement:G,cotTracking:m,openTooltipId:y,setOpenTooltipId:b,isUncategorizedExpenseCategoryEnabled:S,onDropdownClose:()=>J(void 0),onDropdownOpen:()=>J(_)})},`${n.transactionId}.${E.lineId}`))},n.transactionId)},n.transactionId),C===!0&&t.jsx(xm,{className:"activity-log-icon",onMouseEnter:()=>I(!0),onMouseLeave:()=>I(!1),onClick:E=>{E.stopPropagation(),k(n.transactionId)},children:t.jsx(we,{title:wt.header.activity,placement:"bottom",children:t.jsx(fm,{style:{color:T?se.colors.primary:se.colors.hero}})})})]})},Gp=({accountsHierarchyList:e,allAccountList:n,allClassList:c,classHierarchyList:r,customStyle:p,customStyleAutoComplete:h,line:i,lineIndex:d,transaction:l,currentTransaction:m,windowSize:u,uncategorizedAccounts:g,isHovered:f=!1,isSelected:y=!1,isCompressedMode:b=!1,sectionId:S,recommendations:k,vendorSearchAutoCompleteData:C,selectedTab:L,isCOTEnabled:j,menuPlacement:v,cotTracking:A,openTooltipId:T,setCurrentTransactionInAction:I,vendorLoadOptions:R,setOpenTooltipId:w,isUncategorizedExpenseCategoryEnabled:D,isTransactionActivityEnabled:V,onDropdownClose:q,onDropdownOpen:P})=>{const{transactionDate:N,transactionType:B,transactionTypeName:ie,memo:U}=l.transactionReviewLocalData,{setValue:re}=Oo(),oe=s.useCallback((Ae,ve)=>{A?.onCOTView!=null&&A.onCOTView(i.lineId,l.transactionId,Ae,ve)},[A,i.lineId,l.transactionId]),X=i.lineDescription,se=s.useMemo(()=>{if(X||U)return[{title:wt.description,description:X||On},{title:wt.header.memo,description:U||On}]},[U,X]),ge=Et(S,rt,d.toString()),Y=Et(S,Re,d.toString()),le=Et(S,Xe,d.toString()),K=(Ae,ve)=>{if(b)return;let Te;switch(ve){case"vendor":Te=ge;break;case"category":Te=Y;break;case"class":Te=le;break;default:return}re(`${Te}.selectedOption`,Ae,{shouldValidate:!0,shouldDirty:!0})},M=kt(),O=s.useMemo(()=>m!=null&&Wt(m)===!0?{id:l.transactionReviewLocalData.customer?.id??"",logo:l.transactionReviewLocalData.customer?.logo,name:l.transactionReviewLocalData.customer?.name??""}:{id:i.customer?.id??"",logo:i.customer?.logo,name:i.customer?.name??""},[m,i.customer?.id,i.customer?.logo,i.customer?.name,l.transactionReviewLocalData.customer?.id,l.transactionReviewLocalData.customer?.logo,l.transactionReviewLocalData.customer?.name]),J=s.useMemo(()=>m!=null&&Wt(m)===!0?{id:l.transactionReviewLocalData.vendor?.id??"",logo:l.transactionReviewLocalData.vendor?.logo,name:l.transactionReviewLocalData.vendor?.name??""}:{id:i.vendor?.id??"",logo:i.vendor?.logo,name:i.vendor?.name??""},[m,i.vendor?.id,i.vendor?.logo,i.vendor?.name,l.transactionReviewLocalData.vendor?.id,l.transactionReviewLocalData.vendor?.logo,l.transactionReviewLocalData.vendor?.name]),G=i[Xe]?.classId,W=i[Re]?.qboId??i[Re]?.accountId,E=O?.id,_=J?.id,H=J?.name,[F,he]=s.useState(!G),[te,ee]=s.useState(!W||i[Re]?.qboId!=null&&hn(g,i[Re].qboId,D===!0?["income"]:void 0)===!0),[xe,$e]=s.useState(!_||!E),$=Ae=>k?.find(ve=>ve.vendor?.qboId===Ae||ve.vendor?.id===Ae||ve.vendor?.name===Ae)?.vendor?.reason??"",ne=l.transactionReviewLocalData.lineItemById[i.lineId]?.recommendationsWithCOT||[],be=As(e,ne),Le=Ls(r,ne),Pe=Ae=>n.filter(ve=>ve.qboId===Ae)[0]?.qboId,Ne=Ae=>c.filter(ve=>ve.classId===Ae)[0]?.accountingClassNumber??void 0,ye=s.useCallback(Ae=>hn(g,Ae,D===!0?["income"]:void 0),[g,D]),[et,Ge]=s.useState(!1),[Ze,de]=s.useState(!1),[_e,xt]=s.useState(!1),$t=(Ae,ve)=>{I({transactionId:l.transactionId,lineItemId:i.lineId}),R(Ae,ve)},Tt=()=>{$e(!(_||E)),Ge(!1),q?.()},ft=()=>{W&&i[Re]?.qboId!=null&&hn(g,i[Re].qboId,D===!0?["income"]:void 0)===!1?ee(!1):ee(!0),xt(!1),q?.()},Oe=()=>{he(!G),de(!1),q?.()},ue=()=>{b||(_||E)&&(Ge(!0),P?.())},Se=()=>{b||(de(!0),P?.())},pe=()=>{b||(xt(!0),P?.())};s.useEffect(()=>{W&&i[Re]?.qboId!=null&&hn(g,i[Re].qboId,D===!0?["income"]:void 0)===!1?ee(!1):ee(!0)},[W]),s.useEffect(()=>{he(!G)},[G]),s.useEffect(()=>{$e(!(_||E))},[_,E]);const st=l.transactionReviewLocalData.selectedEntity,lt=l.transactionReviewLocalData.lineItemById[i.lineId].selectedEntityLine,je=m!=null&&Wt(m)===!0?st:lt,Ue=s.useMemo(()=>{const Ae=l.transactionReviewLocalData.lineItemById[i.lineId]?.recommendationsWithCOT||[],ve=C.entityAutoCompleteView;return{selectedOption:je?.qboId??je?.id,defaultOptions:Ao(ve,je,Ae??[])}},[je,l.transactionReviewLocalData.lineItemById,i.lineId,C.entityAutoCompleteView]),ln=()=>je!=null&&je.logo!=null?t.jsx(Is,{photoUrl:je.logo.toString(),styles:{width:jt.nameLogoWidth.valuePx(u),height:jt.nameLogoHeight.valuePx(u)},fallbackAvatar:t.jsx(Ji,{children:t.jsx(xn,{name:je.name,size:o.sp4})})}):je!=null&&je.name!=null?t.jsx(Ji,{children:t.jsx(xn,{name:je.name,size:o.sp4})}):null,Zt=(Ae,ve)=>{if(ve==null||!ve)return;let Te=[];return Ae.forEach(Lt=>{Te=Te.concat(Lt.options)}),Te.find(Lt=>Lt.value===ve)?.label??ve},_t=Zt(Le,G),cn=Zt(be,W),tt=L==="review",Yt=Kn("vendor",Ue.defaultOptions,Ue.selectedOption),bn=Kn("category",be,W),vn=Kn("class",Le,G),Sa=Ae=>{const ve=b?fa:Ko(Ae);return ve.map((Te,Lt)=>{const ct=`${l.transactionId}_${Te.key}_${i.lineId}`;if(d>0&&m!=null&&Wt(m)===!0&&Te.key==="vendor")return t.jsx(nt,{windowSize:u,wrapperWidth:Te.width},ct);if(d>0&&Te.key==="transaction_type")return t.jsx(nt,{windowSize:u,wrapperWidth:Te.width},ct);switch(Te.key){case"activity":return t.jsx(nt,{windowSize:u,wrapperWidth:Te.width},ct);case"vendor":default:return t.jsxs(nt,{windowSize:u,wrapperWidth:Te.width,className:"item-value-container",children:[!b&&t.jsx(ao,{isCOTEnabled:j,recommendations:ne,type:"vendor",isFirstColumn:!0,isEnabled:!!je?.isPreFilled,isMisCategorized:Yt,onRecommendationClick:K,selectedValue:_,selectedValueLabel:H,isReviewTab:tt,isAccountOptionDisabled:ye,existingOption:{label:m!=null&&Wt(m)===!0?m?.vendor?.name:void 0,value:m!=null&&Wt(m)===!0?m?.vendor?.id:void 0},cotTracking:A,lineId:i.lineId,transactionId:l.transactionId,openTooltipId:T,setOpenTooltipId:w}),t.jsx(ho,{children:xe===!0?t.jsx(co,{isHovered:f,isCompressedMode:b,children:t.jsxs(ro,{onClick:dt=>{dt.stopPropagation(),!b&&(P?.(),$e(!1),Ge(!0))},"data-testid":z("add-vendor-button",S),style:{display:"inline-flex",alignItems:"center",color:Qe.brandColorGoldDark,cursor:"pointer",height:o.sp6},children:[t.jsx(lo,{}),wt.addPayee]})}):et===!0?t.jsx(bt,{onClickAway:Tt,children:t.jsx(pm,{"data-testid":z("vendor-selection-dropdown-container",Et(S,rt,d.toString())),children:t.jsx(Lr,{name:ge,placeholder:wt.addPayee,valueToInfo:$,defaultValue:{selectedOption:Ue.selectedOption,defaultOptions:Ue.defaultOptions},type:"vendor",autoFocus:!xe,style:{width:"100%"},pageSource:"list_page",transactionStatus:tt?"pending_review":"auto_categorized",isOptionRemovable:!1,customStyleConfig:h,menuIsOpen:et,onMenuClose:Tt,registerOptions:{required:!1},loadOptions:$t,showCOT:j,onCOTView:oe,menuPlacement:v})})}):t.jsx(gm,{children:t.jsxs(uo,{isHovered:f,isCompressedMode:b,showOutline:!b&&Yt&&je?.isPreFilled!==!0&&!y&&tt,children:[ln(),t.jsx(hm,{onClick:ue,"data-testid":z("vendor-name-text",S),children:je!=null&&je.name?t.jsx(it,{text:je.name,itemTextStyle:{color:f?M.colors.primary:M.colors.hero}}):t.jsx(mm,{children:On})})]})})})]},ct);case"category":{const dt=m?.lines!=null?m?.lines[d]:void 0;return t.jsxs(nt,{windowSize:u,wrapperWidth:Te.width,className:"item-value-container",children:[t.jsx(ao,{isCOTEnabled:j,recommendations:ne,type:"category",isFirstColumn:!1,isReviewTab:tt,isEnabled:!!i[Re]?.isPreFilled,isAccountOptionDisabled:ye,isMisCategorized:bn,onRecommendationClick:K,selectedValue:W,selectedValueLabel:cn,existingOption:{label:dt?.account?.accountName,value:dt?.account?.qboId??dt?.account?.accountId},cotTracking:A,lineId:i.lineId,transactionId:l.transactionId,openTooltipId:T,setOpenTooltipId:w}),t.jsx(ho,{children:te===!0?t.jsx(co,{isHovered:f,children:t.jsxs(ro,{onClick:Bt=>{Bt.stopPropagation(),!b&&(P?.(),ee(!1),xt(!0))},"data-testid":z("category-selection-field",Y),style:{display:"inline-flex",alignItems:"center",color:Qe.brandColorGoldDark,cursor:"pointer",height:o.sp6},children:[t.jsx(lo,{}),wt.addCategory]})}):_e===!0?t.jsx(bt,{onClickAway:ft,children:t.jsx(Gi,{isHovered:f,"data-testid":z("category-selection-dropdown-container",Y),children:t.jsx(oi,{name:Y,placeholder:wt.addCategory,valueToId:Bt=>Pe(Bt),type:"category",pageSource:"list_page",transactionStatus:tt?"pending_review":"auto_categorized",showCOT:j,defaultValue:{selectedOption:W,allOptions:be},style:{display:"flex",flexGrow:1,width:"100%",cursor:"inherit"},registerOptions:{required:!1},menuIsOpen:_e,autoFocus:!te&&(!W||i[Re]?.qboId!=null&&[g.expense?.qboId,g.income?.qboId].includes(i[Re].qboId)),onMenuClose:ft,customStyleConfig:p,disableCurrentOption:ye,menuPlacement:v,onCOTView:oe})})}):t.jsx(uo,{isHovered:f,showOutline:bn&&i[Re]?.isPreFilled!==!0&&!y&&tt,children:t.jsx(Zi,{onClick:pe,"data-testid":z("category-label-text",Y),children:t.jsx(it,{text:cn??"",itemTextStyle:{color:f?M.colors.primary:M.colors.hero}})})})})]},ct)}case"class":{const dt=m?.lines!=null?m?.lines[d]:void 0;return t.jsxs(nt,{windowSize:u,wrapperWidth:Te.width,className:"item-value-container",children:[t.jsx(ao,{isCOTEnabled:j,recommendations:ne,type:"class",isFirstColumn:!1,isReviewTab:tt,isEnabled:!!i[Xe]?.isPreFilled,isAccountOptionDisabled:ye,isMisCategorized:vn,onRecommendationClick:K,selectedValue:G,selectedValueLabel:_t,existingOption:{label:dt?.class?.className,value:dt?.class?.classId},cotTracking:A,lineId:i.lineId,transactionId:l.transactionId,openTooltipId:T,setOpenTooltipId:w}),t.jsx(ho,{children:F===!0?t.jsx(co,{isHovered:f,children:t.jsxs(ro,{onClick:Bt=>{Bt.stopPropagation(),!b&&(P?.(),he(!1),de(!0))},"data-testid":z("class-selection-field",le),style:{display:"inline-flex",alignItems:"center",color:Qe.brandColorGoldDark,cursor:"pointer",height:o.sp6},children:[t.jsx(lo,{}),wt.addClass]})}):Ze===!0?t.jsx(bt,{onClickAway:Oe,children:t.jsx(Gi,{isHovered:f,"data-testid":z("class-selection-dropdown-container",le),children:t.jsx(oi,{name:le,placeholder:wt.addClass,valueToId:Bt=>Ne(Bt),type:"class",showCOT:j,defaultValue:{selectedOption:G,allOptions:Le},pageSource:"list_page",transactionStatus:tt?"pending_review":"auto_categorized",menuIsOpen:Ze,registerOptions:{required:!1},style:{width:"100%"},autoFocus:!F&&!G,customStyleConfig:p,onMenuClose:Oe,menuPlacement:v,onCOTView:oe})})}):t.jsx(uo,{isHovered:f,showOutline:vn&&i[Xe]?.isPreFilled!==!0&&!y&&tt,children:t.jsx(Zi,{"data-testid":z("class-selection-field",le),onClick:Se,children:t.jsx(it,{text:_t??"",itemTextStyle:{color:f?M.colors.primary:M.colors.hero}})})})})]},ct)}case"date":return t.jsx(nt,{windowSize:u,wrapperWidth:Te.width,children:t.jsx(an,{windowSize:u,isLastItem:Lt===ve.length-1,children:t.jsx(To,{"data-testid":z("date-field",Et(S,Xe,d.toString())),children:t.jsx(nm,{style:{color:f?M.colors.primary:M.colors.hero},children:N!=null?N.format(Kp.visual.MMMDCommaYYYYformat):null})})})},ct);case"transaction_type":return t.jsx(nt,{windowSize:u,wrapperWidth:Te.width,children:t.jsx(an,{windowSize:u,"data-testid":z("transaction-type-field",Et(S,Xe,d.toString())),isLastItem:Lt===ve.length-1,children:ie!=null?t.jsx($r,{textColor:f?new Ro(M.colors.primary):Tr(void 0,M),text:ie??B}):null})},ct);case"memo":return t.jsx(nt,{windowSize:u,wrapperWidth:Te.width,children:t.jsx(an,{style:{lineHeight:o.sp3},windowSize:u,isLastItem:Lt===ve.length-1,"data-testid":z("memo-field",Et(S,Xe,d.toString())),children:se!=null?t.jsx(we,{placement:"bottom",data:se,variant:"multi-information-points",children:t.jsx(im,{style:{color:f?M.colors.primary:M.colors.hero}})}):t.jsx(om,{children:On})})},ct);case"amount":{const dt=Je("0,0.[00]",i.amount,!0);return t.jsx(nt,{windowSize:u,style:{paddingRight:x[4]},wrapperWidth:Te.width,children:t.jsx(an,{windowSize:u,isLastItem:Lt===ve.length-1,children:t.jsx(To,{"data-testid":z("transaction-amount-field",Et(S,Xe,d.toString())),style:{color:f?M.colors.primary:M.colors.hero},children:dt})})},ct)}}})};return t.jsx(t.Fragment,{children:Sa(V)})},qi=({isEnabled:e,isReviewTab:n,isMisCategorized:c,hasRecommendations:r,isTooltipVisible:p=!1})=>e?n?p?t.jsx(rm,{}):t.jsx(sm,{}):p?t.jsx(am,{}):t.jsx(lm,{className:"ai-icon-selected-plain"}):!e&&c||r?p?t.jsx(dm,{}):t.jsx(cm,{}):null,Ki=({isFirstColumn:e,children:n})=>t.jsx(ba,{isFirstColumn:e,children:n}),ao=({recommendations:e,isCOTEnabled:n,type:c,isReviewTab:r,selectedValueLabel:p,isFirstColumn:h,isEnabled:i=!1,isMisCategorized:d=!1,selectedValue:l,existingOption:m,cotTracking:u,lineId:g,openTooltipId:f,transactionId:y,isAccountOptionDisabled:b,onRecommendationClick:S,setOpenTooltipId:k})=>{const C=s.useMemo(()=>`${y}:${g}:${c}`,[y,g,c]),L=f===C,j=Rr().analytics,{createAlternateRecommendationCallback:v}=Dr(),A=s.useCallback(q=>{const P=e[1],N=e[0];v(c,{currentValue:p??tn,transactionCurrentStatus:r?"pending_review":"auto_categorized",transactionPage:"list_page",cotTracking:u?{transactionId:y,lineId:g,onCOTView:(B,ie,U,re)=>{u.onCOTView?.(B,ie,U,re)}}:void 0},P,N)(q)},[v,e,p,r,c,u,g,y]),T=Or(e,c,n,m,"list_page",r?"pending_review":"auto_categorized",S,A,l,b),I=Mr(e,c),R=s.useCallback(()=>{k(C);const q=T?.recommendations[0]?.cot??[],P=T?.recommendations[1]?.cot??[],N=P.length>0;if(j.trackTransactionCotView({recommendationFor:c,currentValue:p??tn,recommendation:T?.recommendations[0]?.name??tn,recommendationCot:q,isRecommendationCotAvailable:q.length>0,recommendationReason:T?.recommendations[0]?.reason??tn,recommendationConfidencePercentage:T?.recommendations[0]?.confidencePercentage??null,recommendationConfidenceLevel:Yo(Xo(T?.recommendations[0]?.confidencePercentage).toLocaleLowerCase()),alternativeRecommendation:T?.recommendations[1]?.name??tn,alternativeRecommendationCot:P,isAlternativeRecommendationCotAvailable:N,alternativeRecommendationReason:T?.recommendations[1]?.reason??tn,alternativeRecommendationConfidencePercentage:T?.recommendations[1]?.confidencePercentage??null,alternativeRecommendationConfidenceLevel:N?Yo(Xo(T?.recommendations[1]?.confidencePercentage).toLocaleLowerCase()):null,transactionCurrentStatus:r?"pending_review":"auto_categorized",transactionPage:"list_page"}),u?.onCOTView!=null){const B=Fr(T);B!=null&&u.onCOTView(g,y,c,B)}},[j,T,r,p,c,g,y,C,k]),w=s.useCallback(()=>{f===C&&k(void 0)},[f,C,k]),D=s.useMemo(()=>!l||!I?!1:e.some(q=>c==="vendor"&&q.vendor!=null?q.vendor.id===l||q.vendor.qboId===l:c==="category"&&q.account!=null?q.account.qboId===l||q.account.accountId===l:c==="class"&&q.class!=null?q.class.classId===l:!1),[l,I,e,c]);if(!I)return t.jsx(ba,{isFirstColumn:h});const V=i||D;return T?t.jsx(Ki,{isFirstColumn:h,children:t.jsx(we,{variant:"chain-of-thought",data:T,placement:"bottom-start",disableIntersectionObserver:!0,position:"static",display:"block",open:L,style:{width:"auto",height:"auto"},leaveDelay:200,onOpen:R,onClose:w,children:t.jsx(um,{children:t.jsx(qi,{isEnabled:V,isReviewTab:r,isMisCategorized:d,hasRecommendations:I,isTooltipVisible:L})})})}):t.jsx(Ki,{isFirstColumn:h,children:t.jsx(qi,{isEnabled:V,isReviewTab:r,isMisCategorized:d,hasRecommendations:I,isTooltipVisible:L})})},wa=({isTransactionActivityEnabled:e})=>{const n=ke(),c=s.useRef(null),[r,p]=s.useState(0);s.useLayoutEffect(()=>{c.current&&p(c.current.offsetWidth)},[n]);const h=Ko(e);return t.jsx(Yp,{windowSize:n,ref:c,children:h.map((i,d)=>{const l=`${d}${qp}${i.key}`;switch(i.key){case"activity":return t.jsx(nt,{windowSize:n,wrapperWidth:i.width},l);case"vendor":return t.jsx(nt,{windowSize:n,wrapperWidth:i.width,children:t.jsx(an,{windowSize:n,isLastItem:d===h.length-1,children:t.jsxs(To,{children:[t.jsx(Mo,{width:x[4],height:x[4]}),t.jsx(Mt,{width:r*i.width.value(n)/100,height:x[4],style:{display:"flex",alignItems:"center"}})]})})},l);default:return t.jsx(nt,{windowSize:n,wrapperWidth:i.width,children:t.jsx(an,{windowSize:n,isLastItem:d===h.length-1,children:t.jsx(Mt,{width:r*i.width.value(n)/100,height:x[4],style:{display:"flex",alignItems:"center"}})})},l)}})})},Zp=a.div`
+  display: flex;
+  height: 100%;
+  flex: 1;
+  align-items: center;
+
+  &:hover .activity-log-icon {
+    visibility: visible;
+  }
+`,Yp=a.div`
+  display: flex;
+  background-color: ${e=>e.theme.colors.grey5};
+  padding-left: ${e=>jt.containerPaddingLeftRight.valuePx(e.windowSize)};
+  padding-right: ${e=>jt.containerPaddingLeftRight.valuePx(e.windowSize)};
+  padding-top: ${e=>jt.containerPaddingTopBottomEmpty.valuePx(e.windowSize)};
+  padding-bottom: ${e=>jt.containerPaddingTopBottomEmpty.valuePx(e.windowSize)};
+  border: ${e=>`1px solid ${e.theme.colors.grey3}`};
+  box-shadow: ${e=>`${o.sp0} 2px ${o.sp1} ${e.theme.colors.dropShadowNormal}`};
+  border-radius: ${o.sp2};
+  color: ${e=>e.theme.colors.hero};
+  cursor: pointer;
+  &:hover {
+    border-color: ${e=>e.theme.colors.primary};
+  }
+
+  box-sizing: border-box;
+  align-items: center;
+  justify-content: space-between;
+`,Xp=a.div`
+  display: flex;
+  height: 100%;
+  flex: 1;
+  background-color: ${e=>e.theme.colors.grey5};
+  border: ${e=>`1px solid ${e.theme.colors.grey3}`};
+  box-shadow: ${e=>`${o.sp0} 2px ${o.sp1} ${e.theme.colors.dropShadowNormal}`};
+  border-radius: ${o.sp2};
+  color: ${e=>e.theme.colors.hero};
+  border-color: ${e=>e.isSelected?e.theme.colors.primary:"none"};
+  cursor: pointer;
+  ${e=>e.isCompressedMode&&De`
+      padding-left: ${jt.containerPaddingLeftRight.valuePx(e.windowSize)};
+    `}
+  ${e=>!e.isCompressedMode&&De`
+      &:hover {
+        border-color: ${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:n})=>e?De`
+          .ai-icon-selected-plain {
+            color: ${n.colors.primary};
+          }
+        `:null};
+`,Qp=a.div`
+  display: flex;
+  flex: 1;
+  flex-direction: column;
+  width: 100%;
+  box-sizing: border-box;
+  align-items: center;
+  justify-content: space-around;
+`,em=a.div`
+  display: flex;
+  flex: 1;
+  flex-direction: row;
+  width: 100%;
+  align-items: center;
+  justify-content: space-between;
+  height: ${o.sp8};
+  padding-top: ${e=>jt.containerPaddingTopBottom.valuePx(e.windowSize)};
+  padding-bottom: ${e=>jt.containerPaddingTopBottom.valuePx(e.windowSize)};
+`,nt=a.div`
+  display: flex;
+  align-items: center;
+  flex-direction: row;
+  position: relative;
+  width: ${e=>`calc(${e.wrapperWidth.valuePercentage(e.windowSize)} - ${o.sp4})`};
+  min-width: ${e=>`calc(${e.wrapperWidth.valuePercentage(e.windowSize)} - ${o.sp4})`};
+  :last-of-type {
+    padding-right: ${o.sp0};
+  }
+`,tm=De`
+  word-break: break-word;
+  white-space: nowrap;
+  -webkit-line-clamp: 1;
+  -webkit-box-orient: vertical;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  display: -webkit-box;
+`,an=a(Be)`
+  overflow: hidden;
+  justify-content: ${e=>e.isLastItem?"flex-end":"flex-start"};
+  display: flex;
+  width: 100%;
+  align-items: center;
+`,To=a.div`
+  display: flex;
+  flex-direction: row;
+  column-gap: ${o.sp2};
+  align-items: center;
+`,nm=a(Be)`
+  ${tm};
+  color: ${e=>e.theme.colors.hero};
+`,ro=a(Be)`
+  color: ${e=>e.theme.colors.hero};
+`,lo=a(Hn)`
+  width: ${o.sp3};
+  height: ${o.sp3};
+  margin: ${o.sp1};
+`,om=a.div`
+  margin: ${o.sp3};
+`,im=a(Up)`
+  width: ${o.sp3};
+  height: ${o.sp3};
+  margin-left: 10px;
+`,sm=a(Pr)`
+  width: ${o.sp5};
+  height: ${o.sp5};
+`,am=a(tl)`
+  width: ${o.sp5};
+  height: ${o.sp5};
+`,rm=a(Br)`
+  width: ${o.sp5};
+  height: ${o.sp5};
+`,lm=a(nl)`
+  width: ${o.sp5};
+  height: ${o.sp5};
+`,cm=a(wn)`
+  width: ${o.sp3};
+  height: ${o.sp3};
+  path {
+    stroke-width: 2;
+  }
+`,dm=a(Nr)`
+  width: ${o.sp3};
+  height: ${o.sp3};
+`,ba=a.div`
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: ${o.sp5};
+  margin-left: ${e=>e.isFirstColumn?o.sp2:o.sp0};
+  height: 100%;
+`,um=a.div`
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: auto;
+  cursor: pointer;
+`,hm=a(Be)`
+  display: flex;
+  max-width: calc(100% - ${o.sp6});
+  flex: 1 1 auto;
+  color: ${e=>e.theme.colors.primary};
+  text-align: center;
+  align-items: center;
+  overflow: hidden;
+  display: flex;
+`,Ji=a.div`
+  display: flex;
+`,pm=a.div`
+  width: 100%;
+  padding-left: 10px;
+  margin-left: ${o.sp0};
+  border-radius: ${o.sp1};
+  background-color: ${e=>e.theme.colors.background};
+  display: flex;
+  align-items: center;
+  flex-direction: row;
+`,co=a.div`
+  padding: ${o.sp0} ${o.sp2};
+  border-radius: ${o.sp1};
+  margin-left: ${o.sp0};
+  width: 100%;
+  background-color: ${e=>e.isCompressedMode===!0?"transparent":e.isHovered?e.theme.colors.background:e.theme.colors.grey5};
+`,Gi=a.div`
+  width: 100%;
+  border-radius: ${o.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;
+`,mm=a(Be)``,gm=a.div`
+  width: 100%;
+  display: flex;
+  padding-left: ${o.sp0};
+`,uo=a.div`
+  width: 100%;
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  gap: ${o.sp2};
+  padding: ${o.sp2};
+  padding-left: ${o.sp2};
+  border-radius: ${o.sp1};
+  background-color: ${e=>e.isCompressedMode===!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};
+`,Zi=a.div``,ho=a.div`
+  display: flex;
+  align-items: center;
+  width: calc(100% - ${o.sp5});
+`,xm=a.div`
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  cursor: pointer;
+  visibility: hidden;
+  flex-shrink: 0;
+  margin-left: ${o.sp3};
+`,fm=a(Hp)`
+  width: ${o.sp3};
+  height: ${o.sp3};
+`,ym=({sortConfig:e,fetchState:n,isDisabled:c,isTransactionActivityEnabled:r,onColumnSortConfigChanged:p})=>{const h=ke();return t.jsxs(Cm,{windowSize:h,children:[t.jsx(ya,{isTransactionActivityEnabled:r,sortConfig:e,isDisabled:n==="In-Progress"?"readonly":c,onColumnSortConfigChanged:p,"data-testid":z("transaction-categorization-list-empty-table-header")}),t.jsx(wm,{windowSize:h,"data-testid":z("transaction-categorization-list-empty-rows-container"),children:[...Array(3)].map((i,d)=>t.jsx(wa,{isTransactionActivityEnabled:r,"data-testid":z("transaction-categorization-list-empty-row",d.toString())},d))})]})},Cm=a.div`
+  display: block;
+  min-height: 100%;
+  flex-direction: column;
+  width: 100%;
+  padding-left: ${o.sp8};
+  padding-right: ${o.sp8};
+`,wm=a.div`
+  display: flex;
+  flex: 1;
+  min-height: 100%;
+  flex-direction: column;
+  row-gap: ${o.sp3};
+`,{common:bm,transactionDetail:{notCategorizedTooltipText:vm}}=Ie.getLocalizedStrings(),po={rowGap:new Z(x[0],x[2],x[3])},Sm=({selectedTab:e,transactionView:n,receiptUploadEndpoint:c,authParams:r,sectionId:p,isCOTEnabled:h,isDisabled:i,vendorSearchAutoCompleteActions:d,isTransactionActivityEnabled:l,vendorSearchAutoCompleteData:m,setCurrentTransactionInAction:u,vendorLoadOptions:g,onTransactionCategorizationRowClick:f,onUpdateTransactionCategorizationUIState:y,onUpdateScrollYOffSetTransactionCategorizationUIState:b,onFetchTransactionCategorizationList:S,containerRef:k,cotTracking:C,isUncategorizedExpenseCategoryEnabled:L,setActivityLogTransactionId:j})=>{const v=ke(),A=Ft(),[T,I]=s.useState(void 0),{fetchState:R,uiState:w,transactionLocalData:D,selectedCheckBoxTransactionIds:V,transactionIdsWithUnsavedData:q,transactions:P,uncategorizedAccounts:N}=n,B=s.useRef(null),ie=s.useRef({}),{control:U}=Oo();s.useEffect(()=>{B.current?.resetAfterIndex(0,!0)},[v,B,D]),s.useEffect(()=>{B.current?.scrollTo(w.scrollPosition?.scrollTop??0)},[e]);const re=s.useCallback(F=>{if(ie.current?.[F]!=null){const ee=v==="small"&&w.pageToken==null&&F===D.length-1?po.rowGap.value("medium-regular"):po.rowGap.value(v);return ie.current[F]+ee}if(D[F]==null)return 0;const he=D[F].transactionReviewLocalData,te=Object.keys(he.lineItemById).length;return te!=null&&!isNaN(te)&&te>1?Hi*te+po.rowGap.value(v)*(te-1):Hi},[D,v,w.pageToken,w.sortKey,w.sortOrder]),oe=s.useCallback((F,he)=>{ie.current={...ie.current,[F]:he},B.current?.resetAfterIndex(0,!0)},[v,B,D,w.sortKey,w.sortOrder]),X=s.useCallback(()=>{(w.pageToken!=null&&n.refreshStatus.fetchState!=="In-Progress"||n.refreshStatus.fetchState==="Completed")&&S(e,w.searchString,!0,w.pageToken,!0,!1)},[n.refreshStatus.fetchState,S,e,w.pageToken,w.searchString,w.sortKey,w.sortOrder]),se=s.useCallback(()=>{w.pageToken!=null&&X()},[X,w.pageToken,w.sortKey,w.sortOrder]),ge=gr(F=>b(e,{scrollPosition:{scrollTop:F}}),1e3,{trailing:!0}),Y=F=>F<n.transactionLocalData.length,le=(F,he)=>{y(e,{sortOrder:he,sortKey:F}),S(e,w.searchString,!1,null,!1,!0)},K=F=>{if(e==="autoCategorized")return!V.includes(F);const he=D.find(ee=>ee.transactionId===F)?.transactionReviewLocalData,te=P.find(ee=>ee.id===F);return te!=null&&he!=null?Yr(te,he,N,L)?L===!0&&ti(N,he.lineItemById,["expense"])?q.includes(F)===!1:!1:!0:V.length===0?!0:!V.includes(F)};let M=[],O=[];(R==="Completed"||n.transactionLocalData.length>0)&&(O=n.transactionLocalData.map((F,he)=>{const te=K(F.transactionId);let ee=!1;L===!0&&te===!0&&e==="review"&&ti(N,F.transactionReviewLocalData.lineItemById,["expense"])&&(ee=!q.includes(F.transactionId));const xe=F.transactionReviewLocalData;return{label:t.jsx(Jp,{isTransactionActivityEnabled:l,transactionView:n,sectionId:`${p}.${he}.${Ca}`,transaction:F,receiptUploadEndpoint:c,authParams:r,onTransactionCategorizationRowClick:f,vendorLoadOptions:g,setCurrentTransactionInAction:u,vendorSearchAutoCompleteActions:d,vendorSearchAutoCompleteData:m,selectedTab:e,containerRef:k,listContainerRef:B,isCOTEnabled:h,cotTracking:C,openTooltipId:T,setOpenTooltipId:I,isUncategorizedExpenseCategoryEnabled:L,setActivityLogTransactionId:j},`${F.transactionId}.${xe.transactionType}`),value:F.transactionId,defaultChecked:!1,groupLabel:!1,isException:ee,exceptionMode:ee===!0?"checked_or_hover":void 0,isSticky:!0,isDisabled:te===!0?"readonly":void 0,exceptionType:ee===!0?"alert":void 0,exceptionInfo:ee===!0?vm:void 0,exceptionTooltipStyle:{textAlign:"center",maxWidth:"250px",padding:`12px ${o.sp2}`}}}),M=O.map(F=>F.value));const J={label:"All",value:"allTransactionOptionId",defaultChecked:!1,groupLabel:!1},{title:G,subTitle:W}=He("transaction_categorization").allDoneText,E=D.map(F=>F.transactionId),_=s.useMemo(()=>n.totalCountByTab[e],[e,n.totalCountByTab]),H=s.useMemo(()=>D.reduce((F,he)=>{const te=Object.keys(he.transactionReviewLocalData.lineItemById).length;return F+(te>0?te:1)},0)<n.totalCountByTab[e]?D.length+1:D.length,[D,n.totalCountByTab,e]);return t.jsx(Tm,{windowSize:v,"data-testid":z("transaction-categorization-list-wrapper"),children:t.jsx(Lm,{windowSize:v,"data-testid":z("transaction-categorization-list-container"),children:R==="Error"?t.jsxs(Em,{windowSize:v,"data-testid":z("transaction-categorization-reload-page"),children:[t.jsx(Rm,{onClick:()=>S(e,void 0,!0,null,!1,!0),"data-testid":z("transaction-categorization-reload-icon"),children:t.jsx(Lo,{})}),t.jsx(Dm,{"data-testid":z("transaction-categorization-reload-label"),children:bm.reloadPage.label})]}):R==="Completed"&&D.length===0?t.jsx(St,{tab:"transaction_categorization",title:G,subTitle:W,"data-testid":z("transaction-categorization-empty-table-section")}):R==="Not-Started"||R==="In-Progress"&&D.length===0?t.jsx(ym,{sortConfig:{sortKey:w.sortKey,sortOrder:w.sortOrder},fetchState:R,onColumnSortConfigChanged:le,"data-testid":z("transaction-categorization-list-empty-table"),isTransactionActivityEnabled:l}):t.jsx(Am,{windowSize:v,"data-testid":z("transaction-categorization-list-view"),children:t.jsx(ks,{control:U,name:"selectedTransactionIds",defaultValue:[],render:({field:{value:F,ref:he,onChange:te}})=>t.jsx(va.Provider,{value:{value:F,mode:"off",allCheckBoxValues:M,index:0,isCompressedMode:A,sortKey:w.sortKey,sortOrder:w.sortOrder,fetchState:R,isDisabled:i,groupLabelCheckBox:J,isTransactionActivityEnabled:l,onColumnSortConfigChanged:le,ref:he,onChange:te,selectedTab:e},children:t.jsx(Pn,{children:({height:ee,width:xe})=>t.jsx(xr,{isItemLoaded:Y,itemCount:_,loadMoreItems:se,children:({onItemsRendered:$e,ref:$})=>t.jsx(Nn,{ref:ne=>{$(ne),B.current=ne},height:ee,itemCount:H,itemKey:ne=>`${D[ne]?.transactionId??""}-row-${ne}`,innerElementType:jm,onItemsRendered:$e,width:xe,style:{willChange:"auto"},overscanCount:fp,itemSize:re,itemData:{checkboxes:O,value:F,allCheckBoxValues:M,groupLabelCheckBox:J,categorizationGroupValue:E,transactionLocalData:D,isCompressedMode:A,mode:"always_on",setRowHeight:oe,isItemLoaded:Y,ref:$,onChange:te,selectedCheckBoxTransactionIds:V,isTransactionActivityEnabled:l},initialScrollOffset:n.uiState.scrollPosition?.scrollTop,onScroll:({scrollOffset:ne})=>{ge(ne)},children:Im})})})})})})})})},jm=e=>{const{isCompressedMode:n,value:c,allCheckBoxValues:r,groupLabelCheckBox:p,index:h,isDisabled:i,fetchState:d,sortKey:l,sortOrder:m,mode:u,isTransactionActivityEnabled:g,ref:f,onChange:y,onColumnSortConfigChanged:b}=km(),{children:S,style:k,...C}=e;return d==="Completed"?t.jsxs(Om,{ref:f,style:{...k,width:"auto",maxWidth:"var(--side-panel-list-width, 100%)"},...C,children:[t.jsx(Mm,{children:t.jsx(Es,{selectionLimit:yn,value:c,checkBox:{label:t.jsx($m,{isCompressedMode:n,children:t.jsx(ya,{isTransactionActivityEnabled:g,sortConfig:{sortKey:l,sortOrder:m},isDisabled:i,onColumnSortConfigChanged:b})}),value:"allTransactionOptionId",defaultChecked:!1,groupLabel:!1},isDisabled:"disabled",groupLabelCheckBox:p,allCheckBoxValues:r,mode:n?"off":u,draggable:!1,checkBoxStyle:n?{display:"none"}:{padding:20},labelCheckBoxStyle:{padding:o.sp3},name:"transactionCategorizationHeader",index:h,onChangeHandler:L=>Rs({event:L,value:c,allCheckBoxValues:r,groupLabelCheckBox:p,onChange:y}),ref:f})}),t.jsx(Fm,{children:S})]},`${r[h]}-${h}`):null},va=s.createContext(void 0),km=()=>{const e=s.useContext(va);if(!e)throw new Error("useStickyContext must be used within a StickyProvider");return e},Im=({index:e,style:n,data:c})=>{const{selectedTransactionId:r}=Do(),{checkboxes:p,value:h,groupLabelCheckBox:i,categorizationGroupValue:d,allCheckBoxValues:l,transactionLocalData:m,isCompressedMode:u,isItemLoaded:g,setRowHeight:f,ref:y,onChange:b,selectedCheckBoxTransactionIds:S,isTransactionActivityEnabled:k}=c,C=s.useRef(null),L=ke();if(s.useEffect(()=>{C.current?.firstElementChild!=null&&f(e,C.current.firstElementChild.clientHeight)},[e,C,L,m[e]?.transactionReviewLocalData]),g(e)===!0){const j=p[e],v=r!=null&&r===d[e];return t.jsx(Yi,{isPanelSelected:v,isCompressedMode:u,style:{...n,paddingBottom:o.sp0,width:"100%",flex:"1"},ref:C,children:t.jsx(Es,{selectionLimit:yn,checkBox:u===!0?{...j,isException:!1}:j,value:h,groupLabelCheckBox:i,allCheckBoxValues:l,mode:u===!0||j.isDisabled==="readonly"||S.includes(j.value)===!1&&S.length>=yn?"off":"always_on",draggable:!1,isDisabled:j.isDisabled,checkBoxStyle:u===!0?{display:"none"}:{padding:20},labelCheckBoxStyle:{padding:o.sp3},infoIconContainerStyle:u===!0?{display:"none"}:{padding:20},name:`${Kt}.${h}`,ref:y,index:e,onChangeHandler:A=>Rs({event:A,value:h,allCheckBoxValues:l,groupLabelCheckBox:i,onChange:b})})},d[e])}else return t.jsx(Yi,{isCompressedMode:u,style:{...n,paddingBottom:o.sp0,width:"100%",flex:"1"},ref:C,children:t.jsx(zm,{children:t.jsx(wa,{isTransactionActivityEnabled:k})})},xs())},$m=a.div`
+  flex: 1;
+  width: auto;
+  padding-left: ${({isCompressedMode:e})=>e===!0?o.sp8:o.sp0};
+  padding-right: ${({isCompressedMode:e})=>e===!0?o.sp0:o.sp8};
+`,Tm=a.div`
+  width: 100%;
+  height: 100%;
+  background-color: ${e=>e.theme.colors.grey4};
+`,Lm=a.div`
+  height: 100%;
+`,Am=a.div`
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+  max-width: 99.9%;
+`,Em=a.div`
+  display: flex;
+  width: 100%;
+  height: ${e=>`calc(100% - ${js.valuePx(e.windowSize)})`};
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+`,Rm=a.div`
+  height: 96px;
+  width: 96px;
+  background: ${e=>e.theme.colors.background};
+  border-radius: 50%;
+  cursor: pointer;
+  & svg {
+    margin: ${o.sp5};
+    color: ${e=>e.theme.colors.grey1};
+  }
+  &:hover {
+    & svg {
+      color: ${e=>e.theme.colors.primary};
+    }
+  }
+`,Dm=a(It)`
+  margin-top: ${o.sp3};
+  color: ${e=>e.theme.colors.hero};
+`,Yi=a.div`
+  top: ${o.sp0};
+  left: ${o.sp0};
+  padding-bottom: ${o.sp3};
+  padding-left: ${({isCompressedMode:e})=>e===!0?o.sp8:o.sp0};
+  padding-right: ${({isCompressedMode:e})=>e===!0?o.sp0:o.sp8};
+  box-sizing: border-box;
+  ${e=>e.isPanelSelected===!0&&De`
+      .categorization-row-card {
+        ${_o(e.theme)}
+      }
+    `}
+`,Om=a.div`
+  background-color: ${e=>e.theme.colors.grey4};
+`,Mm=a.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};
+`,Fm=a.div`
+  position: relative;
+  width: auto;
+  height: 100%;
+`,zm=a.div`
+  padding-left: ${o.sp8};
+`,_m=({selectedTab:e,transactionView:n,receiptUploadEndpoint:c,authParams:r,sectionId:p,vendorSearchAutoCompleteData:h,vendorSearchAutoCompleteActions:i,isCOTEnabled:d,isTransactionActivityEnabled:l,setCurrentFooterFormId:m,setLocalDataForCategoryAndClass:u,onTransactionCategorizationRowClick:g,onUpdateTransactionCategorizationUIState:f,onUpdateScrollYOffSetTransactionCategorizationUIState:y,onFetchTransactionCategorizationList:b,onSaveUpdateTransactionCategorization:S,onUpdateSelectedCheckboxTransactionIds:k,onFetchRecommendationsForEntityCategorization:C,onFetchRecommendationsForEntityCategorizationWithCustomer:L,setActivityLogTransactionId:j})=>{const[v,A]=s.useState({transactionId:void 0,lineItemId:void 0}),T=s.useRef(),I=s.useRef({}),{useDynamicConfig:R}=ws(),{configValue:w}=R(bs.enableUncategorizedExpenseCategory),D=w?.uncategorized_expense_category_enabled===!0,V=(K,M,O,J)=>{const G={...I.current};G[M]==null&&(G[M]=[]);let W=G[M].findIndex(E=>E.lineId===K);if(W===-1){const E={lineId:K,category:{recommendationTypesViewed:[]},class:{recommendationTypesViewed:[]},vendor:{recommendationTypesViewed:[]}};G[M].push(E),W=G[M].length-1}else{const E=G[M][W];G[M][W]={...E,category:{...E.category,recommendationTypesViewed:[...E.category.recommendationTypesViewed]},class:{...E.class,recommendationTypesViewed:[...E.class.recommendationTypesViewed]},vendor:{...E.vendor,recommendationTypesViewed:[...E.vendor.recommendationTypesViewed]}}}J!=null&&J!==""&&!G[M][W][O].recommendationTypesViewed.includes(J)&&G[M][W][O].recommendationTypesViewed.push(J),I.current=G},{transactions:q,transactionLocalData:P,accountsHierarchyList:N,classHierarchyList:B,accountList:ie,classList:U,selectedCheckBoxTransactionIds:re,uncategorizedAccounts:oe}=n,X=Jt({mode:"all",reValidateMode:"onChange",defaultValues:s.useMemo(()=>Qi(re,P,N,B,h.entityAutoCompleteView),[N,B,re,P,h.entityAutoCompleteView]),values:s.useMemo(()=>Qi(re,P,N,B,h.entityAutoCompleteView),[N,B,re,P,h.entityAutoCompleteView]),resetOptions:{keepDefaultValues:!0,keepDirty:!1}});s.useEffect(()=>()=>{m("expenseAutomationPage")},[]),s.useEffect(()=>{re.length>0?m(so):m("expenseAutomationPage")},[re,m]);const se=X.handleSubmit(K=>{const M=K[Bn],O=I.current;S(e,M,O),M.forEach(J=>{delete I.current[J]})}),ge=async(K,M)=>{if(K!=null){if(K===Bn){const O=X.getValues(Bn);if(O.length<re.length){k(e,O);return}if(O.length===yn){k(e,O);return}const J=O[O.length-1],G=M[Kt].findIndex(E=>E.transactionId===J),W=X.getValues(`${Kt}.${G}.lineInfo`);if(W!=null){let E=!1;if(W.every(_=>(E=hn(oe,_[Re].selectedOption,D?["income"]:void 0),!!_[Re].selectedOption&&_[Re].selectedOption!=null&&!E&&!!_[Xe].selectedOption&&!!_[rt].selectedOption))===!0){k(e,O);return}else{const _=O.filter(H=>H!==J);k(e,_);return}}return}if(K.includes(Re)===!0||K.includes(Xe)===!0){const O=parseInt(K.split(".")[1]),J=parseInt(K.split(".")[3]),G=X.getValues(`${Kt}.${O}.lineInfo`),W=G[J];if(K.includes(Re)||K.includes(Xe)){const{transactionId:E,lineId:_,recommendations:H}=W;if(G!=null){const F=W[Re].selectedOption,he=W[Xe].selectedOption,te=W[rt].selectedOption,ee=W[rt].selectedOption,xe=W[rt].defaultOptions,$e=xe?.find(de=>de.options?.find(_e=>_e.value===te))?.options?.find(de=>de.value===te)?.label,$=xe?.find(de=>de.options?.find(_e=>_e.value===ee))?.options?.find(de=>de.value===ee)?.label,ne=h.entityAutoCompleteView.vendor.find(de=>de.qboId===te),be=h.entityAutoCompleteView.customer.find(de=>de.qboId===ee),Le=H.find(de=>de.vendor?.qboId===te)?.vendor,Pe=te||ne?.qboId||Le?.qboId?{id:te??ne?.qboId??Le?.qboId??"",name:$e??ne?.name??Le?.name??"",logo:ne?.logo??Le?.logo}:void 0,Ne=ee||be?.qboId?{id:ee??be?.qboId??"",name:$??be?.name??"",logo:be?.logo}:void 0,ye=ie.find(de=>de.qboId===F),et=U.find(de=>de.classId===he),Ge=n.transactionLocalData.find(de=>de.transactionId===E)?.transactionReviewLocalData.lineItemById[_].account,Ze=n.transactionLocalData.find(de=>de.transactionId===E)?.transactionReviewLocalData.lineItemById[_].class;u(e,E,_,q,Pe?.id,Ne?.id,K.includes(Re)&&ye!=null?{...ye,isPreFilled:!1}:Ge,K.includes(Xe)&&et!=null?{...et,isPreFilled:!1}:Ze,void 0,H,D)}return}}if(K.includes(rt)){const O=parseInt(K.split(".")[1]),J=parseInt(K.split(".")[3]),G=X.getValues(`${Kt}.${O}.lineInfo`);if(G!=null){const W=G[J],{transactionId:E,recommendations:_}=W,H=W[rt].selectedOption,F=W[rt].selectedOption,he=W[rt].defaultOptions,te=he?.flatMap(ye=>ye.options)?.find(ye=>ye.value===H)?.label,ee=he?.flatMap(ye=>ye.options)?.find(ye=>ye.value===F)?.label,xe=h.entityAutoCompleteView.vendor.find(ye=>ye.qboId===H),$e=h.entityAutoCompleteView.customer.find(ye=>ye.qboId===F),$=_.find(ye=>ye.vendor?.qboId===H)?.vendor,ne=H!==""&&H!=null?H:te!==""&&te!=null?te:"",be=(xe?.qboId!=null&&xe.qboId!==""?xe.qboId:null)??($?.qboId!=null&&$.qboId!==""?$.qboId:null)??(H!=null&&H!==""?H:null),Le={id:be??te??"",name:te??xe?.name??$?.name??"",logo:xe?.logo??$?.logo},Pe=$e?.qboId!=null&&$e.qboId!==""?{id:$e.qboId??F??"",name:ee??$e.name??"",logo:$e.logo}:void 0,Ne=q.find(ye=>ye.id===E);if(Ne!=null){const ye=n.transactionLocalData.find(_e=>_e.transactionId===Ne.id)?.transactionReviewLocalData,et=ye?.lineItemById[W.lineId],Ge=Wt(Ne)===!0?ye?.selectedEntity:et?.selectedEntityLine,Ze=Pe?.id!=null&&Pe.id!==""?{id:Pe.id,name:Pe.name,type:"customer",qboId:Pe.id,zeniId:Pe.id,logo:Pe.logo}:Le.id!==""&&Le.id!=null?{id:ne,name:te??ne,type:"vendor",qboId:ne,zeniId:ne,logo:Le.logo,isPreFilled:Ge?.id===be&&Ge?.isPreFilled}:void 0,de={transactionId:{id:Ne.id,type:Ne.type},transaction:Ne,lineIds:Ne.type!=="journal_entry"?Ne.lines?.map(_e=>_e.id)??[]:[W.lineId]};Ze?.type==="customer"?L(W.amount.amount,de,!1,e,Ze,Pe,D):C(W.amount.amount,de,!1,e,Ze,Le,D)}}i.onCancelAutoComplete?.();return}}};s.useEffect(()=>{const K=X.watch((M,{name:O})=>{O!=null&&M!=null&&Cn(()=>ge(O,M))});return()=>{K.unsubscribe()}}),s.useEffect(()=>{if(h.entityAutoCompleteView.fetchState==="Completed"){const K=n.transactionLocalData.find(M=>M.transactionId===v.transactionId);if(K){const{transactionReviewLocalData:M}=K,{selectedEntity:O}=M,J=v?.lineItemId??M.sortedLineItems[0],G=M.lineItemById[J],W=G.selectedEntityLine;T.current?.(Ao(h.entityAutoCompleteView,O??W,G?.recommendationsWithCOT??[]))}A({transactionId:void 0,lineItemId:void 0})}},[h.entityAutoCompleteView.fetchState]);const Y=(K,M)=>{i.onAutoCompleteInputChange?.(K),T.current=M},le=s.useRef(null);return t.jsx(Pm,{ref:le,"data-testid":z("transaction-categorization-list-page"),children:t.jsx(Gt,{...X,children:t.jsx("form",{id:Xi(so),onSubmit:se,style:{height:"100%",width:"100%"},"data-testid":z(Xi(so)),children:t.jsx(Sm,{isTransactionActivityEnabled:l,selectedTab:e,sectionId:p,transactionView:n,receiptUploadEndpoint:c,authParams:r,setCurrentTransactionInAction:A,onUpdateTransactionCategorizationUIState:f,onUpdateScrollYOffSetTransactionCategorizationUIState:y,onFetchTransactionCategorizationList:b,onTransactionCategorizationRowClick:g,vendorLoadOptions:Y,vendorSearchAutoCompleteData:h,vendorSearchAutoCompleteActions:i,containerRef:le,isCOTEnabled:d,cotTracking:{onCOTView:V},isUncategorizedExpenseCategoryEnabled:D,setActivityLogTransactionId:j})})})})},Xi=e=>`${e}_form`,Qi=(e,n,c,r,p)=>({[Kt]:n.map(h=>Bm(h.transactionId,h.transactionReviewLocalData,c,r,p)),[Bn]:e}),Bm=(e,n,c,r,p)=>{const{lineItemById:h,sortedLineItems:i,selectedEntity:d}=n,l=Object.values(h).sort((u,g)=>i.indexOf(u.lineId)-i.indexOf(g.lineId)),m=l[0]?.lineId;return{[Ca]:l.map(u=>{const g=u.account?.qboId??u.account?.accountId,f=u.class?.classId,y=u.selectedEntityLine;return{id:u.id,transactionId:u.transactionId,type:u.type,amount:u.amount,lineDetailType:u.lineDetailType,platformLineDetailType:u.platformLineDetailType,lineTransactionType:u.lineTransactionType,postingType:u.postingType,postingTypeName:u.postingTypeName,customer:u.customer,vendor:u.vendor,billable:u.billable,item:u.item,isCategoryMiscategorized:u.isCategoryMiscategorized,isClassMiscategorized:u.isClassMiscategorized,lineId:u.id,[Re]:{selectedOption:g,allOptions:As(c,u.recommendationsWithCOT)},[Xe]:{selectedOption:f,allOptions:Ls(r,u.recommendationsWithCOT)},[rt]:{selectedOption:d?.id??y?.id??d?.name??y?.name,defaultOptions:Ao(p,d??y,n.lineItemById[m]?.recommendationsWithCOT??[])},[Pp]:u.lineEntity,[Np]:u.recommendationsWithCOT??[]}}),transactionId:e,[Vp]:n.vendorDetails!=null&&n.vendorDetails.id!=null?{id:n.vendorDetails.id,qboId:n.vendorDetails.qboId,name:n.vendorDetails.name}:void 0,[Wp]:n.customerDetails!=null&&n.customerDetails.id!=null?{id:n.customerDetails.id,qboId:n.customerDetails.qboId,name:n.customerDetails.name}:void 0}},Pm=a.div`
+  display: flex;
+  min-height: 100%;
+  width: 100%;
+  height: 100%;
+  flex-direction: column;
+  background-color: ${e=>e.theme.colors.grey4};
+  z-index: 2;
+`,es={subSectionContainerLeftRightPadding:new Z(x[3],x[6],x[8])},Nm=a.div`
+  width: 100%;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  flex: 1;
+  background: ${e=>e.theme.colors.grey4};
+  box-sizing: border-box;
+`,Vm=a.div`
+  display: flex;
+  flex-direction: column;
+  width: 100%;
+`,Wm=e=>{const{currentFooterFormId:n,onJeAccountSettingsChange:c,onSaveJeAccountSettingsClick:r,setResetJeAccountSettingsForm:p,expenseAutomationViewSelector:h,isTransactionActivityEnabled:i,authParams:d,receiptUploadEndpoint:l,companyId:m,vendorSearchAutoCompleteActions:u,vendorSearchAutoCompleteData:g,enableMonthEndInsightsZeniGPTFeature:f,monthEndInsightsPreviewMode:y,monthEndInsightsCustomerRequestData:b,allThreadsSectionOpen:S,loggedInUser:k,isCOTEnabled:C,setCurrentFooterFormId:L,onFetchRecommendationsForEntityCategorization:j,onFetchRecommendationsForEntityCategorizationWithCustomer:v,onTransactionCategorizationRowClick:A,onFetchMissingReceiptsList:T,onMissingReceiptsRowClick:I,onUploadReceiptAttachment:R,onUploadReceiptComplete:w,onUploadReceiptFetchStatus:D,onReconTabColumnSortConfigChanged:V,onReloadReconciliationListPage:q,onUpdateReconcileTabLocalData:P,onUpdateMissingReceiptsUIState:N,onFetchTransactionCategorizationList:B,onUpdateTransactionCategorizationUIState:ie,onUpdateScrollYOffSetTransactionCategorizationUIState:U,handleJeScheduleClick:re,ignoreRecommendedJeSchedule:oe,onJESchedulesFormDataChange:X,onPostJESchedule:se,setLocalDataForCategoryAndClass:ge,resetTransactionCategorizationLocalData:Y,updateSelectedVendorForTransaction:le,onSaveUpdateTransactionCategorization:K,onUpdateSelectedCheckboxTransactionIds:M,improveMonthEndInsightsUsingZeniGPTClick:O,onRemoveFileAttachment:J,onUpdateFileAttachment:G,onCloseAllThreadsSection:W,onEditMonthEndInsightsClick:E,previewMonthEndReport:_,saveMonthEndReport:H,onOpenFileAttachmentSnackBar:F,onCloseFileAttachmentSnackBar:he,onClickCustomerRequest:te,sendMonthEndReport:ee,markAsReview:xe,onReloadPage:$e,updateOperatingExpensesIdsForReview:$,onFetchReimbursementView:ne,updateSectionIdsForReview:be,onUpdateFluxAnalysisUIState:Le,fetchFluxViewOnScroll:Pe,onFetchFluxViewList:Ne,setIsJeAccountSettingsOpened:ye,onReviewClicked:et,setOpenDrawerClicked:Ge,onEstablishConnectionClick:Ze,onFetchLinkTokenClick:de,updateReconReviewTabLocalData:_e,onReconReviewTabColumnSortConfigChanged:xt,onSaveReconciliation:$t,onSaveReconciliationReview:Tt,onReconMatchedTransactionClick:ft,onAddStatementClick:Oe,redirectToVendorDetailPage:ue,setActivityLogTransactionId:Se}=e,{currentSelectedView:pe,missingReceipts:st,transactionView:lt,selectedPeriod:je,monthEndInsights:Ue,selectedTransactionCategorizationTab:ln,reconciliation:Zt}=h;switch(pe){case"transaction_categorization":return lt.fetchState==="Completed"&&lt.transactionLocalData.length===0?t.jsx(St,{tab:pe,title:He(pe).allDoneText.title,subTitle:He(pe).allDoneText.subTitle}):t.jsx(_m,{setCurrentFooterFormId:L,selectedPeriod:je,selectedTab:ln,sectionId:Kt,transactionView:lt,receiptUploadEndpoint:l,authParams:d,isTransactionActivityEnabled:i,onUpdateTransactionCategorizationUIState:ie,onUpdateScrollYOffSetTransactionCategorizationUIState:U,onFetchTransactionCategorizationList:B,onTransactionCategorizationRowClick:A,setLocalDataForCategoryAndClass:ge,resetTransactionCategorizationLocalData:Y,updateSelectedVendorForTransaction:le,onSaveUpdateTransactionCategorization:K,onUpdateSelectedCheckboxTransactionIds:M,vendorSearchAutoCompleteActions:u,vendorSearchAutoCompleteData:g,onFetchRecommendationsForEntityCategorization:j,onFetchRecommendationsForEntityCategorizationWithCustomer:v,isCOTEnabled:C,setActivityLogTransactionId:Se});case"je_schedules":return t.jsx(oh,{setIsJeAccountSettingsOpened:ye,expenseAutomationViewSelector:h,setResetJeAccountSettingsForm:p,currentFooterFormId:n,onJeAccountSettingsChange:c,onSaveJeAccountSettingsClick:r,setCurrentFooterFormId:L,handleJeScheduleClick:re,ignoreRecommendedJeSchedule:oe,onJESchedulesFormDataChange:X,onPostJESchedule:se,vendorSearchAutoCompleteActions:u,vendorSearchAutoCompleteData:g});case"missing_receipts":return st.fetchState==="Completed"&&st.transactions.length===0?t.jsx(St,{tab:pe,title:He(pe).allDoneText.title,subTitle:He(pe).allDoneText.subTitle}):t.jsx(Vh,{onUpdateMissingReceiptsUIState:N,onFetchMissingReceiptsList:T,missingReceipts:st,receiptUploadEndpoint:l,authParams:d,selectedPeriod:je,onMissingReceiptsRowClick:I,onUploadReceiptComplete:w,onUploadReceiptFetchStatus:D,onUploadReceiptAttachment:R});case"month_end_insights":if(Ue!=null&&h.monthEndCloseChecksView.monthEndCloseChecks!=null){if(Ue.fetchState==="Not-Started"||Ue.fetchState==="In-Progress"||Ue.companyMonthEndReportTemplatesData.fetchState==="Not-Started"||Ue.companyMonthEndReportTemplatesData.fetchState==="In-Progress")return t.jsx(Ea,{fetchState:"In-Progress"});{const _t={application:"cockpit",companyId:m,entityId:m,tab:"expense_automation",isGlobalComment:!1,entityType:"expense_automation.monthEndEmail",companyName:Ue.companyName,url:window.location.href},{url:cn,...tt}=_t,Yt={...tt};return t.jsx(Vm,{children:t.jsx(xp,{allThreadsSectionOpen:S,customerRequestData:b,companyId:m,enableZeniGPTFeature:f,filterMetaData:Yt,selectedPeriod:h.selectedPeriod,improveUsingZeniGPTClick:O,isZeniUser:k?.userEmail?.includes("zeni.ai")??!1,monthEndReportView:Ue,newThreadMetadata:_t,onClickCustomerRequest:te,onCloseAllThreadsSection:W,onCloseFileAttachmentSnackBar:he,onOpenFileAttachmentSnackBar:F,onRemoveFileAttachment:J,onUpdateFileAttachment:G,previewMode:y,previewMonthEndReport:_,saveMonthEndReport:H,onEditClick:E,sendMonthEndReport:ee})})}}else return null;case"flux_analysis":return h.fluxAnalysis.fetchStatus.fetchState==="Completed"&&h.fluxAnalysis.sections.generalExpense.vendors.length===0&&h.fluxAnalysis.sections.reimbursement.vendors.length===0?t.jsx(St,{tab:pe,title:He(pe).allDoneText.title,subTitle:He(pe).allDoneText.subTitle}):t.jsx(Du,{fluxAnalysis:h.fluxAnalysis,selectedPeriod:h.selectedPeriod,markAsReview:xe,onReloadPage:$e,updateOperatingExpensesIdsForReview:$,updateSectionIdsForReview:be,onUpdateFluxAnalysisUIState:Le,setCurrentFooterFormId:L,fetchFluxViewOnScroll:Pe,onFetchFluxViewList:Ne,onFetchReimbursementView:ne,redirectToVendorDetailPage:ue});case"reconciliation":return t.jsx(fu,{onReloadReconciliationListPage:q,currentFooterFormId:n,reconciliation:Zt,companyId:m,vendorSearchAutoCompleteActions:u,vendorSearchAutoCompleteData:g,onReviewClicked:et,setOpenDrawerClicked:Ge,setCurrentFooterFormId:L,onReconTabColumnSortConfigChanged:V,onUpdateReconcileTabLocalData:P,onEstablishConnectionClick:Ze,onFetchLinkTokenClick:de,updateReconReviewTabLocalData:_e,onReconReviewTabColumnSortConfigChanged:xt,onSaveReconciliation:$t,onSaveReconciliationReview:Tt,onReconMatchedTransactionClick:ft,onAddStatementClick:Oe});default:return t.jsx(St,{tab:pe,title:He(pe).allDoneText.title,subTitle:He(pe).allDoneText.subTitle})}};function Hm(e){const n=ke(),{currentSelectedView:c}=e.expenseAutomationViewSelector,r=e.expenseAutomationViewSelector.currentSelectedView==="transaction_categorization",p=e.expenseAutomationViewSelector.currentSelectedView!=="month_end_insights"&&e.expenseAutomationViewSelector.currentSelectedView!=="flux_analysis";return t.jsx(Nm,{windowSize:n,style:{...p===!0?{paddingLeft:es.subSectionContainerLeftRightPadding.value(n),paddingRight:es.subSectionContainerLeftRightPadding.value(n)}:{paddingLeft:x[0],paddingRight:x[0]},...r===!0||c==="reconciliation"?{paddingLeft:x[0],paddingRight:x[0]}:{}},children:t.jsx(Wm,{...e})})}const Um=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"})),qm=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"})),Km=a.div`
+  width: 100%;
+  height: 100vh;
+  display: flex;
+  flex-direction: column;
+  background: ${e=>e.theme.colors.grey4};
+  box-shadow: ${e=>e.theme.colors.elevation1};
+`,Jm=a.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: ${o.sp0};
+  }
+`,ts=a(Aa)`
+  height: ${o.sp3};
+  width: ${o.sp3};
+  cursor: pointer;
+  color: inherit;
+`,ns=a(Um)`
+  height: ${o.sp3};
+  width: ${o.sp3};
+  cursor: pointer;
+  color: inherit;
+`,{common:{footer:Me,texts:{maxLimitReached:Gm,confirmAction:Zm},headers:Ym,create:Xm,strings:mn,texts:rn,cancel:Qm,confirm:e1,monthsByIndex:t1},dateFormat:{visual:{MMMDCommaYYYYformat:os}},expenseAutomation:gn}=Ie.getLocalizedStrings(),_1=e=>{const{expenseAutomationViewSelector:n,isDisabled:c,isRealtimeInsightsFeatureEnabled:r,isUncategorizedExpenseCategoryEnabled:p,isCOTEnabled:h,onUpdateTab:i,onReconTabUpdate:d,onUpdateStep:l,onSearchTextChanged:m,onRefresh:u,onClose:g,onBack:f,resetTransactionCategorizationLocalData:y,updateOperatingExpensesIdsForReview:b,clearJeScheduleLocalData:S,onSaveReconciliation:k}=e,{currentSelectedView:C,allSteps:L,missingReceipts:j,jeSchedules:v,fluxAnalysis:A,monthEndInsights:T,transactionView:I,selectedTransactionCategorizationTab:R,reconciliation:w,selectedPeriod:D}=n,[V,q]=s.useState("expenseAutomationPage"),[P,N]=s.useState(()=>{}),[B,ie]=s.useState(!1),U=ke(),re=!!e.loggedInUser?.userEmail?.includes("zeni.ai"),oe=re?rs:ls,{openThread:X,setOpenThread:se}=s.useContext(oe),[ge,Y]=s.useState(!1),[le,K]=s.useState(!1),M=L.find(ue=>ue.step===C),{nextStep:O,previousStep:J}=i1(L,C),{uiState:{searchString:G,pageToken:W},totalCountByTab:E,transactions:_,fetchStateByTransactionTabs:H,transactionLocalData:F}=I,{selectedReconAccount:he,reconciliationTabsState:{reconcile:{localData:{selectedTransactionIds:te}}}}=w;let ee="Not-Started",xe="complete";switch(C){case"missing_receipts":ee=j.refreshStatus.fetchState,xe=j.completionStatus;break;case"je_schedules":ee=v.refreshStatus.fetchState,xe=v.completionStatus;break;case"month_end_insights":T!=null&&(ee=T?.fetchState);break;case"flux_analysis":ee=A.refreshStatus.fetchState,xe=A.completionStatus;break;case"transaction_categorization":ee=I.refreshStatus.fetchState,xe=I.completionStatus;break;case"reconciliation":he==null?(ee=w.refreshStatus.fetchState,xe=w.completionStatus):(ee=w.selectedReconAccount?.refreshStatus.fetchState??"Not-Started",xe=w.completionStatus)}const $e=()=>{P()},{saveStatus:$,selectedCheckBoxTransactionIds:ne}=I,be=()=>{const ue=oa(n.fluxAnalysis.sections,n.fluxAnalysis.reviewOperatingExpensesIds),Se=Gn(),{month:pe,year:st}=D,lt=Gn().set("month",pe-1).set("year",st).endOf("month");switch(V){case"expenseAutomationFluxPage":return{formId:"expenseAutomationFluxPage",isNextDisabled:!1,isPrevDisabled:!1,primaryBtn:{label:ue===!0?Me.markAsReviewed:rn.undo,style:{justifyContent:"space-evenly"},isLoading:n.fluxAnalysis.bulkReviewStatus.fetchState==="In-Progress",isDisabled:!1},leftSideComponent:mo(n.fluxAnalysis.reviewOperatingExpensesIds.length,Vs,U,rn.vendor,C),cancelBtn:{label:Me.cancel,style:{width:"96px",justifyContent:"space-evenly"},onClick:()=>{b([])}}};case"expenseAutomationTransactionsPage":return{formId:"expenseAutomationTransactionsPage",isNextDisabled:!1,isPrevDisabled:!1,primaryBtn:{label:Me.save,style:{minWidth:"96px",justifyContent:"space-evenly"},isLoading:$.fetchState==="In-Progress",isDisabled:!1},leftSideComponent:mo(ne.length,yn,U,rn.transaction,C),cancelBtn:{label:Me.cancel,style:{width:"96px",justifyContent:"space-evenly"},onClick:()=>{y(R,_.map(je=>je.id),D,!1,E[R],Qo(F,R),p,W)}}};case"expenseAutomationJESchedulePage":return{formId:"expenseAutomationJESchedulePage",nextBtnLabel:Me.next,backBtnLabel:Me.back,isNextDisabled:!1,isPrevDisabled:!1,primaryBtn:{label:Me.next,style:{justifyContent:"space-evenly"},isDisabled:c||M?.isNextDisabled,suffixIcon:t.jsx(ts,{}),onClick:()=>{l(O.step)}},cancelBtn:{label:Me.back,isDisabled:c||M?.isPrevDisabled,style:{width:"96px",justifyContent:"space-evenly"},prefixIcon:t.jsx(ns,{}),onClick:()=>{l(J.step)}}};case"expenseAutomationBankReconReconcilePage":return{formId:"expenseAutomationBankReconReconcilePage",nextBtnLabel:Me.reconcile,backBtnLabel:Me.saveForLater,isNextDisabled:!1,isPrevDisabled:!1,primaryBtn:{label:Me.reconcile,onClick:()=>{k({reconcileAction:"reconcile"})},isDisabled:!(w.reconciliationTabsState.balances.variance.amount===0&&Se.isAfter(lt)),isLoading:w.actionFetchStates.reconcileFetch.fetchState==="In-Progress",style:{justifyContent:"space-evenly",minWidth:132}},leftSideComponent:mo(te.length,1/0,U,rn.transaction,C),cancelBtn:{onClick:()=>{k({reconcileAction:"save_reconcile_for_later"})},reverseSpinnerColor:!1,isLoading:w.actionFetchStates.saveForLaterFetch.fetchState==="In-Progress",label:Me.saveForLater,style:{minWidth:132,justifyContent:"space-evenly"}}};case"expenseAutomationJEAccountSettingsPage":return{formId:"expenseAutomationJEAccountSettingsPage",nextBtnLabel:Me.save,backBtnLabel:Me.cancel,isNextDisabled:!1,isPrevDisabled:!1,primaryBtn:{label:Me.save,isLoading:v.accountSettingsView.saveState.fetchState==="In-Progress",style:{justifyContent:"space-evenly",minWidth:82}},cancelBtn:{onClick:()=>$e(),label:Me.cancel,style:{minWidth:82,justifyContent:"space-evenly"}}};default:{const je=C==="reconciliation"&&n.reconciliation.selectedTab==="review"&&n.reconciliation.selectedAccountId!=null,Ue=C==="reconciliation"&&n.reconciliation.selectedAccountId==null,ln=C==="reconciliation"&&n.reconciliation.selectedTab==="reconcile"&&n.reconciliation.selectedAccountId!=null,Zt=O.step==="month_end_insights"&&(C==="flux_analysis"&&(n.fluxAnalysis.sections.generalExpense?.balancesByMonth!=null||n.fluxAnalysis.sections.reimbursement?.balancesByMonth!=null)||Ue),_t=C==="transaction_categorization"&&n.selectedTransactionCategorizationTab==="review",cn=C==="transaction_categorization"&&n.selectedTransactionCategorizationTab==="autoCategorized",tt=n.monthEndCloseChecksView.monthEndCloseChecks?.monthEndCloseCheckList.find(vn=>vn.id==="month_end_insights"),Yt=n.monthEndCloseChecksView.monthEndCloseChecks?.reportEmailSentDate==null&&tt?.isDisabled===!1&&(r||M?.isNextDisabled===!1),bn=O.step==="month_end_insights"&&(Ue||C==="flux_analysis")?!Yt:M?.isNextDisabled===!0;return{formId:"expenseAutomationPage",nextBtnLabel:Me.next,backBtnLabel:Me.back,isNextDisabled:!1,isPrevDisabled:!1,primaryBtn:{label:Zt===!0?o1(n.selectedPeriod.month):Me.next,style:{justifyContent:"space-evenly"},isDisabled:bn,suffixIcon:t.jsx(ts,{}),onClick:()=>{_t?i("autoCategorized"):je?d("reconcile"):l(O.step)}},cancelBtn:{label:Me.back,isDisabled:c||M?.isPrevDisabled,style:{width:"96px",justifyContent:"space-evenly"},prefixIcon:t.jsx(ns,{}),onClick:()=>{cn?i("review"):ln?d("review"):je?f():l(J.step)}}}}}},Le=()=>{switch(V){case"expenseAutomationFluxPage":return{confirmAction:()=>{Y(!1),b([]),g()}};case"expenseAutomationTransactionsPage":return{confirmAction:()=>{Y(!1),y(R,_.map(ue=>ue.id),D,!1,E[R],Qo(F,R),p,W),g()}};case"expenseAutomationJESchedulePage":return{confirmAction:()=>{Y(!1),S(),g()}};default:return{confirmAction:()=>{Y(!1)},confirmationDescription:mn.empty}}},Pe=()=>{V==="expenseAutomationFluxPage"||V==="expenseAutomationJESchedulePage"||V==="expenseAutomationTransactionsPage"?Y(!0):g()},{primaryBtn:Ne,cancelBtn:ye,leftSideComponent:et}=be(),{confirmAction:Ge}=Le(),Ze=ue=>{if(C==="transaction_categorization"&&(ue==="autoCategorized"||ue==="review"))return{hideCountInTab:E[ue]>gn.common.numbers.maximumCount,count:E[ue],isFetching:H[ue].fetchState==="In-Progress"};if(C==="reconciliation"){const{reconciliation:Se}=n,{selectedAccountId:pe}=Se;return pe==null?{count:0,isFetching:!1}:ue==="review"?{count:Se.accountReconciliationsByAccountID[pe]?.accountReconEntity?.transactionsToReview.length,isFetching:Se.accountReconciliationsByAccountID[pe]?.transactionFetchState.fetchState==="In-Progress"}:{count:Se.accountReconciliationsByAccountID[pe]?.accountReconEntity?.transactionsToReconcile.length,isFetching:Se.accountReconciliationsByAccountID[pe]?.transactionFetchState.fetchState==="In-Progress"}}},de=C==="reconciliation"&&w.selectedAccountId!=null&&w.selectedReconAccount!=null,{month:_e,year:xt}=D,$t=Gn().set("month",_e-1).set("year",xt),Tt=$t.startOf("month").format(os),ft=$t.endOf("month").format(os),Oe=`${Tt} ${mn.hyphen} ${ft}`;return t.jsxs(Km,{children:[ge?t.jsx(ka,{containerStyle:{width:356},titleComponent:t.jsx(d1,{children:Zm}),primaryButtonText:e1,secondaryButtonText:Qm,proceedButtonVariant:"danger",action:{onOkClick:()=>{Ge()},onCancelClick:()=>Y(!1)},descriptionComponent:t.jsx(u1,{children:gn.confirmationDescription})}):null,t.jsx(Ia,{isOpen:e.sidePanelIsOpen??!1,isFullView:e.sidePanelIsFullView??!1,panelContent:e.panelContent,headerContent:t.jsx(Ol,{onBack:f,navBarCustomElement:C==="reconciliation"&&w.selectedAccountId!=null?t.jsx(n1,{reconciliation:w}):void 0,onReconTabUpdate:d,currentRecontab:w.selectedTab,reconcileDetailPageFetchState:w.selectedAccountId!=null?w.accountReconciliationsByAccountID[w.selectedAccountId]?.transactionFetchState.fetchState:"Not-Started",selectedReconAccountId:de?w.selectedAccountId:void 0,currentSelectedView:C,titleStyle:{justifyContent:"center",marginLeft:o.sp0},headerData:He(C,E.autoCategorized,de?w.selectedAccountId:void 0,de?w.selectedReconAccount?.accountReconEntity?.account.accountName:void 0,de?Oe:void 0),searchText:G,currentTab:R,getTabCountAndFetchState:Ze,completionStatus:xe,forceShowSubtitle:B===!0||C==="je_schedules"&&(v.fetchState==="In-Progress"||v.accountSettingsView.fetchState==="In-Progress"),refreshStatus:ee,companyId:e.companyId,companyName:n.monthEndInsights?.companyName??mn.empty,isZeniUser:re,onAllThreadsClick:()=>{X!=null&&se(null),K(!0)},onUpdateTab:i,onSearchTextChanged:m,onRefresh:u,onClose:Pe}),listContent:t.jsxs(Jm,{children:[t.jsx(Hm,{...e,isCOTEnabled:h,setIsJeAccountSettingsOpened:ie,setResetJeAccountSettingsForm:N,allThreadsSectionOpen:le,setCurrentFooterFormId:q,currentFooterFormId:V,onCloseAllThreadsSection:()=>K(!1)}),t.jsx(We,{controller:C!=="month_end_insights"&&e.sidePanelIsOpen!==!0,children:t.jsx(cs,{style:{width:"-webkit-fill-available",maxHeight:x[8]},formId:s1(V),primaryBtn:Ne,leftSideComponent:et,cancelBtn:ye,separatorStyle:{marginRight:o.sp4}})})]})})]})},n1=({reconciliation:e})=>{const n=kt(),{clearedBalance:c,variance:r,variancePercentage:p,deposits:h,payments:i}=e.reconciliationTabsState.balances,{balance:d}=e.selectedReconAccount?.accountReconEntity??{},{selectedReconAccount:l}=e,{transactionFetchState:m}=l??{};return t.jsx(h1,{children:t.jsxs(p1,{children:[t.jsxs(go,{style:{justifyContent:"flex-end",width:"50%"},children:[t.jsx(xo,{children:t.jsx(m1,{})}),t.jsx(fo,{children:m?.fetchState==="In-Progress"?t.jsxs(wo,{children:[t.jsx(nn,{height:25,width:120}),t.jsx(nn,{height:19,width:120})]}):t.jsxs(t.Fragment,{children:[t.jsx(Co,{children:Je("0,0.00",d)}),t.jsx(yo,{children:gn.accountRecon.reconciliation.headers.bankBalance})]})})]}),t.jsxs(go,{children:[t.jsx(xo,{children:t.jsx(x1,{})}),t.jsx(fo,{children:m?.fetchState==="In-Progress"?t.jsxs(wo,{children:[t.jsx(nn,{height:25,width:120}),t.jsx(nn,{height:19,width:120})]}):t.jsxs(t.Fragment,{children:[t.jsx(Co,{children:Je("0,0.00",c)}),t.jsxs(y1,{children:[t.jsx(yo,{children:gn.accountRecon.reconciliation.headers.clearedBalance}),t.jsx(we,{placement:"bottom",title:t.jsxs(C1,{children:[t.jsxs(is,{children:[t.jsxs(ss,{children:[i.count," ",rn.payments]}),t.jsx(as,{children:Je("0,0.[00]",i.totalAmount)})]}),t.jsxs(is,{children:[t.jsxs(ss,{children:[h.count," ",rn.deposits]}),t.jsx(as,{children:Je("0,0.[00]",h.totalAmount)})]})]}),display:"flex",children:t.jsx(f1,{})})]})]})})]}),t.jsxs(go,{style:{justifyContent:"flex-start",width:"50%"},children:[t.jsx(xo,{children:t.jsx(g1,{})}),t.jsx(fo,{children:m?.fetchState==="In-Progress"?t.jsxs(wo,{children:[t.jsx(nn,{height:25,width:120}),t.jsx(nn,{height:19,width:120})]}):t.jsxs(t.Fragment,{children:[t.jsxs(Co,{children:[t.jsx("span",{style:{color:r.amount===0?n.colors.brandColorJadeDark:n.colors.primary},children:Je("0,0.00",r)}),p!=null&&r.amount!==0?t.jsx("span",{style:{color:n.colors.primary,marginLeft:2},children:`(${p.toFixed(2)}%)`}):null]}),t.jsx(yo,{children:gn.accountRecon.reconciliation.headers.variance})]})})]})]})})},mo=(e,n,c,r,p)=>{const h=r,i=(e>1?h+"s":h)+" selected";return e>0?t.jsxs(a1,{currentView:p,style:c==="small"?{position:"absolute",top:o.sp2,left:`-${o.sp5}`}:{},children:[t.jsx(r1,{multiDigit:e>=5,children:e}),t.jsx(l1,{children:i}),e===n?t.jsx(c1,{children:`(${Gm})`}):null]}):null},o1=e=>{const n=t1[e];return`${Xm}${mn.space}${n}${mn.space}${Ym.insights}`};function i1(e,n){const c=e.findIndex(d=>d.step===n);if(c===-1)throw new Error("currentStep not found in allSteps array");const r=(c+1)%e.length,p=(c-1+e.length)%e.length,h=e[r],i=e[p];return{nextStep:h,previousStep:i}}const s1=e=>`${e}_form`,a1=a.div`
+  display: flex;
+  justify-content: flex-start;
+  align-items: center;
+  gap: ${o.sp2};
+  margin-left: ${e=>e.currentView==="flux_analysis"?"36px":o.sp8};
+`,r1=a(gt)`
+  height: 18px;
+  width: ${e=>e.multiDigit?"auto":"18px"};
+  padding: ${o.sp0} 6px;
+  border-radius: ${o.sp12};
+  border: ${e=>`1px solid ${e.theme.colors.primary}`};
+  display: flex;
+  justify-content: center;
+  align-items: center;
+`,l1=a(Be)`
+  color: ${e=>e.theme.colors.primary};
+`,c1=a(It)`
+  color: ${Qe.important};
+`,d1=a(ja)`
+  margin-top: ${o.sp5};
+  padding-left: ${o.sp8};
+  padding-right: ${o.sp8};
+  color: ${e=>e.theme.colors.primary};
+  word-break: break-word;
+`,u1=a($a)`
+  color: ${e=>e.theme.colors.primary};
+  margin-top: ${o.sp2};
+  margin-bottom: ${o.sp2};
+`,h1=a.div`
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  padding: ${o.sp3} ${o.sp0};
+`,p1=a.div`
+  width: 100%;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  gap: ${o.sp1};
+`,go=a.div`
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  gap: ${o.sp3};
+`,xo=a.div`
+  width: ${o.sp7};
+  height: ${o.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};
+`,fo=a.div`
+  display: flex;
+  flex-direction: column;
+`,yo=a(It)`
+  color: ${e=>e.theme.colors.hero};
+`,Co=a(us)`
+  min-width: 180px;
+  color: ${e=>e.theme.colors.primary};
+`,m1=a(Oa)`
+  color: ${e=>e.theme.colors.primary};
+  width: ${o.sp4};
+  height: ${o.sp4};
+`,g1=a(Ma)`
+  color: ${e=>e.theme.colors.primary};
+  width: ${o.sp4};
+  height: ${o.sp4};
+`,x1=a(qm)`
+  color: ${e=>e.theme.colors.primary};
+  width: ${o.sp4};
+  height: ${o.sp4};
+`,f1=a(hs)`
+  width: ${o.sp3};
+  height: ${o.sp3};
+  color: ${e=>e.theme.colors.hero};
+  :hover {
+    color: ${e=>e.theme.colors.primary};
+  }
+`,y1=a.div`
+  display: flex;
+  align-items: center;
+  gap: ${o.sp1};
+`,C1=a.div`
+  background-color: ${Qe.overlayDark};
+  padding: 2px ${o.sp2};
+  border-radius: ${o.sp1};
+`,is=a.div`
+  display: flex;
+  justify-content: space-between;
+  gap: ${o.sp2};
+`,ss=a.div`
+  text-transform: capitalize;
+`,as=a(It)`
+  color: ${Qe.primaryDark};
+  align-self: "flex-end";
+`,nn=a(Mt)`
+  border-radius: ${o.sp2};
+`,wo=a.div`
+  display: flex;
+  flex-direction: column;
+  min-width: 180px;
+  gap: ${o.sp1};
+`;export{d1 as ConfirmationPopUpTitle,_1 as default,i1 as getNextAndPreviousSteps,s1 as uniqueFormName};