@bahmni/reports-app 0.0.1-dev.438 → 0.0.1-dev.440

package/dist/ReportsPage-DCLNH4F3.js

@@ -0,0 +1,666 @@
+import { jsx as a, jsxs as m, Fragment as H } from "react/jsx-runtime";
+import { C as W, p as se, r as oe, t as ie, x as le, y as de, A as Re, M as ce, O as Y, u as b, z as X, S as N, T as F, U as M, V as _e, _ as Te, a0 as pe, a1 as x, k as ue, a2 as me, a3 as Ee, a4 as q, a5 as Se, a6 as U, a7 as fe, a8 as Oe, a9 as Pe, aa as ge, ab as k, ac as Ae, ad as $, ae as he, af as De } from "./index-CSBzaxP9.js";
+import Le, { useCallback as K, useState as A, useEffect as V, useMemo as y } from "react";
+import { useQuery as J } from "@tanstack/react-query";
+import { useLocation as Ce, useNavigate as be } from "react-router-dom";
+const ye = "http://json-schema.org/draft-07/schema#", Ne = "Reports App Configuration", Fe = "object", ve = { 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)" } }, additionalProperties: !0 } }, Ie = !0, Be = {
+  $schema: ye,
+  title: Ne,
+  type: Fe,
+  properties: ve,
+  additionalProperties: Ie
+}, Me = {
+  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"
+}, we = [
+  "TODAY",
+  "THIS_MONTH",
+  "LAST_7_DAYS"
+], He = {
+  TODAY: "REPORTS_PRESET_TODAY",
+  THIS_MONTH: "REPORTS_PRESET_THIS_MONTH",
+  LAST_7_DAYS: "REPORTS_PRESET_LAST_7_DAYS"
+}, Q = {
+  reportsConfig: ["reportsConfig"],
+  reportsAppConfig: ["reportsAppConfig"]
+}, Ye = () => J({
+  queryKey: Q.reportsAppConfig,
+  queryFn: async () => {
+    try {
+      return await W(
+        se,
+        Be
+      );
+    } catch {
+      return {};
+    }
+  }
+}), xe = "http://json-schema.org/draft-07/schema#", qe = "Reports Configuration", Ue = "object", ke = { 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 } } }, $e = {
+  $schema: xe,
+  title: qe,
+  type: Ue,
+  additionalProperties: ke
+}, je = () => J({
+  queryKey: Q.reportsConfig,
+  queryFn: () => W(oe, $e),
+  retry: !1
+}), j = Symbol.for("constructDateFrom");
+function Z(e, t) {
+  return typeof e == "function" ? e(t) : e && typeof e == "object" && j in e ? e[j](t) : e instanceof Date ? new e.constructor(t) : new Date(t);
+}
+function ee(e, t) {
+  return Z(e, e);
+}
+function Ge(e, t, s) {
+  const d = ee(e);
+  return isNaN(t) ? Z(e, NaN) : (d.setDate(d.getDate() + t), d);
+}
+function ze(e, t) {
+  const s = ee(e);
+  return s.setDate(1), s.setHours(0, 0, 0, 0), s;
+}
+function We(e, t, s) {
+  return Ge(e, -6);
+}
+const Xe = (e, t) => t ? de(e, t) : !0, Ke = (e, t) => e.filter(
+  (s) => Xe(t, s.requiredPrivilege)
+), C = (e) => e.config?.dateRangeRequired !== !1, Ve = (e) => ({
+  dateRangeReports: e.filter(C),
+  noDateRangeReports: e.filter((t) => !C(t))
+}), Je = (e) => !e || e.length === 0 ? ie : e.map(
+  (s) => s.toUpperCase()
+).filter((s) => s in le), Qe = (e) => {
+  const t = /* @__PURE__ */ new Date();
+  switch (e) {
+    case "THIS_MONTH":
+      return [ze(t), t];
+    case "LAST_7_DAYS":
+      return [We(t), t];
+    default:
+      return [new Date(t), new Date(t)];
+  }
+}, te = (e) => (t) => t ? e(Me[t]) : "", Ze = (e, t) => {
+  const { report: s, requiresDateRange: d, format: n, startDate: _, endDate: R } = e;
+  return n ? d && (!_ || !R) ? !_ && !R ? {
+    field: "startDate",
+    message: t("REPORTS_MISSING_BOTH_DATES_ERROR")
+  } : _ ? {
+    field: "endDate",
+    message: t("REPORTS_MISSING_END_DATE_ERROR")
+  } : {
+    field: "startDate",
+    message: t("REPORTS_MISSING_START_DATE_ERROR")
+  } : _ && R && _ > R ? {
+    field: "endDate",
+    message: t("REPORTS_DATE_ORDER_ERROR")
+  } : s.type === "concatenated" && n === "CSV" ? {
+    message: t("REPORTS_CSV_NOT_SUPPORTED_ERROR")
+  } : null : {
+    field: "format",
+    message: t("REPORTS_SELECT_FORMAT_ERROR", {
+      reportName: s.name
+    })
+  };
+}, et = (e) => Object.entries(e).map(([t, s]) => ({
+  id: t,
+  ...s
+})), tt = () => ({ runReport: K(
+  (t, s, d, n, _) => {
+    try {
+      const R = Re(
+        t.name,
+        s,
+        d,
+        n,
+        t.config?.paperSize ?? _
+      ), u = window.open(R, "_blank");
+      return u ? (u.opener = null, ce({
+        eventType: Y.RUN_REPORT.eventType,
+        messageParams: { reportName: t.name },
+        module: Y.RUN_REPORT.module
+      }), !0) : !1;
+    } catch (R) {
+      return console.error("Error running report:", R), !1;
+    }
+  },
+  []
+) }), at = (e, t, s) => {
+  const { t: d } = b(), { addNotification: n } = X(), { runReport: _ } = tt(), [R, u] = A({}), [f, p] = A({}), [P, i] = A(null);
+  V(() => {
+    u({}), p({});
+  }, [t.version]);
+  const r = (o) => R[o] ?? {
+    startDate: t.startDate,
+    endDate: t.endDate,
+    format: t.format
+  };
+  return {
+    rowFilters: r,
+    errors: (o) => f[o],
+    isRunning: (o) => P === o,
+    updateRow: (o, l) => u((c) => ({
+      ...c,
+      [o]: { ...r(o), ...l }
+    })),
+    clearRowFieldError: (o, l) => p((c) => {
+      if (!c[o]?.[l]) return c;
+      const D = { ...c[o], [l]: void 0 };
+      return { ...c, [o]: D };
+    }),
+    handleRunReport: (o) => {
+      const l = r(o.id), c = Ze(
+        {
+          report: o,
+          requiresDateRange: C(o),
+          format: l.format,
+          startDate: l.startDate,
+          endDate: l.endDate
+        },
+        (T, g) => d(T, { defaultValue: T, ...g })
+      );
+      if (c) {
+        if (n({
+          title: d("REPORTS_VALIDATION_ERROR_TITLE"),
+          message: c.message,
+          type: "error"
+        }), c.field === "format")
+          p((T) => ({
+            ...T,
+            [o.id]: { format: c.message }
+          }));
+        else if (c.field === "startDate" || c.field === "endDate") {
+          const T = !l.startDate && !l.endDate;
+          p((g) => ({
+            ...g,
+            [o.id]: {
+              startDate: c.field === "startDate" || T ? c.message : void 0,
+              endDate: c.field === "endDate" || T ? c.message : void 0
+            }
+          }));
+        }
+        return;
+      }
+      if (p((T) => {
+        if (!(o.id in T)) return T;
+        const g = { ...T };
+        return delete g[o.id], g;
+      }), i(o.id), !_(
+        o,
+        l.format,
+        l.startDate,
+        l.endDate,
+        s
+      )) {
+        i(null), n({
+          title: d("REPORTS_ERROR_TITLE"),
+          message: d("REPORTS_POPUP_BLOCKED_ERROR"),
+          type: "error"
+        });
+        return;
+      }
+      setTimeout(() => {
+        i((T) => T === o.id ? null : T);
+      }, 300);
+    }
+  };
+}, rt = "ReportsTable-module_tableContainer__-0YY7", nt = "ReportsTable-module_table__4ySYm", st = "ReportsTable-module_actionsColumn__Haj2L", ot = "ReportsTable-module_nameColumn__BXFAo", it = "ReportsTable-module_dateColumn__zPT-K", lt = "ReportsTable-module_formatColumn__J0nQX", dt = "ReportsTable-module_nameColumnWide__9NELB", Rt = "ReportsTable-module_emptyState__nMhOo", E = {
+  tableContainer: rt,
+  table: nt,
+  actionsColumn: st,
+  nameColumn: ot,
+  dateColumn: it,
+  formatColumn: lt,
+  nameColumnWide: dt,
+  emptyState: Rt
+}, w = Le.memo(
+  ({ reports: e, appliedFilters: t, availableFormats: s, defaultPaperSize: d }) => {
+    const { t: n } = b(), {
+      rowFilters: _,
+      errors: R,
+      isRunning: u,
+      updateRow: f,
+      clearRowFieldError: p,
+      handleRunReport: P
+    } = at(e, t, d);
+    if (e.length === 0)
+      return /* @__PURE__ */ a("div", { className: E.emptyState, "data-testid": "reports-table-empty", children: n("REPORTS_NO_REPORTS_IN_SECTION") });
+    const i = e.some(C);
+    return /* @__PURE__ */ a("div", { className: E.tableContainer, children: /* @__PURE__ */ m("table", { className: E.table, "data-testid": "reports-table", children: [
+      /* @__PURE__ */ a("thead", { children: /* @__PURE__ */ m("tr", { children: [
+        /* @__PURE__ */ a(
+          "th",
+          {
+            className: i ? E.nameColumn : E.nameColumnWide,
+            children: n("REPORTS_NAME_HEADER")
+          }
+        ),
+        i && /* @__PURE__ */ m(H, { children: [
+          /* @__PURE__ */ a("th", { className: E.dateColumn, children: n("REPORTS_START_DATE_LABEL") }),
+          /* @__PURE__ */ a("th", { className: E.dateColumn, children: n("REPORTS_END_DATE_LABEL") })
+        ] }),
+        /* @__PURE__ */ a("th", { className: E.formatColumn, children: n("REPORTS_FORMAT_LABEL") }),
+        /* @__PURE__ */ a("th", { className: E.actionsColumn, children: n("REPORTS_ACTIONS_HEADER") })
+      ] }) }),
+      /* @__PURE__ */ a("tbody", { children: e.map((r) => {
+        const O = _(r.id), S = R(r.id), h = C(r), o = u(r.id);
+        return /* @__PURE__ */ m("tr", { children: [
+          /* @__PURE__ */ a(
+            "td",
+            {
+              className: i ? E.nameColumn : E.nameColumnWide,
+              children: r.name
+            }
+          ),
+          i && /* @__PURE__ */ m(H, { children: [
+            /* @__PURE__ */ a("td", { children: h && /* @__PURE__ */ a(
+              N,
+              {
+                datePickerType: "single",
+                dateFormat: "d/m/Y",
+                value: O.startDate ?? void 0,
+                onChange: (l) => {
+                  f(r.id, {
+                    startDate: l[0] ?? null
+                  }), p(r.id, "startDate");
+                },
+                children: /* @__PURE__ */ a(
+                  F,
+                  {
+                    id: `row-start-date-${r.id}`,
+                    labelText: n("REPORTS_START_DATE_LABEL"),
+                    hideLabel: !0,
+                    placeholder: n("REPORTS_DATE_PLACEHOLDER"),
+                    invalid: !!S?.startDate,
+                    invalidText: S?.startDate
+                  }
+                )
+              }
+            ) }),
+            /* @__PURE__ */ a("td", { children: h && /* @__PURE__ */ a(
+              N,
+              {
+                datePickerType: "single",
+                dateFormat: "d/m/Y",
+                minDate: O.startDate ?? void 0,
+                onChange: (l) => {
+                  f(r.id, {
+                    endDate: l[0] ?? null
+                  }), p(r.id, "endDate");
+                },
+                value: O.endDate ?? void 0,
+                children: /* @__PURE__ */ a(
+                  F,
+                  {
+                    id: `row-end-date-${r.id}`,
+                    labelText: n("REPORTS_END_DATE_LABEL"),
+                    hideLabel: !0,
+                    placeholder: n("REPORTS_DATE_PLACEHOLDER"),
+                    invalid: !!S?.endDate,
+                    invalidText: S?.endDate
+                  }
+                )
+              }
+            ) })
+          ] }),
+          /* @__PURE__ */ a("td", { children: /* @__PURE__ */ a(
+            M,
+            {
+              id: `row-format-${r.id}`,
+              titleText: n("REPORTS_FORMAT_LABEL"),
+              hideLabel: !0,
+              label: n("REPORTS_CHOOSE_FORMAT"),
+              items: s,
+              itemToString: te(n),
+              selectedItem: O.format,
+              invalid: !!S?.format,
+              invalidText: S?.format,
+              onChange: ({ selectedItem: l }) => {
+                f(r.id, { format: l }), p(r.id, "format");
+              }
+            }
+          ) }),
+          /* @__PURE__ */ a("td", { className: E.actionsColumn, children: o ? /* @__PURE__ */ a(
+            _e,
+            {
+              description: n("REPORTS_RUNNING_LOADING_LABEL")
+            }
+          ) : /* @__PURE__ */ a(
+            Te,
+            {
+              flipped: !0,
+              "aria-label": n("REPORTS_ACTIONS_HEADER"),
+              children: /* @__PURE__ */ a(
+                pe,
+                {
+                  itemText: n("REPORTS_RUN_BUTTON_LABEL"),
+                  onClick: () => P(r)
+                }
+              )
+            }
+          ) })
+        ] }, r.id);
+      }) })
+    ] }) });
+  }
+);
+w.displayName = "ReportsTable";
+const ct = "ReportList-module_reportList__tPpsJ", _t = "ReportList-module_fullWidth__p10hj", Tt = "ReportList-module_emptyState__0xMZ9", I = {
+  reportList: ct,
+  fullWidth: _t,
+  emptyState: Tt
+}, pt = "TableFilters-module_filtersContainer__k61FE", ut = "TableFilters-module_filtersTitle__fAhZr", mt = "TableFilters-module_filtersRow__nM3k-", Et = "TableFilters-module_divider__r8vOx", St = "TableFilters-module_buttonsRow__otqUJ", L = {
+  filtersContainer: pt,
+  filtersTitle: ut,
+  filtersRow: mt,
+  divider: Et,
+  buttonsRow: St
+}, ft = ({
+  startDate: e,
+  endDate: t,
+  format: s,
+  selectedPreset: d,
+  availableFormats: n,
+  onStartDateChange: _,
+  onEndDateChange: R,
+  onFormatChange: u,
+  onPresetChange: f,
+  onReset: p,
+  onApply: P
+}) => {
+  const { t: i } = b();
+  return /* @__PURE__ */ m("section", { className: L.filtersContainer, "data-testid": "reports-filters", children: [
+    /* @__PURE__ */ a("h2", { className: L.filtersTitle, children: i("REPORTS_FILTERS_LABEL") }),
+    /* @__PURE__ */ m("div", { className: L.filtersRow, children: [
+      /* @__PURE__ */ a(
+        M,
+        {
+          id: "date-range-preset",
+          titleText: i("REPORTS_SELECT_DATE_RANGE"),
+          label: "",
+          items: we,
+          itemToString: (r) => r ? i(He[r]) : "",
+          selectedItem: d,
+          onChange: ({ selectedItem: r }) => {
+            if (f(r ?? null), !r) return;
+            const [O, S] = Qe(r);
+            _(O), R(S);
+          }
+        }
+      ),
+      /* @__PURE__ */ a(
+        N,
+        {
+          datePickerType: "single",
+          dateFormat: "d/m/Y",
+          value: e ?? void 0,
+          onChange: (r) => _(r[0] ?? null),
+          children: /* @__PURE__ */ a(
+            F,
+            {
+              id: "filter-start-date",
+              labelText: i("REPORTS_START_DATE_LABEL"),
+              placeholder: i("REPORTS_DATE_PLACEHOLDER")
+            }
+          )
+        }
+      ),
+      /* @__PURE__ */ a(
+        N,
+        {
+          datePickerType: "single",
+          dateFormat: "d/m/Y",
+          minDate: e ?? void 0,
+          value: t ?? void 0,
+          onChange: (r) => R(r[0] ?? null),
+          children: /* @__PURE__ */ a(
+            F,
+            {
+              id: "filter-end-date",
+              labelText: i("REPORTS_END_DATE_LABEL"),
+              placeholder: i("REPORTS_DATE_PLACEHOLDER")
+            }
+          )
+        }
+      ),
+      /* @__PURE__ */ a("span", { className: L.divider, "aria-hidden": "true" }),
+      /* @__PURE__ */ a(
+        M,
+        {
+          id: "filter-format",
+          titleText: i("REPORTS_FORMAT_LABEL"),
+          label: i("REPORTS_CHOOSE_FORMAT"),
+          items: n,
+          itemToString: te(i),
+          selectedItem: s,
+          onChange: ({ selectedItem: r }) => u(r)
+        }
+      )
+    ] }),
+    /* @__PURE__ */ m("div", { className: L.buttonsRow, children: [
+      /* @__PURE__ */ a(x, { kind: "tertiary", onClick: p, children: i("REPORTS_RESET_BUTTON") }),
+      /* @__PURE__ */ a(x, { kind: "primary", onClick: P, children: i("REPORTS_APPLY_BUTTON") })
+    ] })
+  ] });
+}, G = {
+  startDate: null,
+  endDate: null,
+  format: null,
+  version: 0
+}, Ot = () => {
+  const { t: e } = b(), { userPrivileges: t, isLoading: s } = ue(), { addNotification: d } = X(), {
+    data: n,
+    isLoading: _,
+    error: R
+  } = je(), { data: u } = Ye();
+  V(() => {
+    R && d({
+      title: e("REPORTS_ERROR_TITLE"),
+      message: e("REPORTS_CONFIG_LOAD_ERROR"),
+      type: "error"
+    });
+  }, [R, d, e]);
+  const [f, p] = A(null), [P, i] = A(null), [r, O] = A(null), [S, h] = A(null), [o, l] = A(G), c = y(() => n ? Ke(
+    et(n),
+    t
+  ) : [], [n, t]), D = y(
+    () => Je(u?.config?.supportedFormats),
+    [u]
+  ), T = u?.config?.paperSize, { dateRangeReports: g, noDateRangeReports: ae } = y(
+    () => Ve(c),
+    [c]
+  ), re = () => {
+    l((v) => ({
+      startDate: f,
+      endDate: P,
+      format: r,
+      version: v.version + 1
+    }));
+  }, ne = () => {
+    p(null), i(null), O(null), h(null), l((v) => ({ ...G, version: v.version + 1 }));
+  };
+  return _ || s ? /* @__PURE__ */ a(
+    me,
+    {
+      id: "reports-config-loading",
+      testId: "reports-config-loading",
+      className: I.fullWidth,
+      type: "multi"
+    }
+  ) : R ? null : !n || c.length === 0 ? /* @__PURE__ */ a(
+    "p",
+    {
+      id: "reports-empty-state",
+      "data-testid": "reports-empty-state",
+      className: I.emptyState,
+      children: e("REPORTS_EMPTY_STATE_MESSAGE")
+    }
+  ) : /* @__PURE__ */ m(
+    "div",
+    {
+      id: "report-list",
+      "data-testid": "report-list",
+      className: I.reportList,
+      children: [
+        /* @__PURE__ */ a(
+          ft,
+          {
+            startDate: f,
+            endDate: P,
+            format: r,
+            selectedPreset: S,
+            availableFormats: D,
+            onStartDateChange: p,
+            onEndDateChange: i,
+            onFormatChange: O,
+            onPresetChange: h,
+            onReset: ne,
+            onApply: re
+          }
+        ),
+        /* @__PURE__ */ m(Ee, { align: "start", children: [
+          /* @__PURE__ */ a(
+            q,
+            {
+              title: e("REPORTS_DATE_RANGE_SECTION_TITLE"),
+              testId: "reports-date-range-section",
+              open: !0,
+              children: /* @__PURE__ */ a(
+                w,
+                {
+                  reports: g,
+                  appliedFilters: o,
+                  availableFormats: D,
+                  defaultPaperSize: T
+                }
+              )
+            }
+          ),
+          /* @__PURE__ */ a(
+            q,
+            {
+              title: e("REPORTS_NO_DATE_RANGE_SECTION_TITLE"),
+              testId: "reports-no-date-range-section",
+              open: !0,
+              children: /* @__PURE__ */ a(
+                w,
+                {
+                  reports: ae,
+                  appliedFilters: o,
+                  availableFormats: D,
+                  defaultPaperSize: T
+                }
+              )
+            }
+          )
+        ] })
+      ]
+    }
+  );
+}, Pt = "ReportsPage-module_page__ewRXe", gt = "ReportsPage-module_panel__HFBCt", B = {
+  page: Pt,
+  panel: gt
+}, z = 1, At = 0, yt = () => {
+  const { t: e } = b(), t = Ce(), s = be(), d = y(
+    () => [
+      { id: "home", label: e("REPORTS_HOME_LABEL"), href: Se },
+      { id: "reports", label: e("REPORTS_LABEL"), isCurrentPage: !0 }
+    ],
+    [e]
+  ), n = t.pathname === U ? z : At, _ = K(
+    ({ selectedIndex: R }) => {
+      s(
+        R === z ? U : fe
+      );
+    },
+    [s]
+  );
+  return /* @__PURE__ */ a(
+    Oe,
+    {
+      header: /* @__PURE__ */ a(
+        "div",
+        {
+          id: "reports-page-header",
+          "data-testid": "reports-page-header-test-id",
+          "aria-label": "Reports Page Header",
+          children: /* @__PURE__ */ a(
+            he,
+            {
+              breadcrumbItems: d,
+              userMenu: /* @__PURE__ */ a(De, {})
+            }
+          )
+        }
+      ),
+      main: /* @__PURE__ */ a(
+        "div",
+        {
+          id: "reports-page",
+          "data-testid": "reports-page-test-id",
+          "aria-label": "Reports Page",
+          className: B.page,
+          children: /* @__PURE__ */ m(Pe, { selectedIndex: n, onChange: _, children: [
+            /* @__PURE__ */ m(
+              ge,
+              {
+                id: "reports-tab-list",
+                "data-testid": "reports-tab-list-test-id",
+                "aria-label": e("REPORTS_TAB_LIST_ARIA_LABEL"),
+                children: [
+                  /* @__PURE__ */ a(
+                    k,
+                    {
+                      id: "reports-tab",
+                      "data-testid": "reports-tab-test-id",
+                      "aria-label": e("REPORTS_TAB_LABEL"),
+                      children: e("REPORTS_TAB_LABEL")
+                    }
+                  ),
+                  /* @__PURE__ */ a(
+                    k,
+                    {
+                      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__ */ m(Ae, { children: [
+              /* @__PURE__ */ a(
+                $,
+                {
+                  id: "reports-tab-panel",
+                  "data-testid": "reports-tab-panel-test-id",
+                  "aria-label": e("REPORTS_TAB_LABEL"),
+                  className: B.panel,
+                  children: /* @__PURE__ */ a(Ot, {})
+                }
+              ),
+              /* @__PURE__ */ a(
+                $,
+                {
+                  id: "my-reports-tab-panel",
+                  "data-testid": "my-reports-tab-panel-test-id",
+                  "aria-label": e("REPORTS_MY_REPORTS_TAB_LABEL"),
+                  className: B.panel,
+                  children: /* @__PURE__ */ a("p", { children: e("REPORTS_MY_REPORTS_TAB_PLACEHOLDER") })
+                }
+              )
+            ] })
+          ] })
+        }
+      )
+    }
+  );
+};
+export {
+  yt as ReportsPage,
+  yt as default
+};