@bahmni/reports-app 0.0.1-dev.455 → 0.0.1-dev.456

package/dist/ReportsPage-COf6FbtZ.js

@@ -0,0 +1,887 @@
+import { jsx as r, jsxs as S, Fragment as K } from "react/jsx-runtime";
+import { G as de, L as me, O as Se, _ as fe, P as Oe, V as ge, a0 as Pe, a1 as Ae, a2 as Le, a3 as Re, a4 as he, u as w, z as ce, a5 as De, a6 as q, a7 as Q, a8 as k, a9 as Ce, aa as be, ab as Ne, ac as J, ad as Z, Z as ye, ae as Ie, af as Me, ag as ee, ah as Fe, ai as te, aj as Be, ak as Ue, al as ve, am as He, an as ae, ao as Ye, ap as ne, aq as we, ar as xe } from "./index-DlwV4zZm.js";
+import qe, { useCallback as V, useState as A, useEffect as _e, useMemo as x } from "react";
+import { useQuery as ue } from "@tanstack/react-query";
+import { useLocation as Qe, useNavigate as Ge } from "react-router-dom";
+const $e = "http://json-schema.org/draft-07/schema#", je = "Reports App Configuration", ke = "object", Xe = { config: { type: "object", properties: { supportedFormats: { type: "array", items: { type: "string" }, description: "List of supported report formats" }, paperSize: { type: "string", description: "Default paper size for generated reports (e.g., A4)" }, enableReportQueue: { type: "boolean", description: "Whether reports can be queued (run asynchronously) in addition to running immediately" } }, additionalProperties: !0 } }, ze = !0, Ve = {
+  $schema: $e,
+  title: je,
+  type: ke,
+  properties: Xe,
+  additionalProperties: ze
+}, We = {
+  PDF: "REPORTS_FORMAT_PDF",
+  CSV: "REPORTS_FORMAT_CSV",
+  HTML: "REPORTS_FORMAT_HTML",
+  EXCEL: "REPORTS_FORMAT_EXCEL",
+  "CUSTOM EXCEL": "REPORTS_FORMAT_CUSTOM_EXCEL",
+  ODS: "REPORTS_FORMAT_ODS"
+}, Ke = [
+  "TODAY",
+  "THIS_MONTH",
+  "PREVIOUS_MONTH",
+  "THIS_QUARTER",
+  "THIS_YEAR",
+  "LAST_7_DAYS",
+  "LAST_30_DAYS"
+], Je = {
+  TODAY: "REPORTS_PRESET_TODAY",
+  THIS_MONTH: "REPORTS_PRESET_THIS_MONTH",
+  PREVIOUS_MONTH: "REPORTS_PRESET_PREVIOUS_MONTH",
+  THIS_QUARTER: "REPORTS_PRESET_THIS_QUARTER",
+  THIS_YEAR: "REPORTS_PRESET_THIS_YEAR",
+  LAST_7_DAYS: "REPORTS_PRESET_LAST_7_DAYS",
+  LAST_30_DAYS: "REPORTS_PRESET_LAST_30_DAYS"
+}, Te = {
+  reportsConfig: ["reportsConfig"],
+  reportsAppConfig: ["reportsAppConfig"]
+}, Ze = [".xls", ".xlsx"], et = () => ue({
+  queryKey: Te.reportsAppConfig,
+  queryFn: async () => {
+    try {
+      return await de(
+        me,
+        Ve
+      );
+    } catch {
+      return {};
+    }
+  }
+}), tt = "http://json-schema.org/draft-07/schema#", at = "Reports Configuration", nt = "object", rt = { type: "object", required: ["name", "type"], properties: { name: { type: "string", description: "Display name of the report" }, type: { type: "string", description: "Report generator type" }, requiredPrivilege: { type: "string", description: "Privilege required to view/run this report" }, config: { type: "object", properties: { dateRangeRequired: { type: "boolean", description: "Whether this report requires a date range (defaults to true)" }, paperSize: { type: "string", description: "Paper size for PDF generation (e.g., A4)" }, macroTemplatePath: { type: "string", description: "Path to macro template for custom Excel reports" } }, additionalProperties: !0 } } }, st = {
+  $schema: tt,
+  title: at,
+  type: nt,
+  additionalProperties: rt
+}, ot = () => ue({
+  queryKey: Te.reportsConfig,
+  queryFn: () => de(Se, st),
+  retry: !1
+}), re = Symbol.for("constructDateFrom");
+function G(e, t) {
+  return typeof e == "function" ? e(t) : e && typeof e == "object" && re in e ? e[re](t) : e instanceof Date ? new e.constructor(t) : new Date(t);
+}
+function U(e, t) {
+  return G(e, e);
+}
+function it(e, t, a) {
+  const l = U(e);
+  return isNaN(t) ? G(e, NaN) : (t && l.setDate(l.getDate() + t), l);
+}
+function lt(e, t, a) {
+  const l = U(e);
+  if (isNaN(t)) return G(e, NaN);
+  const o = l.getDate(), s = G(e, l.getTime());
+  s.setMonth(l.getMonth() + t + 1, 0);
+  const _ = s.getDate();
+  return o >= _ ? s : (l.setFullYear(
+    s.getFullYear(),
+    s.getMonth(),
+    o
+  ), l);
+}
+function dt(e, t) {
+  const a = U(e), l = a.getMonth();
+  return a.setFullYear(a.getFullYear(), l + 1, 0), a.setHours(23, 59, 59, 999), a;
+}
+function Rt(e, t) {
+  const a = U(e), l = a.getMonth(), o = l - l % 3;
+  return a.setMonth(o, 1), a.setHours(0, 0, 0, 0), a;
+}
+function se(e, t) {
+  const a = U(e);
+  return a.setDate(1), a.setHours(0, 0, 0, 0), a;
+}
+function ct(e, t) {
+  const a = U(e);
+  return a.setFullYear(a.getFullYear(), 0, 1), a.setHours(0, 0, 0, 0), a;
+}
+function oe(e, t, a) {
+  return it(e, -t);
+}
+function _t(e, t, a) {
+  return lt(e, -1);
+}
+const ut = (e, t) => t ? ge(e, t) : !0, Tt = (e, t) => e.filter(
+  (a) => ut(t, a.requiredPrivilege)
+), Y = (e) => e.config?.dateRangeRequired !== !1, Et = (e) => ({
+  dateRangeReports: e.filter(Y),
+  noDateRangeReports: e.filter((t) => !Y(t))
+}), pt = (e) => !e || e.length === 0 ? fe : e.map(
+  (a) => a.toUpperCase()
+).filter((a) => a in Oe), mt = (e) => {
+  const t = /* @__PURE__ */ new Date();
+  switch (e) {
+    case "THIS_MONTH":
+      return [se(t), t];
+    case "PREVIOUS_MONTH": {
+      const a = _t(t);
+      return [se(a), dt(a)];
+    }
+    case "THIS_QUARTER":
+      return [Rt(t), t];
+    case "THIS_YEAR":
+      return [ct(t), t];
+    case "LAST_7_DAYS":
+      return [oe(t, 7), t];
+    case "LAST_30_DAYS":
+      return [oe(t, 30), t];
+    default:
+      return [new Date(t), new Date(t)];
+  }
+}, Ee = (e) => (t) => t ? e(We[t]) : "", X = (e, t) => t ?? e.config?.macroTemplatePath ?? null, St = (e, t) => {
+  const {
+    report: a,
+    requiresDateRange: l,
+    format: o,
+    startDate: s,
+    endDate: _,
+    templateLocation: E
+  } = e;
+  return o ? o === "CUSTOM EXCEL" && !X(a, E) ? {
+    field: "format",
+    message: t("REPORTS_MISSING_TEMPLATE_ERROR", {
+      reportName: a.name
+    })
+  } : l && (!s || !_) ? !s && !_ ? {
+    field: "startDate",
+    message: t("REPORTS_MISSING_BOTH_DATES_ERROR")
+  } : s ? {
+    field: "endDate",
+    message: t("REPORTS_MISSING_END_DATE_ERROR")
+  } : {
+    field: "startDate",
+    message: t("REPORTS_MISSING_START_DATE_ERROR")
+  } : s && _ && s > _ ? {
+    field: "endDate",
+    message: t("REPORTS_DATE_ORDER_ERROR")
+  } : a.type === "concatenated" && o === "CSV" ? {
+    message: t("REPORTS_CSV_NOT_SUPPORTED_ERROR")
+  } : null : {
+    field: "format",
+    message: t("REPORTS_SELECT_FORMAT_ERROR", {
+      reportName: a.name
+    })
+  };
+}, ft = (e) => Object.entries(e).map(([t, a]) => ({
+  id: t,
+  ...a
+})), pe = (e, t) => {
+  Pe({
+    eventType: e.eventType,
+    messageParams: { reportName: t },
+    module: e.module
+  });
+}, Ot = () => {
+  const { user: e } = Ae();
+  return { queueReport: V(
+    async (a, l, o, s, _, E) => {
+      if (!e?.username)
+        return console.error("Error queueing report: no current user"), !1;
+      try {
+        return await Le({
+          reportName: a.name,
+          reportFormat: l,
+          userName: e.username,
+          startDate: o,
+          endDate: s,
+          paperSize: a.config?.paperSize ?? _,
+          macroTemplateLocation: E
+        }), pe(
+          Re.RUN_REPORT,
+          a.name
+        ), !0;
+      } catch (p) {
+        return console.error("Error queueing report:", p), !1;
+      }
+    },
+    [e?.username]
+  ) };
+}, gt = () => ({ runReport: V(
+  (t, a, l, o, s, _) => {
+    try {
+      const E = he(
+        t.name,
+        a,
+        l,
+        o,
+        t.config?.paperSize ?? s,
+        void 0,
+        _
+      ), p = window.open(E, "_blank");
+      return p ? (p.opener = null, pe(
+        Re.RUN_REPORT,
+        t.name
+      ), !0) : !1;
+    } catch (E) {
+      return console.error("Error running report:", E), !1;
+    }
+  },
+  []
+) }), Pt = (e, t, a, l) => {
+  const { t: o } = w(), { addNotification: s } = ce(), { runReport: _ } = gt(), { queueReport: E } = Ot(), [p, L] = A({}), [D, c] = A({}), [u, P] = A(null), [b, N] = A(null), [h, R] = A(
+    null
+  );
+  _e(() => {
+    L({}), c({});
+  }, [t.version]);
+  const m = (n) => p[n] ?? {
+    startDate: t.startDate,
+    endDate: t.endDate,
+    format: t.format
+  }, f = (n, i) => L((d) => ({
+    ...d,
+    [n]: { ...m(n), ...i }
+  })), C = (n, i) => c((d) => {
+    if (!d[n]?.[i]) return d;
+    const T = { ...d[n], [i]: void 0 };
+    return { ...d, [n]: T };
+  }), y = (n, i, d) => {
+    if (d.field === "format")
+      c((T) => ({
+        ...T,
+        [n]: { format: d.message }
+      }));
+    else if (d.field === "startDate" || d.field === "endDate") {
+      const T = !i.startDate && !i.endDate;
+      c((B) => ({
+        ...B,
+        [n]: {
+          startDate: d.field === "startDate" || T ? d.message : void 0,
+          endDate: d.field === "endDate" || T ? d.message : void 0
+        }
+      }));
+    }
+  }, v = (n) => {
+    const i = m(n.id), d = St(
+      {
+        report: n,
+        requiresDateRange: Y(n),
+        format: i.format,
+        startDate: i.startDate,
+        endDate: i.endDate,
+        templateLocation: i.templateLocation
+      },
+      (T, B) => o(T, { defaultValue: T, ...B })
+    );
+    return { filters: i, validationErr: d };
+  }, I = (n, i) => {
+    if (i.format === "CUSTOM EXCEL") {
+      const d = a.find((T) => T !== "CUSTOM EXCEL") ?? null;
+      f(n, {
+        format: d,
+        templateLocation: null
+      });
+    }
+  }, M = (n) => {
+    const { filters: i, validationErr: d } = v(n);
+    return d ? (s({
+      title: o("REPORTS_VALIDATION_ERROR_TITLE"),
+      message: d.message,
+      type: "error"
+    }), y(n.id, i, d), null) : (c((T) => {
+      if (!(n.id in T)) return T;
+      const B = { ...T };
+      return delete B[n.id], B;
+    }), i);
+  };
+  return {
+    rowFilters: m,
+    errors: (n) => D[n],
+    isRunning: (n) => u === n,
+    isQueuing: (n) => b === n,
+    isUploadingTemplate: (n) => h === n,
+    updateRow: f,
+    clearRowFieldError: C,
+    handleRunReport: (n) => {
+      const i = M(n);
+      if (!i) return;
+      if (P(n.id), !_(
+        n,
+        i.format,
+        i.startDate,
+        i.endDate,
+        l,
+        X(n, i.templateLocation)
+      )) {
+        P(null), s({
+          title: o("REPORTS_ERROR_TITLE"),
+          message: o("REPORTS_POPUP_BLOCKED_ERROR"),
+          type: "error"
+        });
+        return;
+      }
+      I(n.id, i), setTimeout(() => {
+        P((T) => T === n.id ? null : T);
+      }, 300);
+    },
+    handleQueueReport: async (n) => {
+      const i = M(n);
+      if (!i) return;
+      N(n.id);
+      const d = await E(
+        n,
+        i.format,
+        i.startDate,
+        i.endDate,
+        l,
+        X(n, i.templateLocation)
+      );
+      if (N((T) => T === n.id ? null : T), !d) {
+        s({
+          title: o("REPORTS_ERROR_TITLE"),
+          message: o("REPORTS_QUEUE_ERROR_MESSAGE"),
+          type: "error"
+        });
+        return;
+      }
+      s({
+        title: o("REPORTS_QUEUE_SUCCESS_TITLE"),
+        message: o("REPORTS_QUEUE_SUCCESS_MESSAGE", { reportName: n.name }),
+        type: "success"
+      }), I(n.id, i);
+    },
+    handleTemplateUpload: async (n, i) => {
+      R(n.id);
+      try {
+        const d = await De(i);
+        f(n.id, { templateLocation: d }), C(n.id, "format");
+      } catch (d) {
+        console.error("Error uploading template:", d), s({
+          title: o("REPORTS_ERROR_TITLE"),
+          message: o("REPORTS_UPLOAD_ERROR"),
+          type: "error"
+        });
+      } finally {
+        R(
+          (d) => d === n.id ? null : d
+        );
+      }
+    }
+  };
+}, At = "ReportsTable-module_tableContainer__-0YY7", Lt = "ReportsTable-module_table__4ySYm", ht = "ReportsTable-module_actionsColumn__Haj2L", Dt = "ReportsTable-module_nameColumn__BXFAo", Ct = "ReportsTable-module_dateColumn__zPT-K", bt = "ReportsTable-module_formatColumn__J0nQX", Nt = "ReportsTable-module_nameColumnWide__9NELB", yt = "ReportsTable-module_preconfiguredTemplateLabel__caPze", It = "ReportsTable-module_emptyState__nMhOo", O = {
+  tableContainer: At,
+  table: Lt,
+  actionsColumn: ht,
+  nameColumn: Dt,
+  dateColumn: Ct,
+  formatColumn: bt,
+  nameColumnWide: Nt,
+  preconfiguredTemplateLabel: yt,
+  emptyState: It
+}, z = qe.memo(
+  ({
+    reports: e,
+    appliedFilters: t,
+    availableFormats: a,
+    defaultPaperSize: l,
+    enableReportQueue: o
+  }) => {
+    const { t: s } = w(), {
+      rowFilters: _,
+      errors: E,
+      isRunning: p,
+      isQueuing: L,
+      isUploadingTemplate: D,
+      updateRow: c,
+      clearRowFieldError: u,
+      handleRunReport: P,
+      handleQueueReport: b,
+      handleTemplateUpload: N
+    } = Pt(
+      e,
+      t,
+      a,
+      l
+    );
+    if (e.length === 0)
+      return /* @__PURE__ */ r("div", { className: O.emptyState, "data-testid": "reports-table-empty", children: s("REPORTS_NO_REPORTS_IN_SECTION") });
+    const h = e.some(Y);
+    return /* @__PURE__ */ r("div", { className: O.tableContainer, children: /* @__PURE__ */ S(
+      "table",
+      {
+        className: O.table,
+        "data-testid": "reports-table",
+        "aria-label": s("REPORTS_TABLE_ARIA_LABEL"),
+        children: [
+          /* @__PURE__ */ r("thead", { children: /* @__PURE__ */ S("tr", { children: [
+            /* @__PURE__ */ r(
+              "th",
+              {
+                className: h ? O.nameColumn : O.nameColumnWide,
+                children: s("REPORTS_NAME_HEADER")
+              }
+            ),
+            h && /* @__PURE__ */ S(K, { children: [
+              /* @__PURE__ */ r("th", { className: O.dateColumn, children: s("REPORTS_START_DATE_LABEL") }),
+              /* @__PURE__ */ r("th", { className: O.dateColumn, children: s("REPORTS_END_DATE_LABEL") })
+            ] }),
+            /* @__PURE__ */ r("th", { className: O.formatColumn, children: s("REPORTS_FORMAT_LABEL") }),
+            /* @__PURE__ */ r("th", { className: O.actionsColumn, children: s("REPORTS_ACTIONS_HEADER") })
+          ] }) }),
+          /* @__PURE__ */ r("tbody", { children: e.map((R) => {
+            const m = _(R.id), f = E(R.id), C = Y(R), y = p(R.id), v = L(R.id), I = m.format === "CUSTOM EXCEL", M = !!R.config?.macroTemplatePath;
+            let F = "edit";
+            return D(R.id) ? F = "uploading" : m.templateLocation && (F = "complete"), /* @__PURE__ */ S("tr", { children: [
+              /* @__PURE__ */ r(
+                "td",
+                {
+                  className: h ? O.nameColumn : O.nameColumnWide,
+                  children: R.name
+                }
+              ),
+              h && /* @__PURE__ */ S(K, { children: [
+                /* @__PURE__ */ r("td", { children: C && /* @__PURE__ */ r(
+                  q,
+                  {
+                    datePickerType: "single",
+                    dateFormat: "d/m/Y",
+                    value: m.startDate ?? void 0,
+                    onChange: (g) => {
+                      c(R.id, {
+                        startDate: g[0] ?? null
+                      }), u(R.id, "startDate");
+                    },
+                    children: /* @__PURE__ */ r(
+                      Q,
+                      {
+                        id: `row-start-date-${R.id}`,
+                        labelText: s("REPORTS_START_DATE_LABEL"),
+                        hideLabel: !0,
+                        placeholder: s("REPORTS_DATE_PLACEHOLDER"),
+                        invalid: !!f?.startDate,
+                        invalidText: f?.startDate
+                      }
+                    )
+                  }
+                ) }),
+                /* @__PURE__ */ r("td", { children: C && /* @__PURE__ */ r(
+                  q,
+                  {
+                    datePickerType: "single",
+                    dateFormat: "d/m/Y",
+                    minDate: m.startDate ?? void 0,
+                    onChange: (g) => {
+                      c(R.id, {
+                        endDate: g[0] ?? null
+                      }), u(R.id, "endDate");
+                    },
+                    value: m.endDate ?? void 0,
+                    children: /* @__PURE__ */ r(
+                      Q,
+                      {
+                        id: `row-end-date-${R.id}`,
+                        labelText: s("REPORTS_END_DATE_LABEL"),
+                        hideLabel: !0,
+                        placeholder: s("REPORTS_DATE_PLACEHOLDER"),
+                        invalid: !!f?.endDate,
+                        invalidText: f?.endDate
+                      }
+                    )
+                  }
+                ) })
+              ] }),
+              /* @__PURE__ */ S("td", { children: [
+                /* @__PURE__ */ r(
+                  k,
+                  {
+                    id: `row-format-${R.id}`,
+                    titleText: s("REPORTS_FORMAT_LABEL"),
+                    hideLabel: !0,
+                    label: s("REPORTS_CHOOSE_FORMAT"),
+                    items: a,
+                    itemToString: Ee(s),
+                    selectedItem: m.format,
+                    invalid: !!f?.format,
+                    invalidText: f?.format,
+                    onChange: ({ selectedItem: g }) => {
+                      c(R.id, { format: g }), u(R.id, "format");
+                    }
+                  }
+                ),
+                I && (M ? /* @__PURE__ */ r(
+                  "p",
+                  {
+                    className: O.preconfiguredTemplateLabel,
+                    "data-testid": `preconfigured-template-${R.id}`,
+                    children: s("REPORTS_PRECONFIGURED_TEMPLATE_LABEL")
+                  }
+                ) : /* @__PURE__ */ r(
+                  Ce,
+                  {
+                    testId: `template-uploader-${R.id}`,
+                    accept: Ze,
+                    buttonLabel: s(
+                      "REPORTS_UPLOAD_TEMPLATE_BUTTON_LABEL"
+                    ),
+                    labelTitle: s("REPORTS_UPLOAD_TEMPLATE_LABEL"),
+                    filenameStatus: F,
+                    onChange: (g, W) => {
+                      const n = W?.addedFiles?.[0]?.file ?? g?.target?.files?.[0];
+                      n && N(R, n);
+                    }
+                  },
+                  `${R.id}-${m.templateLocation ?? "empty"}`
+                ))
+              ] }),
+              /* @__PURE__ */ r("td", { className: O.actionsColumn, children: y || v ? /* @__PURE__ */ r(
+                be,
+                {
+                  description: s(
+                    y ? "REPORTS_RUNNING_LOADING_LABEL" : "REPORTS_QUEUEING_LOADING_LABEL"
+                  )
+                }
+              ) : /* @__PURE__ */ S(
+                Ne,
+                {
+                  flipped: !0,
+                  "aria-label": s("REPORTS_ACTIONS_HEADER"),
+                  children: [
+                    /* @__PURE__ */ r(
+                      J,
+                      {
+                        itemText: s(
+                          o ? "REPORTS_RUN_NOW_BUTTON_LABEL" : "REPORTS_RUN_BUTTON_LABEL"
+                        ),
+                        onClick: () => P(R)
+                      }
+                    ),
+                    o && /* @__PURE__ */ r(
+                      J,
+                      {
+                        itemText: s("REPORTS_QUEUE_BUTTON_LABEL"),
+                        onClick: () => b(R)
+                      }
+                    )
+                  ]
+                }
+              ) })
+            ] }, R.id);
+          }) })
+        ]
+      }
+    ) });
+  }
+);
+z.displayName = "ReportsTable";
+const Mt = "ReportList-module_reportList__tPpsJ", Ft = "ReportList-module_fullWidth__p10hj", Bt = "ReportList-module_emptyState__0xMZ9", $ = {
+  reportList: Mt,
+  fullWidth: Ft,
+  emptyState: Bt
+}, Ut = "TableFilters-module_filtersContainer__k61FE", vt = "TableFilters-module_filtersTitle__fAhZr", Ht = "TableFilters-module_filtersRow__nM3k-", Yt = "TableFilters-module_divider__r8vOx", wt = "TableFilters-module_buttonsRow__otqUJ", H = {
+  filtersContainer: Ut,
+  filtersTitle: vt,
+  filtersRow: Ht,
+  divider: Yt,
+  buttonsRow: wt
+}, xt = ({
+  startDate: e,
+  endDate: t,
+  format: a,
+  selectedPreset: l,
+  availableFormats: o,
+  onStartDateChange: s,
+  onEndDateChange: _,
+  onFormatChange: E,
+  onPresetChange: p,
+  onReset: L,
+  onApply: D
+}) => {
+  const { t: c } = w();
+  return /* @__PURE__ */ S("section", { className: H.filtersContainer, "data-testid": "reports-filters", children: [
+    /* @__PURE__ */ r("h2", { className: H.filtersTitle, children: c("REPORTS_FILTERS_LABEL") }),
+    /* @__PURE__ */ S("div", { className: H.filtersRow, children: [
+      /* @__PURE__ */ r(
+        k,
+        {
+          id: "date-range-preset",
+          titleText: c("REPORTS_SELECT_DATE_RANGE"),
+          label: "",
+          items: Ke,
+          itemToString: (u) => u ? c(Je[u]) : "",
+          selectedItem: l,
+          onChange: ({ selectedItem: u }) => {
+            if (p(u ?? null), !u) return;
+            const [P, b] = mt(u);
+            s(P), _(b);
+          }
+        }
+      ),
+      /* @__PURE__ */ r(
+        q,
+        {
+          datePickerType: "single",
+          dateFormat: "d/m/Y",
+          value: e ?? void 0,
+          onChange: (u) => {
+            p(null), s(u[0] ?? null);
+          },
+          children: /* @__PURE__ */ r(
+            Q,
+            {
+              id: "filter-start-date",
+              labelText: c("REPORTS_START_DATE_LABEL"),
+              placeholder: c("REPORTS_DATE_PLACEHOLDER")
+            }
+          )
+        }
+      ),
+      /* @__PURE__ */ r(
+        q,
+        {
+          datePickerType: "single",
+          dateFormat: "d/m/Y",
+          minDate: e ?? void 0,
+          value: t ?? void 0,
+          onChange: (u) => {
+            p(null), _(u[0] ?? null);
+          },
+          children: /* @__PURE__ */ r(
+            Q,
+            {
+              id: "filter-end-date",
+              labelText: c("REPORTS_END_DATE_LABEL"),
+              placeholder: c("REPORTS_DATE_PLACEHOLDER")
+            }
+          )
+        }
+      ),
+      /* @__PURE__ */ r("span", { className: H.divider, "aria-hidden": "true" }),
+      /* @__PURE__ */ r(
+        k,
+        {
+          id: "filter-format",
+          titleText: c("REPORTS_FORMAT_LABEL"),
+          label: c("REPORTS_CHOOSE_FORMAT"),
+          items: o,
+          itemToString: Ee(c),
+          selectedItem: a,
+          onChange: ({ selectedItem: u }) => E(u)
+        }
+      )
+    ] }),
+    /* @__PURE__ */ S("div", { className: H.buttonsRow, children: [
+      /* @__PURE__ */ r(Z, { kind: "tertiary", onClick: L, children: c("REPORTS_RESET_BUTTON") }),
+      /* @__PURE__ */ r(Z, { kind: "primary", onClick: D, children: c("REPORTS_APPLY_BUTTON") })
+    ] })
+  ] });
+}, ie = {
+  startDate: null,
+  endDate: null,
+  format: null,
+  version: 0
+}, qt = () => {
+  const { t: e } = w(), { userPrivileges: t, isLoading: a } = ye(), { addNotification: l } = ce(), {
+    data: o,
+    isLoading: s,
+    error: _
+  } = ot(), { data: E } = et();
+  _e(() => {
+    _ && l({
+      title: e("REPORTS_ERROR_TITLE"),
+      message: e("REPORTS_CONFIG_LOAD_ERROR"),
+      type: "error"
+    });
+  }, [_, l, e]);
+  const [p, L] = A(null), [D, c] = A(null), [u, P] = A(null), [b, N] = A(null), [h, R] = A(ie), m = x(() => o ? Tt(
+    ft(o),
+    t
+  ) : [], [o, t]), f = x(
+    () => pt(E?.config?.supportedFormats),
+    [E]
+  ), C = E?.config?.paperSize, y = E?.config?.enableReportQueue ?? !1, { dateRangeReports: v, noDateRangeReports: I } = x(
+    () => Et(m),
+    [m]
+  ), M = () => {
+    R((g) => ({
+      startDate: p,
+      endDate: D,
+      format: u,
+      version: g.version + 1
+    }));
+  }, F = () => {
+    L(null), c(null), P(null), N(null), R((g) => ({ ...ie, version: g.version + 1 }));
+  };
+  return s || a ? /* @__PURE__ */ r(
+    Ie,
+    {
+      id: "reports-config-loading",
+      testId: "reports-config-loading",
+      className: $.fullWidth,
+      type: "multi"
+    }
+  ) : _ ? null : !o || m.length === 0 ? /* @__PURE__ */ r(
+    "p",
+    {
+      id: "reports-empty-state",
+      "data-testid": "reports-empty-state",
+      className: $.emptyState,
+      children: e("REPORTS_EMPTY_STATE_MESSAGE")
+    }
+  ) : /* @__PURE__ */ S(
+    "div",
+    {
+      id: "report-list",
+      "data-testid": "report-list",
+      className: $.reportList,
+      children: [
+        /* @__PURE__ */ r(
+          xt,
+          {
+            startDate: p,
+            endDate: D,
+            format: u,
+            selectedPreset: b,
+            availableFormats: f,
+            onStartDateChange: L,
+            onEndDateChange: c,
+            onFormatChange: P,
+            onPresetChange: N,
+            onReset: F,
+            onApply: M
+          }
+        ),
+        /* @__PURE__ */ S(Me, { align: "start", children: [
+          /* @__PURE__ */ r(
+            ee,
+            {
+              title: e("REPORTS_DATE_RANGE_SECTION_TITLE"),
+              testId: "reports-date-range-section",
+              open: !0,
+              children: /* @__PURE__ */ r(
+                z,
+                {
+                  reports: v,
+                  appliedFilters: h,
+                  availableFormats: f,
+                  defaultPaperSize: C,
+                  enableReportQueue: y
+                }
+              )
+            }
+          ),
+          /* @__PURE__ */ r(
+            ee,
+            {
+              title: e("REPORTS_NO_DATE_RANGE_SECTION_TITLE"),
+              testId: "reports-no-date-range-section",
+              open: !0,
+              children: /* @__PURE__ */ r(
+                z,
+                {
+                  reports: I,
+                  appliedFilters: h,
+                  availableFormats: f,
+                  defaultPaperSize: C,
+                  enableReportQueue: y
+                }
+              )
+            }
+          )
+        ] })
+      ]
+    }
+  );
+}, Qt = "ReportsPage-module_page__ewRXe", Gt = "ReportsPage-module_panel__HFBCt", j = {
+  page: Qt,
+  panel: Gt
+}, le = 1, $t = 0, Wt = () => {
+  const { t: e } = w(), t = Qe(), a = Ge(), l = x(
+    () => [
+      { id: "home", label: e("REPORTS_HOME_LABEL"), href: Fe },
+      { id: "reports", label: e("REPORTS_LABEL"), isCurrentPage: !0 }
+    ],
+    [e]
+  ), o = t.pathname === te ? le : $t, s = V(
+    ({ selectedIndex: _ }) => {
+      a(
+        _ === le ? te : Be
+      );
+    },
+    [a]
+  );
+  return /* @__PURE__ */ r(
+    Ue,
+    {
+      header: /* @__PURE__ */ r(
+        "div",
+        {
+          id: "reports-page-header",
+          "data-testid": "reports-page-header-test-id",
+          "aria-label": "Reports Page Header",
+          children: /* @__PURE__ */ r(
+            we,
+            {
+              breadcrumbItems: l,
+              userMenu: /* @__PURE__ */ r(xe, {})
+            }
+          )
+        }
+      ),
+      main: /* @__PURE__ */ r(
+        "div",
+        {
+          id: "reports-page",
+          "data-testid": "reports-page-test-id",
+          "aria-label": "Reports Page",
+          className: j.page,
+          children: /* @__PURE__ */ S(ve, { selectedIndex: o, onChange: s, children: [
+            /* @__PURE__ */ S(
+              He,
+              {
+                id: "reports-tab-list",
+                "data-testid": "reports-tab-list-test-id",
+                "aria-label": e("REPORTS_TAB_LIST_ARIA_LABEL"),
+                children: [
+                  /* @__PURE__ */ r(
+                    ae,
+                    {
+                      id: "reports-tab",
+                      "data-testid": "reports-tab-test-id",
+                      "aria-label": e("REPORTS_TAB_LABEL"),
+                      children: e("REPORTS_TAB_LABEL")
+                    }
+                  ),
+                  /* @__PURE__ */ r(
+                    ae,
+                    {
+                      id: "my-reports-tab",
+                      "data-testid": "my-reports-tab-test-id",
+                      "aria-label": e("REPORTS_MY_REPORTS_TAB_LABEL"),
+                      children: e("REPORTS_MY_REPORTS_TAB_LABEL")
+                    }
+                  )
+                ]
+              }
+            ),
+            /* @__PURE__ */ S(Ye, { children: [
+              /* @__PURE__ */ r(
+                ne,
+                {
+                  id: "reports-tab-panel",
+                  "data-testid": "reports-tab-panel-test-id",
+                  "aria-label": e("REPORTS_TAB_LABEL"),
+                  className: j.panel,
+                  children: /* @__PURE__ */ r(qt, {})
+                }
+              ),
+              /* @__PURE__ */ r(
+                ne,
+                {
+                  id: "my-reports-tab-panel",
+                  "data-testid": "my-reports-tab-panel-test-id",
+                  "aria-label": e("REPORTS_MY_REPORTS_TAB_LABEL"),
+                  className: j.panel,
+                  children: /* @__PURE__ */ r("p", { children: e("REPORTS_MY_REPORTS_TAB_PLACEHOLDER") })
+                }
+              )
+            ] })
+          ] })
+        }
+      )
+    }
+  );
+};
+export {
+  Wt as ReportsPage,
+  Wt as default
+};