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

package/dist/assets/CollapsableReportTable-NYu8Bq-g-CCeLwwka.js

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