@fayz-ai/plugin-reports 0.1.1

package/dist/index.js

@@ -0,0 +1,878 @@
+import { reportColumnsToTanstack, formatValuePlain } from './chunk-LODXZ2SC.js';
+import React7, { createContext, useState, useEffect, useCallback, useMemo, useContext, useRef } from 'react';
+import { registerTranslations, createSafeDataProvider, getSupabaseClientOptional, useTranslation, exportCSV } from '@fayz-ai/core';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import * as LucideIcons from 'lucide-react';
+import { ArrowLeft, Loader2, Play, Printer, SlidersHorizontal, Construction, Search, Download, ChevronLeft, ChevronRight } from 'lucide-react';
+import { Button, DataTable, Input, DatePicker, Dropdown, DropdownTrigger, DropdownContent, DropdownItem, Badge, Select, SelectTrigger, SelectValue, SelectContent, SelectItem } from '@fayz-ai/ui';
+import { dedup } from '@fayz-ai/saas';
+
+var ReportsContext = createContext(null);
+function useReportsContext() {
+  const ctx = useContext(ReportsContext);
+  if (!ctx) throw new Error("useReportsContext must be used within ReportsContextProvider");
+  return ctx;
+}
+function ReportsContextProvider({
+  config,
+  provider,
+  children
+}) {
+  return /* @__PURE__ */ jsx(ReportsContext.Provider, { value: { config, provider, reports: config.reports }, children });
+}
+function ReportCard({ report, onClick }) {
+  const IconComp = LucideIcons[report.icon] ?? LucideIcons.FileText;
+  return /* @__PURE__ */ jsxs(
+    "button",
+    {
+      type: "button",
+      onClick: () => onClick(report),
+      className: "flex flex-col items-start gap-2 rounded-xl border bg-card p-4 text-left transition-all hover:border-primary/30 hover:shadow-md",
+      children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex w-full items-start justify-between", children: [
+          /* @__PURE__ */ jsx("div", { className: "flex h-10 w-10 items-center justify-center rounded-lg bg-primary/10 text-primary", children: /* @__PURE__ */ jsx(IconComp, { className: "h-5 w-5" }) }),
+          report.badge && /* @__PURE__ */ jsx(Badge, { variant: "secondary", className: "text-xs capitalize", children: report.badge })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { children: [
+          /* @__PURE__ */ jsx("h4", { className: "font-medium text-sm", children: report.name }),
+          report.description && /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground mt-0.5 line-clamp-2", children: report.description })
+        ] })
+      ]
+    }
+  );
+}
+function ReportHub({ onSelect }) {
+  const t2 = useTranslation();
+  const { config } = useReportsContext();
+  const [search, setSearch] = useState("");
+  const categories = useMemo(() => {
+    const filtered = search ? config.reports.filter(
+      (r) => r.name.toLowerCase().includes(search.toLowerCase()) || r.description?.toLowerCase().includes(search.toLowerCase())
+    ) : config.reports;
+    const map = /* @__PURE__ */ new Map();
+    for (const report of filtered) {
+      const list = map.get(report.category) ?? [];
+      list.push(report);
+      map.set(report.category, list);
+    }
+    const groups = [];
+    for (const [name, reports] of map) {
+      groups.push({ name, reports });
+    }
+    return groups;
+  }, [config.reports, search]);
+  const totalReports = config.reports.length;
+  return /* @__PURE__ */ jsxs("div", { className: "space-y-6", children: [
+    config.showHeader && /* @__PURE__ */ jsxs("div", { children: [
+      /* @__PURE__ */ jsx("h1", { className: "text-2xl font-bold", children: t2("reports.pageTitle") }),
+      /* @__PURE__ */ jsx("p", { className: "text-muted-foreground mt-1", children: t2("reports.pageSubtitle") })
+    ] }),
+    totalReports > 6 && /* @__PURE__ */ jsxs("div", { className: "relative max-w-md", children: [
+      /* @__PURE__ */ jsx(Search, { className: "absolute left-3 top-1/2 -translate-y-1/2 h-4 w-4 text-muted-foreground" }),
+      /* @__PURE__ */ jsx(
+        Input,
+        {
+          value: search,
+          onChange: (e) => setSearch(e.target.value),
+          placeholder: t2("reports.search"),
+          className: "pl-9"
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsx("div", { className: "space-y-8", children: categories.map((category) => /* @__PURE__ */ jsxs("div", { className: "rounded-xl border bg-card shadow-sm p-5", children: [
+      /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between mb-4", children: [
+        /* @__PURE__ */ jsx("h2", { className: "font-semibold", children: category.name }),
+        /* @__PURE__ */ jsxs("span", { className: "text-sm text-muted-foreground", children: [
+          category.reports.length,
+          " ",
+          t2("reports.reports")
+        ] })
+      ] }),
+      /* @__PURE__ */ jsx("div", { className: "grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-3", children: category.reports.map((report) => /* @__PURE__ */ jsx(ReportCard, { report, onClick: onSelect }, report.id)) })
+    ] }, category.name)) }),
+    categories.length === 0 && search && /* @__PURE__ */ jsx("div", { className: "text-center py-12 text-muted-foreground", children: t2("reports.noResults") })
+  ] });
+}
+function defaultDateRange() {
+  const now = /* @__PURE__ */ new Date();
+  const from = `${now.getFullYear()}-${String(now.getMonth() + 1).padStart(2, "0")}-01`;
+  const to = `${now.getFullYear()}-${String(now.getMonth() + 1).padStart(2, "0")}-${String(now.getDate()).padStart(2, "0")}`;
+  return { from, to };
+}
+function buildDefaultFilters(report) {
+  const filters = {};
+  for (const f of report.filters ?? []) {
+    if (f.defaultValue !== void 0) filters[f.key] = f.defaultValue;
+  }
+  return filters;
+}
+function useReportData(report, provider, defaultPageSize = 50) {
+  const [query, setQuery] = useState({
+    dateRange: defaultDateRange(),
+    filters: buildDefaultFilters(report),
+    sortBy: report.dataSource.defaultSort,
+    sortDir: report.dataSource.defaultSortDir ?? "desc",
+    page: 1,
+    pageSize: defaultPageSize
+  });
+  const [result, setResult] = useState({ data: [], total: 0 });
+  const [loading, setLoading] = useState(false);
+  const [generated, setGenerated] = useState(false);
+  const [error, setError] = useState(null);
+  const queryRef = useRef(query);
+  queryRef.current = query;
+  const fetchData = useCallback(async (q) => {
+    setLoading(true);
+    setError(null);
+    try {
+      const res = await dedup(
+        `report:${report.id}:${JSON.stringify(q)}`,
+        () => provider.fetch(report, q)
+      );
+      setResult(res);
+      setGenerated(true);
+    } catch (err) {
+      setError(err?.message ?? "Failed to load report");
+      setResult({ data: [], total: 0 });
+    } finally {
+      setLoading(false);
+    }
+  }, [report, provider]);
+  const generate = useCallback(() => {
+    fetchData(queryRef.current);
+  }, [fetchData]);
+  const setDateRange = useCallback((dateRange) => {
+    setQuery((q) => ({ ...q, dateRange, page: 1 }));
+  }, []);
+  const setFilter = useCallback((key, value) => {
+    setQuery((q) => ({ ...q, filters: { ...q.filters, [key]: value }, page: 1 }));
+  }, []);
+  const setSort = useCallback((sortBy) => {
+    setQuery((q) => ({
+      ...q,
+      sortBy,
+      sortDir: q.sortBy === sortBy && q.sortDir === "asc" ? "desc" : "asc",
+      page: 1
+    }));
+  }, []);
+  const setPage = useCallback((page) => {
+    setQuery((q) => ({ ...q, page }));
+  }, []);
+  const setPageSize = useCallback((pageSize) => {
+    setQuery((q) => ({ ...q, pageSize, page: 1 }));
+  }, []);
+  const setSearch = useCallback((search) => {
+    setQuery((q) => ({ ...q, search, page: 1 }));
+  }, []);
+  return {
+    data: result.data,
+    total: result.total,
+    loading,
+    generated,
+    error,
+    query,
+    generate,
+    setDateRange,
+    setFilter,
+    setSort,
+    setPage,
+    setPageSize,
+    setSearch
+  };
+}
+function ReportFilterBar({
+  dateRange,
+  onDateRangeChange,
+  filters,
+  filterValues,
+  onFilterChange
+}) {
+  const t2 = useTranslation();
+  return /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-end gap-3", children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex items-end gap-2", children: [
+      /* @__PURE__ */ jsxs("div", { className: "space-y-1", children: [
+        /* @__PURE__ */ jsx("label", { className: "text-xs font-medium text-muted-foreground", children: t2("reports.from") }),
+        /* @__PURE__ */ jsx(
+          DatePicker,
+          {
+            value: dateRange.from,
+            onChange: (v) => onDateRangeChange({ ...dateRange, from: v })
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "space-y-1", children: [
+        /* @__PURE__ */ jsx("label", { className: "text-xs font-medium text-muted-foreground", children: t2("reports.to") }),
+        /* @__PURE__ */ jsx(
+          DatePicker,
+          {
+            value: dateRange.to,
+            onChange: (v) => onDateRangeChange({ ...dateRange, to: v })
+          }
+        )
+      ] })
+    ] }),
+    filters.map((filter) => /* @__PURE__ */ jsx(
+      FilterControl,
+      {
+        filter,
+        value: filterValues[filter.key],
+        onChange: (v) => onFilterChange(filter.key, v)
+      },
+      filter.key
+    ))
+  ] });
+}
+function FilterControl({
+  filter,
+  value,
+  onChange
+}) {
+  const [options, setOptions] = useState(
+    Array.isArray(filter.options) ? filter.options : []
+  );
+  useEffect(() => {
+    if (typeof filter.options === "function") {
+      filter.options().then(setOptions);
+    }
+  }, [filter.options]);
+  if (filter.type === "select") {
+    return /* @__PURE__ */ jsxs("div", { className: "space-y-1", children: [
+      /* @__PURE__ */ jsx("label", { className: "text-xs font-medium text-muted-foreground", children: filter.label }),
+      /* @__PURE__ */ jsxs(Select, { value: value ?? "", onValueChange: (v) => onChange(v === "__all__" ? "" : v), children: [
+        /* @__PURE__ */ jsx(SelectTrigger, { className: "w-[180px]", children: /* @__PURE__ */ jsx(SelectValue, { placeholder: filter.placeholder ?? filter.label }) }),
+        /* @__PURE__ */ jsxs(SelectContent, { children: [
+          /* @__PURE__ */ jsx(SelectItem, { value: "__all__", children: "All" }),
+          options.map((opt) => /* @__PURE__ */ jsx(SelectItem, { value: opt.value, children: opt.label }, opt.value))
+        ] })
+      ] })
+    ] });
+  }
+  if (filter.type === "text") {
+    return /* @__PURE__ */ jsxs("div", { className: "space-y-1", children: [
+      /* @__PURE__ */ jsx("label", { className: "text-xs font-medium text-muted-foreground", children: filter.label }),
+      /* @__PURE__ */ jsx(
+        Input,
+        {
+          value: value ?? "",
+          onChange: (e) => onChange(e.target.value),
+          placeholder: filter.placeholder ?? filter.label,
+          className: "w-[180px]"
+        }
+      )
+    ] });
+  }
+  if (filter.type === "number") {
+    return /* @__PURE__ */ jsxs("div", { className: "space-y-1", children: [
+      /* @__PURE__ */ jsx("label", { className: "text-xs font-medium text-muted-foreground", children: filter.label }),
+      /* @__PURE__ */ jsx(
+        Input,
+        {
+          type: "number",
+          value: value ?? "",
+          onChange: (e) => onChange(e.target.value ? Number(e.target.value) : void 0),
+          placeholder: filter.placeholder ?? filter.label,
+          className: "w-[120px]"
+        }
+      )
+    ] });
+  }
+  return null;
+}
+function ReportPagination({ page, pageSize, total, onPageChange, onPageSizeChange }) {
+  const totalPages = Math.max(1, Math.ceil(total / pageSize));
+  const from = (page - 1) * pageSize + 1;
+  const to = Math.min(page * pageSize, total);
+  return /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between border-t px-4 py-3", children: [
+    /* @__PURE__ */ jsx("div", { className: "text-sm text-muted-foreground", children: total > 0 ? `${from}\u2013${to} of ${total}` : "No results" }),
+    /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3", children: [
+      /* @__PURE__ */ jsx(
+        "select",
+        {
+          value: pageSize,
+          onChange: (e) => onPageSizeChange(Number(e.target.value)),
+          className: "h-8 rounded-input border border-input  bg-card shadow-[inset_0_1px_0_rgb(0_0_0_/0.06)] px-2 text-sm",
+          children: [25, 50, 100].map((size) => /* @__PURE__ */ jsxs("option", { value: size, children: [
+            size,
+            " / page"
+          ] }, size))
+        }
+      ),
+      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1", children: [
+        /* @__PURE__ */ jsx(
+          Button,
+          {
+            variant: "outline",
+            size: "sm",
+            disabled: page <= 1,
+            onClick: () => onPageChange(page - 1),
+            children: /* @__PURE__ */ jsx(ChevronLeft, { className: "h-4 w-4" })
+          }
+        ),
+        /* @__PURE__ */ jsxs("span", { className: "text-sm px-2", children: [
+          page,
+          " / ",
+          totalPages
+        ] }),
+        /* @__PURE__ */ jsx(
+          Button,
+          {
+            variant: "outline",
+            size: "sm",
+            disabled: page >= totalPages,
+            onClick: () => onPageChange(page + 1),
+            children: /* @__PURE__ */ jsx(ChevronRight, { className: "h-4 w-4" })
+          }
+        )
+      ] })
+    ] })
+  ] });
+}
+function ReportSummaryRow({ columns, data, currency }) {
+  const visibleCols = columns.filter((c) => c.visible !== false);
+  const hasAggregates = visibleCols.some((c) => c.aggregate);
+  if (!hasAggregates || data.length === 0) return null;
+  return /* @__PURE__ */ jsx("div", { className: "rounded-lg border bg-muted/30 overflow-hidden", children: /* @__PURE__ */ jsx("table", { className: "w-full text-xs", children: /* @__PURE__ */ jsx("tbody", { children: /* @__PURE__ */ jsx("tr", { className: "font-semibold", children: visibleCols.map((col) => {
+    const value = computeAggregate(col, data);
+    const alignRight = col.align === "right" || col.type === "currency" || col.type === "number";
+    return /* @__PURE__ */ jsx(
+      "td",
+      {
+        className: `px-3 py-1.5 ${alignRight ? "text-right" : ""}`,
+        children: value != null ? formatValuePlain(value, col, currency) : col.aggregate ? "\u2014" : ""
+      },
+      col.key
+    );
+  }) }) }) }) });
+}
+function computeAggregate(col, data) {
+  if (!col.aggregate) return null;
+  const values = data.map((row) => row[col.key]).filter((v) => v != null && !isNaN(Number(v))).map(Number);
+  if (values.length === 0) return null;
+  switch (col.aggregate) {
+    case "sum":
+      return values.reduce((a, b) => a + b, 0);
+    case "avg":
+      return values.reduce((a, b) => a + b, 0) / values.length;
+    case "count":
+      return values.length;
+    case "min":
+      return Math.min(...values);
+    case "max":
+      return Math.max(...values);
+    default:
+      return null;
+  }
+}
+function exportToCsv(columns, data, filename, currency) {
+  const visibleCols = columns.filter((c) => c.visible !== false);
+  const csvColumns = visibleCols.map((col) => ({
+    key: col.key,
+    label: col.label,
+    format: (value) => formatValuePlain(value, col, currency)
+  }));
+  exportCSV(csvColumns, data, filename);
+}
+function ExportDropdown({ columns, data, filename, currency, title }) {
+  const t2 = useTranslation();
+  const [excelAvailable, setExcelAvailable] = useState(false);
+  const [pdfAvailable, setPdfAvailable] = useState(false);
+  useEffect(() => {
+    import('./excel-QHUSM6IH.js').then((m) => m.isExcelAvailable()).then(setExcelAvailable).catch(() => {
+    });
+    import('./pdf-HETKN26Y.js').then((m) => m.isPdfAvailable()).then(setPdfAvailable).catch(() => {
+    });
+  }, []);
+  const handleCsv = () => exportToCsv(columns, data, filename, currency);
+  const handleExcel = async () => {
+    const { exportToExcel } = await import('./excel-QHUSM6IH.js');
+    await exportToExcel(columns, data, filename, currency);
+  };
+  const handlePdf = async () => {
+    const { exportToPdf } = await import('./pdf-HETKN26Y.js');
+    await exportToPdf(columns, data, filename, { title, currency });
+  };
+  return /* @__PURE__ */ jsxs(Dropdown, { children: [
+    /* @__PURE__ */ jsx(DropdownTrigger, { asChild: true, children: /* @__PURE__ */ jsxs(Button, { variant: "outline", size: "sm", children: [
+      /* @__PURE__ */ jsx(Download, { className: "h-4 w-4 mr-1.5" }),
+      t2("reports.export")
+    ] }) }),
+    /* @__PURE__ */ jsxs(DropdownContent, { align: "end", children: [
+      /* @__PURE__ */ jsx(DropdownItem, { onClick: handleCsv, children: t2("reports.exportCsv") }),
+      excelAvailable && /* @__PURE__ */ jsx(DropdownItem, { onClick: handleExcel, children: t2("reports.exportExcel") }),
+      pdfAvailable && /* @__PURE__ */ jsx(DropdownItem, { onClick: handlePdf, children: t2("reports.exportPdf") })
+    ] })
+  ] });
+}
+function ReportViewer({ report, onBack }) {
+  const t2 = useTranslation();
+  const { config, provider } = useReportsContext();
+  const {
+    data,
+    total,
+    loading,
+    generated,
+    error,
+    query,
+    generate,
+    setDateRange,
+    setFilter,
+    setPage,
+    setPageSize
+  } = useReportData(report, provider, config.defaultPageSize);
+  const isAvailable = report.available !== false;
+  const tanstackColumns = useMemo(
+    () => reportColumnsToTanstack(report.columns, config.currency.code),
+    [report.columns, config.currency.code]
+  );
+  return /* @__PURE__ */ jsxs("div", { className: "space-y-4", children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1.5 text-sm no-print", children: [
+      /* @__PURE__ */ jsxs(
+        "button",
+        {
+          onClick: onBack,
+          className: "flex items-center gap-1 text-muted-foreground hover:text-foreground transition-colors",
+          children: [
+            /* @__PURE__ */ jsx(ArrowLeft, { className: "h-3.5 w-3.5" }),
+            t2("reports.pageTitle")
+          ]
+        }
+      ),
+      /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: "/" }),
+      /* @__PURE__ */ jsx("span", { className: "font-medium", children: report.name })
+    ] }),
+    /* @__PURE__ */ jsxs("div", { children: [
+      /* @__PURE__ */ jsx("h2", { className: "text-lg font-bold", children: report.name }),
+      report.description && /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground mt-0.5", children: report.description })
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-end gap-3 no-print", children: [
+      /* @__PURE__ */ jsx(
+        ReportFilterBar,
+        {
+          dateRange: query.dateRange,
+          onDateRangeChange: setDateRange,
+          filters: report.filters ?? [],
+          filterValues: query.filters,
+          onFilterChange: setFilter
+        }
+      ),
+      /* @__PURE__ */ jsxs(Button, { onClick: generate, disabled: loading || !isAvailable, size: "sm", className: "h-9", children: [
+        loading ? /* @__PURE__ */ jsx(Loader2, { className: "h-3.5 w-3.5 mr-1.5 animate-spin" }) : /* @__PURE__ */ jsx(Play, { className: "h-3.5 w-3.5 mr-1.5" }),
+        t2("reports.generate")
+      ] }),
+      generated && /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx(
+          ExportDropdown,
+          {
+            columns: report.columns,
+            data,
+            filename: report.id,
+            currency: config.currency.code,
+            title: report.name
+          }
+        ),
+        /* @__PURE__ */ jsxs(Button, { variant: "outline", size: "sm", className: "h-9", onClick: () => window.print(), children: [
+          /* @__PURE__ */ jsx(Printer, { className: "h-3.5 w-3.5 mr-1.5" }),
+          t2("reports.print")
+        ] })
+      ] })
+    ] }),
+    generated && /* @__PURE__ */ jsx("div", { className: "print-only hidden text-[10px] border-b pb-2 mb-2", children: /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap gap-x-4 gap-y-0.5", children: [
+      query.dateRange.from && /* @__PURE__ */ jsxs("span", { children: [
+        /* @__PURE__ */ jsxs("strong", { children: [
+          t2("reports.filterFrom"),
+          ":"
+        ] }),
+        " ",
+        (/* @__PURE__ */ new Date(query.dateRange.from + "T12:00")).toLocaleDateString()
+      ] }),
+      query.dateRange.to && /* @__PURE__ */ jsxs("span", { children: [
+        /* @__PURE__ */ jsxs("strong", { children: [
+          t2("reports.filterTo"),
+          ":"
+        ] }),
+        " ",
+        (/* @__PURE__ */ new Date(query.dateRange.to + "T12:00")).toLocaleDateString()
+      ] }),
+      Object.entries(query.filters).map(
+        ([key, value]) => value ? /* @__PURE__ */ jsxs("span", { children: [
+          /* @__PURE__ */ jsxs("strong", { children: [
+            key,
+            ":"
+          ] }),
+          " ",
+          String(value)
+        ] }, key) : null
+      ),
+      /* @__PURE__ */ jsxs("span", { children: [
+        /* @__PURE__ */ jsxs("strong", { children: [
+          t2("reports.filterResults"),
+          ":"
+        ] }),
+        " ",
+        total
+      ] })
+    ] }) }),
+    error && /* @__PURE__ */ jsx("div", { className: "rounded-lg border border-destructive/50 bg-destructive/10 p-3 text-sm text-destructive", children: error }),
+    !generated && !loading && /* @__PURE__ */ jsx("div", { className: "flex flex-col items-center justify-center rounded-xl border border-dashed py-16 text-center", children: isAvailable ? /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx("div", { className: "flex h-12 w-12 items-center justify-center rounded-full bg-muted mb-4", children: /* @__PURE__ */ jsx(SlidersHorizontal, { className: "h-5 w-5 text-muted-foreground" }) }),
+      /* @__PURE__ */ jsx("p", { className: "font-medium", children: t2("reports.emptyStateTitle") }),
+      /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground mt-1 max-w-sm", children: t2("reports.emptyStateDescription") })
+    ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx("div", { className: "flex h-12 w-12 items-center justify-center rounded-full bg-muted mb-4", children: /* @__PURE__ */ jsx(Construction, { className: "h-5 w-5 text-muted-foreground" }) }),
+      /* @__PURE__ */ jsx("p", { className: "font-medium", children: t2("reports.unavailableTitle") }),
+      /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground mt-1 max-w-sm", children: t2("reports.unavailableDescription") })
+    ] }) }),
+    (generated || loading) && /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx(
+        DataTable,
+        {
+          columns: tanstackColumns,
+          data,
+          loading,
+          skeletonRows: 5,
+          emptyMessage: t2("reports.noResults"),
+          variant: "card",
+          compact: true
+        }
+      ),
+      report.showSummary && !loading && /* @__PURE__ */ jsx(
+        ReportSummaryRow,
+        {
+          columns: report.columns,
+          data,
+          currency: config.currency.code
+        }
+      ),
+      !loading && /* @__PURE__ */ jsx("div", { className: "no-print", children: /* @__PURE__ */ jsx(
+        ReportPagination,
+        {
+          page: query.page,
+          pageSize: query.pageSize,
+          total,
+          onPageChange: setPage,
+          onPageSizeChange: setPageSize
+        }
+      ) })
+    ] })
+  ] });
+}
+var HASH_BASE = "/reports";
+function getReportIdFromHash() {
+  const hash = (window.location.hash.slice(1) || "/").split("?")[0];
+  if (hash.startsWith(HASH_BASE + "/") && hash.length > HASH_BASE.length + 1) {
+    return hash.slice(HASH_BASE.length + 1);
+  }
+  return null;
+}
+function ReportsPage({
+  config,
+  provider
+}) {
+  const [activeReportId, setActiveReportId] = useState(getReportIdFromHash);
+  useEffect(() => {
+    function handler() {
+      setActiveReportId(getReportIdFromHash());
+    }
+    window.addEventListener("hashchange", handler);
+    return () => window.removeEventListener("hashchange", handler);
+  }, []);
+  const handleSelect = useCallback((report) => {
+    window.location.hash = `${HASH_BASE}/${report.id}`;
+  }, []);
+  const handleBack = useCallback(() => {
+    window.location.hash = HASH_BASE;
+  }, []);
+  const activeReport = activeReportId ? config.reports.find((r) => r.id === activeReportId) ?? null : null;
+  return /* @__PURE__ */ jsx(ReportsContextProvider, { config, provider, children: /* @__PURE__ */ jsx("div", { className: "p-1", children: activeReport ? /* @__PURE__ */ jsx(
+    ReportViewer,
+    {
+      report: activeReport,
+      onBack: handleBack
+    },
+    activeReport.id
+  ) : /* @__PURE__ */ jsx(ReportHub, { onSelect: handleSelect }) }) });
+}
+function camelToSnake(str) {
+  return str.replace(/[A-Z]/g, (c) => "_" + c.toLowerCase());
+}
+function snakeToCamel(str) {
+  return str.replace(/_([a-z])/g, (_, c) => c.toUpperCase());
+}
+function mapRow(row, columnMap) {
+  const result = {};
+  for (const [key, value] of Object.entries(row)) {
+    const camelKey = columnMap?.[key] ?? snakeToCamel(key);
+    result[camelKey] = value;
+  }
+  return result;
+}
+function createSupabaseReportProvider(config) {
+  const schema = config.schema ?? "public";
+  const tenantIdCol = config.tenantIdColumn ?? "tenant_id";
+  function resolveTenantId() {
+    return typeof config.tenantId === "function" ? config.tenantId() : config.tenantId;
+  }
+  function getClient() {
+    const supabase = getSupabaseClientOptional();
+    if (!supabase) throw new Error("Supabase client not available");
+    return schema === "public" ? supabase : supabase.schema(schema);
+  }
+  return {
+    async fetch(reportDef, query) {
+      const { dataSource } = reportDef;
+      const columnMap = dataSource.columnMap;
+      if (dataSource.kind === "rpc") {
+        return fetchViaRpc(reportDef, query, getClient, resolveTenantId, columnMap);
+      }
+      return fetchViaView(reportDef, query, getClient, resolveTenantId, tenantIdCol, columnMap);
+    }
+  };
+}
+async function fetchViaView(reportDef, query, getClient, resolveTenantId, tenantIdCol, columnMap) {
+  const { dataSource } = reportDef;
+  let q = getClient().from(dataSource.name).select("*", { count: "exact" });
+  const tenantId = resolveTenantId();
+  if (tenantId) {
+    q = q.eq(tenantIdCol, tenantId);
+  }
+  const dateCol = dataSource.dateColumn ?? "created_at";
+  if (query.dateRange.from) {
+    q = q.gte(dateCol, query.dateRange.from);
+  }
+  if (query.dateRange.to) {
+    const toValue = dateCol === "created_at" || dateCol.endsWith("_at") ? query.dateRange.to + "T23:59:59" : query.dateRange.to;
+    q = q.lte(dateCol, toValue);
+  }
+  for (const [key, value] of Object.entries(query.filters)) {
+    if (value == null || value === "") continue;
+    const col = camelToSnake(key);
+    if (Array.isArray(value)) {
+      q = q.in(col, value);
+    } else {
+      q = q.eq(col, value);
+    }
+  }
+  if (query.search) {
+    const searchableCols = reportDef.columns.filter((c) => c.type === "text" || c.type === "email").map((c) => camelToSnake(c.key));
+    if (searchableCols.length > 0) {
+      const term = `%${query.search}%`;
+      const orClause = searchableCols.map((col) => `${col}.ilike.${term}`).join(",");
+      q = q.or(orClause);
+    }
+  }
+  const sortCol = query.sortBy ? camelToSnake(query.sortBy) : dataSource.defaultSort ? camelToSnake(dataSource.defaultSort) : dateCol;
+  const ascending = query.sortDir ? query.sortDir === "asc" : dataSource.defaultSortDir ? dataSource.defaultSortDir === "asc" : false;
+  q = q.order(sortCol, { ascending });
+  const from = (query.page - 1) * query.pageSize;
+  const to = from + query.pageSize - 1;
+  q = q.range(from, to);
+  const { data, error, count } = await q;
+  if (error) throw error;
+  return {
+    data: (data ?? []).map((row) => mapRow(row, columnMap)),
+    total: count ?? 0
+  };
+}
+async function fetchViaRpc(reportDef, query, getClient, resolveTenantId, columnMap) {
+  const { dataSource } = reportDef;
+  const tenantId = resolveTenantId();
+  const params = {
+    p_tenant_id: tenantId,
+    p_from: query.dateRange.from,
+    p_to: query.dateRange.to,
+    p_page: query.page,
+    p_page_size: query.pageSize
+  };
+  for (const [key, value] of Object.entries(query.filters)) {
+    if (value == null || value === "") continue;
+    params[`p_${camelToSnake(key)}`] = value;
+  }
+  if (query.sortBy) {
+    params.p_sort_by = camelToSnake(query.sortBy);
+    params.p_sort_dir = query.sortDir ?? "desc";
+  }
+  const { data, error } = await getClient().rpc(dataSource.name, params);
+  if (error) throw error;
+  if (data && typeof data === "object" && "data" in data) {
+    return {
+      data: (data.data ?? []).map((row) => mapRow(row, columnMap)),
+      total: data.total ?? 0
+    };
+  }
+  const rows = Array.isArray(data) ? data : [];
+  return {
+    data: rows.map((row) => mapRow(row, columnMap)),
+    total: rows.length
+  };
+}
+
+// src/data/mock.ts
+function createMockReportProvider() {
+  return {
+    async fetch() {
+      return { data: [], total: 0 };
+    }
+  };
+}
+
+// src/lib/tenant.ts
+var t;
+function getReportsTenantId() {
+  return t;
+}
+
+// src/locales/en.ts
+var en = {
+  "reports.pageTitle": "Reports",
+  "reports.pageSubtitle": "Access complete reports for analysis and decision making",
+  "reports.allReports": "All Reports",
+  "reports.dateRange": "Date Range",
+  "reports.from": "From",
+  "reports.to": "To",
+  "reports.export": "Export",
+  "reports.exportCsv": "Export CSV",
+  "reports.exportExcel": "Export Excel",
+  "reports.exportPdf": "Export PDF",
+  "reports.noResults": "No results found.",
+  "reports.backToReports": "Back",
+  "reports.reports": "reports",
+  "reports.search": "Search reports...",
+  "reports.today": "Today",
+  "reports.yesterday": "Yesterday",
+  "reports.last7Days": "Last 7 days",
+  "reports.thisMonth": "This month",
+  "reports.lastMonth": "Last month",
+  "reports.thisQuarter": "This quarter",
+  "reports.custom": "Custom",
+  "reports.generate": "Generate",
+  "reports.emptyStateTitle": "Ready to generate",
+  "reports.emptyStateDescription": "Select a date range and filters, then click Generate to view the report.",
+  "reports.unavailableTitle": "Coming soon",
+  "reports.unavailableDescription": "This report is not available yet. It will be enabled in a future update."
+};
+
+// src/locales/pt-BR.ts
+var ptBR = {
+  "reports.pageTitle": "Relat\xF3rios",
+  "reports.pageSubtitle": "Acesse relat\xF3rios completos para an\xE1lise e tomada de decis\xE3o",
+  "reports.allReports": "Todos os Relat\xF3rios",
+  "reports.dateRange": "Per\xEDodo",
+  "reports.from": "De",
+  "reports.to": "At\xE9",
+  "reports.export": "Exportar",
+  "reports.exportCsv": "Exportar CSV",
+  "reports.exportExcel": "Exportar Excel",
+  "reports.exportPdf": "Exportar PDF",
+  "reports.noResults": "Nenhum resultado encontrado.",
+  "reports.backToReports": "Voltar",
+  "reports.reports": "relat\xF3rios",
+  "reports.search": "Buscar relat\xF3rios...",
+  "reports.today": "Hoje",
+  "reports.yesterday": "Ontem",
+  "reports.last7Days": "\xDAltimos 7 dias",
+  "reports.thisMonth": "Este m\xEAs",
+  "reports.lastMonth": "M\xEAs passado",
+  "reports.thisQuarter": "Este trimestre",
+  "reports.custom": "Personalizado",
+  "reports.generate": "Gerar",
+  "reports.emptyStateTitle": "Pronto para gerar",
+  "reports.emptyStateDescription": "Selecione o per\xEDodo e os filtros desejados, depois clique em Gerar para visualizar o relat\xF3rio.",
+  "reports.unavailableTitle": "Em breve",
+  "reports.unavailableDescription": "Este relat\xF3rio ainda n\xE3o est\xE1 dispon\xEDvel. Ser\xE1 habilitado em uma atualiza\xE7\xE3o futura."
+};
+
+// src/locales/index.ts
+var reportsLocales = {
+  en,
+  "pt-BR": ptBR
+};
+
+// src/index.ts
+var DEFAULT_LABELS = {
+  pageTitle: "Reports",
+  pageSubtitle: "Access complete reports for analysis and decision making",
+  allReports: "All Reports",
+  dateRange: "Date Range",
+  from: "From",
+  to: "To",
+  export: "Export",
+  exportCsv: "Export CSV",
+  exportExcel: "Export Excel",
+  exportPdf: "Export PDF",
+  noResults: "No results found.",
+  backToReports: "Back",
+  reports: "reports",
+  search: "Search reports...",
+  today: "Today",
+  yesterday: "Yesterday",
+  last7Days: "Last 7 days",
+  thisMonth: "This month",
+  lastMonth: "Last month",
+  thisQuarter: "This quarter",
+  custom: "Custom",
+  generate: "Generate",
+  print: "Print",
+  filterFrom: "From",
+  filterTo: "To",
+  filterResults: "Results",
+  emptyStateTitle: "Ready to generate",
+  emptyStateDescription: "Select a date range and filters, then click Generate to view the report.",
+  unavailableTitle: "Coming soon",
+  unavailableDescription: "This report is not available yet. It will be enabled in a future update."
+};
+var DEFAULT_CURRENCY = { code: "BRL", locale: "pt-BR", symbol: "R$" };
+function resolveConfig(options) {
+  return {
+    labels: { ...DEFAULT_LABELS, ...options.labels },
+    currency: { ...DEFAULT_CURRENCY, ...options.currency },
+    reports: options.reports,
+    defaultPageSize: options.defaultPageSize ?? 50,
+    showHeader: options.showHeader !== false
+  };
+}
+function createReportsPlugin(options) {
+  const config = resolveConfig(options);
+  registerTranslations(reportsLocales);
+  const provider = options.dataProvider ?? createSafeDataProvider(
+    () => createSupabaseReportProvider({ tenantId: () => getReportsTenantId() }),
+    () => createMockReportProvider()
+  );
+  const PageComponent = () => React7.createElement(ReportsPage, { config, provider });
+  return {
+    id: "reports",
+    name: config.labels.pageTitle,
+    icon: "BarChart3",
+    version: "1.0.0",
+    scope: options.scope ?? "universal",
+    verticalId: options.verticalId,
+    defaultEnabled: true,
+    dependencies: [],
+    declaredFeatures: [
+      { id: "reports", label: config.labels.pageTitle, group: config.labels.pageTitle }
+    ],
+    navigation: [
+      {
+        section: options.navSection ?? "main",
+        position: options.navPosition ?? 9,
+        label: config.labels.pageTitle,
+        route: "/reports",
+        icon: "BarChart3",
+        permission: { feature: "reports", action: "read" }
+      }
+    ],
+    routes: [
+      {
+        path: "/reports",
+        component: PageComponent,
+        permission: { feature: "reports", action: "read" }
+      }
+    ],
+    widgets: [],
+    registries: [],
+    locales: reportsLocales
+  };
+}
+
+export { createMockReportProvider, createReportsPlugin, createSupabaseReportProvider };
+//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map