@zeniai/web-components 3.16.60 → 3.16.62

package/dist/PandLWithForecastPage-CJVsuWO-.js

@@ -0,0 +1,563 @@
+import { u as L, j as t, k as re, b as ne } from "./vendor-.pnpm-DtFedGku.js";
+import { useState as U, useEffect as ae } from "react";
+import n from "@emotion/styled";
+import { Event as R } from "@zeniai/client-analytics";
+import { u as z, j as A, aE as ie, a as c, B as ce, S as s, H as le, fg as de, eP as me, ac as ge, P as he, a1 as pe, o as ue, A as xe, R as D, t as fe, D as $, dI as Se } from "./index-DosfnUdx.js";
+import { N as je } from "./NavBarWithPicker-yALKpDve.js";
+import { t as Pe } from "./analyticsHelper-BGI8oWT_.js";
+import { T as we } from "./TimeframeSwitcherWithToggle-D9vM9qm5.js";
+import { C as be, i as $e } from "./CollapsableReportTable-BEEd8gul.js";
+import { S as W } from "./usp-line-BBd1wKwW.js";
+import { isPandLReportViewSectionID as ye, isPandLReportViewCalculatedSectionID as Te } from "@zeniai/client-epic-state";
+import { b as ve, c as Ce, m as ze } from "./mapSectionWithAcOnlyToTreeNode-VpJqG-LU.js";
+import { m as q } from "./mapTimeframeBalancesToTreeNode-Bbut8SfB.js";
+const G = "https://storage.googleapis.com/zeni-apis.appspot.com/images/forecast-overview-vs-actual.png", Y = "https://storage.googleapis.com/zeni-apis.appspot.com/images/forecast-overview-vs-actual-dark.png", ke = n.div`
+  display: flex;
+  flex: 1 1 auto;
+  min-height: 100%;
+  flex-direction: column;
+  background-color: ${(e) => e.theme.colors.grey4};
+`, Le = n.div`
+  padding: ${(e) => e.windowSize === "small" ? `${s.sp0} ${s.sp3}` : `${s.sp0} ${s.sp8}`};
+  text-align: center;
+`, Ne = n(de)`
+  max-width: 600px;
+  margin: auto;
+  padding: ${s.sp7} ${s.sp0};
+  color: ${(e) => e.theme.colors.primary};
+`, Re = n(le)`
+  max-width: 600px;
+  margin: auto;
+  padding: ${s.sp5} ${s.sp0};
+  color: ${(e) => e.theme.colors.primary};
+`, K = n.div`
+  display: flex;
+  flex-direction: ${(e) => e.windowSize === "small" ? "column" : "row"};
+  align-items: center;
+  justify-content: center;
+  margin-bottom: ${(e) => e.windowSize === "small" ? s.sp3 : s.sp4};
+`, Ae = n.div``, J = n.div`
+  width: ${(e) => e.windowSize === "small" ? "auto" : "408px"};
+  display: flex;
+  flex-direction: column;
+`, Q = n.div`
+  width: ${(e) => e.windowSize === "small" ? "100%" : "calc(100% - 408px)"};
+  overflow: hidden;
+  max-width: 712px;
+  display: flex;
+`, X = n.div`
+  margin-left: ${(e) => e.windowSize === "small" ? s.sp0 : s.sp6};
+  margin-bottom: ${(e) => e.windowSize === "small" ? s.sp4 : s.sp0};
+  background: ${(e) => e.theme.colors.background};
+  border-radius: 12px;
+  border: ${(e) => `1px solid ${e.theme.colors.grey5}`};
+  padding: 15px;
+`, y = n.div`
+  border-radius: ${s.sp12};
+  border: ${(e) => `1px solid ${e.theme.colors.grey2}`};
+  padding: ${(e) => e.windowSize === "small" ? `${s.sp2} ${s.sp4} ${s.sp2} ${s.sp0}` : `${s.sp3} ${s.sp5} ${s.sp3} ${s.sp0}`};
+  background: ${(e) => e.theme.colors.grey5};
+  position: relative;
+  margin-bottom: ${s.sp3};
+  display: flex;
+  align-items: center;
+  text-align: start;
+  box-sizing: border-box;
+`, F = n(ue)`
+  color: ${(e) => e.theme.colors.champion};
+`, _ = n(pe)`
+  color: ${(e) => e.theme.colors.champion};
+`, I = n(he)`
+  color: ${(e) => e.theme.colors.champion};
+`, B = n(ge)`
+  color: ${(e) => e.theme.colors.champion};
+`, T = n.div``, v = n.div`
+  padding-left: ${s.sp3};
+`, Z = n(W)`
+  color: ${(e) => e.theme.colors.graphColor18};
+`, ee = n(W)`
+  color: ${(e) => e.theme.colors.graphColor25};
+`, te = n(W)`
+  color: ${(e) => e.theme.colors.graphColor04};
+`, Fe = n(me)`
+  margin: ${s.sp3} auto;
+  max-width: 422px;
+  color: ${(e) => e.theme.colors.hero};
+`, _e = () => {
+  const e = L(), o = z();
+  return /* @__PURE__ */ t.jsxs(K, { windowSize: o, children: [
+    /* @__PURE__ */ t.jsx(Q, { windowSize: o, children: /* @__PURE__ */ t.jsx(X, { windowSize: o, children: e.mode === "dark" ? /* @__PURE__ */ t.jsx(
+      "img",
+      {
+        src: Y,
+        alt: "forecast-promo",
+        style: { width: "100%", height: "auto" }
+      }
+    ) : /* @__PURE__ */ t.jsx(
+      "img",
+      {
+        src: G,
+        alt: "forecast-promo",
+        style: { width: "100%", height: "auto" }
+      }
+    ) }) }),
+    /* @__PURE__ */ t.jsxs(J, { windowSize: o, children: [
+      /* @__PURE__ */ t.jsxs(y, { windowSize: o, children: [
+        /* @__PURE__ */ t.jsx(T, { children: /* @__PURE__ */ t.jsx(Z, {}) }),
+        /* @__PURE__ */ t.jsxs(v, { children: [
+          /* @__PURE__ */ t.jsx(B, { children: c.getLocalizedStrings().forecastPromoPage.accuratelyText.bold }),
+          /* @__PURE__ */ t.jsx(I, { children: c.getLocalizedStrings().forecastPromoPage.accuratelyText.regular })
+        ] })
+      ] }),
+      /* @__PURE__ */ t.jsxs(y, { windowSize: o, children: [
+        /* @__PURE__ */ t.jsx(T, { children: /* @__PURE__ */ t.jsx(ee, {}) }),
+        /* @__PURE__ */ t.jsxs(v, { children: [
+          /* @__PURE__ */ t.jsx(B, { children: c.getLocalizedStrings().forecastPromoPage.trackText.bold }),
+          /* @__PURE__ */ t.jsx(I, { children: c.getLocalizedStrings().forecastPromoPage.trackText.regular })
+        ] })
+      ] }),
+      /* @__PURE__ */ t.jsxs(y, { windowSize: o, children: [
+        /* @__PURE__ */ t.jsx(T, { children: /* @__PURE__ */ t.jsx(te, {}) }),
+        /* @__PURE__ */ t.jsxs(v, { children: [
+          /* @__PURE__ */ t.jsx(B, { children: c.getLocalizedStrings().forecastPromoPage.preciseText.bold }),
+          /* @__PURE__ */ t.jsx(I, { children: c.getLocalizedStrings().forecastPromoPage.preciseText.regular })
+        ] })
+      ] })
+    ] })
+  ] });
+}, Ie = () => {
+  const e = L(), o = z();
+  return /* @__PURE__ */ t.jsxs(K, { windowSize: o, children: [
+    /* @__PURE__ */ t.jsxs(J, { windowSize: o, children: [
+      /* @__PURE__ */ t.jsxs(y, { windowSize: o, style: { width: "408px" }, children: [
+        /* @__PURE__ */ t.jsx(T, { children: /* @__PURE__ */ t.jsx(Z, {}) }),
+        /* @__PURE__ */ t.jsxs(v, { children: [
+          /* @__PURE__ */ t.jsx(_, { children: c.getLocalizedStrings().forecastPromoPage.accuratelyText.bold }),
+          /* @__PURE__ */ t.jsx(F, { children: c.getLocalizedStrings().forecastPromoPage.accuratelyText.regular })
+        ] })
+      ] }),
+      /* @__PURE__ */ t.jsxs(
+        y,
+        {
+          windowSize: o,
+          style: { width: "275px", alignSelf: "end" },
+          children: [
+            /* @__PURE__ */ t.jsx(T, { children: /* @__PURE__ */ t.jsx(ee, {}) }),
+            /* @__PURE__ */ t.jsxs(v, { children: [
+              /* @__PURE__ */ t.jsx(_, { children: c.getLocalizedStrings().forecastPromoPage.trackText.bold }),
+              /* @__PURE__ */ t.jsx(F, { children: c.getLocalizedStrings().forecastPromoPage.trackText.regular })
+            ] })
+          ]
+        }
+      ),
+      /* @__PURE__ */ t.jsxs(y, { windowSize: o, style: { width: "408px" }, children: [
+        /* @__PURE__ */ t.jsx(T, { children: /* @__PURE__ */ t.jsx(te, {}) }),
+        /* @__PURE__ */ t.jsxs(v, { children: [
+          /* @__PURE__ */ t.jsx(_, { children: c.getLocalizedStrings().forecastPromoPage.preciseText.bold }),
+          /* @__PURE__ */ t.jsx(F, { children: c.getLocalizedStrings().forecastPromoPage.preciseText.regular })
+        ] })
+      ] })
+    ] }),
+    /* @__PURE__ */ t.jsx(Q, { windowSize: o, children: /* @__PURE__ */ t.jsx(X, { windowSize: o, children: e.mode === "dark" ? /* @__PURE__ */ t.jsx(
+      "img",
+      {
+        src: Y,
+        alt: "forecast-promo",
+        style: { width: "640px", height: "402px" }
+      }
+    ) : /* @__PURE__ */ t.jsx(
+      "img",
+      {
+        src: G,
+        alt: "forecast-promo",
+        style: { width: "640px", height: "402px" }
+      }
+    ) }) })
+  ] });
+}, Be = ({
+  meetingUrl: e,
+  onBackClick: o,
+  onClickMenuIcon: r
+}) => {
+  const i = L(), l = z(), d = () => {
+    window.open(e.toString(), "_blank");
+  };
+  return /* @__PURE__ */ t.jsxs(ke, { "data-testid": A("forecast-promo-page"), children: [
+    /* @__PURE__ */ t.jsx(
+      ie,
+      {
+        title: c.getLocalizedStrings().forecastPromoPage.title,
+        backgroundColor: i.colors.grey4,
+        onBackClick: o,
+        showMenuIcon: l === "medium-compact" || l === "small",
+        onClickMenuIcon: r,
+        source: "ForecastPromoPage"
+      }
+    ),
+    /* @__PURE__ */ t.jsxs(
+      Le,
+      {
+        "data-testid": A("forecast-promo-container"),
+        windowSize: l,
+        children: [
+          l === "small" ? /* @__PURE__ */ t.jsx(Re, { children: c.getLocalizedStrings().forecastPromoPage.promoText }) : /* @__PURE__ */ t.jsx(Ne, { children: c.getLocalizedStrings().forecastPromoPage.promoText }),
+          l === "small" ? /* @__PURE__ */ t.jsx(_e, {}) : /* @__PURE__ */ t.jsx(Ie, {}),
+          /* @__PURE__ */ t.jsxs(
+            Ae,
+            {
+              "data-testid": A("forecast-promo-bottom-container"),
+              children: [
+                /* @__PURE__ */ t.jsx(
+                  ce,
+                  {
+                    variant: "primary",
+                    label: c.getLocalizedStrings().forecastPromoPage.meetingButton,
+                    onClick: d
+                  }
+                ),
+                /* @__PURE__ */ t.jsx(Fe, { children: c.getLocalizedStrings().forecastPromoPage.forecastUpload })
+              ]
+            }
+          )
+        ]
+      }
+    )
+  ] });
+};
+function We(e, o, r = !0) {
+  const i = c.getLocalizedStrings().reports, l = e.filter.balancesRange.numberOfPeriods, d = e.sections.expenses != null && e.sections.expenses.balances.length > 0 ? e.sections.expenses.balances : e.sections.income != null ? e.sections.income.balances : [], h = q({
+    balances: d,
+    config: o
+  }), g = [];
+  return g.push(h), e.idsInOrder.forEach(
+    (a) => {
+      if (ye(a) === !0) {
+        const x = e.sections[a];
+        if (x == null)
+          return;
+        x.accountGroups.length > 0 ? g.push(
+          ve({
+            section: e.sections[a],
+            sectionType: a,
+            numOfBalances: l,
+            title: i.sections[a],
+            isLastNode: !0,
+            config: o
+          })
+        ) : g.push(
+          Ce({
+            sectionWithAcOnly: e.sections[a],
+            sectionType: a,
+            numOfBalances: l,
+            title: i.sections[a],
+            isLastNode: !0,
+            config: o
+          })
+        );
+      } else Te(a) === !0 && g.push(
+        ze({
+          calculatedSection: e.calculatedSections[a],
+          numOfBalances: l,
+          title: i.sections[a],
+          isLastNode: !0,
+          config: o
+        })
+      );
+    }
+  ), {
+    config: o,
+    headerNodes: r ? [h] : [],
+    contentNodes: g
+  };
+}
+function Ee(e, o, r, i = !0) {
+  Object.assign(e.config, o);
+  const l = r.sections.expenses.balances.length > 0 ? [
+    ...r.sections.expenses.balances,
+    ...r.sections.expenses.additionalBalances
+  ] : [
+    ...r.sections.income.balances,
+    ...r.sections.income.additionalBalances
+  ], d = q({
+    balances: l,
+    config: o,
+    nodeId: e.contentNodes[0].id
+  }), h = e.contentNodes.slice(1);
+  return h.forEach(
+    (g) => oe(g, o)
+  ), {
+    config: o,
+    headerNodes: i ? [d] : [],
+    contentNodes: [d, ...h]
+  };
+}
+function oe(e, o) {
+  Object.assign(e.reportElementData.config, o), e.children.forEach(
+    (r) => oe(r, o)
+    // Note: recursive call!
+  );
+}
+const k = {
+  contentPaddingLeft: new D($[3], $[3], $[8]),
+  contentPaddingRight: new D($[3], $[3], $[8])
+}, Me = n.div`
+  display: flex;
+  flex: 1 1 auto;
+  min-height: 100%;
+  flex-direction: column;
+  background-color: ${(e) => e.theme.colors.grey4};
+`, Oe = n.div`
+  display: flex;
+  flex: 1 1 auto;
+  flex-direction: column;
+  width: 99.9%;
+  margin-top: ${s.sp2};
+  background-color: ${(e) => e.theme.colors.grey4};
+`, Ue = n.div`
+  display: flex;
+  width: 100%;
+  flex: 1;
+  height: 100%;
+  flex-direction: row;
+  justify-content: center;
+  align-items: center;
+  background-color: ${(e) => e.theme.colors.grey4};
+`, V = ({ fetchState: e }) => e === "In-Progress" || e === "Not-Started" ? /* @__PURE__ */ t.jsx(Ue, { children: /* @__PURE__ */ t.jsx(xe, { size: "ExtraLarge", start: !0 }) }) : null, De = n.div`
+  display: flex;
+  width: 100%;
+  flex-direction: column;
+  padding-left: ${(e) => e.paddingLeft}px;
+  padding-right: ${(e) => e.paddingRight}px;
+`, Ve = n.div`
+  display: flex;
+  width: 100%;
+  align-items: center;
+  justify-content: center;
+  margin-bottom: ${s.sp3};
+`, He = ({
+  forecastList: e,
+  selectedForecastIndex: o,
+  onForecastSelectionChanged: r,
+  vsActualOn: i,
+  onVsActualChanged: l,
+  selectedTimeframe: d,
+  onTimeframeChanged: h,
+  onBackClick: g,
+  isPandLReportFetching: a,
+  onClickMenuIcon: x
+}) => {
+  const p = z(), u = [];
+  for (let m = 0; m < e.length; ++m)
+    u.push(`${m}`);
+  const f = {
+    backgroundColor: "transparent",
+    picker: {
+      backgroundColor: "transparent",
+      pickerValues: u,
+      valueToLabel: (m) => e[parseInt(m)]?.name ?? "",
+      selectedValue: `${o}`,
+      titleTextStyle: fe.largeMedium,
+      onPickerSelectionChanged: (m) => {
+        if (m != null) {
+          const C = e[parseInt(m)];
+          r?.(
+            C.id,
+            parseInt(m)
+          );
+        }
+      },
+      styles: {
+        justifyContent: p === "small" ? "left" : "center"
+      },
+      isPickerDisabled: a
+    },
+    onBackClick: g,
+    showMenuIcon: p === "medium-compact" || p === "small",
+    onClickMenuIcon: x
+  }, w = {
+    toggle: {
+      label: c.getLocalizedStrings().reports.forecast.vsActual,
+      isOn: i,
+      onValueChanged: l
+    },
+    timeframe: {
+      allowedTimeframes: ["month", "quarter", "year"],
+      selectedTimeframe: d,
+      onTimeframeSelectionChanged: (m) => h?.(m)
+    }
+  };
+  return /* @__PURE__ */ t.jsxs(
+    De,
+    {
+      paddingLeft: k.contentPaddingLeft.value(p),
+      paddingRight: k.contentPaddingRight.value(p),
+      children: [
+        /* @__PURE__ */ t.jsx(je, { ...f }),
+        a ? "" : /* @__PURE__ */ t.jsx(Ve, { children: /* @__PURE__ */ t.jsx(we, { ...w }) })
+      ]
+    }
+  );
+}, qe = ({
+  report: e,
+  type: o,
+  isActualVsForecastOn: r,
+  compareMode: i,
+  onAccountBalanceClick: l,
+  onCompareModeChanged: d,
+  scrollPosition: h,
+  onTableScroll: g,
+  nodeOpenStatus: a,
+  onNodeCollapseToggled: x
+}) => {
+  const p = L(), u = z(), [f, w] = U(
+    void 0
+  ), [m, C] = U(
+    void 0
+  ), b = !(u === "small" || u === "medium-compact"), N = r === !0 ? "actual_vs_forecast" : "none";
+  return ae(() => {
+    const j = {
+      reportId: `${e.reportId}+${e.forecast?.id}`,
+      displayOrder: "ascending_date",
+      reportFormat: "more_detailed",
+      mode: N,
+      firstMonthOfFY: e.firstMonthOfFY,
+      filterAccountsWithNilBalances: $e(o) === !0 && r === !1 ? "filter_forecast_nil_balances" : "filter_actual_forecast_nil_balances",
+      filterAccountGroupsWithNilBalances: "filter_actual_forecast_empty_account_group_balances",
+      dataAvailable: e.dataAvailable,
+      showNegativeAmountInParenthesis: Se()
+    };
+    if (f == null || !re(m, e)) {
+      const S = We(
+        e,
+        j,
+        b
+      );
+      C(e), w(S);
+    } else {
+      const S = Ee(
+        f,
+        j,
+        e,
+        b
+      );
+      w(S);
+    }
+  }, [o, r, e]), f != null ? /* @__PURE__ */ t.jsx(
+    be,
+    {
+      backgroundColor: new ne(p.colors.grey4),
+      rootNodes: f,
+      type: o,
+      compareMode: i,
+      isSticky: {
+        isStickyHeader: b,
+        isStickyName: b
+      },
+      treeNodePadding: {
+        left: k.contentPaddingLeft.value(u),
+        right: k.contentPaddingRight.value(u)
+      },
+      onAccountClick: l == null ? void 0 : (j, S) => {
+        l(j, S);
+      },
+      onCompareModeChanged: d,
+      scrollPosition: h,
+      onScroll: g,
+      nodeOpenStatus: a,
+      onNodeCollapseToggled: x
+    }
+  ) : null;
+};
+function ct({
+  selectedTimeframe: e,
+  isForecastVsActualOn: o,
+  compareMode: r,
+  forecastList: i,
+  selectedForecast: l,
+  pandLreport: d,
+  type: h,
+  meetingUrl: g,
+  analytics: a,
+  onForecastSelectionChanged: x,
+  onTimeframeChanged: p,
+  onForecastVsActualsCompareToggle: u,
+  onAccountBalanceClick: f,
+  onCompareModeChanged: w,
+  scrollPosition: m,
+  onTableScroll: C,
+  nodeOpenStatus: b,
+  onNodeCollapseToggled: N,
+  onBackClick: j,
+  onClickMenuIcon: S
+}) {
+  const E = [i.fetchState, d.fetchState], M = l?.index ?? -1;
+  return se(E) === !0 || i.fetchState === "Completed" && i.forecasts.length === 0 ? /* @__PURE__ */ t.jsx(
+    Be,
+    {
+      meetingUrl: g,
+      onBackClick: j,
+      onClickMenuIcon: S
+    }
+  ) : H([i.fetchState]) === !0 ? /* @__PURE__ */ t.jsx(V, { fetchState: Ye(E) }) : /* @__PURE__ */ t.jsxs(Me, { children: [
+    /* @__PURE__ */ t.jsx(
+      He,
+      {
+        forecastList: i.forecasts,
+        selectedForecastIndex: M,
+        onForecastSelectionChanged: (P, O) => {
+          a?.trackForecastSwitch(
+            R.profitAndLossWithForecast,
+            i.forecasts[O].name
+          ), x?.(P, O);
+        },
+        vsActualOn: o,
+        onVsActualChanged: (P) => {
+          a?.trackForecastVsActualMode(
+            R.profitAndLossWithForecast,
+            i.forecasts[M].name,
+            P
+          ), u?.(P);
+        },
+        selectedTimeframe: e,
+        onTimeframeChanged: (P) => {
+          a?.trackTimeframeSwitch(
+            Pe(P),
+            R.profitAndLossWithForecast
+          ), p?.(P);
+        },
+        onBackClick: j,
+        isPandLReportFetching: H([d.fetchState]),
+        onClickMenuIcon: S
+      }
+    ),
+    d.fetchState === "In-Progress" ? /* @__PURE__ */ t.jsx(V, { fetchState: "In-Progress" }) : /* @__PURE__ */ t.jsx(Oe, { children: /* @__PURE__ */ t.jsx(
+      qe,
+      {
+        report: d,
+        type: h,
+        isActualVsForecastOn: o,
+        compareMode: r,
+        onAccountBalanceClick: f,
+        onCompareModeChanged: w,
+        scrollPosition: m,
+        onTableScroll: C,
+        nodeOpenStatus: b,
+        onNodeCollapseToggled: N
+      }
+    ) })
+  ] });
+}
+const Ge = (e) => e.reduce(
+  (o, r) => o === !0 && r === "Completed",
+  !0
+), se = (e) => e.reduce(
+  (o, r) => o === !0 || r === "Error",
+  !1
+), H = (e) => e.reduce(
+  (o, r) => o === !0 || r === "Not-Started" || r === "In-Progress",
+  !1
+), Ye = (e) => Ge(e) === !0 ? "Completed" : se(e) === !0 ? "Error" : "In-Progress";
+export {
+  ct as default,
+  H as isAnyInProgress
+};

