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

package/dist/assets/CollapsableReportTable-B3_in9eE-D8gjZt8q.js

@@ -0,0 +1,2844 @@
+import{j as t,bG as gr,bm as b,cy as ye,bn as X,eB as fr,b as d,C as ne,bB as Vn,u as W,b3 as Dn,a_ as xr,eC as mr,eD as Io,eE as wr,dj as yr,a as M,b2 as br,s as _,eF as Ne,eG as Mo,b6 as No,b5 as kr,bs as I,cZ as nn,eH as on,R as G,dQ as rn,a$ as Wo,a9 as ft,eI as Ke,cA as Z,A as Sr,eJ as an,bt as E,i as ue,eK as ce,am as jr,az as Ve,an as Po,ap as Gt,eL as vr,aq as Cr,ar as ln,cY as sn,cP as Rn,af as _r,ai as je,eM as xt,eN as jt,eO as De,ah as B,d6 as re,eP as $r,t as cn,bz as zo,eQ as Fo,bL as Lr,di as dn,dh as hn,aj as Re,eR as Br,bH as To,aL as Ar,aB as un,ay as Vo,aE as Do,aF as Or,aG as En,aH as Ro,eS as it,eT as Gn,dq as Eo,cF as Ir,eU as Hn,eV as Mr,eW as Nr,bJ as Go,eX as Wr,eY as Pr,eZ as zr,e_ as Kn,e$ as Yn,f0 as Fr,f1 as Tr,cH as Vr,cq as Dr,f2 as Rr}from"./index-2CdI-B2B.js";import{n as l,c as D}from"./mui-kiGMfX4-.js";import{a as N,o as pn}from"./core-tlHkQPPu.js";import{f6 as Pt,eT as gn,fi as fn,fj as Ye,fk as xn,fl as mn,fm as wn,fn as yn,fo as Ho,fp as Er,eU as We,bn as Un,bh as Ko,fq as Yo,bp as Gr,f5 as Uo,fr as Hr}from"./zeni-epic-state-Bo1aGezX.js";import{Q as Kr,U as gt,M as Yr,B as ve,a as A}from"./AccountRow-DbyUdPZG-D3G-oWRQ.js";import{e as Ur}from"./useFormControl-DPydD0oc-BkCU7DyG.js";function ee(e,n){if(e!=null)switch(e.type){case"this_period_vs_last_period_percent":case"this_period_vs_same_period_last_year_percent":return ye("0.00%",e.percentValue);case"default_with_null_balance":return"-"}return X("0,0",e?.balance)}function te(e){return X("0,0",e?.forecast)}function qo(e){if(e!=null)switch(e.type){case"this_period_vs_last_period_percent":case"this_period_vs_same_period_last_year_percent":return ye("0.00%",e.totalPercentValue)}return X("0,0",e?.totalBalance)}function Ht(e){if(e!=null)switch(e.type){case"this_period_vs_last_period_percent":case"this_period_vs_same_period_last_year_percent":return ye("0.00%",e.forecastPercentValue)}return X("0,0",e?.totalForecast)}function pe(e){if(e!=null&&e.forecast!=null&&e.forecast.amount!==0){const n=(e.balance.amount-e.forecast.amount)/e.forecast.amount;return ye("0.00%",Math.floor(100*n)/100)}return ye("0.00%",void 0)}function ge(e){if(e!=null&&e.forecast!=null){const n=Math.floor(100*(e.balance.amount-e.forecast.amount)/100);return X("0,0",Object.assign({},e.forecast,{amount:n}))}return X("0,0",null)}function Zo(e){if(e!=null&&e.totalForecast!=null&&e.totalBalance!=null&&e.totalForecast.amount!==0){const n=(e.totalBalance.amount-e.totalForecast.amount)/e.totalForecast.amount;return ye("0.00%",Math.floor(100*n)/100)}return ye("0.00%",void 0)}function Qo(e){if(e!=null&&e.totalForecast!=null&&e.totalBalance!=null){const n=Math.floor(100*(e.totalBalance.amount-e.totalForecast.amount)/100);return X("0,0",Object.assign({},e.totalForecast,{amount:n}))}return X("0,0",null)}const Ue=(e,n,o)=>{const{startDate:i,balanceType:r}=n,{dateFormat:{visual:a}}=M.getLocalizedStrings();switch(o){case"month":return r==="default"||r==="default_with_percent"?`${Pt(i,a.MMMYYYYFormat,e)}`:zt(r,o);case"quarter":return r==="default"||r==="default_with_percent"?`${M.getLocalizedStrings().reports.quarterPrefix}${Pt(i,a.QYYYYformat,e)}`:zt(r,o);case"year":return r==="default"||r==="default_with_percent"?`${Pt(i,a.YYYYformat,e)}`:zt(r,o);case"free_range":case"week":throw new Error("free_range/weeks dates are not supported!")}};function zt(e,n){return M.getLocalizedStrings().downloadReport.additionalColumns.labels[n][e]}function qr(e){return Vo("PrivateSwitchBase",e)}Ro("PrivateSwitchBase",["root","checked","disabled","input","edgeStart","edgeEnd"]);const Zr=ln(Pr,{name:"MuiSwitchBase"})({padding:9,borderRadius:"50%",variants:[{props:{edge:"start",size:"small"},style:{marginLeft:-3}},{props:({edge:e,ownerState:n})=>e==="start"&&n.size!=="small",style:{marginLeft:-12}},{props:{edge:"end",size:"small"},style:{marginRight:-3}},{props:({edge:e,ownerState:n})=>e==="end"&&n.size!=="small",style:{marginRight:-12}}]}),Qr=ln("input",{name:"MuiSwitchBase",shouldForwardProp:Do})({cursor:"inherit",position:"absolute",opacity:0,width:"100%",height:"100%",top:0,left:0,margin:0,padding:0,zIndex:1}),Jr=N.forwardRef(function(e,n){const{autoFocus:o,checked:i,checkedIcon:r,defaultChecked:a,disabled:s,disableFocusRipple:c=!1,edge:h=!1,icon:g,id:p,inputProps:u,inputRef:f,name:x,onBlur:w,onChange:m,onFocus:k,readOnly:y,required:v=!1,tabIndex:S,type:$,value:C,slots:L={},slotProps:O={},...P}=e,[T,R]=Ar({controlled:i,default:!!a,name:"SwitchBase",state:"checked"}),V=Ur();let Y=s;V&&Y===void 0&&(Y=V.disabled);const U=$==="checkbox"||$==="radio",Q={...e,checked:T,disabled:Y,disableFocusRipple:c,edge:h},de=(he=>{const{classes:le,checked:ie,disabled:_e,edge:tt}=he,nt={root:["root",ie&&"checked",_e&&"disabled",tt&&`edge${Ve(tt)}`],input:["input"]};return Po(nt,qr,le)})(Q),Ae={slots:L,slotProps:{input:u,...O}},[Je,Xe]=Gt("root",{ref:n,elementType:Zr,className:de.root,shouldForwardComponentProp:!0,externalForwardedProps:{...Ae,component:"span",...P},getSlotProps:he=>({...he,onFocus:le=>{he.onFocus?.(le),(ie=>{k&&k(ie),V&&V.onFocus&&V.onFocus(ie)})(le)},onBlur:le=>{he.onBlur?.(le),(ie=>{w&&w(ie),V&&V.onBlur&&V.onBlur(ie)})(le)}}),ownerState:Q,additionalProps:{centerRipple:!0,focusRipple:!c,role:void 0,tabIndex:null}}),[Ce,et]=Gt("input",{ref:f,elementType:Qr,className:de.input,externalForwardedProps:Ae,getSlotProps:he=>({...he,onChange:le=>{he.onChange?.(le),(ie=>{if(ie.nativeEvent.defaultPrevented||y)return;const _e=ie.target.checked;R(_e),m&&m(ie,_e)})(le)}}),ownerState:Q,additionalProps:{autoFocus:o,checked:i,defaultChecked:a,disabled:Y,id:U?p:void 0,name:x,readOnly:y,required:v,tabIndex:S,type:$,...$==="checkbox"&&C===void 0?{}:{value:C}}});return t.jsxs(Je,{...Xe,children:[t.jsx(Ce,{...et}),T?r:g]})}),Hg=(e,n,o)=>{const i=n.length==0?e:`${e}_${n.join("_")}`;return o!=null&&o.trim().length>0?`${i}_${o}`:`${i}_${fr(10)}`};var Ft=function(){},Xr=function(e,n){return(0,n.getRecordData)(e).data.id},Jo=function(e){function n(i,r){var a;return(a=e.call(this,i,r)||this).getRecordData=a.getRecordData.bind(Ne(a)),a.state={list:N.createRef(),recomputeTree:a.recomputeTree.bind(Ne(a)),setState:a.setState.bind(Ne(a))},a}Io(n,e),n.getDerivedStateFromProps=function(i,r){var a,s=i.listRef,c=s===void 0?null:s,h=i.treeWalker,g=r.computeTree,p=r.list,u=r.order,f=r.treeWalker;return Mo({attachRefs:(a=[p,c],function(x){a.forEach(function(w){typeof w=="function"?w(x):w!=null&&(w.current=x)})})},h===f&&u?null:g(i,r,{refresh:!0}),{treeWalker:h})};var o=n.prototype;return o.getItemData=function(){var i=this.props,r=i.children,a=i.itemData;return{component:r,getRecordData:this.getRecordData,treeData:a}},o.getRecordData=function(i){var r=this.state,a=r.order;return r.records.get(a[i]).public},o.recomputeTree=function(i){var r=this;return new Promise(function(a){r.setState(function(s){return s.computeTree(r.props,s,{opennessState:i})},a)})},o.scrollTo=function(i){var r;(r=this.state.list.current)==null||r.scrollTo(i)},o.scrollToItem=function(i,r){var a;(a=this.state.list.current)==null||a.scrollToItem(this.state.order.indexOf(i),r)},n}(N.PureComponent);Jo.defaultProps={rowComponent:function(e){var n=e.index,o=e.data,i=o.component,r=o.getRecordData,a=o.treeData,s=e.style,c=e.isScrolling,h=r(n);return pn.createElement(i,Object.assign({isScrolling:c,style:s,treeData:a},h))}};var qn,ea=(qn={createRecord:function(e,n,o,i){var r=n.recomputeTree,a=n.resetAfterId,s=function(c,h){return h===void 0&&(h=null),{child:null,isShown:!h||h.public.isOpen&&h.isShown,parent:h,public:c,sibling:null,visited:!1}}({data:e,height:i?i.public.height:e.defaultHeight,isOpen:i?i.public.isOpen:e.isOpenByDefault,resize:function(c,h){s.public.height=c,a(s.public.data.id,h)},setOpen:function(c){var h;return r(((h={})[e.id]=c,h))}},o);return s}},function(e,n,o){return o.refresh?function(i,r,a){var s=i.createRecord,c=r.buildingTaskTimeout,h=r.placeholder,g=r.async,p=g!==void 0&&g,u=r.treeWalker,f=p&&a.records!==void 0,x=a.records,w=[],m=new Map,k=c?{timeout:c}:void 0,y=new WeakMap,v=u(),S=v.next().value,$=s(S.data,a,void 0,f?x.get(S.data.id):void 0);m.set($.public.data.id,$),y.set($,S);var C=$,L=!0,O=$,P=h!==void 0&&!(h===null&&!a.order),T=P?function(V){return V.timeRemaining()>0}:function(){return!0},R=function V(Y){for(;C!==null;){if(!T(Y))return void requestIdleCallback(V,k);if(C.visited)C.visited=!1,C=C.sibling!==null?C.sibling:C.parent,O=C;else{var U=v.next(y.get(C)).value;if(U===void 0){L?L=!1:(C.isShown&&w.push(C.public.data.id),C.visited=C.child!==null,C=C.child!==null?C.child:C.sibling!==null?C.sibling:C.parent),O=C;continue}var Q=s(U.data,a,L?void 0:C,f?x.get(U.data.id):void 0);m.set(Q.public.data.id,Q),y.set(Q,U),L||O!==C?O.sibling=Q:O.child=Q,O=Q}}P&&a.setState({order:w,records:m,updateRequest:{}})};return P?requestIdleCallback(R,k):R(),h!==void 0&&p&&a.order?a:{order:w,records:m}}(qn,e,n):function(i,r){var a=i.order,s=i.records,c=r.opennessState;if(typeof c!="object")return null;for(var h in c)if(s.has(h)){var g=c[h],p=s.get(h),u=typeof g=="boolean"?{open:g}:g,f=u.open,x=u.subtreeCallback,w=x===void 0?Ft:x,m=Ft,k=Ft;p.isShown&&(f?function(){for(var v=a.indexOf(h),S=p;S!==null;){if(S.sibling!==null){S=S.sibling;break}S=S.parent}var $=S===null?a.length-1-v:a.indexOf(S.public.data.id)-1-v,C=[[v+1,$]];m=function(L){if(L.isShown=!L.parent||L.parent.public.isOpen&&L.parent.isShown,L.isShown){var O=C[C.length-1];O.push(L.public.data.id),O.length===32770&&C.push([v+1+32768*C.length,0])}},k=function(){for(var L=0;L<C.length;L++){var O;(O=a).splice.apply(O,C[L])}}}():p.public.isOpen&&function(){var v=a.indexOf(h),S=0;m=function($){$.isShown&&(S+=1),$.isShown=!$.parent||$.parent.public.isOpen&&$.parent.isShown},k=function(){a.splice(v+1,S)}}());for(var y=p;y!==null;)y.visited?(y.visited=!1,y=y===p?null:y.sibling!==null?y.sibling:y.parent):(y.public.isOpen=y===p?f:y.public.isOpen,w(y.public,p.public),y!==p&&m(y),y.visited=y.child!==null,y=y.child!==null?y.child:y===p?null:y.sibling!==null?y.sibling:y.parent);k()}return{order:a,records:s,updateRequest:{}}}(n,o)}),Zn=function(e){function n(i,r){var a;return(a=e.call(this,i,r)||this).getItemSize=a.getItemSize.bind(Ne(a)),a.state=Mo({},a.state,{computeTree:ea,resetAfterId:a.resetAfterId.bind(Ne(a))}),a}Io(n,e);var o=n.prototype;return o.resetAfterId=function(i,r){var a;r===void 0&&(r=!1);var s=this.state,c=s.list,h=s.order;(a=c.current)==null||a.resetAfterIndex(h.indexOf(i),r)},o.recomputeTree=function(i){var r=this;return e.prototype.recomputeTree.call(this,i).then(function(){var a;(a=r.state.list.current)==null||a.resetAfterIndex(0,!0)})},o.render=function(){var i=this.props;i.children;var r=i.placeholder,a=i.itemSize,s=i.rowComponent;i.treeWalker;var c=wr(i,["children","placeholder","itemSize","rowComponent","treeWalker"]),h=this.state,g=h.attachRefs,p=h.order;return r&&p.length===0?r:pn.createElement(yr,Object.assign({},c,{itemCount:p.length,itemData:this.getItemData(),itemKey:Xr,itemSize:a??this.getItemSize,ref:g}),s)},o.getItemSize=function(i){return this.getRecordData(i).height},n}(Jo);const ta=l.div`
+  display: flex;
+  flex: 1 1 auto;
+  width: 100%;
+  height: ${e=>e.heightValue}px;
+  justify-content: flex-start;
+  align-items: center;
+  padding-right: ${A.wrapperPadding}px;
+`,na=l.div`
+  cursor: default;
+  user-select: none;
+  display: flex;
+  flex: 1 1 auto;
+  flex-flow: row;
+  justify-content: flex-start;
+  align-items: center;
+`,oa=l.div`
+  display: flex;
+  justify-content: flex-start;
+  align-items: center;
+  gap: ${d.sp2};
+  width: ${A.leftHeadingWidth}px;
+`,ia=l.div`
+  display: flex;
+  flex: 1 1 auto;
+  justify-content: flex-end;
+  align-items: center;
+  gap: ${d.sp4};
+`,ra=l(re)`
+  width: ${A.bankBalanceWidth}px;
+  min-width: ${A.bankBalanceWidth}px;
+  text-align: right;
+`,aa=l(re)`
+  width: ${A.clearedBalanceWidth}px;
+  min-width: ${A.clearedBalanceWidth}px;
+  text-align: right;
+`,la=l(re)`
+  width: ${A.statusWidth}px;
+  min-width: ${A.statusWidth}px;
+`,sa=l.div`
+  display: flex;
+  flex-shrink: 0;
+  gap: ${d.sp3};
+  width: ${A.varianceWidth}px;
+  min-width: ${A.varianceWidth}px;
+  flex-direction: row;
+  justify-content: flex-end;
+  align-items: center;
+  text-align: center;
+`,ca=l.div`
+  width: ${A.variancePercentageWidth}px;
+  min-width: ${A.variancePercentageWidth}px;
+  text-align: right;
+  margin-right: ${d.sp2};
+`,da=l.div`
+  display: flex;
+  justify-content: center;
+  align-items: center;
+`,ha=l.div`
+  display: flex;
+  justify-content: center;
+  align-items: center;
+`;function ua({height:e}){const n=W();return t.jsx(ta,{heightValue:e,windowSize:n,children:t.jsxs(na,{children:[t.jsxs(oa,{children:[t.jsx(da,{children:t.jsx(ce,{isLoading:!0,customStyle:{height:d.sp4,maxWidth:d.sp4,width:d.sp4,borderRadius:"50%"},children:t.jsx(t.Fragment,{})})}),t.jsx(ha,{children:t.jsx(ce,{isLoading:!0,customStyle:{height:d.sp4,width:A.leftLabelWidth},children:t.jsx(t.Fragment,{})})})]}),t.jsxs(ia,{children:[t.jsx(ra,{children:t.jsx(ce,{isLoading:!0,position:"right",customStyle:{height:d.sp4,width:A.bankBalanceWidth},children:t.jsx(t.Fragment,{})})}),t.jsx(aa,{children:t.jsx(ce,{isLoading:!0,position:"right",customStyle:{height:d.sp4,width:A.clearedBalanceWidth},children:t.jsx(t.Fragment,{})})}),t.jsxs(sa,{children:[t.jsx(ce,{isLoading:!0,position:"right",customStyle:{height:d.sp4,width:A.varianceNumberWidth},children:t.jsx(t.Fragment,{})}),t.jsx(ca,{children:t.jsx(ce,{isLoading:!0,customStyle:{height:d.sp4,width:A.variancePercentageWidth},children:t.jsx(t.Fragment,{})})})]}),t.jsx(la,{children:t.jsx(ce,{isLoading:!0,customStyle:{height:d.sp4,width:A.statusWidth},children:t.jsx(t.Fragment,{})})})]})]})})}const pa=l.div`
+  display: flex;
+  flex-direction: row;
+  height: ${e=>e.heightValue}px;
+  padding-right: ${A.wrapperPadding}px;
+`;function ga({height:e}){return t.jsx(pa,{heightValue:e})}const fa=l.div`
+  user-select: none;
+  display: flex;
+  width: 100%;
+  height: ${e=>e.height}px;
+  background-color: ${e=>e.bgColor?.hex()};
+  flex-direction: column;
+  padding-right: ${A.wrapperPadding}px;
+`,xa=l.div`
+  flex: 1 1 auto;
+  display: flex;
+  align-items: center;
+  height: ${d.sp8};
+  justify-content: flex-start;
+  align-items: center;
+`,ma=l.div`
+  display: flex;
+  flex-direction: row;
+  justify-content: flex-end;
+  width: ${A.leftHeadingWidth}px;
+`,wa=l.div`
+  display: flex;
+  flex: 1 1 auto;
+  flex-direction: row;
+  justify-content: flex-end;
+`,ya=l(To)`
+  user-select: none;
+  color: ${e=>e.theme.colors.primary};
+  width: ${A.leftTimeframeWidth}px;
+  min-width: ${A.leftTimeframeWidth}px;
+  flex: 1 1 auto;
+`,ba=l(B)`
+  user-select: none;
+`,ka=l.div`
+  max-height: ${d.sp8};
+  min-height: ${d.sp8};
+  min-width: ${e=>e.widthValue}px;
+  max-width: ${e=>e.widthValue}px;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  background-color: ${e=>e.theme.colors.background};
+  border: 1px solid ${e=>e.theme.colors.grey3};
+  border-radius: ${d.sp2};
+  color: ${e=>e.theme.colors.primary};
+  margin-right: ${e=>e.marginRight===!0?d.sp2:d.sp0};
+`,Sa=l.div`
+  width: ${A.bankBalanceWidth}px;
+`,ja=l.div`
+  width: ${A.bankBalanceRightTimeframeWidth}px;
+`,va=l.div`
+  width: ${A.clearedBalanceWidth}px;
+  margin-right: ${A.tickLeftMargin}px;
+`,Ca=l.div`
+  width: ${A.varianceTimeframeWidth}px;
+  align-self: flex-end;
+`,_a=l.div`
+  width: ${A.spacerLineWidth}px;
+`,$a=l.div`
+  width: ${A.statusWidth}px;
+`,rt=({title:e,type:n})=>t.jsx(ka,{widthValue:A[n],children:t.jsx(ba,{children:e})});function La({sectionTitle:e,height:n,isLoading:o}){const i=M.getLocalizedStrings().expenseAutomation.accountRecon.reconciliation.headers;return t.jsx(fa,{height:n,children:t.jsxs(xa,{children:[t.jsx(ma,{children:t.jsx(ce,{isLoading:o,customStyle:{height:d.sp4,width:A.leftLabelWidth},children:t.jsx(ya,{"data-testid":b("account-recon-section-title",e),children:e})})}),t.jsxs(wa,{children:[t.jsx(Sa,{children:t.jsx(ce,{isLoading:o,customStyle:{height:d.sp7,width:A.bankBalanceTimeframeWidth,borderRadius:d.sp2},children:t.jsx(rt,{title:i.bankBalance,type:"bankBalanceTimeframeWidth"})})}),t.jsx(ja,{}),t.jsx(va,{children:t.jsx(ce,{isLoading:o,customStyle:{height:d.sp7,width:A.clearedBalanceTimeframeWidth,borderRadius:d.sp2},children:t.jsx(rt,{title:i.clearedBalance,type:"clearedBalanceTimeframeWidth"})})}),t.jsx(Ca,{children:t.jsx(ce,{isLoading:o,customStyle:{height:d.sp7,width:A.varianceTimeframeWidth,borderRadius:d.sp2},children:t.jsx(rt,{title:i.variance,type:"varianceTimeframeWidth"})})}),t.jsx(_a,{}),t.jsx($a,{children:t.jsx(ce,{isLoading:o,customStyle:{height:d.sp7,width:A.statusTimeframeWidth,borderRadius:d.sp2},children:t.jsx(rt,{title:i.status,type:"statusTimeframeWidth"})})})]})]})})}const Ba=l.div`
+  display: flex;
+  flex-direction: row;
+  height: ${e=>e.heightValue}px;
+  align-items: center;
+  padding-right: ${A.wrapperPadding}px;
+`,Aa=l(To)`
+  user-select: none;
+  color: ${e=>e.theme.colors.primary};
+`;function Oa({height:e,title:n}){return t.jsx(Ba,{heightValue:e,children:t.jsx(Aa,{"data-testid":b("account-recon-section-title",n),children:n})})}const Ia=l.div`
+  display: flex;
+  flex: 1 1 auto;
+  width: 100%;
+  height: ${e=>e.heightValue}px;
+  justify-content: flex-start;
+  align-items: center;
+  padding-right: ${A.wrapperPadding}px;
+`,Ma=l.div`
+  cursor: default;
+  user-select: none;
+  display: flex;
+  flex: 1 1 auto;
+  flex-flow: row;
+  justify-content: flex-start;
+  align-items: center;
+  color: ${e=>e.theme.colors.primary};
+`,Na=l.div`
+  display: flex;
+  flex: 1 1 auto;
+  justify-content: flex-start;
+  align-items: center;
+  gap: ${d.sp2};
+`,Wa=l(re)`
+  user-select: none;
+  clear: both;
+  display: inline-block;
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+  text-align: left;
+  color: ${e=>e.theme.colors.primary};
+  width: ${A.leftLabelWidth}px;
+  min-width: ${A.leftLabelWidth}px;
+`,Pa=l.div`
+  display: flex;
+  flex: 1 1 auto;
+  justify-content: flex-end;
+  align-items: center;
+`,za=l(re)`
+  width: ${A.bankBalanceWidth}px;
+  min-width: ${A.bankBalanceWidth}px;
+  text-align: right;
+`,Fa=l(re)`
+  width: ${A.clearedBalanceWidth}px;
+  min-width: ${A.clearedBalanceWidth}px;
+  text-align: right;
+  margin-left: ${A.tickLeftMargin}px;
+`,Ta=l(re)`
+  width: ${A.statusWidth}px;
+  min-width: ${A.statusWidth}px;
+  height: 1px;
+`,Va=l.div`
+  display: flex;
+  flex-direction: row;
+  min-width: ${A.spacerLineWidth}px;
+  width: ${A.spacerLineWidth}px;
+  align-items: center;
+`,Da=l.div`
+  width: 1px;
+  margin-left: ${d.sp3};
+  height: ${e=>e.heightValue}px;
+  background-color: ${e=>e.theme.colors.grey3};
+`,Ra=l.div`
+  display: flex;
+  flex-shrink: 0;
+  width: ${A.varianceTimeframeWidth}px;
+  min-width: ${A.varianceTimeframeWidth}px;
+  flex-direction: row;
+  justify-content: flex-end;
+  align-items: center;
+  text-align: center;
+  margin-left: ${A.tickLeftMargin}px;
+`,Ea=l(re)`
+  border-radius: ${d.sp1};
+  color: ${e=>e.textColor.hex()};
+  min-width: ${A.varianceNumberWidth}px;
+  text-align: right;
+  margin-right: ${d.sp2};
+`,Ga=l(re)`
+  border-radius: ${d.sp1};
+  padding: ${d.sp0} ${d.sp1};
+  justify-content: center;
+  text-align: center;
+  color: ${e=>e.textColor.hex()};
+  background-color: ${e=>e.bgColor.hex()};
+  min-width: ${A.variancePercentageWidth}px;
+`,{expenseAutomation:{accountRecon:{reconciliation:{headers:Qn}}},common:{strings:{percentage:Ha,hyphen:mt}}}=M.getLocalizedStrings();function Ka({height:e,sectionData:n}){const o=W(),i=n.totalVariance,r=n.totalVariancePercentage,a=ue();return t.jsx(Ia,{"data-testid":b("total-row-root-container"),heightValue:e,windowSize:o,children:t.jsxs(Ma,{isClickable:!1,"data-testid":b("total-row-container"),children:[t.jsxs(Na,{children:[t.jsx(ve,{firstLetter:Qn.section[n.sectionId].subTitle.charAt(0),color:new I(a.colors.primary),showIcon:!1,showCollapsedIcon:!1}),t.jsx(Wa,{children:Qn.section[n.sectionId].subTitle})]}),t.jsxs(Pa,{children:[t.jsx(za,{children:n.totalBankBalance!=null?X("0,0",n.totalBankBalance):mt}),t.jsx(Fa,{children:n.totalClearedBalance!=null?X("0,0",n.totalClearedBalance):mt}),t.jsx(Ya,{variance:i,variancePercentage:r}),t.jsx(Va,{children:t.jsx(Da,{heightValue:e})}),t.jsx(Ta,{})]})]})})}const Ya=({variance:e,variancePercentage:n})=>{const o=ue(),i=new I(o.colors.hero),r=new I(o.colors.hero),a=new I(o.colors.background),s=e!=null&&e.amount===0?"0%":n!=null?n===0?"0%":`${n.toFixed(2)}${Ha}`:mt;return t.jsxs(Ra,{children:[t.jsx(Ea,{textColor:i,children:e!=null?X("0,0",e):mt}),t.jsx(Ga,{textColor:r,bgColor:a,children:s})]})},j={balanceHeight:d.sp4,balanceHeightInPx:_[4],balanceWidth:"166px",balanceWidthInPx:166,loadingBalanceWidthInPx:128,smallLoadingBalanceWidthInPx:98,balanceLeftMargin:d.sp4,balanceLeftMarginInPx:_[4],titleWidth:new G(200,325,405),loadingInProgressStickySectionWidth:385,get loadingInProgressScrollableSectionWidth(){return`calc(100% - ${this.loadingInProgressStickySectionWidth}px)`},loadingInProgressLargeStickyColumnWidth:194,loadingInProgressSmallStickyColumnWidth:128},me=e=>{switch(e){case"name+balances_actual":case"name+balances_forecast":case"name_only":return!0}},be=e=>{switch(e){case"name+balances_actual":case"name+balances_forecast":return!0;case"name_only":return!1}},Xo={emptyLeftContainer:new G(_[0],_[5])},Ua=l(B)`
+  margin-left: ${e=>e.hasChildren||e.depth===0?d.sp2:d.sp3};
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+  width: ${e=>j.titleWidth.value(e.windowSize)-45*(e.depth+1)}px;
+`,qa=l.div`
+  display: flex;
+  height: ${d.sp6};
+  align-items: center;
+`,Za=l.div`
+  display: flex;
+  height: ${d.sp6};
+  align-items: center;
+`,Qa=l.div`
+  height: ${d.sp6};
+  width: ${d.sp3};
+`,Ja=l.div`
+  width: 14px;
+  height: ${d.sp1};
+`,Xa=l.div`
+  width: ${d.sp2};
+  height: ${d.sp1};
+`,ei=l.div`
+  width: ${e=>Xo.emptyLeftContainer.valuePx(e.windowSize)};
+  height: ${d.sp1};
+`,Ee=l.div`
+  display: flex;
+`,el=({ancestorMetadata:e,depth:n,name:o})=>t.jsx(t.Fragment,{children:n>0?[...Array(n).keys()].map(i=>{const r=e[i];return t.jsxs(Ee,{children:[r.depth===0?t.jsx(Hn,{depth:r.depth}):null,r.depth>=1?r.hasSibling&&!r.isLastNode?t.jsx(De,{},i):t.jsx(jt,{}):null,r.depth>=1?t.jsx(Hn,{depth:r.depth}):null]},o+i)}):null}),ti=({ancestorMetadata:e,depth:n,name:o})=>{const i=W();return n===0?e[n].hasChildren===!1?t.jsx(ei,{windowSize:i}):t.jsxs(Ee,{children:[t.jsx(it,{depth:n}),t.jsx(De,{}),t.jsx(it,{depth:n+1})]}):t.jsxs(t.Fragment,{children:[[...Array(n+1).keys()].map(r=>{const a=e[r],s=r!==n?e[r+1]:void 0;return t.jsxs(Ee,{children:[a.depth===0?t.jsx(it,{depth:a.depth}):null,r>=2||r===1&&(n===r?a.hasChildren===!0:s!=null&&!s.isLastNode)?n===1?t.jsx(Gn,{index:1}):t.jsx(Gn,{index:2}):null,(n===r?a.hasChildren!==!0:s==null||s.isLastNode)?t.jsx(jt,{}):t.jsx(De,{},r),t.jsx(it,{depth:a.depth+1})]},o+r)}),n===1&&e[n].hasChildren!=1?t.jsx(Xa,{}):null]})},ni=({ancestorMetadata:e,depth:n,name:o})=>n===0?t.jsx(Ja,{}):t.jsx(t.Fragment,{children:[...Array(n).keys()].map(i=>{const r=e[i],a=i!==n?e[i+1]:void 0;return t.jsxs(Ee,{children:[r!=null&&r.depth===0?t.jsx(xt,{depth:r.depth}):null,a==null||a.isLastNode?t.jsx(jt,{}):t.jsx(De,{},i),t.jsx(xt,{depth:r!=null?r.depth+1:0})]},o+i)})}),tl=({ancestorMetadata:e,depth:n,name:o})=>t.jsx(t.Fragment,{children:n>0?[...Array(n).keys()].map(i=>{const r=e[i];return r==null?null:t.jsxs(Ee,{children:[r.depth===0?t.jsx(xt,{depth:r.depth}):null,r.depth>=1?r.hasSibling&&!r.isLastNode?t.jsx(De,{},i):t.jsx(jt,{}):null,r.depth>=1?t.jsx(xt,{depth:r.depth}):null]},o+i)}):null}),nl=({depth:e,isLastNode:n,isLeaf:o,hasSiblings:i,hasChildren:r,collapsed:a,onIconClick:s})=>{let c=t.jsx(Qa,{});return e===0&&r&&(c=t.jsx(zr,{collapsed:a,onIconClick:s})),e>0&&(r&&!i&&n&&(c=t.jsx(Kn,{collapsed:a,onIconClick:s})),o&&i&&n&&(c=t.jsx(Yn,{})),o&&i&&!n&&(c=t.jsx(Fr,{})),r&&i&&!n&&(c=t.jsx(Tr,{collapsed:a,onIconClick:s})),r&&i&&n&&(c=t.jsx(Kn,{collapsed:a,onIconClick:s})),n&&o&&(c=t.jsx(Yn,{}))),c},ol=({depth:e,isLastNode:n,isLeaf:o,hasSiblings:i,hasChildren:r,collapsed:a,onIconClick:s})=>t.jsx(Za,{children:t.jsx(nl,{depth:e,isLastNode:n,isLeaf:o,hasSiblings:i,hasChildren:r,collapsed:a,onIconClick:s})});function oi(e){const{displayName:n}=e;e.depth>4&&console.warn("cannot handle depth more than 4");const o=W();return t.jsxs(qa,{children:[e.classDepth!=null?t.jsx(ti,{ancestorMetadata:e.classAnscestorMetadata??[],depth:e.classDepth,name:e.displayName}):e.noMarginForAccount===!1?t.jsx(ei,{windowSize:o}):null,t.jsx(tl,{ancestorMetadata:e.subAccountAnscestorMetadata,depth:e.depth,name:e.displayName}),t.jsx(ol,{...e}),t.jsx(Ua,{onClick:()=>e.onNameClick?.(),hasChildren:e.hasChildren,depth:e.depth,windowSize:o,title:n,children:n})]})}const q={balanceHeight:d.sp4,balanceWidth:"166px",balanceLeftMargin:d.sp4,titleWidth:new G(200,325,405),nameLogoWidth:new G(_[4],_[4]),nameLogoHeight:new G(_[4],_[4])},at=[new G(_[4],_[8]),new G(44,76),new G(69,102),new G(93,124),new G(113,143)],il=l.div`
+  display: flex;
+  flex: 1 1 auto;
+  max-height: 1px;
+  background-color: ${e=>e.isScrolling?"transparent":e.theme.colors.hero};
+`,rl=l.div`
+  display: flex;
+  flex: 1 1 auto;
+  flex-flow: row;
+  justify-content: flex-start;
+  align-items: center;
+`,al=l.div`
+  display: flex;
+  flex-direction: row;
+  flex-shrink: 2;
+  flex-grow: 1;
+  align-items: center;
+  background-color: ${e=>e.theme.colors.grey4};
+  width: ${e=>q.titleWidth.valuePx(e.windowSize)};
+  max-width: ${e=>q.titleWidth.valuePx(e.windowSize)};
+  ${({isSticky:e})=>e?D`
+          position: -webkit-sticky;
+          position: sticky;
+          top: ${d.sp0};
+          left: ${d.sp0};
+        `:null}
+`,ll=l.div`
+  width: ${e=>e.noMarginForEntity?at[e.nestingLevel].value(e.windowSize)-_[5]:at[e.nestingLevel].value(e.windowSize)}px;
+  max-width: ${e=>e.noMarginForEntity?at[e.nestingLevel].value(e.windowSize)-_[5]:at[e.nestingLevel].value(e.windowSize)}px;
+  height: 1px;
+`,sl=l.div`
+  display: flex;
+  flex: 1 1 auto;
+  max-height: 1px;
+  height: 1px;
+  background-color: ${e=>e.isScrolling?"transparent":e.colour};
+`,cl=l.div`
+  display: flex;
+  flex: 1 1 auto;
+  max-height: 1px;
+  height: 1px;
+  background-color: ${e=>e.isScrolling?"transparent":e.colour};
+`,Jn=e=>{const n=W(),o=ue();return t.jsxs(rl,{"data-testid":b("sub-entity-separator",e.isTotal?"subtotal_row_separator":"vendor_row_separator"),children:[t.jsxs(al,{windowSize:n,isSticky:e.isSticky,"data-testid":b("sub-entity-name-container","vendor_row_separator"),children:[t.jsx(ll,{"data-testid":b("sub-entity-empty-container","vendor_row_separator"),nestingLevel:e.nestingLevel,noMarginForEntity:e.noMarginForEntity,windowSize:n}),t.jsx(sl,{"data-testid":b("sub-entity-name-seperator","vendor_row_separator"),isScrolling:e.isScrolling,colour:e.isTotal?o.colors.grey1:o.colors.grey3})]}),t.jsx(cl,{"data-testid":b("sub-entity-remaining-seperator","vendor_row_separator"),isScrolling:e.isScrolling,colour:e.isTotal?o.colors.grey1:o.colors.grey3})]})};function Kt({kind:e,isScrolling:n,subEntityProps:o}){switch(e){case"vendor_row_separator":return t.jsx(Jn,{nestingLevel:o?.nestingLevel??0,isScrolling:n,isSticky:o?.isSticky??!1,isTotal:!1,noMarginForEntity:o?.noMarginForEntity??!0});case"end_row_separator":return t.jsx(il,{"data-testid":b("end-row-separator",e),isScrolling:n});case"subtotal_row_separator":return t.jsx(Jn,{nestingLevel:o?.nestingLevel??1,isScrolling:n,isSticky:o?.isSticky??!1,isTotal:!0,noMarginForEntity:o?.noMarginForEntity??!1})}}const ii=l.div`
+  display: flex;
+  flex: 1 1 auto;
+  width: fit-content;
+  min-width: 100%;
+  flex-direction: column;
+  height: ${e=>e.containerHeight}px;
+  background-color: ${e=>e.bgColor?.hex()};
+`,ri=l.div`
+  user-select: none;
+  display: flex;
+  flex: 1 1 auto;
+  flex-flow: row;
+  justify-content: flex-start;
+  align-items: center;
+  height: ${e=>e.containerHeight}px;
+  &:hover {
+    color: ${e=>e.isClickable?e.theme.colors.primary:e.theme.colors.hero};
+  }
+`,ai=l.div`
+  display: flex;
+  flex: 1 0 auto;
+  flex-direction: row;
+  justify-content: flex-end;
+`,li=l.div`
+  display: flex;
+  flex-direction: row;
+  justify-content: flex-start;
+`,si=l(B)`
+  user-select: none;
+  min-width: ${q.balanceWidth};
+  max-width: ${q.balanceWidth};
+  text-align: right;
+  margin-left: ${q.balanceLeftMargin};
+  border: 1px solid transparent;
+  color: ${e=>e.theme.colors.hero};
+  cursor: ${e=>e.isClickable?"pointer":"default"};
+  &:hover {
+    color: ${e=>e.isClickable?e.theme.colors.primary:e.theme.colors.hero};
+  }
+`,dl=l(B)`
+  user-select: none;
+  clear: both;
+  display: inline-block;
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+  text-align: left;
+  margin-left: ${d.sp2};
+`,ci=l.div`
+  display: flex;
+  flex-direction: row;
+  flex-shrink: 2;
+  flex-grow: 1;
+  align-items: center;
+  height: ${e=>e.containerHeight}px;
+  width: ${e=>q.titleWidth.valuePx(e.windowSize)};
+  max-width: ${e=>q.titleWidth.valuePx(e.windowSize)};
+  background-color: ${e=>e.bgColor?.hex()};
+  ${({isSticky:e})=>e?D`
+          position: sticky;
+          top: ${d.sp0};
+          left: ${d.sp0};
+        `:null}
+  cursor: pointer;
+  color: ${e=>e.theme.colors.hero};
+  &:hover {
+    color: ${e=>e.theme.colors.primary};
+  }
+`,di=({balance:e,isOpen:n})=>{const o=n?e?.balance:e?.totalBalance;return t.jsx(li,{children:t.jsx(si,{isClickable:!1,onClick:()=>null,children:X("0,0",o)})})},hi=({total:e})=>t.jsx(li,{children:t.jsx(si,{isClickable:!1,onClick:()=>null,children:X("0,0",e)})});function hl({isSticky:e,height:n,isScrolling:o,isLastNode:i,balances:r,total:a,vendor:s,backgroundColor:c,onEntityNameClick:h}){const g=W(),p=s?.name??"";return t.jsxs(ii,{"data-testid":b("ap-aging-report-row-root-container",p),containerHeight:n,bgColor:c,windowSize:g,children:[t.jsxs(ri,{"data-testid":b("ap-aging-report-row-container",p),style:{cursor:"default"},isClickable:!1,containerHeight:n-1,children:[t.jsxs(ci,{onClick:()=>s?.id!=null?h?.(s.id):void 0,isSticky:e,windowSize:g,bgColor:c,containerHeight:n-1,children:[s?.logo!=null?t.jsx(on,{photoUrl:s.logo.toString(),styles:{width:q.nameLogoWidth.valuePx(g),height:q.nameLogoHeight.valuePx(g)}}):t.jsx(rn,{name:p??"",size:d.sp4}),t.jsx(dl,{children:p})]}),t.jsxs(ai,{"data-testid":b("ap-aging-report-row-balances-container",p),children:[r.map(u=>t.jsx(di,{balance:u,isOpen:!0},u?.period)),t.jsx(hi,{total:a})]})]}),t.jsx(ui,{isScrolling:o,isLastNode:i})]})}function ul({treeNodeId:e,isSticky:n,height:o,isScrolling:i,isLastNode:r,isOpen:a,balances:s,total:c,totalWithChildren:h,nestedCustomer:g,metadata:p,backgroundColor:u,onEntityNameClick:f,onClick:x}){const w=W(),m=p,k=g?.customer.name??"",y=g!=null?g.id.length-1:0,v=g?.hasSiblings??!1,S=g!=null&&g.children.length!==0,$=S,C=$?"pointer":"default",L=g!=null&&g.isLeafCustomer;return t.jsxs(ii,{"data-testid":b("ar-aging-report-row-root-container",e),containerHeight:o,bgColor:u,windowSize:w,children:[t.jsxs(ri,{"data-testid":b("ar-aging-report-row-container",e),style:{cursor:C},isClickable:$,containerHeight:o-1,children:[t.jsx(ci,{"data-testid":b("ar-aging-report-row-name-container",e),isSticky:n,windowSize:w,bgColor:u,containerHeight:o-1,children:t.jsx(oi,{displayName:k,depth:y,isLastNode:r,hasChildren:S,hasSiblings:v,isLeaf:L,collapsed:!a,subAccountAnscestorMetadata:m.vendorOrCustomerAncestorMetadata,classAnscestorMetadata:[],noMarginForAccount:!0,onIconClick:()=>{x?.(e)},onNameClick:()=>g?.id[0]!=null?f?.(g.id[0]):void 0})}),t.jsxs(ai,{children:[s.map(O=>t.jsx(di,{balance:O,isOpen:a},O?.period)),t.jsx(hi,{total:a?c:h})]})]}),t.jsx(ui,{isScrolling:i,subEntityProps:{nestingLevel:y,isSticky:n,noMarginForEntity:!0}})]})}function ui({isScrolling:e,isLastNode:n=!1,subEntityProps:o}){return n?t.jsx(Kt,{isScrolling:e,kind:"end_row_separator",subEntityProps:o}):t.jsx(Kt,{isScrolling:e,kind:"vendor_row_separator",subEntityProps:o})}const pl=l.div`
+  user-select: none;
+  display: flex;
+  flex: 1 1 auto;
+  width: fit-content;
+  min-width: 100%;
+  height: ${e=>e.height}px;
+  flex-flow: row;
+  justify-content: flex-start;
+  align-items: center;
+  background-color: ${e=>e.bgColor?.hex()};
+`,gl=l.div`
+  display: flex;
+  flex: 1 0 auto;
+  flex-direction: row;
+  justify-content: flex-end;
+`,pi=l.div`
+  display: flex;
+  max-height: ${d.sp8};
+  min-height: ${d.sp8};
+  min-width: ${q.balanceWidth};
+  justify-content: center;
+  align-items: center;
+  background-color: ${e=>e.theme.colors.background};
+  border: 1px solid ${e=>e.theme.colors.grey3};
+  border-radius: ${d.sp2};
+  margin-left: ${q.balanceLeftMargin};
+  color: ${e=>e.theme.colors.primary};
+`,gi=l(B)`
+  display: flex;
+  user-select: none;
+  flex-direction: row;
+  justify-content: center;
+  align-items: center;
+  height: ${q.balanceHeight};
+  max-width: ${q.balanceWidth};
+  width: 138px;
+  text-align: center;
+  column-gap: ${d.sp1};
+  color: ${e=>e.active===!0?e.theme.colors.primary:e.theme.colors.champion};
+`,fl=l.div`
+  max-height: ${d.sp8};
+  min-height: ${d.sp8};
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  min-width: ${e=>q.titleWidth.valuePx(e.windowSize)};
+  color: ${e=>e.theme.colors.primary};
+  background-color: ${e=>e.bgColor?.hex()};
+  ${e=>e.isSticky?D`
+          position: -webkit-sticky;
+          position: sticky;
+          top: ${d.sp0};
+          left: ${d.sp0};
+        `:""}
+`,xl=l(B)`
+  display: flex;
+  align-items: center;
+  cursor: pointer;
+  column-gap: ${d.sp1};
+  color: ${e=>e.active===!0?e.theme.colors.primary:e.theme.colors.champion};
+`,fi=l.div`
+  max-height: ${d.sp8};
+  min-height: ${d.sp8};
+  cursor: pointer;
+`,bn=l.div`
+  display: flex;
+  column-gap: ${d.sp1};
+  cursor: pointer;
+  align-items: center;
+  color: ${e=>e.selectedForSort?e.theme.colors.primary:e.theme.colors.hero};
+`,xi=l.div``,mi=l(Eo)`
+  width: 12px;
+  height: 12px;
+  cursor: pointer;
+  color: ${e=>e.theme.colors.hero};
+`,kn=l(hn)`
+  width: 12px;
+  height: 12px;
+`,Sn=l(dn)`
+  width: 12px;
+  height: 12px;
+`,ml=({reportId:e,sortKey:n,sortOrder:o="ascending",onSortOrderChanged:i})=>{const r=e==="accounts_payable_aging"?"vendor":"customer",a=n===r?o:"ascending";return t.jsxs(xl,{active:n===r,"data-testid":b("duration-row-vendor-title",e),children:[r==="vendor"?M.getLocalizedStrings().reports.aging.apAging.vendor:M.getLocalizedStrings().reports.aging.arAging.customer,t.jsx(bn,{selectedForSort:n===r,children:t.jsx(xi,{"data-testid":b("duration-row-vendor-sort-icon",e),onClick:()=>{i?.(jn(o),r)},children:a==="ascending"?t.jsx(Sn,{}):t.jsx(kn,{})})}),t.jsx(ft,{controller:n===r,children:t.jsx(mi,{"data-testid":b("duration-row-vendor-sort-cancel-icon",e),onClick:()=>wi({onSortOrderChanged:i})})})]})},wi=({onSortOrderChanged:e})=>{e?.("descending","total")},wl=({agingPeriod:e,sortKey:n="vendor",sortOrder:o="ascending",onSortOrderChanged:i})=>{const r=n===e?o:"ascending";return t.jsx(fi,{"data-testid":b("duration-row-tick-container",e),children:t.jsx(pi,{"data-testid":b("duration-row-tick-element-container",e),children:t.jsxs(gi,{active:n===e,"data-testid":b("duration-row-timeframe-tick",e),children:[M.getLocalizedStrings().reports.aging.duration[e],t.jsxs(bn,{selectedForSort:n===e,"data-testid":b("duration-row-sort-container",e),children:[t.jsx(xi,{"data-testid":b("duration-row-sort-icon",e),onClick:()=>{i?.(jn(o),e)},children:r==="ascending"?t.jsx(Sn,{}):t.jsx(kn,{})}),t.jsx(ft,{controller:n===e,children:t.jsx(mi,{"data-testid":b("duration-row-sort-cancel-icon",e),onClick:()=>wi({onSortOrderChanged:i})})})]})]})})})},yi=({reportId:e,sortKey:n,sortOrder:o="ascending",onSortOrderChanged:i})=>{const r=n==="total"?o:"ascending";return t.jsx(fi,{"data-testid":b("duration-row-entity-total-tick-container",e),onClick:()=>{i?.(jn(o),"total")},children:t.jsx(pi,{"data-testid":b("duration-row-entity-total-tick-element-container",e),children:t.jsxs(gi,{active:n==="total","data-testid":b("duration-row-entity-total-timeframe-tick",e),children:[e==="accounts_payable_aging"?M.getLocalizedStrings().reports.aging.apAging.vendorTotalHeaderLabel:M.getLocalizedStrings().reports.aging.arAging.totalReceivable,t.jsx(bn,{selectedForSort:n==="total","data-testid":b("duration-row-entity-total-sort-container",e),children:r==="ascending"?t.jsx(Sn,{}):t.jsx(kn,{})})]})})})},yl=({reportId:e,agingPeriod:n,sortKey:o="vendor",sortOrder:i="ascending",onSortOrderChanged:r})=>n!=null?t.jsx(wl,{sortKey:o,sortOrder:i,onSortOrderChanged:r,agingPeriod:n}):t.jsx(yi,{reportId:e,sortKey:o,sortOrder:i,onSortOrderChanged:r});function bl({reportId:e,isSticky:n,height:o,agingPeriods:i,sortKey:r,sortOrder:a,backgroundColor:s,onSortOrderChanged:c}){const h=W();return t.jsxs(pl,{height:o,bgColor:s,"data-testid":b("duration-row-root-container",e),children:[t.jsx(fl,{"data-testid":b("duration-row-placeholder-name",e),isSticky:n,windowSize:h,bgColor:s,children:t.jsx(ml,{reportId:e,sortKey:r,sortOrder:a,onSortOrderChanged:c})}),t.jsxs(gl,{children:[i.map(g=>t.jsx(yl,{reportId:e,agingPeriod:g,sortKey:r,sortOrder:a,onSortOrderChanged:c},g)),t.jsx(yi,{reportId:e,sortKey:r,sortOrder:a,onSortOrderChanged:c})]})]})}const jn=e=>e==="ascending"?"descending":"ascending",kl=[10,14,20,20,20],Sl=l.div`
+  display: flex;
+  flex: 1 1 auto;
+  width: fit-content;
+  min-width: 100%;
+  flex-direction: column;
+  height: ${e=>e.containerHeight}px;
+  background-color: ${e=>e.bgColor?.hex()};
+`,jl=l.div`
+  user-select: none;
+  display: flex;
+  flex: 1 1 auto;
+  flex-flow: row;
+  justify-content: flex-start;
+  align-items: center;
+`,vl=l.div`
+  display: flex;
+  flex: 1 0 auto;
+  flex-direction: row;
+  justify-content: flex-end;
+`,bi=l.div`
+  display: flex;
+  flex-direction: row;
+  justify-content: flex-start;
+`,ki=l(B)`
+  user-select: none;
+  min-width: ${q.balanceWidth};
+  max-width: ${q.balanceWidth};
+  text-align: right;
+  margin-left: ${q.balanceLeftMargin};
+  color: ${e=>e.theme.colors.primary};
+  cursor: ${e=>e.isClickable?"pointer":"default"};
+`,Cl=l.div`
+  display: flex;
+  flex-direction: row;
+  flex-shrink: 2;
+  flex-grow: 1;
+  align-items: center;
+  height: ${e=>e.containerHeight-1}px;
+  width: ${e=>q.titleWidth.valuePx(e.windowSize)};
+  max-width: ${e=>q.titleWidth.valuePx(e.windowSize)};
+  background-color: ${e=>e.bgColor?.hex()};
+  ${({isSticky:e})=>e?D`
+          position: sticky;
+          top: ${d.sp0};
+          left: ${d.sp0};
+        `:null}
+`,_l=l(B)`
+  user-select: none;
+  clear: both;
+  display: inline-block;
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+  text-align: left;
+  margin-left: ${e=>kl[e.depth]}px;
+  color: ${e=>e.theme.colors.primary};
+  width: ${e=>q.titleWidth.value(e.windowSize)-e.depth*_[11]}px;
+`,$l=({balance:e})=>t.jsx(bi,{children:t.jsx(ki,{isClickable:!1,onClick:()=>null,children:X("0,0",e?.totalBalance)})}),Ll=({total:e})=>t.jsx(bi,{children:t.jsx(ki,{isClickable:!1,onClick:()=>null,children:X("0,0",e)})});function Bl({backgroundColor:e,isSticky:n,height:o,noMarginForEntity:i,isScrolling:r,total:a,nestedCustomer:s,metadata:c}){const h=W(),{common:{strings:{empty:g}},reports:{sections:p}}=M.getLocalizedStrings(),u=s!=null?s.id.length-1:0,f=c,x=s?.customer.name??g;return t.jsxs(Sl,{"data-testid":"sub-customer-total-row-root-container",containerHeight:o,bgColor:e,children:[t.jsxs(jl,{"data-testid":"sub-customer-total-row-container",children:[t.jsxs(Cl,{isSticky:n,windowSize:h,bgColor:e,containerHeight:o,children:[t.jsx(ni,{ancestorMetadata:f.vendorOrCustomerAncestorMetadata,depth:u,name:x}),t.jsx(_l,{isClickable:!1,title:x,depth:u,windowSize:h,children:p.totalPrefix+" "+x})]}),t.jsxs(vl,{children:[s?.arAgingBalances.map((w,m)=>t.jsx($l,{balance:w},m)),t.jsx(Ll,{total:a})]})]}),t.jsx(Al,{isScrolling:r,nestingLevel:u,isSticky:n,noMarginForEntity:i})]})}function Al({isScrolling:e,nestingLevel:n,isSticky:o,noMarginForEntity:i}){return t.jsx(Kt,{isScrolling:e,kind:"subtotal_row_separator",subEntityProps:{nestingLevel:n,isSticky:o,noMarginForEntity:i}})}const se=e=>{switch(e){case"name+balances_actual":return!0;case"name+balances_forecast":case"name_only":return!1}},Ge=e=>{switch(e){case"name+balances_forecast":return!0;case"name+balances_actual":case"name_only":return!1}},Ol=l.div`
+  display: flex;
+  flex: 1 1 auto;
+  width: fit-content;
+  min-width: 100%;
+  flex-direction: column;
+  height: ${e=>e.height}px;
+  background-color: ${e=>e.bgColor?.hex()};
+`,Il=l.div`
+  cursor: default;
+  user-select: none;
+  display: flex;
+  flex: 1 1 auto;
+  flex-flow: row;
+  justify-content: flex-start;
+  align-items: center;
+`,Ml=l.div`
+  display: flex;
+  flex: 1 0 auto;
+  flex-direction: row;
+  justify-content: flex-end;
+`,Si=l.div`
+  display: flex;
+  flex-direction: row;
+  justify-content: flex-start;
+`,ji=l(re)`
+  user-select: none;
+  min-width: ${q.balanceWidth};
+  max-width: ${q.balanceWidth};
+  text-align: right;
+  margin-left: ${q.balanceLeftMargin};
+  color: ${e=>e.theme.colors.primary};
+  border: 1px solid transparent;
+`,Nl=l.div`
+  display: flex;
+  flex-direction: row;
+  flex-shrink: 2;
+  flex-grow: 1;
+  align-items: center;
+  width: ${e=>q.titleWidth.valuePx(e.windowSize)};
+  max-width: ${e=>q.titleWidth.valuePx(e.windowSize)};
+  background-color: ${e=>e.bgColor?.hex()};
+  ${({isSticky:e,isIndented:n})=>e&&n?D`
+          position: -webkit-sticky;
+          position: sticky;
+          top: ${d.sp0};
+          left: ${d.sp4};
+        `:e&&!n?D`
+            position: -webkit-sticky;
+            position: sticky;
+            top: ${d.sp0};
+            left: ${d.sp0};
+          `:null}
+`,Wl=l(re)`
+  user-select: none;
+  clear: both;
+  display: inline-block;
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+  text-align: left;
+  color: ${e=>e.theme.colors.primary};
+`,Pl=({type:e,balance:n})=>t.jsx(Si,{children:se(e)===!0?t.jsx(ji,{children:X("0,0",n?.balance)}):null}),zl=({type:e,balance:n})=>t.jsx(Si,{children:se(e)===!0?t.jsx(ji,{children:X("0,0",n)}):null});function Fl({type:e,isSticky:n,isIndented:o,height:i,title:r,totalBalances:a,backgroundColor:s}){const c=W(),h={amount:a.reduce((g,p)=>g+(p?.balance.amount??0),0),currencyCode:a[0]?.balance.currencyCode??Un.currencyCode,currencySymbol:a[0]?.balance.currencySymbol??Un.currencySymbol};return t.jsx(Ol,{"data-testid":b("total-row-root-container"),height:i,bgColor:s,windowSize:c,children:t.jsxs(Il,{isClickable:!1,"data-testid":b("total-row-container"),children:[t.jsx(Nl,{bgColor:s,isSticky:n,windowSize:c,isIndented:o,children:t.jsx(Wl,{children:r})}),t.jsxs(Ml,{children:[a.map((g,p)=>t.jsx(Pl,{type:e,balance:g},p)),t.jsx(zl,{type:e,balance:h})]})]})})}var Xn,eo,to,no,oo,io,ro,ao;function Tl(){if(no)return to;no=1;var e=eo?Xn:(eo=1,Xn=function(o,i,r){return o==o&&(r!==void 0&&(o=o<=r?o:r),i!==void 0&&(o=o>=i?o:i)),o}),n=No();return to=function(o){return o?e(n(o),0,4294967295):0}}const vi=br(function(){if(ao)return ro;ao=1;var e=function(){if(io)return oo;io=1;var o=No(),i=Tl();return oo=function(r,a,s,c){var h=r.length;for((s=o(s))<0&&(s=-s>h?0:h+s),(c=c===void 0||c>h?h:o(c))<0&&(c+=h),c=s>c?0:i(c);s<c;)r[s++]=a;return r}}(),n=kr();return ro=function(o,i,r,a){var s=o==null?0:o.length;return s?(r&&typeof r!="number"&&n(o,i,r)&&(r=0,a=s),e(o,i,r,a)):[]}}());function wt(e,n,o,i){switch(e){case"cogs":return Vl(o,i,n);case"expenses":return Dl(o,i,n);case"income":return Rl(o,i,n);case"cash_position":return El(o,i,n);case"cash_in":return Gl(o,i,n);case"cash_out":return Hl(o,i,n);case"assets":return Kl(o,i,n);case"equity":return Yl(o,i,n);case"liabilities":return Ul(o,i,n);case"other_expense":return ql(o,i,n);case"other_income":return Zl(o,i,n);case"operating_activities":return Ql(o,i,n);case"investing_activities":return Jl(o,i,n);case"financing_activities":return Xl(o,i,n);default:throw Error(`${e} is not yet supported!`)}}const Vl=(e,n,o)=>{const i={compactedAccountsSelector:()=>[],compactedAccountsSelectorVariant:()=>[],acGroupBalanceSelector:()=>{},acBalanceSelector:()=>{},compactedAccountGroupsSelector:()=>[]};return i.acBalanceSelector=r=>r.cogsInTimeframe,i.compactedAccountsSelector=r=>K(r.accountsWithCogsOrdered,i.acBalanceSelector,e),i.compactedAccountsSelectorVariant=r=>K(r,i.acBalanceSelector,e),i.acGroupBalanceSelector=r=>r.cogsInTimeframe,i.compactedAccountGroupsSelector=r=>ae(r,i.acGroupBalanceSelector,o,n),i},Dl=(e,n,o)=>{const i={compactedAccountsSelector:()=>[],compactedAccountsSelectorVariant:()=>[],acGroupBalanceSelector:()=>{},acBalanceSelector:()=>{},compactedAccountGroupsSelector:()=>[]};return i.acBalanceSelector=r=>r.expensesInTimeframe,i.compactedAccountsSelector=r=>K(r.accountsWithExpensesOrdered,i.acBalanceSelector,e),i.compactedAccountsSelectorVariant=r=>K(r,i.acBalanceSelector,e),i.acGroupBalanceSelector=r=>r.expensesInTimeframe,i.compactedAccountGroupsSelector=r=>ae(r,i.acGroupBalanceSelector,o,n),i},Rl=(e,n,o)=>{const i={compactedAccountsSelector:()=>[],compactedAccountsSelectorVariant:()=>[],acGroupBalanceSelector:()=>{},acBalanceSelector:()=>{},compactedAccountGroupsSelector:()=>[]};return i.acBalanceSelector=r=>r.incomeInTimeframe,i.compactedAccountsSelector=r=>K(r.accountsWithIncomeOrdered,i.acBalanceSelector,e),i.compactedAccountsSelectorVariant=r=>K(r,i.acBalanceSelector,e),i.acGroupBalanceSelector=r=>r.incomeInTimeframe,i.compactedAccountGroupsSelector=r=>ae(r,i.acGroupBalanceSelector,o,n),i},El=(e,n,o)=>{const i={compactedAccountsSelector:()=>[],compactedAccountsSelectorVariant:()=>[],acGroupBalanceSelector:()=>{},acBalanceSelector:()=>{},compactedAccountGroupsSelector:()=>[]};return i.acBalanceSelector=r=>r.cashPositionInTimeframe,i.compactedAccountsSelector=()=>K([],i.acBalanceSelector,e),i.compactedAccountsSelectorVariant=r=>K(r,i.acBalanceSelector,e),i.acGroupBalanceSelector=()=>{},i.compactedAccountGroupsSelector=r=>ae(r,i.acGroupBalanceSelector,o,n),i},Gl=(e,n,o)=>{const i={compactedAccountsSelector:()=>[],compactedAccountsSelectorVariant:()=>[],acGroupBalanceSelector:()=>{},acBalanceSelector:()=>{},compactedAccountGroupsSelector:()=>[]};return i.acBalanceSelector=r=>r.cashInInTimeframe,i.compactedAccountsSelector=r=>K(r.accountsWithCashInOrdered,i.acBalanceSelector,e),i.compactedAccountsSelectorVariant=r=>K(r,i.acBalanceSelector,e),i.acGroupBalanceSelector=r=>r.cashInInTimeframe,i.compactedAccountGroupsSelector=r=>ae(r,i.acGroupBalanceSelector,o,n),i},Hl=(e,n,o)=>{const i={compactedAccountsSelector:()=>[],compactedAccountsSelectorVariant:()=>[],acGroupBalanceSelector:()=>{},acBalanceSelector:()=>{},compactedAccountGroupsSelector:()=>[]};return i.acBalanceSelector=r=>r.cashOutInTimeframe,i.compactedAccountsSelector=r=>K(r.accountsWithCashOutOrdered,i.acBalanceSelector,e),i.compactedAccountsSelectorVariant=r=>K(r,i.acBalanceSelector,e),i.acGroupBalanceSelector=r=>r.cashOutInTimeframe,i.compactedAccountGroupsSelector=r=>ae(r,i.acGroupBalanceSelector,o,n),i},Kl=(e,n,o)=>{const i={compactedAccountsSelector:()=>[],compactedAccountsSelectorVariant:()=>[],acGroupBalanceSelector:()=>{},acBalanceSelector:()=>{},compactedAccountGroupsSelector:()=>[]};return i.acBalanceSelector=r=>r.assetsInTimeframe,i.compactedAccountsSelector=r=>K(r.accountsWithAssetsOrdered,i.acBalanceSelector,e),i.compactedAccountsSelectorVariant=r=>K(r,i.acBalanceSelector,e),i.acGroupBalanceSelector=r=>r.assetsInTimeframe,i.compactedAccountGroupsSelector=r=>ae(r,i.acGroupBalanceSelector,o,n),i},Yl=(e,n,o)=>{const i={compactedAccountsSelector:()=>[],compactedAccountsSelectorVariant:()=>[],acGroupBalanceSelector:()=>{},acBalanceSelector:()=>{},compactedAccountGroupsSelector:()=>[]};return i.acBalanceSelector=r=>r.equityInTimeframe,i.compactedAccountsSelector=r=>K(r.accountsWithEquityOrdered,i.acBalanceSelector,e),i.compactedAccountsSelectorVariant=r=>K(r,i.acBalanceSelector,e),i.acGroupBalanceSelector=r=>r.equityInTimeframe,i.compactedAccountGroupsSelector=r=>ae(r,i.acGroupBalanceSelector,o,n),i},Ul=(e,n,o)=>{const i={compactedAccountsSelector:()=>[],compactedAccountsSelectorVariant:()=>[],acGroupBalanceSelector:()=>{},acBalanceSelector:()=>{},compactedAccountGroupsSelector:()=>[]};return i.acBalanceSelector=r=>r.liabilitiesInTimeframe,i.compactedAccountsSelector=r=>K(r.accountsWithLiabilitiesOrdered,i.acBalanceSelector,e),i.compactedAccountsSelectorVariant=r=>K(r,i.acBalanceSelector,e),i.acGroupBalanceSelector=r=>r.liabilitiesInTimeframe,i.compactedAccountGroupsSelector=r=>ae(r,i.acGroupBalanceSelector,o,n),i},ql=(e,n,o)=>{const i={compactedAccountsSelector:()=>[],compactedAccountsSelectorVariant:()=>[],acGroupBalanceSelector:()=>{},acBalanceSelector:()=>{},compactedAccountGroupsSelector:()=>[]};return i.acBalanceSelector=r=>r.otherExpensesInTimeframe,i.compactedAccountsSelectorVariant=r=>K(r,i.acBalanceSelector,e),i.acGroupBalanceSelector=()=>{},i.compactedAccountGroupsSelector=r=>ae(r,i.acGroupBalanceSelector,o,n),i},Zl=(e,n,o)=>{const i={compactedAccountsSelector:()=>[],compactedAccountsSelectorVariant:()=>[],acGroupBalanceSelector:()=>{},acBalanceSelector:()=>{},compactedAccountGroupsSelector:()=>[]};return i.acBalanceSelector=r=>r.otherIncomeInTimeframe,i.compactedAccountsSelectorVariant=r=>K(r,i.acBalanceSelector,e),i.acGroupBalanceSelector=()=>{},i.compactedAccountGroupsSelector=r=>ae(r,i.acGroupBalanceSelector,o,n),i},Ql=(e,n,o)=>{const i={compactedAccountsSelector:()=>[],compactedAccountsSelectorVariant:()=>[],acGroupBalanceSelector:()=>{},acBalanceSelector:()=>{},compactedAccountGroupsSelector:()=>[]};return i.acBalanceSelector=r=>r.operatingActivitiesInTimeframe,i.compactedAccountsSelector=r=>K(r.accountsWithOperatingActivitiesOrdered,i.acBalanceSelector,e),i.compactedAccountsSelectorVariant=r=>K(r,i.acBalanceSelector,e),i.acGroupBalanceSelector=r=>r.operatingActivitiesInTimeframe,i.compactedAccountGroupsSelector=r=>ae(r,i.acGroupBalanceSelector,o,n),i},Jl=(e,n,o)=>{const i={compactedAccountsSelector:()=>[],compactedAccountsSelectorVariant:()=>[],acGroupBalanceSelector:()=>{},acBalanceSelector:()=>{},compactedAccountGroupsSelector:()=>[]};return i.acBalanceSelector=r=>r.investingActivitiesInTimeframe,i.compactedAccountsSelector=r=>K(r.accountsWithInvestingActivitiesOrdered,i.acBalanceSelector,e),i.compactedAccountsSelectorVariant=r=>K(r,i.acBalanceSelector,e),i.acGroupBalanceSelector=r=>r.investingActivitiesInTimeframe,i.compactedAccountGroupsSelector=r=>ae(r,i.acGroupBalanceSelector,o,n),i},Xl=(e,n,o)=>{const i={compactedAccountsSelector:()=>[],compactedAccountsSelectorVariant:()=>[],acGroupBalanceSelector:()=>{},acBalanceSelector:()=>{},compactedAccountGroupsSelector:()=>[]};return i.acBalanceSelector=r=>r.financingActivitiesInTimeframe,i.compactedAccountsSelector=r=>K(r.accountsWithFinancingActivitiesOrdered,i.acBalanceSelector,e),i.compactedAccountsSelectorVariant=r=>K(r,i.acBalanceSelector,e),i.acGroupBalanceSelector=r=>r.financingActivitiesInTimeframe,i.compactedAccountGroupsSelector=r=>ae(r,i.acGroupBalanceSelector,o,n),i};function K(e,n,o){switch(o){case"off":return e;case"filter_actual_nil_balances":return e.filter(i=>Ci(n(i)?.balances??[]));case"filter_forecast_nil_balances":return e.filter(i=>_i(n(i)?.balances??[]));case"filter_actual_forecast_nil_balances":return e.filter(i=>$i(n(i)?.balances??[]))}}function ae(e,n,o,i){switch(i){case"off":return e;case"filter_actual_nil_account_group_balances":return e.filter(r=>Ci(n(r)?.balances??[]));case"filter_forecast_nil_account_group_balances":return e.filter(r=>_i(n(r)?.balances??[]));case"filter_actual_forecast_nil_account_group_balances":return e.filter(r=>$i(n(r)?.balances??[]));case"filter_actual_forecast_empty_account_group_balances":return e.filter(r=>(n(r)?.balances??[]).length>0)}}function Ci(e){let n=!1;if(e!=null){for(const o of e)if(o.balance.amount!==0){n=!0;break}}return n}function _i(e){let n=!1;if(e!=null){for(const o of e)if(o.forecast!=null&&o.forecast.amount!==0){n=!0;break}}return n}function $i(e){let n=!1;if(e!=null){for(const o of e)if(o.forecast!=null&&o.forecast.amount!==0||o.balance!=null&&o.balance.amount!==0){n=!0;break}}return n}function oe(e,n="ascending_date",o=-1,i=!0){const r=o!==-1;let a=[],s=-1;if(e==null||e.balances.length===0)return r===!0&&(a=Li([],o)),{balances:a,thisPeriodIndex:s};let c=e.balances;return n==="ascending_date"?s=e.balances.length-1:(s=0,c=[...e.balances].reverse()),{balances:[...c,...i?e.additionalBalances:[]],thisPeriodIndex:s}}function lo(e,n="ascending_date",o=-1,i=!0){const r=o!==-1,a=oe(e,n,o,i);if(e==null||e.balances.length===0)return a;const s=[...a.balances];if(e?.totalBalance!=null)s.push(e.totalBalance);else if(r&&e?.totalBalance==null){const c=Li([],1);s.push(...c)}return{balances:s,thisPeriodIndex:a.thisPeriodIndex}}function Pe(e,n){if(n==="ascending_date")return e;{const o=[],i=[];for(const r of e)r.type==="default"?o.push(r):i.push(r);return[...o.reverse(),...i]}}function Li(e,n){return e.length>0?e:vi(Array(n),null)}const es=l.div`
+  display: flex;
+  flex: 1 1 auto;
+  max-height: 1px;
+  background-color: ${e=>e.isScrolling?"transparent":e.theme.colors.hero};
+`,so=l.div`
+  display: flex;
+  flex: 1 1 auto;
+  max-height: 1px;
+  margin-left: ${e=>e.marginLeft}px;
+  background-color: ${e=>e.isScrolling?"transparent":e.theme.colors.grey3};
+`,ts=l.div`
+  display: flex;
+  flex: 1 1 auto;
+  max-height: 1px;
+  background-color: ${e=>e.isScrolling?"transparent":e.theme.colors.hero};
+`;function ns({kind:e,isScrolling:n}){switch(e){case"account_title_row_separator":return t.jsx(so,{marginLeft:_[5],isScrolling:n});case"account_balance_row_separator":return t.jsx(so,{marginLeft:0,isScrolling:n});case"ac_group_row_separator":return t.jsx(es,{isScrolling:n});case"section_row_separator":case"heading_row_separator":return t.jsx(ts,{isScrolling:n})}}const ze={balanceHeight:d.sp4,balanceWidth:"166px",balanceLeftMargin:d.sp4,titleWidth:new G(200,350,405)},os=l.div`
+  display: flex;
+  flex: 1 1 auto;
+  width: fit-content;
+  min-width: 100%;
+  flex-direction: column;
+  height: ${e=>e.height}px;
+  background-color: ${e=>e.bgColor?.hex()};
+`,is=l.div`
+  user-select: none;
+  display: flex;
+  flex: 1 1 auto;
+  flex-flow: row;
+  justify-content: flex-start;
+  align-items: center;
+`,rs=l.div`
+  display: flex;
+  flex: 1 0 auto;
+  flex-direction: row;
+  justify-content: flex-end;
+`,as=l.div`
+  display: flex;
+  flex-direction: row;
+  justify-content: flex-start;
+`,ls=l(B)`
+  user-select: none;
+  color: ${e=>e.theme.colors.hero};
+  min-width: ${ze.balanceWidth};
+  max-width: ${ze.balanceWidth};
+  text-align: right;
+  margin-left: ${ze.balanceLeftMargin};
+`,ss=l.div`
+  display: flex;
+  flex-direction: row;
+  flex-shrink: 2;
+  flex-grow: 1;
+  align-items: center;
+  width: ${e=>ze.titleWidth.valuePx(e.windowSize)};
+  color: ${e=>e.theme.colors.hero};
+  max-width: ${e=>ze.titleWidth.valuePx(e.windowSize)};
+  background-color: ${e=>e.bgColor?.hex()};
+  ${({isSticky:e})=>e?D`
+          position: -webkit-sticky;
+          position: sticky;
+          top: ${d.sp0};
+          left: ${d.sp0};
+        `:null}
+`,cs=l(B)`
+  user-select: none;
+  clear: both;
+  display: inline-block;
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+  text-align: left;
+  margin-left: ${d.sp6};
+`,ds=({balance:e})=>t.jsx(as,{children:t.jsx(ls,{children:ee(e)})});function hs({heading:e,backgroundColor:n,isSticky:o,treeNodeId:i,height:r,totalBalances:a,isScrolling:s,isLastNode:c,onClick:h}){const g=W();return t.jsxs(os,{"data-testid":b("calculated-section-type-1-root-container-row",i),height:r,bgColor:n,windowSize:g,children:[t.jsxs(is,{"data-testid":b("calculated-section-type-1-container-row",i),onClick:()=>h?.(i),children:[t.jsx(ss,{"data-testid":b("calculated-section-type-1-total-container-row",i),bgColor:n,isSticky:o,windowSize:g,children:t.jsx(cs,{children:e})}),t.jsx(rs,{children:a.map((p,u)=>t.jsx(ds,{balance:p},u))})]}),t.jsx(us,{isScrolling:s,isLastNode:c})]})}function us({isScrolling:e,isLastNode:n}){return n===!0?t.jsx(ns,{isScrolling:e,kind:"heading_row_separator"}):null}const ps=l.div`
+  display: flex;
+  flex: 1 1 auto;
+  width: fit-content;
+  min-width: 100%;
+  flex-direction: column;
+  height: ${e=>e.height}px;
+  background-color: ${e=>e.bgColor?.hex()};
+`,gs=l.div`
+  user-select: none;
+  display: flex;
+  flex: 1 1 auto;
+  flex-flow: row;
+  justify-content: flex-start;
+  align-items: center;
+`,fs=l.div`
+  display: flex;
+  flex: 1 0 auto;
+  flex-direction: row;
+  justify-content: flex-end;
+`,xs=l.div`
+  display: flex;
+  flex-direction: row;
+  justify-content: flex-start;
+`,lt=l(Go)`
+  color: ${e=>e.theme.colors.champion};
+  user-select: none;
+  max-width: ${j.balanceWidth};
+  min-width: ${j.balanceWidth};
+  text-align: right;
+  margin-left: ${j.balanceLeftMargin};
+`,ms=l.div`
+  display: flex;
+  flex-direction: row;
+  flex-shrink: 2;
+  flex-grow: 1;
+  align-items: center;
+  width: ${e=>j.titleWidth.valuePx(e.windowSize)};
+  max-width: ${e=>j.titleWidth.valuePx(e.windowSize)};
+  background-color: ${e=>e.bgColor?.hex()};
+  ${({isSticky:e})=>e?D`
+          position: -webkit-sticky;
+          position: sticky;
+          top: ${d.sp0};
+          left: ${d.sp0};
+        `:null}
+`,ws=l(Go)`
+  color: ${e=>e.theme.colors.champion};
+  user-select: none;
+  clear: both;
+  display: inline-block;
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+  text-align: left;
+  background-color: ${e=>e.bgColor?.hex()};
+`,ys=({type:e,balance:n,isActualVsForecastOn:o,compareMode:i})=>t.jsxs(xs,{"data-testid":b("heading-row-balance-element",e),children:[se(e)||o?t.jsx(lt,{"data-testid":b("heading-row-balance-actual",e),children:ee(n)}):t.jsx(lt,{"data-testid":b("heading-row-balance-forecast",e),children:te(n)}),o?t.jsxs(t.Fragment,{children:[t.jsx(lt,{"data-testid":b("heading-row-balance-forecast",e),children:te(n)}),t.jsx(lt,{"data-testid":b("heading-row-balance-actual-vs-forecast",e),children:i==="compare_mode_percent"?pe(n):ge(n)})]}):null]});function bs({type:e,backgroundColor:n,isSticky:o,treeNodeId:i,height:r,heading:a,headingBalances:s,isActualVsForecastOn:c,compareMode:h,isLeaf:g,onClick:p}){const u=W();return t.jsx(ps,{height:r,bgColor:n,"data-testid":b("heading-row-root-container",i),children:t.jsxs(gs,{"data-testid":b("heading-row-container",i),isClickable:!g,onClick:()=>p?.(i),children:[me(e)===!0?t.jsx(ms,{"data-testid":b("heading-row-heading-container",i),isSticky:o,windowSize:u,bgColor:n,children:t.jsx(ws,{children:a})}):null,be(e)===!0?t.jsx(fs,{"data-testid":b("heading-row-balances-container",i),children:s.map((f,x)=>t.jsx(ys,{"data-testid":b("heading-row-balance-element",e),type:e,heading:a,balance:f,isActualVsForecastOn:c,compareMode:h},x))}):null]})})}const vn=(e,n,o,i,r,a,s,c,h,g,p,u)=>{if(o.element.kind!="title_string_only")return null;const f=oe(void 0,o.config.displayOrder,o.element.numOfBalances);return t.jsx(bs,{type:n,backgroundColor:r,isSticky:a,treeNodeId:e,height:i,heading:o.element.title,isActualVsForecastOn:o.config.mode==="actual_vs_forecast",compareMode:p,headingBalances:f.balances,isScrolling:s,isOpen:c,isLeaf:h,isLastNode:g,onClick:x=>{u?.(x)}})};function Bi(e,n){return ks(n)}const ks=(e,n)=>{const o={compactedAccountsSelectorVariant:()=>[],acBalanceSelector:()=>{}};return o.acBalanceSelector=i=>i.balancesInTimeframe,o.compactedAccountsSelectorVariant=i=>function(r,a,s){switch(s){case"off":default:return r;case"filter_actual_nil_balances":return r.filter(c=>function(h){let g=!1;if(h!=null){for(const p of h)if(p.balance.amount!==0){g=!0;break}}return g}(a(c)?.balances??[]))}}(i,o.acBalanceSelector,e),o},st=[new G(_[4],56),new G(44,76),new G(69,102),new G(93,124),new G(113,143)],co=[new G(_[0],_[0]),new G(14,_[4]),new G(67,67),new G(102,102),new G(136,136)],Ss=l.div`
+  display: flex;
+  flex: 1 1 auto;
+  max-height: 1px;
+  background-color: ${e=>e.isScrolling?"transparent":e.theme.colors.grey3};
+`,ho=l.div`
+  display: flex;
+  flex: 1 1 auto;
+  max-height: 1px;
+  background-color: ${e=>e.isScrolling?"transparent":e.theme.colors.grey4};
+`,js=l.div`
+  display: flex;
+  flex: 1 1 auto;
+  flex-flow: row;
+  justify-content: flex-start;
+  align-items: center;
+`,vs=l.div`
+  display: flex;
+  flex-direction: row;
+  flex-shrink: 2;
+  flex-grow: 1;
+  align-items: center;
+  background-color: ${e=>e.theme.colors.grey4};
+  width: ${e=>j.titleWidth.valuePx(e.windowSize)};
+  max-width: ${e=>j.titleWidth.valuePx(e.windowSize)};
+  ${({isSticky:e})=>e?D`
+          position: -webkit-sticky;
+          position: sticky;
+          top: ${d.sp0};
+          left: ${d.sp0};
+        `:null}
+`,Cs=l.div`
+  width: ${e=>e.noMarginForAccount?st[e.nestingLevel].value(e.windowSize)-_[5]:st[e.nestingLevel].value(e.windowSize)}px;
+  max-width: ${e=>e.noMarginForAccount?st[e.nestingLevel].value(e.windowSize)-_[5]:st[e.nestingLevel].value(e.windowSize)}px;
+  height: 1px;
+`,_s=l.div`
+  width: ${e=>co[e.classDepth].valuePx(e.windowSize)};
+  max-width: ${e=>co[e.classDepth].valuePx(e.windowSize)};
+  height: 1px;
+`,$s=l.div`
+  display: flex;
+  flex: 1 1 auto;
+  max-height: 1px;
+  height: 1px;
+  background-color: ${e=>e.isScrolling?"transparent":e.colour};
+`,Ls=l.div`
+  display: flex;
+  flex: 1 1 auto;
+  max-height: 1px;
+  height: 1px;
+  background-color: ${e=>e.isScrolling?"transparent":e.colour};
+`,Bs=l.div`
+  display: flex;
+  flex: 1 1 auto;
+  max-height: 1px;
+  background-color: ${e=>e.isScrolling?"transparent":e.theme.colors.hero};
+`,uo=e=>{const n=W(),o=ue();return t.jsxs(js,{children:[t.jsxs(vs,{windowSize:n,isSticky:e.isSticky,children:[e.classDepth!=null?t.jsx(_s,{classDepth:e.classDepth,windowSize:n}):null,t.jsx(Cs,{nestingLevel:e.nestingLevel,noMarginForAccount:e.noMarginForAccount,windowSize:n}),t.jsx($s,{isScrolling:e.isScrolling,colour:e.isTotal?o.colors.grey1:o.colors.grey3})]}),t.jsx(Ls,{isScrolling:e.isScrolling,colour:e.isTotal?o.colors.grey1:o.colors.grey3})]})};function ke({kind:e,isScrolling:n,subAccountProps:o}){switch(e){case"account_title_row_separator":return t.jsx(ho,{marginLeft:_[5],isScrolling:n});case"sub_account_balance_row_separator":return t.jsx(uo,{nestingLevel:o?.nestingLevel??1,isScrolling:n,isSticky:o?.isSticky??!1,isTotal:!1,classDepth:o?.classDepth,noMarginForAccount:o?.noMarginForAccount??!1});case"account_balance_row_separator":return t.jsx(ho,{marginLeft:0,isScrolling:n});case"ac_group_row_separator":return t.jsx(Ss,{isScrolling:n});case"section_row_separator":case"heading_row_separator":return t.jsx(Bs,{isScrolling:n});case"total_row_separator":return t.jsx(uo,{nestingLevel:o?.nestingLevel??1,isScrolling:n,isSticky:o?.isSticky??!1,isTotal:!0,classDepth:o?.classDepth,noMarginForAccount:o?.noMarginForAccount??!1})}}function Ai({height:e,backgroundColor:n,title:o,numOfBalances:i=6}){let r=null;const a=W()!=="small";switch(o!=null?o.split("+")[1]:""){case"section-row":r=t.jsx(As,{columns:i,isSticky:a});break;case"root-class-row":r=t.jsx(Os,{columns:i,isSticky:a});break;case"sub-class-row":r=t.jsx(Is,{columns:i,isSticky:a});break;case"leaf-class-row":r=t.jsxs(t.Fragment,{children:[t.jsx(Ms,{columns:i,isSticky:a}),t.jsx(ke,{isScrolling:!1,kind:"sub_account_balance_row_separator",subAccountProps:{isSticky:!0,nestingLevel:0,noMarginForAccount:!1}})]})}return t.jsx(Ws,{height:e,bgColor:n,children:r})}const As=({columns:e,isSticky:n})=>t.jsxs(Be,{children:[t.jsxs(Ct,{isSticky:n,width:j.loadingInProgressStickySectionWidth,className:"account-title",children:[t.jsx(Ke,{width:_[4],height:_[4]}),t.jsx(Z,{width:j.loadingInProgressSmallStickyColumnWidth,height:j.balanceHeightInPx})]}),t.jsx(vt,{columns:e,rectangleWidth:j.loadingBalanceWidthInPx})]}),Os=({columns:e,isSticky:n})=>t.jsxs(Be,{children:[t.jsxs(Ct,{isSticky:n,width:j.loadingInProgressStickySectionWidth,className:"account-title",children:[t.jsx(Ke,{width:_[4],height:_[4]}),t.jsx(Z,{width:j.loadingInProgressLargeStickyColumnWidth,height:j.balanceHeightInPx})]}),t.jsx(vt,{columns:e,rectangleWidth:j.smallLoadingBalanceWidthInPx})]}),Is=({columns:e,isSticky:n})=>t.jsxs(Be,{children:[t.jsx(Ct,{isSticky:n,width:j.loadingInProgressStickySectionWidth,className:"account-title",children:t.jsxs(Be,{style:{marginLeft:"36px"},children:[t.jsx(Ke,{width:_[4],height:_[4]}),t.jsx(Z,{width:j.loadingInProgressLargeStickyColumnWidth,height:j.balanceHeightInPx,style:{marginLeft:_[4]}})]})}),t.jsx(vt,{columns:e,rectangleWidth:j.smallLoadingBalanceWidthInPx})]}),Ms=({columns:e,isSticky:n})=>t.jsxs(Be,{children:[t.jsx(Ct,{isSticky:n,width:j.loadingInProgressStickySectionWidth,className:"account-title",children:t.jsx(Be,{style:{marginLeft:"84px"},children:t.jsx(Z,{width:j.loadingInProgressSmallStickyColumnWidth,height:j.balanceHeightInPx})})}),t.jsx(vt,{columns:e,rectangleWidth:j.smallLoadingBalanceWidthInPx})]}),Ns=({rectangleWidth:e})=>t.jsx(Oi,{width:j.balanceWidthInPx,children:t.jsx(Z,{width:e,height:j.balanceHeightInPx})}),vt=({columns:e,rectangleWidth:n})=>t.jsx(Ps,{style:{zIndex:9,width:j.loadingInProgressScrollableSectionWidth},children:Array.from({length:e}).map((o,i)=>t.jsx(Ns,{rectangleWidth:n},i))}),Ws=l.div`
+  display: flex;
+  flex: 1 1 auto;
+  width: fit-content;
+  min-width: 100%;
+  flex-direction: column;
+  height: ${e=>e.height}px;
+  background-color: ${e=>e.bgColor?.hex()??e.theme.colors.grey4};
+`,Be=l.div`
+  user-select: none;
+  display: flex;
+  flex: 1 1 auto;
+  flex-flow: row;
+  justify-content: flex-start;
+  align-items: center;
+  min-height: 0;
+`,Ps=l.div`
+  display: flex;
+  flex: 1 0 auto;
+  flex-direction: row;
+  justify-content: flex-end;
+`,Oi=l.div`
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  min-width: ${e=>typeof e.width=="string"?e.width:`${e.width}px`};
+  margin-right: ${j.balanceLeftMargin};
+  gap: ${j.balanceLeftMargin};
+  justify-content: flex-end;
+`,Ct=l(Oi)`
+  position: ${e=>e.isSticky===!0?"sticky":"static"};
+  left: ${d.sp0};
+  z-index: 10;
+  background-color: ${e=>e.theme.colors.grey4};
+  justify-content: flex-start;
+`;function Ii({height:e,numOfBalances:n,backgroundColor:o}){const i=W();return t.jsx(zs,{height:e,bgColor:o,children:t.jsxs(Fs,{windowSize:i,children:[t.jsx(Ts,{windowSize:i,width:`${j.loadingInProgressStickySectionWidth}px`,marginRight:0}),t.jsx(Vs,{children:Array.from({length:n},(r,a)=>t.jsx(Mi,{windowSize:i,width:j.balanceWidth,children:t.jsx(Z,{width:j.balanceWidthInPx,height:_[6]})},`timeframe-balance-${a}`))})]})})}const zs=l.div`
+  display: flex;
+  flex: 1 1 auto;
+  width: fit-content;
+  min-width: 100%;
+  flex-direction: column;
+  height: ${e=>e.height}px;
+  background-color: ${e=>e.bgColor?.hex()};
+  margin-top: 20px;
+`,Fs=l.div`
+  display: flex;
+  flex-direction: row;
+  width: 100%;
+`,Mi=l.div`
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  margin-right: ${e=>e.marginRight!=null?`${e.marginRight}px`:d.sp4};
+  min-width: ${e=>typeof e.width=="string"?e.width:`${e.width}px`};
+  color: ${e=>e.theme.colors.primary};
+  background-color: ${e=>e.theme.colors.grey4};
+  justify-content: flex-end;
+  :first-of-type {
+    justify-content: flex-start;
+  }
+  margin-right: ${j.balanceLeftMargin};
+`,Ts=l(Mi)`
+  position: sticky;
+  left: ${d.sp0};
+  z-index: 10;
+  background-color: ${e=>e.theme.colors.grey4};
+`,Vs=l.div`
+  display: flex;
+  flex-direction: row;
+  width: calc(100% - ${j.loadingInProgressStickySectionWidth}px);
+  justify-content: flex-end;
+  flex: 1 0 auto;
+`,Ds=l.div`
+  display: flex;
+  flex: 1 1 auto;
+  max-height: 1px;
+  background-color: ${e=>e.isScrolling?"transparent":e.theme.colors.grey3};
+`,Rs=l.div`
+  display: flex;
+  flex: 1 1 auto;
+  max-height: 1px;
+  background-color: ${e=>e.isScrolling?"transparent":e.theme.colors.hero};
+`;function Cn({kind:e,isScrolling:n}){switch(e){case"ac_group_row_separator":return t.jsx(Ds,{"data-testid":b("ac-group-row-separator",e),isScrolling:n});case"section_row_separator":case"heading_row_separator":return t.jsx(Rs,{"data-testid":b("section-row-separator",e),isScrolling:n})}}const H={balanceHeight:d.sp4,balanceWidth:"166px",balanceLeftMargin:d.sp4,titleWidth:new G(200,350,405)},Es=l.div`
+  display: flex;
+  flex: 1 1 auto;
+  width: fit-content;
+  min-width: 100%;
+  flex-direction: column;
+  height: ${e=>e.height}px;
+  background-color: ${e=>e.bgColor?.hex()};
+`,Gs=l.div`
+  user-select: none;
+  display: flex;
+  flex: 1 1 auto;
+  flex-flow: row;
+  justify-content: flex-start;
+  align-items: center;
+  &:hover {
+    color: ${e=>e.isClickable?e.theme.colors.primary:e.theme.colors.hero};
+  }
+`,Hs=l.div`
+  display: flex;
+  flex: 1 0 auto;
+  flex-direction: row;
+  justify-content: flex-end;
+  color: ${e=>e.hasNonZeroBalance===!0?e.theme.colors.primary:e.theme.colors.hero};
+`,Ks=l.div`
+  display: flex;
+  flex-direction: row;
+  justify-content: flex-start;
+`,Yt=l(B)`
+  user-select: none;
+  min-width: ${H.balanceWidth};
+  max-width: ${H.balanceWidth};
+  text-align: right;
+  margin-left: ${H.balanceLeftMargin};
+`,Ys=l(Yt)`
+  color: ${e=>e.theme.colors.hero};
+  &:hover {
+    color: inherit;
+  }
+`,Us=l.div`
+  display: flex;
+  flex-direction: row;
+  flex-shrink: 2;
+  flex-grow: 1;
+  align-items: center;
+  width: ${e=>H.titleWidth.valuePx(e.windowSize)};
+  max-width: ${e=>H.titleWidth.valuePx(e.windowSize)};
+  background-color: ${e=>e.bgColor?.hex()};
+  color: ${e=>e.hasNonZeroBalance===!0?e.theme.colors.primary:e.theme.colors.hero};
+  ${({isSticky:e})=>e?D`
+          position: -webkit-sticky;
+          position: sticky;
+          top: ${d.sp0};
+          left: ${d.sp0};
+        `:null}
+`,qs=l(B)`
+  user-select: none;
+  clear: both;
+  display: inline-block;
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+  text-align: left;
+  margin-left: ${d.sp2};
+`,Zs=({type:e,balance:n,collapsed:o,compareMode:i})=>{const r=o===!0?Ys:Yt;return t.jsxs(Ks,{"data-testid":b("account-group-row-balance-element",e),children:[t.jsx(r,{"data-testid":b("account-group-row-balance-actual",e),children:ee(n)}),Ge(e)?t.jsxs(t.Fragment,{children:[t.jsx(r,{"data-testid":b("account-group-row-balance-forecast",e),children:te(n)}),t.jsx(Yt,{"data-testid":b("account-group-row-balance-actual-vs-forecast",e),children:i==="compare_mode_percent"?pe(n):ge(n)})]}):null]})};function Qs({type:e,backgroundColor:n,isSticky:o,treeNodeId:i,height:r,accountGroupName:a,accountGroupBalances:s,compareMode:c,isScrolling:h,isOpen:g,isLeaf:p,isLastNode:u,onClick:f}){const x=W(),w=!p,m=w?"pointer":"default",k=a.length>0?a.substr(0,1).toUpperCase():"",y=Xs(s),v=ue().colors.primary,[S,$]=N.useState(!1);return t.jsxs(Es,{"data-testid":b("account-group-row-root-container",e),height:r,bgColor:n,windowSize:x,children:[t.jsxs(Gs,{"data-testid":b("account-group-row-container",e),style:{cursor:m},isClickable:w,onClick:()=>f?.(i),onMouseOver:()=>$(!0),onMouseLeave:()=>$(!1),children:[t.jsxs(Us,{"data-testid":b("account-group-row-name-container",e),bgColor:n,isSticky:o,windowSize:x,hasNonZeroBalance:y,children:[t.jsx(ve,{"data-testid":b("account-group-row-circle-with-letter",e),color:I(v),showCollapsedIcon:!g,showIcon:w&&S,firstLetter:k}),t.jsx(qs,{"data-testid":b("account-group-row-name",e),children:a})]}),t.jsx(Hs,{"data-testid":b("account-group-row-balances-container",e),hasNonZeroBalance:y,children:s.map((C,L)=>t.jsx(Zs,{"data-testid":b("account-group-row-balance-element",e),type:e,accountGroupName:a,balance:C,compareMode:c,collapsed:!1},L))})]}),t.jsx(Js,{isScrolling:h,isLeaf:p,isLastNode:u,isOpen:g})]})}function Js({isScrolling:e,isLeaf:n,isLastNode:o,isOpen:i}){return!n&&i&&o?null:t.jsx(Cn,{isScrolling:e,kind:"ac_group_row_separator"})}const Xs=e=>{let n=!1;if(e!=null){for(const o of e)if(o!=null&&o.balance.amount!==0){n=!0;break}}return n},ec=l.div`
+  display: flex;
+  flex: 1 1 auto;
+  width: fit-content;
+  min-width: 100%;
+  flex-direction: column;
+  height: ${e=>e.height}px;
+  background-color: ${e=>e.bgColor?.hex()};
+`,tc=l.div`
+  user-select: none;
+  display: flex;
+  flex: 1 1 auto;
+  flex-flow: row;
+  justify-content: flex-start;
+  align-items: center;
+  &:hover {
+    color: ${e=>e.isClickable?e.theme.colors.primary:e.theme.colors.hero};
+  }
+`,nc=l.div`
+  display: flex;
+  flex: 1 0 auto;
+  flex-direction: row;
+  justify-content: flex-end;
+`,oc=l.div`
+  display: flex;
+  flex-direction: row;
+  justify-content: flex-start;
+`,Tt=l(B)`
+  user-select: none;
+  min-width: ${H.balanceWidth};
+  max-width: ${H.balanceWidth};
+  text-align: right;
+  margin-left: ${H.balanceLeftMargin};
+  color: ${e=>e.theme.colors.hero};
+  cursor: ${e=>e.isClickable?"pointer":"default"};
+  &:hover {
+    color: ${e=>e.isClickable?e.theme.colors.primary:e.theme.colors.hero};
+  }
+`,ic=l.div`
+  display: flex;
+  flex-direction: row;
+  flex-shrink: 2;
+  flex-grow: 1;
+  align-items: center;
+  width: ${e=>H.titleWidth.valuePx(e.windowSize)};
+  max-width: ${e=>H.titleWidth.valuePx(e.windowSize)};
+  background-color: ${e=>e.bgColor?.hex()};
+  ${({isSticky:e})=>e?D`
+          position: -webkit-sticky;
+          position: sticky;
+          top: ${d.sp0};
+          left: ${d.sp0};
+        `:null}
+`,rc=l(B)`
+  user-select: none;
+  clear: both;
+  display: inline-block;
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+  text-align: left;
+  margin-left: 35px;
+  color: ${e=>e.theme.colors.hero};
+`,ac=({type:e,balance:n,account:o,onAccountBalanceClick:i,compareMode:r})=>{const a=o!=null&&n!=null&&i!=null&&!(n?.type==="this_period_vs_last_period"||n?.type==="this_period_vs_last_period_percent");return t.jsxs(oc,{children:[t.jsx(Tt,{isClickable:a,onClick:()=>{a===!0&&o!=null&&n!=null&&i?.(o,n)},children:ee(n)}),Ge(e)?t.jsxs(t.Fragment,{children:[t.jsx(Tt,{isClickable:!1,children:te(n)}),t.jsx(Tt,{isClickable:!1,children:r==="compare_mode_percent"?pe(n):ge(n)})]}):null]})};function lc({type:e,backgroundColor:n,isSticky:o,treeNodeId:i,height:r,accountBalances:a,isCompareModeOn:s,isForecastModeOn:c,isScrolling:h,isLeaf:g,isLastNode:p,compareMode:u,account:f,onAccountBalanceClick:x}){const w=W(),{common:{strings:{empty:m}}}=M.getLocalizedStrings(),k=f?.accountDescription?f.accountDescription:m,y=f?.accountName?f.accountName:k,v=Wo(),S=v.loggedInUserRole!=null&&!Ko(v.loggedInUserRole),$=S===!0&&f!=null&&s!==!0&&x!=null&&c!==!0,C=$?"pointer":"default";return t.jsxs(ec,{height:r,bgColor:n,windowSize:w,children:[t.jsxs(tc,{style:{cursor:C},isClickable:$,onClick:()=>{return f!=null?(L=i,O=f,void($===!0&&a[a.length-1]!=null&&x?.(L,O,a[a.length-1]))):null;var L,O},children:[t.jsx(ic,{isSticky:o,windowSize:w,bgColor:n,children:t.jsx(rc,{title:y,children:y})}),t.jsx(nc,{children:a.map((L,O)=>t.jsx(ac,{type:e,balance:L,account:f,onAccountBalanceClick:S===!1||x==null?void 0:(P,T)=>{x(i,P,T)},compareMode:u},O))})]}),t.jsx(sc,{isScrolling:h,isLeaf:g,isLastNode:p})]})}function sc({isScrolling:e,isLeaf:n,isLastNode:o}){return n||!o?t.jsx(Cn,{isScrolling:e,kind:"ac_group_row_separator"}):null}const cc=l.div`
+  display: flex;
+  flex: 1 1 auto;
+  width: fit-content;
+  min-width: 100%;
+  flex-direction: column;
+  height: ${e=>e.rootHeight-1}px;
+  background-color: ${e=>e.bgColor?.hex()};
+`,dc=l.div`
+  user-select: none;
+  display: flex;
+  flex: 1 1 auto;
+  flex-flow: row;
+  justify-content: flex-start;
+  align-items: center;
+`,hc=l.div`
+  display: flex;
+  flex: 1 0 auto;
+  flex-direction: row;
+  justify-content: flex-end;
+`,po=l.div`
+  display: flex;
+  flex-direction: row;
+  justify-content: flex-start;
+`,Oe=l(B)`
+  user-select: none;
+  max-width: ${H.balanceWidth};
+  min-width: ${H.balanceWidth};
+  text-align: right;
+  margin-left: ${H.balanceLeftMargin};
+`,go=l(B)`
+  user-select: none;
+  max-width: ${H.balanceWidth};
+  min-width: ${H.balanceWidth};
+  text-align: right;
+  margin-left: ${H.balanceLeftMargin};
+`,uc=l.div`
+  display: flex;
+  flex-direction: column;
+  align-items: flex-end;
+`,pc=l.div`
+  display: flex;
+  flex-direction: row;
+  flex-shrink: 2;
+  flex-grow: 1;
+  align-items: center;
+  height: ${d.sp7};
+  width: ${e=>H.titleWidth.valuePx(e.windowSize)};
+  max-width: ${e=>H.titleWidth.valuePx(e.windowSize)};
+  background-color: ${e=>e.bgColor?.hex()};
+  ${({isSticky:e})=>e?D`
+          position: -webkit-sticky;
+          position: sticky;
+          top: ${d.sp0};
+          left: ${d.sp0};
+        `:null}
+`,gc=l(B)`
+  user-select: none;
+  user-select: none;
+  clear: both;
+  display: inline-block;
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+  text-align: left;
+  margin-left: ${d.sp2};
+`,fc=({type:e,balance:n,color:o,compareMode:i})=>{const r=n!=null&&n.type==="default_with_percent"&&n.percentValue!=null?n.percentValue:0,a=n!=null&&n.type==="default_with_percent"&&n.forecastPercentValue!=null?n.forecastPercentValue:0;return t.jsxs(uc,{children:[t.jsxs(po,{children:[t.jsx(Oe,{style:{color:o.toString()},children:ee(n)}),Ge(e)?t.jsxs(t.Fragment,{children:[t.jsx(Oe,{style:{color:o.toString()},children:te(n)}),t.jsx(Oe,{style:{color:o.toString()},children:i==="compare_mode_percent"?pe(n):ge(n)})]}):null]}),t.jsxs(po,{children:[r!==0?t.jsx(go,{style:{color:o.toString()},children:ye("0,0%",r)}):null,Ge(e)?t.jsxs(t.Fragment,{children:[a!==0?t.jsx(go,{style:{color:o.toString()},children:ye("0,0%",a)}):t.jsx(Oe,{}),t.jsx(Oe,{})]}):null]})]})};function _n({type:e,backgroundColor:n,isSticky:o,treeNodeId:i,height:r,sectionName:a,sectionBalances:s,sectionColor:c,isScrolling:h,isOpen:g,isLeaf:p,compareMode:u,onClick:f}){const x=W(),[w,m]=N.useState(!1),k=!p,y=k?"pointer":"default",v=a.length>0?a.substring(0,1).toUpperCase():"";return t.jsxs(cc,{"data-testid":b("section-row-root-container",i),rootHeight:r,bgColor:n,windowSize:x,children:[t.jsxs(dc,{"data-testid":b("section-row-container",i),style:{cursor:y},onClick:()=>f?.(i),onMouseOver:()=>m(!0),onMouseLeave:()=>m(!1),children:[t.jsxs(pc,{"data-testid":b("section-row-name-container",i),isSticky:o,windowSize:x,bgColor:n,children:[t.jsx(ve,{"data-testid":b("section-row-circle-with-letter",i),color:I(c),showCollapsedIcon:!g,showIcon:k&&w,firstLetter:v}),t.jsx(gc,{"data-testid":b("section-row-name",i),style:{color:c.toString()},children:a})]}),t.jsx(hc,{"data-testid":b("section-row-balances-container",i),children:s.map((S,$)=>t.jsx(fc,{"data-testid":b("section-row-balance-element",e),type:e,sectionName:a,balance:S,color:c,compareMode:u},$))})]}),t.jsx(xc,{isScrolling:h,isLeaf:p,isOpen:g})]})}function xc({isScrolling:e,isLeaf:n,isOpen:o}){return n||!o?t.jsx(Cn,{isScrolling:e,kind:"section_row_separator"}):null}const mc=l.div`
+  display: flex;
+  flex: 1 1 auto;
+  width: fit-content;
+  min-width: 100%;
+  flex-direction: column;
+  height: ${e=>e.height}px;
+  background-color: ${e=>e.bgColor?.hex()};
+`,wc=l.div`
+  user-select: none;
+  display: flex;
+  flex: 1 1 auto;
+  flex-flow: row;
+  justify-content: flex-start;
+  align-items: center;
+`,yc=l.div`
+  display: flex;
+  flex: 1 0 auto;
+  flex-direction: row;
+  justify-content: flex-end;
+`,bc=l.div`
+  display: flex;
+  flex-direction: row;
+  justify-content: flex-start;
+`,Ni=l(B)`
+  user-select: none;
+  min-width: ${H.balanceWidth};
+  max-width: ${H.balanceWidth};
+  text-align: right;
+  margin-left: ${H.balanceLeftMargin};
+  color: ${e=>e.theme.colors.brandColorJadeDark};
+`,kc=l(Ni)`
+  color: ${e=>e.theme.colors.hero};
+  &:hover {
+    color: inherit;
+  }
+`,Sc=l.div`
+  display: flex;
+  flex-direction: row;
+  flex-shrink: 2;
+  flex-grow: 1;
+  align-items: center;
+  width: ${e=>H.titleWidth.valuePx(e.windowSize)};
+  max-width: ${e=>H.titleWidth.valuePx(e.windowSize)};
+  background-color: ${e=>e.bgColor?.hex()};
+  ${({isSticky:e})=>e?D`
+          position: -webkit-sticky;
+          position: sticky;
+          top: ${d.sp0};
+          left: ${d.sp0};
+        `:null}
+`,jc=l(B)`
+  user-select: none;
+  clear: both;
+  display: inline-block;
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+  text-align: left;
+  color: ${e=>e.theme.colors.brandColorJadeDark};
+`,Vt=l(B)`
+  user-select: none;
+  min-width: ${H.balanceWidth};
+  max-width: ${H.balanceWidth};
+  text-align: right;
+  margin-left: ${H.balanceLeftMargin};
+  color: ${e=>e.theme.colors.brandColorJadeDark};
+`,vc=({type:e,balance:n,collapsed:o,compareMode:i})=>{const r=o===!0?kc:Ni;return t.jsxs(bc,{children:[se(e)===!0?t.jsx(r,{children:ee(n)}):null,Ge(e)?t.jsxs(t.Fragment,{children:[t.jsx(Vt,{children:ee(n)}),t.jsx(Vt,{children:te(n)}),t.jsx(Vt,{children:i==="compare_mode_percent"?pe(n):ge(n)})]}):null]})};function Cc({type:e,backgroundColor:n,isSticky:o,treeNodeId:i,height:r,title:a,totalBalances:s,isLeaf:c,compareMode:h,onClick:g}){const p=W(),u=!c,f=u?"pointer":"default";return t.jsx(mc,{height:r,bgColor:n,windowSize:p,children:t.jsxs(wc,{style:{cursor:f},isClickable:u,onClick:()=>g?.(i),children:[t.jsx(Sc,{bgColor:n,isSticky:o,windowSize:p,children:t.jsx(jc,{children:a})}),t.jsx(yc,{children:s.map((x,w)=>t.jsx(vc,{type:e,balance:x,collapsed:!1,compareMode:h},w))})]})})}const $e={net_burn_or_income:{income:{color:new I(E.graphColor04),hoverColor:new I(E.graphColor04Dark)},cogs:{color:new I(E.graphColor10),hoverColor:new I(E.graphColor10Dark)},expenses:{color:new I(E.graphColor32),hoverColor:new I(E.graphColor32Dark)},"Gross Burn":{color:new I(ne.neutralGrey2Dark),hoverColor:new I(ne.neutralGrey2Dark)},"Net Burn":{color:new I(E.graphColor13),hoverColor:new I(E.graphColor13Dark)},"Net Income":{color:new I(E.graphColor13),hoverColor:new I(E.graphColor13Dark)}},revenue:{income:{color:new I(E.graphColor28),hoverColor:new I(E.graphColor28Dark)},cogs:{color:new I(E.graphColor17),hoverColor:new I(E.graphColor17Dark)},"Gross Margin":{color:new I(E.graphColor10),hoverColor:new I(E.graphColor10Dark)}},cash_in_cash_out:{cash_in:{color:new I(E.graphColor33),hoverColor:new I(E.graphColor33Dark)},cash_out:{color:new I(E.graphColor02),hoverColor:new I(E.graphColor02Dark)},"Net Cash Flow":{color:new I(E.graphColor35),hoverColor:new I(E.graphColor35Dark)}},default:{color:new I(ne.neutralGrey2Dark),hoverColor:new I(ne.neutralGrey2Dark)}},$n=(e,n)=>e.startsWith("net_burn_or_income")===!0?n!=null?$e.net_burn_or_income[n]:$e.default:e.startsWith("revenue")===!0?n!=null?$e.revenue[n]:$e.default:e.startsWith("cash_in_cash_out")===!0&&n!=null?$e.cash_in_cash_out[n]:$e.default,Wi=(e,n,o,i,r,a,s,c,h,g,p,u)=>{if(o.element.kind!="section"||o.element.data==null)return null;const f=$n(o.config.reportId,o.element.sectionType),x=oe(o.element.data,o.config.displayOrder,o.element.numOfBalances);return t.jsx(_n,{type:n,backgroundColor:r,isSticky:a,treeNodeId:e,height:i,sectionColor:f.color,sectionName:o.element.title,sectionBalances:x.balances,isScrolling:s,isOpen:c,isLeaf:h,isLastNode:g,compareMode:p,onClick:w=>{u?.(w)}})},Pi=(e,n,o,i,r,a,s,c,h,g,p,u)=>{if(o.element.kind!="calculated_section"||o.element.data==null)return null;const f=$n(o.config.reportId,o.element.title),x=oe(o.element.data,o.config.displayOrder,o.element.numOfBalances);return t.jsx(_n,{type:n,backgroundColor:r,isSticky:a,treeNodeId:e,height:i,sectionName:o.element.title,sectionColor:f.color,sectionBalances:x.balances,isScrolling:s,isOpen:c,isLeaf:h,isLastNode:g,compareMode:p,onClick:w=>{u?.(w)}})},zi=(e,n,o,i,r,a,s,c)=>{if((o.config.isZeniCOAInUse==null||o.config.isZeniCOAInUse===!0)&&o.config.mode!=="this_period_vs_period_before")return null;const h=oe(o.element.data,o.config.displayOrder,o.element.numOfBalances);return t.jsx(Cc,{type:n,backgroundColor:r,isSticky:a,treeNodeId:e,title:o.element.title,height:i,isLeaf:c,compareMode:s,totalBalances:h.balances})},Kg=20,_c=e=>{const n=[];return e&&Object.values(e).forEach(o=>{n.push(o)}),n.reverse()},$c=l.div`
+  display: flex;
+  flex: 1 1 auto;
+  height: 1px;
+  background-color: ${e=>e.isScrolling?"transparent":e.theme.colors.grey3};
+`,Lc=l.div`
+  display: flex;
+  height: 1px;
+  background-color: ${e=>e.isScrolling?"transparent":e.theme.colors.hero};
+`;function Ut({kind:e,isScrolling:n}){switch(e){case"account_class_row_separator":return t.jsx($c,{isScrolling:n});case"section_row_separator":case"vendor_separator":return t.jsx(Lc,{isScrolling:n});case"heading_row_separator":return null}}const Bc=l.div`
+  position: relative;
+`,Ac=l.div`
+  height: ${e=>e.height}px;
+  border-left: 1px solid ${e=>e.theme.colors.grey1};
+  width: 1px;
+`;l.div`
+  height: 39px;
+  width: 2px;
+`;const Oc=l.div`
+  position: relative;
+  margin-right: ${d.sp3};
+  &::after {
+    content: "";
+    position: absolute;
+    top: 20px;
+    border-top: 1px solid ${e=>e.theme.colors.grey1};
+    width: 18px;
+  }
+`,Ic=l.div`
+  height: ${d.sp6};
+  border-left: 1px solid ${e=>e.theme.colors.grey1};
+  width: 1px;
+`,Mc=l.div`
+  position: relative;
+  margin-right: ${d.sp3};
+  &::after {
+    content: "";
+    position: absolute;
+    top: ${e=>e.height}px;
+    border-top: 1px solid ${e=>e.theme.colors.grey1};
+    width: 18px;
+  }
+`,Nc=l.div`
+  height: ${e=>e.height}px;
+  border-left: 1px solid ${e=>e.theme.colors.grey1};
+  margin-bottom: ${e=>e.height}px;
+  width: 1px;
+`,Fi=({height:e})=>t.jsx(Bc,{children:t.jsx(Ac,{height:e})}),Wc=({height:e})=>t.jsx(Mc,{height:e,children:t.jsx(Nc,{height:e})}),Pc=()=>t.jsx(Oc,{children:t.jsx(Ic,{})}),zc=d.sp4,Ti="126px",xe="128px",_t="12px",$t="12px",yt="685px",Ln="628px",fo="685px",Fc="182px",bt="184px",Se="144px",kt="12px",xo="685px",Vi="250px",St="250px",Tc=39,Vc=19.5,Dc=16,Fe=128,mo=168,Te="180px",wo="300px",Di="210px",Rc="128px";function Ri(e,n=!1){switch(e){case"section":case"flux_vendor_row":case"timeframe_headers":case"total":case"loading_in_progress":case"headers_loading_in_progress":return _[8];case"flux_vendor_account_class_row":return n?_[9]:_[6];default:return 0}}const yo=M.getLocalizedStrings(),Ec=l.div`
+  display: flex;
+  flex-shrink: 0;
+  width: ${bt};
+  min-width: ${bt};
+  margin-left: 12px;
+  gap: ${d.sp1};
+  flex-direction: row;
+  justify-content: flex-end;
+  text-align: center;
+`,Gc=l.div`
+  height: ${d.sp4};
+  border-radius: ${d.sp1};
+  padding: 2px ${d.sp1};
+  color: ${e=>e.textColor.hex()};
+`,Hc=l.div`
+  border-radius: ${d.sp1};
+  padding: 2px ${d.sp1};
+  height: ${d.sp4};
+  justify-content: center;
+  text-align: center;
+  color: ${e=>e.textColor.hex()};
+  background-color: ${e=>e.bgColor.hex()};
+`,Lt=({amount:e,percentage:n,currency:o})=>{const i=ue();return t.jsxs(Ec,{children:[t.jsx(Gc,{textColor:new I(e>0?i.colors.brandColorGoldDark:i.colors.success),children:X("0,0",Gr(Math.abs(e),o.currencyCode,o.currencySymbol))}),t.jsx(Hc,{textColor:new I(e>0?i.colors.brandColorGoldDark:i.colors.success),bgColor:new I(e>0?ne.brandColorGoldLight:ne.successLight),children:`${Lr(Math.abs(n)).format(yo.common.numberFormat.roundedOff)}${yo.common.strings.percentage}`})]})},bo=M.getLocalizedStrings(),Kc=l.div`
+  display: flex;
+  flex: 1 1 auto;
+  width: fit-content;
+  min-width: 100%;
+  flex-direction: column;
+`,Yc=l.div`
+  display: flex;
+  flex: 1 1 auto;
+  flex-flow: row;
+  justify-content: flex-start;
+  align-items: center;
+  width: 100%;
+  color: ${e=>e.isHoveredByParent?e.theme.colors.primary:e.theme.colors.hero};
+  &:hover {
+    color: ${e=>e.theme.colors.primary};
+  }
+`,Ei=l.div`
+  display: flex;
+  flex-direction: column;
+`,Gi=l.div`
+  display: flex;
+  height: ${d.sp4};
+`,Uc=l.div`
+  display: flex;
+  flex-direction: row;
+  justify-content: flex-start;
+`,qc=l(B)`
+  min-width: ${xe};
+  max-width: ${xe};
+  text-align: right;
+  margin-left: 12px;
+`,Zc=l.div`
+  display: flex;
+  flex-direction: column;
+  flex-shrink: 2;
+  flex-grow: 1;
+  align-items: center;
+  width: ${xo};
+  max-width: ${xo};
+  padding-left: 67.5px;
+  ${({isSticky:e})=>e?D`
+          position: sticky;
+          top: ${d.sp0};
+          left: ${d.sp0};
+          display: flex;
+        `:null}
+`,Qc=l.div`
+  display: flex;
+  height: ${d.sp4};
+  width: 100%;
+`,Jc=l.div`
+  display: flex;
+  flex-direction: row;
+  flex-shrink: 2;
+  flex-grow: 1;
+  align-items: center;
+  width: 100%;
+`,Xc=l(je)`
+  display: flex;
+  width: ${Vi};
+  margin-left: ${d.sp3};
+  color: ${e=>e.theme.colors.hero};
+`,ed=l(je)`
+  display: flex;
+  width: ${Vi};
+  margin-left: ${d.sp4};
+  color: ${e=>e.theme.colors.hero};
+`,td=l(B)`
+  clear: both;
+  display: flex;
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+  text-align: left;
+  margin-left: 2px;
+  width: ${St};
+  max-width: ${St};
+`,nd=l(B)`
+  display: flex;
+  align-items: center;
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+  text-align: left;
+  margin-left: ${d.sp4};
+  margin-right: ${d.sp3};
+  width: ${St};
+  max-width: ${St};
+`,od=l.div`
+  display: flex;
+  margin-left: ${d.sp7};
+  margin-right: calc(
+    ${Se} +
+      ${$t}
+  );
+`,id=l.div`
+  position: sticky;
+  left: 0;
+  background-color: ${e=>e.theme.colors.grey4};
+  display: flex;
+`,rd=l.div`
+  overflow-x: auto;
+  display: flex;
+  flex: 1;
+  justify-content: flex-end;
+`,ad=({isBalanceRowFirstNode:e=!1,balance:n})=>{const o=n!=null;return t.jsxs(Ei,{children:[e?t.jsx(Gi,{}):null,t.jsx(Uc,{children:t.jsx(qc,{isClickable:o,children:ee(n)})})]})};function ld({varianceAmount:e,variancePercentage:n,currency:o,isSticky:i,balances:r,isScrolling:a,nodeMetadata:s,isLeaf:c,isLastNode:h,accountAndClass:g,isHoveredByParent:p}){const{common:{strings:{hyphen:u}}}=M.getLocalizedStrings(),f=g.accountBase?.accountDescription?g.accountBase?.accountDescription:u,x=g.accountBase?.accountName?g.accountBase?.accountName:f,w=g.classBase?.className?g.classBase?.className:u,m=s?.accountAndClassRowMetadata.isLastNode;return t.jsxs(Kc,{children:[t.jsxs(Yc,{style:{cursor:"default"},isHoveredByParent:p,children:[t.jsx(id,{children:t.jsxs(Zc,{className:"flux-class-and-account-value-container",isSticky:i,children:[!!s?.accountAndClassRowMetadata.isFirstNode&&t.jsxs(Qc,{children:[t.jsx(Fi,{height:Tc}),t.jsx(Xc,{children:bo.common.texts.category}),t.jsx(ed,{children:bo.common.texts.class})]}),t.jsxs(Jc,{children:[m===!0?t.jsx(Wc,{height:Vc}):t.jsx(Pc,{}),t.jsx(td,{title:x,children:x}),t.jsx(nd,{title:w,children:w})]})]})}),t.jsx(rd,{children:t.jsxs(od,{children:[r.map((k,y)=>t.jsx(ad,{balance:k,isBalanceRowFirstNode:s?.accountAndClassRowMetadata.isFirstNode},y)),t.jsxs(Ei,{children:[!!s?.accountAndClassRowMetadata.isFirstNode&&t.jsx(Gi,{}),t.jsx(Lt,{amount:e,percentage:n,currency:o})]})]})})]}),t.jsx(sd,{isScrolling:a,isLeaf:c,isLastNode:h,isParentLastChild:s?.isVendorLastChild??!0})]})}function sd({isScrolling:e,isLastNode:n,isParentLastChild:o}){return n&&o?t.jsx(Ut,{isScrolling:e,kind:"vendor_separator"}):n?t.jsx(Ut,{isScrolling:e,kind:"account_class_row_separator"}):null}function cd(){return t.jsxs(dd,{children:[t.jsxs(ud,{children:[t.jsxs(Le,{width:wo,className:"vendor-title",children:[t.jsx(Ke,{width:_[4],height:_[4]}),t.jsx(Z,{width:mo,height:_[4],style:{display:"flex",alignItems:"baseline",marginLeft:d.sp2}})]}),t.jsx(Le,{width:wo,children:t.jsx(Z,{width:mo,height:_[4],style:{display:"flex",alignItems:"baseline",marginLeft:d.sp2}})})]}),t.jsxs(hd,{children:[t.jsx(Le,{width:Te,children:t.jsx(Z,{width:Fe,height:_[4],style:{display:"flex",alignItems:"center"}})}),t.jsx(Le,{width:Te,children:t.jsx(Z,{width:Fe,height:_[4],style:{display:"flex",alignItems:"flex-start"}})}),t.jsxs(Le,{width:Di,children:[t.jsx(Z,{width:Fe,height:_[4],style:{display:"flex",alignItems:"center"}}),t.jsx(Z,{width:_[7],height:_[4],style:{display:"flex",alignItems:"flex-start",marginLeft:d.sp1}})]}),t.jsx(Le,{width:Te,children:t.jsx(Z,{width:70,height:_[4],style:{display:"flex",alignItems:"center",justifyContent:"center"}})})]})]})}const dd=l.div`
+  display: flex;
+  flex-direction: row;
+  width: 100%;
+  margin-left: ${d.sp8};
+  .vendor-title {
+    justify-content: flex-start;
+  }
+`,Le=l.div`
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  min-width: ${e=>e.width};
+  color: ${e=>e.theme.colors.primary};
+  background-color: ${e=>e.theme.colors.grey4};
+  justify-content: flex-end;
+
+  :last-of-type {
+    justify-content: center;
+  }
+`,hd=l.div`
+  display: flex;
+`,ud=l.div`
+  display: flex;
+  width: ${Ln};
+  position: sticky;
+  left: ${d.sp8};
+  top: 0;
+  z-index: 10;
+`,pd=un(t.jsx("path",{d:"M19 5v14H5V5h14m0-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2z"})),gd=un(t.jsx("path",{d:"M19 3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.11 0 2-.9 2-2V5c0-1.1-.89-2-2-2zm-9 14l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z"})),fd=un(t.jsx("path",{d:"M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-2 10H7v-2h10v2z"}));function xd(e){return Vo("MuiCheckbox",e)}const Dt=Ro("MuiCheckbox",["root","checked","disabled","indeterminate","colorPrimary","colorSecondary","sizeSmall","sizeMedium"]),md=ln(Jr,{shouldForwardProp:e=>Do(e)||e==="classes",name:"MuiCheckbox",slot:"Root",overridesResolver:(e,n)=>{const{ownerState:o}=e;return[n.root,o.indeterminate&&n.indeterminate,n[`size${Ve(o.size)}`],o.color!=="default"&&n[`color${Ve(o.color)}`]]}})(Or(({theme:e})=>({color:(e.vars||e).palette.text.secondary,variants:[{props:{color:"default",disableRipple:!1},style:{"&:hover":{backgroundColor:e.alpha((e.vars||e).palette.action.active,(e.vars||e).palette.action.hoverOpacity)}}},...Object.entries(e.palette).filter(En()).map(([n])=>({props:{color:n,disableRipple:!1},style:{"&:hover":{backgroundColor:e.alpha((e.vars||e).palette[n].main,(e.vars||e).palette.action.hoverOpacity)}}})),...Object.entries(e.palette).filter(En()).map(([n])=>({props:{color:n},style:{[`&.${Dt.checked}, &.${Dt.indeterminate}`]:{color:(e.vars||e).palette[n].main},[`&.${Dt.disabled}`]:{color:(e.vars||e).palette.action.disabled}}})),{props:{disableRipple:!1},style:{"&:hover":{"@media (hover: none)":{backgroundColor:"transparent"}}}}]}))),wd=t.jsx(gd,{}),yd=t.jsx(pd,{}),bd=t.jsx(fd,{}),Bn=N.forwardRef(function(e,n){const o=jr({props:e,name:"MuiCheckbox"}),{checkedIcon:i=wd,color:r="primary",icon:a=yd,indeterminate:s=!1,indeterminateIcon:c=bd,inputProps:h,size:g="medium",disableRipple:p=!1,className:u,slots:f={},slotProps:x={},...w}=o,m=s?c:a,k=s?c:i,y={...o,disableRipple:p,color:r,indeterminate:s,size:g},v=(L=>{const{classes:O,indeterminate:P,color:T,size:R}=L,V={root:["root",P&&"indeterminate",`color${Ve(T)}`,`size${Ve(R)}`]},Y=Po(V,xd,O);return{...O,...Y}})(y),S=x.input??h,[$,C]=Gt("root",{ref:n,elementType:md,className:Cr(v.root,u),shouldForwardComponentProp:!0,externalForwardedProps:{slots:f,slotProps:x,...w},ownerState:y,additionalProps:{type:"checkbox",icon:N.cloneElement(m,{fontSize:m.props.fontSize??g}),checkedIcon:N.cloneElement(k,{fontSize:k.props.fontSize??g}),disableRipple:p,slots:f,slotProps:{input:vr(typeof S=="function"?S(y):S,{"data-indeterminate":s})}}});return t.jsx($,{...C,classes:v})}),kd=l.div`
+  display: flex;
+  flex: 1 1 auto;
+  width: fit-content;
+  min-width: 100%;
+  flex-direction: column;
+  height: ${e=>e.heightValue}px;
+  background-color: ${e=>e.bgColor?.hex()};
+`,Sd=l.div`
+  display: flex;
+  flex: 1 1 auto;
+  flex-flow: row;
+  justify-content: flex-start;
+  align-items: center;
+`,jd=l.div`
+  display: flex;
+  flex-direction: row;
+  justify-content: flex-start;
+`,vd=l(B)`
+  max-width: ${xe};
+  min-width: ${xe};
+  text-align: right;
+  margin-left: ${_t};
+  color: ${({color:e})=>e};
+`,Cd=l.div`
+  display: flex;
+  flex-direction: row;
+  flex-shrink: 2;
+  align-items: center;
+  height: 100%;
+  width: ${fo};
+  min-width: ${fo};
+  background-color: ${e=>e.bgColor?.hex()};
+  ${({isSticky:e})=>e&&D`
+      position: sticky;
+      top: ${d.sp0};
+      left: ${d.sp0};
+    `}
+`,_d=l(B)`
+  clear: both;
+  display: inline-block;
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+  text-align: left;
+  margin-left: ${d.sp2};
+  color: ${({color:e})=>e};
+`,$d=l(sn)`
+  color: ${e=>e.theme.colors.primary};
+  width: ${d.sp3};
+  height: ${d.sp3};
+`,Ld=l.div`
+  display: flex;
+  &:hover {
+    .flux-section-checkbox {
+      background-color: transparent;
+    }
+  }
+`,Bd=l.div`
+  display: flex;
+  width: ${d.sp8};
+`,Ad=l.div`
+  display: flex;
+  margin-left: ${d.sp7};
+  flex: 1 1 auto;
+  justify-content: flex-end;
+  margin-right: calc(
+    ${Se} +
+      ${$t}
+  );
+`,Od=({balance:e,color:n})=>t.jsx(jd,{children:t.jsx(vd,{color:n,children:ee(e)})}),Id=pn.memo(function({currency:e,sectionId:n,selectedSectionsIds:o,backgroundColor:i,isSticky:r,treeNodeId:a,height:s,sectionName:c,hasVendors:h,sectionBalances:g,varianceAmount:p,variancePercentage:u,sectionColor:f,isScrolling:x,isOpen:w,isLeaf:m,idsForReview:k,sectionToggled:y,onSectionCheckboxClick:v}){const S=W(),[$,C]=N.useState(k.length>0),[L,O]=N.useState(!1),P=o.includes(n),T=!m,R=k.length===20&&!P,V=c?.[0]?.toUpperCase()??"",Y=N.useCallback(U=>{v?.(n,U.target.checked)},[n,v]);return t.jsxs(kd,{heightValue:s,bgColor:i,children:[t.jsxs(Sd,{style:{cursor:T?"pointer":"default"},onClick:()=>y?.(a),onMouseOver:()=>{O(!0),C(!0)},onMouseLeave:()=>{O(!1),k.length===0&&C(!1)},children:[t.jsxs(Cd,{className:"flux-section-name-container",isSticky:r,windowSize:S,bgColor:i,children:[h&&$&&w?t.jsx(Ld,{children:t.jsx(Bn,{"aria-label":`Toggle section ${c}`,className:"flux-section-checkbox",icon:t.jsx(nn,{width:d.sp3,height:d.sp3}),checkedIcon:t.jsx($d,{}),checked:P,id:a,disabled:R,onChange:Y,onClick:U=>U.stopPropagation(),style:{padding:"20px",pointerEvents:R?"none":"auto"}})}):t.jsx(Bd,{}),t.jsx(ve,{color:I(f),showCollapsedIcon:!w,showIcon:L&&T,firstLetter:V}),t.jsx(_d,{color:f.toString(),children:c})]}),t.jsxs(Ad,{children:[g.map((U,Q)=>t.jsx(Od,{sectionName:c,balance:U,color:f.toString()},Q)),t.jsx(Lt,{amount:p,percentage:u,currency:e})]})]}),t.jsx(Md,{isScrolling:x,isLeaf:m,isOpen:w})]})});function Md({isScrolling:e,isLeaf:n,isOpen:o}){return n||!o?t.jsx(Ut,{isScrolling:e,kind:"section_row_separator"}):null}function Nd(){const e=W();return t.jsxs(Wd,{windowSize:e,children:[t.jsx(Ie,{windowSize:e,width:Ln,marginRight:0,children:t.jsx(Z,{width:_[9],height:_[4],style:{display:"flex",alignItems:"baseline"}})}),t.jsx(Ie,{windowSize:e,width:Te,marginRight:0,children:t.jsx(Z,{width:128,height:_[6],style:{display:"flex",alignItems:"center"}})}),t.jsx(Ie,{windowSize:e,width:Te,marginRight:0,children:t.jsx(Z,{width:Fe,height:_[6],style:{display:"flex",alignItems:"center"}})}),t.jsx(Ie,{windowSize:e,width:Di,children:t.jsx(Z,{width:184,height:_[6],style:{display:"flex",alignItems:"center"}})}),t.jsx(Ie,{windowSize:e,width:Rc,children:t.jsx(Z,{width:Fe,height:_[6],style:{display:"flex",alignItems:"center"}})})]})}const Wd=l.div`
+  display: flex;
+  flex-direction: row;
+  width: 100%;
+  margin-left: ${d.sp8};
+`,Ie=l.div`
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  margin-right: ${e=>e.marginRight!=null?`${e.marginRight}px`:d.sp4};
+  min-width: ${e=>e.width};
+  color: ${e=>e.theme.colors.primary};
+  background-color: ${e=>e.theme.colors.grey4};
+  justify-content: flex-end;
+  :first-of-type {
+    justify-content: flex-start;
+  }
+`,{common:Pd,expenseAutomation:{fluxAnalysis:zd},vendors:{opExByVendor:Fd}}=M.getLocalizedStrings(),Td=l.div`
+  display: flex;
+  flex: 1 1 auto;
+  width: fit-content;
+  min-width: 100%;
+  height: ${e=>`${e.heightValue}px`};
+  flex-flow: row;
+  justify-content: flex-start;
+  align-items: center;
+  background-color: ${e=>e.bgColor?.hex()};
+`,qt=l.div`
+  display: flex;
+  max-height: ${d.sp8};
+  min-height: ${d.sp8};
+  min-width: ${e=>e.width!=null?e.width:Ti};
+  justify-content: center;
+  align-items: center;
+  background-color: ${e=>e.theme.colors.background};
+  border: 1px solid ${e=>e.theme.colors.grey3};
+  border-radius: ${d.sp2};
+  margin-left: ${_t};
+  color: ${e=>e.theme.colors.primary};
+  cursor: ${e=>e.isClickable?"pointer":"default"};
+`,Vd=l(B)`
+  display: flex;
+  flex-direction: row;
+  justify-content: center;
+  align-items: center;
+  height: ${zc};
+  max-width: ${Ti};
+  width: 138px;
+  text-align: center;
+`,Dd=l.div`
+  display: flex;
+  cursor: pointer;
+`,Rd=l.div`
+  display: flex;
+  cursor: pointer;
+  justify-content: center;
+  align-items: center;
+  color: ${e=>e.theme.colors.primary};
+`,Ed=l.div`
+  display: flex;
+  flex-direction: row;
+  z-index: 1;
+  background-color: ${e=>e.theme.colors.grey4};
+  padding-left: ${d.sp8};
+  ${({isSticky:e})=>e?D`
+          top: ${d.sp0};
+          left: ${d.sp0};
+          display: flex;
+          position: sticky;
+        `:null};
+`,Gd=l.div`
+  height: ${d.sp8};
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  min-width: ${Ln};
+  color: ${e=>e.theme.colors.primary};
+  background-color: ${e=>e.theme.colors.grey4};
+`,Hd=l(B)`
+  display: flex;
+  gap: 6px;
+  align-items: baseline;
+  color: ${e=>e.isBulkSelected||e.isSortedByKey?e.theme.colors.primary:e.theme.colors.hero};
+`,Zt=l.div`
+  display: flex;
+  cursor: pointer;
+`,Qt=l.div`
+  color: ${e=>e.isBulkSelected||e.isSortedByKey?e.theme.colors.primary:e.theme.colors.hero};
+`,Jt=l(dn)`
+  width: ${kt};
+  height: ${kt};
+  margin-left: ${d.sp2};
+  margin-top: ${d.sp1};
+`,Xt=l(hn)`
+  width: ${kt};
+  height: ${kt};
+  margin-left: ${d.sp2};
+  margin-top: ${d.sp1};
+`,Kd=l.div`
+  display: flex;
+  margin-left: ${d.sp7};
+  flex: 1 1 auto;
+  justify-content: flex-end;
+`,Yd=({firstMonthOfFY:e,timeframeTick:n,timeframe:o})=>t.jsx(qt,{isClickable:!1,children:t.jsx(Vd,{children:Ue(e,n,o)})}),Ud=({firstMonthOfFY:e,timeframeTick:n,timeframe:o})=>t.jsx(Yd,{firstMonthOfFY:e,timeframeTick:n,timeframe:o}),qd=({sortKey:e="vendor",sortOrder:n="ascending",isBulkSelected:o,onSortOrderChanged:i})=>{const r=e==="vendor"?n:"ascending";return t.jsx(Hd,{isBulkSelected:o,isSortedByKey:e==="vendor",children:t.jsxs(Zt,{onClick:()=>{i(n==="ascending"?"descending":"ascending","vendor")},"data-testid":b("flux-analysis-report-timeframe-row-vendor-element-row"),children:[Fd.vendor,t.jsx(Qt,{isBulkSelected:o,isSortedByKey:e==="vendor",children:r==="ascending"?t.jsx(Jt,{}):t.jsx(Xt,{})})]})})};function Zd({backgroundColor:e,height:n,isBulkSelected:o,sortKey:i="vendor",sortOrder:r="ascending",firstMonthOfFY:a,timeframe:s,timeframeTicks:c,onSortOrderChanged:h}){const g=W();return t.jsxs(Td,{heightValue:n,bgColor:e,children:[t.jsx(Ed,{className:"flux-vendor-header-sticky",windowSize:g,isSticky:!0,children:t.jsx(Gd,{windowSize:g,children:t.jsx(qd,{sortKey:i,sortOrder:r,isBulkSelected:o,onSortOrderChanged:(p,u)=>{h?.(p,u)}})})}),t.jsxs(Kd,{children:[c.map((p,u)=>t.jsx(Ud,{firstMonthOfFY:a,timeframeTick:p,timeframe:s},u)),t.jsx(qt,{isClickable:!1,width:Fc,children:t.jsxs(Zt,{onClick:()=>h?.(r==="ascending"?"descending":"ascending","variance"),"data-testid":b("flux-analysis-report-timeframe-row-varianceElement"),children:[t.jsx(Dd,{children:zd.variance}),t.jsx(Qt,{isBulkSelected:o,isSortedByKey:i==="variance",children:(i==="variance"?r:"ascending")==="ascending"?t.jsx(Jt,{}):t.jsx(Xt,{})})]})}),t.jsx(qt,{isClickable:!1,width:Se,children:t.jsxs(Zt,{onClick:()=>{h?.(r==="ascending"?"descending":"ascending","status")},"data-testid":b("flux-analysis-report-timeframe-row-status"),children:[t.jsx(Rd,{children:Pd.texts.reviewStatus}),t.jsx(Qt,{isBulkSelected:o,isSortedByKey:i==="status",children:(i==="status"?r:"ascending")==="ascending"?t.jsx(Jt,{}):t.jsx(Xt,{})})]})})]})]})}const Qd=l.div`
+  display: flex;
+  flex: 1 1 auto;
+  width: fit-content;
+  min-width: 100%;
+
+  flex-direction: column;
+  height: ${e=>`${e.heightValue}px`};
+  background-color: ${e=>e.bgColor?.hex()};
+`,Jd=l.div`
+  cursor: default;
+  user-select: none;
+  display: flex;
+  flex: 1 1 auto;
+  flex-flow: row;
+  justify-content: flex-start;
+  align-items: center;
+`,Xd=l.div`
+  display: flex;
+  flex-direction: row;
+`,eh=l.div`
+  display: flex;
+  flex-direction: row;
+  justify-content: flex-start;
+  align-items: center;
+  margin-left: ${_t};
+`,th=l(re)`
+  user-select: none;
+  min-width: ${xe};
+  max-width: ${xe};
+  text-align: right;
+  color: ${e=>e.theme.colors.hero};
+  border: 1px solid transparent;
+`,nh=l.div`
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  flex-shrink: 2;
+  flex-grow: 1;
+  width: ${yt};
+  max-width: ${yt};
+  height: 100%;
+  background-color: ${e=>e.theme.colors.grey4};
+  position: sticky;
+  left: ${d.sp8};
+  top: 0;
+  z-index: 10;
+`,oh=l(re)`
+  user-select: none;
+  clear: both;
+  display: inline-block;
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+  text-align: left;
+  color: ${e=>e.theme.colors.primary};
+`,ih=l.div`
+  display: flex;
+  width: ${Se};
+  min-width: ${Se};
+  justify-content: center;
+  flex-direction: row;
+  margin-left: ${$t};
+`,rh=l.div`
+  display: flex;
+  margin-left: ${d.sp7};
+  flex: 1 1 auto;
+  justify-content: flex-end;
+`,ah=({balance:e})=>t.jsx(eh,{children:t.jsx(th,{children:X("0,0",e?.balance)})});function lh({type:e,height:n,title:o,totalBalances:i,varianceAmount:r,variancePercentage:a,currency:s,backgroundColor:c}){return t.jsx(Qd,{"data-testid":b("total-row-root-container"),heightValue:n,bgColor:c,children:t.jsxs(Jd,{"data-testid":b("total-row-container"),children:[t.jsx(nh,{className:"flux-total-row",children:t.jsx(oh,{children:o})}),t.jsxs(rh,{children:[t.jsx(Xd,{children:se(e)&&i.map((h,g)=>t.jsx(ah,{balance:h},g))}),t.jsx(Lt,{amount:r,percentage:a,currency:s}),t.jsx(ih,{})]})]})})}const sh=l.div`
+  display: flex;
+  flex: 1 1 auto;
+  width: fit-content;
+  min-width: 100%;
+  flex-direction: column;
+  height: ${e=>`${e.heightValue}px`};
+  background-color: ${e=>e.bgColor?.hex()};
+`,ch=l.div`
+  user-select: none;
+  display: flex;
+  flex: 1 1 auto;
+  flex-flow: row;
+  justify-content: flex-start;
+  align-items: center;
+  cursor: pointer;
+  color: ${e=>e.isRowExpanded?e.theme.colors.primary:e.theme.colors.hero};
+  &:hover {
+    color: ${e=>e.theme.colors.primary};
+    .flux-vendor-chevron-icon,
+    .flux-vendor-collapsable-chevron-icon,
+    .flux-vendor-children-count {
+      border: 1px solid ${e=>e.theme.colors.primary};
+    }
+  }
+  .flux-vendor-chevron-icon,
+  .flux-vendor-collapsable-chevron-icon,
+  .flux-vendor-children-count {
+    border: 1px solid
+      ${e=>e.shouldHighlight?e.theme.colors.primary:e.theme.colors.hero};
+  }
+`,dh=l.div`
+  display: flex;
+  flex-direction: row;
+  justify-content: flex-start;
+  align-items: center;
+  margin-left: ${_t};
+`,hh=l(B)`
+  user-select: none;
+  min-width: ${xe};
+  max-width: ${xe};
+  text-align: right;
+`,uh=l.div`
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  flex-shrink: 2;
+  flex-grow: 1;
+  width: ${yt};
+  max-width: ${yt};
+  background-color: ${e=>e.bgColor?.hex()};
+  ${({isSticky:e})=>e?D`
+          position: -webkit-sticky;
+          position: sticky;
+          top: ${d.sp0};
+          left: ${d.sp0};
+        `:null}
+`,ph=l(B)`
+  user-select: none;
+  clear: both;
+  display: inline-block;
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+  text-align: left;
+`,gh=l.div`
+  display: flex;
+  justify-content: space-between;
+  flex-grow: 1;
+`,fh=l.div`
+  display: flex;
+  align-items: center;
+  margin-left: 10px;
+`;l.div`
+  display: flex;
+  flex-shrink: 0;
+  width: ${bt};
+  min-width: ${bt};
+  margin-left: 12px;
+  gap: ${d.sp1};
+  flex-direction: row;
+  justify-content: flex-end;
+  text-align: center;
+  align-items: center;
+`;const xh=l(Wr)`
+  width: 12px;
+  height: 12px;
+`;l.div`
+  height: ${d.sp4};
+  border-radius: ${d.sp1};
+  padding: 2px ${d.sp1};
+`,l.div`
+  border-radius: ${d.sp1};
+  padding: 2px ${d.sp1};
+  height: ${d.sp4};
+  justify-content: center;
+  text-align: center;
+  background-color: ${e=>e.bgColor.hex()};
+`;const mh=l.div`
+  display: flex;
+  margin-left: ${d.sp7};
+  flex: 1 1 auto;
+  justify-content: flex-end;
+`,wh=l.div`
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  padding-top: ${e=>e.isNodeOpen?d.sp3:d.sp0};
+`,yh=l.div`
+  display: flex;
+  width: ${Se};
+  min-width: ${Se};
+  justify-content: center;
+  flex-direction: row;
+  margin-left: ${$t};
+`,bh=l(je)`
+  width: ${xe};
+  max-width: ${xe};
+  color: ${e=>e.theme.colors.primary};
+  display: flex;
+  flex: 1 0 auto;
+  flex-direction: column;
+  cursor: pointer;
+  align-items: center;
+`,kh=l.div`
+  color: ${e=>e.theme.colors.grey1};
+  border: 1px solid ${e=>e.theme.colors.grey1};
+  padding: ${d.sp0} 6px;
+  border-radius: ${d.sp1};
+  width: fit-content;
+  display: flex;
+  align-items: center;
+  margin-right: ${d.sp2};
+`,Sh=l(je)`
+  overflow: hidden;
+  text-overflow: ellipsis;
+`,jh=l.div`
+  display: flex;
+  width: ${d.sp8};
+  height: ${d.sp8};
+  &:hover {
+    .flux-vendor-checkbox {
+      background-color: transparent;
+    }
+  }
+`,vh=l(sn)`
+  color: ${e=>e.theme.colors.primary};
+  width: ${d.sp3};
+  height: ${d.sp3};
+`,Ch=l(je)`
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  gap: 2px;
+  color: ${e=>e.theme.colors.success};
+`,_h=l(Fo)`
+  width: 12px;
+  height: 12px;
+`,ko=l(zo)`
+  margin-left: 2px;
+  width: 12px;
+  height: 12px;
+`,$h=l(Re)`
+  display: flex;
+  border-radius: 50%;
+  width: ${d.sp4};
+  height: ${d.sp4};
+  text-align: center;
+  align-items: center;
+  justify-content: center;
+`,Lh=l(Re)`
+  display: flex;
+  border-radius: ${d.sp1};
+  width: ${d.sp4};
+  height: ${d.sp4};
+  text-align: center;
+  align-items: center;
+  justify-content: center;
+  margin-right: ${d.sp4};
+`,Bh=l(Re)`
+  display: flex;
+  border-radius: 100px;
+  width: 18px;
+  height: 18px;
+  justify-content: center;
+  align-items: center;
+  margin-left: ${d.sp1};
+`,{common:So,expenseAutomation:Ah}=M.getLocalizedStrings(),Oh=({balance:e})=>{const n=hh;return t.jsx(dh,{children:t.jsx(n,{children:ee(e)})})};function Ih({fluxAnalysisEntityId:e,idsForReview:n,backgroundColor:o,isSticky:i,treeNodeId:r,height:a,leftChevron:s,varianceAmount:c,variancePercentage:h,currency:g,vendorBalances:p,reviewedByUser:u,status:f,vendor:x,isOpen:w,childrenCount:m,setHoveredParentId:k,onClick:y,handleRedirectToVendorDetailPage:v,updateOperatingExpensesIdsForReview:S}){const[$,C]=N.useState(!1),[L,O]=N.useState(n.length>0),P=n.includes(e),T=n.includes(e),R=s==="collapsed",V=n.length===20&&P===!1,Y=ph;return t.jsx(sh,{heightValue:a,bgColor:o,children:t.jsxs(ch,{shouldHighlight:T,isRowExpanded:w,onClick:()=>y?.(r),onMouseOver:()=>{C(!0),O(!0),k?.(x.id)},onMouseLeave:()=>{C(!1),n.length===0&&O(!1),k?.(null)},children:[t.jsxs(uh,{className:"flux-vendor-name-container",bgColor:o,isSticky:i,children:[t.jsx(jh,{className:"flux-vendor-checkbox-container",children:L?t.jsx(Bn,{className:"flux-vendor-checkbox",icon:t.jsx(nn,{width:d.sp3,height:d.sp3}),checkedIcon:t.jsx(vh,{}),checked:P,name:x.name,id:e,disabled:V,onChange:U=>{let Q=n;Q=U.target.checked===!0?[...Q,e]:Q.filter(de=>de!==e),S?.(Q)},onClick:U=>U.stopPropagation(),style:{padding:"20px",pointerEvents:V?"none":"auto"}}):null}),t.jsxs(wh,{isNodeOpen:w,children:[$?t.jsx($h,{className:"flux-vendor-collapsable-chevron-icon",children:w===!1?t.jsx(ko,{}):t.jsx(_h,{})}):x.logo!=null?t.jsx(on,{photoUrl:x.logo.toString(),styles:{width:_[4],height:_[4]}}):t.jsx(rn,{name:x.name,size:d.sp4}),w?t.jsx(Fi,{height:Dc}):null]}),t.jsxs(gh,{children:[t.jsxs(fh,{children:[t.jsx(Y,{children:x.name}),w?null:t.jsx(Bh,{className:"flux-vendor-children-count",children:t.jsx(Re,{children:m})})]}),$?t.jsx(N.Fragment,{children:t.jsx(Lh,{className:"flux-vendor-chevron-icon",onClick:()=>{v?.(x)},"data-testid":b("flux-analysis-report-vendorElement-row"),children:t.jsx(ko,{})})}):null]})]}),t.jsxs(mh,{children:[p.map((U,Q)=>t.jsx(Oh,{balance:U,collapsed:R},Q)),t.jsx(Lt,{amount:c,percentage:h,currency:g}),t.jsx(yh,{children:f==="Pending Review"?t.jsx(kh,{children:t.jsx(Sh,{children:So.status.pending})}):t.jsx(t.Fragment,{children:t.jsx(bh,{className:"vendor-flux-analysis-review-info",children:u!=null?t.jsxs(N.Fragment,{children:[t.jsxs(Ch,{children:[t.jsx(xh,{}),Ah.fluxAnalysis.reviewedBy]}),t.jsx(Re,{children:Br(u)})]}):So.strings.hyphen})})})]})]})})}const jo={generalExpense:{color:new I(E.graphColor04),hoverColor:new I(E.graphColor04Dark)},reimbursement:{color:new I(E.graphColor10),hoverColor:new I(E.graphColor10Dark)},default:{color:new I(ne.neutralGrey2Dark),hoverColor:new I(ne.neutralGrey2Dark)}},An=(e,n)=>{const{element:o}=e;return o.kind===n&&o.data!=null},Hi=e=>_c(e.balancesByMonth),Mh=(e,n,o,i,r,a,s,c,h,g,p)=>{if(!An(n,"flux_vendor_row"))return null;const u=n.element.data,f=Hi(u),x=Ri("flux_vendor_row",h);return t.jsx(Ih,{backgroundColor:o,isSticky:i,treeNodeId:e,fluxAnalysisEntityId:u.fluxAnalysisEntityId,height:x,leftChevron:"collapsed",idsForReview:n.config.fluxAnalysisConfig?.reviewOpExIds??[],vendor:u.vendor,vendorBalances:f,varianceAmount:u.varianceAmount,variancePercentage:u.variancePercentage,status:u.status,currency:u.currency,isScrolling:r,isOpen:a,isLeaf:s,isLastNode:c,childrenCount:u.vendorAccountsAndClasses.length,onClick:w=>{var m;m=w,p?.(m),n.config.fluxAnalysisConfig?.updateNodeCollapsableStatus(m)},reviewedByUser:u.reviewedByUser,updateOperatingExpensesIdsForReview:n.config.fluxAnalysisConfig?.updateOperatingExpensesIdsForReview,handleRedirectToVendorDetailPage:n.config.fluxAnalysisConfig?.handleRedirectToVendorDetailPage,setHoveredParentId:g?.setHoveredParentId})},Nh=(e,n,o,i,r,a,s,c,h,g)=>{if(!An(n,"section"))return null;const p=(u=n.config.reportId,f=n.element.sectionType,u.startsWith("flux_analysis_operating_expense")===!0&&f!=null?jo[f]:jo.default);var u,f;const x=n.element.data;return t.jsx(Id,{backgroundColor:i,isSticky:r,treeNodeId:e,height:o,selectedSectionsIds:n.config.fluxAnalysisConfig?.reviewSectionIds??[],idsForReview:n.config.fluxAnalysisConfig?.reviewOpExIds??[],sectionColor:p.color,sectionName:n.element.title,sectionBalances:x.balances,varianceAmount:x.varianceAmount,variancePercentage:x.variancePercentage,currency:x.currency,isScrolling:a,isOpen:s,hasVendors:x.vendors.length>0,isLeaf:c,isLastNode:h,sectionToggled:w=>{var m;m=w,n.config.fluxAnalysisConfig?.onSectionRowClick(m),g?.(m)},onSectionCheckboxClick:n.config.fluxAnalysisConfig?.onSectionCheckboxClick,sectionId:x.sectionId})},Wh=l.div`
+  display: flex;
+  flex: 1 1 auto;
+  width: fit-content;
+  min-width: 100%;
+  flex-direction: column;
+  background-color: ${e=>e.bgColor?.hex()};
+`,Ph=l.div`
+  user-select: none;
+  display: flex;
+  flex: 1 1 auto;
+  flex-flow: row;
+  justify-content: flex-start;
+  align-items: center;
+  height: ${e=>e.height}px;
+  margin-left: ${e=>20*e.level}px;
+`,zh=l.div`
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  justify-content: space-between;
+  &:hover {
+    background-color: null;
+  }
+  width: 100%;
+`,Fh=l(_r)`
+  width: 100%;
+  display: flex;
+  align-items: center;
+  font-weight: ${e=>e.isSubclass?Rn.regular:Rn.medium};
+  color: ${e=>e.checked?e.theme.colors.primary:e.theme.colors.hero};
+`,Th=l(je)`
+  display: flex;
+  color: ${e=>e.theme.colors.primary};
+  align-items: center;
+  flex-direction: row;
+  justify-content: center;
+  height: 18px;
+  border: 1px solid ${e=>e.theme.colors.primary};
+  border-radius: ${d.sp1};
+  margin: 0 ${d.sp5} 0 ${d.sp3};
+  min-width: ${d.sp6};
+`,Vh=l(sn)`
+  color: ${e=>e.theme.colors.primary};
+  width: ${d.sp3};
+  height: ${d.sp3};
+`;function Dh({backgroundColor:e,treeNodeId:n,classId:o,isChecked:i,isDisabled:r,height:a,nestedClass:s,isLeaf:c,showClassAccountNumber:h,onClick:g,onToggleCheck:p}){const[u,f]=N.useState(!1);return t.jsx(Wh,{"data-testid":b("name-with-checkbox-row-root-container",n),bgColor:e,children:t.jsxs(Ph,{"data-testid":b("name-with-checkbox-row-container",n),height:a,isClickable:!c,onClick:()=>g?.(n),onMouseOver:()=>f(!0),onMouseLeave:()=>f(!1),level:s.classId.length,children:[t.jsx(Bn,{"data-testid":b("name-with-checkbox-row-checkbox",s.classId.toString()),icon:t.jsx(nn,{width:d.sp3,height:d.sp3}),checkedIcon:t.jsx(Vh,{}),checked:i,name:s.className,id:n,disabled:r,onChange:x=>{p?.(o,x.target.checked)},style:{height:d.sp6}})," ",t.jsx(zh,{children:t.jsxs(Fh,{"data-testid":b("name-with-checkbox-row-label-container",n),checked:i,isSubclass:s.classId.length>1,children:[t.jsx("label",{"data-testid":b("name-with-checkbox-row-label",s.classId.toString()),style:{flexGrow:2,cursor:"pointer"},onClick:()=>{p?.(o,!i)},children:s.className}),u===!0&&h===!0&&s.accountingClassNumber!=null&&t.jsx(Th,{children:s.accountingClassNumber})]})})]})})}const z={balanceHeight:d.sp4,balanceWidth:"166px",balanceLeftMargin:d.sp4,titleWidth:new G(200,270,270),categoryClassWidth:new G(230,230,240),nameLogoWidth:new G(_[4],_[4]),nameLogoHeight:new G(_[4],_[4])},Rh=l.div`
+  user-select: none;
+  display: flex;
+  flex: 1 1 auto;
+  width: fit-content;
+  min-width: 100%;
+  height: ${e=>e.height}px;
+  flex-flow: row;
+  justify-content: flex-start;
+  align-items: center;
+  background-color: ${e=>e.bgColor?.hex()};
+`,Eh=l.div`
+  user-select: none;
+  display: flex;
+  flex: 1 1 auto;
+  width: 100vw;
+  min-width: 100%;
+  height: ${e=>e.height}px;
+  flex-flow: row;
+  align-items: center;
+  justify-content: center;
+  background-color: ${e=>e.bgColor?.hex()};
+`,Gh=l.div`
+  display: flex;
+  flex: 1 0 auto;
+  flex-direction: row;
+  justify-content: flex-end;
+`,vo=l(B)`
+  color: ${e=>e.theme.colors.hero};
+  flex-grow: 1;
+  -webkit-box-orient: vertical;
+  justify-content: ${e=>e.isClubbed===!0?"unset":"flex-end"};
+  display: flex;
+  min-width: ${z.balanceWidth};
+  max-width: ${z.balanceWidth};
+  margin-left: ${e=>e.isClubbed===!0?d.sp2:z.balanceLeftMargin};
+  border: 1px solid transparent;
+`,Co=l(B)`
+  color: ${e=>e.theme.colors.hero};
+  flex-grow: 1;
+  -webkit-box-orient: vertical;
+  justify-content: "unset";
+  display: flex;
+  min-width: ${e=>z.categoryClassWidth.valuePx(e.windowSize)};
+`,Hh=l.div`
+  height: 100%;
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  min-width: ${e=>z.titleWidth.valuePx(e.windowSize)};
+  color: ${e=>e.theme.colors.primary};
+  background-color: ${e=>e.bgColor?.hex()};
+  ${({isSticky:e})=>e?D`
+          position: -webkit-sticky;
+          position: sticky;
+          top: ${d.sp0};
+          left: ${d.sp0};
+          z-index: 20;
+        `:null}
+`;function Kh({backgroundColor:e,isSticky:n,height:o,isAccountColumnShown:i,isClassColumnShown:r,timeframeTicks:a}){const s=W();return a.length>0?t.jsxs(Rh,{height:o,bgColor:e,"data-testid":b("opex-vendor-loading-in-progress-row"),children:[t.jsxs(Hh,{"data-testid":b("opex-vendor-loading-in-progress-row-name"),isSticky:n,windowSize:s,bgColor:e,children:[t.jsx(Ke,{width:_[4],height:_[4]}),t.jsx(vo,{windowSize:s,isClubbed:!0,children:t.jsx(Z,{width:120,height:_[4]})})]}),t.jsxs(Gh,{children:[i?t.jsx(Co,{windowSize:s,children:t.jsx(Z,{width:120,height:_[4]})}):null,r?t.jsx(Co,{windowSize:s,children:t.jsx(Z,{width:120,height:_[4]})}):null,a.map((c,h)=>t.jsx(vo,{windowSize:s,children:t.jsx(Z,{width:120,height:_[4]})},`${h}RowItem`))]})]}):t.jsx(Eh,{height:o,bgColor:e,children:t.jsx(Sr,{size:"Small",start:!0})})}const Yh=l.div`
+  user-select: none;
+  display: flex;
+  flex: 1 1 auto;
+  width: fit-content;
+  min-width: 100%;
+  height: ${e=>e.height}px;
+  flex-flow: row;
+  justify-content: flex-start;
+  align-items: center;
+  background-color: ${e=>e.bgColor?.hex()};
+`,Rt=l.div``,Uh=l.div`
+  display: flex;
+  flex: 1 0 auto;
+  flex-direction: row;
+  justify-content: flex-end;
+`,qh=l(B)`
+  user-select: none;
+  clear: both;
+  display: inline-block;
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+  text-align: left;
+  margin-left: ${d.sp2};
+  color: ${e=>e.theme.colors.hero};
+`,Zh=l(B)`
+  color: ${e=>e.theme.colors.hero};
+  flex-grow: 1;
+  -webkit-box-orient: vertical;
+  display: flex;
+  min-width: ${z.balanceWidth};
+  max-width: ${z.balanceWidth};
+  border: 1px solid transparent;
+`,_o=l(B)`
+  color: ${e=>e.theme.colors.hero};
+  flex-grow: 1;
+  -webkit-box-orient: vertical;
+  justify-content: "unset";
+  display: flex;
+  min-width: ${e=>z.categoryClassWidth.valuePx(e.windowSize)};
+`,Qh=l.div`
+  height: 100%;
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  min-width: ${e=>z.titleWidth.valuePx(e.windowSize)};
+  color: ${e=>e.theme.colors.primary};
+  background-color: ${e=>e.bgColor?.hex()};
+  ${({isSticky:e})=>e?D`
+          position: -webkit-sticky;
+          position: sticky;
+          top: ${d.sp0};
+          left: ${d.sp0};
+          z-index: 20;
+        `:null}
+`;function Jh({backgroundColor:e,isSticky:n,height:o,isAccountColumnShown:i,isClassColumnShown:r,timeframeTicks:a}){const s=W();return t.jsxs(Yh,{height:o,bgColor:e,"data-testid":b("no-results-found-title-row"),children:[t.jsx(Qh,{isSticky:n,windowSize:s,bgColor:e,children:t.jsx(qh,{children:M.getLocalizedStrings().vendors.opExByVendor.noResultsFound})}),t.jsxs(Uh,{children:[i?t.jsx(_o,{windowSize:s,children:t.jsx(Rt,{})}):null,r?t.jsx(_o,{windowSize:s,children:t.jsx(Rt,{})}):null,a.map((c,h)=>t.jsx(Zh,{windowSize:s,children:t.jsx(Rt,{children:" "})},`${h}RowItem`))]})]})}function On({title:e,selectedMode:n,onCompareModeChanged:o,backgroundColor:i,optionBackgroundColor:r,selectedOptionBackgroundColor:a,optionTextStyle:s,titleTextStyle:c,titleTextAlignment:h,titleColor:g,menuPosition:p}){return t.jsx(Ir,{title:e,pickerValues:["compare_mode_percent","compare_mode_amount"],valueToLabel:u=>M.getLocalizedStrings().compareMode[u],selectedValue:n,onPickerSelectionChanged:u=>o(u),optionTextStyle:s,titleTextStyle:c,titleTextAlignment:h,titleColor:g,optionBackgroundColor:r,selectedOptionBackgroundColor:a,backgroundColor:i??"inherit",menuPosition:p})}const Xh=d.sp4,$o=170,eu=(d.sp4,l.div`
+  margin-left: ${d.sp4};
+`),tu=l.div`
+  display: flex;
+  max-height: 54px;
+  min-height: 54px;
+  align-items: center;
+  justify-content: center;
+  max-width: ${$o-2}px;
+  min-width: ${$o-2}px;
+  background-color: ${e=>e.theme.colors.background};
+  border: 1px solid ${e=>e.theme.colors.grey3};
+  border-radius: ${d.sp2};
+  color: ${e=>e.theme.colors.primary};
+`,nu=l(B)`
+  display: flex;
+  user-select: none;
+  flex-direction: row;
+  justify-content: center;
+  align-items: center;
+  height: ${Xh};
+`,ou=l.div`
+  display: flex;
+  flex-direction: row;
+  justify-content: center;
+  align-items: center;
+  padding: 3px 6px;
+  margin-right: ${d.sp2};
+  position: relative;
+  top: -12px;
+`,iu=l(Rr)`
+  color: ${e=>e.tagType==="under_review"?ne.neutralGrey5Light:e.theme.mode==="light"?ne.primaryDark:ne.primaryLight};
+  border-radius: ${d.sp2};
+  padding: 3px 6px;
+  margin-left: 12px;
+  background: ${e=>e.tagType==="under_review"?ne.alertDark:e.theme.mode==="light"?ne.championLight:ne.championDark};
+`,ru=l(Dr)`
+  color: ${e=>e.theme.colors.hero};
+  margin-left: 5px;
+  height: ${d.sp3};
+  width: ${d.sp3};
+  margin-top: ${d.sp1};
+`;function Ki({firstMonthOfFY:e,timeframeTick:n,timeframe:o,tagName:i,infoContent:r,tagType:a}){return t.jsxs(eu,{children:[t.jsxs(tu,{children:[t.jsx(nu,{children:Ue(e,n,o)}),t.jsx(Vr,{style:{padding:d.sp3},title:r,placement:"top",children:t.jsx(ru,{})})]}),t.jsx(ou,{children:t.jsx(iu,{tagType:a,children:i})})]})}const Yi=(e,n)=>{const o=M.getLocalizedStrings().reports;switch(n){case"month":return e!=null?e==="under_review"?o.bookCloseUnderReviewInfoMonth:o.bookCloseIncompleteInfoMonth:void 0;case"quarter":return e!=null?e==="under_review"?o.bookCloseUnderReviewInfoQuarter:o.bookCloseIncompleteInfoQuarter:void 0;case"year":return e!=null?e==="under_review"?o.bookCloseUnderReviewInfoYear:o.bookCloseIncompleteInfoYear:void 0;default:return}},au=l.div`
+  user-select: none;
+  display: flex;
+  flex: 1 1 auto;
+  width: fit-content;
+  min-width: 100%;
+  height: ${e=>e.height}px;
+  flex-flow: row;
+  justify-content: flex-start;
+  align-items: center;
+  background-color: ${e=>e.bgColor?.hex()};
+`,lu=l.div`
+  display: flex;
+  flex: 1 0 auto;
+  flex-direction: row;
+  justify-content: flex-end;
+`,Ui=l.div`
+  display: flex;
+  max-height: ${d.sp8};
+  min-height: ${d.sp8};
+  min-width: ${z.balanceWidth};
+  justify-content: center;
+  align-items: center;
+  background-color: ${e=>e.theme.colors.background};
+  border: 1px solid ${e=>e.theme.colors.grey3};
+  border-radius: ${d.sp2};
+  margin-left: ${z.balanceLeftMargin};
+  color: ${e=>e.theme.colors.primary};
+  cursor: ${e=>e.isClickable===!0?"pointer":"default"};
+`,qi=l(B)`
+  display: flex;
+  user-select: none;
+  flex-direction: row;
+  justify-content: center;
+  align-items: center;
+  height: ${z.balanceHeight};
+  max-width: ${z.balanceWidth};
+  width: 138px;
+  text-align: center;
+`,su=l.div`
+  display: flex;
+  flex-direction: row;
+  z-index: 1;
+  background-color: ${e=>e.bgColor?.hex()};
+  ${({isSticky:e})=>e?D`
+          position: -webkit-sticky;
+          position: sticky;
+          top: ${d.sp0};
+          left: ${d.sp0};
+          z-index: 1;
+        `:null}
+`,cu=l.div`
+  max-height: ${e=>e.plHeight}px;
+  min-height: ${e=>e.plHeight}px;
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  min-width: ${e=>z.titleWidth.valuePx(e.windowSize)};
+  color: ${e=>e.theme.colors.primary};
+  background-color: ${e=>e.bgColor?.hex()};
+`,du=l(B)`
+  display: flex;
+  gap: 6px;
+  align-items: baseline;
+  color: ${e=>e.selectedForSort?e.theme.colors.primary:e.theme.colors.grey1};
+`,Zi=l(B)`
+  height: 100%;
+  align-self: center;
+  align-items: baseline;
+  min-width: ${e=>z.categoryClassWidth.valuePx(e.windowSize)};
+  color: ${e=>e.selectedForSort?e.theme.colors.primary:e.theme.colors.grey1};
+  background-color: ${e=>e.bgColor?.hex()};
+  display: flex;
+  gap: 6px;
+  align-items: center;
+`,In=l.div`
+  display: flex;
+  cursor: pointer;
+`,hu=l.div`
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  color: ${e=>e.theme.colors.champion};
+`,uu=l.div``,pu=l(B)`
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  max-height: ${d.sp8};
+  min-height: ${d.sp8};
+  background-color: ${e=>e.theme.colors.background};
+  border: 1px solid ${e=>e.theme.colors.grey3};
+  border-radius: ${d.sp2};
+  margin-left: ${z.balanceLeftMargin};
+  color: ${e=>e.theme.colors.primary};
+  width: ${z.balanceWidth};
+  min-width: ${z.balanceWidth};
+`,Qi=l.div`
+  max-height: ${d.sp8};
+  min-height: ${d.sp8};
+`,Bt=l.div`
+  color: ${e=>e.selectedForSort?e.theme.colors.primary:e.theme.colors.hero};
+`,At=l(hn)`
+  width: 12px;
+  height: 12px;
+  margin-left: ${d.sp2};
+  margin-top: ${d.sp1};
+`,Ot=l(dn)`
+  width: 12px;
+  height: 12px;
+  margin-left: ${d.sp2};
+  margin-top: ${d.sp1};
+`,Mn=l(Eo)`
+  width: 12px;
+  height: 12px;
+  cursor: pointer;
+  color: ${e=>e.theme.colors.hero};
+`,Ji=({sortOrder:e,sortKey:n,onSortOrderChanged:o})=>{const i=n==="totals"?e:"ascending";return t.jsx(Qi,{"data-testid":b("period-total-tick"),children:t.jsx(Ui,{"data-testid":b("period-total-tick-element"),onClick:()=>{o(It("totals",e,n),"totals")},isClickable:!0,children:t.jsxs(qi,{children:[M.getLocalizedStrings().vendors.opExByVendor.periodTotal,t.jsx(Bt,{selectedForSort:n==="totals",children:i==="ascending"?t.jsx(Ot,{}):t.jsx(At,{})})]})})})},gu=({sortKey:e="totals",sortOrder:n="ascending",onSortOrderChanged:o,onSortCancel:i})=>{const r=e==="vendor"?n:"ascending";return t.jsxs(du,{selectedForSort:e==="vendor",children:[t.jsxs(In,{onClick:()=>{o(It("vendor",n,e),"vendor")},children:[M.getLocalizedStrings().vendors.opExByVendor.vendor,t.jsx(Bt,{selectedForSort:e==="vendor",children:r==="ascending"?t.jsx(Ot,{}):t.jsx(At,{})})]}),e==="vendor"?t.jsx(Mn,{onClick:i}):null]})},fu=({sortKey:e="totals",sortOrder:n="ascending",onSortOrderChanged:o,onSortCancel:i})=>{const r=e==="account"?n:"ascending",a=W();return t.jsxs(Zi,{selectedForSort:e==="account",windowSize:a,children:[t.jsxs(In,{onClick:()=>{o(It("account",n,e),"account")},children:[M.getLocalizedStrings().vendors.opExByVendor.category,t.jsx(Bt,{selectedForSort:e==="account",children:r==="ascending"?t.jsx(Ot,{}):t.jsx(At,{})})]}),e==="account"?t.jsx(Mn,{onClick:i}):null]})},xu=({sortKey:e="totals",sortOrder:n="ascending",onSortOrderChanged:o,onSortCancel:i})=>{const r=e==="class"?n:"ascending",a=W();return t.jsxs(Zi,{selectedForSort:e==="class",windowSize:a,children:[t.jsxs(In,{onClick:()=>{o(It("class",n,e),"class")},children:[M.getLocalizedStrings().vendors.opExByVendor.class,t.jsx(Bt,{selectedForSort:e==="class",children:r==="ascending"?t.jsx(Ot,{}):t.jsx(At,{})})]}),e==="class"?t.jsx(Mn,{onClick:i}):null]})},Xi=({firstMonthOfFY:e,timeframeTick:n,timeframe:o,dataAvailable:i,bookCloseDate:r})=>{const a=M.getLocalizedStrings().reports,s=r==null||i==null||n.balanceType!=="default"&&n.balanceType!=="default_with_percent"?void 0:Uo(o,e,n,r,i),c=s!=null?s==="under_review"?a.bookCloseTagUnderReview:a.bookCloseTagInProgress:void 0,h=Yi(s,o);return t.jsx(Qi,{children:r!=null&&i!=null&&s!=null&&c!=null&&h!=null?t.jsx(Ki,{firstMonthOfFY:e,timeframeTick:n,timeframe:o,tagName:c,infoContent:h,tagType:s}):t.jsx(Ui,{isClickable:!1,children:t.jsx(qi,{children:Ue(e,n,o)})})})},mu=({firstMonthOfFY:e,timeframeTick:n,timeframe:o,sortKey:i="totals",sortOrder:r="ascending",dataAvailable:a,bookCloseDate:s,onSortOrderChanged:c})=>n.balanceType==="period_total"?t.jsx(Ji,{sortKey:i,sortOrder:r,onSortOrderChanged:c}):t.jsx(Xi,{firstMonthOfFY:e,timeframeTick:n,timeframe:o,dataAvailable:a,bookCloseDate:s}),wu=({firstMonthOfFY:e,timeframeTicks:n,timeframe:o,compareMode:i,sortKey:r="totals",sortOrder:a="ascending",dataAvailable:s,bookCloseDate:c,onCompareModeChanged:h,onSortOrderChanged:g})=>{const p=ue(),u=i==="compare_mode_amount"?`${M.getLocalizedStrings().compareMode.changePrefix} ${n[0].currencySymbol}`:M.getLocalizedStrings().compareMode.changePercent;return t.jsx(hu,{children:n.map((f,x)=>t.jsxs(N.Fragment,{children:[f.balanceType==="this_period_vs_last_period"||f.balanceType==="this_period_vs_last_period_percent"?t.jsx(pu,{children:t.jsx(On,{title:u,titleTextStyle:cn.standardRegular,titleTextAlignment:"flex-end",titleColor:p.colors.primary,selectedMode:i,menuPosition:"right",onCompareModeChanged:w=>{w!=="off"&&(w==="compare_mode_amount"||w==="compare_mode_percent"?h?.(w):console.warn("Invalid compare mode option"))}})}):null,f.balanceType==="period_total"?t.jsx(Ji,{sortKey:r,sortOrder:a,onSortOrderChanged:g}):null,f.balanceType==="default"?t.jsx(uu,{children:t.jsx(Xi,{firstMonthOfFY:e,timeframeTick:f,timeframe:o,dataAvailable:s,bookCloseDate:c},x)}):null]},x))})};function yu({backgroundColor:e,isSticky:n,height:o,isCompareModeOn:i,isAccountColumnShown:r,isClassColumnShown:a,sortKey:s,sortOrder:c,firstMonthOfFY:h,timeframe:g,timeframeTicks:p,compareMode:u,dataAvailable:f,bookCloseDate:x,onCompareModeChanged:w,onSortOrderChanged:m}){const k=W(),y=(S,$)=>{m?.(S,$)},v=()=>{m?.("descending","totals")};return t.jsxs(au,{height:o,bgColor:e,children:[t.jsx(su,{bgColor:e,windowSize:k,isSticky:n,children:t.jsx(cu,{plHeight:o,windowSize:k,bgColor:e,children:t.jsx(gu,{sortKey:s,sortOrder:c,onSortOrderChanged:y,onSortCancel:v})})}),r?t.jsx(fu,{sortKey:s,sortOrder:c,onSortOrderChanged:y,onSortCancel:v}):null,a?t.jsx(xu,{sortKey:s,sortOrder:c,onSortOrderChanged:y,onSortCancel:v}):null,t.jsx(lu,{children:i===!0?t.jsx(wu,{firstMonthOfFY:h,timeframe:g,sortKey:s,sortOrder:c,timeframeTicks:p,compareMode:u,dataAvailable:f,bookCloseDate:x,onCompareModeChanged:w,onSortOrderChanged:y}):p.map((S,$)=>t.jsx(mu,{firstMonthOfFY:h,timeframeTick:S,timeframe:g,sortKey:s,sortOrder:c,dataAvailable:f,bookCloseDate:x,onSortOrderChanged:y},$))})]})}const It=(e,n,o)=>e===o?n==="ascending"?"descending":"ascending":"descending",bu=l.div`
+  display: flex;
+  flex: 1 1 auto;
+  max-height: 1px;
+  background-color: ${e=>e.isScrolling?"transparent":e.theme.colors.grey3};
+`,ku=l.div`
+  display: flex;
+  flex: 1 1 auto;
+  max-height: 1px;
+  background-color: ${e=>e.isScrolling?"transparent":e.theme.colors.hero};
+`;function en({kind:e,isScrolling:n}){switch(e){case"vendor_row_separator":return t.jsx(bu,{isScrolling:n});case"end_row_separator":return t.jsx(ku,{isScrolling:n})}}const Su=l.div`
+  display: flex;
+  flex: 1 1 auto;
+  width: fit-content;
+  min-width: 100%;
+  flex-direction: column;
+  height: ${e=>e.height}px;
+  background-color: ${e=>e.bgColor?.hex()};
+`,ju=l.div`
+  user-select: none;
+  display: flex;
+  flex: 1 1 auto;
+  flex-flow: row;
+  justify-content: flex-start;
+  align-items: center;
+  cursor: default;
+`,vu=l.div`
+  display: flex;
+  flex: 1 0 auto;
+  flex-direction: row;
+  justify-content: flex-end;
+`,Cu=l.div`
+  display: flex;
+  flex-direction: row;
+  justify-content: flex-start;
+`,er=l(re)`
+  user-select: none;
+  min-width: ${z.balanceWidth};
+  max-width: ${z.balanceWidth};
+  text-align: right;
+  margin-left: ${z.balanceLeftMargin};
+  color: ${e=>e.theme.colors.primary};
+  border: 1px solid transparent;
+`,_u=l(er)`
+  color: ${e=>e.theme.colors.hero};
+  &:hover {
+    color: inherit;
+  }
+`,$u=l.div`
+  display: flex;
+  flex-direction: row;
+  background-color: ${e=>e.bgColor?.hex()};
+  ${({isSticky:e})=>e?D`
+          position: -webkit-sticky;
+          position: sticky;
+          top: ${d.sp0};
+          left: ${d.sp0};
+        `:null}
+`,Lu=l.div`
+  display: flex;
+  flex-direction: row;
+  flex-shrink: 2;
+  flex-grow: 1;
+  align-items: center;
+  width: ${e=>z.titleWidth.valuePx(e.windowSize)};
+  max-width: ${e=>z.titleWidth.valuePx(e.windowSize)};
+  background-color: ${e=>e.bgColor?.hex()};
+`,Lo=l.div`
+  width: ${e=>z.categoryClassWidth.valuePx(e.windowSize)};
+  max-width: ${e=>z.categoryClassWidth.valuePx(e.windowSize)};
+  background-color: ${e=>e.bgColor?.hex()};
+`,Bu=l(re)`
+  user-select: none;
+  clear: both;
+  display: inline-block;
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+  text-align: left;
+  color: ${e=>e.theme.colors.primary};
+`,Au=({type:e,balance:n,collapsed:o})=>{const i=o===!0?_u:er;return t.jsx(Cu,{children:se(e)===!0?t.jsx(i,{children:ee(n)}):null})};function Ou({type:e,backgroundColor:n,isSticky:o,treeNodeId:i,height:r,title:a,totalBalances:s,isAccountColumnShown:c,isClassColumnShown:h,onClick:g,isScrolling:p}){const u=W();return t.jsxs(Su,{"data-testid":b("total-row-root-container",i),height:r,bgColor:n,windowSize:u,children:[t.jsxs(ju,{"data-testid":b("total-row-container",i),onClick:()=>g?.(i),children:[t.jsxs($u,{bgColor:n,windowSize:u,isSticky:o,children:[t.jsx(Lu,{bgColor:n,windowSize:u,children:t.jsx(Bu,{children:a})}),c?t.jsx(Lo,{windowSize:u}):null,h?t.jsx(Lo,{windowSize:u}):null]}),t.jsx(vu,{children:s.map((f,x)=>t.jsx(Au,{type:e,balance:f,collapsed:!1},x))})]}),t.jsx(en,{isScrolling:p,kind:"vendor_row_separator"})]})}const Iu=l.div`
+  display: flex;
+  flex: 1 1 auto;
+  width: fit-content;
+  min-width: 100%;
+  flex-direction: column;
+  height: ${e=>e.height}px;
+  background-color: ${e=>e.bgColor?.hex()};
+`,Mu=l.div`
+  user-select: none;
+  display: flex;
+  flex: 1 1 auto;
+  flex-flow: row;
+  justify-content: flex-start;
+  align-items: center;
+  &:hover {
+    color: ${e=>e.isClickable?e.theme.colors.primary:e.theme.colors.hero};
+  }
+`,Nu=l.div`
+  display: flex;
+  flex: 1 0 auto;
+  flex-direction: row;
+  justify-content: flex-end;
+`,Wu=l.div`
+  display: flex;
+  flex-direction: row;
+  justify-content: flex-start;
+`,Pu=l(B)`
+  user-select: none;
+  min-width: ${z.balanceWidth};
+  max-width: ${z.balanceWidth};
+  text-align: right;
+  margin-left: ${z.balanceLeftMargin};
+  border: 1px solid transparent;
+  color: ${e=>e.theme.colors.hero};
+  cursor: ${e=>e.isClickable?"pointer":"default"};
+  &:hover {
+    color: ${e=>e.isClickable?e.theme.colors.primary:e.theme.colors.hero};
+  }
+`,zu=l.div`
+  display: flex;
+  flex-direction: row;
+  background-color: ${e=>e.bgColor?.hex()};
+  ${({isSticky:e})=>e?D`
+          position: -webkit-sticky;
+          position: sticky;
+          top: ${d.sp0};
+          left: ${d.sp0};
+        `:null}
+`,Fu=l.div`
+  display: flex;
+  flex-direction: row;
+  flex-shrink: 2;
+  flex-grow: 1;
+  align-items: center;
+  gap: ${d.sp2};
+  width: ${e=>z.titleWidth.valuePx(e.windowSize)};
+  max-width: ${e=>z.titleWidth.valuePx(e.windowSize)};
+  background-color: ${e=>e.bgColor?.hex()};
+`,Me=l(B)`
+  user-select: none;
+  clear: both;
+  display: inline-block;
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+  text-align: left;
+  color: ${e=>e.theme.colors.hero};
+  cursor: ${e=>e.isClickable?"pointer":"default"};
+  &:hover {
+    color: ${e=>e.isClickable?e.theme.colors.primary:e.theme.colors.hero};
+  }
+`,Tu=l.div`
+  display: flex;
+  flex-direction: row;
+  flex-shrink: 2;
+  flex-grow: 1;
+  align-items: center;
+  width: ${e=>z.categoryClassWidth.valuePx(e.windowSize)};
+  max-width: ${e=>z.categoryClassWidth.valuePx(e.windowSize)};
+  background-color: ${e=>e.bgColor?.hex()};
+`,Vu=l.div`
+  display: flex;
+  flex-direction: row;
+  flex-shrink: 2;
+  flex-grow: 1;
+  align-items: center;
+  width: ${e=>z.categoryClassWidth.valuePx(e.windowSize)};
+  max-width: ${e=>z.categoryClassWidth.valuePx(e.windowSize)};
+  background-color: ${e=>e.bgColor?.hex()};
+`,Du=l.div`
+  width: ${d.sp4};
+  height: ${d.sp4};
+  border-radius: 50%;
+  background-color: ${e=>e.theme.colors.grey3};
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  color: ${e=>e.theme.colors.hero};
+`,Ru=l($r)`
+  width: ${d.sp3};
+  height: ${d.sp3};
+`,Eu=l.div`
+  display: flex;
+  column-gap: ${d.sp2};
+  width: 100%;
+  &:hover {
+    .hyphen-text {
+      display: none;
+    }
+    .not-specified-text {
+      display: block;
+    }
+  }
+`,Gu=l(B)`
+  color: ${e=>e.theme.colors.hero};
+`,Hu=l(B)`
+  color: ${e=>e.theme.colors.hero};
+  display: none;
+`,Ku=({balance:e,vendor:n,onVendorNameAndBalanceClick:o})=>{const i=!(e?.type==="this_period_vs_last_period"||e?.type==="this_period_vs_last_period_percent")&&e?.type!=="period_total"&&e?.type!=="default_with_null_balance"&&!Yo(n.id);return t.jsx(Wu,{children:t.jsx(Pu,{isClickable:i,onClick:()=>{i===!0&&o(n,e??void 0)},children:ee(e)})})};function Yu({type:e,backgroundColor:n,isSticky:o,height:i,isScrolling:r,isLastNode:a,vendor:s,balances:c,accountBase:h,classBase:g,isAccountColumnShown:p,isClassColumnShown:u,onVendorNameAndBalanceClick:f}){const x=W(),w=Wo(),m=w.loggedInUserRole!=null&&!Ko(w.loggedInUserRole),k=Yo(s.id),y=m===!0&&s!=null&&!k,v=y?"pointer":"default",S=s.name;return t.jsxs(Iu,{"data-testid":b("vendor-row-root-container",s.id),height:i,bgColor:n,windowSize:x,children:[t.jsxs(Mu,{"data-testid":b("vendor-row-container",s.id),style:{cursor:v},isClickable:y,children:[t.jsx(zu,{"data-testid":b("vendor-row-sticky-container",s.id),isSticky:o,windowSize:x,bgColor:n,children:t.jsxs(Fu,{"data-testid":b("vendor-row-name-container",s.id),windowSize:x,bgColor:n,children:[t.jsxs(ft,{controller:!k,children:[s.logo!=null?t.jsx(on,{photoUrl:s.logo.toString(),styles:{width:z.nameLogoWidth.valuePx(x),height:z.nameLogoHeight.valuePx(x)}}):t.jsx(rn,{name:S,size:d.sp4}),t.jsx(Me,{"data-testid":b("vendor-row-name",s.id),style:{cursor:v},isClickable:y,onClick:()=>{y===!0&&f(s)},children:S})]}),t.jsx(ft,{controller:k,children:t.jsxs(Eu,{children:[t.jsx(Du,{children:t.jsx(Ru,{})}),t.jsx(Gu,{className:"hyphen-text",children:M.getLocalizedStrings().common.strings.hyphen}),t.jsx(Hu,{className:"not-specified-text",children:S})]})})]})}),p?t.jsx(Tu,{windowSize:x,bgColor:n,children:h!=null?t.jsx(Me,{"data-testid":b("vendor-row-account-name",s.id),title:h.accountName,isClickable:!1,children:h.accountName}):t.jsx(Me,{isClickable:!1,"data-testid":b("vendor-row-account-name",s.id),children:M.getLocalizedStrings().common.strings.hyphen})}):null,u?t.jsx(Vu,{windowSize:x,bgColor:n,children:g!=null?t.jsx(Me,{"data-testid":b("vendor-row-class-name",s.id),title:g.className,isClickable:!1,children:g.className}):t.jsx(Me,{"data-testid":b("vendor-row-class-name",s.id),isClickable:!1,children:M.getLocalizedStrings().common.strings.hyphen})}):null,t.jsx(Nu,{children:c.map(($,C)=>t.jsx(Ku,{type:e,balance:$,vendor:s,onVendorNameAndBalanceClick:f},C))})]}),t.jsx(Uu,{isScrolling:r,isLastNode:a})]})}function Uu({isScrolling:e,isLastNode:n}){return n?t.jsx(en,{isScrolling:e,kind:"end_row_separator"}):t.jsx(en,{isScrolling:e,kind:"vendor_row_separator"})}function Nn(e,n,o){return qu(n,o)}const qu=(e,n,o)=>{const i={compactedAccountsSelector:()=>[],compactedAccountsSelectorVariant:()=>[],acGroupBalanceSelector:()=>{},acBalanceSelector:()=>{},compactedAccountGroupsSelector:()=>[]};return i.acBalanceSelector=r=>r.account.balancesInTimeframe,i.compactedAccountsSelector=r=>Bo(r.accounts,i.acBalanceSelector,e),i.compactedAccountsSelectorVariant=r=>Bo(r,i.acBalanceSelector,e),i.acGroupBalanceSelector=r=>r,i.compactedAccountGroupsSelector=r=>function(a,s,c,h){switch(h){case"off":return a;case"filter_actual_nil_account_group_balances":return a.filter(g=>tr(s(g)?.balances??[]));case"filter_forecast_nil_account_group_balances":return a.filter(g=>function(p){let u=!1;if(p!=null){for(const f of p)if(f.forecast!=null&&f.forecast.amount!==0){u=!0;break}}return u}(s(g)?.balances??[]));case"filter_actual_forecast_nil_account_group_balances":return a.filter(g=>function(p){let u=!1;if(p!=null){for(const f of p)if(f.forecast!=null&&f.forecast.amount!==0||f.balance!=null&&f.balance.amount!==0){u=!0;break}}return u}(s(g)?.balances??[]));case"filter_actual_forecast_empty_account_group_balances":return a.filter(g=>(s(g)?.balances??[]).length>0)}}(r,i.acGroupBalanceSelector,0,n),i};function Bo(e,n,o){switch(o){case"off":return e;case"filter_actual_nil_balances":return e.filter(i=>function(r){let a=!1;if(r!=null){for(const s of r)if(s.totalBalance!=null&&s.totalBalance.amount!==0){a=!0;break}}return a}((n(i)?.balances??[]).concat(n(i)?.additionalBalances??[]))||tr((n(i)?.balances??[]).concat(n(i)?.additionalBalances??[])));case"filter_forecast_nil_balances":case"filter_actual_forecast_nil_balances":return e.filter(i=>Zu(n(i)?.balances??[]))}}function tr(e){let n=!1;if(e!=null){for(const o of e)if(o.balance.amount!==0){n=!0;break}}return n}function Zu(e){let n=!1;if(e!=null){for(const o of e)if(o.totalForecast!=null&&o.totalForecast.amount!==0||o.totalBalance!=null&&o.totalBalance.amount!==0){n=!0;break}}return n}function nr(e,n,o=-1,i=!0){const r=o!==-1;let a=[],s=-1;if(e==null||e.balances.length===0)return r===!0&&(a=function(h,g){return h.length>0?h:vi(Array(g),null)}([],o)),{balances:a,thisPeriodIndex:s};let c=e.balances;return n==="ascending_date"?s=e.balances.length-1:(s=0,c=[...e.balances].reverse()),{balances:[...c,...i?e.additionalBalances:[]],thisPeriodIndex:s}}const Qu=l.div`
+  display: flex;
+  flex: 1 1 auto;
+  width: fit-content;
+  min-width: 100%;
+  flex-direction: column;
+  height: ${e=>e.height}px;
+  background-color: ${e=>e.bgColor?.hex()};
+`,Ju=l.div`
+  user-select: none;
+  display: flex;
+  flex: 1 1 auto;
+  flex-flow: row;
+  justify-content: flex-start;
+  align-items: center;
+  &:hover {
+    color: ${e=>e.isClickable?e.theme.colors.primary:e.theme.colors.hero};
+  }
+`,Xu=l.div`
+  display: flex;
+  flex: 1 0 auto;
+  flex-direction: row;
+  justify-content: flex-end;
+`,ep=l.div`
+  display: flex;
+  flex-direction: row;
+  justify-content: flex-start;
+`,or=l(B)`
+  user-select: none;
+  min-width: ${j.balanceWidth};
+  max-width: ${j.balanceWidth};
+  text-align: right;
+  margin-left: ${j.balanceLeftMargin};
+  color: ${e=>e.theme.colors.primary};
+`,tp=l(or)`
+  color: ${e=>e.theme.colors.hero};
+  &:hover {
+    color: inherit;
+  }
+`,np=l.div`
+  display: flex;
+  flex-direction: row;
+  flex-shrink: 2;
+  flex-grow: 1;
+  align-items: center;
+  width: ${e=>j.titleWidth.valuePx(e.windowSize)};
+  max-width: ${e=>j.titleWidth.valuePx(e.windowSize)};
+  background-color: ${e=>e.bgColor?.hex()};
+  ${({isSticky:e})=>e?D`
+          position: -webkit-sticky;
+          position: sticky;
+          top: ${d.sp0};
+          left: ${d.sp0};
+        `:null}
+`,ir=l(B)`
+  user-select: none;
+  clear: both;
+  display: inline-block;
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+  text-align: left;
+  margin-left: ${d.sp4};
+  color: ${e=>e.theme.colors.primary};
+`,op=l(ir)`
+  color: ${e=>e.theme.colors.hero};
+  &:hover {
+    color: inherit;
+  }
+`,ip=({type:e,balance:n,collapsed:o,isActualVsForecastOn:i,compareMode:r})=>{const a=o===!0?tp:or;return t.jsxs(ep,{children:[se(e)===!0||i?t.jsx(a,{children:ee(n)}):t.jsx(a,{children:te(n)}),i?t.jsxs(t.Fragment,{children:[t.jsx(a,{children:te(n)}),t.jsx(a,{children:r==="compare_mode_percent"?pe(n):ge(n)})]}):null]})};function rp({type:e,backgroundColor:n,isSticky:o,treeNodeId:i,height:r,leftChevron:a,accountGroupName:s,accountGroupBalances:c,isActualVsForecastOn:h,compareMode:g,isScrolling:p,isOpen:u,isLeaf:f,isLastNode:x,onClick:w}){const m=ue(),k=W(),y=!f,v=y?"pointer":"default",S=a==="collapsed",$=a==="hidden",C=$===!0?_[6]:_[4],L=S===!0?op:ir,O=S===!0?zo:Fo,P=S===!0?m.colors.hero:m.colors.primary;return t.jsxs(Qu,{height:r,bgColor:n,"data-testid":b("pandl-report-account-group-row-root-container",i),children:[t.jsxs(Ju,{"data-testid":b("pandl-report-account-group-row-container",i),style:{cursor:v},isClickable:y,onClick:()=>w?.(i),children:[me(e)===!0?t.jsxs(np,{bgColor:n,isSticky:o,windowSize:k,children:[$===!1?t.jsx(O,{color:P,style:{width:_[3],height:_[3]}}):null,t.jsx(L,{style:{marginLeft:C},children:s})]}):null,be(e)===!0?t.jsx(Xu,{children:c.map((T,R)=>t.jsx(ip,{type:e,accountGroupName:s,balance:T,isActualVsForecastOn:h,compareMode:g,collapsed:S},R))}):null]}),t.jsx(ap,{isScrolling:p,type:e,isLeaf:f,isLastNode:x,isOpen:u})]})}function ap({isScrolling:e,type:n,isLastNode:o,isOpen:i}){let r="ac_group_row_separator";return o&&!i?r="section_row_separator":i&&(r=me(n)===!0?"account_title_row_separator":"account_balance_row_separator"),t.jsx(ke,{isScrolling:e,kind:r})}const lp=l.div`
+  display: flex;
+  flex: 1 1 auto;
+  width: fit-content;
+  min-width: 100%;
+  flex-direction: column;
+  height: ${e=>e.height}px;
+  background-color: ${e=>e.bgColor?.hex()};
+`,sp=l.div`
+  user-select: none;
+  display: flex;
+  flex: 1 1 auto;
+  flex-flow: row;
+  justify-content: flex-start;
+  align-items: center;
+  &:hover {
+    color: ${e=>e.isClickable?e.theme.colors.primary:e.theme.colors.hero};
+  }
+`,cp=l.div`
+  display: flex;
+  flex: 1 0 auto;
+  flex-direction: row;
+  justify-content: flex-end;
+`,dp=l.div`
+  display: flex;
+  flex-direction: row;
+  justify-content: flex-start;
+`,rr=l(B)`
+  user-select: none;
+  min-width: ${j.balanceWidth};
+  max-width: ${j.balanceWidth};
+  text-align: right;
+  margin-left: ${j.balanceLeftMargin};
+  color: ${e=>e.theme.colors.primary};
+`,hp=l(rr)`
+  color: ${e=>e.theme.colors.hero};
+  &:hover {
+    color: inherit;
+  }
+`,up=l.div`
+  display: flex;
+  flex-direction: row;
+  flex-shrink: 2;
+  flex-grow: 1;
+  align-items: center;
+  width: ${e=>j.titleWidth.valuePx(e.windowSize)};
+  max-width: ${e=>j.titleWidth.valuePx(e.windowSize)};
+  background-color: ${e=>e.bgColor?.hex()};
+  ${({isSticky:e})=>e?D`
+          position: -webkit-sticky;
+          position: sticky;
+          top: ${d.sp0};
+          left: ${d.sp0};
+        `:null}
+`,ar=l(B)`
+  user-select: none;
+  clear: both;
+  display: inline-block;
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+  text-align: left;
+  margin-left: ${d.sp2};
+  color: ${e=>e.theme.colors.primary};
+`,pp=l(ar)`
+  color: ${e=>e.theme.colors.hero};
+  &:hover {
+    color: inherit;
+  }
+`,gp=({type:e,balance:n,collapsed:o,isActualVsForecastOn:i,compareMode:r})=>{const a=o===!0?hp:rr;return t.jsxs(dp,{children:[se(e)===!0||i?t.jsx(a,{children:ee(n)}):t.jsx(a,{children:te(n)}),i?t.jsxs(t.Fragment,{children:[t.jsx(a,{children:te(n)}),t.jsx(a,{children:r==="compare_mode_percent"?pe(n):ge(n)})]}):null]})};function fp({type:e,backgroundColor:n,isSticky:o,treeNodeId:i,height:r,leftChevron:a,accountGroupName:s,accountGroupBalances:c,isActualVsForecastOn:h,compareMode:g,isScrolling:p,isOpen:u,isLeaf:f,isLastNode:x,onClick:w}){const m=W(),k=ue(),y=!f,v=y?"pointer":"default",S=a==="collapsed",$=S===!0?pp:ar,[C,L]=N.useState(!1),O=s.length>0?s.substring(0,1).toUpperCase():"";return t.jsxs(lp,{"data-testid":b("pandl-account-group-row-root-container",i),height:r,bgColor:n,children:[t.jsxs(sp,{"data-testid":b("pandl-account-group-row-container",i),onMouseOver:()=>L(!0),onMouseLeave:()=>L(!1),style:{cursor:v},isClickable:y,onClick:()=>w?.(i),children:[me(e)===!0?t.jsxs(up,{bgColor:n,isSticky:o,windowSize:m,children:[t.jsx(ve,{showCollapsedIcon:S,showIcon:C&&y,firstLetter:O,color:I(k.colors.primary)}),t.jsx($,{children:s})]}):null,be(e)===!0?t.jsx(cp,{children:c.map((P,T)=>t.jsx(gp,{type:e,accountGroupName:s,balance:P,isActualVsForecastOn:h,compareMode:g,collapsed:S},T))}):null]}),t.jsx(xp,{isScrolling:p,type:e,isLeaf:f,isLastNode:x,isOpen:u})]})}function xp({isScrolling:e,type:n,isLastNode:o,isOpen:i}){let r="ac_group_row_separator";return o&&!i?r="section_row_separator":i&&(r=me(n)===!0?"account_title_row_separator":"account_balance_row_separator"),t.jsx(ke,{isScrolling:e,kind:r})}const mp=l.div`
+  display: flex;
+  flex: 1 1 auto;
+  width: fit-content;
+  min-width: 100%;
+  flex-direction: column;
+  height: ${e=>e.height}px;
+  background-color: ${e=>e.bgColor?.hex()};
+`,wp=l.div`
+  user-select: none;
+  display: flex;
+  flex: 1 1 auto;
+  flex-flow: row;
+  justify-content: flex-start;
+  align-items: center;
+`,yp=l.div`
+  display: flex;
+  flex: 1 0 auto;
+  flex-direction: row;
+  justify-content: flex-end;
+`,bp=l.div`
+  display: flex;
+  flex-direction: row;
+  justify-content: flex-start;
+`,ct=l(B)`
+  user-select: none;
+  min-width: ${j.balanceWidth};
+  max-width: ${j.balanceWidth};
+  text-align: right;
+  margin-left: ${j.balanceLeftMargin};
+  color: ${e=>e.theme.colors.hero};
+  cursor: ${e=>e.isClickable?"pointer":"default"};
+  &:hover {
+    color: ${e=>e.isClickable?e.theme.colors.primary:e.theme.colors.hero};
+  }
+`,kp=l.div`
+  display: flex;
+  flex-direction: row;
+  flex-shrink: 2;
+  flex-grow: 1;
+  align-items: center;
+  width: ${e=>j.titleWidth.valuePx(e.windowSize)};
+  max-width: ${e=>j.titleWidth.valuePx(e.windowSize)};
+  background-color: ${e=>e.bgColor?.hex()};
+  ${({isSticky:e})=>e?D`
+          position: -webkit-sticky;
+          position: sticky;
+          top: ${d.sp0};
+          left: ${d.sp0};
+        `:null}
+`,Sp=l(B)`
+  user-select: none;
+  clear: both;
+  display: inline-block;
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+  text-align: left;
+  margin-left: ${d.sp6};
+  color: ${e=>e.theme.colors.hero};
+  cursor: ${e=>e.isClickable?"pointer":"default"};
+  &:hover {
+    color: ${e=>e.isClickable?e.theme.colors.primary:e.theme.colors.hero};
+  }
+`,jp=({type:e,balance:n,isActualVsForecastOn:o,compareMode:i,account:r,onAccountBalanceClick:a})=>{const s=r!=null&&n!=null&&a!=null&&!(n?.type==="this_period_vs_last_period"||n?.type==="this_period_vs_last_period_percent");return t.jsxs(bp,{"data-testid":b("account-row-balance-element",e),children:[se(e)===!0||o?t.jsx(ct,{"data-testid":b("account-row-balance-actual",e),isClickable:s,onClick:()=>{s===!0&&r!=null&&n!=null&&a?.(r,n)},children:ee(n)}):t.jsx(ct,{"data-testid":b("account-row-balance-forecast",e),isClickable:!1,children:te(n)}),o?t.jsxs(t.Fragment,{children:[t.jsx(ct,{isClickable:!1,"data-testid":b("account-row-balance-forecast",e),children:te(n)}),t.jsx(ct,{"data-testid":b("account-row-balance-forecast",e),isClickable:!1,children:i==="compare_mode_percent"?pe(n):ge(n)})]}):null]})};function vp({type:e,backgroundColor:n,isSticky:o,treeNodeId:i,height:r,accountBalances:a,isActualVsForecastOn:s,compareMode:c,isScrolling:h,isLeaf:g,isLastNode:p,account:u,onAccountBalanceClick:f}){const x=W(),{common:{strings:{hyphen:w}}}=M.getLocalizedStrings(),m=u?.accountDescription?u.accountDescription:w,k=u?.accountName?u.accountName:m;return t.jsxs(mp,{height:r,bgColor:n,"data-testid":b("account-row-root-container",i),children:[t.jsxs(wp,{"data-testid":b("account-row-container",i),children:[me(e)===!0?t.jsx(kp,{isSticky:o,windowSize:x,bgColor:n,children:t.jsx(Sp,{isClickable:!1,title:k,children:k})}):null,be(e)===!0?t.jsx(yp,{children:a.map((y,v)=>t.jsx(jp,{type:e,isActualVsForecastOn:s,compareMode:c,balance:y,account:u,onAccountBalanceClick:f==null?void 0:(S,$)=>{f(i,S,$)}},v))}):null]}),t.jsx(Cp,{isScrolling:h,type:e,isLeaf:g,isLastNode:p})]})}function Cp({isScrolling:e,isLastNode:n,type:o}){const i=n?"ac_group_row_separator":me(o)===!0?"account_title_row_separator":"account_balance_row_separator";return t.jsx(ke,{isScrolling:e,kind:i})}const _p=l.div`
+  display: flex;
+  flex: 1 1 auto;
+  width: fit-content;
+  min-width: 100%;
+  flex-direction: column;
+  height: ${e=>e.height}px;
+  background-color: ${e=>e.bgColor?.hex()};
+`,$p=l.div`
+  user-select: none;
+  display: flex;
+  flex: 1 1 auto;
+  flex-flow: row;
+  justify-content: flex-start;
+  align-items: center;
+`,Lp=l.div`
+  display: flex;
+  flex: 1 0 auto;
+  flex-direction: row;
+  justify-content: flex-end;
+`,Bp=l.div`
+  display: flex;
+  flex-direction: row;
+  justify-content: flex-start;
+`,dt=l(B)`
+  user-select: none;
+  max-width: ${j.balanceWidth};
+  min-width: ${j.balanceWidth};
+  text-align: right;
+  margin-left: ${j.balanceLeftMargin};
+`,Ap=l.div`
+  display: flex;
+  flex-direction: row;
+  flex-shrink: 2;
+  flex-grow: 1;
+  align-items: center;
+  width: ${e=>j.titleWidth.valuePx(e.windowSize)};
+  max-width: ${e=>j.titleWidth.valuePx(e.windowSize)};
+  background-color: ${e=>e.bgColor?.hex()};
+  ${({isSticky:e})=>e?D`
+          position: -webkit-sticky;
+          position: sticky;
+          top: ${d.sp0};
+          left: ${d.sp0};
+        `:null}
+`,Op=l.div`
+  display: flex;
+  flex-grow: 8;
+`,Ip=l(B)`
+  user-select: none;
+  user-select: none;
+  clear: both;
+  display: inline-block;
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+  text-align: left;
+  margin-left: ${d.sp2};
+`,Mp=l(je)`
+  display: flex;
+  color: ${e=>e.theme.colors.primary};
+  align-items: center;
+  flex-direction: row;
+  justify-content: flex-end;
+  padding: 1px 6px;
+  height: 20px;
+  border: 1px solid ${e=>e.theme.colors.primary};
+  border-radius: ${d.sp1};
+  margin: 0 ${d.sp5} 0 ${d.sp3};
+`,Np=({metadata:e,depth:n})=>n===0?null:e.hasSibling!==!0||e.isLastNode?t.jsx(Mr,{}):t.jsx(Nr,{}),Wp=({type:e,balance:n,color:o,isActualVsForecastOn:i,compareMode:r})=>t.jsxs(Bp,{children:[se(e)===!0||i?t.jsx(dt,{style:{color:o},children:ee(n)}):t.jsx(dt,{style:{color:o},children:te(n)}),i?t.jsxs(t.Fragment,{children:[t.jsx(dt,{style:{color:o},children:te(n)}),t.jsx(dt,{style:{color:o},children:r==="compare_mode_percent"?pe(n):ge(n)})]}):null]});function Pp({type:e,backgroundColor:n,isSticky:o,treeNodeId:i,height:r,className:a,classCode:s,sectionBalances:c,isActualVsForecastOn:h,compareMode:g,hasChildren:p,isScrolling:u,isOpen:f,isLeaf:x,metadata:w,showClassAccountNumber:m,onClick:k,depth:y}){const v=W(),S=!x,$=S?"pointer":"default",C=ue().colors.primary,L=a.length>0?a.substr(0,1).toUpperCase():"",[O,P]=N.useState(!1),T=w.classAncestorMetadata??[];return t.jsxs(_p,{"data-testid":b("class-row-root-container",i),height:r,bgColor:n,children:[t.jsxs($p,{"data-testid":b("class-row-container",i),style:{cursor:$},onClick:()=>k?.(i),onMouseOver:()=>P(!0),onMouseLeave:()=>P(!1),children:[me(e)===!0?t.jsxs(Ap,{isSticky:o,windowSize:v,bgColor:n,children:[t.jsx(el,{name:a,ancestorMetadata:T,depth:y}),t.jsx(Np,{metadata:T[y],depth:y}),t.jsx(ve,{color:I(C),showCollapsedIcon:!f,showIcon:O&&S,firstLetter:L,showTreeLine:p}),t.jsx(Op,{children:t.jsx(Ip,{style:{color:C},children:a})}),O===!0&&m===!0&&s!==void 0&&t.jsx(Mp,{children:s})]}):null,be(e)===!0?t.jsx(Lp,{children:c.map((R,V)=>t.jsx(Wp,{type:e,sectionName:a,balance:R,isActualVsForecastOn:h,compareMode:g,color:C},V))}):null]}),t.jsx(zp,{isScrolling:u,isLeaf:x,isOpen:f})]})}function zp({isScrolling:e,isLeaf:n,isOpen:o}){return n||!o?t.jsx(ke,{isScrolling:e,kind:"section_row_separator"}):null}const Fp=l.div`
+  display: flex;
+  flex: 1 1 auto;
+  width: fit-content;
+  min-width: 100%;
+  flex-direction: column;
+  height: ${e=>e.height}px;
+  background-color: ${e=>e.bgColor?.hex()};
+`,Tp=l.div`
+  user-select: none;
+  display: flex;
+  flex: 1 1 auto;
+  flex-flow: row;
+  justify-content: flex-start;
+  align-items: center;
+`,Vp=l.div`
+  display: flex;
+  flex: 1 0 auto;
+  flex-direction: row;
+  justify-content: flex-end;
+`,Dp=l.div`
+  display: flex;
+  flex-direction: row;
+  justify-content: flex-start;
+`,ht=l(B)`
+  user-select: none;
+  max-width: ${j.balanceWidth};
+  min-width: ${j.balanceWidth};
+  text-align: right;
+  margin-left: ${j.balanceLeftMargin};
+`,Rp=l.div`
+  display: flex;
+  flex-direction: row;
+  flex-shrink: 2;
+  flex-grow: 1;
+  align-items: center;
+  width: ${e=>j.titleWidth.valuePx(e.windowSize)};
+  max-width: ${e=>j.titleWidth.valuePx(e.windowSize)};
+  background-color: ${e=>e.bgColor?.hex()};
+  ${({isSticky:e})=>e?D`
+          position: -webkit-sticky;
+          position: sticky;
+          top: ${d.sp0};
+          left: ${d.sp0};
+        `:null}
+`,Ep=l(B)`
+  user-select: none;
+  user-select: none;
+  clear: both;
+  display: inline-block;
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+  text-align: left;
+  margin-left: ${d.sp2};
+`,Gp=({type:e,balance:n,color:o,isActualVsForecastOn:i,compareMode:r})=>t.jsxs(Dp,{children:[se(e)===!0||i?t.jsx(ht,{style:{color:o},children:ee(n)}):t.jsx(ht,{style:{color:o},children:te(n)}),i?t.jsxs(t.Fragment,{children:[t.jsx(ht,{style:{color:o},children:te(n)}),t.jsx(ht,{style:{color:o},children:r==="compare_mode_percent"?pe(n):ge(n)})]}):null]});function Wn({type:e,backgroundColor:n,isSticky:o,treeNodeId:i,height:r,sectionName:a,sectionBalances:s,isActualVsForecastOn:c,compareMode:h,sectionColor:g,isScrolling:p,isOpen:u,isLeaf:f,onClick:x}){const w=W(),m=!f,k=m?"pointer":"default",y=a.length>0?a.substring(0,1).toUpperCase():"",[v,S]=N.useState(!1);return t.jsxs(Fp,{"data-testid":b("section-row",i),height:r,bgColor:n,children:[t.jsxs(Tp,{"data-testid":b("section-row-container",i),style:{cursor:k},onClick:()=>x?.(i),onMouseOver:()=>S(!0),onMouseLeave:()=>S(!1),children:[me(e)===!0?t.jsxs(Rp,{isSticky:o,windowSize:w,bgColor:n,children:[t.jsx(ve,{color:I(g),showCollapsedIcon:!u,showIcon:v&&m,firstLetter:y}),t.jsx(Ep,{style:{color:g},children:a})," "]}):null,be(e)===!0?t.jsx(Vp,{children:s.map(($,C)=>t.jsx(Gp,{type:e,sectionName:a,balance:$,isActualVsForecastOn:c,compareMode:h,color:g},C))}):null]}),t.jsx(Hp,{isScrolling:p,isLeaf:f,isOpen:u})]})}function Hp({isScrolling:e,isLeaf:n,isOpen:o}){return n||!o?t.jsx(ke,{isScrolling:e,kind:"section_row_separator"}):null}const Kp=l.div`
+  display: flex;
+  flex: 1 1 auto;
+  width: fit-content;
+  min-width: 100%;
+  flex-direction: column;
+  height: ${e=>e.height-1}px;
+  background-color: ${e=>e.bgColor?.hex()};
+`,Yp=l.div`
+  user-select: none;
+  display: flex;
+  flex: 1 1 auto;
+  flex-flow: row;
+  justify-content: flex-start;
+  align-items: center;
+`,Up=l.div`
+  display: flex;
+  flex: 1 0 auto;
+  flex-direction: row;
+  justify-content: flex-end;
+`,qp=l.div`
+  display: flex;
+  flex-direction: row;
+  justify-content: flex-start;
+`,ut=l(B)`
+  user-select: none;
+  min-width: ${j.balanceWidth};
+  max-width: ${j.balanceWidth};
+  text-align: right;
+  margin-left: ${j.balanceLeftMargin};
+  color: ${e=>e.theme.colors.hero};
+  cursor: ${e=>e.isClickable?"pointer":"default"};
+  &:hover {
+    color: ${e=>e.isClickable?e.theme.colors.primary:e.theme.colors.hero};
+  }
+`,Zp=l.div`
+  display: flex;
+  flex-direction: row;
+  flex-shrink: 2;
+  flex-grow: 1;
+  align-items: center;
+  height: ${e=>e.containerHeight-1}px; // Else bottom line doesnt show up
+  // because the height of the svg is much larger
+  width: ${e=>j.titleWidth.valuePx(e.windowSize)};
+  max-width: ${e=>j.titleWidth.valuePx(e.windowSize)};
+  background-color: ${e=>e.bgColor?.hex()};
+  color: ${e=>e.theme.colors.hero};
+
+  cursor: ${e=>e.isClickable?"pointer":"default"};
+  &:hover {
+    color: ${e=>e.isClickable?e.theme.colors.primary:e.theme.colors.hero};
+  }
+  ${({isSticky:e})=>e?D`
+          position: -webkit-sticky;
+          position: sticky;
+          top: ${d.sp0};
+          left: ${d.sp0};
+        `:null}
+`,Qp=l(B)`
+  user-select: none;
+  clear: both;
+  display: inline-block;
+  text-align: left;
+`,Jp=({type:e,balance:n,isActualVsForecastOn:o,compareMode:i,account:r,showTotal:a,onAccountBalanceClick:s})=>{const c=n!=null&&Hr(n?.type),h=r!=null&&n!=null&&s!=null&&c!==!0,g=a===!0?qo(n):ee(n),p=a===!0?Ht(n):te(n),u=a===!0?Zo(n):pe(n),f=a===!0?Qo(n):ge(n);return t.jsxs(qp,{"data-testid":b("account-row-balance-element",e),children:[se(e)===!0||o?t.jsx(ut,{"data-testid":b("account-row-balance-actual",e),isClickable:h,onClick:x=>{x.stopPropagation(),h===!0&&r!=null&&n!=null&&s?.(r,n)},children:g}):t.jsx(ut,{"data-testid":b("account-row-balance-forecast",e),isClickable:!1,children:p}),o?t.jsxs(t.Fragment,{children:[t.jsx(ut,{"data-testid":b("account-row-balance-forecast",e),isClickable:!1,children:p}),t.jsx(ut,{"data-testid":b("account-row-balance-actual-vs-forecast",e),isClickable:!1,children:i==="compare_mode_percent"?u:f})]}):null]})};function Xp({type:e,backgroundColor:n,isSticky:o,treeNodeId:i,height:r,classDepth:a,accountBalances:s,isActualVsForecastOn:c,compareMode:h,metadata:g,isScrolling:p,noMarginForAccount:u,isLeaf:f,isOpen:x,isLastNode:w,account:m,onAccountBalanceClick:k,onClick:y}){const v=W(),S=m!=null?m.id.length-1:0,$=m?.hasSiblings??!1,C=m!=null&&m.children.length!==0,L=g,{common:{strings:{empty:O}}}=M.getLocalizedStrings(),P=m?.account.accountDescription?m.account.accountDescription:O,T=m?.account.accountName?m.account.accountName:P;return t.jsxs(Kp,{"data-testid":b("sub-account-row",i),height:r,bgColor:n,children:[t.jsxs(Yp,{"data-testid":b("sub-account-row-container",i),onClick:()=>y?.(i),children:[t.jsx(Zp,{isClickable:C,isSticky:o,windowSize:v,bgColor:n,containerHeight:r,children:t.jsx(Qp,{title:T,children:t.jsx(oi,{displayName:T,depth:S,classDepth:a,isLastNode:w,hasChildren:C,hasSiblings:$,isLeaf:f,collapsed:!x,subAccountAnscestorMetadata:L.subAccountAncestorMetadata,classAnscestorMetadata:L.classAncestorMetadata??[],noMarginForAccount:u})})}),be(e)===!0?t.jsx(Up,{children:s.map((R,V)=>t.jsx(Jp,{type:e,isActualVsForecastOn:c,compareMode:h,balance:R,account:m?.account,showTotal:!x,onAccountBalanceClick:k==null?void 0:(Y,U)=>{k(i,Y,U)}},V))}):null]}),t.jsx(eg,{isScrolling:p,isLeaf:f,isOpen:x,depth:S,isSticky:o,classDepth:a,noMarginForAccount:u})]})}function eg({isScrolling:e,depth:n,isOpen:o,isLeaf:i,isSticky:r,classDepth:a,noMarginForAccount:s}){return o&&i!==!0?null:t.jsx(ke,{isScrolling:e,kind:"sub_account_balance_row_separator",subAccountProps:{nestingLevel:n,isSticky:r,classDepth:a,noMarginForAccount:s}})}const tg=[10,14,20,20,20],ng=l.div`
+  display: flex;
+  flex: 1 1 auto;
+  width: fit-content;
+  min-width: 100%;
+  flex-direction: column;
+  height: ${e=>e.height-1}px;
+  background-color: ${e=>e.bgColor?.hex()};
+`,og=l.div`
+  user-select: none;
+  display: flex;
+  flex: 1 1 auto;
+  flex-flow: row;
+  justify-content: flex-start;
+  align-items: center;
+`,ig=l.div`
+  width: ${e=>Xo.emptyLeftContainer.valuePx(e.windowSize)};
+  height: ${d.sp1};
+`,rg=l.div`
+  display: flex;
+  flex: 1 0 auto;
+  flex-direction: row;
+  justify-content: flex-end;
+`,ag=l.div`
+  display: flex;
+  flex-direction: row;
+  justify-content: flex-start;
+`,pt=l(B)`
+  user-select: none;
+  min-width: ${j.balanceWidth};
+  max-width: ${j.balanceWidth};
+  text-align: right;
+  margin-left: ${j.balanceLeftMargin};
+  color: ${e=>e.theme.colors.primary};
+  cursor: ${e=>e.isClickable?"pointer":"default"};
+`,lg=l.div`
+  display: flex;
+  flex-direction: row;
+  flex-shrink: 2;
+  flex-grow: 1;
+  align-items: center;
+  height: ${e=>e.containerHeight-1}px;
+  width: ${e=>j.titleWidth.valuePx(e.windowSize)};
+  max-width: ${e=>j.titleWidth.valuePx(e.windowSize)};
+  background-color: ${e=>e.bgColor?.hex()};
+  ${({isSticky:e})=>e?D`
+          position: -webkit-sticky;
+          position: sticky;
+          top: ${d.sp0};
+          left: ${d.sp0};
+        `:null}
+`,sg=l(B)`
+  user-select: none;
+  clear: both;
+  display: inline-block;
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+  text-align: left;
+  margin-left: ${e=>tg[e.depth]}px;
+  color: ${e=>e.theme.colors.primary};
+  width: ${e=>j.titleWidth.value(e.windowSize)-80*e.depth}px;
+`,cg=({type:e,balance:n,isActualVsForecastOn:o,compareMode:i})=>t.jsxs(ag,{"data-testid":b("sub-account-row-balance-element",e),children:[se(e)===!0||o?t.jsx(pt,{"data-testid":b("sub-account-row-balance-element-actual",e),isClickable:!1,children:qo(n)}):t.jsx(pt,{"data-testid":b("sub-account-row-balance-element-forecast",e),isClickable:!1,children:Ht(n)}),o?t.jsxs(t.Fragment,{children:[t.jsx(pt,{"data-testid":b("sub-account-row-balance-element-forecast",e),isClickable:!1,children:Ht(n)}),t.jsx(pt,{"data-testid":b("sub-account-row-balance-element-actual-vs-forecast",e),isClickable:!1,children:i==="compare_mode_percent"?Zo(n):Qo(n)})]}):null]});function dg({type:e,backgroundColor:n,isSticky:o,height:i,classDepth:r,accountName:a,accountBalances:s,account:c,noMarginForAccount:h,isActualVsForecastOn:g,compareMode:p,isScrolling:u,metadata:f}){const x=W(),w=M.getLocalizedStrings().reports.sections,m=c!=null?c.id.length-1:0,k=f;return t.jsxs(ng,{height:i,bgColor:n,children:[t.jsxs(og,{children:[t.jsxs(lg,{isSticky:o,windowSize:x,bgColor:n,containerHeight:i,children:[r!=null?t.jsx(ti,{ancestorMetadata:k.classAncestorMetadata??[],depth:r,name:a}):h===!1?t.jsx(ig,{windowSize:x}):null,t.jsx(ni,{ancestorMetadata:k.subAccountAncestorMetadata,depth:m,name:a}),t.jsx(sg,{"data-testid":b("sub-account-row-name",e),isClickable:!1,title:a,depth:m,windowSize:x,children:w.totalPrefix+" "+a})]}),be(e)===!0?t.jsx(rg,{children:s.map((y,v)=>t.jsx(cg,{type:e,isActualVsForecastOn:g,compareMode:p,balance:y},v))}):null]}),t.jsx(hg,{isScrolling:u,nestingLevel:m,isSticky:o,classDepth:r,noMarginForAccount:h})]})}function hg({isScrolling:e,nestingLevel:n,isSticky:o,classDepth:i,noMarginForAccount:r}){return t.jsx(ke,{isScrolling:e,kind:"total_row_separator",subAccountProps:{nestingLevel:n,isSticky:o,classDepth:i,noMarginForAccount:r}})}const ug=l.div`
+  user-select: none;
+  display: flex;
+  flex: 1 1 auto;
+  width: fit-content;
+  min-width: 100%;
+  height: ${e=>e.height}px;
+  flex-flow: row;
+  justify-content: flex-start;
+  align-items: center;
+  background-color: ${e=>e.bgColor?.hex()};
+`,pg=l.div`
+  display: flex;
+  flex: 1 0 auto;
+  flex-direction: row;
+  justify-content: flex-end;
+`,He=j.balanceWidthInPx+j.balanceLeftMarginInPx,lr=l.div`
+  display: flex;
+  max-height: 54px;
+  min-height: 54px;
+  min-width: ${e=>e.isActualVsForecastOn?3*(He-2)-j.balanceLeftMarginInPx:j.balanceWidthInPx}px;
+  justify-content: center;
+  align-items: center;
+  background-color: ${e=>e.theme.colors.background};
+  border: 1px solid ${e=>e.theme.colors.grey3};
+  border-radius: ${d.sp2};
+  margin-left: ${e=>e.isActualVsForecastOn?_[0]:j.balanceLeftMarginInPx}px;
+  color: ${e=>e.theme.colors.primary};
+`,sr=l(B)`
+  display: flex;
+  user-select: none;
+  flex-direction: row;
+  justify-content: center;
+  align-items: center;
+  height: ${j.balanceHeight};
+  max-width: ${j.balanceWidthInPx-2}px;
+  width: 138px;
+  text-align: center;
+`,gg=l.div`
+  height: 100%;
+  display: inline-block;
+  flex-direction: row;
+  align-items: center;
+  min-width: ${e=>j.titleWidth.valuePx(e.windowSize)};
+  color: ${e=>e.theme.colors.grey5};
+  background-color: ${e=>e.bgColor?.hex()};
+  border: 1px solid ${e=>e.bgColor?.hex()};
+  ${({isSticky:e})=>e?D`
+          position: -webkit-sticky;
+          position: sticky;
+          top: ${d.sp0};
+          left: ${d.sp0};
+          z-index: 20;
+        `:null}
+`,fg=l.div`
+  display: flex;
+  width: ${e=>e.isActualVsForecastOn?3*He:He}px;
+  flex-direction: row;
+  justify-content: flex-start;
+  color: ${e=>e.theme.colors.champion};
+`,Et=l(B)`
+  display: flex;
+  justify-content: flex-end;
+  align-items: center;
+  height: ${j.balanceHeight};
+  width: ${j.balanceWidth};
+  min-width: ${j.balanceWidth};
+  margin-left: ${j.balanceLeftMargin};
+  margin-top: ${d.sp3};
+`,xg=l.div`
+  display: flex;
+  max-height: 54px;
+  min-height: 54px;
+  justify-content: center;
+  align-items: center;
+  color: ${e=>e.theme.colors.champion};
+`,mg=l.div``,wg=l(B)`
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  max-height: 54px;
+  min-height: 54px;
+  background-color: ${e=>e.theme.colors.background};
+  border: 1px solid ${e=>e.theme.colors.grey3};
+  border-radius: ${d.sp2};
+  margin-left: ${j.balanceLeftMarginInPx}px;
+  color: ${e=>e.theme.colors.primary};
+  width: ${j.balanceWidth};
+  min-width: ${j.balanceWidth};
+`,yg=l.div`
+  display: flex;
+  width: ${e=>e.isActualVsForecastOn?3*He:He}px;
+  flex-direction: column;
+  align-items: flex-end;
+`,bg=l.div`
+  max-height: 54px;
+  min-height: 54px;
+`,cr=({firstMonthOfFY:e,timeframeTick:n,timeframe:o,dataAvailable:i,bookCloseDate:r})=>{const a=M.getLocalizedStrings().reports,s=r==null||i==null||n.balanceType!=="default"&&n.balanceType!=="default_with_percent"?void 0:Uo(o,e,n,r,i),c=s!=null?s==="under_review"?a.bookCloseTagUnderReview:a.bookCloseTagInProgress:void 0,h=Yi(s,o);return t.jsx(bg,{children:r!=null&&i!=null&&s!=null&&c!=null&&h!=null?t.jsx(Ki,{firstMonthOfFY:e,timeframeTick:n,timeframe:o,tagName:c,infoContent:h,tagType:s}):t.jsx(lr,{isActualVsForecastOn:!1,children:t.jsx(sr,{children:Ue(e,n,o)})})})},kg=({firstMonthOfFY:e,timeframeTick:n,timeframe:o,isActualVsForecastOn:i,compareMode:r,dataAvailable:a,bookCloseDate:s,onCompareModeChanged:c})=>{const h=M.getLocalizedStrings().reports.forecast,g=r==="compare_mode_amount"?`${M.getLocalizedStrings().compareMode.changePrefix} ${n.currencySymbol}`:M.getLocalizedStrings().compareMode.changePercent;return i===!0?t.jsxs(yg,{isActualVsForecastOn:i,children:[t.jsx(lr,{isActualVsForecastOn:i,children:t.jsx(sr,{children:Ue(e,n,o)})}),t.jsxs(fg,{isActualVsForecastOn:i,children:[t.jsx(Et,{children:h.actual}),t.jsx(Et,{children:h.forecast}),t.jsx(Et,{children:t.jsx(On,{title:g,titleTextStyle:cn.standardRegular,titleTextAlignment:"flex-end",selectedMode:r,onCompareModeChanged:p=>{p!=="off"?c?.(p):console.warn("Invalid compare mode option")}})})]})]}):t.jsx(cr,{firstMonthOfFY:e,timeframeTick:n,timeframe:o,dataAvailable:a,bookCloseDate:s})},Sg=({firstMonthOfFY:e,timeframeTicks:n,timeframe:o,compareMode:i,dataAvailable:r,bookCloseDate:a,onCompareModeChanged:s})=>{const c=ue(),h=i==="compare_mode_amount"?`${M.getLocalizedStrings().compareMode.changePrefix} ${n[0].currencySymbol}`:M.getLocalizedStrings().compareMode.changePercent;return t.jsx(xg,{children:n.map((g,p)=>t.jsx(N.Fragment,{children:g.balanceType==="this_period_vs_last_period"||g.balanceType==="this_period_vs_last_period_percent"?t.jsx(wg,{children:t.jsx(On,{title:h,titleTextStyle:cn.standardRegular,titleTextAlignment:"flex-end",titleColor:c.colors.primary,selectedMode:i,menuPosition:"right",onCompareModeChanged:u=>{u!=="off"&&(u==="compare_mode_amount"||u==="compare_mode_percent"?s?.(u):console.warn("Invalid compare mode option"))}})}):t.jsx(mg,{children:t.jsx(cr,{firstMonthOfFY:e,timeframeTick:g,timeframe:o,dataAvailable:r,bookCloseDate:a},p)})},p))})};function jg({type:e,backgroundColor:n,isSticky:o,height:i,isActualVsForecastOn:r,isCompareModeOn:a,firstMonthOfFY:s,timeframe:c,timeframeTicks:h,compareMode:g,dataAvailable:p,bookCloseDate:u,onCompareModeChanged:f}){const x=W();return t.jsxs(ug,{height:i,bgColor:n,children:[me(e)===!0?t.jsx(gg,{isSticky:o,windowSize:x,bgColor:n,children:"  .   "}):null,t.jsx(pg,{children:a===!0?t.jsx(Sg,{firstMonthOfFY:s,timeframe:c,timeframeTicks:h,compareMode:g,dataAvailable:p,bookCloseDate:u,onCompareModeChanged:f}):h.map((w,m)=>t.jsx(kg,{firstMonthOfFY:s,timeframeTick:w,timeframe:c,isActualVsForecastOn:r,compareMode:g,dataAvailable:p,bookCloseDate:u,onCompareModeChanged:f},m))})]})}const Mt=(e,n,o,i,r,a,s,c,h,g,p)=>{if(o.element.kind!="ac_report"||o.element.data==null)return null;const u=o.element.data,f=oe((Ye(o.config.reportId)===!0||Ho(o.config.reportId)===!0?Bi(0,o.config.filterAccountsWithNilBalances):wt(o.element.sectionType,"no_filter",o.config.filterAccountsWithNilBalances,o.config.filterAccountGroupsWithNilBalances)).acBalanceSelector(u),o.config.displayOrder,o.element.numOfBalances);return t.jsx(vp,{type:n,backgroundColor:r,isSticky:a,treeNodeId:e,height:i,isActualVsForecastOn:o.config.mode==="actual_vs_forecast",compareMode:g,accountBalances:f.balances,isScrolling:s,isLeaf:c,isLastNode:h,account:u,onAccountBalanceClick:p==null?void 0:(x,w,m)=>{p?.(x,w,m)}})},qe=(e,n,o,i,r,a,s,c,h,g,p,u)=>{if(o.element.kind!="ac_subaccount"||o.element.data==null)return null;const f=o.element.data,x=nr(Nn("no_filter",o.config.filterAccountsWithNilBalances,o.config.filterAccountGroupsWithNilBalances).acBalanceSelector(f),o.config.displayOrder,o.element.numOfBalances),w=f.account.classesViewParentId?.parentClassId!=null?f.account.classesViewParentId?.parentClassId.length-1:void 0,m=o.config.reportId==="operating_expenses";return t.jsx(Xp,{type:n,backgroundColor:r,isSticky:a,treeNodeId:e,height:i,isActualVsForecastOn:o.config.mode==="actual_vs_forecast",classDepth:w,compareMode:p,accountBalances:x.balances,isScrolling:s,isLeaf:c,isOpen:h,isLastNode:g,account:f,metadata:o.element.metadata,onClick:u,noMarginForAccount:m,onAccountBalanceClick:u==null?void 0:(k,y,v)=>{u?.(k,y,v)}})},Nt=(e,n,o,i,r,a,s,c,h,g,p,u)=>{if(o.element.kind!="ac_group_report"||o.element.data==null)return null;const f=o.element.data,x=oe(wt(o.element.sectionType,"no_filter",o.config.filterAccountsWithNilBalances,o.config.filterAccountGroupsWithNilBalances).acGroupBalanceSelector(f),o.config.displayOrder,o.element.numOfBalances);return t.jsx(rp,{type:n,backgroundColor:r,isSticky:a,treeNodeId:e,height:i,leftChevron:c?"open":"collapsed",accountGroupName:f.accountGroupName,isActualVsForecastOn:o.config.mode==="actual_vs_forecast",compareMode:p,accountGroupBalances:x.balances,isScrolling:s,isOpen:c,isLeaf:h,isLastNode:g,onClick:w=>{u?.(w)}})},Pn=(e,n,o,i,r,a,s,c,h,g,p,u)=>{if(o.element.kind!="ac_group_subaccount"||o.element.data==null)return null;const f=o.element.data,x=oe(Nn("no_filter",o.config.filterAccountsWithNilBalances,o.config.filterAccountGroupsWithNilBalances).acGroupBalanceSelector(f),o.config.displayOrder,o.element.numOfBalances);return t.jsx(fp,{type:n,backgroundColor:r,isSticky:a,treeNodeId:e,height:i,leftChevron:c?"open":"collapsed",accountGroupName:f.accountGroupName,isActualVsForecastOn:o.config.mode==="actual_vs_forecast",compareMode:p,accountGroupBalances:x.balances,isScrolling:s,isOpen:c,isLeaf:h,isLastNode:g,onClick:w=>{u?.(w)}})},zn=(e,n,o,i,r,a,s,c,h,g,p,u)=>{if(o.element.kind!="section"||o.element.data==null)return null;const f=an(o.element.title),x=oe(o.element.data,o.config.displayOrder,o.element.numOfBalances);return t.jsx(Wn,{type:n,backgroundColor:r,isSticky:a,treeNodeId:e,height:i,sectionName:o.element.title,sectionColor:f,isActualVsForecastOn:o.config.mode==="actual_vs_forecast",compareMode:p,sectionBalances:x.balances,isScrolling:s,isOpen:c,isLeaf:h,isLastNode:g,onClick:w=>{u?.(w)}})},Wt=(e,n,o,i,r,a,s,c,h,g,p,u)=>{if(o.element.kind!="section_with_ac_only"||o.element.data==null)return null;const f=an(o.element.title),x=oe(o.element.data,o.config.displayOrder,o.element.numOfBalances);return t.jsx(Wn,{type:n,backgroundColor:r,isSticky:a,treeNodeId:e,height:i,sectionName:o.element.title,sectionColor:f,isActualVsForecastOn:o.config.mode==="actual_vs_forecast",compareMode:p,sectionBalances:x.balances,isScrolling:s,isOpen:c,isLeaf:h,isLastNode:g,onClick:w=>{u?.(w)}})},Fn=(e,n,o,i,r,a,s,c,h,g,p,u)=>{if(o.element.kind!="calculated_section"||o.element.data==null)return null;const f=an(o.element.title),x=oe(o.element.data,o.config.displayOrder,o.element.numOfBalances);return t.jsx(Wn,{type:n,backgroundColor:r,isSticky:a,treeNodeId:e,height:i,sectionName:o.element.title,sectionColor:f,isActualVsForecastOn:o.config.mode==="actual_vs_forecast",compareMode:p,sectionBalances:x.balances,isScrolling:s,isOpen:c,isLeaf:h,isLastNode:g,onClick:w=>{u?.(w)}})},Ze=(e,n,o,i,r,a,s,c,h)=>{if(n.element.kind!="ac_subentity_total")return null;const g=n.element.data,p=Nn("no_filter",n.config.filterAccountsWithNilBalances,n.config.filterAccountGroupsWithNilBalances),u=g.account.classesViewParentId?.parentClassId!=null?g.account.classesViewParentId?.parentClassId.length-1:void 0,f=nr(p.acBalanceSelector(g),n.config.displayOrder,n.element.numOfBalances),x=n.config.reportId==="operating_expenses"||n.config.reportId==="operating_expenses_by_classes";return t.jsx(dg,{type:e,backgroundColor:i,isSticky:r,height:o,accountName:g.account.accountName,account:g,isActualVsForecastOn:n.config.mode==="actual_vs_forecast",compareMode:h,accountBalances:f.balances,isScrolling:a,noMarginForAccount:x,isLeaf:s,isLastNode:c,metadata:n.element.metadata,classDepth:u})},Qe=(e,n,o,i,r,a,s,c)=>{if(o.element.kind!=="timeframe_headers"&&o.element.kind!=="timeframe_headers_with_forecast")return null;const h=Pe(o.element.data,o.config.displayOrder),g=h.length>0?h[0].balanceTimeFrame:"month",p=h.map(u=>We(u));return t.jsx(jg,{treeNodeId:e,backgroundColor:r,isSticky:a,type:n,height:i,isActualVsForecastOn:o.element.kind==="timeframe_headers_with_forecast",isCompareModeOn:o.config.mode==="this_period_vs_period_before"&&p.length>1,firstMonthOfFY:o.config.firstMonthOfFY,timeframe:g,timeframeTicks:p,compareMode:s,dataAvailable:o.config.dataAvailable,bookCloseDate:o.config.bookCloseDate,onCompareModeChanged:c})},dr=(e,n,o,i,r,a,s,c,h,g,p,u,f)=>{if(o.element.kind!="class"||o.element.data==null)return null;const x=o.element.data,w=oe(x.childrenBalancesTotal,o.config.displayOrder,o.element.numOfBalances),m=p>1;return t.jsx(Pp,{type:n,backgroundColor:r,isSticky:a,treeNodeId:e,height:i,className:o.element.title,classCode:o.element.data.class.accountingClassNumber,isActualVsForecastOn:o.config.mode==="actual_vs_forecast",depth:x.id.length-1,compareMode:u,sectionBalances:w.balances,isScrolling:s,isOpen:c,isLeaf:h,hasChildren:x.children.length>0,isLastNode:g,isSubClass:m,showClassAccountNumber:o.config.showClassAccountNumber,onClick:k=>{f?.(k)},metadata:o.element.metadata})},Ao=e=>{const{height:n,data:{reportElementData:o,id:i,treeKind:r,isLeaf:a,isLastNode:s,nestingLevel:c,isFirstNode:h},isOpen:g,style:p,setOpen:u,isScrolling:f}=e,x=e.treeNodePadding?.left,w=e.treeNodePadding?.right;return t.jsx("div",{style:{...p,width:"auto",minWidth:"100%",paddingLeft:x,paddingRight:w},children:t.jsx(hr,{id:i,backgroundColor:e.backgroundColor,treeKind:r,reportElementData:o,height:n,isSticky:e.isSticky,isScrolling:f??!1,isLeaf:a,isLastNode:s,isFirstNode:h,isOpen:g,nestingLevel:c,nodeClickHandler:e.onNodeClick==null&&a?void 0:(m,k,y)=>{const v=a?g:!g;a||y!=null||(u(!g),e.onNodeCollapseToggled?.(m,!g)),e.onNodeClick?.(m,v,k,y)},compareMode:e.compareMode,hoveredParentIdProps:e.hoveredParentIdProps,onCompareModeChanged:e.onCompareModeChanged,toggleCheckHandler:e.onToggleCheck},i)})},hr=e=>e.treeKind==="name_only"?t.jsx(Bg,{...e}):xn(e.reportElementData.config.reportId)?t.jsx(Og,{...e}):mn(e.reportElementData.config.reportId)===!0?t.jsx(Ag,{...e}):Ho(e.reportElementData.config.reportId)===!0?t.jsx(vg,{...e}):gn(e.reportElementData.config.reportId)===!0?t.jsx(Cg,{...e}):Ye(e.reportElementData.config.reportId)===!0?t.jsx(_g,{...e}):fn(e.reportElementData.config.reportId)===!0?t.jsx($g,{...e}):Er(e.reportElementData.config.reportId)===!0?t.jsx(Lg,{...e}):wn(e.reportElementData.config.reportId)===!0?t.jsx(Ig,{...e}):yn(e.reportElementData.config.reportId)===!0?t.jsx(Mg,{...e}):null,vg=({id:e,treeKind:n,reportElementData:o,height:i,backgroundColor:r,isSticky:a,isScrolling:s,isLeaf:c,isLastNode:h,isOpen:g,nestingLevel:p,compareMode:u,nodeClickHandler:f,onCompareModeChanged:x})=>{switch(o.element.kind){case"ac_report":return Mt(e,n,o,i,r,a,s,c,h,u,f);case"ac_group_report":return Nt(e,n,o,i,r,a,s,g,c,h,u,f);case"section":return zn(e,n,o,i,r,a,s,g,c,h,u,f);case"section_with_ac_only":return Wt(e,n,o,i,r,a,s,g,c,h,u,f);case"calculated_section":case"calculated_section_type1":return Fn(e,n,o,i,r,a,s,g,c,h,u,f);case"title_string_only":default:return null;case"timeframe_headers":case"timeframe_headers_with_forecast":return Qe(e,n,o,i,r,a,u,x);case"class":return dr(e,n,o,i,r,a,s,g,c,h,p,u,f);case"ac_subaccount":return qe(e,n,o,i,r,a,s,c,g,h,u,f);case"ac_subentity_total":return Ze(n,o,i,r,a,s,c,h,u);case"headers_loading_in_progress":return((w,m,k)=>w.element.kind!=="headers_loading_in_progress"?null:t.jsx(Ii,{height:m,backgroundColor:k,numOfBalances:w.element.numOfBalances}))(o,i,r);case"loading_in_progress":return((w,m,k)=>w.element.kind!=="loading_in_progress"?null:t.jsx(Ai,{height:m,backgroundColor:k,title:w.element.title,numOfBalances:w.element.numOfBalances}))(o,i,r)}},Cg=({id:e,treeKind:n,reportElementData:o,height:i,backgroundColor:r,isSticky:a,isScrolling:s,isLeaf:c,isLastNode:h,isOpen:g,compareMode:p,nodeClickHandler:u,onCompareModeChanged:f})=>{switch(o.element.kind){case"ac_report":return Mt(e,n,o,i,r,a,s,c,h,p,u);case"ac_group_report":return Nt(e,n,o,i,r,a,s,g,c,h,p,u);case"ac_subaccount":return qe(e,n,o,i,r,a,s,c,g,h,p,u);case"ac_group_subaccount":return Pn(e,n,o,i,r,a,s,g,c,h,p,u);case"section":return zn(e,n,o,i,r,a,s,g,c,h,p,u);case"section_with_ac_only":return Wt(e,n,o,i,r,a,s,g,c,h,p,u);case"calculated_section":case"calculated_section_type1":return Fn(e,n,o,i,r,a,s,g,c,h,p,u);case"title_string_only":default:return null;case"ac_subentity_total":return Ze(n,o,i,r,a,s,c,h,p);case"timeframe_headers":case"timeframe_headers_with_forecast":return Qe(e,n,o,i,r,a,p,f)}},_g=({id:e,treeKind:n,reportElementData:o,height:i,backgroundColor:r,isSticky:a,isScrolling:s,isLeaf:c,isLastNode:h,isOpen:g,nestingLevel:p,compareMode:u,nodeClickHandler:f,onCompareModeChanged:x})=>{switch(o.element.kind){case"ac_report":return Mt(e,n,o,i,r,a,s,c,h,u,f);case"ac_group_report":return Nt(e,n,o,i,r,a,s,g,c,h,u,f);case"section":return Wi(e,n,o,i,r,a,s,g,c,h,u,f);case"section_with_ac_only":return Wt(e,n,o,i,r,a,s,g,c,h,u,f);case"calculated_section":case"calculated_section_type1":return Pi(e,n,o,i,r,a,s,g,c,h,u,f);case"title_string_only":return vn(e,n,o,i,r,a,s,g,c,h,u,f);case"ac_subentity_total":return Ze(n,o,i,r,a,s,c,h,u);case"timeframe_headers":case"timeframe_headers_with_forecast":return Qe(e,n,o,i,r,a,u,x);case"class":return dr(e,n,o,i,r,a,s,g,c,h,p,u,f);case"ac_subaccount":return qe(e,n,o,i,r,a,s,c,g,h,u,f);case"total":return zi(e,n,o,i,r,a,u,c);case"headers_loading_in_progress":return((w,m,k)=>w.element.kind!=="headers_loading_in_progress"?null:t.jsx(Ii,{height:m,backgroundColor:k,numOfBalances:w.element.numOfBalances}))(o,i,r);case"loading_in_progress":return((w,m,k)=>w.element.kind!=="loading_in_progress"?null:t.jsx(Ai,{height:m,backgroundColor:k,title:w.element.title,numOfBalances:w.element.numOfBalances}))(o,i,r);default:return null}},$g=({id:e,treeKind:n,reportElementData:o,height:i,backgroundColor:r,isSticky:a,isScrolling:s,isLeaf:c,isLastNode:h,isOpen:g,compareMode:p,nodeClickHandler:u,onCompareModeChanged:f})=>{switch(o.element.kind){case"ac_report":return((x,w,m,k,y,v,S,$,C,L,O)=>{if(m.element.kind!="ac_report"||m.element.data==null)return null;const P=m.element.data,T=oe((Ye(m.config.reportId)===!0?Bi(0,m.config.filterAccountsWithNilBalances):wt(m.element.sectionType,"no_filter",m.config.filterAccountsWithNilBalances,m.config.filterAccountGroupsWithNilBalances)).acBalanceSelector(P),m.config.displayOrder,m.element.numOfBalances);return t.jsx(lc,{type:w,backgroundColor:y,isSticky:v,treeNodeId:x,height:k,accountBalances:T.balances,isCompareModeOn:m.config.mode==="this_period_vs_period_before",isForecastModeOn:m.config.mode==="actual_vs_forecast",isScrolling:S,isLeaf:$,isLastNode:C,compareMode:L,account:P,onAccountBalanceClick:O==null?void 0:(R,V,Y)=>{O?.(R,V,Y)}})})(e,n,o,i,r,a,s,c,h,p,u);case"ac_group_report":return((x,w,m,k,y,v,S,$,C,L,O,P)=>{if(m.element.kind!="ac_group_report"||m.element.data==null)return null;const T=m.element.data,R=oe(wt(m.element.sectionType,"no_filter",m.config.filterAccountsWithNilBalances,m.config.filterAccountGroupsWithNilBalances).acGroupBalanceSelector(T),m.config.displayOrder,m.element.numOfBalances);return t.jsx(Qs,{type:w,backgroundColor:y,isSticky:v,treeNodeId:x,height:k,accountGroupName:T.accountGroupName,compareMode:O,accountGroupBalances:R.balances,isScrolling:S,isOpen:$,isLeaf:C,isLastNode:L,onClick:V=>{P?.(V)}})})(e,n,o,i,r,a,s,g,c,h,p,u);case"ac_subaccount":return qe(e,n,o,i,r,a,s,c,g,h,p,u);case"ac_group_subaccount":return Pn(e,n,o,i,r,a,s,g,c,h,p,u);case"section":return Wi(e,n,o,i,r,a,s,g,c,h,p,u);case"section_with_ac_only":return((x,w,m,k,y,v,S,$,C,L,O,P)=>{if(m.element.kind!="section_with_ac_only"||m.element.data==null)return null;const T=$n(m.config.reportId,m.element.sectionType),R=oe(m.element.data,m.config.displayOrder,m.element.numOfBalances);return t.jsx(_n,{type:w,backgroundColor:y,isSticky:v,treeNodeId:x,height:k,sectionName:m.element.title,sectionColor:T.color,sectionBalances:R.balances,isScrolling:S,isOpen:$,isLeaf:C,isLastNode:L,compareMode:O,onClick:V=>{P?.(V)}})})(e,n,o,i,r,a,s,g,c,h,p,u);case"calculated_section":case"calculated_section_type1":return Pi(e,n,o,i,r,a,s,g,c,h,p,u);case"title_string_only":return vn(e,n,o,i,r,a,s,g,c,h,p,u);case"total":return zi(e,n,o,i,r,a,p,c);case"ac_subentity_total":return Ze(n,o,i,r,a,s,c,h,p);case"timeframe_headers":case"timeframe_headers_with_forecast":return Qe(e,n,o,i,r,a,p,f);default:return null}},Lg=({id:e,treeKind:n,reportElementData:o,height:i,backgroundColor:r,isSticky:a,isScrolling:s,isLeaf:c,isLastNode:h,isOpen:g,compareMode:p,nodeClickHandler:u,onCompareModeChanged:f})=>{switch(o.element.kind){case"ac_report":return Mt(e,n,o,i,r,a,s,c,h,p,u);case"ac_group_report":return Nt(e,n,o,i,r,a,s,g,c,h,p,u);case"section":return zn(e,n,o,i,r,a,s,g,c,h,p,u);case"section_with_ac_only":return Wt(e,n,o,i,r,a,s,g,c,h,p,u);case"calculated_section":return Fn(e,n,o,i,r,a,s,g,c,h,p,u);case"calculated_section_type1":return((x,w,m,k,y,v,S)=>{if(w.element.kind!="calculated_section_type1"||w.element.data==null)return null;const $=oe(w.element.data,w.config.displayOrder,w.element.numOfBalances);return t.jsx(hs,{backgroundColor:k,isSticky:y,treeNodeId:x,heading:w.element.title,totalBalances:$.balances,height:m,isScrolling:v,isLastNode:S})})(e,o,i,r,a,s,h);case"title_string_only":return vn(e,n,o,i,r,a,s,g,c,h,p,u);case"ac_subentity_total":return Ze(n,o,i,r,a,s,c,h,p);case"timeframe_headers":case"timeframe_headers_with_forecast":return Qe(e,n,o,i,r,a,p,f);case"ac_subaccount":return qe(e,n,o,i,r,a,s,c,g,h,p,u);case"ac_group_subaccount":return Pn(e,n,o,i,r,a,s,g,c,h,p,u);default:return null}},Bg=({id:e,treeKind:n,reportElementData:o,height:i,backgroundColor:r,isSticky:a,isScrolling:s,isLeaf:c,isLastNode:h,isOpen:g,toggleCheckHandler:p})=>o.element.kind==="checkbox_and_name_only"?((u,f,x,w,m,k,y,v,S,$,C)=>{if(x.element.kind!="checkbox_and_name_only")return null;const L=x.element.data,O=x.config.isClassToBeFilteredOut?.(L.classId)===!1;return t.jsx(Dh,{type:f,backgroundColor:m,isSticky:k,treeNodeId:u,classId:L.classId,isChecked:O,isDisabled:!1,height:w,isScrolling:y,nestedClass:L,isOpen:v,isLeaf:S,isLastNode:$,showClassAccountNumber:x.config.showClassAccountNumber,onToggleCheck:C})})(e,n,o,i,r,a,s,g,c,h,p):null,Ag=({id:e,treeKind:n,reportElementData:o,height:i,backgroundColor:r,isSticky:a,isScrolling:s,isLastNode:c,compareMode:h,onCompareModeChanged:g})=>{switch(o.element.kind){case"loading_in_progress":case"spacer_row":return((p,u,f,x)=>{if(p.element.kind!=="loading_in_progress")return null;const w=Pe(p.element.data,p.config.displayOrder).map(m=>We(m));return t.jsx(Kh,{backgroundColor:f,isSticky:x,height:u,isAccountColumnShown:p.config.opexByVendorConfig?.isAccountColumnShown??!0,isClassColumnShown:p.config.opexByVendorConfig?.isClassColumnShown??!0,timeframeTicks:w})})(o,i,r,a);case"timeframe_headers":return((p,u,f,x,w,m)=>{if(p.element.kind!=="timeframe_headers")return null;const k=Pe(p.element.data,p.config.displayOrder),y=k.length>0?k[0].balanceTimeFrame:"month",v=k.map(S=>We(S));return t.jsx(yu,{backgroundColor:w,isSticky:f,height:u,isAccountColumnShown:p.config.opexByVendorConfig?.isAccountColumnShown??!0,isClassColumnShown:p.config.opexByVendorConfig?.isClassColumnShown??!0,isCompareModeOn:p.config.mode==="this_period_vs_period_before"&&v.length>1,firstMonthOfFY:p.config.firstMonthOfFY,timeframe:y,timeframeTicks:v,sortKey:p.config.opexByVendorConfig?.sortKey,sortOrder:p.config.opexByVendorConfig?.sortOrder,dataAvailable:p.config.dataAvailable,bookCloseDate:p.config.bookCloseDate,compareMode:x,onCompareModeChanged:m,onSortOrderChanged:p.config.opexByVendorConfig?.onSortOrderChanged})})(o,i,a,h,r,g);case"total":return((p,u,f,x,w,m,k)=>{const y=f.element.data,v=f.config.mode==="this_period_vs_period_before",S=v?f.element.numOfBalances+2:f.element.numOfBalances+1,$=lo(y,f.config.displayOrder,S,v);return t.jsx(Ou,{type:u,backgroundColor:k,isSticky:w,treeNodeId:p,height:x,isScrolling:m,totalBalances:$.balances,title:f.element.title,isAccountColumnShown:f.config.opexByVendorConfig?.isAccountColumnShown??!0,isClassColumnShown:f.config.opexByVendorConfig?.isClassColumnShown??!0})})(e,n,o,i,a,s,r);case"vendor_row":return((p,u,f,x,w,m,k)=>{if(u.element.kind!="vendor_row"||u.element.data==null)return null;const y=u.element.data,v=u.config.mode==="this_period_vs_period_before",S=lo(y,u.config.displayOrder,u.element.numOfBalances,v);return t.jsx(Yu,{type:p,backgroundColor:x,isSticky:w,height:f,isScrolling:m,vendor:y.vendor,accountBase:y.account,classBase:y.classBase,isLastNode:k,balances:S.balances,isAccountColumnShown:u.config.opexByVendorConfig?.isAccountColumnShown??!0,isClassColumnShown:u.config.opexByVendorConfig?.isClassColumnShown??!0,onVendorNameAndBalanceClick:($,C)=>{u.config.opexByVendorConfig?.onVendorNameAndBalanceClicked($,C)}})})(n,o,i,r,a,s,c);case"title_string_only":return((p,u,f,x)=>{if(p.element.kind!=="title_string_only")return null;const w=Pe(p.element.data,p.config.displayOrder).map(m=>We(m));return t.jsx(Jh,{backgroundColor:f,isSticky:x,height:u,isAccountColumnShown:p.config.opexByVendorConfig?.isAccountColumnShown??!0,isClassColumnShown:p.config.opexByVendorConfig?.isClassColumnShown??!0,timeframeTicks:w})})(o,i,r,a);default:return null}},Og=({id:e,treeKind:n,reportElementData:o,height:i,isOpen:r,isSticky:a,isScrolling:s,isLastNode:c,backgroundColor:h,nodeClickHandler:g})=>{const{config:p}=o;switch(o.element.kind){case"spacer_row":default:return null;case"timeframe_headers":return((u,f,x,w,m,k,y)=>{if(u.element.kind!=="timeframe_headers")return null;const v=u.element.data;return t.jsx(bl,{reportId:u.config.reportId==="accounts_payable_aging"?"accounts_payable_aging":"accounts_receivable_aging",agingPeriods:v,backgroundColor:x,isSticky:w,height:f,sortKey:m,sortOrder:k,onSortOrderChanged:y})})(o,i,h,a,p.agingReportConfig?.sortKey,p.agingReportConfig?.sortOrder,p.agingReportConfig?.onSortOrderChanged);case"total":return((u,f,x,w,m)=>{const k=f.element.data;return t.jsx(Fl,{type:u,backgroundColor:w,isSticky:m,height:x,totalBalances:k,isIndented:f.config.reportId==="accounts_receivable_aging",title:f.element.title})})(n,o,i,h,a);case"aging_report_row":return((u,f,x,w,m,k,y,v,S,$)=>{if(f.element.kind!=="aging_report_row")return null;if(f.config.reportId==="accounts_payable_aging"){const L=f.element.data;return t.jsx(hl,{backgroundColor:v,isLastNode:k,isScrolling:y,isSticky:m,height:x,balances:L.apAgingBalances,vendor:L.vendor,total:L.total,onEntityNameClick:S})}const C=f.element.data;return t.jsx(ul,{treeNodeId:u,backgroundColor:v,isLastNode:k,isScrolling:y,isSticky:m,isOpen:w,height:x,metadata:f.element.metadata,balances:C.arAgingBalances,nestedCustomer:C,total:C.total,totalWithChildren:C.totalWithChildren,onEntityNameClick:S,onClick:$})})(e,o,i,r,a,c,s,h,p.agingReportConfig?.onEntityNameClick,g);case"ac_subentity_total":return((u,f,x,w,m)=>{if(u.element.kind!=="ac_subentity_total")return null;if(u.config.reportId==="accounts_receivable_aging"){const k=u.element.data;return t.jsx(Bl,{backgroundColor:m,isScrolling:w,isSticky:x,height:f,metadata:u.element.metadata,nestedCustomer:k,total:k.totalWithChildren,noMarginForEntity:!0})}return null})(o,i,a,s,h)}},Ig=({id:e,reportElementData:n,height:o,backgroundColor:i,isSticky:r,isScrolling:a,isLeaf:s,isLastNode:c,isFirstNode:h,isOpen:g,onFluxBalanceClick:p,nodeClickHandler:u,hoveredParentIdProps:f})=>{switch(n.element.kind){case"flux_vendor_account_class_row":return((x,w,m,k,y,v,S,$,C)=>{if(!An(w,"flux_vendor_account_class_row"))return null;const L=w.element.data,O=Hi(L),P=w.element.metadata.vendorId;return t.jsx(ld,{backgroundColor:m,isSticky:k,treeNodeId:x,balances:O,varianceAmount:L.varianceAmount,variancePercentage:L.variancePercentage,currency:L.currency,isScrolling:y,isLeaf:v,isLastNode:S,nodeMetadata:w.element.metadata,accountAndClass:L,onAccountAndClassBalanceClick:()=>C?.(P),isHoveredByParent:$?.hoveredParentId===P})})(e,n,i,r,a,s,c,f,p);case"flux_vendor_row":return Mh(e,n,i,r,a,g,s,c,h,f,u);case"section":return Nh(e,n,o,i,r,a,g,s,c,u);case"timeframe_headers":return((x,w,m)=>{if(x.element.kind!=="timeframe_headers")return null;const k=Pe(x.element.data,x.config.displayOrder),y=k.length>0?k[0].balanceTimeFrame:"month",v=k.map(S=>We(S));return t.jsx(Zd,{isSticky:m,height:w,firstMonthOfFY:x.config.firstMonthOfFY,timeframe:y,timeframeTicks:v,isBulkSelected:x.config.fluxAnalysisConfig?.reviewOpExIds.length===20,onSortOrderChanged:(S,$)=>{x.config.fluxAnalysisConfig?.setIsSortApplied?.(!0),x.config.fluxAnalysisConfig?.onSortOrderChanged(S,$)},sortOrder:x.config.fluxAnalysisConfig?.sortOrder,sortKey:x.config.fluxAnalysisConfig?.sortKey})})(n,o,r);case"total":return((x,w)=>{if(x.element.kind!=="total")return null;const m=x.element.data;return t.jsx(lh,{type:"name+balances_actual",title:x.element.title,totalBalances:m.balances,varianceAmount:m.varianceAmount,variancePercentage:m.variancePercentage,currency:m.currency,height:w})})(n,o);case"loading_in_progress":return(x=>x.element.kind!=="loading_in_progress"?null:t.jsx(cd,{}))(n);case"headers_loading_in_progress":return(x=>x.element.kind!=="headers_loading_in_progress"?null:t.jsx(Nd,{}))(n);default:return null}},Mg=({reportElementData:e,height:n,isSticky:o,isLastNode:i})=>{switch(e.element.kind){case"timeframe_headers":return function(r,a){if(r.element.kind!=="timeframe_headers")return null;const s=M.getLocalizedStrings().expenseAutomation.accountRecon.reconciliation.headers,c=r.element.data,h=c.accountIDs.length===0;return t.jsx(La,{sectionTitle:s.section[c.sectionId].title,isLoading:h,isSticky:a,height:gt("timeframe_headers")})}(e,o);case"loading_in_progress":return t.jsx(ua,{height:gt("loading_in_progress")});case"total":return((r,a,s)=>{const c=r.element.data;return t.jsx(Ka,{isSticky:s,height:a,sectionData:c})})(e,n,o);case"section":return t.jsx(ga,{height:gt("section")});case"title_string_only":return((r,a)=>{const s=r.element.data,c=M.getLocalizedStrings().expenseAutomation.accountRecon.reconciliation.headers;return t.jsx(Oa,{height:a,title:c.section[s.sectionId].title})})(e,n);case"ac_group_report":return((r,a,s)=>{const c=r.element.data,h=r.config.accountReconciliationConfig?.selectedDrawerAccountId!=null&&c.accountReconEntity.account.accountId===r.config.accountReconciliationConfig?.selectedDrawerAccountId;return t.jsx(Yr,{height:a,accountRecon:c,isLastRow:s,isSelectedRow:h,onReviewClicked:r.config.accountReconciliationConfig?.onReviewClicked,onConnectClicked:r.config.accountReconciliationConfig?.onConnectClicked,onReconnectClicked:r.config.accountReconciliationConfig?.onReconnectClicked,onOpenDrawerClicked:r.config.accountReconciliationConfig?.onOpenDrawerClicked,onStatementAddClicked:r.config.accountReconciliationConfig?.onStatementAddClicked})})(e,n,i);default:return null}};function Oo(e,n,o,i){return{data:{defaultHeight:Tn(e.reportElementData.config.reportId,e.reportElementData.element.kind,e.isFirstNode),id:e.id,isLeaf:e.children.length===0,isFirstNode:e.isFirstNode??!1,isLastNode:e.isLastNode,isOpenByDefault:i??Ng(e.reportElementData.config.reportId,e.reportElementData.element.kind,o,e.reportElementData.config.reportFormat),nestingLevel:o,treeKind:n,reportElementData:e.reportElementData},treeKind:n,nestingLevel:o,node:e}}function Tn(e,n,o){return gn(e)===!0?function(i){switch(i){case"section":case"section_with_ac_only":case"calculated_section":case"calculated_section_type1":return _[8];case"ac_group_report":case"ac_group_subaccount":case"ac_subentity_total":case"ac_subaccount":case"ac_report":case"title_string_only":case"total":case"loading_in_progress":case"class":case"checkbox_and_name_only":return _[6];case"timeframe_headers":case"headers_loading_in_progress":return _[11];case"timeframe_headers_with_forecast":return 98;default:return 0}}(n):fn(e)===!0||Ye(e)===!0?function(i){switch(i){case"section":case"ac_group_report":case"ac_group_subaccount":case"calculated_section":case"calculated_section_type1":case"section_with_ac_only":case"title_string_only":case"total":return _[8];case"ac_subentity_total":case"ac_subaccount":case"ac_report":case"loading_in_progress":case"class":case"checkbox_and_name_only":return _[6];case"timeframe_headers":case"headers_loading_in_progress":return _[11];case"timeframe_headers_with_forecast":return 98;default:return 0}}(n):xn(e)?function(i){switch(i){case"timeframe_headers":return _[10];case"aging_report_row":case"ac_subentity_total":return _[6];case"total":case"spacer_row":return _[8];default:return _[0]}}(n):yn(e)?gt(n):mn(e)?function(i){switch(i){case"timeframe_headers":return _[11];case"vendor_row":case"loading_in_progress":return _[6];case"total":case"spacer_row":case"title_string_only":return _[8];default:return 0}}(n):wn(e)?Ri(n,o):function(i){switch(i){case"section":case"section_with_ac_only":case"calculated_section":case"ac_group_report":case"ac_group_subaccount":return _[8];case"calculated_section_type1":case"ac_report":case"ac_subaccount":case"ac_subentity_total":case"total":return _[6];case"title_string_only":return 67;case"timeframe_headers":return _[11];default:return _[0]}}(n)}function Ng(e,n,o,i){return gn(e)?function(r,a,s=0){const c=["summary"];switch(r){case"section":case"section_with_ac_only":case"title_string_only":return!c.includes(a);case"calculated_section":case"calculated_section_type1":case"ac_group_report":case"ac_report":case"total":case"timeframe_headers":case"timeframe_headers_with_forecast":default:return!1;case"ac_group_subaccount":case"ac_subaccount":case"ac_subentity_total":return!(c.includes(a)||a==="detailed"&&s>0);case"class":return!(a==="detailed"&&s>0);case"checkbox_and_name_only":return!0}}(n,i,o):fn(e)||Ye(e)===!0?function(r,a){const s=["summary","detailed"];switch(r){case"section":case"section_with_ac_only":case"ac_group_report":case"ac_group_subaccount":case"ac_subentity_total":case"ac_subaccount":case"ac_report":case"title_string_only":return!s.includes(a);case"calculated_section":case"calculated_section_type1":case"total":case"timeframe_headers":case"timeframe_headers_with_forecast":default:return!1;case"class":case"checkbox_and_name_only":return!0}}(n,i):!!xn(e)||!mn(e)&&(wn(e)?function(r){return["section","flux_vendor_account_class_row","flux_vendor_row"].includes(r)}(n):yn(e)?Kr():function(r,a){const s=["summary","detailed"];switch(r){case"section":case"section_with_ac_only":case"calculated_section":case"calculated_section_type1":case"ac_group_report":case"ac_group_subaccount":case"ac_report":case"ac_subaccount":case"ac_subentity_total":case"title_string_only":return!s.includes(a);default:return!1}}(n,i))}const Wg=l.div`
+  top: 0;
+  left: 0;
+  position: sticky !important;
+  position: -webkit-sticky !important;
+  min-height: ${e=>e.heightValue}px;
+  max-height: ${e=>e.heightValue}px;
+  width: fit-content;
+  min-width: 100%;
+  z-index: 2;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  background-color: ${e=>e.bgColor?.hex()};
+  box-sizing: border-box;
+`;function Pg({height:e,backgroundColor:n,headers:o,treeKind:i,isSticky:r,compareMode:a,onCompareModeChanged:s}){return o.length===0?null:(o.forEach(c=>{if(c.children.length>0)throw Error("Sticky headers can't have children")}),t.jsx(Wg,{heightValue:e,bgColor:n,"data-testid":b("sticky-header-report-tree"),children:o.map((c,h)=>t.jsx(hr,{id:c.id,treeKind:i,reportElementData:c.reportElementData,height:Tn(c.reportElementData.config.reportId,c.reportElementData.element.kind,c.isFirstNode),backgroundColor:n,isSticky:r,isScrolling:!1,isLeaf:!0,isLastNode:o.length-1===h,isFirstNode:!1,isOpen:!0,nestingLevel:1,nodeClickHandler:()=>{console.log("Node click handler is called")},compareMode:a,onCompareModeChanged:s},c.id))}))}const ur=N.createContext(void 0);function zg({height:e,kind:n,rootNodes:o,compareMode:i,isSticky:r,backgroundColor:a,treeNodePadding:s,treeClassName:c,treeStyle:h,treeRef:g,treeOuterElementRef:p,infiniteLoadingProps:u,variableNodeHeightTree:f,onNodeClick:x,onCompareModeChanged:w,scrollPosition:m,onScroll:k,nodeOpenStatus:y,onNodeCollapseToggled:v,onTreeInnerElementHeightChanged:S,onToggleCheck:$,hoveredParentIdProps:C}){const L=N.useRef(null),O=N.useRef(null),P=Vn(f?.prevFetchState),T=Vn(f?.prevRefreshFetchState),[R,V]=N.useState(0),Y=p??O,U=g??L,Q=W(),[de,Ae]=N.useState(void 0),[Je,Xe]=N.useState(!1),[Ce,et]=N.useState(y),he=(F,J)=>{et(Object.assign({},Ce,{[F]:J})),v?.(F,J)},le=F=>{if(o.contentNodes.length>0)if(Object.keys(F).length>0){const J={};Object.keys(F).forEach(fe=>{J[fe]={open:F[fe]}}),U?.current?.recomputeTree(J)}else{const J=o.contentNodes[0].id;U?.current?.recomputeTree({[J]:{open:!0}})}};N.useLayoutEffect(()=>{if((!Dn(m,de)||de==null)&&Y.current!=null){const F=m?.scrollLeft==null?Q==="small"?0:Y.current.scrollWidth:m?.scrollLeft;if(m!=null){const J={scrollTop:m.scrollTop,scrollLeft:F};Ae(J),F!==m?.scrollLeft&&k?.(J)}Y.current.scroll({left:F,top:m?.scrollTop})}},[m]),N.useEffect(()=>{Dn(y,Ce)||(et(y),le(y))},[y]),N.useEffect(()=>{const F=Y.current,J=xr(()=>{if(F!=null&&(de==null||F.scrollLeft!==de.scrollLeft||F.scrollTop!==de.scrollTop)){const fe={scrollLeft:F.scrollLeft,scrollTop:F.scrollTop};Ae(fe),k?.(fe)}},50);return F?.addEventListener("scroll",J),()=>{F?.removeEventListener("scroll",J)}},[Y,de,k]),N.useEffect(()=>{if(o.contentNodes.length>0){le(Ce);const F=o.contentNodes[0].reportElementData.config.mode==="actual_vs_forecast";F!==Je&&Xe(F)}},[Je,Xe,o,U,Y]),N.useEffect(()=>{(f!=null&&P==="In-Progress"&&f.fetchState==="Completed"&&f.isSortApplied||f!=null&&T==="In-Progress"&&f.refreshFetchState==="Completed")&&(f.reducedFetchState==="Completed"&&f.setIsSortApplied(!1),V(R+1))},[R,f?.fetchState,f?.isSortApplied,P,T,f]);const ie=N.useRef(),[_e,tt]=N.useState(void 0),nt=N.useCallback(((F,J,fe)=>function*(){for(let we=0;we<J.length;++we)yield Oo(J[we],F,0,fe[J[we].id]??void 0);for(;;){const we=yield;for(let ot=0;ot<we.node.children.length;++ot)yield Oo(we.node.children[ot],F,we.nestingLevel+1,fe[we.node.children[ot].id]??void 0)}})(n,o.contentNodes,Ce),[n,o]),pr={rootNodes:o,treeNodePadding:s,backgroundColor:a,kind:n,isSticky:r,compareMode:i,onCompareModeChanged:w};return t.jsx(ur.Provider,{value:pr,"data-testid":b("report-tree"),children:u==null?t.jsx(Zn,{className:c,style:h,ref:U,innerRef:ie,outerRef:Y,innerElementType:tn,treeWalker:nt,onItemsRendered:()=>{const F=ie.current;F!=null&&F.clientHeight>0&&F.clientHeight!=_e&&(tt(F.clientHeight),S?.(F.clientHeight))},height:e,width:"100%",children:F=>t.jsx(Ao,{...F,isSticky:r.isStickyName,backgroundColor:a,treeNodePadding:s,onNodeClick:x,onNodeCollapseToggled:he,compareMode:i,onCompareModeChanged:w,onToggleCheck:$})}):t.jsx(mr,{isItemLoaded:u.isItemLoaded,itemCount:u.itemCount+1,loadMoreItems:u.loadMoreItems,children:({onItemsRendered:F,ref:J})=>t.jsx(Zn,{className:c,style:h,ref:J,innerRef:ie,outerRef:Y,innerElementType:tn,treeWalker:nt,onItemsRendered:F,height:e,width:"100%",children:fe=>t.jsx(Ao,{...fe,isSticky:r.isStickyName,backgroundColor:a,treeNodePadding:s,onNodeClick:x,onNodeCollapseToggled:he,compareMode:i,onCompareModeChanged:w,onToggleCheck:$,hoveredParentIdProps:C})},R)})})}const tn=N.forwardRef((e,n)=>{const{children:o,style:i,...r}=e,{rootNodes:a,treeNodePadding:s,backgroundColor:c,kind:h,isSticky:g,compareMode:p,onCompareModeChanged:u}=N.useContext(ur),f=a.headerNodes.reduce((k,y)=>k+Tn(y.reportElementData.config.reportId,y.reportElementData.element.kind,y.isFirstNode),0),x=s?.left,w=s?.right,m=d.sp8;return t.jsxs("div",{ref:n,style:{...i,width:"auto",minWidth:"100%",paddingLeft:x,paddingRight:w,marginBottom:m},...r,children:[t.jsx(Pg,{height:f,backgroundColor:c,headers:a.headerNodes,treeKind:h,isSticky:g.isStickyHeader,compareMode:p,onCompareModeChanged:u}),o]})});tn.displayName="stickyInnerElementType";const Fg=l.div`
+  display: flex;
+  flex: 1 0 auto;
+  width: ${e=>e.width}px;
+  height: ${e=>e.height}px;
+  padding-left: ${e=>e.paddingLeft}px;
+  background-color: ${e=>e.bgColor?.hex()};
+
+  & .content-scroll {
+    overflow: auto;
+    scrollbar-width: thin;
+    scrollbar-color: transparent transparent;
+    &::-webkit-scrollbar {
+      width: ${d.sp2};
+      height: ${d.sp2};
+      background-color: transparent;
+    }
+    &::-webkit-scrollbar-thumb {
+      background-color: transparent;
+    }
+
+    &:hover {
+      scrollbar-color: ${e=>e.theme.colors.grey1} transparent;
+      &::-webkit-scrollbar {
+        width: ${d.sp2};
+        height: ${d.sp2};
+        background-color: transparent;
+      }
+      &::-webkit-scrollbar-track {
+        box-shadow: inset 0 0 2px ${ne.scrollbarBoxShadow};
+        -webkit-box-shadow: inset 0 0 2px ${ne.scrollbarBoxShadow};
+        background-color: transparent;
+      }
+      &::-webkit-scrollbar-thumb {
+        background-color: ${e=>e.theme.colors.grey1};
+        border-radius: 2px;
+      }
+    }
+  }
+`;function Yg({rootNodes:e,type:n,compareMode:o,isSticky:i,backgroundColor:r,treeNodePadding:a,onAccountClick:s,infiniteLoadingProps:c,variableNodeHeightTree:h,hoveredParentIdProps:g,onCompareModeChanged:p,scrollPosition:u,onScroll:f,nodeOpenStatus:x,onNodeCollapseToggled:w,onReportTableHeightChanged:m,onToggleCheck:k}){return t.jsx(gr,{children:({height:y,width:v})=>t.jsx(Fg,{"data-testid":b("report-tree-container"),height:y,width:v,paddingLeft:a?.left??0,bgColor:r,children:t.jsx(zg,{"data-testid":b("report-tree"),treeClassName:"content-scroll",height:y,kind:n,rootNodes:e,compareMode:o,isSticky:i,backgroundColor:r,treeNodePadding:a!=null?{left:0,right:a?.right}:void 0,infiniteLoadingProps:c,variableNodeHeightTree:h,hoveredParentIdProps:g,onNodeClick:s==null?void 0:(S,$,C,L)=>{C!=null&&L!=null&&s(C,L)},onCompareModeChanged:p,scrollPosition:u,onScroll:f,nodeOpenStatus:x,onNodeCollapseToggled:w,onTreeInnerElementHeightChanged:m,onToggleCheck:k})})})}export{Ue as B,wt as C,oe as H,Jr as M,Hg as N,Kg as X,Nn as a,ee as b,_c as e,Ge as i,Yg as r};