@nextjscms/plugin-google-analytics 2.1.22 → 2.1.24

package/dist/client/AnalyticsPage.js

@@ -1,10 +1,10 @@
 'use client';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { trpc as trpcClient } from 'nextjs-cms/api/trpc/client';
+import { usePluginTRPC } from 'nextjs-cms/plugins/client';
 import { useI18n } from 'nextjs-cms/translations/client';
 export const GoogleAnalyticsPage = ({ title }) => {
     const t = useI18n();
-    const trpc = trpcClient;
+    const trpc = usePluginTRPC();
     const query = trpc?.googleAnalytics?.test.useQuery;
     const { data, isLoading, isError, error } = query ? query() : { isLoading: true, isError: true, error: null };
     if (!query) {

package/dist/client/components/BounceRate.d.ts

@@ -0,0 +1,5 @@
+export declare const BounceRate: ({ fromDate, toDate }: {
+    fromDate: Date | string | null;
+    toDate: Date | string | null;
+}) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=BounceRate.d.ts.map

package/dist/client/components/BounceRate.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BounceRate.d.ts","sourceRoot":"","sources":["../../../src/client/components/BounceRate.tsx"],"names":[],"mappings":"AAUA,eAAO,MAAM,UAAU,GAAI,sBAAsB;IAAE,QAAQ,EAAE,IAAI,GAAG,MAAM,GAAG,IAAI,CAAC;IAAC,MAAM,EAAE,IAAI,GAAG,MAAM,GAAG,IAAI,CAAA;CAAE,4CA2DhH,CAAA"}

package/dist/client/components/BounceRate.js

@@ -0,0 +1,55 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useI18n } from 'nextjs-cms/translations/client';
+import { formatNumber } from 'nextjs-cms/utils';
+import PieChartBox from '@/components/PieChartBox';
+import { useEffect } from 'react';
+import { useQuery } from '@tanstack/react-query';
+import { getAnalytics } from '@/lib/apiHelpers';
+import { useAxiosPrivate } from 'nextjs-cms/api/client';
+import { useTheme } from 'next-themes';
+export const BounceRate = ({ fromDate, toDate }) => {
+    const t = useI18n();
+    const axiosPrivate = useAxiosPrivate();
+    let controller = new AbortController();
+    const { theme } = useTheme();
+    const { isLoading, isError, data, error } = useQuery({
+        queryKey: ['analyticsPage', 'statistics', fromDate, toDate],
+        queryFn: () => {
+            // Abort the previous request
+            controller.abort();
+            // Create a new AbortController for the new request
+            controller = new AbortController();
+            return getAnalytics({
+                requestType: 'statistics',
+                axiosPrivate,
+                controller,
+                fromDate,
+                toDate,
+            });
+        },
+    });
+    const bounceRateData = [
+        {
+            name: t('totalDiskSpace'),
+            value: 100 - parseInt(data?.bounceRate),
+            fill: 'transparent',
+        },
+        {
+            name: t('usedDiskSpace'),
+            value: parseInt(data?.bounceRate),
+            fill: theme === 'dark' ? '#adfa1d' : '#E1315B',
+        },
+    ];
+    useEffect(() => {
+        return () => {
+            controller.abort();
+        };
+    }, []);
+    return (_jsx(PieChartBox, { height: 250, legend: false, chartData: bounceRateData, isLoading: isLoading, chartBoxTitles: {
+            mainTitle: t('bounceRate'),
+            totalUnitSubtitle: {
+                key: t('sessionsPerUser'),
+                value: formatNumber(data?.sessionsPerUser),
+            },
+        } }));
+};

package/dist/client/components/LivePageViews.d.ts

@@ -0,0 +1,2 @@
+export declare const LivePageViews: () => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=LivePageViews.d.ts.map

package/dist/client/components/LivePageViews.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LivePageViews.d.ts","sourceRoot":"","sources":["../../../src/client/components/LivePageViews.tsx"],"names":[],"mappings":"AAQA,eAAO,MAAM,aAAa,+CA8CzB,CAAA"}

package/dist/client/components/LivePageViews.js

@@ -0,0 +1,21 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useI18n } from 'nextjs-cms/translations/client';
+import { Table, TableBody, TableCaption, TableCell, TableHead, TableHeader, TableRow } from '@/components/ui/table';
+import ContainerBox from '@/components/ContainerBox';
+import { useAxiosPrivate } from 'nextjs-cms/api/client';
+import { useQuery } from '@tanstack/react-query';
+import { getAnalytics } from '@/lib/apiHelpers';
+export const LivePageViews = () => {
+    const t = useI18n();
+    const axiosPrivate = useAxiosPrivate();
+    const controller = new AbortController();
+    const { isLoading, isError, data, error } = useQuery({
+        queryKey: ['analyticsPage', 'livePageViews'],
+        queryFn: () => getAnalytics({
+            requestType: 'livePageViews',
+            axiosPrivate,
+            controller,
+        }),
+    });
+    return (_jsx(ContainerBox, { title: t('liveUsersAreViewing'), children: _jsxs(Table, { children: [_jsx(TableCaption, { children: t('liveUsersSubtitle') }), _jsx(TableHeader, { children: _jsxs(TableRow, { children: [_jsx(TableHead, { children: t('country') }), _jsx(TableHead, { children: t('device') }), _jsx(TableHead, { children: t('page') })] }) }), _jsx(TableBody, { children: data?.livePageViews?.locations?.length > 0 ? (data.livePageViews.locations.map((location, index) => (_jsxs(TableRow, { children: [_jsx(TableCell, { children: location.country }), _jsx(TableCell, { children: location.device }), _jsx(TableCell, { children: location.page })] }, index)))) : (_jsx(TableRow, { children: _jsx(TableCell, { colSpan: 3, className: 'text-center', children: t('noLiveUsers') }) })) })] }) }));
+};

