@zeniai/web-cockpit-ui 1.15.33-qa → 1.15.34-dev

package/dist/assets/ExpenseAutomationPage-5qqhqwjY-BNjM9KYY.js

@@ -0,0 +1,1803 @@
+import{o,bW as ar,J as Te,gl as Ba,gm as Fa,V as t,cr as sr,bC as rr,aa as Ue,aS as Pa,u as x,F as Ae,cs as lr,x as ae,y as mt,bD as cr,i9 as dr,aP as Ze,bU as Ce,dk as eo,bw as ur,ga as hr,ab as F,i7 as pr,am as Ve,h1 as mr,gV as za,bx as gr,bQ as Ht,b8 as Na,aj as Et,bL as Va,p as tt,km as xr,an as bt,a9 as an,bP as qo,ad as sn,kn as fr,ko as yr,kp as Cr,kq as vn,kr as Ha,ks as Wa,kt as wr,ku as vi,kv as br,go as Ua,dn as qa,kw as vr,kx as Sr,ky as jr,kz as kr,kA as Ir,kB as $r,kC as Lr,kD as Tr,kE as Ar,kF as Er,kG as Ka,kH as Rr,kI as Dr,kJ as Or,kK as Mr,gD as Ko,ce as Tn,b4 as to,cv as no,k as Jo,I as Ja,q as Ga,cH as An,dW as Go,b as _r,gn as Br,bp as Fr,cl as Pr,c3 as zr,eI as En,c0 as Yo,ar as Nr,c as Vr,fE as Hr,aF as Ya,kL as Wr,aW as Zo,aR as Si,gX as Za,kM as Ur,kN as qr,kO as Kr,bG as Qa,aU as Jr,dS as Rt,gL as Vt,hZ as ro,eF as Jn,cL as Qo,az as Gr,eG as Xa,dq as Yr,gy as Zr,fT as Qr,h4 as Xr,iV as el,co as Xo,cB as oo,cE as io,iC as it,w as Nt,hM as tl,gE as Gn,jk as ji,dl as es,d3 as In,kP as nl,a_ as ol,du as ts,i as $n,it as ns,iD as Bo,kQ as mn,eh as os,ej as is,iY as Fo,iZ as as,kR as il,d1 as ao,iu as ss,fs as rs,kS as al,ew as lo,ij as sl,aL as Po,kT as rl,cQ as ll,aZ as ls,iK as cl,dU as dl,ap as $t,kU as ul,kV as hl,b2 as co,es as pl,dR as ml,kW as gl,fN as xl,kX as fl,dQ as yl,hB as Cl,a8 as wl,et as bl,eu as vl,ev as Sl,ey as ki,ez as Ii,eA as jl,kY as kl,b0 as Il,eK as $l,eL as Ll,eM as Tl}from"./index-C9hDAJ7o.js";import{a as i,P as Al}from"./sentry-Ckvw8Zf1.js";import{n as s,c as Se,k as ei}from"./mui-BQR0Ruo4.js";import{bh as uo,Gu as $i,Gv as Ln,Gw as El,Gx as Rl,cx as Dl,bL as zo,cy as Ol,ET as Li,cz as Ml,cA as _l,la as Sn,bE as Qt,Gy as Ti,c4 as cs,Gz as Bl,bY as ds,bo as Xt,GA as Fl,GB as us,GC as hs,GD as ps,GE as ms,GF as gs,GG as ti,kW as Pl}from"./zeni-epic-state-BnsQ52n7.js";import{t as ni}from"./panelSelectedMixin-Cddsb26L-V1yMMv-q.js";import{r as xs,I as fs,n as gn,R as wt}from"./CollapsableReportTable-Cfh-EfEQ-CKv-H0OC.js";import{D as ho}from"./AccountRow-DtE1mQFq-sRlcgWT1.js";import{o as ys}from"./mapTimeframeBalancesToTreeNode-jq979PpH-D251JRiH.js";import{d as Ai}from"./mapLoadingInProgressToTreeNode-DWJx3AOd-DyMnZ_nG.js";import{h as zl}from"./VendorsAccountsSection-lmuNbtLw-BehIg0cT.js";import{u as Nl,c as Ei,d as Vl,m as Hl}from"./uploadAttachment-CTXeI85v-BVATkq8k.js";import{r as Wl}from"./core-XAP_yXKl.js";import"./liveblocks-NP7ye8lf.js";import"./recharts-DkFolWRg.js";import"./lottie-DhXcx4Hv.js";import"./analytics-Dm6Rdmk5.js";import"./lexical-CgNStNGD.js";import"./utils-B4eJ0QQL.js";(function(){try{var e=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},n=new e.Error().stack;n&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[n]="79f6e0ec-acc9-44c4-9825-50ca1224de0f",e._sentryDebugIdIdentifier="sentry-dbid-79f6e0ec-acc9-44c4-9825-50ca1224de0f")}catch{}})();const{common:{navBar:{back:Ul},texts:{refresh:ql,close:Kl,copy:Jl,copied:Gl,open:Yl}},expenseAutomation:{common:{numbers:{maximumCount:Zl}}}}=Ae.getLocalizedStrings(),Ql=s(Zr)`
+  display: flex;
+  width: ${o.sp4};
+  height: ${o.sp4};
+  align-items: center;
+  justify-content: center;
+`,Xl=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};
+  }
+`,ec=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;
+`,tc=s.div`
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  padding-left: ${e=>Di.subSectionContainerLeftRightPadding.valuePx(e.windowSize)};
+  padding-right: ${e=>Di.subSectionContainerLeftRightPadding.valuePx(e.windowSize)};
+`,nc=s.div`
+  display: flex;
+  align-items: baseline;
+  justify-content: end;
+  gap: ${o.sp4};
+  flex: 1 1 ${o.sp0};
+`,oc=s.div`
+  display: flex;
+  align-items: baseline;
+  justify-content: start;
+  gap: ${o.sp4};
+  flex: 1 1 ${o.sp0};
+`,ic=s(Xr)`
+  width: ${o.sp3};
+  height: ${o.sp3};
+  cursor: pointer;
+  margin-left: ${o.sp1};
+  color: inherit;
+`,ac=s(Qr)`
+  width: ${o.sp3};
+  height: ${o.sp3};
+  margin-left: ${o.sp1};
+  color: ${tt.success};
+`,sc=s(_r)`
+  cursor: pointer;
+  width: ${o.sp4};
+  height: ${o.sp4};
+  color: ${e=>e.theme.colors.hero};
+  &:hover {
+    color: ${e=>e.theme.colors.primary};
+  }
+`,rc=s(zr)`
+  cursor: pointer;
+  width: ${o.sp4};
+  height: ${o.sp4};
+  color: ${e=>e.theme.colors.hero};
+  &:hover {
+    color: ${e=>e.theme.colors.primary};
+  }
+`,lc=s(Pr,{shouldForwardProp:e=>typeof e=="string"&&e!=="$spinning"})`
+  cursor: pointer;
+  width: ${o.sp4};
+  height: ${o.sp4};
+  color: ${e=>e.theme.colors.hero};
+  animation: ${e=>e.$spinning?Se`
+          ${cc} 2s linear infinite;
+        `:"none"};
+  &:hover {
+    color: ${e=>e.theme.colors.primary};
+  }
+`,cc=ei`
+  0% {
+    transform: rotate(0deg);
+  }
+  100% {
+    transform: rotate(360deg);
+  }
+`,dc=s.div`
+  padding-top: ${o.sp0};
+  padding-bottom: ${o.sp0};
+`,Ri=s(Ve)`
+  color: ${e=>e.theme.colors.hero};
+  text-align: center;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  flex-direction: column;
+  padding-bottom: ${o.sp4};
+`,uc=s.div`
+  display: flex;
+`,hc=s.div`
+  border: 1px solid ${e=>e.theme.colors.grey3};
+  width: 100%;
+  margin-top: -2px;
+  border-top-right-radius: ${o.sp2};
+  border-top-left-radius: ${o.sp2};
+  border-bottom-right-radius: ${o.sp2};
+  border-bottom-left-radius: ${o.sp2};
+`,pc=s.div`
+  display: flex;
+  height: ${o.sp4};
+`,mc=s.div`
+  text-align: center;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  flex-wrap: wrap;
+`,gc=s.div`
+  display: flex;
+  flex-direction: column;
+`,xc=s(En)`
+  width: ${o.sp3};
+  height: ${o.sp3};
+  margin-right: ${o.sp1};
+  path {
+    stroke-width: 2;
+  }
+`,_n=s.span`
+  font-weight: ${Yo.regular};
+  color: ${e=>e.theme.colors.primary};
+`,fc=s.span`
+  font-weight: ${Yo.medium};
+  color: ${e=>e.theme.colors.primary};
+`,yc=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};
+  }
+`,Di={subSectionContainerLeftRightPadding:new ae(x[3],x[6],x[8])},Cc=({onAllThreadsClick:e,companyId:n,companyName:l})=>{const r={application:"cockpit",companyId:n,entityId:n,tab:"expense_automation",isGlobalComment:!1,entityType:"expense_automation.monthEndEmail",companyName:l,url:window.location.href},{url:h,...p}=r,a={...p},{threads:d,isLoading:c}=Br(a,!1,!1),m=d.filter(u=>u.id.includes(Ua)===!1);return t.jsxs(Xl,{isDisabled:c,onClick:e,"data-testid":F("comment-icon"),children:[t.jsx(Fr,{count:m.length,isLoading:c}),t.jsx(Ql,{})]})},wc=({headerData:e,refreshStatus:n,searchText:l,companyName:r,companyId:h,isZeniUser:p,onAllThreadsClick:a,onClose:d,onRefresh:c,onSearchTextChanged:m})=>{const u=()=>{n!=="In-Progress"&&c()};return t.jsx(nc,{children:e.rightSection.map((g,f)=>{switch(g){case"search":return t.jsx(pr,{isSearchOpen:(l.length??0)>0,searchPlaceHolder:e.searchPlaceholder,searchText:l,searchTextBoxStyle:{position:"initial",height:"fit-content"},styledSearchIconContainerStyle:{height:o.sp4},searchIconMarginRight:o.sp0,onSearchTextChanged:C=>{m(C)},downloadPresent:!1},f+g);case"refresh":return t.jsx(Ce,{display:"block",placement:"bottom",title:ql,style:{marginTop:"2px"},enterDelay:600,children:t.jsx(lc,{onClick:u,$spinning:n==="In-Progress","data-testid":F("refresh-icon")})},f+g);case"comment":return p===!1?null:t.jsx(Cc,{companyId:h,companyName:r,onAllThreadsClick:a});case"close":default:return t.jsx(Ce,{display:"block",placement:"bottom",title:Kl,enterDelay:600,style:{marginTop:"2px"},children:t.jsx(sc,{onClick:d,"data-testid":F("close-icon")})},f+g)}})})},bc=({headerData:e,onBack:n})=>t.jsx(oc,{children:e.leftSection.map((l,r)=>{switch(l){case"back":default:return t.jsx(Ce,{display:"block",placement:"bottom",title:Ul,enterDelay:600,style:{marginTop:"-14px"},children:t.jsx(rc,{onClick:n,"data-testid":F("back-button")})},r+l)}})}),Oi=({text:e,linkText:n,windowSize:l,isCopied:r,onLinkClick:h})=>{if(n==null||!n)return t.jsxs(_n,{windowSize:l,children:[e," "]});const p=e.indexOf(n);if(p===-1)return t.jsxs(_n,{windowSize:l,children:[e," "]});const a=e.substring(0,p),d=e.substring(p+n.length);return t.jsxs(t.Fragment,{children:[a?t.jsxs(_n,{windowSize:l,children:[a.trim()," "]}):null,t.jsx(Ce,{display:"flex",placement:"right",title:za.test(n)?r?Gl:Jl:Yl,enterTouchDelay:600,children:t.jsxs(yc,{onClick:()=>h?.(n),"data-testid":F("pre-link"),children:[n,r?t.jsx(ac,{className:"success-icon"}):t.jsx(ic,{className:"copy-icon"})]})}),d?t.jsxs(_n,{windowSize:l,children:[d," "]}):null]})},Mi=({subTitles:e})=>{const n=Te(),[,l]=mr(),[r,h]=i.useState(!1),p=i.useRef(null),a=i.useCallback(d=>{za.test(d)?(l(d),h(!0),p.current&&clearTimeout(p.current),p.current=setTimeout(()=>{h(!1)},2e3)):window.open(d,"_blank","noopener,noreferrer")},[l]);return i.useEffect(()=>()=>{p.current&&clearTimeout(p.current)},[]),t.jsx(gc,{children:e.map((d,c)=>t.jsxs(mc,{children:[d.pre?t.jsx(Oi,{text:d.pre,linkText:d.preLink,windowSize:n,isCopied:r,onLinkClick:a}):null,d.prefixIconName?t.jsx(t.Fragment,{children:d.prefixIconName==="zeniAIIcon"?t.jsx(xc,{}):t.jsx(t.Fragment,{})}):null,d.bold?t.jsx(t.Fragment,{children:t.jsxs(fc,{windowSize:n,children:[d.bold," "]})}):null,d.post?t.jsx(Oi,{text:d.post,linkText:d.postLink,windowSize:n,isCopied:r,onLinkClick:a}):null]},c+d.bold+d.pre+d.post))})};function vc(e){const{headerData:n,currentTab:l,completionStatus:r,onUpdateTab:h,selectedReconAccountId:p,getTabCountAndFetchState:a,reconcileDetailPageFetchState:d,forceShowSubtitle:c,currentSelectedView:m,onReconTabUpdate:u,currentRecontab:g,navBarCustomElement:f,titleStyle:C={}}=e,w=a("autoCategorized")?.count??0,v=a("review")?.count??0,k=a("reconcile")?.count??0,y=n.tabs.length>0||n.subTitle.length>0,R=m==="transaction_categorization"&&l==="autoCategorized",I=m==="reconciliation"&&g==="review"&&p!=null,S=m==="reconciliation"&&g==="reconcile"&&p!=null,T=R?w>0:I?d==="In-Progress"?!0:v>0:S?d==="In-Progress"?!0:k>0:r!=="complete",D=mt(),A=Te();let O=[];return n.tabs.length>0&&(O=n.tabs.map(b=>({label:b.label,id:b.id,countDetails:a(b.id)}))),t.jsxs(ec,{children:[t.jsx(cr,{title:n.title,subTitle:n.subText,titleTextStyles:{flex:"1 1 0px"},backgroundColor:D.colors.grey4,onBackClick:()=>null,titleStyle:C,ignoreScrollAction:m!=="month_end_insights",keepBackgroundOnScroll:m!=="month_end_insights",leftSideComponent:t.jsx(bc,{...e}),rightSideComponent:t.jsx(wc,{...e}),source:"NavBarWithHeader"}),f??null,t.jsx(Ue,{controller:y===!0,children:t.jsx(tc,{windowSize:A,children:n.tabs.length>0?t.jsxs(t.Fragment,{children:[t.jsx(dc,{windowSize:A,children:t.jsx(dr,{allTabs:O,selectedTab:m==="transaction_categorization"?l??O[0].id:g??O[0].id,onTabChange:b=>{if(m==="transaction_categorization"){const $=El(b.id);$!=null&&h($)}else if(m==="reconciliation"){const $=Rl(b.id);$!=null&&u($)}},maximumCountLimit:Zl})}),t.jsx(hc,{windowSize:A}),t.jsx(pc,{}),t.jsx(Ue,{controller:T===!0||c===!0,children:t.jsx(Ri,{windowSize:A,children:n.tabs.map((b,$)=>(m==="reconciliation"?b.id===g:b.id===l)?t.jsx(uc,{children:t.jsx(Mi,{subTitles:b.subTitle})},$+b.id):null)})})]}):t.jsx(Ue,{controller:T===!0||c===!0,children:t.jsx(Ri,{windowSize:A,children:t.jsx(Mi,{subTitles:n.subTitle})})})})})]})}const Sc=1;function jc({name:e,checkBoxes:n,mode:l,isDisabled:r,style:h,labelStyle:p,labelCheckBoxStyle:a,checkBoxStyle:d,width:c,registerOptions:m,checkedIconColor:u,checkBoxIconStyle:g,checkBoxContainerStyle:f,draggable:C=!1,selectionLimit:w,infoIconContainerStyle:v,onDragStart:k,rowHeight:y=40,initialScrollOffSet:R,onScroll:I}){const S=Te(),T=i.useRef(null),{control:D}=Qo(),A=n.find(M=>M.groupLabel),O=n.filter(M=>!M.groupLabel),b=[];for(const M of O)if(M.isException||b.push(M.value),w!=null&&b.length===w+1)break;const $=n.filter(M=>M.defaultChecked).map(M=>M.value);return t.jsx(Xa,{control:D,name:e,rules:m,defaultValue:$,render:({field:{value:M,ref:N,onChange:G}})=>{const z=V=>{Ic({event:V,value:M,allCheckBoxValues:b,groupLabelCheckBox:A,onChange:G})};return t.jsxs($c,{style:h,windowSize:S,children:[A&&t.jsx(oi,{checkBox:A,index:0,value:M,allCheckBoxValues:b,mode:l,name:e,checkBoxContainerStyle:f,checkBoxIconStyle:g,checkBoxStyle:d,labelCheckBoxStyle:a,labelStyle:p,width:c,draggable:C,groupLabelCheckBox:A,infoIconContainerStyle:v,checkedIconColor:u,isDisabled:r,selectionLimit:w,onDragStart:k,ref:N,onChangeHandler:z}),t.jsx(Lc,{children:t.jsx(to,{style:{height:"100%",width:"100%"},children:({height:V,width:de})=>t.jsx(no,{ref:T,height:V,width:de,itemCount:O.length,itemSize:()=>y,estimatedItemSize:y,initialScrollOffset:R??0,onScroll:({scrollOffset:_})=>{I?.(_)},overscanCount:Sc,itemKey:_=>O[_].value,itemData:{checkBoxes:O,value:M,allCheckBoxValues:b,mode:l,name:e,checkBoxContainerStyle:f,checkBoxIconStyle:g,checkBoxStyle:d,labelCheckBoxStyle:a,labelStyle:p,width:c,draggable:C,groupLabelCheckBox:A,infoIconContainerStyle:v,checkedIconColor:u,isDisabled:r,selectionLimit:w,onDragStart:k,ref:N,onChange:G,handleChangeEvent:z,rowHeight:y},children:kc})})})]})}})}const kc=({index:e,style:n,data:l})=>{const r=i.useRef(null),{checkBoxes:h,value:p,allCheckBoxValues:a,mode:d,name:c,checkBoxContainerStyle:m,checkBoxIconStyle:u,checkBoxStyle:g,labelCheckBoxStyle:f,labelStyle:C,width:w,draggable:v,groupLabelCheckBox:k,infoIconContainerStyle:y,checkedIconColor:R,isDisabled:I,selectionLimit:S,onDragStart:T,ref:D,handleChangeEvent:A}=l,O=h[e];return t.jsx(Oc,{style:{...n,width:"100%"},ref:r,children:t.jsx(oi,{checkBox:O,index:e,value:p,allCheckBoxValues:a,mode:d,name:c,checkBoxContainerStyle:m,checkBoxIconStyle:u,checkBoxStyle:g,labelCheckBoxStyle:f,labelStyle:C,width:w,draggable:v,groupLabelCheckBox:k,infoIconContainerStyle:y,checkedIconColor:R,isDisabled:I,selectionLimit:S,onDragStart:T,ref:D,onChangeHandler:A})})},oi=i.forwardRef((e,n)=>{const{value:l,checkBox:r,groupLabelCheckBox:h,allCheckBoxValues:p,selectionLimit:a,mode:d,checkBoxStyle:c,labelCheckBoxStyle:m,isDisabled:u,draggable:g,checkBoxContainerStyle:f,infoIconContainerStyle:C,name:w,index:v,width:k,checkedIconColor:y,checkBoxIconStyle:R,labelStyle:I,onDragStart:S,onChangeHandler:T}=e,D=Te(),A=M=>{typeof n=="function"?n(M):n&&(n.current=M)};let O=l.includes(r.value);const b=Array.from(new Set([...l,r.value]));h?.value===r.value&&l.length>0&&(a!=null?O=b.length===p.length||b.length===a+1:O=p.every(M=>b.includes(M)===!0));const $=()=>d==="off"||r.isException?D==="small"?{display:"none",...c}:{visibility:"hidden",...c}:r.groupLabel?p.length===1&&p[0]===h?.value?{visibility:"hidden",...m}:m:c;return t.jsxs(Ac,{mode:d,draggable:g===!0,onDragStart:M=>{S?.(M,r.value)},style:f,isDisabled:u,isSelected:O,exceptionMode:r.exceptionMode,children:[r.prefix?t.jsx(Tc,{className:"prefix-box",children:r.prefix}):null,r.isException?t.jsx(Ec,{style:C,className:"checkbox-alert",children:t.jsx(Ce,{style:{padding:`12px ${o.sp3}`},title:r.exceptionInfo??"",placement:"bottom-start",children:r.exceptionType==="info"?t.jsx(Rc,{}):t.jsx(Dc,{})})}):t.jsx(rl,{name:`${w}.${r.value}`,checkBoxValue:r.value,value:O,checkedIconColor:y,isDisabled:u||!r.groupLabel&&!O&&a!=null&&b.length===a+1?"disabled":void 0,checkBoxStyle:$(),checkBoxIconStyle:R,ref:A,onChange:T}),typeof r.label=="string"&&r.label?t.jsx(ll,{isDisabled:u,label:r.label,labelStyle:I,htmlFor:`${w}.${r.value}`,style:{display:"flex",flex:1,minHeight:o.sp4,marginLeft:o.sp2,width:k,backgroundColor:"inherit",...I}}):r.label]},`${r.value}_${v}`)});oi.displayName="CheckBoxWithLabel";const Ic=({event:e,value:n,allCheckBoxValues:l,groupLabelCheckBox:r,onChange:h})=>{const p=e.currentTarget.value,a=e.currentTarget.checked,d=r?.value,c=new Set(n);if(p===d){h(a?Array.from(new Set([d,...l])):[]);return}a?c.add(p):c.delete(p);const m=l.every(u=>c.has(u));d!=null&&(m&&!c.has(d)?c.add(d):!m&&c.has(d)&&c.delete(d)),h(Array.from(c))},$c=s.div`
+  display: flex;
+  flex-direction: column;
+  width: 100%;
+  height: 100%;
+`,Lc=s.div`
+  flex: 1;
+  overflow: hidden;
+`,Tc=s.div`
+  opacity: 0;
+`,Ac=s.div`
+  display: flex;
+  align-items: center;
+  flex-direction: row;
+  width: 100%;
+  min-height: ${o.sp4};
+
+  ${e=>e.mode==="checked_or_hover"&&Se`
+      input:not(:checked) ~ .unchecked-icon {
+        opacity: 0;
+      }
+
+      :hover {
+        input:not(:checked) ~ .unchecked-icon,
+        .prefix-box {
+          opacity: 1;
+        }
+      }
+    `};
+
+  ${e=>e.mode==="hover_only"&&Se`
+      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"&&Se`
+        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"&&Se`
+      :hover {
+        .checkbox-alert {
+          opacity: 1;
+        }
+      }
+    `}
+
+  ${e=>e.exceptionMode==="checked_or_hover"&&Se`
+      .checkbox-alert {
+        opacity: 1;
+      }
+    `}
+`,Ec=s.div`
+  cursor: pointer;
+`,Rc=s(Va)`
+  height: ${o.sp3};
+  width: ${o.sp3};
+  color: ${e=>e.theme.colors.hero};
+  background-color: ${e=>e.theme.colors.grey4};
+  border-radius: 50%;
+`,Dc=s(rs)`
+  height: ${o.sp3};
+  width: ${o.sp3};
+  color: ${e=>e.theme.colors.hero};
+  background-color: ${e=>e.theme.colors.grey4};
+  border-radius: 50%;
+`,Oc=s.div`
+  width: 100%;
+  box-sizing: border-box;
+`,Mc=e=>i.createElement("svg",{width:90,height:90,viewBox:"0 0 90 90",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e},i.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}),i.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}),i.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}),i.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}),i.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}),i.createElement("g",{opacity:.2},i.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"})),i.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"}),i.createElement("path",{d:"M61.2 59.4484L63.4903 61.65L67.5 56.7",stroke:"#EEBA7D",strokeWidth:.9,strokeMiterlimit:10,strokeLinecap:"round"}),i.createElement("path",{d:"M33.6736 27.0088H66.7216",stroke:"#EEBA7D",strokeWidth:.9,strokeMiterlimit:10,strokeLinecap:"round",strokeLinejoin:"round"}),i.createElement("path",{d:"M30.2854 35.8198H63.3334",stroke:"#EEBA7D",strokeWidth:.9,strokeMiterlimit:10,strokeLinecap:"round",strokeLinejoin:"round"}),i.createElement("path",{d:"M26.8962 43.875H59.9442",stroke:"#EEBA7D",strokeWidth:.9,strokeMiterlimit:10,strokeLinecap:"round",strokeLinejoin:"round"}),i.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}),i.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}),i.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}),i.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})),_c=e=>i.createElement("svg",{viewBox:"0 0 200 200",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e},i.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}),i.createElement("path",{opacity:.2,d:"M21 68L180 17L125 126.5L92.5 94L64 107L55 79L21 68Z",fill:"#97C3B9"}),i.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}),i.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"}),i.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"}),i.createElement("path",{d:"M21.5625 129.486C22.3958 127.153 24.8625 121.586 28.0625 117.986",stroke:"#97C3B9",strokeWidth:2}),i.createElement("path",{d:"M35.5631 109.486C37.3272 107.746 41.5625 103.486 45.7381 101.468",stroke:"#97C3B9",strokeWidth:2}),i.createElement("path",{d:"M19.0623 140.486C18.8956 142.653 18.9623 148.286 20.5623 153.486",stroke:"#97C3B9",strokeWidth:2}),i.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}),i.createElement("path",{d:"M72.0625 175.486H85.5625M96.0625 175.486H110.562M121.062 175.486H135.062",stroke:"#97C3B9",strokeWidth:2}),i.createElement("path",{d:"M145.562 176.486C148.229 176.486 154.662 176.786 159.062 177.986",stroke:"#97C3B9",strokeWidth:2}),i.createElement("path",{d:"M169.562 180.986C172.062 181.653 178.062 183.686 182.062 186.486",stroke:"#97C3B9",strokeWidth:2})),Bc=e=>i.createElement("svg",{viewBox:"0 0 200 200",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e},i.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}),i.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}),i.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}),i.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"}),i.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}),i.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}),i.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}),i.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}),i.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}),i.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}),i.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}),i.createElement("path",{d:"M60.7893 119.993L60.799 119.476H140.794L140.851 119.765L60.7893 119.993Z",fill:"#231F20",stroke:"#97C3B9",strokeWidth:2})),Fc=e=>i.createElement("svg",{viewBox:"0 0 200 200",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e},i.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"}),i.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"}),i.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"}),i.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"}),i.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"}),i.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"}),i.createElement("path",{d:"M39.6943 121.046L43.4452 127.026L48.7266 119.117",stroke:"#97C3B9",strokeWidth:2,strokeMiterlimit:10,strokeLinecap:"round"}),i.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"}),i.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"}),i.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"}),i.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"}),i.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"}),i.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"}),i.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"}),i.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"}),i.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"}),i.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"}),i.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"}),i.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"}),i.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"}),i.createElement("path",{d:"M145.99 53.8984L169.25 44.8584",stroke:"#EEBA7D",strokeWidth:2,strokeMiterlimit:10,strokeLinecap:"round"}),i.createElement("path",{d:"M122.041 30.474L139.922 14.1719",stroke:"#EEBA7D",strokeWidth:2,strokeMiterlimit:10,strokeLinecap:"round"}),i.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"}),i.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"}),i.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"})),Pc=s.div`
+  width: 100%;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  flex: 1;
+  background: ${e=>e.theme.colors.grey4};
+  box-sizing: border-box;
+`,zc=s(_c)`
+  width: 90px;
+  height: 90px;
+`,Nc=s(Bc)`
+  width: 90px;
+  height: 90px;
+`,Vc=s(Mc)`
+  width: 90px;
+  height: 90px;
+`,Hc=s(Fc)`
+  width: 90px;
+  height: 90px;
+`,Wc=s.div`
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  flex-direction: column;
+`,Uc=s(Nr)`
+  margin-top: ${o.sp2};
+  color: ${e=>e.theme.colors.brandColorJade};
+`,qc=s(Vr)`
+  color: ${e=>e.theme.colors.primary};
+`,Kc=e=>{const{tab:n}=e;switch(n){case"transaction_categorization":return t.jsx(zc,{});case"je_schedules":case"reconciliation":return t.jsx(Hc,{});case"flux_analysis":return t.jsx(Vc,{});case"missing_receipts":default:return t.jsx(Nc,{})}};function Tt(e){const{title:n,subTitle:l}=e;return t.jsx(Pc,{children:t.jsxs(Wc,{children:[t.jsx(Kc,{...e}),t.jsx(Uc,{children:n}),t.jsx(qc,{children:l})]})})}const{common:{headers:{transactions:Jc,jeSchedules:Gc,fluxAnalysis:Yc,missingReceipts:Zc,insights:Qc,reconciliation:_i},strings:{empty:Gt}},expenseAutomation:{transactions:{tabs:Bi,subTitles:{review:{item1:Bn,item2:Fn},autoCategorized:{item1:Pn,item2:Xc}},searchPlaceholder:ed,allDoneText:td},jeSchedules:{subTitles:{item1:nd,item2:od},searchPlaceholder:id,allDoneText:ad},missingReceipts:{subTitles:sd,searchPlaceholder:rd,allDoneText:ld},fluxAnalysis:{subTitles:{item1:cd,item2:dd},searchPlaceholder:ud,emptyPageTexts:{youDidIt:hd,allReviewed:pd}},accountRecon:{review:{allDoneText:Fi},reconcile:{allDoneText:md},tabs:Pi,titles:{item1:gd,item2:xd},subTitles:{review:{item1:fd,item2:zn},reconcile:{item1:Nn,item2:yd}}}}}=Ae.getLocalizedStrings(),Je=(e,n,l,r,h)=>{switch(e){case"transaction_categorization":return{key:"transaction_categorization",title:Jc,subTitle:[],tabs:[{label:Bi.review,id:"review",subTitle:[{pre:Bn.pre,bold:Bn.bold,prefixIconName:Bn.prefixIconName,post:Bn.post},{pre:Fn.pre,bold:Fn.bold,prefixIconName:Fn.prefixIconName,post:Fn.post}]},{label:Bi.autoCategorized,id:"autoCategorized",subTitle:[{pre:Pn.pre,bold:Pn.bold,prefixIconName:Pn.prefixIconName,post:Pn.post.replace("#number",n!=null&&n!=0?n.toString():"")},Xc]}],rightSection:["refresh","close"],leftSection:[],searchPlaceholder:ed,allDoneText:td};case"je_schedules":return{key:"je_schedules",title:Gc,subTitle:[nd,od],tabs:[],rightSection:["refresh","close"],leftSection:[],searchPlaceholder:id,allDoneText:ad};case"missing_receipts":return{key:"missing_receipts",title:Zc,subTitle:[sd],tabs:[],rightSection:["refresh","close"],leftSection:[],searchPlaceholder:rd,allDoneText:ld};case"flux_analysis":return{key:"flux_analysis",title:Yc,subTitle:[cd,dd],tabs:[],rightSection:["refresh","close"],leftSection:[],searchPlaceholder:ud,allDoneText:{title:hd,subTitle:pd}};case"month_end_insights":return{key:"month_end_insights",title:Qc,subTitle:[],tabs:[],rightSection:["comment","refresh","close"],leftSection:[],searchPlaceholder:Gt,allDoneText:{title:Gt,subTitle:Gt}};case"reconciliation":return l==null?{key:"reconciliation",title:_i,subTitle:[gd,xd],tabs:[],rightSection:["refresh","close"],leftSection:[],searchPlaceholder:Gt,allDoneText:{title:Gt,subTitle:Gt}}:{key:"reconciliation",title:r??_i,subText:h??void 0,subTitle:[],tabs:[{label:Pi.review,id:"review",subTitle:[fd,{pre:zn.pre,bold:zn.bold,prefixIconName:zn.prefixIconName,post:zn.post}],allDoneText:Fi},{label:Pi.reconcile,id:"reconcile",subTitle:[{pre:Nn.pre,bold:Nn.bold,prefixIconName:Nn.prefixIconName,post:Nn.post},yd],allDoneText:md}],rightSection:["refresh"],leftSection:["back"],searchPlaceholder:Gt,allDoneText:Fi}}},{common:{strings:{empty:Cd}},expenseAutomation:{accountRecon:{reconcile:{header:Wt}}}}=Ae.getLocalizedStrings(),wd={key:"date",value:Wt.date,sortOrder:"ascending",width:new ae(12.75,12.75,12.75),customStyle:{marginLeft:x[4],marginRight:x[3]}},bd={key:"clearedDate",value:Wt.clearedDate,sortOrder:"ascending",width:new ae(12.75,12.75,12.75),customStyle:{marginRight:x[3],display:"none"}},vd={key:"type",value:Wt.type,sortOrder:"ascending",width:new ae(12.75,12.75,12.75),customStyle:{marginRight:x[3]}},Sd={key:"payee",value:Wt.payee,sortOrder:"ascending",width:new ae(12.75,12.75,12.75),customStyle:{marginRight:x[3]}},jd={key:"account",value:Wt.account,sortOrder:"ascending",width:new ae(12.75,12.75,12.75),customStyle:{marginRight:x[3]}},kd={key:"transactionDirection",value:Wt.direction,sortOrder:"ascending",width:new ae(12.75,12.75,12.75),customStyle:{marginRight:x[3]}},Id={key:"memo",value:Wt.memo,sortOrder:"ascending",width:new ae(12.75,12.75,12.75),customStyle:{marginRight:x[3]}},$d={key:"amount",value:Wt.amount,sortOrder:"ascending",width:new ae(12.75,12.75,12.75),customStyle:{marginRight:x[3]}},Ld={key:"recommended",value:Cd,sortOrder:"ascending",width:new ae(1.25,1.25,1.25),customStyle:{marginRight:x[4],marginLeft:x[0]}},Pe=[wd,bd,vd,Sd,jd,kd,Id,$d,Ld],Td=50,bn={sortKey:"date",sortOrder:"descending"};function Ad({sortConfig:e,onReconTabColumnSortConfigChanged:n}){const l=Te(),[r,h]=i.useState(Po(Pe));i.useEffect(()=>{const d=[...r];for(const c of d)c.key===e.sortKey?c.sortOrder=e.sortOrder:c.sortOrder="ascending";h(d)},[e.sortKey,e.sortOrder]);const p=(d,c)=>{let m=c;e.sortKey===d&&(m=c==="ascending"?"descending":"ascending"),n(d,m)},a=d=>{p(d.key,d.sortOrder)};return t.jsx(Od,{headerHeight:Td,children:r.map(d=>t.jsx(Rd,{columnWidth:d.width,windowSize:l,sortDataValue:e.sortKey,actualDataValue:d.key,style:d.customStyle,children:t.jsxs(Pd,{isVisible:d.key!=="recommended",children:[t.jsx(Dd,{"data-testid":F("reconcile-tab-list-sort",d.value),onClick:()=>a(d),children:t.jsx(bt,{children:d.value})}),t.jsx(Md,{sortConfig:e,headerData:d,children:t.jsx(_d,{})}),t.jsx(Bd,{isVisible:e.sortKey===d.key&&(e.sortKey!==bn.sortKey||e.sortOrder!==bn.sortOrder),children:t.jsx(Fd,{"data-testid":F("reconcile-tab-list-reset-sort",bn.sortKey),onClick:()=>n(bn.sortKey,bn.sortOrder)})})]})},d.key))})}const Ed=Al.memo(Ad),Rd=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;
+`,Dd=s.div`
+  display: flex;
+  gap: 5px;
+  cursor: pointer;
+`,Od=s(Et)`
+  width: fit-content;
+  height: ${e=>`${e.headerHeight}px`};
+  width: calc(100% - 20px);
+  z-index: 6;
+  display: flex;
+  align-items: center;
+  background-color: ${e=>e.theme.colors.grey4};
+  box-sizing: border-box;
+  padding: ${o.sp3} ${o.sp8} ${o.sp3} ${o.sp0};
+  position: sticky;
+  color: ${e=>e.theme.colors.grey1};
+`,Md=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"};
+`,_d=s(oo)`
+  width: ${o.sp2};
+  height: ${o.sp2};
+`,Bd=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};
+  }
+`,Fd=s(io)`
+  width: 12px;
+  height: 12px;
+`,Pd=s.div`
+  display: ${e=>e.isVisible?"flex":"none"};
+`,zd=54,Nd=72,{common:{strings:{hyphen:po}}}=Ae.getLocalizedStrings(),{dateFormat:zi}=Ae.getLocalizedStrings();function Vd({selectedTransactionIds:e,transaction:n,transactionId:l}){const r=Te(),h=mt(),[p,a]=i.useState(!1),d=e.includes(l),c=p||d;return t.jsx(Hd,{id:l,onMouseEnter:()=>a(!0),onMouseLeave:()=>a(!1),children:t.jsxs(Wd,{isSelected:c,totalHeight:zd,children:[t.jsx(kt,{windowSize:r,responsiveWidth:Pe[0].width,style:Pe[0].customStyle,children:t.jsx(Yt,{isSelected:c,children:n.date.format(zi.visual.MMMDCommaYYYYformat)})}),Pe[1].customStyle.display!=="none"?t.jsx(kt,{windowSize:r,responsiveWidth:Pe[1].width,style:Pe[1].customStyle,children:t.jsx(Yt,{isSelected:c,children:n.clearedDate!=null?n.clearedDate.format(zi.visual.MMMDCommaYYYYformat):t.jsx("span",{children:po})})}):null,t.jsx(kt,{windowSize:r,style:Pe[2].customStyle,responsiveWidth:Pe[2].width,children:t.jsx(Kd,{isSelected:c,children:t.jsx(Ud,{isSelected:c,children:il(n.type)})})}),t.jsx(kt,{windowSize:r,style:Pe[3].customStyle,responsiveWidth:Pe[3].width,children:n.merchantName!=null&&n.merchantName.length>0?t.jsx(it,{text:n.merchantName,itemTextStyle:{color:c?h.colors.primary:h.colors.hero}}):t.jsx(Yt,{isSelected:c,children:t.jsx("span",{children:po})})}),t.jsx(kt,{windowSize:r,style:Pe[4].customStyle,responsiveWidth:Pe[4].width,children:n.accountName!=null&&n.accountName.length>0?t.jsx(it,{text:n.accountName,itemTextStyle:{color:c?h.colors.primary:h.colors.hero}}):t.jsx(Yt,{isSelected:c,children:t.jsx("span",{children:po})})}),t.jsx(kt,{windowSize:r,style:Pe[5].customStyle,responsiveWidth:Pe[5].width,children:t.jsx(Yt,{isSelected:c,style:{textTransform:"capitalize"},children:n.transactionDirection})}),t.jsx(kt,{windowSize:r,style:Pe[6].customStyle,responsiveWidth:Pe[6].width,children:t.jsx(it,{text:n.memo,itemTextStyle:{color:c?h.colors.primary:h.colors.hero}})}),t.jsx(kt,{windowSize:r,style:Pe[7].customStyle,responsiveWidth:Pe[7].width,children:t.jsx(Yt,{isSelected:c,children:Ze("0,0.[00]",n.amount)})}),t.jsx(kt,{windowSize:r,responsiveWidth:Pe[8].width,style:Pe[8].customStyle,children:t.jsx(Yt,{isSelected:c,children:n.isZeniRecommended?t.jsx(qd,{}):null})})]})})}const Hd=s.div`
+  box-sizing: border-box;
+  width: 100%;
+  display: flex;
+  padding-right: ${o.sp8};
+`,Wd=s.div`
+  cursor: pointer;
+  display: flex;
+  border-radius: ${o.sp2};
+  width: 100%;
+  align-items: center;
+  height: ${e=>`${e.totalHeight}px`};
+  background-color: ${e=>e.theme.colors.grey5};
+  border: ${e=>`1px solid ${e.theme.colors.grey3}`};
+  border-color: ${e=>e.isSelected===!0?e.theme.colors.primary:"none"};
+  box-shadow: ${e=>`${o.sp0} 2px ${o.sp1} ${e.theme.colors.dropShadowNormal}`};
+  :hover {
+    border: ${e=>`1px solid ${e.theme.colors.primary}`};
+  }
+`,kt=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;
+`,Yt=s(Ve)`
+  color: ${e=>e.isSelected===!0?e.theme.colors.primary:e.theme.colors.hero};
+  span {
+    padding-left: ${o.sp3};
+  }
+`,Ud=s(bt)`
+  text-transform: capitalize;
+  color: ${e=>e.isSelected===!0?e.theme.colors.primary:e.theme.colors.hero};
+`,qd=s(En)`
+  width: ${o.sp3};
+  height: ${o.sp3};
+  margin-right: ${o.sp1};
+  path {
+    stroke-width: 2;
+  }
+`,Kd=s.div`
+  padding: 1px 6px;
+  border-radius: ${o.sp1};
+  border: ${e=>`1px solid ${e.isSelected?e.theme.colors.primary:e.theme.colors.hero}`};
+`,Jd=Ae.getLocalizedStrings(),{common:{all:Ni,strings:{empty:Vi}}}=Jd,Hi="selectedTransactionIds",Gd="expenseAutomationBankReconReconcilePage",Yd=e=>`${e}_form`;function Zd({currentFooterFormId:e,localData:n,matchedTransactions:l,sortConfig:r,onSaveReconciliation:h,selectedAccountId:p,onReconTabColumnSortConfigChanged:a,onUpdateReconcileTabLocalData:d,setCurrentFooterFormId:c}){const m=an({mode:"all",defaultValues:{selectedTransactionIds:n.selectedTransactionIds},values:{selectedTransactionIds:n.selectedTransactionIds}}),u={label:t.jsx(Ed,{onReconTabColumnSortConfigChanged:a,sortConfig:r}),value:Ni.toLocaleLowerCase(),defaultChecked:!1,groupLabel:!0},g=l.map(v=>({label:t.jsx(Vd,{transaction:v,selectedTransactionIds:n.selectedTransactionIds,transactionId:v.id}),value:v.id,defaultChecked:!1,groupLabel:!1})),f=[u,...g],C=async v=>{const k=v[Hi].filter(y=>y!=Ni.toLocaleLowerCase());d(k)};i.useEffect(()=>{const v=m.watch(k=>{k!=null&&An(()=>C(k))});return()=>{v.unsubscribe()}}),i.useEffect(()=>(e!=="expenseAutomationBankReconReconcilePage"&&c("expenseAutomationBankReconReconcilePage"),()=>{c("expenseAutomationPage")}),[]);const w=i.useCallback(()=>{h({reconcileAction:"reconcile"})},[h]);if(l.length===0){const v=Je("reconciliation",void 0,p).tabs.find(k=>k.id==="reconcile")?.allDoneText;return t.jsx(tu,{children:t.jsx(Tt,{tab:"missing_receipts",title:v?.title??Vi,subTitle:v?.subTitle??Vi})})}return t.jsx(Qd,{children:t.jsx(sn,{...m,children:t.jsx(Xd,{onSubmit:m.handleSubmit(w),id:Yd(Gd),children:t.jsx(eu,{children:t.jsx(jc,{name:Hi,checkBoxes:f,checkBoxStyle:{padding:20},labelCheckBoxStyle:{padding:20},rowHeight:Nd,mode:n.selectedTransactionIds.length>0?"always_on":"checked_or_hover",checkBoxContainerStyle:{boxSizing:"border-box"}})})})})})}const Qd=s.div``,Xd=s.form``,eu=s.div`
+  height: calc(100vh - 350px);
+`,tu=s.div`
+  height: 100%;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+`,No=69,ye={COLUMN_ONE:187,COLUMN_THREE:136,COLUMN_FOUR:240,COLUMN_FIVE:146},Cs=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;
+`,ws=s.div`
+  display: flex;
+  flex-direction: column;
+  gap: ${o.sp5};
+  align-items: flex-start;
+  padding-bottom: ${o.sp9};
+  width: 100%;
+`,bs=s.div`
+  width: 100%;
+`,vs=s.div`
+  width: 100%;
+`,ii=s.div`
+  display: flex;
+  flex-direction: row;
+  padding: ${o.sp2};
+  padding-right: ${o.sp3};
+  justify-content: space-between;
+  border-bottom: ${e=>`1px solid ${e.theme.colors.grey3}`};
+`,ai=s.div`
+  display: flex;
+  flex-direction: row;
+  justify-content: space-between;
+  padding: ${o.sp2};
+  padding-right: ${o.sp3};
+`,nu=s.div`
+  border-top: ${e=>`1px solid ${e.theme.colors.grey3}`};
+  display: flex;
+  flex-direction: row;
+  justify-content: space-between;
+  padding: ${o.sp2};
+  padding-right: ${o.sp3};
+`,ou=s.div`
+  padding: ${o.sp2} ${o.sp3};
+`,si=s.div`
+  display: flex;
+`,iu=s.div`
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  gap: ${o.sp1};
+  padding: ${o.sp2} ${o.sp0};
+  background-color: ${e=>e.theme.colors.grey3};
+  border-bottom-left-radius: ${o.sp2};
+  border-bottom-right-radius: ${o.sp2};
+`,ri=s.div`
+  display: flex;
+  flex-direction: column;
+  border: ${e=>`1px solid ${e.theme.colors.grey3}`};
+  border-radius: ${o.sp2};
+  background-color: ${e=>e.theme.colors.grey5};
+  box-shadow: ${e=>e.theme.colors.elevation1};
+  cursor: pointer;
+  border: ${e=>`1px solid ${e.showBorder===!0?e.theme.colors.primary:e.theme.colors.grey3}`};
+  .highlight {
+    color: ${e=>e.showBorder===!0?e.theme.colors.primary:e.theme.colors.hero};
+  }
+  :hover {
+    border: ${e=>`1px solid ${e.theme.colors.primary}`};
+  }
+  :hover .highlight {
+    color: ${e=>e.theme.colors.primary};
+  }
+`,oe=s.div`
+  display: flex;
+  flex-direction: column;
+  width: 180px;
+  padding: ${o.sp2};
+  .hover-background {
+    border-radius: ${o.sp1};
+    background-color: ${e=>e.forceHoverEffect===!0?e.theme.colors.background:"unset"};
+    .select-control {
+      background-color: ${e=>e.forceHoverEffect===!0?e.theme.colors.background:"unset"};
+    }
+    :hover {
+      background-color: ${e=>`${e.showHoverEffect===!0?e.theme.colors.background:"unset"}`};
+      .select-control {
+        background-color: ${e=>e.theme.colors.background};
+      }
+    }
+    :focus-within {
+      background-color: ${e=>`${e.showHoverEffect===!0?e.theme.colors.background:"unset"}`};
+      .select-control {
+        background-color: ${e=>e.theme.colors.background};
+      }
+    }
+  }
+  .item-value-container {
+    .grouped-single-select-field__menu {
+      margin-top: ${o.sp2};
+    }
+  }
+`,yt=s.div`
+  padding: ${o.sp2} ${o.sp3};
+`,ce=s(bt)`
+  color: ${e=>e.theme.colors.hero};
+`,fe=s(Ve)`
+  width: 100%;
+  color: ${e=>e.theme.colors.hero};
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+`,ue=s.div`
+  display: flex;
+  gap: ${o.sp1};
+  color: ${e=>e.theme.colors.primary};
+  .select-value-container {
+    .auto-complete-single-select-field__input-container {
+      .auto-complete-single-select-field__input {
+        text-align: left;
+      }
+    }
+    .grouped-single-select-field__input-container {
+      .grouped-single-select-field__input {
+        text-align: left;
+      }
+    }
+  }
+`,li=s.div`
+  border-left: ${e=>`1px solid ${e.theme.colors.grey3}`};
+  display: flex;
+  flex-direction: column;
+  gap: ${o.sp3};
+  align-items: center;
+  justify-content: center;
+  padding: ${o.sp0} 42px;
+`,ci=s.div`
+  flex: 1;
+`,Ss=s(bt)`
+  padding: ${o.sp0} 6px;
+  color: ${tt.info};
+  border: 1px solid ${tt.info};
+  border-radius: ${o.sp1};
+  margin-top: ${o.sp1};
+`,Yn=s(Et)`
+  padding: ${o.sp2};
+  color: ${e=>e.theme.colors.hero};
+  background: ${e=>e.theme.colors.overlayColor};
+  border-radius: ${o.sp1};
+`,Ye=s(Yn)`
+  padding: 2px ${o.sp2};
+`,Pt=Ae.getLocalizedStrings().expenseAutomation.accountRecon.review.header,Lt=[{key:"date",value:Pt.date,sortOrder:"ascending",width:new ae(20,20),loaderWidth:120},{key:"payee",value:Pt.payee,sortOrder:"ascending",width:new ae(20,20),loaderWidth:212},{key:"memo",value:Pt.memo,sortOrder:"ascending",width:new ae(20,20),loaderWidth:192},{key:"direction",value:Pt.direction,sortOrder:"ascending",width:new ae(15,15),loaderWidth:84},{key:"match",value:Pt.match,sortOrder:"ascending",width:new ae(15,15),loaderWidth:152},{key:"amount",value:Pt.amount,sortOrder:"ascending",width:new ae(10,10),loaderWidth:64}],Vo=[{key:"payee",value:Pt.payee,sortOrder:"ascending",width:new ae(65,65),loaderWidth:212},{key:"amount",value:Pt.amount,sortOrder:"ascending",width:new ae(30,30),loaderWidth:64}],au=e=>{const{sortConfig:n,onColumnSortConfigChanged:l}=e,r=Te(),h=Rt()?Vo:Lt,[p,a]=i.useState(()=>h.map(c=>({...c,sortOrder:c.key===n.sortKey?n.sortOrder:"ascending"})));i.useEffect(()=>{a(h.map(c=>({...c,sortOrder:c.key===n.sortKey?n.sortOrder:"ascending"})))},[n.sortKey,n.sortOrder,h]);const d=(c,m)=>{let u=m;n.sortKey===c&&(u=m==="ascending"?"descending":"ascending"),l(c,u)};return t.jsx(ru,{children:p.map(c=>t.jsxs(lu,{sortDataValue:n.sortKey,actualDataValue:c.key,wrapperWidth:c.width,windowSize:r,isLastColumn:c.key==="amount",children:[t.jsxs(cu,{"data-testid":F("account-reconciliation-review-header",c.value),sortKey:c.key,onClick:()=>d(c.key,c.sortOrder),children:[t.jsx(bt,{children:c.value}),t.jsx(du,{sortDataValue:n.sortKey,headerData:c,children:t.jsx(uu,{})})]}),t.jsx(hu,{sortDataValue:n.sortKey,windowSize:r,isVisible:n.sortKey===c.key&&(n.sortKey!=="date"||n.sortOrder==="ascending"),children:t.jsx(pu,{"data-testid":F("account-reconciliation-review-sort-by-date"),onClick:()=>d("date","ascending")})})]},c.key))})},su=i.memo(au),ru=s(Et)`
+  top: 0;
+  left: 0;
+  width: fit-content;
+  min-width: 100%;
+  z-index: 6;
+  display: flex;
+  align-items: center;
+  box-sizing: border-box;
+  padding: ${o.sp3} ${o.sp4};
+  position: sticky;
+  color: ${e=>e.theme.colors.grey1};
+  background-color: ${e=>e.theme.colors.grey4};
+`,lu=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: ${o.sp0};
+  justify-content: ${e=>e.isLastColumn===!0?"flex-end":"flex-start"};
+`,cu=s.div`
+  display: flex;
+  cursor: pointer;
+  gap: ${o.sp1};
+  &:hover {
+    color: ${e=>e.theme.colors.primary};
+  }
+  white-space: nowrap;
+`,du=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"?Se`
+          padding-top: 2px;
+        `:Se`
+          padding-bottom: 2px;
+        `}
+`,uu=s(oo)`
+  width: ${o.sp2};
+  height: ${o.sp2};
+  cursor: pointer;
+  color: inherit;
+`,hu=s.div`
+  display: ${e=>e.isVisible?"flex":"none"};
+  align-items: center;
+  padding-top: 2px;
+`,pu=s(io)`
+  width: 12px;
+  height: 12px;
+  cursor: pointer;
+  color: ${e=>e.theme.colors.hero};
+`,ht="accountReconReviewTableSection",{dateFormat:mu,expenseAutomation:gu,common:Ct}=Ae.getLocalizedStrings(),{visual:js}=mu,{accountRecon:be}=gu,ks=e=>[{label:be.review.formLabels.allBankAccounts,options:e.map(n=>({label:n.accountName,value:n.accountId}))}],Is=e=>[{label:be.review.formLabels.allCreditCards,options:e.map(n=>({label:n.accountName,value:n.accountId}))}],Wi=e=>`${ht}_${e}_form`,Re=(e,n)=>`${ht}.${e}.${n}`,xu=e=>{const{sortKey:n,sortOrder:l,accountReconEntity:r,entitySearchAutoCompleteActions:h,allAccountList:p,classList:a,localData:d,accountListNestedAccountHierarchy:c,classListNestedAccountHierarchy:m,selectedAccountId:u,entitySearchAutoCompleteData:g,excludeFetchById:f,saveFetchById:C,reviewTabSelectedVendorByTransactionId:w,refreshStatus:v,updateLocalData:k,onColumnSortConfigChanged:y,onSaveReconciliation:R,onSaveReconciliationReview:I,onReconMatchedTransactionClick:S,bankAccounts:T,creditCards:D}=e,{transactionsToReview:A,account:{accountType:O}}=r,b=i.useRef(null),[$,M]=i.useState(null),N=z=>{const V=A[z],de=us(V),_=hs(V),H=ps(V,O??"bank"),ie=ms(V,O??"bank"),he=gs(V),xe=ti(V),ge=V.recommendedAction.recommendedTransactions[0]?.merchantName!=null;return V.transactionId===$?_||H||ie||he||xe?275+(ge?25:0):de?185+V.recommendedAction.recommendedTransactions.length*40+(ge?25:0):146:72},G=i.useMemo(()=>({onColumnSortConfigChanged:y,sortConfig:{sortKey:n,sortOrder:l}}),[y,n,l]);if(i.useEffect(()=>{M(A[0]?.transactionId??null),b.current?.resetAfterIndex(0)},[n,l]),i.useEffect(()=>{b.current?.resetAfterIndex(0)},[$]),i.useEffect(()=>{b.current?.resetAfterIndex(0)},[A.length]),i.useEffect(()=>{v.fetchState==="Completed"&&b.current?.resetAfterIndex(0)},[v]),A.length===0){const z=Je("reconciliation",void 0,u).tabs.find(V=>V.id==="review")?.allDoneText;return t.jsx(Fu,{children:t.jsx(Tt,{tab:"reconciliation",title:z?.title??Ct.strings.empty,subTitle:z?.subTitle??Ct.strings.empty})})}return t.jsx(ju,{children:t.jsx($s.Provider,{value:G,children:t.jsx(to,{children:({height:z,width:V})=>t.jsx(no,{width:V,height:z,innerElementType:Ls,ref:b,itemCount:A.length,itemSize:N,itemKey:de=>A[de].transactionId,overscanCount:el,itemData:{transactionsList:A,expandedRowId:$,allAccountList:p,classList:a,accountListNestedAccountHierarchy:c,classListNestedAccountHierarchy:m,localData:d,entitySearchAutoCompleteData:g,entitySearchAutoCompleteActions:h,excludeFetchById:f,saveFetchById:C,reviewTabSelectedVendorByTransactionId:w,bankAccounts:T,creditCards:D,accountType:O,updateLocalData:k,setExpandedRowId:M,onSaveReconciliation:R,onSaveReconciliationReview:I,onReconMatchedTransactionClick:S},initialScrollOffset:0,children:fu})})})})},$s=i.createContext(void 0),Ls=i.forwardRef((e,n)=>{const{children:l,style:r,...h}=e,p=i.useContext($s);return t.jsxs(ku,{ref:n,style:{...r,width:"auto",maxWidth:"var(--side-panel-list-width, 100%)",padding:`${o.sp0} ${o.sp8}`},...h,children:[p!=null&&t.jsx(su,{onColumnSortConfigChanged:p.onColumnSortConfigChanged,sortConfig:p.sortConfig}),t.jsx(Iu,{children:l})]})});Ls.displayName="Account recon review table inner element type";const fu=({index:e,style:n,data:l})=>{const{selectedTransactionId:r}=eo(),{transactionsList:h,expandedRowId:p,setExpandedRowId:a,entitySearchAutoCompleteActions:d,allAccountList:c,classList:m,localData:u,updateLocalData:g,accountListNestedAccountHierarchy:f,classListNestedAccountHierarchy:C,entitySearchAutoCompleteData:w,onSaveReconciliation:v,onSaveReconciliationReview:k,onReconMatchedTransactionClick:y,excludeFetchById:R,saveFetchById:I,reviewTabSelectedVendorByTransactionId:S,bankAccounts:T,creditCards:D,accountType:A}=l,O=h[e],b=r!=null&&r===O.transactionId;return t.jsx(Su,{isPanelSelected:b,style:{...n,width:"100%"},children:t.jsx(yu,{transaction:O,expandedRowId:p,setExpandedRowId:a,entitySearchAutoCompleteActions:d,accountListNestedAccountHierarchy:f,allAccountList:c,classList:m,localData:u,updateLocalData:g,entitySearchAutoCompleteData:w,classListNestedAccountHierarchy:C,onSaveReconciliation:v,onSaveReconciliationReview:k,onReconMatchedTransactionClick:y,excludeFetchById:R,saveFetchById:I,selectedVendor:S[O.transactionId],bankAccounts:T,creditCards:D,accountType:A})})},yu=({transaction:e,expandedRowId:n,accountListNestedAccountHierarchy:l,entitySearchAutoCompleteActions:r,allAccountList:h,classList:p,classListNestedAccountHierarchy:a,localData:d,entitySearchAutoCompleteData:c,excludeFetchById:m,saveFetchById:u,selectedVendor:g,bankAccounts:f,creditCards:C,accountType:w,setExpandedRowId:v,updateLocalData:k,onSaveReconciliation:y,onSaveReconciliationReview:R,onReconMatchedTransactionClick:I})=>{const S=n===e.transactionId,T=Te(),D=Rt(),A=d[e.transactionId],O=e.recommendedAction.action==="record_bill_payment",b=e.recommendedAction.action==="record_expense",$=ti(e),M=h.find(z=>z.accountId===e.recommendedAction.recommendedTransactions[0]?.accountId),N=z=>z.recommendedAction.recommendedTransactions.length>0&&z.recommendedAction.recommendedTransactions[0].merchantName!=null?z.recommendedAction.recommendedTransactions[0].merchantName:Ct.strings.hyphen,G=e.recommendedAction.recommendedTransactions[0]?.merchantName;return t.jsxs(wu,{className:"recon-row-card",isQuickViewMode:D,isExpanded:S,children:[t.jsxs(bu,{isExpanded:S,onClick:()=>v(e.transactionId),"data-testid":F("account-reconciliation-review-row",e.transactionId),children:[D?null:t.jsx(un,{windowSize:T,responsiveWidth:Lt[0].width,children:t.jsx(dn,{children:e.transactionDate.format(js.MMMDCommaYYYYformat)})}),t.jsx(un,{windowSize:T,responsiveWidth:D?Vo[0].width:Lt[1].width,children:t.jsx(dn,{children:t.jsx(it,{itemTextStyle:{...Nt.standardRegular.cssObject,color:"inherit"},text:N(e)})})}),D?null:t.jsxs(t.Fragment,{children:[t.jsx(un,{windowSize:T,responsiveWidth:Lt[2].width,children:t.jsx(dn,{children:t.jsx(it,{itemTextStyle:{...Nt.standardRegular.cssObject,color:"inherit"},text:e.memo})})}),t.jsx(un,{windowSize:T,responsiveWidth:Lt[3].width,children:t.jsx(dn,{style:{textTransform:"capitalize"},children:e.transactionDirection})}),t.jsxs(un,{windowSize:T,responsiveWidth:Lt[4].width,children:[t.jsx(Ue,{controller:O,children:t.jsx(Pu,{children:t.jsx(zu,{children:be.review.matchesCount.replace("__count__",e.recommendedAction.recommendedTransactions.length.toString())})})}),t.jsx(Ue,{controller:!O,children:t.jsx(dn,{children:M!=null?t.jsxs(t.Fragment,{children:[t.jsx(Ts,{}),t.jsx(it,{itemTextStyle:{...Nt.standardRegular.cssObject,color:"inherit"},text:M.accountName})]}):Ct.strings.hyphen})})]})]}),t.jsx(un,{windowSize:T,isLastColumn:!0,responsiveWidth:D?Vo[1].width:Lt[5].width,children:t.jsx(dn,{children:ls("0,0.00",e.amount.amount,e.amount.currencySymbol)})})]}),t.jsxs(Ue,{controller:S&&A!=null,children:[t.jsx(Cu,{onSaveReconciliation:y,onSaveReconciliationReview:R,updateLocalData:k,saveFetchById:u,excludeFetchById:m,localData:A,classListNestedAccountHierarchy:a,allAccountList:h,classList:p,transaction:e,accountListNestedAccountHierarchy:l,entitySearchAutoCompleteActions:r,entitySearchAutoCompleteData:c,selectedVendor:g,bankAccounts:f,creditCards:C,accountType:w,onReconMatchedTransactionClick:I}),t.jsx(Ue,{controller:(O||b||$)&&G!=null,children:t.jsx(Vu,{children:t.jsxs(Hu,{children:[w==="credit_card"?be.review.creditCardDetail:be.review.bankDetail,Ct.strings.colon," ",G]})})})]})]})},Cu=({transaction:e,accountListNestedAccountHierarchy:n,entitySearchAutoCompleteActions:l,allAccountList:r,classList:h,classListNestedAccountHierarchy:p,localData:a,entitySearchAutoCompleteData:d,excludeFetchById:c,saveFetchById:m,selectedVendor:u,bankAccounts:g,creditCards:f,accountType:C,updateLocalData:w,onSaveReconciliation:v,onSaveReconciliationReview:k,onReconMatchedTransactionClick:y})=>{const R=mt(),I=Rt(),[S,T]=i.useState(!a.vendor?.id),[D,A]=i.useState(!a.customer?.id),[O,b]=i.useState(a.categoryId==null),[$,M]=i.useState(a.classId==null),[N,G]=i.useState(a.bankAccountId==null),[z,V]=i.useState(a.creditCardId==null),[de,_]=i.useState(!a.memo),H=us(e),ie=hs(e),he=ms(e,C??"bank"),xe=ps(e,C??"bank"),ge=gs(e),q=ti(e),K=i.useMemo(()=>{if(!ie&&!q)return Vt(n);if(u!=null&&u.id!==e.recommendedAction.recommendedTransactions[0]?.merchantId)return Vt(n,u?.recommendations);const j=r.find(je=>je.accountId===e.recommendedAction.recommendedTransactions[0]?.accountId),se=j!=null?{...j,reason:be.review.zeniGptRecommendation,min:0,max:0}:void 0;return Vt(n,[{account:se}])},[ie,q,u,e.recommendedAction.recommendedTransactions,r,n]),Y=i.useMemo(()=>{if(!ie&&!q)return Jn(p);if(u!=null&&u.id!==e.recommendedAction.recommendedTransactions[0]?.merchantId)return Jn(p,u?.recommendations);const j=h.find(je=>je.classId===e.recommendedAction.recommendedTransactions[0]?.classId),se=j!=null?{...j,reason:be.review.zeniGptRecommendation,min:0,max:0}:void 0;return Jn(p,[{class:se}])},[ie,q,u,e.recommendedAction.recommendedTransactions,h,p]),B=an({mode:"onSubmit",reValidateMode:"onSubmit",shouldFocusError:!0,defaultValues:i.useMemo(()=>Ui(e,a,K,r,Y,g,f,d),[e,a,Y,r,K,g,f,d]),values:i.useMemo(()=>Ui(e,a,K,r,Y,g,f,d),[e,a,Y,r,K,g,f,d])}),E=async(j,se)=>{j.includes("memo")||w(qi(se,e,d,r),e.transactionId,j.includes("vendor"))};i.useEffect(()=>{const j=B.watch((se,{name:je})=>{je!=null&&se!=null&&An(()=>E(je,se))});return()=>{j.unsubscribe()}});const Z=i.useCallback(j=>{if(!I){if(ie||ge||q){if((ie||q)&&a.vendor==null){T(!1),B.setError(Re(e.transactionId,"vendor"),{type:"required"});return}if(ge&&a.customer==null){A(!1),B.setError(Re(e.transactionId,"customer"),{type:"required"});return}if(a.categoryId==null){b(!1),B.setError(Re(e.transactionId,"category"),{type:"required"});return}}w(qi(j,e,d,r),e.transactionId,!1),k(e.transactionId)}},[I,ie,q,ge,w,e,d,r,k,a.categoryId,a.vendor,a.customer]),P=B.watch(Re(e.transactionId,"vendor")),X=B.watch(Re(e.transactionId,"customer")),J=i.useRef(),W=i.useMemo(()=>ie||q?"vendor":ge?"customer":null,[ie,q,ge]),U=(j,se)=>{W!=null&&l.onAutoCompleteInputChange?.(j,W),J.current=se};i.useEffect(()=>{d.entityAutoCompleteView.fetchState==="Completed"&&((ie||q)&&J.current?.(ns(d.entityAutoCompleteView)),ge&&J.current?.(hl(d.entityAutoCompleteView)))},[d.entityAutoCompleteView,ge,ie,q]);const L=j=>h.filter(se=>se.classId===j)[0]?.accountingClassNumber??void 0,ne=j=>r.filter(se=>se.qboId===j)[0]?.qboId,ee=i.useMemo(()=>{if(C==="bank")switch(e.recommendedAction.action){case"record_bill_payment":return["record_bill_payment"];case"record_cc_payment":case"record_expense":case"record_transfer":return["record_expense","record_transfer","record_cc_payment"];default:return["record_deposit","record_cc_credit"]}else switch(e.transactionDirection){case"payment":return["record_expense"];case"deposit":return["record_cc_credit","record_cc_payment"];default:return[]}},[C,e.recommendedAction.action,e.transactionDirection]),Q=()=>{I||b(!1)},pe=()=>{I||G(!1)},Ie=()=>{I||V(!1)};return i.useEffect(()=>{O===!1&&a.categoryId==null&&B.setFocus(Re(e.transactionId,"category"))},[O]),i.useEffect(()=>{$===!1&&a.classId==null&&B.setFocus(Re(e.transactionId,"class"))},[$]),i.useEffect(()=>{S===!1&&a.vendor==null&&B.setFocus(Re(e.transactionId,"vendor"))},[S]),i.useEffect(()=>{D===!1&&a.customer==null&&B.setFocus(Re(e.transactionId,"customer"))},[D]),i.useEffect(()=>{N===!1&&a.bankAccountId==null&&B.setFocus(Re(e.transactionId,"bankAccount"))},[N]),i.useEffect(()=>{z===!1&&a.creditCardId==null&&B.setFocus(Re(e.transactionId,"creditCard"))},[z]),t.jsx(sn,{...B,children:t.jsx("form",{onSubmit:B.handleSubmit(Z),id:Wi(e.transactionId),children:t.jsxs(vu,{children:[t.jsxs($u,{children:[t.jsxs(Au,{children:[t.jsxs(Eu,{children:[t.jsx(Ts,{}),t.jsx(co,{label:{label:H?be.review.formLabels.match:be.review.formLabels.categorize},radioField:{name:Re(e.transactionId,"match_radio"),id:H?"match":"categorize",value:H?"match":"categorize",checked:!0,style:{width:o.sp3,height:o.sp3,padding:"2px"}},style:{width:"auto"}})]}),t.jsx(Ue,{controller:!H,children:t.jsxs(t.Fragment,{children:[t.jsx(Ki,{}),ee.map(j=>t.jsx(co,{label:{label:be.review.formLabels[j]},style:{width:"auto"},isDisabled:"readonly",changeLabelColorInDisableMode:!0,radioField:{name:Re(e.transactionId,"recommendedActionType"),id:j,value:j,style:{width:o.sp3,height:o.sp3,padding:"2px"}}},j))]})})]}),t.jsxs(Tu,{children:[t.jsx($n,{variant:"secondary",size:"small",label:be.review.formLabels.exclude,loading:c[e.transactionId]?.fetchState==="In-Progress","data-testid":F("account-reconciliation-review-exclude-button",e.transactionId),style:{width:o.sp10},reverseSpinnerColor:!1,onClick:()=>{I||v({reconcileAction:"exclude",excludeTransactionId:e.transactionId})}}),t.jsx($n,{form:Wi(e.transactionId),"data-testid":F("account-reconciliation-review-save-button",e.transactionId),label:Ct.footer.save,style:{width:o.sp10},variant:"primary",size:"small",type:"submit",loading:m[e.transactionId]?.fetchState==="In-Progress"})]})]}),t.jsx(Ue,{controller:ie||ge||q,children:t.jsxs(mo,{children:[t.jsx(Ue,{controller:ie||q,children:t.jsx($t,{onClickAway:()=>{a.vendor==null&&S===!1&&T(!0)},children:t.jsx(oe,{style:{flex:1,padding:x[0],justifyContent:"center"},showHoverEffect:!0,forceHoverEffect:!1,children:t.jsxs(yt,{className:"hover-background",style:{padding:`${o.sp2} ${o.sp3}`},children:[t.jsx(ce,{style:{display:"flex",alignItems:"center",gap:x[1]},children:Ct.texts.vendor}),t.jsx(ue,{style:{gap:x[3]},className:"item-value-container",children:t.jsx(t.Fragment,{children:S===!0?t.jsxs(fe,{onClick:j=>{j.stopPropagation(),!I&&T(!1)},"data-testid":F("account-reconciliation-review-add-vendor-button",e.transactionId),style:{display:"inline-flex",alignItems:"center",gap:x[1],color:R.colors.champion,cursor:"pointer"},children:[t.jsx(Zt,{}),be.review.formLabels.addVendor]}):t.jsx(Bo,{name:Re(e.transactionId,"vendor"),allowEmpty:!1,placeholder:be.review.formLabels.addVendor,valueToId:j=>j,defaultValue:{selectedOption:P?.selectedOption,defaultOptions:P?.defaultOptions??[]},style:{width:"100%"},customStyleConfig:{valueContainer:()=>({justifyContent:"flex-start"}),control:()=>({height:o.sp4})},registerOptions:{required:!0,validate:j=>!!j.selectedOption},loadOptions:U})})})]})})})}),t.jsx(Ue,{controller:ge,children:t.jsx($t,{onClickAway:()=>{a.customer==null&&D===!1&&A(!0)},children:t.jsx(oe,{style:{flex:1,padding:x[0],justifyContent:"center"},showHoverEffect:!0,forceHoverEffect:!1,children:t.jsxs(yt,{className:"hover-background",style:{padding:`${o.sp2} ${o.sp3}`},children:[t.jsx(ce,{style:{display:"flex",alignItems:"center",gap:x[1]},children:Ct.texts.customer}),t.jsx(ue,{style:{gap:x[3]},className:"item-value-container",children:t.jsx(t.Fragment,{children:D===!0?t.jsxs(fe,{onClick:j=>{j.stopPropagation(),!I&&A(!1)},"data-testid":F("account-reconciliation-review-add-customer-button",e.transactionId),style:{display:"inline-flex",alignItems:"center",gap:x[1],color:R.colors.champion,cursor:"pointer"},children:[t.jsx(Zt,{}),be.review.formLabels.addCustomer]}):t.jsx(Bo,{name:Re(e.transactionId,"customer"),allowEmpty:!1,placeholder:be.review.formLabels.addCustomer,valueToId:j=>j,defaultValue:{selectedOption:X?.selectedOption,defaultOptions:X?.defaultOptions??[]},style:{width:"100%"},customStyleConfig:{valueContainer:()=>({justifyContent:"flex-start"}),control:()=>({height:o.sp4})},registerOptions:{required:!0,validate:j=>!!j.selectedOption},loadOptions:U})})})]})})})}),t.jsx($t,{onClickAway:()=>{a.categoryId==null&&O===!1&&b(!0)},children:t.jsx(oe,{showHoverEffect:!0,forceHoverEffect:!1,style:{padding:"unset",justifyContent:"center",flex:1},children:t.jsxs(yt,{className:"hover-background",children:[t.jsx(ce,{style:{display:"flex",alignItems:"center",gap:x[1]},children:Ct.texts.category}),t.jsx(ue,{className:"item-value-container",children:t.jsx(t.Fragment,{children:O===!0?t.jsxs(fe,{onClick:j=>{j.stopPropagation(),!I&&Q()},"data-testid":F("account-reconciliation-review-add-category-button",e.transactionId),style:{display:"inline-flex",alignItems:"center",gap:x[1],color:R.colors.champion,cursor:"pointer"},children:[t.jsx(Zt,{}),be.review.formLabels.addCategory]}):t.jsx(mn,{shouldShowChevronIcon:!1,menuPortal:document.body,name:Re(e.transactionId,"category"),placeholder:be.review.formLabels.addCategory,valueToId:j=>ne(j),defaultValue:{allOptions:K,selectedOption:r.find(j=>j.accountId===a.categoryId)?.qboId},registerOptions:{required:!0,validate:j=>!!j.selectedOption},customStyleConfig:Vn})})})]})})}),t.jsx($t,{onClickAway:()=>{a.classId==null&&$===!1&&M(!0)},children:t.jsx(oe,{showHoverEffect:!0,forceHoverEffect:!1,style:{padding:"unset",justifyContent:"center",flex:1},children:t.jsxs(yt,{className:"hover-background",children:[t.jsx(ce,{style:{display:"flex",alignItems:"center",gap:x[1]},children:Ct.texts.class}),t.jsx(ue,{className:"item-value-container",children:t.jsx(t.Fragment,{children:$===!0?t.jsxs(fe,{onClick:j=>{j.stopPropagation(),!I&&M(!1)},"data-testid":F("account-reconciliation-review-add-class-button",e.transactionId),style:{display:"inline-flex",alignItems:"center",gap:x[1],color:R.colors.champion,cursor:"pointer"},children:[t.jsx(Zt,{}),be.review.formLabels.addClass]}):t.jsx(mn,{shouldShowChevronIcon:!1,menuPortal:document.body,name:Re(e.transactionId,"class"),placeholder:be.review.formLabels.addClass,valueToId:j=>L(j),defaultValue:{allOptions:Y,selectedOption:a.classId},registerOptions:{required:!0,validate:j=>!!j.selectedOption},customStyleConfig:Vn})})})]})})})]})}),t.jsx(Ue,{controller:H,children:t.jsxs(Ru,{children:[t.jsxs(Du,{children:[t.jsx("span",{className:"matched-text",children:`${be.review.matchedFoundCount.replace("__count__",e.recommendedAction.recommendedTransactions.length.toString())} `}),be.review.matchesFoundFullInfo]}),t.jsx(Mu,{children:e.recommendedAction.recommendedTransactions.map(j=>j.bookTransactionId!=null?t.jsxs(_u,{children:[t.jsx(co,{label:{label:t.jsxs(Ou,{children:[t.jsx(Ve,{children:j.date.format(js.MMMDCommaYYYYformat)}),t.jsx(Ve,{children:j.memo})]})},style:{width:"auto"},isDisabled:void 0,changeLabelColorInDisableMode:!0,radioField:{name:Re(e.transactionId,"matchedTransaction"),registerOptions:{required:!0},id:j.bookTransactionId,value:j.bookTransactionId,style:{width:o.sp3,height:o.sp3,padding:"2px"}}}),t.jsxs(Nu,{"data-testid":F("account-reconciliation-review-matched-transaction-amount",j.bookTransactionId),onClick:()=>{j.bookTransactionId!=null&&y(j.bookTransactionId)},children:[t.jsx(Bu,{children:ls("0,0.00",j.amount.amount,j.amount.currencySymbol)}),t.jsx(Ki,{})]})]},j.bookTransactionId):null)})]})}),t.jsx(Ue,{controller:he,children:t.jsx(mo,{children:t.jsx($t,{onClickAway:()=>{a.bankAccountId==null&&N===!1&&G(!0)},children:t.jsx(oe,{showHoverEffect:!0,forceHoverEffect:!1,style:{padding:"unset",justifyContent:"center",flex:1},children:t.jsxs(yt,{className:"hover-background",children:[t.jsx(ce,{style:{display:"flex",alignItems:"center",gap:x[1]},children:C==="credit_card"?be.review.formLabels.selectAccount:be.review.formLabels.transferTo}),t.jsx(ue,{className:"item-value-container",children:t.jsx(t.Fragment,{children:N===!0?t.jsxs(fe,{onClick:j=>{j.stopPropagation(),!I&&pe()},"data-testid":F("account-reconciliation-review-add-account-button",e.transactionId),style:{display:"inline-flex",alignItems:"center",gap:x[1],color:R.colors.brandColorGoldDark,cursor:"pointer"},children:[t.jsx(Zt,{}),be.review.formLabels.selectAccount]}):t.jsx(mn,{shouldShowChevronIcon:!1,menuPortal:document.body,name:Re(e.transactionId,"bankAccount"),placeholder:be.review.formLabels.selectAccount,defaultValue:{allOptions:ks(g),selectedOption:a.bankAccountId},registerOptions:{required:!0,validate:j=>!!j.selectedOption},customStyleConfig:Vn})})})]})})})})}),t.jsx(Ue,{controller:xe,children:t.jsx(mo,{children:t.jsx($t,{onClickAway:()=>{a.creditCardId==null&&z===!1&&V(!0)},children:t.jsx(oe,{showHoverEffect:!0,forceHoverEffect:!1,style:{padding:"unset",justifyContent:"center",flex:1},children:t.jsxs(yt,{className:"hover-background",children:[t.jsx(ce,{style:{display:"flex",alignItems:"center",gap:x[1]},children:be.review.formLabels.creditCard}),t.jsx(ue,{className:"item-value-container",children:t.jsx(t.Fragment,{children:z===!0?t.jsxs(fe,{onClick:j=>{j.stopPropagation(),!I&&Ie()},"data-testid":F("account-reconciliation-review-add-credit-card-button",e.transactionId),style:{display:"inline-flex",alignItems:"center",gap:x[1],color:R.colors.brandColorGoldDark,cursor:"pointer"},children:[t.jsx(Zt,{}),be.review.formLabels.selectCard]}):t.jsx(mn,{shouldShowChevronIcon:!1,menuPortal:document.body,name:Re(e.transactionId,"creditCard"),placeholder:be.review.formLabels.selectCard,defaultValue:{allOptions:Is(f),selectedOption:a.creditCardId},registerOptions:{required:!0,validate:j=>!!j.selectedOption},customStyleConfig:Vn})})})]})})})})}),t.jsx(Ue,{controller:!H,children:t.jsx(Lu,{children:t.jsx(oe,{showHoverEffect:!0,forceHoverEffect:!1,style:{padding:"unset",justifyContent:"center",width:"100%"},children:t.jsxs(yt,{className:"hover-background",children:[t.jsx(ce,{style:{display:"flex",alignItems:"center",gap:x[1]},children:be.review.header.memo}),t.jsx(ue,{className:"item-value-container",children:t.jsx(t.Fragment,{children:de===!0?t.jsxs(fe,{onClick:j=>{j.stopPropagation(),!I&&_(!1)},"data-testid":F("account-reconciliation-review-add-memo-button",e.transactionId),style:{display:"inline-flex",alignItems:"center",gap:x[1],color:R.colors.champion,cursor:"pointer"},children:[t.jsx(Zt,{}),be.review.formLabels.addMemo]}):t.jsx(pl,{name:Re(e.transactionId,"memo"),placeholder:be.review.formLabels.addMemo,type:"text",style:{padding:0,textAlign:"left",width:"100%",background:"transparent"}})})})]})})})})]})})})},Vn={valueContainer:()=>({justifyContent:"flex-start",paddingLeft:0}),control:()=>({height:o.sp4}),singleValue:()=>({margin:0}),menuPortal:()=>({zIndex:9999}),menu:()=>({width:`calc(100% + ${o.sp5})`,marginRight:`-${o.sp3}`,marginLeft:`-${o.sp3}`})},Ui=(e,n,l,r,h,p,a,d)=>{const c=r.find(m=>m.accountId===n.categoryId);return{[ht]:{[e.transactionId]:{category:{selectedOption:c?.qboId,allOptions:l},class:{selectedOption:n?.classId,allOptions:h},bankAccount:{selectedOption:n?.bankAccountId,allOptions:ks(p)},creditCard:{selectedOption:n?.creditCardId,allOptions:Is(a)},memo:n?.memo,recommendedActionType:e.recommendedAction.action,matchedTransaction:n?.matchedTransactionId,vendor:{selectedOption:n?.vendor?.id,defaultOptions:ss(d.entityAutoCompleteView,n?.vendor)},customer:{selectedOption:n?.customer?.id,defaultOptions:kl(n?.customer,d.entityAutoCompleteView)}}}}},qi=(e,n,l,r)=>{const{vendor:h,customer:p}=e[ht][n.transactionId];let a;if(h.selectedOption!=null){const c=h.defaultOptions.find(m=>m.value===h.selectedOption);if(c!=null)a={id:h.selectedOption,name:c.label};else{const m=l.entityAutoCompleteView.vendor.find(u=>u.id===h.selectedOption||u.zeniId===h.selectedOption);m!=null&&(a={id:m.zeniId,name:m.name})}}let d;if(p.selectedOption!=null){const c=p.defaultOptions.find(m=>m.value===p.selectedOption);if(c!=null)d={id:p.selectedOption,name:c.label};else{const m=l.entityAutoCompleteView.customer.find(u=>u.id===p.selectedOption||u.zeniId===p.selectedOption);m!=null&&(d={id:m.zeniId,name:m.name})}}return{categoryId:r.find(c=>c.qboId===e[ht][n.transactionId].category.selectedOption)?.accountId??e[ht][n.transactionId].category.selectedOption,classId:e[ht][n.transactionId].class.selectedOption,memo:e[ht][n.transactionId].memo,matchedTransactionId:e[ht][n.transactionId].matchedTransaction,vendor:a,bankAccountId:e[ht][n.transactionId].bankAccount.selectedOption,creditCardId:e[ht][n.transactionId].creditCard.selectedOption,customer:d}},dn=s(Ve)`
+  display: flex;
+  align-items: center;
+  column-gap: ${o.sp1};
+`,un=s.div`
+  width: ${e=>e.responsiveWidth.valuePercentage(e.windowSize)};
+  display: flex;
+  justify-content: ${e=>e.isLastColumn===!0?"flex-end":"flex-start"};
+`,wu=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: ${o.sp2};
+`,bu=s.div`
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  cursor: pointer;
+  padding: ${o.sp3} ${o.sp4};
+  column-gap: ${o.sp2};
+
+  border-bottom: ${e=>e.isExpanded?"1px solid "+e.theme.colors.primary:"none"};
+`,vu=s.div`
+  padding: ${o.sp2} ${o.sp4};
+  display: flex;
+  flex-direction: column;
+  row-gap: ${o.sp2};
+`,Su=s.div`
+  top: ${o.sp0};
+  left: ${o.sp0};
+  padding-right: var(--side-panel-list-item-pr, 0px);
+  box-sizing: border-box;
+  ${e=>e.isPanelSelected===!0&&Se`
+      .recon-row-card {
+        ${ni(e.theme)}
+      }
+    `}
+`,ju=s.div`
+  height: calc(100vh - 350px);
+  max-width: 99.9%;
+  padding: ${o.sp0};
+`,ku=s.div``,Iu=s.div`
+  position: relative;
+  width: auto;
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+  row-gap: ${o.sp3};
+`,$u=s.div`
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  justify-content: space-between;
+  padding: 12px ${o.sp3};
+  background-color: ${e=>e.theme.colors.background};
+  border-radius: ${o.sp2};
+`,mo=s.div`
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  column-gap: ${o.sp3};
+`,Lu=s.div`
+  width: 100%;
+`,Tu=s.div`
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  column-gap: ${o.sp3};
+`,Au=s.div`
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  column-gap: ${o.sp6};
+`,Eu=s.div`
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  column-gap: ${o.sp1};
+`,Zt=s(ao)`
+  width: ${o.sp3};
+  height: ${o.sp3};
+`,Ki=s(Il)`
+  width: ${o.sp3};
+  height: ${o.sp3};
+  color: ${e=>e.theme.colors.hero};
+`,Ru=s.div`
+  display: flex;
+  flex-direction: column;
+  row-gap: ${o.sp3};
+  padding: ${o.sp0} 12px;
+`,Du=s(Ve)`
+  color: ${e=>e.theme.colors.primary};
+
+  .matched-text {
+    font-weight: ${Yo.bold};
+  }
+`,Ou=s.div`
+  display: flex;
+  align-items: center;
+  column-gap: ${o.sp2};
+`,Mu=s.div`
+  display: flex;
+  flex-direction: column;
+  row-gap: ${o.sp2};
+`,_u=s.div`
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  justify-content: space-between;
+  padding-bottom: ${o.sp2};
+  border-bottom: 1px solid ${e=>e.theme.colors.grey3};
+`,Bu=s(Ve)`
+  color: ${e=>e.theme.colors.hero};
+`,Fu=s.div`
+  height: 100%;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+`,Pu=s.div`
+  border: 1px solid ${e=>e.theme.colors.grey2};
+  padding: ${o.sp0} ${o.sp1};
+  border-radius: ${o.sp1};
+`,zu=s(bt)`
+  color: ${e=>e.theme.colors.hero};
+`,Nu=s.div`
+  display: flex;
+  align-items: center;
+  column-gap: 20px;
+  cursor: pointer;
+`,Vu=s.div`
+  text-align: center;
+  padding: ${o.sp1} ${o.sp0};
+  border-top: 1px solid ${e=>e.theme.colors.grey3};
+`,Hu=s(bt)`
+  color: ${e=>e.theme.colors.hero};
+`,Ts=s(En)`
+  width: ${o.sp3};
+  height: ${o.sp3};
+  margin-right: ${o.sp1};
+  path {
+    stroke-width: 2;
+  }
+`,Wu=({reconciliation:e,entitySearchAutoCompleteData:n,selectedAccountId:l,currentFooterFormId:r,entitySearchAutoCompleteActions:h,onUpdateReconcileTabLocalData:p,setCurrentFooterFormId:a,onReconTabColumnSortConfigChanged:d,updateReviewTabLocalData:c,onReconReviewTabColumnSortConfigChanged:m,onSaveReconciliation:u,onSaveReconciliationReview:g,onReconMatchedTransactionClick:f})=>{const{accountReconciliationsByAccountID:C,reconciliationTabsState:{reconcile:{uiState:{sortKey:w,sortOrder:v}}},selectedReconAccount:k}=e,y=C[l],{transactionFetchState:R}=k??{};return R?.fetchState==="In-Progress"||R?.fetchState==="Not-Started"?t.jsxs(Ji,{style:{paddingLeft:x[8],paddingRight:x[8]},children:[t.jsx(Uu,{children:Lt.map(I=>t.jsx(Ht,{width:I.loaderWidth,height:18},I.key))}),t.jsxs(Ku,{children:[...Array(3).fill(0).map((I,S)=>t.jsx(qu,{children:Lt.map(T=>t.jsx(Ht,{width:T.loaderWidth,height:x[4]},T.key))},`${S}_${I}`))]})]}):t.jsx(Ji,{children:e.selectedTab==="reconcile"?t.jsx(Zd,{selectedAccountId:l,currentFooterFormId:r,setCurrentFooterFormId:a,onUpdateReconcileTabLocalData:p,onReconTabColumnSortConfigChanged:d,onSaveReconciliation:u,sortConfig:{sortKey:w,sortOrder:v},localData:e.reconciliationTabsState.reconcile.localData,matchedTransactions:y?.accountReconEntity.transactionsToReconcile}):t.jsx(xu,{localData:e.reconciliationTabsState.review.localData,reviewTabSelectedVendorByTransactionId:e.reviewTabSelectedVendorByTransactionId,refreshStatus:e.accountReconciliationsByAccountID[l]?.refreshStatus??{fetchState:"Not-Started",error:null},accountReconEntity:e.accountReconciliationsByAccountID[l].accountReconEntity,accountListNestedAccountHierarchy:e.accountListNestedAccountHierarchy,classListNestedAccountHierarchy:e.classListNestedAccountHierarchy,allAccountList:e.allAccountList,classList:e.allClassList,bankAccounts:e.bankAccounts,creditCards:e.creditCards,entitySearchAutoCompleteData:n,updateLocalData:c,entitySearchAutoCompleteActions:h,onColumnSortConfigChanged:m,onSaveReconciliation:u,onSaveReconciliationReview:g,onReconMatchedTransactionClick:f,excludeFetchById:e.actionFetchStates.excludeFetchById,saveFetchById:e.actionFetchStates.saveReconciliationReviewFetch,selectedAccountId:l,sortKey:e.reconciliationTabsState.review.uiState.sortKey,sortOrder:e.reconciliationTabsState.review.uiState.sortOrder})})},Ji=s.div`
+  width: 100%;
+  height: 100%;
+`,Uu=s.div`
+  display: flex;
+  justify-content: space-between;
+  padding: ${o.sp3} ${o.sp4};
+  column-gap: ${o.sp6};
+`,qu=s.div`
+  display: flex;
+  justify-content: space-between;
+  padding: ${o.sp3} ${o.sp4};
+  background-color: ${e=>e.theme.colors.grey5};
+  border-radius: ${o.sp2};
+  border: ${e=>`1px solid ${e.theme.colors.grey3}`};
+  box-shadow: ${e=>e.theme.colors.elevation1};
+  column-gap: ${o.sp6};
+`,Ku=s.div`
+  display: flex;
+  gap: ${o.sp3};
+  flex-direction: column;
+`;function Ju({title:e,config:n,nodeId:l}){return{children:[],id:l??wt("loading_in_progress",[],e),isLastNode:!1,reportElementData:{element:{kind:"loading_in_progress",title:"",data:[],numOfBalances:0},config:n}}}function Gu({account:e,numOfBalances:n,title:l,isLastNode:r,index:h,config:p}){const a=wt("ac_group_report",[],l);return{children:[],id:a,isLastNode:r,reportElementData:{element:{kind:"ac_group_report",title:l,index:h,data:e,numOfBalances:n},config:p}}}function Yu({title:e,section:n,config:l,numOfBalances:r,nodeId:h}){return{children:[],id:h??wt("total",[]),isLastNode:!1,reportElementData:{element:{kind:"total",title:e,data:n,numOfBalances:r},config:l}}}function Gi({section:e,allAccountReconciliations:n,title:l,subTitle:r,isLastNode:h,isTitleRowRequired:p,config:a}){const d=wt("section",[],l),c={children:[],id:d,isLastNode:h,reportElementData:{element:{kind:"section",title:l,data:e,numOfBalances:0},config:a}};if(p){const u=wt("title_string_only",[],l),g={children:[],id:u,isLastNode:!0,reportElementData:{element:{kind:"title_string_only",title:l,data:e,numOfBalances:0},config:a}};c.children.push(g)}const m=Yu({title:r,section:e,config:a,numOfBalances:0});return c.children.push(m),e.accountIDs.forEach((u,g)=>{const f=n[u],C=Gu({account:f,numOfBalances:0,index:g,title:f.accountReconEntity.account.accountName,isLastNode:g===e.accountIDs.length-1,config:a});c.children.push(C)}),c}function As({config:e,accountReconForSection:n,nodeId:l}){return{children:[],id:l??wt("timeframe_header",[]),isLastNode:!1,reportElementData:{element:{kind:"timeframe_headers",title:"",data:n,numOfBalances:0},config:e}}}function Zu(e,n){return n?ho("section")+ho("total")+e*ho("ac_group_report"):1/0}const Qu=(e,n,l,r,h=!0,p="assets")=>{const a=p==="liabilities"&&e.accountReconciliationBySectionID.liabilities.accountIDs.length>0?e.accountReconciliationBySectionID.liabilities:e.accountReconciliationBySectionID.assets,d=As({config:n,accountReconForSection:a}),c=[];c.push(d);const m=Array.isArray(l[r])?l[r]:[],{expenseAutomation:{accountRecon:{reconciliation:u}},common:{loading:g}}=Ae.getLocalizedStrings(),f=e.fetchStatus.fetchState==="Not-Started"||e.fetchStatus.fetchState==="In-Progress",C=w=>w.filter(v=>!m.includes(v));if(f)[...Array(3)].forEach((w,v)=>{c.push(Ju({title:`${v}+${g}`,config:n}))});else{const w=C(e.accountReconciliationBySectionID.assets.accountIDs),v=Gi({section:{...e.accountReconciliationBySectionID.assets,accountIDs:w},allAccountReconciliations:e.accountReconciliationsByAccountID,title:u.headers.section.assets.title,subTitle:u.headers.section.assets.subTitle,isLastNode:!1,isTitleRowRequired:!1,config:n});if(c.push(v),e.accountReconciliationBySectionID.liabilities.accountIDs.length>0){const k=C(e.accountReconciliationBySectionID.liabilities.accountIDs),y=Gi({section:{...e.accountReconciliationBySectionID.liabilities,accountIDs:k},allAccountReconciliations:e.accountReconciliationsByAccountID,title:u.headers.section.liabilities.title,subTitle:u.headers.section.liabilities.subTitle,isLastNode:!1,isTitleRowRequired:!0,config:n});c.push(y)}}return{config:n,headerNodes:h?[d]:[],contentNodes:c}};function Xu(e,n,l,r=!1,h="assets"){Object.assign(e.config,l);const p=h==="liabilities"&&n.accountReconciliationBySectionID.liabilities.accountIDs.length>0?n.accountReconciliationBySectionID.liabilities:n.accountReconciliationBySectionID.assets,a=As({config:l,accountReconForSection:p});return{config:l,headerNodes:r?[a]:[],contentNodes:[a,...e.contentNodes.slice(1)]}}const Ho={wrapperPadding:new ae(x[2],x[2],x[2],x[8]),contentPaddingLeft:new ae(x[2],x[2],x[2],x[2]),contentPaddingRight:new ae(x[2],x[2],x[2],x[2])},eh=s.div`
+  display: flex;
+  height: 100%;
+  width: 100%;
+  justify-content: center;
+  align-items: center;
+`,th=s.div`
+  display: flex;
+  height: 100%;
+  min-height: 100%;
+  flex: 1 1 auto;
+  width: 100%;
+  justify-content: center;
+  padding-left: ${e=>Ho.wrapperPadding.valuePx(e.windowSize)};
+  background-color: ${e=>e.theme.colors.grey4};
+`,nh=s.div`
+  width: 100%;
+  height: 100%;
+`,{common:oh}=Ae.getLocalizedStrings();function ih({reconciliation:e,companyId:n,onReload:l,onReviewClicked:r,setOpenDrawerClicked:h,onFetchLinkTokenClick:p,onEstablishConnectionClick:a,onAddStatementClick:d}){const[c,m]=i.useState(void 0),[u,g]=i.useState(void 0),f=e.plaidConnectionDetails.link_account_no_microdeposit,C=e.plaidConnectionDetails.update_account,w=u==="update_account"?C:f,[v,k]=i.useState(w.linkToken??null),[y,R]=i.useState(!1),{useDynamicConfig:I}=Ja(),{configValue:S}=I(Ga.accountReconGLAccountsConfig),T=i.useCallback(W=>{m(W),g("link_account_no_microdeposit")},[]),D=i.useCallback(W=>{const U=$.current.accountReconciliationsByAccountID[W]?.paymentAccountId;m(W),g("update_account"),p("update_account",U)},[]),A=i.useCallback(W=>{h(W)},[]),O=i.useRef(c),b=i.useRef(u),$=i.useRef(e);i.useEffect(()=>{O.current=c},[c]),i.useEffect(()=>{b.current=u},[u]),i.useEffect(()=>{$.current=e},[e]);const M=i.useCallback(W=>{a(W,O.current??"",b.current),m(void 0),g(void 0),R(!1)},[a]),N=i.useCallback((W,U)=>{W!=null&&console.log("Plaid Connection Error",W,U),m(void 0),g(void 0),R(!1)},[]),{open:G,ready:z}=Hr({token:v,onSuccess:M,onExit:N});i.useEffect(()=>{(zo(new Date().toISOString()).isAfter(w.expiration)||w.linkToken==null)&&w.fetchStatus.fetchState==="Not-Started"&&p("link_account_no_microdeposit")},[w.fetchStatus.fetchState]),i.useEffect(()=>{!y&&u!=null&&w.linkToken===v&&w.fetchStatus.fetchState==="Completed"&&z&&R(!0)},[z,v,w.fetchStatus.fetchState,w.linkToken,u,y]),i.useEffect(()=>{w.fetchStatus.fetchState==="Completed"&&w.linkToken!=null&&w.linkToken!==v&&k(w.linkToken)},[w.fetchStatus.fetchState,w.linkToken,v]),i.useEffect(()=>{y&&G()},[y,G]);const[V,de]=i.useState(void 0),[_,H]=i.useState(void 0),[ie,he]=i.useState("assets"),xe=zo("2025-03-31"),ge=1,q="account_reconciliation",K=Te(),Y=mt();Tn({componentName:"expense_automation.account_reconciliation_list",enabled:e.fetchStatus.fetchState==="Completed"});const B=!0,E=Array.isArray(S?.[n])?S[n]:[],Z=e.accountReconciliationBySectionID.assets.accountIDs.filter(W=>!E.includes(W)).length,P=e.accountReconciliationBySectionID.liabilities.accountIDs.length>0,X=Zu(Z,P),J=i.useCallback(W=>{const U=W.scrollTop>=X?"liabilities":"assets";U!==ie&&he(U)},[X,ie]);return i.useEffect(()=>{const W={reportId:q,mode:"none",displayOrder:"ascending_date",reportFormat:"more_detailed",bookCloseDate:xe,firstMonthOfFY:ge,filterAccountsWithNilBalances:"off",filterAccountGroupsWithNilBalances:"off",showNegativeAmountInParenthesis:!1,dataAvailable:void 0,accountReconciliationConfig:{selectedDrawerAccountId:e.selectedDrawerAccountId,onReviewClicked:r,onConnectClicked:T,onReconnectClicked:D,onOpenDrawerClicked:A,onStatementAddClicked:d}};if(V==null||!Ya(_,e)){const U=Qu(e,W,S,n,B,ie);H(e),de(U)}else{const U=Xu(V,e,W,B,ie);de(U)}},[e,ie]),e.fetchStatus.fetchState==="Error"?t.jsx(eh,{children:t.jsx(Wr,{onReload:l,message:oh.errorMessage.somethingWentWrong})}):t.jsx(th,{windowSize:K,children:V!=null?t.jsx(nh,{windowSize:K,children:t.jsx(fs,{backgroundColor:new Zo(Y.colors.grey4),rootNodes:V,type:"name+balances_actual",compareMode:"compare_mode_percent",isSticky:{isStickyHeader:B,isStickyName:B},treeNodePadding:{left:Ho.contentPaddingLeft.value(K),right:Ho.contentPaddingRight.value(K)},nodeOpenStatus:{},scrollPosition:e.reconListUIState.scrollPosition,onCompareModeChanged:()=>{},onScroll:J})}):null})}function ah({currentFooterFormId:e,vendorSearchAutoCompleteData:n,vendorSearchAutoCompleteActions:l,reconciliation:r,companyId:h,onReconTabColumnSortConfigChanged:p,updateReconReviewTabLocalData:a,onUpdateReconcileTabLocalData:d,setCurrentFooterFormId:c,onReloadReconciliationListPage:m,onReviewClicked:u,onFetchLinkTokenClick:g,onEstablishConnectionClick:f,onAddStatementClick:C,onReconReviewTabColumnSortConfigChanged:w,onSaveReconciliation:v,onSaveReconciliationReview:k,setOpenDrawerClicked:y,onReconMatchedTransactionClick:R}){return r.selectedAccountId==null?t.jsx(ih,{companyId:h,reconciliation:r,onReload:m,onReviewClicked:u,onFetchLinkTokenClick:g,onEstablishConnectionClick:f,setOpenDrawerClicked:y,onAddStatementClick:C}):t.jsx(Wu,{currentFooterFormId:e,setCurrentFooterFormId:c,onUpdateReconcileTabLocalData:d,onReconTabColumnSortConfigChanged:p,reconciliation:r,updateReviewTabLocalData:a,entitySearchAutoCompleteActions:l,onReconReviewTabColumnSortConfigChanged:w,entitySearchAutoCompleteData:n,selectedAccountId:r.selectedAccountId,onSaveReconciliation:v,onSaveReconciliationReview:k,onReconMatchedTransactionClick:R})}function sh({accountAndClassReport:e,numOfBalances:n,title:l,isLastNode:r,isFirstNode:h,config:p,parentNodeIDs:a,ancestorMetadata:d}){let c="";return e.accountBase&&e.classBase?c=`${e.accountBase.accountId}_${e.classBase.classId}`:e.accountBase?c=e.accountBase.accountId:e.classBase&&(c=e.classBase.classId),{children:[],id:wt("flux_vendor_account_class_row",a,c),isLastNode:r,isFirstNode:h,reportElementData:{element:{kind:"flux_vendor_account_class_row",title:l,data:e,metadata:d,numOfBalances:n},config:p}}}function rh({vendorView:e,numOfBalances:n,title:l,isLastNode:r,config:h,parentNodeIDs:p}){const a=wt("flux_vendor_row",p,e.vendor.id),d={children:[],id:a,isLastNode:r,reportElementData:{element:{kind:"flux_vendor_row",title:l,data:e,numOfBalances:n},config:h}},c=e.vendorAccountsAndClasses;return d.children=c.map((m,u)=>sh({accountAndClassReport:m,numOfBalances:n,title:m.accountBase?.accountName??"",config:h,isLastNode:u===c.length-1,isFirstNode:u===0,parentNodeIDs:[...p,a],ancestorMetadata:{accountAndClassRowMetadata:{depth:0,hasSibling:c.length>1,hasChildren:!1,isLastNode:u===c.length-1,isFirstNode:u===0,name:m.accountBase?.accountName},isVendorLastChild:r,vendorId:e.vendor.id}})),d}function lh({section:e,numOfBalances:n,title:l,isLastNode:r,config:h}){const p=e.sectionId,a={children:[],id:p,isLastNode:r,reportElementData:{element:{kind:"section",title:l,data:e,numOfBalances:n,sectionType:e.sectionId},config:h}},d=(e.vendors??[]).map((c,m)=>rh({vendorView:c,numOfBalances:n,title:c.vendor.name,isLastNode:m===e.vendors.length-1,config:h,parentNodeIDs:[p]}));return a.children.push(...d),a}function ch({title:e,balances:n,config:l,nodeId:r}){return{children:[],id:r??wt("headers_loading_in_progress",[],e),isLastNode:!1,reportElementData:{element:{kind:"headers_loading_in_progress",title:"",data:n,numOfBalances:n.length},config:l}}}function dh({title:e,data:n,isLastNode:l,config:r,numOfBalances:h}){const p=wt("total",[],e);return{children:[],id:p,isLastNode:l,reportElementData:{element:{kind:"total",title:e,data:n,numOfBalances:h},config:r}}}const{common:Hn,expenseAutomation:{fluxAnalysis:uh}}=Ae.getLocalizedStrings(),hh=(e,n,l=!0)=>{const r=e.sections.generalExpense.balancesByMonth?Object.keys(e.sections.generalExpense.balancesByMonth).length:e.sections.reimbursement.balancesByMonth?Object.keys(e.sections.reimbursement.balancesByMonth).length:2,h=e.sections.generalExpense.balancesByMonth?gn(e.sections.generalExpense.balancesByMonth):e.sections.reimbursement.balancesByMonth?gn(e.sections.reimbursement.balancesByMonth):[],p=ys({balances:h,config:n}),a=[],d=e.sections.generalExpense.fetchStatus.fetchState==="In-Progress"&&e.uiState.paginationInfoByGroup.generalExpense.pageToken==null,c=e.sections.generalExpense.fetchStatus.fetchState==="In-Progress"&&e.uiState.paginationInfoByGroup.generalExpense.pageToken!=null||e.sections.reimbursement.fetchStatus.fetchState==="In-Progress";if(d===!0)a.push(ch({title:`${Hn.loading}`,balances:h,config:n})),[...Array(10)].forEach((m,u)=>{a.push(Ai({title:`${u}+${Hn.loading}`,balances:h,config:n}))});else{if(a.push(p),["generalExpense","reimbursement"].forEach(m=>{const u=e.sections[m];if(u.vendors.length>0||u.fetchStatus.fetchState==="Completed"){const g=gn(u.balancesByMonth);a.push(lh({section:{sectionId:m,reportId:"flux_analysis_operating_expense",balances:g,vendors:u.vendors,varianceAmount:u.varianceAmount,variancePercentage:u.variancePercentage,currency:e.currency},numOfBalances:r,title:ph(m),isLastNode:!1,config:n}))}}),e.totalBalancesAndVariance){const m=e.totalBalancesAndVariance.balancesByMonth?gn(e.totalBalancesAndVariance.balancesByMonth):[],u=dh({title:Hn.texts.total,data:{balances:m,varianceAmount:e.totalBalancesAndVariance.varianceAmount,variancePercentage:e.totalBalancesAndVariance.variancePercentage,currency:e.currency},config:n,isLastNode:!0,numOfBalances:r});a.push(u)}c===!0&&[...Array(1)].forEach((m,u)=>{a.push(Ai({title:`${u}+${Hn.loading}`,balances:h,config:n}))})}return{config:n,headerNodes:l&&!d?[p]:[],contentNodes:a}},ph=e=>uh.sectionTitle[e];function mh(e,n,l,r=!0){Object.assign(e.config,n);const h=gh(l),p=ys({balances:h,config:n});return{config:n,headerNodes:r?[p]:[],contentNodes:[p,...e.contentNodes.slice(1)]}}const gh=e=>e.sections.generalExpense.balancesByMonth?gn(e.sections.generalExpense.balancesByMonth):e.sections.reimbursement.balancesByMonth?gn(e.sections.reimbursement.balancesByMonth):[],Wo={contentPaddingLeft:new ae(x[0],x[0],x[0]),contentPaddingRight:new ae(x[3],x[3],x[8]),wrapperPadding:new ae(x[3],x[3],x[8])},xh=s.div`
+  display: flex;
+  position: sticky;
+  width: 100%;
+  justify-content: center;
+  padding-top: ${e=>Wo.wrapperPadding.valuePx(e.windowSize)};
+  padding-left: 20px;
+  background-color: ${e=>e.theme.colors.grey4};
+`,fh=s.div`
+  width: 100%;
+  height: calc(100vh - ${o.sp11});
+`,yh=e=>{const{fluxView:n,handleRedirectToVendorDetailPage:l,updateOperatingExpensesIdsForReview:r,updateSectionIdsForReview:h,onSortOrderChanged:p,updateNodeCollapsableStatus:a,fetchReimbursementView:d,fetchGeneralExpenseView:c}=e,m=Te(),u=mt(),[g,f]=i.useState(null),[C,w]=i.useState(null),[v,k]=i.useState(null),y=Li([n.sections.generalExpense.fetchStatus,n.sections.reimbursement.fetchStatus]).fetchState,[R,I]=i.useState(!1),S=Si(y),T=Si(n.refreshStatus.fetchState),D=i.useRef(!1),[A,O]=i.useState(!1),b=i.useRef(_=>{_&&!D.current&&(D.current=!0,O(!0))});Tn({componentName:"expense_automation.flux_analysis",enabled:A});const $=()=>{n.uiState.collapsableStatus.generalExpense?n.uiState.paginationInfoByGroup.generalExpense.hasMore===!0&&n.sections.generalExpense.fetchStatus.fetchState==="Completed"?c(n.uiState.paginationInfoByGroup.generalExpense.pageToken):n.sections.reimbursement.fetchStatus.fetchState==="Not-Started"&&d(n.uiState.paginationInfoByGroup.reimbursement.pageToken):n.uiState.collapsableStatus.reimbursement&&n.uiState.paginationInfoByGroup.reimbursement.hasMore===!0&&n.sections.reimbursement.fetchStatus.fetchState==="Completed"&&d(n.uiState.paginationInfoByGroup.reimbursement.pageToken)},M=()=>Object.keys(n.uiState.collapsableStatus).reduce((_,H)=>(_[H]=n.uiState.collapsableStatus[H],_),{}),N=i.useCallback(_=>{const H=!(n.uiState.collapsableStatus[_]??!0);a({...n.uiState.collapsableStatus,[_]:H})},[n.uiState.collapsableStatus,a]),G=i.useCallback((_,H)=>{let ie=n.reviewOperatingExpensesIds;const he=[];let xe=n.selectedSectionIds;const ge=n.sections[_].vendors;he.push(...ge.map(K=>K.fluxAnalysisEntityId));let q=xs-ie.length;H?(he.forEach(K=>{!ie.includes(K)&&q>0&&(ie=[...ie,K],q--)}),xe=[...xe,_]):(ie=ie.filter(K=>!he.includes(K)),xe=xe.filter(K=>K!==_)),r(ie),h(xe)},[n.reviewOperatingExpensesIds,n.selectedSectionIds,n.sections,r,h]),z=i.useCallback(_=>{const H=n.uiState.collapsableStatus[_]===!1;_==="generalExpense"&&!H&&n.sections.reimbursement.fetchStatus.fetchState==="Not-Started"&&d(n.uiState.paginationInfoByGroup.reimbursement.pageToken),N(_)},[n.uiState.collapsableStatus,n.sections.reimbursement.fetchStatus.fetchState,n.uiState.paginationInfoByGroup.reimbursement.pageToken,d,N]),V=n.sections.generalExpense.vendors.length+n.sections.reimbursement.vendors.length,de=_=>_<V;return i.useEffect(()=>{const _={reportId:"flux_analysis_operating_expense",mode:"none",displayOrder:"ascending_date",reportFormat:"summary",firstMonthOfFY:1,filterAccountsWithNilBalances:"off",filterAccountGroupsWithNilBalances:"off",showNegativeAmountInParenthesis:!1,fluxAnalysisConfig:{sortOrder:n.uiState.sortOrder,sortKey:n.uiState.sortKey,sortOrSearchInProgress:!1,reviewOpExIds:n.reviewOperatingExpensesIds,reviewSectionIds:n.selectedSectionIds,fetchStatus:n.fetchStatus.fetchState,setIsSortApplied:I,onSectionRowClick:z,updateNodeCollapsableStatus:N,updateOperatingExpensesIdsForReview:r,handleRedirectToVendorDetailPage:l,onSectionCheckboxClick:G,onSortOrderChanged:p}};if(g==null||!Ya(C,n)){const H=hh(n,_,!0);w(n),f(H)}else{const H=mh(g,_,n,!0);f(H)}},[n,C,l,G,z,p,N,r]),t.jsx(xh,{windowSize:m,children:t.jsx(fh,{children:g?t.jsx(Ch,{ref:b.current,children:t.jsx(fs,{backgroundColor:new Zo(u.colors.grey4),rootNodes:g,type:"name+balances_actual",isSticky:{isStickyHeader:!0,isStickyName:!0},treeNodePadding:{left:Wo.contentPaddingLeft.value(m),right:Wo.contentPaddingRight.value(m)},nodeOpenStatus:M(),compareMode:"compare_mode_amount",infiniteLoadingProps:{isItemLoaded:de,itemCount:V,loadMoreItems:$},variableNodeHeightTree:{prevFetchState:S??"Not-Started",fetchState:n.fetchStatus.fetchState,isSortApplied:R,setIsSortApplied:I,reducedFetchState:Li([n.sections.generalExpense.fetchStatus,n.sections.reimbursement.fetchStatus]).fetchState,prevRefreshFetchState:T??"Not-Started",refreshFetchState:n.refreshStatus.fetchState},hoveredParentIdProps:{hoveredParentId:v,setHoveredParentId:k}})}):null})})},Ch=s.div`
+  height: 100%;
+  width: 100%;
+`,wh="expenseAutomationFluxPage",{reports:{common:bh}}=Ae.getLocalizedStrings(),vh=({selectedPeriod:e,fluxAnalysis:n,onFetchFluxViewList:l,markAsReview:r,onReloadPage:h,setCurrentFooterFormId:p,updateOperatingExpensesIdsForReview:a,updateSectionIdsForReview:d,onUpdateFluxAnalysisUIState:c,redirectToVendorDetailPage:m,fetchFluxViewOnScroll:u,onFetchReimbursementView:g})=>{const{fetchStatus:f,reviewOperatingExpensesIds:C,uiState:w}=n,v=i.useRef(null),k=i.useRef(!1),y=an({mode:"all",reValidateMode:"onChange",resetOptions:{keepDefaultValues:!0},defaultValues:Sh(C)}),R=Te();i.useEffect(()=>()=>{p("expenseAutomationPage")},[p]),i.useEffect(()=>{k.current&&v?.current?.scrollLeft!=null&&w.scrollPosition?.scrollLeft!==v.current.scrollLeft&&w.scrollPosition!=null&&c({scrollPosition:{scrollTop:w.scrollPosition?.scrollTop,scrollLeft:v.current.scrollLeft}})},[w.scrollPosition?.scrollLeft,v.current?.scrollLeft,w.scrollPosition,c]),i.useEffect(()=>{p(C.length>0?"expenseAutomationFluxPage":"expenseAutomationPage")},[C,p]);const I=A=>{m(A)},S=A=>{u(e,A)},T=(A,O)=>{c({sortOrder:A,sortKey:O}),l(),g(e,null,!1)},D=()=>{const A=Es(n.sections,C);r(C,A===!0?"review":"unreview",e,!0)};if(f.fetchState==="Error")return t.jsxs(kh,{children:[t.jsx(Ih,{onClick:h,children:t.jsx(qo,{})}),t.jsx($h,{children:bh.failed})]});{const A=b=>{c({collapsableStatus:b})},O=b=>{g(e,b,!0)};return t.jsx(sn,{...y,children:t.jsx("form",{id:fr(wh),onSubmit:y.handleSubmit(D),style:{height:"100%",width:"100%"},children:t.jsx(jh,{windowSize:R,children:t.jsx(yh,{fluxView:n,handleRedirectToVendorDetailPage:I,onSortOrderChanged:T,updateOperatingExpensesIdsForReview:a,updateNodeCollapsableStatus:A,fetchReimbursementView:O,updateSectionIdsForReview:d,fetchGeneralExpenseView:S,reportId:"flux_analysis_operating_expense"})})})})}},Es=(e,n)=>{const l=[...e.generalExpense.vendors,...e.reimbursement.vendors].filter(h=>h.status==="Pending Review");let r;return l.forEach(h=>{n.includes(h.fluxAnalysisEntityId)&&(r=!0)}),r},Sh=e=>({fluxAnalysisRowIds:e}),jh=s.div`
+  display: flex;
+  flex: 1 1 auto;
+  min-height: 100%;
+  flex-direction: column;
+  background-color: ${e=>e.theme.colors.grey4};
+  padding: ${o.sp0};
+  gap: 2px;
+  height: 100%;
+  .flux-vendor-name-sticky,
+  .flux-vendor-header-sticky,
+  .flux-section-name-container,
+  .flux-class-and-account-value-container,
+  .flux-vendor-name-container,
+  .flux-total-row {
+    border-right: 1px solid transparent;
+  }
+  &:hover {
+    .flux-vendor-name-sticky,
+    .flux-vendor-header-sticky,
+    .flux-section-name-container,
+    .flux-class-and-account-value-container,
+    .flux-vendor-name-container,
+    .flux-total-row {
+      border-right: ${e=>` 1px solid ${e.theme.colors.grey3}`};
+    }
+  }
+`,kh=s.div`
+  display: flex;
+  width: 100%;
+  height: 100vh;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+`,Ih=s.div`
+  height: 96px;
+  width: 96px;
+  background: ${e=>e.theme.colors.background};
+  border-radius: 50%;
+  cursor: pointer;
+  & svg {
+    margin: ${o.sp5};
+    color: ${e=>e.theme.colors.grey1};
+  }
+  &:hover {
+    & svg {
+      color: ${e=>e.theme.colors.primary};
+    }
+  }
+`,$h=s(Et)`
+  margin-top: ${o.sp3};
+  color: ${e=>e.theme.colors.hero};
+`,Lh="expenseAutomationJEAccountSettingsPage",Rs="vendorsAccountSection",Th=e=>`${e}_form`;function Ah({accountSettings:e,currentFooterFormId:n,onSaveJeAccountSettingsClick:l,setIsJeAccountSettingsOpened:r,onJeAccountSettingsChange:h,setResetJeAccountSettingsForm:p,setCurrentFooterFormId:a}){const d=e.prepaidExpensesRecommendations,c=e.fixedAssetsRecommendations,m=e.accruedExpensesRecommendations,u=i.useMemo(()=>Vt(e.prepaidExpensesAccountHierarchy,d,"Accounts"),[e.prepaidExpensesAccountHierarchy,d]),g=i.useMemo(()=>Vt(e.fixedAssetsAccountHierarchy,c,"Accounts"),[e.fixedAssetsAccountHierarchy,c]),f=i.useMemo(()=>Vt(e.accruedExpensesAccountHierarchy,m,"Accounts"),[e.accruedExpensesAccountHierarchy,m]),C=i.useMemo(()=>Rh(e,u,g,f),[e,u,g,f]),w=an({mode:"all",reValidateMode:"onBlur",defaultValues:C,values:C,resetOptions:{keepDefaultValues:!0}}),v=w.handleSubmit(y=>{l(y)}),k=async y=>{h(y)};return i.useEffect(()=>{const y=w.watch(R=>{R!=null&&An(()=>k(R))});return()=>{y.unsubscribe()}}),i.useEffect(()=>(p(()=>w.reset),r(!0),()=>{a("expenseAutomationPage"),r(!1)}),[]),i.useEffect(()=>{const{selectedPrepaidExpensesAccountIds:y,previousPrepaidExpensesAccount:R,selectedFixedAssetsAccountIds:I,previousFixedAssetsAccount:S,selectedAccruedExpensesAccountIds:T,previousAccruedExpensesAccount:D}=e.accountSettingsLocalData,A=ro(y,R)||ro(I,S)||ro(T,D);A===!0&&n!="expenseAutomationJEAccountSettingsPage"?a("expenseAutomationJEAccountSettingsPage"):A===!1&&n!=="expenseAutomationPage"&&a("expenseAutomationPage")},[e,n,a]),t.jsx(Eh,{children:t.jsx(sn,{...w,children:t.jsx("form",{id:Th(Lh),onSubmit:v,children:t.jsx(zl,{showTitle:!1,sectionId:Rs,vendorAccountMappingSection:{accruedExpensesAccountHierarchy:e.accruedExpensesAccountHierarchy,accruedExpensesAccountList:e.accruedExpensesAccountList,accruedExpensesRecommendations:e.accruedExpensesRecommendations,fixedAssetsAccountHierarchy:e.fixedAssetsAccountHierarchy,fixedAssetsAccountList:e.fixedAssetsAccountList,fixedAssetsRecommendations:e.fixedAssetsRecommendations,prepaidExpensesAccountHierarchy:e.prepaidExpensesAccountHierarchy,prepaidExpensesAccountList:e.prepaidExpensesAccountList,prepaidExpensesRecommendations:e.prepaidExpensesRecommendations,selectedAccruedExpensesAccountIds:e.accountSettingsLocalData?.selectedAccruedExpensesAccountIds??[],selectedFixedAssetsAccountIds:e.accountSettingsLocalData?.selectedFixedAssetsAccountIds??[],selectedPrepaidExpensesAccountIds:e.accountSettingsLocalData?.selectedPrepaidExpensesAccountIds??[]},isAccruedExpensesFeatureEnabled:!1})})})})}const Eh=s.div`
+  padding-top: ${o.sp3};
+  display: flex;
+  align-items: center;
+  min-height: 100%;
+  flex-direction: column;
+  width: 100%;
+  background-color: ${e=>e.theme.colors.grey4};
+`,Rh=(e,n,l,r)=>{const h=e.prepaidExpensesAccountList.filter(u=>e.accountSettingsLocalData.selectedPrepaidExpensesAccountIds.includes(u.accountId)),p=e.fixedAssetsAccountList.filter(u=>e.accountSettingsLocalData.selectedFixedAssetsAccountIds.includes(u.accountId)),a=e.accruedExpensesAccountList.filter(u=>e.accountSettingsLocalData.selectedAccruedExpensesAccountIds.includes(u.accountId)),d=h.map(u=>u.qboId).filter(u=>u!=null),c=p.map(u=>u.qboId).filter(u=>u!=null),m=a.map(u=>u.qboId).filter(u=>u!=null);return{[Rs]:{prepaidExpensesAccount:{selectedOptions:d,allOptions:n},fixedAssetsAccount:{selectedOptions:c,allOptions:l},accruedExpensesAccount:{selectedOptions:m,allOptions:r}}}},{expenseAutomation:{jeSchedules:_t},common:{currency:Wn,review:Dh,ignore:Oh,strings:{hyphen:It},texts:Un},dateFormat:Mh,timeframe:{month:Yi}}=Ae.getLocalizedStrings(),_h=({draft:e,ignoreStatus:n,ignoreRecommendedJeSchedule:l,jeScheduleClickHandler:r,onReviewClickHandler:h})=>t.jsxs(ri,{onClick:p=>{e.jeScheduleType!=null&&e.jeScheduleId!=null&&r(p,e.jeScheduleId,e.jeScheduleTransactionKey,e.jeScheduleType)},"data-testid":F("je-schedule-draft-component",e.jeScheduleId),children:[t.jsxs(si,{children:[t.jsxs(ci,{children:[t.jsxs(ii,{children:[t.jsxs(oe,{style:{width:ye.COLUMN_ONE,padding:`${o.sp2} ${o.sp3}`},children:[t.jsx(ce,{children:Un.vendor}),t.jsxs(ue,{style:{gap:x[2]},children:[e.vendor.logo!=null?t.jsx(ts,{photoUrl:e.vendor.logo.href,styles:{width:x[4],height:x[4]}}):t.jsx(In,{name:e.vendor.name}),t.jsx(Ce,{display:"block",placement:"bottom",style:{width:"100%"},title:e.vendor.name!=null?t.jsx(Ye,{children:e.vendor.name}):t.jsx(t.Fragment,{}),children:t.jsx(fe,{className:"highlight",children:e.vendor.name??It})})]})]}),t.jsxs(oe,{children:[t.jsx(ce,{children:_t.scheduleHeaders.scheduleCategory}),t.jsx(ue,{children:t.jsx(Ce,{display:"block",placement:"bottom",style:{width:"100%"},title:e.baseTransaction.account.accountName!=null?t.jsx(Ye,{children:e.baseTransaction.account.accountName}):t.jsx(t.Fragment,{}),children:t.jsx(fe,{className:"highlight",children:e.baseTransaction.account.accountName??It})})})]}),t.jsxs(oe,{style:{width:ye.COLUMN_THREE},children:[t.jsx(ce,{children:_t.scheduleHeaders.startMonth}),t.jsx(ue,{children:t.jsx(fe,{className:"highlight",children:e.startDate?.format(Mh.visual.MMMCommaYYYYFormat)??It})})]}),t.jsxs(oe,{style:{width:ye.COLUMN_FOUR,paddingLeft:x[3]},children:[t.jsx(ce,{children:_t.scheduleHeaders.period}),t.jsx(ue,{children:t.jsx(fe,{className:"highlight",children:e.period!=null?`${e.period} ${e.period===1?Yi.slice(0,-1):Yi}`:It})})]}),t.jsxs(oe,{style:{alignItems:"flex-end",width:ye.COLUMN_FIVE},children:[t.jsx(ce,{children:Un.totalAmount}),t.jsx(ue,{children:t.jsx(Ce,{display:"block",placement:"bottom",style:{width:"100%"},title:t.jsx(Ye,{children:Ze("0,0.[00]",Xt(e.baseTransaction.amount.amount,Wn.currencyCode,Wn.currencySymbol))??It}),children:t.jsx(fe,{className:"highlight",children:Ze("0,0.[00]",Xt(e.baseTransaction.amount.amount,Wn.currencyCode,Wn.currencySymbol))??It})})})]})]}),t.jsxs(ai,{children:[t.jsxs(oe,{style:{width:ye.COLUMN_ONE,padding:`${o.sp2} ${o.sp3}`},children:[t.jsx(ce,{children:Un.category}),t.jsx(ue,{children:t.jsx(Ce,{display:"block",placement:"bottom",style:{width:"100%"},title:e.jeDebit.account?.accountName!=null?t.jsx(Ye,{children:e.jeDebit.account.accountName}):t.jsx(t.Fragment,{}),children:t.jsx(fe,{className:"highlight",children:e.jeDebit.account?.accountName??It})})})]}),t.jsxs(oe,{children:[t.jsx(ce,{children:Un.classText}),t.jsx(ue,{children:t.jsx(Ce,{display:"block",placement:"bottom",style:{width:"100%"},title:e.jeDebit.accountingClass?.className!=null?t.jsx(Ye,{children:e.jeDebit.accountingClass.className}):t.jsx(t.Fragment,{}),children:t.jsx(fe,{className:"highlight",children:e.jeDebit.accountingClass?.className??It})})})]}),t.jsxs(oe,{style:{width:ye.COLUMN_THREE},children:[t.jsx(ce,{children:_t.scheduleHeaders.type}),t.jsx(ue,{children:t.jsx(fe,{className:"highlight",style:{width:"unset"},children:t.jsx(Ss,{children:_t.scheduleTypes[e.jeScheduleType??"prepaid_expenses"]})})})]}),e.jeScheduleType==="fixed_assets"?t.jsxs(oe,{style:{width:ye.COLUMN_FOUR,paddingLeft:x[3]},children:[t.jsx(ce,{children:_t.scheduleHeaders.accumulatedCategory}),t.jsx(ue,{children:t.jsx(Ce,{display:"block",placement:"bottom",title:e.jeCredit.account?.accountName!=null?t.jsx(Ye,{children:e.jeCredit.account?.accountName}):t.jsx(t.Fragment,{}),children:t.jsx(fe,{className:"highlight",children:e.jeCredit.account?.accountName??It})})})]}):null,e.jeScheduleType!=="fixed_assets"?t.jsx(oe,{style:{width:ye.COLUMN_FOUR}}):null,t.jsx(oe,{style:{width:ye.COLUMN_FIVE}})]})]}),t.jsxs(li,{children:[t.jsx($n,{onClick:()=>{e.jeScheduleId!=null&&e.jeScheduleType!=null&&h(e.jeScheduleId,e.jeScheduleTransactionKey,e.jeScheduleType)},"data-testid":F("je-schedule-draft-component-review-button",e.jeScheduleId),label:Dh,variant:"primary",size:"small",className:"item-value-container",style:{minWidth:No}}),t.jsx($n,{"data-testid":F("je-schedule-draft-component-ignore-button",e.jeScheduleId),className:"item-value-container",label:Oh,size:"small",reverseSpinnerColor:!1,loading:n?.fetchState==="In-Progress",onClick:()=>{e.jeScheduleType!=null&&l(e.jeScheduleTransactionKey,e.jeScheduleType)},style:{minWidth:No}})]})]}),t.jsxs(iu,{children:[t.jsx(Bh,{}),t.jsx(Fh,{children:_t.aiAccountant}),t.jsx(Ph,{children:_t.zeniGPTText})]})]}),Bh=s(En)`
+  height: ${o.sp3};
+  width: ${o.sp3};
+  margin-right: ${o.sp1};
+  path {
+    stroke-width: 2;
+  }
+`,Fh=s(Za)`
+  color: ${e=>e.theme.colors.brandColorSapphire};
+`,Ph=s(Ve)`
+  color: ${e=>e.theme.colors.primary};
+`,{jeSchedules:{scheduleDetails:{scheduleTransactionsHeader:{addVendor:Zi}}},expenseAutomation:{jeSchedules:We},common:{currency:ft,retry:zh,strings:{hyphen:Ge,empty:Qi},texts:hn},dateFormat:Xi}=Ae.getLocalizedStrings(),{common:Nh,timeframe:{month:ea}}=Ae.getLocalizedStrings(),ot="jeSchedulePage",ta=e=>`${e}_form`,di=(e,n)=>`${e}.${n}`,na=di(ot,"vendor"),oa=di(ot,"scheduleExpenseCategory"),ia=di(ot,"accumulatedDepreciationCategory"),Vh=({allAccountGroupedOptions:e,allAccountList:n,allClassGroupedOptions:l,allClassList:r,allDepAccountGroupedOptions:h,allDepAccountList:p,draft:a,localData:d,postStatus:c,uncategorizedAccounts:m,vendorSearchAutoCompleteActions:u,vendorSearchAutoCompleteData:g,jeScheduleClickHandler:f,onFormDataChange:C,onPostJESchedule:w})=>{const{updatedAccumulatedDepreciationCategoryID:v,updatedCategoryId:k,updatedVendor:y}=d,R={vendor_deleted:"updatedVendor",debit_category_deleted:"updatedCategoryId",credit_category_deleted:"updatedAccumulatedDepreciationCategoryID",qbo_authorization_error:"jeScheduleID",qbo_book_close_date_error:"jeScheduleID",qbo_error:"jeScheduleID",qbo_invalid_company_status_error:"jeScheduleID"},I=i.useRef(),S=an({mode:"all",reValidateMode:"onChange",defaultValues:aa(d,e,l,h,n,r,p,g.entityAutoCompleteView),values:aa(d,e,l,h,n,r,p,g.entityAutoCompleteView)}),T={valueContainer:()=>({justifyContent:"flex-start",paddingLeft:0}),control:()=>({height:o.sp4}),menu:()=>({width:300})},D={valueContainer:()=>({justifyContent:"flex-start",paddingLeft:0}),control:()=>({height:o.sp4}),menu:()=>({width:350})},A=(a?.scheduledJournalEntry.error??[]).every(E=>{const Z=R[E];return!(d!=null&&Z&&(Z==="updatedAccumulatedDepreciationCategoryID"&&d.updatedAccumulatedDepreciationCategoryID==null||Z==="updatedCategoryId"&&d.updatedCategoryId==null||Z==="updatedVendor"&&(d.updatedVendor?.id==null||d.updatedVendor?.id===""||d.updatedVendor?.name==null||d.updatedVendor?.name==="")))}),O=async(E,Z)=>{if(E!=null){const P=Z[ot],{scheduledJournalEntryID:X,vendor:J}=P;if(E.includes("vendor")){const W=J?.defaultOptions.map(U=>U.value);if(J?.selectedOption!=null&&W?.includes(J.selectedOption)!==!0){const U=g.entityAutoCompleteView.vendor.find(L=>L.id===J.selectedOption);U!=null&&S.setValue(`${ot}.vendor.defaultOptions`,[{label:U.name??Nh.strings.empty,value:U.id}])}else J?.selectedOption==null&&J?.defaultOptions.length!==0&&S.setValue(`${ot}.vendor`,{selectedOption:void 0,defaultOptions:[]})}C(X,{...P,vendor:J})}};i.useEffect(()=>{const E=S.watch((Z,{name:P})=>{P!=null&&Z!=null&&An(()=>O(P,Z))});return()=>{E.unsubscribe()}}),i.useEffect(()=>{g.entityAutoCompleteView.fetchState==="Completed"&&I.current?.(ns(g.entityAutoCompleteView))},[g.entityAutoCompleteView.fetchState]);const b=S.handleSubmit(()=>{w(a.scheduledJournalEntry.scheduledJournalEntryID,a.jeScheduleTransactionKey)}),$=E=>n.filter(Z=>Z.qboId===E)[0]?.qboId,M=E=>p.filter(Z=>Z.qboId===E)[0]?.qboId,N=E=>[m.expense?.qboId,m.income?.qboId].includes(E),G=S.watch("jeSchedulePage.vendor"),z=(E,Z)=>{u.onAutoCompleteInputChange?.(E,"vendor"),I.current=Z},V=a.scheduledJournalEntry.error?.includes("vendor_deleted")===!0,de=a.scheduledJournalEntry.error?.includes("debit_category_deleted")===!0,_=a.scheduledJournalEntry.error?.includes("credit_category_deleted")===!0,H=a.vendor.name.split("(deleted)")[0]?.toString(),ie=a.jeDebit.account?.accountName.split("(deleted)")?.[0]?.toString()??Qi,he=a.jeCredit.account?.accountName.split("(deleted)")[0]?.toString()??Qi,[xe,ge]=i.useState(de===!0&&k==null),[q,K]=i.useState(_===!0&&v==null),[Y,B]=i.useState(V&&(y?.id==null||y?.id==""));return i.useEffect(()=>{xe===!1&&d.updatedCategoryId==null&&S.setFocus(oa),q===!1&&d.updatedAccumulatedDepreciationCategoryID==null&&S.setFocus(ia),Y===!1&&d.updatedVendor?.id==null&&S.setFocus(na)},[xe,q,Y,d,S]),t.jsx(sn,{...S,children:t.jsx("form",{style:{width:"100%"},id:ta(`${ot}_${a.jeScheduleId}`),onSubmit:b,children:t.jsx(ri,{showBorder:A,onClick:E=>{a.jeScheduleType!=null&&a.jeScheduleId!=null&&f(E,a.jeScheduleId,a.jeScheduleTransactionKey,a.jeScheduleType)},"data-testid":F("je-schedule-resolve-component-schedule",`${ot}_${a.jeScheduleId}`),children:t.jsxs(si,{children:[t.jsxs(ci,{children:[t.jsxs(ii,{children:[V===!0?t.jsx(oe,{style:{width:ye.COLUMN_ONE,padding:x[0],justifyContent:"center"},showHoverEffect:V,forceHoverEffect:Y===!1&&(d?.updatedVendor?.id==null||d?.updatedVendor?.id==""),children:t.jsxs(yt,{className:"hover-background",style:{padding:`${o.sp2} ${o.sp3}`},children:[t.jsxs(ce,{style:{display:"flex",alignItems:"center",gap:x[1]},children:[hn.vendor,t.jsx(Ce,{display:"flex",placement:"top-start",title:t.jsx(Yn,{children:We.tooltipText.missingVendor.replace("_deleted_vendor_",H)}),children:t.jsx(xo,{})})]}),t.jsx(ue,{style:{gap:x[3],marginLeft:-2},className:"item-value-container",children:t.jsx(t.Fragment,{children:Y===!0?t.jsxs(fe,{onClick:E=>{E.stopPropagation(),B(!1)},"data-testid":F("je-schedule-resolve-component-add-vendor-button",`${ot}_${a.jeScheduleId}`),style:{display:"inline-flex",alignItems:"center",gap:x[2],color:tt.brandColorGoldDark,cursor:"pointer"},children:[t.jsx(go,{}),Zi]}):t.jsx(Bo,{name:na,placeholder:Zi,valueToId:E=>E,defaultValue:{selectedOption:G?.selectedOption,defaultOptions:G?.defaultOptions??[]},style:{width:"100%"},customStyleConfig:{valueContainer:()=>({justifyContent:"flex-start"}),control:()=>({height:o.sp4})},registerOptions:{required:!0,validate:E=>!!E.selectedOption},loadOptions:z})})})]})}):t.jsxs(oe,{style:{width:ye.COLUMN_ONE,padding:`${o.sp2} ${o.sp0} ${o.sp2} ${o.sp3}`},children:[t.jsx(ce,{children:hn.vendor}),t.jsx(ue,{children:t.jsxs(t.Fragment,{children:[a.vendor.logo?.href!=null?t.jsx(ts,{photoUrl:a.vendor.logo.href,styles:{width:x[4],height:x[4]}}):t.jsx(In,{name:a.vendor.name}),t.jsx(Ce,{display:"block",placement:"bottom",style:{width:"100%"},title:a.vendor.name!==null?t.jsx(Ye,{children:a.vendor.name}):t.jsx(t.Fragment,{}),children:t.jsx(fe,{className:"highlight",children:a.vendor.name??Ge})})]})})]}),t.jsxs(oe,{children:[t.jsx(ce,{children:We.scheduleHeaders.scheduleCategory}),t.jsx(ue,{children:t.jsx(Ce,{display:"block",placement:"bottom",style:{width:"100%"},title:a.baseTransaction.account.accountName!=null?t.jsx(Ye,{children:a.baseTransaction.account.accountName}):t.jsx(t.Fragment,{}),children:t.jsx(fe,{className:"highlight",children:a.baseTransaction.account.accountName??Ge})})})]}),t.jsxs(oe,{style:{width:ye.COLUMN_THREE},children:[t.jsx(ce,{children:We.scheduleHeaders.startMonth}),t.jsx(ue,{children:t.jsx(fe,{className:"highlight",children:a.startDate?.format(Xi.visual.MMMCommaYYYYFormat)??Ge})})]}),t.jsxs(oe,{style:{width:ye.COLUMN_FOUR,paddingLeft:x[3]},children:[t.jsx(ce,{children:We.scheduleHeaders.period}),t.jsx(ue,{children:t.jsx(fe,{className:"highlight",children:a.period!=null?`${a.period} ${a.period===1?ea.slice(0,-1):ea}`:Ge})})]}),t.jsxs(oe,{style:{alignItems:"flex-end",width:ye.COLUMN_FIVE},children:[t.jsx(ce,{children:hn.totalAmount}),t.jsx(ue,{children:t.jsx(Ce,{display:"block",placement:"bottom",title:t.jsx(Ye,{children:Ze("0,0.[00]",Xt(a.baseTransaction.amount.amount,ft.currencyCode,ft.currencySymbol))??Ge}),children:t.jsx(fe,{className:"highlight",children:Ze("0,0.[00]",Xt(a.baseTransaction.amount.amount,ft.currencyCode,ft.currencySymbol))??Ge})})})]})]}),t.jsxs(ai,{children:[de===!0?t.jsx(oe,{showHoverEffect:de===!0,forceHoverEffect:d?.updatedCategoryId==null&&xe===!1,style:{padding:"unset",justifyContent:"center",width:ye.COLUMN_ONE},children:t.jsxs(yt,{className:"hover-background",children:[t.jsxs(ce,{style:{display:"flex",alignItems:"center",gap:x[1]},children:[hn.category,de===!0?t.jsx(Ce,{display:"flex",placement:"top-start",title:t.jsx(Yn,{children:We.tooltipText.missingCategory.replace("_deleted_category_",ie)}),children:t.jsx(xo,{})}):null]}),t.jsx(ue,{className:"item-value-container",style:{marginLeft:de===!0?-2:0},children:de===!0?t.jsx(t.Fragment,{children:xe===!0?t.jsxs(fe,{onClick:E=>{E.stopPropagation(),ge(!1)},style:{display:"inline-flex",alignItems:"center",gap:x[1],color:tt.brandColorGoldDark,cursor:"pointer"},"data-testid":F("je-schedule-resolve-component-add-category-button",`${ot}_${a.jeScheduleId}`),children:[t.jsx(go,{}),We.addCategory]}):t.jsx(mn,{shouldShowChevronIcon:!1,name:oa,placeholder:We.addCategory,valueToId:E=>$(E),defaultValue:{allOptions:e},registerOptions:{required:!0,validate:E=>!!E.selectedOption},disableCurrentOption:N,customStyleConfig:T})}):t.jsx(Ce,{display:"block",placement:"bottom",style:{width:"100%"},title:a.jeDebit.account?.accountName!=null?t.jsx(Ye,{children:a.jeDebit.account.accountName}):t.jsx(t.Fragment,{}),children:t.jsx(fe,{className:"highlight",children:a.jeDebit.account?.accountName??Ge})})})]})}):t.jsxs(oe,{style:{width:ye.COLUMN_ONE,padding:`${o.sp2} ${o.sp3}`},children:[t.jsx(ce,{style:{display:"flex",alignItems:"center",gap:x[1]},children:hn.category}),t.jsx(ue,{className:"item-value-container",children:t.jsx(Ce,{display:"block",placement:"bottom",style:{width:"100%"},title:a.jeDebit.account?.accountName!=null?t.jsx(Ye,{children:a.jeDebit.account.accountName}):t.jsx(t.Fragment,{}),children:t.jsx(fe,{className:"highlight",children:a.jeDebit.account?.accountName??Ge})})})]}),t.jsxs(oe,{children:[t.jsx(ce,{style:{display:"flex",alignItems:"center",gap:x[1]},children:hn.classText}),t.jsx(ue,{children:t.jsx(Ce,{display:"block",placement:"bottom",style:{width:"100%"},title:a.jeDebit.accountingClass?.className!=null?t.jsx(Ye,{children:a.jeDebit.accountingClass.className}):t.jsx(t.Fragment,{}),children:t.jsx(fe,{className:"highlight",children:a.jeDebit.accountingClass?.className??Ge})})})]}),t.jsxs(oe,{style:{width:ye.COLUMN_THREE},children:[t.jsx(ce,{children:We.scheduleHeaders.type}),t.jsx(ue,{className:"test",children:t.jsx(fe,{className:"highlight",style:{width:"unset"},children:t.jsx(Ss,{children:We.scheduleTypes[a.jeScheduleType??"prepaid_expenses"]})})})]}),a.jeScheduleType==="fixed_assets"?t.jsx(t.Fragment,{children:_===!0?t.jsx(oe,{style:{width:ye.COLUMN_FOUR,padding:"unset",justifyContent:"center"},showHoverEffect:_,forceHoverEffect:d.updatedAccumulatedDepreciationCategoryID==null&&q===!1,children:t.jsxs(yt,{className:"hover-background",style:{padding:x[2],paddingLeft:x[3]},children:[t.jsxs(ce,{style:{display:"flex",alignItems:"center",gap:x[1]},children:[We.scheduleHeaders.accumulatedCategory,_===!0?t.jsx(Ce,{display:"flex",placement:"top-end",title:t.jsx(Yn,{children:We.tooltipText.missingDepCategory.replace("_deleted_dep_category_",he)}),children:t.jsx(xo,{})}):null]}),t.jsx(ue,{className:"item-value-container",style:{marginLeft:_===!0?-2:0},children:_===!0?t.jsx(t.Fragment,{children:q===!0?t.jsxs(fe,{onClick:E=>{E.stopPropagation(),K(!1)},style:{display:"inline-flex",alignItems:"center",gap:x[1],color:tt.brandColorGoldDark,cursor:"pointer"},"data-testid":F("je-schedule-resolve-component-add-depreciation-category-button",`${ot}_${a.jeScheduleId}`),children:[t.jsx(go,{}),We.addDepCategory]}):t.jsx(mn,{shouldShowChevronIcon:!1,showDownChevronWithValue:!1,name:ia,placeholder:We.addDepCategory,valueToId:E=>M(E),defaultValue:{allOptions:h},registerOptions:{required:!0,validate:E=>!!E.selectedOption},customStyleConfig:D,disableCurrentOption:N})}):t.jsx(Ce,{display:"block",placement:"bottom",title:a.jeCredit.account?.accountName!=null?t.jsx(Ye,{children:a.jeCredit.account.accountName}):t.jsx(t.Fragment,{}),children:t.jsx(fe,{className:"highlight",children:a.jeCredit.account?.accountName??Ge})})})]})}):t.jsxs(oe,{style:{width:ye.COLUMN_FOUR,padding:`${o.sp2} ${o.sp2} ${o.sp2} ${o.sp3}`,justifyContent:"center"},children:[t.jsx(ce,{style:{display:"flex",alignItems:"center",gap:x[1]},children:We.scheduleHeaders.accumulatedCategory}),t.jsx(Ce,{display:"block",placement:"bottom",title:a.jeCredit.account?.accountName!=null?t.jsx(Ye,{children:a.jeCredit.account.accountName}):t.jsx(t.Fragment,{}),children:t.jsx(fe,{className:"highlight",children:a.jeCredit.account?.accountName??Ge})})]})}):null,a.jeScheduleType!=="fixed_assets"?t.jsx(oe,{style:{width:ye.COLUMN_FOUR}}):null,t.jsx(oe,{style:{width:ye.COLUMN_FIVE}})]}),t.jsxs(nu,{children:[t.jsx(oe,{style:{padding:"unset",width:ye.COLUMN_ONE},children:t.jsxs(ou,{children:[t.jsx(ce,{children:We.scheduleHeaders.jePostingDate}),t.jsx(ue,{children:t.jsx(fe,{className:"highlight",children:a.scheduledJournalEntry.expectedPostDate.format(Xi.visual.MMMDCommaYYFormat)??Ge})})]})}),t.jsxs(oe,{children:[t.jsx(ce,{children:We.scheduleHeaders.balance}),t.jsx(ue,{children:t.jsx(Ce,{display:"block",placement:"bottom",style:{width:"100%"},title:t.jsx(Ye,{children:Ze("0,0.[00]",Xt(a?.scheduledJournalEntry?.runningBalance?.amount??0,ft.currencyCode,ft.currencySymbol))??Ge}),children:t.jsx(fe,{className:"highlight",children:Ze("0,0.[00]",Xt(a?.scheduledJournalEntry?.runningBalance?.amount??0,ft.currencyCode,ft.currencySymbol))??Ge})})})]}),t.jsxs(oe,{style:{width:ye.COLUMN_THREE},children:[t.jsx(ce,{children:We.scheduleHeaders.months}),t.jsx(ue,{children:t.jsxs(fe,{className:"highlight",children:[a.scheduledJournalEntry.expectedPostDate.diff(a.startDate,"month")+1,"/",a.period]})})]}),t.jsx(oe,{style:{width:ye.COLUMN_FOUR}}),t.jsxs(oe,{style:{alignItems:"flex-end",width:ye.COLUMN_FIVE},children:[t.jsx(ce,{children:We.scheduleHeaders.amountForMonth}),t.jsx(ue,{children:t.jsx(fe,{className:"highlight",children:Ze("0,0.[00]",Xt(a.scheduledJournalEntry.amount?.amount??0,ft.currencyCode,ft.currencySymbol))??Ge})})]})]})]}),t.jsx(li,{children:t.jsx($n,{form:ta(`${ot}_${a.jeScheduleId}`),label:zh,variant:"primary",className:"item-value-container",type:"submit",loading:c?.fetchState==="In-Progress",size:"small",disabled:!A,style:{minWidth:No}})})]})})})})},aa=(e,n,l,r,h,p,a,d)=>{const c=e.updatedCategoryId,m=e.updatedVendor,u=m!=null?d.vendor.find(k=>k.zeniId===m.id):void 0,g=e.updatedAccumulatedDepreciationCategoryID,f=e.updatedClassId,C=c!=null?h.find(k=>k.accountId===c):void 0,w=g!=null?a.find(k=>k.accountId===g):void 0,v=f!=null?p.find(k=>k.classId===f):void 0;return{[ot]:{jeScheduleID:e.jeScheduleID,scheduledJournalEntryID:e.scheduledJournalEntryID,jeScheduleType:e.jeScheduleType,scheduleExpenseCategory:{selectedOption:C?.qboId,allOptions:n},accumulatedDepreciationCategory:{selectedOption:w?.qboId,allOptions:r},vendor:{selectedOption:u?.id??m?.id,defaultOptions:ss(d,u??m)},scheduleClass:{selectedOption:v?.classId,allOptions:l}}}},go=s(ao)`
+  width: ${o.sp3};
+  height: ${o.sp3};
+`,xo=s(rs)`
+  width: 12px;
+  height: 12px;
+  color: ${tt.important};
+`;function Ds(){return t.jsx(Cs,{children:t.jsxs(ws,{children:[t.jsxs(bs,{children:[t.jsx(ze,{width:x[9],height:27,style:{marginBottom:x[2]}}),t.jsx(sa,{})]}),t.jsxs(vs,{children:[t.jsx(ze,{width:x[9],height:27,style:{marginBottom:x[2]}}),t.jsx(sa,{})]})]})})}const sa=()=>t.jsx(ri,{style:{minWidth:1088},children:t.jsxs(si,{children:[t.jsxs(ci,{children:[t.jsxs(ii,{children:[t.jsxs(oe,{style:{width:ye.COLUMN_ONE,padding:`${o.sp2} ${o.sp3}`},children:[t.jsx(ce,{children:t.jsx(ze,{width:x[10],height:14})}),t.jsxs(ue,{style:{gap:x[2]},children:[t.jsx(Xo,{height:x[4],width:x[4]}),t.jsx(ze,{height:x[4],width:x[10]})]})]}),t.jsxs(oe,{children:[t.jsx(ce,{children:t.jsx(ze,{width:101,height:14})}),t.jsx(ue,{children:t.jsx(ze,{height:x[4],width:203})})]}),t.jsxs(oe,{style:{width:ye.COLUMN_THREE},children:[t.jsx(ce,{children:t.jsx(ze,{width:x[9],height:14})}),t.jsx(ue,{children:t.jsx(ze,{height:x[4],width:71})})]}),t.jsxs(oe,{style:{width:ye.COLUMN_FOUR,paddingLeft:x[3]},children:[t.jsx(ce,{children:t.jsx(ze,{width:107,height:14})}),t.jsx(ze,{height:x[4],width:68})]}),t.jsxs(oe,{style:{alignItems:"flex-end",width:ye.COLUMN_FIVE},children:[t.jsx(ce,{children:t.jsx(ze,{width:73,height:14})}),t.jsx(ue,{children:t.jsx(ze,{height:x[4],width:49})})]})]}),t.jsxs(ai,{children:[t.jsxs(oe,{style:{width:ye.COLUMN_ONE,padding:`${o.sp2} ${o.sp3}`},children:[t.jsx(ce,{children:t.jsx(ze,{width:49,height:14})}),t.jsx(ue,{children:t.jsx(ze,{height:x[4],width:158})})]}),t.jsxs(oe,{children:[t.jsx(ce,{children:t.jsx(ze,{width:36,height:14})}),t.jsx(ue,{children:t.jsx(ze,{height:x[4],width:88})})]}),t.jsxs(oe,{style:{width:ye.COLUMN_THREE},children:[t.jsx(ce,{children:t.jsx(ze,{width:36,height:14})}),t.jsx(ue,{children:t.jsx(ze,{height:x[4],width:100})})]}),t.jsx(oe,{style:{width:ye.COLUMN_FOUR,paddingLeft:x[3]}}),t.jsx(oe,{style:{width:ye.COLUMN_FIVE}})]})]}),t.jsxs(li,{children:[t.jsx(ze,{height:29,width:53,style:{margin:`${o.sp0} ${o.sp3}`}}),t.jsx(ze,{height:29,width:53,style:{margin:`${o.sp0} ${o.sp3}`}})]})]})}),ze=s(Ht)`
+  border-radius: ${o.sp1};
+`,{common:{create:Hh,resolve:Wh}}=Ae.getLocalizedStrings();function Uh({jeSchedules:e,vendorSearchAutoCompleteData:n,handleJeScheduleClick:l,onJESchedulesFormDataChange:r,onPostJESchedule:h,ignoreRecommendedJeSchedule:p,vendorSearchAutoCompleteActions:a,setCurrentFooterFormId:d}){const c=e.draftSchedules,m=e.jeScheduleLocalDataById,u=e.postStatusById,g=e.ignoreStatusById,f=i.useRef(!1),[C,w]=i.useState(!1),v=i.useRef($=>{$&&!f.current&&(f.current=!0,w(!0))});Tn({componentName:"expense_automation.je_schedules",enabled:C});const k=e.resolveSchedules,y=e.uncategorizedAccounts,{allAccountList:R,allClassList:I,allDepreciationAccountList:S}=e,T=Vt(e.accountListNestedAccountHierarchy),D=Vt(e.allDepreciationAccountListNestedAccountHierarchy),A=Jn(e.classListNestedAccountHierarchy),O=($,M,N)=>{l($,M,N)},b=($,M,N,G)=>{let z=$.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}l(M,N,G)};return i.useEffect(()=>{if(k.length!==0){for(const $ in m)if(Object.prototype.hasOwnProperty.call(m,$)){const{updatedAccumulatedDepreciationCategoryID:M,updatedCategoryId:N,updatedVendor:G}=m[$];if(M!=null||N!=null||G!=null&&G?.id!==""){d("expenseAutomationJESchedulePage");break}else d("expenseAutomationPage")}}else k.length===0&&d("expenseAutomationPage")}),i.useEffect(()=>()=>{d("expenseAutomationPage")},[]),e.fetchState==="In-Progress"?t.jsx(Ds,{}):c.length!==0||k.length!==0?t.jsx(Cs,{children:t.jsxs(ws,{children:[c.length>0?t.jsxs(bs,{children:[t.jsxs(ca,{children:[Hh,t.jsx(da,{isCircular:c.length<10,children:t.jsx(ua,{children:c.length})})]}),t.jsx(ra,{"data-testid":F("expense-automation","draft-je-schedules"),children:c.map(($,M)=>t.jsx(la,{ref:v.current,children:t.jsx(_h,{ignoreStatus:g[$.jeScheduleTransactionKey],ignoreRecommendedJeSchedule:p,onReviewClickHandler:O,jeScheduleClickHandler:b,draft:$})},`${M}_${$.jeScheduleId}`))})]}):null,k.length>0?t.jsxs(vs,{children:[t.jsxs(ca,{children:[Wh,t.jsx(da,{isCircular:k.length<10,children:t.jsx(ua,{children:k.length})})]}),t.jsx(ra,{"data-testid":F("expense-automation","resolve-je-schedules"),children:k.map(($,M)=>m[$.scheduledJournalEntry.scheduledJournalEntryID]==null?null:t.jsx(la,{ref:v.current,children:t.jsx(Vh,{vendorSearchAutoCompleteActions:a,vendorSearchAutoCompleteData:n,jeScheduleClickHandler:b,onPostJESchedule:h,uncategorizedAccounts:y,allAccountList:R,allAccountGroupedOptions:T,allClassGroupedOptions:A,allClassList:I,allDepAccountGroupedOptions:D,allDepAccountList:S,draft:$,postStatus:u[$.scheduledJournalEntry.scheduledJournalEntryID],localData:m[$.scheduledJournalEntry.scheduledJournalEntryID],onFormDataChange:r})},`${M}_${$.jeScheduleTransactionKey}`))})]}):null]})}):null}const ra=s.div`
+  display: flex;
+  flex-direction: column;
+  gap: ${o.sp4};
+  min-width: 1088px;
+`,la=s.div``,ca=s(Na)`
+  color: ${e=>e.theme.colors.primary};
+  padding: ${o.sp2} ${o.sp0};
+  display: flex;
+  align-items: center;
+  gap: ${o.sp1};
+`,da=s.div`
+  border-radius: ${o.sp12};
+  display: flex;
+  justify-content: center;
+  border: ${e=>`1px solid ${e.theme.colors.grey1}`};
+  color: ${e=>e.theme.colors.hero};
+  ${e=>e.isCircular?Se`
+          height: ${o.sp3};
+          width: ${o.sp3};
+          padding: ${o.sp0};
+        `:Se`
+          height: 18px;
+          padding: ${nl.padding};
+        `}
+`,ua=s(ol)`
+  color: ${e=>e.theme.colors.hero};
+  height: 100%;
+  width: 100%;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  color: inherit;
+`;function qh({expenseAutomationViewSelector:e,currentFooterFormId:n,setResetJeAccountSettingsForm:l,vendorSearchAutoCompleteData:r,onJESchedulesFormDataChange:h,onPostJESchedule:p,handleJeScheduleClick:a,onJeAccountSettingsChange:d,onSaveJeAccountSettingsClick:c,ignoreRecommendedJeSchedule:m,vendorSearchAutoCompleteActions:u,setCurrentFooterFormId:g,setIsJeAccountSettingsOpened:f}){const{jeSchedules:C}=e;return C.fetchState==="In-Progress"||C.accountSettingsView.fetchState==="In-Progress"?t.jsx(Ds,{}):C.accountSettingsView.fetchState==="Completed"&&C.accountSettingsView.accountSettingsLocalData.previousPrepaidExpensesAccount.length===0&&C.accountSettingsView.accountSettingsLocalData.previousFixedAssetsAccount.length===0?t.jsx(Ah,{setIsJeAccountSettingsOpened:f,setResetJeAccountSettingsForm:l,currentFooterFormId:n,onJeAccountSettingsChange:d,onSaveJeAccountSettingsClick:c,accountSettings:C.accountSettingsView,setCurrentFooterFormId:g}):C.fetchState==="Completed"&&C.draftSchedules.length===0&&C.resolveSchedules.length===0?t.jsx(Tt,{tab:e.currentSelectedView,title:Je(e.currentSelectedView).allDoneText.title,subTitle:Je(e.currentSelectedView).allDoneText.subTitle}):C.fetchState==="Completed"?t.jsx(Uh,{setCurrentFooterFormId:g,handleJeScheduleClick:a,ignoreRecommendedJeSchedule:m,jeSchedules:e.jeSchedules,onJESchedulesFormDataChange:h,onPostJESchedule:p,vendorSearchAutoCompleteActions:u,vendorSearchAutoCompleteData:r}):null}const Kh=72,Os=50,Jh=1,Gh=["receipts"],ha=e=>cs(e,Gh),{common:{texts:{vendor:Yh,amount:Zh,receipts:Qh,category:Xh,classText:ep,date:tp}}}=Ae.getLocalizedStrings(),Ms={key:"vendor",value:Yh,sortOrder:"ascending",width:new ae(18,18)},np={key:"category",value:Xh,sortOrder:"ascending",width:new ae(18,18)},op={key:"class",value:ep,sortOrder:"ascending",width:new ae(18,18)},ip={key:"date",value:tp,sortOrder:"descending",width:new ae(11,11)},ap={key:"receipts",value:Qh,sortOrder:"descending",width:new ae(6,6)},_s={key:"amount",value:Zh,sortOrder:"ascending",width:new ae(10,10)},jn=[Ms,np,op,ip,ap,_s],Bs=[{...Ms,width:new ae(65,65)},{..._s,width:new ae(30,30)}],fo={sortKey:"date",sortOrder:"descending"},pa={containerPaddingLeftRight:new ae(x[3],x[4])},Fs=({sortConfig:e,isDisabled:n,onColumnSortConfigChanged:l})=>{const r=Te(),h=Rt(),p=h?Bs:jn,[a,d]=i.useState(p);i.useEffect(()=>{const u=[...p];for(const g of u)g.key===e.sortKey?g.sortOrder=e.sortOrder:g.sortOrder="ascending";d(u)},[e.sortKey,e.sortOrder,h]);const c=(u,g)=>{let f=g;e.sortKey===u&&(f=g==="ascending"?"descending":"ascending"),l(u,f)},m=u=>{ha(u.key)==null&&c(Bl(u.key),u.sortOrder)};return t.jsx(sp,{windowSize:r,children:a.map((u,g)=>{const f=n!=null||ha(u.key)!=null;return t.jsxs(rp,{sortDataValue:e.sortKey,actualDataValue:u.key,wrapperWidth:u.width,isSortDisabled:f,windowSize:r,isLastItem:g===a.length-1,style:u.key==="receipts"?{justifyContent:"center"}:void 0,children:[t.jsxs(hp,{onClick:()=>f?null:m(u),isSortDisabled:f,children:[t.jsx(pp,{children:u.value}),f?null:t.jsx(cp,{sortConfig:e,headerData:u,children:t.jsx(up,{})})]}),f?null:t.jsx(dp,{isSortDisabled:f,sortDataValue:e.sortKey,isVisible:e.sortKey===u.key&&e.sortKey!==fo.sortKey,children:t.jsx(lp,{onClick:()=>{f||c(fo.sortKey,fo.sortOrder)},"data-testid":F("missing-receipts-header-close-icon",u.key)})})]},u.key)})})},sp=s.div`
+  top: ${o.sp0};
+  left: ${o.sp0};
+  height: ${Os}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=>pa.containerPaddingLeftRight.valuePx(e.windowSize)};
+  padding-right: ${e=>pa.containerPaddingLeftRight.valuePx(e.windowSize)};
+`,rp=s.div`
+  color: ${e=>e.sortDataValue===e.actualDataValue&&!e.isSortDisabled?e.theme.colors.primary:e.theme.colors.grey1};
+  width: ${e=>e.wrapperWidth.valuePercentage(e.windowSize)};
+  max-width: ${e=>e.wrapperWidth.valuePercentage(e.windowSize)};
+  padding-left: ${o.sp0};
+  left: ${o.sp0};
+  display: flex;
+  align-items: center;
+  gap: 6px;
+  justify-content: ${e=>e.isLastItem?"flex-end":"flex-start"};
+  position: static;
+  z-index: 0;
+  box-sizing: border-box;
+`,lp=s(io)`
+  width: ${o.sp2};
+  height: ${o.sp2};
+  cursor: pointer;
+`,cp=s.div`
+  display: flex;
+  align-items: center;
+  transform: ${e=>e.headerData.sortOrder==="descending"?"rotate(180deg)":"rotate(0deg)"};
+`,dp=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};
+  }
+`,up=s(oo)`
+  width: ${o.sp2};
+  height: ${o.sp2};
+`,hp=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};
+  }
+`,pp=s(bt)`
+  display: flex;
+`,{common:{strings:{underscore:Ps,hyphen:yo,empty:ma},documents:{singleFileUploadSizeErrorMessage:mp,multipleFileUploadSizeErrorMessage:gp},snackBar:{missing_receipts_attachment:{failed:xp}},tooltips:{addMissingReceipt:fp}},dateFormat:yp}=Ae.getLocalizedStrings(),qn={containerPaddingLeftRight:new ae(x[3],x[4]),containerPaddingTopBottom:new ae(x[2],x[3])},Cp=({transaction:e,uploadReceiptsFetchState:n,receiptUploadEndpoint:l,authParams:r,selectedPeriod:h,onUploadReceiptComplete:p,onMissingReceiptsRowClick:a,onUploadReceiptFetchStatus:d,onUploadReceiptAttachment:c})=>{const m=Te(),u=Rt(),g=i.useRef(null),f=i.useCallback(async(k,y,R,I,S)=>{d(e.id,"In-Progress"),await Nl(k,y,R,I,S).then(({uploadResponse:T,errorMessage:D})=>{T!=null?T.transaction.attachments!=null&&(c(T.transaction),setTimeout(()=>p(T.transaction,h),2e3)):d(e.id,"Error",{code:500,message:xp},D)}).catch(T=>{d(e.id,"Error",T)})},[e.id,h,c,p,d]),C=i.useCallback(k=>{if(k.target.files!=null){const y=k.target.files,R=[],I=[];for(let S=0;S<y.length;S++)R.push(y[S].name),I.push(y[S]);f(l,r,y[0],y[0].name,{id:e.id,type:e.type})}},[r,f,l,e.id,e.type]),w=i.useCallback(()=>{u||g.current?.click()},[g,u]),v=u?Bs:jn;return t.jsx(zs,{className:"missing-receipts-row-card",windowSize:m,isQuickViewMode:u,onClick:()=>a(e.id,e.type),"data-testid":F("missing-receipts-list-row",e.id),children:v.map((k,y)=>{const R=`${e.id}${Ps}${k.key}`;switch(k.key){case"vendor":default:return t.jsx(en,{windowSize:m,wrapperWidth:k.width,children:t.jsx(tn,{windowSize:m,isLastItem:y===v.length-1,children:t.jsxs(Zn,{children:[t.jsx(es,{photoUrl:e.vendorId!=null?e.logo?.toString()??ma:ma,styles:{width:o.sp4,height:o.sp4,borderRadius:o.sp0},placeholder:{width:x[4],height:x[4]},fallbackAvatar:t.jsx(Ip,{children:t.jsx(In,{name:e.vendorName??e.description,size:o.sp4})})}),t.jsx(it,{text:e.vendorName??e.description,itemTextStyle:{...Nt.standardRegular.cssObject,color:"inherit"}})]})})},R);case"category":case"class":{const I=e.lines!=null&&e.lines.length>0&&e.lines[0]?.account!=null&&e.lines[0].account.accountName?e.lines[0].account.accountName:yo,S=e.lines!=null&&e.lines.length>0&&e.lines[0]?.class!=null&&e.lines[0].class.className?e.lines[0].class.className:yo,T=k.key==="category"?I:S;return t.jsx(en,{windowSize:m,wrapperWidth:k.width,children:t.jsx(tn,{windowSize:m,isLastItem:y===v.length-1,children:t.jsx(Zn,{children:T!==yo?t.jsx(it,{text:T,itemTextStyle:{...Nt.standardRegular.cssObject,color:"inherit"}}):t.jsx(kp,{children:T})})})},R)}case"date":return t.jsx(en,{windowSize:m,wrapperWidth:k.width,children:t.jsx(tn,{windowSize:m,isLastItem:y===v.length-1,children:t.jsx(Zn,{children:t.jsx(it,{text:e.date.format(yp.visual.MMMDCommaYYYYformat),itemTextStyle:{...Nt.standardRegular.cssObject,color:"inherit"}})})})},R);case"receipts":return t.jsx(en,{windowSize:m,wrapperWidth:k.width,children:t.jsx(tn,{windowSize:m,isLastItem:y===v.length-1,style:{justifyContent:"center"},children:n.fetchState==="In-Progress"?t.jsx(Jo,{size:"Small",style:{display:"flex"},start:!0}):n.fetchState==="Completed"||e.attachments!=null&&e.attachments.length>0?t.jsx(tl,{shouldDisplay:!0,width:x[4],height:x[4],animationInLoop:!1,shouldFade:!1,onAnimationComplete:()=>null}):t.jsxs(t.Fragment,{children:[t.jsx(jp,{onClick:I=>{I.stopPropagation()},children:t.jsx(Ko,{"data-testid":F("missing-receipts-file-input",e.id),name:`missing-receipts-${e.id}`,fileRef:g,sizeLimit:Gn,multiple:!1,acceptableTypes:[...ds],onFileChange:C,onFileSizeError:(I,S)=>{I&&d(e.id,"Error",{code:500,message:S===!0?mp.replace("__maxFileSize__",ji(Gn,0)):gp.replace("__maxFileSize__",ji(Gn,0))})}})}),t.jsx(Ce,{display:"flex",placement:"bottom",title:fp,enterDelay:600,children:t.jsx(Sp,{onClick:I=>{I.stopPropagation(),w()}})})]})})},R);case"amount":{const I=Ze("0,0.[00]",e.amount);return t.jsx(en,{windowSize:m,wrapperWidth:k.width,children:t.jsx(tn,{windowSize:m,isLastItem:y===v.length-1,children:t.jsx(it,{text:e.amount.amount<0?`-${I}`:I,itemTextStyle:{...Nt.standardRegular.cssObject,color:"inherit"}})})},R)}}})})},wp=()=>{const e=Te(),n=i.useRef(null),[l,r]=i.useState(0);return i.useLayoutEffect(()=>{n.current&&r(n.current.offsetWidth)},[e]),t.jsx(zs,{windowSize:e,isQuickViewMode:!1,ref:n,children:jn.map((h,p)=>{const a=`${p}${Ps}${h.key}`;switch(h.key){case"vendor":return t.jsx(en,{windowSize:e,wrapperWidth:h.width,children:t.jsx(tn,{windowSize:e,isLastItem:p===jn.length-1,children:t.jsxs(Zn,{children:[t.jsx(Xo,{width:x[4],height:x[4]}),t.jsx(Ht,{width:l*h.width.value(e)/100,height:x[4],style:{display:"flex",alignItems:"center"}})]})})},a);default:return t.jsx(en,{windowSize:e,wrapperWidth:h.width,children:t.jsx(tn,{windowSize:e,isLastItem:p===jn.length-1,children:t.jsx(Ht,{width:l*h.width.value(e)/100,height:x[4],style:{display:"flex",alignItems:"center"}})})},a)}})})},zs=s.div`
+  display: flex;
+  background-color: ${e=>e.theme.colors.grey5};
+  padding-left: ${e=>qn.containerPaddingLeftRight.valuePx(e.windowSize)};
+  padding-right: ${e=>qn.containerPaddingLeftRight.valuePx(e.windowSize)};
+  padding-top: ${e=>qn.containerPaddingTopBottom.valuePx(e.windowSize)};
+  padding-bottom: ${e=>qn.containerPaddingTopBottom.valuePx(e.windowSize)};
+  border: ${e=>`1px solid ${e.theme.colors.grey3}`};
+  box-shadow: ${e=>`${o.sp0} 2px ${o.sp1} ${e.theme.colors.dropShadowNormal}`};
+  border-radius: ${o.sp2};
+  color: ${e=>e.theme.colors.hero};
+  cursor: pointer;
+  &:hover {
+    border-color: ${e=>e.theme.colors.primary};
+    color: ${e=>e.theme.colors.primary};
+  }
+
+  box-sizing: border-box;
+  align-items: center;
+  justify-content: space-between;
+`,en=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: ${o.sp0};
+  }
+`,bp=Se`
+  word-break: break-all;
+  white-space: normal;
+  -webkit-line-clamp: 1;
+  -webkit-box-orient: vertical;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  display: -webkit-box;
+`,vp=Se`
+  height: ${o.sp3};
+  width: ${o.sp3};
+  cursor: pointer;
+`,Sp=s(ao)`
+  ${vp};
+  color: ${e=>e.theme.colors.brandColorGoldDark};
+  &:hover {
+    color: ${e=>e.theme.colors.primary};
+  }
+`,tn=s(Ve)`
+  overflow: hidden;
+  justify-content: ${e=>e.isLastItem?"flex-end":"flex-start"};
+  display: flex;
+  width: 100%;
+  align-items: center;
+`,jp=s.div``,Zn=s.div`
+  display: flex;
+  flex-direction: row;
+  column-gap: ${o.sp2};
+  align-items: center;
+`,kp=s(Ve)`
+  ${bp};
+  color: inherit;
+`,Ip=s.div`
+  display: flex;
+`,$p=({sortConfig:e,fetchState:n,isDisabled:l,onColumnSortConfigChanged:r})=>{const h=Te();return t.jsxs(Lp,{windowSize:h,children:[t.jsx(Fs,{sortConfig:e,isDisabled:n==="In-Progress"?"readonly":l,onColumnSortConfigChanged:r}),t.jsx(Tp,{windowSize:h,children:[...Array(3)].map((p,a)=>t.jsx(wp,{},a))})]})},Lp=s.div`
+  display: block;
+  min-height: 100%;
+  flex-direction: column;
+  width: 100%;
+`,Tp=s.div`
+  display: flex;
+  min-height: 100%;
+  flex-direction: column;
+  row-gap: ${o.sp3};
+`,{common:Ap}=Ae.getLocalizedStrings(),Ep=({missingReceipts:e,receiptUploadEndpoint:n,authParams:l,selectedPeriod:r,isDisabled:h,onMissingReceiptsRowClick:p,onUploadReceiptComplete:a,onUploadReceiptAttachment:d,onUploadReceiptFetchStatus:c,onUpdateMissingReceiptsUIState:m,onFetchMissingReceiptsList:u})=>{const g=Te(),{fetchState:f,uiState:C,transactions:w}=e;Tn({componentName:"expense_automation.missing_receipts",enabled:f==="Completed"});const v=i.useRef(null),[k,y]=i.useState(!1);i.useEffect(()=>{v.current?.resetAfterIndex(0)},[g,v]),i.useEffect(()=>{f==="Completed"&&y(!1)},[f]);const R=S=>Kh,I=(S,T)=>{m({sortOrder:T,sortKey:S})};return t.jsxs(Op,{children:[t.jsx(Mp,{windowSize:g,children:f==="Error"?t.jsxs(Bp,{windowSize:g,children:[t.jsx(Fp,{onClick:()=>u(),"data-testid":F("missing-receipts-list-table-reload-button"),children:t.jsx(qo,{})}),t.jsx(Pp,{children:Ap.reloadPage.label})]}):f==="Completed"&&w.length===0?t.jsx(Tt,{tab:"missing_receipts",title:Je("missing_receipts").allDoneText.title,subTitle:Je("missing_receipts").allDoneText.subTitle}):f==="Not-Started"||f==="In-Progress"&&w.length===0?t.jsx($p,{sortConfig:{sortKey:C.sortKey,sortOrder:C.sortOrder},fetchState:f,onColumnSortConfigChanged:I}):t.jsx(_p,{windowSize:g,children:t.jsx(to,{children:({height:S,width:T})=>t.jsxs(Np,{style:{height:S,width:T},children:[t.jsx(Dp,{children:t.jsx(Fs,{sortConfig:{sortKey:C.sortKey,sortOrder:C.sortOrder},isDisabled:f==="In-Progress"?"readonly":h,onColumnSortConfigChanged:I})}),t.jsx(no,{ref:v,height:S-Os,innerElementType:Ns,itemCount:w.length,itemData:{missingReceipts:e,receiptUploadEndpoint:n,authParams:l,isDisabled:h,selectedPeriod:r,onMissingReceiptsRowClick:p,onUploadReceiptComplete:a,onUploadReceiptAttachment:d,onUploadReceiptFetchStatus:c},itemSize:R,width:T,style:{willChange:"auto"},overscanCount:Jh,onScroll:({scrollOffset:D})=>{m({scrollPosition:{scrollTop:D}})},initialScrollOffset:C.scrollPosition?.scrollTop,children:Rp})]})})})}),t.jsx(Ue,{controller:k===!0,children:t.jsx(Vp,{children:t.jsx(Jo,{size:"Small",start:!0})})})]})},Rp=({index:e,style:n,data:l})=>{const{selectedTransactionId:r}=eo(),{missingReceipts:h,receiptUploadEndpoint:p,authParams:a,onMissingReceiptsRowClick:d,onUploadReceiptComplete:c,onUploadReceiptAttachment:m,onUploadReceiptFetchStatus:u,selectedPeriod:g}=l,f=h.transactions[e],C=r!=null&&r===f.id;return t.jsx(zp,{isPanelSelected:C,style:{...n,width:"100%"},children:t.jsx(Cp,{transaction:f,receiptUploadEndpoint:p,authParams:a,selectedPeriod:g,onMissingReceiptsRowClick:d,onUploadReceiptComplete:c,onUploadReceiptAttachment:m,onUploadReceiptFetchStatus:u,uploadReceiptsFetchState:h.uploadReceiptStatusById[f.id]??{fetchState:"Not-Started",error:void 0}},f.id)})},Dp=s.div`
+  width: auto;
+  max-width: var(--side-panel-list-width, 100%);
+  padding-right: var(--side-panel-list-item-pr, 0px);
+`,Op=s.div`
+  width: 100%;
+  height: 100%;
+  background-color: ${e=>e.theme.colors.grey4};
+`,Mp=s.div`
+  height: 100%;
+`,_p=s.div`
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+  max-width: 99.9%;
+`,Bp=s.div`
+  display: flex;
+  width: 100%;
+  height: ${e=>`calc(100% - ${Qa.valuePx(e.windowSize)})`};
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+`,Fp=s.div`
+  height: 96px;
+  width: 96px;
+  background: ${e=>e.theme.colors.background};
+  border-radius: 50%;
+  cursor: pointer;
+  & svg {
+    margin: ${o.sp5};
+    color: ${e=>e.theme.colors.grey1};
+  }
+  &:hover {
+    & svg {
+      color: ${e=>e.theme.colors.primary};
+    }
+  }
+`,Pp=s(Jr)`
+  margin-top: ${o.sp3};
+  color: ${e=>e.theme.colors.hero};
+`,zp=s.div`
+  top: ${o.sp0};
+  left: ${o.sp0};
+  padding-bottom: ${o.sp3};
+  padding-right: var(--side-panel-list-item-pr, 0px);
+  box-sizing: border-box;
+  ${e=>e.isPanelSelected===!0&&Se`
+      .missing-receipts-row-card {
+        ${ni(e.theme)}
+      }
+    `}
+`,Np=s.div`
+  position: relative;
+`,Ns=i.forwardRef((e,n)=>{const{style:l,...r}=e;return t.jsx("div",{ref:n,style:{...l,width:"auto",maxWidth:"var(--side-panel-list-width, 100%)",position:"relative"},...r})});Ns.displayName="Missing receipts inner element type";const Vp=s.div`
+  display: flex;
+  width: 100%;
+  height: ${o.sp3};
+  flex-direction: row;
+  justify-content: center;
+  align-items: center;
+  margin-top: ${o.sp3};
+  margin-bottom: ${o.sp3};
+`,Hp=[...Ol],Wp=7*1024*100,Up=s.div`
+  width: ${vn}px;
+`,Co=s.div`
+  width: ${e=>`${e.availableWidth}px`};
+  min-width: auto;
+  position: relative;
+  height: fit-content;
+  min-height: ${o.sp12};
+`,qp=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: ${o.sp2};
+
+  // Disable select for Zeni Logo and File Separator
+  #${Ka} img[alt*="company logo"],
+  .attachFileSeparator {
+    user-select: none;
+  }
+`,Kp=s.div`
+  display: flex;
+  column-gap: ${o.sp2};
+  align-items: flex-end;
+  margin-top: ${o.sp2};
+  margin-bottom: ${o.sp3};
+`,Jp=s.div`
+  position: relative;
+`,ga=s(Ve)`
+  position: relative;
+`,Gp=s.div`
+  background-color: ${e=>e.theme.colors.grey5};
+  border: ${e=>`1px solid ${e.theme.colors.background}`};
+  border-radius: ${o.sp2};
+  box-shadow: ${e=>`${o.sp0} 2px ${o.sp1} ${e.theme.colors.dropShadowNormal}`};
+  padding: ${o.sp5};
+  color: ${e=>e.theme.colors.primary};
+  position: relative;
+  .lexicalEditor__nestedListItem {
+    list-style-type: none;
+  }
+  user-select: text;
+
+  .monthEndReportCanvasWrapper > * {
+    isolation: isolate;
+    z-index: ${x[1]};
+  }
+`,Yp=s.div`
+  user-select: text;
+`,Zp=s.div`
+  position: absolute;
+  top: ${o.sp4}; // Attachment icon position from the top
+  right: -${o.sp3}; // To show attachment icon on the edge
+`,Qp=s.div`
+  margin-top: ${o.sp2};
+  display: flex;
+  flex-direction: column;
+  row-gap: ${o.sp3};
+  margin-bottom: ${o.sp4};
+  position: relative;
+
+  .toolbar {
+    user-select: none;
+  }
+`,Xp=s(Et)`
+  color: ${e=>e.theme.colors.grey1};
+  user-select: none;
+`,em=s(Za)`
+  color: ${e=>e.theme.colors.primary};
+`,tm=s.div`
+  flex-direction: column;
+  row-gap: ${o.sp3};
+  display: flex;
+`,nm=ei`
+ 0% {
+  transform: translateX(100%);
+ }
+ 100% {
+   transform: translateX(0)
+ }
+`,om=ei`
+ 0% {
+   transform: translateX(0)
+ }
+ 100% {
+   transform: translateX(100%)
+ }
+`,im=s.div`
+  animation: ${e=>e.allThreadsSectionOpen?nm:om}
+    0.5s forwards;
+  height: 100vh;
+  position: fixed;
+  right: ${o.sp0};
+  top: ${o.sp0};
+  z-index: ${x[2]};
+  min-width: ${Wa}px;
+  max-width: ${Ha}px;
+`,Qn="monthEndReportFormSection",xa="monthEndReportPage",Xe=Ae.getLocalizedStrings();function am({companyId:e,enableZeniGPTFeature:n,monthEndReportView:l,previewMode:r,customerRequestData:h,allThreadsSectionOpen:p,filterMetaData:a,newThreadMetadata:d,isZeniUser:c,selectedPeriod:m,improveUsingZeniGPTClick:u,onRemoveFileAttachment:g,onUpdateFileAttachment:f,onCloseAllThreadsSection:C,previewMonthEndReport:w,saveMonthEndReport:v,onEditClick:k,onOpenFileAttachmentSnackBar:y,onClickCustomerRequest:R,sendMonthEndReport:I}){const S=mt(),[T,D]=i.useState(),[A,O]=i.useState(0),[b,$]=i.useState(0),M=i.useRef(),N=i.useRef(null),G=i.useRef(null),{html:z,subject:V,improveUsingZeniGPTStatus:de}=l,[_,H]=i.useState(),[ie,he]=i.useState(!1),[xe,ge]=i.useState(!1),q=i.useRef(null),K=i.useRef(null),Y=yr(p,250),B=l.fetchState==="Not-Started"||l.fetchState==="In-Progress"||l.companyMonthEndReportTemplatesData.fetchState==="Not-Started"||l.companyMonthEndReportTemplatesData.fetchState==="In-Progress",{threadsRefs:E,sortedThreads:Z,threadsPositions:P,observer:X,unresolvedThreadsMap:J,handleRemoveFloatingThread:W}=Cr(a,q,!r,B,c),U=i.useCallback(()=>{p?K.current!=null&&$(Math.min((K.current.offsetWidth-vn-x[4])/2,K.current.offsetWidth-vn-Ha-x[4])):K.current!=null&&O(Math.min((K.current.offsetWidth-vn-x[4])/2,K.current.offsetWidth-vn-Wa-x[4]))},[p]);i.useEffect(()=>{U()},[p,U]),i.useEffect(()=>(window.addEventListener("resize",U),()=>{window.removeEventListener("resize",U)}),[U]);const L=c?Ba:Fa,{openThread:ne,addThread:ee,setOpenThread:Q}=i.useContext(L),pe=wr(vi,!1,!r),Ie=q.current?.getBoundingClientRect(),j=pe!=null&&pe.coords&&Ie?{left:pe.coords.left-Ie.left,top:pe.coords.top-Ie.top}:void 0,se=i.useCallback(()=>{const $e=window.getSelection()?.getRangeAt(0),re=br();if(!$e||re==null)return;const Le={...d,...re,startPath:re.startPath.join(),endPath:re.endPath.join()},le=`${qa()}${Ua}`,_e=`cockpit_${e}`;ee(le,{type:"thread",id:le,roomId:_e,createdAt:new Date,comments:[],metadata:Le,updatedAt:new Date,resolved:!1}),Q(le)},[ee,e,d,Q]);i.useEffect(()=>{ne!=null&&p&&C()},[p,ne,C]);const je=de.fetchState==="In-Progress",Ne=an({mode:"all",defaultValues:fa(l),values:fa(l)}),Ee=Ne.handleSubmit($e=>{const{recipientEmailList:re,subject:Le}=$e[Qn];if(r===!0)I?.(_?.id);else{const le=T?.replace(vr,Xe.common.strings.empty);re!=null&&Le!=null&&w(re,Le,_?.id,le!=null&&le.length>0?T:void 0)}}),Oe=()=>{N.current!=null&&N.current.click()},we=()=>{_!==void 0&&_!=null&&(g([_.id]),H(void 0),he(!1))},at=$e=>{const re=$e.target.files?$e.target.files[0]:null;if(re)if(!Ml(re.type)||xe)console.warn("Please select a valid file.");else{const Le=new FileReader;Le.onload=function(le){const _e=le.target?.result;if(typeof _e=="string"){const dt={data:_e.split(",")[1],name:re.name,id:_l(e,re.name)};H(dt),he(!0),f([dt])}},Le.readAsDataURL(re)}},st=()=>{G.current&&G.current.scrollIntoView({behavior:"smooth"})},qe=()=>{const $e=Ne.getValues(),{recipientEmailList:re,subject:Le}=$e[Qn];re!=null&&Le!=null&&v(re,Le,_?.id,T)};i.useEffect(()=>{D(l.zeniRequestsHtml)},[l.zeniRequestsHtml]),i.useEffect(()=>{M.current=_},[_]),i.useEffect(()=>{H(Dl(l.attachmentFile)),he(!1)},[l.attachmentFile]),i.useEffect(()=>{xe&&y()},[xe,y]);const me=zo(`${m.year}-${m.month}-01`).format(Xe.dateFormat.visual.MMMMFormat),Me=z!=null?z.split(Sr):[],Ot=l.concatenatedHtml,gt=()=>l.lastDraftSavedDate!=null&&r===!1?t.jsx(Kr,{time:l.lastDraftSavedDate,user:l.reportLastSavedByUser,timeStampLabel:Xe.cockpit.monthEndReport.timeStampLabel}):null,Ut=()=>c===!0?Y?t.jsxs(t.Fragment,{children:[t.jsx(im,{allThreadsSectionOpen:p,children:t.jsx(Ur,{autoExpand:!0,autoFocus:!1,style:{borderLeft:`1px solid ${S.colors.grey3}`,boxShadow:`${o.sp0} 1px 2px ${o.sp0} ${tt.boxShadowElevation}`},drawerSectionStyle:{width:`calc(100% - ${o.sp5} - ${o.sp5})`,backgroundColor:S.colors.background},threadsContainerStyle:{paddingBottom:r?"160px":o.sp12},collapsibleThreadStyle:{width:`calc(100% - ${o.sp4})`},allowComposer:!1,drawerTitle:Xe.common.texts.comments,filter:a,textOverrides:{},preventResolvedThreadClick:!0,onThreadClick:($e,re)=>{Q(re);const Le=Z.findIndex(le=>le[0]===re);C(),E.current?.[Le]?.scrollIntoView({behavior:"smooth",block:"center",inline:"center"})},onCloseAllThreadsDrawer:()=>C()})}),t.jsx(Co,{availableWidth:A})]}):t.jsx(qr,{observer:X,canvasContainerRef:q,sortedThreads:Z,threadsPositions:P,threadsRefs:E,unresolvedThreadsMap:J,editorMode:!r,style:{minWidth:`${A}px`,position:"relative",height:"fit-content",top:`${q.current?.offsetTop}px`,minHeight:o.sp12},handleRemoveFloatingThread:W}):t.jsx(Co,{availableWidth:A}),xt=(l.zeniRequestsData??[]).length+jr(l.companyMonthEndReportTemplatesData).length;return t.jsxs(t.Fragment,{children:[t.jsxs(qp,{ref:K,children:[t.jsx(Co,{availableWidth:p?b:A}),t.jsxs(Up,{children:[t.jsx(sn,{...Ne,children:t.jsx("form",{id:ya(xa),onSubmit:Ee,children:t.jsxs(tm,{children:[t.jsx(kr,{sectionId:Qn,previewMode:r,subject:V}),!r&&xt>0?t.jsx(Ir,{totalItems:xt,onClickCustomerRequest:R}):null,t.jsxs(Gp,{id:vi,ref:q,children:[t.jsxs(Yp,{className:"monthEndReportCanvasWrapper",children:[_!=null||xe?t.jsx(Zp,{"data-testid":F("email-attachment-container"),onClick:st,children:t.jsx($r,{fileSizeError:xe,setFileSizeError:ge,loading:!1,showAnimation:!r&&ie})}):null,r?t.jsx(ga,{dangerouslySetInnerHTML:{__html:Lr(Ot)}}):t.jsxs(t.Fragment,{children:[t.jsxs(Jp,{id:Tr,children:[t.jsx(Ve,{dangerouslySetInnerHTML:{__html:Me[0]!=null?Me[0]+"</body></html>":Xe.common.strings.empty}}),t.jsxs(Kp,{children:[t.jsx(em,{children:Xe.cockpit.monthEndReport.editorTitle}),t.jsx(Xp,{children:Xe.cockpit.monthEndReport.editorNote})]})]}),t.jsx(Qp,{id:Ar,children:t.jsx(Er,{handleFileInputClick:Oe,fileAttached:_!=null,enableZeniGPTFeature:n,isZeniGPTResponseLoading:je,initialHtmlString:l.zeniRequestsHtml,improveUsingZeniGPTClick:u,setZeniRequestsHtml:D,customerRequestData:h})}),t.jsx(ga,{id:Ka,dangerouslySetInnerHTML:{__html:Me[1]!=null?"<html><body>"+Me[1]:Xe.common.strings.empty}})]}),_!=null?t.jsx(Rr,{ref:G,fileName:_.name,fileSize:Dr(_.data),onRemove:we,isRemovable:!r}):null]}),j?t.jsx(Or,{style:{zIndex:15},coords:j,alignment:pe.alignment,onClick:se}):null,t.jsx(Mr,{canvasContainerRef:q,sortedThreads:Z,editorMode:!r,isZeniUser:c})]})]})})}),t.jsx(Ko,{name:_?.name??Xe.common.strings.empty,fileRef:N,sizeLimit:Wp,acceptableTypes:Hp,onFileChange:async $e=>{at($e)},onFileSizeError:$e=>ge($e),multiple:!1})]}),Ut()]}),t.jsx(Pa,{style:{zIndex:10},leftSideComponent:gt(),formId:ya(xa),cancelBtn:{isDisabled:je,label:r===!0?Xe.cockpit.monthEndReport.editButtonLabel:Xe.cockpit.monthEndReport.saveChanges,onClick:r===!0?k:qe,style:{width:"136px",padding:`${o.sp0} ${o.sp3}`,boxSizing:"border-box"},size:"medium",isLoading:l.saveMonthEndReportStatus.fetchState==="In-Progress",reverseSpinnerColor:!1},primaryBtn:{isDisabled:je,isLoading:r===!0?l.sendMonthEndReportStatus.fetchState==="In-Progress":l.previewMonthEndReportStatus.fetchState==="In-Progress",style:{width:r===!0?"unset":"136px"},label:r===!0?Xe.cockpit.monthEndReport.sendEmailButtonLabel.replace("__month__",me):Xe.cockpit.monthEndReport.preview,size:"medium"}})]})}const fa=e=>({[Qn]:{recipientEmailList:e.recipientEmailList,subject:e.subject??Xe.common.strings.empty}}),ya=e=>`${e}_form`;Nt.smallBold.lineHeightValue;const sm=1,rm=50,Ca=56,lm=["memo_and_receipt","activity","paymentAccount","receipt"],wa=e=>cs(e,lm),wo=905,cm=1240,dm=1440,um=1920;function Dt(e,n,l,r){const h=n,p=Math.round(n*cm/wo),a=Math.round(n*dm/wo),d=Math.round(n*um/wo),c=l??a,m=r??c;return new ae(e,n,h,Math.min(p,c),Math.min(a,c),Math.min(d,m))}const{common:{strings:{empty:hm}},expenseAutomation:{transactions:{header:{vendors:pm,category:mm,classText:gm,date:xm,type:fm,amount:ym,paymentAccount:Cm,memoReceipt:wm}}}}=Ae.getLocalizedStrings(),Vs={key:"vendor",value:pm,sortOrder:"ascending",width:Dt(200,200,220,360),customStyle:{common:{paddingLeft:x[7]}}},bm={key:"payment_account",value:Cm,sortOrder:"ascending",width:Dt(180,180,200,320),customStyle:{common:{paddingLeft:x[0]}}},vm={key:"category",value:mm,sortOrder:"ascending",width:Dt(200,200,220,360),customStyle:{common:{paddingLeft:x[6]}}},Sm={key:"class",value:gm,sortOrder:"ascending",width:Dt(200,200,220,360),customStyle:{common:{paddingLeft:x[6]}}},jm={key:"date",value:xm,sortOrder:"descending",width:Dt(108,108,130,144),customStyle:{common:{paddingLeft:x[0]}}},km={key:"transaction_type",value:fm,sortOrder:"descending",width:Dt(108,108,130,144),customStyle:{common:{paddingLeft:0}}},Im={key:"memo_and_receipt",value:wm,sortOrder:"ascending",width:Dt(108,108,108,120),customStyle:{common:{paddingLeft:0,justifyContent:"center",display:"flex",alignItems:"center"}}},Hs={key:"amount",value:ym,sortOrder:"ascending",width:Dt(108,108,140,156),customStyle:{common:{paddingRight:x[0],justifyContent:"flex-end",display:"flex",alignItems:"center"}}},$m={key:"activity",value:hm,sortOrder:"ascending",width:Dt(x[6],x[6],48,54),customStyle:{common:{}}},ui=e=>{const n=[Vs,bm,vm,Sm,jm,km,Im,Hs];return e===!0&&n.push($m),n},hi=[{...Vs,width:new ae(65,65)},{...Hs,width:new ae(30,30)}],bo={sortKey:"date",sortOrder:"descending"},Ws=({sortConfig:e,isDisabled:n,isTransactionActivityEnabled:l,onColumnSortConfigChanged:r})=>{const h=Te(),p=Rt(),a=p?hi:ui(l),[d,c]=i.useState(Po(a));i.useEffect(()=>{const g=Po(a);for(const f of g)f.key===e.sortKey?f.sortOrder=e.sortOrder:f.sortOrder="ascending";c(g)},[e.sortKey,e.sortOrder,p]);const m=(g,f)=>{let C=f;e.sortKey===g&&(C=f==="ascending"?"descending":"ascending"),r(g,C)},u=g=>{wa(g.key)==null&&m(Pl(g.key),g.sortOrder)};return t.jsx(Lm,{windowSize:h,isQuickViewMode:p,"data-testid":F("transaction-categorization-header-container"),children:d.map((g,f)=>{const C=n!=null||wa(g.key)!=null;return t.jsxs(Tm,{sortDataValue:e.sortKey,actualDataValue:g.key,wrapperWidth:g.width,style:g.customStyle?.common,isSortDisabled:C,isQuickViewMode:p,windowSize:h,isLastItem:f===d.length-1,"data-testid":F("transaction-categorization-header-wrapper",g.key),children:[t.jsxs(Om,{"data-testid":F("transaction-categorization-header",g.value?g.value:g.key),onClick:()=>u(g),isSortDisabled:C,children:[t.jsx(Mm,{children:g.value}),C?null:t.jsx(Em,{sortConfig:e,headerData:g,"data-testid":F("transaction-categorization-sort-icon",g.key),children:t.jsx(Dm,{})})]}),C?null:t.jsx(Rm,{isSortDisabled:C,sortDataValue:e.sortKey,isVisible:e.sortKey===g.key&&e.sortKey!==bo.sortKey,"data-testid":F("transaction-categorization-close-icon",g.key),children:t.jsx(Am,{onClick:()=>{m(bo.sortKey,bo.sortOrder)},"data-testid":F("transaction-categorization-close-icon-button",g.key)})})]},g.key)})})},Lm=s.div`
+  top: ${o.sp0};
+  left: ${o.sp0};
+  height: ${rm}px;
+  z-index: 2;
+  display: flex;
+  flex-wrap: nowrap;
+  align-items: center;
+  box-sizing: border-box;
+  background-color: ${e=>e.theme.colors.grey4};
+  position: sticky;
+  ${e=>e.isQuickViewMode?Se`
+          width: 100%;
+          justify-content: space-between;
+        `:Se`
+          column-gap: ${o.sp4};
+          width: max-content;
+          min-width: 100%;
+        `}
+`,Tm=s.div`
+  color: ${e=>e.sortDataValue===e.actualDataValue&&!e.isSortDisabled?e.theme.colors.primary:e.theme.colors.grey1};
+  padding-left: ${o.sp0};
+  left: ${o.sp0};
+  display: flex;
+  align-items: center;
+  gap: 6px;
+  justify-content: ${e=>e.isLastItem?"flex-end":"flex-start"};
+  position: static;
+  z-index: 0;
+  box-sizing: border-box;
+  ${e=>e.isQuickViewMode?Se`
+          width: ${e.wrapperWidth.valuePercentage(e.windowSize)};
+          max-width: ${e.wrapperWidth.valuePercentage(e.windowSize)};
+        `:Se`
+          width: ${e.wrapperWidth.valuePx(e.windowSize)};
+          max-width: ${e.wrapperWidth.valuePx(e.windowSize)};
+        `}
+`,Am=s(io)`
+  width: 12px;
+  height: 12px;
+`,Em=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"};
+`,Rm=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};
+  }
+`,Dm=s(oo)`
+  width: ${o.sp2};
+  height: ${o.sp2};
+`,Om=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};
+  }
+`,Mm=s(bt)`
+  display: flex;
+`,vo="expenseAutomationTransactionsPage",on="transactionCategorizationListTable",De="account",et="class",pt="lineEntitySelection",_m="lineEntity",Bm="recommendations",Us="lineInfo",Fm="vendorDetails",Pm="customerDetails",Xn="selectedTransactionIds",Bt=(e,n,l)=>`${e}.${l}.${n}`,zm=e=>i.createElement("svg",{viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e},i.createElement("path",{d:"M4.85022 13.5836L5.52057 12.9133C5.63229 12.8016 5.77164 12.7217 5.92438 12.6815C6.07712 12.6413 6.23779 12.6424 6.38999 12.6846C6.54218 12.7268 6.68046 12.8086 6.7907 12.9217C6.90094 13.0348 6.97919 13.1751 7.01747 13.3283L7.08174 13.5836L7.8119 13.0972C7.98361 12.9827 8.1897 12.9312 8.39508 12.9515C8.60046 12.9719 8.79245 13.0628 8.93837 13.2087L9.31326 13.5836H11.0985",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),i.createElement("path",{d:"M17.4206 6H2.24629C2.12792 6 2.01441 6.04702 1.93071 6.13072C1.84701 6.21442 1.79999 6.32794 1.79999 6.4463V17.1576C1.79999 17.276 1.84701 17.3895 1.93071 17.4732C2.01441 17.5569 2.12792 17.6039 2.24629 17.6039H21.8837C22.0021 17.6039 22.1156 17.5569 22.1993 17.4732C22.283 17.3895 22.33 17.276 22.33 17.1576V6.4463C22.33 6.32794 22.283 6.21442 22.1993 6.13072C22.1156 6.04702 22.0021 6 21.8837 6H17.4206Z",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),i.createElement("path",{d:"M16.0854 9.6521H19.6559V12.0656H16.0854V9.6521Z",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"})),qs=e=>i.createElement("svg",{viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e},i.createElement("path",{d:"M0.929688 8.00813C0.929688 8.675 1.02283 9.32014 1.19683 9.93121M2.20132 3.98138C3.46937 2.17826 5.566 1 7.93783 1C11.8083 1 14.946 4.13765 14.946 8.00813C14.946 10.2186 13.9226 12.1901 12.3237 13.4745M2.01692 11.7591C2.35672 12.2943 2.7671 12.7804 3.23498 13.2041M4.80209 14.2773C5.39521 14.5746 6.03636 14.7901 6.7108 14.9092M8.65531 14.98C9.34096 14.9103 9.99736 14.7418 10.6101 14.4888",stroke:"currentColor",strokeWidth:1.25,strokeLinecap:"round",strokeLinejoin:"round"}),i.createElement("path",{d:"M8 4.66602V7.93891L11.0228 10.9322",stroke:"currentColor",strokeWidth:1.25,strokeLinecap:"round",strokeLinejoin:"round"}),i.createElement("path",{d:"M4.1813 4.23989L1.83594 4.24014V1.89453",stroke:"currentColor",strokeWidth:1.25,strokeLinecap:"round",strokeLinejoin:"round"})),Nm=e=>i.createElement("svg",{viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e},i.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"}),i.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"}),i.createElement("path",{d:"M14.055 8.06982L5.80499 8.06982",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),i.createElement("path",{d:"M10.305 12.5698L5.80499 12.5698",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"})),Vm=e=>i.createElement("svg",{viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e},i.createElement("path",{d:"M20.25 19.5H6.75C6.55109 19.5 6.36032 19.421 6.21967 19.2803C6.07902 19.1397 6 18.9489 6 18.75V2.25C6 2.05109 6.07902 1.86032 6.21967 1.71967C6.36032 1.57902 6.55109 1.5 6.75 1.5H15.75L21 6.75V18.75C21 18.9489 20.921 19.1397 20.7803 19.2803C20.6397 19.421 20.4489 19.5 20.25 19.5Z",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),i.createElement("path",{d:"M15.75 1.5V6.75H21",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),i.createElement("path",{d:"M10.4941 11.2559H16.4941",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),i.createElement("path",{d:"M10.4941 14.2559H16.4941",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),i.createElement("path",{d:"M16.5 22.5H3V5.85315",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"})),{common:{strings:{underscore:Hm,hyphen:Ft,empty:zt,colon:ba},tooltips:{addReceipt:Wm,viewReceipt:Um,viewReceipts:qm}},expenseAutomation:{transactions:ut},dateFormat:Km}=Ae.getLocalizedStrings(),At={containerPaddingLeftRight:new ae(x[3],x[4]),containerPaddingTopBottom:new ae(x[1],x[2]),containerPaddingTopBottomEmpty:new ae(x[2],x[3]),nameLogoWidth:new ae(x[2],x[4]),nameLogoHeight:new ae(x[2],x[4])},Jm=({transactionView:e,transaction:n,sectionId:l,vendorSearchAutoCompleteData:r,vendorSearchAutoCompleteActions:h,selectedTab:p,containerRef:a,listContainerRef:d,isCOTEnabled:c,cotTracking:m,onTransactionCategorizationRowClick:u,setCurrentTransactionInAction:g,vendorLoadOptions:f,openTooltipId:C,setOpenTooltipId:w,isUncategorizedExpenseCategoryEnabled:v,setActivityLogTransactionId:k,isTransactionActivityEnabled:y,authParams:R,onUploadTransactionReceipt:I})=>{const S=Te(),T=Rt(),[D,A]=i.useState(!1),[O,b]=i.useState(!1),{lineItemById:$,sortedLineItems:M}=n.transactionReviewLocalData,N=n.transactionReviewLocalData.tabSpecificLineItems?.[p]||[],G=M.filter(L=>N.indexOf(L)!==-1),z=[];G.forEach(L=>{z.push($[L])});const{accountList:V,accountsHierarchyList:de,classHierarchyList:_,classList:H,uncategorizedAccounts:ie,transactions:he,selectedCheckBoxTransactionIds:xe}=e,ge=e.uploadReceiptStatusById,q=xe.includes(n.transactionId),K=mt(),Y={control:()=>({marginLeft:-2,backgroundColor:D?K.colors.background:K.colors.grey5}),valueContainer:()=>({justifyContent:"flex-start",paddingLeft:x[0]}),menu:()=>({width:"150%",background:K.colors.grey5}),singleValue:()=>({color:D||q?K.colors.primary:K.colors.hero,paddingLeft:x[2]}),input:L=>({...L,color:D||q?K.colors.primary:K.colors.hero,textAlign:"left",paddingLeft:x[2]}),menuPortal:L=>({...L,zIndex:10})},B={...Y,singleValue:L=>({...L,color:D||q?K.colors.primary:K.colors.hero}),menu:()=>({marginTop:x[1],marginLeft:-8}),input:L=>({...L,color:D||q?K.colors.primary:K.colors.hero,textAlign:"left"})},E=he.find(L=>L.id===n.transactionId),Z=(L,ne)=>{const{transactionType:ee}=ne.transactionReviewLocalData;let Q=L.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}ee!=null&&u(ne.transactionId,ee)},P=i.useRef(null),[X,J]=i.useState(void 0),[W,U]=i.useState("bottom");return i.useEffect(()=>{if(X===void 0)return;const L=d?.current?._outerRef??null,ne=()=>{const ee=P.current;if(ee==null||L==null)return;const Q=ee.getBoundingClientRect(),pe=L.getBoundingClientRect(),Ie=L.scrollTop+(Q.bottom-pe.top),j=L.scrollHeight-Ie;U(j>=288?"bottom":"top")};return ne(),window.addEventListener("resize",ne),L?.addEventListener("scroll",ne),()=>{window.removeEventListener("resize",ne),L?.removeEventListener("scroll",ne)}},[d,X]),t.jsxs(Ym,{onMouseEnter:T?void 0:()=>A(!0),onMouseLeave:T?void 0:()=>A(!1),children:[t.jsx(Qm,{className:"categorization-row-card",windowSize:S,isSelected:q,isQuickViewMode:T,isHovered:D,children:t.jsx(Xm,{children:z.map((L,ne)=>t.jsx(e1,{ref:X===ne?P:void 0,"data-testid":F("transaction-categorization-list-row",L.lineId),windowSize:S,isQuickViewMode:T,onClick:ee=>Z(ee,n),children:t.jsx(Gm,{isTransactionActivityEnabled:y,line:L,isHovered:D||q,isSelected:q,isQuickViewMode:T,lineIndex:ne,sectionId:l,transaction:n,currentTransaction:E,windowSize:S,accountsHierarchyList:de,classHierarchyList:_,allAccountList:V,allClassList:H,uncategorizedAccounts:ie,vendorSearchAutoCompleteData:r,vendorSearchAutoCompleteActions:h,setCurrentTransactionInAction:g,vendorLoadOptions:f,customStyle:Y,customStyleAutoComplete:B,recommendations:L.recommendationsWithCOT,selectedTab:p,isCOTEnabled:c,menuPlacement:W,cotTracking:m,openTooltipId:C,setOpenTooltipId:w,isUncategorizedExpenseCategoryEnabled:v,authParams:R,uploadReceiptStatus:ge?.[n.transactionId],onUploadTransactionReceipt:I,onDropdownClose:()=>J(void 0),onDropdownOpen:()=>J(ne)})},`${n.transactionId}.${L.lineId}`))},n.transactionId)},n.transactionId),y===!0&&!T&&t.jsx(w1,{className:"activity-log-icon",onMouseEnter:()=>b(!0),onMouseLeave:()=>b(!1),onClick:L=>{L.stopPropagation(),k(n.transactionId)},children:t.jsx(Ce,{title:ut.header.activity,placement:"bottom",children:t.jsx(b1,{style:{color:O?K.colors.primary:K.colors.hero}})})})]})},Gm=({accountsHierarchyList:e,allAccountList:n,allClassList:l,classHierarchyList:r,customStyle:h,customStyleAutoComplete:p,line:a,lineIndex:d,transaction:c,currentTransaction:m,windowSize:u,uncategorizedAccounts:g,isHovered:f=!1,isSelected:C=!1,isQuickViewMode:w=!1,sectionId:v,recommendations:k,vendorSearchAutoCompleteData:y,selectedTab:R,isCOTEnabled:I,menuPlacement:S,cotTracking:T,openTooltipId:D,setCurrentTransactionInAction:A,vendorLoadOptions:O,setOpenTooltipId:b,isUncategorizedExpenseCategoryEnabled:$,isTransactionActivityEnabled:M,onDropdownClose:N,onDropdownOpen:G,authParams:z,uploadReceiptStatus:V,onUploadTransactionReceipt:de})=>{const{transactionDate:_,transactionType:H,transactionTypeName:ie,memo:he}=c.transactionReviewLocalData,{setValue:xe}=Qo(),ge=i.useCallback((te,ve)=>{T?.onCOTView!=null&&T.onCOTView(a.lineId,c.transactionId,te,ve)},[T,a.lineId,c.transactionId]),q=a.lineDescription,K=i.useMemo(()=>{if(q||he)return[{title:ut.description,description:q||Ft},{title:ut.header.memo,description:he||Ft}]},[he,q]),Y=Bt(v,pt,d.toString()),B=Bt(v,De,d.toString()),E=Bt(v,et,d.toString()),Z=(te,ve)=>{if(w)return;let ke;switch(ve){case"vendor":ke=Y;break;case"category":ke=B;break;case"class":ke=E;break;default:return}xe(`${ke}.selectedOption`,te,{shouldValidate:!0,shouldDirty:!0})},P=mt(),X=i.useMemo(()=>m!=null&&Qt(m)===!0?{id:c.transactionReviewLocalData.customer?.id??"",logo:c.transactionReviewLocalData.customer?.logo,name:c.transactionReviewLocalData.customer?.name??""}:{id:a.customer?.id??"",logo:a.customer?.logo,name:a.customer?.name??""},[m,a.customer?.id,a.customer?.logo,a.customer?.name,c.transactionReviewLocalData.customer?.id,c.transactionReviewLocalData.customer?.logo,c.transactionReviewLocalData.customer?.name]),J=i.useMemo(()=>m!=null&&Qt(m)===!0?{id:c.transactionReviewLocalData.vendor?.id??"",logo:c.transactionReviewLocalData.vendor?.logo,name:c.transactionReviewLocalData.vendor?.name??""}:{id:a.vendor?.id??"",logo:a.vendor?.logo,name:a.vendor?.name??""},[m,a.vendor?.id,a.vendor?.logo,a.vendor?.name,c.transactionReviewLocalData.vendor?.id,c.transactionReviewLocalData.vendor?.logo,c.transactionReviewLocalData.vendor?.name]),W=a[et]?.classId,U=a[De]?.qboId??a[De]?.accountId,L=X?.id,ne=J?.id,ee=J?.name,[Q,pe]=i.useState(!W),[Ie,j]=i.useState(!U||a[De]?.qboId!=null&&Sn(g,a[De].qboId,$===!0?["income"]:void 0)===!0),[se,je]=i.useState(!ne||!L),Ne=te=>k?.find(ve=>ve.vendor?.qboId===te||ve.vendor?.id===te||ve.vendor?.name===te)?.vendor?.reason??"",Ee=c.transactionReviewLocalData.lineItemById[a.lineId]?.recommendationsWithCOT||[],Oe=is(e,Ee),we=os(r,Ee),at=te=>n.filter(ve=>ve.qboId===te)[0]?.qboId,st=te=>l.filter(ve=>ve.classId===te)[0]?.accountingClassNumber??void 0,qe=i.useCallback(te=>Sn(g,te,$===!0?["income"]:void 0),[g,$]),[me,Me]=i.useState(!1),[Ot,gt]=i.useState(!1),[Ut,xt]=i.useState(!1),[$e,re]=i.useState(0),[Le,le]=i.useState(null),[_e,dt]=i.useState([]),[vt,He]=i.useState(void 0),rn=i.useRef(null),[ln,Mt]=i.useState(0),[qt,Kt]=i.useState(0),cn=al()?.url,[Rn,yn]=i.useState(!1),Zs=(te,ve)=>{A({transactionId:c.transactionId,lineItemId:a.lineId}),O(te,ve)},pi=()=>{je(!(ne||L)),Me(!1),N?.()},mi=()=>{U&&a[De]?.qboId!=null&&Sn(g,a[De].qboId,$===!0?["income"]:void 0)===!1?j(!1):j(!0),yn(!1),N?.()},gi=()=>{pe(!W),gt(!1),N?.()},Qs=()=>{w||(ne||L)&&(Me(!0),G?.())},Xs=()=>{w||(gt(!0),G?.())},er=()=>{w||(yn(!0),G?.())};i.useEffect(()=>{U&&a[De]?.qboId!=null&&Sn(g,a[De].qboId,$===!0?["income"]:void 0)===!1?j(!1):j(!0)},[U]),i.useEffect(()=>{pe(!W)},[W]),i.useEffect(()=>{je(!(ne||L))},[ne,L]);const tr=c.transactionReviewLocalData.selectedEntity,nr=c.transactionReviewLocalData.lineItemById[a.lineId].selectedEntityLine,Ke=m!=null&&Qt(m)===!0?tr:nr,Dn=i.useMemo(()=>{const te=c.transactionReviewLocalData.lineItemById[a.lineId]?.recommendationsWithCOT||[],ve=y.entityAutoCompleteView;return{selectedOption:Ke?.qboId??Ke?.id,defaultOptions:Go(ve,Ke,te??[])}},[Ke,c.transactionReviewLocalData.lineItemById,a.lineId,y.entityAutoCompleteView]),or=()=>Ke!=null&&Ke.logo!=null?t.jsx(es,{photoUrl:Ke.logo.toString(),styles:{width:At.nameLogoWidth.valuePx(u),height:At.nameLogoHeight.valuePx(u)},fallbackAvatar:t.jsx(ja,{children:t.jsx(In,{name:Ke.name,size:o.sp4})})}):Ke!=null&&Ke.name!=null?t.jsx(ja,{children:t.jsx(In,{name:Ke.name,size:o.sp4})}):null,xi=(te,ve)=>{if(ve==null||!ve)return;let ke=[];return te.forEach(jt=>{ke=ke.concat(jt.options)}),ke.find(jt=>jt.value===ve)?.label??ve},fi=xi(we,W),yi=xi(Oe,U),St=R==="review",Ci=lo("vendor",Dn.defaultOptions,Dn.selectedOption),wi=lo("category",Oe,U),bi=lo("class",we,W),ir=te=>{const ve=w?hi:ui(te);return ve.map((ke,jt)=>{const lt=`${c.transactionId}_${ke.key}_${a.lineId}`;if(d>0&&m!=null&&Qt(m)===!0&&ke.key==="vendor")return t.jsx(nt,{windowSize:u,wrapperWidth:ke.width,isQuickViewMode:w},lt);if(d>0&&(ke.key==="transaction_type"||ke.key==="payment_account"||ke.key==="memo_and_receipt"))return t.jsx(nt,{windowSize:u,wrapperWidth:ke.width,isQuickViewMode:w},lt);switch(ke.key){case"activity":return t.jsx(Js,{},lt);case"vendor":default:return t.jsxs(nt,{windowSize:u,wrapperWidth:ke.width,isQuickViewMode:w,className:"item-value-container",children:[!w&&t.jsx(So,{isCOTEnabled:I,recommendations:Ee,type:"vendor",isFirstColumn:!0,isEnabled:!!Ke?.isPreFilled,isMisCategorized:Ci,onRecommendationClick:Z,selectedValue:ne,selectedValueLabel:ee,isReviewTab:St,isAccountOptionDisabled:qe,existingOption:{label:m!=null&&Qt(m)===!0?m?.vendor?.name:void 0,value:m!=null&&Qt(m)===!0?m?.vendor?.id:void 0},cotTracking:T,lineId:a.lineId,transactionId:c.transactionId,openTooltipId:D,setOpenTooltipId:b}),t.jsx(Lo,{children:se===!0?t.jsx(Io,{isHovered:f,isQuickViewMode:w,children:t.jsxs(ko,{onClick:Be=>{Be.stopPropagation(),!w&&(G?.(),je(!1),Me(!0))},"data-testid":F("add-vendor-button",v),style:{display:"inline-flex",alignItems:"center",color:tt.brandColorGoldDark,cursor:"pointer",height:o.sp6},children:[t.jsx(Kn,{}),ut.addPayee]})}):me===!0?t.jsx($t,{onClickAway:pi,children:t.jsx(f1,{"data-testid":F("vendor-selection-dropdown-container",Bt(v,pt,d.toString())),children:t.jsx(ul,{name:Y,placeholder:ut.addPayee,valueToInfo:Ne,defaultValue:{selectedOption:Dn.selectedOption,defaultOptions:Dn.defaultOptions},type:"vendor",autoFocus:!se,style:{width:"100%"},pageSource:"list_page",transactionStatus:St?"pending_review":"auto_categorized",isOptionRemovable:!1,customStyleConfig:p,menuIsOpen:me,onMenuClose:pi,registerOptions:{required:!1},loadOptions:Zs,showCOT:I,onCOTView:ge,menuPlacement:S})})}):t.jsx(C1,{children:t.jsxs($o,{isHovered:f,isQuickViewMode:w,showOutline:!w&&Ci&&Ke?.isPreFilled!==!0&&!C&&St,children:[or(),t.jsx(x1,{onClick:Qs,"data-testid":F("vendor-name-text",v),children:Ke!=null&&Ke.name?t.jsx(it,{text:Ke.name,itemTextStyle:{color:f?P.colors.primary:P.colors.hero}}):t.jsx(y1,{children:Ft})})]})})})]},lt);case"category":{const Be=m?.lines!=null?m?.lines[d]:void 0;return t.jsxs(nt,{windowSize:u,wrapperWidth:ke.width,className:"item-value-container",children:[t.jsx(So,{isCOTEnabled:I,recommendations:Ee,type:"category",isFirstColumn:!1,isReviewTab:St,isEnabled:!!a[De]?.isPreFilled,isAccountOptionDisabled:qe,isMisCategorized:wi,onRecommendationClick:Z,selectedValue:U,selectedValueLabel:yi,existingOption:{label:Be?.account?.accountName,value:Be?.account?.qboId??Be?.account?.accountId},cotTracking:T,lineId:a.lineId,transactionId:c.transactionId,openTooltipId:D,setOpenTooltipId:b}),t.jsx(Lo,{children:Ie===!0?t.jsx(Io,{isHovered:f,children:t.jsxs(ko,{onClick:Qe=>{Qe.stopPropagation(),!w&&(G?.(),j(!1),yn(!0))},"data-testid":F("category-selection-field",B),style:{display:"inline-flex",alignItems:"center",color:tt.brandColorGoldDark,cursor:"pointer",height:o.sp6},children:[t.jsx(Kn,{}),ut.addCategory]})}):Rn===!0?t.jsx($t,{onClickAway:mi,children:t.jsx(ka,{isHovered:f,"data-testid":F("category-selection-dropdown-container",B),children:t.jsx(Ei,{name:B,placeholder:ut.addCategory,valueToId:Qe=>at(Qe),type:"category",pageSource:"list_page",transactionStatus:St?"pending_review":"auto_categorized",showCOT:I,defaultValue:{selectedOption:U,allOptions:Oe},style:{display:"flex",flexGrow:1,width:"100%",cursor:"inherit"},registerOptions:{required:!1},menuIsOpen:Rn,autoFocus:!Ie&&(!U||a[De]?.qboId!=null&&[g.expense?.qboId,g.income?.qboId].includes(a[De].qboId)),onMenuClose:mi,customStyleConfig:h,disableCurrentOption:qe,menuPlacement:S,onCOTView:ge})})}):t.jsx($o,{isHovered:f,showOutline:wi&&a[De]?.isPreFilled!==!0&&!C&&St,children:t.jsx(Ia,{onClick:er,"data-testid":F("category-label-text",B),children:t.jsx(it,{text:yi??"",itemTextStyle:{color:f?P.colors.primary:P.colors.hero}})})})})]},lt)}case"class":{const Be=m?.lines!=null?m?.lines[d]:void 0;return t.jsxs(nt,{windowSize:u,wrapperWidth:ke.width,className:"item-value-container",children:[t.jsx(So,{isCOTEnabled:I,recommendations:Ee,type:"class",isFirstColumn:!1,isReviewTab:St,isEnabled:!!a[et]?.isPreFilled,isAccountOptionDisabled:qe,isMisCategorized:bi,onRecommendationClick:Z,selectedValue:W,selectedValueLabel:fi,existingOption:{label:Be?.class?.className,value:Be?.class?.classId},cotTracking:T,lineId:a.lineId,transactionId:c.transactionId,openTooltipId:D,setOpenTooltipId:b}),t.jsx(Lo,{children:Q===!0?t.jsx(Io,{isHovered:f,children:t.jsxs(ko,{onClick:Qe=>{Qe.stopPropagation(),!w&&(G?.(),pe(!1),gt(!0))},"data-testid":F("class-selection-field",E),style:{display:"inline-flex",alignItems:"center",color:tt.brandColorGoldDark,cursor:"pointer",height:o.sp6},children:[t.jsx(Kn,{}),ut.addClass]})}):Ot===!0?t.jsx($t,{onClickAway:gi,children:t.jsx(ka,{isHovered:f,"data-testid":F("class-selection-dropdown-container",E),children:t.jsx(Ei,{name:E,placeholder:ut.addClass,valueToId:Qe=>st(Qe),type:"class",showCOT:I,defaultValue:{selectedOption:W,allOptions:we},pageSource:"list_page",transactionStatus:St?"pending_review":"auto_categorized",menuIsOpen:Ot,registerOptions:{required:!1},style:{width:"100%"},autoFocus:!Q&&!W,customStyleConfig:h,onMenuClose:gi,menuPlacement:S,onCOTView:ge})})}):t.jsx($o,{isHovered:f,showOutline:bi&&a[et]?.isPreFilled!==!0&&!C&&St,children:t.jsx(Ia,{"data-testid":F("class-selection-field",E),onClick:Xs,children:t.jsx(it,{text:fi??"",itemTextStyle:{color:f?P.colors.primary:P.colors.hero}})})})})]},lt)}case"date":return t.jsx(nt,{windowSize:u,wrapperWidth:ke.width,children:t.jsx(nn,{windowSize:u,isLastItem:jt===ve.length-1,children:t.jsx(Uo,{"data-testid":F("date-field",Bt(v,et,d.toString())),children:t.jsx(jo,{style:{color:f?P.colors.primary:P.colors.hero},children:_!=null?_.format(Km.visual.MMMDCommaYYYYformat):null})})})},lt);case"transaction_type":return t.jsx(nt,{windowSize:u,wrapperWidth:ke.width,children:t.jsx(nn,{windowSize:u,"data-testid":F("transaction-type-field",Bt(v,et,d.toString())),isLastItem:jt===ve.length-1,children:ie!=null?t.jsx(cl,{textColor:f?new Zo(P.colors.primary):dl(void 0,P),text:ie??H}):null})},lt);case"amount":{const Be=Ze("0,0.[00]",a.amount,!0);return t.jsx(nt,{windowSize:u,style:{marginRight:te&&!w?x[0]:x[4]},wrapperWidth:ke.width,isQuickViewMode:w,children:t.jsx(nn,{windowSize:u,isLastItem:jt===ve.length-1,style:{justifyContent:"flex-end"},children:t.jsx(Uo,{"data-testid":F("transaction-amount-field",Bt(v,et,d.toString())),style:{color:f?P.colors.primary:P.colors.hero},children:Be})})},lt)}case"payment_account":{if(!(H==="expense"||H==="check"||H==="bill_payment"||H==="vendor_credit"||H==="credit_card_credit"||H==="deposit"||H==="sales_receipt"||H==="refund"||H==="payment"))return t.jsx(nt,{windowSize:u,wrapperWidth:ke.width,children:t.jsx(nn,{windowSize:u,isLastItem:jt===ve.length-1,children:t.jsx(jo,{style:{textAlign:"center",width:"100%"},children:Ft})})},lt);const Be=m?.account?.accountName,Qe=m?.paymentType,Cn=m?.paymentTypeName,On=Qe==="credit_card"?o1:Qe==="cash"?i1:Qe==="check"?s1:Qe==="ach"?k1:a1,ct={title:zt,items:[{text:ut.paymentAccountTooltip.accountLabel+ba,amount:Be??Ft},...Cn!=null?[{text:ut.paymentAccountTooltip.methodLabel+ba,amount:Cn}]:[]]};return t.jsx(nt,{windowSize:u,wrapperWidth:ke.width,children:t.jsx(nn,{windowSize:u,isLastItem:jt===ve.length-1,children:t.jsx(Ce,{display:"flex",placement:"bottom",variant:"list-description",data:ct,title:Be??Ft,enterDelay:600,style:{overflow:"hidden",minWidth:0},children:t.jsxs(n1,{style:{color:f?P.colors.primary:P.colors.hero},children:[On!=null&&t.jsx(On,{style:{color:f?P.colors.primary:P.colors.hero}}),t.jsx(jo,{style:{color:"inherit",whiteSpace:"pre-wrap"},children:Be??Ft})]})})})},lt)}case"memo_and_receipt":{const Be=m?.attachments??[],Qe=V?.fetchState==="In-Progress",Cn=ct=>{if(ct.stopPropagation(),Be.length===0||m==null)return;if(cn==null){console.warn("webV2MicroServiceEndpoint is not available, cannot fetch attachments.");return}He(Be[0]),re(0),xt(!0);const wn=Be.map(Jt=>Jt.id),Mn=`${cn}/transaction_attachments`;gl(Mn,z,{transaction_key:{transaction_id:m.id,transaction_type:m.type},attachment_ids:wn}).then(Jt=>{dt(Jt),Jt.length>0&&le(Jt[0])})},On=ct=>{ct.stopPropagation(),rn.current?.click()};return t.jsx(nt,{windowSize:u,wrapperWidth:ke.width,"data-testid":F("memo-field",Bt(v,et,d.toString())),children:t.jsxs(v1,{onClick:ct=>ct.stopPropagation(),children:[K!=null?t.jsx(Ce,{display:"flex",placement:"bottom",data:K,variant:"multi-information-points",style:{maxHeight:"min(60vh, 360px)",overflowY:"auto",overflowX:"hidden"},children:t.jsx(l1,{style:{color:f?P.colors.primary:P.colors.hero}})}):t.jsx(r1,{style:{margin:0},children:Ft}),Qe?t.jsx(Jo,{size:"Small",style:{display:"flex"},start:!0}):Be.length===0?t.jsx(Ce,{display:"flex",placement:"bottom",title:Wm,enterDelay:600,children:t.jsx(Kn,{style:{margin:0},onClick:ct=>{ct.stopPropagation(),On(ct)}})}):Be.length===1?t.jsx(Ce,{display:"flex",placement:"bottom",title:Um,enterDelay:600,children:t.jsx(S1,{style:{color:f?P.colors.primary:P.colors.hero},onClick:Cn})}):t.jsx(Ce,{display:"flex",placement:"bottom",title:qm,enterDelay:600,children:t.jsx(j1,{style:{color:f?P.colors.primary:P.colors.hero},onClick:Cn})}),t.jsx(Ko,{name:`transaction-receipt-${c.transactionId}`,fileRef:rn,sizeLimit:Gn,multiple:!0,acceptableTypes:[...ds],onFileChange:ct=>{const wn=ct.target.files;if(wn!=null&&wn.length>0){const Mn=Array.from(wn);de(R,c.transactionId,H??zt,Mn,Mn.map(Jt=>Jt.name))}},onFileSizeError:()=>{}})]})},lt)}}})},rt=m?.attachments??[],so=vt??rt[0];return t.jsxs(t.Fragment,{children:[ir(M),Ut&&rt.length>0&&so!=null?Wl.createPortal(t.jsx(sl,{allFiles:_e,fileSource:Le,file:so,title:so.fileName,attachments:rt,showNavigation:!1,setFileSource:le,setShowFullScreenView:xt,onCrossClick:()=>{xt(!1),le(null),dt([]),He(void 0),re(0)},onNextClick:()=>{const te=($e+1)%rt.length;re(te),He(rt[te]),_e[te]!=null&&le(_e[te])},onPreviousClick:()=>{const te=($e-1+rt.length)%rt.length;re(te),He(rt[te]),_e[te]!=null&&le(_e[te])},setSelectedFileAttachment:te=>{He(typeof te=="function"?ve=>te(ve??rt[0]):te)},handleTouchStart:te=>Mt(te.targetTouches[0].clientX),handleTouchMove:te=>Kt(te.targetTouches[0].clientX),handleTouchEnd:()=>{if(ln-qt>50&&qt!==0&&$e<rt.length-1){const te=$e+1;re(te),He(rt[te]),_e[te]!=null&&le(_e[te]),Mt(0),Kt(0)}else if(ln-qt<-50&&qt!==0&&$e>0){const te=$e-1;re(te),He(rt[te]),_e[te]!=null&&le(_e[te]),Mt(0),Kt(0)}}}),document.body):null]})},va=({isEnabled:e,isReviewTab:n,isMisCategorized:l,hasRecommendations:r,isTooltipVisible:h=!1})=>e?n?h?t.jsx(u1,{}):t.jsx(c1,{}):h?t.jsx(d1,{}):t.jsx(h1,{className:"ai-icon-selected-plain"}):!e&&l||r?h?t.jsx(m1,{}):t.jsx(p1,{}):null,Sa=({isFirstColumn:e,children:n})=>t.jsx(Gs,{isFirstColumn:e,children:n}),So=({recommendations:e,isCOTEnabled:n,type:l,isReviewTab:r,selectedValueLabel:h,isFirstColumn:p,isEnabled:a=!1,isMisCategorized:d=!1,selectedValue:c,existingOption:m,cotTracking:u,lineId:g,openTooltipId:f,transactionId:C,isAccountOptionDisabled:w,onRecommendationClick:v,setOpenTooltipId:k})=>{const y=i.useMemo(()=>`${C}:${g}:${l}`,[C,g,l]),R=f===y,I=wl().analytics,{createAlternateRecommendationCallback:S}=bl(),T=i.useCallback(N=>{const G=e[1],z=e[0];S(l,{currentValue:h??zt,transactionCurrentStatus:r?"pending_review":"auto_categorized",transactionPage:"list_page",cotTracking:u?{transactionId:C,lineId:g,onCOTView:(V,de,_,H)=>{u.onCOTView?.(V,de,_,H)}}:void 0},G,z)(N)},[S,e,h,r,l,u,g,C]),D=vl(e,l,n,m,"list_page",r?"pending_review":"auto_categorized",v,T,c,w),A=Sl(e,l),O=i.useCallback(()=>{k(y);const N=D?.recommendations[0]?.cot??[],G=D?.recommendations[1]?.cot??[],z=G.length>0;if(I.trackTransactionCotView({recommendationFor:l,currentValue:h??zt,recommendation:D?.recommendations[0]?.name??zt,recommendationCot:N,isRecommendationCotAvailable:N.length>0,recommendationReason:D?.recommendations[0]?.reason??zt,recommendationConfidencePercentage:D?.recommendations[0]?.confidencePercentage??null,recommendationConfidenceLevel:ki(Ii(D?.recommendations[0]?.confidencePercentage).toLocaleLowerCase()),alternativeRecommendation:D?.recommendations[1]?.name??zt,alternativeRecommendationCot:G,isAlternativeRecommendationCotAvailable:z,alternativeRecommendationReason:D?.recommendations[1]?.reason??zt,alternativeRecommendationConfidencePercentage:D?.recommendations[1]?.confidencePercentage??null,alternativeRecommendationConfidenceLevel:z?ki(Ii(D?.recommendations[1]?.confidencePercentage).toLocaleLowerCase()):null,transactionCurrentStatus:r?"pending_review":"auto_categorized",transactionPage:"list_page"}),u?.onCOTView!=null){const V=jl(D);V!=null&&u.onCOTView(g,C,l,V)}},[I,D,r,h,l,g,C,y,k]),b=i.useCallback(()=>{f===y&&k(void 0)},[f,y,k]),$=i.useMemo(()=>!c||!A?!1:e.some(N=>l==="vendor"&&N.vendor!=null?N.vendor.id===c||N.vendor.qboId===c:l==="category"&&N.account!=null?N.account.qboId===c||N.account.accountId===c:l==="class"&&N.class!=null?N.class.classId===c:!1),[c,A,e,l]);if(!A)return t.jsx(Gs,{isFirstColumn:p});const M=a||$;return D?t.jsx(Sa,{isFirstColumn:p,children:t.jsx(Ce,{variant:"chain-of-thought",data:D,placement:"bottom-start",disableIntersectionObserver:!0,position:"static",display:"block",open:R,style:{width:"auto",height:"auto"},leaveDelay:200,onOpen:O,onClose:b,children:t.jsx(g1,{children:t.jsx(va,{isEnabled:M,isReviewTab:r,isMisCategorized:d,hasRecommendations:A,isTooltipVisible:R})})})}):t.jsx(Sa,{isFirstColumn:p,children:t.jsx(va,{isEnabled:M,isReviewTab:r,isMisCategorized:d,hasRecommendations:A,isTooltipVisible:R})})},Ks=({isTransactionActivityEnabled:e})=>{const n=Te(),l=Rt(),r=l?hi:ui(e);return t.jsx(Zm,{windowSize:n,isQuickViewMode:l,isTransactionActivityEnabled:e,children:r.map((h,p)=>{const a=`${p}${Hm}${h.key}`;switch(h.key){case"activity":return t.jsx(Js,{},a);case"vendor":return t.jsx(nt,{windowSize:n,wrapperWidth:h.width,isQuickViewMode:l,style:l?{paddingLeft:o.sp0}:{paddingLeft:o.sp3},children:t.jsx(nn,{windowSize:n,isLastItem:p===r.length-1,children:t.jsxs(Uo,{children:[t.jsx(Xo,{width:x[4],height:x[4]}),t.jsx(Ht,{width:"100%",height:x[4],style:{display:"flex",alignItems:"center"}})]})})},a);default:{const d=p===r.length-1;return t.jsx(nt,{windowSize:n,wrapperWidth:h.width,isQuickViewMode:l,style:{marginRight:d&&l?x[4]:void 0},children:t.jsx(nn,{windowSize:n,isLastItem:d,children:t.jsx(Ht,{width:"100%",height:x[4],style:{display:"flex",alignItems:"center"}})})},a)}}})})},Js=s.div`
+  width: ${o.sp0};
+  height: ${o.sp0};
+`,Ym=s.div`
+  display: flex;
+  height: 100%;
+  flex: 1;
+  align-items: center;
+
+  &:hover .activity-log-icon {
+    visibility: visible;
+  }
+`,Zm=s.div`
+  display: flex;
+  flex-direction: row;
+  flex-wrap: nowrap;
+  background-color: ${e=>e.theme.colors.grey5};
+  padding-right: ${e=>e.isTransactionActivityEnabled?o.sp0:At.containerPaddingLeftRight.valuePx(e.windowSize)};
+  padding-top: ${e=>At.containerPaddingTopBottomEmpty.valuePx(e.windowSize)};
+  padding-bottom: ${e=>At.containerPaddingTopBottomEmpty.valuePx(e.windowSize)};
+  border: ${e=>`1px solid ${e.theme.colors.grey3}`};
+  box-shadow: ${e=>`${o.sp0} 2px ${o.sp1} ${e.theme.colors.dropShadowNormal}`};
+  border-radius: ${o.sp2};
+  color: ${e=>e.theme.colors.hero};
+  cursor: pointer;
+  &:hover {
+    border-color: ${e=>e.theme.colors.primary};
+  }
+
+  box-sizing: border-box;
+  align-items: center;
+  ${e=>e.isQuickViewMode?Se`
+          flex: 1;
+          justify-content: space-between;
+          padding-left: ${At.containerPaddingLeftRight.valuePx(e.windowSize)};
+        `:Se`
+          column-gap: ${o.sp4};
+          min-width: min-content;
+        `}
+`,Qm=s.div`
+  display: flex;
+  height: 100%;
+  background-color: ${e=>e.theme.colors.grey5};
+  border: ${e=>`1px solid ${e.theme.colors.grey3}`};
+  box-shadow: ${e=>`${o.sp0} 2px ${o.sp1} ${e.theme.colors.dropShadowNormal}`};
+  border-radius: ${o.sp2};
+  color: ${e=>e.theme.colors.hero};
+  border-color: ${e=>e.isSelected?e.theme.colors.primary:"none"};
+  cursor: pointer;
+  ${e=>e.isQuickViewMode?Se`
+          flex: 1;
+          padding-left: ${At.containerPaddingLeftRight.valuePx(e.windowSize)};
+        `:Se`
+          min-width: min-content;
+        `}
+  &:hover {
+    border-color: ${e=>e.theme.colors.primary};
+  }
+
+  box-sizing: border-box;
+  align-items: center;
+  justify-content: space-between;
+
+  .ai-icon-selected-plain {
+    color: ${e=>e.theme.colors.hero};
+  }
+
+  ${({isHovered:e,theme:n})=>e?Se`
+          .ai-icon-selected-plain {
+            color: ${n.colors.primary};
+          }
+        `:null};
+`,Xm=s.div`
+  display: flex;
+  flex: 1;
+  flex-direction: column;
+  min-width: min-content;
+  box-sizing: border-box;
+  align-items: stretch;
+`,e1=s.div`
+  display: flex;
+  flex: 1;
+  flex-direction: row;
+  flex-wrap: nowrap;
+  align-items: center;
+  height: ${o.sp8};
+  padding-top: ${e=>At.containerPaddingTopBottom.valuePx(e.windowSize)};
+  padding-bottom: ${e=>At.containerPaddingTopBottom.valuePx(e.windowSize)};
+  ${e=>e.isQuickViewMode===!0?Se`
+          width: 100%;
+          justify-content: space-between;
+        `:Se`
+          min-width: min-content;
+          column-gap: ${o.sp4};
+        `}
+`,nt=s.div`
+  display: flex;
+  align-items: center;
+  flex-direction: row;
+  position: relative;
+  :last-of-type {
+    padding-right: ${o.sp0};
+  }
+  ${e=>e.isQuickViewMode===!0?Se`
+          width: calc(
+            ${e.wrapperWidth.valuePercentage(e.windowSize)} -
+              ${o.sp4}
+          );
+          min-width: calc(
+            ${e.wrapperWidth.valuePercentage(e.windowSize)} -
+              ${o.sp4}
+          );
+        `:Se`
+          box-sizing: border-box;
+          width: ${e.wrapperWidth.valuePx(e.windowSize)};
+          min-width: ${e.wrapperWidth.valuePx(e.windowSize)};
+          max-width: ${e.wrapperWidth.valuePx(e.windowSize)};
+        `}
+`,t1=Se`
+  word-break: break-word;
+  white-space: nowrap;
+  -webkit-line-clamp: 1;
+  -webkit-box-orient: vertical;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  display: -webkit-box;
+`,nn=s(Ve)`
+  overflow: hidden;
+  justify-content: ${e=>e.isLastItem?"flex-end":"flex-start"};
+  display: flex;
+  width: 100%;
+  align-items: center;
+`,Uo=s.div`
+  display: flex;
+  flex-direction: row;
+  column-gap: ${o.sp2};
+  align-items: center;
+`,jo=s(Ve)`
+  ${t1};
+  min-width: 0;
+  color: ${e=>e.theme.colors.hero};
+`,ko=s(Ve)`
+  color: ${e=>e.theme.colors.hero};
+`,n1=s.div`
+  display: flex;
+  align-items: center;
+  gap: ${o.sp2};
+  cursor: default;
+  overflow: hidden;
+  min-width: 0;
+`,o1=s(xl)`
+  width: ${o.sp3};
+  height: ${o.sp3};
+  flex-shrink: 0;
+`,i1=s(fl)`
+  width: ${o.sp3};
+  height: ${o.sp3};
+  flex-shrink: 0;
+`,a1=s(Cl)`
+  width: ${o.sp3};
+  height: ${o.sp3};
+  flex-shrink: 0;
+`,s1=s(zm)`
+  width: ${o.sp3};
+  height: ${o.sp3};
+  flex-shrink: 0;
+`,Kn=s(ao)`
+  width: ${o.sp3};
+  height: ${o.sp3};
+  margin: ${o.sp1};
+  cursor: pointer;
+  color: ${e=>e.theme.colors.brandColorGoldDark};
+  &:hover {
+    color: ${e=>e.theme.colors.primary};
+  }
+`,r1=s.div`
+  margin: ${o.sp3};
+`,l1=s(Nm)`
+  width: ${o.sp3};
+  height: ${o.sp3};
+`,c1=s(Ll)`
+  width: ${o.sp5};
+  height: ${o.sp5};
+`,d1=s(Vl)`
+  width: ${o.sp5};
+  height: ${o.sp5};
+`,u1=s($l)`
+  width: ${o.sp5};
+  height: ${o.sp5};
+`,h1=s(Hl)`
+  width: ${o.sp5};
+  height: ${o.sp5};
+`,p1=s(En)`
+  width: ${o.sp3};
+  height: ${o.sp3};
+  path {
+    stroke-width: 2;
+  }
+`,m1=s(Tl)`
+  width: ${o.sp3};
+  height: ${o.sp3};
+`,Gs=s.div`
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: ${o.sp5};
+  margin-left: ${e=>e.isFirstColumn?o.sp2:o.sp0};
+  height: 100%;
+`,g1=s.div`
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: auto;
+  cursor: pointer;
+`,x1=s(Ve)`
+  display: flex;
+  max-width: calc(100% - ${o.sp6});
+  flex: 1 1 auto;
+  color: ${e=>e.theme.colors.primary};
+  text-align: center;
+  align-items: center;
+  overflow: hidden;
+  display: flex;
+`,ja=s.div`
+  display: flex;
+`,f1=s.div`
+  width: 100%;
+  padding-left: 10px;
+  margin-left: ${o.sp0};
+  border-radius: ${o.sp1};
+  background-color: ${e=>e.theme.colors.background};
+  display: flex;
+  align-items: center;
+  flex-direction: row;
+`,Io=s.div`
+  padding: ${o.sp0} ${o.sp2};
+  border-radius: ${o.sp1};
+  margin-left: ${o.sp0};
+  width: 100%;
+  background-color: ${e=>e.isQuickViewMode===!0?"transparent":e.isHovered?e.theme.colors.background:e.theme.colors.grey5};
+`,ka=s.div`
+  width: 100%;
+  border-radius: ${o.sp1};
+  padding-left: 2px;
+  background-color: ${e=>e.theme.colors.background};
+  background-color: ${e=>e.isHovered?e.theme.colors.background:e.theme.colors.grey5};
+  display: flex;
+  align-items: center;
+  flex-direction: row;
+`,y1=s(Ve)``,C1=s.div`
+  width: 100%;
+  display: flex;
+  padding-left: ${o.sp0};
+`,$o=s.div`
+  width: 100%;
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  gap: ${o.sp2};
+  padding: ${o.sp2};
+  padding-left: ${o.sp2};
+  border-radius: ${o.sp1};
+  background-color: ${e=>e.isQuickViewMode===!0?"transparent":e.isHovered?e.theme.colors.background:e.theme.colors.grey5};
+  outline: ${e=>e.showOutline?`1px dashed ${e.theme.colors.grey1}`:"none"};
+  outline-color: ${e=>e.isHovered&&e.theme.colors.primary};
+`,Ia=s.div``,Lo=s.div`
+  display: flex;
+  align-items: center;
+  width: calc(100% - ${o.sp5});
+`,w1=s.div`
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  cursor: pointer;
+  visibility: hidden;
+  flex-shrink: 0;
+  margin-left: ${o.sp3};
+`,b1=s(qs)`
+  width: ${o.sp3};
+  height: ${o.sp3};
+`,v1=s.div`
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 100%;
+  gap: ${o.sp5};
+`,S1=s(ml)`
+  width: ${o.sp3};
+  height: ${o.sp3};
+  cursor: pointer;
+`,j1=s(Vm)`
+  width: ${o.sp3};
+  height: ${o.sp3};
+  cursor: pointer;
+`,k1=s(yl)`
+  width: ${o.sp3};
+  height: ${o.sp3};
+  cursor: pointer;
+`,I1=({sortConfig:e,fetchState:n,isDisabled:l,isTransactionActivityEnabled:r,onColumnSortConfigChanged:h})=>{const p=Te();return t.jsxs($1,{windowSize:p,children:[t.jsx(Ws,{isTransactionActivityEnabled:r,sortConfig:e,isDisabled:n==="In-Progress"?"readonly":l,onColumnSortConfigChanged:h,"data-testid":F("transaction-categorization-list-empty-table-header")}),t.jsx(L1,{windowSize:p,"data-testid":F("transaction-categorization-list-empty-rows-container"),children:[...Array(3)].map((a,d)=>t.jsx(Ks,{isTransactionActivityEnabled:r,"data-testid":F("transaction-categorization-list-empty-row",d.toString())},d))})]})},$1=s.div`
+  display: block;
+  min-height: 100%;
+  flex-direction: column;
+  width: 100%;
+  box-sizing: border-box;
+  overflow-x: auto;
+  padding-left: ${o.sp8};
+  padding-right: ${o.sp8};
+`,L1=s.div`
+  display: flex;
+  flex: 1;
+  min-height: 100%;
+  flex-direction: column;
+  row-gap: ${o.sp3};
+`,{common:T1,transactionDetail:{notCategorizedTooltipText:A1}}=Ae.getLocalizedStrings(),To={rowGap:new ae(x[0],x[2],x[3])},E1=({selectedTab:e,transactionView:n,authParams:l,sectionId:r,isCOTEnabled:h,isDisabled:p,vendorSearchAutoCompleteActions:a,isTransactionActivityEnabled:d,vendorSearchAutoCompleteData:c,setCurrentTransactionInAction:m,vendorLoadOptions:u,onTransactionCategorizationRowClick:g,onUpdateTransactionCategorizationUIState:f,onUpdateScrollYOffSetTransactionCategorizationUIState:C,onFetchTransactionCategorizationList:w,containerRef:v,cotTracking:k,isUncategorizedExpenseCategoryEnabled:y,setActivityLogTransactionId:R,onUploadTransactionReceipt:I})=>{const S=Te(),T=Rt(),[D,A]=i.useState(void 0),{fetchState:O,uiState:b,transactionLocalData:$,selectedCheckBoxTransactionIds:M,transactionIdsWithUnsavedData:N,transactions:G,uncategorizedAccounts:z}=n;Tn({componentName:`expense_automation.transaction_categorization.${e}`,enabled:O==="Completed"});const V=i.useRef(null),de=i.useRef({}),{control:_}=Qo();i.useEffect(()=>{V.current?.resetAfterIndex(0,!0)},[S,V,$]),i.useEffect(()=>{V.current?.scrollTo(b.scrollPosition?.scrollTop??0)},[e]);const H=i.useCallback(L=>{if(de.current?.[L]!=null){const Q=S==="small"&&b.pageToken==null&&L===$.length-1?To.rowGap.value("medium-regular"):To.rowGap.value(S);return de.current[L]+Q}if($[L]==null)return 0;const ne=$[L].transactionReviewLocalData,ee=Object.keys(ne.lineItemById).length;return ee!=null&&!isNaN(ee)&&ee>1?Ca*ee+To.rowGap.value(S)*(ee-1):Ca},[$,S,b.pageToken,b.sortKey,b.sortOrder]),ie=i.useCallback((L,ne)=>{de.current={...de.current,[L]:ne},V.current?.resetAfterIndex(0,!0)},[S,V,$,b.sortKey,b.sortOrder]),he=i.useCallback(()=>{(b.pageToken!=null&&n.refreshStatus.fetchState!=="In-Progress"||n.refreshStatus.fetchState==="Completed")&&w(e,b.searchString,!0,b.pageToken,!0,!1)},[n.refreshStatus.fetchState,w,e,b.pageToken,b.searchString,b.sortKey,b.sortOrder]),xe=i.useCallback(()=>{b.pageToken!=null&&he()},[he,b.pageToken,b.sortKey,b.sortOrder]),ge=Gr(L=>C(e,{scrollPosition:{scrollTop:L}}),1e3,{trailing:!0}),q=L=>L<n.transactionLocalData.length,K=(L,ne)=>{f(e,{sortOrder:ne,sortKey:L}),w(e,b.searchString,!1,null,!1,!0)},Y=L=>{if(e==="autoCategorized")return!M.includes(L);const ne=$.find(Q=>Q.transactionId===L)?.transactionReviewLocalData,ee=G.find(Q=>Q.id===L);return ee!=null&&ne!=null?Fl(ee,ne,z,y)?y===!0&&Ti(z,ne.lineItemById,["expense"])?N.includes(L)===!1:!1:!0:M.length===0?!0:!M.includes(L)};let B=[],E=[];(O==="Completed"||n.transactionLocalData.length>0)&&(E=n.transactionLocalData.map((L,ne)=>{const ee=Y(L.transactionId);let Q=!1;y===!0&&ee===!0&&e==="review"&&Ti(z,L.transactionReviewLocalData.lineItemById,["expense"])&&(Q=!N.includes(L.transactionId));const pe=L.transactionReviewLocalData;return{label:t.jsx(Jm,{isTransactionActivityEnabled:d,transactionView:n,sectionId:`${r}.${ne}.${Us}`,transaction:L,authParams:l,onTransactionCategorizationRowClick:g,vendorLoadOptions:u,setCurrentTransactionInAction:m,vendorSearchAutoCompleteActions:a,vendorSearchAutoCompleteData:c,selectedTab:e,containerRef:v,listContainerRef:V,isCOTEnabled:h,cotTracking:k,openTooltipId:D,setOpenTooltipId:A,isUncategorizedExpenseCategoryEnabled:y,setActivityLogTransactionId:R,onUploadTransactionReceipt:I},`${L.transactionId}.${pe.transactionType}`),value:L.transactionId,defaultChecked:!1,groupLabel:!1,isException:Q,exceptionMode:Q===!0?"checked_or_hover":void 0,isSticky:!0,isDisabled:ee===!0?"readonly":void 0,exceptionType:Q===!0?"alert":void 0,exceptionInfo:Q===!0?A1:void 0,exceptionTooltipStyle:{textAlign:"center",maxWidth:"250px",padding:`12px ${o.sp2}`}}}),B=E.map(L=>L.value));const Z={label:"All",value:"allTransactionOptionId",defaultChecked:!1,groupLabel:!1},{title:P,subTitle:X}=Je("transaction_categorization").allDoneText,J=$.map(L=>L.transactionId),W=i.useMemo(()=>n.totalCountByTab[e],[e,n.totalCountByTab]),U=i.useMemo(()=>$.reduce((L,ne)=>{const ee=Object.keys(ne.transactionReviewLocalData.lineItemById).length;return L+(ee>0?ee:1)},0)<n.totalCountByTab[e]?$.length+1:$.length,[$,n.totalCountByTab,e]);return t.jsx(_1,{windowSize:S,"data-testid":F("transaction-categorization-list-wrapper"),children:t.jsx(B1,{windowSize:S,"data-testid":F("transaction-categorization-list-container"),children:O==="Error"?t.jsxs(P1,{windowSize:S,"data-testid":F("transaction-categorization-reload-page"),children:[t.jsx(z1,{onClick:()=>w(e,void 0,!0,null,!1,!0),"data-testid":F("transaction-categorization-reload-icon"),children:t.jsx(qo,{})}),t.jsx(N1,{"data-testid":F("transaction-categorization-reload-label"),children:T1.reloadPage.label})]}):O==="Completed"&&$.length===0?t.jsx(Tt,{tab:"transaction_categorization",title:P,subTitle:X,"data-testid":F("transaction-categorization-empty-table-section")}):O==="Not-Started"||O==="In-Progress"&&$.length===0?t.jsx(I1,{sortConfig:{sortKey:b.sortKey,sortOrder:b.sortOrder},fetchState:O,onColumnSortConfigChanged:K,"data-testid":F("transaction-categorization-list-empty-table"),isTransactionActivityEnabled:d}):t.jsx(F1,{windowSize:S,"data-testid":F("transaction-categorization-list-view"),children:t.jsx(Xa,{control:_,name:"selectedTransactionIds",defaultValue:[],render:({field:{value:L,ref:ne,onChange:ee}})=>t.jsx(Ys.Provider,{value:{value:L,mode:"off",allCheckBoxValues:B,index:0,isQuickViewMode:T,sortKey:b.sortKey,sortOrder:b.sortOrder,fetchState:O,isDisabled:p,groupLabelCheckBox:Z,isTransactionActivityEnabled:d,onColumnSortConfigChanged:K,ref:ne,onChange:ee,selectedTab:e},children:t.jsx(to,{children:({height:Q,width:pe})=>t.jsx(Yr,{isItemLoaded:q,itemCount:W,loadMoreItems:xe,children:({onItemsRendered:Ie,ref:j})=>t.jsx(no,{ref:se=>{j(se),V.current=se},height:Q,itemCount:U,itemKey:se=>`${$[se]?.transactionId??""}-row-${se}`,innerElementType:R1,onItemsRendered:Ie,width:pe,style:{willChange:"auto"},overscanCount:sm,itemSize:H,itemData:{checkboxes:E,value:L,allCheckBoxValues:B,groupLabelCheckBox:Z,categorizationGroupValue:J,transactionLocalData:$,isQuickViewMode:T,mode:"always_on",setRowHeight:ie,isItemLoaded:q,ref:j,onChange:ee,selectedCheckBoxTransactionIds:M,isTransactionActivityEnabled:d},initialScrollOffset:n.uiState.scrollPosition?.scrollTop,onScroll:({scrollOffset:se})=>{ge(se)},children:O1})})})})})})})})},R1=e=>{const{isQuickViewMode:n,value:l,allCheckBoxValues:r,groupLabelCheckBox:h,index:p,isDisabled:a,fetchState:d,sortKey:c,sortOrder:m,mode:u,isTransactionActivityEnabled:g,ref:f,onChange:C,onColumnSortConfigChanged:w}=D1(),v=mt(),{children:k,style:y,...R}=e;return d==="Completed"?t.jsxs(V1,{ref:f,style:{...y,width:"auto",maxWidth:"var(--side-panel-list-width, 100%)"},...R,children:[t.jsx(H1,{children:t.jsx(Fo,{selectionLimit:Ln,value:l,checkBoxContainerStyle:{width:"auto",backgroundColor:v.colors.grey4},checkBox:{label:t.jsx(M1,{isQuickViewMode:n,children:t.jsx(Ws,{isTransactionActivityEnabled:g,sortConfig:{sortKey:c,sortOrder:m},isDisabled:a,onColumnSortConfigChanged:w})}),value:"allTransactionOptionId",defaultChecked:!1,groupLabel:!1},isDisabled:"disabled",groupLabelCheckBox:h,allCheckBoxValues:r,mode:n?"off":u,draggable:!1,checkBoxStyle:n?{display:"none"}:{padding:20},labelCheckBoxStyle:{padding:o.sp3},name:"transactionCategorizationHeader",index:p,onChangeHandler:I=>as({event:I,value:l,allCheckBoxValues:r,groupLabelCheckBox:h,onChange:C}),ref:f})}),t.jsx(W1,{children:k})]},`${r[p]}-${p}`):null},Ys=i.createContext(void 0),D1=()=>{const e=i.useContext(Ys);if(!e)throw new Error("useStickyContext must be used within a StickyProvider");return e},O1=({index:e,style:n,data:l})=>{const{selectedTransactionId:r}=eo(),{checkboxes:h,value:p,groupLabelCheckBox:a,categorizationGroupValue:d,allCheckBoxValues:c,transactionLocalData:m,isQuickViewMode:u,isItemLoaded:g,setRowHeight:f,ref:C,onChange:w,selectedCheckBoxTransactionIds:v,isTransactionActivityEnabled:k}=l,y=i.useRef(null),R=Te();if(i.useEffect(()=>{y.current?.firstElementChild!=null&&f(e,y.current.firstElementChild.clientHeight)},[e,y,R,m[e]?.transactionReviewLocalData]),g(e)===!0){const I=h[e],S=r!=null&&r===d[e];return t.jsx($a,{isPanelSelected:S,isQuickViewMode:u,style:{...n,paddingBottom:o.sp0,width:"100%",flex:"1"},ref:y,children:t.jsx(Fo,{selectionLimit:Ln,checkBox:u===!0?{...I,isException:!1}:I,value:p,groupLabelCheckBox:a,allCheckBoxValues:c,mode:u===!0||I.isDisabled==="readonly"||v.includes(I.value)===!1&&v.length>=Ln?"off":"always_on",draggable:!1,isDisabled:I.isDisabled,checkBoxStyle:u===!0?{display:"none"}:{padding:20},labelCheckBoxStyle:{padding:o.sp3},infoIconContainerStyle:u===!0?{display:"none"}:{padding:20},name:`${on}.${p}`,ref:C,index:e,onChangeHandler:T=>as({event:T,value:p,allCheckBoxValues:c,groupLabelCheckBox:a,onChange:w})})},d[e])}else return t.jsx($a,{isQuickViewMode:u,style:{...n,paddingBottom:o.sp0,width:"100%",flex:"1"},ref:y,children:t.jsx(Fo,{checkBox:{label:t.jsx(Ks,{isTransactionActivityEnabled:k}),value:"loading",defaultChecked:!1,groupLabel:!1},value:p,groupLabelCheckBox:a,allCheckBoxValues:c,mode:"off",draggable:!1,checkBoxStyle:u===!0?{display:"none"}:{padding:20},labelCheckBoxStyle:{padding:o.sp3},infoIconContainerStyle:u===!0?{display:"none"}:{padding:20},name:"loading-placeholder",index:e,onChangeHandler:()=>{}})},qa())},M1=s.div`
+  flex: 1;
+  width: auto;
+  padding-left: ${({isQuickViewMode:e})=>e===!0?o.sp8:o.sp0};
+  padding-right: ${({isQuickViewMode:e})=>e===!0?o.sp0:o.sp8};
+`,_1=s.div`
+  width: 100%;
+  height: 100%;
+  background-color: ${e=>e.theme.colors.grey4};
+`,B1=s.div`
+  height: 100%;
+`,F1=s.div`
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+  max-width: 99.9%;
+`,P1=s.div`
+  display: flex;
+  width: 100%;
+  height: ${e=>`calc(100% - ${Qa.valuePx(e.windowSize)})`};
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+`,z1=s.div`
+  height: 96px;
+  width: 96px;
+  background: ${e=>e.theme.colors.background};
+  border-radius: 50%;
+  cursor: pointer;
+  & svg {
+    margin: ${o.sp5};
+    color: ${e=>e.theme.colors.grey1};
+  }
+  &:hover {
+    & svg {
+      color: ${e=>e.theme.colors.primary};
+    }
+  }
+`,N1=s(Et)`
+  margin-top: ${o.sp3};
+  color: ${e=>e.theme.colors.hero};
+`,$a=s.div`
+  top: ${o.sp0};
+  left: ${o.sp0};
+  padding-bottom: ${o.sp3};
+  padding-left: ${({isQuickViewMode:e})=>e===!0?o.sp8:o.sp0};
+  padding-right: ${({isQuickViewMode:e})=>e===!0?o.sp0:o.sp8};
+  box-sizing: border-box;
+  ${e=>e.isPanelSelected===!0&&Se`
+      .categorization-row-card {
+        ${ni(e.theme)}
+      }
+    `}
+`,V1=s.div`
+  background-color: ${e=>e.theme.colors.grey4};
+`,H1=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};
+`,W1=s.div`
+  position: relative;
+  width: auto;
+  height: 100%;
+`,U1=({selectedTab:e,transactionView:n,authParams:l,sectionId:r,vendorSearchAutoCompleteData:h,vendorSearchAutoCompleteActions:p,isCOTEnabled:a,isTransactionActivityEnabled:d,setCurrentFooterFormId:c,setLocalDataForCategoryAndClass:m,onTransactionCategorizationRowClick:u,onUpdateTransactionCategorizationUIState:g,onUpdateScrollYOffSetTransactionCategorizationUIState:f,onFetchTransactionCategorizationList:C,onSaveUpdateTransactionCategorization:w,onUpdateSelectedCheckboxTransactionIds:v,onFetchRecommendationsForEntityCategorization:k,onFetchRecommendationsForEntityCategorizationWithCustomer:y,setActivityLogTransactionId:R,onUploadTransactionReceipt:I})=>{const[S,T]=i.useState({transactionId:void 0,lineItemId:void 0}),D=i.useRef(),A=i.useRef({}),{useDynamicConfig:O}=Ja(),{configValue:b}=O(Ga.enableUncategorizedExpenseCategory),$=b?.uncategorized_expense_category_enabled===!0,M=(Y,B,E,Z)=>{const P={...A.current};P[B]==null&&(P[B]=[]);let X=P[B].findIndex(J=>J.lineId===Y);if(X===-1){const J={lineId:Y,category:{recommendationTypesViewed:[]},class:{recommendationTypesViewed:[]},vendor:{recommendationTypesViewed:[]}};P[B].push(J),X=P[B].length-1}else{const J=P[B][X];P[B][X]={...J,category:{...J.category,recommendationTypesViewed:[...J.category.recommendationTypesViewed]},class:{...J.class,recommendationTypesViewed:[...J.class.recommendationTypesViewed]},vendor:{...J.vendor,recommendationTypesViewed:[...J.vendor.recommendationTypesViewed]}}}Z!=null&&Z!==""&&!P[B][X][E].recommendationTypesViewed.includes(Z)&&P[B][X][E].recommendationTypesViewed.push(Z),A.current=P},{transactions:N,transactionLocalData:G,accountsHierarchyList:z,classHierarchyList:V,accountList:de,classList:_,selectedCheckBoxTransactionIds:H,uncategorizedAccounts:ie}=n,he=an({mode:"all",reValidateMode:"onChange",defaultValues:i.useMemo(()=>Ta(H,G,z,V,h.entityAutoCompleteView),[z,V,H,G,h.entityAutoCompleteView]),values:i.useMemo(()=>Ta(H,G,z,V,h.entityAutoCompleteView),[z,V,H,G,h.entityAutoCompleteView]),resetOptions:{keepDefaultValues:!0,keepDirty:!1}});i.useEffect(()=>()=>{c("expenseAutomationPage")},[]),i.useEffect(()=>{H.length>0?c(vo):c("expenseAutomationPage")},[H,c]);const xe=he.handleSubmit(Y=>{const B=Y[Xn],E=A.current;w(e,B,E),B.forEach(Z=>{delete A.current[Z]})}),ge=async(Y,B)=>{if(Y!=null){if(Y===Xn){const E=he.getValues(Xn);if(E.length<H.length){v(e,E);return}if(E.length===Ln){v(e,E);return}const Z=E[E.length-1],P=B[on].findIndex(J=>J.transactionId===Z),X=he.getValues(`${on}.${P}.lineInfo`);if(X!=null){let J=!1;if(X.every(W=>(J=Sn(ie,W[De].selectedOption,$?["income"]:void 0),!!W[De].selectedOption&&W[De].selectedOption!=null&&!J&&!!W[et].selectedOption&&!!W[pt].selectedOption))===!0){v(e,E);return}else{const W=E.filter(U=>U!==Z);v(e,W);return}}return}if(Y.includes(De)===!0||Y.includes(et)===!0){const E=parseInt(Y.split(".")[1]),Z=parseInt(Y.split(".")[3]),P=he.getValues(`${on}.${E}.lineInfo`),X=P[Z];if(Y.includes(De)||Y.includes(et)){const{transactionId:J,lineId:W,recommendations:U}=X;if(P!=null){const L=X[De].selectedOption,ne=X[et].selectedOption,ee=X[pt].selectedOption,Q=X[pt].selectedOption,pe=X[pt].defaultOptions,Ie=pe?.find(me=>me.options?.find(Me=>Me.value===ee))?.options?.find(me=>me.value===ee)?.label,j=pe?.find(me=>me.options?.find(Me=>Me.value===Q))?.options?.find(me=>me.value===Q)?.label,se=h.entityAutoCompleteView.vendor.find(me=>me.qboId===ee),je=h.entityAutoCompleteView.customer.find(me=>me.qboId===Q),Ne=U.find(me=>me.vendor?.qboId===ee)?.vendor,Ee=ee||se?.qboId||Ne?.qboId?{id:ee??se?.qboId??Ne?.qboId??"",name:Ie??se?.name??Ne?.name??"",logo:se?.logo??Ne?.logo}:void 0,Oe=Q||je?.qboId?{id:Q??je?.qboId??"",name:j??je?.name??"",logo:je?.logo}:void 0,we=de.find(me=>me.qboId===L),at=_.find(me=>me.classId===ne),st=n.transactionLocalData.find(me=>me.transactionId===J)?.transactionReviewLocalData.lineItemById[W].account,qe=n.transactionLocalData.find(me=>me.transactionId===J)?.transactionReviewLocalData.lineItemById[W].class;m(e,J,W,N,Ee?.id,Oe?.id,Y.includes(De)&&we!=null?{...we,isPreFilled:!1}:st,Y.includes(et)&&at!=null?{...at,isPreFilled:!1}:qe,void 0,U,$)}return}}if(Y.includes(pt)){const E=parseInt(Y.split(".")[1]),Z=parseInt(Y.split(".")[3]),P=he.getValues(`${on}.${E}.lineInfo`);if(P!=null){const X=P[Z],{transactionId:J,recommendations:W}=X,U=X[pt].selectedOption,L=X[pt].selectedOption,ne=X[pt].defaultOptions,ee=ne?.flatMap(we=>we.options)?.find(we=>we.value===U)?.label,Q=ne?.flatMap(we=>we.options)?.find(we=>we.value===L)?.label,pe=h.entityAutoCompleteView.vendor.find(we=>we.qboId===U),Ie=h.entityAutoCompleteView.customer.find(we=>we.qboId===L),j=W.find(we=>we.vendor?.qboId===U)?.vendor,se=U!==""&&U!=null?U:ee!==""&&ee!=null?ee:"",je=(pe?.qboId!=null&&pe.qboId!==""?pe.qboId:null)??(j?.qboId!=null&&j.qboId!==""?j.qboId:null)??(U!=null&&U!==""?U:null),Ne={id:je??ee??"",name:ee??pe?.name??j?.name??"",logo:pe?.logo??j?.logo},Ee=Ie?.qboId!=null&&Ie.qboId!==""?{id:Ie.qboId??L??"",name:Q??Ie.name??"",logo:Ie.logo}:void 0,Oe=N.find(we=>we.id===J);if(Oe!=null){const we=n.transactionLocalData.find(Me=>Me.transactionId===Oe.id)?.transactionReviewLocalData,at=we?.lineItemById[X.lineId],st=Qt(Oe)===!0?we?.selectedEntity:at?.selectedEntityLine,qe=Ee?.id!=null&&Ee.id!==""?{id:Ee.id,name:Ee.name,type:"customer",qboId:Ee.id,zeniId:Ee.id,logo:Ee.logo}:Ne.id!==""&&Ne.id!=null?{id:se,name:ee??se,type:"vendor",qboId:se,zeniId:se,logo:Ne.logo,isPreFilled:st?.id===je&&st?.isPreFilled}:void 0,me={transactionId:{id:Oe.id,type:Oe.type},transaction:Oe,lineIds:Oe.type!=="journal_entry"?Oe.lines?.map(Me=>Me.id)??[]:[X.lineId]};qe?.type==="customer"?y(X.amount.amount,me,!1,e,qe,Ee,$):k(X.amount.amount,me,!1,e,qe,Ne,$)}}p.onCancelAutoComplete?.();return}}};i.useEffect(()=>{const Y=he.watch((B,{name:E})=>{E!=null&&B!=null&&An(()=>ge(E,B))});return()=>{Y.unsubscribe()}}),i.useEffect(()=>{if(h.entityAutoCompleteView.fetchState==="Completed"){const Y=n.transactionLocalData.find(B=>B.transactionId===S.transactionId);if(Y){const{transactionReviewLocalData:B}=Y,{selectedEntity:E}=B,Z=S?.lineItemId??B.sortedLineItems[0],P=B.lineItemById[Z],X=P.selectedEntityLine;D.current?.(Go(h.entityAutoCompleteView,E??X,P?.recommendationsWithCOT??[]))}T({transactionId:void 0,lineItemId:void 0})}},[h.entityAutoCompleteView.fetchState]);const q=(Y,B)=>{p.onAutoCompleteInputChange?.(Y),D.current=B},K=i.useRef(null);return t.jsx(K1,{ref:K,"data-testid":F("transaction-categorization-list-page"),children:t.jsx(sn,{...he,children:t.jsx("form",{id:La(vo),onSubmit:xe,style:{height:"100%",width:"100%"},"data-testid":F(La(vo)),children:t.jsx(E1,{isTransactionActivityEnabled:d,selectedTab:e,sectionId:r,transactionView:n,authParams:l,setCurrentTransactionInAction:T,onUpdateTransactionCategorizationUIState:g,onUpdateScrollYOffSetTransactionCategorizationUIState:f,onFetchTransactionCategorizationList:C,onTransactionCategorizationRowClick:u,vendorLoadOptions:q,vendorSearchAutoCompleteData:h,vendorSearchAutoCompleteActions:p,containerRef:K,isCOTEnabled:a,cotTracking:{onCOTView:M},isUncategorizedExpenseCategoryEnabled:$,setActivityLogTransactionId:R,onUploadTransactionReceipt:I})})})})},La=e=>`${e}_form`,Ta=(e,n,l,r,h)=>({[on]:n.map(p=>q1(p.transactionId,p.transactionReviewLocalData,l,r,h)),[Xn]:e}),q1=(e,n,l,r,h)=>{const{lineItemById:p,sortedLineItems:a,selectedEntity:d}=n,c=Object.values(p).sort((u,g)=>a.indexOf(u.lineId)-a.indexOf(g.lineId)),m=c[0]?.lineId;return{[Us]:c.map(u=>{const g=u.account?.qboId??u.account?.accountId,f=u.class?.classId,C=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,[De]:{selectedOption:g,allOptions:is(l,u.recommendationsWithCOT)},[et]:{selectedOption:f,allOptions:os(r,u.recommendationsWithCOT)},[pt]:{selectedOption:d?.id??C?.id??d?.name??C?.name,defaultOptions:Go(h,d??C,n.lineItemById[m]?.recommendationsWithCOT??[])},[_m]:u.lineEntity,[Bm]:u.recommendationsWithCOT??[]}}),transactionId:e,[Fm]:n.vendorDetails!=null&&n.vendorDetails.id!=null?{id:n.vendorDetails.id,qboId:n.vendorDetails.qboId,name:n.vendorDetails.name}:void 0,[Pm]:n.customerDetails!=null&&n.customerDetails.id!=null?{id:n.customerDetails.id,qboId:n.customerDetails.qboId,name:n.customerDetails.name}:void 0}},K1=s.div`
+  display: flex;
+  min-height: 100%;
+  width: 100%;
+  height: 100%;
+  flex-direction: column;
+  background-color: ${e=>e.theme.colors.grey4};
+  z-index: 2;
+`,Aa={subSectionContainerLeftRightPadding:new ae(x[3],x[6],x[8])},J1=s.div`
+  width: 100%;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  flex: 1;
+  background: ${e=>e.theme.colors.grey4};
+  box-sizing: border-box;
+`,G1=s.div`
+  display: flex;
+  flex-direction: column;
+  width: 100%;
+`,Y1=e=>{const{currentFooterFormId:n,onJeAccountSettingsChange:l,onSaveJeAccountSettingsClick:r,setResetJeAccountSettingsForm:h,expenseAutomationViewSelector:p,isTransactionActivityEnabled:a,authParams:d,receiptUploadEndpoint:c,companyId:m,vendorSearchAutoCompleteActions:u,vendorSearchAutoCompleteData:g,enableMonthEndInsightsZeniGPTFeature:f,monthEndInsightsPreviewMode:C,monthEndInsightsCustomerRequestData:w,allThreadsSectionOpen:v,loggedInUser:k,isCOTEnabled:y,setCurrentFooterFormId:R,onFetchRecommendationsForEntityCategorization:I,onFetchRecommendationsForEntityCategorizationWithCustomer:S,onTransactionCategorizationRowClick:T,onFetchMissingReceiptsList:D,onMissingReceiptsRowClick:A,onUploadReceiptAttachment:O,onUploadReceiptComplete:b,onUploadReceiptFetchStatus:$,onReconTabColumnSortConfigChanged:M,onReloadReconciliationListPage:N,onUpdateReconcileTabLocalData:G,onUpdateMissingReceiptsUIState:z,onFetchTransactionCategorizationList:V,onUpdateTransactionCategorizationUIState:de,onUpdateScrollYOffSetTransactionCategorizationUIState:_,handleJeScheduleClick:H,ignoreRecommendedJeSchedule:ie,onJESchedulesFormDataChange:he,onPostJESchedule:xe,setLocalDataForCategoryAndClass:ge,resetTransactionCategorizationLocalData:q,updateSelectedVendorForTransaction:K,onSaveUpdateTransactionCategorization:Y,onUpdateSelectedCheckboxTransactionIds:B,improveMonthEndInsightsUsingZeniGPTClick:E,onRemoveFileAttachment:Z,onUpdateFileAttachment:P,onCloseAllThreadsSection:X,onEditMonthEndInsightsClick:J,previewMonthEndReport:W,saveMonthEndReport:U,onOpenFileAttachmentSnackBar:L,onCloseFileAttachmentSnackBar:ne,onClickCustomerRequest:ee,sendMonthEndReport:Q,markAsReview:pe,onReloadPage:Ie,updateOperatingExpensesIdsForReview:j,onFetchReimbursementView:se,updateSectionIdsForReview:je,onUpdateFluxAnalysisUIState:Ne,fetchFluxViewOnScroll:Ee,onFetchFluxViewList:Oe,setIsJeAccountSettingsOpened:we,onReviewClicked:at,setOpenDrawerClicked:st,onEstablishConnectionClick:qe,onFetchLinkTokenClick:me,updateReconReviewTabLocalData:Me,onReconReviewTabColumnSortConfigChanged:Ot,onSaveReconciliation:gt,onSaveReconciliationReview:Ut,onReconMatchedTransactionClick:xt,onAddStatementClick:$e,redirectToVendorDetailPage:re,setActivityLogTransactionId:Le}=e,{currentSelectedView:le,missingReceipts:_e,transactionView:dt,selectedPeriod:vt,monthEndInsights:He,selectedTransactionCategorizationTab:rn,reconciliation:ln}=p;switch(le){case"transaction_categorization":return dt.fetchState==="Completed"&&dt.transactionLocalData.length===0?t.jsx(Tt,{tab:le,title:Je(le).allDoneText.title,subTitle:Je(le).allDoneText.subTitle}):t.jsx(U1,{setCurrentFooterFormId:R,selectedPeriod:vt,selectedTab:rn,sectionId:on,transactionView:dt,authParams:d,isTransactionActivityEnabled:a,onUpdateTransactionCategorizationUIState:de,onUpdateScrollYOffSetTransactionCategorizationUIState:_,onFetchTransactionCategorizationList:V,onTransactionCategorizationRowClick:T,setLocalDataForCategoryAndClass:ge,resetTransactionCategorizationLocalData:q,updateSelectedVendorForTransaction:K,onSaveUpdateTransactionCategorization:Y,onUpdateSelectedCheckboxTransactionIds:B,vendorSearchAutoCompleteActions:u,vendorSearchAutoCompleteData:g,onFetchRecommendationsForEntityCategorization:I,onFetchRecommendationsForEntityCategorizationWithCustomer:S,isCOTEnabled:y,setActivityLogTransactionId:Le,onUploadTransactionReceipt:e.onUploadTransactionReceipt});case"je_schedules":return t.jsx(qh,{setIsJeAccountSettingsOpened:we,expenseAutomationViewSelector:p,setResetJeAccountSettingsForm:h,currentFooterFormId:n,onJeAccountSettingsChange:l,onSaveJeAccountSettingsClick:r,setCurrentFooterFormId:R,handleJeScheduleClick:H,ignoreRecommendedJeSchedule:ie,onJESchedulesFormDataChange:he,onPostJESchedule:xe,vendorSearchAutoCompleteActions:u,vendorSearchAutoCompleteData:g});case"missing_receipts":return _e.fetchState==="Completed"&&_e.transactions.length===0?t.jsx(Tt,{tab:le,title:Je(le).allDoneText.title,subTitle:Je(le).allDoneText.subTitle}):t.jsx(Ep,{onUpdateMissingReceiptsUIState:z,onFetchMissingReceiptsList:D,missingReceipts:_e,receiptUploadEndpoint:c,authParams:d,selectedPeriod:vt,onMissingReceiptsRowClick:A,onUploadReceiptComplete:b,onUploadReceiptFetchStatus:$,onUploadReceiptAttachment:O});case"month_end_insights":if(He!=null&&p.monthEndCloseChecksView.monthEndCloseChecks!=null){if(He.fetchState==="Not-Started"||He.fetchState==="In-Progress"||He.companyMonthEndReportTemplatesData.fetchState==="Not-Started"||He.companyMonthEndReportTemplatesData.fetchState==="In-Progress")return t.jsx(hr,{fetchState:"In-Progress"});{const Mt={application:"cockpit",companyId:m,entityId:m,tab:"expense_automation",isGlobalComment:!1,entityType:"expense_automation.monthEndEmail",companyName:He.companyName,url:window.location.href},{url:qt,...Kt}=Mt,cn={...Kt};return t.jsx(G1,{children:t.jsx(am,{allThreadsSectionOpen:v,customerRequestData:w,companyId:m,enableZeniGPTFeature:f,filterMetaData:cn,selectedPeriod:p.selectedPeriod,improveUsingZeniGPTClick:E,isZeniUser:k?.userEmail?.includes("zeni.ai")??!1,monthEndReportView:He,newThreadMetadata:Mt,onClickCustomerRequest:ee,onCloseAllThreadsSection:X,onCloseFileAttachmentSnackBar:ne,onOpenFileAttachmentSnackBar:L,onRemoveFileAttachment:Z,onUpdateFileAttachment:P,previewMode:C,previewMonthEndReport:W,saveMonthEndReport:U,onEditClick:J,sendMonthEndReport:Q})})}}else 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(Tt,{tab:le,title:Je(le).allDoneText.title,subTitle:Je(le).allDoneText.subTitle}):t.jsx(vh,{fluxAnalysis:p.fluxAnalysis,selectedPeriod:p.selectedPeriod,markAsReview:pe,onReloadPage:Ie,updateOperatingExpensesIdsForReview:j,updateSectionIdsForReview:je,onUpdateFluxAnalysisUIState:Ne,setCurrentFooterFormId:R,fetchFluxViewOnScroll:Ee,onFetchFluxViewList:Oe,onFetchReimbursementView:se,redirectToVendorDetailPage:re});case"reconciliation":return t.jsx(ah,{onReloadReconciliationListPage:N,currentFooterFormId:n,reconciliation:ln,companyId:m,vendorSearchAutoCompleteActions:u,vendorSearchAutoCompleteData:g,onReviewClicked:at,setOpenDrawerClicked:st,setCurrentFooterFormId:R,onReconTabColumnSortConfigChanged:M,onUpdateReconcileTabLocalData:G,onEstablishConnectionClick:qe,onFetchLinkTokenClick:me,updateReconReviewTabLocalData:Me,onReconReviewTabColumnSortConfigChanged:Ot,onSaveReconciliation:gt,onSaveReconciliationReview:Ut,onReconMatchedTransactionClick:xt,onAddStatementClick:$e});default:return t.jsx(Tt,{tab:le,title:Je(le).allDoneText.title,subTitle:Je(le).allDoneText.subTitle})}};function Z1(e){const n=Te(),{currentSelectedView:l}=e.expenseAutomationViewSelector,r=e.expenseAutomationViewSelector.currentSelectedView==="transaction_categorization",h=e.expenseAutomationViewSelector.currentSelectedView!=="month_end_insights"&&e.expenseAutomationViewSelector.currentSelectedView!=="flux_analysis";return t.jsx(J1,{windowSize:n,style:{...h===!0?{paddingLeft:Aa.subSectionContainerLeftRightPadding.value(n),paddingRight:Aa.subSectionContainerLeftRightPadding.value(n)}:{paddingLeft:x[0],paddingRight:x[0]},...r===!0||l==="reconciliation"?{paddingLeft:x[0],paddingRight:x[0]}:{}},children:t.jsx(Y1,{...e})})}const Q1=e=>i.createElement("svg",{viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e},i.createElement("path",{d:"M22.9902 12.0403L1.12726 12.0403",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),i.createElement("path",{d:"M7.68994 5.60718L1.00953 12.0402L7.68994 18.4732",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"})),X1=e=>i.createElement("svg",{viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e},i.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"}),i.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"}),i.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"}),i.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"}),i.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"}),i.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"}),i.createElement("path",{d:"M17.1504 8.40656V7.6875",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),i.createElement("path",{d:"M17.1504 14.8753V14.1562",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"})),eg=s.div`
+  width: 100%;
+  height: 100vh;
+  display: flex;
+  flex-direction: column;
+  background: ${e=>e.theme.colors.grey4};
+  box-shadow: ${e=>e.theme.colors.elevation1};
+`,tg=s.div`
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  min-width: 100%;
+  min-height: 0;
+  flex: 1;
+
+  ${e=>e.theme.breakpoints.down("md")} {
+    width: 100%;
+    padding-left: ${o.sp0};
+  }
+`,Ea=s(ur)`
+  height: ${o.sp3};
+  width: ${o.sp3};
+  cursor: pointer;
+  color: inherit;
+`,Ra=s(Q1)`
+  height: ${o.sp3};
+  width: ${o.sp3};
+  cursor: pointer;
+  color: inherit;
+`,{common:{footer:Fe,texts:{maxLimitReached:ng,confirmAction:og},headers:ig,create:ag,strings:kn,texts:xn,cancel:sg,confirm:rg,monthsByIndex:lg},dateFormat:{visual:{MMMDCommaYYYYformat:Da}},expenseAutomation:fn}=Ae.getLocalizedStrings(),cg=({setActivityLogTransactionId:e})=>{const{selectedTransactionId:n}=eo(),l=mt(),[r,h]=i.useState(!1);return n==null?null:t.jsx(Ce,{title:fn.transactions.header.activity,placement:"bottom",children:t.jsx(Lg,{onMouseEnter:()=>h(!0),onMouseLeave:()=>h(!1),onClick:p=>{p.stopPropagation(),e(n)},children:t.jsx(Tg,{style:{color:r?l.colors.primary:l.colors.hero}})})})},Jg=e=>{const{expenseAutomationViewSelector:n,isDisabled:l,isRealtimeInsightsFeatureEnabled:r,isUncategorizedExpenseCategoryEnabled:h,isCOTEnabled:p,onUpdateTab:a,onReconTabUpdate:d,onUpdateStep:c,onSearchTextChanged:m,onRefresh:u,onClose:g,onBack:f,resetTransactionCategorizationLocalData:C,updateOperatingExpensesIdsForReview:w,clearJeScheduleLocalData:v,onSaveReconciliation:k}=e,{currentSelectedView:y,allSteps:R,missingReceipts:I,jeSchedules:S,fluxAnalysis:T,monthEndInsights:D,transactionView:A,selectedTransactionCategorizationTab:O,reconciliation:b,selectedPeriod:$}=n,[M,N]=i.useState("expenseAutomationPage"),[G,z]=i.useState(()=>{}),[V,de]=i.useState(!1),_=Te(),H=!!e.loggedInUser?.userEmail?.includes("zeni.ai"),ie=H?Ba:Fa,{openThread:he,setOpenThread:xe}=i.useContext(ie),[ge,q]=i.useState(!1),[K,Y]=i.useState(!1),B=R.find(re=>re.step===y),{nextStep:E,previousStep:Z}=hg(R,y),{uiState:{searchString:P,pageToken:X},totalCountByTab:J,transactions:W,fetchStateByTransactionTabs:U,transactionLocalData:L}=A,{selectedReconAccount:ne,reconciliationTabsState:{reconcile:{localData:{selectedTransactionIds:ee}}}}=b;let Q="Not-Started",pe="complete";switch(y){case"missing_receipts":Q=I.refreshStatus.fetchState,pe=I.completionStatus;break;case"je_schedules":Q=S.refreshStatus.fetchState,pe=S.completionStatus;break;case"month_end_insights":D!=null&&(Q=D?.fetchState);break;case"flux_analysis":Q=T.refreshStatus.fetchState,pe=T.completionStatus;break;case"transaction_categorization":Q=A.refreshStatus.fetchState,pe=A.completionStatus;break;case"reconciliation":ne==null?(Q=b.refreshStatus.fetchState,pe=b.completionStatus):(Q=b.selectedReconAccount?.refreshStatus.fetchState??"Not-Started",pe=b.completionStatus)}const Ie=()=>{G()},{saveStatus:j,selectedCheckBoxTransactionIds:se}=A,je=()=>{const re=Es(n.fluxAnalysis.sections,n.fluxAnalysis.reviewOperatingExpensesIds),Le=uo(),{month:le,year:_e}=$,dt=uo().set("month",le-1).set("year",_e).endOf("month");switch(M){case"expenseAutomationFluxPage":return{formId:"expenseAutomationFluxPage",isNextDisabled:!1,isPrevDisabled:!1,primaryBtn:{label:re===!0?Fe.markAsReviewed:xn.undo,style:{justifyContent:"space-evenly"},isLoading:n.fluxAnalysis.bulkReviewStatus.fetchState==="In-Progress",isDisabled:!1},leftSideComponent:Ao(n.fluxAnalysis.reviewOperatingExpensesIds.length,xs,_,xn.vendor,y),cancelBtn:{label:Fe.cancel,style:{width:"96px",justifyContent:"space-evenly"},onClick:()=>{w([])}}};case"expenseAutomationTransactionsPage":return{formId:"expenseAutomationTransactionsPage",isNextDisabled:!1,isPrevDisabled:!1,primaryBtn:{label:Fe.save,style:{minWidth:"96px",justifyContent:"space-evenly"},isLoading:j.fetchState==="In-Progress",isDisabled:!1},leftSideComponent:Ao(se.length,Ln,_,xn.transaction,y),cancelBtn:{label:Fe.cancel,style:{width:"96px",justifyContent:"space-evenly"},onClick:()=>{C(O,W.map(vt=>vt.id),$,!1,J[O],$i(L,O),h,X)}}};case"expenseAutomationJESchedulePage":return{formId:"expenseAutomationJESchedulePage",nextBtnLabel:Fe.next,backBtnLabel:Fe.back,isNextDisabled:!1,isPrevDisabled:!1,primaryBtn:{label:Fe.next,style:{justifyContent:"space-evenly"},isDisabled:l||B?.isNextDisabled,suffixIcon:t.jsx(Ea,{}),onClick:()=>{c(E.step)}},cancelBtn:{label:Fe.back,isDisabled:l||B?.isPrevDisabled,style:{width:"96px",justifyContent:"space-evenly"},prefixIcon:t.jsx(Ra,{}),onClick:()=>{c(Z.step)}}};case"expenseAutomationBankReconReconcilePage":return{formId:"expenseAutomationBankReconReconcilePage",nextBtnLabel:Fe.reconcile,backBtnLabel:Fe.saveForLater,isNextDisabled:!1,isPrevDisabled:!1,primaryBtn:{label:Fe.reconcile,onClick:()=>{k({reconcileAction:"reconcile"})},isDisabled:!(b.reconciliationTabsState.balances.variance.amount===0&&Le.isAfter(dt)),isLoading:b.actionFetchStates.reconcileFetch.fetchState==="In-Progress",style:{justifyContent:"space-evenly",minWidth:132}},leftSideComponent:Ao(ee.length,1/0,_,xn.transaction,y),cancelBtn:{onClick:()=>{k({reconcileAction:"save_reconcile_for_later"})},reverseSpinnerColor:!1,isLoading:b.actionFetchStates.saveForLaterFetch.fetchState==="In-Progress",label:Fe.saveForLater,style:{minWidth:132,justifyContent:"space-evenly"}}};case"expenseAutomationJEAccountSettingsPage":return{formId:"expenseAutomationJEAccountSettingsPage",nextBtnLabel:Fe.save,backBtnLabel:Fe.cancel,isNextDisabled:!1,isPrevDisabled:!1,primaryBtn:{label:Fe.save,isLoading:S.accountSettingsView.saveState.fetchState==="In-Progress",style:{justifyContent:"space-evenly",minWidth:82}},cancelBtn:{onClick:()=>Ie(),label:Fe.cancel,style:{minWidth:82,justifyContent:"space-evenly"}}};default:{const vt=y==="reconciliation"&&n.reconciliation.selectedTab==="review"&&n.reconciliation.selectedAccountId!=null,He=y==="reconciliation"&&n.reconciliation.selectedAccountId==null,rn=y==="reconciliation"&&n.reconciliation.selectedTab==="reconcile"&&n.reconciliation.selectedAccountId!=null,ln=E.step==="month_end_insights"&&(y==="flux_analysis"&&(n.fluxAnalysis.sections.generalExpense?.balancesByMonth!=null||n.fluxAnalysis.sections.reimbursement?.balancesByMonth!=null)||He),Mt=y==="transaction_categorization"&&n.selectedTransactionCategorizationTab==="review",qt=y==="transaction_categorization"&&n.selectedTransactionCategorizationTab==="autoCategorized",Kt=n.monthEndCloseChecksView.monthEndCloseChecks?.monthEndCloseCheckList.find(yn=>yn.id==="month_end_insights"),cn=n.monthEndCloseChecksView.monthEndCloseChecks?.reportEmailSentDate==null&&Kt?.isDisabled===!1&&(r||B?.isNextDisabled===!1),Rn=E.step==="month_end_insights"&&(He||y==="flux_analysis")?!cn:B?.isNextDisabled===!0;return{formId:"expenseAutomationPage",nextBtnLabel:Fe.next,backBtnLabel:Fe.back,isNextDisabled:!1,isPrevDisabled:!1,primaryBtn:{label:ln===!0?ug(n.selectedPeriod.month):Fe.next,style:{justifyContent:"space-evenly"},isDisabled:Rn,suffixIcon:t.jsx(Ea,{}),onClick:()=>{Mt?a("autoCategorized"):vt?d("reconcile"):c(E.step)}},cancelBtn:{label:Fe.back,isDisabled:l||B?.isPrevDisabled,style:{width:"96px",justifyContent:"space-evenly"},prefixIcon:t.jsx(Ra,{}),onClick:()=>{qt?a("review"):rn?d("review"):vt?f():c(Z.step)}}}}}},Ne=()=>{switch(M){case"expenseAutomationFluxPage":return{confirmAction:()=>{q(!1),w([]),g()}};case"expenseAutomationTransactionsPage":return{confirmAction:()=>{q(!1),C(O,W.map(re=>re.id),$,!1,J[O],$i(L,O),h,X),g()}};case"expenseAutomationJESchedulePage":return{confirmAction:()=>{q(!1),v(),g()}};default:return{confirmAction:()=>{q(!1)},confirmationDescription:kn.empty}}},Ee=()=>{M==="expenseAutomationFluxPage"||M==="expenseAutomationJESchedulePage"||M==="expenseAutomationTransactionsPage"?q(!0):g()},{primaryBtn:Oe,cancelBtn:we,leftSideComponent:at}=je(),{confirmAction:st}=Ne(),qe=re=>{if(y==="transaction_categorization"&&(re==="autoCategorized"||re==="review"))return{hideCountInTab:J[re]>fn.common.numbers.maximumCount,count:J[re],isFetching:U[re].fetchState==="In-Progress"};if(y==="reconciliation"){const{reconciliation:Le}=n,{selectedAccountId:le}=Le;return le==null?{count:0,isFetching:!1}:re==="review"?{count:Le.accountReconciliationsByAccountID[le]?.accountReconEntity?.transactionsToReview.length,isFetching:Le.accountReconciliationsByAccountID[le]?.transactionFetchState.fetchState==="In-Progress"}:{count:Le.accountReconciliationsByAccountID[le]?.accountReconEntity?.transactionsToReconcile.length,isFetching:Le.accountReconciliationsByAccountID[le]?.transactionFetchState.fetchState==="In-Progress"}}},me=y==="reconciliation"&&b.selectedAccountId!=null&&b.selectedReconAccount!=null,{month:Me,year:Ot}=$,gt=uo().set("month",Me-1).set("year",Ot),Ut=gt.startOf("month").format(Da),xt=gt.endOf("month").format(Da),$e=`${Ut} ${kn.hyphen} ${xt}`;return t.jsxs(eg,{children:[ge?t.jsx(sr,{containerStyle:{width:356},titleComponent:t.jsx(yg,{children:og}),primaryButtonText:rg,secondaryButtonText:sg,proceedButtonVariant:"danger",action:{onOkClick:()=>{st()},onCancelClick:()=>q(!1)},descriptionComponent:t.jsx(Cg,{children:fn.confirmationDescription})}):null,t.jsx(rr,{isOpen:e.sidePanelIsOpen??!1,isFullView:e.sidePanelIsFullView??!1,panelContent:e.panelContent,panelActionBarContent:e.isTransactionActivityEnabled?t.jsx(cg,{setActivityLogTransactionId:e.setActivityLogTransactionId}):null,headerContent:t.jsx(vc,{onBack:f,navBarCustomElement:y==="reconciliation"&&b.selectedAccountId!=null?t.jsx(dg,{reconciliation:b}):void 0,onReconTabUpdate:d,currentRecontab:b.selectedTab,reconcileDetailPageFetchState:b.selectedAccountId!=null?b.accountReconciliationsByAccountID[b.selectedAccountId]?.transactionFetchState.fetchState:"Not-Started",selectedReconAccountId:me?b.selectedAccountId:void 0,currentSelectedView:y,titleStyle:{justifyContent:"center",marginLeft:o.sp0},headerData:Je(y,J.autoCategorized,me?b.selectedAccountId:void 0,me?b.selectedReconAccount?.accountReconEntity?.account.accountName:void 0,me?$e:void 0),searchText:P,currentTab:O,getTabCountAndFetchState:qe,completionStatus:pe,forceShowSubtitle:V===!0||y==="je_schedules"&&(S.fetchState==="In-Progress"||S.accountSettingsView.fetchState==="In-Progress"),refreshStatus:Q,companyId:e.companyId,companyName:n.monthEndInsights?.companyName??kn.empty,isZeniUser:H,onAllThreadsClick:()=>{he!=null&&xe(null),Y(!0)},onUpdateTab:a,onSearchTextChanged:m,onRefresh:u,onClose:Ee}),listContent:t.jsxs(tg,{children:[t.jsx(Z1,{...e,isCOTEnabled:p,setIsJeAccountSettingsOpened:de,setResetJeAccountSettingsForm:z,allThreadsSectionOpen:K,setCurrentFooterFormId:N,currentFooterFormId:M,onCloseAllThreadsSection:()=>Y(!1)}),t.jsx(Ue,{controller:y!=="month_end_insights"&&e.sidePanelIsOpen!==!0,children:t.jsx(Pa,{style:{width:"-webkit-fill-available",maxHeight:x[8]},formId:pg(M),primaryBtn:Oe,leftSideComponent:at,cancelBtn:we,separatorStyle:{marginRight:o.sp4}})})]})})]})},dg=({reconciliation:e})=>{const n=mt(),{clearedBalance:l,variance:r,variancePercentage:h,deposits:p,payments:a}=e.reconciliationTabsState.balances,{balance:d}=e.selectedReconAccount?.accountReconEntity??{},{selectedReconAccount:c}=e,{transactionFetchState:m}=c??{};return t.jsx(wg,{children:t.jsxs(bg,{children:[t.jsxs(Eo,{style:{justifyContent:"flex-end",width:"50%"},children:[t.jsx(Ro,{children:t.jsx(vg,{})}),t.jsx(Do,{children:m?.fetchState==="In-Progress"?t.jsxs(_o,{children:[t.jsx(pn,{height:25,width:120}),t.jsx(pn,{height:19,width:120})]}):t.jsxs(t.Fragment,{children:[t.jsx(Mo,{children:Ze("0,0.00",d)}),t.jsx(Oo,{children:fn.accountRecon.reconciliation.headers.bankBalance})]})})]}),t.jsxs(Eo,{children:[t.jsx(Ro,{children:t.jsx(jg,{})}),t.jsx(Do,{children:m?.fetchState==="In-Progress"?t.jsxs(_o,{children:[t.jsx(pn,{height:25,width:120}),t.jsx(pn,{height:19,width:120})]}):t.jsxs(t.Fragment,{children:[t.jsx(Mo,{children:Ze("0,0.00",l)}),t.jsxs(Ig,{children:[t.jsx(Oo,{children:fn.accountRecon.reconciliation.headers.clearedBalance}),t.jsx(Ce,{placement:"bottom",title:t.jsxs($g,{children:[t.jsxs(Oa,{children:[t.jsxs(Ma,{children:[a.count," ",xn.payments]}),t.jsx(_a,{children:Ze("0,0.[00]",a.totalAmount)})]}),t.jsxs(Oa,{children:[t.jsxs(Ma,{children:[p.count," ",xn.deposits]}),t.jsx(_a,{children:Ze("0,0.[00]",p.totalAmount)})]})]}),display:"flex",children:t.jsx(kg,{})})]})]})})]}),t.jsxs(Eo,{style:{justifyContent:"flex-start",width:"50%"},children:[t.jsx(Ro,{children:t.jsx(Sg,{})}),t.jsx(Do,{children:m?.fetchState==="In-Progress"?t.jsxs(_o,{children:[t.jsx(pn,{height:25,width:120}),t.jsx(pn,{height:19,width:120})]}):t.jsxs(t.Fragment,{children:[t.jsxs(Mo,{children:[t.jsx("span",{style:{color:r.amount===0?n.colors.brandColorJadeDark:n.colors.primary},children:Ze("0,0.00",r)}),h!=null&&r.amount!==0?t.jsx("span",{style:{color:n.colors.primary,marginLeft:2},children:`(${h.toFixed(2)}%)`}):null]}),t.jsx(Oo,{children:fn.accountRecon.reconciliation.headers.variance})]})})]})]})})},Ao=(e,n,l,r,h)=>{const p=r,a=(e>1?p+"s":p)+" selected";return e>0?t.jsxs(mg,{currentView:h,style:l==="small"?{position:"absolute",top:o.sp2,left:`-${o.sp5}`}:{},children:[t.jsx(gg,{multiDigit:e>=5,children:e}),t.jsx(xg,{children:a}),e===n?t.jsx(fg,{children:`(${ng})`}):null]}):null},ug=e=>{const n=lg[e];return`${ag}${kn.space}${n}${kn.space}${ig.insights}`};function hg(e,n){const l=e.findIndex(d=>d.step===n);if(l===-1)throw new Error("currentStep not found in allSteps array");const r=(l+1)%e.length,h=(l-1+e.length)%e.length,p=e[r],a=e[h];return{nextStep:p,previousStep:a}}const pg=e=>`${e}_form`,mg=s.div`
+  display: flex;
+  justify-content: flex-start;
+  align-items: center;
+  gap: ${o.sp2};
+  margin-left: ${e=>e.currentView==="flux_analysis"?"36px":o.sp8};
+`,gg=s(bt)`
+  height: 18px;
+  width: ${e=>e.multiDigit?"auto":"18px"};
+  padding: ${o.sp0} 6px;
+  border-radius: ${o.sp12};
+  border: ${e=>`1px solid ${e.theme.colors.primary}`};
+  display: flex;
+  justify-content: center;
+  align-items: center;
+`,xg=s(Ve)`
+  color: ${e=>e.theme.colors.primary};
+`,fg=s(Et)`
+  color: ${tt.important};
+`,yg=s(ar)`
+  margin-top: ${o.sp5};
+  padding-left: ${o.sp8};
+  padding-right: ${o.sp8};
+  color: ${e=>e.theme.colors.primary};
+  word-break: break-word;
+`,Cg=s(lr)`
+  color: ${e=>e.theme.colors.primary};
+  margin-top: ${o.sp2};
+  margin-bottom: ${o.sp2};
+`,wg=s.div`
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  padding: ${o.sp3} ${o.sp0};
+`,bg=s.div`
+  width: 100%;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  gap: ${o.sp1};
+`,Eo=s.div`
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  gap: ${o.sp3};
+`,Ro=s.div`
+  width: ${o.sp7};
+  height: ${o.sp7};
+  border-radius: 50%;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  background-color: ${e=>e.theme.mode==="dark"?e.theme.colors.brandColorJadeDark:e.theme.colors.brandColorJadeLight};
+`,Do=s.div`
+  display: flex;
+  flex-direction: column;
+`,Oo=s(Et)`
+  color: ${e=>e.theme.colors.hero};
+`,Mo=s(Na)`
+  min-width: 180px;
+  color: ${e=>e.theme.colors.primary};
+`,vg=s(gr)`
+  color: ${e=>e.theme.colors.primary};
+  width: ${o.sp4};
+  height: ${o.sp4};
+`,Sg=s(xr)`
+  color: ${e=>e.theme.colors.primary};
+  width: ${o.sp4};
+  height: ${o.sp4};
+`,jg=s(X1)`
+  color: ${e=>e.theme.colors.primary};
+  width: ${o.sp4};
+  height: ${o.sp4};
+`,kg=s(Va)`
+  width: ${o.sp3};
+  height: ${o.sp3};
+  color: ${e=>e.theme.colors.hero};
+  :hover {
+    color: ${e=>e.theme.colors.primary};
+  }
+`,Ig=s.div`
+  display: flex;
+  align-items: center;
+  gap: ${o.sp1};
+`,$g=s.div`
+  background-color: ${tt.overlayDark};
+  padding: 2px ${o.sp2};
+  border-radius: ${o.sp1};
+`,Oa=s.div`
+  display: flex;
+  justify-content: space-between;
+  gap: ${o.sp2};
+`,Ma=s.div`
+  text-transform: capitalize;
+`,_a=s(Et)`
+  color: ${tt.primaryDark};
+  align-self: "flex-end";
+`,pn=s(Ht)`
+  border-radius: ${o.sp2};
+`,_o=s.div`
+  display: flex;
+  flex-direction: column;
+  min-width: 180px;
+  gap: ${o.sp1};
+`,Lg=s.button`
+  background: none;
+  border: none;
+  cursor: pointer;
+  padding: ${o.sp1};
+  border-radius: ${o.sp1};
+  display: flex;
+  align-items: center;
+  justify-content: center;
+
+  &:hover {
+    background: ${({theme:e})=>e.colors.grey4};
+  }
+`,Tg=s(qs)`
+  width: ${o.sp4};
+  height: ${o.sp4};
+`;export{yg as ConfirmationPopUpTitle,Jg as default,hg as getNextAndPreviousSteps,pg as uniqueFormName};