@zeniai/web-cockpit-ui 1.14.83-dev → 1.14.84-dev

package/dist/assets/ExpenseAutomationPage-CeP8I1tB-C-mlsXcM.js

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