package/dist/client/components/LiveUsersCount.d.ts

@@ -0,0 +1,2 @@
+export declare const LiveUsersCount: () => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=LiveUsersCount.d.ts.map

package/dist/client/components/LiveUsersCount.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LiveUsersCount.d.ts","sourceRoot":"","sources":["../../../src/client/components/LiveUsersCount.tsx"],"names":[],"mappings":"AASA,eAAO,MAAM,cAAc,+CAuB1B,CAAA"}

package/dist/client/components/LiveUsersCount.js

@@ -0,0 +1,22 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useI18n } from 'nextjs-cms/translations/client';
+import { formatNumber } from 'nextjs-cms/utils';
+import ContainerBox from '@/components/ContainerBox';
+import { useAxiosPrivate } from 'nextjs-cms/api/client';
+import { useQuery } from '@tanstack/react-query';
+import { getAnalytics } from '@/lib/apiHelpers';
+import LoadingSpinners from '@/components/LoadingSpinners';
+export const LiveUsersCount = () => {
+    const t = useI18n();
+    const axiosPrivate = useAxiosPrivate();
+    const controller = new AbortController();
+    const { isLoading, isError, data, error } = useQuery({
+        queryKey: ['analyticsPage', 'liveUsersCount'],
+        queryFn: () => getAnalytics({
+            requestType: 'liveUsersCount',
+            axiosPrivate,
+            controller,
+        }),
+    });
+    return (_jsx(ContainerBox, { title: t('liveUsers'), children: isLoading ? (_jsx(LoadingSpinners, { single: true })) : (_jsx("div", { className: 'text-4xl', children: formatNumber(data?.liveUsers?.count) })) }));
+};

package/dist/client/components/MonthlyPageViews.d.ts

@@ -0,0 +1,5 @@
+export declare const MonthlyPageViews: ({ fromDate, toDate, }: {
+    fromDate: Date | string | null;
+    toDate: Date | string | null;
+}) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=MonthlyPageViews.d.ts.map

package/dist/client/components/MonthlyPageViews.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MonthlyPageViews.d.ts","sourceRoot":"","sources":["../../../src/client/components/MonthlyPageViews.tsx"],"names":[],"mappings":"AAQA,eAAO,MAAM,gBAAgB,GAAI,uBAG9B;IACC,QAAQ,EAAE,IAAI,GAAG,MAAM,GAAG,IAAI,CAAA;IAC9B,MAAM,EAAE,IAAI,GAAG,MAAM,GAAG,IAAI,CAAA;CAC/B,4CA2BA,CAAA"}

