@carlonicora/nextjs-jsonapi 6.24.0 → 6.25.0

package/dist/features/analytics/index.mjs

@@ -31,9 +31,12 @@ import {
   seriesColor,
   usePageUrlGenerator,
   useUsageFormatters
-} from "../../chunk-OZADFYE7.mjs";
+} from "../../chunk-KVYYPKRO.mjs";
+import {
+  useDateFormatter
+} from "../../chunk-5T2AQMQ2.mjs";
 import "../../chunk-VOXD3ZLY.mjs";
-import "../../chunk-TMV7TL7O.mjs";
+import "../../chunk-JELEQV5T.mjs";
 import "../../chunk-PW42LRSL.mjs";
 import {
   AbstractService,
@@ -45,19 +48,22 @@ import {
   AnalyticsSummary,
   AnalyticsTimeline,
   analyticsModules,
-  cn,
+  cn
+} from "../../chunk-HJT7TXGG.mjs";
+import {
   formatLocalDate
-} from "../../chunk-T6G2F2BK.mjs";
+} from "../../chunk-RW6XZGZG.mjs";
 import "../../chunk-OY65RYD3.mjs";
 import {
   EndpointCreator,
   Modules
-} from "../../chunk-N2BFT7KI.mjs";
-import "../../chunk-BE6UMM5X.mjs";
-import "../../chunk-S7SPAC6X.mjs";
+} from "../../chunk-W7U6O3OE.mjs";
+import "../../chunk-47HNJQ7U.mjs";
+import "../../chunk-73NKUBMP.mjs";
 import "../../chunk-4ZJIUTIV.mjs";
-import "../../chunk-YMCL3JXZ.mjs";
+import "../../chunk-YPBIPE2B.mjs";
 import "../../chunk-AUXK7QSA.mjs";
+import "../../chunk-743M4TIB.mjs";
 import {
   __name
 } from "../../chunk-PAWJFY3S.mjs";
