@zeniai/web-components 3.16.60 → 3.16.62

package/dist/ReportsPage-Bmsrzre8.cjs

@@ -0,0 +1,121 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("./vendor-.pnpm-CT-Z_-kn.cjs"),C=require("react"),R=require("@emotion/styled"),y=require("@zeniai/client-analytics"),_=require("@zeniai/client-epic-state"),s=require("./index-CGiOrCyX.cjs"),F=require("./analyticsHelper-CnvFGRDd.cjs"),te=require("./ReportTableViewSelector-CeBX1elK.cjs"),$=require("./TimeRangeSwitcher-D4FMNcW8.cjs"),se=require("./TimeframeSwitcherWithToggle-D-A_NOYB.cjs"),ne=require("./DownloadOverlay-BW2sHWnI.cjs"),A=require("./CollapsableReportTable-mL-dznc8.cjs"),w=require("./mapSectionWithAcOnlyToTreeNode-B9mJ3VTt.cjs"),W=require("./mapTimeframeBalancesToTreeNode-CWdMS7Ir.cjs"),q=require("./mapTimeframeHeaderLoadingInProgressToTreeNode-Bx_hyPwE.cjs"),ae=require("./mapLoadingInProgressToTreeNode-DUKnhj8-.cjs");function U({section:e,sectionId:t,numOfBalances:n,config:i}){return A.getSelectorApplyingFilters$1("no_filter",i.filterAccountsWithNilBalances,i.filterAccountGroupsWithNilBalances).compactedAccountGroupsSelector(e.accountGroups).map(u=>oe({accountGroup:u,sectionType:t,numOfBalances:n,title:u.accountGroupName,isLastNode:!0,config:i}))}function oe({accountGroup:e,sectionType:t,numOfBalances:n,title:i,isLastNode:a,config:d}){const u=A.uniqueID("section",[],i+t),m={children:[],id:u,isLastNode:a,reportElementData:{element:{kind:"section",title:i,sectionType:t,data:e,numOfBalances:n},config:d}},f=A.getSelectorApplyingFilters$1("no_filter",d.filterAccountsWithNilBalances,d.filterAccountGroupsWithNilBalances).compactedAccountsSelectorVariant(e.accounts),x=f.map((g,o)=>w.mapSubAccountToTreeNode({account:g,sectionType:t,numOfBalances:n,title:g.account.accountName,config:d,isLastNode:o===f.length-1,parentNodeIDs:[u],ancestorMetadata:{subAccountAncestorMetadata:[{depth:0,hasSibling:f.length>1,hasChildren:g.children.length>0,isLastNode:o===f.length-1}]}}));return m.children.push(...x),m}function Y({sectionWithAcOnly:e,sectionType:t,numOfBalances:n,config:i}){return e.accounts.map((d,u)=>w.mapSubAccountToTreeNode({account:d,sectionType:t,numOfBalances:n,title:d.account.accountName,config:i,isLastNode:u===e.accounts.length-1,parentNodeIDs:[],ancestorMetadata:{subAccountAncestorMetadata:[{depth:0,hasSibling:e.accounts.length>1,hasChildren:d.children.length>0,isLastNode:u===e.accounts.length-1}]}}))}function Z({balances:e,config:t,nodeId:n}){return{children:[],id:n??A.uniqueID("timeframe_header",[]),isLastNode:!1,reportElementData:{element:{kind:t.mode==="actual_vs_forecast"?"timeframe_headers_with_forecast":"timeframe_headers",title:"",data:e,numOfBalances:e.length},config:t}}}function ie(e,t,n,i=!0){Object.assign(e.config,t);const a=K(n),d=W.mapTimeframeBalancesToTreeNode({balances:a,config:t});return{config:t,headerNodes:i?[d]:[],contentNodes:[d,...e.contentNodes.slice(1)]}}const K=e=>{switch(e.reportId){case"profit_and_loss":{const t=e;return t.sections.expenses.balances.length>0?[...t.sections.expenses.balances,...t.sections.expenses.additionalBalances]:[...t.sections.income.balances,...t.sections.income.additionalBalances]}case"profit_and_loss_by_classes":{const t=e;return t.sections.expenses.balances.length>0?[...t.sections.expenses.balances,...t.sections.expenses.additionalBalances]:[...t.sections.income.balances,...t.sections.income.additionalBalances]}case"cash_flow":{const t=e;return[...t.calculatedSections.operatingActivitiesTotal.balances,...t.calculatedSections.operatingActivitiesTotal.additionalBalances]}case"balance_sheet":{const t=e;let n=[];return Object.keys(t.sections).forEach(i=>{t.sections[i].balances.length>0&&(n=[...t.sections[i].balances,...t.sections[i].additionalBalances])}),n}default:return[]}};function ce(e,t,n=!0){const i=s.appLocale.getLocalizedStrings().reports.sections,a=s.appLocale.getLocalizedStrings().reports.balanceSheet,d=K(e),u=t.mode!=null&&t.mode==="this_period_vs_period_before"&&d.length>1?e.filter.balancesRange.numberOfPeriods+2:e.filter.balancesRange.numberOfPeriods+1,m=Z({balances:d,config:t}),l=[];return l.push(m),Object.keys(e.rootSectionsWithSubSectionIds).forEach(f=>{const x=A.uniqueID("title_string_only",[],f),g={children:[],id:x,isLastNode:!0,reportElementData:{element:{kind:"title_string_only",title:i[f],data:void 0,numOfBalances:0},config:t}};l.push(g),e.rootSectionsWithSubSectionIds[f].forEach(o=>{if(_.isBalanceSheetReportViewSectionID(o)===!0)if(e.sections[o].accountGroups.length>0)if(o==="equity"){const h=U({sectionId:o,section:e.sections[o],numOfBalances:u,config:t});l.push(...h)}else l.push(w.mapAccountViewSectionToTreeNode({section:e.sections[o],sectionType:o,numOfBalances:u,title:a[o],isLastNode:!0,config:t}));else if(o==="equity"){const h=Y({sectionWithAcOnly:e.sections[o],sectionType:o,numOfBalances:u,config:t});l.push(...h)}else{const h=e.sections[o];l.push(w.mapAccountViewSectionWithSubAccountsOnlyToTreeNode({sectionWithAcOnly:h,sectionType:o,numOfBalances:u,title:a[o],isLastNode:!0,config:t}))}else _.isBalanceSheetReportViewCalculatedSectionID(o)===!0&&l.push(w.mapCalculatedSectionToTreeNode({calculatedSection:e.calculatedSections[o],numOfBalances:u,title:a[o],isLastNode:!0,config:t}))})}),{config:t,headerNodes:n?[m]:[],contentNodes:l}}function le({calculatedSection:e,numOfBalances:t,title:n,isLastNode:i,config:a}){return{children:[],id:A.uniqueID("calculated_section_type1",[],n),isLastNode:i,reportElementData:{element:{kind:"calculated_section_type1",title:n,data:e,numOfBalances:t},config:a}}}function re(e,t,n=!0){const i=s.appLocale.getLocalizedStrings().reports.sections,a=s.appLocale.getLocalizedStrings().reports.cashFlow,d=[...e.calculatedSections.operatingActivitiesTotal.balances,...e.calculatedSections.operatingActivitiesTotal.additionalBalances],u=t.mode!=null&&t.mode==="this_period_vs_period_before"&&d.length>1?e.filter.balancesRange.numberOfPeriods+2:e.filter.balancesRange.numberOfPeriods+1,m=Z({balances:d,config:t}),l=[];return Object.keys(e.rootSectionsWithSubSectionIds).forEach(f=>{const x=A.uniqueID("title_string_only",[],f),g={children:[],id:x,isLastNode:!0,reportElementData:{element:{kind:"title_string_only",title:i[f],data:void 0,numOfBalances:0},config:t}};l.push(g),e.rootSectionsWithSubSectionIds[f].forEach(o=>{if(_.isCashFlowReportViewSectionID(o)===!0)if(e.sections[o].accountGroups.length>0){const h=U({sectionId:o,section:e.sections[o],numOfBalances:u,config:t});l.push(...h)}else{const h=Y({sectionWithAcOnly:e.sections[o],sectionType:o,numOfBalances:u,config:t});l.push(...h)}else _.isCashFlowReportViewCalculatedSectionType1ID(o)===!0?l.push(le({calculatedSection:e.calculatedSections[o],numOfBalances:u,title:a[o],isLastNode:!0,config:t})):_.isCashFlowReportViewCalculatedSectionID(o)===!0&&l.push(w.mapCalculatedSectionToTreeNode({calculatedSection:e.calculatedSections[o],numOfBalances:u,title:a[o],isLastNode:!0,config:t}))})}),{config:t,headerNodes:n?[m]:[],contentNodes:[m,...l]}}function de(e,t,n=!0,i=!1){const a=s.appLocale.getLocalizedStrings().reports,d=s.appLocale.getLocalizedStrings().common;let u=[];const m=[];let l=[];if(i===!0){const f=q.mapTimeframeHeaderLoadingInProgressToTreeNode({title:d.loading,balances:[],config:t});f.reportElementData.element.numOfBalances=6,n&&(l=[f]),m.push(f),[...Array(8)].forEach((x,g)=>{const o=g%4;let r=q.rowTitles[o];const h=ae.mapLoadingInProgressToTreeNode({title:`${g}+${r}`,balances:u,config:t});h.reportElementData.element.numOfBalances=6,m.push(h)})}else{const f=e.sections.expenses.balances.length>0?[...e.sections.expenses.balances,...e.sections.expenses.additionalBalances]:e.sections.income.balances.length>0?[...e.sections.income.balances,...e.sections.income.additionalBalances]:e.sections.cogs.balances.length>0?[...e.sections.cogs.balances,...e.sections.cogs.additionalBalances]:e.sections.otherIncome.balances.length>0?[...e.sections.otherIncome.balances,...e.sections.otherIncome.additionalBalances]:e.sections.otherExpenses.balances.length>0?[...e.sections.otherExpenses.balances,...e.sections.otherExpenses.additionalBalances]:[],x=W.mapTimeframeBalancesToTreeNode({balances:f,config:t}),g=t.mode!=null&&t.mode==="this_period_vs_period_before"&&f.length>1?e.filter.balancesRange.numberOfPeriods+2:e.filter.balancesRange.numberOfPeriods+1;m.push(x),n&&(l=[x]),e.idsInOrder.forEach(o=>{if(_.isPandLReportViewSectionID(o)===!0){const r=e.sections[o];r!=null&&m.push(w.mapClassViewSectionToTreeNode({section:r,sectionType:o,numOfBalances:g,title:a.sections[o],isLastNode:!0,config:t}))}else if(_.isPandLReportViewCalculatedSectionID(o)===!0){const r=e.calculatedSections[o];r!=null&&m.push(w.mapCalculatedSectionToTreeNode({calculatedSection:r,numOfBalances:g,title:a.sections[o],isLastNode:!0,config:t}))}})}return{config:t,headerNodes:l,contentNodes:m}}function ue(e,t,n=!0){const i=s.appLocale.getLocalizedStrings().reports,a=e.sections.expenses!=null&&e.sections.expenses.balances.length>0?[...e.sections.expenses.balances,...e.sections.expenses.additionalBalances]:e.sections.income!=null&&e.sections.income.balances.length>0?[...e.sections.income.balances,...e.sections.income.additionalBalances]:e.sections.cogs!=null&&e.sections.cogs.balances.length>0?[...e.sections.cogs.balances,...e.sections.cogs.additionalBalances]:e.sections.otherIncome!=null&&e.sections.otherIncome.balances.length>0?[...e.sections.otherIncome.balances,...e.sections.otherIncome.additionalBalances]:e.sections.otherExpenses!=null&&e.sections.otherExpenses.balances.length>0?[...e.sections.otherExpenses.balances,...e.sections.otherExpenses.additionalBalances]:[],d=t.mode!=null&&t.mode==="this_period_vs_period_before"&&a.length>1?e.filter.balancesRange.numberOfPeriods+2:e.filter.balancesRange.numberOfPeriods+1,u=W.mapTimeframeBalancesToTreeNode({balances:a,config:t}),m=[];return m.push(u),e.idsInOrder.forEach(l=>{if(_.isPandLReportViewSectionID(l)===!0&&(e.sections[l].accountGroups.length>0?m.push(w.mapAccountViewSectionToTreeNode({section:e.sections[l],sectionType:l,numOfBalances:d,title:i.sections[l],isLastNode:!0,config:t})):m.push(w.mapAccountViewSectionWithSubAccountsOnlyToTreeNode({sectionWithAcOnly:e.sections[l],sectionType:l,numOfBalances:d,title:i.sections[l],isLastNode:!0,config:t}))),_.isPandLReportViewCalculatedSectionID(l)===!0){const f=e.calculatedSections[l];f!=null&&m.push(w.mapCalculatedSectionToTreeNode({calculatedSection:f,numOfBalances:d,title:i.sections[l],isLastNode:!0,config:t}))}}),{config:t,headerNodes:n?[u]:[],contentNodes:m}}const H={contentPaddingLeft:new s.ResponsiveSized(s.sp[0],s.sp[0],s.sp[0]),contentPaddingRight:new s.ResponsiveSized(s.sp[3],s.sp[3],s.sp[8])},me=R.div`
+  height: ${e=>e.height}px;
+  width: 99.9%;
+  margin-top: ${s.Space.sp2};
+  background-color: ${e=>e.theme.colors.grey4};
+`;function he({report:e,displayOrder:t,reportFormat:n,analytics:i,isZeniUser:a,onAdditionalBalanceSelectionChanged:d,onAccountBalanceClick:u,onTableScroll:m,onElementCollapseStateChanged:l,isCompareModeOn:f,isPageFetchInProgress:x=!1}){const g=s.useWindowSizeContext(),o=c.useTheme(),[r,h]=C.useState(void 0),[N,v]=C.useState(void 0),B=!(g==="small"||g==="medium-compact"),V="name+balances_actual",M=f===!0?"this_period_vs_period_before":"none",L=()=>{let S=[];switch(e.reportId){case"profit_and_loss":{const p=e;S=(p.sections.expenses.balances.length>0?p.sections.expenses:p.sections.income).additionalBalances.map(D=>_.toTimeframeTick(D));break}case"profit_and_loss_by_classes":{const p=e,O=(p.sections.expenses?.balances?.length??0)>0?p.sections.expenses:null,D=(p.sections.income?.balances?.length??0)>0?p.sections.income:null,z=O??D;z?.additionalBalances!=null&&(S=z.additionalBalances.map(ee=>_.toTimeframeTick(ee)));break}case"cash_flow":{S=e.calculatedSections.investingActivitiesTotal.additionalBalances.map(O=>_.toTimeframeTick(O));break}case"balance_sheet":{S=e.sections.equity.additionalBalances.map(O=>_.toTimeframeTick(O));break}}return S.length>0&&S.find(p=>p.balanceType==="this_period_vs_last_period")?"compare_mode_amount":"compare_mode_percent"};C.useEffect(()=>{const S={reportId:e.reportId,bookCloseDate:e.bookCloseDate,mode:M,firstMonthOfFY:e.firstMonthOfFY,filterAccountsWithNilBalances:"filter_actual_nil_balances",filterAccountGroupsWithNilBalances:"filter_actual_forecast_empty_account_group_balances",displayOrder:t,reportFormat:n,dataAvailable:e.dataAvailable,showNegativeAmountInParenthesis:s.getShowNegativeAmountInParenthesisDefaultValue(),showClassAccountNumber:a};if(r==null||!c.isEqual(N,e)||x===!0){const p=fe(e,S,B,x);v(e),h(p)}else{const p=ie(r,S,e,B);h(p)}},[f,e,x]);const[T,P]=C.useState(5),k=S=>{const p=S+135;P(p)},X=S=>S?.trackPageLoaded(ge(e));return r!=null?c.jsxRuntimeExports.jsxs(c.jsxRuntimeExports.Fragment,{children:[c.jsxRuntimeExports.jsx(s.AnalyticsOnLoad,{analytics:i,onLoad:X}),c.jsxRuntimeExports.jsx(me,{height:T,children:c.jsxRuntimeExports.jsx(A.CollapsableReportTable,{backgroundColor:new c.Color(o.colors.grey4),rootNodes:r,type:V,compareMode:L(),isSticky:{isStickyHeader:B,isStickyName:B},treeNodePadding:{left:H.contentPaddingLeft.value(g),right:H.contentPaddingRight.value(g)},onAccountClick:u==null?void 0:(S,p)=>{u(S,p)},nodeOpenStatus:e.uiState.nodeCollapseState,scrollPosition:e.uiState.scrollPosition,onCompareModeChanged:S=>d?.(S==="compare_mode_amount"?"this_period_vs_last_period":"this_period_vs_last_period_percent","dropdown"),onNodeCollapseToggled:(S,p)=>l?.(e.reportId,S,p),onReportTableHeightChanged:k,onScroll:S=>m?.(e.reportId,S)})})]}):null}const fe=(e,t,n=!0,i=!1)=>{switch(e.reportId){case"profit_and_loss":return ue(e,t,n);case"profit_and_loss_by_classes":return de(e,t,n,i);case"cash_flow":return re(e,t,n);case"balance_sheet":return ce(e,t,n);default:return}},ge=e=>{switch(e.reportId){case"profit_and_loss":case"profit_and_loss_by_classes":return y.Event.profitAndLoss;case"cash_flow":return y.Event.cashFlow;case"balance_sheet":return y.Event.balanceSheet;default:return y.Event.reports}},pe=R.div`
+  display: flex;
+  flex-direction: row;
+  border-bottom: 1px solid ${e=>e.theme.colors.grey3};
+  justify-content: center;
+  width: 100%;
+  align-items: center;
+`,Se=R.div`
+  display: flex;
+  position: relative;
+`,_e=R(s.SmallMedium)`
+  padding: 12px;
+  color: ${e=>e.isSelected?e.theme.colors.primary:e.theme.colors.hero};
+  cursor: ${e=>e.isSelected?"default":"pointer"};
+  margin: ${e=>e.spaceAround?`0 ${s.Space.sp4}`:0};
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  &:hover {
+    color: ${e=>e.theme.colors.primary};
+  }
+`,Re=R.div`
+  height: 2px;
+  background-color: ${e=>e.theme.colors.primary};
+  border-radius: 1px;
+  position: absolute;
+  bottom: 0;
+  left: 0;
+  transition: left 0.35s;
+  &.profit_and_loss {
+    width: 106px;
+    left: 0;
+  }
+
+  &.profit_and_loss_by_classes {
+    width: 106px;
+    left: 0;
+  }
+  &.balance_sheet {
+    width: 114px;
+    left: 30%;
+  }
+  &.cash_flow {
+    width: 160px;
+    left: 63%;
+  }
+`;function xe({reportId:e,isSelected:t,onClick:n}){const i=a=>{switch(a){case"profit_and_loss":case"profit_and_loss_by_classes":case"balance_sheet":case"cash_flow":return s.appLocale.getLocalizedStrings().reportTitleById[a];default:return console.warn("Unsupported report"),""}};return c.jsxRuntimeExports.jsx(_e,{"data-testid":s.generateDataTestId("reportSwitcher",e),onClick:()=>{t===!1&&n(e)},isSelected:t,spaceAround:e==="balance_sheet",children:i(e)})}function be({reportIds:e,selectedReport:t,onReportSelectionChanged:n}){const i=a=>{n?.(a)};return c.jsxRuntimeExports.jsx(pe,{"data-testid":s.generateDataTestId("report-switcher-container"),children:c.jsxRuntimeExports.jsx(Se,{"data-testid":s.generateDataTestId("report-switcher-content"),children:e.map(a=>a!=="profit_and_loss_by_classes"&&c.jsxRuntimeExports.jsxs("div",{children:[c.jsxRuntimeExports.jsx(xe,{reportId:a,isSelected:t===a,onClick:i}),c.jsxRuntimeExports.jsx(Re,{className:`Slider ${t}`})]},`reportSegment-${a}`))})})}const j={contentContainerLeftRightMargin:new s.ResponsiveSized(s.sp[3],s.sp[3],s.sp[8]),contentRightPadding:new s.ResponsiveSized(s.sp[3],s.sp[3],s.sp[8]),tickSkelectionContainerWidth:new s.ResponsiveSized(343,600,905,1240)},we=new s.ResponsiveSized(4,4),Te=new s.ResponsiveSized(4,4),Ce={selectedNumberOfPeriods:(e,t)=>e?Te.value(t):we.value(t)},ye=R.div`
+  display: flex;
+  flex: 1 1 auto;
+  min-height: 100%;
+  flex-direction: column;
+  background-color: ${e=>e.theme.colors.grey4};
+`,Ae=R.div`
+  display: flex;
+  flex: 1 1 auto;
+  flex-direction: column;
+  height: calc(100vh - ${s.Space.sp10});
+  margin: ${e=>`${s.Space.sp2} ${s.Space.sp0} ${s.Space.sp0} ${j.contentContainerLeftRightMargin.valuePx(e.windowSize)}`};
+`,Ne=R.div`
+  display: flex;
+  width: 100%;
+  height: 100%;
+  flex-direction: row;
+  justify-content: center;
+  align-items: center;
+  background-color: ${e=>e.theme.colors.grey4};
+`,ve=R.div`
+  position: absolute;
+  margin-top: ${e=>e.windowSize==="small"?"230px":"195px"};
+  background-color: ${e=>e.theme.colors.grey4};
+`,Le=R.div`
+  display: flex;
+  width: 100%;
+  height: calc(100% - 60px);
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+`,Be=R.div`
+  height: 96px;
+  width: 96px;
+  background: ${e=>e.theme.colors.background};
+  border-radius: 50%;
+  cursor: pointer;
+  & svg {
+    margin: ${s.Space.sp5};
+    color: ${e=>e.theme.colors.grey1};
+  }
+  &:hover {
+    & svg {
+      color: ${e=>e.theme.colors.primary};
+    }
+  }
+`,Oe=R(s.SmallRegularSp)`
+  margin-top: ${s.Space.sp3};
+  color: ${e=>e.theme.colors.hero};
+`,J=({style:e,isLoading:t})=>t?c.jsxRuntimeExports.jsx(Ne,{style:e,children:c.jsxRuntimeExports.jsx(s.ActivityIndicator,{size:"ExtraLarge",start:!0})}):null,b=e=>{switch(e.selectedReport){case"cash_flow":return e.cashFlowReport;case"balance_sheet":return e.balanceSheetReport;case"profit_and_loss_by_classes":return e.profitAndLossClassesViewReport;case"profit_and_loss":default:return e.profitAndLossReport}},I=({selectedReport:e,isCompareModeOn:t,windowSize:n})=>{const i=e.availableNumberOfPeriods;let a=Ce.selectedNumberOfPeriods(t,n);return i!=null&&(a=Math.min(a,i)),a};function Ee(e){const t=s.useWindowSizeContext(),n=c.useTheme(),{onUpdateAccountViewMode:i,onUpdateClassesToFilterOut:a,onAdditionalBalanceSelectionChanged:d,onTimeframeSelectionChanged:u,isCompareMode:m,selectedReportAndTimeframeFetchState:l,onClickMenuIcon:f}=e,x=(L,T)=>{L!==g?.accountViewMode&&i?.(L),T&&a?.(T)};C.useEffect(()=>{if(e.fetchState==="Completed"){const T=b(e).filter.additionalBalances;e.onUpdateHighlightedNumberOfPeriods?.(T,e.isCompareMode,I({selectedReport:b(e),isCompareModeOn:e.isCompareMode,windowSize:t}),e.balancesInTimeframe)}},[t,e.fetchState]);const g=ke(e),o=s.appLocale.getLocalizedStrings().reports.common,r=s.useGlobalInfoContext(),h=r!=null&&_.hasInvestorBankerLevelAccess(r.loggedInUserRole)?"detailed":"more_detailed",N=r!=null&&_.hasInvestorBankerLevelAccess(r.loggedInUserRole)?["more_detailed"]:[];e.showAccountGroups===!1&&g?.accountViewMode==="account_group"&&N.push("detailed");const[v,B]=C.useState(N.includes("more_detailed")?"detailed":"more_detailed"),V={selectedFormat:v,disabledFormatForRole:N,roleBasedClassesSelectedFormat:h,setSelectedFormat:B};if(l.fetchState==="Error"||e.fetchState==="Error")return c.jsxRuntimeExports.jsxs(Le,{"data-testid":s.generateDataTestId("report-page-error-reload-page"),children:[c.jsxRuntimeExports.jsx(Be,{"data-testid":s.generateDataTestId("report-page-error-reload-icon"),onClick:e.onReloadReport,children:c.jsxRuntimeExports.jsx(s.SvgReload,{})}),c.jsxRuntimeExports.jsx(Oe,{children:o.failed})]});const M=e.fetchState;if(l.fetchState!=="Completed"&&(M==="In-Progress"||M==="Not-Started"))return c.jsxRuntimeExports.jsx(J,{isLoading:!0});{const L=c.jsxRuntimeExports.jsx(s.DownloadButton,{downloadReportOptions:{type:"detailed_menu",downloadMenu:{detailedMenu:g!=null&&e.dataAvailable!=null?c.jsxRuntimeExports.jsx(ne.DownloadOverlayButton,{defaultOptions:g,analytics:e.analytics,referrer:E(e.selectedReport),dataAvailable:e.dataAvailable,downloadState:e.downloadState,statementEndPoint:e.statementEndPoint,authParams:e.authParams,currentTenantCompanyName:e.currentTenantCompanyName,classesFetchState:e.profitAndLossClassesViewReport.fetchState,showAccountGroups:e.showAccountGroups,reportFormatProps:V,updateDownloadStateHandler:e.updateDownloadStateHandler,onUpdateDisplayOrder:e.onUpdateDisplayOrder,onUpdateReportFormat:e.onUpdateReportFormat,onClose:()=>null,onOpenAccountViewMode:e.onOpenAccountViewMode,onSaveClickHandler:x,onThisPeriodChanged:e.onThisPeriodChanged,onAdditionalBalanceSelectionChanged:(T,P,k)=>{d(m,T,P,k)},onTimeframeSelectionChanged:(T,P,k)=>{u?.(T,P,k)}}):c.jsxRuntimeExports.jsx(c.jsxRuntimeExports.Fragment,{})}}});return c.jsxRuntimeExports.jsxs(ye,{children:[c.jsxRuntimeExports.jsx(s.NavBar,{title:s.appLocale.getLocalizedStrings().reports.title,backgroundColor:n.colors.grey4,onBackClick:e.onBackClick,showMenuIcon:t==="medium-compact"||t==="small",onClickMenuIcon:f,rightSideComponent:L,downloadPresent:!0,source:"ReportsPage",hideSearchBtn:!0}),c.jsxRuntimeExports.jsx(je,{...e})]})}}function je(e){const t=s.useWindowSizeContext(),n=c.useTheme(),i=C.useRef(null),{selectedReportAndTimeframeFetchState:a}=e,d=["month","quarter","year"],u=(r,h)=>{e.analytics?.trackCompareFilterChange(r==="this_period_vs_last_period_percent"?"percentage":"amount",E(e.selectedReport),F.toTimeframeFilter(e.selectedTimeframe),h);const N=Array.from(new Set(r==="this_period_vs_last_period_percent"?[...b(e).filter.additionalBalances,"this_period_vs_last_period_percent"].filter(v=>v!=="this_period_vs_last_period"):[...b(e).filter.additionalBalances,"this_period_vs_last_period"].filter(v=>v!=="this_period_vs_last_period_percent")));e.onAdditionalBalanceSelectionChanged?.(e.isCompareMode,N,I({selectedReport:b(e),isCompareModeOn:e.isCompareMode,windowSize:t}))},m=(r,h)=>{r!==e.profitAndLossClassesViewReport?.uiState.accountViewMode&&e.onUpdateAccountViewMode?.(r),h&&e.onUpdateClassesToFilterOut?.(h)},l=b(e),f=i.current?.clientWidth??j.tickSkelectionContainerWidth.value(t),g=_.reduceAllFetchState([e.reportsResyncFetchState,e.profitAndLossClassesViewReport]).fetchState==="In-Progress"&&e.profitAndLossClassesViewReport.uiState.accountViewMode==="classes",o=a.fetchState==="In-Progress";return c.jsxRuntimeExports.jsxs(Ae,{windowSize:t,"data-testid":s.generateDataTestId("reports-page-content-container"),children:[c.jsxRuntimeExports.jsx(Ve,{windowSize:t,ref:i,children:c.jsxRuntimeExports.jsx(se.TimeframeSwitcherWithToggle,{timeframe:{allowedTimeframes:d,selectedTimeframe:e.selectedTimeframe,onTimeframeSelectionChanged:r=>{e.analytics?.trackTimeframeSwitch(F.toTimeframeFilter(r),E(e.selectedReport)),e.onTimeframeSelectionChanged?.(r,!0)}},toggle:{label:s.appLocale.getLocalizedStrings().compareSwitchLabel,isOn:e.isCompareMode,onValueChanged:r=>{e.analytics?.trackCompareMode(r,E(e.selectedReport),F.toTimeframeFilter(e.selectedTimeframe));const h=b(e).filter;e.onAdditionalBalanceSelectionChanged?.(r,h.additionalBalances,h.balancesRange.numberOfPeriods)}}})}),a.fetchState==="Not-Started"||a.fetchState==="In-Progress"?c.jsxRuntimeExports.jsx($e,{windowSize:t,children:c.jsxRuntimeExports.jsx(Ie,{children:c.jsxRuntimeExports.jsx(s.RectangularContentLoader,{width:f,height:$.TICK_HEIGHT-s.sp[2],backgroundColor:n.colors.grey3,style:{borderRadius:s.Space.sp2}})})}):c.jsxRuntimeExports.jsx(De,{windowSize:t,children:c.jsxRuntimeExports.jsx($.TimeRangeSwitcher,{firstMonthOfFY:l.firstMonthOfFY,timeframe:e.selectedTimeframe,timeframeTicks:e.allTimeframeTicks,selection:{selectedTicks:G(e.allTimeframeTicks,e.selectedCOABalancesRange),highlightedOfSelectedTicks:G(e.allTimeframeTicks,e.selectedCOABalancesRange)},onClick:(r,h)=>{e.analytics?.trackDateRangeFilterChange(E(e.selectedReport),"range filter",e.isCompareMode,F.toTimeframeLabel(l.firstMonthOfFY,e.selectedTimeframe,h)),e.onThisPeriodChanged?.(h,I({selectedReport:b(e),isCompareModeOn:e.isCompareMode,windowSize:t}))},onSelectionChanged:r=>{const h=Pe(e.allTimeframeTicks,r.fromEnd);e.analytics?.trackDateRangeFilterChange(E(e.selectedReport),"range filter",e.isCompareMode,F.toTimeframeLabel(l.firstMonthOfFY,e.selectedTimeframe,h.thisPeriod)),e.onCOABalancesRangeChanged?.(h)}})}),c.jsxRuntimeExports.jsx(We,{windowSize:t,children:c.jsxRuntimeExports.jsx(be,{reportIds:["profit_and_loss","balance_sheet","cash_flow","profit_and_loss_by_classes"],selectedReport:e.selectedReport,onReportSelectionChanged:r=>{e.analytics?.trackPageLoaded(Fe(r)),r==="profit_and_loss"&&e.profitAndLossClassesViewReport?.uiState.accountViewMode==="classes"?e.onReportSelectionChanged?.("profit_and_loss_by_classes"):e.onReportSelectionChanged?.(r)}})}),a.fetchState==="Not-Started"||a.fetchState==="In-Progress"?c.jsxRuntimeExports.jsx(J,{style:{boxShadow:"none",backgroundColor:"inherit"},isLoading:o}):c.jsxRuntimeExports.jsxs(c.jsxRuntimeExports.Fragment,{children:[c.jsxRuntimeExports.jsx(Q,{report:b(e),displayOrder:e.displayOrder,reportFormat:e.reportFormat,analytics:e.analytics,onAdditionalBalanceSelectionChanged:u,onAccountBalanceClick:e.onAccountBalanceClick,onElementCollapseStateChanged:e.onElementCollapseStateChanged,onTableScroll:e.onTableScroll,isCompareModeOn:e.isCompareMode,isZeniUser:e.isZeniUser,isPageFetchInProgress:g}),_.isPAndLReport(e.selectedReport)?c.jsxRuntimeExports.jsx(ve,{windowSize:t,children:c.jsxRuntimeExports.jsx(te.ReportTableViewSelector,{reportId:e.selectedReport,firstMonthOfFY:e.profitAndLossClassesViewReport.firstMonthOfFY,nodes:e.profitAndLossClassesViewReport?.classHierarchy,classesListFetchState:e.profitAndLossClassesViewReport?.fetchState,selectedView:e.profitAndLossClassesViewReport?.uiState.accountViewMode,showClassAccountNumber:e.isZeniUser,showAccountGroups:e.showAccountGroups,onSaveClick:m,classesToBeFilteredOut:e.profitAndLossClassesViewReport?.classesToFilterOut,onOpenAccountViewMode:e.onOpenAccountViewMode,onResyncReports:e.onResyncReports,isPageFetchInProgress:g,lastRefreshSuccessTime:e.profitAndLossClassesViewReport?.status?.lastRefreshSuccessTime})}):null]})]})}const G=(e,t)=>{if(t.orderBy!=="ascending_date")throw new Error("Invalid ordering of dates!!");let n=e.length-1;return t.thisPeriod!=null&&(n=e.findIndex(a=>a.startDate.isSame(t.thisPeriod.startDate,"date")&&a.endDate.isSameOrBefore(t.thisPeriod.endDate))),{startIndex:Math.max(n+1-t.numberOfPeriods,0),length:t.numberOfPeriods}},Pe=(e,t)=>{const n=e.length-1-t.offsetFromEnd;return{thisPeriod:e[n],numberOfPeriods:t.length,orderBy:"ascending_date"}};function ke(e){let t=e.selectedCOABalancesRange.thisPeriod;if(t==null){const u=e.displayOrder,m=e.profitAndLossReport.sections.expenses!=null&&e.profitAndLossReport.sections.expenses.balances.length>0?e.profitAndLossReport.sections.expenses:e.profitAndLossReport.sections.income;if(m!=null&&m.balances.length>0){const l=u==="ascending_date"?m.balances.length-1:0;t=m.balances[l]}}const n=b(e).firstMonthOfFY,i=b(e).bookCloseDate,a=b(e).dataAvailable,d=b(e).filter.additionalBalances;if(t!=null)return{localeId:s.appLocale.getAppLocaleID(),showNegativeAmountInParenthesis:!0,filterAccountsWithNilBalances:"filter_actual_nil_balances",filterAccountGroupsWithNilBalances:"filter_actual_forecast_empty_account_group_balances",includeCoverPage:!0,companyName:e.currentTenantCompanyName,statementFileType:"pdf",statements:e.profitAndLossClassesViewReport.uiState.accountViewMode==="account_group"?["profit_and_loss","balance_sheet","cash_flow"]:["profit_and_loss_by_classes","balance_sheet","cash_flow"],firstMonthOfFY:n,bookCloseDate:i,dataAvailable:a,timeframe:e.selectedTimeframe,additionalBalances:d,format:e.reportFormat,balancesFilter:{thisPeriod:t,numberOfPeriods:e.selectedCOABalancesRange.numberOfPeriods,orderBy:e.displayOrder},accountViewMode:e.profitAndLossClassesViewReport.uiState.accountViewMode,nestedClassHierarchy:e.profitAndLossClassesViewReport?.classHierarchy,classesToFilterOut:e.profitAndLossClassesViewReport.classesToFilterOut,showClassAccountNumber:e.isZeniUser,isZeniCOAUsed:e.isZeniCOAUsed}}const E=e=>{switch(e){case"profit_and_loss":case"profit_and_loss_by_classes":return"Profit & Loss";case"balance_sheet":return"Balance Sheet";case"cash_flow":return"Cash Flow";default:return"Reports"}},Fe=e=>{switch(e){case"profit_and_loss":case"profit_and_loss_by_classes":return y.Event.profitAndLoss;case"cash_flow":return y.Event.cashFlow;case"balance_sheet":return y.Event.balanceSheet;default:return y.Event.reports}},Q=C.memo(he,(e,t)=>Me(e,t,["report","analytics","isCompareModeOn","isZeniUser","isPageFetchInProgress"]));Q.displayName="Reports table";const Me=(e,t,n)=>n.reduce((a,d)=>a===!0&&c.isEqual(e[`${d}`],t[`${d}`]),!0),Ve=R.div`
+  padding-right: ${e=>j.contentRightPadding.valuePx(e.windowSize)};
+`,De=R.div`
+  margin-top: ${s.Space.sp3};
+  padding-right: ${e=>j.contentRightPadding.valuePx(e.windowSize)};
+`,$e=R.div`
+  margin-top: ${s.Space.sp3};
+  padding-right: ${e=>j.contentRightPadding.valuePx(e.windowSize)};
+`,Ie=R.div`
+  display: flex;
+  flex-direction: row;
+  justify-content: flex-start;
+  min-height: ${$.TICK_HEIGHT}px;
+  box-sizing: content-box;
+  width: 100%;
+  align-items: center;
+  justify-content: center;
+`,We=R.div`
+  margin-top: ${s.Space.sp4};
+  padding-right: ${e=>j.contentRightPadding.valuePx(e.windowSize)};
+`;exports.default=Ee;