package/dist/client/components/MonthlyPageViews.js

@@ -0,0 +1,24 @@
+import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
+import { useI18n } from 'nextjs-cms/translations/client';
+import BarChartBox from '@/components/BarChartBox';
+import { useTheme } from 'next-themes';
+import { useQuery } from '@tanstack/react-query';
+import { getAnalytics } from '@/lib/apiHelpers';
+import { useAxiosPrivate } from 'nextjs-cms/api/client';
+export const MonthlyPageViews = ({ fromDate, toDate, }) => {
+    const t = useI18n();
+    const axiosPrivate = useAxiosPrivate();
+    const controller = new AbortController();
+    const { theme } = useTheme();
+    const { isLoading, isError, data, error } = useQuery({
+        queryKey: ['analyticsPage', 'monthlyPageViews', fromDate, toDate],
+        queryFn: () => getAnalytics({
+            requestType: 'monthlyPageViews',
+            axiosPrivate,
+            controller,
+            fromDate,
+            toDate,
+        }),
+    });
+    return (_jsx(_Fragment, { children: _jsx(BarChartBox, { isLoading: isLoading, chartData: data?.monthlyPageViews, title: t('monthlyPageViews'), fill: theme === 'dark' ? '#adfa1d' : '#ff6688' }) }));
+};

package/dist/client/components/TopCountries.d.ts

@@ -0,0 +1,5 @@
+export declare const TopCountries: ({ fromDate, toDate, }: {
+    fromDate: Date | string | null;
+    toDate: Date | string | null;
+}) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=TopCountries.d.ts.map

package/dist/client/components/TopCountries.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TopCountries.d.ts","sourceRoot":"","sources":["../../../src/client/components/TopCountries.tsx"],"names":[],"mappings":"AAWA,eAAO,MAAM,YAAY,GAAI,uBAG1B;IACC,QAAQ,EAAE,IAAI,GAAG,MAAM,GAAG,IAAI,CAAA;IAC9B,MAAM,EAAE,IAAI,GAAG,MAAM,GAAG,IAAI,CAAA;CAC/B,4CAkCA,CAAA"}

package/dist/client/components/TopCountries.js

@@ -0,0 +1,26 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useI18n } from 'nextjs-cms/translations/client';
+import { Badge } from '@/components/ui/badge';
+import { formatNumber } from 'nextjs-cms/utils';
+import ContainerBox from '@/components/ContainerBox';
+import { useAxiosPrivate } from 'nextjs-cms/api/client';
+import { useQuery } from '@tanstack/react-query';
+import { getAnalytics } from '@/lib/apiHelpers';
+import LoadingSpinners from '@/components/LoadingSpinners';
+export const TopCountries = ({ fromDate, toDate, }) => {
+    const t = useI18n();
+    const axiosPrivate = useAxiosPrivate();
+    const controller = new AbortController();
+    const { isLoading, isError, data, error } = useQuery({
+        queryKey: ['analyticsPage', 'topCountries', fromDate, toDate],
+        queryFn: () => getAnalytics({
+            requestType: 'topCountries',
+            axiosPrivate,
+            controller,
+            fromDate,
+            toDate,
+        }),
+    });
+    return (_jsx(ContainerBox, { title: t('countries'), children: _jsxs("div", { className: 'w-full mb-6', children: [_jsx("h1", { className: 'font-bold border-b pb-1 my-1', children: t('topCountries') }), isLoading && _jsx(LoadingSpinners, { single: true }), data?.topCountries?.length > 0 &&
+                    data.topCountries.map((country, index) => (_jsxs("div", { className: 'w-full text-sm flex justify-between', children: [_jsxs("span", { className: 'font-bold text-foreground', children: [country.name, ":"] }), _jsx(Badge, { variant: 'outline', className: 'ms-2', children: formatNumber(country.value) })] }, `${index}-${country.name}`)))] }) }));
+};

package/dist/client/components/TopDevices.d.ts

@@ -0,0 +1,5 @@
+export declare const TopDevices: ({ fromDate, toDate }: {
+    fromDate: Date | string | null;
+    toDate: Date | string | null;
+}) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=TopDevices.d.ts.map

