@zeniai/web-components 3.16.99 → 3.17.2

package/dist/ReportsPage-wIAsEFnP.js

@@ -0,0 +1,1315 @@
+import { u as G, k as X, j as c, b as be } from "./vendor-.pnpm-B2klaOGU.js";
+import ee, { useState as z, useEffect as te, useRef as Se } from "react";
+import b from "@emotion/styled";
+import { Event as x } from "@zeniai/client-analytics";
+import { isBalanceSheetReportViewSectionID as pe, isBalanceSheetReportViewCalculatedSectionID as we, isCashFlowReportViewSectionID as Re, isCashFlowReportViewCalculatedSectionType1ID as Ce, isCashFlowReportViewCalculatedSectionID as Te, isPandLReportViewSectionID as se, isPandLReportViewCalculatedSectionID as ne, toTimeframeTick as $, hasInvestorBankerLevelAccess as Z, reduceAllFetchState as xe, isPAndLReport as ye } from "@zeniai/client-epic-state";
+import { a as C, u as H, dy as Ae, R as N, dK as Be, S as R, D as w, e as P, ay as Ne, dB as Oe, z as ve, eV as Le, aE as Pe, P as ke, A as Fe, aI as Me } from "./index-BEMjPEfs.js";
+import { t as I, a as K } from "./analyticsHelper-DVeChHqX.js";
+import { R as Ve } from "./ReportTableViewSelector-DlVf9WFm.js";
+import { a as ae, T as je } from "./TimeRangeSwitcher-BW_7_IDn.js";
+import { T as $e } from "./TimeframeSwitcherWithToggle-CMAec3ZF.js";
+import { DownloadOverlayButton as Ee } from "./DownloadOverlay-DpdR4EUO.js";
+import { b as oe, u as V, C as De } from "./CollapsableReportTable-6xuk8-VZ.js";
+import { f as ie, b as ce, c as le, m as E, a as We } from "./mapSectionWithAcOnlyToTreeNode-BriTMcIz.js";
+import { m as Y } from "./mapTimeframeBalancesToTreeNode-BnXAxgYd.js";
+import { m as ze, r as Ie } from "./mapTimeframeHeaderLoadingInProgressToTreeNode-mI8zysPu.js";
+import { m as Ue } from "./mapLoadingInProgressToTreeNode-BWTuTtXm.js";
+function re({
+  section: e,
+  sectionId: t,
+  numOfBalances: s,
+  config: o
+}) {
+  return oe(
+    "no_filter",
+    o.filterAccountsWithNilBalances,
+    o.filterAccountGroupsWithNilBalances
+  ).compactedAccountGroupsSelector(
+    e.accountGroups
+  ).map(
+    (d) => Ge({
+      accountGroup: d,
+      sectionType: t,
+      numOfBalances: s,
+      title: d.accountGroupName,
+      isLastNode: !0,
+      config: o
+    })
+  );
+}
+function Ge({
+  accountGroup: e,
+  sectionType: t,
+  numOfBalances: s,
+  title: o,
+  isLastNode: n,
+  config: r
+}) {
+  const d = V("section", [], o + t), u = {
+    children: [],
+    id: d,
+    isLastNode: n,
+    reportElementData: {
+      element: {
+        kind: "section",
+        title: o,
+        sectionType: t,
+        data: e,
+        numOfBalances: s
+      },
+      config: r
+    }
+  }, m = oe(
+    "no_filter",
+    r.filterAccountsWithNilBalances,
+    r.filterAccountGroupsWithNilBalances
+  ).compactedAccountsSelectorVariant(
+    e.accounts
+  ), S = m.map(
+    (f, a) => ie({
+      account: f,
+      sectionType: t,
+      numOfBalances: s,
+      title: f.account.accountName,
+      config: r,
+      isLastNode: a === m.length - 1,
+      parentNodeIDs: [d],
+      ancestorMetadata: {
+        subAccountAncestorMetadata: [
+          {
+            depth: 0,
+            hasSibling: m.length > 1,
+            hasChildren: f.children.length > 0,
+            isLastNode: a === m.length - 1
+          }
+        ]
+      }
+    })
+  );
+  return u.children.push(...S), u;
+}
+function de({
+  sectionWithAcOnly: e,
+  sectionType: t,
+  numOfBalances: s,
+  config: o
+}) {
+  return e.accounts.map(
+    (r, d) => ie({
+      account: r,
+      sectionType: t,
+      numOfBalances: s,
+      title: r.account.accountName,
+      config: o,
+      isLastNode: d === e.accounts.length - 1,
+      parentNodeIDs: [],
+      ancestorMetadata: {
+        subAccountAncestorMetadata: [
+          {
+            depth: 0,
+            hasSibling: e.accounts.length > 1,
+            hasChildren: r.children.length > 0,
+            isLastNode: d === e.accounts.length - 1
+          }
+        ]
+      }
+    })
+  );
+}
+function ue({
+  balances: e,
+  config: t,
+  nodeId: s
+}) {
+  return {
+    children: [],
+    id: s ?? V("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 He(e, t, s, o = !0) {
+  Object.assign(e.config, t);
+  const n = he(s), r = Y({
+    balances: n,
+    config: t
+  });
+  return {
+    config: t,
+    headerNodes: o ? [r] : [],
+    contentNodes: [r, ...e.contentNodes.slice(1)]
+  };
+}
+const he = (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 s = [];
+      return Object.keys(t.sections).forEach((o) => {
+        t.sections[o].balances.length > 0 && (s = [
+          ...t.sections[o].balances,
+          ...t.sections[o].additionalBalances
+        ]);
+      }), s;
+    }
+    default:
+      return [];
+  }
+};
+function Ye(e, t, s = !0) {
+  const o = C.getLocalizedStrings().reports.sections, n = C.getLocalizedStrings().reports.balanceSheet, r = he(e), d = t.mode != null && t.mode === "this_period_vs_period_before" && r.length > 1 ? e.filter.balancesRange.numberOfPeriods + 2 : e.filter.balancesRange.numberOfPeriods + 1, u = ue({
+    balances: r,
+    config: t
+  }), i = [];
+  return i.push(u), Object.keys(
+    e.rootSectionsWithSubSectionIds
+  ).forEach((m) => {
+    const S = V("title_string_only", [], m), f = {
+      children: [],
+      id: S,
+      isLastNode: !0,
+      reportElementData: {
+        element: {
+          kind: "title_string_only",
+          title: o[m],
+          data: void 0,
+          numOfBalances: 0
+        },
+        config: t
+      }
+    };
+    i.push(f), e.rootSectionsWithSubSectionIds[m].forEach(
+      (a) => {
+        if (pe(a) === !0)
+          if (e.sections[a].accountGroups.length > 0)
+            if (a === "equity") {
+              const h = re({
+                sectionId: a,
+                section: e.sections[a],
+                numOfBalances: d,
+                config: t
+              });
+              i.push(...h);
+            } else
+              i.push(
+                ce({
+                  section: e.sections[a],
+                  sectionType: a,
+                  numOfBalances: d,
+                  title: n[a],
+                  isLastNode: !0,
+                  config: t
+                })
+              );
+          else if (a === "equity") {
+            const h = de({
+              sectionWithAcOnly: e.sections[a],
+              sectionType: a,
+              numOfBalances: d,
+              config: t
+            });
+            i.push(...h);
+          } else {
+            const h = e.sections[a];
+            i.push(
+              le({
+                sectionWithAcOnly: h,
+                sectionType: a,
+                numOfBalances: d,
+                title: n[a],
+                isLastNode: !0,
+                config: t
+              })
+            );
+          }
+        else we(a) === !0 && i.push(
+          E({
+            calculatedSection: e.calculatedSections[a],
+            numOfBalances: d,
+            title: n[a],
+            isLastNode: !0,
+            config: t
+          })
+        );
+      }
+    );
+  }), {
+    config: t,
+    headerNodes: s ? [u] : [],
+    contentNodes: i
+  };
+}
+function qe({
+  calculatedSection: e,
+  numOfBalances: t,
+  title: s,
+  isLastNode: o,
+  config: n
+}) {
+  return {
+    children: [],
+    id: V("calculated_section_type1", [], s),
+    isLastNode: o,
+    reportElementData: {
+      element: {
+        kind: "calculated_section_type1",
+        title: s,
+        data: e,
+        numOfBalances: t
+      },
+      config: n
+    }
+  };
+}
+function Ze(e, t, s = !0) {
+  const o = C.getLocalizedStrings().reports.sections, n = C.getLocalizedStrings().reports.cashFlow, r = [
+    ...e.calculatedSections.operatingActivitiesTotal.balances,
+    ...e.calculatedSections.operatingActivitiesTotal.additionalBalances
+  ], d = t.mode != null && t.mode === "this_period_vs_period_before" && r.length > 1 ? e.filter.balancesRange.numberOfPeriods + 2 : e.filter.balancesRange.numberOfPeriods + 1, u = ue({
+    balances: r,
+    config: t
+  }), i = [];
+  return Object.keys(
+    e.rootSectionsWithSubSectionIds
+  ).forEach((m) => {
+    const S = V("title_string_only", [], m), f = {
+      children: [],
+      id: S,
+      isLastNode: !0,
+      reportElementData: {
+        element: {
+          kind: "title_string_only",
+          title: o[m],
+          data: void 0,
+          numOfBalances: 0
+        },
+        config: t
+      }
+    };
+    i.push(f), e.rootSectionsWithSubSectionIds[m].forEach(
+      (a) => {
+        if (Re(a) === !0)
+          if (e.sections[a].accountGroups.length > 0) {
+            const h = re({
+              sectionId: a,
+              section: e.sections[a],
+              numOfBalances: d,
+              config: t
+            });
+            i.push(...h);
+          } else {
+            const h = de({
+              sectionWithAcOnly: e.sections[a],
+              sectionType: a,
+              numOfBalances: d,
+              config: t
+            });
+            i.push(...h);
+          }
+        else Ce(a) === !0 ? i.push(
+          qe({
+            calculatedSection: e.calculatedSections[a],
+            numOfBalances: d,
+            title: n[a],
+            isLastNode: !0,
+            config: t
+          })
+        ) : Te(a) === !0 && i.push(
+          E({
+            calculatedSection: e.calculatedSections[a],
+            numOfBalances: d,
+            title: n[a],
+            isLastNode: !0,
+            config: t
+          })
+        );
+      }
+    );
+  }), {
+    config: t,
+    headerNodes: s ? [u] : [],
+    contentNodes: [u, ...i]
+  };
+}
+function Ke(e, t, s = !0, o = !1) {
+  const n = C.getLocalizedStrings().reports, r = C.getLocalizedStrings().common;
+  let d = [];
+  const u = [];
+  let i = [];
+  if (o === !0) {
+    const m = ze({
+      title: r.loading,
+      balances: [],
+      config: t
+    });
+    m.reportElementData.element.numOfBalances = 6, s && (i = [m]), u.push(m), [...Array(8)].forEach((S, f) => {
+      const a = f % 4;
+      let l = Ie[a];
+      const h = Ue({
+        title: `${f}+${l}`,
+        balances: d,
+        config: t
+      });
+      h.reportElementData.element.numOfBalances = 6, u.push(h);
+    });
+  } else {
+    const m = 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
+    ] : [], S = Y({
+      balances: m,
+      config: t
+    }), f = t.mode != null && t.mode === "this_period_vs_period_before" && m.length > 1 ? e.filter.balancesRange.numberOfPeriods + 2 : e.filter.balancesRange.numberOfPeriods + 1;
+    u.push(S), s && (i = [S]), e.idsInOrder.forEach(
+      (a) => {
+        if (se(a) === !0) {
+          const l = e.sections[a];
+          l != null && u.push(
+            We({
+              section: l,
+              sectionType: a,
+              numOfBalances: f,
+              title: n.sections[a],
+              isLastNode: !0,
+              config: t
+            })
+          );
+        } else if (ne(a) === !0) {
+          const l = e.calculatedSections[a];
+          l != null && u.push(
+            E({
+              calculatedSection: l,
+              numOfBalances: f,
+              title: n.sections[a],
+              isLastNode: !0,
+              config: t
+            })
+          );
+        }
+      }
+    );
+  }
+  return {
+    config: t,
+    headerNodes: i,
+    contentNodes: u
+  };
+}
+function Je(e, t, s = !0) {
+  const o = C.getLocalizedStrings().reports, n = 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
+  ] : [], r = t.mode != null && t.mode === "this_period_vs_period_before" && n.length > 1 ? e.filter.balancesRange.numberOfPeriods + 2 : e.filter.balancesRange.numberOfPeriods + 1, d = Y({
+    balances: n,
+    config: t
+  }), u = [];
+  return u.push(d), e.idsInOrder.forEach(
+    (i) => {
+      if (se(i) === !0 && (e.sections[i].accountGroups.length > 0 ? u.push(
+        ce({
+          section: e.sections[i],
+          sectionType: i,
+          numOfBalances: r,
+          title: o.sections[i],
+          isLastNode: !0,
+          config: t
+        })
+      ) : u.push(
+        le({
+          sectionWithAcOnly: e.sections[i],
+          sectionType: i,
+          numOfBalances: r,
+          title: o.sections[i],
+          isLastNode: !0,
+          config: t
+        })
+      )), ne(i) === !0) {
+        const m = e.calculatedSections[i];
+        m != null && u.push(
+          E({
+            calculatedSection: m,
+            numOfBalances: r,
+            title: o.sections[i],
+            isLastNode: !0,
+            config: t
+          })
+        );
+      }
+    }
+  ), {
+    config: t,
+    headerNodes: s ? [d] : [],
+    contentNodes: u
+  };
+}
+const J = {
+  contentPaddingLeft: new N(w[0], w[0], w[0]),
+  contentPaddingRight: new N(w[3], w[3], w[8])
+}, Qe = b.div`
+  height: ${(e) => e.height}px;
+  width: 99.9%;
+  margin-top: ${R.sp2};
+  background-color: ${(e) => e.theme.colors.grey4};
+`;
+function Xe({
+  report: e,
+  displayOrder: t,
+  reportFormat: s,
+  analytics: o,
+  isZeniUser: n,
+  onAdditionalBalanceSelectionChanged: r,
+  onAccountBalanceClick: d,
+  onTableScroll: u,
+  onElementCollapseStateChanged: i,
+  isCompareModeOn: m,
+  isPageFetchInProgress: S = !1
+}) {
+  const f = H(), a = G(), [l, h] = z(
+    void 0
+  ), [y, A] = z(
+    void 0
+  ), O = !(f === "small" || f === "medium-compact"), D = "name+balances_actual", j = m === !0 ? "this_period_vs_period_before" : "none", B = () => {
+    let _ = [];
+    switch (e.reportId) {
+      case "profit_and_loss": {
+        const g = e;
+        _ = (g.sections.expenses.balances.length > 0 ? g.sections.expenses : g.sections.income).additionalBalances.map(
+          (W) => $(W)
+        );
+        break;
+      }
+      case "profit_and_loss_by_classes": {
+        const g = e, v = (g.sections.expenses?.balances?.length ?? 0) > 0 ? g.sections.expenses : null, W = (g.sections.income?.balances?.length ?? 0) > 0 ? g.sections.income : null, q = v ?? W;
+        q?.additionalBalances != null && (_ = q.additionalBalances.map(
+          (_e) => $(_e)
+        ));
+        break;
+      }
+      case "cash_flow": {
+        _ = e.calculatedSections.investingActivitiesTotal.additionalBalances.map(
+          (v) => $(v)
+        );
+        break;
+      }
+      case "balance_sheet": {
+        _ = e.sections.equity.additionalBalances.map(
+          (v) => $(v)
+        );
+        break;
+      }
+    }
+    return _.length > 0 && _.find(
+      (g) => g.balanceType === "this_period_vs_last_period"
+    ) ? "compare_mode_amount" : "compare_mode_percent";
+  };
+  te(() => {
+    const _ = {
+      reportId: e.reportId,
+      bookCloseDate: e.bookCloseDate,
+      mode: j,
+      firstMonthOfFY: e.firstMonthOfFY,
+      filterAccountsWithNilBalances: "filter_actual_nil_balances",
+      filterAccountGroupsWithNilBalances: "filter_actual_forecast_empty_account_group_balances",
+      displayOrder: t,
+      reportFormat: s,
+      dataAvailable: e.dataAvailable,
+      showNegativeAmountInParenthesis: Be(),
+      showClassAccountNumber: n
+    };
+    if (l == null || !X(y, e) || S === !0) {
+      const g = et(
+        e,
+        _,
+        O,
+        S
+      );
+      A(e), h(g);
+    } else {
+      const g = He(
+        l,
+        _,
+        e,
+        O
+      );
+      h(g);
+    }
+  }, [m, e, S]);
+  const [T, F] = z(5), M = (_) => {
+    const g = _ + 135;
+    F(g);
+  }, ge = (_) => _?.trackPageLoaded(tt(e));
+  return l != null ? /* @__PURE__ */ c.jsxs(c.Fragment, { children: [
+    /* @__PURE__ */ c.jsx(Ae, { analytics: o, onLoad: ge }),
+    /* @__PURE__ */ c.jsx(Qe, { height: T, children: /* @__PURE__ */ c.jsx(
+      De,
+      {
+        backgroundColor: new be(a.colors.grey4),
+        rootNodes: l,
+        type: D,
+        compareMode: B(),
+        isSticky: {
+          isStickyHeader: O,
+          isStickyName: O
+        },
+        treeNodePadding: {
+          left: J.contentPaddingLeft.value(f),
+          right: J.contentPaddingRight.value(f)
+        },
+        onAccountClick: d == null ? void 0 : (_, g) => {
+          d(_, g);
+        },
+        nodeOpenStatus: e.uiState.nodeCollapseState,
+        scrollPosition: e.uiState.scrollPosition,
+        onCompareModeChanged: (_) => r?.(
+          _ === "compare_mode_amount" ? "this_period_vs_last_period" : "this_period_vs_last_period_percent",
+          "dropdown"
+        ),
+        onNodeCollapseToggled: (_, g) => i?.(e.reportId, _, g),
+        onReportTableHeightChanged: M,
+        onScroll: (_) => u?.(e.reportId, _)
+      }
+    ) })
+  ] }) : null;
+}
+const et = (e, t, s = !0, o = !1) => {
+  switch (e.reportId) {
+    case "profit_and_loss":
+      return Je(
+        e,
+        t,
+        s
+      );
+    case "profit_and_loss_by_classes":
+      return Ke(
+        e,
+        t,
+        s,
+        o
+      );
+    case "cash_flow":
+      return Ze(
+        e,
+        t,
+        s
+      );
+    case "balance_sheet":
+      return Ye(
+        e,
+        t,
+        s
+      );
+    default:
+      return;
+  }
+}, tt = (e) => {
+  switch (e.reportId) {
+    case "profit_and_loss":
+    case "profit_and_loss_by_classes":
+      return x.profitAndLoss;
+    case "cash_flow":
+      return x.cashFlow;
+    case "balance_sheet":
+      return x.balanceSheet;
+    default:
+      return x.reports;
+  }
+}, st = b.div`
+  display: flex;
+  flex-direction: row;
+  border-bottom: 1px solid ${(e) => e.theme.colors.grey3};
+  justify-content: center;
+  width: 100%;
+  align-items: center;
+`, nt = b.div`
+  display: flex;
+  position: relative;
+`, at = b(Ne)`
+  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 ${R.sp4}` : 0};
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  &:hover {
+    color: ${(e) => e.theme.colors.primary};
+  }
+`, ot = b.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 it({
+  reportId: e,
+  isSelected: t,
+  onClick: s
+}) {
+  const o = (n) => {
+    switch (n) {
+      case "profit_and_loss":
+      case "profit_and_loss_by_classes":
+      case "balance_sheet":
+      case "cash_flow":
+        return C.getLocalizedStrings().reportTitleById[n];
+      default:
+        return console.warn("Unsupported report"), "";
+    }
+  };
+  return /* @__PURE__ */ c.jsx(
+    at,
+    {
+      "data-testid": P("reportSwitcher", e),
+      onClick: () => {
+        t === !1 && s(e);
+      },
+      isSelected: t,
+      spaceAround: e === "balance_sheet",
+      children: o(e)
+    }
+  );
+}
+function ct({
+  reportIds: e,
+  selectedReport: t,
+  onReportSelectionChanged: s
+}) {
+  const o = (n) => {
+    s?.(n);
+  };
+  return /* @__PURE__ */ c.jsx(st, { "data-testid": P("report-switcher-container"), children: /* @__PURE__ */ c.jsx(
+    nt,
+    {
+      "data-testid": P("report-switcher-content"),
+      children: e.map(
+        (n) => n !== "profit_and_loss_by_classes" && /* @__PURE__ */ c.jsxs("div", { children: [
+          /* @__PURE__ */ c.jsx(
+            it,
+            {
+              reportId: n,
+              isSelected: t === n,
+              onClick: o
+            }
+          ),
+          /* @__PURE__ */ c.jsx(ot, { className: `Slider ${t}` })
+        ] }, `reportSegment-${n}`)
+      )
+    }
+  ) });
+}
+const k = {
+  contentContainerLeftRightMargin: new N(w[3], w[3], w[8]),
+  contentRightPadding: new N(w[3], w[3], w[8]),
+  tickSkelectionContainerWidth: new N(343, 600, 905, 1240)
+}, lt = new N(4, 4), rt = new N(4, 4), dt = {
+  selectedNumberOfPeriods: (e, t) => e ? rt.value(t) : lt.value(t)
+}, ut = b.div`
+  display: flex;
+  flex: 1 1 auto;
+  min-height: 100%;
+  flex-direction: column;
+  background-color: ${(e) => e.theme.colors.grey4};
+`, ht = b.div`
+  display: flex;
+  flex: 1 1 auto;
+  flex-direction: column;
+  height: calc(100vh - ${R.sp10});
+  margin: ${(e) => `${R.sp2} ${R.sp0} ${R.sp0} ${k.contentContainerLeftRightMargin.valuePx(e.windowSize)}`};
+`, mt = b.div`
+  display: flex;
+  width: 100%;
+  height: 100%;
+  flex-direction: row;
+  justify-content: center;
+  align-items: center;
+  background-color: ${(e) => e.theme.colors.grey4};
+`, ft = b.div`
+  position: absolute;
+  margin-top: ${(e) => e.windowSize === "small" ? "230px" : "195px"};
+  background-color: ${(e) => e.theme.colors.grey4};
+`, gt = b.div`
+  display: flex;
+  width: 100%;
+  height: calc(100% - 60px);
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+`, _t = b.div`
+  height: 96px;
+  width: 96px;
+  background: ${(e) => e.theme.colors.background};
+  border-radius: 50%;
+  cursor: pointer;
+  & svg {
+    margin: ${R.sp5};
+    color: ${(e) => e.theme.colors.grey1};
+  }
+  &:hover {
+    & svg {
+      color: ${(e) => e.theme.colors.primary};
+    }
+  }
+`, bt = b(ke)`
+  margin-top: ${R.sp3};
+  color: ${(e) => e.theme.colors.hero};
+`, me = ({
+  style: e,
+  isLoading: t
+}) => t ? /* @__PURE__ */ c.jsx(mt, { style: e, children: /* @__PURE__ */ c.jsx(Fe, { size: "ExtraLarge", start: !0 }) }) : null, p = (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;
+  }
+}, U = ({
+  selectedReport: e,
+  isCompareModeOn: t,
+  windowSize: s
+}) => {
+  const o = e.availableNumberOfPeriods;
+  let n = dt.selectedNumberOfPeriods(
+    t,
+    s
+  );
+  return o != null && (n = Math.min(
+    n,
+    o
+  )), n;
+};
+function Ut(e) {
+  const t = H(), s = G(), {
+    onUpdateAccountViewMode: o,
+    onUpdateClassesToFilterOut: n,
+    onAdditionalBalanceSelectionChanged: r,
+    onTimeframeSelectionChanged: d,
+    isCompareMode: u,
+    selectedReportAndTimeframeFetchState: i,
+    onClickMenuIcon: m
+  } = e, S = (B, T) => {
+    B !== f?.accountViewMode && o?.(B), T && n?.(T);
+  };
+  te(() => {
+    if (e.fetchState === "Completed") {
+      const T = p(e).filter.additionalBalances;
+      e.onUpdateHighlightedNumberOfPeriods?.(
+        T,
+        e.isCompareMode,
+        U({
+          selectedReport: p(e),
+          isCompareModeOn: e.isCompareMode,
+          windowSize: t
+        }),
+        e.balancesInTimeframe
+      );
+    }
+  }, [t, e.fetchState]);
+  const f = wt(e), a = C.getLocalizedStrings().reports.common, l = Oe(), h = l != null && Z(l.loggedInUserRole) ? "detailed" : "more_detailed", y = l != null && Z(l.loggedInUserRole) ? ["more_detailed"] : [];
+  e.showAccountGroups === !1 && f?.accountViewMode === "account_group" && y.push("detailed");
+  const [A, O] = ee.useState(
+    y.includes("more_detailed") ? "detailed" : "more_detailed"
+  ), D = {
+    selectedFormat: A,
+    disabledFormatForRole: y,
+    roleBasedClassesSelectedFormat: h,
+    setSelectedFormat: O
+  };
+  if (i.fetchState === "Error" || e.fetchState === "Error")
+    return /* @__PURE__ */ c.jsxs(
+      gt,
+      {
+        "data-testid": P("report-page-error-reload-page"),
+        children: [
+          /* @__PURE__ */ c.jsx(
+            _t,
+            {
+              "data-testid": P("report-page-error-reload-icon"),
+              onClick: e.onReloadReport,
+              children: /* @__PURE__ */ c.jsx(ve, {})
+            }
+          ),
+          /* @__PURE__ */ c.jsx(bt, { children: a.failed })
+        ]
+      }
+    );
+  const j = e.fetchState;
+  if (i.fetchState !== "Completed" && (j === "In-Progress" || j === "Not-Started"))
+    return /* @__PURE__ */ c.jsx(me, { isLoading: !0 });
+  {
+    const B = /* @__PURE__ */ c.jsx(
+      Le,
+      {
+        downloadReportOptions: {
+          type: "detailed_menu",
+          downloadMenu: {
+            detailedMenu: f != null && e.dataAvailable != null ? /* @__PURE__ */ c.jsx(
+              Ee,
+              {
+                defaultOptions: f,
+                analytics: e.analytics,
+                referrer: L(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: D,
+                updateDownloadStateHandler: e.updateDownloadStateHandler,
+                onUpdateDisplayOrder: e.onUpdateDisplayOrder,
+                onUpdateReportFormat: e.onUpdateReportFormat,
+                onClose: () => null,
+                onOpenAccountViewMode: e.onOpenAccountViewMode,
+                onSaveClickHandler: S,
+                onThisPeriodChanged: e.onThisPeriodChanged,
+                onAdditionalBalanceSelectionChanged: (T, F, M) => {
+                  r(
+                    u,
+                    T,
+                    F,
+                    M
+                  );
+                },
+                onTimeframeSelectionChanged: (T, F, M) => {
+                  d?.(
+                    T,
+                    F,
+                    M
+                  );
+                }
+              }
+            ) : /* @__PURE__ */ c.jsx(c.Fragment, {})
+          }
+        }
+      }
+    );
+    return /* @__PURE__ */ c.jsxs(ut, { children: [
+      /* @__PURE__ */ c.jsx(
+        Pe,
+        {
+          title: C.getLocalizedStrings().reports.title,
+          backgroundColor: s.colors.grey4,
+          onBackClick: e.onBackClick,
+          showMenuIcon: t === "medium-compact" || t === "small",
+          onClickMenuIcon: m,
+          rightSideComponent: B,
+          downloadPresent: !0,
+          source: "ReportsPage",
+          hideSearchBtn: !0
+        }
+      ),
+      /* @__PURE__ */ c.jsx(St, { ...e })
+    ] });
+  }
+}
+function St(e) {
+  const t = H(), s = G(), o = Se(null), { selectedReportAndTimeframeFetchState: n } = e, r = ["month", "quarter", "year"], d = (l, h) => {
+    e.analytics?.trackCompareFilterChange(
+      l === "this_period_vs_last_period_percent" ? "percentage" : "amount",
+      L(e.selectedReport),
+      I(e.selectedTimeframe),
+      h
+    );
+    const y = Array.from(
+      new Set(
+        l === "this_period_vs_last_period_percent" ? [
+          ...p(e).filter.additionalBalances,
+          "this_period_vs_last_period_percent"
+        ].filter(
+          (A) => A !== "this_period_vs_last_period"
+        ) : [
+          ...p(e).filter.additionalBalances,
+          "this_period_vs_last_period"
+        ].filter(
+          (A) => A !== "this_period_vs_last_period_percent"
+        )
+      )
+    );
+    e.onAdditionalBalanceSelectionChanged?.(
+      e.isCompareMode,
+      y,
+      U({
+        selectedReport: p(e),
+        isCompareModeOn: e.isCompareMode,
+        windowSize: t
+      })
+    );
+  }, u = (l, h) => {
+    l !== e.profitAndLossClassesViewReport?.uiState.accountViewMode && e.onUpdateAccountViewMode?.(l), h && e.onUpdateClassesToFilterOut?.(h);
+  }, i = p(e), m = o.current?.clientWidth ?? k.tickSkelectionContainerWidth.value(t), f = xe([
+    e.reportsResyncFetchState,
+    e.profitAndLossClassesViewReport
+  ]).fetchState === "In-Progress" && e.profitAndLossClassesViewReport.uiState.accountViewMode === "classes", a = n.fetchState === "In-Progress";
+  return /* @__PURE__ */ c.jsxs(
+    ht,
+    {
+      windowSize: t,
+      "data-testid": P("reports-page-content-container"),
+      children: [
+        /* @__PURE__ */ c.jsx(
+          Tt,
+          {
+            windowSize: t,
+            ref: o,
+            children: /* @__PURE__ */ c.jsx(
+              $e,
+              {
+                timeframe: {
+                  allowedTimeframes: r,
+                  selectedTimeframe: e.selectedTimeframe,
+                  onTimeframeSelectionChanged: (l) => {
+                    e.analytics?.trackTimeframeSwitch(
+                      I(l),
+                      L(e.selectedReport)
+                    ), e.onTimeframeSelectionChanged?.(
+                      l,
+                      !0
+                    );
+                  }
+                },
+                toggle: {
+                  label: C.getLocalizedStrings().compareSwitchLabel,
+                  isOn: e.isCompareMode,
+                  onValueChanged: (l) => {
+                    e.analytics?.trackCompareMode(
+                      l,
+                      L(e.selectedReport),
+                      I(e.selectedTimeframe)
+                    );
+                    const h = p(e).filter;
+                    e.onAdditionalBalanceSelectionChanged?.(
+                      l,
+                      h.additionalBalances,
+                      // the decision of compare mode to be decided from common state
+                      h.balancesRange.numberOfPeriods
+                    );
+                  }
+                }
+              }
+            )
+          }
+        ),
+        n.fetchState === "Not-Started" || n.fetchState === "In-Progress" ? /* @__PURE__ */ c.jsx(yt, { windowSize: t, children: /* @__PURE__ */ c.jsx(At, { children: /* @__PURE__ */ c.jsx(
+          Me,
+          {
+            width: m,
+            height: ae - w[2],
+            backgroundColor: s.colors.grey3,
+            style: { borderRadius: R.sp2 }
+          }
+        ) }) }) : /* @__PURE__ */ c.jsx(xt, { windowSize: t, children: /* @__PURE__ */ c.jsx(
+          je,
+          {
+            firstMonthOfFY: i.firstMonthOfFY,
+            timeframe: e.selectedTimeframe,
+            timeframeTicks: e.allTimeframeTicks,
+            selection: {
+              selectedTicks: Q(
+                e.allTimeframeTicks,
+                e.selectedCOABalancesRange
+              ),
+              highlightedOfSelectedTicks: Q(
+                e.allTimeframeTicks,
+                e.selectedCOABalancesRange
+              )
+            },
+            onClick: (l, h) => {
+              e.analytics?.trackDateRangeFilterChange(
+                L(e.selectedReport),
+                "range filter",
+                e.isCompareMode,
+                K(
+                  i.firstMonthOfFY,
+                  e.selectedTimeframe,
+                  h
+                )
+              ), e.onThisPeriodChanged?.(
+                h,
+                U({
+                  selectedReport: p(e),
+                  isCompareModeOn: e.isCompareMode,
+                  windowSize: t
+                })
+              );
+            },
+            onSelectionChanged: (l) => {
+              const h = pt(
+                e.allTimeframeTicks,
+                l.fromEnd
+              );
+              e.analytics?.trackDateRangeFilterChange(
+                L(e.selectedReport),
+                "range filter",
+                e.isCompareMode,
+                K(
+                  i.firstMonthOfFY,
+                  e.selectedTimeframe,
+                  h.thisPeriod
+                )
+              ), e.onCOABalancesRangeChanged?.(h);
+            }
+          }
+        ) }),
+        /* @__PURE__ */ c.jsx(Bt, { windowSize: t, children: /* @__PURE__ */ c.jsx(
+          ct,
+          {
+            reportIds: [
+              "profit_and_loss",
+              "balance_sheet",
+              "cash_flow",
+              "profit_and_loss_by_classes"
+            ],
+            selectedReport: e.selectedReport,
+            onReportSelectionChanged: (l) => {
+              e.analytics?.trackPageLoaded(
+                Rt(l)
+              ), l === "profit_and_loss" && e.profitAndLossClassesViewReport?.uiState.accountViewMode === "classes" ? e.onReportSelectionChanged?.("profit_and_loss_by_classes") : e.onReportSelectionChanged?.(l);
+            }
+          }
+        ) }),
+        n.fetchState === "Not-Started" || n.fetchState === "In-Progress" ? /* @__PURE__ */ c.jsx(
+          me,
+          {
+            style: { boxShadow: "none", backgroundColor: "inherit" },
+            isLoading: a
+          }
+        ) : /* @__PURE__ */ c.jsxs(c.Fragment, { children: [
+          /* @__PURE__ */ c.jsx(
+            fe,
+            {
+              report: p(e),
+              displayOrder: e.displayOrder,
+              reportFormat: e.reportFormat,
+              analytics: e.analytics,
+              onAdditionalBalanceSelectionChanged: d,
+              onAccountBalanceClick: e.onAccountBalanceClick,
+              onElementCollapseStateChanged: e.onElementCollapseStateChanged,
+              onTableScroll: e.onTableScroll,
+              isCompareModeOn: e.isCompareMode,
+              isZeniUser: e.isZeniUser,
+              isPageFetchInProgress: f
+            }
+          ),
+          ye(e.selectedReport) ? /* @__PURE__ */ c.jsx(ft, { windowSize: t, children: /* @__PURE__ */ c.jsx(
+            Ve,
+            {
+              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: u,
+              classesToBeFilteredOut: e.profitAndLossClassesViewReport?.classesToFilterOut,
+              onOpenAccountViewMode: e.onOpenAccountViewMode,
+              onResyncReports: e.onResyncReports,
+              isPageFetchInProgress: f,
+              lastRefreshSuccessTime: e.profitAndLossClassesViewReport?.status?.lastRefreshSuccessTime
+            }
+          ) }) : null
+        ] })
+      ]
+    }
+  );
+}
+const Q = (e, t) => {
+  if (t.orderBy !== "ascending_date")
+    throw new Error("Invalid ordering of dates!!");
+  let s = e.length - 1;
+  return t.thisPeriod != null && (s = e.findIndex(
+    (n) => n.startDate.isSame(t.thisPeriod.startDate, "date") && n.endDate.isSameOrBefore(t.thisPeriod.endDate)
+  )), { startIndex: Math.max(s + 1 - t.numberOfPeriods, 0), length: t.numberOfPeriods };
+}, pt = (e, t) => {
+  const s = e.length - 1 - t.offsetFromEnd;
+  return {
+    thisPeriod: e[s],
+    numberOfPeriods: t.length,
+    orderBy: "ascending_date"
+  };
+};
+function wt(e) {
+  let t = e.selectedCOABalancesRange.thisPeriod;
+  if (t == null) {
+    const d = e.displayOrder, u = e.profitAndLossReport.sections.expenses != null && e.profitAndLossReport.sections.expenses.balances.length > 0 ? e.profitAndLossReport.sections.expenses : e.profitAndLossReport.sections.income;
+    if (u != null && u.balances.length > 0) {
+      const i = d === "ascending_date" ? u.balances.length - 1 : 0;
+      t = u.balances[i];
+    }
+  }
+  const s = p(e).firstMonthOfFY, o = p(e).bookCloseDate, n = p(e).dataAvailable, r = p(e).filter.additionalBalances;
+  if (t != null)
+    return {
+      localeId: C.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: s,
+      bookCloseDate: o,
+      dataAvailable: n,
+      timeframe: e.selectedTimeframe,
+      additionalBalances: r,
+      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 L = (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";
+  }
+}, Rt = (e) => {
+  switch (e) {
+    case "profit_and_loss":
+    case "profit_and_loss_by_classes":
+      return x.profitAndLoss;
+    case "cash_flow":
+      return x.cashFlow;
+    case "balance_sheet":
+      return x.balanceSheet;
+    default:
+      return x.reports;
+  }
+}, fe = ee.memo(
+  Xe,
+  (e, t) => Ct(e, t, [
+    "report",
+    "analytics",
+    "isCompareModeOn",
+    "isZeniUser",
+    "isPageFetchInProgress"
+  ])
+);
+fe.displayName = "Reports table";
+const Ct = (e, t, s) => s.reduce(
+  (n, r) => n === !0 && X(e[`${r}`], t[`${r}`]),
+  !0
+), Tt = b.div`
+  padding-right: ${(e) => k.contentRightPadding.valuePx(e.windowSize)};
+`, xt = b.div`
+  margin-top: ${R.sp3};
+  padding-right: ${(e) => k.contentRightPadding.valuePx(e.windowSize)};
+`, yt = b.div`
+  margin-top: ${R.sp3};
+  padding-right: ${(e) => k.contentRightPadding.valuePx(e.windowSize)};
+`, At = b.div`
+  display: flex;
+  flex-direction: row;
+  justify-content: flex-start;
+  min-height: ${ae}px;
+  box-sizing: content-box;
+  width: 100%;
+  align-items: center;
+  justify-content: center;
+`, Bt = b.div`
+  margin-top: ${R.sp4};
+  padding-right: ${(e) => k.contentRightPadding.valuePx(e.windowSize)};
+`;
+export {
+  Ut as default
+};