@zeniai/web-cockpit-ui 1.14.89-prod → 1.14.90-dev

package/dist/assets/ExpenseAutomationPage-D70ghitX-EafeQT3m.js

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