package/dist/client/components/TopDevices.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TopDevices.d.ts","sourceRoot":"","sources":["../../../src/client/components/TopDevices.tsx"],"names":[],"mappings":"AAWA,eAAO,MAAM,UAAU,GAAI,sBAAsB;IAAE,QAAQ,EAAE,IAAI,GAAG,MAAM,GAAG,IAAI,CAAC;IAAC,MAAM,EAAE,IAAI,GAAG,MAAM,GAAG,IAAI,CAAA;CAAE,4CAkChH,CAAA"}

package/dist/client/components/TopDevices.js

@@ -0,0 +1,26 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useI18n } from 'nextjs-cms/translations/client';
+import { Badge } from '@/components/ui/badge';
+import { formatNumber } from 'nextjs-cms/utils';
+import ContainerBox from '@/components/ContainerBox';
+import { useAxiosPrivate } from 'nextjs-cms/api/client';
+import { useQuery } from '@tanstack/react-query';
+import { getAnalytics } from '@/lib/apiHelpers';
+import LoadingSpinners from '@/components/LoadingSpinners';
+export const TopDevices = ({ fromDate, toDate }) => {
+    const t = useI18n();
+    const axiosPrivate = useAxiosPrivate();
+    const controller = new AbortController();
+    const { isLoading, isError, data, error } = useQuery({
+        queryKey: ['analyticsPage', 'topDevices', fromDate, toDate],
+        queryFn: () => getAnalytics({
+            requestType: 'topDevices',
+            axiosPrivate,
+            controller,
+            fromDate,
+            toDate,
+        }),
+    });
+    return (_jsx(ContainerBox, { title: t('devices'), children: _jsxs("div", { className: 'w-full', children: [_jsx("h1", { className: 'font-bold border-b pb-1 my-1', children: t('topDevices') }), isLoading && _jsx(LoadingSpinners, { single: true }), data?.topDevices?.length > 0 &&
+                    data.topDevices.map((device, index) => (_jsxs("div", { className: 'w-full text-sm flex justify-between', children: [_jsxs("span", { className: 'font-bold text-foreground', children: [device.name, ":"] }), _jsx(Badge, { variant: 'outline', className: 'ms-2', children: formatNumber(device.value) })] }, `${index}-${device.name}`)))] }) }));
+};

package/dist/client/components/TopMediums.d.ts

@@ -0,0 +1,5 @@
+export declare const TopMediums: ({ fromDate, toDate }: {
+    fromDate: Date | string | null;
+    toDate: Date | string | null;
+}) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=TopMediums.d.ts.map

package/dist/client/components/TopMediums.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TopMediums.d.ts","sourceRoot":"","sources":["../../../src/client/components/TopMediums.tsx"],"names":[],"mappings":"AAWA,eAAO,MAAM,UAAU,GAAI,sBAAsB;IAAE,QAAQ,EAAE,IAAI,GAAG,MAAM,GAAG,IAAI,CAAC;IAAC,MAAM,EAAE,IAAI,GAAG,MAAM,GAAG,IAAI,CAAA;CAAE,4CA8ChH,CAAA"}

package/dist/client/components/TopMediums.js

@@ -0,0 +1,38 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useI18n } from 'nextjs-cms/translations/client';
+import { Badge } from '@/components/ui/badge';
+import { formatNumber } from 'nextjs-cms/utils';
+import ContainerBox from '@/components/ContainerBox';
+import { useEffect } from 'react';
+import { useAxiosPrivate } from 'nextjs-cms/api/client';
+import { useQuery } from '@tanstack/react-query';
+import { getAnalytics } from '@/lib/apiHelpers';
+import LoadingSpinners from '@/components/LoadingSpinners';
+export const TopMediums = ({ fromDate, toDate }) => {
+    const t = useI18n();
+    const axiosPrivate = useAxiosPrivate();
+    let controller = new AbortController();
+    const { isLoading, isError, data, error } = useQuery({
+        queryKey: ['analyticsPage', 'topMediums', fromDate, toDate],
+        queryFn: () => {
+            // Abort the previous request
+            controller.abort();
+            // Create a new AbortController for the new request
+            controller = new AbortController();
+            return getAnalytics({
+                requestType: 'topMediums',
+                axiosPrivate,
+                controller,
+                fromDate,
+                toDate,
+            });
+        },
+    });
+    useEffect(() => {
+        return () => {
+            controller.abort();
+        };
+    }, []);
+    return (_jsx(ContainerBox, { title: t('mediums'), children: _jsxs("div", { className: 'w-full mb-6', children: [_jsx("h1", { className: 'font-bold border-b pb-1 my-1', children: t('topMediums') }), isLoading && _jsx(LoadingSpinners, { single: true }), data?.topMediums?.length > 0 &&
+                    data.topMediums.map((medium, index) => (_jsxs("div", { className: 'w-full text-sm flex justify-between', children: [_jsxs("span", { className: 'font-bold text-foreground', children: [medium.name, ":"] }), _jsx(Badge, { variant: 'outline', className: 'ms-2', children: formatNumber(medium.value) })] }, `${index}-${medium.name}`)))] }) }));
+};

