@zeniai/web-components 3.16.67 → 3.16.68

package/dist/DashboardReportPage-kMZbFybU.js

@@ -1,2536 +0,0 @@
-import { j as s, A as Ke, u as X, a_ as Qe, S as et, c as ie, k as ee, b as tt, z as st } from "./vendor-.pnpm-DtFedGku.js";
-import * as B from "react";
-import te, { useState as G, useEffect as Y } from "react";
-import u from "@emotion/styled";
-import { Event as nt } from "@zeniai/client-analytics";
-import { toZeniUrl as ot, isNetBurnOrIncomeClassesViewSectionID as at, isNetBurnOrIncomeClassesViewCalculatedSectionID as it, isNetBurnOrIncomeReportViewSectionID as ct, isNetBurnOrIncomeReportViewCalculatedSectionID as rt, isRevenueClassesViewSectionID as lt, isRevenueClassesViewCalculatedSectionID as dt, isRevenueSectionID as mt, isRevenueCalculatedSectionID as ut, hasInvestorBankerLevelAccess as ht, reduceAllFetchState as pt } from "@zeniai/client-epic-state";
-import { u as O, eU as gt, S as d, G as ae, a as _, R, D as T, b as Oe, B as $e, C as I, V as ke, a1 as ft, o as bt, aq as xt, n as _t, aw as wt, ax as Ct, E as St, ag as yt, dz as Re, dI as vt, aE as Bt, A as Tt, eV as jt } from "./index-BKbfwHLi.js";
-import { t as Z, a as oe } from "./analyticsHelper-Be1_civr.js";
-import { d as Pt, R as Ot } from "./ReportTableViewSelector-CV2bq2OV.js";
-import { I as $t } from "./InsightsSection-BY6pwLXh.js";
-import { B as se, g as ue, m as we, a as kt, b as Rt } from "./detailCommon-DtU7MyrF.js";
-import { C as Nt, a as Lt, O as Ce, R as Se, N as ye } from "./RevenueChart-S2bcFFRI.js";
-import { N as It } from "./NoDataChart-DRzlJVq9.js";
-import { g as L } from "./getReferrerType-DjPOy76W.js";
-import { keyframes as Ne } from "@emotion/react";
-import { T as At } from "./TimeRangeSwitcher-BolUJBKL.js";
-import { T as Le } from "./TimeframeSwitcher-BybXnhIC.js";
-import { u as F, g as he, a as Dt, b as zt, C as Mt } from "./CollapsableReportTable-Becn9jzD.js";
-import { m as ne, a as Ie, b as Ae, c as De, d as Et, e as Ft, f as Wt } from "./mapSectionWithAcOnlyToTreeNode-CutzPoR9.js";
-import { N as Vt } from "./NoDataTable-DnJwSgR8.js";
-import { m as pe, r as ge } from "./mapTimeframeHeaderLoadingInProgressToTreeNode-DsvRQr5r.js";
-import { m as fe } from "./mapLoadingInProgressToTreeNode-qJbcRs7e.js";
-const Ht = (e) => /* @__PURE__ */ B.createElement("svg", { viewBox: "0 0 120 120", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e }, /* @__PURE__ */ B.createElement("path", { opacity: 0.2, d: "M105.021 115.208C105.021 116.479 104.516 117.698 103.617 118.596C102.718 119.495 101.5 120 100.229 120H28.3539C27.083 120 25.8643 119.495 24.9656 118.596C24.067 117.698 23.5622 116.479 23.5622 115.208V14.5832C23.5622 13.3123 24.067 12.0936 24.9656 11.195C25.8643 10.2963 27.083 9.7915 28.3539 9.7915H71.4789L105.021 43.3332V115.208Z", fill: "#97C3B9" }), /* @__PURE__ */ B.createElement("path", { opacity: 0.2, d: "M71.4785 9.7915V38.5415C71.4785 39.8123 71.9834 41.0311 72.882 41.9297C73.7806 42.8283 74.9994 43.3332 76.2702 43.3332H105.02", fill: "#97C3B9" }), /* @__PURE__ */ B.createElement("path", { d: "M33.6636 70.0449H37.2636", stroke: "#EEBA7D", strokeWidth: 1.00757, strokeLinecap: "round", strokeLinejoin: "round" }), /* @__PURE__ */ B.createElement("path", { d: "M33.6635 81.2539H37.2635", stroke: "#EEBA7D", strokeWidth: 1.00757, strokeLinecap: "round", strokeLinejoin: "round" }), /* @__PURE__ */ B.createElement("path", { d: "M33.6635 92.4626H37.2635", stroke: "#EEBA7D", strokeWidth: 1.00757, strokeLinecap: "round", strokeLinejoin: "round" }), /* @__PURE__ */ B.createElement("path", { d: "M33.6635 103.671H37.2635", stroke: "#EEBA7D", strokeWidth: 1.00757, strokeLinecap: "round", strokeLinejoin: "round" }), /* @__PURE__ */ B.createElement("path", { d: "M47.0987 70.0449L80.6987 70.0449", stroke: "#EEBA7D", strokeWidth: 1.00757, strokeLinecap: "round", strokeLinejoin: "round" }), /* @__PURE__ */ B.createElement("path", { d: "M47.0987 81.2539L80.6987 81.2539", stroke: "#EEBA7D", strokeWidth: 1.00757, strokeLinecap: "round", strokeLinejoin: "round" }), /* @__PURE__ */ B.createElement("path", { d: "M47.0987 92.4626L80.6987 92.4626", stroke: "#EEBA7D", strokeWidth: 1.00757, strokeLinecap: "round", strokeLinejoin: "round" }), /* @__PURE__ */ B.createElement("path", { d: "M47.6084 103.671L81.2084 103.671", stroke: "#EEBA7D", strokeWidth: 1.00757, strokeLinecap: "round", strokeLinejoin: "round" }), /* @__PURE__ */ B.createElement("path", { d: "M100.729 110.313C100.729 111.583 100.224 112.802 99.3258 113.701C98.4272 114.6 97.2084 115.104 95.9375 115.104H24.0625C22.7917 115.104 21.5729 114.6 20.6743 113.701C19.7757 112.802 19.2709 111.583 19.2709 110.313V9.68766C19.2709 8.41683 19.7757 7.19805 20.6743 6.29944C21.5729 5.40083 22.7917 4.896 24.0625 4.896H67.1875L100.729 38.4377V110.313Z", stroke: "#97C3B9", strokeWidth: 1.00757, strokeLinecap: "round", strokeLinejoin: "round" }), /* @__PURE__ */ B.createElement("path", { d: "M67.1872 4.896V33.646C67.1872 34.9168 67.692 36.1356 68.5906 37.0342C69.4893 37.9328 70.708 38.4377 71.9789 38.4377H100.729", stroke: "#97C3B9", strokeWidth: 1.00757, strokeLinecap: "round", strokeLinejoin: "round" }), /* @__PURE__ */ B.createElement("path", { d: "M43.4564 21.9438V17.5398", stroke: "#95C1B7", strokeWidth: 1.00757, strokeMiterlimit: 10, strokeLinecap: "round" }), /* @__PURE__ */ B.createElement("path", { d: "M43.4564 54.3497V50.1257", stroke: "#95C1B7", strokeWidth: 1.00757, strokeMiterlimit: 10, strokeLinecap: "round" }), /* @__PURE__ */ B.createElement("path", { d: "M33.6635 40.7779C33.6635 42.8599 34.1555 45.0139 35.3975 46.7239C36.7415 48.5719 38.8595 49.5619 41.0735 49.9339C43.1375 50.2819 45.2855 50.1499 47.3135 49.6759C51.5135 48.6979 54.5675 44.3959 52.6955 40.1179C51.5795 37.5619 48.8855 36.4219 46.2635 36.1699C44.3675 35.9899 42.4294 35.9779 40.5334 35.7079C38.9374 35.4799 37.3475 34.9459 36.1895 33.7819C35.0315 32.6179 34.3895 30.8599 34.4495 29.1619C34.5335 26.6359 35.9915 24.4999 38.2415 23.3959C40.5995 22.2379 43.4675 22.1839 46.0115 22.6219C47.6855 22.9099 49.3294 23.6119 50.4994 24.8419C51.9694 26.3899 52.4555 28.5019 52.5275 30.5719", stroke: "#95C1B7", strokeWidth: 1.00757, strokeMiterlimit: 10, strokeLinecap: "round" })), Ut = u.div`
-  justify-content: center;
-  align-items: center;
-  display: flex;
-  flex-direction: column;
-  height: ${(e) => `calc(100vh - ${gt.valuePx(e.windowSize)})`};
-  gap: ${d.sp6};
-  color: ${(e) => e.theme.colors.grey2};
-`, Gt = u.div`
-  width: ${d.sp12};
-  height: ${d.sp12};
-  flex-shrink: 0;
-`, Yt = u(ae)`
-  color: ${(e) => e.theme.colors.hero};
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  flex-direction: column;
-  margin-top: ${d.sp3};
-`, Zt = ({
-  style: e,
-  emptyContentText: t,
-  EmptyContentImage: n
-}) => {
-  const a = O();
-  return /* @__PURE__ */ s.jsxs(Ut, { windowSize: a, style: { ...e }, children: [
-    /* @__PURE__ */ s.jsx(Gt, { children: /* @__PURE__ */ s.jsx(n, {}) }),
-    /* @__PURE__ */ s.jsx(Yt, { children: t })
-  ] });
-};
-function qt(e) {
-  const { reportId: t } = e.report, n = e.filter.balancesRange.orderBy;
-  let a, i, r = 0;
-  switch (t) {
-    case "cash_in_cash_out": {
-      const m = e.report, { cashIn: o, cashOut: l } = m, c = o.balances.length > 0 ? o : l;
-      c.balances.length > 0 && (n === "ascending_date" && (r = c.balances.length - 1), a = c.balances[r]);
-      break;
-    }
-    case "cash_position": {
-      const m = e.report, { cashPosition: o } = m;
-      o.balances.length > 0 && (n === "ascending_date" && (r = o.balances.length - 1), a = o.balances[r]);
-      break;
-    }
-    case "net_burn_or_income": {
-      const m = e.report, { expenses: o, income: l } = m.sections, c = o?.balances.length > 0 ? o : l;
-      c?.balances != null && c.balances.length > 0 && (n === "ascending_date" && (r = c.balances.length - 1), a = c.balances[r]);
-      break;
-    }
-    case "net_burn_or_income_by_classes": {
-      const m = e.report, { expenses: o, income: l, cogs: c } = m.sections, g = l.balances.length > 0 ? l : c, h = o.balances.length > 0 ? o : g;
-      h.balances.length > 0 && (n === "ascending_date" && (r = h.balances.length - 1), a = h.balances[r]);
-      break;
-    }
-    case "operating_expenses": {
-      const m = e.report, { expenses: o } = m.sections;
-      o.balances.length > 0 && (n === "ascending_date" && (r = o.balances.length - 1), a = o.balances[r]);
-      break;
-    }
-    case "operating_expenses_by_classes": {
-      const m = e.report, { expenses: o } = m.sections;
-      o.balances.length > 0 && (n === "ascending_date" && (r = o.balances.length - 1), a = o.balances[r]);
-      break;
-    }
-    case "revenue": {
-      const m = e.report, { income: o, cogs: l } = m.sections, c = o.balances.length > 0 ? o : l;
-      c?.balances != null && c.balances.length > 0 && (n === "ascending_date" && (r = c.balances.length - 1), a = c.balances[r]);
-      break;
-    }
-    case "revenue_by_classes": {
-      const m = e.report, { income: o, cogs: l } = m.sections, c = o.balances.length > 0 ? o : l;
-      c.balances.length > 0 && (n === "ascending_date" && (r = c.balances.length - 1), a = c.balances[r]);
-      break;
-    }
-  }
-  return a != null && (i = {
-    startDate: a.startDate,
-    endDate: a.endDate
-  }), i;
-}
-function Xt(e) {
-  const {
-    isCompareModeOn: t,
-    filter: n,
-    coaBalancesRange: a,
-    report: i,
-    currentTenantCompanyName: r,
-    reportView: m,
-    classesToFilterOut: o
-  } = e, { reportId: l } = i;
-  let c = n.balancesRange.thisPeriod;
-  c == null && (c = qt({ report: i, filter: n }));
-  const g = [];
-  if (t ? (g.push("this_period_vs_last_period_percent"), g.push("this_period_vs_last_period")) : !t && l !== "cash_position" && g.push("free_range_total"), i.reportId !== "cash_position" && g.push("year_to_date_total"), c != null)
-    return {
-      localeId: _.getAppLocaleID(),
-      showNegativeAmountInParenthesis: !0,
-      filterAccountsWithNilBalances: "filter_actual_nil_balances",
-      filterAccountGroupsWithNilBalances: "filter_actual_forecast_empty_account_group_balances",
-      includeCoverPage: !1,
-      companyName: r,
-      statementFileType: "excel",
-      statements: [l],
-      firstMonthOfFY: e.report.firstMonthOfFY,
-      bookCloseDate: e.report.bookCloseDate,
-      timeframe: n.timeframe,
-      additionalBalances: g,
-      format: e.reportType,
-      balancesFilter: {
-        thisPeriod: c,
-        numberOfPeriods: t ? n.balancesRange.numberOfPeriods : a.numberOfPeriods,
-        orderBy: a.orderBy
-      },
-      accountViewMode: m,
-      classesToFilterOut: o,
-      isZeniCOAUsed: e.isZeniCOAUsed
-    };
-}
-function Jt(e) {
-  const t = Xt(e);
-  if (t != null)
-    return Pt(
-      e.statementEndPoint,
-      e.authParams,
-      t
-    );
-}
-const Kt = u.div`
-  padding: ${d.sp4} ${d.sp0} ${d.sp5} ${d.sp0};
-`;
-function Qt({
-  highlightedRangeReport: e
-}) {
-  const { availableNumberOfPeriods: t, netCashFlow: n } = e, a = n.balances;
-  if (t == null || t === 0 || a.length === 0)
-    return null;
-  const r = a.reduce(
-    (c, g) => c + g.balance.amount,
-    0
-  ), m = a[a.length - 1], o = {
-    ...m,
-    balance: { ...m.balance, amount: r }
-  }, l = _.getLocalizedStrings().chartCard.cashInCashOut.net_cash_flow;
-  return /* @__PURE__ */ s.jsx(Kt, { children: /* @__PURE__ */ s.jsx(
-    se,
-    {
-      balance: o,
-      dateText: l,
-      showInfotip: !1
-    }
-  ) });
-}
-const es = u.div`
-  padding: ${d.sp4} ${d.sp0} ${d.sp5} ${d.sp0};
-`;
-function ts({
-  highlightedRangeReport: e
-}) {
-  const {
-    dateFormat: { visual: t }
-  } = _.getLocalizedStrings(), { availableNumberOfPeriods: n, cashPosition: a } = e, i = a.balances;
-  if (n == null || n === 0 || i.length === 0)
-    return null;
-  const m = i[i.length - 1], o = `in ${m.endDate.format(t.MMMYYFormat)}`;
-  return /* @__PURE__ */ s.jsx(es, { children: /* @__PURE__ */ s.jsx(
-    se,
-    {
-      balance: m,
-      dateText: o,
-      showInfotip: !1
-    }
-  ) });
-}
-const ss = u.div`
-  padding: ${d.sp4} ${d.sp0} ${d.sp5} ${d.sp0};
-`, ns = u.div`
-  padding: ${d.sp4} ${d.sp0} ${d.sp5} ${d.sp0};
-  height: ${d.sp6};
-`;
-function os({
-  highlightedRangeReport: e,
-  uiState: t
-}) {
-  const { selectedAdditionalBalances: n } = t, { availableNumberOfPeriods: a, calculatedSections: i } = e, r = i.netBurnOrIncome.balances;
-  if (a == null || a === 0 || r.length === 0)
-    return /* @__PURE__ */ s.jsx(ns, {});
-  const o = n.includes("this_period_vs_last_period") || n.includes("this_period_vs_last_period_percent"), l = r.reduce(
-    (f, b) => f + b.balance.amount,
-    0
-  ), c = r[r.length - 1], g = r[0], h = {
-    ...c,
-    balance: { ...c.balance, amount: l },
-    startDate: g.startDate
-  }, p = ue(h, o);
-  return /* @__PURE__ */ s.jsx(ss, { children: /* @__PURE__ */ s.jsx(
-    se,
-    {
-      balance: h,
-      dateText: p,
-      showInfotip: !1
-    }
-  ) });
-}
-const as = u.div`
-  padding: ${d.sp4} ${d.sp0} ${d.sp5} ${d.sp0};
-`, is = u.div`
-  padding: ${d.sp4} ${d.sp0} ${d.sp5} ${d.sp0};
-  height: ${d.sp6};
-`;
-function cs({
-  highlightedRangeReport: e,
-  uiState: t
-}) {
-  const { availableNumberOfPeriods: n } = e, { selectedAdditionalBalances: a } = t, i = e.sections.expenses.balances ?? [];
-  if (n == null || n === 0 || i.length === 0)
-    return /* @__PURE__ */ s.jsx(is, {});
-  const m = a.includes("this_period_vs_last_period") || a.includes("this_period_vs_last_period_percent"), o = i.reduce(
-    (p, f) => p + f.balance.amount,
-    0
-  ), l = i[i.length - 1], c = i[0], g = {
-    ...l,
-    balance: { ...l.balance, amount: o },
-    startDate: c.startDate
-  }, h = ue(g, m);
-  return /* @__PURE__ */ s.jsx(as, { children: /* @__PURE__ */ s.jsx(
-    se,
-    {
-      balance: g,
-      dateText: h,
-      showInfotip: !1
-    }
-  ) });
-}
-const rs = u.div`
-  padding: ${d.sp4} ${d.sp0} ${d.sp5} ${d.sp0};
-`, ls = u.div`
-  padding: ${d.sp4} ${d.sp0} ${d.sp5} ${d.sp0};
-  height: ${d.sp6};
-`;
-function ds({
-  highlightedRangeReport: e,
-  uiState: t
-}) {
-  const { availableNumberOfPeriods: n, sections: a } = e, { selectedAdditionalBalances: i } = t, r = a.income.balances;
-  if (n == null || n === 0 || r.length === 0)
-    return /* @__PURE__ */ s.jsx(ls, {});
-  const o = i.includes("this_period_vs_last_period") || i.includes("this_period_vs_last_period_percent"), l = r.reduce(
-    (f, b) => f + b.balance.amount,
-    0
-  ), c = r[r.length - 1], g = r[0], h = {
-    ...c,
-    balance: { ...c.balance, amount: l },
-    startDate: g.startDate
-  }, p = ue(h, o);
-  return /* @__PURE__ */ s.jsx(rs, { children: /* @__PURE__ */ s.jsx(
-    se,
-    {
-      balance: h,
-      dateText: p,
-      showInfotip: !1
-    }
-  ) });
-}
-const ms = ({
-  highlightedRangeReport: e,
-  uiState: t
-}) => {
-  switch (e.reportId) {
-    case "net_burn_or_income":
-      return /* @__PURE__ */ s.jsx(
-        os,
-        {
-          highlightedRangeReport: e,
-          uiState: t
-        }
-      );
-    case "revenue":
-      return /* @__PURE__ */ s.jsx(
-        ds,
-        {
-          highlightedRangeReport: e,
-          uiState: t
-        }
-      );
-    case "operating_expenses":
-      return /* @__PURE__ */ s.jsx(
-        cs,
-        {
-          highlightedRangeReport: e,
-          uiState: t
-        }
-      );
-    case "cash_position":
-      return /* @__PURE__ */ s.jsx(
-        ts,
-        {
-          highlightedRangeReport: e
-        }
-      );
-    case "cash_in_cash_out":
-      return /* @__PURE__ */ s.jsx(
-        Qt,
-        {
-          highlightedRangeReport: e
-        }
-      );
-    default:
-      return null;
-  }
-}, Q = {
-  wrapperPadding: new R(T[3], T[3], T[8]),
-  chartHeight: new R(288, 360)
-}, us = u.div`
-  display: flex;
-  flex: 1 1 auto;
-  flex-direction: column;
-  height: ${(e) => Q.chartHeight.valuePx(e.windowSize)};
-`, hs = u.div`
-  display: flex;
-`, ps = (e) => {
-  const t = O(), {
-    selectedRangeReport: n,
-    selectedClassesViewRangeReport: a,
-    uiState: i,
-    onCOABalancesRangeChanged: r
-  } = e, m = n.availableNumberOfPeriods == null || n.availableNumberOfPeriods === 0, {
-    selectedCOABalancesRange: o,
-    selectedAdditionalBalances: l,
-    highlightedCOABalancesRange: c,
-    timeframe: g
-  } = i, h = a !== void 0 && a.uiState.accountViewMode === "classes" ? a : n;
-  return m ? /* @__PURE__ */ s.jsx(hs, { children: /* @__PURE__ */ s.jsx(
-    It,
-    {
-      title: _.getLocalizedStrings().chartCard.no_data_available
-    }
-  ) }) : /* @__PURE__ */ s.jsx(us, { windowSize: t, children: /* @__PURE__ */ s.jsx(Ke, { children: ({ height: p, width: f }) => {
-    const b = {
-      showBarHoverBackground: !0,
-      onCOABalancesRangeChanged: (C, w, x) => {
-        gs(
-          n.firstMonthOfFY,
-          l,
-          n.reportId,
-          w,
-          C,
-          e.analytics
-        ), r(
-          o,
-          x
-        );
-      },
-      highlightedRange: c,
-      isDetailPage: !0,
-      timeframe: g,
-      width: f,
-      height: p
-    };
-    switch (h.reportId) {
-      case "net_burn_or_income":
-        return /* @__PURE__ */ s.jsx(
-          ye,
-          {
-            selectedRangeReport: n,
-            ...b,
-            mode: e.uiState.mode
-          }
-        );
-      case "net_burn_or_income_by_classes":
-        return /* @__PURE__ */ s.jsx(
-          ye,
-          {
-            selectedRangeReport: a,
-            ...b,
-            mode: e.uiState.mode
-          }
-        );
-      case "revenue":
-        return /* @__PURE__ */ s.jsx(
-          Se,
-          {
-            selectedRangeReport: n,
-            ...b,
-            mode: e.uiState.mode
-          }
-        );
-      case "revenue_by_classes":
-        return /* @__PURE__ */ s.jsx(
-          Se,
-          {
-            selectedRangeReport: a,
-            ...b,
-            mode: e.uiState.mode
-          }
-        );
-      case "operating_expenses":
-        return /* @__PURE__ */ s.jsx(
-          Ce,
-          {
-            selectedRangeReport: n,
-            ...b,
-            mode: e.uiState.mode
-          }
-        );
-      case "operating_expenses_by_classes":
-        return /* @__PURE__ */ s.jsx(
-          Ce,
-          {
-            selectedRangeReport: a,
-            ...b,
-            mode: e.uiState.mode
-          }
-        );
-      case "cash_position":
-        return /* @__PURE__ */ s.jsx(
-          Lt,
-          {
-            selectedRangeReport: n,
-            ...b
-          }
-        );
-      case "cash_in_cash_out":
-        return /* @__PURE__ */ s.jsx(
-          Nt,
-          {
-            selectedRangeReport: n,
-            ...b
-          }
-        );
-      default:
-        return null;
-    }
-  } }) });
-}, gs = (e, t, n, a, i, r) => {
-  const m = t.includes("this_period_vs_last_period") || t.includes("this_period_vs_last_period_percent");
-  m === !0 && r?.trackCompareFilterTimeFrame(
-    L(n),
-    Z(a),
-    "bar",
-    oe(e, a, i)
-  ), r?.trackDateRangeFilterChange(
-    L(n),
-    "bar",
-    m,
-    void 0,
-    oe(e, a, i)
-  );
-}, ze = {
-  net_burn_or_income: {
-    light: "https://storage.cloud.google.com/zeni-apis.appspot.com/images/icons/netburn-forecast.png",
-    dark: "https://storage.cloud.google.com/zeni-apis.appspot.com/images/icons/netburn-forecast-dark.png"
-  },
-  revenue: {
-    light: "https://storage.cloud.google.com/zeni-apis.appspot.com/images/icons/revenue-forecast.png",
-    dark: "https://storage.cloud.google.com/zeni-apis.appspot.com/images/icons/revenue-forecast-dark.png"
-  },
-  operating_expenses: {
-    light: "https://storage.googleapis.com/zeni-apis.appspot.com/images/icons/opex-forecast.png",
-    dark: "https://storage.googleapis.com/zeni-apis.appspot.com/images/icons/opex-forecast-dark.png"
-  }
-}, Me = Ne`
-  0% {
-    transform: translateY(100%)
-  }
-  100% {
-    transform: translateY(0)
-  }
-`, fs = Ne`
-  0% {
-    opacity: 0
-  }
-  90% {
-    opacity: 0
-  }
-  100% {
-    opacity: 1
-  }
-`, bs = u.div`
-  position: fixed;
-  top: 0;
-  left: 0;
-  width: 100%;
-  z-index: 10;
-  height: 100%;
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  background: ${I.overlayDark};
-`, xs = u.div`
-  position: fixed;
-  top: 0;
-  left: 0;
-  width: 100%;
-  z-index: 10;
-  height: 100%;
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  overflow: auto;
-  background: ${I.blackColor}E6;
-`, Ee = u.div`
-  padding: ${(e) => e.windowSize === "small" || e.windowSize === "medium-compact" ? d.sp0 : `${d.sp0} ${d.sp8}`};
-  margin-top: ${(e) => e.windowSize === "small" || e.windowSize === "medium-compact" ? d.sp0 : d.sp7};
-  width: ${(e) => e.windowSize === "small" || e.windowSize === "medium-compact" ? "100%" : "620px"};
-  height: 544px;
-  text-align: center;
-`, Fe = u.div`
-  display: flex;
-  justify-content: flex-end;
-  width: 100%;
-  padding: ${d.sp3} ${d.sp4};
-`, We = u.div`
-  color: ${(e) => e.theme.colors.hero};
-  width: ${d.sp3};
-  height: ${d.sp3};
-  cursor: pointer;
-  line-height: ${d.sp0};
-  &:hover {
-    color: ${(e) => e.theme.colors.primary};
-  }
-  animation: ${fs} 0.4s;
-`, _s = u.div`
-  display: flex;
-  flex-direction: column;
-  justify-content: space-between;
-  flex-wrap: wrap;
-  align-items: center;
-  text-align: center;
-  height: 640px;
-  width: 700px;
-  background: ${(e) => e.theme.colors.grey5};
-  border-radius: ${d.sp2};
-  animation: ${Me} 0.4s;
-  position: relative;
-`, ws = u.div`
-  display: flex;
-  flex-direction: column;
-  justify-content: space-between;
-  flex-wrap: wrap;
-  align-items: center;
-  text-align: center;
-  height: 640px;
-  width: 100%;
-  animation: ${Me} 0.4s;
-  position: relative;
-`, Cs = u.div`
-  position: absolute;
-  left: 0;
-  margin-top: 130px;
-`, Ss = u.div`
-  position: absolute;
-  left: 0;
-  margin-top: 500px;
-`, ys = u.div`
-  position: absolute;
-  right: 30px;
-  margin-top: 200px;
-`, vs = u.div`
-  width: 140px;
-  transform: rotate(-22.31deg);
-`, Bs = u.div`
-  position: absolute;
-  width: 130px;
-  height: ${d.sp0};
-  margin-top: ${d.sp2};
-  border: none;
-  border-top: 3px dotted ${(e) => e.theme.colors.grey3};
-  float: left;
-`, Ts = u.div`
-  width: 0;
-  height: 0;
-  border-top: 10px solid transparent;
-  border-bottom: 10px solid transparent;
-  border-left: ${d.sp3} solid ${(e) => e.theme.colors.grey3};
-  float: right;
-`, js = u(ke)`
-  max-width: 496px;
-  margin-top: ${d.sp7};
-  margin: auto;
-  color: ${(e) => e.theme.colors.primary};
-`, Ps = u(ke)`
-  max-width: 330px;
-  margin: auto;
-  color: ${I.primaryDark};
-`, Ve = u.div``, He = u(ae)`
-  margin: ${d.sp3} auto;
-  max-width: ${(e) => e.windowSize === "small" || e.windowSize === "medium-compact" ? "330px" : "422px"};
-  color: ${(e) => e.windowSize === "small" || e.windowSize === "medium-compact" ? I.heroDark : e.theme.colors.hero};
-`, Os = u.div`
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: center;
-  margin-top: 22px;
-  margin-bottom: ${(e) => e.windowSize === "small" || e.windowSize === "medium-compact" ? d.sp3 : d.sp4};
-`, $s = u.ul`
-  display: flex;
-  flex-direction: column;
-  text-align: left;
-  width: ${(e) => e.windowSize === "small" || e.windowSize === "medium-compact" ? "350px" : "620px"};
-  color: ${(e) => e.windowSize === "small" || e.windowSize === "medium-compact" ? I.heroDark : e.theme.colors.hero};
-  margin-top: 22px;
-  list-style-position: outside;
-  padding-left: ${d.sp3};
-`, ce = u(bt)``, re = u(ft)``, le = u.li``, ks = u.div`
-  overflow: hidden;
-  max-width: 712px;
-  display: flex;
-`, Rs = u.div`
-  margin-bottom: ${(e) => e.windowSize === "small" || e.windowSize === "medium-compact" ? d.sp4 : d.sp0};
-  background: ${(e) => e.theme.colors.grey3};
-  border-radius: 12px;
-  border: ${(e) => `1px solid ${e.theme.colors.grey5}`};
-  padding: ${d.sp2};
-`, de = () => /* @__PURE__ */ s.jsxs(vs, { children: [
-  /* @__PURE__ */ s.jsx(Bs, {}),
-  /* @__PURE__ */ s.jsx(Ts, {})
-] }), Ue = ({ imgSrc: e }) => {
-  const t = O();
-  return /* @__PURE__ */ s.jsxs(Os, { windowSize: t, children: [
-    /* @__PURE__ */ s.jsx(ks, { windowSize: t, children: /* @__PURE__ */ s.jsx(Rs, { windowSize: t, children: /* @__PURE__ */ s.jsx(
-      "img",
-      {
-        src: e,
-        alt: "forecast-promo",
-        style: {
-          width: "343px",
-          height: "220px",
-          borderRadius: d.sp2,
-          display: "block"
-        }
-      }
-    ) }) }),
-    /* @__PURE__ */ s.jsxs($s, { windowSize: t, children: [
-      /* @__PURE__ */ s.jsxs(le, { children: [
-        /* @__PURE__ */ s.jsx(re, { children: _.getLocalizedStrings().forecastPromoPage.accuratelyText.bold }),
-        /* @__PURE__ */ s.jsx(ce, { children: _.getLocalizedStrings().forecastPromoPage.accuratelyText.regular })
-      ] }),
-      /* @__PURE__ */ s.jsxs(le, { children: [
-        /* @__PURE__ */ s.jsx(re, { children: _.getLocalizedStrings().forecastPromoPage.trackText.bold }),
-        /* @__PURE__ */ s.jsx(ce, { children: _.getLocalizedStrings().forecastPromoPage.trackText.regular })
-      ] }),
-      /* @__PURE__ */ s.jsxs(le, { children: [
-        /* @__PURE__ */ s.jsx(re, { children: _.getLocalizedStrings().forecastPromoPage.preciseText.bold }),
-        /* @__PURE__ */ s.jsx(ce, { children: _.getLocalizedStrings().forecastPromoPage.preciseText.regular })
-      ] })
-    ] })
-  ] });
-}, Ns = (e) => {
-  const { onClose: t, reportId: n, meetingUrl: a } = e, i = O(), r = X(), m = (c) => {
-    c.stopPropagation(), t();
-  }, o = () => {
-    window.open(a.toString(), "_blank");
-  }, l = ze[n][r.mode];
-  return /* @__PURE__ */ s.jsxs(
-    xs,
-    {
-      role: "presentation",
-      onClick: (c) => m(c),
-      children: [
-        /* @__PURE__ */ s.jsx(Fe, { children: /* @__PURE__ */ s.jsx(We, { children: /* @__PURE__ */ s.jsx(
-          Oe,
-          {
-            style: {
-              width: "18px",
-              height: "18px"
-            }
-          }
-        ) }) }),
-        /* @__PURE__ */ s.jsx(
-          ws,
-          {
-            onClick: (c) => c.stopPropagation(),
-            children: /* @__PURE__ */ s.jsxs(Ee, { windowSize: i, children: [
-              /* @__PURE__ */ s.jsx(Ps, { children: _.getLocalizedStrings().forecastPromoPage.promoText }),
-              /* @__PURE__ */ s.jsx(Ue, { imgSrc: l }),
-              /* @__PURE__ */ s.jsxs(Ve, { children: [
-                /* @__PURE__ */ s.jsx(
-                  $e,
-                  {
-                    variant: "primary",
-                    label: _.getLocalizedStrings().forecastPromoPage.meetingButton,
-                    onClick: o,
-                    style: {
-                      backgroundColor: I.primaryDark,
-                      borderColor: I.primaryDark,
-                      color: I.neutralGrey5Dark
-                    }
-                  }
-                ),
-                /* @__PURE__ */ s.jsx(He, { windowSize: i, children: _.getLocalizedStrings().forecastPromoPage.forecastUpload })
-              ] })
-            ] })
-          }
-        )
-      ]
-    }
-  );
-}, Ls = (e) => {
-  const { onClose: t, reportId: n, meetingUrl: a } = e, i = O(), r = X(), m = (c) => {
-    c.stopPropagation(), t();
-  }, o = () => {
-    window.open(a.toString(), "_blank");
-  }, l = ze[n][r.mode];
-  return /* @__PURE__ */ s.jsxs(
-    bs,
-    {
-      role: "presentation",
-      onClick: (c) => m(c),
-      children: [
-        /* @__PURE__ */ s.jsx(Fe, { children: /* @__PURE__ */ s.jsx(We, { children: /* @__PURE__ */ s.jsx(
-          Oe,
-          {
-            style: {
-              width: "18px",
-              height: "18px"
-            }
-          }
-        ) }) }),
-        /* @__PURE__ */ s.jsxs(
-          _s,
-          {
-            onClick: (c) => c.stopPropagation(),
-            children: [
-              /* @__PURE__ */ s.jsxs(Ee, { windowSize: i, children: [
-                /* @__PURE__ */ s.jsx(js, { children: _.getLocalizedStrings().forecastPromoPage.promoText }),
-                /* @__PURE__ */ s.jsx(Ue, { imgSrc: l }),
-                /* @__PURE__ */ s.jsxs(Ve, { children: [
-                  /* @__PURE__ */ s.jsx(
-                    $e,
-                    {
-                      variant: "primary",
-                      label: _.getLocalizedStrings().forecastPromoPage.meetingButton,
-                      onClick: o
-                    }
-                  ),
-                  /* @__PURE__ */ s.jsx(He, { windowSize: i, children: _.getLocalizedStrings().forecastPromoPage.forecastUpload })
-                ] })
-              ] }),
-              /* @__PURE__ */ s.jsx(Cs, { children: /* @__PURE__ */ s.jsx(de, {}) }),
-              /* @__PURE__ */ s.jsx(Ss, { children: /* @__PURE__ */ s.jsx(de, {}) }),
-              /* @__PURE__ */ s.jsx(ys, { children: /* @__PURE__ */ s.jsx(de, {}) })
-            ]
-          }
-        )
-      ]
-    }
-  );
-};
-function Is(e) {
-  const t = O();
-  return t === "small" || t === "medium-compact" ? /* @__PURE__ */ s.jsx(Ns, { ...e }) : /* @__PURE__ */ s.jsx(Ls, { ...e });
-}
-const me = "ZeniSwitch", D = {
-  root: `${me}-root`,
-  switchBase: `${me}-switchBase`,
-  track: `${me}-track`
-}, As = ({ className: e, ...t }) => /* @__PURE__ */ s.jsx(Qe, { ...t, className: e, classes: { ...D } }), Ds = u(As)(({ theme: e }) => ({
-  [`& .${D.switchBase}`]: {
-    color: e.colors.grey2
-  },
-  [`& .${D.track}`]: {
-    backgroundColor: e.colors.grey3,
-    opacity: 1
-  },
-  [`& .${D.switchBase}.Mui-checked`]: {
-    color: e.colors.primary
-  },
-  [`& .${D.switchBase}.Mui-checked + .${D.track}`]: {
-    backgroundColor: e.colors.grey1
-  },
-  [`& .${D.switchBase}.Mui-disabled`]: {
-    color: e.colors.grey4
-  },
-  [`& .${D.switchBase}.Mui-disabled + .${D.track}`]: {
-    opacity: 0.5,
-    backgroundColor: e.colors.background
-  }
-})), Ge = (e) => /* @__PURE__ */ s.jsx(Ds, { ...e }), q = {
-  containerMaxWidth: new R(124, 154),
-  // +34
-  forecastNameInnerWidth: new R(75, 105),
-  // -15
-  forecastNameOuterWidth: new R(90, 120),
-  tooltipTopPosition: new R(51, 51),
-  tooltipWidth: new R(180, 150)
-}, ve = u.div``, zs = u.div`
-  min-width: ${(e) => q.forecastNameInnerWidth.valuePx(e.windowSize)};
-  &:hover {
-    .info-tooltip {
-      display: flex;
-      flex-direction: row;
-      justify-content: center;
-      align-items: center;
-    }
-  }
-`, Ms = u.div`
-  display: flex;
-  flex-direction: column;
-  width: 315px;
-  white-space: normal;
-`, Es = u(Ct)`
-  display: flex;
-  justify-content: space-between;
-  color: ${(e) => e.isValid === !0 ? e.theme.colors.primary : e.theme.colors.grey1};
-  margin-bottom: ${d.sp1};
-  align-items: center;
-`, Fs = u(ae)`
-  display: flex;
-  color: ${(e) => e.isValid === !0 ? e.theme.colors.primary : e.theme.colors.grey1};
-  margin-bottom: ${d.sp1};
-`, Ws = u.div``, Vs = u.div``, Hs = u(St)`
-  display: flex;
-  color: ${I.alert};
-`, Us = u(yt)`
-  color: ${I.alert};
-  width: ${d.sp4};
-  height: ${d.sp4};
-  margin-right: ${d.sp1};
-`, Gs = u.span`
-  overflow: hidden;
-  white-space: nowrap;
-  text-overflow: ellipsis;
-  max-width: ${(e) => q.forecastNameOuterWidth.valuePx(e.windowSize)};
-  text-align: right;
-`, Ys = u.div`
-  display: flex;
-  flex-direction: row;
-  align-items: center;
-  justify-content: end;
-`, Zs = u.div`
-  background-color: ${(e) => e.isValid === !0 ? e.theme.colors.primary : e.theme.colors.grey1};
-  border-radius: 3px;
-  border-width: 1px;
-  border-style: solid;
-  width: 3px;
-  height: 3px;
-  align-self: center;
-  margin-left: ${d.sp2};
-  margin-right: ${d.sp2};
-`, qs = u.div``, Xs = u.div`
-  display: none;
-  background-color: ${(e) => e.theme.colors.primary};
-  position: absolute;
-  padding: 2px 5px;
-  border: 1px solid ${(e) => e.theme.colors.primary};
-  border-radius: ${d.sp1};
-  z-index: 1;
-  width: ${(e) => q.tooltipWidth.valuePx(e.windowSize)};
-  top: ${(e) => q.tooltipTopPosition.valuePx(e.windowSize)};
-`, Js = u(xt)`
-  color: ${(e) => e.theme.colors.grey5};
-`;
-function Ks({
-  selectedForecastIndex: e,
-  forecasts: t,
-  isDisabled: n,
-  isForecastValid: a,
-  onForecastSelectionChanged: i
-}) {
-  const r = O(), {
-    dateFormat: { visual: m }
-  } = _.getLocalizedStrings(), o = (h) => `${h.startDate.format(
-    m.MMMYYYYFormat
-  )} - ${h.endDate.format(m.MMMYYYYFormat)}`, l = (h) => h.map((p, f) => ({
-    label: p.name,
-    value: f,
-    forecastId: p.id,
-    timeframeLabel: o(p.forecastPeriod),
-    isValid: a(p)
-  })), [c, g] = G(
-    l(t)
-  );
-  return te.useEffect(() => {
-    g(l(t));
-  }, [t]), /* @__PURE__ */ s.jsxs(zs, { windowSize: r, children: [
-    /* @__PURE__ */ s.jsx(qs, { children: /* @__PURE__ */ s.jsx(Xs, { className: "info-tooltip", windowSize: r, children: /* @__PURE__ */ s.jsx(Js, { children: c[e] != null ? c[e].label : "" }) }) }),
-    /* @__PURE__ */ s.jsx(
-      Qs,
-      {
-        selectedForecast: c[e],
-        forecastOptions: c,
-        isDisabled: n,
-        onForecastSelectionChanged: i
-      }
-    )
-  ] });
-}
-const Qs = ({
-  selectedForecast: e,
-  forecastOptions: t,
-  isDisabled: n,
-  onForecastSelectionChanged: a
-}) => {
-  const i = X(), r = O(), [m, o] = G(e), l = i.colors.grey5, c = i.colors.grey5, g = i.colors.grey3;
-  Y(() => {
-    o(e);
-  }, [e]);
-  const h = u(_t)`
-    height: ${d.sp3};
-    width: ${d.sp3};
-  `, p = u(wt)`
-    height: 12px;
-    width: 12px;
-    margin-left: 6px;
-  `, f = ({ children: x, ...v }) => /* @__PURE__ */ s.jsx(ie.SingleValue, { ...v, children: /* @__PURE__ */ s.jsxs(Ys, { children: [
-    /* @__PURE__ */ s.jsx(Gs, { windowSize: r, children: x }),
-    /* @__PURE__ */ s.jsx(p, {})
-  ] }) }), b = (x) => /* @__PURE__ */ s.jsx(ie.DropdownIndicator, { ...x, children: /* @__PURE__ */ s.jsx(ve, {}) }), C = (x) => /* @__PURE__ */ s.jsx(ve, { children: /* @__PURE__ */ s.jsx(ie.Option, { ...x, children: /* @__PURE__ */ s.jsxs(Ms, { children: [
-    /* @__PURE__ */ s.jsxs(Es, { isValid: x.data.isValid, children: [
-      x.label,
-      x.isSelected ? /* @__PURE__ */ s.jsx(h, {}) : null
-    ] }),
-    /* @__PURE__ */ s.jsxs(Fs, { isValid: x.data.isValid, children: [
-      /* @__PURE__ */ s.jsx(Ws, { children: x.data.timeframeLabel }),
-      /* @__PURE__ */ s.jsx(Zs, { isValid: x.data.isValid }),
-      /* @__PURE__ */ s.jsx(Vs, { children: _.getLocalizedStrings().chartCard.forecast_dropdown.forecast_source })
-    ] }),
-    x.data.isValid === !1 ? /* @__PURE__ */ s.jsxs(Hs, { children: [
-      /* @__PURE__ */ s.jsx(Us, {}),
-      _.getLocalizedStrings().chartCard.forecast_dropdown.forecast_invalid_issue
-    ] }) : null
-  ] }) }) }), w = {
-    control: (x, v) => ({
-      ...x,
-      border: 0,
-      backgroundColor: c,
-      color: v.selectProps.menuIsOpen === !0 ? i.colors.primary : i.colors.hero,
-      boxShadow: c,
-      ":active": {
-        backgroundColor: c
-      },
-      ":hover": {
-        color: i.colors.primary
-      },
-      "span::after": {
-        content: "''",
-        display: "block"
-      },
-      minHeight: "auto",
-      cursor: "pointer"
-    }),
-    container: (x) => ({
-      ...x,
-      backgroundColor: c,
-      maxWidth: q.containerMaxWidth.valuePx(r),
-      minWidth: q.containerMaxWidth.valuePx(r)
-    }),
-    singleValue: (x, v) => ({
-      ...x,
-      color: v.selectProps.menuIsOpen === !0 ? i.colors.primary : i.colors.champion,
-      maxWidth: "100%",
-      minWidth: "100%",
-      overflow: "auto",
-      ":hover": {
-        color: i.colors.primary
-      },
-      marginLeft: 0,
-      position: "inherit",
-      transform: "none",
-      top: 0,
-      marginRight: 0,
-      opacity: "1"
-    }),
-    menu: (x) => ({
-      ...x,
-      backgroundColor: l,
-      borderRadius: T[1],
-      boxShadow: `${d.sp0} 2px ${d.sp2} ${i.colors.dropShadowHover}`,
-      whiteSpace: "nowrap",
-      minWidth: "fit-content",
-      zIndex: 20
-    }),
-    menuList: (x) => ({
-      ...x,
-      borderRadius: T[1],
-      maxWidth: "350px"
-    }),
-    option: (x, { isDisabled: v, isSelected: j, isFocused: W }) => ({
-      ...x,
-      color: j ? i.colors.champion : i.colors.hero,
-      backgroundColor: j === !0 ? g : W === !0 && v !== !0 ? i.colors.background : l,
-      cursor: v === !0 ? "not-allowed" : "pointer",
-      padding: `11px ${d.sp3}`,
-      ":hover": {
-        backgroundColor: v === !1 ? j === !0 ? g : i.colors.background : l,
-        color: i.colors.primary
-      },
-      borderBottom: "1px solid " + i.colors.grey3
-    }),
-    indicatorSeparator: () => ({
-      /** To customisze the indicator apply the styling to the DownChevron below */
-    }),
-    dropdownIndicator: () => ({})
-  };
-  return /* @__PURE__ */ s.jsx(
-    et,
-    {
-      options: t,
-      components: { SingleValue: f, DropdownIndicator: b, Option: C },
-      styles: w,
-      defaultValue: m,
-      onChange: (x) => {
-        const v = x;
-        o(v), a(
-          v.forecastId,
-          v.value
-        );
-      },
-      isSearchable: !1,
-      isClearable: !1,
-      isOptionDisabled: (x) => x.isValid === !1,
-      theme: (x) => ({
-        ...x,
-        colors: {
-          ...x.colors,
-          primary: l
-        }
-      }),
-      isDisabled: n
-    }
-  );
-}, Be = {
-  timeframePaddingLeft: new R(0, 0, 245),
-  timeframePaddingBottom: new R(8, 8, 0)
-}, en = u.div`
-  display: flex;
-  width: 100%;
-  flex-direction: column;
-`, tn = u.div`
-  display: flex;
-  width: 100%;
-  flex-direction: row;
-`, Ye = u.div`
-  display: flex;
-  flex-direction: row;
-  flex: 1 1 auto;
-  justify-content: center;
-  padding-left: ${(e) => Be.timeframePaddingLeft.valuePx(e.windowSize)};
-  padding-bottom: ${(e) => Be.timeframePaddingBottom.valuePx(e.windowSize)};
-`, sn = u.div`
-  display: flex;
-  width: 100%;
-  flex-direction: row;
-  align-items: center;
-  justify-content: center;
-`, nn = u.div`
-  display: flex;
-  flex-direction: row;
-  align-items: center;
-  justify-self: flex-end;
-  justify-content: flex-end;
-  min-width: 315px;
-`, on = u.div`
-  display: flex;
-  flex-direction: row;
-  align-items: center;
-  margin-right: ${d.sp5};
-`, Ze = u(ae)`
-  color: ${(e) => e.isOn ? e.theme.colors.primary : e.theme.colors.hero};
-  opacity: ${(e) => e.isDisabled ? 0.5 : 1};
-`, qe = ({
-  label: e,
-  isOn: t,
-  isToggleDisabled: n,
-  onValueChanged: a
-}) => /* @__PURE__ */ s.jsxs(s.Fragment, { children: [
-  /* @__PURE__ */ s.jsx(Ze, { isOn: t, isDisabled: n === !0, children: e }),
-  /* @__PURE__ */ s.jsx(
-    Ge,
-    {
-      checked: t,
-      edge: "end",
-      disabled: n === !0,
-      disableRipple: n === !0,
-      onChange: (i) => {
-        a(i.target.checked);
-      }
-    }
-  )
-] });
-function Xe({
-  isOn: e,
-  isDisabled: t,
-  selectedForecastIndex: n,
-  forecasts: a,
-  isForecastValid: i,
-  onForecastToggleChanged: r,
-  onForecastSelectionChanged: m
-}) {
-  return /* @__PURE__ */ s.jsxs(on, { children: [
-    e === !0 && a != null && a.length !== 0 ? /* @__PURE__ */ s.jsx(
-      Ks,
-      {
-        selectedForecastIndex: n ?? 0,
-        forecasts: a,
-        isForecastValid: i,
-        onForecastSelectionChanged: m,
-        isDisabled: !1
-      }
-    ) : /* @__PURE__ */ s.jsx(Ze, { isOn: e, isDisabled: t === !0, children: _.getLocalizedStrings().reports.forecast.forecast }),
-    /* @__PURE__ */ s.jsx(
-      Ge,
-      {
-        checked: e,
-        edge: "end",
-        disabled: t === !0,
-        disableRipple: t === !0,
-        onChange: (o) => {
-          r(o.target.checked);
-        }
-      }
-    )
-  ] });
-}
-const an = (e) => {
-  const t = O();
-  return /* @__PURE__ */ s.jsxs(en, { children: [
-    /* @__PURE__ */ s.jsx(Ye, { windowSize: t, children: /* @__PURE__ */ s.jsx(
-      Le,
-      {
-        timeframes: e.timeframe.allowedTimeframes,
-        selectedTimeframe: e.timeframe.selectedTimeframe,
-        onTimeframeSelectionChanged: e.timeframe.onTimeframeSelectionChanged
-      }
-    ) }),
-    /* @__PURE__ */ s.jsxs(sn, { children: [
-      e.forecastListWithToggle != null && /* @__PURE__ */ s.jsx(Xe, { ...e.forecastListWithToggle }),
-      /* @__PURE__ */ s.jsx(
-        qe,
-        {
-          ...e.compareToggle,
-          label: _.getLocalizedStrings().compareSwitchLabel
-        }
-      )
-    ] })
-  ] });
-}, cn = (e) => {
-  const t = O();
-  return /* @__PURE__ */ s.jsxs(tn, { children: [
-    /* @__PURE__ */ s.jsx(Ye, { windowSize: t, children: /* @__PURE__ */ s.jsx(
-      Le,
-      {
-        timeframes: e.timeframe.allowedTimeframes,
-        selectedTimeframe: e.timeframe.selectedTimeframe,
-        onTimeframeSelectionChanged: e.timeframe.onTimeframeSelectionChanged
-      }
-    ) }),
-    /* @__PURE__ */ s.jsxs(nn, { children: [
-      e.forecastListWithToggle != null && /* @__PURE__ */ s.jsx(Xe, { ...e.forecastListWithToggle }),
-      /* @__PURE__ */ s.jsx(
-        qe,
-        {
-          ...e.compareToggle,
-          label: _.getLocalizedStrings().compareSwitchLabel
-        }
-      )
-    ] })
-  ] });
-};
-function rn(e) {
-  const t = O();
-  return t === "small" || t === "medium-compact" ? /* @__PURE__ */ s.jsx(an, { ...e }) : /* @__PURE__ */ s.jsx(cn, { ...e });
-}
-const ln = u.div`
-  display: flex;
-  padding: ${d.sp2} ${d.sp0} ${d.sp4} ${d.sp0};
-`, dn = u.div``, mn = u.div``, un = (e) => {
-  const {
-    selectedRangeReport: t,
-    uiState: n,
-    analytics: a,
-    onThisPeriodChanged: i,
-    onTimeframeSelectionChanged: r,
-    onCOABalancesRangeChanged: m,
-    onAdditionalBalanceSelectionChanged: o
-  } = e, l = Re(), { allTimeframeTicks: c } = t, { selectedCOABalancesRange: g, timeframe: h } = n, p = t.reportId === "cash_in_cash_out" ? ["month"] : ["month", "quarter", "year"], f = t.availableNumberOfPeriods != null && t.availableNumberOfPeriods < 2, b = n.mode === "compare_mode" && !f, C = l.connectionName !== "netsuite" && (t.reportId === "net_burn_or_income" || t.reportId === "operating_expenses" || t.reportId === "revenue");
-  let w, x;
-  switch (t.reportId) {
-    case "revenue":
-      w = t.forecastList?.forecasts, x = t.forecastList?.fetchState;
-      break;
-    case "net_burn_or_income":
-      w = t.forecastList?.forecasts, x = t.forecastList?.fetchState;
-      break;
-    case "operating_expenses":
-      w = t.forecastList?.forecasts, x = t.forecastList?.fetchState;
-      break;
-    default:
-      w = void 0;
-  }
-  const v = t.availableNumberOfPeriods == null || t.availableNumberOfPeriods === 0, j = v || t.availableNumberOfPeriods === 1, W = (y) => !!y.forecastPeriod.startDate.isBefore(
-    t.dataAvailable?.endDate
-  ), [$, M] = G(!1), U = ot(
-    "https://meetings.hubspot.com/svitlana-grankovska"
-  ), E = n.mode, N = n.selectedForecast;
-  Y(() => {
-    E === "forecast_mode" && x === "Completed" && w?.length === 0 && (M(!0), document.body.style.overflow = "hidden");
-  }, [x, E, w]), Y(() => {
-    E === "forecast_mode" && N != null && w != null && w.length > 0 && e.analytics?.trackForecastSwitch(
-      L(t.reportId),
-      w[N.index].name
-    );
-  }, [N]);
-  const V = (y, S, H) => {
-    S === !0 && e.analytics?.trackForecastVsActualMode(
-      L(t.reportId),
-      "",
-      y === "forecast_mode"
-    ), e.onForecastToggle?.(y, H);
-  };
-  return /* @__PURE__ */ s.jsx(mn, { children: /* @__PURE__ */ s.jsxs(dn, { children: [
-    /* @__PURE__ */ s.jsx(ln, { children: /* @__PURE__ */ s.jsx(
-      rn,
-      {
-        timeframe: {
-          allowedTimeframes: p,
-          selectedTimeframe: h,
-          onTimeframeSelectionChanged: (y) => {
-            e.analytics?.trackTimeframeSwitch(
-              Z(y),
-              L(t.reportId)
-            ), r?.(
-              y
-            ), e.uiState.mode === "compare_mode" && !b && o(
-              b,
-              b ? ["this_period_vs_last_period_percent"] : [],
-              b ? 3 : 1
-            );
-          }
-        },
-        compareToggle: {
-          label: _.getLocalizedStrings().compareSwitchLabel,
-          isOn: j ? !1 : b,
-          isToggleDisabled: j,
-          onValueChanged: (y) => {
-            const S = y === !0 || n.mode === "forecast_mode" ? 3 : 1;
-            a?.trackCompareMode(
-              y,
-              L(t.reportId),
-              Z(h)
-            ), o(
-              y,
-              y ? [
-                "this_period_vs_last_period_percent",
-                "year_to_date_total"
-              ] : ["year_to_date_total"],
-              S
-            );
-          }
-        },
-        forecastListWithToggle: C === !0 ? {
-          isOn: n.mode === "forecast_mode",
-          isToggleDisabled: j,
-          selectedForecastIndex: e.uiState.selectedForecast?.index,
-          forecasts: w,
-          isForecastValid: W,
-          onForecastSelectionChanged: (y, S) => V("forecast_mode", !1, {
-            id: y,
-            index: S
-          }),
-          onForecastToggleChanged: (y) => {
-            V(
-              y === !0 ? "forecast_mode" : "off",
-              !0
-            );
-          }
-        } : void 0
-      }
-    ) }),
-    $ == !0 ? /* @__PURE__ */ s.jsx(
-      Is,
-      {
-        meetingUrl: U,
-        reportId: t.reportId,
-        onClose: () => {
-          M(!1), e.onForecastToggle?.("off");
-          const y = 1;
-          document.body.style.overflow = "auto", o(
-            b,
-            b ? ["this_period_vs_last_period_percent"] : [],
-            y
-          );
-        }
-      }
-    ) : null,
-    v ? null : /* @__PURE__ */ s.jsx(
-      At,
-      {
-        firstMonthOfFY: t.firstMonthOfFY,
-        timeframe: h,
-        timeframeTicks: c,
-        selection: {
-          selectedTicks: we(
-            c,
-            g
-          ),
-          highlightedOfSelectedTicks: we(
-            c,
-            g
-          )
-        },
-        onClick: (y, S) => {
-          Te(
-            t.firstMonthOfFY,
-            b,
-            t.reportId,
-            h,
-            S,
-            e.analytics
-          ), i(S);
-        },
-        onSelectionChanged: (y, S) => {
-          const H = kt(
-            c,
-            y.fromEnd
-          ), J = Rt(
-            c,
-            S
-          );
-          Te(
-            t.firstMonthOfFY,
-            b,
-            t.reportId,
-            h,
-            J.thisPeriod,
-            e.analytics
-          ), m(
-            H,
-            J
-          );
-        }
-      }
-    )
-  ] }) });
-}, Te = (e, t, n, a, i, r) => {
-  t === !0 && r?.trackCompareFilterTimeFrame(
-    L(n),
-    Z(a),
-    "range filter",
-    oe(e, a, i)
-  ), r?.trackDateRangeFilterChange(
-    L(n),
-    "range filter",
-    t,
-    oe(e, a, i)
-  );
-};
-function be({
-  account: e,
-  sectionType: t,
-  numOfBalances: n,
-  title: a,
-  isLastNode: i,
-  config: r,
-  parentNodeIDs: m
-}) {
-  return {
-    children: [],
-    id: F("ac_report", m, e.accountId),
-    isLastNode: i,
-    reportElementData: {
-      element: {
-        kind: "ac_report",
-        title: a,
-        sectionType: t,
-        data: e,
-        numOfBalances: n
-      },
-      config: r
-    }
-  };
-}
-function hn({
-  acGroup: e,
-  sectionType: t,
-  numOfBalances: n,
-  title: a,
-  isLastNode: i,
-  config: r,
-  parentNodeIDs: m
-}) {
-  const o = F(
-    "ac_group_report",
-    m,
-    e.accountGroupId
-  ), l = {
-    children: [],
-    id: o,
-    isLastNode: i,
-    reportElementData: {
-      element: {
-        kind: "ac_group_report",
-        title: a,
-        sectionType: t,
-        data: e,
-        numOfBalances: n
-      },
-      config: r
-    }
-  }, g = he(
-    t,
-    "no_filter",
-    r.filterAccountsWithNilBalances,
-    r.filterAccountGroupsWithNilBalances
-  ).compactedAccountsSelector(e);
-  return l.children = g.map(
-    (h, p) => be({
-      account: h,
-      sectionType: t,
-      numOfBalances: n,
-      title: h.accountDescription,
-      config: r,
-      isLastNode: p === g.length - 1,
-      parentNodeIDs: [...m, o]
-    })
-  ), l;
-}
-function je({
-  section: e,
-  sectionType: t,
-  numOfBalances: n,
-  title: a,
-  isLastNode: i,
-  config: r
-}) {
-  const m = F("section", [], a), o = {
-    children: [],
-    id: m,
-    isLastNode: i,
-    reportElementData: {
-      element: {
-        kind: "section",
-        title: a,
-        sectionType: t,
-        data: e,
-        numOfBalances: n
-      },
-      config: r
-    }
-  }, l = Dt(
-    e,
-    r.displayOrder,
-    n,
-    !1
-  ), c = pn(l.balances), g = he(
-    t,
-    "no_filter",
-    r.filterAccountsWithNilBalances,
-    r.filterAccountGroupsWithNilBalances
-  ), h = g.compactedAccountsSelectorVariant(
-    e.accountsOrdered
-  ), p = g.compactedAccountGroupsSelector(
-    e.accountGroupsOrdered
-  );
-  if (!(c === !0 && (p.length > 0 || e.accountsOrdered.length > 0)) === !1) {
-    const b = p.map(
-      (w, x) => hn({
-        acGroup: w,
-        sectionType: t,
-        numOfBalances: n,
-        title: w.accountGroupName,
-        isLastNode: x === p.length - 1,
-        config: r,
-        parentNodeIDs: [m]
-      })
-    ), C = h.map(
-      (w, x) => be({
-        account: w,
-        sectionType: t,
-        numOfBalances: n,
-        title: w.accountDescription,
-        isLastNode: x === e.accountsOrdered.length - 1,
-        config: r,
-        parentNodeIDs: [m]
-      })
-    );
-    o.children.push(...b), o.children.push(...C);
-  }
-  return o;
-}
-function pn(e) {
-  let t = !1;
-  if (e != null) {
-    for (const n of e)
-      if (n != null && n.balance.amount !== 0) {
-        t = !0;
-        break;
-      }
-  }
-  return t;
-}
-function z({
-  balances: e,
-  config: t,
-  nodeId: n
-}) {
-  let a = "timeframe_headers";
-  return t.mode === "actual_vs_forecast" && (a = "timeframe_headers_with_forecast"), {
-    children: [],
-    id: n ?? F("timeframe_header", []),
-    isLastNode: !1,
-    reportElementData: {
-      element: {
-        kind: a,
-        title: "",
-        data: e,
-        numOfBalances: e.length
-      },
-      config: t
-    }
-  };
-}
-function gn(e, t, n = !0) {
-  const a = _.getLocalizedStrings().reports, i = t.mode === "this_period_vs_period_before" ? e.filter.balancesRange.numberOfPeriods + 2 : e.filter.balancesRange.numberOfPeriods + 1, r = e.cashIn.balances ? [...e.cashIn.balances, ...e.cashIn.additionalBalances] : e.cashOut.balances ? [...e.cashOut.balances, ...e.cashOut.additionalBalances] : [], m = z({
-    balances: r,
-    config: t
-  }), o = je({
-    section: e.cashIn,
-    sectionType: "cash_in",
-    numOfBalances: i,
-    title: a.sections.cashIn,
-    isLastNode: !0,
-    config: t
-  }), l = je({
-    section: e.cashOut,
-    sectionType: "cash_out",
-    numOfBalances: i,
-    title: a.sections.cashOut,
-    isLastNode: !0,
-    config: t
-  }), c = ne({
-    calculatedSection: e.netCashFlow,
-    numOfBalances: i,
-    title: a.sections.netCashFlow,
-    isLastNode: !0,
-    config: t
-  });
-  return {
-    config: t,
-    headerNodes: n ? [m] : [],
-    contentNodes: [m, o, l, c]
-  };
-}
-function xe({
-  title: e,
-  balances: t,
-  config: n,
-  numOfBalances: a,
-  nodeId: i
-}) {
-  return {
-    children: [],
-    id: i ?? F("total", []),
-    isLastNode: !1,
-    reportElementData: {
-      element: {
-        kind: "total",
-        title: e,
-        data: t,
-        numOfBalances: a
-      },
-      config: n
-    }
-  };
-}
-function fn(e, t, n = !0) {
-  const a = _.getLocalizedStrings().reports, i = t.mode === "this_period_vs_period_before" ? e.filter.balancesRange.numberOfPeriods + 2 : e.filter.balancesRange.numberOfPeriods + 1, r = [
-    ...e.cashPosition.balances,
-    ...e.cashPosition.additionalBalances
-  ], m = e.cashPosition, o = z({
-    balances: r,
-    config: t
-  }), l = xe({
-    title: _.getLocalizedStrings().chartCard.total,
-    balances: m,
-    config: t,
-    numOfBalances: i
-  }), c = F("section", [], a.sections.netCashFlow), p = he(
-    "cash_position",
-    "no_filter",
-    t.filterAccountsWithNilBalances,
-    t.filterAccountGroupsWithNilBalances
-  ).compactedAccountsSelectorVariant(
-    e.cashPosition.accountsOrdered
-  ).map(
-    (f, b) => be({
-      account: f,
-      sectionType: "cash_position",
-      numOfBalances: i,
-      title: f.accountDescription,
-      isLastNode: b === e.cashPosition.accountsOrdered.length - 1,
-      config: t,
-      parentNodeIDs: [c]
-    })
-  );
-  return {
-    config: t,
-    headerNodes: n ? [o] : [],
-    contentNodes: [o, l, ...p]
-  };
-}
-function bn(e, t, n = !0, a = !1) {
-  const i = _.getLocalizedStrings().reports, r = _.getLocalizedStrings().common;
-  let m = [];
-  const o = [];
-  let l = [];
-  if (a === !0) {
-    const c = pe({
-      title: r.loading,
-      balances: [],
-      config: t
-    });
-    n && (c.reportElementData.element.numOfBalances = 7, l = [c]), o.push(c), [...Array(8)].forEach((g, h) => {
-      const p = h % 4;
-      let f = ge[p];
-      const b = fe({
-        title: `${h}+${f}`,
-        balances: m,
-        config: t
-      });
-      b.reportElementData.element.numOfBalances = 7, o.push(b);
-    });
-  } else {
-    const c = t.mode === "this_period_vs_period_before" ? e.filter.balancesRange.numberOfPeriods + 2 : e.filter.balancesRange.numberOfPeriods + 1, g = e.sections.income.balances.length > 0 ? [
-      ...e.sections.income.balances,
-      ...e.sections.income.additionalBalances
-    ] : e.sections.expenses.balances.length > 0 ? [
-      ...e.sections.expenses.balances,
-      ...e.sections.expenses.additionalBalances
-    ] : e.sections.cogs.balances.length > 0 ? [
-      ...e.sections.cogs.balances,
-      ...e.sections.cogs.additionalBalances
-    ] : [], h = z({
-      balances: g,
-      config: t
-    });
-    o.push(h), n && (l = [h]), e.idsInOrder.forEach(
-      (p) => {
-        if (at(p) === !0) {
-          const f = e.sections[p];
-          f != null && o.push(
-            Ie({
-              section: f,
-              sectionType: p,
-              numOfBalances: c,
-              title: i.sections[p],
-              isLastNode: !0,
-              config: t
-            })
-          );
-        } else if (it(p) === !0) {
-          const f = e.calculatedSections[p];
-          f != null && o.push(
-            ne({
-              calculatedSection: f,
-              numOfBalances: c,
-              title: p === "netBurnOrIncome" ? e.reportTitle : i.sections[p],
-              isLastNode: !0,
-              config: t
-            })
-          );
-        }
-      }
-    );
-  }
-  return {
-    config: t,
-    headerNodes: l,
-    contentNodes: o
-  };
-}
-function xn(e, t, n = !0) {
-  const a = _.getLocalizedStrings().reports, i = t.mode === "this_period_vs_period_before" ? e.filter.balancesRange.numberOfPeriods + 2 : e.filter.balancesRange.numberOfPeriods + 1, r = e.sections.income.balances.length > 0 ? [
-    ...e.sections.income.balances,
-    ...e.sections.income.additionalBalances
-  ] : e.sections.expenses.balances.length > 0 ? [
-    ...e.sections.expenses.balances,
-    ...e.sections.expenses.additionalBalances
-  ] : e.sections.cogs.balances.length > 0 ? [
-    ...e.sections.cogs.balances,
-    ...e.sections.cogs.additionalBalances
-  ] : [], m = z({
-    balances: r,
-    config: t
-  }), o = [];
-  return o.push(m), e.idsInOrder.forEach(
-    (l) => {
-      ct(l) === !0 ? e.sections[l].accountGroups.length > 0 ? o.push(
-        Ae({
-          section: e.sections[l],
-          sectionType: l,
-          numOfBalances: i,
-          title: a.sections[l],
-          isLastNode: !0,
-          config: t
-        })
-      ) : o.push(
-        De({
-          sectionWithAcOnly: e.sections[l],
-          sectionType: l,
-          numOfBalances: i,
-          title: a.sections[l],
-          isLastNode: !0,
-          config: t
-        })
-      ) : rt(l) === !0 && o.push(
-        ne({
-          calculatedSection: e.calculatedSections[l],
-          numOfBalances: i,
-          title: l === "netBurnOrIncome" ? e.reportTitle : a.sections[l],
-          isLastNode: !0,
-          config: t
-        })
-      );
-    }
-  ), {
-    config: t,
-    headerNodes: n ? [m] : [],
-    contentNodes: o
-  };
-}
-function _n(e, t, n = !0, a = !1) {
-  const i = _.getLocalizedStrings().reports, r = _.getLocalizedStrings().common;
-  let m = [];
-  const o = [];
-  let l = [];
-  if (a === !0) {
-    const c = pe({
-      title: r.loading,
-      balances: [],
-      config: t
-    });
-    c.reportElementData.element.numOfBalances = 10, n && (l = [c]), o.push(c), [...Array(8)].forEach((g, h) => {
-      const p = h % 4;
-      let f = ge[p];
-      const b = fe({
-        title: `${h}+${f}`,
-        balances: m,
-        config: t
-      });
-      b.reportElementData.element.numOfBalances = 10, o.push(b);
-    });
-  } else {
-    const c = t.mode === "this_period_vs_period_before" ? e.filter.balancesRange.numberOfPeriods + 2 : e.filter.balancesRange.numberOfPeriods + 1, g = [
-      ...e.sections.expenses.balances,
-      ...e.sections.expenses.additionalBalances
-    ], h = z({
-      balances: g,
-      config: t
-    }), p = e.sections.expenses, f = xe({
-      title: _.getLocalizedStrings().chartCard.total,
-      balances: p,
-      config: t,
-      numOfBalances: c
-    });
-    o.push(h), o.push(f), n && (l = [h]);
-    const b = F("section", [], i.sections.expenses);
-    e.sections.expenses.classes.forEach((C, w) => {
-      o.push(
-        Et({
-          classNode: C,
-          sectionType: "expenses",
-          numOfBalances: c,
-          title: C.class.className,
-          isLastNode: C.isLeafClass,
-          config: t,
-          parentNodeIDs: [b],
-          ancestorMetadata: {
-            subAccountAncestorMetadata: [],
-            classAncestorMetadata: [
-              {
-                depth: C.id.length - 1,
-                hasSibling: !1,
-                hasChildren: C.children.length > 0,
-                isLastNode: w === e.sections.expenses.classes.length - 1,
-                name: C.class.className
-              }
-            ]
-          }
-        })
-      );
-    });
-  }
-  return {
-    config: t,
-    headerNodes: l,
-    contentNodes: o
-  };
-}
-function wn(e, t, n = !0) {
-  const a = _.getLocalizedStrings().reports, i = t.mode === "this_period_vs_period_before" ? e.filter.balancesRange.numberOfPeriods + 2 : e.filter.balancesRange.numberOfPeriods + 1, r = [
-    ...e.sections.expenses.balances,
-    ...e.sections.expenses.additionalBalances
-  ], m = z({
-    balances: r,
-    config: t
-  }), o = e.sections.expenses, l = xe({
-    title: _.getLocalizedStrings().chartCard.total,
-    balances: o,
-    config: t,
-    numOfBalances: i
-  }), c = F("section", [], a.sections.expenses), g = zt(
-    "no_filter",
-    t.filterAccountsWithNilBalances,
-    t.filterAccountGroupsWithNilBalances
-  ), h = [];
-  h.push(m), h.push(l);
-  const p = g.compactedAccountGroupsSelector(
-    e.sections.expenses.accountGroups
-  );
-  if (p.length != 0) {
-    const f = p.map(
-      (b, C) => Ft({
-        acGroup: b,
-        sectionType: "expenses",
-        numOfBalances: i,
-        title: b.accountGroupName,
-        isLastNode: C === p.length - 1,
-        config: t,
-        parentNodeIDs: [c]
-      })
-    );
-    h.push(...f);
-  } else if (e.sections.expenses.accounts?.length !== 0) {
-    const f = g.compactedAccountsSelectorVariant(
-      e.sections.expenses.accounts
-    ), b = f.map(
-      (C, w) => Wt({
-        account: C,
-        sectionType: "expenses",
-        numOfBalances: i,
-        title: C.account.accountName,
-        isLastNode: w === f.length - 1,
-        config: t,
-        parentNodeIDs: [c],
-        ancestorMetadata: {
-          subAccountAncestorMetadata: [
-            {
-              depth: 0,
-              hasSibling: f.length > 1,
-              hasChildren: C.children.length > 0,
-              isLastNode: w === f.length - 1
-            }
-          ]
-        }
-      })
-    );
-    h.push(...b);
-  }
-  return {
-    config: t,
-    headerNodes: n ? [m] : [],
-    contentNodes: h
-  };
-}
-function Cn(e, t, n = !0, a = !1) {
-  const i = _.getLocalizedStrings().reports, r = _.getLocalizedStrings().common;
-  let m = [];
-  const o = [];
-  let l = [];
-  if (a === !0) {
-    const c = pe({
-      title: r.loading,
-      balances: [],
-      config: t
-    });
-    c.reportElementData.element.numOfBalances = 7, n && (l = [c]), o.push(c), [...Array(8)].forEach((g, h) => {
-      const p = h % 4;
-      let f = ge[p];
-      const b = fe({
-        title: `${h}+${f}`,
-        balances: m,
-        config: t
-      });
-      b.reportElementData.element.numOfBalances = 7, o.push(b);
-    });
-  } else {
-    const c = t.mode === "this_period_vs_period_before" ? e.filter.balancesRange.numberOfPeriods + 2 : e.filter.balancesRange.numberOfPeriods + 1, g = 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.calculatedSections.grossMargin.balances.length > 0 ? [
-      ...e.calculatedSections.grossMargin.balances,
-      ...e.calculatedSections.grossMargin.additionalBalances
-    ] : [], h = z({
-      balances: g,
-      config: t
-    });
-    o.push(h), n && (l = [h]), e.idsInOrder.forEach(
-      (p) => {
-        if (lt(p) === !0) {
-          const f = e.sections[p];
-          f != null && o.push(
-            Ie({
-              section: f,
-              sectionType: p,
-              numOfBalances: c,
-              title: i.sections[p],
-              isLastNode: !0,
-              config: t
-            })
-          );
-        } else if (dt(p) === !0) {
-          const f = e.calculatedSections[p];
-          f != null && o.push(
-            ne({
-              calculatedSection: f,
-              numOfBalances: c,
-              title: i.sections.grossMargin,
-              isLastNode: !0,
-              config: t
-            })
-          );
-        }
-      }
-    );
-  }
-  return {
-    config: t,
-    headerNodes: l,
-    contentNodes: o
-  };
-}
-function Sn(e, t, n = !0) {
-  const a = _.getLocalizedStrings().reports, i = t.mode === "this_period_vs_period_before" ? e.filter.balancesRange.numberOfPeriods + 2 : e.filter.balancesRange.numberOfPeriods + 1, r = 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.calculatedSections.grossMargin.balances.length > 0 ? [
-    ...e.calculatedSections.grossMargin.balances,
-    ...e.calculatedSections.grossMargin.additionalBalances
-  ] : [], m = z({
-    balances: r,
-    config: t
-  }), o = [];
-  return o.push(m), e.idsInOrder.forEach(
-    (l) => {
-      mt(l) === !0 ? e.sections[l].accountGroups.length > 0 ? o.push(
-        Ae({
-          section: e.sections[l],
-          sectionType: l,
-          numOfBalances: i,
-          title: a.sections[l],
-          isLastNode: !0,
-          config: t
-        })
-      ) : o.push(
-        De({
-          sectionWithAcOnly: e.sections[l],
-          sectionType: l,
-          numOfBalances: i,
-          title: a.sections[l],
-          isLastNode: !0,
-          config: t
-        })
-      ) : ut(l) === !0 && o.push(
-        ne({
-          calculatedSection: e.calculatedSections[l],
-          numOfBalances: i,
-          title: a.sections[l],
-          isLastNode: !0,
-          config: t
-        })
-      );
-    }
-  ), {
-    config: t,
-    headerNodes: n ? [m] : [],
-    contentNodes: o
-  };
-}
-function yn(e, t, n, a = !0) {
-  Object.assign(e.config, t);
-  const i = vn(n), r = z({
-    balances: i,
-    config: t
-  });
-  return {
-    config: t,
-    headerNodes: a ? [r] : [],
-    contentNodes: [r, ...e.contentNodes.slice(1)]
-  };
-}
-const vn = (e) => {
-  switch (e.reportId) {
-    case "net_burn_or_income": {
-      const t = e;
-      return t.sections.income.balances.length > 0 ? [
-        ...t.sections.income.balances,
-        ...t.sections.income.additionalBalances
-      ] : t.sections.expenses.balances.length > 0 ? [
-        ...t.sections.expenses.balances,
-        ...t.sections.expenses.additionalBalances
-      ] : t.sections.cogs.balances.length > 0 ? [
-        ...t.sections.cogs.balances,
-        ...t.sections.cogs.additionalBalances
-      ] : [];
-    }
-    case "net_burn_or_income_by_classes": {
-      const t = e;
-      return t.sections.income.balances.length > 0 ? [
-        ...t.sections.income.balances,
-        ...t.sections.income.additionalBalances
-      ] : t.sections.expenses.balances.length > 0 ? [
-        ...t.sections.expenses.balances,
-        ...t.sections.expenses.additionalBalances
-      ] : t.sections.cogs.balances.length > 0 ? [
-        ...t.sections.cogs.balances,
-        ...t.sections.cogs.additionalBalances
-      ] : [];
-    }
-    case "revenue": {
-      const t = e;
-      return t.sections.income.balances.length > 0 ? [
-        ...t.sections.income.balances,
-        ...t.sections.income.additionalBalances
-      ] : t.sections.cogs.balances.length > 0 ? [
-        ...t.sections.cogs.balances,
-        ...t.sections.cogs.additionalBalances
-      ] : t.calculatedSections.grossMargin.balances.length > 0 ? [
-        ...t.calculatedSections.grossMargin.balances,
-        ...t.calculatedSections.grossMargin.additionalBalances
-      ] : [];
-    }
-    case "revenue_by_classes": {
-      const t = e;
-      return t.sections.income.balances.length > 0 ? [
-        ...t.sections.income.balances,
-        ...t.sections.income.additionalBalances
-      ] : t.sections.cogs.balances.length > 0 ? [
-        ...t.sections.cogs.balances,
-        ...t.sections.cogs.additionalBalances
-      ] : t.calculatedSections.grossMargin.balances.length > 0 ? [
-        ...t.calculatedSections.grossMargin.balances,
-        ...t.calculatedSections.grossMargin.additionalBalances
-      ] : [];
-    }
-    case "cash_position": {
-      const t = e;
-      return [
-        ...t.cashPosition.balances,
-        ...t.cashPosition.additionalBalances
-      ];
-    }
-    case "cash_in_cash_out": {
-      const t = e;
-      return t.cashIn.balances.length > 0 ? [...t.cashIn.balances, ...t.cashIn.additionalBalances] : [...t.cashOut.balances, ...t.cashOut.additionalBalances];
-    }
-    case "operating_expenses": {
-      const t = e;
-      return [
-        ...t.sections.expenses.balances,
-        ...t.sections.expenses.additionalBalances
-      ];
-    }
-    case "operating_expenses_by_classes": {
-      const t = e;
-      return [
-        ...t.sections.expenses.balances,
-        ...t.sections.expenses.additionalBalances
-      ];
-    }
-    default:
-      return [];
-  }
-}, Pe = {
-  contentPaddingLeft: new R(T[0], T[0], T[0]),
-  contentPaddingRight: new R(T[3], T[3], T[8])
-}, Bn = u.div`
-  width: 100%;
-  height: calc(100vh - 70px);
-`, Tn = u.div`
-  display: flex;
-  position: sticky;
-  justify-content: center;
-  padding-top: ${d.sp6};
-  padding-left: ${(e) => Q.wrapperPadding.valuePx(e.windowSize)};
-  background-color: ${(e) => e.theme.colors.grey4};
-`, jn = u.div`
-  position: absolute;
-  padding-top: ${d.sp3};
-  background-color: ${(e) => e.theme.colors.grey4};
-`, Pn = (e) => {
-  const t = O(), n = X(), {
-    selectedRangeReport: a,
-    selectedClassesViewRangeReport: i,
-    uiState: r,
-    scrollPosition: m,
-    isZeniUser: o,
-    onTableScroll: l,
-    onElementCollapseStateChanged: c,
-    onAccountBalanceClick: g,
-    onUpdateAccountViewMode: h,
-    onUpdateClassesToFilterOut: p,
-    onOpenAccountViewMode: f
-  } = e, { highlightedCOABalancesRange: b, mode: C } = r, w = a.availableNumberOfPeriods == null || a.availableNumberOfPeriods === 0, x = a.availableNumberOfPeriods != null && a.availableNumberOfPeriods < 2, v = r.mode === "compare_mode" && !x, j = v || r.mode === "forecast_mode" ? 3 : 1, W = (k) => {
-    e.analytics?.trackCompareFilterChange(
-      k === "compare_mode_percent" ? "percentage" : "amount",
-      L(a.reportId),
-      Z(r.timeframe),
-      "dropdown"
-    );
-    const P = k === "compare_mode_percent" ? "this_period_vs_last_period_percent" : "this_period_vs_last_period";
-    e.onAdditionalBalanceSelectionChanged(
-      v,
-      [P],
-      b?.numberOfPeriods ?? j
-    );
-  }, [$, M] = G(
-    void 0
-  ), [U, E] = G(
-    void 0
-  ), N = !(t === "small" || t === "medium-compact"), V = C === "forecast_mode" ? "name+balances_forecast" : "name+balances_actual", y = $n(r.selectedAdditionalBalances), S = i !== void 0 && i.uiState.accountViewMode === "classes" ? i : a, H = C === "forecast_mode" ? "actual_vs_forecast" : v === !0 ? "this_period_vs_period_before" : "none", J = a.reportId === "net_burn_or_income" || a.reportId === "operating_expenses" || a.reportId === "revenue", _e = (k, P) => {
-    k !== i?.uiState.accountViewMode && h?.(k), P && p?.(P);
-  };
-  return Y(() => {
-    const k = {
-      reportId: C === "forecast_mode" && r.selectedForecast != null ? `${S.reportId}+${r.selectedForecast?.id}` : S.reportId,
-      mode: H,
-      displayOrder: "ascending_date",
-      reportFormat: "more_detailed",
-      bookCloseDate: S.bookCloseDate,
-      firstMonthOfFY: S.firstMonthOfFY,
-      filterAccountsWithNilBalances: C === "forecast_mode" ? "filter_actual_forecast_nil_balances" : "filter_actual_nil_balances",
-      filterAccountGroupsWithNilBalances: "filter_actual_forecast_empty_account_group_balances",
-      showNegativeAmountInParenthesis: vt(),
-      showClassAccountNumber: o,
-      isZeniCOAInUse: e.isZeniCOAUsed,
-      dataAvailable: S.dataAvailable
-    };
-    if ($ == null || !ee(U, S) || e.isPageFetchInProgress === !0) {
-      const P = On(
-        S,
-        k,
-        N,
-        e.isPageFetchInProgress
-      );
-      E(S), M(P);
-    } else {
-      const P = yn(
-        $,
-        k,
-        S,
-        N
-      );
-      M(P);
-    }
-  }, [V, v, S, e.isPageFetchInProgress]), /* @__PURE__ */ s.jsx(Tn, { windowSize: t, children: w ? /* @__PURE__ */ s.jsx(Vt, {}) : $ != null ? /* @__PURE__ */ s.jsxs(Bn, { children: [
-    /* @__PURE__ */ s.jsx(
-      Mt,
-      {
-        backgroundColor: new tt(n.colors.grey4),
-        rootNodes: $,
-        type: V,
-        compareMode: y,
-        isSticky: {
-          isStickyHeader: N,
-          isStickyName: N
-        },
-        treeNodePadding: {
-          left: Pe.contentPaddingLeft.value(t),
-          right: Pe.contentPaddingRight.value(t)
-        },
-        onAccountClick: g == null ? void 0 : (k, P) => {
-          g(k, P);
-        },
-        nodeOpenStatus: r.nodeCollapseState,
-        scrollPosition: m,
-        onCompareModeChanged: W,
-        onScroll: l,
-        onNodeCollapseToggled: c
-      }
-    ),
-    J === !0 && i !== void 0 ? /* @__PURE__ */ s.jsx(jn, { children: /* @__PURE__ */ s.jsx(
-      Ot,
-      {
-        reportId: a.reportId,
-        nodes: i.classHierarchy,
-        classesListFetchState: i.fetchState,
-        selectedView: i.uiState.accountViewMode,
-        showClassAccountNumber: o,
-        showAccountGroups: e.isZeniCOAUsed ?? !0,
-        onSaveClick: _e,
-        classesToBeFilteredOut: i.classesToFilterOut,
-        isClassViewDisabled: r.mode === "forecast_mode",
-        firstMonthOfFY: i.firstMonthOfFY,
-        onOpenAccountViewMode: f,
-        onResyncReports: e.onResyncReports,
-        isPageFetchInProgress: e.isPageFetchInProgress,
-        lastRefreshSuccessTime: i?.status?.lastRefreshSuccessTime
-      }
-    ) }) : null
-  ] }) : null });
-}, On = (e, t, n = !0, a = !1) => {
-  switch (e.reportId) {
-    case "net_burn_or_income":
-      return xn(
-        e,
-        t,
-        n
-      );
-    case "net_burn_or_income_by_classes":
-      return bn(
-        e,
-        t,
-        n,
-        a
-      );
-    case "revenue":
-      return Sn(
-        e,
-        t,
-        n
-      );
-    case "revenue_by_classes":
-      return Cn(
-        e,
-        t,
-        n,
-        a
-      );
-    case "cash_position":
-      return fn(
-        e,
-        t,
-        n
-      );
-    case "cash_in_cash_out":
-      return gn(
-        e,
-        t,
-        n
-      );
-    case "operating_expenses":
-      return wn(
-        e,
-        t,
-        n
-      );
-    case "operating_expenses_by_classes":
-      return _n(
-        e,
-        t,
-        n,
-        a
-      );
-    default:
-      return;
-  }
-}, $n = (e) => e.includes("this_period_vs_last_period_percent") ? "compare_mode_percent" : "compare_mode_amount", K = {
-  chartWidth: "100%",
-  barCount: 8,
-  barWidth: new R(T[6], T[8], T[10]),
-  maxBarHeight: 1
-}, kn = ({
-  customStyle: e,
-  chartDefaultHeight: t,
-  chartDefaultWidth: n = K.chartWidth,
-  barCount: a = K.barCount,
-  barHeights: i = [0.4, 0.5, 0.6, 1, 0.3, 0.5, 0.2, 0.7],
-  backgroundColor: r
-}) => {
-  const m = X(), o = O(), l = t ?? Q.chartHeight.value(o), c = l - T[5], g = [...Array(a)].map((h, p) => ({
-    height: (i?.[p] || K.maxBarHeight) * l,
-    width: K.barWidth
-  }));
-  return /* @__PURE__ */ s.jsx(
-    Rn,
-    {
-      style: {
-        ...e,
-        width: n,
-        height: l,
-        backgroundColor: r
-      },
-      children: /* @__PURE__ */ s.jsx(Nn, { children: g.map((h, p) => /* @__PURE__ */ s.jsx(Ln, { children: /* @__PURE__ */ s.jsx(
-        st,
-        {
-          speed: 2,
-          width: K.barWidth.value(o),
-          height: c,
-          viewBox: `0 0 100 ${c}`,
-          preserveAspectRatio: "none",
-          animate: !0,
-          backgroundColor: m.colors.grey3,
-          foregroundColor: m.colors.grey4,
-          children: /* @__PURE__ */ s.jsx(
-            "rect",
-            {
-              x: "0",
-              y: c - h.height - 20,
-              width: "100%",
-              height: h.height,
-              rx: "4",
-              ry: "4"
-            }
-          )
-        }
-      ) }, `bar-loader-${p}-${h.height}`)) })
-    }
-  );
-}, Rn = u.div`
-  width: 100%;
-  height: 100%;
-  border-radius: ${d.sp2};
-  padding: ${d.sp4};
-  background-color: ${(e) => e.backgroundColor};
-  display: flex;
-  flex-direction: column;
-`, Nn = u.div`
-  display: flex;
-  align-items: flex-end;
-  justify-content: space-between;
-  width: 100%;
-  height: 100%;
-`, Ln = u.div`
-  flex: 1;
-  height: 100%;
-  display: flex;
-  align-items: flex-end;
-  justify-content: center;
-`, In = u.div`
-  display: flex;
-  flex: 1 1 auto;
-  min-height: 100%;
-  flex-direction: column;
-  width: 100%;
-  background-color: ${(e) => e.theme.colors.grey4};
-`, An = u.div`
-  position: relative;
-  box-shadow: ${(e) => `2px 0px ${d.sp1} ${e.theme.colors.dropShadowNormal}`};
-  background-color: ${(e) => e.theme.colors.grey5};
-  padding-left: ${(e) => Q.wrapperPadding.valuePx(e.windowSize)};
-  padding-right: ${(e) => Q.wrapperPadding.valuePx(e.windowSize)};
-  z-index: 1;
-`, Dn = u.div`
-  display: flex;
-  justify-content: center;
-  padding: ${d.sp6} ${d.sp0};
-`, zn = u.div`
-  display: flex;
-  flex-direction: column;
-  justify-content: center;
-  align-items: center;
-  height: 100vh;
-  margin-top: ${d.sp8};
-`, mo = (e) => {
-  const t = O(), n = X(), [a, i] = G(!1), r = _.getLocalizedStrings(), {
-    reportLabels: m,
-    selectedRangeReport: o,
-    selectedClassesViewRangeReport: l,
-    uiState: c,
-    downloadParams: g,
-    analytics: h,
-    onBackClick: p,
-    updateDownloadStateHandler: f,
-    onAdditionalBalanceSelectionChanged: b
-  } = e, { insights: C } = o, {
-    selectedCOABalancesRange: w,
-    timeframe: x,
-    selectedAdditionalBalances: v,
-    downloadState: j
-  } = c, W = o.availableNumberOfPeriods != null && o.availableNumberOfPeriods < 2, $ = c.mode === "compare_mode" && !W, M = Re(), U = M.loggedInUserRole != null && !ht(M.loggedInUserRole), E = e.selectedRangeReport.reportId === "cash_in_cash_out" || e.selectedRangeReport.reportId === "cash_position";
-  Y(() => {
-    async function A() {
-      await Jt({
-        report: l !== void 0 && l.uiState.accountViewMode === "classes" ? l : o,
-        filter: o.filter,
-        coaBalancesRange: w,
-        isCompareModeOn: $,
-        reportView: l !== void 0 ? l.uiState.accountViewMode : "account_group",
-        classesToFilterOut: l !== void 0 ? l.uiState.classesToFilterOut : [],
-        ...g,
-        reportType: U || E ? "more_detailed" : "detailed",
-        isZeniCOAUsed: e.isZeniCOAUsed ?? !0
-      }), h?.trackDownload(
-        L(o.reportId),
-        Z(x),
-        "excel",
-        $
-      ), f("Completed");
-    }
-    a && j !== "In-Progress" && (i(!1), f("In-Progress"), A());
-  }, [
-    g,
-    j,
-    o.filter,
-    a,
-    $,
-    w,
-    o,
-    l,
-    x,
-    h,
-    f,
-    U,
-    E,
-    e.isZeniCOAUsed
-  ]);
-  const N = o.availableNumberOfPeriods == null || o.availableNumberOfPeriods === 0 || o.allTimeframeTicks.length === 0, V = o.fetchState === "In-Progress" || o.fetchState === "Not-Started", S = pt([
-    e?.reportsResyncFetchState ?? { fetchState: "Not-Started" },
-    l ?? { fetchState: "Not-Started" }
-  ]).fetchState === "In-Progress" && l?.uiState.accountViewMode === "classes";
-  Y(() => {
-    const A = $ || c.mode === "forecast_mode" ? 3 : 1;
-    b(
-      $,
-      v,
-      A
-    );
-  }, [t]);
-  const H = (A) => {
-    e.autoCompleteData?.autoCompleteText != null && e.analytics?.trackSearch(
-      nt.search,
-      L(o.reportId),
-      A.type,
-      A.name,
-      e.autoCompleteData?.autoCompleteText
-    ), e.autoCompleteActions?.onAutoCompleteEntity?.(A);
-  }, {
-    autoCompleteData: J,
-    autoCompleteActions: _e,
-    scrollPosition: k,
-    ...P
-  } = e, Je = /* @__PURE__ */ s.jsx(
-    jt,
-    {
-      downloadReportOptions: {
-        type: "simple_menu",
-        downloadMenu: {
-          simpleMenuItems: [
-            {
-              type: "excel",
-              isDisabled: N,
-              isDownloading: j === "In-Progress"
-            }
-          ],
-          onDownloadClick: async (A) => {
-            if (A === "excel")
-              if (j === "In-Progress") {
-                console.log("Download is already in progress!");
-                return;
-              } else
-                i(!0);
-          }
-        }
-      }
-    }
-  );
-  return /* @__PURE__ */ s.jsxs(In, { children: [
-    /* @__PURE__ */ s.jsx(
-      Bt,
-      {
-        title: m.reportTitle,
-        backgroundColor: n.colors.grey5,
-        onBackClick: p,
-        rightSideComponent: Je,
-        downloadPresent: !0,
-        searchAutoComplete: {
-          autoCompleteData: e.autoCompleteData,
-          autoCompleteActions: {
-            ...e.autoCompleteActions,
-            onAutoCompleteEntity: H
-          }
-        },
-        source: "DashboardReportPage",
-        style: { zIndex: 2 }
-      }
-    ),
-    V ? /* @__PURE__ */ s.jsx(zn, { children: /* @__PURE__ */ s.jsx(Tt, { size: "Standard", start: !0 }) }) : N ? /* @__PURE__ */ s.jsx(
-      Zt,
-      {
-        style: { background: n.colors.grey5 },
-        emptyContentText: r.common.noReport.replace(
-          "_item-name_",
-          `${r.reportTitleById.operating_expenses.toLowerCase()}`
-        ),
-        EmptyContentImage: Ht
-      }
-    ) : /* @__PURE__ */ s.jsxs(s.Fragment, { children: [
-      /* @__PURE__ */ s.jsxs(An, { windowSize: t, children: [
-        /* @__PURE__ */ s.jsx(Wn, { ...P }),
-        /* @__PURE__ */ s.jsx(
-          Mn,
-          {
-            highlightedRangeReport: o,
-            uiState: c
-          }
-        ),
-        S ? /* @__PURE__ */ s.jsx(kn, {}) : /* @__PURE__ */ s.jsx(En, { ...P }),
-        /* @__PURE__ */ s.jsx(Dn, { children: /* @__PURE__ */ s.jsx($t, { insights: C }) })
-      ] }),
-      /* @__PURE__ */ s.jsx(
-        Fn,
-        {
-          scrollPosition: k,
-          isPageFetchInProgress: S,
-          ...P
-        }
-      )
-    ] })
-  ] });
-}, Mn = te.memo(
-  ms,
-  ee
-), En = te.memo(ps, ee), Fn = te.memo(Pn, ee), Wn = te.memo(un, ee);
-export {
-  mo as default
-};