package/dist/RevenueChart-BGYr7RBB.cjs

@@ -0,0 +1,280 @@
+"use strict";const e=require("./vendor-.pnpm-CT-Z_-kn.cjs"),I=require("react"),C=require("@emotion/styled"),o=require("./index-CGiOrCyX.cjs"),a=require("./chartTypes-CkLj1COE.cjs"),B=require("./toCOABalancesWithID-DLcb2cMa.cjs"),z=require("./toChartData-BEECKB5u.cjs"),A={legendLabelMarginLeft:new o.ResponsiveSized(2,2),legendLabelMarginRight:new o.ResponsiveSized(o.sp[3],o.sp[4])},dt=C.div`
+  display: flex;
+`,ht=C.div`
+  margin: ${o.Space.sp2} ${o.Space.sp0} ${o.Space.sp2} ${o.Space.sp0};
+  width: 100%;
+  height: 1px;
+  background-color: ${o.Colors.neutralGrey3Dark};
+`,gt=C.div`
+  flex: display;
+  opacity: 0.85;
+  width: 220px;
+  border-radius: ${o.Space.sp1};
+  flex-direction: column;
+  padding: ${o.Space.sp3};
+  background-color: ${t=>t.theme.colors.black};
+`,Ct=C(o.StandardRegular)`
+  color: ${t=>t.color??o.Colors.neutralGrey2Light};
+  text-align: left;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+`,ft=C(o.StandardRegular)`
+  background-color: ${t=>t.color};
+  height: 12px;
+  width: 12px;
+  display: inline-block;
+  margin-right: ${o.Space.sp2};
+`,yt=C(o.StandardRegular)`
+  text-align: left;
+`,jt=C(o.StandardRegular)`
+  text-align: right;
+`,St=({active:t,payload:r})=>{const s=[];return r?.forEach(l=>{const n=l.name;if(t===!0){const c=l.payload,p=l.color,m=n!=null&&c.record[n]!=null?c.record[n].amount:void 0;s.push({barName:o.appLocale.getLocalizedStrings().chartCard.cashInCashOut[a.getIDFromChartValueKey(n)],value:m,color:p})}}),s},G=t=>t.map((r,s)=>e.jsxRuntimeExports.jsxs(Ct,{color:r.color,children:[e.jsxRuntimeExports.jsxs(yt,{children:[e.jsxRuntimeExports.jsx(ft,{color:r.color}),`${r.barName}:`]}),e.jsxRuntimeExports.jsx(jt,{children:`${a.currencyFormatter(r.value)}`})]},r.barName+s)),Et=t=>{const r=St({...t});return r.length===0?null:e.jsxRuntimeExports.jsx(dt,{children:e.jsxRuntimeExports.jsxs(gt,{children:[G(r.slice(0,r.length-1)),r.length?e.jsxRuntimeExports.jsx(ht,{}):null,G(r.slice(-1))]})})},$t=I.memo(Et),Rt=(t,r,s,l,n)=>{let c=[],p=[],m=[];s!=null&&s.balances.length>0&&(c=B.sectionToCOABalancesWithID("cash_in","actual",s)),l!=null&&l.balances.length>0&&(p=B.sectionToCOABalancesWithID("cash_out","actual",l)),n!=null&&n.balances.length>0&&(m=B.calculatedSectionToCOABalancesWithKey("net_cash_flow","actual",n));const u=a.getChartValueKey("cash_in","actual"),i=a.getChartValueKey("cash_out","actual"),g=a.getChartValueKey("net_cash_flow","actual"),h=c.length>0?u:p.length>0?i:void 0,d={};return d[u]=c,d[i]=p,d[g]=m,h!=null?z.toChartData(t,r,h,d):void 0},P=[a.getChartValueKey("cash_in","actual"),a.getChartValueKey("cash_out","actual"),a.getChartValueKey("net_cash_flow","actual")],Kt=C.div`
+  width: ${t=>t.width}px;
+  height: ${t=>t.height}px;
+
+  .recharts-legend-item {
+    margin-right: ${t=>A.legendLabelMarginRight.valuePx(t.windowSize)} !important;
+    :last-of-type {
+      margin-right: ${o.Space.sp0} !important;
+    }
+  }
+`,vt=C(o.ExtraSmallRegularSp)`
+  margin-left: ${t=>A.legendLabelMarginLeft.valuePx(t.windowSize)};
+  color: ${t=>t.theme.colors.primary};
+`;function Tt({selectedRangeReport:t,timeframe:r,highlightedRange:s,width:l,height:n,showBarHoverBackground:c,isDetailPage:p,onCOABalancesRangeChanged:m}){const u=e.useTheme(),i=I.useRef(!1);I.useEffect(()=>{i.current=!0},[]);const g=[u.colors.graphColor33,u.colors.graphColor36,u.colors.graphColor35],h=(K,R=u.colors.graphColor08)=>K<g.length?g[K]:R,d=Rt(t.firstMonthOfFY,P,t.cashIn,t.cashOut,t.netCashFlow),f=()=>{const K=[];return P.forEach((R,y)=>{const v=p===!0&&!i.current;K.push(e.jsxRuntimeExports.jsx(e.Bar,{name:R,animationDuration:v?500:void 0,style:{cursor:"pointer"},legendType:"square",dataKey:$=>{const E=$.record;return(E[R]!=null&&E[R].amount!=null?E[R].amount:void 0)?.amount??0},fill:h(y)},R))}),K};return d==null?null:e.jsxRuntimeExports.jsx(bt,{chartData:d,timeframe:r,showBarHoverBackground:c,barElements:f(),customToolTipContent:({active:K,payload:R})=>e.jsxRuntimeExports.jsx($t,{active:K,payload:R}),width:l,height:n,onCOABalancesRangeChanged:m,highlightedRange:s,isDetailPage:p===!0})}const bt=({chartData:t,timeframe:r,barElements:s,customToolTipContent:l,highlightedRange:n,width:c,height:p,showBarHoverBackground:m,isDetailPage:u,onCOABalancesRangeChanged:i})=>{const g=o.useWindowSizeContext(),h=e.useTheme(),d=t.timeseries,f=a.getCurrencySymbol(t),K=d.map($=>$.label),R=m!==!1,y=$=>{if(!u||$?.activePayload==null||$?.activePayload.length===0)return;const E=$.activePayload[0];if(E?.payload?.timeLabel?.label==null)return;const S=$.activeTooltipIndex,k=E.payload.timeLabel.label;if(n==null)return;const x=a.getXAxisSelectionRange(k,K,n.numberOfPeriods),j=x[1]===void 0?K.length-1:K.indexOf(x[1]),T={...n,thisPeriod:{startDate:d[j].startDate,endDate:d[j].endDate}};i?.(d[S],r,T)},v=u?(c-60)/a.maxXAxisItems.cash_in_cash_out*(a.maxXAxisItems.cash_in_cash_out-t.recordByTimeseries.length):20;return e.jsxRuntimeExports.jsx(Kt,{"data-testid":o.generateDataTestId("dashboard-cash-in-cash-out-timeframe",r),width:c,height:p,windowSize:g,children:e.jsxRuntimeExports.jsx(e.AutoSizer,{children:({height:$,width:E})=>e.jsxRuntimeExports.jsxs(e.BarChart,{data:t.recordByTimeseries,barCategoryGap:u?void 0:"12%",maxBarSize:u?o.sp[10]:22,barGap:u?void 0:2,margin:{top:5,right:v,left:0,bottom:o.sp[4]},height:$,width:E,style:{display:"flex",flex:"1 1 auto"},onClick:y,children:[e.jsxRuntimeExports.jsx(e.CartesianGrid,{horizontal:!0,vertical:!1,strokeWidth:.5,stroke:h.colors.grey3}),e.jsxRuntimeExports.jsx(e.XAxis,{dataKey:S=>S.timeLabel.label,type:"category",axisLine:{stroke:h.colors.grey3,strokeWidth:.5},tickLine:!1,tick:{color:h.colors.hero,...o.textStyles.extraSmallRegular.cssObject}}),e.jsxRuntimeExports.jsx(e.YAxis,{type:"number",axisLine:!1,tickLine:!1,tick:{color:h.colors.hero,...o.textStyles.extraSmallRegular.cssObject},tickFormatter:S=>o.amountValueToString("0,0.[00]a",S,f)}),e.jsxRuntimeExports.jsx(e.Tooltip$1,{wrapperStyle:{zIndex:2},cursor:R?{stroke:h.colors.background,strokeDasharray:"1, 1",strokeWidth:1,fill:h.colors.background}:!1,content:l,allowEscapeViewBox:{x:!1,y:!0}}),s,u?e.jsxRuntimeExports.jsx(e.Legend,{verticalAlign:"bottom",wrapperStyle:{width:"100%",display:"flex",justifyContent:"center",left:"initial",bottom:o.Space.sp0},formatter:S=>e.jsxRuntimeExports.jsx(vt,{windowSize:g,children:o.appLocale.getLocalizedStrings().chartCard.cashInCashOut[a.getIDFromChartValueKey(S)]})}):null]})})})},kt=C.div`
+  display: flex;
+`,Bt=C.div`
+  flex: display;
+  opacity: 0.85;
+  border-radius: ${o.Space.sp1};
+  flex-direction: column;
+  padding: ${o.Space.sp3};
+  background-color: ${t=>t.theme.colors.black};
+`,Ot=C(o.StandardRegular)`
+  color: ${t=>t.color??o.Colors.neutralGrey2Light};
+  text-align: left;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+`,It=({active:t,payload:r})=>{const s=[];return r?.forEach(l=>{const n=l.name;if(t===!0){const c=l.payload,p=l.color,m=n!=null&&c.record[n]!=null?c.record[n].amount:void 0;s.push({barName:o.appLocale.getLocalizedStrings().reportTitleById.cash_position,value:m,color:p})}}),s},_t=t=>{const r=It(t);return r.length===0?null:e.jsxRuntimeExports.jsx(kt,{children:e.jsxRuntimeExports.jsx(Bt,{children:r.map((s,l)=>e.jsxRuntimeExports.jsx(Ot,{color:s.color,children:`${s.barName}: ${a.currencyFormatter(s.value)}`},s.barName+l))})})},wt=I.memo(_t),Ft=(t,r,s)=>{let l=[];s!=null&&s.balances.length>0&&(l=B.balancesSliceToCOABalancesWithKey("cash_position","actual",s));const n=a.getChartValueKey("cash_position","actual"),c={};return c[n]=l,l.length>0?z.toChartData(t,r,n,c):void 0},At=C.div`
+  width: ${t=>t.width}px;
+  height: ${t=>t.height}px;
+`,X=[a.getChartValueKey("cash_position","actual")];function Dt({selectedRangeReport:t,timeframe:r,highlightedRange:s,width:l,height:n,showBarHoverBackground:c,isDetailPage:p,onCOABalancesRangeChanged:m}){const u=e.useTheme(),i=I.useRef(!1);I.useEffect(()=>{i.current=!0},[]);const g=Ft(t.firstMonthOfFY,X,t.cashPosition),h=()=>{const d=[];return X.forEach(f=>{const K=p===!0&&!i.current;d.push(e.jsxRuntimeExports.jsx(e.Bar,{name:f,animationDuration:K?500:void 0,style:{cursor:"pointer"},dataKey:R=>{const y=R.record;return(y[f]!=null&&y[f].amount!=null?y[f].amount:void 0)?.amount??0},fill:u.colors.graphColor17},f))}),d};return g==null?null:e.jsxRuntimeExports.jsx(Lt,{chartData:g,timeframe:r,showBarHoverBackground:c,barElements:h(),customToolTipContent:({active:d,payload:f})=>e.jsxRuntimeExports.jsx(wt,{active:d,payload:f}),width:l,height:n,onCOABalancesRangeChanged:m,highlightedRange:s,isDetailPage:p===!0})}const Lt=({chartData:t,timeframe:r,barElements:s,customToolTipContent:l,highlightedRange:n,width:c,height:p,showBarHoverBackground:m,isDetailPage:u,onCOABalancesRangeChanged:i})=>{const g=e.useTheme(),h=t.timeseries,d=a.getCurrencySymbol(t),f=h.map(v=>v.label),K=m!==!1,R=v=>{if(!u||v?.activePayload==null||v?.activePayload.length===0)return;const $=v.activePayload[0];if($?.payload?.timeLabel?.label==null)return;const E=v.activeTooltipIndex,S=$.payload.timeLabel.label;if(n==null)return;const k=a.getXAxisSelectionRange(S,f,n.numberOfPeriods),x=k[1]===void 0?f.length-1:f.indexOf(k[1]),j={...n,thisPeriod:{startDate:h[x].startDate,endDate:h[x].endDate}};i?.(h[E],r,j)},y=u?(c-60)/a.maxXAxisItems.cash_position*(a.maxXAxisItems.cash_position-t.recordByTimeseries.length):20;return e.jsxRuntimeExports.jsx(At,{width:c,height:p,children:e.jsxRuntimeExports.jsx(e.AutoSizer,{children:({height:v,width:$})=>e.jsxRuntimeExports.jsxs(e.BarChart,{width:$,height:v,data:t.recordByTimeseries,barCategoryGap:"25%",maxBarSize:u?o.sp[10]:30,margin:{top:5,right:y,left:0,bottom:5},style:{display:"flex",flex:"1 1 auto"},onClick:R,children:[e.jsxRuntimeExports.jsx(e.CartesianGrid,{horizontal:!0,vertical:!1,strokeWidth:.5,stroke:g.colors.grey3}),e.jsxRuntimeExports.jsx(e.XAxis,{dataKey:E=>E.timeLabel.label,type:"category",axisLine:{stroke:g.colors.grey3,strokeWidth:.5},tickLine:!1,tick:{color:g.colors.hero,...o.textStyles.extraSmallRegular.cssObject}}),e.jsxRuntimeExports.jsx(e.YAxis,{type:"number",axisLine:!1,tickLine:!1,tick:{color:g.colors.hero,...o.textStyles.extraSmallRegular.cssObject},tickFormatter:E=>o.amountValueToString("0,0.[00]a",E,d)}),e.jsxRuntimeExports.jsx(e.Tooltip$1,{wrapperStyle:{zIndex:2},cursor:K?{stroke:g.colors.background,strokeDasharray:"1, 1",strokeWidth:1,fill:g.colors.background}:!1,content:l,allowEscapeViewBox:{x:!1,y:!0}}),s]})})})},zt=C.div`
+  display: flex;
+`,Mt=C.div`
+  display: flex;
+  flex-direction: column;
+`,Nt=C.div`
+  display: flex;
+  background-color: ${t=>t.theme.colors.black};
+  opacity: 0.85;
+  border-radius: ${o.Space.sp1} ${o.Space.sp1} ${o.Space.sp0} ${o.Space.sp0};
+  color: ${t=>t.theme.colors.grey1};
+  padding: ${o.Space.sp3};
+`,M=C.div`
+  flex: 1;
+  text-align: right;
+`,Vt=C.div`
+  width: 132px;
+`,ct=C.div`
+  margin: ${o.Space.sp2} ${o.Space.sp0} ${o.Space.sp2} ${o.Space.sp0};
+  width: 100%;
+  height: 1px;
+  background-color: ${o.Colors.neutralGrey3Dark};
+`,Gt=C.div`
+  flex: display;
+  opacity: 0.85;
+  width: 200px;
+  border-radius: ${o.Space.sp1};
+  flex-direction: column;
+  padding: ${o.Space.sp3};
+  background-color: ${t=>t.theme.colors.black};
+`,Pt=C.div`
+  flex: display;
+  opacity: 0.85;
+  width: 500px;
+  border-radius: ${o.Space.sp0} ${o.Space.sp0} ${o.Space.sp1} ${o.Space.sp1};
+  flex-direction: column;
+  padding: ${o.Space.sp3};
+  background-color: ${t=>t.theme.colors.black};
+`,lt=C(o.StandardRegular)`
+  color: ${t=>t.color??o.Colors.neutralGrey2Light};
+  text-align: left;
+  display: flex;
+  justify-content: space-between;
+  ${t=>t.showPercent?"flex-start":"center"};
+`,it=C(o.StandardRegular)`
+  background-color: ${t=>t.color};
+  height: 12px;
+  width: 12px;
+  display: inline-block;
+  margin-right: ${o.Space.sp2};
+`,Xt=C(o.StandardRegular)`
+  text-align: left;
+`,Ht=C(o.StandardRegular)`
+  text-align: left;
+  width: 120px;
+`,Yt=C.div`
+  display: flex;
+  flex-direction: column;
+  text-align: right;
+`,H=C(o.StandardRegularSp)`
+  text-align: right;
+`,w=C(o.StandardRegularSp)`
+  text-align: right;
+  flex: 1;
+  color: ${t=>t.isChange!=null&&t.isChange===!0?o.Colors.important:null};
+`,Y=C(o.StandardRegularSp)`
+  display: flex;
+  flex-direction: column;
+`,q=C(w)``,qt=(t,r)=>{const s=a.getChartValueKey(a.getIDFromChartValueKey(t),"forecast");if(r.record[s]==null)return;const l=r.record[t].amount,n=r.record[s].amount,c=Math.floor((l.amount-n.amount)*100/100),p={...l,amount:c},m=n.amount!==0?Math.floor((l.amount-n.amount)/n.amount*100)/100:void 0;return{value:n,change:p,percent:m,forecastPercent:r.record[s].percentValue}},Wt=({active:t,payload:r,mode:s})=>{const l=[],n={barName:o.appLocale.getLocalizedStrings().chartCard.netBurnOrIncome.gross_burn,actual:void 0,color:o.Colors.neutralGrey2Dark,forecast:void 0};let c={amount:0,currencyCode:"",currencySymbol:""},p={amount:0,currencyCode:"",currencySymbol:""};const m=a.getChartValueKey("income","actual"),u=a.getChartValueKey("cogs","actual"),i=a.getChartValueKey("expenses","actual"),g=a.getChartValueKey("net_burn_or_income","actual");return r?.forEach(h=>{const d=h.name;if(t===!0){const f=h.payload,K=h.color,R=d!=null&&f.record[d]!=null?f.record[d].amount:void 0;let y;if(d.includes("forecast")!==!0)switch(s==="forecast_mode"&&(y=f.record[d]!=null?qt(d,f):void 0),d){case u:case i:R!=null&&(c.currencyCode===""?c={...R}:c.amount=c.amount+R.amount),y!=null&&(p.currencyCode===""?p={...y.value}:p.amount=p.amount+y.value.amount),l.push({barName:o.appLocale.getLocalizedStrings().chartCard.netBurnOrIncome[a.getIDFromChartValueKey(d)],actual:R,forecast:y,color:K});break;case g:{const v=R!=null&&R.amount>=0?o.appLocale.getLocalizedStrings().chartCard.netBurnOrIncome.net_income:o.appLocale.getLocalizedStrings().chartCard.netBurnOrIncome.net_burn;l.push({barName:v,actual:R,color:K,percent:f.record[d]?.percentValue,forecast:y});break}case m:default:l.push({barName:o.appLocale.getLocalizedStrings().chartCard.netBurnOrIncome[a.getIDFromChartValueKey(d)],actual:R,color:K,forecast:y})}}}),n.actual=c,n.forecast=p!=null&&c!=null?{value:p,change:{...c,amount:Math.floor((c.amount-p.amount)*100/100)},percent:p.amount!==0?Math.floor((c.amount-p.amount)/p.amount*100)/100:0}:void 0,t===!0&&l.splice(l.length-1,0,n),l},W=t=>t.map((r,s)=>e.jsxRuntimeExports.jsxs(lt,{color:r.color,showPercent:r.percent!=null,children:[e.jsxRuntimeExports.jsxs(Xt,{children:[e.jsxRuntimeExports.jsx(it,{color:r.barName===o.appLocale.getLocalizedStrings().chartCard.netBurnOrIncome.gross_burn?"transparent":r.color}),`${r.barName}:`]}),e.jsxRuntimeExports.jsxs(Yt,{children:[e.jsxRuntimeExports.jsx(H,{children:`${a.currencyFormatter(r.actual)}`}),r.percent!=null?e.jsxRuntimeExports.jsx(H,{children:o.percentValueToString("0,0.0%",r.percent)}):null]})]},r.barName+s)),J=t=>t.map((r,s)=>e.jsxRuntimeExports.jsxs(lt,{color:r.color,showPercent:r.percent!=null,children:[e.jsxRuntimeExports.jsxs(Ht,{children:[e.jsxRuntimeExports.jsx(it,{color:r.barName===o.appLocale.getLocalizedStrings().chartCard.netBurnOrIncome.gross_burn?"transparent":r.color}),`${r.barName}:`]}),e.jsxRuntimeExports.jsx(w,{children:e.jsxRuntimeExports.jsxs(Y,{children:[r.actual!=null?`${a.currencyFormatter(r.actual)}`:"-",e.jsxRuntimeExports.jsx(q,{children:r.percent!=null?o.percentValueToString("0,0.0%",r.percent):null})]})}),e.jsxRuntimeExports.jsx(w,{children:e.jsxRuntimeExports.jsxs(Y,{children:[r.forecast!=null?`${a.currencyFormatter(r.forecast.value)}`:"-",e.jsxRuntimeExports.jsx(q,{children:r.forecast!=null&&r.forecast.forecastPercent!=null?o.percentValueToString("0,0.0%",r.forecast.forecastPercent):null})]})}),r.forecast!=null?e.jsxRuntimeExports.jsx(w,{isChange:!0,children:`${a.currencyFormatter(r.forecast.change)}`}):e.jsxRuntimeExports.jsx(w,{children:"-"}),r.forecast!=null?e.jsxRuntimeExports.jsx(w,{isChange:!0,children:o.percentValueToString("0,0.0%",r.forecast.percent)}):e.jsxRuntimeExports.jsx(w,{children:"-"})]},r.barName+s)),Jt=t=>{if(t.length>0){for(const r of t)if(r.actual!=null)return r.actual.currencySymbol}return""},Ut=({barLabelsWithValues:t})=>e.jsxRuntimeExports.jsxs(Mt,{children:[e.jsxRuntimeExports.jsxs(Nt,{children:[e.jsxRuntimeExports.jsx(Vt,{}),e.jsxRuntimeExports.jsx(M,{children:o.appLocale.getLocalizedStrings().chartCard.tooltip.actual}),e.jsxRuntimeExports.jsx(M,{children:o.appLocale.getLocalizedStrings().chartCard.tooltip.forecast}),e.jsxRuntimeExports.jsxs(M,{children:[o.appLocale.getLocalizedStrings().chartCard.tooltip.change," ",Jt(t)]}),e.jsxRuntimeExports.jsx(M,{children:o.appLocale.getLocalizedStrings().chartCard.tooltip.change_percent})]}),e.jsxRuntimeExports.jsxs(Pt,{children:[J(t.slice(0,t.length-2)),t.length?e.jsxRuntimeExports.jsx(ct,{}):null,J(t.slice(-2))]})]}),Qt=({barLabelsWithValues:t})=>e.jsxRuntimeExports.jsx(zt,{children:e.jsxRuntimeExports.jsxs(Gt,{children:[W(t.slice(0,t.length-2)),t.length?e.jsxRuntimeExports.jsx(ct,{}):null,W(t.slice(-2))]})}),Zt=t=>{const r=Wt({...t});return r.length===0?null:e.jsxRuntimeExports.jsx(e.jsxRuntimeExports.Fragment,{children:t.mode==="forecast_mode"?e.jsxRuntimeExports.jsx(Ut,{barLabelsWithValues:r}):e.jsxRuntimeExports.jsx(Qt,{barLabelsWithValues:r})})},te=I.memo(Zt),U=(t,r,s,l,n,c,p)=>{let m=[],u=[],i=[],g=[];l!=null&&l.balances.length>0&&(m=B.sectionToCOABalancesWithID("income","actual",l)),n!=null&&n.balances.length>0&&(u=B.sectionToCOABalancesWithID("cogs","actual",n)),c!=null&&c.balances.length>0&&(i=B.balancesSliceToCOABalancesWithKey("expenses","actual",c)),p!=null&&p.balances.length>0&&(g=B.calculatedSectionToCOABalancesWithKey("net_burn_or_income","actual",p));const h=a.getChartValueKey("income","actual"),d=a.getChartValueKey("cogs","actual"),f=a.getChartValueKey("expenses","actual"),K=a.getChartValueKey("net_burn_or_income","actual"),R=m.length>0?h:u.length>0?d:i.length>0?f:void 0,y={};return y[h]=m,y[d]=u,y[f]=i,y[K]=g,s==="forecast_mode"&&Object.assign(y,ee(l,n,c,p)),R!=null?z.toChartData(t,r,R,y):void 0},ee=(t,r,s,l)=>{let n=[],c=[],p=[],m=[];t!=null&&t.balances.length>0&&(n=B.sectionToCOABalancesWithID("income","forecast",t)),r!=null&&r.balances.length>0&&(c=B.sectionToCOABalancesWithID("cogs","forecast",r)),s!=null&&s.balances.length>0&&(p=B.balancesSliceToCOABalancesWithKey("expenses","forecast",s)),l!=null&&l.balances.length>0&&(m=B.calculatedSectionToCOABalancesWithKey("net_burn_or_income","forecast",l));const u=a.getChartValueKey("income","forecast"),i=a.getChartValueKey("cogs","forecast"),g=a.getChartValueKey("expenses","forecast"),h=a.getChartValueKey("net_burn_or_income","forecast"),d={};return d[u]=n,d[i]=c,d[g]=p,d[h]=m,d},oe=[a.getChartValueKey("income","actual"),a.getChartValueKey("cogs","actual"),a.getChartValueKey("expenses","actual"),a.getChartValueKey("net_burn_or_income","actual")],re=[a.getChartValueKey("income","actual"),a.getChartValueKey("cogs","actual"),a.getChartValueKey("expenses","actual"),a.getChartValueKey("net_burn_or_income","actual"),a.getChartValueKey("income","forecast"),a.getChartValueKey("cogs","forecast"),a.getChartValueKey("expenses","forecast"),a.getChartValueKey("net_burn_or_income","forecast")],ne=C.div`
+  width: ${t=>t.width}px;
+  height: ${t=>t.height}px;
+
+  .recharts-legend-item {
+    margin-right: ${t=>A.legendLabelMarginRight.valuePx(t.windowSize)} !important;
+    :last-of-type {
+      margin-right: ${o.Space.sp0} !important;
+    }
+  }
+`,se=C(o.ExtraSmallRegularSp)`
+  margin-left: ${t=>A.legendLabelMarginLeft.valuePx(t.windowSize)};
+  color: ${t=>t.theme.colors.primary};
+`;function ae({selectedRangeReport:t,timeframe:r,highlightedRange:s,width:l,height:n,showBarHoverBackground:c,isDetailPage:p,mode:m,onCOABalancesRangeChanged:u}){const i=e.useTheme(),g=I.useRef(!1);I.useEffect(()=>{g.current=!0},[]);const h=[i.colors.graphColor36,i.colors.graphColor06,i.colors.graphColor31,i.colors.graphColor12],d=[i.colors.graphColor04,i.colors.graphColor10,i.colors.graphColor32,i.colors.graphColor13,i.colors.graphColor04Dark,i.colors.graphColor10Dark,i.colors.graphColor32Dark,i.colors.graphColor13Dark],f=m==="forecast_mode"?d:h,K=m==="forecast_mode"?re:oe,R=(x,j=i.colors.graphColor04)=>x<f.length?f[x]:j,y=(t.reportId==="net_burn_or_income",U(t.firstMonthOfFY,K,m,t.sections.income,t.sections.cogs,t.sections.expenses,t.calculatedSections.netBurnOrIncome)),v=x=>{const{cx:j,cy:T,fill:b,stroke:O,value:_}=x;return _==null?e.jsxRuntimeExports.jsx(e.jsxRuntimeExports.Fragment,{}):e.jsxRuntimeExports.jsx("circle",{cx:j,cy:T,r:4,stroke:b,strokeWidth:2,fill:O})},$=x=>{const{cx:j,cy:T,fill:b,stroke:O,value:_}=x;return _==null?e.jsxRuntimeExports.jsx(e.jsxRuntimeExports.Fragment,{}):e.jsxRuntimeExports.jsx("circle",{cx:j,cy:T,r:5,stroke:O,strokeWidth:2,fill:b})},E=(x,j)=>e.jsxRuntimeExports.jsx(e.Line,{name:x,type:"monotone",legendType:"plainline",isAnimationActive:!1,dataKey:T=>{const b=T.record;return(b[x]!=null&&b[x].amount!=null?b[x].amount:void 0)?.amount},dot:e.jsxRuntimeExports.jsx(v,{}),strokeWidth:1.5,stroke:R(j),strokeDasharray:"3 3",activeDot:e.jsxRuntimeExports.jsx($,{})},x),S=(x,j,T)=>e.jsxRuntimeExports.jsx(e.Bar,{name:x,animationDuration:T?500:void 0,style:{cursor:"pointer"},legendType:"square",dataKey:b=>{const O=b.record;return(O[x]!=null&&O[x].amount!=null?O[x].amount:void 0)?.amount??0},fill:R(j)},x),k=()=>{const x=[];return K.forEach((j,T)=>{const b=p===!0&&!g.current;j.endsWith("_forecast")?x.push(E(j,T)):x.push(S(j,T,b))}),x};return y==null?null:e.jsxRuntimeExports.jsx(ce,{chartData:y,timeframe:r,showBarHoverBackground:c,barElements:k(),customToolTipContent:({active:x,payload:j})=>e.jsxRuntimeExports.jsx(te,{active:x,payload:j,mode:m}),width:l,height:n,onCOABalancesRangeChanged:u,highlightedRange:s,isDetailPage:p===!0})}const ce=({chartData:t,timeframe:r,barElements:s,customToolTipContent:l,highlightedRange:n,width:c,height:p,showBarHoverBackground:m,isDetailPage:u,onCOABalancesRangeChanged:i})=>{const g=o.useWindowSizeContext(),h=e.useTheme(),d=a.getCurrencySymbol(t),f=t.timeseries,K=f.map($=>$.label),R=m!==!1,y=$=>{if(!u||$?.activePayload==null||$?.activePayload.length===0)return;const E=$.activePayload[0];if(E?.payload?.timeLabel?.label==null)return;const S=$.activeTooltipIndex,k=E.payload.timeLabel.label;if(n==null)return;const x=a.getXAxisSelectionRange(k,K,n.numberOfPeriods),j=x[1]===void 0?K.length-1:K.indexOf(x[1]),T={...n,thisPeriod:{startDate:f[j].startDate,endDate:f[j].endDate}};i?.(f[S],r,T)},v=u?(c-60)/a.maxXAxisItems.net_burn_or_income*(a.maxXAxisItems.net_burn_or_income-t.recordByTimeseries.length):20;return e.jsxRuntimeExports.jsx(ne,{width:c,height:p,windowSize:g,children:e.jsxRuntimeExports.jsx(e.AutoSizer,{children:({height:$,width:E})=>e.jsxRuntimeExports.jsxs(e.ComposedChart,{data:t.recordByTimeseries,barCategoryGap:u?void 0:"12%",maxBarSize:u?o.sp[10]:22,barGap:u?void 0:2,margin:{top:5,right:v,left:0,bottom:o.sp[4]},height:$,width:E,style:{display:"flex",flex:"1 1 auto"},onClick:y,children:[e.jsxRuntimeExports.jsx(e.CartesianGrid,{horizontal:!0,vertical:!1,strokeWidth:.5,stroke:h.colors.grey3}),e.jsxRuntimeExports.jsx(e.XAxis,{dataKey:S=>S.timeLabel.label,type:"category",axisLine:{stroke:h.colors.grey3,strokeWidth:.5},tickLine:!1,tick:{color:h.colors.hero,...o.textStyles.extraSmallRegular.cssObject}}),e.jsxRuntimeExports.jsx(e.YAxis,{type:"number",axisLine:!1,tickLine:!1,tick:{color:h.colors.hero,...o.textStyles.extraSmallRegular.cssObject},tickFormatter:S=>o.amountValueToString("0,0.[00]a",S,d)}),e.jsxRuntimeExports.jsx(e.Tooltip$1,{wrapperStyle:{zIndex:2},cursor:R?{stroke:h.colors.background,strokeWidth:(E-60)/a.maxXAxisItems.net_burn_or_income,fill:h.colors.background}:!1,content:l,allowEscapeViewBox:{x:!1,y:!0}}),s,u?e.jsxRuntimeExports.jsx(e.Legend,{verticalAlign:"bottom",wrapperStyle:{width:"100%",display:"flex",justifyContent:"center",left:"initial",bottom:o.Space.sp0},iconSize:o.sp[3],formatter:S=>e.jsxRuntimeExports.jsx(se,{windowSize:g,children:S.endsWith("_forecast")===!0?o.appLocale.getLocalizedStrings().chartCard.netBurnOrIncome[S]:o.appLocale.getLocalizedStrings().chartCard.netBurnOrIncome[a.getIDFromChartValueKey(S)]})}):null]})})})},le=C.div`
+  display: flex;
+`,ie=C.div`
+  flex: display;
+  opacity: 0.85;
+  border-radius: ${o.Space.sp1};
+  flex-direction: column;
+  padding: ${o.Space.sp3};
+  background-color: ${t=>t.theme.colors.black};
+`,Q=C(o.StandardRegular)`
+  color: ${t=>t.color??o.Colors.neutralGrey2Light};
+  text-align: left;
+`,N=C.div`
+  flex: 1;
+  text-align: right;
+`,ue=C.div`
+  width: 162px;
+`,ut=C.div`
+  margin: ${o.Space.sp2} ${o.Space.sp0} ${o.Space.sp2} ${o.Space.sp0};
+  width: 100%;
+  height: 1px;
+  background-color: ${o.Colors.neutralGrey3Dark};
+`,pe=C(o.StandardRegular)`
+  color: ${t=>t.color??o.Colors.neutralGrey2Light};
+  text-align: left;
+  display: flex;
+  justify-content: space-between;
+`,xe=C.div`
+  display: flex;
+  flex-direction: column;
+`,me=C.div`
+  display: flex;
+  background-color: ${t=>t.theme.colors.black};
+  opacity: 0.85;
+  border-radius: ${o.Space.sp1} ${o.Space.sp1} ${o.Space.sp0} ${o.Space.sp0};
+  color: ${t=>t.theme.colors.grey1};
+  padding: ${o.Space.sp3};
+`,de=C.div`
+  flex: display;
+  opacity: 0.85;
+  width: 500px;
+  border-radius: ${o.Space.sp0} ${o.Space.sp0} ${o.Space.sp1} ${o.Space.sp1};
+  flex-direction: column;
+  padding: ${o.Space.sp3};
+  background-color: ${t=>t.theme.colors.black};
+`,he=C(o.StandardRegular)`
+  text-align: left;
+  width: 162px;
+`,D=C(o.StandardRegularSp)`
+  text-align: right;
+  flex: 1;
+`,ge=({active:t,payload:r,barName:s})=>{const l=[];if(r!=null&&t===!0){const n=r.filter(u=>u.name==s)[0],c=n.payload,p=n.color,m=s!=null&&c.record[s]!=null?c.record[s].amount:void 0;if(!s?.endsWith("_forecast")){let u;if(s.includes("forecast")!==!0){u=c.record[s]!=null?Ce(s,c):void 0;const i={amount:0,currencyCode:"",currencySymbol:""},g={amount:0,currencyCode:"",currencySymbol:""};let h;for(h in c.record){const y=c.record[h].amount;h.endsWith("_actual")?(i.amount+=c.record[h].amount?.amount??0,i.currencyCode=y!=null?y.currencyCode:i.currencyCode,i.currencySymbol=y!=null?y.currencySymbol:i.currencySymbol):h.endsWith("_forecast")&&(g.amount+=c.record[h].amount?.amount??0,g.currencyCode=y!=null?y.currencyCode:g.currencyCode,g.currencySymbol=y!=null?y.currencySymbol:g.currencySymbol)}const d=Math.floor((i?.amount-g?.amount)*100/100),f={...i,amount:d},K=g.amount!==0?Math.floor((i.amount-g.amount)/g.amount*100)/100:0,R={value:g,change:f,percent:K};l.push({barName:a.getIDFromChartValueKey(s),actual:m,forecast:u,color:p}),l.push({barName:o.appLocale.getLocalizedStrings().chartCard.total,actual:i,forecast:R,color:o.Colors.neutralGrey1Light})}}}return l},Ce=(t,r)=>{const s=a.getChartValueKey(a.getIDFromChartValueKey(t),"forecast");if(r.record[s]==null)return;const l=r.record[t].amount,n=r.record[s].amount,c={...l,amount:n!=null?Math.floor((l.amount-n.amount)*100/100):l.amount},p=n!=null&&n.amount!==0?Math.floor((l.amount-n.amount)/n.amount*100)/100:void 0;return{value:n,change:c,percent:p}},Z=t=>e.jsxRuntimeExports.jsxs(pe,{color:t.color,children:[e.jsxRuntimeExports.jsx(he,{children:`${t.barName}:`}),e.jsxRuntimeExports.jsx(D,{children:t.actual!=null?`${a.currencyFormatter(t.actual)}`:"-"}),e.jsxRuntimeExports.jsx(D,{children:t.forecast!=null?`${a.currencyFormatter(t.forecast.value)}`:"-"}),t.forecast!=null?e.jsxRuntimeExports.jsx(D,{isChange:!0,children:`${a.currencyFormatter(t.forecast.change)}`}):e.jsxRuntimeExports.jsx(D,{children:"-"}),t.forecast!=null?e.jsxRuntimeExports.jsx(D,{isChange:!0,children:o.percentValueToString("0,0.0%",t.forecast.percent)}):e.jsxRuntimeExports.jsx(D,{children:"-"})]}),fe=t=>{if(t.length>0){for(const r of t)if(r.actual!=null)return r.actual.currencySymbol}return""},ye=({barLabelsWithValues:t})=>e.jsxRuntimeExports.jsx(le,{children:e.jsxRuntimeExports.jsxs(ie,{children:[e.jsxRuntimeExports.jsx(Q,{color:t[0].color,children:`${t[0].barName}: ${a.currencyFormatter(t[0].actual)}`}),e.jsxRuntimeExports.jsx(ut,{}),e.jsxRuntimeExports.jsx(Q,{children:`${o.appLocale.getLocalizedStrings().chartCard.total}: ${a.currencyFormatter(t[1].actual)}`})]})}),je=({barLabelsWithValues:t})=>e.jsxRuntimeExports.jsxs(xe,{children:[e.jsxRuntimeExports.jsxs(me,{children:[e.jsxRuntimeExports.jsx(ue,{}),e.jsxRuntimeExports.jsx(N,{children:o.appLocale.getLocalizedStrings().chartCard.tooltip.actual}),e.jsxRuntimeExports.jsx(N,{children:o.appLocale.getLocalizedStrings().chartCard.tooltip.forecast}),e.jsxRuntimeExports.jsxs(N,{children:[o.appLocale.getLocalizedStrings().chartCard.tooltip.change," ",fe(t)]}),e.jsxRuntimeExports.jsx(N,{children:o.appLocale.getLocalizedStrings().chartCard.tooltip.change_percent})]}),e.jsxRuntimeExports.jsxs(de,{children:[Z(t[0]),e.jsxRuntimeExports.jsx(ut,{}),Z(t[1])]})]}),Se=t=>{const r=ge({...t});return r.length===0?null:e.jsxRuntimeExports.jsx(e.jsxRuntimeExports.Fragment,{children:t.mode==="forecast_mode"?e.jsxRuntimeExports.jsx(je,{barLabelsWithValues:r}):e.jsxRuntimeExports.jsx(ye,{barLabelsWithValues:r})})},Ee=I.memo(Se),$e=(t,r)=>{const s=[],l={};let n;return r!=null&&r.classes.length!=0&&r.classes.forEach(c=>{const p=B.balancesSliceToCOABalancesWithKey(c.class.className,"actual",c.childrenBalancesTotal),m=a.getChartValueKey(c.class.className,"actual");l[m]=p,s.push(m),n==null&&p.length>0&&(n=a.getChartValueKey(c.class.className,"actual"))}),n!=null?z.toChartData(t,s,n,l):void 0},tt=[o.Colors.graphColor34,o.Colors.graphColor05,o.Colors.graphColor08,o.Colors.graphColor11,o.Colors.graphColor13,o.Colors.graphColor19,o.Colors.graphColor29,o.Colors.graphColor28,o.Colors.graphColor20,o.Colors.graphColor21,o.Colors.graphColor22,o.Colors.graphColor14,o.Colors.graphColor35,o.Colors.graphColor31,o.Colors.graphColor33,o.Colors.graphColor32,o.Colors.graphColor36,o.Colors.graphColor02,o.Colors.graphColor06,o.Colors.graphColor04,o.Colors.graphColor10,o.Colors.graphColor12,o.Colors.graphColor15,o.Colors.graphColor18,o.Colors.graphColor17,o.Colors.graphColor07,o.Colors.graphColor34Dark,o.Colors.graphColor05Dark,o.Colors.graphColor08Dark,o.Colors.graphColor11Dark,o.Colors.graphColor13Dark,o.Colors.graphColor19Dark,o.Colors.graphColor29Dark,o.Colors.graphColor28Dark,o.Colors.graphColor20Dark,o.Colors.graphColor21Dark,o.Colors.graphColor22Dark,o.Colors.graphColor14Dark,o.Colors.graphColor35Dark,o.Colors.graphColor31Dark,o.Colors.graphColor33Dark,o.Colors.graphColor32Dark,o.Colors.graphColor36Dark,o.Colors.graphColor02Dark,o.Colors.graphColor06Dark,o.Colors.graphColor04Dark,o.Colors.graphColor10Dark,o.Colors.graphColor12Dark,o.Colors.graphColor15Dark,o.Colors.graphColor18Dark,o.Colors.graphColor17Dark,o.Colors.graphColor07Dark];class F{_barColors;_barColorsKeyWise;_defaultColor;constructor(){this._defaultColor=o.Colors.graphColor34,this._barColors=tt.slice(),this._barColorsKeyWise=new Map}static#t=new F;getBarColor(r){const s=F.instance();return s._barColorsKeyWise.has(r)||(s._barColors.length===0&&(s._barColors=tt.slice()),s._barColorsKeyWise.set(r,s._barColors.shift()??s._defaultColor)),s._barColorsKeyWise.get(r)}shouldUpdate(r){const s=F.instance(),l=Array.from(s._barColorsKeyWise.keys()).sort();return!e.isEqual(l,r)}static init(){return this.#t=new F,this.#t}static instance(){return this.#t}}const Re=F.instance(),Ke=(t,r,s)=>{const l=[],n={};let c,p=!1;if(s!=null&&s.accountGroups.length!=0?s.accountGroups.forEach(m=>{const u=B.balancesSliceToCOABalancesWithKey(m.accountGroupName,"actual",m),i=a.getChartValueKey(m.accountGroupName,"actual");n[i]=u,l.push(i),c==null&&u.length>0&&(c=a.getChartValueKey(m.accountGroupName,"actual"))}):s!=null&&s.accounts.length!=0&&(p=!0,s.accounts.forEach(m=>{const u=B.balancesSliceToCOABalancesWithKey(m.account.accountName,"actual",m.account.balancesInTimeframe),i=a.getChartValueKey(m.account.accountName,"actual");n[i]=u,l.push(i),c==null&&u.length>0&&(c=a.getChartValueKey(m.account.accountName,"actual"))})),s!=null&&s.accountGroups.length===0&&s.accounts.length===0){const m=o.appLocale.getLocalizedStrings().chartCard.total,u=B.balancesSliceToCOABalancesWithKey(m,"actual",s);if(u.length!==0){const i=a.getChartValueKey(m,"actual");n[i]=u,c=i,l.push(i)}}return r==="forecast_mode"&&Object.assign(n,ve(l,s)),c!=null?z.toChartData(t,l,c,n,p):void 0},ve=(t,r)=>{const s={};let l;if(r!=null&&r.accountGroups.length!=0?r.accountGroups.forEach(n=>{const c=B.balancesSliceToCOABalancesWithKey(n.accountGroupName,"forecast",n),p=a.getChartValueKey(n.accountGroupName,"forecast");s[p]=c,t.push(p),l==null&&c.length>0&&(l=a.getChartValueKey(n.accountGroupName,"forecast"))}):r!=null&&r.accounts.length!=0&&r.accounts.forEach(n=>{const c=B.balancesSliceToCOABalancesWithKey(n.account.accountName,"forecast",n.account.balancesInTimeframe),p=a.getChartValueKey(n.account.accountName,"forecast");s[p]=c,t.push(p),l==null&&c.length>0&&(l=a.getChartValueKey(n.account.accountName,"forecast"))}),r!=null&&r.accountGroups.length===0&&r.accounts.length===0){const n=o.appLocale.getLocalizedStrings().chartCard.total,c=B.balancesSliceToCOABalancesWithKey(n,"forecast",r);if(c.length!==0){const p=a.getChartValueKey(n,"forecast");s[p]=c,l=p,t.push(p)}}return s},Te=C.div`
+  width: ${t=>t.width}px;
+  height: ${t=>t.height}px;
+`,be=t=>{const{cx:r,cy:s,fill:l,stroke:n,value:c}=t;return c==null?e.jsxRuntimeExports.jsx(e.jsxRuntimeExports.Fragment,{}):e.jsxRuntimeExports.jsx("circle",{cx:r,cy:s,r:4,stroke:l,strokeWidth:2,fill:n})},ke=t=>{const{cx:r,cy:s,fill:l,stroke:n,value:c}=t;return c==null?e.jsxRuntimeExports.jsx(e.jsxRuntimeExports.Fragment,{}):e.jsxRuntimeExports.jsx("circle",{cx:r,cy:s,r:5,stroke:n,strokeWidth:2,fill:l})};function Be({selectedRangeReport:t,timeframe:r,highlightedRange:s,width:l,height:n,showBarHoverBackground:c,isDetailPage:p,mode:m,onCOABalancesRangeChanged:u}){const i=I.useRef(!1),[g,h]=I.useState(Re),[d,f]=I.useState(void 0),K=e.useTheme(),R=I.useRef([]);I.useEffect(()=>{i.current=!0},[]),I.useEffect(()=>{g.shouldUpdate(R.current)===!0&&h(F.init())},[]),I.useEffect(()=>{let E=[];if(t.reportId==="operating_expenses"){const S=t.sections.expenses;S.accountGroups.length===0&&S.accounts.length===0?E.push(o.appLocale.getLocalizedStrings().chartCard.total):S.accountGroups.length!=0?E=S.accountGroups.map(k=>k.accountGroupName).sort():E=S.accounts.map(k=>k.account).map(k=>k.accountName).sort()}else E=t.sections.expenses.classes.map(S=>S.class.className).sort();R.current=E},[t,g]);const y=I.useMemo(()=>t.reportId==="operating_expenses"?Ke(t.firstMonthOfFY,m,t.sections.expenses):$e(t.firstMonthOfFY,t.sections.expenses),[t,m]),v=I.useCallback(()=>{const E=x=>e.jsxRuntimeExports.jsx(e.Line,{name:x,type:"monotone",legendType:"plainline",isAnimationActive:!1,dot:e.jsxRuntimeExports.jsx(be,{}),activeDot:e.jsxRuntimeExports.jsx(ke,{}),dataKey:j=>{const T=j.record;let b,O;for(O in T)if(O.endsWith("_forecast")){const _=T[O].amount;_!=null&&(b==null?b={..._}:b.amount+=_.amount)}return b?.amount},stroke:K.colors.grey1,strokeDasharray:"3 3",strokeWidth:1.5},x),S=(x,j)=>e.jsxRuntimeExports.jsx(e.Bar,{name:x,animationDuration:j?500:void 0,style:{cursor:"pointer"},dataKey:T=>{const b=T.record;return(b[x]!=null&&b[x].amount!=null?b[x].amount:void 0)?.amount??0},stackId:"a",fill:g.getBarColor(a.getIDFromChartValueKey(x)),onMouseEnter:()=>{d!==x&&f(x)},onMouseLeave:()=>{d!=null&&f(void 0)}},x),k=[];return y?.orderedKeys.forEach(x=>{const j=!i.current;x.endsWith("_forecast")?k.push(E(x)):k.push(S(x,j))}),k},[y]),$=({active:E,payload:S})=>S?.find(x=>x.name===d)!=null&&d!=null&&E===!0?e.jsxRuntimeExports.jsx(Ee,{active:E,payload:S,mode:m,barName:d}):null;return y==null?null:e.jsxRuntimeExports.jsx(Oe,{chartData:y,timeframe:r,showBarHoverBackground:c,barElements:v(),customToolTipContent:e.jsxRuntimeExports.jsx($,{}),width:l,height:n,onCOABalancesRangeChanged:u,highlightedRange:s,isDetailPage:p===!0})}const Oe=({chartData:t,timeframe:r,barElements:s,customToolTipContent:l,highlightedRange:n,width:c,height:p,showBarHoverBackground:m,isDetailPage:u,onCOABalancesRangeChanged:i})=>{const g=e.useTheme(),h=a.getCurrencySymbol(t),d=t.timeseries,f=d.map(v=>v.label),K=m!==!1,R=v=>{if(!u||v?.activePayload==null||v?.activePayload.length===0)return;const $=v.activePayload[0];if($?.payload?.timeLabel?.label==null)return;const E=v.activeTooltipIndex,S=$.payload.timeLabel.label;if(n==null)return;const k=a.getXAxisSelectionRange(S,f,n.numberOfPeriods),x=k[1]===void 0?f.length-1:f.indexOf(k[1]),j={...n,thisPeriod:{startDate:d[x].startDate,endDate:d[x].endDate}};i?.(d[E],r,j)},y=u?(c-60)/a.maxXAxisItems.operating_expenses*(a.maxXAxisItems.operating_expenses-t.recordByTimeseries.length):20;return e.jsxRuntimeExports.jsx(Te,{width:c,height:p,children:e.jsxRuntimeExports.jsx(e.AutoSizer,{children:({height:v,width:$})=>e.jsxRuntimeExports.jsxs(e.ComposedChart,{width:$,height:v,stackOffset:"sign",data:t.recordByTimeseries,barCategoryGap:"25%",maxBarSize:u?o.sp[10]:30,margin:{top:5,right:y,left:0,bottom:5},style:{display:"flex",flex:"1 1 auto"},onClick:R,children:[e.jsxRuntimeExports.jsx(e.CartesianGrid,{horizontal:!0,vertical:!1,strokeWidth:.5,stroke:g.colors.grey3}),e.jsxRuntimeExports.jsx(e.XAxis,{dataKey:E=>E.timeLabel.label,type:"category",axisLine:{stroke:g.colors.grey3,strokeWidth:.5},tickLine:!1,tick:{color:g.colors.hero,...o.textStyles.extraSmallRegular.cssObject}}),e.jsxRuntimeExports.jsx(e.YAxis,{type:"number",axisLine:!1,tickLine:!1,tick:{color:g.colors.hero,...o.textStyles.extraSmallRegular.cssObject},tickFormatter:E=>o.amountValueToString("0,0.[00]a",E,h)}),e.jsxRuntimeExports.jsx(e.Tooltip$1,{wrapperStyle:{zIndex:2},cursor:K?{stroke:g.colors.background,strokeWidth:($-60)/a.maxXAxisItems.operating_expenses,fill:g.colors.background}:!1,content:l,allowEscapeViewBox:{x:!1,y:!0}}),s]})})})},Ie=C.div`
+  display: flex;
+`,_e=C.div`
+  display: flex;
+  flex-direction: column;
+`,we=C.div`
+  display: flex;
+  background-color: ${t=>t.theme.colors.black};
+  opacity: 0.85;
+  border-radius: ${o.Space.sp1} ${o.Space.sp1} ${o.Space.sp0} ${o.Space.sp0};
+  color: ${t=>t.theme.colors.grey1};
+  padding: ${o.Space.sp3};
+`,V=C.div`
+  flex: 1;
+  text-align: right;
+`,Fe=C.div`
+  width: 132px;
+`,Ae=C.div`
+  flex: display;
+  opacity: 0.85;
+  width: 500px;
+  border-radius: ${o.Space.sp0} ${o.Space.sp0} ${o.Space.sp1} ${o.Space.sp1};
+  flex-direction: column;
+  padding: ${o.Space.sp3};
+  background-color: ${t=>t.theme.colors.black};
+`,De=C(o.StandardRegular)`
+  text-align: left;
+  width: 120px;
+`,pt=C.div`
+  margin: ${o.Space.sp2} ${o.Space.sp0} ${o.Space.sp2} ${o.Space.sp0};
+  width: 100%;
+  height: 1px;
+  background-color: ${o.Colors.neutralGrey3Dark};
+`,Le=C.div`
+  flex: display;
+  opacity: 0.85;
+  width: 210px;
+  border-radius: ${o.Space.sp1};
+  flex-direction: column;
+  padding: ${o.Space.sp3};
+  background-color: ${t=>t.theme.colors.black};
+`,xt=C(o.StandardRegular)`
+  color: ${t=>t.color??o.Colors.neutralGrey2Light};
+  text-align: left;
+  display: flex;
+  justify-content: space-between;
+  ${t=>t.showPercent?"flex-start":"center"};
+`,mt=C(o.StandardRegular)`
+  background-color: ${t=>t.color};
+  height: 12px;
+  width: 12px;
+  display: inline-block;
+  margin-right: ${o.Space.sp2};
+`,ze=C(o.StandardRegular)`
+  text-align: left;
+`,Me=C.div`
+  display: flex;
+  flex-direction: column;
+  text-align: right;
+`,et=C(o.StandardRegularSp)`
+  text-align: right;
+`,L=C(o.StandardRegularSp)`
+  text-align: right;
+  flex: 1;
+  color: ${t=>t.isChange!=null&&t.isChange===!0?o.Colors.important:null};
+`,ot=C(o.StandardRegularSp)`
+  display: flex;
+  flex-direction: column;
+`,rt=C(o.StandardRegularSp)``,Ne=(t,r)=>{const s=a.getChartValueKey(a.getIDFromChartValueKey(t),"forecast");if(r.record[s]==null)return;const l=r.record[t].amount,n=r.record[s].amount,c={...l,amount:Math.floor((l.amount-n.amount)*100/100)},p=n.amount!==0?Math.floor((l.amount-n.amount)/n.amount*100)/100:void 0;return{value:n,change:c,percent:p,forecastPercent:r.record[s].percentValue}},Ve=({active:t,payload:r,mode:s})=>{const l=[];let n={amount:0,currencyCode:""},c={amount:0,currencyCode:""};const p=a.getChartValueKey("gross_margin","actual");return r?.forEach(m=>{const u=m.name;if(t===!0){const i=m.payload,g=m.color,h=u!=null&&i.record[u]!=null?i.record[u].amount:void 0;let d;if(u.includes("forecast")!==!0)switch(s==="forecast_mode"&&(d=i.record[u]!=null?Ne(u,i):void 0),u){case p:h!=null&&(n.currencyCode===""?n={...h}:n.amount=n.amount+h.amount),d!=null&&(c.currencyCode===""?c={...d.value}:c.amount=c.amount+d.value.amount),l.push({barName:o.appLocale.getLocalizedStrings().chartCard.revenue[a.getIDFromChartValueKey(u)],actual:h,forecast:d,percent:i.record[u]!=null?i.record[u].percentValue??0:0,color:g});break;default:l.push({barName:o.appLocale.getLocalizedStrings().chartCard.revenue[a.getIDFromChartValueKey(u)],actual:h,color:g,forecast:d});break}}}),l},nt=t=>t.map((r,s)=>e.jsxRuntimeExports.jsxs(xt,{color:r.color,showPercent:r.percent!=null,children:[e.jsxRuntimeExports.jsxs(ze,{children:[e.jsxRuntimeExports.jsx(mt,{color:r.color}),`${r.barName}:`]}),e.jsxRuntimeExports.jsxs(Me,{children:[e.jsxRuntimeExports.jsx(et,{children:`${a.currencyFormatter(r.actual)}`}),r.percent!=null?e.jsxRuntimeExports.jsx(et,{children:o.percentValueToString("0,0.0%",r.percent)}):null]})]},r.barName+s)),st=t=>t.map((r,s)=>e.jsxRuntimeExports.jsxs(xt,{color:r.color,showPercent:r.percent!=null,children:[e.jsxRuntimeExports.jsxs(De,{children:[e.jsxRuntimeExports.jsx(mt,{color:r.color}),`${r.barName}:`]}),e.jsxRuntimeExports.jsx(L,{children:e.jsxRuntimeExports.jsxs(ot,{children:[r.actual!=null?`${a.currencyFormatter(r.actual)}`:"-",e.jsxRuntimeExports.jsx(rt,{children:r.percent!=null?o.percentValueToString("0,0.0%",r.percent):null})]})}),e.jsxRuntimeExports.jsx(L,{children:e.jsxRuntimeExports.jsxs(ot,{children:[r.forecast!=null?`${a.currencyFormatter(r.forecast.value)}`:"-",e.jsxRuntimeExports.jsx(rt,{children:r.forecast!=null&&r.forecast.forecastPercent!=null?o.percentValueToString("0,0.0%",r.forecast.forecastPercent):null})]})}),r.forecast!=null?e.jsxRuntimeExports.jsx(L,{isChange:!0,children:`${a.currencyFormatter(r.forecast.change)}`}):e.jsxRuntimeExports.jsx(L,{children:"-"}),r.forecast!=null?e.jsxRuntimeExports.jsx(L,{isChange:!0,children:o.percentValueToString("0,0.0%",r.forecast.percent)}):e.jsxRuntimeExports.jsx(L,{children:"-"})]},r.barName+s)),Ge=t=>{if(t.length>0){for(const r of t)if(r.actual!=null)return r.actual.currencySymbol}return""},Pe=({barLabelsWithValues:t})=>e.jsxRuntimeExports.jsxs(_e,{children:[e.jsxRuntimeExports.jsxs(we,{children:[e.jsxRuntimeExports.jsx(Fe,{}),e.jsxRuntimeExports.jsx(V,{children:o.appLocale.getLocalizedStrings().chartCard.tooltip.actual}),e.jsxRuntimeExports.jsx(V,{children:o.appLocale.getLocalizedStrings().chartCard.tooltip.forecast}),e.jsxRuntimeExports.jsxs(V,{children:[o.appLocale.getLocalizedStrings().chartCard.tooltip.change," ",Ge(t)]}),e.jsxRuntimeExports.jsx(V,{children:o.appLocale.getLocalizedStrings().chartCard.tooltip.change_percent})]}),e.jsxRuntimeExports.jsxs(Ae,{children:[st(t.slice(0,t.length-1)),t.length?e.jsxRuntimeExports.jsx(pt,{}):null,st(t.slice(-1))]})]}),Xe=({barLabelsWithValues:t})=>e.jsxRuntimeExports.jsx(Ie,{children:e.jsxRuntimeExports.jsxs(Le,{children:[nt(t.slice(0,t.length-1)),t.length?e.jsxRuntimeExports.jsx(pt,{}):null,nt(t.slice(-1))]})}),He=t=>{const r=Ve({...t});return r.length===0?null:e.jsxRuntimeExports.jsx(e.jsxRuntimeExports.Fragment,{children:t.mode==="forecast_mode"?e.jsxRuntimeExports.jsx(Pe,{barLabelsWithValues:r}):e.jsxRuntimeExports.jsx(Xe,{barLabelsWithValues:r})})},Ye=I.memo(He),at=(t,r,s,l,n,c)=>{let p=[],m=[],u=[];l!=null&&l.balances.length>0&&(p=B.sectionToCOABalancesWithID("income","actual",l)),n!=null&&n.balances.length>0&&(m=B.sectionToCOABalancesWithID("cogs","actual",n)),c!=null&&c.balances.length>0&&(u=B.calculatedSectionToCOABalancesWithKey("gross_margin","actual",c));const i=a.getChartValueKey("income","actual"),g=a.getChartValueKey("cogs","actual"),h=a.getChartValueKey("gross_margin","actual"),d=p.length>0?i:m.length>0?g:h,f={};return f[i]=p,f[g]=m,f[h]=u,s==="forecast_mode"&&Object.assign(f,qe(l,n,c)),d!=null?z.toChartData(t,r,d,f):void 0},qe=(t,r,s)=>{let l=[],n=[],c=[];t!=null&&t.balances.length>0&&(l=B.sectionToCOABalancesWithID("income","forecast",t)),r!=null&&r.balances.length>0&&(n=B.sectionToCOABalancesWithID("cogs","forecast",r)),s!=null&&s.balances.length>0&&(c=B.calculatedSectionToCOABalancesWithKey("gross_margin","forecast",s));const p=a.getChartValueKey("income","forecast"),m=a.getChartValueKey("cogs","forecast"),u=a.getChartValueKey("gross_margin","forecast"),i={};return i[p]=l,i[m]=n,i[u]=c,i},We=[a.getChartValueKey("income","actual"),a.getChartValueKey("cogs","actual"),a.getChartValueKey("gross_margin","actual")],Je=[a.getChartValueKey("income","actual"),a.getChartValueKey("cogs","actual"),a.getChartValueKey("gross_margin","actual"),a.getChartValueKey("income","forecast"),a.getChartValueKey("cogs","forecast"),a.getChartValueKey("gross_margin","forecast")],Ue=C.div`
+  width: ${t=>t.width}px;
+  height: ${t=>t.height}px;
+
+  .recharts-legend-item {
+    margin-right: ${t=>A.legendLabelMarginRight.valuePx(t.windowSize)} !important;
+    :last-of-type {
+      margin-right: ${o.Space.sp0} !important;
+    }
+  }
+`,Qe=C(o.ExtraSmallRegularSp)`
+  margin-left: ${t=>A.legendLabelMarginLeft.valuePx(t.windowSize)};
+  margin-right: ${t=>A.legendLabelMarginRight.valuePx(t.windowSize)};
+  color: ${t=>t.theme.colors.primary};
+`;function Ze({selectedRangeReport:t,timeframe:r,highlightedRange:s,width:l,height:n,showBarHoverBackground:c,isDetailPage:p,mode:m,onCOABalancesRangeChanged:u}){const i=e.useTheme(),g=I.useRef(!1);I.useEffect(()=>{g.current=!0},[]);const h=[i.colors.graphColor26,i.colors.graphColor17,i.colors.graphColor12],d=[i.colors.graphColor28,i.colors.graphColor17,i.colors.graphColor10,i.colors.graphColor28Dark,i.colors.graphColor17Dark,i.colors.graphColor10Dark],f=m==="forecast_mode"?d:h,K=m==="forecast_mode"?Je:We,R=(x,j=i.colors.graphColor28)=>x<f.length?f[x]:j,y=t.reportId==="revenue"?at(t.firstMonthOfFY,K,m,t.sections?.income,t.sections?.cogs,t.calculatedSections?.grossMargin):at(t.firstMonthOfFY,K,m,t.sections.income,t.sections.cogs,t.calculatedSections.grossMargin),v=x=>{const{cx:j,cy:T,fill:b,stroke:O,value:_}=x;return _==null?e.jsxRuntimeExports.jsx(e.jsxRuntimeExports.Fragment,{}):e.jsxRuntimeExports.jsx("circle",{cx:j,cy:T,r:4,stroke:b,strokeWidth:2,fill:O})},$=x=>{const{cx:j,cy:T,fill:b,stroke:O,value:_}=x;return _==null?e.jsxRuntimeExports.jsx(e.jsxRuntimeExports.Fragment,{}):e.jsxRuntimeExports.jsx("circle",{cx:j,cy:T,r:5,stroke:O,strokeWidth:2,fill:b})},E=(x,j)=>e.jsxRuntimeExports.jsx(e.Line,{name:x,type:"monotone",legendType:"plainline",isAnimationActive:!1,dot:e.jsxRuntimeExports.jsx(v,{}),activeDot:e.jsxRuntimeExports.jsx($,{}),dataKey:T=>{const b=T.record;return(b[x]!=null&&b[x].amount!=null?b[x].amount:void 0)?.amount},stroke:R(j),strokeDasharray:"3 3",strokeWidth:1.5},x),S=(x,j,T)=>e.jsxRuntimeExports.jsx(e.Bar,{name:x,animationDuration:T?500:void 0,style:{cursor:"pointer"},legendType:"square",dataKey:b=>{const O=b.record;return(O[x]!=null&&O[x].amount!=null?O[x].amount:void 0)?.amount??0},fill:R(j)},x),k=()=>{const x=[];return K.forEach((j,T)=>{const b=p===!0&&!g.current;j.endsWith("_forecast")?x.push(E(j,T)):x.push(S(j,T,b))}),x};return y==null?null:e.jsxRuntimeExports.jsx(to,{chartData:y,timeframe:r,showBarHoverBackground:c,barElements:k(),customToolTipContent:({active:x,payload:j})=>e.jsxRuntimeExports.jsx(Ye,{active:x,payload:j,mode:m}),width:l,height:n,onCOABalancesRangeChanged:u,highlightedRange:s,isDetailPage:p===!0})}const to=({chartData:t,timeframe:r,barElements:s,customToolTipContent:l,highlightedRange:n,width:c,height:p,showBarHoverBackground:m,isDetailPage:u,onCOABalancesRangeChanged:i})=>{const g=o.useWindowSizeContext(),h=e.useTheme(),d=a.getCurrencySymbol(t),f=t.timeseries,K=f.map($=>$.label),R=m!==!1,y=$=>{if(!u||$?.activePayload==null||$?.activePayload.length===0)return;const E=$.activePayload[0];if(E?.payload?.timeLabel?.label==null)return;const S=$.activeTooltipIndex,k=E.payload.timeLabel.label;if(n==null)return;const x=a.getXAxisSelectionRange(k,K,n.numberOfPeriods),j=x[1]===void 0?K.length-1:K.indexOf(x[1]),T={...n,thisPeriod:{startDate:f[j].startDate,endDate:f[j].endDate}};i?.(f[S],r,T)},v=u?(c-60)/a.maxXAxisItems.revenue*(a.maxXAxisItems.revenue-t.recordByTimeseries.length):20;return e.jsxRuntimeExports.jsx(Ue,{width:c,height:p,windowSize:g,children:e.jsxRuntimeExports.jsx(e.AutoSizer,{children:({height:$,width:E})=>e.jsxRuntimeExports.jsxs(e.ComposedChart,{data:t.recordByTimeseries,barCategoryGap:u?void 0:"12%",maxBarSize:u?o.sp[10]:22,barGap:u?void 0:2,margin:{top:5,right:v,left:0,bottom:o.sp[4]},height:$,width:E,style:{display:"flex",flex:"1 1 auto"},onClick:y,children:[e.jsxRuntimeExports.jsx(e.CartesianGrid,{horizontal:!0,vertical:!1,strokeWidth:.5,stroke:h.colors.grey3}),e.jsxRuntimeExports.jsx(e.XAxis,{dataKey:S=>S.timeLabel.label,type:"category",axisLine:{stroke:h.colors.grey3,strokeWidth:.5},tickLine:!1,tick:{color:h.colors.hero,...o.textStyles.extraSmallRegular.cssObject}}),e.jsxRuntimeExports.jsx(e.YAxis,{type:"number",axisLine:!1,tickLine:!1,tick:{color:h.colors.hero,...o.textStyles.extraSmallRegular.cssObject},tickFormatter:S=>o.amountValueToString("0,0.[00]a",S,d)}),e.jsxRuntimeExports.jsx(e.Tooltip$1,{wrapperStyle:{zIndex:2},cursor:R?{stroke:h.colors.background,strokeWidth:(E-60)/a.maxXAxisItems.revenue,fill:h.colors.background}:!1,content:l,allowEscapeViewBox:{x:!1,y:!0}}),s,u?e.jsxRuntimeExports.jsx(e.Legend,{verticalAlign:"bottom",wrapperStyle:{width:"100%",display:"flex",justifyContent:"center",left:"initial",bottom:o.Space.sp0},iconSize:o.sp[3],formatter:S=>e.jsxRuntimeExports.jsx(Qe,{windowSize:g,children:S.endsWith("_forecast")===!0?o.appLocale.getLocalizedStrings().chartCard.revenue[S]:o.appLocale.getLocalizedStrings().chartCard.revenue[a.getIDFromChartValueKey(S)]})}):null]})})})};exports.CashInCashOutChart=Tt;exports.CashPositionChart=Dt;exports.NetBurnOrIncomeChart=ae;exports.OpExChart=Be;exports.RevenueChart=Ze;