package/dist/client/components/TopSources.d.ts

@@ -0,0 +1,5 @@
+export declare const TopSources: ({ fromDate, toDate }: {
+    fromDate: Date | string | null;
+    toDate: Date | string | null;
+}) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=TopSources.d.ts.map

package/dist/client/components/TopSources.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TopSources.d.ts","sourceRoot":"","sources":["../../../src/client/components/TopSources.tsx"],"names":[],"mappings":"AAWA,eAAO,MAAM,UAAU,GAAI,sBAAsB;IAAE,QAAQ,EAAE,IAAI,GAAG,MAAM,GAAG,IAAI,CAAC;IAAC,MAAM,EAAE,IAAI,GAAG,MAAM,GAAG,IAAI,CAAA;CAAE,4CAiChH,CAAA"}

package/dist/client/components/TopSources.js

@@ -0,0 +1,26 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useI18n } from 'nextjs-cms/translations/client';
+import { Badge } from '@/components/ui/badge';
+import { formatNumber } from 'nextjs-cms/utils';
+import ContainerBox from '@/components/ContainerBox';
+import { useAxiosPrivate } from 'nextjs-cms/api/client';
+import { useQuery } from '@tanstack/react-query';
+import { getAnalytics } from '@/lib/apiHelpers';
+import LoadingSpinners from '@/components/LoadingSpinners';
+export const TopSources = ({ fromDate, toDate }) => {
+    const t = useI18n();
+    const axiosPrivate = useAxiosPrivate();
+    const controller = new AbortController();
+    const { isLoading, isError, data, error } = useQuery({
+        queryKey: ['analyticsPage', 'topSources', fromDate, toDate],
+        queryFn: () => getAnalytics({
+            requestType: 'topSources',
+            axiosPrivate,
+            controller,
+            fromDate,
+            toDate,
+        }),
+    });
+    return (_jsx(ContainerBox, { title: t('sources'), children: _jsxs("div", { className: 'w-full mb-6', children: [_jsx("h1", { className: 'font-bold border-b pb-1 my-1', children: t('topSources') }), isLoading && _jsx(LoadingSpinners, { single: true }), data?.topSources?.length > 0 &&
+                    data.topSources.map((source, index) => (_jsxs("div", { className: 'w-full text-sm flex justify-between', children: [_jsxs("span", { className: 'font-bold text-foreground', children: [source.name, ":"] }), _jsx(Badge, { variant: 'outline', className: 'ms-2', children: formatNumber(source.value) })] }, `${index}-${source.name}`)))] }) }));
+};

package/dist/client/components/TotalPageViews.d.ts

@@ -0,0 +1,5 @@
+export declare const TotalPageViews: ({ fromDate, toDate, }: {
+    fromDate: Date | string | null;
+    toDate: Date | string | null;
+}) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=TotalPageViews.d.ts.map

package/dist/client/components/TotalPageViews.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TotalPageViews.d.ts","sourceRoot":"","sources":["../../../src/client/components/TotalPageViews.tsx"],"names":[],"mappings":"AASA,eAAO,MAAM,cAAc,GAAI,uBAG5B;IACC,QAAQ,EAAE,IAAI,GAAG,MAAM,GAAG,IAAI,CAAA;IAC9B,MAAM,EAAE,IAAI,GAAG,MAAM,GAAG,IAAI,CAAA;CAC/B,4CAyBA,CAAA"}