package/dist/PandLWithForecastPage-CPrUlfc2.cjs

@@ -0,0 +1,107 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./vendor-.pnpm-CT-Z_-kn.cjs"),$=require("react"),r=require("@emotion/styled"),L=require("@zeniai/client-analytics"),s=require("./index-CGiOrCyX.cjs"),te=require("./NavBarWithPicker-b1Ry0LcJ.cjs"),se=require("./analyticsHelper-CnvFGRDd.cjs"),oe=require("./TimeframeSwitcherWithToggle-D-A_NOYB.cjs"),q=require("./CollapsableReportTable-mL-dznc8.cjs"),W=require("./usp-line-CnxyxnEe.cjs"),O=require("@zeniai/client-epic-state"),C=require("./mapSectionWithAcOnlyToTreeNode-B9mJ3VTt.cjs"),U=require("./mapTimeframeBalancesToTreeNode-CWdMS7Ir.cjs"),D="https://storage.googleapis.com/zeni-apis.appspot.com/images/forecast-overview-vs-actual.png",V="https://storage.googleapis.com/zeni-apis.appspot.com/images/forecast-overview-vs-actual-dark.png",ne=r.div`
+  display: flex;
+  flex: 1 1 auto;
+  min-height: 100%;
+  flex-direction: column;
+  background-color: ${e=>e.theme.colors.grey4};
+`,re=r.div`
+  padding: ${e=>e.windowSize==="small"?`${s.Space.sp0} ${s.Space.sp3}`:`${s.Space.sp0} ${s.Space.sp8}`};
+  text-align: center;
+`,ie=r(s.H4Regular)`
+  max-width: 600px;
+  margin: auto;
+  padding: ${s.Space.sp7} ${s.Space.sp0};
+  color: ${e=>e.theme.colors.primary};
+`,ae=r(s.H5Regular)`
+  max-width: 600px;
+  margin: auto;
+  padding: ${s.Space.sp5} ${s.Space.sp0};
+  color: ${e=>e.theme.colors.primary};
+`,H=r.div`
+  display: flex;
+  flex-direction: ${e=>e.windowSize==="small"?"column":"row"};
+  align-items: center;
+  justify-content: center;
+  margin-bottom: ${e=>e.windowSize==="small"?s.Space.sp3:s.Space.sp4};
+`,ce=r.div``,G=r.div`
+  width: ${e=>e.windowSize==="small"?"auto":"408px"};
+  display: flex;
+  flex-direction: column;
+`,Y=r.div`
+  width: ${e=>e.windowSize==="small"?"100%":"calc(100% - 408px)"};
+  overflow: hidden;
+  max-width: 712px;
+  display: flex;
+`,K=r.div`
+  margin-left: ${e=>e.windowSize==="small"?s.Space.sp0:s.Space.sp6};
+  margin-bottom: ${e=>e.windowSize==="small"?s.Space.sp4:s.Space.sp0};
+  background: ${e=>e.theme.colors.background};
+  border-radius: 12px;
+  border: ${e=>`1px solid ${e.theme.colors.grey5}`};
+  padding: 15px;
+`,w=r.div`
+  border-radius: ${s.Space.sp12};
+  border: ${e=>`1px solid ${e.theme.colors.grey2}`};
+  padding: ${e=>e.windowSize==="small"?`${s.Space.sp2} ${s.Space.sp4} ${s.Space.sp2} ${s.Space.sp0}`:`${s.Space.sp3} ${s.Space.sp5} ${s.Space.sp3} ${s.Space.sp0}`};
+  background: ${e=>e.theme.colors.grey5};
+  position: relative;
+  margin-bottom: ${s.Space.sp3};
+  display: flex;
+  align-items: center;
+  text-align: start;
+  box-sizing: border-box;
+`,z=r(s.StandardRegularSp)`
+  color: ${e=>e.theme.colors.champion};
+`,k=r(s.StandardMediumSp)`
+  color: ${e=>e.theme.colors.champion};
+`,N=r(s.SmallRegularSp)`
+  color: ${e=>e.theme.colors.champion};
+`,A=r(s.SmallMediumSp)`
+  color: ${e=>e.theme.colors.champion};
+`,P=r.div``,T=r.div`
+  padding-left: ${s.Space.sp3};
+`,J=r(W.SvgUspLine)`
+  color: ${e=>e.theme.colors.graphColor18};
+`,Q=r(W.SvgUspLine)`
+  color: ${e=>e.theme.colors.graphColor25};
+`,X=r(W.SvgUspLine)`
+  color: ${e=>e.theme.colors.graphColor04};
+`,le=r(s.SuperSmallRegular)`
+  margin: ${s.Space.sp3} auto;
+  max-width: 422px;
+  color: ${e=>e.theme.colors.hero};
+`,de=()=>{const e=t.useTheme(),o=s.useWindowSizeContext();return t.jsxRuntimeExports.jsxs(H,{windowSize:o,children:[t.jsxRuntimeExports.jsx(Y,{windowSize:o,children:t.jsxRuntimeExports.jsx(K,{windowSize:o,children:e.mode==="dark"?t.jsxRuntimeExports.jsx("img",{src:V,alt:"forecast-promo",style:{width:"100%",height:"auto"}}):t.jsxRuntimeExports.jsx("img",{src:D,alt:"forecast-promo",style:{width:"100%",height:"auto"}})})}),t.jsxRuntimeExports.jsxs(G,{windowSize:o,children:[t.jsxRuntimeExports.jsxs(w,{windowSize:o,children:[t.jsxRuntimeExports.jsx(P,{children:t.jsxRuntimeExports.jsx(J,{})}),t.jsxRuntimeExports.jsxs(T,{children:[t.jsxRuntimeExports.jsx(A,{children:s.appLocale.getLocalizedStrings().forecastPromoPage.accuratelyText.bold}),t.jsxRuntimeExports.jsx(N,{children:s.appLocale.getLocalizedStrings().forecastPromoPage.accuratelyText.regular})]})]}),t.jsxRuntimeExports.jsxs(w,{windowSize:o,children:[t.jsxRuntimeExports.jsx(P,{children:t.jsxRuntimeExports.jsx(Q,{})}),t.jsxRuntimeExports.jsxs(T,{children:[t.jsxRuntimeExports.jsx(A,{children:s.appLocale.getLocalizedStrings().forecastPromoPage.trackText.bold}),t.jsxRuntimeExports.jsx(N,{children:s.appLocale.getLocalizedStrings().forecastPromoPage.trackText.regular})]})]}),t.jsxRuntimeExports.jsxs(w,{windowSize:o,children:[t.jsxRuntimeExports.jsx(P,{children:t.jsxRuntimeExports.jsx(X,{})}),t.jsxRuntimeExports.jsxs(T,{children:[t.jsxRuntimeExports.jsx(A,{children:s.appLocale.getLocalizedStrings().forecastPromoPage.preciseText.bold}),t.jsxRuntimeExports.jsx(N,{children:s.appLocale.getLocalizedStrings().forecastPromoPage.preciseText.regular})]})]})]})]})},pe=()=>{const e=t.useTheme(),o=s.useWindowSizeContext();return t.jsxRuntimeExports.jsxs(H,{windowSize:o,children:[t.jsxRuntimeExports.jsxs(G,{windowSize:o,children:[t.jsxRuntimeExports.jsxs(w,{windowSize:o,style:{width:"408px"},children:[t.jsxRuntimeExports.jsx(P,{children:t.jsxRuntimeExports.jsx(J,{})}),t.jsxRuntimeExports.jsxs(T,{children:[t.jsxRuntimeExports.jsx(k,{children:s.appLocale.getLocalizedStrings().forecastPromoPage.accuratelyText.bold}),t.jsxRuntimeExports.jsx(z,{children:s.appLocale.getLocalizedStrings().forecastPromoPage.accuratelyText.regular})]})]}),t.jsxRuntimeExports.jsxs(w,{windowSize:o,style:{width:"275px",alignSelf:"end"},children:[t.jsxRuntimeExports.jsx(P,{children:t.jsxRuntimeExports.jsx(Q,{})}),t.jsxRuntimeExports.jsxs(T,{children:[t.jsxRuntimeExports.jsx(k,{children:s.appLocale.getLocalizedStrings().forecastPromoPage.trackText.bold}),t.jsxRuntimeExports.jsx(z,{children:s.appLocale.getLocalizedStrings().forecastPromoPage.trackText.regular})]})]}),t.jsxRuntimeExports.jsxs(w,{windowSize:o,style:{width:"408px"},children:[t.jsxRuntimeExports.jsx(P,{children:t.jsxRuntimeExports.jsx(X,{})}),t.jsxRuntimeExports.jsxs(T,{children:[t.jsxRuntimeExports.jsx(k,{children:s.appLocale.getLocalizedStrings().forecastPromoPage.preciseText.bold}),t.jsxRuntimeExports.jsx(z,{children:s.appLocale.getLocalizedStrings().forecastPromoPage.preciseText.regular})]})]})]}),t.jsxRuntimeExports.jsx(Y,{windowSize:o,children:t.jsxRuntimeExports.jsx(K,{windowSize:o,children:e.mode==="dark"?t.jsxRuntimeExports.jsx("img",{src:V,alt:"forecast-promo",style:{width:"640px",height:"402px"}}):t.jsxRuntimeExports.jsx("img",{src:D,alt:"forecast-promo",style:{width:"640px",height:"402px"}})})})]})},xe=({meetingUrl:e,onBackClick:o,onClickMenuIcon:n})=>{const a=t.useTheme(),c=s.useWindowSizeContext(),l=()=>{window.open(e.toString(),"_blank")};return t.jsxRuntimeExports.jsxs(ne,{"data-testid":s.generateDataTestId("forecast-promo-page"),children:[t.jsxRuntimeExports.jsx(s.NavBar,{title:s.appLocale.getLocalizedStrings().forecastPromoPage.title,backgroundColor:a.colors.grey4,onBackClick:o,showMenuIcon:c==="medium-compact"||c==="small",onClickMenuIcon:n,source:"ForecastPromoPage"}),t.jsxRuntimeExports.jsxs(re,{"data-testid":s.generateDataTestId("forecast-promo-container"),windowSize:c,children:[c==="small"?t.jsxRuntimeExports.jsx(ae,{children:s.appLocale.getLocalizedStrings().forecastPromoPage.promoText}):t.jsxRuntimeExports.jsx(ie,{children:s.appLocale.getLocalizedStrings().forecastPromoPage.promoText}),c==="small"?t.jsxRuntimeExports.jsx(de,{}):t.jsxRuntimeExports.jsx(pe,{}),t.jsxRuntimeExports.jsxs(ce,{"data-testid":s.generateDataTestId("forecast-promo-bottom-container"),children:[t.jsxRuntimeExports.jsx(s.Button,{variant:"primary",label:s.appLocale.getLocalizedStrings().forecastPromoPage.meetingButton,onClick:l}),t.jsxRuntimeExports.jsx(le,{children:s.appLocale.getLocalizedStrings().forecastPromoPage.forecastUpload})]})]})]})};function me(e,o,n=!0){const a=s.appLocale.getLocalizedStrings().reports,c=e.filter.balancesRange.numberOfPeriods,l=e.sections.expenses!=null&&e.sections.expenses.balances.length>0?e.sections.expenses.balances:e.sections.income!=null?e.sections.income.balances:[],x=U.mapTimeframeBalancesToTreeNode({balances:l,config:o}),p=[];return p.push(x),e.idsInOrder.forEach(i=>{if(O.isPandLReportViewSectionID(i)===!0){const g=e.sections[i];if(g==null)return;g.accountGroups.length>0?p.push(C.mapAccountViewSectionToTreeNode({section:e.sections[i],sectionType:i,numOfBalances:c,title:a.sections[i],isLastNode:!0,config:o})):p.push(C.mapAccountViewSectionWithSubAccountsOnlyToTreeNode({sectionWithAcOnly:e.sections[i],sectionType:i,numOfBalances:c,title:a.sections[i],isLastNode:!0,config:o}))}else O.isPandLReportViewCalculatedSectionID(i)===!0&&p.push(C.mapCalculatedSectionToTreeNode({calculatedSection:e.calculatedSections[i],numOfBalances:c,title:a.sections[i],isLastNode:!0,config:o}))}),{config:o,headerNodes:n?[x]:[],contentNodes:p}}function ue(e,o,n,a=!0){Object.assign(e.config,o);const c=n.sections.expenses.balances.length>0?[...n.sections.expenses.balances,...n.sections.expenses.additionalBalances]:[...n.sections.income.balances,...n.sections.income.additionalBalances],l=U.mapTimeframeBalancesToTreeNode({balances:c,config:o,nodeId:e.contentNodes[0].id}),x=e.contentNodes.slice(1);return x.forEach(p=>Z(p,o)),{config:o,headerNodes:a?[l]:[],contentNodes:[l,...x]}}function Z(e,o){Object.assign(e.reportElementData.config,o),e.children.forEach(n=>Z(n,o))}const v={contentPaddingLeft:new s.ResponsiveSized(s.sp[3],s.sp[3],s.sp[8]),contentPaddingRight:new s.ResponsiveSized(s.sp[3],s.sp[3],s.sp[8])},ge=r.div`
+  display: flex;
+  flex: 1 1 auto;
+  min-height: 100%;
+  flex-direction: column;
+  background-color: ${e=>e.theme.colors.grey4};
+`,he=r.div`
+  display: flex;
+  flex: 1 1 auto;
+  flex-direction: column;
+  width: 99.9%;
+  margin-top: ${s.Space.sp2};
+  background-color: ${e=>e.theme.colors.grey4};
+`,je=r.div`
+  display: flex;
+  width: 100%;
+  flex: 1;
+  height: 100%;
+  flex-direction: row;
+  justify-content: center;
+  align-items: center;
+  background-color: ${e=>e.theme.colors.grey4};
+`,M=({fetchState:e})=>e==="In-Progress"||e==="Not-Started"?t.jsxRuntimeExports.jsx(je,{children:t.jsxRuntimeExports.jsx(s.ActivityIndicator,{size:"ExtraLarge",start:!0})}):null,fe=r.div`
+  display: flex;
+  width: 100%;
+  flex-direction: column;
+  padding-left: ${e=>e.paddingLeft}px;
+  padding-right: ${e=>e.paddingRight}px;
+`,Se=r.div`
+  display: flex;
+  width: 100%;
+  align-items: center;
+  justify-content: center;
+  margin-bottom: ${s.Space.sp3};
+`,Re=({forecastList:e,selectedForecastIndex:o,onForecastSelectionChanged:n,vsActualOn:a,onVsActualChanged:c,selectedTimeframe:l,onTimeframeChanged:x,onBackClick:p,isPandLReportFetching:i,onClickMenuIcon:g})=>{const m=s.useWindowSizeContext(),u=[];for(let d=0;d<e.length;++d)u.push(`${d}`);const h={backgroundColor:"transparent",picker:{backgroundColor:"transparent",pickerValues:u,valueToLabel:d=>e[parseInt(d)]?.name??"",selectedValue:`${o}`,titleTextStyle:s.textStyles.largeMedium,onPickerSelectionChanged:d=>{if(d!=null){const b=e[parseInt(d)];n?.(b.id,parseInt(d))}},styles:{justifyContent:m==="small"?"left":"center"},isPickerDisabled:i},onBackClick:p,showMenuIcon:m==="medium-compact"||m==="small",onClickMenuIcon:g},R={toggle:{label:s.appLocale.getLocalizedStrings().reports.forecast.vsActual,isOn:a,onValueChanged:c},timeframe:{allowedTimeframes:["month","quarter","year"],selectedTimeframe:l,onTimeframeSelectionChanged:d=>x?.(d)}};return t.jsxRuntimeExports.jsxs(fe,{paddingLeft:v.contentPaddingLeft.value(m),paddingRight:v.contentPaddingRight.value(m),children:[t.jsxRuntimeExports.jsx(te.NavBarWithPicker,{...h}),i?"":t.jsxRuntimeExports.jsx(Se,{children:t.jsxRuntimeExports.jsx(oe.TimeframeSwitcherWithToggle,{...R})})]})},Ee=({report:e,type:o,isActualVsForecastOn:n,compareMode:a,onAccountBalanceClick:c,onCompareModeChanged:l,scrollPosition:x,onTableScroll:p,nodeOpenStatus:i,onNodeCollapseToggled:g})=>{const m=t.useTheme(),u=s.useWindowSizeContext(),[h,R]=$.useState(void 0),[d,b]=$.useState(void 0),E=!(u==="small"||u==="medium-compact"),y=n===!0?"actual_vs_forecast":"none";return $.useEffect(()=>{const f={reportId:`${e.reportId}+${e.forecast?.id}`,displayOrder:"ascending_date",reportFormat:"more_detailed",mode:y,firstMonthOfFY:e.firstMonthOfFY,filterAccountsWithNilBalances:q.isForecastBalanceKind(o)===!0&&n===!1?"filter_forecast_nil_balances":"filter_actual_forecast_nil_balances",filterAccountGroupsWithNilBalances:"filter_actual_forecast_empty_account_group_balances",dataAvailable:e.dataAvailable,showNegativeAmountInParenthesis:s.getShowNegativeAmountInParenthesisDefaultValue()};if(h==null||!t.isEqual(d,e)){const j=me(e,f,E);b(e),R(j)}else{const j=ue(h,f,e,E);R(j)}},[o,n,e]),h!=null?t.jsxRuntimeExports.jsx(q.CollapsableReportTable,{backgroundColor:new t.Color(m.colors.grey4),rootNodes:h,type:o,compareMode:a,isSticky:{isStickyHeader:E,isStickyName:E},treeNodePadding:{left:v.contentPaddingLeft.value(u),right:v.contentPaddingRight.value(u)},onAccountClick:c==null?void 0:(f,j)=>{c(f,j)},onCompareModeChanged:l,scrollPosition:x,onScroll:p,nodeOpenStatus:i,onNodeCollapseToggled:g}):null};function we({selectedTimeframe:e,isForecastVsActualOn:o,compareMode:n,forecastList:a,selectedForecast:c,pandLreport:l,type:x,meetingUrl:p,analytics:i,onForecastSelectionChanged:g,onTimeframeChanged:m,onForecastVsActualsCompareToggle:u,onAccountBalanceClick:h,onCompareModeChanged:R,scrollPosition:d,onTableScroll:b,nodeOpenStatus:E,onNodeCollapseToggled:y,onBackClick:f,onClickMenuIcon:j}){const _=[a.fetchState,l.fetchState],I=c?.index??-1;return ee(_)===!0||a.fetchState==="Completed"&&a.forecasts.length===0?t.jsxRuntimeExports.jsx(xe,{meetingUrl:p,onBackClick:f,onClickMenuIcon:j}):F([a.fetchState])===!0?t.jsxRuntimeExports.jsx(M,{fetchState:Te(_)}):t.jsxRuntimeExports.jsxs(ge,{children:[t.jsxRuntimeExports.jsx(Re,{forecastList:a.forecasts,selectedForecastIndex:I,onForecastSelectionChanged:(S,B)=>{i?.trackForecastSwitch(L.Event.profitAndLossWithForecast,a.forecasts[B].name),g?.(S,B)},vsActualOn:o,onVsActualChanged:S=>{i?.trackForecastVsActualMode(L.Event.profitAndLossWithForecast,a.forecasts[I].name,S),u?.(S)},selectedTimeframe:e,onTimeframeChanged:S=>{i?.trackTimeframeSwitch(se.toTimeframeFilter(S),L.Event.profitAndLossWithForecast),m?.(S)},onBackClick:f,isPandLReportFetching:F([l.fetchState]),onClickMenuIcon:j}),l.fetchState==="In-Progress"?t.jsxRuntimeExports.jsx(M,{fetchState:"In-Progress"}):t.jsxRuntimeExports.jsx(he,{children:t.jsxRuntimeExports.jsx(Ee,{report:l,type:x,isActualVsForecastOn:o,compareMode:n,onAccountBalanceClick:h,onCompareModeChanged:R,scrollPosition:d,onTableScroll:b,nodeOpenStatus:E,onNodeCollapseToggled:y})})]})}const Pe=e=>e.reduce((o,n)=>o===!0&&n==="Completed",!0),ee=e=>e.reduce((o,n)=>o===!0||n==="Error",!1),F=e=>e.reduce((o,n)=>o===!0||n==="Not-Started"||n==="In-Progress",!1),Te=e=>Pe(e)===!0?"Completed":ee(e)===!0?"Error":"In-Progress";exports.default=we;exports.isAnyInProgress=F;