@zeniai/web-components 3.16.91 → 3.16.93

package/dist/DashboardReportPage-DRYx3AOy.js

@@ -0,0 +1,2536 @@
+import { j as s, A as Je, u as K, at as Qe, S as et, c as ie, k as ee, b as tt, x as st } from "./vendor-.pnpm-B2klaOGU.js";
+import * as B from "react";
+import te, { useState as Y, useEffect as G } 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, F as ae, a as _, R, D as T, b as Oe, B as $e, C as I, V as ke, a7 as ft, n as bt, aq as xt, p as _t, ax as wt, ay as Ct, E as St, ag as yt, dB as Re, dK as vt, aE as Bt, A as Tt, eV as jt } from "./index-l08vvOmt.js";
+import { t as Z, a as oe } from "./analyticsHelper-DXVBA0aW.js";
+import { d as Pt, R as Ot } from "./ReportTableViewSelector-Dv7BwM1q.js";
+import { I as $t } from "./InsightsSection-Bauri5yR.js";
+import { B as se, g as ue, m as we, a as kt, b as Rt } from "./detailCommon-VW4xegQy.js";
+import { C as Nt, a as Lt, O as Ce, R as Se, N as ye } from "./RevenueChart-D_yexiAR.js";
+import { N as It } from "./NoDataChart-6R5pxJVo.js";
+import { g as L } from "./getReferrerType-DjPOy76W.js";
+import { keyframes as Ne } from "@emotion/react";
+import { T as At } from "./TimeRangeSwitcher-C4Tph63B.js";
+import { T as Le } from "./TimeframeSwitcher-LLgotbh8.js";
+import { u as F, g as he, a as Dt, b as Mt, C as zt } from "./CollapsableReportTable-DdMyzUD0.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-BxzLwMCb.js";
+import { N as Vt } from "./NoDataTable-CNx0KCKn.js";
+import { m as pe, r as ge } from "./mapTimeframeHeaderLoadingInProgressToTreeNode-CUFXYz6j.js";
+import { m as fe } from "./mapLoadingInProgressToTreeNode-D5WZ1WGx.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};
+`, Yt = u.div`
+  width: ${d.sp12};
+  height: ${d.sp12};
+  flex-shrink: 0;
+`, Gt = 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(Yt, { children: /* @__PURE__ */ s.jsx(n, {}) }),
+    /* @__PURE__ */ s.jsx(Gt, { 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 Kt(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 Xt(e) {
+  const t = Kt(e);
+  if (t != null)
+    return Pt(
+      e.statementEndPoint,
+      e.authParams,
+      t
+    );
+}
+const Jt = 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(Jt, { 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(Je, { 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)
+  );
+}, Me = {
+  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"
+  }
+}, ze = 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: ${ze} 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: ${ze} 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 = K(), m = (c) => {
+    c.stopPropagation(), t();
+  }, o = () => {
+    window.open(a.toString(), "_blank");
+  }, l = Me[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 = K(), m = (c) => {
+    c.stopPropagation(), t();
+  }, o = () => {
+    window.open(a.toString(), "_blank");
+  }, l = Me[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
+  }
+})), Ye = (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``, Ms = u.div`
+  min-width: ${(e) => q.forecastNameInnerWidth.valuePx(e.windowSize)};
+  &:hover {
+    .info-tooltip {
+      display: flex;
+      flex-direction: row;
+      justify-content: center;
+      align-items: center;
+    }
+  }
+`, zs = 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};
+`, Ys = u.span`
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+  max-width: ${(e) => q.forecastNameOuterWidth.valuePx(e.windowSize)};
+  text-align: right;
+`, Gs = 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``, Ks = 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)};
+`, Xs = u(xt)`
+  color: ${(e) => e.theme.colors.grey5};
+`;
+function Js({
+  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] = Y(
+    l(t)
+  );
+  return te.useEffect(() => {
+    g(l(t));
+  }, [t]), /* @__PURE__ */ s.jsxs(Ms, { windowSize: r, children: [
+    /* @__PURE__ */ s.jsx(qs, { children: /* @__PURE__ */ s.jsx(Ks, { className: "info-tooltip", windowSize: r, children: /* @__PURE__ */ s.jsx(Xs, { 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 = K(), r = O(), [m, o] = Y(e), l = i.colors.grey5, c = i.colors.grey5, g = i.colors.grey3;
+  G(() => {
+    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(Gs, { children: [
+    /* @__PURE__ */ s.jsx(Ys, { 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(zs, { 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;
+`, Ge = 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(
+    Ye,
+    {
+      checked: t,
+      edge: "end",
+      disabled: n === !0,
+      disableRipple: n === !0,
+      onChange: (i) => {
+        a(i.target.checked);
+      }
+    }
+  )
+] });
+function Ke({
+  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(
+      Js,
+      {
+        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(
+      Ye,
+      {
+        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(Ge, { 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(Ke, { ...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(Ge, { 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(Ke, { ...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
+  ), [$, z] = Y(!1), U = ot(
+    "https://meetings.hubspot.com/svitlana-grankovska"
+  ), E = n.mode, N = n.selectedForecast;
+  G(() => {
+    E === "forecast_mode" && x === "Completed" && w?.length === 0 && (z(!0), document.body.style.overflow = "hidden");
+  }, [x, E, w]), G(() => {
+    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: () => {
+          z(!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
+          ), X = Rt(
+            c,
+            S
+          );
+          Te(
+            t.firstMonthOfFY,
+            b,
+            t.reportId,
+            h,
+            X.thisPeriod,
+            e.analytics
+          ), m(
+            H,
+            X
+          );
+        }
+      }
+    )
+  ] }) });
+}, 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 M({
+  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 = M({
+    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 = M({
+    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 = M({
+      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 = M({
+    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 = M({
+      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 = M({
+    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 = Mt(
+    "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 = M({
+      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 = M({
+    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 = M({
+    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 = K(), {
+    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
+    );
+  }, [$, z] = Y(
+    void 0
+  ), [U, E] = Y(
+    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", X = 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 G(() => {
+    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), z(P);
+    } else {
+      const P = yn(
+        $,
+        k,
+        S,
+        N
+      );
+      z(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(
+      zt,
+      {
+        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
+      }
+    ),
+    X === !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", J = {
+  chartWidth: "100%",
+  barCount: 8,
+  barWidth: new R(T[6], T[8], T[10]),
+  maxBarHeight: 1
+}, kn = ({
+  customStyle: e,
+  chartDefaultHeight: t,
+  chartDefaultWidth: n = J.chartWidth,
+  barCount: a = J.barCount,
+  barHeights: i = [0.4, 0.5, 0.6, 1, 0.3, 0.5, 0.2, 0.7],
+  backgroundColor: r
+}) => {
+  const m = K(), o = O(), l = t ?? Q.chartHeight.value(o), c = l - T[5], g = [...Array(a)].map((h, p) => ({
+    height: (i?.[p] || J.maxBarHeight) * l,
+    width: J.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: J.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};
+`, Mn = 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 = K(), [a, i] = Y(!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, z = Re(), U = z.loggedInUserRole != null && !ht(z.loggedInUserRole), E = e.selectedRangeReport.reportId === "cash_in_cash_out" || e.selectedRangeReport.reportId === "cash_position";
+  G(() => {
+    async function A() {
+      await Xt({
+        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";
+  G(() => {
+    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: X,
+    autoCompleteActions: _e,
+    scrollPosition: k,
+    ...P
+  } = e, Xe = /* @__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: Xe,
+        downloadPresent: !0,
+        searchAutoComplete: {
+          autoCompleteData: e.autoCompleteData,
+          autoCompleteActions: {
+            ...e.autoCompleteActions,
+            onAutoCompleteEntity: H
+          }
+        },
+        source: "DashboardReportPage",
+        style: { zIndex: 2 }
+      }
+    ),
+    V ? /* @__PURE__ */ s.jsx(Mn, { 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(
+          zn,
+          {
+            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
+        }
+      )
+    ] })
+  ] });
+}, zn = te.memo(
+  ms,
+  ee
+), En = te.memo(ps, ee), Fn = te.memo(Pn, ee), Wn = te.memo(un, ee);
+export {
+  mo as default
+};