package/dist/client/components/TotalPageViews.js

@@ -0,0 +1,24 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useI18n } from 'nextjs-cms/translations/client';
+import { formatNumber } from 'nextjs-cms/utils';
+import ContainerBox from '@/components/ContainerBox';
+import { useAxiosPrivate } from 'nextjs-cms/api/client';
+import { useQuery } from '@tanstack/react-query';
+import { getAnalytics } from '@/lib/apiHelpers';
+import LoadingSpinners from '@/components/LoadingSpinners';
+export const TotalPageViews = ({ fromDate, toDate, }) => {
+    const t = useI18n();
+    const axiosPrivate = useAxiosPrivate();
+    const controller = new AbortController();
+    const { isLoading, isError, data, error } = useQuery({
+        queryKey: ['analyticsPage', 'statistics', fromDate, toDate],
+        queryFn: () => getAnalytics({
+            requestType: 'statistics',
+            axiosPrivate,
+            controller,
+            fromDate,
+            toDate,
+        }),
+    });
+    return (_jsx(ContainerBox, { title: t('totalPageViews'), children: isLoading ? (_jsx(LoadingSpinners, { single: true })) : (_jsx("div", { className: 'text-4xl', children: formatNumber(data?.totalPageViews) })) }));
+};

package/dist/client/components/TotalSessions.d.ts

@@ -0,0 +1,5 @@
+export declare const TotalSessions: ({ fromDate, toDate, }: {
+    fromDate: Date | string | null;
+    toDate: Date | string | null;
+}) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=TotalSessions.d.ts.map

package/dist/client/components/TotalSessions.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TotalSessions.d.ts","sourceRoot":"","sources":["../../../src/client/components/TotalSessions.tsx"],"names":[],"mappings":"AASA,eAAO,MAAM,aAAa,GAAI,uBAG3B;IACC,QAAQ,EAAE,IAAI,GAAG,MAAM,GAAG,IAAI,CAAA;IAC9B,MAAM,EAAE,IAAI,GAAG,MAAM,GAAG,IAAI,CAAA;CAC/B,4CAyBA,CAAA"}

package/dist/client/components/TotalSessions.js

@@ -0,0 +1,24 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useI18n } from 'nextjs-cms/translations/client';
+import { formatNumber } from 'nextjs-cms/utils';
+import ContainerBox from '@/components/ContainerBox';
+import { useAxiosPrivate } from 'nextjs-cms/api/client';
+import { useQuery } from '@tanstack/react-query';
+import { getAnalytics } from '@/lib/apiHelpers';
+import LoadingSpinners from '@/components/LoadingSpinners';
+export const TotalSessions = ({ fromDate, toDate, }) => {
+    const t = useI18n();
+    const axiosPrivate = useAxiosPrivate();
+    const controller = new AbortController();
+    const { isLoading, isError, data, error } = useQuery({
+        queryKey: ['analyticsPage', 'statistics', fromDate, toDate],
+        queryFn: () => getAnalytics({
+            requestType: 'statistics',
+            axiosPrivate,
+            controller,
+            fromDate,
+            toDate,
+        }),
+    });
+    return (_jsx(ContainerBox, { title: t('totalSessions'), children: isLoading ? (_jsx(LoadingSpinners, { single: true })) : (_jsx("div", { className: 'text-4xl', children: formatNumber(data?.totalSessions) })) }));
+};

package/dist/client/components/TotalUniqueUsers.d.ts

@@ -0,0 +1,5 @@
+export declare const TotalUniqueUsers: ({ fromDate, toDate, }: {
+    fromDate: Date | string | null;
+    toDate: Date | string | null;
+}) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=TotalUniqueUsers.d.ts.map

package/dist/client/components/TotalUniqueUsers.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TotalUniqueUsers.d.ts","sourceRoot":"","sources":["../../../src/client/components/TotalUniqueUsers.tsx"],"names":[],"mappings":"AASA,eAAO,MAAM,gBAAgB,GAAI,uBAG9B;IACC,QAAQ,EAAE,IAAI,GAAG,MAAM,GAAG,IAAI,CAAA;IAC9B,MAAM,EAAE,IAAI,GAAG,MAAM,GAAG,IAAI,CAAA;CAC/B,4CAyBA,CAAA"}

