@zeniai/web-cockpit-ui 1.14.72-dev → 1.14.72-dev-betaSK01

package/dist/assets/CollapsableReportTable-7iAngywY-CxWB4sRz.js

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