@zeniai/web-components 3.16.86 → 3.16.87

package/dist/DownloadOverlay-BZsj9dyx.js

@@ -1,2148 +0,0 @@
-import { u as Ue, j as t, C as he } from "./vendor-.pnpm-D5gxGIYo.js";
-import * as h from "react";
-import pe from "react";
-import { keyframes as We } from "@emotion/react";
-import i from "@emotion/styled";
-import { addPeriod as ue, getStartOfAndEndOfTimeframeForFY as _, subtractPeriod as q, dateNow as nt, getFYQuarterAndYear as Y, formatZeniDate as X, zeniDate as k, getTimeframeTickTag as ge, isIncompleteMonthPresentInTimeframeTick as W, getLastMonthOfFYQuarter as it, getActualPeriodOfFYQtr as lt, toQuarter as dt, getActualPeriodOfFY as ct, getLastMonthOfFYYear as mt } from "@zeniai/client-epic-state";
-import { a as C, S as s, Z as ut, f2 as ft, f3 as ht, o as R, ag as pt, f4 as gt, E as xe, ax as xt, aq as He, K as bt, f5 as J, C as be, Q as yt, n as $t, eX as Ye, t as te, w as Ge, eY as wt, f6 as ye, f7 as $e, B as ae, V as Ct, z as Ze, D as N, A as qe, f8 as Xe, u as we, f9 as St, e6 as Dt, R as G, b as vt } from "./index-CHni923I.js";
-import { t as jt } from "./analyticsHelper-BgebveIM.js";
-import { R as Ot, d as Ft } from "./ReportTableViewSelector-Dl-b99Ev.js";
-import { S as Yt } from "./page-detail-CWX5S47F.js";
-import { S as _t } from "./page-summary-D7_VQHwN.js";
-const kt = [
-  "profit_and_loss",
-  "profit_and_loss_by_classes",
-  "balance_sheet",
-  "cash_flow",
-  "cover_page",
-  "operating_expenses",
-  "revenue",
-  "net_burn_or_income",
-  "cash_position",
-  "cash_in_cash_out"
-];
-function ne(e, r, o, a) {
-  let n = 0;
-  if (!(e !== 1 && (r === "quarter" || r === "year")))
-    n = o.endDate.endOf(r).diff(o.startDate.startOf(r), r) + 1;
-  else
-    switch (r) {
-      case "quarter": {
-        const { startOfTimeframeFY: l } = _(
-          o.startDate,
-          e,
-          "quarter"
-        ), { endOfTimeframeFY: u } = _(
-          o.endDate,
-          e,
-          "quarter"
-        );
-        n = Math.ceil(
-          Math.ceil(
-            u.diff(l, "month", !0)
-          ) / 3
-        );
-        break;
-      }
-      case "year": {
-        const { startOfTimeframeFY: l } = _(
-          o.startDate,
-          e,
-          "year"
-        ), { endOfTimeframeFY: u } = _(
-          o.endDate,
-          e,
-          "year"
-        );
-        n = Math.ceil(
-          Math.ceil(
-            u.diff(l, "month", !0)
-          ) / 12
-        );
-        break;
-      }
-    }
-  return a != null ? Math.min(n, a) : n;
-}
-function re(e, r, o, a = 1) {
-  if (a > 1) {
-    const n = q(
-      o,
-      e,
-      a - 1,
-      r
-    ), { startOfTimeframeFY: m } = _(
-      n,
-      e,
-      r
-    );
-    return {
-      firstMonthOfFY: e,
-      timeframe: r,
-      dateRange: {
-        startDate: m,
-        endDate: o
-      }
-    };
-  } else
-    return {
-      firstMonthOfFY: e,
-      timeframe: r,
-      dateRange: {
-        startDate: o,
-        endDate: o
-      }
-    };
-}
-class _e {
-  _firstMonthOfFY;
-  _timeframe;
-  _dataAvailable;
-  _endDate;
-  _numberOfPeriods;
-  _maxNumberOfPeriods;
-  constructor(r, o, a, n, m, l = a.endDate) {
-    if (a.endDate.isBefore(a.startDate))
-      throw Error(
-        `Invalid data available period ${JSON.stringify(a)}`
-      );
-    this._firstMonthOfFY = r, this._timeframe = o, this._dataAvailable = a, this._numberOfPeriods = n, this._maxNumberOfPeriods = m, this._endDate = l;
-  }
-  get value() {
-    return re(
-      this.firstMonthOfFY,
-      this.timeframe,
-      this.endDate,
-      this.numberOfPeriods
-    );
-  }
-  get dataAvailable() {
-    return this._dataAvailable;
-  }
-  get firstMonthOfFY() {
-    return this._firstMonthOfFY;
-  }
-  get timeframe() {
-    return this._timeframe;
-  }
-  set timeframe(r) {
-    this._timeframe = r;
-  }
-  get numberOfPeriods() {
-    return this._numberOfPeriods;
-  }
-  get maxNumberOfPeriods() {
-    return this._maxNumberOfPeriods;
-  }
-  set maxNumberOfPeriods(r) {
-    if (r <= 0)
-      throw Error(`Invalid maxNumberOfPeriods ${this.maxNumberOfPeriods}`);
-    this._maxNumberOfPeriods = r;
-  }
-  get startDate() {
-    return this.value.dateRange.startDate;
-  }
-  get endDate() {
-    return this._endDate;
-  }
-  /**
-   * Valid calendar period for the given timeframe
-   * and maxNumberOfPeriods.
-   * @returns
-   */
-  getValidCalendarPeriod() {
-    const r = ue(
-      this.startDate,
-      this.firstMonthOfFY,
-      this.maxNumberOfPeriods - 1,
-      this.timeframe
-    );
-    let { endOfTimeframeFY: o } = _(
-      r,
-      this.firstMonthOfFY,
-      this.timeframe
-    );
-    return o.isAfter(this.dataAvailable.endDate) && (o = this.dataAvailable.endDate), {
-      startDate: this.startDate,
-      endDate: o
-    };
-  }
-  canUpdateToPeriod(r, o) {
-    if (this.firstMonthOfFY === 1 || this.timeframe === "month")
-      return r.isBetween(
-        this.dataAvailable.startDate.startOf(this.timeframe),
-        this.dataAvailable.endDate.endOf(this.timeframe),
-        null,
-        "[]"
-      ) && o.isBetween(
-        this.dataAvailable.startDate.startOf(this.timeframe),
-        this.dataAvailable.endDate.endOf(this.timeframe),
-        null,
-        "[]"
-      );
-    {
-      const { startOfTimeframeFY: a } = _(
-        this.dataAvailable.startDate,
-        this.firstMonthOfFY,
-        this.timeframe
-      ), { endOfTimeframeFY: n } = _(
-        this.dataAvailable.endDate,
-        this.firstMonthOfFY,
-        this.timeframe
-      );
-      return r.isBetween(
-        a,
-        n,
-        null,
-        "[]"
-      ) && o.isBetween(
-        a,
-        n,
-        null,
-        "[]"
-      );
-    }
-  }
-  updatePeriod(r, o) {
-    if (!this.canUpdateToPeriod(r, o))
-      return !1;
-    let a = ne(
-      this.firstMonthOfFY,
-      this.timeframe,
-      {
-        startDate: r,
-        endDate: o
-      }
-    );
-    if (a > this.maxNumberOfPeriods) {
-      a = this._numberOfPeriods;
-      const { endOfTimeframeFY: n } = _(
-        ue(
-          r,
-          this.firstMonthOfFY,
-          this._numberOfPeriods - 1,
-          this.timeframe
-        ),
-        this.firstMonthOfFY,
-        this.timeframe
-      );
-      this._endDate = n;
-    } else if (r.isAfter(o)) {
-      a = 1;
-      const { endOfTimeframeFY: n } = _(
-        r,
-        this.firstMonthOfFY,
-        this.timeframe
-      );
-      this._endDate = n;
-    } else
-      this._endDate = o;
-    return this._endDate.isAfter(this.dataAvailable.endDate) && (this._endDate = this.dataAvailable.endDate), this._numberOfPeriods = a, !0;
-  }
-  updateStartDate(r) {
-    return this.updatePeriod(r, this.endDate);
-  }
-  updateEndDate(r) {
-    return this.updatePeriod(this.startDate, r);
-  }
-}
-const le = ["1", "2", "3", "4"], de = nt().localeData().monthsShort(), T = {
-  pdf: 12,
-  excel: 100,
-  csv: 100
-}, E = (e, r, o) => {
-  const a = C.getLocalizedStrings().dateFormat.analytics.YYYYFormat, n = [];
-  if (e === 1 || r === "month") {
-    const { startDate: m, endDate: l } = o;
-    let u = m;
-    for (; u.isSameOrBefore(l, "year"); )
-      n.push(u.format(a)), u = ue(u, e, 1, "year");
-  } else {
-    const { startOfTimeframeFY: m } = _(
-      o.startDate,
-      e,
-      "year"
-    ), { endOfTimeframeFY: l } = _(
-      o.endDate,
-      e,
-      "year"
-    );
-    let { fyYear: u } = Y(m, e);
-    const { fyYear: p } = Y(l, e);
-    for (; u <= p; )
-      n.push(`${u}`), u++;
-  }
-  return n;
-}, Pt = i.div`
-  padding: ${s.sp3};
-  border: 1px solid ${(e) => e.borderColor.default};
-  border-radius: ${s.sp1};
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  cursor: ${(e) => e.disabled ? "default" : "pointer"};
-  background: ${(e) => e.backgroundColor.default};
-  color: ${(e) => e.textColor.default};
-  &:hover {
-    color: ${(e) => e.textColor.hover};
-    border: 1px solid ${(e) => e.borderColor.hover};
-    & svg {
-      color: ${(e) => e.disabled || e.checked ? "" : e.theme.colors.primary};
-    }
-  }
-`, ke = i.div`
-  display: flex;
-`, Mt = i(R)`
-  margin-left: ${s.sp3};
-`, Tt = i(pt)`
-  color: ${(e) => e.theme.colors.hero};
-  &:hover {
-    color: ${(e) => e.theme.colors.primary};
-  }
-`, Pe = i(ft)`
-  width: ${s.sp4};
-  height: ${s.sp4};
-`, Me = i(ht)`
-  width: ${s.sp4};
-  height: ${s.sp4};
-`, It = (e) => {
-  const {
-    id: r,
-    disabled: o = !1,
-    checked: a = !1,
-    label: n,
-    showInfoIcon: m,
-    tooltipText: l,
-    style: u = {},
-    onClick: p
-  } = e, d = Ue();
-  let x = a ? Pe : Me;
-  d.mode === "dark" && (x = a ? Pe : Me);
-  let $ = a ? d.colors.primary : d.colors.hero;
-  o && ($ = d.colors.grey2);
-  const S = () => {
-    o || p(r, a);
-  };
-  let w = {
-    default: d.colors.background,
-    hover: d.colors.background
-  }, f = {
-    default: d.colors.hero,
-    hover: d.colors.primary
-  }, F = {
-    default: d.colors.grey2,
-    hover: d.colors.primary
-  };
-  return a ? (w = {
-    default: d.colors.grey5,
-    hover: d.colors.grey5
-  }, f = {
-    default: d.colors.primary,
-    hover: d.colors.primary
-  }, F = {
-    default: d.colors.primary,
-    hover: d.colors.primary
-  }) : o && (w = {
-    default: d.colors.grey4,
-    hover: d.colors.grey4
-  }, f = {
-    default: d.colors.grey2,
-    hover: d.colors.grey2
-  }, F = {
-    default: d.colors.grey3,
-    hover: d.colors.grey3
-  }), /* @__PURE__ */ t.jsxs(
-    Pt,
-    {
-      backgroundColor: w,
-      textColor: f,
-      borderColor: F,
-      onClick: S,
-      disabled: o,
-      checked: a,
-      style: { ...u },
-      children: [
-        /* @__PURE__ */ t.jsxs(ke, { children: [
-          /* @__PURE__ */ t.jsx(x, { color: a ? $ : "none" }),
-          n != null ? /* @__PURE__ */ t.jsx(Mt, { children: n }) : null
-        ] }),
-        m === !0 ? /* @__PURE__ */ t.jsx(ke, { style: { marginLeft: s.sp3 }, children: /* @__PURE__ */ t.jsx(ut, { enterDelay: 600, title: l, children: /* @__PURE__ */ t.jsx(Tt, { width: s.sp3, height: s.sp3 }) }) }) : ""
-      ]
-    }
-  );
-}, At = pe.memo(It), Ce = [
-  "year_to_date_total",
-  "free_range_total",
-  "year_to_date_last_year_total",
-  "rolling_12_months",
-  "rolling_12_months_average"
-], Rt = [
-  "this_period_vs_last_period",
-  "this_period_vs_last_period_percent",
-  ...Ce,
-  "this_period_vs_same_period_last_year",
-  "this_period_vs_same_period_last_year_percent",
-  "same_period_last_year"
-], Lt = [
-  "this_period_vs_last_period",
-  "this_period_vs_last_period_percent",
-  ...Ce,
-  "this_period_vs_same_period_last_year",
-  "this_period_vs_same_period_last_year_percent",
-  "same_period_last_year"
-], Bt = [
-  "this_period_vs_last_period",
-  "this_period_vs_last_period_percent",
-  ...Ce
-], Je = {
-  month: Rt,
-  quarter: Lt,
-  year: Bt
-}, Te = i.div`
-  padding-top: ${(e) => e.space};
-`, zt = i(R)`
-  color: ${(e) => e.theme.colors.primary};
-`, Nt = (e, r, o) => {
-  const a = [], n = o.startDate;
-  return q(r, e, 1, "year").isBefore(
-    n
-  ) && a.push(
-    "same_period_last_year",
-    "this_period_vs_same_period_last_year",
-    "this_period_vs_same_period_last_year_percent",
-    "year_to_date_last_year_total"
-  ), a;
-}, Qt = (e) => {
-  const {
-    firstMonthOfFY: r,
-    selectedTimeframe: o,
-    disabledAdditionalColumns: a,
-    selectedAdditionalColumns: n,
-    dateRange: m,
-    calendarPeriod: l,
-    dataAvailable: u,
-    selectedFileType: p,
-    onAdditionalColumnsSelectionChanged: d
-  } = e, x = Nt(
-    r,
-    m.endDate,
-    u
-  );
-  h.useEffect(() => {
-    const c = n.filter(
-      (y) => !x.includes(y)
-    );
-    n.length !== c.length && d(c);
-  }, [
-    x,
-    n,
-    d
-  ]);
-  const $ = l.numberOfPeriods + n.length < T[p], S = C.getLocalizedStrings().downloadReport.additionalColumns[o], w = Je[o], f = (c, y) => {
-    if (y) {
-      const v = n.indexOf(c), b = [...n];
-      b.splice(v, 1), l.maxNumberOfPeriods = T[p] - b.length, d(b);
-    } else
-      l.maxNumberOfPeriods = T[p] - (n.length + 1), d([...n, c]);
-  }, F = (c, y) => {
-    const {
-      dateFormat: { visual: v }
-    } = C.getLocalizedStrings();
-    let b = X(
-      q(m.endDate, y, 1, "year"),
-      v.MMMYYFormat,
-      y
-    );
-    return o === "quarter" && (b = `Q${X(
-      q(m.endDate, y, 1, "year"),
-      v.QYYformat,
-      y
-    )}`), S[c].replace(
-      "-same_period_last_year-",
-      b
-    );
-  };
-  return /* @__PURE__ */ t.jsxs(h.Fragment, { children: [
-    /* @__PURE__ */ t.jsx(zt, { children: C.getLocalizedStrings().downloadReport.addColumns }),
-    /* @__PURE__ */ t.jsx(Te, { space: s.sp3 }),
-    w.map((c) => /* @__PURE__ */ t.jsxs(h.Fragment, { children: [
-      /* @__PURE__ */ t.jsx(
-        At,
-        {
-          checked: n.includes(c),
-          label: F(
-            c,
-            r
-          ),
-          disabled: a?.includes(c) === !0 || x.includes(c) || !$ && !n.includes(c),
-          id: c,
-          onClick: (y, v) => f(y, v),
-          showInfoIcon: x.includes(c) && $,
-          tooltipText: C.getLocalizedStrings().downloadReport.dataNotAvailable
-        }
-      ),
-      /* @__PURE__ */ t.jsx(Te, { space: s.sp3 })
-    ] }, c))
-  ] });
-}, Et = h.memo(Qt), Ie = i.div``, Vt = i.div`
-  padding: ${s.sp2} ${s.sp3};
-  border: 1px solid ${(e) => e.theme.colors.primary};
-  background: ${(e) => e.theme.colors.grey5};
-  border-radius: ${s.sp1};
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-  position: relative;
-`, Ut = i(xe)`
-  color: ${(e) => e.theme.colors.hero};
-`, Wt = i(R)`
-  color: ${(e) => e.theme.colors.primary};
-  margin-top: -2px;
-`, Ht = i(xt)`
-  color: ${(e) => e.theme.colors.hero};
-  width: 12px;
-  height: 12px;
-  margin: auto ${s.sp0};
-  :hover {
-    color: ${(e) => e.theme.colors.primary};
-  }
-`, Gt = (e) => {
-  const { value: r, label: o, onClick: a } = e, n = Ue(), m = C.getLocalizedStrings().reports;
-  return /* @__PURE__ */ t.jsxs(Vt, { onClick: a, children: [
-    /* @__PURE__ */ t.jsxs(Ie, { style: { display: "flex", alignItems: "center" }, children: [
-      /* @__PURE__ */ t.jsx(
-        gt,
-        {
-          color: n.colors.primary,
-          style: { width: s.sp4, height: s.sp4 }
-        }
-      ),
-      /* @__PURE__ */ t.jsxs(Ie, { style: { paddingLeft: s.sp3 }, children: [
-        /* @__PURE__ */ t.jsx(Ut, { style: { color: n.colors.hero }, children: o }),
-        /* @__PURE__ */ t.jsxs(Wt, { style: { color: n.colors.primary }, children: [
-          r,
-          e.timeframeTickTag != null && (e.timeframeTickTag === "under_review" ? m.starred : m.doubleStarred)
-        ] })
-      ] })
-    ] }),
-    /* @__PURE__ */ t.jsx(Ht, {})
-  ] });
-}, Se = pe.memo(Gt), De = (e) => {
-  const {
-    starredPeriod: r,
-    doubleStarredPeriod: o,
-    bookCloseUnderReviewInfo: a,
-    bookCloseIncompleteInfo: n
-  } = e, m = C.getLocalizedStrings().reports;
-  return /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
-    r.length > 0 ? /* @__PURE__ */ t.jsxs(Ae, { children: [
-      /* @__PURE__ */ t.jsx(Le, { children: m.starred }),
-      /* @__PURE__ */ t.jsxs(Re, { children: [
-        /* @__PURE__ */ t.jsx(Be, { children: m.bookCloseInfoStar }),
-        a
-      ] })
-    ] }) : null,
-    o.length > 0 ? /* @__PURE__ */ t.jsxs(Ae, { children: [
-      /* @__PURE__ */ t.jsx(Le, { children: m.doubleStarred }),
-      /* @__PURE__ */ t.jsxs(Re, { children: [
-        /* @__PURE__ */ t.jsx(Be, { children: m.bookCloseIncompleteInfoStar }),
-        n
-      ] })
-    ] }) : null
-  ] });
-}, Ae = i(xe)`
-  background: ${(e) => e.theme.colors.grey4};
-  color: ${(e) => e.theme.colors.primary};
-  padding: ${s.sp2} 27px;
-  display: flex;
-`, Re = i.div``, Le = i(He)`
-  margin-right: 6px;
-`, Be = i.span`
-  font-weight: ${bt.medium};
-`, Zt = i.div`
-  position: relative;
-  cursor: pointer;
-`, qt = i.div`
-  display: flex;
-  z-index: 9;
-  flex-wrap: wrap;
-  box-shadow: ${(e) => `${s.sp0} 2px ${s.sp2} ${e.theme.colors.dropShadowNormal}`};
-  border-radius: ${s.sp0} ${s.sp0} ${s.sp1} ${s.sp1};
-  position: absolute;
-  background: ${(e) => e.theme.colors.grey5};
-  border: 1px solid ${(e) => e.theme.colors.grey2};
-  width: 100%;
-`, Xt = i.div`
-  padding: ${s.sp3};
-  border-top: none;
-  display: flex;
-  flex-wrap: wrap;
-  background: ${(e) => e.theme.colors.grey5};
-  width: 100%;
-`, ze = i.div`
-  padding-top: ${(e) => e.space};
-  width: 100%;
-`, Jt = i.div`
-  border-top: 1px solid ${(e) => e.theme.colors.grey3};
-  width: 100%;
-`, Kt = (e, r, o, a) => {
-  const n = E(e, "month", r).filter(
-    (l) => !k(`${l}-01-01`).isBetween(
-      o.startDate.startOf("year"),
-      o.endDate.endOf("year"),
-      null,
-      "[]"
-    )
-  );
-  return { disabledMonths: de.filter((l) => {
-    const u = a.startDate.format(M.YYYYformat);
-    return !k(`${l} ${u}`, M.MMMYYYYFormat).isBetween(
-      o.startDate.startOf("month"),
-      o.endDate.endOf("month"),
-      null,
-      "[]"
-    );
-  }), disabledYears: n };
-}, eo = (e, r, o, a) => {
-  const n = W(o);
-  return a != null ? de.filter((l) => r.includes(l) === !1 && k(`${l} ${e}`, M.MMMYYYYFormat).isAfter(
-    a
-  ) && (n === !0 ? k(o.endDate.format(M.MMMYYYYFormat)).isSame(
-    k(`${l} ${e}`, M.MMMYYYYFormat)
-  ) === !1 : !0)) : [];
-}, to = (e, r, o, a) => {
-  const n = W(e);
-  return a != null ? de.filter((l) => o.includes(l) === !1 && k(`${l} ${r}`, M.MMMYYYYFormat).isAfter(
-    a
-  ) && (n === !0 ? k(e.endDate.format(M.MMMYYYYFormat)).isSame(
-    k(`${l} ${r}`, M.MMMYYYYFormat)
-  ) === !0 : !1)) : [];
-}, {
-  reports: Ne,
-  dateFormat: { analytics: oe, visual: M }
-} = C.getLocalizedStrings(), oo = (e) => {
-  const { selectedPeriod: r, label: o, validPeriod: a, onNewPeriodSelection: n } = e, [m, l] = h.useState(!1), [u, p] = h.useState(
-    r.startDate.format(oe.MMMFormat)
-  ), [d, x] = h.useState(
-    r.startDate.format(oe.YYYYFormat)
-  ), $ = (b) => {
-    p(b), n("month", {
-      startDate: k(
-        `${b} ${d}`,
-        oe.MMMYYYYFormat
-      ).startOf("month"),
-      endDate: k(
-        `${b} ${d}`,
-        oe.MMMYYYYFormat
-      ).endOf("month")
-    }), l(!1);
-  }, S = (b) => {
-    l(b), p(r.startDate.format(M.MMMformat)), x(r.startDate.format(M.YYYYformat));
-  }, { disabledMonths: w, disabledYears: f } = Kt(
-    e.firstMonthOfFY,
-    e.dataAvailable,
-    a,
-    {
-      startDate: k(d, M.YYYYformat),
-      endDate: k(d, M.YYYYformat)
-    }
-  ), F = E(e.firstMonthOfFY, "month", e.dataAvailable), c = eo(
-    d,
-    w,
-    a,
-    e.bookCloseDate
-  ), y = to(
-    a,
-    d,
-    w,
-    e.bookCloseDate
-  ), v = e.bookCloseDate != null ? ge(
-    "month",
-    e.firstMonthOfFY,
-    r,
-    e.bookCloseDate,
-    e.dataAvailable
-  ) : void 0;
-  return /* @__PURE__ */ t.jsx(he, { onClickAway: () => S(!1), children: /* @__PURE__ */ t.jsxs(Zt, { children: [
-    /* @__PURE__ */ t.jsx(
-      Se,
-      {
-        value: X(
-          r.startDate,
-          M.MMMYYFormat,
-          e.firstMonthOfFY
-        ),
-        onClick: () => S(!m),
-        label: o,
-        timeframeTickTag: v
-      }
-    ),
-    m ? /* @__PURE__ */ t.jsx(h.Fragment, { children: /* @__PURE__ */ t.jsxs(qt, { children: [
-      /* @__PURE__ */ t.jsxs(Xt, { children: [
-        F.map((b) => /* @__PURE__ */ t.jsx(
-          J,
-          {
-            id: b,
-            text: b,
-            disabled: f.includes(b),
-            onClick: (D) => {
-              x(D), p("");
-            },
-            checked: b === d
-          },
-          b
-        )),
-        /* @__PURE__ */ t.jsx(ze, { space: s.sp3 }),
-        /* @__PURE__ */ t.jsx(Jt, {}),
-        /* @__PURE__ */ t.jsx(ze, { space: s.sp3 }),
-        de.map((b) => /* @__PURE__ */ t.jsx(
-          J,
-          {
-            id: b,
-            text: b,
-            disabled: w.includes(b),
-            onClick: (D) => $(D),
-            checked: b === u,
-            starred: c.includes(b) && !w.includes(b),
-            doubleStarred: y.includes(b) && !w.includes(b)
-          },
-          b
-        ))
-      ] }),
-      /* @__PURE__ */ t.jsx(
-        De,
-        {
-          starredPeriod: c,
-          doubleStarredPeriod: y,
-          bookCloseIncompleteInfo: Ne.bookCloseIncompleteInfoMonth,
-          bookCloseUnderReviewInfo: Ne.bookCloseUnderReviewInfoMonth
-        }
-      )
-    ] }) }) : ""
-  ] }) });
-}, so = h.memo(oo), ro = i.div`
-  position: relative;
-  cursor: pointer;
-`, ao = i.div`
-  display: flex;
-  z-index: 9;
-  flex-wrap: wrap;
-  box-shadow: ${(e) => `${s.sp0} 2px ${s.sp2} ${e.theme.colors.dropShadowHover}`};
-  border-radius: ${s.sp0} ${s.sp0} ${s.sp1} ${s.sp1};
-  position: absolute;
-  background: ${(e) => e.theme.colors.grey5};
-  border: 1px solid ${(e) => e.theme.colors.grey2};
-  width: 100%;
-`, no = i.div`
-  padding: ${s.sp3};
-  border-top: none;
-  display: flex;
-  flex-wrap: wrap;
-  background: ${(e) => e.theme.colors.grey5};
-  width: 100%;
-`, Qe = i.div`
-  padding-top: ${(e) => e.space};
-  width: 100%;
-`, io = i.div`
-  border-top: 1px solid ${(e) => e.theme.colors.grey3};
-  width: 100%;
-`, lo = (e, r, o, a) => {
-  const n = E(
-    e,
-    "quarter",
-    r
-  ).filter((l) => {
-    if (e === 1)
-      return !k(`${l}-01-01`).isBetween(
-        o.startDate.startOf("year"),
-        o.endDate.endOf("year"),
-        null,
-        "[]"
-      );
-    {
-      const { fyYear: u } = Y(
-        o.startDate,
-        e
-      ), { fyYear: p } = Y(
-        o.endDate,
-        e
-      );
-      return !(parseInt(l) >= u && parseInt(l) <= p);
-    }
-  });
-  return { disabledQuarters: le.filter((l) => {
-    const u = parseInt(l), p = Y(
-      o.startDate,
-      e
-    ), d = Y(
-      o.endDate,
-      e
-    );
-    return a === p.fyYear && u < p.fyQuarter || a === d.fyYear && u > d.fyQuarter ? !0 : a < p.fyYear || a > d.fyYear;
-  }), disabledYears: n };
-}, co = (e, r, o, a, n) => {
-  const m = W(a);
-  if (n != null) {
-    const l = Y(n, r), u = Y(
-      a.endDate,
-      r
-    );
-    return le.filter((d) => {
-      const x = parseInt(d);
-      return e.includes(d) === !1 && (m !== !0 || u.fyQuarter !== x) && (o === l.fyYear && x >= l.fyQuarter && it(x, r) !== n.month() + 1 || o > l.fyYear);
-    });
-  } else
-    return [];
-}, mo = (e, r, o, a, n) => {
-  const m = W(a);
-  if (n != null) {
-    const l = Y(n, e), u = Y(
-      a.endDate,
-      e
-    );
-    return le.filter((d) => {
-      const x = parseInt(d);
-      return o.includes(d) === !1 && (m !== !0 || u.fyQuarter === x) && r === l.fyYear && x >= l.fyQuarter || r > l.fyYear;
-    });
-  } else
-    return [];
-}, uo = (e) => {
-  const { selectedPeriod: r, label: o, validPeriod: a, onNewPeriodSelection: n } = e, { fyQuarter: m, fyYear: l } = Y(r.startDate, e.firstMonthOfFY), [u, p] = h.useState(!1), [d, x] = h.useState(
-    `${m}`
-  ), [$, S] = h.useState(`${l}`), { reports: w, dateFormat: f } = C.getLocalizedStrings(), F = (g) => {
-    x(g), n(
-      "quarter",
-      lt(
-        e.firstMonthOfFY,
-        dt(parseInt(g)),
-        parseInt($)
-      )
-    ), p(!1);
-  }, c = (g) => {
-    p(g);
-    const { fyQuarter: j, fyYear: A } = Y(
-      r.startDate,
-      e.firstMonthOfFY
-    );
-    x(`${j}`), S(`${A}`);
-  }, { disabledQuarters: y, disabledYears: v } = lo(
-    e.firstMonthOfFY,
-    e.dataAvailable,
-    a,
-    parseInt($)
-  ), b = E(e.firstMonthOfFY, "quarter", e.dataAvailable), D = co(
-    y,
-    e.firstMonthOfFY,
-    parseInt($),
-    a,
-    e.bookCloseDate
-  ), V = mo(
-    e.firstMonthOfFY,
-    parseInt($),
-    y,
-    a,
-    e.bookCloseDate
-  ), I = e.bookCloseDate != null ? ge(
-    "quarter",
-    e.firstMonthOfFY,
-    r,
-    e.bookCloseDate,
-    e.dataAvailable
-  ) : void 0;
-  return /* @__PURE__ */ t.jsx(he, { onClickAway: () => c(!1), children: /* @__PURE__ */ t.jsxs(ro, { children: [
-    /* @__PURE__ */ t.jsx(
-      Se,
-      {
-        value: `Q${X(
-          r.startDate,
-          f.visual.QYYformat,
-          e.firstMonthOfFY
-        )}`,
-        onClick: () => c(!u),
-        label: o,
-        timeframeTickTag: I
-      }
-    ),
-    u ? /* @__PURE__ */ t.jsxs(ao, { children: [
-      /* @__PURE__ */ t.jsxs(no, { children: [
-        b.map((g) => /* @__PURE__ */ t.jsx(
-          J,
-          {
-            id: g,
-            text: g,
-            disabled: v.includes(g),
-            onClick: (j) => {
-              S(j), x("");
-            },
-            checked: g === $
-          },
-          g
-        )),
-        /* @__PURE__ */ t.jsx(Qe, { space: s.sp3 }),
-        /* @__PURE__ */ t.jsx(io, {}),
-        /* @__PURE__ */ t.jsx(Qe, { space: s.sp3 }),
-        le.map((g) => /* @__PURE__ */ t.jsx(
-          J,
-          {
-            id: g,
-            text: `Q${g}`,
-            disabled: y.includes(g),
-            onClick: (j) => F(j),
-            checked: g === d,
-            starred: D.includes(g) && !y.includes(g),
-            doubleStarred: V.includes(g) && !y.includes(g)
-          },
-          g
-        ))
-      ] }),
-      /* @__PURE__ */ t.jsx(
-        De,
-        {
-          starredPeriod: D,
-          doubleStarredPeriod: V,
-          bookCloseIncompleteInfo: w.bookCloseIncompleteInfoQuarter,
-          bookCloseUnderReviewInfo: w.bookCloseUnderReviewInfoQuarter
-        }
-      )
-    ] }) : ""
-  ] }) });
-}, fo = h.memo(uo), ho = i.div`
-  position: relative;
-  cursor: pointer;
-`, po = i.div`
-  display: flex;
-  z-index: 9;
-  flex-wrap: wrap;
-  box-shadow: ${(e) => `${s.sp0} 2px ${s.sp2} ${e.theme.colors.dropShadowHover}`};
-  border-radius: ${s.sp0} ${s.sp0} ${s.sp1} ${s.sp1};
-  position: absolute;
-  background: ${(e) => e.theme.colors.grey5};
-  border: 1px solid ${(e) => e.theme.colors.grey2};
-  width: 100%;
-`, go = i.div`
-  padding: ${s.sp3};
-  border-top: none;
-  display: flex;
-  flex-wrap: wrap;
-  background: ${(e) => e.theme.colors.grey5};
-  width: 100%;
-`, xo = (e, r, o) => E(e, "year", r).filter((a) => {
-  if (e === 1)
-    return !k(`${a}-01-01`).isBetween(
-      o.startDate.startOf("year"),
-      o.endDate.endOf("year"),
-      null,
-      "[]"
-    );
-  {
-    const { fyYear: n } = Y(
-      o.startDate,
-      e
-    ), { fyYear: m } = Y(
-      o.endDate,
-      e
-    );
-    return parseInt(a) < n || parseInt(a) > m;
-  }
-}), bo = (e, r, o, a) => {
-  const n = W(o);
-  if (a != null) {
-    const m = Y(a, e), l = Y(
-      o.endDate,
-      e
-    );
-    return E(e, "year", r).filter(
-      (p) => {
-        const d = parseInt(p);
-        return (n === !0 ? l.fyYear !== d : !0) && parseInt(p) >= m.fyYear && mt(e) !== a.month() + 1;
-      }
-    );
-  } else
-    return [];
-}, yo = (e, r, o, a) => {
-  const n = W(o);
-  if (a != null) {
-    const m = Y(a, e), l = Y(
-      o.endDate,
-      e
-    );
-    return E(e, "year", r).filter(
-      (p) => {
-        const d = parseInt(p);
-        return (n === !0 ? l.fyYear === d : !0) && parseInt(p) >= m.fyYear;
-      }
-    );
-  } else
-    return [];
-}, $o = (e) => {
-  const { selectedPeriod: r, label: o, validPeriod: a, onNewPeriodSelection: n } = e, [m, l] = h.useState(!1), { reports: u, dateFormat: p } = C.getLocalizedStrings(), d = xo(
-    e.firstMonthOfFY,
-    e.dataAvailable,
-    a
-  ), x = E(e.firstMonthOfFY, "year", e.dataAvailable), $ = Y(
-    e.selectedPeriod.startDate,
-    e.firstMonthOfFY
-  ).fyYear, S = bo(
-    e.firstMonthOfFY,
-    e.dataAvailable,
-    a,
-    e.bookCloseDate
-  ), w = yo(
-    e.firstMonthOfFY,
-    e.dataAvailable,
-    a,
-    e.bookCloseDate
-  ), f = e.bookCloseDate != null ? ge(
-    "year",
-    e.firstMonthOfFY,
-    r,
-    e.bookCloseDate,
-    e.dataAvailable
-  ) : void 0, F = p.analytics.YYYYFormat;
-  return /* @__PURE__ */ t.jsx(he, { onClickAway: () => l(!1), children: /* @__PURE__ */ t.jsxs(ho, { children: [
-    /* @__PURE__ */ t.jsx(
-      Se,
-      {
-        value: X(
-          r.startDate,
-          F,
-          e.firstMonthOfFY
-        ),
-        onClick: () => l(!m),
-        label: o,
-        timeframeTickTag: f
-      }
-    ),
-    m ? /* @__PURE__ */ t.jsxs(po, { children: [
-      /* @__PURE__ */ t.jsx(go, { children: x.map((c) => /* @__PURE__ */ t.jsx(
-        J,
-        {
-          id: c,
-          text: c,
-          disabled: d.includes(c),
-          onClick: (y) => {
-            n(
-              "year",
-              ct(
-                e.firstMonthOfFY,
-                parseInt(y)
-              )
-            ), l(!1);
-          },
-          checked: parseInt(c) === $,
-          starred: S.includes(c) && !d.includes(c),
-          doubleStarred: w.includes(c) && !d.includes(c)
-        },
-        c
-      )) }),
-      /* @__PURE__ */ t.jsx(
-        De,
-        {
-          starredPeriod: S,
-          doubleStarredPeriod: w,
-          bookCloseIncompleteInfo: u.bookCloseIncompleteInfoYear,
-          bookCloseUnderReviewInfo: u.bookCloseUnderReviewInfoYear
-        }
-      )
-    ] }) : ""
-  ] }) });
-}, wo = h.memo($o), Co = i.div`
-  display: flex;
-  align-items: center;
-`, So = i($t)`
-  margin-left: ${s.sp2};
-  color: ${(e) => e.theme.colors.hero};
-`, Do = i.div`
-  border-radius: 18px;
-  padding: 0 5.5px;
-  height: 18px;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  color: ${(e) => e.theme.colors.grey5};
-  background: ${(e) => e.showSuccessBadge ? be.success : e.theme.colors.primary};
-`, vo = i(yt)``, jo = (e) => {
-  const { numberOfPeriods: r, numberOfAdditionalColumns: o, selectedFileType: a } = e;
-  return /* @__PURE__ */ t.jsxs(Co, { children: [
-    /* @__PURE__ */ t.jsx(
-      Do,
-      {
-        showSuccessBadge: T[a] === r + o,
-        children: /* @__PURE__ */ t.jsx(vo, { children: r + o })
-      }
-    ),
-    /* @__PURE__ */ t.jsx(So, { children: C.getLocalizedStrings().downloadReport.maxPeriodSelectionAllowed[a] })
-  ] });
-}, Oo = pe.memo(jo), z = i.div`
-  padding-top: ${(e) => e.space};
-`, Fo = i(Ge)`
-  color: ${(e) => e.theme.colors.primary};
-`, ce = i(R)`
-  color: ${(e) => e.theme.colors.primary};
-`, Yo = i.div`
-  border-top: 1px solid ${(e) => e.theme.colors.grey3};
-`, _o = (e, r, o) => {
-  const { endOfTimeframeFY: a } = _(
-    r.startDate,
-    e,
-    o
-  ), { startOfTimeframeFY: n } = _(
-    r.endDate,
-    e,
-    o
-  ), m = {
-    startDate: r.startDate,
-    endDate: a
-  }, l = {
-    startDate: n,
-    endDate: r.endDate
-  };
-  return {
-    fromDateRange: m,
-    toDateRange: l
-  };
-}, ko = (e) => {
-  const {
-    firstMonthOfFY: r,
-    selectedTimeframe: o,
-    numberOfAdditionalColumns: a,
-    calendarPeriod: n,
-    dateRange: m,
-    selectedOrderBy: l,
-    dataAvailable: u,
-    defaultOptions: p,
-    selectedFileType: d,
-    bookCloseDate: x,
-    onDateRangeChange: $,
-    onSelectedTimeframeChange: S,
-    onNewOrderBySelection: w,
-    onAdditionalColumnsSelectionChanged: f
-  } = e, F = (g) => C.getLocalizedStrings().timeframe[g], c = (g) => C.getLocalizedStrings().downloadReport.orderBy[g], y = C.getLocalizedStrings().downloadReport.displayColumns, { fromDateRange: v, toDateRange: b } = _o(
-    r,
-    m,
-    o
-  ), D = (g) => {
-    const j = ne(
-      r,
-      g,
-      u,
-      p.balancesFilter.numberOfPeriods
-    );
-    n.timeframe = g, n.maxNumberOfPeriods = T[d] - p.additionalBalances.length, n.updatePeriod(
-      q(
-        u.endDate,
-        r,
-        j - 1,
-        g
-      ),
-      u.endDate
-    ), $(n.value.dateRange), S(n.value.timeframe), f(p.additionalBalances);
-  }, V = h.useCallback(
-    (g, j, A) => {
-      A === "to" ? n.updateEndDate(j.endDate) : n.updateStartDate(j.startDate), $(n.value.dateRange);
-    },
-    [n, $]
-  ), I = () => {
-    let g = so;
-    return o === "quarter" ? g = fo : o === "year" && (g = wo), /* @__PURE__ */ t.jsxs(h.Fragment, { children: [
-      /* @__PURE__ */ t.jsx(
-        g,
-        {
-          firstMonthOfFY: r,
-          onNewPeriodSelection: (j, A) => V(j, A, "from"),
-          dataAvailable: u,
-          selectedPeriod: v,
-          label: "From",
-          validPeriod: {
-            startDate: u.startDate,
-            endDate: u.endDate
-          },
-          bookCloseDate: x
-        }
-      ),
-      /* @__PURE__ */ t.jsx(z, { space: s.sp3 }),
-      /* @__PURE__ */ t.jsx(
-        g,
-        {
-          firstMonthOfFY: r,
-          onNewPeriodSelection: (j, A) => V(j, A, "to"),
-          dataAvailable: u,
-          selectedPeriod: b,
-          label: "To",
-          validPeriod: n.getValidCalendarPeriod(),
-          bookCloseDate: x
-        }
-      )
-    ] });
-  };
-  return /* @__PURE__ */ t.jsxs(h.Fragment, { children: [
-    /* @__PURE__ */ t.jsx(Fo, { children: y.title }),
-    /* @__PURE__ */ t.jsx(z, { space: s.sp2 }),
-    /* @__PURE__ */ t.jsx(
-      Oo,
-      {
-        numberOfPeriods: n.numberOfPeriods,
-        numberOfAdditionalColumns: a,
-        selectedFileType: d
-      }
-    ),
-    /* @__PURE__ */ t.jsx(z, { space: s.sp5 }),
-    /* @__PURE__ */ t.jsx(ce, { children: y.displayOrderBy }),
-    /* @__PURE__ */ t.jsx(z, { space: s.sp2 }),
-    /* @__PURE__ */ t.jsx(
-      Ye,
-      {
-        pickerValues: ["ascending_date", "descending_date"],
-        valueToLabel: c,
-        selectedValue: l,
-        onPickerSelectionChanged: (g) => w(g),
-        optionTextStyle: te.standardRegular,
-        titleTextStyle: te.standardRegular,
-        outlined: !0
-      }
-    ),
-    /* @__PURE__ */ t.jsx(z, { space: s.sp5 }),
-    /* @__PURE__ */ t.jsx(Yo, {}),
-    /* @__PURE__ */ t.jsx(z, { space: s.sp4 }),
-    /* @__PURE__ */ t.jsx(ce, { children: "Period" }),
-    /* @__PURE__ */ t.jsx(z, { space: s.sp2 }),
-    /* @__PURE__ */ t.jsx(
-      Ye,
-      {
-        pickerValues: ["month", "quarter", "year"],
-        valueToLabel: F,
-        selectedValue: o,
-        onPickerSelectionChanged: (g) => D(g),
-        titleTextStyle: te.standardRegular,
-        optionTextStyle: te.standardRegular,
-        outlined: !0
-      }
-    ),
-    /* @__PURE__ */ t.jsx(z, { space: s.sp4 }),
-    /* @__PURE__ */ t.jsx(ce, { children: y.periodRange }),
-    /* @__PURE__ */ t.jsx(z, { space: s.sp2 }),
-    I()
-  ] });
-}, Po = h.memo(ko), U = i.div`
-  padding-top: ${(e) => e.top ?? 0};
-  padding-left: ${(e) => e.left ?? 0};
-`, Mo = i.div`
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  color: ${(e) => e.theme.colors.hero};
-`, To = i.div`
-  display: flex;
-  justify-content: center;
-`, Io = i.div`
-  text-align: center;
-  color: ${(e) => e.theme.colors.hero};
-  max-width: 475px;
-  box-sizing: content-box;
-  padding: ${s.sp7} ${s.sp11};
-`, Ao = i(Ct)`
-  color: ${(e) => e.theme.colors.primary};
-`, Ro = i(R)`
-  white-space: pre-line;
-`, Lo = i.div`
-  width: 1px;
-  height: ${s.sp7};
-  background: ${(e) => e.theme.colors.grey2};
-`, Ee = i.div``, Bo = (e) => {
-  const { onContinueWithPDFClick: r, onSwitchToExcelClick: o } = e, a = C.getLocalizedStrings().downloadReport.fileSwitchDialogue;
-  return /* @__PURE__ */ t.jsx(wt, { open: !0, children: /* @__PURE__ */ t.jsxs(Io, { children: [
-    /* @__PURE__ */ t.jsxs(Mo, { children: [
-      /* @__PURE__ */ t.jsx(ye, { width: s.sp10, height: s.sp10 }),
-      /* @__PURE__ */ t.jsx(U, { left: s.sp6 }),
-      /* @__PURE__ */ t.jsx(Lo, {}),
-      /* @__PURE__ */ t.jsx(U, { left: s.sp6 }),
-      /* @__PURE__ */ t.jsx($e, { width: s.sp10, height: s.sp10 })
-    ] }),
-    /* @__PURE__ */ t.jsx(U, { top: s.sp6 }),
-    /* @__PURE__ */ t.jsx(Ao, { children: a.pdfLimitation }),
-    /* @__PURE__ */ t.jsx(U, { top: s.sp3 }),
-    /* @__PURE__ */ t.jsx(Ro, { children: a.excelNoLimitation }),
-    /* @__PURE__ */ t.jsx(U, { top: s.sp4 }),
-    /* @__PURE__ */ t.jsxs(To, { children: [
-      /* @__PURE__ */ t.jsxs(Ee, { children: [
-        /* @__PURE__ */ t.jsx(
-          ae,
-          {
-            label: a.switchToExcel,
-            onClick: o,
-            style: { width: "195px" }
-          }
-        ),
-        /* @__PURE__ */ t.jsx(U, { top: s.sp1 })
-      ] }),
-      /* @__PURE__ */ t.jsx(U, { left: s.sp4 }),
-      /* @__PURE__ */ t.jsx(Ee, { children: /* @__PURE__ */ t.jsx(
-        ae,
-        {
-          variant: "primary",
-          label: a.continueWithPDF,
-          onClick: r,
-          style: { width: "195px" }
-        }
-      ) })
-    ] })
-  ] }) });
-}, Ke = h.memo(Bo), ie = C.getLocalizedStrings().downloadReport.footer, zo = i.div`
-  display: flex;
-  justify-content: center;
-  background: ${(e) => e.theme.colors.background};
-  padding: ${s.sp3} ${s.sp3} ${s.sp4} 148px;
-  border-top: 1px solid ${(e) => e.theme.colors.grey3};
-  gap: ${s.sp4};
-`, No = i.div`
-  margin-right: ${(e) => e.space};
-`, Qo = i.div`
-  padding: ${s.sp3};
-  border: 1px solid
-    ${(e) => e.checked ? e.theme.colors.primary : e.theme.colors.grey2};
-  border-radius: ${s.sp2};
-  cursor: pointer;
-  display: flex;
-  justify-content: center;
-  background: ${(e) => e.checked ? e.theme.colors.grey5 : e.theme.colors.background};
-  color: ${(e) => e.checked ? e.theme.colors.primary : e.theme.colors.hero};
-  &:hover {
-    color: ${(e) => e.theme.colors.primary};
-    border: 1px solid ${(e) => e.theme.colors.primary};
-  }
-  height: ${s.sp7};
-  gap: 10px;
-  box-sizing: border-box;
-  align-items: center;
-  position: relative;
-  min-width: 183px;
-  max-width: 183px;
-`, Eo = i.div`
-  border-radius: ${s.sp2};
-  cursor: pointer;
-  display: flex;
-  justify-content: center;
-  height: ${s.sp7};
-  gap: ${s.sp2};
-  box-sizing: border-box;
-  align-items: center;
-  color: ${(e) => e.isResetDisabled ? e.theme.colors.primary : e.theme.colors.grey1};
-`, Vo = i(R)`
-  color: inherit;
-`, Uo = i(R)``, Wo = i.div`
-  display: flex;
-  flex: 1;
-  align-items: center;
-  justify-content: center;
-  gap: ${s.sp4};
-`, Ho = i.div`
-  display: flex;
-  justify-content: space-between;
-  gap: ${s.sp3};
-`, Go = i.div`
-  position: absolute;
-  top: calc(50% - ${(e) => e.offset});
-  left: calc(50% - ${(e) => e.offset});
-`, Zo = i($e)`
-  width: ${s.sp4};
-  height: ${s.sp4};
-`, qo = i(ye)`
-  width: ${s.sp4};
-  height: ${s.sp4};
-`, Xo = [
-  { id: "excel", label: ie.downloadExcel, Icon: qo },
-  { id: "pdf", label: ie.downloadPdf, Icon: Zo }
-], Jo = (e) => {
-  const { label: r, id: o, onClick: a, checked: n, Icon: m, isLoading: l } = e;
-  return /* @__PURE__ */ t.jsx(Qo, { checked: n, onClick: a, id: o, children: l && n ? /* @__PURE__ */ t.jsx(Go, { offset: `${Xe("Standard") / 2}px`, children: /* @__PURE__ */ t.jsx(
-    qe,
-    {
-      size: "Standard",
-      reverseSpinnerColor: !1,
-      start: !0
-    }
-  ) }) : /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
-    /* @__PURE__ */ t.jsx(Uo, { children: r }),
-    /* @__PURE__ */ t.jsx(m, {})
-  ] }) });
-}, Ko = (e) => {
-  const {
-    onViewReportClick: r,
-    downloadingStatement: o,
-    disabledDownloadButton: a,
-    downloadTypeProps: n,
-    onResetClick: m,
-    isResetDisabled: l
-  } = e, {
-    calendarPeriod: u,
-    onNewFileTypeSelection: p,
-    numberOfAdditionalColumns: d,
-    selectedFileType: x,
-    resetToDefaultOption: $
-  } = n, [S, w] = h.useState(!1), f = (c) => {
-    c.stopPropagation(), r();
-  }, F = (c) => {
-    c === "pdf" && u.numberOfPeriods + d > T.pdf ? w(!0) : (u.maxNumberOfPeriods = T[c] - d, p(c));
-  };
-  return /* @__PURE__ */ t.jsxs(
-    zo,
-    {
-      onClick: (c) => c.stopPropagation(),
-      children: [
-        /* @__PURE__ */ t.jsxs(Eo, { isResetDisabled: l, onClick: m, children: [
-          /* @__PURE__ */ t.jsx(Ze, { width: s.sp4, height: s.sp4 }),
-          /* @__PURE__ */ t.jsx(Vo, { children: ie.resetLabel })
-        ] }),
-        /* @__PURE__ */ t.jsxs(Wo, { children: [
-          /* @__PURE__ */ t.jsx(Ho, { children: Xo.map((c) => /* @__PURE__ */ t.jsx(
-            Jo,
-            {
-              ...c,
-              onClick: () => {
-                a || F(c.id);
-              },
-              checked: x === c.id,
-              isLoading: o
-            },
-            c.id
-          )) }),
-          /* @__PURE__ */ t.jsx(
-            No,
-            {
-              space: s.sp0,
-              style: { display: "flex", alignItems: "center", height: N[7] },
-              children: ie.orLabel
-            }
-          ),
-          /* @__PURE__ */ t.jsx(
-            ae,
-            {
-              variant: "primary",
-              label: C.getLocalizedStrings().downloadReport.viewReport,
-              onClick: f,
-              style: { width: "160px" }
-            }
-          )
-        ] }),
-        S ? /* @__PURE__ */ t.jsx(
-          Ke,
-          {
-            onSwitchToExcelClick: () => w(!1),
-            onContinueWithPDFClick: () => {
-              w(!1), p("pdf"), $();
-            }
-          }
-        ) : ""
-      ]
-    }
-  );
-}, es = h.memo(Ko), fe = C.getLocalizedStrings().downloadReport.footer, ts = i.div`
-  display: flex;
-  justify-content: center;
-  background: ${(e) => e.theme.colors.background};
-  padding: ${s.sp3};
-  border-top: 1px solid ${(e) => e.theme.colors.grey3};
-  gap: ${s.sp4};
-`, os = i.div`
-  margin-right: ${(e) => e.space};
-`, ss = i.div`
-  padding: ${s.sp3};
-  border: 1px solid
-    ${(e) => e.checked ? e.theme.colors.primary : e.theme.colors.grey2};
-  border-radius: ${s.sp2};
-  cursor: pointer;
-  display: flex;
-  justify-content: center;
-  background: ${(e) => e.checked ? e.theme.colors.grey5 : e.theme.colors.background};
-  color: ${(e) => e.checked ? e.theme.colors.primary : e.theme.colors.hero};
-  &:hover {
-    color: ${(e) => e.theme.colors.primary};
-    border: 1px solid ${(e) => e.theme.colors.primary};
-  }
-  height: ${s.sp6};
-  gap: 10px;
-  box-sizing: border-box;
-  align-items: center;
-  position: relative;
-  width: 50%;
-`, rs = i(R)``, as = i.div`
-  display: flex;
-  flex: 1;
-  align-items: center;
-  justify-content: center;
-  flex-direction: column;
-  gap: ${s.sp2};
-`, ns = i.div`
-  display: flex;
-  gap: ${s.sp3};
-  width: 100%;
-`, is = i.div`
-  position: absolute;
-  top: calc(50% - ${(e) => e.offset});
-  left: calc(50% - ${(e) => e.offset});
-`, ls = i($e)`
-  width: ${s.sp4};
-  height: ${s.sp4};
-`, ds = i(ye)`
-  width: ${s.sp4};
-  height: ${s.sp4};
-`, cs = [
-  { id: "excel", label: fe.downloadExcel, Icon: ds },
-  { id: "pdf", label: fe.downloadPdf, Icon: ls }
-], ms = (e) => {
-  const { label: r, id: o, onClick: a, checked: n, Icon: m, isLoading: l } = e;
-  return /* @__PURE__ */ t.jsx(ss, { checked: n, onClick: a, id: o, children: l && n ? /* @__PURE__ */ t.jsx(is, { offset: `${Xe("Standard") / 2}px`, children: /* @__PURE__ */ t.jsx(
-    qe,
-    {
-      size: "Standard",
-      reverseSpinnerColor: !1,
-      start: !0
-    }
-  ) }) : /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
-    /* @__PURE__ */ t.jsx(rs, { children: r }),
-    /* @__PURE__ */ t.jsx(m, {})
-  ] }) });
-}, us = (e) => {
-  const {
-    onViewReportClick: r,
-    downloadingStatement: o,
-    disabledDownloadButton: a,
-    downloadTypeProps: n
-  } = e, {
-    calendarPeriod: m,
-    onNewFileTypeSelection: l,
-    numberOfAdditionalColumns: u,
-    selectedFileType: p,
-    resetToDefaultOption: d
-  } = n, [x, $] = h.useState(!1), S = (f) => {
-    f.stopPropagation(), r();
-  }, w = (f) => {
-    f === "pdf" && m.numberOfPeriods + u > T.pdf ? $(!0) : (m.maxNumberOfPeriods = T[f] - u, l(f));
-  };
-  return /* @__PURE__ */ t.jsxs(
-    ts,
-    {
-      onClick: (f) => f.stopPropagation(),
-      children: [
-        /* @__PURE__ */ t.jsxs(as, { children: [
-          /* @__PURE__ */ t.jsx(ns, { children: cs.map((f) => /* @__PURE__ */ t.jsx(
-            ms,
-            {
-              ...f,
-              onClick: () => {
-                a || w(f.id);
-              },
-              checked: p === f.id,
-              isLoading: o
-            },
-            f.id
-          )) }),
-          /* @__PURE__ */ t.jsx(
-            os,
-            {
-              space: s.sp0,
-              style: { display: "flex", alignItems: "center", height: s.sp4 },
-              children: fe.orLabel
-            }
-          ),
-          /* @__PURE__ */ t.jsx(
-            ae,
-            {
-              variant: "primary",
-              label: C.getLocalizedStrings().downloadReport.viewReport,
-              onClick: S,
-              style: { width: "100%" }
-            }
-          )
-        ] }),
-        x ? /* @__PURE__ */ t.jsx(
-          Ke,
-          {
-            onSwitchToExcelClick: () => $(!1),
-            onContinueWithPDFClick: () => {
-              $(!1), l("pdf"), d();
-            }
-          }
-        ) : ""
-      ]
-    }
-  );
-}, fs = h.memo(us), hs = (e) => we() === "small" ? /* @__PURE__ */ t.jsx(fs, { ...e }) : /* @__PURE__ */ t.jsx(es, { ...e }), ps = (e) => /* @__PURE__ */ h.createElement("svg", { viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e }, /* @__PURE__ */ h.createElement("path", { d: "M20.5447 1.65002C21.0182 1.65002 21.4723 1.83811 21.807 2.1729C22.1418 2.5077 22.3299 2.96177 22.3299 3.43524V16.8467C22.3299 18.2612 21.768 19.6177 20.7678 20.6179C19.7676 21.6181 18.4111 22.18 16.9966 22.18H3.58514C3.11168 22.18 2.6576 21.9919 2.3228 21.6571C1.98801 21.3224 1.79993 20.8683 1.79993 20.3948V3.43524C1.79993 2.96177 1.98801 2.5077 2.3228 2.1729C2.6576 1.83811 3.11168 1.65002 3.58514 1.65002H20.5447Z", stroke: "currentColor", strokeWidth: 1.5, strokeLinecap: "round", strokeLinejoin: "round" }), /* @__PURE__ */ h.createElement("path", { d: "M17.8671 22.1086V18.6095C17.8671 18.3728 17.9611 18.1458 18.1285 17.9784C18.2959 17.811 18.5229 17.7169 18.7597 17.7169H22.2587", stroke: "currentColor", strokeWidth: 1.5, strokeLinecap: "round", strokeLinejoin: "round" }), /* @__PURE__ */ h.createElement("path", { d: "M5.97803 6.3999H17.978", stroke: "currentColor", strokeWidth: 1.5, strokeLinecap: "round", strokeLinejoin: "round" }), /* @__PURE__ */ h.createElement("path", { d: "M5.97803 9.97034H17.978", stroke: "currentColor", strokeWidth: 1.5, strokeLinecap: "round", strokeLinejoin: "round" }), /* @__PURE__ */ h.createElement("path", { d: "M5.97803 13.5406H17.978", stroke: "currentColor", strokeWidth: 1.5, strokeLinecap: "round", strokeLinejoin: "round" }), /* @__PURE__ */ h.createElement("path", { d: "M5.97803 17.1112H11.978", stroke: "currentColor", strokeWidth: 1.5, strokeLinecap: "round", strokeLinejoin: "round" })), gs = i.div`
-  padding: ${s.sp3};
-  border: 1px solid
-    ${(e) => e.disabled ? e.theme.colors.grey3 : e.checked ? e.theme.colors.primary : e.theme.colors.grey2};
-  border-radius: ${s.sp1};
-  display: flex;
-  cursor: ${(e) => e.disabled ? "default" : "pointer"};
-  background: ${(e) => e.checked ? e.theme.colors.grey5 : e.theme.colors.background};
-  color: ${(e) => e.disabled ? e.theme.colors.grey2 : e.checked ? e.theme.colors.primary : e.theme.colors.hero};
-  .report-format-icon {
-    color: inherit;
-  }
-  &:hover {
-    color: ${(e) => e.disabled ? e.theme.colors.grey2 : e.theme.colors.primary};
-    border: 1px solid
-      ${(e) => e.disabled ? e.theme.colors.grey3 : e.theme.colors.primary};
-    .report-format-icon {
-      color: inherit;
-    }
-  }
-`, xs = i(R)`
-  margin-left: ${s.sp3};
-`, bs = i(xe)`
-  margin-left: ${s.sp3};
-`, Z = i.div`
-  padding-top: ${(e) => e.space};
-`, Ve = i(Ge)`
-  color: ${(e) => e.theme.colors.primary};
-`, ys = i.div`
-  position: relative;
-  z-index: 2;
-`, $s = i(R)`
-  color: ${(e) => e.theme.colors.primary};
-`, ws = i.div`
-  max-height: ${s.sp8};
-`, Cs = i.div`
-  border-top: 1px solid ${(e) => e.theme.colors.grey3};
-`, Ss = i.div`
-  border-radius: ${s.sp2};
-  cursor: pointer;
-  display: flex;
-  justify-content: center;
-  height: ${s.sp4};
-  gap: ${s.sp2};
-  box-sizing: border-box;
-  align-items: center;
-  color: ${(e) => e.isResetDisabled ? e.theme.colors.primary : e.theme.colors.grey1};
-`, Ds = i(R)`
-  color: inherit;
-`, vs = i.div`
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-`, js = (e) => {
-  const { label: r, id: o, subLabel: a, onClick: n, checked: m, Icon: l, disabled: u } = e;
-  return /* @__PURE__ */ t.jsxs(gs, { checked: m, disabled: u, onClick: n, id: o, children: [
-    /* @__PURE__ */ t.jsx(l, { className: "report-format-icon", width: N[7], height: N[7] }),
-    /* @__PURE__ */ t.jsxs("div", { children: [
-      /* @__PURE__ */ t.jsx(xs, { children: r }),
-      /* @__PURE__ */ t.jsx(bs, { children: a })
-    ] })
-  ] });
-}, Os = (e) => {
-  const {
-    reportId: r,
-    firstMonthOfFY: o,
-    selectedFormat: a,
-    disabledFormat: n,
-    selectedView: m,
-    nestedClasses: l,
-    classesToFilterOut: u,
-    classesFetchState: p,
-    showClassAccountNumber: d,
-    showAccountGroups: x,
-    onOpenAccountViewMode: $,
-    onNewFormatSelection: S,
-    onNewViewSelection: w,
-    onResetClick: f,
-    isResetDisabled: F
-  } = e, c = C.getLocalizedStrings().downloadReport.reportFormats, y = we(), v = [
-    {
-      id: c.summary.id,
-      label: c.summary.label,
-      subLabel: c.summary.subLabel,
-      Icon: _t
-    },
-    {
-      id: c.detailed.id,
-      label: c.detailed.label,
-      subLabel: m === "account_group" ? x === !0 ? c.detailed.subLabelAccountGroups : c.detailed.subLabelAccounts : c.detailed.subLabelClasses,
-      Icon: Yt
-    },
-    {
-      id: c.moreDetailed.id,
-      label: c.moreDetailed.label,
-      subLabel: m === "account_group" ? x === !0 ? c.moreDetailed.subLabelAccountGroups : c.moreDetailed.subLabelAccounts : c.moreDetailed.subLabelClasses,
-      Icon: ps
-    }
-  ], b = () => /* @__PURE__ */ t.jsx(h.Fragment, { children: /* @__PURE__ */ t.jsx(
-    Ot,
-    {
-      reportId: r,
-      firstMonthOfFY: o,
-      nodes: l,
-      classesListFetchState: p,
-      selectedView: m,
-      showAccountGroups: x,
-      downloadPage: !0,
-      onSaveClick: w,
-      classesToBeFilteredOut: u,
-      showClassAccountNumber: d,
-      onOpenAccountViewMode: $
-    }
-  ) });
-  return /* @__PURE__ */ t.jsxs(h.Fragment, { children: [
-    y === "small" ? /* @__PURE__ */ t.jsxs(vs, { children: [
-      /* @__PURE__ */ t.jsx(Ve, { children: C.getLocalizedStrings().downloadReport.reportFormat }),
-      /* @__PURE__ */ t.jsxs(
-        Ss,
-        {
-          isResetDisabled: F,
-          onClick: f,
-          children: [
-            /* @__PURE__ */ t.jsx(Ze, { width: s.sp4, height: s.sp4 }),
-            /* @__PURE__ */ t.jsx(Ds, { children: c.resetLabel })
-          ]
-        }
-      )
-    ] }) : /* @__PURE__ */ t.jsx(Ve, { children: C.getLocalizedStrings().downloadReport.reportFormat }),
-    /* @__PURE__ */ t.jsx(Z, { space: s.sp4 }),
-    /* @__PURE__ */ t.jsxs(ys, { children: [
-      /* @__PURE__ */ t.jsx($s, { children: "View by" }),
-      /* @__PURE__ */ t.jsx(Z, { space: s.sp2 }),
-      /* @__PURE__ */ t.jsx(ws, { children: b() })
-    ] }),
-    /* @__PURE__ */ t.jsx(Z, { space: s.sp5 }),
-    /* @__PURE__ */ t.jsx(Cs, {}),
-    /* @__PURE__ */ t.jsx(Z, { space: s.sp5 }),
-    v.map((D) => /* @__PURE__ */ t.jsxs(h.Fragment, { children: [
-      /* @__PURE__ */ t.jsx(
-        js,
-        {
-          ...D,
-          onClick: () => {
-            n.includes(D.id) || S(D.id);
-          },
-          checked: a === D.id,
-          disabled: n.includes(D.id)
-        }
-      ),
-      /* @__PURE__ */ t.jsx(Z, { space: s.sp4 })
-    ] }, D.id))
-  ] });
-}, Q = {
-  width: new G(N[11], N[11], 33),
-  maxWidth: new G(550, 550, 425),
-  containerPadding: new G(N[3], N[6]),
-  rowItemPadding: new G(0, N[6]),
-  footerHeight: new G(211, 133)
-}, Fs = i.div`
-  position: relative;
-  display: flex;
-  width: ${s.sp4};
-  height: ${s.sp4};
-  color: ${(e) => e.theme.colors.hero};
-  &:hover {
-    color: ${(e) => e.theme.colors.primary};
-    .download-badge {
-      color: ${(e) => e.theme.colors.primary};
-      border-color: ${(e) => e.theme.colors.primary};
-    }
-  }
-`, Ys = We`
-  0% {
-    transform: translateY(100%)
-  }
-  100% {
-    transform: translateY(0)
-  }
-`, _s = We`
-  0% {
-    opacity: 0
-  }
-  90% {
-    opacity: 0
-  }
-  100% {
-    opacity: 1
-  }
-`, ks = i.div`
-  position: fixed;
-  top: 0;
-  left: 0;
-  width: 100%;
-  z-index: 10;
-  height: 100%;
-  text-align: left;
-  background: ${be.overlayDark};
-`, Ps = i.div`
-  display: flex;
-  justify-content: flex-end;
-  padding: ${(e) => `${s.sp3} ${Q.containerPadding.valuePx(e.windowSize)}`};
-`, Ms = i(vt)`
-  width: ${s.sp4};
-  height: ${s.sp4};
-  color: ${(e) => e.theme.colors.hero};
-  cursor: pointer;
-  line-height: ${s.sp0};
-  &:hover {
-    color: ${be.primaryDark};
-  }
-  animation: ${_s} 0.4s;
-`, Ts = i.div`
-  display: flex;
-  flex-wrap: wrap;
-  justify-content: center;
-  height: calc(
-    100% - ${(e) => Q.footerHeight.valuePx(e.windowSize)}
-  );
-  overflow-y: auto;
-  padding: ${(e) => `${Q.containerPadding.valuePx(
-  e.windowSize
-)} ${Q.containerPadding.valuePx(e.windowSize)} ${s.sp0} ${Q.containerPadding.valuePx(e.windowSize)} `};
-  background: ${(e) => e.theme.colors.grey4};
-  border-radius: ${s.sp2} ${s.sp2} ${s.sp0} ${s.sp0};
-  animation: ${Ys} 0.4s;
-`, me = i.div`
-  padding: ${(e) => `${s.sp0} ${Q.rowItemPadding.valuePx(e.windowSize)}`};
-  width: ${(e) => Q.width.value(e.windowSize)}%;
-  max-width: ${(e) => Q.maxWidth.valuePx(e.windowSize)};
-`, se = i.div`
-  padding-top: ${(e) => e.space};
-`, Is = i.div`
-  border-top: 1px solid ${(e) => e.theme.colors.grey3};
-`, As = i(He)`
-  position: absolute;
-  top: -${s.sp2};
-  right: -12px;
-  border: 1px solid ${(e) => e.theme.colors.grey1};
-  border-radius: 50%;
-  width: 18px;
-  height: 18px;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  color: ${(e) => e.theme.colors.hero};
-  cursor: pointer;
-`, Rs = (e) => ({
-  localeId: C.getAppLocaleID(),
-  showNegativeAmountInParenthesis: !0,
-  filterAccountsWithNilBalances: "filter_actual_nil_balances",
-  filterAccountGroupsWithNilBalances: "filter_actual_forecast_empty_account_group_balances",
-  includeCoverPage: !0,
-  companyName: e.currentTenantCompanyName,
-  statementFileType: e.statementFileType,
-  statements: e.statements,
-  firstMonthOfFY: e.firstMonthOfFY,
-  bookCloseDate: e.defaultOptions.bookCloseDate,
-  timeframe: e.timeframe,
-  additionalBalances: e.additionalBalances,
-  format: e.format,
-  balancesFilter: {
-    thisPeriod: {
-      startDate: e.balancesFilter.thisPeriod.startDate,
-      endDate: e.balancesFilter.thisPeriod.endDate
-    },
-    numberOfPeriods: e.balancesFilter.numberOfPeriods,
-    orderBy: e.balancesFilter.orderBy
-  },
-  accountViewMode: e.accountViewMode,
-  nestedClassHierarchy: e.nestedClassHierarchy,
-  classesToFilterOut: e.classesToFilterOut,
-  dataAvailable: e.dataAvailable,
-  isZeniCOAUsed: e.isZeniCOAUsed
-}), Ls = (e) => {
-  const r = Rs(e);
-  if (r != null)
-    return Ft(
-      e.statementEndPoint,
-      e.authParams,
-      r
-    );
-}, Bs = (e) => {
-  const {
-    onClose: r,
-    defaultOptions: o,
-    dataAvailable: a,
-    analytics: n,
-    onSaveClickHandler: m,
-    onThisPeriodChanged: l,
-    onAdditionalBalanceSelectionChanged: u,
-    onTimeframeSelectionChanged: p
-  } = e, d = we();
-  Dt();
-  const [x, $] = h.useState(!1), [S, w] = h.useState(!1), [f, F] = h.useState(
-    new _e(
-      o.firstMonthOfFY,
-      o.timeframe,
-      a,
-      o.balancesFilter.numberOfPeriods,
-      T.excel,
-      o.balancesFilter.thisPeriod.endDate
-    )
-  ), [c, y] = h.useState(
-    o.statements
-  ), [v, b] = h.useState(
-    o.timeframe
-  ), [D, V] = h.useState("excel"), [I, g] = h.useState(o.additionalBalances), [j, A] = h.useState(
-    re(
-      o.firstMonthOfFY,
-      o.timeframe,
-      o.balancesFilter.thisPeriod.endDate,
-      o.balancesFilter.numberOfPeriods
-    ).dateRange
-  ), [K, et] = h.useState(
-    e.defaultOptions.accountViewMode
-  ), [ee, tt] = h.useState(e.defaultOptions.classesToFilterOut), [H, ve] = h.useState(
-    e.defaultOptions.balancesFilter.orderBy
-  ), [je, Oe] = h.useState(!1), ot = () => {
-    const O = ne(
-      o.firstMonthOfFY,
-      v,
-      j
-    ), { startOfTimeframeFY: L, endOfTimeframeFY: P } = _(
-      j.endDate,
-      o.firstMonthOfFY,
-      v
-    ), B = k(
-      new Date(
-        P.year(),
-        P.month(),
-        P.date()
-      ).toISOString()
-    );
-    l?.({ endDate: B, startDate: L }, O, !0);
-  };
-  h.useEffect(() => {
-    const O = async () => {
-      const L = f.endDate, { startOfTimeframeFY: P } = _(
-        f.endDate,
-        o.firstMonthOfFY,
-        f.timeframe
-      );
-      await Ls({
-        ...e,
-        statements: kt.filter(
-          (B) => c.includes(B)
-        ),
-        firstMonthOfFY: e.defaultOptions.firstMonthOfFY,
-        timeframe: f.timeframe,
-        additionalBalances: Je[f.timeframe].filter(
-          (B) => I.includes(B)
-        ),
-        format: e.reportFormatProps.selectedFormat,
-        statementFileType: D,
-        accountViewMode: K,
-        classesToFilterOut: ee,
-        balancesFilter: {
-          thisPeriod: {
-            startDate: P,
-            endDate: L
-          },
-          orderBy: H,
-          numberOfPeriods: f.numberOfPeriods
-        },
-        dataAvailable: a,
-        isZeniCOAUsed: e.defaultOptions.isZeniCOAUsed
-      }), e.updateDownloadStateHandler("Completed");
-    };
-    je && e.downloadState !== "In-Progress" && (Oe(!1), e.updateDownloadStateHandler("In-Progress"), O(), n?.trackDownload(
-      e.referrer,
-      jt(f.timeframe),
-      D,
-      !1
-    ));
-  }, [
-    n,
-    f.endDate,
-    f.numberOfPeriods,
-    f.timeframe,
-    je,
-    e,
-    a,
-    I,
-    D,
-    e.reportFormatProps.selectedFormat,
-    H,
-    c,
-    K,
-    ee,
-    o.firstMonthOfFY
-  ]), h.useEffect(() => {
-    S ? x || $((O) => !O) : w((O) => !O);
-  }, [
-    I,
-    H,
-    j,
-    e.reportFormatProps.selectedFormat
-  ]);
-  const st = () => {
-    g(o.additionalBalances), f.maxNumberOfPeriods = T.pdf - o.additionalBalances.length;
-    const O = ne(
-      o.firstMonthOfFY,
-      f.timeframe,
-      a,
-      o.balancesFilter.numberOfPeriods
-    ), L = re(
-      o.firstMonthOfFY,
-      f.timeframe,
-      f.endDate,
-      O
-    ).dateRange;
-    A(L), f.updatePeriod(
-      L.startDate,
-      L.endDate
-    );
-  }, rt = (O) => {
-    O.stopPropagation(), r();
-  }, at = (O, L) => {
-    et(O), e.showAccountGroups === !1 && O === "account_group" ? e.reportFormatProps.disabledFormatForRole.push("detailed") : O === "classes" && e.showAccountGroups === !1 && e.reportFormatProps.disabledFormatForRole.splice(
-      e.reportFormatProps.disabledFormatForRole.indexOf("detailed"),
-      1
-    ), O === "classes" ? c.includes("profit_and_loss") && (y(
-      (P) => P.filter((B) => B !== "profit_and_loss")
-    ), y((P) => [
-      ...P,
-      "profit_and_loss_by_classes"
-    ])) : c.includes("profit_and_loss_by_classes") && (y(
-      (P) => P.filter((B) => B !== "profit_and_loss_by_classes")
-    ), y((P) => [...P, "profit_and_loss"])), L !== void 0 && tt(L);
-  }, Fe = () => {
-    F(
-      new _e(
-        o.firstMonthOfFY,
-        o.timeframe,
-        a,
-        o.balancesFilter.numberOfPeriods,
-        T.excel,
-        o.balancesFilter.thisPeriod.endDate
-      )
-    ), g(o.additionalBalances), e.reportFormatProps.setSelectedFormat(
-      o.accountViewMode === "classes" ? e.reportFormatProps.roleBasedClassesSelectedFormat : e.showAccountGroups === !1 ? "more_detailed" : "detailed"
-    ), ve("ascending_date"), y(o.statements), b(o.timeframe), A(
-      re(
-        o.firstMonthOfFY,
-        o.timeframe,
-        o.balancesFilter.thisPeriod.endDate,
-        o.balancesFilter.numberOfPeriods
-      ).dateRange
-    ), $(!1), w(!1);
-  };
-  return /* @__PURE__ */ t.jsxs(ks, { children: [
-    /* @__PURE__ */ t.jsx(
-      Ps,
-      {
-        role: "presentation",
-        onClick: (O) => rt(O),
-        windowSize: d,
-        children: /* @__PURE__ */ t.jsx(Ms, {})
-      }
-    ),
-    /* @__PURE__ */ t.jsxs(Ts, { windowSize: d, children: [
-      /* @__PURE__ */ t.jsxs(me, { windowSize: d, children: [
-        /* @__PURE__ */ t.jsx(
-          Os,
-          {
-            firstMonthOfFY: e.defaultOptions.firstMonthOfFY,
-            reportId: "profit_and_loss_by_classes",
-            selectedFormat: e.reportFormatProps.selectedFormat,
-            disabledFormat: e.reportFormatProps.disabledFormatForRole,
-            selectedView: K,
-            nestedClasses: e.defaultOptions.nestedClassHierarchy ?? [],
-            classesToFilterOut: ee,
-            classesFetchState: e.classesFetchState,
-            showClassAccountNumber: e.defaultOptions.showClassAccountNumber ?? !1,
-            showAccountGroups: e.showAccountGroups,
-            onNewFormatSelection: e.reportFormatProps.setSelectedFormat,
-            onNewViewSelection: at,
-            onOpenAccountViewMode: e.onOpenAccountViewMode,
-            onResetClick: Fe,
-            isResetDisabled: x
-          }
-        ),
-        /* @__PURE__ */ t.jsx(Is, {}),
-        d === "small" || d === "medium-compact" ? /* @__PURE__ */ t.jsx(se, { space: s.sp5 }) : /* @__PURE__ */ t.jsx(se, { space: s.sp8 })
-      ] }),
-      /* @__PURE__ */ t.jsxs(me, { windowSize: d, children: [
-        /* @__PURE__ */ t.jsx(
-          Po,
-          {
-            firstMonthOfFY: o.firstMonthOfFY,
-            calendarPeriod: f,
-            numberOfAdditionalColumns: I.length,
-            selectedOrderBy: H,
-            dataAvailable: a,
-            dateRange: j,
-            defaultOptions: o,
-            selectedTimeframe: v,
-            bookCloseDate: o.bookCloseDate,
-            onDateRangeChange: A,
-            onSelectedTimeframeChange: b,
-            onNewOrderBySelection: ve,
-            selectedFileType: D,
-            onAdditionalColumnsSelectionChanged: g
-          }
-        ),
-        /* @__PURE__ */ t.jsx(se, { space: s.sp5 })
-      ] }),
-      /* @__PURE__ */ t.jsxs(me, { windowSize: d, children: [
-        /* @__PURE__ */ t.jsx(
-          Et,
-          {
-            firstMonthOfFY: e.defaultOptions.firstMonthOfFY,
-            disabledAdditionalColumns: o.disabledAdditionalColumns,
-            selectedTimeframe: v,
-            dateRange: j,
-            calendarPeriod: f,
-            selectedAdditionalColumns: I,
-            onAdditionalColumnsSelectionChanged: g,
-            dataAvailable: a,
-            selectedFileType: D
-          }
-        ),
-        /* @__PURE__ */ t.jsx(se, { space: s.sp8 })
-      ] })
-    ] }),
-    /* @__PURE__ */ t.jsx(
-      hs,
-      {
-        onCancelClick: () => r(),
-        onViewReportClick: () => {
-          e.onUpdateDisplayOrder(H), e.onUpdateReportFormat(e.reportFormatProps.selectedFormat), m(K, ee), u?.(
-            I,
-            f.numberOfPeriods,
-            !0
-          ), p?.(v, !1, !0), ot(), r();
-        },
-        downloadingStatement: e.downloadState === "In-Progress",
-        disabledDownloadButton: c.length === 0,
-        downloadTypeProps: {
-          selectedFileType: D,
-          calendarPeriod: f,
-          numberOfAdditionalColumns: I.length,
-          onNewFileTypeSelection: (O) => {
-            V(O), Oe(!0);
-          },
-          resetToDefaultOption: st
-        },
-        onResetClick: Fe,
-        isResetDisabled: x
-      }
-    )
-  ] });
-}, qs = (e) => {
-  const { defaultOptions: r } = e, [o, a] = h.useState(!1), n = r.additionalBalances;
-  return /* @__PURE__ */ t.jsxs(
-    Fs,
-    {
-      onClick: () => {
-        a(!0);
-      },
-      children: [
-        /* @__PURE__ */ t.jsx(
-          St,
-          {
-            visibility: o ? "hidden" : "visible",
-            style: { cursor: "pointer", width: s.sp4, height: s.sp4 }
-          }
-        ),
-        o ? null : /* @__PURE__ */ t.jsx(As, { className: "download-badge", children: r.balancesFilter.numberOfPeriods + n.length }),
-        o ? /* @__PURE__ */ t.jsx(Bs, { ...e, onClose: () => a(!1) }) : null
-      ]
-    }
-  );
-};
-export {
-  qs as DownloadOverlayButton,
-  Bs as default
-};