package/dist/client/components/TotalUniqueUsers.js

@@ -0,0 +1,24 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useI18n } from 'nextjs-cms/translations/client';
+import { formatNumber } from 'nextjs-cms/utils';
+import ContainerBox from '@/components/ContainerBox';
+import { useAxiosPrivate } from 'nextjs-cms/api/client';
+import { useQuery } from '@tanstack/react-query';
+import { getAnalytics } from '@/lib/apiHelpers';
+import LoadingSpinners from '@/components/LoadingSpinners';
+export const TotalUniqueUsers = ({ fromDate, toDate, }) => {
+    const t = useI18n();
+    const axiosPrivate = useAxiosPrivate();
+    const controller = new AbortController();
+    const { isLoading, isError, data, error } = useQuery({
+        queryKey: ['analyticsPage', 'statistics', fromDate, toDate],
+        queryFn: () => getAnalytics({
+            requestType: 'statistics',
+            axiosPrivate,
+            controller,
+            fromDate,
+            toDate,
+        }),
+    });
+    return (_jsx(ContainerBox, { title: t('totalUniqueUsers'), children: isLoading ? (_jsx(LoadingSpinners, { single: true })) : (_jsx("div", { className: 'text-4xl', children: formatNumber(data?.totalUniqueUsers) })) }));
+};

package/dist/index.d.ts

@@ -1,2 +1,49 @@
-export declare function createPlugin(): import("nextjs-cms/plugins/server").CMSPluginSingleRoute;
+export declare const googleAnalyticsPlugin: {
+    readonly package: "@nextjscms/plugin-google-analytics";
+    readonly title: "Google Analytics";
+    readonly routes: readonly [{
+        readonly path: "/google-analytics";
+        readonly title: "Google Analytics";
+        readonly icon: "chart-line";
+        readonly prefetch: "googleAnalytics.test";
+    }];
+};
+export declare function createPlugin(): Promise<{
+    router: import("@trpc/server").TRPCBuiltRouter<{
+        ctx: {
+            headers: Headers;
+            db: import("drizzle-orm/mysql2").MySql2Database<typeof import("nextjs-cms/db/schema")> & {
+                $client: import("mysql2/promise").Pool;
+            };
+            session: import("nextjs-cms").Session | null;
+        };
+        meta: object;
+        errorShape: {
+            data: {
+                zodError: import("zod").ZodFlattenedError<unknown, string> | null;
+                code: import("@trpc/server").TRPC_ERROR_CODE_KEY;
+                httpStatus: number;
+                path?: string;
+                stack?: string;
+            };
+            message: string;
+            code: import("@trpc/server").TRPC_ERROR_CODE_NUMBER;
+        };
+        transformer: true;
+    }, import("@trpc/server").TRPCDecorateCreateRouterOptions<{
+        test: import("@trpc/server").TRPCQueryProcedure<{
+            input: void;
+            output: boolean;
+            meta: object;
+        }>;
+    }>>;
+    package: "@nextjscms/plugin-google-analytics";
+    title: "Google Analytics";
+    routes: readonly [{
+        readonly path: "/google-analytics";
+        readonly title: "Google Analytics";
+        readonly icon: "chart-line";
+        readonly prefetch: "googleAnalytics.test";
+    }];
+}>;
 //# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAGA,wBAAgB,YAAY,6DAc3B"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,qBAAqB;;;;;;;;;CAWhC,CAAA;AAEF,wBAAsB,YAAY;;;;;;;;;;;;;;;oBAQqhD,CAAC;qBAA2B,CAAC;;;;;;;;;;;;;;;;;;;;;GADnlD"}

package/dist/index.js

