@zeniai/web-components 3.16.86 → 3.16.87

package/dist/ReportsPage-DQQ8xGxt.js

@@ -1,1315 +0,0 @@
-import { u as G, k as X, j as c, b as be } from "./vendor-.pnpm-D5gxGIYo.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-CHni923I.js";
-import { t as I, a as K } from "./analyticsHelper-BgebveIM.js";
-import { R as Ve } from "./ReportTableViewSelector-Dl-b99Ev.js";
-import { a as ae, T as je } from "./TimeRangeSwitcher-BM4W9gUA.js";
-import { T as $e } from "./TimeframeSwitcherWithToggle-DGJah7Sb.js";
-import { DownloadOverlayButton as Ee } from "./DownloadOverlay-BZsj9dyx.js";
-import { b as oe, u as V, C as De } from "./CollapsableReportTable-glf9uKtI.js";
-import { f as ie, b as ce, c as le, m as E, a as We } from "./mapSectionWithAcOnlyToTreeNode-DCcHdc8O.js";
-import { m as Y } from "./mapTimeframeBalancesToTreeNode-DR6JWl15.js";
-import { m as ze, r as Ie } from "./mapTimeframeHeaderLoadingInProgressToTreeNode-DDsOX65U.js";
-import { m as Ue } from "./mapLoadingInProgressToTreeNode-hxnOz-9A.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
-};