@zeniai/web-components 3.17.21 → 3.17.23

package/dist/ReportsPage-CIqvhanu.cjs

@@ -0,0 +1,121 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("./vendor-.pnpm-DLVCFIC_.cjs"),C=require("react"),R=require("@emotion/styled"),y=require("@zeniai/client-analytics"),_=require("@zeniai/client-epic-state"),s=require("./index-DU9PIUCs.cjs"),F=require("./analyticsHelper-DSyZ24qg.cjs"),te=require("./ReportTableViewSelector-xnQz9oHr.cjs"),$=require("./TimeRangeSwitcher-B1MPWNMD.cjs"),se=require("./TimeframeSwitcherWithToggle-DMxvQb-y.cjs"),ne=require("./DownloadOverlay-CHRNfhJB.cjs"),A=require("./CollapsableReportTable-BBjbBYt6.cjs"),w=require("./mapSectionWithAcOnlyToTreeNode-nHEwDaGU.cjs"),W=require("./mapTimeframeBalancesToTreeNode-BNmiGIda.cjs"),q=require("./mapTimeframeHeaderLoadingInProgressToTreeNode-Det6NGLN.cjs"),ae=require("./mapLoadingInProgressToTreeNode-D0TPaOhx.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-5p0s70eI.cjs

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