@@ -881,16 +887,14 @@ function AnalyticsDailyUniquesChart({ rows, metric, className }) {
 __name(AnalyticsDailyUniquesChart, "AnalyticsDailyUniquesChart");
 
 // src/features/analytics/components/AnalyticsSessionsTable.tsx
-import { useLocale, useTranslations as useTranslations6 } from "next-intl";
-import { useMemo as useMemo4 } from "react";
+import { useTranslations as useTranslations6 } from "next-intl";
 import { jsx as jsx6, jsxs as jsxs5 } from "react/jsx-runtime";
 var VISITOR_SUFFIX_LENGTH = 6;
 function AnalyticsSessionsTable({ rows, sessionPageUrl, onLoadMore, hasMore }) {
   const t = useTranslations6();
-  const locale = useLocale();
+  const dates = useDateFormatter();
   const generateUrl = usePageUrlGenerator();
   const { decimal } = useUsageFormatters();
-  const dateTime = useMemo4(() => new Intl.DateTimeFormat(locale, { dateStyle: "short", timeStyle: "short" }), [locale]);
   if (rows.length === 0) {
     return /* @__PURE__ */ jsx6("p", { className: "text-muted-foreground text-sm", children: t("analytics.admin.no_data") });
   }
@@ -912,7 +916,7 @@ function AnalyticsSessionsTable({ rows, sessionPageUrl, onLoadMore, hasMore }) {
             {
               href: generateUrl({ page: sessionPageUrl, id: row.id }),
               "data-testid": `analytics-session-link-${row.id}`,
-              children: dateTime.format(row.startedAt)
+              children: dates.format(row.startedAt, "dateTime")
             }
           ) }),
           /* @__PURE__ */ jsx6(TableCell, { className: "text-xs", children: row.user ? /* @__PURE__ */ jsxs5("span", { className: "flex flex-col", children: [
@@ -937,7 +941,7 @@ __name(AnalyticsSessionsTable, "AnalyticsSessionsTable");
 // src/features/analytics/components/AnalyticsTimelineChart.tsx
 import { useTranslations as useTranslations7 } from "next-intl";
 import { useTheme as useTheme2 } from "next-themes";
-import { useMemo as useMemo5 } from "react";
+import { useMemo as useMemo4 } from "react";
 import { Bar, BarChart, CartesianGrid as CartesianGrid2, XAxis as XAxis2, YAxis as YAxis2 } from "recharts";
 import { jsx as jsx7, jsxs as jsxs6 } from "react/jsx-runtime";
 var SERIES = ["visitors", "pageViews"];
@@ -964,7 +968,7 @@ function AnalyticsTimelineChart({ rows, className }) {
   const { compact, bucketDate, decimal } = useUsageFormatters();
   const { resolvedTheme } = useTheme2();
   const mode = resolvedTheme === "dark" ? "dark" : "light";
-  const chartData = useMemo5(() => {
+  const chartData = useMemo4(() => {
     const byBucket = /* @__PURE__ */ new Map();
     for (const row of rows) {
       const key = bucketKey2(row.bucket);
@@ -978,7 +982,7 @@ function AnalyticsTimelineChart({ rows, className }) {
     }
     return [...byBucket.values()].sort((a, b) => a.bucket.localeCompare(b.bucket));
   }, [rows]);
-  const chartConfig = useMemo5(
+  const chartConfig = useMemo4(
     () => ({
       visitors: { label: t("analytics.admin.series.visitors") },
       pageViews: { label: t("analytics.admin.series.page_views") }
@@ -1108,14 +1112,15 @@ function AnalyticsAdminContainer() {
 __name(AnalyticsAdminContainer, "AnalyticsAdminContainer");
 
 // src/features/analytics/components/AnalyticsJourneyContainer.tsx
-import { useLocale as useLocale2, useTranslations as useTranslations9 } from "next-intl";
-import { useEffect as useEffect3, useMemo as useMemo6, useState as useState2 } from "react";
+import { useLocale, useTranslations as useTranslations9 } from "next-intl";
+import { useEffect as useEffect3, useState as useState2 } from "react";
 import { jsx as jsx9, jsxs as jsxs8 } from "react/jsx-runtime";
 var ANALYTICS_ADMIN_PAGE_URL = "/administration/analytics";
 var OTHER_SESSIONS_WINDOW_DAYS = 395;
 function AnalyticsJourneyContainer({ sessionId, pageUrl = ANALYTICS_ADMIN_PAGE_URL }) {
   const t = useTranslations9();
-  const locale = useLocale2();
+  const locale = useLocale();
+  const dates = useDateFormatter();
   const generateUrl = usePageUrlGenerator();
   const [session, setSession] = useState2(void 0);
   const [pageViews, setPageViews] = useState2([]);
@@ -1155,10 +1160,6 @@ function AnalyticsJourneyContainer({ sessionId, pageUrl = ANALYTICS_ADMIN_PAGE_U
       cancelled = true;
     };
   }, [sessionId]);
-  const dateTime = useMemo6(
-    () => new Intl.DateTimeFormat(locale, { dateStyle: "short", timeStyle: "medium" }),
-    [locale]
-  );
   const formatGap = /* @__PURE__ */ __name((milliseconds) => {
     const seconds = Math.max(0, Math.round(milliseconds / 1e3));
     if (seconds < 60) return unit(locale, "second", seconds);
@@ -1186,7 +1187,13 @@ function AnalyticsJourneyContainer({ sessionId, pageUrl = ANALYTICS_ADMIN_PAGE_U
           session.consented ? /* @__PURE__ */ jsx9(Badge, { variant: "softGreen", children: t("analytics.admin.consented") }) : /* @__PURE__ */ jsx9(Badge, { variant: "softGray", children: t("analytics.admin.not_consented") })
         ] }),
         /* @__PURE__ */ jsxs8("div", { className: "grid gap-3 sm:grid-cols-3", children: [
-          /* @__PURE__ */ jsx9(DetailField, { label: t("analytics.admin.columns.started"), value: dateTime.format(session.startedAt) }),
+          /* @__PURE__ */ jsx9(
+            DetailField,
+            {
+              label: t("analytics.admin.columns.started"),
+              value: dates.format(session.startedAt, "dateTimeSeconds")
+            }
+          ),
           /* @__PURE__ */ jsx9(DetailField, { label: t("analytics.admin.columns.source"), value: source }),
           /* @__PURE__ */ jsx9(DetailField, { label: t("analytics.admin.columns.landing"), value: session.landingRoute }),
           /* @__PURE__ */ jsx9(DetailField, { label: t("analytics.admin.columns.device"), value: session.deviceType }),
@@ -1213,7 +1220,7 @@ function AnalyticsJourneyContainer({ sessionId, pageUrl = ANALYTICS_ADMIN_PAGE_U
             /* @__PURE__ */ jsx9(TableBody, { children: pageViews.map((pageView, index) => {
               const previous = index > 0 ? pageViews[index - 1] : void 0;
               return /* @__PURE__ */ jsxs8(TableRow, { "data-testid": `analytics-pageview-row-${pageView.id}`, children: [
-                /* @__PURE__ */ jsx9(TableCell, { className: "text-xs tabular-nums", children: dateTime.format(pageView.createdAt) }),
+                /* @__PURE__ */ jsx9(TableCell, { className: "text-xs tabular-nums", children: dates.format(pageView.createdAt, "dateTimeSeconds") }),
                 /* @__PURE__ */ jsx9(TableCell, { className: "text-end text-xs tabular-nums", children: previous ? formatGap(pageView.createdAt.getTime() - previous.createdAt.getTime()) : "\u2014" }),
                 /* @__PURE__ */ jsx9(TableCell, { className: "text-xs", children: pageView.path })
               ] }, pageView.id);