@zeniai/web-components 3.17.11 → 3.17.13

package/dist/DownloadOverlay-DwqICREj.js

@@ -0,0 +1,2148 @@
+import { u as Ue, j as t, C as he } from "./vendor-.pnpm-B2klaOGU.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-BveTtfdM.js";
+import { t as jt } from "./analyticsHelper-nBSzQVxH.js";
+import { R as Ot, d as Ft } from "./ReportTableViewSelector-CeJ7_6oq.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
+};