@zeniai/web-components 3.16.64 → 3.16.65

package/dist/ReportsPage-CnA2MURd.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-CWG6iUqU.cjs"),F=require("./analyticsHelper-DP5IDMPb.cjs"),te=require("./ReportTableViewSelector-D5eN8xcm.cjs"),$=require("./TimeRangeSwitcher-DWDhDvwo.cjs"),se=require("./TimeframeSwitcherWithToggle-gMsrvv0w.cjs"),ne=require("./DownloadOverlay-CV2tFCdm.cjs"),A=require("./CollapsableReportTable-DtM4wxMT.cjs"),w=require("./mapSectionWithAcOnlyToTreeNode-CszQdfNH.cjs"),W=require("./mapTimeframeBalancesToTreeNode-wCSfwsNA.cjs"),q=require("./mapTimeframeHeaderLoadingInProgressToTreeNode-DdnoNQ9f.cjs"),ae=require("./mapLoadingInProgressToTreeNode-CZSUMPo1.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;