@nextjscms/plugin-google-analytics 2.1.30 → 2.1.32

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.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,qBAAqB,EAAE,MAAM,aAAa,CAAA;AAEnD,OAAO,EAAE,qBAAqB,EAAE,CAAA;AAEhC,wBAAsB,YAAY;;;;;;;;;;;;;;;oBAQw0D,CAAC;qBAA2B,CAAC;;;;;;;;;;;;;;;;;;;;;GADt4D"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,qBAAqB,EAAE,MAAM,aAAa,CAAA;AAEnD,OAAO,EAAE,qBAAqB,EAAE,CAAA;AAEhC,wBAAsB,YAAY;;;;;;;;;;;;;;;oBAQ4zD,CAAC;qBAA2B,CAAC;;;;;;;;;;;;;;;;;;;;;GAD13D"}

package/dist/router.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"router.d.ts","sourceRoot":"","sources":["../src/router.ts"],"names":[],"mappings":"AAMA,eAAO,MAAM,qBAAqB;;;;;;;;;;;;;;gBAKiuD,CAAC;iBAA2B,CAAC;;;;;;;;;;;;GAD9xD,CAAA"}
+{"version":3,"file":"router.d.ts","sourceRoot":"","sources":["../src/router.ts"],"names":[],"mappings":"AAMA,eAAO,MAAM,qBAAqB;;;;;;;;;;;;;;gBAKstD,CAAC;iBAA2B,CAAC;;;;;;;;;;;;GADnxD,CAAA"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nextjscms/plugin-google-analytics",
-  "version": "2.1.30",
+  "version": "2.1.32",
   "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.30"
+    "nextjs-cms": "0.9.32"
   },
   "devDependencies": {
     "@types/react": "^19.2.7",