@@ -1,17 +1,20 @@
-import { definePlugin } from 'nextjs-cms/plugins/server';
-import { googleAnalyticsRouter } from './router.js';
-export function createPlugin() {
-    return definePlugin({
-        title: 'Google Analytics',
-        name: 'plugin_google_analytics',
-        registryName: 'google-analytics',
+import { definePlugin } from 'nextjs-cms/plugins/define';
+export const googleAnalyticsPlugin = definePlugin({
+    package: '@nextjscms/plugin-google-analytics',
+    title: 'Google Analytics',
+    routes: [
+        {
+            path: '/google-analytics',
+            title: 'Google Analytics',
+            icon: 'chart-line',
+            prefetch: 'googleAnalytics.test',
+        },
+    ],
+});
+export async function createPlugin() {
+    const { googleAnalyticsRouter } = await import('./router.js');
+    return {
+        ...googleAnalyticsPlugin,
         router: googleAnalyticsRouter,
-        routes: [
-            {
-                path: '/google-analytics',
-                title: 'Google Analytics',
-                icon: 'chart-line',
-            },
-        ],
-    });
+    };
 }

package/dist/router.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"router.d.ts","sourceRoot":"","sources":["../src/router.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,qBAAqB;;;;;;;;;;;;;;gBAKk3D,CAAC;iBAA2B,CAAC;;;;;;;;;;;;GAD/6D,CAAA"}
+{"version":3,"file":"router.d.ts","sourceRoot":"","sources":["../src/router.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,qBAAqB;;;;;;;;;;;;;;gBAKuxD,CAAC;iBAA2B,CAAC;;;;;;;;;;;;GADp1D,CAAA"}

package/dist/router.js

@@ -1,6 +1,8 @@
-import { pluginProcedure, router } from 'nextjs-cms/api/trpc';
+import { pluginProcedure, router } from 'nextjs-cms/api/plugin';
+import { extractPluginName } from 'nextjs-cms/plugins/derive';
+const PLUGIN_NAME = extractPluginName(import.meta.url);
 export const googleAnalyticsRouter = router({
-    test: pluginProcedure('plugin_google_analytics').query(async ({ ctx }) => {
+    test: pluginProcedure(PLUGIN_NAME).query(async ({ ctx }) => {
         return true;
     }),
 });

package/dist/server.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"server.d.ts","sourceRoot":"","sources":["../src/server.tsx"],"names":[],"mappings":"AAOA,wBAA8B,qBAAqB,qDA6BlD"}
+{"version":3,"file":"server.d.ts","sourceRoot":"","sources":["../src/server.tsx"],"names":[],"mappings":"AAMA,wBAA8B,qBAAqB,qDAWlD"}

package/dist/server.js

@@ -1,18 +1,10 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { api, HydrateClient } from 'nextjs-cms/api/trpc/server';
 import { GoogleAnalyticsPage } from './client/AnalyticsPage.js';
 import { findPluginRouteByPath } from 'nextjs-cms/plugins/server';
 import { resolveMultilingualString, resolveLanguage } from 'nextjs-cms/translations';
 import { getCMSConfig } from 'nextjs-cms/core';
 import auth from 'nextjs-cms/auth';
 export default async function GoogleAnalyticsServer() {
-    const helpers = api;
-    const prefetch = helpers.googleAnalytics?.test?.prefetch;
-    if (!prefetch) {
-        throw new Error('[google-analytics] Missing googleAnalytics.test prefetch helper.');
-    }
-    await prefetch();
-    // Resolve the plugin route title
     const [route, session, config] = await Promise.all([
         findPluginRouteByPath('/google-analytics'),
         auth(),
@@ -21,5 +13,5 @@ export default async function GoogleAnalyticsServer() {
     const { supportedLanguages, fallbackLanguage } = config.i18n;
     const language = resolveLanguage(session?.user?.language, supportedLanguages, fallbackLanguage);
     const resolvedTitle = route ? resolveMultilingualString(route.title, language, fallbackLanguage) : '';
-    return (_jsx(HydrateClient, { children: _jsx(GoogleAnalyticsPage, { title: resolvedTitle }) }));
+    return _jsx(GoogleAnalyticsPage, { title: resolvedTitle });
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nextjscms/plugin-google-analytics",
-  "version": "2.1.22",
+  "version": "2.1.24",
   "type": "module",
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",
@@ -25,7 +25,7 @@
   "peerDependencies": {
     "react": "19.2.3",
     "react-dom": "19.2.3",
-    "nextjs-cms": "0.9.22"
+    "nextjs-cms": "0.9.23"
   },
   "devDependencies": {
     "@types/react": "^19.2.7",